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

package/lib/module/ui-components/settings/setting-item.js

@@ -0,0 +1,68 @@
+import React, { useMemo } from 'react';
+import { StyleSheet, View } from 'react-native';
+import Typography from '../text/typography';
+import { useAppColorScheme } from '../theme/color-scheme-context';
+const styles = StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    flexDirection: 'row',
+    height: 60,
+    justifyContent: 'center',
+    width: '100%'
+  },
+  icon: {
+    alignItems: 'center',
+    borderRadius: 18,
+    height: 36,
+    justifyContent: 'center',
+    marginRight: 12,
+    width: 36
+  },
+  label: {
+    flex: 1,
+    marginBottom: 0,
+    marginTop: 0
+  },
+  wrapper: {
+    justifyContent: 'center',
+    marginHorizontal: 16,
+    paddingHorizontal: 12
+  }
+});
+const SettingItem = ({
+  title,
+  icon,
+  style,
+  children
+}) => {
+  const colorScheme = useAppColorScheme();
+  const iconView = useMemo(() => {
+    if (!icon) {
+      return undefined;
+    }
+    if (/*#__PURE__*/React.isValidElement(icon)) {
+      return icon;
+    } else {
+      const IconComponent = icon;
+      return /*#__PURE__*/React.createElement(IconComponent, null);
+    }
+  }, [icon]);
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.wrapper, {
+      backgroundColor: colorScheme.white
+    }, style]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, iconView && /*#__PURE__*/React.createElement(View, {
+    style: [styles.icon, {
+      backgroundColor: colorScheme.background
+    }]
+  }, iconView), /*#__PURE__*/React.createElement(Typography, {
+    accessible: false,
+    color: colorScheme.text,
+    preset: "s",
+    style: styles.label
+  }, title), children));
+};
+export default SettingItem;
+//# sourceMappingURL=setting-item.js.map

