@procivis/one-react-native-components 0.1.63

package/lib/module/utils/date.js

@@ -0,0 +1,51 @@
+var _NativeModules$I18nMa, _NativeModules$I18nMa2;
+// Date & Time formatted as specified in SW-610
+
+import { NativeModules } from 'react-native';
+
+// OS locale
+const systemLocale = (_NativeModules$I18nMa = NativeModules.I18nManager) === null || _NativeModules$I18nMa === void 0 ? void 0 : (_NativeModules$I18nMa2 = _NativeModules$I18nMa.localeIdentifier) === null || _NativeModules$I18nMa2 === void 0 ? void 0 : _NativeModules$I18nMa2.replace(/_/g, '-').split('#')[0].replace(/-$/, '');
+
+/**
+ * Date only format
+ */
+export const formatDate = (date, locale, options) => {
+  try {
+    return date.toLocaleDateString(locale || systemLocale, options);
+  } catch {
+    return undefined;
+  }
+};
+
+/**
+ * Time only format
+ */
+export const formatTime = (date, locale) => {
+  try {
+    return date.toLocaleTimeString(locale || systemLocale, {
+      hour: '2-digit',
+      minute: '2-digit'
+    });
+  } catch {
+    return undefined;
+  }
+};
+
+/**
+ * Date and time format
+ */
+export const formatDateTime = (date, locale) => {
+  try {
+    return date.toLocaleString(locale || systemLocale, {
+      hour: '2-digit',
+      minute: '2-digit',
+      year: 'numeric',
+      month: 'numeric',
+      day: 'numeric',
+      hour12: locale === 'en-US'
+    });
+  } catch {
+    return undefined;
+  }
+};
+//# sourceMappingURL=date.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["NativeModules","systemLocale","_NativeModules$I18nMa","I18nManager","_NativeModules$I18nMa2","localeIdentifier","replace","split","formatDate","date","locale","options","toLocaleDateString","undefined","formatTime","toLocaleTimeString","hour","minute","formatDateTime","toLocaleString","year","month","day","hour12"],"sources":["date.ts"],"sourcesContent":["// Date & Time formatted as specified in SW-610\n\nimport { NativeModules } from 'react-native';\n\n// OS locale\nconst systemLocale: string = NativeModules.I18nManager?.localeIdentifier\n  ?.replace(/_/g, '-')\n  .split('#')[0]\n  .replace(/-$/, '');\n\n/**\n * Date only format\n */\nexport const formatDate = (date: Date, locale?: string, options?: Intl.DateTimeFormatOptions) => {\n  try {\n    return date.toLocaleDateString(locale || systemLocale, options);\n  } catch {\n    return undefined;\n  }\n};\n\n/**\n * Time only format\n */\nexport const formatTime = (date: Date, locale?: string) => {\n  try {\n    return date.toLocaleTimeString(locale || systemLocale, { hour: '2-digit', minute: '2-digit' });\n  } catch {\n    return undefined;\n  }\n};\n\n/**\n * Date and time format\n */\nexport const formatDateTime = (date: Date, locale?: string) => {\n  try {\n    return date.toLocaleString(locale || systemLocale, {\n      hour: '2-digit',\n      minute: '2-digit',\n      year: 'numeric',\n      month: 'numeric',\n      day: 'numeric',\n      hour12: locale === 'en-US',\n    });\n  } catch {\n    return undefined;\n  }\n};\n"],"mappings":";AAAA;;AAEA,SAASA,aAAa,QAAQ,cAAc;;AAE5C;AACA,MAAMC,YAAoB,IAAAC,qBAAA,GAAGF,aAAa,CAACG,WAAW,cAAAD,qBAAA,wBAAAE,sBAAA,GAAzBF,qBAAA,CAA2BG,gBAAgB,cAAAD,sBAAA,uBAA3CA,sBAAA,CACzBE,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CACnBC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CACbD,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC;;AAEpB;AACA;AACA;AACA,OAAO,MAAME,UAAU,GAAGA,CAACC,IAAU,EAAEC,MAAe,EAAEC,OAAoC,KAAK;EAC/F,IAAI;IACF,OAAOF,IAAI,CAACG,kBAAkB,CAACF,MAAM,IAAIT,YAAY,EAAEU,OAAO,CAAC;EACjE,CAAC,CAAC,MAAM;IACN,OAAOE,SAAS;EAClB;AACF,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMC,UAAU,GAAGA,CAACL,IAAU,EAAEC,MAAe,KAAK;EACzD,IAAI;IACF,OAAOD,IAAI,CAACM,kBAAkB,CAACL,MAAM,IAAIT,YAAY,EAAE;MAAEe,IAAI,EAAE,SAAS;MAAEC,MAAM,EAAE;IAAU,CAAC,CAAC;EAChG,CAAC,CAAC,MAAM;IACN,OAAOJ,SAAS;EAClB;AACF,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMK,cAAc,GAAGA,CAACT,IAAU,EAAEC,MAAe,KAAK;EAC7D,IAAI;IACF,OAAOD,IAAI,CAACU,cAAc,CAACT,MAAM,IAAIT,YAAY,EAAE;MACjDe,IAAI,EAAE,SAAS;MACfC,MAAM,EAAE,SAAS;MACjBG,IAAI,EAAE,SAAS;MACfC,KAAK,EAAE,SAAS;MAChBC,GAAG,EAAE,SAAS;MACdC,MAAM,EAAEb,MAAM,KAAK;IACrB,CAAC,CAAC;EACJ,CAAC,CAAC,MAAM;IACN,OAAOG,SAAS;EAClB;AACF,CAAC"}

package/lib/module/utils/hooks/header/on-scroll-header-state.js

@@ -0,0 +1,14 @@
+import { useCallback, useState } from 'react';
+export const useOnScrollHeaderState = function () {
+  let offset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 30;
+  const [titleVisible, setTitleVisible] = useState(false);
+  const onScroll = useCallback(event => {
+    const scrollOffset = event.nativeEvent.contentOffset.y;
+    setTitleVisible(scrollOffset > offset);
+  }, [offset]);
+  return {
+    onScroll,
+    titleVisible
+  };
+};
+//# sourceMappingURL=on-scroll-header-state.js.map

