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

package/lib/module/ui-components/loader/loading-result.js

@@ -1,28 +1,28 @@
-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 { Platform, StyleSheet, View } from 'react-native';
-import { SafeAreaView, useSafeAreaInsets } from 'react-native-safe-area-context';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { Button } from '../buttons/button';
 import NavigationHeader from '../header/navigation-header';
 import Typography from '../text/typography';
 import { useAppColorScheme } from '../theme/color-scheme-context';
 import LoaderView from './loader';
-const LoadingResultScreen = _ref => {
-  let {
-    button,
-    header,
-    loader: {
-      label,
-      ...loaderProps
-    },
-    secondaryButton: button2,
-    style,
-    tertiaryButton: button3,
-    ...viewProps
-  } = _ref;
+const LoadingResultScreen = ({
+  button,
+  header,
+  loader: {
+    label,
+    ...loaderProps
+  },
+  secondaryButton: button2,
+  style,
+  tertiaryButton: button3,
+  ...viewProps
+}) => {
   const colorScheme = useAppColorScheme();
   const {
-    top
+    top,
+    bottom
   } = useSafeAreaInsets();
   let headerPaddingStyle;
   if (Platform.OS === 'android') {
@@ -32,6 +32,9 @@ const LoadingResultScreen = _ref => {
   } else if (!(header !== null && header !== void 0 && header.modalHandleVisible) && Platform.OS === 'ios') {
     headerPaddingStyle = styles.modalHeaderWithoutHandle;
   }
+  let buttonsWrapperMarginStyle = {
+    marginBottom: bottom
+  };
   return /*#__PURE__*/React.createElement(View, _extends({
     style: [styles.container, {
       backgroundColor: colorScheme.background
@@ -45,9 +48,8 @@ const LoadingResultScreen = _ref => {
     color: colorScheme.text,
     preset: "regular",
     style: styles.label
-  }, label)), /*#__PURE__*/React.createElement(SafeAreaView, {
-    edges: ['bottom'],
-    style: styles.buttonWrapper
+  }, label)), /*#__PURE__*/React.createElement(View, {
+    style: [styles.buttonWrapper, buttonsWrapperMarginStyle]
   }, button && /*#__PURE__*/React.createElement(Button, button, button.title), button2 && /*#__PURE__*/React.createElement(Button, button2, button2.title), button3 && /*#__PURE__*/React.createElement(Button, button3, button3.title)));
 };
 const styles = StyleSheet.create({

package/lib/module/ui-components/loader/loading-result.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","StyleSheet","View","SafeAreaView","useSafeAreaInsets","Button","NavigationHeader","Typography","useAppColorScheme","LoaderView","LoadingResultScreen","_ref","button","header","loader","label","loaderProps","secondaryButton","button2","style","tertiaryButton","button3","viewProps","colorScheme","top","headerPaddingStyle","OS","paddingTop","modalHandleVisible","styles","modalHeaderWithoutHandle","createElement","_extends","container","backgroundColor","background","headerWrapper","loaderWrapper","align","color","text","preset","edges","buttonWrapper","title","create","gap","height","justifyContent","padding","alignItems","flex","flexDirection","marginHorizontal","marginTop"],"sources":["loading-result.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Platform, StyleSheet, View, ViewProps, ViewStyle } from 'react-native';\nimport { SafeAreaView, useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { Button, ButtonProps } from '../buttons/button';\nimport NavigationHeader, { NavigationHeaderProps } from '../header/navigation-header';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\nimport LoaderView, { LoaderViewProps } from './loader';\n\nexport type LoadingResultScreenProps = ViewProps & {\n  button?: ButtonProps;\n  header?: NavigationHeaderProps;\n  loader: LoaderViewProps & {\n    label?: string;\n  };\n  secondaryButton?: ButtonProps;\n  tertiaryButton?: ButtonProps;\n};\n\nconst LoadingResultScreen: FC<LoadingResultScreenProps> = ({\n  button,\n  header,\n  loader: { label, ...loaderProps },\n  secondaryButton: button2,\n  style,\n  tertiaryButton: button3,\n  ...viewProps\n}) => {\n  const colorScheme = useAppColorScheme();\n  const { top } = useSafeAreaInsets();\n\n  let headerPaddingStyle: ViewStyle | undefined;\n  if (Platform.OS === 'android') {\n    headerPaddingStyle = {\n      paddingTop: top,\n    };\n  } else if (!header?.modalHandleVisible && Platform.OS === 'ios') {\n    headerPaddingStyle = styles.modalHeaderWithoutHandle;\n  }\n\n  return (\n    <View style={[styles.container, { backgroundColor: colorScheme.background }, style]} {...viewProps}>\n      <View style={[styles.headerWrapper, headerPaddingStyle]}>\n        <NavigationHeader {...header} />\n      </View>\n      <View style={styles.loaderWrapper}>\n        <LoaderView {...loaderProps} />\n        <Typography align=\"center\" color={colorScheme.text} preset=\"regular\" style={styles.label}>\n          {label}\n        </Typography>\n      </View>\n      <SafeAreaView edges={['bottom']} style={styles.buttonWrapper}>\n        {button && <Button {...button}>{button.title}</Button>}\n        {button2 && <Button {...button2}>{button2.title}</Button>}\n        {button3 && <Button {...button3}>{button3.title}</Button>}\n      </SafeAreaView>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  buttonWrapper: {\n    gap: 12,\n    height: 274,\n    justifyContent: 'flex-end',\n    padding: 12,\n  },\n  container: {\n    alignItems: 'stretch',\n    flex: 1,\n    flexDirection: 'column',\n    justifyContent: 'space-between',\n  },\n  headerWrapper: {\n    height: 215,\n  },\n  label: {\n    marginHorizontal: 20,\n    marginTop: 20,\n  },\n  loaderWrapper: {\n    alignItems: 'center',\n    flexDirection: 'column',\n    height: 108,\n    justifyContent: 'space-between',\n  },\n  modalHeaderWithoutHandle: {\n    paddingTop: 15,\n  },\n});\n\nexport default LoadingResultScreen;\n"],"mappings":"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"}
+{"version":3,"names":["React","Platform","StyleSheet","View","useSafeAreaInsets","Button","NavigationHeader","Typography","useAppColorScheme","LoaderView","LoadingResultScreen","button","header","loader","label","loaderProps","secondaryButton","button2","style","tertiaryButton","button3","viewProps","colorScheme","top","bottom","headerPaddingStyle","OS","paddingTop","modalHandleVisible","styles","modalHeaderWithoutHandle","buttonsWrapperMarginStyle","marginBottom","createElement","_extends","container","backgroundColor","background","headerWrapper","loaderWrapper","align","color","text","preset","buttonWrapper","title","create","gap","height","justifyContent","padding","alignItems","flex","flexDirection","marginHorizontal","marginTop"],"sources":["loading-result.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Platform, StyleSheet, View, ViewProps, ViewStyle } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { Button, ButtonProps } from '../buttons/button';\nimport NavigationHeader, { NavigationHeaderProps } from '../header/navigation-header';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\nimport LoaderView, { LoaderViewProps } from './loader';\n\nexport type LoadingResultScreenProps = ViewProps & {\n  button?: ButtonProps;\n  header?: NavigationHeaderProps;\n  loader: LoaderViewProps & {\n    label?: string;\n  };\n  secondaryButton?: ButtonProps;\n  tertiaryButton?: ButtonProps;\n};\n\nconst LoadingResultScreen: FC<LoadingResultScreenProps> = ({\n  button,\n  header,\n  loader: { label, ...loaderProps },\n  secondaryButton: button2,\n  style,\n  tertiaryButton: button3,\n  ...viewProps\n}) => {\n  const colorScheme = useAppColorScheme();\n  const { top, bottom } = useSafeAreaInsets();\n\n  let headerPaddingStyle: ViewStyle | undefined;\n  if (Platform.OS === 'android') {\n    headerPaddingStyle = {\n      paddingTop: top,\n    };\n  } else if (!header?.modalHandleVisible && Platform.OS === 'ios') {\n    headerPaddingStyle = styles.modalHeaderWithoutHandle;\n  }\n\n  let buttonsWrapperMarginStyle: ViewStyle = {\n    marginBottom: bottom,\n  };\n\n  return (\n    <View style={[styles.container, { backgroundColor: colorScheme.background }, style]} {...viewProps}>\n      <View style={[styles.headerWrapper, headerPaddingStyle]}>\n        <NavigationHeader {...header} />\n      </View>\n      <View style={styles.loaderWrapper}>\n        <LoaderView {...loaderProps} />\n        <Typography align=\"center\" color={colorScheme.text} preset=\"regular\" style={styles.label}>\n          {label}\n        </Typography>\n      </View>\n      <View style={[styles.buttonWrapper, buttonsWrapperMarginStyle]}>\n        {button && <Button {...button}>{button.title}</Button>}\n        {button2 && <Button {...button2}>{button2.title}</Button>}\n        {button3 && <Button {...button3}>{button3.title}</Button>}\n      </View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  buttonWrapper: {\n    gap: 12,\n    height: 274,\n    justifyContent: 'flex-end',\n    padding: 12,\n  },\n  container: {\n    alignItems: 'stretch',\n    flex: 1,\n    flexDirection: 'column',\n    justifyContent: 'space-between',\n  },\n  headerWrapper: {\n    height: 215,\n  },\n  label: {\n    marginHorizontal: 20,\n    marginTop: 20,\n  },\n  loaderWrapper: {\n    alignItems: 'center',\n    flexDirection: 'column',\n    height: 108,\n    justifyContent: 'space-between',\n  },\n  modalHeaderWithoutHandle: {\n    paddingTop: 15,\n  },\n});\n\nexport default LoadingResultScreen;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/ui-components/nerd-view/index.js

@@ -1,3 +1,3 @@
-import NerdModeItem, { ActionIcon, NerdModeItemProps } from './nerd-mode-item';
-export { ActionIcon, NerdModeItem, NerdModeItemProps };
+import NerdModeItem, { ActionIcon } from './nerd-mode-item';
+export { ActionIcon, NerdModeItem };
 //# sourceMappingURL=index.js.map

package/lib/module/ui-components/nerd-view/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["NerdModeItem","ActionIcon","NerdModeItemProps"],"sources":["index.ts"],"sourcesContent":["import NerdModeItem, { ActionIcon, NerdModeItemProps } from './nerd-mode-item';\n\nexport { ActionIcon, NerdModeItem, NerdModeItemProps };\n"],"mappings":"AAAA,OAAOA,YAAY,IAAIC,UAAU,EAAEC,iBAAiB,QAAQ,kBAAkB;AAE9E,SAASD,UAAU,EAAED,YAAY,EAAEE,iBAAiB"}
+{"version":3,"names":["NerdModeItem","ActionIcon"],"sources":["index.ts"],"sourcesContent":["import type { NerdModeItemProps } from './nerd-mode-item';\nimport NerdModeItem, { ActionIcon } from './nerd-mode-item';\n\nexport { ActionIcon, NerdModeItem, NerdModeItemProps };\n"],"mappings":"AACA,OAAOA,YAAY,IAAIC,UAAU,QAAQ,kBAAkB;AAE3D,SAASA,UAAU,EAAED,YAAY","ignoreList":[]}

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

@@ -1,9 +1,9 @@
 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 { reportException } from '../../utils';
 import { concatTestID } from '../../utils/testID';
+import { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';
 import { Button, ButtonType } from '../buttons/button';
 import { CopyContentIcon, OpenLinkIcon } from '../icons/nerd-view';
 import Typography from '../text/typography';
@@ -53,14 +53,13 @@ const styles = StyleSheet.create({
     paddingBottom: 30
   }
 });
-export const ActionIcon = _ref => {
-  let {
-    value,
-    link,
-    onCopyToClipboard,
-    testID,
-    copy
-  } = _ref;
+export const ActionIcon = ({
+  value,
+  link,
+  onCopyToClipboard,
+  testID,
+  copy
+}) => {
   const handleCopy = useCallback(() => {
     onCopyToClipboard(value);
   }, [onCopyToClipboard, value]);
@@ -85,13 +84,12 @@ export const ActionIcon = _ref => {
   }
   return null;
 };
-const TextWithHighlight = _ref2 => {
-  let {
-    highlightedText,
-    onLayout,
-    testID,
-    text
-  } = _ref2;
+const TextWithHighlight = ({
+  highlightedText,
+  onLayout,
+  testID,
+  text
+}) => {
   const colorScheme = useAppColorScheme();
   return /*#__PURE__*/React.createElement(Typography, {
     color: colorScheme.white,
@@ -104,22 +102,21 @@ const TextWithHighlight = _ref2 => {
     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 NerdModeItem = ({
+  highlightedText = '',
+  attributeText = '',
+  attributeKey,
+  labels,
+  link,
+  canBeCopied,
+  onCopyToClipboard,
+  onExpand,
+  expandedAttributes,
+  last = false,
+  scrollOffset,
+  element,
+  testID
+}) => {
   const colorScheme = useAppColorScheme();
   const valueViewRef = React.useRef(null);
   const [isSingleLine, setIsSingleLine] = useState();
@@ -158,7 +155,7 @@ const NerdModeItem = _ref3 => {
         translateY: iconTopPosition.value
       }]
     };
-  });
+  }, [iconTopPosition]);
   const previewText = expanded ? attributeText : attributeText.slice(0, VALUE_PREVIEW_LENGTH) + '...';
   useEffect(() => {
     if (!scrollOffset || isSingleLine === undefined) {
@@ -166,7 +163,7 @@ const NerdModeItem = _ref3 => {
     }
     setTimeout(() => {
       var _valueViewRef$current;
-      (_valueViewRef$current = valueViewRef.current) === null || _valueViewRef$current === void 0 ? void 0 : _valueViewRef$current.measure((x, y, w, h, px, py) => {
+      (_valueViewRef$current = valueViewRef.current) === null || _valueViewRef$current === 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,

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useMemo","useState","Dimensions","Linking","StyleSheet","View","TouchableOpacity","Animated","clamp","useAnimatedStyle","useDerivedValue","useSharedValue","reportException","concatTestID","Button","ButtonType","CopyContentIcon","OpenLinkIcon","Typography","useAppColorScheme","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","catch","e","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 { reportException } from '../../utils';\nimport { concatTestID } from '../../utils/testID';\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';\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).catch((e) => {\n        reportException(e, 'Error opening nerd link');\n      });\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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"}
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useState","Dimensions","Linking","StyleSheet","View","Animated","clamp","useAnimatedStyle","useDerivedValue","useSharedValue","reportException","concatTestID","TouchableOpacity","Button","ButtonType","CopyContentIcon","OpenLinkIcon","Typography","useAppColorScheme","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","value","link","onCopyToClipboard","testID","copy","handleCopy","openLink","openURL","catch","e","createElement","onPress","TextWithHighlight","highlightedText","onLayout","text","colorScheme","color","white","preset","style","nerdView","codeHighlightText","NerdModeItem","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 Animated, {\n  clamp,\n  SharedValue,\n  useAnimatedStyle,\n  useDerivedValue,\n  useSharedValue,\n} from 'react-native-reanimated';\n\nimport { reportException } from '../../utils';\nimport { concatTestID } from '../../utils/testID';\nimport { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';\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';\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).catch((e) => {\n        reportException(e, 'Error opening nerd link');\n      });\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  }, [iconTopPosition]);\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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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["Biometry","PinCodeScreen","PinCodeScreenActions","PinCodeScreenProps","PinLockModal","PinLockModalLabels"],"sources":["index.ts"],"sourcesContent":["import { Biometry } from './keypad';\nimport { PinCodeScreen, PinCodeScreenActions, PinCodeScreenProps } from './pin-code-screen';\nimport PinLockModal, { PinLockModalLabels } from './pin-lock';\n\nexport { Biometry, PinCodeScreen, PinCodeScreenActions, PinCodeScreenProps, PinLockModal, PinLockModalLabels };\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,UAAU;AACnC,SAASC,aAAa,EAAEC,oBAAoB,EAAEC,kBAAkB,QAAQ,mBAAmB;AAC3F,OAAOC,YAAY,IAAIC,kBAAkB,QAAQ,YAAY;AAE7D,SAASL,QAAQ,EAAEC,aAAa,EAAEC,oBAAoB,EAAEC,kBAAkB,EAAEC,YAAY,EAAEC,kBAAkB"}
+{"version":3,"names":["Biometry","PinCodeScreen","PinCodeScreenActions","PinCodeScreenProps","PinLockModal","PinLockModalLabels"],"sources":["index.ts"],"sourcesContent":["import { Biometry } from './keypad';\nimport { PinCodeScreen, PinCodeScreenActions, PinCodeScreenProps } from './pin-code-screen';\nimport PinLockModal, { PinLockModalLabels } from './pin-lock';\n\nexport { Biometry, PinCodeScreen, PinCodeScreenActions, PinCodeScreenProps, PinLockModal, PinLockModalLabels };\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,UAAU;AACnC,SAASC,aAAa,EAAEC,oBAAoB,EAAEC,kBAAkB,QAAQ,mBAAmB;AAC3F,OAAOC,YAAY,IAAIC,kBAAkB,QAAQ,YAAY;AAE7D,SAASL,QAAQ,EAAEC,aAAa,EAAEC,oBAAoB,EAAEC,kBAAkB,EAAEC,YAAY,EAAEC,kBAAkB","ignoreList":[]}

package/lib/module/ui-components/pin/keypad.js

@@ -6,12 +6,11 @@ import { useAccessibilityTranslation } from '../accessibility/accessibilityLangu
 import { FaceIDIcon, FingerprintIcon, KeypadBackspaceIcon, KeypadClearIcon } from '../icons/keypad';
 import { Typography } from '../text';
 import { useAppColorScheme } from '../theme';
-const DigitKey = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    onPress,
-    testID,
-    digit
-  } = _ref;
+const DigitKey = /*#__PURE__*/React.forwardRef(({
+  onPress,
+  testID,
+  digit
+}, ref) => {
   const colorScheme = useAppColorScheme();
   return /*#__PURE__*/React.createElement(TouchableOpacity, {
     testID: concatTestID(testID, String(digit)),
@@ -29,24 +28,23 @@ const DigitKey = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   }, digit));
 });
 DigitKey.displayName = 'DigitKey';
-export let Biometry;
-(function (Biometry) {
+export let Biometry = /*#__PURE__*/function (Biometry) {
   Biometry["FaceID"] = "faceID";
   Biometry["Other"] = "other";
-})(Biometry || (Biometry = {}));
+  return 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;
+export const Keypad = /*#__PURE__*/React.forwardRef(({
+  testID,
+  onPressDigit,
+  onPressDelete,
+  biometry,
+  onBiometricPress,
+  style,
+  onDeleteAll
+}, ref) => {
   const t = useAccessibilityTranslation();
   const colorScheme = useAppColorScheme();
   const [layout, setLayout] = useState();

package/lib/module/ui-components/pin/keypad.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","useState","StyleSheet","View","concatTestID","TouchableOpacity","useAccessibilityTranslation","FaceIDIcon","FingerprintIcon","KeypadBackspaceIcon","KeypadClearIcon","Typography","useAppColorScheme","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 { concatTestID } from '../../utils/testID';\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';\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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"}
+{"version":3,"names":["React","useCallback","useMemo","useState","StyleSheet","View","concatTestID","TouchableOpacity","useAccessibilityTranslation","FaceIDIcon","FingerprintIcon","KeypadBackspaceIcon","KeypadClearIcon","Typography","useAppColorScheme","DigitKey","forwardRef","onPress","testID","digit","ref","colorScheme","createElement","String","accessibilityRole","style","styles","key","backgroundColor","background","disabled","maxFontSizeMultiplier","color","text","preset","displayName","Biometry","MIN_HEIGHT","MIN_WIDTH","KEY_SIZE","Keypad","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 { concatTestID } from '../../utils/testID';\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';\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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","ignoreList":[]}

package/lib/module/ui-components/pin/pin-code-screen.js

@@ -13,23 +13,22 @@ 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;
+export const PinCodeScreen = /*#__PURE__*/forwardRef(({
+  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, () => ({

package/lib/module/ui-components/pin/pin-code-screen.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","useImperativeHandle","useState","Animated","Easing","StyleSheet","View","SafeAreaView","concatTestID","ContrastingStatusBar","BackButton","Typography","useAppColorScheme","Keypad","Pins","SHAKE_ITERATIONS","animationConfig","useNativeDriver","easing","linear","PinCodeScreen","_ref","ref","testID","length","instruction","title","onBack","enteredLength","error","onPressDigit","onPressDelete","biometry","onBiometricPress","keypadRef","onDeleteAll","props","colorScheme","shakePosition","Value","shakeKeypad","params","amount","duration","partialDuration","Promise","resolve","loop","sequence","timing","toValue","iterations","start","createElement","style","styles","container","backgroundColor","white","backButton","onPress","content","upperContent","accessible","color","text","align","preset","pins","maxLength","announcementActive","onAnnouncementFinished","onAccessibilityAnnounced","Boolean","keyboard","transform","translateX","undefined","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 { concatTestID } from '../../utils';\nimport ContrastingStatusBar from '../../utils/contrasting-status-bar';\nimport type { TouchableOpacityRef } from '../accessibility';\nimport { BackButton } from '../buttons';\nimport { Typography } from '../text';\nimport { useAppColorScheme } from '../theme';\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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"}
+{"version":3,"names":["React","forwardRef","useImperativeHandle","useState","Animated","Easing","StyleSheet","View","SafeAreaView","concatTestID","ContrastingStatusBar","BackButton","Typography","useAppColorScheme","Keypad","Pins","SHAKE_ITERATIONS","animationConfig","useNativeDriver","easing","linear","PinCodeScreen","testID","length","instruction","title","onBack","enteredLength","error","onPressDigit","onPressDelete","biometry","onBiometricPress","keypadRef","onDeleteAll","props","ref","colorScheme","shakePosition","Value","shakeKeypad","params","amount","duration","partialDuration","Promise","resolve","loop","sequence","timing","toValue","iterations","start","createElement","style","styles","container","backgroundColor","white","backButton","onPress","content","upperContent","accessible","color","text","align","preset","pins","maxLength","announcementActive","onAnnouncementFinished","onAccessibilityAnnounced","Boolean","keyboard","transform","translateX","undefined","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 { concatTestID } from '../../utils';\nimport ContrastingStatusBar from '../../utils/contrasting-status-bar';\nimport type { TouchableOpacityRef } from '../accessibility';\nimport { BackButton } from '../buttons';\nimport { Typography } from '../text';\nimport { useAppColorScheme } from '../theme';\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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","ignoreList":[]}