package/lib/module/ui-components/settings/setting-item.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","StyleSheet","View","Typography","useAppColorScheme","styles","create","container","alignItems","flexDirection","height","justifyContent","width","icon","borderRadius","marginRight","label","flex","marginBottom","marginTop","wrapper","marginHorizontal","paddingHorizontal","SettingItem","title","style","children","colorScheme","iconView","undefined","isValidElement","IconComponent","createElement","backgroundColor","white","background","accessible","color","text","preset"],"sources":["setting-item.tsx"],"sourcesContent":["import React, { ComponentType, FunctionComponent, PropsWithChildren, ReactElement, useMemo } from 'react';\nimport { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    height: 60,\n    justifyContent: 'center',\n    width: '100%',\n  },\n  icon: {\n    alignItems: 'center',\n    borderRadius: 18,\n    height: 36,\n    justifyContent: 'center',\n    marginRight: 12,\n    width: 36,\n  },\n  label: {\n    flex: 1,\n    marginBottom: 0,\n    marginTop: 0,\n  },\n  wrapper: {\n    justifyContent: 'center',\n    marginHorizontal: 16,\n    paddingHorizontal: 12,\n  },\n});\n\nexport type SettingItemProps = {\n  icon?: ComponentType<any> | ReactElement;\n  style?: StyleProp<ViewStyle>;\n  title: string;\n};\n\nconst SettingItem: FunctionComponent<PropsWithChildren<SettingItemProps>> = ({ title, icon, style, children }) => {\n  const colorScheme = useAppColorScheme();\n  const iconView: React.ReactElement | undefined = useMemo(() => {\n    if (!icon) {\n      return undefined;\n    }\n    if (React.isValidElement(icon)) {\n      return icon;\n    } else {\n      const IconComponent = icon as React.ComponentType<any>;\n      return <IconComponent />;\n    }\n  }, [icon]);\n\n  return (\n    <View style={[styles.wrapper, { backgroundColor: colorScheme.white }, style]}>\n      <View style={styles.container}>\n        {iconView && <View style={[styles.icon, { backgroundColor: colorScheme.background }]}>{iconView}</View>}\n        <Typography accessible={false} color={colorScheme.text} preset=\"s\" style={styles.label}>\n          {title}\n        </Typography>\n        {children}\n      </View>\n    </View>\n  );\n};\n\nexport default SettingItem;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAuEC,OAAO,QAAQ,OAAO;AACzG,SAAoBC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAErE,OAAOC,UAAU,MAAM,oBAAoB;AAC3C,SAASC,iBAAiB,QAAQ,+BAA+B;AAEjE,MAAMC,MAAM,GAAGJ,UAAU,CAACK,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE,KAAK;IACpBC,MAAM,EAAE,EAAE;IACVC,cAAc,EAAE,QAAQ;IACxBC,KAAK,EAAE;EACT,CAAC;EACDC,IAAI,EAAE;IACJL,UAAU,EAAE,QAAQ;IACpBM,YAAY,EAAE,EAAE;IAChBJ,MAAM,EAAE,EAAE;IACVC,cAAc,EAAE,QAAQ;IACxBI,WAAW,EAAE,EAAE;IACfH,KAAK,EAAE;EACT,CAAC;EACDI,KAAK,EAAE;IACLC,IAAI,EAAE,CAAC;IACPC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE;EACb,CAAC;EACDC,OAAO,EAAE;IACPT,cAAc,EAAE,QAAQ;IACxBU,gBAAgB,EAAE,EAAE;IACpBC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAQF,MAAMC,WAAmE,GAAGA,CAAC;EAAEC,KAAK;EAAEX,IAAI;EAAEY,KAAK;EAAEC;AAAS,CAAC,KAAK;EAChH,MAAMC,WAAW,GAAGvB,iBAAiB,CAAC,CAAC;EACvC,MAAMwB,QAAwC,GAAG5B,OAAO,CAAC,MAAM;IAC7D,IAAI,CAACa,IAAI,EAAE;MACT,OAAOgB,SAAS;IAClB;IACA,iBAAI9B,KAAK,CAAC+B,cAAc,CAACjB,IAAI,CAAC,EAAE;MAC9B,OAAOA,IAAI;IACb,CAAC,MAAM;MACL,MAAMkB,aAAa,GAAGlB,IAAgC;MACtD,oBAAOd,KAAA,CAAAiC,aAAA,CAACD,aAAa,MAAE,CAAC;IAC1B;EACF,CAAC,EAAE,CAAClB,IAAI,CAAC,CAAC;EAEV,oBACEd,KAAA,CAAAiC,aAAA,CAAC9B,IAAI;IAACuB,KAAK,EAAE,CAACpB,MAAM,CAACe,OAAO,EAAE;MAAEa,eAAe,EAAEN,WAAW,CAACO;IAAM,CAAC,EAAET,KAAK;EAAE,gBAC3E1B,KAAA,CAAAiC,aAAA,CAAC9B,IAAI;IAACuB,KAAK,EAAEpB,MAAM,CAACE;EAAU,GAC3BqB,QAAQ,iBAAI7B,KAAA,CAAAiC,aAAA,CAAC9B,IAAI;IAACuB,KAAK,EAAE,CAACpB,MAAM,CAACQ,IAAI,EAAE;MAAEoB,eAAe,EAAEN,WAAW,CAACQ;IAAW,CAAC;EAAE,GAAEP,QAAe,CAAC,eACvG7B,KAAA,CAAAiC,aAAA,CAAC7B,UAAU;IAACiC,UAAU,EAAE,KAAM;IAACC,KAAK,EAAEV,WAAW,CAACW,IAAK;IAACC,MAAM,EAAC,GAAG;IAACd,KAAK,EAAEpB,MAAM,CAACW;EAAM,GACpFQ,KACS,CAAC,EACZE,QACG,CACF,CAAC;AAEX,CAAC;AAED,eAAeH,WAAW","ignoreList":[]}

package/lib/module/ui-components/settings/settings-button.js

@@ -0,0 +1,26 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import { StyleSheet } from 'react-native';
+import { useAppColorScheme } from '../theme/color-scheme-context';
+import ButtonSetting from './button-setting';
+const SettingsButton = ({
+  style,
+  ...props
+}) => {
+  const colorScheme = useAppColorScheme();
+  return /*#__PURE__*/React.createElement(ButtonSetting, _extends({
+    style: [styles.button, {
+      backgroundColor: colorScheme.background
+    }, style]
+  }, props));
+};
+const styles = StyleSheet.create({
+  button: {
+    borderRadius: 12,
+    height: 68,
+    marginHorizontal: 0,
+    paddingHorizontal: 12
+  }
+});
+export default SettingsButton;
+//# sourceMappingURL=settings-button.js.map

package/lib/module/ui-components/settings/settings-button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","useAppColorScheme","ButtonSetting","SettingsButton","style","props","colorScheme","createElement","_extends","styles","button","backgroundColor","background","create","borderRadius","height","marginHorizontal","paddingHorizontal"],"sources":["settings-button.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleSheet } from 'react-native';\n\nimport { useAppColorScheme } from '../theme/color-scheme-context';\nimport ButtonSetting, { ButtonSettingProps } from './button-setting';\n\nexport type SettingsButtonProps = ButtonSettingProps;\n\nconst SettingsButton: FC<SettingsButtonProps> = ({ style, ...props }) => {\n  const colorScheme = useAppColorScheme();\n  return <ButtonSetting style={[styles.button, { backgroundColor: colorScheme.background }, style]} {...props} />;\n};\n\nconst styles = StyleSheet.create({\n  button: {\n    borderRadius: 12,\n    height: 68,\n    marginHorizontal: 0,\n    paddingHorizontal: 12,\n  },\n});\n\nexport default SettingsButton;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAc,OAAO;AACjC,SAASC,UAAU,QAAQ,cAAc;AAEzC,SAASC,iBAAiB,QAAQ,+BAA+B;AACjE,OAAOC,aAAa,MAA8B,kBAAkB;AAIpE,MAAMC,cAAuC,GAAGA,CAAC;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,KAAK;EACvE,MAAMC,WAAW,GAAGL,iBAAiB,CAAC,CAAC;EACvC,oBAAOF,KAAA,CAAAQ,aAAA,CAACL,aAAa,EAAAM,QAAA;IAACJ,KAAK,EAAE,CAACK,MAAM,CAACC,MAAM,EAAE;MAAEC,eAAe,EAAEL,WAAW,CAACM;IAAW,CAAC,EAAER,KAAK;EAAE,GAAKC,KAAK,CAAG,CAAC;AACjH,CAAC;AAED,MAAMI,MAAM,GAAGT,UAAU,CAACa,MAAM,CAAC;EAC/BH,MAAM,EAAE;IACNI,YAAY,EAAE,EAAE;IAChBC,MAAM,EAAE,EAAE;IACVC,gBAAgB,EAAE,CAAC;IACnBC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAEF,eAAed,cAAc","ignoreList":[]}

