@procivis/one-react-native-components 0.1.63

package/lib/commonjs/pin/keypad.js

@@ -0,0 +1,201 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Keypad = exports.Biometry = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _accessibility = require("../accessibility");
+var _accessibilityLanguage = require("../accessibility/accessibilityLanguage");
+var _keypad = require("../icons/keypad");
+var _text = require("../text");
+var _theme = require("../theme");
+var _testID = require("../utils/testID");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const DigitKey = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+  let {
+    onPress,
+    testID,
+    digit
+  } = _ref;
+  const colorScheme = (0, _theme.useAppColorScheme)();
+  return /*#__PURE__*/_react.default.createElement(_accessibility.TouchableOpacity, {
+    testID: (0, _testID.concatTestID)(testID, String(digit)),
+    ref: ref,
+    accessibilityRole: "button",
+    style: [styles.key, {
+      backgroundColor: colorScheme.background
+    }],
+    disabled: !onPress,
+    onPress: () => onPress === null || onPress === void 0 ? void 0 : onPress(digit)
+  }, /*#__PURE__*/_react.default.createElement(_text.Typography, {
+    maxFontSizeMultiplier: 1.5,
+    color: colorScheme.text,
+    preset: "xl"
+  }, digit));
+});
+DigitKey.displayName = 'DigitKey';
+let Biometry;
+exports.Biometry = Biometry;
+(function (Biometry) {
+  Biometry["FaceID"] = "faceID";
+  Biometry["Other"] = "other";
+})(Biometry || (exports.Biometry = Biometry = {}));
+const MIN_HEIGHT = 360;
+const MIN_WIDTH = 264;
+const KEY_SIZE = 72;
+const Keypad = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
+  let {
+    testID,
+    onPressDigit,
+    onPressDelete,
+    biometry,
+    onBiometricPress,
+    style,
+    onDeleteAll
+  } = _ref2;
+  const t = (0, _accessibilityLanguage.useAccessibilityTranslation)();
+  const colorScheme = (0, _theme.useAppColorScheme)();
+  const [layout, setLayout] = (0, _react.useState)();
+  const onLayout = (0, _react.useCallback)(event => setLayout(event.nativeEvent.layout), []);
+  const {
+    width,
+    height
+  } = (0, _react.useMemo)(() => {
+    if (!layout) {
+      return {};
+    }
+    const RATIO = MIN_WIDTH / MIN_HEIGHT;
+    if (layout.width > layout.height * RATIO) {
+      return {
+        height: layout.height,
+        width: layout.height * RATIO
+      };
+    } else {
+      return {
+        width: layout.width,
+        height: layout.width / RATIO
+      };
+    }
+  }, [layout]);
+  const gap = width ? (width - 3 * KEY_SIZE) / 4 : undefined;
+  const lineStyles = [styles.line, {
+    width,
+    marginBottom: gap
+  }];
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    testID: testID,
+    style: [styles.cover, style],
+    onLayout: onLayout
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      height
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: lineStyles
+  }, /*#__PURE__*/_react.default.createElement(DigitKey, {
+    testID: testID,
+    ref: ref,
+    digit: 1,
+    onPress: onPressDigit
+  }), /*#__PURE__*/_react.default.createElement(DigitKey, {
+    testID: testID,
+    digit: 2,
+    onPress: onPressDigit
+  }), /*#__PURE__*/_react.default.createElement(DigitKey, {
+    testID: testID,
+    digit: 3,
+    onPress: onPressDigit
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: lineStyles
+  }, /*#__PURE__*/_react.default.createElement(DigitKey, {
+    testID: testID,
+    digit: 4,
+    onPress: onPressDigit
+  }), /*#__PURE__*/_react.default.createElement(DigitKey, {
+    testID: testID,
+    digit: 5,
+    onPress: onPressDigit
+  }), /*#__PURE__*/_react.default.createElement(DigitKey, {
+    testID: testID,
+    digit: 6,
+    onPress: onPressDigit
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: lineStyles
+  }, /*#__PURE__*/_react.default.createElement(DigitKey, {
+    testID: testID,
+    digit: 7,
+    onPress: onPressDigit
+  }), /*#__PURE__*/_react.default.createElement(DigitKey, {
+    testID: testID,
+    digit: 8,
+    onPress: onPressDigit
+  }), /*#__PURE__*/_react.default.createElement(DigitKey, {
+    testID: testID,
+    digit: 9,
+    onPress: onPressDigit
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: lineStyles
+  }, /*#__PURE__*/_react.default.createElement(_accessibility.TouchableOpacity, {
+    testID: (0, _testID.concatTestID)(testID, 'delete-all'),
+    accessibilityRole: "button",
+    accessibilityLabel: t('accessibility.control.clear'),
+    style: styles.key,
+    disabled: !onDeleteAll,
+    onPress: onDeleteAll
+  }, onDeleteAll ? /*#__PURE__*/_react.default.createElement(_keypad.KeypadClearIcon, {
+    color: colorScheme.text
+  }) : null), /*#__PURE__*/_react.default.createElement(DigitKey, {
+    testID: testID,
+    digit: 0,
+    onPress: onPressDigit
+  }), biometry ? /*#__PURE__*/_react.default.createElement(_accessibility.TouchableOpacity, {
+    testID: (0, _testID.concatTestID)(testID, 'biometry'),
+    accessibilityRole: "button",
+    accessibilityLabel: t(biometry === Biometry.FaceID ? 'accessibility.key.faceId' : 'accessibility.key.fingerprint'),
+    style: styles.key,
+    disabled: !onBiometricPress,
+    onPress: onBiometricPress
+  }, biometry === Biometry.FaceID ? /*#__PURE__*/_react.default.createElement(_keypad.FaceIDIcon, {
+    color: colorScheme.text
+  }) : /*#__PURE__*/_react.default.createElement(_keypad.FingerprintIcon, {
+    color: colorScheme.text
+  })) : /*#__PURE__*/_react.default.createElement(_accessibility.TouchableOpacity, {
+    testID: (0, _testID.concatTestID)(testID, 'delete'),
+    accessibilityRole: "button",
+    accessibilityLabel: t('accessibility.control.delete'),
+    style: styles.key,
+    disabled: !onPressDelete,
+    onPress: onPressDelete
+  }, onPressDelete ? /*#__PURE__*/_react.default.createElement(_keypad.KeypadBackspaceIcon, {
+    color: colorScheme.text
+  }) : null))));
+});
+exports.Keypad = Keypad;
+Keypad.displayName = 'Keypad';
+const styles = _reactNative.StyleSheet.create({
+  cover: {
+    alignItems: 'center',
+    flex: 1,
+    justifyContent: 'center',
+    maxHeight: 2 * MIN_HEIGHT,
+    maxWidth: 2 * MIN_WIDTH,
+    minHeight: MIN_HEIGHT,
+    minWidth: MIN_WIDTH,
+    width: '100%'
+  },
+  key: {
+    alignItems: 'center',
+    borderRadius: KEY_SIZE / 2,
+    height: KEY_SIZE,
+    justifyContent: 'center',
+    width: KEY_SIZE
+  },
+  line: {
+    flexDirection: 'row',
+    justifyContent: 'space-evenly'
+  }
+});
+//# sourceMappingURL=keypad.js.map

