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

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","useMemo","StyleSheet","View","Typography","useAppColorScheme","concatTestID","Avatar","EntityCluster","_ref","avatar","entityName","subline","textColor","style","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","flex","marginLeft"],"sources":["entity-cluster.tsx"],"sourcesContent":["import React, { FunctionComponent, useMemo } from 'react';\nimport { StyleSheet, View, ViewProps } from 'react-native';\n\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\nimport { concatTestID } from '../utils';\nimport Avatar, { AvatarProps } from './avatar';\n\nexport type EntityClusterProps = ViewProps & {\n  avatar?: AvatarProps;\n  entityName: string;\n  subline?: string;\n  textColor?: 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  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 {...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          {entityName}\n        </Typography>\n        {subline && (\n          <View>\n            <Typography testID={concatTestID(testID, 'subline')} color={textColor ?? colorScheme.text} 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  labels: {\n    flex: 1,\n    marginLeft: 12,\n  },\n});\n\nexport default EntityCluster;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAuBC,OAAO,QAAQ,OAAO;AACzD,SAASC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAE1D,OAAOC,UAAU,MAAM,oBAAoB;AAC3C,SAASC,iBAAiB,QAAQ,+BAA+B;AACjE,SAASC,YAAY,QAAQ,UAAU;AACvC,OAAOC,MAAM,MAAuB,UAAU;AAU9C;AACA,MAAMC,aAAoD,GAAGC,IAAA,IAQvD;EAAA,IARwD;IAC5DC,MAAM;IACNC,UAAU;IACVC,OAAO;IACPC,SAAS;IACTC,KAAK;IACLC,MAAM;IACN,GAAGC;EACL,CAAC,GAAAP,IAAA;EACC,MAAMQ,WAAW,GAAGZ,iBAAiB,EAAE;EAEvC,MAAMa,WAAW,GAAGjB,OAAO,CAAc,MAAM;IAAA,IAAAkB,qBAAA;IAC7C,MAAMC,QAAQ,GAAGT,UAAU,CAACU,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,CAACC,GAAG,CAAEC,IAAY,IAAKA,IAAI,CAAC,CAAC,CAAC,CAAC;IACxE,MAAMC,eAAe,GAAGJ,QAAQ,CAACK,MAAM,GAAG,CAAC,GAAGL,QAAQ,CAACM,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE;IACpE,OAAO;MACL,GAAGhB,MAAM;MACTc,eAAe,GAAAL,qBAAA,GAAET,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEc,eAAe,cAAAL,qBAAA,cAAAA,qBAAA,GAAIK;IAC9C,CAAC;EACH,CAAC,EAAE,CAACd,MAAM,EAAEC,UAAU,CAAC,CAAC;EAExB,oBACEX,KAAA,CAAA2B,aAAA,CAACxB,IAAI,EAAAyB,QAAA;IAACd,KAAK,EAAE,CAACe,MAAM,CAACC,MAAM,EAAEhB,KAAK,CAAE;IAACC,MAAM,EAAEA;EAAO,GAAKC,SAAS,gBAChEhB,KAAA,CAAA2B,aAAA,CAACpB,MAAM,EAAKW,WAAW,CAAI,eAC3BlB,KAAA,CAAA2B,aAAA,CAACxB,IAAI;IAACW,KAAK,EAAEe,MAAM,CAACE;EAAO,gBACzB/B,KAAA,CAAA2B,aAAA,CAACvB,UAAU;IACTW,MAAM,EAAET,YAAY,CAACS,MAAM,EAAE,YAAY,CAAE;IAC3CiB,KAAK,EAAEnB,SAAS,aAATA,SAAS,cAATA,SAAS,GAAII,WAAW,CAACgB,IAAK;IACrCC,aAAa,EAAE,CAAE;IACjBC,MAAM,EAAC;EAAG,GACTxB,UAAU,CACA,EACZC,OAAO,iBACNZ,KAAA,CAAA2B,aAAA,CAACxB,IAAI,qBACHH,KAAA,CAAA2B,aAAA,CAACvB,UAAU;IAACW,MAAM,EAAET,YAAY,CAACS,MAAM,EAAE,SAAS,CAAE;IAACiB,KAAK,EAAEnB,SAAS,aAATA,SAAS,cAATA,SAAS,GAAII,WAAW,CAACgB,IAAK;IAACE,MAAM,EAAC;EAAI,GACnGvB,OAAO,CACG,CAEhB,CACI,CACF;AAEX,CAAC;AAED,MAAMiB,MAAM,GAAG3B,UAAU,CAACkC,MAAM,CAAC;EAC/BN,MAAM,EAAE;IACNO,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE;EACjB,CAAC;EACDP,MAAM,EAAE;IACNQ,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,eAAehC,aAAa"}

package/lib/module/header/header.js

@@ -1,97 +0,0 @@
-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); }
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
-import { BackButton } from '../buttons';
-import { Typography } from '../text';
-import { useAppColorScheme } from '../theme';
-import { concatTestID } from '../utils';
-const backButtonHitSlop = {
-  top: 12,
-  bottom: 12,
-  left: 20,
-  right: 20
-};
-
-/**
- * Unified screen header
- *
- * Following the design: https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?node-id=425-18624
- * states (Default + Dashboard)
- */
-const Header = _ref => {
-  let {
-    onBack,
-    rightButton,
-    style,
-    titleRowStyle,
-    testID,
-    title,
-    ...viewProps
-  } = _ref;
-  const colorScheme = useAppColorScheme();
-  return /*#__PURE__*/React.createElement(View, _extends({
-    style: [styles.container, style],
-    testID: testID
-  }, viewProps), onBack && /*#__PURE__*/React.createElement(View, {
-    style: styles.backButtonRow
-  }, /*#__PURE__*/React.createElement(BackButton, {
-    hitSlop: backButtonHitSlop,
-    onPress: onBack,
-    testID: concatTestID(testID, 'back')
-  }), /*#__PURE__*/React.createElement(View, null), rightButton), /*#__PURE__*/React.createElement(View, {
-    style: [styles.titleRow, onBack ? styles.titleRow2nd : styles.titleRowNoBackButton, (onBack || !rightButton) && styles.titleRowNoRightButton, titleRowStyle]
-  }, typeof title === 'string' ? /*#__PURE__*/React.createElement(Typography, {
-    accessibilityRole: "header",
-    color: colorScheme.text,
-    preset: "l",
-    style: styles.title,
-    testID: concatTestID(testID, 'title')
-  }, title) : /*#__PURE__*/React.createElement(View, {
-    style: styles.title
-  }, title), !onBack && rightButton && /*#__PURE__*/React.createElement(View, {
-    style: styles.rightButtonWrapper
-  }, rightButton)));
-};
-const styles = StyleSheet.create({
-  backButtonRow: {
-    alignItems: 'center',
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    minHeight: 48,
-    paddingHorizontal: 20,
-    width: '100%'
-  },
-  container: {
-    width: '100%'
-  },
-  rightButtonWrapper: {
-    alignItems: 'center',
-    height: 48,
-    justifyContent: 'center',
-    paddingHorizontal: 12,
-    paddingTop: 2
-  },
-  title: {
-    flex: 1,
-    paddingBottom: 8,
-    // to compensate "l" font line-height difference
-    paddingTop: 9
-  },
-  titleRow: {
-    flexDirection: 'row',
-    paddingLeft: 20,
-    paddingRight: 8,
-    width: '100%'
-  },
-  titleRow2nd: {
-    marginBottom: 12
-  },
-  titleRowNoBackButton: {
-    marginTop: 12
-  },
-  titleRowNoRightButton: {
-    paddingRight: 20
-  }
-});
-export default Header;
-//# sourceMappingURL=header.js.map

