@originallyus/feedback-rn-sdk 4.0.0-beta.2 → 4.0.0-beta.4

package/lib/typescript/AIAFeedback.d.ts

@@ -1,4 +1,4 @@
-import { type InitOptions } from '@/utils/constants';
+import { type InitOptions } from "./utils/constants";
 export interface AIAFeedbackProps extends InitOptions {
     onClose?: () => void;
     onSubmit?: (res: any) => void;

package/lib/typescript/AIAFeedback.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AIAFeedback.d.ts","sourceRoot":"","sources":["../../src/AIAFeedback.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAC,KAAK,WAAW,EAAW,MAAM,mBAAmB,CAAA;AAG5D,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACpD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;CAC7B;AAED,MAAM,WAAW,cAAc;IAC9B,IAAI,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,eAAe,CAAC,EAAE;QAAC,UAAU,CAAC,EAAE,OAAO,CAAC;QAAC,WAAW,CAAC,EAAE,GAAG,CAAA;KAAC,KAAK,IAAI,CAAA;IAC1F,IAAI,EAAE,MAAM,IAAI,CAAA;CAChB;AAED,QAAA,MAAM,WAAW,0HAqUf,CAAA;AAEF,eAAe,WAAW,CAAA"}
+{"version":3,"file":"AIAFeedback.d.ts","sourceRoot":"","sources":["../../src/AIAFeedback.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAC,KAAK,WAAW,EAAW,0BAAyB;AAG5D,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACpD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;CAC7B;AAED,MAAM,WAAW,cAAc;IAC9B,IAAI,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,eAAe,CAAC,EAAE;QAAC,UAAU,CAAC,EAAE,OAAO,CAAC;QAAC,WAAW,CAAC,EAAE,GAAG,CAAA;KAAC,KAAK,IAAI,CAAA;IAC1F,IAAI,EAAE,MAAM,IAAI,CAAA;CAChB;AAED,QAAA,MAAM,WAAW,0HAqUf,CAAA;AAEF,eAAe,WAAW,CAAA"}

package/lib/typescript/index.d.ts

@@ -1,19 +1,19 @@
-export { Button } from '@component/Button';
-export type { ButtonProps } from '@component/Button';
-export { default as RatingNumber } from '@component/RatingNumber';
-export type { RatingNumberProps, RatingNumberSize } from '@component/RatingNumber';
-export { default as Rating } from '@component/Rating';
-export type { RatingProps } from '@component/Rating';
-export { default as Textarea } from '@component/Textarea';
-export type { TextareaProps } from '@component/Textarea';
-export { default as Input } from '@component/Input';
-export type { InputProps } from '@component/Input';
-export { default as ButtonSubmit } from '@component/ButtonSubmit';
-export type { ButtonSubmitProps, ButtonSubmitVariant } from '@component/ButtonSubmit';
-export { default as YesNoButtons } from '@component/YesNoButtons';
-export type { YesNoButtonsProps, YesNoValue, YesNoSelectedVariant } from '@component/YesNoButtons';
-export { default as MultiSelectButtons } from '@component/MultiSelectButtons';
-export type { MultiSelectButtonsProps, MultiSelectOption, MultiSelectSelectedVariant, } from '@component/MultiSelectButtons';
+export { Button } from "./component/Button";
+export type { ButtonProps } from "./component/Button";
+export { default as RatingNumber } from "./component/RatingNumber";
+export type { RatingNumberProps, RatingNumberSize } from "./component/RatingNumber";
+export { default as Rating } from "./component/Rating";
+export type { RatingProps } from "./component/Rating";
+export { default as Textarea } from "./component/Textarea";
+export type { TextareaProps } from "./component/Textarea";
+export { default as Input } from "./component/Input";
+export type { InputProps } from "./component/Input";
+export { default as ButtonSubmit } from "./component/ButtonSubmit";
+export type { ButtonSubmitProps, ButtonSubmitVariant } from "./component/ButtonSubmit";
+export { default as YesNoButtons } from "./component/YesNoButtons";
+export type { YesNoButtonsProps, YesNoValue, YesNoSelectedVariant } from "./component/YesNoButtons";
+export { default as MultiSelectButtons } from "./component/MultiSelectButtons";
+export type { MultiSelectButtonsProps, MultiSelectOption, MultiSelectSelectedVariant, } from "./component/MultiSelectButtons";
 export { default as AIAFeedback } from './AIAFeedback';
 export type { AIAFeedbackProps, AIAFeedbackRef } from './AIAFeedback';
 export { default as AIAContentUsefulness } from './AIAContentUsefulness';

package/lib/typescript/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,mBAAmB,CAAA;AACxC,YAAY,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAA;AAElD,OAAO,EAAC,OAAO,IAAI,YAAY,EAAC,MAAM,yBAAyB,CAAA;AAC/D,YAAY,EAAC,iBAAiB,EAAE,gBAAgB,EAAC,MAAM,yBAAyB,CAAA;AAEhF,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,mBAAmB,CAAA;AACnD,YAAY,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAA;AAElD,OAAO,EAAC,OAAO,IAAI,QAAQ,EAAC,MAAM,qBAAqB,CAAA;AACvD,YAAY,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAA;AAEtD,OAAO,EAAC,OAAO,IAAI,KAAK,EAAC,MAAM,kBAAkB,CAAA;AACjD,YAAY,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAA;AAEhD,OAAO,EAAC,OAAO,IAAI,YAAY,EAAC,MAAM,yBAAyB,CAAA;AAC/D,YAAY,EAAC,iBAAiB,EAAE,mBAAmB,EAAC,MAAM,yBAAyB,CAAA;AAEnF,OAAO,EAAC,OAAO,IAAI,YAAY,EAAC,MAAM,yBAAyB,CAAA;AAC/D,YAAY,EAAC,iBAAiB,EAAE,UAAU,EAAE,oBAAoB,EAAC,MAAM,yBAAyB,CAAA;AAEhG,OAAO,EAAC,OAAO,IAAI,kBAAkB,EAAC,MAAM,+BAA+B,CAAA;AAC3E,YAAY,EACX,uBAAuB,EACvB,iBAAiB,EACjB,0BAA0B,GAC1B,MAAM,+BAA+B,CAAA;AAEtC,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,eAAe,CAAA;AACpD,YAAY,EAAC,gBAAgB,EAAE,cAAc,EAAC,MAAM,eAAe,CAAA;AAEnE,OAAO,EAAC,OAAO,IAAI,oBAAoB,EAAC,MAAM,wBAAwB,CAAA;AACtE,YAAY,EAAC,yBAAyB,EAAC,MAAM,wBAAwB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,2BAAyB;AACxC,YAAY,EAAC,WAAW,EAAC,2BAAyB;AAElD,OAAO,EAAC,OAAO,IAAI,YAAY,EAAC,iCAA+B;AAC/D,YAAY,EAAC,iBAAiB,EAAE,gBAAgB,EAAC,iCAA+B;AAEhF,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,2BAAyB;AACnD,YAAY,EAAC,WAAW,EAAC,2BAAyB;AAElD,OAAO,EAAC,OAAO,IAAI,QAAQ,EAAC,6BAA2B;AACvD,YAAY,EAAC,aAAa,EAAC,6BAA2B;AAEtD,OAAO,EAAC,OAAO,IAAI,KAAK,EAAC,0BAAwB;AACjD,YAAY,EAAC,UAAU,EAAC,0BAAwB;AAEhD,OAAO,EAAC,OAAO,IAAI,YAAY,EAAC,iCAA+B;AAC/D,YAAY,EAAC,iBAAiB,EAAE,mBAAmB,EAAC,iCAA+B;AAEnF,OAAO,EAAC,OAAO,IAAI,YAAY,EAAC,iCAA+B;AAC/D,YAAY,EAAC,iBAAiB,EAAE,UAAU,EAAE,oBAAoB,EAAC,iCAA+B;AAEhG,OAAO,EAAC,OAAO,IAAI,kBAAkB,EAAC,uCAAqC;AAC3E,YAAY,EACX,uBAAuB,EACvB,iBAAiB,EACjB,0BAA0B,GAC1B,uCAAqC;AAEtC,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,eAAe,CAAA;AACpD,YAAY,EAAC,gBAAgB,EAAE,cAAc,EAAC,MAAM,eAAe,CAAA;AAEnE,OAAO,EAAC,OAAO,IAAI,oBAAoB,EAAC,MAAM,wBAAwB,CAAA;AACtE,YAAY,EAAC,yBAAyB,EAAC,MAAM,wBAAwB,CAAA"}

package/lib/typescript/service/feedbackService.d.ts

@@ -1,4 +1,4 @@
-import { type InitOptions } from '@/utils/constants';
+import { type InitOptions } from "../utils/constants";
 export interface SubmitFormData {
     slug: string;
     debug: boolean;

package/lib/typescript/service/feedbackService.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feedbackService.d.ts","sourceRoot":"","sources":["../../../src/service/feedbackService.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,WAAW,EAAC,MAAM,mBAAmB,CAAA;AAElD,MAAM,WAAW,cAAc;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,OAAO,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,GAAG,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,MAAM,CAAA;IACd,gBAAgB,EAAE,MAAM,CAAA;IACxB,SAAS,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,mBAAmB;IACnC,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,OAAO,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,GAAG,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,WAAW;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,GAAG,CAAA;CACjB;AAED,KAAK,YAAY,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,KAAK,OAAO,CAAA;AAIpE,eAAO,MAAM,eAAe;uBACR,YAAY;qBAQd,MAAM,YAAY,WAAW,KAAG,OAAO;2BAQjC,WAAW,YAAY,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI;2BAexC,cAAc,WAAW,WAAW,KAAG,OAAO,CAAC,GAAG,CAAC;qCAsBzC,mBAAmB,WAAW,WAAW,KAAG,OAAO,CAAC,GAAG,CAAC;CAqB/F,CAAA"}
+{"version":3,"file":"feedbackService.d.ts","sourceRoot":"","sources":["../../../src/service/feedbackService.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,WAAW,EAAC,2BAAyB;AAElD,MAAM,WAAW,cAAc;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,OAAO,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,GAAG,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,MAAM,CAAA;IACd,gBAAgB,EAAE,MAAM,CAAA;IACxB,SAAS,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,mBAAmB;IACnC,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,OAAO,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,GAAG,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,WAAW;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,GAAG,CAAA;CACjB;AAED,KAAK,YAAY,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,KAAK,OAAO,CAAA;AAIpE,eAAO,MAAM,eAAe;uBACR,YAAY;qBAQd,MAAM,YAAY,WAAW,KAAG,OAAO;2BAQjC,WAAW,YAAY,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI;2BAexC,cAAc,WAAW,WAAW,KAAG,OAAO,CAAC,GAAG,CAAC;qCAsBzC,mBAAmB,WAAW,WAAW,KAAG,OAAO,CAAC,GAAG,CAAC;CAqB/F,CAAA"}

package/lib/typescript/utils/networking.d.ts

@@ -1,5 +1,5 @@
-import '@/utils';
-import { type InitOptions } from '@/utils/constants';
+import "./";
+import { type InitOptions } from "./constants";
 export interface CustomFetchParams {
     _shouldRetry: boolean;
     _url: string;

package/lib/typescript/utils/networking.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"networking.d.ts","sourceRoot":"","sources":["../../../src/utils/networking.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAW,KAAK,WAAW,EAAC,MAAM,mBAAmB,CAAA;AAG5D,MAAM,WAAW,iBAAiB;IACjC,YAAY,EAAE,OAAO,CAAA;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,GAAG,CAAA;IACV,SAAS,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAA;IAClC,OAAO,CAAC,EAAE,WAAW,CAAA;CACrB;AAID,QAAA,MAAM,WAAW,GAAU,mDAAiD,iBAAiB,8BAoH5F,CAAA;AAED,OAAO,EAAC,WAAW,EAAC,CAAA"}
+{"version":3,"file":"networking.d.ts","sourceRoot":"","sources":["../../../src/utils/networking.ts"],"names":[],"mappings":"AACA,YAAgB;AAChB,OAAO,EAAW,KAAK,WAAW,EAAC,oBAAyB;AAG5D,MAAM,WAAW,iBAAiB;IACjC,YAAY,EAAE,OAAO,CAAA;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,GAAG,CAAA;IACV,SAAS,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAA;IAClC,OAAO,CAAC,EAAE,WAAW,CAAA;CACrB;AAID,QAAA,MAAM,WAAW,GAAU,mDAAiD,iBAAiB,8BAoH5F,CAAA;AAED,OAAO,EAAC,WAAW,EAAC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@originallyus/feedback-rn-sdk",
-	"version": "4.0.0-beta.2",
+	"version": "4.0.0-beta.4",
 	"description": "A cross-platform Feedback component for React Native.",
 	"main": "./lib/module/index.js",
 	"types": "./lib/typescript/index.d.ts",
@@ -13,7 +13,6 @@
 		"./package.json": "./package.json"
 	},
 	"files": [
-		"src",
 		"lib",
 		"android",
 		"ios",
@@ -34,6 +33,7 @@
 	"scripts": {
 		"example": "yarn workspace @originallyus/feedback-rn-sdk-example start",
 		"clean": "del-cli lib",
+		"postinstall": "ts-patch install",
 		"prepare": "bob build",
 		"typecheck": "tsc",
 		"lint": "eslint \"**/*.{js,ts,tsx}\"",
@@ -92,7 +92,9 @@
 		"react-native-svg": "^15.15.3",
 		"react-test-renderer": "19.1.0",
 		"release-it": "^19.0.4",
-		"typescript": "^5.9.2"
+		"ts-patch": "^3.3.0",
+		"typescript": "^5.9.2",
+		"typescript-transform-paths": "^3.5.6"
 	},
 	"peerDependencies": {
 		"expo-haptics": "*",

package/src/AIAContentUsefulness.tsx

@@ -1,296 +0,0 @@
-import React, {useState, useEffect, useCallback} from 'react'
-import {View, Text, StyleSheet, ActivityIndicator, type StyleProp, type ViewStyle} from 'react-native'
-import {feedbackService} from '@service/feedbackService'
-import type {SubmitSelectionData, SubmitFormData} from '@service/feedbackService'
-import type {InitOptions} from './utils/constants'
-import {PRIMARY_COLOR, TEXT_DARK, BORDER_DEFAULT} from './utils/constants'
-import YesNoButtons from './component/YesNoButtons'
-import Rating from './component/Rating'
-import MultiSelectButtons from './component/MultiSelectButtons'
-import Textarea from './component/Textarea'
-import ButtonSubmit from './component/ButtonSubmit'
-
-export interface AIAContentUsefulnessProps {
-	slug: string
-	options: InitOptions
-	style?: StyleProp<ViewStyle>
-	initialVisible?: boolean
-	onSuccess?: (response: any) => void
-	onError?: (error: Error) => void
-}
-
-type Step = 'PROMPT' | 'LOADING' | 'FORM' | 'SUCCESS'
-
-const AIAContentUsefulness: React.FC<AIAContentUsefulnessProps> = ({
-	slug,
-	options,
-	style,
-	initialVisible = false,
-	onSuccess,
-	onError,
-}) => {
-	const [visible, setVisible] = useState(initialVisible)
-	const [step, setStep] = useState<Step>('PROMPT')
-	const [formData, setFormData] = useState<any>(null)
-	const [loading, setLoading] = useState(true)
-	const [submitting, setSubmitting] = useState(false)
-	const [containerWidth, setContainerWidth] = useState(0)
-
-	// Form values
-	const [rating, setRating] = useState(0)
-	const [selectedOptions, setSelectedOptions] = useState<string[]>([])
-	const [freeText, setFreeText] = useState('')
-
-	const loadForm = useCallback(() => {
-		setLoading(true)
-		feedbackService.requestForm({...options, formSlug: slug}, res => {
-			setLoading(false)
-			if (res && !res.error) {
-				setFormData(res)
-			} else {
-				onError?.(new Error(res?.error || 'Failed to load form'))
-			}
-		})
-	}, [slug, options, onError])
-
-	useEffect(() => {
-		if (visible) {
-			loadForm()
-		}
-	}, [visible, loadForm])
-
-	useEffect(() => {
-		const unsubscribe = feedbackService.onShow((triggerSlug, showOptions) => {
-			if (triggerSlug === slug && !showOptions?.forceModal) {
-				setVisible(true)
-				return true // Handled
-			}
-			return false
-		})
-		return unsubscribe
-	}, [slug])
-
-	const onPromptSelect = async (value: 'yes' | 'no') => {
-		setStep('LOADING')
-		try {
-			const selectionData: SubmitSelectionData = {
-				slug,
-				debug: options.debug || false,
-				event_tag: options.eventTag || '',
-				metadata: options.metadata || {},
-				rating: value === 'yes' ? 2 : 1,
-				request_id: formData?.id || '',
-			}
-			const res = await feedbackService.submitSelection(selectionData, options)
-			if (res && !res.error) {
-				// Hide itself and trigger modal for the rest of the flow
-				setVisible(false)
-				feedbackService.emitShow(slug, {forceModal: true, initialData: res})
-			} else {
-				setStep('PROMPT')
-				onError?.(new Error(res?.error || 'Failed to submit selection'))
-			}
-		} catch (err) {
-			setStep('PROMPT')
-			onError?.(err as Error)
-		}
-	}
-
-	const onSubmitDetails = async () => {
-		setSubmitting(true)
-		try {
-			const submitData: SubmitFormData = {
-				slug: formData.slug || slug,
-				debug: options.debug || false,
-				event_tag: options.eventTag || '',
-				metadata: options.metadata || {},
-				request_id: formData.id || '',
-				rating: rating,
-				selected_options: selectedOptions.join(','),
-				free_text: freeText,
-			}
-			const res = await feedbackService.submitForm(submitData, options)
-			if (res && !res.error) {
-				setStep('SUCCESS')
-				onSuccess?.(res)
-			} else {
-				onError?.(new Error(res?.error || 'Failed to submit feedback'))
-			}
-		} catch (err) {
-			onError?.(err as Error)
-		} finally {
-			setSubmitting(false)
-		}
-	}
-
-	const getThemeColor = (key: string, fallback: string) => {
-		return formData?.theme?.[key] || fallback
-	}
-
-	const textAlign = formData?.alignment === 'left' ? 'left' : 'center'
-	const align: any = formData?.alignment === 'left' ? 'flex-start' : 'center'
-
-	if (!visible) return null
-
-	if (loading) {
-		return (
-			<View style={[styles.container, style, styles.center]}>
-				<ActivityIndicator color={PRIMARY_COLOR} />
-			</View>
-		)
-	}
-
-	if (!formData) return null
-
-	const renderPrompt = () => (
-		<YesNoButtons
-			question={formData.question}
-			value={null}
-			yesLabel={formData.positive_feedback_button || 'Yes'}
-			noLabel={formData.negative_feedback_button || 'No'}
-			onSelect={onPromptSelect}
-			appWidth={containerWidth || 300}
-			selectedVariant="secondary"
-			questionStyle={{color: getThemeColor('question_color', TEXT_DARK), textAlign}}
-		/>
-	)
-
-	const renderForm = () => (
-		<View style={{alignItems: align}}>
-			<Text style={[styles.title, {color: getThemeColor('title_color', TEXT_DARK), textAlign}]}>
-				{formData.title}
-			</Text>
-			{formData.question && (
-				<Text style={[styles.question, {color: getThemeColor('question_color', TEXT_DARK), textAlign}]}>
-					{formData.question}
-				</Text>
-			)}
-
-			{formData.show_rating_star === 1 && (
-				<View style={styles.mv16}>
-					<Rating
-						value={rating}
-						onRate={setRating}
-						selectedStarColor={getThemeColor('selected_star_color', PRIMARY_COLOR)}
-					/>
-				</View>
-			)}
-
-			{formData.options && formData.options.length > 0 && (
-				<MultiSelectButtons
-					question={formData.instruction || ''}
-					options={formData.options.map((o: any) => ({
-						label: o.text || o.title || '',
-						value: o.value || o.slug || '',
-					}))}
-					value={selectedOptions}
-					onSelect={setSelectedOptions}
-					appWidth={containerWidth || 300}
-					style={styles.mv16}
-				/>
-			)}
-
-			{(formData.type === 'comment' || formData.show_comment) && (
-				<Textarea
-					value={freeText}
-					onChangeText={setFreeText}
-					placeholder={formData.comment_placeholder}
-					label={formData.secondary_question || 'Please specify'}
-					appWidth={containerWidth || 300}
-				/>
-			)}
-
-			<ButtonSubmit
-				title={formData.submit_button_text || 'Submit'}
-				onPress={onSubmitDetails}
-				loading={submitting}
-				appWidth={containerWidth || 300}
-				backgroundColor={getThemeColor('button_bg_color', PRIMARY_COLOR)}
-			/>
-		</View>
-	)
-
-	const renderSuccess = () => (
-		<View style={styles.center}>
-			<Text style={[styles.successTitle, {textAlign}]}>{formData.success_title || 'Submitted'}</Text>
-			{formData.success_message && (
-				<Text style={[styles.successMsg, {textAlign}]}>{formData.success_message}</Text>
-			)}
-		</View>
-	)
-
-	if (!visible) return null
-
-	return (
-		<View
-			style={[styles.container, style]}
-			onLayout={event => {
-				const {width} = event.nativeEvent.layout
-				setContainerWidth(width)
-			}}
-		>
-			<View style={styles.expandedContent}>
-				{loading ? (
-					<View style={styles.center}>
-						<ActivityIndicator color={PRIMARY_COLOR} />
-					</View>
-				) : !formData ? null : (
-					<>
-						{step === 'PROMPT' && renderPrompt()}
-						{step === 'LOADING' && (
-							<View style={styles.center}>
-								<ActivityIndicator color={PRIMARY_COLOR} />
-							</View>
-						)}
-						{step === 'FORM' && renderForm()}
-						{step === 'SUCCESS' && renderSuccess()}
-					</>
-				)}
-			</View>
-		</View>
-	)
-}
-
-const styles = StyleSheet.create({
-	container: {
-		padding: 16,
-		backgroundColor: '#FFF',
-		borderRadius: 8,
-		borderWidth: 1,
-		borderColor: BORDER_DEFAULT,
-		marginVertical: 10,
-	},
-	expandedContent: {
-		marginTop: 0,
-	},
-	center: {
-		padding: 20,
-		alignItems: 'center',
-		justifyContent: 'center',
-	},
-	title: {
-		fontSize: 18,
-		fontWeight: '700',
-		marginBottom: 8,
-	},
-	question: {
-		fontSize: 14,
-		marginBottom: 16,
-	},
-	successTitle: {
-		fontSize: 18,
-		fontWeight: '700',
-		color: PRIMARY_COLOR,
-	},
-	successMsg: {
-		fontSize: 14,
-		marginTop: 8,
-		color: TEXT_DARK,
-	},
-	mv16: {
-		marginVertical: 16,
-		width: '100%',
-	},
-})
-
-export default AIAContentUsefulness