@procivis/one-react-native-components 0.3.62 → 0.3.71

package/lib/module/utils/parsers/query.js.map

@@ -1 +1 @@
-{"version":3,"names":["getQueryKey","queryParams","params","map","param","getQueryKeyFromCredentialListQueryParams","getQueryKeyFromHistoryListQueryParams","getQueryKeyFromCredentialSchemaListQueryParams","getQueryKeyFromProofSchemaListQueryParams","getQueryKeyFromProofListQueryParams","getQueryKeyFromDidListQueryParams","getQueryKeyFromIdentifierListQueryParams"],"sources":["query.ts"],"sourcesContent":["import {\n  CredentialListQuery,\n  CredentialSchemaListQuery,\n  DidListQuery,\n  HistoryListQuery,\n  IdentifierListQuery,\n  ProofListQuery,\n  ProofSchemaListQuery,\n} from '@procivis/react-native-one-core';\n\ntype QueryKey<ListQuery, ParamList> = ParamList extends ReadonlyArray<keyof ListQuery> // all params are inside the ListQuery\n  ? keyof ListQuery extends ParamList[number] // all ListQuery fields are in the params\n    ? Array<ListQuery[keyof ListQuery]>\n    : void\n  : void; // otherwise produce a wrong return type which should trigger compilation error\n\n/** Typecheck that all query params are included in the query key */\nfunction getQueryKey<ListQuery extends {}, ParamList extends ReadonlyArray<keyof ListQuery>>(\n  queryParams: ListQuery,\n  params: ParamList,\n): QueryKey<ListQuery, ParamList> {\n  return params.map((param) => queryParams[param]) as QueryKey<ListQuery, ParamList>;\n}\n\nexport const getQueryKeyFromCredentialListQueryParams = (queryParams: Partial<CredentialListQuery> = {}) => {\n  return getQueryKey(queryParams, [\n    'page',\n    'pageSize',\n    'organisationId',\n    'name',\n    'searchText',\n    'searchType',\n    'sort',\n    'sortDirection',\n    'exact',\n    'role',\n    'ids',\n    'status',\n    'include',\n    'profile',\n    'createdDateAfter',\n    'createdDateBefore',\n    'lastModifiedAfter',\n    'lastModifiedBefore',\n    'issuanceDateAfter',\n    'issuanceDateBefore',\n    'revocationDateAfter',\n    'revocationDateBefore',\n  ]);\n};\n\nexport const getQueryKeyFromHistoryListQueryParams = (queryParams: Partial<HistoryListQuery> = {}) => {\n  return getQueryKey(queryParams, [\n    'page',\n    'pageSize',\n    'organisationId',\n    'entityId',\n    'actions',\n    'entityTypes',\n    'createdDateAfter',\n    'createdDateBefore',\n    'identifierId',\n    'credentialId',\n    'credentialSchemaId',\n    'proofSchemaId',\n    'search',\n  ]);\n};\n\nexport const getQueryKeyFromCredentialSchemaListQueryParams = (\n  queryParams: Partial<CredentialSchemaListQuery> = {},\n) => {\n  return getQueryKey(queryParams, [\n    'page',\n    'pageSize',\n    'organisationId',\n    'name',\n    'sort',\n    'sortDirection',\n    'exact',\n    'ids',\n    'include',\n    'schemaId',\n    'formats',\n    'createdDateAfter',\n    'createdDateBefore',\n    'lastModifiedAfter',\n    'lastModifiedBefore',\n  ]);\n};\n\nexport const getQueryKeyFromProofSchemaListQueryParams = (queryParams: Partial<ProofSchemaListQuery> = {}) => {\n  return getQueryKey(queryParams, [\n    'page',\n    'pageSize',\n    'organisationId',\n    'name',\n    'sort',\n    'sortDirection',\n    'exact',\n    'ids',\n    'formats',\n    'createdDateAfter',\n    'createdDateBefore',\n    'lastModifiedAfter',\n    'lastModifiedBefore',\n  ]);\n};\n\nexport const getQueryKeyFromProofListQueryParams = (queryParams: Partial<ProofListQuery> = {}) => {\n  return getQueryKey(queryParams, [\n    'page',\n    'pageSize',\n    'organisationId',\n    'sort',\n    'sortDirection',\n    'name',\n    'ids',\n    'proofStates',\n    'proofRoles',\n    'proofSchemaIds',\n    'exact',\n    'profile',\n    'createdDateAfter',\n    'createdDateBefore',\n    'lastModifiedAfter',\n    'lastModifiedBefore',\n    'requestedDateAfter',\n    'requestedDateBefore',\n    'completedDateAfter',\n    'completedDateBefore',\n  ]);\n};\n\nexport const getQueryKeyFromDidListQueryParams = (queryParams: Partial<DidListQuery> = {}) => {\n  return getQueryKey(queryParams, [\n    'page',\n    'pageSize',\n    'organisationId',\n    'sort',\n    'sortDirection',\n    'name',\n    'did',\n    'type',\n    'deactivated',\n    'exact',\n    'keyAlgorithms',\n    'keyRoles',\n    'keyStorages',\n    'keyIds',\n    'didMethods',\n  ]);\n};\n\nexport const getQueryKeyFromIdentifierListQueryParams = (queryParams: Partial<IdentifierListQuery> = {}) => {\n  return getQueryKey(queryParams, [\n    'page',\n    'pageSize',\n    'organisationId',\n    'sort',\n    'sortDirection',\n    'name',\n    'types',\n    'state',\n    'exact',\n    'didMethods',\n    'isRemote',\n    'keyAlgorithms',\n    'keyRoles',\n    'keyStorages',\n    'createdDateAfter',\n    'createdDateBefore',\n    'lastModifiedAfter',\n    'lastModifiedBefore',\n  ]);\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["getQueryKey","queryParams","params","map","param","getQueryKeyFromCredentialListQueryParams","getQueryKeyFromHistoryListQueryParams","getQueryKeyFromCredentialSchemaListQueryParams","getQueryKeyFromProofSchemaListQueryParams","getQueryKeyFromProofListQueryParams","getQueryKeyFromDidListQueryParams","getQueryKeyFromIdentifierListQueryParams"],"sources":["query.ts"],"sourcesContent":["import {\n  CredentialListQuery,\n  CredentialSchemaListQuery,\n  DidListQuery,\n  HistoryListQuery,\n  IdentifierListQuery,\n  ProofListQuery,\n  ProofSchemaListQuery,\n} from '@procivis/react-native-one-core';\n\ntype QueryKey<ListQuery, ParamList> = ParamList extends ReadonlyArray<keyof ListQuery> // all params are inside the ListQuery\n  ? keyof ListQuery extends ParamList[number] // all ListQuery fields are in the params\n    ? Array<ListQuery[keyof ListQuery]>\n    : void\n  : void; // otherwise produce a wrong return type which should trigger compilation error\n\n/** Typecheck that all query params are included in the query key */\nfunction getQueryKey<ListQuery extends {}, ParamList extends ReadonlyArray<keyof ListQuery>>(\n  queryParams: ListQuery,\n  params: ParamList,\n): QueryKey<ListQuery, ParamList> {\n  return params.map((param) => queryParams[param]) as QueryKey<ListQuery, ParamList>;\n}\n\nexport const getQueryKeyFromCredentialListQueryParams = (queryParams: Partial<CredentialListQuery> = {}) => {\n  return getQueryKey(queryParams, [\n    'page',\n    'pageSize',\n    'organisationId',\n    'name',\n    'searchText',\n    'searchType',\n    'sort',\n    'sortDirection',\n    'exact',\n    'role',\n    'ids',\n    'status',\n    'include',\n    'profile',\n    'credentialSchemaIds',\n    'createdDateAfter',\n    'createdDateBefore',\n    'lastModifiedAfter',\n    'lastModifiedBefore',\n    'issuanceDateAfter',\n    'issuanceDateBefore',\n    'revocationDateAfter',\n    'revocationDateBefore',\n  ]);\n};\n\nexport const getQueryKeyFromHistoryListQueryParams = (queryParams: Partial<HistoryListQuery> = {}) => {\n  return getQueryKey(queryParams, [\n    'page',\n    'pageSize',\n    'organisationId',\n    'entityId',\n    'actions',\n    'entityTypes',\n    'createdDateAfter',\n    'createdDateBefore',\n    'identifierId',\n    'credentialId',\n    'credentialSchemaId',\n    'proofSchemaId',\n    'search',\n  ]);\n};\n\nexport const getQueryKeyFromCredentialSchemaListQueryParams = (\n  queryParams: Partial<CredentialSchemaListQuery> = {},\n) => {\n  return getQueryKey(queryParams, [\n    'page',\n    'pageSize',\n    'organisationId',\n    'name',\n    'sort',\n    'sortDirection',\n    'exact',\n    'ids',\n    'include',\n    'schemaId',\n    'formats',\n    'createdDateAfter',\n    'createdDateBefore',\n    'lastModifiedAfter',\n    'lastModifiedBefore',\n  ]);\n};\n\nexport const getQueryKeyFromProofSchemaListQueryParams = (queryParams: Partial<ProofSchemaListQuery> = {}) => {\n  return getQueryKey(queryParams, [\n    'page',\n    'pageSize',\n    'organisationId',\n    'name',\n    'sort',\n    'sortDirection',\n    'exact',\n    'ids',\n    'formats',\n    'createdDateAfter',\n    'createdDateBefore',\n    'lastModifiedAfter',\n    'lastModifiedBefore',\n  ]);\n};\n\nexport const getQueryKeyFromProofListQueryParams = (queryParams: Partial<ProofListQuery> = {}) => {\n  return getQueryKey(queryParams, [\n    'page',\n    'pageSize',\n    'organisationId',\n    'sort',\n    'sortDirection',\n    'name',\n    'ids',\n    'proofStates',\n    'proofRoles',\n    'proofSchemaIds',\n    'exact',\n    'profile',\n    'createdDateAfter',\n    'createdDateBefore',\n    'lastModifiedAfter',\n    'lastModifiedBefore',\n    'requestedDateAfter',\n    'requestedDateBefore',\n    'completedDateAfter',\n    'completedDateBefore',\n  ]);\n};\n\nexport const getQueryKeyFromDidListQueryParams = (queryParams: Partial<DidListQuery> = {}) => {\n  return getQueryKey(queryParams, [\n    'page',\n    'pageSize',\n    'organisationId',\n    'sort',\n    'sortDirection',\n    'name',\n    'did',\n    'type',\n    'deactivated',\n    'exact',\n    'keyAlgorithms',\n    'keyRoles',\n    'keyStorages',\n    'keyIds',\n    'didMethods',\n  ]);\n};\n\nexport const getQueryKeyFromIdentifierListQueryParams = (queryParams: Partial<IdentifierListQuery> = {}) => {\n  return getQueryKey(queryParams, [\n    'page',\n    'pageSize',\n    'organisationId',\n    'sort',\n    'sortDirection',\n    'name',\n    'types',\n    'state',\n    'exact',\n    'didMethods',\n    'isRemote',\n    'keyAlgorithms',\n    'keyRoles',\n    'keyStorages',\n    'createdDateAfter',\n    'createdDateBefore',\n    'lastModifiedAfter',\n    'lastModifiedBefore',\n  ]);\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/module/utils/url.js

@@ -0,0 +1,71 @@
+import { Platform } from 'react-native';
+import Share from 'react-native-share';
+
+/**
+ * Check URL validity
+ * @param {string} urlString URL to validate.
+ * @returns {boolean}
+ */
+export const isUrlValid = urlString => {
+  try {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const url = new URL(urlString);
+    return true;
+  } catch {
+    return false;
+  }
+};
+
+/**
+ * Check URL http(s) validity
+ * @param {string} urlString URL to validate.
+ * @returns {boolean}
+ */
+export const isValidHttpUrl = urlString => {
+  try {
+    const url = new URL(urlString);
+    return (url === null || url === void 0 ? void 0 : url.protocol) === 'http:' || (url === null || url === void 0 ? void 0 : url.protocol) === 'https:';
+  } catch {
+    return false;
+  }
+};
+
+/**
+ * Share URL via share sheet
+ * @param {string} url URL to share.
+ * @param {string} title _(optional)_ title for iOS share sheet.
+ * @returns {boolean}
+ */
+export const shareUrl = async (url, title) => {
+  if (Platform.OS === 'ios') {
+    await Share.open({
+      activityItemSources: [{
+        placeholderItem: {
+          type: 'url',
+          content: url
+        },
+        item: {
+          default: {
+            type: 'url',
+            content: url
+          }
+        },
+        subject: title ? {
+          default: title
+        } : undefined,
+        linkMetadata: {
+          originalUrl: url,
+          url,
+          title
+        }
+      }],
+      failOnCancel: false
+    });
+  } else {
+    await Share.open({
+      url,
+      failOnCancel: false
+    });
+  }
+};
+//# sourceMappingURL=url.js.map

package/lib/module/utils/url.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","Share","isUrlValid","urlString","url","URL","isValidHttpUrl","protocol","shareUrl","title","OS","open","activityItemSources","placeholderItem","type","content","item","default","subject","undefined","linkMetadata","originalUrl","failOnCancel"],"sources":["url.ts"],"sourcesContent":["import { Platform } from 'react-native';\nimport Share from 'react-native-share';\n\n/**\n * Check URL validity\n * @param {string} urlString URL to validate.\n * @returns {boolean}\n */\nexport const isUrlValid = (urlString: string): boolean => {\n  try {\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const url = new URL(urlString);\n    return true;\n  } catch {\n    return false;\n  }\n};\n\n/**\n * Check URL http(s) validity\n * @param {string} urlString URL to validate.\n * @returns {boolean}\n */\nexport const isValidHttpUrl = (urlString: string): boolean => {\n  try {\n    const url = new URL(urlString);\n    return url?.protocol === 'http:' || url?.protocol === 'https:';\n  } catch {\n    return false;\n  }\n};\n\n/**\n * Share URL via share sheet\n * @param {string} url URL to share.\n * @param {string} title _(optional)_ title for iOS share sheet.\n * @returns {boolean}\n */\nexport const shareUrl = async (url: string, title?: string) => {\n  if (Platform.OS === 'ios') {\n    await Share.open({\n      activityItemSources: [\n        {\n          placeholderItem: { type: 'url', content: url },\n          item: {\n            default: { type: 'url', content: url },\n          },\n          subject: title\n            ? {\n                default: title,\n              }\n            : undefined,\n          linkMetadata: { originalUrl: url, url, title },\n        },\n      ],\n      failOnCancel: false,\n    });\n  } else {\n    await Share.open({ url, failOnCancel: false });\n  }\n};"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,OAAOC,KAAK,MAAM,oBAAoB;;AAEtC;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,UAAU,GAAIC,SAAiB,IAAc;EACxD,IAAI;IACF;IACA,MAAMC,GAAG,GAAG,IAAIC,GAAG,CAACF,SAAS,CAAC;IAC9B,OAAO,IAAI;EACb,CAAC,CAAC,MAAM;IACN,OAAO,KAAK;EACd;AACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMG,cAAc,GAAIH,SAAiB,IAAc;EAC5D,IAAI;IACF,MAAMC,GAAG,GAAG,IAAIC,GAAG,CAACF,SAAS,CAAC;IAC9B,OAAO,CAAAC,GAAG,aAAHA,GAAG,uBAAHA,GAAG,CAAEG,QAAQ,MAAK,OAAO,IAAI,CAAAH,GAAG,aAAHA,GAAG,uBAAHA,GAAG,CAAEG,QAAQ,MAAK,QAAQ;EAChE,CAAC,CAAC,MAAM;IACN,OAAO,KAAK;EACd;AACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,QAAQ,GAAG,MAAAA,CAAOJ,GAAW,EAAEK,KAAc,KAAK;EAC7D,IAAIT,QAAQ,CAACU,EAAE,KAAK,KAAK,EAAE;IACzB,MAAMT,KAAK,CAACU,IAAI,CAAC;MACfC,mBAAmB,EAAE,CACnB;QACEC,eAAe,EAAE;UAAEC,IAAI,EAAE,KAAK;UAAEC,OAAO,EAAEX;QAAI,CAAC;QAC9CY,IAAI,EAAE;UACJC,OAAO,EAAE;YAAEH,IAAI,EAAE,KAAK;YAAEC,OAAO,EAAEX;UAAI;QACvC,CAAC;QACDc,OAAO,EAAET,KAAK,GACV;UACEQ,OAAO,EAAER;QACX,CAAC,GACDU,SAAS;QACbC,YAAY,EAAE;UAAEC,WAAW,EAAEjB,GAAG;UAAEA,GAAG;UAAEK;QAAM;MAC/C,CAAC,CACF;MACDa,YAAY,EAAE;IAChB,CAAC,CAAC;EACJ,CAAC,MAAM;IACL,MAAMrB,KAAK,CAACU,IAAI,CAAC;MAAEP,GAAG;MAAEkB,YAAY,EAAE;IAAM,CAAC,CAAC;EAChD;AACF,CAAC","ignoreList":[]}

package/lib/typescript/ui-components/buttons/index.d.ts

@@ -12,4 +12,6 @@ import type { HoldButtonProps } from './hold-button';
 import HoldButton from './hold-button';
 import type { ScanButtonProps } from './scan-button';
 import ScanButton from './scan-button';
-export { BackButton, BackButtonIcon, BackButtonProps, Button, ButtonProps, ButtonType, ConnectivityButton, ConnectivityButtonProps, ConnectivityTransport, FilterButton, FilterButtonProps, GhostButton, GhostButtonProps, HoldButton, HoldButtonProps, ScanButton, ScanButtonProps, };
+import type { ShareButtonProps } from './share-button';
+import ShareButton from './share-button';
+export { BackButton, BackButtonIcon, BackButtonProps, Button, ButtonProps, ButtonType, ConnectivityButton, ConnectivityButtonProps, ConnectivityTransport, FilterButton, FilterButtonProps, GhostButton, GhostButtonProps, HoldButton, HoldButtonProps, ScanButton, ScanButtonProps, ShareButton, ShareButtonProps, };

package/lib/typescript/ui-components/buttons/share-button.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+export type ShareButtonProps = {
+    onPress?: () => void;
+    style?: StyleProp<ViewStyle>;
+    title?: string;
+    testID?: string;
+};
+declare const ShareButton: FC<ShareButtonProps>;
+export default ShareButton;

package/lib/typescript/ui-components/icons/icons.d.ts

@@ -16,3 +16,4 @@ export declare const WalletUnitAttestationIcon: FC<SvgProps>;
 export declare const StatusErrorIcon: FC<SvgProps>;
 export declare const StatusSuccessIcon: FC<SvgProps>;
 export declare const StatusWarningIcon: FC<SvgProps>;
+export declare const NFCIcon: FC<SvgProps>;

package/lib/typescript/ui-components/index.d.ts

@@ -16,6 +16,7 @@ export * from './input';
 export * from './list';
 export * from './loader';
 export * from './nerd-view';
+export * from './nfc';
 export * from './pin';
 export * from './screens';
 export * from './searchbar';

package/lib/typescript/ui-components/loader/loading-result.d.ts

@@ -3,6 +3,7 @@ import { ViewProps } from 'react-native';
 import { ButtonProps } from '../buttons/button';
 import { NavigationHeaderProps } from '../header/navigation-header';
 import { LoaderViewProps } from './loader';
+import { ShareButtonProps } from '../buttons/share-button';
 export type LoadingResultScreenProps = ViewProps & {
     button?: ButtonProps;
     header?: NavigationHeaderProps;
@@ -10,6 +11,7 @@ export type LoadingResultScreenProps = ViewProps & {
         label?: string;
     };
     secondaryButton?: ButtonProps;
+    shareButton?: ShareButtonProps;
     tertiaryButton?: ButtonProps;
 };
 declare const LoadingResultScreen: FC<LoadingResultScreenProps>;

package/lib/typescript/ui-components/nfc/index.d.ts

@@ -0,0 +1,2 @@
+import NFCProcess from './nfc-process';
+export { NFCProcess };

package/lib/typescript/ui-components/nfc/nfc-process.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { LoaderViewState } from '../loader';
+interface NFCProcessProps {
+    testID: string;
+    processState: LoaderViewState;
+    handleButtonClick: () => void;
+    labels: {
+        share: string;
+        connectivity: string;
+        close: string;
+        tryAgain: string;
+        conectivityInfo: string;
+        shareInfo: string;
+    };
+}
+declare const _default: React.NamedExoticComponent<NFCProcessProps>;
+export default _default;

package/lib/typescript/ui-components/screens/section-list-screen.d.ts

@@ -7,6 +7,7 @@ export type SectionListScreenProps<ItemT, SectionT> = ViewProps & {
         title: string;
     };
     list: Omit<SectionListProps<ItemT, SectionT>, 'ListHeaderComponent' | 'onScroll'>;
+    modalPresentation?: boolean;
 };
