@bifold/core 1.0.0

package/lib/module/components/modals/DismissiblePopupModal.js

@@ -0,0 +1,162 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { StyleSheet, View, TouchableOpacity, TouchableWithoutFeedback, useWindowDimensions, ScrollView } from 'react-native';
+import Icon from 'react-native-vector-icons/MaterialIcons';
+import { hitSlop } from '../../constants';
+import { useTheme } from '../../contexts/theme';
+import { testIdWithKey } from '../../utils/testable';
+import Button, { ButtonType } from '../buttons/Button';
+import { ThemedText } from '../texts/ThemedText';
+import SafeAreaModal from './SafeAreaModal';
+const DismissiblePopupModal = ({
+  title,
+  description,
+  onCallToActionPressed,
+  onCallToActionLabel,
+  onDismissPressed
+}) => {
+  const {
+    height,
+    width,
+    fontScale
+  } = useWindowDimensions();
+  const {
+    t
+  } = useTranslation();
+  const {
+    ColorPallet,
+    TextTheme
+  } = useTheme();
+  const iconSize = 30;
+  const styles = StyleSheet.create({
+    modalCenter: {
+      flex: 1,
+      justifyContent: 'center',
+      alignItems: 'center',
+      backgroundColor: ColorPallet.notification.popupOverlay,
+      padding: 20,
+      minHeight: height,
+      minWidth: width
+    },
+    container: {
+      backgroundColor: ColorPallet.notification.info,
+      borderColor: ColorPallet.notification.infoBorder,
+      borderRadius: 5,
+      borderWidth: 1,
+      padding: 10,
+      minWidth: width - 2 * 25,
+      maxWidth: width,
+      flex: 1,
+      maxHeight: fontScale < 1.7 ? '50%' : '70%'
+    },
+    headerContainer: {
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      paddingHorizontal: 5,
+      paddingTop: 5
+    },
+    bodyContainer: {
+      marginLeft: 10 + iconSize,
+      paddingHorizontal: 5,
+      paddingBottom: 5,
+      flexShrink: 1,
+      justifyContent: 'space-between'
+    },
+    headerTextContainer: {
+      ...(fontScale < 1.7 ? {
+        flexGrow: 1
+      } : {
+        flexShrink: 1
+      })
+    },
+    headerText: {
+      ...TextTheme.bold,
+      alignSelf: 'flex-start',
+      color: ColorPallet.notification.infoText
+    },
+    scrollViewContentContainer: {
+      flexGrow: 1
+    },
+    scrollViewStyle: {
+      flex: 1
+    },
+    bodyText: {
+      ...TextTheme.normal,
+      paddingVertical: 16,
+      color: ColorPallet.notification.infoText
+    },
+    footer: {
+      paddingTop: 10
+    },
+    infoIcon: {
+      marginRight: 10,
+      alignSelf: 'center'
+    },
+    dismissIcon: {
+      alignSelf: fontScale < 1.7 ? 'flex-end' : 'flex-start'
+    }
+  });
+  const infoIconName = 'info';
+  const dismissIconName = 'clear';
+  const iconColor = ColorPallet.notification.infoIcon;
+  return /*#__PURE__*/React.createElement(SafeAreaModal, {
+    transparent: true
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: onDismissPressed,
+    accessible: false
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.modalCenter
+  }, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+    accessible: false
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.headerContainer
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.infoIcon
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: infoIconName,
+    size: iconSize,
+    color: iconColor
+  })), /*#__PURE__*/React.createElement(View, {
+    style: styles.headerTextContainer
+  }, /*#__PURE__*/React.createElement(ThemedText, {
+    variant: "bold",
+    style: styles.headerText,
+    testID: testIdWithKey('HeaderText')
+  }, title)), /*#__PURE__*/React.createElement(View, {
+    style: styles.dismissIcon
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: onDismissPressed,
+    testID: testIdWithKey('Dismiss'),
+    accessibilityLabel: t('Global.Dismiss'),
+    accessibilityRole: 'button',
+    hitSlop: hitSlop
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: dismissIconName,
+    size: iconSize,
+    color: iconColor
+  })))), /*#__PURE__*/React.createElement(View, {
+    style: styles.bodyContainer
+  }, /*#__PURE__*/React.createElement(ScrollView, {
+    showsVerticalScrollIndicator: false,
+    contentContainerStyle: styles.scrollViewContentContainer,
+    style: styles.scrollViewStyle
+  }, /*#__PURE__*/React.createElement(View, {
+    onStartShouldSetResponder: () => true
+  }, /*#__PURE__*/React.createElement(ThemedText, {
+    selectable: true,
+    style: styles.bodyText,
+    testID: testIdWithKey('BodyText')
+  }, description))), onCallToActionPressed && /*#__PURE__*/React.createElement(View, {
+    style: styles.footer
+  }, /*#__PURE__*/React.createElement(Button, {
+    title: onCallToActionLabel || t('Global.Okay'),
+    accessibilityLabel: onCallToActionLabel || t('Global.Okay'),
+    testID: testIdWithKey('Okay'),
+    buttonType: ButtonType.ModalPrimary,
+    onPress: onCallToActionPressed
+  }))))))));
+};
+export default DismissiblePopupModal;
+//# sourceMappingURL=DismissiblePopupModal.js.map