package/lib/module/utils/hooks/header/on-scroll-header-state.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useState","useOnScrollHeaderState","offset","arguments","length","undefined","titleVisible","setTitleVisible","onScroll","event","scrollOffset","nativeEvent","contentOffset","y"],"sources":["on-scroll-header-state.tsx"],"sourcesContent":["import { useCallback, useState } from 'react';\nimport { NativeScrollEvent, NativeSyntheticEvent } from 'react-native';\n\nexport const useOnScrollHeaderState = (offset = 30) => {\n  const [titleVisible, setTitleVisible] = useState(false);\n\n  const onScroll = useCallback(\n    (event: NativeSyntheticEvent<NativeScrollEvent>) => {\n      const scrollOffset = event.nativeEvent.contentOffset.y;\n      setTitleVisible(scrollOffset > offset);\n    },\n    [offset],\n  );\n\n  return { onScroll, titleVisible };\n};\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AAG7C,OAAO,MAAMC,sBAAsB,GAAG,SAAAA,CAAA,EAAiB;EAAA,IAAhBC,MAAM,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAChD,MAAM,CAACG,YAAY,EAAEC,eAAe,CAAC,GAAGP,QAAQ,CAAC,KAAK,CAAC;EAEvD,MAAMQ,QAAQ,GAAGT,WAAW,CACzBU,KAA8C,IAAK;IAClD,MAAMC,YAAY,GAAGD,KAAK,CAACE,WAAW,CAACC,aAAa,CAACC,CAAC;IACtDN,eAAe,CAACG,YAAY,GAAGR,MAAM,CAAC;EACxC,CAAC,EACD,CAACA,MAAM,CAAC,CACT;EAED,OAAO;IAAEM,QAAQ;IAAEF;EAAa,CAAC;AACnC,CAAC"}

package/lib/module/utils/hooks/index.js

@@ -0,0 +1,5 @@
+import { useOnScrollHeaderState } from './header/on-scroll-header-state';
+import { useListContentInset } from './list/list-content-inset';
+export { useOnScrollHeaderState };
+export { useListContentInset };
+//# sourceMappingURL=index.js.map

package/lib/module/utils/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useOnScrollHeaderState","useListContentInset"],"sources":["index.ts"],"sourcesContent":["import { useOnScrollHeaderState } from './header/on-scroll-header-state';\nimport { useListContentInset } from './list/list-content-inset';\n\nexport { useOnScrollHeaderState };\nexport { useListContentInset };\n"],"mappings":"AAAA,SAASA,sBAAsB,QAAQ,iCAAiC;AACxE,SAASC,mBAAmB,QAAQ,2BAA2B;AAE/D,SAASD,sBAAsB;AAC/B,SAASC,mBAAmB"}

package/lib/module/utils/hooks/list/list-content-inset.js

@@ -0,0 +1,24 @@
+import { Platform } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+export const useListContentInset = function () {
+  let {
+    additionalBottomPadding = 54,
+    headerHeight = 48,
+    modalPresentation = false
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+    additionalBottomPadding: 54,
+    headerHeight: 48,
+    modalPresentation: false
+  };
+  const {
+    top,
+    bottom
+  } = useSafeAreaInsets();
+  const topSafeAreaInset = !modalPresentation || Platform.OS === 'android' ? top : 0;
+  const contentInsetsStyle = {
+    paddingBottom: bottom + additionalBottomPadding,
+    paddingTop: topSafeAreaInset + headerHeight
+  };
+  return contentInsetsStyle;
+};
+//# sourceMappingURL=list-content-inset.js.map

package/lib/module/utils/hooks/list/list-content-inset.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","useSafeAreaInsets","useListContentInset","additionalBottomPadding","headerHeight","modalPresentation","arguments","length","undefined","top","bottom","topSafeAreaInset","OS","contentInsetsStyle","paddingBottom","paddingTop"],"sources":["list-content-inset.ts"],"sourcesContent":["import { Platform, ViewStyle } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\ntype ListContentInsetProps = {\n  additionalBottomPadding?: number;\n  headerHeight?: number;\n  modalPresentation?: boolean;\n};\n\nexport const useListContentInset = (\n  { additionalBottomPadding = 54, headerHeight = 48, modalPresentation = false }: ListContentInsetProps = {\n    additionalBottomPadding: 54,\n    headerHeight: 48,\n    modalPresentation: false,\n  },\n) => {\n  const { top, bottom } = useSafeAreaInsets();\n  const topSafeAreaInset = !modalPresentation || Platform.OS === 'android' ? top : 0;\n  const contentInsetsStyle: ViewStyle = {\n    paddingBottom: bottom + additionalBottomPadding,\n    paddingTop: topSafeAreaInset + headerHeight,\n  };\n  return contentInsetsStyle;\n};\n"],"mappings":"AAAA,SAASA,QAAQ,QAAmB,cAAc;AAClD,SAASC,iBAAiB,QAAQ,gCAAgC;AAQlE,OAAO,MAAMC,mBAAmB,GAAG,SAAAA,CAAA,EAM9B;EAAA,IALH;IAAEC,uBAAuB,GAAG,EAAE;IAAEC,YAAY,GAAG,EAAE;IAAEC,iBAAiB,GAAG;EAA6B,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG;IACtGH,uBAAuB,EAAE,EAAE;IAC3BC,YAAY,EAAE,EAAE;IAChBC,iBAAiB,EAAE;EACrB,CAAC;EAED,MAAM;IAAEI,GAAG;IAAEC;EAAO,CAAC,GAAGT,iBAAiB,EAAE;EAC3C,MAAMU,gBAAgB,GAAG,CAACN,iBAAiB,IAAIL,QAAQ,CAACY,EAAE,KAAK,SAAS,GAAGH,GAAG,GAAG,CAAC;EAClF,MAAMI,kBAA6B,GAAG;IACpCC,aAAa,EAAEJ,MAAM,GAAGP,uBAAuB;IAC/CY,UAAU,EAAEJ,gBAAgB,GAAGP;EACjC,CAAC;EACD,OAAOS,kBAAkB;AAC3B,CAAC"}

package/lib/module/utils/index.js

