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

package/src/components/entity/entity-attributes.tsx

@@ -1,80 +0,0 @@
-import { TrustEntityDetail, TrustEntityListItem } from '@procivis/react-native-one-core';
-import React, { FC, memo } from 'react';
-import { StyleSheet, View } from 'react-native';
-
-import { NerdModeItem } from '../../ui-components/nerd-view';
-import { AttributesLabels, EntityType } from '../../ui-components/screens/nerd-mode-screen';
-import { addElementIf } from '../../utils/array';
-
-interface EntityAttributesProps {
-  certificate?: string;
-  did?: string;
-  trustEntity?: TrustEntityDetail | TrustEntityListItem;
-  trusted: boolean;
-  labels: AttributesLabels;
-  onCopyToClipboard: (value: string) => void;
-  entityType: EntityType;
-  testID?: string;
-}
-
-const EntityAttributes: FC<EntityAttributesProps> = ({
-  certificate,
-  did,
-  trustEntity,
-  trusted,
-  labels,
-  entityType,
-  testID,
-  onCopyToClipboard,
-}) => {
-  const didSections = did?.split(':') ?? [];
-  const identifier = didSections.pop();
-  const didMethod = didSections.length ? didSections.join(':') + ':' : '';
-
-  const attributes = [
-    ...addElementIf(trusted, {
-      attributeKey: labels.trustRegistry,
-      highlightedText: trustEntity?.trustAnchor.name,
-      testID: 'trustRegistry',
-    }),
-    ...addElementIf(Boolean(did), {
-      attributeKey: entityType === EntityType.CredentialEntity ? labels.issuerIdentifier : labels.entityIdentifier,
-      attributeText: identifier,
-      canBeCopied: true,
-      highlightedText: didMethod,
-      testID: 'issuerDID',
-    }),
-    ...addElementIf(Boolean(certificate), {
-      attributeKey: entityType === EntityType.CredentialEntity ? labels.issuerIdentifier : labels.entityIdentifier,
-      attributeText: certificate,
-      canBeCopied: true,
-      testID: 'issuerCertificate',
-    }),
-    ...addElementIf(trusted && Boolean(trustEntity?.role), {
-      attributeKey: labels.role,
-      highlightedText: trustEntity?.role,
-      testID: 'role',
-    }),
-  ];
-  return (
-    <View style={styles.wrapper}>
-      {attributes.map((attribute) => (
-        <NerdModeItem
-          key={attribute.attributeKey}
-          {...attribute}
-          labels={labels}
-          onCopyToClipboard={onCopyToClipboard}
-          testID={testID}
-        />
-      ))}
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  wrapper: {
-    marginBottom: 20,
-  },
-});
-
-export default memo(EntityAttributes);

package/src/components/entity/entity-details-with-buttons.tsx

