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

package/lib/module/ui-components/input/text-input.js

@@ -0,0 +1,184 @@
+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, { forwardRef, useCallback, useEffect, useMemo, useState } from 'react';
+import { Animated, Platform, StyleSheet, TextInput as RNTextInput, useWindowDimensions, View } from 'react-native';
+import { concatTestID } from '../../utils/testID';
+import { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';
+import { ClearInputIcon, DropdownInputIcon } from '../icons/input';
+import font from '../text/font';
+import Typography from '../text/typography';
+import { useAppColorScheme } from '../theme/color-scheme-context';
+
+// difference between font sizes
+const LABEL_SCALE_RATIO = 14 / 12;
+export let TextInputAccessory = /*#__PURE__*/function (TextInputAccessory) {
+  TextInputAccessory["Dropdown"] = "dropdown";
+  TextInputAccessory["Clear"] = "clear";
+  return TextInputAccessory;
+}({});
+const hitSlop = {
+  bottom: 10,
+  left: 10,
+  right: 10,
+  top: 10
+};
+/**
+ * Generic text input component
+ * @see https://www.figma.com/file/Gd0Tj0234hxtl3HMcCJThW/App-Component-Library-(Design)?node-id=3%3A824&t=r7HhHF1rsNLmOBL2-4
+ */
+const TextInput = /*#__PURE__*/forwardRef(({
+  value,
+  label,
+  accessory = TextInputAccessory.Clear,
+  accessoryAccessibilityLabel,
+  onAccessoryPress,
+  onSubmit,
+  onFocus,
+  onBlur,
+  disabled,
+  error,
+  style,
+  placeholder,
+  ...props
+}, ref) => {
+  const colorScheme = useAppColorScheme();
+  const {
+    fontScale
+  } = useWindowDimensions();
+  const [focused, setFocused] = useState(false);
+  const onFocusAction = useCallback(e => {
+    setFocused(true);
+    onFocus === null || onFocus === void 0 || onFocus(e);
+  }, [onFocus]);
+  const onBlurAction = useCallback(e => {
+    setFocused(false);
+    onBlur === null || onBlur === void 0 || onBlur(e);
+  }, [onBlur]);
+  const onSubmitEditing = useCallback(e => onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(e.nativeEvent.text), [onSubmit]);
+  const accessoryIcon = useMemo(() => {
+    switch (accessory) {
+      case TextInputAccessory.Dropdown:
+        return /*#__PURE__*/React.createElement(DropdownInputIcon, null);
+      case TextInputAccessory.Clear:
+        return value && !disabled ? /*#__PURE__*/React.createElement(ClearInputIcon, null) : undefined;
+    }
+  }, [accessory, disabled, value]);
+  const accessoryComponent = accessoryIcon ? /*#__PURE__*/React.createElement(TouchableOpacity, {
+    accessibilityLabel: accessoryAccessibilityLabel,
+    accessibilityRole: "button",
+    accessible: !disabled,
+    disabled: disabled,
+    hitSlop: hitSlop,
+    onPress: onAccessoryPress,
+    testID: concatTestID(props.testID, 'accessoryButton')
+  }, accessoryIcon) : null;
+  const labelPosition = focused || value ? 0 : 1;
+  const [labelAnimation] = useState(() => new Animated.Value(labelPosition));
+  useEffect(() => {
+    Animated.timing(labelAnimation, {
+      duration: 200,
+      toValue: labelPosition,
+      useNativeDriver: true
+    }).start();
+  }, [labelAnimation, labelPosition]);
+  const [labelLayout, setLabelLayout] = useState();
+  const onLabelLayout = useCallback(event => setLabelLayout(event.nativeEvent.layout), []);
+  const accessibilityLabel = disabled ? undefined : label;
+  const inputStyle = {
+    height: Math.min(2, fontScale) * 24
+  };
+  const input = /*#__PURE__*/React.createElement(RNTextInput, _extends({
+    accessibilityLabel: accessibilityLabel,
+    defaultValue: value || '',
+    editable: !disabled,
+    hitSlop: hitSlop,
+    maxFontSizeMultiplier: 2,
+    numberOfLines: 1,
+    onBlur: onBlurAction,
+    onFocus: onFocusAction,
+    onSubmitEditing: onSubmitEditing,
+    placeholder: focused ? placeholder : undefined,
+    ref: ref,
+    returnKeyType: "next",
+    style: [font.regular, styles.inputText, Platform.OS === 'android' ? styles.inputAndroid : styles.inputIOS, {
+      color: colorScheme.text
+    }],
+    textAlignVertical: "center"
+    // https://github.com/facebook/react-native/issues/17530
+    ,
+    underlineColorAndroid: "#00000000",
+    value: value
+  }, props));
+  return /*#__PURE__*/React.createElement(View, {
+    style: style
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    onLayout: onLabelLayout,
+    style: labelLayout ? {
+      transform: [{
+        // move label into the position of placeholder
+        translateY: labelAnimation.interpolate({
+          inputRange: [0, 1],
+          outputRange: [0, labelLayout.height + 4]
+        })
+      }, {
+        // compensate scale position in X direction
+        translateX: labelAnimation.interpolate({
+          inputRange: [0, 1],
+          outputRange: [0, labelLayout.width * (LABEL_SCALE_RATIO - 1) / 2]
+        })
+      }, {
+        // scale label into the size of placeholder
+        scale: labelAnimation.interpolate({
+          inputRange: [0, 1],
+          outputRange: [1, LABEL_SCALE_RATIO]
+        })
+      }]
+    } : undefined
+  }, /*#__PURE__*/React.createElement(Typography, {
+    accessible: false,
+    color: 'rgba(0, 0, 0, 0.50)',
+    preset: "s"
+  }, label)), /*#__PURE__*/React.createElement(View, {
+    style: [styles.inputRow, {
+      borderColor: focused ? colorScheme.accent : colorScheme.grayDark
+    }]
+  }, Platform.OS === 'android' ? /*#__PURE__*/React.createElement(View, {
+    style: [styles.inputWrapperAndroid, inputStyle]
+  }, input) : input, accessoryComponent), error ? /*#__PURE__*/React.createElement(Typography, {
+    color: colorScheme.error,
+    preset: "s"
+  }, error) : null);
+});
+const styles = StyleSheet.create({
+  inputAndroid: {
+    fontSize: 14,
+    left: 0,
+    letterSpacing: 0.2,
+    lineHeight: 22,
+    position: 'absolute',
+    right: 0
+  },
+  inputIOS: {
+    flex: 1
+  },
+  inputRow: {
+    alignItems: 'center',
+    borderBottomWidth: 1,
+    flexDirection: 'row',
+    marginBottom: 4,
+    paddingVertical: 4
+  },
+  inputText: {
+    fontSize: 14,
+    letterSpacing: 0.2,
+    lineHeight: Platform.OS === 'android' ? 22 : 20,
+    minHeight: 24
+  },
+  inputWrapperAndroid: {
+    flex: 1,
+    justifyContent: 'center',
+    overflow: 'visible'
+  }
+});
+TextInput.displayName = 'Input';
+export default TextInput;
+//# sourceMappingURL=text-input.js.map