@@ -0,0 +1,9 @@
+import ContrastingStatusBar from './contrasting-status-bar';
+import { formatDate, formatDateTime, formatTime } from './date';
+import { useBlockOSBackNavigation } from './navigation';
+import { useForwardedRef } from './ref';
+import { concatTestID } from './testID';
+import { useMemoAsync } from './useMemoAsync';
+export { concatTestID, ContrastingStatusBar, formatDate, formatDateTime, formatTime, useBlockOSBackNavigation, useForwardedRef, useMemoAsync };
+export * from './hooks';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ContrastingStatusBar","formatDate","formatDateTime","formatTime","useBlockOSBackNavigation","useForwardedRef","concatTestID","useMemoAsync"],"sources":["index.ts"],"sourcesContent":["import ContrastingStatusBar from './contrasting-status-bar';\nimport { formatDate, formatDateTime, formatTime } from './date';\nimport { useBlockOSBackNavigation } from './navigation';\nimport { useForwardedRef } from './ref';\nimport { concatTestID } from './testID';\nimport { useMemoAsync } from './useMemoAsync';\n\nexport {\n  concatTestID,\n  ContrastingStatusBar,\n  formatDate,\n  formatDateTime,\n  formatTime,\n  useBlockOSBackNavigation,\n  useForwardedRef,\n  useMemoAsync,\n};\n\nexport * from './hooks';\n"],"mappings":"AAAA,OAAOA,oBAAoB,MAAM,0BAA0B;AAC3D,SAASC,UAAU,EAAEC,cAAc,EAAEC,UAAU,QAAQ,QAAQ;AAC/D,SAASC,wBAAwB,QAAQ,cAAc;AACvD,SAASC,eAAe,QAAQ,OAAO;AACvC,SAASC,YAAY,QAAQ,UAAU;AACvC,SAASC,YAAY,QAAQ,gBAAgB;AAE7C,SACED,YAAY,EACZN,oBAAoB,EACpBC,UAAU,EACVC,cAAc,EACdC,UAAU,EACVC,wBAAwB,EACxBC,eAAe,EACfE,YAAY;AAGd,cAAc,SAAS"}

package/lib/module/utils/navigation.js

@@ -0,0 +1,45 @@
+import { useIsFocused, useNavigation } from '@react-navigation/native';
+import { useEffect } from 'react';
+import { BackHandler } from 'react-native';
+
+/**
+ * Prevent OS back navigation
+ * * iOS: block back swipe gesture
+ * * Android: block back button from system task bar
+ * @param block Whether to prevent the default behavior (default: true)
+ * @param onAndroidBack (Android only) Custom callback triggered when OS back button is pressed while blocked
+ *   * return `false` to allow back navigation, return `true` to block back navigation
+ */
+export const useBlockOSBackNavigation = function () {
+  let block = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  let onAndroidBack = arguments.length > 1 ? arguments[1] : undefined;
+  const navigation = useNavigation();
+  const isFocused = useIsFocused();
+
+  // iOS: block back swipe (via screen options)
+  useEffect(() => {
+    if (block) {
+      navigation.setOptions({
+        gestureEnabled: false
+      });
+      return () => navigation.setOptions({
+        gestureEnabled: true
+      });
+    }
+    return undefined;
+  }, [block, navigation]);
+
+  // Anroid: block system back button
+  useEffect(() => {
+    if (block && isFocused) {
+      const handler = () => {
+        var _onAndroidBack;
+        return (_onAndroidBack = onAndroidBack === null || onAndroidBack === void 0 ? void 0 : onAndroidBack()) !== null && _onAndroidBack !== void 0 ? _onAndroidBack : true;
+      };
+      BackHandler.addEventListener('hardwareBackPress', handler);
+      return () => BackHandler.removeEventListener('hardwareBackPress', handler);
+    }
+    return undefined;
+  }, [block, isFocused, onAndroidBack]);
+};
+//# sourceMappingURL=navigation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useIsFocused","useNavigation","useEffect","BackHandler","useBlockOSBackNavigation","block","arguments","length","undefined","onAndroidBack","navigation","isFocused","setOptions","gestureEnabled","handler","_onAndroidBack","addEventListener","removeEventListener"],"sources":["navigation.ts"],"sourcesContent":["import { NavigationProp, useIsFocused, useNavigation } from '@react-navigation/native';\nimport { useEffect } from 'react';\nimport { BackHandler } from 'react-native';\n\n/**\n * Prevent OS back navigation\n * * iOS: block back swipe gesture\n * * Android: block back button from system task bar\n * @param block Whether to prevent the default behavior (default: true)\n * @param onAndroidBack (Android only) Custom callback triggered when OS back button is pressed while blocked\n *   * return `false` to allow back navigation, return `true` to block back navigation\n */\nexport const useBlockOSBackNavigation = (block: boolean = true, onAndroidBack?: () => boolean) => {\n  const navigation = useNavigation<NavigationProp<{}>>();\n  const isFocused = useIsFocused();\n\n  // iOS: block back swipe (via screen options)\n  useEffect(() => {\n    if (block) {\n      navigation.setOptions({ gestureEnabled: false });\n      return () => navigation.setOptions({ gestureEnabled: true });\n    }\n    return undefined;\n  }, [block, navigation]);\n\n  // Anroid: block system back button\n  useEffect(() => {\n    if (block && isFocused) {\n      const handler = () => {\n        return onAndroidBack?.() ?? true;\n      };\n      BackHandler.addEventListener('hardwareBackPress', handler);\n      return () => BackHandler.removeEventListener('hardwareBackPress', handler);\n    }\n    return undefined;\n  }, [block, isFocused, onAndroidBack]);\n};\n"],"mappings":"AAAA,SAAyBA,YAAY,EAAEC,aAAa,QAAQ,0BAA0B;AACtF,SAASC,SAAS,QAAQ,OAAO;AACjC,SAASC,WAAW,QAAQ,cAAc;;AAE1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,wBAAwB,GAAG,SAAAA,CAAA,EAA0D;EAAA,IAAzDC,KAAc,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;EAAA,IAAEG,aAA6B,GAAAH,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAAE,SAAA;EAC3F,MAAME,UAAU,GAAGT,aAAa,EAAsB;EACtD,MAAMU,SAAS,GAAGX,YAAY,EAAE;;EAEhC;EACAE,SAAS,CAAC,MAAM;IACd,IAAIG,KAAK,EAAE;MACTK,UAAU,CAACE,UAAU,CAAC;QAAEC,cAAc,EAAE;MAAM,CAAC,CAAC;MAChD,OAAO,MAAMH,UAAU,CAACE,UAAU,CAAC;QAAEC,cAAc,EAAE;MAAK,CAAC,CAAC;IAC9D;IACA,OAAOL,SAAS;EAClB,CAAC,EAAE,CAACH,KAAK,EAAEK,UAAU,CAAC,CAAC;;EAEvB;EACAR,SAAS,CAAC,MAAM;IACd,IAAIG,KAAK,IAAIM,SAAS,EAAE;MACtB,MAAMG,OAAO,GAAGA,CAAA,KAAM;QAAA,IAAAC,cAAA;QACpB,QAAAA,cAAA,GAAON,aAAa,aAAbA,aAAa,uBAAbA,aAAa,EAAI,cAAAM,cAAA,cAAAA,cAAA,GAAI,IAAI;MAClC,CAAC;MACDZ,WAAW,CAACa,gBAAgB,CAAC,mBAAmB,EAAEF,OAAO,CAAC;MAC1D,OAAO,MAAMX,WAAW,CAACc,mBAAmB,CAAC,mBAAmB,EAAEH,OAAO,CAAC;IAC5E;IACA,OAAON,SAAS;EAClB,CAAC,EAAE,CAACH,KAAK,EAAEM,SAAS,EAAEF,aAAa,CAAC,CAAC;AACvC,CAAC"}

