@oxyhq/services 6.9.28 → 6.9.29

package/lib/commonjs/ui/screens/HelpSupportScreen.js

@@ -8,9 +8,11 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _sonner = require("../../lib/sonner");
 var _index = require("../components/index.js");
+var _SettingsIcon = require("../components/SettingsIcon.js");
 var _useI18n = require("../hooks/useI18n.js");
 var _useThemeStyles = require("../hooks/useThemeStyles.js");
 var _useColorScheme = require("../hooks/useColorScheme.js");
+var _settingsList = require("@oxyhq/bloom/settings-list");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const HelpSupportScreen = ({
@@ -53,71 +55,72 @@ const HelpSupportScreen = ({
       elevation: "subtle"
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
       style: styles.content,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Section, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_settingsList.SettingsListGroup, {
         title: t('help.options') || 'Get Help',
-        isFirst: true,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.GroupedSection, {
-          items: [{
-            id: 'faq',
-            icon: 'help-circle',
-            iconColor: themeStyles.colors.iconSecurity,
-            title: t('help.faq.title') || 'Frequently Asked Questions',
-            subtitle: t('help.faq.subtitle') || 'Find answers to common questions',
-            onPress: handleFAQ
-          }, {
-            id: 'contact',
-            icon: 'mail',
-            iconColor: themeStyles.colors.iconPersonalInfo,
-            title: t('help.contact.title') || 'Contact Support',
-            subtitle: t('help.contact.subtitle') || 'Get help from our support team',
-            onPress: handleContactSupport
-          }, {
-            id: 'report-bug',
-            icon: 'bug',
-            iconColor: themeStyles.colors.iconStorage,
-            title: t('help.reportBug.title') || 'Report a Bug',
-            subtitle: t('help.reportBug.subtitle') || 'Help us improve by reporting issues',
-            onPress: handleReportBug
-          }]
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Section, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
+            name: "help-circle",
+            color: themeStyles.colors.iconSecurity
+          }),
+          title: t('help.faq.title') || 'Frequently Asked Questions',
+          description: t('help.faq.subtitle') || 'Find answers to common questions',
+          onPress: handleFAQ
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
+            name: "email",
+            color: themeStyles.colors.iconPersonalInfo
+          }),
+          title: t('help.contact.title') || 'Contact Support',
+          description: t('help.contact.subtitle') || 'Get help from our support team',
+          onPress: handleContactSupport
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
+            name: "bug",
+            color: themeStyles.colors.iconStorage
+          }),
+          title: t('help.reportBug.title') || 'Report a Bug',
+          description: t('help.reportBug.subtitle') || 'Help us improve by reporting issues',
+          onPress: handleReportBug
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_settingsList.SettingsListGroup, {
         title: t('help.resources') || 'Resources',
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.GroupedSection, {
-          items: [{
-            id: 'documentation',
-            icon: 'file-document',
-            iconColor: '#8E8E93',
-            title: t('help.documentation.title') || 'Documentation',
-            subtitle: t('help.documentation.subtitle') || 'User guides and tutorials',
-            onPress: () => {
-              _reactNative.Linking.openURL('https://developer.oxy.so/docs').catch(() => {
-                _sonner.toast.error(t('help.linkError') || 'Failed to open link');
-              });
-            }
-          }, {
-            id: 'community',
-            icon: 'account-group',
-            iconColor: themeStyles.colors.iconData,
-            title: t('help.community.title') || 'Community',
-            subtitle: t('help.community.subtitle') || 'Join our community',
-            onPress: () => {
-              _reactNative.Linking.openURL('https://community.oxy.so').catch(() => {
-                _sonner.toast.error(t('help.linkError') || 'Failed to open link');
-              });
-            }
-          }, {
-            id: 'developers-portal',
-            icon: 'code-tags',
-            iconColor: themeStyles.colors.iconSharing,
-            title: t('help.developersPortal.title') || 'Developers Portal',
-            subtitle: t('help.developersPortal.subtitle') || 'API documentation and developer resources',
-            onPress: () => {
-              _reactNative.Linking.openURL('https://developer.oxy.so').catch(() => {
-                _sonner.toast.error(t('help.linkError') || 'Failed to open link');
-              });
-            }
-          }]
-        })
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
+            name: "file-document",
+            color: "#8E8E93"
+          }),
+          title: t('help.documentation.title') || 'Documentation',
+          description: t('help.documentation.subtitle') || 'User guides and tutorials',
+          onPress: () => {
+            _reactNative.Linking.openURL('https://developer.oxy.so/docs').catch(() => {
+              _sonner.toast.error(t('help.linkError') || 'Failed to open link');
+            });
+          }
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
+            name: "account-group",
+            color: themeStyles.colors.iconData
+          }),
+          title: t('help.community.title') || 'Community',
+          description: t('help.community.subtitle') || 'Join our community',
+          onPress: () => {
+            _reactNative.Linking.openURL('https://community.oxy.so').catch(() => {
+              _sonner.toast.error(t('help.linkError') || 'Failed to open link');
+            });
+          }
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
+            name: "code-tags",
+            color: themeStyles.colors.iconSharing
+          }),
+          title: t('help.developersPortal.title') || 'Developers Portal',
+          description: t('help.developersPortal.subtitle') || 'API documentation and developer resources',
+          onPress: () => {
+            _reactNative.Linking.openURL('https://developer.oxy.so').catch(() => {
+              _sonner.toast.error(t('help.linkError') || 'Failed to open link');
+            });
+          }
+        })]
       })]
     })]
   });

