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

package/lib/module/components/history/history-list-screen.js

@@ -0,0 +1,114 @@
+import { debounce } from 'lodash';
+import React, { useEffect, useMemo, useState } from 'react';
+import { Animated, StyleSheet, View } from 'react-native';
+import { BackButton, FilterButton, FoldableHeader, NavigationHeader, Typography, useAppColorScheme } from '../../ui-components';
+import { concatTestID, groupEntriesByDay, useListContentInset } from '../../utils';
+import { HistoryListView } from './history-list';
+export const HistoryListScreen = ({
+  children,
+  groupItems = groupEntriesByDay,
+  itemInfoLabelMode = 'entity',
+  labels,
+  onBackPressed,
+  onHistoryItemPressed,
+  onOpenFilter,
+  onSearchPhraseChange,
+  queryParams,
+  testID = 'HistoryScreen'
+}) => {
+  const colorScheme = useAppColorScheme();
+  const [empty, setEmpty] = useState(false);
+  const [scrollOffset] = useState(() => new Animated.Value(0));
+  const [searchPhrase, setSearchPhrase] = useState('');
+  const searchBarVisible = !empty || Boolean(queryParams.searchText);
+  const handleSearchPhraseChange = useMemo(() => debounce(onSearchPhraseChange, 500), [onSearchPhraseChange]);
+  useEffect(() => {
+    handleSearchPhraseChange(searchPhrase || undefined);
+  }, [searchPhrase, handleSearchPhraseChange]);
+  const headerHeight = searchBarVisible ? 112 : 70;
+  const insets = useListContentInset({
+    additionalBottomPadding: 24,
+    headerHeight
+  });
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, {
+      backgroundColor: colorScheme.background
+    }],
+    testID: testID
+  }, empty && /*#__PURE__*/React.createElement(View, {
+    style: [styles.emptyNotice, {
+      backgroundColor: colorScheme.white,
+      marginTop: insets.paddingTop
+    }]
+  }, /*#__PURE__*/React.createElement(Typography, {
+    align: "center",
+    color: colorScheme.text,
+    preset: "s"
+  }, labels.emptyTitle), /*#__PURE__*/React.createElement(Typography, {
+    align: "center",
+    color: colorScheme.text,
+    preset: "s/line-height-small",
+    style: styles.shaded
+  }, labels.emptySubtitle)), /*#__PURE__*/React.createElement(HistoryListView, {
+    contentContainerStyle: insets,
+    groupItems: groupItems,
+    itemProps: {
+      infoLabelMode: itemInfoLabelMode,
+      onPress: onHistoryItemPressed
+    },
+    onEmpty: setEmpty,
+    onScroll: Animated.event([{
+      nativeEvent: {
+        contentOffset: {
+          y: scrollOffset
+        }
+      }
+    }], {
+      useNativeDriver: true
+    }),
+    query: queryParams,
+    testID: concatTestID(testID, 'list'),
+    labels: labels.list
+  }), children, /*#__PURE__*/React.createElement(FoldableHeader, {
+    header: /*#__PURE__*/React.createElement(NavigationHeader, {
+      backgroundColor: 'transparent',
+      leftItem: /*#__PURE__*/React.createElement(BackButton, {
+        onPress: onBackPressed,
+        testID: concatTestID(testID, 'back')
+      }),
+      title: labels.title
+    }),
+    scrollOffset: scrollOffset,
+    searchBar: !searchBarVisible ? undefined : {
+      rightButton: onOpenFilter ? /*#__PURE__*/React.createElement(FilterButton, {
+        active: Boolean(queryParams.credentialSchemaId),
+        onPress: onOpenFilter,
+        testID: concatTestID(testID, 'filter')
+      }) : undefined,
+      rightButtonAlwaysVisible: true,
+      searchBarProps: {
+        onSearchPhraseChange: setSearchPhrase,
+        placeholder: labels.search,
+        searchPhrase,
+        testID: concatTestID(testID, 'search')
+      }
+    },
+    staticHeader: !searchBarVisible
+  }));
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  emptyNotice: {
+    borderRadius: 12,
+    marginHorizontal: 16,
+    paddingBottom: 20,
+    paddingHorizontal: 12,
+    paddingTop: 16
+  },
+  shaded: {
+    opacity: 0.7
+  }
+});
+//# sourceMappingURL=history-list-screen.js.map

