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

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","forwardRef","useImperativeHandle","useState","Animated","Easing","StyleSheet","View","SafeAreaView","BackButton","Typography","useAppColorScheme","concatTestID","ContrastingStatusBar","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 type { TouchableOpacityRef } from '../accessibility';\nimport { BackButton } from '../buttons';\nimport { Typography } from '../text';\nimport { useAppColorScheme } from '../theme';\nimport { concatTestID } from '../utils';\nimport ContrastingStatusBar from '../utils/contrasting-status-bar';\nimport { Biometry, Keypad } from './keypad';\nimport { Pins } from './pins';\n\nexport type PinCodeScreenProps = {\n  title: string;\n\n  testID?: string;\n  length: number;\n  enteredLength: number;\n  onBack?: () => void;\n  error?: string;\n\n  keypadRef?: Ref<TouchableOpacityRef>;\n  onPressDigit: (digit: number) => void;\n  onPressDelete: () => void;\n  onDeleteAll: () => void;\n\n  biometry?: Biometry | null;\n  onBiometricPress?: () => void;\n} & (\n  | {\n      instruction: string;\n      onAccessibilityAnnounced?: (finished: boolean) => void;\n    }\n  | {\n      instruction?: undefined;\n      onAccessibilityAnnounced?: undefined;\n    }\n);\n\nexport interface PinCodeScreenActions {\n  shakeKeypad: (params?: { amount?: number; duration?: number }) => Promise<{ finished: boolean }>;\n}\nconst SHAKE_ITERATIONS = 4;\nconst animationConfig = {\n  useNativeDriver: true,\n  easing: Easing.linear,\n};\n\nexport const PinCodeScreen = forwardRef<PinCodeScreenActions, PinCodeScreenProps>(\n  (\n    {\n      testID,\n      length,\n      instruction,\n      title,\n      onBack,\n      enteredLength,\n      error,\n      onPressDigit,\n      onPressDelete,\n      biometry,\n      onBiometricPress,\n      keypadRef,\n      onDeleteAll,\n      ...props\n    },\n    ref,\n  ) => {\n    const colorScheme = useAppColorScheme();\n    const [shakePosition] = useState(() => new Animated.Value(0));\n    useImperativeHandle(\n      ref,\n      () => ({\n        shakeKeypad: (params) => {\n          const { amount = 10, duration = 300 } = params ?? {};\n          const partialDuration = duration / SHAKE_ITERATIONS / 4;\n          return new Promise((resolve) =>\n            Animated.loop(\n              Animated.sequence([\n                Animated.timing(shakePosition, { ...animationConfig, toValue: -amount, duration: partialDuration }),\n                Animated.timing(shakePosition, {\n                  ...animationConfig,\n                  toValue: amount,\n                  duration: 2 * partialDuration,\n                }),\n                Animated.timing(shakePosition, { ...animationConfig, toValue: 0, duration: partialDuration }),\n              ]),\n              { iterations: SHAKE_ITERATIONS },\n            ).start(resolve),\n          );\n        },\n      }),\n      [shakePosition],\n    );\n\n    return (\n      <SafeAreaView testID={testID} style={[styles.container, { backgroundColor: colorScheme.white }]}>\n        <ContrastingStatusBar backgroundColor={colorScheme.white} />\n        <View style={styles.backButton}>\n          {onBack && <BackButton testID={concatTestID(testID, 'back')} onPress={onBack} />}\n        </View>\n        <View style={styles.content}>\n          <View style={styles.upperContent}>\n            <Typography\n              testID={concatTestID(testID, 'title')}\n              accessible={false}\n              color={colorScheme.text}\n              align=\"center\"\n              preset=\"l\"\n              style={styles.title}>\n              {title}\n            </Typography>\n            <Pins style={styles.pins} enteredLength={enteredLength} maxLength={length} />\n            {instruction ? (\n              <Typography\n                testID={concatTestID(testID, 'instruction')}\n                align=\"center\"\n                announcementActive={true}\n                onAnnouncementFinished={props.onAccessibilityAnnounced}\n                color={colorScheme.text}\n                style={styles.instruction}>\n                {instruction}\n              </Typography>\n            ) : null}\n            <Typography\n              testID={concatTestID(testID, 'error')}\n              announcementActive={true}\n              accessible={Boolean(error)}\n              color={colorScheme.error}>\n              {error ?? '' /* always displayed to keep the same layout */}\n            </Typography>\n          </View>\n          <Animated.View\n            style={[\n              styles.keyboard,\n              {\n                transform: [{ translateX: shakePosition }],\n              },\n            ]}>\n            <Keypad\n              testID={concatTestID(testID, 'keypad')}\n              ref={keypadRef}\n              onPressDigit={enteredLength < length ? onPressDigit : undefined}\n              onPressDelete={enteredLength && enteredLength < length ? onPressDelete : undefined}\n              biometry={!enteredLength ? biometry : undefined}\n              onBiometricPress={onBiometricPress}\n              onDeleteAll={enteredLength && enteredLength < length ? onDeleteAll : undefined}\n            />\n          </Animated.View>\n        </View>\n      </SafeAreaView>\n    );\n  },\n);\n\nconst styles = StyleSheet.create({\n  backButton: {\n    minHeight: 24,\n    paddingHorizontal: 24,\n  },\n  container: {\n    flex: 1,\n    paddingTop: 8,\n  },\n  content: {\n    flex: 1,\n    justifyContent: 'space-between',\n    paddingHorizontal: 24,\n  },\n  instruction: {\n    marginVertical: 24,\n    opacity: 0.7,\n  },\n  keyboard: {\n    alignItems: 'center',\n    flex: 5,\n    justifyContent: 'center',\n    marginVertical: 24,\n  },\n  pins: {\n    paddingHorizontal: 20,\n  },\n  title: {\n    marginBottom: 24,\n  },\n  upperContent: {\n    alignItems: 'center',\n    flex: 3,\n    marginTop: 12,\n    paddingHorizontal: 20,\n  },\n});\n\nPinCodeScreen.displayName = 'PinCodeScreen';\n"],"mappings":"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"}

package/lib/module/pin/pins.js

@@ -1,46 +0,0 @@
-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); }
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
-import { useAccessibilityTranslation } from '../accessibility/accessibilityLanguage';
-import { useAppColorScheme } from '../theme';
-export const Pins = _ref => {
-  let {
-    enteredLength,
-    maxLength,
-    style,
-    ...props
-  } = _ref;
-  const t = useAccessibilityTranslation();
-  const colorScheme = useAppColorScheme();
-  return /*#__PURE__*/React.createElement(View, _extends({
-    style: [styles.pinsWrapper, style],
-    accessible: true,
-    accessibilityRole: "progressbar",
-    accessibilityValue: {
-      text: t('accessibility.control.progress', {
-        current: enteredLength,
-        length: maxLength
-      })
-    }
-  }, props), Array.from({
-    length: maxLength
-  }).map((_, index) => /*#__PURE__*/React.createElement(View, {
-    key: `pin${index}`,
-    style: [styles.pin, {
-      backgroundColor: enteredLength > index ? colorScheme.black : colorScheme.background
-    }]
-  })));
-};
-const styles = StyleSheet.create({
-  pin: {
-    borderRadius: 3,
-    height: 10,
-    width: 10
-  },
-  pinsWrapper: {
-    flexDirection: 'row',
-    justifyContent: 'space-evenly',
-    width: '100%'
-  }
-});
-//# sourceMappingURL=pins.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","StyleSheet","View","useAccessibilityTranslation","useAppColorScheme","Pins","_ref","enteredLength","maxLength","style","props","t","colorScheme","createElement","_extends","styles","pinsWrapper","accessible","accessibilityRole","accessibilityValue","text","current","length","Array","from","map","_","index","key","pin","backgroundColor","black","background","create","borderRadius","height","width","flexDirection","justifyContent"],"sources":["pins.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleSheet, View, ViewProps } from 'react-native';\n\nimport { useAccessibilityTranslation } from '../accessibility/accessibilityLanguage';\nimport { useAppColorScheme } from '../theme';\n\nexport interface PinsProps extends ViewProps {\n  enteredLength: number;\n  maxLength: number;\n}\n\nexport const Pins: FC<PinsProps> = ({ enteredLength, maxLength, style, ...props }) => {\n  const t = useAccessibilityTranslation();\n  const colorScheme = useAppColorScheme();\n  return (\n    <View\n      style={[styles.pinsWrapper, style]}\n      accessible={true}\n      accessibilityRole=\"progressbar\"\n      accessibilityValue={{ text: t('accessibility.control.progress', { current: enteredLength, length: maxLength }) }}\n      {...props}>\n      {Array.from({ length: maxLength }).map((_, index) => (\n        <View\n          key={`pin${index}`}\n          style={[\n            styles.pin,\n            {\n              backgroundColor: enteredLength > index ? colorScheme.black : colorScheme.background,\n            },\n          ]}\n        />\n      ))}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  pin: {\n    borderRadius: 3,\n    height: 10,\n    width: 10,\n  },\n  pinsWrapper: {\n    flexDirection: 'row',\n    justifyContent: 'space-evenly',\n    width: '100%',\n  },\n});\n"],"mappings":";AAAA,OAAOA,KAAK,MAAc,OAAO;AACjC,SAASC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAE1D,SAASC,2BAA2B,QAAQ,wCAAwC;AACpF,SAASC,iBAAiB,QAAQ,UAAU;AAO5C,OAAO,MAAMC,IAAmB,GAAGC,IAAA,IAAmD;EAAA,IAAlD;IAAEC,aAAa;IAAEC,SAAS;IAAEC,KAAK;IAAE,GAAGC;EAAM,CAAC,GAAAJ,IAAA;EAC/E,MAAMK,CAAC,GAAGR,2BAA2B,EAAE;EACvC,MAAMS,WAAW,GAAGR,iBAAiB,EAAE;EACvC,oBACEJ,KAAA,CAAAa,aAAA,CAACX,IAAI,EAAAY,QAAA;IACHL,KAAK,EAAE,CAACM,MAAM,CAACC,WAAW,EAAEP,KAAK,CAAE;IACnCQ,UAAU,EAAE,IAAK;IACjBC,iBAAiB,EAAC,aAAa;IAC/BC,kBAAkB,EAAE;MAAEC,IAAI,EAAET,CAAC,CAAC,gCAAgC,EAAE;QAAEU,OAAO,EAAEd,aAAa;QAAEe,MAAM,EAAEd;MAAU,CAAC;IAAE;EAAE,GAC7GE,KAAK,GACRa,KAAK,CAACC,IAAI,CAAC;IAAEF,MAAM,EAAEd;EAAU,CAAC,CAAC,CAACiB,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,kBAC9C3B,KAAA,CAAAa,aAAA,CAACX,IAAI;IACH0B,GAAG,EAAG,MAAKD,KAAM,EAAE;IACnBlB,KAAK,EAAE,CACLM,MAAM,CAACc,GAAG,EACV;MACEC,eAAe,EAAEvB,aAAa,GAAGoB,KAAK,GAAGf,WAAW,CAACmB,KAAK,GAAGnB,WAAW,CAACoB;IAC3E,CAAC;EACD,EAEL,CAAC,CACG;AAEX,CAAC;AAED,MAAMjB,MAAM,GAAGd,UAAU,CAACgC,MAAM,CAAC;EAC/BJ,GAAG,EAAE;IACHK,YAAY,EAAE,CAAC;IACfC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACT,CAAC;EACDpB,WAAW,EAAE;IACXqB,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,cAAc;IAC9BF,KAAK,EAAE;EACT;AACF,CAAC,CAAC"}

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