package/lib/module/ui-components/input/text-input.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useCallback","useEffect","useMemo","useState","Animated","Platform","StyleSheet","TextInput","RNTextInput","useWindowDimensions","View","concatTestID","TouchableOpacity","ClearInputIcon","DropdownInputIcon","font","Typography","useAppColorScheme","LABEL_SCALE_RATIO","TextInputAccessory","hitSlop","bottom","left","right","top","value","label","accessory","Clear","accessoryAccessibilityLabel","onAccessoryPress","onSubmit","onFocus","onBlur","disabled","error","style","placeholder","props","ref","colorScheme","fontScale","focused","setFocused","onFocusAction","e","onBlurAction","onSubmitEditing","nativeEvent","text","accessoryIcon","Dropdown","createElement","undefined","accessoryComponent","accessibilityLabel","accessibilityRole","accessible","onPress","testID","labelPosition","labelAnimation","Value","timing","duration","toValue","useNativeDriver","start","labelLayout","setLabelLayout","onLabelLayout","event","layout","inputStyle","height","Math","min","input","_extends","defaultValue","editable","maxFontSizeMultiplier","numberOfLines","returnKeyType","regular","styles","inputText","OS","inputAndroid","inputIOS","color","textAlignVertical","underlineColorAndroid","onLayout","transform","translateY","interpolate","inputRange","outputRange","translateX","width","scale","preset","inputRow","borderColor","accent","grayDark","inputWrapperAndroid","create","fontSize","letterSpacing","lineHeight","position","flex","alignItems","borderBottomWidth","flexDirection","marginBottom","paddingVertical","minHeight","justifyContent","overflow","displayName"],"sources":["text-input.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n  Animated,\n  Insets,\n  LayoutChangeEvent,\n  LayoutRectangle,\n  NativeSyntheticEvent,\n  Platform,\n  StyleProp,\n  StyleSheet,\n  TextInput as RNTextInput,\n  TextInputFocusEventData as RNTextInputFocusEventData,\n  TextInputProps as RNTextInputProps,\n  TextInputSubmitEditingEventData as RNTextInputSubmitEditingEventData,\n  useWindowDimensions,\n  View,\n  ViewStyle,\n} from 'react-native';\n\nimport { concatTestID } from '../../utils/testID';\nimport { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';\nimport { ClearInputIcon, DropdownInputIcon } from '../icons/input';\nimport font from '../text/font';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\n// difference between font sizes\nconst LABEL_SCALE_RATIO = 14 / 12;\n\nexport enum TextInputAccessory {\n  Dropdown = 'dropdown',\n  Clear = 'clear',\n}\n\nconst hitSlop: Insets = { bottom: 10, left: 10, right: 10, top: 10 };\n\nexport type TextInputProps = Omit<RNTextInputProps, 'editable' | 'onSubmitEditing' | 'style'> & {\n  accessory?: TextInputAccessory;\n  accessoryAccessibilityLabel?: string;\n  disabled?: boolean;\n  error?: string;\n  label: string;\n  onAccessoryPress?: () => void;\n  onSubmit?: (value: string) => void;\n  style?: StyleProp<ViewStyle>;\n};\n\n/**\n * Generic text input component\n * @see https://www.figma.com/file/Gd0Tj0234hxtl3HMcCJThW/App-Component-Library-(Design)?node-id=3%3A824&t=r7HhHF1rsNLmOBL2-4\n */\nconst TextInput = forwardRef<RNTextInput, TextInputProps>(\n  (\n    {\n      value,\n      label,\n      accessory = TextInputAccessory.Clear,\n      accessoryAccessibilityLabel,\n      onAccessoryPress,\n      onSubmit,\n      onFocus,\n      onBlur,\n      disabled,\n      error,\n      style,\n      placeholder,\n      ...props\n    },\n    ref,\n  ) => {\n    const colorScheme = useAppColorScheme();\n    const { fontScale } = useWindowDimensions();\n\n    const [focused, setFocused] = useState(false);\n    const onFocusAction = useCallback(\n      (e: NativeSyntheticEvent<RNTextInputFocusEventData>) => {\n        setFocused(true);\n        onFocus?.(e);\n      },\n      [onFocus],\n    );\n    const onBlurAction = useCallback(\n      (e: NativeSyntheticEvent<RNTextInputFocusEventData>) => {\n        setFocused(false);\n        onBlur?.(e);\n      },\n      [onBlur],\n    );\n\n    const onSubmitEditing = useCallback(\n      (e: NativeSyntheticEvent<RNTextInputSubmitEditingEventData>) => onSubmit?.(e.nativeEvent.text),\n      [onSubmit],\n    );\n\n    const accessoryIcon = useMemo(() => {\n      switch (accessory) {\n        case TextInputAccessory.Dropdown:\n          return <DropdownInputIcon />;\n        case TextInputAccessory.Clear:\n          return value && !disabled ? <ClearInputIcon /> : undefined;\n      }\n    }, [accessory, disabled, value]);\n\n    const accessoryComponent = accessoryIcon ? (\n      <TouchableOpacity\n        accessibilityLabel={accessoryAccessibilityLabel}\n        accessibilityRole=\"button\"\n        accessible={!disabled}\n        disabled={disabled}\n        hitSlop={hitSlop}\n        onPress={onAccessoryPress}\n        testID={concatTestID(props.testID, 'accessoryButton')}>\n        {accessoryIcon}\n      </TouchableOpacity>\n    ) : null;\n\n    const labelPosition = focused || value ? 0 : 1;\n    const [labelAnimation] = useState<Animated.Value>(() => new Animated.Value(labelPosition));\n    useEffect(() => {\n      Animated.timing(labelAnimation, {\n        duration: 200,\n        toValue: labelPosition,\n        useNativeDriver: true,\n      }).start();\n    }, [labelAnimation, labelPosition]);\n\n    const [labelLayout, setLabelLayout] = useState<LayoutRectangle>();\n    const onLabelLayout = useCallback((event: LayoutChangeEvent) => setLabelLayout(event.nativeEvent.layout), []);\n\n    const accessibilityLabel = disabled ? undefined : label;\n    const inputStyle = { height: Math.min(2, fontScale) * 24 };\n\n    const input = (\n      <RNTextInput\n        accessibilityLabel={accessibilityLabel}\n        defaultValue={value || ''}\n        editable={!disabled}\n        hitSlop={hitSlop}\n        maxFontSizeMultiplier={2}\n        numberOfLines={1}\n        onBlur={onBlurAction}\n        onFocus={onFocusAction}\n        onSubmitEditing={onSubmitEditing}\n        placeholder={focused ? placeholder : undefined}\n        ref={ref}\n        returnKeyType=\"next\"\n        style={[\n          font.regular,\n          styles.inputText,\n          Platform.OS === 'android' ? styles.inputAndroid : styles.inputIOS,\n          {\n            color: colorScheme.text,\n          },\n        ]}\n        textAlignVertical=\"center\"\n        // https://github.com/facebook/react-native/issues/17530\n        underlineColorAndroid=\"#00000000\"\n        value={value}\n        {...props}\n      />\n    );\n    return (\n      <View style={style}>\n        <Animated.View\n          onLayout={onLabelLayout}\n          style={\n            labelLayout\n              ? {\n                  transform: [\n                    {\n                      // move label into the position of placeholder\n                      translateY: labelAnimation.interpolate({\n                        inputRange: [0, 1],\n                        outputRange: [0, labelLayout.height + 4],\n                      }),\n                    },\n                    {\n                      // compensate scale position in X direction\n                      translateX: labelAnimation.interpolate({\n                        inputRange: [0, 1],\n                        outputRange: [0, (labelLayout.width * (LABEL_SCALE_RATIO - 1)) / 2],\n                      }),\n                    },\n                    {\n                      // scale label into the size of placeholder\n                      scale: labelAnimation.interpolate({\n                        inputRange: [0, 1],\n                        outputRange: [1, LABEL_SCALE_RATIO],\n                      }),\n                    },\n                  ],\n                }\n              : undefined\n          }>\n          <Typography accessible={false} color={'rgba(0, 0, 0, 0.50)'} preset=\"s\">\n            {label}\n          </Typography>\n        </Animated.View>\n        <View\n          style={[\n            styles.inputRow,\n            {\n              borderColor: focused ? colorScheme.accent : colorScheme.grayDark,\n            },\n          ]}>\n          {Platform.OS === 'android' ? <View style={[styles.inputWrapperAndroid, inputStyle]}>{input}</View> : input}\n          {accessoryComponent}\n        </View>\n        {error ? (\n          <Typography color={colorScheme.error} preset=\"s\">\n            {error}\n          </Typography>\n        ) : null}\n      </View>\n    );\n  },\n);\n\nconst styles = StyleSheet.create({\n  inputAndroid: {\n    fontSize: 14,\n    left: 0,\n    letterSpacing: 0.2,\n    lineHeight: 22,\n    position: 'absolute',\n    right: 0,\n  },\n  inputIOS: {\n    flex: 1,\n  },\n  inputRow: {\n    alignItems: 'center',\n    borderBottomWidth: 1,\n    flexDirection: 'row',\n    marginBottom: 4,\n    paddingVertical: 4,\n  },\n  inputText: {\n    fontSize: 14,\n    letterSpacing: 0.2,\n    lineHeight: Platform.OS === 'android' ? 22 : 20,\n    minHeight: 24,\n  },\n  inputWrapperAndroid: {\n    flex: 1,\n    justifyContent: 'center',\n    overflow: 'visible',\n  },\n});\n\nTextInput.displayName = 'Input';\n\nexport default TextInput;\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,6 @@
+import ListSectionHeader, { ListSectionHeaderProps } from './list-section-header';
+import ListTitleHeader, { ListTitleHeaderProps } from './list-title-header';
+export { ListSectionHeader, ListSectionHeaderProps };
+export { ListTitleHeader, ListTitleHeaderProps };
+export * from './wallet';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ListSectionHeader","ListSectionHeaderProps","ListTitleHeader","ListTitleHeaderProps"],"sources":["index.ts"],"sourcesContent":["import ListSectionHeader, { ListSectionHeaderProps } from './list-section-header';\nimport ListTitleHeader, { ListTitleHeaderProps } from './list-title-header';\n\nexport { ListSectionHeader, ListSectionHeaderProps };\nexport { ListTitleHeader, ListTitleHeaderProps };\nexport * from './wallet';\n"],"mappings":"AAAA,OAAOA,iBAAiB,IAAIC,sBAAsB,QAAQ,uBAAuB;AACjF,OAAOC,eAAe,IAAIC,oBAAoB,QAAQ,qBAAqB;AAE3E,SAASH,iBAAiB,EAAEC,sBAAsB;AAClD,SAASC,eAAe,EAAEC,oBAAoB;AAC9C,cAAc,UAAU","ignoreList":[]}

package/lib/module/ui-components/list/list-page-loading-indicator.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ActivityIndicator } from 'react-native';
+const ListPageLoadingIndicator = props => {
+  return /*#__PURE__*/React.createElement(ActivityIndicator, props);
+};
+export default ListPageLoadingIndicator;
+//# sourceMappingURL=list-page-loading-indicator.js.map

