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

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

@@ -0,0 +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":"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","ignoreList":[]}

package/lib/commonjs/ui-components/header/index.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "FocusAwareStatusBar", {
+  enumerable: true,
+  get: function () {
+    return _focusAwareStatusBar.default;
+  }
+});
+Object.defineProperty(exports, "FoldableHeader", {
+  enumerable: true,
+  get: function () {
+    return _foldableHeader.default;
+  }
+});
+Object.defineProperty(exports, "Header", {
+  enumerable: true,
+  get: function () {
+    return _header.default;
+  }
+});
+Object.defineProperty(exports, "NavigationHeader", {
+  enumerable: true,
+  get: function () {
+    return _navigationHeader.default;
+  }
+});
+var _focusAwareStatusBar = _interopRequireDefault(require("./focus-aware-status-bar"));
+var _foldableHeader = _interopRequireDefault(require("./foldable-header"));
+var _header = _interopRequireDefault(require("./header"));
+var _navigationHeader = _interopRequireDefault(require("./navigation-header"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/ui-components/header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_focusAwareStatusBar","_interopRequireDefault","require","_foldableHeader","_header","_navigationHeader","e","__esModule","default"],"sources":["index.ts"],"sourcesContent":["import FocusAwareStatusBar from './focus-aware-status-bar';\nimport type { FoldableHeaderProps } from './foldable-header';\nimport FoldableHeader from './foldable-header';\nimport type { HeaderProps } from './header';\nimport Header from './header';\nimport type { NavigationHeaderProps } from './navigation-header';\nimport NavigationHeader from './navigation-header';\n\nexport { FocusAwareStatusBar };\nexport { FoldableHeader, FoldableHeaderProps };\nexport { Header, HeaderProps };\nexport { NavigationHeader, NavigationHeaderProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,oBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAAG,iBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAmD,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

package/lib/commonjs/ui-components/header/navigation-header.js

@@ -0,0 +1,142 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _utils = require("../../utils");
+var _blurView = _interopRequireDefault(require("../blur/blur-view"));
+var _typography = _interopRequireDefault(require("../text/typography"));
+var _colorSchemeContext = require("../theme/color-scheme-context");
+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 NavigationHeader = ({
+  animate = false,
+  backgroundColor,
+  blurred = false,
+  leftItem,
+  modalHandleVisible,
+  rightItem,
+  style,
+  testID,
+  title,
+  titleVisible = true,
+  titleColor,
+  ...props
+}) => {
+  const colorScheme = (0, _colorSchemeContext.useAppColorScheme)();
+  const [titleOpacity] = (0, _react.useState)(() => new _reactNative.Animated.Value(titleVisible ? 1 : 0));
+  const [sideItemWidth, setSideItemWidth] = (0, _react.useState)();
+  const onSideItemLayout = (0, _react.useCallback)(({
+    nativeEvent: {
+      layout
+    }
+  }) => setSideItemWidth(prev => Math.max(layout.width, prev !== null && prev !== void 0 ? prev : 0)), []);
+  backgroundColor = backgroundColor !== null && backgroundColor !== void 0 ? backgroundColor : colorScheme.background;
+  const leftItemView = (0, _react.useMemo)(() => {
+    if (!leftItem) {
+      return undefined;
+    }
+    if (/*#__PURE__*/_react.default.isValidElement(leftItem)) {
+      return leftItem;
+    } else {
+      const LeftItemComponent = leftItem;
+      return /*#__PURE__*/_react.default.createElement(LeftItemComponent, null);
+    }
+  }, [leftItem]);
+  (0, _react.useEffect)(() => {
+    if (animate) {
+      _reactNative.Animated.timing(titleOpacity, {
+        duration: 150,
+        easing: _reactNative.Easing.ease,
+        toValue: titleVisible ? 1 : 0,
+        useNativeDriver: true
+      }).start();
+    } else {
+      titleOpacity.setValue(titleVisible ? 1 : 0);
+    }
+  }, [animate, titleOpacity, titleVisible]);
+  const rightItemView = (0, _react.useMemo)(() => {
+    if (!rightItem) {
+      return undefined;
+    }
+    if (/*#__PURE__*/_react.default.isValidElement(rightItem)) {
+      return rightItem;
+    } else {
+      const RightItemComponent = rightItem;
+      return /*#__PURE__*/_react.default.createElement(RightItemComponent, null);
+    }
+  }, [rightItem]);
+  const titleAnimatedStyle = {
+    opacity: titleOpacity
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, props, {
+    style: [styles.headerContainer, !blurred ? {
+      backgroundColor
+    } : undefined, style],
+    testID: testID
+  }), blurred && /*#__PURE__*/_react.default.createElement(_blurView.default, {
+    blurAmount: 10,
+    blurStyle: "header",
+    color: backgroundColor,
+    style: _reactNative.StyleSheet.absoluteFill
+  }), modalHandleVisible && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.modalHandle, {
+      backgroundColor: colorScheme.grayDark
+    }]
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.header
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    onLayout: onSideItemLayout,
+    style: [styles.sideItem, {
+      minWidth: sideItemWidth
+    }]
+  }, leftItemView), /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: [styles.title, titleAnimatedStyle]
+  }, /*#__PURE__*/_react.default.createElement(_typography.default, {
+    color: titleColor !== null && titleColor !== void 0 ? titleColor : colorScheme.text,
+    preset: "m/heading",
+    align: "center",
+    numberOfLines: 1,
+    testID: (0, _utils.concatTestID)(testID, 'title')
+  }, title)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    onLayout: onSideItemLayout,
+    style: [styles.sideItem, styles.rightSideItem, {
+      minWidth: sideItemWidth
+    }]
+  }, rightItemView)));
+};
+const styles = _reactNative.StyleSheet.create({
+  header: {
+    alignItems: 'center',
+    flexDirection: 'row',
+    height: 48,
+    width: '100%'
+  },
+  headerContainer: {
+    alignItems: 'center',
+    flexDirection: 'column',
+    paddingHorizontal: 8
+  },
+  modalHandle: {
+    borderRadius: 2.5,
+    height: 5,
+    marginVertical: 5,
+    width: 36
+  },
+  rightSideItem: {
+    alignItems: 'flex-end'
+  },
+  sideItem: {
+    padding: 12
+  },
+  title: {
+    flex: 1
+  }
+});
+var _default = exports.default = NavigationHeader;
+//# sourceMappingURL=navigation-header.js.map

