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

package/lib/module/nerd-view/nerd-mode-item.js

@@ -1,224 +0,0 @@
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { Dimensions, Linking, StyleSheet, View } from 'react-native';
-import { TouchableOpacity } from 'react-native-gesture-handler';
-import Animated, { clamp, useAnimatedStyle, useDerivedValue, useSharedValue } from 'react-native-reanimated';
-import { Button, ButtonType } from '../buttons/button';
-import { CopyContentIcon, OpenLinkIcon } from '../icons/nerd-view';
-import Typography from '../text/typography';
-import { useAppColorScheme } from '../theme/color-scheme-context';
-import { concatTestID } from '../utils/testID';
-const VALUE_PREVIEW_LENGTH = 80;
-const ICON_HEIGHT = 48;
-const CONTAINER_PADDING = 8;
-
-// The onExpand and expandedAttributes props are used to notify other expanded fields
-// that the layout (and thus the scrollOffset / icon position) has changed. This
-// will trigger a view measurement and repositioning of the icon on all expanded fields.
-
-const styles = StyleSheet.create({
-  actionIcon: {
-    alignItems: 'center',
-    flex: 0.15,
-    height: ICON_HEIGHT,
-    justifyContent: 'center'
-  },
-  actionIconSingleLine: {
-    height: 24
-  },
-  attributeLabel: {
-    marginBottom: 4,
-    paddingHorizontal: 6
-  },
-  attributeValue: {
-    flex: 0.85,
-    flexGrow: 1
-  },
-  attributeValueContainer: {
-    borderRadius: 2,
-    borderWidth: 0.2,
-    flexDirection: 'row',
-    padding: CONTAINER_PADDING
-  },
-  container: {
-    paddingHorizontal: 20,
-    paddingTop: 16
-  },
-  expandValueButton: {
-    borderRadius: 4,
-    borderWidth: 0,
-    marginTop: 4
-  },
-  lastAttribute: {
-    paddingBottom: 30
-  }
-});
-export const ActionIcon = _ref => {
-  let {
-    value,
-    link,
-    onCopyToClipboard,
-    testID,
-    copy
-  } = _ref;
-  const handleCopy = useCallback(() => {
-    onCopyToClipboard(value);
-  }, [onCopyToClipboard, value]);
-  const openLink = useCallback(() => {
-    if (link) {
-      Linking.openURL(link);
-    }
-  }, [link]);
-  if (copy) {
-    return /*#__PURE__*/React.createElement(TouchableOpacity, {
-      onPress: handleCopy,
-      testID: testID
-    }, /*#__PURE__*/React.createElement(CopyContentIcon, null));
-  }
-  if (link) {
-    return /*#__PURE__*/React.createElement(TouchableOpacity, {
-      onPress: openLink,
-      testID: testID
-    }, /*#__PURE__*/React.createElement(OpenLinkIcon, null));
-  }
-  return null;
-};
-const TextWithHighlight = _ref2 => {
-  let {
-    highlightedText,
-    onLayout,
-    testID,
-    text
-  } = _ref2;
-  const colorScheme = useAppColorScheme();
-  return /*#__PURE__*/React.createElement(Typography, {
-    color: colorScheme.white,
-    onLayout: onLayout,
-    preset: "s/code",
-    style: styles.attributeValue,
-    testID: testID
-  }, /*#__PURE__*/React.createElement(Typography, {
-    color: colorScheme.nerdView.codeHighlightText,
-    preset: "s/code"
-  }, highlightedText), text);
-};
-const NerdModeItem = _ref3 => {
-  let {
-    highlightedText = '',
-    attributeText = '',
-    attributeKey,
-    labels,
-    link,
-    canBeCopied,
-    onCopyToClipboard,
-    onExpand,
-    expandedAttributes,
-    last = false,
-    scrollOffset,
-    element,
-    testID
-  } = _ref3;
-  const colorScheme = useAppColorScheme();
-  const valueViewRef = React.useRef(null);
-  const [isSingleLine, setIsSingleLine] = useState();
-  const expandedView = useSharedValue({
-    expandedAtOffset: 0,
-    viewHeight: 0,
-    viewStart: 0
-  });
-  const expandable = attributeText.length > VALUE_PREVIEW_LENGTH;
-  const [expanded, setExpanded] = useState(!expandable);
-  const screenMiddle = useMemo(() => Dimensions.get('screen').height / 2, []);
-  const iconTopPosition = useDerivedValue(() => {
-    if (isSingleLine === undefined) {
-      return 0;
-    }
-    if (!expanded || !expandable || !scrollOffset || isSingleLine) {
-      const iconHeight = isSingleLine ? 0 : ICON_HEIGHT;
-      return expandedView.value.viewHeight / 2 - iconHeight / 2;
-    }
-    const viewEnd = expandedView.value.viewStart + expandedView.value.viewHeight;
-    let zeroedOffset = scrollOffset.value - expandedView.value.expandedAtOffset;
-    if (expandedView.value.viewStart > screenMiddle) {
-      zeroedOffset = zeroedOffset - (expandedView.value.viewStart - screenMiddle + ICON_HEIGHT / 2);
-    } else {
-      if (viewEnd < screenMiddle + ICON_HEIGHT) {
-        zeroedOffset = zeroedOffset + (screenMiddle - expandedView.value.viewStart - ICON_HEIGHT / 2);
-      } else if (expandedView.value.viewStart < screenMiddle && viewEnd > screenMiddle) {
-        zeroedOffset = zeroedOffset + (screenMiddle - expandedView.value.viewStart - ICON_HEIGHT / 2);
-      }
-    }
-    return clamp(zeroedOffset, 0, expandedView.value.viewHeight - ICON_HEIGHT - 8);
-  });
-  const iconStyle = useAnimatedStyle(() => {
-    return {
-      transform: [{
-        translateY: iconTopPosition.value
-      }]
-    };
-  });
-  const previewText = expanded ? attributeText : attributeText.slice(0, VALUE_PREVIEW_LENGTH) + '...';
-  useEffect(() => {
-    if (!scrollOffset || isSingleLine === undefined) {
-      return;
-    }
-    setTimeout(() => {
-      var _valueViewRef$current;
-      (_valueViewRef$current = valueViewRef.current) === null || _valueViewRef$current === void 0 ? void 0 : _valueViewRef$current.measure((x, y, w, h, px, py) => {
-        expandedView.value = {
-          expandedAtOffset: isSingleLine ? 0 : scrollOffset.value,
-          viewHeight: isSingleLine ? 0 : h - 2 * CONTAINER_PADDING,
-          viewStart: py
-        };
-      });
-    }, 0);
-    // We only recompute when any attribute is expanded
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [expandedAttributes, isSingleLine]);
-  const onTextLayout = useCallback(event => {
-    const {
-      height
-    } = event.nativeEvent.layout;
-    setIsSingleLine(height <= 24);
-  }, []);
-  return /*#__PURE__*/React.createElement(View, {
-    style: [styles.container, {
-      backgroundColor: colorScheme.nerdView.attributeSectionBackground
-    }, last ? styles.lastAttribute : {}],
-    testID: testID
-  }, /*#__PURE__*/React.createElement(Typography, {
-    color: colorScheme.nerdView.attributeLabel,
-    preset: "s/code",
-    style: styles.attributeLabel,
-    testID: concatTestID(testID, 'attributeLabel')
-  }, attributeKey), /*#__PURE__*/React.createElement(View, {
-    ref: valueViewRef,
-    style: [styles.attributeValueContainer, {
-      backgroundColor: colorScheme.nerdView.attributeValueBackground,
-      borderColor: colorScheme.nerdView.attributeValueBorder
-    }]
-  }, element ? element : /*#__PURE__*/React.createElement(TextWithHighlight, {
-    highlightedText: highlightedText,
-    onLayout: onTextLayout,
-    testID: concatTestID(testID, 'attributeValue'),
-    text: previewText
-  }), (canBeCopied || link) && isSingleLine !== undefined ? /*#__PURE__*/React.createElement(Animated.View, {
-    style: [styles.actionIcon, isSingleLine ? styles.actionIconSingleLine : undefined, iconStyle]
-  }, /*#__PURE__*/React.createElement(ActionIcon, {
-    copy: canBeCopied,
-    link: link,
-    onCopyToClipboard: onCopyToClipboard,
-    testID: concatTestID(testID, 'actionIcon'),
-    value: `${highlightedText}${attributeText}`
-  })) : null), expandable ? /*#__PURE__*/React.createElement(Button, {
-    onPress: () => {
-      onExpand && onExpand(!expanded);
-      setExpanded(!expanded);
-    },
-    style: styles.expandValueButton,
-    testID: concatTestID(testID, 'expandValueButton'),
-    title: expanded ? labels.collapse : labels.expand,
-    type: ButtonType.SmallTech
-  }) : null);
-};
-export default NerdModeItem;
-//# sourceMappingURL=nerd-mode-item.js.map

package/lib/module/nerd-view/nerd-mode-item.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useCallback","useEffect","useMemo","useState","Dimensions","Linking","StyleSheet","View","TouchableOpacity","Animated","clamp","useAnimatedStyle","useDerivedValue","useSharedValue","Button","ButtonType","CopyContentIcon","OpenLinkIcon","Typography","useAppColorScheme","concatTestID","VALUE_PREVIEW_LENGTH","ICON_HEIGHT","CONTAINER_PADDING","styles","create","actionIcon","alignItems","flex","height","justifyContent","actionIconSingleLine","attributeLabel","marginBottom","paddingHorizontal","attributeValue","flexGrow","attributeValueContainer","borderRadius","borderWidth","flexDirection","padding","container","paddingTop","expandValueButton","marginTop","lastAttribute","paddingBottom","ActionIcon","_ref","value","link","onCopyToClipboard","testID","copy","handleCopy","openLink","openURL","createElement","onPress","TextWithHighlight","_ref2","highlightedText","onLayout","text","colorScheme","color","white","preset","style","nerdView","codeHighlightText","NerdModeItem","_ref3","attributeText","attributeKey","labels","canBeCopied","onExpand","expandedAttributes","last","scrollOffset","element","valueViewRef","useRef","isSingleLine","setIsSingleLine","expandedView","expandedAtOffset","viewHeight","viewStart","expandable","length","expanded","setExpanded","screenMiddle","get","iconTopPosition","undefined","iconHeight","viewEnd","zeroedOffset","iconStyle","transform","translateY","previewText","slice","setTimeout","_valueViewRef$current","current","measure","x","y","w","h","px","py","onTextLayout","event","nativeEvent","layout","backgroundColor","attributeSectionBackground","ref","attributeValueBackground","borderColor","attributeValueBorder","title","collapse","expand","type","SmallTech"],"sources":["nerd-mode-item.tsx"],"sourcesContent":["import React, { FunctionComponent, useCallback, useEffect, useMemo, useState } from 'react';\nimport { Dimensions, LayoutChangeEvent, Linking, StyleSheet, View, ViewStyle } from 'react-native';\nimport { TouchableOpacity } from 'react-native-gesture-handler';\nimport Animated, {\n  clamp,\n  SharedValue,\n  useAnimatedStyle,\n  useDerivedValue,\n  useSharedValue,\n} from 'react-native-reanimated';\n\nimport { Button, ButtonType } from '../buttons/button';\nimport { CopyContentIcon, OpenLinkIcon } from '../icons/nerd-view';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\nimport { concatTestID } from '../utils/testID';\n\nconst VALUE_PREVIEW_LENGTH = 80;\nconst ICON_HEIGHT = 48;\nconst CONTAINER_PADDING = 8;\n\n// The onExpand and expandedAttributes props are used to notify other expanded fields\n// that the layout (and thus the scrollOffset / icon position) has changed. This\n// will trigger a view measurement and repositioning of the icon on all expanded fields.\n\nexport type NerdModeItemProps = {\n  attributeKey: string;\n  attributeText?: string;\n  canBeCopied?: boolean;\n  element?: React.ReactElement;\n  expandedAttributes?: number;\n  highlightedText?: string;\n  labels: {\n    expand: string;\n    collapse: string;\n  };\n  last?: boolean;\n  link?: string;\n  onCopyToClipboard: (value: string) => void;\n  onExpand?: (expanded: boolean) => void;\n  scrollOffset?: SharedValue<number>;\n  testID?: string;\n};\n\nconst styles = StyleSheet.create({\n  actionIcon: {\n    alignItems: 'center',\n    flex: 0.15,\n    height: ICON_HEIGHT,\n    justifyContent: 'center',\n  },\n  actionIconSingleLine: {\n    height: 24,\n  },\n  attributeLabel: {\n    marginBottom: 4,\n    paddingHorizontal: 6,\n  },\n  attributeValue: {\n    flex: 0.85,\n    flexGrow: 1,\n  },\n  attributeValueContainer: {\n    borderRadius: 2,\n    borderWidth: 0.2,\n    flexDirection: 'row',\n    padding: CONTAINER_PADDING,\n  },\n  container: {\n    paddingHorizontal: 20,\n    paddingTop: 16,\n  },\n  expandValueButton: {\n    borderRadius: 4,\n    borderWidth: 0,\n    marginTop: 4,\n  },\n  lastAttribute: {\n    paddingBottom: 30,\n  },\n});\n\nexport const ActionIcon: FunctionComponent<{\n  copy?: boolean;\n  link?: string;\n  onCopyToClipboard: (value: string) => void;\n  style?: ViewStyle;\n  testID?: string;\n  value: string;\n}> = ({ value, link, onCopyToClipboard, testID, copy }) => {\n  const handleCopy = useCallback(() => {\n    onCopyToClipboard(value);\n  }, [onCopyToClipboard, value]);\n\n  const openLink = useCallback(() => {\n    if (link) {\n      Linking.openURL(link);\n    }\n  }, [link]);\n\n  if (copy) {\n    return (\n      <TouchableOpacity onPress={handleCopy} testID={testID}>\n        <CopyContentIcon />\n      </TouchableOpacity>\n    );\n  }\n\n  if (link) {\n    return (\n      <TouchableOpacity onPress={openLink} testID={testID}>\n        <OpenLinkIcon />\n      </TouchableOpacity>\n    );\n  }\n\n  return null;\n};\n\nconst TextWithHighlight: FunctionComponent<{\n  highlightedText: string;\n  onLayout?: (event: LayoutChangeEvent) => void;\n  testID: string;\n  text: string;\n}> = ({ highlightedText, onLayout, testID, text }) => {\n  const colorScheme = useAppColorScheme();\n  return (\n    <Typography\n      color={colorScheme.white}\n      onLayout={onLayout}\n      preset=\"s/code\"\n      style={styles.attributeValue}\n      testID={testID}>\n      <Typography color={colorScheme.nerdView.codeHighlightText} preset=\"s/code\">\n        {highlightedText}\n      </Typography>\n      {text}\n    </Typography>\n  );\n};\n\nconst NerdModeItem: FunctionComponent<NerdModeItemProps> = ({\n  highlightedText = '',\n  attributeText = '',\n  attributeKey,\n  labels,\n  link,\n  canBeCopied,\n  onCopyToClipboard,\n  onExpand,\n  expandedAttributes,\n  last = false,\n  scrollOffset,\n  element,\n  testID,\n}) => {\n  const colorScheme = useAppColorScheme();\n  const valueViewRef = React.useRef<View>(null);\n  const [isSingleLine, setIsSingleLine] = useState<boolean>();\n\n  const expandedView = useSharedValue({\n    expandedAtOffset: 0,\n    viewHeight: 0,\n    viewStart: 0,\n  });\n\n  const expandable = attributeText.length > VALUE_PREVIEW_LENGTH;\n  const [expanded, setExpanded] = useState(!expandable);\n\n  const screenMiddle = useMemo(() => Dimensions.get('screen').height / 2, []);\n\n  const iconTopPosition = useDerivedValue(() => {\n    if (isSingleLine === undefined) {\n      return 0;\n    }\n    if (!expanded || !expandable || !scrollOffset || isSingleLine) {\n      const iconHeight = isSingleLine ? 0 : ICON_HEIGHT;\n      return expandedView.value.viewHeight / 2 - iconHeight / 2;\n    }\n\n    const viewEnd = expandedView.value.viewStart + expandedView.value.viewHeight;\n    let zeroedOffset = scrollOffset.value - expandedView.value.expandedAtOffset;\n\n    if (expandedView.value.viewStart > screenMiddle) {\n      zeroedOffset = zeroedOffset - (expandedView.value.viewStart - screenMiddle + ICON_HEIGHT / 2);\n    } else {\n      if (viewEnd < screenMiddle + ICON_HEIGHT) {\n        zeroedOffset = zeroedOffset + (screenMiddle - expandedView.value.viewStart - ICON_HEIGHT / 2);\n      } else if (expandedView.value.viewStart < screenMiddle && viewEnd > screenMiddle) {\n        zeroedOffset = zeroedOffset + (screenMiddle - expandedView.value.viewStart - ICON_HEIGHT / 2);\n      }\n    }\n\n    return clamp(zeroedOffset, 0, expandedView.value.viewHeight - ICON_HEIGHT - 8);\n  });\n\n  const iconStyle = useAnimatedStyle(() => {\n    return {\n      transform: [\n        {\n          translateY: iconTopPosition.value,\n        },\n      ],\n    };\n  });\n\n  const previewText = expanded ? attributeText : attributeText.slice(0, VALUE_PREVIEW_LENGTH) + '...';\n\n  useEffect(() => {\n    if (!scrollOffset || isSingleLine === undefined) {\n      return;\n    }\n\n    setTimeout(() => {\n      valueViewRef.current?.measure((x, y, w, h, px, py) => {\n        expandedView.value = {\n          expandedAtOffset: isSingleLine ? 0 : scrollOffset.value,\n          viewHeight: isSingleLine ? 0 : h - 2 * CONTAINER_PADDING,\n          viewStart: py,\n        };\n      });\n    }, 0);\n    // We only recompute when any attribute is expanded\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [expandedAttributes, isSingleLine]);\n\n  const onTextLayout = useCallback((event: LayoutChangeEvent) => {\n    const { height } = event.nativeEvent.layout;\n    setIsSingleLine(height <= 24);\n  }, []);\n\n  return (\n    <View\n      style={[\n        styles.container,\n        { backgroundColor: colorScheme.nerdView.attributeSectionBackground },\n        last ? styles.lastAttribute : {},\n      ]}\n      testID={testID}>\n      <Typography\n        color={colorScheme.nerdView.attributeLabel}\n        preset=\"s/code\"\n        style={styles.attributeLabel}\n        testID={concatTestID(testID, 'attributeLabel')}>\n        {attributeKey}\n      </Typography>\n      <View\n        ref={valueViewRef}\n        style={[\n          styles.attributeValueContainer,\n          {\n            backgroundColor: colorScheme.nerdView.attributeValueBackground,\n            borderColor: colorScheme.nerdView.attributeValueBorder,\n          },\n        ]}>\n        {element ? (\n          element\n        ) : (\n          <TextWithHighlight\n            highlightedText={highlightedText}\n            onLayout={onTextLayout}\n            testID={concatTestID(testID, 'attributeValue')!}\n            text={previewText}\n          />\n        )}\n        {(canBeCopied || link) && isSingleLine !== undefined ? (\n          <Animated.View style={[styles.actionIcon, isSingleLine ? styles.actionIconSingleLine : undefined, iconStyle]}>\n            {\n              <ActionIcon\n                copy={canBeCopied}\n                link={link}\n                onCopyToClipboard={onCopyToClipboard}\n                testID={concatTestID(testID, 'actionIcon')}\n                value={`${highlightedText}${attributeText}`}\n              />\n            }\n          </Animated.View>\n        ) : null}\n      </View>\n      {expandable ? (\n        <Button\n          onPress={() => {\n            onExpand && onExpand(!expanded);\n            setExpanded(!expanded);\n          }}\n          style={styles.expandValueButton}\n          testID={concatTestID(testID, 'expandValueButton')}\n          title={expanded ? labels.collapse : labels.expand}\n          type={ButtonType.SmallTech}\n        />\n      ) : null}\n    </View>\n  );\n};\n\nexport default NerdModeItem;\n"],"mappings":"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"}

package/lib/module/pin/index.js

@@ -1,4 +0,0 @@
-import { Biometry } from './keypad';
-import { PinCodeScreen, PinCodeScreenActions, PinCodeScreenProps } from './pin-code-screen';
-export { Biometry, PinCodeScreen, PinCodeScreenActions, PinCodeScreenProps };
-//# sourceMappingURL=index.js.map

package/lib/module/pin/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Biometry","PinCodeScreen","PinCodeScreenActions","PinCodeScreenProps"],"sources":["index.ts"],"sourcesContent":["import { Biometry } from './keypad';\nimport { PinCodeScreen, PinCodeScreenActions, PinCodeScreenProps } from './pin-code-screen';\n\nexport { Biometry, PinCodeScreen, PinCodeScreenActions, PinCodeScreenProps };\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,UAAU;AACnC,SAASC,aAAa,EAAEC,oBAAoB,EAAEC,kBAAkB,QAAQ,mBAAmB;AAE3F,SAASH,QAAQ,EAAEC,aAAa,EAAEC,oBAAoB,EAAEC,kBAAkB"}

package/lib/module/pin/keypad.js

@@ -1,191 +0,0 @@
-import React, { useCallback, useMemo, useState } from 'react';
-import { StyleSheet, View } from 'react-native';
-import { TouchableOpacity } from '../accessibility';
-import { useAccessibilityTranslation } from '../accessibility/accessibilityLanguage';
-import { FaceIDIcon, FingerprintIcon, KeypadBackspaceIcon, KeypadClearIcon } from '../icons/keypad';
-import { Typography } from '../text';
-import { useAppColorScheme } from '../theme';
-import { concatTestID } from '../utils/testID';
-const DigitKey = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    onPress,
-    testID,
-    digit
-  } = _ref;
-  const colorScheme = useAppColorScheme();
-  return /*#__PURE__*/React.createElement(TouchableOpacity, {
-    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.createElement(Typography, {
-    maxFontSizeMultiplier: 1.5,
-    color: colorScheme.text,
-    preset: "xl"
-  }, digit));
-});
-DigitKey.displayName = 'DigitKey';
-export let Biometry;
-(function (Biometry) {
-  Biometry["FaceID"] = "faceID";
-  Biometry["Other"] = "other";
-})(Biometry || (Biometry = {}));
-const MIN_HEIGHT = 360;
-const MIN_WIDTH = 264;
-const KEY_SIZE = 72;
-export const Keypad = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
-  let {
-    testID,
-    onPressDigit,
-    onPressDelete,
-    biometry,
-    onBiometricPress,
-    style,
-    onDeleteAll
-  } = _ref2;
-  const t = useAccessibilityTranslation();
-  const colorScheme = useAppColorScheme();
-  const [layout, setLayout] = useState();
-  const onLayout = useCallback(event => setLayout(event.nativeEvent.layout), []);
-  const {
-    width,
-    height
-  } = 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.createElement(View, {
-    testID: testID,
-    style: [styles.cover, style],
-    onLayout: onLayout
-  }, /*#__PURE__*/React.createElement(View, {
-    style: {
-      height
-    }
-  }, /*#__PURE__*/React.createElement(View, {
-    style: lineStyles
-  }, /*#__PURE__*/React.createElement(DigitKey, {
-    testID: testID,
-    ref: ref,
-    digit: 1,
-    onPress: onPressDigit
-  }), /*#__PURE__*/React.createElement(DigitKey, {
-    testID: testID,
-    digit: 2,
-    onPress: onPressDigit
-  }), /*#__PURE__*/React.createElement(DigitKey, {
-    testID: testID,
-    digit: 3,
-    onPress: onPressDigit
-  })), /*#__PURE__*/React.createElement(View, {
-    style: lineStyles
-  }, /*#__PURE__*/React.createElement(DigitKey, {
-    testID: testID,
-    digit: 4,
-    onPress: onPressDigit
-  }), /*#__PURE__*/React.createElement(DigitKey, {
-    testID: testID,
-    digit: 5,
-    onPress: onPressDigit
-  }), /*#__PURE__*/React.createElement(DigitKey, {
-    testID: testID,
-    digit: 6,
-    onPress: onPressDigit
-  })), /*#__PURE__*/React.createElement(View, {
-    style: lineStyles
-  }, /*#__PURE__*/React.createElement(DigitKey, {
-    testID: testID,
-    digit: 7,
-    onPress: onPressDigit
-  }), /*#__PURE__*/React.createElement(DigitKey, {
-    testID: testID,
-    digit: 8,
-    onPress: onPressDigit
-  }), /*#__PURE__*/React.createElement(DigitKey, {
-    testID: testID,
-    digit: 9,
-    onPress: onPressDigit
-  })), /*#__PURE__*/React.createElement(View, {
-    style: lineStyles
-  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
-    testID: concatTestID(testID, 'delete-all'),
-    accessibilityRole: "button",
-    accessibilityLabel: t('accessibility.control.clear'),
-    style: styles.key,
-    disabled: !onDeleteAll,
-    onPress: onDeleteAll
-  }, onDeleteAll ? /*#__PURE__*/React.createElement(KeypadClearIcon, {
-    color: colorScheme.text
-  }) : null), /*#__PURE__*/React.createElement(DigitKey, {
-    testID: testID,
-    digit: 0,
-    onPress: onPressDigit
-  }), biometry ? /*#__PURE__*/React.createElement(TouchableOpacity, {
-    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.createElement(FaceIDIcon, {
-    color: colorScheme.text
-  }) : /*#__PURE__*/React.createElement(FingerprintIcon, {
-    color: colorScheme.text
-  })) : /*#__PURE__*/React.createElement(TouchableOpacity, {
-    testID: concatTestID(testID, 'delete'),
-    accessibilityRole: "button",
-    accessibilityLabel: t('accessibility.control.delete'),
-    style: styles.key,
-    disabled: !onPressDelete,
-    onPress: onPressDelete
-  }, onPressDelete ? /*#__PURE__*/React.createElement(KeypadBackspaceIcon, {
-    color: colorScheme.text
-  }) : null))));
-});
-Keypad.displayName = 'Keypad';
-const styles = 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/module/pin/keypad.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useCallback","useMemo","useState","StyleSheet","View","TouchableOpacity","useAccessibilityTranslation","FaceIDIcon","FingerprintIcon","KeypadBackspaceIcon","KeypadClearIcon","Typography","useAppColorScheme","concatTestID","DigitKey","forwardRef","_ref","ref","onPress","testID","digit","colorScheme","createElement","String","accessibilityRole","style","styles","key","backgroundColor","background","disabled","maxFontSizeMultiplier","color","text","preset","displayName","Biometry","MIN_HEIGHT","MIN_WIDTH","KEY_SIZE","Keypad","_ref2","onPressDigit","onPressDelete","biometry","onBiometricPress","onDeleteAll","t","layout","setLayout","onLayout","event","nativeEvent","width","height","RATIO","gap","undefined","lineStyles","line","marginBottom","cover","accessibilityLabel","FaceID","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/module/pin/pin-code-screen.js