package/lib/module/ui-components/settings/switch-setting.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { Switch } from '../control/switch';
+import SettingItem from './setting-item';
+const SwitchSetting = ({
+  title,
+  value,
+  onChange,
+  icon,
+  style,
+  disabled = false,
+  testID
+}) => {
+  return /*#__PURE__*/React.createElement(SettingItem, {
+    icon: icon,
+    style: style,
+    title: title
+  }, /*#__PURE__*/React.createElement(Switch, {
+    accessibilityLabel: title,
+    disabled: disabled,
+    onChange: onChange,
+    testID: testID,
+    value: value
+  }));
+};
+export default SwitchSetting;
+//# sourceMappingURL=switch-setting.js.map

package/lib/module/ui-components/settings/switch-setting.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Switch","SettingItem","SwitchSetting","title","value","onChange","icon","style","disabled","testID","createElement","accessibilityLabel"],"sources":["switch-setting.tsx"],"sourcesContent":["import React, { ComponentType, FunctionComponent, ReactElement } from 'react';\nimport type { StyleProp, ViewStyle } from 'react-native';\n\nimport { Switch } from '../control/switch';\nimport SettingItem from './setting-item';\n\nexport type SwitchSettingProps = {\n  disabled?: boolean;\n  icon?: ComponentType<any> | ReactElement;\n  onChange: (newValue: boolean) => void;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n  title: string;\n  value: boolean;\n};\n\nconst SwitchSetting: FunctionComponent<SwitchSettingProps> = ({\n  title,\n  value,\n  onChange,\n  icon,\n  style,\n  disabled = false,\n  testID,\n}) => {\n  return (\n    <SettingItem icon={icon} style={style} title={title}>\n      <Switch accessibilityLabel={title} disabled={disabled} onChange={onChange} testID={testID} value={value} />\n    </SettingItem>\n  );\n};\n\nexport default SwitchSetting;\n"],"mappings":"AAAA,OAAOA,KAAK,MAA0D,OAAO;AAG7E,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,OAAOC,WAAW,MAAM,gBAAgB;AAYxC,MAAMC,aAAoD,GAAGA,CAAC;EAC5DC,KAAK;EACLC,KAAK;EACLC,QAAQ;EACRC,IAAI;EACJC,KAAK;EACLC,QAAQ,GAAG,KAAK;EAChBC;AACF,CAAC,KAAK;EACJ,oBACEV,KAAA,CAAAW,aAAA,CAACT,WAAW;IAACK,IAAI,EAAEA,IAAK;IAACC,KAAK,EAAEA,KAAM;IAACJ,KAAK,EAAEA;EAAM,gBAClDJ,KAAA,CAAAW,aAAA,CAACV,MAAM;IAACW,kBAAkB,EAAER,KAAM;IAACK,QAAQ,EAAEA,QAAS;IAACH,QAAQ,EAAEA,QAAS;IAACI,MAAM,EAAEA,MAAO;IAACL,KAAK,EAAEA;EAAM,CAAE,CAC/F,CAAC;AAElB,CAAC;AAED,eAAeF,aAAa","ignoreList":[]}

package/lib/module/ui-components/state/error-screen.js

@@ -0,0 +1,62 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { Button } from '../buttons';
+import { CredentialWarningIcon } from '../icons';
+import { ScrollViewScreen } from '../screens';
+import { Typography } from '../text';
+import { useAppColorScheme } from '../theme';
+const ErrorScreen = ({
+  testID,
+  title,
+  subtitle,
+  button
+}) => {
+  const colorScheme = useAppColorScheme();
+  return /*#__PURE__*/React.createElement(ScrollViewScreen, {
+    header: {
+      static: true,
+      title: title
+    },
+    modalPresentation: true,
+    scrollView: {
+      testID
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.wrapper, {
+      backgroundColor: colorScheme.background
+    }]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.warning
+  }, /*#__PURE__*/React.createElement(CredentialWarningIcon, {
+    height: 42,
+    width: 42
+  }), /*#__PURE__*/React.createElement(Typography, {
+    color: colorScheme.text,
+    preset: "regular",
+    style: styles.message
+  }, subtitle)), button ? /*#__PURE__*/React.createElement(Button, {
+    disabled: button.disabled,
+    onPress: button.onPress,
+    testID: button.testID,
+    title: button.label
+  }) : undefined));
+};
+const styles = StyleSheet.create({
+  message: {
+    textAlign: 'center'
+  },
+  warning: {
+    alignItems: 'center',
+    display: 'flex',
+    flexGrow: 1,
+    justifyContent: 'center'
+  },
+  wrapper: {
+    display: 'flex',
+    flexDirection: 'column',
+    height: '100%',
+    paddingHorizontal: 16
+  }
+});
+export default ErrorScreen;
+//# sourceMappingURL=error-screen.js.map

