@procivis/one-react-native-components 0.1.63 → 0.3.22

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

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

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

@@ -0,0 +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","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  },\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/commonjs/ui-components/credential/credential-carousel-images.js

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.QrCode = exports.Mrz = exports.Barcode = void 0;
+var _pureSvgCode = require("pure-svg-code");
+var _qrcodeSvg = _interopRequireDefault(require("qrcode-svg"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeSvg = require("react-native-svg");
+var _typography = _interopRequireDefault(require("../text/typography"));
+var _colorSchemeContext = require("../theme/color-scheme-context");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const styles = _reactNative.StyleSheet.create({
+  barcodeBackground: {
+    alignSelf: 'center',
+    backgroundColor: 'white',
+    borderRadius: 5
+  },
+  barcodeContent: {
+    margin: 12
+  },
+  container: {
+    flex: 1,
+    justifyContent: 'center'
+  },
+  mrzBackground: {
+    backgroundColor: 'white',
+    paddingHorizontal: 12
+  }
+});
+const Barcode = ({
+  content,
+  width = 220,
+  height = 80,
+  testID
+}) => {
+  const colorScheme = (0, _colorSchemeContext.useAppColorScheme)();
+  const barcodeXml = (0, _react.useMemo)(() => (0, _pureSvgCode.barcode)(content, 'code128', {
+    barHeight: height,
+    bgColor: colorScheme.white,
+    width: width
+  }), [content, colorScheme, height, width]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.barcodeBackground
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeSvg.SvgXml, {
+    height: height,
+    style: [styles.barcodeBackground, styles.barcodeContent],
+    testID: testID,
+    width: width,
+    xml: barcodeXml
+  })));
+};
+exports.Barcode = Barcode;
+const QrCode = ({
+  content,
+  padding,
+  testID
+}) => {
+  const qrCodeXml = (0, _react.useMemo)(() => {
+    return new _qrcodeSvg.default({
+      container: 'svg-viewbox',
+      content,
+      join: true,
+      padding: padding !== null && padding !== void 0 ? padding : 1
+    }).svg();
+  }, [content, padding]);
+  return /*#__PURE__*/_react.default.createElement(_reactNativeSvg.SvgXml, {
+    height: '100%',
+    testID: testID,
+    width: '100%',
+    xml: qrCodeXml
+  });
+};
+exports.QrCode = QrCode;
+const Mrz = ({
+  content,
+  testID
+}) => {
+  const colorScheme = (0, _colorSchemeContext.useAppColorScheme)();
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.container, styles.mrzBackground]
+  }, /*#__PURE__*/_react.default.createElement(_typography.default, {
+    color: colorScheme.text,
+    preset: 's/code',
+    testID: testID
+  }, content));
+};
+exports.Mrz = Mrz;
+//# sourceMappingURL=credential-carousel-images.js.map

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

