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

package/src/utils/parsers/credential.ts

@@ -0,0 +1,365 @@
+import {
+  Claim,
+  Config,
+  CredentialDetail,
+  CredentialListItem,
+  CredentialSchema,
+  CredentialStateEnum,
+  DataTypeEnum,
+  FormatFeatureEnum,
+} from '@procivis/react-native-one-core';
+
+import {
+  CredentialAttribute,
+  CredentialAttributeValue,
+  CredentialCardProps,
+  CredentialDetailsCardProps,
+  CredentialHeaderProps,
+} from '../../ui-components/credential';
+import { CredentialCardNotice } from '../../ui-components/credential/card/credential-card';
+import { CredentialErrorIcon, CredentialNoticeWarningIcon, CredentialWarningIcon } from '../../ui-components/icons';
+import { formatDateLocalized, formatDateTimeLocalized } from '../date';
+import { concatTestID } from '../testID';
+import { getCarouselImagesFromClaims } from './credential-images';
+
+export enum ValidityState {
+  Revoked = 'revoked',
+  Suspended = 'suspended',
+  Valid = 'valid',
+}
+
+export const getValidityState = (credential: CredentialListItem | undefined) => {
+  if (credential?.state === CredentialStateEnum.REVOKED) {
+    return ValidityState.Revoked;
+  }
+  if (credential?.state === CredentialStateEnum.SUSPENDED) {
+    return ValidityState.Suspended;
+  }
+  return ValidityState.Valid;
+};
+
+export const supportsSelectiveDisclosure = (credential: CredentialListItem | undefined, config: Config | undefined) => {
+  const formatConfig = credential && config?.format[credential.schema.format];
+  return formatConfig
+    ? Boolean(formatConfig.capabilities?.features?.includes(FormatFeatureEnum.SelectiveDisclosure))
+    : undefined;
+};
+
+const findClaimByPathParts = (path: string[], claims?: Claim[]): Claim | undefined => {
+  if (!claims?.length) {
+    return undefined;
+  }
+  const [first, second, ...rest] = path;
+  const claim = claims.find((c) => c.key === first);
+  if (claim === undefined || second === undefined || claim.dataType !== DataTypeEnum.Object) {
+    return claim;
+  }
+
+  return findClaimByPathParts([`${first}/${second}`, ...rest], claim.value as Claim[]);
+};
+
+export const findClaimByPath = (path: string | undefined, claims: Claim[] | undefined) =>
+  path ? findClaimByPathParts(path.split('/'), claims) : undefined;
+
+const formatCredentialDetail = (claim: Claim, config: Config, testID: string): string => {
+  const attributeValue = detailsCardAttributeValueFromClaim(claim, config, testID);
+  return attributeValue.value ?? '';
+};
+
+export const hasMsoValidityIssues = (credential: CredentialDetail): boolean => {
+  const mdocMsoValidity: { nextUpdate: string } | undefined =
+    'mdocMsoValidity' in credential ? (credential.mdocMsoValidity as { nextUpdate: string }) : undefined;
+
+  const mdocMsoValidityIssue = Boolean(
+    mdocMsoValidity?.nextUpdate && new Date(mdocMsoValidity.nextUpdate) < new Date(),
+  );
+
+  return mdocMsoValidityIssue;
+};
+
+export type CardHeaderLabels = {
+  validityIssues: string;
+  revoked: string;
+  suspended: string;
+  suspendedUntil: (date: string) => string;
+};
+
+export const cardHeaderFromCredential = (
+  credential: CredentialDetail,
+  claims: Claim[] = [],
+  config: Config,
+  testID: string,
+  labels: CardHeaderLabels,
+): Omit<CredentialHeaderProps, 'style'> => {
+  let credentialDetailPrimary = formatDateTimeLocalized(new Date(credential.issuanceDate)) ?? '';
+
+  let credentialDetailSecondary: string | undefined;
+  let credentialDetailErrorColor: boolean | undefined;
+  let credentialDetailTestID: string | undefined;
+  let statusIcon;
+
+  const { layoutProperties } = credential.schema;
+
+  switch (credential.state) {
+    case CredentialStateEnum.SUSPENDED:
+      credentialDetailPrimary = credential.suspendEndDate
+        ? labels.suspendedUntil(formatDateTimeLocalized(new Date(credential.suspendEndDate))!)
+        : labels.suspended;
+      credentialDetailTestID = concatTestID(testID, 'suspended');
+      statusIcon = CredentialWarningIcon;
+      break;
+    case CredentialStateEnum.REVOKED:
+      credentialDetailPrimary = labels.revoked;
+      credentialDetailErrorColor = true;
+      credentialDetailTestID = concatTestID(testID, 'revoked');
+      statusIcon = CredentialErrorIcon;
+      break;
+    default: {
+      if (hasMsoValidityIssues(credential)) {
+        credentialDetailPrimary = labels.validityIssues;
+        credentialDetailTestID = concatTestID(testID, 'validity-issue');
+        statusIcon = CredentialWarningIcon;
+      } else {
+        const primary = findClaimByPath(layoutProperties?.primaryAttribute, claims);
+
+        if (primary) {
+          credentialDetailPrimary = formatCredentialDetail(primary, config, concatTestID(testID, 'primary'));
+        }
+
+        const secondary = findClaimByPath(layoutProperties?.secondaryAttribute, claims);
+
+        if (secondary) {
+          credentialDetailSecondary = formatCredentialDetail(secondary, config, concatTestID(testID, 'secondary'));
+        }
+
+        credentialDetailTestID = concatTestID(testID, 'detail');
+      }
+      break;
+    }
+  }
+  return {
+    color: layoutProperties?.logo?.backgroundColor,
+    credentialDetailErrorColor,
+    credentialDetailPrimary,
+    credentialDetailSecondary,
+    credentialDetailTestID,
+    credentialName: credential.schema.name,
+    icon: layoutProperties?.logo?.image
+      ? {
+          imageSource: {
+            uri: layoutProperties.logo.image,
+          },
+        }
+      : undefined,
+    iconLabelColor: layoutProperties?.logo?.fontColor,
+    statusIcon,
+    testID,
+  };
+};
+
+export type CardLabels = CardHeaderLabels & {
+  validityIssuesNotice: string;
+};
+
+export const getCredentialCardPropsFromCredential = (
+  credential: CredentialDetail,
+  claims: Claim[] = [],
+  config: Config,
+  notice: CredentialCardNotice | undefined,
+  testID: string,
+  labels: CardLabels,
+): Omit<CredentialCardProps, 'onHeaderPress' | 'style'> => {
+  const { layoutProperties } = credential.schema;
+
+  if (hasMsoValidityIssues(credential)) {
+    notice = {
+      text: labels.validityIssuesNotice,
+      noticeIcon: CredentialNoticeWarningIcon,
+    };
+  }
+
+  const result: Omit<CredentialCardProps, 'onHeaderPress' | 'style'> = {
+    cardCarouselImages: getCarouselImagesFromClaims(claims, layoutProperties, concatTestID(testID, 'carousel')),
+    cardImage: layoutProperties?.background?.image
+      ? { imageSource: { uri: layoutProperties.background.image } }
+      : undefined,
+    color: layoutProperties?.background?.color,
+    header: cardHeaderFromCredential(credential, claims, config, concatTestID(testID, 'header'), labels),
+    testID,
+    notice,
+  };
+
+  return result;
+};
+
+export const detailsCardAttributeFromClaim = (claim: Claim, config: Config, testID: string): CredentialAttribute => {
+  const value = detailsCardAttributeValueFromClaim(claim, config, testID);
+  return {
+    id: claim.id,
+    name: claim.key.split('/').pop(),
+    path: claim.key,
+    ...value,
+  };
+};
+
+const detailsCardAttributeValueFromClaim = (claim: Claim, config: Config, testID: string): CredentialAttributeValue => {
+  const typeConfig = config?.datatype[claim.dataType];
+
+  if (claim.array) {
+    return {
+      values: claim.value.map((arrayValue, index) => {
+        return detailsCardAttributeFromClaim(
+          {
+            ...arrayValue,
+            id: `${arrayValue.id}/${index}`,
+          },
+          config,
+          concatTestID(testID, index.toString()),
+        );
+      }),
+    };
+  } else {
+    switch (typeConfig?.type) {
+      case DataTypeEnum.Object: {
+        if (!Array.isArray(claim.value)) {
+          return { attributes: [] };
+        }
+        return {
+          attributes: (claim.value as Claim[]).map((nestedClaim, index) =>
+            detailsCardAttributeFromClaim(nestedClaim, config, concatTestID(testID, index.toString())),
+          ),
+        };
+      }
+      case DataTypeEnum.Date: {
+        const date = claim.value as string;
+        return {
+          testID: testID,
+          value: formatDateLocalized(new Date(date)) ?? date,
+        };
+      }
+      case DataTypeEnum.File: {
+        if (typeConfig.params?.showAs === 'IMAGE') {
+          return { image: { uri: claim.value as string }, testID: testID };
+        } else {
+          return { testID: testID, value: claim.value as string };
+        }
+      }
+      default:
+        return { testID: testID, value: String(claim.value) };
+    }
+  }
+};
+
+export const detailsCardFromCredential = (
+  credential: CredentialDetail,
+  config: Config,
+  testID: string,
+  labels: CardLabels,
+): Omit<CredentialDetailsCardProps, 'expanded'> => {
+  return detailsCardFromCredentialWithClaims(credential, credential.claims, config, testID, labels);
+};
+
+export const detailsCardFromCredentialWithClaims = (
+  credential: CredentialDetail,
+  claims: Claim[],
+  config: Config,
+  testID: string,
+  labels: CardLabels,
+): Omit<CredentialDetailsCardProps, 'expanded'> => {
+  const attributes: CredentialAttribute[] = claims.map((claim, index) =>
+    detailsCardAttributeFromClaim(claim, config, concatTestID(testID, 'attribute', index.toString())),
+  );
+
+  const card = getCredentialCardPropsFromCredential(
+    credential,
+    claims,
+    config,
+    undefined,
+    concatTestID(testID, 'card'),
+    labels,
+  );
+
+  return {
+    attributes,
+    card,
+  };
+};
+
+// Converts a flat list of attributes into a nested structure
+// modifies the names to not include slashes
+export const nestAttributes = (attributes: CredentialAttribute[]): CredentialAttribute[] => {
+  const result: CredentialAttribute[] = [];
+
+  for (const attribute of attributes) {
+    const attributePath = attribute.path.split('/');
+    if (attributePath.length === 0) {
+      result.push(attribute);
+    } else {
+      const [first, ...rest] = attributePath;
+      const parent = result.find((a) => a.name === first);
+      if (parent) {
+        insertAttributeInObject({ ...attribute, path: rest.join('/') }, parent);
+      } else {
+        result.push(nestAttributeInDummyObject(attribute));
+      }
+    }
+  }
+
+  return result;
+};
+
+// We nest the leaf node in a (one or more) nested object(s)
+// to make sure the tree structure is correctly rendered in proof request screens.
+const nestAttributeInDummyObject = (attribute: CredentialAttribute): CredentialAttribute => {
+  const pathParts = attribute.path.split('/');
+  const [first, ...rest] = pathParts;
+  if (!rest.length) {
+    return attribute;
+  }
+
+  // The dummy object is not selectable, and contains a placeholder ID
+  // the user can't interact with it.
+  return {
+    attributes: [nestAttributeInDummyObject({ ...attribute, path: rest.join('/') })],
+    disabled: true,
+    id: `${attribute.id}/${first}`,
+    name: first,
+    path: attribute.path,
+  };
+};
+
+// Recursively insert an attribute into an object
+// Will create nested objects if necessary
+const insertAttributeInObject = (attribute: CredentialAttribute, object: CredentialAttribute) => {
+  const pathParts = attribute.path.split('/');
+  const [first, ...rest] = pathParts;
+
+  const nextParent = object.attributes?.find((a) => a.name === first);
+
+  if (!nextParent) {
+    object.attributes?.push(nestAttributeInDummyObject(attribute));
+  } else {
+    insertAttributeInObject({ ...attribute, path: rest.join('/') }, nextParent);
+  }
+};
+
+function parseBase64Image(image: string | undefined) {
+  return image ? '__BASE64IMAGE__' : '';
+}
+
+export function getCredentialSchemaWithoutImages(credentialSchema: CredentialSchema) {
+  return {
+    ...credentialSchema,
+    layoutProperties: {
+      ...credentialSchema.layoutProperties,
+      background: {
+        ...credentialSchema.layoutProperties?.background,
+        image: parseBase64Image(credentialSchema.layoutProperties?.background?.image),
+      },
+      logo: {
+        ...credentialSchema.layoutProperties?.logo,
+        image: parseBase64Image(credentialSchema.layoutProperties?.logo?.image),
+      },
+    },
+  };
+}

