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

package/lib/commonjs/ui-components/screens/qr-code-scanner-screen.js

@@ -0,0 +1,120 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _reactNativeVisionCamera = require("react-native-vision-camera");
+var _utils = require("../../utils");
+var _color = require("../../utils/color");
+var _accessibilityLanguage = require("../accessibility/accessibilityLanguage");
+var _blurView = _interopRequireDefault(require("../blur/blur-view"));
+var _buttons = require("../buttons");
+var _cameraOverlay = _interopRequireDefault(require("../camera/camera-overlay"));
+var _qrCodeScanner = _interopRequireDefault(require("../camera/qr-code-scanner"));
+var _icons = require("../icons");
+var _text = require("../text");
+var _theme = require("../theme");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const QRCodeScannerScreen = _ref => {
+  let {
+    codeTypes,
+    footer,
+    onQRCodeRead,
+    onClose,
+    overlayStyle,
+    noCameraView = null,
+    title
+  } = _ref;
+  const t = (0, _accessibilityLanguage.useAccessibilityTranslation)();
+  const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  const colorScheme = (0, _theme.useAppColorScheme)();
+  const footerView = (0, _react.useMemo)(() => {
+    if (!footer) {
+      return undefined;
+    }
+    if ( /*#__PURE__*/_react.default.isValidElement(footer)) {
+      return footer;
+    } else {
+      const FooterComponent = footer;
+      return /*#__PURE__*/_react.default.createElement(FooterComponent, null);
+    }
+  }, [footer]);
+  const minBottomBlurViewHeight = _reactNative.Dimensions.get('window').height * 0.15;
+  const device = (0, _reactNativeVisionCamera.useCameraDevice)('back');
+  if (!device) {
+    return noCameraView;
+  }
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_qrCodeScanner.default, {
+    cameraOverlay: /*#__PURE__*/_react.default.createElement(_cameraOverlay.default, {
+      style: overlayStyle
+    }),
+    codeTypes: codeTypes,
+    onQRCodeRead: onQRCodeRead,
+    style: _reactNative.StyleSheet.absoluteFill
+  }), /*#__PURE__*/_react.default.createElement(_utils.ContrastingStatusBar, {
+    backgroundColor: colorScheme.black
+  }), /*#__PURE__*/_react.default.createElement(_blurView.default, {
+    darkMode: true,
+    blurStyle: "soft",
+    style: [styles.topBlurView, {
+      backgroundColor: (0, _color.colorWithAlphaComponent)(colorScheme.black, 0.5)
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.headerSection, {
+      top: insets.top
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_buttons.GhostButton, {
+    icon: /*#__PURE__*/_react.default.createElement(_icons.CloseIcon, {
+      color: colorScheme.white
+    }),
+    onPress: onClose,
+    accessibilityLabel: t('accessibility.nav.close')
+  }))), /*#__PURE__*/_react.default.createElement(_blurView.default, {
+    darkMode: true,
+    blurStyle: "soft",
+    style: [styles.bottomBlurView, {
+      backgroundColor: (0, _color.colorWithAlphaComponent)(colorScheme.black, 0.5),
+      minHeight: minBottomBlurViewHeight,
+      paddingBottom: Math.max(insets.bottom, 32)
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_text.Typography, {
+    align: "center",
+    style: styles.title,
+    color: colorScheme.white
+  }, title), footerView));
+};
+const styles = _reactNative.StyleSheet.create({
+  bottomBlurView: {
+    bottom: 0,
+    position: 'absolute',
+    width: '100%'
+  },
+  container: {
+    flex: 1
+  },
+  headerSection: {
+    paddingHorizontal: 22,
+    paddingTop: 16,
+    position: 'absolute'
+  },
+  title: {
+    marginTop: 32
+  },
+  topBlurView: {
+    height: '15%',
+    position: 'absolute',
+    top: 0,
+    width: '100%'
+  }
+});
+var _default = /*#__PURE__*/(0, _react.memo)(QRCodeScannerScreen);
+exports.default = _default;
+//# sourceMappingURL=qr-code-scanner-screen.js.map

package/lib/commonjs/ui-components/screens/qr-code-scanner-screen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSafeAreaContext","_reactNativeVisionCamera","_utils","_color","_accessibilityLanguage","_blurView","_interopRequireDefault","_buttons","_cameraOverlay","_qrCodeScanner","_icons","_text","_theme","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","QRCodeScannerScreen","_ref","codeTypes","footer","onQRCodeRead","onClose","overlayStyle","noCameraView","title","t","useAccessibilityTranslation","insets","useSafeAreaInsets","colorScheme","useAppColorScheme","footerView","useMemo","undefined","React","isValidElement","FooterComponent","createElement","minBottomBlurViewHeight","Dimensions","height","device","useCameraDevice","View","style","styles","container","cameraOverlay","StyleSheet","absoluteFill","ContrastingStatusBar","backgroundColor","black","darkMode","blurStyle","topBlurView","colorWithAlphaComponent","headerSection","top","GhostButton","icon","CloseIcon","color","white","onPress","accessibilityLabel","bottomBlurView","minHeight","paddingBottom","Math","max","bottom","Typography","align","create","position","width","flex","paddingHorizontal","paddingTop","marginTop","_default","memo","exports"],"sources":["qr-code-scanner-screen.tsx"],"sourcesContent":["import React, { FunctionComponent, memo, ReactElement, useMemo } from 'react';\nimport { Dimensions, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { useCameraDevice } from 'react-native-vision-camera';\n\nimport { ContrastingStatusBar } from '../../utils';\nimport { colorWithAlphaComponent } from '../../utils/color';\nimport { useAccessibilityTranslation } from '../accessibility/accessibilityLanguage';\nimport BlurView from '../blur/blur-view';\nimport { GhostButton } from '../buttons';\nimport CameraOverlay from '../camera/camera-overlay';\nimport QRCodeScanner, { QRCodeScannerProps } from '../camera/qr-code-scanner';\nimport { CloseIcon } from '../icons';\nimport { Typography } from '../text';\nimport { useAppColorScheme } from '../theme';\n\nexport interface QRCodeScannerScreenProps {\n  codeTypes?: QRCodeScannerProps['codeTypes'];\n  footer?: React.ComponentType<any> | React.ReactElement;\n  onQRCodeRead: QRCodeScannerProps['onQRCodeRead'];\n  onClose: () => void;\n  overlayStyle?: StyleProp<ViewStyle>;\n  noCameraView?: JSX.Element;\n  title: ReactElement | string;\n}\n\nconst QRCodeScannerScreen: FunctionComponent<QRCodeScannerScreenProps> = ({\n  codeTypes,\n  footer,\n  onQRCodeRead,\n  onClose,\n  overlayStyle,\n  noCameraView = null,\n  title,\n}) => {\n  const t = useAccessibilityTranslation();\n  const insets = useSafeAreaInsets();\n  const colorScheme = useAppColorScheme();\n\n  const footerView: React.ReactElement | undefined = useMemo(() => {\n    if (!footer) {\n      return undefined;\n    }\n    if (React.isValidElement(footer)) {\n      return footer;\n    } else {\n      const FooterComponent = footer as React.ComponentType<any>;\n      return <FooterComponent />;\n    }\n  }, [footer]);\n\n  const minBottomBlurViewHeight = Dimensions.get('window').height * 0.15;\n\n  const device = useCameraDevice('back');\n  if (!device) {\n    return noCameraView;\n  }\n\n  return (\n    <View style={styles.container}>\n      <QRCodeScanner\n        cameraOverlay={<CameraOverlay style={overlayStyle} />}\n        codeTypes={codeTypes}\n        onQRCodeRead={onQRCodeRead}\n        style={StyleSheet.absoluteFill}\n      />\n      <ContrastingStatusBar backgroundColor={colorScheme.black} />\n      <BlurView\n        darkMode={true}\n        blurStyle=\"soft\"\n        style={[styles.topBlurView, { backgroundColor: colorWithAlphaComponent(colorScheme.black, 0.5) }]}>\n        <View style={[styles.headerSection, { top: insets.top }]}>\n          <GhostButton\n            icon={<CloseIcon color={colorScheme.white} />}\n            onPress={onClose}\n            accessibilityLabel={t('accessibility.nav.close')}\n          />\n        </View>\n      </BlurView>\n      <BlurView\n        darkMode={true}\n        blurStyle=\"soft\"\n        style={[\n          styles.bottomBlurView,\n          {\n            backgroundColor: colorWithAlphaComponent(colorScheme.black, 0.5),\n            minHeight: minBottomBlurViewHeight,\n            paddingBottom: Math.max(insets.bottom, 32),\n          },\n        ]}>\n        <Typography align=\"center\" style={styles.title} color={colorScheme.white}>\n          {title}\n        </Typography>\n        {footerView}\n      </BlurView>\n    </View>\n  );\n};\nconst styles = StyleSheet.create({\n  bottomBlurView: {\n    bottom: 0,\n    position: 'absolute',\n    width: '100%',\n  },\n  container: {\n    flex: 1,\n  },\n  headerSection: {\n    paddingHorizontal: 22,\n    paddingTop: 16,\n    position: 'absolute',\n  },\n  title: {\n    marginTop: 32,\n  },\n  topBlurView: {\n    height: '15%',\n    position: 'absolute',\n    top: 0,\n    width: '100%',\n  },\n});\n\nexport default memo(QRCodeScannerScreen);\n"],"mappings":"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"}

package/lib/commonjs/ui-components/screens/scroll-view-screen.js

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _onScrollHeaderState = require("../../utils/hooks/header/on-scroll-header-state");
+var _listContentInset = require("../../utils/hooks/list/list-content-inset");
+var _testID = require("../../utils/testID");
+var _navigationHeader = _interopRequireDefault(require("../header/navigation-header"));
+var _listTitleHeader = _interopRequireDefault(require("../list/list-title-header"));
+var _colorSchemeContext = require("../theme/color-scheme-context");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const ScrollViewScreen = _ref => {
+  let {
+    children,
+    header,
+    modalPresentation,
+    scrollView,
+    style,
+    testID,
+    ...viewProps
+  } = _ref;
+  const colorScheme = (0, _colorSchemeContext.useAppColorScheme)();
+  const {
+    top
+  } = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  const contentInsetsStyle = (0, _listContentInset.useListContentInset)({
+    additionalBottomPadding: 24,
+    headerHeight: modalPresentation && _reactNative.Platform.OS === 'ios' ? 63 : 48,
+    modalPresentation
+  });
+  const {
+    titleVisible,
+    onScroll
+  } = (0, _onScrollHeaderState.useOnScrollHeaderState)();
+  const {
+    contentContainerStyle,
+    ...scrollViewProps
+  } = scrollView !== null && scrollView !== void 0 ? scrollView : {};
+  let headerPaddingStyle;
+  if (!modalPresentation || _reactNative.Platform.OS === 'android') {
+    headerPaddingStyle = {
+      paddingTop: top
+    };
+  } else if (modalPresentation && !header.modalHandleVisible && _reactNative.Platform.OS === 'ios') {
+    headerPaddingStyle = styles.modalHeaderWithoutHandle;
+  }
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
+    style: [styles.container, {
+      backgroundColor: colorScheme.background
+    }, style],
+    testID: testID
+  }, viewProps), /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, _extends({
+    contentContainerStyle: [styles.contentContainer, contentInsetsStyle, contentContainerStyle],
+    onScroll: onScroll,
+    scrollEventThrottle: 100
+  }, scrollViewProps), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.content,
+    testID: (0, _testID.concatTestID)(testID, 'content')
+  }, !header.static && /*#__PURE__*/_react.default.createElement(_listTitleHeader.default, {
+    title: header.title
+  }), children)), /*#__PURE__*/_react.default.createElement(_navigationHeader.default, _extends({
+    animate: true,
+    blurred: true,
+    style: [styles.header, headerPaddingStyle],
+    titleVisible: header.static || titleVisible
+  }, header)));
+};
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  content: {
+    flex: 1
+  },
+  contentContainer: {
+    flexGrow: 1
+  },
+  header: {
+    position: 'absolute',
+    width: '100%'
+  },
+  modalHeaderWithoutHandle: {
+    paddingTop: 15
+  }
+});
+var _default = ScrollViewScreen;
+exports.default = _default;
+//# sourceMappingURL=scroll-view-screen.js.map