package/lib/module/ui-components/state/error-screen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","Button","CredentialWarningIcon","ScrollViewScreen","Typography","useAppColorScheme","ErrorScreen","testID","title","subtitle","button","colorScheme","createElement","header","static","modalPresentation","scrollView","style","styles","wrapper","backgroundColor","background","warning","height","width","color","text","preset","message","disabled","onPress","label","undefined","create","textAlign","alignItems","display","flexGrow","justifyContent","flexDirection","paddingHorizontal"],"sources":["error-screen.tsx"],"sourcesContent":["import React, { FunctionComponent } from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport { Button } from '../buttons';\nimport { CredentialWarningIcon } from '../icons';\nimport { ScrollViewScreen } from '../screens';\nimport { Typography } from '../text';\nimport { useAppColorScheme } from '../theme';\n\nexport interface ErrorScreenButton {\n  testID?: string;\n  label: string;\n  disabled?: boolean;\n  onPress?: () => void;\n}\n\nexport interface ErrorScreenProps {\n  testID?: string;\n  title: string;\n  subtitle: string;\n  button: ErrorScreenButton;\n}\n\nconst ErrorScreen: FunctionComponent<ErrorScreenProps> = ({ testID, title, subtitle, button }) => {\n  const colorScheme = useAppColorScheme();\n\n  return (\n    <ScrollViewScreen\n      header={{\n        static: true,\n        title: title,\n      }}\n      modalPresentation\n      scrollView={{\n        testID,\n      }}>\n      <View style={[styles.wrapper, { backgroundColor: colorScheme.background }]}>\n        <View style={styles.warning}>\n          <CredentialWarningIcon height={42} width={42} />\n          <Typography color={colorScheme.text} preset=\"regular\" style={styles.message}>\n            {subtitle}\n          </Typography>\n        </View>\n\n        {button ? (\n          <Button disabled={button.disabled} onPress={button.onPress} testID={button.testID} title={button.label} />\n        ) : undefined}\n      </View>\n    </ScrollViewScreen>\n  );\n};\n\nconst styles = StyleSheet.create({\n  message: {\n    textAlign: 'center',\n  },\n  warning: {\n    alignItems: 'center',\n    display: 'flex',\n    flexGrow: 1,\n    justifyContent: 'center',\n  },\n  wrapper: {\n    display: 'flex',\n    flexDirection: 'column',\n    height: '100%',\n    paddingHorizontal: 16,\n  },\n});\n\nexport default ErrorScreen;\n"],"mappings":"AAAA,OAAOA,KAAK,MAA6B,OAAO;AAChD,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,SAASC,MAAM,QAAQ,YAAY;AACnC,SAASC,qBAAqB,QAAQ,UAAU;AAChD,SAASC,gBAAgB,QAAQ,YAAY;AAC7C,SAASC,UAAU,QAAQ,SAAS;AACpC,SAASC,iBAAiB,QAAQ,UAAU;AAgB5C,MAAMC,WAAgD,GAAGA,CAAC;EAAEC,MAAM;EAAEC,KAAK;EAAEC,QAAQ;EAAEC;AAAO,CAAC,KAAK;EAChG,MAAMC,WAAW,GAAGN,iBAAiB,CAAC,CAAC;EAEvC,oBACEP,KAAA,CAAAc,aAAA,CAACT,gBAAgB;IACfU,MAAM,EAAE;MACNC,MAAM,EAAE,IAAI;MACZN,KAAK,EAAEA;IACT,CAAE;IACFO,iBAAiB;IACjBC,UAAU,EAAE;MACVT;IACF;EAAE,gBACFT,KAAA,CAAAc,aAAA,CAACZ,IAAI;IAACiB,KAAK,EAAE,CAACC,MAAM,CAACC,OAAO,EAAE;MAAEC,eAAe,EAAET,WAAW,CAACU;IAAW,CAAC;EAAE,gBACzEvB,KAAA,CAAAc,aAAA,CAACZ,IAAI;IAACiB,KAAK,EAAEC,MAAM,CAACI;EAAQ,gBAC1BxB,KAAA,CAAAc,aAAA,CAACV,qBAAqB;IAACqB,MAAM,EAAE,EAAG;IAACC,KAAK,EAAE;EAAG,CAAE,CAAC,eAChD1B,KAAA,CAAAc,aAAA,CAACR,UAAU;IAACqB,KAAK,EAAEd,WAAW,CAACe,IAAK;IAACC,MAAM,EAAC,SAAS;IAACV,KAAK,EAAEC,MAAM,CAACU;EAAQ,GACzEnB,QACS,CACR,CAAC,EAENC,MAAM,gBACLZ,KAAA,CAAAc,aAAA,CAACX,MAAM;IAAC4B,QAAQ,EAAEnB,MAAM,CAACmB,QAAS;IAACC,OAAO,EAAEpB,MAAM,CAACoB,OAAQ;IAACvB,MAAM,EAAEG,MAAM,CAACH,MAAO;IAACC,KAAK,EAAEE,MAAM,CAACqB;EAAM,CAAE,CAAC,GACxGC,SACA,CACU,CAAC;AAEvB,CAAC;AAED,MAAMd,MAAM,GAAGnB,UAAU,CAACkC,MAAM,CAAC;EAC/BL,OAAO,EAAE;IACPM,SAAS,EAAE;EACb,CAAC;EACDZ,OAAO,EAAE;IACPa,UAAU,EAAE,QAAQ;IACpBC,OAAO,EAAE,MAAM;IACfC,QAAQ,EAAE,CAAC;IACXC,cAAc,EAAE;EAClB,CAAC;EACDnB,OAAO,EAAE;IACPiB,OAAO,EAAE,MAAM;IACfG,aAAa,EAAE,QAAQ;IACvBhB,MAAM,EAAE,MAAM;IACdiB,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAEF,eAAelC,WAAW","ignoreList":[]}

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