package/lib/module/components/history/history-list-screen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["debounce","React","useEffect","useMemo","useState","Animated","StyleSheet","View","BackButton","FilterButton","FoldableHeader","NavigationHeader","Typography","useAppColorScheme","concatTestID","groupEntriesByDay","useListContentInset","HistoryListView","HistoryListScreen","children","groupItems","itemInfoLabelMode","labels","onBackPressed","onHistoryItemPressed","onOpenFilter","onSearchPhraseChange","queryParams","testID","colorScheme","empty","setEmpty","scrollOffset","Value","searchPhrase","setSearchPhrase","searchBarVisible","Boolean","searchText","handleSearchPhraseChange","undefined","headerHeight","insets","additionalBottomPadding","createElement","style","styles","container","backgroundColor","background","emptyNotice","white","marginTop","paddingTop","align","color","text","preset","emptyTitle","shaded","emptySubtitle","contentContainerStyle","itemProps","infoLabelMode","onPress","onEmpty","onScroll","event","nativeEvent","contentOffset","y","useNativeDriver","query","list","header","leftItem","title","searchBar","rightButton","active","credentialSchemaId","rightButtonAlwaysVisible","searchBarProps","placeholder","search","staticHeader","create","flex","borderRadius","marginHorizontal","paddingBottom","paddingHorizontal","opacity"],"sources":["history-list-screen.tsx"],"sourcesContent":["import { HistoryListItem, HistoryListQuery } from '@procivis/react-native-one-core';\nimport { debounce } from 'lodash';\nimport React, { FC, PropsWithChildren, useEffect, useMemo, useState } from 'react';\nimport { Animated, StyleSheet, View } from 'react-native';\n\nimport {\n  BackButton,\n  FilterButton,\n  FoldableHeader,\n  NavigationHeader,\n  Typography,\n  useAppColorScheme,\n} from '../../ui-components';\nimport { concatTestID, groupEntriesByDay, HistoryGroupByDaySection, useListContentInset } from '../../utils';\nimport { HistoryListLabels, HistoryListView } from './history-list';\nimport { HistoryListItemViewProps } from './history-list-item';\n\nexport type HistoryListScreenLabels = {\n  emptyTitle: string;\n  emptySubtitle: string;\n  list: HistoryListLabels;\n  title: string;\n  search: string;\n};\n\nexport type HistoryListScreenProps = {\n  groupItems?: (entries: HistoryListItem[]) => HistoryGroupByDaySection[];\n  itemInfoLabelMode?: HistoryListItemViewProps['infoLabelMode'];\n  labels: HistoryListScreenLabels;\n  onBackPressed: () => void;\n  onHistoryItemPressed: (historyItem: HistoryListItem) => void;\n  onOpenFilter?: () => void;\n  onSearchPhraseChange: (searchPhrase: string | undefined) => void;\n  queryParams: Partial<HistoryListQuery>;\n  testID?: string;\n};\n\nexport const HistoryListScreen: FC<PropsWithChildren<HistoryListScreenProps>> = ({\n  children,\n  groupItems = groupEntriesByDay,\n  itemInfoLabelMode = 'entity',\n  labels,\n  onBackPressed,\n  onHistoryItemPressed,\n  onOpenFilter,\n  onSearchPhraseChange,\n  queryParams,\n  testID = 'HistoryScreen',\n}) => {\n  const colorScheme = useAppColorScheme();\n  const [empty, setEmpty] = useState<boolean>(false);\n  const [scrollOffset] = useState(() => new Animated.Value(0));\n\n  const [searchPhrase, setSearchPhrase] = useState<string>('');\n  const searchBarVisible = !empty || Boolean(queryParams.searchText);\n\n  const handleSearchPhraseChange = useMemo(() => debounce(onSearchPhraseChange, 500), [onSearchPhraseChange]);\n  useEffect(() => {\n    handleSearchPhraseChange(searchPhrase || undefined);\n  }, [searchPhrase, handleSearchPhraseChange]);\n\n  const headerHeight = searchBarVisible ? 112 : 70;\n\n  const insets = useListContentInset({\n    additionalBottomPadding: 24,\n    headerHeight,\n  });\n\n  return (\n    <View\n      style={[\n        styles.container,\n        {\n          backgroundColor: colorScheme.background,\n        },\n      ]}\n      testID={testID}>\n      {empty && (\n        <View\n          style={[\n            styles.emptyNotice,\n            {\n              backgroundColor: colorScheme.white,\n              marginTop: insets.paddingTop,\n            },\n          ]}>\n          <Typography align=\"center\" color={colorScheme.text} preset=\"s\">\n            {labels.emptyTitle}\n          </Typography>\n          <Typography align=\"center\" color={colorScheme.text} preset=\"s/line-height-small\" style={styles.shaded}>\n            {labels.emptySubtitle}\n          </Typography>\n        </View>\n      )}\n      <HistoryListView\n        contentContainerStyle={insets}\n        groupItems={groupItems}\n        itemProps={{ infoLabelMode: itemInfoLabelMode, onPress: onHistoryItemPressed }}\n        onEmpty={setEmpty}\n        onScroll={Animated.event([{ nativeEvent: { contentOffset: { y: scrollOffset } } }], {\n          useNativeDriver: true,\n        })}\n        query={queryParams}\n        testID={concatTestID(testID, 'list')}\n        labels={labels.list}\n      />\n      {children}\n      <FoldableHeader\n        header={\n          <NavigationHeader\n            backgroundColor={'transparent'}\n            leftItem={<BackButton onPress={onBackPressed} testID={concatTestID(testID, 'back')} />}\n            title={labels.title}\n          />\n        }\n        scrollOffset={scrollOffset}\n        searchBar={\n          !searchBarVisible\n            ? undefined\n            : {\n                rightButton: onOpenFilter ? (\n                  <FilterButton\n                    active={Boolean(queryParams.credentialSchemaId)}\n                    onPress={onOpenFilter}\n                    testID={concatTestID(testID, 'filter')}\n                  />\n                ) : undefined,\n                rightButtonAlwaysVisible: true,\n                searchBarProps: {\n                  onSearchPhraseChange: setSearchPhrase,\n                  placeholder: labels.search,\n                  searchPhrase,\n                  testID: concatTestID(testID, 'search'),\n                },\n              }\n        }\n        staticHeader={!searchBarVisible}\n      />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n  emptyNotice: {\n    borderRadius: 12,\n    marginHorizontal: 16,\n    paddingBottom: 20,\n    paddingHorizontal: 12,\n    paddingTop: 16,\n  },\n  shaded: {\n    opacity: 0.7,\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/lib/module/components/history/history-list-section-header.js

@@ -0,0 +1,29 @@
+import moment from 'moment';
+import React, { useMemo } from 'react';
+import { HistorySectionHeaderView } from '../../ui-components';
+// components used on the history section lists (Settings->History, CredentialDetail->History)
+// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=1246-51813&mode=dev
+
+export const HistoryListSectionHeaderView = ({
+  date,
+  firstYearEntry,
+  labels,
+  testID
+}) => {
+  const day = useMemo(() => {
+    const now = moment();
+    const dateString = moment(date);
+    if (dateString.isSame(now, 'day')) {
+      return labels.today;
+    } else if (dateString.isSame(now.subtract(1, 'day'), 'day')) {
+      return labels.yesterday;
+    }
+    return dateString.format('Do MMMM');
+  }, [date, labels]);
+  return /*#__PURE__*/React.createElement(HistorySectionHeaderView, {
+    day: day,
+    testID: testID,
+    year: firstYearEntry ? date.year().toString() : undefined
+  });
+};
+//# sourceMappingURL=history-list-section-header.js.map

package/lib/module/components/history/history-list-section-header.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["moment","React","useMemo","HistorySectionHeaderView","HistoryListSectionHeaderView","date","firstYearEntry","labels","testID","day","now","dateString","isSame","today","subtract","yesterday","format","createElement","year","toString","undefined"],"sources":["history-list-section-header.tsx"],"sourcesContent":["import moment, { Moment } from 'moment';\nimport React, { FC, useMemo } from 'react';\n\nimport { HistorySectionHeaderView } from '../../ui-components';\n\nexport type HistoryListSectionHeaderLabels = {\n  today: string;\n  yesterday: string;\n};\n\nexport type HistoryListSectionHeaderViewProps = {\n  date: Moment;\n  firstYearEntry: boolean;\n  labels: HistoryListSectionHeaderLabels;\n  testID?: string;\n};\n\n// components used on the history section lists (Settings->History, CredentialDetail->History)\n// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=1246-51813&mode=dev\n\nexport const HistoryListSectionHeaderView: FC<HistoryListSectionHeaderViewProps> = ({\n  date,\n  firstYearEntry,\n  labels,\n  testID,\n}) => {\n  const day = useMemo(() => {\n    const now = moment();\n    const dateString = moment(date);\n\n    if (dateString.isSame(now, 'day')) {\n      return labels.today;\n    } else if (dateString.isSame(now.subtract(1, 'day'), 'day')) {\n      return labels.yesterday;\n    }\n    return dateString.format('Do MMMM');\n  }, [date, labels]);\n\n  return (\n    <HistorySectionHeaderView day={day} testID={testID} year={firstYearEntry ? date.year().toString() : undefined} />\n  );\n};\n"],"mappings":"AAAA,OAAOA,MAAM,MAAkB,QAAQ;AACvC,OAAOC,KAAK,IAAQC,OAAO,QAAQ,OAAO;AAE1C,SAASC,wBAAwB,QAAQ,qBAAqB;AAc9D;AACA;;AAEA,OAAO,MAAMC,4BAAmE,GAAGA,CAAC;EAClFC,IAAI;EACJC,cAAc;EACdC,MAAM;EACNC;AACF,CAAC,KAAK;EACJ,MAAMC,GAAG,GAAGP,OAAO,CAAC,MAAM;IACxB,MAAMQ,GAAG,GAAGV,MAAM,CAAC,CAAC;IACpB,MAAMW,UAAU,GAAGX,MAAM,CAACK,IAAI,CAAC;IAE/B,IAAIM,UAAU,CAACC,MAAM,CAACF,GAAG,EAAE,KAAK,CAAC,EAAE;MACjC,OAAOH,MAAM,CAACM,KAAK;IACrB,CAAC,MAAM,IAAIF,UAAU,CAACC,MAAM,CAACF,GAAG,CAACI,QAAQ,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,EAAE;MAC3D,OAAOP,MAAM,CAACQ,SAAS;IACzB;IACA,OAAOJ,UAAU,CAACK,MAAM,CAAC,SAAS,CAAC;EACrC,CAAC,EAAE,CAACX,IAAI,EAAEE,MAAM,CAAC,CAAC;EAElB,oBACEN,KAAA,CAAAgB,aAAA,CAACd,wBAAwB;IAACM,GAAG,EAAEA,GAAI;IAACD,MAAM,EAAEA,MAAO;IAACU,IAAI,EAAEZ,cAAc,GAAGD,IAAI,CAACa,IAAI,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC,GAAGC;EAAU,CAAE,CAAC;AAErH,CAAC","ignoreList":[]}

package/lib/module/components/history/history-list.js

@@ -0,0 +1,90 @@
+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 { useIsFocused } from '@react-navigation/native';
+import React, { useCallback, useMemo } from 'react';
+import { Animated, StyleSheet } from 'react-native';
+import { ActivityIndicator, useAppColorScheme } from '../../ui-components';
+import ListPageLoadingIndicator from '../../ui-components/list/list-page-loading-indicator';
+import { concatTestID, useHistory } from '../../utils';
+import { groupEntriesByDay } from '../../utils/history';
+import { HistoryListItemView } from './history-list-item';
+import { HistoryListSectionHeaderView } from './history-list-section-header';
+export const HistoryListView = ({
+  query,
+  contentContainerStyle,
+  getItemProps,
+  groupItems = groupEntriesByDay,
+  itemProps,
+  labels,
+  onEmpty,
+  onScroll,
+  ...props
+}) => {
+  const isFocused = useIsFocused();
+  const colorScheme = useAppColorScheme();
+  const {
+    data: historyData,
+    fetchNextPage: fetchNextHistoryPage,
+    hasNextPage: hasNextHistoryPage,
+    isLoading
+  } = useHistory(query);
+  const history = useMemo(() => {
+    const items = historyData === null || historyData === void 0 ? void 0 : historyData.pages.flat().map(page => page.values).flat();
+    if (!items) {
+      return undefined;
+    }
+    if (historyData) {
+      setImmediate(() => onEmpty === null || onEmpty === void 0 ? void 0 : onEmpty(!items.length));
+    }
+    return groupItems(items);
+  }, [historyData, onEmpty, groupItems]);
+  const onEndReached = useCallback(() => {
+    if (hasNextHistoryPage) {
+      fetchNextHistoryPage().catch(() => {});
+    }
+  }, [fetchNextHistoryPage, hasNextHistoryPage]);
+  if (!history) {
+    return /*#__PURE__*/React.createElement(ActivityIndicator, {
+      animate: isFocused
+    });
+  }
+  return /*#__PURE__*/React.createElement(Animated.SectionList, _extends({
+    ListFooterComponent: isLoading ? /*#__PURE__*/React.createElement(ListPageLoadingIndicator, {
+      color: colorScheme.accent,
+      style: styles.footer
+    }) : undefined,
+    contentContainerStyle: [styles.listContent, contentContainerStyle],
+    keyExtractor: item => item.id,
+    onEndReached: onEndReached,
+    onScroll: onScroll,
+    renderItem: ({
+      item,
+      index,
+      section
+    }) => /*#__PURE__*/React.createElement(HistoryListItemView, _extends({
+      first: !index,
+      item: item,
+      labels: labels.item,
+      last: index === section.data.length - 1,
+      testID: concatTestID(props.testID, 'item', index.toString())
+    }, itemProps, getItemProps === null || getItemProps === void 0 ? void 0 : getItemProps(item))),
+    renderSectionHeader: ({
+      section
+    }) => /*#__PURE__*/React.createElement(HistoryListSectionHeaderView, {
+      date: section.date,
+      firstYearEntry: section.firstYearEntry,
+      labels: labels.sectionHeader,
+      testID: concatTestID(props.testID, 'section')
+    }),
+    sections: history,
+    stickySectionHeadersEnabled: false
+  }, props));
+};
+const styles = StyleSheet.create({
+  footer: {
+    marginVertical: 16
+  },
+  listContent: {
+    paddingHorizontal: 16
+  }
+});
+//# sourceMappingURL=history-list.js.map