@@ -1,78 +0,0 @@
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
-import BackButton from '../buttons/back-button';
-import { Button, ButtonType } from '../buttons/button';
-import ScrollViewScreen from '../screens/scroll-view-screen';
-import Typography from '../text/typography';
-import { useAppColorScheme } from '../theme/color-scheme-context';
-import { concatTestID } from '../utils/testID';
-export let BackupScreenMode;
-(function (BackupScreenMode) {
-  BackupScreenMode["Create"] = "create";
-  BackupScreenMode["Restore"] = "restore";
-})(BackupScreenMode || (BackupScreenMode = {}));
-const BackupScreen = _ref => {
-  let {
-    children,
-    cta,
-    description,
-    isCtaDisabled,
-    onBack,
-    onCta,
-    testID,
-    title
-  } = _ref;
-  const colorScheme = useAppColorScheme();
-  return /*#__PURE__*/React.createElement(ScrollViewScreen, {
-    header: {
-      backgroundColor: colorScheme.white,
-      leftItem: /*#__PURE__*/React.createElement(BackButton, {
-        onPress: onBack,
-        testID: concatTestID(testID, 'back')
-      }),
-      title
-    },
-    scrollView: {
-      testID: concatTestID(testID, 'scroll')
-    },
-    style: {
-      backgroundColor: colorScheme.white
-    },
-    testID: testID
-  }, /*#__PURE__*/React.createElement(View, {
-    style: styles.contentWrapper
-  }, /*#__PURE__*/React.createElement(View, {
-    style: styles.content
-  }, /*#__PURE__*/React.createElement(Typography, {
-    color: colorScheme.text,
-    style: styles.description
-  }, description), children), /*#__PURE__*/React.createElement(View, {
-    style: styles.bottom
-  }, /*#__PURE__*/React.createElement(Button, {
-    disabled: isCtaDisabled,
-    onPress: onCta,
-    testID: concatTestID(testID, 'mainButton'),
-    title: cta,
-    type: isCtaDisabled ? ButtonType.Border : ButtonType.Primary
-  }))));
-};
-const styles = StyleSheet.create({
-  bottom: {
-    flex: 1,
-    justifyContent: 'flex-end',
-    minHeight: 84
-  },
-  content: {
-    marginHorizontal: 8
-  },
-  contentWrapper: {
-    flex: 1,
-    marginHorizontal: 12
-  },
-  description: {
-    marginBottom: 24,
-    opacity: 0.7
-  }
-});
-export default BackupScreen;
-//# sourceMappingURL=backup-screen.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","StyleSheet","View","BackButton","Button","ButtonType","ScrollViewScreen","Typography","useAppColorScheme","concatTestID","BackupScreenMode","BackupScreen","_ref","children","cta","description","isCtaDisabled","onBack","onCta","testID","title","colorScheme","createElement","header","backgroundColor","white","leftItem","onPress","scrollView","style","styles","contentWrapper","content","color","text","bottom","disabled","type","Border","Primary","create","flex","justifyContent","minHeight","marginHorizontal","marginBottom","opacity"],"sources":["backup-screen.tsx"],"sourcesContent":["import React, { FC, PropsWithChildren } from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport BackButton from '../buttons/back-button';\nimport { Button, ButtonType } from '../buttons/button';\nimport ScrollViewScreen from '../screens/scroll-view-screen';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\nimport { concatTestID } from '../utils/testID';\n\nexport enum BackupScreenMode {\n  Create = 'create',\n  Restore = 'restore',\n}\n\nexport type BackupScreenProps = PropsWithChildren<{\n  cta: string;\n  description: string;\n  isCtaDisabled?: boolean;\n  onBack: () => void;\n  onCta: () => void;\n  testID: string;\n  title: string;\n}>;\n\nconst BackupScreen: FC<BackupScreenProps> = ({\n  children,\n  cta,\n  description,\n  isCtaDisabled,\n  onBack,\n  onCta,\n  testID,\n  title,\n}) => {\n  const colorScheme = useAppColorScheme();\n\n  return (\n    <ScrollViewScreen\n      header={{\n        backgroundColor: colorScheme.white,\n        leftItem: <BackButton onPress={onBack} testID={concatTestID(testID, 'back')} />,\n        title,\n      }}\n      scrollView={{\n        testID: concatTestID(testID, 'scroll'),\n      }}\n      style={{ backgroundColor: colorScheme.white }}\n      testID={testID}>\n      <View style={styles.contentWrapper}>\n        <View style={styles.content}>\n          <Typography color={colorScheme.text} style={styles.description}>\n            {description}\n          </Typography>\n\n          {children}\n        </View>\n\n        <View style={styles.bottom}>\n          <Button\n            disabled={isCtaDisabled}\n            onPress={onCta}\n            testID={concatTestID(testID, 'mainButton')}\n            title={cta}\n            type={isCtaDisabled ? ButtonType.Border : ButtonType.Primary}\n          />\n        </View>\n      </View>\n    </ScrollViewScreen>\n  );\n};\n\nconst styles = StyleSheet.create({\n  bottom: {\n    flex: 1,\n    justifyContent: 'flex-end',\n    minHeight: 84,\n  },\n  content: {\n    marginHorizontal: 8,\n  },\n  contentWrapper: {\n    flex: 1,\n    marginHorizontal: 12,\n  },\n  description: {\n    marginBottom: 24,\n    opacity: 0.7,\n  },\n});\n\nexport default BackupScreen;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAiC,OAAO;AACpD,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,SAASC,MAAM,EAAEC,UAAU,QAAQ,mBAAmB;AACtD,OAAOC,gBAAgB,MAAM,+BAA+B;AAC5D,OAAOC,UAAU,MAAM,oBAAoB;AAC3C,SAASC,iBAAiB,QAAQ,+BAA+B;AACjE,SAASC,YAAY,QAAQ,iBAAiB;AAE9C,WAAYC,gBAAgB;AAG3B,WAHWA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;AAAA,GAAhBA,gBAAgB,KAAhBA,gBAAgB;AAe5B,MAAMC,YAAmC,GAAGC,IAAA,IAStC;EAAA,IATuC;IAC3CC,QAAQ;IACRC,GAAG;IACHC,WAAW;IACXC,aAAa;IACbC,MAAM;IACNC,KAAK;IACLC,MAAM;IACNC;EACF,CAAC,GAAAR,IAAA;EACC,MAAMS,WAAW,GAAGb,iBAAiB,EAAE;EAEvC,oBACER,KAAA,CAAAsB,aAAA,CAAChB,gBAAgB;IACfiB,MAAM,EAAE;MACNC,eAAe,EAAEH,WAAW,CAACI,KAAK;MAClCC,QAAQ,eAAE1B,KAAA,CAAAsB,aAAA,CAACnB,UAAU;QAACwB,OAAO,EAAEV,MAAO;QAACE,MAAM,EAAEV,YAAY,CAACU,MAAM,EAAE,MAAM;MAAE,EAAG;MAC/EC;IACF,CAAE;IACFQ,UAAU,EAAE;MACVT,MAAM,EAAEV,YAAY,CAACU,MAAM,EAAE,QAAQ;IACvC,CAAE;IACFU,KAAK,EAAE;MAAEL,eAAe,EAAEH,WAAW,CAACI;IAAM,CAAE;IAC9CN,MAAM,EAAEA;EAAO,gBACfnB,KAAA,CAAAsB,aAAA,CAACpB,IAAI;IAAC2B,KAAK,EAAEC,MAAM,CAACC;EAAe,gBACjC/B,KAAA,CAAAsB,aAAA,CAACpB,IAAI;IAAC2B,KAAK,EAAEC,MAAM,CAACE;EAAQ,gBAC1BhC,KAAA,CAAAsB,aAAA,CAACf,UAAU;IAAC0B,KAAK,EAAEZ,WAAW,CAACa,IAAK;IAACL,KAAK,EAAEC,MAAM,CAACf;EAAY,GAC5DA,WAAW,CACD,EAEZF,QAAQ,CACJ,eAEPb,KAAA,CAAAsB,aAAA,CAACpB,IAAI;IAAC2B,KAAK,EAAEC,MAAM,CAACK;EAAO,gBACzBnC,KAAA,CAAAsB,aAAA,CAAClB,MAAM;IACLgC,QAAQ,EAAEpB,aAAc;IACxBW,OAAO,EAAET,KAAM;IACfC,MAAM,EAAEV,YAAY,CAACU,MAAM,EAAE,YAAY,CAAE;IAC3CC,KAAK,EAAEN,GAAI;IACXuB,IAAI,EAAErB,aAAa,GAAGX,UAAU,CAACiC,MAAM,GAAGjC,UAAU,CAACkC;EAAQ,EAC7D,CACG,CACF,CACU;AAEvB,CAAC;AAED,MAAMT,MAAM,GAAG7B,UAAU,CAACuC,MAAM,CAAC;EAC/BL,MAAM,EAAE;IACNM,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE,UAAU;IAC1BC,SAAS,EAAE;EACb,CAAC;EACDX,OAAO,EAAE;IACPY,gBAAgB,EAAE;EACpB,CAAC;EACDb,cAAc,EAAE;IACdU,IAAI,EAAE,CAAC;IACPG,gBAAgB,EAAE;EACpB,CAAC;EACD7B,WAAW,EAAE;IACX8B,YAAY,EAAE,EAAE;IAChBC,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAEF,eAAenC,YAAY"}