package/src/utils/parsers/index.ts

@@ -0,0 +1,4 @@
+export * from './credential';
+export * from './credential-images';
+export * from './credential-sharing';
+export * from './query';

package/src/utils/parsers/query.tsx

@@ -0,0 +1,80 @@
+import {
+  CredentialListQuery,
+  CredentialSchemaListQuery,
+  DidListQuery,
+  HistoryListQuery,
+  ProofListQuery,
+  ProofSchemaListQuery,
+} from '@procivis/react-native-one-core';
+
+export const getQueryKeyFromCredentialListQueryParams = (queryParams?: Partial<CredentialListQuery>) => {
+  if (!queryParams) {
+    return [];
+  }
+  const { name, sort, sortDirection, exact, role, ids, status, include } = queryParams;
+  return [name, sort, sortDirection, exact, role, ids, status, include];
+};
+
+export const getQueryKeyFromHistoryListQueryParams = (queryParams?: Partial<HistoryListQuery>) => {
+  if (!queryParams) {
+    return [];
+  }
+
+  const {
+    entityId,
+    action,
+    entityTypes,
+    createdDateFrom,
+    createdDateTo,
+    didId,
+    credentialId,
+    credentialSchemaId,
+    searchText,
+    searchType,
+  } = queryParams;
+  return [
+    entityId,
+    action,
+    entityTypes,
+    createdDateFrom,
+    createdDateTo,
+    didId,
+    credentialId,
+    credentialSchemaId,
+    searchText,
+    searchType,
+  ];
+};
+
+export const getQueryKeyFromCredentialSchemaListQueryParams = (queryParams?: Partial<CredentialSchemaListQuery>) => {
+  if (!queryParams) {
+    return [];
+  }
+  const { name, sort, sortDirection, exact, ids, include } = queryParams;
+  return [name, sort, sortDirection, exact, ids, include];
+};
+
+export const getQueryKeyFromProofSchemaListQueryParams = (queryParams?: Partial<ProofSchemaListQuery>) => {
+  if (!queryParams) {
+    return [];
+  }
+  const { name, sort, sortDirection, exact, ids } = queryParams;
+  return [name, sort, sortDirection, exact, ids];
+};
+
+export const getQueryKeyFromProofListQueryParams = (queryParams?: Partial<ProofListQuery>) => {
+  if (!queryParams) {
+    return [];
+  }
+  const { name, sort, sortDirection, exact, ids, proofStates, proofSchemaIds } = queryParams;
+  return [name, sort, sortDirection, exact, ids, proofStates, proofSchemaIds];
+};
+
+export const getQueryKeyFromDidListQueryParams = (queryParams?: Partial<DidListQuery>) => {
+  if (!queryParams) {
+    return [];
+  }
+
+  const { name, did, type, deactivated, keyAlgorithms, keyRoles } = queryParams;
+  return [name, did, type, deactivated, keyAlgorithms, keyRoles];
+};

