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

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"names":["BackupScreen","BackupScreenMode","ImagePreviewScreen","NerdModeScreen","QRCodeScannerScreen","ScrollViewScreen","SectionListScreen"],"sources":["index.ts"],"sourcesContent":["import type { BackupScreenProps } from './backup-screen';\nimport BackupScreen, { BackupScreenMode } from './backup-screen';\nimport type { ImagePreviewScreenProps } from './image-preview-screen';\nimport ImagePreviewScreen from './image-preview-screen';\nimport type { NerdModeScreenProps, NerdModeSection } from './nerd-mode-screen';\nimport NerdModeScreen from './nerd-mode-screen';\nimport type { QRCodeScannerScreenProps } from './qr-code-scanner-screen';\nimport QRCodeScannerScreen from './qr-code-scanner-screen';\nimport type { ScrollViewScreenProps } from './scroll-view-screen';\nimport ScrollViewScreen from './scroll-view-screen';\nimport type { SectionListScreenProps } from './section-list-screen';\nimport SectionListScreen 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":"AACA,OAAOA,YAAY,IAAIC,gBAAgB,QAAQ,iBAAiB;AAEhE,OAAOC,kBAAkB,MAAM,wBAAwB;AAEvD,OAAOC,cAAc,MAAM,oBAAoB;AAE/C,OAAOC,mBAAmB,MAAM,0BAA0B;AAE1D,OAAOC,gBAAgB,MAAM,sBAAsB;AAEnD,OAAOC,iBAAiB,MAAM,uBAAuB;AAErD,SAASN,YAAY,EAAEC,gBAAgB;AACvC,SAASC,kBAAkB;AAC3B,SAASC,cAAc;AACvB,SAASC,mBAAmB;AAC5B,SAASC,gBAAgB;AACzB,SAASC,iBAAiB","ignoreList":[]}

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

