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

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useState","StyleSheet","View","Animated","useAnimatedStyle","useSharedValue","withTiming","CredentialCardRatio","CredentialCardShadow","CredentialDetailsCard","CredentialDetailsCardListItem","detailsCardStyle","expanded","lastItem","style","props","cardWidth","setCardWidth","minHeight","setMinHeight","detailsCardHeight","setDetailsCardHeight","cardListItemHeight","undefined","newValue","value","duration","animatedCardWrapperStyle","height","cardWrapperStyle","Math","ceil","onContentLayout","event","_StyleSheet$flatten$b","_StyleSheet$flatten","width","nativeEvent","layout","borderWidth","flatten","cardHeight","round","createElement","styles","animatedWrapper","cardWrapper","_extends","animate","onLayout","create","borderRadius","overflow"],"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":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useState","StyleSheet","Animated","LinearTransition","CredentialCardRatio","CredentialCardShadow","CredentialDetailsCard","CredentialDetailsCardListItem","detailsCardStyle","expanded","lastItem","style","props","detailsCardHeight","setDetailsCardHeight","cardWidth","card","width","minHeight","Math","ceil","onContentLayout","event","_StyleSheet$flatten$b","_StyleSheet$flatten","height","nativeEvent","layout","borderWidth","flatten","cardHeight","round","createElement","View","styles","animatedWrapper","cardWrapper","_extends","animate","onLayout","create","borderRadius","overflow"],"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":";AAAA,OAAOA,KAAK,IAAQC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AACxD,SAAuCC,UAAU,QAAmB,cAAc;AAClF,OAAOC,QAAQ,IAAIC,gBAAgB,QAAQ,yBAAyB;AAEpE,SAASC,mBAAmB,EAAEC,oBAAoB,QAAQ,mBAAmB;AAC7E,OAAOC,qBAAqB,MAAsC,2BAA2B;AAO7F,MAAMC,6BAAqE,GAAGA,CAAC;EAC7EC,gBAAgB;EAChBC,QAAQ;EACRC,QAAQ;EACRC,KAAK;EACL,GAAGC;AACL,CAAC,KAAK;EACJ,MAAM,CAACC,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGd,QAAQ,CAAS,CAAC;EACpE,MAAMe,SAAS,GAAGH,KAAK,CAACI,IAAI,CAACC,KAAK;EAClC,MAAMC,SAAS,GAAGR,QAAQ,GAAGS,IAAI,CAACC,IAAI,CAACL,SAAS,GAAGX,mBAAmB,CAAC,GAAG,EAAE;EAE5E,MAAMiB,eAAe,GAAGtB,WAAW,CAChCuB,KAAwB,IAAK;IAAA,IAAAC,qBAAA,EAAAC,mBAAA;IAC5B,MAAM;MAAEC;IAAO,CAAC,GAAGH,KAAK,CAACI,WAAW,CAACC,MAAM;IAC3C,MAAMC,WAAW,IAAAL,qBAAA,IAAAC,mBAAA,GAAGvB,UAAU,CAAC4B,OAAO,CAAClB,KAAK,CAAC,cAAAa,mBAAA,uBAAzBA,mBAAA,CAA2BI,WAAW,cAAAL,qBAAA,cAAAA,qBAAA,GAAI,CAAC;IAC/D,MAAMO,UAAU,GAAGX,IAAI,CAACY,KAAK,CAACN,MAAM,CAAC,GAAG,CAAC,GAAGG,WAAW;IACvD,IAAIE,UAAU,KAAKjB,iBAAiB,EAAE;MACpC;IACF;IACAC,oBAAoB,CAACgB,UAAU,CAAC;EAClC,CAAC,EACD,CAACnB,KAAK,EAAEE,iBAAiB,CAC3B,CAAC;EAED,oBACEf,KAAA,CAAAkC,aAAA,CAAC9B,QAAQ,CAAC+B,IAAI;IACZN,MAAM,EAAExB,gBAAiB;IACzBQ,KAAK,EAAE,CACLuB,MAAM,CAACC,eAAe;IACtB;IACA;MACEV,MAAM,EAAEhB,QAAQ,GAAG,MAAM,GAAGS;IAC9B,CAAC,EACDP,KAAK;EACL,gBACFb,KAAA,CAAAkC,aAAA,CAAC9B,QAAQ,CAAC+B,IAAI;IACZN,MAAM,EAAExB,gBAAiB;IACzBQ,KAAK,EAAE,CACLuB,MAAM,CAACE,WAAW;IAClB;IACA;MACEX,MAAM,EAAEhB,QAAQ,GAAG,MAAM,GAAGU,IAAI,CAACC,IAAI,CAACL,SAAS,GAAGX,mBAAmB;IACvE,CAAC;EACD,gBACFN,KAAA,CAAAkC,aAAA,CAAC1B,qBAAqB,EAAA+B,QAAA;IACpBC,OAAO,EAAE,KAAM;IACf7B,QAAQ,EAAE,IAAK;IACf8B,QAAQ,EAAElB,eAAgB;IAC1BV,KAAK,EAAEH;EAAiB,GACpBI,KAAK,CACV,CACY,CACF,CAAC;AAEpB,CAAC;AAED,MAAMsB,MAAM,GAAGjC,UAAU,CAACuC,MAAM,CAAC;EAC/BL,eAAe,EAAE;IACf,GAAG9B;EACL,CAAC;EACD+B,WAAW,EAAE;IACXK,YAAY,EAAE,EAAE;IAChBC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEF,eAAenC,6BAA6B","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,64 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React, { useMemo } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { concatTestID } from '../../../utils';
+import { Typography } from '../../text';
+import { useAppColorScheme } from '../../theme';
+const CredentialGroupHeader = ({
+  accessory,
+  name,
+  style,
+  testID,
+  ...props
+}) => {
+  const colorScheme = useAppColorScheme();
+  const accessoryView = useMemo(() => {
+    if (!accessory) {
+      return undefined;
+    }
+    if (/*#__PURE__*/React.isValidElement(accessory)) {
+      return accessory;
+    } else {
+      const AccessoryComponent = accessory;
+      return /*#__PURE__*/React.createElement(AccessoryComponent, null);
+    }
+  }, [accessory]);
+  return /*#__PURE__*/React.createElement(View, _extends({}, props, {
+    style: [styles.container, style],
+    testID: testID
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.text
+  }, /*#__PURE__*/React.createElement(Typography, {
+    color: colorScheme.white,
+    ellipsizeMode: 'tail',
+    numberOfLines: 1,
+    preset: "regular",
+    style: styles.nameText,
+    testID: concatTestID(testID, 'name')
+  }, name)), accessoryView && /*#__PURE__*/React.createElement(View, {
+    style: styles.accessory
+  }, accessoryView));
+};
+const styles = 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'
+  }
+});
+export default CredentialGroupHeader;
+//# sourceMappingURL=credential-group-header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","StyleSheet","View","concatTestID","Typography","useAppColorScheme","CredentialGroupHeader","accessory","name","style","testID","props","colorScheme","accessoryView","undefined","isValidElement","AccessoryComponent","createElement","_extends","styles","container","text","color","white","ellipsizeMode","numberOfLines","preset","nameText","create","alignItems","height","justifyContent","width","flexDirection","padding","marginTop","flex"],"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":";AAAA,OAAOA,KAAK,IAAQC,OAAO,QAAQ,OAAO;AAC1C,SAAwCC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAEzF,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,UAAU,QAAQ,YAAY;AACvC,SAASC,iBAAiB,QAAQ,aAAa;AAS/C,MAAMC,qBAAqD,GAAGA,CAAC;EAAEC,SAAS;EAAEC,IAAI;EAAEC,KAAK;EAAEC,MAAM;EAAE,GAAGC;AAAM,CAAC,KAAK;EAC9G,MAAMC,WAAW,GAAGP,iBAAiB,CAAC,CAAC;EAEvC,MAAMQ,aAA6C,GAAGb,OAAO,CAAC,MAAM;IAClE,IAAI,CAACO,SAAS,EAAE;MACd,OAAOO,SAAS;IAClB;IACA,iBAAIf,KAAK,CAACgB,cAAc,CAACR,SAAS,CAAC,EAAE;MACnC,OAAOA,SAAS;IAClB,CAAC,MAAM;MACL,MAAMS,kBAAkB,GAAGT,SAAqC;MAChE,oBAAOR,KAAA,CAAAkB,aAAA,CAACD,kBAAkB,MAAE,CAAC;IAC/B;EACF,CAAC,EAAE,CAACT,SAAS,CAAC,CAAC;EAEf,oBACER,KAAA,CAAAkB,aAAA,CAACf,IAAI,EAAAgB,QAAA,KAAKP,KAAK;IAAEF,KAAK,EAAE,CAACU,MAAM,CAACC,SAAS,EAAEX,KAAK,CAAE;IAACC,MAAM,EAAEA;EAAO,iBAChEX,KAAA,CAAAkB,aAAA,CAACf,IAAI;IAACO,KAAK,EAAEU,MAAM,CAACE;EAAK,gBACvBtB,KAAA,CAAAkB,aAAA,CAACb,UAAU;IACTkB,KAAK,EAAEV,WAAW,CAACW,KAAM;IACzBC,aAAa,EAAE,MAAO;IACtBC,aAAa,EAAE,CAAE;IACjBC,MAAM,EAAC,SAAS;IAChBjB,KAAK,EAAEU,MAAM,CAACQ,QAAS;IACvBjB,MAAM,EAAEP,YAAY,CAACO,MAAM,EAAE,MAAM;EAAE,GACpCF,IACS,CACR,CAAC,EACNK,aAAa,iBAAId,KAAA,CAAAkB,aAAA,CAACf,IAAI;IAACO,KAAK,EAAEU,MAAM,CAACZ;EAAU,GAAEM,aAAoB,CAClE,CAAC;AAEX,CAAC;AAED,MAAMM,MAAM,GAAGlB,UAAU,CAAC2B,MAAM,CAAC;EAC/BrB,SAAS,EAAE;IACTsB,UAAU,EAAE,QAAQ;IACpBC,MAAM,EAAE,EAAE;IACVC,cAAc,EAAE,QAAQ;IACxBC,KAAK,EAAE;EACT,CAAC;EACDZ,SAAS,EAAE;IACTS,UAAU,EAAE,QAAQ;IACpBI,aAAa,EAAE,KAAK;IACpBH,MAAM,EAAE,EAAE;IACVI,OAAO,EAAE;EACX,CAAC;EACDP,QAAQ,EAAE;IACRQ,SAAS,EAAE;EACb,CAAC;EACDd,IAAI,EAAE;IACJe,IAAI,EAAE,CAAC;IACPL,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;AAEF,eAAezB,qBAAqB","ignoreList":[]}

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