package/lib/commonjs/pin/keypad.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_accessibility","_accessibilityLanguage","_keypad","_text","_theme","_testID","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DigitKey","React","forwardRef","_ref","ref","onPress","testID","digit","colorScheme","useAppColorScheme","createElement","TouchableOpacity","concatTestID","String","accessibilityRole","style","styles","backgroundColor","background","disabled","Typography","maxFontSizeMultiplier","color","text","preset","displayName","Biometry","exports","MIN_HEIGHT","MIN_WIDTH","KEY_SIZE","Keypad","_ref2","onPressDigit","onPressDelete","biometry","onBiometricPress","onDeleteAll","t","useAccessibilityTranslation","layout","setLayout","useState","onLayout","useCallback","event","nativeEvent","width","height","useMemo","RATIO","gap","undefined","lineStyles","line","marginBottom","View","cover","accessibilityLabel","KeypadClearIcon","FaceID","FaceIDIcon","FingerprintIcon","KeypadBackspaceIcon","StyleSheet","create","alignItems","flex","justifyContent","maxHeight","maxWidth","minHeight","minWidth","borderRadius","flexDirection"],"sources":["keypad.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { LayoutChangeEvent, LayoutRectangle, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { TouchableOpacity, TouchableOpacityRef } from '../accessibility';\nimport { useAccessibilityTranslation } from '../accessibility/accessibilityLanguage';\nimport { FaceIDIcon, FingerprintIcon, KeypadBackspaceIcon, KeypadClearIcon } from '../icons/keypad';\nimport { Typography } from '../text';\nimport { useAppColorScheme } from '../theme';\nimport { concatTestID } from '../utils/testID';\n\ninterface DigitKeyProps {\n  testID: string | undefined;\n  digit: number;\n  onPress?: (digit: number) => void;\n}\n\nconst DigitKey = React.forwardRef<TouchableOpacityRef, DigitKeyProps>(({ onPress, testID, digit }, ref) => {\n  const colorScheme = useAppColorScheme();\n  return (\n    <TouchableOpacity\n      testID={concatTestID(testID, String(digit))}\n      ref={ref}\n      accessibilityRole=\"button\"\n      style={[styles.key, { backgroundColor: colorScheme.background }]}\n      disabled={!onPress}\n      onPress={() => onPress?.(digit)}>\n      <Typography maxFontSizeMultiplier={1.5} color={colorScheme.text} preset=\"xl\">\n        {digit}\n      </Typography>\n    </TouchableOpacity>\n  );\n});\n\nDigitKey.displayName = 'DigitKey';\n\nexport enum Biometry {\n  FaceID = 'faceID',\n  Other = 'other',\n}\n\nexport interface KeypadProps {\n  testID?: string;\n  biometry?: Biometry | null;\n  onBiometricPress?: () => void;\n  onPressDigit?: (digit: number) => void;\n  onPressDelete?: () => void;\n  style?: StyleProp<ViewStyle>;\n  onDeleteAll?: () => void;\n}\n\nconst MIN_HEIGHT = 360;\nconst MIN_WIDTH = 264;\nconst KEY_SIZE = 72;\n\nexport const Keypad = React.forwardRef<TouchableOpacityRef, KeypadProps>(\n  ({ testID, onPressDigit, onPressDelete, biometry, onBiometricPress, style, onDeleteAll }, ref) => {\n    const t = useAccessibilityTranslation();\n    const colorScheme = useAppColorScheme();\n\n    const [layout, setLayout] = useState<LayoutRectangle>();\n    const onLayout = useCallback((event: LayoutChangeEvent) => setLayout(event.nativeEvent.layout), []);\n\n    const { width, height } = useMemo(() => {\n      if (!layout) {\n        return {};\n      }\n\n      const RATIO = MIN_WIDTH / MIN_HEIGHT;\n      if (layout.width > layout.height * RATIO) {\n        return { height: layout.height, width: layout.height * RATIO };\n      } else {\n        return { width: layout.width, height: layout.width / RATIO };\n      }\n    }, [layout]);\n\n    const gap = width ? (width - 3 * KEY_SIZE) / 4 : undefined;\n    const lineStyles = [styles.line, { width, marginBottom: gap }];\n\n    return (\n      <View testID={testID} style={[styles.cover, style]} onLayout={onLayout}>\n        <View style={{ height }}>\n          <View style={lineStyles}>\n            <DigitKey testID={testID} ref={ref} digit={1} onPress={onPressDigit} />\n            <DigitKey testID={testID} digit={2} onPress={onPressDigit} />\n            <DigitKey testID={testID} digit={3} onPress={onPressDigit} />\n          </View>\n          <View style={lineStyles}>\n            <DigitKey testID={testID} digit={4} onPress={onPressDigit} />\n            <DigitKey testID={testID} digit={5} onPress={onPressDigit} />\n            <DigitKey testID={testID} digit={6} onPress={onPressDigit} />\n          </View>\n          <View style={lineStyles}>\n            <DigitKey testID={testID} digit={7} onPress={onPressDigit} />\n            <DigitKey testID={testID} digit={8} onPress={onPressDigit} />\n            <DigitKey testID={testID} digit={9} onPress={onPressDigit} />\n          </View>\n          <View style={lineStyles}>\n            <TouchableOpacity\n              testID={concatTestID(testID, 'delete-all')}\n              accessibilityRole=\"button\"\n              accessibilityLabel={t('accessibility.control.clear')}\n              style={styles.key}\n              disabled={!onDeleteAll}\n              onPress={onDeleteAll}>\n              {onDeleteAll ? <KeypadClearIcon color={colorScheme.text} /> : null}\n            </TouchableOpacity>\n            <DigitKey testID={testID} digit={0} onPress={onPressDigit} />\n            {biometry ? (\n              <TouchableOpacity\n                testID={concatTestID(testID, 'biometry')}\n                accessibilityRole=\"button\"\n                accessibilityLabel={t(\n                  biometry === Biometry.FaceID ? 'accessibility.key.faceId' : 'accessibility.key.fingerprint',\n                )}\n                style={styles.key}\n                disabled={!onBiometricPress}\n                onPress={onBiometricPress}>\n                {biometry === Biometry.FaceID ? (\n                  <FaceIDIcon color={colorScheme.text} />\n                ) : (\n                  <FingerprintIcon color={colorScheme.text} />\n                )}\n              </TouchableOpacity>\n            ) : (\n              <TouchableOpacity\n                testID={concatTestID(testID, 'delete')}\n                accessibilityRole=\"button\"\n                accessibilityLabel={t('accessibility.control.delete')}\n                style={styles.key}\n                disabled={!onPressDelete}\n                onPress={onPressDelete}>\n                {onPressDelete ? <KeypadBackspaceIcon color={colorScheme.text} /> : null}\n              </TouchableOpacity>\n            )}\n          </View>\n        </View>\n      </View>\n    );\n  },\n);\n\nKeypad.displayName = 'Keypad';\n\nconst styles = StyleSheet.create({\n  cover: {\n    alignItems: 'center',\n    flex: 1,\n    justifyContent: 'center',\n    maxHeight: 2 * MIN_HEIGHT,\n    maxWidth: 2 * MIN_WIDTH,\n    minHeight: MIN_HEIGHT,\n    minWidth: MIN_WIDTH,\n    width: '100%',\n  },\n  key: {\n    alignItems: 'center',\n    borderRadius: KEY_SIZE / 2,\n    height: KEY_SIZE,\n    justifyContent: 'center',\n    width: KEY_SIZE,\n  },\n  line: {\n    flexDirection: 'row',\n    justifyContent: 'space-evenly',\n  },\n});\n"],"mappings":"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"}

package/lib/commonjs/pin/pin-code-screen.js

@@ -0,0 +1,162 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PinCodeScreen = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _buttons = require("../buttons");
+var _text = require("../text");
+var _theme = require("../theme");
+var _utils = require("../utils");
+var _contrastingStatusBar = _interopRequireDefault(require("../utils/contrasting-status-bar"));
+var _keypad = require("./keypad");
+var _pins = require("./pins");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const SHAKE_ITERATIONS = 4;
+const animationConfig = {
+  useNativeDriver: true,
+  easing: _reactNative.Easing.linear
+};
+const PinCodeScreen = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    testID,
+    length,
+    instruction,
+    title,
+    onBack,
+    enteredLength,
+    error,
+    onPressDigit,
+    onPressDelete,
+    biometry,
+    onBiometricPress,
+    keypadRef,
+    onDeleteAll,
+    ...props
+  } = _ref;
+  const colorScheme = (0, _theme.useAppColorScheme)();
+  const [shakePosition] = (0, _react.useState)(() => new _reactNative.Animated.Value(0));
+  (0, _react.useImperativeHandle)(ref, () => ({
+    shakeKeypad: params => {
+      const {
+        amount = 10,
+        duration = 300
+      } = params !== null && params !== void 0 ? params : {};
+      const partialDuration = duration / SHAKE_ITERATIONS / 4;
+      return new Promise(resolve => _reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.timing(shakePosition, {
+        ...animationConfig,
+        toValue: -amount,
+        duration: partialDuration
+      }), _reactNative.Animated.timing(shakePosition, {
+        ...animationConfig,
+        toValue: amount,
+        duration: 2 * partialDuration
+      }), _reactNative.Animated.timing(shakePosition, {
+        ...animationConfig,
+        toValue: 0,
+        duration: partialDuration
+      })]), {
+        iterations: SHAKE_ITERATIONS
+      }).start(resolve));
+    }
+  }), [shakePosition]);
+  return /*#__PURE__*/_react.default.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
+    testID: testID,
+    style: [styles.container, {
+      backgroundColor: colorScheme.white
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_contrastingStatusBar.default, {
+    backgroundColor: colorScheme.white
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.backButton
+  }, onBack && /*#__PURE__*/_react.default.createElement(_buttons.BackButton, {
+    testID: (0, _utils.concatTestID)(testID, 'back'),
+    onPress: onBack
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.content
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.upperContent
+  }, /*#__PURE__*/_react.default.createElement(_text.Typography, {
+    testID: (0, _utils.concatTestID)(testID, 'title'),
+    accessible: false,
+    color: colorScheme.text,
+    align: "center",
+    preset: "l",
+    style: styles.title
+  }, title), /*#__PURE__*/_react.default.createElement(_pins.Pins, {
+    style: styles.pins,
+    enteredLength: enteredLength,
+    maxLength: length
+  }), instruction ? /*#__PURE__*/_react.default.createElement(_text.Typography, {
+    testID: (0, _utils.concatTestID)(testID, 'instruction'),
+    align: "center",
+    announcementActive: true,
+    onAnnouncementFinished: props.onAccessibilityAnnounced,
+    color: colorScheme.text,
+    style: styles.instruction
+  }, instruction) : null, /*#__PURE__*/_react.default.createElement(_text.Typography, {
+    testID: (0, _utils.concatTestID)(testID, 'error'),
+    announcementActive: true,
+    accessible: Boolean(error),
+    color: colorScheme.error
+  }, error !== null && error !== void 0 ? error : '' /* always displayed to keep the same layout */)), /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: [styles.keyboard, {
+      transform: [{
+        translateX: shakePosition
+      }]
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_keypad.Keypad, {
+    testID: (0, _utils.concatTestID)(testID, 'keypad'),
+    ref: keypadRef,
+    onPressDigit: enteredLength < length ? onPressDigit : undefined,
+    onPressDelete: enteredLength && enteredLength < length ? onPressDelete : undefined,
+    biometry: !enteredLength ? biometry : undefined,
+    onBiometricPress: onBiometricPress,
+    onDeleteAll: enteredLength && enteredLength < length ? onDeleteAll : undefined
+  }))));
+});
+exports.PinCodeScreen = PinCodeScreen;
+const styles = _reactNative.StyleSheet.create({
+  backButton: {
+    minHeight: 24,
+    paddingHorizontal: 24
+  },
+  container: {
+    flex: 1,
+    paddingTop: 8
+  },
+  content: {
+    flex: 1,
+    justifyContent: 'space-between',
+    paddingHorizontal: 24
+  },
+  instruction: {
+    marginVertical: 24,
+    opacity: 0.7
+  },
+  keyboard: {
+    alignItems: 'center',
+    flex: 5,
+    justifyContent: 'center',
+    marginVertical: 24
+  },
+  pins: {
+    paddingHorizontal: 20
+  },
+  title: {
+    marginBottom: 24
+  },
+  upperContent: {
+    alignItems: 'center',
+    flex: 3,
+    marginTop: 12,
+    paddingHorizontal: 20
+  }
+});
+PinCodeScreen.displayName = 'PinCodeScreen';
+//# sourceMappingURL=pin-code-screen.js.map

