@oxyhq/services 5.21.6 → 5.21.7

package/lib/module/ui/components/profile/EditBioModal.js

@@ -1,14 +1,10 @@
 "use strict";
 
-import React, { useState, useEffect } from 'react';
-import { View, Text, TextInput, TouchableOpacity, StyleSheet, Modal, Platform } from 'react-native';
-import { Ionicons } from '@expo/vector-icons';
-import { useThemeStyles } from "../../hooks/useThemeStyles.js";
-import { useColorScheme } from "../../hooks/use-color-scheme.js";
-import { useI18n } from "../../hooks/useI18n.js";
-import { fontFamilies } from "../../styles/fonts.js";
+import React from 'react';
+import { EditFieldModal } from "./EditFieldModal.js";
 import { useProfileEditing } from "../../hooks/useProfileEditing.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useI18n } from "../../hooks/useI18n.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 export const EditBioModal = ({
   visible,
   onClose,
@@ -19,157 +15,29 @@ export const EditBioModal = ({
   const {
     t
   } = useI18n();
-  const colorScheme = useColorScheme();
-  const themeStyles = useThemeStyles(theme || 'light', colorScheme);
-  const colors = themeStyles.colors;
   const {
-    updateField,
-    isSaving
+    updateField
   } = useProfileEditing();
-  const [bio, setBio] = useState(initialValue);
-  useEffect(() => {
-    if (visible) {
-      setBio(initialValue);
-    }
-  }, [visible, initialValue]);
-  const handleSave = async () => {
-    const success = await updateField('bio', bio);
-    if (success) {
-      onSave?.();
-      onClose();
-    }
-  };
-  return /*#__PURE__*/_jsx(Modal, {
+  return /*#__PURE__*/_jsx(EditFieldModal, {
     visible: visible,
-    animationType: "slide",
-    transparent: true,
-    onRequestClose: onClose,
-    children: /*#__PURE__*/_jsx(View, {
-      style: styles.modalOverlay,
-      children: /*#__PURE__*/_jsxs(View, {
-        style: [styles.modalContent, {
-          backgroundColor: colors.background
-        }],
-        children: [/*#__PURE__*/_jsxs(View, {
-          style: styles.modalHeader,
-          children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-            onPress: onClose,
-            style: styles.closeButton,
-            children: /*#__PURE__*/_jsx(Ionicons, {
-              name: "close",
-              size: 24,
-              color: colors.text
-            })
-          }), /*#__PURE__*/_jsx(Text, {
-            style: [styles.modalTitle, {
-              color: colors.text
-            }],
-            children: t('editProfile.items.bio.title') || 'Bio'
-          }), /*#__PURE__*/_jsx(TouchableOpacity, {
-            onPress: handleSave,
-            disabled: isSaving,
-            style: [styles.saveButton, {
-              opacity: isSaving ? 0.5 : 1
-            }],
-            children: /*#__PURE__*/_jsx(Text, {
-              style: [styles.saveButtonText, {
-                color: colors.tint
-              }],
-              children: isSaving ? 'Saving...' : 'Save'
-            })
-          })]
-        }), /*#__PURE__*/_jsx(View, {
-          style: styles.modalBody,
-          children: /*#__PURE__*/_jsxs(View, {
-            style: styles.inputGroup,
-            children: [/*#__PURE__*/_jsx(Text, {
-              style: [styles.label, {
-                color: colors.text
-              }],
-              children: t('editProfile.items.bio.label') || 'Bio'
-            }), /*#__PURE__*/_jsx(TextInput, {
-              style: [styles.textArea, {
-                backgroundColor: colors.card,
-                color: colors.text,
-                borderColor: colors.border
-              }],
-              value: bio,
-              onChangeText: setBio,
-              placeholder: t('editProfile.items.bio.placeholder') || 'Tell people about yourself...',
-              placeholderTextColor: colors.secondaryText,
-              autoFocus: true,
-              multiline: true,
-              numberOfLines: 6,
-              textAlignVertical: "top",
-              selectionColor: colors.tint
-            })]
-          })
-        })]
-      })
-    })
+    onClose: onClose,
+    title: t('editProfile.items.bio.title') || 'Bio',
+    theme: theme,
+    onSave: onSave,
+    variant: "single",
+    fields: [{
+      key: 'bio',
+      label: t('editProfile.items.bio.label') || 'Bio',
+      initialValue,
+      placeholder: t('editProfile.items.bio.placeholder') || 'Tell people about yourself...',
+      inputProps: {
+        multiline: true,
+        numberOfLines: 6
+      }
+    }],
+    onSubmit: async data => {
+      return await updateField('bio', data.bio);
+    }
   });
 };
-const styles = StyleSheet.create({
-  modalOverlay: {
-    flex: 1,
-    backgroundColor: 'rgba(0, 0, 0, 0.5)',
-    justifyContent: 'flex-end'
-  },
-  modalContent: {
-    borderTopLeftRadius: 20,
-    borderTopRightRadius: 20,
-    paddingTop: Platform.OS === 'ios' ? 20 : 16,
-    maxHeight: '80%'
-  },
-  modalHeader: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    paddingHorizontal: 16,
-    paddingBottom: 16,
-    borderBottomWidth: StyleSheet.hairlineWidth,
-    borderBottomColor: '#E5E5EA'
-  },
-  closeButton: {
-    width: 40,
-    height: 40,
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  modalTitle: {
-    fontSize: 18,
-    fontWeight: '600',
-    fontFamily: fontFamilies.phuduSemiBold,
-    flex: 1,
-    textAlign: 'center'
-  },
-  saveButton: {
-    paddingHorizontal: 16,
-    paddingVertical: 8
-  },
-  saveButtonText: {
-    fontSize: 16,
-    fontWeight: '600',
-    fontFamily: fontFamilies.phuduSemiBold
-  },
-  modalBody: {
-    padding: 16,
-    gap: 16
-  },
-  inputGroup: {
-    gap: 8
-  },
-  label: {
-    fontSize: 14,
-    fontWeight: '600',
-    fontFamily: fontFamilies.phuduSemiBold
-  },
-  textArea: {
-    borderWidth: StyleSheet.hairlineWidth,
-    borderRadius: 12,
-    padding: 16,
-    fontSize: 16,
-    minHeight: 120
-  }
-});
 //# sourceMappingURL=EditBioModal.js.map

package/lib/module/ui/components/profile/EditBioModal.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","useEffect","View","Text","TextInput","TouchableOpacity","StyleSheet","Modal","Platform","Ionicons","useThemeStyles","useColorScheme","useI18n","fontFamilies","useProfileEditing","jsx","_jsx","jsxs","_jsxs","EditBioModal","visible","onClose","initialValue","theme","onSave","t","colorScheme","themeStyles","colors","updateField","isSaving","bio","setBio","handleSave","success","animationType","transparent","onRequestClose","children","style","styles","modalOverlay","modalContent","backgroundColor","background","modalHeader","onPress","closeButton","name","size","color","text","modalTitle","disabled","saveButton","opacity","saveButtonText","tint","modalBody","inputGroup","label","textArea","card","borderColor","border","value","onChangeText","placeholder","placeholderTextColor","secondaryText","autoFocus","multiline","numberOfLines","textAlignVertical","selectionColor","create","flex","justifyContent","borderTopLeftRadius","borderTopRightRadius","paddingTop","OS","maxHeight","flexDirection","alignItems","paddingHorizontal","paddingBottom","borderBottomWidth","hairlineWidth","borderBottomColor","width","height","fontSize","fontWeight","fontFamily","phuduSemiBold","textAlign","paddingVertical","padding","gap","borderWidth","borderRadius","minHeight"],"sourceRoot":"../../../../../src","sources":["ui/components/profile/EditBioModal.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","EditFieldModal","useProfileEditing","useI18n","jsx","_jsx","EditBioModal","visible","onClose","initialValue","theme","onSave","t","updateField","title","variant","fields","key","label","placeholder","inputProps","multiline","numberOfLines","onSubmit","data","bio"],"sourceRoot":"../../../../../src","sources":["ui/components/profile/EditBioModal.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,qBAAkB;AACjD,SAASC,iBAAiB,QAAQ,kCAA+B;AACjE,SAASC,OAAO,QAAQ,wBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAU9C,OAAO,MAAMC,YAAyC,GAAGA,CAAC;EACxDC,OAAO;EACPC,OAAO;EACPC,YAAY,GAAG,EAAE;EACjBC,KAAK,GAAG,OAAO;EACfC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAE,CAAC,GAAGT,OAAO,CAAC,CAAC;EACvB,MAAM;IAAEU;EAAY,CAAC,GAAGX,iBAAiB,CAAC,CAAC;EAE3C,oBACEG,IAAA,CAACJ,cAAc;IACbM,OAAO,EAAEA,OAAQ;IACjBC,OAAO,EAAEA,OAAQ;IACjBM,KAAK,EAAEF,CAAC,CAAC,6BAA6B,CAAC,IAAI,KAAM;IACjDF,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA,MAAO;IACfI,OAAO,EAAC,QAAQ;IAChBC,MAAM,EAAE,CACN;MACEC,GAAG,EAAE,KAAK;MACVC,KAAK,EAAEN,CAAC,CAAC,6BAA6B,CAAC,IAAI,KAAK;MAChDH,YAAY;MACZU,WAAW,EAAEP,CAAC,CAAC,mCAAmC,CAAC,IAAI,+BAA+B;MACtFQ,UAAU,EAAE;QAAEC,SAAS,EAAE,IAAI;QAAEC,aAAa,EAAE;MAAE;IAClD,CAAC,CACD;IACFC,QAAQ,EAAE,MAAOC,IAAI,IAAK;MACxB,OAAO,MAAMX,WAAW,CAAC,KAAK,EAAEW,IAAI,CAACC,GAAa,CAAC;IACrD;EAAE,CACH,CAAC;AAEN,CAAC","ignoreList":[]}

package/lib/module/ui/components/profile/EditDisplayNameModal.js

@@ -1,14 +1,10 @@
 "use strict";
 
-import React, { useState, useEffect } from 'react';
-import { View, Text, TextInput, TouchableOpacity, StyleSheet, Modal, Platform } from 'react-native';
-import { Ionicons } from '@expo/vector-icons';
-import { useThemeStyles } from "../../hooks/useThemeStyles.js";
-import { useColorScheme } from "../../hooks/use-color-scheme.js";
-import { useI18n } from "../../hooks/useI18n.js";
-import { fontFamilies } from "../../styles/fonts.js";
+import React from 'react';
+import { EditFieldModal } from "./EditFieldModal.js";
 import { useProfileEditing } from "../../hooks/useProfileEditing.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useI18n } from "../../hooks/useI18n.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 export const EditDisplayNameModal = ({
   visible,
   onClose,
@@ -20,179 +16,33 @@ export const EditDisplayNameModal = ({
   const {
     t
   } = useI18n();
-  const colorScheme = useColorScheme();
-  const themeStyles = useThemeStyles(theme || 'light', colorScheme);
-  const colors = themeStyles.colors;
   const {
-    saveProfile,
-    isSaving
+    saveProfile
   } = useProfileEditing();
-  const [displayName, setDisplayName] = useState(initialDisplayName);
-  const [lastName, setLastName] = useState(initialLastName);
-  useEffect(() => {
-    if (visible) {
-      setDisplayName(initialDisplayName);
-      setLastName(initialLastName);
-    }
-  }, [visible, initialDisplayName, initialLastName]);
-  const handleSave = async () => {
-    const updates = {
-      displayName,
-      lastName
-    };
-    const success = await saveProfile(updates);
-    if (success) {
-      onSave?.();
-      onClose();
-    }
-  };
-  return /*#__PURE__*/_jsx(Modal, {
+  return /*#__PURE__*/_jsx(EditFieldModal, {
     visible: visible,
-    animationType: "slide",
-    transparent: true,
-    onRequestClose: onClose,
-    children: /*#__PURE__*/_jsx(View, {
-      style: styles.modalOverlay,
-      children: /*#__PURE__*/_jsxs(View, {
-        style: [styles.modalContent, {
-          backgroundColor: colors.background
-        }],
-        children: [/*#__PURE__*/_jsxs(View, {
-          style: styles.modalHeader,
-          children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-            onPress: onClose,
-            style: styles.closeButton,
-            children: /*#__PURE__*/_jsx(Ionicons, {
-              name: "close",
-              size: 24,
-              color: colors.text
-            })
-          }), /*#__PURE__*/_jsx(Text, {
-            style: [styles.modalTitle, {
-              color: colors.text
-            }],
-            children: t('editProfile.items.displayName.title') || 'Display Name'
-          }), /*#__PURE__*/_jsx(TouchableOpacity, {
-            onPress: handleSave,
-            disabled: isSaving,
-            style: [styles.saveButton, {
-              opacity: isSaving ? 0.5 : 1
-            }],
-            children: /*#__PURE__*/_jsx(Text, {
-              style: [styles.saveButtonText, {
-                color: colors.tint
-              }],
-              children: isSaving ? 'Saving...' : 'Save'
-            })
-          })]
-        }), /*#__PURE__*/_jsxs(View, {
-          style: styles.modalBody,
-          children: [/*#__PURE__*/_jsxs(View, {
-            style: styles.inputGroup,
-            children: [/*#__PURE__*/_jsx(Text, {
-              style: [styles.label, {
-                color: colors.text
-              }],
-              children: t('editProfile.items.displayName.firstName') || 'First Name'
-            }), /*#__PURE__*/_jsx(TextInput, {
-              style: [styles.input, {
-                backgroundColor: colors.card,
-                color: colors.text,
-                borderColor: colors.border
-              }],
-              value: displayName,
-              onChangeText: setDisplayName,
-              placeholder: t('editProfile.items.displayName.firstNamePlaceholder') || 'Enter first name',
-              placeholderTextColor: colors.secondaryText,
-              autoFocus: true,
-              selectionColor: colors.tint
-            })]
-          }), /*#__PURE__*/_jsxs(View, {
-            style: styles.inputGroup,
-            children: [/*#__PURE__*/_jsx(Text, {
-              style: [styles.label, {
-                color: colors.text
-              }],
-              children: t('editProfile.items.displayName.lastName') || 'Last Name'
-            }), /*#__PURE__*/_jsx(TextInput, {
-              style: [styles.input, {
-                backgroundColor: colors.card,
-                color: colors.text,
-                borderColor: colors.border
-              }],
-              value: lastName,
-              onChangeText: setLastName,
-              placeholder: t('editProfile.items.displayName.lastNamePlaceholder') || 'Enter last name (optional)',
-              placeholderTextColor: colors.secondaryText,
-              selectionColor: colors.tint
-            })]
-          })]
-        })]
-      })
-    })
+    onClose: onClose,
+    title: t('editProfile.items.displayName.title') || 'Display Name',
+    theme: theme,
+    onSave: onSave,
+    variant: "multi",
+    fields: [{
+      key: 'displayName',
+      label: t('editProfile.items.displayName.firstName') || 'First Name',
+      initialValue: initialDisplayName,
+      placeholder: t('editProfile.items.displayName.firstNamePlaceholder') || 'Enter first name'
+    }, {
+      key: 'lastName',
+      label: t('editProfile.items.displayName.lastName') || 'Last Name',
+      initialValue: initialLastName,
+      placeholder: t('editProfile.items.displayName.lastNamePlaceholder') || 'Enter last name (optional)'
+    }],
+    onSubmit: async data => {
+      return await saveProfile({
+        displayName: data.displayName,
+        lastName: data.lastName
+      });
+    }
   });
 };
-const styles = StyleSheet.create({
-  modalOverlay: {
-    flex: 1,
-    backgroundColor: 'rgba(0, 0, 0, 0.5)',
-    justifyContent: 'flex-end'
-  },
-  modalContent: {
-    borderTopLeftRadius: 20,
-    borderTopRightRadius: 20,
-    paddingTop: Platform.OS === 'ios' ? 20 : 16,
-    maxHeight: '80%'
-  },
-  modalHeader: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    paddingHorizontal: 16,
-    paddingBottom: 16,
-    borderBottomWidth: StyleSheet.hairlineWidth,
-    borderBottomColor: '#E5E5EA'
-  },
-  closeButton: {
-    width: 40,
-    height: 40,
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  modalTitle: {
-    fontSize: 18,
-    fontWeight: '600',
-    fontFamily: fontFamilies.phuduSemiBold,
-    flex: 1,
-    textAlign: 'center'
-  },
-  saveButton: {
-    paddingHorizontal: 16,
-    paddingVertical: 8
-  },
-  saveButtonText: {
-    fontSize: 16,
-    fontWeight: '600',
-    fontFamily: fontFamilies.phuduSemiBold
-  },
-  modalBody: {
-    padding: 16,
-    gap: 16
-  },
-  inputGroup: {
-    gap: 8
-  },
-  label: {
-    fontSize: 14,
-    fontWeight: '600',
-    fontFamily: fontFamilies.phuduSemiBold
-  },
-  input: {
-    borderWidth: StyleSheet.hairlineWidth,
-    borderRadius: 12,
-    padding: 16,
-    fontSize: 16,
-    minHeight: 52
-  }
-});
 //# sourceMappingURL=EditDisplayNameModal.js.map

package/lib/module/ui/components/profile/EditDisplayNameModal.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","useEffect","View","Text","TextInput","TouchableOpacity","StyleSheet","Modal","Platform","Ionicons","useThemeStyles","useColorScheme","useI18n","fontFamilies","useProfileEditing","jsx","_jsx","jsxs","_jsxs","EditDisplayNameModal","visible","onClose","initialDisplayName","initialLastName","theme","onSave","t","colorScheme","themeStyles","colors","saveProfile","isSaving","displayName","setDisplayName","lastName","setLastName","handleSave","updates","success","animationType","transparent","onRequestClose","children","style","styles","modalOverlay","modalContent","backgroundColor","background","modalHeader","onPress","closeButton","name","size","color","text","modalTitle","disabled","saveButton","opacity","saveButtonText","tint","modalBody","inputGroup","label","input","card","borderColor","border","value","onChangeText","placeholder","placeholderTextColor","secondaryText","autoFocus","selectionColor","create","flex","justifyContent","borderTopLeftRadius","borderTopRightRadius","paddingTop","OS","maxHeight","flexDirection","alignItems","paddingHorizontal","paddingBottom","borderBottomWidth","hairlineWidth","borderBottomColor","width","height","fontSize","fontWeight","fontFamily","phuduSemiBold","textAlign","paddingVertical","padding","gap","borderWidth","borderRadius","minHeight"],"sourceRoot":"../../../../../src","sources":["ui/components/profile/EditDisplayNameModal.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","EditFieldModal","useProfileEditing","useI18n","jsx","_jsx","EditDisplayNameModal","visible","onClose","initialDisplayName","initialLastName","theme","onSave","t","saveProfile","title","variant","fields","key","label","initialValue","placeholder","onSubmit","data","displayName","lastName"],"sourceRoot":"../../../../../src","sources":["ui/components/profile/EditDisplayNameModal.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,qBAAkB;AACjD,SAASC,iBAAiB,QAAQ,kCAA+B;AACjE,SAASC,OAAO,QAAQ,wBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAW9C,OAAO,MAAMC,oBAAyD,GAAGA,CAAC;EACxEC,OAAO;EACPC,OAAO;EACPC,kBAAkB,GAAG,EAAE;EACvBC,eAAe,GAAG,EAAE;EACpBC,KAAK,GAAG,OAAO;EACfC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAE,CAAC,GAAGV,OAAO,CAAC,CAAC;EACvB,MAAM;IAAEW;EAAY,CAAC,GAAGZ,iBAAiB,CAAC,CAAC;EAE3C,oBACEG,IAAA,CAACJ,cAAc;IACbM,OAAO,EAAEA,OAAQ;IACjBC,OAAO,EAAEA,OAAQ;IACjBO,KAAK,EAAEF,CAAC,CAAC,qCAAqC,CAAC,IAAI,cAAe;IAClEF,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA,MAAO;IACfI,OAAO,EAAC,OAAO;IACfC,MAAM,EAAE,CACN;MACEC,GAAG,EAAE,aAAa;MAClBC,KAAK,EAAEN,CAAC,CAAC,yCAAyC,CAAC,IAAI,YAAY;MACnEO,YAAY,EAAEX,kBAAkB;MAChCY,WAAW,EAAER,CAAC,CAAC,oDAAoD,CAAC,IAAI;IAC1E,CAAC,EACD;MACEK,GAAG,EAAE,UAAU;MACfC,KAAK,EAAEN,CAAC,CAAC,wCAAwC,CAAC,IAAI,WAAW;MACjEO,YAAY,EAAEV,eAAe;MAC7BW,WAAW,EAAER,CAAC,CAAC,mDAAmD,CAAC,IAAI;IACzE,CAAC,CACD;IACFS,QAAQ,EAAE,MAAOC,IAAI,IAAK;MACxB,OAAO,MAAMT,WAAW,CAAC;QACvBU,WAAW,EAAED,IAAI,CAACC,WAAqB;QACvCC,QAAQ,EAAEF,IAAI,CAACE;MACjB,CAAC,CAAC;IACJ;EAAE,CACH,CAAC;AAEN,CAAC","ignoreList":[]}