package/lib/module/components/modals/DismissiblePopupModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useTranslation","StyleSheet","View","TouchableOpacity","TouchableWithoutFeedback","useWindowDimensions","ScrollView","Icon","hitSlop","useTheme","testIdWithKey","Button","ButtonType","ThemedText","SafeAreaModal","DismissiblePopupModal","title","description","onCallToActionPressed","onCallToActionLabel","onDismissPressed","height","width","fontScale","t","ColorPallet","TextTheme","iconSize","styles","create","modalCenter","flex","justifyContent","alignItems","backgroundColor","notification","popupOverlay","padding","minHeight","minWidth","container","info","borderColor","infoBorder","borderRadius","borderWidth","maxWidth","maxHeight","headerContainer","flexDirection","paddingHorizontal","paddingTop","bodyContainer","marginLeft","paddingBottom","flexShrink","headerTextContainer","flexGrow","headerText","bold","alignSelf","color","infoText","scrollViewContentContainer","scrollViewStyle","bodyText","normal","paddingVertical","footer","infoIcon","marginRight","dismissIcon","infoIconName","dismissIconName","iconColor","createElement","transparent","onPress","accessible","style","name","size","variant","testID","accessibilityLabel","accessibilityRole","showsVerticalScrollIndicator","contentContainerStyle","onStartShouldSetResponder","selectable","buttonType","ModalPrimary"],"sourceRoot":"../../../../src","sources":["components/modals/DismissiblePopupModal.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/modals/ErrorModal.js

