@procivis/one-react-native-components 0.3.142 → 0.3.147

package/src/ui-components/input/selection-input.tsx

@@ -1,11 +1,9 @@
-import Picker from '@procivis/react-native-picker';
-import React, { forwardRef, useCallback, useMemo, useState } from 'react';
-import type { TouchableOpacityProps } from 'react-native';
+import WheelPicker from '@quidone/react-native-wheel-picker';
+import React, { FC, memo, useCallback, useMemo, useState } from 'react';
+import { Modal, StyleSheet, TouchableOpacityProps, View } from 'react-native';
 
-import { useForwardedRef } from '../../utils/ref';
-import { focusAccessibility } from '../accessibility/accessibility';
-import { TouchableOpacity, TouchableOpacityRef } from '../accessibility/accessibilityHistoryWrappers';
-import { useAccessibilityTranslation } from '../accessibility/accessibilityLanguage';
+import { Typography } from '..';
+import { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';
 import { useAppColorScheme } from '../theme';
 import TextInput, { TextInputAccessory } from './text-input';
 
@@ -28,12 +26,10 @@ export interface SelectionInputProps extends TouchableOpacityProps {
    */
   onChange?: (value: SelectionInputChoice) => boolean;
   pickerCancelLabel: string;
-
   pickerConfirmLabel: string;
   pickerTitle?: string;
   /** {@link SelectionInputChoice.label} of the selected choice */
   selectedValue?: string | number;
-
   values: SelectionInputChoice[];
 }
 
@@ -41,72 +37,96 @@ export interface SelectionInputProps extends TouchableOpacityProps {
  * Generic selection input component
  * @see https://www.figma.com/file/Gd0Tj0234hxtl3HMcCJThW/App-Component-Library-(Design)?node-id=4%3A127&t=B2Y3PtJHH22XDPkx-0
  */
-const SelectionInput = forwardRef<TouchableOpacityRef, SelectionInputProps>(
-  (
-    { selectedValue, values, label, pickerTitle, pickerConfirmLabel, pickerCancelLabel, onChange, error, ...props },
-    ref,
-  ) => {
-    const t = useAccessibilityTranslation();
-    const colorScheme = useAppColorScheme();
-    const selectedChoice = useMemo(
-      () => (selectedValue !== undefined ? values.find(({ value }) => value === selectedValue) : undefined),
-      [selectedValue, values],
-    );
 
-    const [forwardedRef, refObject] = useForwardedRef(ref);
-    const [pickerOpen, setPickerOpen] = useState(false);
+const SelectionInput: FC<SelectionInputProps> = ({
+  selectedValue,
+  label,
+  values,
+  pickerCancelLabel,
+  pickerConfirmLabel,
+  onChange,
+  ...props
+}) => {
+  const [modalVisible, setModalVisible] = useState(false);
+  const [wheelPickerValue, setWheelPickerValue] = useState(selectedValue);
+  const colorScheme = useAppColorScheme();
+
+  const selectedChoice = useMemo(
+    () => (selectedValue !== undefined ? values.find(({ value }) => value === selectedValue) : undefined),
+    [selectedValue, values],
+  );
+
+  const onCancel = useCallback(() => {
+    setModalVisible(false);
+  }, []);
+
+  const onConfirm = useCallback(() => {
+    const choice = values.find(({ value }) => value === wheelPickerValue);
+    if (choice && onChange) {
+      onChange(choice);
+    }
 
-    const onOpen = useCallback(() => setPickerOpen(true), []);
-    const onConfirm = useCallback(
-      (valueLabel: any) => {
-        setPickerOpen(false);
-        const choice = values.find(({ label: choiceLabel }) => choiceLabel === valueLabel);
-        if (!choice || !onChange?.(choice)) {
-          setTimeout(() => focusAccessibility(refObject.current), 200);
-        }
-      },
-      [onChange, refObject, values],
-    );
-    const onCancel = useCallback(() => {
-      setPickerOpen(false);
-      requestAnimationFrame(() => focusAccessibility(refObject.current));
-    }, [refObject]);
+    setModalVisible(false);
+  }, [onChange, values, wheelPickerValue]);
 
-    const accessibilityLabel = error ? `${label}, ${error}` : label;
-    return (
-      <TouchableOpacity
-        accessibilityHint={t('accessibility.control.combobox.tapToSelect')}
-        accessibilityLabel={accessibilityLabel}
-        accessibilityRole="combobox"
-        accessibilityValue={{ text: selectedChoice?.label }}
-        onPress={onOpen}
-        ref={forwardedRef}
-        {...props}>
+  return (
+    <>
+      <TouchableOpacity onPress={() => setModalVisible(true)} {...props}>
         <TextInput
           accessory={TextInputAccessory.Dropdown}
           disabled={true}
-          error={error}
           label={label}
           pointerEvents="none"
           value={selectedChoice?.shortLabel ?? selectedChoice?.label}
         />
-        <Picker
-          cancelText={pickerCancelLabel}
-          confirmText={pickerConfirmLabel}
-          items={values.map(({ label: itemLabel }) => itemLabel)}
-          modal
-          mode="list"
-          onCancel={onCancel}
-          onConfirm={onConfirm}
-          open={pickerOpen}
-          selectedValue={selectedChoice?.label}
-          textColor={colorScheme.text}
-          title={pickerTitle ?? label}
-        />
       </TouchableOpacity>
-    );
+      <Modal
+        animationType="fade"
+        backdropColor={'rgba(0,0,0,0.1)'}
+        onDismiss={() => setModalVisible(false)}
+        onRequestClose={onCancel}
+        style={styles.modal}
+        visible={modalVisible}>
+        <View style={styles.modalContent}>
+          <WheelPicker
+            data={values}
+            onValueChanged={({ item: { value } }: { item: { value?: string | number } }) => setWheelPickerValue(value)}
+            value={wheelPickerValue || ''}
+            visibleItemCount={5}
+          />
+          <View style={styles.buttons}>
+            <TouchableOpacity onPress={onCancel}>
+              <Typography color={colorScheme.black} preset="s">
+                {pickerCancelLabel}
+              </Typography>
+            </TouchableOpacity>
+            <TouchableOpacity onPress={onConfirm}>
+              <Typography color={colorScheme.black} preset="s">
+                {pickerConfirmLabel}
+              </Typography>
+            </TouchableOpacity>
+          </View>
+        </View>
+      </Modal>
+    </>
+  );
+};
+
+const styles = StyleSheet.create({
+  buttons: {
+    flexDirection: 'row',
+    gap: 20,
+    justifyContent: 'flex-end',
+  },
+
+  modal: {},
+  modalContent: {
+    backgroundColor: 'white',
+    borderRadius: 2,
+    margin: 'auto',
+    padding: 20,
+    width: '80%',
   },
-);
+});
 
-SelectionInput.displayName = 'SelectionInput';
-export default SelectionInput;
+export default memo(SelectionInput);

package/src/ui-components/text/index.ts

@@ -1,4 +1,5 @@
-import ExpandableTypography, { ExpandableTypographyProps } from './expandableTypography';
+import type { ExpandableTypographyProps } from './expandableTypography';
+import ExpandableTypography from './expandableTypography';
 import type { TypographyProps } from './typography';
 import Typography from './typography';
 

package/src/utils/hooks/core/proofs.ts

@@ -6,7 +6,7 @@ import {
   HistoryErrorMetadata,
   IdentifierListQuery,
   OneError,
-  PresentationSubmitCredentialRequest,
+  PresentationSubmitV2CredentialRequest,
   ProofListQuery,
   ProofSchemaDetail,
   ProofState,
@@ -102,9 +102,9 @@ export const useProofAccept = () => {
       interactionId,
       credentials,
     }: {
-      credentials: Record<string, PresentationSubmitCredentialRequest[]>;
+      credentials: Record<string, PresentationSubmitV2CredentialRequest[]>;
       interactionId: string;
-    }) => core.holderSubmitProof(interactionId, credentials),
+    }) => core.holderSubmitProofV2(interactionId, credentials),
     {
       onError: async (err) => {
         reportException(err, 'Proof submission failure');

package/src/utils/hooks/core/transaction.ts

@@ -0,0 +1,18 @@
+import { useQuery } from 'react-query';
+
+import { useONECore } from './core-context';
+
+export const TRANSACTION_DATA_QUERY_KEY = 'proof-detail';
+
+export const useTransactionData = (proofId: string | undefined, transactionDataId: string | undefined) => {
+  const { core } = useONECore();
+
+  return useQuery(
+    [TRANSACTION_DATA_QUERY_KEY, proofId],
+    () => (proofId && transactionDataId ? core.holderGetTransactionData(proofId, transactionDataId) : undefined),
+    {
+      enabled: Boolean(proofId && transactionDataId),
+      keepPreviousData: true,
+    },
+  );
+};

package/src/utils/parsers/credential-sharing-v2.tsx

@@ -2,6 +2,7 @@ import {
   Claim,
   ClaimValue,
   CoreConfig,
+  CredentialDetail,
   CredentialQueryFailureHint,
   CredentialType,
   PresentationDefinitionV2Claim,
@@ -14,6 +15,7 @@ import {
   CredentialAttribute,
   CredentialCardNotice,
   CredentialCardProps,
+  CredentialHeaderProps,
   CredentialNoticeWarningIcon,
   CredentialWarningIcon,
   PurposeInfoIcon,
@@ -27,7 +29,74 @@ import {
   getCredentialCardPropsFromCredential,
   supportsSelectiveDisclosure,
 } from '.';
-import { ShareCredentialCardLabels, validityCheckedCardFromCredential } from './credential-sharing';
+import { CardLabels, credentialDetailFromPresentationV2Credential } from './credential';
+
+export type ShareCredentialCardLabels = CardLabels & {
+  selectiveDisclosure: string;
+  missingAttribute: string;
+  missingCredential: string;
+  multipleCredentials: string;
+  disclosurePolicyViolation: string;
+};
+
+export const validityCheckedCardFromCredential = (
+  credential: CredentialDetail | PresentationDefinitionV2Credential,
+  expanded: boolean,
+  selectiveDisclosureSupported: boolean | undefined,
+  multipleCredentialsAvailable: boolean,
+  config: CoreConfig,
+  notice: CredentialCardNotice | undefined,
+  testID: string,
+  labels: ShareCredentialCardLabels,
+  language: string | undefined,
+): Omit<CredentialCardProps, 'onHeaderPress' | 'style' | 'testID' | 'width'> => {
+  let credentialHeaderDetail:
+    | Pick<
+        CredentialHeaderProps,
+        | 'credentialDetailPrimary'
+        | 'credentialDetailSecondary'
+        | 'credentialDetailErrorColor'
+        | 'credentialDetailTestID'
+        | 'statusIcon'
+      >
+    | undefined;
+  if (selectiveDisclosureSupported === false) {
+    credentialHeaderDetail = {
+      credentialDetailPrimary: labels.selectiveDisclosure,
+      credentialDetailTestID: concatTestID(testID, 'header.nonSelectiveDisclosure'),
+      statusIcon: CredentialWarningIcon,
+    };
+  } else if ('embeddedDisclosurePolicyViolation' in credential) {
+    credentialHeaderDetail = {
+      credentialDetailPrimary: labels.disclosurePolicyViolation,
+      credentialDetailTestID: concatTestID(testID, 'header.dislosurePolicyViolation'),
+      statusIcon: CredentialWarningIcon,
+    };
+  } else if (!expanded && multipleCredentialsAvailable) {
+    credentialHeaderDetail = {
+      credentialDetailPrimary: labels.multipleCredentials,
+      credentialDetailTestID: concatTestID(testID, 'header.multiple'),
+      statusIcon: CredentialWarningIcon,
+    };
+  }
+
+  const card = getCredentialCardPropsFromCredential(
+    credentialDetailFromPresentationV2Credential(credential),
+    credential.claims,
+    config,
+    notice,
+    testID,
+    labels,
+    language,
+  );
+  return {
+    ...card,
+    header: {
+      ...card.header,
+      ...credentialHeaderDetail,
+    },
+  };
+};
 
 const v2ClaimValueToClaimValue = (value: PresentationDefinitionV2ClaimValue): ClaimValue => {
   if (value.type_ !== 'NESTED') {

package/src/utils/parsers/credential.ts

@@ -19,6 +19,7 @@ import {
   CredentialCardProps,
   CredentialDetailsCardProps,
   CredentialHeaderProps,
+  CredentialLogoProps,
 } from '../../ui-components/credential';
 import { CredentialCardNotice } from '../../ui-components/credential/card/credential-card';
 import {
@@ -86,6 +87,30 @@ const formatCredentialDetail = (
   return attributeValue.value ?? '';
 };
 
+export const credentialLogoFromCredential = (
+  credential: CredentialDetail,
+  config: CoreConfig,
+  testID: string,
+  language: string | undefined,
+): Omit<CredentialLogoProps, 'size'> => {
+  const { layoutProperties } = credential.schema;
+  const defaultLanguage = config.globalSettings.defaultLanguage;
+  return {
+    color: layoutProperties?.logo?.backgroundColor,
+    credentialName:
+      getTranslatedLabel(credential.schema.translations?.name, language, defaultLanguage) ?? credential.schema.name,
+    icon: layoutProperties?.logo?.image
+      ? {
+          imageSource: {
+            uri: layoutProperties.logo.image,
+          },
+        }
+      : undefined,
+    iconLabelColor: layoutProperties?.logo?.fontColor,
+    testID,
+  };
+};
+
 export const hasMsoValidityIssues = (credential: CredentialDetail): boolean => {
   const mdocMsoValidityIssue = Boolean(
     credential.mdocMsoValidity?.nextUpdate && new Date(credential.mdocMsoValidity.nextUpdate) < new Date(),
@@ -174,6 +199,7 @@ export const cardHeaderFromCredential = (
   labels: CardHeaderLabels,
   language: string | undefined,
 ): Omit<CredentialHeaderProps, 'style'> => {
+  const logoProps = credentialLogoFromCredential(credential, config, '', language);
   const {
     credentialDetailPrimary,
     credentialDetailSecondary,
@@ -181,25 +207,13 @@ export const cardHeaderFromCredential = (
     credentialDetailTestID,
     statusIcon,
   } = credentialDetailFromCredential(credential, claims, config, testID, labels, language);
-  const { layoutProperties } = credential.schema;
-  const defaultLanguage = config.globalSettings.defaultLanguage;
 
   return {
-    color: layoutProperties?.logo?.backgroundColor,
+    ...logoProps,
     credentialDetailErrorColor,
     credentialDetailPrimary,
     credentialDetailSecondary,
     credentialDetailTestID,
-    credentialName:
-      getTranslatedLabel(credential.schema.translations?.name, language, defaultLanguage) ?? credential.schema.name,
-    icon: layoutProperties?.logo?.image
-      ? {
-          imageSource: {
-            uri: layoutProperties.logo.image,
-          },
-        }
-      : undefined,
-    iconLabelColor: layoutProperties?.logo?.fontColor,
     statusIcon,
     testID,
   };

package/src/utils/parsers/index.ts

@@ -1,6 +1,5 @@
 export * from './credential';
 export * from './credential-images';
-export * from './credential-sharing';
 export * from './credential-sharing-v2';
 export * from './query';
 export * from './universal-links';

package/src/utils/parsers/query.ts

@@ -71,6 +71,7 @@ export const getQueryKeyFromHistoryListQueryParams = (queryParams: Partial<Histo
     'proofSchemaId',
     'search',
     'users',
+    'trustCollectionId',
   ]);
 };
 
@@ -87,7 +88,6 @@ export const getQueryKeyFromCredentialSchemaListQueryParams = (
     'exact',
     'ids',
     'include',
-    'schemaId',
     'schemaIds',
     'formats',
     'usesBatchIssuance',

package/lib/commonjs/components/proof-request/v1/group.js

@@ -1,35 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ProofRequestGroup = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _theme = require("../../../ui-components/theme");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const ProofRequestGroup = ({
-  children
-}) => {
-  const colorScheme = (0, _theme.useAppColorScheme)();
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.group
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.separator, {
-      backgroundColor: colorScheme.grayDark
-    }]
-  }), children);
-};
-exports.ProofRequestGroup = ProofRequestGroup;
-const styles = _reactNative.StyleSheet.create({
-  group: {
-    marginTop: 16
-  },
-  separator: {
-    height: 1,
-    marginBottom: 16,
-    marginHorizontal: 4,
-    opacity: 0.5
-  }
-});
-//# sourceMappingURL=group.js.map

package/lib/commonjs/components/proof-request/v1/group.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_theme","e","__esModule","default","ProofRequestGroup","children","colorScheme","useAppColorScheme","createElement","View","style","styles","group","separator","backgroundColor","grayDark","exports","StyleSheet","create","marginTop","height","marginBottom","marginHorizontal","opacity"],"sources":["group.tsx"],"sourcesContent":["import React, { FunctionComponent, PropsWithChildren } from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport { useAppColorScheme } from '../../../ui-components/theme';\n\nexport const ProofRequestGroup: FunctionComponent<PropsWithChildren> = ({ children }) => {\n  const colorScheme = useAppColorScheme();\n  return (\n    <View style={styles.group}>\n      <View style={[styles.separator, { backgroundColor: colorScheme.grayDark }]} />\n      {children}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  group: {\n    marginTop: 16,\n  },\n  separator: {\n    height: 1,\n    marginBottom: 16,\n    marginHorizontal: 4,\n    opacity: 0.5,\n  },\n});\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAAiE,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE1D,MAAMG,iBAAuD,GAAGA,CAAC;EAAEC;AAAS,CAAC,KAAK;EACvF,MAAMC,WAAW,GAAG,IAAAC,wBAAiB,EAAC,CAAC;EACvC,oBACEX,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,YAAA,CAAAU,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAM,gBACxBhB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,YAAA,CAAAU,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACE,SAAS,EAAE;MAAEC,eAAe,EAAER,WAAW,CAACS;IAAS,CAAC;EAAE,CAAE,CAAC,EAC7EV,QACG,CAAC;AAEX,CAAC;AAACW,OAAA,CAAAZ,iBAAA,GAAAA,iBAAA;AAEF,MAAMO,MAAM,GAAGM,uBAAU,CAACC,MAAM,CAAC;EAC/BN,KAAK,EAAE;IACLO,SAAS,EAAE;EACb,CAAC;EACDN,SAAS,EAAE;IACTO,MAAM,EAAE,CAAC;IACTC,YAAY,EAAE,EAAE;IAChBC,gBAAgB,EAAE,CAAC;IACnBC,OAAO,EAAE;EACX;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/proof-request/v1/index.js

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _group = require("./group");
-Object.keys(_group).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _group[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _group[key];
-    }
-  });
-});
-var _selectCredential = require("./select-credential");
-Object.keys(_selectCredential).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _selectCredential[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _selectCredential[key];
-    }
-  });
-});
-var _shareCredential = require("./share-credential");
-Object.keys(_shareCredential).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _shareCredential[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _shareCredential[key];
-    }
-  });
-});
-//# sourceMappingURL=index.js.map