package/lib/module/components/history/history-list.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useIsFocused","React","useCallback","useMemo","Animated","StyleSheet","ActivityIndicator","useAppColorScheme","ListPageLoadingIndicator","concatTestID","useHistory","groupEntriesByDay","HistoryListItemView","HistoryListSectionHeaderView","HistoryListView","query","contentContainerStyle","getItemProps","groupItems","itemProps","labels","onEmpty","onScroll","props","isFocused","colorScheme","data","historyData","fetchNextPage","fetchNextHistoryPage","hasNextPage","hasNextHistoryPage","isLoading","history","items","pages","flat","map","page","values","undefined","setImmediate","length","onEndReached","catch","createElement","animate","SectionList","_extends","ListFooterComponent","color","accent","style","styles","footer","listContent","keyExtractor","item","id","renderItem","index","section","first","last","testID","toString","renderSectionHeader","date","firstYearEntry","sectionHeader","sections","stickySectionHeadersEnabled","create","marginVertical","paddingHorizontal"],"sources":["history-list.tsx"],"sourcesContent":["import { HistoryListItem, HistoryListQuery } from '@procivis/react-native-one-core';\nimport { useIsFocused } from '@react-navigation/native';\nimport React, { FC, useCallback, useMemo } from 'react';\nimport { Animated, SectionListProps, StyleSheet } from 'react-native';\n\nimport { ActivityIndicator, useAppColorScheme } from '../../ui-components';\nimport ListPageLoadingIndicator from '../../ui-components/list/list-page-loading-indicator';\nimport { concatTestID, useHistory } from '../../utils';\nimport { groupEntriesByDay, HistoryGroupByDaySection } from '../../utils/history';\nimport { HistoryListItemLabels, HistoryListItemView, HistoryListItemViewProps } from './history-list-item';\nimport { HistoryListSectionHeaderLabels, HistoryListSectionHeaderView } from './history-list-section-header';\n\nexport type HistoryListLabels = {\n  sectionHeader: HistoryListSectionHeaderLabels;\n  item: HistoryListItemLabels;\n};\n\nexport interface HistoryListViewProps\n  extends Omit<SectionListProps<HistoryListItem, HistoryGroupByDaySection>, 'sections'> {\n  // optional customization of item props\n  getItemProps?: (item: HistoryListItem) => Partial<HistoryListItemViewProps> | undefined;\n  groupItems?: (entries: HistoryListItem[]) => HistoryGroupByDaySection[];\n  itemProps?: Partial<HistoryListItemViewProps>;\n  labels: HistoryListLabels;\n  // callback when empty list displayed\n  onEmpty?: (empty: boolean) => void;\n  query: Partial<HistoryListQuery>;\n}\n\nexport const HistoryListView: FC<HistoryListViewProps> = ({\n  query,\n  contentContainerStyle,\n  getItemProps,\n  groupItems = groupEntriesByDay,\n  itemProps,\n  labels,\n  onEmpty,\n  onScroll,\n  ...props\n}) => {\n  const isFocused = useIsFocused();\n  const colorScheme = useAppColorScheme();\n  const {\n    data: historyData,\n    fetchNextPage: fetchNextHistoryPage,\n    hasNextPage: hasNextHistoryPage,\n    isLoading,\n  } = useHistory(query);\n\n  const history = useMemo(() => {\n    const items = historyData?.pages\n      .flat()\n      .map((page) => page.values)\n      .flat();\n    if (!items) {\n      return undefined;\n    }\n    if (historyData) {\n      setImmediate(() => onEmpty?.(!items.length));\n    }\n    return groupItems(items);\n  }, [historyData, onEmpty, groupItems]);\n\n  const onEndReached = useCallback(() => {\n    if (hasNextHistoryPage) {\n      fetchNextHistoryPage().catch(() => {});\n    }\n  }, [fetchNextHistoryPage, hasNextHistoryPage]);\n\n  if (!history) {\n    return <ActivityIndicator animate={isFocused} />;\n  }\n\n  return (\n    <Animated.SectionList<HistoryListItem, HistoryGroupByDaySection>\n      ListFooterComponent={\n        isLoading ? <ListPageLoadingIndicator color={colorScheme.accent} style={styles.footer} /> : undefined\n      }\n      contentContainerStyle={[styles.listContent, contentContainerStyle]}\n      keyExtractor={(item) => item.id}\n      onEndReached={onEndReached}\n      onScroll={onScroll}\n      renderItem={({ item, index, section }) => (\n        <HistoryListItemView\n          first={!index}\n          item={item}\n          labels={labels.item}\n          last={index === section.data.length - 1}\n          testID={concatTestID(props.testID, 'item', index.toString())}\n          {...itemProps}\n          {...getItemProps?.(item)}\n        />\n      )}\n      renderSectionHeader={({ section }) => (\n        <HistoryListSectionHeaderView\n          date={section.date}\n          firstYearEntry={section.firstYearEntry}\n          labels={labels.sectionHeader}\n          testID={concatTestID(props.testID, 'section')}\n        />\n      )}\n      sections={history}\n      stickySectionHeadersEnabled={false}\n      {...props}\n    />\n  );\n};\n\nconst styles = StyleSheet.create({\n  footer: {\n    marginVertical: 16,\n  },\n  listContent: {\n    paddingHorizontal: 16,\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/lib/module/components/history/index.js

@@ -0,0 +1,7 @@
+export * from './history-details-screen';
+export * from './history-list';
+export * from './history-list-item';
+export * from './history-list-item-icon';
+export * from './history-list-screen';
+export * from './history-list-section-header';
+//# sourceMappingURL=index.js.map

package/lib/module/components/history/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from './history-details-screen';\nexport * from './history-list';\nexport * from './history-list-item';\nexport * from './history-list-item-icon';\nexport * from './history-list-screen';\nexport * from './history-list-section-header';\n"],"mappings":"AAAA,cAAc,0BAA0B;AACxC,cAAc,gBAAgB;AAC9B,cAAc,qBAAqB;AACnC,cAAc,0BAA0B;AACxC,cAAc,uBAAuB;AACrC,cAAc,+BAA+B","ignoreList":[]}

package/lib/module/components/index.js

@@ -1,6 +1,7 @@
 export * from './backup';
 export * from './credential';
 export * from './entity';
+export * from './history';
 export * from './navigation';
 export * from './proof-request';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from './backup';\nexport * from './credential';\nexport * from './entity';\nexport * from './navigation';\nexport * from './proof-request';\n"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,cAAc,iBAAiB"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from './backup';\nexport * from './credential';\nexport * from './entity';\nexport * from './history';\nexport * from './navigation';\nexport * from './proof-request';\n"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,cAAc;AAC5B,cAAc,iBAAiB","ignoreList":[]}

package/lib/module/components/navigation/header-buttons.js

@@ -1,11 +1,10 @@
 import { useNavigation } from '@react-navigation/native';
 import React, { useCallback } from 'react';
 import { BackButton, BackButtonIcon, GhostButton, InfoIcon, OptionsIcon } from '../../ui-components';