package/lib/module/header/header.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","StyleSheet","View","BackButton","Typography","useAppColorScheme","concatTestID","backButtonHitSlop","top","bottom","left","right","Header","_ref","onBack","rightButton","style","titleRowStyle","testID","title","viewProps","colorScheme","createElement","_extends","styles","container","backButtonRow","hitSlop","onPress","titleRow","titleRow2nd","titleRowNoBackButton","titleRowNoRightButton","accessibilityRole","color","text","preset","rightButtonWrapper","create","alignItems","flexDirection","justifyContent","minHeight","paddingHorizontal","width","height","paddingTop","flex","paddingBottom","paddingLeft","paddingRight","marginBottom","marginTop"],"sources":["header.tsx"],"sourcesContent":["import React, { FC, ReactNode } from 'react';\nimport { Insets, StyleProp, StyleSheet, View, ViewProps, ViewStyle } from 'react-native';\n\nimport { BackButton } from '../buttons';\nimport { Typography } from '../text';\nimport { useAppColorScheme } from '../theme';\nimport { concatTestID } from '../utils';\n\nexport interface HeaderProps extends ViewProps {\n  onBack?: () => void;\n  rightButton?: ReactNode;\n  style?: StyleProp<ViewStyle>;\n  titleRowStyle?: StyleProp<ViewStyle>;\n  title: ReactNode;\n}\n\nconst backButtonHitSlop: Insets = { top: 12, bottom: 12, left: 20, right: 20 };\n\n/**\n * Unified screen header\n *\n * Following the design: https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?node-id=425-18624\n * states (Default + Dashboard)\n */\nconst Header: FC<HeaderProps> = ({ onBack, rightButton, style, titleRowStyle, testID, title, ...viewProps }) => {\n  const colorScheme = useAppColorScheme();\n\n  return (\n    <View style={[styles.container, style]} testID={testID} {...viewProps}>\n      {onBack && (\n        <View style={styles.backButtonRow}>\n          <BackButton hitSlop={backButtonHitSlop} onPress={onBack} testID={concatTestID(testID, 'back')} />\n          <View />\n          {rightButton}\n        </View>\n      )}\n\n      <View\n        style={[\n          styles.titleRow,\n          onBack ? styles.titleRow2nd : styles.titleRowNoBackButton,\n          (onBack || !rightButton) && styles.titleRowNoRightButton,\n          titleRowStyle,\n        ]}>\n        {typeof title === 'string' ? (\n          <Typography\n            accessibilityRole=\"header\"\n            color={colorScheme.text}\n            preset=\"l\"\n            style={styles.title}\n            testID={concatTestID(testID, 'title')}>\n            {title}\n          </Typography>\n        ) : (\n          <View style={styles.title}>{title}</View>\n        )}\n\n        {!onBack && rightButton && <View style={styles.rightButtonWrapper}>{rightButton}</View>}\n      </View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  backButtonRow: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    minHeight: 48,\n    paddingHorizontal: 20,\n    width: '100%',\n  },\n  container: {\n    width: '100%',\n  },\n  rightButtonWrapper: {\n    alignItems: 'center',\n    height: 48,\n    justifyContent: 'center',\n    paddingHorizontal: 12,\n    paddingTop: 2,\n  },\n  title: {\n    flex: 1,\n    paddingBottom: 8, // to compensate \"l\" font line-height difference\n    paddingTop: 9,\n  },\n  titleRow: {\n    flexDirection: 'row',\n    paddingLeft: 20,\n    paddingRight: 8,\n    width: '100%',\n  },\n  titleRow2nd: {\n    marginBottom: 12,\n  },\n  titleRowNoBackButton: {\n    marginTop: 12,\n  },\n  titleRowNoRightButton: {\n    paddingRight: 20,\n  },\n});\n\nexport default Header;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAyB,OAAO;AAC5C,SAA4BC,UAAU,EAAEC,IAAI,QAA8B,cAAc;AAExF,SAASC,UAAU,QAAQ,YAAY;AACvC,SAASC,UAAU,QAAQ,SAAS;AACpC,SAASC,iBAAiB,QAAQ,UAAU;AAC5C,SAASC,YAAY,QAAQ,UAAU;AAUvC,MAAMC,iBAAyB,GAAG;EAAEC,GAAG,EAAE,EAAE;EAAEC,MAAM,EAAE,EAAE;EAAEC,IAAI,EAAE,EAAE;EAAEC,KAAK,EAAE;AAAG,CAAC;;AAE9E;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,MAAuB,GAAGC,IAAA,IAAgF;EAAA,IAA/E;IAAEC,MAAM;IAAEC,WAAW;IAAEC,KAAK;IAAEC,aAAa;IAAEC,MAAM;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAAP,IAAA;EACzG,MAAMQ,WAAW,GAAGhB,iBAAiB,EAAE;EAEvC,oBACEL,KAAA,CAAAsB,aAAA,CAACpB,IAAI,EAAAqB,QAAA;IAACP,KAAK,EAAE,CAACQ,MAAM,CAACC,SAAS,EAAET,KAAK,CAAE;IAACE,MAAM,EAAEA;EAAO,GAAKE,SAAS,GAClEN,MAAM,iBACLd,KAAA,CAAAsB,aAAA,CAACpB,IAAI;IAACc,KAAK,EAAEQ,MAAM,CAACE;EAAc,gBAChC1B,KAAA,CAAAsB,aAAA,CAACnB,UAAU;IAACwB,OAAO,EAAEpB,iBAAkB;IAACqB,OAAO,EAAEd,MAAO;IAACI,MAAM,EAAEZ,YAAY,CAACY,MAAM,EAAE,MAAM;EAAE,EAAG,eACjGlB,KAAA,CAAAsB,aAAA,CAACpB,IAAI,OAAG,EACPa,WAAW,CAEf,eAEDf,KAAA,CAAAsB,aAAA,CAACpB,IAAI;IACHc,KAAK,EAAE,CACLQ,MAAM,CAACK,QAAQ,EACff,MAAM,GAAGU,MAAM,CAACM,WAAW,GAAGN,MAAM,CAACO,oBAAoB,EACzD,CAACjB,MAAM,IAAI,CAACC,WAAW,KAAKS,MAAM,CAACQ,qBAAqB,EACxDf,aAAa;EACb,GACD,OAAOE,KAAK,KAAK,QAAQ,gBACxBnB,KAAA,CAAAsB,aAAA,CAAClB,UAAU;IACT6B,iBAAiB,EAAC,QAAQ;IAC1BC,KAAK,EAAEb,WAAW,CAACc,IAAK;IACxBC,MAAM,EAAC,GAAG;IACVpB,KAAK,EAAEQ,MAAM,CAACL,KAAM;IACpBD,MAAM,EAAEZ,YAAY,CAACY,MAAM,EAAE,OAAO;EAAE,GACrCC,KAAK,CACK,gBAEbnB,KAAA,CAAAsB,aAAA,CAACpB,IAAI;IAACc,KAAK,EAAEQ,MAAM,CAACL;EAAM,GAAEA,KAAK,CAClC,EAEA,CAACL,MAAM,IAAIC,WAAW,iBAAIf,KAAA,CAAAsB,aAAA,CAACpB,IAAI;IAACc,KAAK,EAAEQ,MAAM,CAACa;EAAmB,GAAEtB,WAAW,CAAQ,CAClF,CACF;AAEX,CAAC;AAED,MAAMS,MAAM,GAAGvB,UAAU,CAACqC,MAAM,CAAC;EAC/BZ,aAAa,EAAE;IACba,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/BC,SAAS,EAAE,EAAE;IACbC,iBAAiB,EAAE,EAAE;IACrBC,KAAK,EAAE;EACT,CAAC;EACDnB,SAAS,EAAE;IACTmB,KAAK,EAAE;EACT,CAAC;EACDP,kBAAkB,EAAE;IAClBE,UAAU,EAAE,QAAQ;IACpBM,MAAM,EAAE,EAAE;IACVJ,cAAc,EAAE,QAAQ;IACxBE,iBAAiB,EAAE,EAAE;IACrBG,UAAU,EAAE;EACd,CAAC;EACD3B,KAAK,EAAE;IACL4B,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE,CAAC;IAAE;IAClBF,UAAU,EAAE;EACd,CAAC;EACDjB,QAAQ,EAAE;IACRW,aAAa,EAAE,KAAK;IACpBS,WAAW,EAAE,EAAE;IACfC,YAAY,EAAE,CAAC;IACfN,KAAK,EAAE;EACT,CAAC;EACDd,WAAW,EAAE;IACXqB,YAAY,EAAE;EAChB,CAAC;EACDpB,oBAAoB,EAAE;IACpBqB,SAAS,EAAE;EACb,CAAC;EACDpB,qBAAqB,EAAE;IACrBkB,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAEF,eAAetC,MAAM"}

package/lib/module/header/navigation-header.js

@@ -1,138 +0,0 @@
-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); }
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { Animated, Easing, StyleSheet, View } from 'react-native';
-import BlurView from '../blur/blur-view';
-import Typography from '../text/typography';
-import { useAppColorScheme } from '../theme/color-scheme-context';
-import { concatTestID } from '../utils';
-const NavigationHeader = _ref => {
-  var _backgroundColor;
-  let {
-    animate = false,
-    backgroundColor,
-    blurred = false,
-    leftItem,
-    modalHandleVisible,
-    rightItem,
-    style,
-    testID,
-    title,
-    titleVisible = true,
-    titleColor,
-    ...props
-  } = _ref;
-  const colorScheme = useAppColorScheme();
-  const [titleOpacity] = useState(() => new Animated.Value(titleVisible ? 1 : 0));
-  const [sideItemWidth, setSideItemWidth] = useState();
-  const onSideItemLayout = useCallback(_ref2 => {
-    let {
-      nativeEvent: {
-        layout
-      }
-    } = _ref2;
-    return setSideItemWidth(prev => Math.max(layout.width, prev !== null && prev !== void 0 ? prev : 0));
-  }, []);
-  backgroundColor = (_backgroundColor = backgroundColor) !== null && _backgroundColor !== void 0 ? _backgroundColor : colorScheme.background;
-  const leftItemView = useMemo(() => {
-    if (!leftItem) {
-      return undefined;
-    }
-    if ( /*#__PURE__*/React.isValidElement(leftItem)) {
-      return leftItem;
-    } else {
-      const LeftItemComponent = leftItem;
-      return /*#__PURE__*/React.createElement(LeftItemComponent, null);
-    }
-  }, [leftItem]);
-  useEffect(() => {
-    if (animate) {
-      Animated.timing(titleOpacity, {
-        duration: 150,
-        easing: Easing.ease,
-        toValue: titleVisible ? 1 : 0,
-        useNativeDriver: true
-      }).start();
-    } else {
-      titleOpacity.setValue(titleVisible ? 1 : 0);
-    }
-  }, [animate, titleOpacity, titleVisible]);
-  const rightItemView = useMemo(() => {
-    if (!rightItem) {
-      return undefined;
-    }
-    if ( /*#__PURE__*/React.isValidElement(rightItem)) {
-      return rightItem;
-    } else {
-      const RightItemComponent = rightItem;
-      return /*#__PURE__*/React.createElement(RightItemComponent, null);
-    }
-  }, [rightItem]);
-  const titleAnimatedStyle = {
-    opacity: titleOpacity
-  };
-  return /*#__PURE__*/React.createElement(View, _extends({}, props, {
-    style: [styles.headerContainer, !blurred ? {
-      backgroundColor
-    } : undefined, style],
-    testID: testID
-  }), blurred && /*#__PURE__*/React.createElement(BlurView, {
-    blurAmount: 10,
-    blurStyle: "header",
-    color: backgroundColor,
-    style: StyleSheet.absoluteFill
-  }), modalHandleVisible && /*#__PURE__*/React.createElement(View, {
-    style: [styles.modalHandle, {
-      backgroundColor: colorScheme.grayDark
-    }]
-  }), /*#__PURE__*/React.createElement(View, {
-    style: styles.header
-  }, /*#__PURE__*/React.createElement(View, {
-    onLayout: onSideItemLayout,
-    style: [styles.sideItem, {
-      minWidth: sideItemWidth
-    }]
-  }, leftItemView), /*#__PURE__*/React.createElement(Animated.View, {
-    style: [styles.title, titleAnimatedStyle]
-  }, /*#__PURE__*/React.createElement(Typography, {
-    color: titleColor !== null && titleColor !== void 0 ? titleColor : colorScheme.text,
-    preset: "m/heading",
-    align: "center",
-    numberOfLines: 1,
-    testID: concatTestID(testID, 'title')
-  }, title)), /*#__PURE__*/React.createElement(View, {
-    onLayout: onSideItemLayout,
-    style: [styles.sideItem, styles.rightSideItem, {
-      minWidth: sideItemWidth
-    }]
-  }, rightItemView)));
-};
-const styles = StyleSheet.create({
-  header: {
-    alignItems: 'center',
-    flexDirection: 'row',
-    height: 48,
-    width: '100%'
-  },
-  headerContainer: {
-    alignItems: 'center',
-    flexDirection: 'column',
-    paddingHorizontal: 8
-  },
-  modalHandle: {
-    borderRadius: 2.5,
-    height: 5,
-    marginVertical: 5,
-    width: 36
-  },
-  rightSideItem: {
-    alignItems: 'flex-end'
-  },
-  sideItem: {
-    padding: 12
-  },
-  title: {
-    flex: 1
-  }
-});
-export default NavigationHeader;
-//# sourceMappingURL=navigation-header.js.map

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

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

package/lib/module/history/data-item.js

@@ -1,60 +0,0 @@
-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); }
-import React, { StyleSheet, View } from 'react-native';
-import Typography from '../text/typography';
-import { useAppColorScheme } from '../theme/color-scheme-context';
-import { concatTestID } from '../utils/testID';
-const DataItem = _ref => {
-  let {
-    attribute,
-    value,
-    valueColor,
-    valueIcon,
-    multiline,
-    last,
-    testID,
-    style,
-    ...props
-  } = _ref;
-  const colorScheme = useAppColorScheme();
-  return /*#__PURE__*/React.createElement(View, _extends({
-    style: [styles.dataItem, {
-      borderColor: colorScheme.background
-    }, last && styles.last, style],
-    testID: testID
-  }, props), /*#__PURE__*/React.createElement(Typography, {
-    color: colorScheme.text,
-    preset: "xs/line-height-small",
-    style: styles.dataItemLabel,
-    testID: concatTestID(testID, 'title')
-  }, attribute), /*#__PURE__*/React.createElement(View, {
-    style: styles.value
-  }, valueIcon, /*#__PURE__*/React.createElement(Typography, {
-    color: valueColor !== null && valueColor !== void 0 ? valueColor : colorScheme.text,
-    numberOfLines: multiline ? undefined : 1,
-    preset: "s",
-    style: valueIcon ? styles.valueLabel : undefined,
-    testID: concatTestID(testID, 'value')
-  }, value)));
-};
-const styles = StyleSheet.create({
-  dataItem: {
-    borderBottomWidth: 1,
-    paddingVertical: 10
-  },
-  dataItemLabel: {
-    marginBottom: 4,
-    opacity: 0.7
-  },
-  last: {
-    borderBottomWidth: 0
-  },
-  value: {
-    alignItems: 'center',
-    flexDirection: 'row'
-  },
-  valueLabel: {
-    marginLeft: 4
-  }
-});
-export default DataItem;
-//# sourceMappingURL=data-item.js.map

