@procivis/one-react-native-components 0.3.62 → 0.3.86

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

@@ -20,43 +20,12 @@ const CredentialDetailsCardListItem = ({
   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);
-  (0, _react.useEffect)(() => {
-    if (!detailsCardHeight || !minHeight) {
-      return;
-    }
-    const newValue = expanded ? detailsCardHeight : minHeight;
-    if (cardListItemHeight.value === undefined) {
-      cardListItemHeight.value = newValue;
-      return;
-    }
-    cardListItemHeight.value = (0, _reactNativeReanimated.withTiming)(newValue, {
-      duration: 250
-    });
-  }, [cardListItemHeight, detailsCardHeight, minHeight, expanded]);
-  const animatedCardWrapperStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
-    if (cardListItemHeight.value !== undefined) {
-      return {
-        height: cardListItemHeight.value
-      };
-    }
-    if (lastItem || expanded) {
-      return {};
-    }
-    return {
-      height: 60
-    };
-  }, [cardListItemHeight, lastItem, expanded]);
-  const cardWrapperStyle = {
-    minHeight: cardWidth ? Math.ceil(cardWidth / _credentialCard.CredentialCardRatio) : undefined
-  };
+  const cardWidth = props.card.width;
+  const minHeight = lastItem ? Math.ceil(cardWidth / _credentialCard.CredentialCardRatio) : 60;
   const onContentLayout = (0, _react.useCallback)(event => {
     var _StyleSheet$flatten$b, _StyleSheet$flatten;
     const {
-      width,
       height
     } = event.nativeEvent.layout;
     const borderWidth = (_StyleSheet$flatten$b = (_StyleSheet$flatten = _reactNative.StyleSheet.flatten(style)) === null || _StyleSheet$flatten === void 0 ? void 0 : _StyleSheet$flatten.borderWidth) !== null && _StyleSheet$flatten$b !== void 0 ? _StyleSheet$flatten$b : 0;
@@ -64,16 +33,22 @@ const CredentialDetailsCardListItem = ({
     if (cardHeight === detailsCardHeight) {
       return;
     }
-    setCardWidth(width);
-    if (!minHeight) {
-      setMinHeight(lastItem ? Math.ceil(width / _credentialCard.CredentialCardRatio) : 60);
-    }
     setDetailsCardHeight(cardHeight);
-  }, [lastItem, minHeight, style, detailsCardHeight]);
+  }, [style, detailsCardHeight]);
   return /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
-    style: [styles.animatedWrapper, animatedCardWrapperStyle, style]
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.cardWrapper, cardWrapperStyle]
+    layout: _reactNativeReanimated.LinearTransition,
+    style: [styles.animatedWrapper,
+    // eslint-disable-next-line react-native/no-inline-styles
+    {
+      height: expanded ? 'auto' : minHeight
+    }, style]
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
+    layout: _reactNativeReanimated.LinearTransition,
+    style: [styles.cardWrapper,
+    // eslint-disable-next-line react-native/no-inline-styles
+    {
+      height: expanded ? 'auto' : Math.ceil(cardWidth / _credentialCard.CredentialCardRatio)
+    }]
   }, /*#__PURE__*/_react.default.createElement(_credentialDetailsCard.default, _extends({
     animate: false,
     expanded: true,
@@ -87,7 +62,6 @@ const styles = _reactNative.StyleSheet.create({
   },
   cardWrapper: {
     borderRadius: 10,
-    height: '100%',
     overflow: 'hidden'
   }
 });

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

package/lib/commonjs/ui-components/credential/credential-attribute-item.js

@@ -263,7 +263,9 @@ const styles = _reactNative.StyleSheet.create({
     paddingLeft: 12
   },
   rightAccessory: {
-    paddingHorizontal: 8
+    paddingHorizontal: 8,
+    position: 'absolute',
+    right: 0
   },
   separator: {
     height: 1,

package/lib/commonjs/ui-components/credential/credential-attribute-item.js.map

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

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

@@ -0,0 +1,72 @@
+"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 _text = require("../../text");
+var _theme = require("../../theme");
+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 CredentialGroupHeader = ({
+  accessory,
+  name,
+  style,
+  testID,
+  ...props
+}) => {
+  const colorScheme = (0, _theme.useAppColorScheme)();
+  const accessoryView = (0, _react.useMemo)(() => {
+    if (!accessory) {
+      return undefined;
+    }
+    if (/*#__PURE__*/_react.default.isValidElement(accessory)) {
+      return accessory;
+    } else {
+      const AccessoryComponent = accessory;
+      return /*#__PURE__*/_react.default.createElement(AccessoryComponent, null);
+    }
+  }, [accessory]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, props, {
+    style: [styles.container, style],
+    testID: testID
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.text
+  }, /*#__PURE__*/_react.default.createElement(_text.Typography, {
+    color: colorScheme.white,
+    ellipsizeMode: 'tail',
+    numberOfLines: 1,
+    preset: "regular",
+    style: styles.nameText,
+    testID: (0, _utils.concatTestID)(testID, 'name')
+  }, name)), accessoryView && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.accessory
+  }, accessoryView));
+};
+const styles = _reactNative.StyleSheet.create({
+  accessory: {
+    alignItems: 'center',
+    height: 44,
+    justifyContent: 'center',
+    width: 44
+  },
+  container: {
+    alignItems: 'center',
+    flexDirection: 'row',
+    height: 60,
+    padding: 8
+  },
+  nameText: {
+    marginTop: 2
+  },
+  text: {
+    flex: 1,
+    justifyContent: 'center'
+  }
+});
+var _default = exports.default = CredentialGroupHeader;
+//# sourceMappingURL=credential-group-header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_utils","_text","_theme","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","CredentialGroupHeader","accessory","name","style","testID","props","colorScheme","useAppColorScheme","accessoryView","useMemo","undefined","React","isValidElement","AccessoryComponent","createElement","View","styles","container","text","Typography","color","white","ellipsizeMode","numberOfLines","preset","nameText","concatTestID","StyleSheet","create","alignItems","height","justifyContent","width","flexDirection","padding","marginTop","flex","_default","exports"],"sources":["credential-group-header.tsx"],"sourcesContent":["import React, { FC, useMemo } from 'react';\nimport { AccessibilityProps, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { concatTestID } from '../../../utils';\nimport { Typography } from '../../text';\nimport { useAppColorScheme } from '../../theme';\n\nexport interface CredentialGroupHeaderProps extends AccessibilityProps {\n  accessory?: React.ComponentType<any> | React.ReactElement;\n  name: string;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n}\n\nconst CredentialGroupHeader: FC<CredentialGroupHeaderProps> = ({ accessory, name, style, testID, ...props }) => {\n  const colorScheme = useAppColorScheme();\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  return (\n    <View {...props} style={[styles.container, style]} testID={testID}>\n      <View style={styles.text}>\n        <Typography\n          color={colorScheme.white}\n          ellipsizeMode={'tail'}\n          numberOfLines={1}\n          preset=\"regular\"\n          style={styles.nameText}\n          testID={concatTestID(testID, 'name')}>\n          {name}\n        </Typography>\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  nameText: {\n    marginTop: 2,\n  },\n  text: {\n    flex: 1,\n    justifyContent: 'center',\n  },\n});\n\nexport default CredentialGroupHeader;\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui-components/credential/group/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "CredentialGroupHeader", {
+  enumerable: true,
+  get: function () {
+    return _credentialGroupHeader.default;
+  }
+});
+var _credentialGroupHeader = _interopRequireDefault(require("./credential-group-header"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/ui-components/credential/group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_credentialGroupHeader","_interopRequireDefault","require","e","__esModule","default"],"sources":["index.ts"],"sourcesContent":["import type { CredentialGroupHeaderProps } from './credential-group-header';\nimport CredentialGroupHeader from './credential-group-header';\n\nexport { CredentialGroupHeader, CredentialGroupHeaderProps };\n"],"mappings":";;;;;;;;;;;AACA,IAAAA,sBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA8D,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

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

@@ -63,5 +63,17 @@ Object.keys(_card).forEach(function (key) {
     }
   });
 });