package/lib/commonjs/pin/pin-code-screen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSafeAreaContext","_buttons","_text","_theme","_utils","_contrastingStatusBar","_interopRequireDefault","_keypad","_pins","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","SHAKE_ITERATIONS","animationConfig","useNativeDriver","easing","Easing","linear","PinCodeScreen","forwardRef","_ref","ref","testID","length","instruction","title","onBack","enteredLength","error","onPressDigit","onPressDelete","biometry","onBiometricPress","keypadRef","onDeleteAll","props","colorScheme","useAppColorScheme","shakePosition","useState","Animated","Value","useImperativeHandle","shakeKeypad","params","amount","duration","partialDuration","Promise","resolve","loop","sequence","timing","toValue","iterations","start","createElement","SafeAreaView","style","styles","container","backgroundColor","white","View","backButton","BackButton","concatTestID","onPress","content","upperContent","Typography","accessible","color","text","align","preset","Pins","pins","maxLength","announcementActive","onAnnouncementFinished","onAccessibilityAnnounced","Boolean","keyboard","transform","translateX","Keypad","undefined","exports","StyleSheet","create","minHeight","paddingHorizontal","flex","paddingTop","justifyContent","marginVertical","opacity","alignItems","marginBottom","marginTop","displayName"],"sources":["pin-code-screen.tsx"],"sourcesContent":["import React, { forwardRef, Ref, useImperativeHandle, useState } from 'react';\nimport { Animated, Easing, StyleSheet, View } from 'react-native';\nimport { SafeAreaView } from 'react-native-safe-area-context';\n\nimport type { TouchableOpacityRef } from '../accessibility';\nimport { BackButton } from '../buttons';\nimport { Typography } from '../text';\nimport { useAppColorScheme } from '../theme';\nimport { concatTestID } from '../utils';\nimport ContrastingStatusBar from '../utils/contrasting-status-bar';\nimport { Biometry, Keypad } from './keypad';\nimport { Pins } from './pins';\n\nexport type PinCodeScreenProps = {\n  title: string;\n\n  testID?: string;\n  length: number;\n  enteredLength: number;\n  onBack?: () => void;\n  error?: string;\n\n  keypadRef?: Ref<TouchableOpacityRef>;\n  onPressDigit: (digit: number) => void;\n  onPressDelete: () => void;\n  onDeleteAll: () => void;\n\n  biometry?: Biometry | null;\n  onBiometricPress?: () => void;\n} & (\n  | {\n      instruction: string;\n      onAccessibilityAnnounced?: (finished: boolean) => void;\n    }\n  | {\n      instruction?: undefined;\n      onAccessibilityAnnounced?: undefined;\n    }\n);\n\nexport interface PinCodeScreenActions {\n  shakeKeypad: (params?: { amount?: number; duration?: number }) => Promise<{ finished: boolean }>;\n}\nconst SHAKE_ITERATIONS = 4;\nconst animationConfig = {\n  useNativeDriver: true,\n  easing: Easing.linear,\n};\n\nexport const PinCodeScreen = forwardRef<PinCodeScreenActions, PinCodeScreenProps>(\n  (\n    {\n      testID,\n      length,\n      instruction,\n      title,\n      onBack,\n      enteredLength,\n      error,\n      onPressDigit,\n      onPressDelete,\n      biometry,\n      onBiometricPress,\n      keypadRef,\n      onDeleteAll,\n      ...props\n    },\n    ref,\n  ) => {\n    const colorScheme = useAppColorScheme();\n    const [shakePosition] = useState(() => new Animated.Value(0));\n    useImperativeHandle(\n      ref,\n      () => ({\n        shakeKeypad: (params) => {\n          const { amount = 10, duration = 300 } = params ?? {};\n          const partialDuration = duration / SHAKE_ITERATIONS / 4;\n          return new Promise((resolve) =>\n            Animated.loop(\n              Animated.sequence([\n                Animated.timing(shakePosition, { ...animationConfig, toValue: -amount, duration: partialDuration }),\n                Animated.timing(shakePosition, {\n                  ...animationConfig,\n                  toValue: amount,\n                  duration: 2 * partialDuration,\n                }),\n                Animated.timing(shakePosition, { ...animationConfig, toValue: 0, duration: partialDuration }),\n              ]),\n              { iterations: SHAKE_ITERATIONS },\n            ).start(resolve),\n          );\n        },\n      }),\n      [shakePosition],\n    );\n\n    return (\n      <SafeAreaView testID={testID} style={[styles.container, { backgroundColor: colorScheme.white }]}>\n        <ContrastingStatusBar backgroundColor={colorScheme.white} />\n        <View style={styles.backButton}>\n          {onBack && <BackButton testID={concatTestID(testID, 'back')} onPress={onBack} />}\n        </View>\n        <View style={styles.content}>\n          <View style={styles.upperContent}>\n            <Typography\n              testID={concatTestID(testID, 'title')}\n              accessible={false}\n              color={colorScheme.text}\n              align=\"center\"\n              preset=\"l\"\n              style={styles.title}>\n              {title}\n            </Typography>\n            <Pins style={styles.pins} enteredLength={enteredLength} maxLength={length} />\n            {instruction ? (\n              <Typography\n                testID={concatTestID(testID, 'instruction')}\n                align=\"center\"\n                announcementActive={true}\n                onAnnouncementFinished={props.onAccessibilityAnnounced}\n                color={colorScheme.text}\n                style={styles.instruction}>\n                {instruction}\n              </Typography>\n            ) : null}\n            <Typography\n              testID={concatTestID(testID, 'error')}\n              announcementActive={true}\n              accessible={Boolean(error)}\n              color={colorScheme.error}>\n              {error ?? '' /* always displayed to keep the same layout */}\n            </Typography>\n          </View>\n          <Animated.View\n            style={[\n              styles.keyboard,\n              {\n                transform: [{ translateX: shakePosition }],\n              },\n            ]}>\n            <Keypad\n              testID={concatTestID(testID, 'keypad')}\n              ref={keypadRef}\n              onPressDigit={enteredLength < length ? onPressDigit : undefined}\n              onPressDelete={enteredLength && enteredLength < length ? onPressDelete : undefined}\n              biometry={!enteredLength ? biometry : undefined}\n              onBiometricPress={onBiometricPress}\n              onDeleteAll={enteredLength && enteredLength < length ? onDeleteAll : undefined}\n            />\n          </Animated.View>\n        </View>\n      </SafeAreaView>\n    );\n  },\n);\n\nconst styles = StyleSheet.create({\n  backButton: {\n    minHeight: 24,\n    paddingHorizontal: 24,\n  },\n  container: {\n    flex: 1,\n    paddingTop: 8,\n  },\n  content: {\n    flex: 1,\n    justifyContent: 'space-between',\n    paddingHorizontal: 24,\n  },\n  instruction: {\n    marginVertical: 24,\n    opacity: 0.7,\n  },\n  keyboard: {\n    alignItems: 'center',\n    flex: 5,\n    justifyContent: 'center',\n    marginVertical: 24,\n  },\n  pins: {\n    paddingHorizontal: 20,\n  },\n  title: {\n    marginBottom: 24,\n  },\n  upperContent: {\n    alignItems: 'center',\n    flex: 3,\n    marginTop: 12,\n    paddingHorizontal: 20,\n  },\n});\n\nPinCodeScreen.displayName = 'PinCodeScreen';\n"],"mappings":"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"}

package/lib/commonjs/pin/pins.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Pins = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _accessibilityLanguage = require("../accessibility/accessibilityLanguage");
+var _theme = require("../theme");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+const Pins = _ref => {
+  let {
+    enteredLength,
+    maxLength,
+    style,
+    ...props
+  } = _ref;
+  const t = (0, _accessibilityLanguage.useAccessibilityTranslation)();
+  const colorScheme = (0, _theme.useAppColorScheme)();
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
+    style: [styles.pinsWrapper, style],
+    accessible: true,
+    accessibilityRole: "progressbar",
+    accessibilityValue: {
+      text: t('accessibility.control.progress', {
+        current: enteredLength,
+        length: maxLength
+      })
+    }
+  }, props), Array.from({
+    length: maxLength
+  }).map((_, index) => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    key: `pin${index}`,
+    style: [styles.pin, {
+      backgroundColor: enteredLength > index ? colorScheme.black : colorScheme.background
+    }]
+  })));
+};
+exports.Pins = Pins;
+const styles = _reactNative.StyleSheet.create({
+  pin: {
+    borderRadius: 3,
+    height: 10,
+    width: 10
+  },
+  pinsWrapper: {
+    flexDirection: 'row',
+    justifyContent: 'space-evenly',
+    width: '100%'
+  }
+});
+//# sourceMappingURL=pins.js.map