package/lib/commonjs/ui-components/header/navigation-header.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_utils","_blurView","_interopRequireDefault","_typography","_colorSchemeContext","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","NavigationHeader","animate","backgroundColor","blurred","leftItem","modalHandleVisible","rightItem","style","testID","title","titleVisible","titleColor","props","colorScheme","useAppColorScheme","titleOpacity","useState","Animated","Value","sideItemWidth","setSideItemWidth","onSideItemLayout","useCallback","nativeEvent","layout","prev","Math","max","width","background","leftItemView","useMemo","undefined","React","isValidElement","LeftItemComponent","createElement","useEffect","timing","duration","easing","Easing","ease","toValue","useNativeDriver","start","setValue","rightItemView","RightItemComponent","titleAnimatedStyle","opacity","View","styles","headerContainer","blurAmount","blurStyle","color","StyleSheet","absoluteFill","modalHandle","grayDark","header","onLayout","sideItem","minWidth","text","preset","align","numberOfLines","concatTestID","rightSideItem","create","alignItems","flexDirection","height","paddingHorizontal","borderRadius","marginVertical","padding","flex","_default","exports"],"sources":["navigation-header.tsx"],"sourcesContent":["import React, { FC, useCallback, useEffect, useMemo, useState } from 'react';\nimport { Animated, ColorValue, Easing, LayoutChangeEvent, StyleSheet, View, ViewProps, ViewStyle } from 'react-native';\n\nimport { concatTestID } from '../../utils';\nimport BlurView from '../blur/blur-view';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nexport type NavigationHeaderProps = ViewProps & {\n  animate?: boolean;\n  backgroundColor?: ColorValue;\n  blurred?: boolean;\n  leftItem?: React.ComponentType<any> | React.ReactElement;\n  modalHandleVisible?: boolean;\n  rightItem?: React.ComponentType<any> | React.ReactElement;\n  title?: string;\n  titleColor?: string;\n  titleVisible?: boolean;\n};\n\nconst NavigationHeader: FC<NavigationHeaderProps> = ({\n  animate = false,\n  backgroundColor,\n  blurred = false,\n  leftItem,\n  modalHandleVisible,\n  rightItem,\n  style,\n  testID,\n  title,\n  titleVisible = true,\n  titleColor,\n  ...props\n}) => {\n  const colorScheme = useAppColorScheme();\n  const [titleOpacity] = useState(() => new Animated.Value(titleVisible ? 1 : 0));\n\n  const [sideItemWidth, setSideItemWidth] = useState<number>();\n  const onSideItemLayout = useCallback(\n    ({ nativeEvent: { layout } }: LayoutChangeEvent) => setSideItemWidth((prev) => Math.max(layout.width, prev ?? 0)),\n    [],\n  );\n\n  backgroundColor = backgroundColor ?? colorScheme.background;\n\n  const leftItemView: React.ReactElement | undefined = useMemo(() => {\n    if (!leftItem) {\n      return undefined;\n    }\n    if (React.isValidElement(leftItem)) {\n      return leftItem;\n    } else {\n      const LeftItemComponent = leftItem as React.ComponentType<any>;\n      return <LeftItemComponent />;\n    }\n  }, [leftItem]);\n\n  useEffect(() => {\n    if (animate) {\n      Animated.timing(titleOpacity, {\n        duration: 150,\n        easing: Easing.ease,\n        toValue: titleVisible ? 1 : 0,\n        useNativeDriver: true,\n      }).start();\n    } else {\n      titleOpacity.setValue(titleVisible ? 1 : 0);\n    }\n  }, [animate, titleOpacity, titleVisible]);\n\n  const rightItemView: React.ReactElement | undefined = useMemo(() => {\n    if (!rightItem) {\n      return undefined;\n    }\n    if (React.isValidElement(rightItem)) {\n      return rightItem;\n    } else {\n      const RightItemComponent = rightItem as React.ComponentType<any>;\n      return <RightItemComponent />;\n    }\n  }, [rightItem]);\n\n  const titleAnimatedStyle: Animated.WithAnimatedObject<ViewStyle> = {\n    opacity: titleOpacity,\n  };\n\n  return (\n    <View\n      {...props}\n      style={[styles.headerContainer, !blurred ? { backgroundColor } : undefined, style]}\n      testID={testID}>\n      {blurred && (\n        <BlurView blurAmount={10} blurStyle=\"header\" color={backgroundColor} style={StyleSheet.absoluteFill} />\n      )}\n      {modalHandleVisible && <View style={[styles.modalHandle, { backgroundColor: colorScheme.grayDark }]} />}\n      <View style={styles.header}>\n        <View onLayout={onSideItemLayout} style={[styles.sideItem, { minWidth: sideItemWidth }]}>\n          {leftItemView}\n        </View>\n        <Animated.View style={[styles.title, titleAnimatedStyle]}>\n          <Typography\n            color={titleColor ?? colorScheme.text}\n            preset=\"m/heading\"\n            align=\"center\"\n            numberOfLines={1}\n            testID={concatTestID(testID, 'title')}>\n            {title}\n          </Typography>\n        </Animated.View>\n        <View onLayout={onSideItemLayout} style={[styles.sideItem, styles.rightSideItem, { minWidth: sideItemWidth }]}>\n          {rightItemView}\n        </View>\n      </View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  header: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    height: 48,\n    width: '100%',\n  },\n  headerContainer: {\n    alignItems: 'center',\n    flexDirection: 'column',\n    paddingHorizontal: 8,\n  },\n  modalHandle: {\n    borderRadius: 2.5,\n    height: 5,\n    marginVertical: 5,\n    width: 36,\n  },\n  rightSideItem: {\n    alignItems: 'flex-end',\n  },\n  sideItem: {\n    padding: 12,\n  },\n  title: {\n    flex: 1,\n  },\n});\n\nexport default NavigationHeader;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAD,sBAAA,CAAAJ,OAAA;AACA,IAAAM,mBAAA,GAAAN,OAAA;AAAkE,SAAAI,uBAAAG,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,SAAAR,wBAAAQ,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;AAclE,MAAMG,gBAA2C,GAAGA,CAAC;EACnDC,OAAO,GAAG,KAAK;EACfC,eAAe;EACfC,OAAO,GAAG,KAAK;EACfC,QAAQ;EACRC,kBAAkB;EAClBC,SAAS;EACTC,KAAK;EACLC,MAAM;EACNC,KAAK;EACLC,YAAY,GAAG,IAAI;EACnBC,UAAU;EACV,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,WAAW,GAAG,IAAAC,qCAAiB,EAAC,CAAC;EACvC,MAAM,CAACC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAAM,IAAIC,qBAAQ,CAACC,KAAK,CAACR,YAAY,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;EAE/E,MAAM,CAACS,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAJ,eAAQ,EAAS,CAAC;EAC5D,MAAMK,gBAAgB,GAAG,IAAAC,kBAAW,EAClC,CAAC;IAAEC,WAAW,EAAE;MAAEC;IAAO;EAAqB,CAAC,KAAKJ,gBAAgB,CAAEK,IAAI,IAAKC,IAAI,CAACC,GAAG,CAACH,MAAM,CAACI,KAAK,EAAEH,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAI,CAAC,CAAC,CAAC,EACjH,EACF,CAAC;EAEDvB,eAAe,GAAGA,eAAe,aAAfA,eAAe,cAAfA,eAAe,GAAIW,WAAW,CAACgB,UAAU;EAE3D,MAAMC,YAA4C,GAAG,IAAAC,cAAO,EAAC,MAAM;IACjE,IAAI,CAAC3B,QAAQ,EAAE;MACb,OAAO4B,SAAS;IAClB;IACA,iBAAIC,cAAK,CAACC,cAAc,CAAC9B,QAAQ,CAAC,EAAE;MAClC,OAAOA,QAAQ;IACjB,CAAC,MAAM;MACL,MAAM+B,iBAAiB,GAAG/B,QAAoC;MAC9D,oBAAOvC,MAAA,CAAAW,OAAA,CAAA4D,aAAA,CAACD,iBAAiB,MAAE,CAAC;IAC9B;EACF,CAAC,EAAE,CAAC/B,QAAQ,CAAC,CAAC;EAEd,IAAAiC,gBAAS,EAAC,MAAM;IACd,IAAIpC,OAAO,EAAE;MACXgB,qBAAQ,CAACqB,MAAM,CAACvB,YAAY,EAAE;QAC5BwB,QAAQ,EAAE,GAAG;QACbC,MAAM,EAAEC,mBAAM,CAACC,IAAI;QACnBC,OAAO,EAAEjC,YAAY,GAAG,CAAC,GAAG,CAAC;QAC7BkC,eAAe,EAAE;MACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;IACZ,CAAC,MAAM;MACL9B,YAAY,CAAC+B,QAAQ,CAACpC,YAAY,GAAG,CAAC,GAAG,CAAC,CAAC;IAC7C;EACF,CAAC,EAAE,CAACT,OAAO,EAAEc,YAAY,EAAEL,YAAY,CAAC,CAAC;EAEzC,MAAMqC,aAA6C,GAAG,IAAAhB,cAAO,EAAC,MAAM;IAClE,IAAI,CAACzB,SAAS,EAAE;MACd,OAAO0B,SAAS;IAClB;IACA,iBAAIC,cAAK,CAACC,cAAc,CAAC5B,SAAS,CAAC,EAAE;MACnC,OAAOA,SAAS;IAClB,CAAC,MAAM;MACL,MAAM0C,kBAAkB,GAAG1C,SAAqC;MAChE,oBAAOzC,MAAA,CAAAW,OAAA,CAAA4D,aAAA,CAACY,kBAAkB,MAAE,CAAC;IAC/B;EACF,CAAC,EAAE,CAAC1C,SAAS,CAAC,CAAC;EAEf,MAAM2C,kBAA0D,GAAG;IACjEC,OAAO,EAAEnC;EACX,CAAC;EAED,oBACElD,MAAA,CAAAW,OAAA,CAAA4D,aAAA,CAACpE,YAAA,CAAAmF,IAAI,EAAAzD,QAAA,KACCkB,KAAK;IACTL,KAAK,EAAE,CAAC6C,MAAM,CAACC,eAAe,EAAE,CAAClD,OAAO,GAAG;MAAED;IAAgB,CAAC,GAAG8B,SAAS,EAAEzB,KAAK,CAAE;IACnFC,MAAM,EAAEA;EAAO,IACdL,OAAO,iBACNtC,MAAA,CAAAW,OAAA,CAAA4D,aAAA,CAAClE,SAAA,CAAAM,OAAQ;IAAC8E,UAAU,EAAE,EAAG;IAACC,SAAS,EAAC,QAAQ;IAACC,KAAK,EAAEtD,eAAgB;IAACK,KAAK,EAAEkD,uBAAU,CAACC;EAAa,CAAE,CACvG,EACArD,kBAAkB,iBAAIxC,MAAA,CAAAW,OAAA,CAAA4D,aAAA,CAACpE,YAAA,CAAAmF,IAAI;IAAC5C,KAAK,EAAE,CAAC6C,MAAM,CAACO,WAAW,EAAE;MAAEzD,eAAe,EAAEW,WAAW,CAAC+C;IAAS,CAAC;EAAE,CAAE,CAAC,eACvG/F,MAAA,CAAAW,OAAA,CAAA4D,aAAA,CAACpE,YAAA,CAAAmF,IAAI;IAAC5C,KAAK,EAAE6C,MAAM,CAACS;EAAO,gBACzBhG,MAAA,CAAAW,OAAA,CAAA4D,aAAA,CAACpE,YAAA,CAAAmF,IAAI;IAACW,QAAQ,EAAEzC,gBAAiB;IAACd,KAAK,EAAE,CAAC6C,MAAM,CAACW,QAAQ,EAAE;MAAEC,QAAQ,EAAE7C;IAAc,CAAC;EAAE,GACrFW,YACG,CAAC,eACPjE,MAAA,CAAAW,OAAA,CAAA4D,aAAA,CAACpE,YAAA,CAAAiD,QAAQ,CAACkC,IAAI;IAAC5C,KAAK,EAAE,CAAC6C,MAAM,CAAC3C,KAAK,EAAEwC,kBAAkB;EAAE,gBACvDpF,MAAA,CAAAW,OAAA,CAAA4D,aAAA,CAAChE,WAAA,CAAAI,OAAU;IACTgF,KAAK,EAAE7C,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAIE,WAAW,CAACoD,IAAK;IACtCC,MAAM,EAAC,WAAW;IAClBC,KAAK,EAAC,QAAQ;IACdC,aAAa,EAAE,CAAE;IACjB5D,MAAM,EAAE,IAAA6D,mBAAY,EAAC7D,MAAM,EAAE,OAAO;EAAE,GACrCC,KACS,CACC,CAAC,eAChB5C,MAAA,CAAAW,OAAA,CAAA4D,aAAA,CAACpE,YAAA,CAAAmF,IAAI;IAACW,QAAQ,EAAEzC,gBAAiB;IAACd,KAAK,EAAE,CAAC6C,MAAM,CAACW,QAAQ,EAAEX,MAAM,CAACkB,aAAa,EAAE;MAAEN,QAAQ,EAAE7C;IAAc,CAAC;EAAE,GAC3G4B,aACG,CACF,CACF,CAAC;AAEX,CAAC;AAED,MAAMK,MAAM,GAAGK,uBAAU,CAACc,MAAM,CAAC;EAC/BV,MAAM,EAAE;IACNW,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE,KAAK;IACpBC,MAAM,EAAE,EAAE;IACV9C,KAAK,EAAE;EACT,CAAC;EACDyB,eAAe,EAAE;IACfmB,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE,QAAQ;IACvBE,iBAAiB,EAAE;EACrB,CAAC;EACDhB,WAAW,EAAE;IACXiB,YAAY,EAAE,GAAG;IACjBF,MAAM,EAAE,CAAC;IACTG,cAAc,EAAE,CAAC;IACjBjD,KAAK,EAAE;EACT,CAAC;EACD0C,aAAa,EAAE;IACbE,UAAU,EAAE;EACd,CAAC;EACDT,QAAQ,EAAE;IACRe,OAAO,EAAE;EACX,CAAC;EACDrE,KAAK,EAAE;IACLsE,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAzG,OAAA,GAEYwB,gBAAgB","ignoreList":[]}

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

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _testID = require("../../utils/testID");
+var _typography = _interopRequireDefault(require("../text/typography"));
+var _colorSchemeContext = require("../theme/color-scheme-context");
+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 DataItem = ({
+  attribute,
+  value,
+  valueColor,
+  valueIcon,
+  multiline,
+  last,
+  testID,
+  style,
+  ...props
+}) => {
+  const colorScheme = (0, _colorSchemeContext.useAppColorScheme)();
+  const valueIconView = (0, _react.useMemo)(() => {
+    if (/*#__PURE__*/_react.default.isValidElement(valueIcon)) {
+      return valueIcon;
+    } else if (valueIcon) {
+      const IconComponent = valueIcon;
+      return /*#__PURE__*/_react.default.createElement(IconComponent, null);
+    }
+  }, [valueIcon]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
+    style: [styles.dataItem, {
+      borderColor: colorScheme.background
+    }, last && styles.last, style],
+    testID: testID
+  }, props), /*#__PURE__*/_react.default.createElement(_typography.default, {
+    color: colorScheme.text,
+    preset: "xs/line-height-small",
+    style: styles.dataItemLabel,
+    testID: (0, _testID.concatTestID)(testID, 'title')
+  }, attribute), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.value
+  }, valueIconView, /*#__PURE__*/_react.default.createElement(_typography.default, {
+    color: valueColor !== null && valueColor !== void 0 ? valueColor : colorScheme.text,
+    numberOfLines: multiline ? undefined : 1,
+    preset: "s",
+    style: valueIcon ? styles.valueLabel : undefined,
+    testID: (0, _testID.concatTestID)(testID, 'value')
+  }, value)));
+};
+const styles = _reactNative.StyleSheet.create({
+  dataItem: {
+    borderBottomWidth: 1,
+    paddingVertical: 10
+  },
+  dataItemLabel: {
+    marginBottom: 4,
+    opacity: 0.7
+  },
+  last: {
+    borderBottomWidth: 0
+  },
+  value: {
+    alignItems: 'center',
+    flexDirection: 'row'
+  },
+  valueLabel: {
+    marginLeft: 4
+  }
+});
+var _default = exports.default = DataItem;
+//# sourceMappingURL=data-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_testID","_typography","_interopRequireDefault","_colorSchemeContext","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","DataItem","attribute","value","valueColor","valueIcon","multiline","last","testID","style","props","colorScheme","useAppColorScheme","valueIconView","useMemo","React","isValidElement","IconComponent","createElement","View","styles","dataItem","borderColor","background","color","text","preset","dataItemLabel","concatTestID","numberOfLines","undefined","valueLabel","StyleSheet","create","borderBottomWidth","paddingVertical","marginBottom","opacity","alignItems","flexDirection","marginLeft","_default","exports"],"sources":["data-item.tsx"],"sourcesContent":["import React, { ComponentType, FC, ReactElement, useMemo } from 'react';\nimport { ColorValue, StyleSheet, View, ViewProps } from 'react-native';\n\nimport { concatTestID } from '../../utils/testID';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nexport type DataItemProps = ViewProps & {\n  attribute: string;\n  last?: boolean;\n  multiline?: boolean;\n  value: string;\n  valueColor?: ColorValue;\n  valueIcon?: ComponentType<any> | ReactElement;\n};\n\nconst DataItem: FC<DataItemProps> = ({\n  attribute,\n  value,\n  valueColor,\n  valueIcon,\n  multiline,\n  last,\n  testID,\n  style,\n  ...props\n}) => {\n  const colorScheme = useAppColorScheme();\n\n  const valueIconView: ReactElement | undefined = useMemo(() => {\n    if (React.isValidElement(valueIcon)) {\n      return valueIcon;\n    } else if (valueIcon) {\n      const IconComponent = valueIcon as ComponentType<any>;\n      return <IconComponent />;\n    }\n  }, [valueIcon]);\n\n  return (\n    <View\n      style={[styles.dataItem, { borderColor: colorScheme.background }, last && styles.last, style]}\n      testID={testID}\n      {...props}>\n      <Typography\n        color={colorScheme.text}\n        preset=\"xs/line-height-small\"\n        style={styles.dataItemLabel}\n        testID={concatTestID(testID, 'title')}>\n        {attribute}\n      </Typography>\n\n      <View style={styles.value}>\n        {valueIconView}\n        <Typography\n          color={valueColor ?? colorScheme.text}\n          numberOfLines={multiline ? undefined : 1}\n          preset=\"s\"\n          style={valueIcon ? styles.valueLabel : undefined}\n          testID={concatTestID(testID, 'value')}>\n          {value}\n        </Typography>\n      </View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  dataItem: {\n    borderBottomWidth: 1,\n    paddingVertical: 10,\n  },\n  dataItemLabel: {\n    marginBottom: 4,\n    opacity: 0.7,\n  },\n  last: {\n    borderBottomWidth: 0,\n  },\n  value: {\n    alignItems: 'center',\n    flexDirection: 'row',\n  },\n  valueLabel: {\n    marginLeft: 4,\n  },\n});\n\nexport default DataItem;\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,181 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HistoryDetailsView = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _components = require("../../components");
+var _headerButtons = require("../../components/navigation/header-buttons");
+var _utils = require("../../utils");
+var _accessibility = require("../accessibility");
+var _buttons = require("../buttons");
+var _credential = require("../credential");
+var _icons = require("../icons");
+var _screens = require("../screens");
+var _text = require("../text");
+var _theme = require("../theme");
+var _dataItem = _interopRequireDefault(require("./data-item"));
+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 HistoryDetailsView = ({
+  assets,
+  data,
+  headerButton,
+  labels,
+  onBackPressed,
+  onInfoPressed,
+  onImagePreview,
+  testID
+}) => {
+  var _assets$cards, _assets$cards2;
+  const colorScheme = (0, _theme.useAppColorScheme)();
+  const {
+    expandedCredential,
+    onHeaderPress,
+    setInitialCredential
+  } = (0, _utils.useCredentialListExpandedCard)();
+
+  // Expand the first credential
+  (0, _react.useEffect)(() => {
+    if (assets !== null && assets !== void 0 && assets.cards && assets.cards.length > 0) {
+      let id = 'credentialDetails' in assets.cards[0] ? assets.cards[0].credentialDetails.credentialId : assets.cards[0].credentialCard.card.credentialId;
+      if (id) {
+        setInitialCredential(id);
+      }
+    }
+  }, [assets === null || assets === void 0 ? void 0 : assets.cards, setInitialCredential]);
+  const moreInfoHeaderButton = (0, _react.useMemo)(() => {
+    var _labels$infoButtonAcc;
+    if (headerButton) {
+      return headerButton;
+    }
+    if (!onInfoPressed) {
+      return undefined;
+    }
+    return /*#__PURE__*/_react.default.createElement(_headerButtons.HeaderInfoButton, {
+      onPress: onInfoPressed,
+      testID: (0, _utils.concatTestID)(testID, 'header', 'info'),
+      accessibilityLabel: (_labels$infoButtonAcc = labels.infoButtonAccessibility) !== null && _labels$infoButtonAcc !== void 0 ? _labels$infoButtonAcc : ''
+    });
+  }, [headerButton, labels.infoButtonAccessibility, onInfoPressed, testID]);
+  const hasAssets = assets && (assets.header || ((_assets$cards = assets.cards) === null || _assets$cards === void 0 ? void 0 : _assets$cards.length));
+  return /*#__PURE__*/_react.default.createElement(_screens.ScrollViewScreen, {
+    header: {
+      leftItem: /*#__PURE__*/_react.default.createElement(_buttons.BackButton, {
+        onPress: onBackPressed,
+        testID: (0, _utils.concatTestID)(testID, 'header', 'back')
+      }),
+      rightItem: moreInfoHeaderButton,
+      static: true,
+      title: labels.title
+    },
+    scrollView: {
+      style: styles.content
+    },
+    testID: testID
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.section, {
+      backgroundColor: colorScheme.white
+    }]
+  }, data.header && 'entity' in data.header && /*#__PURE__*/_react.default.createElement(_components.EntityDetails, _extends({}, data.header.entity, {
+    style: [styles.entity, {
+      borderColor: colorScheme.background
+    }, data.header.entity.style]
+  })), data.header && 'credentialHeader' in data.header && /*#__PURE__*/_react.default.createElement(_credential.CredentialHeader, _extends({}, data.header.credentialHeader, {
+    blur: false,
+    style: [styles.header, {
+      borderColor: colorScheme.background
+    }, data.header.credentialHeader.style]
+  })), /*#__PURE__*/_react.default.createElement(_dataItem.default, {
+    attribute: labels.data.date,
+    value: data.date
+  }), /*#__PURE__*/_react.default.createElement(_dataItem.default, {
+    attribute: labels.data.action,
+    last: true,
+    testID: data.action.testID,
+    value: data.action.label,
+    valueColor: data.action.color,
+    valueIcon: data.action.icon
+  })), hasAssets && /*#__PURE__*/_react.default.createElement(_text.Typography, {
+    color: colorScheme.text,
+    preset: "m",
+    style: styles.sectionHeader
+  }, labels.relatedAssets), (assets === null || assets === void 0 ? void 0 : assets.header) && /*#__PURE__*/_react.default.createElement(_accessibility.TouchableOpacity, {
+    disabled: !assets.header.onPressed,
+    onPress: assets.header.onPressed
+  }, /*#__PURE__*/_react.default.createElement(_credential.CredentialHeader, _extends({}, assets.header, {
+    accessory: assets.header.onPressed ? /*#__PURE__*/_react.default.createElement(_icons.NextIcon, {
+      color: colorScheme.text
+    }) : undefined,
+    blur: false,
+    style: [styles.assetsHeader, assets.header.style]
+  }))), assets === null || assets === void 0 || (_assets$cards2 = assets.cards) === null || _assets$cards2 === void 0 ? void 0 : _assets$cards2.map((props, index, {
+    length
+  }) => {
+    if ('credentialDetails' in props) {
+      return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+        key: props.credentialDetails.credentialId,
+        style: styles.credential
+      }, /*#__PURE__*/_react.default.createElement(_components.CredentialDetails, _extends({}, props.credentialDetails, {
+        expanded: expandedCredential === props.credentialDetails.credentialId,
+        labels: labels.credentialCard,
+        lastItem: index === length - 1,
+        onHeaderPress: onHeaderPress,
+        onImagePreview: onImagePreview
+      })));
+    } else {
+      const itemProps = {
+        ...props.credentialCard,
+        card: {
+          ...props.credentialCard.card,
+          onHeaderPress
+        }
+      };
+      return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+        key: index.toString(),
+        style: styles.credential
+      }, /*#__PURE__*/_react.default.createElement(_credential.CredentialDetailsCardListItem, _extends({}, itemProps, {
+        expanded: expandedCredential === props.credentialCard.card.credentialId,
+        lastItem: index === length - 1,
+        onImagePreview: onImagePreview
+      })));
+    }
+  }));
+};
+exports.HistoryDetailsView = HistoryDetailsView;
+const styles = _reactNative.StyleSheet.create({
+  assetsHeader: {
+    borderRadius: 8
+  },
+  content: {
+    paddingHorizontal: 16,
+    paddingTop: 12
+  },
+  credential: {
+    marginBottom: 4
+  },
+  entity: {
+    borderBottomWidth: 1,
+    paddingBottom: 8
+  },
+  header: {
+    borderBottomWidth: 1,
+    marginTop: -8,
+    paddingBottom: 12,
+    paddingHorizontal: 0
+  },
+  section: {
+    borderRadius: 8,
+    marginBottom: 12,
+    padding: 12
+  },
+  sectionHeader: {
+    marginHorizontal: 4,
+    marginVertical: 16
+  }
+});
+//# sourceMappingURL=history-details.js.map

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

@@ -0,0 +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","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\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,\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":[]}