@procivis/one-react-native-components 0.3.102 → 0.3.112

package/lib/module/components/proof-request/v2/share-credential-v2-group.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","StyleSheet","Animated","LinearTransition","BlurView","CredentialCardShadow","DownIcon","Selector","SelectorStatus","TouchableOpacity","UpIcon","CredentialGroupHeader","concatTestID","useCredentialListExpandedCard","GroupedShareCredentialV2Padding","ShareCredentialV2","multipleCredentialsSelected","selectedCredentials","credentialRequestId","Array","isArray","length","numberOfCardsForRequest","selection","heightForNumberOfCards","numberOfCards","ShareCredentialV2Group","labels","lastGroup","onGroupSelect","onImagePreview","onSelectCredential","onSelectField","presentationDefinition","requestGroup","selected","style","testID","valid","expandedCredential","onHeaderPress","reduce","acc","groupId","singleCredentialGroup","headerPressHandler","onNestedCardHeaderPress","credentialId","credentialCards","flatMap","credentialRequestIndex","credentialRequestsLength","lastQuery","credentialQuery","credentialQueries","credentialOrFailureHint","defaultSelection","type_","_credentialQuery$appl","applicableCredentials","id","userSelections","request","credentialSelections","credentialRequest","credentialIndex","credentialsLength","selectedFields","cardId","lastItem","cardExpanded","headerAccessory","createElement","status","SelectedRadio","Empty","expanded","grouped","key","selectedCredentialId","styles","requestedCredential","requestedCredentialLast","groupHeaderAccessory","View","layout","animatedWrapper","height","undefined","groupedCredentialsWrapper","blurStyle","darkMode","absoluteFill","onPress","accessory","name","groupHeader","header","create","borderRadius","borderWidth","overflow","paddingBottom","marginBottom"],"sources":["share-credential-v2-group.tsx"],"sourcesContent":["import {\n  CredentialListItemBindingDto,\n  PresentationDefinitionV2ClaimBindingDto,\n  PresentationDefinitionV2ResponseBindingDto,\n  PresentationSubmitV2CredentialRequestBindingDto,\n} from '@procivis/react-native-one-core';\nimport React, { FC, useCallback, useMemo } from 'react';\nimport { ImageSourcePropType, StyleProp, StyleSheet, ViewStyle } from 'react-native';\nimport Animated, { LinearTransition } from 'react-native-reanimated';\n\nimport {\n  BlurView,\n  CredentialCardShadow,\n  DownIcon,\n  Selector,\n  SelectorStatus,\n  TouchableOpacity,\n  UpIcon,\n} from '../../../ui-components';\nimport CredentialGroupHeader from '../../../ui-components/credential/group/credential-group-header';\nimport { concatTestID, useCredentialListExpandedCard } from '../../../utils';\nimport { ShareCredentialLabels } from '../v1/share-credential';\nimport { GroupedShareCredentialV2Padding, ShareCredentialV2 } from './share-credential-v2';\n\nexport type CredentialQuerySelection = Record<\n  string,\n  PresentationSubmitV2CredentialRequestBindingDto | PresentationSubmitV2CredentialRequestBindingDto[]\n>;\n\nexport type ShareCredentialGroupLabels = ShareCredentialLabels & {\n  groupHeader: string;\n};\n\nexport type ShareCredentialV2GroupProps = {\n  labels: ShareCredentialGroupLabels;\n  lastGroup: boolean;\n  onGroupSelect?: (selected: boolean) => void;\n  onImagePreview: (title: string, image: ImageSourcePropType) => void;\n  onSelectCredential: (requestCredentialId: string) => () => void;\n  onSelectField: (\n    requestCredentialId: string,\n  ) => (\n    credentialId: CredentialListItemBindingDto['id'],\n    fieldPath: PresentationDefinitionV2ClaimBindingDto['path'],\n    selected: boolean,\n  ) => void;\n  presentationDefinition: PresentationDefinitionV2ResponseBindingDto;\n  requestGroup: string[];\n  selected?: boolean;\n  selectedCredentials?: CredentialQuerySelection;\n  style?: StyleProp<ViewStyle>;\n  testID: string;\n  valid: boolean;\n};\n\nconst multipleCredentialsSelected = (\n  selectedCredentials: CredentialQuerySelection | undefined,\n  credentialRequestId: string,\n) => {\n  return (\n    selectedCredentials &&\n    selectedCredentials[credentialRequestId] &&\n    Array.isArray(selectedCredentials[credentialRequestId]) &&\n    (selectedCredentials[credentialRequestId] as PresentationSubmitV2CredentialRequestBindingDto[]).length > 1\n  );\n};\n\nconst numberOfCardsForRequest = (\n  selectedCredentials: CredentialQuerySelection | undefined,\n  credentialRequestId: string,\n) => {\n  if (!selectedCredentials || !selectedCredentials[credentialRequestId]) {\n    return 1;\n  }\n  const selection = selectedCredentials[credentialRequestId];\n  if (Array.isArray(selection)) {\n    return selection.length;\n  }\n  return 1;\n};\n\nconst heightForNumberOfCards = (numberOfCards: number) => 60 * (numberOfCards + 1) + 12 * numberOfCards;\n\nexport const ShareCredentialV2Group: FC<ShareCredentialV2GroupProps> = ({\n  labels,\n  lastGroup,\n  onGroupSelect,\n  onImagePreview,\n  onSelectCredential,\n  onSelectField,\n  presentationDefinition,\n  requestGroup,\n  selected,\n  selectedCredentials = {},\n  style,\n  testID,\n  valid,\n}) => {\n  const { expandedCredential, onHeaderPress } = useCredentialListExpandedCard();\n  const numberOfCards = requestGroup.reduce(\n    (acc, groupId) => acc + numberOfCardsForRequest(selectedCredentials, groupId),\n    0,\n  );\n  const singleCredentialGroup =\n    requestGroup.length === 1 && !multipleCredentialsSelected(selectedCredentials, requestGroup[0]);\n\n  const headerPressHandler = useCallback(() => {\n    onGroupSelect?.(!selected);\n  }, [selected, onGroupSelect]);\n\n  const onNestedCardHeaderPress = useCallback(\n    (credentialId: string) => () => {\n      if (!selected) {\n        onGroupSelect?.(true);\n      }\n      onHeaderPress(credentialId);\n    },\n    [selected, onGroupSelect, onHeaderPress],\n  );\n\n  const credentialCards = useMemo(() => {\n    return requestGroup.flatMap((credentialRequestId, credentialRequestIndex, { length: credentialRequestsLength }) => {\n      const lastQuery = credentialRequestIndex === credentialRequestsLength - 1;\n\n      const credentialQuery = presentationDefinition.credentialQueries[credentialRequestId].credentialOrFailureHint;\n      let defaultSelection: PresentationSubmitV2CredentialRequestBindingDto;\n      if (credentialQuery.type_ === 'APPLICABLE_CREDENTIALS') {\n        defaultSelection = credentialQuery.applicableCredentials?.[0]\n          ? {\n              credentialId: credentialQuery.applicableCredentials[0].id,\n              userSelections: [],\n            }\n          : {\n              credentialId: '',\n              userSelections: [],\n            };\n      } else {\n        defaultSelection = {\n          credentialId: '',\n          userSelections: [],\n        };\n      }\n      const request = selectedCredentials[credentialRequestId];\n      const credentialSelections = request ? (Array.isArray(request) ? request : [request]) : [defaultSelection];\n\n      return credentialSelections?.flatMap((credentialRequest, credentialIndex, { length: credentialsLength }) => {\n        const selectedFields = credentialRequest.userSelections;\n        const cardId = `${credentialRequestId}-${credentialRequest.credentialId}`;\n        const lastItem = singleCredentialGroup ? lastGroup : lastQuery && credentialIndex === credentialsLength - 1;\n        const cardExpanded = selected && (singleCredentialGroup || expandedCredential === cardId);\n        const headerAccessory =\n          singleCredentialGroup && valid ? (\n            <Selector status={selected ? SelectorStatus.SelectedRadio : SelectorStatus.Empty} />\n          ) : cardExpanded ? (\n            UpIcon\n          ) : (\n            DownIcon\n          );\n        return (\n          <ShareCredentialV2\n            credentialQuery={credentialQuery}\n            credentialRequestId={credentialRequestId}\n            expanded={cardExpanded}\n            grouped={!singleCredentialGroup}\n            headerAccessory={headerAccessory}\n            key={credentialRequestId}\n            labels={labels}\n            lastItem={lastItem}\n            onHeaderPress={singleCredentialGroup ? headerPressHandler : onNestedCardHeaderPress(cardId)}\n            onImagePreview={onImagePreview}\n            onSelectCredential={onSelectCredential?.(credentialRequestId)}\n            onSelectField={onSelectField(credentialRequestId)}\n            selectedCredentialId={credentialRequest.credentialId}\n            selectedFields={selectedFields}\n            style={[!singleCredentialGroup && styles.requestedCredential, lastItem && styles.requestedCredentialLast]}\n            testID={concatTestID(testID, credentialRequestId)}\n          />\n        );\n      });\n    });\n  }, [\n    expandedCredential,\n    labels,\n    lastGroup,\n    headerPressHandler,\n    onImagePreview,\n    onNestedCardHeaderPress,\n    onSelectCredential,\n    onSelectField,\n    presentationDefinition.credentialQueries,\n    requestGroup,\n    selected,\n    selectedCredentials,\n    singleCredentialGroup,\n    testID,\n    valid,\n  ]);\n\n  if (singleCredentialGroup) {\n    return credentialCards[0];\n  }\n\n  const groupHeaderAccessory = valid ? (\n    <Selector status={selected ? SelectorStatus.SelectedRadio : SelectorStatus.Empty} />\n  ) : selected ? (\n    UpIcon\n  ) : (\n    DownIcon\n  );\n\n  return (\n    <Animated.View\n      layout={LinearTransition}\n      style={[\n        styles.animatedWrapper,\n        // eslint-disable-next-line react-native/no-inline-styles\n        {\n          height: selected || lastGroup ? 'auto' : heightForNumberOfCards(numberOfCards),\n        },\n        style,\n      ]}>\n      <Animated.View\n        layout={LinearTransition}\n        style={[\n          singleCredentialGroup ? undefined : styles.groupedCredentialsWrapper,\n          !singleCredentialGroup && styles.requestedCredential,\n          lastGroup && styles.requestedCredentialLast,\n          style,\n        ]}>\n        <BlurView blurStyle=\"strong\" darkMode={true} style={StyleSheet.absoluteFill} />\n        <TouchableOpacity onPress={headerPressHandler}>\n          <CredentialGroupHeader accessory={groupHeaderAccessory} name={labels.groupHeader} style={styles.header} />\n        </TouchableOpacity>\n        {credentialCards}\n      </Animated.View>\n    </Animated.View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  animatedWrapper: {\n    ...CredentialCardShadow,\n  },\n  groupedCredentialsWrapper: {\n    borderRadius: 10 + GroupedShareCredentialV2Padding,\n    borderWidth: 0,\n    overflow: 'hidden',\n    paddingBottom: GroupedShareCredentialV2Padding,\n  },\n  header: {\n    marginBottom: GroupedShareCredentialV2Padding,\n  },\n  requestedCredential: {\n    marginBottom: 12,\n  },\n  requestedCredentialLast: {\n    marginBottom: 0,\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useMemo","StyleSheet","Animated","LinearTransition","BlurView","CredentialCardShadow","DownIcon","Selector","SelectorStatus","TouchableOpacity","UpIcon","CredentialGroupHeader","concatTestID","useCredentialListExpandedCard","GroupedShareCredentialV2Padding","ShareCredentialV2","multipleCredentialsSelected","selectedCredentials","credentialRequestId","Array","isArray","length","numberOfCardsForRequest","selection","heightForNumberOfCards","numberOfCards","ShareCredentialV2Group","labels","lastGroup","onGroupSelect","onImagePreview","onSelectCredential","onSelectField","presentationDefinition","requestGroup","selected","style","testID","valid","expandedCredential","onHeaderPress","reduce","acc","groupId","singleCredentialGroup","headerPressHandler","onNestedCardHeaderPress","credentialId","credentialCards","flatMap","credentialRequestIndex","credentialRequestsLength","lastQuery","credentialQuery","credentialQueries","credentialOrFailureHint","defaultSelection","type_","_credentialQuery$appl","applicableCredentials","id","userSelections","request","credentialSelections","credentialRequest","credentialIndex","credentialsLength","selectedFields","cardId","lastItem","cardExpanded","headerAccessory","createElement","status","SelectedRadio","Empty","expanded","grouped","key","selectedCredentialId","styles","requestedCredential","requestedCredentialLast","groupHeaderAccessory","View","layout","animatedWrapper","height","undefined","groupedCredentialsWrapper","blurStyle","darkMode","absoluteFill","onPress","accessory","name","groupHeader","header","create","borderRadius","borderWidth","overflow","paddingBottom","marginBottom"],"sources":["share-credential-v2-group.tsx"],"sourcesContent":["import {\n  CredentialListItem,\n  PresentationDefinitionV2,\n  PresentationDefinitionV2Claim,\n  PresentationSubmitV2CredentialRequest,\n} from '@procivis/react-native-one-core';\nimport React, { FC, useCallback, useMemo } from 'react';\nimport { ImageSourcePropType, StyleProp, StyleSheet, ViewStyle } from 'react-native';\nimport Animated, { LinearTransition } from 'react-native-reanimated';\n\nimport {\n  BlurView,\n  CredentialCardShadow,\n  DownIcon,\n  Selector,\n  SelectorStatus,\n  TouchableOpacity,\n  UpIcon,\n} from '../../../ui-components';\nimport CredentialGroupHeader from '../../../ui-components/credential/group/credential-group-header';\nimport { concatTestID, useCredentialListExpandedCard } from '../../../utils';\nimport { ShareCredentialLabels } from '../v1/share-credential';\nimport { GroupedShareCredentialV2Padding, ShareCredentialV2 } from './share-credential-v2';\n\nexport type CredentialQuerySelection = Record<\n  string,\n  PresentationSubmitV2CredentialRequest | PresentationSubmitV2CredentialRequest[]\n>;\n\nexport type ShareCredentialGroupLabels = ShareCredentialLabels & {\n  groupHeader: string;\n};\n\nexport type ShareCredentialV2GroupProps = {\n  labels: ShareCredentialGroupLabels;\n  lastGroup: boolean;\n  onGroupSelect?: (selected: boolean) => void;\n  onImagePreview: (title: string, image: ImageSourcePropType) => void;\n  onSelectCredential: (requestCredentialId: string) => () => void;\n  onSelectField: (\n    requestCredentialId: string,\n  ) => (\n    credentialId: CredentialListItem['id'],\n    fieldPath: PresentationDefinitionV2Claim['path'],\n    selected: boolean,\n  ) => void;\n  presentationDefinition: PresentationDefinitionV2;\n  requestGroup: string[];\n  selected?: boolean;\n  selectedCredentials?: CredentialQuerySelection;\n  style?: StyleProp<ViewStyle>;\n  testID: string;\n  valid: boolean;\n};\n\nconst multipleCredentialsSelected = (\n  selectedCredentials: CredentialQuerySelection | undefined,\n  credentialRequestId: string,\n) => {\n  return (\n    selectedCredentials &&\n    selectedCredentials[credentialRequestId] &&\n    Array.isArray(selectedCredentials[credentialRequestId]) &&\n    (selectedCredentials[credentialRequestId] as PresentationSubmitV2CredentialRequest[]).length > 1\n  );\n};\n\nconst numberOfCardsForRequest = (\n  selectedCredentials: CredentialQuerySelection | undefined,\n  credentialRequestId: string,\n) => {\n  if (!selectedCredentials || !selectedCredentials[credentialRequestId]) {\n    return 1;\n  }\n  const selection = selectedCredentials[credentialRequestId];\n  if (Array.isArray(selection)) {\n    return selection.length;\n  }\n  return 1;\n};\n\nconst heightForNumberOfCards = (numberOfCards: number) => 60 * (numberOfCards + 1) + 12 * numberOfCards;\n\nexport const ShareCredentialV2Group: FC<ShareCredentialV2GroupProps> = ({\n  labels,\n  lastGroup,\n  onGroupSelect,\n  onImagePreview,\n  onSelectCredential,\n  onSelectField,\n  presentationDefinition,\n  requestGroup,\n  selected,\n  selectedCredentials = {},\n  style,\n  testID,\n  valid,\n}) => {\n  const { expandedCredential, onHeaderPress } = useCredentialListExpandedCard();\n  const numberOfCards = requestGroup.reduce(\n    (acc, groupId) => acc + numberOfCardsForRequest(selectedCredentials, groupId),\n    0,\n  );\n  const singleCredentialGroup =\n    requestGroup.length === 1 && !multipleCredentialsSelected(selectedCredentials, requestGroup[0]);\n\n  const headerPressHandler = useCallback(() => {\n    onGroupSelect?.(!selected);\n  }, [selected, onGroupSelect]);\n\n  const onNestedCardHeaderPress = useCallback(\n    (credentialId: string) => () => {\n      if (!selected) {\n        onGroupSelect?.(true);\n      }\n      onHeaderPress(credentialId);\n    },\n    [selected, onGroupSelect, onHeaderPress],\n  );\n\n  const credentialCards = useMemo(() => {\n    return requestGroup.flatMap((credentialRequestId, credentialRequestIndex, { length: credentialRequestsLength }) => {\n      const lastQuery = credentialRequestIndex === credentialRequestsLength - 1;\n\n      const credentialQuery = presentationDefinition.credentialQueries[credentialRequestId].credentialOrFailureHint;\n      let defaultSelection: PresentationSubmitV2CredentialRequest;\n      if (credentialQuery.type_ === 'APPLICABLE_CREDENTIALS') {\n        defaultSelection = credentialQuery.applicableCredentials?.[0]\n          ? {\n              credentialId: credentialQuery.applicableCredentials[0].id,\n              userSelections: [],\n            }\n          : {\n              credentialId: '',\n              userSelections: [],\n            };\n      } else {\n        defaultSelection = {\n          credentialId: '',\n          userSelections: [],\n        };\n      }\n      const request = selectedCredentials[credentialRequestId];\n      const credentialSelections = request ? (Array.isArray(request) ? request : [request]) : [defaultSelection];\n\n      return credentialSelections?.flatMap((credentialRequest, credentialIndex, { length: credentialsLength }) => {\n        const selectedFields = credentialRequest.userSelections;\n        const cardId = `${credentialRequestId}-${credentialRequest.credentialId}`;\n        const lastItem = singleCredentialGroup ? lastGroup : lastQuery && credentialIndex === credentialsLength - 1;\n        const cardExpanded = selected && (singleCredentialGroup || expandedCredential === cardId);\n        const headerAccessory =\n          singleCredentialGroup && valid ? (\n            <Selector status={selected ? SelectorStatus.SelectedRadio : SelectorStatus.Empty} />\n          ) : cardExpanded ? (\n            UpIcon\n          ) : (\n            DownIcon\n          );\n        return (\n          <ShareCredentialV2\n            credentialQuery={credentialQuery}\n            credentialRequestId={credentialRequestId}\n            expanded={cardExpanded}\n            grouped={!singleCredentialGroup}\n            headerAccessory={headerAccessory}\n            key={credentialRequestId}\n            labels={labels}\n            lastItem={lastItem}\n            onHeaderPress={singleCredentialGroup ? headerPressHandler : onNestedCardHeaderPress(cardId)}\n            onImagePreview={onImagePreview}\n            onSelectCredential={onSelectCredential?.(credentialRequestId)}\n            onSelectField={onSelectField(credentialRequestId)}\n            selectedCredentialId={credentialRequest.credentialId}\n            selectedFields={selectedFields}\n            style={[!singleCredentialGroup && styles.requestedCredential, lastItem && styles.requestedCredentialLast]}\n            testID={concatTestID(testID, credentialRequestId)}\n          />\n        );\n      });\n    });\n  }, [\n    expandedCredential,\n    labels,\n    lastGroup,\n    headerPressHandler,\n    onImagePreview,\n    onNestedCardHeaderPress,\n    onSelectCredential,\n    onSelectField,\n    presentationDefinition.credentialQueries,\n    requestGroup,\n    selected,\n    selectedCredentials,\n    singleCredentialGroup,\n    testID,\n    valid,\n  ]);\n\n  if (singleCredentialGroup) {\n    return credentialCards[0];\n  }\n\n  const groupHeaderAccessory = valid ? (\n    <Selector status={selected ? SelectorStatus.SelectedRadio : SelectorStatus.Empty} />\n  ) : selected ? (\n    UpIcon\n  ) : (\n    DownIcon\n  );\n\n  return (\n    <Animated.View\n      layout={LinearTransition}\n      style={[\n        styles.animatedWrapper,\n        // eslint-disable-next-line react-native/no-inline-styles\n        {\n          height: selected || lastGroup ? 'auto' : heightForNumberOfCards(numberOfCards),\n        },\n        style,\n      ]}>\n      <Animated.View\n        layout={LinearTransition}\n        style={[\n          singleCredentialGroup ? undefined : styles.groupedCredentialsWrapper,\n          !singleCredentialGroup && styles.requestedCredential,\n          lastGroup && styles.requestedCredentialLast,\n          style,\n        ]}>\n        <BlurView blurStyle=\"strong\" darkMode={true} style={StyleSheet.absoluteFill} />\n        <TouchableOpacity onPress={headerPressHandler}>\n          <CredentialGroupHeader accessory={groupHeaderAccessory} name={labels.groupHeader} style={styles.header} />\n        </TouchableOpacity>\n        {credentialCards}\n      </Animated.View>\n    </Animated.View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  animatedWrapper: {\n    ...CredentialCardShadow,\n  },\n  groupedCredentialsWrapper: {\n    borderRadius: 10 + GroupedShareCredentialV2Padding,\n    borderWidth: 0,\n    overflow: 'hidden',\n    paddingBottom: GroupedShareCredentialV2Padding,\n  },\n  header: {\n    marginBottom: GroupedShareCredentialV2Padding,\n  },\n  requestedCredential: {\n    marginBottom: 12,\n  },\n  requestedCredentialLast: {\n    marginBottom: 0,\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/lib/module/components/proof-request/v2/share-credential-v2.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","Dimensions","StyleSheet","CredentialDetailsCardListItem","useAppColorScheme","concatTestID","getValidityState","useCoreConfig","ValidityState","shareCredentialCardFromV2PresentationCredential","SelectShareCredentialCardNotice","ShareCredentialCardNotice","GroupedShareCredentialV2Padding","ShareCredentialV2","credentialQuery","credentialRequestId","expanded","grouped","headerAccessory","labels","lastItem","onHeaderPress","onImagePreview","onSelectCredential","onSelectField","selectedCredentialId","selectedFields","style","testID","_applicableCredential","_credential$issuer","colorScheme","applicableCredentials","type_","undefined","failureHint","credential","find","c","id","data","config","cardWidth","get","width","multipleCredentialsAvailable","Boolean","length","validityState","issuer","footer","Revoked","createElement","text","revokedCredentialNotice","Suspended","suspendedCredentialNotice","reason","invalidCredentialNotice","buttonTitle","multipleCredentialsSelect","onPress","multipleCredentialsNotice","onAttributeSelected","fieldPath","selected","card","header","attributes","accessory","credentialId","styles","groupedCredential","bordered","borderColor","background","create","borderWidth","borderRadius","marginBottom","marginHorizontal"],"sources":["share-credential-v2.tsx"],"sourcesContent":["import {\n  ApplicableCredentialOrFailureHintBindingEnum,\n  CredentialListItemBindingDto,\n  PresentationDefinitionV2ClaimBindingDto,\n} from '@procivis/react-native-one-core';\nimport React, { FunctionComponent, useCallback, useMemo } from 'react';\nimport { Dimensions, ImageSourcePropType, StyleProp, StyleSheet, ViewStyle } from 'react-native';\n\nimport { CredentialDetailsCardListItem, useAppColorScheme } from '../../../ui-components';\nimport { concatTestID, getValidityState, useCoreConfig, ValidityState } from '../../../utils';\nimport { shareCredentialCardFromV2PresentationCredential } from '../../../utils/parsers/credential-sharing-v2';\nimport { SelectShareCredentialCardNotice } from '../select-share-credential-card-notice';\nimport { ShareCredentialCardNotice } from '../share-credential-card-notice';\nimport { ShareCredentialLabels } from '../v1';\n\nexport type ShareCredentialV2Props = {\n  credentialQuery: ApplicableCredentialOrFailureHintBindingEnum;\n  credentialRequestId: string;\n  expanded?: boolean;\n  grouped?: boolean;\n  headerAccessory?: React.ComponentType<any> | React.ReactElement;\n  labels: ShareCredentialLabels;\n  lastItem?: boolean;\n  onHeaderPress?: (_credentialId?: string) => void;\n  onImagePreview: (title: string, image: ImageSourcePropType) => void;\n  onSelectCredential?: () => void;\n  onSelectField: (\n    credentialId: CredentialListItemBindingDto['id'],\n    fieldPath: PresentationDefinitionV2ClaimBindingDto['path'],\n    selected: boolean,\n  ) => void;\n  selectedCredentialId?: CredentialListItemBindingDto['id'];\n  selectedFields?: Array<PresentationDefinitionV2ClaimBindingDto['path']>;\n  style?: StyleProp<ViewStyle>;\n  testID: string;\n};\n\nexport const GroupedShareCredentialV2Padding = 4;\n\nexport const ShareCredentialV2: FunctionComponent<ShareCredentialV2Props> = ({\n  credentialQuery,\n  credentialRequestId,\n  expanded,\n  grouped,\n  headerAccessory,\n  labels,\n  lastItem,\n  onHeaderPress,\n  onImagePreview,\n  onSelectCredential,\n  onSelectField,\n  selectedCredentialId,\n  selectedFields,\n  style,\n  testID,\n}) => {\n  const colorScheme = useAppColorScheme();\n  const applicableCredentials =\n    credentialQuery.type_ === 'APPLICABLE_CREDENTIALS' ? credentialQuery.applicableCredentials : undefined;\n  const failureHint = credentialQuery.type_ === 'FAILURE_HINT' ? credentialQuery.failureHint : undefined;\n  const credential = applicableCredentials?.find((c) => c.id === selectedCredentialId) ?? applicableCredentials?.[0];\n  const { data: config } = useCoreConfig();\n  const cardWidth = useMemo(\n    () => Dimensions.get('window').width - 32 - (grouped ? GroupedShareCredentialV2Padding * 2 : 0),\n    [grouped],\n  );\n\n  const multipleCredentialsAvailable = Boolean(applicableCredentials?.length && applicableCredentials.length > 1);\n\n  const validityState = getValidityState(\n    credential\n      ? {\n          ...credential,\n          issuer: credential?.issuer?.id,\n        }\n      : undefined,\n  );\n\n  const footer = useMemo(() => {\n    if (!expanded) {\n      return;\n    }\n    if (validityState === ValidityState.Revoked) {\n      return (\n        <ShareCredentialCardNotice\n          testID={concatTestID(testID, 'notice.revoked')}\n          text={labels.revokedCredentialNotice}\n        />\n      );\n    }\n    if (validityState === ValidityState.Suspended) {\n      return (\n        <ShareCredentialCardNotice\n          testID={concatTestID(testID, 'notice.suspended')}\n          text={labels.suspendedCredentialNotice}\n        />\n      );\n    }\n\n    if (failureHint?.reason === 'VALIDITY') {\n      return (\n        <ShareCredentialCardNotice\n          testID={concatTestID(testID, 'notice.invalid')}\n          text={labels.invalidCredentialNotice}\n        />\n      );\n    }\n\n    if (multipleCredentialsAvailable) {\n      return (\n        <SelectShareCredentialCardNotice\n          buttonTitle={labels.multipleCredentialsSelect}\n          onPress={onSelectCredential}\n          testID={concatTestID(testID, 'notice.multiple')}\n          text={labels.multipleCredentialsNotice}\n        />\n      );\n    }\n  }, [\n    expanded,\n    failureHint?.reason,\n    labels.invalidCredentialNotice,\n    labels.multipleCredentialsNotice,\n    labels.multipleCredentialsSelect,\n    labels.revokedCredentialNotice,\n    labels.suspendedCredentialNotice,\n    multipleCredentialsAvailable,\n    onSelectCredential,\n    testID,\n    validityState,\n  ]);\n\n  const onAttributeSelected = useCallback(\n    (fieldPath: PresentationDefinitionV2ClaimBindingDto['path'], selected: boolean) => {\n      if (!selectedCredentialId) {\n        return;\n      }\n      onSelectField(selectedCredentialId, fieldPath, selected);\n    },\n    [onSelectField, selectedCredentialId],\n  );\n\n  if (!config) {\n    return null;\n  }\n\n  const {\n    card: { header, ...card },\n    attributes,\n  } = shareCredentialCardFromV2PresentationCredential(\n    credential,\n    failureHint,\n    Boolean(expanded),\n    multipleCredentialsAvailable,\n    selectedFields,\n    config,\n    testID,\n    labels,\n  );\n\n  if (headerAccessory) {\n    header.accessory = headerAccessory;\n  }\n\n  return (\n    <CredentialDetailsCardListItem\n      attributes={attributes}\n      card={{\n        ...card,\n        credentialId: credentialRequestId,\n        header,\n        onHeaderPress,\n        width: cardWidth,\n      }}\n      expanded={expanded}\n      footer={footer}\n      lastItem={lastItem}\n      onAttributeSelected={onAttributeSelected}\n      onImagePreview={onImagePreview}\n      style={[\n        styles.credential,\n        grouped ? styles.groupedCredential : styles.bordered,\n        { borderColor: colorScheme.background },\n        style,\n      ]}\n      testID={testID}\n    />\n  );\n};\n\nconst styles = StyleSheet.create({\n  bordered: {\n    borderWidth: 1,\n  },\n  credential: {\n    borderRadius: 10,\n    borderWidth: 0,\n    marginBottom: 8,\n  },\n  groupedCredential: {\n    marginHorizontal: GroupedShareCredentialV2Padding,\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useMemo","Dimensions","StyleSheet","CredentialDetailsCardListItem","useAppColorScheme","concatTestID","getValidityState","useCoreConfig","ValidityState","shareCredentialCardFromV2PresentationCredential","SelectShareCredentialCardNotice","ShareCredentialCardNotice","GroupedShareCredentialV2Padding","ShareCredentialV2","credentialQuery","credentialRequestId","expanded","grouped","headerAccessory","labels","lastItem","onHeaderPress","onImagePreview","onSelectCredential","onSelectField","selectedCredentialId","selectedFields","style","testID","_applicableCredential","_credential$issuer","colorScheme","applicableCredentials","type_","undefined","failureHint","credential","find","c","id","data","config","cardWidth","get","width","multipleCredentialsAvailable","Boolean","length","validityState","issuer","footer","Revoked","createElement","text","revokedCredentialNotice","Suspended","suspendedCredentialNotice","reason","invalidCredentialNotice","buttonTitle","multipleCredentialsSelect","onPress","multipleCredentialsNotice","onAttributeSelected","fieldPath","selected","card","header","attributes","accessory","credentialId","styles","groupedCredential","bordered","borderColor","background","create","borderWidth","borderRadius","marginBottom","marginHorizontal"],"sources":["share-credential-v2.tsx"],"sourcesContent":["import {\n  ApplicableCredentialOrFailureHint,\n  CredentialListItem,\n  PresentationDefinitionV2Claim,\n} from '@procivis/react-native-one-core';\nimport React, { FunctionComponent, useCallback, useMemo } from 'react';\nimport { Dimensions, ImageSourcePropType, StyleProp, StyleSheet, ViewStyle } from 'react-native';\n\nimport { CredentialDetailsCardListItem, useAppColorScheme } from '../../../ui-components';\nimport { concatTestID, getValidityState, useCoreConfig, ValidityState } from '../../../utils';\nimport { shareCredentialCardFromV2PresentationCredential } from '../../../utils/parsers/credential-sharing-v2';\nimport { SelectShareCredentialCardNotice } from '../select-share-credential-card-notice';\nimport { ShareCredentialCardNotice } from '../share-credential-card-notice';\nimport { ShareCredentialLabels } from '../v1';\n\nexport type ShareCredentialV2Props = {\n  credentialQuery: ApplicableCredentialOrFailureHint;\n  credentialRequestId: string;\n  expanded?: boolean;\n  grouped?: boolean;\n  headerAccessory?: React.ComponentType<any> | React.ReactElement;\n  labels: ShareCredentialLabels;\n  lastItem?: boolean;\n  onHeaderPress?: (_credentialId?: string) => void;\n  onImagePreview: (title: string, image: ImageSourcePropType) => void;\n  onSelectCredential?: () => void;\n  onSelectField: (\n    credentialId: CredentialListItem['id'],\n    fieldPath: PresentationDefinitionV2Claim['path'],\n    selected: boolean,\n  ) => void;\n  selectedCredentialId?: CredentialListItem['id'];\n  selectedFields?: Array<PresentationDefinitionV2Claim['path']>;\n  style?: StyleProp<ViewStyle>;\n  testID: string;\n};\n\nexport const GroupedShareCredentialV2Padding = 4;\n\nexport const ShareCredentialV2: FunctionComponent<ShareCredentialV2Props> = ({\n  credentialQuery,\n  credentialRequestId,\n  expanded,\n  grouped,\n  headerAccessory,\n  labels,\n  lastItem,\n  onHeaderPress,\n  onImagePreview,\n  onSelectCredential,\n  onSelectField,\n  selectedCredentialId,\n  selectedFields,\n  style,\n  testID,\n}) => {\n  const colorScheme = useAppColorScheme();\n  const applicableCredentials =\n    credentialQuery.type_ === 'APPLICABLE_CREDENTIALS' ? credentialQuery.applicableCredentials : undefined;\n  const failureHint = credentialQuery.type_ === 'FAILURE_HINT' ? credentialQuery.failureHint : undefined;\n  const credential = applicableCredentials?.find((c) => c.id === selectedCredentialId) ?? applicableCredentials?.[0];\n  const { data: config } = useCoreConfig();\n  const cardWidth = useMemo(\n    () => Dimensions.get('window').width - 32 - (grouped ? GroupedShareCredentialV2Padding * 2 : 0),\n    [grouped],\n  );\n\n  const multipleCredentialsAvailable = Boolean(applicableCredentials?.length && applicableCredentials.length > 1);\n\n  const validityState = getValidityState(\n    credential\n      ? {\n          ...credential,\n          issuer: credential?.issuer?.id,\n        }\n      : undefined,\n  );\n\n  const footer = useMemo(() => {\n    if (!expanded) {\n      return;\n    }\n    if (validityState === ValidityState.Revoked) {\n      return (\n        <ShareCredentialCardNotice\n          testID={concatTestID(testID, 'notice.revoked')}\n          text={labels.revokedCredentialNotice}\n        />\n      );\n    }\n    if (validityState === ValidityState.Suspended) {\n      return (\n        <ShareCredentialCardNotice\n          testID={concatTestID(testID, 'notice.suspended')}\n          text={labels.suspendedCredentialNotice}\n        />\n      );\n    }\n\n    if (failureHint?.reason === 'VALIDITY') {\n      return (\n        <ShareCredentialCardNotice\n          testID={concatTestID(testID, 'notice.invalid')}\n          text={labels.invalidCredentialNotice}\n        />\n      );\n    }\n\n    if (multipleCredentialsAvailable) {\n      return (\n        <SelectShareCredentialCardNotice\n          buttonTitle={labels.multipleCredentialsSelect}\n          onPress={onSelectCredential}\n          testID={concatTestID(testID, 'notice.multiple')}\n          text={labels.multipleCredentialsNotice}\n        />\n      );\n    }\n  }, [\n    expanded,\n    failureHint?.reason,\n    labels.invalidCredentialNotice,\n    labels.multipleCredentialsNotice,\n    labels.multipleCredentialsSelect,\n    labels.revokedCredentialNotice,\n    labels.suspendedCredentialNotice,\n    multipleCredentialsAvailable,\n    onSelectCredential,\n    testID,\n    validityState,\n  ]);\n\n  const onAttributeSelected = useCallback(\n    (fieldPath: PresentationDefinitionV2Claim['path'], selected: boolean) => {\n      if (!selectedCredentialId) {\n        return;\n      }\n      onSelectField(selectedCredentialId, fieldPath, selected);\n    },\n    [onSelectField, selectedCredentialId],\n  );\n\n  if (!config) {\n    return null;\n  }\n\n  const {\n    card: { header, ...card },\n    attributes,\n  } = shareCredentialCardFromV2PresentationCredential(\n    credential,\n    failureHint,\n    Boolean(expanded),\n    multipleCredentialsAvailable,\n    selectedFields,\n    config,\n    testID,\n    labels,\n  );\n\n  if (headerAccessory) {\n    header.accessory = headerAccessory;\n  }\n\n  return (\n    <CredentialDetailsCardListItem\n      attributes={attributes}\n      card={{\n        ...card,\n        credentialId: credentialRequestId,\n        header,\n        onHeaderPress,\n        width: cardWidth,\n      }}\n      expanded={expanded}\n      footer={footer}\n      lastItem={lastItem}\n      onAttributeSelected={onAttributeSelected}\n      onImagePreview={onImagePreview}\n      style={[\n        styles.credential,\n        grouped ? styles.groupedCredential : styles.bordered,\n        { borderColor: colorScheme.background },\n        style,\n      ]}\n      testID={testID}\n    />\n  );\n};\n\nconst styles = StyleSheet.create({\n  bordered: {\n    borderWidth: 1,\n  },\n  credential: {\n    borderRadius: 10,\n    borderWidth: 0,\n    marginBottom: 8,\n  },\n  groupedCredential: {\n    marginHorizontal: GroupedShareCredentialV2Padding,\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/lib/module/ui-components/control/checkbox.js

@@ -38,7 +38,7 @@ export const Checkbox = ({
       borderColor: colorScheme.grayDark,
       backgroundColor: disabled ? colorScheme.background : colorScheme.white
     }]
-  }), /*#__PURE__*/React.createElement(View, {
+  }), text && /*#__PURE__*/React.createElement(View, {
     style: [styles.text, disabled && styles.disabled]
   }, typeof text === 'string' ? /*#__PURE__*/React.createElement(Typography, {
     preset: "xs/line-height-small",

package/lib/module/ui-components/control/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","StyleSheet","View","TouchableOpacity","useAccessibilityTranslation","CheckedIcon","Typography","useAppColorScheme","Checkbox","style","text","value","disabled","onValueChanged","props","t","colorScheme","onPress","createElement","_extends","activeOpacity","accessibilityRole","accessibilityState","accessibilityValue","undefined","styles","container","backgroundColor","background","unchecked","borderColor","grayDark","white","preset","color","create","alignItems","borderRadius","borderWidth","flexDirection","padding","opacity","flex","marginLeft","height","width"],"sources":["checkbox.tsx"],"sourcesContent":["import React, { FC, ReactNode, useCallback } from 'react';\nimport { StyleSheet, TouchableOpacityProps, View } from 'react-native';\n\nimport { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';\nimport { useAccessibilityTranslation } from '../accessibility/accessibilityLanguage';\nimport { CheckedIcon } from '../icons/selector';\nimport { Typography } from '../text';\nimport { useAppColorScheme } from '../theme';\n\nexport interface CheckboxProps extends TouchableOpacityProps {\n  value: boolean;\n  text: ReactNode;\n  onValueChanged: (value: boolean) => void;\n  disabled?: boolean;\n}\n\nexport const Checkbox: FC<CheckboxProps> = ({ style, text, value, disabled, onValueChanged, ...props }) => {\n  const t = useAccessibilityTranslation();\n  const colorScheme = useAppColorScheme();\n\n  const onPress = useCallback(() => onValueChanged(!value), [onValueChanged, value]);\n\n  return (\n    <TouchableOpacity\n      activeOpacity={0.8}\n      accessibilityRole=\"checkbox\"\n      accessibilityState={{ disabled }}\n      accessibilityValue={\n        disabled ? undefined : { text: t(value ? 'accessibility.control.checked' : 'accessibility.control.unchecked') }\n      }\n      disabled={disabled}\n      style={[styles.container, { backgroundColor: colorScheme.background }, style]}\n      onPress={onPress}\n      {...props}>\n      {value ? (\n        <CheckedIcon style={disabled && styles.disabled} />\n      ) : (\n        <View\n          style={[\n            styles.unchecked,\n            {\n              borderColor: colorScheme.grayDark,\n              backgroundColor: disabled ? colorScheme.background : colorScheme.white,\n            },\n          ]}\n        />\n      )}\n      <View style={[styles.text, disabled && styles.disabled]}>\n        {typeof text === 'string' ? (\n          <Typography preset=\"xs/line-height-small\" color={colorScheme.text}>\n            {text}\n          </Typography>\n        ) : (\n          text\n        )}\n      </View>\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    borderRadius: 12,\n    borderWidth: 0,\n    flexDirection: 'row',\n    padding: 12,\n  },\n  disabled: {\n    opacity: 0.4,\n  },\n  text: {\n    flex: 1,\n    marginLeft: 12,\n  },\n  unchecked: {\n    borderRadius: 12,\n    borderWidth: 1,\n    height: 24,\n    width: 24,\n  },\n});\n"],"mappings":";AAAA,OAAOA,KAAK,IAAmBC,WAAW,QAAQ,OAAO;AACzD,SAASC,UAAU,EAAyBC,IAAI,QAAQ,cAAc;AAEtE,SAASC,gBAAgB,QAAQ,+CAA+C;AAChF,SAASC,2BAA2B,QAAQ,wCAAwC;AACpF,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,UAAU,QAAQ,SAAS;AACpC,SAASC,iBAAiB,QAAQ,UAAU;AAS5C,OAAO,MAAMC,QAA2B,GAAGA,CAAC;EAAEC,KAAK;EAAEC,IAAI;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,cAAc;EAAE,GAAGC;AAAM,CAAC,KAAK;EACzG,MAAMC,CAAC,GAAGX,2BAA2B,CAAC,CAAC;EACvC,MAAMY,WAAW,GAAGT,iBAAiB,CAAC,CAAC;EAEvC,MAAMU,OAAO,GAAGjB,WAAW,CAAC,MAAMa,cAAc,CAAC,CAACF,KAAK,CAAC,EAAE,CAACE,cAAc,EAAEF,KAAK,CAAC,CAAC;EAElF,oBACEZ,KAAA,CAAAmB,aAAA,CAACf,gBAAgB,EAAAgB,QAAA;IACfC,aAAa,EAAE,GAAI;IACnBC,iBAAiB,EAAC,UAAU;IAC5BC,kBAAkB,EAAE;MAAEV;IAAS,CAAE;IACjCW,kBAAkB,EAChBX,QAAQ,GAAGY,SAAS,GAAG;MAAEd,IAAI,EAAEK,CAAC,CAACJ,KAAK,GAAG,+BAA+B,GAAG,iCAAiC;IAAE,CAC/G;IACDC,QAAQ,EAAEA,QAAS;IACnBH,KAAK,EAAE,CAACgB,MAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAEX,WAAW,CAACY;IAAW,CAAC,EAAEnB,KAAK,CAAE;IAC9EQ,OAAO,EAAEA;EAAQ,GACbH,KAAK,GACRH,KAAK,gBACJZ,KAAA,CAAAmB,aAAA,CAACb,WAAW;IAACI,KAAK,EAAEG,QAAQ,IAAIa,MAAM,CAACb;EAAS,CAAE,CAAC,gBAEnDb,KAAA,CAAAmB,aAAA,CAAChB,IAAI;IACHO,KAAK,EAAE,CACLgB,MAAM,CAACI,SAAS,EAChB;MACEC,WAAW,EAAEd,WAAW,CAACe,QAAQ;MACjCJ,eAAe,EAAEf,QAAQ,GAAGI,WAAW,CAACY,UAAU,GAAGZ,WAAW,CAACgB;IACnE,CAAC;EACD,CACH,CACF,eACDjC,KAAA,CAAAmB,aAAA,CAAChB,IAAI;IAACO,KAAK,EAAE,CAACgB,MAAM,CAACf,IAAI,EAAEE,QAAQ,IAAIa,MAAM,CAACb,QAAQ;EAAE,GACrD,OAAOF,IAAI,KAAK,QAAQ,gBACvBX,KAAA,CAAAmB,aAAA,CAACZ,UAAU;IAAC2B,MAAM,EAAC,sBAAsB;IAACC,KAAK,EAAElB,WAAW,CAACN;EAAK,GAC/DA,IACS,CAAC,GAEbA,IAEE,CACU,CAAC;AAEvB,CAAC;AAED,MAAMe,MAAM,GAAGxB,UAAU,CAACkC,MAAM,CAAC;EAC/BT,SAAS,EAAE;IACTU,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAE,EAAE;IAChBC,WAAW,EAAE,CAAC;IACdC,aAAa,EAAE,KAAK;IACpBC,OAAO,EAAE;EACX,CAAC;EACD5B,QAAQ,EAAE;IACR6B,OAAO,EAAE;EACX,CAAC;EACD/B,IAAI,EAAE;IACJgC,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE;EACd,CAAC;EACDd,SAAS,EAAE;IACTQ,YAAY,EAAE,EAAE;IAChBC,WAAW,EAAE,CAAC;IACdM,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallback","StyleSheet","View","TouchableOpacity","useAccessibilityTranslation","CheckedIcon","Typography","useAppColorScheme","Checkbox","style","text","value","disabled","onValueChanged","props","t","colorScheme","onPress","createElement","_extends","activeOpacity","accessibilityRole","accessibilityState","accessibilityValue","undefined","styles","container","backgroundColor","background","unchecked","borderColor","grayDark","white","preset","color","create","alignItems","borderRadius","borderWidth","flexDirection","padding","opacity","flex","marginLeft","height","width"],"sources":["checkbox.tsx"],"sourcesContent":["import React, { FC, ReactNode, useCallback } from 'react';\nimport { StyleSheet, TouchableOpacityProps, View } from 'react-native';\n\nimport { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';\nimport { useAccessibilityTranslation } from '../accessibility/accessibilityLanguage';\nimport { CheckedIcon } from '../icons/selector';\nimport { Typography } from '../text';\nimport { useAppColorScheme } from '../theme';\n\nexport interface CheckboxProps extends TouchableOpacityProps {\n  value: boolean;\n  text?: ReactNode;\n  onValueChanged: (value: boolean) => void;\n  disabled?: boolean;\n}\n\nexport const Checkbox: FC<CheckboxProps> = ({ style, text, value, disabled, onValueChanged, ...props }) => {\n  const t = useAccessibilityTranslation();\n  const colorScheme = useAppColorScheme();\n\n  const onPress = useCallback(() => onValueChanged(!value), [onValueChanged, value]);\n\n  return (\n    <TouchableOpacity\n      activeOpacity={0.8}\n      accessibilityRole=\"checkbox\"\n      accessibilityState={{ disabled }}\n      accessibilityValue={\n        disabled ? undefined : { text: t(value ? 'accessibility.control.checked' : 'accessibility.control.unchecked') }\n      }\n      disabled={disabled}\n      style={[styles.container, { backgroundColor: colorScheme.background }, style]}\n      onPress={onPress}\n      {...props}>\n      {value ? (\n        <CheckedIcon style={disabled && styles.disabled} />\n      ) : (\n        <View\n          style={[\n            styles.unchecked,\n            {\n              borderColor: colorScheme.grayDark,\n              backgroundColor: disabled ? colorScheme.background : colorScheme.white,\n            },\n          ]}\n        />\n      )}\n      {text && (\n        <View style={[styles.text, disabled && styles.disabled]}>\n          {typeof text === 'string' ? (\n            <Typography preset=\"xs/line-height-small\" color={colorScheme.text}>\n              {text}\n            </Typography>\n          ) : (\n            text\n          )}\n        </View>\n      )}\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    borderRadius: 12,\n    borderWidth: 0,\n    flexDirection: 'row',\n    padding: 12,\n  },\n  disabled: {\n    opacity: 0.4,\n  },\n  text: {\n    flex: 1,\n    marginLeft: 12,\n  },\n  unchecked: {\n    borderRadius: 12,\n    borderWidth: 1,\n    height: 24,\n    width: 24,\n  },\n});\n"],"mappings":";AAAA,OAAOA,KAAK,IAAmBC,WAAW,QAAQ,OAAO;AACzD,SAASC,UAAU,EAAyBC,IAAI,QAAQ,cAAc;AAEtE,SAASC,gBAAgB,QAAQ,+CAA+C;AAChF,SAASC,2BAA2B,QAAQ,wCAAwC;AACpF,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,UAAU,QAAQ,SAAS;AACpC,SAASC,iBAAiB,QAAQ,UAAU;AAS5C,OAAO,MAAMC,QAA2B,GAAGA,CAAC;EAAEC,KAAK;EAAEC,IAAI;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,cAAc;EAAE,GAAGC;AAAM,CAAC,KAAK;EACzG,MAAMC,CAAC,GAAGX,2BAA2B,CAAC,CAAC;EACvC,MAAMY,WAAW,GAAGT,iBAAiB,CAAC,CAAC;EAEvC,MAAMU,OAAO,GAAGjB,WAAW,CAAC,MAAMa,cAAc,CAAC,CAACF,KAAK,CAAC,EAAE,CAACE,cAAc,EAAEF,KAAK,CAAC,CAAC;EAElF,oBACEZ,KAAA,CAAAmB,aAAA,CAACf,gBAAgB,EAAAgB,QAAA;IACfC,aAAa,EAAE,GAAI;IACnBC,iBAAiB,EAAC,UAAU;IAC5BC,kBAAkB,EAAE;MAAEV;IAAS,CAAE;IACjCW,kBAAkB,EAChBX,QAAQ,GAAGY,SAAS,GAAG;MAAEd,IAAI,EAAEK,CAAC,CAACJ,KAAK,GAAG,+BAA+B,GAAG,iCAAiC;IAAE,CAC/G;IACDC,QAAQ,EAAEA,QAAS;IACnBH,KAAK,EAAE,CAACgB,MAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAEX,WAAW,CAACY;IAAW,CAAC,EAAEnB,KAAK,CAAE;IAC9EQ,OAAO,EAAEA;EAAQ,GACbH,KAAK,GACRH,KAAK,gBACJZ,KAAA,CAAAmB,aAAA,CAACb,WAAW;IAACI,KAAK,EAAEG,QAAQ,IAAIa,MAAM,CAACb;EAAS,CAAE,CAAC,gBAEnDb,KAAA,CAAAmB,aAAA,CAAChB,IAAI;IACHO,KAAK,EAAE,CACLgB,MAAM,CAACI,SAAS,EAChB;MACEC,WAAW,EAAEd,WAAW,CAACe,QAAQ;MACjCJ,eAAe,EAAEf,QAAQ,GAAGI,WAAW,CAACY,UAAU,GAAGZ,WAAW,CAACgB;IACnE,CAAC;EACD,CACH,CACF,EACAtB,IAAI,iBACHX,KAAA,CAAAmB,aAAA,CAAChB,IAAI;IAACO,KAAK,EAAE,CAACgB,MAAM,CAACf,IAAI,EAAEE,QAAQ,IAAIa,MAAM,CAACb,QAAQ;EAAE,GACrD,OAAOF,IAAI,KAAK,QAAQ,gBACvBX,KAAA,CAAAmB,aAAA,CAACZ,UAAU;IAAC2B,MAAM,EAAC,sBAAsB;IAACC,KAAK,EAAElB,WAAW,CAACN;EAAK,GAC/DA,IACS,CAAC,GAEbA,IAEE,CAEQ,CAAC;AAEvB,CAAC;AAED,MAAMe,MAAM,GAAGxB,UAAU,CAACkC,MAAM,CAAC;EAC/BT,SAAS,EAAE;IACTU,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAE,EAAE;IAChBC,WAAW,EAAE,CAAC;IACdC,aAAa,EAAE,KAAK;IACpBC,OAAO,EAAE;EACX,CAAC;EACD5B,QAAQ,EAAE;IACR6B,OAAO,EAAE;EACX,CAAC;EACD/B,IAAI,EAAE;IACJgC,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE;EACd,CAAC;EACDd,SAAS,EAAE;IACTQ,YAAY,EAAE,EAAE;IAChBC,WAAW,EAAE,CAAC;IACdM,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/ui-components/control/switch.js

@@ -1,6 +1,6 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { forwardRef } from 'react';
-import { Platform, StyleSheet, Switch as RNSwitch } from 'react-native';
+import { Platform, StyleSheet, Switch as RNSwitch, View } from 'react-native';
 import { useAppColorScheme } from '../theme';
 const hitSlop = {
   top: 10,
@@ -19,7 +19,7 @@ export const Switch = /*#__PURE__*/forwardRef(({
   ...props
 }, ref) => {
   const colorScheme = useAppColorScheme();
-  return /*#__PURE__*/React.createElement(RNSwitch, _extends({
+  return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(RNSwitch, _extends({
     ref: ref,
     value: value,
     disabled: disabled,
@@ -44,7 +44,7 @@ export const Switch = /*#__PURE__*/forwardRef(({
     // @ts-ignore: web only prop
     ,
     activeThumbColor: colorScheme.accent
-  }, props));
+  }, props)));
 });
 const styles = StyleSheet.create({
   disabled: {

package/lib/module/ui-components/control/switch.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","Platform","StyleSheet","Switch","RNSwitch","useAppColorScheme","hitSlop","top","bottom","left","right","value","disabled","style","onChange","props","ref","colorScheme","createElement","_extends","styles","onValueChange","trackColor","select","default","true","grayDark","false","ios","accent","thumbColor","background","white","ios_backgroundColor","activeThumbColor","create","opacity","displayName"],"sources":["switch.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Insets, Platform, StyleSheet, Switch as RNSwitch, SwitchProps as RNSwitchProps } from 'react-native';\n\nimport { useAppColorScheme } from '../theme';\n\nexport interface SwitchProps extends Omit<RNSwitchProps, 'value' | 'onChange' | 'onValueChange'> {\n  value: boolean;\n  onChange: (newValue: boolean) => void;\n}\n\nconst hitSlop: Insets = { top: 10, bottom: 10, left: 10, right: 10 };\n\n// https://www.figma.com/file/Gd0Tj0234hxtl3HMcCJThW/App-Component-Library-(Design)?node-id=8%3A744&t=xeivYJN0RLNSObzn-4\n// https://www.figma.com/file/tNPSTYXGCjaVCK9z8Yvy0e/Procivis-SSI%2B-%E2%80%93-App-(Base-File)-(Copy)?node-id=156%3A13826&t=sDAfSW7cmQKmaWNG-4\nexport const Switch = forwardRef<RNSwitch, SwitchProps>(({ value, disabled, style, onChange, ...props }, ref) => {\n  const colorScheme = useAppColorScheme();\n  return (\n    <RNSwitch\n      ref={ref}\n      value={value}\n      disabled={disabled}\n      hitSlop={hitSlop}\n      style={[disabled && styles.disabled, style]}\n      onValueChange={onChange}\n      trackColor={Platform.select({\n        default: { true: colorScheme.grayDark, false: colorScheme.grayDark },\n        ios: { true: colorScheme.accent, false: colorScheme.grayDark },\n      })}\n      thumbColor={Platform.select({\n        default: value ? colorScheme.accent : disabled ? colorScheme.background : colorScheme.white,\n        ios: colorScheme.white,\n      })}\n      ios_backgroundColor={colorScheme.grayDark}\n      // @ts-ignore: web only prop\n      activeThumbColor={colorScheme.accent}\n      {...props}\n    />\n  );\n});\n\nconst styles = StyleSheet.create({\n  disabled: {\n    opacity: 0.38,\n  },\n});\n\nSwitch.displayName = 'Switch';\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAAiBC,QAAQ,EAAEC,UAAU,EAAEC,MAAM,IAAIC,QAAQ,QAAsC,cAAc;AAE7G,SAASC,iBAAiB,QAAQ,UAAU;AAO5C,MAAMC,OAAe,GAAG;EAAEC,GAAG,EAAE,EAAE;EAAEC,MAAM,EAAE,EAAE;EAAEC,IAAI,EAAE,EAAE;EAAEC,KAAK,EAAE;AAAG,CAAC;;AAEpE;AACA;AACA,OAAO,MAAMP,MAAM,gBAAGH,UAAU,CAAwB,CAAC;EAAEW,KAAK;EAAEC,QAAQ;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC/G,MAAMC,WAAW,GAAGZ,iBAAiB,CAAC,CAAC;EACvC,oBACEN,KAAA,CAAAmB,aAAA,CAACd,QAAQ,EAAAe,QAAA;IACPH,GAAG,EAAEA,GAAI;IACTL,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBN,OAAO,EAAEA,OAAQ;IACjBO,KAAK,EAAE,CAACD,QAAQ,IAAIQ,MAAM,CAACR,QAAQ,EAAEC,KAAK,CAAE;IAC5CQ,aAAa,EAAEP,QAAS;IACxBQ,UAAU,EAAErB,QAAQ,CAACsB,MAAM,CAAC;MAC1BC,OAAO,EAAE;QAAEC,IAAI,EAAER,WAAW,CAACS,QAAQ;QAAEC,KAAK,EAAEV,WAAW,CAACS;MAAS,CAAC;MACpEE,GAAG,EAAE;QAAEH,IAAI,EAAER,WAAW,CAACY,MAAM;QAAEF,KAAK,EAAEV,WAAW,CAACS;MAAS;IAC/D,CAAC,CAAE;IACHI,UAAU,EAAE7B,QAAQ,CAACsB,MAAM,CAAC;MAC1BC,OAAO,EAAEb,KAAK,GAAGM,WAAW,CAACY,MAAM,GAAGjB,QAAQ,GAAGK,WAAW,CAACc,UAAU,GAAGd,WAAW,CAACe,KAAK;MAC3FJ,GAAG,EAAEX,WAAW,CAACe;IACnB,CAAC,CAAE;IACHC,mBAAmB,EAAEhB,WAAW,CAACS;IACjC;IAAA;IACAQ,gBAAgB,EAAEjB,WAAW,CAACY;EAAO,GACjCd,KAAK,CACV,CAAC;AAEN,CAAC,CAAC;AAEF,MAAMK,MAAM,GAAGlB,UAAU,CAACiC,MAAM,CAAC;EAC/BvB,QAAQ,EAAE;IACRwB,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAEFjC,MAAM,CAACkC,WAAW,GAAG,QAAQ","ignoreList":[]}
+{"version":3,"names":["React","forwardRef","Platform","StyleSheet","Switch","RNSwitch","View","useAppColorScheme","hitSlop","top","bottom","left","right","value","disabled","style","onChange","props","ref","colorScheme","createElement","_extends","styles","onValueChange","trackColor","select","default","true","grayDark","false","ios","accent","thumbColor","background","white","ios_backgroundColor","activeThumbColor","create","opacity","displayName"],"sources":["switch.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Insets, Platform, StyleSheet, Switch as RNSwitch, SwitchProps as RNSwitchProps, View } from 'react-native';\n\nimport { useAppColorScheme } from '../theme';\n\nexport interface SwitchProps extends Omit<RNSwitchProps, 'value' | 'onChange' | 'onValueChange'> {\n  value: boolean;\n  onChange: (newValue: boolean) => void;\n}\n\nconst hitSlop: Insets = { top: 10, bottom: 10, left: 10, right: 10 };\n\n// https://www.figma.com/file/Gd0Tj0234hxtl3HMcCJThW/App-Component-Library-(Design)?node-id=8%3A744&t=xeivYJN0RLNSObzn-4\n// https://www.figma.com/file/tNPSTYXGCjaVCK9z8Yvy0e/Procivis-SSI%2B-%E2%80%93-App-(Base-File)-(Copy)?node-id=156%3A13826&t=sDAfSW7cmQKmaWNG-4\nexport const Switch = forwardRef<RNSwitch, SwitchProps>(({ value, disabled, style, onChange, ...props }, ref) => {\n  const colorScheme = useAppColorScheme();\n  return (\n    <View>\n      <RNSwitch\n        ref={ref}\n        value={value}\n        disabled={disabled}\n        hitSlop={hitSlop}\n        style={[disabled && styles.disabled, style]}\n        onValueChange={onChange}\n        trackColor={Platform.select({\n          default: { true: colorScheme.grayDark, false: colorScheme.grayDark },\n          ios: { true: colorScheme.accent, false: colorScheme.grayDark },\n        })}\n        thumbColor={Platform.select({\n          default: value ? colorScheme.accent : disabled ? colorScheme.background : colorScheme.white,\n          ios: colorScheme.white,\n        })}\n        ios_backgroundColor={colorScheme.grayDark}\n        // @ts-ignore: web only prop\n        activeThumbColor={colorScheme.accent}\n        {...props}\n      />\n    </View>\n  );\n});\n\nconst styles = StyleSheet.create({\n  disabled: {\n    opacity: 0.38,\n  },\n});\n\nSwitch.displayName = 'Switch';\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAAiBC,QAAQ,EAAEC,UAAU,EAAEC,MAAM,IAAIC,QAAQ,EAAgCC,IAAI,QAAQ,cAAc;AAEnH,SAASC,iBAAiB,QAAQ,UAAU;AAO5C,MAAMC,OAAe,GAAG;EAAEC,GAAG,EAAE,EAAE;EAAEC,MAAM,EAAE,EAAE;EAAEC,IAAI,EAAE,EAAE;EAAEC,KAAK,EAAE;AAAG,CAAC;;AAEpE;AACA;AACA,OAAO,MAAMR,MAAM,gBAAGH,UAAU,CAAwB,CAAC;EAAEY,KAAK;EAAEC,QAAQ;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC/G,MAAMC,WAAW,GAAGZ,iBAAiB,CAAC,CAAC;EACvC,oBACEP,KAAA,CAAAoB,aAAA,CAACd,IAAI,qBACHN,KAAA,CAAAoB,aAAA,CAACf,QAAQ,EAAAgB,QAAA;IACPH,GAAG,EAAEA,GAAI;IACTL,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBN,OAAO,EAAEA,OAAQ;IACjBO,KAAK,EAAE,CAACD,QAAQ,IAAIQ,MAAM,CAACR,QAAQ,EAAEC,KAAK,CAAE;IAC5CQ,aAAa,EAAEP,QAAS;IACxBQ,UAAU,EAAEtB,QAAQ,CAACuB,MAAM,CAAC;MAC1BC,OAAO,EAAE;QAAEC,IAAI,EAAER,WAAW,CAACS,QAAQ;QAAEC,KAAK,EAAEV,WAAW,CAACS;MAAS,CAAC;MACpEE,GAAG,EAAE;QAAEH,IAAI,EAAER,WAAW,CAACY,MAAM;QAAEF,KAAK,EAAEV,WAAW,CAACS;MAAS;IAC/D,CAAC,CAAE;IACHI,UAAU,EAAE9B,QAAQ,CAACuB,MAAM,CAAC;MAC1BC,OAAO,EAAEb,KAAK,GAAGM,WAAW,CAACY,MAAM,GAAGjB,QAAQ,GAAGK,WAAW,CAACc,UAAU,GAAGd,WAAW,CAACe,KAAK;MAC3FJ,GAAG,EAAEX,WAAW,CAACe;IACnB,CAAC,CAAE;IACHC,mBAAmB,EAAEhB,WAAW,CAACS;IACjC;IAAA;IACAQ,gBAAgB,EAAEjB,WAAW,CAACY;EAAO,GACjCd,KAAK,CACV,CACG,CAAC;AAEX,CAAC,CAAC;AAEF,MAAMK,MAAM,GAAGnB,UAAU,CAACkC,MAAM,CAAC;EAC/BvB,QAAQ,EAAE;IACRwB,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAEFlC,MAAM,CAACmC,WAAW,GAAG,QAAQ","ignoreList":[]}

package/lib/module/ui-components/header/foldable-header.js

@@ -16,8 +16,9 @@ const FoldableSearchHeader = ({
   const colorScheme = useAppColorScheme();
   const [collapsed, setCollapsed] = useState(header ? false : true);
   const [headerHeight, setHeaderHeight] = useState();
+  const containerPaddingTop = withNotice ? 15 : safeAreaInsets.top;
   const containerPaddingStyle = {
-    paddingTop: withNotice ? 15 : safeAreaInsets.top
+    paddingTop: containerPaddingTop
   };
   useEffect(() => {
     const id = scrollOffset.addListener(({
@@ -38,11 +39,13 @@ const FoldableSearchHeader = ({
   }, [scrollOffset, searchBar, headerHeight]);
   const playHeaderFoldAnimation = !staticHeader && headerHeight;
   const scrollHeaderAnimatedStyle = playHeaderFoldAnimation ? {
-    paddingTop: scrollOffset.interpolate({
-      extrapolate: 'clamp',
-      inputRange: [0, headerHeight],
-      outputRange: [headerHeight, 0]
-    })
+    transform: [{
+      translateY: scrollOffset.interpolate({
+        extrapolate: 'clamp',
+        inputRange: [0, headerHeight],
+        outputRange: [0, -headerHeight]
+      })
+    }]
   } : undefined;
   const fadeHeaderOutAnimatedStyle = playHeaderFoldAnimation ? {
     opacity: scrollOffset.interpolate({
@@ -56,26 +59,33 @@ const FoldableSearchHeader = ({
   }, [setHeaderHeight]);
   return /*#__PURE__*/React.createElement(Animated.View, {
     style: [styles.headerContainer, containerPaddingStyle, withNotice ? styles.noticeBorderRadius : undefined]
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: scrollHeaderAnimatedStyle
   }, /*#__PURE__*/React.createElement(View, {
-    style: [styles.blurWrapper, StyleSheet.absoluteFill]
+    style: [styles.blurFill, {
+      top: -containerPaddingTop
+    }]
   }, /*#__PURE__*/React.createElement(BlurView, {
     blurStyle: 'header',
     color: colorScheme.background,
     style: [StyleSheet.absoluteFill, withNotice ? styles.noticeBorderRadius : undefined]
-  })), /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Animated.View, {
-    style: scrollHeaderAnimatedStyle
-  }, searchBar && /*#__PURE__*/React.createElement(AnimatedSearchBar, _extends({}, searchBar, {
-    collapsed: collapsed
-  }))), header && /*#__PURE__*/React.createElement(Animated.View, {
+  })), header && /*#__PURE__*/React.createElement(Animated.View, {
     onLayout: onHeaderLayout,
-    style: [styles.headerContainer, fadeHeaderOutAnimatedStyle]
-  }, header)));
+    style: fadeHeaderOutAnimatedStyle
+  }, header), searchBar && /*#__PURE__*/React.createElement(AnimatedSearchBar, _extends({}, searchBar, {
+    collapsed: collapsed
+  }))));
 };
 const styles = StyleSheet.create({
-  blurWrapper: {
-    overflow: 'hidden'
+  blurFill: {
+    bottom: 0,
+    left: 0,
+    overflow: 'hidden',
+    position: 'absolute',
+    right: 0
   },
   headerContainer: {
+    overflow: 'hidden',
     position: 'absolute',
     width: '100%'
   },

package/lib/module/ui-components/header/foldable-header.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useState","Animated","StyleSheet","View","useSafeAreaInsets","BlurView","AnimatedSearchBar","useAppColorScheme","FoldableSearchHeader","staticHeader","scrollOffset","searchBar","header","withNotice","safeAreaInsets","colorScheme","collapsed","setCollapsed","headerHeight","setHeaderHeight","containerPaddingStyle","paddingTop","top","id","addListener","value","removeListener","playHeaderFoldAnimation","scrollHeaderAnimatedStyle","interpolate","extrapolate","inputRange","outputRange","undefined","fadeHeaderOutAnimatedStyle","opacity","onHeaderLayout","event","nativeEvent","layout","height","createElement","style","styles","headerContainer","noticeBorderRadius","blurWrapper","absoluteFill","blurStyle","color","background","_extends","onLayout","create","overflow","position","width","borderTopLeftRadius","borderTopRightRadius"],"sources":["foldable-header.tsx"],"sourcesContent":["import React, { FunctionComponent, ReactElement, useCallback, useEffect, useState } from 'react';\nimport { Animated, LayoutChangeEvent, StyleSheet, View, ViewStyle } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport BlurView from '../blur/blur-view';\nimport AnimatedSearchBar, { AnimatedSearchBarProps } from '../searchbar/animated-search-bar';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nexport type FoldableHeaderProps = {\n  header: ReactElement;\n  scrollOffset: Animated.Value;\n  searchBar?: Omit<AnimatedSearchBarProps, 'collapsed'>;\n  // if true, the header won't fold / fade out on scroll\n  staticHeader?: boolean;\n  withNotice?: boolean;\n};\n\nconst FoldableSearchHeader: FunctionComponent<FoldableHeaderProps> = ({\n  staticHeader = false,\n  scrollOffset,\n  searchBar,\n  header,\n  withNotice,\n}) => {\n  const safeAreaInsets = useSafeAreaInsets();\n  const colorScheme = useAppColorScheme();\n  const [collapsed, setCollapsed] = useState(header ? false : true);\n  const [headerHeight, setHeaderHeight] = useState<number>();\n\n  const containerPaddingStyle = {\n    paddingTop: withNotice ? 15 : safeAreaInsets.top,\n  };\n\n  useEffect(() => {\n    const id = scrollOffset.addListener(({ value }) => {\n      if (!headerHeight) {\n        return;\n      }\n\n      if (value > headerHeight) {\n        setCollapsed(true);\n      } else {\n        setCollapsed(false);\n      }\n    });\n    return () => {\n      scrollOffset.removeListener(id);\n    };\n  }, [scrollOffset, searchBar, headerHeight]);\n\n  const playHeaderFoldAnimation = !staticHeader && headerHeight;\n\n  const scrollHeaderAnimatedStyle: Animated.WithAnimatedObject<ViewStyle> | undefined = playHeaderFoldAnimation\n    ? {\n        paddingTop: scrollOffset.interpolate({\n          extrapolate: 'clamp',\n          inputRange: [0, headerHeight],\n          outputRange: [headerHeight, 0],\n        }),\n      }\n    : undefined;\n\n  const fadeHeaderOutAnimatedStyle: Animated.WithAnimatedObject<ViewStyle> | undefined = playHeaderFoldAnimation\n    ? {\n        opacity: scrollOffset.interpolate({\n          extrapolate: 'clamp',\n          inputRange: [0, headerHeight / 2],\n          outputRange: [1, 0],\n        }),\n      }\n    : undefined;\n\n  const onHeaderLayout = useCallback(\n    (event: LayoutChangeEvent) => {\n      setHeaderHeight(event.nativeEvent.layout.height);\n    },\n    [setHeaderHeight],\n  );\n\n  return (\n    <Animated.View\n      style={[styles.headerContainer, containerPaddingStyle, withNotice ? styles.noticeBorderRadius : undefined]}>\n      <View style={[styles.blurWrapper, StyleSheet.absoluteFill]}>\n        <BlurView\n          blurStyle={'header'}\n          color={colorScheme.background}\n          style={[StyleSheet.absoluteFill, withNotice ? styles.noticeBorderRadius : undefined]}\n        />\n      </View>\n      <View>\n        <Animated.View style={scrollHeaderAnimatedStyle}>\n          {searchBar && <AnimatedSearchBar {...searchBar} collapsed={collapsed} />}\n        </Animated.View>\n        {header && (\n          <Animated.View onLayout={onHeaderLayout} style={[styles.headerContainer, fadeHeaderOutAnimatedStyle]}>\n            {header}\n          </Animated.View>\n        )}\n      </View>\n    </Animated.View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  blurWrapper: {\n    overflow: 'hidden',\n  },\n  headerContainer: {\n    position: 'absolute',\n    width: '100%',\n  },\n  noticeBorderRadius: {\n    borderTopLeftRadius: 30,\n    borderTopRightRadius: 30,\n    overflow: 'hidden',\n  },\n});\n\nexport default FoldableSearchHeader;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAqCC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAChG,SAASC,QAAQ,EAAqBC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AACvF,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,OAAOC,QAAQ,MAAM,mBAAmB;AACxC,OAAOC,iBAAiB,MAAkC,kCAAkC;AAC5F,SAASC,iBAAiB,QAAQ,+BAA+B;AAWjE,MAAMC,oBAA4D,GAAGA,CAAC;EACpEC,YAAY,GAAG,KAAK;EACpBC,YAAY;EACZC,SAAS;EACTC,MAAM;EACNC;AACF,CAAC,KAAK;EACJ,MAAMC,cAAc,GAAGV,iBAAiB,CAAC,CAAC;EAC1C,MAAMW,WAAW,GAAGR,iBAAiB,CAAC,CAAC;EACvC,MAAM,CAACS,SAAS,EAAEC,YAAY,CAAC,GAAGjB,QAAQ,CAACY,MAAM,GAAG,KAAK,GAAG,IAAI,CAAC;EACjE,MAAM,CAACM,YAAY,EAAEC,eAAe,CAAC,GAAGnB,QAAQ,CAAS,CAAC;EAE1D,MAAMoB,qBAAqB,GAAG;IAC5BC,UAAU,EAAER,UAAU,GAAG,EAAE,GAAGC,cAAc,CAACQ;EAC/C,CAAC;EAEDvB,SAAS,CAAC,MAAM;IACd,MAAMwB,EAAE,GAAGb,YAAY,CAACc,WAAW,CAAC,CAAC;MAAEC;IAAM,CAAC,KAAK;MACjD,IAAI,CAACP,YAAY,EAAE;QACjB;MACF;MAEA,IAAIO,KAAK,GAAGP,YAAY,EAAE;QACxBD,YAAY,CAAC,IAAI,CAAC;MACpB,CAAC,MAAM;QACLA,YAAY,CAAC,KAAK,CAAC;MACrB;IACF,CAAC,CAAC;IACF,OAAO,MAAM;MACXP,YAAY,CAACgB,cAAc,CAACH,EAAE,CAAC;IACjC,CAAC;EACH,CAAC,EAAE,CAACb,YAAY,EAAEC,SAAS,EAAEO,YAAY,CAAC,CAAC;EAE3C,MAAMS,uBAAuB,GAAG,CAAClB,YAAY,IAAIS,YAAY;EAE7D,MAAMU,yBAA6E,GAAGD,uBAAuB,GACzG;IACEN,UAAU,EAAEX,YAAY,CAACmB,WAAW,CAAC;MACnCC,WAAW,EAAE,OAAO;MACpBC,UAAU,EAAE,CAAC,CAAC,EAAEb,YAAY,CAAC;MAC7Bc,WAAW,EAAE,CAACd,YAAY,EAAE,CAAC;IAC/B,CAAC;EACH,CAAC,GACDe,SAAS;EAEb,MAAMC,0BAA8E,GAAGP,uBAAuB,GAC1G;IACEQ,OAAO,EAAEzB,YAAY,CAACmB,WAAW,CAAC;MAChCC,WAAW,EAAE,OAAO;MACpBC,UAAU,EAAE,CAAC,CAAC,EAAEb,YAAY,GAAG,CAAC,CAAC;MACjCc,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC;IACpB,CAAC;EACH,CAAC,GACDC,SAAS;EAEb,MAAMG,cAAc,GAAGtC,WAAW,CAC/BuC,KAAwB,IAAK;IAC5BlB,eAAe,CAACkB,KAAK,CAACC,WAAW,CAACC,MAAM,CAACC,MAAM,CAAC;EAClD,CAAC,EACD,CAACrB,eAAe,CAClB,CAAC;EAED,oBACEtB,KAAA,CAAA4C,aAAA,CAACxC,QAAQ,CAACE,IAAI;IACZuC,KAAK,EAAE,CAACC,MAAM,CAACC,eAAe,EAAExB,qBAAqB,EAAEP,UAAU,GAAG8B,MAAM,CAACE,kBAAkB,GAAGZ,SAAS;EAAE,gBAC3GpC,KAAA,CAAA4C,aAAA,CAACtC,IAAI;IAACuC,KAAK,EAAE,CAACC,MAAM,CAACG,WAAW,EAAE5C,UAAU,CAAC6C,YAAY;EAAE,gBACzDlD,KAAA,CAAA4C,aAAA,CAACpC,QAAQ;IACP2C,SAAS,EAAE,QAAS;IACpBC,KAAK,EAAElC,WAAW,CAACmC,UAAW;IAC9BR,KAAK,EAAE,CAACxC,UAAU,CAAC6C,YAAY,EAAElC,UAAU,GAAG8B,MAAM,CAACE,kBAAkB,GAAGZ,SAAS;EAAE,CACtF,CACG,CAAC,eACPpC,KAAA,CAAA4C,aAAA,CAACtC,IAAI,qBACHN,KAAA,CAAA4C,aAAA,CAACxC,QAAQ,CAACE,IAAI;IAACuC,KAAK,EAAEd;EAA0B,GAC7CjB,SAAS,iBAAId,KAAA,CAAA4C,aAAA,CAACnC,iBAAiB,EAAA6C,QAAA,KAAKxC,SAAS;IAAEK,SAAS,EAAEA;EAAU,EAAE,CAC1D,CAAC,EACfJ,MAAM,iBACLf,KAAA,CAAA4C,aAAA,CAACxC,QAAQ,CAACE,IAAI;IAACiD,QAAQ,EAAEhB,cAAe;IAACM,KAAK,EAAE,CAACC,MAAM,CAACC,eAAe,EAAEV,0BAA0B;EAAE,GAClGtB,MACY,CAEb,CACO,CAAC;AAEpB,CAAC;AAED,MAAM+B,MAAM,GAAGzC,UAAU,CAACmD,MAAM,CAAC;EAC/BP,WAAW,EAAE;IACXQ,QAAQ,EAAE;EACZ,CAAC;EACDV,eAAe,EAAE;IACfW,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE;EACT,CAAC;EACDX,kBAAkB,EAAE;IAClBY,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE,EAAE;IACxBJ,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEF,eAAe9C,oBAAoB","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useEffect","useState","Animated","StyleSheet","View","useSafeAreaInsets","BlurView","AnimatedSearchBar","useAppColorScheme","FoldableSearchHeader","staticHeader","scrollOffset","searchBar","header","withNotice","safeAreaInsets","colorScheme","collapsed","setCollapsed","headerHeight","setHeaderHeight","containerPaddingTop","top","containerPaddingStyle","paddingTop","id","addListener","value","removeListener","playHeaderFoldAnimation","scrollHeaderAnimatedStyle","transform","translateY","interpolate","extrapolate","inputRange","outputRange","undefined","fadeHeaderOutAnimatedStyle","opacity","onHeaderLayout","event","nativeEvent","layout","height","createElement","style","styles","headerContainer","noticeBorderRadius","blurFill","blurStyle","color","background","absoluteFill","onLayout","_extends","create","bottom","left","overflow","position","right","width","borderTopLeftRadius","borderTopRightRadius"],"sources":["foldable-header.tsx"],"sourcesContent":["import React, { FunctionComponent, ReactElement, useCallback, useEffect, useState } from 'react';\nimport { Animated, LayoutChangeEvent, StyleSheet, View, ViewStyle } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport BlurView from '../blur/blur-view';\nimport AnimatedSearchBar, { AnimatedSearchBarProps } from '../searchbar/animated-search-bar';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nexport type FoldableHeaderProps = {\n  header: ReactElement;\n  scrollOffset: Animated.Value;\n  searchBar?: Omit<AnimatedSearchBarProps, 'collapsed'>;\n  // if true, the header won't fold / fade out on scroll\n  staticHeader?: boolean;\n  withNotice?: boolean;\n};\n\nconst FoldableSearchHeader: FunctionComponent<FoldableHeaderProps> = ({\n  staticHeader = false,\n  scrollOffset,\n  searchBar,\n  header,\n  withNotice,\n}) => {\n  const safeAreaInsets = useSafeAreaInsets();\n  const colorScheme = useAppColorScheme();\n  const [collapsed, setCollapsed] = useState(header ? false : true);\n  const [headerHeight, setHeaderHeight] = useState<number>();\n\n  const containerPaddingTop = withNotice ? 15 : safeAreaInsets.top;\n  const containerPaddingStyle = {\n    paddingTop: containerPaddingTop,\n  };\n\n  useEffect(() => {\n    const id = scrollOffset.addListener(({ value }) => {\n      if (!headerHeight) {\n        return;\n      }\n\n      if (value > headerHeight) {\n        setCollapsed(true);\n      } else {\n        setCollapsed(false);\n      }\n    });\n    return () => {\n      scrollOffset.removeListener(id);\n    };\n  }, [scrollOffset, searchBar, headerHeight]);\n\n  const playHeaderFoldAnimation = !staticHeader && headerHeight;\n\n  const scrollHeaderAnimatedStyle: Animated.WithAnimatedObject<ViewStyle> | undefined = playHeaderFoldAnimation\n    ? {\n        transform: [{\n          translateY: scrollOffset.interpolate({\n            extrapolate: 'clamp',\n            inputRange: [0, headerHeight],\n            outputRange: [0, -headerHeight],\n          }),\n        }],\n      }\n    : undefined;\n\n  const fadeHeaderOutAnimatedStyle: Animated.WithAnimatedObject<ViewStyle> | undefined = playHeaderFoldAnimation\n    ? {\n        opacity: scrollOffset.interpolate({\n          extrapolate: 'clamp',\n          inputRange: [0, headerHeight / 2],\n          outputRange: [1, 0],\n        }),\n      }\n    : undefined;\n\n  const onHeaderLayout = useCallback(\n    (event: LayoutChangeEvent) => {\n      setHeaderHeight(event.nativeEvent.layout.height);\n    },\n    [setHeaderHeight],\n  );\n\n  return (\n    <Animated.View\n      style={[styles.headerContainer, containerPaddingStyle, withNotice ? styles.noticeBorderRadius : undefined]}>\n      <Animated.View style={scrollHeaderAnimatedStyle}>\n        <View\n          style={[styles.blurFill, { top: -containerPaddingTop }]}>\n          <BlurView\n            blurStyle={'header'}\n            color={colorScheme.background}\n            style={[StyleSheet.absoluteFill, withNotice ? styles.noticeBorderRadius : undefined]}\n          />\n        </View>\n        {header && (\n          <Animated.View onLayout={onHeaderLayout} style={fadeHeaderOutAnimatedStyle}>\n            {header}\n          </Animated.View>\n        )}\n        {searchBar && <AnimatedSearchBar {...searchBar} collapsed={collapsed} />}\n      </Animated.View>\n    </Animated.View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  blurFill: {\n    bottom: 0,\n    left: 0,\n    overflow: 'hidden',\n    position: 'absolute',\n    right: 0,\n  },\n  headerContainer: {\n    overflow: 'hidden',\n    position: 'absolute',\n    width: '100%',\n  },\n  noticeBorderRadius: {\n    borderTopLeftRadius: 30,\n    borderTopRightRadius: 30,\n    overflow: 'hidden',\n  },\n});\n\nexport default FoldableSearchHeader;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/ui-components/history/history-section-header.js

@@ -4,7 +4,7 @@ import { concatTestID } from '../../utils/testID';
 import Typography from '../text/typography';
 import { useAppColorScheme } from '../theme/color-scheme-context';
 
-// component used on the history section lists (Settings->History, CredentialDetailBindingDto->History)
+// component used on the history section lists (Settings->History, CredentialDetail->History)
 // https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=1246-51813&mode=dev
 
 const HistorySectionHeaderView = ({

package/lib/module/ui-components/history/history-section-header.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","concatTestID","Typography","useAppColorScheme","HistorySectionHeaderView","day","year","testID","colorScheme","createElement","style","styles","header","accessibilityRole","color","text","preset","accent","create","flexDirection","justifyContent","marginVertical","paddingHorizontal","opacity"],"sources":["history-section-header.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport { concatTestID } from '../../utils/testID';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\n// component used on the history section lists (Settings->History, CredentialDetailBindingDto->History)\n// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=1246-51813&mode=dev\n\nconst HistorySectionHeaderView: FC<{\n  day: string;\n  testID?: string;\n  year?: string;\n}> = ({ day, year, testID }) => {\n  const colorScheme = useAppColorScheme();\n\n  return (\n    <View style={styles.header}>\n      <Typography accessibilityRole=\"header\" color={colorScheme.text} preset=\"m\" testID={concatTestID(testID, 'title')}>\n        {day}\n      </Typography>\n      {year && (\n        <Typography color={colorScheme.accent} preset=\"s/line-height-small\" style={styles.year}>\n          {year}\n        </Typography>\n      )}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  header: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    marginVertical: 16,\n    paddingHorizontal: 4,\n  },\n  year: {\n    opacity: 0.7,\n  },\n});\n\nexport default HistorySectionHeaderView;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAc,OAAO;AACjC,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,SAASC,YAAY,QAAQ,oBAAoB;AACjD,OAAOC,UAAU,MAAM,oBAAoB;AAC3C,SAASC,iBAAiB,QAAQ,+BAA+B;;AAEjE;AACA;;AAEA,MAAMC,wBAIJ,GAAGA,CAAC;EAAEC,GAAG;EAAEC,IAAI;EAAEC;AAAO,CAAC,KAAK;EAC9B,MAAMC,WAAW,GAAGL,iBAAiB,CAAC,CAAC;EAEvC,oBACEL,KAAA,CAAAW,aAAA,CAACT,IAAI;IAACU,KAAK,EAAEC,MAAM,CAACC;EAAO,gBACzBd,KAAA,CAAAW,aAAA,CAACP,UAAU;IAACW,iBAAiB,EAAC,QAAQ;IAACC,KAAK,EAAEN,WAAW,CAACO,IAAK;IAACC,MAAM,EAAC,GAAG;IAACT,MAAM,EAAEN,YAAY,CAACM,MAAM,EAAE,OAAO;EAAE,GAC9GF,GACS,CAAC,EACZC,IAAI,iBACHR,KAAA,CAAAW,aAAA,CAACP,UAAU;IAACY,KAAK,EAAEN,WAAW,CAACS,MAAO;IAACD,MAAM,EAAC,qBAAqB;IAACN,KAAK,EAAEC,MAAM,CAACL;EAAK,GACpFA,IACS,CAEV,CAAC;AAEX,CAAC;AAED,MAAMK,MAAM,GAAGZ,UAAU,CAACmB,MAAM,CAAC;EAC/BN,MAAM,EAAE;IACNO,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/BC,cAAc,EAAE,EAAE;IAClBC,iBAAiB,EAAE;EACrB,CAAC;EACDhB,IAAI,EAAE;IACJiB,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAEF,eAAenB,wBAAwB","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","View","concatTestID","Typography","useAppColorScheme","HistorySectionHeaderView","day","year","testID","colorScheme","createElement","style","styles","header","accessibilityRole","color","text","preset","accent","create","flexDirection","justifyContent","marginVertical","paddingHorizontal","opacity"],"sources":["history-section-header.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport { concatTestID } from '../../utils/testID';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\n// component used on the history section lists (Settings->History, CredentialDetail->History)\n// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=1246-51813&mode=dev\n\nconst HistorySectionHeaderView: FC<{\n  day: string;\n  testID?: string;\n  year?: string;\n}> = ({ day, year, testID }) => {\n  const colorScheme = useAppColorScheme();\n\n  return (\n    <View style={styles.header}>\n      <Typography accessibilityRole=\"header\" color={colorScheme.text} preset=\"m\" testID={concatTestID(testID, 'title')}>\n        {day}\n      </Typography>\n      {year && (\n        <Typography color={colorScheme.accent} preset=\"s/line-height-small\" style={styles.year}>\n          {year}\n        </Typography>\n      )}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  header: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    marginVertical: 16,\n    paddingHorizontal: 4,\n  },\n  year: {\n    opacity: 0.7,\n  },\n});\n\nexport default HistorySectionHeaderView;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAc,OAAO;AACjC,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,SAASC,YAAY,QAAQ,oBAAoB;AACjD,OAAOC,UAAU,MAAM,oBAAoB;AAC3C,SAASC,iBAAiB,QAAQ,+BAA+B;;AAEjE;AACA;;AAEA,MAAMC,wBAIJ,GAAGA,CAAC;EAAEC,GAAG;EAAEC,IAAI;EAAEC;AAAO,CAAC,KAAK;EAC9B,MAAMC,WAAW,GAAGL,iBAAiB,CAAC,CAAC;EAEvC,oBACEL,KAAA,CAAAW,aAAA,CAACT,IAAI;IAACU,KAAK,EAAEC,MAAM,CAACC;EAAO,gBACzBd,KAAA,CAAAW,aAAA,CAACP,UAAU;IAACW,iBAAiB,EAAC,QAAQ;IAACC,KAAK,EAAEN,WAAW,CAACO,IAAK;IAACC,MAAM,EAAC,GAAG;IAACT,MAAM,EAAEN,YAAY,CAACM,MAAM,EAAE,OAAO;EAAE,GAC9GF,GACS,CAAC,EACZC,IAAI,iBACHR,KAAA,CAAAW,aAAA,CAACP,UAAU;IAACY,KAAK,EAAEN,WAAW,CAACS,MAAO;IAACD,MAAM,EAAC,qBAAqB;IAACN,KAAK,EAAEC,MAAM,CAACL;EAAK,GACpFA,IACS,CAEV,CAAC;AAEX,CAAC;AAED,MAAMK,MAAM,GAAGZ,UAAU,CAACmB,MAAM,CAAC;EAC/BN,MAAM,EAAE;IACNO,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/BC,cAAc,EAAE,EAAE;IAClBC,iBAAiB,EAAE;EACrB,CAAC;EACDhB,IAAI,EAAE;IACJiB,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAEF,eAAenB,wBAAwB","ignoreList":[]}

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

@@ -4,7 +4,7 @@ import { StyleSheet, View } from 'react-native';
 import { useAppColorScheme } from '../theme/color-scheme-context';
 import HistoryItemView from './history-item';
 
-// component used on the history section lists (Settings->History, CredentialDetailBindingDto->History)
+// component used on the history section lists (Settings->History, CredentialDetail->History)
 // https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=1246-51813&mode=dev
 
 const HistorySectionListItem = ({

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","useAppColorScheme","HistoryItemView","HistorySectionListItem","first","last","props","colorScheme","createElement","style","styles","item","backgroundColor","white","_extends","create","borderTopLeftRadius","borderTopRightRadius","marginTop","paddingTop","paddingHorizontal","borderBottomLeftRadius","borderBottomRightRadius","marginBottom","paddingBottom"],"sources":["history-section-list-item.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport { useAppColorScheme } from '../theme/color-scheme-context';\nimport HistoryItemView, { HistoryItemViewProps } from './history-item';\n\n// component used on the history section lists (Settings->History, CredentialDetailBindingDto->History)\n// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=1246-51813&mode=dev\n\nexport interface HistorySectionListItemProps extends HistoryItemViewProps {\n  first?: boolean;\n}\n\nconst HistorySectionListItem: FC<HistorySectionListItemProps> = ({ first, last, ...props }) => {\n  const colorScheme = useAppColorScheme();\n  return (\n    <View style={[styles.item, first && styles.first, last && styles.last, { backgroundColor: colorScheme.white }]}>\n      <HistoryItemView last={last} {...props} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  first: {\n    borderTopLeftRadius: 20,\n    borderTopRightRadius: 20,\n    marginTop: 8,\n    paddingTop: 12,\n  },\n  item: {\n    paddingHorizontal: 12,\n  },\n  last: {\n    borderBottomLeftRadius: 20,\n    borderBottomRightRadius: 20,\n    marginBottom: 12,\n    paddingBottom: 12,\n  },\n});\n\nexport default HistorySectionListItem;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAc,OAAO;AACjC,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,SAASC,iBAAiB,QAAQ,+BAA+B;AACjE,OAAOC,eAAe,MAAgC,gBAAgB;;AAEtE;AACA;;AAMA,MAAMC,sBAAuD,GAAGA,CAAC;EAAEC,KAAK;EAAEC,IAAI;EAAE,GAAGC;AAAM,CAAC,KAAK;EAC7F,MAAMC,WAAW,GAAGN,iBAAiB,CAAC,CAAC;EACvC,oBACEH,KAAA,CAAAU,aAAA,CAACR,IAAI;IAACS,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAEP,KAAK,IAAIM,MAAM,CAACN,KAAK,EAAEC,IAAI,IAAIK,MAAM,CAACL,IAAI,EAAE;MAAEO,eAAe,EAAEL,WAAW,CAACM;IAAM,CAAC;EAAE,gBAC7Gf,KAAA,CAAAU,aAAA,CAACN,eAAe,EAAAY,QAAA;IAACT,IAAI,EAAEA;EAAK,GAAKC,KAAK,CAAG,CACrC,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAGX,UAAU,CAACgB,MAAM,CAAC;EAC/BX,KAAK,EAAE;IACLY,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE,EAAE;IACxBC,SAAS,EAAE,CAAC;IACZC,UAAU,EAAE;EACd,CAAC;EACDR,IAAI,EAAE;IACJS,iBAAiB,EAAE;EACrB,CAAC;EACDf,IAAI,EAAE;IACJgB,sBAAsB,EAAE,EAAE;IAC1BC,uBAAuB,EAAE,EAAE;IAC3BC,YAAY,EAAE,EAAE;IAChBC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC;AAEF,eAAerB,sBAAsB","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","View","useAppColorScheme","HistoryItemView","HistorySectionListItem","first","last","props","colorScheme","createElement","style","styles","item","backgroundColor","white","_extends","create","borderTopLeftRadius","borderTopRightRadius","marginTop","paddingTop","paddingHorizontal","borderBottomLeftRadius","borderBottomRightRadius","marginBottom","paddingBottom"],"sources":["history-section-list-item.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport { useAppColorScheme } from '../theme/color-scheme-context';\nimport HistoryItemView, { HistoryItemViewProps } from './history-item';\n\n// component used on the history section lists (Settings->History, CredentialDetail->History)\n// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=1246-51813&mode=dev\n\nexport interface HistorySectionListItemProps extends HistoryItemViewProps {\n  first?: boolean;\n}\n\nconst HistorySectionListItem: FC<HistorySectionListItemProps> = ({ first, last, ...props }) => {\n  const colorScheme = useAppColorScheme();\n  return (\n    <View style={[styles.item, first && styles.first, last && styles.last, { backgroundColor: colorScheme.white }]}>\n      <HistoryItemView last={last} {...props} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  first: {\n    borderTopLeftRadius: 20,\n    borderTopRightRadius: 20,\n    marginTop: 8,\n    paddingTop: 12,\n  },\n  item: {\n    paddingHorizontal: 12,\n  },\n  last: {\n    borderBottomLeftRadius: 20,\n    borderBottomRightRadius: 20,\n    marginBottom: 12,\n    paddingBottom: 12,\n  },\n});\n\nexport default HistorySectionListItem;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAc,OAAO;AACjC,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,SAASC,iBAAiB,QAAQ,+BAA+B;AACjE,OAAOC,eAAe,MAAgC,gBAAgB;;AAEtE;AACA;;AAMA,MAAMC,sBAAuD,GAAGA,CAAC;EAAEC,KAAK;EAAEC,IAAI;EAAE,GAAGC;AAAM,CAAC,KAAK;EAC7F,MAAMC,WAAW,GAAGN,iBAAiB,CAAC,CAAC;EACvC,oBACEH,KAAA,CAAAU,aAAA,CAACR,IAAI;IAACS,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAEP,KAAK,IAAIM,MAAM,CAACN,KAAK,EAAEC,IAAI,IAAIK,MAAM,CAACL,IAAI,EAAE;MAAEO,eAAe,EAAEL,WAAW,CAACM;IAAM,CAAC;EAAE,gBAC7Gf,KAAA,CAAAU,aAAA,CAACN,eAAe,EAAAY,QAAA;IAACT,IAAI,EAAEA;EAAK,GAAKC,KAAK,CAAG,CACrC,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAGX,UAAU,CAACgB,MAAM,CAAC;EAC/BX,KAAK,EAAE;IACLY,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE,EAAE;IACxBC,SAAS,EAAE,CAAC;IACZC,UAAU,EAAE;EACd,CAAC;EACDR,IAAI,EAAE;IACJS,iBAAiB,EAAE;EACrB,CAAC;EACDf,IAAI,EAAE;IACJgB,sBAAsB,EAAE,EAAE;IAC1BC,uBAAuB,EAAE,EAAE;IAC3BC,YAAY,EAAE,EAAE;IAChBC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC;AAEF,eAAerB,sBAAsB","ignoreList":[]}

package/lib/module/ui-components/index.js

@@ -17,6 +17,7 @@ export * from './list';
 export * from './loader';
 export * from './nerd-view';
 export * from './nfc';
+export * from './notice';
 export * from './pin';
 export * from './proof-request';
 export * from './screens';

package/lib/module/ui-components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from './accessibility';\nexport * from './action-modal';\nexport * from './activity-indicator';\nexport * from './blur';\nexport * from './buttons';\nexport * from './camera';\nexport * from './control';\nexport * from './credential';\nexport * from './detail';\nexport * from './entity';\nexport * from './header';\nexport * from './history';\nexport * from './icons';\nexport * from './image';\nexport * from './input';\nexport * from './list';\nexport * from './loader';\nexport * from './nerd-view';\nexport * from './nfc';\nexport * from './pin';\nexport * from './proof-request';\nexport * from './screens';\nexport * from './searchbar';\nexport * from './settings';\nexport * from './state';\nexport * from './text';\nexport * from './theme';\n"],"mappings":"AAAA,cAAc,iBAAiB;AAC/B,cAAc,gBAAgB;AAC9B,cAAc,sBAAsB;AACpC,cAAc,QAAQ;AACtB,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,UAAU;AACxB,cAAc,aAAa;AAC3B,cAAc,OAAO;AACrB,cAAc,OAAO;AACrB,cAAc,iBAAiB;AAC/B,cAAc,WAAW;AACzB,cAAc,aAAa;AAC3B,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,SAAS","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from './accessibility';\nexport * from './action-modal';\nexport * from './activity-indicator';\nexport * from './blur';\nexport * from './buttons';\nexport * from './camera';\nexport * from './control';\nexport * from './credential';\nexport * from './detail';\nexport * from './entity';\nexport * from './header';\nexport * from './history';\nexport * from './icons';\nexport * from './image';\nexport * from './input';\nexport * from './list';\nexport * from './loader';\nexport * from './nerd-view';\nexport * from './nfc';\nexport * from './notice';\nexport * from './pin';\nexport * from './proof-request';\nexport * from './screens';\nexport * from './searchbar';\nexport * from './settings';\nexport * from './state';\nexport * from './text';\nexport * from './theme';\n"],"mappings":"AAAA,cAAc,iBAAiB;AAC/B,cAAc,gBAAgB;AAC9B,cAAc,sBAAsB;AACpC,cAAc,QAAQ;AACtB,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,UAAU;AACxB,cAAc,aAAa;AAC3B,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,OAAO;AACrB,cAAc,iBAAiB;AAC/B,cAAc,WAAW;AACzB,cAAc,aAAa;AAC3B,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,SAAS","ignoreList":[]}

package/lib/module/ui-components/notice/index.js

@@ -0,0 +1,3 @@
+import WalletNotice from './wallet-notice';
+export { WalletNotice };
+//# sourceMappingURL=index.js.map

package/lib/module/ui-components/notice/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["WalletNotice"],"sources":["index.ts"],"sourcesContent":["import WalletNotice from './wallet-notice';\n\nexport { WalletNotice };\n"],"mappings":"AAAA,OAAOA,YAAY,MAAM,iBAAiB;AAE1C,SAASA,YAAY","ignoreList":[]}

package/lib/module/ui-components/notice/wallet-notice.js

@@ -0,0 +1,72 @@
+import React, { useMemo } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { concatTestID } from '../../utils';
+import { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';
+import { CloseIcon } from '../icons';
+import { Typography } from '../text';
+import { useAppColorScheme } from '../theme';
+const testID = 'WalletNotice';
+const WalletNotice = ({
+  accessory,
+  icon,
+  style,
+  text,
+  onClose
+}) => {
+  const colorScheme = useAppColorScheme();
+  const iconView = useMemo(() => {
+    if (!icon) {
+      return undefined;
+    }
+    if (/*#__PURE__*/React.isValidElement(icon)) {
+      return icon;
+    } else {
+      const IconComponent = icon;
+      return /*#__PURE__*/React.createElement(IconComponent, null);
+    }
+  }, [icon]);
+  const accessoryView = useMemo(() => {
+    if (!accessory) {
+      return undefined;
+    }
+    if (/*#__PURE__*/React.isValidElement(accessory)) {
+      return accessory;
+    } else {
+      const AccessoryComponent = accessory;
+      return /*#__PURE__*/React.createElement(AccessoryComponent, null);
+    }
+  }, [accessory]);
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.noticeContainer, style]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.title
+  }, iconView, /*#__PURE__*/React.createElement(Typography, {
+    color: colorScheme.white
+  }, text), accessoryView), onClose && /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: onClose,
+    style: styles.closeIcon,
+    testID: concatTestID(testID, 'close')
+  }, /*#__PURE__*/React.createElement(CloseIcon, {
+    color: "white"
+  })));
+};
+const styles = StyleSheet.create({
+  closeIcon: {
+    position: 'absolute',
+    right: 20,
+    top: 5
+  },
+  noticeContainer: {
+    flexDirection: 'row',
+    justifyContent: 'center',
+    position: 'relative'
+  },
+  title: {
+    alignItems: 'center',
+    flexDirection: 'row',
+    gap: 5,
+    justifyContent: 'center'
+  }
+});
+export default WalletNotice;
+//# sourceMappingURL=wallet-notice.js.map

package/lib/module/ui-components/notice/wallet-notice.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","StyleSheet","View","concatTestID","TouchableOpacity","CloseIcon","Typography","useAppColorScheme","testID","WalletNotice","accessory","icon","style","text","onClose","colorScheme","iconView","undefined","isValidElement","IconComponent","createElement","accessoryView","AccessoryComponent","styles","noticeContainer","title","color","white","onPress","closeIcon","create","position","right","top","flexDirection","justifyContent","alignItems","gap"],"sources":["wallet-notice.tsx"],"sourcesContent":["import React, { ComponentType, FunctionComponent, JSXElementConstructor, ReactElement, useMemo } from 'react';\nimport { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { concatTestID } from '../../utils';\nimport { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';\nimport { CloseIcon } from '../icons';\nimport { Typography } from '../text';\nimport { useAppColorScheme } from '../theme';\n\nexport type WalletNoticeProps = {\n  accessory?: ComponentType<any> | ReactElement;\n  icon?: ComponentType<any> | ReactElement;\n  onClose?: () => void;\n  style?: StyleProp<ViewStyle>;\n  text: string;\n};\n\nconst testID = 'WalletNotice';\n\nconst WalletNotice: FunctionComponent<WalletNoticeProps> = ({ accessory, icon, style, text, onClose }) => {\n  const colorScheme = useAppColorScheme();\n\n  const iconView: React.ReactElement | undefined = useMemo(() => {\n    if (!icon) {\n      return undefined;\n    }\n    if (React.isValidElement(icon)) {\n      return icon;\n    } else {\n      const IconComponent = icon as JSXElementConstructor<any>;\n      return <IconComponent />;\n    }\n  }, [icon]);\n\n  const accessoryView: React.ReactElement | undefined = useMemo(() => {\n    if (!accessory) {\n      return undefined;\n    }\n    if (React.isValidElement(accessory)) {\n      return accessory;\n    } else {\n      const AccessoryComponent = accessory as JSXElementConstructor<any>;\n      return <AccessoryComponent />;\n    }\n  }, [accessory]);\n\n  return (\n    <View style={[styles.noticeContainer, style]}>\n      <View style={styles.title}>\n        {iconView}\n        <Typography color={colorScheme.white}>{text}</Typography>\n        {accessoryView}\n      </View>\n      {onClose && (\n        <TouchableOpacity onPress={onClose} style={styles.closeIcon} testID={concatTestID(testID, 'close')}>\n          <CloseIcon color=\"white\" />\n        </TouchableOpacity>\n      )}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  closeIcon: {\n    position: 'absolute',\n    right: 20,\n    top: 5,\n  },\n  noticeContainer: {\n    flexDirection: 'row',\n    justifyContent: 'center',\n    position: 'relative',\n  },\n  title: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    gap: 5,\n    justifyContent: 'center',\n  },\n});\n\nexport default WalletNotice;\n"],"mappings":"AAAA,OAAOA,KAAK,IAA2EC,OAAO,QAAQ,OAAO;AAC7G,SAAoBC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAErE,SAASC,YAAY,QAAQ,aAAa;AAC1C,SAASC,gBAAgB,QAAQ,+CAA+C;AAChF,SAASC,SAAS,QAAQ,UAAU;AACpC,SAASC,UAAU,QAAQ,SAAS;AACpC,SAASC,iBAAiB,QAAQ,UAAU;AAU5C,MAAMC,MAAM,GAAG,cAAc;AAE7B,MAAMC,YAAkD,GAAGA,CAAC;EAAEC,SAAS;EAAEC,IAAI;EAAEC,KAAK;EAAEC,IAAI;EAAEC;AAAQ,CAAC,KAAK;EACxG,MAAMC,WAAW,GAAGR,iBAAiB,CAAC,CAAC;EAEvC,MAAMS,QAAwC,GAAGhB,OAAO,CAAC,MAAM;IAC7D,IAAI,CAACW,IAAI,EAAE;MACT,OAAOM,SAAS;IAClB;IACA,iBAAIlB,KAAK,CAACmB,cAAc,CAACP,IAAI,CAAC,EAAE;MAC9B,OAAOA,IAAI;IACb,CAAC,MAAM;MACL,MAAMQ,aAAa,GAAGR,IAAkC;MACxD,oBAAOZ,KAAA,CAAAqB,aAAA,CAACD,aAAa,MAAE,CAAC;IAC1B;EACF,CAAC,EAAE,CAACR,IAAI,CAAC,CAAC;EAEV,MAAMU,aAA6C,GAAGrB,OAAO,CAAC,MAAM;IAClE,IAAI,CAACU,SAAS,EAAE;MACd,OAAOO,SAAS;IAClB;IACA,iBAAIlB,KAAK,CAACmB,cAAc,CAACR,SAAS,CAAC,EAAE;MACnC,OAAOA,SAAS;IAClB,CAAC,MAAM;MACL,MAAMY,kBAAkB,GAAGZ,SAAuC;MAClE,oBAAOX,KAAA,CAAAqB,aAAA,CAACE,kBAAkB,MAAE,CAAC;IAC/B;EACF,CAAC,EAAE,CAACZ,SAAS,CAAC,CAAC;EAEf,oBACEX,KAAA,CAAAqB,aAAA,CAAClB,IAAI;IAACU,KAAK,EAAE,CAACW,MAAM,CAACC,eAAe,EAAEZ,KAAK;EAAE,gBAC3Cb,KAAA,CAAAqB,aAAA,CAAClB,IAAI;IAACU,KAAK,EAAEW,MAAM,CAACE;EAAM,GACvBT,QAAQ,eACTjB,KAAA,CAAAqB,aAAA,CAACd,UAAU;IAACoB,KAAK,EAAEX,WAAW,CAACY;EAAM,GAAEd,IAAiB,CAAC,EACxDQ,aACG,CAAC,EACNP,OAAO,iBACNf,KAAA,CAAAqB,aAAA,CAAChB,gBAAgB;IAACwB,OAAO,EAAEd,OAAQ;IAACF,KAAK,EAAEW,MAAM,CAACM,SAAU;IAACrB,MAAM,EAAEL,YAAY,CAACK,MAAM,EAAE,OAAO;EAAE,gBACjGT,KAAA,CAAAqB,aAAA,CAACf,SAAS;IAACqB,KAAK,EAAC;EAAO,CAAE,CACV,CAEhB,CAAC;AAEX,CAAC;AAED,MAAMH,MAAM,GAAGtB,UAAU,CAAC6B,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,EAAE;IACTC,GAAG,EAAE;EACP,CAAC;EACDT,eAAe,EAAE;IACfU,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,QAAQ;IACxBJ,QAAQ,EAAE;EACZ,CAAC;EACDN,KAAK,EAAE;IACLW,UAAU,EAAE,QAAQ;IACpBF,aAAa,EAAE,KAAK;IACpBG,GAAG,EAAE,CAAC;IACNF,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;AAEF,eAAe1B,YAAY","ignoreList":[]}