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

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

@@ -13,26 +13,25 @@ var _credential = require("../../icons/credential");
 var _colorSchemeContext = require("../../theme/color-scheme-context");
 var _credentialAttributeItem = _interopRequireDefault(require("../credential-attribute-item"));
 var _credentialCard = _interopRequireDefault(require("./credential-card"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const PREVIEW_ATTRIBUTES_COUNT = 3;
-const CredentialDetailsCard = _ref => {
+const CredentialDetailsCard = ({
+  animate = true,
+  attributes,
+  card,
+  expanded,
+  footer,
+  onImagePreview,
+  onAttributeSelected,
+  style,
+  showAllButtonLabel,
+  testID,
+  ...viewProps
+}) => {
   var _header$accessory;
-  let {
-    animate = true,
-    attributes,
-    card,
-    expanded,
-    footer,
-    onImagePreview,
-    onAttributeSelected,
-    style,
-    showAllButtonLabel,
-    testID,
-    ...viewProps
-  } = _ref;
   const colorScheme = (0, _colorSchemeContext.useAppColorScheme)();
   const [previewAttributesHeight, setPreviewAttributesHeight] = (0, _react.useState)();
   const [fullAttributesHeight, setFullAttributesHeight] = (0, _react.useState)();
@@ -63,7 +62,7 @@ const CredentialDetailsCard = _ref => {
     }
     const additionalAttributesHeight = fullAttributesHeight !== null && fullAttributesHeight !== void 0 ? fullAttributesHeight : 0;
     const additionalHeight = allAttributesRendered ? additionalAttributesHeight : buttonViewHeight;
-    const newHeight = expanded ? previewAttributesHeight + additionalHeight : 0;
+    const newHeight = expanded || !animate ? previewAttributesHeight + additionalHeight : 0;
     if (currentHeight.value === undefined || !animate) {
       currentHeight.value = newHeight;
       return;
@@ -85,7 +84,7 @@ const CredentialDetailsCard = _ref => {
     return {
       height: currentHeight.value
     };
-  });
+  }, [expanded, currentHeight]);
   const onPreviewAttrContentLayout = (0, _react.useCallback)(event => {
     setPreviewAttributesHeight(event.nativeEvent.layout.height);
   }, []);
@@ -99,7 +98,7 @@ const CredentialDetailsCard = _ref => {
     if (!footer) {
       return undefined;
     }
-    if ( /*#__PURE__*/_react.default.isValidElement(footer)) {
+    if (/*#__PURE__*/_react.default.isValidElement(footer)) {
       return footer;
     } else {
       const FooterComponent = footer;
@@ -147,18 +146,15 @@ const CredentialDetailsCard = _ref => {
   })), renderExtraAttributes && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.allAttributesWrapper, footerView && styles.allAttributesWrapperWithFooter],
     onLayout: onFullAttrContentLayout
-  }, extraAttributes.map((attribute, index, _ref2) => {
-    let {
-      length
-    } = _ref2;
-    return /*#__PURE__*/_react.default.createElement(_credentialAttributeItem.default, _extends({
-      key: attribute.id,
-      last: !footerView && index === length - 1,
-      testID: (0, _testID.concatTestID)(testID, 'attribute', index.toString()),
-      onImagePreview: onImagePreview,
-      onPress: onAttributeSelected
-    }, attribute));
-  })))), footerView ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, extraAttributes.map((attribute, index, {
+    length
+  }) => /*#__PURE__*/_react.default.createElement(_credentialAttributeItem.default, _extends({
+    key: attribute.id,
+    last: !footerView && index === length - 1,
+    testID: (0, _testID.concatTestID)(testID, 'attribute', index.toString()),
+    onImagePreview: onImagePreview,
+    onPress: onAttributeSelected
+  }, attribute)))))), footerView ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.footer
   }, footerView) : null);
 };
@@ -194,6 +190,5 @@ const styles = _reactNative.StyleSheet.create({
     width: '100%'
   }
 });
-var _default = CredentialDetailsCard;
-exports.default = _default;
+var _default = exports.default = CredentialDetailsCard;
 //# sourceMappingURL=credential-details-card.js.map

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

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

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

@@ -9,18 +9,18 @@ var _reactNative = require("react-native");
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
 var _credentialCard = require("./credential-card");
 var _credentialDetailsCard = _interopRequireDefault(require("./credential-details-card"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-const CredentialDetailsCardListItem = _ref => {
-  let {
-    detailsCardStyle,
-    expanded,
-    lastItem,
-    style,
-    ...props
-  } = _ref;
+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 CredentialDetailsCardListItem = ({
+  detailsCardStyle,
+  expanded,
+  lastItem,
+  style,
+  ...props
+}) => {
+  const [cardWidth, setCardWidth] = (0, _react.useState)();
   const [minHeight, setMinHeight] = (0, _react.useState)();
   const [detailsCardHeight, setDetailsCardHeight] = (0, _react.useState)();
   const cardListItemHeight = (0, _reactNativeReanimated.useSharedValue)(undefined);
@@ -37,7 +37,7 @@ const CredentialDetailsCardListItem = _ref => {
       duration: 250
     });
   }, [cardListItemHeight, detailsCardHeight, minHeight, expanded]);
-  const cardWrapperStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+  const animatedCardWrapperStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
     if (cardListItemHeight.value !== undefined) {
       return {
         height: cardListItemHeight.value
@@ -49,13 +49,17 @@ const CredentialDetailsCardListItem = _ref => {
     return {
       height: 60
     };
-  });
+  }, [cardListItemHeight, lastItem, expanded]);
+  const cardWrapperStyle = {
+    minHeight: cardWidth ? cardWidth / _credentialCard.CredentialCardRatio : undefined
+  };
   const onContentLayout = (0, _react.useCallback)(event => {
     var _StyleSheet$flatten$b, _StyleSheet$flatten;
     const {
       width,
       height
     } = event.nativeEvent.layout;
+    setCardWidth(width);
     if (!minHeight) {
       setMinHeight(lastItem ? width / _credentialCard.CredentialCardRatio : 60);
     }
@@ -63,9 +67,9 @@ const CredentialDetailsCardListItem = _ref => {
     setDetailsCardHeight(height + 2 * borderWidth);
   }, [lastItem, minHeight, style]);
   return /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
-    style: [cardWrapperStyle, style]
+    style: [styles.animatedWrapper, animatedCardWrapperStyle, style]
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.cardWrapper
+    style: [styles.cardWrapper, cardWrapperStyle]
   }, /*#__PURE__*/_react.default.createElement(_credentialDetailsCard.default, _extends({
     animate: false,
     expanded: expanded,
@@ -74,11 +78,14 @@ const CredentialDetailsCardListItem = _ref => {
   }, props))));
 };
 const styles = _reactNative.StyleSheet.create({
+  animatedWrapper: {
+    ..._credentialCard.CredentialCardShadow
+  },
   cardWrapper: {
-    ..._credentialCard.CredentialCardShadow,
-    overflow: 'visible'
+    borderRadius: 10,
+    height: '100%',
+    overflow: 'hidden'
   }
 });