package/lib/module/screens/image-preview-screen.js

@@ -1,83 +0,0 @@
-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); }
-import React, { useCallback, useState } from 'react';
-import { Image, StyleSheet, View } from 'react-native';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';
-import { NavigationHeader } from '../header';
-import { CloseIcon } from '../icons';
-import { useAppColorScheme } from '../theme';
-import { concatTestID, ContrastingStatusBar } from '../utils';
-const ImagePreviewScreen = _ref => {
-  let {
-    image,
-    onClose,
-    title,
-    testID,
-    style,
-    ...viewProps
-  } = _ref;
-  const colorScheme = useAppColorScheme();
-  const insets = useSafeAreaInsets();
-  const [imageSize, setImageSize] = useState();
-  const layoutHandler = useCallback(event => {
-    const {
-      width,
-      height
-    } = event.nativeEvent.layout;
-    setImageSize({
-      height,
-      width
-    });
-  }, []);
-  return /*#__PURE__*/React.createElement(View, _extends({
-    style: [styles.screen, {
-      backgroundColor: colorScheme.nerdView.background
-    }, style],
-    testID: testID
-  }, viewProps), /*#__PURE__*/React.createElement(ContrastingStatusBar, {
-    backgroundColor: colorScheme.nerdView.background
-  }), /*#__PURE__*/React.createElement(NavigationHeader, {
-    backgroundColor: "transparent",
-    blurred: false,
-    leftItem: /*#__PURE__*/React.createElement(TouchableOpacity, {
-      onPress: onClose,
-      testID: concatTestID(testID, 'close')
-    }, /*#__PURE__*/React.createElement(CloseIcon, {
-      color: colorScheme.white
-    })),
-    style: {
-      paddingTop: insets.top
-    },
-    title: title,
-    titleColor: colorScheme.white,
-    testID: concatTestID(testID, 'header')
-  }), /*#__PURE__*/React.createElement(View, {
-    onLayout: layoutHandler,
-    style: styles.imageContainer
-  }, imageSize && /*#__PURE__*/React.createElement(Image, {
-    accessibilityLabel: title,
-    accessibilityRole: "image",
-    accessible: true,
-    resizeMethod: "resize",
-    resizeMode: "contain",
-    source: image,
-    style: [styles.image, imageSize],
-    testID: concatTestID(testID, 'image')
-  })));
-};
-const styles = StyleSheet.create({
-  image: {
-    position: 'absolute'
-  },
-  imageContainer: {
-    alignItems: 'center',
-    flex: 1,
-    justifyContent: 'center',
-    marginHorizontal: 18
-  },
-  screen: {
-    flex: 1
-  }
-});
-export default ImagePreviewScreen;
-//# sourceMappingURL=image-preview-screen.js.map

