Skip to content

Commit a930b08

Browse files
ahmedAlaaInstabugahmedAlaaInstabug
committed
Merge branch 'feat/add-more-BG-scenarios' into feat/update-sample-app
# Conflicts: # examples/default/src/components/ListTile.tsx # examples/default/src/screens/BugReportingScreen.tsx
2 parents 0570d70 + f84ec58 commit a930b08

File tree

2 files changed

+291
-8
lines changed

2 files changed

+291
-8
lines changed

‎examples/default/src/components/ListTile.tsx

Lines changed: 7 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -8,16 +8,15 @@ interface ListTileProps extends PropsWithChildren {
88
onPress?: () => void;
99
testID?: string;
1010
truncateSubtitle?: boolean;
11+
testID?: string;
1112
}
1213

13-
export const ListTile: React.FC<ListTileProps> = ({
14-
title,
15-
subtitle,
16-
onPress,
17-
children,
18-
testID,
19-
truncateSubtitle = false,
20-
}) => {
14+
export const ListTile: React.FC<ListTileProps> = ({ title,
15+
subtitle,
16+
onPress,
17+
children,
18+
testID,
19+
truncateSubtitle = false, }) => {
2120
return (
2221
<Pressable
2322
onPress={onPress}

‎examples/default/src/screens/BugReportingScreen.tsx

Lines changed: 284 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,284 @@
1+
import React, { type Dispatch, type SetStateAction, useState } from 'react';
2+
3+
import Instabug, {
4+
BugReporting,
5+
InvocationOption,
6+
ReportType,
7+
ExtendedBugReportMode,
8+
WelcomeMessageMode,
9+
InvocationEvent,
10+
} from 'instabug-reactnative';
11+
12+
import { ListTile } from '../components/ListTile';
13+
import { Screen } from '../components/Screen';
14+
import { useToast, Checkbox, Box, Text, VStack, Button, ScrollView, HStack } from 'native-base';
15+
import { Section } from '../components/Section';
16+
import { InputField } from '../components/InputField';
17+
18+
export const BugReportingScreen: React.FC = () => {
19+
const toast = useToast();
20+
const [reportTypes, setReportTypes] = useState<string[]>([]);
21+
const [invocationOptions, setInvocationOptions] = useState<string[]>([]);
22+
23+
const [disclaimerText, setDisclaimerText] = useState<string>('');
24+
25+
const toggleCheckbox = (value: string, setData: Dispatch<SetStateAction<string[]>>) => {
26+
setData((prev) =>
27+
prev.includes(value) ? prev.filter((item) => item !== value) : [...prev, value],
28+
);
29+
};
30+
31+
const handleSetReportTypesButtonPress = () => {
32+
const selectedEnums: ReportType[] = reportTypes.map((val) => {
33+
switch (val) {
34+
case 'bug':
35+
return ReportType.bug;
36+
case 'feedback':
37+
return ReportType.feedback;
38+
case 'question':
39+
return ReportType.question;
40+
default:
41+
throw new Error('Invalid report type selected');
42+
}
43+
});
44+
BugReporting.setReportTypes(selectedEnums);
45+
};
46+
const handleSetInvocationOptionsButtonPress = () => {
47+
const selectedEnums: InvocationEvent[] = invocationOptions.map((val) => {
48+
switch (val) {
49+
case 'floatingButton':
50+
return InvocationEvent.floatingButton;
51+
case 'twoFingersSwipe':
52+
return InvocationEvent.twoFingersSwipe;
53+
case 'screenshot':
54+
return InvocationEvent.screenshot;
55+
case 'shake':
56+
return InvocationEvent.shake;
57+
58+
default:
59+
throw new Error('Invalid report type selected');
60+
}
61+
});
62+
BugReporting.setInvocationEvents(selectedEnums);
63+
};
64+
65+
const handleSetDisclamirTextPress = () => {
66+
BugReporting.setDisclaimerText(disclaimerText);
67+
setDisclaimerText('');
68+
};
69+
70+
return (
71+
<ScrollView flex={1} bg="gray.100">
72+
<Screen>
73+
<ListTile title="Show" onPress={() => Instabug.show()} />
74+
75+
<ListTile
76+
title="Enable"
77+
onPress={() => BugReporting.setEnabled(true)}
78+
testID="id_br_enable"
79+
/>
80+
<ListTile
81+
title="Disabled"
82+
onPress={() => BugReporting.setEnabled(false)}
83+
testID="id_br_disable"
84+
/>
85+
86+
<ListTile title="Send Bug Report" onPress={() => BugReporting.show(ReportType.bug, [])} />
87+
<ListTile
88+
title="Send Feedback"
89+
onPress={() =>
90+
BugReporting.show(ReportType.feedback, [InvocationOption.emailFieldHidden])
91+
}
92+
/>
93+
<ListTile
94+
title="Ask a Question"
95+
onPress={() => BugReporting.show(ReportType.question, [])}
96+
/>
97+
<ListTile
98+
title="Enable extended bug report with required fields"
99+
onPress={() =>
100+
BugReporting.setExtendedBugReportMode(ExtendedBugReportMode.enabledWithRequiredFields)
101+
}
102+
/>
103+
<ListTile
104+
title="Enable extended bug report with optional fields"
105+
onPress={() =>
106+
BugReporting.setExtendedBugReportMode(ExtendedBugReportMode.enabledWithOptionalFields)
107+
}
108+
/>
109+
<ListTile
110+
title="Disable session profiler"
111+
onPress={() => Instabug.setSessionProfilerEnabled(true)}
112+
/>
113+
<ListTile
114+
title="Welcome message Beta"
115+
onPress={() => Instabug.showWelcomeMessage(WelcomeMessageMode.beta)}
116+
/>
117+
<ListTile
118+
title="Welcome message Live"
119+
onPress={() => Instabug.showWelcomeMessage(WelcomeMessageMode.live)}
120+
/>
121+
122+
<Box justifyContent="center" alignItems="center" p={4} bg="coolGray.100" marginY={2}>
123+
<Text fontSize="md" mb={4} bold alignSelf="start" textAlign="start">
124+
Bug Reporting Types
125+
</Text>
126+
127+
<VStack space={2} w="90%">
128+
<HStack space={6} justifyContent="center">
129+
<Checkbox
130+
isChecked={reportTypes.includes('bug')}
131+
onChange={() => toggleCheckbox('bug', setReportTypes)}
132+
value="bug"
133+
accessible={true}
134+
testID="id_br_report_type_bug"
135+
size="md">
136+
Bug
137+
</Checkbox>
138+
139+
<Checkbox
140+
isChecked={reportTypes.includes('feedback')}
141+
onChange={() => toggleCheckbox('feedback', setReportTypes)}
142+
value="feedback"
143+
testID="id_br_report_type_feedback"
144+
size="md">
145+
Feedback
146+
</Checkbox>
147+
148+
<Checkbox
149+
isChecked={reportTypes.includes('question')}
150+
onChange={() => toggleCheckbox('question', setReportTypes)}
151+
value="question"
152+
testID="id_br_report_type_question"
153+
size="md">
154+
Question
155+
</Checkbox>
156+
</HStack>
157+
158+
<Button
159+
onPress={handleSetReportTypesButtonPress}
160+
mt={4}
161+
colorScheme="primary"
162+
accessible={true}
163+
testID="id_br_report_type_btn">
164+
Set Bug Reporting Types
165+
</Button>
166+
</VStack>
167+
</Box>
168+
169+
<Box justifyContent="center" alignItems="center" p={4} bg="coolGray.100" marginY={2}>
170+
<Text fontSize="md" mb={4} bold alignSelf="start" textAlign="start">
171+
Set the disclaimer text
172+
</Text>
173+
174+
<VStack space={2} w="90%">
175+
<InputField
176+
placeholder="disclaimer text"
177+
onChangeText={setDisclaimerText}
178+
testID="id_br_disclaimer_input"
179+
value={disclaimerText}
180+
/>
181+
182+
<Button
183+
onPress={handleSetDisclamirTextPress}
184+
mt={4}
185+
colorScheme="primary"
186+
testID="id_br_disclaimer_btn"
187+
accessible={true}>
188+
Set Disclaimer text
189+
</Button>
190+
</VStack>
191+
</Box>
192+
193+
<Box justifyContent="center" alignItems="center" p={4} bg="coolGray.100" marginY={2}>
194+
<Text fontSize="md" mb={4} bold alignSelf="start" textAlign="start">
195+
Invocation Events
196+
</Text>
197+
198+
<VStack space={2} w="90%">
199+
<HStack space={6} justifyContent="center">
200+
<Checkbox
201+
isChecked={invocationOptions.includes('floatingButton')}
202+
onChange={() => toggleCheckbox('floatingButton', setInvocationOptions)}
203+
value="floatingButton"
204+
testID="id_br_invoicetion_options_floatingButton"
205+
accessible={true}
206+
size="md">
207+
Floating button
208+
</Checkbox>
209+
210+
<Checkbox
211+
isChecked={invocationOptions.includes('twoFingersSwipe')}
212+
onChange={() => toggleCheckbox('twoFingersSwipe', setInvocationOptions)}
213+
value="twoFingersSwipe"
214+
testID="id_br_invoicetion_options_twoFingersSwipe"
215+
accessible={true}
216+
size="md">
217+
Two Fingers Swipe
218+
</Checkbox>
219+
</HStack>
220+
<HStack space={6} justifyContent="center">
221+
<Checkbox
222+
isChecked={invocationOptions.includes('screenshot')}
223+
onChange={() => toggleCheckbox('screenshot', setInvocationOptions)}
224+
value="screenshot"
225+
testID="id_br_invoicetion_options_screenshot"
226+
accessible={true}
227+
size="md">
228+
Screenshot
229+
</Checkbox>
230+
<Checkbox
231+
isChecked={invocationOptions.includes('shake')}
232+
onChange={() => toggleCheckbox('shake', setInvocationOptions)}
233+
testID="id_br_invoicetion_options_shake"
234+
accessible={true}
235+
value="shake"
236+
size="md">
237+
Shake
238+
</Checkbox>
239+
</HStack>
240+
241+
<Button
242+
onPress={handleSetInvocationOptionsButtonPress}
243+
mt={4}
244+
colorScheme="primary"
245+
testID="id_br_invoicetion_options_btn"
246+
accessible={true}>
247+
Set Invocation Events
248+
</Button>
249+
</VStack>
250+
</Box>
251+
252+
<Section title="Handlers">
253+
<ListTile
254+
title="On invocation add tag"
255+
onPress={() =>
256+
BugReporting.onInvokeHandler(function () {
257+
Instabug.appendTags(['Invocation Handler tag1']);
258+
})
259+
}
260+
/>
261+
<ListTile
262+
title="On submission show toast message"
263+
testID="id_br_submission_show_toast_btn"
264+
onPress={() =>
265+
Instabug.onReportSubmitHandler(() => {
266+
toast.show({
267+
description: 'Submission succeeded',
268+
});
269+
})
270+
}
271+
/>
272+
<ListTile
273+
title="On dismissing turn floating to red"
274+
onPress={() =>
275+
BugReporting.onSDKDismissedHandler(function () {
276+
Instabug.setPrimaryColor('#FF0000');
277+
})
278+
}
279+
/>
280+
</Section>
281+
</Screen>
282+
</ScrollView>
283+
);
284+
};

0 commit comments

Comments
 (0)