-var _default = CredentialDetailsCardListItem;
-exports.default = _default;
+var _default = exports.default = CredentialDetailsCardListItem;
 //# sourceMappingURL=credential-details-list-item.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_credentialCard","_credentialDetailsCard","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","CredentialDetailsCardListItem","_ref","detailsCardStyle","expanded","lastItem","style","props","minHeight","setMinHeight","useState","detailsCardHeight","setDetailsCardHeight","cardListItemHeight","useSharedValue","undefined","useEffect","newValue","value","withTiming","duration","cardWrapperStyle","useAnimatedStyle","height","onContentLayout","useCallback","event","_StyleSheet$flatten$b","_StyleSheet$flatten","width","nativeEvent","layout","CredentialCardRatio","borderWidth","StyleSheet","flatten","createElement","View","styles","cardWrapper","animate","onLayout","create","CredentialCardShadow","overflow","_default","exports"],"sources":["credential-details-list-item.tsx"],"sourcesContent":["import React, { FC, useCallback, useEffect, useState } from 'react';\nimport { LayoutChangeEvent, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\nimport Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';\n\nimport { CredentialCardRatio, CredentialCardShadow } from './credential-card';\nimport CredentialDetailsCard, { CredentialDetailsCardProps } from './credential-details-card';\n\nexport type CredentialDetailsCardListItemProps = Omit<CredentialDetailsCardProps, 'animate'> & {\n  detailsCardStyle?: StyleProp<ViewStyle>;\n  lastItem?: boolean;\n};\n\nconst CredentialDetailsCardListItem: FC<CredentialDetailsCardListItemProps> = ({\n  detailsCardStyle,\n  expanded,\n  lastItem,\n  style,\n  ...props\n}) => {\n  const [minHeight, setMinHeight] = useState<number>();\n  const [detailsCardHeight, setDetailsCardHeight] = useState<number>();\n\n  const cardListItemHeight = useSharedValue<number | undefined>(undefined);\n\n  useEffect(() => {\n    if (!detailsCardHeight || !minHeight) {\n      return;\n    }\n    const newValue = expanded ? detailsCardHeight : minHeight;\n    if (cardListItemHeight.value === undefined) {\n      cardListItemHeight.value = newValue;\n      return;\n    }\n    cardListItemHeight.value = withTiming(newValue, {\n      duration: 250,\n    });\n  }, [cardListItemHeight, detailsCardHeight, minHeight, expanded]);\n\n  const cardWrapperStyle = useAnimatedStyle(() => {\n    if (cardListItemHeight.value !== undefined) {\n      return {\n        height: cardListItemHeight.value,\n      };\n    }\n    if (lastItem || expanded) {\n      return {};\n    }\n    return {\n      height: 60,\n    };\n  });\n\n  const onContentLayout = useCallback(\n    (event: LayoutChangeEvent) => {\n      const { width, height } = event.nativeEvent.layout;\n      if (!minHeight) {\n        setMinHeight(lastItem ? width / CredentialCardRatio : 60);\n      }\n      const borderWidth = StyleSheet.flatten(style)?.borderWidth ?? 0;\n      setDetailsCardHeight(height + 2 * borderWidth);\n    },\n    [lastItem, minHeight, style],\n  );\n\n  return (\n    <Animated.View style={[cardWrapperStyle, style]}>\n      <View style={styles.cardWrapper}>\n        <CredentialDetailsCard\n          animate={false}\n          expanded={expanded}\n          onLayout={onContentLayout}\n          style={detailsCardStyle}\n          {...props}\n        />\n      </View>\n    </Animated.View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  cardWrapper: {\n    ...CredentialCardShadow,\n    overflow: 'visible',\n  },\n});\n\nexport default CredentialDetailsCardListItem;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_credentialCard","_credentialDetailsCard","_interopRequireDefault","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","CredentialDetailsCardListItem","detailsCardStyle","expanded","lastItem","style","props","cardWidth","setCardWidth","useState","minHeight","setMinHeight","detailsCardHeight","setDetailsCardHeight","cardListItemHeight","useSharedValue","undefined","useEffect","newValue","value","withTiming","duration","animatedCardWrapperStyle","useAnimatedStyle","height","cardWrapperStyle","CredentialCardRatio","onContentLayout","useCallback","event","_StyleSheet$flatten$b","_StyleSheet$flatten","width","nativeEvent","layout","borderWidth","StyleSheet","flatten","createElement","View","styles","animatedWrapper","cardWrapper","animate","onLayout","create","CredentialCardShadow","borderRadius","overflow","_default","exports"],"sources":["credential-details-list-item.tsx"],"sourcesContent":["import React, { FC, useCallback, useEffect, useState } from 'react';\nimport { LayoutChangeEvent, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\nimport Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';\n\nimport { CredentialCardRatio, CredentialCardShadow } from './credential-card';\nimport CredentialDetailsCard, { CredentialDetailsCardProps } from './credential-details-card';\n\nexport type CredentialDetailsCardListItemProps = Omit<CredentialDetailsCardProps, 'animate'> & {\n  detailsCardStyle?: StyleProp<ViewStyle>;\n  lastItem?: boolean;\n};\n\nconst CredentialDetailsCardListItem: FC<CredentialDetailsCardListItemProps> = ({\n  detailsCardStyle,\n  expanded,\n  lastItem,\n  style,\n  ...props\n}) => {\n  const [cardWidth, setCardWidth] = useState<number>();\n  const [minHeight, setMinHeight] = useState<number>();\n  const [detailsCardHeight, setDetailsCardHeight] = useState<number>();\n\n  const cardListItemHeight = useSharedValue<number | undefined>(undefined);\n\n  useEffect(() => {\n    if (!detailsCardHeight || !minHeight) {\n      return;\n    }\n    const newValue = expanded ? detailsCardHeight : minHeight;\n    if (cardListItemHeight.value === undefined) {\n      cardListItemHeight.value = newValue;\n      return;\n    }\n    cardListItemHeight.value = withTiming(newValue, {\n      duration: 250,\n    });\n  }, [cardListItemHeight, detailsCardHeight, minHeight, expanded]);\n\n  const animatedCardWrapperStyle = useAnimatedStyle(() => {\n    if (cardListItemHeight.value !== undefined) {\n      return {\n        height: cardListItemHeight.value,\n      };\n    }\n    if (lastItem || expanded) {\n      return {};\n    }\n    return {\n      height: 60,\n    };\n  }, [cardListItemHeight, lastItem, expanded]);\n\n  const cardWrapperStyle: ViewStyle = {\n    minHeight: cardWidth ? cardWidth / CredentialCardRatio : undefined,\n  }\n\n  const onContentLayout = useCallback(\n    (event: LayoutChangeEvent) => {\n      const { width, height } = event.nativeEvent.layout;\n      setCardWidth(width);\n      if (!minHeight) {\n        setMinHeight(lastItem ? width / CredentialCardRatio : 60);\n      }\n      const borderWidth = StyleSheet.flatten(style)?.borderWidth ?? 0;\n      setDetailsCardHeight(height + 2 * borderWidth);\n    },\n    [lastItem, minHeight, style],\n  );\n\n  return (\n    <Animated.View style={[styles.animatedWrapper, animatedCardWrapperStyle, style]}>\n      <View style={[styles.cardWrapper, cardWrapperStyle]}>\n        <CredentialDetailsCard\n          animate={false}\n          expanded={expanded}\n          onLayout={onContentLayout}\n          style={detailsCardStyle}\n          {...props}\n        />\n      </View>\n    </Animated.View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  animatedWrapper: {\n    ...CredentialCardShadow,\n  },\n  cardWrapper: {\n    borderRadius: 10,\n    height: '100%',\n    overflow: 'hidden',\n  },\n});\n\nexport default CredentialDetailsCardListItem;\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui-components/credential/card/credential-header.js