package/lib/module/ui-components/list/list-page-loading-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ActivityIndicator","ListPageLoadingIndicator","props","createElement"],"sources":["list-page-loading-indicator.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ActivityIndicator, ActivityIndicatorProps } from 'react-native';\n\nconst ListPageLoadingIndicator: FC<ActivityIndicatorProps> = (props) => {\n  return <ActivityIndicator {...props} />;\n};\n\nexport default ListPageLoadingIndicator;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAc,OAAO;AACjC,SAASC,iBAAiB,QAAgC,cAAc;AAExE,MAAMC,wBAAoD,GAAIC,KAAK,IAAK;EACtE,oBAAOH,KAAA,CAAAI,aAAA,CAACH,iBAAiB,EAAKE,KAAQ,CAAC;AACzC,CAAC;AAED,eAAeD,wBAAwB","ignoreList":[]}

package/lib/module/ui-components/list/list-section-header.js

@@ -0,0 +1,27 @@
+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 } from 'react-native';
+import Typography from '../text/typography';
+import { useAppColorScheme } from '../theme/color-scheme-context';
+const ListSectionHeader = ({
+  accessibilityRole,
+  color,
+  style,
+  title,
+  ...typographyProps
+}) => {
+  const colorScheme = useAppColorScheme();
+  return /*#__PURE__*/React.createElement(Typography, _extends({
+    accessibilityRole: accessibilityRole !== null && accessibilityRole !== void 0 ? accessibilityRole : 'header',
+    color: color !== null && color !== void 0 ? color : colorScheme.text,
+    style: [styles.sectionHeader, style]
+  }, typographyProps), title);
+};
+const styles = StyleSheet.create({
+  sectionHeader: {
+    marginHorizontal: 20,
+    marginVertical: 16
+  }
+});
+export default ListSectionHeader;
+//# sourceMappingURL=list-section-header.js.map