package/lib/module/utils/ref.js

@@ -0,0 +1,35 @@
+import { useMemo, useRef } from 'react';
+const isWritable = (obj, key) => {
+  const desc = Object.getOwnPropertyDescriptor(obj, key) || Object.getOwnPropertyDescriptor(Object.getPrototypeOf(obj), key) || {};
+  return Boolean(desc.writable);
+};
+
+/**
+ * Transforms a forwarded ref to a locally usable reference object
+ * @example
+ * const Component = forwardRef<RefComponent, Props>((props, ref) => {
+ *    const [forwardedRef, refObject] = useForwardedRef(ref);
+ *    const onAction = useCallback(() => doSomething(refObject.current), [refObject]);
+ *    return <RefComponent ref={forwardedRef} {...props} />;
+ * }
+ */
+export const useForwardedRef = passedRef => {
+  const localRef = useRef(null);
+  return useMemo(() => {
+    const ref = localRef;
+    const forwardedRef = instance => {
+      ref.current = instance;
+      if (passedRef) {
+        if (passedRef instanceof Function) {
+          passedRef(instance);
+        } else if (isWritable(passedRef, 'current')) {
+          try {
+            passedRef.current = instance;
+          } catch (e) {}
+        }
+      }
+    };
+    return [forwardedRef, ref];
+  }, [passedRef]);
+};
+//# sourceMappingURL=ref.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","useRef","isWritable","obj","key","desc","Object","getOwnPropertyDescriptor","getPrototypeOf","Boolean","writable","useForwardedRef","passedRef","localRef","ref","forwardedRef","instance","current","Function","e"],"sources":["ref.ts"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\n\nconst isWritable = <T extends Object>(obj: T, key: keyof T) => {\n  const desc =\n    Object.getOwnPropertyDescriptor(obj, key) || Object.getOwnPropertyDescriptor(Object.getPrototypeOf(obj), key) || {};\n  return Boolean(desc.writable);\n};\n\n/**\n * Transforms a forwarded ref to a locally usable reference object\n * @example\n * const Component = forwardRef<RefComponent, Props>((props, ref) => {\n *    const [forwardedRef, refObject] = useForwardedRef(ref);\n *    const onAction = useCallback(() => doSomething(refObject.current), [refObject]);\n *    return <RefComponent ref={forwardedRef} {...props} />;\n * }\n */\nexport const useForwardedRef = <Component extends React.Component<any> | React.ComponentClass<any>>(\n  passedRef?: React.Ref<Component>,\n) => {\n  const localRef = useRef<Component>(null);\n  return useMemo<[React.Ref<Component>, React.RefObject<Component>]>(() => {\n    const ref: React.MutableRefObject<Component | null> = localRef;\n    const forwardedRef: React.Ref<Component> = (instance: Component | null) => {\n      ref.current = instance;\n      if (passedRef) {\n        if (passedRef instanceof Function) {\n          passedRef(instance);\n        } else if (isWritable(passedRef, 'current')) {\n          try {\n            (passedRef as any).current = instance;\n          } catch (e) {}\n        }\n      }\n    };\n\n    return [forwardedRef, ref as React.RefObject<Component>];\n  }, [passedRef]);\n};\n"],"mappings":"AAAA,SAAgBA,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAE9C,MAAMC,UAAU,GAAGA,CAAmBC,GAAM,EAAEC,GAAY,KAAK;EAC7D,MAAMC,IAAI,GACRC,MAAM,CAACC,wBAAwB,CAACJ,GAAG,EAAEC,GAAG,CAAC,IAAIE,MAAM,CAACC,wBAAwB,CAACD,MAAM,CAACE,cAAc,CAACL,GAAG,CAAC,EAAEC,GAAG,CAAC,IAAI,CAAC,CAAC;EACrH,OAAOK,OAAO,CAACJ,IAAI,CAACK,QAAQ,CAAC;AAC/B,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,eAAe,GAC1BC,SAAgC,IAC7B;EACH,MAAMC,QAAQ,GAAGZ,MAAM,CAAY,IAAI,CAAC;EACxC,OAAOD,OAAO,CAAqD,MAAM;IACvE,MAAMc,GAA6C,GAAGD,QAAQ;IAC9D,MAAME,YAAkC,GAAIC,QAA0B,IAAK;MACzEF,GAAG,CAACG,OAAO,GAAGD,QAAQ;MACtB,IAAIJ,SAAS,EAAE;QACb,IAAIA,SAAS,YAAYM,QAAQ,EAAE;UACjCN,SAAS,CAACI,QAAQ,CAAC;QACrB,CAAC,MAAM,IAAId,UAAU,CAACU,SAAS,EAAE,SAAS,CAAC,EAAE;UAC3C,IAAI;YACDA,SAAS,CAASK,OAAO,GAAGD,QAAQ;UACvC,CAAC,CAAC,OAAOG,CAAC,EAAE,CAAC;QACf;MACF;IACF,CAAC;IAED,OAAO,CAACJ,YAAY,EAAED,GAAG,CAA+B;EAC1D,CAAC,EAAE,CAACF,SAAS,CAAC,CAAC;AACjB,CAAC"}

package/lib/module/utils/testID.js

