npm - @oxyhq/services - Versions diffs - 22.13.0 → 23.0.0 - Mend

@oxyhq/services 22.13.0 → 23.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (445) hide show

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

@@ -4,26 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _core = require("@oxyhq/core");
-var _theme = require("@oxyhq/bloom/theme");
-var _vectorIcons = require("@expo/vector-icons");
+var _Ionicons = _interopRequireDefault(require("@expo/vector-icons/Ionicons"));
 var _bloom = require("@oxyhq/bloom");
-var _typography = require("@oxyhq/bloom/typography");
 var _button = require("@oxyhq/bloom/button");
-var _textField = require("@oxyhq/bloom/text-field");
-var _switch = require("@oxyhq/bloom/switch");
 var _settingsList = require("@oxyhq/bloom/settings-list");
+var _switch = require("@oxyhq/bloom/switch");
+var _textField = require("@oxyhq/bloom/text-field");
+var _theme = require("@oxyhq/bloom/theme");
+var _typography = require("@oxyhq/bloom/typography");
+var _core = require("@oxyhq/core");
+var _react = require("react");
+var _reactNative = require("react-native");
 var _SettingsIcon = require("../components/SettingsIcon.js");
+var _OxyContext = require("../context/OxyContext.js");
 var _useI18n = require("../hooks/useI18n.js");
 var _useSurfaceHeader = require("../hooks/useSurfaceHeader.js");
-var _OxyContext = require("../context/OxyContext.js");
-var _useFeedbackForm = require("../components/feedback/useFeedbackForm.js");
 var _constants = require("../components/feedback/constants.js");
+var _useFeedbackForm = require("../components/feedback/useFeedbackForm.js");
 var _jsxRuntime = require("react/jsx-runtime");
-/** Step transition timing — measured animation, not a design token. */
-const STEP_FADE_OUT_MS = 250;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/** Step transition timing — measured animation, not a design token. */const STEP_FADE_OUT_MS = 250;
 const STEP_FADE_IN_MS = 250;
 const STEP_SLIDE_IN_MS = 300;
 const STEP_SLIDE_FROM = -100;