package/lib/commonjs/ui-components/screens/scroll-view-screen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSafeAreaContext","_onScrollHeaderState","_listContentInset","_testID","_navigationHeader","_listTitleHeader","_colorSchemeContext","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ScrollViewScreen","_ref","children","header","modalPresentation","scrollView","style","testID","viewProps","colorScheme","useAppColorScheme","top","useSafeAreaInsets","contentInsetsStyle","useListContentInset","additionalBottomPadding","headerHeight","Platform","OS","titleVisible","onScroll","useOnScrollHeaderState","contentContainerStyle","scrollViewProps","headerPaddingStyle","paddingTop","modalHandleVisible","styles","modalHeaderWithoutHandle","createElement","View","container","backgroundColor","background","ScrollView","contentContainer","scrollEventThrottle","content","concatTestID","static","title","animate","blurred","StyleSheet","create","flex","flexGrow","position","width","_default","exports"],"sources":["scroll-view-screen.tsx"],"sourcesContent":["import React, { FC, PropsWithChildren } from 'react';\nimport { Platform, ScrollView, ScrollViewProps, StyleSheet, View, ViewProps, ViewStyle } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { useOnScrollHeaderState } from '../../utils/hooks/header/on-scroll-header-state';\nimport { useListContentInset } from '../../utils/hooks/list/list-content-inset';\nimport { concatTestID } from '../../utils/testID';\nimport NavigationHeader, { NavigationHeaderProps } from '../header/navigation-header';\nimport ListTitleHeader from '../list/list-title-header';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nexport type ScrollViewScreenProps = ViewProps & {\n  header: Omit<NavigationHeaderProps, 'animate' | 'blurred' | 'style' | 'title' | 'titleVisible'> & {\n    static?: boolean;\n    title: string;\n  };\n  modalPresentation?: boolean;\n  scrollView?: Omit<ScrollViewProps, 'onScroll'>;\n};\n\nconst ScrollViewScreen: FC<PropsWithChildren<ScrollViewScreenProps>> = ({\n  children,\n  header,\n  modalPresentation,\n  scrollView,\n  style,\n  testID,\n  ...viewProps\n}) => {\n  const colorScheme = useAppColorScheme();\n  const { top } = useSafeAreaInsets();\n  const contentInsetsStyle = useListContentInset({\n    additionalBottomPadding: 24,\n    headerHeight: modalPresentation && Platform.OS === 'ios' ? 63 : 48,\n    modalPresentation,\n  });\n  const { titleVisible, onScroll } = useOnScrollHeaderState();\n  const { contentContainerStyle, ...scrollViewProps } = scrollView ?? {};\n\n  let headerPaddingStyle: ViewStyle | undefined;\n  if (!modalPresentation || Platform.OS === 'android') {\n    headerPaddingStyle = {\n      paddingTop: top,\n    };\n  } else if (modalPresentation && !header.modalHandleVisible && Platform.OS === 'ios') {\n    headerPaddingStyle = styles.modalHeaderWithoutHandle;\n  }\n\n  return (\n    <View style={[styles.container, { backgroundColor: colorScheme.background }, style]} testID={testID} {...viewProps}>\n      <ScrollView\n        contentContainerStyle={[styles.contentContainer, contentInsetsStyle, contentContainerStyle]}\n        onScroll={onScroll}\n        scrollEventThrottle={100}\n        {...scrollViewProps}>\n        <View style={styles.content} testID={concatTestID(testID, 'content')}>\n          {!header.static && <ListTitleHeader title={header.title} />}\n          {children}\n        </View>\n      </ScrollView>\n      <NavigationHeader\n        animate\n        blurred\n        style={[styles.header, headerPaddingStyle]}\n        titleVisible={header.static || titleVisible}\n        {...header}\n      />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n  content: {\n    flex: 1,\n  },\n  contentContainer: {\n    flexGrow: 1,\n  },\n  header: {\n    position: 'absolute',\n    width: '100%',\n  },\n  modalHeaderWithoutHandle: {\n    paddingTop: 15,\n  },\n});\n\nexport default ScrollViewScreen;\n"],"mappings":"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"}