package/src/utils/reporting.ts

@@ -0,0 +1,84 @@
+import { OneError } from '@procivis/react-native-one-core';
+import * as Sentry from '@sentry/react-native';
+
+export function reportError(message: string) {
+  if (!__DEV__) {
+    try {
+      Sentry.captureException(new Error(message));
+    } catch (error) {
+      // do nothing
+    }
+  } else {
+    console.warn('reportError:', message);
+  }
+}
+
+const getDebugExceptionInfo = (error: unknown, message: string | undefined) => {
+  if (error instanceof OneError) {
+    let info = `[${error.code}](${error.message})`;
+    if (error.cause) {
+      info = `${info}: ${error.cause}`;
+    }
+    return message ? `(${message}, ${info})` : info;
+  }
+
+  return message ? `(${message})` : '';
+};
+
+export function reportException(e: unknown, message?: string) {
+  if (!__DEV__) {
+    try {
+      Sentry.withScope((scope) => {
+        if (message) {
+          scope.setExtra('message', message);
+        }
+
+        if (e instanceof OneError) {
+          // prevent reporting specific errors
+          if (e.cause?.includes('BLE adapter not enabled')) {
+            return;
+          }
+
+          scope.setExtra('operation', e.operation);
+          scope.setExtra('code', e.code);
+          scope.setExtra('codeMessage', e.message);
+          if (e.cause) {
+            scope.setExtra('cause', e.cause);
+          }
+
+          Sentry.captureException(e.originalError);
+        } else {
+          Sentry.captureException(e);
+        }
+      });
+    } catch (error) {
+      // do nothing
+    }
+  } else {
+    const info = getDebugExceptionInfo(e, message);
+    console.warn(`reportException${info}`, e, e instanceof Error ? e.stack : undefined);
+  }
+}
+
+export function reportTraceInfo(category: string, message?: string, data?: Sentry.Breadcrumb['data']) {
+  if (!__DEV__) {
+    try {
+      Sentry.addBreadcrumb({
+        category,
+        data,
+        level: 'log',
+        message,
+      });
+    } catch (error) {
+      // do nothing
+    }
+  } else {
+    const logged: unknown[] = [category, message];
+
+    if (data) {
+      logged.push(data);
+    }
+
+    console.log(...logged);
+  }
+}

