npm - @procivis/one-react-native-components - Versions diffs - 0.2.54 → 0.3.22 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (874) hide show

package/lib/module/ui-components/credential/card/credential-card.js CHANGED Viewed

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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, { useCallback, useMemo, useState } from 'react';
 import { Image, StyleSheet, View } from 'react-native';
 import { concatTestID } from '../../../utils/testID';
@@ -19,20 +19,19 @@ export const CredentialCardShadow = {
   shadowRadius: 7
 };
 export const CredentialCardRatio = 18 / 11;
-const CredentialCard = _ref => {
+const CredentialCard = ({
+  cardCarouselImages = [],
+  cardImage,
+  color = '#5A69F3',
+  credentialId,
+  header,
+  notice,
+  onCardPress,
+  onHeaderPress,
+  style,
+  testID
+}) => {
   var _header$color;
-  let {
-    cardCarouselImages = [],
-    cardImage,
-    color = '#5A69F3',
-    credentialId,
-    header,
-    notice,
-    onCardPress,
-    onHeaderPress,
-    style,
-    testID
-  } = _ref;
   const colorScheme = useAppColorScheme();
   const [tappableHeaderHeight, setTappableHeaderHeight] = useState();
   const [cardSize, setCardSize] = useState();
@@ -50,16 +49,16 @@ const CredentialCard = _ref => {
     setTappableHeaderHeight(event.nativeEvent.layout.height);
   }, []);
   const headerPressHandler = useCallback(() => {
-    onHeaderPress === null || onHeaderPress === void 0 ? void 0 : onHeaderPress(credentialId);
+    onHeaderPress === null || onHeaderPress === void 0 || onHeaderPress(credentialId);
   }, [credentialId, onHeaderPress]);
   const cardPressHandler = useCallback(() => {
-    onCardPress === null || onCardPress === void 0 ? void 0 : onCardPress(credentialId);
+    onCardPress === null || onCardPress === void 0 || onCardPress(credentialId);
   }, [credentialId, onCardPress]);
   const noticeIconView = useMemo(() => {
     if (!(notice !== null && notice !== void 0 && notice.noticeIcon)) {
       return undefined;
     }
-    if ( /*#__PURE__*/React.isValidElement(notice.noticeIcon)) {
+    if (/*#__PURE__*/React.isValidElement(notice.noticeIcon)) {
       return notice.noticeIcon;
     } else {
       const NoticeIconComponent = notice.noticeIcon;

package/lib/module/ui-components/credential/card/credential-card.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useCallback","useMemo","useState","Image","StyleSheet","View","concatTestID","TouchableOpacity","BlurView","ImageOrComponent","Typography","useAppColorScheme","CredentialHeader","CarouselComponent","CredentialCardShadow","shadowColor","shadowOffset","height","width","shadowOpacity","shadowRadius","CredentialCardRatio","CredentialCard","_ref","_header$color","cardCarouselImages","cardImage","color","credentialId","header","notice","onCardPress","onHeaderPress","style","testID","colorScheme","tappableHeaderHeight","setTappableHeaderHeight","cardSize","setCardSize","onCardLayoutChange","event","nativeEvent","layout","onHeaderLayoutChange","headerPressHandler","cardPressHandler","noticeIconView","noticeIcon","undefined","isValidElement","NoticeIconComponent","createElement","shouldShowCarousel","onLayout","styles","card","source","imageSource","image","String","backgroundColor","cardButton","onPress","marginTop","imagesToRender","carouselSize","activeOpacity","disabled","_extends","blurStyle","noticeTextWrapper","text","preset","noticeText","create","borderRadius","overflow","position","aspectRatio","top","bottom","columnGap","flexDirection","justifyContent","paddingBottom","paddingHorizontal","paddingTop","marginVertical","flex"],"sources":["credential-card.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo, useState } from 'react';\nimport { ColorValue, Image, LayoutChangeEvent, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { concatTestID } from '../../../utils/testID';\nimport { TouchableOpacity } from '../../accessibility/accessibilityHistoryWrappers';\nimport BlurView from '../../blur/blur-view';\nimport ImageOrComponent, { ImageOrComponentSource } from '../../image/image-or-component';\nimport Typography from '../../text/typography';\nimport { useAppColorScheme } from '../../theme/color-scheme-context';\nimport CredentialHeader, { CredentialHeaderProps } from './credential-header';\nimport CarouselComponent, { CarouselImage } from './credential-image-carousel';\n\nexport const CredentialCardShadow: Pick<ViewStyle, 'shadowColor' \| 'shadowOffset' \| 'shadowOpacity' \| 'shadowRadius'> =\n {\n shadowColor: '#10274226',\n shadowOffset: {\n height: 5,\n width: 0,\n },\n shadowOpacity: 1,\n shadowRadius: 7,\n };\n\nexport const CredentialCardRatio = 18 / 11;\n\nexport type CredentialCardNotice = {\n text: string;\n noticeIcon?: React.ComponentType<any> \| React.ReactElement;\n};\n\nexport type CredentialCardProps = {\n cardCarouselImages?: CarouselImage[];\n cardImage?: ImageOrComponentSource;\n color?: ColorValue;\n credentialId?: string;\n header: CredentialHeaderProps;\n notice?: CredentialCardNotice;\n onCardPress?: (credentialId?: string) => void;\n onHeaderPress?: (credentialId?: string) => void;\n style?: StyleProp<ViewStyle>;\n testID?: string;\n};\n\nconst CredentialCard: FC<CredentialCardProps> = ({\n cardCarouselImages = [],\n cardImage,\n color = '#5A69F3',\n credentialId,\n header,\n notice,\n onCardPress,\n onHeaderPress,\n style,\n testID,\n}) => {\n const colorScheme = useAppColorScheme();\n const [tappableHeaderHeight, setTappableHeaderHeight] = useState<number>();\n const [cardSize, setCardSize] = useState<{ height: number; width: number }>();\n\n const onCardLayoutChange = useCallback((event: LayoutChangeEvent) => {\n const { width, height } = event.nativeEvent.layout;\n setCardSize({ width, height });\n }, []);\n\n const onHeaderLayoutChange = useCallback((event: LayoutChangeEvent) => {\n setTappableHeaderHeight(event.nativeEvent.layout.height);\n }, []);\n\n const headerPressHandler = useCallback(() => {\n onHeaderPress?.(credentialId);\n }, [credentialId, onHeaderPress]);\n\n const cardPressHandler = useCallback(() => {\n onCardPress?.(credentialId);\n }, [credentialId, onCardPress]);\n\n const noticeIconView: React.ReactElement \| undefined = useMemo(() => {\n if (!notice?.noticeIcon) {\n return undefined;\n }\n if (React.isValidElement(notice.noticeIcon)) {\n return notice.noticeIcon;\n } else {\n const NoticeIconComponent = notice.noticeIcon as React.ComponentType<any>;\n return <NoticeIconComponent />;\n }\n }, [notice?.noticeIcon]);\n\n const shouldShowCarousel = cardSize?.width && cardSize.height;\n return (\n <View onLayout={onCardLayoutChange} style={[styles.card, style]} testID={testID}>\n {cardImage ? (\n 'imageSource' in cardImage ? (\n <View style={styles.cardImage}>\n <Image testID={concatTestID(testID, 'imageSource')} source={cardImage.imageSource} style={styles.image} />\n </View>\n ) : (\n <ImageOrComponent testID={concatTestID(testID, 'cardImage')} source={cardImage} style={styles.cardImage} />\n )\n ) : (\n <View\n testID={concatTestID(testID, 'cardBackgroundColor', String(color))}\n style={[styles.cardImage, { backgroundColor: color }]}\n />\n )}\n {onCardPress && <TouchableOpacity style={styles.cardButton} onPress={cardPressHandler} />}\n {shouldShowCarousel ? (\n <CarouselComponent\n style={{ marginTop: tappableHeaderHeight ?? 0 }}\n imagesToRender={cardCarouselImages ?? []}\n carouselSize={{\n width: cardSize.width,\n height: cardSize.height - (tappableHeaderHeight ?? 0),\n }}\n testID={concatTestID(testID, 'carousel')}\n />\n ) : null}\n <TouchableOpacity\n onLayout={onHeaderLayoutChange}\n activeOpacity={0.9}\n disabled={!onHeaderPress}\n onPress={headerPressHandler}\n style={styles.header}>\n <CredentialHeader {...header} color={header.color ?? color} testID={concatTestID(testID, 'header')} />\n </TouchableOpacity>\n {notice && (\n <BlurView blurStyle=\"soft\" style={[styles.notice]} testID={concatTestID(testID, 'notice')}>\n {noticeIconView && <View style={styles.noticeIcon}>{noticeIconView}</View>}\n <View style={styles.noticeTextWrapper}>\n <Typography\n color={colorScheme.text}\n preset=\"xs/line-height-small\"\n style={styles.noticeText}\n testID={concatTestID(testID, 'notice.text')}>\n {notice.text}\n </Typography>\n </View>\n </BlurView>\n )}\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n card: {\n borderRadius: 10,\n overflow: 'hidden',\n },\n cardButton: {\n height: '100%',\n position: 'absolute',\n width: '100%',\n },\n cardImage: {\n aspectRatio: CredentialCardRatio,\n width: '100%',\n },\n header: {\n position: 'absolute',\n top: 0,\n width: '100%',\n },\n image: {\n height: '100%',\n width: '100%',\n },\n notice: {\n bottom: 0,\n columnGap: 6,\n flexDirection: 'row',\n justifyContent: 'flex-start',\n paddingBottom: 6,\n paddingHorizontal: 12,\n paddingTop: 2,\n position: 'absolute',\n width: '100%',\n },\n noticeIcon: {\n marginTop: 4,\n },\n noticeText: {\n marginVertical: 5,\n },\n noticeTextWrapper: {\n flex: 1,\n },\n});\n\nexport default CredentialCard;\n"],"mappings":"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"}
1	+ {"version":3,"names":["React","useCallback","useMemo","useState","Image","StyleSheet","View","concatTestID","TouchableOpacity","BlurView","ImageOrComponent","Typography","useAppColorScheme","CredentialHeader","CarouselComponent","CredentialCardShadow","shadowColor","shadowOffset","height","width","shadowOpacity","shadowRadius","CredentialCardRatio","CredentialCard","cardCarouselImages","cardImage","color","credentialId","header","notice","onCardPress","onHeaderPress","style","testID","_header$color","colorScheme","tappableHeaderHeight","setTappableHeaderHeight","cardSize","setCardSize","onCardLayoutChange","event","nativeEvent","layout","onHeaderLayoutChange","headerPressHandler","cardPressHandler","noticeIconView","noticeIcon","undefined","isValidElement","NoticeIconComponent","createElement","shouldShowCarousel","onLayout","styles","card","source","imageSource","image","String","backgroundColor","cardButton","onPress","marginTop","imagesToRender","carouselSize","activeOpacity","disabled","_extends","blurStyle","noticeTextWrapper","text","preset","noticeText","create","borderRadius","overflow","position","aspectRatio","top","bottom","columnGap","flexDirection","justifyContent","paddingBottom","paddingHorizontal","paddingTop","marginVertical","flex"],"sources":["credential-card.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo, useState } from 'react';\nimport { ColorValue, Image, LayoutChangeEvent, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { concatTestID } from '../../../utils/testID';\nimport { TouchableOpacity } from '../../accessibility/accessibilityHistoryWrappers';\nimport BlurView from '../../blur/blur-view';\nimport ImageOrComponent, { ImageOrComponentSource } from '../../image/image-or-component';\nimport Typography from '../../text/typography';\nimport { useAppColorScheme } from '../../theme/color-scheme-context';\nimport CredentialHeader, { CredentialHeaderProps } from './credential-header';\nimport CarouselComponent, { CarouselImage } from './credential-image-carousel';\n\nexport const CredentialCardShadow: Pick<ViewStyle, 'shadowColor' \| 'shadowOffset' \| 'shadowOpacity' \| 'shadowRadius'> =\n {\n shadowColor: '#10274226',\n shadowOffset: {\n height: 5,\n width: 0,\n },\n shadowOpacity: 1,\n shadowRadius: 7,\n };\n\nexport const CredentialCardRatio = 18 / 11;\n\nexport type CredentialCardNotice = {\n text: string;\n noticeIcon?: React.ComponentType<any> \| React.ReactElement;\n};\n\nexport type CredentialCardProps = {\n cardCarouselImages?: CarouselImage[];\n cardImage?: ImageOrComponentSource;\n color?: ColorValue;\n credentialId?: string;\n header: CredentialHeaderProps;\n notice?: CredentialCardNotice;\n onCardPress?: (credentialId?: string) => void;\n onHeaderPress?: (credentialId?: string) => void;\n style?: StyleProp<ViewStyle>;\n testID?: string;\n};\n\nconst CredentialCard: FC<CredentialCardProps> = ({\n cardCarouselImages = [],\n cardImage,\n color = '#5A69F3',\n credentialId,\n header,\n notice,\n onCardPress,\n onHeaderPress,\n style,\n testID,\n}) => {\n const colorScheme = useAppColorScheme();\n const [tappableHeaderHeight, setTappableHeaderHeight] = useState<number>();\n const [cardSize, setCardSize] = useState<{ height: number; width: number }>();\n\n const onCardLayoutChange = useCallback((event: LayoutChangeEvent) => {\n const { width, height } = event.nativeEvent.layout;\n setCardSize({ width, height });\n }, []);\n\n const onHeaderLayoutChange = useCallback((event: LayoutChangeEvent) => {\n setTappableHeaderHeight(event.nativeEvent.layout.height);\n }, []);\n\n const headerPressHandler = useCallback(() => {\n onHeaderPress?.(credentialId);\n }, [credentialId, onHeaderPress]);\n\n const cardPressHandler = useCallback(() => {\n onCardPress?.(credentialId);\n }, [credentialId, onCardPress]);\n\n const noticeIconView: React.ReactElement \| undefined = useMemo(() => {\n if (!notice?.noticeIcon) {\n return undefined;\n }\n if (React.isValidElement(notice.noticeIcon)) {\n return notice.noticeIcon;\n } else {\n const NoticeIconComponent = notice.noticeIcon as React.ComponentType<any>;\n return <NoticeIconComponent />;\n }\n }, [notice?.noticeIcon]);\n\n const shouldShowCarousel = cardSize?.width && cardSize.height;\n return (\n <View onLayout={onCardLayoutChange} style={[styles.card, style]} testID={testID}>\n {cardImage ? (\n 'imageSource' in cardImage ? (\n <View style={styles.cardImage}>\n <Image testID={concatTestID(testID, 'imageSource')} source={cardImage.imageSource} style={styles.image} />\n </View>\n ) : (\n <ImageOrComponent testID={concatTestID(testID, 'cardImage')} source={cardImage} style={styles.cardImage} />\n )\n ) : (\n <View\n testID={concatTestID(testID, 'cardBackgroundColor', String(color))}\n style={[styles.cardImage, { backgroundColor: color }]}\n />\n )}\n {onCardPress && <TouchableOpacity style={styles.cardButton} onPress={cardPressHandler} />}\n {shouldShowCarousel ? (\n <CarouselComponent\n style={{ marginTop: tappableHeaderHeight ?? 0 }}\n imagesToRender={cardCarouselImages ?? []}\n carouselSize={{\n width: cardSize.width,\n height: cardSize.height - (tappableHeaderHeight ?? 0),\n }}\n testID={concatTestID(testID, 'carousel')}\n />\n ) : null}\n <TouchableOpacity\n onLayout={onHeaderLayoutChange}\n activeOpacity={0.9}\n disabled={!onHeaderPress}\n onPress={headerPressHandler}\n style={styles.header}>\n <CredentialHeader {...header} color={header.color ?? color} testID={concatTestID(testID, 'header')} />\n </TouchableOpacity>\n {notice && (\n <BlurView blurStyle=\"soft\" style={[styles.notice]} testID={concatTestID(testID, 'notice')}>\n {noticeIconView && <View style={styles.noticeIcon}>{noticeIconView}</View>}\n <View style={styles.noticeTextWrapper}>\n <Typography\n color={colorScheme.text}\n preset=\"xs/line-height-small\"\n style={styles.noticeText}\n testID={concatTestID(testID, 'notice.text')}>\n {notice.text}\n </Typography>\n </View>\n </BlurView>\n )}\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n card: {\n borderRadius: 10,\n overflow: 'hidden',\n },\n cardButton: {\n height: '100%',\n position: 'absolute',\n width: '100%',\n },\n cardImage: {\n aspectRatio: CredentialCardRatio,\n width: '100%',\n },\n header: {\n position: 'absolute',\n top: 0,\n width: '100%',\n },\n image: {\n height: '100%',\n width: '100%',\n },\n notice: {\n bottom: 0,\n columnGap: 6,\n flexDirection: 'row',\n justifyContent: 'flex-start',\n paddingBottom: 6,\n paddingHorizontal: 12,\n paddingTop: 2,\n position: 'absolute',\n width: '100%',\n },\n noticeIcon: {\n marginTop: 4,\n },\n noticeText: {\n marginVertical: 5,\n },\n noticeTextWrapper: {\n flex: 1,\n },\n});\n\nexport default CredentialCard;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/ui-components/credential/card/credential-details-card.js CHANGED Viewed

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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, { useCallback, useEffect, useMemo, useState } from 'react';
 import { StyleSheet, View } from 'react-native';
 import Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
@@ -9,21 +9,20 @@ import { useAppColorScheme } from '../../theme/color-scheme-context';
 import CredentialAttributeItem from '../credential-attribute-item';
 import CredentialCard from './credential-card';
 const PREVIEW_ATTRIBUTES_COUNT = 3;
-const CredentialDetailsCard = _ref => {
+const CredentialDetailsCard = ({
+  animate = true,
+  attributes,
+  card,
+  expanded,
+  footer,
+  onImagePreview,
+  onAttributeSelected,
+  style,
+  showAllButtonLabel,
+  testID,
+  ...viewProps
+}) => {
   var _header$accessory;
-  let {
-    animate = true,
-    attributes,
-    card,
-    expanded,
-    footer,
-    onImagePreview,
-    onAttributeSelected,
-    style,
-    showAllButtonLabel,
-    testID,
-    ...viewProps
-  } = _ref;
   const colorScheme = useAppColorScheme();
   const [previewAttributesHeight, setPreviewAttributesHeight] = useState();
   const [fullAttributesHeight, setFullAttributesHeight] = useState();
@@ -54,7 +53,7 @@ const CredentialDetailsCard = _ref => {
     }
     const additionalAttributesHeight = fullAttributesHeight !== null && fullAttributesHeight !== void 0 ? fullAttributesHeight : 0;
     const additionalHeight = allAttributesRendered ? additionalAttributesHeight : buttonViewHeight;
-    const newHeight = expanded ? previewAttributesHeight + additionalHeight : 0;
+    const newHeight = expanded || !animate ? previewAttributesHeight + additionalHeight : 0;
     if (currentHeight.value === undefined || !animate) {
       currentHeight.value = newHeight;
       return;
@@ -76,7 +75,7 @@ const CredentialDetailsCard = _ref => {
     return {
       height: currentHeight.value
     };
-  });
+  }, [expanded, currentHeight]);
   const onPreviewAttrContentLayout = useCallback(event => {
     setPreviewAttributesHeight(event.nativeEvent.layout.height);
   }, []);
@@ -90,7 +89,7 @@ const CredentialDetailsCard = _ref => {
     if (!footer) {
       return undefined;
     }
-    if ( /*#__PURE__*/React.isValidElement(footer)) {
+    if (/*#__PURE__*/React.isValidElement(footer)) {
       return footer;
     } else {
       const FooterComponent = footer;
@@ -138,18 +137,15 @@ const CredentialDetailsCard = _ref => {
   })), renderExtraAttributes && /*#__PURE__*/React.createElement(View, {
     style: [styles.allAttributesWrapper, footerView && styles.allAttributesWrapperWithFooter],
     onLayout: onFullAttrContentLayout
-  }, extraAttributes.map((attribute, index, _ref2) => {
-    let {
-      length
-    } = _ref2;
-    return /*#__PURE__*/React.createElement(CredentialAttributeItem, _extends({
-      key: attribute.id,
-      last: !footerView && index === length - 1,
-      testID: concatTestID(testID, 'attribute', index.toString()),
-      onImagePreview: onImagePreview,
-      onPress: onAttributeSelected
-    }, attribute));
-  })))), footerView ? /*#__PURE__*/React.createElement(View, {
+  }, extraAttributes.map((attribute, index, {
+    length
+  }) => /*#__PURE__*/React.createElement(CredentialAttributeItem, _extends({
+    key: attribute.id,
+    last: !footerView && index === length - 1,
+    testID: concatTestID(testID, 'attribute', index.toString()),
+    onImagePreview: onImagePreview,
+    onPress: onAttributeSelected
+  }, attribute)))))), footerView ? /*#__PURE__*/React.createElement(View, {
     style: styles.footer
   }, footerView) : null);
 };

package/lib/module/ui-components/credential/card/credential-details-card.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useCallback","useEffect","useMemo","useState","StyleSheet","View","Animated","useAnimatedStyle","useSharedValue","withTiming","concatTestID","Button","ButtonType","DownIcon","UpIcon","useAppColorScheme","CredentialAttributeItem","CredentialCard","PREVIEW_ATTRIBUTES_COUNT","CredentialDetailsCard","_ref","_header$accessory","animate","attributes","card","expanded","footer","onImagePreview","onAttributeSelected","style","showAllButtonLabel","testID","viewProps","colorScheme","previewAttributesHeight","setPreviewAttributesHeight","fullAttributesHeight","setFullAttributesHeight","buttonViewHeight","setButtonViewHeight","allAttributesRendered","setAllAttributesRendered","length","CaretIcon","currentHeight","undefined","previewAttributes","slice","extraAttributes","viewStyle","flatten","styles","allAttributesWrapper","allAttributesWrapperWithFooter","padding","paddingBottom","additionalAttributesHeight","additionalHeight","newHeight","value","duration","credentialAttributesStyle","height","onPreviewAttrContentLayout","event","nativeEvent","layout","onFullAttrContentLayout","onButtonViewLayout","footerView","isValidElement","FooterComponent","createElement","header","cardProps","renderExtraAttributes","_extends","detailsCard","backgroundColor","white","accessory","attributesAnimatedWrapper","attributesWrapper","onLayout","previewAttributesWrapper","map","attribute","idx","key","id","last","toString","onPress","type","Secondary","title","index","_ref2","create","paddingHorizontal","width","overflow","paddingTop","position","borderRadius","marginTop"],"sources":["credential-details-card.tsx"],"sourcesContent":["import React, { ComponentType, FC, ReactElement, useCallback, useEffect, useMemo, useState } from 'react';\nimport { ImageSourcePropType, LayoutChangeEvent, StyleSheet, View, ViewProps } from 'react-native';\nimport Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';\n\nimport { concatTestID } from '../../../utils/testID';\nimport { Button, ButtonType } from '../../buttons';\nimport { DownIcon, UpIcon } from '../../icons/credential';\nimport { useAppColorScheme } from '../../theme/color-scheme-context';\nimport CredentialAttributeItem, { CredentialAttribute } from '../credential-attribute-item';\nimport CredentialCard, { CredentialCardProps } from './credential-card';\n\nexport type CredentialDetailsCardProps = ViewProps & {\n animate?: boolean;\n attributes: CredentialAttribute[] \| false;\n card: CredentialCardProps;\n expanded?: boolean;\n footer?: ComponentType<any> \| ReactElement;\n onImagePreview?: (name: string, image: ImageSourcePropType) => void;\n onAttributeSelected?: (id: string, selected: boolean) => void;\n showAllButtonLabel?: string;\n};\n\nconst PREVIEW_ATTRIBUTES_COUNT = 3;\n\nconst CredentialDetailsCard: FC<CredentialDetailsCardProps> = ({\n animate = true,\n attributes,\n card,\n expanded,\n footer,\n onImagePreview,\n onAttributeSelected,\n style,\n showAllButtonLabel,\n testID,\n ...viewProps\n}) => {\n const colorScheme = useAppColorScheme();\n const [previewAttributesHeight, setPreviewAttributesHeight] = useState<number>();\n const [fullAttributesHeight, setFullAttributesHeight] = useState<number>();\n const [buttonViewHeight, setButtonViewHeight] = useState<number>();\n\n const [allAttributesRendered, setAllAttributesRendered] = useState<boolean>(\n (attributes && attributes.length <= PREVIEW_ATTRIBUTES_COUNT) \|\| !showAllButtonLabel,\n );\n\n const CaretIcon = expanded ? UpIcon : DownIcon;\n\n const currentHeight = useSharedValue<number \| undefined>(undefined);\n\n const previewAttributes = attributes ? attributes.slice(0, PREVIEW_ATTRIBUTES_COUNT) : [];\n const extraAttributes = useMemo(() => (attributes ? attributes.slice(PREVIEW_ATTRIBUTES_COUNT) : []), [attributes]);\n\n useEffect(() => {\n if (!extraAttributes \|\| allAttributesRendered) {\n setButtonViewHeight(0);\n }\n }, [extraAttributes, allAttributesRendered]);\n\n useEffect(() => {\n if (extraAttributes.length === 0) {\n const viewStyle = StyleSheet.flatten([\n styles.allAttributesWrapper,\n footer && styles.allAttributesWrapperWithFooter,\n ]);\n const padding = viewStyle.paddingBottom;\n setFullAttributesHeight(padding);\n }\n }, [extraAttributes, footer]);\n\n useEffect(() => {\n if (previewAttributesHeight === undefined \|\| buttonViewHeight === undefined) {\n return;\n }\n if (allAttributesRendered && fullAttributesHeight === undefined) {\n return;\n }\n\n const additionalAttributesHeight = fullAttributesHeight ?? 0;\n const additionalHeight = allAttributesRendered ? additionalAttributesHeight : buttonViewHeight;\n const newHeight = expanded ? previewAttributesHeight + additionalHeight : 0;\n\n if (currentHeight.value === undefined \|\| !animate) {\n currentHeight.value = newHeight;\n return;\n }\n\n const duration = !expanded\n ? 250\n : allAttributesRendered\n ? previewAttributes.length * 50\n : extraAttributes.length * 50;\n currentHeight.value = withTiming(newHeight, {\n duration,\n });\n }, [\n allAttributesRendered,\n buttonViewHeight,\n currentHeight,\n animate,\n expanded,\n extraAttributes.length,\n fullAttributesHeight,\n previewAttributes.length,\n previewAttributesHeight,\n ]);\n\n const credentialAttributesStyle = useAnimatedStyle(() => {\n if (currentHeight.value === undefined) {\n if (expanded) {\n return {};\n }\n return {\n height: 0,\n };\n }\n return {\n height: currentHeight.value,\n };\n });\n\n const onPreviewAttrContentLayout = useCallback((event: LayoutChangeEvent) => {\n setPreviewAttributesHeight(event.nativeEvent.layout.height);\n }, []);\n\n const onFullAttrContentLayout = useCallback((event: LayoutChangeEvent) => {\n setFullAttributesHeight(event.nativeEvent.layout.height);\n }, []);\n\n const onButtonViewLayout = useCallback((event: LayoutChangeEvent) => {\n setButtonViewHeight(event.nativeEvent.layout.height);\n }, []);\n\n const footerView: ReactElement \| undefined = useMemo(() => {\n if (!footer) {\n return undefined;\n }\n if (React.isValidElement(footer)) {\n return footer;\n } else {\n const FooterComponent = footer as React.ComponentType<any>;\n return <FooterComponent />;\n }\n }, [footer]);\n\n const { header, ...cardProps } = card;\n\n const renderExtraAttributes =\n allAttributesRendered \|\| (previewAttributesHeight !== undefined && currentHeight.value !== undefined);\n return (\n <View\n style={[styles.detailsCard, { backgroundColor: colorScheme.white }, style]}\n {...viewProps}\n testID={concatTestID(card.testID, expanded ? 'expanded' : 'collapsed')}>\n <CredentialCard\n {...cardProps}\n header={{ ...header, accessory: header.accessory ?? CaretIcon }}\n style={[styles.card, cardProps.style]}\n />\n {previewAttributes.length > 0 && (\n <Animated.View style={[styles.attributesAnimatedWrapper, credentialAttributesStyle]}>\n <View style={styles.attributesWrapper}>\n <View onLayout={onPreviewAttrContentLayout} style={styles.previewAttributesWrapper}>\n {previewAttributes.map((attribute, idx) => (\n <CredentialAttributeItem\n key={attribute.id}\n last={!footerView && !extraAttributes.length && idx === previewAttributes.length - 1}\n testID={concatTestID(testID, 'attribute', idx.toString())}\n onImagePreview={onImagePreview}\n onPress={onAttributeSelected}\n {...attribute}\n />\n ))}\n </View>\n {!allAttributesRendered && extraAttributes.length > 0 && (\n <View style={styles.allAttributesWrapper} onLayout={onButtonViewLayout}>\n <Button\n onPress={() => setAllAttributesRendered(true)}\n type={ButtonType.Secondary}\n testID={concatTestID(testID, 'showAllAttributesButton')}\n title={showAllButtonLabel!}\n />\n </View>\n )}\n {renderExtraAttributes && (\n <View\n style={[styles.allAttributesWrapper, footerView && styles.allAttributesWrapperWithFooter]}\n onLayout={onFullAttrContentLayout}>\n {extraAttributes.map((attribute, index, { length }) => (\n <CredentialAttributeItem\n key={attribute.id}\n last={!footerView && index === length - 1}\n testID={concatTestID(testID, 'attribute', index.toString())}\n onImagePreview={onImagePreview}\n onPress={onAttributeSelected}\n {...attribute}\n />\n ))}\n </View>\n )}\n </View>\n </Animated.View>\n )}\n {footerView ? <View style={styles.footer}>{footerView}</View> : null}\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n allAttributesWrapper: {\n paddingBottom: 12,\n paddingHorizontal: 4,\n width: '100%',\n },\n allAttributesWrapperWithFooter: {\n paddingBottom: 0,\n },\n attributesAnimatedWrapper: {\n overflow: 'hidden',\n },\n attributesWrapper: {\n paddingTop: 7,\n position: 'absolute',\n width: '100%',\n },\n card: {\n borderRadius: 0,\n },\n detailsCard: {\n borderRadius: 10,\n overflow: 'hidden',\n },\n footer: {\n marginTop: 12,\n },\n previewAttributesWrapper: {\n paddingHorizontal: 4,\n width: '100%',\n },\n});\n\nexport default CredentialDetailsCard;\n"],"mappings":"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"}
1	+ {"version":3,"names":["React","useCallback","useEffect","useMemo","useState","StyleSheet","View","Animated","useAnimatedStyle","useSharedValue","withTiming","concatTestID","Button","ButtonType","DownIcon","UpIcon","useAppColorScheme","CredentialAttributeItem","CredentialCard","PREVIEW_ATTRIBUTES_COUNT","CredentialDetailsCard","animate","attributes","card","expanded","footer","onImagePreview","onAttributeSelected","style","showAllButtonLabel","testID","viewProps","_header$accessory","colorScheme","previewAttributesHeight","setPreviewAttributesHeight","fullAttributesHeight","setFullAttributesHeight","buttonViewHeight","setButtonViewHeight","allAttributesRendered","setAllAttributesRendered","length","CaretIcon","currentHeight","undefined","previewAttributes","slice","extraAttributes","viewStyle","flatten","styles","allAttributesWrapper","allAttributesWrapperWithFooter","padding","paddingBottom","additionalAttributesHeight","additionalHeight","newHeight","value","duration","credentialAttributesStyle","height","onPreviewAttrContentLayout","event","nativeEvent","layout","onFullAttrContentLayout","onButtonViewLayout","footerView","isValidElement","FooterComponent","createElement","header","cardProps","renderExtraAttributes","_extends","detailsCard","backgroundColor","white","accessory","attributesAnimatedWrapper","attributesWrapper","onLayout","previewAttributesWrapper","map","attribute","idx","key","id","last","toString","onPress","type","Secondary","title","index","create","paddingHorizontal","width","overflow","paddingTop","position","borderRadius","marginTop"],"sources":["credential-details-card.tsx"],"sourcesContent":["import React, { ComponentType, FC, ReactElement, useCallback, useEffect, useMemo, useState } from 'react';\nimport { ImageSourcePropType, LayoutChangeEvent, StyleSheet, View, ViewProps } from 'react-native';\nimport Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';\n\nimport { concatTestID } from '../../../utils/testID';\nimport { Button, ButtonType } from '../../buttons';\nimport { DownIcon, UpIcon } from '../../icons/credential';\nimport { useAppColorScheme } from '../../theme/color-scheme-context';\nimport CredentialAttributeItem, { CredentialAttribute } from '../credential-attribute-item';\nimport CredentialCard, { CredentialCardProps } from './credential-card';\n\nexport type CredentialDetailsCardProps = ViewProps & {\n animate?: boolean;\n attributes: CredentialAttribute[] \| false;\n card: CredentialCardProps;\n expanded?: boolean;\n footer?: ComponentType<any> \| ReactElement;\n onImagePreview?: (name: string, image: ImageSourcePropType) => void;\n onAttributeSelected?: (id: string, selected: boolean) => void;\n showAllButtonLabel?: string;\n};\n\nconst PREVIEW_ATTRIBUTES_COUNT = 3;\n\nconst CredentialDetailsCard: FC<CredentialDetailsCardProps> = ({\n animate = true,\n attributes,\n card,\n expanded,\n footer,\n onImagePreview,\n onAttributeSelected,\n style,\n showAllButtonLabel,\n testID,\n ...viewProps\n}) => {\n const colorScheme = useAppColorScheme();\n const [previewAttributesHeight, setPreviewAttributesHeight] = useState<number>();\n const [fullAttributesHeight, setFullAttributesHeight] = useState<number>();\n const [buttonViewHeight, setButtonViewHeight] = useState<number>();\n\n const [allAttributesRendered, setAllAttributesRendered] = useState<boolean>(\n (attributes && attributes.length <= PREVIEW_ATTRIBUTES_COUNT) \|\| !showAllButtonLabel,\n );\n\n const CaretIcon = expanded ? UpIcon : DownIcon;\n\n const currentHeight = useSharedValue<number \| undefined>(undefined);\n\n const previewAttributes = attributes ? attributes.slice(0, PREVIEW_ATTRIBUTES_COUNT) : [];\n const extraAttributes = useMemo(() => (attributes ? attributes.slice(PREVIEW_ATTRIBUTES_COUNT) : []), [attributes]);\n\n useEffect(() => {\n if (!extraAttributes \|\| allAttributesRendered) {\n setButtonViewHeight(0);\n }\n }, [extraAttributes, allAttributesRendered]);\n\n useEffect(() => {\n if (extraAttributes.length === 0) {\n const viewStyle = StyleSheet.flatten([\n styles.allAttributesWrapper,\n footer && styles.allAttributesWrapperWithFooter,\n ]);\n const padding = viewStyle.paddingBottom;\n setFullAttributesHeight(padding);\n }\n }, [extraAttributes, footer]);\n\n useEffect(() => {\n if (previewAttributesHeight === undefined \|\| buttonViewHeight === undefined) {\n return;\n }\n if (allAttributesRendered && fullAttributesHeight === undefined) {\n return;\n }\n\n const additionalAttributesHeight = fullAttributesHeight ?? 0;\n const additionalHeight = allAttributesRendered ? additionalAttributesHeight : buttonViewHeight;\n const newHeight = expanded \|\| !animate ? previewAttributesHeight + additionalHeight : 0;\n\n if (currentHeight.value === undefined \|\| !animate) {\n currentHeight.value = newHeight;\n return;\n }\n\n const duration = !expanded\n ? 250\n : allAttributesRendered\n ? previewAttributes.length * 50\n : extraAttributes.length * 50;\n currentHeight.value = withTiming(newHeight, {\n duration,\n });\n }, [\n allAttributesRendered,\n buttonViewHeight,\n currentHeight,\n animate,\n expanded,\n extraAttributes.length,\n fullAttributesHeight,\n previewAttributes.length,\n previewAttributesHeight,\n ]);\n\n const credentialAttributesStyle = useAnimatedStyle(() => {\n if (currentHeight.value === undefined) {\n if (expanded) {\n return {};\n }\n return {\n height: 0,\n };\n }\n return {\n height: currentHeight.value,\n };\n }, [expanded, currentHeight]);\n\n const onPreviewAttrContentLayout = useCallback((event: LayoutChangeEvent) => {\n setPreviewAttributesHeight(event.nativeEvent.layout.height);\n }, []);\n\n const onFullAttrContentLayout = useCallback((event: LayoutChangeEvent) => {\n setFullAttributesHeight(event.nativeEvent.layout.height);\n }, []);\n\n const onButtonViewLayout = useCallback((event: LayoutChangeEvent) => {\n setButtonViewHeight(event.nativeEvent.layout.height);\n }, []);\n\n const footerView: ReactElement \| undefined = useMemo(() => {\n if (!footer) {\n return undefined;\n }\n if (React.isValidElement(footer)) {\n return footer;\n } else {\n const FooterComponent = footer as React.ComponentType<any>;\n return <FooterComponent />;\n }\n }, [footer]);\n\n const { header, ...cardProps } = card;\n\n const renderExtraAttributes =\n allAttributesRendered \|\| (previewAttributesHeight !== undefined && currentHeight.value !== undefined);\n return (\n <View\n style={[styles.detailsCard, { backgroundColor: colorScheme.white }, style]}\n {...viewProps}\n testID={concatTestID(card.testID, expanded ? 'expanded' : 'collapsed')}>\n <CredentialCard\n {...cardProps}\n header={{ ...header, accessory: header.accessory ?? CaretIcon }}\n style={[styles.card, cardProps.style]}\n />\n {previewAttributes.length > 0 && (\n <Animated.View style={[styles.attributesAnimatedWrapper, credentialAttributesStyle]}>\n <View style={styles.attributesWrapper}>\n <View onLayout={onPreviewAttrContentLayout} style={styles.previewAttributesWrapper}>\n {previewAttributes.map((attribute, idx) => (\n <CredentialAttributeItem\n key={attribute.id}\n last={!footerView && !extraAttributes.length && idx === previewAttributes.length - 1}\n testID={concatTestID(testID, 'attribute', idx.toString())}\n onImagePreview={onImagePreview}\n onPress={onAttributeSelected}\n {...attribute}\n />\n ))}\n </View>\n {!allAttributesRendered && extraAttributes.length > 0 && (\n <View style={styles.allAttributesWrapper} onLayout={onButtonViewLayout}>\n <Button\n onPress={() => setAllAttributesRendered(true)}\n type={ButtonType.Secondary}\n testID={concatTestID(testID, 'showAllAttributesButton')}\n title={showAllButtonLabel!}\n />\n </View>\n )}\n {renderExtraAttributes && (\n <View\n style={[styles.allAttributesWrapper, footerView && styles.allAttributesWrapperWithFooter]}\n onLayout={onFullAttrContentLayout}>\n {extraAttributes.map((attribute, index, { length }) => (\n <CredentialAttributeItem\n key={attribute.id}\n last={!footerView && index === length - 1}\n testID={concatTestID(testID, 'attribute', index.toString())}\n onImagePreview={onImagePreview}\n onPress={onAttributeSelected}\n {...attribute}\n />\n ))}\n </View>\n )}\n </View>\n </Animated.View>\n )}\n {footerView ? <View style={styles.footer}>{footerView}</View> : null}\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n allAttributesWrapper: {\n paddingBottom: 12,\n paddingHorizontal: 4,\n width: '100%',\n },\n allAttributesWrapperWithFooter: {\n paddingBottom: 0,\n },\n attributesAnimatedWrapper: {\n overflow: 'hidden',\n },\n attributesWrapper: {\n paddingTop: 7,\n position: 'absolute',\n width: '100%',\n },\n card: {\n borderRadius: 0,\n },\n detailsCard: {\n borderRadius: 10,\n overflow: 'hidden',\n },\n footer: {\n marginTop: 12,\n },\n previewAttributesWrapper: {\n paddingHorizontal: 4,\n width: '100%',\n },\n});\n\nexport default CredentialDetailsCard;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/ui-components/credential/card/credential-details-list-item.js CHANGED Viewed

@@ -1,17 +1,17 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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, { useCallback, useEffect, useState } from 'react';
 import { StyleSheet, View } from 'react-native';
 import Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
 import { CredentialCardRatio, CredentialCardShadow } from './credential-card';
 import CredentialDetailsCard from './credential-details-card';
-const CredentialDetailsCardListItem = _ref => {
-  let {
-    detailsCardStyle,
-    expanded,
-    lastItem,
-    style,
-    ...props
-  } = _ref;
+const CredentialDetailsCardListItem = ({
+  detailsCardStyle,
+  expanded,
+  lastItem,
+  style,
+  ...props
+}) => {
+  const [cardWidth, setCardWidth] = useState();
   const [minHeight, setMinHeight] = useState();
   const [detailsCardHeight, setDetailsCardHeight] = useState();
   const cardListItemHeight = useSharedValue(undefined);
@@ -28,7 +28,7 @@ const CredentialDetailsCardListItem = _ref => {
       duration: 250
     });
   }, [cardListItemHeight, detailsCardHeight, minHeight, expanded]);
-  const cardWrapperStyle = useAnimatedStyle(() => {
+  const animatedCardWrapperStyle = useAnimatedStyle(() => {
     if (cardListItemHeight.value !== undefined) {
       return {
         height: cardListItemHeight.value
@@ -40,13 +40,17 @@ const CredentialDetailsCardListItem = _ref => {
     return {
       height: 60
     };
-  });
+  }, [cardListItemHeight, lastItem, expanded]);
+  const cardWrapperStyle = {
+    minHeight: cardWidth ? cardWidth / CredentialCardRatio : undefined
+  };
   const onContentLayout = useCallback(event => {
     var _StyleSheet$flatten$b, _StyleSheet$flatten;
     const {
       width,
       height
     } = event.nativeEvent.layout;
+    setCardWidth(width);
     if (!minHeight) {
       setMinHeight(lastItem ? width / CredentialCardRatio : 60);
     }
@@ -54,9 +58,9 @@ const CredentialDetailsCardListItem = _ref => {
     setDetailsCardHeight(height + 2 * borderWidth);
   }, [lastItem, minHeight, style]);
   return /*#__PURE__*/React.createElement(Animated.View, {
-    style: [cardWrapperStyle, style]
+    style: [styles.animatedWrapper, animatedCardWrapperStyle, style]
   }, /*#__PURE__*/React.createElement(View, {
-    style: styles.cardWrapper
+    style: [styles.cardWrapper, cardWrapperStyle]
   }, /*#__PURE__*/React.createElement(CredentialDetailsCard, _extends({
     animate: false,
     expanded: expanded,
@@ -65,9 +69,13 @@ const CredentialDetailsCardListItem = _ref => {
   }, props))));
 };
 const styles = StyleSheet.create({
+  animatedWrapper: {
+    ...CredentialCardShadow
+  },
   cardWrapper: {
-    ...CredentialCardShadow,
-    overflow: 'visible'
+    borderRadius: 10,
+    height: '100%',
+    overflow: 'hidden'
   }
 });
 export default CredentialDetailsCardListItem;

package/lib/module/ui-components/credential/card/credential-details-list-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useCallback","useEffect","useState","StyleSheet","View","Animated","useAnimatedStyle","useSharedValue","withTiming","CredentialCardRatio","CredentialCardShadow","CredentialDetailsCard","CredentialDetailsCardListItem","~~_ref","~~detailsCardStyle","expanded","lastItem","style","props","minHeight","setMinHeight","detailsCardHeight","setDetailsCardHeight","cardListItemHeight","undefined","newValue","value","duration","~~cardWrapperStyle~~","height","onContentLayout","event","_StyleSheet$flatten$b","_StyleSheet$flatten","width","nativeEvent","layout","borderWidth","flatten","createElement","styles","cardWrapper","_extends","animate","onLayout","create","overflow"],"sources":["credential-details-list-item.tsx"],"sourcesContent":["import React, { FC, useCallback, useEffect, useState } from 'react';\nimport { LayoutChangeEvent, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\nimport Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';\n\nimport { CredentialCardRatio, CredentialCardShadow } from './credential-card';\nimport CredentialDetailsCard, { CredentialDetailsCardProps } from './credential-details-card';\n\nexport type CredentialDetailsCardListItemProps = Omit<CredentialDetailsCardProps, 'animate'> & {\n detailsCardStyle?: StyleProp<ViewStyle>;\n lastItem?: boolean;\n};\n\nconst CredentialDetailsCardListItem: FC<CredentialDetailsCardListItemProps> = ({\n detailsCardStyle,\n expanded,\n lastItem,\n style,\n ...props\n}) => {\n const [minHeight, setMinHeight] = useState<number>();\n const [detailsCardHeight, setDetailsCardHeight] = useState<number>();\n\n const cardListItemHeight = useSharedValue<number \| undefined>(undefined);\n\n useEffect(() => {\n if (!detailsCardHeight \|\| !minHeight) {\n return;\n }\n const newValue = expanded ? detailsCardHeight : minHeight;\n if (cardListItemHeight.value === undefined) {\n cardListItemHeight.value = newValue;\n return;\n }\n cardListItemHeight.value = withTiming(newValue, {\n duration: 250,\n });\n }, [cardListItemHeight, detailsCardHeight, minHeight, expanded]);\n\n const ~~cardWrapperStyle~~ = useAnimatedStyle(() => {\n if (cardListItemHeight.value !== undefined) {\n return {\n height: cardListItemHeight.value,\n };\n }\n if (lastItem \|\| expanded) {\n return {};\n }\n return {\n height: 60,\n };\n });\n\n const onContentLayout = useCallback(\n (event: LayoutChangeEvent) => {\n const { width, height } = event.nativeEvent.layout;\n if (!minHeight) {\n setMinHeight(lastItem ? width / CredentialCardRatio : 60);\n }\n const borderWidth = StyleSheet.flatten(style)?.borderWidth ?? 0;\n setDetailsCardHeight(height + 2 * borderWidth);\n },\n [lastItem, minHeight, style],\n );\n\n return (\n <Animated.View style={[~~cardWrapperStyle~~, style]}>\n <View style={styles.cardWrapper}>\n <CredentialDetailsCard\n animate={false}\n expanded={expanded}\n onLayout={onContentLayout}\n style={detailsCardStyle}\n {...props}\n />\n </View>\n </Animated.View>\n );\n};\n\nconst styles = StyleSheet.create({\n ~~cardWrapper~~: {\n ...CredentialCardShadow,\n overflow: '~~visible~~',\n },\n});\n\nexport default CredentialDetailsCardListItem;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAQC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AACnE,SAAuCC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AACxF,OAAOC,QAAQ,IAAIC,gBAAgB,EAAEC,cAAc,EAAEC,UAAU,QAAQ,yBAAyB;AAEhG,SAASC,mBAAmB,EAAEC,oBAAoB,QAAQ,mBAAmB;AAC7E,OAAOC,qBAAqB,MAAsC,2BAA2B;AAO7F,MAAMC,6BAAqE,~~GAAGC~~,~~IAAA,IAMxE~~;~~EAAA~~,~~IANyE;IAC7EC,~~gBAAgB;~~IAChBC~~,QAAQ;~~IACRC~~,QAAQ;~~IACRC~~,KAAK;~~IACL~~,GAAGC;~~EACL~~,CAAC,~~GAAAL~~,~~IAAA~~;~~EACC~~,MAAM,~~CAACM~~,SAAS,EAAEC,YAAY,CAAC,~~GAAGlB~~,QAAQ,~~EAAU~~;EACpD,MAAM,~~CAACmB~~,iBAAiB,EAAEC,oBAAoB,CAAC,~~GAAGpB~~,QAAQ,~~EAAU~~;EAEpE,~~MAAMqB~~,kBAAkB,~~GAAGhB~~,cAAc,~~CAAqBiB~~,SAAS,CAAC;~~EAExEvB~~,SAAS,CAAC,MAAM;IACd,IAAI,~~CAACoB~~,iBAAiB,IAAI,CAACF,SAAS,EAAE;MACpC;IACF;IACA,MAAMM,QAAQ,~~GAAGV~~,QAAQ,~~GAAGM~~,iBAAiB,GAAGF,SAAS;IACzD,IAAII,kBAAkB,CAACG,KAAK,KAAKF,SAAS,EAAE;MAC1CD,kBAAkB,CAACG,KAAK,GAAGD,QAAQ;MACnC;IACF;IACAF,kBAAkB,CAACG,KAAK,~~GAAGlB~~,UAAU,~~CAACiB~~,QAAQ,EAAE;MAC9CE,QAAQ,EAAE;IACZ,CAAC,CAAC;EACJ,CAAC,EAAE,CAACJ,kBAAkB,EAAEF,iBAAiB,EAAEF,SAAS,~~EAAEJ~~,QAAQ,CAAC,CAAC;EAEhE,~~MAAMa~~,~~gBAAgB~~,~~GAAGtB~~,gBAAgB,CAAC,MAAM;~~IAC9C~~,~~IAAIiB~~,kBAAkB,CAACG,KAAK,KAAKF,SAAS,EAAE;MAC1C,OAAO;QACLK,MAAM,EAAEN,kBAAkB,CAACG;MAC7B,CAAC;IACH;IACA,~~IAAIV~~,QAAQ,IAAID,QAAQ,EAAE;MACxB,OAAO,CAAC,CAAC;IACX;IACA,OAAO;~~MACLc~~,MAAM,EAAE;IACV,CAAC;EACH,CAAC,CAAC;~~EAEF~~,~~MAAMC~~,eAAe,~~GAAG9B~~,WAAW,~~CAChC+B~~,KAAwB,IAAK;IAAA,IAAAC,qBAAA,EAAAC,mBAAA;IAC5B,MAAM;MAAEC,KAAK;~~MAAEL~~;IAAO,CAAC,~~GAAGE~~,KAAK,CAACI,WAAW,CAACC,MAAM;~~IAClD~~,IAAI,~~CAACjB~~,SAAS,EAAE;MACdC,YAAY,~~CAACJ~~,QAAQ,~~GAAGkB~~,KAAK,~~GAAGzB~~,mBAAmB,GAAG,EAAE,CAAC;IAC3D;IACA,~~MAAM4B~~,WAAW,IAAAL,qBAAA,IAAAC,mBAAA,~~GAAG9B~~,UAAU,~~CAACmC~~,OAAO,~~CAACrB~~,KAAK,CAAC,~~cAAAgB~~,mBAAA,uBAAzBA,mBAAA,CAA2BI,WAAW,cAAAL,qBAAA,cAAAA,qBAAA,GAAI,CAAC;IAC/DV,oBAAoB,CAACO,MAAM,GAAG,CAAC,~~GAAGQ~~,WAAW,CAAC;EAChD,CAAC,EACD,~~CAACrB~~,QAAQ,~~EAAEG~~,SAAS,~~EAAEF~~,KAAK,CAAC~~,CAC7B~~;EAED,~~oBACElB~~,KAAA,~~CAAAwC~~,aAAA,~~CAAClC~~,QAAQ,CAACD,IAAI;~~IAACa~~,KAAK,EAAE,~~CAACW~~,~~gBAAgB~~,~~EAAEX~~,KAAK;EAAE,~~gBAC9ClB~~,KAAA,~~CAAAwC~~,aAAA,~~CAACnC~~,IAAI;~~IAACa~~,KAAK,~~EAAEuB~~,MAAM,~~CAACC~~;~~EAAY~~,~~gBAC9B1C~~,KAAA,~~CAAAwC~~,aAAA,~~CAAC5B~~,qBAAqB,~~EAAA+B~~,QAAA;IACpBC,OAAO,EAAE,KAAM;~~IACf5B~~,QAAQ,EAAEA,QAAS;~~IACnB6B~~,QAAQ,~~EAAEd~~,eAAgB;~~IAC1Bb~~,KAAK,EAAEH;EAAiB,GACpBI,KAAK,~~EACT~~,CACG,CACO;AAEpB,CAAC;AAED,~~MAAMsB~~,MAAM,~~GAAGrC~~,UAAU,~~CAAC0C~~,MAAM,CAAC;EAC/BJ,WAAW,EAAE;~~IACX~~,~~GAAG/B~~,~~oBAAoB~~;~~IACvBoC~~,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEF,~~eAAelC~~,6BAA6B"}
1	+ {"version":3,"names":["React","useCallback","useEffect","useState","StyleSheet","View","Animated","useAnimatedStyle","useSharedValue","withTiming","CredentialCardRatio","CredentialCardShadow","CredentialDetailsCard","CredentialDetailsCardListItem","detailsCardStyle","expanded","lastItem","style","props","cardWidth","setCardWidth","minHeight","setMinHeight","detailsCardHeight","setDetailsCardHeight","cardListItemHeight","undefined","newValue","value","duration","animatedCardWrapperStyle","height","cardWrapperStyle","onContentLayout","event","_StyleSheet$flatten$b","_StyleSheet$flatten","width","nativeEvent","layout","borderWidth","flatten","createElement","styles","animatedWrapper","cardWrapper","_extends","animate","onLayout","create","borderRadius","overflow"],"sources":["credential-details-list-item.tsx"],"sourcesContent":["import React, { FC, useCallback, useEffect, useState } from 'react';\nimport { LayoutChangeEvent, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\nimport Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';\n\nimport { CredentialCardRatio, CredentialCardShadow } from './credential-card';\nimport CredentialDetailsCard, { CredentialDetailsCardProps } from './credential-details-card';\n\nexport type CredentialDetailsCardListItemProps = Omit<CredentialDetailsCardProps, 'animate'> & {\n detailsCardStyle?: StyleProp<ViewStyle>;\n lastItem?: boolean;\n};\n\nconst CredentialDetailsCardListItem: FC<CredentialDetailsCardListItemProps> = ({\n detailsCardStyle,\n expanded,\n lastItem,\n style,\n ...props\n}) => {\n const [cardWidth, setCardWidth] = useState<number>();\n const [minHeight, setMinHeight] = useState<number>();\n const [detailsCardHeight, setDetailsCardHeight] = useState<number>();\n\n const cardListItemHeight = useSharedValue<number \| undefined>(undefined);\n\n useEffect(() => {\n if (!detailsCardHeight \|\| !minHeight) {\n return;\n }\n const newValue = expanded ? detailsCardHeight : minHeight;\n if (cardListItemHeight.value === undefined) {\n cardListItemHeight.value = newValue;\n return;\n }\n cardListItemHeight.value = withTiming(newValue, {\n duration: 250,\n });\n }, [cardListItemHeight, detailsCardHeight, minHeight, expanded]);\n\n const animatedCardWrapperStyle = useAnimatedStyle(() => {\n if (cardListItemHeight.value !== undefined) {\n return {\n height: cardListItemHeight.value,\n };\n }\n if (lastItem \|\| expanded) {\n return {};\n }\n return {\n height: 60,\n };\n }, [cardListItemHeight, lastItem, expanded]);\n\n const cardWrapperStyle: ViewStyle = {\n minHeight: cardWidth ? cardWidth / CredentialCardRatio : undefined,\n }\n\n const onContentLayout = useCallback(\n (event: LayoutChangeEvent) => {\n const { width, height } = event.nativeEvent.layout;\n setCardWidth(width);\n if (!minHeight) {\n setMinHeight(lastItem ? width / CredentialCardRatio : 60);\n }\n const borderWidth = StyleSheet.flatten(style)?.borderWidth ?? 0;\n setDetailsCardHeight(height + 2 * borderWidth);\n },\n [lastItem, minHeight, style],\n );\n\n return (\n <Animated.View style={[styles.animatedWrapper, animatedCardWrapperStyle, style]}>\n <View style={[styles.cardWrapper, cardWrapperStyle]}>\n <CredentialDetailsCard\n animate={false}\n expanded={expanded}\n onLayout={onContentLayout}\n style={detailsCardStyle}\n {...props}\n />\n </View>\n </Animated.View>\n );\n};\n\nconst styles = StyleSheet.create({\n animatedWrapper: {\n ...CredentialCardShadow,\n },\n cardWrapper: {\n borderRadius: 10,\n height: '100%',\n overflow: 'hidden',\n },\n});\n\nexport default CredentialDetailsCardListItem;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/ui-components/credential/card/credential-header.js CHANGED Viewed

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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, { useMemo } from 'react';
 import { StyleSheet, View } from 'react-native';
 import { concatTestID } from '../../../utils/testID';
@@ -6,28 +6,27 @@ import BlurView from '../../blur/blur-view';
 import ImageOrComponent from '../../image/image-or-component';
 import Typography from '../../text/typography';
 import { useAppColorScheme } from '../../theme/color-scheme-context';
-const CredentialHeader = _ref => {
-  let {
-    accessory,
-    blur = true,
-    color = '#5A69F3',
-    credentialDetailPrimary,
-    credentialDetailSecondary,
-    credentialDetailTestID,
-    credentialDetailErrorColor,
-    credentialName,
-    icon,
-    iconLabelColor = '#FFFFFF',
-    statusIcon,
-    style,
-    testID
-  } = _ref;
+const CredentialHeader = ({
+  accessory,
+  blur = true,
+  color = '#5A69F3',
+  credentialDetailPrimary,
+  credentialDetailSecondary,
+  credentialDetailTestID,
+  credentialDetailErrorColor,
+  credentialName,
+  icon,
+  iconLabelColor = '#FFFFFF',
+  statusIcon,
+  style,
+  testID
+}) => {
   const colorScheme = useAppColorScheme();
   const statusIconView = useMemo(() => {
     if (!statusIcon) {
       return undefined;
     }
-    if ( /*#__PURE__*/React.isValidElement(statusIcon)) {
+    if (/*#__PURE__*/React.isValidElement(statusIcon)) {
       return statusIcon;
     } else {
       const StatusIconComponent = statusIcon;
@@ -38,7 +37,7 @@ const CredentialHeader = _ref => {
     if (!accessory) {
       return undefined;
     }
-    if ( /*#__PURE__*/React.isValidElement(accessory)) {
+    if (/*#__PURE__*/React.isValidElement(accessory)) {
       return accessory;
     } else {
       const AccessoryComponent = accessory;
@@ -46,6 +45,9 @@ const CredentialHeader = _ref => {
     }
   }, [accessory]);
   const DetailText = useMemo(() => {
+    if (!credentialDetailPrimary) {
+      return undefined;
+    }
     const commonProps = {
       color: credentialDetailErrorColor ? colorScheme.error : colorScheme.text,
       ellipsizeMode: 'tail',

package/lib/module/ui-components/credential/card/credential-header.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useMemo","StyleSheet","View","concatTestID","BlurView","ImageOrComponent","Typography","useAppColorScheme","CredentialHeader","_ref","accessory","blur","color","credentialDetailPrimary","credentialDetailSecondary","credentialDetailTestID","credentialDetailErrorColor","credentialName","icon","iconLabelColor","statusIcon","style","testID","colorScheme","statusIconView","undefined","isValidElement","StatusIconComponent","createElement","accessoryView","AccessoryComponent","DetailText","commonProps","error","text","ellipsizeMode","numberOfLines","preset","styles","detailText","detailTextContainer","_extends","Fragment","interpunct","container","backgroundColor","white","blurStyle","absoluteFill","imageContainer","source","image","String","imagePlaceholder","substring","statusIconWrapper","nameText","create","alignItems","height","justifyContent","width","flexDirection","padding","flex","opacity","marginTop","borderRadius","marginRight","overflow","paddingLeft","paddingTop","textTransform","marginHorizontal","bottom","left","position"],"sources":["credential-header.tsx"],"sourcesContent":["import React, { FC, useMemo } from 'react';\nimport { AccessibilityProps, ColorValue, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { concatTestID } from '../../../utils/testID';\nimport BlurView from '../../blur/blur-view';\nimport ImageOrComponent, { ImageOrComponentSource } from '../../image/image-or-component';\nimport Typography, { TypographyProps } from '../../text/typography';\nimport { useAppColorScheme } from '../../theme/color-scheme-context';\n\nexport interface CredentialHeaderProps extends AccessibilityProps {\n accessory?: React.ComponentType<any> \| React.ReactElement;\n blur?: boolean;\n color?: ColorValue;\n credentialDetailPrimary: string;\n credentialDetailSecondary?: string;\n credentialDetailTestID?: string;\n credentialDetailErrorColor?: boolean;\n credentialName: string;\n icon?: ImageOrComponentSource;\n iconLabelColor?: ColorValue;\n statusIcon?: React.ComponentType<any> \| React.ReactElement;\n style?: StyleProp<ViewStyle>;\n testID?: string;\n}\n\nconst CredentialHeader: FC<CredentialHeaderProps> = ({\n accessory,\n blur = true,\n color = '#5A69F3',\n credentialDetailPrimary,\n credentialDetailSecondary,\n credentialDetailTestID,\n credentialDetailErrorColor,\n credentialName,\n icon,\n iconLabelColor = '#FFFFFF',\n statusIcon,\n style,\n testID,\n}) => {\n const colorScheme = useAppColorScheme();\n\n const statusIconView: React.ReactElement \| undefined = useMemo(() => {\n if (!statusIcon) {\n return undefined;\n }\n if (React.isValidElement(statusIcon)) {\n return statusIcon;\n } else {\n const StatusIconComponent = statusIcon as React.ComponentType<any>;\n return <StatusIconComponent />;\n }\n }, [statusIcon]);\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 React.ComponentType<any>;\n return <AccessoryComponent />;\n }\n }, [accessory]);\n\n const DetailText = useMemo(() => {\n const commonProps: TypographyProps = {\n color: credentialDetailErrorColor ? colorScheme.error : colorScheme.text,\n ellipsizeMode: 'tail',\n numberOfLines: 1,\n preset: 'xs',\n style: styles.detailText,\n };\n return (\n <View style={styles.detailTextContainer}>\n <Typography {...commonProps} testID={credentialDetailTestID ?? concatTestID(testID, 'primaryDetail')}>\n {credentialDetailPrimary}\n </Typography>\n {credentialDetailSecondary ? (\n <>\n <Typography {...commonProps} style={styles.interpunct}>\n {'·'}\n </Typography>\n <Typography {...commonProps} testID={concatTestID(testID, 'secondaryDetail')}>\n {credentialDetailSecondary}\n </Typography>\n </>\n ) : null}\n </View>\n );\n }, [\n credentialDetailPrimary,\n credentialDetailSecondary,\n colorScheme,\n testID,\n credentialDetailErrorColor,\n credentialDetailTestID,\n ]);\n\n return (\n <View style={[styles.container, { backgroundColor: blur ? undefined : colorScheme.white }, style]} testID={testID}>\n {blur && <BlurView blurStyle=\"strong\" style={StyleSheet.absoluteFill} />}\n <View style={[styles.imageContainer, { backgroundColor: color }]}>\n {icon ? (\n <ImageOrComponent testID={concatTestID(testID, 'logoIcon')} source={icon} style={styles.image} />\n ) : (\n <View testID={concatTestID(testID, 'logoBackgroundColor', String(color))}>\n <View testID={concatTestID(testID, 'logoTextColor', String(iconLabelColor))}>\n <Typography\n testID={concatTestID(testID, 'logoName')}\n color={iconLabelColor}\n preset=\"m\"\n style={styles.imagePlaceholder}>\n {credentialName.substring(0, 1)}\n </Typography>\n </View>\n </View>\n )}\n </View>\n {statusIconView && <View style={styles.statusIconWrapper}>{statusIconView}</View>}\n <View style={styles.text}>\n <Typography\n testID={concatTestID(testID, 'name')}\n color={colorScheme.text}\n ellipsizeMode={'tail'}\n numberOfLines={1}\n preset=\"regular\"\n style={styles.nameText}>\n {credentialName}\n </Typography>\n {DetailText}\n </View>\n {accessoryView && <View style={styles.accessory}>{accessoryView}</View>}\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n accessory: {\n alignItems: 'center',\n height: 44,\n justifyContent: 'center',\n width: 44,\n },\n container: {\n alignItems: 'center',\n flexDirection: 'row',\n height: 60,\n padding: 8,\n },\n detailText: {\n flex: 1,\n opacity: 0.7,\n },\n detailTextContainer: {\n flexDirection: 'row',\n marginTop: -1,\n },\n image: {\n height: 44,\n width: 44,\n },\n imageContainer: {\n alignItems: 'center',\n borderRadius: 5,\n height: 44,\n justifyContent: 'center',\n marginRight: 8,\n overflow: 'hidden',\n width: 44,\n },\n imagePlaceholder: {\n paddingLeft: 1,\n paddingTop: 3,\n textTransform: 'uppercase',\n },\n interpunct: {\n marginHorizontal: 12,\n opacity: 0.5,\n },\n nameText: {\n marginTop: 2,\n },\n statusIconWrapper: {\n bottom: 3,\n left: 36,\n position: 'absolute',\n },\n text: {\n flex: 1,\n justifyContent: 'center',\n },\n});\n\nexport default CredentialHeader;\n"],"mappings":"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"}
1	+ {"version":3,"names":["React","useMemo","StyleSheet","View","concatTestID","BlurView","ImageOrComponent","Typography","useAppColorScheme","CredentialHeader","accessory","blur","color","credentialDetailPrimary","credentialDetailSecondary","credentialDetailTestID","credentialDetailErrorColor","credentialName","icon","iconLabelColor","statusIcon","style","testID","colorScheme","statusIconView","undefined","isValidElement","StatusIconComponent","createElement","accessoryView","AccessoryComponent","DetailText","commonProps","error","text","ellipsizeMode","numberOfLines","preset","styles","detailText","detailTextContainer","_extends","Fragment","interpunct","container","backgroundColor","white","blurStyle","absoluteFill","imageContainer","source","image","String","imagePlaceholder","substring","statusIconWrapper","nameText","create","alignItems","height","justifyContent","width","flexDirection","padding","flex","opacity","marginTop","borderRadius","marginRight","overflow","paddingLeft","paddingTop","textTransform","marginHorizontal","bottom","left","position"],"sources":["credential-header.tsx"],"sourcesContent":["import React, { FC, useMemo } from 'react';\nimport { AccessibilityProps, ColorValue, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { concatTestID } from '../../../utils/testID';\nimport BlurView from '../../blur/blur-view';\nimport ImageOrComponent, { ImageOrComponentSource } from '../../image/image-or-component';\nimport Typography, { TypographyProps } from '../../text/typography';\nimport { useAppColorScheme } from '../../theme/color-scheme-context';\n\nexport interface CredentialHeaderProps extends AccessibilityProps {\n accessory?: React.ComponentType<any> \| React.ReactElement;\n blur?: boolean;\n color?: ColorValue;\n credentialDetailPrimary?: string;\n credentialDetailSecondary?: string;\n credentialDetailTestID?: string;\n credentialDetailErrorColor?: boolean;\n credentialName: string;\n icon?: ImageOrComponentSource;\n iconLabelColor?: ColorValue;\n statusIcon?: React.ComponentType<any> \| React.ReactElement;\n style?: StyleProp<ViewStyle>;\n testID?: string;\n}\n\nconst CredentialHeader: FC<CredentialHeaderProps> = ({\n accessory,\n blur = true,\n color = '#5A69F3',\n credentialDetailPrimary,\n credentialDetailSecondary,\n credentialDetailTestID,\n credentialDetailErrorColor,\n credentialName,\n icon,\n iconLabelColor = '#FFFFFF',\n statusIcon,\n style,\n testID,\n}) => {\n const colorScheme = useAppColorScheme();\n\n const statusIconView: React.ReactElement \| undefined = useMemo(() => {\n if (!statusIcon) {\n return undefined;\n }\n if (React.isValidElement(statusIcon)) {\n return statusIcon;\n } else {\n const StatusIconComponent = statusIcon as React.ComponentType<any>;\n return <StatusIconComponent />;\n }\n }, [statusIcon]);\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 React.ComponentType<any>;\n return <AccessoryComponent />;\n }\n }, [accessory]);\n\n const DetailText = useMemo(() => {\n if (!credentialDetailPrimary) {\n return undefined;\n }\n const commonProps: TypographyProps = {\n color: credentialDetailErrorColor ? colorScheme.error : colorScheme.text,\n ellipsizeMode: 'tail',\n numberOfLines: 1,\n preset: 'xs',\n style: styles.detailText,\n };\n return (\n <View style={styles.detailTextContainer}>\n <Typography {...commonProps} testID={credentialDetailTestID ?? concatTestID(testID, 'primaryDetail')}>\n {credentialDetailPrimary}\n </Typography>\n {credentialDetailSecondary ? (\n <>\n <Typography {...commonProps} style={styles.interpunct}>\n {'·'}\n </Typography>\n <Typography {...commonProps} testID={concatTestID(testID, 'secondaryDetail')}>\n {credentialDetailSecondary}\n </Typography>\n </>\n ) : null}\n </View>\n );\n }, [\n credentialDetailPrimary,\n credentialDetailSecondary,\n colorScheme,\n testID,\n credentialDetailErrorColor,\n credentialDetailTestID,\n ]);\n\n return (\n <View style={[styles.container, { backgroundColor: blur ? undefined : colorScheme.white }, style]} testID={testID}>\n {blur && <BlurView blurStyle=\"strong\" style={StyleSheet.absoluteFill} />}\n <View style={[styles.imageContainer, { backgroundColor: color }]}>\n {icon ? (\n <ImageOrComponent testID={concatTestID(testID, 'logoIcon')} source={icon} style={styles.image} />\n ) : (\n <View testID={concatTestID(testID, 'logoBackgroundColor', String(color))}>\n <View testID={concatTestID(testID, 'logoTextColor', String(iconLabelColor))}>\n <Typography\n testID={concatTestID(testID, 'logoName')}\n color={iconLabelColor}\n preset=\"m\"\n style={styles.imagePlaceholder}>\n {credentialName.substring(0, 1)}\n </Typography>\n </View>\n </View>\n )}\n </View>\n {statusIconView && <View style={styles.statusIconWrapper}>{statusIconView}</View>}\n <View style={styles.text}>\n <Typography\n testID={concatTestID(testID, 'name')}\n color={colorScheme.text}\n ellipsizeMode={'tail'}\n numberOfLines={1}\n preset=\"regular\"\n style={styles.nameText}>\n {credentialName}\n </Typography>\n {DetailText}\n </View>\n {accessoryView && <View style={styles.accessory}>{accessoryView}</View>}\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n accessory: {\n alignItems: 'center',\n height: 44,\n justifyContent: 'center',\n width: 44,\n },\n container: {\n alignItems: 'center',\n flexDirection: 'row',\n height: 60,\n padding: 8,\n },\n detailText: {\n flex: 1,\n opacity: 0.7,\n },\n detailTextContainer: {\n flexDirection: 'row',\n marginTop: -1,\n },\n image: {\n height: 44,\n width: 44,\n },\n imageContainer: {\n alignItems: 'center',\n borderRadius: 5,\n height: 44,\n justifyContent: 'center',\n marginRight: 8,\n overflow: 'hidden',\n width: 44,\n },\n imagePlaceholder: {\n paddingLeft: 1,\n paddingTop: 3,\n textTransform: 'uppercase',\n },\n interpunct: {\n marginHorizontal: 12,\n opacity: 0.5,\n },\n nameText: {\n marginTop: 2,\n },\n statusIconWrapper: {\n bottom: 3,\n left: 36,\n position: 'absolute',\n },\n text: {\n flex: 1,\n justifyContent: 'center',\n },\n});\n\nexport default CredentialHeader;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/ui-components/credential/card/credential-image-carousel.js CHANGED Viewed

@@ -3,20 +3,19 @@ import { StyleSheet, View } from 'react-native';
 import Carousel from 'react-native-reanimated-carousel';
 import Svg, { Circle } from 'react-native-svg';
 import { concatTestID } from '../../../utils';
-export let CarouselImageType;
-(function (CarouselImageType) {
+export let CarouselImageType = /*#__PURE__*/function (CarouselImageType) {
   CarouselImageType["Barcode"] = "Barcode";
   CarouselImageType["QrCode"] = "QrCode";
   CarouselImageType["MRZ"] = "MRZ";
   CarouselImageType["Photo"] = "Photo";
-})(CarouselImageType || (CarouselImageType = {}));
-const CarouselComponent = _ref => {
-  let {
-    carouselSize,
-    imagesToRender,
-    style,
-    testID
-  } = _ref;
+  return CarouselImageType;
+}({});
+const CarouselComponent = ({
+  carouselSize,
+  imagesToRender,
+  style,
+  testID
+}) => {
   const [selectedDot, setSelectedDot] = useState(0);
   if (!carouselSize.width || !carouselSize.height) {
     return null;
@@ -34,19 +33,20 @@ const CarouselComponent = _ref => {
     enabled: numberOfSlides >= 2,
     data: imagesToRender,
     testID: testID,
-    renderItem: _ref2 => {
-      let {
-        item: {
-          type,
-          element
-        }
-      } = _ref2;
-      return /*#__PURE__*/React.createElement(View, {
-        style: styles.carouselItem
-      }, /*#__PURE__*/React.createElement(View, {
-        style: [styles[type]]
-      }, element));
-    }
+    panGestureHandlerProps: {
+      activeOffsetX: [-10, 10],
+      failOffsetY: [-10, 10]
+    },
+    renderItem: ({
+      item: {
+        type,
+        element
+      }
+    }) => /*#__PURE__*/React.createElement(View, {
+      style: styles.carouselItem
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [styles[type]]
+    }, element))
   }), numberOfSlides >= 2 ? /*#__PURE__*/React.createElement(View, {
     style: styles.pageDotContainer
   }, imagesToRender.map((_, index) => /*#__PURE__*/React.createElement(Svg, {