@@ -33,18 +33,18 @@ const SUCCESS_RESET_DELAY_MS = 3000;
 /** Maps each feedback type to a Bloom theme role + MaterialCommunityIcons glyph. */
 const TYPE_ICON_GLYPH = {
-  bug: 'bug',
-  feature: 'lightbulb-on',
-  general: 'chat',
-  support: 'help-circle'
+  bug: "bug",
+  feature: "lightbulb-on",
+  general: "chat",
+  support: "help-circle"
 };
 /** Maps each priority level to a MaterialCommunityIcons glyph. */
 const PRIORITY_ICON_GLYPH = {
-  low: 'arrow-down',
-  medium: 'minus',
-  high: 'arrow-up',
-  critical: 'alert'
+  low: "arrow-down",
+  medium: "minus",
+  high: "arrow-up",
+  critical: "alert"
 };
 const FeedbackScreen = ({
   goBack,
@@ -62,7 +62,7 @@ const FeedbackScreen = ({
     t
   } = (0, _useI18n.useI18n)();
   (0, _useSurfaceHeader.useSurfaceHeader)({
-    title: t('feedback.title') || 'Feedback'
+    title: t("feedback.title") || "Feedback"
   });
   const {
     feedbackData,
@@ -72,20 +72,20 @@ const FeedbackScreen = ({
     resetForm
   } = (0, _useFeedbackForm.useFeedbackForm)();
   const [currentStep, setCurrentStep] = (0, _react.useState)(0);
-  const [, setErrorMessage] = (0, _react.useState)('');
+  const [, 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;
   /** Theme-role color for each feedback type pill. */
   const typeColor = (0, _react.useCallback)(id => {
     switch (id) {
-      case 'bug':
+      case "bug":
         return colors.negative;
-      case 'feature':
+      case "feature":
         return colors.info;
-      case 'general':
+      case "general":
         return colors.success;
-      case 'support':
+      case "support":
         return colors.warning;
       default:
         return colors.primary;
@@ -95,13 +95,13 @@ const FeedbackScreen = ({
   /** Theme-role color for each priority level. */
   const priorityColor = (0, _react.useCallback)(id => {
     switch (id) {
-      case 'low':
+      case "low":
         return colors.success;
-      case 'medium':
+      case "medium":
         return colors.warning;
-      case 'high':
+      case "high":
         return colors.negative;
-      case 'critical':
+      case "critical":
         return colors.negative;
       default:
         return colors.primary;
@@ -111,18 +111,18 @@ const FeedbackScreen = ({
     _reactNative.Animated.timing(fadeAnim, {
       toValue: 0,
       duration: STEP_FADE_OUT_MS,
-      useNativeDriver: _reactNative.Platform.OS !== 'web'
+      useNativeDriver: _reactNative.Platform.OS !== "web"
     }).start(() => {
       setCurrentStep(nextStep);
       slideAnim.setValue(STEP_SLIDE_FROM);
       _reactNative.Animated.parallel([_reactNative.Animated.timing(fadeAnim, {
         toValue: 1,
         duration: STEP_FADE_IN_MS,
-        useNativeDriver: _reactNative.Platform.OS !== 'web'
+        useNativeDriver: _reactNative.Platform.OS !== "web"
       }), _reactNative.Animated.timing(slideAnim, {
         toValue: 0,
         duration: STEP_SLIDE_IN_MS,
-        useNativeDriver: _reactNative.Platform.OS !== 'web'
+        useNativeDriver: _reactNative.Platform.OS !== "web"
       })]).start();
     });
   }, [fadeAnim, slideAnim]);
@@ -147,15 +147,15 @@ const FeedbackScreen = ({
   }, [feedbackData.contactEmail, user?.email]);
   const handleSubmitFeedback = (0, _react.useCallback)(async () => {
     if (!isTypeStepValid() || !isDetailsStepValid() || !isContactStepValid()) {
-      _bloom.toast.error(t('feedback.toasts.fillRequired') || 'Please fill in all required fields');
+      _bloom.toast.error(t("feedback.toasts.fillRequired") || "Please fill in all required fields");
       return;
     }
     try {
       setFeedbackState({
-        status: 'submitting',
-        message: ''
+        status: "submitting",
+        message: ""
       });
-      setErrorMessage('');
+      setErrorMessage("");
       const feedbackPayload = {
         type: feedbackData.type,
         title: feedbackData.title,
@@ -165,7 +165,7 @@ const FeedbackScreen = ({
         contactEmail: feedbackData.contactEmail || user?.email,
         systemInfo: feedbackData.systemInfo ? {
           platform: _reactNative.Platform.OS,
-          version: _reactNative.Platform.Version?.toString() || 'Unknown',
+          version: _reactNative.Platform.Version?.toString() || "Unknown",
           appVersion: _core.packageInfo.version,
           userId: user?.id,
           username: user?.username,
@@ -174,18 +174,18 @@ const FeedbackScreen = ({
       };
       await oxyServices.submitFeedback(feedbackPayload);
       setFeedbackState({
-        status: 'success',
-        message: t('feedback.toasts.submitSuccess') || 'Feedback submitted successfully!'
+        status: "success",
+        message: t("feedback.toasts.submitSuccess") || "Feedback submitted successfully!"
       });
-      _bloom.toast.success(t('feedback.toasts.thanks') || 'Thank you for your feedback!');
+      _bloom.toast.success(t("feedback.toasts.thanks") || "Thank you for your feedback!");
       setTimeout(() => {
         resetForm();
         setCurrentStep(0);
       }, SUCCESS_RESET_DELAY_MS);
     } catch (error) {
-      const message = (error instanceof Error ? error.message : null) || t('feedback.toasts.submitFailed') || 'Failed to submit feedback';
+      const message = (error instanceof Error ? error.message : null) || t("feedback.toasts.submitFailed") || "Failed to submit feedback";
       setFeedbackState({
-        status: 'error',
+        status: "error",
         message
       });
       _bloom.toast.error(message);
@@ -210,7 +210,7 @@ const FeedbackScreen = ({
     children: Array.from({
       length: TOTAL_STEPS
     }, (_, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      className: currentStep === index ? 'h-space-8 rounded-radius-max bg-fill-brand' : 'h-space-8 rounded-radius-max bg-fill-secondary',
+      className: currentStep === index ? "h-space-8 rounded-radius-max bg-fill-brand" : "h-space-8 rounded-radius-max bg-fill-secondary",
       style: currentStep === index ? styles.progressDotActive : styles.progressDot
     }, index))
   });
@@ -231,7 +231,7 @@ const FeedbackScreen = ({
         translateX: slideAnim
       }]
     }],
-    children: [renderStepHeader(t('feedback.type.title') || 'What type of feedback?', t('feedback.type.subtitle') || 'Choose the category that best describes your feedback'), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    children: [renderStepHeader(t("feedback.type.title") || "What type of feedback?", t("feedback.type.subtitle") || "Choose the category that best describes your feedback"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       className: "w-full",
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListGroup, {
         children: feedbackTypeData.map(type => /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
@@ -242,8 +242,8 @@ const FeedbackScreen = ({
           title: type.label,
           description: type.description,
           onPress: () => {
-            updateField('type', type.id);
-            updateField('category', '');
+            updateField("type", type.id);
+            updateField("category", "");
           },
           showChevron: false
         }, type.id))
@@ -252,17 +252,17 @@ const FeedbackScreen = ({
       className: "w-full mt-space-24",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
         className: "text-caption font-caption text-text-secondary mb-space-8",
-        children: t('feedback.category.label') || 'Category'
+        children: t("feedback.category.label") || "Category"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         className: "w-full",
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListGroup, {
           children: categoryData.map(cat => /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
             icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
-              name: cat.isSelected ? 'check-circle' : 'circle-outline',
+              name: cat.isSelected ? "check-circle" : "circle-outline",
               color: cat.isSelected ? colors.primary : colors.textSecondary
             }),
             title: cat.name,
-            onPress: () => updateField('category', cat.name),
+            onPress: () => updateField("category", cat.name),
             showChevron: false
           }, cat.name))
         })
@@ -273,26 +273,26 @@ const FeedbackScreen = ({
         variant: "secondary",
         onPress: goBack,
         accessibilityLabel: "Go back",
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
           name: "arrow-back",
           size: 16,
           color: colors.text
         }),
         style: styles.navButton,
-        children: t('common.actions.back') || 'Back'
+        children: t("common.actions.back") || "Back"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
         variant: "primary",
         onPress: nextStep,
         disabled: !isTypeStepValid(),
         accessibilityLabel: "Continue to next step",
         iconPosition: "right",
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
           name: "arrow-forward",
           size: 16,
           color: colors.primaryForeground
         }),
         style: styles.navButton,
-        children: t('common.actions.next') || 'Next'
+        children: t("common.actions.next") || "Next"
       })]
     })]
   });
@@ -303,18 +303,18 @@ const FeedbackScreen = ({
         translateX: slideAnim
       }]
     }],
-    children: [renderStepHeader(t('feedback.details.title') || 'Tell us more', t('feedback.details.subtitle') || 'Provide details about your feedback'), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    children: [renderStepHeader(t("feedback.details.title") || "Tell us more", t("feedback.details.subtitle") || "Provide details about your feedback"), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
       className: "w-full gap-space-16",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_textField.TextField, {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_textField.TextFieldInput, {
           floatingLabel: true,
-          label: t('feedback.fields.title.label') || 'Title',
+          label: t("feedback.fields.title.label") || "Title",
           value: feedbackData.title,
           onChangeText: text => {
-            updateField('title', text);
-            setErrorMessage('');
+            updateField("title", text);
+            setErrorMessage("");
           },
-          placeholder: t('feedback.fields.title.placeholder') || 'Brief summary of your feedback',
+          placeholder: t("feedback.fields.title.placeholder") || "Brief summary of your feedback",
           testID: "feedback-title-input",
           accessibilityLabel: "Feedback title",
           accessibilityHint: "Enter a brief summary of your feedback"
@@ -324,13 +324,13 @@ const FeedbackScreen = ({
           floatingLabel: true,
           multiline: true,
           numberOfLines: 6,
-          label: t('feedback.fields.description.label') || 'Description',
+          label: t("feedback.fields.description.label") || "Description",
           value: feedbackData.description,
           onChangeText: text => {
-            updateField('description', text);
-            setErrorMessage('');
+            updateField("description", text);
+            setErrorMessage("");
           },
-          placeholder: t('feedback.fields.description.placeholder') || 'Please provide detailed information...',
+          placeholder: t("feedback.fields.description.placeholder") || "Please provide detailed information...",
           testID: "feedback-description-input",
           accessibilityLabel: "Feedback description",
           accessibilityHint: "Provide detailed information about your feedback"
@@ -340,7 +340,7 @@ const FeedbackScreen = ({
       className: "w-full mt-space-24",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
         className: "text-caption font-caption text-text-secondary mb-space-8",
-        children: t('feedback.priority.label') || 'Priority Level'
+        children: t("feedback.priority.label") || "Priority Level"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         className: "w-full",
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListGroup, {
@@ -350,7 +350,7 @@ const FeedbackScreen = ({
               color: priorityColor(p.id)
             }),
             title: p.label,
-            onPress: () => updateField('priority', p.id),
+            onPress: () => updateField("priority", p.id),
             showChevron: false
           }, p.id))
         })
@@ -361,26 +361,26 @@ const FeedbackScreen = ({
         variant: "secondary",
         onPress: prevStep,
         accessibilityLabel: "Go back",
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
           name: "arrow-back",
           size: 16,
           color: colors.text
         }),
         style: styles.navButton,
-        children: t('common.actions.back') || 'Back'
+        children: t("common.actions.back") || "Back"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
         variant: "primary",
         onPress: nextStep,
         disabled: !isDetailsStepValid(),
         accessibilityLabel: "Continue to next step",
         iconPosition: "right",
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
           name: "arrow-forward",
           size: 16,
           color: colors.primaryForeground
         }),
         style: styles.navButton,
-        children: t('common.actions.next') || 'Next'
+        children: t("common.actions.next") || "Next"
       })]
     })]
   });
@@ -391,18 +391,18 @@ const FeedbackScreen = ({
         translateX: slideAnim
       }]
     }],