@@ -0,0 +1,97 @@
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { StyleSheet, StatusBar, DeviceEventEmitter, useWindowDimensions } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import Icon from 'react-native-vector-icons/MaterialCommunityIcons';
+import { EventTypes } from '../../constants';
+import { TOKENS, useServices } from '../../container-api';
+import { useTheme } from '../../contexts/theme';
+import InfoBox, { InfoBoxType } from '../misc/InfoBox';
+import SafeAreaModal from './SafeAreaModal';
+const ErrorModal = ({
+  enableReport
+}) => {
+  const {
+    height
+  } = useWindowDimensions();
+  const {
+    t
+  } = useTranslation();
+  const [modalVisible, setModalVisible] = useState(false);
+  const [error, setError] = useState();
+  const [reported, setReported] = useState(false);
+  const [logger] = useServices([TOKENS.UTIL_LOGGER]);
+  const {
+    ColorPallet
+  } = useTheme();
+  const styles = StyleSheet.create({
+    container: {
+      minHeight: height,
+      flexDirection: 'column',
+      justifyContent: 'center',
+      alignItems: 'center',
+      backgroundColor: ColorPallet.brand.primaryBackground
+    }
+  });
+  const onDismissModalTouched = useCallback(() => {
+    setModalVisible(false);
+  }, []);
+  const report = useCallback(() => {
+    if (error) {
+      logger.report(error);
+    }
+    setReported(true);
+  }, [logger, error]);
+  useEffect(() => {
+    const errorAddedHandle = DeviceEventEmitter.addListener(EventTypes.ERROR_ADDED, err => {
+      if (err.title && err.message) {
+        setError(err);
+        setReported(false);
+        setModalVisible(true);
+      }
+    });
+    const errorRemovedHandle = DeviceEventEmitter.addListener(EventTypes.ERROR_REMOVED, () => {
+      setError(undefined);
+      setModalVisible(false);
+    });
+    return () => {
+      errorAddedHandle.remove();
+      errorRemovedHandle.remove();
+    };
+  }, []);
+  const formattedMessageForError = useCallback(err => {
+    if (!err) {
+      return undefined;
+    }
+    return `${t('Error.ErrorCode')} ${err.code} - ${err.message}`;
+  }, [t]);
+  const secondaryCallToActionIcon = useMemo(() => reported ? /*#__PURE__*/React.createElement(Icon, {
+    style: {
+      marginRight: 8
+    },
+    name: 'check-circle',
+    size: 18,
+    color: ColorPallet.semantic.success
+  }) : undefined, [reported, ColorPallet.semantic.success]);
+  return /*#__PURE__*/React.createElement(SafeAreaModal, {
+    visible: modalVisible,
+    transparent: true
+  }, /*#__PURE__*/React.createElement(StatusBar, {
+    hidden: true
+  }), /*#__PURE__*/React.createElement(SafeAreaView, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(InfoBox, {
+    notificationType: InfoBoxType.Error,
+    title: error ? error.title : t('Error.Unknown'),
+    description: error ? error.description : t('Error.Problem'),
+    message: formattedMessageForError(error ?? null),
+    onCallToActionPressed: onDismissModalTouched,
+    secondaryCallToActionTitle: reported ? t('Error.Reported') : t('Error.ReportThisProblem'),
+    secondaryCallToActionDisabled: reported,
+    secondaryCallToActionIcon: secondaryCallToActionIcon,
+    secondaryCallToActionPressed: enableReport && error ? report : undefined,
+    showVersionFooter: true
+  })));
+};
+export default ErrorModal;
+//# sourceMappingURL=ErrorModal.js.map

package/lib/module/components/modals/ErrorModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useState","useTranslation","StyleSheet","StatusBar","DeviceEventEmitter","useWindowDimensions","SafeAreaView","Icon","EventTypes","TOKENS","useServices","useTheme","InfoBox","InfoBoxType","SafeAreaModal","ErrorModal","enableReport","height","t","modalVisible","setModalVisible","error","setError","reported","setReported","logger","UTIL_LOGGER","ColorPallet","styles","create","container","minHeight","flexDirection","justifyContent","alignItems","backgroundColor","brand","primaryBackground","onDismissModalTouched","report","errorAddedHandle","addListener","ERROR_ADDED","err","title","message","errorRemovedHandle","ERROR_REMOVED","undefined","remove","formattedMessageForError","code","secondaryCallToActionIcon","createElement","style","marginRight","name","size","color","semantic","success","visible","transparent","hidden","notificationType","Error","description","onCallToActionPressed","secondaryCallToActionTitle","secondaryCallToActionDisabled","secondaryCallToActionPressed","showVersionFooter"],"sourceRoot":"../../../../src","sources":["components/modals/ErrorModal.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/modals/ImageModal.js

