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

package/src/utils/index.ts

@@ -17,3 +17,4 @@ export * from './reporting';
 export * from './string';
 export * from './useMemoAsync';
 export * from './uuid';
+export * from './url';

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

@@ -10,7 +10,6 @@ import React from 'react';
 import {
   CredentialAttribute,
   CredentialCardProps,
-  CredentialDetailsCardProps,
   CredentialHeaderProps,
   Selector,
   SelectorStatus,
@@ -20,6 +19,7 @@ import { CredentialNoticeWarningIcon, CredentialWarningIcon, RequiredAttributeIc
 import { concatTestID } from '../testID';
 import {
   CardLabels,
+  CredentialDetailsCardPropsWithoutWidth,
   detailsCardAttributeFromClaim,
   getCredentialCardPropsFromCredential,
   getValidityState,
@@ -37,7 +37,7 @@ export const validityCheckedCardFromCredential = (
   notice: CredentialCardNotice | undefined,
   testID: string,
   labels: ShareCredentialCardLabels,
-): Omit<CredentialCardProps, 'onHeaderPress' | 'style' | 'testID'> => {
+): Omit<CredentialCardProps, 'onHeaderPress' | 'style' | 'testID' | 'width'> => {
   let credentialHeaderDetail:
     | Pick<
       CredentialHeaderProps,
@@ -77,7 +77,7 @@ export const missingCredentialCardFromRequest = (
   notice: CredentialCardNotice | undefined,
   testID: string,
   labels: ShareCredentialCardLabels,
-): Omit<CredentialCardProps, 'onHeaderPress' | 'style'> => {
+): Omit<CredentialCardProps, 'onHeaderPress' | 'style' | 'width'> => {
   return {
     cardImage: undefined,
     color: undefined,
@@ -145,18 +145,41 @@ const getDisplayedAttributes = (
 ): DisplayedAttribute[] => {
   const claims = credential ? spreadClaims(credential.claims) : undefined;
 
-  return request.fields.map((field) => {
+  let fields = request.fields;
+  if (credential) {
+    const fieldsWithNoKeyMapping = request.fields.filter((field) => !(credential.id in field.keyMap));
+    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(({ key }) => {
+    const claim = credential
+      ? claims?.find(({ key }) => {
         return key === field.keyMap[credential.id];
-      }) : undefined;
-    const status = selectiveDisclosureSupported === false ? SelectorStatus.Required : getAttributeSelectorStatus(field, validityState, credential, claim, selected);
+        })
+      : 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: Config,
@@ -228,7 +251,7 @@ export const shareCredentialCardFromCredential = (
   config: Config,
   testID: string,
   labels: ShareCredentialCardLabels,
-): Omit<CredentialDetailsCardProps, 'expanded'> => {
+): CredentialDetailsCardPropsWithoutWidth => {
   const selectiveDisclosureSupported = supportsSelectiveDisclosure(
     credential ? { ...credential, issuer: credential.issuer?.id } : undefined,
     config,
@@ -312,7 +335,7 @@ export const selectCredentialCardFromCredential = (
   config: Config,
   testID: string,
   labels: ShareCredentialCardLabels,
-): Omit<CredentialDetailsCardProps, 'expanded'> => {
+): CredentialDetailsCardPropsWithoutWidth => {
   const selectiveDisclosureSupported = supportsSelectiveDisclosure(
     credential ? { ...credential, issuer: credential.issuer?.id } : undefined,
     config,

package/src/utils/parsers/credential.ts

@@ -169,7 +169,7 @@ export const getCredentialCardPropsFromCredential = (
   notice: CredentialCardNotice | undefined,
   testID: string,
   labels: CardLabels,
-): Omit<CredentialCardProps, 'onHeaderPress' | 'style'> => {
+): Omit<CredentialCardProps, 'onHeaderPress' | 'style' | 'width'> => {
   const { layoutProperties } = credential.schema;
 
   if (hasMsoValidityIssues(credential)) {
@@ -179,7 +179,7 @@ export const getCredentialCardPropsFromCredential = (
     };
   }
 
-  const result: Omit<CredentialCardProps, 'onHeaderPress' | 'style'> = {
+  const result: Omit<CredentialCardProps, 'onHeaderPress' | 'style' | 'width'> = {
     cardCarouselImages: getCarouselImagesFromClaims(claims, layoutProperties, concatTestID(testID, 'carousel')),
     cardImage: layoutProperties?.background?.image
       ? { imageSource: { uri: layoutProperties.background.image } }
@@ -255,12 +255,16 @@ const detailsCardAttributeValueFromClaim = (claim: Claim, config: Config, testID
   }
 };
 
+export type CredentialDetailsCardPropsWithoutWidth = Omit<CredentialDetailsCardProps, 'expanded' | 'card'> & {
+  card: Omit<CredentialCardProps, 'width'>;
+}
+
 export const detailsCardFromCredential = (
   credential: CredentialDetail,
   config: Config,
   testID: string,
   labels: CardLabels,
-): Omit<CredentialDetailsCardProps, 'expanded'> => {
+): CredentialDetailsCardPropsWithoutWidth => {
   return detailsCardFromCredentialWithClaims(credential, credential.claims, config, testID, labels);
 };
 
@@ -270,7 +274,7 @@ export const detailsCardFromCredentialWithClaims = (
   config: Config,
   testID: string,
   labels: CardLabels,
-): Omit<CredentialDetailsCardProps, 'expanded'> => {
+): CredentialDetailsCardPropsWithoutWidth => {
   const attributes: CredentialAttribute[] = claims.map((claim, index) =>
     detailsCardAttributeFromClaim(claim, config, concatTestID(testID, 'attribute', index.toString())),
   );

package/src/utils/parsers/query.ts

@@ -38,6 +38,7 @@ export const getQueryKeyFromCredentialListQueryParams = (queryParams: Partial<Cr
     'status',
     'include',
     'profile',
+    'credentialSchemaIds',
     'createdDateAfter',
     'createdDateBefore',
     'lastModifiedAfter',

package/src/utils/url.ts

@@ -0,0 +1,61 @@
+import { Platform } from 'react-native';
+import Share from 'react-native-share';
+
+/**
+ * Check URL validity
+ * @param {string} urlString URL to validate.
+ * @returns {boolean}
+ */
+export const isUrlValid = (urlString: string): boolean => {
+  try {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const url = new URL(urlString);
+    return true;
+  } catch {
+    return false;
+  }
+};
+
+/**
+ * Check URL http(s) validity
+ * @param {string} urlString URL to validate.
+ * @returns {boolean}
+ */
+export const isValidHttpUrl = (urlString: string): boolean => {
+  try {
+    const url = new URL(urlString);
+    return url?.protocol === 'http:' || url?.protocol === 'https:';
+  } catch {
+    return false;
+  }
+};
+
+/**
+ * Share URL via share sheet
+ * @param {string} url URL to share.
+ * @param {string} title _(optional)_ title for iOS share sheet.
+ * @returns {boolean}
+ */
+export const shareUrl = async (url: string, title?: string) => {
+  if (Platform.OS === 'ios') {
+    await Share.open({
+      activityItemSources: [
+        {
+          placeholderItem: { type: 'url', content: url },
+          item: {
+            default: { type: 'url', content: url },
+          },
+          subject: title
+            ? {
+                default: title,
+              }
+            : undefined,
+          linkMetadata: { originalUrl: url, url, title },
+        },
+      ],
+      failOnCancel: false,
+    });
+  } else {
+    await Share.open({ url, failOnCancel: false });
+  }
+};