@procivis/one-react-native-components 0.3.95 → 0.3.102

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

@@ -53,6 +53,7 @@ const styles = StyleSheet.create({
   },
   cardWrapper: {
     borderRadius: 10,
+    borderWidth: 0,
     overflow: 'hidden'
   }
 });

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

@@ -1 +1 @@
-{"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":[]}
+{"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    borderWidth: 0,\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;IAChBb,WAAW,EAAE,CAAC;IACdc,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEF,eAAenC,6BAA6B","ignoreList":[]}

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

@@ -133,6 +133,7 @@ const styles = StyleSheet.create({
   imageContainer: {
     alignItems: 'center',
     borderRadius: 5,
+    borderWidth: 0,
     height: 44,
     justifyContent: 'center',
     marginRight: 8,

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

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","StyleSheet","View","concatTestID","BlurView","ImageOrComponent","Typography","useAppColorScheme","CredentialHeader","accessory","blur","color","credentialDetailPrimary","credentialDetailSecondary","credentialDetailTestID","credentialDetailErrorColor","credentialName","icon","iconLabelColor","statusIcon","style","testID","colorScheme","statusIconView","undefined","isValidElement","StatusIconComponent","createElement","accessoryView","AccessoryComponent","DetailText","commonProps","error","text","ellipsizeMode","numberOfLines","preset","styles","detailText","detailTextContainer","_extends","Fragment","interpunct","container","backgroundColor","white","blurStyle","absoluteFill","imageContainer","source","image","String","imagePlaceholder","substring","statusIconWrapper","nameText","create","alignItems","height","justifyContent","width","flexDirection","padding","flex","opacity","marginTop","borderRadius","marginRight","overflow","paddingLeft","paddingTop","textTransform","marginHorizontal","bottom","left","position"],"sources":["credential-header.tsx"],"sourcesContent":["import React, { FC, useMemo } from 'react';\nimport { AccessibilityProps, ColorValue, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { concatTestID } from '../../../utils/testID';\nimport BlurView from '../../blur/blur-view';\nimport ImageOrComponent, { ImageOrComponentSource } from '../../image/image-or-component';\nimport Typography, { TypographyProps } from '../../text/typography';\nimport { useAppColorScheme } from '../../theme/color-scheme-context';\n\nexport interface CredentialHeaderProps extends AccessibilityProps {\n  accessory?: React.ComponentType<any> | React.ReactElement;\n  blur?: boolean;\n  color?: ColorValue;\n  credentialDetailPrimary?: string;\n  credentialDetailSecondary?: string;\n  credentialDetailTestID?: string;\n  credentialDetailErrorColor?: boolean;\n  credentialName: string;\n  icon?: ImageOrComponentSource;\n  iconLabelColor?: ColorValue;\n  statusIcon?: React.ComponentType<any> | React.ReactElement;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n}\n\nconst CredentialHeader: FC<CredentialHeaderProps> = ({\n  accessory,\n  blur = true,\n  color = '#5A69F3',\n  credentialDetailPrimary,\n  credentialDetailSecondary,\n  credentialDetailTestID,\n  credentialDetailErrorColor,\n  credentialName,\n  icon,\n  iconLabelColor = '#FFFFFF',\n  statusIcon,\n  style,\n  testID,\n}) => {\n  const colorScheme = useAppColorScheme();\n\n  const statusIconView: React.ReactElement | undefined = useMemo(() => {\n    if (!statusIcon) {\n      return undefined;\n    }\n    if (React.isValidElement(statusIcon)) {\n      return statusIcon;\n    } else {\n      const StatusIconComponent = statusIcon as React.ComponentType<any>;\n      return <StatusIconComponent />;\n    }\n  }, [statusIcon]);\n\n  const accessoryView: React.ReactElement | undefined = useMemo(() => {\n    if (!accessory) {\n      return undefined;\n    }\n    if (React.isValidElement(accessory)) {\n      return accessory;\n    } else {\n      const AccessoryComponent = accessory as React.ComponentType<any>;\n      return <AccessoryComponent />;\n    }\n  }, [accessory]);\n\n  const DetailText = useMemo(() => {\n    if (!credentialDetailPrimary) {\n      return undefined;\n    }\n    const commonProps: TypographyProps = {\n      color: credentialDetailErrorColor ? colorScheme.error : colorScheme.text,\n      ellipsizeMode: 'tail',\n      numberOfLines: 1,\n      preset: 'xs',\n      style: styles.detailText,\n    };\n    return (\n      <View style={styles.detailTextContainer}>\n        <Typography {...commonProps} testID={credentialDetailTestID ?? concatTestID(testID, 'primaryDetail')}>\n          {credentialDetailPrimary}\n        </Typography>\n        {credentialDetailSecondary ? (\n          <>\n            <Typography {...commonProps} style={styles.interpunct}>\n              {'·'}\n            </Typography>\n            <Typography {...commonProps} testID={concatTestID(testID, 'secondaryDetail')}>\n              {credentialDetailSecondary}\n            </Typography>\n          </>\n        ) : null}\n      </View>\n    );\n  }, [\n    credentialDetailPrimary,\n    credentialDetailSecondary,\n    colorScheme,\n    testID,\n    credentialDetailErrorColor,\n    credentialDetailTestID,\n  ]);\n\n  return (\n    <View style={[styles.container, { backgroundColor: blur ? undefined : colorScheme.white }, style]} testID={testID}>\n      {blur && <BlurView blurStyle=\"strong\" style={StyleSheet.absoluteFill} />}\n      <View style={[styles.imageContainer, { backgroundColor: color }]}>\n        {icon ? (\n          <ImageOrComponent testID={concatTestID(testID, 'logoIcon')} source={icon} style={styles.image} />\n        ) : (\n          <View testID={concatTestID(testID, 'logoBackgroundColor', String(color))}>\n            <View testID={concatTestID(testID, 'logoTextColor', String(iconLabelColor))}>\n              <Typography\n                testID={concatTestID(testID, 'logoName')}\n                color={iconLabelColor}\n                preset=\"m\"\n                style={styles.imagePlaceholder}>\n                {credentialName.substring(0, 1)}\n              </Typography>\n            </View>\n          </View>\n        )}\n      </View>\n      {statusIconView && <View style={styles.statusIconWrapper}>{statusIconView}</View>}\n      <View style={styles.text}>\n        <Typography\n          testID={concatTestID(testID, 'name')}\n          color={colorScheme.text}\n          ellipsizeMode={'tail'}\n          numberOfLines={1}\n          preset=\"regular\"\n          style={styles.nameText}>\n          {credentialName}\n        </Typography>\n        {DetailText}\n      </View>\n      {accessoryView && <View style={styles.accessory}>{accessoryView}</View>}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  accessory: {\n    alignItems: 'center',\n    height: 44,\n    justifyContent: 'center',\n    width: 44,\n  },\n  container: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    height: 60,\n    padding: 8,\n  },\n  detailText: {\n    flex: 1,\n    opacity: 0.7,\n  },\n  detailTextContainer: {\n    flexDirection: 'row',\n    marginTop: -1,\n  },\n  image: {\n    height: 44,\n    width: 44,\n  },\n  imageContainer: {\n    alignItems: 'center',\n    borderRadius: 5,\n    height: 44,\n    justifyContent: 'center',\n    marginRight: 8,\n    overflow: 'hidden',\n    width: 44,\n  },\n  imagePlaceholder: {\n    paddingLeft: 1,\n    paddingTop: 3,\n    textTransform: 'uppercase',\n  },\n  interpunct: {\n    marginHorizontal: 12,\n    opacity: 0.5,\n  },\n  nameText: {\n    marginTop: 2,\n  },\n  statusIconWrapper: {\n    bottom: 3,\n    left: 36,\n    position: 'absolute',\n  },\n  text: {\n    flex: 1,\n    justifyContent: 'center',\n  },\n});\n\nexport default CredentialHeader;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useMemo","StyleSheet","View","concatTestID","BlurView","ImageOrComponent","Typography","useAppColorScheme","CredentialHeader","accessory","blur","color","credentialDetailPrimary","credentialDetailSecondary","credentialDetailTestID","credentialDetailErrorColor","credentialName","icon","iconLabelColor","statusIcon","style","testID","colorScheme","statusIconView","undefined","isValidElement","StatusIconComponent","createElement","accessoryView","AccessoryComponent","DetailText","commonProps","error","text","ellipsizeMode","numberOfLines","preset","styles","detailText","detailTextContainer","_extends","Fragment","interpunct","container","backgroundColor","white","blurStyle","absoluteFill","imageContainer","source","image","String","imagePlaceholder","substring","statusIconWrapper","nameText","create","alignItems","height","justifyContent","width","flexDirection","padding","flex","opacity","marginTop","borderRadius","borderWidth","marginRight","overflow","paddingLeft","paddingTop","textTransform","marginHorizontal","bottom","left","position"],"sources":["credential-header.tsx"],"sourcesContent":["import React, { FC, useMemo } from 'react';\nimport { AccessibilityProps, ColorValue, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { concatTestID } from '../../../utils/testID';\nimport BlurView from '../../blur/blur-view';\nimport ImageOrComponent, { ImageOrComponentSource } from '../../image/image-or-component';\nimport Typography, { TypographyProps } from '../../text/typography';\nimport { useAppColorScheme } from '../../theme/color-scheme-context';\n\nexport interface CredentialHeaderProps extends AccessibilityProps {\n  accessory?: React.ComponentType<any> | React.ReactElement;\n  blur?: boolean;\n  color?: ColorValue;\n  credentialDetailPrimary?: string;\n  credentialDetailSecondary?: string;\n  credentialDetailTestID?: string;\n  credentialDetailErrorColor?: boolean;\n  credentialName: string;\n  icon?: ImageOrComponentSource;\n  iconLabelColor?: ColorValue;\n  statusIcon?: React.ComponentType<any> | React.ReactElement;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n}\n\nconst CredentialHeader: FC<CredentialHeaderProps> = ({\n  accessory,\n  blur = true,\n  color = '#5A69F3',\n  credentialDetailPrimary,\n  credentialDetailSecondary,\n  credentialDetailTestID,\n  credentialDetailErrorColor,\n  credentialName,\n  icon,\n  iconLabelColor = '#FFFFFF',\n  statusIcon,\n  style,\n  testID,\n}) => {\n  const colorScheme = useAppColorScheme();\n\n  const statusIconView: React.ReactElement | undefined = useMemo(() => {\n    if (!statusIcon) {\n      return undefined;\n    }\n    if (React.isValidElement(statusIcon)) {\n      return statusIcon;\n    } else {\n      const StatusIconComponent = statusIcon as React.ComponentType<any>;\n      return <StatusIconComponent />;\n    }\n  }, [statusIcon]);\n\n  const accessoryView: React.ReactElement | undefined = useMemo(() => {\n    if (!accessory) {\n      return undefined;\n    }\n    if (React.isValidElement(accessory)) {\n      return accessory;\n    } else {\n      const AccessoryComponent = accessory as React.ComponentType<any>;\n      return <AccessoryComponent />;\n    }\n  }, [accessory]);\n\n  const DetailText = useMemo(() => {\n    if (!credentialDetailPrimary) {\n      return undefined;\n    }\n    const commonProps: TypographyProps = {\n      color: credentialDetailErrorColor ? colorScheme.error : colorScheme.text,\n      ellipsizeMode: 'tail',\n      numberOfLines: 1,\n      preset: 'xs',\n      style: styles.detailText,\n    };\n    return (\n      <View style={styles.detailTextContainer}>\n        <Typography {...commonProps} testID={credentialDetailTestID ?? concatTestID(testID, 'primaryDetail')}>\n          {credentialDetailPrimary}\n        </Typography>\n        {credentialDetailSecondary ? (\n          <>\n            <Typography {...commonProps} style={styles.interpunct}>\n              {'·'}\n            </Typography>\n            <Typography {...commonProps} testID={concatTestID(testID, 'secondaryDetail')}>\n              {credentialDetailSecondary}\n            </Typography>\n          </>\n        ) : null}\n      </View>\n    );\n  }, [\n    credentialDetailPrimary,\n    credentialDetailSecondary,\n    colorScheme,\n    testID,\n    credentialDetailErrorColor,\n    credentialDetailTestID,\n  ]);\n\n  return (\n    <View style={[styles.container, { backgroundColor: blur ? undefined : colorScheme.white }, style]} testID={testID}>\n      {blur && <BlurView blurStyle=\"strong\" style={StyleSheet.absoluteFill} />}\n      <View style={[styles.imageContainer, { backgroundColor: color }]}>\n        {icon ? (\n          <ImageOrComponent testID={concatTestID(testID, 'logoIcon')} source={icon} style={styles.image} />\n        ) : (\n          <View testID={concatTestID(testID, 'logoBackgroundColor', String(color))}>\n            <View testID={concatTestID(testID, 'logoTextColor', String(iconLabelColor))}>\n              <Typography\n                testID={concatTestID(testID, 'logoName')}\n                color={iconLabelColor}\n                preset=\"m\"\n                style={styles.imagePlaceholder}>\n                {credentialName.substring(0, 1)}\n              </Typography>\n            </View>\n          </View>\n        )}\n      </View>\n      {statusIconView && <View style={styles.statusIconWrapper}>{statusIconView}</View>}\n      <View style={styles.text}>\n        <Typography\n          testID={concatTestID(testID, 'name')}\n          color={colorScheme.text}\n          ellipsizeMode={'tail'}\n          numberOfLines={1}\n          preset=\"regular\"\n          style={styles.nameText}>\n          {credentialName}\n        </Typography>\n        {DetailText}\n      </View>\n      {accessoryView && <View style={styles.accessory}>{accessoryView}</View>}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  accessory: {\n    alignItems: 'center',\n    height: 44,\n    justifyContent: 'center',\n    width: 44,\n  },\n  container: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    height: 60,\n    padding: 8,\n  },\n  detailText: {\n    flex: 1,\n    opacity: 0.7,\n  },\n  detailTextContainer: {\n    flexDirection: 'row',\n    marginTop: -1,\n  },\n  image: {\n    height: 44,\n    width: 44,\n  },\n  imageContainer: {\n    alignItems: 'center',\n    borderRadius: 5,\n    borderWidth: 0,\n    height: 44,\n    justifyContent: 'center',\n    marginRight: 8,\n    overflow: 'hidden',\n    width: 44,\n  },\n  imagePlaceholder: {\n    paddingLeft: 1,\n    paddingTop: 3,\n    textTransform: 'uppercase',\n  },\n  interpunct: {\n    marginHorizontal: 12,\n    opacity: 0.5,\n  },\n  nameText: {\n    marginTop: 2,\n  },\n  statusIconWrapper: {\n    bottom: 3,\n    left: 36,\n    position: 'absolute',\n  },\n  text: {\n    flex: 1,\n    justifyContent: 'center',\n  },\n});\n\nexport default CredentialHeader;\n"],"mappings":"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","ignoreList":[]}

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

@@ -68,6 +68,7 @@ const styles = StyleSheet.create({
   // eslint-disable-next-line react-native/no-unused-styles
   Barcode: {
     borderRadius: 4,
+    borderWidth: 0,
     height: '50%',
     width: '80%'
   },
@@ -89,6 +90,7 @@ const styles = StyleSheet.create({
   QrCode: {
     aspectRatio: 1,
     borderRadius: 4,
+    borderWidth: 0,
     height: '70%'
   },
   carouselItem: {

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

@@ -1 +1 @@
-{"version":3,"names":["React","useState","StyleSheet","View","Carousel","Svg","Circle","concatTestID","CarouselImageType","CarouselComponent","carouselSize","imagesToRender","style","testID","selectedDot","setSelectedDot","width","height","numberOfSlides","length","createElement","styles","container","onSnapToItem","enabled","data","panGestureHandlerProps","activeOffsetX","failOffsetY","renderItem","item","type","element","carouselItem","pageDotContainer","map","_","index","key","viewBox","fill","toString","cx","cy","r","fillOpacity","create","Barcode","borderRadius","MRZ","Photo","aspectRatio","borderColor","borderWidth","overflow","QrCode","alignItems","justifyContent","flex","position","bottom","columnGap","flexDirection"],"sources":["credential-image-carousel.tsx"],"sourcesContent":["import React, { FC, useState } from 'react';\nimport { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\nimport Carousel from 'react-native-reanimated-carousel';\nimport Svg, { Circle } from 'react-native-svg';\n\nimport { concatTestID } from '../../../utils';\n\nexport enum CarouselImageType {\n  Barcode = 'Barcode',\n  QrCode = 'QrCode',\n  MRZ = 'MRZ',\n  Photo = 'Photo',\n}\n\nexport type CarouselImage = {\n  type: CarouselImageType;\n  element: React.ReactElement;\n};\n\ntype CarouselProps = {\n  carouselSize: { width: number; height: number };\n  imagesToRender: CarouselImage[];\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n};\n\nconst CarouselComponent: FC<CarouselProps> = ({ carouselSize, imagesToRender, style, testID }) => {\n  const [selectedDot, setSelectedDot] = useState(0);\n\n  if (!carouselSize.width || !carouselSize.height) {\n    return null;\n  }\n\n  const numberOfSlides = imagesToRender.length;\n\n  if (!numberOfSlides) {\n    return null;\n  }\n\n  return (\n    <View style={[styles.container, style]}>\n      <Carousel\n        width={carouselSize.width}\n        onSnapToItem={setSelectedDot}\n        height={carouselSize.height}\n        enabled={numberOfSlides >= 2}\n        data={imagesToRender}\n        testID={testID}\n        panGestureHandlerProps={{\n          activeOffsetX: [-10, 10],\n          failOffsetY: [-10, 10],\n        }}\n        renderItem={({ item: { type, element } }) => (\n          <View style={styles.carouselItem}>\n            <View style={[styles[type]]}>{element}</View>\n          </View>\n        )}\n      />\n      {numberOfSlides >= 2 ? (\n        <View style={styles.pageDotContainer}>\n          {imagesToRender.map((_, index) => (\n            <Svg key={index} width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"none\">\n              <Circle\n                testID={concatTestID(testID, 'dot', index.toString())}\n                cx=\"4.5\"\n                cy=\"4\"\n                r=\"4\"\n                fill=\"white\"\n                fillOpacity={selectedDot === index ? 0.8 : 0.2}\n              />\n            </Svg>\n          ))}\n        </View>\n      ) : null}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  // eslint-disable-next-line react-native/no-unused-styles\n  Barcode: { borderRadius: 4, height: '50%', width: '80%' },\n  // eslint-disable-next-line react-native/no-unused-styles\n  MRZ: {\n    height: '50%',\n    width: '100%',\n  },\n  // eslint-disable-next-line react-native/no-unused-styles\n  Photo: {\n    aspectRatio: 1,\n    borderColor: '#FFFFFF',\n    borderRadius: 100,\n    borderWidth: 2,\n    height: '70%',\n    overflow: 'hidden',\n  },\n  // eslint-disable-next-line react-native/no-unused-styles\n  QrCode: { aspectRatio: 1, borderRadius: 4, height: '70%' },\n  carouselItem: {\n    alignItems: 'center',\n    height: '100%',\n    justifyContent: 'center',\n    width: '100%',\n  },\n  container: {\n    flex: 1,\n    position: 'absolute',\n    width: '100%',\n  },\n  pageDotContainer: {\n    bottom: 15,\n    columnGap: 8,\n    flexDirection: 'row',\n    justifyContent: 'center',\n  },\n});\n\nexport default CarouselComponent;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","StyleSheet","View","Carousel","Svg","Circle","concatTestID","CarouselImageType","CarouselComponent","carouselSize","imagesToRender","style","testID","selectedDot","setSelectedDot","width","height","numberOfSlides","length","createElement","styles","container","onSnapToItem","enabled","data","panGestureHandlerProps","activeOffsetX","failOffsetY","renderItem","item","type","element","carouselItem","pageDotContainer","map","_","index","key","viewBox","fill","toString","cx","cy","r","fillOpacity","create","Barcode","borderRadius","borderWidth","MRZ","Photo","aspectRatio","borderColor","overflow","QrCode","alignItems","justifyContent","flex","position","bottom","columnGap","flexDirection"],"sources":["credential-image-carousel.tsx"],"sourcesContent":["import React, { FC, useState } from 'react';\nimport { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\nimport Carousel from 'react-native-reanimated-carousel';\nimport Svg, { Circle } from 'react-native-svg';\n\nimport { concatTestID } from '../../../utils';\n\nexport enum CarouselImageType {\n  Barcode = 'Barcode',\n  QrCode = 'QrCode',\n  MRZ = 'MRZ',\n  Photo = 'Photo',\n}\n\nexport type CarouselImage = {\n  type: CarouselImageType;\n  element: React.ReactElement;\n};\n\ntype CarouselProps = {\n  carouselSize: { width: number; height: number };\n  imagesToRender: CarouselImage[];\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n};\n\nconst CarouselComponent: FC<CarouselProps> = ({ carouselSize, imagesToRender, style, testID }) => {\n  const [selectedDot, setSelectedDot] = useState(0);\n\n  if (!carouselSize.width || !carouselSize.height) {\n    return null;\n  }\n\n  const numberOfSlides = imagesToRender.length;\n\n  if (!numberOfSlides) {\n    return null;\n  }\n\n  return (\n    <View style={[styles.container, style]}>\n      <Carousel\n        width={carouselSize.width}\n        onSnapToItem={setSelectedDot}\n        height={carouselSize.height}\n        enabled={numberOfSlides >= 2}\n        data={imagesToRender}\n        testID={testID}\n        panGestureHandlerProps={{\n          activeOffsetX: [-10, 10],\n          failOffsetY: [-10, 10],\n        }}\n        renderItem={({ item: { type, element } }) => (\n          <View style={styles.carouselItem}>\n            <View style={[styles[type]]}>{element}</View>\n          </View>\n        )}\n      />\n      {numberOfSlides >= 2 ? (\n        <View style={styles.pageDotContainer}>\n          {imagesToRender.map((_, index) => (\n            <Svg key={index} width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"none\">\n              <Circle\n                testID={concatTestID(testID, 'dot', index.toString())}\n                cx=\"4.5\"\n                cy=\"4\"\n                r=\"4\"\n                fill=\"white\"\n                fillOpacity={selectedDot === index ? 0.8 : 0.2}\n              />\n            </Svg>\n          ))}\n        </View>\n      ) : null}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  // eslint-disable-next-line react-native/no-unused-styles\n  Barcode: { borderRadius: 4, borderWidth: 0, height: '50%', width: '80%' },\n  // eslint-disable-next-line react-native/no-unused-styles\n  MRZ: {\n    height: '50%',\n    width: '100%',\n  },\n  // eslint-disable-next-line react-native/no-unused-styles\n  Photo: {\n    aspectRatio: 1,\n    borderColor: '#FFFFFF',\n    borderRadius: 100,\n    borderWidth: 2,\n    height: '70%',\n    overflow: 'hidden',\n  },\n  // eslint-disable-next-line react-native/no-unused-styles\n  QrCode: { aspectRatio: 1, borderRadius: 4, borderWidth: 0, height: '70%' },\n  carouselItem: {\n    alignItems: 'center',\n    height: '100%',\n    justifyContent: 'center',\n    width: '100%',\n  },\n  container: {\n    flex: 1,\n    position: 'absolute',\n    width: '100%',\n  },\n  pageDotContainer: {\n    bottom: 15,\n    columnGap: 8,\n    flexDirection: 'row',\n    justifyContent: 'center',\n  },\n});\n\nexport default CarouselComponent;\n"],"mappings":"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","ignoreList":[]}

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

@@ -265,6 +265,7 @@ const styles = StyleSheet.create({
   },
   touchableAttribute: {
     borderRadius: 8,
+    borderWidth: 0,
     flex: 1,
     paddingVertical: 11
   }

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","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":[]}
+{"version":3,"names":["React","useCallback","useMemo","Image","StyleSheet","View","colorWithAlphaComponent","concatTestID","TouchableHighlight","TouchableOpacity","Typography","useAppColorScheme","CredentialAttributeItemButton","children","disabled","id","onPress","selected","colorScheme","pressHandler","createElement","style","styles","touchableAttribute","activeOpacity","backgroundColor","background","underlayColor","IMAGE_SIZE","CredentialAttributeItem","attributes","image","last","name","onImagePreview","rightAccessory","nested","listValue","testID","value","values","valueErrorColor","imagePreviewHandler","rightAccessoryView","undefined","isValidElement","RightAccessoryComponent","isObject","length","isArray","attributeItemContainer","attributeItemRow","dataItemButtonChildren","decorator","decoratorCircle","listDecoratorCircle","listImageDecoratorCircle","text","decoratorCircleInner","borderColor","decoratorLine","listDecoratorLine","listStringValueDecoratorLine","listImageDecoratorLine","objectAttributeItem","attributeItem","nestedAttributeItem","color","preset","nestedObjectLabel","dataItemLabel","dataItemImageWrapper","resizeMode","source","dataItemImage","error","numberOfLines","map","attribute","index","_extends","key","arrayValue","objectAccessory","separator","create","flex","paddingLeft","marginTop","flexDirection","alignItems","height","width","borderRadius","borderWidth","overflow","marginBottom","opacity","justifyContent","left","position","top","bottom","marginLeft","paddingVertical","alignSelf","paddingHorizontal","right","marginHorizontal"],"sources":["credential-attribute-item.tsx"],"sourcesContent":["import React, { ComponentType, FC, PropsWithChildren, ReactElement, useCallback, useMemo } from 'react';\nimport { Image, ImageSourcePropType, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { colorWithAlphaComponent } from '../../utils/color';\nimport { concatTestID } from '../../utils/testID';\nimport { TouchableHighlight, TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\ntype CredentialAttributeItemButtonProps = {\n  disabled?: boolean;\n  id: string;\n  onPress?: (id: string, selected: boolean) => void;\n  selected?: boolean;\n};\n\nconst CredentialAttributeItemButton: FC<PropsWithChildren<CredentialAttributeItemButtonProps>> = ({\n  children,\n  disabled,\n  id,\n  onPress,\n  selected,\n}) => {\n  const colorScheme = useAppColorScheme();\n\n  const pressHandler = useCallback(() => {\n    if (!onPress) {\n      return;\n    }\n    onPress(id, !selected);\n  }, [onPress, id, selected]);\n\n  if (!onPress) {\n    return <View style={styles.touchableAttribute}>{children}</View>;\n  }\n\n  if (selected) {\n    return (\n      <TouchableOpacity\n        activeOpacity={0.8}\n        disabled={disabled}\n        onPress={pressHandler}\n        style={[styles.touchableAttribute, { backgroundColor: colorScheme.background }]}>\n        {children}\n      </TouchableOpacity>\n    );\n  }\n\n  return (\n    <TouchableHighlight\n      disabled={disabled}\n      onPress={pressHandler}\n      underlayColor={colorWithAlphaComponent(colorScheme.background, 0.5)}\n      style={styles.touchableAttribute}>\n      {children}\n    </TouchableHighlight>\n  );\n};\n\nconst IMAGE_SIZE = 64;\n\nexport type CredentialAttributeValue =\n  | {\n      attributes: CredentialAttribute[];\n      image?: never;\n      value?: never;\n      values?: never;\n      valueErrorColor?: never;\n      testID?: string;\n    }\n  | {\n      attributes?: never;\n      image: ImageSourcePropType;\n      value?: never;\n      values?: never;\n      valueErrorColor?: never;\n      testID?: string;\n    }\n  | {\n      attributes?: never;\n      image?: never;\n      value: string;\n      values?: never;\n      valueErrorColor?: boolean;\n      testID?: string;\n    }\n  | {\n      attributes?: never;\n      image?: never;\n      value?: never;\n      values: CredentialAttribute[];\n      valueErrorColor?: boolean;\n      testID?: string;\n    };\n\nexport type CredentialAttribute = CredentialAttributeValue & {\n  disabled?: boolean;\n  selected?: boolean;\n  nested?: boolean;\n  listValue?: boolean;\n  id: string;\n  name?: string;\n  path: string;\n  rightAccessory?: ComponentType<any> | ReactElement;\n};\n\nexport type CredentialAttributeItemProps = CredentialAttribute & {\n  last: boolean | undefined;\n  onImagePreview?: (name: string, image: ImageSourcePropType) => void;\n  onPress?: (id: string, selected: boolean) => void;\n  style?: StyleProp<ViewStyle>;\n};\n\nconst CredentialAttributeItem: FC<CredentialAttributeItemProps> = ({\n  attributes,\n  disabled,\n  id,\n  image,\n  last,\n  name,\n  onImagePreview,\n  onPress,\n  rightAccessory,\n  nested = false,\n  listValue = false,\n  selected,\n  style,\n  testID,\n  value,\n  values,\n  valueErrorColor,\n}) => {\n  const colorScheme = useAppColorScheme();\n\n  const imagePreviewHandler = useCallback(() => {\n    if (!onImagePreview || !image) {\n      return;\n    }\n    onImagePreview(name ?? '', image);\n  }, [image, name, onImagePreview]);\n\n  const rightAccessoryView: React.ReactElement | undefined = useMemo(() => {\n    if (!rightAccessory) {\n      return undefined;\n    }\n    if (React.isValidElement(rightAccessory)) {\n      return rightAccessory;\n    } else {\n      const RightAccessoryComponent = rightAccessory as React.ComponentType<any>;\n      return <RightAccessoryComponent />;\n    }\n  }, [rightAccessory]);\n\n  const isObject = attributes && attributes.length > 0;\n  const isArray = values && values.length > 0;\n\n  return (\n    <View style={[!nested && styles.attributeItemContainer, style]} testID={testID}>\n      <View style={styles.attributeItemRow}>\n        <CredentialAttributeItemButton disabled={disabled} id={id} onPress={onPress} selected={selected}>\n          <View style={[styles.dataItemButtonChildren]}>\n            {(isObject || isArray || listValue) && (\n              <View style={styles.decorator}>\n                <View\n                  style={[\n                    styles.decoratorCircle,\n                    listValue ? styles.listDecoratorCircle : undefined,\n                    listValue && image ? styles.listImageDecoratorCircle : undefined,\n                    { backgroundColor: colorScheme.text },\n                  ]}>\n                  <View\n                    style={[\n                      styles.decoratorCircleInner,\n                      { backgroundColor: colorScheme.text, borderColor: colorScheme.background },\n                    ]}\n                  />\n                </View>\n                <View\n                  style={[\n                    styles.decoratorLine,\n                    listValue ? styles.listDecoratorLine : undefined,\n                    listValue && value ? styles.listStringValueDecoratorLine : undefined,\n                    listValue && image ? styles.listImageDecoratorLine : undefined,\n                    { backgroundColor: colorScheme.text },\n                  ]}\n                />\n              </View>\n            )}\n            <View\n              style={[\n                isObject || isArray || listValue ? styles.objectAttributeItem : styles.attributeItem,\n                nested && styles.nestedAttributeItem,\n              ]}>\n              {name && (\n                <Typography\n                  color={colorScheme.text}\n                  preset={image ? 'xs' : 'xs/line-height-small'}\n                  style={isObject || isArray ? styles.nestedObjectLabel : styles.dataItemLabel}\n                  testID={concatTestID(testID, 'title')}>\n                  {name}\n                </Typography>\n              )}\n              {image && (\n                <TouchableOpacity\n                  disabled={!onImagePreview}\n                  onPress={imagePreviewHandler}\n                  style={[styles.dataItemImageWrapper, listValue ? styles.listValue : undefined]}>\n                  <Image\n                    resizeMode=\"cover\"\n                    testID={concatTestID(testID, 'image')}\n                    source={image}\n                    style={styles.dataItemImage}\n                  />\n                </TouchableOpacity>\n              )}\n              {value && (\n                <Typography\n                  color={valueErrorColor ? colorScheme.error : colorScheme.text}\n                  numberOfLines={10}\n                  preset=\"s\"\n                  style={listValue ? styles.listValue : undefined}\n                  testID={concatTestID(testID, 'value')}>\n                  {value}\n                </Typography>\n              )}\n              {isObject &&\n                attributes.map((attribute, index, { length }) => (\n                  <CredentialAttributeItem\n                    nested={true}\n                    key={attribute.id}\n                    onPress={onPress}\n                    last={index === length - 1}\n                    onImagePreview={onImagePreview}\n                    {...attribute}\n                  />\n                ))}\n              {isArray &&\n                values.map((arrayValue, index, { length }) => (\n                  <CredentialAttributeItem\n                    key={arrayValue.id}\n                    onPress={onPress}\n                    last={index === length - 1}\n                    onImagePreview={onImagePreview}\n                    listValue={true}\n                    {...arrayValue}\n                    name={undefined}\n                  />\n                ))}\n              <View />\n            </View>\n            {rightAccessoryView && (\n              <View style={[styles.rightAccessory, isObject && styles.objectAccessory]}>{rightAccessoryView}</View>\n            )}\n          </View>\n        </CredentialAttributeItemButton>\n      </View>\n      {!last && !nested && <View style={[styles.separator, { backgroundColor: colorScheme.background }]} />}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  attributeItem: {\n    flex: 1,\n    paddingLeft: 8,\n  },\n  attributeItemContainer: {\n    marginTop: 2,\n  },\n  attributeItemRow: {\n    flexDirection: 'row',\n  },\n  dataItemButtonChildren: {\n    alignItems: 'center',\n    flexDirection: 'row',\n  },\n  dataItemImage: {\n    height: IMAGE_SIZE,\n    width: IMAGE_SIZE,\n  },\n  dataItemImageWrapper: {\n    borderColor: '#0004',\n    borderRadius: 4,\n    borderWidth: 0.5,\n    height: IMAGE_SIZE,\n    marginTop: 4,\n    overflow: 'hidden',\n    width: IMAGE_SIZE,\n  },\n  dataItemLabel: {\n    marginBottom: 4,\n    opacity: 0.7,\n  },\n  decorator: {\n    height: '100%',\n    justifyContent: 'center',\n    left: 8,\n    position: 'absolute',\n  },\n  decoratorCircle: {\n    alignItems: 'center',\n    borderRadius: 3.5,\n    borderWidth: 1,\n    height: 7,\n    justifyContent: 'center',\n    position: 'absolute',\n    top: 6,\n    width: 7,\n  },\n  decoratorCircleInner: {\n    borderRadius: 2,\n    borderWidth: 1,\n    height: 4,\n    width: 4,\n  },\n  decoratorLine: {\n    bottom: 12,\n    left: 3,\n    position: 'absolute',\n    top: 13,\n    width: 1,\n  },\n  listDecoratorCircle: {\n    top: 18,\n  },\n  listDecoratorLine: {\n    top: 25,\n  },\n  listImageDecoratorCircle: {\n    top: 32,\n  },\n  listImageDecoratorLine: {\n    bottom: 40,\n    top: 39,\n  },\n  listStringValueDecoratorLine: {\n    bottom: 24,\n  },\n  listValue: {\n    marginLeft: 13,\n    paddingVertical: 10,\n  },\n  nestedAttributeItem: {\n    paddingLeft: 12,\n  },\n  nestedObjectLabel: {\n    opacity: 0.7,\n    paddingLeft: 13,\n  },\n  objectAccessory: {\n    alignSelf: 'flex-start',\n  },\n  objectAttributeItem: {\n    alignItems: 'stretch',\n    flex: 1,\n    paddingLeft: 12,\n  },\n  rightAccessory: {\n    paddingHorizontal: 8,\n    position: 'absolute',\n    right: 0,\n  },\n  separator: {\n    height: 1,\n    marginHorizontal: 8,\n    marginTop: -1,\n  },\n  touchableAttribute: {\n    borderRadius: 8,\n    borderWidth: 0,\n    flex: 1,\n    paddingVertical: 11,\n  },\n});\n\nexport default CredentialAttributeItem;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAwDC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACvG,SAASC,KAAK,EAAkCC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAEjG,SAASC,uBAAuB,QAAQ,mBAAmB;AAC3D,SAASC,YAAY,QAAQ,oBAAoB;AACjD,SAASC,kBAAkB,EAAEC,gBAAgB,QAAQ,+CAA+C;AACpG,OAAOC,UAAU,MAAM,oBAAoB;AAC3C,SAASC,iBAAiB,QAAQ,+BAA+B;AASjE,MAAMC,6BAAwF,GAAGA,CAAC;EAChGC,QAAQ;EACRC,QAAQ;EACRC,EAAE;EACFC,OAAO;EACPC;AACF,CAAC,KAAK;EACJ,MAAMC,WAAW,GAAGP,iBAAiB,CAAC,CAAC;EAEvC,MAAMQ,YAAY,GAAGlB,WAAW,CAAC,MAAM;IACrC,IAAI,CAACe,OAAO,EAAE;MACZ;IACF;IACAA,OAAO,CAACD,EAAE,EAAE,CAACE,QAAQ,CAAC;EACxB,CAAC,EAAE,CAACD,OAAO,EAAED,EAAE,EAAEE,QAAQ,CAAC,CAAC;EAE3B,IAAI,CAACD,OAAO,EAAE;IACZ,oBAAOhB,KAAA,CAAAoB,aAAA,CAACf,IAAI;MAACgB,KAAK,EAAEC,MAAM,CAACC;IAAmB,GAAEV,QAAe,CAAC;EAClE;EAEA,IAAII,QAAQ,EAAE;IACZ,oBACEjB,KAAA,CAAAoB,aAAA,CAACX,gBAAgB;MACfe,aAAa,EAAE,GAAI;MACnBV,QAAQ,EAAEA,QAAS;MACnBE,OAAO,EAAEG,YAAa;MACtBE,KAAK,EAAE,CAACC,MAAM,CAACC,kBAAkB,EAAE;QAAEE,eAAe,EAAEP,WAAW,CAACQ;MAAW,CAAC;IAAE,GAC/Eb,QACe,CAAC;EAEvB;EAEA,oBACEb,KAAA,CAAAoB,aAAA,CAACZ,kBAAkB;IACjBM,QAAQ,EAAEA,QAAS;IACnBE,OAAO,EAAEG,YAAa;IACtBQ,aAAa,EAAErB,uBAAuB,CAACY,WAAW,CAACQ,UAAU,EAAE,GAAG,CAAE;IACpEL,KAAK,EAAEC,MAAM,CAACC;EAAmB,GAChCV,QACiB,CAAC;AAEzB,CAAC;AAED,MAAMe,UAAU,GAAG,EAAE;AAsDrB,MAAMC,uBAAyD,GAAGA,CAAC;EACjEC,UAAU;EACVhB,QAAQ;EACRC,EAAE;EACFgB,KAAK;EACLC,IAAI;EACJC,IAAI;EACJC,cAAc;EACdlB,OAAO;EACPmB,cAAc;EACdC,MAAM,GAAG,KAAK;EACdC,SAAS,GAAG,KAAK;EACjBpB,QAAQ;EACRI,KAAK;EACLiB,MAAM;EACNC,KAAK;EACLC,MAAM;EACNC;AACF,CAAC,KAAK;EACJ,MAAMvB,WAAW,GAAGP,iBAAiB,CAAC,CAAC;EAEvC,MAAM+B,mBAAmB,GAAGzC,WAAW,CAAC,MAAM;IAC5C,IAAI,CAACiC,cAAc,IAAI,CAACH,KAAK,EAAE;MAC7B;IACF;IACAG,cAAc,CAACD,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAI,EAAE,EAAEF,KAAK,CAAC;EACnC,CAAC,EAAE,CAACA,KAAK,EAAEE,IAAI,EAAEC,cAAc,CAAC,CAAC;EAEjC,MAAMS,kBAAkD,GAAGzC,OAAO,CAAC,MAAM;IACvE,IAAI,CAACiC,cAAc,EAAE;MACnB,OAAOS,SAAS;IAClB;IACA,iBAAI5C,KAAK,CAAC6C,cAAc,CAACV,cAAc,CAAC,EAAE;MACxC,OAAOA,cAAc;IACvB,CAAC,MAAM;MACL,MAAMW,uBAAuB,GAAGX,cAA0C;MAC1E,oBAAOnC,KAAA,CAAAoB,aAAA,CAAC0B,uBAAuB,MAAE,CAAC;IACpC;EACF,CAAC,EAAE,CAACX,cAAc,CAAC,CAAC;EAEpB,MAAMY,QAAQ,GAAGjB,UAAU,IAAIA,UAAU,CAACkB,MAAM,GAAG,CAAC;EACpD,MAAMC,OAAO,GAAGT,MAAM,IAAIA,MAAM,CAACQ,MAAM,GAAG,CAAC;EAE3C,oBACEhD,KAAA,CAAAoB,aAAA,CAACf,IAAI;IAACgB,KAAK,EAAE,CAAC,CAACe,MAAM,IAAId,MAAM,CAAC4B,sBAAsB,EAAE7B,KAAK,CAAE;IAACiB,MAAM,EAAEA;EAAO,gBAC7EtC,KAAA,CAAAoB,aAAA,CAACf,IAAI;IAACgB,KAAK,EAAEC,MAAM,CAAC6B;EAAiB,gBACnCnD,KAAA,CAAAoB,aAAA,CAACR,6BAA6B;IAACE,QAAQ,EAAEA,QAAS;IAACC,EAAE,EAAEA,EAAG;IAACC,OAAO,EAAEA,OAAQ;IAACC,QAAQ,EAAEA;EAAS,gBAC9FjB,KAAA,CAAAoB,aAAA,CAACf,IAAI;IAACgB,KAAK,EAAE,CAACC,MAAM,CAAC8B,sBAAsB;EAAE,GAC1C,CAACL,QAAQ,IAAIE,OAAO,IAAIZ,SAAS,kBAChCrC,KAAA,CAAAoB,aAAA,CAACf,IAAI;IAACgB,KAAK,EAAEC,MAAM,CAAC+B;EAAU,gBAC5BrD,KAAA,CAAAoB,aAAA,CAACf,IAAI;IACHgB,KAAK,EAAE,CACLC,MAAM,CAACgC,eAAe,EACtBjB,SAAS,GAAGf,MAAM,CAACiC,mBAAmB,GAAGX,SAAS,EAClDP,SAAS,IAAIN,KAAK,GAAGT,MAAM,CAACkC,wBAAwB,GAAGZ,SAAS,EAChE;MAAEnB,eAAe,EAAEP,WAAW,CAACuC;IAAK,CAAC;EACrC,gBACFzD,KAAA,CAAAoB,aAAA,CAACf,IAAI;IACHgB,KAAK,EAAE,CACLC,MAAM,CAACoC,oBAAoB,EAC3B;MAAEjC,eAAe,EAAEP,WAAW,CAACuC,IAAI;MAAEE,WAAW,EAAEzC,WAAW,CAACQ;IAAW,CAAC;EAC1E,CACH,CACG,CAAC,eACP1B,KAAA,CAAAoB,aAAA,CAACf,IAAI;IACHgB,KAAK,EAAE,CACLC,MAAM,CAACsC,aAAa,EACpBvB,SAAS,GAAGf,MAAM,CAACuC,iBAAiB,GAAGjB,SAAS,EAChDP,SAAS,IAAIE,KAAK,GAAGjB,MAAM,CAACwC,4BAA4B,GAAGlB,SAAS,EACpEP,SAAS,IAAIN,KAAK,GAAGT,MAAM,CAACyC,sBAAsB,GAAGnB,SAAS,EAC9D;MAAEnB,eAAe,EAAEP,WAAW,CAACuC;IAAK,CAAC;EACrC,CACH,CACG,CACP,eACDzD,KAAA,CAAAoB,aAAA,CAACf,IAAI;IACHgB,KAAK,EAAE,CACL0B,QAAQ,IAAIE,OAAO,IAAIZ,SAAS,GAAGf,MAAM,CAAC0C,mBAAmB,GAAG1C,MAAM,CAAC2C,aAAa,EACpF7B,MAAM,IAAId,MAAM,CAAC4C,mBAAmB;EACpC,GACDjC,IAAI,iBACHjC,KAAA,CAAAoB,aAAA,CAACV,UAAU;IACTyD,KAAK,EAAEjD,WAAW,CAACuC,IAAK;IACxBW,MAAM,EAAErC,KAAK,GAAG,IAAI,GAAG,sBAAuB;IAC9CV,KAAK,EAAE0B,QAAQ,IAAIE,OAAO,GAAG3B,MAAM,CAAC+C,iBAAiB,GAAG/C,MAAM,CAACgD,aAAc;IAC7EhC,MAAM,EAAE/B,YAAY,CAAC+B,MAAM,EAAE,OAAO;EAAE,GACrCL,IACS,CACb,EACAF,KAAK,iBACJ/B,KAAA,CAAAoB,aAAA,CAACX,gBAAgB;IACfK,QAAQ,EAAE,CAACoB,cAAe;IAC1BlB,OAAO,EAAE0B,mBAAoB;IAC7BrB,KAAK,EAAE,CAACC,MAAM,CAACiD,oBAAoB,EAAElC,SAAS,GAAGf,MAAM,CAACe,SAAS,GAAGO,SAAS;EAAE,gBAC/E5C,KAAA,CAAAoB,aAAA,CAACjB,KAAK;IACJqE,UAAU,EAAC,OAAO;IAClBlC,MAAM,EAAE/B,YAAY,CAAC+B,MAAM,EAAE,OAAO,CAAE;IACtCmC,MAAM,EAAE1C,KAAM;IACdV,KAAK,EAAEC,MAAM,CAACoD;EAAc,CAC7B,CACe,CACnB,EACAnC,KAAK,iBACJvC,KAAA,CAAAoB,aAAA,CAACV,UAAU;IACTyD,KAAK,EAAE1B,eAAe,GAAGvB,WAAW,CAACyD,KAAK,GAAGzD,WAAW,CAACuC,IAAK;IAC9DmB,aAAa,EAAE,EAAG;IAClBR,MAAM,EAAC,GAAG;IACV/C,KAAK,EAAEgB,SAAS,GAAGf,MAAM,CAACe,SAAS,GAAGO,SAAU;IAChDN,MAAM,EAAE/B,YAAY,CAAC+B,MAAM,EAAE,OAAO;EAAE,GACrCC,KACS,CACb,EACAQ,QAAQ,IACPjB,UAAU,CAAC+C,GAAG,CAAC,CAACC,SAAS,EAAEC,KAAK,EAAE;IAAE/B;EAAO,CAAC,kBAC1ChD,KAAA,CAAAoB,aAAA,CAACS,uBAAuB,EAAAmD,QAAA;IACtB5C,MAAM,EAAE,IAAK;IACb6C,GAAG,EAAEH,SAAS,CAAC/D,EAAG;IAClBC,OAAO,EAAEA,OAAQ;IACjBgB,IAAI,EAAE+C,KAAK,KAAK/B,MAAM,GAAG,CAAE;IAC3Bd,cAAc,EAAEA;EAAe,GAC3B4C,SAAS,CACd,CACF,CAAC,EACH7B,OAAO,IACNT,MAAM,CAACqC,GAAG,CAAC,CAACK,UAAU,EAAEH,KAAK,EAAE;IAAE/B;EAAO,CAAC,kBACvChD,KAAA,CAAAoB,aAAA,CAACS,uBAAuB,EAAAmD,QAAA;IACtBC,GAAG,EAAEC,UAAU,CAACnE,EAAG;IACnBC,OAAO,EAAEA,OAAQ;IACjBgB,IAAI,EAAE+C,KAAK,KAAK/B,MAAM,GAAG,CAAE;IAC3Bd,cAAc,EAAEA,cAAe;IAC/BG,SAAS,EAAE;EAAK,GACZ6C,UAAU;IACdjD,IAAI,EAAEW;EAAU,EACjB,CACF,CAAC,eACJ5C,KAAA,CAAAoB,aAAA,CAACf,IAAI,MAAE,CACH,CAAC,EACNsC,kBAAkB,iBACjB3C,KAAA,CAAAoB,aAAA,CAACf,IAAI;IAACgB,KAAK,EAAE,CAACC,MAAM,CAACa,cAAc,EAAEY,QAAQ,IAAIzB,MAAM,CAAC6D,eAAe;EAAE,GAAExC,kBAAyB,CAElG,CACuB,CAC3B,CAAC,EACN,CAACX,IAAI,IAAI,CAACI,MAAM,iBAAIpC,KAAA,CAAAoB,aAAA,CAACf,IAAI;IAACgB,KAAK,EAAE,CAACC,MAAM,CAAC8D,SAAS,EAAE;MAAE3D,eAAe,EAAEP,WAAW,CAACQ;IAAW,CAAC;EAAE,CAAE,CAChG,CAAC;AAEX,CAAC;AAED,MAAMJ,MAAM,GAAGlB,UAAU,CAACiF,MAAM,CAAC;EAC/BpB,aAAa,EAAE;IACbqB,IAAI,EAAE,CAAC;IACPC,WAAW,EAAE;EACf,CAAC;EACDrC,sBAAsB,EAAE;IACtBsC,SAAS,EAAE;EACb,CAAC;EACDrC,gBAAgB,EAAE;IAChBsC,aAAa,EAAE;EACjB,CAAC;EACDrC,sBAAsB,EAAE;IACtBsC,UAAU,EAAE,QAAQ;IACpBD,aAAa,EAAE;EACjB,CAAC;EACDf,aAAa,EAAE;IACbiB,MAAM,EAAE/D,UAAU;IAClBgE,KAAK,EAAEhE;EACT,CAAC;EACD2C,oBAAoB,EAAE;IACpBZ,WAAW,EAAE,OAAO;IACpBkC,YAAY,EAAE,CAAC;IACfC,WAAW,EAAE,GAAG;IAChBH,MAAM,EAAE/D,UAAU;IAClB4D,SAAS,EAAE,CAAC;IACZO,QAAQ,EAAE,QAAQ;IAClBH,KAAK,EAAEhE;EACT,CAAC;EACD0C,aAAa,EAAE;IACb0B,YAAY,EAAE,CAAC;IACfC,OAAO,EAAE;EACX,CAAC;EACD5C,SAAS,EAAE;IACTsC,MAAM,EAAE,MAAM;IACdO,cAAc,EAAE,QAAQ;IACxBC,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE;EACZ,CAAC;EACD9C,eAAe,EAAE;IACfoC,UAAU,EAAE,QAAQ;IACpBG,YAAY,EAAE,GAAG;IACjBC,WAAW,EAAE,CAAC;IACdH,MAAM,EAAE,CAAC;IACTO,cAAc,EAAE,QAAQ;IACxBE,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNT,KAAK,EAAE;EACT,CAAC;EACDlC,oBAAoB,EAAE;IACpBmC,YAAY,EAAE,CAAC;IACfC,WAAW,EAAE,CAAC;IACdH,MAAM,EAAE,CAAC;IACTC,KAAK,EAAE;EACT,CAAC;EACDhC,aAAa,EAAE;IACb0C,MAAM,EAAE,EAAE;IACVH,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,EAAE;IACPT,KAAK,EAAE;EACT,CAAC;EACDrC,mBAAmB,EAAE;IACnB8C,GAAG,EAAE;EACP,CAAC;EACDxC,iBAAiB,EAAE;IACjBwC,GAAG,EAAE;EACP,CAAC;EACD7C,wBAAwB,EAAE;IACxB6C,GAAG,EAAE;EACP,CAAC;EACDtC,sBAAsB,EAAE;IACtBuC,MAAM,EAAE,EAAE;IACVD,GAAG,EAAE;EACP,CAAC;EACDvC,4BAA4B,EAAE;IAC5BwC,MAAM,EAAE;EACV,CAAC;EACDjE,SAAS,EAAE;IACTkE,UAAU,EAAE,EAAE;IACdC,eAAe,EAAE;EACnB,CAAC;EACDtC,mBAAmB,EAAE;IACnBqB,WAAW,EAAE;EACf,CAAC;EACDlB,iBAAiB,EAAE;IACjB4B,OAAO,EAAE,GAAG;IACZV,WAAW,EAAE;EACf,CAAC;EACDJ,eAAe,EAAE;IACfsB,SAAS,EAAE;EACb,CAAC;EACDzC,mBAAmB,EAAE;IACnB0B,UAAU,EAAE,SAAS;IACrBJ,IAAI,EAAE,CAAC;IACPC,WAAW,EAAE;EACf,CAAC;EACDpD,cAAc,EAAE;IACduE,iBAAiB,EAAE,CAAC;IACpBN,QAAQ,EAAE,UAAU;IACpBO,KAAK,EAAE;EACT,CAAC;EACDvB,SAAS,EAAE;IACTO,MAAM,EAAE,CAAC;IACTiB,gBAAgB,EAAE,CAAC;IACnBpB,SAAS,EAAE,CAAC;EACd,CAAC;EACDjE,kBAAkB,EAAE;IAClBsE,YAAY,EAAE,CAAC;IACfC,WAAW,EAAE,CAAC;IACdR,IAAI,EAAE,CAAC;IACPkB,eAAe,EAAE;EACnB;AACF,CAAC,CAAC;AAEF,eAAe3E,uBAAuB","ignoreList":[]}

package/lib/module/ui-components/credential/credential-carousel-images.js

@@ -9,7 +9,8 @@ const styles = StyleSheet.create({
   barcodeBackground: {
     alignSelf: 'center',
     backgroundColor: 'white',
-    borderRadius: 5
+    borderRadius: 5,
+    borderWidth: 0
   },
   barcodeContent: {
     margin: 12

package/lib/module/ui-components/credential/credential-carousel-images.js.map

@@ -1 +1 @@
-{"version":3,"names":["barcode","QRCode","React","useMemo","StyleSheet","View","SvgXml","Typography","useAppColorScheme","styles","create","barcodeBackground","alignSelf","backgroundColor","borderRadius","barcodeContent","margin","container","flex","justifyContent","mrzBackground","paddingHorizontal","Barcode","content","width","height","testID","colorScheme","barcodeXml","barHeight","bgColor","white","createElement","style","xml","QrCode","padding","onError","qrCodeXml","ecl","join","svg","err","Error","message","Mrz","color","text","preset"],"sources":["credential-carousel-images.tsx"],"sourcesContent":["import { barcode } from 'pure-svg-code';\nimport QRCode from 'qrcode-svg';\nimport React, { FC, useMemo } from 'react';\nimport { StyleSheet, View } from 'react-native';\nimport { SvgXml } from 'react-native-svg';\n\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nconst styles = StyleSheet.create({\n  barcodeBackground: {\n    alignSelf: 'center',\n    backgroundColor: 'white',\n    borderRadius: 5,\n  },\n  barcodeContent: {\n    margin: 12,\n  },\n  container: {\n    flex: 1,\n    justifyContent: 'center',\n  },\n  mrzBackground: {\n    backgroundColor: 'white',\n    paddingHorizontal: 12,\n  },\n});\n\ntype BarcodeProps = {\n  content: string;\n  height?: number;\n  testID?: string;\n  width?: number;\n};\n\nexport const Barcode: FC<BarcodeProps> = ({ content, width = 220, height = 80, testID }) => {\n  const colorScheme = useAppColorScheme();\n  const barcodeXml = useMemo(\n    () =>\n      barcode(content, 'code128', {\n        barHeight: height,\n        bgColor: colorScheme.white,\n        width: width,\n      }),\n    [content, colorScheme, height, width],\n  );\n\n  return (\n    <View style={styles.container}>\n      <View style={styles.barcodeBackground}>\n        <SvgXml\n          height={height}\n          style={[styles.barcodeBackground, styles.barcodeContent]}\n          testID={testID}\n          width={width}\n          xml={barcodeXml}\n        />\n      </View>\n    </View>\n  );\n};\n\ntype QrCodeProps = {\n  content: string;\n  padding?: number;\n  testID?: string;\n  onError?: (err: string) => void;\n};\n\nexport const QrCode: FC<QrCodeProps> = ({ content, padding, testID, onError }) => {\n  const qrCodeXml = useMemo(() => {\n    try {\n      return new QRCode({\n        container: 'svg-viewbox',\n        content,\n        ecl: 'L',\n        join: true,\n        padding: padding ?? 1,\n      }).svg();\n    } catch (err) {\n      onError && onError(err instanceof Error ? err.message : 'Unknown error occurred.');\n      return null;\n    }\n  }, [content, onError, padding]);\n  return <SvgXml height={'100%'} testID={testID} width={'100%'} xml={qrCodeXml} />;\n};\n\nexport const Mrz: FC<{ content: string; testID?: string }> = ({ content, testID }) => {\n  const colorScheme = useAppColorScheme();\n  return (\n    <View style={[styles.container, styles.mrzBackground]}>\n      <Typography color={colorScheme.text} preset={'s/code'} testID={testID}>\n        {content}\n      </Typography>\n    </View>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["barcode","QRCode","React","useMemo","StyleSheet","View","SvgXml","Typography","useAppColorScheme","styles","create","barcodeBackground","alignSelf","backgroundColor","borderRadius","borderWidth","barcodeContent","margin","container","flex","justifyContent","mrzBackground","paddingHorizontal","Barcode","content","width","height","testID","colorScheme","barcodeXml","barHeight","bgColor","white","createElement","style","xml","QrCode","padding","onError","qrCodeXml","ecl","join","svg","err","Error","message","Mrz","color","text","preset"],"sources":["credential-carousel-images.tsx"],"sourcesContent":["import { barcode } from 'pure-svg-code';\nimport QRCode from 'qrcode-svg';\nimport React, { FC, useMemo } from 'react';\nimport { StyleSheet, View } from 'react-native';\nimport { SvgXml } from 'react-native-svg';\n\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nconst styles = StyleSheet.create({\n  barcodeBackground: {\n    alignSelf: 'center',\n    backgroundColor: 'white',\n    borderRadius: 5,\n    borderWidth: 0,\n  },\n  barcodeContent: {\n    margin: 12,\n  },\n  container: {\n    flex: 1,\n    justifyContent: 'center',\n  },\n  mrzBackground: {\n    backgroundColor: 'white',\n    paddingHorizontal: 12,\n  },\n});\n\ntype BarcodeProps = {\n  content: string;\n  height?: number;\n  testID?: string;\n  width?: number;\n};\n\nexport const Barcode: FC<BarcodeProps> = ({ content, width = 220, height = 80, testID }) => {\n  const colorScheme = useAppColorScheme();\n  const barcodeXml = useMemo(\n    () =>\n      barcode(content, 'code128', {\n        barHeight: height,\n        bgColor: colorScheme.white,\n        width: width,\n      }),\n    [content, colorScheme, height, width],\n  );\n\n  return (\n    <View style={styles.container}>\n      <View style={styles.barcodeBackground}>\n        <SvgXml\n          height={height}\n          style={[styles.barcodeBackground, styles.barcodeContent]}\n          testID={testID}\n          width={width}\n          xml={barcodeXml}\n        />\n      </View>\n    </View>\n  );\n};\n\ntype QrCodeProps = {\n  content: string;\n  padding?: number;\n  testID?: string;\n  onError?: (err: string) => void;\n};\n\nexport const QrCode: FC<QrCodeProps> = ({ content, padding, testID, onError }) => {\n  const qrCodeXml = useMemo(() => {\n    try {\n      return new QRCode({\n        container: 'svg-viewbox',\n        content,\n        ecl: 'L',\n        join: true,\n        padding: padding ?? 1,\n      }).svg();\n    } catch (err) {\n      onError && onError(err instanceof Error ? err.message : 'Unknown error occurred.');\n      return null;\n    }\n  }, [content, onError, padding]);\n  return <SvgXml height={'100%'} testID={testID} width={'100%'} xml={qrCodeXml} />;\n};\n\nexport const Mrz: FC<{ content: string; testID?: string }> = ({ content, testID }) => {\n  const colorScheme = useAppColorScheme();\n  return (\n    <View style={[styles.container, styles.mrzBackground]}>\n      <Typography color={colorScheme.text} preset={'s/code'} testID={testID}>\n        {content}\n      </Typography>\n    </View>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -60,6 +60,7 @@ const styles = StyleSheet.create({
   wrapper: {
     alignItems: 'center',
     borderRadius: 12,
+    borderWidth: 0,
     height: 24,
     justifyContent: 'center',
     width: 24

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

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","StyleSheet","View","concatTestID","SelectorIcon","useAppColorScheme","SelectorStatus","Selector","status","style","testID","colorScheme","statusStyle","Empty","styles","bordered","backgroundColor","white","borderColor","grayDark","SelectedRadio","selectedRadio","accent","SelectedCheckmark","Disabled","background","undefined","checked","Required","rejected","Rejected","createElement","wrapper","create","borderWidth","alignItems","borderRadius","height","justifyContent","width"],"sources":["selector.tsx"],"sourcesContent":["import React, { FC, useMemo } from 'react';\nimport { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { concatTestID } from '../../utils/testID';\nimport { SelectorIcon } from '../icons/selector';\nimport { useAppColorScheme } from '../theme';\nimport { SelectorStatus } from './selector-status';\n\ninterface SelectorProps {\n  status: SelectorStatus;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n}\n\n/**\n * Generic selector display\n *\n * Following the design: https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=433-28352&mode=design&t=91K8am4RSNRB8qgZ-0\n */\nconst Selector: FC<SelectorProps> = ({ status, style, testID }) => {\n  const colorScheme = useAppColorScheme();\n\n  const statusStyle = useMemo<StyleProp<ViewStyle>>(() => {\n    switch (status) {\n      case SelectorStatus.Empty:\n        return [styles.bordered, { backgroundColor: colorScheme.white, borderColor: colorScheme.grayDark }];\n      case SelectorStatus.SelectedRadio:\n        return [styles.selectedRadio, { backgroundColor: colorScheme.white, borderColor: colorScheme.accent }];\n      case SelectorStatus.SelectedCheckmark:\n        return { backgroundColor: colorScheme.accent };\n      case SelectorStatus.Disabled:\n        return [styles.bordered, { backgroundColor: colorScheme.background, borderColor: colorScheme.grayDark }];\n      default:\n        return undefined;\n    }\n  }, [colorScheme, status]);\n\n  const checked = status === SelectorStatus.SelectedCheckmark || status === SelectorStatus.Required;\n  const rejected = status === SelectorStatus.Rejected;\n\n  return (\n    <View testID={testID} style={[styles.wrapper, statusStyle, style]}>\n      {(checked || rejected) && <SelectorIcon testID={concatTestID(testID, 'status', status)} status={status} />}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  bordered: {\n    borderWidth: 1,\n  },\n  selectedRadio: {\n    borderWidth: 8,\n  },\n  wrapper: {\n    alignItems: 'center',\n    borderRadius: 12,\n    height: 24,\n    justifyContent: 'center',\n    width: 24,\n  },\n});\n\nexport default Selector;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAQC,OAAO,QAAQ,OAAO;AAC1C,SAAoBC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAErE,SAASC,YAAY,QAAQ,oBAAoB;AACjD,SAASC,YAAY,QAAQ,mBAAmB;AAChD,SAASC,iBAAiB,QAAQ,UAAU;AAC5C,SAASC,cAAc,QAAQ,mBAAmB;AAQlD;AACA;AACA;AACA;AACA;AACA,MAAMC,QAA2B,GAAGA,CAAC;EAAEC,MAAM;EAAEC,KAAK;EAAEC;AAAO,CAAC,KAAK;EACjE,MAAMC,WAAW,GAAGN,iBAAiB,CAAC,CAAC;EAEvC,MAAMO,WAAW,GAAGZ,OAAO,CAAuB,MAAM;IACtD,QAAQQ,MAAM;MACZ,KAAKF,cAAc,CAACO,KAAK;QACvB,OAAO,CAACC,MAAM,CAACC,QAAQ,EAAE;UAAEC,eAAe,EAAEL,WAAW,CAACM,KAAK;UAAEC,WAAW,EAAEP,WAAW,CAACQ;QAAS,CAAC,CAAC;MACrG,KAAKb,cAAc,CAACc,aAAa;QAC/B,OAAO,CAACN,MAAM,CAACO,aAAa,EAAE;UAAEL,eAAe,EAAEL,WAAW,CAACM,KAAK;UAAEC,WAAW,EAAEP,WAAW,CAACW;QAAO,CAAC,CAAC;MACxG,KAAKhB,cAAc,CAACiB,iBAAiB;QACnC,OAAO;UAAEP,eAAe,EAAEL,WAAW,CAACW;QAAO,CAAC;MAChD,KAAKhB,cAAc,CAACkB,QAAQ;QAC1B,OAAO,CAACV,MAAM,CAACC,QAAQ,EAAE;UAAEC,eAAe,EAAEL,WAAW,CAACc,UAAU;UAAEP,WAAW,EAAEP,WAAW,CAACQ;QAAS,CAAC,CAAC;MAC1G;QACE,OAAOO,SAAS;IACpB;EACF,CAAC,EAAE,CAACf,WAAW,EAAEH,MAAM,CAAC,CAAC;EAEzB,MAAMmB,OAAO,GAAGnB,MAAM,KAAKF,cAAc,CAACiB,iBAAiB,IAAIf,MAAM,KAAKF,cAAc,CAACsB,QAAQ;EACjG,MAAMC,QAAQ,GAAGrB,MAAM,KAAKF,cAAc,CAACwB,QAAQ;EAEnD,oBACE/B,KAAA,CAAAgC,aAAA,CAAC7B,IAAI;IAACQ,MAAM,EAAEA,MAAO;IAACD,KAAK,EAAE,CAACK,MAAM,CAACkB,OAAO,EAAEpB,WAAW,EAAEH,KAAK;EAAE,GAC/D,CAACkB,OAAO,IAAIE,QAAQ,kBAAK9B,KAAA,CAAAgC,aAAA,CAAC3B,YAAY;IAACM,MAAM,EAAEP,YAAY,CAACO,MAAM,EAAE,QAAQ,EAAEF,MAAM,CAAE;IAACA,MAAM,EAAEA;EAAO,CAAE,CACrG,CAAC;AAEX,CAAC;AAED,MAAMM,MAAM,GAAGb,UAAU,CAACgC,MAAM,CAAC;EAC/BlB,QAAQ,EAAE;IACRmB,WAAW,EAAE;EACf,CAAC;EACDb,aAAa,EAAE;IACba,WAAW,EAAE;EACf,CAAC;EACDF,OAAO,EAAE;IACPG,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAE,EAAE;IAChBC,MAAM,EAAE,EAAE;IACVC,cAAc,EAAE,QAAQ;IACxBC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,eAAehC,QAAQ","ignoreList":[]}
+{"version":3,"names":["React","useMemo","StyleSheet","View","concatTestID","SelectorIcon","useAppColorScheme","SelectorStatus","Selector","status","style","testID","colorScheme","statusStyle","Empty","styles","bordered","backgroundColor","white","borderColor","grayDark","SelectedRadio","selectedRadio","accent","SelectedCheckmark","Disabled","background","undefined","checked","Required","rejected","Rejected","createElement","wrapper","create","borderWidth","alignItems","borderRadius","height","justifyContent","width"],"sources":["selector.tsx"],"sourcesContent":["import React, { FC, useMemo } from 'react';\nimport { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { concatTestID } from '../../utils/testID';\nimport { SelectorIcon } from '../icons/selector';\nimport { useAppColorScheme } from '../theme';\nimport { SelectorStatus } from './selector-status';\n\ninterface SelectorProps {\n  status: SelectorStatus;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n}\n\n/**\n * Generic selector display\n *\n * Following the design: https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=433-28352&mode=design&t=91K8am4RSNRB8qgZ-0\n */\nconst Selector: FC<SelectorProps> = ({ status, style, testID }) => {\n  const colorScheme = useAppColorScheme();\n\n  const statusStyle = useMemo<StyleProp<ViewStyle>>(() => {\n    switch (status) {\n      case SelectorStatus.Empty:\n        return [styles.bordered, { backgroundColor: colorScheme.white, borderColor: colorScheme.grayDark }];\n      case SelectorStatus.SelectedRadio:\n        return [styles.selectedRadio, { backgroundColor: colorScheme.white, borderColor: colorScheme.accent }];\n      case SelectorStatus.SelectedCheckmark:\n        return { backgroundColor: colorScheme.accent };\n      case SelectorStatus.Disabled:\n        return [styles.bordered, { backgroundColor: colorScheme.background, borderColor: colorScheme.grayDark }];\n      default:\n        return undefined;\n    }\n  }, [colorScheme, status]);\n\n  const checked = status === SelectorStatus.SelectedCheckmark || status === SelectorStatus.Required;\n  const rejected = status === SelectorStatus.Rejected;\n\n  return (\n    <View testID={testID} style={[styles.wrapper, statusStyle, style]}>\n      {(checked || rejected) && <SelectorIcon testID={concatTestID(testID, 'status', status)} status={status} />}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  bordered: {\n    borderWidth: 1,\n  },\n  selectedRadio: {\n    borderWidth: 8,\n  },\n  wrapper: {\n    alignItems: 'center',\n    borderRadius: 12,\n    borderWidth: 0,\n    height: 24,\n    justifyContent: 'center',\n    width: 24,\n  },\n});\n\nexport default Selector;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAQC,OAAO,QAAQ,OAAO;AAC1C,SAAoBC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAErE,SAASC,YAAY,QAAQ,oBAAoB;AACjD,SAASC,YAAY,QAAQ,mBAAmB;AAChD,SAASC,iBAAiB,QAAQ,UAAU;AAC5C,SAASC,cAAc,QAAQ,mBAAmB;AAQlD;AACA;AACA;AACA;AACA;AACA,MAAMC,QAA2B,GAAGA,CAAC;EAAEC,MAAM;EAAEC,KAAK;EAAEC;AAAO,CAAC,KAAK;EACjE,MAAMC,WAAW,GAAGN,iBAAiB,CAAC,CAAC;EAEvC,MAAMO,WAAW,GAAGZ,OAAO,CAAuB,MAAM;IACtD,QAAQQ,MAAM;MACZ,KAAKF,cAAc,CAACO,KAAK;QACvB,OAAO,CAACC,MAAM,CAACC,QAAQ,EAAE;UAAEC,eAAe,EAAEL,WAAW,CAACM,KAAK;UAAEC,WAAW,EAAEP,WAAW,CAACQ;QAAS,CAAC,CAAC;MACrG,KAAKb,cAAc,CAACc,aAAa;QAC/B,OAAO,CAACN,MAAM,CAACO,aAAa,EAAE;UAAEL,eAAe,EAAEL,WAAW,CAACM,KAAK;UAAEC,WAAW,EAAEP,WAAW,CAACW;QAAO,CAAC,CAAC;MACxG,KAAKhB,cAAc,CAACiB,iBAAiB;QACnC,OAAO;UAAEP,eAAe,EAAEL,WAAW,CAACW;QAAO,CAAC;MAChD,KAAKhB,cAAc,CAACkB,QAAQ;QAC1B,OAAO,CAACV,MAAM,CAACC,QAAQ,EAAE;UAAEC,eAAe,EAAEL,WAAW,CAACc,UAAU;UAAEP,WAAW,EAAEP,WAAW,CAACQ;QAAS,CAAC,CAAC;MAC1G;QACE,OAAOO,SAAS;IACpB;EACF,CAAC,EAAE,CAACf,WAAW,EAAEH,MAAM,CAAC,CAAC;EAEzB,MAAMmB,OAAO,GAAGnB,MAAM,KAAKF,cAAc,CAACiB,iBAAiB,IAAIf,MAAM,KAAKF,cAAc,CAACsB,QAAQ;EACjG,MAAMC,QAAQ,GAAGrB,MAAM,KAAKF,cAAc,CAACwB,QAAQ;EAEnD,oBACE/B,KAAA,CAAAgC,aAAA,CAAC7B,IAAI;IAACQ,MAAM,EAAEA,MAAO;IAACD,KAAK,EAAE,CAACK,MAAM,CAACkB,OAAO,EAAEpB,WAAW,EAAEH,KAAK;EAAE,GAC/D,CAACkB,OAAO,IAAIE,QAAQ,kBAAK9B,KAAA,CAAAgC,aAAA,CAAC3B,YAAY;IAACM,MAAM,EAAEP,YAAY,CAACO,MAAM,EAAE,QAAQ,EAAEF,MAAM,CAAE;IAACA,MAAM,EAAEA;EAAO,CAAE,CACrG,CAAC;AAEX,CAAC;AAED,MAAMM,MAAM,GAAGb,UAAU,CAACgC,MAAM,CAAC;EAC/BlB,QAAQ,EAAE;IACRmB,WAAW,EAAE;EACf,CAAC;EACDb,aAAa,EAAE;IACba,WAAW,EAAE;EACf,CAAC;EACDF,OAAO,EAAE;IACPG,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAE,EAAE;IAChBF,WAAW,EAAE,CAAC;IACdG,MAAM,EAAE,EAAE;IACVC,cAAc,EAAE,QAAQ;IACxBC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,eAAehC,QAAQ","ignoreList":[]}

package/lib/module/ui-components/entity/avatar.js

@@ -81,6 +81,7 @@ const styles = StyleSheet.create({
   },
   imageWrapper: {
     borderRadius: 36,
+    borderWidth: 0,
     height: '100%',
     overflow: 'hidden',
     width: '100%'

package/lib/module/ui-components/entity/avatar.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","StyleSheet","View","concatTestID","ImageOrComponent","Typography","useAppColorScheme","Avatar","avatar","placeholderText","statusIcon","style","testID","viewProps","colorScheme","statusIconView","undefined","isValidElement","StatusIconComponent","createElement","imageSource","component","styles","avatarPlaceholder","backgroundColor","accent","color","accentText","avatarPlaceholderText","borderRadius","avatarStyle","flatten","_extends","accessibilityElementsHidden","imageWrapper","source","image","create","height","width","alignItems","flex","justifyContent","textTransform","overflow","bottom","position","right"],"sources":["avatar.tsx"],"sourcesContent":["import React, { ComponentType, FunctionComponent, ReactElement, useMemo } from 'react';\nimport { StyleSheet, View, ViewProps, ViewStyle } from 'react-native';\n\nimport { concatTestID } from '../../utils';\nimport ImageOrComponent, { ImageOrComponentSource } from '../image/image-or-component';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nexport type AvatarProps = ViewProps & {\n  avatar?: ImageOrComponentSource;\n  placeholderText?: string;\n  statusIcon?: ComponentType<any> | ReactElement;\n  testID?: string;\n};\n\n// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=426-25581&mode=design&t=YI1oD2BfBie5HcvJ-0\nconst Avatar: FunctionComponent<AvatarProps> = ({\n  avatar,\n  placeholderText,\n  statusIcon,\n  style,\n  testID,\n  ...viewProps\n}) => {\n  const colorScheme = useAppColorScheme();\n\n  const statusIconView: React.ReactElement | undefined = useMemo(() => {\n    if (!statusIcon) {\n      return undefined;\n    }\n    if (React.isValidElement(statusIcon)) {\n      return statusIcon;\n    } else {\n      const StatusIconComponent = statusIcon as React.ComponentType<any>;\n      return <StatusIconComponent />;\n    }\n  }, [statusIcon]);\n\n  const imageSource = useMemo<ImageOrComponentSource>(() => {\n    if (avatar) {\n      return avatar;\n    }\n\n    return {\n      component: (\n        <View style={[styles.avatarPlaceholder, { backgroundColor: colorScheme.accent }]}>\n          <Typography color={colorScheme.accentText} style={styles.avatarPlaceholderText}>\n            {placeholderText}\n          </Typography>\n        </View>\n      ),\n    };\n  }, [colorScheme, avatar, placeholderText]);\n\n  const { borderRadius, ...avatarStyle } = StyleSheet.flatten([styles.avatar, style]) as ViewStyle;\n  return (\n    <View accessibilityElementsHidden={true} style={avatarStyle} testID={testID} {...viewProps}>\n      <View style={[styles.imageWrapper, borderRadius ? { borderRadius } : undefined]}>\n        <ImageOrComponent source={imageSource} style={styles.image} testID={concatTestID(testID, 'logo')} />\n      </View>\n      {statusIconView && (\n        <View style={styles.statusIcon} testID={concatTestID(testID, 'statusIcon')}>\n          {statusIconView}\n        </View>\n      )}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  avatar: {\n    height: 72,\n    width: 72,\n  },\n  avatarPlaceholder: {\n    alignItems: 'center',\n    flex: 1,\n    justifyContent: 'center',\n  },\n  avatarPlaceholderText: {\n    textTransform: 'uppercase',\n  },\n  image: {\n    height: '100%',\n    width: '100%',\n  },\n  imageWrapper: {\n    borderRadius: 36,\n    height: '100%',\n    overflow: 'hidden',\n    width: '100%',\n  },\n  statusIcon: {\n    bottom: 4,\n    position: 'absolute',\n    right: 4,\n  },\n});\n\nexport default Avatar;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAoDC,OAAO,QAAQ,OAAO;AACtF,SAASC,UAAU,EAAEC,IAAI,QAA8B,cAAc;AAErE,SAASC,YAAY,QAAQ,aAAa;AAC1C,OAAOC,gBAAgB,MAAkC,6BAA6B;AACtF,OAAOC,UAAU,MAAM,oBAAoB;AAC3C,SAASC,iBAAiB,QAAQ,+BAA+B;AASjE;AACA,MAAMC,MAAsC,GAAGA,CAAC;EAC9CC,MAAM;EACNC,eAAe;EACfC,UAAU;EACVC,KAAK;EACLC,MAAM;EACN,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,WAAW,GAAGR,iBAAiB,CAAC,CAAC;EAEvC,MAAMS,cAA8C,GAAGf,OAAO,CAAC,MAAM;IACnE,IAAI,CAACU,UAAU,EAAE;MACf,OAAOM,SAAS;IAClB;IACA,iBAAIjB,KAAK,CAACkB,cAAc,CAACP,UAAU,CAAC,EAAE;MACpC,OAAOA,UAAU;IACnB,CAAC,MAAM;MACL,MAAMQ,mBAAmB,GAAGR,UAAsC;MAClE,oBAAOX,KAAA,CAAAoB,aAAA,CAACD,mBAAmB,MAAE,CAAC;IAChC;EACF,CAAC,EAAE,CAACR,UAAU,CAAC,CAAC;EAEhB,MAAMU,WAAW,GAAGpB,OAAO,CAAyB,MAAM;IACxD,IAAIQ,MAAM,EAAE;MACV,OAAOA,MAAM;IACf;IAEA,OAAO;MACLa,SAAS,eACPtB,KAAA,CAAAoB,aAAA,CAACjB,IAAI;QAACS,KAAK,EAAE,CAACW,MAAM,CAACC,iBAAiB,EAAE;UAAEC,eAAe,EAAEV,WAAW,CAACW;QAAO,CAAC;MAAE,gBAC/E1B,KAAA,CAAAoB,aAAA,CAACd,UAAU;QAACqB,KAAK,EAAEZ,WAAW,CAACa,UAAW;QAAChB,KAAK,EAAEW,MAAM,CAACM;MAAsB,GAC5EnB,eACS,CACR;IAEV,CAAC;EACH,CAAC,EAAE,CAACK,WAAW,EAAEN,MAAM,EAAEC,eAAe,CAAC,CAAC;EAE1C,MAAM;IAAEoB,YAAY;IAAE,GAAGC;EAAY,CAAC,GAAG7B,UAAU,CAAC8B,OAAO,CAAC,CAACT,MAAM,CAACd,MAAM,EAAEG,KAAK,CAAC,CAAc;EAChG,oBACEZ,KAAA,CAAAoB,aAAA,CAACjB,IAAI,EAAA8B,QAAA;IAACC,2BAA2B,EAAE,IAAK;IAACtB,KAAK,EAAEmB,WAAY;IAAClB,MAAM,EAAEA;EAAO,GAAKC,SAAS,gBACxFd,KAAA,CAAAoB,aAAA,CAACjB,IAAI;IAACS,KAAK,EAAE,CAACW,MAAM,CAACY,YAAY,EAAEL,YAAY,GAAG;MAAEA;IAAa,CAAC,GAAGb,SAAS;EAAE,gBAC9EjB,KAAA,CAAAoB,aAAA,CAACf,gBAAgB;IAAC+B,MAAM,EAAEf,WAAY;IAACT,KAAK,EAAEW,MAAM,CAACc,KAAM;IAACxB,MAAM,EAAET,YAAY,CAACS,MAAM,EAAE,MAAM;EAAE,CAAE,CAC/F,CAAC,EACNG,cAAc,iBACbhB,KAAA,CAAAoB,aAAA,CAACjB,IAAI;IAACS,KAAK,EAAEW,MAAM,CAACZ,UAAW;IAACE,MAAM,EAAET,YAAY,CAACS,MAAM,EAAE,YAAY;EAAE,GACxEG,cACG,CAEJ,CAAC;AAEX,CAAC;AAED,MAAMO,MAAM,GAAGrB,UAAU,CAACoC,MAAM,CAAC;EAC/B7B,MAAM,EAAE;IACN8B,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACT,CAAC;EACDhB,iBAAiB,EAAE;IACjBiB,UAAU,EAAE,QAAQ;IACpBC,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE;EAClB,CAAC;EACDd,qBAAqB,EAAE;IACrBe,aAAa,EAAE;EACjB,CAAC;EACDP,KAAK,EAAE;IACLE,MAAM,EAAE,MAAM;IACdC,KAAK,EAAE;EACT,CAAC;EACDL,YAAY,EAAE;IACZL,YAAY,EAAE,EAAE;IAChBS,MAAM,EAAE,MAAM;IACdM,QAAQ,EAAE,QAAQ;IAClBL,KAAK,EAAE;EACT,CAAC;EACD7B,UAAU,EAAE;IACVmC,MAAM,EAAE,CAAC;IACTC,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,eAAexC,MAAM","ignoreList":[]}
+{"version":3,"names":["React","useMemo","StyleSheet","View","concatTestID","ImageOrComponent","Typography","useAppColorScheme","Avatar","avatar","placeholderText","statusIcon","style","testID","viewProps","colorScheme","statusIconView","undefined","isValidElement","StatusIconComponent","createElement","imageSource","component","styles","avatarPlaceholder","backgroundColor","accent","color","accentText","avatarPlaceholderText","borderRadius","avatarStyle","flatten","_extends","accessibilityElementsHidden","imageWrapper","source","image","create","height","width","alignItems","flex","justifyContent","textTransform","borderWidth","overflow","bottom","position","right"],"sources":["avatar.tsx"],"sourcesContent":["import React, { ComponentType, FunctionComponent, ReactElement, useMemo } from 'react';\nimport { StyleSheet, View, ViewProps, ViewStyle } from 'react-native';\n\nimport { concatTestID } from '../../utils';\nimport ImageOrComponent, { ImageOrComponentSource } from '../image/image-or-component';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nexport type AvatarProps = ViewProps & {\n  avatar?: ImageOrComponentSource;\n  placeholderText?: string;\n  statusIcon?: ComponentType<any> | ReactElement;\n  testID?: string;\n};\n\n// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=426-25581&mode=design&t=YI1oD2BfBie5HcvJ-0\nconst Avatar: FunctionComponent<AvatarProps> = ({\n  avatar,\n  placeholderText,\n  statusIcon,\n  style,\n  testID,\n  ...viewProps\n}) => {\n  const colorScheme = useAppColorScheme();\n\n  const statusIconView: React.ReactElement | undefined = useMemo(() => {\n    if (!statusIcon) {\n      return undefined;\n    }\n    if (React.isValidElement(statusIcon)) {\n      return statusIcon;\n    } else {\n      const StatusIconComponent = statusIcon as React.ComponentType<any>;\n      return <StatusIconComponent />;\n    }\n  }, [statusIcon]);\n\n  const imageSource = useMemo<ImageOrComponentSource>(() => {\n    if (avatar) {\n      return avatar;\n    }\n\n    return {\n      component: (\n        <View style={[styles.avatarPlaceholder, { backgroundColor: colorScheme.accent }]}>\n          <Typography color={colorScheme.accentText} style={styles.avatarPlaceholderText}>\n            {placeholderText}\n          </Typography>\n        </View>\n      ),\n    };\n  }, [colorScheme, avatar, placeholderText]);\n\n  const { borderRadius, ...avatarStyle } = StyleSheet.flatten([styles.avatar, style]) as ViewStyle;\n  return (\n    <View accessibilityElementsHidden={true} style={avatarStyle} testID={testID} {...viewProps}>\n      <View style={[styles.imageWrapper, borderRadius ? { borderRadius } : undefined]}>\n        <ImageOrComponent source={imageSource} style={styles.image} testID={concatTestID(testID, 'logo')} />\n      </View>\n      {statusIconView && (\n        <View style={styles.statusIcon} testID={concatTestID(testID, 'statusIcon')}>\n          {statusIconView}\n        </View>\n      )}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  avatar: {\n    height: 72,\n    width: 72,\n  },\n  avatarPlaceholder: {\n    alignItems: 'center',\n    flex: 1,\n    justifyContent: 'center',\n  },\n  avatarPlaceholderText: {\n    textTransform: 'uppercase',\n  },\n  image: {\n    height: '100%',\n    width: '100%',\n  },\n  imageWrapper: {\n    borderRadius: 36,\n    borderWidth: 0,\n    height: '100%',\n    overflow: 'hidden',\n    width: '100%',\n  },\n  statusIcon: {\n    bottom: 4,\n    position: 'absolute',\n    right: 4,\n  },\n});\n\nexport default Avatar;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/ui-components/entity/entity-cluster.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useMemo","Platform","StyleSheet","View","Animated","useAnimatedStyle","useSharedValue","withRepeat","withTiming","LoaderView","LoaderViewState","concatTestID","Typography","useAppColorScheme","Avatar","EntityCluster","avatar","entityName","subline","textColor","style","sublineColor","testID","isLoading","viewProps","colorScheme","opacity","animatedStyle","value","duration","avatarProps","_avatar$placeholderTe","component","createElement","styles","loaderWrapper","backgroundColor","grayDark","loader","animate","state","InProgress","initials","split","map","word","placeholderText","length","join","_extends","entity","labels","color","text","numberOfLines","preset","undefined","create","alignItems","flexDirection","letterSpacing","OS","flex","marginLeft","transform","scale","height","paddingLeft","paddingTop","width"],"sources":["entity-cluster.tsx"],"sourcesContent":["import React, { FunctionComponent, useEffect, useMemo } from 'react';\nimport { Platform, StyleSheet, View, ViewProps } from 'react-native';\nimport Animated, {\n  useAnimatedStyle,\n  useSharedValue,\n  withRepeat,\n  withTiming,\n} from 'react-native-reanimated';\n\nimport { LoaderView, LoaderViewState } from '../../ui-components/loader';\nimport { concatTestID } from '../../utils';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\nimport Avatar, { AvatarProps } from './avatar';\n\nexport type EntityClusterProps = ViewProps & {\n  avatar?: AvatarProps;\n  entityName: string;\n  subline?: string;\n  textColor?: string;\n  sublineColor?: string;\n  testID?: string;\n  isLoading?: boolean;\n};\n\n// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=426-25595&mode=design&t=YI1oD2BfBie5HcvJ-0\nconst EntityCluster: FunctionComponent<EntityClusterProps> = ({\n  avatar,\n  entityName,\n  subline,\n  textColor,\n  style,\n  sublineColor,\n  testID,\n  isLoading,\n  ...viewProps\n}) => {\n  const colorScheme = useAppColorScheme();\n  \n  const opacity = useSharedValue<number>(1);\n\n  const animatedStyle = useAnimatedStyle(() => ({\n    opacity: opacity.value,\n  }));\n\n  useEffect(() => {\n    if (!isLoading) {\n      return;\n    }\n    opacity.value = withRepeat(\n      withTiming(0.3, { duration: 1000 }),\n      0,\n      true\n    );\n  }, [opacity, isLoading]);\n\n  const avatarProps = useMemo<AvatarProps>(() => {\n    if (isLoading) {\n      return {\n        avatar: {\n          component: \n            <View style={[styles.loaderWrapper, { backgroundColor: colorScheme.grayDark }]}>\n              <View style={styles.loader}>\n                <LoaderView animate={true} state={LoaderViewState.InProgress} />\n              </View>\n            </View>\n        }\n      }\n    }\n    const initials = entityName.split(' ', 3).map((word: string) => word[0]);\n    const placeholderText = initials.length > 0 ? initials.join('') : '';\n    return {\n      ...avatar,\n      placeholderText: avatar?.placeholderText ?? placeholderText,\n    };\n  }, [avatar, entityName, colorScheme.grayDark, isLoading]);\n\n  return (\n    <View style={[styles.entity, style]} testID={testID} {...viewProps}>\n      <Avatar testID={concatTestID(testID, 'avatar')} {...avatarProps} />\n      <View style={styles.labels}>\n        {isLoading ? (\n          <Animated.View style={[{ backgroundColor: colorScheme.grayDark }, animatedStyle]}>\n            <Typography color={colorScheme.grayDark} />\n          </Animated.View>\n        ) : (\n          <Typography\n            testID={concatTestID(testID, 'entityName')}\n            color={textColor ?? colorScheme.text}\n            numberOfLines={1}\n            preset=\"m\"\n            style={styles.entityName}>\n            {!isLoading ? entityName : undefined}\n          </Typography>\n        )}\n        {subline && (\n          <View>\n            <Typography\n              testID={concatTestID(testID, 'subline')}\n              color={sublineColor ?? colorScheme.text}\n              numberOfLines={1}\n              preset=\"xs\">\n              {subline}\n            </Typography>\n          </View>\n        )}\n      </View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  entity: {\n    alignItems: 'center',\n    flexDirection: 'row',\n  },\n  entityName: {\n    letterSpacing: Platform.OS === 'ios' ? -0.2 : -0.3, // -0.2 breaks layout on Android\n  },\n  labels: {\n    flex: 1,\n    marginLeft: 12,\n  },\n  loader: {\n    transform: [{scale: 0.5}],\n  },\n  loaderWrapper: {\n    height: 72,\n    paddingLeft: 3,\n    paddingTop: 4,\n    width: 72,\n  }\n});\n\nexport default EntityCluster;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useMemo","Platform","StyleSheet","View","Animated","useAnimatedStyle","useSharedValue","withRepeat","withTiming","LoaderView","LoaderViewState","concatTestID","Typography","useAppColorScheme","Avatar","EntityCluster","avatar","entityName","subline","textColor","style","sublineColor","testID","isLoading","viewProps","colorScheme","opacity","animatedStyle","value","duration","avatarProps","_avatar$placeholderTe","component","createElement","styles","loaderWrapper","backgroundColor","grayDark","loader","animate","state","InProgress","initials","split","map","word","placeholderText","length","join","_extends","entity","labels","color","text","numberOfLines","preset","undefined","create","alignItems","flexDirection","letterSpacing","OS","flex","marginLeft","transform","scale","height","paddingLeft","paddingTop","width"],"sources":["entity-cluster.tsx"],"sourcesContent":["import React, { FunctionComponent, useEffect, useMemo } from 'react';\nimport { Platform, StyleSheet, View, ViewProps } from 'react-native';\nimport Animated, {\n  useAnimatedStyle,\n  useSharedValue,\n  withRepeat,\n  withTiming,\n} from 'react-native-reanimated';\n\nimport { LoaderView, LoaderViewState } from '../../ui-components/loader';\nimport { concatTestID } from '../../utils';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\nimport Avatar, { AvatarProps } from './avatar';\n\nexport type EntityClusterProps = ViewProps & {\n  avatar?: AvatarProps;\n  entityName: string;\n  subline?: string;\n  textColor?: string;\n  sublineColor?: string;\n  testID?: string;\n  isLoading?: boolean;\n};\n\n// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=426-25595&mode=design&t=YI1oD2BfBie5HcvJ-0\nconst EntityCluster: FunctionComponent<EntityClusterProps> = ({\n  avatar,\n  entityName,\n  subline,\n  textColor,\n  style,\n  sublineColor,\n  testID,\n  isLoading,\n  ...viewProps\n}) => {\n  const colorScheme = useAppColorScheme();\n\n  const opacity = useSharedValue<number>(1);\n\n  const animatedStyle = useAnimatedStyle(() => ({\n    opacity: opacity.value,\n  }));\n\n  useEffect(() => {\n    if (!isLoading) {\n      return;\n    }\n    opacity.value = withRepeat(\n      withTiming(0.3, { duration: 1000 }),\n      0,\n      true\n    );\n  }, [opacity, isLoading]);\n\n  const avatarProps = useMemo<AvatarProps>(() => {\n    if (isLoading) {\n      return {\n        avatar: {\n          component: (\n            <View style={[styles.loaderWrapper, { backgroundColor: colorScheme.grayDark }]}>\n              <View style={styles.loader}>\n                <LoaderView animate={true} state={LoaderViewState.InProgress} />\n              </View>\n            </View>\n          ),\n        },\n      };\n    }\n    const initials = entityName.split(' ', 3).map((word: string) => word[0]);\n    const placeholderText = initials.length > 0 ? initials.join('') : '';\n    return {\n      ...avatar,\n      placeholderText: avatar?.placeholderText ?? placeholderText,\n    };\n  }, [avatar, entityName, colorScheme.grayDark, isLoading]);\n\n  return (\n    <View style={[styles.entity, style]} testID={testID} {...viewProps}>\n      <Avatar testID={concatTestID(testID, 'avatar')} {...avatarProps} />\n      <View style={styles.labels}>\n        {isLoading ? (\n          <Animated.View style={[{ backgroundColor: colorScheme.grayDark }, animatedStyle]}>\n            <Typography color={colorScheme.grayDark} />\n          </Animated.View>\n        ) : (\n          <Typography\n            testID={concatTestID(testID, 'entityName')}\n            color={textColor ?? colorScheme.text}\n            numberOfLines={1}\n            preset=\"m\"\n            style={styles.entityName}>\n            {!isLoading ? entityName : undefined}\n          </Typography>\n        )}\n        {subline && (\n          <View>\n            <Typography\n              testID={concatTestID(testID, 'subline')}\n              color={sublineColor ?? colorScheme.text}\n              numberOfLines={1}\n              preset=\"xs\">\n              {subline}\n            </Typography>\n          </View>\n        )}\n      </View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  entity: {\n    alignItems: 'center',\n    flexDirection: 'row',\n  },\n  entityName: {\n    letterSpacing: Platform.OS === 'ios' ? -0.2 : -0.3, // -0.2 breaks layout on Android\n  },\n  labels: {\n    flex: 1,\n    marginLeft: 12,\n  },\n  loader: {\n    transform: [{ scale: 0.5 }],\n  },\n  loaderWrapper: {\n    height: 72,\n    paddingLeft: 3,\n    paddingTop: 4,\n    width: 72,\n  },\n});\n\nexport default EntityCluster;\n"],"mappings":"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","ignoreList":[]}

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","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":[]}
+{"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={[styles.headerContainer, containerPaddingStyle, withNotice ? styles.noticeBorderRadius : undefined]}>\n      <View style={[styles.blurWrapper, StyleSheet.absoluteFill]}>\n        <BlurView\n          blurStyle={'header'}\n          color={colorScheme.background}\n          style={[StyleSheet.absoluteFill, 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/header/navigation-header.js

@@ -115,6 +115,7 @@ const styles = StyleSheet.create({
   },
   modalHandle: {
     borderRadius: 2.5,
+    borderWidth: 0,
     height: 5,
     marginVertical: 5,
     width: 36

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useMemo","useState","Animated","Easing","StyleSheet","View","concatTestID","BlurView","Typography","useAppColorScheme","NavigationHeader","animate","backgroundColor","blurred","leftItem","modalHandleVisible","rightItem","style","testID","title","titleVisible","titleColor","props","colorScheme","titleOpacity","Value","sideItemWidth","setSideItemWidth","onSideItemLayout","nativeEvent","layout","prev","Math","max","width","background","leftItemView","undefined","isValidElement","LeftItemComponent","createElement","timing","duration","easing","ease","toValue","useNativeDriver","start","setValue","rightItemView","RightItemComponent","titleAnimatedStyle","opacity","_extends","styles","headerContainer","blurAmount","blurStyle","color","absoluteFill","modalHandle","grayDark","header","onLayout","sideItem","minWidth","text","preset","align","numberOfLines","rightSideItem","create","alignItems","flexDirection","height","paddingHorizontal","borderRadius","marginVertical","padding","flex"],"sources":["navigation-header.tsx"],"sourcesContent":["import React, { FC, useCallback, useEffect, useMemo, useState } from 'react';\nimport { Animated, ColorValue, Easing, LayoutChangeEvent, StyleSheet, View, ViewProps, ViewStyle } from 'react-native';\n\nimport { concatTestID } from '../../utils';\nimport BlurView from '../blur/blur-view';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nexport type NavigationHeaderProps = ViewProps & {\n  animate?: boolean;\n  backgroundColor?: ColorValue;\n  blurred?: boolean;\n  leftItem?: React.ComponentType<any> | React.ReactElement;\n  modalHandleVisible?: boolean;\n  rightItem?: React.ComponentType<any> | React.ReactElement;\n  title?: string;\n  titleColor?: string;\n  titleVisible?: boolean;\n};\n\nconst NavigationHeader: FC<NavigationHeaderProps> = ({\n  animate = false,\n  backgroundColor,\n  blurred = false,\n  leftItem,\n  modalHandleVisible,\n  rightItem,\n  style,\n  testID,\n  title,\n  titleVisible = true,\n  titleColor,\n  ...props\n}) => {\n  const colorScheme = useAppColorScheme();\n  const [titleOpacity] = useState(() => new Animated.Value(titleVisible ? 1 : 0));\n\n  const [sideItemWidth, setSideItemWidth] = useState<number>();\n  const onSideItemLayout = useCallback(\n    ({ nativeEvent: { layout } }: LayoutChangeEvent) => setSideItemWidth((prev) => Math.max(layout.width, prev ?? 0)),\n    [],\n  );\n\n  backgroundColor = backgroundColor ?? colorScheme.background;\n\n  const leftItemView: React.ReactElement | undefined = useMemo(() => {\n    if (!leftItem) {\n      return undefined;\n    }\n    if (React.isValidElement(leftItem)) {\n      return leftItem;\n    } else {\n      const LeftItemComponent = leftItem as React.ComponentType<any>;\n      return <LeftItemComponent />;\n    }\n  }, [leftItem]);\n\n  useEffect(() => {\n    if (animate) {\n      Animated.timing(titleOpacity, {\n        duration: 150,\n        easing: Easing.ease,\n        toValue: titleVisible ? 1 : 0,\n        useNativeDriver: true,\n      }).start();\n    } else {\n      titleOpacity.setValue(titleVisible ? 1 : 0);\n    }\n  }, [animate, titleOpacity, titleVisible]);\n\n  const rightItemView: React.ReactElement | undefined = useMemo(() => {\n    if (!rightItem) {\n      return undefined;\n    }\n    if (React.isValidElement(rightItem)) {\n      return rightItem;\n    } else {\n      const RightItemComponent = rightItem as React.ComponentType<any>;\n      return <RightItemComponent />;\n    }\n  }, [rightItem]);\n\n  const titleAnimatedStyle: Animated.WithAnimatedObject<ViewStyle> = {\n    opacity: titleOpacity,\n  };\n\n  return (\n    <View\n      {...props}\n      style={[styles.headerContainer, !blurred ? { backgroundColor } : undefined, style]}\n      testID={testID}>\n      {blurred && (\n        <BlurView blurAmount={10} blurStyle=\"header\" color={backgroundColor} style={StyleSheet.absoluteFill} />\n      )}\n      {modalHandleVisible && <View style={[styles.modalHandle, { backgroundColor: colorScheme.grayDark }]} />}\n      <View style={styles.header}>\n        <View onLayout={onSideItemLayout} style={[styles.sideItem, { minWidth: sideItemWidth }]}>\n          {leftItemView}\n        </View>\n        <Animated.View style={[styles.title, titleAnimatedStyle]}>\n          <Typography\n            color={titleColor ?? colorScheme.text}\n            preset=\"m/heading\"\n            align=\"center\"\n            numberOfLines={1}\n            testID={concatTestID(testID, 'title')}>\n            {title}\n          </Typography>\n        </Animated.View>\n        <View onLayout={onSideItemLayout} style={[styles.sideItem, styles.rightSideItem, { minWidth: sideItemWidth }]}>\n          {rightItemView}\n        </View>\n      </View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  header: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    height: 48,\n    width: '100%',\n  },\n  headerContainer: {\n    alignItems: 'center',\n    flexDirection: 'column',\n    paddingHorizontal: 8,\n  },\n  modalHandle: {\n    borderRadius: 2.5,\n    height: 5,\n    marginVertical: 5,\n    width: 36,\n  },\n  rightSideItem: {\n    alignItems: 'flex-end',\n  },\n  sideItem: {\n    padding: 12,\n  },\n  title: {\n    flex: 1,\n  },\n});\n\nexport default NavigationHeader;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useState","Animated","Easing","StyleSheet","View","concatTestID","BlurView","Typography","useAppColorScheme","NavigationHeader","animate","backgroundColor","blurred","leftItem","modalHandleVisible","rightItem","style","testID","title","titleVisible","titleColor","props","colorScheme","titleOpacity","Value","sideItemWidth","setSideItemWidth","onSideItemLayout","nativeEvent","layout","prev","Math","max","width","background","leftItemView","undefined","isValidElement","LeftItemComponent","createElement","timing","duration","easing","ease","toValue","useNativeDriver","start","setValue","rightItemView","RightItemComponent","titleAnimatedStyle","opacity","_extends","styles","headerContainer","blurAmount","blurStyle","color","absoluteFill","modalHandle","grayDark","header","onLayout","sideItem","minWidth","text","preset","align","numberOfLines","rightSideItem","create","alignItems","flexDirection","height","paddingHorizontal","borderRadius","borderWidth","marginVertical","padding","flex"],"sources":["navigation-header.tsx"],"sourcesContent":["import React, { FC, useCallback, useEffect, useMemo, useState } from 'react';\nimport { Animated, ColorValue, Easing, LayoutChangeEvent, StyleSheet, View, ViewProps, ViewStyle } from 'react-native';\n\nimport { concatTestID } from '../../utils';\nimport BlurView from '../blur/blur-view';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nexport type NavigationHeaderProps = ViewProps & {\n  animate?: boolean;\n  backgroundColor?: ColorValue;\n  blurred?: boolean;\n  leftItem?: React.ComponentType<any> | React.ReactElement;\n  modalHandleVisible?: boolean;\n  rightItem?: React.ComponentType<any> | React.ReactElement;\n  title?: string;\n  titleColor?: string;\n  titleVisible?: boolean;\n};\n\nconst NavigationHeader: FC<NavigationHeaderProps> = ({\n  animate = false,\n  backgroundColor,\n  blurred = false,\n  leftItem,\n  modalHandleVisible,\n  rightItem,\n  style,\n  testID,\n  title,\n  titleVisible = true,\n  titleColor,\n  ...props\n}) => {\n  const colorScheme = useAppColorScheme();\n  const [titleOpacity] = useState(() => new Animated.Value(titleVisible ? 1 : 0));\n\n  const [sideItemWidth, setSideItemWidth] = useState<number>();\n  const onSideItemLayout = useCallback(\n    ({ nativeEvent: { layout } }: LayoutChangeEvent) => setSideItemWidth((prev) => Math.max(layout.width, prev ?? 0)),\n    [],\n  );\n\n  backgroundColor = backgroundColor ?? colorScheme.background;\n\n  const leftItemView: React.ReactElement | undefined = useMemo(() => {\n    if (!leftItem) {\n      return undefined;\n    }\n    if (React.isValidElement(leftItem)) {\n      return leftItem;\n    } else {\n      const LeftItemComponent = leftItem as React.ComponentType<any>;\n      return <LeftItemComponent />;\n    }\n  }, [leftItem]);\n\n  useEffect(() => {\n    if (animate) {\n      Animated.timing(titleOpacity, {\n        duration: 150,\n        easing: Easing.ease,\n        toValue: titleVisible ? 1 : 0,\n        useNativeDriver: true,\n      }).start();\n    } else {\n      titleOpacity.setValue(titleVisible ? 1 : 0);\n    }\n  }, [animate, titleOpacity, titleVisible]);\n\n  const rightItemView: React.ReactElement | undefined = useMemo(() => {\n    if (!rightItem) {\n      return undefined;\n    }\n    if (React.isValidElement(rightItem)) {\n      return rightItem;\n    } else {\n      const RightItemComponent = rightItem as React.ComponentType<any>;\n      return <RightItemComponent />;\n    }\n  }, [rightItem]);\n\n  const titleAnimatedStyle: Animated.WithAnimatedObject<ViewStyle> = {\n    opacity: titleOpacity,\n  };\n\n  return (\n    <View\n      {...props}\n      style={[styles.headerContainer, !blurred ? { backgroundColor } : undefined, style]}\n      testID={testID}>\n      {blurred && (\n        <BlurView blurAmount={10} blurStyle=\"header\" color={backgroundColor} style={StyleSheet.absoluteFill} />\n      )}\n      {modalHandleVisible && <View style={[styles.modalHandle, { backgroundColor: colorScheme.grayDark }]} />}\n      <View style={styles.header}>\n        <View onLayout={onSideItemLayout} style={[styles.sideItem, { minWidth: sideItemWidth }]}>\n          {leftItemView}\n        </View>\n        <Animated.View style={[styles.title, titleAnimatedStyle]}>\n          <Typography\n            color={titleColor ?? colorScheme.text}\n            preset=\"m/heading\"\n            align=\"center\"\n            numberOfLines={1}\n            testID={concatTestID(testID, 'title')}>\n            {title}\n          </Typography>\n        </Animated.View>\n        <View onLayout={onSideItemLayout} style={[styles.sideItem, styles.rightSideItem, { minWidth: sideItemWidth }]}>\n          {rightItemView}\n        </View>\n      </View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  header: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    height: 48,\n    width: '100%',\n  },\n  headerContainer: {\n    alignItems: 'center',\n    flexDirection: 'column',\n    paddingHorizontal: 8,\n  },\n  modalHandle: {\n    borderRadius: 2.5,\n    borderWidth: 0,\n    height: 5,\n    marginVertical: 5,\n    width: 36,\n  },\n  rightSideItem: {\n    alignItems: 'flex-end',\n  },\n  sideItem: {\n    padding: 12,\n  },\n  title: {\n    flex: 1,\n  },\n});\n\nexport default NavigationHeader;\n"],"mappings":"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","ignoreList":[]}

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

@@ -141,7 +141,8 @@ export const HistoryDetailsView = ({
 };
 const styles = StyleSheet.create({
   assetsHeader: {
-    borderRadius: 8
+    borderRadius: 8,
+    borderWidth: 0
   },
   content: {
     paddingHorizontal: 16,
@@ -162,6 +163,7 @@ const styles = StyleSheet.create({
   },
   section: {
     borderRadius: 8,
+    borderWidth: 0,
     marginBottom: 12,
     padding: 12
   },