@@ -0,0 +1,12 @@
+/**
+ * Create `testID` prop by concatenating parts
+ * @returns {string} concatenated identifier or undefined if one part is missing
+ */
+
+export function concatTestID(part1) {
+  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    args[_key - 1] = arguments[_key];
+  }
+  return args.reduce((aggr, part) => aggr && part ? `${aggr}.${part}` : undefined, part1 || undefined);
+}
+//# sourceMappingURL=testID.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["concatTestID","part1","_len","arguments","length","args","Array","_key","reduce","aggr","part","undefined"],"sources":["testID.ts"],"sourcesContent":["/**\n * Create `testID` prop by concatenating parts\n * @returns {string} concatenated identifier or undefined if one part is missing\n */\nexport function concatTestID(part1: string, ...args: Array<string>): string;\nexport function concatTestID(part1: string | undefined, ...args: Array<string | undefined>): string | undefined;\nexport function concatTestID(part1: string | undefined, ...args: Array<string | undefined>): string | undefined {\n  return args.reduce((aggr, part) => (aggr && part ? `${aggr}.${part}` : undefined), part1 || undefined);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;;AAGA,OAAO,SAASA,YAAYA,CAACC,KAAyB,EAA0D;EAAA,SAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAArDC,IAAI,OAAAC,KAAA,CAAAJ,IAAA,OAAAA,IAAA,WAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;IAAJF,IAAI,CAAAE,IAAA,QAAAJ,SAAA,CAAAI,IAAA;EAAA;EAC7D,OAAOF,IAAI,CAACG,MAAM,CAAC,CAACC,IAAI,EAAEC,IAAI,KAAMD,IAAI,IAAIC,IAAI,GAAI,GAAED,IAAK,IAAGC,IAAK,EAAC,GAAGC,SAAU,EAAEV,KAAK,IAAIU,SAAS,CAAC;AACxG"}

package/lib/module/utils/testID.test.js

@@ -0,0 +1,19 @@
+import { concatTestID } from './testID';
+describe('concatTestID', () => {
+  it('concatenates testID parts', () => {
+    expect(concatTestID('A')).toBe('A');
+    expect(concatTestID('A', 'B')).toBe('A.B');
+    expect(concatTestID('A', 'B', 'C')).toBe('A.B.C');
+  });
+  it('recognizes missing parts', () => {
+    expect(concatTestID('')).toBe(undefined);
+    expect(concatTestID(undefined)).toBe(undefined);
+    expect(concatTestID('', 'something')).toBe(undefined);
+    expect(concatTestID(undefined, 'something')).toBe(undefined);
+    expect(concatTestID('something', '')).toBe(undefined);
+    expect(concatTestID('something', undefined)).toBe(undefined);
+    expect(concatTestID('something', '', 'somethingElse')).toBe(undefined);
+    expect(concatTestID('something', undefined, 'somethingElse')).toBe(undefined);
+  });
+});
+//# sourceMappingURL=testID.test.js.map

package/lib/module/utils/testID.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["concatTestID","describe","it","expect","toBe","undefined"],"sources":["testID.test.ts"],"sourcesContent":["import { concatTestID } from './testID';\n\ndescribe('concatTestID', () => {\n  it('concatenates testID parts', () => {\n    expect(concatTestID('A')).toBe('A');\n    expect(concatTestID('A', 'B')).toBe('A.B');\n    expect(concatTestID('A', 'B', 'C')).toBe('A.B.C');\n  });\n\n  it('recognizes missing parts', () => {\n    expect(concatTestID('')).toBe(undefined);\n    expect(concatTestID(undefined)).toBe(undefined);\n    expect(concatTestID('', 'something')).toBe(undefined);\n    expect(concatTestID(undefined, 'something')).toBe(undefined);\n    expect(concatTestID('something', '')).toBe(undefined);\n    expect(concatTestID('something', undefined)).toBe(undefined);\n    expect(concatTestID('something', '', 'somethingElse')).toBe(undefined);\n    expect(concatTestID('something', undefined, 'somethingElse')).toBe(undefined);\n  });\n});\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,UAAU;AAEvCC,QAAQ,CAAC,cAAc,EAAE,MAAM;EAC7BC,EAAE,CAAC,2BAA2B,EAAE,MAAM;IACpCC,MAAM,CAACH,YAAY,CAAC,GAAG,CAAC,CAAC,CAACI,IAAI,CAAC,GAAG,CAAC;IACnCD,MAAM,CAACH,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAACI,IAAI,CAAC,KAAK,CAAC;IAC1CD,MAAM,CAACH,YAAY,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAACI,IAAI,CAAC,OAAO,CAAC;EACnD,CAAC,CAAC;EAEFF,EAAE,CAAC,0BAA0B,EAAE,MAAM;IACnCC,MAAM,CAACH,YAAY,CAAC,EAAE,CAAC,CAAC,CAACI,IAAI,CAACC,SAAS,CAAC;IACxCF,MAAM,CAACH,YAAY,CAACK,SAAS,CAAC,CAAC,CAACD,IAAI,CAACC,SAAS,CAAC;IAC/CF,MAAM,CAACH,YAAY,CAAC,EAAE,EAAE,WAAW,CAAC,CAAC,CAACI,IAAI,CAACC,SAAS,CAAC;IACrDF,MAAM,CAACH,YAAY,CAACK,SAAS,EAAE,WAAW,CAAC,CAAC,CAACD,IAAI,CAACC,SAAS,CAAC;IAC5DF,MAAM,CAACH,YAAY,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,CAACI,IAAI,CAACC,SAAS,CAAC;IACrDF,MAAM,CAACH,YAAY,CAAC,WAAW,EAAEK,SAAS,CAAC,CAAC,CAACD,IAAI,CAACC,SAAS,CAAC;IAC5DF,MAAM,CAACH,YAAY,CAAC,WAAW,EAAE,EAAE,EAAE,eAAe,CAAC,CAAC,CAACI,IAAI,CAACC,SAAS,CAAC;IACtEF,MAAM,CAACH,YAAY,CAAC,WAAW,EAAEK,SAAS,EAAE,eAAe,CAAC,CAAC,CAACD,IAAI,CAACC,SAAS,CAAC;EAC/E,CAAC,CAAC;AACJ,CAAC,CAAC"}

package/lib/module/utils/useMemoAsync.js

