@procivis/one-react-native-components 0.3.132 → 0.3.142

package/lib/commonjs/components/history/history-list-item-icon.js

@@ -19,6 +19,7 @@ const defaultIcons = {
     DELETED: _uiComponents.HistoryStatusDeleteIcon,
     ERRORED: _uiComponents.HistoryStatusErrorIcon,
     IMPORTED: _uiComponents.HistoryStatusAcceptedIcon,
+    SIGNED: _uiComponents.HistoryStatusAcceptedIcon,
     ISSUED: _uiComponents.HistoryStatusAcceptedIcon,
     OFFERED: _uiComponents.HistoryStatusAcceptedIcon,
     PENDING: _uiComponents.HistoryStatusAcceptedIcon,
@@ -54,6 +55,7 @@ const defaultIcons = {
     IDENTIFIER: _uiComponents.HistoryIdentifierIcon,
     KEY: _uiComponents.HistoryKeyIcon,
     ORGANISATION: _uiComponents.HistoryOrganisationIcon,
+    QES_DOCUMENT: _uiComponents.HistoryCredentialIcon,
     PROOF: _uiComponents.HistoryProofRequestIcon,
     PROOF_SCHEMA: _uiComponents.HistorySchemaIcon,
     WALLET_UNIT: _uiComponents.HistoryTrustedEntityIcon,

package/lib/commonjs/components/history/history-list-item-icon.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNativeOneCore","require","_react","_interopRequireWildcard","_uiComponents","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","defaultIcons","actions","ACCEPTED","HistoryStatusAcceptedIcon","ACTIVATED","CLAIMS_REMOVED","HistoryStatusDeleteIcon","CREATED","DEACTIVATED","HistoryStatusErrorIcon","DELETED","ERRORED","IMPORTED","ISSUED","OFFERED","PENDING","REJECTED","REFRESHED","REMOVED","REQUESTED","RESTORED","RETRACTED","REVOKED","SHARED","SUSPENDED","HistoryStatusSuspendIcon","UPDATED","WITHDRAWN","REACTIVATED","CSR_GENERATED","EXPIRED","INTERACTION_CREATED","INTERACTION_ERRORED","INTERACTION_EXPIRED","DELIVERED","WRP_AC_RECEIVED","WRP_RC_RECEIVED","WRP_NR_RECEIVED","TRUST_RESOLVED","entityTypes","BACKUP","HistoryRevokeIcon","CERTIFICATE","HistoryCertificateIcon","CREDENTIAL","HistoryCredentialIcon","CREDENTIAL_SCHEMA","HistorySchemaIcon","DID","HistoryDidIcon","IDENTIFIER","HistoryIdentifierIcon","KEY","HistoryKeyIcon","ORGANISATION","HistoryOrganisationIcon","PROOF","HistoryProofRequestIcon","PROOF_SCHEMA","WALLET_UNIT","HistoryTrustedEntityIcon","WALLET_RELYING_PARTY","USER","PROVIDER","STS_ROLE","STS_ORGANISATION","STS_IAM_ROLE","STS_TOKEN","SIGNATURE","STS_SESSION","NOTIFICATION","SUPERVISORY_AUTHORITY","TRUST_LIST_PUBLICATION","HistoryTrustAnchorIcon","TRUST_COLLECTION","TRUST_LIST_SUBSCRIPTION","VERIFIER_INSTANCE","getHistoryItemActionIcon","action","_defaultIcons$actions","exports","HistoryListItemIcon","item","statusIcon","typeIcon","useMemo","_defaultIcons$entityT","entityType","HistoryEntityType","HistoryAction","HistoryBackupCreatedIcon","HistoryBackupRestoredIcon","HistorySuspendIcon","HistoryIssueIcon","createElement","HistoryItemIcon","StatusIcon","TypeIcon"],"sources":["history-list-item-icon.tsx"],"sourcesContent":["import { HistoryAction, HistoryEntityType, HistoryListItem } from '@procivis/react-native-one-core';\nimport React, { FC, useMemo } from 'react';\nimport { SvgProps } from 'react-native-svg';\n\nimport {\n  HistoryBackupCreatedIcon,\n  HistoryBackupRestoredIcon,\n  HistoryCertificateIcon,\n  HistoryCredentialIcon,\n  HistoryDidIcon,\n  HistoryIdentifierIcon,\n  HistoryIssueIcon,\n  HistoryItemIcon,\n  HistoryKeyIcon,\n  HistoryOrganisationIcon,\n  HistoryProofRequestIcon,\n  HistoryRevokeIcon,\n  HistorySchemaIcon,\n  HistoryStatusAcceptedIcon,\n  HistoryStatusDeleteIcon,\n  HistoryStatusErrorIcon,\n  HistoryStatusSuspendIcon,\n  HistorySuspendIcon,\n  HistoryTrustAnchorIcon,\n  HistoryTrustedEntityIcon,\n} from '../../ui-components';\n\nconst defaultIcons: {\n  actions: { [key in keyof typeof HistoryAction]: FC<SvgProps> };\n  entityTypes: { [key in keyof typeof HistoryEntityType]: FC<SvgProps> };\n} = {\n  actions: {\n    ACCEPTED: HistoryStatusAcceptedIcon,\n    ACTIVATED: HistoryStatusAcceptedIcon,\n    CLAIMS_REMOVED: HistoryStatusDeleteIcon,\n    CREATED: HistoryStatusAcceptedIcon,\n    DEACTIVATED: HistoryStatusErrorIcon,\n    DELETED: HistoryStatusDeleteIcon,\n    ERRORED: HistoryStatusErrorIcon,\n    IMPORTED: HistoryStatusAcceptedIcon,\n    ISSUED: HistoryStatusAcceptedIcon,\n    OFFERED: HistoryStatusAcceptedIcon,\n    PENDING: HistoryStatusAcceptedIcon,\n    REJECTED: HistoryStatusErrorIcon,\n    REFRESHED: HistoryStatusAcceptedIcon,\n    REMOVED: HistoryStatusDeleteIcon,\n    REQUESTED: HistoryStatusAcceptedIcon,\n    RESTORED: HistoryStatusAcceptedIcon,\n    RETRACTED: HistoryStatusErrorIcon,\n    REVOKED: HistoryStatusErrorIcon,\n    SHARED: HistoryStatusAcceptedIcon,\n    SUSPENDED: HistoryStatusSuspendIcon,\n    UPDATED: HistoryStatusAcceptedIcon,\n    WITHDRAWN: HistoryStatusErrorIcon,\n    REACTIVATED: HistoryStatusAcceptedIcon,\n    CSR_GENERATED: HistoryStatusAcceptedIcon,\n    EXPIRED: HistoryStatusErrorIcon,\n    INTERACTION_CREATED: HistoryStatusAcceptedIcon,\n    INTERACTION_ERRORED: HistoryStatusErrorIcon,\n    INTERACTION_EXPIRED: HistoryStatusErrorIcon,\n    DELIVERED: HistoryStatusAcceptedIcon,\n    WRP_AC_RECEIVED: HistoryStatusAcceptedIcon,\n    WRP_RC_RECEIVED: HistoryStatusAcceptedIcon,\n    WRP_NR_RECEIVED: HistoryStatusAcceptedIcon,\n    TRUST_RESOLVED: HistoryStatusAcceptedIcon,\n  },\n  entityTypes: {\n    BACKUP: HistoryRevokeIcon,\n    CERTIFICATE: HistoryCertificateIcon,\n    CREDENTIAL: HistoryCredentialIcon,\n    CREDENTIAL_SCHEMA: HistorySchemaIcon,\n    DID: HistoryDidIcon,\n    IDENTIFIER: HistoryIdentifierIcon,\n    KEY: HistoryKeyIcon,\n    ORGANISATION: HistoryOrganisationIcon,\n    PROOF: HistoryProofRequestIcon,\n    PROOF_SCHEMA: HistorySchemaIcon,\n    WALLET_UNIT: HistoryTrustedEntityIcon,\n    WALLET_RELYING_PARTY: HistoryTrustedEntityIcon,\n    USER: HistoryIdentifierIcon,\n    PROVIDER: HistoryIdentifierIcon,\n    STS_ROLE: HistoryIdentifierIcon,\n    STS_ORGANISATION: HistoryOrganisationIcon,\n    STS_IAM_ROLE: HistoryIdentifierIcon,\n    STS_TOKEN: HistoryKeyIcon,\n    SIGNATURE: HistoryCertificateIcon,\n    STS_SESSION: HistoryIdentifierIcon,\n    NOTIFICATION: HistoryCredentialIcon,\n    SUPERVISORY_AUTHORITY: HistoryCertificateIcon,\n    TRUST_LIST_PUBLICATION: HistoryTrustAnchorIcon,\n    TRUST_COLLECTION: HistoryTrustAnchorIcon,\n    TRUST_LIST_SUBSCRIPTION: HistoryTrustAnchorIcon,\n    VERIFIER_INSTANCE: HistoryTrustedEntityIcon,\n  },\n};\n\nexport const getHistoryItemActionIcon = (action: HistoryAction) => {\n  return defaultIcons.actions[action] ?? HistoryStatusAcceptedIcon;\n};\n\nexport type HistoryListItemIconProps = {\n  item: HistoryListItem;\n};\n\nexport const HistoryListItemIcon: FC<HistoryListItemIconProps> = ({ item }) => {\n  const statusIcon = getHistoryItemActionIcon(item.action);\n  const typeIcon = useMemo(() => {\n    switch (item.entityType) {\n      case HistoryEntityType.BACKUP:\n        switch (item.action) {\n          case HistoryAction.CREATED:\n            return HistoryBackupCreatedIcon;\n          case HistoryAction.RESTORED:\n            return HistoryBackupRestoredIcon;\n          default:\n            break;\n        }\n        break;\n      case HistoryEntityType.CREDENTIAL:\n        switch (item.action) {\n          case HistoryAction.REVOKED:\n            return HistoryRevokeIcon;\n          case HistoryAction.SUSPENDED:\n            return HistorySuspendIcon;\n          default:\n            break;\n        }\n        break;\n      default:\n        break;\n    }\n\n    return defaultIcons.entityTypes[item.entityType] ?? HistoryIssueIcon;\n  }, [item.action, item.entityType]);\n  return <HistoryItemIcon StatusIcon={statusIcon} TypeIcon={typeIcon} />;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_reactNativeOneCore","require","_react","_interopRequireWildcard","_uiComponents","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","defaultIcons","actions","ACCEPTED","HistoryStatusAcceptedIcon","ACTIVATED","CLAIMS_REMOVED","HistoryStatusDeleteIcon","CREATED","DEACTIVATED","HistoryStatusErrorIcon","DELETED","ERRORED","IMPORTED","SIGNED","ISSUED","OFFERED","PENDING","REJECTED","REFRESHED","REMOVED","REQUESTED","RESTORED","RETRACTED","REVOKED","SHARED","SUSPENDED","HistoryStatusSuspendIcon","UPDATED","WITHDRAWN","REACTIVATED","CSR_GENERATED","EXPIRED","INTERACTION_CREATED","INTERACTION_ERRORED","INTERACTION_EXPIRED","DELIVERED","WRP_AC_RECEIVED","WRP_RC_RECEIVED","WRP_NR_RECEIVED","TRUST_RESOLVED","entityTypes","BACKUP","HistoryRevokeIcon","CERTIFICATE","HistoryCertificateIcon","CREDENTIAL","HistoryCredentialIcon","CREDENTIAL_SCHEMA","HistorySchemaIcon","DID","HistoryDidIcon","IDENTIFIER","HistoryIdentifierIcon","KEY","HistoryKeyIcon","ORGANISATION","HistoryOrganisationIcon","QES_DOCUMENT","PROOF","HistoryProofRequestIcon","PROOF_SCHEMA","WALLET_UNIT","HistoryTrustedEntityIcon","WALLET_RELYING_PARTY","USER","PROVIDER","STS_ROLE","STS_ORGANISATION","STS_IAM_ROLE","STS_TOKEN","SIGNATURE","STS_SESSION","NOTIFICATION","SUPERVISORY_AUTHORITY","TRUST_LIST_PUBLICATION","HistoryTrustAnchorIcon","TRUST_COLLECTION","TRUST_LIST_SUBSCRIPTION","VERIFIER_INSTANCE","getHistoryItemActionIcon","action","_defaultIcons$actions","exports","HistoryListItemIcon","item","statusIcon","typeIcon","useMemo","_defaultIcons$entityT","entityType","HistoryEntityType","HistoryAction","HistoryBackupCreatedIcon","HistoryBackupRestoredIcon","HistorySuspendIcon","HistoryIssueIcon","createElement","HistoryItemIcon","StatusIcon","TypeIcon"],"sources":["history-list-item-icon.tsx"],"sourcesContent":["import { HistoryAction, HistoryEntityType, HistoryListItem } from '@procivis/react-native-one-core';\nimport React, { FC, useMemo } from 'react';\nimport { SvgProps } from 'react-native-svg';\n\nimport {\n  HistoryBackupCreatedIcon,\n  HistoryBackupRestoredIcon,\n  HistoryCertificateIcon,\n  HistoryCredentialIcon,\n  HistoryDidIcon,\n  HistoryIdentifierIcon,\n  HistoryIssueIcon,\n  HistoryItemIcon,\n  HistoryKeyIcon,\n  HistoryOrganisationIcon,\n  HistoryProofRequestIcon,\n  HistoryRevokeIcon,\n  HistorySchemaIcon,\n  HistoryStatusAcceptedIcon,\n  HistoryStatusDeleteIcon,\n  HistoryStatusErrorIcon,\n  HistoryStatusSuspendIcon,\n  HistorySuspendIcon,\n  HistoryTrustAnchorIcon,\n  HistoryTrustedEntityIcon,\n} from '../../ui-components';\n\nconst defaultIcons: {\n  actions: { [key in keyof typeof HistoryAction]: FC<SvgProps> };\n  entityTypes: { [key in keyof typeof HistoryEntityType]: FC<SvgProps> };\n} = {\n  actions: {\n    ACCEPTED: HistoryStatusAcceptedIcon,\n    ACTIVATED: HistoryStatusAcceptedIcon,\n    CLAIMS_REMOVED: HistoryStatusDeleteIcon,\n    CREATED: HistoryStatusAcceptedIcon,\n    DEACTIVATED: HistoryStatusErrorIcon,\n    DELETED: HistoryStatusDeleteIcon,\n    ERRORED: HistoryStatusErrorIcon,\n    IMPORTED: HistoryStatusAcceptedIcon,\n    SIGNED: HistoryStatusAcceptedIcon,\n    ISSUED: HistoryStatusAcceptedIcon,\n    OFFERED: HistoryStatusAcceptedIcon,\n    PENDING: HistoryStatusAcceptedIcon,\n    REJECTED: HistoryStatusErrorIcon,\n    REFRESHED: HistoryStatusAcceptedIcon,\n    REMOVED: HistoryStatusDeleteIcon,\n    REQUESTED: HistoryStatusAcceptedIcon,\n    RESTORED: HistoryStatusAcceptedIcon,\n    RETRACTED: HistoryStatusErrorIcon,\n    REVOKED: HistoryStatusErrorIcon,\n    SHARED: HistoryStatusAcceptedIcon,\n    SUSPENDED: HistoryStatusSuspendIcon,\n    UPDATED: HistoryStatusAcceptedIcon,\n    WITHDRAWN: HistoryStatusErrorIcon,\n    REACTIVATED: HistoryStatusAcceptedIcon,\n    CSR_GENERATED: HistoryStatusAcceptedIcon,\n    EXPIRED: HistoryStatusErrorIcon,\n    INTERACTION_CREATED: HistoryStatusAcceptedIcon,\n    INTERACTION_ERRORED: HistoryStatusErrorIcon,\n    INTERACTION_EXPIRED: HistoryStatusErrorIcon,\n    DELIVERED: HistoryStatusAcceptedIcon,\n    WRP_AC_RECEIVED: HistoryStatusAcceptedIcon,\n    WRP_RC_RECEIVED: HistoryStatusAcceptedIcon,\n    WRP_NR_RECEIVED: HistoryStatusAcceptedIcon,\n    TRUST_RESOLVED: HistoryStatusAcceptedIcon,\n  },\n  entityTypes: {\n    BACKUP: HistoryRevokeIcon,\n    CERTIFICATE: HistoryCertificateIcon,\n    CREDENTIAL: HistoryCredentialIcon,\n    CREDENTIAL_SCHEMA: HistorySchemaIcon,\n    DID: HistoryDidIcon,\n    IDENTIFIER: HistoryIdentifierIcon,\n    KEY: HistoryKeyIcon,\n    ORGANISATION: HistoryOrganisationIcon,\n    QES_DOCUMENT: HistoryCredentialIcon,\n    PROOF: HistoryProofRequestIcon,\n    PROOF_SCHEMA: HistorySchemaIcon,\n    WALLET_UNIT: HistoryTrustedEntityIcon,\n    WALLET_RELYING_PARTY: HistoryTrustedEntityIcon,\n    USER: HistoryIdentifierIcon,\n    PROVIDER: HistoryIdentifierIcon,\n    STS_ROLE: HistoryIdentifierIcon,\n    STS_ORGANISATION: HistoryOrganisationIcon,\n    STS_IAM_ROLE: HistoryIdentifierIcon,\n    STS_TOKEN: HistoryKeyIcon,\n    SIGNATURE: HistoryCertificateIcon,\n    STS_SESSION: HistoryIdentifierIcon,\n    NOTIFICATION: HistoryCredentialIcon,\n    SUPERVISORY_AUTHORITY: HistoryCertificateIcon,\n    TRUST_LIST_PUBLICATION: HistoryTrustAnchorIcon,\n    TRUST_COLLECTION: HistoryTrustAnchorIcon,\n    TRUST_LIST_SUBSCRIPTION: HistoryTrustAnchorIcon,\n    VERIFIER_INSTANCE: HistoryTrustedEntityIcon,\n  },\n};\n\nexport const getHistoryItemActionIcon = (action: HistoryAction) => {\n  return defaultIcons.actions[action] ?? HistoryStatusAcceptedIcon;\n};\n\nexport type HistoryListItemIconProps = {\n  item: HistoryListItem;\n};\n\nexport const HistoryListItemIcon: FC<HistoryListItemIconProps> = ({ item }) => {\n  const statusIcon = getHistoryItemActionIcon(item.action);\n  const typeIcon = useMemo(() => {\n    switch (item.entityType) {\n      case HistoryEntityType.BACKUP:\n        switch (item.action) {\n          case HistoryAction.CREATED:\n            return HistoryBackupCreatedIcon;\n          case HistoryAction.RESTORED:\n            return HistoryBackupRestoredIcon;\n          default:\n            break;\n        }\n        break;\n      case HistoryEntityType.CREDENTIAL:\n        switch (item.action) {\n          case HistoryAction.REVOKED:\n            return HistoryRevokeIcon;\n          case HistoryAction.SUSPENDED:\n            return HistorySuspendIcon;\n          default:\n            break;\n        }\n        break;\n      default:\n        break;\n    }\n\n    return defaultIcons.entityTypes[item.entityType] ?? HistoryIssueIcon;\n  }, [item.action, item.entityType]);\n  return <HistoryItemIcon StatusIcon={statusIcon} TypeIcon={typeIcon} />;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui-components/buttons/scan-button.js

@@ -13,72 +13,167 @@ var _blurView = _interopRequireDefault(require("../blur/blur-view"));
 var _icons = require("../icons");
 var _theme = require("../theme");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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); }
 const hitSlop = {
   top: 10,
   left: 10,
   bottom: 10,
   right: 10
 };
+const SCAN_WIDTH = 104;
+const SCAN_HEIGHT = 80;
+const SIDE_WIDTH = 94;
+const SIDE_HEIGHT = 64;
+const OVERLAP = 50;
 const ScanButton = /*#__PURE__*/_react.default.forwardRef(({
   style,
-  ...props
+  onSignPress,
+  onIssuePress,
+  onScanPress,
+  testID
 }, ref) => {
   const t = (0, _accessibilityLanguage.useAccessibilityTranslation)();
   const colorScheme = (0, _theme.useAppColorScheme)();
   const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
-  return /*#__PURE__*/_react.default.createElement(_accessibilityHistoryWrappers.TouchableOpacity, _extends({
+  const showLeftButton = onSignPress !== undefined;
+  const showRightButton = onIssuePress !== undefined;
+  const leftButtonOpacity = showLeftButton ? 1 : 0;
+  const rightButtonOpacity = showRightButton ? 1 : 0;
+  const bottomOffset = Math.max(24, insets.bottom);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.wrapper, {
+      bottom: bottomOffset
+    }, style]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    pointerEvents: showLeftButton ? 'auto' : 'none',
+    style: [styles.sideButtonContainer, {
+      opacity: leftButtonOpacity
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_accessibilityHistoryWrappers.TouchableOpacity, {
+    accessibilityRole: "button",
+    hitSlop: hitSlop,
+    testID: `${testID}.sign`,
+    onPress: onSignPress,
+    style: styles.sideButton
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.sideInnerLeft, {
+      backgroundColor: colorScheme.white
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_icons.SignIcon, {
+    color: colorScheme.black
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [styles.sideLabel, {
+      color: colorScheme.black
+    }]
+  }, "Sign")))), /*#__PURE__*/_react.default.createElement(_accessibilityHistoryWrappers.TouchableOpacity, {
     accessibilityLabel: t('accessibility.icon.scan'),
     accessibilityRole: "button",
     hitSlop: hitSlop,
     ref: ref,
-    style: [styles.button, {
-      bottom: Math.max(24, insets.bottom)
-    }, style]
-  }, props), /*#__PURE__*/_react.default.createElement(_blurView.default, {
+    style: styles.scanButton,
+    testID: `${testID}.scan`,
+    onPress: onScanPress
+  }, /*#__PURE__*/_react.default.createElement(_blurView.default, {
     blurStyle: "soft",
-    style: styles.blurWrapper
+    style: styles.scanBlurWrapper
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.iconWrapper, {
+    style: [styles.scanInner, {
       backgroundColor: colorScheme.accent
     }]
   }, /*#__PURE__*/_react.default.createElement(_icons.ScanIcon, {
     color: colorScheme.white
-  }))));
+  })))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    pointerEvents: showRightButton ? 'auto' : 'none',
+    style: [styles.sideButtonContainer, {
+      opacity: rightButtonOpacity
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_accessibilityHistoryWrappers.TouchableOpacity, {
+    accessibilityRole: "button",
+    testID: `${testID}.issue`,
+    hitSlop: hitSlop,
+    onPress: onIssuePress,
+    style: styles.sideButton
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.sideInnerRight, {
+      backgroundColor: colorScheme.white
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_icons.IssueIcon, {
+    color: colorScheme.black
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [styles.sideLabel, {
+      color: colorScheme.black
+    }]
+  }, "Issue")))));
 });
 ScanButton.displayName = 'ScanButton';
 var _default = exports.default = ScanButton;
 const styles = _reactNative.StyleSheet.create({
-  blurWrapper: {
+  scanBlurWrapper: {
     borderRadius: 28,
-    borderWidth: 0,
-    height: 80,
-    padding: 8,
-    width: 104
+    flex: 1,
+    padding: 8
   },
-  button: {
+  scanButton: {
     borderRadius: 28,
-    borderWidth: 0,
-    height: 80,
-    left: '50%',
-    marginLeft: -52,
-    position: 'absolute',
+    height: SCAN_HEIGHT,
     shadowColor: '#000000',
     shadowOffset: {
       height: 4,
       width: 0
     },
-    shadowOpacity: 0.2,
+    shadowOpacity: 0.25,
     shadowRadius: 24,
-    width: 104
+    width: SCAN_WIDTH,
+    zIndex: 1
   },
-  iconWrapper: {
+  scanInner: {
     alignItems: 'center',
     borderRadius: 20,
-    borderWidth: 0,
-    height: '100%',
+    flex: 1,
+    justifyContent: 'center'
+  },
+  sideButton: {
+    borderRadius: 24,
+    flex: 1
+  },
+  sideButtonContainer: {
+    height: SIDE_HEIGHT,
+    marginHorizontal: -OVERLAP / 2,
+    width: SIDE_WIDTH,
+    zIndex: 0
+  },
+  sideInnerLeft: {
+    alignItems: 'center',
+    borderBottomLeftRadius: 22,
+    borderBottomRightRadius: 0,
+    borderTopLeftRadius: 22,
+    borderTopRightRadius: 0,
+    flex: 1,
+    justifyContent: 'center',
+    paddingRight: 10
+  },
+  sideInnerRight: {
+    alignItems: 'center',
+    borderBottomLeftRadius: 0,
+    borderBottomRightRadius: 22,
+    borderTopLeftRadius: 0,
+    borderTopRightRadius: 22,
+    flex: 1,
     justifyContent: 'center',
-    width: '100%'
+    paddingLeft: 10
+  },
+  sideLabel: {
+    fontSize: 14,
+    fontWeight: '500',
+    marginTop: 6
+  },
+  wrapper: {
+    alignItems: 'center',
+    flexDirection: 'row',
+    height: SCAN_HEIGHT,
+    justifyContent: 'center',
+    left: 0,
+    position: 'absolute',
+    right: 0
   }
 });
 //# sourceMappingURL=scan-button.js.map

package/lib/commonjs/ui-components/buttons/scan-button.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSafeAreaContext","_accessibilityHistoryWrappers","_accessibilityLanguage","_blurView","_icons","_theme","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","hitSlop","top","left","bottom","right","ScanButton","React","forwardRef","style","props","ref","useAccessibilityTranslation","colorScheme","useAppColorScheme","insets","useSafeAreaInsets","createElement","TouchableOpacity","accessibilityLabel","accessibilityRole","styles","button","Math","max","blurStyle","blurWrapper","View","iconWrapper","backgroundColor","accent","ScanIcon","color","white","displayName","_default","exports","StyleSheet","create","borderRadius","borderWidth","height","padding","width","marginLeft","position","shadowColor","shadowOffset","shadowOpacity","shadowRadius","alignItems","justifyContent"],"sources":["scan-button.tsx"],"sourcesContent":["import React from 'react';\nimport { Insets, StyleSheet, TouchableOpacityProps, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { TouchableOpacity, TouchableOpacityRef } from '../accessibility/accessibilityHistoryWrappers';\nimport { useAccessibilityTranslation } from '../accessibility/accessibilityLanguage';\nimport BlurView from '../blur/blur-view';\nimport { ScanIcon } from '../icons';\nimport { useAppColorScheme } from '../theme';\n\nexport type ScanButtonProps = TouchableOpacityProps;\n\nconst hitSlop: Insets = { top: 10, left: 10, bottom: 10, right: 10 };\n\nconst ScanButton = React.forwardRef<TouchableOpacityRef, ScanButtonProps>(({ style, ...props }, ref) => {\n  const t = useAccessibilityTranslation();\n  const colorScheme = useAppColorScheme();\n  const insets = useSafeAreaInsets();\n\n  return (\n    <TouchableOpacity\n      accessibilityLabel={t('accessibility.icon.scan')}\n      accessibilityRole=\"button\"\n      hitSlop={hitSlop}\n      ref={ref}\n      style={[styles.button, { bottom: Math.max(24, insets.bottom) }, style]}\n      {...props}>\n      <BlurView blurStyle=\"soft\" style={styles.blurWrapper}>\n        <View style={[styles.iconWrapper, { backgroundColor: colorScheme.accent }]}>\n          <ScanIcon color={colorScheme.white} />\n        </View>\n      </BlurView>\n    </TouchableOpacity>\n  );\n});\n\nScanButton.displayName = 'ScanButton';\nexport default ScanButton;\n\nconst styles = StyleSheet.create({\n  blurWrapper: {\n    borderRadius: 28,\n    borderWidth: 0,\n    height: 80,\n    padding: 8,\n    width: 104,\n  },\n  button: {\n    borderRadius: 28,\n    borderWidth: 0,\n    height: 80,\n    left: '50%',\n    marginLeft: -52,\n    position: 'absolute',\n    shadowColor: '#000000',\n    shadowOffset: { height: 4, width: 0 },\n    shadowOpacity: 0.2,\n    shadowRadius: 24,\n    width: 104,\n  },\n  iconWrapper: {\n    alignItems: 'center',\n    borderRadius: 20,\n    borderWidth: 0,\n    height: '100%',\n    justifyContent: 'center',\n    width: '100%',\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSafeAreaContext","_accessibilityHistoryWrappers","_accessibilityLanguage","_blurView","_icons","_theme","e","__esModule","default","hitSlop","top","left","bottom","right","SCAN_WIDTH","SCAN_HEIGHT","SIDE_WIDTH","SIDE_HEIGHT","OVERLAP","ScanButton","React","forwardRef","style","onSignPress","onIssuePress","onScanPress","testID","ref","t","useAccessibilityTranslation","colorScheme","useAppColorScheme","insets","useSafeAreaInsets","showLeftButton","undefined","showRightButton","leftButtonOpacity","rightButtonOpacity","bottomOffset","Math","max","createElement","View","styles","wrapper","pointerEvents","sideButtonContainer","opacity","TouchableOpacity","accessibilityRole","onPress","sideButton","sideInnerLeft","backgroundColor","white","SignIcon","color","black","Text","sideLabel","accessibilityLabel","scanButton","blurStyle","scanBlurWrapper","scanInner","accent","ScanIcon","sideInnerRight","IssueIcon","displayName","_default","exports","StyleSheet","create","borderRadius","flex","padding","height","shadowColor","shadowOffset","width","shadowOpacity","shadowRadius","zIndex","alignItems","justifyContent","marginHorizontal","borderBottomLeftRadius","borderBottomRightRadius","borderTopLeftRadius","borderTopRightRadius","paddingRight","paddingLeft","fontSize","fontWeight","marginTop","flexDirection","position"],"sources":["scan-button.tsx"],"sourcesContent":["import React from 'react';\nimport { Insets, StyleProp, StyleSheet, Text, View, ViewStyle } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { TouchableOpacity, TouchableOpacityRef } from '../accessibility/accessibilityHistoryWrappers';\nimport { useAccessibilityTranslation } from '../accessibility/accessibilityLanguage';\nimport BlurView from '../blur/blur-view';\nimport { IssueIcon, ScanIcon, SignIcon } from '../icons';\nimport { useAppColorScheme } from '../theme';\n\nexport type ScanButtonProps = {\n  onSignPress?: () => void;\n  onIssuePress?: () => void;\n  onScanPress: () => void;\n  testID?: string;\n  style?: StyleProp<ViewStyle>;\n};\n\nconst hitSlop: Insets = { top: 10, left: 10, bottom: 10, right: 10 };\n\nconst SCAN_WIDTH = 104;\nconst SCAN_HEIGHT = 80;\nconst SIDE_WIDTH = 94;\nconst SIDE_HEIGHT = 64;\nconst OVERLAP = 50;\n\nconst ScanButton = React.forwardRef<TouchableOpacityRef, ScanButtonProps>(\n  ({ style, onSignPress, onIssuePress, onScanPress, testID }, ref) => {\n    const t = useAccessibilityTranslation();\n    const colorScheme = useAppColorScheme();\n    const insets = useSafeAreaInsets();\n    const showLeftButton = onSignPress !== undefined;\n    const showRightButton = onIssuePress !== undefined;\n    const leftButtonOpacity = showLeftButton ? 1 : 0;\n    const rightButtonOpacity = showRightButton ? 1 : 0;\n\n    const bottomOffset = Math.max(24, insets.bottom);\n\n    return (\n      <View style={[styles.wrapper, { bottom: bottomOffset }, style as object]}>\n        <View\n          pointerEvents={showLeftButton ? 'auto' : 'none'}\n          style={[styles.sideButtonContainer, { opacity: leftButtonOpacity }]}>\n          <TouchableOpacity\n            accessibilityRole=\"button\"\n            hitSlop={hitSlop}\n            testID={`${testID}.sign`}\n            onPress={onSignPress}\n            style={styles.sideButton}>\n            <View style={[styles.sideInnerLeft, { backgroundColor: colorScheme.white }]}>\n              <SignIcon color={colorScheme.black} />\n              <Text style={[styles.sideLabel, { color: colorScheme.black }]}>Sign</Text>\n            </View>\n          </TouchableOpacity>\n        </View>\n\n        <TouchableOpacity\n          accessibilityLabel={t('accessibility.icon.scan')}\n          accessibilityRole=\"button\"\n          hitSlop={hitSlop}\n          ref={ref}\n          style={styles.scanButton}\n          testID={`${testID}.scan`}\n          onPress={onScanPress}>\n          <BlurView blurStyle=\"soft\" style={styles.scanBlurWrapper}>\n            <View style={[styles.scanInner, { backgroundColor: colorScheme.accent }]}>\n              <ScanIcon color={colorScheme.white} />\n            </View>\n          </BlurView>\n        </TouchableOpacity>\n\n        <View\n          pointerEvents={showRightButton ? 'auto' : 'none'}\n          style={[styles.sideButtonContainer, { opacity: rightButtonOpacity }]}>\n          <TouchableOpacity\n            accessibilityRole=\"button\"\n            testID={`${testID}.issue`}\n            hitSlop={hitSlop}\n            onPress={onIssuePress}\n            style={styles.sideButton}>\n            <View style={[styles.sideInnerRight, { backgroundColor: colorScheme.white }]}>\n              <IssueIcon color={colorScheme.black} />\n              <Text style={[styles.sideLabel, { color: colorScheme.black }]}>Issue</Text>\n            </View>\n          </TouchableOpacity>\n        </View>\n      </View>\n    );\n  },\n);\n\nScanButton.displayName = 'ScanButton';\nexport default ScanButton;\n\nconst styles = StyleSheet.create({\n  scanBlurWrapper: {\n    borderRadius: 28,\n    flex: 1,\n    padding: 8,\n  },\n  scanButton: {\n    borderRadius: 28,\n    height: SCAN_HEIGHT,\n    shadowColor: '#000000',\n    shadowOffset: { height: 4, width: 0 },\n    shadowOpacity: 0.25,\n    shadowRadius: 24,\n    width: SCAN_WIDTH,\n    zIndex: 1,\n  },\n  scanInner: {\n    alignItems: 'center',\n    borderRadius: 20,\n    flex: 1,\n    justifyContent: 'center',\n  },\n  sideButton: {\n    borderRadius: 24,\n    flex: 1,\n  },\n  sideButtonContainer: {\n    height: SIDE_HEIGHT,\n    marginHorizontal: -OVERLAP / 2,\n    width: SIDE_WIDTH,\n    zIndex: 0,\n  },\n  sideInnerLeft: {\n    alignItems: 'center',\n    borderBottomLeftRadius: 22,\n    borderBottomRightRadius: 0,\n    borderTopLeftRadius: 22,\n    borderTopRightRadius: 0,\n    flex: 1,\n    justifyContent: 'center',\n    paddingRight: 10,\n  },\n  sideInnerRight: {\n    alignItems: 'center',\n    borderBottomLeftRadius: 0,\n    borderBottomRightRadius: 22,\n    borderTopLeftRadius: 0,\n    borderTopRightRadius: 22,\n    flex: 1,\n    justifyContent: 'center',\n    paddingLeft: 10,\n  },\n  sideLabel: {\n    fontSize: 14,\n    fontWeight: '500',\n    marginTop: 6,\n  },\n  wrapper: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    height: SCAN_HEIGHT,\n    justifyContent: 'center',\n    left: 0,\n    position: 'absolute',\n    right: 0,\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui-components/credential/card/credential-details-card.js

@@ -28,7 +28,10 @@ const CredentialDetailsCard = ({
   onImagePreview,
   onAttributeSelected,
   style,
-  showAllButtonLabel,
+  showAllButtonLabel = 'Show all',
+  showLessButtonLabel = 'Show less',
+  moreLabel = 'More',
+  lessLabel = 'Less',
   testID,
   ...viewProps
 }) => {
@@ -43,6 +46,8 @@ const CredentialDetailsCard = ({
   const [animatedHeightSet, setAnimatedHeightSet] = (0, _react.useState)(false);
   const previewAttributes = attributes ? attributes.slice(0, PREVIEW_ATTRIBUTES_COUNT) : [];
   const extraAttributes = (0, _react.useMemo)(() => attributes ? attributes.slice(PREVIEW_ATTRIBUTES_COUNT) : [], [attributes]);
+  const showSeeAllButton = extraAttributes.length > 0;
+  const isExpanded = allAttributesRendered;
   (0, _react.useEffect)(() => {
     if (extraAttributes.length === 0) {
       const viewStyle = _reactNative.StyleSheet.flatten([styles.allAttributesWrapper, footer && styles.allAttributesWrapperWithFooter]);
@@ -57,9 +62,9 @@ const CredentialDetailsCard = ({
     if (allAttributesRendered && fullAttributesHeight === undefined) {
       return;
     }
-    const buttonViewHeight = !extraAttributes || allAttributesRendered ? 0 : SEE_ALL_BUTTON_HEIGHT;
+    const buttonViewHeight = showSeeAllButton ? SEE_ALL_BUTTON_HEIGHT : 0;
     const additionalAttributesHeight = fullAttributesHeight !== null && fullAttributesHeight !== void 0 ? fullAttributesHeight : 0;
-    const additionalHeight = allAttributesRendered ? additionalAttributesHeight : buttonViewHeight;
+    const additionalHeight = allAttributesRendered ? additionalAttributesHeight + buttonViewHeight : buttonViewHeight;
     const fullHeight = previewAttributesHeight + additionalHeight;
     setAnimatedHeightSet(true);
     if (!animate) {
@@ -75,7 +80,7 @@ const CredentialDetailsCard = ({
     currentHeight.value = (0, _reactNativeReanimated.withTiming)(newHeight, {
       duration
     });
-  }, [allAttributesRendered, currentHeight, animate, expanded, extraAttributes, fullAttributesHeight, previewAttributes.length, previewAttributesHeight]);
+  }, [allAttributesRendered, currentHeight, animate, expanded, extraAttributes, fullAttributesHeight, previewAttributes.length, previewAttributesHeight, showSeeAllButton]);
   const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
     if (currentHeight.value === undefined) {
       if (expanded) {
@@ -130,30 +135,36 @@ const CredentialDetailsCard = ({
     onLayout: onPreviewAttrContentLayout,
     style: styles.previewAttributesWrapper
   }, previewAttributes.map((attribute, idx) => /*#__PURE__*/_react.default.createElement(_credentialAttributeItem.default, _extends({
+    moreLabel: moreLabel,
+    lessLabel: lessLabel,
     key: attribute.id,
-    last: !footerView && !extraAttributes.length && idx === previewAttributes.length - 1,
+    last: !footerView && !showSeeAllButton && idx === previewAttributes.length - 1,
     testID: (0, _testID.concatTestID)(testID, 'attribute', idx.toString()),
     onImagePreview: onImagePreview,
-    onPress: onAttributeSelected
-  }, attribute)))), !allAttributesRendered && extraAttributes.length > 0 && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.buttonWrapper
-  }, /*#__PURE__*/_react.default.createElement(_buttons.Button, {
-    onPress: () => setAllAttributesRendered(true),
-    type: _buttons.ButtonType.Secondary,
-    testID: (0, _testID.concatTestID)(testID, 'showAllAttributesButton'),
-    title: showAllButtonLabel
-  })), renderExtraAttributes && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.allAttributesWrapper, footerView && styles.allAttributesWrapperWithFooter],
+    onPress: onAttributeSelected,
+    isExpanded: isExpanded
+  }, attribute)))), renderExtraAttributes && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.allAttributesWrapper, footerView && styles.allAttributesWrapperWithFooter, showSeeAllButton && styles.allAttributesWrapperWithButton, !allAttributesRendered && styles.hidden],
     onLayout: onFullAttrContentLayout
   }, extraAttributes.map((attribute, index, {
     length
   }) => /*#__PURE__*/_react.default.createElement(_credentialAttributeItem.default, _extends({
+    moreLabel: moreLabel,
+    lessLabel: lessLabel,
     key: attribute.id,
-    last: !footerView && index === length - 1,
+    last: !footerView && !showSeeAllButton && index === length - 1,
     testID: (0, _testID.concatTestID)(testID, 'attribute', index.toString()),
     onImagePreview: onImagePreview,
-    onPress: onAttributeSelected
-  }, attribute)))))), footerView ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    onPress: onAttributeSelected,
+    isExpanded: isExpanded
+  }, attribute)))), showSeeAllButton && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.buttonWrapper
+  }, /*#__PURE__*/_react.default.createElement(_buttons.Button, {
+    onPress: () => setAllAttributesRendered(prev => !prev),
+    type: _buttons.ButtonType.Secondary,
+    testID: (0, _testID.concatTestID)(testID, 'showAllAttributesButton'),
+    title: isExpanded ? showLessButtonLabel : showAllButtonLabel
+  })))), footerView ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.footer
   }, footerView) : null);
 };