package/lib/module/ui-components/list/list-section-header.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Typography","useAppColorScheme","ListSectionHeader","accessibilityRole","color","style","title","typographyProps","colorScheme","createElement","_extends","text","styles","sectionHeader","create","marginHorizontal","marginVertical"],"sources":["list-section-header.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleSheet } from 'react-native';\n\nimport Typography, { TypographyProps } from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nexport type ListSectionHeaderProps = Partial<TypographyProps> & {\n  title: string;\n};\n\nconst ListSectionHeader: FC<ListSectionHeaderProps> = ({\n  accessibilityRole,\n  color,\n  style,\n  title,\n  ...typographyProps\n}) => {\n  const colorScheme = useAppColorScheme();\n  return (\n    <Typography\n      accessibilityRole={accessibilityRole ?? 'header'}\n      color={color ?? colorScheme.text}\n      style={[styles.sectionHeader, style]}\n      {...typographyProps}>\n      {title}\n    </Typography>\n  );\n};\n\nconst styles = StyleSheet.create({\n  sectionHeader: {\n    marginHorizontal: 20,\n    marginVertical: 16,\n  },\n});\n\nexport default ListSectionHeader;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAc,OAAO;AACjC,SAASC,UAAU,QAAQ,cAAc;AAEzC,OAAOC,UAAU,MAA2B,oBAAoB;AAChE,SAASC,iBAAiB,QAAQ,+BAA+B;AAMjE,MAAMC,iBAA6C,GAAGA,CAAC;EACrDC,iBAAiB;EACjBC,KAAK;EACLC,KAAK;EACLC,KAAK;EACL,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,WAAW,GAAGP,iBAAiB,CAAC,CAAC;EACvC,oBACEH,KAAA,CAAAW,aAAA,CAACT,UAAU,EAAAU,QAAA;IACTP,iBAAiB,EAAEA,iBAAiB,aAAjBA,iBAAiB,cAAjBA,iBAAiB,GAAI,QAAS;IACjDC,KAAK,EAAEA,KAAK,aAALA,KAAK,cAALA,KAAK,GAAII,WAAW,CAACG,IAAK;IACjCN,KAAK,EAAE,CAACO,MAAM,CAACC,aAAa,EAAER,KAAK;EAAE,GACjCE,eAAe,GAClBD,KACS,CAAC;AAEjB,CAAC;AAED,MAAMM,MAAM,GAAGb,UAAU,CAACe,MAAM,CAAC;EAC/BD,aAAa,EAAE;IACbE,gBAAgB,EAAE,EAAE;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;AAEF,eAAed,iBAAiB","ignoreList":[]}

package/lib/module/ui-components/list/list-title-header.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { StyleSheet } from 'react-native';
+import Typography from '../text/typography';
+import { useAppColorScheme } from '../theme/color-scheme-context';
+const ListTitleHeader = ({
+  title,
+  testID
+}) => {
+  const colorScheme = useAppColorScheme();
+  return /*#__PURE__*/React.createElement(Typography, {
+    testID: testID,
+    accessibilityRole: "header",
+    color: colorScheme.text,
+    preset: "l",
+    style: styles.listTitle
+  }, title);
+};
+const styles = StyleSheet.create({
+  listTitle: {
+    marginBottom: 20,
+    marginHorizontal: 20,
+    marginTop: 9
+  }
+});
+export default ListTitleHeader;
+//# sourceMappingURL=list-title-header.js.map