package/lib/module/history/data-item.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","StyleSheet","View","Typography","useAppColorScheme","concatTestID","DataItem","_ref","attribute","value","valueColor","valueIcon","multiline","last","testID","style","props","colorScheme","createElement","_extends","styles","dataItem","borderColor","background","color","text","preset","dataItemLabel","numberOfLines","undefined","valueLabel","create","borderBottomWidth","paddingVertical","marginBottom","opacity","alignItems","flexDirection","marginLeft"],"sources":["data-item.tsx"],"sourcesContent":["import { FC, ReactNode } from 'react';\nimport React, { ColorValue, StyleSheet, View, ViewProps } from 'react-native';\n\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\nimport { concatTestID } from '../utils/testID';\n\nexport type DataItemProps = ViewProps & {\n  attribute: string;\n  last?: boolean;\n  multiline?: boolean;\n  value: string;\n  valueColor?: ColorValue;\n  valueIcon?: ReactNode;\n};\n\nconst DataItem: FC<DataItemProps> = ({\n  attribute,\n  value,\n  valueColor,\n  valueIcon,\n  multiline,\n  last,\n  testID,\n  style,\n  ...props\n}) => {\n  const colorScheme = useAppColorScheme();\n\n  return (\n    <View\n      style={[styles.dataItem, { borderColor: colorScheme.background }, last && styles.last, style]}\n      testID={testID}\n      {...props}>\n      <Typography\n        color={colorScheme.text}\n        preset=\"xs/line-height-small\"\n        style={styles.dataItemLabel}\n        testID={concatTestID(testID, 'title')}>\n        {attribute}\n      </Typography>\n\n      <View style={styles.value}>\n        {valueIcon}\n        <Typography\n          color={valueColor ?? colorScheme.text}\n          numberOfLines={multiline ? undefined : 1}\n          preset=\"s\"\n          style={valueIcon ? styles.valueLabel : undefined}\n          testID={concatTestID(testID, 'value')}>\n          {value}\n        </Typography>\n      </View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  dataItem: {\n    borderBottomWidth: 1,\n    paddingVertical: 10,\n  },\n  dataItemLabel: {\n    marginBottom: 4,\n    opacity: 0.7,\n  },\n  last: {\n    borderBottomWidth: 0,\n  },\n  value: {\n    alignItems: 'center',\n    flexDirection: 'row',\n  },\n  valueLabel: {\n    marginLeft: 4,\n  },\n});\n\nexport default DataItem;\n"],"mappings":";AACA,OAAOA,KAAK,IAAgBC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAE7E,OAAOC,UAAU,MAAM,oBAAoB;AAC3C,SAASC,iBAAiB,QAAQ,+BAA+B;AACjE,SAASC,YAAY,QAAQ,iBAAiB;AAW9C,MAAMC,QAA2B,GAAGC,IAAA,IAU9B;EAAA,IAV+B;IACnCC,SAAS;IACTC,KAAK;IACLC,UAAU;IACVC,SAAS;IACTC,SAAS;IACTC,IAAI;IACJC,MAAM;IACNC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAT,IAAA;EACC,MAAMU,WAAW,GAAGb,iBAAiB,EAAE;EAEvC,oBACEJ,KAAA,CAAAkB,aAAA,CAAChB,IAAI,EAAAiB,QAAA;IACHJ,KAAK,EAAE,CAACK,MAAM,CAACC,QAAQ,EAAE;MAAEC,WAAW,EAAEL,WAAW,CAACM;IAAW,CAAC,EAAEV,IAAI,IAAIO,MAAM,CAACP,IAAI,EAAEE,KAAK,CAAE;IAC9FD,MAAM,EAAEA;EAAO,GACXE,KAAK,gBACThB,KAAA,CAAAkB,aAAA,CAACf,UAAU;IACTqB,KAAK,EAAEP,WAAW,CAACQ,IAAK;IACxBC,MAAM,EAAC,sBAAsB;IAC7BX,KAAK,EAAEK,MAAM,CAACO,aAAc;IAC5Bb,MAAM,EAAET,YAAY,CAACS,MAAM,EAAE,OAAO;EAAE,GACrCN,SAAS,CACC,eAEbR,KAAA,CAAAkB,aAAA,CAAChB,IAAI;IAACa,KAAK,EAAEK,MAAM,CAACX;EAAM,GACvBE,SAAS,eACVX,KAAA,CAAAkB,aAAA,CAACf,UAAU;IACTqB,KAAK,EAAEd,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAIO,WAAW,CAACQ,IAAK;IACtCG,aAAa,EAAEhB,SAAS,GAAGiB,SAAS,GAAG,CAAE;IACzCH,MAAM,EAAC,GAAG;IACVX,KAAK,EAAEJ,SAAS,GAAGS,MAAM,CAACU,UAAU,GAAGD,SAAU;IACjDf,MAAM,EAAET,YAAY,CAACS,MAAM,EAAE,OAAO;EAAE,GACrCL,KAAK,CACK,CACR,CACF;AAEX,CAAC;AAED,MAAMW,MAAM,GAAGnB,UAAU,CAAC8B,MAAM,CAAC;EAC/BV,QAAQ,EAAE;IACRW,iBAAiB,EAAE,CAAC;IACpBC,eAAe,EAAE;EACnB,CAAC;EACDN,aAAa,EAAE;IACbO,YAAY,EAAE,CAAC;IACfC,OAAO,EAAE;EACX,CAAC;EACDtB,IAAI,EAAE;IACJmB,iBAAiB,EAAE;EACrB,CAAC;EACDvB,KAAK,EAAE;IACL2B,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE;EACjB,CAAC;EACDP,UAAU,EAAE;IACVQ,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,eAAehC,QAAQ"}

