@oxyhq/services 5.13.40 → 5.15.0

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

@@ -2,14 +2,17 @@
 
 import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';
 import { Ionicons } from '@expo/vector-icons';
+import { useThemeStyles } from '../hooks/useThemeStyles';
+import { useColorScheme } from '../hooks/use-color-scheme';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const QuickActions = ({
   actions,
   theme
 }) => {
-  const isDarkTheme = theme === 'dark';
-  const textColor = isDarkTheme ? '#FFFFFF' : '#000000';
-  const secondaryBackgroundColor = isDarkTheme ? '#222222' : '#FFFFFF';
+  const colorScheme = useColorScheme();
+  const themeStyles = useThemeStyles(theme, colorScheme);
+  const textColor = themeStyles.textColor;
+  const secondaryBackgroundColor = themeStyles.secondaryBackgroundColor;
   return /*#__PURE__*/_jsx(View, {
     style: [styles.quickActionsContainer, styles.firstGroupedItem, styles.lastGroupedItem, {
       backgroundColor: secondaryBackgroundColor
@@ -20,7 +23,7 @@ const QuickActions = ({
         style: styles.quickActionItem,
         children: [/*#__PURE__*/_jsx(TouchableOpacity, {
           style: [styles.quickActionCircle, {
-            backgroundColor: isDarkTheme ? 'rgba(255,255,255,0.08)' : 'rgba(0,0,0,0.03)'
+            backgroundColor: themeStyles.isDarkTheme ? 'rgba(255,255,255,0.08)' : 'rgba(0,0,0,0.03)'
           }],
           onPress: action.onPress,
           children: /*#__PURE__*/_jsx(Ionicons, {

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

@@ -1 +1 @@
-{"version":3,"names":["View","Text","TouchableOpacity","StyleSheet","Ionicons","jsx","_jsx","jsxs","_jsxs","QuickActions","actions","theme","isDarkTheme","textColor","secondaryBackgroundColor","style","styles","quickActionsContainer","firstGroupedItem","lastGroupedItem","backgroundColor","children","quickActionsRow","map","action","quickActionItem","quickActionCircle","onPress","name","icon","size","color","iconColor","quickActionText","title","id","create","padding","marginBottom","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","flexDirection","alignItems","justifyContent","flexWrap","minWidth","width","height","borderRadius","fontSize","fontWeight","textAlign"],"sourceRoot":"../../../../src","sources":["ui/components/QuickActions.tsx"],"mappings":";;AACA,SAASA,IAAI,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,UAAU,QAAQ,cAAc;AACvE,SAASC,QAAQ,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAe9C,MAAMC,YAAyC,GAAGA,CAAC;EAAEC,OAAO;EAAEC;AAAM,CAAC,KAAK;EACtE,MAAMC,WAAW,GAAGD,KAAK,KAAK,MAAM;EACpC,MAAME,SAAS,GAAGD,WAAW,GAAG,SAAS,GAAG,SAAS;EACrD,MAAME,wBAAwB,GAAGF,WAAW,GAAG,SAAS,GAAG,SAAS;EAEpE,oBACIN,IAAA,CAACN,IAAI;IAACe,KAAK,EAAE,CACTC,MAAM,CAACC,qBAAqB,EAC5BD,MAAM,CAACE,gBAAgB,EACvBF,MAAM,CAACG,eAAe,EACtB;MAAEC,eAAe,EAAEN;IAAyB,CAAC,CAC/C;IAAAO,QAAA,eACEf,IAAA,CAACN,IAAI;MAACe,KAAK,EAAEC,MAAM,CAACM,eAAgB;MAAAD,QAAA,EAC/BX,OAAO,CAACa,GAAG,CAAEC,MAAM,iBAChBhB,KAAA,CAACR,IAAI;QAAiBe,KAAK,EAAEC,MAAM,CAACS,eAAgB;QAAAJ,QAAA,gBAChDf,IAAA,CAACJ,gBAAgB;UACba,KAAK,EAAE,CACHC,MAAM,CAACU,iBAAiB,EACxB;YAAEN,eAAe,EAAER,WAAW,GAAG,wBAAwB,GAAG;UAAmB,CAAC,CAClF;UACFe,OAAO,EAAEH,MAAM,CAACG,OAAQ;UAAAN,QAAA,eAExBf,IAAA,CAACF,QAAQ;YAACwB,IAAI,EAAEJ,MAAM,CAACK,IAAY;YAACC,IAAI,EAAE,EAAG;YAACC,KAAK,EAAEP,MAAM,CAACQ;UAAU,CAAE;QAAC,CAC3D,CAAC,eACnB1B,IAAA,CAACL,IAAI;UAACc,KAAK,EAAE,CAACC,MAAM,CAACiB,eAAe,EAAE;YAAEF,KAAK,EAAElB;UAAU,CAAC,CAAE;UAAAQ,QAAA,EAAEG,MAAM,CAACU;QAAK,CAAO,CAAC;MAAA,GAV3EV,MAAM,CAACW,EAWZ,CACT;IAAC,CACA;EAAC,CACL,CAAC;AAEf,CAAC;AAED,MAAMnB,MAAM,GAAGb,UAAU,CAACiC,MAAM,CAAC;EAC7BnB,qBAAqB,EAAE;IACnBoB,OAAO,EAAE,EAAE;IACXC,YAAY,EAAE;EAClB,CAAC;EACDpB,gBAAgB,EAAE;IACdqB,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE;EAC1B,CAAC;EACDrB,eAAe,EAAE;IACbsB,sBAAsB,EAAE,EAAE;IAC1BC,uBAAuB,EAAE,EAAE;IAC3BJ,YAAY,EAAE;EAClB,CAAC;EACDhB,eAAe,EAAE;IACbqB,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,YAAY;IACxBC,cAAc,EAAE,cAAc;IAC9BC,QAAQ,EAAE;EACd,CAAC;EACDrB,eAAe,EAAE;IACbmB,UAAU,EAAE,QAAQ;IACpBG,QAAQ,EAAE,EAAE;IACZT,YAAY,EAAE;EAClB,CAAC;EACDZ,iBAAiB,EAAE;IACfsB,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,EAAE;IAChBN,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBP,YAAY,EAAE;EAClB,CAAC;EACDL,eAAe,EAAE;IACbkB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,SAAS,EAAE;EACf;AACJ,CAAC,CAAC;AAEF,eAAe5C,YAAY","ignoreList":[]}
+{"version":3,"names":["View","Text","TouchableOpacity","StyleSheet","Ionicons","useThemeStyles","useColorScheme","jsx","_jsx","jsxs","_jsxs","QuickActions","actions","theme","colorScheme","themeStyles","textColor","secondaryBackgroundColor","style","styles","quickActionsContainer","firstGroupedItem","lastGroupedItem","backgroundColor","children","quickActionsRow","map","action","quickActionItem","quickActionCircle","isDarkTheme","onPress","name","icon","size","color","iconColor","quickActionText","title","id","create","padding","marginBottom","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","flexDirection","alignItems","justifyContent","flexWrap","minWidth","width","height","borderRadius","fontSize","fontWeight","textAlign"],"sourceRoot":"../../../../src","sources":["ui/components/QuickActions.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -2,6 +2,8 @@
 
 import { View, StyleSheet } from 'react-native';
 import SectionTitle from './SectionTitle';
+import { useColorScheme } from '../hooks/use-color-scheme';
+import { normalizeColorScheme } from '../utils/themeUtils';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const Section = ({
   title,
@@ -10,11 +12,12 @@ const Section = ({
   isFirst = false,
   style
 }) => {
+  const colorScheme = normalizeColorScheme(useColorScheme(), theme);
   return /*#__PURE__*/_jsxs(View, {
     style: [styles.section, isFirst && styles.firstSection, style],
     children: [title && /*#__PURE__*/_jsx(SectionTitle, {
       title: title,
-      theme: theme
+      theme: colorScheme
     }), children]
   });
 };

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

@@ -1 +1 @@
-{"version":3,"names":["View","StyleSheet","SectionTitle","jsx","_jsx","jsxs","_jsxs","Section","title","theme","children","isFirst","style","styles","section","firstSection","create","marginBottom","marginTop"],"sourceRoot":"../../../../src","sources":["ui/components/Section.tsx"],"mappings":";;AACA,SAASA,IAAI,EAAEC,UAAU,QAAwC,cAAc;AAC/E,OAAOC,YAAY,MAAM,gBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAU1C,MAAMC,OAA+B,GAAGA,CAAC;EACrCC,KAAK;EACLC,KAAK;EACLC,QAAQ;EACRC,OAAO,GAAG,KAAK;EACfC;AACJ,CAAC,KAAK;EACF,oBACIN,KAAA,CAACN,IAAI;IAACY,KAAK,EAAE,CAACC,MAAM,CAACC,OAAO,EAAEH,OAAO,IAAIE,MAAM,CAACE,YAAY,EAAEH,KAAK,CAAE;IAAAF,QAAA,GAChEF,KAAK,iBAAIJ,IAAA,CAACF,YAAY;MAACM,KAAK,EAAEA,KAAM;MAACC,KAAK,EAAEA;IAAM,CAAE,CAAC,EACrDC,QAAQ;EAAA,CACP,CAAC;AAEf,CAAC;AAED,MAAMG,MAAM,GAAGZ,UAAU,CAACe,MAAM,CAAC;EAC7BF,OAAO,EAAE;IACLG,YAAY,EAAE;EAClB,CAAC;EACDF,YAAY,EAAE;IACVG,SAAS,EAAE;EACf;AACJ,CAAC,CAAC;AAEF,eAAeX,OAAO","ignoreList":[]}
+{"version":3,"names":["View","StyleSheet","SectionTitle","useColorScheme","normalizeColorScheme","jsx","_jsx","jsxs","_jsxs","Section","title","theme","children","isFirst","style","colorScheme","styles","section","firstSection","create","marginBottom","marginTop"],"sourceRoot":"../../../../src","sources":["ui/components/Section.tsx"],"mappings":";;AACA,SAASA,IAAI,EAAEC,UAAU,QAAwC,cAAc;AAC/E,OAAOC,YAAY,MAAM,gBAAgB;AACzC,SAASC,cAAc,QAAQ,2BAA2B;AAC1D,SAASC,oBAAoB,QAAQ,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAU3D,MAAMC,OAA+B,GAAGA,CAAC;EACrCC,KAAK;EACLC,KAAK;EACLC,QAAQ;EACRC,OAAO,GAAG,KAAK;EACfC;AACJ,CAAC,KAAK;EACF,MAAMC,WAAW,GAAGX,oBAAoB,CAACD,cAAc,CAAC,CAAC,EAAEQ,KAAK,CAAC;EAEjE,oBACIH,KAAA,CAACR,IAAI;IAACc,KAAK,EAAE,CAACE,MAAM,CAACC,OAAO,EAAEJ,OAAO,IAAIG,MAAM,CAACE,YAAY,EAAEJ,KAAK,CAAE;IAAAF,QAAA,GAChEF,KAAK,iBAAIJ,IAAA,CAACJ,YAAY;MAACQ,KAAK,EAAEA,KAAM;MAACC,KAAK,EAAEI;IAAY,CAAE,CAAC,EAC3DH,QAAQ;EAAA,CACP,CAAC;AAEf,CAAC;AAED,MAAMI,MAAM,GAAGf,UAAU,CAACkB,MAAM,CAAC;EAC7BF,OAAO,EAAE;IACLG,YAAY,EAAE;EAClB,CAAC;EACDF,YAAY,EAAE;IACVG,SAAS,EAAE;EACf;AACJ,CAAC,CAAC;AAEF,eAAeZ,OAAO","ignoreList":[]}

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

@@ -2,17 +2,20 @@
 
 import { Text, StyleSheet } from 'react-native';
 import { fontFamilies } from '../styles/fonts';
+import { useColorScheme } from '../hooks/use-color-scheme';
+import { normalizeColorScheme } from '../utils/themeUtils';
+import { useThemeStyles } from '../hooks/useThemeStyles';
 import { jsx as _jsx } from "react/jsx-runtime";
 const SectionTitle = ({
   title,
   theme,
   style
 }) => {
-  const isDarkTheme = theme === 'dark';
-  const textColor = isDarkTheme ? '#FFFFFF' : '#000000';
+  const colorScheme = normalizeColorScheme(useColorScheme(), theme);
+  const themeStyles = useThemeStyles(theme || colorScheme, colorScheme);
   return /*#__PURE__*/_jsx(Text, {
     style: [styles.sectionTitle, {
-      color: textColor
+      color: themeStyles.textColor
     }, style],
     children: title
   });

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

@@ -1 +1 @@
-{"version":3,"names":["Text","StyleSheet","fontFamilies","jsx","_jsx","SectionTitle","title","theme","style","isDarkTheme","textColor","styles","sectionTitle","color","children","create","fontSize","fontWeight","fontFamily","phuduSemiBold","marginBottom"],"sourceRoot":"../../../../src","sources":["ui/components/SectionTitle.tsx"],"mappings":";;AACA,SAASA,IAAI,EAAEC,UAAU,QAAwC,cAAc;AAC/E,SAASC,YAAY,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ/C,MAAMC,YAAyC,GAAGA,CAAC;EAAEC,KAAK;EAAEC,KAAK;EAAEC;AAAM,CAAC,KAAK;EAC3E,MAAMC,WAAW,GAAGF,KAAK,KAAK,MAAM;EACpC,MAAMG,SAAS,GAAGD,WAAW,GAAG,SAAS,GAAG,SAAS;EAErD,oBACIL,IAAA,CAACJ,IAAI;IAACQ,KAAK,EAAE,CAACG,MAAM,CAACC,YAAY,EAAE;MAAEC,KAAK,EAAEH;IAAU,CAAC,EAAEF,KAAK,CAAE;IAAAM,QAAA,EAC3DR;EAAK,CACJ,CAAC;AAEf,CAAC;AAED,MAAMK,MAAM,GAAGV,UAAU,CAACc,MAAM,CAAC;EAC7BH,YAAY,EAAE;IACVI,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAEhB,YAAY,CAACiB,aAAa;IACtCC,YAAY,EAAE;EAClB;AACJ,CAAC,CAAC;AAEF,eAAef,YAAY","ignoreList":[]}
+{"version":3,"names":["Text","StyleSheet","fontFamilies","useColorScheme","normalizeColorScheme","useThemeStyles","jsx","_jsx","SectionTitle","title","theme","style","colorScheme","themeStyles","styles","sectionTitle","color","textColor","children","create","fontSize","fontWeight","fontFamily","phuduSemiBold","marginBottom"],"sourceRoot":"../../../../src","sources":["ui/components/SectionTitle.tsx"],"mappings":";;AACA,SAASA,IAAI,EAAEC,UAAU,QAAwC,cAAc;AAC/E,SAASC,YAAY,QAAQ,iBAAiB;AAC9C,SAASC,cAAc,QAAQ,2BAA2B;AAC1D,SAASC,oBAAoB,QAAQ,qBAAqB;AAC1D,SAASC,cAAc,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQzD,MAAMC,YAAyC,GAAGA,CAAC;EAAEC,KAAK;EAAEC,KAAK;EAAEC;AAAM,CAAC,KAAK;EAC3E,MAAMC,WAAW,GAAGR,oBAAoB,CAACD,cAAc,CAAC,CAAC,EAAEO,KAAK,CAAC;EACjE,MAAMG,WAAW,GAAGR,cAAc,CAACK,KAAK,IAAIE,WAAW,EAAEA,WAAW,CAAC;EAErE,oBACIL,IAAA,CAACP,IAAI;IAACW,KAAK,EAAE,CAACG,MAAM,CAACC,YAAY,EAAE;MAAEC,KAAK,EAAEH,WAAW,CAACI;IAAU,CAAC,EAAEN,KAAK,CAAE;IAAAO,QAAA,EACvET;EAAK,CACJ,CAAC;AAEf,CAAC;AAED,MAAMK,MAAM,GAAGb,UAAU,CAACkB,MAAM,CAAC;EAC7BJ,YAAY,EAAE;IACVK,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAEpB,YAAY,CAACqB,aAAa;IACtCC,YAAY,EAAE;EAClB;AACJ,CAAC,CAAC;AAEF,eAAehB,YAAY","ignoreList":[]}

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

@@ -0,0 +1,72 @@
+"use strict";
+
+import React from 'react';
+import { View, Text, Switch, StyleSheet } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Reusable setting row component with switch
+ * Extracted from PrivacySettingsScreen for reuse across settings screens
+ */
+const SettingRow = ({
+  title,
+  description,
+  value,
+  onValueChange,
+  disabled = false,
+  textColor,
+  mutedTextColor,
+  borderColor
+}) => {
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.settingRow, borderColor ? {
+      borderBottomColor: borderColor
+    } : undefined],
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.settingInfo,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: [styles.settingTitle, textColor ? {
+          color: textColor
+        } : undefined],
+        children: title
+      }), description && /*#__PURE__*/_jsx(Text, {
+        style: [styles.settingDescription, mutedTextColor ? {
+          color: mutedTextColor
+        } : undefined],
+        children: description
+      })]
+    }), /*#__PURE__*/_jsx(Switch, {
+      value: value,
+      onValueChange: onValueChange,
+      disabled: disabled,
+      trackColor: {
+        false: '#767577',
+        true: '#d169e5'
+      },
+      thumbColor: value ? '#fff' : '#f4f3f4'
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  settingRow: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    paddingVertical: 16,
+    borderBottomWidth: 1
+  },
+  settingInfo: {
+    flex: 1,
+    marginRight: 16
+  },
+  settingTitle: {
+    fontSize: 16,
+    fontWeight: '500',
+    marginBottom: 4
+  },
+  settingDescription: {
+    fontSize: 14,
+    opacity: 0.7
+  }
+});
+export default /*#__PURE__*/React.memo(SettingRow);
+//# sourceMappingURL=SettingRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","Switch","StyleSheet","jsx","_jsx","jsxs","_jsxs","SettingRow","title","description","value","onValueChange","disabled","textColor","mutedTextColor","borderColor","style","styles","settingRow","borderBottomColor","undefined","children","settingInfo","settingTitle","color","settingDescription","trackColor","false","true","thumbColor","create","flexDirection","justifyContent","alignItems","paddingVertical","borderBottomWidth","flex","marginRight","fontSize","fontWeight","marginBottom","opacity","memo"],"sourceRoot":"../../../../src","sources":["ui/components/SettingRow.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,MAAM,EAAEC,UAAU,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAa9D;AACA;AACA;AACA;AACA,MAAMC,UAAqC,GAAGA,CAAC;EAC3CC,KAAK;EACLC,WAAW;EACXC,KAAK;EACLC,aAAa;EACbC,QAAQ,GAAG,KAAK;EAChBC,SAAS;EACTC,cAAc;EACdC;AACJ,CAAC,KAAK;EACF,oBACIT,KAAA,CAACP,IAAI;IAACiB,KAAK,EAAE,CAACC,MAAM,CAACC,UAAU,EAAEH,WAAW,GAAG;MAAEI,iBAAiB,EAAEJ;IAAY,CAAC,GAAGK,SAAS,CAAE;IAAAC,QAAA,gBAC3Ff,KAAA,CAACP,IAAI;MAACiB,KAAK,EAAEC,MAAM,CAACK,WAAY;MAAAD,QAAA,gBAC5BjB,IAAA,CAACJ,IAAI;QAACgB,KAAK,EAAE,CAACC,MAAM,CAACM,YAAY,EAAEV,SAAS,GAAG;UAAEW,KAAK,EAAEX;QAAU,CAAC,GAAGO,SAAS,CAAE;QAAAC,QAAA,EAC5Eb;MAAK,CACJ,CAAC,EACNC,WAAW,iBACRL,IAAA,CAACJ,IAAI;QAACgB,KAAK,EAAE,CAACC,MAAM,CAACQ,kBAAkB,EAAEX,cAAc,GAAG;UAAEU,KAAK,EAAEV;QAAe,CAAC,GAAGM,SAAS,CAAE;QAAAC,QAAA,EAC5FZ;MAAW,CACV,CACT;IAAA,CACC,CAAC,eACPL,IAAA,CAACH,MAAM;MACHS,KAAK,EAAEA,KAAM;MACbC,aAAa,EAAEA,aAAc;MAC7BC,QAAQ,EAAEA,QAAS;MACnBc,UAAU,EAAE;QAAEC,KAAK,EAAE,SAAS;QAAEC,IAAI,EAAE;MAAU,CAAE;MAClDC,UAAU,EAAEnB,KAAK,GAAG,MAAM,GAAG;IAAU,CAC1C,CAAC;EAAA,CACA,CAAC;AAEf,CAAC;AAED,MAAMO,MAAM,GAAGf,UAAU,CAAC4B,MAAM,CAAC;EAC7BZ,UAAU,EAAE;IACRa,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/BC,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE;EACvB,CAAC;EACDb,WAAW,EAAE;IACTc,IAAI,EAAE,CAAC;IACPC,WAAW,EAAE;EACjB,CAAC;EACDd,YAAY,EAAE;IACVe,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,YAAY,EAAE;EAClB,CAAC;EACDf,kBAAkB,EAAE;IAChBa,QAAQ,EAAE,EAAE;IACZG,OAAO,EAAE;EACb;AACJ,CAAC,CAAC;AAEF,4BAAe3C,KAAK,CAAC4C,IAAI,CAACnC,UAAU,CAAC","ignoreList":[]}

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

@@ -1,9 +1,11 @@
 "use strict";
 
 import { useState, useRef, useCallback, useMemo, useEffect } from 'react';
-import { View, KeyboardAvoidingView, ScrollView, StatusBar, Platform } from 'react-native';
-import Animated, { useSharedValue, useAnimatedStyle, withTiming, runOnJS } from 'react-native-reanimated';
+import { View, Platform } from 'react-native';
+import Animated, { useSharedValue, useAnimatedStyle, withTiming } from 'react-native-reanimated';
 import { useThemeColors, createAuthStyles } from '../styles';
+import { screenContentStyle } from '../constants/spacing';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Individual animated progress dot
 const AnimatedProgressDot = ({
@@ -47,28 +49,8 @@ const ProgressIndicator = ({
   }, index))
 });
 
-// Step container with animations
-const AnimatedStepContainer = ({
-  children,
-  fadeAnim,
-  slideAnim,
-  scaleAnim,
-  styles,
-  stepKey
-}) => {
-  const animatedStyle = useAnimatedStyle(() => ({
-    opacity: fadeAnim.value,
-    transform: [{
-      translateX: slideAnim.value
-    }, {
-      scale: scaleAnim.value
-    }]
-  }));
-  return /*#__PURE__*/_jsx(Animated.View, {
-    style: [styles.stepContainer, animatedStyle],
-    children: children
-  }, stepKey);
-};
+// Step container - animations are now handled by router
+
 const StepBasedScreen = ({
   steps,
   initialStep = 0,
@@ -81,11 +63,33 @@ const StepBasedScreen = ({
   goBack,
   onAuthenticated,
   theme,
-  oxyServices
+  oxyServices,
+  stepControllerRef,
+  currentScreen,
+  // Current screen name for router-based step navigation
+  getNavigationProps // Optional callback to extract navigation props from screen state
 }) => {
-  const colors = useThemeColors(theme);
+  // ========================================================================
+  // State Management
+  // ========================================================================
+  // Router now handles step navigation - we just track step data
+  const [state, setState] = useState({
+    stepData: [...stepData]
+  });
+
+  // Current step comes from router via initialStep prop
+  const currentStep = initialStep ?? 0;
+
+  // ========================================================================
+  // Computed Values
+  // ========================================================================
+  // Narrow theme type with default value
+  const themeValue = theme === 'light' || theme === 'dark' ? theme : 'light';
+  const themeString = typeof theme === 'string' ? theme : 'light';
+  const colors = useThemeColors(themeValue);
+  const insets = useSafeAreaInsets();
   const styles = useMemo(() => ({
-    ...createAuthStyles(colors, theme),
+    ...createAuthStyles(colors, themeString),
     // Additional styles for step components
     modernHeader: {
       alignItems: 'flex-start',
@@ -162,7 +166,7 @@ const StepBasedScreen = ({
       justifyContent: 'center',
       marginTop: 24,
       // Space for bottom sheet handle (~20px) + small buffer
-      marginBottom: 24 // Equal spacing below dots
+      marginBottom: 0 // BottomSheet handles all bottom spacing
     },
     progressDot: {
       height: 6,
@@ -173,146 +177,173 @@ const StepBasedScreen = ({
     }
   }), [colors, theme]);
 
-  // State management
-  const [state, setState] = useState({
-    currentStep: initialStep,
-    stepData: stepData,
-    isTransitioning: false
-  });
-
-  // Update state when stepData prop changes
-  useEffect(() => {
-    setState(prevState => ({
-      ...prevState,
-      stepData: stepData
-    }));
-  }, [stepData]);
-
-  // Animation values
-  const fadeAnim = useSharedValue(1);
-  const slideAnim = useSharedValue(0);
-  const scaleAnim = useSharedValue(1);
+  // ========================================================================
+  // Animation Values (removed - router handles animations now)
+  // ========================================================================
 
-  // Refs for animation callbacks
+  // ========================================================================
+  // Refs for Callbacks
+  // ========================================================================
   const onStepChangeRef = useRef(onStepChange);
   const onCompleteRef = useRef(onComplete);
   onStepChangeRef.current = onStepChange;
   onCompleteRef.current = onComplete;
 
-  // Update step data
-  const updateStepData = useCallback((stepIndex, data) => {
-    setState(prev => ({
-      ...prev,
-      stepData: prev.stepData.map((item, index) => index === stepIndex ? data : item)
+  // ========================================================================
+  // Effects
+  // ========================================================================
+  useEffect(() => {
+    setState(prevState => ({
+      ...prevState,
+      stepData: [...stepData]
     }));
-  }, [setState]);
+  }, [stepData]);
 
-  // Animation transition function
-  const animateTransition = useCallback(nextStep => {
-    if (!enableAnimations) {
-      setState(prev => ({
+  // ========================================================================
+  // Step Data Management
+  // ========================================================================
+  const updateStepData = useCallback((stepIndex, data) => {
+    setState(prev => {
+      const nextStepData = prev.stepData.slice();
+      nextStepData[stepIndex] = data;
+      return {
         ...prev,
-        currentStep: nextStep
-      }));
-      onStepChangeRef.current?.(nextStep, steps.length);
+        stepData: nextStepData
+      };
+    });
+  }, []);
+
+  // ========================================================================
+  // Step Change Effects
+  // ========================================================================
+  // Router handles all step navigation - we just respond to prop changes
+  useEffect(() => {
+    // Validate step
+    if (currentStep < 0 || currentStep >= steps.length) {
+      if (__DEV__) {
+        console.warn('StepBasedScreen: invalid step', currentStep);
+      }
       return;
     }
-    setState(prev => ({
-      ...prev,
-      isTransitioning: true
-    }));
-    const applyStepChange = (targetStep, totalSteps) => {
-      setState(prev => ({
-        ...prev,
-        currentStep: targetStep,
-        isTransitioning: false
-      }));
-      onStepChangeRef.current?.(targetStep, totalSteps);
 
-      // Prepare next step animation
-      fadeAnim.value = 0;
-      scaleAnim.value = 0.98;
-      slideAnim.value = 0;
-      fadeAnim.value = withTiming(1, {
-        duration: 220
-      });
-      scaleAnim.value = withTiming(1, {
-        duration: 220
-      });
-    };
+    // Call onEnter for current step
+    const currentStepConfig = steps[currentStep];
+    currentStepConfig?.onEnter?.();
 
-    // Animate current step out
-    scaleAnim.value = withTiming(0.98, {
-      duration: 180
-    });
-    fadeAnim.value = withTiming(0, {
-      duration: 180
-    }, finished => {
-      if (finished) {
-        runOnJS(applyStepChange)(nextStep, steps.length);
+    // Notify parent of step change
+    onStepChangeRef.current?.(currentStep, steps.length);
+
+    // Cleanup: call onExit when step changes
+    return () => {
+      if (currentStepConfig?.onExit) {
+        currentStepConfig.onExit();
       }
-    });
-  }, [enableAnimations, steps.length, fadeAnim, scaleAnim, slideAnim]);
+    };
+  }, [currentStep, steps]);
 
-  // Navigation functions
+  // ========================================================================
+  // Step Navigation
+  // ========================================================================
+  // All step navigation is now handled by router - these functions use router's navigate/goBack
   const nextStep = useCallback(() => {
-    if (state.isTransitioning) return;
-    const currentStepConfig = steps[state.currentStep];
+    const currentStepConfig = steps[currentStep];
     if (currentStepConfig?.canProceed) {
-      const stepData = state.stepData[state.currentStep];
+      const stepData = state.stepData[currentStep];
       if (!currentStepConfig.canProceed(stepData)) {
         return; // Step validation failed
       }
     }
-    if (state.currentStep < steps.length - 1) {
-      // Call onExit for current step
-      currentStepConfig?.onExit?.();
-      animateTransition(state.currentStep + 1);
+    if (currentStep < steps.length - 1) {
+      const nextStepIndex = currentStep + 1;
+
+      // Extract props to preserve them across navigation
+      const navigationProps = {
+        initialStep: nextStepIndex
+      };
+
+      // Use extraction callback if provided
+      if (getNavigationProps) {
+        const extractedProps = getNavigationProps();
+        Object.assign(navigationProps, extractedProps);
+      } else {
+        // Fallback: Extract props from stepData
+        const step0Data = stepData[0] || {};
+        const currentStepData = stepData[currentStep] || {};
+        if (step0Data.username || currentStepData.username) {
+          navigationProps.username = step0Data.username || currentStepData.username;
+        }
+        if (step0Data.userProfile || currentStepData.userProfile) {
+          navigationProps.userProfile = step0Data.userProfile || currentStepData.userProfile;
+        }
+        if (step0Data.email || currentStepData.email) {
+          navigationProps.email = step0Data.email || currentStepData.email;
+        }
+      }
 
-      // Call onEnter for next step
-      const nextStepConfig = steps[state.currentStep + 1];
-      nextStepConfig?.onEnter?.();
+      // Router handles step navigation with animations
+      if (currentScreen && navigate && typeof currentScreen === 'string') {
+        navigate(currentScreen, navigationProps);
+      }
     } else {
       // Final step - call onComplete
       onCompleteRef.current?.(state.stepData);
     }
-  }, [state.currentStep, state.stepData, state.isTransitioning, steps, animateTransition]);
+  }, [currentStep, steps, currentScreen, navigate, state.stepData, getNavigationProps, stepData]);
   const prevStep = useCallback(() => {
-    if (state.isTransitioning) return;
-    if (state.currentStep > 0) {
-      // Call onExit for current step
-      const currentStepConfig = steps[state.currentStep];
-      currentStepConfig?.onExit?.();
-      animateTransition(state.currentStep - 1);
+    // Use router's goBack - it handles step navigation automatically
+    if (currentStep > 0 && typeof goBack === 'function') {
+      goBack();
+    } else if (typeof goBack === 'function') {
+      // On first step, goBack will check screen history or close
+      goBack();
+    }
+  }, [currentStep, goBack]);
+  const goToStep = useCallback(stepIndex => {
+    if (stepIndex < 0 || stepIndex >= steps.length || stepIndex === currentStep) return;
 
-      // Call onEnter for previous step
-      const prevStepConfig = steps[state.currentStep - 1];
-      prevStepConfig?.onEnter?.();
+    // Extract props to preserve state
+    const navigationProps = {
+      initialStep: stepIndex
+    };
+    if (getNavigationProps) {
+      const extractedProps = getNavigationProps();
+      Object.assign(navigationProps, extractedProps);
     } else {
-      // First step - go back
-      goBack?.();
+      const step0Data = stepData[0] || {};
+      if (step0Data.username) navigationProps.username = step0Data.username;
+      if (step0Data.userProfile) navigationProps.userProfile = step0Data.userProfile;
+      if (step0Data.email) navigationProps.email = step0Data.email;
     }
-  }, [state.currentStep, state.isTransitioning, steps, animateTransition, goBack]);
-  const goToStep = useCallback(stepIndex => {
-    if (state.isTransitioning || stepIndex < 0 || stepIndex >= steps.length) return;
-    if (stepIndex !== state.currentStep) {
-      // Call onExit for current step
-      const currentStepConfig = steps[state.currentStep];
-      currentStepConfig?.onExit?.();
-      animateTransition(stepIndex);
 
-      // Call onEnter for target step
-      const targetStepConfig = steps[stepIndex];
-      targetStepConfig?.onEnter?.();
+    // Router handles step navigation with animations
+    if (currentScreen && navigate && typeof currentScreen === 'string') {
+      navigate(currentScreen, navigationProps);
     }
-  }, [state.currentStep, state.isTransitioning, steps, animateTransition]);
+  }, [currentStep, steps, currentScreen, navigate, stepData, getNavigationProps]);
 
-  // Get current step component
-  const currentStepConfig = steps[state.currentStep];
-  const CurrentStepComponent = currentStepConfig?.component;
+  // ========================================================================
+  // Step Controller Exposure
+  // ========================================================================
+  useEffect(() => {
+    if (!stepControllerRef || typeof stepControllerRef !== 'object' || !('current' in stepControllerRef)) return;
+    stepControllerRef.current = {
+      canGoBack: () => currentStep > 0,
+      goBack: prevStep
+    };
+    return () => {
+      if (stepControllerRef && typeof stepControllerRef === 'object' && 'current' in stepControllerRef) {
+        stepControllerRef.current = null;
+      }
+    };
+  }, [currentStep, prevStep, stepControllerRef]);
 
-  // Enhanced props for the step component
-  const stepProps = {
+  // ========================================================================
+  // Step Component & Props
+  // ========================================================================
+  const currentStepConfig = steps[currentStep];
+  const CurrentStepComponent = currentStepConfig?.component;
+  const updateCurrentStepData = useCallback(data => updateStepData(currentStep, data), [currentStep, updateStepData]);
+  const stepProps = useMemo(() => ({
     ...currentStepConfig?.props,
     // Common props
     colors,
@@ -326,49 +357,34 @@ const StepBasedScreen = ({
     nextStep,
     prevStep,
     goToStep,
-    currentStep: state.currentStep,
+    currentStep: currentStep,
     totalSteps: steps.length,
     // Step data - spread the step data properties directly as props
-    ...state.stepData[state.currentStep],
+    ...state.stepData[currentStep],
     // Step data management
-    updateStepData: data => updateStepData(state.currentStep, data),
-    allStepData: state.stepData,
-    // State
-    isTransitioning: state.isTransitioning,
-    // Animation refs (for components that need direct access)
-    fadeAnim,
-    slideAnim,
-    scaleAnim
-  };
-  return /*#__PURE__*/_jsxs(KeyboardAvoidingView, {
-    style: [styles.container],
-    behavior: undefined,
-    children: [/*#__PURE__*/_jsx(StatusBar, {
-      barStyle: theme === 'dark' ? 'light-content' : 'dark-content',
-      backgroundColor: colors.background
-    }), /*#__PURE__*/_jsxs(ScrollView, {
-      contentContainerStyle: styles.scrollContent,
-      showsVerticalScrollIndicator: false,
-      keyboardShouldPersistTaps: "handled",
-      bounces: false,
-      alwaysBounceVertical: false,
-      overScrollMode: "never",
-      removeClippedSubviews: true,
-      children: [showProgressIndicator && steps.length > 1 && /*#__PURE__*/_jsx(ProgressIndicator, {
-        currentStep: state.currentStep,
-        totalSteps: steps.length,
-        colors: colors,
-        styles: styles
-      }), /*#__PURE__*/_jsx(AnimatedStepContainer, {
-        fadeAnim: fadeAnim,
-        slideAnim: slideAnim,
-        scaleAnim: scaleAnim,
-        styles: styles,
-        stepKey: `step-${state.currentStep}`,
-        children: CurrentStepComponent && /*#__PURE__*/_jsx(CurrentStepComponent, {
-          ...stepProps
-        })
-      })]
+    updateStepData: updateCurrentStepData,
+    allStepData: state.stepData
+  }), [currentStepConfig?.props, colors, styles, theme, navigate, goBack, onAuthenticated, oxyServices, nextStep, prevStep, goToStep, currentStep, state.stepData, steps.length, updateCurrentStepData]);
+
+  // Pure content wrapper - all layout is handled by BottomSheetRouter
+  // This component only renders content, no layout calculations
+  // Add safe area insets to bottom padding so content doesn't sit under safe area
+  const contentStyle = useMemo(() => ({
+    ...screenContentStyle,
+    paddingBottom: screenContentStyle.paddingBottom + insets.bottom
+  }), [insets.bottom]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: contentStyle,
+    children: [showProgressIndicator && steps.length > 1 && /*#__PURE__*/_jsx(ProgressIndicator, {
+      currentStep: currentStep,
+      totalSteps: steps.length,
+      colors: colors,
+      styles: styles
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.stepContainer,
+      children: CurrentStepComponent && /*#__PURE__*/_jsx(CurrentStepComponent, {
+        ...stepProps
+      })
     })]
   });
 };