package/lib/module/ui-components/list/list-title-header.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Typography","useAppColorScheme","ListTitleHeader","title","testID","colorScheme","createElement","accessibilityRole","color","text","preset","style","styles","listTitle","create","marginBottom","marginHorizontal","marginTop"],"sources":["list-title-header.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleSheet } from 'react-native';\n\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nexport type ListTitleHeaderProps = {\n  title: string;\n  testID?: string;\n};\n\nconst ListTitleHeader: FC<ListTitleHeaderProps> = ({ title, testID }) => {\n  const colorScheme = useAppColorScheme();\n\n  return (\n    <Typography testID={testID} accessibilityRole=\"header\" color={colorScheme.text} preset=\"l\" style={styles.listTitle}>\n      {title}\n    </Typography>\n  );\n};\n\nconst styles = StyleSheet.create({\n  listTitle: {\n    marginBottom: 20,\n    marginHorizontal: 20,\n    marginTop: 9,\n  },\n});\n\nexport default ListTitleHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAc,OAAO;AACjC,SAASC,UAAU,QAAQ,cAAc;AAEzC,OAAOC,UAAU,MAAM,oBAAoB;AAC3C,SAASC,iBAAiB,QAAQ,+BAA+B;AAOjE,MAAMC,eAAyC,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAO,CAAC,KAAK;EACvE,MAAMC,WAAW,GAAGJ,iBAAiB,CAAC,CAAC;EAEvC,oBACEH,KAAA,CAAAQ,aAAA,CAACN,UAAU;IAACI,MAAM,EAAEA,MAAO;IAACG,iBAAiB,EAAC,QAAQ;IAACC,KAAK,EAAEH,WAAW,CAACI,IAAK;IAACC,MAAM,EAAC,GAAG;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,GAChHV,KACS,CAAC;AAEjB,CAAC;AAED,MAAMS,MAAM,GAAGb,UAAU,CAACe,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,YAAY,EAAE,EAAE;IAChBC,gBAAgB,EAAE,EAAE;IACpBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEF,eAAef,eAAe","ignoreList":[]}

package/lib/module/ui-components/list/wallet/empty-list.js

@@ -0,0 +1,66 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { concatTestID } from '../../../utils';
+import { Button } from '../../buttons';
+import { NoCredentialsIcon } from '../../icons';
+import { Typography } from '../../text';
+import { useAppColorScheme } from '../../theme';
+const WalletEmptyList = ({
+  onScanPress,
+  scanButtonTitle,
+  subtitle,
+  testID,
+  title
+}) => {
+  const safeAreaInsets = useSafeAreaInsets();
+  const colorScheme = useAppColorScheme();
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.empty
+  }, /*#__PURE__*/React.createElement(Typography, {
+    align: "center",
+    color: colorScheme.text,
+    preset: "l/line-height-large",
+    style: styles.emptyTitle,
+    testID: concatTestID(testID, 'title')
+  }, title), /*#__PURE__*/React.createElement(Typography, {
+    align: "center",
+    color: colorScheme.text,
+    style: styles.emptySubtitle,
+    testID: concatTestID(testID, 'subtitle')
+  }, subtitle), /*#__PURE__*/React.createElement(NoCredentialsIcon, {
+    style: styles.emptyIcon
+  }), /*#__PURE__*/React.createElement(Button, {
+    onPress: onScanPress,
+    style: [styles.emptyButton, {
+      bottom: Math.max(24, safeAreaInsets.bottom)
+    }],
+    testID: concatTestID(testID, 'scanQrCode'),
+    title: scanButtonTitle
+  }));
+};
+const styles = StyleSheet.create({
+  empty: {
+    alignItems: 'center',
+    flex: 1,
+    marginHorizontal: 16,
+    marginTop: 224
+  },
+  emptyButton: {
+    marginBottom: 16,
+    position: 'absolute',
+    width: '100%'
+  },
+  emptyIcon: {
+    marginTop: -30
+  },
+  emptySubtitle: {
+    opacity: 0.7
+  },
+  emptyTitle: {
+    marginBottom: 8,
+    opacity: 0.7
+  }
+});
+export default WalletEmptyList;
+//# sourceMappingURL=empty-list.js.map

