@availity/feedback 0.0.0-t325224b2 → 1.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.
- package/CHANGELOG.md +2005 -0
- package/README.md +13 -64
- package/index.d.ts +3 -6
- package/index.js +3 -6
- package/jest.config.js +7 -0
- package/package.json +40 -25
- package/project.json +39 -0
- package/src/Feedback.d.ts +25 -0
- package/src/Feedback.js +107 -0
- package/{FeedbackButton.d.ts → src/FeedbackButton.d.ts} +1 -1
- package/src/FeedbackButton.js +33 -0
- package/{Feedback.d.ts → src/FeedbackDropdown.d.ts} +2 -2
- package/src/FeedbackDropdown.js +69 -0
- package/src/FeedbackForm.d.ts +31 -0
- package/src/FeedbackForm.js +306 -0
- package/src/FeedbackModal.d.ts +9 -0
- package/src/FeedbackModal.js +49 -0
- package/src/SmileField.js +76 -0
- package/src/SupportDropdown.js +37 -0
- package/src/SupportForm.js +149 -0
- package/src/SupportModal.js +40 -0
- package/tsconfig.json +5 -0
- package/tsconfig.spec.json +10 -0
- package/Feedback.js +0 -48
- package/FeedbackButton.js +0 -36
- package/FeedbackForm.d.ts +0 -21
- package/FeedbackForm.js +0 -137
- package/LICENSE +0 -20
- package/tests/Feedback.test.js +0 -59
- package/tests/FeedbackForm.test.js +0 -99
- package/tests/__snapshots__/Feedback.test.js.snap +0 -610
- package/tests/__snapshots__/FeedbackForm.test.js.snap +0 -435
|
@@ -1,610 +0,0 @@
|
|
|
1
|
-
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
-
|
|
3
|
-
exports[`Feedback should render 1`] = `
|
|
4
|
-
<div>
|
|
5
|
-
<div
|
|
6
|
-
class=" hidden-print dropdown"
|
|
7
|
-
>
|
|
8
|
-
<button
|
|
9
|
-
aria-expanded="false"
|
|
10
|
-
aria-haspopup="true"
|
|
11
|
-
class="btn btn-light"
|
|
12
|
-
type="button"
|
|
13
|
-
>
|
|
14
|
-
Give Feedback
|
|
15
|
-
</button>
|
|
16
|
-
<div
|
|
17
|
-
aria-hidden="true"
|
|
18
|
-
class="p-3 dropdown-menu dropdown-menu-right"
|
|
19
|
-
role="menu"
|
|
20
|
-
style="width: 400px;"
|
|
21
|
-
tabindex="-1"
|
|
22
|
-
>
|
|
23
|
-
<div
|
|
24
|
-
class="text-center"
|
|
25
|
-
>
|
|
26
|
-
<p>
|
|
27
|
-
Tell us what you think about Payer Space.
|
|
28
|
-
</p>
|
|
29
|
-
<div
|
|
30
|
-
class="btn-group"
|
|
31
|
-
role="group"
|
|
32
|
-
>
|
|
33
|
-
<button
|
|
34
|
-
class="btn btn-light"
|
|
35
|
-
style="font-size: 1.4em; padding: .2em .4em;"
|
|
36
|
-
type="button"
|
|
37
|
-
>
|
|
38
|
-
<span
|
|
39
|
-
class="icon icon-smile"
|
|
40
|
-
/>
|
|
41
|
-
<span
|
|
42
|
-
class="sr-only"
|
|
43
|
-
>
|
|
44
|
-
Smiley face
|
|
45
|
-
</span>
|
|
46
|
-
</button>
|
|
47
|
-
<button
|
|
48
|
-
class="btn btn-light"
|
|
49
|
-
style="font-size: 1.4em; padding: .2em .4em;"
|
|
50
|
-
type="button"
|
|
51
|
-
>
|
|
52
|
-
<span
|
|
53
|
-
class="icon icon-meh"
|
|
54
|
-
/>
|
|
55
|
-
<span
|
|
56
|
-
class="sr-only"
|
|
57
|
-
>
|
|
58
|
-
Meh face
|
|
59
|
-
</span>
|
|
60
|
-
</button>
|
|
61
|
-
<button
|
|
62
|
-
class="btn btn-light"
|
|
63
|
-
style="font-size: 1.4em; padding: .2em .4em;"
|
|
64
|
-
type="button"
|
|
65
|
-
>
|
|
66
|
-
<span
|
|
67
|
-
class="icon icon-frown"
|
|
68
|
-
/>
|
|
69
|
-
<span
|
|
70
|
-
class="sr-only"
|
|
71
|
-
>
|
|
72
|
-
Frowny face
|
|
73
|
-
</span>
|
|
74
|
-
</button>
|
|
75
|
-
</div>
|
|
76
|
-
<div
|
|
77
|
-
class="invalid-feedback"
|
|
78
|
-
>
|
|
79
|
-
Please select one of the faces above
|
|
80
|
-
</div>
|
|
81
|
-
<textarea
|
|
82
|
-
aria-label="Please provide any feedback, requests, and/or defects."
|
|
83
|
-
class="mt-3 form-control"
|
|
84
|
-
placeholder="Feedback? Requests? Defects? (optional)"
|
|
85
|
-
/>
|
|
86
|
-
<div
|
|
87
|
-
class="mt-3 text-right"
|
|
88
|
-
>
|
|
89
|
-
<button
|
|
90
|
-
class="btn btn-primary"
|
|
91
|
-
type="button"
|
|
92
|
-
>
|
|
93
|
-
Send
|
|
94
|
-
</button>
|
|
95
|
-
</div>
|
|
96
|
-
</div>
|
|
97
|
-
</div>
|
|
98
|
-
</div>
|
|
99
|
-
</div>
|
|
100
|
-
`;
|
|
101
|
-
|
|
102
|
-
exports[`Feedback should render custom button color 1`] = `
|
|
103
|
-
<div>
|
|
104
|
-
<div
|
|
105
|
-
class=" hidden-print dropdown"
|
|
106
|
-
>
|
|
107
|
-
<button
|
|
108
|
-
aria-expanded="false"
|
|
109
|
-
aria-haspopup="true"
|
|
110
|
-
class="btn btn-success"
|
|
111
|
-
type="button"
|
|
112
|
-
>
|
|
113
|
-
Give Feedback
|
|
114
|
-
</button>
|
|
115
|
-
<div
|
|
116
|
-
aria-hidden="true"
|
|
117
|
-
class="p-3 dropdown-menu dropdown-menu-right"
|
|
118
|
-
role="menu"
|
|
119
|
-
style="width: 400px;"
|
|
120
|
-
tabindex="-1"
|
|
121
|
-
>
|
|
122
|
-
<div
|
|
123
|
-
class="text-center"
|
|
124
|
-
>
|
|
125
|
-
<p>
|
|
126
|
-
Tell us what you think about Payer Space.
|
|
127
|
-
</p>
|
|
128
|
-
<div
|
|
129
|
-
class="btn-group"
|
|
130
|
-
role="group"
|
|
131
|
-
>
|
|
132
|
-
<button
|
|
133
|
-
class="btn btn-light"
|
|
134
|
-
style="font-size: 1.4em; padding: .2em .4em;"
|
|
135
|
-
type="button"
|
|
136
|
-
>
|
|
137
|
-
<span
|
|
138
|
-
class="icon icon-smile"
|
|
139
|
-
/>
|
|
140
|
-
<span
|
|
141
|
-
class="sr-only"
|
|
142
|
-
>
|
|
143
|
-
Smiley face
|
|
144
|
-
</span>
|
|
145
|
-
</button>
|
|
146
|
-
<button
|
|
147
|
-
class="btn btn-light"
|
|
148
|
-
style="font-size: 1.4em; padding: .2em .4em;"
|
|
149
|
-
type="button"
|
|
150
|
-
>
|
|
151
|
-
<span
|
|
152
|
-
class="icon icon-meh"
|
|
153
|
-
/>
|
|
154
|
-
<span
|
|
155
|
-
class="sr-only"
|
|
156
|
-
>
|
|
157
|
-
Meh face
|
|
158
|
-
</span>
|
|
159
|
-
</button>
|
|
160
|
-
<button
|
|
161
|
-
class="btn btn-light"
|
|
162
|
-
style="font-size: 1.4em; padding: .2em .4em;"
|
|
163
|
-
type="button"
|
|
164
|
-
>
|
|
165
|
-
<span
|
|
166
|
-
class="icon icon-frown"
|
|
167
|
-
/>
|
|
168
|
-
<span
|
|
169
|
-
class="sr-only"
|
|
170
|
-
>
|
|
171
|
-
Frowny face
|
|
172
|
-
</span>
|
|
173
|
-
</button>
|
|
174
|
-
</div>
|
|
175
|
-
<div
|
|
176
|
-
class="invalid-feedback"
|
|
177
|
-
>
|
|
178
|
-
Please select one of the faces above
|
|
179
|
-
</div>
|
|
180
|
-
<textarea
|
|
181
|
-
aria-label="Please provide any feedback, requests, and/or defects."
|
|
182
|
-
class="mt-3 form-control"
|
|
183
|
-
placeholder="Feedback? Requests? Defects? (optional)"
|
|
184
|
-
/>
|
|
185
|
-
<div
|
|
186
|
-
class="mt-3 text-right"
|
|
187
|
-
>
|
|
188
|
-
<button
|
|
189
|
-
class="btn btn-primary"
|
|
190
|
-
type="button"
|
|
191
|
-
>
|
|
192
|
-
Send
|
|
193
|
-
</button>
|
|
194
|
-
</div>
|
|
195
|
-
</div>
|
|
196
|
-
</div>
|
|
197
|
-
</div>
|
|
198
|
-
</div>
|
|
199
|
-
`;
|
|
200
|
-
|
|
201
|
-
exports[`Feedback should render custom button text 1`] = `
|
|
202
|
-
<div>
|
|
203
|
-
<div
|
|
204
|
-
class=" hidden-print dropdown"
|
|
205
|
-
>
|
|
206
|
-
<button
|
|
207
|
-
aria-expanded="false"
|
|
208
|
-
aria-haspopup="true"
|
|
209
|
-
class="btn btn-light"
|
|
210
|
-
type="button"
|
|
211
|
-
>
|
|
212
|
-
Provide Valuable Feedback
|
|
213
|
-
</button>
|
|
214
|
-
<div
|
|
215
|
-
aria-hidden="true"
|
|
216
|
-
class="p-3 dropdown-menu dropdown-menu-right"
|
|
217
|
-
role="menu"
|
|
218
|
-
style="width: 400px;"
|
|
219
|
-
tabindex="-1"
|
|
220
|
-
>
|
|
221
|
-
<div
|
|
222
|
-
class="text-center"
|
|
223
|
-
>
|
|
224
|
-
<p>
|
|
225
|
-
Tell us what you think about Payer Space.
|
|
226
|
-
</p>
|
|
227
|
-
<div
|
|
228
|
-
class="btn-group"
|
|
229
|
-
role="group"
|
|
230
|
-
>
|
|
231
|
-
<button
|
|
232
|
-
class="btn btn-light"
|
|
233
|
-
style="font-size: 1.4em; padding: .2em .4em;"
|
|
234
|
-
type="button"
|
|
235
|
-
>
|
|
236
|
-
<span
|
|
237
|
-
class="icon icon-smile"
|
|
238
|
-
/>
|
|
239
|
-
<span
|
|
240
|
-
class="sr-only"
|
|
241
|
-
>
|
|
242
|
-
Smiley face
|
|
243
|
-
</span>
|
|
244
|
-
</button>
|
|
245
|
-
<button
|
|
246
|
-
class="btn btn-light"
|
|
247
|
-
style="font-size: 1.4em; padding: .2em .4em;"
|
|
248
|
-
type="button"
|
|
249
|
-
>
|
|
250
|
-
<span
|
|
251
|
-
class="icon icon-meh"
|
|
252
|
-
/>
|
|
253
|
-
<span
|
|
254
|
-
class="sr-only"
|
|
255
|
-
>
|
|
256
|
-
Meh face
|
|
257
|
-
</span>
|
|
258
|
-
</button>
|
|
259
|
-
<button
|
|
260
|
-
class="btn btn-light"
|
|
261
|
-
style="font-size: 1.4em; padding: .2em .4em;"
|
|
262
|
-
type="button"
|
|
263
|
-
>
|
|
264
|
-
<span
|
|
265
|
-
class="icon icon-frown"
|
|
266
|
-
/>
|
|
267
|
-
<span
|
|
268
|
-
class="sr-only"
|
|
269
|
-
>
|
|
270
|
-
Frowny face
|
|
271
|
-
</span>
|
|
272
|
-
</button>
|
|
273
|
-
</div>
|
|
274
|
-
<div
|
|
275
|
-
class="invalid-feedback"
|
|
276
|
-
>
|
|
277
|
-
Please select one of the faces above
|
|
278
|
-
</div>
|
|
279
|
-
<textarea
|
|
280
|
-
aria-label="Please provide any feedback, requests, and/or defects."
|
|
281
|
-
class="mt-3 form-control"
|
|
282
|
-
placeholder="Feedback? Requests? Defects? (optional)"
|
|
283
|
-
/>
|
|
284
|
-
<div
|
|
285
|
-
class="mt-3 text-right"
|
|
286
|
-
>
|
|
287
|
-
<button
|
|
288
|
-
class="btn btn-primary"
|
|
289
|
-
type="button"
|
|
290
|
-
>
|
|
291
|
-
Send
|
|
292
|
-
</button>
|
|
293
|
-
</div>
|
|
294
|
-
</div>
|
|
295
|
-
</div>
|
|
296
|
-
</div>
|
|
297
|
-
</div>
|
|
298
|
-
`;
|
|
299
|
-
|
|
300
|
-
exports[`Feedback should render custom className 1`] = `
|
|
301
|
-
<div>
|
|
302
|
-
<div
|
|
303
|
-
class="junk and-stuff hidden-print dropdown"
|
|
304
|
-
>
|
|
305
|
-
<button
|
|
306
|
-
aria-expanded="false"
|
|
307
|
-
aria-haspopup="true"
|
|
308
|
-
class="btn btn-light"
|
|
309
|
-
type="button"
|
|
310
|
-
>
|
|
311
|
-
Give Feedback
|
|
312
|
-
</button>
|
|
313
|
-
<div
|
|
314
|
-
aria-hidden="true"
|
|
315
|
-
class="p-3 dropdown-menu dropdown-menu-right"
|
|
316
|
-
role="menu"
|
|
317
|
-
style="width: 400px;"
|
|
318
|
-
tabindex="-1"
|
|
319
|
-
>
|
|
320
|
-
<div
|
|
321
|
-
class="text-center"
|
|
322
|
-
>
|
|
323
|
-
<p>
|
|
324
|
-
Tell us what you think about Payer Space.
|
|
325
|
-
</p>
|
|
326
|
-
<div
|
|
327
|
-
class="btn-group"
|
|
328
|
-
role="group"
|
|
329
|
-
>
|
|
330
|
-
<button
|
|
331
|
-
class="btn btn-light"
|
|
332
|
-
style="font-size: 1.4em; padding: .2em .4em;"
|
|
333
|
-
type="button"
|
|
334
|
-
>
|
|
335
|
-
<span
|
|
336
|
-
class="icon icon-smile"
|
|
337
|
-
/>
|
|
338
|
-
<span
|
|
339
|
-
class="sr-only"
|
|
340
|
-
>
|
|
341
|
-
Smiley face
|
|
342
|
-
</span>
|
|
343
|
-
</button>
|
|
344
|
-
<button
|
|
345
|
-
class="btn btn-light"
|
|
346
|
-
style="font-size: 1.4em; padding: .2em .4em;"
|
|
347
|
-
type="button"
|
|
348
|
-
>
|
|
349
|
-
<span
|
|
350
|
-
class="icon icon-meh"
|
|
351
|
-
/>
|
|
352
|
-
<span
|
|
353
|
-
class="sr-only"
|
|
354
|
-
>
|
|
355
|
-
Meh face
|
|
356
|
-
</span>
|
|
357
|
-
</button>
|
|
358
|
-
<button
|
|
359
|
-
class="btn btn-light"
|
|
360
|
-
style="font-size: 1.4em; padding: .2em .4em;"
|
|
361
|
-
type="button"
|
|
362
|
-
>
|
|
363
|
-
<span
|
|
364
|
-
class="icon icon-frown"
|
|
365
|
-
/>
|
|
366
|
-
<span
|
|
367
|
-
class="sr-only"
|
|
368
|
-
>
|
|
369
|
-
Frowny face
|
|
370
|
-
</span>
|
|
371
|
-
</button>
|
|
372
|
-
</div>
|
|
373
|
-
<div
|
|
374
|
-
class="invalid-feedback"
|
|
375
|
-
>
|
|
376
|
-
Please select one of the faces above
|
|
377
|
-
</div>
|
|
378
|
-
<textarea
|
|
379
|
-
aria-label="Please provide any feedback, requests, and/or defects."
|
|
380
|
-
class="mt-3 form-control"
|
|
381
|
-
placeholder="Feedback? Requests? Defects? (optional)"
|
|
382
|
-
/>
|
|
383
|
-
<div
|
|
384
|
-
class="mt-3 text-right"
|
|
385
|
-
>
|
|
386
|
-
<button
|
|
387
|
-
class="btn btn-primary"
|
|
388
|
-
type="button"
|
|
389
|
-
>
|
|
390
|
-
Send
|
|
391
|
-
</button>
|
|
392
|
-
</div>
|
|
393
|
-
</div>
|
|
394
|
-
</div>
|
|
395
|
-
</div>
|
|
396
|
-
</div>
|
|
397
|
-
`;
|
|
398
|
-
|
|
399
|
-
exports[`Feedback should render custom form props 1`] = `
|
|
400
|
-
<div>
|
|
401
|
-
<div
|
|
402
|
-
class=" hidden-print dropdown"
|
|
403
|
-
>
|
|
404
|
-
<button
|
|
405
|
-
aria-expanded="false"
|
|
406
|
-
aria-haspopup="true"
|
|
407
|
-
class="btn btn-light"
|
|
408
|
-
type="button"
|
|
409
|
-
>
|
|
410
|
-
Give Feedback
|
|
411
|
-
</button>
|
|
412
|
-
<div
|
|
413
|
-
aria-hidden="true"
|
|
414
|
-
class="p-3 dropdown-menu dropdown-menu-right"
|
|
415
|
-
role="menu"
|
|
416
|
-
style="width: 400px;"
|
|
417
|
-
tabindex="-1"
|
|
418
|
-
>
|
|
419
|
-
<div
|
|
420
|
-
class="text-center"
|
|
421
|
-
>
|
|
422
|
-
<p>
|
|
423
|
-
Tell us what you think about Payer Space.
|
|
424
|
-
</p>
|
|
425
|
-
<div
|
|
426
|
-
class="btn-group"
|
|
427
|
-
role="group"
|
|
428
|
-
>
|
|
429
|
-
<button
|
|
430
|
-
class="btn btn-light"
|
|
431
|
-
style="font-size: 1.4em; padding: .2em .4em;"
|
|
432
|
-
type="button"
|
|
433
|
-
>
|
|
434
|
-
<span
|
|
435
|
-
class="icon icon-smile"
|
|
436
|
-
/>
|
|
437
|
-
<span
|
|
438
|
-
class="sr-only"
|
|
439
|
-
>
|
|
440
|
-
Smiley face
|
|
441
|
-
</span>
|
|
442
|
-
</button>
|
|
443
|
-
<button
|
|
444
|
-
class="btn btn-light"
|
|
445
|
-
style="font-size: 1.4em; padding: .2em .4em;"
|
|
446
|
-
type="button"
|
|
447
|
-
>
|
|
448
|
-
<span
|
|
449
|
-
class="icon icon-meh"
|
|
450
|
-
/>
|
|
451
|
-
<span
|
|
452
|
-
class="sr-only"
|
|
453
|
-
>
|
|
454
|
-
Meh face
|
|
455
|
-
</span>
|
|
456
|
-
</button>
|
|
457
|
-
<button
|
|
458
|
-
class="btn btn-light"
|
|
459
|
-
style="font-size: 1.4em; padding: .2em .4em;"
|
|
460
|
-
type="button"
|
|
461
|
-
>
|
|
462
|
-
<span
|
|
463
|
-
class="icon icon-frown"
|
|
464
|
-
/>
|
|
465
|
-
<span
|
|
466
|
-
class="sr-only"
|
|
467
|
-
>
|
|
468
|
-
Frowny face
|
|
469
|
-
</span>
|
|
470
|
-
</button>
|
|
471
|
-
</div>
|
|
472
|
-
<div
|
|
473
|
-
class="invalid-feedback"
|
|
474
|
-
>
|
|
475
|
-
Please select one of the faces above
|
|
476
|
-
</div>
|
|
477
|
-
<select
|
|
478
|
-
class="custom-select"
|
|
479
|
-
type="select"
|
|
480
|
-
>
|
|
481
|
-
<option
|
|
482
|
-
value="payerSpace"
|
|
483
|
-
>
|
|
484
|
-
Payer Space
|
|
485
|
-
</option>
|
|
486
|
-
<option
|
|
487
|
-
value="wholeSite"
|
|
488
|
-
>
|
|
489
|
-
Whole Site
|
|
490
|
-
</option>
|
|
491
|
-
</select>
|
|
492
|
-
<textarea
|
|
493
|
-
aria-label="Please provide any feedback, requests, and/or defects."
|
|
494
|
-
class="mt-3 form-control"
|
|
495
|
-
placeholder="Feedback? Requests? Defects? (optional)"
|
|
496
|
-
/>
|
|
497
|
-
<div
|
|
498
|
-
class="mt-3 text-right"
|
|
499
|
-
>
|
|
500
|
-
<button
|
|
501
|
-
class="btn btn-primary"
|
|
502
|
-
type="button"
|
|
503
|
-
>
|
|
504
|
-
Send
|
|
505
|
-
</button>
|
|
506
|
-
</div>
|
|
507
|
-
</div>
|
|
508
|
-
</div>
|
|
509
|
-
</div>
|
|
510
|
-
</div>
|
|
511
|
-
`;
|
|
512
|
-
|
|
513
|
-
exports[`Feedback should render custom prompt text 1`] = `
|
|
514
|
-
<div>
|
|
515
|
-
<div
|
|
516
|
-
class=" hidden-print dropdown"
|
|
517
|
-
>
|
|
518
|
-
<button
|
|
519
|
-
aria-expanded="false"
|
|
520
|
-
aria-haspopup="true"
|
|
521
|
-
class="btn btn-light"
|
|
522
|
-
type="button"
|
|
523
|
-
>
|
|
524
|
-
Give Feedback
|
|
525
|
-
</button>
|
|
526
|
-
<div
|
|
527
|
-
aria-hidden="true"
|
|
528
|
-
class="p-3 dropdown-menu dropdown-menu-right"
|
|
529
|
-
role="menu"
|
|
530
|
-
style="width: 400px;"
|
|
531
|
-
tabindex="-1"
|
|
532
|
-
>
|
|
533
|
-
<div
|
|
534
|
-
class="text-center"
|
|
535
|
-
>
|
|
536
|
-
<p>
|
|
537
|
-
Provide same feedback
|
|
538
|
-
</p>
|
|
539
|
-
<div
|
|
540
|
-
class="btn-group"
|
|
541
|
-
role="group"
|
|
542
|
-
>
|
|
543
|
-
<button
|
|
544
|
-
class="btn btn-light"
|
|
545
|
-
style="font-size: 1.4em; padding: .2em .4em;"
|
|
546
|
-
type="button"
|
|
547
|
-
>
|
|
548
|
-
<span
|
|
549
|
-
class="icon icon-smile"
|
|
550
|
-
/>
|
|
551
|
-
<span
|
|
552
|
-
class="sr-only"
|
|
553
|
-
>
|
|
554
|
-
Smiley face
|
|
555
|
-
</span>
|
|
556
|
-
</button>
|
|
557
|
-
<button
|
|
558
|
-
class="btn btn-light"
|
|
559
|
-
style="font-size: 1.4em; padding: .2em .4em;"
|
|
560
|
-
type="button"
|
|
561
|
-
>
|
|
562
|
-
<span
|
|
563
|
-
class="icon icon-meh"
|
|
564
|
-
/>
|
|
565
|
-
<span
|
|
566
|
-
class="sr-only"
|
|
567
|
-
>
|
|
568
|
-
Meh face
|
|
569
|
-
</span>
|
|
570
|
-
</button>
|
|
571
|
-
<button
|
|
572
|
-
class="btn btn-light"
|
|
573
|
-
style="font-size: 1.4em; padding: .2em .4em;"
|
|
574
|
-
type="button"
|
|
575
|
-
>
|
|
576
|
-
<span
|
|
577
|
-
class="icon icon-frown"
|
|
578
|
-
/>
|
|
579
|
-
<span
|
|
580
|
-
class="sr-only"
|
|
581
|
-
>
|
|
582
|
-
Frowny face
|
|
583
|
-
</span>
|
|
584
|
-
</button>
|
|
585
|
-
</div>
|
|
586
|
-
<div
|
|
587
|
-
class="invalid-feedback"
|
|
588
|
-
>
|
|
589
|
-
Please select one of the faces above
|
|
590
|
-
</div>
|
|
591
|
-
<textarea
|
|
592
|
-
aria-label="Please provide any feedback, requests, and/or defects."
|
|
593
|
-
class="mt-3 form-control"
|
|
594
|
-
placeholder="Feedback? Requests? Defects? (optional)"
|
|
595
|
-
/>
|
|
596
|
-
<div
|
|
597
|
-
class="mt-3 text-right"
|
|
598
|
-
>
|
|
599
|
-
<button
|
|
600
|
-
class="btn btn-primary"
|
|
601
|
-
type="button"
|
|
602
|
-
>
|
|
603
|
-
Send
|
|
604
|
-
</button>
|
|
605
|
-
</div>
|
|
606
|
-
</div>
|
|
607
|
-
</div>
|
|
608
|
-
</div>
|
|
609
|
-
</div>
|
|
610
|
-
`;
|