@@ -163,6 +174,9 @@ const styles = _reactNative.StyleSheet.create({
     paddingHorizontal: 4,
     width: '100%'
   },
+  allAttributesWrapperWithButton: {
+    paddingBottom: 0
+  },
   allAttributesWrapperWithFooter: {
     paddingBottom: 0
   },
@@ -172,8 +186,10 @@ const styles = _reactNative.StyleSheet.create({
   },
   buttonWrapper: {
     height: SEE_ALL_BUTTON_HEIGHT,
+    justifyContent: 'flex-end',
     paddingBottom: 12,
     paddingHorizontal: 4,
+    paddingTop: 0,
     width: '100%'
   },
   card: {
@@ -188,6 +204,9 @@ const styles = _reactNative.StyleSheet.create({
   footer: {
     marginTop: 12
   },
+  hidden: {
+    display: 'none'
+  },
   previewAttributesWrapper: {
     paddingHorizontal: 4,
     width: '100%'

package/lib/commonjs/ui-components/credential/card/credential-details-card.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_testID","_buttons","_credential","_colorSchemeContext","_credentialAttributeItem","_interopRequireDefault","_credentialCard","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","PREVIEW_ATTRIBUTES_COUNT","SEE_ALL_BUTTON_HEIGHT","CredentialDetailsCard","animate","attributes","card","expanded","footer","onImagePreview","onAttributeSelected","style","showAllButtonLabel","testID","viewProps","_header$accessory","colorScheme","useAppColorScheme","previewAttributesHeight","setPreviewAttributesHeight","useState","fullAttributesHeight","setFullAttributesHeight","allAttributesRendered","setAllAttributesRendered","CaretIcon","UpIcon","DownIcon","cardHeight","Math","ceil","width","CredentialCardRatio","currentHeight","useSharedValue","undefined","animatedHeightSet","setAnimatedHeightSet","previewAttributes","slice","extraAttributes","useMemo","useEffect","viewStyle","StyleSheet","flatten","styles","allAttributesWrapper","allAttributesWrapperWithFooter","padding","paddingBottom","buttonViewHeight","additionalAttributesHeight","additionalHeight","fullHeight","value","newHeight","duration","withTiming","animatedStyle","useAnimatedStyle","height","onPreviewAttrContentLayout","useCallback","event","nativeEvent","layout","onFullAttrContentLayout","footerView","React","isValidElement","FooterComponent","createElement","header","cardProps","renderExtraAttributes","ContainerComponent","Animated","View","detailsCard","backgroundColor","white","concatTestID","accessory","onHeaderPress","attributesWrapper","onLayout","previewAttributesWrapper","map","attribute","idx","key","id","last","toString","onPress","buttonWrapper","Button","type","ButtonType","Secondary","title","index","create","paddingHorizontal","paddingTop","borderRadius","borderWidth","overflow","marginTop","_default","exports"],"sources":["credential-details-card.tsx"],"sourcesContent":["import React, { ComponentType, FC, ReactElement, useCallback, useEffect, useMemo, useState } from 'react';\nimport { ImageSourcePropType, LayoutChangeEvent, StyleSheet, View, ViewProps } from 'react-native';\nimport Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';\n\nimport { concatTestID } from '../../../utils/testID';\nimport { Button, ButtonType } from '../../buttons';\nimport { DownIcon, UpIcon } from '../../icons/credential';\nimport { useAppColorScheme } from '../../theme/color-scheme-context';\nimport CredentialAttributeItem, { CredentialAttribute } from '../credential-attribute-item';\nimport CredentialCard, { CredentialCardProps, CredentialCardRatio } from './credential-card';\n\nexport type CredentialDetailsCardProps = ViewProps & {\n  animate?: boolean;\n  attributes: CredentialAttribute[] | false;\n  card: CredentialCardProps;\n  expanded?: boolean;\n  footer?: ComponentType<any> | ReactElement;\n  onImagePreview?: (name: string, image: ImageSourcePropType) => void;\n  onAttributeSelected?: (id: string, selected: boolean) => void;\n  showAllButtonLabel?: string;\n};\n\nconst PREVIEW_ATTRIBUTES_COUNT = 3;\nconst SEE_ALL_BUTTON_HEIGHT = 78;\n\nconst CredentialDetailsCard: FC<CredentialDetailsCardProps> = ({\n  animate = true,\n  attributes,\n  card,\n  expanded,\n  footer,\n  onImagePreview,\n  onAttributeSelected,\n  style,\n  showAllButtonLabel,\n  testID,\n  ...viewProps\n}) => {\n  const colorScheme = useAppColorScheme();\n  const [previewAttributesHeight, setPreviewAttributesHeight] = useState<number>();\n  const [fullAttributesHeight, setFullAttributesHeight] = useState<number>();\n\n  const [allAttributesRendered, setAllAttributesRendered] = useState<boolean>(\n    (attributes && attributes.length <= PREVIEW_ATTRIBUTES_COUNT) || !showAllButtonLabel,\n  );\n\n  const CaretIcon = expanded ? UpIcon : DownIcon;\n\n  const cardHeight = Math.ceil(card.width / CredentialCardRatio);\n  const currentHeight = useSharedValue<number | undefined>(undefined);\n  const [animatedHeightSet, setAnimatedHeightSet] = useState(false);\n\n  const previewAttributes = attributes ? attributes.slice(0, PREVIEW_ATTRIBUTES_COUNT) : [];\n  const extraAttributes = useMemo(() => (attributes ? attributes.slice(PREVIEW_ATTRIBUTES_COUNT) : []), [attributes]);\n\n  useEffect(() => {\n    if (extraAttributes.length === 0) {\n      const viewStyle = StyleSheet.flatten([\n        styles.allAttributesWrapper,\n        footer && styles.allAttributesWrapperWithFooter,\n      ]);\n      const padding = viewStyle.paddingBottom;\n      setFullAttributesHeight(padding);\n    }\n  }, [extraAttributes, footer]);\n\n  useEffect(() => {\n    if (previewAttributesHeight === undefined) {\n      return;\n    }\n    if (allAttributesRendered && fullAttributesHeight === undefined) {\n      return;\n    }\n\n    const buttonViewHeight = !extraAttributes || allAttributesRendered ? 0 : SEE_ALL_BUTTON_HEIGHT;\n    const additionalAttributesHeight = fullAttributesHeight ?? 0;\n    const additionalHeight = allAttributesRendered ? additionalAttributesHeight : buttonViewHeight;\n    const fullHeight = previewAttributesHeight + additionalHeight;\n\n    setAnimatedHeightSet(true);\n    if (!animate) {\n      currentHeight.value = fullHeight;\n      return;\n    }\n\n    const newHeight = expanded ? fullHeight : 0;\n\n    if (currentHeight.value === undefined || !animate) {\n      currentHeight.value = newHeight;\n      return;\n    }\n\n    const duration = fullHeight / 5;\n    currentHeight.value = withTiming(newHeight, {\n      duration,\n    });\n  }, [\n    allAttributesRendered,\n    currentHeight,\n    animate,\n    expanded,\n    extraAttributes,\n    fullAttributesHeight,\n    previewAttributes.length,\n    previewAttributesHeight,\n  ]);\n\n  const animatedStyle = useAnimatedStyle(() => {\n    if (currentHeight.value === undefined) {\n      if (expanded) {\n        return {};\n      }\n      return {\n        height: cardHeight,\n      };\n    }\n    return {\n      height: cardHeight + currentHeight.value,\n    };\n  }, [expanded, currentHeight]);\n\n  const onPreviewAttrContentLayout = useCallback((event: LayoutChangeEvent) => {\n    setPreviewAttributesHeight(event.nativeEvent.layout.height);\n  }, []);\n\n  const onFullAttrContentLayout = useCallback((event: LayoutChangeEvent) => {\n    setFullAttributesHeight(event.nativeEvent.layout.height);\n  }, []);\n\n  const footerView: ReactElement | undefined = useMemo(() => {\n    if (!footer) {\n      return undefined;\n    }\n    if (React.isValidElement(footer)) {\n      return footer;\n    } else {\n      const FooterComponent = footer as React.ComponentType<any>;\n      return <FooterComponent />;\n    }\n  }, [footer]);\n\n  const { header, ...cardProps } = card;\n\n  const renderExtraAttributes = allAttributesRendered || (previewAttributesHeight !== undefined && animatedHeightSet);\n\n  const ContainerComponent = animate ? Animated.View : View;\n  return (\n    <ContainerComponent\n      style={[styles.detailsCard, { backgroundColor: colorScheme.white }, animate ? animatedStyle : undefined, style]}\n      {...viewProps}\n      testID={concatTestID(card.testID, expanded ? 'expanded' : 'collapsed')}>\n      <CredentialCard\n        {...cardProps}\n        header={{ ...header, accessory: header.accessory ?? (cardProps.onHeaderPress ? CaretIcon : undefined) }}\n        style={[styles.card, cardProps.style]}\n      />\n      {previewAttributes.length > 0 && (\n        <View>\n          <View style={styles.attributesWrapper}>\n            <View onLayout={onPreviewAttrContentLayout} style={styles.previewAttributesWrapper}>\n              {previewAttributes.map((attribute, idx) => (\n                <CredentialAttributeItem\n                  key={attribute.id}\n                  last={!footerView && !extraAttributes.length && idx === previewAttributes.length - 1}\n                  testID={concatTestID(testID, 'attribute', idx.toString())}\n                  onImagePreview={onImagePreview}\n                  onPress={onAttributeSelected}\n                  {...attribute}\n                />\n              ))}\n            </View>\n            {!allAttributesRendered && extraAttributes.length > 0 && (\n              <View style={styles.buttonWrapper}>\n                <Button\n                  onPress={() => setAllAttributesRendered(true)}\n                  type={ButtonType.Secondary}\n                  testID={concatTestID(testID, 'showAllAttributesButton')}\n                  title={showAllButtonLabel!}\n                />\n              </View>\n            )}\n            {renderExtraAttributes && (\n              <View\n                style={[styles.allAttributesWrapper, footerView && styles.allAttributesWrapperWithFooter]}\n                onLayout={onFullAttrContentLayout}>\n                {extraAttributes.map((attribute, index, { length }) => (\n                  <CredentialAttributeItem\n                    key={attribute.id}\n                    last={!footerView && index === length - 1}\n                    testID={concatTestID(testID, 'attribute', index.toString())}\n                    onImagePreview={onImagePreview}\n                    onPress={onAttributeSelected}\n                    {...attribute}\n                  />\n                ))}\n              </View>\n            )}\n          </View>\n        </View>\n      )}\n      {footerView ? <View style={styles.footer}>{footerView}</View> : null}\n    </ContainerComponent>\n  );\n};\n\nconst styles = StyleSheet.create({\n  allAttributesWrapper: {\n    paddingBottom: 12,\n    paddingHorizontal: 4,\n    width: '100%',\n  },\n  allAttributesWrapperWithFooter: {\n    paddingBottom: 0,\n  },\n  attributesWrapper: {\n    paddingTop: 7,\n    width: '100%',\n  },\n  buttonWrapper: {\n    height: SEE_ALL_BUTTON_HEIGHT,\n    paddingBottom: 12,\n    paddingHorizontal: 4,\n    width: '100%',\n  },\n  card: {\n    borderRadius: 0,\n    borderWidth: 0,\n  },\n  detailsCard: {\n    borderRadius: 10,\n    borderWidth: 0,\n    overflow: 'hidden',\n  },\n  footer: {\n    marginTop: 12,\n  },\n  previewAttributesWrapper: {\n    paddingHorizontal: 4,\n    width: '100%',\n  },\n});\n\nexport default CredentialDetailsCard;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_testID","_buttons","_credential","_colorSchemeContext","_credentialAttributeItem","_interopRequireDefault","_credentialCard","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","PREVIEW_ATTRIBUTES_COUNT","SEE_ALL_BUTTON_HEIGHT","CredentialDetailsCard","animate","attributes","card","expanded","footer","onImagePreview","onAttributeSelected","style","showAllButtonLabel","showLessButtonLabel","moreLabel","lessLabel","testID","viewProps","_header$accessory","colorScheme","useAppColorScheme","previewAttributesHeight","setPreviewAttributesHeight","useState","fullAttributesHeight","setFullAttributesHeight","allAttributesRendered","setAllAttributesRendered","CaretIcon","UpIcon","DownIcon","cardHeight","Math","ceil","width","CredentialCardRatio","currentHeight","useSharedValue","undefined","animatedHeightSet","setAnimatedHeightSet","previewAttributes","slice","extraAttributes","useMemo","showSeeAllButton","isExpanded","useEffect","viewStyle","StyleSheet","flatten","styles","allAttributesWrapper","allAttributesWrapperWithFooter","padding","paddingBottom","buttonViewHeight","additionalAttributesHeight","additionalHeight","fullHeight","value","newHeight","duration","withTiming","animatedStyle","useAnimatedStyle","height","onPreviewAttrContentLayout","useCallback","event","nativeEvent","layout","onFullAttrContentLayout","footerView","React","isValidElement","FooterComponent","createElement","header","cardProps","renderExtraAttributes","ContainerComponent","Animated","View","detailsCard","backgroundColor","white","concatTestID","accessory","onHeaderPress","attributesWrapper","onLayout","previewAttributesWrapper","map","attribute","idx","key","id","last","toString","onPress","allAttributesWrapperWithButton","hidden","index","buttonWrapper","Button","prev","type","ButtonType","Secondary","title","create","paddingHorizontal","paddingTop","justifyContent","borderRadius","borderWidth","overflow","marginTop","display","_default","exports"],"sources":["credential-details-card.tsx"],"sourcesContent":["import React, { ComponentType, FC, ReactElement, useCallback, useEffect, useMemo, useState } from 'react';\nimport { ImageSourcePropType, LayoutChangeEvent, StyleSheet, View, ViewProps } from 'react-native';\nimport Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';\n\nimport { concatTestID } from '../../../utils/testID';\nimport { Button, ButtonType } from '../../buttons';\nimport { DownIcon, UpIcon } from '../../icons/credential';\nimport { useAppColorScheme } from '../../theme/color-scheme-context';\nimport CredentialAttributeItem, { CredentialAttribute } from '../credential-attribute-item';\nimport CredentialCard, { CredentialCardProps, CredentialCardRatio } from './credential-card';\n\nexport type CredentialDetailsCardProps = ViewProps & {\n  animate?: boolean;\n  attributes: CredentialAttribute[] | false;\n  card: CredentialCardProps;\n  expanded?: boolean;\n  footer?: ComponentType<any> | ReactElement;\n  onImagePreview?: (name: string, image: ImageSourcePropType) => void;\n  onAttributeSelected?: (id: string, selected: boolean) => void;\n  showAllButtonLabel?: string;\n  showLessButtonLabel?: string;\n  moreLabel?: string;\n  lessLabel?: string;\n};\n\nconst PREVIEW_ATTRIBUTES_COUNT = 3;\nconst SEE_ALL_BUTTON_HEIGHT = 78;\n\nconst CredentialDetailsCard: FC<CredentialDetailsCardProps> = ({\n  animate = true,\n  attributes,\n  card,\n  expanded,\n  footer,\n  onImagePreview,\n  onAttributeSelected,\n  style,\n  showAllButtonLabel = 'Show all',\n  showLessButtonLabel = 'Show less',\n  moreLabel = 'More',\n  lessLabel = 'Less',\n  testID,\n  ...viewProps\n}) => {\n  const colorScheme = useAppColorScheme();\n  const [previewAttributesHeight, setPreviewAttributesHeight] = useState<number>();\n  const [fullAttributesHeight, setFullAttributesHeight] = useState<number>();\n\n  const [allAttributesRendered, setAllAttributesRendered] = useState<boolean>(\n    (attributes && attributes.length <= PREVIEW_ATTRIBUTES_COUNT) || !showAllButtonLabel,\n  );\n  const CaretIcon = expanded ? UpIcon : DownIcon;\n  const cardHeight = Math.ceil(card.width / CredentialCardRatio);\n  const currentHeight = useSharedValue<number | undefined>(undefined);\n  const [animatedHeightSet, setAnimatedHeightSet] = useState(false);\n  const previewAttributes = attributes ? attributes.slice(0, PREVIEW_ATTRIBUTES_COUNT) : [];\n  const extraAttributes = useMemo(() => (attributes ? attributes.slice(PREVIEW_ATTRIBUTES_COUNT) : []), [attributes]);\n  const showSeeAllButton = extraAttributes.length > 0;\n  const isExpanded = allAttributesRendered;\n\n  useEffect(() => {\n    if (extraAttributes.length === 0) {\n      const viewStyle = StyleSheet.flatten([\n        styles.allAttributesWrapper,\n        footer && styles.allAttributesWrapperWithFooter,\n      ]);\n      const padding = viewStyle.paddingBottom;\n      setFullAttributesHeight(padding);\n    }\n  }, [extraAttributes, footer]);\n\n  useEffect(() => {\n    if (previewAttributesHeight === undefined) {\n      return;\n    }\n    if (allAttributesRendered && fullAttributesHeight === undefined) {\n      return;\n    }\n\n    const buttonViewHeight = showSeeAllButton ? SEE_ALL_BUTTON_HEIGHT : 0;\n    const additionalAttributesHeight = fullAttributesHeight ?? 0;\n    const additionalHeight = allAttributesRendered ? additionalAttributesHeight + buttonViewHeight : buttonViewHeight;\n    const fullHeight = previewAttributesHeight + additionalHeight;\n\n    setAnimatedHeightSet(true);\n    if (!animate) {\n      currentHeight.value = fullHeight;\n      return;\n    }\n\n    const newHeight = expanded ? fullHeight : 0;\n\n    if (currentHeight.value === undefined || !animate) {\n      currentHeight.value = newHeight;\n      return;\n    }\n\n    const duration = fullHeight / 5;\n    currentHeight.value = withTiming(newHeight, {\n      duration,\n    });\n  }, [\n    allAttributesRendered,\n    currentHeight,\n    animate,\n    expanded,\n    extraAttributes,\n    fullAttributesHeight,\n    previewAttributes.length,\n    previewAttributesHeight,\n    showSeeAllButton,\n  ]);\n\n  const animatedStyle = useAnimatedStyle(() => {\n    if (currentHeight.value === undefined) {\n      if (expanded) {\n        return {};\n      }\n      return {\n        height: cardHeight,\n      };\n    }\n    return {\n      height: cardHeight + currentHeight.value,\n    };\n  }, [expanded, currentHeight]);\n\n  const onPreviewAttrContentLayout = useCallback((event: LayoutChangeEvent) => {\n    setPreviewAttributesHeight(event.nativeEvent.layout.height);\n  }, []);\n\n  const onFullAttrContentLayout = useCallback((event: LayoutChangeEvent) => {\n    setFullAttributesHeight(event.nativeEvent.layout.height);\n  }, []);\n\n  const footerView: ReactElement | undefined = useMemo(() => {\n    if (!footer) {\n      return undefined;\n    }\n    if (React.isValidElement(footer)) {\n      return footer;\n    } else {\n      const FooterComponent = footer as React.ComponentType<any>;\n      return <FooterComponent />;\n    }\n  }, [footer]);\n\n  const { header, ...cardProps } = card;\n\n  const renderExtraAttributes = allAttributesRendered || (previewAttributesHeight !== undefined && animatedHeightSet);\n\n  const ContainerComponent = animate ? Animated.View : View;\n  return (\n    <ContainerComponent\n      style={[styles.detailsCard, { backgroundColor: colorScheme.white }, animate ? animatedStyle : undefined, style]}\n      {...viewProps}\n      testID={concatTestID(card.testID, expanded ? 'expanded' : 'collapsed')}>\n      <CredentialCard\n        {...cardProps}\n        header={{ ...header, accessory: header.accessory ?? (cardProps.onHeaderPress ? CaretIcon : undefined) }}\n        style={[styles.card, cardProps.style]}\n      />\n      {previewAttributes.length > 0 && (\n        <View>\n          <View style={styles.attributesWrapper}>\n            <View onLayout={onPreviewAttrContentLayout} style={styles.previewAttributesWrapper}>\n              {previewAttributes.map((attribute, idx) => (\n                <CredentialAttributeItem\n                  moreLabel={moreLabel}\n                  lessLabel={lessLabel}\n                  key={attribute.id}\n                  last={!footerView && !showSeeAllButton && idx === previewAttributes.length - 1}\n                  testID={concatTestID(testID, 'attribute', idx.toString())}\n                  onImagePreview={onImagePreview}\n                  onPress={onAttributeSelected}\n                  isExpanded={isExpanded}\n                  {...attribute}\n                />\n              ))}\n            </View>\n\n            {renderExtraAttributes && (\n              <View\n                style={[\n                  styles.allAttributesWrapper,\n                  footerView && styles.allAttributesWrapperWithFooter,\n                  showSeeAllButton && styles.allAttributesWrapperWithButton,\n                  !allAttributesRendered && styles.hidden,\n                ]}\n                onLayout={onFullAttrContentLayout}>\n                {extraAttributes.map((attribute, index, { length }) => (\n                  <CredentialAttributeItem\n                    moreLabel={moreLabel}\n                    lessLabel={lessLabel}\n                    key={attribute.id}\n                    last={!footerView && !showSeeAllButton && index === length - 1}\n                    testID={concatTestID(testID, 'attribute', index.toString())}\n                    onImagePreview={onImagePreview}\n                    onPress={onAttributeSelected}\n                    isExpanded={isExpanded}\n                    {...attribute}\n                  />\n                ))}\n              </View>\n            )}\n\n            {showSeeAllButton && (\n              <View style={styles.buttonWrapper}>\n                <Button\n                  onPress={() => setAllAttributesRendered((prev) => !prev)}\n                  type={ButtonType.Secondary}\n                  testID={concatTestID(testID, 'showAllAttributesButton')}\n                  title={isExpanded ? showLessButtonLabel : showAllButtonLabel}\n                />\n              </View>\n            )}\n          </View>\n        </View>\n      )}\n      {footerView ? <View style={styles.footer}>{footerView}</View> : null}\n    </ContainerComponent>\n  );\n};\n\nconst styles = StyleSheet.create({\n  allAttributesWrapper: {\n    paddingBottom: 12,\n    paddingHorizontal: 4,\n    width: '100%',\n  },\n  allAttributesWrapperWithButton: {\n    paddingBottom: 0,\n  },\n  allAttributesWrapperWithFooter: {\n    paddingBottom: 0,\n  },\n  attributesWrapper: {\n    paddingTop: 7,\n    width: '100%',\n  },\n  buttonWrapper: {\n    height: SEE_ALL_BUTTON_HEIGHT,\n    justifyContent: 'flex-end',\n    paddingBottom: 12,\n    paddingHorizontal: 4,\n    paddingTop: 0,\n    width: '100%',\n  },\n  card: {\n    borderRadius: 0,\n    borderWidth: 0,\n  },\n  detailsCard: {\n    borderRadius: 10,\n    borderWidth: 0,\n    overflow: 'hidden',\n  },\n  footer: {\n    marginTop: 12,\n  },\n  hidden: {\n    display: 'none',\n  },\n  previewAttributesWrapper: {\n    paddingHorizontal: 4,\n    width: '100%',\n  },\n});\n\nexport default CredentialDetailsCard;\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui-components/credential/credential-attribute-item.js

@@ -9,6 +9,7 @@ var _reactNative = require("react-native");
 var _color = require("../../utils/color");
 var _testID = require("../../utils/testID");
 var _accessibilityHistoryWrappers = require("../accessibility/accessibilityHistoryWrappers");
+var _expandableTypography = _interopRequireDefault(require("../text/expandableTypography"));
 var _typography = _interopRequireDefault(require("../text/typography"));
 var _colorSchemeContext = require("../theme/color-scheme-context");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -69,7 +70,10 @@ const CredentialAttributeItem = ({
   testID,
   value,
   values,
-  valueErrorColor
+  valueErrorColor,
+  isExpanded,
+  moreLabel,
+  lessLabel
 }) => {
   const colorScheme = (0, _colorSchemeContext.useAppColorScheme)();
   const imagePreviewHandler = (0, _react.useCallback)(() => {
@@ -134,11 +138,15 @@ const CredentialAttributeItem = ({
     testID: (0, _testID.concatTestID)(testID, 'image'),
     source: image,
     style: styles.dataItemImage
-  })), value && /*#__PURE__*/_react.default.createElement(_typography.default, {
+  })), value && /*#__PURE__*/_react.default.createElement(_expandableTypography.default, {
     color: valueErrorColor ? colorScheme.error : colorScheme.text,
-    numberOfLines: 10,
+    numberOfLines: 3,
+    ellipsizeMode: "tail",
     preset: "s",
+    hideExpandButton: !isExpanded && !listValue && !nested,
     style: listValue ? styles.listValue : undefined,
+    moreLabel: moreLabel,
+    lessLabel: lessLabel,
     testID: (0, _testID.concatTestID)(testID, 'value')
   }, value), isObject && attributes.map((attribute, index, {
     length
@@ -169,7 +177,8 @@ const CredentialAttributeItem = ({
 const styles = _reactNative.StyleSheet.create({
   attributeItem: {
     flex: 1,
-    paddingLeft: 8
+    paddingLeft: 8,
+    paddingRight: 8
   },
   attributeItemContainer: {
     marginTop: 2