@@ -0,0 +1,84 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { StyleSheet, View, useWindowDimensions, TouchableOpacity, TouchableWithoutFeedback, Image } from 'react-native';
+import Icon from 'react-native-vector-icons/MaterialIcons';
+import { hitSlop } from '../../constants';
+import { useTheme } from '../../contexts/theme';
+import { testIdWithKey } from '../../utils/testable';
+import SafeAreaModal from './SafeAreaModal';
+const ImageModal = ({
+  uri,
+  onDismissPressed
+}) => {
+  const {
+    height,
+    width
+  } = useWindowDimensions();
+  const {
+    t
+  } = useTranslation();
+  const {
+    ColorPallet
+  } = useTheme();
+  const styles = StyleSheet.create({
+    modalCenter: {
+      flex: 1,
+      justifyContent: 'center',
+      alignItems: 'center',
+      backgroundColor: ColorPallet.notification.popupOverlay,
+      minHeight: height,
+      minWidth: width,
+      paddingHorizontal: 20,
+      paddingVertical: 50
+    },
+    container: {
+      flexShrink: 1,
+      backgroundColor: ColorPallet.brand.primaryBackground
+    },
+    image: {
+      width: width - 40,
+      aspectRatio: 1,
+      resizeMode: 'contain'
+    },
+    dismissIcon: {
+      zIndex: 10,
+      position: 'absolute',
+      right: 20,
+      top: 20
+    }
+  });
+  const iconSize = 30;
+  const dismissIconName = 'clear';
+  const iconColor = ColorPallet.brand.primary;
+  return /*#__PURE__*/React.createElement(SafeAreaModal, {
+    transparent: true
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: onDismissPressed,
+    accessible: false
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.modalCenter
+  }, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+    accessible: false
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.dismissIcon
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: onDismissPressed,
+    testID: testIdWithKey('Dismiss'),
+    accessibilityLabel: t('Global.Dismiss'),
+    accessibilityRole: 'button',
+    hitSlop: hitSlop
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: dismissIconName,
+    size: iconSize,
+    color: iconColor
+  }))), /*#__PURE__*/React.createElement(Image, {
+    style: styles.image,
+    source: {
+      uri
+    }
+  }))))));
+};
+export default ImageModal;
+//# sourceMappingURL=ImageModal.js.map

package/lib/module/components/modals/ImageModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useTranslation","StyleSheet","View","useWindowDimensions","TouchableOpacity","TouchableWithoutFeedback","Image","Icon","hitSlop","useTheme","testIdWithKey","SafeAreaModal","ImageModal","uri","onDismissPressed","height","width","t","ColorPallet","styles","create","modalCenter","flex","justifyContent","alignItems","backgroundColor","notification","popupOverlay","minHeight","minWidth","paddingHorizontal","paddingVertical","container","flexShrink","brand","primaryBackground","image","aspectRatio","resizeMode","dismissIcon","zIndex","position","right","top","iconSize","dismissIconName","iconColor","primary","createElement","transparent","onPress","accessible","style","testID","accessibilityLabel","accessibilityRole","name","size","color","source"],"sourceRoot":"../../../../src","sources":["components/modals/ImageModal.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/modals/NetInfoModal.js

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { useTranslation } from 'react-i18next';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { InfoBoxType } from '../misc/InfoBox';
+import PopupModal from './PopupModal';
+const NetInfoModal = ({
+  visible,
+  onSubmit = () => null
+}) => {
+  const {
+    t
+  } = useTranslation();
+  return /*#__PURE__*/React.createElement(React.Fragment, null, visible && /*#__PURE__*/React.createElement(SafeAreaView, null, /*#__PURE__*/React.createElement(PopupModal, {
+    notificationType: InfoBoxType.Error,
+    title: t('NetInfo.NoInternetConnectionTitle'),
+    description: t('NetInfo.NoInternetConnectionMessage'),
+    onCallToActionLabel: t('Global.Okay'),
+    onCallToActionPressed: () => onSubmit()
+  })));
+};
+export default NetInfoModal;
+//# sourceMappingURL=NetInfoModal.js.map

