@procivis/one-react-native-components 0.3.71 → 0.3.91

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

@@ -0,0 +1 @@
+{"version":3,"names":["CredentialStateEnum","React","useMemo","Dimensions","StyleSheet","CredentialDetailsCardListItem","useAppColorScheme","concatTestID","useCoreConfig","getValidityState","ValidityState","shareCredentialCardFromCredential","SelectShareCredentialCardNotice","ShareCredentialCardNotice","ShareCredential","allCredentials","expanded","labels","lastItem","onHeaderPress","onImagePreview","onSelectCredential","onSelectField","request","selectedCredentialId","selectedFields","style","testID","_credential$issuer","colorScheme","credential","find","c","id","data","config","cardWidth","get","width","selectionOptions","applicableCredentials","filter","applicableCredentialId","some","state","ACCEPTED","multipleCredentialsAvailable","length","validityState","issuer","undefined","invalid","lvvcIssuanceDate","validityCredentialNbf","Date","footer","Revoked","createElement","text","revokedCredentialNotice","Suspended","suspendedCredentialNotice","invalidCredentialNotice","buttonTitle","multipleCredentialsSelect","onPress","multipleCredentialsNotice","card","attributes","Boolean","credentialId","onAttributeSelected","styles","borderColor","background","create","borderRadius","borderWidth","marginBottom"],"sources":["share-credential.tsx"],"sourcesContent":["import {\n  CredentialDetail,\n  CredentialListItem,\n  CredentialStateEnum,\n  PresentationDefinitionField,\n  PresentationDefinitionRequestedCredential,\n} from '@procivis/react-native-one-core';\nimport React, { FunctionComponent, useMemo } from 'react';\nimport { Dimensions, ImageSourcePropType, StyleProp, StyleSheet, ViewStyle } from 'react-native';\n\nimport { CredentialDetailsCardListItem, useAppColorScheme } from '../../../ui-components';\nimport { concatTestID } from '../../../utils';\nimport { useCoreConfig } from '../../../utils/hooks/core/core-config';\nimport { getValidityState, ValidityState } from '../../../utils/parsers/credential';\nimport {\n  shareCredentialCardFromCredential,\n  ShareCredentialCardLabels,\n} from '../../../utils/parsers/credential-sharing';\nimport { SelectShareCredentialCardNotice } from '../select-share-credential-card-notice';\nimport { ShareCredentialCardNotice } from '../share-credential-card-notice';\n\nexport type ShareCredentialLabels = ShareCredentialCardLabels & {\n  invalidCredentialNotice: string;\n  multipleCredentialsNotice: string;\n  multipleCredentialsSelect: string;\n  revokedCredentialNotice: string;\n  suspendedCredentialNotice: string;\n};\n\nexport const ShareCredential: FunctionComponent<{\n  allCredentials: CredentialDetail[];\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  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 credential = allCredentials.find((c) => c.id === selectedCredentialId);\n  const { data: config } = useCoreConfig();\n  const cardWidth = useMemo(() => Dimensions.get('window').width - 32, []);\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          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        <ShareCredentialCardNotice\n          testID={concatTestID(testID, 'notice.revoked')}\n          text={labels.revokedCredentialNotice}\n        />\n      );\n    }\n    if (validityState === ValidityState.Suspended) {\n      return (\n        <ShareCredentialCardNotice\n          testID={concatTestID(testID, 'notice.suspended')}\n          text={labels.suspendedCredentialNotice}\n        />\n      );\n    }\n\n    if (invalid) {\n      return (\n        <ShareCredentialCardNotice\n          testID={concatTestID(testID, 'notice.invalid')}\n          text={labels.invalidCredentialNotice}\n        />\n      );\n    }\n\n    if (multipleCredentialsAvailable) {\n      return (\n        <SelectShareCredentialCardNotice\n          buttonTitle={labels.multipleCredentialsSelect}\n          onPress={onSelectCredential}\n          testID={concatTestID(testID, 'notice.multiple')}\n          text={labels.multipleCredentialsNotice}\n        />\n      );\n    }\n  }, [expanded, invalid, labels, multipleCredentialsAvailable, onSelectCredential, testID, validityState]);\n\n  if (!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: request.id,\n        onHeaderPress,\n        width: cardWidth,\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});\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+export * from './select-credential-v2';
+export * from './share-credential-v2';
+export * from './share-credential-v2-group';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from './select-credential-v2';\nexport * from './share-credential-v2';\nexport * from './share-credential-v2-group';\n"],"mappings":"AAAA,cAAc,wBAAwB;AACtC,cAAc,uBAAuB;AACrC,cAAc,6BAA6B","ignoreList":[]}

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

@@ -0,0 +1,42 @@
+import React, { useCallback, useMemo } from 'react';
+import { Dimensions } from 'react-native';
+import { CredentialDetailsCardListItem } from '../../../ui-components';
+import { useCoreConfig } from '../../../utils';
+import { selectCredentialCardFromV2Credential } from '../../../utils/parsers/credential-sharing-v2';
+export const SelectCredentialV2 = ({
+  credential,
+  labels,
+  lastItem,
+  multiple,
+  onImagePreview,
+  onSelected,
+  selected,
+  testID
+}) => {
+  const {
+    data: config
+  } = useCoreConfig();
+  const cardWidth = useMemo(() => Dimensions.get('window').width - 32, []);
+  const onHeaderPress = useCallback(() => {
+    onSelected === null || onSelected === void 0 || onSelected(credential.id, !selected);
+  }, [credential.id, onSelected, selected]);
+  if (!credential || !config) {
+    return null;
+  }
+  const {
+    card,
+    attributes
+  } = selectCredentialCardFromV2Credential(credential, selected, multiple, config, testID, labels);
+  return /*#__PURE__*/React.createElement(CredentialDetailsCardListItem, {
+    attributes: attributes,
+    card: {
+      ...card,
+      onHeaderPress,
+      width: cardWidth
+    },
+    expanded: selected,
+    lastItem: lastItem,
+    onImagePreview: onImagePreview
+  });
+};
+//# sourceMappingURL=select-credential-v2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","Dimensions","CredentialDetailsCardListItem","useCoreConfig","selectCredentialCardFromV2Credential","SelectCredentialV2","credential","labels","lastItem","multiple","onImagePreview","onSelected","selected","testID","data","config","cardWidth","get","width","onHeaderPress","id","card","attributes","createElement","expanded"],"sources":["select-credential-v2.tsx"],"sourcesContent":["import { CredentialListItem, PresentationDefinitionV2CredentialDetail } from '@procivis/react-native-one-core';\nimport React, { FC, useCallback, useMemo } from 'react';\nimport { Dimensions, ImageSourcePropType } from 'react-native';\n\nimport { CredentialDetailsCardListItem } from '../../../ui-components';\nimport { ShareCredentialCardLabels, useCoreConfig } from '../../../utils';\nimport { selectCredentialCardFromV2Credential } from '../../../utils/parsers/credential-sharing-v2';\n\nexport const SelectCredentialV2: FC<{\n  credential: PresentationDefinitionV2CredentialDetail;\n  labels: ShareCredentialCardLabels;\n  lastItem: boolean;\n  multiple: boolean;\n  onImagePreview: (title: string, image: ImageSourcePropType) => void;\n  onSelected?: (credentialId: CredentialListItem['id'], selected: boolean) => void;\n  selected: boolean;\n  testID: string;\n}> = ({ credential, labels, lastItem, multiple, onImagePreview, onSelected, selected, testID }) => {\n  const { data: config } = useCoreConfig();\n  const cardWidth = useMemo(() => Dimensions.get('window').width - 32, []);\n\n  const onHeaderPress = useCallback(() => {\n    onSelected?.(credential.id, !selected);\n  }, [credential.id, onSelected, selected]);\n\n  if (!credential || !config) {\n    return null;\n  }\n\n  const { card, attributes } = selectCredentialCardFromV2Credential(\n    credential,\n    selected,\n    multiple,\n    config,\n    testID,\n    labels,\n  );\n\n  return (\n    <CredentialDetailsCardListItem\n      attributes={attributes}\n      card={{\n        ...card,\n        onHeaderPress,\n        width: cardWidth,\n      }}\n      expanded={selected}\n      lastItem={lastItem}\n      onImagePreview={onImagePreview}\n    />\n  );\n};\n"],"mappings":"AACA,OAAOA,KAAK,IAAQC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACvD,SAASC,UAAU,QAA6B,cAAc;AAE9D,SAASC,6BAA6B,QAAQ,wBAAwB;AACtE,SAAoCC,aAAa,QAAQ,gBAAgB;AACzE,SAASC,oCAAoC,QAAQ,8CAA8C;AAEnG,OAAO,MAAMC,kBASX,GAAGA,CAAC;EAAEC,UAAU;EAAEC,MAAM;EAAEC,QAAQ;EAAEC,QAAQ;EAAEC,cAAc;EAAEC,UAAU;EAAEC,QAAQ;EAAEC;AAAO,CAAC,KAAK;EACjG,MAAM;IAAEC,IAAI,EAAEC;EAAO,CAAC,GAAGZ,aAAa,CAAC,CAAC;EACxC,MAAMa,SAAS,GAAGhB,OAAO,CAAC,MAAMC,UAAU,CAACgB,GAAG,CAAC,QAAQ,CAAC,CAACC,KAAK,GAAG,EAAE,EAAE,EAAE,CAAC;EAExE,MAAMC,aAAa,GAAGpB,WAAW,CAAC,MAAM;IACtCY,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAGL,UAAU,CAACc,EAAE,EAAE,CAACR,QAAQ,CAAC;EACxC,CAAC,EAAE,CAACN,UAAU,CAACc,EAAE,EAAET,UAAU,EAAEC,QAAQ,CAAC,CAAC;EAEzC,IAAI,CAACN,UAAU,IAAI,CAACS,MAAM,EAAE;IAC1B,OAAO,IAAI;EACb;EAEA,MAAM;IAAEM,IAAI;IAAEC;EAAW,CAAC,GAAGlB,oCAAoC,CAC/DE,UAAU,EACVM,QAAQ,EACRH,QAAQ,EACRM,MAAM,EACNF,MAAM,EACNN,MACF,CAAC;EAED,oBACET,KAAA,CAAAyB,aAAA,CAACrB,6BAA6B;IAC5BoB,UAAU,EAAEA,UAAW;IACvBD,IAAI,EAAE;MACJ,GAAGA,IAAI;MACPF,aAAa;MACbD,KAAK,EAAEF;IACT,CAAE;IACFQ,QAAQ,EAAEZ,QAAS;IACnBJ,QAAQ,EAAEA,QAAS;IACnBE,cAAc,EAAEA;EAAe,CAChC,CAAC;AAEN,CAAC","ignoreList":[]}

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

@@ -0,0 +1,154 @@
+import React, { useCallback, useMemo } from 'react';
+import { StyleSheet } from 'react-native';
+import Animated, { LinearTransition } from 'react-native-reanimated';
+import { BlurView, CredentialCardShadow, DownIcon, Selector, SelectorStatus, TouchableOpacity, UpIcon } from '../../../ui-components';
+import CredentialGroupHeader from '../../../ui-components/credential/group/credential-group-header';
+import { concatTestID, useCredentialListExpandedCard } from '../../../utils';
+import { GroupedShareCredentialV2Padding, ShareCredentialV2 } from './share-credential-v2';
+const multipleCredentialsSelected = (selectedCredentials, credentialRequestId) => {
+  return selectedCredentials && selectedCredentials[credentialRequestId] && Array.isArray(selectedCredentials[credentialRequestId]) && selectedCredentials[credentialRequestId].length > 1;
+};
+const numberOfCardsForRequest = (selectedCredentials, credentialRequestId) => {
+  if (!selectedCredentials || !selectedCredentials[credentialRequestId]) {
+    return 1;
+  }
+  const selection = selectedCredentials[credentialRequestId];
+  if (Array.isArray(selection)) {
+    return selection.length;
+  }
+  return 1;
+};
+const heightForNumberOfCards = numberOfCards => 60 * (numberOfCards + 1) + 12 * numberOfCards;
+export const ShareCredentialV2Group = ({
+  labels,
+  lastGroup,
+  onGroupSelect,
+  onImagePreview,
+  onSelectCredential,
+  onSelectField,
+  presentationDefinition,
+  requestGroup,
+  selected,
+  selectedCredentials = {},
+  style,
+  testID,
+  valid
+}) => {
+  const {
+    expandedCredential,
+    onHeaderPress
+  } = useCredentialListExpandedCard();
+  const numberOfCards = requestGroup.reduce((acc, groupId) => acc + numberOfCardsForRequest(selectedCredentials, groupId), 0);
+  const singleCredentialGroup = requestGroup.length === 1 && !multipleCredentialsSelected(selectedCredentials, requestGroup[0]);
+  const headerPressHandler = useCallback(() => {
+    onGroupSelect === null || onGroupSelect === void 0 || onGroupSelect(!selected);
+  }, [selected, onGroupSelect]);
+  const onNestedCardHeaderPress = useCallback(credentialId => () => {
+    if (!selected) {
+      onGroupSelect === null || onGroupSelect === void 0 || onGroupSelect(true);
+    }
+    onHeaderPress(credentialId);
+  }, [selected, onGroupSelect, onHeaderPress]);
+  const credentialCards = useMemo(() => {
+    return requestGroup.flatMap((credentialRequestId, credentialRequestIndex, {
+      length: credentialRequestsLength
+    }) => {
+      const lastQuery = credentialRequestIndex === credentialRequestsLength - 1;
+      const credentialQuery = presentationDefinition.credentialQueries[credentialRequestId];
+      let defaultSelection;
+      if ('applicableCredentials' in credentialQuery) {
+        var _credentialQuery$appl;
+        defaultSelection = (_credentialQuery$appl = credentialQuery.applicableCredentials) !== null && _credentialQuery$appl !== void 0 && _credentialQuery$appl[0] ? {
+          credentialId: credentialQuery.applicableCredentials[0].id,
+          userSelections: []
+        } : {
+          credentialId: '',
+          userSelections: []
+        };
+      } else {
+        defaultSelection = {
+          credentialId: '',
+          userSelections: []
+        };
+      }
+      const request = selectedCredentials[credentialRequestId];
+      const credentialSelections = request ? Array.isArray(request) ? request : [request] : [defaultSelection];
+      return credentialSelections === null || credentialSelections === void 0 ? void 0 : credentialSelections.flatMap((credentialRequest, credentialIndex, {
+        length: credentialsLength
+      }) => {
+        const selectedFields = credentialRequest.userSelections;
+        const cardId = `${credentialRequestId}-${credentialRequest.credentialId}`;
+        const lastItem = singleCredentialGroup ? lastGroup : lastQuery && credentialIndex === credentialsLength - 1;
+        const cardExpanded = selected && (singleCredentialGroup || expandedCredential === cardId);
+        const headerAccessory = singleCredentialGroup && valid ? /*#__PURE__*/React.createElement(Selector, {
+          status: selected ? SelectorStatus.SelectedRadio : SelectorStatus.Empty
+        }) : cardExpanded ? UpIcon : DownIcon;
+        return /*#__PURE__*/React.createElement(ShareCredentialV2, {
+          credentialQuery: credentialQuery,
+          credentialRequestId: credentialRequestId,
+          expanded: cardExpanded,
+          grouped: !singleCredentialGroup,
+          headerAccessory: headerAccessory,
+          key: credentialRequestId,
+          labels: labels,
+          lastItem: lastItem,
+          onHeaderPress: singleCredentialGroup ? headerPressHandler : onNestedCardHeaderPress(cardId),
+          onImagePreview: onImagePreview,
+          onSelectCredential: onSelectCredential === null || onSelectCredential === void 0 ? void 0 : onSelectCredential(credentialRequestId),
+          onSelectField: onSelectField(credentialRequestId),
+          selectedCredentialId: credentialRequest.credentialId,
+          selectedFields: selectedFields,
+          style: [!singleCredentialGroup && styles.requestedCredential, lastItem && styles.requestedCredentialLast],
+          testID: concatTestID(testID, credentialRequestId)
+        });
+      });
+    });
+  }, [expandedCredential, labels, lastGroup, headerPressHandler, onImagePreview, onNestedCardHeaderPress, onSelectCredential, onSelectField, presentationDefinition.credentialQueries, requestGroup, selected, selectedCredentials, singleCredentialGroup, testID, valid]);
+  if (singleCredentialGroup) {
+    return credentialCards[0];
+  }
+  const groupHeaderAccessory = valid ? /*#__PURE__*/React.createElement(Selector, {
+    status: selected ? SelectorStatus.SelectedRadio : SelectorStatus.Empty
+  }) : selected ? UpIcon : DownIcon;
+  return /*#__PURE__*/React.createElement(Animated.View, {
+    layout: LinearTransition,
+    style: [styles.animatedWrapper,
+    // eslint-disable-next-line react-native/no-inline-styles
+    {
+      height: selected || lastGroup ? 'auto' : heightForNumberOfCards(numberOfCards)
+    }, style]
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    layout: LinearTransition,
+    style: [singleCredentialGroup ? undefined : styles.groupedCredentialsWrapper, !singleCredentialGroup && styles.requestedCredential, lastGroup && styles.requestedCredentialLast, style]
+  }, /*#__PURE__*/React.createElement(BlurView, {
+    blurStyle: "strong",
+    darkMode: true,
+    style: StyleSheet.absoluteFill
+  }), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: headerPressHandler
+  }, /*#__PURE__*/React.createElement(CredentialGroupHeader, {
+    accessory: groupHeaderAccessory,
+    name: labels.groupHeader,
+    style: styles.header
+  })), credentialCards));
+};
+const styles = StyleSheet.create({
+  animatedWrapper: {
+    ...CredentialCardShadow
+  },
+  groupedCredentialsWrapper: {
+    borderRadius: 10 + GroupedShareCredentialV2Padding,
+    overflow: 'hidden',
+    paddingBottom: GroupedShareCredentialV2Padding
+  },
+  header: {
+    marginBottom: GroupedShareCredentialV2Padding
+  },
+  requestedCredential: {
+    marginBottom: 12
+  },
+  requestedCredentialLast: {
+    marginBottom: 0
+  }
+});
+//# sourceMappingURL=share-credential-v2-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","StyleSheet","Animated","LinearTransition","BlurView","CredentialCardShadow","DownIcon","Selector","SelectorStatus","TouchableOpacity","UpIcon","CredentialGroupHeader","concatTestID","useCredentialListExpandedCard","GroupedShareCredentialV2Padding","ShareCredentialV2","multipleCredentialsSelected","selectedCredentials","credentialRequestId","Array","isArray","length","numberOfCardsForRequest","selection","heightForNumberOfCards","numberOfCards","ShareCredentialV2Group","labels","lastGroup","onGroupSelect","onImagePreview","onSelectCredential","onSelectField","presentationDefinition","requestGroup","selected","style","testID","valid","expandedCredential","onHeaderPress","reduce","acc","groupId","singleCredentialGroup","headerPressHandler","onNestedCardHeaderPress","credentialId","credentialCards","flatMap","credentialRequestIndex","credentialRequestsLength","lastQuery","credentialQuery","credentialQueries","defaultSelection","_credentialQuery$appl","applicableCredentials","id","userSelections","request","credentialSelections","credentialRequest","credentialIndex","credentialsLength","selectedFields","cardId","lastItem","cardExpanded","headerAccessory","createElement","status","SelectedRadio","Empty","expanded","grouped","key","selectedCredentialId","styles","requestedCredential","requestedCredentialLast","groupHeaderAccessory","View","layout","animatedWrapper","height","undefined","groupedCredentialsWrapper","blurStyle","darkMode","absoluteFill","onPress","accessory","name","groupHeader","header","create","borderRadius","overflow","paddingBottom","marginBottom"],"sources":["share-credential-v2-group.tsx"],"sourcesContent":["import {\n  CredentialListItem,\n  PresentationDefinitionV2,\n  PresentationDefinitionV2CredentialClaim,\n  PresentationSubmitV2CredentialRequest,\n} from '@procivis/react-native-one-core';\nimport React, { FC, useCallback, useMemo } from 'react';\nimport { ImageSourcePropType, StyleProp, StyleSheet, ViewStyle } from 'react-native';\nimport Animated, { LinearTransition } from 'react-native-reanimated';\n\nimport {\n  BlurView,\n  CredentialCardShadow,\n  DownIcon,\n  Selector,\n  SelectorStatus,\n  TouchableOpacity,\n  UpIcon,\n} from '../../../ui-components';\nimport CredentialGroupHeader from '../../../ui-components/credential/group/credential-group-header';\nimport { concatTestID, useCredentialListExpandedCard } from '../../../utils';\nimport { ShareCredentialLabels } from '../v1/share-credential';\nimport { GroupedShareCredentialV2Padding, ShareCredentialV2 } from './share-credential-v2';\n\nexport type CredentialQuerySelection = Record<\n  string,\n  PresentationSubmitV2CredentialRequest | PresentationSubmitV2CredentialRequest[]\n>;\n\nexport type ShareCredentialGroupLabels = ShareCredentialLabels & {\n  groupHeader: string;\n};\n\nexport type ShareCredentialV2GroupProps = {\n  labels: ShareCredentialGroupLabels;\n  lastGroup: boolean;\n  onGroupSelect?: (selected: boolean) => void;\n  onImagePreview: (title: string, image: ImageSourcePropType) => void;\n  onSelectCredential: (requestCredentialId: string) => () => void;\n  onSelectField: (\n    requestCredentialId: string,\n  ) => (\n    credentialId: CredentialListItem['id'],\n    fieldPath: PresentationDefinitionV2CredentialClaim['path'],\n    selected: boolean,\n  ) => void;\n  presentationDefinition: PresentationDefinitionV2;\n  requestGroup: string[];\n  selected?: boolean;\n  selectedCredentials?: CredentialQuerySelection;\n  style?: StyleProp<ViewStyle>;\n  testID: string;\n  valid: boolean;\n};\n\nconst multipleCredentialsSelected = (\n  selectedCredentials: CredentialQuerySelection | undefined,\n  credentialRequestId: string,\n) => {\n  return (\n    selectedCredentials &&\n    selectedCredentials[credentialRequestId] &&\n    Array.isArray(selectedCredentials[credentialRequestId]) &&\n    (selectedCredentials[credentialRequestId] as PresentationSubmitV2CredentialRequest[]).length > 1\n  );\n};\n\nconst numberOfCardsForRequest = (\n  selectedCredentials: CredentialQuerySelection | undefined,\n  credentialRequestId: string,\n) => {\n  if (!selectedCredentials || !selectedCredentials[credentialRequestId]) {\n    return 1;\n  }\n  const selection = selectedCredentials[credentialRequestId];\n  if (Array.isArray(selection)) {\n    return selection.length;\n  }\n  return 1;\n};\n\nconst heightForNumberOfCards = (numberOfCards: number) => 60 * (numberOfCards + 1) + 12 * numberOfCards;\n\nexport const ShareCredentialV2Group: FC<ShareCredentialV2GroupProps> = ({\n  labels,\n  lastGroup,\n  onGroupSelect,\n  onImagePreview,\n  onSelectCredential,\n  onSelectField,\n  presentationDefinition,\n  requestGroup,\n  selected,\n  selectedCredentials = {},\n  style,\n  testID,\n  valid,\n}) => {\n  const { expandedCredential, onHeaderPress } = useCredentialListExpandedCard();\n  const numberOfCards = requestGroup.reduce(\n    (acc, groupId) => acc + numberOfCardsForRequest(selectedCredentials, groupId),\n    0,\n  );\n  const singleCredentialGroup =\n    requestGroup.length === 1 && !multipleCredentialsSelected(selectedCredentials, requestGroup[0]);\n\n  const headerPressHandler = useCallback(() => {\n    onGroupSelect?.(!selected);\n  }, [selected, onGroupSelect]);\n\n  const onNestedCardHeaderPress = useCallback(\n    (credentialId: string) => () => {\n      if (!selected) {\n        onGroupSelect?.(true);\n      }\n      onHeaderPress(credentialId);\n    },\n    [selected, onGroupSelect, onHeaderPress],\n  );\n\n  const credentialCards = useMemo(() => {\n    return requestGroup.flatMap((credentialRequestId, credentialRequestIndex, { length: credentialRequestsLength }) => {\n      const lastQuery = credentialRequestIndex === credentialRequestsLength - 1;\n\n      const credentialQuery = presentationDefinition.credentialQueries[credentialRequestId];\n      let defaultSelection: PresentationSubmitV2CredentialRequest;\n      if ('applicableCredentials' in credentialQuery) {\n        defaultSelection = credentialQuery.applicableCredentials?.[0]\n          ? {\n              credentialId: credentialQuery.applicableCredentials[0].id,\n              userSelections: [],\n            }\n          : {\n              credentialId: '',\n              userSelections: [],\n            };\n      } else {\n        defaultSelection = {\n          credentialId: '',\n          userSelections: [],\n        };\n      }\n      const request = selectedCredentials[credentialRequestId];\n      const credentialSelections = request ? (Array.isArray(request) ? request : [request]) : [defaultSelection];\n\n      return credentialSelections?.flatMap((credentialRequest, credentialIndex, { length: credentialsLength }) => {\n        const selectedFields = credentialRequest.userSelections;\n        const cardId = `${credentialRequestId}-${credentialRequest.credentialId}`;\n        const lastItem = singleCredentialGroup ? lastGroup : lastQuery && credentialIndex === credentialsLength - 1;\n        const cardExpanded = selected && (singleCredentialGroup || expandedCredential === cardId);\n        const headerAccessory =\n          singleCredentialGroup && valid ? (\n            <Selector status={selected ? SelectorStatus.SelectedRadio : SelectorStatus.Empty} />\n          ) : cardExpanded ? (\n            UpIcon\n          ) : (\n            DownIcon\n          );\n        return (\n          <ShareCredentialV2\n            credentialQuery={credentialQuery}\n            credentialRequestId={credentialRequestId}\n            expanded={cardExpanded}\n            grouped={!singleCredentialGroup}\n            headerAccessory={headerAccessory}\n            key={credentialRequestId}\n            labels={labels}\n            lastItem={lastItem}\n            onHeaderPress={singleCredentialGroup ? headerPressHandler : onNestedCardHeaderPress(cardId)}\n            onImagePreview={onImagePreview}\n            onSelectCredential={onSelectCredential?.(credentialRequestId)}\n            onSelectField={onSelectField(credentialRequestId)}\n            selectedCredentialId={credentialRequest.credentialId}\n            selectedFields={selectedFields}\n            style={[!singleCredentialGroup && styles.requestedCredential, lastItem && styles.requestedCredentialLast]}\n            testID={concatTestID(testID, credentialRequestId)}\n          />\n        );\n      });\n    });\n  }, [\n    expandedCredential,\n    labels,\n    lastGroup,\n    headerPressHandler,\n    onImagePreview,\n    onNestedCardHeaderPress,\n    onSelectCredential,\n    onSelectField,\n    presentationDefinition.credentialQueries,\n    requestGroup,\n    selected,\n    selectedCredentials,\n    singleCredentialGroup,\n    testID,\n    valid,\n  ]);\n\n  if (singleCredentialGroup) {\n    return credentialCards[0];\n  }\n\n  const groupHeaderAccessory = valid ? (\n    <Selector status={selected ? SelectorStatus.SelectedRadio : SelectorStatus.Empty} />\n  ) : selected ? (\n    UpIcon\n  ) : (\n    DownIcon\n  );\n\n  return (\n    <Animated.View\n      layout={LinearTransition}\n      style={[\n        styles.animatedWrapper,\n        // eslint-disable-next-line react-native/no-inline-styles\n        {\n          height: selected || lastGroup ? 'auto' : heightForNumberOfCards(numberOfCards),\n        },\n        style,\n      ]}>\n      <Animated.View\n        layout={LinearTransition}\n        style={[\n          singleCredentialGroup ? undefined : styles.groupedCredentialsWrapper,\n          !singleCredentialGroup && styles.requestedCredential,\n          lastGroup && styles.requestedCredentialLast,\n          style,\n        ]}>\n        <BlurView blurStyle=\"strong\" darkMode={true} style={StyleSheet.absoluteFill} />\n        <TouchableOpacity onPress={headerPressHandler}>\n          <CredentialGroupHeader accessory={groupHeaderAccessory} name={labels.groupHeader} style={styles.header} />\n        </TouchableOpacity>\n        {credentialCards}\n      </Animated.View>\n    </Animated.View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  animatedWrapper: {\n    ...CredentialCardShadow,\n  },\n  groupedCredentialsWrapper: {\n    borderRadius: 10 + GroupedShareCredentialV2Padding,\n    overflow: 'hidden',\n    paddingBottom: GroupedShareCredentialV2Padding,\n  },\n  header: {\n    marginBottom: GroupedShareCredentialV2Padding,\n  },\n  requestedCredential: {\n    marginBottom: 12,\n  },\n  requestedCredentialLast: {\n    marginBottom: 0,\n  },\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,122 @@
+import React, { useCallback, useMemo } from 'react';
+import { Dimensions, StyleSheet } from 'react-native';
+import { CredentialDetailsCardListItem, useAppColorScheme } from '../../../ui-components';
+import { concatTestID, getValidityState, useCoreConfig, ValidityState } from '../../../utils';
+import { shareCredentialCardFromV2PresentationCredential } from '../../../utils/parsers/credential-sharing-v2';
+import { SelectShareCredentialCardNotice } from '../select-share-credential-card-notice';
+import { ShareCredentialCardNotice } from '../share-credential-card-notice';
+export const GroupedShareCredentialV2Padding = 4;
+export const ShareCredentialV2 = ({
+  credentialQuery,
+  credentialRequestId,
+  expanded,
+  grouped,
+  headerAccessory,
+  labels,
+  lastItem,
+  onHeaderPress,
+  onImagePreview,
+  onSelectCredential,
+  onSelectField,
+  selectedCredentialId,
+  selectedFields,
+  style,
+  testID
+}) => {
+  var _applicableCredential, _credential$issuer;
+  const colorScheme = useAppColorScheme();
+  const applicableCredentials = 'applicableCredentials' in credentialQuery ? credentialQuery.applicableCredentials : undefined;
+  const failureHint = 'failureHint' in credentialQuery ? credentialQuery.failureHint : undefined;
+  const credential = (_applicableCredential = applicableCredentials === null || applicableCredentials === void 0 ? void 0 : applicableCredentials.find(c => c.id === selectedCredentialId)) !== null && _applicableCredential !== void 0 ? _applicableCredential : applicableCredentials === null || applicableCredentials === void 0 ? void 0 : applicableCredentials[0];
+  const {
+    data: config
+  } = useCoreConfig();
+  const cardWidth = useMemo(() => Dimensions.get('window').width - 32 - (grouped ? GroupedShareCredentialV2Padding * 2 : 0), [grouped]);
+  const multipleCredentialsAvailable = Boolean((applicableCredentials === null || applicableCredentials === void 0 ? void 0 : applicableCredentials.length) && applicableCredentials.length > 1);
+  const validityState = getValidityState(credential ? {
+    ...credential,
+    issuer: credential === null || credential === void 0 || (_credential$issuer = credential.issuer) === null || _credential$issuer === void 0 ? void 0 : _credential$issuer.id
+  } : undefined);
+  const footer = useMemo(() => {
+    if (!expanded) {
+      return;
+    }
+    if (validityState === ValidityState.Revoked) {
+      return /*#__PURE__*/React.createElement(ShareCredentialCardNotice, {
+        testID: concatTestID(testID, 'notice.revoked'),
+        text: labels.revokedCredentialNotice
+      });
+    }
+    if (validityState === ValidityState.Suspended) {
+      return /*#__PURE__*/React.createElement(ShareCredentialCardNotice, {
+        testID: concatTestID(testID, 'notice.suspended'),
+        text: labels.suspendedCredentialNotice
+      });
+    }
+    if ((failureHint === null || failureHint === void 0 ? void 0 : failureHint.reason) === 'VALIDITY') {
+      return /*#__PURE__*/React.createElement(ShareCredentialCardNotice, {
+        testID: concatTestID(testID, 'notice.invalid'),
+        text: labels.invalidCredentialNotice
+      });
+    }
+    if (multipleCredentialsAvailable) {
+      return /*#__PURE__*/React.createElement(SelectShareCredentialCardNotice, {
+        buttonTitle: labels.multipleCredentialsSelect,
+        onPress: onSelectCredential,
+        testID: concatTestID(testID, 'notice.multiple'),
+        text: labels.multipleCredentialsNotice
+      });
+    }
+  }, [expanded, failureHint === null || failureHint === void 0 ? void 0 : failureHint.reason, labels.invalidCredentialNotice, labels.multipleCredentialsNotice, labels.multipleCredentialsSelect, labels.revokedCredentialNotice, labels.suspendedCredentialNotice, multipleCredentialsAvailable, onSelectCredential, testID, validityState]);
+  const onAttributeSelected = useCallback((fieldPath, selected) => {
+    if (!selectedCredentialId) {
+      return;
+    }
+    onSelectField(selectedCredentialId, fieldPath, selected);
+  }, [onSelectField, selectedCredentialId]);
+  if (!config) {
+    return null;
+  }
+  const {
+    card: {
+      header,
+      ...card
+    },
+    attributes
+  } = shareCredentialCardFromV2PresentationCredential(credential, failureHint, Boolean(expanded), multipleCredentialsAvailable, selectedFields, config, testID, labels);
+  if (headerAccessory) {
+    header.accessory = headerAccessory;
+  }
+  return /*#__PURE__*/React.createElement(CredentialDetailsCardListItem, {
+    attributes: attributes,
+    card: {
+      ...card,
+      credentialId: credentialRequestId,
+      header,
+      onHeaderPress,
+      width: cardWidth
+    },
+    expanded: expanded,
+    footer: footer,
+    lastItem: lastItem,
+    onAttributeSelected: onAttributeSelected,
+    onImagePreview: onImagePreview,
+    style: [styles.credential, grouped ? styles.groupedCredential : styles.bordered, {
+      borderColor: colorScheme.background
+    }, style],
+    testID: testID
+  });
+};
+const styles = StyleSheet.create({
+  bordered: {
+    borderWidth: 1
+  },
+  credential: {
+    borderRadius: 10,
+    marginBottom: 8
+  },
+  groupedCredential: {
+    marginHorizontal: GroupedShareCredentialV2Padding
+  }
+});
+//# sourceMappingURL=share-credential-v2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","Dimensions","StyleSheet","CredentialDetailsCardListItem","useAppColorScheme","concatTestID","getValidityState","useCoreConfig","ValidityState","shareCredentialCardFromV2PresentationCredential","SelectShareCredentialCardNotice","ShareCredentialCardNotice","GroupedShareCredentialV2Padding","ShareCredentialV2","credentialQuery","credentialRequestId","expanded","grouped","headerAccessory","labels","lastItem","onHeaderPress","onImagePreview","onSelectCredential","onSelectField","selectedCredentialId","selectedFields","style","testID","_applicableCredential","_credential$issuer","colorScheme","applicableCredentials","undefined","failureHint","credential","find","c","id","data","config","cardWidth","get","width","multipleCredentialsAvailable","Boolean","length","validityState","issuer","footer","Revoked","createElement","text","revokedCredentialNotice","Suspended","suspendedCredentialNotice","reason","invalidCredentialNotice","buttonTitle","multipleCredentialsSelect","onPress","multipleCredentialsNotice","onAttributeSelected","fieldPath","selected","card","header","attributes","accessory","credentialId","styles","groupedCredential","bordered","borderColor","background","create","borderWidth","borderRadius","marginBottom","marginHorizontal"],"sources":["share-credential-v2.tsx"],"sourcesContent":["import {\n  CredentialListItem,\n  PresentationDefinitionV2CredentialClaim,\n  PresentationDefinitionV2CredentialQuery,\n} from '@procivis/react-native-one-core';\nimport React, { FunctionComponent, useCallback, useMemo } from 'react';\nimport { Dimensions, ImageSourcePropType, StyleProp, StyleSheet, ViewStyle } from 'react-native';\n\nimport { CredentialDetailsCardListItem, useAppColorScheme } from '../../../ui-components';\nimport { concatTestID, getValidityState, useCoreConfig, ValidityState } from '../../../utils';\nimport { shareCredentialCardFromV2PresentationCredential } from '../../../utils/parsers/credential-sharing-v2';\nimport { SelectShareCredentialCardNotice } from '../select-share-credential-card-notice';\nimport { ShareCredentialCardNotice } from '../share-credential-card-notice';\nimport { ShareCredentialLabels } from '../v1';\n\nexport type ShareCredentialV2Props = {\n  credentialQuery: PresentationDefinitionV2CredentialQuery;\n  credentialRequestId: string;\n  expanded?: boolean;\n  grouped?: boolean;\n  headerAccessory?: React.ComponentType<any> | React.ReactElement;\n  labels: ShareCredentialLabels;\n  lastItem?: boolean;\n  onHeaderPress?: (_credentialId?: string) => void;\n  onImagePreview: (title: string, image: ImageSourcePropType) => void;\n  onSelectCredential?: () => void;\n  onSelectField: (\n    credentialId: CredentialListItem['id'],\n    fieldPath: PresentationDefinitionV2CredentialClaim['path'],\n    selected: boolean,\n  ) => void;\n  selectedCredentialId?: CredentialListItem['id'];\n  selectedFields?: Array<PresentationDefinitionV2CredentialClaim['path']>;\n  style?: StyleProp<ViewStyle>;\n  testID: string;\n};\n\nexport const GroupedShareCredentialV2Padding = 4;\n\nexport const ShareCredentialV2: FunctionComponent<ShareCredentialV2Props> = ({\n  credentialQuery,\n  credentialRequestId,\n  expanded,\n  grouped,\n  headerAccessory,\n  labels,\n  lastItem,\n  onHeaderPress,\n  onImagePreview,\n  onSelectCredential,\n  onSelectField,\n  selectedCredentialId,\n  selectedFields,\n  style,\n  testID,\n}) => {\n  const colorScheme = useAppColorScheme();\n  const applicableCredentials =\n    'applicableCredentials' in credentialQuery ? credentialQuery.applicableCredentials : undefined;\n  const failureHint = 'failureHint' in credentialQuery ? credentialQuery.failureHint : undefined;\n  const credential = applicableCredentials?.find((c) => c.id === selectedCredentialId) ?? applicableCredentials?.[0];\n  const { data: config } = useCoreConfig();\n  const cardWidth = useMemo(\n    () => Dimensions.get('window').width - 32 - (grouped ? GroupedShareCredentialV2Padding * 2 : 0),\n    [grouped],\n  );\n\n  const multipleCredentialsAvailable = Boolean(applicableCredentials?.length && applicableCredentials.length > 1);\n\n  const validityState = getValidityState(\n    credential\n      ? {\n          ...credential,\n          issuer: credential?.issuer?.id,\n        }\n      : undefined,\n  );\n\n  const footer = useMemo(() => {\n    if (!expanded) {\n      return;\n    }\n    if (validityState === ValidityState.Revoked) {\n      return (\n        <ShareCredentialCardNotice\n          testID={concatTestID(testID, 'notice.revoked')}\n          text={labels.revokedCredentialNotice}\n        />\n      );\n    }\n    if (validityState === ValidityState.Suspended) {\n      return (\n        <ShareCredentialCardNotice\n          testID={concatTestID(testID, 'notice.suspended')}\n          text={labels.suspendedCredentialNotice}\n        />\n      );\n    }\n\n    if (failureHint?.reason === 'VALIDITY') {\n      return (\n        <ShareCredentialCardNotice\n          testID={concatTestID(testID, 'notice.invalid')}\n          text={labels.invalidCredentialNotice}\n        />\n      );\n    }\n\n    if (multipleCredentialsAvailable) {\n      return (\n        <SelectShareCredentialCardNotice\n          buttonTitle={labels.multipleCredentialsSelect}\n          onPress={onSelectCredential}\n          testID={concatTestID(testID, 'notice.multiple')}\n          text={labels.multipleCredentialsNotice}\n        />\n      );\n    }\n  }, [\n    expanded,\n    failureHint?.reason,\n    labels.invalidCredentialNotice,\n    labels.multipleCredentialsNotice,\n    labels.multipleCredentialsSelect,\n    labels.revokedCredentialNotice,\n    labels.suspendedCredentialNotice,\n    multipleCredentialsAvailable,\n    onSelectCredential,\n    testID,\n    validityState,\n  ]);\n\n  const onAttributeSelected = useCallback(\n    (fieldPath: PresentationDefinitionV2CredentialClaim['path'], selected: boolean) => {\n      if (!selectedCredentialId) {\n        return;\n      }\n      onSelectField(selectedCredentialId, fieldPath, selected);\n    },\n    [onSelectField, selectedCredentialId],\n  );\n\n  if (!config) {\n    return null;\n  }\n\n  const {\n    card: { header, ...card },\n    attributes,\n  } = shareCredentialCardFromV2PresentationCredential(\n    credential,\n    failureHint,\n    Boolean(expanded),\n    multipleCredentialsAvailable,\n    selectedFields,\n    config,\n    testID,\n    labels,\n  );\n\n  if (headerAccessory) {\n    header.accessory = headerAccessory;\n  }\n\n  return (\n    <CredentialDetailsCardListItem\n      attributes={attributes}\n      card={{\n        ...card,\n        credentialId: credentialRequestId,\n        header,\n        onHeaderPress,\n        width: cardWidth,\n      }}\n      expanded={expanded}\n      footer={footer}\n      lastItem={lastItem}\n      onAttributeSelected={onAttributeSelected}\n      onImagePreview={onImagePreview}\n      style={[\n        styles.credential,\n        grouped ? styles.groupedCredential : styles.bordered,\n        { borderColor: colorScheme.background },\n        style,\n      ]}\n      testID={testID}\n    />\n  );\n};\n\nconst styles = StyleSheet.create({\n  bordered: {\n    borderWidth: 1,\n  },\n  credential: {\n    borderRadius: 10,\n    marginBottom: 8,\n  },\n  groupedCredential: {\n    marginHorizontal: GroupedShareCredentialV2Padding,\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/lib/module/ui-components/buttons/share-button.js