@@ -1,152 +0,0 @@
-import React, { forwardRef, useImperativeHandle, useState } from 'react';
-import { Animated, Easing, StyleSheet, View } from 'react-native';
-import { SafeAreaView } from 'react-native-safe-area-context';
-import { BackButton } from '../buttons';
-import { Typography } from '../text';
-import { useAppColorScheme } from '../theme';
-import { concatTestID } from '../utils';
-import ContrastingStatusBar from '../utils/contrasting-status-bar';
-import { Keypad } from './keypad';
-import { Pins } from './pins';
-const SHAKE_ITERATIONS = 4;
-const animationConfig = {
-  useNativeDriver: true,
-  easing: Easing.linear
-};
-export const PinCodeScreen = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-    testID,
-    length,
-    instruction,
-    title,
-    onBack,
-    enteredLength,
-    error,
-    onPressDigit,
-    onPressDelete,
-    biometry,
-    onBiometricPress,
-    keypadRef,
-    onDeleteAll,
-    ...props
-  } = _ref;
-  const colorScheme = useAppColorScheme();
-  const [shakePosition] = useState(() => new Animated.Value(0));
-  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 => Animated.loop(Animated.sequence([Animated.timing(shakePosition, {
-        ...animationConfig,
-        toValue: -amount,
-        duration: partialDuration
-      }), Animated.timing(shakePosition, {
-        ...animationConfig,
-        toValue: amount,
-        duration: 2 * partialDuration
-      }), Animated.timing(shakePosition, {
-        ...animationConfig,
-        toValue: 0,
-        duration: partialDuration
-      })]), {
-        iterations: SHAKE_ITERATIONS
-      }).start(resolve));
-    }
-  }), [shakePosition]);
-  return /*#__PURE__*/React.createElement(SafeAreaView, {
-    testID: testID,
-    style: [styles.container, {
-      backgroundColor: colorScheme.white
-    }]
-  }, /*#__PURE__*/React.createElement(ContrastingStatusBar, {
-    backgroundColor: colorScheme.white
-  }), /*#__PURE__*/React.createElement(View, {
-    style: styles.backButton
-  }, onBack && /*#__PURE__*/React.createElement(BackButton, {
-    testID: concatTestID(testID, 'back'),
-    onPress: onBack
-  })), /*#__PURE__*/React.createElement(View, {
-    style: styles.content
-  }, /*#__PURE__*/React.createElement(View, {
-    style: styles.upperContent
-  }, /*#__PURE__*/React.createElement(Typography, {
-    testID: concatTestID(testID, 'title'),
-    accessible: false,
-    color: colorScheme.text,
-    align: "center",
-    preset: "l",
-    style: styles.title
-  }, title), /*#__PURE__*/React.createElement(Pins, {
-    style: styles.pins,
-    enteredLength: enteredLength,
-    maxLength: length
-  }), instruction ? /*#__PURE__*/React.createElement(Typography, {
-    testID: concatTestID(testID, 'instruction'),
-    align: "center",
-    announcementActive: true,
-    onAnnouncementFinished: props.onAccessibilityAnnounced,
-    color: colorScheme.text,
-    style: styles.instruction
-  }, instruction) : null, /*#__PURE__*/React.createElement(Typography, {
-    testID: 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.createElement(Animated.View, {
-    style: [styles.keyboard, {
-      transform: [{
-        translateX: shakePosition
-      }]
-    }]
-  }, /*#__PURE__*/React.createElement(Keypad, {
-    testID: 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
-  }))));
-});
-const styles = 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