package/lib/module/ui-components/list/wallet/empty-list.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","useSafeAreaInsets","concatTestID","Button","NoCredentialsIcon","Typography","useAppColorScheme","WalletEmptyList","onScanPress","scanButtonTitle","subtitle","testID","title","safeAreaInsets","colorScheme","createElement","style","styles","empty","align","color","text","preset","emptyTitle","emptySubtitle","emptyIcon","onPress","emptyButton","bottom","Math","max","create","alignItems","flex","marginHorizontal","marginTop","marginBottom","position","width","opacity"],"sources":["empty-list.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleSheet, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { concatTestID } from '../../../utils';\nimport { Button } from '../../buttons';\nimport { NoCredentialsIcon } from '../../icons';\nimport { Typography } from '../../text';\nimport { useAppColorScheme } from '../../theme';\n\ntype WalletEmptyListProps = {\n  onScanPress: () => void;\n  scanButtonTitle: string;\n  subtitle: string;\n  testID: string;\n  title: string;\n};\n\nconst WalletEmptyList: FC<WalletEmptyListProps> = ({ onScanPress, scanButtonTitle, subtitle, testID, title }) => {\n  const safeAreaInsets = useSafeAreaInsets();\n  const colorScheme = useAppColorScheme();\n\n  return (\n    <View style={styles.empty}>\n      <Typography\n        align=\"center\"\n        color={colorScheme.text}\n        preset=\"l/line-height-large\"\n        style={styles.emptyTitle}\n        testID={concatTestID(testID, 'title')}>\n        {title}\n      </Typography>\n      <Typography\n        align=\"center\"\n        color={colorScheme.text}\n        style={styles.emptySubtitle}\n        testID={concatTestID(testID, 'subtitle')}>\n        {subtitle}\n      </Typography>\n      <NoCredentialsIcon style={styles.emptyIcon} />\n      <Button\n        onPress={onScanPress}\n        style={[styles.emptyButton, { bottom: Math.max(24, safeAreaInsets.bottom) }]}\n        testID={concatTestID(testID, 'scanQrCode')}\n        title={scanButtonTitle}\n      />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  empty: {\n    alignItems: 'center',\n    flex: 1,\n    marginHorizontal: 16,\n    marginTop: 224,\n  },\n  emptyButton: {\n    marginBottom: 16,\n    position: 'absolute',\n    width: '100%',\n  },\n  emptyIcon: {\n    marginTop: -30,\n  },\n  emptySubtitle: {\n    opacity: 0.7,\n  },\n  emptyTitle: {\n    marginBottom: 8,\n    opacity: 0.7,\n  },\n});\n\nexport default WalletEmptyList;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAc,OAAO;AACjC,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,MAAM,QAAQ,eAAe;AACtC,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,UAAU,QAAQ,YAAY;AACvC,SAASC,iBAAiB,QAAQ,aAAa;AAU/C,MAAMC,eAAyC,GAAGA,CAAC;EAAEC,WAAW;EAAEC,eAAe;EAAEC,QAAQ;EAAEC,MAAM;EAAEC;AAAM,CAAC,KAAK;EAC/G,MAAMC,cAAc,GAAGZ,iBAAiB,CAAC,CAAC;EAC1C,MAAMa,WAAW,GAAGR,iBAAiB,CAAC,CAAC;EAEvC,oBACER,KAAA,CAAAiB,aAAA,CAACf,IAAI;IAACgB,KAAK,EAAEC,MAAM,CAACC;EAAM,gBACxBpB,KAAA,CAAAiB,aAAA,CAACV,UAAU;IACTc,KAAK,EAAC,QAAQ;IACdC,KAAK,EAAEN,WAAW,CAACO,IAAK;IACxBC,MAAM,EAAC,qBAAqB;IAC5BN,KAAK,EAAEC,MAAM,CAACM,UAAW;IACzBZ,MAAM,EAAET,YAAY,CAACS,MAAM,EAAE,OAAO;EAAE,GACrCC,KACS,CAAC,eACbd,KAAA,CAAAiB,aAAA,CAACV,UAAU;IACTc,KAAK,EAAC,QAAQ;IACdC,KAAK,EAAEN,WAAW,CAACO,IAAK;IACxBL,KAAK,EAAEC,MAAM,CAACO,aAAc;IAC5Bb,MAAM,EAAET,YAAY,CAACS,MAAM,EAAE,UAAU;EAAE,GACxCD,QACS,CAAC,eACbZ,KAAA,CAAAiB,aAAA,CAACX,iBAAiB;IAACY,KAAK,EAAEC,MAAM,CAACQ;EAAU,CAAE,CAAC,eAC9C3B,KAAA,CAAAiB,aAAA,CAACZ,MAAM;IACLuB,OAAO,EAAElB,WAAY;IACrBQ,KAAK,EAAE,CAACC,MAAM,CAACU,WAAW,EAAE;MAAEC,MAAM,EAAEC,IAAI,CAACC,GAAG,CAAC,EAAE,EAAEjB,cAAc,CAACe,MAAM;IAAE,CAAC,CAAE;IAC7EjB,MAAM,EAAET,YAAY,CAACS,MAAM,EAAE,YAAY,CAAE;IAC3CC,KAAK,EAAEH;EAAgB,CACxB,CACG,CAAC;AAEX,CAAC;AAED,MAAMQ,MAAM,GAAGlB,UAAU,CAACgC,MAAM,CAAC;EAC/Bb,KAAK,EAAE;IACLc,UAAU,EAAE,QAAQ;IACpBC,IAAI,EAAE,CAAC;IACPC,gBAAgB,EAAE,EAAE;IACpBC,SAAS,EAAE;EACb,CAAC;EACDR,WAAW,EAAE;IACXS,YAAY,EAAE,EAAE;IAChBC,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE;EACT,CAAC;EACDb,SAAS,EAAE;IACTU,SAAS,EAAE,CAAC;EACd,CAAC;EACDX,aAAa,EAAE;IACbe,OAAO,EAAE;EACX,CAAC;EACDhB,UAAU,EAAE;IACVa,YAAY,EAAE,CAAC;IACfG,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAEF,eAAehC,eAAe","ignoreList":[]}

package/lib/module/ui-components/list/wallet/empty-search-result.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { Typography } from '../../text';
+import { useAppColorScheme } from '../../theme';
+const WalletEmptySearchResult = ({
+  subtitle,
+  title
+}) => {
+  const colorScheme = useAppColorScheme();
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.emptySearch
+  }, /*#__PURE__*/React.createElement(Typography, {
+    align: "center",
+    color: colorScheme.text,
+    preset: "l/line-height-large",
+    style: styles.emptyTitle
+  }, title), /*#__PURE__*/React.createElement(Typography, {
+    align: "center",
+    color: colorScheme.text
+  }, subtitle));
+};
+const styles = StyleSheet.create({
+  emptySearch: {
+    alignItems: 'center',
+    flex: 1,
+    marginTop: 224
+  },
+  emptyTitle: {
+    marginBottom: 8,
+    opacity: 0.7
+  }
+});
+export default WalletEmptySearchResult;
+//# sourceMappingURL=empty-search-result.js.map

package/lib/module/ui-components/list/wallet/empty-search-result.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","Typography","useAppColorScheme","WalletEmptySearchResult","subtitle","title","colorScheme","createElement","style","styles","emptySearch","align","color","text","preset","emptyTitle","create","alignItems","flex","marginTop","marginBottom","opacity"],"sources":["empty-search-result.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport { Typography } from '../../text';\nimport { useAppColorScheme } from '../../theme';\n\ntype WalletEmptySearchResultProps = {\n  subtitle: string;\n  title: string;\n};\n\nconst WalletEmptySearchResult: FC<WalletEmptySearchResultProps> = ({ subtitle, title }) => {\n  const colorScheme = useAppColorScheme();\n\n  return (\n    <View style={styles.emptySearch}>\n      <Typography align=\"center\" color={colorScheme.text} preset=\"l/line-height-large\" style={styles.emptyTitle}>\n        {title}\n      </Typography>\n      <Typography align=\"center\" color={colorScheme.text}>\n        {subtitle}\n      </Typography>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  emptySearch: {\n    alignItems: 'center',\n    flex: 1,\n    marginTop: 224,\n  },\n  emptyTitle: {\n    marginBottom: 8,\n    opacity: 0.7,\n  },\n});\n\nexport default WalletEmptySearchResult;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAc,OAAO;AACjC,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,SAASC,UAAU,QAAQ,YAAY;AACvC,SAASC,iBAAiB,QAAQ,aAAa;AAO/C,MAAMC,uBAAyD,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAM,CAAC,KAAK;EACzF,MAAMC,WAAW,GAAGJ,iBAAiB,CAAC,CAAC;EAEvC,oBACEJ,KAAA,CAAAS,aAAA,CAACP,IAAI;IAACQ,KAAK,EAAEC,MAAM,CAACC;EAAY,gBAC9BZ,KAAA,CAAAS,aAAA,CAACN,UAAU;IAACU,KAAK,EAAC,QAAQ;IAACC,KAAK,EAAEN,WAAW,CAACO,IAAK;IAACC,MAAM,EAAC,qBAAqB;IAACN,KAAK,EAAEC,MAAM,CAACM;EAAW,GACvGV,KACS,CAAC,eACbP,KAAA,CAAAS,aAAA,CAACN,UAAU;IAACU,KAAK,EAAC,QAAQ;IAACC,KAAK,EAAEN,WAAW,CAACO;EAAK,GAChDT,QACS,CACR,CAAC;AAEX,CAAC;AAED,MAAMK,MAAM,GAAGV,UAAU,CAACiB,MAAM,CAAC;EAC/BN,WAAW,EAAE;IACXO,UAAU,EAAE,QAAQ;IACpBC,IAAI,EAAE,CAAC;IACPC,SAAS,EAAE;EACb,CAAC;EACDJ,UAAU,EAAE;IACVK,YAAY,EAAE,CAAC;IACfC,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAEF,eAAelB,uBAAuB","ignoreList":[]}

package/lib/module/ui-components/list/wallet/index.js

@@ -0,0 +1,4 @@
+import WalletEmptyList from './empty-list';
+import WalletEmptySearchResult from './empty-search-result';
+export { WalletEmptyList, WalletEmptySearchResult };
+//# sourceMappingURL=index.js.map

package/lib/module/ui-components/list/wallet/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["WalletEmptyList","WalletEmptySearchResult"],"sources":["index.tsx"],"sourcesContent":["import WalletEmptyList from './empty-list';\nimport WalletEmptySearchResult from './empty-search-result';\n\nexport { WalletEmptyList, WalletEmptySearchResult };\n"],"mappings":"AAAA,OAAOA,eAAe,MAAM,cAAc;AAC1C,OAAOC,uBAAuB,MAAM,uBAAuB;AAE3D,SAASD,eAAe,EAAEC,uBAAuB","ignoreList":[]}

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