package/lib/commonjs/ui-components/screens/section-list-screen.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _onScrollHeaderState = require("../../utils/hooks/header/on-scroll-header-state");
+var _listContentInset = require("../../utils/hooks/list/list-content-inset");
+var _navigationHeader = _interopRequireDefault(require("../header/navigation-header"));
+var _listTitleHeader = _interopRequireDefault(require("../list/list-title-header"));
+var _colorSchemeContext = require("../theme/color-scheme-context");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const SectionListScreen = _ref => {
+  let {
+    header,
+    list: {
+      contentContainerStyle,
+      stickySectionHeadersEnabled,
+      ...listProps
+    },
+    style,
+    ...viewProps
+  } = _ref;
+  const colorScheme = (0, _colorSchemeContext.useAppColorScheme)();
+  const safeAreaInsets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  const contentInsetsStyle = (0, _listContentInset.useListContentInset)();
+  const {
+    titleVisible,
+    onScroll
+  } = (0, _onScrollHeaderState.useOnScrollHeaderState)();
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
+    style: [styles.container, {
+      backgroundColor: colorScheme.background
+    }, style]
+  }, viewProps), /*#__PURE__*/_react.default.createElement(_reactNative.SectionList, _extends({
+    ListHeaderComponent: !header.static ? /*#__PURE__*/_react.default.createElement(_listTitleHeader.default, {
+      title: header.title
+    }) : undefined,
+    contentContainerStyle: [contentInsetsStyle, contentContainerStyle],
+    onScroll: onScroll,
+    scrollEventThrottle: 100,
+    stickySectionHeadersEnabled: stickySectionHeadersEnabled !== null && stickySectionHeadersEnabled !== void 0 ? stickySectionHeadersEnabled : false
+  }, listProps)), /*#__PURE__*/_react.default.createElement(_navigationHeader.default, _extends({
+    animate: true,
+    blurred: true,
+    style: [styles.header, {
+      paddingTop: safeAreaInsets.top
+    }],
+    titleVisible: header.static || titleVisible
+  }, header)));
+};
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  header: {
+    position: 'absolute',
+    width: '100%'
+  }
+});
+var _default = SectionListScreen;
+exports.default = _default;
+//# sourceMappingURL=section-list-screen.js.map