package/lib/module/components/modals/NetInfoModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useTranslation","SafeAreaView","InfoBoxType","PopupModal","NetInfoModal","visible","onSubmit","t","createElement","Fragment","notificationType","Error","title","description","onCallToActionLabel","onCallToActionPressed"],"sourceRoot":"../../../../src","sources":["components/modals/NetInfoModal.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,cAAc,QAAQ,eAAe;AAC9C,SAASC,YAAY,QAAQ,gCAAgC;AAE7D,SAASC,WAAW,QAAQ,iBAAiB;AAG7C,OAAOC,UAAU,MAAM,cAAc;AAOrC,MAAMC,YAAyC,GAAGA,CAAC;EAAEC,OAAO;EAAEC,QAAQ,GAAGA,CAAA,KAAM;AAAK,CAAC,KAAK;EACxF,MAAM;IAAEC;EAAE,CAAC,GAAGP,cAAc,CAAC,CAAC;EAE9B,oBACED,KAAA,CAAAS,aAAA,CAAAT,KAAA,CAAAU,QAAA,QACGJ,OAAO,iBACNN,KAAA,CAAAS,aAAA,CAACP,YAAY,qBACXF,KAAA,CAAAS,aAAA,CAACL,UAAU;IACTO,gBAAgB,EAAER,WAAW,CAACS,KAAM;IACpCC,KAAK,EAAEL,CAAC,CAAC,mCAAmC,CAAE;IAC9CM,WAAW,EAAEN,CAAC,CAAC,qCAAqC,CAAE;IACtDO,mBAAmB,EAAEP,CAAC,CAAC,aAAa,CAAE;IACtCQ,qBAAqB,EAAEA,CAAA,KAAMT,QAAQ,CAAC;EAAE,CAC7B,CACD,CAEhB,CAAC;AAEP,CAAC;AAED,eAAeF,YAAY","ignoreList":[]}

package/lib/module/components/modals/NotificationModal.js

@@ -0,0 +1,112 @@
+import { useNavigation } from '@react-navigation/native';
+import React, { useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { StyleSheet, TouchableOpacity, View } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import Icon from 'react-native-vector-icons/MaterialIcons';
+import { hitSlop } from '../../constants';
+import { useTheme } from '../../contexts/theme';
+import { Screens } from '../../types/navigators';
+import { testIdWithKey } from '../../utils/testable';
+import Button, { ButtonType } from '../buttons/Button';
+import { ThemedText } from '../texts/ThemedText';
+import SafeAreaModal from './SafeAreaModal';
+const NotificationModal = ({
+  title,
+  doneTitle,
+  doneType = ButtonType.Primary,
+  doneAccessibilityLabel,
+  onDone,
+  onHome,
+  doneVisible = true,
+  homeVisible = true,
+  testID,
+  visible,
+  children
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const navigation = useNavigation();
+  const [modalVisible, setModalVisible] = useState(true);
+  const {
+    ColorPallet,
+    TextTheme
+  } = useTheme();
+  const styles = StyleSheet.create({
+    container: {
+      flex: 1,
+      backgroundColor: ColorPallet.brand.primaryBackground
+    },
+    childContainer: {
+      flexGrow: 1,
+      justifyContent: 'center',
+      alignItems: 'center',
+      padding: 25
+    },
+    buttonContainer: {
+      marginBottom: 35,
+      marginHorizontal: 20
+    },
+    iconContainer: {
+      width: '100%',
+      flexDirection: 'row',
+      justifyContent: 'flex-end'
+    },
+    iconButton: {
+      padding: 20,
+      paddingVertical: 28
+    }
+  });
+  useEffect(() => {
+    if (visible !== undefined) {
+      setModalVisible(visible);
+    }
+  }, [visible]);
+  const close = () => {
+    setModalVisible(false);
+  };
+  const closeHome = () => {
+    close();
+    navigation.navigate(Screens.Home);
+  };
+  return /*#__PURE__*/React.createElement(SafeAreaModal, {
+    testID: testID,
+    visible: modalVisible,
+    transparent: true
+  }, /*#__PURE__*/React.createElement(SafeAreaView, {
+    style: styles.container
+  }, homeVisible ? /*#__PURE__*/React.createElement(View, {
+    style: styles.iconContainer
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    accessible: true,
+    accessibilityLabel: t('Global.Home'),
+    accessibilityRole: 'button',
+    testID: testIdWithKey('Home'),
+    style: styles.iconButton,
+    onPress: onHome || closeHome,
+    hitSlop: hitSlop
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "home",
+    size: 24,
+    color: ColorPallet.notification.infoText
+  }))) : null, /*#__PURE__*/React.createElement(View, {
+    style: styles.childContainer
+  }, /*#__PURE__*/React.createElement(ThemedText, {
+    variant: "headingThree",
+    style: {
+      fontWeight: TextTheme.normal.fontWeight,
+      textAlign: 'center'
+    }
+  }, title), children), doneVisible ? /*#__PURE__*/React.createElement(View, {
+    style: styles.buttonContainer
+  }, /*#__PURE__*/React.createElement(Button, {
+    title: doneTitle || t('Global.Done'),
+    accessibilityLabel: doneAccessibilityLabel || t('Global.Done'),
+    testID: testIdWithKey('Done'),
+    buttonType: doneType,
+    onPress: onDone || close
+  })) : null));
+};
+export default NotificationModal;
+//# sourceMappingURL=NotificationModal.js.map