@@ -0,0 +1 @@
+{"version":3,"names":["ErrorScreen","ErrorScreenButton","ErrorScreenProps"],"sources":["index.ts"],"sourcesContent":["import ErrorScreen, { ErrorScreenButton, ErrorScreenProps } from './error-screen';\n\nexport { ErrorScreen, ErrorScreenButton, ErrorScreenProps };\n"],"mappings":"AAAA,OAAOA,WAAW,IAAIC,iBAAiB,EAAEC,gBAAgB,QAAQ,gBAAgB;AAEjF,SAASF,WAAW,EAAEC,iBAAiB,EAAEC,gBAAgB","ignoreList":[]}

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

@@ -0,0 +1,30 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React, { useEffect } from 'react';
+import { Text } from 'react-native';
+import { useAccessibilityAnnouncementCumulative } from '../accessibility/accessibility';
+export const BaseText = /*#__PURE__*/React.forwardRef(({
+  align = 'left',
+  color,
+  style,
+  children,
+  announcementActive,
+  announcementCumulative,
+  onAnnouncementFinished,
+  ...props
+}, ref) => {
+  const announcementFinished = useAccessibilityAnnouncementCumulative(announcementActive && typeof children === 'string' ? children : undefined, announcementCumulative);
+  useEffect(() => {
+    onAnnouncementFinished === null || onAnnouncementFinished === void 0 || onAnnouncementFinished(announcementFinished);
+  }, [announcementFinished, onAnnouncementFinished]);
+  const baseStyle = {
+    textAlign: align,
+    color
+  };
+  return /*#__PURE__*/React.createElement(Text, _extends({
+    ref: ref,
+    style: [baseStyle, style],
+    maxFontSizeMultiplier: 2
+  }, props), children);
+});
+BaseText.displayName = 'BaseText';
+//# sourceMappingURL=base.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","Text","useAccessibilityAnnouncementCumulative","BaseText","forwardRef","align","color","style","children","announcementActive","announcementCumulative","onAnnouncementFinished","props","ref","announcementFinished","undefined","baseStyle","textAlign","createElement","_extends","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":";AAAA,OAAOA,KAAK,IAAuBC,SAAS,QAAQ,OAAO;AAC3D,SAAgCC,IAAI,QAA8B,cAAc;AAEhF,SAASC,sCAAsC,QAAQ,gCAAgC;AAcvF,OAAO,MAAMC,QAAQ,gBAAGJ,KAAK,CAACK,UAAU,CACtC,CACE;EACEC,KAAK,GAAG,MAAM;EACdC,KAAK;EACLC,KAAK;EACLC,QAAQ;EACRC,kBAAkB;EAClBC,sBAAsB;EACtBC,sBAAsB;EACtB,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,oBAAoB,GAAGZ,sCAAsC,CACjEO,kBAAkB,IAAI,OAAOD,QAAQ,KAAK,QAAQ,GAAIA,QAAQ,GAAcO,SAAS,EACrFL,sBACF,CAAC;EACDV,SAAS,CAAC,MAAM;IACdW,sBAAsB,aAAtBA,sBAAsB,eAAtBA,sBAAsB,CAAGG,oBAAoB,CAAC;EAChD,CAAC,EAAE,CAACA,oBAAoB,EAAEH,sBAAsB,CAAC,CAAC;EAElD,MAAMK,SAAoB,GAAG;IAC3BC,SAAS,EAAEZ,KAAK;IAChBC;EACF,CAAC;EAED,oBACEP,KAAA,CAAAmB,aAAA,CAACjB,IAAI,EAAAkB,QAAA;IAACN,GAAG,EAAEA,GAAI;IAACN,KAAK,EAAE,CAACS,SAAS,EAAET,KAAK,CAAE;IAACa,qBAAqB,EAAE;EAAE,GAAKR,KAAK,GAC3EJ,QACG,CAAC;AAEX,CACF,CAAC;AAEDL,QAAQ,CAACkB,WAAW,GAAG,UAAU","ignoreList":[]}

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

