Diff: STRATO-apps/wordpress_03/app/wp-content/plugins/aimogen-pro/scripts/aiomatic-realtime-chat.js
Keine Baseline-Datei – Diff nur gegen leer.
1
-
1
+
"use strict";
2
+
const { registerBlockType: customRegisterBlockTypex1 } = wp.blocks;
3
+
const mygcel13x = wp.element.createElement;
4
+
let editing_optionsxc = '';
5
+
if (Array.isArray(aiomatic_object.models)) {
6
+
aiomatic_object.models.forEach(element => {
7
+
editing_optionsxc += '<option value="' + element + '">' + element + '</option>';
8
+
});
9
+
} else if (typeof aiomatic_object.models === 'object' && aiomatic_object.models !== null)
10
+
{
11
+
Object.entries(aiomatic_object.models).forEach(([key, value]) => {
12
+
editing_optionsxc += '<option value="' + key + '">' + value + '</option>';
13
+
});
14
+
}
15
+
customRegisterBlockTypex1( 'aiomatic-automatic-ai-content-writer/aiomatic-realtime-chat', {
16
+
title: 'Aimogen Realtime Chat Form',
17
+
icon: 'text',
18
+
category: 'embed',
19
+
attributes: {
20
+
model : {
21
+
default: 'gpt-realtime',
22
+
type: 'string',
23
+
},
24
+
temperature : {
25
+
default: '1',
26
+
type: 'string',
27
+
},
28
+
voice : {
29
+
default: 'verse',
30
+
type: 'string',
31
+
},
32
+
max_tokens : {
33
+
default: '4096',
34
+
type: 'string',
35
+
},
36
+
instructions : {
37
+
default: '',
38
+
type: 'string',
39
+
},
40
+
autostart : {
41
+
default: '0',
42
+
type: 'string',
43
+
},
44
+
start_recording : {
45
+
default: 'Start Recording',
46
+
type: 'string',
47
+
},
48
+
stop_recording : {
49
+
default: 'Stop Recording',
50
+
type: 'string',
51
+
},
52
+
not_recording : {
53
+
default: 'Not Recording',
54
+
type: 'string',
55
+
},
56
+
recording : {
57
+
default: 'Recording...',
58
+
type: 'string',
59
+
},
60
+
record_button_color : {
61
+
default: '#007bff',
62
+
type: 'string',
63
+
},
64
+
record_text_color : {
65
+
default: '#ffffff',
66
+
type: 'string',
67
+
},
68
+
record_status_color : {
69
+
default: '#f8f9fa',
70
+
type: 'string',
71
+
},
72
+
record_status_text_color : {
73
+
default: '#333333',
74
+
type: 'string',
75
+
},
76
+
chat_container_color : {
77
+
default: '#e4e8ec',
78
+
type: 'string',
79
+
},
80
+
show_chat_log : {
81
+
default: 'show',
82
+
type: 'string',
83
+
},
84
+
show_user_log : {
85
+
default: 'show',
86
+
type: 'string',
87
+
},
88
+
chat_log_container_color : {
89
+
default: '#ffffff',
90
+
type: 'string',
91
+
},
92
+
ai_bubble_text_color : {
93
+
default: '#000000',
94
+
type: 'string',
95
+
},
96
+
ai_bubble_color : {
97
+
default: '#f5f5f5',
98
+
type: 'string',
99
+
},
100
+
user_bubble_text_color : {
101
+
default: '#ffffff',
102
+
type: 'string',
103
+
},
104
+
user_bubble_color : {
105
+
default: '#0084ff',
106
+
type: 'string',
107
+
},
108
+
user_token_cap_per_day : {
109
+
default: '',
110
+
type: 'string',
111
+
},
112
+
},
113
+
keywords: ['list', 'posts', 'aiomatic'],
114
+
edit: (function( props ) {
115
+
var model = props.attributes.model;
116
+
var temperature = props.attributes.temperature;
117
+
var voice = props.attributes.voice;
118
+
var max_tokens = props.attributes.max_tokens;
119
+
var instructions = props.attributes.instructions;
120
+
var autostart = props.attributes.autostart;
121
+
var start_recording = props.attributes.start_recording;
122
+
var stop_recording = props.attributes.stop_recording;
123
+
var not_recording = props.attributes.not_recording;
124
+
var recording = props.attributes.recording;
125
+
var record_button_color = props.attributes.record_button_color;
126
+
var record_text_color = props.attributes.record_text_color;
127
+
var record_status_color = props.attributes.record_status_color;
128
+
var record_status_text_color = props.attributes.record_status_text_color;
129
+
var chat_container_color = props.attributes.chat_container_color;
130
+
var show_chat_log = props.attributes.show_chat_log;
131
+
var show_user_log = props.attributes.show_user_log;
132
+
var chat_log_container_color = props.attributes.chat_log_container_color;
133
+
var ai_bubble_text_color = props.attributes.ai_bubble_text_color;
134
+
var ai_bubble_color = props.attributes.ai_bubble_color;
135
+
var user_bubble_text_color = props.attributes.user_bubble_text_color;
136
+
var user_bubble_color = props.attributes.user_bubble_color;
137
+
var user_token_cap_per_day = props.attributes.user_token_cap_per_day;
138
+
function updateMessage18( event ) {
139
+
props.setAttributes( { show_chat_log: event.target.value} );
140
+
}
141
+
function updateMessage19( event ) {
142
+
props.setAttributes( { show_user_log: event.target.value} );
143
+
}
144
+
function updateMessage20( event ) {
145
+
props.setAttributes( { chat_log_container_color: event.target.value} );
146
+
}
147
+
function updateMessage21( event ) {
148
+
props.setAttributes( { ai_bubble_text_color: event.target.value} );
149
+
}
150
+
function updateMessage22( event ) {
151
+
props.setAttributes( { user_bubble_text_color: event.target.value} );
152
+
}
153
+
function updateMessage23( event ) {
154
+
props.setAttributes( { user_bubble_color: event.target.value} );
155
+
}
156
+
function updateMessage24( event ) {
157
+
props.setAttributes( { ai_bubble_color: event.target.value} );
158
+
}
159
+
function updateMessage25( event ) {
160
+
props.setAttributes( { user_token_cap_per_day: event.target.value} );
161
+
}
162
+
function updateMessage8( event ) {
163
+
props.setAttributes( { start_recording: event.target.value} );
164
+
}
165
+
function updateMessage9( event ) {
166
+
props.setAttributes( { stop_recording: event.target.value} );
167
+
}
168
+
function updateMessage10( event ) {
169
+
props.setAttributes( { not_recording: event.target.value} );
170
+
}
171
+
function updateMessage11( event ) {
172
+
props.setAttributes( { recording: event.target.value} );
173
+
}
174
+
function updateMessage12( event ) {
175
+
props.setAttributes( { record_button_color: event.target.value} );
176
+
}
177
+
function updateMessage13( event ) {
178
+
props.setAttributes( { record_text_color: event.target.value} );
179
+
}
180
+
function updateMessage14( event ) {
181
+
props.setAttributes( { record_status_color: event.target.value} );
182
+
}
183
+
function updateMessage15( event ) {
184
+
props.setAttributes( { record_status_text_color: event.target.value} );
185
+
}
186
+
function updateMessage16( event ) {
187
+
props.setAttributes( { chat_container_color: event.target.value} );
188
+
}
189
+
function updateMessage( event ) {
190
+
props.setAttributes( { temperature: event.target.value} );
191
+
}
192
+
function updateMessage6( event ) {
193
+
props.setAttributes( { model: event.target.value} );
194
+
}
195
+
function updateMessage3( event ) {
196
+
props.setAttributes( { voice: event.target.value} );
197
+
}
198
+
function updateMessage4( event ) {
199
+
props.setAttributes( { max_tokens: event.target.value} );
200
+
}
201
+
function updateMessage5( event ) {
202
+
props.setAttributes( { instructions: event.target.value} );
203
+
}
204
+
function updateMessage7( event ) {
205
+
props.setAttributes( { autostart: event.target.value} );
206
+
}
207
+
return mygcel13x(
208
+
'div',
209
+
{ className: 'coderevolution_gutenberg_div' },
210
+
mygcel13x(
211
+
'h4',
212
+
{ className: 'coderevolution_gutenberg_title' },
213
+
'Aimogen Realtime Chat Form ',
214
+
mygcel13x(
215
+
'div',
216
+
{className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
217
+
,
218
+
mygcel13x(
219
+
'div',
220
+
{className:'bws_hidden_help_text'},
221
+
'This block is used to generate a Realtime AI chat.'
222
+
)
223
+
)
224
+
),
225
+
mygcel13x(
226
+
'label',
227
+
{ className: 'coderevolution_gutenberg_label' },
228
+
'AI Temperature: '
229
+
),
230
+
mygcel13x(
231
+
'div',
232
+
{className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
233
+
,
234
+
mygcel13x(
235
+
'div',
236
+
{className:'bws_hidden_help_text'},
237
+
'What sampling temperature to use. Higher values means the model will take more risks. Try 0.9 for more creative applications, and 0 (argmax sampling) for ones with a well-defined answer. We generally recommend altering this or top_p but not both.'
238
+
)
239
+
),
240
+
mygcel13x(
241
+
'input',
242
+
{ type:'number',min:0,step:0.1,placeholder:'AI Temperature', value: temperature, onChange: updateMessage, className: 'coderevolution_gutenberg_input' }
243
+
),
244
+
mygcel13x(
245
+
'br'
246
+
),
247
+
mygcel13x(
248
+
'label',
249
+
{ className: 'coderevolution_gutenberg_label' },
250
+
'Model: '
251
+
),
252
+
mygcel13x(
253
+
'div',
254
+
{className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
255
+
,
256
+
mygcel13x(
257
+
'div',
258
+
{className:'bws_hidden_help_text'},
259
+
'Select the AI model you want to use to generate the content.'
260
+
)
261
+
),
262
+
mygcel13x(
263
+
'select',
264
+
{ value: model, onChange: updateMessage6, className: 'coderevolution_gutenberg_select', dangerouslySetInnerHTML: {
265
+
__html: editing_optionsxc
266
+
} }
267
+
),
268
+
mygcel13x(
269
+
'br'
270
+
),
271
+
mygcel13x(
272
+
'label',
273
+
{ className: 'coderevolution_gutenberg_label' },
274
+
'AI Voice: '
275
+
),
276
+
mygcel13x(
277
+
'div',
278
+
{className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
279
+
,
280
+
mygcel13x(
281
+
'div',
282
+
{className:'bws_hidden_help_text'},
283
+
'Select the AI Voice.'
284
+
)
285
+
),
286
+
mygcel13x(
287
+
'select',
288
+
{ value: voice, onChange: updateMessage3, className: 'coderevolution_gutenberg_select' },
289
+
mygcel13x(
290
+
'option',
291
+
{ value: 'alloy'},
292
+
'alloy'
293
+
),
294
+
mygcel13x(
295
+
'option',
296
+
{ value: 'ash'},
297
+
'ash'
298
+
),
299
+
mygcel13x(
300
+
'option',
301
+
{ value: 'ballad'},
302
+
'ballad'
303
+
),
304
+
mygcel13x(
305
+
'option',
306
+
{ value: 'coral'},
307
+
'coral'
308
+
),
309
+
mygcel13x(
310
+
'option',
311
+
{ value: 'echo'},
312
+
'echo'
313
+
),
314
+
mygcel13x(
315
+
'option',
316
+
{ value: 'sage'},
317
+
'sage'
318
+
),
319
+
mygcel13x(
320
+
'option',
321
+
{ value: 'shimmer'},
322
+
'shimmer'
323
+
),
324
+
mygcel13x(
325
+
'option',
326
+
{ value: 'verse'},
327
+
'verse'
328
+
)
329
+
),
330
+
mygcel13x(
331
+
'br'
332
+
),
333
+
mygcel13x(
334
+
'label',
335
+
{ className: 'coderevolution_gutenberg_label' },
336
+
'Max Tokens: '
337
+
),
338
+
mygcel13x(
339
+
'div',
340
+
{className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
341
+
,
342
+
mygcel13x(
343
+
'div',
344
+
{className:'bws_hidden_help_text'},
345
+
'Select the max output tokens for the AI.'
346
+
)
347
+
),
348
+
mygcel13x(
349
+
'input',
350
+
{ type:'number',min:1,placeholder:'Max output tokens', value: max_tokens, onChange: updateMessage4, className: 'coderevolution_gutenberg_input' }
351
+
),
352
+
mygcel13x(
353
+
'br'
354
+
),
355
+
mygcel13x(
356
+
'label',
357
+
{ className: 'coderevolution_gutenberg_label' },
358
+
'Text-To-Speech/Video: '
359
+
),
360
+
mygcel13x(
361
+
'div',
362
+
{className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
363
+
,
364
+
mygcel13x(
365
+
'div',
366
+
{className:'bws_hidden_help_text'},
367
+
'Select if you want to enable/disable the text-to-speech/video feature of the chatbot.'
368
+
)
369
+
),
370
+
mygcel13x(
371
+
'input',
372
+
{ type:'text',placeholder:'Additional instructions for the AI', value: instructions, onChange: updateMessage5, className: 'coderevolution_gutenberg_input' }
373
+
),
374
+
mygcel13x(
375
+
'br'
376
+
),
377
+
mygcel13x(
378
+
'label',
379
+
{ className: 'coderevolution_gutenberg_label' },
380
+
'Autostart Chatbot Session: '
381
+
),
382
+
mygcel13x(
383
+
'div',
384
+
{className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
385
+
,
386
+
mygcel13x(
387
+
'div',
388
+
{className:'bws_hidden_help_text'},
389
+
'Select if you want to autostart the chatbot session when the page loaded.'
390
+
)
391
+
),
392
+
mygcel13x(
393
+
'select',
394
+
{ value: autostart, onChange: updateMessage7, className: 'coderevolution_gutenberg_select' },
395
+
mygcel13x(
396
+
'option',
397
+
{ value: 'no'},
398
+
'no'
399
+
),
400
+
mygcel13x(
401
+
'option',
402
+
{ value: 'yes'},
403
+
'yes'
404
+
)
405
+
),
406
+
mygcel13x(
407
+
'br'
408
+
),
409
+
mygcel13x(
410
+
'label',
411
+
{ className: 'coderevolution_gutenberg_label' },
412
+
'Show Chat Logs: '
413
+
),
414
+
mygcel13x(
415
+
'div',
416
+
{className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
417
+
,
418
+
mygcel13x(
419
+
'div',
420
+
{className:'bws_hidden_help_text'},
421
+
'Select if you want to display a textual chat log to the user.'
422
+
)
423
+
),
424
+
mygcel13x(
425
+
'select',
426
+
{ value: show_chat_log, onChange: updateMessage18, className: 'coderevolution_gutenberg_select' },
427
+
mygcel13x(
428
+
'option',
429
+
{ value: 'hide'},
430
+
'hide'
431
+
),
432
+
mygcel13x(
433
+
'option',
434
+
{ value: 'show'},
435
+
'show'
436
+
)
437
+
),
438
+
mygcel13x(
439
+
'br'
440
+
),
441
+
mygcel13x(
442
+
'label',
443
+
{ className: 'coderevolution_gutenberg_label' },
444
+
'Show User Chat Logs: '
445
+
),
446
+
mygcel13x(
447
+
'div',
448
+
{className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
449
+
,
450
+
mygcel13x(
451
+
'div',
452
+
{className:'bws_hidden_help_text'},
453
+
'Select if you want to display a textual chat log to the user also for their own voice input.'
454
+
)
455
+
),
456
+
mygcel13x(
457
+
'select',
458
+
{ value: show_user_log, onChange: updateMessage19, className: 'coderevolution_gutenberg_select' },
459
+
mygcel13x(
460
+
'option',
461
+
{ value: 'hide'},
462
+
'hide'
463
+
),
464
+
mygcel13x(
465
+
'option',
466
+
{ value: 'show'},
467
+
'show'
468
+
)
469
+
),
470
+
mygcel13x(
471
+
'br'
472
+
),
473
+
mygcel13x(
474
+
'label',
475
+
{ className: 'coderevolution_gutenberg_label' },
476
+
'Start Recording Button Text: '
477
+
),
478
+
mygcel13x(
479
+
'div',
480
+
{className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
481
+
,
482
+
mygcel13x(
483
+
'div',
484
+
{className:'bws_hidden_help_text'},
485
+
'Set the text for the Start Recording button.'
486
+
)
487
+
),
488
+
mygcel13x(
489
+
'input',
490
+
{ type:'text',placeholder:'Start Recording', value: start_recording, onChange: updateMessage8, className: 'coderevolution_gutenberg_input' }
491
+
),
492
+
mygcel13x(
493
+
'br'
494
+
),
495
+
mygcel13x(
496
+
'label',
497
+
{ className: 'coderevolution_gutenberg_label' },
498
+
'Stop Recording Button Text: '
499
+
),
500
+
mygcel13x(
501
+
'div',
502
+
{className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
503
+
,
504
+
mygcel13x(
505
+
'div',
506
+
{className:'bws_hidden_help_text'},
507
+
'Set the text for the Stop Recording button.'
508
+
)
509
+
),
510
+
mygcel13x(
511
+
'input',
512
+
{ type:'text',placeholder:'Stop Recording', value: stop_recording, onChange: updateMessage9, className: 'coderevolution_gutenberg_input' }
513
+
),
514
+
mygcel13x(
515
+
'br'
516
+
),
517
+
mygcel13x(
518
+
'label',
519
+
{ className: 'coderevolution_gutenberg_label' },
520
+
'Not Recording Status Text: '
521
+
),
522
+
mygcel13x(
523
+
'div',
524
+
{className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
525
+
,
526
+
mygcel13x(
527
+
'div',
528
+
{className:'bws_hidden_help_text'},
529
+
'Set the text for the Not Recording status.'
530
+
)
531
+
),
532
+
mygcel13x(
533
+
'input',
534
+
{ type:'text',placeholder:'Not Recording', value: not_recording, onChange: updateMessage10, className: 'coderevolution_gutenberg_input' }
535
+
),
536
+
mygcel13x(
537
+
'br'
538
+
),
539
+
mygcel13x(
540
+
'label',
541
+
{ className: 'coderevolution_gutenberg_label' },
542
+
'Recording Status Text: '
543
+
),
544
+
mygcel13x(
545
+
'div',
546
+
{className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
547
+
,
548
+
mygcel13x(
549
+
'div',
550
+
{className:'bws_hidden_help_text'},
551
+
'Set the text for the Recording status.'
552
+
)
553
+
),
554
+
mygcel13x(
555
+
'input',
556
+
{ type:'text',placeholder:'Recording', value: recording, onChange: updateMessage11, className: 'coderevolution_gutenberg_input' }
557
+
),
558
+
mygcel13x(
559
+
'br'
560
+
),
561
+
mygcel13x(
562
+
'label',
563
+
{ className: 'coderevolution_gutenberg_label' },
564
+
'Record Button Color: '
565
+
),
566
+
mygcel13x(
567
+
'div',
568
+
{className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
569
+
,
570
+
mygcel13x(
571
+
'div',
572
+
{className:'bws_hidden_help_text'},
573
+
'Set the color of the record button.'
574
+
)
575
+
),
576
+
mygcel13x(
577
+
'input',
578
+
{ type:'text',placeholder:'#007bff', value: record_button_color, onChange: updateMessage12, className: 'coderevolution_gutenberg_input' }
579
+
),
580
+
mygcel13x(
581
+
'br'
582
+
),
583
+
mygcel13x(
584
+
'label',
585
+
{ className: 'coderevolution_gutenberg_label' },
586
+
'Record Button Text Color: '
587
+
),
588
+
mygcel13x(
589
+
'div',
590
+
{className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
591
+
,
592
+
mygcel13x(
593
+
'div',
594
+
{className:'bws_hidden_help_text'},
595
+
'Set the color of the record button text.'
596
+
)
597
+
),
598
+
mygcel13x(
599
+
'input',
600
+
{ type:'text',placeholder:'#ffffff', value: record_text_color, onChange: updateMessage13, className: 'coderevolution_gutenberg_input' }
601
+
),
602
+
mygcel13x(
603
+
'br'
604
+
),
605
+
mygcel13x(
606
+
'label',
607
+
{ className: 'coderevolution_gutenberg_label' },
608
+
'Record Status Color: '
609
+
),
610
+
mygcel13x(
611
+
'div',
612
+
{className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
613
+
,
614
+
mygcel13x(
615
+
'div',
616
+
{className:'bws_hidden_help_text'},
617
+
'Set the color of the record status.'
618
+
)
619
+
),
620
+
mygcel13x(
621
+
'input',
622
+
{ type:'text',placeholder:'#f8f9fa', value: record_status_color, onChange: updateMessage14, className: 'coderevolution_gutenberg_input' }
623
+
),
624
+
mygcel13x(
625
+
'br'
626
+
),
627
+
mygcel13x(
628
+
'label',
629
+
{ className: 'coderevolution_gutenberg_label' },
630
+
'Record Status Text Color: '
631
+
),
632
+
mygcel13x(
633
+
'div',
634
+
{className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
635
+
,
636
+
mygcel13x(
637
+
'div',
638
+
{className:'bws_hidden_help_text'},
639
+
'Set the color of the record status text.'
640
+
)
641
+
),
642
+
mygcel13x(
643
+
'input',
644
+
{ type:'text',placeholder:'#333333', value: record_status_text_color, onChange: updateMessage15, className: 'coderevolution_gutenberg_input' }
645
+
),
646
+
mygcel13x(
647
+
'br'
648
+
),
649
+
mygcel13x(
650
+
'label',
651
+
{ className: 'coderevolution_gutenberg_label' },
652
+
'Main Container Color: '
653
+
),
654
+
mygcel13x(
655
+
'div',
656
+
{className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
657
+
,
658
+
mygcel13x(
659
+
'div',
660
+
{className:'bws_hidden_help_text'},
661
+
'Set the color of the main container.'
662
+
)
663
+
),
664
+
mygcel13x(
665
+
'input',
666
+
{ type:'text',placeholder:'#e4e8ec', value: chat_container_color, onChange: updateMessage16, className: 'coderevolution_gutenberg_input' }
667
+
),
668
+
mygcel13x(
669
+
'br'
670
+
),
671
+
mygcel13x(
672
+
'label',
673
+
{ className: 'coderevolution_gutenberg_label' },
674
+
'Main Container Color: '
675
+
),
676
+
mygcel13x(
677
+
'div',
678
+
{className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
679
+
,
680
+
mygcel13x(
681
+
'div',
682
+
{className:'bws_hidden_help_text'},
683
+
'Set the color of the main container.'
684
+
)
685
+
),
686
+
mygcel13x(
687
+
'input',
688
+
{ type:'text',placeholder:'#ffffff', value: chat_log_container_color, onChange: updateMessage20, className: 'coderevolution_gutenberg_input' }
689
+
),
690
+
mygcel13x(
691
+
'br'
692
+
),
693
+
mygcel13x(
694
+
'label',
695
+
{ className: 'coderevolution_gutenberg_label' },
696
+
'AI Bubble Text Color: '
697
+
),
698
+
mygcel13x(
699
+
'div',
700
+
{className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
701
+
,
702
+
mygcel13x(
703
+
'div',
704
+
{className:'bws_hidden_help_text'},
705
+
'Set the color of AI bubble text.'
706
+
)
707
+
),
708
+
mygcel13x(
709
+
'input',
710
+
{ type:'text',placeholder:'#000000', value: ai_bubble_text_color, onChange: updateMessage21, className: 'coderevolution_gutenberg_input' }
711
+
),
712
+
mygcel13x(
713
+
'br'
714
+
),
715
+
mygcel13x(
716
+
'label',
717
+
{ className: 'coderevolution_gutenberg_label' },
718
+
'AI Bubble Color: '
719
+
),
720
+
mygcel13x(
721
+
'div',
722
+
{className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
723
+
,
724
+
mygcel13x(
725
+
'div',
726
+
{className:'bws_hidden_help_text'},
727
+
'Set the color of AI bubble.'
728
+
)
729
+
),
730
+
mygcel13x(
731
+
'input',
732
+
{ type:'text',placeholder:'#f5f5f5', value: ai_bubble_color, onChange: updateMessage24, className: 'coderevolution_gutenberg_input' }
733
+
),
734
+
mygcel13x(
735
+
'br'
736
+
),
737
+
mygcel13x(
738
+
'label',
739
+
{ className: 'coderevolution_gutenberg_label' },
740
+
'User Bubble Text Color: '
741
+
),
742
+
mygcel13x(
743
+
'div',
744
+
{className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
745
+
,
746
+
mygcel13x(
747
+
'div',
748
+
{className:'bws_hidden_help_text'},
749
+
'Set the color of the user voice input bubble text.'
750
+
)
751
+
),
752
+
mygcel13x(
753
+
'input',
754
+
{ type:'text',placeholder:'#ffffff', value: user_bubble_text_color, onChange: updateMessage22, className: 'coderevolution_gutenberg_input' }
755
+
),
756
+
mygcel13x(
757
+
'br'
758
+
),
759
+
mygcel13x(
760
+
'label',
761
+
{ className: 'coderevolution_gutenberg_label' },
762
+
'User Bubble Color: '
763
+
),
764
+
mygcel13x(
765
+
'div',
766
+
{className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
767
+
,
768
+
mygcel13x(
769
+
'div',
770
+
{className:'bws_hidden_help_text'},
771
+
'Set the color of the user voice input bubble.'
772
+
)
773
+
),
774
+
mygcel13x(
775
+
'input',
776
+
{ type:'text',placeholder:'#0084ff', value: user_bubble_color, onChange: updateMessage23, className: 'coderevolution_gutenberg_input' }
777
+
),
778
+
mygcel13x(
779
+
'br'
780
+
),
781
+
mygcel13x(
782
+
'label',
783
+
{ className: 'coderevolution_gutenberg_label' },
784
+
'User Token Cap Per Day: '
785
+
),
786
+
mygcel13x(
787
+
'div',
788
+
{className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
789
+
,
790
+
mygcel13x(
791
+
'div',
792
+
{className:'bws_hidden_help_text'},
793
+
'Select a maximum number of tokens users are allowed to use in this specific chatbot, each day.'
794
+
)
795
+
),
796
+
mygcel13x(
797
+
'input',
798
+
{ type:'text',placeholder:'Maximum usage tokens per user, per day', value: user_token_cap_per_day, onChange: updateMessage25, className: 'coderevolution_gutenberg_input' }
799
+
)
800
+
);
801
+
}),
802
+
save: (function( props ) {
803
+
return null;
804
+
}),
805
+
} );