@procivis/one-react-native-components 0.2.54 → 0.3.27

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

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

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

@@ -23,13 +23,12 @@ const styles = StyleSheet.create({
     paddingHorizontal: 12
   }
 });
-export const Barcode = _ref => {
-  let {
-    content,
-    width = 220,
-    height = 80,
-    testID
-  } = _ref;
+export const Barcode = ({
+  content,
+  width = 220,
+  height = 80,
+  testID
+}) => {
   const colorScheme = useAppColorScheme();
   const barcodeXml = useMemo(() => barcode(content, 'code128', {
     barHeight: height,
@@ -48,12 +47,11 @@ export const Barcode = _ref => {
     xml: barcodeXml
   })));
 };
-export const QrCode = _ref2 => {
-  let {
-    content,
-    padding,
-    testID
-  } = _ref2;
+export const QrCode = ({
+  content,
+  padding,
+  testID
+}) => {
   const qrCodeXml = useMemo(() => {
     return new QRCode({
       container: 'svg-viewbox',
@@ -69,11 +67,10 @@ export const QrCode = _ref2 => {
     xml: qrCodeXml
   });
 };
-export const Mrz = _ref3 => {
-  let {
-    content,
-    testID
-  } = _ref3;
+export const Mrz = ({
+  content,
+  testID
+}) => {
   const colorScheme = useAppColorScheme();
   return /*#__PURE__*/React.createElement(View, {
     style: [styles.container, styles.mrzBackground]

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

@@ -1 +1 @@
-{"version":3,"names":["barcode","QRCode","React","useMemo","StyleSheet","View","SvgXml","Typography","useAppColorScheme","styles","create","barcodeBackground","alignSelf","backgroundColor","borderRadius","barcodeContent","margin","container","flex","justifyContent","mrzBackground","paddingHorizontal","Barcode","_ref","content","width","height","testID","colorScheme","barcodeXml","barHeight","bgColor","white","createElement","style","xml","QrCode","_ref2","padding","qrCodeXml","join","svg","Mrz","_ref3","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};\n\nexport const QrCode: FC<QrCodeProps> = ({ content, padding, testID }) => {\n  const qrCodeXml = useMemo(() => {\n    return new QRCode({\n      container: 'svg-viewbox',\n      content,\n      join: true,\n      padding: padding ?? 1,\n    }).svg();\n  }, [content, 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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"}
+{"version":3,"names":["barcode","QRCode","React","useMemo","StyleSheet","View","SvgXml","Typography","useAppColorScheme","styles","create","barcodeBackground","alignSelf","backgroundColor","borderRadius","barcodeContent","margin","container","flex","justifyContent","mrzBackground","paddingHorizontal","Barcode","content","width","height","testID","colorScheme","barcodeXml","barHeight","bgColor","white","createElement","style","xml","QrCode","padding","qrCodeXml","join","svg","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};\n\nexport const QrCode: FC<QrCodeProps> = ({ content, padding, testID }) => {\n  const qrCodeXml = useMemo(() => {\n    return new QRCode({\n      container: 'svg-viewbox',\n      content,\n      join: true,\n      padding: padding ?? 1,\n    }).svg();\n  }, [content, padding]);\n  return <SvgXml height={'100%'} testID={testID} width={'100%'} xml={qrCodeXml} />;\n};\n\nexport const Mrz: FC<{ content: string; testID?: string }> = ({ content, testID }) => {\n  const colorScheme = useAppColorScheme();\n  return (\n    <View style={[styles.container, styles.mrzBackground]}>\n      <Typography color={colorScheme.text} preset={'s/code'} testID={testID}>\n        {content}\n      </Typography>\n    </View>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,8 +1,8 @@
-import CredentialAttributeItem, { CredentialAttribute, CredentialAttributeItemProps, CredentialAttributeValue } from './credential-attribute-item';
+import CredentialAttributeItem from './credential-attribute-item';
 import { Barcode, Mrz, QrCode } from './credential-carousel-images';
 import Selector from './selector';
 import { SelectorStatus } from './selector-status';
-export { CredentialAttribute, CredentialAttributeItem, CredentialAttributeItemProps, CredentialAttributeValue };
+export { CredentialAttributeItem };
 export { Barcode, Mrz, QrCode };
 export { Selector, SelectorStatus };
 export * from './card';

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

@@ -1 +1 @@
-{"version":3,"names":["CredentialAttributeItem","CredentialAttribute","CredentialAttributeItemProps","CredentialAttributeValue","Barcode","Mrz","QrCode","Selector","SelectorStatus"],"sources":["index.ts"],"sourcesContent":["import CredentialAttributeItem, {\n  CredentialAttribute,\n  CredentialAttributeItemProps,\n  CredentialAttributeValue,\n} from './credential-attribute-item';\nimport { Barcode, Mrz, QrCode } from './credential-carousel-images';\nimport Selector from './selector';\nimport { SelectorStatus } from './selector-status';\n\nexport { CredentialAttribute, CredentialAttributeItem, CredentialAttributeItemProps, CredentialAttributeValue };\nexport { Barcode, Mrz, QrCode };\nexport { Selector, SelectorStatus };\nexport * from './card';\n"],"mappings":"AAAA,OAAOA,uBAAuB,IAC5BC,mBAAmB,EACnBC,4BAA4B,EAC5BC,wBAAwB,QACnB,6BAA6B;AACpC,SAASC,OAAO,EAAEC,GAAG,EAAEC,MAAM,QAAQ,8BAA8B;AACnE,OAAOC,QAAQ,MAAM,YAAY;AACjC,SAASC,cAAc,QAAQ,mBAAmB;AAElD,SAASP,mBAAmB,EAAED,uBAAuB,EAAEE,4BAA4B,EAAEC,wBAAwB;AAC7G,SAASC,OAAO,EAAEC,GAAG,EAAEC,MAAM;AAC7B,SAASC,QAAQ,EAAEC,cAAc;AACjC,cAAc,QAAQ"}
+{"version":3,"names":["CredentialAttributeItem","Barcode","Mrz","QrCode","Selector","SelectorStatus"],"sources":["index.ts"],"sourcesContent":["import type {\n  CredentialAttribute,\n  CredentialAttributeItemProps,\n  CredentialAttributeValue,\n} from './credential-attribute-item';\nimport CredentialAttributeItem from './credential-attribute-item';\nimport { Barcode, Mrz, QrCode } from './credential-carousel-images';\nimport Selector from './selector';\nimport { SelectorStatus } from './selector-status';\n\nexport { CredentialAttribute, CredentialAttributeItem, CredentialAttributeItemProps, CredentialAttributeValue };\nexport { Barcode, Mrz, QrCode };\nexport { Selector, SelectorStatus };\nexport * from './card';\n"],"mappings":"AAKA,OAAOA,uBAAuB,MAAM,6BAA6B;AACjE,SAASC,OAAO,EAAEC,GAAG,EAAEC,MAAM,QAAQ,8BAA8B;AACnE,OAAOC,QAAQ,MAAM,YAAY;AACjC,SAASC,cAAc,QAAQ,mBAAmB;AAElD,SAA8BL,uBAAuB;AACrD,SAASC,OAAO,EAAEC,GAAG,EAAEC,MAAM;AAC7B,SAASC,QAAQ,EAAEC,cAAc;AACjC,cAAc,QAAQ","ignoreList":[]}

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

@@ -1,10 +1,10 @@
-export let SelectorStatus;
-(function (SelectorStatus) {
+export let SelectorStatus = /*#__PURE__*/function (SelectorStatus) {
   SelectorStatus["Disabled"] = "disabled";
   SelectorStatus["Empty"] = "empty";
   SelectorStatus["Rejected"] = "rejected";
   SelectorStatus["Required"] = "required";
   SelectorStatus["SelectedCheckmark"] = "selectedCheckmark";
   SelectorStatus["SelectedRadio"] = "selectedRadio";
-})(SelectorStatus || (SelectorStatus = {}));
+  return SelectorStatus;
+}({});
 //# sourceMappingURL=selector-status.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["SelectorStatus"],"sources":["selector-status.ts"],"sourcesContent":["export enum SelectorStatus {\n  Disabled = 'disabled',\n  Empty = 'empty',\n  Rejected = 'rejected',\n  Required = 'required',\n  SelectedCheckmark = 'selectedCheckmark',\n  SelectedRadio = 'selectedRadio',\n}\n"],"mappings":"AAAA,WAAYA,cAAc;AAOzB,WAPWA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;AAAA,GAAdA,cAAc,KAAdA,cAAc"}
+{"version":3,"names":["SelectorStatus"],"sources":["selector-status.ts"],"sourcesContent":["export enum SelectorStatus {\n  Disabled = 'disabled',\n  Empty = 'empty',\n  Rejected = 'rejected',\n  Required = 'required',\n  SelectedCheckmark = 'selectedCheckmark',\n  SelectedRadio = 'selectedRadio',\n}\n"],"mappings":"AAAA,WAAYA,cAAc,0BAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAA,OAAdA,cAAc;AAAA","ignoreList":[]}

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

@@ -9,12 +9,11 @@ import { SelectorStatus } from './selector-status';
  *
  * Following the design: https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=433-28352&mode=design&t=91K8am4RSNRB8qgZ-0
  */
-const Selector = _ref => {
-  let {
-    status,
-    style,
-    testID
-  } = _ref;
+const Selector = ({
+  status,
+  style,
+  testID
+}) => {
   const colorScheme = useAppColorScheme();
   const statusStyle = useMemo(() => {
     switch (status) {

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

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

package/lib/module/ui-components/detail/detail.js

@@ -1,19 +1,18 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useCallback, useState } from 'react';
 import { ScrollView, StyleSheet, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { concatTestID } from '../../utils/testID';
 import { Header } from '../header';
 import { useAppColorScheme } from '../theme';
-const DetailScreen = _ref => {
-  let {
-    children,
-    staticContent,
-    contentStyle,
-    testID,
-    style,
-    headerProps
-  } = _ref;
+const DetailScreen = ({
+  children,
+  staticContent,
+  contentStyle,
+  testID,
+  style,
+  headerProps
+}) => {
   const colorScheme = useAppColorScheme();
   const insets = useSafeAreaInsets();
   const bottomPadding = Math.max(insets.bottom, 24);

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useState","ScrollView","StyleSheet","View","useSafeAreaInsets","concatTestID","Header","useAppColorScheme","DetailScreen","_ref","children","staticContent","contentStyle","testID","style","headerProps","colorScheme","insets","bottomPadding","Math","max","bottom","layoutHeight","setLayoutHeight","layoutHandler","event","nativeEvent","layout","height","headerHeight","setHeaderHeight","headerLayoutHandler","contentHeight","top","undefined","createElement","onLayout","onAccessibilityEscape","styles","container","paddingTop","backgroundColor","background","_extends","contentWrapper","showsVerticalScrollIndicator","alwaysBounceVertical","contentContainerStyle","minHeight","scrollableContent","paddingBottom","create","width","paddingHorizontal","flex"],"sources":["detail.tsx"],"sourcesContent":["import React, { FunctionComponent, PropsWithChildren, useCallback, useState } from 'react';\nimport { LayoutChangeEvent, ScrollView, ScrollViewProps, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { concatTestID } from '../../utils/testID';\nimport { Header, HeaderProps } from '../header';\nimport { useAppColorScheme } from '../theme';\n\ntype StaticContentProps = {\n  staticContent: true;\n};\n\ntype DynamicContentProps = {\n  staticContent?: false;\n  scrollViewProps?: ScrollViewProps;\n};\n\nexport type DetailScreenProps = {\n  testID?: string;\n  headerProps: HeaderProps;\n  style?: StyleProp<ViewStyle>;\n  contentStyle?: StyleProp<ViewStyle>;\n} & (StaticContentProps | DynamicContentProps);\n\nconst DetailScreen: FunctionComponent<PropsWithChildren<DetailScreenProps>> = ({\n  children,\n  staticContent,\n  contentStyle,\n  testID,\n  style,\n  headerProps,\n}) => {\n  const colorScheme = useAppColorScheme();\n  const insets = useSafeAreaInsets();\n  const bottomPadding = Math.max(insets.bottom, 24);\n\n  const [layoutHeight, setLayoutHeight] = useState<number>(0);\n  const layoutHandler = useCallback((event: LayoutChangeEvent) => {\n    setLayoutHeight(event.nativeEvent.layout.height);\n  }, []);\n\n  const [headerHeight, setHeaderHeight] = useState<number>(0);\n  const headerLayoutHandler = useCallback((event: LayoutChangeEvent) => {\n    setHeaderHeight(event.nativeEvent.layout.height);\n  }, []);\n\n  const contentHeight = layoutHeight && headerHeight ? layoutHeight - headerHeight - insets.top : undefined;\n\n  return (\n    <View\n      testID={testID}\n      onLayout={layoutHandler}\n      onAccessibilityEscape={() => {}}\n      style={[styles.container, { paddingTop: insets.top, backgroundColor: colorScheme.background }]}>\n      <Header onLayout={headerLayoutHandler} {...headerProps} />\n      {contentHeight ? (\n        staticContent ? (\n          <View\n            testID={concatTestID(testID, 'content')}\n            style={[styles.contentWrapper, styles.staticContent, { height: contentHeight }, style]}>\n            {children}\n          </View>\n        ) : (\n          <ScrollView\n            testID={concatTestID(testID, 'content')}\n            showsVerticalScrollIndicator={false}\n            alwaysBounceVertical={false}\n            contentContainerStyle={{ minHeight: contentHeight }}\n            style={style}>\n            <View\n              style={[styles.contentWrapper, styles.scrollableContent, { paddingBottom: bottomPadding }, contentStyle]}>\n              {children}\n            </View>\n          </ScrollView>\n        )\n      ) : null}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    height: '100%',\n    width: '100%',\n  },\n  contentWrapper: {\n    paddingHorizontal: 24,\n    paddingTop: 20,\n  },\n  scrollableContent: {\n    flex: 1,\n  },\n  staticContent: {\n    width: '100%',\n  },\n});\n\nexport default DetailScreen;\n"],"mappings":"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"}
+{"version":3,"names":["React","useCallback","useState","ScrollView","StyleSheet","View","useSafeAreaInsets","concatTestID","Header","useAppColorScheme","DetailScreen","children","staticContent","contentStyle","testID","style","headerProps","colorScheme","insets","bottomPadding","Math","max","bottom","layoutHeight","setLayoutHeight","layoutHandler","event","nativeEvent","layout","height","headerHeight","setHeaderHeight","headerLayoutHandler","contentHeight","top","undefined","createElement","onLayout","onAccessibilityEscape","styles","container","paddingTop","backgroundColor","background","_extends","contentWrapper","showsVerticalScrollIndicator","alwaysBounceVertical","contentContainerStyle","minHeight","scrollableContent","paddingBottom","create","width","paddingHorizontal","flex"],"sources":["detail.tsx"],"sourcesContent":["import React, { FunctionComponent, PropsWithChildren, useCallback, useState } from 'react';\nimport { LayoutChangeEvent, ScrollView, ScrollViewProps, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { concatTestID } from '../../utils/testID';\nimport { Header, HeaderProps } from '../header';\nimport { useAppColorScheme } from '../theme';\n\ntype StaticContentProps = {\n  staticContent: true;\n};\n\ntype DynamicContentProps = {\n  staticContent?: false;\n  scrollViewProps?: ScrollViewProps;\n};\n\nexport type DetailScreenProps = {\n  testID?: string;\n  headerProps: HeaderProps;\n  style?: StyleProp<ViewStyle>;\n  contentStyle?: StyleProp<ViewStyle>;\n} & (StaticContentProps | DynamicContentProps);\n\nconst DetailScreen: FunctionComponent<PropsWithChildren<DetailScreenProps>> = ({\n  children,\n  staticContent,\n  contentStyle,\n  testID,\n  style,\n  headerProps,\n}) => {\n  const colorScheme = useAppColorScheme();\n  const insets = useSafeAreaInsets();\n  const bottomPadding = Math.max(insets.bottom, 24);\n\n  const [layoutHeight, setLayoutHeight] = useState<number>(0);\n  const layoutHandler = useCallback((event: LayoutChangeEvent) => {\n    setLayoutHeight(event.nativeEvent.layout.height);\n  }, []);\n\n  const [headerHeight, setHeaderHeight] = useState<number>(0);\n  const headerLayoutHandler = useCallback((event: LayoutChangeEvent) => {\n    setHeaderHeight(event.nativeEvent.layout.height);\n  }, []);\n\n  const contentHeight = layoutHeight && headerHeight ? layoutHeight - headerHeight - insets.top : undefined;\n\n  return (\n    <View\n      testID={testID}\n      onLayout={layoutHandler}\n      onAccessibilityEscape={() => {}}\n      style={[styles.container, { paddingTop: insets.top, backgroundColor: colorScheme.background }]}>\n      <Header onLayout={headerLayoutHandler} {...headerProps} />\n      {contentHeight ? (\n        staticContent ? (\n          <View\n            testID={concatTestID(testID, 'content')}\n            style={[styles.contentWrapper, styles.staticContent, { height: contentHeight }, style]}>\n            {children}\n          </View>\n        ) : (\n          <ScrollView\n            testID={concatTestID(testID, 'content')}\n            showsVerticalScrollIndicator={false}\n            alwaysBounceVertical={false}\n            contentContainerStyle={{ minHeight: contentHeight }}\n            style={style}>\n            <View\n              style={[styles.contentWrapper, styles.scrollableContent, { paddingBottom: bottomPadding }, contentStyle]}>\n              {children}\n            </View>\n          </ScrollView>\n        )\n      ) : null}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    height: '100%',\n    width: '100%',\n  },\n  contentWrapper: {\n    paddingHorizontal: 24,\n    paddingTop: 20,\n  },\n  scrollableContent: {\n    flex: 1,\n  },\n  staticContent: {\n    width: '100%',\n  },\n});\n\nexport default DetailScreen;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["DetailScreen"],"sources":["index.tsx"],"sourcesContent":["import DetailScreen from './detail';\n\nexport { DetailScreen };\n"],"mappings":"AAAA,OAAOA,YAAY,MAAM,UAAU;AAEnC,SAASA,YAAY"}
+{"version":3,"names":["DetailScreen"],"sources":["index.tsx"],"sourcesContent":["import DetailScreen from './detail';\n\nexport { DetailScreen };\n"],"mappings":"AAAA,OAAOA,YAAY,MAAM,UAAU;AAEnC,SAASA,YAAY","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useMemo } from 'react';
 import { StyleSheet, View } from 'react-native';
 import { concatTestID } from '../../utils';
@@ -6,21 +6,20 @@ import ImageOrComponent from '../image/image-or-component';
 import Typography from '../text/typography';
 import { useAppColorScheme } from '../theme/color-scheme-context';
 // https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=426-25581&mode=design&t=YI1oD2BfBie5HcvJ-0
-const Avatar = _ref => {
-  let {
-    avatar,
-    placeholderText,
-    statusIcon,
-    style,
-    testID,
-    ...viewProps
-  } = _ref;
+const Avatar = ({
+  avatar,
+  placeholderText,
+  statusIcon,
+  style,
+  testID,
+  ...viewProps
+}) => {
   const colorScheme = useAppColorScheme();
   const statusIconView = useMemo(() => {
     if (!statusIcon) {
       return undefined;
     }
-    if ( /*#__PURE__*/React.isValidElement(statusIcon)) {
+    if (/*#__PURE__*/React.isValidElement(statusIcon)) {
       return statusIcon;
     } else {
       const StatusIconComponent = statusIcon;

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

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

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

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useMemo } from 'react';
 import { Platform, StyleSheet, View } from 'react-native';
 import { concatTestID } from '../../utils';
@@ -6,17 +6,16 @@ import Typography from '../text/typography';
 import { useAppColorScheme } from '../theme/color-scheme-context';
 import Avatar from './avatar';
 // https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=426-25595&mode=design&t=YI1oD2BfBie5HcvJ-0
-const EntityCluster = _ref => {
-  let {
-    avatar,
-    entityName,
-    subline,
-    textColor,
-    style,
-    sublineColor,
-    testID,
-    ...viewProps
-  } = _ref;
+const EntityCluster = ({
+  avatar,
+  entityName,
+  subline,
+  textColor,
+  style,
+  sublineColor,
+  testID,
+  ...viewProps
+}) => {
   const colorScheme = useAppColorScheme();
   const avatarProps = useMemo(() => {
     var _avatar$placeholderTe;
@@ -37,7 +36,7 @@ const EntityCluster = _ref => {
   }, /*#__PURE__*/React.createElement(Typography, {
     testID: concatTestID(testID, 'entityName'),
     color: textColor !== null && textColor !== void 0 ? textColor : colorScheme.text,
-    numberOfLines: 2,
+    numberOfLines: 1,
     preset: "m",
     style: styles.entityName
   }, entityName), subline && /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Typography, {
@@ -55,7 +54,6 @@ const styles = StyleSheet.create({
   entityName: {
     letterSpacing: Platform.OS === 'ios' ? -0.2 : -0.3 // -0.2 breaks layout on Android
   },
-
   labels: {
     flex: 1,
     marginLeft: 12

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

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","Platform","StyleSheet","View","concatTestID","Typography","useAppColorScheme","Avatar","EntityCluster","_ref","avatar","entityName","subline","textColor","style","sublineColor","testID","viewProps","colorScheme","avatarProps","_avatar$placeholderTe","initials","split","map","word","placeholderText","length","join","createElement","_extends","styles","entity","labels","color","text","numberOfLines","preset","create","alignItems","flexDirection","letterSpacing","OS","flex","marginLeft"],"sources":["entity-cluster.tsx"],"sourcesContent":["import React, { FunctionComponent, useMemo } from 'react';\nimport { Platform, StyleSheet, View, ViewProps } from 'react-native';\n\nimport { concatTestID } from '../../utils';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\nimport Avatar, { AvatarProps } from './avatar';\n\nexport type EntityClusterProps = ViewProps & {\n  avatar?: AvatarProps;\n  entityName: string;\n  subline?: string;\n  textColor?: string;\n  sublineColor?: string;\n  testID?: string;\n};\n\n// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=426-25595&mode=design&t=YI1oD2BfBie5HcvJ-0\nconst EntityCluster: FunctionComponent<EntityClusterProps> = ({\n  avatar,\n  entityName,\n  subline,\n  textColor,\n  style,\n  sublineColor,\n  testID,\n  ...viewProps\n}) => {\n  const colorScheme = useAppColorScheme();\n\n  const avatarProps = useMemo<AvatarProps>(() => {\n    const initials = entityName.split(' ', 3).map((word: string) => word[0]);\n    const placeholderText = initials.length > 0 ? initials.join('') : '';\n    return {\n      ...avatar,\n      placeholderText: avatar?.placeholderText ?? placeholderText,\n    };\n  }, [avatar, entityName]);\n\n  return (\n    <View style={[styles.entity, style]} testID={testID} {...viewProps}>\n      <Avatar testID={concatTestID(testID, 'avatar')} {...avatarProps} />\n      <View style={styles.labels}>\n        <Typography\n          testID={concatTestID(testID, 'entityName')}\n          color={textColor ?? colorScheme.text}\n          numberOfLines={2}\n          preset=\"m\"\n          style={styles.entityName}>\n          {entityName}\n        </Typography>\n        {subline && (\n          <View>\n            <Typography\n              testID={concatTestID(testID, 'subline')}\n              color={sublineColor ?? colorScheme.text}\n              numberOfLines={1}\n              preset=\"xs\">\n              {subline}\n            </Typography>\n          </View>\n        )}\n      </View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  entity: {\n    alignItems: 'center',\n    flexDirection: 'row',\n  },\n  entityName: {\n    letterSpacing: Platform.OS === 'ios' ? -0.2 : -0.3, // -0.2 breaks layout on Android\n  },\n  labels: {\n    flex: 1,\n    marginLeft: 12,\n  },\n});\n\nexport default EntityCluster;\n"],"mappings":"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"}
+{"version":3,"names":["React","useMemo","Platform","StyleSheet","View","concatTestID","Typography","useAppColorScheme","Avatar","EntityCluster","avatar","entityName","subline","textColor","style","sublineColor","testID","viewProps","colorScheme","avatarProps","_avatar$placeholderTe","initials","split","map","word","placeholderText","length","join","createElement","_extends","styles","entity","labels","color","text","numberOfLines","preset","create","alignItems","flexDirection","letterSpacing","OS","flex","marginLeft"],"sources":["entity-cluster.tsx"],"sourcesContent":["import React, { FunctionComponent, useMemo } from 'react';\nimport { Platform, StyleSheet, View, ViewProps } from 'react-native';\n\nimport { concatTestID } from '../../utils';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\nimport Avatar, { AvatarProps } from './avatar';\n\nexport type EntityClusterProps = ViewProps & {\n  avatar?: AvatarProps;\n  entityName: string;\n  subline?: string;\n  textColor?: string;\n  sublineColor?: string;\n  testID?: string;\n};\n\n// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=426-25595&mode=design&t=YI1oD2BfBie5HcvJ-0\nconst EntityCluster: FunctionComponent<EntityClusterProps> = ({\n  avatar,\n  entityName,\n  subline,\n  textColor,\n  style,\n  sublineColor,\n  testID,\n  ...viewProps\n}) => {\n  const colorScheme = useAppColorScheme();\n\n  const avatarProps = useMemo<AvatarProps>(() => {\n    const initials = entityName.split(' ', 3).map((word: string) => word[0]);\n    const placeholderText = initials.length > 0 ? initials.join('') : '';\n    return {\n      ...avatar,\n      placeholderText: avatar?.placeholderText ?? placeholderText,\n    };\n  }, [avatar, entityName]);\n\n  return (\n    <View style={[styles.entity, style]} testID={testID} {...viewProps}>\n      <Avatar testID={concatTestID(testID, 'avatar')} {...avatarProps} />\n      <View style={styles.labels}>\n        <Typography\n          testID={concatTestID(testID, 'entityName')}\n          color={textColor ?? colorScheme.text}\n          numberOfLines={1}\n          preset=\"m\"\n          style={styles.entityName}>\n          {entityName}\n        </Typography>\n        {subline && (\n          <View>\n            <Typography\n              testID={concatTestID(testID, 'subline')}\n              color={sublineColor ?? colorScheme.text}\n              numberOfLines={1}\n              preset=\"xs\">\n              {subline}\n            </Typography>\n          </View>\n        )}\n      </View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  entity: {\n    alignItems: 'center',\n    flexDirection: 'row',\n  },\n  entityName: {\n    letterSpacing: Platform.OS === 'ios' ? -0.2 : -0.3, // -0.2 breaks layout on Android\n  },\n  labels: {\n    flex: 1,\n    marginLeft: 12,\n  },\n});\n\nexport default EntityCluster;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["Avatar","AvatarProps","EntityCluster","EntityClusterProps"],"sources":["index.ts"],"sourcesContent":["import Avatar, { AvatarProps } from './avatar';\nimport EntityCluster, { EntityClusterProps } from './entity-cluster';\n\nexport { Avatar, AvatarProps };\nexport { EntityCluster, EntityClusterProps };\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,WAAW,QAAQ,UAAU;AAC9C,OAAOC,aAAa,IAAIC,kBAAkB,QAAQ,kBAAkB;AAEpE,SAASH,MAAM,EAAEC,WAAW;AAC5B,SAASC,aAAa,EAAEC,kBAAkB"}
+{"version":3,"names":["Avatar","AvatarProps","EntityCluster","EntityClusterProps"],"sources":["index.ts"],"sourcesContent":["import Avatar, { AvatarProps } from './avatar';\nimport EntityCluster, { EntityClusterProps } from './entity-cluster';\n\nexport { Avatar, AvatarProps };\nexport { EntityCluster, EntityClusterProps };\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,WAAW,QAAQ,UAAU;AAC9C,OAAOC,aAAa,IAAIC,kBAAkB,QAAQ,kBAAkB;AAEpE,SAASH,MAAM,EAAEC,WAAW;AAC5B,SAASC,aAAa,EAAEC,kBAAkB","ignoreList":[]}

package/lib/module/ui-components/header/focus-aware-status-bar.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import { useIsFocused } from '@react-navigation/native';
 import React from 'react';
 import { StatusBar } from 'react-native';

package/lib/module/ui-components/header/focus-aware-status-bar.js.map

@@ -1 +1 @@
-{"version":3,"names":["useIsFocused","React","StatusBar","FocusAwareStatusBar","props","isFocused","createElement","_extends","animated"],"sources":["focus-aware-status-bar.tsx"],"sourcesContent":["import { useIsFocused } from '@react-navigation/native';\nimport React, { FunctionComponent } from 'react';\nimport { StatusBar, StatusBarProps } from 'react-native';\n\nconst FocusAwareStatusBar: FunctionComponent<StatusBarProps> = (props) => {\n  const isFocused = useIsFocused();\n  return isFocused ? <StatusBar animated={true} {...props} /> : null;\n};\n\nexport default FocusAwareStatusBar;\n"],"mappings":";AAAA,SAASA,YAAY,QAAQ,0BAA0B;AACvD,OAAOC,KAAK,MAA6B,OAAO;AAChD,SAASC,SAAS,QAAwB,cAAc;AAExD,MAAMC,mBAAsD,GAAIC,KAAK,IAAK;EACxE,MAAMC,SAAS,GAAGL,YAAY,EAAE;EAChC,OAAOK,SAAS,gBAAGJ,KAAA,CAAAK,aAAA,CAACJ,SAAS,EAAAK,QAAA;IAACC,QAAQ,EAAE;EAAK,GAAKJ,KAAK,EAAI,GAAG,IAAI;AACpE,CAAC;AAED,eAAeD,mBAAmB"}
+{"version":3,"names":["useIsFocused","React","StatusBar","FocusAwareStatusBar","props","isFocused","createElement","_extends","animated"],"sources":["focus-aware-status-bar.tsx"],"sourcesContent":["import { useIsFocused } from '@react-navigation/native';\nimport React, { FunctionComponent } from 'react';\nimport { StatusBar, StatusBarProps } from 'react-native';\n\nconst FocusAwareStatusBar: FunctionComponent<StatusBarProps> = (props) => {\n  const isFocused = useIsFocused();\n  return isFocused ? <StatusBar animated={true} {...props} /> : null;\n};\n\nexport default FocusAwareStatusBar;\n"],"mappings":";AAAA,SAASA,YAAY,QAAQ,0BAA0B;AACvD,OAAOC,KAAK,MAA6B,OAAO;AAChD,SAASC,SAAS,QAAwB,cAAc;AAExD,MAAMC,mBAAsD,GAAIC,KAAK,IAAK;EACxE,MAAMC,SAAS,GAAGL,YAAY,CAAC,CAAC;EAChC,OAAOK,SAAS,gBAAGJ,KAAA,CAAAK,aAAA,CAACJ,SAAS,EAAAK,QAAA;IAACC,QAAQ,EAAE;EAAK,GAAKJ,KAAK,CAAG,CAAC,GAAG,IAAI;AACpE,CAAC;AAED,eAAeD,mBAAmB","ignoreList":[]}

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

@@ -1,26 +1,24 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useCallback, useEffect, useState } from 'react';
 import { Animated, StyleSheet, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import BlurView from '../blur/blur-view';
 import AnimatedSearchBar from '../searchbar/animated-search-bar';
 import { useAppColorScheme } from '../theme/color-scheme-context';
-const FoldableSearchHeader = _ref => {
-  let {
-    staticHeader = false,
-    scrollOffset,
-    searchBar,
-    header
-  } = _ref;
+const FoldableSearchHeader = ({
+  staticHeader = false,
+  scrollOffset,
+  searchBar,
+  header
+}) => {
   const safeAreaInsets = useSafeAreaInsets();
   const colorScheme = useAppColorScheme();
   const [collapsed, setCollapsed] = useState(header ? false : true);
   const [headerHeight, setHeaderHeight] = useState();
   useEffect(() => {
-    const id = scrollOffset.addListener(_ref2 => {
-      let {
-        value
-      } = _ref2;
+    const id = scrollOffset.addListener(({
+      value
+    }) => {
       if (!headerHeight) {
         return;
       }