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

package/lib/module/ui-components/accessibility/accessibility.js

@@ -0,0 +1,183 @@
+import { useIsFocused, useNavigation } from '@react-navigation/native';
+import { useEffect, useRef, useState } from 'react';
+import { AccessibilityInfo, findNodeHandle, Platform } from 'react-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
+ */
+
+let textTransformer = null;
+export function setAccessibilityTextTransformer(transformer) {
+  textTransformer = transformer;
+}
+export function transformAccessibilityText(text) {
+  return textTransformer && text ? textTransformer(text) : text;
+}
+
+/**
+ * Make element accessible after navigation transition is done
+ * @returns {boolean} flag to be used as `accessible` prop on the target component(s)
+ */
+export function useAccessibleAfterTransition() {
+  const navigation = useNavigation();
+  const [accessible, setAccessible] = useState(false);
+  const isFocused = useIsFocused();
+  useEffect(() => {
+    if (!isFocused) {
+      setAccessible(false);
+      return undefined;
+    }
+    const unsubscribe = navigation.addListener('transitionEnd', () => setAccessible(true));
+    // fallback for cases when transition doesn't happen (e.g. forceful screen re-render)
+    const timeout = setTimeout(() => setAccessible(true), 500);
+    return () => {
+      unsubscribe();
+      clearTimeout(timeout);
+    };
+  }, [navigation, isFocused]);
+  return isFocused && accessible;
+}
+
+/**
+ * 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 function useIsOutsideTransition() {
+  const navigation = useNavigation();
+  const [inTransition, setInTransition] = useState(true);
+  const isFocused = useIsFocused();
+  const focused = useRef(isFocused);
+  focused.current = isFocused;
+  useEffect(() => {
+    const unsubscribeStart = navigation.addListener('transitionStart', () => setInTransition(true));
+    const unsubscribeEnd = navigation.addListener('transitionEnd', () => {
+      if (focused.current) {
+        setInTransition(false);
+      }
+    });
+    return () => {
+      unsubscribeStart();
+      unsubscribeEnd();
+    };
+  }, [navigation]);
+  useEffect(() => {
+    if (!isFocused) {
+      return undefined;
+    }
+    setInTransition(true);
+    // fallback for cases when transition callback doesn't happen (e.g. forceful screen re-render)
+    const timeout = setTimeout(() => setInTransition(false), 500);
+    return () => {
+      clearTimeout(timeout);
+    };
+  }, [isFocused]);
+  return isFocused && !inTransition;
+}
+
+/**
+ * Focuses an element for accessibility
+ * @param component component ref
+ * @note Disabled on android as it is not reliable
+ */
+export const focusAccessibility = component => {
+  if (Platform.OS === 'ios' && component) {
+    const nodeHandle = findNodeHandle(component);
+    if (nodeHandle) {
+      AccessibilityInfo.setAccessibilityFocus(nodeHandle);
+    }
+  }
+};
+
+/**
+ * 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 const useAccessibilityFocus = (focused = true) => {
+  const ref = useRef(null);
+  useEffect(() => {
+    if (focused) {
+      focusAccessibility(ref.current);
+    }
+  }, [focused]);
+  return ref;
+};
+
+/**
+ * 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 const useAccessibilityAnnouncement = message => {
+  const announcement = message ? transformAccessibilityText(message) : message;
+  const [announcementFinished, setAnnouncementFinished] = useState();
+  useEffect(() => {
+    if (announcement === null) {
+      // explicitly clearing cached state
+      setAnnouncementFinished(undefined);
+    }
+    if (!announcement) {
+      return undefined;
+    }
+    let subscription;
+    const unsubscribe = () => {
+      var _subscription;
+      return (_subscription = subscription) === null || _subscription === void 0 ? void 0 : _subscription.remove();
+    };
+    if (Platform.OS === 'ios') {
+      let retries = 0;
+      subscription = AccessibilityInfo.addEventListener('announcementFinished', ({
+        announcement: finished,
+        success
+      }) => {
+        if (finished === announcement) {
+          if (success) {
+            setAnnouncementFinished(announcement);
+            unsubscribe();
+          } else if (retries++ < 2) {
+            // when the automatic voice-over cancels the first try (e.g. after screen transition), let's attempt again one more time
+            AccessibilityInfo.announceForAccessibility(announcement);
+          } else {
+            unsubscribe();
+          }
+        }
+      });
+    }
+    AccessibilityInfo.announceForAccessibility(announcement);
+    return unsubscribe;
+  }, [announcement]);
+  return Boolean(announcement && announcementFinished === announcement);
+};
+
+/**
+ * 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 const useAccessibilityAnnouncementCumulative = (message, waitForPreviousAnnouncement) => {
+  // waiting only possible on iOS
+  const wait = Platform.OS === 'ios' && waitForPreviousAnnouncement;
+  const [announcements, setAnnouncements] = useState([]);
+  useEffect(() => {
+    if (message) {
+      setAnnouncements(prev => [...prev, message]);
+    }
+  }, [message]);
+  const nextAnnouncement = wait ? announcements[0] : message;
+  const finished = useAccessibilityAnnouncement(nextAnnouncement);
+  useEffect(() => {
+    if (finished) {
+      setAnnouncements(prev => prev.filter(m => m !== nextAnnouncement));
+    }
+  }, [nextAnnouncement, finished]);
+  return wait ? !announcements.length : finished;
+};
+//# sourceMappingURL=accessibility.js.map

package/lib/module/ui-components/accessibility/accessibility.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useIsFocused","useNavigation","useEffect","useRef","useState","AccessibilityInfo","findNodeHandle","Platform","textTransformer","setAccessibilityTextTransformer","transformer","transformAccessibilityText","text","useAccessibleAfterTransition","navigation","accessible","setAccessible","isFocused","undefined","unsubscribe","addListener","timeout","setTimeout","clearTimeout","useIsOutsideTransition","inTransition","setInTransition","focused","current","unsubscribeStart","unsubscribeEnd","focusAccessibility","component","OS","nodeHandle","setAccessibilityFocus","useAccessibilityFocus","ref","useAccessibilityAnnouncement","message","announcement","announcementFinished","setAnnouncementFinished","subscription","_subscription","remove","retries","addEventListener","finished","success","announceForAccessibility","Boolean","useAccessibilityAnnouncementCumulative","waitForPreviousAnnouncement","wait","announcements","setAnnouncements","prev","nextAnnouncement","filter","m","length"],"sources":["accessibility.ts"],"sourcesContent":["import { NavigationProp, NavigationState, useIsFocused, useNavigation } from '@react-navigation/native';\nimport { useEffect, useRef, useState } from 'react';\nimport { AccessibilityInfo, EmitterSubscription, findNodeHandle, Platform } from 'react-native';\n\n/**\n * Global transformer of text for Voice-Over\n * @param {string} text (Visible) text to be announced\n * @returns {string} Text to be read-out by Voice-Over\n */\nexport type AccessibilityTextTransformer = (text: string) => string;\nlet textTransformer: AccessibilityTextTransformer | null = null;\nexport function setAccessibilityTextTransformer(transformer: AccessibilityTextTransformer | null) {\n  textTransformer = transformer;\n}\nexport function transformAccessibilityText(text: string) {\n  return textTransformer && text ? textTransformer(text) : text;\n}\n\n/**\n * Make element accessible after navigation transition is done\n * @returns {boolean} flag to be used as `accessible` prop on the target component(s)\n */\nexport function useAccessibleAfterTransition<\n  TNavigationProp extends NavigationProp<\n    Record<string, any>,\n    string,\n    NavigationState<Record<string, any>>,\n    {},\n    { transitionEnd: {} }\n  >,\n>() {\n  const navigation = useNavigation<TNavigationProp>();\n  const [accessible, setAccessible] = useState(false);\n\n  const isFocused = useIsFocused();\n  useEffect(() => {\n    if (!isFocused) {\n      setAccessible(false);\n      return undefined;\n    }\n    const unsubscribe = navigation.addListener('transitionEnd', () => setAccessible(true));\n    // fallback for cases when transition doesn't happen (e.g. forceful screen re-render)\n    const timeout = setTimeout(() => setAccessible(true), 500);\n    return () => {\n      unsubscribe();\n      clearTimeout(timeout);\n    };\n  }, [navigation, isFocused]);\n\n  return isFocused && accessible;\n}\n\n/**\n * Query whether the current screen is NOT transitioning\n * @returns {boolean} flag signifying whether the current screen is NOT in a transition (either entering or leaving)\n */\nexport function useIsOutsideTransition<\n  TNavigationProp extends NavigationProp<\n    Record<string, any>,\n    string,\n    NavigationState<Record<string, any>>,\n    {},\n    { transitionStart: {}; transitionEnd: {} }\n  >,\n>() {\n  const navigation = useNavigation<TNavigationProp>();\n  const [inTransition, setInTransition] = useState<boolean>(true);\n\n  const isFocused = useIsFocused();\n  const focused = useRef(isFocused);\n  focused.current = isFocused;\n\n  useEffect(() => {\n    const unsubscribeStart = navigation.addListener('transitionStart', () => setInTransition(true));\n    const unsubscribeEnd = navigation.addListener('transitionEnd', () => {\n      if (focused.current) {\n        setInTransition(false);\n      }\n    });\n    return () => {\n      unsubscribeStart();\n      unsubscribeEnd();\n    };\n  }, [navigation]);\n\n  useEffect(() => {\n    if (!isFocused) {\n      return undefined;\n    }\n\n    setInTransition(true);\n    // fallback for cases when transition callback doesn't happen (e.g. forceful screen re-render)\n    const timeout = setTimeout(() => setInTransition(false), 500);\n    return () => {\n      clearTimeout(timeout);\n    };\n  }, [isFocused]);\n\n  return isFocused && !inTransition;\n}\n\n/**\n * Focuses an element for accessibility\n * @param component component ref\n * @note Disabled on android as it is not reliable\n */\nexport const focusAccessibility = (component?: React.ElementType<any, any> | null) => {\n  if (Platform.OS === 'ios' && component) {\n    const nodeHandle = findNodeHandle(component);\n    if (nodeHandle) {\n      AccessibilityInfo.setAccessibilityFocus(nodeHandle);\n    }\n  }\n};\n\n/**\n * Focuses an element for accessibility\n * @param {boolean} focused Focusing happens when this changes to `true`\n * @returns reference to be used with the target element\n */\nexport const useAccessibilityFocus = <T extends React.ElementType<any, any>>(focused: boolean = true) => {\n  const ref = useRef<T>(null);\n\n  useEffect(() => {\n    if (focused) {\n      focusAccessibility(ref.current);\n    }\n  }, [focused]);\n\n  return ref;\n};\n\n/**\n * Posts a screen-reader/voice-over announcement\n * @param {string} message Announcement message\n * * if `null` passed, it resets the cached announcement and the same message can be re-announced again\n * @returns {boolean} When the announcement is successfully finished (only supported on iOS), false otherwise\n * @note Use {@link setAccessibilityTextTransformer} to apply text transformation for the read-out text\n */\nexport const useAccessibilityAnnouncement = (message?: string | null): boolean => {\n  const announcement = message ? transformAccessibilityText(message) : message;\n  const [announcementFinished, setAnnouncementFinished] = useState<string>();\n  useEffect(() => {\n    if (announcement === null) {\n      // explicitly clearing cached state\n      setAnnouncementFinished(undefined);\n    }\n\n    if (!announcement) {\n      return undefined;\n    }\n\n    let subscription: EmitterSubscription;\n    const unsubscribe = () => subscription?.remove();\n    if (Platform.OS === 'ios') {\n      let retries = 0;\n      subscription = AccessibilityInfo.addEventListener(\n        'announcementFinished',\n        ({ announcement: finished, success }) => {\n          if (finished === announcement) {\n            if (success) {\n              setAnnouncementFinished(announcement);\n              unsubscribe();\n            } else if (retries++ < 2) {\n              // when the automatic voice-over cancels the first try (e.g. after screen transition), let's attempt again one more time\n              AccessibilityInfo.announceForAccessibility(announcement);\n            } else {\n              unsubscribe();\n            }\n          }\n        },\n      );\n    }\n\n    AccessibilityInfo.announceForAccessibility(announcement);\n    return unsubscribe;\n  }, [announcement]);\n\n  return Boolean(announcement && announcementFinished === announcement);\n};\n\n/**\n * Posts a screen-reader/voice-over announcement\n * @param {string} message Announcement message\n * @param {boolean} waitForPreviousAnnouncement When a new message appears before the previous announcement if finished:\n *   - `true`: postpone the new message to be announced after the previous message(s)\n *   - `false` (default): cancel the previous announcement and start the new message\n * @returns {boolean} When all announcements are finished (only supported on iOS), false otherwise\n * @see {@link useAccessibilityAnnouncement} for further info\n */\nexport const useAccessibilityAnnouncementCumulative = (\n  message?: string,\n  waitForPreviousAnnouncement?: boolean,\n): boolean => {\n  // waiting only possible on iOS\n  const wait = Platform.OS === 'ios' && waitForPreviousAnnouncement;\n\n  const [announcements, setAnnouncements] = useState<string[]>([]);\n  useEffect(() => {\n    if (message) {\n      setAnnouncements((prev) => [...prev, message]);\n    }\n  }, [message]);\n\n  const nextAnnouncement = wait ? announcements[0] : message;\n  const finished = useAccessibilityAnnouncement(nextAnnouncement);\n\n  useEffect(() => {\n    if (finished) {\n      setAnnouncements((prev) => prev.filter((m) => m !== nextAnnouncement));\n    }\n  }, [nextAnnouncement, finished]);\n\n  return wait ? !announcements.length : finished;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/module/ui-components/accessibility/accessibilityHistory.js

@@ -0,0 +1,67 @@
+import { useRoute } from '@react-navigation/native';
+import React, { useCallback, useContext, useEffect, useMemo, useRef } from 'react';
+import { useForwardedRef } from '../../utils/ref';
+import { focusAccessibility, useAccessibleAfterTransition } from './accessibility';
+const accessibilityFocusHistoryContext = /*#__PURE__*/React.createContext({
+  setRef: () => {},
+  getRef: () => null
+});
+
+/**
+ * Adds app support for accessibility focus history
+ */
+export const AccessibilityFocusHistoryProvider = ({
+  children
+}) => {
+  const Provider = accessibilityFocusHistoryContext.Provider;
+  const refs = useRef({});
+  const setRef = useCallback((route, ref) => {
+    refs.current[route] = ref;
+  }, []);
+  const getRef = 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 = useMemo(() => ({
+    setRef,
+    getRef
+  }), [getRef, setRef]);
+  return /*#__PURE__*/React.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
+ */
+export const useAccessibilityFocusHistory = (pressHandler, passedRef) => {
+  const [forwardedRef, refObject] = useForwardedRef(passedRef);
+  const historyContext = useContext(accessibilityFocusHistoryContext);
+  const routeKey = useRoute().key;
+  const previouslyPressed = useRef(false);
+  const outsideTransition = useAccessibleAfterTransition();
+  useEffect(() => {
+    const isStoredInHistory = historyContext.getRef(routeKey) === refObject.current;
+    if (outsideTransition && isStoredInHistory && previouslyPressed.current) {
+      focusAccessibility(refObject.current);
+    }
+  }, [historyContext, outsideTransition, refObject, routeKey]);
+  useEffect(() => {
+    if (outsideTransition) {
+      previouslyPressed.current = false;
+    }
+  }, [outsideTransition]);
+
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  const onPress = useCallback((...args) => {
+    previouslyPressed.current = true;
+    historyContext.setRef(routeKey, refObject.current);
+    return pressHandler === null || pressHandler === void 0 ? void 0 : pressHandler(...args);
+  }, [historyContext, routeKey, refObject, pressHandler]);
+  return {
+    onPress,
+    ref: forwardedRef
+  };
+};
+//# sourceMappingURL=accessibilityHistory.js.map

package/lib/module/ui-components/accessibility/accessibilityHistory.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useRoute","React","useCallback","useContext","useEffect","useMemo","useRef","useForwardedRef","focusAccessibility","useAccessibleAfterTransition","accessibilityFocusHistoryContext","createContext","setRef","getRef","AccessibilityFocusHistoryProvider","children","Provider","refs","route","ref","current","_refs$current$route","value","createElement","useAccessibilityFocusHistory","pressHandler","passedRef","forwardedRef","refObject","historyContext","routeKey","key","previouslyPressed","outsideTransition","isStoredInHistory","onPress","args"],"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.ElementType<any, any> | 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.ElementType<any, 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":"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","ignoreList":[]}

package/lib/module/ui-components/accessibility/accessibilityHistoryWrappers.js

@@ -0,0 +1,40 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+/* eslint-disable no-restricted-imports */
+import React, { forwardRef } from 'react';
+import { Pressable as RNPressable, TouchableHighlight as RNTouchableHighlight, TouchableOpacity as RNTouchableOpacity, TouchableWithoutFeedback as RNTouchableWithoutFeedback } from 'react-native';
+import { useAccessibilityFocusHistory } from './accessibilityHistory';
+const WithAccessibilityFocusHistory = (C, displayName) => {
+  const ComponentWithAccessibilityFocusHistory = ({
+    forwardedRef,
+    onPress: originalOnPress,
+    ...props
+  }) => {
+    const {
+      ref,
+      onPress
+    } = useAccessibilityFocusHistory(originalOnPress !== null && originalOnPress !== void 0 ? originalOnPress : undefined, forwardedRef);
+    // @ts-ignore
+    return /*#__PURE__*/React.createElement(C, _extends({
+      ref: ref,
+      onPress: onPress
+    }, props));
+  };
+  const Forwarded = /*#__PURE__*/forwardRef((props, ref) => /*#__PURE__*/React.createElement(ComponentWithAccessibilityFocusHistory, _extends({}, props, {
+    forwardedRef: ref
+  })));
+  Forwarded.displayName = displayName;
+  return Forwarded;
+};
+
+/**
+ * Wrappers of RN touchable components with accessibilty focus history support
+ */
+export const TouchableOpacity = WithAccessibilityFocusHistory(RNTouchableOpacity, 'TouchableOpacity');
+export const TouchableWithoutFeedback = WithAccessibilityFocusHistory(RNTouchableWithoutFeedback, 'TouchableWithoutFeedback');
+export const TouchableHighlight = WithAccessibilityFocusHistory(RNTouchableHighlight, 'TouchableHighlight');
+export const Pressable = WithAccessibilityFocusHistory(RNPressable, 'Pressable');
+
+/**
+ * Ref types to be used in forwardRef for the wrappers
+ */
+//# sourceMappingURL=accessibilityHistoryWrappers.js.map

package/lib/module/ui-components/accessibility/accessibilityHistoryWrappers.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","Pressable","RNPressable","TouchableHighlight","RNTouchableHighlight","TouchableOpacity","RNTouchableOpacity","TouchableWithoutFeedback","RNTouchableWithoutFeedback","useAccessibilityFocusHistory","WithAccessibilityFocusHistory","C","displayName","ComponentWithAccessibilityFocusHistory","forwardedRef","onPress","originalOnPress","props","ref","undefined","createElement","_extends","Forwarded"],"sources":["accessibilityHistoryWrappers.tsx"],"sourcesContent":["/* eslint-disable no-restricted-imports */\nimport React, { FC, ForwardedRef, forwardRef } from 'react';\nimport {\n  GestureResponderEvent,\n  Pressable as RNPressable,\n  PressableProps,\n  TouchableHighlight as RNTouchableHighlight,\n  TouchableHighlightProps,\n  TouchableOpacity as RNTouchableOpacity,\n  TouchableOpacityProps,\n  TouchableWithoutFeedback as RNTouchableWithoutFeedback,\n  TouchableWithoutFeedbackProps,\n  View,\n} from 'react-native';\n\nimport { useAccessibilityFocusHistory } from './accessibilityHistory';\n\ntype RNOnPress = (event: GestureResponderEvent) => void;\ninterface OnPressProps {\n  onPress?: RNOnPress | null;\n}\n\nconst WithAccessibilityFocusHistory = <ComponentProps extends OnPressProps, RefType extends React.ElementType<any, any>>(\n  C: React.ComponentType<ComponentProps>,\n  displayName: string,\n) => {\n  type ForwardedProps = ComponentProps & {\n    forwardedRef: ForwardedRef<RefType>;\n  };\n\n  const ComponentWithAccessibilityFocusHistory: FC<ForwardedProps> = ({\n    forwardedRef,\n    onPress: originalOnPress,\n    ...props\n  }) => {\n    const { ref, onPress } = useAccessibilityFocusHistory<RefType, RNOnPress>(\n      originalOnPress ?? undefined,\n      forwardedRef,\n    );\n    // @ts-ignore\n    return <C ref={ref} onPress={onPress} {...props} />;\n  };\n\n  const Forwarded = forwardRef<RefType, ComponentProps>((props, ref) => (\n    <ComponentWithAccessibilityFocusHistory {...props} forwardedRef={ref} />\n  ));\n  Forwarded.displayName = displayName;\n\n  return Forwarded;\n};\n\n/**\n * Wrappers of RN touchable components with accessibilty focus history support\n */\nexport const TouchableOpacity = WithAccessibilityFocusHistory<TouchableOpacityProps, typeof RNTouchableOpacity>(\n  RNTouchableOpacity,\n  'TouchableOpacity',\n);\nexport const TouchableWithoutFeedback = WithAccessibilityFocusHistory<\n  TouchableWithoutFeedbackProps,\n  RNTouchableWithoutFeedback\n>(RNTouchableWithoutFeedback, 'TouchableWithoutFeedback');\nexport const TouchableHighlight = WithAccessibilityFocusHistory<TouchableHighlightProps, typeof RNTouchableHighlight>(\n  RNTouchableHighlight,\n  'TouchableHighlight',\n);\nexport const Pressable = WithAccessibilityFocusHistory<PressableProps, View>(RNPressable, 'Pressable');\n\ntype WrapperRefType<C extends React.ForwardRefExoticComponent<React.RefAttributes<any>>> =\n  C extends React.ForwardRefExoticComponent<React.RefAttributes<infer Ref>> ? Ref : never;\n\n/**\n * Ref types to be used in forwardRef for the wrappers\n */\nexport type TouchableOpacityRef = WrapperRefType<typeof TouchableOpacity>;\nexport type TouchableWithoutFeedbackRef = WrapperRefType<typeof TouchableWithoutFeedback>;\nexport type TouchableHighlightRef = WrapperRefType<typeof TouchableHighlight>;\nexport type PressableRef = WrapperRefType<typeof Pressable>;\n"],"mappings":";AAAA;AACA,OAAOA,KAAK,IAAsBC,UAAU,QAAQ,OAAO;AAC3D,SAEEC,SAAS,IAAIC,WAAW,EAExBC,kBAAkB,IAAIC,oBAAoB,EAE1CC,gBAAgB,IAAIC,kBAAkB,EAEtCC,wBAAwB,IAAIC,0BAA0B,QAGjD,cAAc;AAErB,SAASC,4BAA4B,QAAQ,wBAAwB;AAOrE,MAAMC,6BAA6B,GAAGA,CACpCC,CAAsC,EACtCC,WAAmB,KAChB;EAKH,MAAMC,sCAA0D,GAAGA,CAAC;IAClEC,YAAY;IACZC,OAAO,EAAEC,eAAe;IACxB,GAAGC;EACL,CAAC,KAAK;IACJ,MAAM;MAAEC,GAAG;MAAEH;IAAQ,CAAC,GAAGN,4BAA4B,CACnDO,eAAe,aAAfA,eAAe,cAAfA,eAAe,GAAIG,SAAS,EAC5BL,YACF,CAAC;IACD;IACA,oBAAOf,KAAA,CAAAqB,aAAA,CAACT,CAAC,EAAAU,QAAA;MAACH,GAAG,EAAEA,GAAI;MAACH,OAAO,EAAEA;IAAQ,GAAKE,KAAK,CAAG,CAAC;EACrD,CAAC;EAED,MAAMK,SAAS,gBAAGtB,UAAU,CAA0B,CAACiB,KAAK,EAAEC,GAAG,kBAC/DnB,KAAA,CAAAqB,aAAA,CAACP,sCAAsC,EAAAQ,QAAA,KAAKJ,KAAK;IAAEH,YAAY,EAAEI;EAAI,EAAE,CACxE,CAAC;EACFI,SAAS,CAACV,WAAW,GAAGA,WAAW;EAEnC,OAAOU,SAAS;AAClB,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMjB,gBAAgB,GAAGK,6BAA6B,CAC3DJ,kBAAkB,EAClB,kBACF,CAAC;AACD,OAAO,MAAMC,wBAAwB,GAAGG,6BAA6B,CAGnEF,0BAA0B,EAAE,0BAA0B,CAAC;AACzD,OAAO,MAAML,kBAAkB,GAAGO,6BAA6B,CAC7DN,oBAAoB,EACpB,oBACF,CAAC;AACD,OAAO,MAAMH,SAAS,GAAGS,6BAA6B,CAAuBR,WAAW,EAAE,WAAW,CAAC;;AAKtG;AACA;AACA","ignoreList":[]}

package/lib/module/ui-components/accessibility/accessibilityLanguage.js

@@ -0,0 +1,51 @@
+import React, { useContext, useMemo } from 'react';
+import { getAccessibilityLanguageFile } from './locale';
+const AccessibilityLanguageContext = /*#__PURE__*/React.createContext(undefined);
+const Provider = AccessibilityLanguageContext.Provider;
+
+/**
+ * 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 const AccessibilityLanguageProvider = ({
+  language,
+  overrides,
+  children
+}) => {
+  const translate = useMemo(() => {
+    if (typeof overrides === 'function') {
+      return overrides;
+    }
+    const accessibilityFile = getAccessibilityLanguageFile(language, overrides);
+    return (entryKey, params) => {
+      let translation = accessibilityFile[entryKey];
+
+      // replace params
+      if (translation && params) {
+        Object.entries(params).forEach(([key, value]) => {
+          translation = translation.replace(new RegExp(`{${key}}`, 'g'), String(value));
+        });
+      }
+      return translation;
+    };
+  }, [language, overrides]);
+  return /*#__PURE__*/React.createElement(Provider, {
+    value: translate
+  }, children);
+};
+
+/**
+ * Access accessibility language translations
+ * @note This needs to be used inside {@link AccessibilityLanguageProvider} context
+ */
+export const useAccessibilityTranslation = () => {
+  const translate = useContext(AccessibilityLanguageContext);
+
+  // check context provided
+  if (!translate) {
+    throw new Error('Accessibility Language not provided!, wrap your components in the AccessibilityLanguageProvider');
+  }
+  return translate;
+};
+//# sourceMappingURL=accessibilityLanguage.js.map

package/lib/module/ui-components/accessibility/accessibilityLanguage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","useMemo","getAccessibilityLanguageFile","AccessibilityLanguageContext","createContext","undefined","Provider","AccessibilityLanguageProvider","language","overrides","children","translate","accessibilityFile","entryKey","params","translation","Object","entries","forEach","key","value","replace","RegExp","String","createElement","useAccessibilityTranslation","Error"],"sources":["accessibilityLanguage.tsx"],"sourcesContent":["import React, { FC, PropsWithChildren, useContext, useMemo } from 'react';\n\nimport { AccessibilityLanguageFile, getAccessibilityLanguageFile, SupportedAccessibilityLanguage } from './locale';\n\nexport type AccessibilityLanguageFileEntryKey = keyof AccessibilityLanguageFile;\ntype AccessibilityLanguageTranslate = (\n  entryKey: AccessibilityLanguageFileEntryKey,\n  params?: Record<string, string | number>,\n) => string;\n\nconst AccessibilityLanguageContext = React.createContext<AccessibilityLanguageTranslate | undefined>(undefined);\n\nexport interface AccessibilityLanguageProviderProps {\n  language: SupportedAccessibilityLanguage;\n  overrides?: Partial<AccessibilityLanguageFile> | AccessibilityLanguageTranslate;\n}\n\nconst Provider = AccessibilityLanguageContext.Provider;\n\n/**\n * Adds app support for accessibility language\n * @param {SupportedAccessibilityLanguage} language Currenty selected language of the app\n * @param {Object} overrides _(optional)_ Custom overrides for specific entries\n */\nexport const AccessibilityLanguageProvider: FC<PropsWithChildren<AccessibilityLanguageProviderProps>> = ({\n  language,\n  overrides,\n  children,\n}) => {\n  const translate = useMemo<AccessibilityLanguageTranslate>(() => {\n    if (typeof overrides === 'function') {\n      return overrides;\n    }\n\n    const accessibilityFile = getAccessibilityLanguageFile(language, overrides);\n    return (entryKey, params) => {\n      let translation = accessibilityFile[entryKey];\n\n      // replace params\n      if (translation && params) {\n        Object.entries(params).forEach(([key, value]) => {\n          translation = translation.replace(new RegExp(`{${key}}`, 'g'), String(value));\n        });\n      }\n\n      return translation;\n    };\n  }, [language, overrides]);\n\n  return <Provider value={translate}>{children}</Provider>;\n};\n\n/**\n * Access accessibility language translations\n * @note This needs to be used inside {@link AccessibilityLanguageProvider} context\n */\nexport const useAccessibilityTranslation = () => {\n  const translate = useContext(AccessibilityLanguageContext);\n\n  // check context provided\n  if (!translate) {\n    throw new Error('Accessibility Language not provided!, wrap your components in the AccessibilityLanguageProvider');\n  }\n\n  return translate;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAA2BC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAEzE,SAAoCC,4BAA4B,QAAwC,UAAU;AAQlH,MAAMC,4BAA4B,gBAAGJ,KAAK,CAACK,aAAa,CAA6CC,SAAS,CAAC;AAO/G,MAAMC,QAAQ,GAAGH,4BAA4B,CAACG,QAAQ;;AAEtD;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,6BAAwF,GAAGA,CAAC;EACvGC,QAAQ;EACRC,SAAS;EACTC;AACF,CAAC,KAAK;EACJ,MAAMC,SAAS,GAAGV,OAAO,CAAiC,MAAM;IAC9D,IAAI,OAAOQ,SAAS,KAAK,UAAU,EAAE;MACnC,OAAOA,SAAS;IAClB;IAEA,MAAMG,iBAAiB,GAAGV,4BAA4B,CAACM,QAAQ,EAAEC,SAAS,CAAC;IAC3E,OAAO,CAACI,QAAQ,EAAEC,MAAM,KAAK;MAC3B,IAAIC,WAAW,GAAGH,iBAAiB,CAACC,QAAQ,CAAC;;MAE7C;MACA,IAAIE,WAAW,IAAID,MAAM,EAAE;QACzBE,MAAM,CAACC,OAAO,CAACH,MAAM,CAAC,CAACI,OAAO,CAAC,CAAC,CAACC,GAAG,EAAEC,KAAK,CAAC,KAAK;UAC/CL,WAAW,GAAGA,WAAW,CAACM,OAAO,CAAC,IAAIC,MAAM,CAAC,IAAIH,GAAG,GAAG,EAAE,GAAG,CAAC,EAAEI,MAAM,CAACH,KAAK,CAAC,CAAC;QAC/E,CAAC,CAAC;MACJ;MAEA,OAAOL,WAAW;IACpB,CAAC;EACH,CAAC,EAAE,CAACP,QAAQ,EAAEC,SAAS,CAAC,CAAC;EAEzB,oBAAOV,KAAA,CAAAyB,aAAA,CAAClB,QAAQ;IAACc,KAAK,EAAET;EAAU,GAAED,QAAmB,CAAC;AAC1D,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMe,2BAA2B,GAAGA,CAAA,KAAM;EAC/C,MAAMd,SAAS,GAAGX,UAAU,CAACG,4BAA4B,CAAC;;EAE1D;EACA,IAAI,CAACQ,SAAS,EAAE;IACd,MAAM,IAAIe,KAAK,CAAC,iGAAiG,CAAC;EACpH;EAEA,OAAOf,SAAS;AAClB,CAAC","ignoreList":[]}

package/lib/module/ui-components/accessibility/index.js

@@ -0,0 +1,8 @@
+import { focusAccessibility, setAccessibilityTextTransformer, transformAccessibilityText, useAccessibilityAnnouncement, useAccessibilityAnnouncementCumulative, useAccessibilityFocus, useAccessibleAfterTransition, useIsOutsideTransition } from './accessibility';
+import { AccessibilityFocusHistoryProvider, useAccessibilityFocusHistory } from './accessibilityHistory';
+import { AccessibilityLanguageProvider } from './accessibilityLanguage';
+// @ts-ignore
+
+export * from './accessibilityHistoryWrappers';
+export { AccessibilityFocusHistoryProvider, AccessibilityLanguageProvider, focusAccessibility, setAccessibilityTextTransformer, transformAccessibilityText, useAccessibilityAnnouncement, useAccessibilityAnnouncementCumulative, useAccessibilityFocus, useAccessibilityFocusHistory, useAccessibleAfterTransition, useIsOutsideTransition };
+//# sourceMappingURL=index.js.map

package/lib/module/ui-components/accessibility/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["focusAccessibility","setAccessibilityTextTransformer","transformAccessibilityText","useAccessibilityAnnouncement","useAccessibilityAnnouncementCumulative","useAccessibilityFocus","useAccessibleAfterTransition","useIsOutsideTransition","AccessibilityFocusHistoryProvider","useAccessibilityFocusHistory","AccessibilityLanguageProvider"],"sources":["index.ts"],"sourcesContent":["import type { AccessibilityTextTransformer } from './accessibility';\nimport {\n  focusAccessibility,\n  setAccessibilityTextTransformer,\n  transformAccessibilityText,\n  useAccessibilityAnnouncement,\n  useAccessibilityAnnouncementCumulative,\n  useAccessibilityFocus,\n  useAccessibleAfterTransition,\n  useIsOutsideTransition,\n} from './accessibility';\nimport { AccessibilityFocusHistoryProvider, useAccessibilityFocusHistory } from './accessibilityHistory';\nimport type { AccessibilityLanguageProviderProps } from './accessibilityLanguage';\nimport { AccessibilityLanguageProvider } from './accessibilityLanguage';\n// @ts-ignore\nimport type { AccessibilityLanguageFile, SupportedAccessibilityLanguage } from './locale';\n\nexport * from './accessibilityHistoryWrappers';\n\nexport {\n  AccessibilityFocusHistoryProvider,\n  AccessibilityLanguageFile,\n  AccessibilityLanguageProvider,\n  AccessibilityLanguageProviderProps,\n  AccessibilityTextTransformer,\n  focusAccessibility,\n  setAccessibilityTextTransformer,\n  SupportedAccessibilityLanguage,\n  transformAccessibilityText,\n  useAccessibilityAnnouncement,\n  useAccessibilityAnnouncementCumulative,\n  useAccessibilityFocus,\n  useAccessibilityFocusHistory,\n  useAccessibleAfterTransition,\n  useIsOutsideTransition,\n};\n"],"mappings":"AACA,SACEA,kBAAkB,EAClBC,+BAA+B,EAC/BC,0BAA0B,EAC1BC,4BAA4B,EAC5BC,sCAAsC,EACtCC,qBAAqB,EACrBC,4BAA4B,EAC5BC,sBAAsB,QACjB,iBAAiB;AACxB,SAASC,iCAAiC,EAAEC,4BAA4B,QAAQ,wBAAwB;AAExG,SAASC,6BAA6B,QAAQ,yBAAyB;AACvE;;AAGA,cAAc,gCAAgC;AAE9C,SACEF,iCAAiC,EAEjCE,6BAA6B,EAG7BV,kBAAkB,EAClBC,+BAA+B,EAE/BC,0BAA0B,EAC1BC,4BAA4B,EAC5BC,sCAAsC,EACtCC,qBAAqB,EACrBI,4BAA4B,EAC5BH,4BAA4B,EAC5BC,sBAAsB","ignoreList":[]}

package/lib/module/ui-components/accessibility/locale/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["de","en","fr","it","defaultLanguageFiles","getAccessibilityLanguageFile","language","overrides","Object","assign"],"sources":["index.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport fr from './fr.json';\nimport it from './it.json';\n\nexport const defaultLanguageFiles = { en, de, fr, it };\n\nexport type SupportedAccessibilityLanguage = keyof typeof defaultLanguageFiles;\nexport type AccessibilityLanguageFile = typeof en;\n\nexport const getAccessibilityLanguageFile = (\n  language: SupportedAccessibilityLanguage,\n  overrides?: Partial<AccessibilityLanguageFile>,\n): AccessibilityLanguageFile =>\n  Object.assign<{}, AccessibilityLanguageFile, Partial<AccessibilityLanguageFile> | undefined>(\n    {},\n    defaultLanguageFiles[language],\n    overrides,\n  );\n"],"mappings":"AAAA,OAAOA,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAE1B,OAAO,MAAMC,oBAAoB,GAAG;EAAEH,EAAE;EAAED,EAAE;EAAEE,EAAE;EAAEC;AAAG,CAAC;AAKtD,OAAO,MAAME,4BAA4B,GAAGA,CAC1CC,QAAwC,EACxCC,SAA8C,KAE9CC,MAAM,CAACC,MAAM,CACX,CAAC,CAAC,EACFL,oBAAoB,CAACE,QAAQ,CAAC,EAC9BC,SACF,CAAC","ignoreList":[]}

package/lib/module/ui-components/accessibility/locale.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["defaultLanguageFiles","it","mainFile","en","getNumberOfEntries","file","Object","keys","length","forEach","lang","checkedFile","expect","toBe","entryKey","toContain"],"sources":["locale.test.ts"],"sourcesContent":["import { AccessibilityLanguageFile, defaultLanguageFiles, SupportedAccessibilityLanguage } from './locale';\n\nit('language files consistency', () => {\n  const mainFile: AccessibilityLanguageFile = defaultLanguageFiles.en;\n  const getNumberOfEntries = (file: AccessibilityLanguageFile) => Object.keys(file).length;\n\n  Object.keys(defaultLanguageFiles).forEach((lang) => {\n    const checkedFile: AccessibilityLanguageFile = defaultLanguageFiles[lang as SupportedAccessibilityLanguage];\n\n    expect(getNumberOfEntries(checkedFile)).toBe(getNumberOfEntries(mainFile));\n\n    Object.keys(checkedFile).forEach((entryKey) => {\n      expect(Object.keys(mainFile)).toContain(entryKey);\n    });\n  });\n});\n"],"mappings":"AAAA,SAAoCA,oBAAoB,QAAwC,UAAU;AAE1GC,EAAE,CAAC,4BAA4B,EAAE,MAAM;EACrC,MAAMC,QAAmC,GAAGF,oBAAoB,CAACG,EAAE;EACnE,MAAMC,kBAAkB,GAAIC,IAA+B,IAAKC,MAAM,CAACC,IAAI,CAACF,IAAI,CAAC,CAACG,MAAM;EAExFF,MAAM,CAACC,IAAI,CAACP,oBAAoB,CAAC,CAACS,OAAO,CAAEC,IAAI,IAAK;IAClD,MAAMC,WAAsC,GAAGX,oBAAoB,CAACU,IAAI,CAAmC;IAE3GE,MAAM,CAACR,kBAAkB,CAACO,WAAW,CAAC,CAAC,CAACE,IAAI,CAACT,kBAAkB,CAACF,QAAQ,CAAC,CAAC;IAE1EI,MAAM,CAACC,IAAI,CAACI,WAAW,CAAC,CAACF,OAAO,CAAEK,QAAQ,IAAK;MAC7CF,MAAM,CAACN,MAAM,CAACC,IAAI,CAACL,QAAQ,CAAC,CAAC,CAACa,SAAS,CAACD,QAAQ,CAAC;IACnD,CAAC,CAAC;EACJ,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

package/lib/module/ui-components/action-modal/ActionModal.js

@@ -0,0 +1,43 @@
+import React from 'react';
+import { Modal, StyleSheet, View } from 'react-native';
+import { useAppColorScheme } from '../theme';
+const styles = StyleSheet.create({
+  background: {
+    height: '100%',
+    width: '100%'
+  },
+  contentContainer: {
+    borderTopLeftRadius: 20,
+    borderTopRightRadius: 20,
+    marginTop: 'auto',
+    width: '100%'
+  }
+});
+const ActionModal = ({
+  children,
+  contentStyle,
+  style,
+  visible,
+  testID
+}) => {
+  const colorScheme = useAppColorScheme();
+  const overlay = 'rgba(0, 0, 0, 0.5)';
+  return /*#__PURE__*/React.createElement(Modal, {
+    animationType: "fade",
+    statusBarTranslucent: true,
+    style: style,
+    transparent: true,
+    visible: visible
+  }, /*#__PURE__*/React.createElement(View, {
+    testID: testID,
+    style: [styles.background, {
+      backgroundColor: overlay
+    }]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.contentContainer, {
+      backgroundColor: colorScheme.white
+    }, contentStyle]
+  }, children)));
+};
+export default ActionModal;
+//# sourceMappingURL=ActionModal.js.map

package/lib/module/ui-components/action-modal/ActionModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Modal","StyleSheet","View","useAppColorScheme","styles","create","background","height","width","contentContainer","borderTopLeftRadius","borderTopRightRadius","marginTop","ActionModal","children","contentStyle","style","visible","testID","colorScheme","overlay","createElement","animationType","statusBarTranslucent","transparent","backgroundColor","white"],"sources":["ActionModal.tsx"],"sourcesContent":["import React, { FunctionComponent, PropsWithChildren } from 'react';\nimport { Modal, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { useAppColorScheme } from '../theme';\n\ninterface Props {\n  contentStyle?: StyleProp<ViewStyle>;\n  style?: StyleProp<ViewStyle>;\n  visible: boolean;\n  testID?: string;\n}\n\nconst styles = StyleSheet.create({\n  background: {\n    height: '100%',\n    width: '100%',\n  },\n  contentContainer: {\n    borderTopLeftRadius: 20,\n    borderTopRightRadius: 20,\n    marginTop: 'auto',\n    width: '100%',\n  },\n});\n\nconst ActionModal: FunctionComponent<PropsWithChildren<Props>> = ({\n  children,\n  contentStyle,\n  style,\n  visible,\n  testID,\n}) => {\n  const colorScheme = useAppColorScheme();\n  const overlay = 'rgba(0, 0, 0, 0.5)';\n\n  return (\n    <Modal animationType=\"fade\" statusBarTranslucent style={style} transparent visible={visible}>\n      <View testID={testID} style={[styles.background, { backgroundColor: overlay }]}>\n        <View style={[styles.contentContainer, { backgroundColor: colorScheme.white }, contentStyle]}>{children}</View>\n      </View>\n    </Modal>\n  );\n};\n\nexport default ActionModal;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAgD,OAAO;AACnE,SAASC,KAAK,EAAaC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAE5E,SAASC,iBAAiB,QAAQ,UAAU;AAS5C,MAAMC,MAAM,GAAGH,UAAU,CAACI,MAAM,CAAC;EAC/BC,UAAU,EAAE;IACVC,MAAM,EAAE,MAAM;IACdC,KAAK,EAAE;EACT,CAAC;EACDC,gBAAgB,EAAE;IAChBC,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE,EAAE;IACxBC,SAAS,EAAE,MAAM;IACjBJ,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,MAAMK,WAAwD,GAAGA,CAAC;EAChEC,QAAQ;EACRC,YAAY;EACZC,KAAK;EACLC,OAAO;EACPC;AACF,CAAC,KAAK;EACJ,MAAMC,WAAW,GAAGhB,iBAAiB,CAAC,CAAC;EACvC,MAAMiB,OAAO,GAAG,oBAAoB;EAEpC,oBACErB,KAAA,CAAAsB,aAAA,CAACrB,KAAK;IAACsB,aAAa,EAAC,MAAM;IAACC,oBAAoB;IAACP,KAAK,EAAEA,KAAM;IAACQ,WAAW;IAACP,OAAO,EAAEA;EAAQ,gBAC1FlB,KAAA,CAAAsB,aAAA,CAACnB,IAAI;IAACgB,MAAM,EAAEA,MAAO;IAACF,KAAK,EAAE,CAACZ,MAAM,CAACE,UAAU,EAAE;MAAEmB,eAAe,EAAEL;IAAQ,CAAC;EAAE,gBAC7ErB,KAAA,CAAAsB,aAAA,CAACnB,IAAI;IAACc,KAAK,EAAE,CAACZ,MAAM,CAACK,gBAAgB,EAAE;MAAEgB,eAAe,EAAEN,WAAW,CAACO;IAAM,CAAC,EAAEX,YAAY;EAAE,GAAED,QAAe,CAC1G,CACD,CAAC;AAEZ,CAAC;AAED,eAAeD,WAAW","ignoreList":[]}

package/lib/module/ui-components/action-modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ActionModal"],"sources":["index.ts"],"sourcesContent":["import ActionModal from './ActionModal';\n\nexport { ActionModal };\n"],"mappings":"AAAA,OAAOA,WAAW,MAAM,eAAe;AAEvC,SAASA,WAAW","ignoreList":[]}

package/lib/module/ui-components/activity-indicator/activity-indicator.js

@@ -0,0 +1,23 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import LoaderView, { LoaderViewState } from '../loader/loader';
+const ActivityIndicator = ({
+  animate = true,
+  style,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement(View, _extends({}, props, {
+    style: [styles.wrapper, style]
+  }), /*#__PURE__*/React.createElement(LoaderView, {
+    animate: animate,
+    state: LoaderViewState.InProgress
+  }));
+};
+const styles = StyleSheet.create({
+  wrapper: {
+    alignItems: 'center'
+  }
+});
+export default ActivityIndicator;
+//# sourceMappingURL=activity-indicator.js.map

package/lib/module/ui-components/activity-indicator/activity-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","LoaderView","LoaderViewState","ActivityIndicator","animate","style","props","createElement","_extends","styles","wrapper","state","InProgress","create","alignItems"],"sources":["activity-indicator.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleSheet, View } from 'react-native';\nimport { ViewProps } from 'react-native-svg/lib/typescript/fabric/utils';\n\nimport LoaderView, { LoaderViewState } from '../loader/loader';\n\ntype ActivityIndicatorProps = ViewProps & {\n  animate?: boolean;\n};\n\nconst ActivityIndicator: FC<ActivityIndicatorProps> = ({ animate = true, style, ...props }) => {\n  return (\n    <View {...props} style={[styles.wrapper, style]}>\n      <LoaderView animate={animate} state={LoaderViewState.InProgress} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  wrapper: {\n    alignItems: 'center',\n  },\n});\n\nexport default ActivityIndicator;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAc,OAAO;AACjC,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAG/C,OAAOC,UAAU,IAAIC,eAAe,QAAQ,kBAAkB;AAM9D,MAAMC,iBAA6C,GAAGA,CAAC;EAAEC,OAAO,GAAG,IAAI;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,KAAK;EAC7F,oBACER,KAAA,CAAAS,aAAA,CAACP,IAAI,EAAAQ,QAAA,KAAKF,KAAK;IAAED,KAAK,EAAE,CAACI,MAAM,CAACC,OAAO,EAAEL,KAAK;EAAE,iBAC9CP,KAAA,CAAAS,aAAA,CAACN,UAAU;IAACG,OAAO,EAAEA,OAAQ;IAACO,KAAK,EAAET,eAAe,CAACU;EAAW,CAAE,CAC9D,CAAC;AAEX,CAAC;AAED,MAAMH,MAAM,GAAGV,UAAU,CAACc,MAAM,CAAC;EAC/BH,OAAO,EAAE;IACPI,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,eAAeX,iBAAiB","ignoreList":[]}

package/lib/module/ui-components/activity-indicator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ActivityIndicator"],"sources":["index.ts"],"sourcesContent":["import ActivityIndicator from './activity-indicator';\n\nexport { ActivityIndicator };\n"],"mappings":"AAAA,OAAOA,iBAAiB,MAAM,sBAAsB;AAEpD,SAASA,iBAAiB","ignoreList":[]}

package/lib/module/ui-components/blur/blur-view.js

@@ -0,0 +1,66 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import { BlurView as RNBlurView } from '@react-native-community/blur';
+import React, { useMemo } from 'react';
+import { Platform, StyleSheet, View } from 'react-native';
+import { colorWithAlphaComponent } from '../../utils/color';
+import { useAppColorScheme } from '../theme';
+const BACKGROUND_COLOR = {
+  light: 'rgba(255, 255, 255, 0.8)',
+  dark: 'rgba(16, 12, 12, 0.8)',
+  thickMaterialLight: 'rgba(255, 255, 255, 0.95)',
+  thickMaterialDark: 'rgba(16, 12, 12, 0.95)',
+  thinMaterialLight: 'rgba(255, 255, 255, 0.8)',
+  thinMaterialDark: 'rgba(16, 12, 12, 0.8)'
+};
+const BlurView = ({
+  blurAmount = 50,
+  blurStyle,
+  color,
+  darkMode,
+  children,
+  style,
+  ...props
+}) => {
+  const colorScheme = useAppColorScheme();
+  const themeDarkMode = colorScheme.darkMode;
+  const dark = darkMode !== null && darkMode !== void 0 ? darkMode : themeDarkMode;
+  const blurType = useMemo(() => {
+    if (blurStyle === 'header') {
+      return dark ? 'dark' : 'light';
+    } else if (blurStyle === 'soft') {
+      return dark ? 'thinMaterialDark' : 'thinMaterialLight';
+    } else {
+      return dark ? 'thickMaterialDark' : 'thickMaterialLight';
+    }
+  }, [blurStyle, dark]);
+  const backgroundStyle = useMemo(() => {
+    if (blurStyle === 'header' && color === colorScheme.background) {
+      return {
+        backgroundColor: '#00000005'
+      };
+    }
+  }, [blurStyle, color, colorScheme.background]);
+  if (Platform.OS === 'ios') {
+    return /*#__PURE__*/React.createElement(View, _extends({
+      style: [styles.wrapper, backgroundStyle, style]
+    }, props), /*#__PURE__*/React.createElement(RNBlurView, {
+      blurAmount: blurAmount,
+      blurType: blurType,
+      reducedTransparencyFallbackColor: color,
+      style: StyleSheet.absoluteFill
+    }), children);
+  }
+  const backgroundColor = color ? colorWithAlphaComponent(color, 0.9) : BACKGROUND_COLOR[blurType];
+  return /*#__PURE__*/React.createElement(View, _extends({
+    style: [{
+      backgroundColor
+    }, style]
+  }, props), children);
+};
+const styles = StyleSheet.create({
+  wrapper: {
+    overflow: 'hidden'
+  }
+});
+export default BlurView;
+//# sourceMappingURL=blur-view.js.map

package/lib/module/ui-components/blur/blur-view.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BlurView","RNBlurView","React","useMemo","Platform","StyleSheet","View","colorWithAlphaComponent","useAppColorScheme","BACKGROUND_COLOR","light","dark","thickMaterialLight","thickMaterialDark","thinMaterialLight","thinMaterialDark","blurAmount","blurStyle","color","darkMode","children","style","props","colorScheme","themeDarkMode","blurType","backgroundStyle","background","backgroundColor","OS","createElement","_extends","styles","wrapper","reducedTransparencyFallbackColor","absoluteFill","create","overflow"],"sources":["blur-view.tsx"],"sourcesContent":["import { BlurView as RNBlurView, BlurViewProps as RNBlurViewProps } from '@react-native-community/blur';\nimport React, { FC, PropsWithChildren, useMemo } from 'react';\nimport { ColorValue, Platform, StyleSheet, View, ViewProps, ViewStyle } from 'react-native';\n\nimport { colorWithAlphaComponent } from '../../utils/color';\nimport { useAppColorScheme } from '../theme';\n\nexport interface BlurViewProps extends ViewProps {\n  blurAmount?: number;\n  color?: ColorValue;\n  darkMode?: boolean;\n  blurStyle: 'soft' | 'strong' | 'header';\n}\n\nconst BACKGROUND_COLOR = {\n  light: 'rgba(255, 255, 255, 0.8)',\n  dark: 'rgba(16, 12, 12, 0.8)',\n  thickMaterialLight: 'rgba(255, 255, 255, 0.95)',\n  thickMaterialDark: 'rgba(16, 12, 12, 0.95)',\n  thinMaterialLight: 'rgba(255, 255, 255, 0.8)',\n  thinMaterialDark: 'rgba(16, 12, 12, 0.8)',\n};\n\nconst BlurView: FC<PropsWithChildren<BlurViewProps>> = ({\n  blurAmount = 50,\n  blurStyle,\n  color,\n  darkMode,\n  children,\n  style,\n  ...props\n}) => {\n  const colorScheme = useAppColorScheme();\n  const themeDarkMode = colorScheme.darkMode;\n  const dark = darkMode ?? themeDarkMode;\n\n  const blurType: RNBlurViewProps['blurType'] = useMemo(() => {\n    if (blurStyle === 'header') {\n      return dark ? 'dark' : 'light';\n    } else if (blurStyle === 'soft') {\n      return dark ? 'thinMaterialDark' : 'thinMaterialLight';\n    } else {\n      return dark ? 'thickMaterialDark' : 'thickMaterialLight';\n    }\n  }, [blurStyle, dark]);\n\n  const backgroundStyle: ViewStyle | undefined = useMemo(() => {\n    if (blurStyle === 'header' && color === colorScheme.background) {\n      return { backgroundColor: '#00000005' };\n    }\n  }, [blurStyle, color, colorScheme.background]);\n\n  if (Platform.OS === 'ios') {\n    return (\n      <View style={[styles.wrapper, backgroundStyle, style]} {...props}>\n        <RNBlurView\n          blurAmount={blurAmount}\n          blurType={blurType}\n          reducedTransparencyFallbackColor={color as string}\n          style={StyleSheet.absoluteFill}\n        />\n        {children}\n      </View>\n    );\n  }\n\n  const backgroundColor = color ? colorWithAlphaComponent(color, 0.9) : BACKGROUND_COLOR[blurType];\n\n  return (\n    <View style={[{ backgroundColor }, style]} {...props}>\n      {children}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  wrapper: {\n    overflow: 'hidden',\n  },\n});\n\nexport default BlurView;\n"],"mappings":";AAAA,SAASA,QAAQ,IAAIC,UAAU,QAA0C,8BAA8B;AACvG,OAAOC,KAAK,IAA2BC,OAAO,QAAQ,OAAO;AAC7D,SAAqBC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAA8B,cAAc;AAE3F,SAASC,uBAAuB,QAAQ,mBAAmB;AAC3D,SAASC,iBAAiB,QAAQ,UAAU;AAS5C,MAAMC,gBAAgB,GAAG;EACvBC,KAAK,EAAE,0BAA0B;EACjCC,IAAI,EAAE,uBAAuB;EAC7BC,kBAAkB,EAAE,2BAA2B;EAC/CC,iBAAiB,EAAE,wBAAwB;EAC3CC,iBAAiB,EAAE,0BAA0B;EAC7CC,gBAAgB,EAAE;AACpB,CAAC;AAED,MAAMf,QAA8C,GAAGA,CAAC;EACtDgB,UAAU,GAAG,EAAE;EACfC,SAAS;EACTC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,KAAK;EACL,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,WAAW,GAAGf,iBAAiB,CAAC,CAAC;EACvC,MAAMgB,aAAa,GAAGD,WAAW,CAACJ,QAAQ;EAC1C,MAAMR,IAAI,GAAGQ,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIK,aAAa;EAEtC,MAAMC,QAAqC,GAAGtB,OAAO,CAAC,MAAM;IAC1D,IAAIc,SAAS,KAAK,QAAQ,EAAE;MAC1B,OAAON,IAAI,GAAG,MAAM,GAAG,OAAO;IAChC,CAAC,MAAM,IAAIM,SAAS,KAAK,MAAM,EAAE;MAC/B,OAAON,IAAI,GAAG,kBAAkB,GAAG,mBAAmB;IACxD,CAAC,MAAM;MACL,OAAOA,IAAI,GAAG,mBAAmB,GAAG,oBAAoB;IAC1D;EACF,CAAC,EAAE,CAACM,SAAS,EAAEN,IAAI,CAAC,CAAC;EAErB,MAAMe,eAAsC,GAAGvB,OAAO,CAAC,MAAM;IAC3D,IAAIc,SAAS,KAAK,QAAQ,IAAIC,KAAK,KAAKK,WAAW,CAACI,UAAU,EAAE;MAC9D,OAAO;QAAEC,eAAe,EAAE;MAAY,CAAC;IACzC;EACF,CAAC,EAAE,CAACX,SAAS,EAAEC,KAAK,EAAEK,WAAW,CAACI,UAAU,CAAC,CAAC;EAE9C,IAAIvB,QAAQ,CAACyB,EAAE,KAAK,KAAK,EAAE;IACzB,oBACE3B,KAAA,CAAA4B,aAAA,CAACxB,IAAI,EAAAyB,QAAA;MAACV,KAAK,EAAE,CAACW,MAAM,CAACC,OAAO,EAAEP,eAAe,EAAEL,KAAK;IAAE,GAAKC,KAAK,gBAC9DpB,KAAA,CAAA4B,aAAA,CAAC7B,UAAU;MACTe,UAAU,EAAEA,UAAW;MACvBS,QAAQ,EAAEA,QAAS;MACnBS,gCAAgC,EAAEhB,KAAgB;MAClDG,KAAK,EAAEhB,UAAU,CAAC8B;IAAa,CAChC,CAAC,EACDf,QACG,CAAC;EAEX;EAEA,MAAMQ,eAAe,GAAGV,KAAK,GAAGX,uBAAuB,CAACW,KAAK,EAAE,GAAG,CAAC,GAAGT,gBAAgB,CAACgB,QAAQ,CAAC;EAEhG,oBACEvB,KAAA,CAAA4B,aAAA,CAACxB,IAAI,EAAAyB,QAAA;IAACV,KAAK,EAAE,CAAC;MAAEO;IAAgB,CAAC,EAAEP,KAAK;EAAE,GAAKC,KAAK,GACjDF,QACG,CAAC;AAEX,CAAC;AAED,MAAMY,MAAM,GAAG3B,UAAU,CAAC+B,MAAM,CAAC;EAC/BH,OAAO,EAAE;IACPI,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEF,eAAerC,QAAQ","ignoreList":[]}

package/lib/module/ui-components/blur/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BlurView","BlurViewProps"],"sources":["index.ts"],"sourcesContent":["import BlurView, { BlurViewProps } from './blur-view';\n\nexport { BlurView, BlurViewProps };\n"],"mappings":"AAAA,OAAOA,QAAQ,IAAIC,aAAa,QAAQ,aAAa;AAErD,SAASD,QAAQ,EAAEC,aAAa","ignoreList":[]}