@procivis/one-react-native-components 0.2.54 → 0.3.22

package/src/utils/hooks/core/proofs.ts

@@ -9,7 +9,7 @@ import {
   ProofStateEnum,
   ShareProofRequest,
 } from '@procivis/react-native-one-core';
-import { useEffect, useMemo, useState } from 'react';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useMutation, useQuery, useQueryClient } from 'react-query';
 
 import { getQueryKeyFromProofListQueryParams } from '../../parsers/query';
@@ -38,10 +38,14 @@ export const useProofDetail = (proofId: string | undefined) => {
 export const useProofState = (proofId: string | undefined, isPolling: boolean) => {
   const { core } = useONECore();
 
-  return useQuery([PROOF_STATE_QUERY_KEY, proofId], () => core.getProof(proofId!).then((proof) => proof.state), {
-    enabled: Boolean(proofId),
-    refetchInterval: isPolling ? 1000 : false,
-  });
+  return useQuery(
+    [PROOF_STATE_QUERY_KEY, proofId],
+    () => (proofId ? core.getProof(proofId).then((proof) => proof.state) : undefined),
+    {
+      enabled: Boolean(proofId),
+      refetchInterval: isPolling ? 1000 : false,
+    },
+  );
 };
 
 type ProofUrlHookParams = { proofId: string; request?: ShareProofRequest };
@@ -111,30 +115,36 @@ export const useProofReject = () => {
   );
 };
 