@@ -0,0 +1,55 @@
+import { Platform } from '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
+export const fontFactory = ({
+  face,
+  weight
+}) => {
+  if (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
+    };
+  }
+};
+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
+  })
+};
+export default font;
+//# sourceMappingURL=font.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","FontFace","FontWeight","fontFactory","face","weight","OS","_Object$values$Object","filePrefix","Object","values","indexOf","replace","fontFamily","fileSuffix","keys","fontWeight","font","regular","OpenSans","Regular","medium","Medium","code","IBMPlexMono","heading","ProcivisBook"],"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,SAASA,QAAQ,QAAmB,cAAc;AAAC,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;AACA,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAAEC,IAAI;EAAEC;AAAyB,CAAC,KAAgB;EAC5E,IAAIL,QAAQ,CAACM,EAAE,KAAK,SAAS,EAAE;IAAA,IAAAC,qBAAA;IAC7B,MAAMC,UAAU,IAAAD,qBAAA,GAAGE,MAAM,CAACC,MAAM,CAACT,QAAQ,CAAC,CAACQ,MAAM,CAACC,MAAM,CAACT,QAAQ,CAAC,CAACU,OAAO,CAACP,IAAI,CAAC,CAAC,cAAAG,qBAAA,uBAA9DA,qBAAA,CAAgEK,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC;IACnG,IAAI,CAACP,MAAM,EAAE;MACX,OAAO;QACLQ,UAAU,EAAEL;MACd,CAAC;IACH;IACA,MAAMM,UAAU,GAAGL,MAAM,CAACM,IAAI,CAACb,UAAU,CAAC,CAACO,MAAM,CAACC,MAAM,CAACR,UAAU,CAAC,CAACS,OAAO,CAACN,MAAM,CAAC,CAAC;IACrF,OAAO;MACLQ,UAAU,EAAE,GAAGL,UAAU,IAAIM,UAAU;IACzC,CAAC;EACH,CAAC,MAAM;IACL,OAAO;MACLD,UAAU,EAAET,IAAI;MAChBY,UAAU,EAAEX;IACd,CAAC;EACH;AACF,CAAC;AAED,MAAMY,IAAI,GAAG;EACXC,OAAO,EAAEf,WAAW,CAAC;IAAEC,IAAI,EAAEH,QAAQ,CAACkB,QAAQ;IAAEd,MAAM,EAAEH,UAAU,CAACkB;EAAQ,CAAC,CAAC;EAC7EC,MAAM,EAAElB,WAAW,CAAC;IAAEC,IAAI,EAAEH,QAAQ,CAACkB,QAAQ;IAAEd,MAAM,EAAEH,UAAU,CAACoB;EAAO,CAAC,CAAC;EAC3EC,IAAI,EAAEpB,WAAW,CAAC;IAAEC,IAAI,EAAEH,QAAQ,CAACuB,WAAW;IAAEnB,MAAM,EAAEH,UAAU,CAACkB;EAAQ,CAAC,CAAC;EAC7EK,OAAO,EAAEtB,WAAW,CAAC;IAAEC,IAAI,EAAEH,QAAQ,CAACyB;EAAa,CAAC;AACtD,CAAC;AAED,eAAeT,IAAI","ignoreList":[]}

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

@@ -0,0 +1,3 @@
+import Typography from './typography';
+export { Typography };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Typography"],"sources":["index.ts"],"sourcesContent":["import type { TypographyProps } from './typography';\nimport Typography from './typography';\n\nexport { Typography, TypographyProps };\n"],"mappings":"AACA,OAAOA,UAAU,MAAM,cAAc;AAErC,SAASA,UAAU","ignoreList":[]}

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