package/lib/commonjs/ui-components/screens/section-list-screen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSafeAreaContext","_onScrollHeaderState","_listContentInset","_navigationHeader","_listTitleHeader","_colorSchemeContext","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","SectionListScreen","_ref","header","list","contentContainerStyle","stickySectionHeadersEnabled","listProps","style","viewProps","colorScheme","useAppColorScheme","safeAreaInsets","useSafeAreaInsets","contentInsetsStyle","useListContentInset","titleVisible","onScroll","useOnScrollHeaderState","createElement","View","styles","container","backgroundColor","background","SectionList","ListHeaderComponent","static","title","undefined","scrollEventThrottle","animate","blurred","paddingTop","top","StyleSheet","create","flex","position","width","_default","exports"],"sources":["section-list-screen.tsx"],"sourcesContent":["import React from 'react';\nimport { SectionList, SectionListProps, StyleSheet, View, ViewProps } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { useOnScrollHeaderState } from '../../utils/hooks/header/on-scroll-header-state';\nimport { useListContentInset } from '../../utils/hooks/list/list-content-inset';\nimport NavigationHeader, { NavigationHeaderProps } from '../header/navigation-header';\nimport ListTitleHeader from '../list/list-title-header';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nexport type SectionListScreenProps<ItemT, SectionT> = ViewProps & {\n  header: Omit<NavigationHeaderProps, 'animate' | 'blurred' | 'style' | 'title' | 'titleVisible'> & {\n    static?: boolean;\n    title: string;\n  };\n  list: Omit<SectionListProps<ItemT, SectionT>, 'ListHeaderComponent' | 'onScroll'>;\n};\n\nconst SectionListScreen = <ItemT, SectionT>({\n  header,\n  list: { contentContainerStyle, stickySectionHeadersEnabled, ...listProps },\n  style,\n  ...viewProps\n}: SectionListScreenProps<ItemT, SectionT>) => {\n  const colorScheme = useAppColorScheme();\n  const safeAreaInsets = useSafeAreaInsets();\n  const contentInsetsStyle = useListContentInset();\n  const { titleVisible, onScroll } = useOnScrollHeaderState();\n\n  return (\n    <View style={[styles.container, { backgroundColor: colorScheme.background }, style]} {...viewProps}>\n      <SectionList<ItemT, SectionT>\n        ListHeaderComponent={!header.static ? <ListTitleHeader title={header.title} /> : undefined}\n        contentContainerStyle={[contentInsetsStyle, contentContainerStyle]}\n        onScroll={onScroll}\n        scrollEventThrottle={100}\n        stickySectionHeadersEnabled={stickySectionHeadersEnabled ?? false}\n        {...listProps}\n      />\n      <NavigationHeader\n        animate\n        blurred\n        style={[styles.header, { paddingTop: safeAreaInsets.top }]}\n        titleVisible={header.static || titleVisible}\n        {...header}\n      />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n  header: {\n    position: 'absolute',\n    width: '100%',\n  },\n});\n\nexport default SectionListScreen;\n"],"mappings":"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"}