-    children: [renderStepHeader(t('feedback.contact.title') || 'Contact Information', t('feedback.contact.subtitle') || 'Help us get back to you'), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    children: [renderStepHeader(t("feedback.contact.title") || "Contact Information", t("feedback.contact.subtitle") || "Help us get back to you"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       className: "w-full",
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_textField.TextField, {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_textField.TextFieldInput, {
           floatingLabel: true,
-          label: t('feedback.fields.email.label') || 'Email Address',
+          label: t("feedback.fields.email.label") || "Email Address",
           value: feedbackData.contactEmail,
           onChangeText: text => {
-            updateField('contactEmail', text);
-            setErrorMessage('');
+            updateField("contactEmail", text);
+            setErrorMessage("");
           },
-          placeholder: user?.email || t('feedback.fields.email.placeholder') || 'Enter your email address',
+          placeholder: user?.email || t("feedback.fields.email.placeholder") || "Enter your email address",
           keyboardType: "email-address",
           autoCapitalize: "none",
           autoCorrect: false,
@@ -419,10 +419,10 @@ const FeedbackScreen = ({
             name: "information",
             color: colors.info
           }),
-          title: t('feedback.contact.includeSystemInfo') || 'Include system information to help us better understand your issue',
+          title: t("feedback.contact.includeSystemInfo") || "Include system information to help us better understand your issue",
           rightElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_switch.Switch, {
             value: feedbackData.systemInfo,
-            onValueChange: value => updateField('systemInfo', value),
+            onValueChange: value => updateField("systemInfo", value),
             testID: "feedback-system-info-switch"
           }),
           showChevron: false
@@ -434,26 +434,26 @@ const FeedbackScreen = ({
         variant: "secondary",
         onPress: prevStep,
         accessibilityLabel: "Go back",
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
           name: "arrow-back",
           size: 16,
           color: colors.text
         }),
         style: styles.navButton,
-        children: t('common.actions.back') || 'Back'
+        children: t("common.actions.back") || "Back"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
         variant: "primary",
         onPress: nextStep,
         disabled: !isContactStepValid(),
         accessibilityLabel: "Continue to summary",
         iconPosition: "right",
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
           name: "arrow-forward",
           size: 16,
           color: colors.primaryForeground
         }),
         style: styles.navButton,
-        children: t('common.actions.next') || 'Next'
+        children: t("common.actions.next") || "Next"
       })]
     })]
   });
