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

package/lib/module/ui-components/buttons/hold-button.js

@@ -0,0 +1,236 @@
+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); }
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { StyleSheet, View } from 'react-native';
+import Animated, { cancelAnimation, Easing, runOnJS, useAnimatedStyle, useDerivedValue, useSharedValue, withTiming } from 'react-native-reanimated';
+import { TouchableWithoutFeedback } from '../accessibility/accessibilityHistoryWrappers';
+import { Typography } from '../text';
+import { useAppColorScheme } from '../theme';
+const Content = ({
+  title,
+  subtitlePrefix,
+  subtitleSuffix,
+  width,
+  height,
+  textColor,
+  progress,
+  holdTimeoutSecs,
+  disabled
+}) => {
+  const nums = useMemo(() => Array.from({
+    length: holdTimeoutSecs + 1
+  }).map((_, index) => holdTimeoutSecs - index), [holdTimeoutSecs]);
+  const [subtitleHeight, setSubtitleHeight] = useState(0);
+  const onSubtitleLayout = useCallback(({
+    nativeEvent
+  }) => {
+    setSubtitleHeight(nativeEvent.layout.height);
+  }, []);
+  const translateY = useDerivedValue(() => progress.value * subtitleHeight * holdTimeoutSecs, [subtitleHeight, holdTimeoutSecs]);
+  const movingUpStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateY: -translateY.value
+    }]
+  }), [translateY]);
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.contentWrapper, disabled && styles.contentDisabled, {
+      width,
+      height
+    }],
+    pointerEvents: "none"
+  }, /*#__PURE__*/React.createElement(Typography, {
+    color: textColor,
+    numberOfLines: 1
+  }, title), /*#__PURE__*/React.createElement(View, {
+    style: [styles.subtitle, disabled && styles.subtitleDisabled]
+  }, /*#__PURE__*/React.createElement(Typography, {
+    onLayout: onSubtitleLayout,
+    preset: "s/line-height-capped",
+    color: textColor,
+    numberOfLines: 1
+  }, subtitlePrefix), /*#__PURE__*/React.createElement(View, {
+    style: [styles.subtitleSecsWrapper, {
+      height: subtitleHeight
+    }]
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.subtitleSecs, movingUpStyle]
+  }, nums.map(val => /*#__PURE__*/React.createElement(Typography, {
+    key: val,
+    preset: "s/line-height-capped",
+    color: textColor,
+    numberOfLines: 1
+  }, val)))), /*#__PURE__*/React.createElement(Typography, {
+    preset: "s/line-height-capped",
+    color: textColor,
+    numberOfLines: 1
+  }, subtitleSuffix)));
+};
+const HoldButtonLayouted = ({
+  title,
+  subtitlePrefix,
+  subtitleSuffix,
+  onFinished,
+  holdTimeoutSecs = 3,
+  width,
+  height,
+  disabled,
+  ref,
+  ...props
+}) => {
+  const colorScheme = useAppColorScheme();
+  const [isFinished, setFinished] = useState(false);
+  useEffect(() => {
+    if (isFinished) {
+      onFinished();
+    }
+  }, [isFinished, onFinished]);
+  const progress = useSharedValue(0);
+  const onLongPress = useCallback(() => {
+    // Fix for detox bug https://github.com/wix/Detox/issues/4754
+    if (isFinished || progress.value !== 0) {
+      return;
+    }
+    setFinished(true);
+  }, [progress, isFinished]);
+  const onPressIn = useCallback(() => {
+    const holdTimeout = holdTimeoutSecs * 1000;
+
+    // start moving forward
+    progress.value = withTiming(1, {
+      duration: (1 - progress.value) * holdTimeout,
+      easing: Easing.linear
+    }, finished => {
+      if (finished) {
+        runOnJS(setFinished)(true);
+      } else {
+        // start moving back
+        progress.value = withTiming(0, {
+          duration: progress.value * holdTimeout,
+          easing: Easing.linear
+        });
+      }
+    });
+  }, [holdTimeoutSecs, progress]);
+  const onPressOut = useCallback(() => cancelAnimation(progress), [progress]);
+  const translateX = useDerivedValue(() => progress.value * width, [width]);
+  const movingRightStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateX: translateX.value
+    }]
+  }), [translateX]);
+  const movingLeftStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateX: -translateX.value
+    }]
+  }), [translateX]);
+  const contentProps = useMemo(() => ({
+    title,
+    subtitlePrefix,
+    subtitleSuffix,
+    progress,
+    holdTimeoutSecs,
+    width,
+    height
+  }), [title, subtitlePrefix, subtitleSuffix, progress, holdTimeoutSecs, width, height]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Content, _extends({
+    textColor: colorScheme.accent,
+    disabled: disabled
+  }, contentProps)), !disabled && /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.movingLayer, {
+      backgroundColor: colorScheme.accent
+    }, movingRightStyle]
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: movingLeftStyle
+  }, /*#__PURE__*/React.createElement(Content, _extends({
+    textColor: colorScheme.accentText
+  }, contentProps)))), /*#__PURE__*/React.createElement(View, {
+    style: styles.pressableLayer
+  }, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, _extends({
+    accessibilityRole: "button",
+    ref: ref,
+    disabled: isFinished || disabled,
+    onLongPress: onLongPress,
+    onPressIn: isFinished ? undefined : onPressIn,
+    onPressOut: isFinished ? undefined : onPressOut
+  }, props), /*#__PURE__*/React.createElement(View, {
+    style: {
+      width,
+      height
+    }
+  }))));
+};
+
+/**
+ * Press and hold button component
+ *
+ * follows design: https://www.figma.com/design/cCmAyBQrQWCQZuDi85pJfe/Procivis-One-Wallet-Developments-2025?node-id=1-871
+ */
+const HoldButton = /*#__PURE__*/React.forwardRef(({
+  style,
+  disabled,
+  ...props
+}, ref) => {
+  const colorScheme = useAppColorScheme();
+  const [layout, setLayout] = useState();
+  const onContainerLayout = useCallback(({
+    nativeEvent
+  }) => {
+    setLayout({
+      width: nativeEvent.layout.width,
+      height: nativeEvent.layout.height
+    });
+  }, []);
+  return /*#__PURE__*/React.createElement(View, {
+    onLayout: onContainerLayout,
+    style: [styles.container, disabled && styles.disabled, {
+      backgroundColor: disabled ? colorScheme.white : colorScheme.background,
+      borderColor: colorScheme.background
+    }, style]
+  }, layout && /*#__PURE__*/React.createElement(HoldButtonLayouted, _extends({
+    ref: ref,
+    disabled: disabled
+  }, props, layout)));
+});
+HoldButton.displayName = 'HoldButton';
+const styles = StyleSheet.create({
+  container: {
+    borderRadius: 12,
+    height: 68,
+    overflow: 'hidden'
+  },
+  contentDisabled: {
+    opacity: 0.4
+  },
+  contentWrapper: {
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingBottom: 16,
+    paddingHorizontal: 24,
+    paddingTop: 12
+  },
+  disabled: {
+    borderWidth: 1
+  },
+  movingLayer: {
+    overflow: 'hidden',
+    position: 'absolute'
+  },
+  pressableLayer: {
+    position: 'absolute'
+  },
+  subtitle: {
+    alignItems: 'flex-end',
+    flexDirection: 'row',
+    opacity: 0.8
+  },
+  subtitleDisabled: {
+    opacity: 1
+  },
+  subtitleSecs: {
+    alignItems: 'center'
+  },
+  subtitleSecsWrapper: {
+    overflow: 'hidden'
+  }
+});
+export default HoldButton;
+//# sourceMappingURL=hold-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useState","StyleSheet","View","Animated","cancelAnimation","Easing","runOnJS","useAnimatedStyle","useDerivedValue","useSharedValue","withTiming","TouchableWithoutFeedback","Typography","useAppColorScheme","Content","title","subtitlePrefix","subtitleSuffix","width","height","textColor","progress","holdTimeoutSecs","disabled","nums","Array","from","length","map","_","index","subtitleHeight","setSubtitleHeight","onSubtitleLayout","nativeEvent","layout","translateY","value","movingUpStyle","transform","createElement","style","styles","contentWrapper","contentDisabled","pointerEvents","color","numberOfLines","subtitle","subtitleDisabled","onLayout","preset","subtitleSecsWrapper","subtitleSecs","val","key","HoldButtonLayouted","onFinished","ref","props","colorScheme","isFinished","setFinished","onLongPress","onPressIn","holdTimeout","duration","easing","linear","finished","onPressOut","translateX","movingRightStyle","movingLeftStyle","contentProps","Fragment","_extends","accent","movingLayer","backgroundColor","accentText","pressableLayer","accessibilityRole","undefined","HoldButton","forwardRef","setLayout","onContainerLayout","container","white","background","borderColor","displayName","create","borderRadius","overflow","opacity","alignItems","justifyContent","paddingBottom","paddingHorizontal","paddingTop","borderWidth","position","flexDirection"],"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":";AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACxE,SAAwCC,UAAU,EAAiCC,IAAI,QAAQ,cAAc;AAC7G,OAAOC,QAAQ,IACbC,eAAe,EACfC,MAAM,EACNC,OAAO,EAEPC,gBAAgB,EAChBC,eAAe,EACfC,cAAc,EACdC,UAAU,QACL,yBAAyB;AAEhC,SAASC,wBAAwB,QAAqC,+CAA+C;AACrH,SAASC,UAAU,QAAQ,SAAS;AACpC,SAASC,iBAAiB,QAAQ,UAAU;AA0B5C,MAAMC,OAAO,GAAGA,CAAC;EACfC,KAAK;EACLC,cAAc;EACdC,cAAc;EACdC,KAAK;EACLC,MAAM;EACNC,SAAS;EACTC,QAAQ;EACRC,eAAe;EACfC;AACY,CAAC,KAAK;EAClB,MAAMC,IAAI,GAAGzB,OAAO,CAClB,MAAM0B,KAAK,CAACC,IAAI,CAAC;IAAEC,MAAM,EAAEL,eAAe,GAAG;EAAE,CAAC,CAAC,CAACM,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,KAAKR,eAAe,GAAGQ,KAAK,CAAC,EAC5F,CAACR,eAAe,CAClB,CAAC;EAED,MAAM,CAACS,cAAc,EAAEC,iBAAiB,CAAC,GAAGhC,QAAQ,CAAS,CAAC,CAAC;EAC/D,MAAMiC,gBAAgB,GAAGpC,WAAW,CAAC,CAAC;IAAEqC;EAA+B,CAAC,KAAK;IAC3EF,iBAAiB,CAACE,WAAW,CAACC,MAAM,CAAChB,MAAM,CAAC;EAC9C,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMiB,UAAU,GAAG5B,eAAe,CAChC,MAAMa,QAAQ,CAACgB,KAAK,GAAGN,cAAc,GAAGT,eAAe,EACvD,CAACS,cAAc,EAAET,eAAe,CAClC,CAAC;EACD,MAAMgB,aAAa,GAAG/B,gBAAgB,CAAC,OAAO;IAC5CgC,SAAS,EAAE,CAAC;MAAEH,UAAU,EAAE,CAACA,UAAU,CAACC;IAAM,CAAC;EAC/C,CAAC,CAAC,EAAE,CAACD,UAAU,CAAC,CAAC;EAEjB,oBACExC,KAAA,CAAA4C,aAAA,CAACtC,IAAI;IAACuC,KAAK,EAAE,CAACC,MAAM,CAACC,cAAc,EAAEpB,QAAQ,IAAImB,MAAM,CAACE,eAAe,EAAE;MAAE1B,KAAK;MAAEC;IAAO,CAAC,CAAE;IAAC0B,aAAa,EAAC;EAAM,gBAC/GjD,KAAA,CAAA4C,aAAA,CAAC5B,UAAU;IAACkC,KAAK,EAAE1B,SAAU;IAAC2B,aAAa,EAAE;EAAE,GAC5ChC,KACS,CAAC,eAEbnB,KAAA,CAAA4C,aAAA,CAACtC,IAAI;IAACuC,KAAK,EAAE,CAACC,MAAM,CAACM,QAAQ,EAAEzB,QAAQ,IAAImB,MAAM,CAACO,gBAAgB;EAAE,gBAClErD,KAAA,CAAA4C,aAAA,CAAC5B,UAAU;IAACsC,QAAQ,EAAEjB,gBAAiB;IAACkB,MAAM,EAAC,sBAAsB;IAACL,KAAK,EAAE1B,SAAU;IAAC2B,aAAa,EAAE;EAAE,GACtG/B,cACS,CAAC,eACbpB,KAAA,CAAA4C,aAAA,CAACtC,IAAI;IAACuC,KAAK,EAAE,CAACC,MAAM,CAACU,mBAAmB,EAAE;MAAEjC,MAAM,EAAEY;IAAe,CAAC;EAAE,gBACpEnC,KAAA,CAAA4C,aAAA,CAACrC,QAAQ,CAACD,IAAI;IAACuC,KAAK,EAAE,CAACC,MAAM,CAACW,YAAY,EAAEf,aAAa;EAAE,GACxDd,IAAI,CAACI,GAAG,CAAE0B,GAAG,iBACZ1D,KAAA,CAAA4C,aAAA,CAAC5B,UAAU;IAAC2C,GAAG,EAAED,GAAI;IAACH,MAAM,EAAC,sBAAsB;IAACL,KAAK,EAAE1B,SAAU;IAAC2B,aAAa,EAAE;EAAE,GACpFO,GACS,CACb,CACY,CACX,CAAC,eACP1D,KAAA,CAAA4C,aAAA,CAAC5B,UAAU;IAACuC,MAAM,EAAC,sBAAsB;IAACL,KAAK,EAAE1B,SAAU;IAAC2B,aAAa,EAAE;EAAE,GAC1E9B,cACS,CACR,CACF,CAAC;AAEX,CAAC;AAQD,MAAMuC,kBAAkB,GAAGA,CAAC;EAC1BzC,KAAK;EACLC,cAAc;EACdC,cAAc;EACdwC,UAAU;EACVnC,eAAe,GAAG,CAAC;EACnBJ,KAAK;EACLC,MAAM;EACNI,QAAQ;EACRmC,GAAG;EACH,GAAGC;AACoB,CAAC,KAAK;EAC7B,MAAMC,WAAW,GAAG/C,iBAAiB,CAAC,CAAC;EAEvC,MAAM,CAACgD,UAAU,EAAEC,WAAW,CAAC,GAAG9D,QAAQ,CAAC,KAAK,CAAC;EACjDF,SAAS,CAAC,MAAM;IACd,IAAI+D,UAAU,EAAE;MACdJ,UAAU,CAAC,CAAC;IACd;EACF,CAAC,EAAE,CAACI,UAAU,EAAEJ,UAAU,CAAC,CAAC;EAE5B,MAAMpC,QAAQ,GAAGZ,cAAc,CAAC,CAAC,CAAC;EAElC,MAAMsD,WAAW,GAAGlE,WAAW,CAAC,MAAM;IACpC;IACA,IAAIgE,UAAU,IAAIxC,QAAQ,CAACgB,KAAK,KAAK,CAAC,EAAE;MACtC;IACF;IACAyB,WAAW,CAAC,IAAI,CAAC;EACnB,CAAC,EAAE,CAACzC,QAAQ,EAAEwC,UAAU,CAAC,CAAC;EAE1B,MAAMG,SAAS,GAAGnE,WAAW,CAAC,MAAM;IAClC,MAAMoE,WAAW,GAAG3C,eAAe,GAAG,IAAI;;IAE1C;IACAD,QAAQ,CAACgB,KAAK,GAAG3B,UAAU,CACzB,CAAC,EACD;MACEwD,QAAQ,EAAE,CAAC,CAAC,GAAG7C,QAAQ,CAACgB,KAAK,IAAI4B,WAAW;MAC5CE,MAAM,EAAE9D,MAAM,CAAC+D;IACjB,CAAC,EACAC,QAAQ,IAAK;MACZ,IAAIA,QAAQ,EAAE;QACZ/D,OAAO,CAACwD,WAAW,CAAC,CAAC,IAAI,CAAC;MAC5B,CAAC,MAAM;QACL;QACAzC,QAAQ,CAACgB,KAAK,GAAG3B,UAAU,CAAC,CAAC,EAAE;UAC7BwD,QAAQ,EAAE7C,QAAQ,CAACgB,KAAK,GAAG4B,WAAW;UACtCE,MAAM,EAAE9D,MAAM,CAAC+D;QACjB,CAAC,CAAC;MACJ;IACF,CACF,CAAC;EACH,CAAC,EAAE,CAAC9C,eAAe,EAAED,QAAQ,CAAC,CAAC;EAE/B,MAAMiD,UAAU,GAAGzE,WAAW,CAAC,MAAMO,eAAe,CAACiB,QAAQ,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAE3E,MAAMkD,UAAU,GAAG/D,eAAe,CAAC,MAAMa,QAAQ,CAACgB,KAAK,GAAGnB,KAAK,EAAE,CAACA,KAAK,CAAC,CAAC;EACzE,MAAMsD,gBAAgB,GAAGjE,gBAAgB,CAAC,OAAO;IAC/CgC,SAAS,EAAE,CAAC;MAAEgC,UAAU,EAAEA,UAAU,CAAClC;IAAM,CAAC;EAC9C,CAAC,CAAC,EAAE,CAACkC,UAAU,CAAC,CAAC;EACjB,MAAME,eAAe,GAAGlE,gBAAgB,CAAC,OAAO;IAC9CgC,SAAS,EAAE,CAAC;MAAEgC,UAAU,EAAE,CAACA,UAAU,CAAClC;IAAM,CAAC;EAC/C,CAAC,CAAC,EAAE,CAACkC,UAAU,CAAC,CAAC;EAEjB,MAAMG,YAAY,GAAG3E,OAAO,CAC1B,OAAO;IAAEgB,KAAK;IAAEC,cAAc;IAAEC,cAAc;IAAEI,QAAQ;IAAEC,eAAe;IAAEJ,KAAK;IAAEC;EAAO,CAAC,CAAC,EAC3F,CAACJ,KAAK,EAAEC,cAAc,EAAEC,cAAc,EAAEI,QAAQ,EAAEC,eAAe,EAAEJ,KAAK,EAAEC,MAAM,CAClF,CAAC;EAED,oBACEvB,KAAA,CAAA4C,aAAA,CAAA5C,KAAA,CAAA+E,QAAA,qBACE/E,KAAA,CAAA4C,aAAA,CAAC1B,OAAO,EAAA8D,QAAA;IAACxD,SAAS,EAAEwC,WAAW,CAACiB,MAAO;IAACtD,QAAQ,EAAEA;EAAS,GAAKmD,YAAY,CAAG,CAAC,EAC/E,CAACnD,QAAQ,iBACR3B,KAAA,CAAA4C,aAAA,CAACrC,QAAQ,CAACD,IAAI;IAACuC,KAAK,EAAE,CAACC,MAAM,CAACoC,WAAW,EAAE;MAAEC,eAAe,EAAEnB,WAAW,CAACiB;IAAO,CAAC,EAAEL,gBAAgB;EAAE,gBACpG5E,KAAA,CAAA4C,aAAA,CAACrC,QAAQ,CAACD,IAAI;IAACuC,KAAK,EAAEgC;EAAgB,gBACpC7E,KAAA,CAAA4C,aAAA,CAAC1B,OAAO,EAAA8D,QAAA;IAACxD,SAAS,EAAEwC,WAAW,CAACoB;EAAW,GAAKN,YAAY,CAAG,CAClD,CACF,CAChB,eACD9E,KAAA,CAAA4C,aAAA,CAACtC,IAAI;IAACuC,KAAK,EAAEC,MAAM,CAACuC;EAAe,gBACjCrF,KAAA,CAAA4C,aAAA,CAAC7B,wBAAwB,EAAAiE,QAAA;IACvBM,iBAAiB,EAAC,QAAQ;IAC1BxB,GAAG,EAAEA,GAAI;IACTnC,QAAQ,EAAEsC,UAAU,IAAItC,QAAS;IACjCwC,WAAW,EAAEA,WAAY;IACzBC,SAAS,EAAEH,UAAU,GAAGsB,SAAS,GAAGnB,SAAU;IAC9CM,UAAU,EAAET,UAAU,GAAGsB,SAAS,GAAGb;EAAW,GAC5CX,KAAK,gBACT/D,KAAA,CAAA4C,aAAA,CAACtC,IAAI;IAACuC,KAAK,EAAE;MAAEvB,KAAK;MAAEC;IAAO;EAAE,CAAE,CACT,CACtB,CACN,CAAC;AAEP,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,MAAMiE,UAAU,gBAAGxF,KAAK,CAACyF,UAAU,CACjC,CAAC;EAAE5C,KAAK;EAAElB,QAAQ;EAAE,GAAGoC;AAAM,CAAC,EAAED,GAAG,KAAK;EACtC,MAAME,WAAW,GAAG/C,iBAAiB,CAAC,CAAC;EAEvC,MAAM,CAACsB,MAAM,EAAEmD,SAAS,CAAC,GAAGtF,QAAQ,CAAoC,CAAC;EACzE,MAAMuF,iBAAiB,GAAG1F,WAAW,CAAC,CAAC;IAAEqC;EAA+B,CAAC,KAAK;IAC5EoD,SAAS,CAAC;MAAEpE,KAAK,EAAEgB,WAAW,CAACC,MAAM,CAACjB,KAAK;MAAEC,MAAM,EAAEe,WAAW,CAACC,MAAM,CAAChB;IAAO,CAAC,CAAC;EACnF,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEvB,KAAA,CAAA4C,aAAA,CAACtC,IAAI;IACHgD,QAAQ,EAAEqC,iBAAkB;IAC5B9C,KAAK,EAAE,CACLC,MAAM,CAAC8C,SAAS,EAChBjE,QAAQ,IAAImB,MAAM,CAACnB,QAAQ,EAC3B;MACEwD,eAAe,EAAExD,QAAQ,GAAGqC,WAAW,CAAC6B,KAAK,GAAG7B,WAAW,CAAC8B,UAAU;MACtEC,WAAW,EAAE/B,WAAW,CAAC8B;IAC3B,CAAC,EACDjD,KAAK;EACL,GACDN,MAAM,iBAAIvC,KAAA,CAAA4C,aAAA,CAACgB,kBAAkB,EAAAoB,QAAA;IAAClB,GAAG,EAAEA,GAAI;IAACnC,QAAQ,EAAEA;EAAS,GAAKoC,KAAK,EAAMxB,MAAM,CAAG,CACjF,CAAC;AAEX,CACF,CAAC;AAEDiD,UAAU,CAACQ,WAAW,GAAG,YAAY;AAErC,MAAMlD,MAAM,GAAGzC,UAAU,CAAC4F,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACTM,YAAY,EAAE,EAAE;IAChB3E,MAAM,EAAE,EAAE;IACV4E,QAAQ,EAAE;EACZ,CAAC;EACDnD,eAAe,EAAE;IACfoD,OAAO,EAAE;EACX,CAAC;EACDrD,cAAc,EAAE;IACdsD,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BC,aAAa,EAAE,EAAE;IACjBC,iBAAiB,EAAE,EAAE;IACrBC,UAAU,EAAE;EACd,CAAC;EACD9E,QAAQ,EAAE;IACR+E,WAAW,EAAE;EACf,CAAC;EACDxB,WAAW,EAAE;IACXiB,QAAQ,EAAE,QAAQ;IAClBQ,QAAQ,EAAE;EACZ,CAAC;EACDtB,cAAc,EAAE;IACdsB,QAAQ,EAAE;EACZ,CAAC;EACDvD,QAAQ,EAAE;IACRiD,UAAU,EAAE,UAAU;IACtBO,aAAa,EAAE,KAAK;IACpBR,OAAO,EAAE;EACX,CAAC;EACD/C,gBAAgB,EAAE;IAChB+C,OAAO,EAAE;EACX,CAAC;EACD3C,YAAY,EAAE;IACZ4C,UAAU,EAAE;EACd,CAAC;EACD7C,mBAAmB,EAAE;IACnB2C,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEF,eAAeX,UAAU","ignoreList":[]}

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

