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

package/src/ui-components/{history/history-item.tsx → list/list-item.tsx}

@@ -6,7 +6,8 @@ import { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers'
 import Typography from '../text/typography';
 import { useAppColorScheme } from '../theme/color-scheme-context';
 
-export type HistoryItemViewProps = {
+export type ListItemViewProps = {
+  accessory?: string | ComponentType<any> | ReactElement;
   first?: boolean;
   icon: ComponentType<any> | ReactElement;
   info?: string;
@@ -15,22 +16,31 @@ export type HistoryItemViewProps = {
   onPress?: () => void;
   style?: StyleProp<ViewStyle>;
   testID?: string;
-  time: string;
 };
 
-const HistoryItemView: FC<HistoryItemViewProps> = ({
-  first,
-  icon,
-  label,
-  info,
-  last,
-  style,
-  time,
-  onPress,
-  testID,
-}) => {
+const ListItemView: FC<ListItemViewProps> = ({ accessory, first, icon, label, info, last, style, onPress, testID }) => {
   const colorScheme = useAppColorScheme();
 
+  const accessoryView: ReactElement | undefined = useMemo(() => {
+    if (typeof accessory === 'string') {
+      return (
+        <Typography
+          color={colorScheme.text}
+          numberOfLines={1}
+          preset="xs/line-height-small"
+          style={styles.time}
+          testID={concatTestID(testID, 'timeLabel')}>
+          {accessory}
+        </Typography>
+      );
+    } else if (React.isValidElement(accessory)) {
+      return accessory;
+    } else if (accessory) {
+      const AccessoryComponent = accessory as ComponentType<any>;
+      return <AccessoryComponent />;
+    }
+  }, [accessory, colorScheme.text, testID]);
+
   const iconView: ReactElement | undefined = useMemo(() => {
     if (React.isValidElement(icon)) {
       return icon;
@@ -45,7 +55,7 @@ const HistoryItemView: FC<HistoryItemViewProps> = ({
       disabled={!onPress}
       onPress={() => onPress?.()}
       style={[
-        styles.historyItemContainer,
+        styles.listItemContainer,
         {
           backgroundColor: colorScheme.white,
         },
@@ -56,7 +66,7 @@ const HistoryItemView: FC<HistoryItemViewProps> = ({
       testID={testID}>
       <View
         style={[
-          styles.historyItemWrapper,
+          styles.listItemWrapper,
           {
             backgroundColor: colorScheme.white,
             borderColor: colorScheme.background,
@@ -84,14 +94,7 @@ const HistoryItemView: FC<HistoryItemViewProps> = ({
             </Typography>
           )}
         </View>
-        <Typography
-          color={colorScheme.text}
-          numberOfLines={1}
-          preset="xs/line-height-small"
-          style={styles.time}
-          testID={concatTestID(testID, 'timeLabel')}>
-          {time}
-        </Typography>
+        {accessoryView}
       </View>
     </TouchableOpacity>
   );
@@ -110,15 +113,6 @@ const styles = StyleSheet.create({
     marginBottom: 12,
     paddingBottom: 12,
   },
-  historyItemContainer: {
-    paddingHorizontal: 12,
-  },
-  historyItemWrapper: {
-    alignItems: 'center',
-    borderBottomWidth: 1,
-    flexDirection: 'row',
-    paddingVertical: 12,
-  },
   label: {
     marginBottom: 2,
   },
@@ -126,6 +120,15 @@ const styles = StyleSheet.create({
     flex: 1,
     marginHorizontal: 12,
   },
+  listItemContainer: {
+    paddingHorizontal: 12,
+  },
+  listItemWrapper: {
+    alignItems: 'center',
+    borderBottomWidth: 1,
+    flexDirection: 'row',
+    paddingVertical: 12,
+  },
   shaded: {
     opacity: 0.7,
   },
@@ -138,4 +141,4 @@ const styles = StyleSheet.create({
   },
 });
 
-export default HistoryItemView;
+export default ListItemView;

package/src/ui-components/list/wallet/empty-list.tsx

@@ -9,8 +9,8 @@ import { Typography } from '../../text';
 import { useAppColorScheme } from '../../theme';
 
 type WalletEmptyListProps = {
-  onScanPress: () => void;
-  scanButtonTitle: string;
+  onScanPress?: () => void;
+  scanButtonTitle?: string;
   subtitle: string;
   testID: string;
   title: string;
@@ -19,6 +19,7 @@ type WalletEmptyListProps = {
 const WalletEmptyList: FC<WalletEmptyListProps> = ({ onScanPress, scanButtonTitle, subtitle, testID, title }) => {
   const safeAreaInsets = useSafeAreaInsets();
   const colorScheme = useAppColorScheme();
+  const showButton = Boolean(onScanPress && scanButtonTitle);
 
   return (
     <View style={styles.empty}>
@@ -38,12 +39,14 @@ const WalletEmptyList: FC<WalletEmptyListProps> = ({ onScanPress, scanButtonTitl
         {subtitle}
       </Typography>
       <NoCredentialsIcon style={styles.emptyIcon} />
-      <Button
-        onPress={onScanPress}
-        style={[styles.emptyButton, { bottom: Math.max(24, safeAreaInsets.bottom) }]}
-        testID={concatTestID(testID, 'scanQrCode')}
-        title={scanButtonTitle}
-      />
+      {showButton && (
+        <Button
+          onPress={onScanPress}
+          style={[styles.emptyButton, { bottom: Math.max(24, safeAreaInsets.bottom) }]}
+          testID={concatTestID(testID, 'scanQrCode')}
+          title={scanButtonTitle!}
+        />
+      )}
     </View>
   );
 };

package/src/ui-components/notice/wallet-notice.tsx

@@ -45,10 +45,12 @@ const WalletNotice: FunctionComponent<WalletNoticeProps> = ({ accessory, icon, s
   }, [accessory]);
 
   return (
-    <View style={[styles.noticeContainer, style]}>
+    <View style={[styles.noticeContainer, style]} testID={testID}>
       <View style={styles.title}>
         {iconView}
-        <Typography color={colorScheme.white}>{text}</Typography>
+        <Typography color={colorScheme.white} testID={concatTestID(testID, 'label')}>
+          {text}
+        </Typography>
         {accessoryView}
       </View>
       {onClose && (

package/src/ui-components/text/expandableTypography.tsx

@@ -0,0 +1,71 @@
+import React, { useCallback, useState } from 'react';
+import { StyleSheet, View } from 'react-native';
+
+import { concatTestID } from '../../utils';
+import { Button, ButtonType } from '../buttons';
+import { useAppColorScheme } from '../theme/color-scheme-context';
+import Typography, { TypographyProps } from './typography';
+
+const testID = 'expandableTypography';
+
+export type ExpandableTypographyProps = TypographyProps & {
+  numberOfLines?: number;
+  hideExpandButton?: boolean;
+  moreLabel?: string;
+  lessLabel?: string;
+};
+
+const ExpandableTypography: React.FC<ExpandableTypographyProps> = ({
+  numberOfLines = 3,
+  hideExpandButton,
+  moreLabel = 'More',
+  lessLabel = 'Less',
+  style,
+  ...props
+}) => {
+  const colorScheme = useAppColorScheme();
+  const [expanded, setExpanded] = useState(false);
+  const [isTruncated, setIsTruncated] = useState(false);
+
+  const handlePress = useCallback(() => {
+    setExpanded((prev) => !prev);
+  }, []);
+
+  return (
+    <View style={[style]}>
+      <Typography
+        {...props}
+        numberOfLines={undefined}
+        style={[styles.hiddenTypography]}
+        onTextLayout={(e) => {
+          setIsTruncated(e.nativeEvent.lines.length > numberOfLines);
+        }}
+      />
+      <Typography {...props} numberOfLines={expanded ? undefined : numberOfLines} />
+      {(isTruncated || expanded) && !hideExpandButton && (
+        <Button
+          onPress={handlePress}
+          type={ButtonType.Secondary}
+          style={[
+            styles.button,
+            {
+              backgroundColor: colorScheme.background,
+            },
+          ]}
+          testID={concatTestID(testID, 'showMore')}
+          title={expanded ? lessLabel : moreLabel}
+        />
+      )}
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  button: {
+    marginTop: 10,
+    paddingVertical: 12,
+  },
+  hiddenTypography: { opacity: 0, position: 'absolute', zIndex: -1 },
+});
+
+export default ExpandableTypography;

package/src/ui-components/text/index.ts

@@ -1,4 +1,5 @@
+import ExpandableTypography, { ExpandableTypographyProps } from './expandableTypography';
 import type { TypographyProps } from './typography';
 import Typography from './typography';
 
-export { Typography, TypographyProps };
+export { ExpandableTypography, ExpandableTypographyProps, Typography, TypographyProps };

package/src/utils/hooks/core/credential-schemas.ts

@@ -43,7 +43,7 @@ export const useCredentialSchemaPreview = (url: string) => {
         if (!response.ok) {
           throw response.originalError;
         }
-        return response.data as ImportCredentialSchemaRequestSchema;
+        return prepareImportCredentialSchema(response.data);
       }),
     {
       keepPreviousData: true,
@@ -51,6 +51,28 @@ export const useCredentialSchemaPreview = (url: string) => {
   );
 };
 
+const prepareImportCredentialSchema = (data: unknown): ImportCredentialSchemaRequestSchema => {
+  if (!data || typeof data !== 'object') {
+    throw Error('Invalid credential schema data');
+  }
+
+  if ('formats' in data) {
+    // v2 schema: just return
+    return data as ImportCredentialSchemaRequestSchema;
+  }
+
+  // v1 schema: convert format
+  const schema = data as Record<string, any>;
+  const format = schema.format;
+  const schemaId = schema.schemaId;
+  const revocationMethod = schema.revocationMethod;
+  return {
+    ...schema,
+    formats: [{ format, schemaId }],
+    allowRevocation: Boolean(revocationMethod),
+  } as unknown as ImportCredentialSchemaRequestSchema;
+};
+
 export const useCredentialSchemaAccept = () => {
   const queryClient = useQueryClient();
   const { core, organisationId } = useONECore();

package/src/utils/hooks/core/wallet-unit.ts

@@ -1,4 +1,5 @@
 import {
+  HolderActivateWalletUnitRequest,
   HolderRegisterWalletUnitRequest,
   HolderWalletUnit,
   HolderWalletUnitUpdateRequest,
@@ -60,6 +61,26 @@ export const useRegisterWalletUnit = () => {
   );
 };
 
+export const useActivateWalletUnit = () => {
+  const queryClient = useQueryClient();
+  const { core } = useONECore();
+
+  return useMutation(
+    async ({ id, userIdToken }: { id: string; userIdToken: HolderActivateWalletUnitRequest['userIdToken'] }) =>
+      core.holderActivateWalletUnit(id, {
+        keyType: 'ECDSA',
+        userIdToken,
+      }),
+
+    {
+      onSuccess: async () => {
+        await queryClient.invalidateQueries(WALLET_UNIT_QUERY_KEY);
+        await queryClient.invalidateQueries(WALLET_UNIT_TRUST_COLLECTIONS_QUERY_KEY);
+      },
+    },
+  );
+};
+
 export const useWalletUnitStatus = () => {
   const queryClient = useQueryClient();
   const { core } = useONECore();

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

@@ -3,6 +3,7 @@ import {
   ClaimValue,
   CoreConfig,
   CredentialQueryFailureHint,
+  CredentialType,
   PresentationDefinitionV2Claim,
   PresentationDefinitionV2ClaimValue,
   PresentationDefinitionV2Credential,
@@ -178,7 +179,7 @@ export const shareCredentialCardFromV2PresentationCredential = (
   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 = purpose
@@ -190,10 +191,7 @@ export const shareCredentialCardFromV2PresentationCredential = (
   const cardTestId = concatTestID(testID, 'card');
   const card = credential
     ? validityCheckedCardFromCredential(
-        {
-          ...credential,
-          claims: [],
-        },
+        credential,
         expanded,
         selectiveDisclosureSupported,
         multipleCredentialsAvailable,
@@ -224,7 +222,7 @@ export const selectCredentialCardFromV2Credential = (
   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;
@@ -240,6 +238,7 @@ export const selectCredentialCardFromV2Credential = (
     {
       ...credential,
       claims: credential.claims.map(v2PresentationClaimToClaim),
+      type: CredentialType.SINGLE,
     },
     credential.claims.map(v2PresentationClaimToClaim),
     config,

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

@@ -2,8 +2,11 @@ import {
   Claim,
   CoreConfig,
   CredentialDetail,
+  CredentialListItem,
+  CredentialType,
   PresentationDefinitionField,
   PresentationDefinitionRequestedCredential,
+  PresentationDefinitionV2Credential,
 } from '@procivis/react-native-one-core';
 import React from 'react';
 
@@ -19,6 +22,7 @@ import { CredentialNoticeWarningIcon, CredentialWarningIcon, RequiredAttributeIc
 import { concatTestID } from '../testID';
 import {
   CardLabels,
+  credentialDetailFromPresentationV2Credential,
   CredentialDetailsCardPropsWithoutWidth,
   detailsCardAttributeFromClaim,
   getCredentialCardPropsFromCredential,
@@ -29,7 +33,7 @@ import {
 } from './credential';
 
 export const validityCheckedCardFromCredential = (
-  credential: CredentialDetail,
+  credential: CredentialDetail | PresentationDefinitionV2Credential,
   expanded: boolean,
   selectiveDisclosureSupported: boolean | undefined,
   multipleCredentialsAvailable: boolean,
@@ -55,6 +59,12 @@ export const validityCheckedCardFromCredential = (
       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,
@@ -64,7 +74,7 @@ export const validityCheckedCardFromCredential = (
   }
 
   const card = getCredentialCardPropsFromCredential(
-    credential,
+    credentialDetailFromPresentationV2Credential(credential),
     credential.claims,
     config,
     notice,
@@ -264,10 +274,11 @@ export type ShareCredentialCardLabels = CardLabels & {
   missingAttribute: string;
   missingCredential: string;
   multipleCredentials: string;
+  disclosurePolicyViolation: string;
 };
 
 export const shareCredentialCardFromCredential = (
-  credential: CredentialDetail | undefined,
+  credential: CredentialDetail | PresentationDefinitionV2Credential | undefined,
   expanded: boolean,
   multipleCredentialsAvailable: boolean,
   request: PresentationDefinitionRequestedCredential,
@@ -277,10 +288,10 @@ export const shareCredentialCardFromCredential = (
   labels: ShareCredentialCardLabels,
   language: string | undefined,
 ): CredentialDetailsCardPropsWithoutWidth => {
-  const selectiveDisclosureSupported = supportsSelectiveDisclosure(
-    credential ? { ...credential, issuer: credential.issuer?.id } : undefined,
-    config,
-  );
+  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(
@@ -295,11 +306,11 @@ export const shareCredentialCardFromCredential = (
         language,
       )
     : missingCredentialCardFromRequest(request, undefined, cardTestId, labels);
-  const validityState = getValidityState(credential ? { ...credential, issuer: credential.issuer?.id } : undefined);
+  const validityState = getValidityState(credentialAsListItem);
   const displayedAttributes = getDisplayedAttributes(
     request,
     validityState,
-    credential,
+    credential ? credentialDetailFromPresentationV2Credential(credential) : undefined,
     selectiveDisclosureSupported,
     selectedFields,
   );

package/src/utils/parsers/credential.ts

@@ -5,8 +5,10 @@ import {
   CredentialListItem,
   CredentialSchemaListItem,
   CredentialState,
+  CredentialType,
   DataType,
   FormatFeature,
+  PresentationDefinitionV2Credential,
 } from '@procivis/react-native-one-core';
 import { FC } from 'react';
 import { SvgProps } from 'react-native-svg';
@@ -180,7 +182,7 @@ export const cardHeaderFromCredential = (
     statusIcon,
   } = credentialDetailFromCredential(credential, claims, config, testID, labels, language);
   const { layoutProperties } = credential.schema;
-  const defaultLanguage = config.defaultLanguage;
+  const defaultLanguage = config.globalSettings.defaultLanguage;
 
   return {
     color: layoutProperties?.logo?.backgroundColor,
@@ -217,7 +219,7 @@ export const getCredentialCardPropsFromCredential = (
   language: string | undefined,
 ): Omit<CredentialCardProps, 'onHeaderPress' | 'style' | 'width'> => {
   const { layoutProperties } = credential.schema;
-  const defaultLanguage = config.defaultLanguage;
+  const defaultLanguage = config.globalSettings.defaultLanguage;
 
   if (hasMsoValidityIssues(credential)) {
     notice = {
@@ -255,7 +257,7 @@ export const detailsCardAttributeFromClaim = (
   language: string | undefined,
 ): CredentialAttribute => {
   const value = detailsCardAttributeValueFromClaim(claim, config, testID, language);
-  const defaultLanguage = config.defaultLanguage;
+  const defaultLanguage = config.globalSettings.defaultLanguage;
   return {
     id: claim.path,
     name: getTranslatedLabel(claim.schema.translations.name, language, defaultLanguage) ?? claim.path.split('/').pop(),
@@ -449,3 +451,12 @@ export function getCredentialSchemaWithoutImages<T extends CredentialSchemaListI
     },
   };
 }
+
+export function credentialDetailFromPresentationV2Credential(
+  presentationCredential: CredentialDetail | PresentationDefinitionV2Credential,
+): CredentialDetail {
+  return {
+    type: CredentialType.SINGLE,
+    ...presentationCredential,
+  };
+}

package/src/utils/parsers/query.ts

@@ -47,6 +47,8 @@ export const getQueryKeyFromCredentialListQueryParams = (queryParams: Partial<Cr
     'issuanceDateBefore',
     'revocationDateAfter',
     'revocationDateBefore',
+    'types',
+    'parentId',
   ]);
 };
 

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

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_testID","_accessibilityHistoryWrappers","_typography","_interopRequireDefault","_colorSchemeContext","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","HistoryItemView","first","icon","label","info","last","style","time","onPress","testID","colorScheme","useAppColorScheme","iconView","useMemo","React","isValidElement","IconComponent","createElement","TouchableOpacity","disabled","styles","historyItemContainer","backgroundColor","white","containerFirst","containerLast","View","historyItemWrapper","borderColor","background","wrapperLast","labelAndInfo","color","text","numberOfLines","preset","concatTestID","Boolean","shaded","StyleSheet","create","borderTopLeftRadius","borderTopRightRadius","marginTop","paddingTop","borderBottomLeftRadius","borderBottomRightRadius","marginBottom","paddingBottom","paddingHorizontal","alignItems","borderBottomWidth","flexDirection","paddingVertical","flex","marginHorizontal","opacity","marginRight","_default","exports"],"sources":["history-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 HistoryItemViewProps = {\n  first?: boolean;\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 HistoryItemView: FC<HistoryItemViewProps> = ({\n  first,\n  icon,\n  label,\n  info,\n  last,\n  style,\n  time,\n  onPress,\n  testID,\n}) => {\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        },\n        first && styles.containerFirst,\n        last && styles.containerLast,\n        style,\n      ]}\n      testID={testID}>\n      <View\n        style={[\n          styles.historyItemWrapper,\n          {\n            backgroundColor: colorScheme.white,\n            borderColor: colorScheme.background,\n          },\n          last && styles.wrapperLast,\n        ]}>\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.time}\n          testID={concatTestID(testID, 'timeLabel')}>\n          {time}\n        </Typography>\n      </View>\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  containerFirst: {\n    borderTopLeftRadius: 20,\n    borderTopRightRadius: 20,\n    marginTop: 8,\n    paddingTop: 12,\n  },\n  containerLast: {\n    borderBottomLeftRadius: 20,\n    borderBottomRightRadius: 20,\n    marginBottom: 12,\n    paddingBottom: 12,\n  },\n  historyItemContainer: {\n    paddingHorizontal: 12,\n  },\n  historyItemWrapper: {\n    alignItems: 'center',\n    borderBottomWidth: 1,\n    flexDirection: 'row',\n    paddingVertical: 12,\n  },\n  label: {\n    marginBottom: 2,\n  },\n  labelAndInfo: {\n    flex: 1,\n    marginHorizontal: 12,\n  },\n  shaded: {\n    opacity: 0.7,\n  },\n  time: {\n    marginRight: 8,\n    opacity: 0.7,\n  },\n  wrapperLast: {\n    borderBottomWidth: 0,\n  },\n});\n\nexport default HistoryItemView;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","useMemo","StyleSheet","View","concatTestID","TouchableOpacity","Typography","useAppColorScheme","HistoryItemView","first","icon","label","info","last","style","time","onPress","testID","colorScheme","iconView","isValidElement","IconComponent","createElement","disabled","styles","historyItemContainer","backgroundColor","white","containerFirst","containerLast","historyItemWrapper","borderColor","background","wrapperLast","labelAndInfo","color","text","numberOfLines","preset","Boolean","shaded","create","borderTopLeftRadius","borderTopRightRadius","marginTop","paddingTop","borderBottomLeftRadius","borderBottomRightRadius","marginBottom","paddingBottom","paddingHorizontal","alignItems","borderBottomWidth","flexDirection","paddingVertical","flex","marginHorizontal","opacity","marginRight"],"sources":["history-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 HistoryItemViewProps = {\n  first?: boolean;\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 HistoryItemView: FC<HistoryItemViewProps> = ({\n  first,\n  icon,\n  label,\n  info,\n  last,\n  style,\n  time,\n  onPress,\n  testID,\n}) => {\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        },\n        first && styles.containerFirst,\n        last && styles.containerLast,\n        style,\n      ]}\n      testID={testID}>\n      <View\n        style={[\n          styles.historyItemWrapper,\n          {\n            backgroundColor: colorScheme.white,\n            borderColor: colorScheme.background,\n          },\n          last && styles.wrapperLast,\n        ]}>\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.time}\n          testID={concatTestID(testID, 'timeLabel')}>\n          {time}\n        </Typography>\n      </View>\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  containerFirst: {\n    borderTopLeftRadius: 20,\n    borderTopRightRadius: 20,\n    marginTop: 8,\n    paddingTop: 12,\n  },\n  containerLast: {\n    borderBottomLeftRadius: 20,\n    borderBottomRightRadius: 20,\n    marginBottom: 12,\n    paddingBottom: 12,\n  },\n  historyItemContainer: {\n    paddingHorizontal: 12,\n  },\n  historyItemWrapper: {\n    alignItems: 'center',\n    borderBottomWidth: 1,\n    flexDirection: 'row',\n    paddingVertical: 12,\n  },\n  label: {\n    marginBottom: 2,\n  },\n  labelAndInfo: {\n    flex: 1,\n    marginHorizontal: 12,\n  },\n  shaded: {\n    opacity: 0.7,\n  },\n  time: {\n    marginRight: 8,\n    opacity: 0.7,\n  },\n  wrapperLast: {\n    borderBottomWidth: 0,\n  },\n});\n\nexport default HistoryItemView;\n"],"mappings":"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","ignoreList":[]}