package/lib/module/screens/image-preview-screen.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useCallback","useState","Image","StyleSheet","View","useSafeAreaInsets","TouchableOpacity","NavigationHeader","CloseIcon","useAppColorScheme","concatTestID","ContrastingStatusBar","ImagePreviewScreen","_ref","image","onClose","title","testID","style","viewProps","colorScheme","insets","imageSize","setImageSize","layoutHandler","event","width","height","nativeEvent","layout","createElement","_extends","styles","screen","backgroundColor","nerdView","background","blurred","leftItem","onPress","color","white","paddingTop","top","titleColor","onLayout","imageContainer","accessibilityLabel","accessibilityRole","accessible","resizeMethod","resizeMode","source","create","position","alignItems","flex","justifyContent","marginHorizontal"],"sources":["image-preview-screen.tsx"],"sourcesContent":["import React, { FC, useCallback, useState } from 'react';\nimport { Image, ImageSourcePropType, ImageStyle, LayoutChangeEvent, StyleSheet, View, ViewProps } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';\nimport { NavigationHeader } from '../header';\nimport { CloseIcon } from '../icons';\nimport { useAppColorScheme } from '../theme';\nimport { concatTestID, ContrastingStatusBar } from '../utils';\n\nexport type ImagePreviewScreenProps = ViewProps & {\n  image: ImageSourcePropType;\n  onClose: () => void;\n  title: string;\n};\n\nconst ImagePreviewScreen: FC<ImagePreviewScreenProps> = ({ image, onClose, title, testID, style, ...viewProps }) => {\n  const colorScheme = useAppColorScheme();\n  const insets = useSafeAreaInsets();\n\n  const [imageSize, setImageSize] = useState<ImageStyle>();\n  const layoutHandler = useCallback((event: LayoutChangeEvent) => {\n    const { width, height } = event.nativeEvent.layout;\n    setImageSize({ height, width });\n  }, []);\n\n  return (\n    <View\n      style={[styles.screen, { backgroundColor: colorScheme.nerdView.background }, style]}\n      testID={testID}\n      {...viewProps}>\n      <ContrastingStatusBar backgroundColor={colorScheme.nerdView.background} />\n      <NavigationHeader\n        backgroundColor=\"transparent\"\n        blurred={false}\n        leftItem={\n          <TouchableOpacity onPress={onClose} testID={concatTestID(testID, 'close')}>\n            <CloseIcon color={colorScheme.white} />\n          </TouchableOpacity>\n        }\n        style={{\n          paddingTop: insets.top,\n        }}\n        title={title}\n        titleColor={colorScheme.white}\n        testID={concatTestID(testID, 'header')}\n      />\n\n      <View onLayout={layoutHandler} style={styles.imageContainer}>\n        {imageSize && (\n          <Image\n            accessibilityLabel={title}\n            accessibilityRole=\"image\"\n            accessible={true}\n            resizeMethod=\"resize\"\n            resizeMode=\"contain\"\n            source={image}\n            style={[styles.image, imageSize]}\n            testID={concatTestID(testID, 'image')}\n          />\n        )}\n      </View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  image: {\n    position: 'absolute',\n  },\n  imageContainer: {\n    alignItems: 'center',\n    flex: 1,\n    justifyContent: 'center',\n    marginHorizontal: 18,\n  },\n  screen: {\n    flex: 1,\n  },\n});\n\nexport default ImagePreviewScreen;\n"],"mappings":"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"}

