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

package/src/components/proof-request/v1/share-credential.tsx

@@ -1,159 +0,0 @@
-import {
-  CredentialDetail,
-  CredentialListItem,
-  CredentialState,
-  PresentationDefinitionField,
-  PresentationDefinitionRequestedCredential,
-} from '@procivis/react-native-one-core';
-import React, { FunctionComponent, useMemo } from 'react';
-import { Dimensions, ImageSourcePropType, StyleProp, StyleSheet, ViewStyle } from 'react-native';
-
-import { CredentialDetailsCardListItem, useAppColorScheme } from '../../../ui-components';
-import { concatTestID } from '../../../utils';
-import { useCoreConfig } from '../../../utils/hooks/core/core-config';
-import { getValidityState, ValidityState } from '../../../utils/parsers/credential';
-import {
-  shareCredentialCardFromCredential,
-  ShareCredentialCardLabels,
-} from '../../../utils/parsers/credential-sharing';
-import { SelectShareCredentialCardNotice } from '../select-share-credential-card-notice';
-import { ShareCredentialCardNotice } from '../share-credential-card-notice';
-
-export type ShareCredentialLabels = ShareCredentialCardLabels & {
-  invalidCredentialNotice: string;
-  multipleCredentialsNotice: string;
-  multipleCredentialsSelect: string;
-  revokedCredentialNotice: string;
-  suspendedCredentialNotice: string;
-};
-
-export const ShareCredential: FunctionComponent<{
-  allCredentials: CredentialDetail[];
-  expanded?: boolean;
-  labels: ShareCredentialLabels;
-  language?: string;
-  lastItem?: boolean;
-  onHeaderPress?: (_credentialId?: string) => void;
-  onImagePreview: (title: string, image: ImageSourcePropType) => void;
-  onSelectCredential?: () => void;
-  onSelectField: (_id: PresentationDefinitionField['id'], _selected: boolean) => void;
-  request: PresentationDefinitionRequestedCredential;
-  selectedCredentialId?: CredentialListItem['id'];
-  selectedFields?: Array<PresentationDefinitionField['id']>;
-  style?: StyleProp<ViewStyle>;
-  testID: string;
-}> = ({
-  allCredentials,
-  expanded,
-  labels,
-  language,
-  lastItem,
-  onHeaderPress,
-  onImagePreview,
-  onSelectCredential,
-  onSelectField,
-  request,
-  selectedCredentialId,
-  selectedFields,
-  style,
-  testID,
-}) => {
-  const colorScheme = useAppColorScheme();
-  const credential = allCredentials.find((c) => c.id === selectedCredentialId);
-  const { data: config } = useCoreConfig();
-  const cardWidth = useMemo(() => Dimensions.get('window').width - 32, []);
-
-  const selectionOptions = useMemo(
-    () =>
-      request.applicableCredentials.filter((applicableCredentialId) =>
-        allCredentials.some(({ id, state }) => id === applicableCredentialId && state === CredentialState.ACCEPTED),
-      ),
-    [allCredentials, request],
-  );
-  const multipleCredentialsAvailable = selectionOptions.length > 1;
-
-  const validityState = getValidityState(
-    credential
-      ? {
-          ...credential,
-          issuer: credential?.issuer?.id,
-        }
-      : undefined,
-  );
-
-  const footer = useMemo(() => {
-    if (!expanded) {
-      return;
-    }
-    if (validityState === ValidityState.Revoked) {
-      return (
-        <ShareCredentialCardNotice
-          testID={concatTestID(testID, 'notice.revoked')}
-          text={labels.revokedCredentialNotice}
-        />
-      );
-    }
-    if (validityState === ValidityState.Suspended) {
-      return (
-        <ShareCredentialCardNotice
-          testID={concatTestID(testID, 'notice.suspended')}
-          text={labels.suspendedCredentialNotice}
-        />
-      );
-    }
-
-    if (multipleCredentialsAvailable) {
-      return (
-        <SelectShareCredentialCardNotice
-          buttonTitle={labels.multipleCredentialsSelect}
-          onPress={onSelectCredential}
-          testID={concatTestID(testID, 'notice.multiple')}
-          text={labels.multipleCredentialsNotice}
-        />
-      );
-    }
-  }, [expanded, labels, multipleCredentialsAvailable, onSelectCredential, testID, validityState]);
-
-  if (!config) {
-    return null;
-  }
-
-  const { card, attributes } = shareCredentialCardFromCredential(
-    credential,
-    Boolean(expanded),
-    multipleCredentialsAvailable,
-    request,
-    selectedFields,
-    config,
-    testID,
-    labels,
-    language,
-  );
-
-  return (
-    <CredentialDetailsCardListItem
-      attributes={attributes}
-      card={{
-        ...card,
-        credentialId: request.id,
-        onHeaderPress,
-        width: cardWidth,
-      }}
-      expanded={expanded}
-      footer={footer}
-      lastItem={lastItem}
-      onAttributeSelected={onSelectField}
-      onImagePreview={onImagePreview}
-      style={[styles.credential, { borderColor: colorScheme.background }, style]}
-      testID={testID}
-    />
-  );
-};
-
-const styles = StyleSheet.create({
-  credential: {
-    borderRadius: 10,
-    borderWidth: 1,
-    marginBottom: 8,
-  },
-});

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