package/lib/commonjs/ui-components/searchbar/search-bar.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _utils = require("../../utils");
+var _accessibility = require("../accessibility");
+var _icons = require("../icons");
+var _font = _interopRequireDefault(require("../text/font"));
+var _theme = require("../theme");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const hitSlop = {
+  top: 10,
+  left: 10,
+  bottom: 10,
+  right: 10
+};
+
+// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?node-id=1143-40433&t=HY1KvobxOReLeC8Z-4
+const SearchBar = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    style,
+    placeholder,
+    searchPhrase,
+    onSearchPhraseChange,
+    testID,
+    ...textInputProps
+  } = _ref;
+  const colorScheme = (0, _theme.useAppColorScheme)();
+  const onClear = (0, _react.useCallback)(() => {
+    onSearchPhraseChange('');
+  }, [onSearchPhraseChange]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.container, {
+      backgroundColor: colorScheme.white
+    }, style]
+  }, /*#__PURE__*/_react.default.createElement(_icons.SearchIcon, {
+    color: colorScheme.text,
+    style: styles.searchIcon
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.TextInput, _extends({
+    accessibilityRole: "search",
+    onChangeText: onSearchPhraseChange,
+    placeholder: placeholder,
+    placeholderTextColor: colorScheme.text,
+    ref: ref,
+    returnKeyType: "search",
+    style: [styles.textInput, {
+      color: colorScheme.text
+    }],
+    value: searchPhrase,
+    testID: testID
+  }, textInputProps)), searchPhrase && /*#__PURE__*/_react.default.createElement(_accessibility.TouchableOpacity, {
+    testID: (0, _utils.concatTestID)(testID, 'clear'),
+    accessibilityRole: "button",
+    hitSlop: hitSlop,
+    onPress: onClear,
+    style: styles.clearButton
+  }, /*#__PURE__*/_react.default.createElement(_icons.CloseIcon, {
+    color: colorScheme.text,
+    height: 12,
+    width: 12
+  })));
+});
+SearchBar.displayName = 'SearchBar';
+const styles = _reactNative.StyleSheet.create({
+  clearButton: {
+    marginLeft: 6,
+    marginRight: 16
+  },
+  container: {
+    alignItems: 'center',
+    borderRadius: 20,
+    borderWidth: 0,
+    flexDirection: 'row',
+    height: 40
+  },
+  searchIcon: {
+    marginLeft: 8,
+    marginRight: 6
+  },
+  textInput: {
+    ..._font.default.regular,
+    flex: 1,
+    fontSize: 14,
+    height: 40,
+    letterSpacing: 0.2,
+    lineHeight: 18,
+    paddingBottom: _reactNative.Platform.OS === 'ios' ? 2 : undefined
+  }
+});
+var _default = SearchBar;
+exports.default = _default;
+//# sourceMappingURL=search-bar.js.map

package/lib/commonjs/ui-components/searchbar/search-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_utils","_accessibility","_icons","_font","_interopRequireDefault","_theme","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","hitSlop","top","left","bottom","right","SearchBar","forwardRef","_ref","ref","style","placeholder","searchPhrase","onSearchPhraseChange","testID","textInputProps","colorScheme","useAppColorScheme","onClear","useCallback","createElement","View","styles","container","backgroundColor","white","SearchIcon","color","text","searchIcon","TextInput","accessibilityRole","onChangeText","placeholderTextColor","returnKeyType","textInput","value","TouchableOpacity","concatTestID","onPress","clearButton","CloseIcon","height","width","displayName","StyleSheet","create","marginLeft","marginRight","alignItems","borderRadius","borderWidth","flexDirection","font","regular","flex","fontSize","letterSpacing","lineHeight","paddingBottom","Platform","OS","undefined","_default","exports"],"sources":["search-bar.tsx"],"sourcesContent":["import React, { forwardRef, useCallback } from 'react';\nimport { Insets, Platform, StyleProp, StyleSheet, TextInput, TextInputProps, View, ViewStyle } from 'react-native';\n\nimport { concatTestID } from '../../utils';\nimport { TouchableOpacity } from '../accessibility';\nimport { CloseIcon, SearchIcon } from '../icons';\nimport font from '../text/font';\nimport { useAppColorScheme } from '../theme';\n\nexport interface SearchBarProps extends TextInputProps {\n  style?: StyleProp<ViewStyle>;\n  placeholder?: string;\n  searchPhrase: string;\n  onSearchPhraseChange: (searchPhrase: string) => void;\n}\n\nconst hitSlop: Insets = { top: 10, left: 10, bottom: 10, right: 10 };\n\n// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?node-id=1143-40433&t=HY1KvobxOReLeC8Z-4\nconst SearchBar = forwardRef<TextInput, SearchBarProps>(\n  ({ style, placeholder, searchPhrase, onSearchPhraseChange, testID, ...textInputProps }, ref) => {\n    const colorScheme = useAppColorScheme();\n\n    const onClear = useCallback(() => {\n      onSearchPhraseChange('');\n    }, [onSearchPhraseChange]);\n\n    return (\n      <View\n        style={[\n          styles.container,\n          {\n            backgroundColor: colorScheme.white,\n          },\n          style,\n        ]}>\n        <SearchIcon color={colorScheme.text} style={styles.searchIcon} />\n        <TextInput\n          accessibilityRole=\"search\"\n          onChangeText={onSearchPhraseChange}\n          placeholder={placeholder}\n          placeholderTextColor={colorScheme.text}\n          ref={ref}\n          returnKeyType=\"search\"\n          style={[styles.textInput, { color: colorScheme.text }]}\n          value={searchPhrase}\n          testID={testID}\n          {...textInputProps}\n        />\n        {searchPhrase && (\n          <TouchableOpacity\n            testID={concatTestID(testID, 'clear')}\n            accessibilityRole=\"button\"\n            hitSlop={hitSlop}\n            onPress={onClear}\n            style={styles.clearButton}>\n            <CloseIcon color={colorScheme.text} height={12} width={12} />\n          </TouchableOpacity>\n        )}\n      </View>\n    );\n  },\n);\n\nSearchBar.displayName = 'SearchBar';\n\nconst styles = StyleSheet.create({\n  clearButton: {\n    marginLeft: 6,\n    marginRight: 16,\n  },\n  container: {\n    alignItems: 'center',\n    borderRadius: 20,\n    borderWidth: 0,\n    flexDirection: 'row',\n    height: 40,\n  },\n  searchIcon: {\n    marginLeft: 8,\n    marginRight: 6,\n  },\n  textInput: {\n    ...font.regular,\n    flex: 1,\n    fontSize: 14,\n    height: 40,\n    letterSpacing: 0.2,\n    lineHeight: 18,\n    paddingBottom: Platform.OS === 'ios' ? 2 : undefined,\n  },\n});\n\nexport default SearchBar;\n"],"mappings":"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"}