package/src/utils/string.ts

@@ -0,0 +1,17 @@
+export const capitalizeFirstLetter = (string: string) => {
+  return string.charAt(0).toUpperCase() + string.slice(1);
+};
+
+export const capitalize = (str: string): string =>
+  str
+    ?.split(' ')
+    .filter((x) => x)
+    .map((x) => x.charAt(0).toUpperCase() + x.substring(1).toLowerCase())
+    .join(' ');
+
+export const replaceBreakingHyphens = (str: string): string => str.replace(/-/g, '\u2011');
+
+export const isASCII = (str: string) => {
+  // eslint-disable-next-line no-control-regex
+  return /^[\x00-\xFF]*$/.test(str);
+};

package/src/utils/useMemoAsync.ts

@@ -42,7 +42,7 @@ export function useMemoAsync<Value, FallbackValue = Value | undefined>(
         if (!abortCtrl.signal.aborted) setValue(fallbackValue ?? initialValue);
       }
     };
-    update();
+    update().catch(() => {});
     return () => abortCtrl.abort();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, deps);

package/src/utils/uuid.ts

@@ -0,0 +1,8 @@
+import UUID from 'react-native-uuid';
+
+/**
+ * Insecure identifier generator
+ * @returns {string} UUID v4
+ * @example `11edc52b-2918-4d71-9058-f7285e29d894`
+ */
+export const generateUUID = (): string => UUID.v4() as string;