@@ -11,32 +11,31 @@ var _blurView = _interopRequireDefault(require("../../blur/blur-view"));
 var _imageOrComponent = _interopRequireDefault(require("../../image/image-or-component"));
 var _typography = _interopRequireDefault(require("../../text/typography"));
 var _colorSchemeContext = require("../../theme/color-scheme-context");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-const CredentialHeader = _ref => {
-  let {
-    accessory,
-    blur = true,
-    color = '#5A69F3',
-    credentialDetailPrimary,
-    credentialDetailSecondary,
-    credentialDetailTestID,
-    credentialDetailErrorColor,
-    credentialName,
-    icon,
-    iconLabelColor = '#FFFFFF',
-    statusIcon,
-    style,
-    testID
-  } = _ref;
+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 CredentialHeader = ({
+  accessory,
+  blur = true,
+  color = '#5A69F3',
+  credentialDetailPrimary,
+  credentialDetailSecondary,
+  credentialDetailTestID,
+  credentialDetailErrorColor,
+  credentialName,
+  icon,
+  iconLabelColor = '#FFFFFF',
+  statusIcon,
+  style,
+  testID
+}) => {
   const colorScheme = (0, _colorSchemeContext.useAppColorScheme)();
   const statusIconView = (0, _react.useMemo)(() => {
     if (!statusIcon) {
       return undefined;
     }
-    if ( /*#__PURE__*/_react.default.isValidElement(statusIcon)) {
+    if (/*#__PURE__*/_react.default.isValidElement(statusIcon)) {
       return statusIcon;
     } else {
       const StatusIconComponent = statusIcon;
@@ -47,7 +46,7 @@ const CredentialHeader = _ref => {
     if (!accessory) {
       return undefined;
     }
-    if ( /*#__PURE__*/_react.default.isValidElement(accessory)) {
+    if (/*#__PURE__*/_react.default.isValidElement(accessory)) {
       return accessory;
     } else {
       const AccessoryComponent = accessory;
@@ -55,6 +54,9 @@ const CredentialHeader = _ref => {
     }
   }, [accessory]);
   const DetailText = (0, _react.useMemo)(() => {
+    if (!credentialDetailPrimary) {
+      return undefined;
+    }
     const commonProps = {
       color: credentialDetailErrorColor ? colorScheme.error : colorScheme.text,
       ellipsizeMode: 'tail',
@@ -168,6 +170,5 @@ const styles = _reactNative.StyleSheet.create({
     justifyContent: 'center'
   }
 });
-var _default = CredentialHeader;
-exports.default = _default;
+var _default = exports.default = CredentialHeader;
 //# sourceMappingURL=credential-header.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_testID","_blurView","_interopRequireDefault","_imageOrComponent","_typography","_colorSchemeContext","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","CredentialHeader","_ref","accessory","blur","color","credentialDetailPrimary","credentialDetailSecondary","credentialDetailTestID","credentialDetailErrorColor","credentialName","icon","iconLabelColor","statusIcon","style","testID","colorScheme","useAppColorScheme","statusIconView","useMemo","undefined","React","isValidElement","StatusIconComponent","createElement","accessoryView","AccessoryComponent","DetailText","commonProps","error","text","ellipsizeMode","numberOfLines","preset","styles","detailText","View","detailTextContainer","concatTestID","Fragment","interpunct","container","backgroundColor","white","blurStyle","StyleSheet","absoluteFill","imageContainer","image","String","imagePlaceholder","substring","statusIconWrapper","nameText","create","alignItems","height","justifyContent","width","flexDirection","padding","flex","opacity","marginTop","borderRadius","marginRight","overflow","paddingLeft","paddingTop","textTransform","marginHorizontal","bottom","left","position","_default","exports"],"sources":["credential-header.tsx"],"sourcesContent":["import React, { FC, useMemo } from 'react';\nimport { AccessibilityProps, ColorValue, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { concatTestID } from '../../../utils/testID';\nimport BlurView from '../../blur/blur-view';\nimport ImageOrComponent, { ImageOrComponentSource } from '../../image/image-or-component';\nimport Typography, { TypographyProps } from '../../text/typography';\nimport { useAppColorScheme } from '../../theme/color-scheme-context';\n\nexport interface CredentialHeaderProps extends AccessibilityProps {\n  accessory?: React.ComponentType<any> | React.ReactElement;\n  blur?: boolean;\n  color?: ColorValue;\n  credentialDetailPrimary: string;\n  credentialDetailSecondary?: string;\n  credentialDetailTestID?: string;\n  credentialDetailErrorColor?: boolean;\n  credentialName: string;\n  icon?: ImageOrComponentSource;\n  iconLabelColor?: ColorValue;\n  statusIcon?: React.ComponentType<any> | React.ReactElement;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n}\n\nconst CredentialHeader: FC<CredentialHeaderProps> = ({\n  accessory,\n  blur = true,\n  color = '#5A69F3',\n  credentialDetailPrimary,\n  credentialDetailSecondary,\n  credentialDetailTestID,\n  credentialDetailErrorColor,\n  credentialName,\n  icon,\n  iconLabelColor = '#FFFFFF',\n  statusIcon,\n  style,\n  testID,\n}) => {\n  const colorScheme = useAppColorScheme();\n\n  const statusIconView: React.ReactElement | undefined = useMemo(() => {\n    if (!statusIcon) {\n      return undefined;\n    }\n    if (React.isValidElement(statusIcon)) {\n      return statusIcon;\n    } else {\n      const StatusIconComponent = statusIcon as React.ComponentType<any>;\n      return <StatusIconComponent />;\n    }\n  }, [statusIcon]);\n\n  const accessoryView: React.ReactElement | undefined = useMemo(() => {\n    if (!accessory) {\n      return undefined;\n    }\n    if (React.isValidElement(accessory)) {\n      return accessory;\n    } else {\n      const AccessoryComponent = accessory as React.ComponentType<any>;\n      return <AccessoryComponent />;\n    }\n  }, [accessory]);\n\n  const DetailText = useMemo(() => {\n    const commonProps: TypographyProps = {\n      color: credentialDetailErrorColor ? colorScheme.error : colorScheme.text,\n      ellipsizeMode: 'tail',\n      numberOfLines: 1,\n      preset: 'xs',\n      style: styles.detailText,\n    };\n    return (\n      <View style={styles.detailTextContainer}>\n        <Typography {...commonProps} testID={credentialDetailTestID ?? concatTestID(testID, 'primaryDetail')}>\n          {credentialDetailPrimary}\n        </Typography>\n        {credentialDetailSecondary ? (\n          <>\n            <Typography {...commonProps} style={styles.interpunct}>\n              {'·'}\n            </Typography>\n            <Typography {...commonProps} testID={concatTestID(testID, 'secondaryDetail')}>\n              {credentialDetailSecondary}\n            </Typography>\n          </>\n        ) : null}\n      </View>\n    );\n  }, [\n    credentialDetailPrimary,\n    credentialDetailSecondary,\n    colorScheme,\n    testID,\n    credentialDetailErrorColor,\n    credentialDetailTestID,\n  ]);\n\n  return (\n    <View style={[styles.container, { backgroundColor: blur ? undefined : colorScheme.white }, style]} testID={testID}>\n      {blur && <BlurView blurStyle=\"strong\" style={StyleSheet.absoluteFill} />}\n      <View style={[styles.imageContainer, { backgroundColor: color }]}>\n        {icon ? (\n          <ImageOrComponent testID={concatTestID(testID, 'logoIcon')} source={icon} style={styles.image} />\n        ) : (\n          <View testID={concatTestID(testID, 'logoBackgroundColor', String(color))}>\n            <View testID={concatTestID(testID, 'logoTextColor', String(iconLabelColor))}>\n              <Typography\n                testID={concatTestID(testID, 'logoName')}\n                color={iconLabelColor}\n                preset=\"m\"\n                style={styles.imagePlaceholder}>\n                {credentialName.substring(0, 1)}\n              </Typography>\n            </View>\n          </View>\n        )}\n      </View>\n      {statusIconView && <View style={styles.statusIconWrapper}>{statusIconView}</View>}\n      <View style={styles.text}>\n        <Typography\n          testID={concatTestID(testID, 'name')}\n          color={colorScheme.text}\n          ellipsizeMode={'tail'}\n          numberOfLines={1}\n          preset=\"regular\"\n          style={styles.nameText}>\n          {credentialName}\n        </Typography>\n        {DetailText}\n      </View>\n      {accessoryView && <View style={styles.accessory}>{accessoryView}</View>}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  accessory: {\n    alignItems: 'center',\n    height: 44,\n    justifyContent: 'center',\n    width: 44,\n  },\n  container: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    height: 60,\n    padding: 8,\n  },\n  detailText: {\n    flex: 1,\n    opacity: 0.7,\n  },\n  detailTextContainer: {\n    flexDirection: 'row',\n    marginTop: -1,\n  },\n  image: {\n    height: 44,\n    width: 44,\n  },\n  imageContainer: {\n    alignItems: 'center',\n    borderRadius: 5,\n    height: 44,\n    justifyContent: 'center',\n    marginRight: 8,\n    overflow: 'hidden',\n    width: 44,\n  },\n  imagePlaceholder: {\n    paddingLeft: 1,\n    paddingTop: 3,\n    textTransform: 'uppercase',\n  },\n  interpunct: {\n    marginHorizontal: 12,\n    opacity: 0.5,\n  },\n  nameText: {\n    marginTop: 2,\n  },\n  statusIconWrapper: {\n    bottom: 3,\n    left: 36,\n    position: 'absolute',\n  },\n  text: {\n    flex: 1,\n    justifyContent: 'center',\n  },\n});\n\nexport default CredentialHeader;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_testID","_blurView","_interopRequireDefault","_imageOrComponent","_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","CredentialHeader","accessory","blur","color","credentialDetailPrimary","credentialDetailSecondary","credentialDetailTestID","credentialDetailErrorColor","credentialName","icon","iconLabelColor","statusIcon","style","testID","colorScheme","useAppColorScheme","statusIconView","useMemo","undefined","React","isValidElement","StatusIconComponent","createElement","accessoryView","AccessoryComponent","DetailText","commonProps","error","text","ellipsizeMode","numberOfLines","preset","styles","detailText","View","detailTextContainer","concatTestID","Fragment","interpunct","container","backgroundColor","white","blurStyle","StyleSheet","absoluteFill","imageContainer","source","image","String","imagePlaceholder","substring","statusIconWrapper","nameText","create","alignItems","height","justifyContent","width","flexDirection","padding","flex","opacity","marginTop","borderRadius","marginRight","overflow","paddingLeft","paddingTop","textTransform","marginHorizontal","bottom","left","position","_default","exports"],"sources":["credential-header.tsx"],"sourcesContent":["import React, { FC, useMemo } from 'react';\nimport { AccessibilityProps, ColorValue, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { concatTestID } from '../../../utils/testID';\nimport BlurView from '../../blur/blur-view';\nimport ImageOrComponent, { ImageOrComponentSource } from '../../image/image-or-component';\nimport Typography, { TypographyProps } from '../../text/typography';\nimport { useAppColorScheme } from '../../theme/color-scheme-context';\n\nexport interface CredentialHeaderProps extends AccessibilityProps {\n  accessory?: React.ComponentType<any> | React.ReactElement;\n  blur?: boolean;\n  color?: ColorValue;\n  credentialDetailPrimary?: string;\n  credentialDetailSecondary?: string;\n  credentialDetailTestID?: string;\n  credentialDetailErrorColor?: boolean;\n  credentialName: string;\n  icon?: ImageOrComponentSource;\n  iconLabelColor?: ColorValue;\n  statusIcon?: React.ComponentType<any> | React.ReactElement;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n}\n\nconst CredentialHeader: FC<CredentialHeaderProps> = ({\n  accessory,\n  blur = true,\n  color = '#5A69F3',\n  credentialDetailPrimary,\n  credentialDetailSecondary,\n  credentialDetailTestID,\n  credentialDetailErrorColor,\n  credentialName,\n  icon,\n  iconLabelColor = '#FFFFFF',\n  statusIcon,\n  style,\n  testID,\n}) => {\n  const colorScheme = useAppColorScheme();\n\n  const statusIconView: React.ReactElement | undefined = useMemo(() => {\n    if (!statusIcon) {\n      return undefined;\n    }\n    if (React.isValidElement(statusIcon)) {\n      return statusIcon;\n    } else {\n      const StatusIconComponent = statusIcon as React.ComponentType<any>;\n      return <StatusIconComponent />;\n    }\n  }, [statusIcon]);\n\n  const accessoryView: React.ReactElement | undefined = useMemo(() => {\n    if (!accessory) {\n      return undefined;\n    }\n    if (React.isValidElement(accessory)) {\n      return accessory;\n    } else {\n      const AccessoryComponent = accessory as React.ComponentType<any>;\n      return <AccessoryComponent />;\n    }\n  }, [accessory]);\n\n  const DetailText = useMemo(() => {\n    if (!credentialDetailPrimary) {\n      return undefined;\n    }\n    const commonProps: TypographyProps = {\n      color: credentialDetailErrorColor ? colorScheme.error : colorScheme.text,\n      ellipsizeMode: 'tail',\n      numberOfLines: 1,\n      preset: 'xs',\n      style: styles.detailText,\n    };\n    return (\n      <View style={styles.detailTextContainer}>\n        <Typography {...commonProps} testID={credentialDetailTestID ?? concatTestID(testID, 'primaryDetail')}>\n          {credentialDetailPrimary}\n        </Typography>\n        {credentialDetailSecondary ? (\n          <>\n            <Typography {...commonProps} style={styles.interpunct}>\n              {'·'}\n            </Typography>\n            <Typography {...commonProps} testID={concatTestID(testID, 'secondaryDetail')}>\n              {credentialDetailSecondary}\n            </Typography>\n          </>\n        ) : null}\n      </View>\n    );\n  }, [\n    credentialDetailPrimary,\n    credentialDetailSecondary,\n    colorScheme,\n    testID,\n    credentialDetailErrorColor,\n    credentialDetailTestID,\n  ]);\n\n  return (\n    <View style={[styles.container, { backgroundColor: blur ? undefined : colorScheme.white }, style]} testID={testID}>\n      {blur && <BlurView blurStyle=\"strong\" style={StyleSheet.absoluteFill} />}\n      <View style={[styles.imageContainer, { backgroundColor: color }]}>\n        {icon ? (\n          <ImageOrComponent testID={concatTestID(testID, 'logoIcon')} source={icon} style={styles.image} />\n        ) : (\n          <View testID={concatTestID(testID, 'logoBackgroundColor', String(color))}>\n            <View testID={concatTestID(testID, 'logoTextColor', String(iconLabelColor))}>\n              <Typography\n                testID={concatTestID(testID, 'logoName')}\n                color={iconLabelColor}\n                preset=\"m\"\n                style={styles.imagePlaceholder}>\n                {credentialName.substring(0, 1)}\n              </Typography>\n            </View>\n          </View>\n        )}\n      </View>\n      {statusIconView && <View style={styles.statusIconWrapper}>{statusIconView}</View>}\n      <View style={styles.text}>\n        <Typography\n          testID={concatTestID(testID, 'name')}\n          color={colorScheme.text}\n          ellipsizeMode={'tail'}\n          numberOfLines={1}\n          preset=\"regular\"\n          style={styles.nameText}>\n          {credentialName}\n        </Typography>\n        {DetailText}\n      </View>\n      {accessoryView && <View style={styles.accessory}>{accessoryView}</View>}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  accessory: {\n    alignItems: 'center',\n    height: 44,\n    justifyContent: 'center',\n    width: 44,\n  },\n  container: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    height: 60,\n    padding: 8,\n  },\n  detailText: {\n    flex: 1,\n    opacity: 0.7,\n  },\n  detailTextContainer: {\n    flexDirection: 'row',\n    marginTop: -1,\n  },\n  image: {\n    height: 44,\n    width: 44,\n  },\n  imageContainer: {\n    alignItems: 'center',\n    borderRadius: 5,\n    height: 44,\n    justifyContent: 'center',\n    marginRight: 8,\n    overflow: 'hidden',\n    width: 44,\n  },\n  imagePlaceholder: {\n    paddingLeft: 1,\n    paddingTop: 3,\n    textTransform: 'uppercase',\n  },\n  interpunct: {\n    marginHorizontal: 12,\n    opacity: 0.5,\n  },\n  nameText: {\n    marginTop: 2,\n  },\n  statusIconWrapper: {\n    bottom: 3,\n    left: 36,\n    position: 'absolute',\n  },\n  text: {\n    flex: 1,\n    justifyContent: 'center',\n  },\n});\n\nexport default CredentialHeader;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,iBAAA,GAAAD,sBAAA,CAAAJ,OAAA;AACA,IAAAM,WAAA,GAAAF,sBAAA,CAAAJ,OAAA;AACA,IAAAO,mBAAA,GAAAP,OAAA;AAAqE,SAAAI,uBAAAI,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,SAAAT,wBAAAS,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;AAkBrE,MAAMG,gBAA2C,GAAGA,CAAC;EACnDC,SAAS;EACTC,IAAI,GAAG,IAAI;EACXC,KAAK,GAAG,SAAS;EACjBC,uBAAuB;EACvBC,yBAAyB;EACzBC,sBAAsB;EACtBC,0BAA0B;EAC1BC,cAAc;EACdC,IAAI;EACJC,cAAc,GAAG,SAAS;EAC1BC,UAAU;EACVC,KAAK;EACLC;AACF,CAAC,KAAK;EACJ,MAAMC,WAAW,GAAG,IAAAC,qCAAiB,EAAC,CAAC;EAEvC,MAAMC,cAA8C,GAAG,IAAAC,cAAO,EAAC,MAAM;IACnE,IAAI,CAACN,UAAU,EAAE;MACf,OAAOO,SAAS;IAClB;IACA,iBAAIC,cAAK,CAACC,cAAc,CAACT,UAAU,CAAC,EAAE;MACpC,OAAOA,UAAU;IACnB,CAAC,MAAM;MACL,MAAMU,mBAAmB,GAAGV,UAAsC;MAClE,oBAAO/C,MAAA,CAAAY,OAAA,CAAA8C,aAAA,CAACD,mBAAmB,MAAE,CAAC;IAChC;EACF,CAAC,EAAE,CAACV,UAAU,CAAC,CAAC;EAEhB,MAAMY,aAA6C,GAAG,IAAAN,cAAO,EAAC,MAAM;IAClE,IAAI,CAAChB,SAAS,EAAE;MACd,OAAOiB,SAAS;IAClB;IACA,iBAAIC,cAAK,CAACC,cAAc,CAACnB,SAAS,CAAC,EAAE;MACnC,OAAOA,SAAS;IAClB,CAAC,MAAM;MACL,MAAMuB,kBAAkB,GAAGvB,SAAqC;MAChE,oBAAOrC,MAAA,CAAAY,OAAA,CAAA8C,aAAA,CAACE,kBAAkB,MAAE,CAAC;IAC/B;EACF,CAAC,EAAE,CAACvB,SAAS,CAAC,CAAC;EAEf,MAAMwB,UAAU,GAAG,IAAAR,cAAO,EAAC,MAAM;IAC/B,IAAI,CAACb,uBAAuB,EAAE;MAC5B,OAAOc,SAAS;IAClB;IACA,MAAMQ,WAA4B,GAAG;MACnCvB,KAAK,EAAEI,0BAA0B,GAAGO,WAAW,CAACa,KAAK,GAAGb,WAAW,CAACc,IAAI;MACxEC,aAAa,EAAE,MAAM;MACrBC,aAAa,EAAE,CAAC;MAChBC,MAAM,EAAE,IAAI;MACZnB,KAAK,EAAEoB,MAAM,CAACC;IAChB,CAAC;IACD,oBACErE,MAAA,CAAAY,OAAA,CAAA8C,aAAA,CAACvD,YAAA,CAAAmE,IAAI;MAACtB,KAAK,EAAEoB,MAAM,CAACG;IAAoB,gBACtCvE,MAAA,CAAAY,OAAA,CAAA8C,aAAA,CAAClD,WAAA,CAAAI,OAAU,EAAAkB,QAAA,KAAKgC,WAAW;MAAEb,MAAM,EAAEP,sBAAsB,aAAtBA,sBAAsB,cAAtBA,sBAAsB,GAAI,IAAA8B,oBAAY,EAACvB,MAAM,EAAE,eAAe;IAAE,IAClGT,uBACS,CAAC,EACZC,yBAAyB,gBACxBzC,MAAA,CAAAY,OAAA,CAAA8C,aAAA,CAAA1D,MAAA,CAAAY,OAAA,CAAA6D,QAAA,qBACEzE,MAAA,CAAAY,OAAA,CAAA8C,aAAA,CAAClD,WAAA,CAAAI,OAAU,EAAAkB,QAAA,KAAKgC,WAAW;MAAEd,KAAK,EAAEoB,MAAM,CAACM;IAAW,IACnD,GACS,CAAC,eACb1E,MAAA,CAAAY,OAAA,CAAA8C,aAAA,CAAClD,WAAA,CAAAI,OAAU,EAAAkB,QAAA,KAAKgC,WAAW;MAAEb,MAAM,EAAE,IAAAuB,oBAAY,EAACvB,MAAM,EAAE,iBAAiB;IAAE,IAC1ER,yBACS,CACZ,CAAC,GACD,IACA,CAAC;EAEX,CAAC,EAAE,CACDD,uBAAuB,EACvBC,yBAAyB,EACzBS,WAAW,EACXD,MAAM,EACNN,0BAA0B,EAC1BD,sBAAsB,CACvB,CAAC;EAEF,oBACE1C,MAAA,CAAAY,OAAA,CAAA8C,aAAA,CAACvD,YAAA,CAAAmE,IAAI;IAACtB,KAAK,EAAE,CAACoB,MAAM,CAACO,SAAS,EAAE;MAAEC,eAAe,EAAEtC,IAAI,GAAGgB,SAAS,GAAGJ,WAAW,CAAC2B;IAAM,CAAC,EAAE7B,KAAK,CAAE;IAACC,MAAM,EAAEA;EAAO,GAC/GX,IAAI,iBAAItC,MAAA,CAAAY,OAAA,CAAA8C,aAAA,CAACrD,SAAA,CAAAO,OAAQ;IAACkE,SAAS,EAAC,QAAQ;IAAC9B,KAAK,EAAE+B,uBAAU,CAACC;EAAa,CAAE,CAAC,eACxEhF,MAAA,CAAAY,OAAA,CAAA8C,aAAA,CAACvD,YAAA,CAAAmE,IAAI;IAACtB,KAAK,EAAE,CAACoB,MAAM,CAACa,cAAc,EAAE;MAAEL,eAAe,EAAErC;IAAM,CAAC;EAAE,GAC9DM,IAAI,gBACH7C,MAAA,CAAAY,OAAA,CAAA8C,aAAA,CAACnD,iBAAA,CAAAK,OAAgB;IAACqC,MAAM,EAAE,IAAAuB,oBAAY,EAACvB,MAAM,EAAE,UAAU,CAAE;IAACiC,MAAM,EAAErC,IAAK;IAACG,KAAK,EAAEoB,MAAM,CAACe;EAAM,CAAE,CAAC,gBAEjGnF,MAAA,CAAAY,OAAA,CAAA8C,aAAA,CAACvD,YAAA,CAAAmE,IAAI;IAACrB,MAAM,EAAE,IAAAuB,oBAAY,EAACvB,MAAM,EAAE,qBAAqB,EAAEmC,MAAM,CAAC7C,KAAK,CAAC;EAAE,gBACvEvC,MAAA,CAAAY,OAAA,CAAA8C,aAAA,CAACvD,YAAA,CAAAmE,IAAI;IAACrB,MAAM,EAAE,IAAAuB,oBAAY,EAACvB,MAAM,EAAE,eAAe,EAAEmC,MAAM,CAACtC,cAAc,CAAC;EAAE,gBAC1E9C,MAAA,CAAAY,OAAA,CAAA8C,aAAA,CAAClD,WAAA,CAAAI,OAAU;IACTqC,MAAM,EAAE,IAAAuB,oBAAY,EAACvB,MAAM,EAAE,UAAU,CAAE;IACzCV,KAAK,EAAEO,cAAe;IACtBqB,MAAM,EAAC,GAAG;IACVnB,KAAK,EAAEoB,MAAM,CAACiB;EAAiB,GAC9BzC,cAAc,CAAC0C,SAAS,CAAC,CAAC,EAAE,CAAC,CACpB,CACR,CACF,CAEJ,CAAC,EACNlC,cAAc,iBAAIpD,MAAA,CAAAY,OAAA,CAAA8C,aAAA,CAACvD,YAAA,CAAAmE,IAAI;IAACtB,KAAK,EAAEoB,MAAM,CAACmB;EAAkB,GAAEnC,cAAqB,CAAC,eACjFpD,MAAA,CAAAY,OAAA,CAAA8C,aAAA,CAACvD,YAAA,CAAAmE,IAAI;IAACtB,KAAK,EAAEoB,MAAM,CAACJ;EAAK,gBACvBhE,MAAA,CAAAY,OAAA,CAAA8C,aAAA,CAAClD,WAAA,CAAAI,OAAU;IACTqC,MAAM,EAAE,IAAAuB,oBAAY,EAACvB,MAAM,EAAE,MAAM,CAAE;IACrCV,KAAK,EAAEW,WAAW,CAACc,IAAK;IACxBC,aAAa,EAAE,MAAO;IACtBC,aAAa,EAAE,CAAE;IACjBC,MAAM,EAAC,SAAS;IAChBnB,KAAK,EAAEoB,MAAM,CAACoB;EAAS,GACtB5C,cACS,CAAC,EACZiB,UACG,CAAC,EACNF,aAAa,iBAAI3D,MAAA,CAAAY,OAAA,CAAA8C,aAAA,CAACvD,YAAA,CAAAmE,IAAI;IAACtB,KAAK,EAAEoB,MAAM,CAAC/B;EAAU,GAAEsB,aAAoB,CAClE,CAAC;AAEX,CAAC;AAED,MAAMS,MAAM,GAAGW,uBAAU,CAACU,MAAM,CAAC;EAC/BpD,SAAS,EAAE;IACTqD,UAAU,EAAE,QAAQ;IACpBC,MAAM,EAAE,EAAE;IACVC,cAAc,EAAE,QAAQ;IACxBC,KAAK,EAAE;EACT,CAAC;EACDlB,SAAS,EAAE;IACTe,UAAU,EAAE,QAAQ;IACpBI,aAAa,EAAE,KAAK;IACpBH,MAAM,EAAE,EAAE;IACVI,OAAO,EAAE;EACX,CAAC;EACD1B,UAAU,EAAE;IACV2B,IAAI,EAAE,CAAC;IACPC,OAAO,EAAE;EACX,CAAC;EACD1B,mBAAmB,EAAE;IACnBuB,aAAa,EAAE,KAAK;IACpBI,SAAS,EAAE,CAAC;EACd,CAAC;EACDf,KAAK,EAAE;IACLQ,MAAM,EAAE,EAAE;IACVE,KAAK,EAAE;EACT,CAAC;EACDZ,cAAc,EAAE;IACdS,UAAU,EAAE,QAAQ;IACpBS,YAAY,EAAE,CAAC;IACfR,MAAM,EAAE,EAAE;IACVC,cAAc,EAAE,QAAQ;IACxBQ,WAAW,EAAE,CAAC;IACdC,QAAQ,EAAE,QAAQ;IAClBR,KAAK,EAAE;EACT,CAAC;EACDR,gBAAgB,EAAE;IAChBiB,WAAW,EAAE,CAAC;IACdC,UAAU,EAAE,CAAC;IACbC,aAAa,EAAE;EACjB,CAAC;EACD9B,UAAU,EAAE;IACV+B,gBAAgB,EAAE,EAAE;IACpBR,OAAO,EAAE;EACX,CAAC;EACDT,QAAQ,EAAE;IACRU,SAAS,EAAE;EACb,CAAC;EACDX,iBAAiB,EAAE;IACjBmB,MAAM,EAAE,CAAC;IACTC,IAAI,EAAE,EAAE;IACRC,QAAQ,EAAE;EACZ,CAAC;EACD5C,IAAI,EAAE;IACJgC,IAAI,EAAE,CAAC;IACPJ,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;AAAC,IAAAiB,QAAA,GAAAC,OAAA,CAAAlG,OAAA,GAEYwB,gBAAgB","ignoreList":[]}

package/lib/commonjs/ui-components/credential/card/credential-image-carousel.js

@@ -9,24 +9,22 @@ var _reactNative = require("react-native");
 var _reactNativeReanimatedCarousel = _interopRequireDefault(require("react-native-reanimated-carousel"));
 var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
 var _utils = require("../../../utils");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-let CarouselImageType;
-exports.CarouselImageType = CarouselImageType;
-(function (CarouselImageType) {
+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; }
+let CarouselImageType = exports.CarouselImageType = /*#__PURE__*/function (CarouselImageType) {
   CarouselImageType["Barcode"] = "Barcode";
   CarouselImageType["QrCode"] = "QrCode";
   CarouselImageType["MRZ"] = "MRZ";
   CarouselImageType["Photo"] = "Photo";
-})(CarouselImageType || (exports.CarouselImageType = CarouselImageType = {}));
-const CarouselComponent = _ref => {
-  let {
-    carouselSize,
-    imagesToRender,
-    style,
-    testID
-  } = _ref;
+  return CarouselImageType;
+}({});
+const CarouselComponent = ({
+  carouselSize,
+  imagesToRender,
+  style,
+  testID
+}) => {
   const [selectedDot, setSelectedDot] = (0, _react.useState)(0);
   if (!carouselSize.width || !carouselSize.height) {
     return null;
@@ -44,19 +42,20 @@ const CarouselComponent = _ref => {
     enabled: numberOfSlides >= 2,
     data: imagesToRender,
     testID: testID,
-    renderItem: _ref2 => {
-      let {
-        item: {
-          type,
-          element
-        }
-      } = _ref2;
-      return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-        style: styles.carouselItem
-      }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-        style: [styles[type]]
-      }, element));
-    }
+    panGestureHandlerProps: {
+      activeOffsetX: [-10, 10],
+      failOffsetY: [-10, 10]
+    },
+    renderItem: ({
+      item: {
+        type,
+        element
+      }
+    }) => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: styles.carouselItem
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: [styles[type]]
+    }, element))
   }), numberOfSlides >= 2 ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.pageDotContainer
   }, imagesToRender.map((_, index) => /*#__PURE__*/_react.default.createElement(_reactNativeSvg.default, {
@@ -119,6 +118,5 @@ const styles = _reactNative.StyleSheet.create({
     justifyContent: 'center'
   }
 });
-var _default = CarouselComponent;
-exports.default = _default;
+var _default = exports.default = CarouselComponent;
 //# sourceMappingURL=credential-image-carousel.js.map