package/lib/commonjs/utils/array.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.addElementIf = addElementIf;
+function addElementIf(condition, obj) {
+  return condition ? Array(obj) : [];
+}
+//# sourceMappingURL=array.js.map

package/lib/commonjs/utils/array.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["addElementIf","condition","obj","Array"],"sources":["array.ts"],"sourcesContent":["export function addElementIf<T>(condition: boolean, obj: T) {\n  return condition ? Array(obj) : [];\n}\n"],"mappings":";;;;;;AAAO,SAASA,YAAYA,CAAIC,SAAkB,EAAEC,GAAM,EAAE;EAC1D,OAAOD,SAAS,GAAGE,KAAK,CAACD,GAAG,CAAC,GAAG,EAAE;AACpC"}

package/lib/commonjs/utils/backup.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getBackupFileName = void 0;
+var _uuid = require("./uuid");
+const getBackupFileName = () => {
+  return `procivis-one-backup-${(0, _uuid.generateUUID)()}.zip`;
+};
+exports.getBackupFileName = getBackupFileName;
+//# sourceMappingURL=backup.js.map

package/lib/commonjs/utils/backup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_uuid","require","getBackupFileName","generateUUID","exports"],"sources":["backup.ts"],"sourcesContent":["import { generateUUID } from './uuid';\n\nexport const getBackupFileName = (): string => {\n  return `procivis-one-backup-${generateUUID()}.zip`;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAEO,MAAMC,iBAAiB,GAAGA,CAAA,KAAc;EAC7C,OAAQ,uBAAsB,IAAAC,kBAAY,GAAG,MAAK;AACpD,CAAC;AAACC,OAAA,CAAAF,iBAAA,GAAAA,iBAAA"}

package/lib/commonjs/utils/date.js

@@ -3,9 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.formatTime = exports.formatDateTime = exports.formatDate = void 0;
+exports.formatTimestamp = exports.formatTimeAgo = exports.formatTime = exports.formatMonth = exports.formatDateTimeLocalized = exports.formatDateTime = exports.formatDateOnlyFromUTCTimestamp = exports.formatDateLocalized = exports.formatDate = exports.convertDateToUTCTimestamp = exports.convertDateStrToLocalDate = void 0;
 var _reactNative = require("react-native");
+var _timeago = require("timeago.js");
 var _NativeModules$I18nMa, _NativeModules$I18nMa2;
+const MINUTE = 60 * 1000;
+const DAY = 24 * 60 * MINUTE;
+
 // OS locale
 const systemLocale = (_NativeModules$I18nMa = _reactNative.NativeModules.I18nManager) === null || _NativeModules$I18nMa === void 0 ? void 0 : (_NativeModules$I18nMa2 = _NativeModules$I18nMa.localeIdentifier) === null || _NativeModules$I18nMa2 === void 0 ? void 0 : _NativeModules$I18nMa2.replace(/_/g, '-').split('#')[0].replace(/-$/, '');
 
@@ -53,5 +57,98 @@ const formatDateTime = (date, locale) => {
     return undefined;
   }
 };
+
+/**
+ * Month format
+ */
 exports.formatDateTime = formatDateTime;
