@procivis/one-react-native-components 0.3.99 → 0.3.106

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimatedCarousel","_interopRequireDefault","_reactNativeSvg","_utils","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CarouselImageType","exports","CarouselComponent","carouselSize","imagesToRender","style","testID","selectedDot","setSelectedDot","useState","width","height","numberOfSlides","length","createElement","View","styles","container","onSnapToItem","enabled","data","panGestureHandlerProps","activeOffsetX","failOffsetY","renderItem","item","type","element","carouselItem","pageDotContainer","map","_","index","key","viewBox","fill","Circle","concatTestID","toString","cx","cy","fillOpacity","StyleSheet","create","Barcode","borderRadius","MRZ","Photo","aspectRatio","borderColor","borderWidth","overflow","QrCode","alignItems","justifyContent","flex","position","bottom","columnGap","flexDirection","_default"],"sources":["credential-image-carousel.tsx"],"sourcesContent":["import React, { FC, useState } from 'react';\nimport { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\nimport Carousel from 'react-native-reanimated-carousel';\nimport Svg, { Circle } from 'react-native-svg';\n\nimport { concatTestID } from '../../../utils';\n\nexport enum CarouselImageType {\n  Barcode = 'Barcode',\n  QrCode = 'QrCode',\n  MRZ = 'MRZ',\n  Photo = 'Photo',\n}\n\nexport type CarouselImage = {\n  type: CarouselImageType;\n  element: React.ReactElement;\n};\n\ntype CarouselProps = {\n  carouselSize: { width: number; height: number };\n  imagesToRender: CarouselImage[];\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n};\n\nconst CarouselComponent: FC<CarouselProps> = ({ carouselSize, imagesToRender, style, testID }) => {\n  const [selectedDot, setSelectedDot] = useState(0);\n\n  if (!carouselSize.width || !carouselSize.height) {\n    return null;\n  }\n\n  const numberOfSlides = imagesToRender.length;\n\n  if (!numberOfSlides) {\n    return null;\n  }\n\n  return (\n    <View style={[styles.container, style]}>\n      <Carousel\n        width={carouselSize.width}\n        onSnapToItem={setSelectedDot}\n        height={carouselSize.height}\n        enabled={numberOfSlides >= 2}\n        data={imagesToRender}\n        testID={testID}\n        panGestureHandlerProps={{\n          activeOffsetX: [-10, 10],\n          failOffsetY: [-10, 10],\n        }}\n        renderItem={({ item: { type, element } }) => (\n          <View style={styles.carouselItem}>\n            <View style={[styles[type]]}>{element}</View>\n          </View>\n        )}\n      />\n      {numberOfSlides >= 2 ? (\n        <View style={styles.pageDotContainer}>\n          {imagesToRender.map((_, index) => (\n            <Svg key={index} width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"none\">\n              <Circle\n                testID={concatTestID(testID, 'dot', index.toString())}\n                cx=\"4.5\"\n                cy=\"4\"\n                r=\"4\"\n                fill=\"white\"\n                fillOpacity={selectedDot === index ? 0.8 : 0.2}\n              />\n            </Svg>\n          ))}\n        </View>\n      ) : null}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  // eslint-disable-next-line react-native/no-unused-styles\n  Barcode: { borderRadius: 4, height: '50%', width: '80%' },\n  // eslint-disable-next-line react-native/no-unused-styles\n  MRZ: {\n    height: '50%',\n    width: '100%',\n  },\n  // eslint-disable-next-line react-native/no-unused-styles\n  Photo: {\n    aspectRatio: 1,\n    borderColor: '#FFFFFF',\n    borderRadius: 100,\n    borderWidth: 2,\n    height: '70%',\n    overflow: 'hidden',\n  },\n  // eslint-disable-next-line react-native/no-unused-styles\n  QrCode: { aspectRatio: 1, borderRadius: 4, height: '70%' },\n  carouselItem: {\n    alignItems: 'center',\n    height: '100%',\n    justifyContent: 'center',\n    width: '100%',\n  },\n  container: {\n    flex: 1,\n    position: 'absolute',\n    width: '100%',\n  },\n  pageDotContainer: {\n    bottom: 15,\n    columnGap: 8,\n    flexDirection: 'row',\n    justifyContent: 'center',\n  },\n});\n\nexport default CarouselComponent;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,8BAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,eAAA,GAAAL,uBAAA,CAAAC,OAAA;AAEA,IAAAK,MAAA,GAAAL,OAAA;AAA8C,SAAAG,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAAA,IAElCW,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,0BAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAA,OAAjBA,iBAAiB;AAAA;AAmB7B,MAAME,iBAAoC,GAAGA,CAAC;EAAEC,YAAY;EAAEC,cAAc;EAAEC,KAAK;EAAEC;AAAO,CAAC,KAAK;EAChG,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC,CAAC;EAEjD,IAAI,CAACN,YAAY,CAACO,KAAK,IAAI,CAACP,YAAY,CAACQ,MAAM,EAAE;IAC/C,OAAO,IAAI;EACb;EAEA,MAAMC,cAAc,GAAGR,cAAc,CAACS,MAAM;EAE5C,IAAI,CAACD,cAAc,EAAE;IACnB,OAAO,IAAI;EACb;EAEA,oBACExC,MAAA,CAAAU,OAAA,CAAAgC,aAAA,CAACvC,YAAA,CAAAwC,IAAI;IAACV,KAAK,EAAE,CAACW,MAAM,CAACC,SAAS,EAAEZ,KAAK;EAAE,gBACrCjC,MAAA,CAAAU,OAAA,CAAAgC,aAAA,CAACtC,8BAAA,CAAAM,OAAQ;IACP4B,KAAK,EAAEP,YAAY,CAACO,KAAM;IAC1BQ,YAAY,EAAEV,cAAe;IAC7BG,MAAM,EAAER,YAAY,CAACQ,MAAO;IAC5BQ,OAAO,EAAEP,cAAc,IAAI,CAAE;IAC7BQ,IAAI,EAAEhB,cAAe;IACrBE,MAAM,EAAEA,MAAO;IACfe,sBAAsB,EAAE;MACtBC,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC;MACxBC,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE;IACvB,CAAE;IACFC,UAAU,EAAEA,CAAC;MAAEC,IAAI,EAAE;QAAEC,IAAI;QAAEC;MAAQ;IAAE,CAAC,kBACtCvD,MAAA,CAAAU,OAAA,CAAAgC,aAAA,CAACvC,YAAA,CAAAwC,IAAI;MAACV,KAAK,EAAEW,MAAM,CAACY;IAAa,gBAC/BxD,MAAA,CAAAU,OAAA,CAAAgC,aAAA,CAACvC,YAAA,CAAAwC,IAAI;MAACV,KAAK,EAAE,CAACW,MAAM,CAACU,IAAI,CAAC;IAAE,GAAEC,OAAc,CACxC;EACN,CACH,CAAC,EACDf,cAAc,IAAI,CAAC,gBAClBxC,MAAA,CAAAU,OAAA,CAAAgC,aAAA,CAACvC,YAAA,CAAAwC,IAAI;IAACV,KAAK,EAAEW,MAAM,CAACa;EAAiB,GAClCzB,cAAc,CAAC0B,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,kBAC3B5D,MAAA,CAAAU,OAAA,CAAAgC,aAAA,CAACpC,eAAA,CAAAI,OAAG;IAACmD,GAAG,EAAED,KAAM;IAACtB,KAAK,EAAC,GAAG;IAACC,MAAM,EAAC,GAAG;IAACuB,OAAO,EAAC,SAAS;IAACC,IAAI,EAAC;EAAM,gBACjE/D,MAAA,CAAAU,OAAA,CAAAgC,aAAA,CAACpC,eAAA,CAAA0D,MAAM;IACL9B,MAAM,EAAE,IAAA+B,mBAAY,EAAC/B,MAAM,EAAE,KAAK,EAAE0B,KAAK,CAACM,QAAQ,CAAC,CAAC,CAAE;IACtDC,EAAE,EAAC,KAAK;IACRC,EAAE,EAAC,GAAG;IACNvD,CAAC,EAAC,GAAG;IACLkD,IAAI,EAAC,OAAO;IACZM,WAAW,EAAElC,WAAW,KAAKyB,KAAK,GAAG,GAAG,GAAG;EAAI,CAChD,CACE,CACN,CACG,CAAC,GACL,IACA,CAAC;AAEX,CAAC;AAED,MAAMhB,MAAM,GAAG0B,uBAAU,CAACC,MAAM,CAAC;EAC/B;EACAC,OAAO,EAAE;IAAEC,YAAY,EAAE,CAAC;IAAElC,MAAM,EAAE,KAAK;IAAED,KAAK,EAAE;EAAM,CAAC;EACzD;EACAoC,GAAG,EAAE;IACHnC,MAAM,EAAE,KAAK;IACbD,KAAK,EAAE;EACT,CAAC;EACD;EACAqC,KAAK,EAAE;IACLC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE,SAAS;IACtBJ,YAAY,EAAE,GAAG;IACjBK,WAAW,EAAE,CAAC;IACdvC,MAAM,EAAE,KAAK;IACbwC,QAAQ,EAAE;EACZ,CAAC;EACD;EACAC,MAAM,EAAE;IAAEJ,WAAW,EAAE,CAAC;IAAEH,YAAY,EAAE,CAAC;IAAElC,MAAM,EAAE;EAAM,CAAC;EAC1DiB,YAAY,EAAE;IACZyB,UAAU,EAAE,QAAQ;IACpB1C,MAAM,EAAE,MAAM;IACd2C,cAAc,EAAE,QAAQ;IACxB5C,KAAK,EAAE;EACT,CAAC;EACDO,SAAS,EAAE;IACTsC,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,UAAU;IACpB9C,KAAK,EAAE;EACT,CAAC;EACDmB,gBAAgB,EAAE;IAChB4B,MAAM,EAAE,EAAE;IACVC,SAAS,EAAE,CAAC;IACZC,aAAa,EAAE,KAAK;IACpBL,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;AAAC,IAAAM,QAAA,GAAA3D,OAAA,CAAAnB,OAAA,GAEYoB,iBAAiB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimatedCarousel","_interopRequireDefault","_reactNativeSvg","_utils","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CarouselImageType","exports","CarouselComponent","carouselSize","imagesToRender","style","testID","selectedDot","setSelectedDot","useState","width","height","numberOfSlides","length","createElement","View","styles","container","onSnapToItem","enabled","data","panGestureHandlerProps","activeOffsetX","failOffsetY","renderItem","item","type","element","carouselItem","pageDotContainer","map","_","index","key","viewBox","fill","Circle","concatTestID","toString","cx","cy","fillOpacity","StyleSheet","create","Barcode","borderRadius","borderWidth","MRZ","Photo","aspectRatio","borderColor","overflow","QrCode","alignItems","justifyContent","flex","position","bottom","columnGap","flexDirection","_default"],"sources":["credential-image-carousel.tsx"],"sourcesContent":["import React, { FC, useState } from 'react';\nimport { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\nimport Carousel from 'react-native-reanimated-carousel';\nimport Svg, { Circle } from 'react-native-svg';\n\nimport { concatTestID } from '../../../utils';\n\nexport enum CarouselImageType {\n  Barcode = 'Barcode',\n  QrCode = 'QrCode',\n  MRZ = 'MRZ',\n  Photo = 'Photo',\n}\n\nexport type CarouselImage = {\n  type: CarouselImageType;\n  element: React.ReactElement;\n};\n\ntype CarouselProps = {\n  carouselSize: { width: number; height: number };\n  imagesToRender: CarouselImage[];\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n};\n\nconst CarouselComponent: FC<CarouselProps> = ({ carouselSize, imagesToRender, style, testID }) => {\n  const [selectedDot, setSelectedDot] = useState(0);\n\n  if (!carouselSize.width || !carouselSize.height) {\n    return null;\n  }\n\n  const numberOfSlides = imagesToRender.length;\n\n  if (!numberOfSlides) {\n    return null;\n  }\n\n  return (\n    <View style={[styles.container, style]}>\n      <Carousel\n        width={carouselSize.width}\n        onSnapToItem={setSelectedDot}\n        height={carouselSize.height}\n        enabled={numberOfSlides >= 2}\n        data={imagesToRender}\n        testID={testID}\n        panGestureHandlerProps={{\n          activeOffsetX: [-10, 10],\n          failOffsetY: [-10, 10],\n        }}\n        renderItem={({ item: { type, element } }) => (\n          <View style={styles.carouselItem}>\n            <View style={[styles[type]]}>{element}</View>\n          </View>\n        )}\n      />\n      {numberOfSlides >= 2 ? (\n        <View style={styles.pageDotContainer}>\n          {imagesToRender.map((_, index) => (\n            <Svg key={index} width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"none\">\n              <Circle\n                testID={concatTestID(testID, 'dot', index.toString())}\n                cx=\"4.5\"\n                cy=\"4\"\n                r=\"4\"\n                fill=\"white\"\n                fillOpacity={selectedDot === index ? 0.8 : 0.2}\n              />\n            </Svg>\n          ))}\n        </View>\n      ) : null}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  // eslint-disable-next-line react-native/no-unused-styles\n  Barcode: { borderRadius: 4, borderWidth: 0, height: '50%', width: '80%' },\n  // eslint-disable-next-line react-native/no-unused-styles\n  MRZ: {\n    height: '50%',\n    width: '100%',\n  },\n  // eslint-disable-next-line react-native/no-unused-styles\n  Photo: {\n    aspectRatio: 1,\n    borderColor: '#FFFFFF',\n    borderRadius: 100,\n    borderWidth: 2,\n    height: '70%',\n    overflow: 'hidden',\n  },\n  // eslint-disable-next-line react-native/no-unused-styles\n  QrCode: { aspectRatio: 1, borderRadius: 4, borderWidth: 0, height: '70%' },\n  carouselItem: {\n    alignItems: 'center',\n    height: '100%',\n    justifyContent: 'center',\n    width: '100%',\n  },\n  container: {\n    flex: 1,\n    position: 'absolute',\n    width: '100%',\n  },\n  pageDotContainer: {\n    bottom: 15,\n    columnGap: 8,\n    flexDirection: 'row',\n    justifyContent: 'center',\n  },\n});\n\nexport default CarouselComponent;\n"],"mappings":"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","ignoreList":[]}

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_testID","_selector","_theme","_selectorStatus","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Selector","status","style","testID","colorScheme","useAppColorScheme","statusStyle","useMemo","SelectorStatus","Empty","styles","bordered","backgroundColor","white","borderColor","grayDark","SelectedRadio","selectedRadio","accent","SelectedCheckmark","Disabled","background","undefined","checked","Required","rejected","Rejected","createElement","View","wrapper","SelectorIcon","concatTestID","StyleSheet","create","borderWidth","alignItems","borderRadius","height","justifyContent","width","_default","exports"],"sources":["selector.tsx"],"sourcesContent":["import React, { FC, useMemo } from 'react';\nimport { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { concatTestID } from '../../utils/testID';\nimport { SelectorIcon } from '../icons/selector';\nimport { useAppColorScheme } from '../theme';\nimport { SelectorStatus } from './selector-status';\n\ninterface SelectorProps {\n  status: SelectorStatus;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n}\n\n/**\n * Generic selector display\n *\n * Following the design: https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=433-28352&mode=design&t=91K8am4RSNRB8qgZ-0\n */\nconst Selector: FC<SelectorProps> = ({ status, style, testID }) => {\n  const colorScheme = useAppColorScheme();\n\n  const statusStyle = useMemo<StyleProp<ViewStyle>>(() => {\n    switch (status) {\n      case SelectorStatus.Empty:\n        return [styles.bordered, { backgroundColor: colorScheme.white, borderColor: colorScheme.grayDark }];\n      case SelectorStatus.SelectedRadio:\n        return [styles.selectedRadio, { backgroundColor: colorScheme.white, borderColor: colorScheme.accent }];\n      case SelectorStatus.SelectedCheckmark:\n        return { backgroundColor: colorScheme.accent };\n      case SelectorStatus.Disabled:\n        return [styles.bordered, { backgroundColor: colorScheme.background, borderColor: colorScheme.grayDark }];\n      default:\n        return undefined;\n    }\n  }, [colorScheme, status]);\n\n  const checked = status === SelectorStatus.SelectedCheckmark || status === SelectorStatus.Required;\n  const rejected = status === SelectorStatus.Rejected;\n\n  return (\n    <View testID={testID} style={[styles.wrapper, statusStyle, style]}>\n      {(checked || rejected) && <SelectorIcon testID={concatTestID(testID, 'status', status)} status={status} />}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  bordered: {\n    borderWidth: 1,\n  },\n  selectedRadio: {\n    borderWidth: 8,\n  },\n  wrapper: {\n    alignItems: 'center',\n    borderRadius: 12,\n    height: 24,\n    justifyContent: 'center',\n    width: 24,\n  },\n});\n\nexport default Selector;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_testID","_selector","_theme","_selectorStatus","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Selector","status","style","testID","colorScheme","useAppColorScheme","statusStyle","useMemo","SelectorStatus","Empty","styles","bordered","backgroundColor","white","borderColor","grayDark","SelectedRadio","selectedRadio","accent","SelectedCheckmark","Disabled","background","undefined","checked","Required","rejected","Rejected","createElement","View","wrapper","SelectorIcon","concatTestID","StyleSheet","create","borderWidth","alignItems","borderRadius","height","justifyContent","width","_default","exports"],"sources":["selector.tsx"],"sourcesContent":["import React, { FC, useMemo } from 'react';\nimport { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { concatTestID } from '../../utils/testID';\nimport { SelectorIcon } from '../icons/selector';\nimport { useAppColorScheme } from '../theme';\nimport { SelectorStatus } from './selector-status';\n\ninterface SelectorProps {\n  status: SelectorStatus;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n}\n\n/**\n * Generic selector display\n *\n * Following the design: https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=433-28352&mode=design&t=91K8am4RSNRB8qgZ-0\n */\nconst Selector: FC<SelectorProps> = ({ status, style, testID }) => {\n  const colorScheme = useAppColorScheme();\n\n  const statusStyle = useMemo<StyleProp<ViewStyle>>(() => {\n    switch (status) {\n      case SelectorStatus.Empty:\n        return [styles.bordered, { backgroundColor: colorScheme.white, borderColor: colorScheme.grayDark }];\n      case SelectorStatus.SelectedRadio:\n        return [styles.selectedRadio, { backgroundColor: colorScheme.white, borderColor: colorScheme.accent }];\n      case SelectorStatus.SelectedCheckmark:\n        return { backgroundColor: colorScheme.accent };\n      case SelectorStatus.Disabled:\n        return [styles.bordered, { backgroundColor: colorScheme.background, borderColor: colorScheme.grayDark }];\n      default:\n        return undefined;\n    }\n  }, [colorScheme, status]);\n\n  const checked = status === SelectorStatus.SelectedCheckmark || status === SelectorStatus.Required;\n  const rejected = status === SelectorStatus.Rejected;\n\n  return (\n    <View testID={testID} style={[styles.wrapper, statusStyle, style]}>\n      {(checked || rejected) && <SelectorIcon testID={concatTestID(testID, 'status', status)} status={status} />}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  bordered: {\n    borderWidth: 1,\n  },\n  selectedRadio: {\n    borderWidth: 8,\n  },\n  wrapper: {\n    alignItems: 'center',\n    borderRadius: 12,\n    borderWidth: 0,\n    height: 24,\n    justifyContent: 'center',\n    width: 24,\n  },\n});\n\nexport default Selector;\n"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_utils","_imageOrComponent","_interopRequireDefault","_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","Avatar","avatar","placeholderText","statusIcon","style","testID","viewProps","colorScheme","useAppColorScheme","statusIconView","useMemo","undefined","React","isValidElement","StatusIconComponent","createElement","imageSource","component","View","styles","avatarPlaceholder","backgroundColor","accent","color","accentText","avatarPlaceholderText","borderRadius","avatarStyle","StyleSheet","flatten","accessibilityElementsHidden","imageWrapper","source","image","concatTestID","create","height","width","alignItems","flex","justifyContent","textTransform","overflow","bottom","position","right","_default","exports"],"sources":["avatar.tsx"],"sourcesContent":["import React, { ComponentType, FunctionComponent, ReactElement, useMemo } from 'react';\nimport { StyleSheet, View, ViewProps, ViewStyle } from 'react-native';\n\nimport { concatTestID } from '../../utils';\nimport ImageOrComponent, { ImageOrComponentSource } from '../image/image-or-component';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nexport type AvatarProps = ViewProps & {\n  avatar?: ImageOrComponentSource;\n  placeholderText?: string;\n  statusIcon?: ComponentType<any> | ReactElement;\n  testID?: string;\n};\n\n// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=426-25581&mode=design&t=YI1oD2BfBie5HcvJ-0\nconst Avatar: FunctionComponent<AvatarProps> = ({\n  avatar,\n  placeholderText,\n  statusIcon,\n  style,\n  testID,\n  ...viewProps\n}) => {\n  const colorScheme = useAppColorScheme();\n\n  const statusIconView: React.ReactElement | undefined = useMemo(() => {\n    if (!statusIcon) {\n      return undefined;\n    }\n    if (React.isValidElement(statusIcon)) {\n      return statusIcon;\n    } else {\n      const StatusIconComponent = statusIcon as React.ComponentType<any>;\n      return <StatusIconComponent />;\n    }\n  }, [statusIcon]);\n\n  const imageSource = useMemo<ImageOrComponentSource>(() => {\n    if (avatar) {\n      return avatar;\n    }\n\n    return {\n      component: (\n        <View style={[styles.avatarPlaceholder, { backgroundColor: colorScheme.accent }]}>\n          <Typography color={colorScheme.accentText} style={styles.avatarPlaceholderText}>\n            {placeholderText}\n          </Typography>\n        </View>\n      ),\n    };\n  }, [colorScheme, avatar, placeholderText]);\n\n  const { borderRadius, ...avatarStyle } = StyleSheet.flatten([styles.avatar, style]) as ViewStyle;\n  return (\n    <View accessibilityElementsHidden={true} style={avatarStyle} testID={testID} {...viewProps}>\n      <View style={[styles.imageWrapper, borderRadius ? { borderRadius } : undefined]}>\n        <ImageOrComponent source={imageSource} style={styles.image} testID={concatTestID(testID, 'logo')} />\n      </View>\n      {statusIconView && (\n        <View style={styles.statusIcon} testID={concatTestID(testID, 'statusIcon')}>\n          {statusIconView}\n        </View>\n      )}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  avatar: {\n    height: 72,\n    width: 72,\n  },\n  avatarPlaceholder: {\n    alignItems: 'center',\n    flex: 1,\n    justifyContent: 'center',\n  },\n  avatarPlaceholderText: {\n    textTransform: 'uppercase',\n  },\n  image: {\n    height: '100%',\n    width: '100%',\n  },\n  imageWrapper: {\n    borderRadius: 36,\n    height: '100%',\n    overflow: 'hidden',\n    width: '100%',\n  },\n  statusIcon: {\n    bottom: 4,\n    position: 'absolute',\n    right: 4,\n  },\n});\n\nexport default Avatar;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_utils","_imageOrComponent","_interopRequireDefault","_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","Avatar","avatar","placeholderText","statusIcon","style","testID","viewProps","colorScheme","useAppColorScheme","statusIconView","useMemo","undefined","React","isValidElement","StatusIconComponent","createElement","imageSource","component","View","styles","avatarPlaceholder","backgroundColor","accent","color","accentText","avatarPlaceholderText","borderRadius","avatarStyle","StyleSheet","flatten","accessibilityElementsHidden","imageWrapper","source","image","concatTestID","create","height","width","alignItems","flex","justifyContent","textTransform","borderWidth","overflow","bottom","position","right","_default","exports"],"sources":["avatar.tsx"],"sourcesContent":["import React, { ComponentType, FunctionComponent, ReactElement, useMemo } from 'react';\nimport { StyleSheet, View, ViewProps, ViewStyle } from 'react-native';\n\nimport { concatTestID } from '../../utils';\nimport ImageOrComponent, { ImageOrComponentSource } from '../image/image-or-component';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nexport type AvatarProps = ViewProps & {\n  avatar?: ImageOrComponentSource;\n  placeholderText?: string;\n  statusIcon?: ComponentType<any> | ReactElement;\n  testID?: string;\n};\n\n// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=426-25581&mode=design&t=YI1oD2BfBie5HcvJ-0\nconst Avatar: FunctionComponent<AvatarProps> = ({\n  avatar,\n  placeholderText,\n  statusIcon,\n  style,\n  testID,\n  ...viewProps\n}) => {\n  const colorScheme = useAppColorScheme();\n\n  const statusIconView: React.ReactElement | undefined = useMemo(() => {\n    if (!statusIcon) {\n      return undefined;\n    }\n    if (React.isValidElement(statusIcon)) {\n      return statusIcon;\n    } else {\n      const StatusIconComponent = statusIcon as React.ComponentType<any>;\n      return <StatusIconComponent />;\n    }\n  }, [statusIcon]);\n\n  const imageSource = useMemo<ImageOrComponentSource>(() => {\n    if (avatar) {\n      return avatar;\n    }\n\n    return {\n      component: (\n        <View style={[styles.avatarPlaceholder, { backgroundColor: colorScheme.accent }]}>\n          <Typography color={colorScheme.accentText} style={styles.avatarPlaceholderText}>\n            {placeholderText}\n          </Typography>\n        </View>\n      ),\n    };\n  }, [colorScheme, avatar, placeholderText]);\n\n  const { borderRadius, ...avatarStyle } = StyleSheet.flatten([styles.avatar, style]) as ViewStyle;\n  return (\n    <View accessibilityElementsHidden={true} style={avatarStyle} testID={testID} {...viewProps}>\n      <View style={[styles.imageWrapper, borderRadius ? { borderRadius } : undefined]}>\n        <ImageOrComponent source={imageSource} style={styles.image} testID={concatTestID(testID, 'logo')} />\n      </View>\n      {statusIconView && (\n        <View style={styles.statusIcon} testID={concatTestID(testID, 'statusIcon')}>\n          {statusIconView}\n        </View>\n      )}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  avatar: {\n    height: 72,\n    width: 72,\n  },\n  avatarPlaceholder: {\n    alignItems: 'center',\n    flex: 1,\n    justifyContent: 'center',\n  },\n  avatarPlaceholderText: {\n    textTransform: 'uppercase',\n  },\n  image: {\n    height: '100%',\n    width: '100%',\n  },\n  imageWrapper: {\n    borderRadius: 36,\n    borderWidth: 0,\n    height: '100%',\n    overflow: 'hidden',\n    width: '100%',\n  },\n  statusIcon: {\n    bottom: 4,\n    position: 'absolute',\n    right: 4,\n  },\n});\n\nexport default Avatar;\n"],"mappings":"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","ignoreList":[]}

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

@@ -25,8 +25,9 @@ const FoldableSearchHeader = ({
   const colorScheme = (0, _colorSchemeContext.useAppColorScheme)();
   const [collapsed, setCollapsed] = (0, _react.useState)(header ? false : true);
   const [headerHeight, setHeaderHeight] = (0, _react.useState)();
+  const containerPaddingTop = withNotice ? 15 : safeAreaInsets.top;
   const containerPaddingStyle = {
-    paddingTop: withNotice ? 15 : safeAreaInsets.top
+    paddingTop: containerPaddingTop
   };
   (0, _react.useEffect)(() => {
     const id = scrollOffset.addListener(({
@@ -47,11 +48,13 @@ const FoldableSearchHeader = ({
   }, [scrollOffset, searchBar, headerHeight]);
   const playHeaderFoldAnimation = !staticHeader && headerHeight;
   const scrollHeaderAnimatedStyle = playHeaderFoldAnimation ? {
-    paddingTop: scrollOffset.interpolate({
-      extrapolate: 'clamp',
-      inputRange: [0, headerHeight],
-      outputRange: [headerHeight, 0]
-    })
+    transform: [{
+      translateY: scrollOffset.interpolate({
+        extrapolate: 'clamp',
+        inputRange: [0, headerHeight],
+        outputRange: [0, -headerHeight]
+      })
+    }]
   } : undefined;
   const fadeHeaderOutAnimatedStyle = playHeaderFoldAnimation ? {
     opacity: scrollOffset.interpolate({
@@ -65,26 +68,33 @@ const FoldableSearchHeader = ({
   }, [setHeaderHeight]);
   return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
     style: [styles.headerContainer, containerPaddingStyle, withNotice ? styles.noticeBorderRadius : undefined]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: scrollHeaderAnimatedStyle
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.blurWrapper, _reactNative.StyleSheet.absoluteFill]
+    style: [styles.blurFill, {
+      top: -containerPaddingTop
+    }]
   }, /*#__PURE__*/_react.default.createElement(_blurView.default, {
     blurStyle: 'header',
     color: colorScheme.background,
     style: [_reactNative.StyleSheet.absoluteFill, withNotice ? styles.noticeBorderRadius : undefined]
-  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
-    style: scrollHeaderAnimatedStyle
-  }, searchBar && /*#__PURE__*/_react.default.createElement(_animatedSearchBar.default, _extends({}, searchBar, {
-    collapsed: collapsed
-  }))), header && /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+  })), header && /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
     onLayout: onHeaderLayout,
-    style: [styles.headerContainer, fadeHeaderOutAnimatedStyle]
-  }, header)));
+    style: fadeHeaderOutAnimatedStyle
+  }, header), searchBar && /*#__PURE__*/_react.default.createElement(_animatedSearchBar.default, _extends({}, searchBar, {
+    collapsed: collapsed
+  }))));
 };
 const styles = _reactNative.StyleSheet.create({
-  blurWrapper: {
-    overflow: 'hidden'
+  blurFill: {
+    bottom: 0,
+    left: 0,
+    overflow: 'hidden',
+    position: 'absolute',
+    right: 0
   },
   headerContainer: {
+    overflow: 'hidden',
     position: 'absolute',
     width: '100%'
   },

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

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

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

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

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

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

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

@@ -151,7 +151,8 @@ const HistoryDetailsView = ({
 exports.HistoryDetailsView = HistoryDetailsView;
 const styles = _reactNative.StyleSheet.create({
   assetsHeader: {
-    borderRadius: 8
+    borderRadius: 8,
+    borderWidth: 0
   },
   content: {
     paddingHorizontal: 16,
@@ -172,6 +173,7 @@ const styles = _reactNative.StyleSheet.create({
   },
   section: {
     borderRadius: 8,
+    borderWidth: 0,
     marginBottom: 12,
     padding: 12
   },