@@ -1,415 +0,0 @@
-import {
-  Claim,
-  CoreConfig,
-  CredentialDetail,
-  CredentialListItem,
-  CredentialType,
-  PresentationDefinitionField,
-  PresentationDefinitionRequestedCredential,
-  PresentationDefinitionV2Credential,
-} from '@procivis/react-native-one-core';
-import React from 'react';
-
-import {
-  CredentialAttribute,
-  CredentialCardProps,
-  CredentialHeaderProps,
-  Selector,
-  SelectorStatus,
-} from '../../ui-components/credential';
-import { CredentialCardNotice } from '../../ui-components/credential/card/credential-card';
-import { CredentialNoticeWarningIcon, CredentialWarningIcon, RequiredAttributeIcon } from '../../ui-components/icons';
-import { concatTestID } from '../testID';
-import {
-  CardLabels,
-  credentialDetailFromPresentationV2Credential,
-  CredentialDetailsCardPropsWithoutWidth,
-  detailsCardAttributeFromClaim,
-  getCredentialCardPropsFromCredential,
-  getValidityState,
-  nestAttributes,
-  supportsSelectiveDisclosure,
-  ValidityState,
-} from './credential';
-
-export const validityCheckedCardFromCredential = (
-  credential: CredentialDetail | PresentationDefinitionV2Credential,
-  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<
-        CredentialHeaderProps,
-        | 'credentialDetailPrimary'
-        | 'credentialDetailSecondary'
-        | 'credentialDetailErrorColor'
-        | 'credentialDetailTestID'
-        | 'statusIcon'
-      >
-    | undefined;
-  if (selectiveDisclosureSupported === false) {
-    credentialHeaderDetail = {
-      credentialDetailPrimary: labels.selectiveDisclosure,
-      credentialDetailTestID: concatTestID(testID, 'header.nonSelectiveDisclosure'),
-      statusIcon: CredentialWarningIcon,
-    };
-  } else if ('embeddedDisclosurePolicyViolation' in credential) {
-    credentialHeaderDetail = {
-      credentialDetailPrimary: labels.disclosurePolicyViolation,
-      credentialDetailTestID: concatTestID(testID, 'header.dislosurePolicyViolation'),
-      statusIcon: CredentialWarningIcon,
-    };
-  } else if (!expanded && multipleCredentialsAvailable) {
-    credentialHeaderDetail = {
-      credentialDetailPrimary: labels.multipleCredentials,
-      credentialDetailTestID: concatTestID(testID, 'header.multiple'),
-      statusIcon: CredentialWarningIcon,
-    };
-  }
-
-  const card = getCredentialCardPropsFromCredential(
-    credentialDetailFromPresentationV2Credential(credential),
-    credential.claims,
-    config,
-    notice,
-    testID,
-    labels,
-    language,
-  );
-  return {
-    ...card,
-    header: {
-      ...card.header,
-      ...credentialHeaderDetail,
-    },
-  };
-};
-
-export const missingCredentialCardFromRequest = (
-  request: PresentationDefinitionRequestedCredential,
-  notice: CredentialCardNotice | undefined,
-  testID: string,
-  labels: ShareCredentialCardLabels,
-): Omit<CredentialCardProps, 'onHeaderPress' | 'style' | 'width'> => {
-  return {
-    cardImage: undefined,
-    color: undefined,
-    testID,
-    header: {
-      credentialDetailErrorColor: true,
-      credentialDetailPrimary: labels.missingCredential,
-      credentialDetailTestID: concatTestID(testID, 'header.missing'),
-      credentialName: request.name ?? request.id,
-      statusIcon: CredentialWarningIcon,
-    },
-    ...notice,
-  };
-};
-
-interface DisplayedAttribute {
-  claim?: FlatClaim;
-  field?: PresentationDefinitionField;
-  id: string;
-  selected?: boolean;
-  status: SelectorStatus;
-}
-
-const getAttributeSelectorStatus = (
-  field: PresentationDefinitionField,
-  validityState: ValidityState,
-  credential?: CredentialDetail,
-  claim?: Claim,
-  selected?: boolean,
-): SelectorStatus => {
-  if (!credential || validityState !== ValidityState.Valid) {
-    return SelectorStatus.Rejected;
-  }
-  if (field.required) {
-    if (claim) {
-      return SelectorStatus.Required;
-    } else {
-      return SelectorStatus.Rejected;
-    }
-  }
-  if (!claim) {
-    return SelectorStatus.Disabled;
-  }
-  return selected ? SelectorStatus.SelectedCheckmark : SelectorStatus.Empty;
-};
-
-type FlatClaim = Claim & {
-  isArrayElement?: boolean;
-};
-
-// Returns a spread list of all claims with their full JSON path as key, including all intermediate objects
-const spreadClaims = (claims: Claim[]): FlatClaim[] => {
-  return claims.reduce((acc, claim) => {
-    const result = [claim];
-    if (claim.value.type_ === 'NESTED') {
-      const nestedClaimsWithPath: FlatClaim[] = claim.value.value.map((c) => ({
-        ...c,
-        isArrayElement: claim.schema.array && claim.path.split('/').pop() !== claim.schema.key,
-      }));
-      result.push(...spreadClaims(nestedClaimsWithPath));
-    }
-    return [...acc, ...result];
-  }, [] as FlatClaim[]);
-};
-
-const getDisplayedAttributes = (
-  request: PresentationDefinitionRequestedCredential,
-  validityState: ValidityState,
-  credential?: CredentialDetail,
-  selectiveDisclosureSupported?: boolean,
-  selectedFields?: string[],
-): DisplayedAttribute[] => {
-  const claims = credential ? spreadClaims(credential.claims) : undefined;
-  const isApplicable = credential ? request.applicableCredentials.includes(credential.id) : false;
-
-  let fields = request.fields;
-  if (credential) {
-    const fieldsWithNoKeyMapping = request.fields
-      .filter((field) => !(credential.id in field.keyMap))
-      .filter((field) => !isApplicable || !field.required);
-    const fullyNestedFields = getFullyNestedFields(request.fields, credential.id);
-
-    fields = [...fieldsWithNoKeyMapping, ...fullyNestedFields];
-  }
-
-  return fields.map((field) => {
-    const selected = !field.required && selectedFields?.includes(field.id);
-    const claim = credential
-      ? claims?.find(({ path }) => {
-          return path === field.keyMap[credential.id];
-        })
-      : undefined;
-    const status =
-      selectiveDisclosureSupported === false
-        ? SelectorStatus.Required
-        : getAttributeSelectorStatus(field, validityState, credential, claim, selected);
-    return { claim, field, id: field.id, selected, status };
-  });
-};
-
-const getFullyNestedFields = (
-  fields: PresentationDefinitionRequestedCredential['fields'],
-  credentialId: CredentialDetail['id'],
-) => {
-  const allKeys = fields.filter((field) => credentialId in field.keyMap).map((field) => field.keyMap[credentialId]);
-
-  return fields
-    .map((field) => ({ field, key: field.keyMap[credentialId] }))
-    .filter(({ key }) => key && allKeys.every((k) => !k.startsWith(`${key}/`)))
-    .map(({ field }) => field);
-};
-
-export const shareCredentialCardAttributeFromClaim = (
-  id: string,
-  config: CoreConfig,
-  testID: string,
-  labels: ShareCredentialCardLabels,
-  language: string | undefined,
-  claim?: FlatClaim,
-  field?: PresentationDefinitionField,
-): CredentialAttribute => {
-  if (claim) {
-    return {
-      ...detailsCardAttributeFromClaim(claim, config, testID, language),
-      id,
-      path: claim.path,
-      listValue: claim.isArrayElement,
-    };
-  }
-  return {
-    id,
-    name: field?.name?.split('/').pop() ?? id,
-    path: field?.name ?? id,
-    value: labels.missingAttribute,
-    valueErrorColor: true,
-  };
-};
-
-// Will propagate the attribute status (right accessory + selected?) for all nested attributes
-// Note: This function MUTATES the input attribute
-const setStatusForNestedObjectOrArrayFields = (
-  attribute: CredentialAttribute,
-  status?: SelectorStatus,
-  disabled?: boolean,
-) => {
-  const accessory = status && <Selector status={status} />;
-  const isObject = attribute.attributes && attribute.attributes.length > 0;
-  const isArray = attribute.values && attribute.values.length > 0;
-
-  // If the attribute is not an object or array, we update the attribute and return
-  if (!isObject && !isArray) {
-    attribute.rightAccessory = accessory;
-    attribute.disabled = disabled;
-    return attribute;
-  }
-
-  // The object can be optional (tappable radio-checkmark), or required (checkmark)
-  if (status === SelectorStatus.SelectedCheckmark || status === SelectorStatus.Empty) {
-    // If it's a selectable object, the accessory is rendered next to the object title,
-    // The nested attributes have no accessory, and can not be selected
-    attribute.rightAccessory = accessory;
-    setStatusForNestedObjectOrArrayFields(attribute, undefined, true);
-  } else {
-    const nested = attribute.attributes ?? attribute.values;
-    // If the object is required / rejected, the accessory is rendered next to each nested attribute (except other object titles)
-    // all fields are disabled
-    for (const nestedAttribute of nested) {
-      setStatusForNestedObjectOrArrayFields(nestedAttribute, status, true);
-    }
-  }
-};
-
-export type ShareCredentialCardLabels = CardLabels & {
-  selectiveDisclosure: string;
-  missingAttribute: string;
-  missingCredential: string;
-  multipleCredentials: string;
-  disclosurePolicyViolation: string;
-};
-
-export const shareCredentialCardFromCredential = (
-  credential: CredentialDetail | PresentationDefinitionV2Credential | undefined,
-  expanded: boolean,
-  multipleCredentialsAvailable: boolean,
-  request: PresentationDefinitionRequestedCredential,
-  selectedFields: string[] | undefined,
-  config: CoreConfig,
-  testID: string,
-  labels: ShareCredentialCardLabels,
-  language: string | undefined,
-): CredentialDetailsCardPropsWithoutWidth => {
-  const credentialAsListItem: CredentialListItem | undefined = credential
-    ? { type: CredentialType.SINGLE, ...credential, issuer: credential.issuer?.id }
-    : undefined;
-  const selectiveDisclosureSupported = supportsSelectiveDisclosure(credentialAsListItem, config);
-  const cardTestId = concatTestID(testID, 'card');
-  const card = credential
-    ? validityCheckedCardFromCredential(
-        credential,
-        expanded,
-        selectiveDisclosureSupported,
-        multipleCredentialsAvailable,
-        config,
-        undefined,
-        cardTestId,
-        labels,
-        language,
-      )
-    : missingCredentialCardFromRequest(request, undefined, cardTestId, labels);
-  const validityState = getValidityState(credentialAsListItem);
-  const displayedAttributes = getDisplayedAttributes(
-    request,
-    validityState,
-    credential ? credentialDetailFromPresentationV2Credential(credential) : undefined,
-    selectiveDisclosureSupported,
-    selectedFields,
-  );
-
-  const attributes: CredentialAttribute[] = displayedAttributes.map(({ claim, field, id, selected, status }, index) => {
-    const disabled = !credential || !field || field.required || !claim;
-    const attribute: CredentialAttribute = {
-      ...shareCredentialCardAttributeFromClaim(
-        id,
-        config,
-        concatTestID(testID, 'attribute', `${index}`),
-        labels,
-        language,
-        claim,
-        field,
-      ),
-      selected,
-    };
-
-    setStatusForNestedObjectOrArrayFields(attribute, status, disabled);
-    return attribute;
-  });
-  return {
-    attributes: nestAttributes(attributes),
-    card,
-  };
-};
-
-export const selectCredentialCardAttributeFromClaim = (
-  id: string,
-  config: CoreConfig,
-  testID: string,
-  labels: ShareCredentialCardLabels,
-  language: string | undefined,
-  claim?: FlatClaim,
-  field?: PresentationDefinitionField,
-): CredentialAttribute => {
-  const attribute = shareCredentialCardAttributeFromClaim(id, config, testID, labels, language, claim, field);
-  if (!claim) {
-    return attribute;
-  }
-  return {
-    ...attribute,
-    rightAccessory: RequiredAttributeIcon,
-  };
-};
-
-export const selectCredentialCardFromCredential = (
-  credential: CredentialDetail,
-  selected: boolean,
-  request: PresentationDefinitionRequestedCredential,
-  config: CoreConfig,
-  testID: string,
-  labels: ShareCredentialCardLabels,
-  language: string | undefined,
-): CredentialDetailsCardPropsWithoutWidth => {
-  const selectiveDisclosureSupported = supportsSelectiveDisclosure(
-    credential ? { ...credential, issuer: credential.issuer?.id } : undefined,
-    config,
-  );
-  const rightAccessory = <Selector status={selected ? SelectorStatus.SelectedRadio : SelectorStatus.Empty} />;
-  const notice: CredentialCardNotice | undefined =
-    selectiveDisclosureSupported === false
-      ? {
-          text: labels.selectiveDisclosure,
-          noticeIcon: CredentialNoticeWarningIcon,
-        }
-      : undefined;
-  const { header, ...cardProps } = getCredentialCardPropsFromCredential(
-    credential,
-    credential.claims,
-    config,
-    notice,
-    testID,
-    labels,
-    language,
-  );
-  const card = {
-    header: {
-      ...header,
-      accessory: rightAccessory,
-    },
-    ...cardProps,
-  };
-  const attributes: CredentialAttribute[] = getFullyNestedFields(request.fields, credential.id).map((field) => {
-    const claim = spreadClaims(credential.claims).find(({ path }) => {
-      return path === field.keyMap[credential.id];
-    });
-
-    const attribute = selectCredentialCardAttributeFromClaim(field.id, config, testID, labels, language, claim, field);
-    return {
-      ...attribute,
-      rightAccessory: (
-        <Selector status={field.required && !claim ? SelectorStatus.Rejected : SelectorStatus.Required} />
-      ),
-    };
-  });
-  return {
-    attributes: nestAttributes(attributes),
-    card,
-  };
-};