npm - @procivis/one-react-native-components - Versions diffs - 0.3.132 → 0.3.143 - Mend

@procivis/one-react-native-components 0.3.132 → 0.3.143

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

package/lib/module/ui-components/buttons/scan-button.js CHANGED Viewed

@@ -1,11 +1,10 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React from 'react';
-import { StyleSheet, View } from 'react-native';
+import { StyleSheet, Text, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';
 import { useAccessibilityTranslation } from '../accessibility/accessibilityLanguage';
 import BlurView from '../blur/blur-view';
-import { ScanIcon } from '../icons';
+import { IssueIcon, ScanIcon, SignIcon } from '../icons';
 import { useAppColorScheme } from '../theme';
 const hitSlop = {
   top: 10,
@@ -13,65 +12,161 @@ const hitSlop = {
   bottom: 10,
   right: 10
 };
+const SCAN_WIDTH = 104;
+const SCAN_HEIGHT = 80;
+const SIDE_WIDTH = 94;
+const SIDE_HEIGHT = 64;
+const OVERLAP = 50;
 const ScanButton = /*#__PURE__*/React.forwardRef(({
   style,
-  ...props
+  onSignPress,
+  onIssuePress,
+  onScanPress,
+  testID
 }, ref) => {
   const t = useAccessibilityTranslation();
   const colorScheme = useAppColorScheme();
   const insets = useSafeAreaInsets();
-  return /*#__PURE__*/React.createElement(TouchableOpacity, _extends({
+  const showLeftButton = onSignPress !== undefined;
+  const showRightButton = onIssuePress !== undefined;
+  const leftButtonOpacity = showLeftButton ? 1 : 0;
+  const rightButtonOpacity = showRightButton ? 1 : 0;
+  const bottomOffset = Math.max(24, insets.bottom);
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.wrapper, {
+      bottom: bottomOffset
+    }, style]
+  }, /*#__PURE__*/React.createElement(View, {
+    pointerEvents: showLeftButton ? 'auto' : 'none',
+    style: [styles.sideButtonContainer, {
+      opacity: leftButtonOpacity
+    }]
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    accessibilityRole: "button",
+    hitSlop: hitSlop,
+    testID: `${testID}.sign`,
+    onPress: onSignPress,
+    style: styles.sideButton
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.sideInnerLeft, {
+      backgroundColor: colorScheme.white
+    }]
+  }, /*#__PURE__*/React.createElement(SignIcon, {
+    color: colorScheme.black
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.sideLabel, {
+      color: colorScheme.black
+    }]
+  }, "Sign")))), /*#__PURE__*/React.createElement(TouchableOpacity, {
     accessibilityLabel: t('accessibility.icon.scan'),
     accessibilityRole: "button",
     hitSlop: hitSlop,
     ref: ref,
-    style: [styles.button, {
-      bottom: Math.max(24, insets.bottom)
-    }, style]
-  }, props), /*#__PURE__*/React.createElement(BlurView, {
+    style: styles.scanButton,
+    testID: `${testID}.scan`,
+    onPress: onScanPress
+  }, /*#__PURE__*/React.createElement(BlurView, {
     blurStyle: "soft",
-    style: styles.blurWrapper
+    style: styles.scanBlurWrapper
   }, /*#__PURE__*/React.createElement(View, {
-    style: [styles.iconWrapper, {
+    style: [styles.scanInner, {
       backgroundColor: colorScheme.accent
     }]
   }, /*#__PURE__*/React.createElement(ScanIcon, {
     color: colorScheme.white
-  }))));
+  })))), /*#__PURE__*/React.createElement(View, {
+    pointerEvents: showRightButton ? 'auto' : 'none',
+    style: [styles.sideButtonContainer, {
+      opacity: rightButtonOpacity
+    }]
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    accessibilityRole: "button",
+    testID: `${testID}.issue`,
+    hitSlop: hitSlop,
+    onPress: onIssuePress,
+    style: styles.sideButton
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.sideInnerRight, {
+      backgroundColor: colorScheme.white
+    }]
+  }, /*#__PURE__*/React.createElement(IssueIcon, {
+    color: colorScheme.black
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.sideLabel, {
+      color: colorScheme.black
+    }]
+  }, "Issue")))));
 });
 ScanButton.displayName = 'ScanButton';
 export default ScanButton;
 const styles = StyleSheet.create({
-  blurWrapper: {
+  scanBlurWrapper: {
     borderRadius: 28,
-    borderWidth: 0,
-    height: 80,
-    padding: 8,
-    width: 104
+    flex: 1,
+    padding: 8
   },
-  button: {
+  scanButton: {
     borderRadius: 28,
-    borderWidth: 0,
-    height: 80,
-    left: '50%',
-    marginLeft: -52,
-    position: 'absolute',
+    height: SCAN_HEIGHT,
     shadowColor: '#000000',
     shadowOffset: {
       height: 4,
       width: 0
     },
-    shadowOpacity: 0.2,
+    shadowOpacity: 0.25,
     shadowRadius: 24,
-    width: 104
+    width: SCAN_WIDTH,
+    zIndex: 1
   },
-  iconWrapper: {
+  scanInner: {
     alignItems: 'center',
     borderRadius: 20,
-    borderWidth: 0,
-    height: '100%',
+    flex: 1,
+    justifyContent: 'center'
+  },
+  sideButton: {
+    borderRadius: 24,
+    flex: 1
+  },
+  sideButtonContainer: {
+    height: SIDE_HEIGHT,
+    marginHorizontal: -OVERLAP / 2,
+    width: SIDE_WIDTH,
+    zIndex: 0
+  },
+  sideInnerLeft: {
+    alignItems: 'center',
+    borderBottomLeftRadius: 22,
+    borderBottomRightRadius: 0,
+    borderTopLeftRadius: 22,
+    borderTopRightRadius: 0,
+    flex: 1,
+    justifyContent: 'center',
+    paddingRight: 10
+  },
+  sideInnerRight: {
+    alignItems: 'center',
+    borderBottomLeftRadius: 0,
+    borderBottomRightRadius: 22,
+    borderTopLeftRadius: 0,
+    borderTopRightRadius: 22,
+    flex: 1,
     justifyContent: 'center',
-    width: '100%'
+    paddingLeft: 10
+  },
+  sideLabel: {
+    fontSize: 14,
+    fontWeight: '500',
+    marginTop: 6
+  },
+  wrapper: {
+    alignItems: 'center',
+    flexDirection: 'row',
+    height: SCAN_HEIGHT,
+    justifyContent: 'center',
+    left: 0,
+    position: 'absolute',
+    right: 0
   }
 });
 //# sourceMappingURL=scan-button.js.map

package/lib/module/ui-components/buttons/scan-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","StyleSheet","View","useSafeAreaInsets","TouchableOpacity","useAccessibilityTranslation","BlurView","ScanIcon","useAppColorScheme","hitSlop","top","left","bottom","right","ScanButton","forwardRef","style","props","ref","t","colorScheme","insets","createElement","_extends","accessibilityLabel","accessibilityRole","styles","button","Math","max","blurStyle","blurWrapper","iconWrapper","backgroundColor","accent","color","white","displayName","create","borderRadius","borderWidth","height","padding","width","marginLeft","position","shadowColor","shadowOffset","shadowOpacity","shadowRadius","alignItems","justifyContent"],"sources":["scan-button.tsx"],"sourcesContent":["import React from 'react';\nimport { Insets, StyleSheet, TouchableOpacityProps, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { TouchableOpacity, TouchableOpacityRef } from '../accessibility/accessibilityHistoryWrappers';\nimport { useAccessibilityTranslation } from '../accessibility/accessibilityLanguage';\nimport BlurView from '../blur/blur-view';\nimport { ScanIcon } from '../icons';\nimport { useAppColorScheme } from '../theme';\n\nexport type ScanButtonProps = TouchableOpacityProps;\n\nconst hitSlop: Insets = { top: 10, left: 10, bottom: 10, right: 10 };\n\nconst ScanButton = React.forwardRef<TouchableOpacityRef, ScanButtonProps>(({ style, ...props }, ref) => {\n const t = useAccessibilityTranslation();\n const colorScheme = useAppColorScheme();\n const insets = useSafeAreaInsets();\n\n return (\n <TouchableOpacity\n accessibilityLabel={t('accessibility.icon.scan')}\n accessibilityRole=\"button\"\n hitSlop={hitSlop}\n ref={ref}\n style={[styles.button, { bottom: Math.max(24, insets.bottom) }, style]}\n {...props}>\n <BlurView blurStyle=\"soft\" style={styles.blurWrapper}>\n <View style={[styles.iconWrapper, { backgroundColor: colorScheme.accent }]}>\n <ScanIcon color={colorScheme.white} />\n </View>\n </BlurView>\n </TouchableOpacity>\n );\n});\n\nScanButton.displayName = 'ScanButton';\nexport default ScanButton;\n\nconst styles = StyleSheet.create({\n blurWrapper: {\n borderRadius: 28,\n borderWidth: 0,\n height: 80,\n padding: 8,\n width: 104,\n },\n button: {\n borderRadius: 28,\n borderWidth: 0,\n height: 80,\n left: '50%',\n marginLeft: -52,\n position: 'absolute',\n shadowColor: '#000000',\n shadowOffset: { height: 4, width: 0 },\n shadowOpacity: 0.2,\n shadowRadius: 24,\n width: 104,\n },\n iconWrapper: {\n alignItems: 'center',\n borderRadius: 20,\n borderWidth: 0,\n height: '100%',\n justifyContent: 'center',\n width: '100%',\n },\n});\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAiBC,UAAU,EAAyBC,IAAI,QAAQ,cAAc;AAC9E,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SAASC,gBAAgB,QAA6B,+CAA+C;AACrG,SAASC,2BAA2B,QAAQ,wCAAwC;AACpF,OAAOC,QAAQ,MAAM,mBAAmB;AACxC,SAASC,QAAQ,QAAQ,UAAU;AACnC,SAASC,iBAAiB,QAAQ,UAAU;AAI5C,MAAMC,OAAe,GAAG;EAAEC,GAAG,EAAE,EAAE;EAAEC,IAAI,EAAE,EAAE;EAAEC,MAAM,EAAE,EAAE;EAAEC,KAAK,EAAE;AAAG,CAAC;AAEpE,MAAMC,UAAU,gBAAGd,KAAK,CAACe,UAAU,CAAuC,CAAC;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACtG,MAAMC,CAAC,GAAGd,2BAA2B,CAAC,CAAC;EACvC,MAAMe,WAAW,GAAGZ,iBAAiB,CAAC,CAAC;EACvC,MAAMa,MAAM,GAAGlB,iBAAiB,CAAC,CAAC;EAElC,oBACEH,KAAA,CAAAsB,aAAA,CAAClB,gBAAgB,EAAAmB,QAAA;IACfC,kBAAkB,EAAEL,CAAC,CAAC,yBAAyB,CAAE;IACjDM,iBAAiB,EAAC,QAAQ;IAC1BhB,OAAO,EAAEA,OAAQ;IACjBS,GAAG,EAAEA,GAAI;IACTF,KAAK,EAAE,CAACU,MAAM,CAACC,MAAM,EAAE;MAAEf,MAAM,EAAEgB,IAAI,CAACC,GAAG,CAAC,EAAE,EAAER,MAAM,CAACT,MAAM;IAAE,CAAC,EAAEI,KAAK;EAAE,GACnEC,KAAK,gBACTjB,KAAA,CAAAsB,aAAA,CAAChB,QAAQ;IAACwB,SAAS,EAAC,MAAM;IAACd,KAAK,EAAEU,MAAM,CAACK;EAAY,gBACnD/B,KAAA,CAAAsB,aAAA,CAACpB,IAAI;IAACc,KAAK,EAAE,CAACU,MAAM,CAACM,WAAW,EAAE;MAAEC,eAAe,EAAEb,WAAW,CAACc;IAAO,CAAC;EAAE,gBACzElC,KAAA,CAAAsB,aAAA,CAACf,QAAQ;IAAC4B,KAAK,EAAEf,WAAW,CAACgB;EAAM,CAAE,CACjC,CACE,CACM,CAAC;AAEvB,CAAC,CAAC;AAEFtB,UAAU,CAACuB,WAAW,GAAG,YAAY;AACrC,eAAevB,UAAU;AAEzB,MAAMY,MAAM,GAAGzB,UAAU,CAACqC,MAAM,CAAC;EAC/BP,WAAW,EAAE;IACXQ,YAAY,EAAE,EAAE;IAChBC,WAAW,EAAE,CAAC;IACdC,MAAM,EAAE,EAAE;IACVC,OAAO,EAAE,CAAC;IACVC,KAAK,EAAE;EACT,CAAC;EACDhB,MAAM,EAAE;IACNY,YAAY,EAAE,EAAE;IAChBC,WAAW,EAAE,CAAC;IACdC,MAAM,EAAE,EAAE;IACV9B,IAAI,EAAE,KAAK;IACXiC,UAAU,EAAE,CAAC,EAAE;IACfC,QAAQ,EAAE,UAAU;IACpBC,WAAW,EAAE,SAAS;IACtBC,YAAY,EAAE;MAAEN,MAAM,EAAE,CAAC;MAAEE,KAAK,EAAE;IAAE,CAAC;IACrCK,aAAa,EAAE,GAAG;IAClBC,YAAY,EAAE,EAAE;IAChBN,KAAK,EAAE;EACT,CAAC;EACDX,WAAW,EAAE;IACXkB,UAAU,EAAE,QAAQ;IACpBX,YAAY,EAAE,EAAE;IAChBC,WAAW,EAAE,CAAC;IACdC,MAAM,EAAE,MAAM;IACdU,cAAc,EAAE,QAAQ;IACxBR,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","StyleSheet","Text","View","useSafeAreaInsets","TouchableOpacity","useAccessibilityTranslation","BlurView","IssueIcon","ScanIcon","SignIcon","useAppColorScheme","hitSlop","top","left","bottom","right","SCAN_WIDTH","SCAN_HEIGHT","SIDE_WIDTH","SIDE_HEIGHT","OVERLAP","ScanButton","forwardRef","style","onSignPress","onIssuePress","onScanPress","testID","ref","t","colorScheme","insets","showLeftButton","undefined","showRightButton","leftButtonOpacity","rightButtonOpacity","bottomOffset","Math","max","createElement","styles","wrapper","pointerEvents","sideButtonContainer","opacity","accessibilityRole","onPress","sideButton","sideInnerLeft","backgroundColor","white","color","black","sideLabel","accessibilityLabel","scanButton","blurStyle","scanBlurWrapper","scanInner","accent","sideInnerRight","displayName","create","borderRadius","flex","padding","height","shadowColor","shadowOffset","width","shadowOpacity","shadowRadius","zIndex","alignItems","justifyContent","marginHorizontal","borderBottomLeftRadius","borderBottomRightRadius","borderTopLeftRadius","borderTopRightRadius","paddingRight","paddingLeft","fontSize","fontWeight","marginTop","flexDirection","position"],"sources":["scan-button.tsx"],"sourcesContent":["import React from 'react';\nimport { Insets, StyleProp, StyleSheet, Text, View, ViewStyle } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { TouchableOpacity, TouchableOpacityRef } from '../accessibility/accessibilityHistoryWrappers';\nimport { useAccessibilityTranslation } from '../accessibility/accessibilityLanguage';\nimport BlurView from '../blur/blur-view';\nimport { IssueIcon, ScanIcon, SignIcon } from '../icons';\nimport { useAppColorScheme } from '../theme';\n\nexport type ScanButtonProps = {\n onSignPress?: () => void;\n onIssuePress?: () => void;\n onScanPress: () => void;\n testID?: string;\n style?: StyleProp<ViewStyle>;\n};\n\nconst hitSlop: Insets = { top: 10, left: 10, bottom: 10, right: 10 };\n\nconst SCAN_WIDTH = 104;\nconst SCAN_HEIGHT = 80;\nconst SIDE_WIDTH = 94;\nconst SIDE_HEIGHT = 64;\nconst OVERLAP = 50;\n\nconst ScanButton = React.forwardRef<TouchableOpacityRef, ScanButtonProps>(\n ({ style, onSignPress, onIssuePress, onScanPress, testID }, ref) => {\n const t = useAccessibilityTranslation();\n const colorScheme = useAppColorScheme();\n const insets = useSafeAreaInsets();\n const showLeftButton = onSignPress !== undefined;\n const showRightButton = onIssuePress !== undefined;\n const leftButtonOpacity = showLeftButton ? 1 : 0;\n const rightButtonOpacity = showRightButton ? 1 : 0;\n\n const bottomOffset = Math.max(24, insets.bottom);\n\n return (\n <View style={[styles.wrapper, { bottom: bottomOffset }, style as object]}>\n <View\n pointerEvents={showLeftButton ? 'auto' : 'none'}\n style={[styles.sideButtonContainer, { opacity: leftButtonOpacity }]}>\n <TouchableOpacity\n accessibilityRole=\"button\"\n hitSlop={hitSlop}\n testID={`${testID}.sign`}\n onPress={onSignPress}\n style={styles.sideButton}>\n <View style={[styles.sideInnerLeft, { backgroundColor: colorScheme.white }]}>\n <SignIcon color={colorScheme.black} />\n <Text style={[styles.sideLabel, { color: colorScheme.black }]}>Sign</Text>\n </View>\n </TouchableOpacity>\n </View>\n\n <TouchableOpacity\n accessibilityLabel={t('accessibility.icon.scan')}\n accessibilityRole=\"button\"\n hitSlop={hitSlop}\n ref={ref}\n style={styles.scanButton}\n testID={`${testID}.scan`}\n onPress={onScanPress}>\n <BlurView blurStyle=\"soft\" style={styles.scanBlurWrapper}>\n <View style={[styles.scanInner, { backgroundColor: colorScheme.accent }]}>\n <ScanIcon color={colorScheme.white} />\n </View>\n </BlurView>\n </TouchableOpacity>\n\n <View\n pointerEvents={showRightButton ? 'auto' : 'none'}\n style={[styles.sideButtonContainer, { opacity: rightButtonOpacity }]}>\n <TouchableOpacity\n accessibilityRole=\"button\"\n testID={`${testID}.issue`}\n hitSlop={hitSlop}\n onPress={onIssuePress}\n style={styles.sideButton}>\n <View style={[styles.sideInnerRight, { backgroundColor: colorScheme.white }]}>\n <IssueIcon color={colorScheme.black} />\n <Text style={[styles.sideLabel, { color: colorScheme.black }]}>Issue</Text>\n </View>\n </TouchableOpacity>\n </View>\n </View>\n );\n },\n);\n\nScanButton.displayName = 'ScanButton';\nexport default ScanButton;\n\nconst styles = StyleSheet.create({\n scanBlurWrapper: {\n borderRadius: 28,\n flex: 1,\n padding: 8,\n },\n scanButton: {\n borderRadius: 28,\n height: SCAN_HEIGHT,\n shadowColor: '#000000',\n shadowOffset: { height: 4, width: 0 },\n shadowOpacity: 0.25,\n shadowRadius: 24,\n width: SCAN_WIDTH,\n zIndex: 1,\n },\n scanInner: {\n alignItems: 'center',\n borderRadius: 20,\n flex: 1,\n justifyContent: 'center',\n },\n sideButton: {\n borderRadius: 24,\n flex: 1,\n },\n sideButtonContainer: {\n height: SIDE_HEIGHT,\n marginHorizontal: -OVERLAP / 2,\n width: SIDE_WIDTH,\n zIndex: 0,\n },\n sideInnerLeft: {\n alignItems: 'center',\n borderBottomLeftRadius: 22,\n borderBottomRightRadius: 0,\n borderTopLeftRadius: 22,\n borderTopRightRadius: 0,\n flex: 1,\n justifyContent: 'center',\n paddingRight: 10,\n },\n sideInnerRight: {\n alignItems: 'center',\n borderBottomLeftRadius: 0,\n borderBottomRightRadius: 22,\n borderTopLeftRadius: 0,\n borderTopRightRadius: 22,\n flex: 1,\n justifyContent: 'center',\n paddingLeft: 10,\n },\n sideLabel: {\n fontSize: 14,\n fontWeight: '500',\n marginTop: 6,\n },\n wrapper: {\n alignItems: 'center',\n flexDirection: 'row',\n height: SCAN_HEIGHT,\n justifyContent: 'center',\n left: 0,\n position: 'absolute',\n right: 0,\n },\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAA4BC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAmB,cAAc;AACnF,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SAASC,gBAAgB,QAA6B,+CAA+C;AACrG,SAASC,2BAA2B,QAAQ,wCAAwC;AACpF,OAAOC,QAAQ,MAAM,mBAAmB;AACxC,SAASC,SAAS,EAAEC,QAAQ,EAAEC,QAAQ,QAAQ,UAAU;AACxD,SAASC,iBAAiB,QAAQ,UAAU;AAU5C,MAAMC,OAAe,GAAG;EAAEC,GAAG,EAAE,EAAE;EAAEC,IAAI,EAAE,EAAE;EAAEC,MAAM,EAAE,EAAE;EAAEC,KAAK,EAAE;AAAG,CAAC;AAEpE,MAAMC,UAAU,GAAG,GAAG;AACtB,MAAMC,WAAW,GAAG,EAAE;AACtB,MAAMC,UAAU,GAAG,EAAE;AACrB,MAAMC,WAAW,GAAG,EAAE;AACtB,MAAMC,OAAO,GAAG,EAAE;AAElB,MAAMC,UAAU,gBAAGtB,KAAK,CAACuB,UAAU,CACjC,CAAC;EAAEC,KAAK;EAAEC,WAAW;EAAEC,YAAY;EAAEC,WAAW;EAAEC;AAAO,CAAC,EAAEC,GAAG,KAAK;EAClE,MAAMC,CAAC,GAAGxB,2BAA2B,CAAC,CAAC;EACvC,MAAMyB,WAAW,GAAGpB,iBAAiB,CAAC,CAAC;EACvC,MAAMqB,MAAM,GAAG5B,iBAAiB,CAAC,CAAC;EAClC,MAAM6B,cAAc,GAAGR,WAAW,KAAKS,SAAS;EAChD,MAAMC,eAAe,GAAGT,YAAY,KAAKQ,SAAS;EAClD,MAAME,iBAAiB,GAAGH,cAAc,GAAG,CAAC,GAAG,CAAC;EAChD,MAAMI,kBAAkB,GAAGF,eAAe,GAAG,CAAC,GAAG,CAAC;EAElD,MAAMG,YAAY,GAAGC,IAAI,CAACC,GAAG,CAAC,EAAE,EAAER,MAAM,CAACjB,MAAM,CAAC;EAEhD,oBACEf,KAAA,CAAAyC,aAAA,CAACtC,IAAI;IAACqB,KAAK,EAAE,CAACkB,MAAM,CAACC,OAAO,EAAE;MAAE5B,MAAM,EAAEuB;IAAa,CAAC,EAAEd,KAAK;EAAY,gBACvExB,KAAA,CAAAyC,aAAA,CAACtC,IAAI;IACHyC,aAAa,EAAEX,cAAc,GAAG,MAAM,GAAG,MAAO;IAChDT,KAAK,EAAE,CAACkB,MAAM,CAACG,mBAAmB,EAAE;MAAEC,OAAO,EAAEV;IAAkB,CAAC;EAAE,gBACpEpC,KAAA,CAAAyC,aAAA,CAACpC,gBAAgB;IACf0C,iBAAiB,EAAC,QAAQ;IAC1BnC,OAAO,EAAEA,OAAQ;IACjBgB,MAAM,EAAE,GAAGA,MAAM,OAAQ;IACzBoB,OAAO,EAAEvB,WAAY;IACrBD,KAAK,EAAEkB,MAAM,CAACO;EAAW,gBACzBjD,KAAA,CAAAyC,aAAA,CAACtC,IAAI;IAACqB,KAAK,EAAE,CAACkB,MAAM,CAACQ,aAAa,EAAE;MAAEC,eAAe,EAAEpB,WAAW,CAACqB;IAAM,CAAC;EAAE,gBAC1EpD,KAAA,CAAAyC,aAAA,CAAC/B,QAAQ;IAAC2C,KAAK,EAAEtB,WAAW,CAACuB;EAAM,CAAE,CAAC,eACtCtD,KAAA,CAAAyC,aAAA,CAACvC,IAAI;IAACsB,KAAK,EAAE,CAACkB,MAAM,CAACa,SAAS,EAAE;MAAEF,KAAK,EAAEtB,WAAW,CAACuB;IAAM,CAAC;EAAE,GAAC,MAAU,CACrE,CACU,CACd,CAAC,eAEPtD,KAAA,CAAAyC,aAAA,CAACpC,gBAAgB;IACfmD,kBAAkB,EAAE1B,CAAC,CAAC,yBAAyB,CAAE;IACjDiB,iBAAiB,EAAC,QAAQ;IAC1BnC,OAAO,EAAEA,OAAQ;IACjBiB,GAAG,EAAEA,GAAI;IACTL,KAAK,EAAEkB,MAAM,CAACe,UAAW;IACzB7B,MAAM,EAAE,GAAGA,MAAM,OAAQ;IACzBoB,OAAO,EAAErB;EAAY,gBACrB3B,KAAA,CAAAyC,aAAA,CAAClC,QAAQ;IAACmD,SAAS,EAAC,MAAM;IAAClC,KAAK,EAAEkB,MAAM,CAACiB;EAAgB,gBACvD3D,KAAA,CAAAyC,aAAA,CAACtC,IAAI;IAACqB,KAAK,EAAE,CAACkB,MAAM,CAACkB,SAAS,EAAE;MAAET,eAAe,EAAEpB,WAAW,CAAC8B;IAAO,CAAC;EAAE,gBACvE7D,KAAA,CAAAyC,aAAA,CAAChC,QAAQ;IAAC4C,KAAK,EAAEtB,WAAW,CAACqB;EAAM,CAAE,CACjC,CACE,CACM,CAAC,eAEnBpD,KAAA,CAAAyC,aAAA,CAACtC,IAAI;IACHyC,aAAa,EAAET,eAAe,GAAG,MAAM,GAAG,MAAO;IACjDX,KAAK,EAAE,CAACkB,MAAM,CAACG,mBAAmB,EAAE;MAAEC,OAAO,EAAET;IAAmB,CAAC;EAAE,gBACrErC,KAAA,CAAAyC,aAAA,CAACpC,gBAAgB;IACf0C,iBAAiB,EAAC,QAAQ;IAC1BnB,MAAM,EAAE,GAAGA,MAAM,QAAS;IAC1BhB,OAAO,EAAEA,OAAQ;IACjBoC,OAAO,EAAEtB,YAAa;IACtBF,KAAK,EAAEkB,MAAM,CAACO;EAAW,gBACzBjD,KAAA,CAAAyC,aAAA,CAACtC,IAAI;IAACqB,KAAK,EAAE,CAACkB,MAAM,CAACoB,cAAc,EAAE;MAAEX,eAAe,EAAEpB,WAAW,CAACqB;IAAM,CAAC;EAAE,gBAC3EpD,KAAA,CAAAyC,aAAA,CAACjC,SAAS;IAAC6C,KAAK,EAAEtB,WAAW,CAACuB;EAAM,CAAE,CAAC,eACvCtD,KAAA,CAAAyC,aAAA,CAACvC,IAAI;IAACsB,KAAK,EAAE,CAACkB,MAAM,CAACa,SAAS,EAAE;MAAEF,KAAK,EAAEtB,WAAW,CAACuB;IAAM,CAAC;EAAE,GAAC,OAAW,CACtE,CACU,CACd,CACF,CAAC;AAEX,CACF,CAAC;AAEDhC,UAAU,CAACyC,WAAW,GAAG,YAAY;AACrC,eAAezC,UAAU;AAEzB,MAAMoB,MAAM,GAAGzC,UAAU,CAAC+D,MAAM,CAAC;EAC/BL,eAAe,EAAE;IACfM,YAAY,EAAE,EAAE;IAChBC,IAAI,EAAE,CAAC;IACPC,OAAO,EAAE;EACX,CAAC;EACDV,UAAU,EAAE;IACVQ,YAAY,EAAE,EAAE;IAChBG,MAAM,EAAElD,WAAW;IACnBmD,WAAW,EAAE,SAAS;IACtBC,YAAY,EAAE;MAAEF,MAAM,EAAE,CAAC;MAAEG,KAAK,EAAE;IAAE,CAAC;IACrCC,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,EAAE;IAChBF,KAAK,EAAEtD,UAAU;IACjByD,MAAM,EAAE;EACV,CAAC;EACDd,SAAS,EAAE;IACTe,UAAU,EAAE,QAAQ;IACpBV,YAAY,EAAE,EAAE;IAChBC,IAAI,EAAE,CAAC;IACPU,cAAc,EAAE;EAClB,CAAC;EACD3B,UAAU,EAAE;IACVgB,YAAY,EAAE,EAAE;IAChBC,IAAI,EAAE;EACR,CAAC;EACDrB,mBAAmB,EAAE;IACnBuB,MAAM,EAAEhD,WAAW;IACnByD,gBAAgB,EAAE,CAACxD,OAAO,GAAG,CAAC;IAC9BkD,KAAK,EAAEpD,UAAU;IACjBuD,MAAM,EAAE;EACV,CAAC;EACDxB,aAAa,EAAE;IACbyB,UAAU,EAAE,QAAQ;IACpBG,sBAAsB,EAAE,EAAE;IAC1BC,uBAAuB,EAAE,CAAC;IAC1BC,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE,CAAC;IACvBf,IAAI,EAAE,CAAC;IACPU,cAAc,EAAE,QAAQ;IACxBM,YAAY,EAAE;EAChB,CAAC;EACDpB,cAAc,EAAE;IACda,UAAU,EAAE,QAAQ;IACpBG,sBAAsB,EAAE,CAAC;IACzBC,uBAAuB,EAAE,EAAE;IAC3BC,mBAAmB,EAAE,CAAC;IACtBC,oBAAoB,EAAE,EAAE;IACxBf,IAAI,EAAE,CAAC;IACPU,cAAc,EAAE,QAAQ;IACxBO,WAAW,EAAE;EACf,CAAC;EACD5B,SAAS,EAAE;IACT6B,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,SAAS,EAAE;EACb,CAAC;EACD3C,OAAO,EAAE;IACPgC,UAAU,EAAE,QAAQ;IACpBY,aAAa,EAAE,KAAK;IACpBnB,MAAM,EAAElD,WAAW;IACnB0D,cAAc,EAAE,QAAQ;IACxB9D,IAAI,EAAE,CAAC;IACP0E,QAAQ,EAAE,UAAU;IACpBxE,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -19,7 +19,10 @@ const CredentialDetailsCard = ({
   onImagePreview,
   onAttributeSelected,
   style,
-  showAllButtonLabel,
+  showAllButtonLabel = 'Show all',
+  showLessButtonLabel = 'Show less',
+  moreLabel = 'More',
+  lessLabel = 'Less',
   testID,
   ...viewProps
 }) => {
@@ -34,6 +37,8 @@ const CredentialDetailsCard = ({
   const [animatedHeightSet, setAnimatedHeightSet] = useState(false);
   const previewAttributes = attributes ? attributes.slice(0, PREVIEW_ATTRIBUTES_COUNT) : [];
   const extraAttributes = useMemo(() => attributes ? attributes.slice(PREVIEW_ATTRIBUTES_COUNT) : [], [attributes]);
+  const showSeeAllButton = extraAttributes.length > 0;
+  const isExpanded = allAttributesRendered;
   useEffect(() => {
     if (extraAttributes.length === 0) {
       const viewStyle = StyleSheet.flatten([styles.allAttributesWrapper, footer && styles.allAttributesWrapperWithFooter]);
@@ -48,9 +53,9 @@ const CredentialDetailsCard = ({
     if (allAttributesRendered && fullAttributesHeight === undefined) {
       return;
     }
-    const buttonViewHeight = !extraAttributes || allAttributesRendered ? 0 : SEE_ALL_BUTTON_HEIGHT;
+    const buttonViewHeight = showSeeAllButton ? SEE_ALL_BUTTON_HEIGHT : 0;
     const additionalAttributesHeight = fullAttributesHeight !== null && fullAttributesHeight !== void 0 ? fullAttributesHeight : 0;
-    const additionalHeight = allAttributesRendered ? additionalAttributesHeight : buttonViewHeight;
+    const additionalHeight = allAttributesRendered ? additionalAttributesHeight + buttonViewHeight : buttonViewHeight;
     const fullHeight = previewAttributesHeight + additionalHeight;
     setAnimatedHeightSet(true);
     if (!animate) {
@@ -66,7 +71,7 @@ const CredentialDetailsCard = ({
     currentHeight.value = withTiming(newHeight, {
       duration
     });
-  }, [allAttributesRendered, currentHeight, animate, expanded, extraAttributes, fullAttributesHeight, previewAttributes.length, previewAttributesHeight]);
+  }, [allAttributesRendered, currentHeight, animate, expanded, extraAttributes, fullAttributesHeight, previewAttributes.length, previewAttributesHeight, showSeeAllButton]);
   const animatedStyle = useAnimatedStyle(() => {
     if (currentHeight.value === undefined) {
       if (expanded) {
@@ -121,30 +126,36 @@ const CredentialDetailsCard = ({
     onLayout: onPreviewAttrContentLayout,
     style: styles.previewAttributesWrapper
   }, previewAttributes.map((attribute, idx) => /*#__PURE__*/React.createElement(CredentialAttributeItem, _extends({
+    moreLabel: moreLabel,
+    lessLabel: lessLabel,
     key: attribute.id,
-    last: !footerView && !extraAttributes.length && idx === previewAttributes.length - 1,
+    last: !footerView && !showSeeAllButton && idx === previewAttributes.length - 1,
     testID: concatTestID(testID, 'attribute', idx.toString()),
     onImagePreview: onImagePreview,
-    onPress: onAttributeSelected
-  }, attribute)))), !allAttributesRendered && extraAttributes.length > 0 && /*#__PURE__*/React.createElement(View, {
-    style: styles.buttonWrapper
-  }, /*#__PURE__*/React.createElement(Button, {
-    onPress: () => setAllAttributesRendered(true),
-    type: ButtonType.Secondary,
-    testID: concatTestID(testID, 'showAllAttributesButton'),
-    title: showAllButtonLabel
-  })), renderExtraAttributes && /*#__PURE__*/React.createElement(View, {
-    style: [styles.allAttributesWrapper, footerView && styles.allAttributesWrapperWithFooter],
+    onPress: onAttributeSelected,
+    isExpanded: isExpanded
+  }, attribute)))), renderExtraAttributes && /*#__PURE__*/React.createElement(View, {
+    style: [styles.allAttributesWrapper, footerView && styles.allAttributesWrapperWithFooter, showSeeAllButton && styles.allAttributesWrapperWithButton, !allAttributesRendered && styles.hidden],
     onLayout: onFullAttrContentLayout
   }, extraAttributes.map((attribute, index, {
     length
   }) => /*#__PURE__*/React.createElement(CredentialAttributeItem, _extends({
+    moreLabel: moreLabel,
+    lessLabel: lessLabel,
     key: attribute.id,
-    last: !footerView && index === length - 1,
+    last: !footerView && !showSeeAllButton && index === length - 1,
     testID: concatTestID(testID, 'attribute', index.toString()),
     onImagePreview: onImagePreview,
-    onPress: onAttributeSelected
-  }, attribute)))))), footerView ? /*#__PURE__*/React.createElement(View, {
+    onPress: onAttributeSelected,
+    isExpanded: isExpanded
+  }, attribute)))), showSeeAllButton && /*#__PURE__*/React.createElement(View, {
+    style: styles.buttonWrapper
+  }, /*#__PURE__*/React.createElement(Button, {
+    onPress: () => setAllAttributesRendered(prev => !prev),
+    type: ButtonType.Secondary,
+    testID: concatTestID(testID, 'showAllAttributesButton'),
+    title: isExpanded ? showLessButtonLabel : showAllButtonLabel
+  })))), footerView ? /*#__PURE__*/React.createElement(View, {
     style: styles.footer
   }, footerView) : null);
 };
@@ -154,6 +165,9 @@ const styles = StyleSheet.create({
     paddingHorizontal: 4,
     width: '100%'
   },
+  allAttributesWrapperWithButton: {
+    paddingBottom: 0
+  },
   allAttributesWrapperWithFooter: {
     paddingBottom: 0
   },
@@ -163,8 +177,10 @@ const styles = StyleSheet.create({
   },
   buttonWrapper: {
     height: SEE_ALL_BUTTON_HEIGHT,
+    justifyContent: 'flex-end',
     paddingBottom: 12,
     paddingHorizontal: 4,
+    paddingTop: 0,
     width: '100%'
   },
   card: {
@@ -179,6 +195,9 @@ const styles = StyleSheet.create({
   footer: {
     marginTop: 12
   },
+  hidden: {
+    display: 'none'
+  },
   previewAttributesWrapper: {
     paddingHorizontal: 4,
     width: '100%'

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useCallback","useEffect","useMemo","useState","StyleSheet","View","Animated","useAnimatedStyle","useSharedValue","withTiming","concatTestID","Button","ButtonType","DownIcon","UpIcon","useAppColorScheme","CredentialAttributeItem","CredentialCard","CredentialCardRatio","PREVIEW_ATTRIBUTES_COUNT","SEE_ALL_BUTTON_HEIGHT","CredentialDetailsCard","animate","attributes","card","expanded","footer","onImagePreview","onAttributeSelected","style","showAllButtonLabel","testID","viewProps","_header$accessory","colorScheme","previewAttributesHeight","setPreviewAttributesHeight","fullAttributesHeight","setFullAttributesHeight","allAttributesRendered","setAllAttributesRendered","length","CaretIcon","cardHeight","Math","ceil","width","currentHeight","undefined","animatedHeightSet","setAnimatedHeightSet","previewAttributes","slice","extraAttributes","viewStyle","flatten","styles","allAttributesWrapper","allAttributesWrapperWithFooter","padding","paddingBottom","buttonViewHeight","additionalAttributesHeight","additionalHeight","fullHeight","value","newHeight","duration","animatedStyle","height","onPreviewAttrContentLayout","event","nativeEvent","layout","onFullAttrContentLayout","footerView","isValidElement","FooterComponent","createElement","header","cardProps","renderExtraAttributes","ContainerComponent","_extends","detailsCard","backgroundColor","white","accessory","onHeaderPress","attributesWrapper","onLayout","previewAttributesWrapper","map","attribute","idx","key","id","last","toString","onPress","buttonWrapper","type","Secondary","title","index","create","paddingHorizontal","paddingTop","borderRadius","borderWidth","overflow","marginTop"],"sources":["credential-details-card.tsx"],"sourcesContent":["import React, { ComponentType, FC, ReactElement, useCallback, useEffect, useMemo, useState } from 'react';\nimport { ImageSourcePropType, LayoutChangeEvent, StyleSheet, View, ViewProps } from 'react-native';\nimport Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';\n\nimport { concatTestID } from '../../../utils/testID';\nimport { Button, ButtonType } from '../../buttons';\nimport { DownIcon, UpIcon } from '../../icons/credential';\nimport { useAppColorScheme } from '../../theme/color-scheme-context';\nimport CredentialAttributeItem, { CredentialAttribute } from '../credential-attribute-item';\nimport CredentialCard, { CredentialCardProps, 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 const [animatedHeightSet, setAnimatedHeightSet] = useState(false);\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 setAnimatedHeightSet(true);\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 = allAttributesRendered \|\| (previewAttributesHeight !== undefined && animatedHeightSet);\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 borderWidth: 0,\n },\n detailsCard: {\n borderRadius: 10,\n borderWidth: 0,\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","useCallback","useEffect","useMemo","useState","StyleSheet","View","Animated","useAnimatedStyle","useSharedValue","withTiming","concatTestID","Button","ButtonType","DownIcon","UpIcon","useAppColorScheme","CredentialAttributeItem","CredentialCard","CredentialCardRatio","PREVIEW_ATTRIBUTES_COUNT","SEE_ALL_BUTTON_HEIGHT","CredentialDetailsCard","animate","attributes","card","expanded","footer","onImagePreview","onAttributeSelected","style","showAllButtonLabel","showLessButtonLabel","moreLabel","lessLabel","testID","viewProps","_header$accessory","colorScheme","previewAttributesHeight","setPreviewAttributesHeight","fullAttributesHeight","setFullAttributesHeight","allAttributesRendered","setAllAttributesRendered","length","CaretIcon","cardHeight","Math","ceil","width","currentHeight","undefined","animatedHeightSet","setAnimatedHeightSet","previewAttributes","slice","extraAttributes","showSeeAllButton","isExpanded","viewStyle","flatten","styles","allAttributesWrapper","allAttributesWrapperWithFooter","padding","paddingBottom","buttonViewHeight","additionalAttributesHeight","additionalHeight","fullHeight","value","newHeight","duration","animatedStyle","height","onPreviewAttrContentLayout","event","nativeEvent","layout","onFullAttrContentLayout","footerView","isValidElement","FooterComponent","createElement","header","cardProps","renderExtraAttributes","ContainerComponent","_extends","detailsCard","backgroundColor","white","accessory","onHeaderPress","attributesWrapper","onLayout","previewAttributesWrapper","map","attribute","idx","key","id","last","toString","onPress","allAttributesWrapperWithButton","hidden","index","buttonWrapper","prev","type","Secondary","title","create","paddingHorizontal","paddingTop","justifyContent","borderRadius","borderWidth","overflow","marginTop","display"],"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 showLessButtonLabel?: string;\n moreLabel?: string;\n lessLabel?: 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 = 'Show all',\n showLessButtonLabel = 'Show less',\n moreLabel = 'More',\n lessLabel = 'Less',\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 const CaretIcon = expanded ? UpIcon : DownIcon;\n const cardHeight = Math.ceil(card.width / CredentialCardRatio);\n const currentHeight = useSharedValue<number \| undefined>(undefined);\n const [animatedHeightSet, setAnimatedHeightSet] = useState(false);\n const previewAttributes = attributes ? attributes.slice(0, PREVIEW_ATTRIBUTES_COUNT) : [];\n const extraAttributes = useMemo(() => (attributes ? attributes.slice(PREVIEW_ATTRIBUTES_COUNT) : []), [attributes]);\n const showSeeAllButton = extraAttributes.length > 0;\n const isExpanded = 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) {\n return;\n }\n if (allAttributesRendered && fullAttributesHeight === undefined) {\n return;\n }\n\n const buttonViewHeight = showSeeAllButton ? SEE_ALL_BUTTON_HEIGHT : 0;\n const additionalAttributesHeight = fullAttributesHeight ?? 0;\n const additionalHeight = allAttributesRendered ? additionalAttributesHeight + buttonViewHeight : buttonViewHeight;\n const fullHeight = previewAttributesHeight + additionalHeight;\n\n setAnimatedHeightSet(true);\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 showSeeAllButton,\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 = allAttributesRendered \|\| (previewAttributesHeight !== undefined && animatedHeightSet);\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 moreLabel={moreLabel}\n lessLabel={lessLabel}\n key={attribute.id}\n last={!footerView && !showSeeAllButton && idx === previewAttributes.length - 1}\n testID={concatTestID(testID, 'attribute', idx.toString())}\n onImagePreview={onImagePreview}\n onPress={onAttributeSelected}\n isExpanded={isExpanded}\n {...attribute}\n />\n ))}\n </View>\n\n {renderExtraAttributes && (\n <View\n style={[\n styles.allAttributesWrapper,\n footerView && styles.allAttributesWrapperWithFooter,\n showSeeAllButton && styles.allAttributesWrapperWithButton,\n !allAttributesRendered && styles.hidden,\n ]}\n onLayout={onFullAttrContentLayout}>\n {extraAttributes.map((attribute, index, { length }) => (\n <CredentialAttributeItem\n moreLabel={moreLabel}\n lessLabel={lessLabel}\n key={attribute.id}\n last={!footerView && !showSeeAllButton && index === length - 1}\n testID={concatTestID(testID, 'attribute', index.toString())}\n onImagePreview={onImagePreview}\n onPress={onAttributeSelected}\n isExpanded={isExpanded}\n {...attribute}\n />\n ))}\n </View>\n )}\n\n {showSeeAllButton && (\n <View style={styles.buttonWrapper}>\n <Button\n onPress={() => setAllAttributesRendered((prev) => !prev)}\n type={ButtonType.Secondary}\n testID={concatTestID(testID, 'showAllAttributesButton')}\n title={isExpanded ? showLessButtonLabel : showAllButtonLabel}\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 allAttributesWrapperWithButton: {\n paddingBottom: 0,\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 justifyContent: 'flex-end',\n paddingBottom: 12,\n paddingHorizontal: 4,\n paddingTop: 0,\n width: '100%',\n },\n card: {\n borderRadius: 0,\n borderWidth: 0,\n },\n detailsCard: {\n borderRadius: 10,\n borderWidth: 0,\n overflow: 'hidden',\n },\n footer: {\n marginTop: 12,\n },\n hidden: {\n display: 'none',\n },\n previewAttributesWrapper: {\n paddingHorizontal: 4,\n width: '100%',\n },\n});\n\nexport default CredentialDetailsCard;\n"],"mappings":"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","ignoreList":[]}

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

@@ -4,6 +4,7 @@ import { Image, StyleSheet, View } from 'react-native';
 import { colorWithAlphaComponent } from '../../utils/color';
 import { concatTestID } from '../../utils/testID';
 import { TouchableHighlight, TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';
+import ExpandableTypography from '../text/expandableTypography';
 import Typography from '../text/typography';
 import { useAppColorScheme } from '../theme/color-scheme-context';
 const CredentialAttributeItemButton = ({
@@ -60,7 +61,10 @@ const CredentialAttributeItem = ({
   testID,
   value,
   values,
-  valueErrorColor
+  valueErrorColor,
+  isExpanded,
+  moreLabel,
+  lessLabel
 }) => {
   const colorScheme = useAppColorScheme();
   const imagePreviewHandler = useCallback(() => {
@@ -125,11 +129,15 @@ const CredentialAttributeItem = ({
     testID: concatTestID(testID, 'image'),
     source: image,
     style: styles.dataItemImage
-  })), value && /*#__PURE__*/React.createElement(Typography, {
+  })), value && /*#__PURE__*/React.createElement(ExpandableTypography, {
     color: valueErrorColor ? colorScheme.error : colorScheme.text,
-    numberOfLines: 10,
+    numberOfLines: 3,
+    ellipsizeMode: "tail",
     preset: "s",
+    hideExpandButton: !isExpanded && !listValue && !nested,
     style: listValue ? styles.listValue : undefined,
+    moreLabel: moreLabel,
+    lessLabel: lessLabel,
     testID: concatTestID(testID, 'value')
   }, value), isObject && attributes.map((attribute, index, {
     length
@@ -160,7 +168,8 @@ const CredentialAttributeItem = ({
 const styles = StyleSheet.create({
   attributeItem: {
     flex: 1,
-    paddingLeft: 8
+    paddingLeft: 8,
+    paddingRight: 8
   },
   attributeItemContainer: {
     marginTop: 2

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useCallback","useMemo","Image","StyleSheet","View","colorWithAlphaComponent","concatTestID","TouchableHighlight","TouchableOpacity","Typography","useAppColorScheme","CredentialAttributeItemButton","children","disabled","id","onPress","selected","colorScheme","pressHandler","createElement","style","styles","touchableAttribute","activeOpacity","backgroundColor","background","underlayColor","IMAGE_SIZE","CredentialAttributeItem","attributes","image","last","name","onImagePreview","rightAccessory","nested","listValue","testID","value","values","valueErrorColor","imagePreviewHandler","rightAccessoryView","undefined","isValidElement","RightAccessoryComponent","isObject","length","isArray","attributeItemContainer","attributeItemRow","dataItemButtonChildren","decorator","decoratorCircle","listDecoratorCircle","listImageDecoratorCircle","text","decoratorCircleInner","borderColor","decoratorLine","listDecoratorLine","listStringValueDecoratorLine","listImageDecoratorLine","objectAttributeItem","attributeItem","nestedAttributeItem","color","preset","nestedObjectLabel","dataItemLabel","dataItemImageWrapper","resizeMode","source","dataItemImage","error","numberOfLines","map","attribute","index","_extends","key","arrayValue","objectAccessory","separator","create","flex","paddingLeft","marginTop","flexDirection","alignItems","height","width","borderRadius","borderWidth","overflow","marginBottom","opacity","justifyContent","left","position","top","bottom","marginLeft","paddingVertical","alignSelf","paddingHorizontal","right","marginHorizontal"],"sources":["credential-attribute-item.tsx"],"sourcesContent":["import React, { ComponentType, FC, PropsWithChildren, ReactElement, useCallback, useMemo } from 'react';\nimport { Image, ImageSourcePropType, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { colorWithAlphaComponent } from '../../utils/color';\nimport { concatTestID } from '../../utils/testID';\nimport { TouchableHighlight, TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\ntype CredentialAttributeItemButtonProps = {\n disabled?: boolean;\n id: string;\n onPress?: (id: string, selected: boolean) => void;\n selected?: boolean;\n};\n\nconst CredentialAttributeItemButton: FC<PropsWithChildren<CredentialAttributeItemButtonProps>> = ({\n children,\n disabled,\n id,\n onPress,\n selected,\n}) => {\n const colorScheme = useAppColorScheme();\n\n const pressHandler = useCallback(() => {\n if (!onPress) {\n return;\n }\n onPress(id, !selected);\n }, [onPress, id, selected]);\n\n if (!onPress) {\n return <View style={styles.touchableAttribute}>{children}</View>;\n }\n\n if (selected) {\n return (\n <TouchableOpacity\n activeOpacity={0.8}\n disabled={disabled}\n onPress={pressHandler}\n style={[styles.touchableAttribute, { backgroundColor: colorScheme.background }]}>\n {children}\n </TouchableOpacity>\n );\n }\n\n return (\n <TouchableHighlight\n disabled={disabled}\n onPress={pressHandler}\n underlayColor={colorWithAlphaComponent(colorScheme.background, 0.5)}\n style={styles.touchableAttribute}>\n {children}\n </TouchableHighlight>\n );\n};\n\nconst IMAGE_SIZE = 64;\n\nexport type CredentialAttributeValue =\n \| {\n attributes: CredentialAttribute[];\n image?: never;\n value?: never;\n values?: never;\n valueErrorColor?: never;\n testID?: string;\n }\n \| {\n attributes?: never;\n image: ImageSourcePropType;\n value?: never;\n values?: never;\n valueErrorColor?: never;\n testID?: string;\n }\n \| {\n attributes?: never;\n image?: never;\n value: string;\n values?: never;\n valueErrorColor?: boolean;\n testID?: string;\n }\n \| {\n attributes?: never;\n image?: never;\n value?: never;\n values: CredentialAttribute[];\n valueErrorColor?: boolean;\n testID?: string;\n };\n\nexport type CredentialAttribute = CredentialAttributeValue & {\n disabled?: boolean;\n selected?: boolean;\n nested?: boolean;\n listValue?: boolean;\n id: string;\n name?: string;\n path: string;\n rightAccessory?: ComponentType<any> \| ReactElement;\n};\n\nexport type CredentialAttributeItemProps = CredentialAttribute & {\n last: boolean \| undefined;\n onImagePreview?: (name: string, image: ImageSourcePropType) => void;\n onPress?: (id: string, selected: boolean) => void;\n style?: StyleProp<ViewStyle>;\n};\n\nconst CredentialAttributeItem: FC<CredentialAttributeItemProps> = ({\n attributes,\n disabled,\n id,\n image,\n last,\n name,\n onImagePreview,\n onPress,\n rightAccessory,\n nested = false,\n listValue = false,\n selected,\n style,\n testID,\n value,\n values,\n valueErrorColor,\n}) => {\n const colorScheme = useAppColorScheme();\n\n const imagePreviewHandler = useCallback(() => {\n if (!onImagePreview \|\| !image) {\n return;\n }\n onImagePreview(name ?? '', image);\n }, [image, name, onImagePreview]);\n\n const rightAccessoryView: React.ReactElement \| undefined = useMemo(() => {\n if (!rightAccessory) {\n return undefined;\n }\n if (React.isValidElement(rightAccessory)) {\n return rightAccessory;\n } else {\n const RightAccessoryComponent = rightAccessory as React.ComponentType<any>;\n return <RightAccessoryComponent />;\n }\n }, [rightAccessory]);\n\n const isObject = attributes && attributes.length > 0;\n const isArray = values && values.length > 0;\n\n return (\n <View style={[!nested && styles.attributeItemContainer, style]} testID={testID}>\n <View style={styles.attributeItemRow}>\n <CredentialAttributeItemButton disabled={disabled} id={id} onPress={onPress} selected={selected}>\n <View style={[styles.dataItemButtonChildren]}>\n {(isObject \|\| isArray \|\| listValue) && (\n <View style={styles.decorator}>\n <View\n style={[\n styles.decoratorCircle,\n listValue ? styles.listDecoratorCircle : undefined,\n listValue && image ? styles.listImageDecoratorCircle : undefined,\n { backgroundColor: colorScheme.text },\n ]}>\n <View\n style={[\n styles.decoratorCircleInner,\n { backgroundColor: colorScheme.text, borderColor: colorScheme.background },\n ]}\n />\n </View>\n <View\n style={[\n styles.decoratorLine,\n listValue ? styles.listDecoratorLine : undefined,\n listValue && value ? styles.listStringValueDecoratorLine : undefined,\n listValue && image ? styles.listImageDecoratorLine : undefined,\n { backgroundColor: colorScheme.text },\n ]}\n />\n </View>\n )}\n <View\n style={[\n isObject \|\| isArray \|\| listValue ? styles.objectAttributeItem : styles.attributeItem,\n nested && styles.nestedAttributeItem,\n ]}>\n {name && (\n <Typography\n color={colorScheme.text}\n preset={image ? 'xs' : 'xs/line-height-small'}\n style={isObject \|\| isArray ? styles.nestedObjectLabel : styles.dataItemLabel}\n testID={concatTestID(testID, 'title')}>\n {name}\n </Typography>\n )}\n {image && (\n <TouchableOpacity\n disabled={!onImagePreview}\n onPress={imagePreviewHandler}\n style={[styles.dataItemImageWrapper, listValue ? styles.listValue : undefined]}>\n <Image\n resizeMode=\"cover\"\n testID={concatTestID(testID, 'image')}\n source={image}\n style={styles.dataItemImage}\n />\n </TouchableOpacity>\n )}\n {value && (\n <Typography\n color={valueErrorColor ? colorScheme.error : colorScheme.text}\n numberOfLines={10}\n preset=\"s\"\n style={listValue ? styles.listValue : undefined}\n testID={concatTestID(testID, 'value')}>\n {value}\n </Typography>\n )}\n {isObject &&\n attributes.map((attribute, index, { length }) => (\n <CredentialAttributeItem\n nested={true}\n key={attribute.id}\n onPress={onPress}\n last={index === length - 1}\n onImagePreview={onImagePreview}\n {...attribute}\n />\n ))}\n {isArray &&\n values.map((arrayValue, index, { length }) => (\n <CredentialAttributeItem\n key={arrayValue.id}\n onPress={onPress}\n last={index === length - 1}\n onImagePreview={onImagePreview}\n listValue={true}\n {...arrayValue}\n name={undefined}\n />\n ))}\n <View />\n </View>\n {rightAccessoryView && (\n <View style={[styles.rightAccessory, isObject && styles.objectAccessory]}>{rightAccessoryView}</View>\n )}\n </View>\n </CredentialAttributeItemButton>\n </View>\n {!last && !nested && <View style={[styles.separator, { backgroundColor: colorScheme.background }]} />}\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n attributeItem: {\n flex: 1,\n paddingLeft: 8,\n },\n attributeItemContainer: {\n marginTop: 2,\n },\n attributeItemRow: {\n flexDirection: 'row',\n },\n dataItemButtonChildren: {\n alignItems: 'center',\n flexDirection: 'row',\n },\n dataItemImage: {\n height: IMAGE_SIZE,\n width: IMAGE_SIZE,\n },\n dataItemImageWrapper: {\n borderColor: '#0004',\n borderRadius: 4,\n borderWidth: 0.5,\n height: IMAGE_SIZE,\n marginTop: 4,\n overflow: 'hidden',\n width: IMAGE_SIZE,\n },\n dataItemLabel: {\n marginBottom: 4,\n opacity: 0.7,\n },\n decorator: {\n height: '100%',\n justifyContent: 'center',\n left: 8,\n position: 'absolute',\n },\n decoratorCircle: {\n alignItems: 'center',\n borderRadius: 3.5,\n borderWidth: 1,\n height: 7,\n justifyContent: 'center',\n position: 'absolute',\n top: 6,\n width: 7,\n },\n decoratorCircleInner: {\n borderRadius: 2,\n borderWidth: 1,\n height: 4,\n width: 4,\n },\n decoratorLine: {\n bottom: 12,\n left: 3,\n position: 'absolute',\n top: 13,\n width: 1,\n },\n listDecoratorCircle: {\n top: 18,\n },\n listDecoratorLine: {\n top: 25,\n },\n listImageDecoratorCircle: {\n top: 32,\n },\n listImageDecoratorLine: {\n bottom: 40,\n top: 39,\n },\n listStringValueDecoratorLine: {\n bottom: 24,\n },\n listValue: {\n marginLeft: 13,\n paddingVertical: 10,\n },\n nestedAttributeItem: {\n paddingLeft: 12,\n },\n nestedObjectLabel: {\n opacity: 0.7,\n paddingLeft: 13,\n },\n objectAccessory: {\n alignSelf: 'flex-start',\n },\n objectAttributeItem: {\n alignItems: 'stretch',\n flex: 1,\n paddingLeft: 12,\n },\n rightAccessory: {\n paddingHorizontal: 8,\n position: 'absolute',\n right: 0,\n },\n separator: {\n height: 1,\n marginHorizontal: 8,\n marginTop: -1,\n },\n touchableAttribute: {\n borderRadius: 8,\n borderWidth: 0,\n flex: 1,\n paddingVertical: 11,\n },\n});\n\nexport default CredentialAttributeItem;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","useCallback","useMemo","Image","StyleSheet","View","colorWithAlphaComponent","concatTestID","TouchableHighlight","TouchableOpacity","ExpandableTypography","Typography","useAppColorScheme","CredentialAttributeItemButton","children","disabled","id","onPress","selected","colorScheme","pressHandler","createElement","style","styles","touchableAttribute","activeOpacity","backgroundColor","background","underlayColor","IMAGE_SIZE","CredentialAttributeItem","attributes","image","last","name","onImagePreview","rightAccessory","nested","listValue","testID","value","values","valueErrorColor","isExpanded","moreLabel","lessLabel","imagePreviewHandler","rightAccessoryView","undefined","isValidElement","RightAccessoryComponent","isObject","length","isArray","attributeItemContainer","attributeItemRow","dataItemButtonChildren","decorator","decoratorCircle","listDecoratorCircle","listImageDecoratorCircle","text","decoratorCircleInner","borderColor","decoratorLine","listDecoratorLine","listStringValueDecoratorLine","listImageDecoratorLine","objectAttributeItem","attributeItem","nestedAttributeItem","color","preset","nestedObjectLabel","dataItemLabel","dataItemImageWrapper","resizeMode","source","dataItemImage","error","numberOfLines","ellipsizeMode","hideExpandButton","map","attribute","index","_extends","key","arrayValue","objectAccessory","separator","create","flex","paddingLeft","paddingRight","marginTop","flexDirection","alignItems","height","width","borderRadius","borderWidth","overflow","marginBottom","opacity","justifyContent","left","position","top","bottom","marginLeft","paddingVertical","alignSelf","paddingHorizontal","right","marginHorizontal"],"sources":["credential-attribute-item.tsx"],"sourcesContent":["import React, { ComponentType, FC, PropsWithChildren, ReactElement, useCallback, useMemo } from 'react';\nimport { Image, ImageSourcePropType, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { colorWithAlphaComponent } from '../../utils/color';\nimport { concatTestID } from '../../utils/testID';\nimport { TouchableHighlight, TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';\nimport ExpandableTypography from '../text/expandableTypography';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\ntype CredentialAttributeItemButtonProps = {\n disabled?: boolean;\n id: string;\n onPress?: (id: string, selected: boolean) => void;\n selected?: boolean;\n};\n\nconst CredentialAttributeItemButton: FC<PropsWithChildren<CredentialAttributeItemButtonProps>> = ({\n children,\n disabled,\n id,\n onPress,\n selected,\n}) => {\n const colorScheme = useAppColorScheme();\n\n const pressHandler = useCallback(() => {\n if (!onPress) {\n return;\n }\n onPress(id, !selected);\n }, [onPress, id, selected]);\n\n if (!onPress) {\n return <View style={styles.touchableAttribute}>{children}</View>;\n }\n\n if (selected) {\n return (\n <TouchableOpacity\n activeOpacity={0.8}\n disabled={disabled}\n onPress={pressHandler}\n style={[styles.touchableAttribute, { backgroundColor: colorScheme.background }]}>\n {children}\n </TouchableOpacity>\n );\n }\n\n return (\n <TouchableHighlight\n disabled={disabled}\n onPress={pressHandler}\n underlayColor={colorWithAlphaComponent(colorScheme.background, 0.5)}\n style={styles.touchableAttribute}>\n {children}\n </TouchableHighlight>\n );\n};\n\nconst IMAGE_SIZE = 64;\n\nexport type CredentialAttributeValue =\n \| {\n attributes: CredentialAttribute[];\n image?: never;\n value?: never;\n values?: never;\n valueErrorColor?: never;\n testID?: string;\n }\n \| {\n attributes?: never;\n image: ImageSourcePropType;\n value?: never;\n values?: never;\n valueErrorColor?: never;\n testID?: string;\n }\n \| {\n attributes?: never;\n image?: never;\n value: string;\n values?: never;\n valueErrorColor?: boolean;\n testID?: string;\n }\n \| {\n attributes?: never;\n image?: never;\n value?: never;\n values: CredentialAttribute[];\n valueErrorColor?: boolean;\n testID?: string;\n };\n\nexport type CredentialAttribute = CredentialAttributeValue & {\n disabled?: boolean;\n selected?: boolean;\n nested?: boolean;\n listValue?: boolean;\n id: string;\n name?: string;\n path: string;\n rightAccessory?: ComponentType<any> \| ReactElement;\n};\n\nexport type CredentialAttributeItemProps = CredentialAttribute & {\n last: boolean \| undefined;\n onImagePreview?: (name: string, image: ImageSourcePropType) => void;\n onPress?: (id: string, selected: boolean) => void;\n style?: StyleProp<ViewStyle>;\n isExpanded?: boolean;\n moreLabel?: string;\n lessLabel?: string;\n};\n\nconst CredentialAttributeItem: FC<CredentialAttributeItemProps> = ({\n attributes,\n disabled,\n id,\n image,\n last,\n name,\n onImagePreview,\n onPress,\n rightAccessory,\n nested = false,\n listValue = false,\n selected,\n style,\n testID,\n value,\n values,\n valueErrorColor,\n isExpanded,\n moreLabel,\n lessLabel,\n}) => {\n const colorScheme = useAppColorScheme();\n\n const imagePreviewHandler = useCallback(() => {\n if (!onImagePreview \|\| !image) {\n return;\n }\n onImagePreview(name ?? '', image);\n }, [image, name, onImagePreview]);\n\n const rightAccessoryView: React.ReactElement \| undefined = useMemo(() => {\n if (!rightAccessory) {\n return undefined;\n }\n if (React.isValidElement(rightAccessory)) {\n return rightAccessory;\n } else {\n const RightAccessoryComponent = rightAccessory as React.ComponentType<any>;\n return <RightAccessoryComponent />;\n }\n }, [rightAccessory]);\n\n const isObject = attributes && attributes.length > 0;\n const isArray = values && values.length > 0;\n\n return (\n <View style={[!nested && styles.attributeItemContainer, style]} testID={testID}>\n <View style={styles.attributeItemRow}>\n <CredentialAttributeItemButton disabled={disabled} id={id} onPress={onPress} selected={selected}>\n <View style={[styles.dataItemButtonChildren]}>\n {(isObject \|\| isArray \|\| listValue) && (\n <View style={styles.decorator}>\n <View\n style={[\n styles.decoratorCircle,\n listValue ? styles.listDecoratorCircle : undefined,\n listValue && image ? styles.listImageDecoratorCircle : undefined,\n { backgroundColor: colorScheme.text },\n ]}>\n <View\n style={[\n styles.decoratorCircleInner,\n { backgroundColor: colorScheme.text, borderColor: colorScheme.background },\n ]}\n />\n </View>\n <View\n style={[\n styles.decoratorLine,\n listValue ? styles.listDecoratorLine : undefined,\n listValue && value ? styles.listStringValueDecoratorLine : undefined,\n listValue && image ? styles.listImageDecoratorLine : undefined,\n { backgroundColor: colorScheme.text },\n ]}\n />\n </View>\n )}\n <View\n style={[\n isObject \|\| isArray \|\| listValue ? styles.objectAttributeItem : styles.attributeItem,\n nested && styles.nestedAttributeItem,\n ]}>\n {name && (\n <Typography\n color={colorScheme.text}\n preset={image ? 'xs' : 'xs/line-height-small'}\n style={isObject \|\| isArray ? styles.nestedObjectLabel : styles.dataItemLabel}\n testID={concatTestID(testID, 'title')}>\n {name}\n </Typography>\n )}\n {image && (\n <TouchableOpacity\n disabled={!onImagePreview}\n onPress={imagePreviewHandler}\n style={[styles.dataItemImageWrapper, listValue ? styles.listValue : undefined]}>\n <Image\n resizeMode=\"cover\"\n testID={concatTestID(testID, 'image')}\n source={image}\n style={styles.dataItemImage}\n />\n </TouchableOpacity>\n )}\n {value && (\n <ExpandableTypography\n color={valueErrorColor ? colorScheme.error : colorScheme.text}\n numberOfLines={3}\n ellipsizeMode=\"tail\"\n preset=\"s\"\n hideExpandButton={!isExpanded && !listValue && !nested}\n style={listValue ? styles.listValue : undefined}\n moreLabel={moreLabel}\n lessLabel={lessLabel}\n testID={concatTestID(testID, 'value')}>\n {value}\n </ExpandableTypography>\n )}\n {isObject &&\n attributes.map((attribute, index, { length }) => (\n <CredentialAttributeItem\n nested={true}\n key={attribute.id}\n onPress={onPress}\n last={index === length - 1}\n onImagePreview={onImagePreview}\n {...attribute}\n />\n ))}\n {isArray &&\n values.map((arrayValue, index, { length }) => (\n <CredentialAttributeItem\n key={arrayValue.id}\n onPress={onPress}\n last={index === length - 1}\n onImagePreview={onImagePreview}\n listValue={true}\n {...arrayValue}\n name={undefined}\n />\n ))}\n <View />\n </View>\n {rightAccessoryView && (\n <View style={[styles.rightAccessory, isObject && styles.objectAccessory]}>{rightAccessoryView}</View>\n )}\n </View>\n </CredentialAttributeItemButton>\n </View>\n {!last && !nested && <View style={[styles.separator, { backgroundColor: colorScheme.background }]} />}\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n attributeItem: {\n flex: 1,\n paddingLeft: 8,\n paddingRight: 8,\n },\n attributeItemContainer: {\n marginTop: 2,\n },\n attributeItemRow: {\n flexDirection: 'row',\n },\n dataItemButtonChildren: {\n alignItems: 'center',\n flexDirection: 'row',\n },\n dataItemImage: {\n height: IMAGE_SIZE,\n width: IMAGE_SIZE,\n },\n dataItemImageWrapper: {\n borderColor: '#0004',\n borderRadius: 4,\n borderWidth: 0.5,\n height: IMAGE_SIZE,\n marginTop: 4,\n overflow: 'hidden',\n width: IMAGE_SIZE,\n },\n dataItemLabel: {\n marginBottom: 4,\n opacity: 0.7,\n },\n decorator: {\n height: '100%',\n justifyContent: 'center',\n left: 8,\n position: 'absolute',\n },\n decoratorCircle: {\n alignItems: 'center',\n borderRadius: 3.5,\n borderWidth: 1,\n height: 7,\n justifyContent: 'center',\n position: 'absolute',\n top: 6,\n width: 7,\n },\n decoratorCircleInner: {\n borderRadius: 2,\n borderWidth: 1,\n height: 4,\n width: 4,\n },\n decoratorLine: {\n bottom: 12,\n left: 3,\n position: 'absolute',\n top: 13,\n width: 1,\n },\n listDecoratorCircle: {\n top: 18,\n },\n listDecoratorLine: {\n top: 25,\n },\n listImageDecoratorCircle: {\n top: 32,\n },\n listImageDecoratorLine: {\n bottom: 40,\n top: 39,\n },\n listStringValueDecoratorLine: {\n bottom: 24,\n },\n listValue: {\n marginLeft: 13,\n paddingVertical: 10,\n },\n nestedAttributeItem: {\n paddingLeft: 12,\n },\n nestedObjectLabel: {\n opacity: 0.7,\n paddingLeft: 13,\n },\n objectAccessory: {\n alignSelf: 'flex-start',\n },\n objectAttributeItem: {\n alignItems: 'stretch',\n flex: 1,\n paddingLeft: 12,\n },\n rightAccessory: {\n paddingHorizontal: 8,\n position: 'absolute',\n right: 0,\n },\n separator: {\n height: 1,\n marginHorizontal: 8,\n marginTop: -1,\n },\n touchableAttribute: {\n borderRadius: 8,\n borderWidth: 0,\n flex: 1,\n paddingVertical: 11,\n },\n});\n\nexport default CredentialAttributeItem;\n"],"mappings":"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","ignoreList":[]}