@@ -0,0 +1,109 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import { StyleSheet } from 'react-native';
+import { useAppColorScheme } from '../theme';
+import { BaseText } from './base';
+import font from './font';
+const presets = {
+  xl: {
+    ...font.heading,
+    fontSize: 26,
+    lineHeight: 36,
+    letterSpacing: 0.2
+  },
+  l: {
+    ...font.heading,
+    fontSize: 24,
+    lineHeight: 33
+  },
+  'l/line-height-large': {
+    ...font.heading,
+    fontSize: 24,
+    lineHeight: 28
+  },
+  regular: {
+    ...font.regular,
+    fontSize: 17,
+    lineHeight: 24
+  },
+  m: {
+    ...font.medium,
+    fontSize: 17,
+    lineHeight: 22,
+    letterSpacing: -0.2
+  },
+  'm/heading': {
+    ...font.heading,
+    fontSize: 17,
+    lineHeight: 22,
+    letterSpacing: -0.2
+  },
+  s: {
+    ...font.regular,
+    fontSize: 14,
+    lineHeight: 22
+  },
+  's/line-height-capped': {
+    ...font.regular,
+    fontSize: 14,
+    lineHeight: 22,
+    letterSpacing: -0.2
+    // TODO: vertical trim: cap height
+  },
+  's/line-height-small': {
+    ...font.regular,
+    fontSize: 14,
+    lineHeight: 18,
+    letterSpacing: 0.3
+  },
+  's/code': {
+    ...font.code,
+    fontSize: 14,
+    lineHeight: 22,
+    letterSpacing: 0.2
+  },
+  xs: {
+    ...font.regular,
+    fontSize: 12,
+    lineHeight: 22,
+    letterSpacing: -0.1
+  },
+  'xs/line-height-small': {
+    ...font.regular,
+    fontSize: 12,
+    lineHeight: 18,
+    letterSpacing: 0.3
+  },
+  'xs/code': {
+    ...font.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.forwardRef(({
+  preset = 'regular',
+  color,
+  caps,
+  style,
+  ...props
+}, ref) => {
+  const colorScheme = useAppColorScheme();
+  return /*#__PURE__*/React.createElement(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 = StyleSheet.create({
+  caps: {
+    textTransform: 'uppercase'
+  }
+});
+export default Typography;
+//# sourceMappingURL=typography.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","useAppColorScheme","BaseText","font","presets","xl","heading","fontSize","lineHeight","letterSpacing","l","regular","m","medium","s","code","xs","Typography","forwardRef","preset","color","caps","style","props","ref","colorScheme","createElement","_extends","styles","text","displayName","create","textTransform"],"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/module/ui-components/theme/color-scheme-context.js

@@ -0,0 +1,45 @@
+import React from 'react';
+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.createContext(defaultColorScheme);
+ColorSchemeContext.displayName = 'ColorSchemeContext';
+export function ColorSchemeProvider(props) {
+  return /*#__PURE__*/React.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`)
+ */
+export function useAppColorScheme() {
+  return React.useContext(ColorSchemeContext);
+}
+//# sourceMappingURL=color-scheme-context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","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","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,OAAOA,KAAK,MAA6B,OAAO;AAIhD,MAAMC,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,gBAAG1B,KAAK,CAAC2B,aAAa,CAAc1B,kBAAkB,CAAC;AAC/EyB,kBAAkB,CAACE,WAAW,GAAG,oBAAoB;AAErD,OAAO,SAASC,mBAAmBA,CACjCC,KAAiD,EACjD;EACA,oBAAO9B,KAAA,CAAA+B,aAAA,CAACL,kBAAkB,CAACM,QAAQ;IAACC,KAAK,EAAEH,KAAK,CAACI;EAAY,GAAEJ,KAAK,CAACK,QAAsC,CAAC;AAC9G;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASC,iBAAiBA,CAAA,EAA+D;EAC9F,OAAOpC,KAAK,CAACqC,UAAU,CAACX,kBAAkB,CAAC;AAC7C","ignoreList":[]}

package/lib/module/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/module/ui-components/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ColorSchemeProvider","useAppColorScheme"],"sources":["index.ts"],"sourcesContent":["export type { ColorScheme } from './color-scheme';\nimport { ColorSchemeProvider, useAppColorScheme } from './color-scheme-context';\n\nexport { ColorSchemeProvider, useAppColorScheme };\n"],"mappings":"AACA,SAASA,mBAAmB,EAAEC,iBAAiB,QAAQ,wBAAwB;AAE/E,SAASD,mBAAmB,EAAEC,iBAAiB","ignoreList":[]}

package/lib/module/utils/array.js

@@ -0,0 +1,4 @@
+export function addElementIf(condition, obj) {
+  return condition ? Array(obj) : [];
+}
+//# sourceMappingURL=array.js.map

package/lib/module/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":"AAAA,OAAO,SAASA,YAAYA,CAAIC,SAAkB,EAAEC,GAAM,EAAE;EAC1D,OAAOD,SAAS,GAAGE,KAAK,CAACD,GAAG,CAAC,GAAG,EAAE;AACpC","ignoreList":[]}

package/lib/module/utils/backup.js

@@ -0,0 +1,5 @@
+import { generateUUID } from './uuid';
+export const getBackupFileName = () => {
+  return `procivis-one-backup-${generateUUID()}.zip`;
+};
+//# sourceMappingURL=backup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["generateUUID","getBackupFileName"],"sources":["backup.ts"],"sourcesContent":["import { generateUUID } from './uuid';\n\nexport const getBackupFileName = (): string => {\n  return `procivis-one-backup-${generateUUID()}.zip`;\n};\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,QAAQ;AAErC,OAAO,MAAMC,iBAAiB,GAAGA,CAAA,KAAc;EAC7C,OAAO,uBAAuBD,YAAY,CAAC,CAAC,MAAM;AACpD,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["normalizeColor","colorArray","color","normalized","r","g","b","a","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":"AAAA;AACA,OAAOA,cAAc,MAAM,+BAA+B;AAG1D,OAAO,MAAMC,UAAU,GAAIC,KAAiB,IAAK;EAC/C,MAAMC,UAAU,GAAGH,cAAc,CAACE,KAAK,CAAC;EAExC,MAAME,CAAC,GAAID,UAAU,IAAI,EAAE,GAAI,IAAI;EACnC,MAAME,CAAC,GAAIF,UAAU,IAAI,EAAE,GAAI,IAAI;EACnC,MAAMG,CAAC,GAAIH,UAAU,IAAI,CAAC,GAAI,IAAI;EAClC,MAAMI,CAAC,GAAGJ,UAAU,GAAG,IAAI;EAE3B,OAAO,CAACC,CAAC,GAAG,GAAG,EAAEC,CAAC,GAAG,GAAG,EAAEC,CAAC,GAAG,GAAG,EAAEC,CAAC,GAAG,GAAG,CAAC;AAC7C,CAAC;AAED,OAAO,MAAMC,uBAAuB,GAAGA,CAACN,KAAiB,EAAEO,KAAa,KAAiB;EACvFA,KAAK,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,GAAG,CAAC,CAAC,EAAEH,KAAK,CAAC,CAAC;EACvC,MAAMI,WAAW,GAAGZ,UAAU,CAACC,KAAK,CAAC;EACrCW,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;AAED,OAAO,MAAMO,aAAa,GAAInB,KAAiB,IAAK;EAClD,MAAMoB,GAAG,GAAGrB,UAAU,CAACC,KAAK,CAAC;EAC7B;EACA,OAAO,MAAM,GAAGoB,GAAG,CAAC,CAAC,CAAC,GAAG,MAAM,GAAGA,GAAG,CAAC,CAAC,CAAC,GAAG,MAAM,GAAGA,GAAG,CAAC,CAAC,CAAC;AAC5D,CAAC"}
+{"version":3,"names":["normalizeColor","colorArray","color","normalized","r","g","b","a","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":"AAAA;AACA,OAAOA,cAAc,MAAM,+BAA+B;AAG1D,OAAO,MAAMC,UAAU,GAAIC,KAAiB,IAAK;EAC/C,MAAMC,UAAU,GAAGH,cAAc,CAACE,KAAK,CAAC;EAExC,MAAME,CAAC,GAAID,UAAU,IAAI,EAAE,GAAI,IAAI;EACnC,MAAME,CAAC,GAAIF,UAAU,IAAI,EAAE,GAAI,IAAI;EACnC,MAAMG,CAAC,GAAIH,UAAU,IAAI,CAAC,GAAI,IAAI;EAClC,MAAMI,CAAC,GAAGJ,UAAU,GAAG,IAAI;EAE3B,OAAO,CAACC,CAAC,GAAG,GAAG,EAAEC,CAAC,GAAG,GAAG,EAAEC,CAAC,GAAG,GAAG,EAAEC,CAAC,GAAG,GAAG,CAAC;AAC7C,CAAC;AAED,OAAO,MAAMC,uBAAuB,GAAGA,CAACN,KAAiB,EAAEO,KAAa,KAAiB;EACvFA,KAAK,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,GAAG,CAAC,CAAC,EAAEH,KAAK,CAAC,CAAC;EACvC,MAAMI,WAAW,GAAGZ,UAAU,CAACC,KAAK,CAAC;EACrCW,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;AAED,OAAO,MAAMO,aAAa,GAAInB,KAAiB,IAAK;EAClD,MAAMoB,GAAG,GAAGrB,UAAU,CAACC,KAAK,CAAC;EAC7B;EACA,OAAO,MAAM,GAAGoB,GAAG,CAAC,CAAC,CAAC,GAAG,MAAM,GAAGA,GAAG,CAAC,CAAC,CAAC,GAAG,MAAM,GAAGA,GAAG,CAAC,CAAC,CAAC;AAC5D,CAAC","ignoreList":[]}

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

@@ -1,15 +1,14 @@
-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 _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useMemo } from 'react';
 import { StatusBar } from 'react-native';
 import { getBrightness } from './color';
 /**
  * Defines transparent status bar with content contrasting to the background
  */
-const ContrastingStatusBar = _ref => {
-  let {
-    backgroundColor,
-    ...props
-  } = _ref;
+const ContrastingStatusBar = ({
+  backgroundColor,
+  ...props
+}) => {
   const barStyle = useMemo(() => getBrightness(backgroundColor) > 0.5 ? 'dark-content' : 'light-content', [backgroundColor]);
   return /*#__PURE__*/React.createElement(StatusBar, _extends({
     translucent: true,

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

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","StatusBar","getBrightness","ContrastingStatusBar","_ref","backgroundColor","props","barStyle","createElement","_extends","translucent"],"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,OAAOA,KAAK,IAAQC,OAAO,QAAQ,OAAO;AAC1C,SAAqBC,SAAS,QAAwC,cAAc;AAEpF,SAASC,aAAa,QAAQ,SAAS;AAMvC;AACA;AACA;AACA,MAAMC,oBAAmD,GAAGC,IAAA,IAAmC;EAAA,IAAlC;IAAEC,eAAe;IAAE,GAAGC;EAAM,CAAC,GAAAF,IAAA;EACxF,MAAMG,QAAQ,GAAGP,OAAO,CACtB,MAAOE,aAAa,CAACG,eAAe,CAAC,GAAG,GAAG,GAAG,cAAc,GAAG,eAAgB,EAC/E,CAACA,eAAe,CAAC,CAClB;EACD,oBAAON,KAAA,CAAAS,aAAA,CAACP,SAAS,EAAAQ,QAAA;IAACC,WAAW,EAAE,IAAK;IAACH,QAAQ,EAAEA,QAAS;IAACF,eAAe,EAAE;EAAc,GAAKC,KAAK,EAAI;AACxG,CAAC;AAED,eAAeH,oBAAoB"}
+{"version":3,"names":["React","useMemo","StatusBar","getBrightness","ContrastingStatusBar","backgroundColor","props","barStyle","createElement","_extends","translucent"],"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,OAAOA,KAAK,IAAQC,OAAO,QAAQ,OAAO;AAC1C,SAAqBC,SAAS,QAAwC,cAAc;AAEpF,SAASC,aAAa,QAAQ,SAAS;AAMvC;AACA;AACA;AACA,MAAMC,oBAAmD,GAAGA,CAAC;EAAEC,eAAe;EAAE,GAAGC;AAAM,CAAC,KAAK;EAC7F,MAAMC,QAAQ,GAAGN,OAAO,CACtB,MAAOE,aAAa,CAACE,eAAe,CAAC,GAAG,GAAG,GAAG,cAAc,GAAG,eAAgB,EAC/E,CAACA,eAAe,CAClB,CAAC;EACD,oBAAOL,KAAA,CAAAQ,aAAA,CAACN,SAAS,EAAAO,QAAA;IAACC,WAAW,EAAE,IAAK;IAACH,QAAQ,EAAEA,QAAS;IAACF,eAAe,EAAE;EAAc,GAAKC,KAAK,CAAG,CAAC;AACxG,CAAC;AAED,eAAeF,oBAAoB","ignoreList":[]}