package/lib/commonjs/ui/screens/HelpSupportScreen.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_sonner","_index","_useI18n","_useThemeStyles","_useColorScheme","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","HelpSupportScreen","onClose","theme","goBack","navigate","useI18n","colorScheme","useColorScheme","themeStyles","useThemeStyles","handleContactSupport","useMemo","Linking","openURL","catch","toast","error","handleFAQ","info","handleReportBug","jsxs","View","style","styles","container","backgroundColor","children","jsx","Header","title","onBack","variant","elevation","ScrollView","content","Section","isFirst","GroupedSection","items","id","icon","iconColor","colors","iconSecurity","subtitle","onPress","iconPersonalInfo","iconStorage","iconData","iconSharing","StyleSheet","create","flex","padding","_default","exports","React","memo"],"sourceRoot":"../../../../src","sources":["ui/screens/HelpSupportScreen.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AASA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,eAAA,GAAAN,OAAA;AAAyD,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAD,wBAAAS,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAX,uBAAA,YAAAA,CAAAS,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEzD,MAAMkB,iBAA4C,GAAGA,CAAC;EAClDC,OAAO;EACPC,KAAK;EACLC,MAAM;EACNC;AACJ,CAAC,KAAK;EACF,MAAM;IAAEtB;EAAE,CAAC,GAAG,IAAAuB,gBAAO,EAAC,CAAC;EACvB,MAAMC,WAAW,GAAG,IAAAC,8BAAc,EAAC,CAAC;EACpC,MAAMC,WAAW,GAAG,IAAAC,8BAAc,EAACP,KAAK,IAAI,OAAO,EAAEI,WAAW,CAAC;EAEjE,MAAMI,oBAAoB,GAAG,IAAAC,cAAO,EAAC,MAAM,MAAM;IAC7CC,oBAAO,CAACC,OAAO,CAAC,+CAA+C,CAAC,CAACC,KAAK,CAAC,MAAM;MACzEC,aAAK,CAACC,KAAK,CAAClC,CAAC,CAAC,mBAAmB,CAAC,IAAI,6BAA6B,CAAC;IACxE,CAAC,CAAC;EACN,CAAC,EAAE,CAACA,CAAC,CAAC,CAAC;EAEP,MAAMmC,SAAS,GAAG,IAAAN,cAAO,EAAC,MAAM,MAAM;IAClC,IAAIP,QAAQ,EAAE;MACVA,QAAQ,CAAC,KAAK,CAAC;IACnB,CAAC,MAAM;MACHW,aAAK,CAACG,IAAI,CAACpC,CAAC,CAAC,gBAAgB,CAAC,IAAI,iBAAiB,CAAC;IACxD;EACJ,CAAC,EAAE,CAACsB,QAAQ,EAAEtB,CAAC,CAAC,CAAC;EAEjB,MAAMqC,eAAe,GAAG,IAAAR,cAAO,EAAC,MAAM,MAAM;IACxC;IACAC,oBAAO,CAACC,OAAO,CAAC,uCAAuC,CAAC,CAACC,KAAK,CAAC,MAAM;MACjEC,aAAK,CAACC,KAAK,CAAClC,CAAC,CAAC,kBAAkB,CAAC,IAAI,6BAA6B,CAAC;IACvE,CAAC,CAAC;EACN,CAAC,EAAE,CAACA,CAAC,CAAC,CAAC;EAEP,oBACI,IAAAF,WAAA,CAAAwC,IAAA,EAAC9C,YAAA,CAAA+C,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAEjB,WAAW,CAACiB;IAAgB,CAAC,CAAE;IAAAC,QAAA,gBAC9E,IAAA9C,WAAA,CAAA+C,GAAA,EAACnD,MAAA,CAAAoD,MAAM;MACHC,KAAK,EAAE/C,CAAC,CAAC,YAAY,CAAC,IAAI,gBAAiB;MAE3CgD,MAAM,EAAE3B,MAAM,IAAIF,OAAQ;MAC1B8B,OAAO,EAAC,SAAS;MACjBC,SAAS,EAAC;IAAQ,CACrB,CAAC,eAEF,IAAApD,WAAA,CAAAwC,IAAA,EAAC9C,YAAA,CAAA2D,UAAU;MAACX,KAAK,EAAEC,MAAM,CAACW,OAAQ;MAAAR,QAAA,gBAE9B,IAAA9C,WAAA,CAAA+C,GAAA,EAACnD,MAAA,CAAA2D,OAAO;QAACN,KAAK,EAAE/C,CAAC,CAAC,cAAc,CAAC,IAAI,UAAW;QAACsD,OAAO,EAAE,IAAK;QAAAV,QAAA,eAC3D,IAAA9C,WAAA,CAAA+C,GAAA,EAACnD,MAAA,CAAA6D,cAAc;UACXC,KAAK,EAAE,CACH;YACIC,EAAE,EAAE,KAAK;YACTC,IAAI,EAAE,aAAa;YACnBC,SAAS,EAAEjC,WAAW,CAACkC,MAAM,CAACC,YAAY;YAC1Cd,KAAK,EAAE/C,CAAC,CAAC,gBAAgB,CAAC,IAAI,4BAA4B;YAC1D8D,QAAQ,EAAE9D,CAAC,CAAC,mBAAmB,CAAC,IAAI,kCAAkC;YACtE+D,OAAO,EAAE5B;UACb,CAAC,EACD;YACIsB,EAAE,EAAE,SAAS;YACbC,IAAI,EAAE,MAAM;YACZC,SAAS,EAAEjC,WAAW,CAACkC,MAAM,CAACI,gBAAgB;YAC9CjB,KAAK,EAAE/C,CAAC,CAAC,oBAAoB,CAAC,IAAI,iBAAiB;YACnD8D,QAAQ,EAAE9D,CAAC,CAAC,uBAAuB,CAAC,IAAI,gCAAgC;YACxE+D,OAAO,EAAEnC;UACb,CAAC,EACD;YACI6B,EAAE,EAAE,YAAY;YAChBC,IAAI,EAAE,KAAK;YACXC,SAAS,EAAEjC,WAAW,CAACkC,MAAM,CAACK,WAAW;YACzClB,KAAK,EAAE/C,CAAC,CAAC,sBAAsB,CAAC,IAAI,cAAc;YAClD8D,QAAQ,EAAE9D,CAAC,CAAC,yBAAyB,CAAC,IAAI,qCAAqC;YAC/E+D,OAAO,EAAE1B;UACb,CAAC;QACH,CAEL;MAAC,CACG,CAAC,eAGV,IAAAvC,WAAA,CAAA+C,GAAA,EAACnD,MAAA,CAAA2D,OAAO;QAACN,KAAK,EAAE/C,CAAC,CAAC,gBAAgB,CAAC,IAAI,WAAY;QAAA4C,QAAA,eAC/C,IAAA9C,WAAA,CAAA+C,GAAA,EAACnD,MAAA,CAAA6D,cAAc;UACXC,KAAK,EAAE,CACH;YACIC,EAAE,EAAE,eAAe;YACnBC,IAAI,EAAE,eAAe;YACrBC,SAAS,EAAE,SAAS;YACpBZ,KAAK,EAAE/C,CAAC,CAAC,0BAA0B,CAAC,IAAI,eAAe;YACvD8D,QAAQ,EAAE9D,CAAC,CAAC,6BAA6B,CAAC,IAAI,2BAA2B;YACzE+D,OAAO,EAAEA,CAAA,KAAM;cACXjC,oBAAO,CAACC,OAAO,CAAC,+BAA+B,CAAC,CAACC,KAAK,CAAC,MAAM;gBACzDC,aAAK,CAACC,KAAK,CAAClC,CAAC,CAAC,gBAAgB,CAAC,IAAI,qBAAqB,CAAC;cAC7D,CAAC,CAAC;YACN;UACJ,CAAC,EACD;YACIyD,EAAE,EAAE,WAAW;YACfC,IAAI,EAAE,eAAe;YACrBC,SAAS,EAAEjC,WAAW,CAACkC,MAAM,CAACM,QAAQ;YACtCnB,KAAK,EAAE/C,CAAC,CAAC,sBAAsB,CAAC,IAAI,WAAW;YAC/C8D,QAAQ,EAAE9D,CAAC,CAAC,yBAAyB,CAAC,IAAI,oBAAoB;YAC9D+D,OAAO,EAAEA,CAAA,KAAM;cACXjC,oBAAO,CAACC,OAAO,CAAC,0BAA0B,CAAC,CAACC,KAAK,CAAC,MAAM;gBACpDC,aAAK,CAACC,KAAK,CAAClC,CAAC,CAAC,gBAAgB,CAAC,IAAI,qBAAqB,CAAC;cAC7D,CAAC,CAAC;YACN;UACJ,CAAC,EACD;YACIyD,EAAE,EAAE,mBAAmB;YACvBC,IAAI,EAAE,WAAW;YACjBC,SAAS,EAAEjC,WAAW,CAACkC,MAAM,CAACO,WAAW;YACzCpB,KAAK,EAAE/C,CAAC,CAAC,6BAA6B,CAAC,IAAI,mBAAmB;YAC9D8D,QAAQ,EAAE9D,CAAC,CAAC,gCAAgC,CAAC,IAAI,2CAA2C;YAC5F+D,OAAO,EAAEA,CAAA,KAAM;cACXjC,oBAAO,CAACC,OAAO,CAAC,0BAA0B,CAAC,CAACC,KAAK,CAAC,MAAM;gBACpDC,aAAK,CAACC,KAAK,CAAClC,CAAC,CAAC,gBAAgB,CAAC,IAAI,qBAAqB,CAAC;cAC7D,CAAC,CAAC;YACN;UACJ,CAAC;QACH,CAEL;MAAC,CACG,CAAC;IAAA,CACF,CAAC;EAAA,CACX,CAAC;AAEf,CAAC;AAED,MAAMyC,MAAM,GAAG2B,uBAAU,CAACC,MAAM,CAAC;EAC7B3B,SAAS,EAAE;IACP4B,IAAI,EAAE;EACV,CAAC;EACDlB,OAAO,EAAE;IACLkB,IAAI,EAAE,CAAC;IACPC,OAAO,EAAE;EACb;AACJ,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAhE,OAAA,gBAEYiE,cAAK,CAACC,IAAI,CAACzD,iBAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_sonner","_index","_SettingsIcon","_useI18n","_useThemeStyles","_useColorScheme","_settingsList","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","HelpSupportScreen","onClose","theme","goBack","navigate","useI18n","colorScheme","useColorScheme","themeStyles","useThemeStyles","handleContactSupport","useMemo","Linking","openURL","catch","toast","error","handleFAQ","info","handleReportBug","jsxs","View","style","styles","container","backgroundColor","children","jsx","Header","title","onBack","variant","elevation","ScrollView","content","SettingsListGroup","SettingsListItem","icon","SettingsIcon","name","color","colors","iconSecurity","description","onPress","iconPersonalInfo","iconStorage","iconData","iconSharing","StyleSheet","create","flex","padding","_default","exports","React","memo"],"sourceRoot":"../../../../src","sources":["ui/screens/HelpSupportScreen.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/components/SettingsIcon.js