package/lib/module/components/modals/NotificationModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useNavigation","React","useEffect","useState","useTranslation","StyleSheet","TouchableOpacity","View","SafeAreaView","Icon","hitSlop","useTheme","Screens","testIdWithKey","Button","ButtonType","ThemedText","SafeAreaModal","NotificationModal","title","doneTitle","doneType","Primary","doneAccessibilityLabel","onDone","onHome","doneVisible","homeVisible","testID","visible","children","t","navigation","modalVisible","setModalVisible","ColorPallet","TextTheme","styles","create","container","flex","backgroundColor","brand","primaryBackground","childContainer","flexGrow","justifyContent","alignItems","padding","buttonContainer","marginBottom","marginHorizontal","iconContainer","width","flexDirection","iconButton","paddingVertical","undefined","close","closeHome","navigate","Home","createElement","transparent","style","accessible","accessibilityLabel","accessibilityRole","onPress","name","size","color","notification","infoText","variant","fontWeight","normal","textAlign","buttonType"],"sourceRoot":"../../../../src","sources":["components/modals/NotificationModal.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/modals/PopupModal.js

@@ -0,0 +1,42 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { useTheme } from '../../contexts/theme';
+import InfoBox from '../misc/InfoBox';
+import SafeAreaModal from './SafeAreaModal';
+const PopupModal = ({
+  title,
+  bodyContent,
+  description,
+  message,
+  onCallToActionPressed,
+  notificationType,
+  onCallToActionLabel
+}) => {
+  const {
+    ColorPallet
+  } = useTheme();
+  const styles = StyleSheet.create({
+    modalCenter: {
+      flex: 1,
+      justifyContent: 'center',
+      alignItems: 'center',
+      backgroundColor: ColorPallet.notification.popupOverlay,
+      padding: 20
+    }
+  });
+  return /*#__PURE__*/React.createElement(SafeAreaModal, {
+    transparent: true
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.modalCenter
+  }, /*#__PURE__*/React.createElement(InfoBox, {
+    notificationType: notificationType,
+    title: title,
+    description: description,
+    message: message,
+    bodyContent: bodyContent,
+    onCallToActionLabel: onCallToActionLabel,
+    onCallToActionPressed: onCallToActionPressed
+  })));
+};
+export default PopupModal;
+//# sourceMappingURL=PopupModal.js.map