package/lib/module/history/history-list-item.js

@@ -1,80 +0,0 @@
-import React, { useMemo } from 'react';
-import { StyleSheet, View } from 'react-native';
-import { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';
-import Typography from '../text/typography';
-import { useAppColorScheme } from '../theme/color-scheme-context';
-import { concatTestID } from '../utils/testID';
-const HistoryListItem = _ref => {
-  let {
-    icon,
-    label,
-    info,
-    last,
-    style,
-    time,
-    onPress,
-    testID
-  } = _ref;
-  const colorScheme = useAppColorScheme();
-  const iconView = useMemo(() => {
-    if ( /*#__PURE__*/React.isValidElement(icon)) {
-      return icon;
-    } else if (icon) {
-      const IconComponent = icon;
-      return /*#__PURE__*/React.createElement(IconComponent, null);
-    }
-  }, [icon]);
-  return /*#__PURE__*/React.createElement(TouchableOpacity, {
-    disabled: !onPress,
-    onPress: () => onPress === null || onPress === void 0 ? void 0 : onPress(),
-    style: [styles.historyItemContainer, {
-      backgroundColor: colorScheme.white,
-      borderColor: colorScheme.background
-    }, last && styles.last, style],
-    testID: testID
-  }, iconView, /*#__PURE__*/React.createElement(View, {
-    style: styles.labelAndInfo
-  }, /*#__PURE__*/React.createElement(Typography, {
-    color: colorScheme.text,
-    numberOfLines: 1,
-    preset: "s",
-    style: styles.label,
-    testID: concatTestID(testID, 'label')
-  }, label), Boolean(info) && /*#__PURE__*/React.createElement(Typography, {
-    color: colorScheme.text,
-    numberOfLines: 1,
-    preset: "s/line-height-small",
-    style: styles.shaded,
-    testID: concatTestID(testID, 'info')
-  }, info)), /*#__PURE__*/React.createElement(Typography, {
-    color: colorScheme.text,
-    numberOfLines: 1,
-    preset: "xs/line-height-small",
-    style: styles.shaded,
-    testID: concatTestID(testID, 'timeLabel')
-  }, time));
-};
-const styles = StyleSheet.create({
-  historyItemContainer: {
-    alignItems: 'center',
-    borderBottomWidth: 1,
-    flexDirection: 'row',
-    paddingRight: 8,
-    paddingVertical: 12
-  },
-  label: {
-    marginBottom: 2
-  },
-  labelAndInfo: {
-    flex: 1,
-    marginHorizontal: 12
-  },
-  last: {
-    borderBottomWidth: 0
-  },
-  shaded: {
-    opacity: 0.7
-  }
-});
-export default HistoryListItem;
-//# sourceMappingURL=history-list-item.js.map

package/lib/module/history/history-list-item.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useMemo","StyleSheet","View","TouchableOpacity","Typography","useAppColorScheme","concatTestID","HistoryListItem","_ref","icon","label","info","last","style","time","onPress","testID","colorScheme","iconView","isValidElement","IconComponent","createElement","disabled","styles","historyItemContainer","backgroundColor","white","borderColor","background","labelAndInfo","color","text","numberOfLines","preset","Boolean","shaded","create","alignItems","borderBottomWidth","flexDirection","paddingRight","paddingVertical","marginBottom","flex","marginHorizontal","opacity"],"sources":["history-list-item.tsx"],"sourcesContent":["import React, { ComponentType, FC, ReactElement, useMemo } from 'react';\nimport { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\nimport { concatTestID } from '../utils/testID';\n\nexport type HistoryListItemProps = {\n  icon: ComponentType<any> | ReactElement;\n  info?: string;\n  label: string;\n  last?: boolean;\n  onPress?: () => void;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n  time: string;\n};\n\nconst HistoryListItem: FC<HistoryListItemProps> = ({ icon, label, info, last, style, time, onPress, testID }) => {\n  const colorScheme = useAppColorScheme();\n\n  const iconView: ReactElement | undefined = useMemo(() => {\n    if (React.isValidElement(icon)) {\n      return icon;\n    } else if (icon) {\n      const IconComponent = icon as ComponentType<any>;\n      return <IconComponent />;\n    }\n  }, [icon]);\n\n  return (\n    <TouchableOpacity\n      disabled={!onPress}\n      onPress={() => onPress?.()}\n      style={[\n        styles.historyItemContainer,\n        {\n          backgroundColor: colorScheme.white,\n          borderColor: colorScheme.background,\n        },\n        last && styles.last,\n        style,\n      ]}\n      testID={testID}>\n      {iconView}\n      <View style={styles.labelAndInfo}>\n        <Typography\n          color={colorScheme.text}\n          numberOfLines={1}\n          preset=\"s\"\n          style={styles.label}\n          testID={concatTestID(testID, 'label')}>\n          {label}\n        </Typography>\n        {Boolean(info) && (\n          <Typography\n            color={colorScheme.text}\n            numberOfLines={1}\n            preset=\"s/line-height-small\"\n            style={styles.shaded}\n            testID={concatTestID(testID, 'info')}>\n            {info}\n          </Typography>\n        )}\n      </View>\n      <Typography\n        color={colorScheme.text}\n        numberOfLines={1}\n        preset=\"xs/line-height-small\"\n        style={styles.shaded}\n        testID={concatTestID(testID, 'timeLabel')}>\n        {time}\n      </Typography>\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  historyItemContainer: {\n    alignItems: 'center',\n    borderBottomWidth: 1,\n    flexDirection: 'row',\n    paddingRight: 8,\n    paddingVertical: 12,\n  },\n  label: {\n    marginBottom: 2,\n  },\n  labelAndInfo: {\n    flex: 1,\n    marginHorizontal: 12,\n  },\n  last: {\n    borderBottomWidth: 0,\n  },\n  shaded: {\n    opacity: 0.7,\n  },\n});\n\nexport default HistoryListItem;\n"],"mappings":"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"}

package/lib/module/history/history-section-header.js

@@ -1,42 +0,0 @@
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
-import Typography from '../text/typography';
-import { useAppColorScheme } from '../theme/color-scheme-context';
-import { concatTestID } from '../utils/testID';
-
-// component used on the history section lists (Settings->History, CredentialDetail->History)
-// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=1246-51813&mode=dev
-
-const HistorySectionHeader = _ref => {
-  let {
-    day,
-    year,
-    testID
-  } = _ref;
-  const colorScheme = useAppColorScheme();
-  return /*#__PURE__*/React.createElement(View, {
-    style: styles.header
-  }, /*#__PURE__*/React.createElement(Typography, {
-    accessibilityRole: "header",
-    color: colorScheme.text,
-    preset: "m",
-    testID: concatTestID(testID, 'title')
-  }, day), year && /*#__PURE__*/React.createElement(Typography, {
-    color: colorScheme.accent,
-    preset: "s/line-height-small",
-    style: styles.year
-  }, year));
-};
-const styles = StyleSheet.create({
-  header: {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    marginVertical: 16,
-    paddingHorizontal: 4
-  },
-  year: {
-    opacity: 0.7
-  }
-});
-export default HistorySectionHeader;
-//# sourceMappingURL=history-section-header.js.map

package/lib/module/history/history-section-header.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","StyleSheet","View","Typography","useAppColorScheme","concatTestID","HistorySectionHeader","_ref","day","year","testID","colorScheme","createElement","style","styles","header","accessibilityRole","color","text","preset","accent","create","flexDirection","justifyContent","marginVertical","paddingHorizontal","opacity"],"sources":["history-section-header.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\nimport { concatTestID } from '../utils/testID';\n\n// component used on the history section lists (Settings->History, CredentialDetail->History)\n// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=1246-51813&mode=dev\n\nconst HistorySectionHeader: FC<{\n  day: string;\n  testID?: string;\n  year?: string;\n}> = ({ day, year, testID }) => {\n  const colorScheme = useAppColorScheme();\n\n  return (\n    <View style={styles.header}>\n      <Typography accessibilityRole=\"header\" color={colorScheme.text} preset=\"m\" testID={concatTestID(testID, 'title')}>\n        {day}\n      </Typography>\n      {year && (\n        <Typography color={colorScheme.accent} preset=\"s/line-height-small\" style={styles.year}>\n          {year}\n        </Typography>\n      )}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  header: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    marginVertical: 16,\n    paddingHorizontal: 4,\n  },\n  year: {\n    opacity: 0.7,\n  },\n});\n\nexport default HistorySectionHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAc,OAAO;AACjC,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,OAAOC,UAAU,MAAM,oBAAoB;AAC3C,SAASC,iBAAiB,QAAQ,+BAA+B;AACjE,SAASC,YAAY,QAAQ,iBAAiB;;AAE9C;AACA;;AAEA,MAAMC,oBAIJ,GAAGC,IAAA,IAA2B;EAAA,IAA1B;IAAEC,GAAG;IAAEC,IAAI;IAAEC;EAAO,CAAC,GAAAH,IAAA;EACzB,MAAMI,WAAW,GAAGP,iBAAiB,EAAE;EAEvC,oBACEJ,KAAA,CAAAY,aAAA,CAACV,IAAI;IAACW,KAAK,EAAEC,MAAM,CAACC;EAAO,gBACzBf,KAAA,CAAAY,aAAA,CAACT,UAAU;IAACa,iBAAiB,EAAC,QAAQ;IAACC,KAAK,EAAEN,WAAW,CAACO,IAAK;IAACC,MAAM,EAAC,GAAG;IAACT,MAAM,EAAEL,YAAY,CAACK,MAAM,EAAE,OAAO;EAAE,GAC9GF,GAAG,CACO,EACZC,IAAI,iBACHT,KAAA,CAAAY,aAAA,CAACT,UAAU;IAACc,KAAK,EAAEN,WAAW,CAACS,MAAO;IAACD,MAAM,EAAC,qBAAqB;IAACN,KAAK,EAAEC,MAAM,CAACL;EAAK,GACpFA,IAAI,CAER,CACI;AAEX,CAAC;AAED,MAAMK,MAAM,GAAGb,UAAU,CAACoB,MAAM,CAAC;EAC/BN,MAAM,EAAE;IACNO,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/BC,cAAc,EAAE,EAAE;IAClBC,iBAAiB,EAAE;EACrB,CAAC;EACDhB,IAAI,EAAE;IACJiB,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAEF,eAAepB,oBAAoB"}

package/lib/module/icons/entity.js

@@ -1,25 +0,0 @@
-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); }
-import React from 'react';
-import Svg, { Path } from 'react-native-svg';
-import { useAppColorScheme } from '../theme/color-scheme-context';
-
-// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=415-5402&mode=design&t=YI1oD2BfBie5HcvJ-0
-export const EntityTrustedIcon = _ref => {
-  let {
-    ...props
-  } = _ref;
-  const colorScheme = useAppColorScheme();
-  return /*#__PURE__*/React.createElement(Svg, _extends({
-    width: 16,
-    height: 19,
-    viewBox: "0 0 16 19",
-    fill: "none"
-  }, props), /*#__PURE__*/React.createElement(Path, {
-    d: "M9.265 1.255a4 4 0 00-2.53 0l-3 1A4 4 0 001 6.05v4.117a7 7 0 007 7 7 7 0 007-7V6.05a4 4 0 00-2.735-3.795l-3-1z",
-    fill: colorScheme.success
-  }), /*#__PURE__*/React.createElement(Path, {
-    d: "M9.265 1.255l-.316.949.316-.949zm-2.53 0l.316.949-.316-.949zm-3 1l-.316-.949.316.949zm8.53 0l.316-.949-.316.949zM9.58.306a5 5 0 00-3.162 0l.632 1.898a3 3 0 011.898 0L9.58.306zm-3.162 0l-3 1 .632 1.898 3-1L6.42.306zm-3 1A5 5 0 000 6.05h2a3 3 0 012.051-2.846L3.42 1.306zM0 6.05v4.117h2V6.05H0zm0 4.117a8 8 0 008 8v-2a6 6 0 01-6-6H0zm8 8a8 8 0 008-8h-2a6 6 0 01-6 6v2zm8-8V6.05h-2v4.117h2zm0-4.117a5 5 0 00-3.419-4.744l-.632 1.898A3 3 0 0114 6.05h2zm-3.419-4.744l-3-1-.632 1.898 3 1 .632-1.898zM6.914 12.383c.156 0 .3-.037.43-.11a1.06 1.06 0 00.343-.32l3.649-5.64c.057-.089.104-.183.14-.282a.761.761 0 00.063-.297.652.652 0 00-.25-.53.839.839 0 00-.555-.204c-.276 0-.507.148-.695.445l-3.148 5.032-1.446-1.813a.98.98 0 00-.312-.273.717.717 0 00-.352-.086.742.742 0 00-.554.234.754.754 0 00-.227.555c0 .104.018.205.055.304.041.094.099.19.172.29l1.882 2.265c.115.146.237.255.368.328.13.068.276.102.437.102z",
-    fill: colorScheme.white
-  }));
-};
-//# sourceMappingURL=entity.js.map