-declare const SectionListScreen: <ItemT, SectionT>({ header, list: { contentContainerStyle, stickySectionHeadersEnabled, ...listProps }, style, ...viewProps }: SectionListScreenProps<ItemT, SectionT>) => React.JSX.Element;
+declare const SectionListScreen: <ItemT, SectionT>({ header, list: { contentContainerStyle, stickySectionHeadersEnabled, ...listProps }, modalPresentation, style, ...viewProps }: SectionListScreenProps<ItemT, SectionT>) => React.JSX.Element;
 export default SectionListScreen;

package/lib/typescript/utils/hooks/core/backup.d.ts

@@ -15,4 +15,4 @@ export declare const useRollbackImport: () => import("react-query").UseMutationR
  * @param {IdentifiersInitializationConfig} config Select desired keys/dids to be restored/created
  * @returns [hwIdentifierId, swIdentifierId]
  */
-export declare const useBackupFinalizeImportProcedure: ({ generateHwKey, generateSwKey, generateAttestationKey: shouldGenerateAttestationKey, }: IdentifiersInitializationConfig) => () => Promise<[string | null, string | undefined, string | null]>;
+export declare const useBackupFinalizeImportProcedure: ({ generateHwKey, generateSwKey, }: IdentifiersInitializationConfig) => () => Promise<[string | null, string | undefined]>;