@@ -0,0 +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","qrCodeXml","QRCode","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/commonjs/ui-components/credential/index.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  CredentialAttributeItem: true,
+  Barcode: true,
+  Mrz: true,
+  QrCode: true,
+  Selector: true,
+  SelectorStatus: true
+};
+Object.defineProperty(exports, "Barcode", {
+  enumerable: true,
+  get: function () {
+    return _credentialCarouselImages.Barcode;
+  }
+});
+Object.defineProperty(exports, "CredentialAttributeItem", {
+  enumerable: true,
+  get: function () {
+    return _credentialAttributeItem.default;
+  }
+});
+Object.defineProperty(exports, "Mrz", {
+  enumerable: true,
+  get: function () {
+    return _credentialCarouselImages.Mrz;
+  }
+});
+Object.defineProperty(exports, "QrCode", {
+  enumerable: true,
+  get: function () {
+    return _credentialCarouselImages.QrCode;
+  }
+});
+Object.defineProperty(exports, "Selector", {
+  enumerable: true,
+  get: function () {
+    return _selector.default;
+  }
+});
+Object.defineProperty(exports, "SelectorStatus", {
+  enumerable: true,
+  get: function () {
+    return _selectorStatus.SelectorStatus;
+  }
+});
+var _credentialAttributeItem = _interopRequireDefault(require("./credential-attribute-item"));
+var _credentialCarouselImages = require("./credential-carousel-images");
+var _selector = _interopRequireDefault(require("./selector"));
+var _selectorStatus = require("./selector-status");
+var _card = require("./card");
+Object.keys(_card).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _card[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _card[key];
+    }
+  });
+});
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_credentialAttributeItem","_interopRequireDefault","require","_credentialCarouselImages","_selector","_selectorStatus","_card","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","e","__esModule","default"],"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,IAAAA,wBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,yBAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AAKA,IAAAI,KAAA,GAAAJ,OAAA;AAAAK,MAAA,CAAAC,IAAA,CAAAF,KAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,KAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,KAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AAAuB,SAAAT,uBAAAkB,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

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

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectorStatus = void 0;
+let SelectorStatus = exports.SelectorStatus = /*#__PURE__*/function (SelectorStatus) {
+  SelectorStatus["Disabled"] = "disabled";
+  SelectorStatus["Empty"] = "empty";
+  SelectorStatus["Rejected"] = "rejected";
+  SelectorStatus["Required"] = "required";
+  SelectorStatus["SelectedCheckmark"] = "selectedCheckmark";
+  SelectorStatus["SelectedRadio"] = "selectedRadio";
+  return SelectorStatus;
+}({});
+//# sourceMappingURL=selector-status.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["SelectorStatus","exports"],"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":";;;;;;IAAYA,cAAc,GAAAC,OAAA,CAAAD,cAAA,0BAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAA,OAAdA,cAAc;AAAA","ignoreList":[]}

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

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _testID = require("../../utils/testID");
+var _selector = require("../icons/selector");
+var _theme = require("../theme");
+var _selectorStatus = require("./selector-status");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/**
+ * Generic selector display
+ *
+ * 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 = ({
+  status,
+  style,
+  testID
+}) => {
+  const colorScheme = (0, _theme.useAppColorScheme)();
+  const statusStyle = (0, _react.useMemo)(() => {
+    switch (status) {
+      case _selectorStatus.SelectorStatus.Empty:
+        return [styles.bordered, {
+          backgroundColor: colorScheme.white,
+          borderColor: colorScheme.grayDark
+        }];
+      case _selectorStatus.SelectorStatus.SelectedRadio:
+        return [styles.selectedRadio, {
+          backgroundColor: colorScheme.white,
+          borderColor: colorScheme.accent
+        }];
+      case _selectorStatus.SelectorStatus.SelectedCheckmark:
+        return {
+          backgroundColor: colorScheme.accent
+        };
+      case _selectorStatus.SelectorStatus.Disabled:
+        return [styles.bordered, {
+          backgroundColor: colorScheme.background,
+          borderColor: colorScheme.grayDark
+        }];
+      default:
+        return undefined;
+    }
+  }, [colorScheme, status]);
+  const checked = status === _selectorStatus.SelectorStatus.SelectedCheckmark || status === _selectorStatus.SelectorStatus.Required;
+  const rejected = status === _selectorStatus.SelectorStatus.Rejected;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    testID: testID,
+    style: [styles.wrapper, statusStyle, style]
+  }, (checked || rejected) && /*#__PURE__*/_react.default.createElement(_selector.SelectorIcon, {
+    testID: (0, _testID.concatTestID)(testID, 'status', status),
+    status: status
+  }));
+};
+const styles = _reactNative.StyleSheet.create({
+  bordered: {
+    borderWidth: 1
+  },
+  selectedRadio: {
+    borderWidth: 8
+  },
+  wrapper: {
+    alignItems: 'center',
+    borderRadius: 12,
+    height: 24,
+    justifyContent: 'center',
+    width: 24
+  }
+});
+var _default = exports.default = Selector;
+//# sourceMappingURL=selector.js.map

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

@@ -0,0 +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":[]}