package/lib/module/screens/index.js

@@ -1,13 +0,0 @@
-import BackupScreen, { BackupScreenMode, BackupScreenProps } from './backup-screen';
-import ImagePreviewScreen, { ImagePreviewScreenProps } from './image-preview-screen';
-import NerdModeScreen, { NerdModeScreenProps, NerdModeSection } from './nerd-mode-screen';
-import QRCodeScannerScreen, { QRCodeScannerScreenProps } from './qr-code-scanner-screen';
-import ScrollViewScreen, { ScrollViewScreenProps } from './scroll-view-screen';
-import SectionListScreen, { SectionListScreenProps } from './section-list-screen';
-export { BackupScreen, BackupScreenMode, BackupScreenProps };
-export { ImagePreviewScreen, ImagePreviewScreenProps };
-export { NerdModeScreen, NerdModeScreenProps, NerdModeSection };
-export { QRCodeScannerScreen, QRCodeScannerScreenProps };
-export { ScrollViewScreen, ScrollViewScreenProps };
-export { SectionListScreen, SectionListScreenProps };
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["BackupScreen","BackupScreenMode","BackupScreenProps","ImagePreviewScreen","ImagePreviewScreenProps","NerdModeScreen","NerdModeScreenProps","NerdModeSection","QRCodeScannerScreen","QRCodeScannerScreenProps","ScrollViewScreen","ScrollViewScreenProps","SectionListScreen","SectionListScreenProps"],"sources":["index.ts"],"sourcesContent":["import BackupScreen, { BackupScreenMode, BackupScreenProps } from './backup-screen';\nimport ImagePreviewScreen, { ImagePreviewScreenProps } from './image-preview-screen';\nimport NerdModeScreen, { NerdModeScreenProps, NerdModeSection } from './nerd-mode-screen';\nimport QRCodeScannerScreen, { QRCodeScannerScreenProps } from './qr-code-scanner-screen';\nimport ScrollViewScreen, { ScrollViewScreenProps } from './scroll-view-screen';\nimport SectionListScreen, { SectionListScreenProps } from './section-list-screen';\n\nexport { BackupScreen, BackupScreenMode, BackupScreenProps };\nexport { ImagePreviewScreen, ImagePreviewScreenProps };\nexport { NerdModeScreen, NerdModeScreenProps, NerdModeSection };\nexport { QRCodeScannerScreen, QRCodeScannerScreenProps };\nexport { ScrollViewScreen, ScrollViewScreenProps };\nexport { SectionListScreen, SectionListScreenProps };\n"],"mappings":"AAAA,OAAOA,YAAY,IAAIC,gBAAgB,EAAEC,iBAAiB,QAAQ,iBAAiB;AACnF,OAAOC,kBAAkB,IAAIC,uBAAuB,QAAQ,wBAAwB;AACpF,OAAOC,cAAc,IAAIC,mBAAmB,EAAEC,eAAe,QAAQ,oBAAoB;AACzF,OAAOC,mBAAmB,IAAIC,wBAAwB,QAAQ,0BAA0B;AACxF,OAAOC,gBAAgB,IAAIC,qBAAqB,QAAQ,sBAAsB;AAC9E,OAAOC,iBAAiB,IAAIC,sBAAsB,QAAQ,uBAAuB;AAEjF,SAASb,YAAY,EAAEC,gBAAgB,EAAEC,iBAAiB;AAC1D,SAASC,kBAAkB,EAAEC,uBAAuB;AACpD,SAASC,cAAc,EAAEC,mBAAmB,EAAEC,eAAe;AAC7D,SAASC,mBAAmB,EAAEC,wBAAwB;AACtD,SAASC,gBAAgB,EAAEC,qBAAqB;AAChD,SAASC,iBAAiB,EAAEC,sBAAsB"}

package/lib/module/screens/nerd-mode-screen.js