package/lib/typescript/utils/hooks/core/core-init.d.ts

@@ -4,15 +4,13 @@ export declare const HW_DID_NAME_PREFIX = "holder-did-hw-key";
 export declare const ATTESTATION_DID_NAME_PREFIX = "holder-did-attestation-key";
 export declare const generateHwIdentifier: (core: ONECore, organisationId: string) => Promise<string | null>;
 export declare const generateSwIdentifier: (core: ONECore, organisationId: string) => Promise<string>;
-export declare const generateAttestationKey: (core: ONECore, organisationId: string) => Promise<string | null>;
 export interface IdentifiersInitializationConfig {
     generateHwKey: boolean;
     generateSwKey: boolean;
-    generateAttestationKey: boolean;
 }
 /**
  * Create base local identifiers
  * @param {IdentifiersInitializationConfig} config Select desired keys/dids to be created
  * @returns [hwIdentifierId, swIdentifierId]
  */
-export declare const useInitializeONECoreIdentifiers: ({ generateHwKey, generateSwKey, generateAttestationKey: shouldGenerateAttestationKey, }: IdentifiersInitializationConfig) => () => Promise<[string | null, string | null, string | null]>;
+export declare const useInitializeONECoreIdentifiers: ({ generateHwKey, generateSwKey, }: IdentifiersInitializationConfig) => () => Promise<[string | null, string | null]>;