package/lib/commonjs/components/proof-request/v1/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_group","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_selectCredential","_shareCredential"],"sources":["index.ts"],"sourcesContent":["export * from './group';\nexport * from './select-credential';\nexport * from './share-credential';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,iBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,iBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,iBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,iBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,gBAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,gBAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,gBAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,gBAAA,CAAAN,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/lib/commonjs/components/proof-request/v1/select-credential.js

@@ -1,53 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SelectCredential = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _uiComponents = require("../../../ui-components");
-var _coreConfig = require("../../../utils/hooks/core/core-config");
-var _credentials = require("../../../utils/hooks/core/credentials");
-var _credentialSharing = require("../../../utils/parsers/credential-sharing");
-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; }
-const SelectCredential = ({
-  credentialId,
-  labels,
-  language,
-  lastItem,
-  onImagePreview,
-  onPress,
-  request,
-  selected,
-  testID
-}) => {
-  const {
-    data: credential
-  } = (0, _credentials.useCredentialDetail)(credentialId);
-  const {
-    data: config
-  } = (0, _coreConfig.useCoreConfig)();
-  const cardWidth = (0, _react.useMemo)(() => _reactNative.Dimensions.get('window').width - 32, []);
-  if (!credential || !config) {
-    return null;
-  }
-  const {
-    card,
-    attributes
-  } = (0, _credentialSharing.selectCredentialCardFromCredential)(credential, selected, request, config, testID, labels, language);
-  return /*#__PURE__*/_react.default.createElement(_uiComponents.CredentialDetailsCardListItem, {
-    attributes: attributes,
-    card: {
-      ...card,
-      onHeaderPress: onPress,
-      width: cardWidth
-    },
-    expanded: selected,
-    lastItem: lastItem,
-    onImagePreview: onImagePreview
-  });
-};
-exports.SelectCredential = SelectCredential;
-//# sourceMappingURL=select-credential.js.map