package/lib/commonjs/accessibility/accessibilityHistory.js

@@ -1,81 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useAccessibilityFocusHistory = exports.AccessibilityFocusHistoryProvider = void 0;
-var _native = require("@react-navigation/native");
-var _react = _interopRequireWildcard(require("react"));
-var _ref2 = require("../utils/ref");
-var _accessibility = require("./accessibility");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const accessibilityFocusHistoryContext = /*#__PURE__*/_react.default.createContext({
-  setRef: () => {},
-  getRef: () => null
-});
-
-/**
- * Adds app support for accessibility focus history
- */
-const AccessibilityFocusHistoryProvider = _ref => {
-  let {
-    children
-  } = _ref;
-  const Provider = accessibilityFocusHistoryContext.Provider;
-  const refs = (0, _react.useRef)({});
-  const setRef = (0, _react.useCallback)((route, ref) => {
-    refs.current[route] = ref;
-  }, []);
-  const getRef = (0, _react.useCallback)(route => {
-    var _refs$current$route;
-    return (_refs$current$route = refs.current[route]) !== null && _refs$current$route !== void 0 ? _refs$current$route : null;
-  }, []);
-  const value = (0, _react.useMemo)(() => ({
-    setRef,
-    getRef
-  }), [getRef, setRef]);
-  return /*#__PURE__*/_react.default.createElement(Provider, {
-    value: value
-  }, children);
-};
-
-/**
- * Wraps `onPress` handler and `ref` to support automatic accessibility focus on back navigation
- * @note This needs to be used inside {@link AccessibilityFocusHistoryProvider} and navigation context
- */
-exports.AccessibilityFocusHistoryProvider = AccessibilityFocusHistoryProvider;
-const useAccessibilityFocusHistory = (pressHandler, passedRef) => {
-  const [forwardedRef, refObject] = (0, _ref2.useForwardedRef)(passedRef);
-  const historyContext = (0, _react.useContext)(accessibilityFocusHistoryContext);
-  const routeKey = (0, _native.useRoute)().key;
-  const previouslyPressed = (0, _react.useRef)(false);
-  const outsideTransition = (0, _accessibility.useAccessibleAfterTransition)();
-  (0, _react.useEffect)(() => {
-    const isStoredInHistory = historyContext.getRef(routeKey) === refObject.current;
-    if (outsideTransition && isStoredInHistory && previouslyPressed.current) {
-      (0, _accessibility.focusAccessibility)(refObject.current);
-    }
-  }, [historyContext, outsideTransition, refObject, routeKey]);
-  (0, _react.useEffect)(() => {
-    if (outsideTransition) {
-      previouslyPressed.current = false;
-    }
-  }, [outsideTransition]);
-
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  const onPress = (0, _react.useCallback)(function () {
-    previouslyPressed.current = true;
-    historyContext.setRef(routeKey, refObject.current);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    return pressHandler === null || pressHandler === void 0 ? void 0 : pressHandler(...args);
-  }, [historyContext, routeKey, refObject, pressHandler]);
-  return {
-    onPress,
-    ref: forwardedRef
-  };
-};
-exports.useAccessibilityFocusHistory = useAccessibilityFocusHistory;
-//# sourceMappingURL=accessibilityHistory.js.map