@@ -475,37 +475,37 @@ const FeedbackScreen = ({
         translateX: slideAnim
       }]
     }],
-    children: [renderStepHeader(t('feedback.summary.title') || 'Summary', t('feedback.summary.subtitle') || 'Please review your feedback before submitting'), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    children: [renderStepHeader(t("feedback.summary.title") || "Summary", t("feedback.summary.subtitle") || "Please review your feedback before submitting"), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
       className: "w-full gap-space-12 p-space-16 rounded-radius-20 bg-fill mb-space-24",
-      children: [renderSummaryRow(t('feedback.summary.type') || 'Type:', _constants.FEEDBACK_TYPES.find(ft => ft.id === feedbackData.type)?.label), renderSummaryRow(t('feedback.summary.category') || 'Category:', feedbackData.category), renderSummaryRow(t('feedback.summary.priority') || 'Priority:', _constants.PRIORITY_LEVELS.find(p => p.id === feedbackData.priority)?.label), renderSummaryRow(t('feedback.summary.titleField') || 'Title:', feedbackData.title), renderSummaryRow(t('feedback.summary.contact') || 'Contact:', feedbackData.contactEmail || user?.email)]
+      children: [renderSummaryRow(t("feedback.summary.type") || "Type:", _constants.FEEDBACK_TYPES.find(ft => ft.id === feedbackData.type)?.label), renderSummaryRow(t("feedback.summary.category") || "Category:", feedbackData.category), renderSummaryRow(t("feedback.summary.priority") || "Priority:", _constants.PRIORITY_LEVELS.find(p => p.id === feedbackData.priority)?.label), renderSummaryRow(t("feedback.summary.titleField") || "Title:", feedbackData.title), renderSummaryRow(t("feedback.summary.contact") || "Contact:", feedbackData.contactEmail || user?.email)]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
       variant: "primary",
       onPress: handleSubmitFeedback,
-      disabled: feedbackState.status === 'submitting',
-      loading: feedbackState.status === 'submitting',
+      disabled: feedbackState.status === "submitting",
+      loading: feedbackState.status === "submitting",
       testID: "submit-feedback-button",
       accessibilityLabel: "Submit feedback",
       iconPosition: "right",
-      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
         name: "send",
         size: 18,
         color: colors.primaryForeground
       }),
       style: styles.fullWidthButton,