+var _group = require("./group");
+Object.keys(_group).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _group[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _group[key];
+    }
+  });
+});
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_credentialAttributeItem","_interopRequireDefault","require","_credentialCarouselImages","_selector","_selectorStatus","_card","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","e","__esModule","default"],"sources":["index.ts"],"sourcesContent":["import type {\n  CredentialAttribute,\n  CredentialAttributeItemProps,\n  CredentialAttributeValue,\n} from './credential-attribute-item';\nimport CredentialAttributeItem from './credential-attribute-item';\nimport { Barcode, Mrz, QrCode } from './credential-carousel-images';\nimport Selector from './selector';\nimport { SelectorStatus } from './selector-status';\n\nexport { CredentialAttribute, CredentialAttributeItem, CredentialAttributeItemProps, CredentialAttributeValue };\nexport { Barcode, Mrz, QrCode };\nexport { Selector, SelectorStatus };\nexport * from './card';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAAA,wBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,yBAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AAKA,IAAAI,KAAA,GAAAJ,OAAA;AAAAK,MAAA,CAAAC,IAAA,CAAAF,KAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,KAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,KAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AAAuB,SAAAT,uBAAAkB,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}
+{"version":3,"names":["_credentialAttributeItem","_interopRequireDefault","require","_credentialCarouselImages","_selector","_selectorStatus","_card","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_group","e","__esModule","default"],"sources":["index.ts"],"sourcesContent":["import type {\n  CredentialAttribute,\n  CredentialAttributeItemProps,\n  CredentialAttributeValue,\n} from './credential-attribute-item';\nimport CredentialAttributeItem from './credential-attribute-item';\nimport { Barcode, Mrz, QrCode } from './credential-carousel-images';\nimport Selector from './selector';\nimport { SelectorStatus } from './selector-status';\n\nexport { CredentialAttribute, CredentialAttributeItem, CredentialAttributeItemProps, CredentialAttributeValue };\nexport { Barcode, Mrz, QrCode };\nexport { Selector, SelectorStatus };\nexport * from './card';\nexport * from './group';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAAA,wBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,yBAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AAKA,IAAAI,KAAA,GAAAJ,OAAA;AAAAK,MAAA,CAAAC,IAAA,CAAAF,KAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,KAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,KAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,MAAA,GAAAjB,OAAA;AAAAK,MAAA,CAAAC,IAAA,CAAAW,MAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,MAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,MAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AAAwB,SAAAT,uBAAAmB,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

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

@@ -18,12 +18,16 @@ const FoldableSearchHeader = ({
   staticHeader = false,
   scrollOffset,
   searchBar,
-  header
+  header,
+  withNotice
 }) => {
   const safeAreaInsets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
   const colorScheme = (0, _colorSchemeContext.useAppColorScheme)();
   const [collapsed, setCollapsed] = (0, _react.useState)(header ? false : true);
   const [headerHeight, setHeaderHeight] = (0, _react.useState)();
+  const containerPaddingStyle = {
+    paddingTop: withNotice ? 15 : safeAreaInsets.top
+  };
   (0, _react.useEffect)(() => {
     const id = scrollOffset.addListener(({
       value
@@ -43,13 +47,11 @@ const FoldableSearchHeader = ({
   }, [scrollOffset, searchBar, headerHeight]);
   const playHeaderFoldAnimation = !staticHeader && headerHeight;
   const scrollHeaderAnimatedStyle = playHeaderFoldAnimation ? {
-    transform: [{
-      translateY: scrollOffset.interpolate({
-        extrapolate: 'clamp',
-        inputRange: [0, headerHeight],
-        outputRange: [0, -headerHeight]
-      })
-    }]
+    paddingTop: scrollOffset.interpolate({
+      extrapolate: 'clamp',
+      inputRange: [0, headerHeight],
+      outputRange: [headerHeight, 0]
+    })
   } : undefined;
   const fadeHeaderOutAnimatedStyle = playHeaderFoldAnimation ? {
     opacity: scrollOffset.interpolate({
@@ -62,24 +64,34 @@ const FoldableSearchHeader = ({
     setHeaderHeight(event.nativeEvent.layout.height);
   }, [setHeaderHeight]);
   return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
-    style: [styles.headerContainer, {
-      paddingTop: safeAreaInsets.top
-    }, scrollHeaderAnimatedStyle]
+    style: [styles.headerContainer, containerPaddingStyle, withNotice ? styles.noticeBorderRadius : undefined]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.blurWrapper, _reactNative.StyleSheet.absoluteFill]
   }, /*#__PURE__*/_react.default.createElement(_blurView.default, {
     blurStyle: 'header',
     color: colorScheme.background,
-    style: _reactNative.StyleSheet.absoluteFill
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, null, header && /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
-    onLayout: onHeaderLayout,
-    style: fadeHeaderOutAnimatedStyle
-  }, header), searchBar && /*#__PURE__*/_react.default.createElement(_animatedSearchBar.default, _extends({}, searchBar, {
+    style: [_reactNative.StyleSheet.absoluteFill, withNotice ? styles.noticeBorderRadius : undefined]
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: scrollHeaderAnimatedStyle
+  }, searchBar && /*#__PURE__*/_react.default.createElement(_animatedSearchBar.default, _extends({}, searchBar, {
     collapsed: collapsed
-  }))));
+  }))), header && /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    onLayout: onHeaderLayout,
+    style: [styles.headerContainer, fadeHeaderOutAnimatedStyle]
+  }, header)));
 };
 const styles = _reactNative.StyleSheet.create({
+  blurWrapper: {
+    overflow: 'hidden'
+  },
   headerContainer: {
     position: 'absolute',
     width: '100%'
+  },
+  noticeBorderRadius: {
+    borderTopLeftRadius: 30,
+    borderTopRightRadius: 30,
+    overflow: 'hidden'
   }
 });
 var _default = exports.default = FoldableSearchHeader;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSafeAreaContext","_blurView","_interopRequireDefault","_animatedSearchBar","_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","FoldableSearchHeader","staticHeader","scrollOffset","searchBar","header","safeAreaInsets","useSafeAreaInsets","colorScheme","useAppColorScheme","collapsed","setCollapsed","useState","headerHeight","setHeaderHeight","useEffect","id","addListener","value","removeListener","playHeaderFoldAnimation","scrollHeaderAnimatedStyle","transform","translateY","interpolate","extrapolate","inputRange","outputRange","undefined","fadeHeaderOutAnimatedStyle","opacity","onHeaderLayout","useCallback","event","nativeEvent","layout","height","createElement","Animated","View","style","styles","headerContainer","paddingTop","top","blurStyle","color","background","StyleSheet","absoluteFill","onLayout","create","position","width","_default","exports"],"sources":["foldable-header.tsx"],"sourcesContent":["import React, { FunctionComponent, ReactElement, useCallback, useEffect, useState } from 'react';\nimport { Animated, LayoutChangeEvent, StyleSheet, View, ViewStyle } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport BlurView from '../blur/blur-view';\nimport AnimatedSearchBar, { AnimatedSearchBarProps } from '../searchbar/animated-search-bar';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nexport type FoldableHeaderProps = {\n  header: ReactElement;\n  scrollOffset: Animated.Value;\n  searchBar?: Omit<AnimatedSearchBarProps, 'collapsed'>;\n  // if true, the header won't fold / fade out on scroll\n  staticHeader?: boolean;\n};\n\nconst FoldableSearchHeader: FunctionComponent<FoldableHeaderProps> = ({\n  staticHeader = false,\n  scrollOffset,\n  searchBar,\n  header,\n}) => {\n  const safeAreaInsets = useSafeAreaInsets();\n  const colorScheme = useAppColorScheme();\n  const [collapsed, setCollapsed] = useState(header ? false : true);\n  const [headerHeight, setHeaderHeight] = useState<number>();\n\n  useEffect(() => {\n    const id = scrollOffset.addListener(({ value }) => {\n      if (!headerHeight) {\n        return;\n      }\n\n      if (value > headerHeight) {\n        setCollapsed(true);\n      } else {\n        setCollapsed(false);\n      }\n    });\n    return () => {\n      scrollOffset.removeListener(id);\n    };\n  }, [scrollOffset, searchBar, headerHeight]);\n\n  const playHeaderFoldAnimation = !staticHeader && headerHeight;\n\n  const scrollHeaderAnimatedStyle: Animated.WithAnimatedObject<ViewStyle> | undefined = playHeaderFoldAnimation\n    ? {\n        transform: [\n          {\n            translateY: scrollOffset.interpolate({\n              extrapolate: 'clamp',\n              inputRange: [0, headerHeight],\n              outputRange: [0, -headerHeight],\n            }),\n          },\n        ],\n      }\n    : undefined;\n\n  const fadeHeaderOutAnimatedStyle: Animated.WithAnimatedObject<ViewStyle> | undefined = playHeaderFoldAnimation\n    ? {\n        opacity: scrollOffset.interpolate({\n          extrapolate: 'clamp',\n          inputRange: [0, headerHeight / 2],\n          outputRange: [1, 0],\n        }),\n      }\n    : undefined;\n\n  const onHeaderLayout = useCallback(\n    (event: LayoutChangeEvent) => {\n      setHeaderHeight(event.nativeEvent.layout.height);\n    },\n    [setHeaderHeight],\n  );\n\n  return (\n    <Animated.View\n      style={[\n        styles.headerContainer,\n        {\n          paddingTop: safeAreaInsets.top,\n        },\n        scrollHeaderAnimatedStyle,\n      ]}>\n      <BlurView blurStyle={'header'} color={colorScheme.background} style={StyleSheet.absoluteFill} />\n      <View>\n        {header && (\n          <Animated.View onLayout={onHeaderLayout} style={fadeHeaderOutAnimatedStyle}>\n            {header}\n          </Animated.View>\n        )}\n        {searchBar && <AnimatedSearchBar {...searchBar} collapsed={collapsed} />}\n      </View>\n    </Animated.View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  headerContainer: {\n    position: 'absolute',\n    width: '100%',\n  },\n});\n\nexport default FoldableSearchHeader;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSafeAreaContext","_blurView","_interopRequireDefault","_animatedSearchBar","_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","FoldableSearchHeader","staticHeader","scrollOffset","searchBar","header","withNotice","safeAreaInsets","useSafeAreaInsets","colorScheme","useAppColorScheme","collapsed","setCollapsed","useState","headerHeight","setHeaderHeight","containerPaddingStyle","paddingTop","top","useEffect","id","addListener","value","removeListener","playHeaderFoldAnimation","scrollHeaderAnimatedStyle","interpolate","extrapolate","inputRange","outputRange","undefined","fadeHeaderOutAnimatedStyle","opacity","onHeaderLayout","useCallback","event","nativeEvent","layout","height","createElement","Animated","View","style","styles","headerContainer","noticeBorderRadius","blurWrapper","StyleSheet","absoluteFill","blurStyle","color","background","onLayout","create","overflow","position","width","borderTopLeftRadius","borderTopRightRadius","_default","exports"],"sources":["foldable-header.tsx"],"sourcesContent":["import React, { FunctionComponent, ReactElement, useCallback, useEffect, useState } from 'react';\nimport { Animated, LayoutChangeEvent, StyleSheet, View, ViewStyle } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport BlurView from '../blur/blur-view';\nimport AnimatedSearchBar, { AnimatedSearchBarProps } from '../searchbar/animated-search-bar';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nexport type FoldableHeaderProps = {\n  header: ReactElement;\n  scrollOffset: Animated.Value;\n  searchBar?: Omit<AnimatedSearchBarProps, 'collapsed'>;\n  // if true, the header won't fold / fade out on scroll\n  staticHeader?: boolean;\n  withNotice?: boolean;\n};\n\nconst FoldableSearchHeader: FunctionComponent<FoldableHeaderProps> = ({\n  staticHeader = false,\n  scrollOffset,\n  searchBar,\n  header,\n  withNotice,\n}) => {\n  const safeAreaInsets = useSafeAreaInsets();\n  const colorScheme = useAppColorScheme();\n  const [collapsed, setCollapsed] = useState(header ? false : true);\n  const [headerHeight, setHeaderHeight] = useState<number>();\n\n  const containerPaddingStyle = {\n    paddingTop: withNotice ? 15 : safeAreaInsets.top,\n  };\n\n  useEffect(() => {\n    const id = scrollOffset.addListener(({ value }) => {\n      if (!headerHeight) {\n        return;\n      }\n\n      if (value > headerHeight) {\n        setCollapsed(true);\n      } else {\n        setCollapsed(false);\n      }\n    });\n    return () => {\n      scrollOffset.removeListener(id);\n    };\n  }, [scrollOffset, searchBar, headerHeight]);\n\n  const playHeaderFoldAnimation = !staticHeader && headerHeight;\n\n  const scrollHeaderAnimatedStyle: Animated.WithAnimatedObject<ViewStyle> | undefined = playHeaderFoldAnimation\n    ? {\n        paddingTop: scrollOffset.interpolate({\n          extrapolate: 'clamp',\n          inputRange: [0, headerHeight],\n          outputRange: [headerHeight, 0]\n        })\n      }\n    : undefined;\n\n  const fadeHeaderOutAnimatedStyle: Animated.WithAnimatedObject<ViewStyle> | undefined = playHeaderFoldAnimation\n    ? {\n        opacity: scrollOffset.interpolate({\n          extrapolate: 'clamp',\n          inputRange: [0, headerHeight / 2],\n          outputRange: [1, 0],\n        }),\n      }\n    : undefined;\n\n  const onHeaderLayout = useCallback(\n    (event: LayoutChangeEvent) => {\n      setHeaderHeight(event.nativeEvent.layout.height);\n    },\n    [setHeaderHeight],\n  );\n\n  return (\n    <Animated.View\n      style={[\n        styles.headerContainer,\n        containerPaddingStyle,\n        withNotice ? styles.noticeBorderRadius : undefined,\n      ]}>\n      <View style={[styles.blurWrapper, StyleSheet.absoluteFill]}>\n        <BlurView blurStyle={'header'} color={colorScheme.background} style={[\n          StyleSheet.absoluteFill,\n          withNotice ? styles.noticeBorderRadius : undefined,\n        ]} />\n      </View>\n      <View>\n        <Animated.View style={scrollHeaderAnimatedStyle}>\n          {searchBar && <AnimatedSearchBar {...searchBar} collapsed={collapsed} />}\n        </Animated.View>\n        {header && (\n          <Animated.View onLayout={onHeaderLayout} style={[styles.headerContainer, fadeHeaderOutAnimatedStyle]}>\n            {header}\n          </Animated.View>\n        )}\n      </View>\n    </Animated.View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  blurWrapper: {\n    overflow: 'hidden',\n  },\n  headerContainer: {\n    position: 'absolute',\n    width: '100%',\n  },\n  noticeBorderRadius: {\n    borderTopLeftRadius: 30,\n    borderTopRightRadius: 30,\n    overflow: 'hidden',\n  },\n});\n\nexport default FoldableSearchHeader;\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui-components/icons/icons.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WalletUnitAttestationIcon = exports.StatusWarningIcon = exports.StatusSuccessIcon = exports.StatusErrorIcon = exports.SearchIcon = exports.ScanIcon = exports.PlusIcon = exports.OptionsIcon = exports.LinkIcon = exports.InfoIcon = exports.ImportIcon = exports.HistoryIcon = exports.FilterIcon = exports.CodeIcon = exports.CloseIcon = exports.BackIcon = void 0;
+exports.WalletUnitAttestationIcon = exports.StatusWarningIcon = exports.StatusSuccessIcon = exports.StatusErrorIcon = exports.SearchIcon = exports.ScanIcon = exports.PlusIcon = exports.OptionsIcon = exports.NFCIcon = exports.LinkIcon = exports.InfoIcon = exports.ImportIcon = exports.HistoryIcon = exports.FilterIcon = exports.CodeIcon = exports.CloseIcon = exports.BackIcon = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
 var _colorSchemeContext = require("../theme/color-scheme-context");
@@ -360,4 +360,27 @@ const StatusWarningIcon = ({
   fill: "#000"
 }));
 exports.StatusWarningIcon = StatusWarningIcon;