@@ -0,0 +1,3 @@
+import CredentialGroupHeader from './credential-group-header';
+export { CredentialGroupHeader };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CredentialGroupHeader"],"sources":["index.ts"],"sourcesContent":["import type { CredentialGroupHeaderProps } from './credential-group-header';\nimport CredentialGroupHeader from './credential-group-header';\n\nexport { CredentialGroupHeader, CredentialGroupHeaderProps };\n"],"mappings":"AACA,OAAOA,qBAAqB,MAAM,2BAA2B;AAE7D,SAASA,qBAAqB","ignoreList":[]}

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

@@ -6,4 +6,5 @@ export { CredentialAttributeItem };
 export { Barcode, Mrz, QrCode };
 export { Selector, SelectorStatus };
 export * from './card';
+export * from './group';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["CredentialAttributeItem","Barcode","Mrz","QrCode","Selector","SelectorStatus"],"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,OAAOA,uBAAuB,MAAM,6BAA6B;AACjE,SAASC,OAAO,EAAEC,GAAG,EAAEC,MAAM,QAAQ,8BAA8B;AACnE,OAAOC,QAAQ,MAAM,YAAY;AACjC,SAASC,cAAc,QAAQ,mBAAmB;AAElD,SAA8BL,uBAAuB;AACrD,SAASC,OAAO,EAAEC,GAAG,EAAEC,MAAM;AAC7B,SAASC,QAAQ,EAAEC,cAAc;AACjC,cAAc,QAAQ","ignoreList":[]}
+{"version":3,"names":["CredentialAttributeItem","Barcode","Mrz","QrCode","Selector","SelectorStatus"],"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,OAAOA,uBAAuB,MAAM,6BAA6B;AACjE,SAASC,OAAO,EAAEC,GAAG,EAAEC,MAAM,QAAQ,8BAA8B;AACnE,OAAOC,QAAQ,MAAM,YAAY;AACjC,SAASC,cAAc,QAAQ,mBAAmB;AAElD,SAA8BL,uBAAuB;AACrD,SAASC,OAAO,EAAEC,GAAG,EAAEC,MAAM;AAC7B,SAASC,QAAQ,EAAEC,cAAc;AACjC,cAAc,QAAQ;AACtB,cAAc,SAAS","ignoreList":[]}

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