-      children: t('feedback.actions.submit') || 'Submit Feedback'
+      children: t("feedback.actions.submit") || "Submit Feedback"
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       className: "flex-row mt-space-16 w-full",
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
         variant: "secondary",
         onPress: prevStep,
         accessibilityLabel: "Go back",
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
           name: "arrow-back",
           size: 16,
           color: colors.text
         }),
         style: styles.navButton,
-        children: t('common.actions.back') || 'Back'
+        children: t("common.actions.back") || "Back"
       })
     })]
   });
@@ -520,17 +520,17 @@ const FeedbackScreen = ({
       className: "w-full items-center justify-center p-space-32 gap-space-16",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         className: "p-space-24 rounded-radius-max bg-fill-secondary",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
           name: "checkmark-circle",
           size: 48,
           color: colors.success
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.H2, {
         className: "text-headerBold font-headerBold text-text text-center",
-        children: t('feedback.success.thanks') || 'Thank You!'
+        children: t("feedback.success.thanks") || "Thank You!"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
         className: "text-body font-body text-text-secondary text-center",
-        children: t('feedback.success.message') || "Your feedback has been submitted successfully. We'll review it and get back to you soon."
+        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)(_button.Button, {
         variant: "primary",
         onPress: () => {
@@ -539,12 +539,12 @@ const FeedbackScreen = ({
         },
         accessibilityLabel: "Submit another feedback",
         style: styles.fullWidthButton,
-        children: t('feedback.actions.submitAnother') || 'Submit Another'
+        children: t("feedback.actions.submitAnother") || "Submit Another"
       })]
     })
   });
   const renderCurrentStep = () => {
-    if (feedbackState.status === 'success') return renderSuccessStep();
+    if (feedbackState.status === "success") return renderSuccessStep();
     switch (currentStep) {
       case 0:
         return renderTypeStep();
@@ -561,20 +561,20 @@ const FeedbackScreen = ({
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
       className: "px-screen-margin pt-space-24 pb-space-32",
-      children: [feedbackState.status !== 'success' ? renderProgress() : null, renderCurrentStep()]
+      children: [feedbackState.status !== "success" ? renderProgress() : null, renderCurrentStep()]
     })
   });
 };
 const styles = _reactNative.StyleSheet.create({
   stepContainer: {
     flex: 1,
-    alignItems: 'flex-start'
+    alignItems: "flex-start"
   },
   navButton: {
     flex: 1
   },
   fullWidthButton: {
-    width: '100%'
+    width: "100%"
   },
   summaryLabel: {
     width: 90