+const formatMonth = (date, locale) => {
+  return `${date.toLocaleString(locale, {
+    month: 'long'
+  })} ${date.getFullYear()}`;
+};
+
+/**
+ * Time-ago format
+ */
+exports.formatMonth = formatMonth;
+const formatTimeAgo = (date, locale) => {
+  return (0, _timeago.format)(date, locale);
+};
+
+/**
+ * Timestamp formatted for general use
+ */
+exports.formatTimeAgo = formatTimeAgo;
+const formatTimestamp = (date, locale, nowLabel) => {
+  var _formatDateTime2;
+  const now = Date.now();
+  const timestamp = date.getTime();
+  if (now < timestamp) {
+    var _formatDateTime;
+    // in the future
+    return (_formatDateTime = formatDateTime(date, locale)) !== null && _formatDateTime !== void 0 ? _formatDateTime : '';
+  }
+
+  // in the past
+  if (now - timestamp < MINUTE) {
+    // less than a minute ago
+    return nowLabel;
+  }
+
+  // less than a day ago
+  if (now - timestamp < DAY) {
+    return formatTimeAgo(date, locale);
+  }
+
+  // longer ago
+  return (_formatDateTime2 = formatDateTime(date, locale)) !== null && _formatDateTime2 !== void 0 ? _formatDateTime2 : '';
+};
+exports.formatTimestamp = formatTimestamp;
+const pad = x => x >= 0 && x < 10 ? `0${x}` : String(x);
+
+/**
+ * Utility function to deal with `date`-type attributes
+ * @param {Date} date local timezone representation
+ * @returns {number} the same day, but UTC timezone with midnight time
+ */
+const convertDateToUTCTimestamp = date => Date.parse(`${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`);
+
+/**
+ * Utility function to deal with `date`-type attributes
+ * @param {string} date in YYYY-MM-DD representation
+ * @returns {Date} the same day, but local timezone with midnight time
+ */
+exports.convertDateToUTCTimestamp = convertDateToUTCTimestamp;
+const convertDateStrToLocalDate = date => _reactNative.Platform.select({
+  // android conversion using the standard date parsing doesn't work, computing the timestamp manually
+  android: (() => {
+    const timestamp = Date.parse(date);
+    const timezoneOffset = new Date(date).getTimezoneOffset();
+    return new Date(timestamp + timezoneOffset * MINUTE);
+  })(),
+  default: new Date(`${date}T00:00:00`)
+});
+
+/**
+ * Inverted function to {@link convertDateToUTCTimestamp}
+ * @param {number} utcTimestamp date timestamp represented as midnight UTC time
+ * @returns {string} formatted date (based on locale settings, e.g. `21/02/2021`)
+ */
+exports.convertDateStrToLocalDate = convertDateStrToLocalDate;
+const formatDateOnlyFromUTCTimestamp = utcTimestamp => {
+  var _formatDate;
+  const utcDate = new Date(utcTimestamp);
+  return (_formatDate = formatDate(convertDateStrToLocalDate(`${utcDate.getUTCFullYear()}-${pad(utcDate.getUTCMonth() + 1)}-${pad(utcDate.getUTCDate())}`))) !== null && _formatDate !== void 0 ? _formatDate : '';
+};
+exports.formatDateOnlyFromUTCTimestamp = formatDateOnlyFromUTCTimestamp;
+const locale = (_reactNative.Platform.OS === 'ios' ? _reactNative.NativeModules.SettingsManager.settings.AppleLocale : _reactNative.NativeModules.I18nManager.localeIdentifier).split('@')[0].replace('_', '-');
+const formatDateTimeLocalized = date => {
+  return formatDateTime(date, locale);
+};
+exports.formatDateTimeLocalized = formatDateTimeLocalized;
+const formatDateLocalized = date => {
+  return formatDate(date, locale);
+};
+exports.formatDateLocalized = formatDateLocalized;
 //# sourceMappingURL=date.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_NativeModules$I18nMa","_NativeModules$I18nMa2","systemLocale","NativeModules","I18nManager","localeIdentifier","replace","split","formatDate","date","locale","options","toLocaleDateString","undefined","exports","formatTime","toLocaleTimeString","hour","minute","formatDateTime","toLocaleString","year","month","day","hour12"],"sources":["date.ts"],"sourcesContent":["// Date & Time formatted as specified in SW-610\n\nimport { NativeModules } from 'react-native';\n\n// OS locale\nconst systemLocale: string = NativeModules.I18nManager?.localeIdentifier\n  ?.replace(/_/g, '-')\n  .split('#')[0]\n  .replace(/-$/, '');\n\n/**\n * Date only format\n */\nexport const formatDate = (date: Date, locale?: string, options?: Intl.DateTimeFormatOptions) => {\n  try {\n    return date.toLocaleDateString(locale || systemLocale, options);\n  } catch {\n    return undefined;\n  }\n};\n\n/**\n * Time only format\n */\nexport const formatTime = (date: Date, locale?: string) => {\n  try {\n    return date.toLocaleTimeString(locale || systemLocale, { hour: '2-digit', minute: '2-digit' });\n  } catch {\n    return undefined;\n  }\n};\n\n/**\n * Date and time format\n */\nexport const formatDateTime = (date: Date, locale?: string) => {\n  try {\n    return date.toLocaleString(locale || systemLocale, {\n      hour: '2-digit',\n      minute: '2-digit',\n      year: 'numeric',\n      month: 'numeric',\n      day: 'numeric',\n      hour12: locale === 'en-US',\n    });\n  } catch {\n    return undefined;\n  }\n};\n"],"mappings":";;;;;;AAEA,IAAAA,YAAA,GAAAC,OAAA;AAA6C,IAAAC,qBAAA,EAAAC,sBAAA;AAE7C;AACA,MAAMC,YAAoB,IAAAF,qBAAA,GAAGG,0BAAa,CAACC,WAAW,cAAAJ,qBAAA,wBAAAC,sBAAA,GAAzBD,qBAAA,CAA2BK,gBAAgB,cAAAJ,sBAAA,uBAA3CA,sBAAA,CACzBK,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CACnBC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CACbD,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC;;AAEpB;AACA;AACA;AACO,MAAME,UAAU,GAAGA,CAACC,IAAU,EAAEC,MAAe,EAAEC,OAAoC,KAAK;EAC/F,IAAI;IACF,OAAOF,IAAI,CAACG,kBAAkB,CAACF,MAAM,IAAIR,YAAY,EAAES,OAAO,CAAC;EACjE,CAAC,CAAC,MAAM;IACN,OAAOE,SAAS;EAClB;AACF,CAAC;;AAED;AACA;AACA;AAFAC,OAAA,CAAAN,UAAA,GAAAA,UAAA;AAGO,MAAMO,UAAU,GAAGA,CAACN,IAAU,EAAEC,MAAe,KAAK;EACzD,IAAI;IACF,OAAOD,IAAI,CAACO,kBAAkB,CAACN,MAAM,IAAIR,YAAY,EAAE;MAAEe,IAAI,EAAE,SAAS;MAAEC,MAAM,EAAE;IAAU,CAAC,CAAC;EAChG,CAAC,CAAC,MAAM;IACN,OAAOL,SAAS;EAClB;AACF,CAAC;;AAED;AACA;AACA;AAFAC,OAAA,CAAAC,UAAA,GAAAA,UAAA;AAGO,MAAMI,cAAc,GAAGA,CAACV,IAAU,EAAEC,MAAe,KAAK;EAC7D,IAAI;IACF,OAAOD,IAAI,CAACW,cAAc,CAACV,MAAM,IAAIR,YAAY,EAAE;MACjDe,IAAI,EAAE,SAAS;MACfC,MAAM,EAAE,SAAS;MACjBG,IAAI,EAAE,SAAS;MACfC,KAAK,EAAE,SAAS;MAChBC,GAAG,EAAE,SAAS;MACdC,MAAM,EAAEd,MAAM,KAAK;IACrB,CAAC,CAAC;EACJ,CAAC,CAAC,MAAM;IACN,OAAOG,SAAS;EAClB;AACF,CAAC;AAACC,OAAA,CAAAK,cAAA,GAAAA,cAAA"}