package/lib/typescript/utils/hooks/core/proofs.d.ts

@@ -28,7 +28,15 @@ export declare enum VerificationProtocol {
     OPENID4VP_PROXIMITY_DRAFT00 = "OPENID4VP_PROXIMITY_DRAFT00",
     SCAN_TO_VERIFY = "SCAN_TO_VERIFY"
 }
-export declare const useProposeProof: () => import("react-query").UseMutationResult<import("@procivis/react-native-one-core").ProposeProofResponse, unknown, VerificationProtocol, unknown>;
+export declare enum VerificationEngagement {
+    QR_CODE = "QR_CODE",
+    NFC = "NFC"
+}
+export interface ProposeProofRequest {
+    exchange: VerificationProtocol;
+    engagement: VerificationEngagement[];
+}
+export declare const useProposeProof: () => import("react-query").UseMutationResult<import("@procivis/react-native-one-core").ProposeProofResponse, unknown, ProposeProofRequest, unknown>;
 export declare const useProofDelete: () => import("react-query").UseMutationResult<void, unknown, string, unknown>;
 export declare const useProofs: (queryParams?: Partial<ProofListQuery>) => import("react-query").UseQueryResult<import("@procivis/react-native-one-core").ItemList<import("@procivis/react-native-one-core").ProofListItem>, unknown>;
 export declare const useProofCreate: () => import("react-query").UseMutationResult<string, unknown, CreateProofRequest, unknown>;

