@seamly/web-ui 20.8.0 → 21.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.
Files changed (207) hide show
  1. package/build/dist/lib/deprecated-view.js +1 -1
  2. package/build/dist/lib/index.debug.js +585 -584
  3. package/build/dist/lib/index.debug.min.js +1 -1
  4. package/build/dist/lib/index.debug.min.js.LICENSE.txt +110 -110
  5. package/build/dist/lib/index.js +20288 -26462
  6. package/build/dist/lib/index.min.js +1 -1
  7. package/build/dist/lib/index.min.js.LICENSE.txt +6 -1
  8. package/build/dist/lib/standalone.js +27758 -34615
  9. package/build/dist/lib/standalone.min.js +1 -1
  10. package/build/dist/lib/standalone.min.js.LICENSE.txt +1 -1
  11. package/build/dist/lib/storage.js +6 -15
  12. package/build/dist/lib/style-guide.js +9660 -8972
  13. package/build/dist/lib/style-guide.min.js +1 -1
  14. package/build/dist/lib/styles-default-implementation.js +1 -1
  15. package/build/dist/lib/styles.js +1 -1
  16. package/build/dist/lib/utils.js +85 -3
  17. package/build/dist/lib/utils.min.js +1 -1
  18. package/package.json +54 -52
  19. package/src/icons/icon_check-16.svg +14 -0
  20. package/src/icons/icon_check-32.svg +14 -0
  21. package/src/javascripts/api/conversation-connector.ts +149 -0
  22. package/src/javascripts/api/errors/seamly-base-error.js +19 -0
  23. package/src/javascripts/api/errors/seamly-unavailable-error.js +5 -7
  24. package/src/javascripts/api/{index.js → index.ts} +163 -116
  25. package/src/javascripts/config.types.ts +5 -4
  26. package/src/javascripts/domains/app/actions.ts +47 -46
  27. package/src/javascripts/domains/app/hooks.js +1 -1
  28. package/src/javascripts/domains/config/actions.ts +2 -8
  29. package/src/javascripts/domains/config/hooks.ts +1 -1
  30. package/src/javascripts/domains/config/selectors.ts +6 -6
  31. package/src/javascripts/domains/config/slice.ts +6 -5
  32. package/src/javascripts/domains/errors/index.ts +66 -0
  33. package/src/javascripts/domains/forms/context.ts +1 -1
  34. package/src/javascripts/domains/forms/forms.types.ts +3 -3
  35. package/src/javascripts/domains/forms/hooks.ts +10 -10
  36. package/src/javascripts/domains/forms/provider.tsx +9 -9
  37. package/src/javascripts/domains/i18n/actions.ts +11 -5
  38. package/src/javascripts/domains/i18n/hooks.ts +11 -8
  39. package/src/javascripts/domains/i18n/selectors.ts +10 -4
  40. package/src/javascripts/domains/i18n/slice.ts +0 -1
  41. package/src/javascripts/domains/interrupt/hooks.ts +1 -1
  42. package/src/javascripts/domains/interrupt/middleware.ts +1 -1
  43. package/src/javascripts/domains/store/index.ts +1 -1
  44. package/src/javascripts/domains/store/selectors.ts +16 -0
  45. package/src/javascripts/domains/store/slice.ts +47 -41
  46. package/src/javascripts/domains/store/store.types.ts +38 -10
  47. package/src/javascripts/domains/translations/components/{options-button.js → options-button.tsx} +30 -20
  48. package/src/javascripts/domains/translations/components/options-dialog/index.tsx +33 -0
  49. package/src/javascripts/domains/translations/components/options-dialog/translation-option.tsx +37 -0
  50. package/src/javascripts/domains/translations/components/options-dialog/translation-options.tsx +85 -0
  51. package/src/javascripts/domains/translations/components/translation-status.tsx +15 -0
  52. package/src/javascripts/domains/translations/hooks.ts +77 -11
  53. package/src/javascripts/domains/translations/slice.ts +20 -9
  54. package/src/javascripts/domains/translations/translations.types.ts +4 -2
  55. package/src/javascripts/domains/visibility/actions.ts +6 -10
  56. package/src/javascripts/domains/visibility/hooks.ts +33 -14
  57. package/src/javascripts/domains/visibility/selectors.ts +3 -2
  58. package/src/javascripts/domains/visibility/slice.ts +2 -6
  59. package/src/javascripts/index.ts +19 -21
  60. package/src/javascripts/lib/engine/{index.js → index.tsx} +25 -7
  61. package/src/javascripts/lib/url-helpers.ts +112 -0
  62. package/src/javascripts/package/utils.js +5 -2
  63. package/src/javascripts/schema.ts +28 -0
  64. package/src/javascripts/style-guide/components/app.js +16 -12
  65. package/src/javascripts/style-guide/components/links.js +6 -6
  66. package/src/javascripts/style-guide/components/static-core.js +6 -3
  67. package/src/javascripts/style-guide/components/view.js +1 -1
  68. package/src/javascripts/style-guide/states.js +129 -31
  69. package/src/javascripts/style-guide/style-guide-engine.js +1 -1
  70. package/src/javascripts/ui/components/app-options/index.js +25 -6
  71. package/src/javascripts/ui/components/chat-app.js +1 -1
  72. package/src/javascripts/ui/components/chat-status/chat-status-action.tsx +30 -0
  73. package/src/javascripts/ui/components/chat-status/index.tsx +61 -0
  74. package/src/javascripts/ui/components/conversation/component-filter.js +9 -9
  75. package/src/javascripts/ui/components/conversation/{conversation.js → conversation.tsx} +32 -41
  76. package/src/javascripts/ui/components/conversation/event/card-component.js +2 -2
  77. package/src/javascripts/ui/components/conversation/event/card-message.js +1 -1
  78. package/src/javascripts/ui/components/conversation/event/carousel-component/components/controls.js +2 -2
  79. package/src/javascripts/ui/components/conversation/event/carousel-component/index.js +4 -4
  80. package/src/javascripts/ui/components/conversation/event/carousel-message/components/slide.js +2 -2
  81. package/src/javascripts/ui/components/conversation/event/carousel-message/index.js +1 -1
  82. package/src/javascripts/ui/components/conversation/event/chat-scroll/chat-scroll-context.ts +12 -0
  83. package/src/javascripts/ui/components/conversation/event/chat-scroll/chat-scroll-provider.tsx +46 -0
  84. package/src/javascripts/ui/components/conversation/event/chat-scroll/unread-messages-button.tsx +27 -0
  85. package/src/javascripts/ui/components/conversation/event/choice-prompt.js +12 -8
  86. package/src/javascripts/ui/components/conversation/event/conversation-suggestions.js +6 -6
  87. package/src/javascripts/ui/components/conversation/event/cta.js +2 -2
  88. package/src/javascripts/ui/components/conversation/event/divider/index.js +0 -1
  89. package/src/javascripts/ui/components/conversation/event/divider/variants/default.js +1 -1
  90. package/src/javascripts/ui/components/conversation/event/divider/variants/new-translation.js +17 -22
  91. package/src/javascripts/ui/components/conversation/event/divider/variants/time-indicator.js +2 -2
  92. package/src/javascripts/ui/components/conversation/event/event-participant.js +1 -1
  93. package/src/javascripts/ui/components/conversation/event/event.tsx +66 -0
  94. package/src/javascripts/ui/components/conversation/event/hooks/use-event-link-click-handler.js +1 -1
  95. package/src/javascripts/ui/components/conversation/event/hooks/use-formatted-date.js +1 -1
  96. package/src/javascripts/ui/components/conversation/event/image-lightbox.js +1 -1
  97. package/src/javascripts/ui/components/conversation/event/image.js +2 -2
  98. package/src/javascripts/ui/components/conversation/event/splash.js +1 -1
  99. package/src/javascripts/ui/components/conversation/event/translation.js +1 -1
  100. package/src/javascripts/ui/components/conversation/event/upload.js +2 -2
  101. package/src/javascripts/ui/components/conversation/event/video.js +2 -2
  102. package/src/javascripts/ui/components/conversation/event-divider.js +1 -1
  103. package/src/javascripts/ui/components/conversation/message-container.js +1 -1
  104. package/src/javascripts/ui/components/conversation/use-chat-scroll.ts +108 -0
  105. package/src/javascripts/ui/components/core/{seamly-activity-monitor.js → seamly-activity-monitor.tsx} +12 -5
  106. package/src/javascripts/ui/components/core/seamly-api-context.ts +7 -0
  107. package/src/javascripts/ui/components/core/seamly-chat.tsx +8 -0
  108. package/src/javascripts/ui/components/core/{seamly-core.js → seamly-core.tsx} +27 -14
  109. package/src/javascripts/ui/components/core/seamly-event-subscriber.ts +340 -0
  110. package/src/javascripts/ui/components/core/seamly-file-upload.js +2 -2
  111. package/src/javascripts/ui/components/core/seamly-idle-detach-counter.js +1 -1
  112. package/src/javascripts/ui/components/core/seamly-instance-functions-loader.js +24 -11
  113. package/src/javascripts/ui/components/core/seamly-live-region.js +4 -4
  114. package/src/javascripts/ui/components/core/seamly-new-notifications.js +3 -3
  115. package/src/javascripts/ui/components/core/seamly-read-state.js +2 -33
  116. package/src/javascripts/ui/components/entry/deprecated-toggle-button.js +4 -4
  117. package/src/javascripts/ui/components/entry/entry-container.js +8 -8
  118. package/src/javascripts/ui/components/entry/text-entry/hooks.js +3 -3
  119. package/src/javascripts/ui/components/entry/text-entry/index.js +3 -3
  120. package/src/javascripts/ui/components/entry/text-entry/text-entry-form.js +4 -4
  121. package/src/javascripts/ui/components/entry/upload/file-upload-form.js +3 -3
  122. package/src/javascripts/ui/components/entry/upload/index.js +5 -5
  123. package/src/javascripts/ui/components/entry/upload-toggle.js +6 -6
  124. package/src/javascripts/ui/components/faq/faq.js +14 -14
  125. package/src/javascripts/ui/components/form-controls/error.js +2 -2
  126. package/src/javascripts/ui/components/form-controls/file-input.js +3 -3
  127. package/src/javascripts/ui/components/layout/agent-info.js +3 -3
  128. package/src/javascripts/ui/components/layout/chat-frame.js +20 -12
  129. package/src/javascripts/ui/components/layout/chat.js +5 -5
  130. package/src/javascripts/ui/components/layout/deprecated-app-frame.js +6 -6
  131. package/src/javascripts/ui/components/layout/deprecated-chat-frame.js +34 -0
  132. package/src/javascripts/ui/components/layout/header.js +2 -2
  133. package/src/javascripts/ui/components/layout/icon.js +11 -9
  134. package/src/javascripts/ui/components/layout/interrupt.js +7 -5
  135. package/src/javascripts/ui/components/layout/pre-chat-messages.js +1 -1
  136. package/src/javascripts/ui/components/layout/privacy-disclaimer.js +2 -2
  137. package/src/javascripts/ui/components/options/options-button.js +5 -5
  138. package/src/javascripts/ui/components/options/{options-frame.js → options-frame.tsx} +52 -18
  139. package/src/javascripts/ui/components/options/transcript/index.js +9 -10
  140. package/src/javascripts/ui/components/options/transcript/transcript-form.js +2 -2
  141. package/src/javascripts/ui/components/suggestions/index.js +8 -8
  142. package/src/javascripts/ui/components/suggestions/suggestions-item.js +1 -1
  143. package/src/javascripts/{domains/translations/components/chat-status.js → ui/components/translation-chat-status/index.tsx} +13 -14
  144. package/src/javascripts/ui/components/translation-proposal/index.tsx +36 -0
  145. package/src/javascripts/ui/components/view/app-view.js +2 -7
  146. package/src/javascripts/ui/components/view/deprecated-view.js +8 -10
  147. package/src/javascripts/ui/components/view/index.js +6 -6
  148. package/src/javascripts/ui/components/view/inline-view.js +4 -8
  149. package/src/javascripts/ui/components/view/window-view/collapse-button.js +2 -2
  150. package/src/javascripts/ui/components/view/window-view/index.js +11 -17
  151. package/src/javascripts/ui/components/view/window-view/window-open-button.js +6 -6
  152. package/src/javascripts/ui/components/warnings/idle-detach-warning.js +3 -3
  153. package/src/javascripts/ui/components/warnings/prompt.js +1 -1
  154. package/src/javascripts/ui/components/warnings/resume-conversation-prompt.js +4 -4
  155. package/src/javascripts/ui/components/widgets/in-out-transition.js +20 -18
  156. package/src/javascripts/ui/components/widgets/lightbox.js +3 -3
  157. package/src/javascripts/ui/components/widgets/modal.js +2 -2
  158. package/src/javascripts/ui/components/widgets/upload-progress.js +2 -2
  159. package/src/javascripts/ui/hooks/file-upload-hooks.js +1 -1
  160. package/src/javascripts/ui/hooks/focus-helper-hooks.js +1 -1
  161. package/src/javascripts/ui/hooks/seamly-entry-hooks.js +6 -6
  162. package/src/javascripts/ui/hooks/seamly-hooks.js +11 -10
  163. package/src/javascripts/ui/hooks/seamly-option-hooks.js +6 -6
  164. package/src/javascripts/ui/hooks/{seamly-state-hooks.js → seamly-state-hooks.ts} +9 -6
  165. package/src/javascripts/ui/hooks/use-click-outside.ts +29 -0
  166. package/src/javascripts/ui/hooks/use-event-component-mapping.js +11 -10
  167. package/src/javascripts/ui/hooks/use-interval.js +1 -1
  168. package/src/javascripts/ui/hooks/use-seamly-actions.ts +29 -29
  169. package/src/javascripts/ui/hooks/use-seamly-chat.js +13 -23
  170. package/src/javascripts/ui/hooks/use-seamly-commands.js +20 -15
  171. package/src/javascripts/ui/hooks/use-seamly-idle-detach-countdown.js +8 -8
  172. package/src/javascripts/ui/hooks/use-seamly-resume-conversation-prompt.js +2 -2
  173. package/src/javascripts/ui/hooks/use-single-file-upload.js +1 -1
  174. package/src/javascripts/ui/hooks/utility-hooks.js +1 -1
  175. package/src/javascripts/ui/utils/general-utils.js +0 -23
  176. package/src/javascripts/ui/utils/seamly-utils.ts +10 -1
  177. package/src/javascripts/ui/utils/seamly-utils.types.ts +9 -0
  178. package/src/stylesheets/1-settings/_config.scss +1 -1
  179. package/src/stylesheets/3-chat/_chat.scss +23 -5
  180. package/src/stylesheets/5-components/_chat-status.scss +72 -16
  181. package/src/stylesheets/5-components/_conversation.scss +35 -1
  182. package/src/stylesheets/5-components/_disclaimer.scss +0 -5
  183. package/src/stylesheets/5-components/_options.scss +16 -2
  184. package/src/stylesheets/5-components/_translation-options.scss +39 -0
  185. package/src/stylesheets/6-default-implementation/_scrollbar.scss +1 -1
  186. package/src/stylesheets/7-deprecated/3-app/_app.scss +19 -4
  187. package/src/stylesheets/7-deprecated/5-components/_chat-status.scss +5 -0
  188. package/src/stylesheets/7-deprecated/5-components/_options.scss +1 -0
  189. package/src/stylesheets/7-deprecated/5-components/_translation-options.scss +39 -0
  190. package/src/stylesheets/deprecated-view.scss +1 -0
  191. package/src/stylesheets/styles.scss +1 -0
  192. package/webpack/config.common.js +4 -4
  193. package/webpack/config.package.js +10 -16
  194. package/webpack/config.site.js +4 -1
  195. package/webpack/config.test.js +2 -1
  196. package/build/dist/lib/deprecated-view.css +0 -1
  197. package/build/dist/lib/styles-default-implementation.css +0 -1
  198. package/build/dist/lib/styles.css +0 -1
  199. package/src/javascripts/api/event-producer.js +0 -20
  200. package/src/javascripts/api/producer.js +0 -136
  201. package/src/javascripts/domains/errors/index.js +0 -37
  202. package/src/javascripts/domains/translations/components/options-dialog/form.js +0 -70
  203. package/src/javascripts/domains/translations/components/options-dialog/index.js +0 -87
  204. package/src/javascripts/ui/components/chat-status/index.js +0 -38
  205. package/src/javascripts/ui/components/conversation/event/event.js +0 -36
  206. package/src/javascripts/ui/components/core/seamly-api-context.js +0 -5
  207. package/src/javascripts/ui/components/core/seamly-event-subscriber.js +0 -279
@@ -1,39 +1,95 @@
1
1
  .#{$n}-chat-status {
2
2
  display: flex;
3
- position: absolute;
4
3
  z-index: 1;
5
4
  top: $spacer;
6
- left: $spacer;
5
+ right: 0;
6
+ left: 0;
7
7
  align-items: center;
8
- justify-content: space-between;
9
- width: calc(100% - #{$spacer * 2});
10
- height: $buttonsize;
8
+ width: 100%;
11
9
  min-height: $buttonsize;
12
- padding: $spacer * 0.25 $spacer;
13
- border-radius: $borderradius-large;
10
+ margin: $spacer;
11
+ padding: $spacer * 0.5;
12
+ border-radius: $borderradius;
14
13
  background-color: $white;
15
14
  box-shadow: $boxshadow;
15
+
16
+ &--condensed {
17
+ padding: $spacer * 0.25;
18
+
19
+ .#{$n}-chat-status__title {
20
+ padding-left: $spacer * 0.25;
21
+ }
22
+
23
+ .#{$n}-chat-status__close {
24
+ min-height: $buttonsize-small;
25
+ padding-right: $spacer * 0.25;
26
+ }
27
+ }
16
28
  }
17
29
 
18
- &.#{$n}-app--collapsed .#{$n}-chat-status {
19
- display: none;
30
+ .#{$n}-chat--layout-window {
31
+ .#{$n}-chat-status {
32
+ margin-right: $buttonsize + $spacer * 2;
33
+ }
20
34
  }
21
35
 
22
- .#{$n}-chat--layout-window .#{$n}-chat-status {
23
- width: calc(100% - #{$spacer * 2.5 + $buttonsize});
36
+ .#{$n}-chat-status__body {
37
+ display: flex;
38
+ flex-direction: column;
39
+ flex-grow: 1;
40
+ align-items: flex-start;
41
+ justify-content: flex-start;
24
42
  }
25
43
 
26
44
  .#{$n}-chat-status__title {
27
45
  display: flex;
28
- flex: 1;
29
- align-items: center;
30
46
  margin: 0 $spacer * 0.5 0 0;
31
47
  color: $grey-e;
32
- font-size: $fontsize-small;
48
+ font-size: $fontsize-medium;
33
49
  font-weight: $fontweight-bold;
34
50
  line-height: 1.25;
51
+
52
+ + .#{$n}-chat-status__button {
53
+ margin-top: $spacer * 0.5;
54
+ }
55
+ }
56
+
57
+ .#{$n}-chat-status .#{$n}-icon {
58
+ flex: 0 0 $iconsize-small;
59
+ width: $iconsize-small;
60
+ height: $iconsize-small;
35
61
  }
36
62
 
37
- .#{$n}-chat-status .#{$n}-button--tertiary {
38
- color: $interaction;
63
+ .#{$n}-chat-status__button {
64
+ display: flex;
65
+ align-items: center;
66
+ justify-content: flex-end;
67
+ min-height: $buttonsize-small;
68
+ padding: $spacer * 0.25 $spacer * 0.5;
69
+ color: $white;
70
+
71
+ .#{$n}-icon {
72
+ margin-right: $spacer * 0.25;
73
+
74
+ svg {
75
+ width: 100%;
76
+ height: 100%;
77
+
78
+ path {
79
+ fill: $white;
80
+ }
81
+ }
82
+ }
83
+ }
84
+
85
+ .#{$n}-chat-status__close {
86
+ display: inline-flex;
87
+ align-self: flex-start;
88
+ justify-content: center;
89
+ min-height: $buttonsize-small - $spacer * 0.5;
90
+ color: $brand3;
91
+
92
+ .#{$n}-icon {
93
+ align-self: center;
94
+ }
39
95
  }
@@ -34,7 +34,7 @@
34
34
  }
35
35
 
36
36
  .#{$n}-chat-status
37
- ~ .#{$n}-chat__container
37
+ ~ .#{$n}-chat__container__scroll-area
38
38
  .#{$n}-disclaimer
39
39
  + .#{$n}-conversation {
40
40
  padding-top: 0;
@@ -66,3 +66,37 @@
66
66
  margin-bottom: 0;
67
67
  }
68
68
  }
69
+
70
+ .#{$n}-unread-messages {
71
+ display: none;
72
+ position: absolute;
73
+ bottom: 0;
74
+ align-items: center;
75
+ justify-content: center;
76
+ margin: $spacer;
77
+ opacity: 0;
78
+
79
+ > .#{$n}-button {
80
+ display: flex;
81
+ align-items: center;
82
+
83
+ > .#{$n}-icon {
84
+ width: $spacer;
85
+ height: $spacer;
86
+ margin-left: calc($spacer / 2);
87
+
88
+ svg path {
89
+ fill: $white;
90
+ }
91
+ }
92
+ }
93
+ }
94
+
95
+ .#{$n}-unread-messages.#{$n}-transition--visible {
96
+ display: flex;
97
+ }
98
+
99
+ .#{$n}-unread-messages.#{$n}-transition--in {
100
+ transition: opacity $transition 1000ms;
101
+ opacity: 1;
102
+ }
@@ -11,11 +11,6 @@
11
11
  padding-right: $buttonsize + $spacer * 2;
12
12
  }
13
13
 
14
- .#{$n}-chat-status ~ .#{$n}-chat__container .#{$n}-disclaimer {
15
- margin-top: $buttonsize + $spacer * 2;
16
- padding: $spacer * 0.5 $spacer;
17
- }
18
-
19
14
  .#{$n}-disclaimer__title {
20
15
  margin: 0 0 $spacer * 0.25;
21
16
  padding-right: $spacer;
@@ -94,6 +94,7 @@
94
94
  .#{$n}-options {
95
95
  display: none;
96
96
  position: absolute;
97
+ z-index: 10;
97
98
  right: $spacer * 0.5;
98
99
  bottom: calc(100% + (#{$spacer} * 0.5));
99
100
  flex-direction: column;
@@ -101,8 +102,6 @@
101
102
  max-width: $spacer * 15;
102
103
  margin: 0;
103
104
  padding: 0;
104
- transform: scaleY(0) translateY($spacer * 5);
105
- transform-origin: 100% 100%;
106
105
  transition: transform 0.2s ease-in-out, opacity 0.2s ease;
107
106
  border: $thin-border solid $grey-b;
108
107
  border-radius: $borderradius-small;
@@ -121,6 +120,20 @@
121
120
  right: $spacer * 0.5;
122
121
  }
123
122
 
123
+ .#{$n}-options--top {
124
+ top: initial;
125
+ bottom: calc(100% + $spacer * 0.5);
126
+ transform: scaleY(0) translateY($spacer * 5);
127
+ transform-origin: 100% 100%;
128
+ }
129
+
130
+ .#{$n}-options--bottom {
131
+ top: calc(100% + $spacer * 0.5);
132
+ bottom: initial;
133
+ transform: scaleY(0) translateY(-$spacer * 5);
134
+ transform-origin: 0 0;
135
+ }
136
+
124
137
  .#{$n}-options__dialog.#{$n}-transition--visible .#{$n}-options {
125
138
  display: flex;
126
139
  }
@@ -216,6 +229,7 @@
216
229
  display: block;
217
230
  width: 100%;
218
231
  margin-bottom: $spacer * 0.5;
232
+ padding: 0 $spacer;
219
233
  font-size: $fontsize-medium;
220
234
  }
221
235
 
@@ -0,0 +1,39 @@
1
+ .#{$n}-translation-options {
2
+ width: 100%;
3
+ margin: 0;
4
+
5
+ // 1px needed for the outline focus ring
6
+ padding: 1px 0 0;
7
+ list-style: none;
8
+
9
+ &--item {
10
+ color: $brand3;
11
+ font-size: $fontsize-small;
12
+
13
+ > label {
14
+ display: flex;
15
+ align-items: center;
16
+ width: 100%;
17
+ padding: calc($spacer * 0.25) 0;
18
+ font-weight: $fontweight-bold;
19
+
20
+ &:hover {
21
+ cursor: pointer;
22
+ }
23
+
24
+ // Only show a ring when we have focused via keyboard
25
+ &:focus-within:has(input:focus-visible) {
26
+ outline: -webkit-focus-ring-color auto 1px;
27
+ }
28
+ }
29
+ }
30
+
31
+ &--icon-container {
32
+ width: $iconsize-small;
33
+ height: $iconsize-small;
34
+ margin-right: calc($spacer / 2);
35
+ .#{$n}-icon {
36
+ height: $iconsize-small;
37
+ }
38
+ }
39
+ }
@@ -1,4 +1,4 @@
1
- .#{$n}-chat__body,
1
+ .#{$n}-chat__container__scroll-area,
2
2
  .#{$n}-app--layout-inline .#{$n}-suggestions__list,
3
3
  .#{$n}-options__wrapper {
4
4
  scrollbar-color: $brand1 transparent;
@@ -170,9 +170,25 @@ $app-header-bgcolor: $brand3;
170
170
  .#{$n}-chat__container {
171
171
  display: flex;
172
172
  position: relative;
173
- flex: 1 1 auto;
174
- flex-direction: column;
175
- max-height: 100%;
173
+ flex-grow: 1;
174
+ justify-content: center;
175
+
176
+ &__scroll-area {
177
+ display: flex;
178
+ position: relative;
179
+ flex-direction: column;
180
+ justify-content: space-between;
181
+ width: 100%;
182
+ height: 100%;
183
+ overflow-y: auto;
184
+ }
185
+
186
+ &__header {
187
+ display: flex;
188
+ position: sticky;
189
+ z-index: 1;
190
+ top: 0;
191
+ }
176
192
  }
177
193
 
178
194
  .#{$n}-chat__body {
@@ -180,7 +196,6 @@ $app-header-bgcolor: $brand3;
180
196
  position: relative;
181
197
  flex-grow: 4;
182
198
  padding: 0;
183
- overflow-y: auto;
184
199
  border-bottom: $thin-border solid $grey-b;
185
200
  }
186
201
 
@@ -7,6 +7,7 @@
7
7
  display: flex;
8
8
  align-items: center;
9
9
  justify-content: space-between;
10
+ width: 100%;
10
11
  padding: $spacer * 0.5;
11
12
  border-bottom: $thin-border solid $grey-b;
12
13
  background-color: $white;
@@ -26,6 +27,10 @@
26
27
  font-size: $fontsize-small;
27
28
  font-weight: $fontweight-bold;
28
29
  line-height: 1;
30
+
31
+ + .#{$n}-chat-status__button {
32
+ margin-top: $spacer * 0.5;
33
+ }
29
34
  }
30
35
 
31
36
  .#{$n}-chat-status--cobrowsing .#{$n}-chat-status__title {
@@ -234,6 +234,7 @@
234
234
  display: block;
235
235
  width: 100%;
236
236
  margin-bottom: $spacer * 0.5;
237
+ padding: 0 $spacer;
237
238
  font-size: $fontsize-medium;
238
239
  }
239
240
 
@@ -0,0 +1,39 @@
1
+ .#{$n}-translation-options {
2
+ width: 100%;
3
+ margin: 0;
4
+
5
+ // 1px needed for the outline focus ring
6
+ padding: 1px 0 0;
7
+ list-style: none;
8
+
9
+ &--item {
10
+ color: $brand3;
11
+ font-size: $fontsize-small;
12
+
13
+ > label {
14
+ display: flex;
15
+ align-items: center;
16
+ width: 100%;
17
+ padding: calc($spacer * 0.25) 0;
18
+ font-weight: $fontweight-bold;
19
+
20
+ &:hover {
21
+ cursor: pointer;
22
+ }
23
+
24
+ // Only show a ring when we have focused via keyboard
25
+ &:focus-within:has(input:focus-visible) {
26
+ outline: -webkit-focus-ring-color auto 1px;
27
+ }
28
+ }
29
+ }
30
+
31
+ &--icon-container {
32
+ width: 16px;
33
+ height: 16px;
34
+ margin-right: calc($spacer / 2);
35
+ .#{$n}-icon {
36
+ height: 16px;
37
+ }
38
+ }
39
+ }
@@ -42,6 +42,7 @@
42
42
  @import '7-deprecated/5-components/interrupt';
43
43
  @import '7-deprecated/5-components/skip-link';
44
44
  @import '7-deprecated/5-components/svg-graphic';
45
+ @import '7-deprecated/5-components/translation-options';
45
46
  @import '7-deprecated/5-components/disclaimer';
46
47
  @import '7-deprecated/5-components/idle';
47
48
  @import '7-deprecated/5-components/prompt';
@@ -41,6 +41,7 @@
41
41
  @import '5-components/message-body';
42
42
  @import '5-components/message-count';
43
43
  @import '5-components/suggestions';
44
+ @import '5-components/translation-options';
44
45
  @import '5-components/window-open-button';
45
46
  @import '5-components/pre-chat-messages';
46
47
  @import '5-components/unstarted';
@@ -2,7 +2,7 @@
2
2
  const path = require('path')
3
3
  const webpack = require('webpack')
4
4
  const webpackMerge = require('webpack-merge').merge
5
- const site = require('@seamly/doc-site/lib/config/site')
5
+ const { styleScssLoaders } = require('@seamly/doc-site/lib/config/site')
6
6
  const BundleAnalyzerPlugin =
7
7
  require('webpack-bundle-analyzer').BundleAnalyzerPlugin
8
8
 
@@ -113,9 +113,9 @@ module.exports = (env = {}, argv = {}, configOverrides = {}) => {
113
113
  },
114
114
  },
115
115
  {
116
- test: /\.scss$/,
117
- exclude: /(doc-site[\\\/]+|node_modules|bower_components)/,
118
- use: ['style-loader', ...site.scssLoaders({ browsers: BROWSERS })],
116
+ test: /\.scss/,
117
+ exclude: /(node_modules|bower_components)/,
118
+ use: styleScssLoaders({ browsers: BROWSERS }),
119
119
  },
120
120
  {
121
121
  test: /\.tsx?$/,
@@ -3,7 +3,7 @@ const webpackDefinePlugin = require('webpack').DefinePlugin
3
3
  const webpackMerge = require('webpack-merge').merge
4
4
  const glob = require('glob')
5
5
  const path = require('path')
6
- const { scssLoaders } = require('@seamly/doc-site/lib/config/site')
6
+ const { styleScssLoaders } = require('@seamly/doc-site/lib/config/site')
7
7
  const defaultConfig = require('./defaults')
8
8
  const generateBabelLoaderPluginsPart = require('./parts/babel-loader-plugins')
9
9
  const generateBabelLoaderBrowserPluginsPart = require('./parts/babel-loader-browser-plugins')
@@ -152,11 +152,13 @@ module.exports = (env = {}, argv = {}, configOverrides = {}) => {
152
152
  ...rule,
153
153
  options: {
154
154
  sourceType: 'unambiguous',
155
- plugins: generateBabelLoaderBrowserPluginsPart(
156
- env,
157
- argv,
158
- implConfig,
159
- ),
155
+ plugins: [
156
+ ...generateBabelLoaderBrowserPluginsPart(env, argv, implConfig),
157
+ [
158
+ 'react-remove-properties',
159
+ { properties: ['data-testid', 'data-cy'] },
160
+ ],
161
+ ],
160
162
  presets: [
161
163
  [
162
164
  '@babel/env',
@@ -183,16 +185,8 @@ module.exports = (env = {}, argv = {}, configOverrides = {}) => {
183
185
  rules: [
184
186
  {
185
187
  test: /\.scss/,
186
- use: [
187
- {
188
- loader: 'file-loader',
189
- options: {
190
- name: '[name].css',
191
- },
192
- },
193
- 'extract-loader',
194
- ...scssLoaders({ browsers: BROWSERS }),
195
- ],
188
+ exclude: /(node_modules|bower_components)/,
189
+ use: styleScssLoaders({ browsers: BROWSERS }),
196
190
  },
197
191
  ],
198
192
  },
@@ -50,9 +50,12 @@ module.exports = (env = {}, argv = {}, configOverrides = {}, options = {}) => {
50
50
  // Extra rule for changelog
51
51
  {
52
52
  test: path.resolve(ROOT, 'CHANGELOG.md'),
53
+ type: 'asset/resource',
54
+ generator: {
55
+ filename: 'changelog.html',
56
+ },
53
57
  use: site.markdownLoaders({
54
58
  siteRoot: PUBLIC_ROOT,
55
- outputName: 'changelog.html',
56
59
  layoutLoaderOptions: {
57
60
  defaultLayout: 'doc.ejs',
58
61
  toc: false,
@@ -24,6 +24,7 @@ module.exports = (env = {}, argv = {}, configOverrides = {}, options = {}) => {
24
24
 
25
25
  let config = {
26
26
  entry: {
27
+ 'lib/helpers': path.join(PUBLIC_ROOT, '/lib/helpers.js'),
27
28
  // Demo and test files
28
29
  'tests/index': path.join(PUBLIC_ROOT, '/tests/index.js'),
29
30
  'tests/deprecated': path.join(PUBLIC_ROOT, '/tests/deprecated.js'),
@@ -47,7 +48,7 @@ module.exports = (env = {}, argv = {}, configOverrides = {}, options = {}) => {
47
48
  config = site.addSiteConfig(config, {
48
49
  siteRoot: PUBLIC_ROOT,
49
50
  exclude: [],
50
- include: [PUBLIC_TEST_ROOT, path.join(PUBLIC_ROOT, 'style-guide')],
51
+ include: [PUBLIC_TEST_ROOT, PUBLIC_ROOT],
51
52
  })
52
53
  }
53
54
 
@@ -1 +0,0 @@
1
- @-webkit-keyframes cvco-loader{0%,75%,to{transform:scaleY(.45);border-radius:50%}37.5%{transform:scaleY(1);border-radius:2.5px}}@keyframes cvco-loader{0%,75%,to{transform:scaleY(.45);border-radius:50%}37.5%{transform:scaleY(1);border-radius:2.5px}}@-webkit-keyframes cvco-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes cvco-fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes cvco-blink{0%,to{opacity:0}50%{opacity:1}}@keyframes cvco-blink{0%,to{opacity:0}50%{opacity:1}}.cvco-app--deprecated{max-width:96vw;max-height:calc(85vh - 4vw);box-sizing:border-box;display:flex;position:fixed;z-index:1;right:2vw;bottom:2vw;flex-direction:column;width:375px;height:720px;overflow:hidden;transition:height .75s ease-in-out,width .75s ease-in-out;border:1px solid #a3b4bf;border-radius:10px;outline:0;background-color:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.1);color:#3d4166;font-family:arial,helvetica,sans-serif;font-size:16px}@media(min-width:641px){.cvco-app--deprecated{max-height:calc(100vh - 4vw)}@supports(-webkit-overflow-scrolling:touch){.cvco-app--deprecated{max-height:calc(90vh - 4vw)}}}@media(min-width:1025px){.cvco-app--deprecated{right:20px;bottom:20px;max-height:calc(100vh - 40px)}@supports(-webkit-overflow-scrolling:touch){.cvco-app--deprecated{max-height:calc(90vh - 40px)}}}.cvco-app--deprecated *,.cvco-app--deprecated :after,.cvco-app--deprecated :before{box-sizing:border-box}.cvco-app--layout-inline.cvco-app--deprecated{position:relative;right:auto;bottom:auto;width:auto;height:100vh;min-height:480px;max-height:640px;transition:height .3s ease-in-out,width .3s ease-in-out;background-color:transparent;background-color:initial;box-shadow:none}@media(min-width:641px){.cvco-app--layout-inline.cvco-app--deprecated{display:block;border:0}}.cvco-app--collapsed.cvco-app--deprecated{width:195px;height:54px;border:0;background:none;box-shadow:none}.cvco-app--collapsed.cvco-app--started.cvco-app--deprecated{width:375px}.cvco-app-wrapper{display:flex;position:relative;z-index:1;flex:1 1 100%;flex-direction:column;width:100%;transition:width .3s ease-in-out,margin-right .3s ease-in-out,border-radius .3s ease-in-out;background-color:#fff}@media(min-width:641px){.cvco-app--layout-inline.cvco-app--deprecated .cvco-app-wrapper{width:50%;height:100%;margin-right:50%;border:1px solid #a3b4bf;border-top-left-radius:10px;border-bottom-left-radius:10px}.cvco-app--layout-inline.cvco-app--deprecated .cvco-app-wrapper:last-child{width:100%;margin-right:0;border-radius:10px}}@media(min-width:1025px){.cvco-app--layout-inline.cvco-app--deprecated .cvco-app-wrapper,.cvco-app--layout-inline.cvco-app--deprecated .cvco-app-wrapper:last-child{width:67%;margin-right:33%}}.cvco-chat__header{display:flex;position:relative;flex:0 0 auto;flex-direction:row;justify-content:flex-end;height:54px;padding:10px;border-bottom:1px solid #dee3e5;border-top-left-radius:10px;border-top-right-radius:10px}.cvco-app--collapsed.cvco-app--deprecated .cvco-chat__header{border-bottom:0;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background-color:#4a48c1;color:#fff}.cvco-toggle-button{display:none;position:absolute;z-index:1;flex-direction:column;justify-content:center;width:100%;height:54px;margin:0;padding:10px 10px 10px 52px;border:0;background:none;background-color:transparent;color:#fff;font-size:12px}.cvco-app--collapsed.cvco-app--deprecated .cvco-toggle-button{display:flex}.cvco-toggle-button__title{margin:0;font-size:12px}.cvco-toggle-button__subtitle{margin:0;font-size:12px;font-weight:700}.cvco-toggle-button__button{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;background:none}.cvco-toggle-button__button:focus{outline:1px solid #fff;outline-offset:-5px}.cvco-chat__container{display:flex;position:relative;flex:1 1 auto;flex-direction:column;max-height:100%}.cvco-chat__body{display:flex;position:relative;flex-grow:4;padding:0;overflow-y:auto;border-bottom:1px solid #dee3e5}.cvco-app--collapsed.cvco-app--deprecated .cvco-chat__body{display:none}.cvco-app--layout-window.cvco-app--deprecated .cvco-chat__body{overscroll-behavior:contain;-ms-scroll-chaining:none}.cvco-chat__entry{position:relative;flex:0 0 auto;padding:10px}.cvco-app--collapsed.cvco-app--deprecated .cvco-chat__entry,.cvco-chat__entry .cvco-entry__body--hidden{display:none}.cvco-entry__body{display:flex;align-items:center}.cvco-app--deprecated p{margin:0}.cvco-app--deprecated img{max-width:100%}.cvco-app--deprecated h1,.cvco-app--deprecated h2,.cvco-app--deprecated h3,.cvco-app--deprecated h4,.cvco-app--deprecated h5,.cvco-app--deprecated h6{font-size:1rem;font-weight:400}.cvco-app--deprecated .cvco-input__checkbox{margin-right:10px}.cvco-app--deprecated .cvco-input__checkbox[aria-disabled=true]{opacity:.5}.cvco-app--deprecated .cvco-label{display:block;margin-bottom:5px;color:#4a48c1;font-size:14px;font-weight:700}.cvco-app--deprecated .cvco-input__checkbox[aria-disabled=true]+.cvco-label{opacity:.5}.cvco-app--deprecated .cvco-input__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;padding:10px;transition:padding .3s ease-in-out;border:1px solid #dee3e5;border-radius:5px;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzRBNDhDMSIgZD0iTTIuOTk4IDYuNTAzYS45OTkuOTk5IDAgMDExLjY4Ny0uNzI3TDcuMjcgOC4yMjJjLjM5NC4zNzMgMS4wNi4zNzMgMS40NTQgMGwyLjU4Ni0yLjQ0NmEuOTk5Ljk5OSAwIDExMS4zNzQgMS40NTRsLTIuNTg2IDIuNDQ2Yy0xLjE1OSAxLjA5Ni0zLjA0MyAxLjA5Ni00LjIwMyAwTDMuMzEgNy4yMjlhLjk5NC45OTQgMCAwMS0uMzEyLS43MjZ6Ii8+PC9zdmc+");background-repeat:no-repeat;background-position:right 10px top 50%;background-size:15px auto;color:#3d4166;font-size:12px;resize:none}@supports(-webkit-overflow-scrolling:touch){.cvco-app--deprecated .cvco-input__select{font-size:16px}}.cvco-app--deprecated .cvco-input__select:hover{border:1px solid #4a48c1}.cvco-app--deprecated .cvco-input__select[aria-disabled=true],.cvco-app--deprecated .cvco-input__select[aria-disabled=true]:hover{border:1px solid #a3b4bf;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI2EzYjRiZiIgZD0iTTIuOTk4IDYuNTAzYS45OTkuOTk5IDAgMDExLjY4Ny0uNzI3TDcuMjcgOC4yMjJjLjM5NC4zNzMgMS4wNi4zNzMgMS40NTQgMGwyLjU4Ni0yLjQ0NmEuOTk5Ljk5OSAwIDExMS4zNzQgMS40NTRsLTIuNTg2IDIuNDQ2Yy0xLjE1OSAxLjA5Ni0zLjA0MyAxLjA5Ni00LjIwMyAwTDMuMzEgNy4yMjlhLjk5NC45OTQgMCAwMS0uMzEyLS43MjZ6Ii8+PC9zdmc+");color:#a3b4bf}.cvco-app--deprecated .cvco-header-controls{flex-direction:row;justify-content:space-around}.cvco-app--deprecated .cvco-header-controls>button{display:inline-block;width:32px;height:32px;padding:0;overflow:hidden;vertical-align:top}.cvco-app--deprecated .cvco-header-controls .cvco-icon{width:32px;height:32px}.cvco-app--deprecated.cvco-app--collapsed .cvco-header-controls{display:none}.cvco-app--deprecated .cvco-agent-info{display:flex;flex-direction:row;flex-grow:4;align-items:center;padding:2px 0}.cvco-app--deprecated .cvco-agent-info__graphic{position:relative;flex:0 0 auto;width:32px;height:32px;margin-right:10px}.cvco-app--deprecated .cvco-agent-info__graphic .cvco-avatar,.cvco-app--deprecated .cvco-agent-info__graphic .cvco-icon{display:block;width:100%;height:100%;overflow:hidden;border-radius:5px}.cvco-app--deprecated.cvco-app--collapsed .cvco-agent-info__graphic .topbubble{fill:#fff}.cvco-app--deprecated .cvco-agent-info__body{flex:1 1 auto}.cvco-app--deprecated.cvco-app--collapsed .cvco-agent-info__body{display:none}.cvco-app--deprecated .cvco-agent-info__heading{margin:0;font-size:12px}.cvco-app--deprecated .cvco-agent-info__text{margin:0;font-size:12px;font-weight:700}.cvco-app--deprecated .cvco-avatar{display:block;position:relative;flex-shrink:0;width:32px;height:32px;overflow:hidden;border-radius:5px}.cvco-app--deprecated .cvco-avatar>.cvco-icon,.cvco-app--deprecated .cvco-avatar__graphic{display:block}.cvco-app--deprecated .cvco-conversation__message+.cvco-avatar{align-self:flex-end;margin-left:10px}.cvco-app--deprecated .cvco-avatar--bg-white{background-color:#fff}.cvco-app--deprecated .cvco-avatar--arrow-right{margin-right:5px;overflow:visible}.cvco-app--deprecated .cvco-avatar--arrow-right:after{content:"";display:inline-block;position:absolute;top:50%;right:-6.666px;width:0;height:0;transform:translateY(-50%);border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #003a5d}.cvco-app--deprecated .cvco-button{display:inline-block;margin:0;padding:0;border:0;background:none;text-align:left;cursor:pointer}.cvco-app--deprecated .cvco-button span{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit}.cvco-app--deprecated .cvco-button--primary{min-height:30px;padding:5px 15px;border-radius:15px;border-color:#fff;background-color:#4a48c1;color:#fff;font-weight:700}.cvco-app--deprecated .cvco-button--secondary{padding:10px;color:#4a48c1;font-weight:700}.cvco-app--deprecated .cvco-button--tertiary{padding:2px 5px;border-radius:10px;background-color:transparent;background-color:initial;color:#fff;font-size:12px;font-weight:700}.cvco-app--deprecated .cvco-button[aria-disabled=true]{color:#5e727b;cursor:auto}.cvco-app--deprecated .cvco-button--choose-again{display:flex;align-items:center;margin:5px 0 10px;padding:0}.cvco-app--deprecated .cvco-button--choose-again:last-child{margin-bottom:0}.cvco-app--deprecated .cvco-button--choose-again .cvco-icon{display:flex;flex:0 0 8px;align-items:center;justify-content:center;width:8px;height:8px;margin:3px 5px;transform-origin:50% 50%;transition:transform .3s ease-in-out}.cvco-app--deprecated .cvco-button--choose-again[aria-expanded=true] .cvco-icon{transform:rotate(180deg)}.cvco-app--deprecated .cvco-button--choose-again .cvco-icon svg{display:block;width:100%}.cvco-app--deprecated .cvco-button__state{display:inline-block;margin:-3px -3px -3px 3px;padding:3px 5px;border-radius:5px;background-color:#eff3f6;color:inherit}.cvco-app--deprecated .cvco-choice-prompt{display:flex;flex-direction:column;padding:0}.cvco-app--deprecated .cvco-choice-prompt__item{display:block;width:100%;margin-top:5px;margin-left:0}.cvco-app--deprecated .cvco-choice-prompt__item:first-child{margin-top:0}.cvco-app--deprecated .cvco-choice-prompt__item .cvco-button{display:block;width:100%;white-space:normal}.cvco-app--deprecated .cvco-choice-prompt__item--secondary .cvco-button{background-color:transparent;background-color:initial;color:#4a48c1}.cvco-app--deprecated .cvco-conversation__container{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;flex:1 1 100%;flex-direction:column;justify-content:space-between;height:100%;max-height:100%}.cvco-app--deprecated .cvco-conversation{list-style:none;width:100%;margin:auto 0 0;padding:20px 20px 0}.cvco-app--deprecated .cvco-conversation:after{content:"";display:block;flex:0 0 100%;width:100%;height:20px}.cvco-app--deprecated .cvco-app--layout-inline .cvco-conversation{position:relative}.cvco-app--deprecated .cvco-conversation__item{width:100%;min-height:0;margin-top:10px}.cvco-app--deprecated .cvco-conversation__item--new-participant{margin-top:20px}.cvco-app--deprecated .cvco-divider{display:flex;position:relative;justify-content:center;margin:20px -20px 0;padding:65px 30px 0;overflow:hidden;background:linear-gradient(180deg,#fff,#eff3f6);background-repeat:no-repeat;background-size:100% 40px;font-family:arial,helvetica,sans-serif;font-size:12px;line-height:1.5}.cvco-app--deprecated .cvco-divider:before{content:"";position:absolute;top:0;left:50%;width:100%;height:40px;transform:translateX(-50%);background:radial-gradient(110px at 50%,at 300%,rgba(74,72,193,.5) 0,hsla(0,0%,100%,0) 99.99%,rgba(74,72,193,0) 100%);background:radial-gradient(110px at 50% 300%,rgba(74,72,193,.5) 0,hsla(0,0%,100%,0) 99.99%,rgba(74,72,193,0) 100%);background-repeat:no-repeat}.cvco-app--deprecated .cvco-divider--type-time-indicator{padding-top:60px;padding-bottom:20px}.cvco-app--deprecated .cvco-divider--type-time-indicator:before{display:none}.cvco-app--deprecated .cvco-conversation__item:first-child .cvco-divider{margin-top:0;padding-bottom:10px}.cvco-app--deprecated .cvco-divider__graphic{position:absolute;top:40px;left:50%;width:32px;height:32px;transform:translate(-50%,-60%);border-radius:5px;background:#fff}.cvco-app--deprecated .cvco-divider__graphic .cvco-avatar,.cvco-app--deprecated .cvco-divider__graphic .cvco-icon,.cvco-app--deprecated .cvco-divider__graphic .cvco-icon svg{width:100%;height:100%}.cvco-app--deprecated .cvco-divider__time{text-align:center}.cvco-app--deprecated .cvco-divider__time span{display:block}.cvco-app--deprecated .cvco-divider__time span:first-of-type{font-weight:700}.cvco-app--deprecated .cvco-divider--type-newtranslation{text-align:center}.cvco-app--deprecated .cvco-divider--type-newtranslation .cvco-divider__body{max-width:80%}.cvco-app--deprecated .cvco-divider--type-newtranslation .cvco-divider__title{font-weight:700}.cvco-app--deprecated .cvco-divider .cvco-button{padding:0;font-size:inherit}.cvco-app--deprecated .cvco-loader{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:20px;padding:2.5px 5px;-webkit-animation:cvco-fadeIn .3s linear;animation:cvco-fadeIn .3s linear}.cvco-app--deprecated .cvco-loader__part{display:inline-block;width:6.666px;height:100%;margin-right:5px;transform:scaleY(.45);-webkit-animation-name:cvco-loader;animation-name:cvco-loader;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:.12s;animation-delay:.12s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;border-radius:50%;background-color:currentcolor}.cvco-app--deprecated .cvco-loader__part.cvco-one{-webkit-animation-delay:.12s;animation-delay:.12s}.cvco-app--deprecated .cvco-loader__part.cvco-two{-webkit-animation-delay:.24s;animation-delay:.24s}.cvco-app--deprecated .cvco-loader__part.cvco-three{-webkit-animation-delay:.36s;animation-delay:.36s}.cvco-app--deprecated .cvco-loader__part.cvco-four{margin-right:0;-webkit-animation-delay:.48s;animation-delay:.48s}.cvco-app--deprecated .cvco-loader--white .cvco-loader__part{background-color:#fff}.cvco-app--deprecated .cvco-loader--grey .cvco-loader__part{background-color:#dee3e5}.cvco-app--deprecated .cvco-message{display:flex;flex-flow:row wrap;width:80%;font-family:arial,helvetica,sans-serif;font-size:12px;line-height:1.5}.cvco-app--deprecated .cvco-message+.cvco-message,.cvco-app--deprecated .cvco-message+div>.cvco-message{margin-top:10px}.cvco-app--deprecated .cvco-message__author{display:none;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;margin-bottom:.3rem;padding:0 10px;font-weight:700}.cvco-app--deprecated .cvco-message__avatar{width:16px;height:16px;margin:0 .5em 0 0}.cvco-app--deprecated .cvco-message__avatar .cvco-avatar{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.cvco-app--deprecated .cvco-conversation__item--new-participant .cvco-message__author,.cvco-app--deprecated .cvco-divider--type-time-indicator+.cvco-message--source-agent .cvco-message__author,.cvco-app--deprecated .cvco-divider--type-time-indicator+.cvco-message--source-user .cvco-message__author{display:flex}.cvco-app--deprecated .cvco-message__body{display:block;position:relative;max-width:100%;margin-bottom:5px;padding:10px 15px;border-radius:10px;background-color:#eff3f6;color:#3d4166}.cvco-app--deprecated .cvco-message__body .cvco-icon svg path{fill:#3d4166}.cvco-app--deprecated .cvco-message__body:last-child{margin-bottom:0}.cvco-app--deprecated .cvco-message__info,.cvco-app--deprecated .cvco-message__translation-info{width:100%}.cvco-app--deprecated.cvco-app--collapsed .cvco-message__translation-info{display:none}.cvco-app--deprecated .cvco-message__translation-label{margin-right:5px;font-size:12px}.cvco-app--deprecated .cvco-button.cvco-message__translation-toggle{padding:0;font-size:inherit}.cvco-app--deprecated .cvco-conversation__item--source-info{margin-top:20px;margin-bottom:20px}.cvco-app--deprecated .cvco-conversation__item--source-info:last-child{margin-bottom:0}.cvco-app--deprecated .cvco-conversation__item--source-info .cvco-message{width:90%;max-width:90%;margin:0 auto}.cvco-app--deprecated .cvco-conversation__item--source-info .cvco-message:after{content:"";display:block;width:20px;height:0;margin:0 auto;border-top:2px solid #4a48c1}.cvco-app--deprecated .cvco-conversation__item--source-info .cvco-message__body{flex:0 0 100%;width:100%;padding:0 15px 10px;border-radius:0;background-color:transparent;background-color:initial;text-align:center}.cvco-app--deprecated .cvco-message--source-user{justify-content:flex-end;margin-left:auto}.cvco-app--deprecated .cvco-message--source-user .cvco-message__author{justify-content:flex-end}.cvco-app--deprecated .cvco-message--source-user .cvco-message__body{background-color:#223182;color:#fff}.cvco-app--deprecated .cvco-message--source-user .cvco-message__body .cvco-icon svg path{fill:#fff}.cvco-app--deprecated .cvco-message--source-user .cvco-message__avatar{order:2;margin:0 0 0 .5em}.cvco-app--deprecated .cvco-message--source-user .cvco-message__author-name{order:1}.cvco-app--deprecated .cvco-message--source-user .cvco-message__info,.cvco-app--deprecated .cvco-message--source-user .cvco-message__translation-info{text-align:right}.cvco-app--deprecated .cvco-message--type-text .cvco-message__body ol:only-child,.cvco-app--deprecated .cvco-message--type-text .cvco-message__body p:only-child,.cvco-app--deprecated .cvco-message--type-text .cvco-message__body ul:only-child{margin:0}.cvco-app--deprecated .cvco-message--type-text .cvco-message__body ol:last-child,.cvco-app--deprecated .cvco-message--type-text .cvco-message__body p:last-child,.cvco-app--deprecated .cvco-message--type-text .cvco-message__body ul:last-child{margin-bottom:0}.cvco-app--deprecated .cvco-message--type-text .cvco-message__body ol,.cvco-app--deprecated .cvco-message--type-text .cvco-message__body p,.cvco-app--deprecated .cvco-message--type-text .cvco-message__body ul{margin:0 0 1em}.cvco-app--deprecated .cvco-message--type-text .cvco-message__body ol,.cvco-app--deprecated .cvco-message--type-text .cvco-message__body ul{padding-left:1.5em}.cvco-app--deprecated .cvco-message--type-text .cvco-message__body a{color:#4a48c1;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.cvco-app--deprecated .cvco-message--type-text .cvco-message__body a:hover{text-decoration:none}.cvco-app--deprecated .cvco-message--type-text.cvco-message--source-user .cvco-message__body a{color:#fff}.cvco-app--deprecated .cvco-message--type-loading .cvco-message__body{align-self:flex-start}.cvco-app--deprecated .cvco-message--type-loading.cvco-message--source-user .cvco-message__body{align-self:flex-end}.cvco-app--deprecated .cvco-message--type-choice-prompt .cvco-message__body{width:100%}.cvco-app--deprecated .cvco-message--type-choice-prompt:not(.cvco-message--type-choice-prompt-selected) .cvco-message__body{padding:0;background:none}.cvco-app--deprecated .cvco-message--type-choice-prompt-selected .cvco-message__choice-indicator{content:"";position:absolute;top:10px;right:0;width:1.5em;height:1.5em;padding:4px;transform:translate(48%,-4px);border-radius:50%;background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.25)}.cvco-app--deprecated .cvco-message--type-choice-prompt-selected .cvco-message__choice-indicator>svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cvco-app--deprecated .cvco-message--type-image .cvco-message__body{padding:0}.cvco-app--deprecated .cvco-message--type-image .cvco-message__body img{display:block;width:100%;height:auto;overflow:hidden;border-radius:10px}.cvco-app--deprecated .cvco-message--type-video .cvco-message__body{width:100%;padding:0 0 66%;background-color:#000}.cvco-app--deprecated .cvco-message--type-video .cvco-message__body iframe{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;border:0;border-radius:10px}.cvco-app--deprecated .cvco-message--type-upload .cvco-download{display:flex;align-items:center;width:100%;text-decoration:line-through;word-break:break-all}.cvco-app--deprecated .cvco-message--type-upload .cvco-download-link{color:inherit;text-decoration:underline}.cvco-app--deprecated .cvco-message--type-upload .cvco-download-link:hover{text-decoration:none}.cvco-app--deprecated .cvco-message--type-upload .cvco-icon{flex:0 0 16px;width:16px;height:16px;margin-right:10px}.cvco-app--deprecated .cvco-message--type-upload .cvco-icon svg{width:100%;height:100%}.cvco-app--deprecated .cvco-message--deleted .cvco-file-download{text-decoration:line-through}.cvco-app--deprecated .cvco-message .cvco-message__info{margin-top:4px;color:#6a7f8c;font-size:12px;line-height:1.35}.cvco-app--deprecated .cvco-message--type-cta .cvco-message__body{display:flex;flex-direction:column;width:100%;padding:10px 15px 15px;background-color:#223182}.cvco-app--deprecated .cvco-message--type-cta .cvco-cta__content{margin-bottom:10px;color:#fff;font-size:14px;line-height:1.5}.cvco-app--deprecated .cvco-message--type-cta .cvco-cta__content p{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit}.cvco-app--deprecated .cvco-message--type-cta .cvco-button{margin-bottom:10px;line-height:2;text-decoration:none}.cvco-app--deprecated .cvco-message--type-cta .cvco-button:last-child{margin-bottom:0}.cvco-app--deprecated .cvco-message--type-card .cvco-message__body{display:flex;flex-direction:column;width:100%;padding:0}.cvco-app--deprecated .cvco-message--type-carousel .cvco-message__body{display:block;padding:0}.cvco-app--deprecated .cvco-message-count{display:flex;position:absolute;top:-8px;right:-8px;align-items:center;justify-content:center;width:20px;height:20px;transform:scale(1);transition:transform .3s cubic-bezier(.175,.885,.32,1.275) .5s;border-radius:50%;background-color:#db1639;color:#fff;font-size:12px;font-weight:700;line-height:1}.cvco-app--deprecated .cvco-message-count.cvco-message-count__empty,.cvco-app--deprecated .cvco-message-count__hide{transform:scale(0);transition:transform .3s linear 0s}.cvco-app--deprecated .cvco-icon{display:inline-block;line-height:1}.cvco-app--deprecated .cvco-entry-form{display:flex;flex:1 1 100%;width:100%;height:100%}.cvco-app--deprecated .cvco-input--text__container{display:flex;position:relative;flex:1 1 100%;height:100%;margin-right:5px}.cvco-app--deprecated .cvco-input__text{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-grow:4;height:100%;margin-right:5px;padding:10px;transition:padding .3s ease-in-out;border:1px solid transparent;border-radius:5px;color:#3d4166;font-size:12px;resize:none}@supports(-webkit-overflow-scrolling:touch){.cvco-app--deprecated .cvco-input__text{font-size:16px}}.cvco-app--deprecated .cvco-input__text::input-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app--deprecated .cvco-input__text::-moz-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app--deprecated .cvco-input__text::placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app--deprecated .cvco-input__text:input-placeholder,.cvco-app--deprecated .cvco-input__text:placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app--deprecated .cvco-input--text__container .cvco-input__text{width:100%;margin-right:0}.cvco-app--deprecated .cvco-character-exceeded .cvco-input__text,.cvco-app--deprecated .cvco-character-warning .cvco-input__text{padding-right:40px}.cvco-app--deprecated .cvco-character-exceeded .cvco-input__text{border:1px solid #db1639}.cvco-app--deprecated .cvco-input__submit{display:flex;align-items:center;justify-content:center;padding:0}.cvco-app--deprecated .cvco-input__submit[aria-disabled=true]{opacity:.5;cursor:auto}.cvco-app--deprecated .cvco-input__submit .cvco-icon{width:32px;height:32px}.cvco-app--deprecated .cvco-faqs{display:none;width:100%;height:0;min-height:0;transition:height .3s ease-in-out,min-height .3s ease-in-out,transform .3s ease-in-out;background-color:#eff3f6}.cvco-app--deprecated.cvco-app--layout-window .cvco-faqs{overscroll-behavior:contain;-ms-scroll-chaining:none}@media(min-width:641px){.cvco-app--deprecated.cvco-app--layout-inline .cvco-faqs{position:absolute;top:0;left:50%;flex-direction:column;width:50%;height:480px;min-height:480px;max-height:100%;transform:translateX(-100%);border:1px solid #a3b4bf;border-left:0;border-top-right-radius:10px;border-bottom-right-radius:10px}}@media(min-width:1025px){.cvco-app--deprecated.cvco-app--layout-inline .cvco-faqs{left:67%;width:33%}}.cvco-app--deprecated .cvco-faqs.cvco-transition--visible{display:block}@media(min-width:641px){.cvco-app--deprecated.cvco-app--layout-inline .cvco-faqs.cvco-transition--visible{display:flex}}.cvco-app--deprecated.cvco-app--collapsed .cvco-faqs,.cvco-app--deprecated.cvco-app--collapsed .cvco-faqs.cvco-transition--visible{display:none}.cvco-app--deprecated .cvco-faqs.cvco-transition--in{height:30%;max-height:240px;overflow-y:auto}@media(min-width:641px){.cvco-app--deprecated.cvco-app--layout-inline .cvco-faqs.cvco-transition--in{height:480px;min-height:480px;max-height:100%;overflow-y:visible;overflow-y:initial;transform:translateX(0)}}.cvco-app--deprecated .cvco-faqs__heading{flex:0 0 auto;margin:0;padding:20px 20px 10px;transition:opacity .3s ease-in-out;opacity:0;color:#003a5d;font-size:14px;font-weight:700}.cvco-app--deprecated .cvco-faqs__heading:last-child{padding-bottom:20px}.cvco-app--deprecated .cvco-faqs.cvco-transition--in .cvco-faqs__heading{transition:opacity .3s ease-in-out .2s;opacity:1}.cvco-app--deprecated .cvco-faqs__list{margin:0;list-style:none;display:block;width:100%;height:auto;padding:0 20px;transition:opacity .3s ease-in-out;opacity:0}.cvco-app--deprecated .cvco-faqs__list:after{content:"";display:block;flex:0 0 20px;width:100%;height:20px}.cvco-app--deprecated .cvco-faqs.cvco-transition--in .cvco-faqs__list{transition:opacity .3s ease-in-out .2s;opacity:1}@media(min-width:641px){.cvco-app--deprecated.cvco-app--layout-inline .cvco-faqs__list{flex:1 1 100%;height:100%;max-height:100%;overflow-y:auto}}.cvco-app--deprecated .cvco-faqs__item{display:block;width:100%;margin-bottom:5px}.cvco-app--deprecated .cvco-faqs__item:last-child{margin-bottom:0}.cvco-app--deprecated .cvco-faqs__item .cvco-button.cvco-button--secondary{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:0 0 0 15px;border:0;border-radius:5px;background:transparent none repeat 0 0/auto auto padding-box border-box scroll;background:initial;font-size:12px;text-align:left;text-decoration:none;text-decoration:initial;white-space:normal}.cvco-app--deprecated .cvco-faqs__item .cvco-button.cvco-button--secondary:hover{color:#223182;text-decoration:underline}.cvco-app--deprecated .cvco-faqs__item .cvco-button.cvco-button--secondary .cvco-icon{position:absolute;left:0;width:8px;height:8px;transition:transform .3s ease-in-out}.cvco-app--deprecated .cvco-faqs__item .cvco-button.cvco-button--secondary:hover .cvco-icon{transform:translateX(5px)}.cvco-app--deprecated .cvco-faqs__item .cvco-button.cvco-button--secondary:hover .cvco-icon svg path{fill:#223182}.cvco-app--deprecated.cvco-app--layout-window .cvco-faqs__list{overscroll-behavior:contain;-ms-scroll-chaining:none}.cvco-app--deprecated .cvco-interrupt{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;background:#fff}.cvco-app--deprecated .cvco-interrupt__body{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;margin:10px;padding:40px;border:1px solid #dee3e5;border-radius:10px}.cvco-app--deprecated .cvco-interrupt__title{font-size:16px;font-weight:700}.cvco-app--deprecated .cvco-interrupt__message{margin-bottom:40px;font-size:16px}.cvco-app--deprecated .cvco-interrupt__actions{margin-top:auto}.cvco-app--deprecated .cvco-skip-link{position:absolute;z-index:100;top:10px;left:50%;padding:10px 20px;transform:translate(-50%,-5px) scale(0);transform-origin:50% 0;transition:transform .3s ease-in-out,opacity .3s ease-in-out;border:1px solid #fff;border-radius:20px;opacity:0;background:#4a48c1;color:#fff;font-size:12px}.cvco-app--deprecated .cvco-skip-link:focus{transform:translate(-50%) scale(1);opacity:1}.cvco-app--deprecated .cvco-svg-graphic{display:inline-block;position:relative}.cvco-app--deprecated .cvco-svg-graphic__path-fill-primary{fill:#003a5d}.cvco-app--deprecated .cvco-svg-graphic__path-fill-secondary{fill:#223182}.cvco-app--deprecated .cvco-svg-graphic__path-fill-tertiary{fill:#4a48c1}.cvco-app--deprecated .cvco-svg-graphic__path-fill-white{fill:#fff}.cvco-app--deprecated .cvco-svg-graphic__path-fill-black{fill:#000}.cvco-app--deprecated .cvco-svg-graphic__path-fill-highlight{fill:#ffc700}.cvco-app--deprecated .cvco-svg-graphic__path-fill-positive{fill:#00875e}.cvco-app--deprecated .cvco-svg-graphic__path-fill-negative{fill:#db1639}.cvco-app--deprecated .cvco-disclaimer{display:block;flex:0 0 auto;width:100%;height:auto;padding:10px 20px;background-color:#eff3f6}.cvco-app--deprecated.cvco-app--collapsed .cvco-disclaimer{display:none}.cvco-app--deprecated .cvco-disclaimer__title{margin:0 0 5px;padding-right:20px;font-size:12px;font-weight:700;line-height:1}.cvco-app--deprecated .cvco-disclaimer__message{font-size:12px;line-height:1.25}.cvco-app--deprecated .cvco-idle{display:flex;flex-direction:column;align-items:center;justify-content:space-between;max-height:none;padding:10px}.cvco-app--deprecated .cvco-idle__title{margin-top:0;margin-bottom:5px;font-size:16px;font-weight:700;text-align:center}.cvco-app--deprecated .cvco-idle__title:last-child{margin-bottom:0}.cvco-app--deprecated .cvco-idle__count-container{display:block;width:100%;height:2.75em;margin-bottom:10px;font-size:12px}.cvco-app--deprecated .cvco-idle__count-text,.cvco-app--deprecated .cvco-idle__count-timer{display:block;width:100%;font-size:inherit;text-align:center;white-space:nowrap}.cvco-app--deprecated .cvco-idle__options{display:flex;flex-wrap:wrap;justify-content:center;width:100%;margin:0;padding:0;list-style-type:none}.cvco-app--deprecated .cvco-idle__options .cvco-button{margin:5px 5px 0;text-align:center;white-space:normal}.cvco-app--deprecated .cvco-prompt{display:flex;flex-direction:column;align-items:center;justify-content:space-between;max-height:none;padding:10px}.cvco-app--deprecated .cvco-prompt__title{margin-top:0;margin-bottom:5px;font-size:16px;font-weight:700;text-align:center}.cvco-app--deprecated .cvco-prompt__title:last-child{margin-bottom:0}.cvco-app--deprecated .cvco-prompt__options{display:flex;flex-wrap:wrap;justify-content:center;width:100%;margin:0;padding:0;list-style-type:none}.cvco-app--deprecated .cvco-prompt__options .cvco-button{margin:5px 5px 0;text-align:center;white-space:normal}.cvco-app--deprecated .cvco-chat__options{display:flex;position:relative;align-items:center;justify-content:flex-end;padding:5px;border-top:1px solid #dee3e5}.cvco-app--deprecated .cvco-chat__options-item--left{margin-right:auto}.cvco-app--deprecated.cvco-app--collapsed .cvco-chat__options{display:none}.cvco-app--deprecated .cvco-chat__options__button{display:flex;align-items:center;justify-content:flex-end;padding:5px 10px;border-radius:15px}.cvco-app--deprecated.cvco-app--collapsed .cvco-chat__options-button{display:none}.cvco-app--deprecated .cvco-chat__options__button .cvco-icon{flex:0 0 15px;width:15px;height:15px;margin-right:5px}.cvco-app--deprecated .cvco-chat__options__button .cvco-icon svg{width:100%;height:100%}.cvco-app--deprecated .cvco-chat__options__button[aria-disabled=true] .cvco-icon path{fill:currentcolor}.cvco-app--deprecated .cvco-options__menu{display:none;position:absolute;right:10px;bottom:calc(100% + 10px);max-width:300px;max-height:400px;margin:0;padding:10px;transform:scaleY(0) translateY(100px);transform-origin:100% 100%;transition:transform .2s ease-in-out,opacity .2s ease;border:1px solid #dee3e5;border-radius:5px;opacity:0;background-color:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.1);list-style:none}.cvco-app--deprecated .cvco-options__menu.cvco-transition--visible{display:block}.cvco-app--deprecated .cvco-options__menu.cvco-transition--in{transform:scaleY(1) translateY(0);opacity:1}.cvco-app--deprecated .cvco-options__menu__item{margin-bottom:5px;transition:opacity .1s ease .1s;opacity:0}.cvco-app--deprecated .cvco-options__menu__item:last-child{margin-bottom:0}.cvco-app--deprecated .cvco-options__menu.cvco-transition--in .cvco-options__menu__item{opacity:1}.cvco-app--deprecated .cvco-options__menu .cvco-button{display:flex;align-items:center;width:100%;min-width:200px;border-radius:5px}.cvco-app--deprecated .cvco-options__menu .cvco-button:hover{background-color:#223182;color:#fff}.cvco-app--deprecated .cvco-options__menu .cvco-button[aria-disabled=true]:hover{background-color:transparent;background-color:initial;color:#5e727b}.cvco-app--deprecated .cvco-options{display:none;position:absolute;right:10px;bottom:calc(100% + 10px);flex-direction:column;width:calc(100% - 20px);max-width:300px;margin:0;padding:0;transform:scaleY(0) translateY(100px);transform-origin:100% 100%;transition:transform .2s ease-in-out,opacity .2s ease;border:1px solid #dee3e5;border-radius:5px;opacity:0;background-color:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.1);list-style:none}.cvco-app--deprecated .cvco-options--left{right:auto;left:10px}.cvco-app--deprecated .cvco-options--right{right:10px}.cvco-app--deprecated .cvco-options__dialog.cvco-transition--visible .cvco-options{display:flex}.cvco-app--deprecated .cvco-options__dialog.cvco-transition--in .cvco-options{transform:scaleY(1) translateY(0);opacity:1}.cvco-app--deprecated .cvco-options__body{display:flex;flex-direction:column;max-height:300px;transition:opacity .1s ease .1s;opacity:0}.cvco-app--deprecated .cvco-options__dialog.cvco-transition--in .cvco-options__body{opacity:1}.cvco-app--deprecated .cvco-options__title{display:flex;flex:0 0 auto;align-items:center;width:calc(100% - 42px);margin:0;padding:20px 20px 10px;color:#223182;font-size:16px;font-weight:700}.cvco-app--deprecated .cvco-options__close{position:absolute;top:10px;right:10px;width:32px;height:32px;font-size:0}.cvco-app--deprecated .cvco-options__close .cvco-icon{display:flex;align-items:center;justify-content:center}.cvco-app--deprecated .cvco-options__body form{display:flex;flex:1 1 auto;flex-direction:column;width:100%}.cvco-app--deprecated .cvco-options__wrapper{display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:flex-start;width:100%;padding:0 20px;overflow:auto}.cvco-app--deprecated .cvco-options__wrapper:last-child:after{content:"";display:block;flex:0 0 100%;width:100%;height:20px}.cvco-app--deprecated .cvco-options__body div{width:100%}.cvco-app--deprecated .cvco-options__wrapper h3{margin:0;color:#223182;font-size:14px;font-weight:700}.cvco-app--deprecated .cvco-options__description{display:block;width:100%;margin-bottom:10px;font-size:14px}.cvco-app--deprecated .cvco-transcript__input{width:100%;padding:10px;transition:padding .3s ease-in-out;border:1px solid #dee3e5;border-radius:5px;font-size:12px}.cvco-app--deprecated .cvco-transcript__input:focus{border:1px solid #dee3e5}@supports(-webkit-overflow-scrolling:touch){.cvco-app--deprecated .cvco-transcript__input{font-size:16px}}.cvco-app--deprecated .cvco-transcript__input::input-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app--deprecated .cvco-transcript__input::-moz-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app--deprecated .cvco-transcript__input::placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app--deprecated .cvco-transcript__input:input-placeholder,.cvco-app--deprecated .cvco-transcript__input:placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app--deprecated .cvco-options__active-language{color:#3d4166;font-size:14px}.cvco-app--deprecated .cvco-options__actions{display:flex;flex:0 0 auto;justify-content:flex-end;width:100%;margin-top:10px;padding:0}.cvco-app--deprecated .cvco-options__actions .cvco-button{width:100%;margin-right:10px}.cvco-app--deprecated .cvco-options__actions .cvco-button:last-child{margin-right:0}.cvco-app--deprecated .cvco-chat-status{display:flex;align-items:center;justify-content:space-between;padding:10px;border-bottom:1px solid #dee3e5;background-color:#fff}.cvco-app--deprecated.cvco-app--collapsed .cvco-chat-status{display:none}.cvco-app--deprecated .cvco-chat-status__title{display:flex;align-items:center;margin:0 10px 0 0;color:#3d4166;font-size:12px;font-weight:700;line-height:1}.cvco-app--deprecated .cvco-chat-status--cobrowsing .cvco-chat-status__title:before{content:"";display:block;flex:0 0 10px;width:10px;height:10px;margin-right:5px;-webkit-animation-name:cvco-blink;animation-name:cvco-blink;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;border-radius:50%;background-color:#4a48c1}.cvco-app--deprecated .cvco-chat-status .cvco-button--tertiary{color:#4a48c1}.cvco-app--deprecated .cvco-upload-toggle-wrapper{width:0;height:100%;overflow:visible;transition:width .3s ease-in-out}.cvco-app--deprecated .cvco-upload-toggle-wrapper.cvco-transition--in{width:42px}.cvco-app--deprecated .cvco-upload-toggle{display:flex;flex:0 0 32px;flex-direction:column;align-items:center;justify-content:center;width:32px;height:32px;padding:0;transform:translateX(-100%);transition:transform .3s ease-in-out,opacity .3s ease-in-out;opacity:0;color:transparent;font-size:0;line-height:1;text-align:center}.cvco-app--deprecated .cvco-upload-toggle-wrapper.cvco-transition--in .cvco-upload-toggle{transform:translateX(0);opacity:1}.cvco-app--deprecated .cvco-upload-toggle .cvco-icon{flex:0 0 100%;width:100%;height:100%}.cvco-app--deprecated .cvco-upload-toggle .cvco-icon svg{width:100%;height:100%}.cvco-app--deprecated .cvco-upload{width:100%;padding:10px 10px 0}.cvco-app--deprecated .cvco-input--file{display:block}.cvco-app--deprecated .cvco-upload__container{width:100%;margin-bottom:10px}.cvco-app--deprecated .cvco-upload__visible-label--text{display:block;width:100%;font-size:16px;font-weight:700}.cvco-app--deprecated .cvco-upload__content-hint{display:block;width:100%;margin-bottom:10px;padding-right:20px;font-size:12px}.cvco-app--deprecated .cvco-file-upload{width:100%;max-width:100%;border:1px solid #4a48c1;border-radius:5px}.cvco-app--deprecated .cvco-file-upload:hover{background-color:rgba(74,72,193,.1)}.cvco-app--deprecated .cvco-file-upload.cvco-focus-within{outline:1px dotted #212121;outline:5px auto -webkit-focus-ring-color}.cvco-app--deprecated .cvco-upload__input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.cvco-app--deprecated .cvco-upload__label{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:10px;text-align:left}.cvco-app--deprecated .cvco-upload__label .cvco-icon{flex:0 0 32px;width:32px;height:32px;margin-right:10px}.cvco-app--deprecated .cvco-upload__label--text{display:block;flex:1 1 100%;max-width:100%;color:#4a48c1;font-size:14px;font-weight:700}.cvco-app--deprecated .cvco-upload__output{display:block;flex:1 1 100%;max-width:100%;font-size:12px;word-break:break-all}.cvco-app--deprecated .cvco-upload .cvco-button--primary{text-align:center}.cvco-app--deprecated .cvco-upload__button-container{display:flex;flex:0 0 100%;justify-content:flex-end}.cvco-app--deprecated .cvco-upload__cancel{margin-right:5px;padding:10px}.cvco-app--deprecated .cvco-upload__cancel:last-child{margin-right:0}.cvco-app--deprecated .cvco-progress__text{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:5px}.cvco-app--deprecated .cvco-progress__text--file-name{max-width:calc(100% - 40px);padding-right:20px;overflow:hidden;font-size:14px;font-weight:700;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.cvco-app--deprecated .cvco-progress__text--percentage{color:#6a7f8c;font-size:14px;line-height:1}.cvco-app--deprecated .cvco-progress .cvco-error{margin-top:10px}.cvco-app--deprecated .cvco-progress .cvco-error:empty{display:none}.cvco-app--deprecated .cvco-progress__bar{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border:1px solid #003a5d;border-radius:5px;background:#fff}.cvco-app--deprecated .cvco-progress__bar::-webkit-progress-bar{border-radius:5px;background:#fff;box-shadow:inset 0 2.5px 2.5px 0 rgba(0,0,0,.22)}.cvco-app--deprecated .cvco-progress__bar::-webkit-progress-value{background-color:#4a48c1}.cvco-app--deprecated .cvco-progress__bar::-moz-progress-bar{background-color:#4a48c1}.cvco-app--deprecated .cvco-error{display:block;width:100%;margin:0 0 5px}.cvco-app--deprecated .cvco-error:empty{display:none;margin:0}.cvco-app--deprecated .cvco-error .cvco-icon{flex:0 0 16px;width:16px;height:16px;margin-right:5px}.cvco-app--deprecated .cvco-error .cvco-error__message{display:flex;align-items:flex-start;width:100%;padding:5px 10px;border-radius:5px;background-color:rgba(219,22,57,.1);color:#ad001f;font-size:12px;font-weight:700}.cvco-app--deprecated .cvco-notification{display:block;width:100%;margin:0 0 10px;padding:5px 10px;border-radius:5px;background-color:rgba(74,72,193,.1);color:#223182;font-size:12px;font-weight:700}.cvco-app--deprecated .cvco-notification:last-child{margin:0}.cvco-app--deprecated .cvco-character-count{display:flex;position:absolute;top:0;right:0;align-items:center;justify-content:right;height:100%;padding:0 10px;transform:translateX(100%);transition:transform .3s ease-in-out,opacity .2s ease .2s;opacity:0;font-size:12px;font-weight:700;line-height:1;text-align:right;pointer-events:none}.cvco-app--deprecated .cvco-character-count span{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;text-align:right}.cvco-app--deprecated .cvco-character-exceeded .cvco-character-count,.cvco-app--deprecated .cvco-character-warning .cvco-character-count{transform:translateX(0);opacity:1}.cvco-app--deprecated .cvco-character-exceeded .cvco-character-count span{color:#db1639}.cvco-app--deprecated .cvco-card__wrapper{display:flex;flex-direction:column;height:100%}.cvco-app--deprecated .cvco-card__image{flex:0 0 auto;width:100%;height:160px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;overflow:hidden;border-top-left-radius:10px;border-top-right-radius:10px}.cvco-app--deprecated .cvco-card__content{display:flex;flex:1 1 auto;flex-wrap:wrap;padding:10px 15px 15px}.cvco-app--deprecated .cvco-card__title{display:block;flex:0 0 100%;width:100%;margin:0 0 5px;padding:0;font-size:16px;font-weight:700}.cvco-app--deprecated .cvco-card__title:last-child{margin-bottom:0}.cvco-app--deprecated .cvco-card__description{display:block;width:100%;margin-bottom:20px}.cvco-app--deprecated .cvco-card__description:last-child{margin-bottom:0}.cvco-app--deprecated .cvco-card__content .cvco-button{display:block;align-self:flex-end;width:100%}.cvco-app--deprecated .cvco-carousel{position:relative}.cvco-app--deprecated .cvco-carousel__slides-wrapper{display:block;width:100%;overflow:hidden}.cvco-app--deprecated .cvco-carousel__slides{display:flex;position:relative;flex-direction:row;padding:0;transition:left .3s ease-in-out;list-style:none}.cvco-app--deprecated .cvco-carousel__slide{display:block;width:100%;padding:0;list-style:none}.cvco-app--deprecated .cvco-carousel-item{display:flex;flex-direction:column;width:100%;height:100%}.cvco-app--deprecated .cvco-carousel-item .cvco-button{display:block;width:100%}.cvco-app--deprecated .cvco-carousel-controls{display:flex;position:relative;justify-content:space-between;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0;border-top:1px solid #dee3e5}.cvco-app--deprecated .cvco-carousel-controls .cvco-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:transparent;background-color:initial;color:transparent;font-size:0}.cvco-app--deprecated .cvco-carousel-controls .cvco-button--previous{left:0}.cvco-app--deprecated .cvco-carousel-controls .cvco-button--next{right:0}.cvco-app--deprecated .cvco-carousel__controls .cvco-button .cvco-icon{display:block;width:16px;height:16px;padding:0;border:0}.cvco-app--deprecated .cvco-carousel__controls .cvco-button .cvco-icon svg{fill:#003a5d}.cvco-app--deprecated .cvco-carousel__pagination{display:flex;position:relative;align-items:center;justify-content:center;padding:0 10px}.cvco-app--deprecated .cvco-carousel-pagination{width:100%;margin:0 auto;padding:0}.cvco-app--deprecated .cvco-carousel-pagination,.cvco-app--deprecated .cvco-carousel-pagination__wrapper{display:flex;position:relative;flex-direction:row;justify-content:center}.cvco-app--deprecated .cvco-carousel-pagination__item{display:block;width:10px;height:10px;margin-right:10px;list-style:none}.cvco-app--deprecated .cvco-carousel-pagination__item:last-child{margin-right:0}.cvco-app--deprecated .cvco-carousel-pagination__button{display:block;width:100%;height:100%;padding:0;border:0;border-radius:10px;background:#a3b4bf}.cvco-app--deprecated .cvco-is-active .cvco-carousel-pagination__button{background-color:#003a5d}.cvco-app--deprecated .cvco-collapse-button{display:block;position:absolute;z-index:1;top:20px;right:20px;width:32px;height:32px;padding:0;border:0;border-radius:50%;background-color:#fff;box-shadow:0 5px 30px rgba(53,75,90,.15),0 3px 10px rgba(53,75,90,.2)}.cvco-app--deprecated .cvco-suggestions{display:none}.cvco-app--deprecated .cvco-visually-hidden,.cvco-app__live-container .cvco-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.cvco-modal{display:block;display:flex;position:fixed;z-index:99;top:0;left:0;align-items:center;justify-content:center;width:100%;height:100%;max-height:100%;padding:20px;background-color:hsla(0,0%,100%,.8)}.cvco-modal,.cvco-modal *,.cvco-modal :after,.cvco-modal :before{box-sizing:border-box}.cvco-modal__float{max-width:80rem;padding:5px;border:1px solid #dee3e5;border-radius:10px;outline:0;background-color:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.1)}.cvco-modal__float,.cvco-modal__inner{position:relative;width:100%;height:100%}.cvco-modal__inner{display:flex;align-items:center;justify-content:center;padding:10px;border-radius:5px;background-color:#eff3f6}.cvco-modal__image{display:block;flex:0 0 auto;width:auto;max-width:calc(95vw - 40px);max-height:calc(95vh - 40px);border:1px solid #dee3e5}.cvco-modal__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;position:absolute;top:20px;right:-10px;align-items:center;padding:10px 20px;transition:background-color .3s ease-in-out;border:1px solid #dee3e5;border-radius:20px;background-color:#fff;box-shadow:0 4px 6.666px 0 rgba(0,0,0,.1);color:#4a48c1;font-size:14px;font-weight:700}.cvco-modal__close .cvco-icon{width:16px;height:16px;margin-right:5px}.cvco-modal__close .cvco-icon svg{width:inherit;height:inherit}.cvco-modal__close .cvco-icon svg path{transition:fill .3s ease-in-out;fill:#4a48c1}.cvco-modal__close:hover{transition:color .3s ease-in-out;background-color:#4a48c1;color:#fff}.cvco-modal__close:hover svg path{fill:#fff}.cvco-modal__enlarge{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;position:absolute;right:20px;bottom:20px;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:20px;background:hsla(0,0%,100%,.4);color:transparent;font-size:0}.cvco-modal__enlarge svg path{fill:#4a48c1}.cvco-modal__enlarge:hover{background-color:#4a48c1}.cvco-modal__enlarge:hover .cvco-icon svg path{fill:#fff}
@@ -1 +0,0 @@
1
- @media(hover:hover){.cvco-app .cvco-button.cvco-collapse-button,.cvco-app .cvco-modal__close,.cvco-app .cvco-modal__enlarge{transition:background-color .3s ease}.cvco-app .cvco-button.cvco-collapse-button:hover,.cvco-app .cvco-modal__close:hover,.cvco-app .cvco-modal__enlarge:hover{background-color:#223182}.cvco-app .cvco-button.cvco-collapse-button path,.cvco-app .cvco-modal__close path,.cvco-app .cvco-modal__enlarge path{transition:fill .3s ease}.cvco-app .cvco-button.cvco-collapse-button:hover svg path,.cvco-app .cvco-modal__close:hover svg path,.cvco-app .cvco-modal__enlarge:hover svg path{fill:#fff}.cvco-app .cvco-button{transition:color .3s ease,background-color .3s ease}.cvco-app .cvco-button--primary:not([aria-disabled=true]):hover{background-color:#223182}.cvco-app .cvco-button--secondary:not([aria-disabled=true]):hover,.cvco-app .cvco-button--tertiary:not([aria-disabled=true]):hover{color:#223182}.cvco-app .cvco-choice-prompt__item--secondary .cvco-button:hover{background-color:transparent;background-color:initial;color:#223182}.cvco-app .cvco-message--type-cta .cvco-button:hover{background-color:#fff;color:#223182}.cvco-app .cvco-message__body a{transition:background-color .3s ease,color .3s ease}.cvco-app .cvco-message__body a:hover{text-decoration:none}.cvco-app .cvco-conversation__item--source-agent .cvco-message__body a:hover{color:#223182}.cvco-app .cvco-download-link:hover{background-color:#4a48c1}.cvco-app .cvco-download-link:hover .cvco-file-download{color:#fff}.cvco-app .cvco-message--type-upload .cvco-icon path{transition:fill .3s ease}.cvco-app .cvco-download-link:hover .cvco-icon path{fill:#fff}.cvco-app .cvco-input__text{transition:padding .3s ease,border .3s ease}.cvco-app .cvco-input__text:hover{border-color:#223182}.cvco-app .cvco-input__text:focus{border-color:transparent}.cvco-app .cvco-input__submit:not([aria-disabled=true]):hover .cvco-icon path{fill:#223182}.cvco-app .cvco-card__content.cvco-card__content .cvco-button.cvco-button:hover{color:#fff}.cvco-app .cvco-carousel__controls .cvco-button .cvco-icon svg path{transition:fill .3s ease}.cvco-app .cvco-carousel__controls .cvco-button:hover .cvco-icon svg path{fill:#223182}.cvco-app .cvco-carousel-pagination__button:before{transition:background-color .3s ease}.cvco-app .cvco-carousel-pagination__button:hover:before{background-color:#223182}.cvco-app .cvco-upload-toggle path{transition:fill .3s ease}.cvco-app .cvco-upload-toggle:hover path{background-color:#223182}.cvco-app .cvco-file-upload{transition:border .3s ease}.cvco-app .cvco-file-upload:hover{border-color:#223182}.cvco-app .cvco-upload__label{transition:color .3s ease}.cvco-app .cvco-upload__label:hover{color:#223182}.cvco-app .cvco-options__menu__item:not([aria-disabled=true]){transition:color .3s ease}.cvco-app .cvco-options__menu__item:not([aria-disabled=true]):hover{color:#223182}.cvco-app .cvco-options__close{transition:color .3s ease}.cvco-app .cvco-options__close:hover{color:#223182}.cvco-app .cvco-input__select,.cvco-app .cvco-transcript__input{transition:border .3s ease}.cvco-app .cvco-input__select:hover,.cvco-app .cvco-transcript__input:hover{border-color:#223182}}.cvco-app--layout-inline .cvco-suggestions__list,.cvco-chat__body,.cvco-options__wrapper{scrollbar-color:#003a5d transparent}.cvco-app--layout-inline .cvco-suggestions__list::-webkit-scrollbar,.cvco-chat__body::-webkit-scrollbar,.cvco-options__wrapper::-webkit-scrollbar{width:15px;height:15px;background-color:transparent}.cvco-app--layout-inline .cvco-suggestions__list::-webkit-scrollbar-thumb,.cvco-chat__body::-webkit-scrollbar-thumb,.cvco-options__wrapper::-webkit-scrollbar-thumb{width:15px;height:15px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease;border:5px solid transparent;background-clip:padding-box;border-radius:10px;background-color:#a3b4bf}.cvco-app--layout-inline .cvco-suggestions__list::-webkit-scrollbar-button,.cvco-chat__body::-webkit-scrollbar-button,.cvco-options__wrapper::-webkit-scrollbar-button{display:none;width:0;height:0}.cvco-app--layout-inline .cvco-suggestions__list::-webkit-scrollbar-corner,.cvco-chat__body::-webkit-scrollbar-corner,.cvco-options__wrapper::-webkit-scrollbar-corner{background-color:transparent}