@@ -9,12 +9,16 @@ const FoldableSearchHeader = ({
   staticHeader = false,
   scrollOffset,
   searchBar,
-  header
+  header,
+  withNotice
 }) => {
   const safeAreaInsets = useSafeAreaInsets();
   const colorScheme = useAppColorScheme();
   const [collapsed, setCollapsed] = useState(header ? false : true);
   const [headerHeight, setHeaderHeight] = useState();
+  const containerPaddingStyle = {
+    paddingTop: withNotice ? 15 : safeAreaInsets.top
+  };
   useEffect(() => {
     const id = scrollOffset.addListener(({
       value
@@ -34,13 +38,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({
@@ -53,24 +55,34 @@ const FoldableSearchHeader = ({
     setHeaderHeight(event.nativeEvent.layout.height);
   }, [setHeaderHeight]);
   return /*#__PURE__*/React.createElement(Animated.View, {
-    style: [styles.headerContainer, {
-      paddingTop: safeAreaInsets.top
-    }, scrollHeaderAnimatedStyle]
+    style: [styles.headerContainer, containerPaddingStyle, withNotice ? styles.noticeBorderRadius : undefined]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.blurWrapper, StyleSheet.absoluteFill]
   }, /*#__PURE__*/React.createElement(BlurView, {
     blurStyle: 'header',
     color: colorScheme.background,
-    style: StyleSheet.absoluteFill
-  }), /*#__PURE__*/React.createElement(View, null, header && /*#__PURE__*/React.createElement(Animated.View, {
-    onLayout: onHeaderLayout,
-    style: fadeHeaderOutAnimatedStyle
-  }, header), searchBar && /*#__PURE__*/React.createElement(AnimatedSearchBar, _extends({}, searchBar, {
+    style: [StyleSheet.absoluteFill, withNotice ? styles.noticeBorderRadius : undefined]
+  })), /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Animated.View, {
+    style: scrollHeaderAnimatedStyle
+  }, searchBar && /*#__PURE__*/React.createElement(AnimatedSearchBar, _extends({}, searchBar, {
     collapsed: collapsed
-  }))));
+  }))), header && /*#__PURE__*/React.createElement(Animated.View, {
+    onLayout: onHeaderLayout,
+    style: [styles.headerContainer, fadeHeaderOutAnimatedStyle]
+  }, header)));
 };
 const styles = StyleSheet.create({
+  blurWrapper: {
+    overflow: 'hidden'
+  },
   headerContainer: {
     position: 'absolute',
     width: '100%'
+  },
+  noticeBorderRadius: {
+    borderTopLeftRadius: 30,
+    borderTopRightRadius: 30,
+    overflow: 'hidden'
   }
 });
 export default FoldableSearchHeader;

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useState","Animated","StyleSheet","View","useSafeAreaInsets","BlurView","AnimatedSearchBar","useAppColorScheme","FoldableSearchHeader","staticHeader","scrollOffset","searchBar","header","safeAreaInsets","colorScheme","collapsed","setCollapsed","headerHeight","setHeaderHeight","id","addListener","value","removeListener","playHeaderFoldAnimation","scrollHeaderAnimatedStyle","transform","translateY","interpolate","extrapolate","inputRange","outputRange","undefined","fadeHeaderOutAnimatedStyle","opacity","onHeaderLayout","event","nativeEvent","layout","height","createElement","style","styles","headerContainer","paddingTop","top","blurStyle","color","background","absoluteFill","onLayout","_extends","create","position","width"],"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","useCallback","useEffect","useState","Animated","StyleSheet","View","useSafeAreaInsets","BlurView","AnimatedSearchBar","useAppColorScheme","FoldableSearchHeader","staticHeader","scrollOffset","searchBar","header","withNotice","safeAreaInsets","colorScheme","collapsed","setCollapsed","headerHeight","setHeaderHeight","containerPaddingStyle","paddingTop","top","id","addListener","value","removeListener","playHeaderFoldAnimation","scrollHeaderAnimatedStyle","interpolate","extrapolate","inputRange","outputRange","undefined","fadeHeaderOutAnimatedStyle","opacity","onHeaderLayout","event","nativeEvent","layout","height","createElement","style","styles","headerContainer","noticeBorderRadius","blurWrapper","absoluteFill","blurStyle","color","background","_extends","onLayout","create","overflow","position","width","borderTopLeftRadius","borderTopRightRadius"],"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/module/ui-components/index.js