@@ -1,75 +0,0 @@
-import { IdentifierListItem, TrustEntityRole, TrustEntityState } from '@procivis/react-native-one-core';
-import React, { FC, memo } from 'react';
-import { StyleProp, View, ViewStyle } from 'react-native';
-
-import { AttributesLabels, EntityLabels, EntityType } from '../../ui-components/screens/nerd-mode-screen';
-import { useAppColorScheme } from '../../ui-components/theme/color-scheme-context';
-import { concatTestID, useIdentifierDetails } from '../../utils';
-import { useTrustEntity } from '../../utils/hooks/core/trust-entity';
-import EntityAttributes from './entity-attributes';
-import EntityDetails from './entity-details';
-import EntityButtons from './EntityButtons';
-
-export type ContextRole = Exclude<TrustEntityRole, TrustEntityRole.BOTH>;
-
-interface EntityDetailsWithButtonsProps {
-  identifier?: IdentifierListItem;
-  entityLabels: EntityLabels;
-  attributesLabels: AttributesLabels;
-  style?: StyleProp<ViewStyle>;
-  textColor?: string;
-  testID?: string;
-  role: ContextRole;
-  onCopyToClipboard: (value: string) => void;
-  entityType: EntityType;
-}
-
-const EntityDetailsWithButtons: FC<EntityDetailsWithButtonsProps> = ({
-  identifier,
-  entityLabels,
-  attributesLabels,
-  onCopyToClipboard,
-  role,
-  entityType,
-  testID,
-  ...props
-}) => {
-  let { data } = useTrustEntity(identifier?.id);
-  let { data: identifierDetail } = useIdentifierDetails(identifier?.id);
-  const trustEntity = data ?? undefined;
-
-  const colorScheme = useAppColorScheme();
-
-  const trusted = Boolean(
-    trustEntity &&
-      trustEntity.state === TrustEntityState.ACTIVE &&
-      (trustEntity.role === TrustEntityRole.BOTH || trustEntity.role === role),
-  );
-
-  return (
-    <View style={{ backgroundColor: colorScheme.nerdView.background }}>
-      <EntityDetails
-        identifier={identifier}
-        labels={{
-          unknown: role === TrustEntityRole.ISSUER ? entityLabels.unknownIssuer : entityLabels.unknownVerifier,
-        }}
-        role={role}
-        testID={testID}
-        {...props}
-      />
-      {trusted && <EntityButtons entity={trustEntity} labels={entityLabels} testID={concatTestID(testID, 'links')} />}
-      <EntityAttributes
-        certificate={identifierDetail?.certificates?.[0]?.chain}
-        did={identifierDetail?.did?.did}
-        trustEntity={trustEntity}
-        trusted={trusted}
-        labels={attributesLabels}
-        onCopyToClipboard={onCopyToClipboard}
-        entityType={entityType}
-        testID={testID}
-      />
-    </View>
-  );
-};
-
-export default memo(EntityDetailsWithButtons);

package/src/components/entity/entity-details.tsx

@@ -1,145 +0,0 @@
-import {
-  CertificateDetail,
-  IdentifierListItem,
-  IdentifierType,
-  TrustEntityDetail,
-  TrustEntityRole,
-  TrustEntityState,
-} from '@procivis/react-native-one-core';
-import React, { FC, ReactNode, useMemo } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-
-import { AvatarProps } from '../../ui-components';
-import EntityCluster from '../../ui-components/entity/entity-cluster';
-import { EntityNotTrustedIcon, EntityTrustedIcon } from '../../ui-components/icons';
-import { concatTestID, replaceBreakingHyphens, useIdentifierDetails } from '../../utils';
-import { useTrustEntity } from '../../utils/hooks/core/trust-entity';
-
-export type EntityDetailsLabels = {
-  unknown: string;
-};
-
-export type EntityDetailsProps = {
-  labels: EntityDetailsLabels;
-  renderMore?: (trustEntity: TrustEntityDetail) => ReactNode;
-  role: Exclude<TrustEntityRole, TrustEntityRole.BOTH>;
-  style?: StyleProp<ViewStyle>;
-  sublineColor?: string;
-  textColor?: string;
-  testID?: string;
-} & (
-  | {
-      identifier?: IdentifierListItem;
-    }
-  | {
-      entity: TrustEntityDetail;
-    }
-);
-
-const getCertificateCommonName = (certificate: CertificateDetail): string | undefined => {
-  return certificate.x509Attributes.subject
-    .split(', ')
-    .find((s) => s.startsWith('CN'))
-    ?.split('=')
-    ?.pop();
-};
-
-const EntityDetails: FC<EntityDetailsProps> = ({
-  labels,
-  renderMore,
-  role,
-  style,
-  testID,
-  sublineColor,
-  textColor,
-  ...props
-}) => {
-  const { data, isLoading: isLoadingTrustEntity } = useTrustEntity(
-    'identifier' in props ? props.identifier?.id : undefined,
-  );
-  const trustEntity = 'entity' in props ? props.entity : data ?? undefined;
-  const { data: identifierDetail, isLoading: isLoadingIdentifier } = useIdentifierDetails(
-    'identifier' in props ? props.identifier?.id : undefined,
-  );
-
-  const trusted =
-    trustEntity &&
-    trustEntity.state === TrustEntityState.ACTIVE &&
-    (trustEntity.role === TrustEntityRole.BOTH || trustEntity.role === role);
-
-  const isLoading = isLoadingIdentifier || isLoadingTrustEntity;
-
-  const avatarProps: AvatarProps | undefined = useMemo(() => {
-    if (isLoading) {
-      return undefined;
-    }
-
-    const avatar =
-      trusted && identifierDetail?.type === 'DID' && trustEntity.logo
-        ? { imageSource: { uri: trustEntity.logo } }
-        : undefined;
-
-    const placeholderText =
-      identifierDetail?.type === IdentifierType.CERTIFICATE && identifierDetail.certificates?.[0]
-        ? getCertificateCommonName(identifierDetail.certificates[0])?.substring(0, 1)
-        : 'D';
-
-    const statusIcon = trusted ? (
-      <EntityTrustedIcon testID={concatTestID(testID, 'statusIcon', 'trusted')} />
-    ) : (
-      <EntityNotTrustedIcon testID={concatTestID(testID, 'statusIcon', 'notTrusted')} />
-    );
-
-    if (trustEntity) {
-      return {
-        avatar,
-        placeholderText:
-          trusted && identifierDetail?.type === 'DID' ? trustEntity.name.substring(0, 1) : placeholderText,
-        statusIcon,
-        testID: concatTestID(testID, 'avatar'),
-      };
-    }
-
-    return {
-      placeholderText,
-      statusIcon,
-    };
-  }, [trustEntity, trusted, identifierDetail, isLoading, testID]);
-
-  const trustEntityName = useMemo(() => {
-    if (isLoading) {
-      return '';
-    }
-    if (identifierDetail?.type === IdentifierType.CERTIFICATE && identifierDetail.certificates?.[0]) {
-      const commonName = getCertificateCommonName(identifierDetail.certificates[0]);
-      if (commonName) {
-        return commonName;
-      }
-    }
-    if (trustEntity) {
-      return trustEntity.name;
-    }
-    if (identifierDetail?.did?.did) {
-      return replaceBreakingHyphens(identifierDetail.did.did);
-    }
-
-    return labels.unknown;
-  }, [labels.unknown, trustEntity, identifierDetail, isLoading]);
-
-  return (
-    <>
-      <EntityCluster
-        avatar={avatarProps}
-        entityName={trustEntityName}
-        style={style}
-        testID={testID}
-        textColor={textColor}
-        sublineColor={sublineColor}
-        isLoading={isLoading}
-      />
-      {trustEntity && renderMore && renderMore(trustEntity)}
-    </>
-  );
-};
-
-export default EntityDetails;