package/lib/module/icons/entity.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Svg","Path","useAppColorScheme","EntityTrustedIcon","_ref","props","colorScheme","createElement","_extends","width","height","viewBox","fill","d","success","white"],"sources":["entity.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport Svg, { Path, SvgProps } from 'react-native-svg';\n\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\n// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=415-5402&mode=design&t=YI1oD2BfBie5HcvJ-0\nexport const EntityTrustedIcon: FC<SvgProps> = ({ ...props }) => {\n  const colorScheme = useAppColorScheme();\n  return (\n    <Svg width={16} height={19} viewBox=\"0 0 16 19\" fill=\"none\" {...props}>\n      <Path\n        d=\"M9.265 1.255a4 4 0 00-2.53 0l-3 1A4 4 0 001 6.05v4.117a7 7 0 007 7 7 7 0 007-7V6.05a4 4 0 00-2.735-3.795l-3-1z\"\n        fill={colorScheme.success}\n      />\n      <Path\n        d=\"M9.265 1.255l-.316.949.316-.949zm-2.53 0l.316.949-.316-.949zm-3 1l-.316-.949.316.949zm8.53 0l.316-.949-.316.949zM9.58.306a5 5 0 00-3.162 0l.632 1.898a3 3 0 011.898 0L9.58.306zm-3.162 0l-3 1 .632 1.898 3-1L6.42.306zm-3 1A5 5 0 000 6.05h2a3 3 0 012.051-2.846L3.42 1.306zM0 6.05v4.117h2V6.05H0zm0 4.117a8 8 0 008 8v-2a6 6 0 01-6-6H0zm8 8a8 8 0 008-8h-2a6 6 0 01-6 6v2zm8-8V6.05h-2v4.117h2zm0-4.117a5 5 0 00-3.419-4.744l-.632 1.898A3 3 0 0114 6.05h2zm-3.419-4.744l-3-1-.632 1.898 3 1 .632-1.898zM6.914 12.383c.156 0 .3-.037.43-.11a1.06 1.06 0 00.343-.32l3.649-5.64c.057-.089.104-.183.14-.282a.761.761 0 00.063-.297.652.652 0 00-.25-.53.839.839 0 00-.555-.204c-.276 0-.507.148-.695.445l-3.148 5.032-1.446-1.813a.98.98 0 00-.312-.273.717.717 0 00-.352-.086.742.742 0 00-.554.234.754.754 0 00-.227.555c0 .104.018.205.055.304.041.094.099.19.172.29l1.882 2.265c.115.146.237.255.368.328.13.068.276.102.437.102z\"\n        fill={colorScheme.white}\n      />\n    </Svg>\n  );\n};\n"],"mappings":";AAAA,OAAOA,KAAK,MAAc,OAAO;AACjC,OAAOC,GAAG,IAAIC,IAAI,QAAkB,kBAAkB;AAEtD,SAASC,iBAAiB,QAAQ,+BAA+B;;AAEjE;AACA,OAAO,MAAMC,iBAA+B,GAAGC,IAAA,IAAkB;EAAA,IAAjB;IAAE,GAAGC;EAAM,CAAC,GAAAD,IAAA;EAC1D,MAAME,WAAW,GAAGJ,iBAAiB,EAAE;EACvC,oBACEH,KAAA,CAAAQ,aAAA,CAACP,GAAG,EAAAQ,QAAA;IAACC,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE,EAAG;IAACC,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC;EAAM,GAAKP,KAAK,gBACnEN,KAAA,CAAAQ,aAAA,CAACN,IAAI;IACHY,CAAC,EAAC,gHAAgH;IAClHD,IAAI,EAAEN,WAAW,CAACQ;EAAQ,EAC1B,eACFf,KAAA,CAAAQ,aAAA,CAACN,IAAI;IACHY,CAAC,EAAC,s4BAAs4B;IACx4BD,IAAI,EAAEN,WAAW,CAACS;EAAM,EACxB,CACE;AAEV,CAAC"}