package/lib/commonjs/components/proof-request/v1/select-credential.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_uiComponents","_coreConfig","_credentials","_credentialSharing","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SelectCredential","credentialId","labels","language","lastItem","onImagePreview","onPress","request","selected","testID","data","credential","useCredentialDetail","config","useCoreConfig","cardWidth","useMemo","Dimensions","width","card","attributes","selectCredentialCardFromCredential","createElement","CredentialDetailsCardListItem","onHeaderPress","expanded","exports"],"sources":["select-credential.tsx"],"sourcesContent":["import { PresentationDefinitionRequestedCredential } from '@procivis/react-native-one-core';\nimport React, { FC, useMemo } from 'react';\nimport { Dimensions, ImageSourcePropType } from 'react-native';\n\nimport { CredentialDetailsCardListItem } from '../../../ui-components';\nimport { useCoreConfig } from '../../../utils/hooks/core/core-config';\nimport { useCredentialDetail } from '../../../utils/hooks/core/credentials';\nimport {\n  selectCredentialCardFromCredential,\n  ShareCredentialCardLabels,\n} from '../../../utils/parsers/credential-sharing';\n\nexport const SelectCredential: FC<{\n  credentialId: string;\n  labels: ShareCredentialCardLabels;\n  language?: string;\n  lastItem: boolean;\n  onImagePreview: (title: string, image: ImageSourcePropType) => void;\n  onPress?: () => void;\n  request: PresentationDefinitionRequestedCredential;\n  selected: boolean;\n  testID: string;\n}> = ({ credentialId, labels, language, lastItem, onImagePreview, onPress, request, selected, testID }) => {\n  const { data: credential } = useCredentialDetail(credentialId);\n  const { data: config } = useCoreConfig();\n  const cardWidth = useMemo(() => Dimensions.get('window').width - 32, []);\n\n  if (!credential || !config) {\n    return null;\n  }\n\n  const { card, attributes } = selectCredentialCardFromCredential(\n    credential,\n    selected,\n    request,\n    config,\n    testID,\n    labels,\n    language,\n  );\n\n  return (\n    <CredentialDetailsCardListItem\n      attributes={attributes}\n      card={{\n        ...card,\n        onHeaderPress: onPress,\n        width: cardWidth,\n      }}\n      expanded={selected}\n      lastItem={lastItem}\n      onImagePreview={onImagePreview}\n    />\n  );\n};\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;AAGmD,SAAAM,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAE5C,MAAMW,gBAUX,GAAGA,CAAC;EAAEC,YAAY;EAAEC,MAAM;EAAEC,QAAQ;EAAEC,QAAQ;EAAEC,cAAc;EAAEC,OAAO;EAAEC,OAAO;EAAEC,QAAQ;EAAEC;AAAO,CAAC,KAAK;EACzG,MAAM;IAAEC,IAAI,EAAEC;EAAW,CAAC,GAAG,IAAAC,gCAAmB,EAACX,YAAY,CAAC;EAC9D,MAAM;IAAES,IAAI,EAAEG;EAAO,CAAC,GAAG,IAAAC,yBAAa,EAAC,CAAC;EACxC,MAAMC,SAAS,GAAG,IAAAC,cAAO,EAAC,MAAMC,uBAAU,CAAC7B,GAAG,CAAC,QAAQ,CAAC,CAAC8B,KAAK,GAAG,EAAE,EAAE,EAAE,CAAC;EAExE,IAAI,CAACP,UAAU,IAAI,CAACE,MAAM,EAAE;IAC1B,OAAO,IAAI;EACb;EAEA,MAAM;IAAEM,IAAI;IAAEC;EAAW,CAAC,GAAG,IAAAC,qDAAkC,EAC7DV,UAAU,EACVH,QAAQ,EACRD,OAAO,EACPM,MAAM,EACNJ,MAAM,EACNP,MAAM,EACNC,QACF,CAAC;EAED,oBACE/B,MAAA,CAAAc,OAAA,CAAAoC,aAAA,CAAC9C,aAAA,CAAA+C,6BAA6B;IAC5BH,UAAU,EAAEA,UAAW;IACvBD,IAAI,EAAE;MACJ,GAAGA,IAAI;MACPK,aAAa,EAAElB,OAAO;MACtBY,KAAK,EAAEH;IACT,CAAE;IACFU,QAAQ,EAAEjB,QAAS;IACnBJ,QAAQ,EAAEA,QAAS;IACnBC,cAAc,EAAEA;EAAe,CAChC,CAAC;AAEN,CAAC;AAACqB,OAAA,CAAA1B,gBAAA,GAAAA,gBAAA","ignoreList":[]}