@procivis/one-react-native-components 0.1.63

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

@@ -0,0 +1,69 @@
+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 = _ref => {
+  let {
+    title,
+    icon,
+    style,
+    children
+  } = _ref;
+  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/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","_ref","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,GAAGC,IAAA,IAAsC;EAAA,IAArC;IAAEC,KAAK;IAAEZ,IAAI;IAAEa,KAAK;IAAEC;EAAS,CAAC,GAAAH,IAAA;EAC3G,MAAMI,WAAW,GAAGxB,iBAAiB,EAAE;EACvC,MAAMyB,QAAwC,GAAG7B,OAAO,CAAC,MAAM;IAC7D,IAAI,CAACa,IAAI,EAAE;MACT,OAAOiB,SAAS;IAClB;IACA,kBAAI/B,KAAK,CAACgC,cAAc,CAAClB,IAAI,CAAC,EAAE;MAC9B,OAAOA,IAAI;IACb,CAAC,MAAM;MACL,MAAMmB,aAAa,GAAGnB,IAAgC;MACtD,oBAAOd,KAAA,CAAAkC,aAAA,CAACD,aAAa,OAAG;IAC1B;EACF,CAAC,EAAE,CAACnB,IAAI,CAAC,CAAC;EAEV,oBACEd,KAAA,CAAAkC,aAAA,CAAC/B,IAAI;IAACwB,KAAK,EAAE,CAACrB,MAAM,CAACe,OAAO,EAAE;MAAEc,eAAe,EAAEN,WAAW,CAACO;IAAM,CAAC,EAAET,KAAK;EAAE,gBAC3E3B,KAAA,CAAAkC,aAAA,CAAC/B,IAAI;IAACwB,KAAK,EAAErB,MAAM,CAACE;EAAU,GAC3BsB,QAAQ,iBAAI9B,KAAA,CAAAkC,aAAA,CAAC/B,IAAI;IAACwB,KAAK,EAAE,CAACrB,MAAM,CAACQ,IAAI,EAAE;MAAEqB,eAAe,EAAEN,WAAW,CAACQ;IAAW,CAAC;EAAE,GAAEP,QAAQ,CAAQ,eACvG9B,KAAA,CAAAkC,aAAA,CAAC9B,UAAU;IAACkC,UAAU,EAAE,KAAM;IAACC,KAAK,EAAEV,WAAW,CAACW,IAAK;IAACC,MAAM,EAAC,GAAG;IAACd,KAAK,EAAErB,MAAM,CAACW;EAAM,GACpFS,KAAK,CACK,EACZE,QAAQ,CACJ,CACF;AAEX,CAAC;AAED,eAAeJ,WAAW"}

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

@@ -0,0 +1,27 @@
+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); }
+import React from 'react';
+import { StyleSheet } from 'react-native';
+import { useAppColorScheme } from '../theme/color-scheme-context';
+import ButtonSetting from './button-setting';
+const SettingsButton = _ref => {
+  let {
+    style,
+    ...props
+  } = _ref;
+  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/settings/settings-button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","useAppColorScheme","ButtonSetting","SettingsButton","_ref","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,GAAGC,IAAA,IAAyB;EAAA,IAAxB;IAAEC,KAAK;IAAE,GAAGC;EAAM,CAAC,GAAAF,IAAA;EAClE,MAAMG,WAAW,GAAGN,iBAAiB,EAAE;EACvC,oBAAOF,KAAA,CAAAS,aAAA,CAACN,aAAa,EAAAO,QAAA;IAACJ,KAAK,EAAE,CAACK,MAAM,CAACC,MAAM,EAAE;MAAEC,eAAe,EAAEL,WAAW,CAACM;IAAW,CAAC,EAAER,KAAK;EAAE,GAAKC,KAAK,EAAI;AACjH,CAAC;AAED,MAAMI,MAAM,GAAGV,UAAU,CAACc,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,eAAef,cAAc"}

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

@@ -0,0 +1,27 @@
+import React from 'react';
+import { Switch } from '../control/switch';
+import SettingItem from './setting-item';
+const SwitchSetting = _ref => {
+  let {
+    title,
+    value,
+    onChange,
+    icon,
+    style,
+    disabled = false,
+    testID
+  } = _ref;
+  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/settings/switch-setting.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Switch","SettingItem","SwitchSetting","_ref","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,GAAGC,IAAA,IAQvD;EAAA,IARwD;IAC5DC,KAAK;IACLC,KAAK;IACLC,QAAQ;IACRC,IAAI;IACJC,KAAK;IACLC,QAAQ,GAAG,KAAK;IAChBC;EACF,CAAC,GAAAP,IAAA;EACC,oBACEJ,KAAA,CAAAY,aAAA,CAACV,WAAW;IAACM,IAAI,EAAEA,IAAK;IAACC,KAAK,EAAEA,KAAM;IAACJ,KAAK,EAAEA;EAAM,gBAClDL,KAAA,CAAAY,aAAA,CAACX,MAAM;IAACY,kBAAkB,EAAER,KAAM;IAACK,QAAQ,EAAEA,QAAS;IAACH,QAAQ,EAAEA,QAAS;IAACI,MAAM,EAAEA,MAAO;IAACL,KAAK,EAAEA;EAAM,EAAG,CAC/F;AAElB,CAAC;AAED,eAAeH,aAAa"}

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

@@ -0,0 +1,63 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { ScrollViewScreen } from '..';
+import { Button } from '../buttons';
+import { CredentialWarningIcon } from '../icons';
+import { Typography } from '../text';
+import { useAppColorScheme } from '../theme';
+const ErrorScreen = _ref => {
+  let {
+    testID,
+    title,
+    subtitle,
+    button
+  } = _ref;
+  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/state/error-screen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","ScrollViewScreen","Button","CredentialWarningIcon","Typography","useAppColorScheme","ErrorScreen","_ref","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 { ScrollViewScreen } from '..';\nimport { Button } from '../buttons';\nimport { CredentialWarningIcon } from '../icons';\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,gBAAgB,QAAQ,IAAI;AACrC,SAASC,MAAM,QAAQ,YAAY;AACnC,SAASC,qBAAqB,QAAQ,UAAU;AAChD,SAASC,UAAU,QAAQ,SAAS;AACpC,SAASC,iBAAiB,QAAQ,UAAU;AAgB5C,MAAMC,WAAgD,GAAGC,IAAA,IAAyC;EAAA,IAAxC;IAAEC,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC;EAAO,CAAC,GAAAJ,IAAA;EAC3F,MAAMK,WAAW,GAAGP,iBAAiB,EAAE;EAEvC,oBACEP,KAAA,CAAAe,aAAA,CAACZ,gBAAgB;IACfa,MAAM,EAAE;MACNC,MAAM,EAAE,IAAI;MACZN,KAAK,EAAEA;IACT,CAAE;IACFO,iBAAiB;IACjBC,UAAU,EAAE;MACVT;IACF;EAAE,gBACFV,KAAA,CAAAe,aAAA,CAACb,IAAI;IAACkB,KAAK,EAAE,CAACC,MAAM,CAACC,OAAO,EAAE;MAAEC,eAAe,EAAET,WAAW,CAACU;IAAW,CAAC;EAAE,gBACzExB,KAAA,CAAAe,aAAA,CAACb,IAAI;IAACkB,KAAK,EAAEC,MAAM,CAACI;EAAQ,gBAC1BzB,KAAA,CAAAe,aAAA,CAACV,qBAAqB;IAACqB,MAAM,EAAE,EAAG;IAACC,KAAK,EAAE;EAAG,EAAG,eAChD3B,KAAA,CAAAe,aAAA,CAACT,UAAU;IAACsB,KAAK,EAAEd,WAAW,CAACe,IAAK;IAACC,MAAM,EAAC,SAAS;IAACV,KAAK,EAAEC,MAAM,CAACU;EAAQ,GACzEnB,QAAQ,CACE,CACR,EAENC,MAAM,gBACLb,KAAA,CAAAe,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,EAAG,GACxGC,SAAS,CACR,CACU;AAEvB,CAAC;AAED,MAAMd,MAAM,GAAGpB,UAAU,CAACmC,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,eAAenC,WAAW"}

package/lib/module/state/index.js

@@ -0,0 +1,3 @@
+import ErrorScreen, { ErrorScreenButton, ErrorScreenProps } from './error-screen';
+export { ErrorScreen, ErrorScreenButton, ErrorScreenProps };
+//# sourceMappingURL=index.js.map

package/lib/module/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"}

package/lib/module/text/base.js

@@ -0,0 +1,31 @@
+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); }
+import React, { useEffect } from 'react';
+import { Text } from 'react-native';
+import { useAccessibilityAnnouncementCumulative } from '../accessibility/accessibility';
+export const BaseText = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    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 ? 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/text/base.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","Text","useAccessibilityAnnouncementCumulative","BaseText","forwardRef","_ref","ref","align","color","style","children","announcementActive","announcementCumulative","onAnnouncementFinished","props","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,CAAAC,IAAA,EAWEC,GAAG,KACA;EAAA,IAXH;IACEC,KAAK,GAAG,MAAM;IACdC,KAAK;IACLC,KAAK;IACLC,QAAQ;IACRC,kBAAkB;IAClBC,sBAAsB;IACtBC,sBAAsB;IACtB,GAAGC;EACL,CAAC,GAAAT,IAAA;EAGD,MAAMU,oBAAoB,GAAGb,sCAAsC,CACjES,kBAAkB,IAAI,OAAOD,QAAQ,KAAK,QAAQ,GAAIA,QAAQ,GAAcM,SAAS,EACrFJ,sBAAsB,CACvB;EACDZ,SAAS,CAAC,MAAM;IACda,sBAAsB,aAAtBA,sBAAsB,uBAAtBA,sBAAsB,CAAGE,oBAAoB,CAAC;EAChD,CAAC,EAAE,CAACA,oBAAoB,EAAEF,sBAAsB,CAAC,CAAC;EAElD,MAAMI,SAAoB,GAAG;IAC3BC,SAAS,EAAEX,KAAK;IAChBC;EACF,CAAC;EAED,oBACET,KAAA,CAAAoB,aAAA,CAAClB,IAAI,EAAAmB,QAAA;IAACd,GAAG,EAAEA,GAAI;IAACG,KAAK,EAAE,CAACQ,SAAS,EAAER,KAAK,CAAE;IAACY,qBAAqB,EAAE;EAAE,GAAKP,KAAK,GAC3EJ,QAAQ,CACJ;AAEX,CAAC,CACF;AAEDP,QAAQ,CAACmB,WAAW,GAAG,UAAU"}

package/lib/module/text/font.js

@@ -0,0 +1,56 @@
+import { Platform } from 'react-native';
+var FontFace;
+(function (FontFace) {
+  FontFace["OpenSans"] = "Open Sans";
+  FontFace["IBMPlexMono"] = "IBM Plex Mono";
+  FontFace["ProcivisBook"] = "Procivis-Book";
+})(FontFace || (FontFace = {}));
+var FontWeight;
+(function (FontWeight) {
+  FontWeight["Medium"] = "500";
+  FontWeight["Regular"] = "400";
+})(FontWeight || (FontWeight = {}));
+// generate styles for a font with given weight and style
+export const fontFactory = _ref => {
+  let {
+    face,
+    weight
+  } = _ref;
+  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/text/font.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","FontFace","FontWeight","fontFactory","_ref","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;AAAA,WAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;EAARA,QAAQ;AAAA,GAARA,QAAQ,KAARA,QAAQ;AAAA,IAMRC,UAAU;AAAA,WAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;AAAA,GAAVA,UAAU,KAAVA,UAAU;AAUf;AACA,OAAO,MAAMC,WAAW,GAAGC,IAAA,IAAmD;EAAA,IAAlD;IAAEC,IAAI;IAAEC;EAAyB,CAAC,GAAAF,IAAA;EAC5D,IAAIJ,QAAQ,CAACO,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,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,CAACd,UAAU,CAAC,CAACQ,MAAM,CAACC,MAAM,CAACT,UAAU,CAAC,CAACU,OAAO,CAACN,MAAM,CAAC,CAAC;IACrF,OAAO;MACLQ,UAAU,EAAG,GAAEL,UAAW,IAAGM,UAAW;IAC1C,CAAC;EACH,CAAC,MAAM;IACL,OAAO;MACLD,UAAU,EAAET,IAAI;MAChBY,UAAU,EAAEX;IACd,CAAC;EACH;AACF,CAAC;AAED,MAAMY,IAAI,GAAG;EACXC,OAAO,EAAEhB,WAAW,CAAC;IAAEE,IAAI,EAAEJ,QAAQ,CAACmB,QAAQ;IAAEd,MAAM,EAAEJ,UAAU,CAACmB;EAAQ,CAAC,CAAC;EAC7EC,MAAM,EAAEnB,WAAW,CAAC;IAAEE,IAAI,EAAEJ,QAAQ,CAACmB,QAAQ;IAAEd,MAAM,EAAEJ,UAAU,CAACqB;EAAO,CAAC,CAAC;EAC3EC,IAAI,EAAErB,WAAW,CAAC;IAAEE,IAAI,EAAEJ,QAAQ,CAACwB,WAAW;IAAEnB,MAAM,EAAEJ,UAAU,CAACmB;EAAQ,CAAC,CAAC;EAC7EK,OAAO,EAAEvB,WAAW,CAAC;IAAEE,IAAI,EAAEJ,QAAQ,CAAC0B;EAAa,CAAC;AACtD,CAAC;AAED,eAAeT,IAAI"}

package/lib/module/text/index.js

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

package/lib/module/text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Typography","TypographyProps"],"sources":["index.ts"],"sourcesContent":["import Typography, { TypographyProps } from './typography';\n\nexport { Typography, TypographyProps };\n"],"mappings":"AAAA,OAAOA,UAAU,IAAIC,eAAe,QAAQ,cAAc;AAE1D,SAASD,UAAU,EAAEC,eAAe"}

package/lib/module/text/typography.js

@@ -0,0 +1,111 @@
+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); }
+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((_ref, ref) => {
+  let {
+    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/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","_ref","ref","preset","color","caps","style","props","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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"}

package/lib/module/theme/color-scheme-context.js

@@ -0,0 +1,44 @@
+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',
+  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/theme/color-scheme-context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","defaultColorScheme","accent","accentText","background","backgroundScroll","black","codeAccent","credentialHeaderBackground","error","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  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,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;IACRd,UAAU,EAAE,sBAAsB;IAClCe,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,gBAAGzB,KAAK,CAAC0B,aAAa,CAAczB,kBAAkB,CAAC;AAC/EwB,kBAAkB,CAACE,WAAW,GAAG,oBAAoB;AAErD,OAAO,SAASC,mBAAmBA,CACjCC,KAAiD,EACjD;EACA,oBAAO7B,KAAA,CAAA8B,aAAA,CAACL,kBAAkB,CAACM,QAAQ;IAACC,KAAK,EAAEH,KAAK,CAACI;EAAY,GAAEJ,KAAK,CAACK,QAAQ,CAA+B;AAC9G;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASC,iBAAiBA,CAAA,EAA+D;EAC9F,OAAOnC,KAAK,CAACoC,UAAU,CAACX,kBAAkB,CAAC;AAC7C"}

package/lib/module/theme/color-scheme.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=color-scheme.js.map

package/lib/module/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  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":""}

package/lib/module/theme/index.js

@@ -0,0 +1,3 @@
+import { ColorSchemeProvider, useAppColorScheme } from './color-scheme-context';
+export { ColorSchemeProvider, useAppColorScheme };
+//# sourceMappingURL=index.js.map

package/lib/module/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"}

package/lib/module/utils/color.js

@@ -0,0 +1,23 @@
+/* eslint-disable no-bitwise */
+import normalizeColor from '@react-native/normalize-color';
+export const colorArray = color => {
+  const normalized = normalizeColor(color);
+  const r = normalized >> 24 & 0xff;
+  const g = normalized >> 16 & 0xff;
+  const b = normalized >> 8 & 0xff;
+  const a = normalized & 0xff;
+  return [r / 255, g / 255, b / 255, a / 255];
+};
+export const colorWithAlphaComponent = (color, alpha) => {
+  alpha = Math.min(1, Math.max(0, alpha));
+  const colorValues = colorArray(color);
+  colorValues[3] = alpha;
+  const colorHexString = colorValues.map(value => Math.round(255 * value).toString(16).padStart(2, '0')).join('');
+  return `#${colorHexString}`;
+};
+export const getBrightness = color => {
+  const rgb = colorArray(color);
+  // https://en.wikipedia.org/wiki/Relative_luminance
+  return 0.2126 * rgb[0] + 0.7152 * rgb[1] + 0.0722 * rgb[2];
+};
+//# sourceMappingURL=color.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,21 @@
+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); }
+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 barStyle = useMemo(() => getBrightness(backgroundColor) > 0.5 ? 'dark-content' : 'light-content', [backgroundColor]);
+  return /*#__PURE__*/React.createElement(StatusBar, _extends({
+    translucent: true,
+    barStyle: barStyle,
+    backgroundColor: 'transparent'
+  }, props));
+};
+export default ContrastingStatusBar;
+//# sourceMappingURL=contrasting-status-bar.js.map

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

@@ -0,0 +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"}