package/lib/module/input/selection-input.js

@@ -1,92 +0,0 @@
-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); }
-import Picker from '@procivis/react-native-picker';
-import React, { forwardRef, useCallback, useMemo, useState } from 'react';
-import { focusAccessibility } from '../accessibility/accessibility';
-import { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';
-import { useAccessibilityTranslation } from '../accessibility/accessibilityLanguage';
-import { useAppColorScheme } from '../theme';
-import { useForwardedRef } from '../utils/ref';
-import TextInput, { TextInputAccessory } from './text-input';
-/**
- * Generic selection input component
- * @see https://www.figma.com/file/Gd0Tj0234hxtl3HMcCJThW/App-Component-Library-(Design)?node-id=4%3A127&t=B2Y3PtJHH22XDPkx-0
- */
-const SelectionInput = /*#__PURE__*/forwardRef((_ref, ref) => {
-  var _selectedChoice$short;
-  let {
-    selectedValue,
-    values,
-    label,
-    pickerTitle,
-    pickerConfirmLabel,
-    pickerCancelLabel,
-    onChange,
-    error,
-    ...props
-  } = _ref;
-  const t = useAccessibilityTranslation();
-  const colorScheme = useAppColorScheme();
-  const selectedChoice = useMemo(() => selectedValue !== undefined ? values.find(_ref2 => {
-    let {
-      value
-    } = _ref2;
-    return value === selectedValue;
-  }) : undefined, [selectedValue, values]);
-  const [forwardedRef, refObject] = useForwardedRef(ref);
-  const [pickerOpen, setPickerOpen] = useState(false);
-  const onOpen = useCallback(() => setPickerOpen(true), []);
-  const onConfirm = useCallback(valueLabel => {
-    setPickerOpen(false);
-    const choice = values.find(_ref3 => {
-      let {
-        label: choiceLabel
-      } = _ref3;
-      return choiceLabel === valueLabel;
-    });
-    if (!choice || !(onChange !== null && onChange !== void 0 && onChange(choice))) {
-      setTimeout(() => focusAccessibility(refObject.current), 200);
-    }
-  }, [onChange, refObject, values]);
-  const onCancel = useCallback(() => {
-    setPickerOpen(false);
-    requestAnimationFrame(() => focusAccessibility(refObject.current));
-  }, [refObject]);
-  const accessibilityLabel = error ? `${label}, ${error}` : label;
-  return /*#__PURE__*/React.createElement(TouchableOpacity, _extends({
-    accessibilityHint: t('accessibility.control.combobox.tapToSelect'),
-    accessibilityLabel: accessibilityLabel,
-    accessibilityRole: "combobox",
-    accessibilityValue: {
-      text: selectedChoice === null || selectedChoice === void 0 ? void 0 : selectedChoice.label
-    },
-    onPress: onOpen,
-    ref: forwardedRef
-  }, props), /*#__PURE__*/React.createElement(TextInput, {
-    accessory: TextInputAccessory.Dropdown,
-    disabled: true,
-    error: error,
-    label: label,
-    pointerEvents: "none",
-    value: (_selectedChoice$short = selectedChoice === null || selectedChoice === void 0 ? void 0 : selectedChoice.shortLabel) !== null && _selectedChoice$short !== void 0 ? _selectedChoice$short : selectedChoice === null || selectedChoice === void 0 ? void 0 : selectedChoice.label
-  }), /*#__PURE__*/React.createElement(Picker, {
-    cancelText: pickerCancelLabel,
-    confirmText: pickerConfirmLabel,
-    items: values.map(_ref4 => {
-      let {
-        label: itemLabel
-      } = _ref4;
-      return itemLabel;
-    }),
-    modal: true,
-    mode: "list",
-    onCancel: onCancel,
-    onConfirm: onConfirm,
-    open: pickerOpen,
-    selectedValue: selectedChoice === null || selectedChoice === void 0 ? void 0 : selectedChoice.label,
-    textColor: colorScheme.text,
-    title: pickerTitle !== null && pickerTitle !== void 0 ? pickerTitle : label
-  }));
-});
-SelectionInput.displayName = 'SelectionInput';
-export default SelectionInput;
-//# sourceMappingURL=selection-input.js.map