package/lib/commonjs/accessibility/accessibilityHistory.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_native","require","_react","_interopRequireWildcard","_ref2","_accessibility","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","accessibilityFocusHistoryContext","React","createContext","setRef","getRef","AccessibilityFocusHistoryProvider","_ref","children","Provider","refs","useRef","useCallback","route","ref","current","_refs$current$route","value","useMemo","createElement","exports","useAccessibilityFocusHistory","pressHandler","passedRef","forwardedRef","refObject","useForwardedRef","historyContext","useContext","routeKey","useRoute","previouslyPressed","outsideTransition","useAccessibleAfterTransition","useEffect","isStoredInHistory","focusAccessibility","onPress","_len","arguments","length","args","Array","_key"],"sources":["accessibilityHistory.tsx"],"sourcesContent":["import { useRoute } from '@react-navigation/native';\nimport React, { FC, PropsWithChildren, useCallback, useContext, useEffect, useMemo, useRef } from 'react';\n\nimport { useForwardedRef } from '../utils/ref';\nimport { focusAccessibility, useAccessibleAfterTransition } from './accessibility';\n\ntype AccessibilityRefComponent = React.Component | React.ComponentClass | null;\ninterface AccessibilityRefContextValue {\n  setRef: (route: string, ref: AccessibilityRefComponent) => void;\n  getRef: (route: string) => AccessibilityRefComponent;\n}\n\nconst accessibilityFocusHistoryContext = React.createContext<AccessibilityRefContextValue>({\n  setRef: () => {},\n  getRef: () => null,\n});\n\n/**\n * Adds app support for accessibility focus history\n */\nexport const AccessibilityFocusHistoryProvider: FC<PropsWithChildren<{}>> = ({ children }) => {\n  const Provider = accessibilityFocusHistoryContext.Provider;\n  const refs = useRef<Record<string, AccessibilityRefComponent>>({});\n  const setRef = useCallback((route: string, ref: AccessibilityRefComponent) => {\n    refs.current[route] = ref;\n  }, []);\n  const getRef = useCallback((route: string) => {\n    return refs.current[route] ?? null;\n  }, []);\n  const value = useMemo(() => ({ setRef, getRef }), [getRef, setRef]);\n  return <Provider value={value}>{children}</Provider>;\n};\n\n/**\n * Wraps `onPress` handler and `ref` to support automatic accessibility focus on back navigation\n * @note This needs to be used inside {@link AccessibilityFocusHistoryProvider} and navigation context\n */\nexport const useAccessibilityFocusHistory = <\n  Component extends React.Component<any> | React.ComponentClass<any>,\n  OnPress extends (...args: never[]) => void = () => void,\n>(\n  pressHandler: OnPress | undefined,\n  passedRef?: React.Ref<Component>,\n) => {\n  const [forwardedRef, refObject] = useForwardedRef<Component>(passedRef);\n\n  const historyContext = useContext(accessibilityFocusHistoryContext);\n  const routeKey = useRoute().key;\n\n  const previouslyPressed = useRef(false);\n  const outsideTransition = useAccessibleAfterTransition();\n\n  useEffect(() => {\n    const isStoredInHistory = historyContext.getRef(routeKey) === refObject.current;\n    if (outsideTransition && isStoredInHistory && previouslyPressed.current) {\n      focusAccessibility(refObject.current);\n    }\n  }, [historyContext, outsideTransition, refObject, routeKey]);\n\n  useEffect(() => {\n    if (outsideTransition) {\n      previouslyPressed.current = false;\n    }\n  }, [outsideTransition]);\n\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const onPress = useCallback(\n    ((...args) => {\n      previouslyPressed.current = true;\n      historyContext.setRef(routeKey, refObject.current);\n      return pressHandler?.(...args);\n    }) as OnPress,\n    [historyContext, routeKey, refObject, pressHandler],\n  );\n\n  return { onPress, ref: forwardedRef };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAEA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AAAmF,SAAAK,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAJ,wBAAAQ,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAQnF,MAAMW,gCAAgC,gBAAGC,cAAK,CAACC,aAAa,CAA+B;EACzFC,MAAM,EAAEA,CAAA,KAAM,CAAC,CAAC;EAChBC,MAAM,EAAEA,CAAA,KAAM;AAChB,CAAC,CAAC;;AAEF;AACA;AACA;AACO,MAAMC,iCAA4D,GAAGC,IAAA,IAAkB;EAAA,IAAjB;IAAEC;EAAS,CAAC,GAAAD,IAAA;EACvF,MAAME,QAAQ,GAAGR,gCAAgC,CAACQ,QAAQ;EAC1D,MAAMC,IAAI,GAAG,IAAAC,aAAM,EAA4C,CAAC,CAAC,CAAC;EAClE,MAAMP,MAAM,GAAG,IAAAQ,kBAAW,EAAC,CAACC,KAAa,EAAEC,GAA8B,KAAK;IAC5EJ,IAAI,CAACK,OAAO,CAACF,KAAK,CAAC,GAAGC,GAAG;EAC3B,CAAC,EAAE,EAAE,CAAC;EACN,MAAMT,MAAM,GAAG,IAAAO,kBAAW,EAAEC,KAAa,IAAK;IAAA,IAAAG,mBAAA;IAC5C,QAAAA,mBAAA,GAAON,IAAI,CAACK,OAAO,CAACF,KAAK,CAAC,cAAAG,mBAAA,cAAAA,mBAAA,GAAI,IAAI;EACpC,CAAC,EAAE,EAAE,CAAC;EACN,MAAMC,KAAK,GAAG,IAAAC,cAAO,EAAC,OAAO;IAAEd,MAAM;IAAEC;EAAO,CAAC,CAAC,EAAE,CAACA,MAAM,EAAED,MAAM,CAAC,CAAC;EACnE,oBAAO7B,MAAA,CAAAW,OAAA,CAAAiC,aAAA,CAACV,QAAQ;IAACQ,KAAK,EAAEA;EAAM,GAAET,QAAQ,CAAY;AACtD,CAAC;;AAED;AACA;AACA;AACA;AAHAY,OAAA,CAAAd,iCAAA,GAAAA,iCAAA;AAIO,MAAMe,4BAA4B,GAAGA,CAI1CC,YAAiC,EACjCC,SAAgC,KAC7B;EACH,MAAM,CAACC,YAAY,EAAEC,SAAS,CAAC,GAAG,IAAAC,qBAAe,EAAYH,SAAS,CAAC;EAEvE,MAAMI,cAAc,GAAG,IAAAC,iBAAU,EAAC3B,gCAAgC,CAAC;EACnE,MAAM4B,QAAQ,GAAG,IAAAC,gBAAQ,GAAE,CAACnC,GAAG;EAE/B,MAAMoC,iBAAiB,GAAG,IAAApB,aAAM,EAAC,KAAK,CAAC;EACvC,MAAMqB,iBAAiB,GAAG,IAAAC,2CAA4B,GAAE;EAExD,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAMC,iBAAiB,GAAGR,cAAc,CAACtB,MAAM,CAACwB,QAAQ,CAAC,KAAKJ,SAAS,CAACV,OAAO;IAC/E,IAAIiB,iBAAiB,IAAIG,iBAAiB,IAAIJ,iBAAiB,CAAChB,OAAO,EAAE;MACvE,IAAAqB,iCAAkB,EAACX,SAAS,CAACV,OAAO,CAAC;IACvC;EACF,CAAC,EAAE,CAACY,cAAc,EAAEK,iBAAiB,EAAEP,SAAS,EAAEI,QAAQ,CAAC,CAAC;EAE5D,IAAAK,gBAAS,EAAC,MAAM;IACd,IAAIF,iBAAiB,EAAE;MACrBD,iBAAiB,CAAChB,OAAO,GAAG,KAAK;IACnC;EACF,CAAC,EAAE,CAACiB,iBAAiB,CAAC,CAAC;;EAEvB;EACA,MAAMK,OAAO,GAAG,IAAAzB,kBAAW,EACxB,YAAa;IACZmB,iBAAiB,CAAChB,OAAO,GAAG,IAAI;IAChCY,cAAc,CAACvB,MAAM,CAACyB,QAAQ,EAAEJ,SAAS,CAACV,OAAO,CAAC;IAAC,SAAAuB,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAFhDC,IAAI,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAJF,IAAI,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAGP,OAAOrB,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAG,GAAGmB,IAAI,CAAC;EAChC,CAAC,EACD,CAACd,cAAc,EAAEE,QAAQ,EAAEJ,SAAS,EAAEH,YAAY,CAAC,CACpD;EAED,OAAO;IAAEe,OAAO;IAAEvB,GAAG,EAAEU;EAAa,CAAC;AACvC,CAAC;AAACJ,OAAA,CAAAC,4BAAA,GAAAA,4BAAA"}