@@ -1,132 +0,0 @@
-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); }
-import React, { useState } from 'react';
-import { SectionList, StyleSheet, View } from 'react-native';
-import { TouchableOpacity } from 'react-native-gesture-handler';
-import Animated, { useAnimatedScrollHandler, useSharedValue } from 'react-native-reanimated';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import NerdModeItem from '..//nerd-view/nerd-mode-item';
-import EntityCluster from '../entity/entity-cluster';
-import NavigationHeader from '../header/navigation-header';
-import { CloseIcon } from '../icons/icons';
-import Typography from '../text/typography';
-import { useAppColorScheme } from '../theme/color-scheme-context';
-import ContrastingStatusBar from '../utils/contrasting-status-bar';
-import { concatTestID } from '../utils/testID';
-const styles = StyleSheet.create({
-  entityCluster: {
-    paddingHorizontal: 24,
-    paddingVertical: 20
-  },
-  sectionHeaderContainer: {
-    justifyContent: 'center',
-    marginTop: 20,
-    paddingVertical: 16
-  },
-  sectionHeaderText: {
-    opacity: 0.7,
-    paddingHorizontal: 20
-  }
-});
-const AnimatedSectionList = Animated.createAnimatedComponent(SectionList);
-const NerdModeScreen = _ref => {
-  let {
-    sections,
-    labels,
-    onClose,
-    onCopyToClipboard,
-    entityCluster,
-    testID,
-    title
-  } = _ref;
-  const insets = useSafeAreaInsets();
-  const colorScheme = useAppColorScheme();
-  const scrollOffset = useSharedValue(0);
-  const [expandedAttributes, setExpandedAttributes] = useState(0);
-
-  // This is a bit of a hack. It's used to notify attributes that another attribute has been expanded
-  // which will allow them to update their scroll offset accordingly.
-  const onExpand = expanded => {
-    setExpandedAttributes(prev => expanded ? prev + 1 : prev - 1);
-  };
-  const onScroll = useAnimatedScrollHandler({
-    onScroll: _ref2 => {
-      let {
-        contentOffset
-      } = _ref2;
-      scrollOffset.value = contentOffset.y;
-    }
-  });
-  const lastElementsForSection = sections.reduce((acc, _ref3) => {
-    let {
-      title: sectionTitle,
-      data
-    } = _ref3;
-    const lastElement = data[data.length - 1];
-    return {
-      ...acc,
-      [sectionTitle]: lastElement.attributeKey
-    };
-  }, {});
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ContrastingStatusBar, {
-    backgroundColor: colorScheme.nerdView.background
-  }), /*#__PURE__*/React.createElement(NavigationHeader, {
-    leftItem: /*#__PURE__*/React.createElement(TouchableOpacity, {
-      onPress: onClose,
-      testID: concatTestID(testID, 'closeIcon')
-    }, /*#__PURE__*/React.createElement(CloseIcon, {
-      color: colorScheme.white
-    })),
-    style: {
-      backgroundColor: colorScheme.nerdView.background,
-      paddingTop: insets.top
-    },
-    title: title,
-    titleColor: colorScheme.white
-  }), /*#__PURE__*/React.createElement(AnimatedSectionList, {
-    ListHeaderComponent: entityCluster ? /*#__PURE__*/React.createElement(EntityCluster, {
-      entityName: entityCluster === null || entityCluster === void 0 ? void 0 : entityCluster.entityName,
-      style: [styles.entityCluster, {
-        backgroundColor: colorScheme.nerdView.background
-      }],
-      testID: concatTestID(testID, 'entityCluster'),
-      textColor: colorScheme.white
-    }) : null,
-    onScroll: onScroll,
-    renderItem: _ref4 => {
-      let {
-        item,
-        section
-      } = _ref4;
-      return /*#__PURE__*/React.createElement(NerdModeItem, _extends({}, item, {
-        expandedAttributes: expandedAttributes,
-        labels: labels,
-        last: lastElementsForSection[section.title] === item.attributeKey,
-        onCopyToClipboard: onCopyToClipboard,
-        onExpand: onExpand,
-        scrollOffset: scrollOffset,
-        testID: concatTestID(testID, item.testID)
-      }));
-    },
-    renderSectionHeader: _ref5 => {
-      let {
-        section
-      } = _ref5;
-      return /*#__PURE__*/React.createElement(View, {
-        style: styles.sectionHeaderContainer,
-        testID: concatTestID(testID, section.title)
-      }, /*#__PURE__*/React.createElement(Typography, {
-        color: colorScheme.white,
-        style: styles.sectionHeaderText
-      }, section.title));
-    },
-    scrollEventThrottle: 16,
-    sections: sections,
-    stickySectionHeadersEnabled: false,
-    style: {
-      backgroundColor: colorScheme.nerdView.background
-    },
-    testID: testID
-  }));
-};
-export default NerdModeScreen;
-//# sourceMappingURL=nerd-mode-screen.js.map