+{"version":3,"names":["_reactNative","require","_timeago","_NativeModules$I18nMa","_NativeModules$I18nMa2","MINUTE","DAY","systemLocale","NativeModules","I18nManager","localeIdentifier","replace","split","formatDate","date","locale","options","toLocaleDateString","undefined","exports","formatTime","toLocaleTimeString","hour","minute","formatDateTime","toLocaleString","year","month","day","hour12","formatMonth","getFullYear","formatTimeAgo","format","formatTimestamp","nowLabel","_formatDateTime2","now","Date","timestamp","getTime","_formatDateTime","pad","x","String","convertDateToUTCTimestamp","parse","getMonth","getDate","convertDateStrToLocalDate","Platform","select","android","timezoneOffset","getTimezoneOffset","default","formatDateOnlyFromUTCTimestamp","utcTimestamp","_formatDate","utcDate","getUTCFullYear","getUTCMonth","getUTCDate","OS","SettingsManager","settings","AppleLocale","formatDateTimeLocalized","formatDateLocalized"],"sources":["date.ts"],"sourcesContent":["// Date & Time formatted as specified in SW-610\n\nimport { NativeModules, Platform } from 'react-native';\nimport { format } from 'timeago.js';\n\nconst MINUTE = 60 * 1000;\nconst DAY = 24 * 60 * MINUTE;\n\n// OS locale\nconst systemLocale: string = NativeModules.I18nManager?.localeIdentifier\n  ?.replace(/_/g, '-')\n  .split('#')[0]\n  .replace(/-$/, '');\n\n/**\n * Date only format\n */\nexport const formatDate = (date: Date, locale?: string, options?: Intl.DateTimeFormatOptions) => {\n  try {\n    return date.toLocaleDateString(locale || systemLocale, options);\n  } catch {\n    return undefined;\n  }\n};\n\n/**\n * Time only format\n */\nexport const formatTime = (date: Date, locale?: string) => {\n  try {\n    return date.toLocaleTimeString(locale || systemLocale, { hour: '2-digit', minute: '2-digit' });\n  } catch {\n    return undefined;\n  }\n};\n\n/**\n * Date and time format\n */\nexport const formatDateTime = (date: Date, locale?: string) => {\n  try {\n    return date.toLocaleString(locale || systemLocale, {\n      hour: '2-digit',\n      minute: '2-digit',\n      year: 'numeric',\n      month: 'numeric',\n      day: 'numeric',\n      hour12: locale === 'en-US',\n    });\n  } catch {\n    return undefined;\n  }\n};\n\n/**\n * Month format\n */\nexport const formatMonth = (date: Date, locale: string): string => {\n  return `${date.toLocaleString(locale, {\n    month: 'long',\n  })} ${date.getFullYear()}`;\n};\n\n/**\n * Time-ago format\n */\nexport const formatTimeAgo = (date: Date, locale: string): string => {\n  return format(date, locale);\n};\n\n/**\n * Timestamp formatted for general use\n */\nexport const formatTimestamp = (date: Date, locale: string, nowLabel: string): string => {\n  const now = Date.now();\n  const timestamp = date.getTime();\n  if (now < timestamp) {\n    // in the future\n    return formatDateTime(date, locale) ?? '';\n  }\n\n  // in the past\n  if (now - timestamp < MINUTE) {\n    // less than a minute ago\n    return nowLabel;\n  }\n\n  // less than a day ago\n  if (now - timestamp < DAY) {\n    return formatTimeAgo(date, locale);\n  }\n\n  // longer ago\n  return formatDateTime(date, locale) ?? '';\n};\n\nconst pad = (x: number) => (x >= 0 && x < 10 ? `0${x}` : String(x));\n\n/**\n * Utility function to deal with `date`-type attributes\n * @param {Date} date local timezone representation\n * @returns {number} the same day, but UTC timezone with midnight time\n */\nexport const convertDateToUTCTimestamp = (date: Date): number =>\n  Date.parse(`${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`);\n\n/**\n * Utility function to deal with `date`-type attributes\n * @param {string} date in YYYY-MM-DD representation\n * @returns {Date} the same day, but local timezone with midnight time\n */\nexport const convertDateStrToLocalDate = (date: string): Date =>\n  Platform.select({\n    // android conversion using the standard date parsing doesn't work, computing the timestamp manually\n    android: (() => {\n      const timestamp = Date.parse(date);\n      const timezoneOffset = new Date(date).getTimezoneOffset();\n      return new Date(timestamp + timezoneOffset * MINUTE);\n    })(),\n    default: new Date(`${date}T00:00:00`),\n  });\n\n/**\n * Inverted function to {@link convertDateToUTCTimestamp}\n * @param {number} utcTimestamp date timestamp represented as midnight UTC time\n * @returns {string} formatted date (based on locale settings, e.g. `21/02/2021`)\n */\nexport const formatDateOnlyFromUTCTimestamp = (utcTimestamp: number): string => {\n  const utcDate = new Date(utcTimestamp);\n  return (\n    formatDate(\n      convertDateStrToLocalDate(\n        `${utcDate.getUTCFullYear()}-${pad(utcDate.getUTCMonth() + 1)}-${pad(utcDate.getUTCDate())}`,\n      ),\n    ) ?? ''\n  );\n};\n\nconst locale = (\n  Platform.OS === 'ios'\n    ? NativeModules.SettingsManager.settings.AppleLocale\n    : NativeModules.I18nManager.localeIdentifier\n)\n  .split('@')[0]\n  .replace('_', '-');\n\nexport const formatDateTimeLocalized = (date: Date) => {\n  return formatDateTime(date, locale);\n};\n\nexport const formatDateLocalized = (date: Date) => {\n  return formatDate(date, locale);\n};\n"],"mappings":"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"}