@@ -0,0 +1,20 @@
+import { useEffect, useState } from 'react';
+export function useMemoAsync(factory, deps, initialValue, fallbackValue) {
+  const [value, setValue] = useState(initialValue);
+  useEffect(() => {
+    const abortCtrl = new AbortController();
+    const update = async () => {
+      try {
+        const result = await factory(abortCtrl.signal);
+        if (!abortCtrl.signal.aborted) setValue(result);
+      } catch (e) {
+        if (!abortCtrl.signal.aborted) setValue(fallbackValue !== null && fallbackValue !== void 0 ? fallbackValue : initialValue);
+      }
+    };
+    update();
+    return () => abortCtrl.abort();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, deps);
+  return value;
+}
+//# sourceMappingURL=useMemoAsync.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","useMemoAsync","factory","deps","initialValue","fallbackValue","value","setValue","abortCtrl","AbortController","update","result","signal","aborted","e","abort"],"sources":["useMemoAsync.ts"],"sourcesContent":["import { DependencyList, useEffect, useState } from 'react';\n\ninterface FactoryFn<Value> {\n  /**\n   * Custom factory function\n   * @param abortSignal Signaled when the deps change and the factory function need to be called again or when the parent component unmounts\n   * @returns Result to be returned from the {@link useMemoAsync}\n   */\n  (abortSignal: AbortSignal): Value | Promise<Value>;\n}\n\n/**\n * Utility hook that can be used the same way as `useMemo` when the initializer needs to be async\n * @param factory Factory function to produce a value\n * @param deps Hook dependency list (to trigger an update)\n * @param initialValue Initial value before factory finishes producing a value (default = `undefined`)\n * @param fallbackValue Used when factory fails to produce a value (default = `initialValue`)\n * @returns Result from the {@link factory}, {@link initialValue} or {@link fallbackValue}\n */\nexport function useMemoAsync<Value, FallbackValue = Value | undefined>(\n  factory: FactoryFn<Value>,\n  deps: DependencyList,\n  initialValue: FallbackValue,\n  fallbackValue?: FallbackValue,\n): Value | FallbackValue;\nexport function useMemoAsync<Value>(factory: FactoryFn<Value>, deps: DependencyList): Value | undefined;\n\nexport function useMemoAsync<Value, FallbackValue = Value | undefined>(\n  factory: FactoryFn<Value>,\n  deps: DependencyList,\n  initialValue?: FallbackValue,\n  fallbackValue?: FallbackValue,\n): Value | FallbackValue | undefined {\n  const [value, setValue] = useState<Value | FallbackValue | undefined>(initialValue);\n  useEffect(() => {\n    const abortCtrl = new AbortController();\n    const update = async () => {\n      try {\n        const result = await factory(abortCtrl.signal);\n        if (!abortCtrl.signal.aborted) setValue(result);\n      } catch (e) {\n        if (!abortCtrl.signal.aborted) setValue(fallbackValue ?? initialValue);\n      }\n    };\n    update();\n    return () => abortCtrl.abort();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps);\n  return value;\n}\n"],"mappings":"AAAA,SAAyBA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AA2B3D,OAAO,SAASC,YAAYA,CAC1BC,OAAyB,EACzBC,IAAoB,EACpBC,YAA4B,EAC5BC,aAA6B,EACM;EACnC,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGP,QAAQ,CAAoCI,YAAY,CAAC;EACnFL,SAAS,CAAC,MAAM;IACd,MAAMS,SAAS,GAAG,IAAIC,eAAe,EAAE;IACvC,MAAMC,MAAM,GAAG,MAAAA,CAAA,KAAY;MACzB,IAAI;QACF,MAAMC,MAAM,GAAG,MAAMT,OAAO,CAACM,SAAS,CAACI,MAAM,CAAC;QAC9C,IAAI,CAACJ,SAAS,CAACI,MAAM,CAACC,OAAO,EAAEN,QAAQ,CAACI,MAAM,CAAC;MACjD,CAAC,CAAC,OAAOG,CAAC,EAAE;QACV,IAAI,CAACN,SAAS,CAACI,MAAM,CAACC,OAAO,EAAEN,QAAQ,CAACF,aAAa,aAAbA,aAAa,cAAbA,aAAa,GAAID,YAAY,CAAC;MACxE;IACF,CAAC;IACDM,MAAM,EAAE;IACR,OAAO,MAAMF,SAAS,CAACO,KAAK,EAAE;IAC9B;EACF,CAAC,EAAEZ,IAAI,CAAC;EACR,OAAOG,KAAK;AACd"}

package/lib/typescript/accessibility/accessibility.d.ts

@@ -0,0 +1,55 @@
+/// <reference types="react" />
+import { NavigationProp, NavigationState } from '@react-navigation/native';
+/**
+ * Global transformer of text for Voice-Over
+ * @param {string} text (Visible) text to be announced
+ * @returns {string} Text to be read-out by Voice-Over
+ */
+export type AccessibilityTextTransformer = (text: string) => string;
+export declare function setAccessibilityTextTransformer(transformer: AccessibilityTextTransformer | null): void;
+export declare function transformAccessibilityText(text: string): string;
+/**
+ * Make element accessible after navigation transition is done
+ * @returns {boolean} flag to be used as `accessible` prop on the target component(s)
+ */
+export declare function useAccessibleAfterTransition<TNavigationProp extends NavigationProp<Record<string, any>, string, NavigationState<Record<string, any>>, {}, {
+    transitionEnd: {};
+}>>(): boolean;
+/**
+ * Query whether the current screen is NOT transitioning
+ * @returns {boolean} flag signifying whether the current screen is NOT in a transition (either entering or leaving)
+ */
+export declare function useIsOutsideTransition<TNavigationProp extends NavigationProp<Record<string, any>, string, NavigationState<Record<string, any>>, {}, {
+    transitionStart: {};
+    transitionEnd: {};
+}>>(): boolean;
+/**
+ * Focuses an element for accessibility
+ * @param component component ref
+ * @note Disabled on android as it is not reliable
+ */
+export declare const focusAccessibility: (component?: React.Component | React.ComponentClass | null) => void;
+/**
+ * Focuses an element for accessibility
+ * @param {boolean} focused Focusing happens when this changes to `true`
+ * @returns reference to be used with the target element
+ */
+export declare const useAccessibilityFocus: <T extends import("react").Component<{}, {}, any> | import("react").ComponentClass<{}, any>>(focused?: boolean) => import("react").RefObject<T>;
+/**
+ * Posts a screen-reader/voice-over announcement
+ * @param {string} message Announcement message
+ * * if `null` passed, it resets the cached announcement and the same message can be re-announced again
+ * @returns {boolean} When the announcement is successfully finished (only supported on iOS), false otherwise
+ * @note Use {@link setAccessibilityTextTransformer} to apply text transformation for the read-out text
+ */
+export declare const useAccessibilityAnnouncement: (message?: string | null) => boolean;
+/**
+ * Posts a screen-reader/voice-over announcement
+ * @param {string} message Announcement message
+ * @param {boolean} waitForPreviousAnnouncement When a new message appears before the previous announcement if finished:
+ *   - `true`: postpone the new message to be announced after the previous message(s)
+ *   - `false` (default): cancel the previous announcement and start the new message
+ * @returns {boolean} When all announcements are finished (only supported on iOS), false otherwise
+ * @see {@link useAccessibilityAnnouncement} for further info
+ */
+export declare const useAccessibilityAnnouncementCumulative: (message?: string, waitForPreviousAnnouncement?: boolean) => boolean;

package/lib/typescript/accessibility/accessibilityHistory.d.ts

@@ -0,0 +1,13 @@
+import React, { FC, PropsWithChildren } from 'react';
+/**
+ * Adds app support for accessibility focus history
+ */
+export declare const AccessibilityFocusHistoryProvider: FC<PropsWithChildren<{}>>;
+/**
+ * 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
+ */
+export declare const useAccessibilityFocusHistory: <Component extends React.ComponentClass<any, any> | React.Component<any, {}, any>, OnPress extends (...args: never[]) => void = () => void>(pressHandler: OnPress | undefined, passedRef?: React.Ref<Component> | undefined) => {
+    onPress: OnPress;
+    ref: React.Ref<Component>;
+};

package/lib/typescript/accessibility/accessibilityHistoryWrappers.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { PressableProps, TouchableHighlight as RNTouchableHighlight, TouchableHighlightProps, TouchableOpacity as RNTouchableOpacity, TouchableOpacityProps, TouchableWithoutFeedback as RNTouchableWithoutFeedback, TouchableWithoutFeedbackProps, View } from 'react-native';
+/**
+ * Wrappers of RN touchable components with accessibilty focus history support
+ */
+export declare const TouchableOpacity: React.ForwardRefExoticComponent<TouchableOpacityProps & React.RefAttributes<RNTouchableOpacity>>;
+export declare const TouchableWithoutFeedback: React.ForwardRefExoticComponent<TouchableWithoutFeedbackProps & React.RefAttributes<RNTouchableWithoutFeedback>>;
+export declare const TouchableHighlight: React.ForwardRefExoticComponent<TouchableHighlightProps & React.RefAttributes<RNTouchableHighlight>>;
+export declare const Pressable: React.ForwardRefExoticComponent<PressableProps & React.RefAttributes<View>>;
+type WrapperRefType<C extends React.ForwardRefExoticComponent<React.RefAttributes<any>>> = C extends React.ForwardRefExoticComponent<React.RefAttributes<infer Ref>> ? Ref : never;
+/**
+ * Ref types to be used in forwardRef for the wrappers
+ */
+export type TouchableOpacityRef = WrapperRefType<typeof TouchableOpacity>;
+export type TouchableWithoutFeedbackRef = WrapperRefType<typeof TouchableWithoutFeedback>;
+export type TouchableHighlightRef = WrapperRefType<typeof TouchableHighlight>;
+export type PressableRef = WrapperRefType<typeof Pressable>;
+export {};

package/lib/typescript/accessibility/accessibilityLanguage.d.ts

@@ -0,0 +1,20 @@
+import { FC, PropsWithChildren } from 'react';
+import { AccessibilityLanguageFile, SupportedAccessibilityLanguage } from './locale';
+export type AccessibilityLanguageFileEntryKey = keyof AccessibilityLanguageFile;
+type AccessibilityLanguageTranslate = (entryKey: AccessibilityLanguageFileEntryKey, params?: Record<string, string | number>) => string;
+export interface AccessibilityLanguageProviderProps {
+    language: SupportedAccessibilityLanguage;
+    overrides?: Partial<AccessibilityLanguageFile> | AccessibilityLanguageTranslate;
+}
+/**
+ * Adds app support for accessibility language
+ * @param {SupportedAccessibilityLanguage} language Currenty selected language of the app
+ * @param {Object} overrides _(optional)_ Custom overrides for specific entries
+ */
+export declare const AccessibilityLanguageProvider: FC<PropsWithChildren<AccessibilityLanguageProviderProps>>;
+/**
+ * Access accessibility language translations
+ * @note This needs to be used inside {@link AccessibilityLanguageProvider} context
+ */
+export declare const useAccessibilityTranslation: () => AccessibilityLanguageTranslate;
+export {};

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

@@ -0,0 +1,6 @@
+import { AccessibilityTextTransformer, focusAccessibility, setAccessibilityTextTransformer, transformAccessibilityText, useAccessibilityAnnouncement, useAccessibilityAnnouncementCumulative, useAccessibilityFocus, useAccessibleAfterTransition, useIsOutsideTransition } from './accessibility';
+import { AccessibilityFocusHistoryProvider, useAccessibilityFocusHistory } from './accessibilityHistory';
+import { AccessibilityLanguageProvider, AccessibilityLanguageProviderProps } from './accessibilityLanguage';
+import { AccessibilityLanguageFile, SupportedAccessibilityLanguage } from './locale';
+export * from './accessibilityHistoryWrappers';
+export { AccessibilityFocusHistoryProvider, AccessibilityLanguageFile, AccessibilityLanguageProvider, AccessibilityLanguageProviderProps, AccessibilityTextTransformer, focusAccessibility, setAccessibilityTextTransformer, SupportedAccessibilityLanguage, transformAccessibilityText, useAccessibilityAnnouncement, useAccessibilityAnnouncementCumulative, useAccessibilityFocus, useAccessibilityFocusHistory, useAccessibleAfterTransition, useIsOutsideTransition, };

package/lib/typescript/accessibility/locale/index.d.ts

@@ -0,0 +1,90 @@
+import en from './en.json';
+export declare const defaultLanguageFiles: {
+    en: {
+        "accessibility.control.combobox.expanded": string;
+        "accessibility.control.combobox.tapToSelect": string;
+        "accessibility.control.order": string;
+        "accessibility.control.progress": string;
+        "accessibility.control.checked": string;
+        "accessibility.control.unchecked": string;
+        "accessibility.control.clear": string;
+        "accessibility.control.delete": string;
+        "accessibility.control.list.moveDown": string;
+        "accessibility.control.list.moveUp": string;
+        "accessibility.nav.back": string;
+        "accessibility.nav.close": string;
+        "accessibility.nav.next": string;
+        "accessibility.icon.edit": string;
+        "accessibility.icon.add": string;
+        "accessibility.icon.filter": string;
+        "accessibility.icon.scan": string;
+        "accessibility.key.faceId": string;
+        "accessibility.key.fingerprint": string;
+    };
+    de: {
+        "accessibility.control.combobox.expanded": string;
+        "accessibility.control.combobox.tapToSelect": string;
+        "accessibility.control.order": string;
+        "accessibility.control.progress": string;
+        "accessibility.control.checked": string;
+        "accessibility.control.unchecked": string;
+        "accessibility.control.clear": string;
+        "accessibility.control.delete": string;
+        "accessibility.control.list.moveDown": string;
+        "accessibility.control.list.moveUp": string;
+        "accessibility.nav.back": string;
+        "accessibility.nav.close": string;
+        "accessibility.nav.next": string;
+        "accessibility.icon.edit": string;
+        "accessibility.icon.add": string;
+        "accessibility.icon.filter": string;
+        "accessibility.icon.scan": string;
+        "accessibility.key.faceId": string;
+        "accessibility.key.fingerprint": string;
+    };
+    fr: {
+        "accessibility.control.combobox.expanded": string;
+        "accessibility.control.combobox.tapToSelect": string;
+        "accessibility.control.order": string;
+        "accessibility.control.progress": string;
+        "accessibility.control.checked": string;
+        "accessibility.control.unchecked": string;
+        "accessibility.control.clear": string;
+        "accessibility.control.delete": string;
+        "accessibility.control.list.moveDown": string;
+        "accessibility.control.list.moveUp": string;
+        "accessibility.nav.back": string;
+        "accessibility.nav.close": string;
+        "accessibility.nav.next": string;
+        "accessibility.icon.edit": string;
+        "accessibility.icon.add": string;
+        "accessibility.icon.filter": string;
+        "accessibility.icon.scan": string;
+        "accessibility.key.faceId": string;
+        "accessibility.key.fingerprint": string;
+    };
+    it: {
+        "accessibility.control.combobox.expanded": string;
+        "accessibility.control.combobox.tapToSelect": string;
+        "accessibility.control.order": string;
+        "accessibility.control.progress": string;
+        "accessibility.control.checked": string;
+        "accessibility.control.unchecked": string;
+        "accessibility.control.clear": string;
+        "accessibility.control.delete": string;
+        "accessibility.control.list.moveDown": string;
+        "accessibility.control.list.moveUp": string;
+        "accessibility.nav.back": string;
+        "accessibility.nav.close": string;
+        "accessibility.nav.next": string;
+        "accessibility.icon.edit": string;
+        "accessibility.icon.add": string;
+        "accessibility.icon.scan": string;
+        "accessibility.icon.filter": string;
+        "accessibility.key.faceId": string;
+        "accessibility.key.fingerprint": string;
+    };
+};
+export type SupportedAccessibilityLanguage = keyof typeof defaultLanguageFiles;
+export type AccessibilityLanguageFile = typeof en;
+export declare const getAccessibilityLanguageFile: (language: SupportedAccessibilityLanguage, overrides?: Partial<AccessibilityLanguageFile>) => AccessibilityLanguageFile;

package/lib/typescript/accessibility/locale.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/action-modal/ActionModal.d.ts

@@ -0,0 +1,10 @@
+import { FunctionComponent, PropsWithChildren } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+interface Props {
+    contentStyle?: StyleProp<ViewStyle>;
+    style?: StyleProp<ViewStyle>;
+    visible: boolean;
+    testID?: string;
+}
+declare const ActionModal: FunctionComponent<PropsWithChildren<Props>>;
+export default ActionModal;

package/lib/typescript/action-modal/index.d.ts

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

package/lib/typescript/activity-indicator/activity-indicator.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { ViewProps } from 'react-native-svg/lib/typescript/fabric/utils';
+type ActivityIndicatorProps = ViewProps & {
+    animate?: boolean;
+};
+declare const ActivityIndicator: FC<ActivityIndicatorProps>;
+export default ActivityIndicator;

package/lib/typescript/activity-indicator/index.d.ts

@@ -0,0 +1,2 @@
+import ActivityIndicator from './activity-indicator';
+export { ActivityIndicator };

package/lib/typescript/blur/blur-view.d.ts

@@ -0,0 +1,10 @@
+import { FC, PropsWithChildren } from 'react';
+import { ColorValue, ViewProps } from 'react-native';
+export interface BlurViewProps extends ViewProps {
+    blurAmount?: number;
+    color?: ColorValue;
+    darkMode?: boolean;
+    blurStyle: 'soft' | 'strong' | 'header';
+}
+declare const BlurView: FC<PropsWithChildren<BlurViewProps>>;
+export default BlurView;

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

@@ -0,0 +1,2 @@
+import BlurView, { BlurViewProps } from './blur-view';
+export { BlurView, BlurViewProps };

package/lib/typescript/buttons/back-button.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { GhostButtonProps } from '../buttons/ghost-button';
+export declare enum BackButtonIcon {
+    Back = "back",
+    Close = "close"
+}
+export type BackButtonProps = Omit<GhostButtonProps, 'accessibilityLabel'>;
+declare const BackButton: FC<BackButtonProps>;
+export default BackButton;

package/lib/typescript/buttons/button.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { TouchableOpacityProps } from 'react-native';
+export declare enum ButtonType {
+    Border = "border",
+    Primary = "primary",
+    Secondary = "secondary",
+    SmallTech = "small-tech"
+}
+export interface ButtonProps extends TouchableOpacityProps {
+    type?: ButtonType;
+    title: string;
+    subtitle?: string;
+    disabled?: boolean;
+}
+/**
+ * Common button component
+ *
+ * follows design: https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?node-id=419-18389
+ *
+ * for bordered style just override `borderColor` in style
+ */
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<import("react-native").TouchableOpacity>>;

package/lib/typescript/buttons/connectivity-button.d.ts

@@ -0,0 +1,17 @@
+import { FC } from 'react';
+export declare enum ConnectivityTransport {
+    Internet = "Internet",
+    Bluetooth = "Bluetooth",
+    All = "All"
+}
+export type ConnectivityButtonProps = {
+    available: boolean;
+    disabled?: boolean;
+    onPress?: () => void;
+    status?: boolean;
+    title?: string;
+    transport: ConnectivityTransport;
+    testID?: string;
+};
+declare const ConnectivityButton: FC<ConnectivityButtonProps>;
+export default ConnectivityButton;