-export const HeaderBackButton = _ref => {
-  let {
-    onPress,
-    testID
-  } = _ref;
+export const HeaderBackButton = ({
+  onPress,
+  testID
+}) => {
   const navigation = useNavigation();
   const handleBackButtonPress = useCallback(() => {
     if (onPress) {
@@ -21,11 +20,10 @@ export const HeaderBackButton = _ref => {
     testID: testID
   });
 };
-export const HeaderCloseButton = _ref2 => {
-  let {
-    onPress,
-    testID
-  } = _ref2;
+export const HeaderCloseButton = ({
+  onPress,
+  testID
+}) => {
   const navigation = useNavigation();
   const handleCloseButtonPress = useCallback(() => {
     if (onPress) {
@@ -39,12 +37,11 @@ export const HeaderCloseButton = _ref2 => {
     testID: testID
   });
 };
-export const HeaderInfoButton = _ref3 => {
-  let {
-    accessibilityLabel,
-    onPress,
-    testID
-  } = _ref3;
+export const HeaderInfoButton = ({
+  accessibilityLabel,
+  onPress,
+  testID
+}) => {
   return /*#__PURE__*/React.createElement(GhostButton, {
     accessibilityLabel: accessibilityLabel,
     icon: InfoIcon,
@@ -52,13 +49,12 @@ export const HeaderInfoButton = _ref3 => {
     testID: testID
   });
 };
-export const HeaderOptionsButton = _ref4 => {
-  let {
-    onPress,
-    testID,
-    style,
-    accessibilityLabel
-  } = _ref4;
+export const HeaderOptionsButton = ({
+  onPress,
+  testID,
+  style,
+  accessibilityLabel
+}) => {
   return /*#__PURE__*/React.createElement(GhostButton, {
     accessibilityLabel: accessibilityLabel,
     icon: OptionsIcon,

package/lib/module/components/navigation/header-buttons.js.map

@@ -1 +1 @@
-{"version":3,"names":["useNavigation","React","useCallback","BackButton","BackButtonIcon","GhostButton","InfoIcon","OptionsIcon","HeaderBackButton","_ref","onPress","testID","navigation","handleBackButtonPress","goBack","canGoBack","createElement","HeaderCloseButton","_ref2","handleCloseButtonPress","icon","Close","HeaderInfoButton","_ref3","accessibilityLabel","HeaderOptionsButton","_ref4","style"],"sources":["header-buttons.tsx"],"sourcesContent":["import { useNavigation } from '@react-navigation/native';\nimport React, { FC, useCallback } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\n\nimport { BackButton, BackButtonIcon, GhostButton, InfoIcon, OptionsIcon } from '../../ui-components';\n\nexport type HeaderButtonProps = {\n  onPress?: () => void;\n  testID: string;\n};\n\nexport const HeaderBackButton: FC<HeaderButtonProps> = ({ onPress, testID }) => {\n  const navigation = useNavigation();\n  const handleBackButtonPress = useCallback(() => {\n    if (onPress) {\n      return onPress();\n    }\n    navigation.goBack();\n  }, [onPress, navigation]);\n  if (!navigation.canGoBack) {\n    return null;\n  }\n  return <BackButton onPress={handleBackButtonPress} testID={testID} />;\n};\n\nexport const HeaderCloseButton: FC<HeaderButtonProps> = ({ onPress, testID }) => {\n  const navigation = useNavigation();\n  const handleCloseButtonPress = useCallback(() => {\n    if (onPress) {\n      return onPress();\n    }\n    navigation.goBack();\n  }, [onPress, navigation]);\n  return <BackButton icon={BackButtonIcon.Close} onPress={handleCloseButtonPress} testID={testID} />;\n};\n\nexport type HeaderInfoButtonProps = {\n  accessibilityLabel: string;\n  onPress: () => void;\n  testID: string;\n};\n\nexport const HeaderInfoButton: FC<HeaderInfoButtonProps> = ({ accessibilityLabel, onPress, testID }) => {\n  return <GhostButton accessibilityLabel={accessibilityLabel} icon={InfoIcon} onPress={onPress} testID={testID} />;\n};\n\nexport type HeaderOptionsButtonProps = {\n  accessibilityLabel: string;\n  onPress: () => void;\n  style?: StyleProp<ViewStyle>;\n  testID: string;\n};\n\nexport const HeaderOptionsButton: FC<HeaderOptionsButtonProps> = ({ onPress, testID, style, accessibilityLabel }) => {\n  return (\n    <GhostButton\n      accessibilityLabel={accessibilityLabel}\n      icon={OptionsIcon}\n      onPress={onPress}\n      style={style}\n      testID={testID}\n    />\n  );\n};\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,0BAA0B;AACxD,OAAOC,KAAK,IAAQC,WAAW,QAAQ,OAAO;AAG9C,SAASC,UAAU,EAAEC,cAAc,EAAEC,WAAW,EAAEC,QAAQ,EAAEC,WAAW,QAAQ,qBAAqB;AAOpG,OAAO,MAAMC,gBAAuC,GAAGC,IAAA,IAAyB;EAAA,IAAxB;IAAEC,OAAO;IAAEC;EAAO,CAAC,GAAAF,IAAA;EACzE,MAAMG,UAAU,GAAGZ,aAAa,EAAE;EAClC,MAAMa,qBAAqB,GAAGX,WAAW,CAAC,MAAM;IAC9C,IAAIQ,OAAO,EAAE;MACX,OAAOA,OAAO,EAAE;IAClB;IACAE,UAAU,CAACE,MAAM,EAAE;EACrB,CAAC,EAAE,CAACJ,OAAO,EAAEE,UAAU,CAAC,CAAC;EACzB,IAAI,CAACA,UAAU,CAACG,SAAS,EAAE;IACzB,OAAO,IAAI;EACb;EACA,oBAAOd,KAAA,CAAAe,aAAA,CAACb,UAAU;IAACO,OAAO,EAAEG,qBAAsB;IAACF,MAAM,EAAEA;EAAO,EAAG;AACvE,CAAC;AAED,OAAO,MAAMM,iBAAwC,GAAGC,KAAA,IAAyB;EAAA,IAAxB;IAAER,OAAO;IAAEC;EAAO,CAAC,GAAAO,KAAA;EAC1E,MAAMN,UAAU,GAAGZ,aAAa,EAAE;EAClC,MAAMmB,sBAAsB,GAAGjB,WAAW,CAAC,MAAM;IAC/C,IAAIQ,OAAO,EAAE;MACX,OAAOA,OAAO,EAAE;IAClB;IACAE,UAAU,CAACE,MAAM,EAAE;EACrB,CAAC,EAAE,CAACJ,OAAO,EAAEE,UAAU,CAAC,CAAC;EACzB,oBAAOX,KAAA,CAAAe,aAAA,CAACb,UAAU;IAACiB,IAAI,EAAEhB,cAAc,CAACiB,KAAM;IAACX,OAAO,EAAES,sBAAuB;IAACR,MAAM,EAAEA;EAAO,EAAG;AACpG,CAAC;AAQD,OAAO,MAAMW,gBAA2C,GAAGC,KAAA,IAA6C;EAAA,IAA5C;IAAEC,kBAAkB;IAAEd,OAAO;IAAEC;EAAO,CAAC,GAAAY,KAAA;EACjG,oBAAOtB,KAAA,CAAAe,aAAA,CAACX,WAAW;IAACmB,kBAAkB,EAAEA,kBAAmB;IAACJ,IAAI,EAAEd,QAAS;IAACI,OAAO,EAAEA,OAAQ;IAACC,MAAM,EAAEA;EAAO,EAAG;AAClH,CAAC;AASD,OAAO,MAAMc,mBAAiD,GAAGC,KAAA,IAAoD;EAAA,IAAnD;IAAEhB,OAAO;IAAEC,MAAM;IAAEgB,KAAK;IAAEH;EAAmB,CAAC,GAAAE,KAAA;EAC9G,oBACEzB,KAAA,CAAAe,aAAA,CAACX,WAAW;IACVmB,kBAAkB,EAAEA,kBAAmB;IACvCJ,IAAI,EAAEb,WAAY;IAClBG,OAAO,EAAEA,OAAQ;IACjBiB,KAAK,EAAEA,KAAM;IACbhB,MAAM,EAAEA;EAAO,EACf;AAEN,CAAC"}
+{"version":3,"names":["useNavigation","React","useCallback","BackButton","BackButtonIcon","GhostButton","InfoIcon","OptionsIcon","HeaderBackButton","onPress","testID","navigation","handleBackButtonPress","goBack","canGoBack","createElement","HeaderCloseButton","handleCloseButtonPress","icon","Close","HeaderInfoButton","accessibilityLabel","HeaderOptionsButton","style"],"sources":["header-buttons.tsx"],"sourcesContent":["import { useNavigation } from '@react-navigation/native';\nimport React, { FC, useCallback } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\n\nimport { BackButton, BackButtonIcon, GhostButton, InfoIcon, OptionsIcon } from '../../ui-components';\n\nexport type HeaderButtonProps = {\n  onPress?: () => void;\n  testID: string;\n};\n\nexport const HeaderBackButton: FC<HeaderButtonProps> = ({ onPress, testID }) => {\n  const navigation = useNavigation();\n  const handleBackButtonPress = useCallback(() => {\n    if (onPress) {\n      return onPress();\n    }\n    navigation.goBack();\n  }, [onPress, navigation]);\n  if (!navigation.canGoBack) {\n    return null;\n  }\n  return <BackButton onPress={handleBackButtonPress} testID={testID} />;\n};\n\nexport const HeaderCloseButton: FC<HeaderButtonProps> = ({ onPress, testID }) => {\n  const navigation = useNavigation();\n  const handleCloseButtonPress = useCallback(() => {\n    if (onPress) {\n      return onPress();\n    }\n    navigation.goBack();\n  }, [onPress, navigation]);\n  return <BackButton icon={BackButtonIcon.Close} onPress={handleCloseButtonPress} testID={testID} />;\n};\n\nexport type HeaderInfoButtonProps = {\n  accessibilityLabel: string;\n  onPress: () => void;\n  testID: string;\n};\n\nexport const HeaderInfoButton: FC<HeaderInfoButtonProps> = ({ accessibilityLabel, onPress, testID }) => {\n  return <GhostButton accessibilityLabel={accessibilityLabel} icon={InfoIcon} onPress={onPress} testID={testID} />;\n};\n\nexport type HeaderOptionsButtonProps = {\n  accessibilityLabel: string;\n  onPress: () => void;\n  style?: StyleProp<ViewStyle>;\n  testID: string;\n};\n\nexport const HeaderOptionsButton: FC<HeaderOptionsButtonProps> = ({ onPress, testID, style, accessibilityLabel }) => {\n  return (\n    <GhostButton\n      accessibilityLabel={accessibilityLabel}\n      icon={OptionsIcon}\n      onPress={onPress}\n      style={style}\n      testID={testID}\n    />\n  );\n};\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,0BAA0B;AACxD,OAAOC,KAAK,IAAQC,WAAW,QAAQ,OAAO;AAG9C,SAASC,UAAU,EAAEC,cAAc,EAAEC,WAAW,EAAEC,QAAQ,EAAEC,WAAW,QAAQ,qBAAqB;AAOpG,OAAO,MAAMC,gBAAuC,GAAGA,CAAC;EAAEC,OAAO;EAAEC;AAAO,CAAC,KAAK;EAC9E,MAAMC,UAAU,GAAGX,aAAa,CAAC,CAAC;EAClC,MAAMY,qBAAqB,GAAGV,WAAW,CAAC,MAAM;IAC9C,IAAIO,OAAO,EAAE;MACX,OAAOA,OAAO,CAAC,CAAC;IAClB;IACAE,UAAU,CAACE,MAAM,CAAC,CAAC;EACrB,CAAC,EAAE,CAACJ,OAAO,EAAEE,UAAU,CAAC,CAAC;EACzB,IAAI,CAACA,UAAU,CAACG,SAAS,EAAE;IACzB,OAAO,IAAI;EACb;EACA,oBAAOb,KAAA,CAAAc,aAAA,CAACZ,UAAU;IAACM,OAAO,EAAEG,qBAAsB;IAACF,MAAM,EAAEA;EAAO,CAAE,CAAC;AACvE,CAAC;AAED,OAAO,MAAMM,iBAAwC,GAAGA,CAAC;EAAEP,OAAO;EAAEC;AAAO,CAAC,KAAK;EAC/E,MAAMC,UAAU,GAAGX,aAAa,CAAC,CAAC;EAClC,MAAMiB,sBAAsB,GAAGf,WAAW,CAAC,MAAM;IAC/C,IAAIO,OAAO,EAAE;MACX,OAAOA,OAAO,CAAC,CAAC;IAClB;IACAE,UAAU,CAACE,MAAM,CAAC,CAAC;EACrB,CAAC,EAAE,CAACJ,OAAO,EAAEE,UAAU,CAAC,CAAC;EACzB,oBAAOV,KAAA,CAAAc,aAAA,CAACZ,UAAU;IAACe,IAAI,EAAEd,cAAc,CAACe,KAAM;IAACV,OAAO,EAAEQ,sBAAuB;IAACP,MAAM,EAAEA;EAAO,CAAE,CAAC;AACpG,CAAC;AAQD,OAAO,MAAMU,gBAA2C,GAAGA,CAAC;EAAEC,kBAAkB;EAAEZ,OAAO;EAAEC;AAAO,CAAC,KAAK;EACtG,oBAAOT,KAAA,CAAAc,aAAA,CAACV,WAAW;IAACgB,kBAAkB,EAAEA,kBAAmB;IAACH,IAAI,EAAEZ,QAAS;IAACG,OAAO,EAAEA,OAAQ;IAACC,MAAM,EAAEA;EAAO,CAAE,CAAC;AAClH,CAAC;AASD,OAAO,MAAMY,mBAAiD,GAAGA,CAAC;EAAEb,OAAO;EAAEC,MAAM;EAAEa,KAAK;EAAEF;AAAmB,CAAC,KAAK;EACnH,oBACEpB,KAAA,CAAAc,aAAA,CAACV,WAAW;IACVgB,kBAAkB,EAAEA,kBAAmB;IACvCH,IAAI,EAAEX,WAAY;IAClBE,OAAO,EAAEA,OAAQ;IACjBc,KAAK,EAAEA,KAAM;IACbb,MAAM,EAAEA;EAAO,CAChB,CAAC;AAEN,CAAC","ignoreList":[]}

package/lib/module/components/navigation/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from './header-buttons';\n"],"mappings":"AAAA,cAAc,kBAAkB"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from './header-buttons';\n"],"mappings":"AAAA,cAAc,kBAAkB","ignoreList":[]}

package/lib/module/components/proof-request/group.js

@@ -1,10 +1,9 @@
 import React from 'react';
 import { StyleSheet, View } from 'react-native';
 import { useAppColorScheme } from '../../ui-components/theme';
-export const ProofRequestGroup = _ref => {
-  let {
-    children
-  } = _ref;
+export const ProofRequestGroup = ({
+  children
+}) => {
   const colorScheme = useAppColorScheme();
   return /*#__PURE__*/React.createElement(View, {
     style: styles.group

package/lib/module/components/proof-request/group.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","useAppColorScheme","ProofRequestGroup","_ref","children","colorScheme","createElement","style","styles","group","separator","backgroundColor","grayDark","create","marginTop","height","marginBottom","marginHorizontal","opacity"],"sources":["group.tsx"],"sourcesContent":["import React, { FunctionComponent, PropsWithChildren } from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport { useAppColorScheme } from '../../ui-components/theme';\n\nexport const ProofRequestGroup: FunctionComponent<PropsWithChildren> = ({ children }) => {\n  const colorScheme = useAppColorScheme();\n  return (\n    <View style={styles.group}>\n      <View style={[styles.separator, { backgroundColor: colorScheme.grayDark }]} />\n      {children}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  group: {\n    marginTop: 16,\n  },\n  separator: {\n    height: 1,\n    marginBottom: 16,\n    marginHorizontal: 4,\n    opacity: 0.5,\n  },\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAgD,OAAO;AACnE,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,SAASC,iBAAiB,QAAQ,2BAA2B;AAE7D,OAAO,MAAMC,iBAAuD,GAAGC,IAAA,IAAkB;EAAA,IAAjB;IAAEC;EAAS,CAAC,GAAAD,IAAA;EAClF,MAAME,WAAW,GAAGJ,iBAAiB,EAAE;EACvC,oBACEH,KAAA,CAAAQ,aAAA,CAACN,IAAI;IAACO,KAAK,EAAEC,MAAM,CAACC;EAAM,gBACxBX,KAAA,CAAAQ,aAAA,CAACN,IAAI;IAACO,KAAK,EAAE,CAACC,MAAM,CAACE,SAAS,EAAE;MAAEC,eAAe,EAAEN,WAAW,CAACO;IAAS,CAAC;EAAE,EAAG,EAC7ER,QAAQ,CACJ;AAEX,CAAC;AAED,MAAMI,MAAM,GAAGT,UAAU,CAACc,MAAM,CAAC;EAC/BJ,KAAK,EAAE;IACLK,SAAS,EAAE;EACb,CAAC;EACDJ,SAAS,EAAE;IACTK,MAAM,EAAE,CAAC;IACTC,YAAY,EAAE,EAAE;IAChBC,gBAAgB,EAAE,CAAC;IACnBC,OAAO,EAAE;EACX;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","StyleSheet","View","useAppColorScheme","ProofRequestGroup","children","colorScheme","createElement","style","styles","group","separator","backgroundColor","grayDark","create","marginTop","height","marginBottom","marginHorizontal","opacity"],"sources":["group.tsx"],"sourcesContent":["import React, { FunctionComponent, PropsWithChildren } from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport { useAppColorScheme } from '../../ui-components/theme';\n\nexport const ProofRequestGroup: FunctionComponent<PropsWithChildren> = ({ children }) => {\n  const colorScheme = useAppColorScheme();\n  return (\n    <View style={styles.group}>\n      <View style={[styles.separator, { backgroundColor: colorScheme.grayDark }]} />\n      {children}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  group: {\n    marginTop: 16,\n  },\n  separator: {\n    height: 1,\n    marginBottom: 16,\n    marginHorizontal: 4,\n    opacity: 0.5,\n  },\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAgD,OAAO;AACnE,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,SAASC,iBAAiB,QAAQ,2BAA2B;AAE7D,OAAO,MAAMC,iBAAuD,GAAGA,CAAC;EAAEC;AAAS,CAAC,KAAK;EACvF,MAAMC,WAAW,GAAGH,iBAAiB,CAAC,CAAC;EACvC,oBACEH,KAAA,CAAAO,aAAA,CAACL,IAAI;IAACM,KAAK,EAAEC,MAAM,CAACC;EAAM,gBACxBV,KAAA,CAAAO,aAAA,CAACL,IAAI;IAACM,KAAK,EAAE,CAACC,MAAM,CAACE,SAAS,EAAE;MAAEC,eAAe,EAAEN,WAAW,CAACO;IAAS,CAAC;EAAE,CAAE,CAAC,EAC7ER,QACG,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAGR,UAAU,CAACa,MAAM,CAAC;EAC/BJ,KAAK,EAAE;IACLK,SAAS,EAAE;EACb,CAAC;EACDJ,SAAS,EAAE;IACTK,MAAM,EAAE,CAAC;IACTC,YAAY,EAAE,EAAE;IAChBC,gBAAgB,EAAE,CAAC;IACnBC,OAAO,EAAE;EACX;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/proof-request/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from './group';\nexport * from './select-credential';\nexport * from './share-credential';\n"],"mappings":"AAAA,cAAc,SAAS;AACvB,cAAc,qBAAqB;AACnC,cAAc,oBAAoB"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from './group';\nexport * from './select-credential';\nexport * from './share-credential';\n"],"mappings":"AAAA,cAAc,SAAS;AACvB,cAAc,qBAAqB;AACnC,cAAc,oBAAoB","ignoreList":[]}

package/lib/module/components/proof-request/select-credential.js

@@ -3,17 +3,16 @@ import { CredentialDetailsCardListItem } from '../../ui-components';
 import { useCoreConfig } from '../../utils/hooks/core/core-config';
 import { useCredentialDetail } from '../../utils/hooks/core/credentials';
 import { selectCredentialCardFromCredential } from '../../utils/parsers/credential-sharing';
-export const SelectCredential = _ref => {
-  let {
-    credentialId,
-    labels,
-    lastItem,
-    onImagePreview,
-    onPress,
-    request,
-    selected,
-    testID
-  } = _ref;
+export const SelectCredential = ({
+  credentialId,
+  labels,
+  lastItem,
+  onImagePreview,
+  onPress,
+  request,
+  selected,
+  testID
+}) => {
   const {
     data: credential
   } = useCredentialDetail(credentialId);

package/lib/module/components/proof-request/select-credential.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","CredentialDetailsCardListItem","useCoreConfig","useCredentialDetail","selectCredentialCardFromCredential","SelectCredential","_ref","credentialId","labels","lastItem","onImagePreview","onPress","request","selected","testID","data","credential","config","card","attributes","createElement","onHeaderPress","expanded"],"sources":["select-credential.tsx"],"sourcesContent":["import { PresentationDefinitionRequestedCredential } from '@procivis/react-native-one-core';\nimport React, { FC } from 'react';\nimport { ImageSourcePropType } from 'react-native';\n\nimport { CredentialDetailsCardListItem } from '../../ui-components';\nimport { useCoreConfig } from '../../utils/hooks/core/core-config';\nimport { useCredentialDetail } from '../../utils/hooks/core/credentials';\nimport { selectCredentialCardFromCredential, ShareCredentialCardLabels } from '../../utils/parsers/credential-sharing';\n\nexport const SelectCredential: FC<{\n  credentialId: string;\n  labels: ShareCredentialCardLabels;\n  lastItem: boolean;\n  onImagePreview: (title: string, image: ImageSourcePropType) => void;\n  onPress?: () => void;\n  request: PresentationDefinitionRequestedCredential;\n  selected: boolean;\n  testID: string;\n}> = ({ credentialId, labels, lastItem, onImagePreview, onPress, request, selected, testID }) => {\n  const { data: credential } = useCredentialDetail(credentialId);\n  const { data: config } = useCoreConfig();\n\n  if (!credential || !config) {\n    return null;\n  }\n\n  const { card, attributes } = selectCredentialCardFromCredential(\n    credential,\n    selected,\n    request,\n    config,\n    testID,\n    labels,\n  );\n\n  return (\n    <CredentialDetailsCardListItem\n      attributes={attributes}\n      card={{\n        ...card,\n        onHeaderPress: onPress,\n      }}\n      expanded={selected}\n      lastItem={lastItem}\n      onImagePreview={onImagePreview}\n    />\n  );\n};\n"],"mappings":"AACA,OAAOA,KAAK,MAAc,OAAO;AAGjC,SAASC,6BAA6B,QAAQ,qBAAqB;AACnE,SAASC,aAAa,QAAQ,oCAAoC;AAClE,SAASC,mBAAmB,QAAQ,oCAAoC;AACxE,SAASC,kCAAkC,QAAmC,wCAAwC;AAEtH,OAAO,MAAMC,gBASX,GAAGC,IAAA,IAA4F;EAAA,IAA3F;IAAEC,YAAY;IAAEC,MAAM;IAAEC,QAAQ;IAAEC,cAAc;IAAEC,OAAO;IAAEC,OAAO;IAAEC,QAAQ;IAAEC;EAAO,CAAC,GAAAR,IAAA;EAC1F,MAAM;IAAES,IAAI,EAAEC;EAAW,CAAC,GAAGb,mBAAmB,CAACI,YAAY,CAAC;EAC9D,MAAM;IAAEQ,IAAI,EAAEE;EAAO,CAAC,GAAGf,aAAa,EAAE;EAExC,IAAI,CAACc,UAAU,IAAI,CAACC,MAAM,EAAE;IAC1B,OAAO,IAAI;EACb;EAEA,MAAM;IAAEC,IAAI;IAAEC;EAAW,CAAC,GAAGf,kCAAkC,CAC7DY,UAAU,EACVH,QAAQ,EACRD,OAAO,EACPK,MAAM,EACNH,MAAM,EACNN,MAAM,CACP;EAED,oBACER,KAAA,CAAAoB,aAAA,CAACnB,6BAA6B;IAC5BkB,UAAU,EAAEA,UAAW;IACvBD,IAAI,EAAE;MACJ,GAAGA,IAAI;MACPG,aAAa,EAAEV;IACjB,CAAE;IACFW,QAAQ,EAAET,QAAS;IACnBJ,QAAQ,EAAEA,QAAS;IACnBC,cAAc,EAAEA;EAAe,EAC/B;AAEN,CAAC"}
+{"version":3,"names":["React","CredentialDetailsCardListItem","useCoreConfig","useCredentialDetail","selectCredentialCardFromCredential","SelectCredential","credentialId","labels","lastItem","onImagePreview","onPress","request","selected","testID","data","credential","config","card","attributes","createElement","onHeaderPress","expanded"],"sources":["select-credential.tsx"],"sourcesContent":["import { PresentationDefinitionRequestedCredential } from '@procivis/react-native-one-core';\nimport React, { FC } from 'react';\nimport { ImageSourcePropType } from 'react-native';\n\nimport { CredentialDetailsCardListItem } from '../../ui-components';\nimport { useCoreConfig } from '../../utils/hooks/core/core-config';\nimport { useCredentialDetail } from '../../utils/hooks/core/credentials';\nimport { selectCredentialCardFromCredential, ShareCredentialCardLabels } from '../../utils/parsers/credential-sharing';\n\nexport const SelectCredential: FC<{\n  credentialId: string;\n  labels: ShareCredentialCardLabels;\n  lastItem: boolean;\n  onImagePreview: (title: string, image: ImageSourcePropType) => void;\n  onPress?: () => void;\n  request: PresentationDefinitionRequestedCredential;\n  selected: boolean;\n  testID: string;\n}> = ({ credentialId, labels, lastItem, onImagePreview, onPress, request, selected, testID }) => {\n  const { data: credential } = useCredentialDetail(credentialId);\n  const { data: config } = useCoreConfig();\n\n  if (!credential || !config) {\n    return null;\n  }\n\n  const { card, attributes } = selectCredentialCardFromCredential(\n    credential,\n    selected,\n    request,\n    config,\n    testID,\n    labels,\n  );\n\n  return (\n    <CredentialDetailsCardListItem\n      attributes={attributes}\n      card={{\n        ...card,\n        onHeaderPress: onPress,\n      }}\n      expanded={selected}\n      lastItem={lastItem}\n      onImagePreview={onImagePreview}\n    />\n  );\n};\n"],"mappings":"AACA,OAAOA,KAAK,MAAc,OAAO;AAGjC,SAASC,6BAA6B,QAAQ,qBAAqB;AACnE,SAASC,aAAa,QAAQ,oCAAoC;AAClE,SAASC,mBAAmB,QAAQ,oCAAoC;AACxE,SAASC,kCAAkC,QAAmC,wCAAwC;AAEtH,OAAO,MAAMC,gBASX,GAAGA,CAAC;EAAEC,YAAY;EAAEC,MAAM;EAAEC,QAAQ;EAAEC,cAAc;EAAEC,OAAO;EAAEC,OAAO;EAAEC,QAAQ;EAAEC;AAAO,CAAC,KAAK;EAC/F,MAAM;IAAEC,IAAI,EAAEC;EAAW,CAAC,GAAGZ,mBAAmB,CAACG,YAAY,CAAC;EAC9D,MAAM;IAAEQ,IAAI,EAAEE;EAAO,CAAC,GAAGd,aAAa,CAAC,CAAC;EAExC,IAAI,CAACa,UAAU,IAAI,CAACC,MAAM,EAAE;IAC1B,OAAO,IAAI;EACb;EAEA,MAAM;IAAEC,IAAI;IAAEC;EAAW,CAAC,GAAGd,kCAAkC,CAC7DW,UAAU,EACVH,QAAQ,EACRD,OAAO,EACPK,MAAM,EACNH,MAAM,EACNN,MACF,CAAC;EAED,oBACEP,KAAA,CAAAmB,aAAA,CAAClB,6BAA6B;IAC5BiB,UAAU,EAAEA,UAAW;IACvBD,IAAI,EAAE;MACJ,GAAGA,IAAI;MACPG,aAAa,EAAEV;IACjB,CAAE;IACFW,QAAQ,EAAET,QAAS;IACnBJ,QAAQ,EAAEA,QAAS;IACnBC,cAAc,EAAEA;EAAe,CAChC,CAAC;AAEN,CAAC","ignoreList":[]}

package/lib/module/components/proof-request/share-credential.js

@@ -7,24 +7,23 @@ import { useCoreConfig } from '../../utils/hooks/core/core-config';
 import { useCredentialDetail } from '../../utils/hooks/core/credentials';
 import { getValidityState, ValidityState } from '../../utils/parsers/credential';
 import { shareCredentialCardFromCredential } from '../../utils/parsers/credential-sharing';
-export const ShareCredential = _ref => {
-  var _credential$issuerDid;
-  let {
-    allCredentials,
-    credentialId,
-    expanded,
-    labels,
-    lastItem,
-    onHeaderPress,
-    onImagePreview,
-    onSelectCredential,
-    onSelectField,
-    request,
-    selectedCredentialId,
-    selectedFields,
-    style,
-    testID
-  } = _ref;
+export const ShareCredential = ({
+  allCredentials,
+  credentialId,
+  expanded,
+  labels,
+  lastItem,
+  onHeaderPress,
+  onImagePreview,
+  onSelectCredential,
+  onSelectField,
+  request,
+  selectedCredentialId,
+  selectedFields,
+  style,
+  testID
+}) => {
+  var _credential$issuerDid, _credential$issuer;
   const colorScheme = useAppColorScheme();
   const {
     data: credential,
@@ -33,17 +32,15 @@ export const ShareCredential = _ref => {
   const {
     data: config
   } = useCoreConfig();
-  const selectionOptions = useMemo(() => request.applicableCredentials.filter(applicableCredentialId => allCredentials.some(_ref2 => {
-    let {
-      id,
-      state
-    } = _ref2;
-    return id === applicableCredentialId && state === CredentialStateEnum.ACCEPTED;
-  })), [allCredentials, request]);
+  const selectionOptions = useMemo(() => request.applicableCredentials.filter(applicableCredentialId => allCredentials.some(({
+    id,
+    state
+  }) => id === applicableCredentialId && state === CredentialStateEnum.ACCEPTED)), [allCredentials, request]);
   const multipleCredentialsAvailable = selectionOptions.length > 1;
   const validityState = getValidityState(credential ? {
     ...credential,
-    issuerDid: credential === null || credential === void 0 ? void 0 : (_credential$issuerDid = credential.issuerDid) === null || _credential$issuerDid === void 0 ? void 0 : _credential$issuerDid.did
+    issuerDid: credential === null || credential === void 0 || (_credential$issuerDid = credential.issuerDid) === null || _credential$issuerDid === void 0 ? void 0 : _credential$issuerDid.id,
+    issuer: credential === null || credential === void 0 || (_credential$issuer = credential.issuer) === null || _credential$issuer === void 0 ? void 0 : _credential$issuer.id
   } : undefined);
   const invalid = useMemo(() => {
     if (!(credential !== null && credential !== void 0 && credential.lvvcIssuanceDate) || !request.validityCredentialNbf) {

package/lib/module/components/proof-request/share-credential.js.map

@@ -1 +1 @@
-{"version":3,"names":["CredentialStateEnum","React","useMemo","StyleSheet","View","Button","ButtonType","CredentialDetailsCardListItem","Typography","useAppColorScheme","concatTestID","useCoreConfig","useCredentialDetail","getValidityState","ValidityState","shareCredentialCardFromCredential","ShareCredential","_ref","_credential$issuerDid","allCredentials","credentialId","expanded","labels","lastItem","onHeaderPress","onImagePreview","onSelectCredential","onSelectField","request","selectedCredentialId","selectedFields","style","testID","colorScheme","data","credential","isLoading","config","selectionOptions","applicableCredentials","filter","applicableCredentialId","some","_ref2","id","state","ACCEPTED","multipleCredentialsAvailable","length","validityState","issuerDid","did","undefined","invalid","lvvcIssuanceDate","validityCredentialNbf","Date","footer","Revoked","createElement","styles","notice","backgroundColor","background","align","color","text","preset","revokedCredentialNotice","Suspended","suspendedCredentialNotice","invalidCredentialNotice","multipleCredentialsNotice","onPress","noticeButton","title","multipleCredentialsSelect","type","Secondary","card","attributes","Boolean","onAttributeSelected","borderColor","create","borderRadius","borderWidth","marginBottom","marginHorizontal","padding","marginTop","paddingVertical"],"sources":["share-credential.tsx"],"sourcesContent":["import {\n  CredentialListItem,\n  CredentialStateEnum,\n  PresentationDefinitionField,\n  PresentationDefinitionRequestedCredential,\n} from '@procivis/react-native-one-core';\nimport React, { FunctionComponent, useMemo } from 'react';\nimport { ImageSourcePropType, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { Button, ButtonType, CredentialDetailsCardListItem, Typography, useAppColorScheme } from '../../ui-components';\nimport { concatTestID } from '../../utils';\nimport { useCoreConfig } from '../../utils/hooks/core/core-config';\nimport { useCredentialDetail } from '../../utils/hooks/core/credentials';\nimport { getValidityState, ValidityState } from '../../utils/parsers/credential';\nimport { shareCredentialCardFromCredential, ShareCredentialCardLabels } from '../../utils/parsers/credential-sharing';\n\nexport type ShareCredentialLabels = ShareCredentialCardLabels & {\n  revokedCredentialNotice: string;\n  suspendedCredentialNotice: string;\n  invalidCredentialNotice: string;\n  multipleCredentialsNotice: string;\n  multipleCredentialsSelect: string;\n};\n\nexport const ShareCredential: FunctionComponent<{\n  allCredentials: CredentialListItem[];\n  credentialId: string;\n  expanded?: boolean;\n  labels: ShareCredentialLabels;\n  lastItem?: boolean;\n  onHeaderPress?: (_credentialId?: string) => void;\n  onImagePreview: (title: string, image: ImageSourcePropType) => void;\n  onSelectCredential?: () => void;\n  onSelectField: (_id: PresentationDefinitionField['id'], _selected: boolean) => void;\n  request: PresentationDefinitionRequestedCredential;\n  selectedCredentialId?: CredentialListItem['id'];\n  selectedFields?: Array<PresentationDefinitionField['id']>;\n  style?: StyleProp<ViewStyle>;\n  testID: string;\n}> = ({\n  allCredentials,\n  credentialId,\n  expanded,\n  labels,\n  lastItem,\n  onHeaderPress,\n  onImagePreview,\n  onSelectCredential,\n  onSelectField,\n  request,\n  selectedCredentialId,\n  selectedFields,\n  style,\n  testID,\n}) => {\n  const colorScheme = useAppColorScheme();\n  const { data: credential, isLoading } = useCredentialDetail(selectedCredentialId);\n  const { data: config } = useCoreConfig();\n\n  const selectionOptions = useMemo(\n    () =>\n      request.applicableCredentials.filter((applicableCredentialId) =>\n        allCredentials.some(({ id, state }) => id === applicableCredentialId && state === CredentialStateEnum.ACCEPTED),\n      ),\n    [allCredentials, request],\n  );\n  const multipleCredentialsAvailable = selectionOptions.length > 1;\n\n  const validityState = getValidityState(\n    credential\n      ? {\n          ...credential,\n          issuerDid: credential?.issuerDid?.did,\n        }\n      : undefined,\n  );\n\n  const invalid = useMemo(() => {\n    if (!credential?.lvvcIssuanceDate || !request.validityCredentialNbf) {\n      return false;\n    }\n    return new Date(credential.lvvcIssuanceDate) < new Date(request.validityCredentialNbf);\n  }, [credential, request]);\n\n  const footer = useMemo(() => {\n    if (!expanded) {\n      return;\n    }\n    if (validityState === ValidityState.Revoked) {\n      return (\n        <View\n          style={[styles.notice, { backgroundColor: colorScheme.background }]}\n          testID={concatTestID(testID, 'notice.revoked')}>\n          <Typography align=\"center\" color={colorScheme.text} preset=\"s/line-height-capped\">\n            {labels.revokedCredentialNotice}\n          </Typography>\n        </View>\n      );\n    }\n    if (validityState === ValidityState.Suspended) {\n      return (\n        <View\n          style={[styles.notice, { backgroundColor: colorScheme.background }]}\n          testID={concatTestID(testID, 'notice.suspended')}>\n          <Typography align=\"center\" color={colorScheme.text} preset=\"s/line-height-capped\">\n            {labels.suspendedCredentialNotice}\n          </Typography>\n        </View>\n      );\n    }\n\n    if (invalid) {\n      return (\n        <View\n          style={[styles.notice, { backgroundColor: colorScheme.background }]}\n          testID={concatTestID(testID, 'notice.invalid')}>\n          <Typography align=\"center\" color={colorScheme.text} preset=\"s/line-height-capped\">\n            {labels.invalidCredentialNotice}\n          </Typography>\n        </View>\n      );\n    }\n\n    if (multipleCredentialsAvailable) {\n      return (\n        <View\n          style={[styles.notice, { backgroundColor: colorScheme.background }]}\n          testID={concatTestID(testID, 'notice.multiple')}>\n          <Typography align=\"center\" color={colorScheme.text} preset=\"s/line-height-capped\">\n            {labels.multipleCredentialsNotice}\n          </Typography>\n          <Button\n            onPress={onSelectCredential}\n            style={styles.noticeButton}\n            testID={concatTestID(testID, 'notice.multiple.button')}\n            title={labels.multipleCredentialsSelect}\n            type={ButtonType.Secondary}\n          />\n        </View>\n      );\n    }\n  }, [colorScheme, expanded, invalid, labels, multipleCredentialsAvailable, onSelectCredential, testID, validityState]);\n\n  if (isLoading || !config) {\n    return null;\n  }\n\n  const { card, attributes } = shareCredentialCardFromCredential(\n    credential,\n    invalid,\n    Boolean(expanded),\n    multipleCredentialsAvailable,\n    request,\n    selectedFields,\n    config,\n    testID,\n    labels,\n  );\n\n  return (\n    <CredentialDetailsCardListItem\n      attributes={attributes}\n      card={{\n        ...card,\n        credentialId,\n        onHeaderPress,\n      }}\n      expanded={expanded}\n      footer={footer}\n      lastItem={lastItem}\n      onAttributeSelected={onSelectField}\n      onImagePreview={onImagePreview}\n      style={[styles.credential, { borderColor: colorScheme.background }, style]}\n      testID={testID}\n    />\n  );\n};\n\nconst styles = StyleSheet.create({\n  credential: {\n    borderRadius: 10,\n    borderWidth: 1,\n    marginBottom: 8,\n  },\n  notice: {\n    marginBottom: 22,\n    marginHorizontal: 12,\n    padding: 12,\n  },\n  noticeButton: {\n    marginTop: 24,\n    paddingVertical: 11,\n  },\n});\n"],"mappings":"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"}
+{"version":3,"names":["CredentialStateEnum","React","useMemo","StyleSheet","View","Button","ButtonType","CredentialDetailsCardListItem","Typography","useAppColorScheme","concatTestID","useCoreConfig","useCredentialDetail","getValidityState","ValidityState","shareCredentialCardFromCredential","ShareCredential","allCredentials","credentialId","expanded","labels","lastItem","onHeaderPress","onImagePreview","onSelectCredential","onSelectField","request","selectedCredentialId","selectedFields","style","testID","_credential$issuerDid","_credential$issuer","colorScheme","data","credential","isLoading","config","selectionOptions","applicableCredentials","filter","applicableCredentialId","some","id","state","ACCEPTED","multipleCredentialsAvailable","length","validityState","issuerDid","issuer","undefined","invalid","lvvcIssuanceDate","validityCredentialNbf","Date","footer","Revoked","createElement","styles","notice","backgroundColor","background","align","color","text","preset","revokedCredentialNotice","Suspended","suspendedCredentialNotice","invalidCredentialNotice","multipleCredentialsNotice","onPress","noticeButton","title","multipleCredentialsSelect","type","Secondary","card","attributes","Boolean","onAttributeSelected","borderColor","create","borderRadius","borderWidth","marginBottom","marginHorizontal","padding","marginTop","paddingVertical"],"sources":["share-credential.tsx"],"sourcesContent":["import {\n  CredentialListItem,\n  CredentialStateEnum,\n  PresentationDefinitionField,\n  PresentationDefinitionRequestedCredential,\n} from '@procivis/react-native-one-core';\nimport React, { FunctionComponent, useMemo } from 'react';\nimport { ImageSourcePropType, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { Button, ButtonType, CredentialDetailsCardListItem, Typography, useAppColorScheme } from '../../ui-components';\nimport { concatTestID } from '../../utils';\nimport { useCoreConfig } from '../../utils/hooks/core/core-config';\nimport { useCredentialDetail } from '../../utils/hooks/core/credentials';\nimport { getValidityState, ValidityState } from '../../utils/parsers/credential';\nimport { shareCredentialCardFromCredential, ShareCredentialCardLabels } from '../../utils/parsers/credential-sharing';\n\nexport type ShareCredentialLabels = ShareCredentialCardLabels & {\n  revokedCredentialNotice: string;\n  suspendedCredentialNotice: string;\n  invalidCredentialNotice: string;\n  multipleCredentialsNotice: string;\n  multipleCredentialsSelect: string;\n};\n\nexport const ShareCredential: FunctionComponent<{\n  allCredentials: CredentialListItem[];\n  credentialId: string;\n  expanded?: boolean;\n  labels: ShareCredentialLabels;\n  lastItem?: boolean;\n  onHeaderPress?: (_credentialId?: string) => void;\n  onImagePreview: (title: string, image: ImageSourcePropType) => void;\n  onSelectCredential?: () => void;\n  onSelectField: (_id: PresentationDefinitionField['id'], _selected: boolean) => void;\n  request: PresentationDefinitionRequestedCredential;\n  selectedCredentialId?: CredentialListItem['id'];\n  selectedFields?: Array<PresentationDefinitionField['id']>;\n  style?: StyleProp<ViewStyle>;\n  testID: string;\n}> = ({\n  allCredentials,\n  credentialId,\n  expanded,\n  labels,\n  lastItem,\n  onHeaderPress,\n  onImagePreview,\n  onSelectCredential,\n  onSelectField,\n  request,\n  selectedCredentialId,\n  selectedFields,\n  style,\n  testID,\n}) => {\n  const colorScheme = useAppColorScheme();\n  const { data: credential, isLoading } = useCredentialDetail(selectedCredentialId);\n  const { data: config } = useCoreConfig();\n\n  const selectionOptions = useMemo(\n    () =>\n      request.applicableCredentials.filter((applicableCredentialId) =>\n        allCredentials.some(({ id, state }) => id === applicableCredentialId && state === CredentialStateEnum.ACCEPTED),\n      ),\n    [allCredentials, request],\n  );\n  const multipleCredentialsAvailable = selectionOptions.length > 1;\n\n  const validityState = getValidityState(\n    credential\n      ? {\n          ...credential,\n          issuerDid: credential?.issuerDid?.id,\n          issuer: credential?.issuer?.id,\n        }\n      : undefined,\n  );\n\n  const invalid = useMemo(() => {\n    if (!credential?.lvvcIssuanceDate || !request.validityCredentialNbf) {\n      return false;\n    }\n    return new Date(credential.lvvcIssuanceDate) < new Date(request.validityCredentialNbf);\n  }, [credential, request]);\n\n  const footer = useMemo(() => {\n    if (!expanded) {\n      return;\n    }\n    if (validityState === ValidityState.Revoked) {\n      return (\n        <View\n          style={[styles.notice, { backgroundColor: colorScheme.background }]}\n          testID={concatTestID(testID, 'notice.revoked')}>\n          <Typography align=\"center\" color={colorScheme.text} preset=\"s/line-height-capped\">\n            {labels.revokedCredentialNotice}\n          </Typography>\n        </View>\n      );\n    }\n    if (validityState === ValidityState.Suspended) {\n      return (\n        <View\n          style={[styles.notice, { backgroundColor: colorScheme.background }]}\n          testID={concatTestID(testID, 'notice.suspended')}>\n          <Typography align=\"center\" color={colorScheme.text} preset=\"s/line-height-capped\">\n            {labels.suspendedCredentialNotice}\n          </Typography>\n        </View>\n      );\n    }\n\n    if (invalid) {\n      return (\n        <View\n          style={[styles.notice, { backgroundColor: colorScheme.background }]}\n          testID={concatTestID(testID, 'notice.invalid')}>\n          <Typography align=\"center\" color={colorScheme.text} preset=\"s/line-height-capped\">\n            {labels.invalidCredentialNotice}\n          </Typography>\n        </View>\n      );\n    }\n\n    if (multipleCredentialsAvailable) {\n      return (\n        <View\n          style={[styles.notice, { backgroundColor: colorScheme.background }]}\n          testID={concatTestID(testID, 'notice.multiple')}>\n          <Typography align=\"center\" color={colorScheme.text} preset=\"s/line-height-capped\">\n            {labels.multipleCredentialsNotice}\n          </Typography>\n          <Button\n            onPress={onSelectCredential}\n            style={styles.noticeButton}\n            testID={concatTestID(testID, 'notice.multiple.button')}\n            title={labels.multipleCredentialsSelect}\n            type={ButtonType.Secondary}\n          />\n        </View>\n      );\n    }\n  }, [colorScheme, expanded, invalid, labels, multipleCredentialsAvailable, onSelectCredential, testID, validityState]);\n\n  if (isLoading || !config) {\n    return null;\n  }\n\n  const { card, attributes } = shareCredentialCardFromCredential(\n    credential,\n    invalid,\n    Boolean(expanded),\n    multipleCredentialsAvailable,\n    request,\n    selectedFields,\n    config,\n    testID,\n    labels,\n  );\n\n  return (\n    <CredentialDetailsCardListItem\n      attributes={attributes}\n      card={{\n        ...card,\n        credentialId,\n        onHeaderPress,\n      }}\n      expanded={expanded}\n      footer={footer}\n      lastItem={lastItem}\n      onAttributeSelected={onSelectField}\n      onImagePreview={onImagePreview}\n      style={[styles.credential, { borderColor: colorScheme.background }, style]}\n      testID={testID}\n    />\n  );\n};\n\nconst styles = StyleSheet.create({\n  credential: {\n    borderRadius: 10,\n    borderWidth: 1,\n    marginBottom: 8,\n  },\n  notice: {\n    marginBottom: 22,\n    marginHorizontal: 12,\n    padding: 12,\n  },\n  noticeButton: {\n    marginTop: 24,\n    paddingVertical: 11,\n  },\n});\n"],"mappings":"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","ignoreList":[]}