@@ -0,0 +1,40 @@
+"use strict";
+
+import React, { memo } from 'react';
+import { View, StyleSheet } from 'react-native';
+import { MaterialCommunityIcons } from '@expo/vector-icons';
+import { darkenColor } from "../utils/colorUtils.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Compact colored-circle icon for use with bloom's SettingsListItem.
+ * Renders a MaterialCommunityIcons glyph inside a tinted circle,
+ * sized to fit bloom's 20x20 icon container.
+ */
+const SettingsIconComponent = ({
+  name,
+  color,
+  iconSize = 14,
+  size = 20
+}) => /*#__PURE__*/_jsx(View, {
+  style: [styles.circle, {
+    width: size,
+    height: size,
+    borderRadius: size / 2,
+    backgroundColor: color
+  }],
+  children: /*#__PURE__*/_jsx(MaterialCommunityIcons, {
+    name: name,
+    size: iconSize,
+    color: darkenColor(color)
+  })
+});
+SettingsIconComponent.displayName = 'SettingsIcon';
+export const SettingsIcon = /*#__PURE__*/memo(SettingsIconComponent);
+export default SettingsIcon;
+const styles = StyleSheet.create({
+  circle: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=SettingsIcon.js.map

package/lib/module/ui/components/SettingsIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","View","StyleSheet","MaterialCommunityIcons","darkenColor","jsx","_jsx","SettingsIconComponent","name","color","iconSize","size","style","styles","circle","width","height","borderRadius","backgroundColor","children","displayName","SettingsIcon","create","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["ui/components/SettingsIcon.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,sBAAsB,QAAQ,oBAAoB;AAC3D,SAASC,WAAW,QAAQ,wBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAalD;AACA;AACA;AACA;AACA;AACA,MAAMC,qBAAkD,GAAGA,CAAC;EACxDC,IAAI;EACJC,KAAK;EACLC,QAAQ,GAAG,EAAE;EACbC,IAAI,GAAG;AACX,CAAC,kBACGL,IAAA,CAACL,IAAI;EAACW,KAAK,EAAE,CAACC,MAAM,CAACC,MAAM,EAAE;IAAEC,KAAK,EAAEJ,IAAI;IAAEK,MAAM,EAAEL,IAAI;IAAEM,YAAY,EAAEN,IAAI,GAAG,CAAC;IAAEO,eAAe,EAAET;EAAM,CAAC,CAAE;EAAAU,QAAA,eACxGb,IAAA,CAACH,sBAAsB;IAACK,IAAI,EAAEA,IAAY;IAACG,IAAI,EAAED,QAAS;IAACD,KAAK,EAAEL,WAAW,CAACK,KAAK;EAAE,CAAE;AAAC,CACtF,CACT;AAEDF,qBAAqB,CAACa,WAAW,GAAG,cAAc;AAElD,OAAO,MAAMC,YAAY,gBAAGrB,IAAI,CAACO,qBAAqB,CAAC;AACvD,eAAec,YAAY;AAE3B,MAAMR,MAAM,GAAGX,UAAU,CAACoB,MAAM,CAAC;EAC7BR,MAAM,EAAE;IACJS,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EACpB;AACJ,CAAC,CAAC","ignoreList":[]}

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

@@ -11,6 +11,7 @@ export { default as Header, getHeaderHeight } from "./Header.js";
 export { default as LoadingState } from "./LoadingState.js";
 export { default as EmptyState } from "./EmptyState.js";
 export { default as SettingRow } from "./SettingRow.js";
+export { SettingsIcon } from "./SettingsIcon.js";
 
 // Re-export existing components
 export { default as Avatar } from "./Avatar.js";

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

@@ -1 +1 @@
-{"version":3,"names":["default","ProfileCard","Section","SectionTitle","GroupedItem","GroupedSection","QuickActions","Header","getHeaderHeight","LoadingState","EmptyState","SettingRow","Avatar","FollowButton","FontLoader","setupFonts","OxyLogo","OxySignInButton","OxyPayButton"],"sourceRoot":"../../../../src","sources":["ui/components/index.ts"],"mappings":";;AAAA;AACA,SAASA,OAAO,IAAIC,WAAW,QAAQ,kBAAe;AACtD,SAASD,OAAO,IAAIE,OAAO,QAAQ,cAAW;AAC9C,SAASF,OAAO,IAAIG,YAAY,QAAQ,mBAAgB;AACxD,SAASH,OAAO,IAAII,WAAW,QAAQ,kBAAe;AACtD,SAASJ,OAAO,IAAIK,cAAc,QAAQ,qBAAkB;AAC5D,SAASL,OAAO,IAAIM,YAAY,QAAQ,mBAAgB;AACxD,SAASN,OAAO,IAAIO,MAAM,EAAEC,eAAe,QAAQ,aAAU;AAC7D,SAASR,OAAO,IAAIS,YAAY,QAAQ,mBAAgB;AACxD,SAAST,OAAO,IAAIU,UAAU,QAAQ,iBAAc;AACpD,SAASV,OAAO,IAAIW,UAAU,QAAQ,iBAAc;;AAEpD;AACA,SAASX,OAAO,IAAIY,MAAM,QAAQ,aAAU;AAC5C,SAASZ,OAAO,IAAIa,YAAY,QAAQ,mBAAgB;AACxD,SAASC,UAAU,EAAEC,UAAU,QAAQ,iBAAc;AACrD,SAASf,OAAO,IAAIgB,OAAO,QAAQ,cAAW;AAC9C,SAAShB,OAAO,IAAIiB,eAAe,QAAQ,sBAAmB;AAC9D,SAASjB,OAAO,IAAIkB,YAAY,QAAQ,mBAAgB","ignoreList":[]}
+{"version":3,"names":["default","ProfileCard","Section","SectionTitle","GroupedItem","GroupedSection","QuickActions","Header","getHeaderHeight","LoadingState","EmptyState","SettingRow","SettingsIcon","Avatar","FollowButton","FontLoader","setupFonts","OxyLogo","OxySignInButton","OxyPayButton"],"sourceRoot":"../../../../src","sources":["ui/components/index.ts"],"mappings":";;AAAA;AACA,SAASA,OAAO,IAAIC,WAAW,QAAQ,kBAAe;AACtD,SAASD,OAAO,IAAIE,OAAO,QAAQ,cAAW;AAC9C,SAASF,OAAO,IAAIG,YAAY,QAAQ,mBAAgB;AACxD,SAASH,OAAO,IAAII,WAAW,QAAQ,kBAAe;AACtD,SAASJ,OAAO,IAAIK,cAAc,QAAQ,qBAAkB;AAC5D,SAASL,OAAO,IAAIM,YAAY,QAAQ,mBAAgB;AACxD,SAASN,OAAO,IAAIO,MAAM,EAAEC,eAAe,QAAQ,aAAU;AAC7D,SAASR,OAAO,IAAIS,YAAY,QAAQ,mBAAgB;AACxD,SAAST,OAAO,IAAIU,UAAU,QAAQ,iBAAc;AACpD,SAASV,OAAO,IAAIW,UAAU,QAAQ,iBAAc;AACpD,SAASC,YAAY,QAAQ,mBAAgB;;AAE7C;AACA,SAASZ,OAAO,IAAIa,MAAM,QAAQ,aAAU;AAC5C,SAASb,OAAO,IAAIc,YAAY,QAAQ,mBAAgB;AACxD,SAASC,UAAU,EAAEC,UAAU,QAAQ,iBAAc;AACrD,SAAShB,OAAO,IAAIiB,OAAO,QAAQ,cAAW;AAC9C,SAASjB,OAAO,IAAIkB,eAAe,QAAQ,sBAAmB;AAC9D,SAASlB,OAAO,IAAImB,YAAY,QAAQ,mBAAgB","ignoreList":[]}

package/lib/module/ui/screens/AccountCenterScreen.js

@@ -9,8 +9,7 @@ import { fontFamilies } from "../styles/fonts.js";
 import ProfileCard from "../components/ProfileCard.js";
 import Section from "../components/Section.js";
 import QuickActions from "../components/QuickActions.js";
-import GroupedSection from "../components/GroupedSection.js";
-import GroupedItem from "../components/GroupedItem.js";
+import { SettingsIcon } from "../components/SettingsIcon.js";
 import { useI18n } from "../hooks/useI18n.js";
 import { useThemeStyles } from "../hooks/useThemeStyles.js";
 import { useColorScheme } from "../hooks/useColorScheme.js";
@@ -18,6 +17,7 @@ import { Colors } from "../constants/theme.js";
 import { normalizeColorScheme, normalizeTheme } from "../utils/themeUtils.js";
 import { useOxy } from "../context/OxyContext.js";
 import { screenContentStyle } from "../constants/spacing.js";
+import { SettingsListGroup, SettingsListItem } from '@oxyhq/bloom/settings-list';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const AccountCenterScreen = ({
   onClose,
@@ -43,8 +43,6 @@ const AccountCenterScreen = ({
   // Extract commonly used colors for readability - ensure colors is always defined
   const {
     textColor,
-    secondaryBackgroundColor,
-    borderColor,
     primaryColor,
     dangerColor,
     colors: themeColors
@@ -154,138 +152,141 @@ const AccountCenterScreen = ({
             onPress: () => navigate?.('AccountSwitcher')
           }] : [])], [user?.isPremium, sessions, navigate, t, colors])
         })
-      }), /*#__PURE__*/_jsx(Section, {
+      }), /*#__PURE__*/_jsxs(SettingsListGroup, {
         title: t('accountCenter.sections.accountManagement') || 'Account Management',
-        children: /*#__PURE__*/_jsx(GroupedSection, {
-          items: useMemo(() => [{
-            id: 'overview',
-            icon: 'account-circle',
-            iconColor: colors.iconSecurity,
-            title: t('accountCenter.items.accountOverview.title') || 'Account Overview',
-            subtitle: t('accountCenter.items.accountOverview.subtitle') || 'Complete account information',
-            onPress: () => navigate?.('AccountOverview')
-          }, {
-            id: 'settings',
-            icon: 'cog',
-            iconColor: colors.iconData,
-            title: t('accountCenter.items.editProfile.title') || 'Edit Profile',
-            subtitle: t('accountCenter.items.editProfile.subtitle') || 'Manage your profile and preferences',
-            onPress: () => navigate?.('AccountSettings')
-          }, {
-            id: 'sessions',
-            icon: 'shield-check',
-            iconColor: colors.iconSecurity,
-            title: t('accountCenter.items.manageSessions.title') || 'Manage Sessions',
-            subtitle: t('accountCenter.items.manageSessions.subtitle') || 'Security and active devices',
-            onPress: () => navigate?.('SessionManagement')
-          }, {
-            id: 'files',
-            icon: 'folder',
-            iconColor: colors.iconStorage,
-            title: t('accountCenter.items.fileManagement.title') || 'File Management',
-            subtitle: t('accountCenter.items.fileManagement.subtitle') || 'Upload, download, and manage your files',
-            onPress: () => navigate?.('FileManagement')
-          }, {
-            id: 'premium',
-            icon: 'star',
-            iconColor: colors.iconPayments,
-            title: t('accountCenter.items.premium.title') || 'Oxy+ Subscriptions',
-            subtitle: user?.isPremium ? t('accountCenter.items.premium.manage') || 'Manage your premium plan' : t('accountCenter.items.premium.upgrade') || 'Upgrade to premium features',
-            onPress: () => navigate?.('PremiumSubscription')
-          }, ...(user?.isPremium ? [{
-            id: 'billing',
-            icon: 'card',
-            iconColor: colors.iconPersonalInfo,
-            title: t('accountCenter.items.billing.title') || 'Billing Management',
-            subtitle: t('accountCenter.items.billing.subtitle') || 'Payment methods and invoices',
-            onPress: () => navigate?.('PaymentGateway')
-          }] : [])], [user?.isPremium, navigate, t, colors])
-        })
-      }), sessions && sessions.length > 1 && /*#__PURE__*/_jsx(Section, {
+        children: [/*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "account-circle",
+            color: colors.iconSecurity
+          }),
+          title: t('accountCenter.items.accountOverview.title') || 'Account Overview',
+          description: t('accountCenter.items.accountOverview.subtitle') || 'Complete account information',
+          onPress: () => navigate?.('AccountOverview')
+        }), /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "cog",
+            color: colors.iconData
+          }),
+          title: t('accountCenter.items.editProfile.title') || 'Edit Profile',
+          description: t('accountCenter.items.editProfile.subtitle') || 'Manage your profile and preferences',
+          onPress: () => navigate?.('AccountSettings')
+        }), /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "shield-check",
+            color: colors.iconSecurity
+          }),
+          title: t('accountCenter.items.manageSessions.title') || 'Manage Sessions',
+          description: t('accountCenter.items.manageSessions.subtitle') || 'Security and active devices',
+          onPress: () => navigate?.('SessionManagement')
+        }), /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "folder",
+            color: colors.iconStorage
+          }),
+          title: t('accountCenter.items.fileManagement.title') || 'File Management',
+          description: t('accountCenter.items.fileManagement.subtitle') || 'Upload, download, and manage your files',
+          onPress: () => navigate?.('FileManagement')
+        }), /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "star",
+            color: colors.iconPayments
+          }),
+          title: t('accountCenter.items.premium.title') || 'Oxy+ Subscriptions',
+          description: user?.isPremium ? t('accountCenter.items.premium.manage') || 'Manage your premium plan' : t('accountCenter.items.premium.upgrade') || 'Upgrade to premium features',
+          onPress: () => navigate?.('PremiumSubscription')
+        }), user?.isPremium ? /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "credit-card",
+            color: colors.iconPersonalInfo
+          }),
+          title: t('accountCenter.items.billing.title') || 'Billing Management',
+          description: t('accountCenter.items.billing.subtitle') || 'Payment methods and invoices',
+          onPress: () => navigate?.('PaymentGateway')
+        }) : null]
+      }), sessions && sessions.length > 1 && /*#__PURE__*/_jsxs(SettingsListGroup, {
         title: t('accountCenter.sections.multiAccount') || 'Multi-Account',
-        children: /*#__PURE__*/_jsx(GroupedSection, {
-          items: useMemo(() => [{
-            id: 'switch',
-            icon: 'account-group',
-            iconColor: colors.iconStorage,
-            title: t('accountCenter.items.switchAccount.title') || 'Switch Account',
-            subtitle: t('accountCenter.items.switchAccount.subtitle', {
-              count: sessions.length
-            }) || `${sessions.length} accounts available`,
-            onPress: () => navigate?.('AccountSwitcher')
-          }, {
-            id: 'add',
-            icon: 'account-plus',
-            iconColor: colors.iconPersonalInfo,
-            title: t('accountCenter.items.addAccount.title') || 'Add Another Account',
-            subtitle: t('accountCenter.items.addAccount.subtitle') || 'Sign in with a different account',
-            onPress: () => navigate?.('OxyAuth')
-          }], [sessions.length, navigate, t, colors])
-        })
-      }), (!sessions || sessions.length <= 1) && /*#__PURE__*/_jsx(Section, {
+        children: [/*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "account-group",
+            color: colors.iconStorage
+          }),
+          title: t('accountCenter.items.switchAccount.title') || 'Switch Account',
+          description: t('accountCenter.items.switchAccount.subtitle', {
+            count: sessions.length
+          }) || `${sessions.length} accounts available`,
+          onPress: () => navigate?.('AccountSwitcher')
+        }), /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "account-plus",
+            color: colors.iconPersonalInfo
+          }),
+          title: t('accountCenter.items.addAccount.title') || 'Add Another Account',
+          description: t('accountCenter.items.addAccount.subtitle') || 'Sign in with a different account',
+          onPress: () => navigate?.('OxyAuth')
+        })]
+      }), (!sessions || sessions.length <= 1) && /*#__PURE__*/_jsx(SettingsListGroup, {
         title: t('accountCenter.sections.addAccount') || 'Add Account',
-        children: /*#__PURE__*/_jsx(GroupedSection, {
-          items: useMemo(() => [{
-            id: 'add',
-            icon: 'account-plus',
-            iconColor: colors.iconPersonalInfo,
-            title: t('accountCenter.items.addAccount.title') || 'Add Another Account',
-            subtitle: t('accountCenter.items.addAccount.subtitle') || 'Sign in with a different account',
-            onPress: () => navigate?.('OxyAuth')
-          }], [navigate, t, colors])
+        children: /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "account-plus",
+            color: colors.iconPersonalInfo
+          }),
+          title: t('accountCenter.items.addAccount.title') || 'Add Another Account',
+          description: t('accountCenter.items.addAccount.subtitle') || 'Sign in with a different account',
+          onPress: () => navigate?.('OxyAuth')
         })
-      }), /*#__PURE__*/_jsx(Section, {
+      }), /*#__PURE__*/_jsxs(SettingsListGroup, {
         title: t('accountCenter.sections.moreOptions') || 'More Options',
-        children: /*#__PURE__*/_jsx(GroupedSection, {
-          items: useMemo(() => [...(Platform.OS !== 'web' ? [{
-            id: 'notifications',
-            icon: 'bell',
-            iconColor: colors.iconStorage,
-            title: t('accountCenter.items.notifications.title') || 'Notifications',
-            subtitle: t('accountCenter.items.notifications.subtitle') || 'Manage notification settings',
-            onPress: () => navigate?.('AccountSettings', {
-              activeTab: 'notifications'
-            })
-          }] : []), {
-            id: 'language',
-            icon: 'translate',
-            iconColor: colors.iconPersonalInfo,
-            title: t('language.title') || 'Language',
-            subtitle: t('language.subtitle') || 'Choose your preferred language',
-            onPress: () => navigate?.('LanguageSelector')
-          }, {
-            id: 'help',
-            icon: 'help-circle',
-            iconColor: colors.iconSecurity,
-            title: t('accountOverview.items.help.title') || 'Help & Support',
-            subtitle: t('accountOverview.items.help.subtitle') || 'Get help and contact support',
-            onPress: () => navigate?.('HelpSupport')
-          }, {
-            id: 'appinfo',
-            icon: 'information',
-            iconColor: '#8E8E93',
-            title: t('accountCenter.items.appInfo.title') || 'App Information',
-            subtitle: t('accountCenter.items.appInfo.subtitle') || 'Version and system details',
-            onPress: () => navigate?.('AppInfo')
-          }], [navigate, t, colors, Platform.OS])
-        })
-      }), /*#__PURE__*/_jsx(Section, {
-        children: /*#__PURE__*/_jsx(GroupedItem, {
-          icon: "logout",
-          iconColor: dangerColor,
+        children: [Platform.OS !== 'web' ? /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "bell",
+            color: colors.iconStorage
+          }),
+          title: t('accountCenter.items.notifications.title') || 'Notifications',
+          description: t('accountCenter.items.notifications.subtitle') || 'Manage notification settings',
+          onPress: () => navigate?.('AccountSettings', {
+            activeTab: 'notifications'
+          })
+        }) : null, /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "translate",
+            color: colors.iconPersonalInfo
+          }),
+          title: t('language.title') || 'Language',
+          description: t('language.subtitle') || 'Choose your preferred language',
+          onPress: () => navigate?.('LanguageSelector')
+        }), /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "help-circle",
+            color: colors.iconSecurity
+          }),
+          title: t('accountOverview.items.help.title') || 'Help & Support',
+          description: t('accountOverview.items.help.subtitle') || 'Get help and contact support',
+          onPress: () => navigate?.('HelpSupport')
+        }), /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "information",
+            color: "#8E8E93"
+          }),
+          title: t('accountCenter.items.appInfo.title') || 'App Information',
+          description: t('accountCenter.items.appInfo.subtitle') || 'Version and system details',
+          onPress: () => navigate?.('AppInfo')
+        })]
+      }), /*#__PURE__*/_jsx(SettingsListGroup, {
+        children: /*#__PURE__*/_jsx(SettingsListItem, {
+          icon: /*#__PURE__*/_jsx(SettingsIcon, {
+            name: "logout",
+            color: dangerColor
+          }),
           title: isLoading ? t('accountCenter.signingOut') || 'Signing out...' : t('common.actions.signOut') || 'Sign Out',
           onPress: confirmLogout,
-          isFirst: true,
-          isLast: true,
+          destructive: true,
           showChevron: false,
           disabled: isLoading,
-          customContent: isLoading ? /*#__PURE__*/_jsx(ActivityIndicator, {
+          rightElement: isLoading ? /*#__PURE__*/_jsx(ActivityIndicator, {
             color: dangerColor,
-            size: "small",
-            style: {
-              marginRight: 16
-            }
-          }) : null
+            size: "small"
+          }) : undefined
         })
       }), /*#__PURE__*/_jsx(View, {
         style: styles.versionContainer,