package/lib/typescript/utils/hooks/index.d.ts

@@ -4,5 +4,6 @@ export * from './credential-card/credential-card-expanding';
 export * from './header/on-scroll-header-state';
 export * from './list/list-content-inset';
 export * from './navigation';
+export * from './nfc/nfc-status';
 export * from './pin-security/pin-security';
 export * from './revocation/credential-status';

package/lib/typescript/utils/hooks/nfc/nfc-status.d.ts

@@ -0,0 +1,6 @@
+export declare const useNFCStatus: () => {
+    error: unknown;
+    isLoading: boolean | undefined;
+    isNFCEnabled: boolean | undefined;
+    recheck: () => void;
+};

package/lib/typescript/utils/index.d.ts

@@ -15,3 +15,4 @@ export * from './reporting';
 export * from './string';
 export * from './useMemoAsync';
 export * from './uuid';
+export * from './url';

package/lib/typescript/utils/url.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Check URL validity
+ * @param {string} urlString URL to validate.
+ * @returns {boolean}
+ */
+export declare const isUrlValid: (urlString: string) => boolean;
+/**
+ * Check URL http(s) validity
+ * @param {string} urlString URL to validate.
+ * @returns {boolean}
+ */
+export declare const isValidHttpUrl: (urlString: string) => boolean;
+/**
+ * Share URL via share sheet
+ * @param {string} url URL to share.
+ * @param {string} title _(optional)_ title for iOS share sheet.
+ * @returns {boolean}
+ */
+export declare const shareUrl: (url: string, title?: string) => Promise<void>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@procivis/one-react-native-components",
-  "version": "0.3.62",
+  "version": "0.3.71",
   "author": "Procivis AG (https://procivis.ch)",
   "license": "Apache-2.0",
   "description": "Common Procivis ONE UI components for react-native",