@@ -1,38 +1,37 @@
-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, { 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 EntityDetailsWithButtons from '../../components/entity/entity-details-with-buttons';
 import ContrastingStatusBar from '../../utils/contrasting-status-bar';
 import { concatTestID } from '../../utils/testID';
+import { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';
 import SectionEntityCluster from '../entity/entity-cluster';
 import NavigationHeader from '../header/navigation-header';
 import { CloseIcon } from '../icons/icons';
 import NerdModeItem from '../nerd-view/nerd-mode-item';
 import Typography from '../text/typography';
 import { useAppColorScheme } from '../theme/color-scheme-context';
-export let EntityType;
-(function (EntityType) {
+export let EntityType = /*#__PURE__*/function (EntityType) {
   EntityType[EntityType["CredentialEntity"] = 0] = "CredentialEntity";
   EntityType[EntityType["ProofEntity"] = 1] = "ProofEntity";
-})(EntityType || (EntityType = {}));
+  return EntityType;
+}({});
 function isSectionEntityCluster(item) {
   return item.did !== undefined;
 }
 const AnimatedSectionList = Animated.createAnimatedComponent(SectionList);
-const NerdModeScreen = _ref => {
+const NerdModeScreen = ({
+  sections,
+  labels,
+  onClose,
+  onCopyToClipboard,
+  entityCluster,
+  testID,
+  title
+}) => {
   var _entityCluster$testID;
-  let {
-    sections,
-    labels,
-    onClose,
-    onCopyToClipboard,
-    entityCluster,
-    testID,
-    title
-  } = _ref;
   const insets = useSafeAreaInsets();
   const colorScheme = useAppColorScheme();
   const scrollOffset = useSharedValue(0);
@@ -44,18 +43,16 @@ const NerdModeScreen = _ref => {
     setExpandedAttributes(prev => expanded ? prev + 1 : prev - 1);
   };
   const onScroll = useAnimatedScrollHandler({
-    onScroll: _ref2 => {
-      let {
-        contentOffset
-      } = _ref2;
+    onScroll: ({
+      contentOffset
+    }) => {
       scrollOffset.value = contentOffset.y;
     }
   });
-  const lastElementsForSection = sections.reduce((acc, _ref3) => {
-    let {
-      title: sectionTitle = '',
-      data
-    } = _ref3;
+  const lastElementsForSection = sections.reduce((acc, {
+    title: sectionTitle = '',
+    data
+  }) => {
     const lastElement = data[data.length - 1];
     return {
       ...acc,
@@ -90,12 +87,11 @@ const NerdModeScreen = _ref => {
       textColor: colorScheme.white
     })) : null,
     onScroll: onScroll,
-    renderItem: _ref4 => {
-      let {
-        item,
-        section,
-        index
-      } = _ref4;
+    renderItem: ({
+      item,
+      section,
+      index
+    }) => {
       if (isSectionEntityCluster(item)) {
         var _item$testID;
         return /*#__PURE__*/React.createElement(EntityDetailsWithButtons, _extends({}, item, {
@@ -121,10 +117,9 @@ const NerdModeScreen = _ref => {
         }));
       }
     },
-    renderSectionHeader: _ref5 => {
-      let {
-        section
-      } = _ref5;
+    renderSectionHeader: ({
+      section
+    }) => {
       return section.title ? /*#__PURE__*/React.createElement(View, {
         style: styles.sectionHeaderContainer,
         testID: concatTestID(testID, section.title)

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

@@ -1 +1 @@
-{"version":3,"names":["React","useState","SectionList","StyleSheet","View","TouchableOpacity","Animated","useAnimatedScrollHandler","useSharedValue","useSafeAreaInsets","EntityDetailsWithButtons","ContrastingStatusBar","concatTestID","SectionEntityCluster","NavigationHeader","CloseIcon","NerdModeItem","Typography","useAppColorScheme","EntityType","isSectionEntityCluster","item","did","undefined","AnimatedSectionList","createAnimatedComponent","NerdModeScreen","_ref","_entityCluster$testID","sections","labels","onClose","onCopyToClipboard","entityCluster","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","_extends","entityType","ProofEntity","entityLabels","attributesLabels","styles","textColor","renderItem","_ref4","section","index","_item$testID","CredentialEntity","toString","last","renderSectionHeader","_ref5","sectionHeaderContainer","sectionHeaderText","scrollEventThrottle","stickySectionHeadersEnabled","create","paddingHorizontal","paddingVertical","justifyContent","marginTop","opacity"],"sources":["nerd-mode-screen.tsx"],"sourcesContent":["import { DidListItem } from '@procivis/react-native-one-core';\nimport 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 EntityDetailsWithButtons, { ContextRole } from '../../components/entity/entity-details-with-buttons';\nimport ContrastingStatusBar from '../../utils/contrasting-status-bar';\nimport { concatTestID } from '../../utils/testID';\nimport SectionEntityCluster from '../entity/entity-cluster';\nimport NavigationHeader from '../header/navigation-header';\nimport { CloseIcon } from '../icons/icons';\nimport NerdModeItem, { NerdModeItemProps } from '../nerd-view/nerd-mode-item';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nexport interface EntityLabels {\n  trusted: string;\n  unknownIssuer: string;\n  unknownVerifier: string;\n  visitWebsite: string;\n  termsAndServices: string;\n  privacyPolicy: string;\n}\n\nexport interface AttributesLabels {\n  trustRegistry: string;\n  issuerDid: string;\n  entityDid: string;\n  role: string;\n  expand: string;\n  collapse: string;\n}\n\ninterface SectionEntityCluster {\n  did?: DidListItem;\n  subline?: string;\n  entityLabels: EntityLabels;\n  role: ContextRole;\n  testID?: string;\n}\n\ntype SectionAttribute = Omit<NerdModeItemProps, 'labels' | 'onCopyToClipboard'>;\n\ntype NerdModeSectionItem = SectionAttribute | SectionEntityCluster;\n\nexport type NerdModeSection = {\n  data: NerdModeSectionItem[];\n  title?: string;\n};\n\nexport type NerdModeScreenProps = {\n  entityCluster?: SectionEntityCluster;\n  labels: AttributesLabels;\n  onClose: () => void;\n  onCopyToClipboard: (value: string) => void;\n  sections: NerdModeSection[];\n  testID: string;\n  title: string;\n};\n\nexport enum EntityType {\n  CredentialEntity,\n  ProofEntity,\n}\n\nfunction isSectionEntityCluster(item: NerdModeSectionItem): item is SectionEntityCluster {\n  return (item as SectionEntityCluster).did !== undefined;\n}\n\nconst AnimatedSectionList = Animated.createAnimatedComponent(SectionList<NerdModeSectionItem>);\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 {\n      ...acc,\n      [sectionTitle]: lastElement && !isSectionEntityCluster(lastElement) ? lastElement.attributeKey : '',\n    };\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            <EntityDetailsWithButtons\n              {...entityCluster}\n              entityType={EntityType.ProofEntity}\n              entityLabels={entityCluster.entityLabels}\n              attributesLabels={labels}\n              style={[\n                styles.entityCluster,\n                {\n                  backgroundColor: colorScheme.nerdView.background,\n                },\n              ]}\n              onCopyToClipboard={onCopyToClipboard}\n              testID={entityCluster.testID ?? concatTestID(testID, 'entityCluster')}\n              textColor={colorScheme.white}\n            />\n          ) : null\n        }\n        onScroll={onScroll}\n        renderItem={({ item, section, index }) => {\n          if (isSectionEntityCluster(item)) {\n            return (\n              <EntityDetailsWithButtons\n                {...item}\n                entityType={EntityType.CredentialEntity}\n                entityLabels={item!.entityLabels}\n                attributesLabels={labels}\n                style={[\n                  styles.entityCluster,\n                  {\n                    backgroundColor: colorScheme.nerdView.background,\n                  },\n                ]}\n                onCopyToClipboard={onCopyToClipboard}\n                testID={item.testID ?? concatTestID(testID, 'sectionEntityCluster', index.toString())}\n                textColor={colorScheme.white}\n              />\n            );\n          } else {\n            return (\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          }\n        }}\n        renderSectionHeader={({ section }) => {\n          return section.title ? (\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          ) : null;\n        }}\n        scrollEventThrottle={16}\n        sections={sections}\n        stickySectionHeadersEnabled={false}\n        style={{ backgroundColor: colorScheme.nerdView.background }}\n        testID={testID}\n      />\n    </>\n  );\n};\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 default NerdModeScreen;\n"],"mappings":"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"}
+{"version":3,"names":["React","useState","SectionList","StyleSheet","View","Animated","useAnimatedScrollHandler","useSharedValue","useSafeAreaInsets","EntityDetailsWithButtons","ContrastingStatusBar","concatTestID","TouchableOpacity","SectionEntityCluster","NavigationHeader","CloseIcon","NerdModeItem","Typography","useAppColorScheme","EntityType","isSectionEntityCluster","item","did","undefined","AnimatedSectionList","createAnimatedComponent","NerdModeScreen","sections","labels","onClose","onCopyToClipboard","entityCluster","testID","title","_entityCluster$testID","insets","colorScheme","scrollOffset","expandedAttributes","setExpandedAttributes","onExpand","expanded","prev","onScroll","contentOffset","value","y","lastElementsForSection","reduce","acc","sectionTitle","data","lastElement","length","attributeKey","createElement","Fragment","backgroundColor","nerdView","background","leftItem","onPress","color","white","style","paddingTop","top","titleColor","ListHeaderComponent","_extends","entityType","ProofEntity","entityLabels","attributesLabels","styles","textColor","renderItem","section","index","_item$testID","CredentialEntity","toString","last","renderSectionHeader","sectionHeaderContainer","sectionHeaderText","scrollEventThrottle","stickySectionHeadersEnabled","create","paddingHorizontal","paddingVertical","justifyContent","marginTop","opacity"],"sources":["nerd-mode-screen.tsx"],"sourcesContent":["import { DidListItem } from '@procivis/react-native-one-core';\nimport React, { FunctionComponent, useState } from 'react';\nimport { SectionList, StyleSheet, View } from 'react-native';\nimport Animated, { useAnimatedScrollHandler, useSharedValue } from 'react-native-reanimated';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport EntityDetailsWithButtons, { ContextRole } from '../../components/entity/entity-details-with-buttons';\nimport ContrastingStatusBar from '../../utils/contrasting-status-bar';\nimport { concatTestID } from '../../utils/testID';\nimport { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';\nimport SectionEntityCluster from '../entity/entity-cluster';\nimport NavigationHeader from '../header/navigation-header';\nimport { CloseIcon } from '../icons/icons';\nimport NerdModeItem, { NerdModeItemProps } from '../nerd-view/nerd-mode-item';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nexport interface EntityLabels {\n  trusted: string;\n  unknownIssuer: string;\n  unknownVerifier: string;\n  visitWebsite: string;\n  termsAndServices: string;\n  privacyPolicy: string;\n}\n\nexport interface AttributesLabels {\n  trustRegistry: string;\n  issuerDid: string;\n  entityDid: string;\n  role: string;\n  expand: string;\n  collapse: string;\n}\n\ninterface SectionEntityCluster {\n  did?: DidListItem;\n  subline?: string;\n  entityLabels: EntityLabels;\n  role: ContextRole;\n  testID?: string;\n}\n\ntype SectionAttribute = Omit<NerdModeItemProps, 'labels' | 'onCopyToClipboard'>;\n\ntype NerdModeSectionItem = SectionAttribute | SectionEntityCluster;\n\nexport type NerdModeSection = {\n  data: NerdModeSectionItem[];\n  title?: string;\n};\n\nexport type NerdModeScreenProps = {\n  entityCluster?: SectionEntityCluster;\n  labels: AttributesLabels;\n  onClose: () => void;\n  onCopyToClipboard: (value: string) => void;\n  sections: NerdModeSection[];\n  testID: string;\n  title: string;\n};\n\nexport enum EntityType {\n  CredentialEntity,\n  ProofEntity,\n}\n\nfunction isSectionEntityCluster(item: NerdModeSectionItem): item is SectionEntityCluster {\n  return (item as SectionEntityCluster).did !== undefined;\n}\n\nconst AnimatedSectionList = Animated.createAnimatedComponent(SectionList<NerdModeSectionItem>);\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 {\n      ...acc,\n      [sectionTitle]: lastElement && !isSectionEntityCluster(lastElement) ? lastElement.attributeKey : '',\n    };\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            <EntityDetailsWithButtons\n              {...entityCluster}\n              entityType={EntityType.ProofEntity}\n              entityLabels={entityCluster.entityLabels}\n              attributesLabels={labels}\n              style={[\n                styles.entityCluster,\n                {\n                  backgroundColor: colorScheme.nerdView.background,\n                },\n              ]}\n              onCopyToClipboard={onCopyToClipboard}\n              testID={entityCluster.testID ?? concatTestID(testID, 'entityCluster')}\n              textColor={colorScheme.white}\n            />\n          ) : null\n        }\n        onScroll={onScroll}\n        renderItem={({ item, section, index }) => {\n          if (isSectionEntityCluster(item)) {\n            return (\n              <EntityDetailsWithButtons\n                {...item}\n                entityType={EntityType.CredentialEntity}\n                entityLabels={item!.entityLabels}\n                attributesLabels={labels}\n                style={[\n                  styles.entityCluster,\n                  {\n                    backgroundColor: colorScheme.nerdView.background,\n                  },\n                ]}\n                onCopyToClipboard={onCopyToClipboard}\n                testID={item.testID ?? concatTestID(testID, 'sectionEntityCluster', index.toString())}\n                textColor={colorScheme.white}\n              />\n            );\n          } else {\n            return (\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          }\n        }}\n        renderSectionHeader={({ section }) => {\n          return section.title ? (\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          ) : null;\n        }}\n        scrollEventThrottle={16}\n        sections={sections}\n        stickySectionHeadersEnabled={false}\n        style={{ backgroundColor: colorScheme.nerdView.background }}\n        testID={testID}\n      />\n    </>\n  );\n};\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 default NerdModeScreen;\n"],"mappings":"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","ignoreList":[]}

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

@@ -12,16 +12,15 @@ import QRCodeScanner from '../camera/qr-code-scanner';
 import { CloseIcon } from '../icons';
 import { Typography } from '../text';
 import { useAppColorScheme } from '../theme';
-const QRCodeScannerScreen = _ref => {
-  let {
-    codeTypes,
-    footer,
-    onQRCodeRead,
-    onClose,
-    overlayStyle,
-    noCameraView = null,
-    title
-  } = _ref;
+const QRCodeScannerScreen = ({
+  codeTypes,
+  footer,
+  onQRCodeRead,
+  onClose,
+  overlayStyle,
+  noCameraView = null,
+  title
+}) => {
   const t = useAccessibilityTranslation();
   const insets = useSafeAreaInsets();
   const colorScheme = useAppColorScheme();
@@ -29,7 +28,7 @@ const QRCodeScannerScreen = _ref => {
     if (!footer) {
       return undefined;
     }
-    if ( /*#__PURE__*/React.isValidElement(footer)) {
+    if (/*#__PURE__*/React.isValidElement(footer)) {
       return footer;
     } else {
       const FooterComponent = footer;

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

@@ -1 +1 @@
-{"version":3,"names":["React","memo","useMemo","Dimensions","StyleSheet","View","useSafeAreaInsets","useCameraDevice","ContrastingStatusBar","colorWithAlphaComponent","useAccessibilityTranslation","BlurView","GhostButton","CameraOverlay","QRCodeScanner","CloseIcon","Typography","useAppColorScheme","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 { ContrastingStatusBar } from '../../utils';\nimport { colorWithAlphaComponent } from '../../utils/color';\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';\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":"AAAA,OAAOA,KAAK,IAAuBC,IAAI,EAAgBC,OAAO,QAAQ,OAAO;AAC7E,SAASC,UAAU,EAAaC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AACjF,SAASC,iBAAiB,QAAQ,gCAAgC;AAClE,SAASC,eAAe,QAAQ,4BAA4B;AAE5D,SAASC,oBAAoB,QAAQ,aAAa;AAClD,SAASC,uBAAuB,QAAQ,mBAAmB;AAC3D,SAASC,2BAA2B,QAAQ,wCAAwC;AACpF,OAAOC,QAAQ,MAAM,mBAAmB;AACxC,SAASC,WAAW,QAAQ,YAAY;AACxC,OAAOC,aAAa,MAAM,0BAA0B;AACpD,OAAOC,aAAa,MAA8B,2BAA2B;AAC7E,SAASC,SAAS,QAAQ,UAAU;AACpC,SAASC,UAAU,QAAQ,SAAS;AACpC,SAASC,iBAAiB,QAAQ,UAAU;AAY5C,MAAMC,mBAAgE,GAAGC,IAAA,IAQnE;EAAA,IARoE;IACxEC,SAAS;IACTC,MAAM;IACNC,YAAY;IACZC,OAAO;IACPC,YAAY;IACZC,YAAY,GAAG,IAAI;IACnBC;EACF,CAAC,GAAAP,IAAA;EACC,MAAMQ,CAAC,GAAGjB,2BAA2B,EAAE;EACvC,MAAMkB,MAAM,GAAGtB,iBAAiB,EAAE;EAClC,MAAMuB,WAAW,GAAGZ,iBAAiB,EAAE;EAEvC,MAAMa,UAA0C,GAAG5B,OAAO,CAAC,MAAM;IAC/D,IAAI,CAACmB,MAAM,EAAE;MACX,OAAOU,SAAS;IAClB;IACA,kBAAI/B,KAAK,CAACgC,cAAc,CAACX,MAAM,CAAC,EAAE;MAChC,OAAOA,MAAM;IACf,CAAC,MAAM;MACL,MAAMY,eAAe,GAAGZ,MAAkC;MAC1D,oBAAOrB,KAAA,CAAAkC,aAAA,CAACD,eAAe,OAAG;IAC5B;EACF,CAAC,EAAE,CAACZ,MAAM,CAAC,CAAC;EAEZ,MAAMc,uBAAuB,GAAGhC,UAAU,CAACiC,GAAG,CAAC,QAAQ,CAAC,CAACC,MAAM,GAAG,IAAI;EAEtE,MAAMC,MAAM,GAAG/B,eAAe,CAAC,MAAM,CAAC;EACtC,IAAI,CAAC+B,MAAM,EAAE;IACX,OAAOb,YAAY;EACrB;EAEA,oBACEzB,KAAA,CAAAkC,aAAA,CAAC7B,IAAI;IAACkC,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BzC,KAAA,CAAAkC,aAAA,CAACpB,aAAa;IACZ4B,aAAa,eAAE1C,KAAA,CAAAkC,aAAA,CAACrB,aAAa;MAAC0B,KAAK,EAAEf;IAAa,EAAI;IACtDJ,SAAS,EAAEA,SAAU;IACrBE,YAAY,EAAEA,YAAa;IAC3BiB,KAAK,EAAEnC,UAAU,CAACuC;EAAa,EAC/B,eACF3C,KAAA,CAAAkC,aAAA,CAAC1B,oBAAoB;IAACoC,eAAe,EAAEf,WAAW,CAACgB;EAAM,EAAG,eAC5D7C,KAAA,CAAAkC,aAAA,CAACvB,QAAQ;IACPmC,QAAQ,EAAE,IAAK;IACfC,SAAS,EAAC,MAAM;IAChBR,KAAK,EAAE,CAACC,MAAM,CAACQ,WAAW,EAAE;MAAEJ,eAAe,EAAEnC,uBAAuB,CAACoB,WAAW,CAACgB,KAAK,EAAE,GAAG;IAAE,CAAC;EAAE,gBAClG7C,KAAA,CAAAkC,aAAA,CAAC7B,IAAI;IAACkC,KAAK,EAAE,CAACC,MAAM,CAACS,aAAa,EAAE;MAAEC,GAAG,EAAEtB,MAAM,CAACsB;IAAI,CAAC;EAAE,gBACvDlD,KAAA,CAAAkC,aAAA,CAACtB,WAAW;IACVuC,IAAI,eAAEnD,KAAA,CAAAkC,aAAA,CAACnB,SAAS;MAACqC,KAAK,EAAEvB,WAAW,CAACwB;IAAM,EAAI;IAC9CC,OAAO,EAAE/B,OAAQ;IACjBgC,kBAAkB,EAAE5B,CAAC,CAAC,yBAAyB;EAAE,EACjD,CACG,CACE,eACX3B,KAAA,CAAAkC,aAAA,CAACvB,QAAQ;IACPmC,QAAQ,EAAE,IAAK;IACfC,SAAS,EAAC,MAAM;IAChBR,KAAK,EAAE,CACLC,MAAM,CAACgB,cAAc,EACrB;MACEZ,eAAe,EAAEnC,uBAAuB,CAACoB,WAAW,CAACgB,KAAK,EAAE,GAAG,CAAC;MAChEY,SAAS,EAAEtB,uBAAuB;MAClCuB,aAAa,EAAEC,IAAI,CAACC,GAAG,CAAChC,MAAM,CAACiC,MAAM,EAAE,EAAE;IAC3C,CAAC;EACD,gBACF7D,KAAA,CAAAkC,aAAA,CAAClB,UAAU;IAAC8C,KAAK,EAAC,QAAQ;IAACvB,KAAK,EAAEC,MAAM,CAACd,KAAM;IAAC0B,KAAK,EAAEvB,WAAW,CAACwB;EAAM,GACtE3B,KAAK,CACK,EACZI,UAAU,CACF,CACN;AAEX,CAAC;AACD,MAAMU,MAAM,GAAGpC,UAAU,CAAC2D,MAAM,CAAC;EAC/BP,cAAc,EAAE;IACdK,MAAM,EAAE,CAAC;IACTG,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE;EACT,CAAC;EACDxB,SAAS,EAAE;IACTyB,IAAI,EAAE;EACR,CAAC;EACDjB,aAAa,EAAE;IACbkB,iBAAiB,EAAE,EAAE;IACrBC,UAAU,EAAE,EAAE;IACdJ,QAAQ,EAAE;EACZ,CAAC;EACDtC,KAAK,EAAE;IACL2C,SAAS,EAAE;EACb,CAAC;EACDrB,WAAW,EAAE;IACXX,MAAM,EAAE,KAAK;IACb2B,QAAQ,EAAE,UAAU;IACpBd,GAAG,EAAE,CAAC;IACNe,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,4BAAehE,IAAI,CAACiB,mBAAmB,CAAC"}
+{"version":3,"names":["React","memo","useMemo","Dimensions","StyleSheet","View","useSafeAreaInsets","useCameraDevice","ContrastingStatusBar","colorWithAlphaComponent","useAccessibilityTranslation","BlurView","GhostButton","CameraOverlay","QRCodeScanner","CloseIcon","Typography","useAppColorScheme","QRCodeScannerScreen","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 { ContrastingStatusBar } from '../../utils';\nimport { colorWithAlphaComponent } from '../../utils/color';\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';\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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","ignoreList":[]}

package/lib/module/ui-components/screens/scroll-view-screen.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React from 'react';
 import { Platform, ScrollView, StyleSheet, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
@@ -8,16 +8,15 @@ import { concatTestID } from '../../utils/testID';
 import NavigationHeader from '../header/navigation-header';
 import ListTitleHeader from '../list/list-title-header';
 import { useAppColorScheme } from '../theme/color-scheme-context';
-const ScrollViewScreen = _ref => {
-  let {
-    children,
-    header,
-    modalPresentation,
-    scrollView,
-    style,
-    testID,
-    ...viewProps
-  } = _ref;
+const ScrollViewScreen = ({
+  children,
+  header,
+  modalPresentation,
+  scrollView,
+  style,
+  testID,
+  ...viewProps
+}) => {
   const colorScheme = useAppColorScheme();
   const {
     top

package/lib/module/ui-components/screens/scroll-view-screen.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","ScrollView","StyleSheet","View","useSafeAreaInsets","useOnScrollHeaderState","useListContentInset","concatTestID","NavigationHeader","ListTitleHeader","useAppColorScheme","ScrollViewScreen","_ref","children","header","modalPresentation","scrollView","style","testID","viewProps","colorScheme","top","contentInsetsStyle","additionalBottomPadding","headerHeight","OS","titleVisible","onScroll","contentContainerStyle","scrollViewProps","headerPaddingStyle","paddingTop","modalHandleVisible","styles","modalHeaderWithoutHandle","createElement","_extends","container","backgroundColor","background","contentContainer","scrollEventThrottle","content","static","title","animate","blurred","create","flex","flexGrow","position","width"],"sources":["scroll-view-screen.tsx"],"sourcesContent":["import React, { FC, PropsWithChildren } from 'react';\nimport { Platform, ScrollView, ScrollViewProps, StyleSheet, View, ViewProps, ViewStyle } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { useOnScrollHeaderState } from '../../utils/hooks/header/on-scroll-header-state';\nimport { useListContentInset } from '../../utils/hooks/list/list-content-inset';\nimport { concatTestID } from '../../utils/testID';\nimport NavigationHeader, { NavigationHeaderProps } from '../header/navigation-header';\nimport ListTitleHeader from '../list/list-title-header';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nexport type ScrollViewScreenProps = ViewProps & {\n  header: Omit<NavigationHeaderProps, 'animate' | 'blurred' | 'style' | 'title' | 'titleVisible'> & {\n    static?: boolean;\n    title: string;\n  };\n  modalPresentation?: boolean;\n  scrollView?: Omit<ScrollViewProps, 'onScroll'>;\n};\n\nconst ScrollViewScreen: FC<PropsWithChildren<ScrollViewScreenProps>> = ({\n  children,\n  header,\n  modalPresentation,\n  scrollView,\n  style,\n  testID,\n  ...viewProps\n}) => {\n  const colorScheme = useAppColorScheme();\n  const { top } = useSafeAreaInsets();\n  const contentInsetsStyle = useListContentInset({\n    additionalBottomPadding: 24,\n    headerHeight: modalPresentation && Platform.OS === 'ios' ? 63 : 48,\n    modalPresentation,\n  });\n  const { titleVisible, onScroll } = useOnScrollHeaderState();\n  const { contentContainerStyle, ...scrollViewProps } = scrollView ?? {};\n\n  let headerPaddingStyle: ViewStyle | undefined;\n  if (!modalPresentation || Platform.OS === 'android') {\n    headerPaddingStyle = {\n      paddingTop: top,\n    };\n  } else if (modalPresentation && !header.modalHandleVisible && Platform.OS === 'ios') {\n    headerPaddingStyle = styles.modalHeaderWithoutHandle;\n  }\n\n  return (\n    <View style={[styles.container, { backgroundColor: colorScheme.background }, style]} testID={testID} {...viewProps}>\n      <ScrollView\n        contentContainerStyle={[styles.contentContainer, contentInsetsStyle, contentContainerStyle]}\n        onScroll={onScroll}\n        scrollEventThrottle={100}\n        {...scrollViewProps}>\n        <View style={styles.content} testID={concatTestID(testID, 'content')}>\n          {!header.static && <ListTitleHeader title={header.title} />}\n          {children}\n        </View>\n      </ScrollView>\n      <NavigationHeader\n        animate\n        blurred\n        style={[styles.header, headerPaddingStyle]}\n        titleVisible={header.static || titleVisible}\n        {...header}\n      />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n  content: {\n    flex: 1,\n  },\n  contentContainer: {\n    flexGrow: 1,\n  },\n  header: {\n    position: 'absolute',\n    width: '100%',\n  },\n  modalHeaderWithoutHandle: {\n    paddingTop: 15,\n  },\n});\n\nexport default ScrollViewScreen;\n"],"mappings":"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"}
+{"version":3,"names":["React","Platform","ScrollView","StyleSheet","View","useSafeAreaInsets","useOnScrollHeaderState","useListContentInset","concatTestID","NavigationHeader","ListTitleHeader","useAppColorScheme","ScrollViewScreen","children","header","modalPresentation","scrollView","style","testID","viewProps","colorScheme","top","contentInsetsStyle","additionalBottomPadding","headerHeight","OS","titleVisible","onScroll","contentContainerStyle","scrollViewProps","headerPaddingStyle","paddingTop","modalHandleVisible","styles","modalHeaderWithoutHandle","createElement","_extends","container","backgroundColor","background","contentContainer","scrollEventThrottle","content","static","title","animate","blurred","create","flex","flexGrow","position","width"],"sources":["scroll-view-screen.tsx"],"sourcesContent":["import React, { FC, PropsWithChildren } from 'react';\nimport { Platform, ScrollView, ScrollViewProps, StyleSheet, View, ViewProps, ViewStyle } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { useOnScrollHeaderState } from '../../utils/hooks/header/on-scroll-header-state';\nimport { useListContentInset } from '../../utils/hooks/list/list-content-inset';\nimport { concatTestID } from '../../utils/testID';\nimport NavigationHeader, { NavigationHeaderProps } from '../header/navigation-header';\nimport ListTitleHeader from '../list/list-title-header';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nexport type ScrollViewScreenProps = ViewProps & {\n  header: Omit<NavigationHeaderProps, 'animate' | 'blurred' | 'style' | 'title' | 'titleVisible'> & {\n    static?: boolean;\n    title: string;\n  };\n  modalPresentation?: boolean;\n  scrollView?: Omit<ScrollViewProps, 'onScroll'>;\n};\n\nconst ScrollViewScreen: FC<PropsWithChildren<ScrollViewScreenProps>> = ({\n  children,\n  header,\n  modalPresentation,\n  scrollView,\n  style,\n  testID,\n  ...viewProps\n}) => {\n  const colorScheme = useAppColorScheme();\n  const { top } = useSafeAreaInsets();\n  const contentInsetsStyle = useListContentInset({\n    additionalBottomPadding: 24,\n    headerHeight: modalPresentation && Platform.OS === 'ios' ? 63 : 48,\n    modalPresentation,\n  });\n  const { titleVisible, onScroll } = useOnScrollHeaderState();\n  const { contentContainerStyle, ...scrollViewProps } = scrollView ?? {};\n\n  let headerPaddingStyle: ViewStyle | undefined;\n  if (!modalPresentation || Platform.OS === 'android') {\n    headerPaddingStyle = {\n      paddingTop: top,\n    };\n  } else if (modalPresentation && !header.modalHandleVisible && Platform.OS === 'ios') {\n    headerPaddingStyle = styles.modalHeaderWithoutHandle;\n  }\n\n  return (\n    <View style={[styles.container, { backgroundColor: colorScheme.background }, style]} testID={testID} {...viewProps}>\n      <ScrollView\n        contentContainerStyle={[styles.contentContainer, contentInsetsStyle, contentContainerStyle]}\n        onScroll={onScroll}\n        scrollEventThrottle={100}\n        {...scrollViewProps}>\n        <View style={styles.content} testID={concatTestID(testID, 'content')}>\n          {!header.static && <ListTitleHeader title={header.title} />}\n          {children}\n        </View>\n      </ScrollView>\n      <NavigationHeader\n        animate\n        blurred\n        style={[styles.header, headerPaddingStyle]}\n        titleVisible={header.static || titleVisible}\n        {...header}\n      />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n  content: {\n    flex: 1,\n  },\n  contentContainer: {\n    flexGrow: 1,\n  },\n  header: {\n    position: 'absolute',\n    width: '100%',\n  },\n  modalHeaderWithoutHandle: {\n    paddingTop: 15,\n  },\n});\n\nexport default ScrollViewScreen;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/ui-components/screens/section-list-screen.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React from 'react';
 import { SectionList, StyleSheet, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
@@ -7,17 +7,16 @@ import { useListContentInset } from '../../utils/hooks/list/list-content-inset';
 import NavigationHeader from '../header/navigation-header';
 import ListTitleHeader from '../list/list-title-header';
 import { useAppColorScheme } from '../theme/color-scheme-context';
-const SectionListScreen = _ref => {
-  let {
-    header,
-    list: {
-      contentContainerStyle,
-      stickySectionHeadersEnabled,
-      ...listProps
-    },
-    style,
-    ...viewProps
-  } = _ref;
+const SectionListScreen = ({
+  header,
+  list: {
+    contentContainerStyle,
+    stickySectionHeadersEnabled,
+    ...listProps
+  },
+  style,
+  ...viewProps
+}) => {
   const colorScheme = useAppColorScheme();
   const safeAreaInsets = useSafeAreaInsets();
   const contentInsetsStyle = useListContentInset();

package/lib/module/ui-components/screens/section-list-screen.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","SectionList","StyleSheet","View","useSafeAreaInsets","useOnScrollHeaderState","useListContentInset","NavigationHeader","ListTitleHeader","useAppColorScheme","SectionListScreen","_ref","header","list","contentContainerStyle","stickySectionHeadersEnabled","listProps","style","viewProps","colorScheme","safeAreaInsets","contentInsetsStyle","titleVisible","onScroll","createElement","_extends","styles","container","backgroundColor","background","ListHeaderComponent","static","title","undefined","scrollEventThrottle","animate","blurred","paddingTop","top","create","flex","position","width"],"sources":["section-list-screen.tsx"],"sourcesContent":["import React from 'react';\nimport { SectionList, SectionListProps, StyleSheet, View, ViewProps } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { useOnScrollHeaderState } from '../../utils/hooks/header/on-scroll-header-state';\nimport { useListContentInset } from '../../utils/hooks/list/list-content-inset';\nimport NavigationHeader, { NavigationHeaderProps } from '../header/navigation-header';\nimport ListTitleHeader from '../list/list-title-header';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nexport type SectionListScreenProps<ItemT, SectionT> = ViewProps & {\n  header: Omit<NavigationHeaderProps, 'animate' | 'blurred' | 'style' | 'title' | 'titleVisible'> & {\n    static?: boolean;\n    title: string;\n  };\n  list: Omit<SectionListProps<ItemT, SectionT>, 'ListHeaderComponent' | 'onScroll'>;\n};\n\nconst SectionListScreen = <ItemT, SectionT>({\n  header,\n  list: { contentContainerStyle, stickySectionHeadersEnabled, ...listProps },\n  style,\n  ...viewProps\n}: SectionListScreenProps<ItemT, SectionT>) => {\n  const colorScheme = useAppColorScheme();\n  const safeAreaInsets = useSafeAreaInsets();\n  const contentInsetsStyle = useListContentInset();\n  const { titleVisible, onScroll } = useOnScrollHeaderState();\n\n  return (\n    <View style={[styles.container, { backgroundColor: colorScheme.background }, style]} {...viewProps}>\n      <SectionList<ItemT, SectionT>\n        ListHeaderComponent={!header.static ? <ListTitleHeader title={header.title} /> : undefined}\n        contentContainerStyle={[contentInsetsStyle, contentContainerStyle]}\n        onScroll={onScroll}\n        scrollEventThrottle={100}\n        stickySectionHeadersEnabled={stickySectionHeadersEnabled ?? false}\n        {...listProps}\n      />\n      <NavigationHeader\n        animate\n        blurred\n        style={[styles.header, { paddingTop: safeAreaInsets.top }]}\n        titleVisible={header.static || titleVisible}\n        {...header}\n      />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n  header: {\n    position: 'absolute',\n    width: '100%',\n  },\n});\n\nexport default SectionListScreen;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,EAAoBC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AACzF,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SAASC,sBAAsB,QAAQ,iDAAiD;AACxF,SAASC,mBAAmB,QAAQ,2CAA2C;AAC/E,OAAOC,gBAAgB,MAAiC,6BAA6B;AACrF,OAAOC,eAAe,MAAM,2BAA2B;AACvD,SAASC,iBAAiB,QAAQ,+BAA+B;AAUjE,MAAMC,iBAAiB,GAAGC,IAAA,IAKqB;EAAA,IALH;IAC1CC,MAAM;IACNC,IAAI,EAAE;MAAEC,qBAAqB;MAAEC,2BAA2B;MAAE,GAAGC;IAAU,CAAC;IAC1EC,KAAK;IACL,GAAGC;EACoC,CAAC,GAAAP,IAAA;EACxC,MAAMQ,WAAW,GAAGV,iBAAiB,EAAE;EACvC,MAAMW,cAAc,GAAGhB,iBAAiB,EAAE;EAC1C,MAAMiB,kBAAkB,GAAGf,mBAAmB,EAAE;EAChD,MAAM;IAAEgB,YAAY;IAAEC;EAAS,CAAC,GAAGlB,sBAAsB,EAAE;EAE3D,oBACEL,KAAA,CAAAwB,aAAA,CAACrB,IAAI,EAAAsB,QAAA;IAACR,KAAK,EAAE,CAACS,MAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAET,WAAW,CAACU;IAAW,CAAC,EAAEZ,KAAK;EAAE,GAAKC,SAAS,gBAChGlB,KAAA,CAAAwB,aAAA,CAACvB,WAAW,EAAAwB,QAAA;IACVK,mBAAmB,EAAE,CAAClB,MAAM,CAACmB,MAAM,gBAAG/B,KAAA,CAAAwB,aAAA,CAAChB,eAAe;MAACwB,KAAK,EAAEpB,MAAM,CAACoB;IAAM,EAAG,GAAGC,SAAU;IAC3FnB,qBAAqB,EAAE,CAACO,kBAAkB,EAAEP,qBAAqB,CAAE;IACnES,QAAQ,EAAEA,QAAS;IACnBW,mBAAmB,EAAE,GAAI;IACzBnB,2BAA2B,EAAEA,2BAA2B,aAA3BA,2BAA2B,cAA3BA,2BAA2B,GAAI;EAAM,GAC9DC,SAAS,EACb,eACFhB,KAAA,CAAAwB,aAAA,CAACjB,gBAAgB,EAAAkB,QAAA;IACfU,OAAO;IACPC,OAAO;IACPnB,KAAK,EAAE,CAACS,MAAM,CAACd,MAAM,EAAE;MAAEyB,UAAU,EAAEjB,cAAc,CAACkB;IAAI,CAAC,CAAE;IAC3DhB,YAAY,EAAEV,MAAM,CAACmB,MAAM,IAAIT;EAAa,GACxCV,MAAM,EACV,CACG;AAEX,CAAC;AAED,MAAMc,MAAM,GAAGxB,UAAU,CAACqC,MAAM,CAAC;EAC/BZ,SAAS,EAAE;IACTa,IAAI,EAAE;EACR,CAAC;EACD5B,MAAM,EAAE;IACN6B,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,eAAehC,iBAAiB"}
+{"version":3,"names":["React","SectionList","StyleSheet","View","useSafeAreaInsets","useOnScrollHeaderState","useListContentInset","NavigationHeader","ListTitleHeader","useAppColorScheme","SectionListScreen","header","list","contentContainerStyle","stickySectionHeadersEnabled","listProps","style","viewProps","colorScheme","safeAreaInsets","contentInsetsStyle","titleVisible","onScroll","createElement","_extends","styles","container","backgroundColor","background","ListHeaderComponent","static","title","undefined","scrollEventThrottle","animate","blurred","paddingTop","top","create","flex","position","width"],"sources":["section-list-screen.tsx"],"sourcesContent":["import React from 'react';\nimport { SectionList, SectionListProps, StyleSheet, View, ViewProps } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { useOnScrollHeaderState } from '../../utils/hooks/header/on-scroll-header-state';\nimport { useListContentInset } from '../../utils/hooks/list/list-content-inset';\nimport NavigationHeader, { NavigationHeaderProps } from '../header/navigation-header';\nimport ListTitleHeader from '../list/list-title-header';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nexport type SectionListScreenProps<ItemT, SectionT> = ViewProps & {\n  header: Omit<NavigationHeaderProps, 'animate' | 'blurred' | 'style' | 'title' | 'titleVisible'> & {\n    static?: boolean;\n    title: string;\n  };\n  list: Omit<SectionListProps<ItemT, SectionT>, 'ListHeaderComponent' | 'onScroll'>;\n};\n\nconst SectionListScreen = <ItemT, SectionT>({\n  header,\n  list: { contentContainerStyle, stickySectionHeadersEnabled, ...listProps },\n  style,\n  ...viewProps\n}: SectionListScreenProps<ItemT, SectionT>) => {\n  const colorScheme = useAppColorScheme();\n  const safeAreaInsets = useSafeAreaInsets();\n  const contentInsetsStyle = useListContentInset();\n  const { titleVisible, onScroll } = useOnScrollHeaderState();\n\n  return (\n    <View style={[styles.container, { backgroundColor: colorScheme.background }, style]} {...viewProps}>\n      <SectionList<ItemT, SectionT>\n        ListHeaderComponent={!header.static ? <ListTitleHeader title={header.title} /> : undefined}\n        contentContainerStyle={[contentInsetsStyle, contentContainerStyle]}\n        onScroll={onScroll}\n        scrollEventThrottle={100}\n        stickySectionHeadersEnabled={stickySectionHeadersEnabled ?? false}\n        {...listProps}\n      />\n      <NavigationHeader\n        animate\n        blurred\n        style={[styles.header, { paddingTop: safeAreaInsets.top }]}\n        titleVisible={header.static || titleVisible}\n        {...header}\n      />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n  header: {\n    position: 'absolute',\n    width: '100%',\n  },\n});\n\nexport default SectionListScreen;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,EAAoBC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AACzF,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SAASC,sBAAsB,QAAQ,iDAAiD;AACxF,SAASC,mBAAmB,QAAQ,2CAA2C;AAC/E,OAAOC,gBAAgB,MAAiC,6BAA6B;AACrF,OAAOC,eAAe,MAAM,2BAA2B;AACvD,SAASC,iBAAiB,QAAQ,+BAA+B;AAUjE,MAAMC,iBAAiB,GAAGA,CAAkB;EAC1CC,MAAM;EACNC,IAAI,EAAE;IAAEC,qBAAqB;IAAEC,2BAA2B;IAAE,GAAGC;EAAU,CAAC;EAC1EC,KAAK;EACL,GAAGC;AACoC,CAAC,KAAK;EAC7C,MAAMC,WAAW,GAAGT,iBAAiB,CAAC,CAAC;EACvC,MAAMU,cAAc,GAAGf,iBAAiB,CAAC,CAAC;EAC1C,MAAMgB,kBAAkB,GAAGd,mBAAmB,CAAC,CAAC;EAChD,MAAM;IAAEe,YAAY;IAAEC;EAAS,CAAC,GAAGjB,sBAAsB,CAAC,CAAC;EAE3D,oBACEL,KAAA,CAAAuB,aAAA,CAACpB,IAAI,EAAAqB,QAAA;IAACR,KAAK,EAAE,CAACS,MAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAET,WAAW,CAACU;IAAW,CAAC,EAAEZ,KAAK;EAAE,GAAKC,SAAS,gBAChGjB,KAAA,CAAAuB,aAAA,CAACtB,WAAW,EAAAuB,QAAA;IACVK,mBAAmB,EAAE,CAAClB,MAAM,CAACmB,MAAM,gBAAG9B,KAAA,CAAAuB,aAAA,CAACf,eAAe;MAACuB,KAAK,EAAEpB,MAAM,CAACoB;IAAM,CAAE,CAAC,GAAGC,SAAU;IAC3FnB,qBAAqB,EAAE,CAACO,kBAAkB,EAAEP,qBAAqB,CAAE;IACnES,QAAQ,EAAEA,QAAS;IACnBW,mBAAmB,EAAE,GAAI;IACzBnB,2BAA2B,EAAEA,2BAA2B,aAA3BA,2BAA2B,cAA3BA,2BAA2B,GAAI;EAAM,GAC9DC,SAAS,CACd,CAAC,eACFf,KAAA,CAAAuB,aAAA,CAAChB,gBAAgB,EAAAiB,QAAA;IACfU,OAAO;IACPC,OAAO;IACPnB,KAAK,EAAE,CAACS,MAAM,CAACd,MAAM,EAAE;MAAEyB,UAAU,EAAEjB,cAAc,CAACkB;IAAI,CAAC,CAAE;IAC3DhB,YAAY,EAAEV,MAAM,CAACmB,MAAM,IAAIT;EAAa,GACxCV,MAAM,CACX,CACG,CAAC;AAEX,CAAC;AAED,MAAMc,MAAM,GAAGvB,UAAU,CAACoC,MAAM,CAAC;EAC/BZ,SAAS,EAAE;IACTa,IAAI,EAAE;EACR,CAAC;EACD5B,MAAM,EAAE;IACN6B,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,eAAe/B,iBAAiB","ignoreList":[]}

package/lib/module/ui-components/searchbar/animated-search-bar.js

@@ -4,13 +4,12 @@ import SearchBar from './search-bar';
 // Animated search bar, according to
 // https://www.figma.com/design/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?node-id=1143-40433&m=dev
 
-const AnimatedSearchBar = _ref => {
-  let {
-    collapsed,
-    rightButtonAlwaysVisible = false,
-    searchBarProps,
-    rightButton
-  } = _ref;
+const AnimatedSearchBar = ({
+  collapsed,
+  rightButtonAlwaysVisible = false,
+  searchBarProps,
+  rightButton
+}) => {
   const [rightIconFadeAnimation] = useState(() => new Animated.Value(rightButton && rightButtonAlwaysVisible ? 1.5 : 0));
   const [searchPaddingAnimation] = useState(() => new Animated.Value(0));
   useEffect(() => {

package/lib/module/ui-components/searchbar/animated-search-bar.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useState","Animated","StyleSheet","SearchBar","AnimatedSearchBar","_ref","collapsed","rightButtonAlwaysVisible","searchBarProps","rightButton","rightIconFadeAnimation","Value","searchPaddingAnimation","timing","duration","toValue","useNativeDriver","start","searchBarContainerAnimatedStyle","paddingHorizontal","interpolate","extrapolate","inputRange","outputRange","optionsIconAnimatedStyle","opacity","searchBarAnimatedStyle","width","style","searchBarStyle","searchProps","createElement","View","styles","searchBarContainer","rightButtonWrapper","create","alignItems","justifyContent","flexDirection","paddingBottom"],"sources":["animated-search-bar.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useState } from 'react';\nimport { Animated, StyleSheet, ViewStyle } from 'react-native';\n\nimport SearchBar, { SearchBarProps } from './search-bar';\n\nexport type AnimatedSearchBarProps = {\n  collapsed: boolean;\n  rightButton?: ReactNode;\n  rightButtonAlwaysVisible?: boolean;\n  searchBarProps: SearchBarProps;\n};\n\n// Animated search bar, according to\n// https://www.figma.com/design/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?node-id=1143-40433&m=dev\n\nconst AnimatedSearchBar = ({\n  collapsed,\n  rightButtonAlwaysVisible = false,\n  searchBarProps,\n  rightButton,\n}: AnimatedSearchBarProps) => {\n  const [rightIconFadeAnimation] = useState(\n    () => new Animated.Value(rightButton && rightButtonAlwaysVisible ? 1.5 : 0),\n  );\n  const [searchPaddingAnimation] = useState(() => new Animated.Value(0));\n\n  useEffect(() => {\n    Animated.timing(searchPaddingAnimation, {\n      duration: 250,\n      toValue: collapsed ? 1 : 0,\n      useNativeDriver: false,\n    }).start();\n  }, [collapsed, searchPaddingAnimation]);\n\n  useEffect(() => {\n    if (rightButtonAlwaysVisible) {\n      return;\n    }\n\n    Animated.timing(rightIconFadeAnimation, {\n      duration: 250,\n      toValue: collapsed && rightButton ? 1.5 : 0,\n      useNativeDriver: false,\n    }).start();\n  }, [rightButtonAlwaysVisible, rightIconFadeAnimation, rightButton, collapsed]);\n\n  const searchBarContainerAnimatedStyle = {\n    paddingHorizontal: searchPaddingAnimation.interpolate({\n      extrapolate: 'clamp',\n      inputRange: [0, 1],\n      outputRange: [16, 20],\n    }),\n  };\n\n  const optionsIconAnimatedStyle: Animated.WithAnimatedObject<ViewStyle> = {\n    opacity: rightIconFadeAnimation.interpolate({\n      extrapolate: 'clamp',\n      inputRange: [1, 1.5],\n      outputRange: [0, 1],\n    }),\n  };\n\n  const searchBarAnimatedStyle = {\n    width: rightIconFadeAnimation.interpolate({\n      extrapolate: 'clamp',\n      inputRange: [0, 1],\n      outputRange: ['100%', '88%'],\n    }),\n  };\n\n  const { style: searchBarStyle, ...searchProps } = searchBarProps;\n  return (\n    <Animated.View style={[styles.searchBarContainer, searchBarContainerAnimatedStyle, searchBarStyle]}>\n      <Animated.View style={searchBarAnimatedStyle}>\n        <SearchBar {...searchProps} />\n      </Animated.View>\n      {rightButton && (\n        <Animated.View style={[styles.rightButtonWrapper, optionsIconAnimatedStyle]}>{rightButton}</Animated.View>\n      )}\n    </Animated.View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  rightButtonWrapper: {\n    alignItems: 'flex-end',\n    justifyContent: 'center',\n  },\n  searchBarContainer: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    paddingBottom: 12,\n  },\n});\n\nexport default AnimatedSearchBar;\n"],"mappings":"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"}
+{"version":3,"names":["React","useEffect","useState","Animated","StyleSheet","SearchBar","AnimatedSearchBar","collapsed","rightButtonAlwaysVisible","searchBarProps","rightButton","rightIconFadeAnimation","Value","searchPaddingAnimation","timing","duration","toValue","useNativeDriver","start","searchBarContainerAnimatedStyle","paddingHorizontal","interpolate","extrapolate","inputRange","outputRange","optionsIconAnimatedStyle","opacity","searchBarAnimatedStyle","width","style","searchBarStyle","searchProps","createElement","View","styles","searchBarContainer","rightButtonWrapper","create","alignItems","justifyContent","flexDirection","paddingBottom"],"sources":["animated-search-bar.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useState } from 'react';\nimport { Animated, StyleSheet, ViewStyle } from 'react-native';\n\nimport SearchBar, { SearchBarProps } from './search-bar';\n\nexport type AnimatedSearchBarProps = {\n  collapsed: boolean;\n  rightButton?: ReactNode;\n  rightButtonAlwaysVisible?: boolean;\n  searchBarProps: SearchBarProps;\n};\n\n// Animated search bar, according to\n// https://www.figma.com/design/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?node-id=1143-40433&m=dev\n\nconst AnimatedSearchBar = ({\n  collapsed,\n  rightButtonAlwaysVisible = false,\n  searchBarProps,\n  rightButton,\n}: AnimatedSearchBarProps) => {\n  const [rightIconFadeAnimation] = useState(\n    () => new Animated.Value(rightButton && rightButtonAlwaysVisible ? 1.5 : 0),\n  );\n  const [searchPaddingAnimation] = useState(() => new Animated.Value(0));\n\n  useEffect(() => {\n    Animated.timing(searchPaddingAnimation, {\n      duration: 250,\n      toValue: collapsed ? 1 : 0,\n      useNativeDriver: false,\n    }).start();\n  }, [collapsed, searchPaddingAnimation]);\n\n  useEffect(() => {\n    if (rightButtonAlwaysVisible) {\n      return;\n    }\n\n    Animated.timing(rightIconFadeAnimation, {\n      duration: 250,\n      toValue: collapsed && rightButton ? 1.5 : 0,\n      useNativeDriver: false,\n    }).start();\n  }, [rightButtonAlwaysVisible, rightIconFadeAnimation, rightButton, collapsed]);\n\n  const searchBarContainerAnimatedStyle = {\n    paddingHorizontal: searchPaddingAnimation.interpolate({\n      extrapolate: 'clamp',\n      inputRange: [0, 1],\n      outputRange: [16, 20],\n    }),\n  };\n\n  const optionsIconAnimatedStyle: Animated.WithAnimatedObject<ViewStyle> = {\n    opacity: rightIconFadeAnimation.interpolate({\n      extrapolate: 'clamp',\n      inputRange: [1, 1.5],\n      outputRange: [0, 1],\n    }),\n  };\n\n  const searchBarAnimatedStyle = {\n    width: rightIconFadeAnimation.interpolate({\n      extrapolate: 'clamp',\n      inputRange: [0, 1],\n      outputRange: ['100%', '88%'],\n    }),\n  };\n\n  const { style: searchBarStyle, ...searchProps } = searchBarProps;\n  return (\n    <Animated.View style={[styles.searchBarContainer, searchBarContainerAnimatedStyle, searchBarStyle]}>\n      <Animated.View style={searchBarAnimatedStyle}>\n        <SearchBar {...searchProps} />\n      </Animated.View>\n      {rightButton && (\n        <Animated.View style={[styles.rightButtonWrapper, optionsIconAnimatedStyle]}>{rightButton}</Animated.View>\n      )}\n    </Animated.View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  rightButtonWrapper: {\n    alignItems: 'flex-end',\n    justifyContent: 'center',\n  },\n  searchBarContainer: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    paddingBottom: 12,\n  },\n});\n\nexport default AnimatedSearchBar;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["AnimatedSearchBar","AnimatedSearchBarProps","SearchBar","SearchBarProps"],"sources":["index.ts"],"sourcesContent":["import AnimatedSearchBar, { AnimatedSearchBarProps } from './animated-search-bar';\nimport SearchBar, { SearchBarProps } from './search-bar';\n\nexport { AnimatedSearchBar, AnimatedSearchBarProps };\nexport { SearchBar, SearchBarProps };\n"],"mappings":"AAAA,OAAOA,iBAAiB,IAAIC,sBAAsB,QAAQ,uBAAuB;AACjF,OAAOC,SAAS,IAAIC,cAAc,QAAQ,cAAc;AAExD,SAASH,iBAAiB,EAAEC,sBAAsB;AAClD,SAASC,SAAS,EAAEC,cAAc"}
+{"version":3,"names":["AnimatedSearchBar","AnimatedSearchBarProps","SearchBar","SearchBarProps"],"sources":["index.ts"],"sourcesContent":["import AnimatedSearchBar, { AnimatedSearchBarProps } from './animated-search-bar';\nimport SearchBar, { SearchBarProps } from './search-bar';\n\nexport { AnimatedSearchBar, AnimatedSearchBarProps };\nexport { SearchBar, SearchBarProps };\n"],"mappings":"AAAA,OAAOA,iBAAiB,IAAIC,sBAAsB,QAAQ,uBAAuB;AACjF,OAAOC,SAAS,IAAIC,cAAc,QAAQ,cAAc;AAExD,SAASH,iBAAiB,EAAEC,sBAAsB;AAClD,SAASC,SAAS,EAAEC,cAAc","ignoreList":[]}

package/lib/module/ui-components/searchbar/search-bar.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { forwardRef, useCallback } from 'react';
 import { Platform, StyleSheet, TextInput, View } from 'react-native';
 import { concatTestID } from '../../utils';
@@ -14,15 +14,14 @@ const hitSlop = {
 };
 
 // https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?node-id=1143-40433&t=HY1KvobxOReLeC8Z-4
-const SearchBar = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-    style,
-    placeholder,
-    searchPhrase,
-    onSearchPhraseChange,
-    testID,
-    ...textInputProps
-  } = _ref;
+const SearchBar = /*#__PURE__*/forwardRef(({
+  style,
+  placeholder,
+  searchPhrase,
+  onSearchPhraseChange,
+  testID,
+  ...textInputProps
+}, ref) => {
   const colorScheme = useAppColorScheme();
   const onClear = useCallback(() => {
     onSearchPhraseChange('');
@@ -46,7 +45,7 @@ const SearchBar = /*#__PURE__*/forwardRef((_ref, ref) => {
     }],
     value: searchPhrase,
     testID: testID
-  }, textInputProps)), searchPhrase && /*#__PURE__*/React.createElement(TouchableOpacity, {
+  }, textInputProps)), searchPhrase ? /*#__PURE__*/React.createElement(TouchableOpacity, {
     testID: concatTestID(testID, 'clear'),
     accessibilityRole: "button",
     hitSlop: hitSlop,
@@ -56,7 +55,7 @@ const SearchBar = /*#__PURE__*/forwardRef((_ref, ref) => {
     color: colorScheme.text,
     height: 12,
     width: 12
-  })));
+  })) : null);
 });
 SearchBar.displayName = 'SearchBar';
 const styles = StyleSheet.create({

package/lib/module/ui-components/searchbar/search-bar.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","useCallback","Platform","StyleSheet","TextInput","View","concatTestID","TouchableOpacity","CloseIcon","SearchIcon","font","useAppColorScheme","hitSlop","top","left","bottom","right","SearchBar","_ref","ref","style","placeholder","searchPhrase","onSearchPhraseChange","testID","textInputProps","colorScheme","onClear","createElement","styles","container","backgroundColor","white","color","text","searchIcon","_extends","accessibilityRole","onChangeText","placeholderTextColor","returnKeyType","textInput","value","onPress","clearButton","height","width","displayName","create","marginLeft","marginRight","alignItems","borderRadius","borderWidth","flexDirection","regular","flex","fontSize","letterSpacing","lineHeight","paddingBottom","OS","undefined"],"sources":["search-bar.tsx"],"sourcesContent":["import React, { forwardRef, useCallback } from 'react';\nimport { Insets, Platform, StyleProp, StyleSheet, TextInput, TextInputProps, View, ViewStyle } from 'react-native';\n\nimport { concatTestID } from '../../utils';\nimport { TouchableOpacity } from '../accessibility';\nimport { CloseIcon, SearchIcon } from '../icons';\nimport font from '../text/font';\nimport { useAppColorScheme } from '../theme';\n\nexport interface SearchBarProps extends TextInputProps {\n  style?: StyleProp<ViewStyle>;\n  placeholder?: string;\n  searchPhrase: string;\n  onSearchPhraseChange: (searchPhrase: string) => void;\n}\n\nconst hitSlop: Insets = { top: 10, left: 10, bottom: 10, right: 10 };\n\n// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?node-id=1143-40433&t=HY1KvobxOReLeC8Z-4\nconst SearchBar = forwardRef<TextInput, SearchBarProps>(\n  ({ style, placeholder, searchPhrase, onSearchPhraseChange, testID, ...textInputProps }, ref) => {\n    const colorScheme = useAppColorScheme();\n\n    const onClear = useCallback(() => {\n      onSearchPhraseChange('');\n    }, [onSearchPhraseChange]);\n\n    return (\n      <View\n        style={[\n          styles.container,\n          {\n            backgroundColor: colorScheme.white,\n          },\n          style,\n        ]}>\n        <SearchIcon color={colorScheme.text} style={styles.searchIcon} />\n        <TextInput\n          accessibilityRole=\"search\"\n          onChangeText={onSearchPhraseChange}\n          placeholder={placeholder}\n          placeholderTextColor={colorScheme.text}\n          ref={ref}\n          returnKeyType=\"search\"\n          style={[styles.textInput, { color: colorScheme.text }]}\n          value={searchPhrase}\n          testID={testID}\n          {...textInputProps}\n        />\n        {searchPhrase && (\n          <TouchableOpacity\n            testID={concatTestID(testID, 'clear')}\n            accessibilityRole=\"button\"\n            hitSlop={hitSlop}\n            onPress={onClear}\n            style={styles.clearButton}>\n            <CloseIcon color={colorScheme.text} height={12} width={12} />\n          </TouchableOpacity>\n        )}\n      </View>\n    );\n  },\n);\n\nSearchBar.displayName = 'SearchBar';\n\nconst styles = StyleSheet.create({\n  clearButton: {\n    marginLeft: 6,\n    marginRight: 16,\n  },\n  container: {\n    alignItems: 'center',\n    borderRadius: 20,\n    borderWidth: 0,\n    flexDirection: 'row',\n    height: 40,\n  },\n  searchIcon: {\n    marginLeft: 8,\n    marginRight: 6,\n  },\n  textInput: {\n    ...font.regular,\n    flex: 1,\n    fontSize: 14,\n    height: 40,\n    letterSpacing: 0.2,\n    lineHeight: 18,\n    paddingBottom: Platform.OS === 'ios' ? 2 : undefined,\n  },\n});\n\nexport default SearchBar;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,WAAW,QAAQ,OAAO;AACtD,SAAiBC,QAAQ,EAAaC,UAAU,EAAEC,SAAS,EAAkBC,IAAI,QAAmB,cAAc;AAElH,SAASC,YAAY,QAAQ,aAAa;AAC1C,SAASC,gBAAgB,QAAQ,kBAAkB;AACnD,SAASC,SAAS,EAAEC,UAAU,QAAQ,UAAU;AAChD,OAAOC,IAAI,MAAM,cAAc;AAC/B,SAASC,iBAAiB,QAAQ,UAAU;AAS5C,MAAMC,OAAe,GAAG;EAAEC,GAAG,EAAE,EAAE;EAAEC,IAAI,EAAE,EAAE;EAAEC,MAAM,EAAE,EAAE;EAAEC,KAAK,EAAE;AAAG,CAAC;;AAEpE;AACA,MAAMC,SAAS,gBAAGjB,UAAU,CAC1B,CAAAkB,IAAA,EAAwFC,GAAG,KAAK;EAAA,IAA/F;IAAEC,KAAK;IAAEC,WAAW;IAAEC,YAAY;IAAEC,oBAAoB;IAAEC,MAAM;IAAE,GAAGC;EAAe,CAAC,GAAAP,IAAA;EACpF,MAAMQ,WAAW,GAAGf,iBAAiB,EAAE;EAEvC,MAAMgB,OAAO,GAAG1B,WAAW,CAAC,MAAM;IAChCsB,oBAAoB,CAAC,EAAE,CAAC;EAC1B,CAAC,EAAE,CAACA,oBAAoB,CAAC,CAAC;EAE1B,oBACExB,KAAA,CAAA6B,aAAA,CAACvB,IAAI;IACHe,KAAK,EAAE,CACLS,MAAM,CAACC,SAAS,EAChB;MACEC,eAAe,EAAEL,WAAW,CAACM;IAC/B,CAAC,EACDZ,KAAK;EACL,gBACFrB,KAAA,CAAA6B,aAAA,CAACnB,UAAU;IAACwB,KAAK,EAAEP,WAAW,CAACQ,IAAK;IAACd,KAAK,EAAES,MAAM,CAACM;EAAW,EAAG,eACjEpC,KAAA,CAAA6B,aAAA,CAACxB,SAAS,EAAAgC,QAAA;IACRC,iBAAiB,EAAC,QAAQ;IAC1BC,YAAY,EAAEf,oBAAqB;IACnCF,WAAW,EAAEA,WAAY;IACzBkB,oBAAoB,EAAEb,WAAW,CAACQ,IAAK;IACvCf,GAAG,EAAEA,GAAI;IACTqB,aAAa,EAAC,QAAQ;IACtBpB,KAAK,EAAE,CAACS,MAAM,CAACY,SAAS,EAAE;MAAER,KAAK,EAAEP,WAAW,CAACQ;IAAK,CAAC,CAAE;IACvDQ,KAAK,EAAEpB,YAAa;IACpBE,MAAM,EAAEA;EAAO,GACXC,cAAc,EAClB,EACDH,YAAY,iBACXvB,KAAA,CAAA6B,aAAA,CAACrB,gBAAgB;IACfiB,MAAM,EAAElB,YAAY,CAACkB,MAAM,EAAE,OAAO,CAAE;IACtCa,iBAAiB,EAAC,QAAQ;IAC1BzB,OAAO,EAAEA,OAAQ;IACjB+B,OAAO,EAAEhB,OAAQ;IACjBP,KAAK,EAAES,MAAM,CAACe;EAAY,gBAC1B7C,KAAA,CAAA6B,aAAA,CAACpB,SAAS;IAACyB,KAAK,EAAEP,WAAW,CAACQ,IAAK;IAACW,MAAM,EAAE,EAAG;IAACC,KAAK,EAAE;EAAG,EAAG,CAEhE,CACI;AAEX,CAAC,CACF;AAED7B,SAAS,CAAC8B,WAAW,GAAG,WAAW;AAEnC,MAAMlB,MAAM,GAAG1B,UAAU,CAAC6C,MAAM,CAAC;EAC/BJ,WAAW,EAAE;IACXK,UAAU,EAAE,CAAC;IACbC,WAAW,EAAE;EACf,CAAC;EACDpB,SAAS,EAAE;IACTqB,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAE,EAAE;IAChBC,WAAW,EAAE,CAAC;IACdC,aAAa,EAAE,KAAK;IACpBT,MAAM,EAAE;EACV,CAAC;EACDV,UAAU,EAAE;IACVc,UAAU,EAAE,CAAC;IACbC,WAAW,EAAE;EACf,CAAC;EACDT,SAAS,EAAE;IACT,GAAG/B,IAAI,CAAC6C,OAAO;IACfC,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,EAAE;IACZZ,MAAM,EAAE,EAAE;IACVa,aAAa,EAAE,GAAG;IAClBC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE1D,QAAQ,CAAC2D,EAAE,KAAK,KAAK,GAAG,CAAC,GAAGC;EAC7C;AACF,CAAC,CAAC;AAEF,eAAe7C,SAAS"}
+{"version":3,"names":["React","forwardRef","useCallback","Platform","StyleSheet","TextInput","View","concatTestID","TouchableOpacity","CloseIcon","SearchIcon","font","useAppColorScheme","hitSlop","top","left","bottom","right","SearchBar","style","placeholder","searchPhrase","onSearchPhraseChange","testID","textInputProps","ref","colorScheme","onClear","createElement","styles","container","backgroundColor","white","color","text","searchIcon","_extends","accessibilityRole","onChangeText","placeholderTextColor","returnKeyType","textInput","value","onPress","clearButton","height","width","displayName","create","marginLeft","marginRight","alignItems","borderRadius","borderWidth","flexDirection","regular","flex","fontSize","letterSpacing","lineHeight","paddingBottom","OS","undefined"],"sources":["search-bar.tsx"],"sourcesContent":["import React, { forwardRef, useCallback } from 'react';\nimport { Insets, Platform, StyleProp, StyleSheet, TextInput, TextInputProps, View, ViewStyle } from 'react-native';\n\nimport { concatTestID } from '../../utils';\nimport { TouchableOpacity } from '../accessibility';\nimport { CloseIcon, SearchIcon } from '../icons';\nimport font from '../text/font';\nimport { useAppColorScheme } from '../theme';\n\nexport interface SearchBarProps extends TextInputProps {\n  style?: StyleProp<ViewStyle>;\n  placeholder?: string;\n  searchPhrase: string;\n  onSearchPhraseChange: (searchPhrase: string) => void;\n}\n\nconst hitSlop: Insets = { top: 10, left: 10, bottom: 10, right: 10 };\n\n// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?node-id=1143-40433&t=HY1KvobxOReLeC8Z-4\nconst SearchBar = forwardRef<TextInput, SearchBarProps>(\n  ({ style, placeholder, searchPhrase, onSearchPhraseChange, testID, ...textInputProps }, ref) => {\n    const colorScheme = useAppColorScheme();\n\n    const onClear = useCallback(() => {\n      onSearchPhraseChange('');\n    }, [onSearchPhraseChange]);\n\n    return (\n      <View\n        style={[\n          styles.container,\n          {\n            backgroundColor: colorScheme.white,\n          },\n          style,\n        ]}>\n        <SearchIcon color={colorScheme.text} style={styles.searchIcon} />\n        <TextInput\n          accessibilityRole=\"search\"\n          onChangeText={onSearchPhraseChange}\n          placeholder={placeholder}\n          placeholderTextColor={colorScheme.text}\n          ref={ref}\n          returnKeyType=\"search\"\n          style={[styles.textInput, { color: colorScheme.text }]}\n          value={searchPhrase}\n          testID={testID}\n          {...textInputProps}\n        />\n        {searchPhrase ? (\n          <TouchableOpacity\n            testID={concatTestID(testID, 'clear')}\n            accessibilityRole=\"button\"\n            hitSlop={hitSlop}\n            onPress={onClear}\n            style={styles.clearButton}>\n            <CloseIcon color={colorScheme.text} height={12} width={12} />\n          </TouchableOpacity>\n        ) : null}\n      </View>\n    );\n  },\n);\n\nSearchBar.displayName = 'SearchBar';\n\nconst styles = StyleSheet.create({\n  clearButton: {\n    marginLeft: 6,\n    marginRight: 16,\n  },\n  container: {\n    alignItems: 'center',\n    borderRadius: 20,\n    borderWidth: 0,\n    flexDirection: 'row',\n    height: 40,\n  },\n  searchIcon: {\n    marginLeft: 8,\n    marginRight: 6,\n  },\n  textInput: {\n    ...font.regular,\n    flex: 1,\n    fontSize: 14,\n    height: 40,\n    letterSpacing: 0.2,\n    lineHeight: 18,\n    paddingBottom: Platform.OS === 'ios' ? 2 : undefined,\n  },\n});\n\nexport default SearchBar;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/ui-components/settings/button-setting.js

@@ -4,16 +4,15 @@ import { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers'
 import { NextIcon } from '../icons/wallet';
 import { useAppColorScheme } from '../theme/color-scheme-context';
 import SettingItem from './setting-item';
-const ButtonSetting = _ref => {
-  let {
-    accessory,
-    disabled,
-    title,
-    onPress,
-    icon,
-    style,
-    testID
-  } = _ref;
+const ButtonSetting = ({
+  accessory,
+  disabled,
+  title,
+  onPress,
+  icon,
+  style,
+  testID
+}) => {
   const colorScheme = useAppColorScheme();
   const accessoryView = useMemo(() => {
     if (!accessory) {
@@ -23,7 +22,7 @@ const ButtonSetting = _ref => {
         color: colorScheme.text
       }));
     }
-    if ( /*#__PURE__*/React.isValidElement(accessory)) {
+    if (/*#__PURE__*/React.isValidElement(accessory)) {
       return accessory;
     } else {
       const AccessoryComponent = accessory;