package/lib/commonjs/pin/pins.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_accessibilityLanguage","_theme","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","Pins","_ref","enteredLength","maxLength","style","props","t","useAccessibilityTranslation","colorScheme","useAppColorScheme","createElement","View","styles","pinsWrapper","accessible","accessibilityRole","accessibilityValue","text","current","Array","from","map","_","index","pin","backgroundColor","black","background","exports","StyleSheet","create","borderRadius","height","width","flexDirection","justifyContent"],"sources":["pins.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleSheet, View, ViewProps } from 'react-native';\n\nimport { useAccessibilityTranslation } from '../accessibility/accessibilityLanguage';\nimport { useAppColorScheme } from '../theme';\n\nexport interface PinsProps extends ViewProps {\n  enteredLength: number;\n  maxLength: number;\n}\n\nexport const Pins: FC<PinsProps> = ({ enteredLength, maxLength, style, ...props }) => {\n  const t = useAccessibilityTranslation();\n  const colorScheme = useAppColorScheme();\n  return (\n    <View\n      style={[styles.pinsWrapper, style]}\n      accessible={true}\n      accessibilityRole=\"progressbar\"\n      accessibilityValue={{ text: t('accessibility.control.progress', { current: enteredLength, length: maxLength }) }}\n      {...props}>\n      {Array.from({ length: maxLength }).map((_, index) => (\n        <View\n          key={`pin${index}`}\n          style={[\n            styles.pin,\n            {\n              backgroundColor: enteredLength > index ? colorScheme.black : colorScheme.background,\n            },\n          ]}\n        />\n      ))}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  pin: {\n    borderRadius: 3,\n    height: 10,\n    width: 10,\n  },\n  pinsWrapper: {\n    flexDirection: 'row',\n    justifyContent: 'space-evenly',\n    width: '100%',\n  },\n});\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,sBAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAA6C,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAOtC,MAAMQ,IAAmB,GAAGC,IAAA,IAAmD;EAAA,IAAlD;IAAEC,aAAa;IAAEC,SAAS;IAAEC,KAAK;IAAE,GAAGC;EAAM,CAAC,GAAAJ,IAAA;EAC/E,MAAMK,CAAC,GAAG,IAAAC,kDAA2B,GAAE;EACvC,MAAMC,WAAW,GAAG,IAAAC,wBAAiB,GAAE;EACvC,oBACEhC,MAAA,CAAAQ,OAAA,CAAAyB,aAAA,CAAC9B,YAAA,CAAA+B,IAAI,EAAAzB,QAAA;IACHkB,KAAK,EAAE,CAACQ,MAAM,CAACC,WAAW,EAAET,KAAK,CAAE;IACnCU,UAAU,EAAE,IAAK;IACjBC,iBAAiB,EAAC,aAAa;IAC/BC,kBAAkB,EAAE;MAAEC,IAAI,EAAEX,CAAC,CAAC,gCAAgC,EAAE;QAAEY,OAAO,EAAEhB,aAAa;QAAET,MAAM,EAAEU;MAAU,CAAC;IAAE;EAAE,GAC7GE,KAAK,GACRc,KAAK,CAACC,IAAI,CAAC;IAAE3B,MAAM,EAAEU;EAAU,CAAC,CAAC,CAACkB,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,kBAC9C9C,MAAA,CAAAQ,OAAA,CAAAyB,aAAA,CAAC9B,YAAA,CAAA+B,IAAI;IACHhB,GAAG,EAAG,MAAK4B,KAAM,EAAE;IACnBnB,KAAK,EAAE,CACLQ,MAAM,CAACY,GAAG,EACV;MACEC,eAAe,EAAEvB,aAAa,GAAGqB,KAAK,GAAGf,WAAW,CAACkB,KAAK,GAAGlB,WAAW,CAACmB;IAC3E,CAAC;EACD,EAEL,CAAC,CACG;AAEX,CAAC;AAACC,OAAA,CAAA5B,IAAA,GAAAA,IAAA;AAEF,MAAMY,MAAM,GAAGiB,uBAAU,CAACC,MAAM,CAAC;EAC/BN,GAAG,EAAE;IACHO,YAAY,EAAE,CAAC;IACfC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACT,CAAC;EACDpB,WAAW,EAAE;IACXqB,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,cAAc;IAC9BF,KAAK,EAAE;EACT;AACF,CAAC,CAAC"}

package/lib/commonjs/screens/backup-screen.js

@@ -0,0 +1,87 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.BackupScreenMode = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _backButton = _interopRequireDefault(require("../buttons/back-button"));
+var _button = require("../buttons/button");
+var _scrollViewScreen = _interopRequireDefault(require("../screens/scroll-view-screen"));
+var _typography = _interopRequireDefault(require("../text/typography"));
+var _colorSchemeContext = require("../theme/color-scheme-context");
+var _testID = require("../utils/testID");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+let BackupScreenMode;
+exports.BackupScreenMode = BackupScreenMode;
+(function (BackupScreenMode) {
+  BackupScreenMode["Create"] = "create";
+  BackupScreenMode["Restore"] = "restore";
+})(BackupScreenMode || (exports.BackupScreenMode = BackupScreenMode = {}));
+const BackupScreen = _ref => {
+  let {
+    children,
+    cta,
+    description,
+    isCtaDisabled,
+    onBack,
+    onCta,
+    testID,
+    title
+  } = _ref;
+  const colorScheme = (0, _colorSchemeContext.useAppColorScheme)();
+  return /*#__PURE__*/_react.default.createElement(_scrollViewScreen.default, {
+    header: {
+      backgroundColor: colorScheme.white,
+      leftItem: /*#__PURE__*/_react.default.createElement(_backButton.default, {
+        onPress: onBack,
+        testID: (0, _testID.concatTestID)(testID, 'back')
+      }),
+      title
+    },
+    scrollView: {
+      testID: (0, _testID.concatTestID)(testID, 'scroll')
+    },
+    style: {
+      backgroundColor: colorScheme.white
+    },
+    testID: testID
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.contentWrapper
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.content
+  }, /*#__PURE__*/_react.default.createElement(_typography.default, {
+    color: colorScheme.text,
+    style: styles.description
+  }, description), children), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.bottom
+  }, /*#__PURE__*/_react.default.createElement(_button.Button, {
+    disabled: isCtaDisabled,
+    onPress: onCta,
+    testID: (0, _testID.concatTestID)(testID, 'mainButton'),
+    title: cta,
+    type: isCtaDisabled ? _button.ButtonType.Border : _button.ButtonType.Primary
+  }))));
+};
+const styles = _reactNative.StyleSheet.create({
+  bottom: {
+    flex: 1,
+    justifyContent: 'flex-end',
+    minHeight: 84
+  },
+  content: {
+    marginHorizontal: 8
+  },
+  contentWrapper: {
+    flex: 1,
+    marginHorizontal: 12
+  },
+  description: {
+    marginBottom: 24,
+    opacity: 0.7
+  }
+});
+var _default = BackupScreen;
+exports.default = _default;
+//# sourceMappingURL=backup-screen.js.map