package/lib/module/screens/nerd-mode-screen.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useState","SectionList","StyleSheet","View","TouchableOpacity","Animated","useAnimatedScrollHandler","useSharedValue","useSafeAreaInsets","NerdModeItem","EntityCluster","NavigationHeader","CloseIcon","Typography","useAppColorScheme","ContrastingStatusBar","concatTestID","styles","create","entityCluster","paddingHorizontal","paddingVertical","sectionHeaderContainer","justifyContent","marginTop","sectionHeaderText","opacity","AnimatedSectionList","createAnimatedComponent","NerdModeScreen","_ref","sections","labels","onClose","onCopyToClipboard","testID","title","insets","colorScheme","scrollOffset","expandedAttributes","setExpandedAttributes","onExpand","expanded","prev","onScroll","_ref2","contentOffset","value","y","lastElementsForSection","reduce","acc","_ref3","sectionTitle","data","lastElement","length","attributeKey","createElement","Fragment","backgroundColor","nerdView","background","leftItem","onPress","color","white","style","paddingTop","top","titleColor","ListHeaderComponent","entityName","textColor","renderItem","_ref4","item","section","_extends","last","renderSectionHeader","_ref5","scrollEventThrottle","stickySectionHeadersEnabled"],"sources":["nerd-mode-screen.tsx"],"sourcesContent":["import React, { FunctionComponent, useState } from 'react';\nimport { SectionList, StyleSheet, View } from 'react-native';\nimport { TouchableOpacity } from 'react-native-gesture-handler';\nimport Animated, { useAnimatedScrollHandler, useSharedValue } from 'react-native-reanimated';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport NerdModeItem, { NerdModeItemProps } from '..//nerd-view/nerd-mode-item';\nimport EntityCluster from '../entity/entity-cluster';\nimport NavigationHeader from '../header/navigation-header';\nimport { CloseIcon } from '../icons/icons';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\nimport ContrastingStatusBar from '../utils/contrasting-status-bar';\nimport { concatTestID } from '../utils/testID';\n\nconst styles = StyleSheet.create({\n  entityCluster: {\n    paddingHorizontal: 24,\n    paddingVertical: 20,\n  },\n  sectionHeaderContainer: {\n    justifyContent: 'center',\n    marginTop: 20,\n    paddingVertical: 16,\n  },\n  sectionHeaderText: {\n    opacity: 0.7,\n    paddingHorizontal: 20,\n  },\n});\n\nexport type NerdModeSection = {\n  data: Array<Omit<NerdModeItemProps, 'labels' | 'onCopyToClipboard'>>;\n  title: string;\n};\n\nexport type NerdModeScreenProps = {\n  entityCluster?: {\n    entityName: string;\n  };\n  labels: {\n    expand: string;\n    collapse: string;\n  };\n  onClose: () => void;\n  onCopyToClipboard: (value: string) => void;\n  sections: NerdModeSection[];\n  testID: string;\n  title: string;\n};\n\nconst AnimatedSectionList = Animated.createAnimatedComponent(\n  SectionList<Omit<NerdModeItemProps, 'labels' | 'onCopyToClipboard'>>,\n);\nconst NerdModeScreen: FunctionComponent<NerdModeScreenProps> = ({\n  sections,\n  labels,\n  onClose,\n  onCopyToClipboard,\n  entityCluster,\n  testID,\n  title,\n}) => {\n  const insets = useSafeAreaInsets();\n  const colorScheme = useAppColorScheme();\n  const scrollOffset = useSharedValue(0);\n  const [expandedAttributes, setExpandedAttributes] = useState(0);\n\n  // This is a bit of a hack. It's used to notify attributes that another attribute has been expanded\n  // which will allow them to update their scroll offset accordingly.\n  const onExpand = (expanded: boolean) => {\n    setExpandedAttributes((prev) => (expanded ? prev + 1 : prev - 1));\n  };\n\n  const onScroll = useAnimatedScrollHandler({\n    onScroll: ({ contentOffset }) => {\n      scrollOffset.value = contentOffset.y;\n    },\n  });\n\n  const lastElementsForSection = sections.reduce((acc, { title: sectionTitle, data }) => {\n    const lastElement = data[data.length - 1];\n    return { ...acc, [sectionTitle]: lastElement.attributeKey };\n  }, {} as Record<string, string>);\n\n  return (\n    <>\n      <ContrastingStatusBar backgroundColor={colorScheme.nerdView.background} />\n      <NavigationHeader\n        leftItem={\n          <TouchableOpacity onPress={onClose} testID={concatTestID(testID, 'closeIcon')}>\n            <CloseIcon color={colorScheme.white} />\n          </TouchableOpacity>\n        }\n        style={{\n          backgroundColor: colorScheme.nerdView.background,\n          paddingTop: insets.top,\n        }}\n        title={title}\n        titleColor={colorScheme.white}\n      />\n      <AnimatedSectionList\n        ListHeaderComponent={\n          entityCluster ? (\n            <EntityCluster\n              entityName={entityCluster?.entityName}\n              style={[\n                styles.entityCluster,\n                {\n                  backgroundColor: colorScheme.nerdView.background,\n                },\n              ]}\n              testID={concatTestID(testID, 'entityCluster')}\n              textColor={colorScheme.white}\n            />\n          ) : null\n        }\n        onScroll={onScroll}\n        renderItem={({ item, section }) => (\n          <NerdModeItem\n            {...item}\n            expandedAttributes={expandedAttributes}\n            labels={labels}\n            last={lastElementsForSection[section.title] === item.attributeKey}\n            onCopyToClipboard={onCopyToClipboard}\n            onExpand={onExpand}\n            scrollOffset={scrollOffset}\n            testID={concatTestID(testID, item.testID)}\n          />\n        )}\n        renderSectionHeader={({ section }) => {\n          return (\n            <View style={styles.sectionHeaderContainer} testID={concatTestID(testID, section.title)}>\n              <Typography color={colorScheme.white} style={styles.sectionHeaderText}>\n                {section.title}\n              </Typography>\n            </View>\n          );\n        }}\n        scrollEventThrottle={16}\n        sections={sections}\n        stickySectionHeadersEnabled={false}\n        style={{ backgroundColor: colorScheme.nerdView.background }}\n        testID={testID}\n      />\n    </>\n  );\n};\n\nexport default NerdModeScreen;\n"],"mappings":"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"}

package/lib/module/screens/qr-code-scanner-screen.js

@@ -1,110 +0,0 @@
-import React, { memo, useMemo } from 'react';
-import { Dimensions, StyleSheet, View } from 'react-native';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { useCameraDevice } from 'react-native-vision-camera';
-import { useAccessibilityTranslation } from '../accessibility/accessibilityLanguage';
-import BlurView from '../blur/blur-view';
-import { GhostButton } from '../buttons';
-import CameraOverlay from '../camera/camera-overlay';
-import QRCodeScanner from '../camera/qr-code-scanner';
-import { CloseIcon } from '../icons';
-import { Typography } from '../text';
-import { useAppColorScheme } from '../theme';
-import { ContrastingStatusBar } from '../utils';
-import { colorWithAlphaComponent } from '../utils/color';
-const QRCodeScannerScreen = _ref => {
-  let {
-    codeTypes,
-    footer,
-    onQRCodeRead,
-    onClose,
-    overlayStyle,
-    noCameraView = null,
-    title
-  } = _ref;
-  const t = useAccessibilityTranslation();
-  const insets = useSafeAreaInsets();
-  const colorScheme = useAppColorScheme();
-  const footerView = useMemo(() => {
-    if (!footer) {
-      return undefined;
-    }
-    if ( /*#__PURE__*/React.isValidElement(footer)) {
-      return footer;
-    } else {
-      const FooterComponent = footer;
-      return /*#__PURE__*/React.createElement(FooterComponent, null);
-    }
-  }, [footer]);
-  const minBottomBlurViewHeight = Dimensions.get('window').height * 0.15;
-  const device = useCameraDevice('back');
-  if (!device) {
-    return noCameraView;
-  }
-  return /*#__PURE__*/React.createElement(View, {
-    style: styles.container
-  }, /*#__PURE__*/React.createElement(QRCodeScanner, {
-    cameraOverlay: /*#__PURE__*/React.createElement(CameraOverlay, {
-      style: overlayStyle
-    }),
-    codeTypes: codeTypes,
-    onQRCodeRead: onQRCodeRead,
-    style: StyleSheet.absoluteFill
-  }), /*#__PURE__*/React.createElement(ContrastingStatusBar, {
-    backgroundColor: colorScheme.black
-  }), /*#__PURE__*/React.createElement(BlurView, {
-    darkMode: true,
-    blurStyle: "soft",
-    style: [styles.topBlurView, {
-      backgroundColor: colorWithAlphaComponent(colorScheme.black, 0.5)
-    }]
-  }, /*#__PURE__*/React.createElement(View, {
-    style: [styles.headerSection, {
-      top: insets.top
-    }]
-  }, /*#__PURE__*/React.createElement(GhostButton, {
-    icon: /*#__PURE__*/React.createElement(CloseIcon, {
-      color: colorScheme.white
-    }),
-    onPress: onClose,
-    accessibilityLabel: t('accessibility.nav.close')
-  }))), /*#__PURE__*/React.createElement(BlurView, {
-    darkMode: true,
-    blurStyle: "soft",
-    style: [styles.bottomBlurView, {
-      backgroundColor: colorWithAlphaComponent(colorScheme.black, 0.5),
-      minHeight: minBottomBlurViewHeight,
-      paddingBottom: Math.max(insets.bottom, 32)
-    }]
-  }, /*#__PURE__*/React.createElement(Typography, {
-    align: "center",
-    style: styles.title,
-    color: colorScheme.white
-  }, title), footerView));
-};
-const styles = StyleSheet.create({
-  bottomBlurView: {
-    bottom: 0,
-    position: 'absolute',
-    width: '100%'
-  },
-  container: {
-    flex: 1
-  },
-  headerSection: {
-    paddingHorizontal: 22,
-    paddingTop: 16,
-    position: 'absolute'
-  },
-  title: {
-    marginTop: 32
-  },
-  topBlurView: {
-    height: '15%',
-    position: 'absolute',
-    top: 0,
-    width: '100%'
-  }
-});
-export default /*#__PURE__*/memo(QRCodeScannerScreen);
-//# sourceMappingURL=qr-code-scanner-screen.js.map

package/lib/module/screens/qr-code-scanner-screen.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","memo","useMemo","Dimensions","StyleSheet","View","useSafeAreaInsets","useCameraDevice","useAccessibilityTranslation","BlurView","GhostButton","CameraOverlay","QRCodeScanner","CloseIcon","Typography","useAppColorScheme","ContrastingStatusBar","colorWithAlphaComponent","QRCodeScannerScreen","_ref","codeTypes","footer","onQRCodeRead","onClose","overlayStyle","noCameraView","title","t","insets","colorScheme","footerView","undefined","isValidElement","FooterComponent","createElement","minBottomBlurViewHeight","get","height","device","style","styles","container","cameraOverlay","absoluteFill","backgroundColor","black","darkMode","blurStyle","topBlurView","headerSection","top","icon","color","white","onPress","accessibilityLabel","bottomBlurView","minHeight","paddingBottom","Math","max","bottom","align","create","position","width","flex","paddingHorizontal","paddingTop","marginTop"],"sources":["qr-code-scanner-screen.tsx"],"sourcesContent":["import React, { FunctionComponent, memo, ReactElement, useMemo } from 'react';\nimport { Dimensions, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { useCameraDevice } from 'react-native-vision-camera';\n\nimport { useAccessibilityTranslation } from '../accessibility/accessibilityLanguage';\nimport BlurView from '../blur/blur-view';\nimport { GhostButton } from '../buttons';\nimport CameraOverlay from '../camera/camera-overlay';\nimport QRCodeScanner, { QRCodeScannerProps } from '../camera/qr-code-scanner';\nimport { CloseIcon } from '../icons';\nimport { Typography } from '../text';\nimport { useAppColorScheme } from '../theme';\nimport { ContrastingStatusBar } from '../utils';\nimport { colorWithAlphaComponent } from '../utils/color';\n\nexport interface QRCodeScannerScreenProps {\n  codeTypes?: QRCodeScannerProps['codeTypes'];\n  footer?: React.ComponentType<any> | React.ReactElement;\n  onQRCodeRead: QRCodeScannerProps['onQRCodeRead'];\n  onClose: () => void;\n  overlayStyle?: StyleProp<ViewStyle>;\n  noCameraView?: JSX.Element;\n  title: ReactElement | string;\n}\n\nconst QRCodeScannerScreen: FunctionComponent<QRCodeScannerScreenProps> = ({\n  codeTypes,\n  footer,\n  onQRCodeRead,\n  onClose,\n  overlayStyle,\n  noCameraView = null,\n  title,\n}) => {\n  const t = useAccessibilityTranslation();\n  const insets = useSafeAreaInsets();\n  const colorScheme = useAppColorScheme();\n\n  const footerView: React.ReactElement | undefined = useMemo(() => {\n    if (!footer) {\n      return undefined;\n    }\n    if (React.isValidElement(footer)) {\n      return footer;\n    } else {\n      const FooterComponent = footer as React.ComponentType<any>;\n      return <FooterComponent />;\n    }\n  }, [footer]);\n\n  const minBottomBlurViewHeight = Dimensions.get('window').height * 0.15;\n\n  const device = useCameraDevice('back');\n  if (!device) {\n    return noCameraView;\n  }\n\n  return (\n    <View style={styles.container}>\n      <QRCodeScanner\n        cameraOverlay={<CameraOverlay style={overlayStyle} />}\n        codeTypes={codeTypes}\n        onQRCodeRead={onQRCodeRead}\n        style={StyleSheet.absoluteFill}\n      />\n      <ContrastingStatusBar backgroundColor={colorScheme.black} />\n      <BlurView\n        darkMode={true}\n        blurStyle=\"soft\"\n        style={[styles.topBlurView, { backgroundColor: colorWithAlphaComponent(colorScheme.black, 0.5) }]}>\n        <View style={[styles.headerSection, { top: insets.top }]}>\n          <GhostButton\n            icon={<CloseIcon color={colorScheme.white} />}\n            onPress={onClose}\n            accessibilityLabel={t('accessibility.nav.close')}\n          />\n        </View>\n      </BlurView>\n      <BlurView\n        darkMode={true}\n        blurStyle=\"soft\"\n        style={[\n          styles.bottomBlurView,\n          {\n            backgroundColor: colorWithAlphaComponent(colorScheme.black, 0.5),\n            minHeight: minBottomBlurViewHeight,\n            paddingBottom: Math.max(insets.bottom, 32),\n          },\n        ]}>\n        <Typography align=\"center\" style={styles.title} color={colorScheme.white}>\n          {title}\n        </Typography>\n        {footerView}\n      </BlurView>\n    </View>\n  );\n};\nconst styles = StyleSheet.create({\n  bottomBlurView: {\n    bottom: 0,\n    position: 'absolute',\n    width: '100%',\n  },\n  container: {\n    flex: 1,\n  },\n  headerSection: {\n    paddingHorizontal: 22,\n    paddingTop: 16,\n    position: 'absolute',\n  },\n  title: {\n    marginTop: 32,\n  },\n  topBlurView: {\n    height: '15%',\n    position: 'absolute',\n    top: 0,\n    width: '100%',\n  },\n});\n\nexport default memo(QRCodeScannerScreen);\n"],"mappings":"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"}