@@ -2,9 +2,9 @@ import React from 'react';
 import { StyleSheet, View } from 'react-native';
 import { concatTestID } from '../../utils';
 import { TouchableHighlight } from '../accessibility';
+import { LinkIcon } from '../icons';
 import { Typography } from '../text';
 import { useAppColorScheme } from '../theme';
-import { LinkIcon } from '../icons';
 const ShareButton = ({
   onPress,
   style,

package/lib/module/ui-components/buttons/share-button.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","concatTestID","TouchableHighlight","Typography","useAppColorScheme","LinkIcon","ShareButton","onPress","style","title","testID","colorScheme","createElement","styles","button","container","backgroundColor","white","color","text","preset","create","borderRadius","overflow","alignItems","flexDirection","gap","height","paddingLeft","paddingRight","paddingVertical"],"sources":["share-button.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { concatTestID } from '../../utils';\nimport { TouchableHighlight } from '../accessibility';\nimport { Typography } from '../text';\nimport { useAppColorScheme } from '../theme';\nimport { LinkIcon } from '../icons';\n\nexport type ShareButtonProps = {\n  onPress?: () => void;\n  style?: StyleProp<ViewStyle>;\n  title?: string;\n  testID?: string;\n};\n\nconst ShareButton: FC<ShareButtonProps> = ({\n  onPress,\n  style,\n  title,\n  testID,\n}) => {\n  const colorScheme = useAppColorScheme();\n\n  return (\n    <TouchableHighlight onPress={onPress} style={[styles.button, style]} testID={testID}>\n      <View style={[styles.container, { backgroundColor: colorScheme.white }]}>\n        <LinkIcon color={colorScheme.text} />\n        {title && (\n          <Typography testID={concatTestID(testID, 'title')} color={colorScheme.text} preset=\"s\">\n            {title}\n          </Typography>\n        )}\n      </View>\n    </TouchableHighlight>\n  );\n};\n\nconst styles = StyleSheet.create({\n  button: {\n    borderRadius: 5,\n    overflow: 'hidden',\n  },\n  container: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    gap: 5,\n    height: 32,\n    paddingLeft: 4,\n    paddingRight: 6,\n    paddingVertical: 5,\n  },\n});\n\nexport default ShareButton;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAc,OAAO;AACjC,SAAoBC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAErE,SAASC,YAAY,QAAQ,aAAa;AAC1C,SAASC,kBAAkB,QAAQ,kBAAkB;AACrD,SAASC,UAAU,QAAQ,SAAS;AACpC,SAASC,iBAAiB,QAAQ,UAAU;AAC5C,SAASC,QAAQ,QAAQ,UAAU;AASnC,MAAMC,WAAiC,GAAGA,CAAC;EACzCC,OAAO;EACPC,KAAK;EACLC,KAAK;EACLC;AACF,CAAC,KAAK;EACJ,MAAMC,WAAW,GAAGP,iBAAiB,CAAC,CAAC;EAEvC,oBACEN,KAAA,CAAAc,aAAA,CAACV,kBAAkB;IAACK,OAAO,EAAEA,OAAQ;IAACC,KAAK,EAAE,CAACK,MAAM,CAACC,MAAM,EAAEN,KAAK,CAAE;IAACE,MAAM,EAAEA;EAAO,gBAClFZ,KAAA,CAAAc,aAAA,CAACZ,IAAI;IAACQ,KAAK,EAAE,CAACK,MAAM,CAACE,SAAS,EAAE;MAAEC,eAAe,EAAEL,WAAW,CAACM;IAAM,CAAC;EAAE,gBACtEnB,KAAA,CAAAc,aAAA,CAACP,QAAQ;IAACa,KAAK,EAAEP,WAAW,CAACQ;EAAK,CAAE,CAAC,EACpCV,KAAK,iBACJX,KAAA,CAAAc,aAAA,CAACT,UAAU;IAACO,MAAM,EAAET,YAAY,CAACS,MAAM,EAAE,OAAO,CAAE;IAACQ,KAAK,EAAEP,WAAW,CAACQ,IAAK;IAACC,MAAM,EAAC;EAAG,GACnFX,KACS,CAEV,CACY,CAAC;AAEzB,CAAC;AAED,MAAMI,MAAM,GAAGd,UAAU,CAACsB,MAAM,CAAC;EAC/BP,MAAM,EAAE;IACNQ,YAAY,EAAE,CAAC;IACfC,QAAQ,EAAE;EACZ,CAAC;EACDR,SAAS,EAAE;IACTS,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAE,CAAC;IACNC,MAAM,EAAE,EAAE;IACVC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC;AAEF,eAAexB,WAAW","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","View","concatTestID","TouchableHighlight","LinkIcon","Typography","useAppColorScheme","ShareButton","onPress","style","title","testID","colorScheme","createElement","styles","button","container","backgroundColor","white","color","text","preset","create","borderRadius","overflow","alignItems","flexDirection","gap","height","paddingLeft","paddingRight","paddingVertical"],"sources":["share-button.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { concatTestID } from '../../utils';\nimport { TouchableHighlight } from '../accessibility';\nimport { LinkIcon } from '../icons';\nimport { Typography } from '../text';\nimport { useAppColorScheme } from '../theme';\n\nexport type ShareButtonProps = {\n  onPress?: () => void;\n  style?: StyleProp<ViewStyle>;\n  title?: string;\n  testID?: string;\n};\n\nconst ShareButton: FC<ShareButtonProps> = ({\n  onPress,\n  style,\n  title,\n  testID,\n}) => {\n  const colorScheme = useAppColorScheme();\n\n  return (\n    <TouchableHighlight onPress={onPress} style={[styles.button, style]} testID={testID}>\n      <View style={[styles.container, { backgroundColor: colorScheme.white }]}>\n        <LinkIcon color={colorScheme.text} />\n        {title && (\n          <Typography testID={concatTestID(testID, 'title')} color={colorScheme.text} preset=\"s\">\n            {title}\n          </Typography>\n        )}\n      </View>\n    </TouchableHighlight>\n  );\n};\n\nconst styles = StyleSheet.create({\n  button: {\n    borderRadius: 5,\n    overflow: 'hidden',\n  },\n  container: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    gap: 5,\n    height: 32,\n    paddingLeft: 4,\n    paddingRight: 6,\n    paddingVertical: 5,\n  },\n});\n\nexport default ShareButton;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAc,OAAO;AACjC,SAAoBC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAErE,SAASC,YAAY,QAAQ,aAAa;AAC1C,SAASC,kBAAkB,QAAQ,kBAAkB;AACrD,SAASC,QAAQ,QAAQ,UAAU;AACnC,SAASC,UAAU,QAAQ,SAAS;AACpC,SAASC,iBAAiB,QAAQ,UAAU;AAS5C,MAAMC,WAAiC,GAAGA,CAAC;EACzCC,OAAO;EACPC,KAAK;EACLC,KAAK;EACLC;AACF,CAAC,KAAK;EACJ,MAAMC,WAAW,GAAGN,iBAAiB,CAAC,CAAC;EAEvC,oBACEP,KAAA,CAAAc,aAAA,CAACV,kBAAkB;IAACK,OAAO,EAAEA,OAAQ;IAACC,KAAK,EAAE,CAACK,MAAM,CAACC,MAAM,EAAEN,KAAK,CAAE;IAACE,MAAM,EAAEA;EAAO,gBAClFZ,KAAA,CAAAc,aAAA,CAACZ,IAAI;IAACQ,KAAK,EAAE,CAACK,MAAM,CAACE,SAAS,EAAE;MAAEC,eAAe,EAAEL,WAAW,CAACM;IAAM,CAAC;EAAE,gBACtEnB,KAAA,CAAAc,aAAA,CAACT,QAAQ;IAACe,KAAK,EAAEP,WAAW,CAACQ;EAAK,CAAE,CAAC,EACpCV,KAAK,iBACJX,KAAA,CAAAc,aAAA,CAACR,UAAU;IAACM,MAAM,EAAET,YAAY,CAACS,MAAM,EAAE,OAAO,CAAE;IAACQ,KAAK,EAAEP,WAAW,CAACQ,IAAK;IAACC,MAAM,EAAC;EAAG,GACnFX,KACS,CAEV,CACY,CAAC;AAEzB,CAAC;AAED,MAAMI,MAAM,GAAGd,UAAU,CAACsB,MAAM,CAAC;EAC/BP,MAAM,EAAE;IACNQ,YAAY,EAAE,CAAC;IACfC,QAAQ,EAAE;EACZ,CAAC;EACDR,SAAS,EAAE;IACTS,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAE,CAAC;IACNC,MAAM,EAAE,EAAE;IACVC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC;AAEF,eAAexB,WAAW","ignoreList":[]}

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

@@ -1,6 +1,8 @@
+import { useIsFocused } from '@react-navigation/native';
 import React, { useMemo } from 'react';
 import { StyleSheet, View } from 'react-native';
 import { Camera, useCameraDevice, useCodeScanner } from 'react-native-vision-camera';
+import { useIsAppActive } from '../../utils';
 import CameraOverlay from './camera-overlay';
 const QRCodeScanner = ({
   cameraOverlay,
@@ -9,6 +11,8 @@ const QRCodeScanner = ({
   noCameraView = null,
   ...viewProps
 }) => {
+  const isFocused = useIsFocused();
+  const isAppActive = useIsAppActive();
   const qrCodeScanner = useCodeScanner({
     codeTypes,
     onCodeScanned: onQRCodeRead
@@ -31,7 +35,7 @@ const QRCodeScanner = ({
   return /*#__PURE__*/React.createElement(View, viewProps, /*#__PURE__*/React.createElement(Camera, {
     codeScanner: qrCodeScanner,
     device: device,
-    isActive: true,
+    isActive: isFocused && isAppActive !== false,
     style: StyleSheet.absoluteFill
   }), cameraOverlayView);
 };

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

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","StyleSheet","View","Camera","useCameraDevice","useCodeScanner","CameraOverlay","QRCodeScanner","cameraOverlay","codeTypes","onQRCodeRead","noCameraView","viewProps","qrCodeScanner","onCodeScanned","device","cameraOverlayView","createElement","isValidElement","CameraOverlayComponent","codeScanner","isActive","style","absoluteFill"],"sources":["qr-code-scanner.tsx"],"sourcesContent":["import React, { FunctionComponent, useMemo } from 'react';\nimport { StyleSheet, View, ViewProps } from 'react-native';\nimport { Camera, Code, CodeType, useCameraDevice, useCodeScanner } from 'react-native-vision-camera';\n\nimport CameraOverlay from './camera-overlay';\n\nexport type QRCodeScannerProps = ViewProps & {\n  cameraOverlay?: React.ComponentType<any> | React.ReactElement;\n  codeTypes?: CodeType[];\n  noCameraView?: JSX.Element;\n  onQRCodeRead: (code: Code[]) => void;\n};\n\nconst QRCodeScanner: FunctionComponent<QRCodeScannerProps> = ({\n  cameraOverlay,\n  codeTypes = ['qr'],\n  onQRCodeRead,\n  noCameraView = null,\n  ...viewProps\n}) => {\n  const qrCodeScanner = useCodeScanner({\n    codeTypes,\n    onCodeScanned: onQRCodeRead,\n  });\n\n  const device = useCameraDevice('back');\n\n  const cameraOverlayView: React.ReactElement | undefined = useMemo(() => {\n    if (!cameraOverlay) {\n      return <CameraOverlay />;\n    }\n    if (React.isValidElement(cameraOverlay)) {\n      return cameraOverlay;\n    } else {\n      const CameraOverlayComponent = cameraOverlay as React.ComponentType<any>;\n      return <CameraOverlayComponent />;\n    }\n  }, [cameraOverlay]);\n\n  if (!device) {\n    return noCameraView;\n  }\n\n  return (\n    <View {...viewProps}>\n      <Camera codeScanner={qrCodeScanner} device={device} isActive={true} style={StyleSheet.absoluteFill} />\n      {cameraOverlayView}\n    </View>\n  );\n};\n\nexport default QRCodeScanner;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAuBC,OAAO,QAAQ,OAAO;AACzD,SAASC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAC1D,SAASC,MAAM,EAAkBC,eAAe,EAAEC,cAAc,QAAQ,4BAA4B;AAEpG,OAAOC,aAAa,MAAM,kBAAkB;AAS5C,MAAMC,aAAoD,GAAGA,CAAC;EAC5DC,aAAa;EACbC,SAAS,GAAG,CAAC,IAAI,CAAC;EAClBC,YAAY;EACZC,YAAY,GAAG,IAAI;EACnB,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,aAAa,GAAGR,cAAc,CAAC;IACnCI,SAAS;IACTK,aAAa,EAAEJ;EACjB,CAAC,CAAC;EAEF,MAAMK,MAAM,GAAGX,eAAe,CAAC,MAAM,CAAC;EAEtC,MAAMY,iBAAiD,GAAGhB,OAAO,CAAC,MAAM;IACtE,IAAI,CAACQ,aAAa,EAAE;MAClB,oBAAOT,KAAA,CAAAkB,aAAA,CAACX,aAAa,MAAE,CAAC;IAC1B;IACA,iBAAIP,KAAK,CAACmB,cAAc,CAACV,aAAa,CAAC,EAAE;MACvC,OAAOA,aAAa;IACtB,CAAC,MAAM;MACL,MAAMW,sBAAsB,GAAGX,aAAyC;MACxE,oBAAOT,KAAA,CAAAkB,aAAA,CAACE,sBAAsB,MAAE,CAAC;IACnC;EACF,CAAC,EAAE,CAACX,aAAa,CAAC,CAAC;EAEnB,IAAI,CAACO,MAAM,EAAE;IACX,OAAOJ,YAAY;EACrB;EAEA,oBACEZ,KAAA,CAAAkB,aAAA,CAACf,IAAI,EAAKU,SAAS,eACjBb,KAAA,CAAAkB,aAAA,CAACd,MAAM;IAACiB,WAAW,EAAEP,aAAc;IAACE,MAAM,EAAEA,MAAO;IAACM,QAAQ,EAAE,IAAK;IAACC,KAAK,EAAErB,UAAU,CAACsB;EAAa,CAAE,CAAC,EACrGP,iBACG,CAAC;AAEX,CAAC;AAED,eAAeT,aAAa","ignoreList":[]}
+{"version":3,"names":["useIsFocused","React","useMemo","StyleSheet","View","Camera","useCameraDevice","useCodeScanner","useIsAppActive","CameraOverlay","QRCodeScanner","cameraOverlay","codeTypes","onQRCodeRead","noCameraView","viewProps","isFocused","isAppActive","qrCodeScanner","onCodeScanned","device","cameraOverlayView","createElement","isValidElement","CameraOverlayComponent","codeScanner","isActive","style","absoluteFill"],"sources":["qr-code-scanner.tsx"],"sourcesContent":["import { useIsFocused } from '@react-navigation/native';\nimport React, { FunctionComponent, useMemo } from 'react';\nimport { StyleSheet, View, ViewProps } from 'react-native';\nimport { Camera, Code, CodeType, useCameraDevice, useCodeScanner } from 'react-native-vision-camera';\n\nimport { useIsAppActive } from '../../utils';\nimport CameraOverlay from './camera-overlay';\n\nexport type QRCodeScannerProps = ViewProps & {\n  cameraOverlay?: React.ComponentType<any> | React.ReactElement;\n  codeTypes?: CodeType[];\n  noCameraView?: JSX.Element;\n  onQRCodeRead: (code: Code[]) => void;\n};\n\nconst QRCodeScanner: FunctionComponent<QRCodeScannerProps> = ({\n  cameraOverlay,\n  codeTypes = ['qr'],\n  onQRCodeRead,\n  noCameraView = null,\n  ...viewProps\n}) => {\n  const isFocused = useIsFocused();\n  const isAppActive = useIsAppActive();\n  const qrCodeScanner = useCodeScanner({\n    codeTypes,\n    onCodeScanned: onQRCodeRead,\n  });\n\n  const device = useCameraDevice('back');\n\n  const cameraOverlayView = useMemo(() => {\n    if (!cameraOverlay) {\n      return <CameraOverlay />;\n    }\n    if (React.isValidElement(cameraOverlay)) {\n      return cameraOverlay;\n    } else {\n      const CameraOverlayComponent = cameraOverlay as React.ComponentType<any>;\n      return <CameraOverlayComponent />;\n    }\n  }, [cameraOverlay]);\n\n  if (!device) {\n    return noCameraView;\n  }\n\n  return (\n    <View {...viewProps}>\n      <Camera\n        codeScanner={qrCodeScanner}\n        device={device}\n        isActive={isFocused && isAppActive !== false}\n        style={StyleSheet.absoluteFill}\n      />\n      {cameraOverlayView}\n    </View>\n  );\n};\n\nexport default QRCodeScanner;\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,0BAA0B;AACvD,OAAOC,KAAK,IAAuBC,OAAO,QAAQ,OAAO;AACzD,SAASC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAC1D,SAASC,MAAM,EAAkBC,eAAe,EAAEC,cAAc,QAAQ,4BAA4B;AAEpG,SAASC,cAAc,QAAQ,aAAa;AAC5C,OAAOC,aAAa,MAAM,kBAAkB;AAS5C,MAAMC,aAAoD,GAAGA,CAAC;EAC5DC,aAAa;EACbC,SAAS,GAAG,CAAC,IAAI,CAAC;EAClBC,YAAY;EACZC,YAAY,GAAG,IAAI;EACnB,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,SAAS,GAAGhB,YAAY,CAAC,CAAC;EAChC,MAAMiB,WAAW,GAAGT,cAAc,CAAC,CAAC;EACpC,MAAMU,aAAa,GAAGX,cAAc,CAAC;IACnCK,SAAS;IACTO,aAAa,EAAEN;EACjB,CAAC,CAAC;EAEF,MAAMO,MAAM,GAAGd,eAAe,CAAC,MAAM,CAAC;EAEtC,MAAMe,iBAAiB,GAAGnB,OAAO,CAAC,MAAM;IACtC,IAAI,CAACS,aAAa,EAAE;MAClB,oBAAOV,KAAA,CAAAqB,aAAA,CAACb,aAAa,MAAE,CAAC;IAC1B;IACA,iBAAIR,KAAK,CAACsB,cAAc,CAACZ,aAAa,CAAC,EAAE;MACvC,OAAOA,aAAa;IACtB,CAAC,MAAM;MACL,MAAMa,sBAAsB,GAAGb,aAAyC;MACxE,oBAAOV,KAAA,CAAAqB,aAAA,CAACE,sBAAsB,MAAE,CAAC;IACnC;EACF,CAAC,EAAE,CAACb,aAAa,CAAC,CAAC;EAEnB,IAAI,CAACS,MAAM,EAAE;IACX,OAAON,YAAY;EACrB;EAEA,oBACEb,KAAA,CAAAqB,aAAA,CAAClB,IAAI,EAAKW,SAAS,eACjBd,KAAA,CAAAqB,aAAA,CAACjB,MAAM;IACLoB,WAAW,EAAEP,aAAc;IAC3BE,MAAM,EAAEA,MAAO;IACfM,QAAQ,EAAEV,SAAS,IAAIC,WAAW,KAAK,KAAM;IAC7CU,KAAK,EAAExB,UAAU,CAACyB;EAAa,CAChC,CAAC,EACDP,iBACG,CAAC;AAEX,CAAC;AAED,eAAeX,aAAa","ignoreList":[]}

package/lib/module/ui-components/credential/card/credential-details-list-item.js

@@ -1,7 +1,7 @@
 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, { useCallback, useEffect, useState } from 'react';
-import { StyleSheet, View } from 'react-native';
-import Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import React, { useCallback, useState } from 'react';
+import { StyleSheet } from 'react-native';
+import Animated, { LinearTransition } from 'react-native-reanimated';
 import { CredentialCardRatio, CredentialCardShadow } from './credential-card';
 import CredentialDetailsCard from './credential-details-card';
 const CredentialDetailsCardListItem = ({
@@ -11,43 +11,12 @@ const CredentialDetailsCardListItem = ({
   style,
   ...props
 }) => {
-  const [cardWidth, setCardWidth] = useState();
-  const [minHeight, setMinHeight] = useState();
   const [detailsCardHeight, setDetailsCardHeight] = useState();
-  const cardListItemHeight = useSharedValue(undefined);
-  useEffect(() => {
-    if (!detailsCardHeight || !minHeight) {
-      return;
-    }
-    const newValue = expanded ? detailsCardHeight : minHeight;
-    if (cardListItemHeight.value === undefined) {
-      cardListItemHeight.value = newValue;
-      return;
-    }
-    cardListItemHeight.value = withTiming(newValue, {
-      duration: 250
-    });
-  }, [cardListItemHeight, detailsCardHeight, minHeight, expanded]);
-  const animatedCardWrapperStyle = useAnimatedStyle(() => {
-    if (cardListItemHeight.value !== undefined) {
-      return {
-        height: cardListItemHeight.value
-      };
-    }
-    if (lastItem || expanded) {
-      return {};
-    }
-    return {
-      height: 60
-    };
-  }, [cardListItemHeight, lastItem, expanded]);
-  const cardWrapperStyle = {
-    minHeight: cardWidth ? Math.ceil(cardWidth / CredentialCardRatio) : undefined
-  };
+  const cardWidth = props.card.width;
+  const minHeight = lastItem ? Math.ceil(cardWidth / CredentialCardRatio) : 60;
   const onContentLayout = useCallback(event => {
     var _StyleSheet$flatten$b, _StyleSheet$flatten;
     const {
-      width,
       height
     } = event.nativeEvent.layout;
     const borderWidth = (_StyleSheet$flatten$b = (_StyleSheet$flatten = StyleSheet.flatten(style)) === null || _StyleSheet$flatten === void 0 ? void 0 : _StyleSheet$flatten.borderWidth) !== null && _StyleSheet$flatten$b !== void 0 ? _StyleSheet$flatten$b : 0;
@@ -55,16 +24,22 @@ const CredentialDetailsCardListItem = ({
     if (cardHeight === detailsCardHeight) {
       return;
     }
-    setCardWidth(width);
-    if (!minHeight) {
-      setMinHeight(lastItem ? Math.ceil(width / CredentialCardRatio) : 60);
-    }
     setDetailsCardHeight(cardHeight);
-  }, [lastItem, minHeight, style, detailsCardHeight]);
+  }, [style, detailsCardHeight]);
   return /*#__PURE__*/React.createElement(Animated.View, {
-    style: [styles.animatedWrapper, animatedCardWrapperStyle, style]
-  }, /*#__PURE__*/React.createElement(View, {
-    style: [styles.cardWrapper, cardWrapperStyle]
+    layout: LinearTransition,
+    style: [styles.animatedWrapper,
+    // eslint-disable-next-line react-native/no-inline-styles
+    {
+      height: expanded ? 'auto' : minHeight
+    }, style]
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    layout: LinearTransition,
+    style: [styles.cardWrapper,
+    // eslint-disable-next-line react-native/no-inline-styles
+    {
+      height: expanded ? 'auto' : Math.ceil(cardWidth / CredentialCardRatio)
+    }]
   }, /*#__PURE__*/React.createElement(CredentialDetailsCard, _extends({
     animate: false,
     expanded: true,
@@ -78,7 +53,6 @@ const styles = StyleSheet.create({
   },
   cardWrapper: {
     borderRadius: 10,
-    height: '100%',
     overflow: 'hidden'
   }
 });