package/lib/commonjs/screens/backup-screen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_backButton","_button","_scrollViewScreen","_typography","_colorSchemeContext","_testID","obj","__esModule","default","BackupScreenMode","exports","BackupScreen","_ref","children","cta","description","isCtaDisabled","onBack","onCta","testID","title","colorScheme","useAppColorScheme","createElement","header","backgroundColor","white","leftItem","onPress","concatTestID","scrollView","style","View","styles","contentWrapper","content","color","text","bottom","Button","disabled","type","ButtonType","Border","Primary","StyleSheet","create","flex","justifyContent","minHeight","marginHorizontal","marginBottom","opacity","_default"],"sources":["backup-screen.tsx"],"sourcesContent":["import React, { FC, PropsWithChildren } from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport BackButton from '../buttons/back-button';\nimport { Button, ButtonType } from '../buttons/button';\nimport ScrollViewScreen from '../screens/scroll-view-screen';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\nimport { concatTestID } from '../utils/testID';\n\nexport enum BackupScreenMode {\n  Create = 'create',\n  Restore = 'restore',\n}\n\nexport type BackupScreenProps = PropsWithChildren<{\n  cta: string;\n  description: string;\n  isCtaDisabled?: boolean;\n  onBack: () => void;\n  onCta: () => void;\n  testID: string;\n  title: string;\n}>;\n\nconst BackupScreen: FC<BackupScreenProps> = ({\n  children,\n  cta,\n  description,\n  isCtaDisabled,\n  onBack,\n  onCta,\n  testID,\n  title,\n}) => {\n  const colorScheme = useAppColorScheme();\n\n  return (\n    <ScrollViewScreen\n      header={{\n        backgroundColor: colorScheme.white,\n        leftItem: <BackButton onPress={onBack} testID={concatTestID(testID, 'back')} />,\n        title,\n      }}\n      scrollView={{\n        testID: concatTestID(testID, 'scroll'),\n      }}\n      style={{ backgroundColor: colorScheme.white }}\n      testID={testID}>\n      <View style={styles.contentWrapper}>\n        <View style={styles.content}>\n          <Typography color={colorScheme.text} style={styles.description}>\n            {description}\n          </Typography>\n\n          {children}\n        </View>\n\n        <View style={styles.bottom}>\n          <Button\n            disabled={isCtaDisabled}\n            onPress={onCta}\n            testID={concatTestID(testID, 'mainButton')}\n            title={cta}\n            type={isCtaDisabled ? ButtonType.Border : ButtonType.Primary}\n          />\n        </View>\n      </View>\n    </ScrollViewScreen>\n  );\n};\n\nconst styles = StyleSheet.create({\n  bottom: {\n    flex: 1,\n    justifyContent: 'flex-end',\n    minHeight: 84,\n  },\n  content: {\n    marginHorizontal: 8,\n  },\n  contentWrapper: {\n    flex: 1,\n    marginHorizontal: 12,\n  },\n  description: {\n    marginBottom: 24,\n    opacity: 0.7,\n  },\n});\n\nexport default BackupScreen;\n"],"mappings":"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"}