-export enum ExchangeProtocol {
+export enum IssuanceProtocol {
+  OPENID4VCI_DRAFT13 = 'OPENID4VCI_DRAFT13',
+}
+
+export enum VerificationProtocol {
   ISO_MDL = 'ISO_MDL',
-  OPENID4VC = 'OPENID4VC',
-  PROCIVIS = 'PROCIVIS_TEMPORARY',
+  OPENID4VP_DRAFT20 = 'OPENID4VP_DRAFT20',
+  OPENID4VP_DRAFT25 = 'OPENID4VP_DRAFT25',
+  OPENID4VP_PROXIMITY_DRAFT00 = 'OPENID4VP_PROXIMITY_DRAFT00',
+  SCAN_TO_VERIFY = 'SCAN_TO_VERIFY',
 }
 
 export const useProposeProof = () => {
   const queryClient = useQueryClient();
   const { core, organisationId } = useONECore();
 
-  return useMutation(async (exchange: ExchangeProtocol) => core.proposeProof(exchange, organisationId), {
+  return useMutation(async (exchange: VerificationProtocol) => core.proposeProof(exchange, organisationId), {
     onSuccess: async () => {
       await queryClient.invalidateQueries(HISTORY_LIST_QUERY_KEY);
     },
   });
 };
 
-export const useProofRetract = () => {
+export const useProofDelete = () => {
   const queryClient = useQueryClient();
   const { core } = useONECore();
 
   return useMutation(
     async (proofId: string) => {
-      return core.retractProof(proofId).catch((e) => {
+      return core.deleteProof(proofId).catch((e) => {
         if (e instanceof OneError && e.code === OneErrorCode.OperationNotSupported) {
           return;
         }
@@ -207,7 +217,11 @@ const getDidFilterForProofSchema = (proofSchema: ProofSchema, config: Config): P
   return { keyAlgorithms, keyStorages };
 };
 
-export const useProofCreateOrReuse = (proofSchemaId: string, transport: Transport[] | undefined, enabled: boolean) => {
+export const useProofForSchemaIdWithTransport = (
+  proofSchemaId: string,
+  transport: Transport[] | undefined,
+  enabled: boolean,
+) => {
   const { data: proofSchema } = useProofSchemaDetail(proofSchemaId, enabled);
   const { data: config } = useCoreConfig();
 
@@ -218,51 +232,86 @@ export const useProofCreateOrReuse = (proofSchemaId: string, transport: Transpor
 
   const { data: dids } = useDids(didFilter);
   const { mutateAsync: createProof } = useProofCreate();
-  const { data: proofs } = useProofs({
-    page: 0,
-    pageSize: 100,
-    proofSchemaIds: [proofSchemaId],
-    proofStates: [ProofStateEnum.CREATED, ProofStateEnum.PENDING],
-  });
+  const { mutateAsync: deleteProof } = useProofDelete();
+
+  const [deleting, setDeleting] = useState(false);
+  const [proofId, setProofIdState] = useState<string | undefined>(undefined);
+  const proofIdRef = useRef<string>();
+
+  const { data: proofState } = useProofState(deleting ? undefined : proofId, enabled);
 
-  const [proofId, setProofId] = useState<string | undefined>(undefined);
+  const setProofId = useCallback((id: string | undefined) => {
+    proofIdRef.current = id;
+    setProofIdState(id);
+  }, []);
 
   useEffect(() => {
-    if (!dids || !didFilter || !dids.values.length || !proofs || !transport || transport.length === 0) {
+    if (!proofIdRef.current) {
       return;
     }
-
-    const transportFilter = transport.length === 2 ? '' : transport[0];
-    const filteredProofs = proofs.values.filter(
-      (p) => p.exchange === ExchangeProtocol.OPENID4VC && p.transport === transportFilter,
-    );
-    const proof =
-      filteredProofs.length > 0
-        ? filteredProofs.find((p) => p.state === ProofStateEnum.PENDING) ?? filteredProofs[0]
-        : undefined;
-
-    const reusableProof = proof?.id;
-
-    if (!enabled) {
-      if (!reusableProof) {
+    setDeleting(true);
+    deleteProof(proofIdRef.current)
+      .then(() => {
         setProofId(undefined);
-      }
+        setDeleting(false);
+      })
+      .catch(() => {});
+  }, [proofIdRef, deleteProof, proofSchemaId, transport, setProofId]);
+
+  useEffect(() => {
+    if (enabled) {
       return;
     }
+    if (proofState !== ProofStateEnum.CREATED && proofState !== ProofStateEnum.PENDING) {
+      setProofId(undefined);
+    }
+  }, [enabled, proofState, setProofId]);
 
-    if (reusableProof) {
-      setProofId(reusableProof);
-    } else {
-      createProof({
-        exchange: ExchangeProtocol.OPENID4VC,
-        proofSchemaId,
-        transport,
-        verifierDidId: dids.values[0].id,
-      }).catch(() => {});
+  useEffect(() => {
+    if (
+      deleting ||
+      !enabled ||
+      proofId ||
+      !dids ||
+      !didFilter ||
+      !dids.values.length ||
+      !transport ||
+      transport.length === 0
+    ) {
+      return;
     }
-  }, [proofSchemaId, proofs, dids, didFilter, createProof, enabled, transport]);
 
-  return proofId;
+    createProof({
+      exchange: VerificationProtocol.OPENID4VP_PROXIMITY_DRAFT00,
+      proofSchemaId,
+      transport,
+      verifierDidId: dids.values[0].id,
+    })
+      .then((id) => {
+        setProofId(id);
+      })
+      .catch(() => {});
+  }, [proofSchemaId, dids, didFilter, createProof, enabled, transport, proofId, setProofId, deleting]);
+
+  return deleting ? undefined : proofId;
+};
+
+export const useCleanupUnusedProofs = () => {
+  const { mutateAsync: deleteProof } = useProofDelete();
+  const { data: proofs } = useProofs({
+    page: 0,
+    pageSize: 100,
+    proofStates: [ProofStateEnum.CREATED, ProofStateEnum.PENDING],
+  });
+  const [cleaned, setCleaned] = useState(false);
+
+  useEffect(() => {
+    if (cleaned || !proofs) {
+      return;
+    }
+    setCleaned(true);
+    proofs.values.forEach((proof) => deleteProof(proof.id));
+  }, [cleaned, deleteProof, proofs]);
 };
 
 export const useShareProof = (proofUrlProps: ProofUrlHookParams | undefined, enabled: boolean) => {
@@ -306,10 +355,19 @@ export const useShareProof = (proofUrlProps: ProofUrlHookParams | undefined, ena
   return sharedProof;
 };
 
-export const useRetainProofCheck = () => {
+export const useRetainProofCheck = (proofId?: string) => {
+  const queryClient = useQueryClient();
+
   const { core } = useONECore();
 
-  return useMutation(async () => core.runTask('RETAIN_PROOF_CHECK'));
+  return useMutation(async () => core.runTask('RETAIN_PROOF_CHECK'), {
+    onSuccess: async () => {
+      if (proofId) {
+        await queryClient.removeQueries([PROOF_DETAIL_QUERY_KEY, proofId]);
+        await queryClient.invalidateQueries(HISTORY_LIST_QUERY_KEY);
+      }
+    },
+  });
 };
 
 export const useDeleteProofData = (proofId: string) => {
@@ -319,7 +377,7 @@ export const useDeleteProofData = (proofId: string) => {
 
   return useMutation(async () => core.deleteProofClaims(proofId), {
     onSuccess: async () => {
-      await queryClient.invalidateQueries([PROOF_DETAIL_QUERY_KEY, proofId]);
+      await queryClient.removeQueries([PROOF_DETAIL_QUERY_KEY, proofId]);
       await queryClient.invalidateQueries(HISTORY_LIST_QUERY_KEY);
     },
   });

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

@@ -14,8 +14,8 @@ import { useONECore } from './core-context';
 import { OneErrorCode } from './error-code';
 import { HISTORY_LIST_QUERY_KEY } from './history';
 
-const TRUST_ENTITY_DETAIL_QUERY_KEY = 'trust-entity-detail';
-const REMOTE_TRUST_ENTITY_DETAIL_QUERY_KEY = 'remote-trust-entity-detail';
+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 = (publisherReference: string) => {
   const httpClient = useHTTPClient();
@@ -39,7 +39,7 @@ export const useCreateTrustAnchor = (publisherReference: string) => {
           isPublisher: false,
           name: trustAnchor.name,
           publisherReference,
-          type: 'SIMPLE_TRUST_LIST',
+          type: TrustManagementEnum.SimpleTrustList,
         })
         .catch((err) => {
           reportException(err, 'Failed to create trust anchor');
@@ -107,3 +107,7 @@ export const useUpdateRemoteTrustEntity = () => {
     },
   });
 };
+
+export enum TrustManagementEnum {
+  SimpleTrustList = 'SIMPLE_TRUST_LIST',
+}

package/src/utils/hooks/navigation/open-settings.ts

@@ -1,6 +1,5 @@
 import { useCallback } from 'react';
 import { Linking, Platform } from 'react-native';
-import { openSettings } from 'react-native-bluetooth-state-manager';
 
 export const useOpenSettings = () => {
   const openBleSettings = useCallback(() => {
@@ -26,9 +25,9 @@ export const useOpenSettings = () => {
       Linking.sendIntent('android.settings.WIFI_SETTINGS').catch(() => {});
     }
   }, []);
-
+  
   const openAppPermissionSettings = useCallback(() => {
-    openSettings().catch(() => {});
+    Linking.openSettings().catch(() => {});
   }, []);
 
   return {

package/src/utils/hooks/revocation/credential-status.ts

@@ -10,11 +10,12 @@ import { useCredentialRevocationCheck, useCredentials } from '../core/credential
  *
  * Navigates to the result page if some credential states were updated
  * @param {string[]} credentialIds if specified only those credentials get checked, otherwise all potentially eligible credentials
+ * @param {boolean} forceRefresh revocation check forces cache refresh
  */
-export const useCredentialStatusCheck = (credentialIds?: string[]) => {
+export const useCredentialStatusCheck = (credentialIds?: string[], forceRefresh = false) => {
   const isFocused = useIsFocused();
   const checkDone = useRef(false);
-  const { mutateAsync: check } = useCredentialRevocationCheck();
+  const { mutateAsync: check } = useCredentialRevocationCheck(forceRefresh);
   const { data: credentials } = useCredentials({
     ids: credentialIds,
     status: [CredentialStateEnum.ACCEPTED, CredentialStateEnum.SUSPENDED],

package/src/utils/index.ts

@@ -3,9 +3,12 @@ import { concatTestID } from './testID';
 
 export { concatTestID, ContrastingStatusBar };
 
+export * from './array';
 export * from './backup';
 export * from './color';
 export * from './date';
+export * from './filtering';
+export * from './history';
 export * from './hooks';
 export * from './navigation';
 export * from './parsers';

package/src/utils/navigation.ts

@@ -29,8 +29,10 @@ export const useBlockOSBackNavigation = (block: boolean = true, onAndroidBack?:
       const handler = () => {
         return onAndroidBack?.() ?? true;
       };
-      BackHandler.addEventListener('hardwareBackPress', handler);
-      return () => BackHandler.removeEventListener('hardwareBackPress', handler);
+      const subscription = BackHandler.addEventListener('hardwareBackPress', handler);
+      return () => {
+        subscription.remove();
+      };
     }
     return undefined;
   }, [block, isFocused, onAndroidBack]);

package/src/utils/parsers/credential.ts

@@ -207,7 +207,7 @@ const detailsCardAttributeValueFromClaim = (claim: Claim, config: Config, testID
 
   if (claim.array) {
     return {
-      values: claim.value.map((arrayValue, index) => {
+      values: (claim.value || []).map((arrayValue, index) => {
         return detailsCardAttributeFromClaim(
           {
             ...arrayValue,

package/src/utils/parsers/index.ts

@@ -2,3 +2,4 @@ export * from './credential';
 export * from './credential-images';
 export * from './credential-sharing';
 export * from './query';
+export * from './universal-links';

package/src/utils/parsers/query.tsx

@@ -31,6 +31,7 @@ export const getQueryKeyFromHistoryListQueryParams = (queryParams?: Partial<Hist
     credentialSchemaId,
     searchText,
     searchType,
+    proofSchemaId,
   } = queryParams;
   return [
     entityId,
@@ -43,6 +44,7 @@ export const getQueryKeyFromHistoryListQueryParams = (queryParams?: Partial<Hist
     credentialSchemaId,
     searchText,
     searchType,
+    proofSchemaId,
   ];
 };
 

package/src/utils/parsers/universal-links.test.ts

@@ -0,0 +1,57 @@
+import { parseUniversalLink } from './universal-links';
+
+jest.mock('@react-native-community/netinfo', () => ({
+  addEventListener: () => {},
+}));
+
+jest.mock('react-native-bluetooth-state-manager', () => ({
+  onStateChange: () => {},
+}));
+
+describe('parseUniversalLink', () => {
+  test('Credential schema universal link url', () => {
+    const parsedLink = parseUniversalLink(
+      'https://desk.dev.procivis-one.com/app-link/schema?url=https%3A%2F%2Fcore.dev.procivis-one.com%2Fssi%2Fschema%2Fv1%2F2c986182-0bca-4342-b0e0-4e149b1818c7',
+    );
+    expect(parsedLink).toStrictEqual(
+      'https://core.dev.procivis-one.com/ssi/schema/v1/2c986182-0bca-4342-b0e0-4e149b1818c7',
+    );
+  });
+  test('OpenID4VC credential offer universal link url', () => {
+    const parsedLink = parseUniversalLink(
+      'https://desk.dev.procivis-one.com/app-link/openid-credential-offer?credential_offer_uri=https%3A%2F%2Fcore.dev.procivis-one.com%2Fssi%2Foidc-issuer%2Fv1%2Ffde1ca86-3ea1-410e-9da4-b210355e5dd2%2Foffer%2F4e626c92-9f20-4031-992d-242563ab5ef3',
+    );
+    expect(parsedLink).toStrictEqual(
+      'openid-credential-offer://?credential_offer_uri=https%3A%2F%2Fcore.dev.procivis-one.com%2Fssi%2Foidc-issuer%2Fv1%2Ffde1ca86-3ea1-410e-9da4-b210355e5dd2%2Foffer%2F4e626c92-9f20-4031-992d-242563ab5ef3',
+    );
+  });
+  test('OpenID4VP proof request universal link url', () => {
+    const parsedLink = parseUniversalLink(
+      'https://desk.dev.procivis-one.com/app-link/openid4vp?client_id=https%3A%2F%2Fcore.dev.procivis-one.com%2Fssi%2Foidc-verifier%2Fv1%2Fresponse&client_id_scheme=verifier_attestation&request_uri=https%3A%2F%2Fcore.dev.procivis-one.com%2Fssi%2Foidc-verifier%2Fv1%2F74fe0d75-d568-4178-9f73-5cd4e3f5a2ae%2Fclient-request',
+    );
+    expect(parsedLink).toStrictEqual(
+      'openid4vp://?client_id=https%3A%2F%2Fcore.dev.procivis-one.com%2Fssi%2Foidc-verifier%2Fv1%2Fresponse&client_id_scheme=verifier_attestation&request_uri=https%3A%2F%2Fcore.dev.procivis-one.com%2Fssi%2Foidc-verifier%2Fv1%2F74fe0d75-d568-4178-9f73-5cd4e3f5a2ae%2Fclient-request',
+    );
+  });
+
+  test('Invalid link', () => {
+    const parsedLink = parseUniversalLink('invalid');
+    expect(parsedLink).toStrictEqual(undefined);
+  });
+  test('Non-universal link', () => {
+    const parsedLink = parseUniversalLink(
+      'openid4vp://?client_id=https%3A%2F%2Fcore.dev.procivis-one.com%2Fssi%2Foidc-verifier%2Fv1%2Fresponse&client_id_scheme=verifier_attestation&request_uri=https%3A%2F%2Fcore.dev.procivis-one.com%2Fssi%2Foidc-verifier%2Fv1%2F74fe0d75-d568-4178-9f73-5cd4e3f5a2ae%2Fclient-request',
+    );
+    expect(parsedLink).toStrictEqual(undefined);
+  });
+  test('Invalid https universal link url', () => {
+    const parsedLink = parseUniversalLink(
+      'https://desk.dev.procivis-one.com/app-schema/link?url=https%3A%2F%2Fcore.dev.procivis-one.com%2Fssi%2Fschema%2Fv1%2F2c986182-0bca-4342-b0e0-4e149b1818c7',
+    );
+    expect(parsedLink).toStrictEqual(undefined);
+  });
+  test('Schema universal link url with invalid params', () => {
+    const parsedLink = parseUniversalLink('https://desk.dev.procivis-one.com/app-link/schema?key=value');
+    expect(parsedLink).toStrictEqual(undefined);
+  });
+});

package/src/utils/parsers/universal-links.ts

@@ -0,0 +1,26 @@
+import parseUrl from 'parse-url';
+
+export const parseUniversalLink = (universalLink: string): string | undefined => {
+  let parsedUrl: parseUrl.ParsedUrl;
+  try {
+    parsedUrl = parseUrl(universalLink);
+  } catch (e) {
+    return undefined;
+  }
+
+  if (parsedUrl.parse_failed) {
+    return undefined;
+  }
+  const protocol = parsedUrl.protocol as string;
+  if (!['http', 'https'].includes(protocol)) {
+    return undefined;
+  }
+  if (!parsedUrl.pathname.startsWith('/app-link/')) {
+    return undefined;
+  }
+  if (parsedUrl.pathname === '/app-link/schema') {
+    return parsedUrl.query.url;
+  }
+  const originalProtocol = parsedUrl.pathname.split('/').pop();
+  return `${originalProtocol}://?${parsedUrl.search}`;
+};

package/src/utils/ref.ts

@@ -15,7 +15,7 @@ const isWritable = <T extends Object>(obj: T, key: keyof T) => {
  *    return <RefComponent ref={forwardedRef} {...props} />;
  * }
  */
-export const useForwardedRef = <Component extends React.Component<any> | React.ComponentClass<any>>(
+export const useForwardedRef = <Component extends React.ElementType<any, any>>(
   passedRef?: React.Ref<Component>,
 ) => {
   const localRef = useRef<Component>(null);

package/src/utils/reporting.ts

@@ -1,3 +1,4 @@
+/* eslint-disable no-console */
 import { OneError } from '@procivis/react-native-one-core';
 import * as Sentry from '@sentry/react-native';
 

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

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_testID","_accessibilityHistoryWrappers","_typography","_interopRequireDefault","_colorSchemeContext","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","HistoryListItem","_ref","icon","label","info","last","style","time","onPress","testID","colorScheme","useAppColorScheme","iconView","useMemo","React","isValidElement","IconComponent","createElement","TouchableOpacity","disabled","styles","historyItemContainer","backgroundColor","white","borderColor","background","View","labelAndInfo","color","text","numberOfLines","preset","concatTestID","Boolean","shaded","StyleSheet","create","alignItems","borderBottomWidth","flexDirection","paddingRight","paddingVertical","marginBottom","flex","marginHorizontal","opacity","_default","exports"],"sources":["history-list-item.tsx"],"sourcesContent":["import React, { ComponentType, FC, ReactElement, useMemo } from 'react';\nimport { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { concatTestID } from '../../utils/testID';\nimport { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nexport type HistoryListItemProps = {\n  icon: ComponentType<any> | ReactElement;\n  info?: string;\n  label: string;\n  last?: boolean;\n  onPress?: () => void;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n  time: string;\n};\n\nconst HistoryListItem: FC<HistoryListItemProps> = ({ icon, label, info, last, style, time, onPress, testID }) => {\n  const colorScheme = useAppColorScheme();\n\n  const iconView: ReactElement | undefined = useMemo(() => {\n    if (React.isValidElement(icon)) {\n      return icon;\n    } else if (icon) {\n      const IconComponent = icon as ComponentType<any>;\n      return <IconComponent />;\n    }\n  }, [icon]);\n\n  return (\n    <TouchableOpacity\n      disabled={!onPress}\n      onPress={() => onPress?.()}\n      style={[\n        styles.historyItemContainer,\n        {\n          backgroundColor: colorScheme.white,\n          borderColor: colorScheme.background,\n        },\n        last && styles.last,\n        style,\n      ]}\n      testID={testID}>\n      {iconView}\n      <View style={styles.labelAndInfo}>\n        <Typography\n          color={colorScheme.text}\n          numberOfLines={1}\n          preset=\"s\"\n          style={styles.label}\n          testID={concatTestID(testID, 'label')}>\n          {label}\n        </Typography>\n        {Boolean(info) && (\n          <Typography\n            color={colorScheme.text}\n            numberOfLines={1}\n            preset=\"s/line-height-small\"\n            style={styles.shaded}\n            testID={concatTestID(testID, 'info')}>\n            {info}\n          </Typography>\n        )}\n      </View>\n      <Typography\n        color={colorScheme.text}\n        numberOfLines={1}\n        preset=\"xs/line-height-small\"\n        style={styles.shaded}\n        testID={concatTestID(testID, 'timeLabel')}>\n        {time}\n      </Typography>\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  historyItemContainer: {\n    alignItems: 'center',\n    borderBottomWidth: 1,\n    flexDirection: 'row',\n    paddingRight: 8,\n    paddingVertical: 12,\n  },\n  label: {\n    marginBottom: 2,\n  },\n  labelAndInfo: {\n    flex: 1,\n    marginHorizontal: 12,\n  },\n  last: {\n    borderBottomWidth: 0,\n  },\n  shaded: {\n    opacity: 0.7,\n  },\n});\n\nexport default HistoryListItem;\n"],"mappings":"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"}

package/lib/module/ui-components/history/history-list-item.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useMemo","StyleSheet","View","concatTestID","TouchableOpacity","Typography","useAppColorScheme","HistoryListItem","_ref","icon","label","info","last","style","time","onPress","testID","colorScheme","iconView","isValidElement","IconComponent","createElement","disabled","styles","historyItemContainer","backgroundColor","white","borderColor","background","labelAndInfo","color","text","numberOfLines","preset","Boolean","shaded","create","alignItems","borderBottomWidth","flexDirection","paddingRight","paddingVertical","marginBottom","flex","marginHorizontal","opacity"],"sources":["history-list-item.tsx"],"sourcesContent":["import React, { ComponentType, FC, ReactElement, useMemo } from 'react';\nimport { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { concatTestID } from '../../utils/testID';\nimport { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nexport type HistoryListItemProps = {\n  icon: ComponentType<any> | ReactElement;\n  info?: string;\n  label: string;\n  last?: boolean;\n  onPress?: () => void;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n  time: string;\n};\n\nconst HistoryListItem: FC<HistoryListItemProps> = ({ icon, label, info, last, style, time, onPress, testID }) => {\n  const colorScheme = useAppColorScheme();\n\n  const iconView: ReactElement | undefined = useMemo(() => {\n    if (React.isValidElement(icon)) {\n      return icon;\n    } else if (icon) {\n      const IconComponent = icon as ComponentType<any>;\n      return <IconComponent />;\n    }\n  }, [icon]);\n\n  return (\n    <TouchableOpacity\n      disabled={!onPress}\n      onPress={() => onPress?.()}\n      style={[\n        styles.historyItemContainer,\n        {\n          backgroundColor: colorScheme.white,\n          borderColor: colorScheme.background,\n        },\n        last && styles.last,\n        style,\n      ]}\n      testID={testID}>\n      {iconView}\n      <View style={styles.labelAndInfo}>\n        <Typography\n          color={colorScheme.text}\n          numberOfLines={1}\n          preset=\"s\"\n          style={styles.label}\n          testID={concatTestID(testID, 'label')}>\n          {label}\n        </Typography>\n        {Boolean(info) && (\n          <Typography\n            color={colorScheme.text}\n            numberOfLines={1}\n            preset=\"s/line-height-small\"\n            style={styles.shaded}\n            testID={concatTestID(testID, 'info')}>\n            {info}\n          </Typography>\n        )}\n      </View>\n      <Typography\n        color={colorScheme.text}\n        numberOfLines={1}\n        preset=\"xs/line-height-small\"\n        style={styles.shaded}\n        testID={concatTestID(testID, 'timeLabel')}>\n        {time}\n      </Typography>\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  historyItemContainer: {\n    alignItems: 'center',\n    borderBottomWidth: 1,\n    flexDirection: 'row',\n    paddingRight: 8,\n    paddingVertical: 12,\n  },\n  label: {\n    marginBottom: 2,\n  },\n  labelAndInfo: {\n    flex: 1,\n    marginHorizontal: 12,\n  },\n  last: {\n    borderBottomWidth: 0,\n  },\n  shaded: {\n    opacity: 0.7,\n  },\n});\n\nexport default HistoryListItem;\n"],"mappings":"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"}