package/src/components/entity/index.ts

@@ -1,4 +0,0 @@
-import type { EntityDetailsLabels, EntityDetailsProps } from './entity-details';
-import EntityDetails from './entity-details';
-
-export { EntityDetails, EntityDetailsLabels, EntityDetailsProps };

package/src/utils/hooks/core/trust-entity.ts

@@ -1,172 +0,0 @@
-import {
-  CreateRemoteTrustEntityRequest,
-  IdentifierType,
-  ONECore,
-  OneError,
-  TrustAnchorDetail,
-  UpdateRemoteTrustEntityRequest,
-} from '@procivis/react-native-one-core';
-import { useCallback } from 'react';
-import { useMutation, useQuery, useQueryClient } from 'react-query';
-
-import { reportException } from '../../reporting';
-import { useHTTPClient } from '../http/client';
-import { useONECore } from './core-context';
-import { OneErrorCode } from './error-code';
-import { HISTORY_LIST_QUERY_KEY } from './history';
-import { useIdentifierDetails } from './identifiers';
-
-export const TRUST_ENTITY_DETAIL_QUERY_KEY = 'trust-entity-detail';
-export const REMOTE_TRUST_ENTITY_DETAIL_QUERY_KEY = 'remote-trust-entity-detail';
-
-export const useCreateTrustAnchor = () => {
-  const httpClient = useHTTPClient();
-
-  return useCallback(
-    async (core: ONECore, publisherReference: string) => {
-      const trustAnchors = await core.listTrustAnchors({
-        page: 0,
-        pageSize: 1,
-      });
-      if (trustAnchors.values.length > 0) {
-        return;
-      }
-      const response = await httpClient.get<TrustAnchorDetail>(publisherReference);
-      if (!response.ok || !response.data) {
-        return;
-      }
-      const trustAnchor = response.data;
-      await core
-        .createTrustAnchor({
-          isPublisher: false,
-          name: trustAnchor.name,
-          publisherReference,
-          type: TrustManagementEnum.SimpleTrustList,
-        })
-        .catch((err) => {
-          reportException(err, 'Failed to create trust anchor');
-          throw err;
-        });
-    },
-    [httpClient],
-  );
-};
-
-export const useTrustEntity = (identifierId: string | undefined) => {
-  const { core } = useONECore();
-
-  const { data: identifierDetail } = useIdentifierDetails(identifierId);
-
-  return useQuery(
-    [TRUST_ENTITY_DETAIL_QUERY_KEY, identifierId],
-    () =>
-      identifierId && identifierDetail
-        ? core
-            .resolveTrustEntityByIdentifier({
-              identifiers: [
-                {
-                  certificateId:
-                    identifierDetail?.type === IdentifierType.CERTIFICATE
-                      ? identifierDetail.certificates?.[0]?.id
-                      : undefined,
-                  id: identifierId,
-                },
-              ],
-            })
-            .then((result) => {
-              return result[identifierId]?.[0]?.trustEntity ?? null;
-            })
-            .catch((e) => {
-              if (e instanceof OneError && e.code === OneErrorCode.NoTrustEntityFound) {
-                return null;
-              }
-              throw e;
-            })
-        : undefined,
-    {
-      enabled: Boolean(identifierDetail),
-      keepPreviousData: true,
-    },
-  );
-};
-
-export const useRemoteTrustEntity = (identifierId: string | undefined) => {
-  const { core } = useONECore();
-
-  const { data: identifierDetail } = useIdentifierDetails(identifierId);
-
-  return useQuery(
-    [REMOTE_TRUST_ENTITY_DETAIL_QUERY_KEY, identifierId],
-    () => (identifierDetail?.did ? core.getRemoteTrustEntity(identifierDetail.did.id) : undefined),
-    {
-      enabled: Boolean(identifierDetail?.did),
-      keepPreviousData: true,
-    },
-  );
-};
-
-export const useCreateRemoteTrustEntity = () => {
-  const queryClient = useQueryClient();
-  const { core } = useONECore();
-
-  return useMutation(
-    async (request: Omit<CreateRemoteTrustEntityRequest, 'didId'> & { identifierId?: string; didId?: string }) => {
-      const { identifierId, didId } = request;
-
-      let entityDidId = didId;
-
-      if (identifierId) {
-        const identifierDetail = await core.getIdentifier(identifierId);
-        entityDidId = identifierDetail?.did?.id;
-      }
-
-      return core.createRemoteTrustEntity({
-        ...request,
-        didId: entityDidId!,
-      });
-    },
-    {
-      onSuccess: async () => {
-        await queryClient.invalidateQueries(REMOTE_TRUST_ENTITY_DETAIL_QUERY_KEY);
-        await queryClient.invalidateQueries(HISTORY_LIST_QUERY_KEY);
-      },
-    },
-  );
-};
-
-export const useUpdateRemoteTrustEntity = () => {
-  const queryClient = useQueryClient();
-  const { core } = useONECore();
-
-  return useMutation(
-    async (
-      request: Omit<UpdateRemoteTrustEntityRequest, 'didId'> & {
-        identifierId?: string;
-        didId?: string;
-      },
-    ) => {
-      const { identifierId, didId } = request;
-
-      let entityDidId = didId;
-      if (identifierId) {
-        const identifierDetail = await core.getIdentifier(identifierId);
-        entityDidId = identifierDetail?.did?.id;
-      }
-
-      return core.updateRemoteTrustEntity({
-        ...request,
-        didId: entityDidId!,
-      });
-    },
-    {
-      onSuccess: async () => {
-        await queryClient.invalidateQueries(REMOTE_TRUST_ENTITY_DETAIL_QUERY_KEY);
-        await queryClient.invalidateQueries(HISTORY_LIST_QUERY_KEY);
-      },
-    },
-  );
-};
-
-export enum TrustManagementEnum {
-  SimpleTrustList = 'SIMPLE_TRUST_LIST',
-}