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

package/lib/commonjs/ui-components/buttons/hold-button.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_accessibilityHistoryWrappers","_text","_theme","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","Content","title","subtitlePrefix","subtitleSuffix","width","height","textColor","progress","holdTimeoutSecs","disabled","nums","useMemo","Array","from","map","_","index","subtitleHeight","setSubtitleHeight","useState","onSubtitleLayout","useCallback","nativeEvent","layout","translateY","useDerivedValue","value","movingUpStyle","useAnimatedStyle","transform","createElement","View","style","styles","contentWrapper","contentDisabled","pointerEvents","Typography","color","numberOfLines","subtitle","subtitleDisabled","onLayout","preset","subtitleSecsWrapper","subtitleSecs","val","key","HoldButtonLayouted","onFinished","ref","props","colorScheme","useAppColorScheme","isFinished","setFinished","useEffect","useSharedValue","onLongPress","onPressIn","holdTimeout","withTiming","duration","easing","Easing","linear","finished","runOnJS","onPressOut","cancelAnimation","translateX","movingRightStyle","movingLeftStyle","contentProps","Fragment","accent","movingLayer","backgroundColor","accentText","pressableLayer","TouchableOpacity","accessibilityRole","undefined","activeOpacity","HoldButton","React","forwardRef","setLayout","onContainerLayout","container","white","background","borderColor","displayName","StyleSheet","create","borderRadius","overflow","opacity","alignItems","justifyContent","paddingBottom","paddingHorizontal","paddingTop","borderWidth","position","flexDirection","_default","exports"],"sources":["hold-button.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { ColorValue, LayoutChangeEvent, StyleSheet, TouchableWithoutFeedbackProps, View } from 'react-native';\nimport Animated, {\n  cancelAnimation,\n  Easing,\n  runOnJS,\n  SharedValue,\n  useAnimatedStyle,\n  useDerivedValue,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated';\n\nimport { TouchableOpacity, TouchableOpacityRef } from '../accessibility/accessibilityHistoryWrappers';\nimport { Typography } from '../text';\nimport { useAppColorScheme } from '../theme';\n\nexport interface HoldButtonProps\n  extends Omit<\n    TouchableWithoutFeedbackProps,\n    'children' | 'onLayout' | 'onPress' | 'onLongPress' | 'onPressIn' | 'onPressOut'\n  > {\n  title: string;\n  subtitlePrefix: string;\n  subtitleSuffix: string;\n  holdTimeoutSecs?: number;\n  onFinished: () => void;\n}\n\ninterface ContentProps {\n  title: string;\n  subtitlePrefix: string;\n  subtitleSuffix: string;\n  width: number;\n  height: number;\n  textColor: ColorValue;\n  progress: SharedValue<number>;\n  holdTimeoutSecs: number;\n  disabled?: boolean;\n}\n\nconst Content = ({\n  title,\n  subtitlePrefix,\n  subtitleSuffix,\n  width,\n  height,\n  textColor,\n  progress,\n  holdTimeoutSecs,\n  disabled,\n}: ContentProps) => {\n  const nums = useMemo(\n    () => Array.from({ length: holdTimeoutSecs + 1 }).map((_, index) => holdTimeoutSecs - index),\n    [holdTimeoutSecs],\n  );\n\n  const [subtitleHeight, setSubtitleHeight] = useState<number>(0);\n  const onSubtitleLayout = useCallback(({ nativeEvent }: LayoutChangeEvent) => {\n    setSubtitleHeight(nativeEvent.layout.height);\n  }, []);\n\n  const translateY = useDerivedValue(\n    () => progress.value * subtitleHeight * holdTimeoutSecs,\n    [subtitleHeight, holdTimeoutSecs],\n  );\n  const movingUpStyle = useAnimatedStyle(() => ({\n    transform: [{ translateY: -translateY.value }],\n  }), [translateY]);\n\n  return (\n    <View style={[styles.contentWrapper, disabled && styles.contentDisabled, { width, height }]} pointerEvents=\"none\">\n      <Typography color={textColor} numberOfLines={1}>\n        {title}\n      </Typography>\n\n      <View style={[styles.subtitle, disabled && styles.subtitleDisabled]}>\n        <Typography onLayout={onSubtitleLayout} preset=\"s/line-height-capped\" color={textColor} numberOfLines={1}>\n          {subtitlePrefix}\n        </Typography>\n        <View style={[styles.subtitleSecsWrapper, { height: subtitleHeight }]}>\n          <Animated.View style={[styles.subtitleSecs, movingUpStyle]}>\n            {nums.map((val) => (\n              <Typography key={val} preset=\"s/line-height-capped\" color={textColor} numberOfLines={1}>\n                {val}\n              </Typography>\n            ))}\n          </Animated.View>\n        </View>\n        <Typography preset=\"s/line-height-capped\" color={textColor} numberOfLines={1}>\n          {subtitleSuffix}\n        </Typography>\n      </View>\n    </View>\n  );\n};\n\ninterface HoldButtonLayoutedProps extends Omit<HoldButtonProps, 'style'> {\n  ref: React.ForwardedRef<TouchableOpacityRef>;\n  width: number;\n  height: number;\n}\n\nconst HoldButtonLayouted = ({\n  title,\n  subtitlePrefix,\n  subtitleSuffix,\n  onFinished,\n  holdTimeoutSecs = 3,\n  width,\n  height,\n  disabled,\n  ref,\n  ...props\n}: HoldButtonLayoutedProps) => {\n  const colorScheme = useAppColorScheme();\n\n  const [isFinished, setFinished] = useState(false);\n  useEffect(() => {\n    if (isFinished) {\n      onFinished();\n    }\n  }, [isFinished, onFinished]);\n\n  const progress = useSharedValue(0);\n\n  const onLongPress = useCallback(() => {\n    // Fix for detox bug https://github.com/wix/Detox/issues/4754\n    if (isFinished || progress.value !== 0) {\n      return;\n    }\n    setFinished(true);\n  }, [progress, isFinished]);\n\n  const onPressIn = useCallback(() => {\n    const holdTimeout = holdTimeoutSecs * 1000;\n\n    // start moving forward\n    progress.value = withTiming(\n      1,\n      {\n        duration: (1 - progress.value) * holdTimeout,\n        easing: Easing.linear,\n      },\n      (finished) => {\n        if (finished) {\n          runOnJS(setFinished)(true);\n        } else {\n          // start moving back\n          progress.value = withTiming(0, {\n            duration: progress.value * holdTimeout,\n            easing: Easing.linear,\n          });\n        }\n      },\n    );\n  }, [holdTimeoutSecs, progress]);\n\n  const onPressOut = useCallback(() => cancelAnimation(progress), [progress]);\n\n  const translateX = useDerivedValue(() => progress.value * width, [width]);\n  const movingRightStyle = useAnimatedStyle(() => ({\n    transform: [{ translateX: translateX.value }],\n  }), [translateX]);\n  const movingLeftStyle = useAnimatedStyle(() => ({\n    transform: [{ translateX: -translateX.value }],\n  }), [translateX]);\n\n  const contentProps = useMemo(\n    () => ({ title, subtitlePrefix, subtitleSuffix, progress, holdTimeoutSecs, width, height }),\n    [title, subtitlePrefix, subtitleSuffix, progress, holdTimeoutSecs, width, height],\n  );\n\n  return (\n    <>\n      <Content textColor={colorScheme.accent} disabled={disabled} {...contentProps} />\n      {!disabled && (\n        <Animated.View style={[styles.movingLayer, { backgroundColor: colorScheme.accent }, movingRightStyle]}>\n          <Animated.View style={movingLeftStyle}>\n            <Content textColor={colorScheme.accentText} {...contentProps} />\n          </Animated.View>\n        </Animated.View>\n      )}\n      <View style={styles.pressableLayer}>\n        <TouchableOpacity\n          accessibilityRole=\"button\"\n          ref={ref}\n          disabled={isFinished || disabled}\n          onLongPress={onLongPress}\n          onPressIn={isFinished ? undefined : onPressIn}\n          onPressOut={isFinished ? undefined : onPressOut}\n          activeOpacity={1}\n          {...props}>\n          <View style={{ width, height }} />\n        </TouchableOpacity>\n      </View>\n    </>\n  );\n};\n\n/**\n * Press and hold button component\n *\n * follows design: https://www.figma.com/design/cCmAyBQrQWCQZuDi85pJfe/Procivis-One-Wallet-Developments-2025?node-id=1-871\n */\nconst HoldButton = React.forwardRef<TouchableOpacityRef, HoldButtonProps>(\n  ({ style, disabled, ...props }, ref) => {\n    const colorScheme = useAppColorScheme();\n\n    const [layout, setLayout] = useState<{ width: number; height: number }>();\n    const onContainerLayout = useCallback(({ nativeEvent }: LayoutChangeEvent) => {\n      setLayout({ width: nativeEvent.layout.width, height: nativeEvent.layout.height });\n    }, []);\n\n    return (\n      <View\n        onLayout={onContainerLayout}\n        style={[\n          styles.container,\n          disabled && styles.disabled,\n          {\n            backgroundColor: disabled ? colorScheme.white : colorScheme.background,\n            borderColor: colorScheme.background,\n          },\n          style,\n        ]}>\n        {layout && <HoldButtonLayouted ref={ref} disabled={disabled} {...props} {...layout} />}\n      </View>\n    );\n  },\n);\n\nHoldButton.displayName = 'HoldButton';\n\nconst styles = StyleSheet.create({\n  container: {\n    borderRadius: 12,\n    height: 68,\n    overflow: 'hidden',\n  },\n  contentDisabled: {\n    opacity: 0.4,\n  },\n  contentWrapper: {\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    paddingBottom: 16,\n    paddingHorizontal: 24,\n    paddingTop: 12,\n  },\n  disabled: {\n    borderWidth: 1,\n  },\n  movingLayer: {\n    overflow: 'hidden',\n    position: 'absolute',\n  },\n  pressableLayer: {\n    position: 'absolute',\n  },\n  subtitle: {\n    alignItems: 'flex-end',\n    flexDirection: 'row',\n    opacity: 0.8,\n  },\n  subtitleDisabled: {\n    opacity: 1,\n  },\n  subtitleSecs: {\n    alignItems: 'center',\n  },\n  subtitleSecsWrapper: {\n    overflow: 'hidden',\n  },\n});\n\nexport default HoldButton;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_accessibilityHistoryWrappers","_text","_theme","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","Content","title","subtitlePrefix","subtitleSuffix","width","height","textColor","progress","holdTimeoutSecs","disabled","nums","useMemo","Array","from","map","_","index","subtitleHeight","setSubtitleHeight","useState","onSubtitleLayout","useCallback","nativeEvent","layout","translateY","useDerivedValue","value","movingUpStyle","useAnimatedStyle","transform","createElement","View","style","styles","contentWrapper","contentDisabled","pointerEvents","Typography","color","numberOfLines","subtitle","subtitleDisabled","onLayout","preset","subtitleSecsWrapper","subtitleSecs","val","key","HoldButtonLayouted","onFinished","ref","props","colorScheme","useAppColorScheme","isFinished","setFinished","useEffect","useSharedValue","onLongPress","onPressIn","holdTimeout","withTiming","duration","easing","Easing","linear","finished","runOnJS","onPressOut","cancelAnimation","translateX","movingRightStyle","movingLeftStyle","contentProps","Fragment","accent","movingLayer","backgroundColor","accentText","pressableLayer","TouchableOpacity","accessibilityRole","undefined","activeOpacity","HoldButton","React","forwardRef","setLayout","onContainerLayout","container","white","background","borderColor","displayName","StyleSheet","create","borderRadius","borderWidth","overflow","opacity","alignItems","justifyContent","paddingBottom","paddingHorizontal","paddingTop","position","flexDirection","_default","exports"],"sources":["hold-button.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { ColorValue, LayoutChangeEvent, StyleSheet, TouchableWithoutFeedbackProps, View } from 'react-native';\nimport Animated, {\n  cancelAnimation,\n  Easing,\n  runOnJS,\n  SharedValue,\n  useAnimatedStyle,\n  useDerivedValue,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated';\n\nimport { TouchableOpacity, TouchableOpacityRef } from '../accessibility/accessibilityHistoryWrappers';\nimport { Typography } from '../text';\nimport { useAppColorScheme } from '../theme';\n\nexport interface HoldButtonProps\n  extends Omit<\n    TouchableWithoutFeedbackProps,\n    'children' | 'onLayout' | 'onPress' | 'onLongPress' | 'onPressIn' | 'onPressOut'\n  > {\n  title: string;\n  subtitlePrefix: string;\n  subtitleSuffix: string;\n  holdTimeoutSecs?: number;\n  onFinished: () => void;\n}\n\ninterface ContentProps {\n  title: string;\n  subtitlePrefix: string;\n  subtitleSuffix: string;\n  width: number;\n  height: number;\n  textColor: ColorValue;\n  progress: SharedValue<number>;\n  holdTimeoutSecs: number;\n  disabled?: boolean;\n}\n\nconst Content = ({\n  title,\n  subtitlePrefix,\n  subtitleSuffix,\n  width,\n  height,\n  textColor,\n  progress,\n  holdTimeoutSecs,\n  disabled,\n}: ContentProps) => {\n  const nums = useMemo(\n    () => Array.from({ length: holdTimeoutSecs + 1 }).map((_, index) => holdTimeoutSecs - index),\n    [holdTimeoutSecs],\n  );\n\n  const [subtitleHeight, setSubtitleHeight] = useState<number>(0);\n  const onSubtitleLayout = useCallback(({ nativeEvent }: LayoutChangeEvent) => {\n    setSubtitleHeight(nativeEvent.layout.height);\n  }, []);\n\n  const translateY = useDerivedValue(\n    () => progress.value * subtitleHeight * holdTimeoutSecs,\n    [subtitleHeight, holdTimeoutSecs],\n  );\n  const movingUpStyle = useAnimatedStyle(() => ({\n    transform: [{ translateY: -translateY.value }],\n  }), [translateY]);\n\n  return (\n    <View style={[styles.contentWrapper, disabled && styles.contentDisabled, { width, height }]} pointerEvents=\"none\">\n      <Typography color={textColor} numberOfLines={1}>\n        {title}\n      </Typography>\n\n      <View style={[styles.subtitle, disabled && styles.subtitleDisabled]}>\n        <Typography onLayout={onSubtitleLayout} preset=\"s/line-height-capped\" color={textColor} numberOfLines={1}>\n          {subtitlePrefix}\n        </Typography>\n        <View style={[styles.subtitleSecsWrapper, { height: subtitleHeight }]}>\n          <Animated.View style={[styles.subtitleSecs, movingUpStyle]}>\n            {nums.map((val) => (\n              <Typography key={val} preset=\"s/line-height-capped\" color={textColor} numberOfLines={1}>\n                {val}\n              </Typography>\n            ))}\n          </Animated.View>\n        </View>\n        <Typography preset=\"s/line-height-capped\" color={textColor} numberOfLines={1}>\n          {subtitleSuffix}\n        </Typography>\n      </View>\n    </View>\n  );\n};\n\ninterface HoldButtonLayoutedProps extends Omit<HoldButtonProps, 'style'> {\n  ref: React.ForwardedRef<TouchableOpacityRef>;\n  width: number;\n  height: number;\n}\n\nconst HoldButtonLayouted = ({\n  title,\n  subtitlePrefix,\n  subtitleSuffix,\n  onFinished,\n  holdTimeoutSecs = 3,\n  width,\n  height,\n  disabled,\n  ref,\n  ...props\n}: HoldButtonLayoutedProps) => {\n  const colorScheme = useAppColorScheme();\n\n  const [isFinished, setFinished] = useState(false);\n  useEffect(() => {\n    if (isFinished) {\n      onFinished();\n    }\n  }, [isFinished, onFinished]);\n\n  const progress = useSharedValue(0);\n\n  const onLongPress = useCallback(() => {\n    // Fix for detox bug https://github.com/wix/Detox/issues/4754\n    if (isFinished || progress.value !== 0) {\n      return;\n    }\n    setFinished(true);\n  }, [progress, isFinished]);\n\n  const onPressIn = useCallback(() => {\n    const holdTimeout = holdTimeoutSecs * 1000;\n\n    // start moving forward\n    progress.value = withTiming(\n      1,\n      {\n        duration: (1 - progress.value) * holdTimeout,\n        easing: Easing.linear,\n      },\n      (finished) => {\n        if (finished) {\n          runOnJS(setFinished)(true);\n        } else {\n          // start moving back\n          progress.value = withTiming(0, {\n            duration: progress.value * holdTimeout,\n            easing: Easing.linear,\n          });\n        }\n      },\n    );\n  }, [holdTimeoutSecs, progress]);\n\n  const onPressOut = useCallback(() => cancelAnimation(progress), [progress]);\n\n  const translateX = useDerivedValue(() => progress.value * width, [width]);\n  const movingRightStyle = useAnimatedStyle(() => ({\n    transform: [{ translateX: translateX.value }],\n  }), [translateX]);\n  const movingLeftStyle = useAnimatedStyle(() => ({\n    transform: [{ translateX: -translateX.value }],\n  }), [translateX]);\n\n  const contentProps = useMemo(\n    () => ({ title, subtitlePrefix, subtitleSuffix, progress, holdTimeoutSecs, width, height }),\n    [title, subtitlePrefix, subtitleSuffix, progress, holdTimeoutSecs, width, height],\n  );\n\n  return (\n    <>\n      <Content textColor={colorScheme.accent} disabled={disabled} {...contentProps} />\n      {!disabled && (\n        <Animated.View style={[styles.movingLayer, { backgroundColor: colorScheme.accent }, movingRightStyle]}>\n          <Animated.View style={movingLeftStyle}>\n            <Content textColor={colorScheme.accentText} {...contentProps} />\n          </Animated.View>\n        </Animated.View>\n      )}\n      <View style={styles.pressableLayer}>\n        <TouchableOpacity\n          accessibilityRole=\"button\"\n          ref={ref}\n          disabled={isFinished || disabled}\n          onLongPress={onLongPress}\n          onPressIn={isFinished ? undefined : onPressIn}\n          onPressOut={isFinished ? undefined : onPressOut}\n          activeOpacity={1}\n          {...props}>\n          <View style={{ width, height }} />\n        </TouchableOpacity>\n      </View>\n    </>\n  );\n};\n\n/**\n * Press and hold button component\n *\n * follows design: https://www.figma.com/design/cCmAyBQrQWCQZuDi85pJfe/Procivis-One-Wallet-Developments-2025?node-id=1-871\n */\nconst HoldButton = React.forwardRef<TouchableOpacityRef, HoldButtonProps>(\n  ({ style, disabled, ...props }, ref) => {\n    const colorScheme = useAppColorScheme();\n\n    const [layout, setLayout] = useState<{ width: number; height: number }>();\n    const onContainerLayout = useCallback(({ nativeEvent }: LayoutChangeEvent) => {\n      setLayout({ width: nativeEvent.layout.width, height: nativeEvent.layout.height });\n    }, []);\n\n    return (\n      <View\n        onLayout={onContainerLayout}\n        style={[\n          styles.container,\n          disabled && styles.disabled,\n          {\n            backgroundColor: disabled ? colorScheme.white : colorScheme.background,\n            borderColor: colorScheme.background,\n          },\n          style,\n        ]}>\n        {layout && <HoldButtonLayouted ref={ref} disabled={disabled} {...props} {...layout} />}\n      </View>\n    );\n  },\n);\n\nHoldButton.displayName = 'HoldButton';\n\nconst styles = StyleSheet.create({\n  container: {\n    borderRadius: 12,\n    borderWidth: 0,\n    height: 68,\n    overflow: 'hidden',\n  },\n  contentDisabled: {\n    opacity: 0.4,\n  },\n  contentWrapper: {\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    paddingBottom: 16,\n    paddingHorizontal: 24,\n    paddingTop: 12,\n  },\n  disabled: {\n    borderWidth: 1,\n  },\n  movingLayer: {\n    overflow: 'hidden',\n    position: 'absolute',\n  },\n  pressableLayer: {\n    position: 'absolute',\n  },\n  subtitle: {\n    alignItems: 'flex-end',\n    flexDirection: 'row',\n    opacity: 0.8,\n  },\n  subtitleDisabled: {\n    opacity: 1,\n  },\n  subtitleSecs: {\n    alignItems: 'center',\n  },\n  subtitleSecsWrapper: {\n    overflow: 'hidden',\n  },\n});\n\nexport default HoldButton;\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui-components/buttons/scan-button.js

@@ -51,12 +51,14 @@ var _default = exports.default = ScanButton;
 const styles = _reactNative.StyleSheet.create({
   blurWrapper: {
     borderRadius: 28,
+    borderWidth: 0,
     height: 80,
     padding: 8,
     width: 104
   },
   button: {
     borderRadius: 28,
+    borderWidth: 0,
     height: 80,
     left: '50%',
     marginLeft: -52,
@@ -73,6 +75,7 @@ const styles = _reactNative.StyleSheet.create({
   iconWrapper: {
     alignItems: 'center',
     borderRadius: 20,
+    borderWidth: 0,
     height: '100%',
     justifyContent: 'center',
     width: '100%'

package/lib/commonjs/ui-components/buttons/scan-button.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSafeAreaContext","_accessibilityHistoryWrappers","_accessibilityLanguage","_blurView","_icons","_theme","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","hitSlop","top","left","bottom","right","ScanButton","React","forwardRef","style","props","ref","useAccessibilityTranslation","colorScheme","useAppColorScheme","insets","useSafeAreaInsets","createElement","TouchableOpacity","accessibilityLabel","accessibilityRole","styles","button","Math","max","blurStyle","blurWrapper","View","iconWrapper","backgroundColor","accent","ScanIcon","color","white","displayName","_default","exports","StyleSheet","create","borderRadius","height","padding","width","marginLeft","position","shadowColor","shadowOffset","shadowOpacity","shadowRadius","alignItems","justifyContent"],"sources":["scan-button.tsx"],"sourcesContent":["import React from 'react';\nimport { Insets, StyleSheet, TouchableOpacityProps, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { TouchableOpacity, TouchableOpacityRef } from '../accessibility/accessibilityHistoryWrappers';\nimport { useAccessibilityTranslation } from '../accessibility/accessibilityLanguage';\nimport BlurView from '../blur/blur-view';\nimport { ScanIcon } from '../icons';\nimport { useAppColorScheme } from '../theme';\n\nexport type ScanButtonProps = TouchableOpacityProps;\n\nconst hitSlop: Insets = { top: 10, left: 10, bottom: 10, right: 10 };\n\nconst ScanButton = React.forwardRef<TouchableOpacityRef, ScanButtonProps>(({ style, ...props }, ref) => {\n  const t = useAccessibilityTranslation();\n  const colorScheme = useAppColorScheme();\n  const insets = useSafeAreaInsets();\n\n  return (\n    <TouchableOpacity\n      accessibilityLabel={t('accessibility.icon.scan')}\n      accessibilityRole=\"button\"\n      hitSlop={hitSlop}\n      ref={ref}\n      style={[styles.button, { bottom: Math.max(24, insets.bottom) }, style]}\n      {...props}>\n      <BlurView blurStyle=\"soft\" style={styles.blurWrapper}>\n        <View style={[styles.iconWrapper, { backgroundColor: colorScheme.accent }]}>\n          <ScanIcon color={colorScheme.white} />\n        </View>\n      </BlurView>\n    </TouchableOpacity>\n  );\n});\n\nScanButton.displayName = 'ScanButton';\nexport default ScanButton;\n\nconst styles = StyleSheet.create({\n  blurWrapper: {\n    borderRadius: 28,\n    height: 80,\n    padding: 8,\n    width: 104,\n  },\n  button: {\n    borderRadius: 28,\n    height: 80,\n    left: '50%',\n    marginLeft: -52,\n    position: 'absolute',\n    shadowColor: '#000000',\n    shadowOffset: { height: 4, width: 0 },\n    shadowOpacity: 0.2,\n    shadowRadius: 24,\n    width: 104,\n  },\n  iconWrapper: {\n    alignItems: 'center',\n    borderRadius: 20,\n    height: '100%',\n    justifyContent: 'center',\n    width: '100%',\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSafeAreaContext","_accessibilityHistoryWrappers","_accessibilityLanguage","_blurView","_icons","_theme","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","hitSlop","top","left","bottom","right","ScanButton","React","forwardRef","style","props","ref","useAccessibilityTranslation","colorScheme","useAppColorScheme","insets","useSafeAreaInsets","createElement","TouchableOpacity","accessibilityLabel","accessibilityRole","styles","button","Math","max","blurStyle","blurWrapper","View","iconWrapper","backgroundColor","accent","ScanIcon","color","white","displayName","_default","exports","StyleSheet","create","borderRadius","borderWidth","height","padding","width","marginLeft","position","shadowColor","shadowOffset","shadowOpacity","shadowRadius","alignItems","justifyContent"],"sources":["scan-button.tsx"],"sourcesContent":["import React from 'react';\nimport { Insets, StyleSheet, TouchableOpacityProps, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { TouchableOpacity, TouchableOpacityRef } from '../accessibility/accessibilityHistoryWrappers';\nimport { useAccessibilityTranslation } from '../accessibility/accessibilityLanguage';\nimport BlurView from '../blur/blur-view';\nimport { ScanIcon } from '../icons';\nimport { useAppColorScheme } from '../theme';\n\nexport type ScanButtonProps = TouchableOpacityProps;\n\nconst hitSlop: Insets = { top: 10, left: 10, bottom: 10, right: 10 };\n\nconst ScanButton = React.forwardRef<TouchableOpacityRef, ScanButtonProps>(({ style, ...props }, ref) => {\n  const t = useAccessibilityTranslation();\n  const colorScheme = useAppColorScheme();\n  const insets = useSafeAreaInsets();\n\n  return (\n    <TouchableOpacity\n      accessibilityLabel={t('accessibility.icon.scan')}\n      accessibilityRole=\"button\"\n      hitSlop={hitSlop}\n      ref={ref}\n      style={[styles.button, { bottom: Math.max(24, insets.bottom) }, style]}\n      {...props}>\n      <BlurView blurStyle=\"soft\" style={styles.blurWrapper}>\n        <View style={[styles.iconWrapper, { backgroundColor: colorScheme.accent }]}>\n          <ScanIcon color={colorScheme.white} />\n        </View>\n      </BlurView>\n    </TouchableOpacity>\n  );\n});\n\nScanButton.displayName = 'ScanButton';\nexport default ScanButton;\n\nconst styles = StyleSheet.create({\n  blurWrapper: {\n    borderRadius: 28,\n    borderWidth: 0,\n    height: 80,\n    padding: 8,\n    width: 104,\n  },\n  button: {\n    borderRadius: 28,\n    borderWidth: 0,\n    height: 80,\n    left: '50%',\n    marginLeft: -52,\n    position: 'absolute',\n    shadowColor: '#000000',\n    shadowOffset: { height: 4, width: 0 },\n    shadowOpacity: 0.2,\n    shadowRadius: 24,\n    width: 104,\n  },\n  iconWrapper: {\n    alignItems: 'center',\n    borderRadius: 20,\n    borderWidth: 0,\n    height: '100%',\n    justifyContent: 'center',\n    width: '100%',\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui-components/buttons/share-button.js

@@ -38,6 +38,7 @@ const ShareButton = ({
 const styles = _reactNative.StyleSheet.create({
   button: {
     borderRadius: 5,
+    borderWidth: 0,
     overflow: 'hidden'
   },
   container: {

package/lib/commonjs/ui-components/buttons/share-button.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_utils","_accessibility","_icons","_text","_theme","e","__esModule","default","ShareButton","onPress","style","title","testID","colorScheme","useAppColorScheme","createElement","TouchableHighlight","styles","button","View","container","backgroundColor","white","LinkIcon","color","text","Typography","concatTestID","preset","StyleSheet","create","borderRadius","overflow","alignItems","flexDirection","gap","height","paddingLeft","paddingRight","paddingVertical","_default","exports"],"sources":["share-button.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { concatTestID } from '../../utils';\nimport { TouchableHighlight } from '../accessibility';\nimport { LinkIcon } from '../icons';\nimport { Typography } from '../text';\nimport { useAppColorScheme } from '../theme';\n\nexport type ShareButtonProps = {\n  onPress?: () => void;\n  style?: StyleProp<ViewStyle>;\n  title?: string;\n  testID?: string;\n};\n\nconst ShareButton: FC<ShareButtonProps> = ({\n  onPress,\n  style,\n  title,\n  testID,\n}) => {\n  const colorScheme = useAppColorScheme();\n\n  return (\n    <TouchableHighlight onPress={onPress} style={[styles.button, style]} testID={testID}>\n      <View style={[styles.container, { backgroundColor: colorScheme.white }]}>\n        <LinkIcon color={colorScheme.text} />\n        {title && (\n          <Typography testID={concatTestID(testID, 'title')} color={colorScheme.text} preset=\"s\">\n            {title}\n          </Typography>\n        )}\n      </View>\n    </TouchableHighlight>\n  );\n};\n\nconst styles = StyleSheet.create({\n  button: {\n    borderRadius: 5,\n    overflow: 'hidden',\n  },\n  container: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    gap: 5,\n    height: 32,\n    paddingLeft: 4,\n    paddingRight: 6,\n    paddingVertical: 5,\n  },\n});\n\nexport default ShareButton;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAA6C,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAS7C,MAAMG,WAAiC,GAAGA,CAAC;EACzCC,OAAO;EACPC,KAAK;EACLC,KAAK;EACLC;AACF,CAAC,KAAK;EACJ,MAAMC,WAAW,GAAG,IAAAC,wBAAiB,EAAC,CAAC;EAEvC,oBACElB,MAAA,CAAAW,OAAA,CAAAQ,aAAA,CAACd,cAAA,CAAAe,kBAAkB;IAACP,OAAO,EAAEA,OAAQ;IAACC,KAAK,EAAE,CAACO,MAAM,CAACC,MAAM,EAAER,KAAK,CAAE;IAACE,MAAM,EAAEA;EAAO,gBAClFhB,MAAA,CAAAW,OAAA,CAAAQ,aAAA,CAAChB,YAAA,CAAAoB,IAAI;IAACT,KAAK,EAAE,CAACO,MAAM,CAACG,SAAS,EAAE;MAAEC,eAAe,EAAER,WAAW,CAACS;IAAM,CAAC;EAAE,gBACtE1B,MAAA,CAAAW,OAAA,CAAAQ,aAAA,CAACb,MAAA,CAAAqB,QAAQ;IAACC,KAAK,EAAEX,WAAW,CAACY;EAAK,CAAE,CAAC,EACpCd,KAAK,iBACJf,MAAA,CAAAW,OAAA,CAAAQ,aAAA,CAACZ,KAAA,CAAAuB,UAAU;IAACd,MAAM,EAAE,IAAAe,mBAAY,EAACf,MAAM,EAAE,OAAO,CAAE;IAACY,KAAK,EAAEX,WAAW,CAACY,IAAK;IAACG,MAAM,EAAC;EAAG,GACnFjB,KACS,CAEV,CACY,CAAC;AAEzB,CAAC;AAED,MAAMM,MAAM,GAAGY,uBAAU,CAACC,MAAM,CAAC;EAC/BZ,MAAM,EAAE;IACNa,YAAY,EAAE,CAAC;IACfC,QAAQ,EAAE;EACZ,CAAC;EACDZ,SAAS,EAAE;IACTa,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAE,CAAC;IACNC,MAAM,EAAE,EAAE;IACVC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAlC,OAAA,GAEYC,WAAW","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_utils","_accessibility","_icons","_text","_theme","e","__esModule","default","ShareButton","onPress","style","title","testID","colorScheme","useAppColorScheme","createElement","TouchableHighlight","styles","button","View","container","backgroundColor","white","LinkIcon","color","text","Typography","concatTestID","preset","StyleSheet","create","borderRadius","borderWidth","overflow","alignItems","flexDirection","gap","height","paddingLeft","paddingRight","paddingVertical","_default","exports"],"sources":["share-button.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { concatTestID } from '../../utils';\nimport { TouchableHighlight } from '../accessibility';\nimport { LinkIcon } from '../icons';\nimport { Typography } from '../text';\nimport { useAppColorScheme } from '../theme';\n\nexport type ShareButtonProps = {\n  onPress?: () => void;\n  style?: StyleProp<ViewStyle>;\n  title?: string;\n  testID?: string;\n};\n\nconst ShareButton: FC<ShareButtonProps> = ({\n  onPress,\n  style,\n  title,\n  testID,\n}) => {\n  const colorScheme = useAppColorScheme();\n\n  return (\n    <TouchableHighlight onPress={onPress} style={[styles.button, style]} testID={testID}>\n      <View style={[styles.container, { backgroundColor: colorScheme.white }]}>\n        <LinkIcon color={colorScheme.text} />\n        {title && (\n          <Typography testID={concatTestID(testID, 'title')} color={colorScheme.text} preset=\"s\">\n            {title}\n          </Typography>\n        )}\n      </View>\n    </TouchableHighlight>\n  );\n};\n\nconst styles = StyleSheet.create({\n  button: {\n    borderRadius: 5,\n    borderWidth: 0,\n    overflow: 'hidden',\n  },\n  container: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    gap: 5,\n    height: 32,\n    paddingLeft: 4,\n    paddingRight: 6,\n    paddingVertical: 5,\n  },\n});\n\nexport default ShareButton;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAA6C,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAS7C,MAAMG,WAAiC,GAAGA,CAAC;EACzCC,OAAO;EACPC,KAAK;EACLC,KAAK;EACLC;AACF,CAAC,KAAK;EACJ,MAAMC,WAAW,GAAG,IAAAC,wBAAiB,EAAC,CAAC;EAEvC,oBACElB,MAAA,CAAAW,OAAA,CAAAQ,aAAA,CAACd,cAAA,CAAAe,kBAAkB;IAACP,OAAO,EAAEA,OAAQ;IAACC,KAAK,EAAE,CAACO,MAAM,CAACC,MAAM,EAAER,KAAK,CAAE;IAACE,MAAM,EAAEA;EAAO,gBAClFhB,MAAA,CAAAW,OAAA,CAAAQ,aAAA,CAAChB,YAAA,CAAAoB,IAAI;IAACT,KAAK,EAAE,CAACO,MAAM,CAACG,SAAS,EAAE;MAAEC,eAAe,EAAER,WAAW,CAACS;IAAM,CAAC;EAAE,gBACtE1B,MAAA,CAAAW,OAAA,CAAAQ,aAAA,CAACb,MAAA,CAAAqB,QAAQ;IAACC,KAAK,EAAEX,WAAW,CAACY;EAAK,CAAE,CAAC,EACpCd,KAAK,iBACJf,MAAA,CAAAW,OAAA,CAAAQ,aAAA,CAACZ,KAAA,CAAAuB,UAAU;IAACd,MAAM,EAAE,IAAAe,mBAAY,EAACf,MAAM,EAAE,OAAO,CAAE;IAACY,KAAK,EAAEX,WAAW,CAACY,IAAK;IAACG,MAAM,EAAC;EAAG,GACnFjB,KACS,CAEV,CACY,CAAC;AAEzB,CAAC;AAED,MAAMM,MAAM,GAAGY,uBAAU,CAACC,MAAM,CAAC;EAC/BZ,MAAM,EAAE;IACNa,YAAY,EAAE,CAAC;IACfC,WAAW,EAAE,CAAC;IACdC,QAAQ,EAAE;EACZ,CAAC;EACDb,SAAS,EAAE;IACTc,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAE,CAAC;IACNC,MAAM,EAAE,EAAE;IACVC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAnC,OAAA,GAEYC,WAAW","ignoreList":[]}

package/lib/commonjs/ui-components/control/checkbox.js

@@ -58,6 +58,7 @@ const styles = _reactNative.StyleSheet.create({
   container: {
     alignItems: 'center',
     borderRadius: 12,
+    borderWidth: 0,
     flexDirection: 'row',
     padding: 12
   },

package/lib/commonjs/ui-components/control/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_accessibilityHistoryWrappers","_accessibilityLanguage","_selector","_text","_theme","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","Checkbox","style","text","value","disabled","onValueChanged","props","useAccessibilityTranslation","colorScheme","useAppColorScheme","onPress","useCallback","createElement","TouchableOpacity","activeOpacity","accessibilityRole","accessibilityState","accessibilityValue","undefined","styles","container","backgroundColor","background","CheckedIcon","View","unchecked","borderColor","grayDark","white","Typography","preset","color","exports","StyleSheet","create","alignItems","borderRadius","flexDirection","padding","opacity","flex","marginLeft","borderWidth","height","width"],"sources":["checkbox.tsx"],"sourcesContent":["import React, { FC, ReactNode, useCallback } from 'react';\nimport { StyleSheet, TouchableOpacityProps, View } from 'react-native';\n\nimport { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';\nimport { useAccessibilityTranslation } from '../accessibility/accessibilityLanguage';\nimport { CheckedIcon } from '../icons/selector';\nimport { Typography } from '../text';\nimport { useAppColorScheme } from '../theme';\n\nexport interface CheckboxProps extends TouchableOpacityProps {\n  value: boolean;\n  text: ReactNode;\n  onValueChanged: (value: boolean) => void;\n  disabled?: boolean;\n}\n\nexport const Checkbox: FC<CheckboxProps> = ({ style, text, value, disabled, onValueChanged, ...props }) => {\n  const t = useAccessibilityTranslation();\n  const colorScheme = useAppColorScheme();\n\n  const onPress = useCallback(() => onValueChanged(!value), [onValueChanged, value]);\n\n  return (\n    <TouchableOpacity\n      activeOpacity={0.8}\n      accessibilityRole=\"checkbox\"\n      accessibilityState={{ disabled }}\n      accessibilityValue={\n        disabled ? undefined : { text: t(value ? 'accessibility.control.checked' : 'accessibility.control.unchecked') }\n      }\n      disabled={disabled}\n      style={[styles.container, { backgroundColor: colorScheme.background }, style]}\n      onPress={onPress}\n      {...props}>\n      {value ? (\n        <CheckedIcon style={disabled && styles.disabled} />\n      ) : (\n        <View\n          style={[\n            styles.unchecked,\n            {\n              borderColor: colorScheme.grayDark,\n              backgroundColor: disabled ? colorScheme.background : colorScheme.white,\n            },\n          ]}\n        />\n      )}\n      <View style={[styles.text, disabled && styles.disabled]}>\n        {typeof text === 'string' ? (\n          <Typography preset=\"xs/line-height-small\" color={colorScheme.text}>\n            {text}\n          </Typography>\n        ) : (\n          text\n        )}\n      </View>\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    borderRadius: 12,\n    flexDirection: 'row',\n    padding: 12,\n  },\n  disabled: {\n    opacity: 0.4,\n  },\n  text: {\n    flex: 1,\n    marginLeft: 12,\n  },\n  unchecked: {\n    borderRadius: 12,\n    borderWidth: 1,\n    height: 24,\n    width: 24,\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_accessibilityHistoryWrappers","_accessibilityLanguage","_selector","_text","_theme","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","Checkbox","style","text","value","disabled","onValueChanged","props","useAccessibilityTranslation","colorScheme","useAppColorScheme","onPress","useCallback","createElement","TouchableOpacity","activeOpacity","accessibilityRole","accessibilityState","accessibilityValue","undefined","styles","container","backgroundColor","background","CheckedIcon","View","unchecked","borderColor","grayDark","white","Typography","preset","color","exports","StyleSheet","create","alignItems","borderRadius","borderWidth","flexDirection","padding","opacity","flex","marginLeft","height","width"],"sources":["checkbox.tsx"],"sourcesContent":["import React, { FC, ReactNode, useCallback } from 'react';\nimport { StyleSheet, TouchableOpacityProps, View } from 'react-native';\n\nimport { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';\nimport { useAccessibilityTranslation } from '../accessibility/accessibilityLanguage';\nimport { CheckedIcon } from '../icons/selector';\nimport { Typography } from '../text';\nimport { useAppColorScheme } from '../theme';\n\nexport interface CheckboxProps extends TouchableOpacityProps {\n  value: boolean;\n  text: ReactNode;\n  onValueChanged: (value: boolean) => void;\n  disabled?: boolean;\n}\n\nexport const Checkbox: FC<CheckboxProps> = ({ style, text, value, disabled, onValueChanged, ...props }) => {\n  const t = useAccessibilityTranslation();\n  const colorScheme = useAppColorScheme();\n\n  const onPress = useCallback(() => onValueChanged(!value), [onValueChanged, value]);\n\n  return (\n    <TouchableOpacity\n      activeOpacity={0.8}\n      accessibilityRole=\"checkbox\"\n      accessibilityState={{ disabled }}\n      accessibilityValue={\n        disabled ? undefined : { text: t(value ? 'accessibility.control.checked' : 'accessibility.control.unchecked') }\n      }\n      disabled={disabled}\n      style={[styles.container, { backgroundColor: colorScheme.background }, style]}\n      onPress={onPress}\n      {...props}>\n      {value ? (\n        <CheckedIcon style={disabled && styles.disabled} />\n      ) : (\n        <View\n          style={[\n            styles.unchecked,\n            {\n              borderColor: colorScheme.grayDark,\n              backgroundColor: disabled ? colorScheme.background : colorScheme.white,\n            },\n          ]}\n        />\n      )}\n      <View style={[styles.text, disabled && styles.disabled]}>\n        {typeof text === 'string' ? (\n          <Typography preset=\"xs/line-height-small\" color={colorScheme.text}>\n            {text}\n          </Typography>\n        ) : (\n          text\n        )}\n      </View>\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    borderRadius: 12,\n    borderWidth: 0,\n    flexDirection: 'row',\n    padding: 12,\n  },\n  disabled: {\n    opacity: 0.4,\n  },\n  text: {\n    flex: 1,\n    marginLeft: 12,\n  },\n  unchecked: {\n    borderRadius: 12,\n    borderWidth: 1,\n    height: 24,\n    width: 24,\n  },\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -120,6 +120,7 @@ const CredentialCard = ({
 const styles = _reactNative.StyleSheet.create({
   card: {
     borderRadius: 10,
+    borderWidth: 0,
     overflow: 'hidden'
   },
   cardButton: {

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_testID","_accessibilityHistoryWrappers","_blurView","_interopRequireDefault","_imageOrComponent","_typography","_colorSchemeContext","_credentialHeader","_credentialImageCarousel","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","CredentialCardShadow","exports","shadowColor","shadowOffset","height","width","shadowOpacity","shadowRadius","CredentialCardRatio","CredentialCard","cardCarouselImages","cardImage","color","credentialId","header","notice","onCardPress","onHeaderPress","style","testID","_header$color","colorScheme","useAppColorScheme","cardSize","Math","ceil","headerPressHandler","useCallback","cardPressHandler","noticeIconView","useMemo","noticeIcon","undefined","React","isValidElement","NoticeIconComponent","createElement","shouldShowCarousel","View","styles","card","Image","concatTestID","source","imageSource","image","String","backgroundColor","TouchableOpacity","cardButton","onPress","carousel","imagesToRender","carouselSize","activeOpacity","disabled","blurStyle","noticeTextWrapper","text","preset","noticeText","StyleSheet","create","borderRadius","overflow","position","marginTop","top","bottom","columnGap","flexDirection","justifyContent","paddingBottom","paddingHorizontal","paddingTop","marginVertical","flex","_default"],"sources":["credential-card.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo } from 'react';\nimport { ColorValue, Image, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { concatTestID } from '../../../utils/testID';\nimport { TouchableOpacity } from '../../accessibility/accessibilityHistoryWrappers';\nimport BlurView from '../../blur/blur-view';\nimport ImageOrComponent, { ImageOrComponentSource } from '../../image/image-or-component';\nimport Typography from '../../text/typography';\nimport { useAppColorScheme } from '../../theme/color-scheme-context';\nimport CredentialHeader, { CredentialHeaderProps } from './credential-header';\nimport CarouselComponent, { CarouselImage } from './credential-image-carousel';\n\nexport const CredentialCardShadow: Pick<ViewStyle, 'shadowColor' | 'shadowOffset' | 'shadowOpacity' | 'shadowRadius'> =\n  {\n    shadowColor: '#10274226',\n    shadowOffset: {\n      height: 5,\n      width: 0,\n    },\n    shadowOpacity: 1,\n    shadowRadius: 7,\n  };\n\nexport const CredentialCardRatio = 18 / 11;\n\nexport type CredentialCardNotice = {\n  text: string;\n  noticeIcon?: React.ComponentType<any> | React.ReactElement;\n};\n\nexport type CredentialCardProps = {\n  cardCarouselImages?: CarouselImage[];\n  cardImage?: ImageOrComponentSource;\n  color?: ColorValue;\n  credentialId?: string;\n  header: CredentialHeaderProps;\n  notice?: CredentialCardNotice;\n  onCardPress?: (credentialId?: string) => void;\n  onHeaderPress?: (credentialId?: string) => void;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n  width: number;\n};\n\nconst CredentialCard: FC<CredentialCardProps> = ({\n  cardCarouselImages = [],\n  cardImage,\n  color = '#5A69F3',\n  credentialId,\n  header,\n  notice,\n  onCardPress,\n  onHeaderPress,\n  style,\n  testID,\n  width,\n}) => {\n  const colorScheme = useAppColorScheme();\n  const cardSize = {\n    width,\n    height: Math.ceil(width / CredentialCardRatio),\n  };\n\n  const headerPressHandler = useCallback(() => {\n    onHeaderPress?.(credentialId);\n  }, [credentialId, onHeaderPress]);\n\n  const cardPressHandler = useCallback(() => {\n    onCardPress?.(credentialId);\n  }, [credentialId, onCardPress]);\n\n  const noticeIconView: React.ReactElement | undefined = useMemo(() => {\n    if (!notice?.noticeIcon) {\n      return undefined;\n    }\n    if (React.isValidElement(notice.noticeIcon)) {\n      return notice.noticeIcon;\n    } else {\n      const NoticeIconComponent = notice.noticeIcon as React.ComponentType<any>;\n      return <NoticeIconComponent />;\n    }\n  }, [notice?.noticeIcon]);\n\n  const shouldShowCarousel = cardSize?.width && cardSize.height;\n  return (\n    <View style={[styles.card, cardSize, style]} testID={testID}>\n      {cardImage ? (\n        'imageSource' in cardImage ? (\n          <View style={cardSize}>\n            <Image testID={concatTestID(testID, 'imageSource')} source={cardImage.imageSource} style={styles.image} />\n          </View>\n        ) : (\n          <ImageOrComponent testID={concatTestID(testID, 'cardImage')} source={cardImage} style={cardSize} />\n        )\n      ) : (\n        <View\n          testID={concatTestID(testID, 'cardBackgroundColor', String(color))}\n          style={[cardSize, { backgroundColor: color }]}\n        />\n      )}\n      {onCardPress && <TouchableOpacity style={styles.cardButton} onPress={cardPressHandler} />}\n      {shouldShowCarousel ? (\n        <CarouselComponent\n          style={styles.carousel}\n          imagesToRender={cardCarouselImages ?? []}\n          carouselSize={{\n            width: cardSize.width,\n            height: cardSize.height - 60,\n          }}\n          testID={concatTestID(testID, 'carousel')}\n        />\n      ) : null}\n      <TouchableOpacity\n        activeOpacity={0.9}\n        disabled={!onHeaderPress}\n        onPress={headerPressHandler}\n        style={styles.header}>\n        <CredentialHeader {...header} color={header.color ?? color} testID={concatTestID(testID, 'header')} />\n      </TouchableOpacity>\n      {notice && (\n        <BlurView blurStyle=\"soft\" style={[styles.notice]} testID={concatTestID(testID, 'notice')}>\n          {noticeIconView && <View style={styles.noticeIcon}>{noticeIconView}</View>}\n          <View style={styles.noticeTextWrapper}>\n            <Typography\n              color={colorScheme.text}\n              preset=\"xs/line-height-small\"\n              style={styles.noticeText}\n              testID={concatTestID(testID, 'notice.text')}>\n              {notice.text}\n            </Typography>\n          </View>\n        </BlurView>\n      )}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  card: {\n    borderRadius: 10,\n    overflow: 'hidden',\n  },\n  cardButton: {\n    height: '100%',\n    position: 'absolute',\n    width: '100%',\n  },\n  carousel: {\n    marginTop: 60,\n  },\n  header: {\n    position: 'absolute',\n    top: 0,\n    width: '100%',\n  },\n  image: {\n    height: '100%',\n    width: '100%',\n  },\n  notice: {\n    bottom: 0,\n    columnGap: 6,\n    flexDirection: 'row',\n    justifyContent: 'flex-start',\n    paddingBottom: 6,\n    paddingHorizontal: 12,\n    paddingTop: 2,\n    position: 'absolute',\n    width: '100%',\n  },\n  noticeIcon: {\n    marginTop: 4,\n  },\n  noticeText: {\n    marginVertical: 5,\n  },\n  noticeTextWrapper: {\n    flex: 1,\n  },\n});\n\nexport default CredentialCard;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_testID","_accessibilityHistoryWrappers","_blurView","_interopRequireDefault","_imageOrComponent","_typography","_colorSchemeContext","_credentialHeader","_credentialImageCarousel","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","CredentialCardShadow","exports","shadowColor","shadowOffset","height","width","shadowOpacity","shadowRadius","CredentialCardRatio","CredentialCard","cardCarouselImages","cardImage","color","credentialId","header","notice","onCardPress","onHeaderPress","style","testID","_header$color","colorScheme","useAppColorScheme","cardSize","Math","ceil","headerPressHandler","useCallback","cardPressHandler","noticeIconView","useMemo","noticeIcon","undefined","React","isValidElement","NoticeIconComponent","createElement","shouldShowCarousel","View","styles","card","Image","concatTestID","source","imageSource","image","String","backgroundColor","TouchableOpacity","cardButton","onPress","carousel","imagesToRender","carouselSize","activeOpacity","disabled","blurStyle","noticeTextWrapper","text","preset","noticeText","StyleSheet","create","borderRadius","borderWidth","overflow","position","marginTop","top","bottom","columnGap","flexDirection","justifyContent","paddingBottom","paddingHorizontal","paddingTop","marginVertical","flex","_default"],"sources":["credential-card.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo } from 'react';\nimport { ColorValue, Image, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { concatTestID } from '../../../utils/testID';\nimport { TouchableOpacity } from '../../accessibility/accessibilityHistoryWrappers';\nimport BlurView from '../../blur/blur-view';\nimport ImageOrComponent, { ImageOrComponentSource } from '../../image/image-or-component';\nimport Typography from '../../text/typography';\nimport { useAppColorScheme } from '../../theme/color-scheme-context';\nimport CredentialHeader, { CredentialHeaderProps } from './credential-header';\nimport CarouselComponent, { CarouselImage } from './credential-image-carousel';\n\nexport const CredentialCardShadow: Pick<ViewStyle, 'shadowColor' | 'shadowOffset' | 'shadowOpacity' | 'shadowRadius'> =\n  {\n    shadowColor: '#10274226',\n    shadowOffset: {\n      height: 5,\n      width: 0,\n    },\n    shadowOpacity: 1,\n    shadowRadius: 7,\n  };\n\nexport const CredentialCardRatio = 18 / 11;\n\nexport type CredentialCardNotice = {\n  text: string;\n  noticeIcon?: React.ComponentType<any> | React.ReactElement;\n};\n\nexport type CredentialCardProps = {\n  cardCarouselImages?: CarouselImage[];\n  cardImage?: ImageOrComponentSource;\n  color?: ColorValue;\n  credentialId?: string;\n  header: CredentialHeaderProps;\n  notice?: CredentialCardNotice;\n  onCardPress?: (credentialId?: string) => void;\n  onHeaderPress?: (credentialId?: string) => void;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n  width: number;\n};\n\nconst CredentialCard: FC<CredentialCardProps> = ({\n  cardCarouselImages = [],\n  cardImage,\n  color = '#5A69F3',\n  credentialId,\n  header,\n  notice,\n  onCardPress,\n  onHeaderPress,\n  style,\n  testID,\n  width,\n}) => {\n  const colorScheme = useAppColorScheme();\n  const cardSize = {\n    width,\n    height: Math.ceil(width / CredentialCardRatio),\n  };\n\n  const headerPressHandler = useCallback(() => {\n    onHeaderPress?.(credentialId);\n  }, [credentialId, onHeaderPress]);\n\n  const cardPressHandler = useCallback(() => {\n    onCardPress?.(credentialId);\n  }, [credentialId, onCardPress]);\n\n  const noticeIconView: React.ReactElement | undefined = useMemo(() => {\n    if (!notice?.noticeIcon) {\n      return undefined;\n    }\n    if (React.isValidElement(notice.noticeIcon)) {\n      return notice.noticeIcon;\n    } else {\n      const NoticeIconComponent = notice.noticeIcon as React.ComponentType<any>;\n      return <NoticeIconComponent />;\n    }\n  }, [notice?.noticeIcon]);\n\n  const shouldShowCarousel = cardSize?.width && cardSize.height;\n  return (\n    <View style={[styles.card, cardSize, style]} testID={testID}>\n      {cardImage ? (\n        'imageSource' in cardImage ? (\n          <View style={cardSize}>\n            <Image testID={concatTestID(testID, 'imageSource')} source={cardImage.imageSource} style={styles.image} />\n          </View>\n        ) : (\n          <ImageOrComponent testID={concatTestID(testID, 'cardImage')} source={cardImage} style={cardSize} />\n        )\n      ) : (\n        <View\n          testID={concatTestID(testID, 'cardBackgroundColor', String(color))}\n          style={[cardSize, { backgroundColor: color }]}\n        />\n      )}\n      {onCardPress && <TouchableOpacity style={styles.cardButton} onPress={cardPressHandler} />}\n      {shouldShowCarousel ? (\n        <CarouselComponent\n          style={styles.carousel}\n          imagesToRender={cardCarouselImages ?? []}\n          carouselSize={{\n            width: cardSize.width,\n            height: cardSize.height - 60,\n          }}\n          testID={concatTestID(testID, 'carousel')}\n        />\n      ) : null}\n      <TouchableOpacity\n        activeOpacity={0.9}\n        disabled={!onHeaderPress}\n        onPress={headerPressHandler}\n        style={styles.header}>\n        <CredentialHeader {...header} color={header.color ?? color} testID={concatTestID(testID, 'header')} />\n      </TouchableOpacity>\n      {notice && (\n        <BlurView blurStyle=\"soft\" style={[styles.notice]} testID={concatTestID(testID, 'notice')}>\n          {noticeIconView && <View style={styles.noticeIcon}>{noticeIconView}</View>}\n          <View style={styles.noticeTextWrapper}>\n            <Typography\n              color={colorScheme.text}\n              preset=\"xs/line-height-small\"\n              style={styles.noticeText}\n              testID={concatTestID(testID, 'notice.text')}>\n              {notice.text}\n            </Typography>\n          </View>\n        </BlurView>\n      )}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  card: {\n    borderRadius: 10,\n    borderWidth: 0,\n    overflow: 'hidden',\n  },\n  cardButton: {\n    height: '100%',\n    position: 'absolute',\n    width: '100%',\n  },\n  carousel: {\n    marginTop: 60,\n  },\n  header: {\n    position: 'absolute',\n    top: 0,\n    width: '100%',\n  },\n  image: {\n    height: '100%',\n    width: '100%',\n  },\n  notice: {\n    bottom: 0,\n    columnGap: 6,\n    flexDirection: 'row',\n    justifyContent: 'flex-start',\n    paddingBottom: 6,\n    paddingHorizontal: 12,\n    paddingTop: 2,\n    position: 'absolute',\n    width: '100%',\n  },\n  noticeIcon: {\n    marginTop: 4,\n  },\n  noticeText: {\n    marginVertical: 5,\n  },\n  noticeTextWrapper: {\n    flex: 1,\n  },\n});\n\nexport default CredentialCard;\n"],"mappings":"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","ignoreList":[]}

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

@@ -175,10 +175,12 @@ const styles = _reactNative.StyleSheet.create({
     width: '100%'
   },
   card: {
-    borderRadius: 0
+    borderRadius: 0,
+    borderWidth: 0
   },
   detailsCard: {
     borderRadius: 10,
+    borderWidth: 0,
     overflow: 'hidden'
   },
   footer: {

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_credentialCard","_credentialDetailsCard","_interopRequireDefault","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","CredentialDetailsCardListItem","detailsCardStyle","expanded","lastItem","style","props","detailsCardHeight","setDetailsCardHeight","useState","cardWidth","card","width","minHeight","Math","ceil","CredentialCardRatio","onContentLayout","useCallback","event","_StyleSheet$flatten$b","_StyleSheet$flatten","height","nativeEvent","layout","borderWidth","StyleSheet","flatten","cardHeight","round","createElement","View","LinearTransition","styles","animatedWrapper","cardWrapper","animate","onLayout","create","CredentialCardShadow","borderRadius","overflow","_default","exports"],"sources":["credential-details-list-item.tsx"],"sourcesContent":["import React, { FC, useCallback, useState } from 'react';\nimport { LayoutChangeEvent, StyleProp, StyleSheet, ViewStyle } from 'react-native';\nimport Animated, { LinearTransition } from 'react-native-reanimated';\n\nimport { CredentialCardRatio, CredentialCardShadow } from './credential-card';\nimport CredentialDetailsCard, { CredentialDetailsCardProps } from './credential-details-card';\n\nexport type CredentialDetailsCardListItemProps = Omit<CredentialDetailsCardProps, 'animate'> & {\n  detailsCardStyle?: StyleProp<ViewStyle>;\n  lastItem?: boolean;\n};\n\nconst CredentialDetailsCardListItem: FC<CredentialDetailsCardListItemProps> = ({\n  detailsCardStyle,\n  expanded,\n  lastItem,\n  style,\n  ...props\n}) => {\n  const [detailsCardHeight, setDetailsCardHeight] = useState<number>();\n  const cardWidth = props.card.width;\n  const minHeight = lastItem ? Math.ceil(cardWidth / CredentialCardRatio) : 60;\n\n  const onContentLayout = useCallback(\n    (event: LayoutChangeEvent) => {\n      const { height } = event.nativeEvent.layout;\n      const borderWidth = StyleSheet.flatten(style)?.borderWidth ?? 0;\n      const cardHeight = Math.round(height) + 2 * borderWidth;\n      if (cardHeight === detailsCardHeight) {\n        return;\n      }\n      setDetailsCardHeight(cardHeight);\n    },\n    [style, detailsCardHeight],\n  );\n\n  return (\n    <Animated.View\n      layout={LinearTransition}\n      style={[\n        styles.animatedWrapper,\n        // eslint-disable-next-line react-native/no-inline-styles\n        {\n          height: expanded ? 'auto' : minHeight,\n        },\n        style,\n      ]}>\n      <Animated.View\n        layout={LinearTransition}\n        style={[\n          styles.cardWrapper,\n          // eslint-disable-next-line react-native/no-inline-styles\n          {\n            height: expanded ? 'auto' : Math.ceil(cardWidth / CredentialCardRatio),\n          },\n        ]}>\n        <CredentialDetailsCard\n          animate={false}\n          expanded={true}\n          onLayout={onContentLayout}\n          style={detailsCardStyle}\n          {...props}\n        />\n      </Animated.View>\n    </Animated.View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  animatedWrapper: {\n    ...CredentialCardShadow,\n  },\n  cardWrapper: {\n    borderRadius: 10,\n    overflow: 'hidden',\n  },\n});\n\nexport default CredentialDetailsCardListItem;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_credentialCard","_credentialDetailsCard","_interopRequireDefault","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","CredentialDetailsCardListItem","detailsCardStyle","expanded","lastItem","style","props","detailsCardHeight","setDetailsCardHeight","useState","cardWidth","card","width","minHeight","Math","ceil","CredentialCardRatio","onContentLayout","useCallback","event","_StyleSheet$flatten$b","_StyleSheet$flatten","height","nativeEvent","layout","borderWidth","StyleSheet","flatten","cardHeight","round","createElement","View","LinearTransition","styles","animatedWrapper","cardWrapper","animate","onLayout","create","CredentialCardShadow","borderRadius","overflow","_default","exports"],"sources":["credential-details-list-item.tsx"],"sourcesContent":["import React, { FC, useCallback, useState } from 'react';\nimport { LayoutChangeEvent, StyleProp, StyleSheet, ViewStyle } from 'react-native';\nimport Animated, { LinearTransition } from 'react-native-reanimated';\n\nimport { CredentialCardRatio, CredentialCardShadow } from './credential-card';\nimport CredentialDetailsCard, { CredentialDetailsCardProps } from './credential-details-card';\n\nexport type CredentialDetailsCardListItemProps = Omit<CredentialDetailsCardProps, 'animate'> & {\n  detailsCardStyle?: StyleProp<ViewStyle>;\n  lastItem?: boolean;\n};\n\nconst CredentialDetailsCardListItem: FC<CredentialDetailsCardListItemProps> = ({\n  detailsCardStyle,\n  expanded,\n  lastItem,\n  style,\n  ...props\n}) => {\n  const [detailsCardHeight, setDetailsCardHeight] = useState<number>();\n  const cardWidth = props.card.width;\n  const minHeight = lastItem ? Math.ceil(cardWidth / CredentialCardRatio) : 60;\n\n  const onContentLayout = useCallback(\n    (event: LayoutChangeEvent) => {\n      const { height } = event.nativeEvent.layout;\n      const borderWidth = StyleSheet.flatten(style)?.borderWidth ?? 0;\n      const cardHeight = Math.round(height) + 2 * borderWidth;\n      if (cardHeight === detailsCardHeight) {\n        return;\n      }\n      setDetailsCardHeight(cardHeight);\n    },\n    [style, detailsCardHeight],\n  );\n\n  return (\n    <Animated.View\n      layout={LinearTransition}\n      style={[\n        styles.animatedWrapper,\n        // eslint-disable-next-line react-native/no-inline-styles\n        {\n          height: expanded ? 'auto' : minHeight,\n        },\n        style,\n      ]}>\n      <Animated.View\n        layout={LinearTransition}\n        style={[\n          styles.cardWrapper,\n          // eslint-disable-next-line react-native/no-inline-styles\n          {\n            height: expanded ? 'auto' : Math.ceil(cardWidth / CredentialCardRatio),\n          },\n        ]}>\n        <CredentialDetailsCard\n          animate={false}\n          expanded={true}\n          onLayout={onContentLayout}\n          style={detailsCardStyle}\n          {...props}\n        />\n      </Animated.View>\n    </Animated.View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  animatedWrapper: {\n    ...CredentialCardShadow,\n  },\n  cardWrapper: {\n    borderRadius: 10,\n    borderWidth: 0,\n    overflow: 'hidden',\n  },\n});\n\nexport default CredentialDetailsCardListItem;\n"],"mappings":"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","ignoreList":[]}

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

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

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

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

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