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

package/lib/commonjs/ui-components/state/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ErrorScreen", {
+  enumerable: true,
+  get: function () {
+    return _errorScreen.default;
+  }
+});
+Object.defineProperty(exports, "ErrorScreenButton", {
+  enumerable: true,
+  get: function () {
+    return _errorScreen.ErrorScreenButton;
+  }
+});
+Object.defineProperty(exports, "ErrorScreenProps", {
+  enumerable: true,
+  get: function () {
+    return _errorScreen.ErrorScreenProps;
+  }
+});
+var _errorScreen = _interopRequireWildcard(require("./error-screen"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/ui-components/state/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_errorScreen","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set"],"sources":["index.ts"],"sourcesContent":["import ErrorScreen, { ErrorScreenButton, ErrorScreenProps } from './error-screen';\n\nexport { ErrorScreen, ErrorScreenButton, ErrorScreenProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAkF,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA","ignoreList":[]}

package/lib/commonjs/ui-components/text/base.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BaseText = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _accessibility = require("../accessibility/accessibility");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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); }
+const BaseText = exports.BaseText = /*#__PURE__*/_react.default.forwardRef(({
+  align = 'left',
+  color,
+  style,
+  children,
+  announcementActive,
+  announcementCumulative,
+  onAnnouncementFinished,
+  ...props
+}, ref) => {
+  const announcementFinished = (0, _accessibility.useAccessibilityAnnouncementCumulative)(announcementActive && typeof children === 'string' ? children : undefined, announcementCumulative);
+  (0, _react.useEffect)(() => {
+    onAnnouncementFinished === null || onAnnouncementFinished === void 0 || onAnnouncementFinished(announcementFinished);
+  }, [announcementFinished, onAnnouncementFinished]);
+  const baseStyle = {
+    textAlign: align,
+    color
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Text, _extends({
+    ref: ref,
+    style: [baseStyle, style],
+    maxFontSizeMultiplier: 2
+  }, props), children);
+});
+BaseText.displayName = 'BaseText';
+//# sourceMappingURL=base.js.map

package/lib/commonjs/ui-components/text/base.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_accessibility","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","BaseText","exports","React","forwardRef","align","color","style","children","announcementActive","announcementCumulative","onAnnouncementFinished","props","ref","announcementFinished","useAccessibilityAnnouncementCumulative","undefined","useEffect","baseStyle","textAlign","createElement","Text","maxFontSizeMultiplier","displayName"],"sources":["base.tsx"],"sourcesContent":["import React, { PropsWithChildren, useEffect } from 'react';\nimport { ColorValue, StyleProp, Text, TextProps, TextStyle } from 'react-native';\n\nimport { useAccessibilityAnnouncementCumulative } from '../accessibility/accessibility';\n\nexport type BaseTextProps = TextProps & {\n  align?: 'center' | 'left' | 'right';\n  color: ColorValue;\n  style?: StyleProp<TextStyle>;\n\n  /* accessibility automatic voice-over */\n  announcementActive?: boolean;\n  announcementCumulative?: boolean;\n  /* only supported (fired) on iOS */\n  onAnnouncementFinished?: (finished: boolean) => void;\n};\n\nexport const BaseText = React.forwardRef<Text, PropsWithChildren<BaseTextProps>>(\n  (\n    {\n      align = 'left',\n      color,\n      style,\n      children,\n      announcementActive,\n      announcementCumulative,\n      onAnnouncementFinished,\n      ...props\n    },\n    ref,\n  ) => {\n    const announcementFinished = useAccessibilityAnnouncementCumulative(\n      announcementActive && typeof children === 'string' ? (children as string) : undefined,\n      announcementCumulative,\n    );\n    useEffect(() => {\n      onAnnouncementFinished?.(announcementFinished);\n    }, [announcementFinished, onAnnouncementFinished]);\n\n    const baseStyle: TextStyle = {\n      textAlign: align,\n      color,\n    };\n\n    return (\n      <Text ref={ref} style={[baseStyle, style]} maxFontSizeMultiplier={2} {...props}>\n        {children}\n      </Text>\n    );\n  },\n);\n\nBaseText.displayName = 'BaseText';\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui-components/text/font.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fontFactory = exports.default = void 0;
+var _reactNative = require("react-native");
+var FontFace = /*#__PURE__*/function (FontFace) {
+  FontFace["OpenSans"] = "Open Sans";
+  FontFace["IBMPlexMono"] = "IBM Plex Mono";
+  FontFace["ProcivisBook"] = "Procivis-Book";
+  return FontFace;
+}(FontFace || {});
+var FontWeight = /*#__PURE__*/function (FontWeight) {
+  FontWeight["Medium"] = "500";
+  FontWeight["Regular"] = "400";
+  return FontWeight;
+}(FontWeight || {});
+// generate styles for a font with given weight and style
+const fontFactory = ({
+  face,
+  weight
+}) => {
+  if (_reactNative.Platform.OS === 'android') {
+    var _Object$values$Object;
+    const filePrefix = (_Object$values$Object = Object.values(FontFace)[Object.values(FontFace).indexOf(face)]) === null || _Object$values$Object === void 0 ? void 0 : _Object$values$Object.replace(' ', '');
+    if (!weight) {
+      return {
+        fontFamily: filePrefix
+      };
+    }
+    const fileSuffix = Object.keys(FontWeight)[Object.values(FontWeight).indexOf(weight)];
+    return {
+      fontFamily: `${filePrefix}-${fileSuffix}`
+    };
+  } else {
+    return {
+      fontFamily: face,
+      fontWeight: weight
+    };
+  }
+};
+exports.fontFactory = fontFactory;
+const font = {
+  regular: fontFactory({
+    face: FontFace.OpenSans,
+    weight: FontWeight.Regular
+  }),
+  medium: fontFactory({
+    face: FontFace.OpenSans,
+    weight: FontWeight.Medium
+  }),
+  code: fontFactory({
+    face: FontFace.IBMPlexMono,
+    weight: FontWeight.Regular
+  }),
+  heading: fontFactory({
+    face: FontFace.ProcivisBook
+  })
+};
+var _default = exports.default = font;
+//# sourceMappingURL=font.js.map

package/lib/commonjs/ui-components/text/font.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","FontFace","FontWeight","fontFactory","face","weight","Platform","OS","_Object$values$Object","filePrefix","Object","values","indexOf","replace","fontFamily","fileSuffix","keys","fontWeight","exports","font","regular","OpenSans","Regular","medium","Medium","code","IBMPlexMono","heading","ProcivisBook","_default","default"],"sources":["font.ts"],"sourcesContent":["import { Platform, TextStyle } from 'react-native';\n\nexport interface FontStyle {\n  fontFamily?: string;\n  fontWeight?: TextStyle['fontWeight'];\n}\n\nenum FontFace {\n  OpenSans = 'Open Sans',\n  IBMPlexMono = 'IBM Plex Mono',\n  ProcivisBook = 'Procivis-Book',\n}\n\nenum FontWeight {\n  Medium = '500',\n  Regular = '400',\n}\n\nexport interface FontFactoryProps {\n  face: FontFace;\n  weight?: FontWeight;\n}\n\n// generate styles for a font with given weight and style\nexport const fontFactory = ({ face, weight }: FontFactoryProps): FontStyle => {\n  if (Platform.OS === 'android') {\n    const filePrefix = Object.values(FontFace)[Object.values(FontFace).indexOf(face)]?.replace(' ', '');\n    if (!weight) {\n      return {\n        fontFamily: filePrefix,\n      };\n    }\n    const fileSuffix = Object.keys(FontWeight)[Object.values(FontWeight).indexOf(weight)];\n    return {\n      fontFamily: `${filePrefix}-${fileSuffix}`,\n    };\n  } else {\n    return {\n      fontFamily: face,\n      fontWeight: weight,\n    };\n  }\n};\n\nconst font = {\n  regular: fontFactory({ face: FontFace.OpenSans, weight: FontWeight.Regular }),\n  medium: fontFactory({ face: FontFace.OpenSans, weight: FontWeight.Medium }),\n  code: fontFactory({ face: FontFace.IBMPlexMono, weight: FontWeight.Regular }),\n  heading: fontFactory({ face: FontFace.ProcivisBook }),\n};\n\nexport default font;\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAmD,IAO9CC,QAAQ,0BAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAAA,OAARA,QAAQ;AAAA,EAARA,QAAQ;AAAA,IAMRC,UAAU,0BAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAA,OAAVA,UAAU;AAAA,EAAVA,UAAU;AAUf;AACO,MAAMC,WAAW,GAAGA,CAAC;EAAEC,IAAI;EAAEC;AAAyB,CAAC,KAAgB;EAC5E,IAAIC,qBAAQ,CAACC,EAAE,KAAK,SAAS,EAAE;IAAA,IAAAC,qBAAA;IAC7B,MAAMC,UAAU,IAAAD,qBAAA,GAAGE,MAAM,CAACC,MAAM,CAACV,QAAQ,CAAC,CAACS,MAAM,CAACC,MAAM,CAACV,QAAQ,CAAC,CAACW,OAAO,CAACR,IAAI,CAAC,CAAC,cAAAI,qBAAA,uBAA9DA,qBAAA,CAAgEK,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC;IACnG,IAAI,CAACR,MAAM,EAAE;MACX,OAAO;QACLS,UAAU,EAAEL;MACd,CAAC;IACH;IACA,MAAMM,UAAU,GAAGL,MAAM,CAACM,IAAI,CAACd,UAAU,CAAC,CAACQ,MAAM,CAACC,MAAM,CAACT,UAAU,CAAC,CAACU,OAAO,CAACP,MAAM,CAAC,CAAC;IACrF,OAAO;MACLS,UAAU,EAAE,GAAGL,UAAU,IAAIM,UAAU;IACzC,CAAC;EACH,CAAC,MAAM;IACL,OAAO;MACLD,UAAU,EAAEV,IAAI;MAChBa,UAAU,EAAEZ;IACd,CAAC;EACH;AACF,CAAC;AAACa,OAAA,CAAAf,WAAA,GAAAA,WAAA;AAEF,MAAMgB,IAAI,GAAG;EACXC,OAAO,EAAEjB,WAAW,CAAC;IAAEC,IAAI,EAAEH,QAAQ,CAACoB,QAAQ;IAAEhB,MAAM,EAAEH,UAAU,CAACoB;EAAQ,CAAC,CAAC;EAC7EC,MAAM,EAAEpB,WAAW,CAAC;IAAEC,IAAI,EAAEH,QAAQ,CAACoB,QAAQ;IAAEhB,MAAM,EAAEH,UAAU,CAACsB;EAAO,CAAC,CAAC;EAC3EC,IAAI,EAAEtB,WAAW,CAAC;IAAEC,IAAI,EAAEH,QAAQ,CAACyB,WAAW;IAAErB,MAAM,EAAEH,UAAU,CAACoB;EAAQ,CAAC,CAAC;EAC7EK,OAAO,EAAExB,WAAW,CAAC;IAAEC,IAAI,EAAEH,QAAQ,CAAC2B;EAAa,CAAC;AACtD,CAAC;AAAC,IAAAC,QAAA,GAAAX,OAAA,CAAAY,OAAA,GAEaX,IAAI","ignoreList":[]}

package/lib/commonjs/ui-components/text/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Typography", {
+  enumerable: true,
+  get: function () {
+    return _typography.default;
+  }
+});
+var _typography = _interopRequireDefault(require("./typography"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/ui-components/text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_typography","_interopRequireDefault","require","e","__esModule","default"],"sources":["index.ts"],"sourcesContent":["import type { TypographyProps } from './typography';\nimport Typography from './typography';\n\nexport { Typography, TypographyProps };\n"],"mappings":";;;;;;;;;;;AACA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAsC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

package/lib/commonjs/ui-components/text/typography.js

@@ -0,0 +1,116 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _theme = require("../theme");
+var _base = require("./base");
+var _font = _interopRequireDefault(require("./font"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+const presets = {
+  xl: {
+    ..._font.default.heading,
+    fontSize: 26,
+    lineHeight: 36,
+    letterSpacing: 0.2
+  },
+  l: {
+    ..._font.default.heading,
+    fontSize: 24,
+    lineHeight: 33
+  },
+  'l/line-height-large': {
+    ..._font.default.heading,
+    fontSize: 24,
+    lineHeight: 28
+  },
+  regular: {
+    ..._font.default.regular,
+    fontSize: 17,
+    lineHeight: 24
+  },
+  m: {
+    ..._font.default.medium,
+    fontSize: 17,
+    lineHeight: 22,
+    letterSpacing: -0.2
+  },
+  'm/heading': {
+    ..._font.default.heading,
+    fontSize: 17,
+    lineHeight: 22,
+    letterSpacing: -0.2
+  },
+  s: {
+    ..._font.default.regular,
+    fontSize: 14,
+    lineHeight: 22
+  },
+  's/line-height-capped': {
+    ..._font.default.regular,
+    fontSize: 14,
+    lineHeight: 22,
+    letterSpacing: -0.2
+    // TODO: vertical trim: cap height
+  },
+  's/line-height-small': {
+    ..._font.default.regular,
+    fontSize: 14,
+    lineHeight: 18,
+    letterSpacing: 0.3
+  },
+  's/code': {
+    ..._font.default.code,
+    fontSize: 14,
+    lineHeight: 22,
+    letterSpacing: 0.2
+  },
+  xs: {
+    ..._font.default.regular,
+    fontSize: 12,
+    lineHeight: 22,
+    letterSpacing: -0.1
+  },
+  'xs/line-height-small': {
+    ..._font.default.regular,
+    fontSize: 12,
+    lineHeight: 18,
+    letterSpacing: 0.3
+  },
+  'xs/code': {
+    ..._font.default.code,
+    fontSize: 12,
+    lineHeight: 18,
+    letterSpacing: 0.3
+  }
+};
+/**
+ * General text component
+ * @see https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?node-id=1045-30326
+ */
+const Typography = /*#__PURE__*/_react.default.forwardRef(({
+  preset = 'regular',
+  color,
+  caps,
+  style,
+  ...props
+}, ref) => {
+  const colorScheme = (0, _theme.useAppColorScheme)();
+  return /*#__PURE__*/_react.default.createElement(_base.BaseText, _extends({
+    ref: ref,
+    style: [presets[preset], caps && styles.caps, style],
+    color: color !== null && color !== void 0 ? color : colorScheme.text
+  }, props));
+});
+Typography.displayName = 'Typography';
+const styles = _reactNative.StyleSheet.create({
+  caps: {
+    textTransform: 'uppercase'
+  }
+});
+var _default = exports.default = Typography;
+//# sourceMappingURL=typography.js.map

package/lib/commonjs/ui-components/text/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_theme","_base","_font","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","presets","xl","font","heading","fontSize","lineHeight","letterSpacing","l","regular","m","medium","s","code","xs","Typography","React","forwardRef","preset","color","caps","style","props","ref","colorScheme","useAppColorScheme","createElement","BaseText","styles","text","displayName","StyleSheet","create","textTransform","_default","exports"],"sources":["typography.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, Text } from 'react-native';\n\nimport { useAppColorScheme } from '../theme';\nimport { BaseText, BaseTextProps } from './base';\nimport font from './font';\n\nconst presets = {\n  xl: {\n    ...font.heading,\n    fontSize: 26,\n    lineHeight: 36,\n    letterSpacing: 0.2,\n  },\n  l: {\n    ...font.heading,\n    fontSize: 24,\n    lineHeight: 33,\n  },\n  'l/line-height-large': {\n    ...font.heading,\n    fontSize: 24,\n    lineHeight: 28,\n  },\n  regular: {\n    ...font.regular,\n    fontSize: 17,\n    lineHeight: 24,\n  },\n  m: {\n    ...font.medium,\n    fontSize: 17,\n    lineHeight: 22,\n    letterSpacing: -0.2,\n  },\n  'm/heading': {\n    ...font.heading,\n    fontSize: 17,\n    lineHeight: 22,\n    letterSpacing: -0.2,\n  },\n  s: {\n    ...font.regular,\n    fontSize: 14,\n    lineHeight: 22,\n  },\n  's/line-height-capped': {\n    ...font.regular,\n    fontSize: 14,\n    lineHeight: 22,\n    letterSpacing: -0.2,\n    // TODO: vertical trim: cap height\n  },\n  's/line-height-small': {\n    ...font.regular,\n    fontSize: 14,\n    lineHeight: 18,\n    letterSpacing: 0.3,\n  },\n  's/code': {\n    ...font.code,\n    fontSize: 14,\n    lineHeight: 22,\n    letterSpacing: 0.2,\n  },\n  xs: {\n    ...font.regular,\n    fontSize: 12,\n    lineHeight: 22,\n    letterSpacing: -0.1,\n  },\n  'xs/line-height-small': {\n    ...font.regular,\n    fontSize: 12,\n    lineHeight: 18,\n    letterSpacing: 0.3,\n  },\n  'xs/code': {\n    ...font.code,\n    fontSize: 12,\n    lineHeight: 18,\n    letterSpacing: 0.3,\n  },\n} as const;\n\nexport type TypographyProps = BaseTextProps & {\n  preset?: keyof typeof presets;\n  caps?: boolean;\n};\n\n/**\n * General text component\n * @see https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?node-id=1045-30326\n */\nconst Typography = React.forwardRef<Text, TypographyProps>(\n  ({ preset = 'regular', color, caps, style, ...props }, ref) => {\n    const colorScheme = useAppColorScheme();\n    return (\n      <BaseText\n        ref={ref}\n        style={[presets[preset], caps && styles.caps, style]}\n        color={color ?? colorScheme.text}\n        {...props}\n      />\n    );\n  },\n);\n\nTypography.displayName = 'Typography';\n\nconst styles = StyleSheet.create({\n  caps: {\n    textTransform: 'uppercase',\n  },\n});\n\nexport default Typography;\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui-components/theme/color-scheme-context.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ColorSchemeProvider = ColorSchemeProvider;
+exports.useAppColorScheme = useAppColorScheme;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const defaultColorScheme = {
+  accent: '#0F151A',
+  accentText: '#EBF2F4',
+  background: '#F1F3F5',
+  backgroundScroll: 'rgba(241, 243, 245, 0.7)',
+  black: '#000000',
+  codeAccent: '#CFD2E7',
+  credentialHeaderBackground: 'rgba(255, 255, 255, 0.87)',
+  error: '#D90D0D',
+  errorText: '#A73535',
+  grayDark: '#CDD4DA',
+  linkText: '#3F7BA6',
+  success: '#00D066',
+  successText: '#006B34',
+  text: '#0D0E10',
+  warning: '#F7BF0B',
+  white: '#FFFFFF',
+  darkMode: false,
+  nerdView: {
+    background: 'rgba(2, 4, 21, 0.95)',
+    attributeLabel: '#929497',
+    attributeValueBackground: 'rgba(255, 255, 255, 0.02)',
+    attributeValueBorder: 'rgba(255, 255, 255, 0.2)',
+    attributeSectionBackground: 'rgba(2, 4, 21, 0.8)',
+    button: 'rgba(255, 255, 255, 0.05)',
+    codeHighlightText: 'rgba(232, 135, 114, 1)'
+  }
+};
+const ColorSchemeContext = /*#__PURE__*/_react.default.createContext(defaultColorScheme);
+ColorSchemeContext.displayName = 'ColorSchemeContext';
+function ColorSchemeProvider(props) {
+  return /*#__PURE__*/_react.default.createElement(ColorSchemeContext.Provider, {
+    value: props.colorScheme
+  }, props.children);
+}
+
+/**
+ * A hook to gain access to the current `ColorScheme`
+ * @note A custom superset of `ColorScheme` can be used (must also be passed to the `ColorSchemeProvider`)
+ */
+function useAppColorScheme() {
+  return _react.default.useContext(ColorSchemeContext);
+}
+//# sourceMappingURL=color-scheme-context.js.map

package/lib/commonjs/ui-components/theme/color-scheme-context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","e","__esModule","default","defaultColorScheme","accent","accentText","background","backgroundScroll","black","codeAccent","credentialHeaderBackground","error","errorText","grayDark","linkText","success","successText","text","warning","white","darkMode","nerdView","attributeLabel","attributeValueBackground","attributeValueBorder","attributeSectionBackground","button","codeHighlightText","ColorSchemeContext","React","createContext","displayName","ColorSchemeProvider","props","createElement","Provider","value","colorScheme","children","useAppColorScheme","useContext"],"sources":["color-scheme-context.tsx"],"sourcesContent":["import React, { PropsWithChildren } from 'react';\n\nimport type { ColorScheme } from './color-scheme';\n\nconst defaultColorScheme: ColorScheme = {\n  accent: '#0F151A',\n  accentText: '#EBF2F4',\n  background: '#F1F3F5',\n  backgroundScroll: 'rgba(241, 243, 245, 0.7)',\n  black: '#000000',\n  codeAccent: '#CFD2E7',\n  credentialHeaderBackground: 'rgba(255, 255, 255, 0.87)',\n  error: '#D90D0D',\n  errorText: '#A73535',\n  grayDark: '#CDD4DA',\n  linkText: '#3F7BA6',\n  success: '#00D066',\n  successText: '#006B34',\n  text: '#0D0E10',\n  warning: '#F7BF0B',\n  white: '#FFFFFF',\n  darkMode: false,\n  nerdView: {\n    background: 'rgba(2, 4, 21, 0.95)',\n    attributeLabel: '#929497',\n    attributeValueBackground: 'rgba(255, 255, 255, 0.02)',\n    attributeValueBorder: 'rgba(255, 255, 255, 0.2)',\n    attributeSectionBackground: 'rgba(2, 4, 21, 0.8)',\n    button: 'rgba(255, 255, 255, 0.05)',\n    codeHighlightText: 'rgba(232, 135, 114, 1)',\n  },\n};\n\nconst ColorSchemeContext = React.createContext<ColorScheme>(defaultColorScheme);\nColorSchemeContext.displayName = 'ColorSchemeContext';\n\nexport function ColorSchemeProvider<Scheme extends ColorScheme = ColorScheme>(\n  props: PropsWithChildren<{ colorScheme: Scheme }>,\n) {\n  return <ColorSchemeContext.Provider value={props.colorScheme}>{props.children}</ColorSchemeContext.Provider>;\n}\n\n/**\n * A hook to gain access to the current `ColorScheme`\n * @note A custom superset of `ColorScheme` can be used (must also be passed to the `ColorSchemeProvider`)\n */\nexport function useAppColorScheme<Scheme extends ColorScheme = ColorScheme>(): Readonly<Scheme> {\n  return React.useContext(ColorSchemeContext) as Scheme;\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAiD,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAIjD,MAAMG,kBAA+B,GAAG;EACtCC,MAAM,EAAE,SAAS;EACjBC,UAAU,EAAE,SAAS;EACrBC,UAAU,EAAE,SAAS;EACrBC,gBAAgB,EAAE,0BAA0B;EAC5CC,KAAK,EAAE,SAAS;EAChBC,UAAU,EAAE,SAAS;EACrBC,0BAA0B,EAAE,2BAA2B;EACvDC,KAAK,EAAE,SAAS;EAChBC,SAAS,EAAE,SAAS;EACpBC,QAAQ,EAAE,SAAS;EACnBC,QAAQ,EAAE,SAAS;EACnBC,OAAO,EAAE,SAAS;EAClBC,WAAW,EAAE,SAAS;EACtBC,IAAI,EAAE,SAAS;EACfC,OAAO,EAAE,SAAS;EAClBC,KAAK,EAAE,SAAS;EAChBC,QAAQ,EAAE,KAAK;EACfC,QAAQ,EAAE;IACRf,UAAU,EAAE,sBAAsB;IAClCgB,cAAc,EAAE,SAAS;IACzBC,wBAAwB,EAAE,2BAA2B;IACrDC,oBAAoB,EAAE,0BAA0B;IAChDC,0BAA0B,EAAE,qBAAqB;IACjDC,MAAM,EAAE,2BAA2B;IACnCC,iBAAiB,EAAE;EACrB;AACF,CAAC;AAED,MAAMC,kBAAkB,gBAAGC,cAAK,CAACC,aAAa,CAAc3B,kBAAkB,CAAC;AAC/EyB,kBAAkB,CAACG,WAAW,GAAG,oBAAoB;AAE9C,SAASC,mBAAmBA,CACjCC,KAAiD,EACjD;EACA,oBAAOpC,MAAA,CAAAK,OAAA,CAAAgC,aAAA,CAACN,kBAAkB,CAACO,QAAQ;IAACC,KAAK,EAAEH,KAAK,CAACI;EAAY,GAAEJ,KAAK,CAACK,QAAsC,CAAC;AAC9G;;AAEA;AACA;AACA;AACA;AACO,SAASC,iBAAiBA,CAAA,EAA+D;EAC9F,OAAOV,cAAK,CAACW,UAAU,CAACZ,kBAAkB,CAAC;AAC7C","ignoreList":[]}

package/lib/commonjs/ui-components/theme/color-scheme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["color-scheme.ts"],"sourcesContent":["/**\n * Color flavour of the application\n * colors according to figma design: https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?node-id=0-1\n */\nexport interface ColorScheme {\n  accent: string;\n  accentText: string;\n  background: string;\n  backgroundScroll: string;\n  black: string;\n  codeAccent: string;\n  credentialHeaderBackground: string;\n  error: string;\n  errorText: string;\n  grayDark: string;\n  linkText: string;\n  success: string;\n  successText: string;\n  text: string;\n  warning: string;\n  white: string;\n  darkMode: boolean;\n  nerdView: {\n    background: string;\n    attributeLabel: string;\n    attributeSectionBackground: string;\n    attributeValueBackground: string;\n    attributeValueBorder: string;\n    button: string;\n    codeHighlightText: string;\n  };\n}\n"],"mappings":"","ignoreList":[]}

package/lib/commonjs/ui-components/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_colorSchemeContext","require"],"sources":["index.ts"],"sourcesContent":["export type { ColorScheme } from './color-scheme';\nimport { ColorSchemeProvider, useAppColorScheme } from './color-scheme-context';\n\nexport { ColorSchemeProvider, useAppColorScheme };\n"],"mappings":";;;;;;;;;;;;;;;;;AACA,IAAAA,mBAAA,GAAAC,OAAA","ignoreList":[]}

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","ignoreList":[]}

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,OAAO,uBAAuB,IAAAC,kBAAY,EAAC,CAAC,MAAM;AACpD,CAAC;AAACC,OAAA,CAAAF,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/lib/commonjs/utils/color.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getBrightness = exports.colorWithAlphaComponent = exports.colorArray = void 0;
 var _normalizeColor = _interopRequireDefault(require("@react-native/normalize-color"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /* eslint-disable no-bitwise */
 
 const colorArray = color => {

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

@@ -1 +1 @@
-{"version":3,"names":["_normalizeColor","_interopRequireDefault","require","obj","__esModule","default","colorArray","color","normalized","normalizeColor","r","g","b","a","exports","colorWithAlphaComponent","alpha","Math","min","max","colorValues","colorHexString","map","value","round","toString","padStart","join","getBrightness","rgb"],"sources":["color.ts"],"sourcesContent":["/* eslint-disable no-bitwise */\nimport normalizeColor from '@react-native/normalize-color';\nimport type { ColorValue } from 'react-native';\n\nexport const colorArray = (color: ColorValue) => {\n  const normalized = normalizeColor(color);\n\n  const r = (normalized >> 24) & 0xff;\n  const g = (normalized >> 16) & 0xff;\n  const b = (normalized >> 8) & 0xff;\n  const a = normalized & 0xff;\n\n  return [r / 255, g / 255, b / 255, a / 255];\n};\n\nexport const colorWithAlphaComponent = (color: ColorValue, alpha: number): ColorValue => {\n  alpha = Math.min(1, Math.max(0, alpha));\n  const colorValues = colorArray(color);\n  colorValues[3] = alpha;\n  const colorHexString = colorValues\n    .map((value) =>\n      Math.round(255 * value)\n        .toString(16)\n        .padStart(2, '0'),\n    )\n    .join('');\n  return `#${colorHexString}`;\n};\n\nexport const getBrightness = (color: ColorValue) => {\n  const rgb = colorArray(color);\n  // https://en.wikipedia.org/wiki/Relative_luminance\n  return 0.2126 * rgb[0] + 0.7152 * rgb[1] + 0.0722 * rgb[2];\n};\n"],"mappings":";;;;;;AACA,IAAAA,eAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA2D,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAD3D;;AAIO,MAAMG,UAAU,GAAIC,KAAiB,IAAK;EAC/C,MAAMC,UAAU,GAAG,IAAAC,uBAAc,EAACF,KAAK,CAAC;EAExC,MAAMG,CAAC,GAAIF,UAAU,IAAI,EAAE,GAAI,IAAI;EACnC,MAAMG,CAAC,GAAIH,UAAU,IAAI,EAAE,GAAI,IAAI;EACnC,MAAMI,CAAC,GAAIJ,UAAU,IAAI,CAAC,GAAI,IAAI;EAClC,MAAMK,CAAC,GAAGL,UAAU,GAAG,IAAI;EAE3B,OAAO,CAACE,CAAC,GAAG,GAAG,EAAEC,CAAC,GAAG,GAAG,EAAEC,CAAC,GAAG,GAAG,EAAEC,CAAC,GAAG,GAAG,CAAC;AAC7C,CAAC;AAACC,OAAA,CAAAR,UAAA,GAAAA,UAAA;AAEK,MAAMS,uBAAuB,GAAGA,CAACR,KAAiB,EAAES,KAAa,KAAiB;EACvFA,KAAK,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,GAAG,CAAC,CAAC,EAAEH,KAAK,CAAC,CAAC;EACvC,MAAMI,WAAW,GAAGd,UAAU,CAACC,KAAK,CAAC;EACrCa,WAAW,CAAC,CAAC,CAAC,GAAGJ,KAAK;EACtB,MAAMK,cAAc,GAAGD,WAAW,CAC/BE,GAAG,CAAEC,KAAK,IACTN,IAAI,CAACO,KAAK,CAAC,GAAG,GAAGD,KAAK,CAAC,CACpBE,QAAQ,CAAC,EAAE,CAAC,CACZC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CACpB,CACAC,IAAI,CAAC,EAAE,CAAC;EACX,OAAQ,IAAGN,cAAe,EAAC;AAC7B,CAAC;AAACP,OAAA,CAAAC,uBAAA,GAAAA,uBAAA;AAEK,MAAMa,aAAa,GAAIrB,KAAiB,IAAK;EAClD,MAAMsB,GAAG,GAAGvB,UAAU,CAACC,KAAK,CAAC;EAC7B;EACA,OAAO,MAAM,GAAGsB,GAAG,CAAC,CAAC,CAAC,GAAG,MAAM,GAAGA,GAAG,CAAC,CAAC,CAAC,GAAG,MAAM,GAAGA,GAAG,CAAC,CAAC,CAAC;AAC5D,CAAC;AAACf,OAAA,CAAAc,aAAA,GAAAA,aAAA"}
+{"version":3,"names":["_normalizeColor","_interopRequireDefault","require","e","__esModule","default","colorArray","color","normalized","normalizeColor","r","g","b","a","exports","colorWithAlphaComponent","alpha","Math","min","max","colorValues","colorHexString","map","value","round","toString","padStart","join","getBrightness","rgb"],"sources":["color.ts"],"sourcesContent":["/* eslint-disable no-bitwise */\nimport normalizeColor from '@react-native/normalize-color';\nimport type { ColorValue } from 'react-native';\n\nexport const colorArray = (color: ColorValue) => {\n  const normalized = normalizeColor(color);\n\n  const r = (normalized >> 24) & 0xff;\n  const g = (normalized >> 16) & 0xff;\n  const b = (normalized >> 8) & 0xff;\n  const a = normalized & 0xff;\n\n  return [r / 255, g / 255, b / 255, a / 255];\n};\n\nexport const colorWithAlphaComponent = (color: ColorValue, alpha: number): ColorValue => {\n  alpha = Math.min(1, Math.max(0, alpha));\n  const colorValues = colorArray(color);\n  colorValues[3] = alpha;\n  const colorHexString = colorValues\n    .map((value) =>\n      Math.round(255 * value)\n        .toString(16)\n        .padStart(2, '0'),\n    )\n    .join('');\n  return `#${colorHexString}`;\n};\n\nexport const getBrightness = (color: ColorValue) => {\n  const rgb = colorArray(color);\n  // https://en.wikipedia.org/wiki/Relative_luminance\n  return 0.2126 * rgb[0] + 0.7152 * rgb[1] + 0.0722 * rgb[2];\n};\n"],"mappings":";;;;;;AACA,IAAAA,eAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA2D,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAD3D;;AAIO,MAAMG,UAAU,GAAIC,KAAiB,IAAK;EAC/C,MAAMC,UAAU,GAAG,IAAAC,uBAAc,EAACF,KAAK,CAAC;EAExC,MAAMG,CAAC,GAAIF,UAAU,IAAI,EAAE,GAAI,IAAI;EACnC,MAAMG,CAAC,GAAIH,UAAU,IAAI,EAAE,GAAI,IAAI;EACnC,MAAMI,CAAC,GAAIJ,UAAU,IAAI,CAAC,GAAI,IAAI;EAClC,MAAMK,CAAC,GAAGL,UAAU,GAAG,IAAI;EAE3B,OAAO,CAACE,CAAC,GAAG,GAAG,EAAEC,CAAC,GAAG,GAAG,EAAEC,CAAC,GAAG,GAAG,EAAEC,CAAC,GAAG,GAAG,CAAC;AAC7C,CAAC;AAACC,OAAA,CAAAR,UAAA,GAAAA,UAAA;AAEK,MAAMS,uBAAuB,GAAGA,CAACR,KAAiB,EAAES,KAAa,KAAiB;EACvFA,KAAK,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,GAAG,CAAC,CAAC,EAAEH,KAAK,CAAC,CAAC;EACvC,MAAMI,WAAW,GAAGd,UAAU,CAACC,KAAK,CAAC;EACrCa,WAAW,CAAC,CAAC,CAAC,GAAGJ,KAAK;EACtB,MAAMK,cAAc,GAAGD,WAAW,CAC/BE,GAAG,CAAEC,KAAK,IACTN,IAAI,CAACO,KAAK,CAAC,GAAG,GAAGD,KAAK,CAAC,CACpBE,QAAQ,CAAC,EAAE,CAAC,CACZC,QAAQ,CAAC,CAAC,EAAE,GAAG,CACpB,CAAC,CACAC,IAAI,CAAC,EAAE,CAAC;EACX,OAAO,IAAIN,cAAc,EAAE;AAC7B,CAAC;AAACP,OAAA,CAAAC,uBAAA,GAAAA,uBAAA;AAEK,MAAMa,aAAa,GAAIrB,KAAiB,IAAK;EAClD,MAAMsB,GAAG,GAAGvB,UAAU,CAACC,KAAK,CAAC;EAC7B;EACA,OAAO,MAAM,GAAGsB,GAAG,CAAC,CAAC,CAAC,GAAG,MAAM,GAAGA,GAAG,CAAC,CAAC,CAAC,GAAG,MAAM,GAAGA,GAAG,CAAC,CAAC,CAAC;AAC5D,CAAC;AAACf,OAAA,CAAAc,aAAA,GAAAA,aAAA","ignoreList":[]}

package/lib/commonjs/utils/contrasting-status-bar.js

@@ -7,17 +7,16 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _color = require("./color");
-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); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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); }
 /**
  * Defines transparent status bar with content contrasting to the background
  */
-const ContrastingStatusBar = _ref => {
-  let {
-    backgroundColor,
-    ...props
-  } = _ref;
+const ContrastingStatusBar = ({
+  backgroundColor,
+  ...props
+}) => {
   const barStyle = (0, _react.useMemo)(() => (0, _color.getBrightness)(backgroundColor) > 0.5 ? 'dark-content' : 'light-content', [backgroundColor]);
   return /*#__PURE__*/_react.default.createElement(_reactNative.StatusBar, _extends({
     translucent: true,
@@ -25,6 +24,5 @@ const ContrastingStatusBar = _ref => {
     backgroundColor: 'transparent'
   }, props));
 };
-var _default = ContrastingStatusBar;
-exports.default = _default;
+var _default = exports.default = ContrastingStatusBar;
 //# sourceMappingURL=contrasting-status-bar.js.map

package/lib/commonjs/utils/contrasting-status-bar.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_color","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ContrastingStatusBar","_ref","backgroundColor","props","barStyle","useMemo","getBrightness","createElement","StatusBar","translucent","_default","exports"],"sources":["contrasting-status-bar.tsx"],"sourcesContent":["import React, { FC, useMemo } from 'react';\nimport { ColorValue, StatusBar, StatusBarProps, StatusBarStyle } from 'react-native';\n\nimport { getBrightness } from './color';\n\ninterface ContrastingStatusBarProps extends Omit<StatusBarProps, 'barStyle'> {\n  backgroundColor: ColorValue;\n}\n\n/**\n * Defines transparent status bar with content contrasting to the background\n */\nconst ContrastingStatusBar: FC<ContrastingStatusBarProps> = ({ backgroundColor, ...props }) => {\n  const barStyle = useMemo<StatusBarStyle>(\n    () => (getBrightness(backgroundColor) > 0.5 ? 'dark-content' : 'light-content'),\n    [backgroundColor],\n  );\n  return <StatusBar translucent={true} barStyle={barStyle} backgroundColor={'transparent'} {...props} />;\n};\n\nexport default ContrastingStatusBar;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAAwC,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAL,wBAAAS,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAMxC;AACA;AACA;AACA,MAAMI,oBAAmD,GAAGC,IAAA,IAAmC;EAAA,IAAlC;IAAEC,eAAe;IAAE,GAAGC;EAAM,CAAC,GAAAF,IAAA;EACxF,MAAMG,QAAQ,GAAG,IAAAC,cAAO,EACtB,MAAO,IAAAC,oBAAa,EAACJ,eAAe,CAAC,GAAG,GAAG,GAAG,cAAc,GAAG,eAAgB,EAC/E,CAACA,eAAe,CAAC,CAClB;EACD,oBAAOtC,MAAA,CAAAY,OAAA,CAAA+B,aAAA,CAACxC,YAAA,CAAAyC,SAAS,EAAAjB,QAAA;IAACkB,WAAW,EAAE,IAAK;IAACL,QAAQ,EAAEA,QAAS;IAACF,eAAe,EAAE;EAAc,GAAKC,KAAK,EAAI;AACxG,CAAC;AAAC,IAAAO,QAAA,GAEaV,oBAAoB;AAAAW,OAAA,CAAAnC,OAAA,GAAAkC,QAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_color","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","ContrastingStatusBar","backgroundColor","props","barStyle","useMemo","getBrightness","createElement","StatusBar","translucent","_default","exports"],"sources":["contrasting-status-bar.tsx"],"sourcesContent":["import React, { FC, useMemo } from 'react';\nimport { ColorValue, StatusBar, StatusBarProps, StatusBarStyle } from 'react-native';\n\nimport { getBrightness } from './color';\n\ninterface ContrastingStatusBarProps extends Omit<StatusBarProps, 'barStyle'> {\n  backgroundColor: ColorValue;\n}\n\n/**\n * Defines transparent status bar with content contrasting to the background\n */\nconst ContrastingStatusBar: FC<ContrastingStatusBarProps> = ({ backgroundColor, ...props }) => {\n  const barStyle = useMemo<StatusBarStyle>(\n    () => (getBrightness(backgroundColor) > 0.5 ? 'dark-content' : 'light-content'),\n    [backgroundColor],\n  );\n  return <StatusBar translucent={true} barStyle={barStyle} backgroundColor={'transparent'} {...props} />;\n};\n\nexport default ContrastingStatusBar;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAAwC,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAW,SAAA,WAAAA,QAAA,GAAAR,MAAA,CAAAS,MAAA,GAAAT,MAAA,CAAAS,MAAA,CAAAC,IAAA,eAAAb,CAAA,aAAAR,CAAA,MAAAA,CAAA,GAAAsB,SAAA,CAAAC,MAAA,EAAAvB,CAAA,UAAAG,CAAA,GAAAmB,SAAA,CAAAtB,CAAA,YAAAE,CAAA,IAAAC,CAAA,OAAAY,cAAA,CAAAC,IAAA,CAAAb,CAAA,EAAAD,CAAA,MAAAM,CAAA,CAAAN,CAAA,IAAAC,CAAA,CAAAD,CAAA,aAAAM,CAAA,KAAAW,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAMxC;AACA;AACA;AACA,MAAMG,oBAAmD,GAAGA,CAAC;EAAEC,eAAe;EAAE,GAAGC;AAAM,CAAC,KAAK;EAC7F,MAAMC,QAAQ,GAAG,IAAAC,cAAO,EACtB,MAAO,IAAAC,oBAAa,EAACJ,eAAe,CAAC,GAAG,GAAG,GAAG,cAAc,GAAG,eAAgB,EAC/E,CAACA,eAAe,CAClB,CAAC;EACD,oBAAOhC,MAAA,CAAAW,OAAA,CAAA0B,aAAA,CAAClC,YAAA,CAAAmC,SAAS,EAAAb,QAAA;IAACc,WAAW,EAAE,IAAK;IAACL,QAAQ,EAAEA,QAAS;IAACF,eAAe,EAAE;EAAc,GAAKC,KAAK,CAAG,CAAC;AACxG,CAAC;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAA9B,OAAA,GAEaoB,oBAAoB","ignoreList":[]}

package/lib/commonjs/utils/date.js

@@ -3,11 +3,15 @@
 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 _NativeModules$I18nMa, _NativeModules$I18nMa2;
+var _timeago = require("timeago.js");
+var _I18nManager$getConst, _ref; // Date & Time formatted as specified in SW-610
+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(/-$/, '');
+const systemLocale = (_I18nManager$getConst = _reactNative.I18nManager.getConstants().localeIdentifier) === null || _I18nManager$getConst === void 0 ? void 0 : _I18nManager$getConst.replace(/_/g, '-').split('#')[0].replace(/-$/, '');
 
 /**
  * Date only format
@@ -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 = (_ref = _reactNative.Platform.OS === 'ios' ? _reactNative.Settings.get('AppleLocale') : _reactNative.I18nManager.getConstants().localeIdentifier) === null || _ref === void 0 ? void 0 : _ref.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