package/lib/module/components/modals/PopupModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","useTheme","InfoBox","SafeAreaModal","PopupModal","title","bodyContent","description","message","onCallToActionPressed","notificationType","onCallToActionLabel","ColorPallet","styles","create","modalCenter","flex","justifyContent","alignItems","backgroundColor","notification","popupOverlay","padding","createElement","transparent","style"],"sourceRoot":"../../../../src","sources":["components/modals/PopupModal.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,SAASC,QAAQ,QAAQ,sBAAsB;AAE/C,OAAOC,OAAO,MAAuB,iBAAiB;AACtD,OAAOC,aAAa,MAAM,iBAAiB;AAY3C,MAAMC,UAAqC,GAAGA,CAAC;EAC7CC,KAAK;EACLC,WAAW;EACXC,WAAW;EACXC,OAAO;EACPC,qBAAqB;EACrBC,gBAAgB;EAChBC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAY,CAAC,GAAGX,QAAQ,CAAC,CAAC;EAClC,MAAMY,MAAM,GAAGd,UAAU,CAACe,MAAM,CAAC;IAC/BC,WAAW,EAAE;MACXC,IAAI,EAAE,CAAC;MACPC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBC,eAAe,EAAEP,WAAW,CAACQ,YAAY,CAACC,YAAY;MACtDC,OAAO,EAAE;IACX;EACF,CAAC,CAAC;EAEF,oBACExB,KAAA,CAAAyB,aAAA,CAACpB,aAAa;IAACqB,WAAW;EAAA,gBACxB1B,KAAA,CAAAyB,aAAA,CAACvB,IAAI;IAACyB,KAAK,EAAEZ,MAAM,CAACE;EAAY,gBAC9BjB,KAAA,CAAAyB,aAAA,CAACrB,OAAO;IACNQ,gBAAgB,EAAEA,gBAAiB;IACnCL,KAAK,EAAEA,KAAM;IACbE,WAAW,EAAEA,WAAY;IACzBC,OAAO,EAAEA,OAAQ;IACjBF,WAAW,EAAEA,WAAY;IACzBK,mBAAmB,EAAEA,mBAAoB;IACzCF,qBAAqB,EAAEA;EAAsB,CAC9C,CACG,CACO,CAAC;AAEpB,CAAC;AAED,eAAeL,UAAU","ignoreList":[]}

package/lib/module/components/modals/ProofCancelModal.js

@@ -0,0 +1,82 @@
+import * as React from 'react';
+import { useTranslation } from 'react-i18next';
+import { ScrollView, StyleSheet, View } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { useTheme } from '../../contexts/theme';
+import { testIdWithKey } from '../../utils/testable';
+import Button, { ButtonType } from '../buttons/Button';
+import { ThemedText } from '../texts/ThemedText';
+import SafeAreaModal from './SafeAreaModal';
+const ProofCancelModal = ({
+  visible,
+  onDone
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const {
+    ColorPallet,
+    Assets
+  } = useTheme();
+  const styles = StyleSheet.create({
+    safeAreaView: {
+      backgroundColor: ColorPallet.brand.modalPrimaryBackground,
+      flex: 1
+    },
+    container: {
+      flexGrow: 1,
+      padding: 20
+    },
+    controlsContainer: {
+      marginHorizontal: 20,
+      marginBottom: 10
+    },
+    content: {
+      justifyContent: 'space-around'
+    },
+    heading: {
+      marginTop: 60,
+      marginBottom: 30,
+      textAlign: 'center'
+    },
+    image: {
+      alignSelf: 'center',
+      marginBottom: 50
+    }
+  });
+  return /*#__PURE__*/React.createElement(SafeAreaModal, {
+    visible: visible,
+    animationType: "slide"
+  }, /*#__PURE__*/React.createElement(SafeAreaView, {
+    style: styles.safeAreaView
+  }, /*#__PURE__*/React.createElement(ScrollView, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.content
+  }, /*#__PURE__*/React.createElement(ThemedText, {
+    variant: "modalTitle",
+    style: styles.heading
+  }, t('ProofRequest.NoInfoShared')), /*#__PURE__*/React.createElement(Assets.svg.noInfoShared, {
+    style: styles.image,
+    height: 200
+  }), /*#__PURE__*/React.createElement(ThemedText, {
+    variant: "modalNormal",
+    style: {
+      textAlign: 'center'
+    }
+  }, t('ProofRequest.YourInfo')))), /*#__PURE__*/React.createElement(View, {
+    style: styles.controlsContainer
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      paddingTop: 10
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    title: t('Global.Done'),
+    accessibilityLabel: t('Global.Done'),
+    testID: testIdWithKey('Done'),
+    onPress: onDone,
+    buttonType: ButtonType.ModalPrimary
+  })))));
+};
+export default ProofCancelModal;
+//# sourceMappingURL=ProofCancelModal.js.map