@@ -51,7 +51,7 @@
     "@babel/runtime": "^7.25.0",
     "@commitlint/config-conventional": "^11.0.0",
     "@gorhom/bottom-sheet": "^5.1.2",
-    "@procivis/react-native-one-core": "1.58284.0",
+    "@procivis/react-native-one-core": "1.60537.0",
     "@procivis/react-native-picker": "5.0.3",
     "@react-native-async-storage/async-storage": "^1.17.3",
     "@react-native-community/blur": "^4.4.0",
@@ -120,10 +120,12 @@
     "react-native-bluetooth-state-manager": "^1.3.5",
     "react-native-builder-bob": "^0.18.0",
     "react-native-gesture-handler": "2.24.0",
+    "react-native-nfc-manager": "^3.16.3",
     "react-native-reanimated": "^3.17.1",
     "react-native-reanimated-carousel": "^3.5.1",
     "react-native-safe-area-context": "^5.3.0",
     "react-native-screens": "^4.9.0",
+    "react-native-share": "^12.2.0",
     "react-native-svg": "^15.11.2",
     "react-native-system-time": "git+https://github.com/procivis/react-native-system-time.git#f184f8a45a7d6974a34dffa47544424ac9d382c3",
     "react-native-uuid": "^2.0.1",
@@ -138,7 +140,7 @@
     "vite": "^6.2.2"
   },
   "peerDependencies": {
-    "@procivis/react-native-one-core": "^1.58284.0",
+    "@procivis/react-native-one-core": "^1.60537.0",
     "@procivis/react-native-picker": "*",
     "@react-native-community/blur": "*",
     "@react-native-community/netinfo": "^11.4.1",
@@ -155,8 +157,10 @@
     "react": "*",
     "react-native": "*",
     "react-native-bluetooth-state-manager": "^1.3.5",
+    "react-native-nfc-manager": "^3.16.3",
     "react-native-reanimated-carousel": "*",
     "react-native-safe-area-context": "*",
+    "react-native-share": "^12.2.0",
     "react-native-svg": "*",
     "react-native-system-time": "*",
     "react-native-uuid": "^2.0.1",

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

@@ -12,6 +12,8 @@ import type { HoldButtonProps } from './hold-button';
 import HoldButton from './hold-button';
 import type { ScanButtonProps } from './scan-button';
 import ScanButton from './scan-button';
+import type { ShareButtonProps } from './share-button';
+import ShareButton from './share-button';
 
 export {
   BackButton,
@@ -31,4 +33,6 @@ export {
   HoldButtonProps,
   ScanButton,
   ScanButtonProps,
+  ShareButton,
+  ShareButtonProps,
 };

package/src/ui-components/buttons/share-button.stories.tsx

@@ -0,0 +1,25 @@
+import type { Meta, StoryObj } from '@storybook/react';
+
+import ShareButton from './share-button';
+
+const Basic: StoryObj<typeof ShareButton> = {
+  args: {
+    title: 'qr-code-date.com',
+  },
+};
+
+export { Basic as ShareButton };
+
+export default {
+  title: 'base/button/Share Button',
+  component: ShareButton,
+  argTypes: {
+    onPress: { action: 'onPress' },
+  },
+  parameters: {
+    design: {
+      type: 'figma',
+      url: 'https://www.figma.com/design/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?node-id=4237-32033&node-type=frame&t=TJ4R3WHLQ1CsXNeT-0',
+    },
+  },
+} as Meta<typeof ShareButton>;

package/src/ui-components/buttons/share-button.tsx

@@ -0,0 +1,55 @@
+import React, { FC } from 'react';
+import { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';
+
+import { concatTestID } from '../../utils';
+import { TouchableHighlight } from '../accessibility';
+import { Typography } from '../text';
+import { useAppColorScheme } from '../theme';
+import { LinkIcon } from '../icons';
+
+export type ShareButtonProps = {
+  onPress?: () => void;
+  style?: StyleProp<ViewStyle>;
+  title?: string;
+  testID?: string;
+};
+
+const ShareButton: FC<ShareButtonProps> = ({
+  onPress,
+  style,
+  title,
+  testID,
+}) => {
+  const colorScheme = useAppColorScheme();
+
+  return (
+    <TouchableHighlight onPress={onPress} style={[styles.button, style]} testID={testID}>
+      <View style={[styles.container, { backgroundColor: colorScheme.white }]}>
+        <LinkIcon color={colorScheme.text} />
+        {title && (
+          <Typography testID={concatTestID(testID, 'title')} color={colorScheme.text} preset="s">
+            {title}
+          </Typography>
+        )}
+      </View>
+    </TouchableHighlight>
+  );
+};
+
+const styles = StyleSheet.create({
+  button: {
+    borderRadius: 5,
+    overflow: 'hidden',
+  },
+  container: {
+    alignItems: 'center',
+    flexDirection: 'row',
+    gap: 5,
+    height: 32,
+    paddingLeft: 4,
+    paddingRight: 6,
+    paddingVertical: 5,
+  },
+});
+
+export default ShareButton;

package/src/ui-components/icons/icons.tsx

@@ -230,3 +230,25 @@ export const StatusWarningIcon: FC<SvgProps> = ({ ...props }) => (
     />
   </Svg>
 );
+
+export const NFCIcon: FC<SvgProps> = ({ color, ...props }) => {
+  const colorScheme = useAppColorScheme();
+  const iconColor = color ?? colorScheme.black;
+
+  return (
+    <Svg fill="none" height={64} viewBox="0 0 65 64" width={65} {...props}>
+      <Path
+        d="M37.459 53.317c12.2-12.201 12.2-31.984 0-44.186A1.6 1.6 0 0139.72 6.87c13.451 13.45 13.451 35.26 0 48.71a1.601 1.601 0 01-2.262-2.262z"
+        fill={iconColor}
+      />
+      <Path
+        d="M31.653 47.508c8.994-8.994 8.994-23.576 0-32.57a1.6 1.6 0 012.262-2.263c10.245 10.244 10.244 26.852 0 37.096a1.6 1.6 0 11-2.262-2.263z"
+        fill={iconColor}
+      />
+      <Path
+        d="M25.847 41.705c5.788-5.789 5.788-15.174 0-20.962a1.6 1.6 0 012.262-2.263c7.038 7.038 7.038 18.45 0 25.487a1.6 1.6 0 01-2.262-2.262zM21.172 33.159a2.737 2.737 0 11-3.87-3.87 2.737 2.737 0 013.87 3.87z"
+        fill={iconColor}
+      />
+    </Svg>
+  );
+};

package/src/ui-components/index.ts

@@ -16,6 +16,7 @@ export * from './input';
 export * from './list';
 export * from './loader';
 export * from './nerd-view';
+export * from './nfc';
 export * from './pin';
 export * from './screens';
 export * from './searchbar';

package/src/ui-components/loader/loading-result.stories.tsx

@@ -13,13 +13,15 @@ type Args = {
   withButton2: boolean;
   withButton3: boolean;
   withHeader: boolean;
+  withShareButton: boolean;
 };
 
-const Render = ({ label, state, withButton1, withButton2, withButton3, withHeader }: Args) => {
+const Render = ({ label, state, withButton1, withButton2, withButton3, withHeader, withShareButton }: Args) => {
   return (
     <LoadingResultScreen
       button={withButton1 ? { title: 'Button 1' } : undefined}
       secondaryButton={withButton2 ? { type: ButtonType.Secondary, title: 'Button 2' } : undefined}
+      shareButton={withShareButton ? { title: 'qr-code-date.com' } : undefined}
       tertiaryButton={withButton3 ? { type: ButtonType.Secondary, title: 'Button 3' } : undefined}
       header={
         withHeader
@@ -46,6 +48,7 @@ const Basic: StoryObj<Args> = {
     withButton2: false,
     withButton3: false,
     withHeader: true,
+    withShareButton: false,
   },
   render: Render,
 };

package/src/ui-components/loader/loading-result.tsx

@@ -7,6 +7,7 @@ import NavigationHeader, { NavigationHeaderProps } from '../header/navigation-he
 import Typography from '../text/typography';
 import { useAppColorScheme } from '../theme/color-scheme-context';
 import LoaderView, { LoaderViewProps } from './loader';
+import ShareButton, { ShareButtonProps } from '../buttons/share-button';
 
 export type LoadingResultScreenProps = ViewProps & {
   button?: ButtonProps;
@@ -15,6 +16,7 @@ export type LoadingResultScreenProps = ViewProps & {
     label?: string;
   };
   secondaryButton?: ButtonProps;
+  shareButton?: ShareButtonProps;
   tertiaryButton?: ButtonProps;
 };
 
@@ -23,6 +25,7 @@ const LoadingResultScreen: FC<LoadingResultScreenProps> = ({
   header,
   loader: { label, ...loaderProps },
   secondaryButton: button2,
+  shareButton,
   style,
   tertiaryButton: button3,
   ...viewProps
@@ -55,6 +58,7 @@ const LoadingResultScreen: FC<LoadingResultScreenProps> = ({
         </Typography>
       </View>
       <View style={[styles.buttonWrapper, buttonsWrapperMarginStyle]}>
+        {shareButton && <ShareButton {...shareButton} style={styles.shareButton} />}
         {button && <Button {...button}>{button.title}</Button>}
         {button2 && <Button {...button2}>{button2.title}</Button>}
         {button3 && <Button {...button3}>{button3.title}</Button>}
@@ -92,6 +96,9 @@ const styles = StyleSheet.create({
   modalHeaderWithoutHandle: {
     paddingTop: 15,
   },
+  shareButton: {
+    alignSelf: 'center',
+  },
 });
 
 export default LoadingResultScreen;

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

@@ -0,0 +1,3 @@
+import NFCProcess from './nfc-process';
+
+export { NFCProcess };

package/src/ui-components/nfc/nfc-process.tsx

@@ -0,0 +1,80 @@
+import React, { FC, memo } from 'react';
+import { Platform, StyleSheet, View } from 'react-native';
+
+import { HeaderCloseButton } from '../../components';
+import { useAppColorScheme } from '../../ui-components';
+import { concatTestID } from '../../utils';
+import { Typography } from '..';
+import { Button, ButtonType } from '../buttons';
+import { NFCIcon, StatusWarningIcon } from '../icons';
+import { LoaderViewState } from '../loader';
+import { ScrollViewScreen } from '../screens';
+
+interface NFCProcessProps {
+  testID: string;
+  processState: LoaderViewState;
+  handleButtonClick: () => void;
+  labels: {
+    share: string;
+    connectivity: string;
+    close: string;
+    tryAgain: string;
+    conectivityInfo: string;
+    shareInfo: string;
+  };
+}
+
+const NFCProcess: FC<NFCProcessProps> = ({ testID, processState, labels, handleButtonClick }) => {
+  const colorScheme = useAppColorScheme();
+
+  return (
+    <ScrollViewScreen
+      header={{
+        leftItem: <HeaderCloseButton testID={concatTestID(testID, 'header.back')} />,
+        modalHandleVisible: Platform.OS === 'ios',
+        static: true,
+        testID: concatTestID(testID, 'header'),
+        title: processState === LoaderViewState.InProgress ? labels.share : labels.connectivity,
+      }}
+      scrollView={{
+        testID: concatTestID(testID, 'scroll'),
+      }}
+      testID={testID}>
+      <View style={styles.content} testID={concatTestID(testID, 'content')}>
+        <View style={styles.info}>
+          {processState === LoaderViewState.InProgress ? <NFCIcon width={50} height={50} /> : <StatusWarningIcon />}
+          <Typography align="center" color={colorScheme.black}>
+            {processState === LoaderViewState.InProgress ? labels.shareInfo : labels.conectivityInfo}
+          </Typography>
+        </View>
+      </View>
+      <View style={styles.bottom}>
+        <Button
+          onPress={handleButtonClick}
+          testID={concatTestID(testID, 'button')}
+          title={processState === LoaderViewState.InProgress ? labels.close : labels.tryAgain}
+          type={processState === LoaderViewState.InProgress ? ButtonType.Secondary : ButtonType.Primary}
+        />
+      </View>
+    </ScrollViewScreen>
+  );
+};
+
+const styles = StyleSheet.create({
+  bottom: {
+    paddingHorizontal: 12,
+    paddingTop: 16,
+  },
+  content: {
+    flex: 1,
+    paddingHorizontal: 16,
+  },
+  info: {
+    alignItems: 'center',
+    flex: 1,
+    gap: 20,
+    justifyContent: 'center',
+  },
+});
+
+export default memo(NFCProcess);