npm - @procivis/one-react-native-components - Versions diffs - 0.3.53 → 0.3.71 - Mend

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

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 (177) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_testID","_accessibilityHistoryWrappers","_blurView","_interopRequireDefault","_imageOrComponent","_typography","_colorSchemeContext","_credentialHeader","_credentialImageCarousel","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","CredentialCardShadow","exports","shadowColor","shadowOffset","height","width","shadowOpacity","shadowRadius","CredentialCardRatio","CredentialCard","cardCarouselImages","cardImage","color","credentialId","header","notice","onCardPress","onHeaderPress","style","testID","_header$color","colorScheme","useAppColorScheme","tappableHeaderHeight","setTappableHeaderHeight","useState","cardSize","setCardSize","onCardLayoutChange","useCallback","event","nativeEvent","layout","onHeaderLayoutChange","headerPressHandler","cardPressHandler","noticeIconView","useMemo","noticeIcon","undefined","React","isValidElement","NoticeIconComponent","createElement","shouldShowCarousel","View","onLayout","styles","card","Image","concatTestID","source","imageSource","image","String","backgroundColor","TouchableOpacity","cardButton","onPress","marginTop","imagesToRender","carouselSize","activeOpacity","disabled","blurStyle","noticeTextWrapper","text","preset","noticeText","StyleSheet","create","borderRadius","overflow","position","aspectRatio","top","bottom","columnGap","flexDirection","justifyContent","paddingBottom","paddingHorizontal","paddingTop","marginVertical","flex","_default"],"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":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_testID","_accessibilityHistoryWrappers","_blurView","_interopRequireDefault","_imageOrComponent","_typography","_colorSchemeContext","_credentialHeader","_credentialImageCarousel","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","CredentialCardShadow","exports","shadowColor","shadowOffset","height","width","shadowOpacity","shadowRadius","CredentialCardRatio","CredentialCard","cardCarouselImages","cardImage","color","credentialId","header","notice","onCardPress","onHeaderPress","style","testID","_header$color","colorScheme","useAppColorScheme","cardSize","Math","ceil","headerPressHandler","useCallback","cardPressHandler","noticeIconView","useMemo","noticeIcon","undefined","React","isValidElement","NoticeIconComponent","createElement","shouldShowCarousel","View","styles","card","Image","concatTestID","source","imageSource","image","String","backgroundColor","TouchableOpacity","cardButton","onPress","carousel","imagesToRender","carouselSize","activeOpacity","disabled","blurStyle","noticeTextWrapper","text","preset","noticeText","StyleSheet","create","borderRadius","overflow","position","marginTop","top","bottom","columnGap","flexDirection","justifyContent","paddingBottom","paddingHorizontal","paddingTop","marginVertical","flex","_default"],"sources":["credential-card.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo } from 'react';\nimport { ColorValue, Image, 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 width: number;\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 width,\n}) => {\n const colorScheme = useAppColorScheme();\n const cardSize = {\n width,\n height: Math.ceil(width / CredentialCardRatio),\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 style={[styles.card, cardSize, style]} testID={testID}>\n {cardImage ? (\n 'imageSource' in cardImage ? (\n <View style={cardSize}>\n <Image testID={concatTestID(testID, 'imageSource')} source={cardImage.imageSource} style={styles.image} />\n </View>\n ) : (\n <ImageOrComponent testID={concatTestID(testID, 'cardImage')} source={cardImage} style={cardSize} />\n )\n ) : (\n <View\n testID={concatTestID(testID, 'cardBackgroundColor', String(color))}\n style={[cardSize, { backgroundColor: color }]}\n />\n )}\n {onCardPress && <TouchableOpacity style={styles.cardButton} onPress={cardPressHandler} />}\n {shouldShowCarousel ? (\n <CarouselComponent\n style={styles.carousel}\n imagesToRender={cardCarouselImages ?? []}\n carouselSize={{\n width: cardSize.width,\n height: cardSize.height - 60,\n }}\n testID={concatTestID(testID, 'carousel')}\n />\n ) : null}\n <TouchableOpacity\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 carousel: {\n marginTop: 60,\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/commonjs/ui-components/credential/card/credential-details-card.js CHANGED Viewed

@@ -12,12 +12,13 @@ var _buttons = require("../../buttons");
 var _credential = require("../../icons/credential");
 var _colorSchemeContext = require("../../theme/color-scheme-context");
 var _credentialAttributeItem = _interopRequireDefault(require("../credential-attribute-item"));
-var _credentialCard = _interopRequireDefault(require("./credential-card"));
+var _credentialCard = _interopRequireWildcard(require("./credential-card"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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); }
 const PREVIEW_ATTRIBUTES_COUNT = 3;
+const SEE_ALL_BUTTON_HEIGHT = 78;
 const CredentialDetailsCard = ({
   animate = true,
   attributes,
@@ -35,17 +36,12 @@ const CredentialDetailsCard = ({
   const colorScheme = (0, _colorSchemeContext.useAppColorScheme)();
   const [previewAttributesHeight, setPreviewAttributesHeight] = (0, _react.useState)();
   const [fullAttributesHeight, setFullAttributesHeight] = (0, _react.useState)();
-  const [buttonViewHeight, setButtonViewHeight] = (0, _react.useState)();
   const [allAttributesRendered, setAllAttributesRendered] = (0, _react.useState)(attributes && attributes.length <= PREVIEW_ATTRIBUTES_COUNT || !showAllButtonLabel);
   const CaretIcon = expanded ? _credential.UpIcon : _credential.DownIcon;
+  const cardHeight = Math.ceil(card.width / _credentialCard.CredentialCardRatio);
   const currentHeight = (0, _reactNativeReanimated.useSharedValue)(undefined);
   const previewAttributes = attributes ? attributes.slice(0, PREVIEW_ATTRIBUTES_COUNT) : [];
   const extraAttributes = (0, _react.useMemo)(() => attributes ? attributes.slice(PREVIEW_ATTRIBUTES_COUNT) : [], [attributes]);
-  (0, _react.useEffect)(() => {
-    if (!extraAttributes || allAttributesRendered) {
-      setButtonViewHeight(0);
-    }
-  }, [extraAttributes, allAttributesRendered]);
   (0, _react.useEffect)(() => {
     if (extraAttributes.length === 0) {
       const viewStyle = _reactNative.StyleSheet.flatten([styles.allAttributesWrapper, footer && styles.allAttributesWrapperWithFooter]);
@@ -54,35 +50,41 @@ const CredentialDetailsCard = ({
     }
   }, [extraAttributes, footer]);
   (0, _react.useEffect)(() => {
-    if (previewAttributesHeight === undefined || buttonViewHeight === undefined) {
+    if (previewAttributesHeight === undefined) {
       return;
     }
     if (allAttributesRendered && fullAttributesHeight === undefined) {
       return;
     }
+    const buttonViewHeight = !extraAttributes || allAttributesRendered ? 0 : SEE_ALL_BUTTON_HEIGHT;
     const additionalAttributesHeight = fullAttributesHeight !== null && fullAttributesHeight !== void 0 ? fullAttributesHeight : 0;
     const additionalHeight = allAttributesRendered ? additionalAttributesHeight : buttonViewHeight;
-    const newHeight = expanded || !animate ? previewAttributesHeight + additionalHeight : 0;
+    const fullHeight = previewAttributesHeight + additionalHeight;
+    if (!animate) {
+      currentHeight.value = fullHeight;
+      return;
+    }
+    const newHeight = expanded ? fullHeight : 0;
     if (currentHeight.value === undefined || !animate) {
       currentHeight.value = newHeight;
       return;
     }
-    const duration = !expanded ? 250 : allAttributesRendered ? previewAttributes.length * 50 : extraAttributes.length * 50;
+    const duration = fullHeight / 5;
     currentHeight.value = (0, _reactNativeReanimated.withTiming)(newHeight, {
       duration
     });
-  }, [allAttributesRendered, buttonViewHeight, currentHeight, animate, expanded, extraAttributes.length, fullAttributesHeight, previewAttributes.length, previewAttributesHeight]);
-  const credentialAttributesStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+  }, [allAttributesRendered, currentHeight, animate, expanded, extraAttributes, fullAttributesHeight, previewAttributes.length, previewAttributesHeight]);
+  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
     if (currentHeight.value === undefined) {
       if (expanded) {
         return {};
       }
       return {
-        height: 0
+        height: cardHeight
       };
     }
     return {
-      height: currentHeight.value
+      height: cardHeight + currentHeight.value
     };
   }, [expanded, currentHeight]);
   const onPreviewAttrContentLayout = (0, _react.useCallback)(event => {
@@ -91,9 +93,6 @@ const CredentialDetailsCard = ({
   const onFullAttrContentLayout = (0, _react.useCallback)(event => {
     setFullAttributesHeight(event.nativeEvent.layout.height);
   }, []);
-  const onButtonViewLayout = (0, _react.useCallback)(event => {
-    setButtonViewHeight(event.nativeEvent.layout.height);
-  }, []);
   const footerView = (0, _react.useMemo)(() => {
     if (!footer) {
       return undefined;
@@ -110,10 +109,11 @@ const CredentialDetailsCard = ({
     ...cardProps
   } = card;
   const renderExtraAttributes = allAttributesRendered || previewAttributesHeight !== undefined && currentHeight.value !== undefined;
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
+  const ContainerComponent = animate ? _reactNativeReanimated.default.View : _reactNative.View;
+  return /*#__PURE__*/_react.default.createElement(ContainerComponent, _extends({
     style: [styles.detailsCard, {
       backgroundColor: colorScheme.white
-    }, style]
+    }, animate ? animatedStyle : undefined, style]
   }, viewProps, {
     testID: (0, _testID.concatTestID)(card.testID, expanded ? 'expanded' : 'collapsed')
   }), /*#__PURE__*/_react.default.createElement(_credentialCard.default, _extends({}, cardProps, {
@@ -122,9 +122,7 @@ const CredentialDetailsCard = ({
       accessory: (_header$accessory = header.accessory) !== null && _header$accessory !== void 0 ? _header$accessory : cardProps.onHeaderPress ? CaretIcon : undefined
     },
     style: [styles.card, cardProps.style]
-  })), previewAttributes.length > 0 && /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
-    style: [styles.attributesAnimatedWrapper, credentialAttributesStyle]
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  })), previewAttributes.length > 0 && /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.attributesWrapper
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     onLayout: onPreviewAttrContentLayout,
@@ -136,8 +134,7 @@ const CredentialDetailsCard = ({
     onImagePreview: onImagePreview,
     onPress: onAttributeSelected
   }, attribute)))), !allAttributesRendered && extraAttributes.length > 0 && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.allAttributesWrapper,
-    onLayout: onButtonViewLayout
+    style: styles.buttonWrapper
   }, /*#__PURE__*/_react.default.createElement(_buttons.Button, {
     onPress: () => setAllAttributesRendered(true),
     type: _buttons.ButtonType.Secondary,
@@ -167,12 +164,14 @@ const styles = _reactNative.StyleSheet.create({
   allAttributesWrapperWithFooter: {
     paddingBottom: 0
   },
-  attributesAnimatedWrapper: {
-    overflow: 'hidden'
-  },
   attributesWrapper: {
     paddingTop: 7,
-    position: 'absolute',
+    width: '100%'
+  },
+  buttonWrapper: {
+    height: SEE_ALL_BUTTON_HEIGHT,
+    paddingBottom: 12,
+    paddingHorizontal: 4,
     width: '100%'
   },
   card: {

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_testID","_buttons","_credential","_colorSchemeContext","_credentialAttributeItem","_interopRequireDefault","_credentialCard","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","PREVIEW_ATTRIBUTES_COUNT","CredentialDetailsCard","animate","attributes","card","expanded","footer","onImagePreview","onAttributeSelected","style","showAllButtonLabel","testID","viewProps","_header$accessory","colorScheme","useAppColorScheme","previewAttributesHeight","setPreviewAttributesHeight","useState","fullAttributesHeight","setFullAttributesHeight","buttonViewHeight","setButtonViewHeight","allAttributesRendered","setAllAttributesRendered","CaretIcon","UpIcon","DownIcon","currentHeight","useSharedValue","undefined","previewAttributes","slice","extraAttributes","useMemo","useEffect","viewStyle","StyleSheet","flatten","styles","allAttributesWrapper","allAttributesWrapperWithFooter","padding","paddingBottom","additionalAttributesHeight","additionalHeight","newHeight","value","duration","withTiming","credentialAttributesStyle","useAnimatedStyle","height","onPreviewAttrContentLayout","useCallback","event","nativeEvent","layout","onFullAttrContentLayout","onButtonViewLayout","footerView","React","isValidElement","FooterComponent","createElement","header","cardProps","renderExtraAttributes","View","detailsCard","backgroundColor","white","concatTestID","accessory","onHeaderPress","attributesAnimatedWrapper","attributesWrapper","onLayout","previewAttributesWrapper","map","attribute","idx","key","id","last","toString","onPress","Button","type","ButtonType","Secondary","title","index","create","paddingHorizontal","width","overflow","paddingTop","position","borderRadius","marginTop","_default","exports"],"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 ?? (cardProps.onHeaderPress ? CaretIcon : undefined) }}\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":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_testID","_buttons","_credential","_colorSchemeContext","_credentialAttributeItem","_interopRequireDefault","_credentialCard","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","PREVIEW_ATTRIBUTES_COUNT","SEE_ALL_BUTTON_HEIGHT","CredentialDetailsCard","animate","attributes","card","expanded","footer","onImagePreview","onAttributeSelected","style","showAllButtonLabel","testID","viewProps","_header$accessory","colorScheme","useAppColorScheme","previewAttributesHeight","setPreviewAttributesHeight","useState","fullAttributesHeight","setFullAttributesHeight","allAttributesRendered","setAllAttributesRendered","CaretIcon","UpIcon","DownIcon","cardHeight","Math","ceil","width","CredentialCardRatio","currentHeight","useSharedValue","undefined","previewAttributes","slice","extraAttributes","useMemo","useEffect","viewStyle","StyleSheet","flatten","styles","allAttributesWrapper","allAttributesWrapperWithFooter","padding","paddingBottom","buttonViewHeight","additionalAttributesHeight","additionalHeight","fullHeight","value","newHeight","duration","withTiming","animatedStyle","useAnimatedStyle","height","onPreviewAttrContentLayout","useCallback","event","nativeEvent","layout","onFullAttrContentLayout","footerView","React","isValidElement","FooterComponent","createElement","header","cardProps","renderExtraAttributes","ContainerComponent","Animated","View","detailsCard","backgroundColor","white","concatTestID","accessory","onHeaderPress","attributesWrapper","onLayout","previewAttributesWrapper","map","attribute","idx","key","id","last","toString","onPress","buttonWrapper","Button","type","ButtonType","Secondary","title","index","create","paddingHorizontal","paddingTop","borderRadius","overflow","marginTop","_default","exports"],"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, CredentialCardRatio } 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;\nconst SEE_ALL_BUTTON_HEIGHT = 78;\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\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 cardHeight = Math.ceil(card.width / CredentialCardRatio);\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.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) {\n return;\n }\n if (allAttributesRendered && fullAttributesHeight === undefined) {\n return;\n }\n\n const buttonViewHeight = !extraAttributes \|\| allAttributesRendered ? 0 : SEE_ALL_BUTTON_HEIGHT;\n const additionalAttributesHeight = fullAttributesHeight ?? 0;\n const additionalHeight = allAttributesRendered ? additionalAttributesHeight : buttonViewHeight;\n const fullHeight = previewAttributesHeight + additionalHeight;\n\n if (!animate) {\n currentHeight.value = fullHeight;\n return;\n }\n\n const newHeight = expanded ? fullHeight : 0;\n\n if (currentHeight.value === undefined \|\| !animate) {\n currentHeight.value = newHeight;\n return;\n }\n\n const duration = fullHeight / 5;\n currentHeight.value = withTiming(newHeight, {\n duration,\n });\n }, [\n allAttributesRendered,\n currentHeight,\n animate,\n expanded,\n extraAttributes,\n fullAttributesHeight,\n previewAttributes.length,\n previewAttributesHeight,\n ]);\n\n const animatedStyle = useAnimatedStyle(() => {\n if (currentHeight.value === undefined) {\n if (expanded) {\n return {};\n }\n return {\n height: cardHeight,\n };\n }\n return {\n height: cardHeight + 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 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\n const ContainerComponent = animate ? Animated.View : View;\n return (\n <ContainerComponent\n style={[styles.detailsCard, { backgroundColor: colorScheme.white }, animate ? animatedStyle : undefined, style]}\n {...viewProps}\n testID={concatTestID(card.testID, expanded ? 'expanded' : 'collapsed')}>\n <CredentialCard\n {...cardProps}\n header={{ ...header, accessory: header.accessory ?? (cardProps.onHeaderPress ? CaretIcon : undefined) }}\n style={[styles.card, cardProps.style]}\n />\n {previewAttributes.length > 0 && (\n <View>\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.buttonWrapper}>\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 </View>\n )}\n {footerView ? <View style={styles.footer}>{footerView}</View> : null}\n </ContainerComponent>\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 attributesWrapper: {\n paddingTop: 7,\n width: '100%',\n },\n buttonWrapper: {\n height: SEE_ALL_BUTTON_HEIGHT,\n paddingBottom: 12,\n paddingHorizontal: 4,\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/commonjs/ui-components/credential/card/credential-details-list-item.js CHANGED Viewed

@@ -51,7 +51,7 @@ const CredentialDetailsCardListItem = ({
     };
   }, [cardListItemHeight, lastItem, expanded]);
   const cardWrapperStyle = {
-    minHeight: cardWidth ? cardWidth / _credentialCard.CredentialCardRatio : undefined
+    minHeight: cardWidth ? Math.ceil(cardWidth / _credentialCard.CredentialCardRatio) : undefined
   };
   const onContentLayout = (0, _react.useCallback)(event => {
     var _StyleSheet$flatten$b, _StyleSheet$flatten;
@@ -59,20 +59,24 @@ const CredentialDetailsCardListItem = ({
       width,
       height
     } = event.nativeEvent.layout;
+    const borderWidth = (_StyleSheet$flatten$b = (_StyleSheet$flatten = _reactNative.StyleSheet.flatten(style)) === null || _StyleSheet$flatten === void 0 ? void 0 : _StyleSheet$flatten.borderWidth) !== null && _StyleSheet$flatten$b !== void 0 ? _StyleSheet$flatten$b : 0;
+    const cardHeight = Math.round(height) + 2 * borderWidth;
+    if (cardHeight === detailsCardHeight) {
+      return;
+    }
     setCardWidth(width);
     if (!minHeight) {
-      setMinHeight(lastItem ? width / _credentialCard.CredentialCardRatio : 60);
+      setMinHeight(lastItem ? Math.ceil(width / _credentialCard.CredentialCardRatio) : 60);
     }
-    const borderWidth = (_StyleSheet$flatten$b = (_StyleSheet$flatten = _reactNative.StyleSheet.flatten(style)) === null || _StyleSheet$flatten === void 0 ? void 0 : _StyleSheet$flatten.borderWidth) !== null && _StyleSheet$flatten$b !== void 0 ? _StyleSheet$flatten$b : 0;
-    setDetailsCardHeight(height + 2 * borderWidth);
-  }, [lastItem, minHeight, style]);
+    setDetailsCardHeight(cardHeight);
+  }, [lastItem, minHeight, style, detailsCardHeight]);
   return /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
     style: [styles.animatedWrapper, animatedCardWrapperStyle, style]
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.cardWrapper, cardWrapperStyle]
   }, /*#__PURE__*/_react.default.createElement(_credentialDetailsCard.default, _extends({
     animate: false,
-    expanded: expanded,
+    expanded: true,
     onLayout: onContentLayout,
     style: detailsCardStyle
   }, props))));

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_credentialCard","_credentialDetailsCard","_interopRequireDefault","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","CredentialDetailsCardListItem","detailsCardStyle","expanded","lastItem","style","props","cardWidth","setCardWidth","useState","minHeight","setMinHeight","detailsCardHeight","setDetailsCardHeight","cardListItemHeight","useSharedValue","undefined","useEffect","newValue","value","withTiming","duration","animatedCardWrapperStyle","useAnimatedStyle","height","cardWrapperStyle","CredentialCardRatio","onContentLayout","useCallback","event","_StyleSheet$flatten$b","_StyleSheet$flatten","width","nativeEvent","layout","borderWidth","StyleSheet","flatten","createElement","View","styles","animatedWrapper","cardWrapper","animate","onLayout","create","CredentialCardShadow","borderRadius","overflow","_default","exports"],"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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~~GAAGA~~,SAAS,~~GAAGmB~~,mCAAmB,~~GAAGV~~;~~EAC3D~~,CAAC;EAED,~~MAAMW~~,eAAe,GAAG,IAAAC,kBAAW,EAChCC,KAAwB,IAAK;IAAA,IAAAC,qBAAA,EAAAC,mBAAA;IAC5B,MAAM;MAAEC,KAAK;~~MAAER~~;IAAO,CAAC,~~GAAGK~~,KAAK,CAACI,WAAW,CAACC,MAAM;~~IAClD1B~~,~~YAAY~~,~~CAACwB,KAAK,CAAC;IACnB,IAAI,CAACtB,SAAS,EAAE;MACdC,YAAY,CAACP,QAAQ,GAAG4B,KAAK,GAAGN,mCAAmB,GAAG,EAAE,CAAC;IAC3D;IACA,MAAMS,~~WAAW,IAAAL,qBAAA,IAAAC,mBAAA,GAAGK,uBAAU,CAACC,OAAO,~~CAAChC~~,KAAK,CAAC,~~cAAA0B~~,mBAAA,uBAAzBA,mBAAA,CAA2BI,WAAW,cAAAL,qBAAA,cAAAA,qBAAA,GAAI,CAAC;IAC/~~DjB~~,~~oBAAoB~~,~~CAACW~~,MAAM,GAAG,CAAC,~~GAAGW~~,WAAW,CAAC;~~EAChD~~,CAAC,~~EACD~~,CAAC/B,QAAQ,EAAEM,SAAS,EAAEL,KAAK,~~CAC7B~~,CAAC;EAED,~~oBACEtC~~,MAAA,CAAAU,OAAA,~~CAAA6D~~,aAAA,~~CAACnE~~,sBAAA,CAAAM,OAAQ,~~CAAC8D~~,IAAI;~~IAAClC~~,KAAK,EAAE,~~CAACmC~~,MAAM,CAACC,eAAe,~~EAAEnB~~,wBAAwB,EAAEjB,KAAK;EAAE,gBAC9EtC,MAAA,CAAAU,OAAA,~~CAAA6D~~,aAAA,~~CAACpE~~,YAAA,~~CAAAqE~~,IAAI;~~IAAClC~~,KAAK,EAAE,~~CAACmC~~,MAAM,CAACE,WAAW,~~EAAEjB~~,gBAAgB;EAAE,gBAClD1D,MAAA,CAAAU,OAAA,~~CAAA6D~~,aAAA,~~CAACjE~~,sBAAA,CAAAI,OAAqB,EAAAkB,QAAA;~~IACpBgD~~,OAAO,EAAE,KAAM;~~IACfxC~~,QAAQ,~~EAAEA~~,~~QAAS~~;~~IACnByC~~,QAAQ,~~EAAEjB~~,eAAgB;~~IAC1BtB~~,KAAK,EAAEH;EAAiB,GACpBI,KAAK,CACV,CACG,CACO,CAAC;AAEpB,CAAC;AAED,~~MAAMkC~~,MAAM,~~GAAGJ~~,uBAAU,~~CAACS~~,MAAM,CAAC;EAC/BJ,eAAe,EAAE;IACf,GAAGK;EACL,CAAC;EACDJ,WAAW,EAAE;IACXK,YAAY,EAAE,EAAE;~~IAChBvB~~,MAAM,EAAE,MAAM;~~IACdwB~~,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,~~CAAAzE~~,OAAA,GAEYwB,6BAA6B","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_credentialCard","_credentialDetailsCard","_interopRequireDefault","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","CredentialDetailsCardListItem","detailsCardStyle","expanded","lastItem","style","props","cardWidth","setCardWidth","useState","minHeight","setMinHeight","detailsCardHeight","setDetailsCardHeight","cardListItemHeight","useSharedValue","undefined","useEffect","newValue","value","withTiming","duration","animatedCardWrapperStyle","useAnimatedStyle","height","cardWrapperStyle","Math","ceil","CredentialCardRatio","onContentLayout","useCallback","event","_StyleSheet$flatten$b","_StyleSheet$flatten","width","nativeEvent","layout","borderWidth","StyleSheet","flatten","cardHeight","round","createElement","View","styles","animatedWrapper","cardWrapper","animate","onLayout","create","CredentialCardShadow","borderRadius","overflow","_default","exports"],"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 ? Math.ceil(cardWidth / CredentialCardRatio) : undefined,\n }\n\n const onContentLayout = useCallback(\n (event: LayoutChangeEvent) => {\n const { width, height } = event.nativeEvent.layout;\n const borderWidth = StyleSheet.flatten(style)?.borderWidth ?? 0;\n const cardHeight = Math.round(height) + 2 * borderWidth;\n if (cardHeight === detailsCardHeight) {\n return;\n }\n setCardWidth(width);\n if (!minHeight) {\n setMinHeight(lastItem ? Math.ceil(width / CredentialCardRatio) : 60);\n }\n setDetailsCardHeight(cardHeight);\n },\n [lastItem, minHeight, style, detailsCardHeight],\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={true}\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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAH,uBAAA,CAAAC,OAAA;AAEA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,sBAAA,GAAAC,sBAAA,CAAAL,OAAA;AAA8F,SAAAK,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAAA,SAAAW,SAAA,WAAAA,QAAA,GAAAR,MAAA,CAAAS,MAAA,GAAAT,MAAA,CAAAS,MAAA,CAAAC,IAAA,eAAAb,CAAA,aAAAT,CAAA,MAAAA,CAAA,GAAAuB,SAAA,CAAAC,MAAA,EAAAxB,CAAA,UAAAM,CAAA,GAAAiB,SAAA,CAAAvB,CAAA,YAAAK,CAAA,IAAAC,CAAA,OAAAU,cAAA,CAAAC,IAAA,CAAAX,CAAA,EAAAD,CAAA,MAAAI,CAAA,CAAAJ,CAAA,IAAAC,CAAA,CAAAD,CAAA,aAAAI,CAAA,KAAAW,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAO9F,MAAMG,6BAAqE,GAAGA,CAAC;EAC7EC,gBAAgB;EAChBC,QAAQ;EACRC,QAAQ;EACRC,KAAK;EACL,GAAGC;AACL,CAAC,KAAK;EACJ,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAS,CAAC;EACpD,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAF,eAAQ,EAAS,CAAC;EACpD,MAAM,CAACG,iBAAiB,EAAEC,oBAAoB,CAAC,GAAG,IAAAJ,eAAQ,EAAS,CAAC;EAEpE,MAAMK,kBAAkB,GAAG,IAAAC,qCAAc,EAAqBC,SAAS,CAAC;EAExE,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAI,CAACL,iBAAiB,IAAI,CAACF,SAAS,EAAE;MACpC;IACF;IACA,MAAMQ,QAAQ,GAAGf,QAAQ,GAAGS,iBAAiB,GAAGF,SAAS;IACzD,IAAII,kBAAkB,CAACK,KAAK,KAAKH,SAAS,EAAE;MAC1CF,kBAAkB,CAACK,KAAK,GAAGD,QAAQ;MACnC;IACF;IACAJ,kBAAkB,CAACK,KAAK,GAAG,IAAAC,iCAAU,EAACF,QAAQ,EAAE;MAC9CG,QAAQ,EAAE;IACZ,CAAC,CAAC;EACJ,CAAC,EAAE,CAACP,kBAAkB,EAAEF,iBAAiB,EAAEF,SAAS,EAAEP,QAAQ,CAAC,CAAC;EAEhE,MAAMmB,wBAAwB,GAAG,IAAAC,uCAAgB,EAAC,MAAM;IACtD,IAAIT,kBAAkB,CAACK,KAAK,KAAKH,SAAS,EAAE;MAC1C,OAAO;QACLQ,MAAM,EAAEV,kBAAkB,CAACK;MAC7B,CAAC;IACH;IACA,IAAIf,QAAQ,IAAID,QAAQ,EAAE;MACxB,OAAO,CAAC,CAAC;IACX;IACA,OAAO;MACLqB,MAAM,EAAE;IACV,CAAC;EACH,CAAC,EAAE,CAACV,kBAAkB,EAAEV,QAAQ,EAAED,QAAQ,CAAC,CAAC;EAE5C,MAAMsB,gBAA2B,GAAG;IAClCf,SAAS,EAAEH,SAAS,GAAGmB,IAAI,CAACC,IAAI,CAACpB,SAAS,GAAGqB,mCAAmB,CAAC,GAAGZ;EACtE,CAAC;EAED,MAAMa,eAAe,GAAG,IAAAC,kBAAW,EAChCC,KAAwB,IAAK;IAAA,IAAAC,qBAAA,EAAAC,mBAAA;IAC5B,MAAM;MAAEC,KAAK;MAAEV;IAAO,CAAC,GAAGO,KAAK,CAACI,WAAW,CAACC,MAAM;IAClD,MAAMC,WAAW,IAAAL,qBAAA,IAAAC,mBAAA,GAAGK,uBAAU,CAACC,OAAO,CAAClC,KAAK,CAAC,cAAA4B,mBAAA,uBAAzBA,mBAAA,CAA2BI,WAAW,cAAAL,qBAAA,cAAAA,qBAAA,GAAI,CAAC;IAC/D,MAAMQ,UAAU,GAAGd,IAAI,CAACe,KAAK,CAACjB,MAAM,CAAC,GAAG,CAAC,GAAGa,WAAW;IACvD,IAAIG,UAAU,KAAK5B,iBAAiB,EAAE;MACpC;IACF;IACAJ,YAAY,CAAC0B,KAAK,CAAC;IACnB,IAAI,CAACxB,SAAS,EAAE;MACdC,YAAY,CAACP,QAAQ,GAAGsB,IAAI,CAACC,IAAI,CAACO,KAAK,GAAGN,mCAAmB,CAAC,GAAG,EAAE,CAAC;IACtE;IACAf,oBAAoB,CAAC2B,UAAU,CAAC;EAClC,CAAC,EACD,CAACpC,QAAQ,EAAEM,SAAS,EAAEL,KAAK,EAAEO,iBAAiB,CAChD,CAAC;EAED,oBACE7C,MAAA,CAAAU,OAAA,CAAAiE,aAAA,CAACvE,sBAAA,CAAAM,OAAQ,CAACkE,IAAI;IAACtC,KAAK,EAAE,CAACuC,MAAM,CAACC,eAAe,EAAEvB,wBAAwB,EAAEjB,KAAK;EAAE,gBAC9EtC,MAAA,CAAAU,OAAA,CAAAiE,aAAA,CAACxE,YAAA,CAAAyE,IAAI;IAACtC,KAAK,EAAE,CAACuC,MAAM,CAACE,WAAW,EAAErB,gBAAgB;EAAE,gBAClD1D,MAAA,CAAAU,OAAA,CAAAiE,aAAA,CAACrE,sBAAA,CAAAI,OAAqB,EAAAkB,QAAA;IACpBoD,OAAO,EAAE,KAAM;IACf5C,QAAQ,EAAE,IAAK;IACf6C,QAAQ,EAAEnB,eAAgB;IAC1BxB,KAAK,EAAEH;EAAiB,GACpBI,KAAK,CACV,CACG,CACO,CAAC;AAEpB,CAAC;AAED,MAAMsC,MAAM,GAAGN,uBAAU,CAACW,MAAM,CAAC;EAC/BJ,eAAe,EAAE;IACf,GAAGK;EACL,CAAC;EACDJ,WAAW,EAAE;IACXK,YAAY,EAAE,EAAE;IAChB3B,MAAM,EAAE,MAAM;IACd4B,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA7E,OAAA,GAEYwB,6BAA6B","ignoreList":[]}

package/lib/commonjs/ui-components/header/header.js CHANGED Viewed

@@ -27,7 +27,7 @@ const backButtonHitSlop = {
  */
 const Header = ({
   onBack,
-  rightButton,
+  rightButtons,
   style,
   titleRowStyle,
   testID,
@@ -44,8 +44,8 @@ const Header = ({
     hitSlop: backButtonHitSlop,
     onPress: onBack,
     testID: (0, _utils.concatTestID)(testID, 'back')
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, null), rightButton), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.titleRow, onBack ? styles.titleRow2nd : styles.titleRowNoBackButton, (onBack || !rightButton) && styles.titleRowNoRightButton, titleRowStyle]
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, null), rightButtons), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.titleRow, onBack ? styles.titleRow2nd : styles.titleRowNoBackButton, (onBack || !rightButtons) && styles.titleRowNoRightButton, titleRowStyle]
   }, typeof title === 'string' ? /*#__PURE__*/_react.default.createElement(_text.Typography, {
     accessibilityRole: "header",
     color: colorScheme.text,
@@ -54,9 +54,9 @@ const Header = ({
     testID: (0, _utils.concatTestID)(testID, 'title')
   }, title) : /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.title
-  }, title), !onBack && rightButton && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, title), !onBack && rightButtons && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.rightButtonWrapper
-  }, rightButton)));
+  }, rightButtons)));
 };
 const styles = _reactNative.StyleSheet.create({
   backButtonRow: {
@@ -72,6 +72,8 @@ const styles = _reactNative.StyleSheet.create({
   },
   rightButtonWrapper: {
     alignItems: 'center',
+    flexDirection: 'row',
+    gap: '16',
     height: 48,
     justifyContent: 'center',
     paddingHorizontal: 12,

package/lib/commonjs/ui-components/header/header.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_utils","_buttons","_text","_theme","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","backButtonHitSlop","top","bottom","left","right","Header","onBack","~~rightButton~~","style","titleRowStyle","testID","title","viewProps","colorScheme","useAppColorScheme","createElement","View","styles","container","backButtonRow","BackButton","hitSlop","onPress","concatTestID","titleRow","titleRow2nd","titleRowNoBackButton","titleRowNoRightButton","Typography","accessibilityRole","color","text","preset","rightButtonWrapper","StyleSheet","create","alignItems","flexDirection","justifyContent","minHeight","paddingHorizontal","width","height","paddingTop","flex","paddingBottom","paddingLeft","paddingRight","marginBottom","marginTop","_default","exports"],"sources":["header.tsx"],"sourcesContent":["import React, { FC, ReactNode } from 'react';\nimport { Insets, StyleProp, StyleSheet, View, ViewProps, ViewStyle } from 'react-native';\n\nimport { concatTestID } from '../../utils';\nimport { BackButton } from '../buttons';\nimport { Typography } from '../text';\nimport { useAppColorScheme } from '../theme';\n\nexport interface HeaderProps extends ViewProps {\n onBack?: () => void;\n ~~rightButton~~?: ReactNode;\n style?: StyleProp<ViewStyle>;\n titleRowStyle?: StyleProp<ViewStyle>;\n title: ReactNode;\n}\n\nconst backButtonHitSlop: Insets = { top: 12, bottom: 12, left: 20, right: 20 };\n\n/*\n Unified screen header\n \n Following the design: https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?node-id=425-18624\n * states (Default + Dashboard)\n */\nconst Header: FC<HeaderProps> = ({ onBack, ~~rightButton~~, style, titleRowStyle, testID, title, ...viewProps }) => {\n const colorScheme = useAppColorScheme();\n\n return (\n <View style={[styles.container, style]} testID={testID} {...viewProps}>\n {onBack && (\n <View style={styles.backButtonRow}>\n <BackButton hitSlop={backButtonHitSlop} onPress={onBack} testID={concatTestID(testID, 'back')} />\n <View />\n {~~rightButton~~}\n </View>\n )}\n\n <View\n style={[\n styles.titleRow,\n onBack ? styles.titleRow2nd : styles.titleRowNoBackButton,\n (onBack \|\| !~~rightButton~~) && styles.titleRowNoRightButton,\n titleRowStyle,\n ]}>\n {typeof title === 'string' ? (\n <Typography\n accessibilityRole=\"header\"\n color={colorScheme.text}\n preset=\"l\"\n style={styles.title}\n testID={concatTestID(testID, 'title')}>\n {title}\n </Typography>\n ) : (\n <View style={styles.title}>{title}</View>\n )}\n\n {!onBack && ~~rightButton~~ && <View style={styles.rightButtonWrapper}>{~~rightButton~~}</View>}\n </View>\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n backButtonRow: {\n alignItems: 'center',\n flexDirection: 'row',\n justifyContent: 'space-between',\n minHeight: 48,\n paddingHorizontal: 20,\n width: '100%',\n },\n container: {\n width: '100%',\n },\n rightButtonWrapper: {\n alignItems: 'center',\n height: 48,\n justifyContent: 'center',\n paddingHorizontal: 12,\n paddingTop: 2,\n },\n title: {\n flex: 1,\n paddingBottom: 8, // to compensate \"l\" font line-height difference\n paddingTop: 9,\n },\n titleRow: {\n flexDirection: 'row',\n paddingLeft: 20,\n paddingRight: 8,\n width: '100%',\n },\n titleRow2nd: {\n marginBottom: 12,\n },\n titleRowNoBackButton: {\n marginTop: 12,\n },\n titleRowNoRightButton: {\n paddingRight: 20,\n },\n});\n\nexport default Header;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAA6C,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAU7C,MAAMO,iBAAyB,GAAG;EAAEC,GAAG,EAAE,EAAE;EAAEC,MAAM,EAAE,EAAE;EAAEC,IAAI,EAAE,EAAE;EAAEC,KAAK,EAAE;AAAG,CAAC;;AAE9E;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,MAAuB,GAAGA,CAAC;EAAEC,MAAM;EAAEC,~~WAAW~~;EAAEC,KAAK;EAAEC,aAAa;EAAEC,MAAM;EAAEC,KAAK;EAAE,GAAGC;AAAU,CAAC,KAAK;~~EAC9G~~,MAAMC,WAAW,GAAG,IAAAC,wBAAiB,EAAC,CAAC;EAEvC,oBACErC,MAAA,CAAAU,OAAA,CAAA4B,aAAA,CAACnC,YAAA,CAAAoC,IAAI,EAAA5B,QAAA;IAACoB,KAAK,EAAE,CAACS,MAAM,CAACC,SAAS,EAAEV,KAAK,CAAE;IAACE,MAAM,EAAEA;EAAO,GAAKE,SAAS,GAClEN,MAAM,iBACL7B,MAAA,CAAAU,OAAA,CAAA4B,aAAA,CAACnC,YAAA,CAAAoC,IAAI;IAACR,KAAK,EAAES,MAAM,CAACE;EAAc,gBAChC1C,MAAA,CAAAU,OAAA,CAAA4B,aAAA,CAACjC,QAAA,CAAAsC,UAAU;IAACC,OAAO,EAAErB,iBAAkB;IAACsB,OAAO,EAAEhB,MAAO;IAACI,MAAM,EAAE,IAAAa,mBAAY,EAACb,MAAM,EAAE,MAAM;EAAE,CAAE,CAAC,eACjGjC,MAAA,CAAAU,OAAA,CAAA4B,aAAA,CAACnC,YAAA,CAAAoC,IAAI,MAAE,CAAC,EACPT,~~WACG~~,CACP,eAED9B,MAAA,CAAAU,OAAA,CAAA4B,aAAA,CAACnC,YAAA,CAAAoC,IAAI;IACHR,KAAK,EAAE,CACLS,MAAM,CAACO,QAAQ,EACflB,MAAM,GAAGW,MAAM,CAACQ,WAAW,GAAGR,MAAM,CAACS,oBAAoB,EACzD,CAACpB,MAAM,IAAI,CAACC,~~WAAW~~,KAAKU,MAAM,CAACU,qBAAqB,~~EACxDlB~~,aAAa;EACb,GACD,OAAOE,KAAK,KAAK,QAAQ,gBACxBlC,MAAA,CAAAU,OAAA,CAAA4B,aAAA,CAAChC,KAAA,CAAA6C,UAAU;IACTC,iBAAiB,EAAC,QAAQ;IAC1BC,KAAK,EAAEjB,WAAW,CAACkB,IAAK;IACxBC,MAAM,EAAC,GAAG;IACVxB,KAAK,EAAES,MAAM,CAACN,KAAM;IACpBD,MAAM,EAAE,IAAAa,mBAAY,EAACb,MAAM,EAAE,OAAO;EAAE,GACrCC,KACS,CAAC,gBAEblC,MAAA,CAAAU,OAAA,CAAA4B,aAAA,CAACnC,YAAA,CAAAoC,IAAI;IAACR,KAAK,EAAES,MAAM,CAACN;EAAM,GAAEA,KAAY,CACzC,EAEA,CAACL,MAAM,IAAIC,~~WAAW~~,iBAAI9B,MAAA,CAAAU,OAAA,CAAA4B,aAAA,CAACnC,YAAA,CAAAoC,IAAI;IAACR,KAAK,EAAES,MAAM,CAACgB;EAAmB,GAAE1B,~~WAAkB~~,~~CAClF~~,CACF,CAAC;AAEX,CAAC;AAED,MAAMU,MAAM,GAAGiB,uBAAU,CAACC,MAAM,CAAC;EAC/BhB,aAAa,EAAE;IACbiB,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/BC,SAAS,EAAE,EAAE;IACbC,iBAAiB,EAAE,EAAE;IACrBC,KAAK,EAAE;EACT,CAAC;EACDvB,SAAS,EAAE;IACTuB,KAAK,EAAE;EACT,CAAC;EACDR,kBAAkB,EAAE;IAClBG,UAAU,EAAE,QAAQ;~~IACpBM~~,MAAM,EAAE,EAAE;~~IACVJ~~,cAAc,EAAE,QAAQ;IACxBE,iBAAiB,EAAE,EAAE;~~IACrBG~~,UAAU,EAAE;EACd,CAAC;~~EACDhC~~,KAAK,EAAE;~~IACLiC~~,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE,CAAC;IAAE;IAClBF,UAAU,EAAE;EACd,CAAC;~~EACDnB~~,QAAQ,EAAE;IACRa,aAAa,EAAE,KAAK;~~IACpBS~~,WAAW,EAAE,EAAE;IACfC,YAAY,EAAE,CAAC;~~IACfN~~,KAAK,EAAE;EACT,CAAC;EACDhB,WAAW,EAAE;~~IACXuB~~,YAAY,EAAE;EAChB,CAAC;~~EACDtB~~,oBAAoB,EAAE;~~IACpBuB~~,SAAS,EAAE;EACb,CAAC;~~EACDtB~~,qBAAqB,EAAE;~~IACrBoB~~,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAAC,IAAAG,QAAA,GAAAC,OAAA,~~CAAAhE~~,OAAA,GAEYkB,MAAM","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_utils","_buttons","_text","_theme","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","backButtonHitSlop","top","bottom","left","right","Header","onBack","rightButtons","style","titleRowStyle","testID","title","viewProps","colorScheme","useAppColorScheme","createElement","View","styles","container","backButtonRow","BackButton","hitSlop","onPress","concatTestID","titleRow","titleRow2nd","titleRowNoBackButton","titleRowNoRightButton","Typography","accessibilityRole","color","text","preset","rightButtonWrapper","StyleSheet","create","alignItems","flexDirection","justifyContent","minHeight","paddingHorizontal","width","gap","height","paddingTop","flex","paddingBottom","paddingLeft","paddingRight","marginBottom","marginTop","_default","exports"],"sources":["header.tsx"],"sourcesContent":["import React, { FC, ReactNode } from 'react';\nimport { Insets, StyleProp, StyleSheet, View, ViewProps, ViewStyle } from 'react-native';\n\nimport { concatTestID } from '../../utils';\nimport { BackButton } from '../buttons';\nimport { Typography } from '../text';\nimport { useAppColorScheme } from '../theme';\n\nexport interface HeaderProps extends ViewProps {\n onBack?: () => void;\n rightButtons?: ReactNode[];\n style?: StyleProp<ViewStyle>;\n titleRowStyle?: StyleProp<ViewStyle>;\n title: ReactNode;\n}\n\nconst backButtonHitSlop: Insets = { top: 12, bottom: 12, left: 20, right: 20 };\n\n/*\n Unified screen header\n \n Following the design: https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?node-id=425-18624\n * states (Default + Dashboard)\n */\nconst Header: FC<HeaderProps> = ({ onBack, rightButtons, style, titleRowStyle, testID, title, ...viewProps }) => {\n const colorScheme = useAppColorScheme();\n\n return (\n <View style={[styles.container, style]} testID={testID} {...viewProps}>\n {onBack && (\n <View style={styles.backButtonRow}>\n <BackButton hitSlop={backButtonHitSlop} onPress={onBack} testID={concatTestID(testID, 'back')} />\n <View />\n {rightButtons}\n </View>\n )}\n\n <View\n style={[\n styles.titleRow,\n onBack ? styles.titleRow2nd : styles.titleRowNoBackButton,\n (onBack \|\| !rightButtons) && styles.titleRowNoRightButton,\n titleRowStyle,\n ]}>\n {typeof title === 'string' ? (\n <Typography\n accessibilityRole=\"header\"\n color={colorScheme.text}\n preset=\"l\"\n style={styles.title}\n testID={concatTestID(testID, 'title')}>\n {title}\n </Typography>\n ) : (\n <View style={styles.title}>{title}</View>\n )}\n\n {!onBack && rightButtons && <View style={styles.rightButtonWrapper}>{rightButtons}</View>}\n </View>\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n backButtonRow: {\n alignItems: 'center',\n flexDirection: 'row',\n justifyContent: 'space-between',\n minHeight: 48,\n paddingHorizontal: 20,\n width: '100%',\n },\n container: {\n width: '100%',\n },\n rightButtonWrapper: {\n alignItems: 'center',\n flexDirection: 'row',\n gap: '16',\n height: 48,\n justifyContent: 'center',\n paddingHorizontal: 12,\n paddingTop: 2,\n },\n title: {\n flex: 1,\n paddingBottom: 8, // to compensate \"l\" font line-height difference\n paddingTop: 9,\n },\n titleRow: {\n flexDirection: 'row',\n paddingLeft: 20,\n paddingRight: 8,\n width: '100%',\n },\n titleRow2nd: {\n marginBottom: 12,\n },\n titleRowNoBackButton: {\n marginTop: 12,\n },\n titleRowNoRightButton: {\n paddingRight: 20,\n },\n});\n\nexport default Header;\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui-components/history/history-details.js CHANGED Viewed

@@ -38,6 +38,7 @@ const HistoryDetailsView = ({
     onHeaderPress,
     setInitialCredential
   } = (0, _utils.useCredentialListExpandedCard)();
+  const cardWidth = (0, _react.useMemo)(() => _reactNative.Dimensions.get('window').width - 32, []);
   // Expand the first credential
   (0, _react.useEffect)(() => {
@@ -132,7 +133,8 @@ const HistoryDetailsView = ({
         ...props.credentialCard,
         card: {
           ...props.credentialCard.card,
-          onHeaderPress: props.credentialCard.headerPressable === false ? undefined : onHeaderPress
+          onHeaderPress: props.credentialCard.headerPressable === false ? undefined : onHeaderPress,
+          width: cardWidth
         }
       };
       return /*#__PURE__*/_react.default.createElement(_reactNative.View, {

package/lib/commonjs/ui-components/history/history-details.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_components","_headerButtons","_utils","_accessibility","_buttons","_credential","_icons","_screens","_text","_theme","_dataItem","_interopRequireDefault","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","HistoryDetailsView","assets","data","headerButton","labels","onBackPressed","onInfoPressed","onImagePreview","testID","_assets$cards","_assets$cards2","colorScheme","useAppColorScheme","expandedCredential","onHeaderPress","setInitialCredential","useCredentialListExpandedCard","useEffect","cards","id","credentialDetails","credentialId","credentialCard","card","moreInfoHeaderButton","useMemo","_labels$infoButtonAcc","undefined","createElement","HeaderInfoButton","onPress","concatTestID","accessibilityLabel","infoButtonAccessibility","hasAssets","header","ScrollViewScreen","leftItem","BackButton","rightItem","static","title","scrollView","style","styles","content","View","section","backgroundColor","white","EntityDetails","entity","borderColor","background","CredentialHeader","credentialHeader","blur","attribute","date","value","action","last","label","valueColor","color","valueIcon","icon","Typography","text","preset","sectionHeader","relatedAssets","TouchableOpacity","disabled","onPressed","accessory","NextIcon","assetsHeader","map","props","index","key","credential","CredentialDetails","expanded","lastItem","itemProps","headerPressable","toString","CredentialDetailsCardListItem","exports","StyleSheet","create","borderRadius","paddingHorizontal","paddingTop","marginBottom","borderBottomWidth","paddingBottom","marginTop","padding","marginHorizontal","marginVertical"],"sources":["history-details.tsx"],"sourcesContent":["import React, { ComponentType, FC, ReactElement, useEffect, useMemo } from 'react';\nimport { ColorValue, ImageSourcePropType, StyleSheet, View } from 'react-native';\n\nimport { CredentialDetails, CredentialDetailsProps, EntityDetails, EntityDetailsProps } from '../../components';\nimport { HeaderInfoButton } from '../../components/navigation/header-buttons';\nimport { CardLabels, concatTestID, useCredentialListExpandedCard } from '../../utils';\nimport { TouchableOpacity } from '../accessibility';\nimport { BackButton } from '../buttons';\nimport {\n CredentialDetailsCardListItem,\n CredentialDetailsCardListItemProps,\n CredentialHeader,\n CredentialHeaderProps,\n} from '../credential';\nimport { NextIcon } from '../icons';\nimport { ScrollViewScreen } from '../screens';\nimport { Typography } from '../text';\nimport { useAppColorScheme } from '../theme';\nimport DataItem from './data-item';\n\nexport type HistoryDetailsLabels = {\n credentialCard: CardLabels;\n data: {\n date: string;\n action: string;\n };\n infoButtonAccessibility?: string;\n relatedAssets: string;\n title: string;\n};\n\ntype CredentialDetails = Omit<\n CredentialDetailsProps,\n 'expanded' \| 'labels' \| 'lastItem' \| 'onHeaderPress' \| 'onImagePreview'\n>;\n\ntype CredentialCard = Omit<\n CredentialDetailsCardListItemProps,\n 'expanded' \| 'labels' \| 'lastItem' \| 'onHeaderPress' \| 'onImagePreview'\n> & {\n /** default: true */\n headerPressable?: boolean;\n};\n\nexport type HistoryDetailsViewProps = {\n assets?: {\n header?: CredentialHeaderProps & {\n onPressed?: () => void;\n };\n cards?: (\n \| {\n credentialDetails: CredentialDetails;\n }\n \| {\n credentialCard: CredentialCard;\n }\n )[];\n };\n data: {\n header?:\n \| {\n entity: EntityDetailsProps;\n }\n \| {\n credentialHeader: CredentialHeaderProps;\n };\n date: string;\n action: {\n icon: ComponentType<any> \| ReactElement;\n label: string;\n color: ColorValue;\n testID?: string;\n };\n };\n headerButton?: ReactElement;\n labels: HistoryDetailsLabels;\n onBackPressed: () => void;\n onInfoPressed?: () => void;\n onImagePreview: (title: string, image: ImageSourcePropType) => void;\n testID: string;\n};\n\nexport const HistoryDetailsView: FC<HistoryDetailsViewProps> = ({\n assets,\n data,\n headerButton,\n labels,\n onBackPressed,\n onInfoPressed,\n onImagePreview,\n testID,\n}) => {\n const colorScheme = useAppColorScheme();\n const { expandedCredential, onHeaderPress, setInitialCredential } = useCredentialListExpandedCard();\n\n // Expand the first credential\n useEffect(() => {\n if (assets?.cards && assets.cards.length > 0) {\n let id =\n 'credentialDetails' in assets.cards[0]\n ? assets.cards[0].credentialDetails.credentialId\n : assets.cards[0].credentialCard.card.credentialId;\n if (id) {\n setInitialCredential(id);\n }\n }\n }, [assets?.cards, setInitialCredential]);\n\n const moreInfoHeaderButton = useMemo(() => {\n if (headerButton) {\n return headerButton;\n }\n\n if (!onInfoPressed) {\n return undefined;\n }\n\n return (\n <HeaderInfoButton\n onPress={onInfoPressed}\n testID={concatTestID(testID, 'header', 'info')}\n accessibilityLabel={labels.infoButtonAccessibility ?? ''}\n />\n );\n }, [headerButton, labels.infoButtonAccessibility, onInfoPressed, testID]);\n\n const hasAssets = assets && (assets.header \|\| assets.cards?.length);\n\n return (\n <ScrollViewScreen\n header={{\n leftItem: <BackButton onPress={onBackPressed} testID={concatTestID(testID, 'header', 'back')} />,\n rightItem: moreInfoHeaderButton,\n static: true,\n title: labels.title,\n }}\n scrollView={{\n style: styles.content,\n }}\n testID={testID}>\n <View style={[styles.section, { backgroundColor: colorScheme.white }]}>\n {data.header && 'entity' in data.header && (\n <EntityDetails\n {...data.header.entity}\n style={[styles.entity, { borderColor: colorScheme.background }, data.header.entity.style]}\n />\n )}\n {data.header && 'credentialHeader' in data.header && (\n <CredentialHeader\n {...data.header.credentialHeader}\n blur={false}\n style={[styles.header, { borderColor: colorScheme.background }, data.header.credentialHeader.style]}\n />\n )}\n <DataItem attribute={labels.data.date} value={data.date} />\n <DataItem\n attribute={labels.data.action}\n last\n testID={data.action.testID}\n value={data.action.label}\n valueColor={data.action.color}\n valueIcon={data.action.icon}\n />\n </View>\n\n {hasAssets && (\n <Typography color={colorScheme.text} preset=\"m\" style={styles.sectionHeader}>\n {labels.relatedAssets}\n </Typography>\n )}\n\n {assets?.header && (\n <TouchableOpacity disabled={!assets.header.onPressed} onPress={assets.header.onPressed}>\n <CredentialHeader\n {...assets.header}\n accessory={assets.header.onPressed ? <NextIcon color={colorScheme.text} /> : undefined}\n blur={false}\n style={[styles.assetsHeader, assets.header.style]}\n />\n </TouchableOpacity>\n )}\n {assets?.cards?.map((props, index, { length }) => {\n if ('credentialDetails' in props) {\n return (\n <View key={props.credentialDetails.credentialId} style={styles.credential}>\n <CredentialDetails\n {...props.credentialDetails}\n expanded={expandedCredential === props.credentialDetails.credentialId}\n labels={labels.credentialCard}\n lastItem={index === length - 1}\n onHeaderPress={onHeaderPress}\n onImagePreview={onImagePreview}\n />\n </View>\n );\n } else {\n const itemProps = {\n ...props.credentialCard,\n card: {\n ...props.credentialCard.card,\n onHeaderPress: props.credentialCard.headerPressable === false ? undefined : onHeaderPress,\n },\n };\n return (\n <View key={index.toString()} style={styles.credential}>\n <CredentialDetailsCardListItem\n {...itemProps}\n expanded={expandedCredential === props.credentialCard.card.credentialId}\n lastItem={index === length - 1}\n onImagePreview={onImagePreview}\n />\n </View>\n );\n }\n })}\n </ScrollViewScreen>\n );\n};\n\nconst styles = StyleSheet.create({\n assetsHeader: {\n borderRadius: 8,\n },\n content: {\n paddingHorizontal: 16,\n paddingTop: 12,\n },\n credential: {\n marginBottom: 4,\n },\n entity: {\n borderBottomWidth: 1,\n paddingBottom: 8,\n },\n header: {\n borderBottomWidth: 1,\n marginTop: -8,\n paddingBottom: 12,\n paddingHorizontal: 0,\n },\n section: {\n borderRadius: 8,\n marginBottom: 12,\n padding: 12,\n },\n sectionHeader: {\n marginHorizontal: 4,\n marginVertical: 16,\n },\n});\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_components","_headerButtons","_utils","_accessibility","_buttons","_credential","_icons","_screens","_text","_theme","_dataItem","_interopRequireDefault","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","HistoryDetailsView","assets","data","headerButton","labels","onBackPressed","onInfoPressed","onImagePreview","testID","_assets$cards","_assets$cards2","colorScheme","useAppColorScheme","expandedCredential","onHeaderPress","setInitialCredential","useCredentialListExpandedCard","cardWidth","useMemo","Dimensions","width","useEffect","cards","id","credentialDetails","credentialId","credentialCard","card","moreInfoHeaderButton","_labels$infoButtonAcc","undefined","createElement","HeaderInfoButton","onPress","concatTestID","accessibilityLabel","infoButtonAccessibility","hasAssets","header","ScrollViewScreen","leftItem","BackButton","rightItem","static","title","scrollView","style","styles","content","View","section","backgroundColor","white","EntityDetails","entity","borderColor","background","CredentialHeader","credentialHeader","blur","attribute","date","value","action","last","label","valueColor","color","valueIcon","icon","Typography","text","preset","sectionHeader","relatedAssets","TouchableOpacity","disabled","onPressed","accessory","NextIcon","assetsHeader","map","props","index","key","credential","CredentialDetails","expanded","lastItem","itemProps","headerPressable","toString","CredentialDetailsCardListItem","exports","StyleSheet","create","borderRadius","paddingHorizontal","paddingTop","marginBottom","borderBottomWidth","paddingBottom","marginTop","padding","marginHorizontal","marginVertical"],"sources":["history-details.tsx"],"sourcesContent":["import React, { ComponentType, FC, ReactElement, useEffect, useMemo } from 'react';\nimport { ColorValue, Dimensions, ImageSourcePropType, StyleSheet, View } from 'react-native';\n\nimport { CredentialDetails, CredentialDetailsProps, EntityDetails, EntityDetailsProps } from '../../components';\nimport { HeaderInfoButton } from '../../components/navigation/header-buttons';\nimport { CardLabels, concatTestID, useCredentialListExpandedCard } from '../../utils';\nimport { TouchableOpacity } from '../accessibility';\nimport { BackButton } from '../buttons';\nimport {\n CredentialDetailsCardListItem,\n CredentialDetailsCardListItemProps,\n CredentialHeader,\n CredentialHeaderProps,\n} from '../credential';\nimport { NextIcon } from '../icons';\nimport { ScrollViewScreen } from '../screens';\nimport { Typography } from '../text';\nimport { useAppColorScheme } from '../theme';\nimport DataItem from './data-item';\n\nexport type HistoryDetailsLabels = {\n credentialCard: CardLabels;\n data: {\n date: string;\n action: string;\n };\n infoButtonAccessibility?: string;\n relatedAssets: string;\n title: string;\n};\n\ntype CredentialDetails = Omit<\n CredentialDetailsProps,\n 'expanded' \| 'labels' \| 'lastItem' \| 'onHeaderPress' \| 'onImagePreview'\n>;\n\ntype CredentialCard = Omit<\n CredentialDetailsCardListItemProps,\n 'expanded' \| 'labels' \| 'lastItem' \| 'onHeaderPress' \| 'onImagePreview'\n> & {\n /** default: true */\n headerPressable?: boolean;\n};\n\nexport type HistoryDetailsViewProps = {\n assets?: {\n header?: CredentialHeaderProps & {\n onPressed?: () => void;\n };\n cards?: (\n \| {\n credentialDetails: CredentialDetails;\n }\n \| {\n credentialCard: CredentialCard;\n }\n )[];\n };\n data: {\n header?:\n \| {\n entity: EntityDetailsProps;\n }\n \| {\n credentialHeader: CredentialHeaderProps;\n };\n date: string;\n action: {\n icon: ComponentType<any> \| ReactElement;\n label: string;\n color: ColorValue;\n testID?: string;\n };\n };\n headerButton?: ReactElement;\n labels: HistoryDetailsLabels;\n onBackPressed: () => void;\n onInfoPressed?: () => void;\n onImagePreview: (title: string, image: ImageSourcePropType) => void;\n testID: string;\n};\n\nexport const HistoryDetailsView: FC<HistoryDetailsViewProps> = ({\n assets,\n data,\n headerButton,\n labels,\n onBackPressed,\n onInfoPressed,\n onImagePreview,\n testID,\n}) => {\n const colorScheme = useAppColorScheme();\n const { expandedCredential, onHeaderPress, setInitialCredential } = useCredentialListExpandedCard();\n const cardWidth = useMemo(() => Dimensions.get('window').width - 32, []);\n\n // Expand the first credential\n useEffect(() => {\n if (assets?.cards && assets.cards.length > 0) {\n let id =\n 'credentialDetails' in assets.cards[0]\n ? assets.cards[0].credentialDetails.credentialId\n : assets.cards[0].credentialCard.card.credentialId;\n if (id) {\n setInitialCredential(id);\n }\n }\n }, [assets?.cards, setInitialCredential]);\n\n const moreInfoHeaderButton = useMemo(() => {\n if (headerButton) {\n return headerButton;\n }\n\n if (!onInfoPressed) {\n return undefined;\n }\n\n return (\n <HeaderInfoButton\n onPress={onInfoPressed}\n testID={concatTestID(testID, 'header', 'info')}\n accessibilityLabel={labels.infoButtonAccessibility ?? ''}\n />\n );\n }, [headerButton, labels.infoButtonAccessibility, onInfoPressed, testID]);\n\n const hasAssets = assets && (assets.header \|\| assets.cards?.length);\n\n return (\n <ScrollViewScreen\n header={{\n leftItem: <BackButton onPress={onBackPressed} testID={concatTestID(testID, 'header', 'back')} />,\n rightItem: moreInfoHeaderButton,\n static: true,\n title: labels.title,\n }}\n scrollView={{\n style: styles.content,\n }}\n testID={testID}>\n <View style={[styles.section, { backgroundColor: colorScheme.white }]}>\n {data.header && 'entity' in data.header && (\n <EntityDetails\n {...data.header.entity}\n style={[styles.entity, { borderColor: colorScheme.background }, data.header.entity.style]}\n />\n )}\n {data.header && 'credentialHeader' in data.header && (\n <CredentialHeader\n {...data.header.credentialHeader}\n blur={false}\n style={[styles.header, { borderColor: colorScheme.background }, data.header.credentialHeader.style]}\n />\n )}\n <DataItem attribute={labels.data.date} value={data.date} />\n <DataItem\n attribute={labels.data.action}\n last\n testID={data.action.testID}\n value={data.action.label}\n valueColor={data.action.color}\n valueIcon={data.action.icon}\n />\n </View>\n\n {hasAssets && (\n <Typography color={colorScheme.text} preset=\"m\" style={styles.sectionHeader}>\n {labels.relatedAssets}\n </Typography>\n )}\n\n {assets?.header && (\n <TouchableOpacity disabled={!assets.header.onPressed} onPress={assets.header.onPressed}>\n <CredentialHeader\n {...assets.header}\n accessory={assets.header.onPressed ? <NextIcon color={colorScheme.text} /> : undefined}\n blur={false}\n style={[styles.assetsHeader, assets.header.style]}\n />\n </TouchableOpacity>\n )}\n {assets?.cards?.map((props, index, { length }) => {\n if ('credentialDetails' in props) {\n return (\n <View key={props.credentialDetails.credentialId} style={styles.credential}>\n <CredentialDetails\n {...props.credentialDetails}\n expanded={expandedCredential === props.credentialDetails.credentialId}\n labels={labels.credentialCard}\n lastItem={index === length - 1}\n onHeaderPress={onHeaderPress}\n onImagePreview={onImagePreview}\n />\n </View>\n );\n } else {\n const itemProps = {\n ...props.credentialCard,\n card: {\n ...props.credentialCard.card,\n onHeaderPress: props.credentialCard.headerPressable === false ? undefined : onHeaderPress,\n width: cardWidth,\n },\n };\n return (\n <View key={index.toString()} style={styles.credential}>\n <CredentialDetailsCardListItem\n {...itemProps}\n expanded={expandedCredential === props.credentialCard.card.credentialId}\n lastItem={index === length - 1}\n onImagePreview={onImagePreview}\n />\n </View>\n );\n }\n })}\n </ScrollViewScreen>\n );\n};\n\nconst styles = StyleSheet.create({\n assetsHeader: {\n borderRadius: 8,\n },\n content: {\n paddingHorizontal: 16,\n paddingTop: 12,\n },\n credential: {\n marginBottom: 4,\n },\n entity: {\n borderBottomWidth: 1,\n paddingBottom: 8,\n },\n header: {\n borderBottomWidth: 1,\n marginTop: -8,\n paddingBottom: 12,\n paddingHorizontal: 0,\n },\n section: {\n borderRadius: 8,\n marginBottom: 12,\n padding: 12,\n },\n sectionHeader: {\n marginHorizontal: 4,\n marginVertical: 16,\n },\n});\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA;AAMA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,QAAA,GAAAT,OAAA;AACA,IAAAU,KAAA,GAAAV,OAAA;AACA,IAAAW,MAAA,GAAAX,OAAA;AACA,IAAAY,SAAA,GAAAC,sBAAA,CAAAb,OAAA;AAAmC,SAAAa,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAf,wBAAAe,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAAA,SAAAW,SAAA,WAAAA,QAAA,GAAAR,MAAA,CAAAS,MAAA,GAAAT,MAAA,CAAAS,MAAA,CAAAC,IAAA,eAAAb,CAAA,aAAAT,CAAA,MAAAA,CAAA,GAAAuB,SAAA,CAAAC,MAAA,EAAAxB,CAAA,UAAAM,CAAA,GAAAiB,SAAA,CAAAvB,CAAA,YAAAK,CAAA,IAAAC,CAAA,OAAAU,cAAA,CAAAC,IAAA,CAAAX,CAAA,EAAAD,CAAA,MAAAI,CAAA,CAAAJ,CAAA,IAAAC,CAAA,CAAAD,CAAA,aAAAI,CAAA,KAAAW,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAgE5B,MAAMG,kBAA+C,GAAGA,CAAC;EAC9DC,MAAM;EACNC,IAAI;EACJC,YAAY;EACZC,MAAM;EACNC,aAAa;EACbC,aAAa;EACbC,cAAc;EACdC;AACF,CAAC,KAAK;EAAA,IAAAC,aAAA,EAAAC,cAAA;EACJ,MAAMC,WAAW,GAAG,IAAAC,wBAAiB,EAAC,CAAC;EACvC,MAAM;IAAEC,kBAAkB;IAAEC,aAAa;IAAEC;EAAqB,CAAC,GAAG,IAAAC,oCAA6B,EAAC,CAAC;EACnG,MAAMC,SAAS,GAAG,IAAAC,cAAO,EAAC,MAAMC,uBAAU,CAACrC,GAAG,CAAC,QAAQ,CAAC,CAACsC,KAAK,GAAG,EAAE,EAAE,EAAE,CAAC;;EAExE;EACA,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAIpB,MAAM,aAANA,MAAM,eAANA,MAAM,CAAEqB,KAAK,IAAIrB,MAAM,CAACqB,KAAK,CAACxB,MAAM,GAAG,CAAC,EAAE;MAC5C,IAAIyB,EAAE,GACJ,mBAAmB,IAAItB,MAAM,CAACqB,KAAK,CAAC,CAAC,CAAC,GAClCrB,MAAM,CAACqB,KAAK,CAAC,CAAC,CAAC,CAACE,iBAAiB,CAACC,YAAY,GAC9CxB,MAAM,CAACqB,KAAK,CAAC,CAAC,CAAC,CAACI,cAAc,CAACC,IAAI,CAACF,YAAY;MACtD,IAAIF,EAAE,EAAE;QACNR,oBAAoB,CAACQ,EAAE,CAAC;MAC1B;IACF;EACF,CAAC,EAAE,CAACtB,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEqB,KAAK,EAAEP,oBAAoB,CAAC,CAAC;EAEzC,MAAMa,oBAAoB,GAAG,IAAAV,cAAO,EAAC,MAAM;IAAA,IAAAW,qBAAA;IACzC,IAAI1B,YAAY,EAAE;MAChB,OAAOA,YAAY;IACrB;IAEA,IAAI,CAACG,aAAa,EAAE;MAClB,OAAOwB,SAAS;IAClB;IAEA,oBACExE,MAAA,CAAAkB,OAAA,CAAAuD,aAAA,CAACpE,cAAA,CAAAqE,gBAAgB;MACfC,OAAO,EAAE3B,aAAc;MACvBE,MAAM,EAAE,IAAA0B,mBAAY,EAAC1B,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAE;MAC/C2B,kBAAkB,GAAAN,qBAAA,GAAEzB,MAAM,CAACgC,uBAAuB,cAAAP,qBAAA,cAAAA,qBAAA,GAAI;IAAG,CAC1D,CAAC;EAEN,CAAC,EAAE,CAAC1B,YAAY,EAAEC,MAAM,CAACgC,uBAAuB,EAAE9B,aAAa,EAAEE,MAAM,CAAC,CAAC;EAEzE,MAAM6B,SAAS,GAAGpC,MAAM,KAAKA,MAAM,CAACqC,MAAM,MAAA7B,aAAA,GAAIR,MAAM,CAACqB,KAAK,cAAAb,aAAA,uBAAZA,aAAA,CAAcX,MAAM,EAAC;EAEnE,oBACExC,MAAA,CAAAkB,OAAA,CAAAuD,aAAA,CAAC9D,QAAA,CAAAsE,gBAAgB;IACfD,MAAM,EAAE;MACNE,QAAQ,eAAElF,MAAA,CAAAkB,OAAA,CAAAuD,aAAA,CAACjE,QAAA,CAAA2E,UAAU;QAACR,OAAO,EAAE5B,aAAc;QAACG,MAAM,EAAE,IAAA0B,mBAAY,EAAC1B,MAAM,EAAE,QAAQ,EAAE,MAAM;MAAE,CAAE,CAAC;MAChGkC,SAAS,EAAEd,oBAAoB;MAC/Be,MAAM,EAAE,IAAI;MACZC,KAAK,EAAExC,MAAM,CAACwC;IAChB,CAAE;IACFC,UAAU,EAAE;MACVC,KAAK,EAAEC,MAAM,CAACC;IAChB,CAAE;IACFxC,MAAM,EAAEA;EAAO,gBACflD,MAAA,CAAAkB,OAAA,CAAAuD,aAAA,CAACtE,YAAA,CAAAwF,IAAI;IAACH,KAAK,EAAE,CAACC,MAAM,CAACG,OAAO,EAAE;MAAEC,eAAe,EAAExC,WAAW,CAACyC;IAAM,CAAC;EAAE,GACnElD,IAAI,CAACoC,MAAM,IAAI,QAAQ,IAAIpC,IAAI,CAACoC,MAAM,iBACrChF,MAAA,CAAAkB,OAAA,CAAAuD,aAAA,CAACrE,WAAA,CAAA2F,aAAa,EAAA3D,QAAA,KACRQ,IAAI,CAACoC,MAAM,CAACgB,MAAM;IACtBR,KAAK,EAAE,CAACC,MAAM,CAACO,MAAM,EAAE;MAAEC,WAAW,EAAE5C,WAAW,CAAC6C;IAAW,CAAC,EAAEtD,IAAI,CAACoC,MAAM,CAACgB,MAAM,CAACR,KAAK;EAAE,EAC3F,CACF,EACA5C,IAAI,CAACoC,MAAM,IAAI,kBAAkB,IAAIpC,IAAI,CAACoC,MAAM,iBAC/ChF,MAAA,CAAAkB,OAAA,CAAAuD,aAAA,CAAChE,WAAA,CAAA0F,gBAAgB,EAAA/D,QAAA,KACXQ,IAAI,CAACoC,MAAM,CAACoB,gBAAgB;IAChCC,IAAI,EAAE,KAAM;IACZb,KAAK,EAAE,CAACC,MAAM,CAACT,MAAM,EAAE;MAAEiB,WAAW,EAAE5C,WAAW,CAAC6C;IAAW,CAAC,EAAEtD,IAAI,CAACoC,MAAM,CAACoB,gBAAgB,CAACZ,KAAK;EAAE,EACrG,CACF,eACDxF,MAAA,CAAAkB,OAAA,CAAAuD,aAAA,CAAC3D,SAAA,CAAAI,OAAQ;IAACoF,SAAS,EAAExD,MAAM,CAACF,IAAI,CAAC2D,IAAK;IAACC,KAAK,EAAE5D,IAAI,CAAC2D;EAAK,CAAE,CAAC,eAC3DvG,MAAA,CAAAkB,OAAA,CAAAuD,aAAA,CAAC3D,SAAA,CAAAI,OAAQ;IACPoF,SAAS,EAAExD,MAAM,CAACF,IAAI,CAAC6D,MAAO;IAC9BC,IAAI;IACJxD,MAAM,EAAEN,IAAI,CAAC6D,MAAM,CAACvD,MAAO;IAC3BsD,KAAK,EAAE5D,IAAI,CAAC6D,MAAM,CAACE,KAAM;IACzBC,UAAU,EAAEhE,IAAI,CAAC6D,MAAM,CAACI,KAAM;IAC9BC,SAAS,EAAElE,IAAI,CAAC6D,MAAM,CAACM;EAAK,CAC7B,CACG,CAAC,EAENhC,SAAS,iBACR/E,MAAA,CAAAkB,OAAA,CAAAuD,aAAA,CAAC7D,KAAA,CAAAoG,UAAU;IAACH,KAAK,EAAExD,WAAW,CAAC4D,IAAK;IAACC,MAAM,EAAC,GAAG;IAAC1B,KAAK,EAAEC,MAAM,CAAC0B;EAAc,GACzErE,MAAM,CAACsE,aACE,CACb,EAEA,CAAAzE,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEqC,MAAM,kBACbhF,MAAA,CAAAkB,OAAA,CAAAuD,aAAA,CAAClE,cAAA,CAAA8G,gBAAgB;IAACC,QAAQ,EAAE,CAAC3E,MAAM,CAACqC,MAAM,CAACuC,SAAU;IAAC5C,OAAO,EAAEhC,MAAM,CAACqC,MAAM,CAACuC;EAAU,gBACrFvH,MAAA,CAAAkB,OAAA,CAAAuD,aAAA,CAAChE,WAAA,CAAA0F,gBAAgB,EAAA/D,QAAA,KACXO,MAAM,CAACqC,MAAM;IACjBwC,SAAS,EAAE7E,MAAM,CAACqC,MAAM,CAACuC,SAAS,gBAAGvH,MAAA,CAAAkB,OAAA,CAAAuD,aAAA,CAAC/D,MAAA,CAAA+G,QAAQ;MAACZ,KAAK,EAAExD,WAAW,CAAC4D;IAAK,CAAE,CAAC,GAAGzC,SAAU;IACvF6B,IAAI,EAAE,KAAM;IACZb,KAAK,EAAE,CAACC,MAAM,CAACiC,YAAY,EAAE/E,MAAM,CAACqC,MAAM,CAACQ,KAAK;EAAE,EACnD,CACe,CACnB,EACA7C,MAAM,aAANA,MAAM,gBAAAS,cAAA,GAANT,MAAM,CAAEqB,KAAK,cAAAZ,cAAA,uBAAbA,cAAA,CAAeuE,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,EAAE;IAAErF;EAAO,CAAC,KAAK;IAChD,IAAI,mBAAmB,IAAIoF,KAAK,EAAE;MAChC,oBACE5H,MAAA,CAAAkB,OAAA,CAAAuD,aAAA,CAACtE,YAAA,CAAAwF,IAAI;QAACmC,GAAG,EAAEF,KAAK,CAAC1D,iBAAiB,CAACC,YAAa;QAACqB,KAAK,EAAEC,MAAM,CAACsC;MAAW,gBACxE/H,MAAA,CAAAkB,OAAA,CAAAuD,aAAA,CAACrE,WAAA,CAAA4H,iBAAiB,EAAA5F,QAAA,KACZwF,KAAK,CAAC1D,iBAAiB;QAC3B+D,QAAQ,EAAE1E,kBAAkB,KAAKqE,KAAK,CAAC1D,iBAAiB,CAACC,YAAa;QACtErB,MAAM,EAAEA,MAAM,CAACsB,cAAe;QAC9B8D,QAAQ,EAAEL,KAAK,KAAKrF,MAAM,GAAG,CAAE;QAC/BgB,aAAa,EAAEA,aAAc;QAC7BP,cAAc,EAAEA;MAAe,EAChC,CACG,CAAC;IAEX,CAAC,MAAM;MACL,MAAMkF,SAAS,GAAG;QAChB,GAAGP,KAAK,CAACxD,cAAc;QACvBC,IAAI,EAAE;UACJ,GAAGuD,KAAK,CAACxD,cAAc,CAACC,IAAI;UAC5Bb,aAAa,EAAEoE,KAAK,CAACxD,cAAc,CAACgE,eAAe,KAAK,KAAK,GAAG5D,SAAS,GAAGhB,aAAa;UACzFM,KAAK,EAAEH;QACT;MACF,CAAC;MACD,oBACE3D,MAAA,CAAAkB,OAAA,CAAAuD,aAAA,CAACtE,YAAA,CAAAwF,IAAI;QAACmC,GAAG,EAAED,KAAK,CAACQ,QAAQ,CAAC,CAAE;QAAC7C,KAAK,EAAEC,MAAM,CAACsC;MAAW,gBACpD/H,MAAA,CAAAkB,OAAA,CAAAuD,aAAA,CAAChE,WAAA,CAAA6H,6BAA6B,EAAAlG,QAAA,KACxB+F,SAAS;QACbF,QAAQ,EAAE1E,kBAAkB,KAAKqE,KAAK,CAACxD,cAAc,CAACC,IAAI,CAACF,YAAa;QACxE+D,QAAQ,EAAEL,KAAK,KAAKrF,MAAM,GAAG,CAAE;QAC/BS,cAAc,EAAEA;MAAe,EAChC,CACG,CAAC;IAEX;EACF,CAAC,CACe,CAAC;AAEvB,CAAC;AAACsF,OAAA,CAAA7F,kBAAA,GAAAA,kBAAA;AAEF,MAAM+C,MAAM,GAAG+C,uBAAU,CAACC,MAAM,CAAC;EAC/Bf,YAAY,EAAE;IACZgB,YAAY,EAAE;EAChB,CAAC;EACDhD,OAAO,EAAE;IACPiD,iBAAiB,EAAE,EAAE;IACrBC,UAAU,EAAE;EACd,CAAC;EACDb,UAAU,EAAE;IACVc,YAAY,EAAE;EAChB,CAAC;EACD7C,MAAM,EAAE;IACN8C,iBAAiB,EAAE,CAAC;IACpBC,aAAa,EAAE;EACjB,CAAC;EACD/D,MAAM,EAAE;IACN8D,iBAAiB,EAAE,CAAC;IACpBE,SAAS,EAAE,CAAC,CAAC;IACbD,aAAa,EAAE,EAAE;IACjBJ,iBAAiB,EAAE;EACrB,CAAC;EACD/C,OAAO,EAAE;IACP8C,YAAY,EAAE,CAAC;IACfG,YAAY,EAAE,EAAE;IAChBI,OAAO,EAAE;EACX,CAAC;EACD9B,aAAa,EAAE;IACb+B,gBAAgB,EAAE,CAAC;IACnBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}