+const NFCIcon = ({
+  color,
+  ...props
+}) => {
+  const colorScheme = (0, _colorSchemeContext.useAppColorScheme)();
+  const iconColor = color !== null && color !== void 0 ? color : colorScheme.black;
+  return /*#__PURE__*/_react.default.createElement(_reactNativeSvg.default, _extends({
+    fill: "none",
+    height: 64,
+    viewBox: "0 0 65 64",
+    width: 65
+  }, props), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
+    d: "M37.459 53.317c12.2-12.201 12.2-31.984 0-44.186A1.6 1.6 0 0139.72 6.87c13.451 13.45 13.451 35.26 0 48.71a1.601 1.601 0 01-2.262-2.262z",
+    fill: iconColor
+  }), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
+    d: "M31.653 47.508c8.994-8.994 8.994-23.576 0-32.57a1.6 1.6 0 012.262-2.263c10.245 10.244 10.244 26.852 0 37.096a1.6 1.6 0 11-2.262-2.263z",
+    fill: iconColor
+  }), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
+    d: "M25.847 41.705c5.788-5.789 5.788-15.174 0-20.962a1.6 1.6 0 012.262-2.263c7.038 7.038 7.038 18.45 0 25.487a1.6 1.6 0 01-2.262-2.262zM21.172 33.159a2.737 2.737 0 11-3.87-3.87 2.737 2.737 0 013.87 3.87z",
+    fill: iconColor
+  }));
+};
+exports.NFCIcon = NFCIcon;
 //# sourceMappingURL=icons.js.map