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

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

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","StyleSheet","View","TouchableOpacity","NextIcon","useAppColorScheme","SettingItem","ButtonSetting","_ref","accessory","disabled","title","onPress","icon","style","testID","colorScheme","accessoryView","createElement","styles","arrow","color","text","isValidElement","AccessoryComponent","accessibilityRole","container","create","alignItems","height","justifyContent","width"],"sources":["button-setting.tsx"],"sourcesContent":["import React, { ComponentType, FunctionComponent, ReactElement, useMemo } from 'react';\nimport { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';\nimport { NextIcon } from '../icons/wallet';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\nimport SettingItem from './setting-item';\n\nexport type ButtonSettingProps = {\n  accessory?: ComponentType<any> | ReactElement;\n  disabled?: boolean;\n  icon?: ComponentType<any> | ReactElement;\n  onPress: () => void;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n  title: string;\n};\n\nconst ButtonSetting: FunctionComponent<ButtonSettingProps> = ({\n  accessory,\n  disabled,\n  title,\n  onPress,\n  icon,\n  style,\n  testID,\n}) => {\n  const colorScheme = useAppColorScheme();\n\n  const accessoryView: React.ReactElement | undefined = useMemo(() => {\n    if (!accessory) {\n      return (\n        <View style={styles.arrow}>\n          <NextIcon color={colorScheme.text} />\n        </View>\n      );\n    }\n    if (React.isValidElement(accessory)) {\n      return accessory;\n    } else {\n      const AccessoryComponent = accessory as React.ComponentType<any>;\n      return <AccessoryComponent />;\n    }\n  }, [accessory, colorScheme.text]);\n\n  return (\n    <TouchableOpacity\n      disabled={disabled}\n      accessibilityRole=\"button\"\n      onPress={onPress}\n      style={styles.container}\n      testID={testID}>\n      <SettingItem icon={icon} style={style} title={title}>\n        {accessoryView}\n      </SettingItem>\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  arrow: {\n    alignItems: 'center',\n    height: 24,\n    justifyContent: 'center',\n    width: 24,\n  },\n  container: {\n    width: '100%',\n  },\n});\n\nexport default ButtonSetting;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAoDC,OAAO,QAAQ,OAAO;AACtF,SAAoBC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAErE,SAASC,gBAAgB,QAAQ,+CAA+C;AAChF,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,iBAAiB,QAAQ,+BAA+B;AACjE,OAAOC,WAAW,MAAM,gBAAgB;AAYxC,MAAMC,aAAoD,GAAGC,IAAA,IAQvD;EAAA,IARwD;IAC5DC,SAAS;IACTC,QAAQ;IACRC,KAAK;IACLC,OAAO;IACPC,IAAI;IACJC,KAAK;IACLC;EACF,CAAC,GAAAP,IAAA;EACC,MAAMQ,WAAW,GAAGX,iBAAiB,EAAE;EAEvC,MAAMY,aAA6C,GAAGjB,OAAO,CAAC,MAAM;IAClE,IAAI,CAACS,SAAS,EAAE;MACd,oBACEV,KAAA,CAAAmB,aAAA,CAAChB,IAAI;QAACY,KAAK,EAAEK,MAAM,CAACC;MAAM,gBACxBrB,KAAA,CAAAmB,aAAA,CAACd,QAAQ;QAACiB,KAAK,EAAEL,WAAW,CAACM;MAAK,EAAG,CAChC;IAEX;IACA,kBAAIvB,KAAK,CAACwB,cAAc,CAACd,SAAS,CAAC,EAAE;MACnC,OAAOA,SAAS;IAClB,CAAC,MAAM;MACL,MAAMe,kBAAkB,GAAGf,SAAqC;MAChE,oBAAOV,KAAA,CAAAmB,aAAA,CAACM,kBAAkB,OAAG;IAC/B;EACF,CAAC,EAAE,CAACf,SAAS,EAAEO,WAAW,CAACM,IAAI,CAAC,CAAC;EAEjC,oBACEvB,KAAA,CAAAmB,aAAA,CAACf,gBAAgB;IACfO,QAAQ,EAAEA,QAAS;IACnBe,iBAAiB,EAAC,QAAQ;IAC1Bb,OAAO,EAAEA,OAAQ;IACjBE,KAAK,EAAEK,MAAM,CAACO,SAAU;IACxBX,MAAM,EAAEA;EAAO,gBACfhB,KAAA,CAAAmB,aAAA,CAACZ,WAAW;IAACO,IAAI,EAAEA,IAAK;IAACC,KAAK,EAAEA,KAAM;IAACH,KAAK,EAAEA;EAAM,GACjDM,aAAa,CACF,CACG;AAEvB,CAAC;AAED,MAAME,MAAM,GAAGlB,UAAU,CAAC0B,MAAM,CAAC;EAC/BP,KAAK,EAAE;IACLQ,UAAU,EAAE,QAAQ;IACpBC,MAAM,EAAE,EAAE;IACVC,cAAc,EAAE,QAAQ;IACxBC,KAAK,EAAE;EACT,CAAC;EACDL,SAAS,EAAE;IACTK,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,eAAexB,aAAa"}
+{"version":3,"names":["React","useMemo","StyleSheet","View","TouchableOpacity","NextIcon","useAppColorScheme","SettingItem","ButtonSetting","accessory","disabled","title","onPress","icon","style","testID","colorScheme","accessoryView","createElement","styles","arrow","color","text","isValidElement","AccessoryComponent","accessibilityRole","container","create","alignItems","height","justifyContent","width"],"sources":["button-setting.tsx"],"sourcesContent":["import React, { ComponentType, FunctionComponent, ReactElement, useMemo } from 'react';\nimport { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';\nimport { NextIcon } from '../icons/wallet';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\nimport SettingItem from './setting-item';\n\nexport type ButtonSettingProps = {\n  accessory?: ComponentType<any> | ReactElement;\n  disabled?: boolean;\n  icon?: ComponentType<any> | ReactElement;\n  onPress: () => void;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n  title: string;\n};\n\nconst ButtonSetting: FunctionComponent<ButtonSettingProps> = ({\n  accessory,\n  disabled,\n  title,\n  onPress,\n  icon,\n  style,\n  testID,\n}) => {\n  const colorScheme = useAppColorScheme();\n\n  const accessoryView: React.ReactElement | undefined = useMemo(() => {\n    if (!accessory) {\n      return (\n        <View style={styles.arrow}>\n          <NextIcon color={colorScheme.text} />\n        </View>\n      );\n    }\n    if (React.isValidElement(accessory)) {\n      return accessory;\n    } else {\n      const AccessoryComponent = accessory as React.ComponentType<any>;\n      return <AccessoryComponent />;\n    }\n  }, [accessory, colorScheme.text]);\n\n  return (\n    <TouchableOpacity\n      disabled={disabled}\n      accessibilityRole=\"button\"\n      onPress={onPress}\n      style={styles.container}\n      testID={testID}>\n      <SettingItem icon={icon} style={style} title={title}>\n        {accessoryView}\n      </SettingItem>\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  arrow: {\n    alignItems: 'center',\n    height: 24,\n    justifyContent: 'center',\n    width: 24,\n  },\n  container: {\n    width: '100%',\n  },\n});\n\nexport default ButtonSetting;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAoDC,OAAO,QAAQ,OAAO;AACtF,SAAoBC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAErE,SAASC,gBAAgB,QAAQ,+CAA+C;AAChF,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,iBAAiB,QAAQ,+BAA+B;AACjE,OAAOC,WAAW,MAAM,gBAAgB;AAYxC,MAAMC,aAAoD,GAAGA,CAAC;EAC5DC,SAAS;EACTC,QAAQ;EACRC,KAAK;EACLC,OAAO;EACPC,IAAI;EACJC,KAAK;EACLC;AACF,CAAC,KAAK;EACJ,MAAMC,WAAW,GAAGV,iBAAiB,CAAC,CAAC;EAEvC,MAAMW,aAA6C,GAAGhB,OAAO,CAAC,MAAM;IAClE,IAAI,CAACQ,SAAS,EAAE;MACd,oBACET,KAAA,CAAAkB,aAAA,CAACf,IAAI;QAACW,KAAK,EAAEK,MAAM,CAACC;MAAM,gBACxBpB,KAAA,CAAAkB,aAAA,CAACb,QAAQ;QAACgB,KAAK,EAAEL,WAAW,CAACM;MAAK,CAAE,CAChC,CAAC;IAEX;IACA,iBAAItB,KAAK,CAACuB,cAAc,CAACd,SAAS,CAAC,EAAE;MACnC,OAAOA,SAAS;IAClB,CAAC,MAAM;MACL,MAAMe,kBAAkB,GAAGf,SAAqC;MAChE,oBAAOT,KAAA,CAAAkB,aAAA,CAACM,kBAAkB,MAAE,CAAC;IAC/B;EACF,CAAC,EAAE,CAACf,SAAS,EAAEO,WAAW,CAACM,IAAI,CAAC,CAAC;EAEjC,oBACEtB,KAAA,CAAAkB,aAAA,CAACd,gBAAgB;IACfM,QAAQ,EAAEA,QAAS;IACnBe,iBAAiB,EAAC,QAAQ;IAC1Bb,OAAO,EAAEA,OAAQ;IACjBE,KAAK,EAAEK,MAAM,CAACO,SAAU;IACxBX,MAAM,EAAEA;EAAO,gBACff,KAAA,CAAAkB,aAAA,CAACX,WAAW;IAACM,IAAI,EAAEA,IAAK;IAACC,KAAK,EAAEA,KAAM;IAACH,KAAK,EAAEA;EAAM,GACjDM,aACU,CACG,CAAC;AAEvB,CAAC;AAED,MAAME,MAAM,GAAGjB,UAAU,CAACyB,MAAM,CAAC;EAC/BP,KAAK,EAAE;IACLQ,UAAU,EAAE,QAAQ;IACpBC,MAAM,EAAE,EAAE;IACVC,cAAc,EAAE,QAAQ;IACxBC,KAAK,EAAE;EACT,CAAC;EACDL,SAAS,EAAE;IACTK,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,eAAevB,aAAa","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["ButtonSetting","ButtonSettingProps","SettingItem","SettingItemProps","SettingItemSeparator","SettingItemSeparatorProps","SettingsButton","SettingsButtonProps","SwitchSetting","SwitchSettingProps"],"sources":["index.ts"],"sourcesContent":["import ButtonSetting, { ButtonSettingProps } from './button-setting';\nimport SettingItem, { SettingItemProps } from './setting-item';\nimport SettingItemSeparator, { SettingItemSeparatorProps } from './setting-item-separator';\nimport SettingsButton, { SettingsButtonProps } from './settings-button';\nimport SwitchSetting, { SwitchSettingProps } from './switch-setting';\n\nexport { ButtonSetting, ButtonSettingProps };\nexport { SettingItem, SettingItemProps };\nexport { SettingItemSeparator, SettingItemSeparatorProps };\nexport { SettingsButton, SettingsButtonProps };\nexport { SwitchSetting, SwitchSettingProps };\n"],"mappings":"AAAA,OAAOA,aAAa,IAAIC,kBAAkB,QAAQ,kBAAkB;AACpE,OAAOC,WAAW,IAAIC,gBAAgB,QAAQ,gBAAgB;AAC9D,OAAOC,oBAAoB,IAAIC,yBAAyB,QAAQ,0BAA0B;AAC1F,OAAOC,cAAc,IAAIC,mBAAmB,QAAQ,mBAAmB;AACvE,OAAOC,aAAa,IAAIC,kBAAkB,QAAQ,kBAAkB;AAEpE,SAAST,aAAa,EAAEC,kBAAkB;AAC1C,SAASC,WAAW,EAAEC,gBAAgB;AACtC,SAASC,oBAAoB,EAAEC,yBAAyB;AACxD,SAASC,cAAc,EAAEC,mBAAmB;AAC5C,SAASC,aAAa,EAAEC,kBAAkB"}
+{"version":3,"names":["ButtonSetting","ButtonSettingProps","SettingItem","SettingItemProps","SettingItemSeparator","SettingItemSeparatorProps","SettingsButton","SettingsButtonProps","SwitchSetting","SwitchSettingProps"],"sources":["index.ts"],"sourcesContent":["import ButtonSetting, { ButtonSettingProps } from './button-setting';\nimport SettingItem, { SettingItemProps } from './setting-item';\nimport SettingItemSeparator, { SettingItemSeparatorProps } from './setting-item-separator';\nimport SettingsButton, { SettingsButtonProps } from './settings-button';\nimport SwitchSetting, { SwitchSettingProps } from './switch-setting';\n\nexport { ButtonSetting, ButtonSettingProps };\nexport { SettingItem, SettingItemProps };\nexport { SettingItemSeparator, SettingItemSeparatorProps };\nexport { SettingsButton, SettingsButtonProps };\nexport { SwitchSetting, SwitchSettingProps };\n"],"mappings":"AAAA,OAAOA,aAAa,IAAIC,kBAAkB,QAAQ,kBAAkB;AACpE,OAAOC,WAAW,IAAIC,gBAAgB,QAAQ,gBAAgB;AAC9D,OAAOC,oBAAoB,IAAIC,yBAAyB,QAAQ,0BAA0B;AAC1F,OAAOC,cAAc,IAAIC,mBAAmB,QAAQ,mBAAmB;AACvE,OAAOC,aAAa,IAAIC,kBAAkB,QAAQ,kBAAkB;AAEpE,SAAST,aAAa,EAAEC,kBAAkB;AAC1C,SAASC,WAAW,EAAEC,gBAAgB;AACtC,SAASC,oBAAoB,EAAEC,yBAAyB;AACxD,SAASC,cAAc,EAAEC,mBAAmB;AAC5C,SAASC,aAAa,EAAEC,kBAAkB","ignoreList":[]}

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

@@ -1,11 +1,10 @@
 import React from 'react';
 import { StyleSheet, View } from 'react-native';
 import { useAppColorScheme } from '../theme/color-scheme-context';
-const SettingItemSeparator = _ref => {
-  let {
-    color,
-    style
-  } = _ref;
+const SettingItemSeparator = ({
+  color,
+  style
+}) => {
   const colorScheme = useAppColorScheme();
   return /*#__PURE__*/React.createElement(View, {
     style: [styles.wrapper, {

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","useAppColorScheme","SettingItemSeparator","_ref","color","style","colorScheme","createElement","styles","wrapper","backgroundColor","white","separator","background","create","height","width","marginHorizontal","paddingHorizontal"],"sources":["setting-item-separator.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ColorValue, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nexport type SettingItemSeparatorProps = {\n  color?: ColorValue;\n  style?: StyleProp<ViewStyle>;\n};\n\nconst SettingItemSeparator: FC<SettingItemSeparatorProps> = ({ color, style }) => {\n  const colorScheme = useAppColorScheme();\n  return (\n    <View style={[styles.wrapper, { backgroundColor: colorScheme.white }, style]}>\n      <View style={[styles.separator, { backgroundColor: color ?? colorScheme.background }]} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  separator: {\n    height: '100%',\n    width: '100%',\n  },\n  wrapper: {\n    height: 1,\n    marginHorizontal: 16,\n    paddingHorizontal: 12,\n  },\n});\n\nexport default SettingItemSeparator;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAc,OAAO;AACjC,SAAgCC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAEjF,SAASC,iBAAiB,QAAQ,+BAA+B;AAOjE,MAAMC,oBAAmD,GAAGC,IAAA,IAAsB;EAAA,IAArB;IAAEC,KAAK;IAAEC;EAAM,CAAC,GAAAF,IAAA;EAC3E,MAAMG,WAAW,GAAGL,iBAAiB,EAAE;EACvC,oBACEH,KAAA,CAAAS,aAAA,CAACP,IAAI;IAACK,KAAK,EAAE,CAACG,MAAM,CAACC,OAAO,EAAE;MAAEC,eAAe,EAAEJ,WAAW,CAACK;IAAM,CAAC,EAAEN,KAAK;EAAE,gBAC3EP,KAAA,CAAAS,aAAA,CAACP,IAAI;IAACK,KAAK,EAAE,CAACG,MAAM,CAACI,SAAS,EAAE;MAAEF,eAAe,EAAEN,KAAK,aAALA,KAAK,cAALA,KAAK,GAAIE,WAAW,CAACO;IAAW,CAAC;EAAE,EAAG,CACpF;AAEX,CAAC;AAED,MAAML,MAAM,GAAGT,UAAU,CAACe,MAAM,CAAC;EAC/BF,SAAS,EAAE;IACTG,MAAM,EAAE,MAAM;IACdC,KAAK,EAAE;EACT,CAAC;EACDP,OAAO,EAAE;IACPM,MAAM,EAAE,CAAC;IACTE,gBAAgB,EAAE,EAAE;IACpBC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAEF,eAAehB,oBAAoB"}
+{"version":3,"names":["React","StyleSheet","View","useAppColorScheme","SettingItemSeparator","color","style","colorScheme","createElement","styles","wrapper","backgroundColor","white","separator","background","create","height","width","marginHorizontal","paddingHorizontal"],"sources":["setting-item-separator.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ColorValue, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nexport type SettingItemSeparatorProps = {\n  color?: ColorValue;\n  style?: StyleProp<ViewStyle>;\n};\n\nconst SettingItemSeparator: FC<SettingItemSeparatorProps> = ({ color, style }) => {\n  const colorScheme = useAppColorScheme();\n  return (\n    <View style={[styles.wrapper, { backgroundColor: colorScheme.white }, style]}>\n      <View style={[styles.separator, { backgroundColor: color ?? colorScheme.background }]} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  separator: {\n    height: '100%',\n    width: '100%',\n  },\n  wrapper: {\n    height: 1,\n    marginHorizontal: 16,\n    paddingHorizontal: 12,\n  },\n});\n\nexport default SettingItemSeparator;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAc,OAAO;AACjC,SAAgCC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAEjF,SAASC,iBAAiB,QAAQ,+BAA+B;AAOjE,MAAMC,oBAAmD,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAM,CAAC,KAAK;EAChF,MAAMC,WAAW,GAAGJ,iBAAiB,CAAC,CAAC;EACvC,oBACEH,KAAA,CAAAQ,aAAA,CAACN,IAAI;IAACI,KAAK,EAAE,CAACG,MAAM,CAACC,OAAO,EAAE;MAAEC,eAAe,EAAEJ,WAAW,CAACK;IAAM,CAAC,EAAEN,KAAK;EAAE,gBAC3EN,KAAA,CAAAQ,aAAA,CAACN,IAAI;IAACI,KAAK,EAAE,CAACG,MAAM,CAACI,SAAS,EAAE;MAAEF,eAAe,EAAEN,KAAK,aAALA,KAAK,cAALA,KAAK,GAAIE,WAAW,CAACO;IAAW,CAAC;EAAE,CAAE,CACpF,CAAC;AAEX,CAAC;AAED,MAAML,MAAM,GAAGR,UAAU,CAACc,MAAM,CAAC;EAC/BF,SAAS,EAAE;IACTG,MAAM,EAAE,MAAM;IACdC,KAAK,EAAE;EACT,CAAC;EACDP,OAAO,EAAE;IACPM,MAAM,EAAE,CAAC;IACTE,gBAAgB,EAAE,EAAE;IACpBC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAEF,eAAef,oBAAoB","ignoreList":[]}

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

@@ -29,19 +29,18 @@ const styles = StyleSheet.create({
     paddingHorizontal: 12
   }
 });
-const SettingItem = _ref => {
-  let {
-    title,
-    icon,
-    style,
-    children
-  } = _ref;
+const SettingItem = ({
+  title,
+  icon,
+  style,
+  children
+}) => {
   const colorScheme = useAppColorScheme();
   const iconView = useMemo(() => {
     if (!icon) {
       return undefined;
     }
-    if ( /*#__PURE__*/React.isValidElement(icon)) {
+    if (/*#__PURE__*/React.isValidElement(icon)) {
       return icon;
     } else {
       const IconComponent = icon;

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

@@ -1 +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"}
+{"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

@@ -1,13 +1,12 @@
-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 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 SettingsButton = ({
+  style,
+  ...props
+}) => {
   const colorScheme = useAppColorScheme();
   return /*#__PURE__*/React.createElement(ButtonSetting, _extends({
     style: [styles.button, {

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

@@ -1 +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"}
+{"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

@@ -1,16 +1,15 @@
 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;
+const SwitchSetting = ({
+  title,
+  value,
+  onChange,
+  icon,
+  style,
+  disabled = false,
+  testID
+}) => {
   return /*#__PURE__*/React.createElement(SettingItem, {
     icon: icon,
     style: style,

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

@@ -1 +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"}
+{"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

@@ -1,17 +1,16 @@
 import React from 'react';
 import { StyleSheet, View } from 'react-native';
-import { ScrollViewScreen } from '..';
 import { Button } from '../buttons';
 import { CredentialWarningIcon } from '../icons';
+import { ScrollViewScreen } from '../screens';
 import { Typography } from '../text';
 import { useAppColorScheme } from '../theme';
-const ErrorScreen = _ref => {
-  let {
-    testID,
-    title,
-    subtitle,
-    button
-  } = _ref;
+const ErrorScreen = ({
+  testID,
+  title,
+  subtitle,
+  button
+}) => {
   const colorScheme = useAppColorScheme();
   return /*#__PURE__*/React.createElement(ScrollViewScreen, {
     header: {

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

@@ -1 +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"}
+{"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

@@ -1 +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"}
+{"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

@@ -1,21 +1,20 @@
-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, { 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;
+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 ? void 0 : onAnnouncementFinished(announcementFinished);
+    onAnnouncementFinished === null || onAnnouncementFinished === void 0 || onAnnouncementFinished(announcementFinished);
   }, [announcementFinished, onAnnouncementFinished]);
   const baseStyle = {
     textAlign: align,

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

@@ -1 +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"}
+{"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

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

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

@@ -1 +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"}
+{"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

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

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

@@ -1 +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"}
+{"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

@@ -1,4 +1,4 @@
-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 from 'react';
 import { StyleSheet } from 'react-native';
 import { useAppColorScheme } from '../theme';
@@ -50,7 +50,6 @@ const presets = {
     letterSpacing: -0.2
     // TODO: vertical trim: cap height
   },
-
   's/line-height-small': {
     ...font.regular,
     fontSize: 14,
@@ -86,14 +85,13 @@ const presets = {
  * 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 Typography = /*#__PURE__*/React.forwardRef(({
+  preset = 'regular',
+  color,
+  caps,
+  style,
+  ...props
+}, ref) => {
   const colorScheme = useAppColorScheme();
   return /*#__PURE__*/React.createElement(BaseText, _extends({
     ref: ref,

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

@@ -1 +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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"}
+{"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

@@ -8,6 +8,7 @@ const defaultColorScheme = {
   codeAccent: '#CFD2E7',
   credentialHeaderBackground: 'rgba(255, 255, 255, 0.87)',
   error: '#D90D0D',
+  errorText: '#A73535',
   grayDark: '#CDD4DA',
   linkText: '#3F7BA6',
   success: '#00D066',

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

@@ -1 +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"}
+{"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

@@ -1 +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":""}
+{"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

@@ -1 +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"}
+{"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.map

@@ -1 +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"}
+{"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.map

@@ -1 +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,OAAQ,uBAAsBD,YAAY,EAAG,MAAK;AACpD,CAAC"}
+{"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":[]}

package/lib/module/utils/date.js

@@ -1,13 +1,13 @@
-var _NativeModules$I18nMa, _NativeModules$I18nMa2;
+var _I18nManager$getConst, _ref;
 // Date & Time formatted as specified in SW-610
 
-import { NativeModules, Platform } from 'react-native';
+import { I18nManager, Platform, Settings } from 'react-native';
 import { format } from 'timeago.js';
 const MINUTE = 60 * 1000;
 const DAY = 24 * 60 * MINUTE;
 
 // OS locale
-const systemLocale = (_NativeModules$I18nMa = NativeModules.I18nManager) === null || _NativeModules$I18nMa === void 0 ? void 0 : (_NativeModules$I18nMa2 = _NativeModules$I18nMa.localeIdentifier) === null || _NativeModules$I18nMa2 === void 0 ? void 0 : _NativeModules$I18nMa2.replace(/_/g, '-').split('#')[0].replace(/-$/, '');
+const systemLocale = (_I18nManager$getConst = I18nManager.getConstants().localeIdentifier) === null || _I18nManager$getConst === void 0 ? void 0 : _I18nManager$getConst.replace(/_/g, '-').split('#')[0].replace(/-$/, '');
 
 /**
  * Date only format
@@ -129,7 +129,7 @@ export const formatDateOnlyFromUTCTimestamp = utcTimestamp => {
   const utcDate = new Date(utcTimestamp);
   return (_formatDate = formatDate(convertDateStrToLocalDate(`${utcDate.getUTCFullYear()}-${pad(utcDate.getUTCMonth() + 1)}-${pad(utcDate.getUTCDate())}`))) !== null && _formatDate !== void 0 ? _formatDate : '';
 };
-const locale = (Platform.OS === 'ios' ? NativeModules.SettingsManager.settings.AppleLocale : NativeModules.I18nManager.localeIdentifier).split('@')[0].replace('_', '-');
+const locale = (_ref = Platform.OS === 'ios' ? Settings.get('AppleLocale') : I18nManager.getConstants().localeIdentifier) === null || _ref === void 0 ? void 0 : _ref.split('@')[0].replace('_', '-');
 export const formatDateTimeLocalized = date => {
   return formatDateTime(date, locale);
 };