@oxyhq/services 6.9.13 → 6.9.15

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

@@ -3,19 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _index = require("../styles/index.js");
-var _themeUtils = require("../utils/themeUtils.js");
-var _vectorIcons = require("@expo/vector-icons");
-var _sonner = require("../../lib/sonner");
-var _core = require("@oxyhq/core");
-var _index2 = require("../components/index.js");
-var _useI18n = require("../hooks/useI18n.js");
-var _OxyContext = require("../context/OxyContext.js");
-var _index3 = require("../components/feedback/index.js");
-var _jsxRuntime = require("react/jsx-runtime");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const styles_1 = require("../styles");
+const themeUtils_1 = require("../utils/themeUtils");
+const vector_icons_1 = require("@expo/vector-icons");
+const sonner_1 = require("../../lib/sonner");
+const core_1 = require("@oxyhq/core");
+const components_1 = require("../components");
+const useI18n_1 = require("../hooks/useI18n");
+const OxyContext_1 = require("../context/OxyContext");
+const feedback_1 = require("../components/feedback");
 const FeedbackScreen = ({
   navigate,
   goBack,
@@ -25,65 +24,65 @@ const FeedbackScreen = ({
   const {
     user,
     oxyServices
-  } = (0, _OxyContext.useOxy)();
-  const normalizedTheme = (0, _themeUtils.normalizeTheme)(theme);
-  const colors = (0, _index.useThemeColors)(normalizedTheme);
+  } = (0, OxyContext_1.useOxy)();
+  const normalizedTheme = (0, themeUtils_1.normalizeTheme)(theme);
+  const colors = (0, styles_1.useThemeColors)(normalizedTheme);
   const {
     t
-  } = (0, _useI18n.useI18n)();
+  } = (0, useI18n_1.useI18n)();
   const {
     feedbackData,
     feedbackState,
     setFeedbackState,
     updateField,
     resetForm
-  } = (0, _index3.useFeedbackForm)();
-  const [currentStep, setCurrentStep] = (0, _react.useState)(0);
-  const [errorMessage, setErrorMessage] = (0, _react.useState)('');
-  const fadeAnim = (0, _react.useRef)(new _reactNative.Animated.Value(1)).current;
-  const slideAnim = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
-  const styles = (0, _react.useMemo)(() => (0, _index3.createFeedbackStyles)(colors), [colors]);
-  const animateTransition = (0, _react.useCallback)(nextStep => {
-    _reactNative.Animated.timing(fadeAnim, {
+  } = (0, feedback_1.useFeedbackForm)();
+  const [currentStep, setCurrentStep] = (0, react_1.useState)(0);
+  const [errorMessage, setErrorMessage] = (0, react_1.useState)('');
+  const fadeAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(1)).current;
+  const slideAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
+  const styles = (0, react_1.useMemo)(() => (0, feedback_1.createFeedbackStyles)(colors), [colors]);
+  const animateTransition = (0, react_1.useCallback)(nextStep => {
+    react_native_1.Animated.timing(fadeAnim, {
       toValue: 0,
       duration: 250,
-      useNativeDriver: _reactNative.Platform.OS !== 'web'
+      useNativeDriver: react_native_1.Platform.OS !== 'web'
     }).start(() => {
       setCurrentStep(nextStep);
       slideAnim.setValue(-100);
-      _reactNative.Animated.parallel([_reactNative.Animated.timing(fadeAnim, {
+      react_native_1.Animated.parallel([react_native_1.Animated.timing(fadeAnim, {
         toValue: 1,
         duration: 250,
-        useNativeDriver: _reactNative.Platform.OS !== 'web'
-      }), _reactNative.Animated.timing(slideAnim, {
+        useNativeDriver: react_native_1.Platform.OS !== 'web'
+      }), react_native_1.Animated.timing(slideAnim, {
         toValue: 0,
         duration: 300,
-        useNativeDriver: _reactNative.Platform.OS !== 'web'
+        useNativeDriver: react_native_1.Platform.OS !== 'web'
       })]).start();
     });
   }, [fadeAnim, slideAnim]);
-  const nextStep = (0, _react.useCallback)(() => {
+  const nextStep = (0, react_1.useCallback)(() => {
     if (currentStep < 3) {
       animateTransition(currentStep + 1);
     }
   }, [currentStep, animateTransition]);
-  const prevStep = (0, _react.useCallback)(() => {
+  const prevStep = (0, react_1.useCallback)(() => {
     if (currentStep > 0) {
       animateTransition(currentStep - 1);
     }
   }, [currentStep, animateTransition]);
-  const isTypeStepValid = (0, _react.useCallback)(() => {
+  const isTypeStepValid = (0, react_1.useCallback)(() => {
     return feedbackData.type && feedbackData.category;
   }, [feedbackData.type, feedbackData.category]);
-  const isDetailsStepValid = (0, _react.useCallback)(() => {
+  const isDetailsStepValid = (0, react_1.useCallback)(() => {
     return feedbackData.title.trim() && feedbackData.description.trim();
   }, [feedbackData.title, feedbackData.description]);
-  const isContactStepValid = (0, _react.useCallback)(() => {
+  const isContactStepValid = (0, react_1.useCallback)(() => {
     return feedbackData.contactEmail.trim() || user?.email;
   }, [feedbackData.contactEmail, user?.email]);
-  const handleSubmitFeedback = (0, _react.useCallback)(async () => {
+  const handleSubmitFeedback = (0, react_1.useCallback)(async () => {
     if (!isTypeStepValid() || !isDetailsStepValid() || !isContactStepValid()) {
-      _sonner.toast.error(t('feedback.toasts.fillRequired') || 'Please fill in all required fields');
+      sonner_1.toast.error(t('feedback.toasts.fillRequired') || 'Please fill in all required fields');
       return;
     }
     try {
@@ -100,9 +99,9 @@ const FeedbackScreen = ({
         category: feedbackData.category,
         contactEmail: feedbackData.contactEmail || user?.email,
         systemInfo: feedbackData.systemInfo ? {
-          platform: _reactNative.Platform.OS,
-          version: _reactNative.Platform.Version?.toString() || 'Unknown',
-          appVersion: _core.packageInfo.version,
+          platform: react_native_1.Platform.OS,
+          version: react_native_1.Platform.Version?.toString() || 'Unknown',
+          appVersion: core_1.packageInfo.version,
           userId: user?.id,
           username: user?.username,
           timestamp: new Date().toISOString()
@@ -113,7 +112,7 @@ const FeedbackScreen = ({
         status: 'success',
         message: t('feedback.toasts.submitSuccess') || 'Feedback submitted successfully!'
       });
-      _sonner.toast.success(t('feedback.toasts.thanks') || 'Thank you for your feedback!');
+      sonner_1.toast.success(t('feedback.toasts.thanks') || 'Thank you for your feedback!');
       setTimeout(() => {
         resetForm();
         setCurrentStep(0);
@@ -123,10 +122,10 @@ const FeedbackScreen = ({
         status: 'error',
         message: (error instanceof Error ? error.message : null) || t('feedback.toasts.submitFailed') || 'Failed to submit feedback'
       });
-      _sonner.toast.error((error instanceof Error ? error.message : null) || t('feedback.toasts.submitFailed') || 'Failed to submit feedback');
+      sonner_1.toast.error((error instanceof Error ? error.message : null) || t('feedback.toasts.submitFailed') || 'Failed to submit feedback');
     }
   }, [feedbackData, user, isTypeStepValid, isDetailsStepValid, isContactStepValid, resetForm, setFeedbackState, t]);
-  const feedbackTypeItems = (0, _react.useMemo)(() => _index3.FEEDBACK_TYPES.map(type => ({
+  const feedbackTypeItems = (0, react_1.useMemo)(() => feedback_1.FEEDBACK_TYPES.map(type => ({
     id: type.id,
     icon: type.icon,
     iconColor: type.color,
@@ -141,7 +140,7 @@ const FeedbackScreen = ({
     multiRow: true,
     dense: true
   })), [feedbackData.type, updateField]);
-  const categoryItems = (0, _react.useMemo)(() => feedbackData.type ? (_index3.CATEGORIES[feedbackData.type] || []).map(cat => ({
+  const categoryItems = (0, react_1.useMemo)(() => feedbackData.type ? (feedback_1.CATEGORIES[feedbackData.type] || []).map(cat => ({
     id: cat,
     icon: feedbackData.category === cat ? 'check-circle' : 'ellipse-outline',
     iconColor: feedbackData.category === cat ? colors.primary : colors.secondaryText,
@@ -151,7 +150,7 @@ const FeedbackScreen = ({
     showChevron: false,
     dense: true
   })) : [], [feedbackData.type, feedbackData.category, colors.primary, colors.secondaryText, updateField]);
-  const priorityItems = (0, _react.useMemo)(() => _index3.PRIORITY_LEVELS.map(p => ({
+  const priorityItems = (0, react_1.useMemo)(() => feedback_1.PRIORITY_LEVELS.map(p => ({
     id: p.id,
     icon: p.icon,
     iconColor: p.color,
@@ -161,48 +160,48 @@ const FeedbackScreen = ({
     showChevron: false,
     dense: true
   })), [feedbackData.priority, updateField]);
-  const renderTypeStep = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
+  const renderTypeStep = () => (0, jsx_runtime_1.jsxs)(react_native_1.Animated.View, {
     style: [styles.stepContainer, {
       opacity: fadeAnim,
       transform: [{
         translateX: slideAnim
       }]
     }],
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, {
       style: styles.modernHeader,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
         style: [styles.stepTitle, {
           color: colors.text
         }],
         children: t('feedback.type.title') || 'What type of feedback?'
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
         style: [styles.modernSubtitle, {
           color: colors.secondaryText
         }],
         children: t('feedback.type.subtitle') || 'Choose the category that best describes your feedback'
       })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    }), (0, jsx_runtime_1.jsx)(react_native_1.View, {
       style: styles.fullBleed,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.GroupedSection, {
+      children: (0, jsx_runtime_1.jsx)(components_1.GroupedSection, {
         items: feedbackTypeItems
       })
-    }), feedbackData.type && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    }), feedbackData.type && (0, jsx_runtime_1.jsxs)(react_native_1.View, {
       style: styles.categoryContainer,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
         style: [styles.modernLabel, {
           color: colors.secondaryText,
           marginBottom: 8
         }],
         children: t('feedback.category.label') || 'Category'
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      }), (0, jsx_runtime_1.jsx)(react_native_1.View, {
         style: styles.fullBleed,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.GroupedSection, {
+        children: (0, jsx_runtime_1.jsx)(components_1.GroupedSection, {
           items: categoryItems
         })
       })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
       style: styles.navigationButtons,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+      children: [(0, jsx_runtime_1.jsxs)(react_native_1.TouchableOpacity, {
         style: [styles.navButton, {
           backgroundColor: 'transparent',
           borderColor: colors.border,
@@ -211,17 +210,17 @@ const FeedbackScreen = ({
         onPress: goBack,
         accessibilityRole: "button",
         accessibilityLabel: "Go back",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+        children: [(0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, {
           name: "arrow-back",
           size: 16,
           color: colors.text
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.navButtonText, {
             color: colors.text
           }],
           children: t('common.actions.back') || 'Back'
         })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+      }), (0, jsx_runtime_1.jsxs)(react_native_1.TouchableOpacity, {
         style: [styles.navButton, {
           backgroundColor: colors.primary,
           borderColor: colors.primary,
@@ -231,12 +230,12 @@ const FeedbackScreen = ({
         disabled: !isTypeStepValid(),
         accessibilityRole: "button",
         accessibilityLabel: "Continue to next step",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.navButtonText, {
             color: '#FFFFFF'
           }],
           children: t('common.actions.next') || 'Next'
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+        }), (0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, {
           name: "arrow-forward",
           size: 16,
           color: "#FFFFFF"
@@ -244,27 +243,27 @@ const FeedbackScreen = ({
       })]
     })]
   });
-  const renderDetailsStep = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
+  const renderDetailsStep = () => (0, jsx_runtime_1.jsxs)(react_native_1.Animated.View, {
     style: [styles.stepContainer, {
       opacity: fadeAnim,
       transform: [{
         translateX: slideAnim
       }]
     }],
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, {
       style: styles.modernHeader,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
         style: [styles.stepTitle, {
           color: colors.text
         }],
         children: t('feedback.details.title') || 'Tell us more'
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
         style: [styles.modernSubtitle, {
           color: colors.secondaryText
         }],
         children: t('feedback.details.subtitle') || 'Provide details about your feedback'
       })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.FormInput, {
+    }), (0, jsx_runtime_1.jsx)(feedback_1.FormInput, {
       icon: "create-outline",
       label: t('feedback.fields.title.label') || 'Title',
       value: feedbackData.title,
@@ -278,7 +277,7 @@ const FeedbackScreen = ({
       styles: styles,
       accessibilityLabel: "Feedback title",
       accessibilityHint: "Enter a brief summary of your feedback"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.FormInput, {
+    }), (0, jsx_runtime_1.jsx)(feedback_1.FormInput, {
       icon: "document-text-outline",
       label: t('feedback.fields.description.label') || 'Description',
       value: feedbackData.description,
@@ -294,42 +293,42 @@ const FeedbackScreen = ({
       styles: styles,
       accessibilityLabel: "Feedback description",
       accessibilityHint: "Provide detailed information about your feedback"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
       style: {
         marginBottom: 24
       },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
         style: [styles.modernLabel, {
           color: colors.secondaryText,
           marginBottom: 8
         }],
         children: t('feedback.priority.label') || 'Priority Level'
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      }), (0, jsx_runtime_1.jsx)(react_native_1.View, {
         style: styles.fullBleed,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.GroupedSection, {
+        children: (0, jsx_runtime_1.jsx)(components_1.GroupedSection, {
           items: priorityItems
         })
       })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
       style: styles.navigationButtons,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+      children: [(0, jsx_runtime_1.jsxs)(react_native_1.TouchableOpacity, {
         style: [styles.navButton, styles.backButton, {
           borderColor: colors.border
         }],
         onPress: prevStep,
         accessibilityRole: "button",
         accessibilityLabel: "Go back",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+        children: [(0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, {
           name: "arrow-back",
           size: 16,
           color: colors.text
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.navButtonText, {
             color: colors.text
           }],
           children: t('common.actions.back') || 'Back'
         })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+      }), (0, jsx_runtime_1.jsxs)(react_native_1.TouchableOpacity, {
         style: [styles.navButton, styles.nextButton, {
           backgroundColor: colors.primary,
           borderColor: colors.primary
@@ -338,12 +337,12 @@ const FeedbackScreen = ({
         disabled: !isDetailsStepValid(),
         accessibilityRole: "button",
         accessibilityLabel: "Continue to next step",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.navButtonText, {
             color: '#FFFFFF'
           }],
           children: t('common.actions.next') || 'Next'
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+        }), (0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, {
           name: "arrow-forward",
           size: 16,
           color: "#FFFFFF"
@@ -351,27 +350,27 @@ const FeedbackScreen = ({
       })]
     })]
   });
-  const renderContactStep = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
+  const renderContactStep = () => (0, jsx_runtime_1.jsxs)(react_native_1.Animated.View, {
     style: [styles.stepContainer, {
       opacity: fadeAnim,
       transform: [{
         translateX: slideAnim
       }]
     }],
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, {
       style: styles.modernHeader,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
         style: [styles.stepTitle, {
           color: colors.text
         }],
         children: t('feedback.contact.title') || 'Contact Information'
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
         style: [styles.modernSubtitle, {
           color: colors.secondaryText
         }],
         children: t('feedback.contact.subtitle') || 'Help us get back to you'
       })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.FormInput, {
+    }), (0, jsx_runtime_1.jsx)(feedback_1.FormInput, {
       icon: "mail-outline",
       label: t('feedback.fields.email.label') || 'Email Address',
       value: feedbackData.contactEmail,
@@ -385,9 +384,9 @@ const FeedbackScreen = ({
       styles: styles,
       accessibilityLabel: "Email address",
       accessibilityHint: "Enter your email so we can respond"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
       style: styles.checkboxContainer,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+      children: [(0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, {
         style: [styles.checkbox, {
           borderColor: feedbackData.systemInfo ? colors.primary : colors.border,
           backgroundColor: feedbackData.systemInfo ? colors.primary : 'transparent'
@@ -398,37 +397,37 @@ const FeedbackScreen = ({
           checked: feedbackData.systemInfo
         },
         accessibilityLabel: "Include system information",
-        children: feedbackData.systemInfo && /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+        children: feedbackData.systemInfo && (0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, {
           name: "checkmark",
           size: 16,
           color: "#FFFFFF"
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
         style: [styles.checkboxText, {
           color: colors.text
         }],
         children: t('feedback.contact.includeSystemInfo') || 'Include system information to help us better understand your issue'
       })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
       style: styles.navigationButtons,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+      children: [(0, jsx_runtime_1.jsxs)(react_native_1.TouchableOpacity, {
         style: [styles.navButton, styles.backButton, {
           borderColor: colors.border
         }],
         onPress: prevStep,
         accessibilityRole: "button",
         accessibilityLabel: "Go back",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+        children: [(0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, {
           name: "arrow-back",
           size: 16,
           color: colors.text
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.navButtonText, {
             color: colors.text
           }],
           children: "Back"
         })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+      }), (0, jsx_runtime_1.jsxs)(react_native_1.TouchableOpacity, {
         style: [styles.navButton, styles.nextButton, {
           backgroundColor: colors.primary,
           borderColor: colors.primary
@@ -437,12 +436,12 @@ const FeedbackScreen = ({
         disabled: !isContactStepValid(),
         accessibilityRole: "button",
         accessibilityLabel: "Continue to summary",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.navButtonText, {
             color: '#FFFFFF'
           }],
           children: "Next"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+        }), (0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, {
           name: "arrow-forward",
           size: 16,
           color: "#FFFFFF"
@@ -450,95 +449,95 @@ const FeedbackScreen = ({
       })]
     })]
   });
-  const renderSummaryStep = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
+  const renderSummaryStep = () => (0, jsx_runtime_1.jsxs)(react_native_1.Animated.View, {
     style: [styles.stepContainer, {
       opacity: fadeAnim,
       transform: [{
         translateX: slideAnim
       }]
     }],
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, {
       style: styles.modernHeader,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
         style: [styles.stepTitle, {
           color: colors.text
         }],
         children: t('feedback.summary.title') || 'Summary'
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
         style: [styles.modernSubtitle, {
           color: colors.secondaryText
         }],
         children: t('feedback.summary.subtitle') || 'Please review your feedback before submitting'
       })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
       style: styles.summaryContainer,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, {
         style: styles.summaryRow,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.summaryLabel, {
             color: colors.secondaryText
           }],
           children: "Type:"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.summaryValue, {
             color: colors.text
           }],
-          children: _index3.FEEDBACK_TYPES.find(t => t.id === feedbackData.type)?.label
+          children: feedback_1.FEEDBACK_TYPES.find(t => t.id === feedbackData.type)?.label
         })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
         style: styles.summaryRow,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.summaryLabel, {
             color: colors.secondaryText
           }],
           children: "Category:"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.summaryValue, {
             color: colors.text
           }],
           children: feedbackData.category
         })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
         style: styles.summaryRow,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.summaryLabel, {
             color: colors.secondaryText
           }],
           children: "Priority:"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.summaryValue, {
             color: colors.text
           }],
-          children: _index3.PRIORITY_LEVELS.find(p => p.id === feedbackData.priority)?.label
+          children: feedback_1.PRIORITY_LEVELS.find(p => p.id === feedbackData.priority)?.label
         })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
         style: styles.summaryRow,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.summaryLabel, {
             color: colors.secondaryText
           }],
           children: "Title:"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.summaryValue, {
             color: colors.text
           }],
           children: feedbackData.title
         })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      }), (0, jsx_runtime_1.jsxs)(react_native_1.View, {
         style: styles.summaryRow,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.summaryLabel, {
             color: colors.secondaryText
           }],
           children: "Contact:"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.summaryValue, {
             color: colors.text
           }],
           children: feedbackData.contactEmail || user?.email
         })]
       })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+    }), (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, {
       style: [styles.button, {
         backgroundColor: colors.primary
       }],
@@ -547,22 +546,22 @@ const FeedbackScreen = ({
       testID: "submit-feedback-button",
       accessibilityRole: "button",
       accessibilityLabel: "Submit feedback",
-      children: feedbackState.status === 'submitting' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+      children: feedbackState.status === 'submitting' ? (0, jsx_runtime_1.jsx)(react_native_1.ActivityIndicator, {
         color: "#FFFFFF",
         size: "small"
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      }) : (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, {
+        children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: styles.buttonText,
           children: t('feedback.actions.submit') || 'Submit Feedback'
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+        }), (0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, {
           name: "send",
           size: 20,
           color: "#FFFFFF"
         })]
       })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    }), (0, jsx_runtime_1.jsx)(react_native_1.View, {
       style: styles.navigationButtons,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+      children: (0, jsx_runtime_1.jsxs)(react_native_1.TouchableOpacity, {
         style: [styles.navButton, {
           backgroundColor: 'transparent',
           borderColor: colors.border,
@@ -571,11 +570,11 @@ const FeedbackScreen = ({
         onPress: prevStep,
         accessibilityRole: "button",
         accessibilityLabel: "Go back",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+        children: [(0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, {
           name: "arrow-back",
           size: 16,
           color: colors.text
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: [styles.navButtonText, {
             color: colors.text
           }],
@@ -584,37 +583,37 @@ const FeedbackScreen = ({
       })
     })]
   });
-  const renderSuccessStep = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+  const renderSuccessStep = () => (0, jsx_runtime_1.jsx)(react_native_1.Animated.View, {
     style: [styles.stepContainer, {
       opacity: fadeAnim,
       transform: [{
         translateX: slideAnim
       }]
     }],
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    children: (0, jsx_runtime_1.jsxs)(react_native_1.View, {
       style: styles.successContainer,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      children: [(0, jsx_runtime_1.jsx)(react_native_1.View, {
         style: [styles.successIcon, {
           backgroundColor: `${colors.success || '#34C759'}20`,
           padding: 24,
           borderRadius: 50
         }],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+        children: (0, jsx_runtime_1.jsx)(vector_icons_1.Ionicons, {
           name: "checkmark-circle",
           size: 48,
           color: colors.success || '#34C759'
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
         style: [styles.successTitle, {
           color: colors.text
         }],
         children: t('feedback.success.thanks') || 'Thank You!'
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      }), (0, jsx_runtime_1.jsx)(react_native_1.Text, {
         style: [styles.successMessage, {
           color: colors.secondaryText
         }],
         children: t('feedback.success.message') || "Your feedback has been submitted successfully. We'll review it and get back to you soon."
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+      }), (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, {
         style: [styles.button, {
           backgroundColor: colors.primary
         }],
@@ -624,7 +623,7 @@ const FeedbackScreen = ({
         },
         accessibilityRole: "button",
         accessibilityLabel: "Submit another feedback",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        children: (0, jsx_runtime_1.jsx)(react_native_1.Text, {
           style: styles.buttonText,
           children: t('feedback.actions.submitAnother') || 'Submit Another'
         })
@@ -646,12 +645,31 @@ const FeedbackScreen = ({
         return renderTypeStep();
     }
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.KeyboardAvoidingView, {
+  return (0, jsx_runtime_1.jsxs)(react_native_1.KeyboardAvoidingView, {
     style: [styles.container, {
       backgroundColor: theme === 'dark' ? colors.background : '#F7F9FC'
     }],
-    behavior: _reactNative.Platform.OS === 'ios' ? 'padding' : 'height',
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.StatusBar, {
+    behavior: react_native_1.Platform.OS === 'ios' ? 'padding' : 'height',
+    children: [(0, jsx_runtime_1.jsx)(react_native_1.StatusBar, {
+      barStyle: theme === 'dark' ? 'light-content' : 'dark-content',
+      backgroundColor: theme === 'dark' ? colors.background : '#F7F9FC'
+    }), (0, jsx_runtime_1.jsxs)(react_native_1.ScrollView, {
+      contentContainerStyle: [styles.scrollContent, {
+        backgroundColor: 'transparent'
+      }],
+      showsVerticalScrollIndicator: false,
+      keyboardShouldPersistTaps: "handled",
+      children: [feedbackState.status !== 'success' && (0, jsx_runtime_1.jsx)(feedback_1.ProgressIndicator, {
+        currentStep: currentStep,
+        totalSteps: 4,
+        colors: colors,
+        styles: styles
+      }), renderCurrentStep()]
+    })]
+  });
+};
+exports.default = FeedbackScreen;
+//# sourceMappingURL=FeedbackScreen.js.mapar, {
       barStyle: theme === 'dark' ? 'light-content' : 'dark-content',
       backgroundColor: theme === 'dark' ? colors.background : '#F7F9FC'
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {