@moveo-ai/web-client 0.111.0-true.6 → 0.111.0-true.8
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/README.md +21 -7
- package/dist/63.min.js.LICENSE.txt +1 -1
- package/dist/752.min.js.LICENSE.txt +1 -1
- package/dist/882.min.js.LICENSE.txt +1 -1
- package/dist/929.min.js.LICENSE.txt +1 -1
- package/dist/audio-client.min.js +1 -1
- package/dist/audio-client.min.js.LICENSE.txt +1 -1
- package/dist/iframe.min.js +1 -1
- package/dist/iframe.min.js.LICENSE.txt +1 -1
- package/dist/index.html +1 -1
- package/dist/preview/index.html +2 -2
- package/dist/preview.css.min.js.LICENSE.txt +1 -1
- package/dist/telnyx-client.min.js +1 -1
- package/dist/telnyx-client.min.js.LICENSE.txt +1 -1
- package/dist/web-client.min.js.LICENSE.txt +1 -1
- package/dist/webrtc-client.min.js +1 -1
- package/dist/webrtc-client.min.js.LICENSE.txt +1 -1
- package/package.json +8 -9
package/README.md
CHANGED
|
@@ -518,6 +518,14 @@ removed, because one of them is a live customer. New work belongs on
|
|
|
518
518
|
|
|
519
519
|
`manual_teaser_mode` and `showTeaserMessage()` keep their meaning.
|
|
520
520
|
|
|
521
|
+
#### Restyling it
|
|
522
|
+
|
|
523
|
+
The teaser follows the accent out of the box. The bubble reads
|
|
524
|
+
`--color-opening-message-background` and
|
|
525
|
+
`--color-opening-message-foreground`, and the chips and the composer field
|
|
526
|
+
read the `--color-options-*` set. All five are in
|
|
527
|
+
[CSS Variables](#css-variables), and are set through `setCSSVariables()`.
|
|
528
|
+
|
|
521
529
|
### Inactivity Timeout
|
|
522
530
|
|
|
523
531
|
The widget opens an inactivity modal once the visitor goes quiet, and asks
|
|
@@ -641,15 +649,21 @@ A colour that says "defaults to" follows `--color-accent` — or the colour name
|
|
|
641
649
|
— until you set it. So an accent alone restyles the links, the rating, the send
|
|
642
650
|
icon and the launcher, and `--color-chat-background` follows the background.
|
|
643
651
|
|
|
644
|
-
|
|
652
|
+
Six more colours have no `theme_colors` key, so they are set through
|
|
645
653
|
`setCSSVariables()` only:
|
|
646
654
|
|
|
647
|
-
| Variable
|
|
648
|
-
|
|
|
649
|
-
| `--color-chat-background`
|
|
650
|
-
| `--color-options-background`
|
|
651
|
-
| `--color-options-foreground`
|
|
652
|
-
| `--color-options-border`
|
|
655
|
+
| Variable | Controls |
|
|
656
|
+
| ------------------------------------ | ------------------------------------------------------------------- |
|
|
657
|
+
| `--color-chat-background` | The area behind the messages; follows the background |
|
|
658
|
+
| `--color-options-background` | Quick reply buttons, and the teaser chips and composer field |
|
|
659
|
+
| `--color-options-foreground` | Quick reply labels, the teaser composer text, and a chip under the pointer or the focus ring; defaults to the accent |
|
|
660
|
+
| `--color-options-border` | Quick reply borders, the teaser composer field, and a chip under the pointer or the focus ring; defaults to the accent |
|
|
661
|
+
| `--color-opening-message-background` | The teaser bubble, on `callout` and `composer`; defaults to the accent |
|
|
662
|
+
| `--color-opening-message-foreground` | The teaser bubble text; defaults to the visitor's own bubble text colour |
|
|
663
|
+
|
|
664
|
+
The two `opening-message` names are the teaser's, from before it was called
|
|
665
|
+
one. They are the only lever that moves the bubble off the accent, so an
|
|
666
|
+
integration whose accent is too dark to invite anybody sets them here.
|
|
653
667
|
|
|
654
668
|
#### Renamed variables
|
|
655
669
|
|