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

package/src/utils/parsers/credential-sharing-v2.tsx

@@ -3,6 +3,7 @@ import {
   ClaimValue,
   CoreConfig,
   CredentialQueryFailureHint,
+  CredentialType,
   PresentationDefinitionV2Claim,
   PresentationDefinitionV2ClaimValue,
   PresentationDefinitionV2Credential,
@@ -15,6 +16,7 @@ import {
   CredentialCardProps,
   CredentialNoticeWarningIcon,
   CredentialWarningIcon,
+  PurposeInfoIcon,
   Selector,
   SelectorStatus,
 } from '../../ui-components';
@@ -72,6 +74,7 @@ export const shareCredentialCardAttributeFromV2Claim = (
   parentUserSelected: boolean,
   config: CoreConfig,
   testID: string,
+  language: string | undefined,
   nested?: boolean,
   listValue?: boolean,
 ): CredentialAttribute => {
@@ -82,7 +85,7 @@ export const shareCredentialCardAttributeFromV2Claim = (
   const status = selection
     ? getAttributeSelectorStatus(claim, attributeShared, parentUserSelected || (attributeShared && !userSelected))
     : undefined;
-  const attribute = detailsCardAttributeFromClaim(v2PresentationClaimToClaim(claim), config, testID);
+  const attribute = detailsCardAttributeFromClaim(v2PresentationClaimToClaim(claim), config, testID, language);
   const disabledStatus = [SelectorStatus.Disabled, SelectorStatus.Rejected, SelectorStatus.Required];
   const disabled = attribute.disabled || !status || disabledStatus.includes(status);
   const credentialAttribute: CredentialAttribute = {
@@ -111,6 +114,7 @@ export const shareCredentialCardAttributeFromV2Claim = (
             userSelected,
             config,
             testID,
+            language,
             true,
             false,
           ),
@@ -120,7 +124,16 @@ export const shareCredentialCardAttributeFromV2Claim = (
       return {
         ...credentialAttribute,
         attributes: claim.value.value.map((v) =>
-          shareCredentialCardAttributeFromV2Claim(v, selection, attributeShared, userSelected, config, testID, true),
+          shareCredentialCardAttributeFromV2Claim(
+            v,
+            selection,
+            attributeShared,
+            userSelected,
+            config,
+            testID,
+            language,
+            true,
+          ),
         ),
         image: undefined,
         value: undefined,
@@ -158,42 +171,46 @@ export const shareCredentialCardFromV2PresentationCredential = (
   failureHint: CredentialQueryFailureHint | undefined,
   expanded: boolean,
   multipleCredentialsAvailable: boolean,
+  purpose: string | undefined,
   selectedFields: string[] | undefined,
   config: CoreConfig,
   testID: string,
   labels: ShareCredentialCardLabels,
+  language: string | undefined,
 ): CredentialDetailsCardPropsWithoutWidth => {
   const selectiveDisclosureSupported = supportsSelectiveDisclosure(
-    credential ? { ...credential, issuer: credential.issuer?.id } : undefined,
+    credential ? { ...credential, issuer: credential.issuer?.id, type: CredentialType.SINGLE } : undefined,
     config,
   );
-  const notice: CredentialCardNotice | undefined =
-    selectiveDisclosureSupported === false
-      ? {
-          noticeIcon: CredentialNoticeWarningIcon,
-          text: labels.selectiveDisclosureNotice,
-        }
-      : undefined;
+  const notice: CredentialCardNotice | undefined = purpose
+    ? {
+        noticeIcon: PurposeInfoIcon,
+        text: purpose,
+      }
+    : undefined;
   const cardTestId = concatTestID(testID, 'card');
   const card = credential
     ? validityCheckedCardFromCredential(
         {
           ...credential,
           claims: [],
+          type: CredentialType.SINGLE,
         },
         expanded,
+        selectiveDisclosureSupported,
         multipleCredentialsAvailable,
         config,
         notice,
         cardTestId,
         labels,
+        language,
       )
     : missingCredentialCardFromFailureHint(failureHint, notice, cardTestId, labels);
 
   return {
     attributes:
       credential?.claims.map((v) =>
-        shareCredentialCardAttributeFromV2Claim(v, selectedFields ?? [], true, false, config, testID),
+        shareCredentialCardAttributeFromV2Claim(v, selectedFields ?? [], true, false, config, testID, language),
       ) ?? [],
     card,
   };
@@ -206,9 +223,10 @@ export const selectCredentialCardFromV2Credential = (
   config: CoreConfig,
   testID: string,
   labels: ShareCredentialCardLabels,
+  language: string | undefined,
 ): CredentialDetailsCardPropsWithoutWidth => {
   const selectiveDisclosureSupported = supportsSelectiveDisclosure(
-    credential ? { ...credential, issuer: credential.issuer?.id } : undefined,
+    credential ? { ...credential, issuer: credential.issuer?.id, type: CredentialType.SINGLE } : undefined,
     config,
   );
   const selectedStatus = multiple ? SelectorStatus.SelectedCheckmark : SelectorStatus.SelectedRadio;
@@ -217,19 +235,21 @@ export const selectCredentialCardFromV2Credential = (
     selectiveDisclosureSupported === false
       ? {
           noticeIcon: CredentialNoticeWarningIcon,
-          text: labels.selectiveDisclosureNotice,
+          text: labels.selectiveDisclosure,
         }
       : undefined;
   const { header, ...cardProps } = getCredentialCardPropsFromCredential(
     {
       ...credential,
       claims: credential.claims.map(v2PresentationClaimToClaim),
+      type: CredentialType.SINGLE,
     },
     credential.claims.map(v2PresentationClaimToClaim),
     config,
     notice,
     testID,
     labels,
+    language,
   );
   const card = {
     header: {
@@ -241,7 +261,7 @@ export const selectCredentialCardFromV2Credential = (
   return {
     attributes:
       credential?.claims.map((v) =>
-        shareCredentialCardAttributeFromV2Claim(v, undefined, false, false, config, testID),
+        shareCredentialCardAttributeFromV2Claim(v, undefined, false, false, config, testID, language),
       ) ?? [],
     card,
   };

package/src/utils/parsers/credential-sharing.tsx

@@ -31,11 +31,13 @@ import {
 export const validityCheckedCardFromCredential = (
   credential: CredentialDetail,
   expanded: boolean,
+  selectiveDisclosureSupported: boolean | undefined,
   multipleCredentialsAvailable: boolean,
   config: CoreConfig,
   notice: CredentialCardNotice | undefined,
   testID: string,
   labels: ShareCredentialCardLabels,
+  language: string | undefined,
 ): Omit<CredentialCardProps, 'onHeaderPress' | 'style' | 'testID' | 'width'> => {
   let credentialHeaderDetail:
     | Pick<
@@ -47,7 +49,13 @@ export const validityCheckedCardFromCredential = (
         | 'statusIcon'
       >
     | undefined;
-  if (!expanded && multipleCredentialsAvailable) {
+  if (selectiveDisclosureSupported === false) {
+    credentialHeaderDetail = {
+      credentialDetailPrimary: labels.selectiveDisclosure,
+      credentialDetailTestID: concatTestID(testID, 'header.nonSelectiveDisclosure'),
+      statusIcon: CredentialWarningIcon,
+    };
+  } else if (!expanded && multipleCredentialsAvailable) {
     credentialHeaderDetail = {
       credentialDetailPrimary: labels.multipleCredentials,
       credentialDetailTestID: concatTestID(testID, 'header.multiple'),
@@ -55,7 +63,15 @@ export const validityCheckedCardFromCredential = (
     };
   }
 
-  const card = getCredentialCardPropsFromCredential(credential, credential.claims, config, notice, testID, labels);
+  const card = getCredentialCardPropsFromCredential(
+    credential,
+    credential.claims,
+    config,
+    notice,
+    testID,
+    labels,
+    language,
+  );
   return {
     ...card,
     header: {
@@ -188,12 +204,13 @@ export const shareCredentialCardAttributeFromClaim = (
   config: CoreConfig,
   testID: string,
   labels: ShareCredentialCardLabels,
+  language: string | undefined,
   claim?: FlatClaim,
   field?: PresentationDefinitionField,
 ): CredentialAttribute => {
   if (claim) {
     return {
-      ...detailsCardAttributeFromClaim(claim, config, testID),
+      ...detailsCardAttributeFromClaim(claim, config, testID, language),
       id,
       path: claim.path,
       listValue: claim.isArrayElement,
@@ -243,7 +260,7 @@ const setStatusForNestedObjectOrArrayFields = (
 };
 
 export type ShareCredentialCardLabels = CardLabels & {
-  selectiveDisclosureNotice: string;
+  selectiveDisclosure: string;
   missingAttribute: string;
   missingCredential: string;
   multipleCredentials: string;
@@ -258,30 +275,26 @@ export const shareCredentialCardFromCredential = (
   config: CoreConfig,
   testID: string,
   labels: ShareCredentialCardLabels,
+  language: string | undefined,
 ): CredentialDetailsCardPropsWithoutWidth => {
   const selectiveDisclosureSupported = supportsSelectiveDisclosure(
     credential ? { ...credential, issuer: credential.issuer?.id } : undefined,
     config,
   );
-  const notice: CredentialCardNotice | undefined =
-    selectiveDisclosureSupported === false
-      ? {
-          text: labels.selectiveDisclosureNotice,
-          noticeIcon: CredentialNoticeWarningIcon,
-        }
-      : undefined;
   const cardTestId = concatTestID(testID, 'card');
   const card = credential
     ? validityCheckedCardFromCredential(
         credential,
         expanded,
+        selectiveDisclosureSupported,
         multipleCredentialsAvailable,
         config,
-        notice,
+        undefined,
         cardTestId,
         labels,
+        language,
       )
-    : missingCredentialCardFromRequest(request, notice, cardTestId, labels);
+    : missingCredentialCardFromRequest(request, undefined, cardTestId, labels);
   const validityState = getValidityState(credential ? { ...credential, issuer: credential.issuer?.id } : undefined);
   const displayedAttributes = getDisplayedAttributes(
     request,
@@ -299,6 +312,7 @@ export const shareCredentialCardFromCredential = (
         config,
         concatTestID(testID, 'attribute', `${index}`),
         labels,
+        language,
         claim,
         field,
       ),
@@ -319,10 +333,11 @@ export const selectCredentialCardAttributeFromClaim = (
   config: CoreConfig,
   testID: string,
   labels: ShareCredentialCardLabels,
+  language: string | undefined,
   claim?: FlatClaim,
   field?: PresentationDefinitionField,
 ): CredentialAttribute => {
-  const attribute = shareCredentialCardAttributeFromClaim(id, config, testID, labels, claim, field);
+  const attribute = shareCredentialCardAttributeFromClaim(id, config, testID, labels, language, claim, field);
   if (!claim) {
     return attribute;
   }
@@ -339,6 +354,7 @@ export const selectCredentialCardFromCredential = (
   config: CoreConfig,
   testID: string,
   labels: ShareCredentialCardLabels,
+  language: string | undefined,
 ): CredentialDetailsCardPropsWithoutWidth => {
   const selectiveDisclosureSupported = supportsSelectiveDisclosure(
     credential ? { ...credential, issuer: credential.issuer?.id } : undefined,
@@ -348,7 +364,7 @@ export const selectCredentialCardFromCredential = (
   const notice: CredentialCardNotice | undefined =
     selectiveDisclosureSupported === false
       ? {
-          text: labels.selectiveDisclosureNotice,
+          text: labels.selectiveDisclosure,
           noticeIcon: CredentialNoticeWarningIcon,
         }
       : undefined;
@@ -359,6 +375,7 @@ export const selectCredentialCardFromCredential = (
     notice,
     testID,
     labels,
+    language,
   );
   const card = {
     header: {
@@ -372,7 +389,7 @@ export const selectCredentialCardFromCredential = (
       return path === field.keyMap[credential.id];
     });
 
-    const attribute = selectCredentialCardAttributeFromClaim(field.id, config, testID, labels, claim, field);
+    const attribute = selectCredentialCardAttributeFromClaim(field.id, config, testID, labels, language, claim, field);
     return {
       ...attribute,
       rightAccessory: (

package/src/utils/parsers/credential.ts

@@ -19,9 +19,15 @@ import {
   CredentialHeaderProps,
 } from '../../ui-components/credential';
 import { CredentialCardNotice } from '../../ui-components/credential/card/credential-card';
-import { CredentialErrorIcon, CredentialNoticeWarningIcon, CredentialWarningIcon } from '../../ui-components/icons';
+import {
+  CredentialErrorIcon,
+  CredentialNoticeInfoIcon,
+  CredentialNoticeWarningIcon,
+  CredentialWarningIcon,
+} from '../../ui-components/icons';
 import { formatDateLocalized, formatDateTimeLocalized } from '../date';
 import { concatTestID } from '../testID';
+import { getTranslatedLabel } from '../translations';
 import { getCarouselImagesFromClaims } from './credential-images';
 
 export enum ValidityState {
@@ -68,8 +74,13 @@ export const findClaimByPath = (path: string | undefined, claims: Claim[]): Clai
   return undefined;
 };
 
-const formatCredentialDetail = (claim: Claim, config: CoreConfig, testID: string): string => {
-  const attributeValue = detailsCardAttributeValueFromClaim(claim, config, testID);
+const formatCredentialDetail = (
+  claim: Claim,
+  config: CoreConfig,
+  testID: string,
+  language: string | undefined,
+): string => {
+  const attributeValue = detailsCardAttributeValueFromClaim(claim, config, testID, language);
   return attributeValue.value ?? '';
 };
 
@@ -94,6 +105,7 @@ const credentialDetailFromCredential = (
   config: CoreConfig,
   testID: string,
   labels: CardHeaderLabels,
+  language: string | undefined,
 ): {
   credentialDetailPrimary?: string;
   credentialDetailSecondary?: string;
@@ -136,13 +148,13 @@ const credentialDetailFromCredential = (
   const primary = findClaimByPath(layoutProperties?.primaryAttribute, claims);
 
   if (primary) {
-    credentialDetailPrimary = formatCredentialDetail(primary, config, concatTestID(testID, 'primary'));
+    credentialDetailPrimary = formatCredentialDetail(primary, config, concatTestID(testID, 'primary'), language);
   }
 
   const secondary = findClaimByPath(layoutProperties?.secondaryAttribute, claims);
 
   if (secondary) {
-    credentialDetailSecondary = formatCredentialDetail(secondary, config, concatTestID(testID, 'secondary'));
+    credentialDetailSecondary = formatCredentialDetail(secondary, config, concatTestID(testID, 'secondary'), language);
   }
 
   return {
@@ -158,6 +170,7 @@ export const cardHeaderFromCredential = (
   config: CoreConfig,
   testID: string,
   labels: CardHeaderLabels,
+  language: string | undefined,
 ): Omit<CredentialHeaderProps, 'style'> => {
   const {
     credentialDetailPrimary,
@@ -165,8 +178,9 @@ export const cardHeaderFromCredential = (
     credentialDetailErrorColor,
     credentialDetailTestID,
     statusIcon,
-  } = credentialDetailFromCredential(credential, claims, config, testID, labels);
+  } = credentialDetailFromCredential(credential, claims, config, testID, labels, language);
   const { layoutProperties } = credential.schema;
+  const defaultLanguage = config.defaultLanguage;
 
   return {
     color: layoutProperties?.logo?.backgroundColor,
@@ -174,7 +188,8 @@ export const cardHeaderFromCredential = (
     credentialDetailPrimary,
     credentialDetailSecondary,
     credentialDetailTestID,
-    credentialName: credential.schema.name,
+    credentialName:
+      getTranslatedLabel(credential.schema.translations?.name, language, defaultLanguage) ?? credential.schema.name,
     icon: layoutProperties?.logo?.image
       ? {
           imageSource: {
@@ -199,14 +214,24 @@ export const getCredentialCardPropsFromCredential = (
   notice: CredentialCardNotice | undefined,
   testID: string,
   labels: CardLabels,
+  language: string | undefined,
 ): Omit<CredentialCardProps, 'onHeaderPress' | 'style' | 'width'> => {
   const { layoutProperties } = credential.schema;
+  const defaultLanguage = config.defaultLanguage;
 
   if (hasMsoValidityIssues(credential)) {
     notice = {
       text: labels.validityIssuesNotice,
       noticeIcon: CredentialNoticeWarningIcon,
     };
+  } else if (!notice) {
+    let description = getTranslatedLabel(credential.schema.translations?.description, language, defaultLanguage);
+    if (description) {
+      notice = {
+        text: description,
+        noticeIcon: CredentialNoticeInfoIcon,
+      };
+    }
   }
 
   const result: Omit<CredentialCardProps, 'onHeaderPress' | 'style' | 'width'> = {
@@ -215,7 +240,7 @@ export const getCredentialCardPropsFromCredential = (
       ? { imageSource: { uri: layoutProperties.background.image } }
       : undefined,
     color: layoutProperties?.background?.color,
-    header: cardHeaderFromCredential(credential, claims, config, concatTestID(testID, 'header'), labels),
+    header: cardHeaderFromCredential(credential, claims, config, concatTestID(testID, 'header'), labels, language),
     testID,
     notice,
   };
@@ -227,11 +252,13 @@ export const detailsCardAttributeFromClaim = (
   claim: Claim,
   config: CoreConfig,
   testID: string,
+  language: string | undefined,
 ): CredentialAttribute => {
-  const value = detailsCardAttributeValueFromClaim(claim, config, testID);
+  const value = detailsCardAttributeValueFromClaim(claim, config, testID, language);
+  const defaultLanguage = config.defaultLanguage;
   return {
     id: claim.path,
-    name: claim.path.split('/').pop(),
+    name: getTranslatedLabel(claim.schema.translations.name, language, defaultLanguage) ?? claim.path.split('/').pop(),
     path: claim.path,
     ...value,
   };
@@ -241,13 +268,14 @@ const detailsCardAttributeValueFromClaim = (
   claim: Claim,
   config: CoreConfig,
   testID: string,
+  language: string | undefined,
 ): CredentialAttributeValue => {
   const typeConfig = config?.datatype[claim.schema.datatype];
 
   if (claim.schema.array) {
     return {
       values: ((claim.value.value as Claim[]) || []).map((arrayValue, index) => {
-        return detailsCardAttributeFromClaim(arrayValue, config, concatTestID(testID, index.toString()));
+        return detailsCardAttributeFromClaim(arrayValue, config, concatTestID(testID, index.toString()), language);
       }),
     };
   } else {
@@ -258,7 +286,7 @@ const detailsCardAttributeValueFromClaim = (
         }
         return {
           attributes: claim.value.value.map((nestedClaim, index) =>
-            detailsCardAttributeFromClaim(nestedClaim, config, concatTestID(testID, index.toString())),
+            detailsCardAttributeFromClaim(nestedClaim, config, concatTestID(testID, index.toString()), language),
           ),
         };
       }
@@ -296,8 +324,9 @@ export const detailsCardFromCredential = (
   config: CoreConfig,
   testID: string,
   labels: CardLabels,
+  language: string | undefined,
 ): CredentialDetailsCardPropsWithoutWidth => {
-  return detailsCardFromCredentialWithClaims(credential, credential.claims, config, testID, labels);
+  return detailsCardFromCredentialWithClaims(credential, credential.claims, config, testID, labels, language);
 };
 
 export const detailsCardFromCredentialWithClaims = (
@@ -306,9 +335,10 @@ export const detailsCardFromCredentialWithClaims = (
   config: CoreConfig,
   testID: string,
   labels: CardLabels,
+  language: string | undefined,
 ): CredentialDetailsCardPropsWithoutWidth => {
   const attributes: CredentialAttribute[] = claims.map((claim, index) =>
-    detailsCardAttributeFromClaim(claim, config, concatTestID(testID, 'attribute', index.toString())),
+    detailsCardAttributeFromClaim(claim, config, concatTestID(testID, 'attribute', index.toString()), language),
   );
 
   const card = getCredentialCardPropsFromCredential(
@@ -318,6 +348,7 @@ export const detailsCardFromCredentialWithClaims = (
     undefined,
     concatTestID(testID, 'card'),
     labels,
+    language,
   );
 
   return {

package/src/utils/parsers/query.ts

@@ -47,6 +47,8 @@ export const getQueryKeyFromCredentialListQueryParams = (queryParams: Partial<Cr
     'issuanceDateBefore',
     'revocationDateAfter',
     'revocationDateBefore',
+    'types',
+    'parentId',
   ]);
 };
 
@@ -86,7 +88,10 @@ export const getQueryKeyFromCredentialSchemaListQueryParams = (
     'ids',
     'include',
     'schemaId',
+    'schemaIds',
     'formats',
+    'usesBatchIssuance',
+    'isMultiformatSchema',
     'createdDateAfter',
     'createdDateBefore',
     'lastModifiedAfter',

package/src/utils/translations.ts

@@ -0,0 +1,10 @@
+export const getTranslatedLabel = (
+  translations: Record<string, string> | undefined,
+  language: string | undefined,
+  defaultLanguage: string,
+) => {
+  if (!language) {
+    return undefined;
+  }
+  return translations?.[language] ?? translations?.[defaultLanguage];
+};

package/lib/commonjs/components/entity/EntityButtons.js

@@ -1,64 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _buttons = require("../../ui-components/buttons");
-var _utils = require("../../utils");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const EntityButtons = ({
-  entity,
-  labels,
-  testID
-}) => {
-  const buttons = (0, _react.useMemo)(() => [{
-    label: labels.visitWebsite,
-    url: (entity === null || entity === void 0 ? void 0 : entity.website) || '',
-    testID: 'website'
-  }, {
-    label: labels.termsAndServices,
-    url: (entity === null || entity === void 0 ? void 0 : entity.termsUrl) || '',
-    testID: 'termsOfService'
-  }, {
-    label: labels.privacyPolicy,
-    url: (entity === null || entity === void 0 ? void 0 : entity.privacyUrl) || '',
-    testID: 'privacyPolicy'
-  }].filter(btn => Boolean(btn.url)), [entity, labels]);
-  const openURL = (0, _react.useCallback)(url => () => {
-    _reactNative.Linking.openURL(url).catch(e => {
-      (0, _utils.reportException)(e, 'Error opening entity link');
-    });
-  }, []);
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.buttons],
-    testID: testID
-  }, buttons.map(({
-    label,
-    url,
-    testID: testIdSuffix
-  }) => /*#__PURE__*/_react.default.createElement(_buttons.Button, {
-    key: label,
-    title: label,
-    onPress: openURL(url),
-    style: styles.urlButton,
-    testID: (0, _utils.concatTestID)(testID, testIdSuffix),
-    type: _buttons.ButtonType.SmallTech
-  })));
-};
-const styles = _reactNative.StyleSheet.create({
-  buttons: {
-    paddingBottom: 10,
-    paddingHorizontal: 12
-  },
-  urlButton: {
-    borderRadius: 4,
-    borderWidth: 0,
-    marginTop: 4
-  }
-});
-var _default = exports.default = /*#__PURE__*/(0, _react.memo)(EntityButtons);
-//# sourceMappingURL=EntityButtons.js.map

package/lib/commonjs/components/entity/EntityButtons.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_buttons","_utils","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","EntityButtons","entity","labels","testID","buttons","useMemo","label","visitWebsite","url","website","termsAndServices","termsUrl","privacyPolicy","privacyUrl","filter","btn","Boolean","openURL","useCallback","Linking","catch","reportException","createElement","View","style","styles","map","testIdSuffix","Button","key","title","onPress","urlButton","concatTestID","type","ButtonType","SmallTech","StyleSheet","create","paddingBottom","paddingHorizontal","borderRadius","borderWidth","marginTop","_default","exports","memo"],"sources":["EntityButtons.tsx"],"sourcesContent":["import { TrustEntityDetail } from '@procivis/react-native-one-core';\nimport React, { FC, memo, useCallback, useMemo } from 'react';\nimport { Linking, StyleSheet, View } from 'react-native';\n\nimport { Button, ButtonType } from '../../ui-components/buttons';\nimport { EntityLabels } from '../../ui-components/screens/nerd-mode-screen';\nimport { concatTestID, reportException } from '../../utils';\n\nexport interface EntityButton {\n  url: string;\n  label: string;\n}\n\ninterface EntityButtonsProps {\n  entity?: TrustEntityDetail;\n  labels: EntityLabels;\n  testID?: string;\n}\n\nconst EntityButtons: FC<EntityButtonsProps> = ({ entity, labels, testID }) => {\n  const buttons = useMemo(\n    () =>\n      [\n        {\n          label: labels.visitWebsite,\n          url: entity?.website || '',\n          testID: 'website',\n        },\n        {\n          label: labels.termsAndServices,\n          url: entity?.termsUrl || '',\n          testID: 'termsOfService',\n        },\n        {\n          label: labels.privacyPolicy,\n          url: entity?.privacyUrl || '',\n          testID: 'privacyPolicy',\n        },\n      ].filter((btn) => Boolean(btn.url)),\n    [entity, labels],\n  );\n\n  const openURL = useCallback(\n    (url: string) => () => {\n      Linking.openURL(url).catch((e) => {\n        reportException(e, 'Error opening entity link');\n      });\n    },\n    [],\n  );\n  return (\n    <View style={[styles.buttons]} testID={testID}>\n      {buttons.map(({ label, url, testID: testIdSuffix }) => (\n        <Button\n          key={label}\n          title={label}\n          onPress={openURL(url)}\n          style={styles.urlButton}\n          testID={concatTestID(testID, testIdSuffix)}\n          type={ButtonType.SmallTech}\n        />\n      ))}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  buttons: {\n    paddingBottom: 10,\n    paddingHorizontal: 12,\n  },\n  urlButton: {\n    borderRadius: 4,\n    borderWidth: 0,\n    marginTop: 4,\n  },\n});\n\nexport default memo(EntityButtons);\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/entity/entity-attributes.js

@@ -1,65 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _nerdView = require("../../ui-components/nerd-view");
-var _nerdModeScreen = require("../../ui-components/screens/nerd-mode-screen");
-var _array = require("../../utils/array");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-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 EntityAttributes = ({
-  certificate,
-  did,
-  trustEntity,
-  trusted,
-  labels,
-  entityType,
-  testID,
-  onCopyToClipboard
-}) => {
-  var _did$split;
-  const didSections = (_did$split = did === null || did === void 0 ? void 0 : did.split(':')) !== null && _did$split !== void 0 ? _did$split : [];
-  const identifier = didSections.pop();
-  const didMethod = didSections.length ? didSections.join(':') + ':' : '';
-  const attributes = [...(0, _array.addElementIf)(trusted, {
-    attributeKey: labels.trustRegistry,
-    highlightedText: trustEntity === null || trustEntity === void 0 ? void 0 : trustEntity.trustAnchor.name,
-    testID: 'trustRegistry'
-  }), ...(0, _array.addElementIf)(Boolean(did), {
-    attributeKey: entityType === _nerdModeScreen.EntityType.CredentialEntity ? labels.issuerIdentifier : labels.entityIdentifier,
-    attributeText: identifier,
-    canBeCopied: true,
-    highlightedText: didMethod,
-    testID: 'issuerDID'
-  }), ...(0, _array.addElementIf)(Boolean(certificate), {
-    attributeKey: entityType === _nerdModeScreen.EntityType.CredentialEntity ? labels.issuerIdentifier : labels.entityIdentifier,
-    attributeText: certificate,
-    canBeCopied: true,
-    testID: 'issuerCertificate'
-  }), ...(0, _array.addElementIf)(trusted && Boolean(trustEntity === null || trustEntity === void 0 ? void 0 : trustEntity.role), {
-    attributeKey: labels.role,
-    highlightedText: trustEntity === null || trustEntity === void 0 ? void 0 : trustEntity.role,
-    testID: 'role'
-  })];
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.wrapper
-  }, attributes.map(attribute => /*#__PURE__*/_react.default.createElement(_nerdView.NerdModeItem, _extends({
-    key: attribute.attributeKey
-  }, attribute, {
-    labels: labels,
-    onCopyToClipboard: onCopyToClipboard,
-    testID: testID
-  }))));
-};
-const styles = _reactNative.StyleSheet.create({
-  wrapper: {
-    marginBottom: 20
-  }
-});
-var _default = exports.default = /*#__PURE__*/(0, _react.memo)(EntityAttributes);
-//# sourceMappingURL=entity-attributes.js.map