@@ -1,8 +1,9 @@
-import BackButton, { BackButtonIcon, BackButtonProps } from './back-button';
-import { Button, ButtonProps, ButtonType } from './button';
-import ConnectivityButton, { ConnectivityButtonProps, ConnectivityTransport } from './connectivity-button';
-import FilterButton, { FilterButtonProps } from './filter-button';
-import GhostButton, { GhostButtonProps } from './ghost-button';
-import ScanButton, { ScanButtonProps } from './scan-button';
-export { BackButton, BackButtonIcon, BackButtonProps, Button, ButtonProps, ButtonType, ConnectivityButton, ConnectivityButtonProps, ConnectivityTransport, FilterButton, FilterButtonProps, GhostButton, GhostButtonProps, ScanButton, ScanButtonProps };
+import BackButton, { BackButtonIcon } from './back-button';
+import { Button, ButtonType } from './button';
+import ConnectivityButton, { ConnectivityTransport } from './connectivity-button';
+import FilterButton from './filter-button';
+import GhostButton from './ghost-button';
+import HoldButton from './hold-button';
+import ScanButton from './scan-button';
+export { BackButton, BackButtonIcon, Button, ButtonType, ConnectivityButton, ConnectivityTransport, FilterButton, GhostButton, HoldButton, ScanButton };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["BackButton","BackButtonIcon","BackButtonProps","Button","ButtonProps","ButtonType","ConnectivityButton","ConnectivityButtonProps","ConnectivityTransport","FilterButton","FilterButtonProps","GhostButton","GhostButtonProps","ScanButton","ScanButtonProps"],"sources":["index.ts"],"sourcesContent":["import BackButton, { BackButtonIcon, BackButtonProps } from './back-button';\nimport { Button, ButtonProps, ButtonType } from './button';\nimport ConnectivityButton, { ConnectivityButtonProps, ConnectivityTransport } from './connectivity-button';\nimport FilterButton, { FilterButtonProps } from './filter-button';\nimport GhostButton, { GhostButtonProps } from './ghost-button';\nimport ScanButton, { ScanButtonProps } 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  ScanButton,\n  ScanButtonProps,\n};\n"],"mappings":"AAAA,OAAOA,UAAU,IAAIC,cAAc,EAAEC,eAAe,QAAQ,eAAe;AAC3E,SAASC,MAAM,EAAEC,WAAW,EAAEC,UAAU,QAAQ,UAAU;AAC1D,OAAOC,kBAAkB,IAAIC,uBAAuB,EAAEC,qBAAqB,QAAQ,uBAAuB;AAC1G,OAAOC,YAAY,IAAIC,iBAAiB,QAAQ,iBAAiB;AACjE,OAAOC,WAAW,IAAIC,gBAAgB,QAAQ,gBAAgB;AAC9D,OAAOC,UAAU,IAAIC,eAAe,QAAQ,eAAe;AAE3D,SACEd,UAAU,EACVC,cAAc,EACdC,eAAe,EACfC,MAAM,EACNC,WAAW,EACXC,UAAU,EACVC,kBAAkB,EAClBC,uBAAuB,EACvBC,qBAAqB,EACrBC,YAAY,EACZC,iBAAiB,EACjBC,WAAW,EACXC,gBAAgB,EAChBC,UAAU,EACVC,eAAe"}
+{"version":3,"names":["BackButton","BackButtonIcon","Button","ButtonType","ConnectivityButton","ConnectivityTransport","FilterButton","GhostButton","HoldButton","ScanButton"],"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,OAAOA,UAAU,IAAIC,cAAc,QAAQ,eAAe;AAE1D,SAASC,MAAM,EAAEC,UAAU,QAAQ,UAAU;AAE7C,OAAOC,kBAAkB,IAAIC,qBAAqB,QAAQ,uBAAuB;AAEjF,OAAOC,YAAY,MAAM,iBAAiB;AAE1C,OAAOC,WAAW,MAAM,gBAAgB;AAExC,OAAOC,UAAU,MAAM,eAAe;AAEtC,OAAOC,UAAU,MAAM,eAAe;AAEtC,SACET,UAAU,EACVC,cAAc,EAEdC,MAAM,EAENC,UAAU,EACVC,kBAAkB,EAElBC,qBAAqB,EACrBC,YAAY,EAEZC,WAAW,EAEXC,UAAU,EAEVC,UAAU","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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); }
 import React from 'react';
 import { StyleSheet, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
@@ -13,11 +13,10 @@ const hitSlop = {
   bottom: 10,
   right: 10
 };
-const ScanButton = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    style,
-    ...props
-  } = _ref;
+const ScanButton = /*#__PURE__*/React.forwardRef(({
+  style,
+  ...props
+}, ref) => {
   const t = useAccessibilityTranslation();
   const colorScheme = useAppColorScheme();
   const insets = useSafeAreaInsets();

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","useSafeAreaInsets","TouchableOpacity","useAccessibilityTranslation","BlurView","ScanIcon","useAppColorScheme","hitSlop","top","left","bottom","right","ScanButton","forwardRef","_ref","ref","style","props","t","colorScheme","insets","createElement","_extends","accessibilityLabel","accessibilityRole","styles","button","Math","max","blurStyle","blurWrapper","iconWrapper","backgroundColor","accent","color","white","displayName","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":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAiBC,UAAU,EAAyBC,IAAI,QAAQ,cAAc;AAC9E,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SAASC,gBAAgB,QAA6B,+CAA+C;AACrG,SAASC,2BAA2B,QAAQ,wCAAwC;AACpF,OAAOC,QAAQ,MAAM,mBAAmB;AACxC,SAASC,QAAQ,QAAQ,UAAU;AACnC,SAASC,iBAAiB,QAAQ,UAAU;AAI5C,MAAMC,OAAe,GAAG;EAAEC,GAAG,EAAE,EAAE;EAAEC,IAAI,EAAE,EAAE;EAAEC,MAAM,EAAE,EAAE;EAAEC,KAAK,EAAE;AAAG,CAAC;AAEpE,MAAMC,UAAU,gBAAGd,KAAK,CAACe,UAAU,CAAuC,CAAAC,IAAA,EAAsBC,GAAG,KAAK;EAAA,IAA7B;IAAEC,KAAK;IAAE,GAAGC;EAAM,CAAC,GAAAH,IAAA;EAC5F,MAAMI,CAAC,GAAGf,2BAA2B,EAAE;EACvC,MAAMgB,WAAW,GAAGb,iBAAiB,EAAE;EACvC,MAAMc,MAAM,GAAGnB,iBAAiB,EAAE;EAElC,oBACEH,KAAA,CAAAuB,aAAA,CAACnB,gBAAgB,EAAAoB,QAAA;IACfC,kBAAkB,EAAEL,CAAC,CAAC,yBAAyB,CAAE;IACjDM,iBAAiB,EAAC,QAAQ;IAC1BjB,OAAO,EAAEA,OAAQ;IACjBQ,GAAG,EAAEA,GAAI;IACTC,KAAK,EAAE,CAACS,MAAM,CAACC,MAAM,EAAE;MAAEhB,MAAM,EAAEiB,IAAI,CAACC,GAAG,CAAC,EAAE,EAAER,MAAM,CAACV,MAAM;IAAE,CAAC,EAAEM,KAAK;EAAE,GACnEC,KAAK,gBACTnB,KAAA,CAAAuB,aAAA,CAACjB,QAAQ;IAACyB,SAAS,EAAC,MAAM;IAACb,KAAK,EAAES,MAAM,CAACK;EAAY,gBACnDhC,KAAA,CAAAuB,aAAA,CAACrB,IAAI;IAACgB,KAAK,EAAE,CAACS,MAAM,CAACM,WAAW,EAAE;MAAEC,eAAe,EAAEb,WAAW,CAACc;IAAO,CAAC;EAAE,gBACzEnC,KAAA,CAAAuB,aAAA,CAAChB,QAAQ;IAAC6B,KAAK,EAAEf,WAAW,CAACgB;EAAM,EAAG,CACjC,CACE,CACM;AAEvB,CAAC,CAAC;AAEFvB,UAAU,CAACwB,WAAW,GAAG,YAAY;AACrC,eAAexB,UAAU;AAEzB,MAAMa,MAAM,GAAG1B,UAAU,CAACsC,MAAM,CAAC;EAC/BP,WAAW,EAAE;IACXQ,YAAY,EAAE,EAAE;IAChBC,MAAM,EAAE,EAAE;IACVC,OAAO,EAAE,CAAC;IACVC,KAAK,EAAE;EACT,CAAC;EACDf,MAAM,EAAE;IACNY,YAAY,EAAE,EAAE;IAChBC,MAAM,EAAE,EAAE;IACV9B,IAAI,EAAE,KAAK;IACXiC,UAAU,EAAE,CAAC,EAAE;IACfC,QAAQ,EAAE,UAAU;IACpBC,WAAW,EAAE,SAAS;IACtBC,YAAY,EAAE;MAAEN,MAAM,EAAE,CAAC;MAAEE,KAAK,EAAE;IAAE,CAAC;IACrCK,aAAa,EAAE,GAAG;IAClBC,YAAY,EAAE,EAAE;IAChBN,KAAK,EAAE;EACT,CAAC;EACDV,WAAW,EAAE;IACXiB,UAAU,EAAE,QAAQ;IACpBV,YAAY,EAAE,EAAE;IAChBC,MAAM,EAAE,MAAM;IACdU,cAAc,EAAE,QAAQ;IACxBR,KAAK,EAAE;EACT;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","StyleSheet","View","useSafeAreaInsets","TouchableOpacity","useAccessibilityTranslation","BlurView","ScanIcon","useAppColorScheme","hitSlop","top","left","bottom","right","ScanButton","forwardRef","style","props","ref","t","colorScheme","insets","createElement","_extends","accessibilityLabel","accessibilityRole","styles","button","Math","max","blurStyle","blurWrapper","iconWrapper","backgroundColor","accent","color","white","displayName","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":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAiBC,UAAU,EAAyBC,IAAI,QAAQ,cAAc;AAC9E,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SAASC,gBAAgB,QAA6B,+CAA+C;AACrG,SAASC,2BAA2B,QAAQ,wCAAwC;AACpF,OAAOC,QAAQ,MAAM,mBAAmB;AACxC,SAASC,QAAQ,QAAQ,UAAU;AACnC,SAASC,iBAAiB,QAAQ,UAAU;AAI5C,MAAMC,OAAe,GAAG;EAAEC,GAAG,EAAE,EAAE;EAAEC,IAAI,EAAE,EAAE;EAAEC,MAAM,EAAE,EAAE;EAAEC,KAAK,EAAE;AAAG,CAAC;AAEpE,MAAMC,UAAU,gBAAGd,KAAK,CAACe,UAAU,CAAuC,CAAC;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACtG,MAAMC,CAAC,GAAGd,2BAA2B,CAAC,CAAC;EACvC,MAAMe,WAAW,GAAGZ,iBAAiB,CAAC,CAAC;EACvC,MAAMa,MAAM,GAAGlB,iBAAiB,CAAC,CAAC;EAElC,oBACEH,KAAA,CAAAsB,aAAA,CAAClB,gBAAgB,EAAAmB,QAAA;IACfC,kBAAkB,EAAEL,CAAC,CAAC,yBAAyB,CAAE;IACjDM,iBAAiB,EAAC,QAAQ;IAC1BhB,OAAO,EAAEA,OAAQ;IACjBS,GAAG,EAAEA,GAAI;IACTF,KAAK,EAAE,CAACU,MAAM,CAACC,MAAM,EAAE;MAAEf,MAAM,EAAEgB,IAAI,CAACC,GAAG,CAAC,EAAE,EAAER,MAAM,CAACT,MAAM;IAAE,CAAC,EAAEI,KAAK;EAAE,GACnEC,KAAK,gBACTjB,KAAA,CAAAsB,aAAA,CAAChB,QAAQ;IAACwB,SAAS,EAAC,MAAM;IAACd,KAAK,EAAEU,MAAM,CAACK;EAAY,gBACnD/B,KAAA,CAAAsB,aAAA,CAACpB,IAAI;IAACc,KAAK,EAAE,CAACU,MAAM,CAACM,WAAW,EAAE;MAAEC,eAAe,EAAEb,WAAW,CAACc;IAAO,CAAC;EAAE,gBACzElC,KAAA,CAAAsB,aAAA,CAACf,QAAQ;IAAC4B,KAAK,EAAEf,WAAW,CAACgB;EAAM,CAAE,CACjC,CACE,CACM,CAAC;AAEvB,CAAC,CAAC;AAEFtB,UAAU,CAACuB,WAAW,GAAG,YAAY;AACrC,eAAevB,UAAU;AAEzB,MAAMY,MAAM,GAAGzB,UAAU,CAACqC,MAAM,CAAC;EAC/BP,WAAW,EAAE;IACXQ,YAAY,EAAE,EAAE;IAChBC,MAAM,EAAE,EAAE;IACVC,OAAO,EAAE,CAAC;IACVC,KAAK,EAAE;EACT,CAAC;EACDf,MAAM,EAAE;IACNY,YAAY,EAAE,EAAE;IAChBC,MAAM,EAAE,EAAE;IACV7B,IAAI,EAAE,KAAK;IACXgC,UAAU,EAAE,CAAC,EAAE;IACfC,QAAQ,EAAE,UAAU;IACpBC,WAAW,EAAE,SAAS;IACtBC,YAAY,EAAE;MAAEN,MAAM,EAAE,CAAC;MAAEE,KAAK,EAAE;IAAE,CAAC;IACrCK,aAAa,EAAE,GAAG;IAClBC,YAAY,EAAE,EAAE;IAChBN,KAAK,EAAE;EACT,CAAC;EACDV,WAAW,EAAE;IACXiB,UAAU,EAAE,QAAQ;IACpBV,YAAY,EAAE,EAAE;IAChBC,MAAM,EAAE,MAAM;IACdU,cAAc,EAAE,QAAQ;IACxBR,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -1,16 +1,14 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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); }
 import React from 'react';
 import { Dimensions, StyleSheet, View } from 'react-native';
 import Svg, { Path } from 'react-native-svg';
-const CameraOverlay = _ref => {
-  var _scannerSize;
-  let {
-    scannerSize,
-    style,
-    ...viewProps
-  } = _ref;
+const CameraOverlay = ({
+  scannerSize,
+  style,
+  ...viewProps
+}) => {
   const windowWidth = Dimensions.get('window').width;
-  scannerSize = (_scannerSize = scannerSize) !== null && _scannerSize !== void 0 ? _scannerSize : windowWidth * 0.6;
+  scannerSize = scannerSize !== null && scannerSize !== void 0 ? scannerSize : windowWidth * 0.6;
   const transformSize = scannerSize / 2;
   return /*#__PURE__*/React.createElement(View, _extends({
     style: [StyleSheet.absoluteFill, style]

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

@@ -1 +1 @@
-{"version":3,"names":["React","Dimensions","StyleSheet","View","Svg","Path","CameraOverlay","_ref","_scannerSize","scannerSize","style","viewProps","windowWidth","get","width","transformSize","createElement","_extends","absoluteFill","styles","scannerOutline","height","transform","translateX","translateY","viewBox","fill","strokeWidth","strokeLinecap","stroke","d","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":";AAAA,OAAOA,KAAK,MAA6B,OAAO;AAChD,SAASC,UAAU,EAAEC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AACtE,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAM5C,MAAMC,aAAiD,GAAGC,IAAA,IAA0C;EAAA,IAAAC,YAAA;EAAA,IAAzC;IAAEC,WAAW;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAAJ,IAAA;EAC7F,MAAMK,WAAW,GAAGX,UAAU,CAACY,GAAG,CAAC,QAAQ,CAAC,CAACC,KAAK;EAElDL,WAAW,IAAAD,YAAA,GAAGC,WAAW,cAAAD,YAAA,cAAAA,YAAA,GAAII,WAAW,GAAG,GAAG;EAC9C,MAAMG,aAAa,GAAGN,WAAW,GAAG,CAAC;EAErC,oBACET,KAAA,CAAAgB,aAAA,CAACb,IAAI,EAAAc,QAAA;IAACP,KAAK,EAAE,CAACR,UAAU,CAACgB,YAAY,EAAER,KAAK;EAAE,GAAKC,SAAS,gBAC1DX,KAAA,CAAAgB,aAAA,CAACZ,GAAG;IACFM,KAAK,EAAE,CACLS,MAAM,CAACC,cAAc,EACrB;MACEN,KAAK,EAAEL,WAAW;MAClBY,MAAM,EAAEZ,WAAW;MACnBa,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAE,CAACR;MAAc,CAAC,EAAE;QAAES,UAAU,EAAE,CAACT;MAAc,CAAC;IAC5E,CAAC,CACD;IACFU,OAAO,EAAC,aAAa;IACrBC,IAAI,EAAC,MAAM;IACXC,WAAW,EAAE,CAAE;IACfC,aAAa,EAAC,OAAO;IACrBC,MAAM,EAAE;EAAU,gBAClB7B,KAAA,CAAAgB,aAAA,CAACX,IAAI;IAACyB,CAAC,EAAC;EAAkJ,EAAG,eAC7J9B,KAAA,CAAAgB,aAAA,CAACX,IAAI;IAACyB,CAAC,EAAC;EAA2E,EAAG,eACtF9B,KAAA,CAAAgB,aAAA,CAACX,IAAI;IAACyB,CAAC,EAAC;EAAoK,EAAG,eAC/K9B,KAAA,CAAAgB,aAAA,CAACX,IAAI;IAACyB,CAAC,EAAC;EAA8K,EAAG,eACzL9B,KAAA,CAAAgB,aAAA,CAACX,IAAI;IAACyB,CAAC,EAAC;EAAoK,EAAG,CAC3K,CACD;AAEX,CAAC;AAED,eAAexB,aAAa;AAE5B,MAAMa,MAAM,GAAGjB,UAAU,CAAC6B,MAAM,CAAC;EAC/BX,cAAc,EAAE;IACdY,IAAI,EAAE,KAAK;IACXC,GAAG,EAAE;EACP;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","Dimensions","StyleSheet","View","Svg","Path","CameraOverlay","scannerSize","style","viewProps","windowWidth","get","width","transformSize","createElement","_extends","absoluteFill","styles","scannerOutline","height","transform","translateX","translateY","viewBox","fill","strokeWidth","strokeLinecap","stroke","d","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":";AAAA,OAAOA,KAAK,MAA6B,OAAO;AAChD,SAASC,UAAU,EAAEC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AACtE,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAM5C,MAAMC,aAAiD,GAAGA,CAAC;EAAEC,WAAW;EAAEC,KAAK;EAAE,GAAGC;AAAU,CAAC,KAAK;EAClG,MAAMC,WAAW,GAAGT,UAAU,CAACU,GAAG,CAAC,QAAQ,CAAC,CAACC,KAAK;EAElDL,WAAW,GAAGA,WAAW,aAAXA,WAAW,cAAXA,WAAW,GAAIG,WAAW,GAAG,GAAG;EAC9C,MAAMG,aAAa,GAAGN,WAAW,GAAG,CAAC;EAErC,oBACEP,KAAA,CAAAc,aAAA,CAACX,IAAI,EAAAY,QAAA;IAACP,KAAK,EAAE,CAACN,UAAU,CAACc,YAAY,EAAER,KAAK;EAAE,GAAKC,SAAS,gBAC1DT,KAAA,CAAAc,aAAA,CAACV,GAAG;IACFI,KAAK,EAAE,CACLS,MAAM,CAACC,cAAc,EACrB;MACEN,KAAK,EAAEL,WAAW;MAClBY,MAAM,EAAEZ,WAAW;MACnBa,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAE,CAACR;MAAc,CAAC,EAAE;QAAES,UAAU,EAAE,CAACT;MAAc,CAAC;IAC5E,CAAC,CACD;IACFU,OAAO,EAAC,aAAa;IACrBC,IAAI,EAAC,MAAM;IACXC,WAAW,EAAE,CAAE;IACfC,aAAa,EAAC,OAAO;IACrBC,MAAM,EAAE;EAAU,gBAClB3B,KAAA,CAAAc,aAAA,CAACT,IAAI;IAACuB,CAAC,EAAC;EAAkJ,CAAE,CAAC,eAC7J5B,KAAA,CAAAc,aAAA,CAACT,IAAI;IAACuB,CAAC,EAAC;EAA2E,CAAE,CAAC,eACtF5B,KAAA,CAAAc,aAAA,CAACT,IAAI;IAACuB,CAAC,EAAC;EAAoK,CAAE,CAAC,eAC/K5B,KAAA,CAAAc,aAAA,CAACT,IAAI;IAACuB,CAAC,EAAC;EAA8K,CAAE,CAAC,eACzL5B,KAAA,CAAAc,aAAA,CAACT,IAAI;IAACuB,CAAC,EAAC;EAAoK,CAAE,CAC3K,CACD,CAAC;AAEX,CAAC;AAED,eAAetB,aAAa;AAE5B,MAAMW,MAAM,GAAGf,UAAU,CAAC2B,MAAM,CAAC;EAC/BX,cAAc,EAAE;IACdY,IAAI,EAAE,KAAK;IACXC,GAAG,EAAE;EACP;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/ui-components/camera/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["QRCodeScanner","QRCodeScannerProps"],"sources":["index.tsx"],"sourcesContent":["import QRCodeScanner, { QRCodeScannerProps } from './qr-code-scanner';\n\nexport { QRCodeScanner, QRCodeScannerProps };\n"],"mappings":"AAAA,OAAOA,aAAa,IAAIC,kBAAkB,QAAQ,mBAAmB;AAErE,SAASD,aAAa,EAAEC,kBAAkB"}
+{"version":3,"names":["QRCodeScanner","QRCodeScannerProps"],"sources":["index.tsx"],"sourcesContent":["import QRCodeScanner, { QRCodeScannerProps } from './qr-code-scanner';\n\nexport { QRCodeScanner, QRCodeScannerProps };\n"],"mappings":"AAAA,OAAOA,aAAa,IAAIC,kBAAkB,QAAQ,mBAAmB;AAErE,SAASD,aAAa,EAAEC,kBAAkB","ignoreList":[]}

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

@@ -2,14 +2,13 @@ import React, { useMemo } from 'react';
 import { StyleSheet, View } from 'react-native';
 import { Camera, useCameraDevice, useCodeScanner } from 'react-native-vision-camera';
 import CameraOverlay from './camera-overlay';
-const QRCodeScanner = _ref => {
-  let {
-    cameraOverlay,
-    codeTypes = ['qr'],
-    onQRCodeRead,
-    noCameraView = null,
-    ...viewProps
-  } = _ref;
+const QRCodeScanner = ({
+  cameraOverlay,
+  codeTypes = ['qr'],
+  onQRCodeRead,
+  noCameraView = null,
+  ...viewProps
+}) => {
   const qrCodeScanner = useCodeScanner({
     codeTypes,
     onCodeScanned: onQRCodeRead
@@ -19,7 +18,7 @@ const QRCodeScanner = _ref => {
     if (!cameraOverlay) {
       return /*#__PURE__*/React.createElement(CameraOverlay, null);
     }
-    if ( /*#__PURE__*/React.isValidElement(cameraOverlay)) {
+    if (/*#__PURE__*/React.isValidElement(cameraOverlay)) {
       return cameraOverlay;
     } else {
       const CameraOverlayComponent = cameraOverlay;

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

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","StyleSheet","View","Camera","useCameraDevice","useCodeScanner","CameraOverlay","QRCodeScanner","_ref","cameraOverlay","codeTypes","onQRCodeRead","noCameraView","viewProps","qrCodeScanner","onCodeScanned","device","cameraOverlayView","createElement","isValidElement","CameraOverlayComponent","codeScanner","isActive","style","absoluteFill"],"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":"AAAA,OAAOA,KAAK,IAAuBC,OAAO,QAAQ,OAAO;AACzD,SAASC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAC1D,SAASC,MAAM,EAAkBC,eAAe,EAAEC,cAAc,QAAQ,4BAA4B;AAEpG,OAAOC,aAAa,MAAM,kBAAkB;AAS5C,MAAMC,aAAoD,GAAGC,IAAA,IAMvD;EAAA,IANwD;IAC5DC,aAAa;IACbC,SAAS,GAAG,CAAC,IAAI,CAAC;IAClBC,YAAY;IACZC,YAAY,GAAG,IAAI;IACnB,GAAGC;EACL,CAAC,GAAAL,IAAA;EACC,MAAMM,aAAa,GAAGT,cAAc,CAAC;IACnCK,SAAS;IACTK,aAAa,EAAEJ;EACjB,CAAC,CAAC;EAEF,MAAMK,MAAM,GAAGZ,eAAe,CAAC,MAAM,CAAC;EAEtC,MAAMa,iBAAiD,GAAGjB,OAAO,CAAC,MAAM;IACtE,IAAI,CAACS,aAAa,EAAE;MAClB,oBAAOV,KAAA,CAAAmB,aAAA,CAACZ,aAAa,OAAG;IAC1B;IACA,kBAAIP,KAAK,CAACoB,cAAc,CAACV,aAAa,CAAC,EAAE;MACvC,OAAOA,aAAa;IACtB,CAAC,MAAM;MACL,MAAMW,sBAAsB,GAAGX,aAAyC;MACxE,oBAAOV,KAAA,CAAAmB,aAAA,CAACE,sBAAsB,OAAG;IACnC;EACF,CAAC,EAAE,CAACX,aAAa,CAAC,CAAC;EAEnB,IAAI,CAACO,MAAM,EAAE;IACX,OAAOJ,YAAY;EACrB;EAEA,oBACEb,KAAA,CAAAmB,aAAA,CAAChB,IAAI,EAAKW,SAAS,eACjBd,KAAA,CAAAmB,aAAA,CAACf,MAAM;IAACkB,WAAW,EAAEP,aAAc;IAACE,MAAM,EAAEA,MAAO;IAACM,QAAQ,EAAE,IAAK;IAACC,KAAK,EAAEtB,UAAU,CAACuB;EAAa,EAAG,EACrGP,iBAAiB,CACb;AAEX,CAAC;AAED,eAAeV,aAAa"}
+{"version":3,"names":["React","useMemo","StyleSheet","View","Camera","useCameraDevice","useCodeScanner","CameraOverlay","QRCodeScanner","cameraOverlay","codeTypes","onQRCodeRead","noCameraView","viewProps","qrCodeScanner","onCodeScanned","device","cameraOverlayView","createElement","isValidElement","CameraOverlayComponent","codeScanner","isActive","style","absoluteFill"],"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":"AAAA,OAAOA,KAAK,IAAuBC,OAAO,QAAQ,OAAO;AACzD,SAASC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAC1D,SAASC,MAAM,EAAkBC,eAAe,EAAEC,cAAc,QAAQ,4BAA4B;AAEpG,OAAOC,aAAa,MAAM,kBAAkB;AAS5C,MAAMC,aAAoD,GAAGA,CAAC;EAC5DC,aAAa;EACbC,SAAS,GAAG,CAAC,IAAI,CAAC;EAClBC,YAAY;EACZC,YAAY,GAAG,IAAI;EACnB,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,aAAa,GAAGR,cAAc,CAAC;IACnCI,SAAS;IACTK,aAAa,EAAEJ;EACjB,CAAC,CAAC;EAEF,MAAMK,MAAM,GAAGX,eAAe,CAAC,MAAM,CAAC;EAEtC,MAAMY,iBAAiD,GAAGhB,OAAO,CAAC,MAAM;IACtE,IAAI,CAACQ,aAAa,EAAE;MAClB,oBAAOT,KAAA,CAAAkB,aAAA,CAACX,aAAa,MAAE,CAAC;IAC1B;IACA,iBAAIP,KAAK,CAACmB,cAAc,CAACV,aAAa,CAAC,EAAE;MACvC,OAAOA,aAAa;IACtB,CAAC,MAAM;MACL,MAAMW,sBAAsB,GAAGX,aAAyC;MACxE,oBAAOT,KAAA,CAAAkB,aAAA,CAACE,sBAAsB,MAAE,CAAC;IACnC;EACF,CAAC,EAAE,CAACX,aAAa,CAAC,CAAC;EAEnB,IAAI,CAACO,MAAM,EAAE;IACX,OAAOJ,YAAY;EACrB;EAEA,oBACEZ,KAAA,CAAAkB,aAAA,CAACf,IAAI,EAAKU,SAAS,eACjBb,KAAA,CAAAkB,aAAA,CAACd,MAAM;IAACiB,WAAW,EAAEP,aAAc;IAACE,MAAM,EAAEA,MAAO;IAACM,QAAQ,EAAE,IAAK;IAACC,KAAK,EAAErB,UAAU,CAACsB;EAAa,CAAE,CAAC,EACrGP,iBACG,CAAC;AAEX,CAAC;AAED,eAAeT,aAAa","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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); }
 import React, { useCallback } from 'react';
 import { StyleSheet, View } from 'react-native';
 import { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';
@@ -6,15 +6,14 @@ import { useAccessibilityTranslation } from '../accessibility/accessibilityLangu
 import { CheckedIcon } from '../icons/selector';
 import { Typography } from '../text';
 import { useAppColorScheme } from '../theme';
-export const Checkbox = _ref => {
-  let {
-    style,
-    text,
-    value,
-    disabled,
-    onValueChanged,
-    ...props
-  } = _ref;
+export const Checkbox = ({
+  style,
+  text,
+  value,
+  disabled,
+  onValueChanged,
+  ...props
+}) => {
   const t = useAccessibilityTranslation();
   const colorScheme = useAppColorScheme();
   const onPress = useCallback(() => onValueChanged(!value), [onValueChanged, value]);

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","StyleSheet","View","TouchableOpacity","useAccessibilityTranslation","CheckedIcon","Typography","useAppColorScheme","Checkbox","_ref","style","text","value","disabled","onValueChanged","props","t","colorScheme","onPress","createElement","_extends","activeOpacity","accessibilityRole","accessibilityState","accessibilityValue","undefined","styles","container","backgroundColor","background","unchecked","borderColor","grayDark","white","preset","color","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":";AAAA,OAAOA,KAAK,IAAmBC,WAAW,QAAQ,OAAO;AACzD,SAASC,UAAU,EAAyBC,IAAI,QAAQ,cAAc;AAEtE,SAASC,gBAAgB,QAAQ,+CAA+C;AAChF,SAASC,2BAA2B,QAAQ,wCAAwC;AACpF,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,UAAU,QAAQ,SAAS;AACpC,SAASC,iBAAiB,QAAQ,UAAU;AAS5C,OAAO,MAAMC,QAA2B,GAAGC,IAAA,IAAgE;EAAA,IAA/D;IAAEC,KAAK;IAAEC,IAAI;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,cAAc;IAAE,GAAGC;EAAM,CAAC,GAAAN,IAAA;EACpG,MAAMO,CAAC,GAAGZ,2BAA2B,EAAE;EACvC,MAAMa,WAAW,GAAGV,iBAAiB,EAAE;EAEvC,MAAMW,OAAO,GAAGlB,WAAW,CAAC,MAAMc,cAAc,CAAC,CAACF,KAAK,CAAC,EAAE,CAACE,cAAc,EAAEF,KAAK,CAAC,CAAC;EAElF,oBACEb,KAAA,CAAAoB,aAAA,CAAChB,gBAAgB,EAAAiB,QAAA;IACfC,aAAa,EAAE,GAAI;IACnBC,iBAAiB,EAAC,UAAU;IAC5BC,kBAAkB,EAAE;MAAEV;IAAS,CAAE;IACjCW,kBAAkB,EAChBX,QAAQ,GAAGY,SAAS,GAAG;MAAEd,IAAI,EAAEK,CAAC,CAACJ,KAAK,GAAG,+BAA+B,GAAG,iCAAiC;IAAE,CAC/G;IACDC,QAAQ,EAAEA,QAAS;IACnBH,KAAK,EAAE,CAACgB,MAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAEX,WAAW,CAACY;IAAW,CAAC,EAAEnB,KAAK,CAAE;IAC9EQ,OAAO,EAAEA;EAAQ,GACbH,KAAK,GACRH,KAAK,gBACJb,KAAA,CAAAoB,aAAA,CAACd,WAAW;IAACK,KAAK,EAAEG,QAAQ,IAAIa,MAAM,CAACb;EAAS,EAAG,gBAEnDd,KAAA,CAAAoB,aAAA,CAACjB,IAAI;IACHQ,KAAK,EAAE,CACLgB,MAAM,CAACI,SAAS,EAChB;MACEC,WAAW,EAAEd,WAAW,CAACe,QAAQ;MACjCJ,eAAe,EAAEf,QAAQ,GAAGI,WAAW,CAACY,UAAU,GAAGZ,WAAW,CAACgB;IACnE,CAAC;EACD,EAEL,eACDlC,KAAA,CAAAoB,aAAA,CAACjB,IAAI;IAACQ,KAAK,EAAE,CAACgB,MAAM,CAACf,IAAI,EAAEE,QAAQ,IAAIa,MAAM,CAACb,QAAQ;EAAE,GACrD,OAAOF,IAAI,KAAK,QAAQ,gBACvBZ,KAAA,CAAAoB,aAAA,CAACb,UAAU;IAAC4B,MAAM,EAAC,sBAAsB;IAACC,KAAK,EAAElB,WAAW,CAACN;EAAK,GAC/DA,IAAI,CACM,GAEbA,IACD,CACI,CACU;AAEvB,CAAC;AAED,MAAMe,MAAM,GAAGzB,UAAU,CAACmC,MAAM,CAAC;EAC/BT,SAAS,EAAE;IACTU,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAE,EAAE;IAChBC,aAAa,EAAE,KAAK;IACpBC,OAAO,EAAE;EACX,CAAC;EACD3B,QAAQ,EAAE;IACR4B,OAAO,EAAE;EACX,CAAC;EACD9B,IAAI,EAAE;IACJ+B,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE;EACd,CAAC;EACDb,SAAS,EAAE;IACTQ,YAAY,EAAE,EAAE;IAChBM,WAAW,EAAE,CAAC;IACdC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACT;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","useCallback","StyleSheet","View","TouchableOpacity","useAccessibilityTranslation","CheckedIcon","Typography","useAppColorScheme","Checkbox","style","text","value","disabled","onValueChanged","props","t","colorScheme","onPress","createElement","_extends","activeOpacity","accessibilityRole","accessibilityState","accessibilityValue","undefined","styles","container","backgroundColor","background","unchecked","borderColor","grayDark","white","preset","color","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":";AAAA,OAAOA,KAAK,IAAmBC,WAAW,QAAQ,OAAO;AACzD,SAASC,UAAU,EAAyBC,IAAI,QAAQ,cAAc;AAEtE,SAASC,gBAAgB,QAAQ,+CAA+C;AAChF,SAASC,2BAA2B,QAAQ,wCAAwC;AACpF,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,UAAU,QAAQ,SAAS;AACpC,SAASC,iBAAiB,QAAQ,UAAU;AAS5C,OAAO,MAAMC,QAA2B,GAAGA,CAAC;EAAEC,KAAK;EAAEC,IAAI;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,cAAc;EAAE,GAAGC;AAAM,CAAC,KAAK;EACzG,MAAMC,CAAC,GAAGX,2BAA2B,CAAC,CAAC;EACvC,MAAMY,WAAW,GAAGT,iBAAiB,CAAC,CAAC;EAEvC,MAAMU,OAAO,GAAGjB,WAAW,CAAC,MAAMa,cAAc,CAAC,CAACF,KAAK,CAAC,EAAE,CAACE,cAAc,EAAEF,KAAK,CAAC,CAAC;EAElF,oBACEZ,KAAA,CAAAmB,aAAA,CAACf,gBAAgB,EAAAgB,QAAA;IACfC,aAAa,EAAE,GAAI;IACnBC,iBAAiB,EAAC,UAAU;IAC5BC,kBAAkB,EAAE;MAAEV;IAAS,CAAE;IACjCW,kBAAkB,EAChBX,QAAQ,GAAGY,SAAS,GAAG;MAAEd,IAAI,EAAEK,CAAC,CAACJ,KAAK,GAAG,+BAA+B,GAAG,iCAAiC;IAAE,CAC/G;IACDC,QAAQ,EAAEA,QAAS;IACnBH,KAAK,EAAE,CAACgB,MAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAEX,WAAW,CAACY;IAAW,CAAC,EAAEnB,KAAK,CAAE;IAC9EQ,OAAO,EAAEA;EAAQ,GACbH,KAAK,GACRH,KAAK,gBACJZ,KAAA,CAAAmB,aAAA,CAACb,WAAW;IAACI,KAAK,EAAEG,QAAQ,IAAIa,MAAM,CAACb;EAAS,CAAE,CAAC,gBAEnDb,KAAA,CAAAmB,aAAA,CAAChB,IAAI;IACHO,KAAK,EAAE,CACLgB,MAAM,CAACI,SAAS,EAChB;MACEC,WAAW,EAAEd,WAAW,CAACe,QAAQ;MACjCJ,eAAe,EAAEf,QAAQ,GAAGI,WAAW,CAACY,UAAU,GAAGZ,WAAW,CAACgB;IACnE,CAAC;EACD,CACH,CACF,eACDjC,KAAA,CAAAmB,aAAA,CAAChB,IAAI;IAACO,KAAK,EAAE,CAACgB,MAAM,CAACf,IAAI,EAAEE,QAAQ,IAAIa,MAAM,CAACb,QAAQ;EAAE,GACrD,OAAOF,IAAI,KAAK,QAAQ,gBACvBX,KAAA,CAAAmB,aAAA,CAACZ,UAAU;IAAC2B,MAAM,EAAC,sBAAsB;IAACC,KAAK,EAAElB,WAAW,CAACN;EAAK,GAC/DA,IACS,CAAC,GAEbA,IAEE,CACU,CAAC;AAEvB,CAAC;AAED,MAAMe,MAAM,GAAGxB,UAAU,CAACkC,MAAM,CAAC;EAC/BT,SAAS,EAAE;IACTU,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAE,EAAE;IAChBC,aAAa,EAAE,KAAK;IACpBC,OAAO,EAAE;EACX,CAAC;EACD3B,QAAQ,EAAE;IACR4B,OAAO,EAAE;EACX,CAAC;EACD9B,IAAI,EAAE;IACJ+B,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE;EACd,CAAC;EACDb,SAAS,EAAE;IACTQ,YAAY,EAAE,EAAE;IAChBM,WAAW,EAAE,CAAC;IACdC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["Checkbox","CheckboxProps","Switch","SwitchProps"],"sources":["index.ts"],"sourcesContent":["import { Checkbox, CheckboxProps } from './checkbox';\nimport { Switch, SwitchProps } from './switch';\n\nexport { Checkbox, CheckboxProps, Switch, SwitchProps };\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,aAAa,QAAQ,YAAY;AACpD,SAASC,MAAM,EAAEC,WAAW,QAAQ,UAAU;AAE9C,SAASH,QAAQ,EAAEC,aAAa,EAAEC,MAAM,EAAEC,WAAW"}
+{"version":3,"names":["Checkbox","CheckboxProps","Switch","SwitchProps"],"sources":["index.ts"],"sourcesContent":["import { Checkbox, CheckboxProps } from './checkbox';\nimport { Switch, SwitchProps } from './switch';\n\nexport { Checkbox, CheckboxProps, Switch, SwitchProps };\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,aAAa,QAAQ,YAAY;AACpD,SAASC,MAAM,EAAEC,WAAW,QAAQ,UAAU;AAE9C,SAASH,QAAQ,EAAEC,aAAa,EAAEC,MAAM,EAAEC,WAAW","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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); }
 import React, { forwardRef } from 'react';
 import { Platform, StyleSheet, Switch as RNSwitch } from 'react-native';
 import { useAppColorScheme } from '../theme';
@@ -11,14 +11,13 @@ const hitSlop = {
 
 // 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
-export const Switch = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-    value,
-    disabled,
-    style,
-    onChange,
-    ...props
-  } = _ref;
+export const Switch = /*#__PURE__*/forwardRef(({
+  value,
+  disabled,
+  style,
+  onChange,
+  ...props
+}, ref) => {
   const colorScheme = useAppColorScheme();
   return /*#__PURE__*/React.createElement(RNSwitch, _extends({
     ref: ref,

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

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","Platform","StyleSheet","Switch","RNSwitch","useAppColorScheme","hitSlop","top","bottom","left","right","_ref","ref","value","disabled","style","onChange","props","colorScheme","createElement","_extends","styles","onValueChange","trackColor","select","default","true","grayDark","false","ios","accent","thumbColor","background","white","ios_backgroundColor","activeThumbColor","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":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAAiBC,QAAQ,EAAEC,UAAU,EAAEC,MAAM,IAAIC,QAAQ,QAAsC,cAAc;AAE7G,SAASC,iBAAiB,QAAQ,UAAU;AAO5C,MAAMC,OAAe,GAAG;EAAEC,GAAG,EAAE,EAAE;EAAEC,MAAM,EAAE,EAAE;EAAEC,IAAI,EAAE,EAAE;EAAEC,KAAK,EAAE;AAAG,CAAC;;AAEpE;AACA;AACA,OAAO,MAAMP,MAAM,gBAAGH,UAAU,CAAwB,CAAAW,IAAA,EAAiDC,GAAG,KAAK;EAAA,IAAxD;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,QAAQ;IAAE,GAAGC;EAAM,CAAC,GAAAN,IAAA;EACrG,MAAMO,WAAW,GAAGb,iBAAiB,EAAE;EACvC,oBACEN,KAAA,CAAAoB,aAAA,CAACf,QAAQ,EAAAgB,QAAA;IACPR,GAAG,EAAEA,GAAI;IACTC,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBR,OAAO,EAAEA,OAAQ;IACjBS,KAAK,EAAE,CAACD,QAAQ,IAAIO,MAAM,CAACP,QAAQ,EAAEC,KAAK,CAAE;IAC5CO,aAAa,EAAEN,QAAS;IACxBO,UAAU,EAAEtB,QAAQ,CAACuB,MAAM,CAAC;MAC1BC,OAAO,EAAE;QAAEC,IAAI,EAAER,WAAW,CAACS,QAAQ;QAAEC,KAAK,EAAEV,WAAW,CAACS;MAAS,CAAC;MACpEE,GAAG,EAAE;QAAEH,IAAI,EAAER,WAAW,CAACY,MAAM;QAAEF,KAAK,EAAEV,WAAW,CAACS;MAAS;IAC/D,CAAC,CAAE;IACHI,UAAU,EAAE9B,QAAQ,CAACuB,MAAM,CAAC;MAC1BC,OAAO,EAAEZ,KAAK,GAAGK,WAAW,CAACY,MAAM,GAAGhB,QAAQ,GAAGI,WAAW,CAACc,UAAU,GAAGd,WAAW,CAACe,KAAK;MAC3FJ,GAAG,EAAEX,WAAW,CAACe;IACnB,CAAC,CAAE;IACHC,mBAAmB,EAAEhB,WAAW,CAACS;IACjC;IAAA;IACAQ,gBAAgB,EAAEjB,WAAW,CAACY;EAAO,GACjCb,KAAK,EACT;AAEN,CAAC,CAAC;AAEF,MAAMI,MAAM,GAAGnB,UAAU,CAACkC,MAAM,CAAC;EAC/BtB,QAAQ,EAAE;IACRuB,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAEFlC,MAAM,CAACmC,WAAW,GAAG,QAAQ"}
+{"version":3,"names":["React","forwardRef","Platform","StyleSheet","Switch","RNSwitch","useAppColorScheme","hitSlop","top","bottom","left","right","value","disabled","style","onChange","props","ref","colorScheme","createElement","_extends","styles","onValueChange","trackColor","select","default","true","grayDark","false","ios","accent","thumbColor","background","white","ios_backgroundColor","activeThumbColor","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":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAAiBC,QAAQ,EAAEC,UAAU,EAAEC,MAAM,IAAIC,QAAQ,QAAsC,cAAc;AAE7G,SAASC,iBAAiB,QAAQ,UAAU;AAO5C,MAAMC,OAAe,GAAG;EAAEC,GAAG,EAAE,EAAE;EAAEC,MAAM,EAAE,EAAE;EAAEC,IAAI,EAAE,EAAE;EAAEC,KAAK,EAAE;AAAG,CAAC;;AAEpE;AACA;AACA,OAAO,MAAMP,MAAM,gBAAGH,UAAU,CAAwB,CAAC;EAAEW,KAAK;EAAEC,QAAQ;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC/G,MAAMC,WAAW,GAAGZ,iBAAiB,CAAC,CAAC;EACvC,oBACEN,KAAA,CAAAmB,aAAA,CAACd,QAAQ,EAAAe,QAAA;IACPH,GAAG,EAAEA,GAAI;IACTL,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBN,OAAO,EAAEA,OAAQ;IACjBO,KAAK,EAAE,CAACD,QAAQ,IAAIQ,MAAM,CAACR,QAAQ,EAAEC,KAAK,CAAE;IAC5CQ,aAAa,EAAEP,QAAS;IACxBQ,UAAU,EAAErB,QAAQ,CAACsB,MAAM,CAAC;MAC1BC,OAAO,EAAE;QAAEC,IAAI,EAAER,WAAW,CAACS,QAAQ;QAAEC,KAAK,EAAEV,WAAW,CAACS;MAAS,CAAC;MACpEE,GAAG,EAAE;QAAEH,IAAI,EAAER,WAAW,CAACY,MAAM;QAAEF,KAAK,EAAEV,WAAW,CAACS;MAAS;IAC/D,CAAC,CAAE;IACHI,UAAU,EAAE7B,QAAQ,CAACsB,MAAM,CAAC;MAC1BC,OAAO,EAAEb,KAAK,GAAGM,WAAW,CAACY,MAAM,GAAGjB,QAAQ,GAAGK,WAAW,CAACc,UAAU,GAAGd,WAAW,CAACe,KAAK;MAC3FJ,GAAG,EAAEX,WAAW,CAACe;IACnB,CAAC,CAAE;IACHC,mBAAmB,EAAEhB,WAAW,CAACS;IACjC;IAAA;IACAQ,gBAAgB,EAAEjB,WAAW,CAACY;EAAO,GACjCd,KAAK,CACV,CAAC;AAEN,CAAC,CAAC;AAEF,MAAMK,MAAM,GAAGlB,UAAU,CAACiC,MAAM,CAAC;EAC/BvB,QAAQ,EAAE;IACRwB,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAEFjC,MAAM,CAACkC,WAAW,GAAG,QAAQ","ignoreList":[]}