@@ -18,6 +18,7 @@ export * from './loader';
 export * from './nerd-view';
 export * from './nfc';
 export * from './pin';
+export * from './proof-request';
 export * from './screens';
 export * from './searchbar';
 export * from './settings';

package/lib/module/ui-components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from './accessibility';\nexport * from './action-modal';\nexport * from './activity-indicator';\nexport * from './blur';\nexport * from './buttons';\nexport * from './camera';\nexport * from './control';\nexport * from './credential';\nexport * from './detail';\nexport * from './entity';\nexport * from './header';\nexport * from './history';\nexport * from './icons';\nexport * from './image';\nexport * from './input';\nexport * from './list';\nexport * from './loader';\nexport * from './nerd-view';\nexport * from './nfc';\nexport * from './pin';\nexport * from './screens';\nexport * from './searchbar';\nexport * from './settings';\nexport * from './state';\nexport * from './text';\nexport * from './theme';\n"],"mappings":"AAAA,cAAc,iBAAiB;AAC/B,cAAc,gBAAgB;AAC9B,cAAc,sBAAsB;AACpC,cAAc,QAAQ;AACtB,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,UAAU;AACxB,cAAc,aAAa;AAC3B,cAAc,OAAO;AACrB,cAAc,OAAO;AACrB,cAAc,WAAW;AACzB,cAAc,aAAa;AAC3B,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,SAAS","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from './accessibility';\nexport * from './action-modal';\nexport * from './activity-indicator';\nexport * from './blur';\nexport * from './buttons';\nexport * from './camera';\nexport * from './control';\nexport * from './credential';\nexport * from './detail';\nexport * from './entity';\nexport * from './header';\nexport * from './history';\nexport * from './icons';\nexport * from './image';\nexport * from './input';\nexport * from './list';\nexport * from './loader';\nexport * from './nerd-view';\nexport * from './nfc';\nexport * from './pin';\nexport * from './proof-request';\nexport * from './screens';\nexport * from './searchbar';\nexport * from './settings';\nexport * from './state';\nexport * from './text';\nexport * from './theme';\n"],"mappings":"AAAA,cAAc,iBAAiB;AAC/B,cAAc,gBAAgB;AAC9B,cAAc,sBAAsB;AACpC,cAAc,QAAQ;AACtB,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,UAAU;AACxB,cAAc,aAAa;AAC3B,cAAc,OAAO;AACrB,cAAc,OAAO;AACrB,cAAc,iBAAiB;AAC/B,cAAc,WAAW;AACzB,cAAc,aAAa;AAC3B,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,SAAS","ignoreList":[]}