@@ -0,0 +1 @@
+{"version":3,"names":["LoaderView","LoaderViewProps","LoaderViewState","LoadingResultScreen","LoadingResultScreenProps"],"sources":["index.ts"],"sourcesContent":["import LoaderView, { LoaderViewProps, LoaderViewState } from './loader';\nimport LoadingResultScreen, { LoadingResultScreenProps } from './loading-result';\n\nexport { LoaderView, LoaderViewProps, LoaderViewState };\nexport { LoadingResultScreen, LoadingResultScreenProps };\n"],"mappings":"AAAA,OAAOA,UAAU,IAAIC,eAAe,EAAEC,eAAe,QAAQ,UAAU;AACvE,OAAOC,mBAAmB,IAAIC,wBAAwB,QAAQ,kBAAkB;AAEhF,SAASJ,UAAU,EAAEC,eAAe,EAAEC,eAAe;AACrD,SAASC,mBAAmB,EAAEC,wBAAwB","ignoreList":[]}

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

@@ -0,0 +1,132 @@
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { InteractionManager, StyleSheet, View } from 'react-native';
+import Animated, { cancelAnimation, Easing, runOnJS, useAnimatedStyle, useSharedValue, withRepeat, withTiming } from 'react-native-reanimated';
+import { concatTestID } from '../../utils';
+import { LoaderError, LoaderProgressSpinner, LoaderSuccess, LoaderWarning } from '../icons/loader';
+export let LoaderViewState = /*#__PURE__*/function (LoaderViewState) {
+  LoaderViewState["Error"] = "error";
+  LoaderViewState["InProgress"] = "inProgress";
+  LoaderViewState["Success"] = "success";
+  LoaderViewState["Warning"] = "warning";
+  return LoaderViewState;
+}({});
+const LoaderView = ({
+  animate,
+  state,
+  testID
+}) => {
+  const [initialDelayPassed, setInitialDelayPassed] = useState(false);
+  const rotationIsAnimating = useRef(false);
+  const rotation = useSharedValue(0);
+  const opacity = useSharedValue(state === LoaderViewState.InProgress ? 0 : 1);
+  const finished = state !== LoaderViewState.InProgress;
+  useEffect(() => {
+    const timeout = setTimeout(() => {
+      setInitialDelayPassed(true);
+    }, 1000);
+    return () => {
+      clearTimeout(timeout);
+    };
+  }, []);
+  useEffect(() => {
+    return () => {
+      cancelAnimation(rotation);
+    };
+  }, [rotation]);
+  const startRotationAnimation = useCallback(() => {
+    if (rotationIsAnimating.current) {
+      return;
+    }
+    rotationIsAnimating.current = true;
+    rotation.value = withRepeat(withTiming(360, {
+      duration: 1000,
+      easing: Easing.linear
+    }), -1);
+  }, [rotation]);
+  const stopRotationAnimation = useCallback(() => {
+    Promise.resolve(InteractionManager.runAfterInteractions(() => {
+      rotationIsAnimating.current = false;
+      cancelAnimation(rotation);
+      rotation.value = 0;
+    })).catch(() => {});
+  }, [rotation]);
+  useEffect(() => {
+    if (animate) {
+      if (!finished) {
+        startRotationAnimation();
+      }
+    } else {
+      stopRotationAnimation();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [animate, startRotationAnimation, stopRotationAnimation]);
+  useEffect(() => {
+    if (!initialDelayPassed) {
+      return;
+    }
+    const toValue = finished ? 1 : 0;
+    if (opacity.value === toValue) {
+      return;
+    }
+    if (animate) {
+      if (!finished) {
+        startRotationAnimation();
+      }
+      opacity.value = withTiming(toValue, {
+        duration: 300,
+        easing: Easing.ease
+      }, () => {
+        if (finished) {
+          runOnJS(stopRotationAnimation)();
+        }
+      });
+    } else {
+      opacity.value = toValue;
+      stopRotationAnimation();
+    }
+  }, [opacity, finished, initialDelayPassed, animate, stopRotationAnimation, startRotationAnimation]);
+  const spinnerAnimatedStyle = useAnimatedStyle(() => ({
+    opacity: 1 - opacity.value,
+    transform: [{
+      rotateZ: `${rotation.value}deg`
+    }]
+  }), [opacity, rotation]);
+  const resultAnimatedStyle = useAnimatedStyle(() => ({
+    opacity: opacity.value
+  }), [opacity]);
+  const finishedIcon = useMemo(() => {
+    switch (state) {
+      case LoaderViewState.Success:
+        return /*#__PURE__*/React.createElement(LoaderSuccess, null);
+      case LoaderViewState.Warning:
+        return /*#__PURE__*/React.createElement(LoaderWarning, null);
+      case LoaderViewState.Error:
+        return /*#__PURE__*/React.createElement(LoaderError, null);
+      default:
+        return null;
+    }
+  }, [state]);
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.loader,
+    testID: concatTestID(testID, state)
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.loaderElement, spinnerAnimatedStyle]
+  }, /*#__PURE__*/React.createElement(LoaderProgressSpinner, null)), /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.loaderElement, resultAnimatedStyle]
+  }, finishedIcon));
+};
+const styles = StyleSheet.create({
+  loader: {
+    height: 64,
+    width: 64
+  },
+  loaderElement: {
+    height: 64,
+    left: 0,
+    position: 'absolute',
+    top: 0,
+    width: 64
+  }
+});
+export default LoaderView;
+//# sourceMappingURL=loader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","useState","InteractionManager","StyleSheet","View","Animated","cancelAnimation","Easing","runOnJS","useAnimatedStyle","useSharedValue","withRepeat","withTiming","concatTestID","LoaderError","LoaderProgressSpinner","LoaderSuccess","LoaderWarning","LoaderViewState","LoaderView","animate","state","testID","initialDelayPassed","setInitialDelayPassed","rotationIsAnimating","rotation","opacity","InProgress","finished","timeout","setTimeout","clearTimeout","startRotationAnimation","current","value","duration","easing","linear","stopRotationAnimation","Promise","resolve","runAfterInteractions","catch","toValue","ease","spinnerAnimatedStyle","transform","rotateZ","resultAnimatedStyle","finishedIcon","Success","createElement","Warning","Error","style","styles","loader","loaderElement","create","height","width","left","position","top"],"sources":["loader.tsx"],"sourcesContent":["import React, { FC, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { InteractionManager, StyleSheet, View } from 'react-native';\nimport Animated, {\n  cancelAnimation,\n  Easing,\n  runOnJS,\n  useAnimatedStyle,\n  useSharedValue,\n  withRepeat,\n  withTiming,\n} from 'react-native-reanimated';\n\nimport { concatTestID } from '../../utils';\nimport { LoaderError, LoaderProgressSpinner, LoaderSuccess, LoaderWarning } from '../icons/loader';\n\nexport enum LoaderViewState {\n  Error = 'error',\n  InProgress = 'inProgress',\n  Success = 'success',\n  Warning = 'warning',\n}\n\nexport type LoaderViewProps = {\n  animate: boolean;\n  state?: LoaderViewState;\n  testID?: string;\n};\n\nconst LoaderView: FC<LoaderViewProps> = ({ animate, state, testID }) => {\n  const [initialDelayPassed, setInitialDelayPassed] = useState(false);\n  const rotationIsAnimating = useRef(false);\n  const rotation = useSharedValue(0);\n  const opacity = useSharedValue(state === LoaderViewState.InProgress ? 0 : 1);\n\n  const finished = state !== LoaderViewState.InProgress;\n\n  useEffect(() => {\n    const timeout = setTimeout(() => {\n      setInitialDelayPassed(true);\n    }, 1000);\n\n    return () => {\n      clearTimeout(timeout);\n    };\n  }, []);\n\n  useEffect(() => {\n    return () => {\n      cancelAnimation(rotation);\n    };\n  }, [rotation]);\n\n  const startRotationAnimation = useCallback(() => {\n    if (rotationIsAnimating.current) {\n      return;\n    }\n    rotationIsAnimating.current = true;\n    rotation.value = withRepeat(\n      withTiming(360, {\n        duration: 1000,\n        easing: Easing.linear,\n      }),\n      -1,\n    );\n  }, [rotation]);\n\n  const stopRotationAnimation = useCallback(() => {\n    Promise.resolve(\n      InteractionManager.runAfterInteractions(() => {\n        rotationIsAnimating.current = false;\n        cancelAnimation(rotation);\n        rotation.value = 0;\n      }),\n    ).catch(() => {});\n  }, [rotation]);\n\n  useEffect(() => {\n    if (animate) {\n      if (!finished) {\n        startRotationAnimation();\n      }\n    } else {\n      stopRotationAnimation();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [animate, startRotationAnimation, stopRotationAnimation]);\n\n  useEffect(() => {\n    if (!initialDelayPassed) {\n      return;\n    }\n    const toValue = finished ? 1 : 0;\n    if (opacity.value === toValue) {\n      return;\n    }\n    if (animate) {\n      if (!finished) {\n        startRotationAnimation();\n      }\n      opacity.value = withTiming(\n        toValue,\n        {\n          duration: 300,\n          easing: Easing.ease,\n        },\n        () => {\n          if (finished) {\n            runOnJS(stopRotationAnimation)();\n          }\n        },\n      );\n    } else {\n      opacity.value = toValue;\n      stopRotationAnimation();\n    }\n  }, [opacity, finished, initialDelayPassed, animate, stopRotationAnimation, startRotationAnimation]);\n\n  const spinnerAnimatedStyle = useAnimatedStyle(\n    () => ({\n      opacity: 1 - opacity.value,\n      transform: [\n        {\n          rotateZ: `${rotation.value}deg`,\n        },\n      ],\n    }),\n    [opacity, rotation],\n  );\n\n  const resultAnimatedStyle = useAnimatedStyle(\n    () => ({\n      opacity: opacity.value,\n    }),\n    [opacity],\n  );\n\n  const finishedIcon = useMemo(() => {\n    switch (state) {\n      case LoaderViewState.Success:\n        return <LoaderSuccess />;\n      case LoaderViewState.Warning:\n        return <LoaderWarning />;\n      case LoaderViewState.Error:\n        return <LoaderError />;\n      default:\n        return null;\n    }\n  }, [state]);\n\n  return (\n    <View style={styles.loader} testID={concatTestID(testID, state)}>\n      <Animated.View style={[styles.loaderElement, spinnerAnimatedStyle]}>\n        <LoaderProgressSpinner />\n      </Animated.View>\n      <Animated.View style={[styles.loaderElement, resultAnimatedStyle]}>{finishedIcon}</Animated.View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  loader: {\n    height: 64,\n    width: 64,\n  },\n  loaderElement: {\n    height: 64,\n    left: 0,\n    position: 'absolute',\n    top: 0,\n    width: 64,\n  },\n});\n\nexport default LoaderView;\n"],"mappings":"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","ignoreList":[]}