package/lib/module/ui-components/loader/loading-result.js

@@ -3,11 +3,11 @@ import React from 'react';
 import { Platform, StyleSheet, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { Button } from '../buttons/button';
+import ShareButton from '../buttons/share-button';
 import NavigationHeader from '../header/navigation-header';
 import Typography from '../text/typography';
 import { useAppColorScheme } from '../theme/color-scheme-context';
 import LoaderView from './loader';
-import ShareButton from '../buttons/share-button';
 const LoadingResultScreen = ({
   button,
   header,

package/lib/module/ui-components/loader/loading-result.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","StyleSheet","View","useSafeAreaInsets","Button","NavigationHeader","Typography","useAppColorScheme","LoaderView","ShareButton","LoadingResultScreen","button","header","loader","label","loaderProps","secondaryButton","button2","shareButton","style","tertiaryButton","button3","viewProps","colorScheme","top","bottom","headerPaddingStyle","OS","paddingTop","modalHandleVisible","styles","modalHeaderWithoutHandle","buttonsWrapperMarginStyle","marginBottom","createElement","_extends","container","backgroundColor","background","headerWrapper","loaderWrapper","align","color","text","preset","buttonWrapper","title","create","gap","height","justifyContent","padding","alignItems","flex","flexDirection","marginHorizontal","marginTop","alignSelf"],"sources":["loading-result.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Platform, StyleSheet, View, ViewProps, ViewStyle } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { Button, ButtonProps } from '../buttons/button';\nimport NavigationHeader, { NavigationHeaderProps } from '../header/navigation-header';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\nimport LoaderView, { LoaderViewProps } from './loader';\nimport ShareButton, { ShareButtonProps } from '../buttons/share-button';\n\nexport type LoadingResultScreenProps = ViewProps & {\n  button?: ButtonProps;\n  header?: NavigationHeaderProps;\n  loader: LoaderViewProps & {\n    label?: string;\n  };\n  secondaryButton?: ButtonProps;\n  shareButton?: ShareButtonProps;\n  tertiaryButton?: ButtonProps;\n};\n\nconst LoadingResultScreen: FC<LoadingResultScreenProps> = ({\n  button,\n  header,\n  loader: { label, ...loaderProps },\n  secondaryButton: button2,\n  shareButton,\n  style,\n  tertiaryButton: button3,\n  ...viewProps\n}) => {\n  const colorScheme = useAppColorScheme();\n  const { top, bottom } = useSafeAreaInsets();\n\n  let headerPaddingStyle: ViewStyle | undefined;\n  if (Platform.OS === 'android') {\n    headerPaddingStyle = {\n      paddingTop: top,\n    };\n  } else if (!header?.modalHandleVisible && Platform.OS === 'ios') {\n    headerPaddingStyle = styles.modalHeaderWithoutHandle;\n  }\n\n  let buttonsWrapperMarginStyle: ViewStyle = {\n    marginBottom: bottom,\n  };\n\n  return (\n    <View style={[styles.container, { backgroundColor: colorScheme.background }, style]} {...viewProps}>\n      <View style={[styles.headerWrapper, headerPaddingStyle]}>\n        <NavigationHeader {...header} />\n      </View>\n      <View style={styles.loaderWrapper}>\n        <LoaderView {...loaderProps} />\n        <Typography align=\"center\" color={colorScheme.text} preset=\"regular\" style={styles.label}>\n          {label}\n        </Typography>\n      </View>\n      <View style={[styles.buttonWrapper, buttonsWrapperMarginStyle]}>\n        {shareButton && <ShareButton {...shareButton} style={styles.shareButton} />}\n        {button && <Button {...button}>{button.title}</Button>}\n        {button2 && <Button {...button2}>{button2.title}</Button>}\n        {button3 && <Button {...button3}>{button3.title}</Button>}\n      </View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  buttonWrapper: {\n    gap: 12,\n    height: 274,\n    justifyContent: 'flex-end',\n    padding: 12,\n  },\n  container: {\n    alignItems: 'stretch',\n    flex: 1,\n    flexDirection: 'column',\n    justifyContent: 'space-between',\n  },\n  headerWrapper: {\n    height: 215,\n  },\n  label: {\n    marginHorizontal: 20,\n    marginTop: 20,\n  },\n  loaderWrapper: {\n    alignItems: 'center',\n    flexDirection: 'column',\n    height: 108,\n    justifyContent: 'space-between',\n  },\n  modalHeaderWithoutHandle: {\n    paddingTop: 15,\n  },\n  shareButton: {\n    alignSelf: 'center',\n  },\n});\n\nexport default LoadingResultScreen;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Platform","StyleSheet","View","useSafeAreaInsets","Button","ShareButton","NavigationHeader","Typography","useAppColorScheme","LoaderView","LoadingResultScreen","button","header","loader","label","loaderProps","secondaryButton","button2","shareButton","style","tertiaryButton","button3","viewProps","colorScheme","top","bottom","headerPaddingStyle","OS","paddingTop","modalHandleVisible","styles","modalHeaderWithoutHandle","buttonsWrapperMarginStyle","marginBottom","createElement","_extends","container","backgroundColor","background","headerWrapper","loaderWrapper","align","color","text","preset","buttonWrapper","title","create","gap","height","justifyContent","padding","alignItems","flex","flexDirection","marginHorizontal","marginTop","alignSelf"],"sources":["loading-result.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Platform, StyleSheet, View, ViewProps, ViewStyle } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { Button, ButtonProps } from '../buttons/button';\nimport ShareButton, { ShareButtonProps } from '../buttons/share-button';\nimport NavigationHeader, { NavigationHeaderProps } from '../header/navigation-header';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\nimport LoaderView, { LoaderViewProps } from './loader';\n\nexport type LoadingResultScreenProps = ViewProps & {\n  button?: ButtonProps;\n  header?: NavigationHeaderProps;\n  loader: LoaderViewProps & {\n    label?: string;\n  };\n  secondaryButton?: ButtonProps;\n  shareButton?: ShareButtonProps;\n  tertiaryButton?: ButtonProps;\n};\n\nconst LoadingResultScreen: FC<LoadingResultScreenProps> = ({\n  button,\n  header,\n  loader: { label, ...loaderProps },\n  secondaryButton: button2,\n  shareButton,\n  style,\n  tertiaryButton: button3,\n  ...viewProps\n}) => {\n  const colorScheme = useAppColorScheme();\n  const { top, bottom } = useSafeAreaInsets();\n\n  let headerPaddingStyle: ViewStyle | undefined;\n  if (Platform.OS === 'android') {\n    headerPaddingStyle = {\n      paddingTop: top,\n    };\n  } else if (!header?.modalHandleVisible && Platform.OS === 'ios') {\n    headerPaddingStyle = styles.modalHeaderWithoutHandle;\n  }\n\n  let buttonsWrapperMarginStyle: ViewStyle = {\n    marginBottom: bottom,\n  };\n\n  return (\n    <View style={[styles.container, { backgroundColor: colorScheme.background }, style]} {...viewProps}>\n      <View style={[styles.headerWrapper, headerPaddingStyle]}>\n        <NavigationHeader {...header} />\n      </View>\n      <View style={styles.loaderWrapper}>\n        <LoaderView {...loaderProps} />\n        <Typography align=\"center\" color={colorScheme.text} preset=\"regular\" style={styles.label}>\n          {label}\n        </Typography>\n      </View>\n      <View style={[styles.buttonWrapper, buttonsWrapperMarginStyle]}>\n        {shareButton && <ShareButton {...shareButton} style={styles.shareButton} />}\n        {button && <Button {...button}>{button.title}</Button>}\n        {button2 && <Button {...button2}>{button2.title}</Button>}\n        {button3 && <Button {...button3}>{button3.title}</Button>}\n      </View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  buttonWrapper: {\n    gap: 12,\n    height: 274,\n    justifyContent: 'flex-end',\n    padding: 12,\n  },\n  container: {\n    alignItems: 'stretch',\n    flex: 1,\n    flexDirection: 'column',\n    justifyContent: 'space-between',\n  },\n  headerWrapper: {\n    height: 215,\n  },\n  label: {\n    marginHorizontal: 20,\n    marginTop: 20,\n  },\n  loaderWrapper: {\n    alignItems: 'center',\n    flexDirection: 'column',\n    height: 108,\n    justifyContent: 'space-between',\n  },\n  modalHeaderWithoutHandle: {\n    paddingTop: 15,\n  },\n  shareButton: {\n    alignSelf: 'center',\n  },\n});\n\nexport default LoadingResultScreen;\n"],"mappings":"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","ignoreList":[]}