@seamly/web-ui 19.1.1 → 20.0.0-beta.1

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 (186) hide show
  1. package/CHANGELOG.md +625 -0
  2. package/build/dist/lib/components.js +2 -1
  3. package/build/dist/lib/components.min.js +1 -1
  4. package/build/dist/lib/index.debug.js +183 -128
  5. package/build/dist/lib/index.debug.min.js +1 -1
  6. package/build/dist/lib/index.debug.min.js.LICENSE.txt +45 -25
  7. package/build/dist/lib/index.js +7290 -7753
  8. package/build/dist/lib/index.min.js +1 -1
  9. package/build/dist/lib/index.min.js.LICENSE.txt +0 -5
  10. package/build/dist/lib/standalone.js +5785 -6255
  11. package/build/dist/lib/standalone.min.js +1 -1
  12. package/build/dist/lib/standalone.min.js.LICENSE.txt +0 -5
  13. package/build/dist/lib/style-guide.js +10834 -4971
  14. package/build/dist/lib/style-guide.min.js +2 -1
  15. package/build/dist/lib/style-guide.min.js.LICENSE.txt +9 -0
  16. package/build/dist/lib/styles.css +1 -1
  17. package/package.json +1 -2
  18. package/src/icons/icon_file-32.svg +1 -1
  19. package/src/javascripts/api/errors/seamly-base-error.js +7 -0
  20. package/src/javascripts/api/index.js +48 -37
  21. package/src/javascripts/api/producer.js +5 -1
  22. package/src/javascripts/config.js +1 -5
  23. package/src/javascripts/domains/app/actions.js +22 -5
  24. package/src/javascripts/domains/config/actions.js +3 -0
  25. package/src/javascripts/domains/config/reducer.js +9 -0
  26. package/src/javascripts/domains/errors/index.js +5 -4
  27. package/src/javascripts/domains/forms/hooks.js +3 -1
  28. package/src/javascripts/domains/forms/provider.js +12 -0
  29. package/src/javascripts/domains/forms/reducer.js +2 -0
  30. package/src/javascripts/domains/i18n/hooks.js +2 -1
  31. package/src/javascripts/domains/i18n/reducer.js +2 -0
  32. package/src/javascripts/domains/interrupt/reducer.js +2 -2
  33. package/src/javascripts/domains/options/middleware.js +15 -31
  34. package/src/javascripts/domains/store/index.js +2 -1
  35. package/src/javascripts/domains/store/state-reducer.js +3 -8
  36. package/src/javascripts/domains/translations/components/options-dialog/form.js +1 -1
  37. package/src/javascripts/domains/translations/components/options-dialog/index.js +15 -1
  38. package/src/javascripts/domains/translations/reducer.js +2 -0
  39. package/src/javascripts/domains/visibility/actions.js +1 -1
  40. package/src/javascripts/domains/visibility/hooks.js +10 -8
  41. package/src/javascripts/domains/visibility/utils.js +1 -2
  42. package/src/javascripts/index.js +5 -3
  43. package/src/javascripts/lib/css.js +7 -1
  44. package/src/javascripts/lib/engine/index.js +4 -3
  45. package/src/javascripts/lib/external-api/index.js +38 -29
  46. package/src/javascripts/package/components.js +2 -1
  47. package/src/javascripts/style-guide/components/app.js +1 -1
  48. package/src/javascripts/style-guide/components/static-core.js +18 -4
  49. package/src/javascripts/style-guide/states.js +203 -298
  50. package/src/javascripts/ui/components/chat-app.js +1 -1
  51. package/src/javascripts/ui/components/conversation/component-filter.js +6 -0
  52. package/src/javascripts/ui/components/conversation/event/carousel-component/index.js +8 -1
  53. package/src/javascripts/ui/components/conversation/event/carousel-message/components/slide.js +2 -3
  54. package/src/javascripts/ui/components/conversation/event/conversation-suggestions.js +70 -0
  55. package/src/javascripts/ui/components/conversation/event/participant.js +2 -5
  56. package/src/javascripts/ui/components/conversation/event/splash.js +26 -0
  57. package/src/javascripts/ui/components/conversation/event/text.js +1 -2
  58. package/src/javascripts/ui/components/core/seamly-core.js +12 -9
  59. package/src/javascripts/ui/components/core/seamly-event-subscriber.js +4 -10
  60. package/src/javascripts/ui/components/core/seamly-instance-functions-loader.js +1 -8
  61. package/src/javascripts/ui/components/entry/entry-container.js +5 -3
  62. package/src/javascripts/ui/components/entry/text-entry/index.js +7 -1
  63. package/src/javascripts/ui/components/entry/text-entry/text-entry-form.js +5 -1
  64. package/src/javascripts/ui/components/entry/toggle-button.js +4 -2
  65. package/src/javascripts/ui/components/entry/upload/file-upload-form.js +1 -1
  66. package/src/javascripts/ui/components/form-controls/error.js +6 -2
  67. package/src/javascripts/ui/components/form-controls/form.js +26 -3
  68. package/src/javascripts/ui/components/layout/app-frame.js +24 -15
  69. package/src/javascripts/ui/components/layout/chat-frame.js +0 -2
  70. package/src/javascripts/ui/components/layout/modal-wrapper.js +0 -80
  71. package/src/javascripts/ui/components/layout/pre-chat-messages.js +45 -0
  72. package/src/javascripts/ui/components/options/options-frame.js +9 -4
  73. package/src/javascripts/ui/components/options/options.js +1 -4
  74. package/src/javascripts/ui/components/options/transcript/index.js +15 -1
  75. package/src/javascripts/ui/components/options/transcript/transcript-form.js +1 -1
  76. package/src/javascripts/ui/components/suggestions/index.js +174 -0
  77. package/src/javascripts/ui/components/suggestions/suggestions-item.js +40 -0
  78. package/src/javascripts/ui/components/suggestions/suggestions-list.js +24 -0
  79. package/src/javascripts/ui/components/view/app-view.js +21 -0
  80. package/src/javascripts/ui/components/view/deprecated-view.js +30 -0
  81. package/src/javascripts/ui/components/view/index.js +27 -0
  82. package/src/javascripts/ui/components/view/inline-view.js +45 -0
  83. package/src/javascripts/ui/components/view/window-view/collapse-button.js +20 -0
  84. package/src/javascripts/ui/components/view/window-view/index.js +82 -0
  85. package/src/javascripts/ui/components/view/window-view/window-open-button.js +68 -0
  86. package/src/javascripts/ui/components/widgets/lightbox.js +7 -2
  87. package/src/javascripts/ui/hooks/component-helper-hooks.js +0 -9
  88. package/src/javascripts/ui/hooks/seamly-hooks.js +0 -1
  89. package/src/javascripts/ui/hooks/seamly-state-hooks.js +28 -4
  90. package/src/javascripts/ui/hooks/use-seamly-chat.js +12 -3
  91. package/src/javascripts/ui/hooks/use-seamly-commands.js +4 -31
  92. package/src/javascripts/ui/utils/seamly-utils.js +2 -14
  93. package/src/stylesheets/1-settings/_animations.scss +0 -6
  94. package/src/stylesheets/1-settings/_config.scss +34 -35
  95. package/src/stylesheets/2-tools/_functions.scss +0 -5
  96. package/src/stylesheets/2-tools/_mixins.scss +4 -16
  97. package/src/stylesheets/3-app/_app.scss +78 -135
  98. package/src/stylesheets/4-base/_a11y.scss +0 -3
  99. package/src/stylesheets/4-base/_elements.scss +0 -11
  100. package/src/stylesheets/4-base/_formelements.scss +4 -14
  101. package/src/stylesheets/5-components/_avatar.scss +2 -44
  102. package/src/stylesheets/5-components/_buttons.scss +6 -45
  103. package/src/stylesheets/5-components/_chat-status.scss +14 -38
  104. package/src/stylesheets/5-components/_choice-prompt.scss +33 -2
  105. package/src/stylesheets/5-components/_collapse-button.scss +16 -0
  106. package/src/stylesheets/5-components/_conversation.scss +26 -2
  107. package/src/stylesheets/5-components/_disclaimer.scss +10 -12
  108. package/src/stylesheets/5-components/_divider.scss +7 -4
  109. package/src/stylesheets/5-components/_error.scss +1 -1
  110. package/src/stylesheets/5-components/_form.scss +9 -0
  111. package/src/stylesheets/5-components/_icon.scss +10 -1
  112. package/src/stylesheets/5-components/_idle.scss +0 -8
  113. package/src/stylesheets/5-components/_input.scss +14 -20
  114. package/src/stylesheets/5-components/_interrupt.scss +0 -2
  115. package/src/stylesheets/5-components/_loader.scss +0 -32
  116. package/src/stylesheets/5-components/_message-author.scss +40 -0
  117. package/src/stylesheets/5-components/_message-body.scss +194 -0
  118. package/src/stylesheets/5-components/_message-card.scss +55 -0
  119. package/src/stylesheets/5-components/_message-carousel.scss +143 -0
  120. package/src/stylesheets/5-components/_message-count.scss +11 -28
  121. package/src/stylesheets/5-components/_message-cta.scss +23 -0
  122. package/src/stylesheets/5-components/_message-info.scss +11 -0
  123. package/src/stylesheets/5-components/_message-translation-info.scss +17 -0
  124. package/src/stylesheets/5-components/_message.scss +13 -364
  125. package/src/stylesheets/5-components/_modal.scss +28 -58
  126. package/src/stylesheets/5-components/_notification.scss +0 -5
  127. package/src/stylesheets/5-components/_options.scss +27 -42
  128. package/src/stylesheets/5-components/_pre-chat-messages.scss +30 -0
  129. package/src/stylesheets/5-components/_prompt.scss +0 -8
  130. package/src/stylesheets/5-components/_skip-link.scss +3 -3
  131. package/src/stylesheets/5-components/_suggestions.scss +96 -0
  132. package/src/stylesheets/5-components/_unstarted.scss +50 -0
  133. package/src/stylesheets/5-components/_upload.scss +26 -28
  134. package/src/stylesheets/5-components/_window-open-button.scss +39 -0
  135. package/src/stylesheets/6-webui-only/_hover.scss +151 -0
  136. package/src/stylesheets/6-webui-only/_scrollbar.scss +31 -0
  137. package/src/stylesheets/7-deprecated/1-settings/_animations.scss +43 -0
  138. package/src/stylesheets/7-deprecated/1-settings/_config.scss +105 -0
  139. package/src/stylesheets/7-deprecated/2-tools/_functions.scss +22 -0
  140. package/src/stylesheets/7-deprecated/2-tools/_mixins.scss +77 -0
  141. package/src/stylesheets/7-deprecated/3-app/_app.scss +214 -0
  142. package/src/stylesheets/7-deprecated/4-base/_a11y.scss +14 -0
  143. package/src/stylesheets/7-deprecated/4-base/_elements.scss +21 -0
  144. package/src/stylesheets/7-deprecated/4-base/_formelements.scss +57 -0
  145. package/src/stylesheets/{5-components → 7-deprecated/5-components}/_agent-info.scss +0 -0
  146. package/src/stylesheets/7-deprecated/5-components/_avatar.scss +64 -0
  147. package/src/stylesheets/7-deprecated/5-components/_buttons.scss +94 -0
  148. package/src/stylesheets/{5-components → 7-deprecated/5-components}/_card.scss +0 -0
  149. package/src/stylesheets/{5-components → 7-deprecated/5-components}/_carousel.scss +0 -0
  150. package/src/stylesheets/7-deprecated/5-components/_character-limit.scss +36 -0
  151. package/src/stylesheets/{5-components/_cobrowsing.scss → 7-deprecated/5-components/_chat-status.scss} +18 -16
  152. package/src/stylesheets/7-deprecated/5-components/_choice-prompt.scss +27 -0
  153. package/src/stylesheets/7-deprecated/5-components/_collapse-button.scss +17 -0
  154. package/src/stylesheets/7-deprecated/5-components/_conversation.scss +44 -0
  155. package/src/stylesheets/7-deprecated/5-components/_disclaimer.scss +36 -0
  156. package/src/stylesheets/7-deprecated/5-components/_divider.scss +91 -0
  157. package/src/stylesheets/7-deprecated/5-components/_error.scss +24 -0
  158. package/src/stylesheets/{5-components → 7-deprecated/5-components}/_faq.scss +8 -3
  159. package/src/stylesheets/{5-components → 7-deprecated/5-components}/_header-controls.scss +0 -0
  160. package/src/stylesheets/7-deprecated/5-components/_icon.scss +4 -0
  161. package/src/stylesheets/7-deprecated/5-components/_idle.scss +61 -0
  162. package/src/stylesheets/7-deprecated/5-components/_input.scss +78 -0
  163. package/src/stylesheets/7-deprecated/5-components/_interrupt.scss +35 -0
  164. package/src/stylesheets/7-deprecated/5-components/_loader.scss +78 -0
  165. package/src/stylesheets/7-deprecated/5-components/_message-count.scss +41 -0
  166. package/src/stylesheets/7-deprecated/5-components/_message.scss +385 -0
  167. package/src/stylesheets/7-deprecated/5-components/_modal.scss +138 -0
  168. package/src/stylesheets/7-deprecated/5-components/_notification.scss +20 -0
  169. package/src/stylesheets/7-deprecated/5-components/_options.scss +286 -0
  170. package/src/stylesheets/7-deprecated/5-components/_prompt.scss +44 -0
  171. package/src/stylesheets/7-deprecated/5-components/_skip-link.scss +21 -0
  172. package/src/stylesheets/{5-components → 7-deprecated/5-components}/_svg-graphic.scss +0 -0
  173. package/src/stylesheets/7-deprecated/5-components/_upload.scss +213 -0
  174. package/src/stylesheets/deprecated-view.scss +64 -0
  175. package/src/stylesheets/styles-webui-only.scss +3 -0
  176. package/src/stylesheets/styles.scss +15 -25
  177. package/webpack/config.site.js +4 -0
  178. package/webpack/defaults.js +5 -0
  179. package/src/.DS_Store +0 -0
  180. package/src/javascripts/ui/components/conversation/event/hooks/use-text-rendering.js +0 -35
  181. package/src/javascripts/ui/components/faq/faq.js +0 -162
  182. package/src/javascripts/ui/components/layout/view.js +0 -36
  183. package/src/javascripts/ui/components/options/cobrowsing.js +0 -110
  184. package/src/javascripts/ui/components/warnings/cobrowsing-active-frame.js +0 -29
  185. package/src/javascripts/ui/components/warnings/cobrowsing-active.js +0 -33
  186. package/src/stylesheets/5-components/_modal_mode.scss +0 -108
@@ -0,0 +1,9 @@
1
+ /*!
2
+ * focus-trap 6.7.1
3
+ * @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
4
+ */
5
+
6
+ /*!
7
+ * tabbable 5.2.1
8
+ * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
9
+ */
@@ -1 +1 @@
1
- @-webkit-keyframes cvco-loader{0%,75%,to{transform:scaleY(.45);border-radius:50% 50%}37.5%{transform:scaleY(1);border-radius:2.5px}}@keyframes cvco-loader{0%,75%,to{transform:scaleY(.45);border-radius:50% 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{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{max-height:calc(100vh - 4vw)}@supports(-webkit-overflow-scrolling:touch){.cvco-app{max-height:calc(90vh - 4vw)}}}@media(min-width:1025px){.cvco-app{right:20px;bottom:20px;max-height:calc(100vh - 40px)}@supports(-webkit-overflow-scrolling:touch){.cvco-app{max-height:calc(90vh - 40px)}}}.cvco-app *,.cvco-app :after,.cvco-app :before{box-sizing:border-box}.cvco-app--layout-inline{position:relative;right:auto;bottom:auto;width:auto;height:90vh;min-height:480px;max-height:720px;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{display:block;border:0}}.cvco-app--collapsed{width:195px;height:54px;border:0;background:none;box-shadow:none}.cvco-app--collapsed.cvco-app--started{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-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-wrapper:last-child{width:100%;margin-right:0;border-radius:10px}}@media(min-width:1025px){.cvco-app--layout-inline .cvco-app-wrapper,.cvco-app--layout-inline .cvco-app-wrapper:last-child{width:67%;margin-right:33%}}.cvco-app__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__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-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-app__container{display:flex;position:relative;flex:1 1 auto;flex-direction:column;max-height:100%}.cvco-app__body{display:flex;position:relative;flex-grow:4;padding:0;overflow-y:auto;border-bottom:1px solid #dee3e5}.cvco-app--collapsed .cvco-app__body{display:none}.cvco-app--layout-window .cvco-app__body{overscroll-behavior:contain;-ms-scroll-chaining:none}.cvco-app__entry{position:relative;flex:0 0 auto;padding:10px}.cvco-app--collapsed .cvco-app__entry,.cvco-app__entry .cvco-entry__body--hidden{display:none}.cvco-entry__body{display:flex;align-items:center}.cvco-app p{margin:0}.cvco-app img{max-width:100%}.cvco-app h1,.cvco-app h2,.cvco-app h3,.cvco-app h4,.cvco-app h5,.cvco-app h6{font-size:1rem;font-weight:400}.cvco-app .cvco-input__checkbox{margin-right:10px}.cvco-app .cvco-input__checkbox:disabled{opacity:.5}.cvco-app .cvco-label{display:block;margin-bottom:5px;color:#4a48c1;font-size:14px;font-weight:700}.cvco-app .cvco-input__checkbox:disabled+.cvco-label{opacity:.5}.cvco-app .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 .cvco-input__select{font-size:16px}}.cvco-app .cvco-input__select:hover{border:1px solid #4a48c1}.cvco-app .cvco-input__select:disabled,.cvco-app .cvco-input__select:disabled:hover{border:1px solid #a3b4bf;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI2EzYjRiZiIgZD0iTTIuOTk4IDYuNTAzYS45OTkuOTk5IDAgMDExLjY4Ny0uNzI3TDcuMjcgOC4yMjJjLjM5NC4zNzMgMS4wNi4zNzMgMS40NTQgMGwyLjU4Ni0yLjQ0NmEuOTk5Ljk5OSAwIDExMS4zNzQgMS40NTRsLTIuNTg2IDIuNDQ2Yy0xLjE1OSAxLjA5Ni0zLjA0MyAxLjA5Ni00LjIwMyAwTDMuMzEgNy4yMjlhLjk5NC45OTQgMCAwMS0uMzEyLS43MjZ6Ii8+PC9zdmc+");color:#a3b4bf}.cvco-app .cvco-agent-info{display:flex;flex-direction:row;flex-grow:4;align-items:center;padding:2px 0}.cvco-app .cvco-agent-info__graphic{position:relative;flex:0 0 auto;width:32px;height:32px;margin-right:10px}.cvco-app .cvco-agent-info__graphic .cvco-avatar,.cvco-app .cvco-agent-info__graphic .cvco-icon{display:block;width:100%;height:100%;overflow:hidden;border-radius:5px}.cvco-app.cvco-app--collapsed .cvco-agent-info__graphic .topbubble{fill:#fff}.cvco-app .cvco-agent-info__body{flex:1 1 auto}.cvco-app.cvco-app--collapsed .cvco-agent-info__body{display:none}.cvco-app .cvco-agent-info__heading{margin:0;font-size:12px}.cvco-app .cvco-agent-info__text{margin:0;font-size:12px;font-weight:700}.cvco-app .cvco-avatar{display:block;position:relative;flex-shrink:0;width:32px;height:32px;overflow:hidden;border-radius:5px}.cvco-app .cvco-avatar>.cvco-icon,.cvco-app .cvco-avatar__graphic{display:block}.cvco-app .cvco-conversation__message+.cvco-avatar{align-self:flex-end;margin-left:10px}.cvco-app .cvco-avatar--bg-white{background-color:#fff}.cvco-app .cvco-avatar--arrow-right{margin-right:5px;overflow:visible}.cvco-app .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 .cvco-button{display:inline-block;margin:0;padding:0;border:0;background:none;text-align:left;cursor:pointer}.cvco-app .cvco-button span{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit}.cvco-app .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 .cvco-button--secondary{padding:10px;color:#4a48c1;font-weight:700}.cvco-app .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 .cvco-button--disabled{color:#5e727b;cursor:auto}.cvco-app .cvco-button--choose-again{display:flex;align-items:center;margin:5px 0 10px;padding:0}.cvco-app .cvco-button--choose-again:last-child{margin-bottom:0}.cvco-app .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 .cvco-button--choose-again[aria-expanded=true] .cvco-icon{transform:rotate(180deg)}.cvco-app .cvco-button--choose-again .cvco-icon svg{display:block;width:100%}.cvco-app .cvco-button__state{display:inline-block;margin:-3px -3px -3px 3px;padding:3px 5px;border-radius:5px;background-color:#eff3f6;color:inherit}.cvco-app .cvco-choice-prompt{display:flex;flex-direction:column;padding:0}.cvco-app .cvco-choice-prompt__item{display:block;width:100%;margin-top:5px;margin-left:0}.cvco-app .cvco-choice-prompt__item:first-child{margin-top:0}.cvco-app .cvco-choice-prompt__item .cvco-button{display:block;width:100%;white-space:normal}.cvco-app .cvco-choice-prompt__item--secondary .cvco-button{background-color:transparent;background-color:initial;color:#4a48c1}.cvco-app .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 .cvco-conversation{list-style:none;width:100%;margin:auto 0 0;padding:20px 20px 0}.cvco-app .cvco-conversation:after{content:"";display:block;flex:0 0 100%;width:100%;height:20px}.cvco-app .cvco-app--layout-inline .cvco-conversation{position:relative}.cvco-app .cvco-conversation__item{width:100%;min-height:0;margin-top:10px}.cvco-app .cvco-conversation__item--new-participant{margin-top:20px}.cvco-app .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 .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 .cvco-divider--type-time-indicator{padding-top:60px;padding-bottom:20px}.cvco-app .cvco-divider--type-time-indicator:before{display:none}.cvco-app .cvco-conversation__item:first-child .cvco-divider{margin-top:0;padding-bottom:10px}.cvco-app .cvco-divider__graphic{position:absolute;top:40px;left:50%;width:32px;height:32px;transform:translate(-50%,-60%);border-radius:5px;background:#fff}.cvco-app .cvco-divider__graphic .cvco-avatar,.cvco-app .cvco-divider__graphic .cvco-icon,.cvco-app .cvco-divider__graphic .cvco-icon svg{width:100%;height:100%}.cvco-app .cvco-divider__time{text-align:center}.cvco-app .cvco-divider__time span{display:block}.cvco-app .cvco-divider__time span:first-of-type{font-weight:700}.cvco-app .cvco-divider--type-newtranslation{text-align:center}.cvco-app .cvco-divider--type-newtranslation .cvco-divider__body{max-width:80%}.cvco-app .cvco-divider--type-newtranslation .cvco-divider__title{font-weight:700}.cvco-app .cvco-divider .cvco-button{padding:0;font-size:inherit}.cvco-app .cvco-header-controls{flex-direction:row;justify-content:space-around}.cvco-app .cvco-header-controls>button{display:inline-block;width:32px;height:32px;padding:0;overflow:hidden;vertical-align:top}.cvco-app .cvco-header-controls .cvco-icon{width:32px;height:32px}.cvco-app.cvco-app--collapsed .cvco-header-controls{display:none}.cvco-app .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 .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% 50%;background-color:currentColor}.cvco-app .cvco-loader__part.cvco-one{-webkit-animation-delay:.12s;animation-delay:.12s}.cvco-app .cvco-loader__part.cvco-two{-webkit-animation-delay:.24s;animation-delay:.24s}.cvco-app .cvco-loader__part.cvco-three{-webkit-animation-delay:.36s;animation-delay:.36s}.cvco-app .cvco-loader__part.cvco-four{margin-right:0;-webkit-animation-delay:.48s;animation-delay:.48s}.cvco-app .cvco-loader--white .cvco-loader__part{background-color:#fff}.cvco-app .cvco-loader--grey .cvco-loader__part{background-color:#dee3e5}.cvco-app .cvco-message{display:flex;flex-direction:row;flex-wrap:wrap;width:80%;font-family:arial,helvetica,sans-serif;font-size:12px;line-height:1.5}.cvco-app .cvco-message+.cvco-message,.cvco-app .cvco-message+div>.cvco-message{margin-top:10px}.cvco-app .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 .cvco-message__avatar{width:16px;height:16px;margin:0 .5em 0 0}.cvco-app .cvco-message__avatar .cvco-avatar{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.cvco-app .cvco-conversation__item--new-participant .cvco-message__author,.cvco-app .cvco-divider--type-time-indicator+.cvco-message--source-agent .cvco-message__author,.cvco-app .cvco-divider--type-time-indicator+.cvco-message--source-user .cvco-message__author{display:flex}.cvco-app .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 .cvco-message__body .cvco-icon svg path{fill:#3d4166}.cvco-app .cvco-message__body:last-child{margin-bottom:0}.cvco-app .cvco-message__info,.cvco-app .cvco-message__translation-info{width:100%}.cvco-app .cvco-message__translation-label{margin-right:5px;font-size:12px}.cvco-app .cvco-button.cvco-message__translation-toggle{padding:0;font-size:inherit}.cvco-app .cvco-conversation__item--source-info{margin-top:20px;margin-bottom:20px}.cvco-app .cvco-conversation__item--source-info:last-child{margin-bottom:0}.cvco-app .cvco-conversation__item--source-info .cvco-message{width:90%;max-width:90%;margin:0 auto}.cvco-app .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 .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 .cvco-message--source-user{justify-content:flex-end;margin-left:auto}.cvco-app .cvco-message--source-user .cvco-message__author{justify-content:flex-end}.cvco-app .cvco-message--source-user .cvco-message__body{background-color:#223182;color:#fff}.cvco-app .cvco-message--source-user .cvco-message__body .cvco-icon svg path{fill:#fff}.cvco-app .cvco-message--source-user .cvco-message__avatar{order:2;margin:0 0 0 .5em}.cvco-app .cvco-message--source-user .cvco-message__author-name{order:1}.cvco-app .cvco-message--source-user .cvco-message__info,.cvco-app .cvco-message--source-user .cvco-message__translation-info{text-align:right}.cvco-app .cvco-message--type-text .cvco-message__body ol:only-child,.cvco-app .cvco-message--type-text .cvco-message__body p:only-child,.cvco-app .cvco-message--type-text .cvco-message__body ul:only-child{margin:0}.cvco-app .cvco-message--type-text .cvco-message__body ol:last-child,.cvco-app .cvco-message--type-text .cvco-message__body p:last-child,.cvco-app .cvco-message--type-text .cvco-message__body ul:last-child{margin-bottom:0}.cvco-app .cvco-message--type-text .cvco-message__body ol,.cvco-app .cvco-message--type-text .cvco-message__body p,.cvco-app .cvco-message--type-text .cvco-message__body ul{margin:0 0 1em}.cvco-app .cvco-message--type-text .cvco-message__body ol,.cvco-app .cvco-message--type-text .cvco-message__body ul{padding-left:1.5em}.cvco-app .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 .cvco-message--type-text .cvco-message__body a:hover{text-decoration:none}.cvco-app .cvco-message--type-text.cvco-message--source-user .cvco-message__body a{color:#fff}.cvco-app .cvco-message--type-loading .cvco-message__body{align-self:flex-start}.cvco-app .cvco-message--type-loading.cvco-message--source-user .cvco-message__body{align-self:flex-end}.cvco-app .cvco-message--type-choice-prompt .cvco-message__body{width:100%}.cvco-app .cvco-message--type-choice-prompt:not(.cvco-message--type-choice-prompt-selected) .cvco-message__body{padding:0;background:none}.cvco-app .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 .cvco-message--type-choice-prompt-selected .cvco-message__choice-indicator>svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cvco-app .cvco-message--type-image .cvco-message__body{padding:0}.cvco-app .cvco-message--type-image .cvco-message__body img{display:block;width:100%;height:auto;overflow:hidden;border-radius:10px}.cvco-app .cvco-message--type-video .cvco-message__body{width:100%;padding:0 0 66%;background-color:#000}.cvco-app .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 .cvco-message--type-upload .cvco-download{display:flex;align-items:center;width:100%}.cvco-app .cvco-message--type-upload .cvco-download a{color:inherit;text-align:left;word-break:break-all}.cvco-app .cvco-message--type-upload .cvco-download a:hover{text-decoration:none}.cvco-app .cvco-message--type-upload .cvco-icon{flex:0 0 16px;width:16px;height:16px;margin-right:10px}.cvco-app .cvco-message--type-upload .cvco-icon svg{width:100%;height:100%}.cvco-app .cvco-message--deleted .cvco-file-download{text-decoration:line-through}.cvco-app .cvco-message .cvco-message__info{margin-top:4px;color:#6a7f8c;font-size:12px;line-height:1.35}.cvco-app .cvco-message--type-cta .cvco-message__body{display:flex;flex-direction:column;width:100%;padding:10px 15px 15px;background-color:#223182}.cvco-app .cvco-message--type-cta .cvco-cta__content{margin-bottom:10px;color:#fff;font-size:14px;line-height:1.5}.cvco-app .cvco-message--type-cta .cvco-cta__content p{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit}.cvco-app .cvco-message--type-cta .cvco-button{margin-bottom:10px;line-height:2;text-decoration:none}.cvco-app .cvco-message--type-cta .cvco-button:last-child{margin-bottom:0}.cvco-app .cvco-message--type-card .cvco-message__body{display:flex;flex-direction:column;width:100%;padding:0}.cvco-app .cvco-message--type-carousel .cvco-message__body{display:block;padding:0}.cvco-app .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% 50%;background-color:#db1639;color:#fff;font-size:12px;font-weight:700;line-height:1}.cvco-app .cvco-message-count.cvco-message-count__empty,.cvco-app .cvco-message-count__hide{transform:scale(0);transition:transform .3s linear 0s}.cvco-app .cvco-icon{display:inline-block;line-height:1}.cvco-app .cvco-input{display:flex;flex:1 1 100%;width:100%;height:100%}.cvco-app .cvco-input--text__container{display:flex;position:relative;flex:1 1 100%;height:100%;margin-right:5px}.cvco-app .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 .cvco-input__text{font-size:16px}}.cvco-app .cvco-input__text::-webkit-input-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-input__text::-moz-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-input__text:-ms-input-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-input__text:-moz-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-input--text__container .cvco-input__text{width:100%;margin-right:0}.cvco-app .cvco-character-exceeded .cvco-input__text,.cvco-app .cvco-character-warning .cvco-input__text{padding-right:40px}.cvco-app .cvco-character-exceeded .cvco-input__text{border:1px solid #db1639}.cvco-app .cvco-input__submit{display:flex;align-items:center;justify-content:center;padding:0}.cvco-app .cvco-input__submit:disabled{opacity:.5;cursor:auto}.cvco-app .cvco-input__submit .cvco-icon{width:32px;height:32px}.cvco-app .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.cvco-app--layout-window .cvco-faqs{overscroll-behavior:contain}@media(min-width:641px){.cvco-app.cvco-app--layout-inline .cvco-faqs{position:absolute;top:0;left:50%;flex-direction:column;width:50%;height:100%;min-height:100%;overflow:hidden;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.cvco-app--layout-inline .cvco-faqs{left:67%;width:33%}}.cvco-app .cvco-faqs.cvco-transition--visible{display:block}@media(min-width:641px){.cvco-app.cvco-app--layout-inline .cvco-faqs.cvco-transition--visible{display:flex}}.cvco-app.cvco-app--collapsed .cvco-faqs,.cvco-app.cvco-app--collapsed .cvco-faqs.cvco-transition--visible{display:none}.cvco-app .cvco-faqs.cvco-transition--in{height:30%;max-height:240px;overflow-y:auto}@media(min-width:641px){.cvco-app.cvco-app--layout-inline .cvco-faqs.cvco-transition--in{overflow-y:visible;overflow-y:initial;transform:translateX(0)}}.cvco-app .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 .cvco-faqs__heading:last-child{padding-bottom:20px}.cvco-app .cvco-faqs.cvco-transition--in .cvco-faqs__heading{transition:opacity .3s ease-in-out .2s;opacity:1}.cvco-app .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 .cvco-faqs__list:after{content:"";display:block;flex:0 0 20px;width:100%;height:20px}.cvco-app .cvco-faqs.cvco-transition--in .cvco-faqs__list{transition:opacity .3s ease-in-out .2s;opacity:1}@media(min-width:641px){.cvco-app.cvco-app--layout-inline .cvco-faqs__list{flex:1 1 100%;height:100%;max-height:100%;overflow-y:auto}}.cvco-app .cvco-faqs__item{display:block;width:100%;margin-bottom:5px}.cvco-app .cvco-faqs__item:last-child{margin-bottom:0}.cvco-app .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 .cvco-faqs__item .cvco-button.cvco-button--secondary:hover{color:#223182;text-decoration:underline}.cvco-app .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 .cvco-faqs__item .cvco-button.cvco-button--secondary:hover .cvco-icon{transform:translateX(5px)}.cvco-app .cvco-faqs__item .cvco-button.cvco-button--secondary:hover .cvco-icon svg path{fill:#223182}.cvco-app.cvco-app--layout-window .cvco-faqs__list{overscroll-behavior:contain;-ms-scroll-chaining:none}.cvco-app .cvco-interrupt{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;background:#fff}.cvco-app .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 .cvco-interrupt__title{font-size:16px;font-weight:700}.cvco-app .cvco-interrupt__message{margin-bottom:40px;font-size:16px}.cvco-app .cvco-interrupt__actions{margin-top:auto}.cvco-app .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 .cvco-skip-link:focus{transform:translate(-50%) scale(1);opacity:1}.cvco-app .cvco-svg-graphic{display:inline-block;position:relative}.cvco-app .cvco-svg-graphic__path-fill-primary{fill:#003a5d}.cvco-app .cvco-svg-graphic__path-fill-secondary{fill:#223182}.cvco-app .cvco-svg-graphic__path-fill-tertiary{fill:#4a48c1}.cvco-app .cvco-svg-graphic__path-fill-white{fill:#fff}.cvco-app .cvco-svg-graphic__path-fill-black{fill:#000}.cvco-app .cvco-svg-graphic__path-fill-highlight{fill:#ffc700}.cvco-app .cvco-svg-graphic__path-fill-positive{fill:#00875e}.cvco-app .cvco-svg-graphic__path-fill-negative{fill:#db1639}.cvco-app .cvco-disclaimer{display:block;flex:0 0 auto;width:100%;height:auto;padding:10px 20px;background-color:#eff3f6}.cvco-app.cvco-app--collapsed .cvco-disclaimer{display:none}.cvco-app .cvco-disclaimer__title{margin:0 0 5px;padding-right:20px;font-size:12px;font-weight:700;line-height:1}.cvco-app .cvco-disclaimer__message{font-size:12px;line-height:1.25}.cvco-app .cvco-idle{display:flex;flex-direction:column;align-items:center;justify-content:space-between;max-height:none;padding:10px}.cvco-app .cvco-idle__title{margin-top:0;margin-bottom:5px;font-size:16px;font-weight:700;text-align:center}.cvco-app .cvco-idle__title:last-child{margin-bottom:0}.cvco-app .cvco-idle__count-container{display:block;width:100%;height:2.75em;margin-bottom:10px;font-size:12px}.cvco-app .cvco-idle__count-text,.cvco-app .cvco-idle__count-timer{display:block;width:100%;font-size:inherit;text-align:center;white-space:nowrap}.cvco-app .cvco-idle__options{display:flex;flex-wrap:wrap;justify-content:center;width:100%;margin:0;padding:0;list-style-type:none}.cvco-app .cvco-idle__options .cvco-button{margin:5px 5px 0;text-align:center;white-space:normal}.cvco-app .cvco-prompt{display:flex;flex-direction:column;align-items:center;justify-content:space-between;max-height:none;padding:10px}.cvco-app .cvco-prompt__title{margin-top:0;margin-bottom:5px;font-size:16px;font-weight:700;text-align:center}.cvco-app .cvco-prompt__title:last-child{margin-bottom:0}.cvco-app .cvco-prompt__options{display:flex;flex-wrap:wrap;justify-content:center;width:100%;margin:0;padding:0;list-style-type:none}.cvco-app .cvco-prompt__options .cvco-button{margin:5px 5px 0;text-align:center;white-space:normal}.cvco-app .cvco-app__options{display:flex;position:relative;align-items:center;justify-content:flex-end;padding:5px;border-top:1px solid #dee3e5}.cvco-app .cvco-app__options-item--left{margin-right:auto}.cvco-app.cvco-app--collapsed .cvco-app__options{display:none}.cvco-app .cvco-app__options__button{display:flex;align-items:center;justify-content:flex-end;padding:5px 10px;border-radius:15px}.cvco-app.cvco-app--collapsed .cvco-app__options-button{display:none}.cvco-app .cvco-app__options__button .cvco-icon{flex:0 0 15px;width:15px;height:15px;margin-right:5px}.cvco-app .cvco-app__options__button .cvco-icon svg{width:100%;height:100%}.cvco-app .cvco-app__options__button.cvco-button--disabled .cvco-icon path{fill:currentColor}.cvco-app .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 .cvco-options__menu.cvco-transition--visible{display:block}.cvco-app .cvco-options__menu.cvco-transition--in{transform:scaleY(1) translateY(0);opacity:1}.cvco-app .cvco-options__menu__item{margin-bottom:5px;transition:opacity .1s ease .1s;opacity:0}.cvco-app .cvco-options__menu__item:last-child{margin-bottom:0}.cvco-app .cvco-options__menu.cvco-transition--in .cvco-options__menu__item{opacity:1}.cvco-app .cvco-options__menu .cvco-button{display:flex;align-items:center;width:100%;min-width:200px;border-radius:5px}.cvco-app .cvco-options__menu .cvco-button:hover{background-color:#223182;color:#fff}.cvco-app .cvco-options__menu .cvco-button.cvco-button--disabled:hover{background-color:transparent;background-color:initial;color:#5e727b}.cvco-app .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 .cvco-options--left{right:auto;left:10px}.cvco-app .cvco-options--right{right:10px}.cvco-app .cvco-options__dialog.cvco-transition--visible .cvco-options{display:flex}.cvco-app .cvco-options__dialog.cvco-transition--in .cvco-options{transform:scaleY(1) translateY(0);opacity:1}.cvco-app .cvco-options__body{display:flex;flex-direction:column;max-height:300px;transition:opacity .1s ease .1s;opacity:0}.cvco-app .cvco-options__dialog.cvco-transition--in .cvco-options__body{opacity:1}.cvco-app .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 .cvco-options__close{position:absolute;top:10px;right:10px;width:32px;height:32px;font-size:0}.cvco-app .cvco-options__close .cvco-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.cvco-app .cvco-options__body form{display:flex;flex:1 1 auto;flex-direction:column;width:100%}.cvco-app .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 .cvco-options__wrapper:last-child:after{content:"";display:block;flex:0 0 100%;width:100%;height:20px}.cvco-app .cvco-options__body div{width:100%}.cvco-app .cvco-options__wrapper h3{margin:0;color:#223182;font-size:14px;font-weight:700}.cvco-app .cvco-options__description{display:block;width:100%;margin-bottom:10px;font-size:14px}.cvco-app .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 .cvco-transcript__input:focus{border:1px solid #dee3e5}@supports(-webkit-overflow-scrolling:touch){.cvco-app .cvco-transcript__input{font-size:16px}}.cvco-app .cvco-transcript__input::-webkit-input-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-transcript__input::-moz-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-transcript__input:-ms-input-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-transcript__input:-moz-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-options__active-language{color:#3d4166;font-size:14px}.cvco-app .cvco-options__actions{display:flex;flex:0 0 auto;justify-content:flex-end;width:100%;margin-top:10px;padding:0}.cvco-app .cvco-options__actions .cvco-button{width:100%;margin-right:10px}.cvco-app .cvco-options__actions .cvco-button:last-child{margin-right:0}.cvco-app .cvco-cobrowsing{display:flex;align-items:center;justify-content:space-between;padding:5px 10px;background-color:#4a48c1}.cvco-app.cvco-app--collapsed .cvco-cobrowsing{display:none}.cvco-app .cvco-cobrowsing__title{display:flex;align-items:center;margin:0 10px 0 0;color:#fff;font-size:14px;font-weight:700;line-height:1}.cvco-app .cvco-cobrowsing__title:before{content:"";display:block;flex:0 0 5px;width:5px;height:5px;margin-right:10px;-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% 50%;background-color:#fff}.cvco-app .cvco-cobrowsing .cvco-button--tertiary{border-color:#fff;color:#fff}.cvco-app .cvco-chat-status{display:flex;align-items:center;justify-content:space-between;padding:5px 10px;border-bottom:1px solid #dee3e5;background-color:#fff}.cvco-app .cvco-chat-status.cvco-chat-status--cobrowsing{border:0;background-color:#4a48c1}.cvco-app.cvco-app--collapsed .cvco-chat-status{display:none}.cvco-app .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 .cvco-chat-status--cobrowsing .cvco-chat-status__title{color:#fff}.cvco-app .cvco-chat-status--cobrowsing .cvco-chat-status__title:before{content:"";display:block;flex:0 0 6px;width:6px;height:6px;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% 50%;background-color:currentColor}.cvco-app .cvco-chat-status .cvco-button--tertiary{color:#4a48c1}.cvco-app .cvco-chat-status--cobrowsing .cvco-button--tertiary{color:#fff}.cvco-app .cvco-upload-toggle-wrapper{width:0;height:100%;overflow:visible;transition:width .3s ease-in-out}.cvco-app .cvco-upload-toggle-wrapper.cvco-transition--in{width:42px}.cvco-app .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 .cvco-upload-toggle-wrapper.cvco-transition--in .cvco-upload-toggle{transform:translateX(0);opacity:1}.cvco-app .cvco-upload-toggle .cvco-icon{flex:0 0 100%;width:100%;height:100%}.cvco-app .cvco-upload-toggle .cvco-icon svg{width:100%;height:100%}.cvco-app .cvco-upload{width:100%;padding:10px 10px 0}.cvco-app .cvco-input--file{display:block}.cvco-app .cvco-upload__container{width:100%;margin-bottom:10px}.cvco-app .cvco-upload__visible-label--text{display:block;width:100%;font-size:16px;font-weight:700}.cvco-app .cvco-upload__content-hint{display:block;width:100%;margin-bottom:10px;padding-right:20px;font-size:12px}.cvco-app .cvco-file-upload{width:100%;max-width:100%;border:1px solid #4a48c1;border-radius:5px}.cvco-app .cvco-file-upload:hover{background-color:rgba(74,72,193,.1)}.cvco-app .cvco-file-upload.cvco-focus-within{outline:1px dotted #212121;outline:5px auto -webkit-focus-ring-color}.cvco-app .cvco-upload__input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.cvco-app .cvco-upload__label{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:10px;text-align:left}.cvco-app .cvco-upload__label .cvco-icon{flex:0 0 32px;width:32px;height:32px;margin-right:10px}.cvco-app .cvco-upload__label--text{display:block;flex:1 1 100%;max-width:100%;color:#4a48c1;font-size:14px;font-weight:700}.cvco-app .cvco-upload__output{display:block;flex:1 1 100%;max-width:100%;font-size:12px;word-break:break-all}.cvco-app .cvco-upload .cvco-button--primary{text-align:center}.cvco-app .cvco-upload__button-container{display:flex;flex:0 0 100%;justify-content:flex-end}.cvco-app .cvco-upload__cancel{margin-right:5px;padding:10px}.cvco-app .cvco-upload__cancel:last-child{margin-right:0}.cvco-app .cvco-progress__text{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:5px}.cvco-app .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 .cvco-progress__text--percentage{color:#6a7f8c;font-size:14px;line-height:1}.cvco-app .cvco-progress .cvco-error{margin-top:10px}.cvco-app .cvco-progress .cvco-error:empty{display:none}.cvco-app .cvco-progress__bar{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border:1px solid #003a5d;border-radius:5px;background:#fff}.cvco-app .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 .cvco-progress__bar::-webkit-progress-value{background-color:#4a48c1}.cvco-app .cvco-progress__bar::-moz-progress-bar{background-color:#4a48c1}.cvco-app .cvco-error{display:flex;align-items:flex-start;width:100%;margin:0 0 10px;padding:5px 10px;border-radius:5px;background-color:rgba(219,22,57,.1);color:#ad001f;font-size:12px;font-weight:700}.cvco-app .cvco-error .cvco-icon{flex:0 0 16px;width:16px;height:16px;margin-right:5px}.cvco-app .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 .cvco-notification:last-child{margin:0}.cvco-app .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 .cvco-character-count span{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;text-align:right}.cvco-app .cvco-character-exceeded .cvco-character-count,.cvco-app .cvco-character-warning .cvco-character-count{transform:translateX(0);opacity:1}.cvco-app .cvco-character-exceeded .cvco-character-count span{color:#db1639}.cvco-app .cvco-card__wrapper{display:flex;flex-direction:column;height:100%}.cvco-app .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 .cvco-card__content{display:flex;flex:1 1 auto;flex-wrap:wrap;padding:10px 15px 15px}.cvco-app .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 .cvco-card__title:last-child{margin-bottom:0}.cvco-app .cvco-card__description{display:block;width:100%;margin-bottom:20px}.cvco-app .cvco-card__description:last-child{margin-bottom:0}.cvco-app .cvco-card__content .cvco-button{display:block;align-self:flex-end;width:100%}.cvco-app .cvco-carousel{position:relative}.cvco-app .cvco-carousel__slides-wrapper{display:block;width:100%;overflow:hidden}.cvco-app .cvco-carousel__slides{display:flex;position:relative;flex-direction:row;padding:0;transition:left .3s ease-in-out;list-style:none}.cvco-app .cvco-carousel__slide{display:block;width:100%;padding:0;list-style:none}.cvco-app .cvco-carousel-item{display:flex;flex-direction:column;width:100%;height:100%}.cvco-app .cvco-carousel-item .cvco-button{display:block;width:100%}.cvco-app .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 .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 .cvco-carousel-controls .cvco-button--previous{left:0}.cvco-app .cvco-carousel-controls .cvco-button--next{right:0}.cvco-app .cvco-carousel__controls .cvco-button .cvco-icon{display:block;width:16px;height:16px;padding:0;border:0}.cvco-app .cvco-carousel__controls .cvco-button .cvco-icon svg{fill:#003a5d}.cvco-app .cvco-carousel__pagination{display:flex;position:relative;align-items:center;justify-content:center;padding:0 10px}.cvco-app .cvco-carousel-pagination{width:100%;margin:0 auto;padding:0}.cvco-app .cvco-carousel-pagination,.cvco-app .cvco-carousel-pagination__wrapper{display:flex;position:relative;flex-direction:row;justify-content:center}.cvco-app .cvco-carousel-pagination__item{display:block;width:10px;height:10px;margin-right:10px;list-style:none}.cvco-app .cvco-carousel-pagination__item:last-child{margin-right:0}.cvco-app .cvco-carousel-pagination__button{display:block;width:100%;height:100%;padding:0;border:0;border-radius:10px;background:#a3b4bf}.cvco-app .cvco-is-active .cvco-carousel-pagination__button{background-color:#003a5d}.cvco-app .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,.2)}.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}.cvco-modal-overlay{display:none;position:fixed;z-index:99;top:0;left:0;align-items:center;justify-content:center;width:100%;height:100%}.cvco-modal-overlay,.cvco-modal-overlay *,.cvco-modal-overlay :after,.cvco-modal-overlay :before{box-sizing:border-box}.cvco-modal-overlay:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;transition:opacity .3s ease-in-out;opacity:0;background-color:hsla(0,0%,100%,.8)}.cvco-modal-overlay.cvco-transition--visible{display:flex}.cvco-modal-overlay.cvco-transition--in:after{opacity:1}.cvco-modal-overlay .cvco-app--layout-modal,.cvco-modal-overlay .cvco-app--layout-modal.cvco-app--collapsed{width:100%;max-width:96vw;height:100%;max-height:calc(100vh - 4vw)}@supports(-webkit-overflow-scrolling:touch){.cvco-modal-overlay .cvco-app--layout-modal,.cvco-modal-overlay .cvco-app--layout-modal.cvco-app--collapsed{max-height:calc(90vh - 4vw)}}@media(min-width:641px){.cvco-modal-overlay .cvco-app--layout-modal,.cvco-modal-overlay .cvco-app--layout-modal.cvco-app--collapsed{width:375px;max-height:calc(100vh - 4vw)}@supports(-webkit-overflow-scrolling:touch){.cvco-modal-overlay .cvco-app--layout-modal,.cvco-modal-overlay .cvco-app--layout-modal.cvco-app--collapsed{max-height:calc(90vh - 4vw)}}}@media(min-width:1025px){.cvco-modal-overlay .cvco-app--layout-modal,.cvco-modal-overlay .cvco-app--layout-modal.cvco-app--collapsed{right:20px;bottom:20px;max-height:calc(100vh - 40px)}@supports(-webkit-overflow-scrolling:touch){.cvco-modal-overlay .cvco-app--layout-modal,.cvco-modal-overlay .cvco-app--layout-modal.cvco-app--collapsed{max-height:calc(90vh - 40px)}}}.cvco-modal-overlay .cvco-app--layout-modal{transform:translateX(150%);transition:transform .3s ease-in-out}.cvco-modal-overlay.cvco-transition--in .cvco-app--layout-modal{transform:translateX(0)}.cvco-modal-overlay .cvco-app--layout-modal.cvco-app--collapsed{background-color:#fff}.cvco-modal-overlay .cvco-app--layout-modal.cvco-app--collapsed .cvco-toggle-button{display:none}.cvco-modal-overlay .cvco-app--layout-modal.cvco-app--collapsed .cvco-app__body,.cvco-modal-overlay .cvco-app--layout-modal.cvco-app--collapsed .cvco-app__entry,.cvco-modal-overlay .cvco-app--layout-modal.cvco-app--collapsed .cvco-app__header,.cvco-modal-overlay .cvco-app--layout-modal.cvco-app--collapsed .cvco-header-controls{display:flex}.cvco-modal-overlay .cvco-app--layout-modal.cvco-app--collapsed .cvco-agent-info__body{display:block}.cvco-modal-overlay .cvco-app--layout-modal.cvco-app--collapsed .cvco-app__header{border-bottom:1px solid #dee3e5;border-bottom-left-radius:0;border-bottom-right-radius:0;background-color:transparent;background-color:initial;color:#3d4166}.cvco-modal-overlay .cvco-header-controls .cvco-icon{transform:rotate(-90deg);transform-origin:50% 50%}
1
+ @-webkit-keyframes cvco-loader{0%,75%,to{transform:scaleY(.45);border-radius:50% 50%}37.5%{transform:scaleY(1);border-radius:2.5px}}@keyframes cvco-loader{0%,75%,to{transform:scaleY(.45);border-radius:50% 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{display:flex;flex-direction:column;transform-origin:100% 100%;transition:margin .3s ease,height .3s ease,transform .3s ease,opacity .3s ease;outline:0;color:#3d4166;font-family:arial,helvetica,sans-serif;font-size:12px}.cvco-app,.cvco-app *,.cvco-app :after,.cvco-app :before{box-sizing:border-box}.cvco-app--layout-inline{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background-color:transparent;background-color:initial;box-shadow:none}@media(min-width:641px){.cvco-app--layout-inline{flex-direction:row}}.cvco-app--layout-inline.cvco-app--collapsed .cvco-app-wrapper{height:auto}.cvco-app--layout-inline.cvco-app--user-responded,.cvco-app--layout-inline.cvco-app--user-responded .cvco-app-wrapper{transition:none}.cvco-app--layout-window{max-width:calc(100vw - 40px);max-height:calc(85vh - 40px);display:none;position:fixed;z-index:1;right:20px;bottom:20px;width:360px;max-width:calc(100% - 40px);height:720px;transform:scale(0);opacity:0}@media(min-width:641px){.cvco-app--layout-window{max-height:calc(100vh - 40px)}@supports(-webkit-overflow-scrolling:touch){.cvco-app--layout-window{max-height:calc(90vh - 40px)}}}@media(min-width:1025px){.cvco-app--layout-window{right:20px;bottom:20px;max-height:calc(100vh - 40px)}@supports(-webkit-overflow-scrolling:touch){.cvco-app--layout-window{max-height:calc(90vh - 40px)}}}.cvco-app--layout-window.cvco-transition--visible{display:flex}.cvco-app--layout-window.cvco-transition--in{transform:scale(1);opacity:1}.cvco-app--layout-app{position:fixed;z-index:1;top:0;right:0;bottom:0;left:0;width:100%;max-width:100%;height:100%;max-height:100%}.cvco-app-wrapper{display:flex;position:relative;z-index:1;flex-direction:column;width:100%;height:100%;overflow:hidden;transition:flex .3s ease,width .3s ease,height .3s ease,border-radius .3s ease;border:1px solid #a3b4bf;border-radius:10px;background-color:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.1)}.cvco-app--layout-app .cvco-app-wrapper{border:0;border-radius:0}.cvco-app--layout-inline .cvco-app-wrapper{width:100%;height:0}@media(min-width:641px)and (max-width:1023px){.cvco-app--layout-inline .cvco-app-wrapper{flex:0 0 100%}.cvco-app--layout-inline .cvco-app-wrapper:not(:only-child){flex:0 0 50%;width:50%}}@media(min-width:1025px){.cvco-app--layout-inline .cvco-app-wrapper{flex:0 0 67%;width:67%}}.cvco-app--layout-inline.cvco-transition--in .cvco-app-wrapper{height:640px;max-height:90vh}.cvco-app__container{display:flex;position:relative;flex-direction:column;width:100%;height:100%}.cvco-app__body{display:flex;position:relative;flex-grow:4;padding:0;overflow-y:auto}.cvco-app--layout-window .cvco-app__body{overscroll-behavior:contain}.cvco-app__entry{position:relative;flex:0 0 auto;padding:10px;border-top:1px solid #dee3e5}.cvco-app__entry .cvco-entry__body--hidden{display:none}.cvco-app--layout-inline.cvco-app--collapsed .cvco-app__entry{border:0}.cvco-entry__body{display:flex;align-items:center}.cvco-button{display:inline-block;margin:0;padding:0;border:0;background:none;font-size:14px;text-align:left;cursor:pointer}.cvco-button span{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit}.cvco-button--primary{min-height:40px;padding:10px 15px;border-radius:5px;background-color:#4a48c1;color:#fff;font-weight:700}.cvco-button--secondary{padding:10px 15px;color:#4a48c1;font-weight:700}.cvco-button--tertiary{padding:2px 5px;border-radius:5px;background-color:transparent;background-color:initial;color:#fff;font-size:12px;font-weight:700}.cvco-button--disabled{color:#5e727b;cursor:auto}.cvco-button__state{display:inline-block;margin:-3px -3px -3px 3px;padding:3px 5px;border-radius:5px;background-color:#eff3f6;color:inherit}.cvco-app p{margin:0}.cvco-app img{max-width:100%}.cvco-app .cvco-input__checkbox{margin-right:10px}.cvco-app .cvco-input__checkbox:disabled{opacity:.5}.cvco-app .cvco-label{display:block;margin-bottom:5px;color:#4a48c1;font-size:14px;font-weight:700}.cvco-app .cvco-input__checkbox:disabled+.cvco-label{opacity:.5}.cvco-app .cvco-input__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-height:40px;padding:10px;border:1px solid #dee3e5;border-radius:5px;background-color:#fff;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:16px;resize:none}.cvco-app .cvco-input__select:disabled{border:1px solid #a3b4bf;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI2EzYjRiZiIgZD0iTTIuOTk4IDYuNTAzYS45OTkuOTk5IDAgMDExLjY4Ny0uNzI3TDcuMjcgOC4yMjJjLjM5NC4zNzMgMS4wNi4zNzMgMS40NTQgMGwyLjU4Ni0yLjQ0NmEuOTk5Ljk5OSAwIDExMS4zNzQgMS40NTRsLTIuNTg2IDIuNDQ2Yy0xLjE1OSAxLjA5Ni0zLjA0MyAxLjA5Ni00LjIwMyAwTDMuMzEgNy4yMjlhLjk5NC45OTQgMCAwMS0uMzEyLS43MjZ6Ii8+PC9zdmc+");color:#a3b4bf}.cvco-app .cvco-avatar{display:block;position:relative;flex-shrink:0;width:32px;height:32px;overflow:hidden;border-radius:5px}.cvco-app .cvco-avatar>.cvco-icon,.cvco-app .cvco-avatar__graphic{display:block}.cvco-app .cvco-conversation__message+.cvco-avatar{align-self:flex-end;margin-left:10px}.cvco-app .cvco-choice-prompt{display:flex;flex-direction:column;padding:0}.cvco-app .cvco-choice-prompt__item{display:block;width:100%;margin-top:5px;margin-left:0}.cvco-app .cvco-choice-prompt__item:first-child{margin-top:0}.cvco-app .cvco-choice-prompt__item .cvco-button{display:inline-block;white-space:normal}.cvco-app .cvco-choice-prompt__item--secondary .cvco-button{padding:5px 0;background-color:transparent;background-color:initial;color:#4a48c1}.cvco-app .cvco-button--choose-again{display:flex;align-items:center;margin:5px 0 10px;padding:0}.cvco-app .cvco-button--choose-again:last-child{margin-bottom:0}.cvco-app .cvco-button--choose-again .cvco-icon{display:flex;flex:0 0 8px;align-items:center;justify-content:center;width:8px;height:8px;margin:0 10px;transform-origin:50% 50%;transition:transform .3s ease}.cvco-app .cvco-button--choose-again .cvco-icon path{fill:currentColor}.cvco-app .cvco-button--choose-again[aria-expanded=true] .cvco-icon{transform:rotate(180deg)}.cvco-app .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 .cvco-conversation{list-style:none;width:100%;margin:auto 0 0;padding:20px 20px 0}.cvco-app .cvco-conversation:after{content:"";display:block;flex:0 0 100%;width:100%;height:20px}.cvco-app .cvco-chat-status~.cvco-app__container .cvco-conversation{padding-top:80px}.cvco-app .cvco-chat-status~.cvco-app__container .cvco-disclaimer+.cvco-conversation{padding-top:0}.cvco-app.cvco-app--layout-inline .cvco-conversation{position:relative}.cvco-app .cvco-conversation__item{width:100%;min-height:0;margin-top:10px}.cvco-app .cvco-conversation__item--new-participant{margin-top:20px}.cvco-app .cvco-conversation__item--new-participant:first-child{margin-top:0}.cvco-app .cvco-conversation__item--source-info{margin-top:20px;margin-bottom:20px}.cvco-app .cvco-conversation__item--source-info:last-child{margin-bottom:0}.cvco-app .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;line-height:1.5}.cvco-app .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 .cvco-divider--type-time-indicator{padding-top:60px;padding-bottom:20px}.cvco-app .cvco-divider--type-time-indicator:before{display:none}.cvco-app .cvco-conversation__item:first-child .cvco-divider{margin-top:0;padding-bottom:10px}.cvco-app .cvco-divider__graphic{position:absolute;top:40px;left:50%;width:32px;height:32px;transform:translate(-50%,-60%);border-radius:5px;background:#fff}.cvco-app .cvco-divider__graphic .cvco-avatar,.cvco-app .cvco-divider__graphic .cvco-icon,.cvco-app .cvco-divider__graphic .cvco-icon svg{width:100%;height:100%}.cvco-app .cvco-divider__body{font-size:12px;text-align:center}.cvco-app .cvco-divider__time{text-align:center}.cvco-app .cvco-divider__time span{display:block}.cvco-app .cvco-divider__time span:first-of-type{font-weight:700}.cvco-app .cvco-divider--type-newtranslation{text-align:center}.cvco-app .cvco-divider--type-newtranslation .cvco-divider__body{max-width:80%}.cvco-app .cvco-divider--type-newtranslation .cvco-divider__title{font-weight:700}.cvco-app .cvco-divider .cvco-button{padding:0;font-size:inherit}.cvco-app .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 .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% 50%;background-color:currentColor}.cvco-app .cvco-loader__part.cvco-one{-webkit-animation-delay:.12s;animation-delay:.12s}.cvco-app .cvco-loader__part.cvco-two{-webkit-animation-delay:.24s;animation-delay:.24s}.cvco-app .cvco-loader__part.cvco-three{-webkit-animation-delay:.36s;animation-delay:.36s}.cvco-app .cvco-loader__part.cvco-four{margin-right:0;-webkit-animation-delay:.48s;animation-delay:.48s}.cvco-app .cvco-message{display:flex;flex-direction:row;flex-wrap:wrap;width:80%}.cvco-app .cvco-message.cvco-message--type-suggestions{width:100%}.cvco-app .cvco-message+.cvco-message{margin-top:10px}.cvco-app .cvco-message--source-info.cvco-message{width:90%;max-width:90%;margin:0 auto}.cvco-app .cvco-message--source-info.cvco-message:after{content:"";display:block;width:20px;height:0;margin:0 auto;border-top:2px solid #4a48c1}.cvco-app .cvco-message--source-user{justify-content:flex-end;margin-left:auto}.cvco-app .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 .cvco-message--source-user .cvco-message__author{justify-content:flex-end}.cvco-app .cvco-message__avatar{width:16px;height:16px;margin:0 .5em 0 0}.cvco-app .cvco-message__avatar .cvco-avatar{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.cvco-app .cvco-conversation__item--new-participant .cvco-message__author{display:flex}.cvco-app .cvco-message--source-user .cvco-message__avatar{order:2;margin:0 0 0 10px}.cvco-app .cvco-message--source-user .cvco-message__author-name{order:1}.cvco-app .cvco-message__info{width:100%;margin-top:4px;color:#6a7f8c;font-size:12px;line-height:1.35}.cvco-app .cvco-message--source-user .cvco-message__info{text-align:right}.cvco-app .cvco-message__translation-info{width:100%}.cvco-app .cvco-message__translation-label{margin-right:5px;font-size:12px}.cvco-app .cvco-button.cvco-message__translation-toggle{padding:0;font-size:inherit}.cvco-app .cvco-message--source-user .cvco-message__translation-info{text-align:right}.cvco-app .cvco-card__wrapper{display:flex;flex-direction:column;height:100%}.cvco-app .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 .cvco-card__content{display:flex;flex:1 1 auto;flex-wrap:wrap;padding:10px 15px 15px}.cvco-app .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 .cvco-card__title:last-child{margin-bottom:0}.cvco-app .cvco-card__description{display:block;width:100%;margin-bottom:20px}.cvco-app .cvco-card__description:last-child{margin-bottom:0}.cvco-app .cvco-card__content .cvco-button{display:block;align-self:flex-end;width:100%;font-weight:700;text-decoration:none}.cvco-app .cvco-carousel{position:relative}.cvco-app .cvco-carousel__slides-wrapper{display:block;width:100%;overflow:hidden}.cvco-app .cvco-carousel__slides{display:flex;position:relative;flex-direction:row;padding:0;transition:left .3s ease;list-style:none}.cvco-app .cvco-carousel__slide{display:block;width:100%;padding:0;list-style:none}.cvco-app .cvco-carousel-item{display:flex;flex-direction:column;width:100%;height:100%}.cvco-app .cvco-carousel-item .cvco-button{display:block;width:100%}.cvco-app .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 .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 .cvco-carousel-controls .cvco-button--previous{left:0}.cvco-app .cvco-carousel-controls .cvco-button--next{right:0}.cvco-app .cvco-carousel__controls .cvco-button .cvco-icon{display:block;width:16px;height:16px;padding:0;border:0}.cvco-app .cvco-carousel__controls .cvco-button .cvco-icon svg path{fill:#4a48c1}.cvco-app .cvco-carousel__pagination{display:flex;position:relative;align-items:center;justify-content:center;padding:0 10px}.cvco-app .cvco-carousel-pagination{width:100%;margin:0 auto;padding:0}.cvco-app .cvco-carousel-pagination,.cvco-app .cvco-carousel-pagination__wrapper{display:flex;position:relative;flex-direction:row;justify-content:center}.cvco-app .cvco-carousel-pagination__item{display:block;list-style:none}.cvco-app .cvco-carousel-pagination__button{display:block;position:relative;width:32px;height:32px;padding:0;border:0;border-radius:0;background-color:transparent;background-color:initial}.cvco-app .cvco-carousel-pagination__button:before{content:"";display:block;position:absolute;top:50%;left:50%;width:9.6px;height:9.6px;transform:translate(-50%,-50%);transform-origin:50% 50%;border-radius:50% 50%;background-color:#a3b4bf}.cvco-app .cvco-is-active .cvco-carousel-pagination__button:before{background-color:#003a5d}.cvco-app .cvco-cta__content{margin-bottom:10px;color:#fff;font-size:14px;line-height:1.5}.cvco-app .cvco-cta__content p{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit}.cvco-app .cvco-message--type-cta .cvco-button{margin-bottom:10px;line-height:2;text-decoration:none}.cvco-app .cvco-message--type-cta .cvco-button:last-child{margin-bottom:0}.cvco-app .cvco-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;line-height:1}.cvco-app .cvco-icon svg{width:100%;height:100%}.cvco-app .cvco-form,.cvco-app .cvco-input{display:flex;flex:1 1 100%;width:100%;height:100%}.cvco-app .cvco-input--text__container{display:flex;position:relative;flex:1 1 100%;height:100%;margin-right:5px}.cvco-app .cvco-input__text{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-grow:4;height:40px;margin-right:5px;padding:10px;transition:padding .3s ease;border:1px solid transparent;border-radius:5px;color:#3d4166;font-size:16px;resize:none}.cvco-app .cvco-input__text::-webkit-input-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-input__text::-moz-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-input__text:-ms-input-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-input__text:-moz-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-input--text__container .cvco-input__text{width:100%;margin-right:0}.cvco-app .cvco-character-exceeded .cvco-input__text,.cvco-app .cvco-character-warning .cvco-input__text{padding-right:40px}.cvco-app .cvco-character-exceeded .cvco-input__text{border:1px solid #db1639}.cvco-app .cvco-input__submit{display:flex;flex:0 0 40px;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:5px}.cvco-app .cvco-input__submit:disabled{cursor:auto}.cvco-app .cvco-input__submit .cvco-icon path{transition:fill .3s ease;fill:#4a48c1}.cvco-app .cvco-input__submit:disabled .cvco-icon path{fill:#a3b4bf}.cvco-app .cvco-interrupt{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;background:#fff}.cvco-app .cvco-interrupt__body{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;margin:10px;padding:40px}.cvco-app .cvco-interrupt__title{font-size:16px;font-weight:700}.cvco-app .cvco-interrupt__message{margin-bottom:40px;font-size:16px}.cvco-app .cvco-interrupt__actions{margin-top:auto}.cvco-app .cvco-skip-link{position:absolute;z-index:100;top:20px;left:50%;padding:10px 15px;transform:translate(-50%,-5px) scale(0);transform-origin:50% 0;transition:transform .3s ease,opacity .3s ease;border:1px solid #fff;border-radius:5px;opacity:0;background:#4a48c1;color:#fff;font-size:12px}.cvco-app .cvco-skip-link:focus{transform:translate(-50%) scale(1);opacity:1}.cvco-app .cvco-disclaimer{display:block;flex:0 0 auto;width:100%;height:auto;padding:20px;background-color:#eff3f6}.cvco-app.cvco-app--layout-window .cvco-disclaimer{padding-right:80px}.cvco-app .cvco-chat-status~.cvco-app__container .cvco-disclaimer{margin-top:80px;padding:10px 20px}.cvco-app.cvco-app--collapsed .cvco-disclaimer{display:none}.cvco-app .cvco-disclaimer__title{margin:0 0 5px;padding-right:20px;font-size:12px;font-weight:700;line-height:1}.cvco-app .cvco-disclaimer__message{font-size:12px;line-height:1.25}.cvco-app .cvco-idle{display:flex;flex-direction:column;align-items:center;justify-content:space-between;max-height:none;padding:10px}.cvco-app .cvco-idle__title{margin-top:0;margin-bottom:5px;font-size:16px;font-weight:700;text-align:center}.cvco-app .cvco-idle__title:last-child{margin-bottom:0}.cvco-app .cvco-idle__count-container{display:block;width:100%;height:2.75em;margin-bottom:10px;font-size:12px}.cvco-app .cvco-idle__count-text,.cvco-app .cvco-idle__count-timer{display:block;width:100%;font-size:inherit;text-align:center;white-space:nowrap}.cvco-app .cvco-idle__options{display:flex;flex-wrap:wrap;justify-content:center;width:100%;margin:0;padding:0;list-style-type:none}.cvco-app .cvco-idle__options .cvco-button{margin:5px 5px 0;text-align:center;white-space:normal}.cvco-app .cvco-prompt{display:flex;flex-direction:column;align-items:center;justify-content:space-between;max-height:none;padding:10px}.cvco-app .cvco-prompt__title{margin-top:0;margin-bottom:5px;font-size:16px;font-weight:700;text-align:center}.cvco-app .cvco-prompt__title:last-child{margin-bottom:0}.cvco-app .cvco-prompt__options{display:flex;flex-wrap:wrap;justify-content:center;width:100%;margin:0;padding:0;list-style-type:none}.cvco-app .cvco-prompt__options .cvco-button{margin:5px 5px 0;text-align:center;white-space:normal}.cvco-app .cvco-app__options{display:flex;position:relative;flex:0;align-items:center;justify-content:flex-end;width:100%;padding:5px;border-top:1px solid #dee3e5}.cvco-app .cvco-app__options-item--left{margin-right:auto}.cvco-app.cvco-app--collapsed .cvco-app__options{display:none}.cvco-app .cvco-app__options__button{display:flex;align-items:center;justify-content:flex-end;padding:5px 10px;border-radius:5px}.cvco-app.cvco-app--collapsed .cvco-app__options-button{display:none}.cvco-app .cvco-app__options__button .cvco-icon{flex:0 0 16px;width:16px;height:16px;margin-right:5px}.cvco-app .cvco-app__options__button .cvco-icon svg{width:100%;height:100%}.cvco-app .cvco-app__options__button .cvco-icon path{fill:currentColor}.cvco-app .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 .cvco-options__menu.cvco-transition--visible{display:block}.cvco-app .cvco-options__menu.cvco-transition--in{transform:scaleY(1) translateY(0);opacity:1}.cvco-app .cvco-options__menu__item{margin-bottom:5px;transition:opacity .1s ease .1s;opacity:0}.cvco-app .cvco-options__menu__item:last-child{margin-bottom:0}.cvco-app .cvco-options__menu.cvco-transition--in .cvco-options__menu__item{opacity:1}.cvco-app .cvco-options__menu .cvco-button{display:flex;align-items:center;width:100%;min-width:200px;border-radius:5px}.cvco-app .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 .cvco-options--left{right:auto;left:10px}.cvco-app .cvco-options--right{right:10px}.cvco-app .cvco-options__dialog.cvco-transition--visible .cvco-options{display:flex}.cvco-app .cvco-options__dialog.cvco-transition--in .cvco-options{transform:scaleY(1) translateY(0);opacity:1}.cvco-app .cvco-options__body{display:flex;flex-direction:column;max-height:300px;transition:opacity .1s ease .1s;opacity:0}.cvco-app .cvco-options__dialog.cvco-transition--in .cvco-options__body{opacity:1}.cvco-app .cvco-options__title{display:flex;flex:0 0 auto;align-items:center;width:calc(100% - 50px);margin:0;padding:20px 20px 10px;color:#223182;font-size:16px;font-weight:700}.cvco-app .cvco-options__close{display:flex;position:absolute;top:10px;right:10px;align-items:center;justify-content:center;width:40px;height:40px;color:#4a48c1;font-size:0}.cvco-app .cvco-options__close .cvco-icon{flex:0 0 16px;width:16px;height:16px}.cvco-app .cvco-options__close .cvco-icon path{fill:currentColor}.cvco-app .cvco-options__form{flex:1 1 auto;flex-direction:column}.cvco-app .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 .cvco-options__wrapper:last-child:after{content:"";display:block;flex:0 0 100%;width:100%;height:20px}.cvco-app .cvco-options__body div{width:100%}.cvco-app .cvco-options__wrapper h3{margin:0;color:#223182;font-size:14px;font-weight:700}.cvco-app .cvco-options__description{display:block;width:100%;margin-bottom:10px;font-size:14px}.cvco-app .cvco-transcript__input{width:100%;min-height:40px;padding:10px;transition:padding .3s ease;border:1px solid #dee3e5;border-radius:5px;font-size:16px}.cvco-app .cvco-transcript__input:focus{border:1px solid #dee3e5}.cvco-app .cvco-transcript__input::-webkit-input-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-transcript__input::-moz-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-transcript__input:-ms-input-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-transcript__input:-moz-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-options__active-language{color:#3d4166;font-size:14px}.cvco-app .cvco-options__actions{display:flex;flex:0 0 auto;justify-content:flex-end;width:100%;margin-top:10px;padding:0}.cvco-app .cvco-options__actions .cvco-button{width:100%;margin-right:10px}.cvco-app .cvco-options__actions .cvco-button:last-child{margin-right:0}.cvco-app .cvco-chat-status{display:flex;position:absolute;z-index:1;top:20px;left:20px;align-items:center;justify-content:space-between;width:calc(100% - 40px);height:40px;min-height:40px;padding:5px 20px;border-radius:20px;background-color:#fff;box-shadow:0 5px 30px rgba(53,75,90,.15),0 3px 10px rgba(53,75,90,.2)}.cvco-app.cvco-app--layout-window .cvco-chat-status{width:calc(100% - 90px)}.cvco-app.cvco-app--collapsed .cvco-chat-status{display:none}.cvco-app .cvco-chat-status__title{display:flex;flex:1;align-items:center;margin:0 10px 0 0;color:#3d4166;font-size:12px;font-weight:700;line-height:1.25}.cvco-app .cvco-chat-status .cvco-button--tertiary{color:#4a48c1}.cvco-app .cvco-upload-toggle-wrapper{width:0;height:100%;overflow:visible;transition:width .3s ease}.cvco-app .cvco-upload-toggle-wrapper.cvco-transition--in{width:50px}.cvco-app .cvco-upload-toggle{display:flex;flex:0 0 40px;flex-direction:column;align-items:center;justify-content:center;width:40px;height:40px;padding:0;transform:translateX(-100%);transition:transform .3s ease,opacity .3s ease;border-radius:5px;opacity:0;color:transparent;font-size:0;line-height:1;text-align:center}.cvco-app .cvco-upload-toggle-wrapper.cvco-transition--in .cvco-upload-toggle{transform:translateX(0);opacity:1}.cvco-app .cvco-upload-toggle .cvco-icon{flex:0 0 24px;width:24px;height:24px}.cvco-app .cvco-upload-toggle .cvco-icon svg{width:100%;height:100%}.cvco-app .cvco-upload{width:100%;padding:10px 10px 0}.cvco-app .cvco-upload-form{display:block}.cvco-app .cvco-upload__container{width:100%;margin-bottom:10px}.cvco-app .cvco-upload__visible-label--text{display:block;width:100%;font-size:16px;font-weight:700}.cvco-app .cvco-upload__content-hint{display:block;width:100%;margin-bottom:10px;padding-right:20px;font-size:12px}.cvco-app .cvco-file-upload{width:100%;max-width:100%;border:1px solid #4a48c1;border-radius:5px}.cvco-app .cvco-file-upload.cvco-focus-within{outline:1px dotted #212121;outline:5px auto -webkit-focus-ring-color}.cvco-app .cvco-upload__input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.cvco-app .cvco-upload__label{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:10px;color:#4a48c1;text-align:left}.cvco-app .cvco-upload__label .cvco-icon{flex:0 0 32px;width:32px;height:32px;margin-right:10px}.cvco-app .cvco-upload__label .cvco-icon path{fill:currentColor}.cvco-app .cvco-upload__label--text{display:block;flex:1 1 100%;max-width:100%;color:inherit;font-size:14px;font-weight:700}.cvco-app .cvco-upload__output{display:block;flex:1 1 100%;max-width:100%;color:#003a5d;font-size:12px;word-break:break-all}.cvco-app .cvco-upload .cvco-button--primary{text-align:center}.cvco-app .cvco-upload__button-container{display:flex;flex:0 0 100%;justify-content:flex-end}.cvco-app .cvco-upload__cancel{margin-right:5px;padding:10px}.cvco-app .cvco-upload__cancel:last-child{margin-right:0}.cvco-app .cvco-progress__text{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:5px}.cvco-app .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 .cvco-progress__text--percentage{color:#6a7f8c;font-size:14px;line-height:1}.cvco-app .cvco-progress .cvco-error{margin-top:10px}.cvco-app .cvco-progress .cvco-error:empty{display:none}.cvco-app .cvco-progress__bar{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border-radius:5px;background:#eff3f6}.cvco-app .cvco-progress__bar::-webkit-progress-bar{border-radius:5px;background:#eff3f6}.cvco-app .cvco-progress__bar::-webkit-progress-value{border-radius:5px;background-color:#4a48c1}.cvco-app .cvco-progress__bar::-moz-progress-bar{background-color:#4a48c1}.cvco-app .cvco-error__message{display:flex;align-items:flex-start;width:100%;margin:0 0 10px;padding:5px 10px;border-radius:5px;background-color:rgba(219,22,57,.1);color:#ad001f;font-size:12px;font-weight:700}.cvco-app .cvco-error__message .cvco-icon{flex:0 0 16px;width:16px;height:16px;margin-right:5px}.cvco-app .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 .cvco-notification:last-child{margin:0}.cvco-app .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,opacity .2s ease .2s;opacity:0;font-size:12px;font-weight:700;line-height:1;text-align:right;pointer-events:none}.cvco-app .cvco-character-count span{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;text-align:right}.cvco-app .cvco-character-exceeded .cvco-character-count,.cvco-app .cvco-character-warning .cvco-character-count{transform:translateX(0);opacity:1}.cvco-app .cvco-character-exceeded .cvco-character-count span{color:#db1639}.cvco-app .cvco-collapse-button{display:flex;position:absolute;z-index:1;top:20px;right:20px;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50% 50%;background-color:#fff;box-shadow:0 5px 30px rgba(53,75,90,.15),0 3px 10px rgba(53,75,90,.2)}.cvco-app .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-message__body{display:block;position:relative;max-width:100%;margin-bottom:5px;padding:10px 15px;border-radius:10px;background-color:#eff3f6;color:#3d4166}.cvco-message__body .cvco-icon svg path{fill:#3d4166}.cvco-message__body:last-child{margin-bottom:0}.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-message--source-user .cvco-message__body{background-color:#223182;color:#fff}.cvco-message--source-user .cvco-message__body .cvco-icon svg path{fill:#fff}.cvco-message--type-splash .cvco-message__body{padding:0;border-radius:0;background-color:transparent;background-color:initial;font-size:24px;font-weight:700}.cvco-message--type-suggestions .cvco-message__body{width:100%;padding:0;background-color:transparent;background-color:initial}.cvco-message--type-splash .cvco-message__body ol,.cvco-message--type-splash .cvco-message__body p,.cvco-message--type-splash .cvco-message__body ul,.cvco-message--type-text .cvco-message__body ol,.cvco-message--type-text .cvco-message__body p,.cvco-message--type-text .cvco-message__body ul{margin:0 0 20px}.cvco-message--type-splash .cvco-message__body ol:last-child,.cvco-message--type-splash .cvco-message__body p:last-child,.cvco-message--type-splash .cvco-message__body ul:last-child,.cvco-message--type-text .cvco-message__body ol:last-child,.cvco-message--type-text .cvco-message__body p:last-child,.cvco-message--type-text .cvco-message__body ul:last-child{margin:0}.cvco-message--type-splash .cvco-message__body ul,.cvco-message--type-text .cvco-message__body ul{padding-left:1.5em}.cvco-message--type-splash .cvco-message__body ul li,.cvco-message--type-text .cvco-message__body ul li{list-style-type:disc}.cvco-message--type-splash .cvco-message__body a,.cvco-message--type-text .cvco-message__body a{color:#4a48c1;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.cvco-message--source-user .cvco-message__body a{color:#fff}.cvco-message--type-loading .cvco-message__body{align-self:flex-start}.cvco-message--type-choice-prompt .cvco-message__body{width:100%;padding:0;background-color:transparent;background-color:initial}.cvco-message--type-image .cvco-message__body{padding:0}.cvco-message--type-image img{display:block;width:100%;height:auto;overflow:hidden;border-radius:10px}.cvco-message--type-video .cvco-message__body{width:100%;padding:0;background-color:#000}.cvco-message--type-video iframe{display:block;width:100%;aspect-ratio:6/4;border:0;border-radius:10px}.cvco-message--type-upload .cvco-download{display:flex;align-items:center;width:100%}.cvco-message--type-upload a{color:inherit;text-align:left;word-break:break-all}.cvco-message--type-upload .cvco-icon{flex:0 0 16px;width:16px;height:16px;margin-right:10px}.cvco-message--type-upload .cvco-icon svg{width:100%;height:100%}.cvco-conversation__item--source-agent .cvco-message--type-upload .cvco-icon path{fill:#4a48c1}.cvco-conversation__item--source-agent .cvco-message--type-upload a{color:#4a48c1}.cvco-message .cvco-message__info{margin-top:4px;color:#6a7f8c;font-size:12px;line-height:1.35}.cvco-message--type-cta .cvco-message__body{display:flex;flex-direction:column;width:100%;padding:10px 15px 15px;background-color:#223182}.cvco-message--type-card .cvco-message__body{display:flex;flex-direction:column;width:100%;padding:0}.cvco-message--type-carousel .cvco-message__body{display:block;padding:0}.cvco-message-count{display:flex;position:absolute;top:-10px;right:-10px;align-items:center;justify-content:center;width:25px;height:25px;transform:scale(1);transform-origin:50% 50%;transition:transform .3s cubic-bezier(.175,.885,.32,1.275) .5s;border-radius:50% 50%;background-color:#db1639;color:#fff;font-size:12px;font-weight:700;line-height:1}.cvco-message-count:empty{transform:scale(0);transition:transform .3s ease}.cvco-suggestions{width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overscroll-behavior:contain}.cvco-app--layout-inline>.cvco-suggestions{flex-direction:column;max-height:320px;padding:20px;overflow:hidden;transition:max-height .3s ease,padding .3s ease,transform .3s ease,opacity .3s ease;opacity:0}.cvco-app--layout-inline>.cvco-suggestions.cvco-transition--visible{display:flex}.cvco-app--layout-inline>.cvco-suggestions.cvco-transition--in{transition:padding .3s ease .2s,transform .3s ease .2s,opacity .3s ease .2s;opacity:1}@media(min-width:641px){.cvco-app--layout-inline>.cvco-suggestions.cvco-transition--in{transform:translateX(0)}}@media(min-width:641px){.cvco-app--layout-inline>.cvco-suggestions{flex:0 0 50%;width:50%;height:640px;min-height:100%;max-height:90vh;transform:translateX(-100%)}}@media(min-width:1025px){.cvco-app--layout-inline>.cvco-suggestions{flex:0 0 33%;width:33%}}.cvco-suggestions__heading{flex:0 0 auto;margin:0 0 10px;color:#003a5d;font-size:18px;font-weight:700}.cvco-suggestions__list{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;align-items:flex-start;width:100%;height:auto;overscroll-behavior:contain}.cvco-app--layout-inline>.cvco-suggestions .cvco-suggestions__list{flex:1 1 100%;flex-direction:column;flex-wrap:nowrap;height:100%;max-height:100%;overflow-y:auto}.cvco-suggestions-item{display:block;flex:0 0 auto;max-width:100%;margin:0 5px 5px 0}.cvco-app--layout-inline>.cvco-suggestions .cvco-suggestions-item{width:100%;margin-right:0}.cvco-suggestions-item .cvco-icon{display:none}.cvco-suggestions__footer.cvco-suggestions__footer{display:block;width:100%;margin:5px 0 0;color:#003a5d;font-size:16px;font-weight:700}.cvco-modal{display:flex;position:fixed;z-index:99;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;width:100%;min-width:100%;height:100%;min-height:100%;padding:20px;transform:scale(1);opacity:1;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}.cvco-modal__image{display:block;flex:0 0 auto;width:auto;max-width:100%;max-height:100%;border:1px solid #dee3e5}.cvco-modal__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;position:absolute;top:20px;right:20px;align-items:center;min-height:40px;padding:5px 15px;border:0;border-radius:5px;background-color:#4a48c1;color:#fff;font-weight:700}.cvco-modal__close .cvco-icon{flex:0 0 16px;width:16px;height:16px;margin-right:10px}.cvco-modal__close .cvco-icon svg{width:inherit;height:inherit}.cvco-modal__close .cvco-icon svg path{transition:fill .3s ease;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:40px;height:40px;padding:0;border:0;border-radius:50% 50%;background-color:#fff;color:transparent;font-size:0}.cvco-modal__enlarge .cvco-icon svg path{fill:#4a48c1}.cvco-window-open-button{display:none;position:fixed;z-index:1;right:20px;bottom:20px;width:48px;height:48px;padding:0;transform:scale(0);transform-origin:100% 100%;transition:transform .3s ease;border:1px solid #a3b4bf;border-radius:10px;opacity:0;background-color:#003a5d;box-shadow:0 0 20px 0 rgba(0,0,0,.1)}.cvco-window-open-button.cvco-transition--visible{display:block}.cvco-window-open-button.cvco-transition--in{transform:scale(1);transition:transform .3s ease .2s;opacity:1}.cvco-window-open-button .cvco-avatar,.cvco-window-open-button .cvco-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;border-radius:10px}.cvco-pre-chat-messages{list-style:none;margin:0;padding:0}.cvco-pre-chat-messages--window{position:fixed;z-index:1;right:20px;bottom:68px;max-width:calc(100% - 40px)}@media(min-width:641px){.cvco-pre-chat-messages--window{max-width:280px}}.cvco-pre-chat-messages__message{margin-bottom:10px}.cvco-pre-chat-messages--window .cvco-message__body{padding:10px 15px;border:1px solid #fff;border-radius:10px;background-color:#eff3f6;font-size:14px}.cvco-unstarted-wrapper{display:none;width:100%;overflow:hidden;transition:margin .3s ease,max-height .3s ease}.cvco-unstarted-wrapper:not(.cvco-unstarted-wrapper.cvco-unstarted-wrapper--window){max-height:0}@media(min-width:1025px){.cvco-unstarted-wrapper:not(.cvco-unstarted-wrapper.cvco-unstarted-wrapper--window){width:67%}}.cvco-unstarted-wrapper.cvco-transition--visible{display:block}.cvco-unstarted-wrapper:not(.cvco-unstarted-wrapper--window).cvco-transition--in{max-height:600px;margin-bottom:20px}.cvco-unstarted-wrapper .cvco-cvco-suggestions,.cvco-unstarted-wrapper .cvco-pre-chat-messages{display:none;transition:transform .3s ease,opacity .3s ease;opacity:0}.cvco-unstarted-wrapper.cvco-transition--visible .cvco-cvco-suggestions,.cvco-unstarted-wrapper.cvco-transition--visible .cvco-pre-chat-messages{display:block}.cvco-unstarted-wrapper.cvco-transition--in .cvco-cvco-suggestions,.cvco-unstarted-wrapper.cvco-transition--in .cvco-pre-chat-messages{transition:transform .3s ease .2s,opacity .3s ease .2s;opacity:1}.cvco-unstarted-wrapper--window .cvco-pre-chat-messages{transform:scale(0);transform-origin:100% 100%}.cvco-unstarted-wrapper--window.cvco-transition--in .cvco-pre-chat-messages{transform:scale(1)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seamly/web-ui",
3
- "version": "19.1.1",
3
+ "version": "20.0.0-beta.1",
4
4
  "main": "build/dist/lib/index.js",
5
5
  "module": "",
6
6
  "exports": {
@@ -31,7 +31,6 @@
31
31
  "js-cookie": "^3.0.1",
32
32
  "marked": "^3.0.7",
33
33
  "minivents": "^2.2.0",
34
- "mustache": "^4.2.0",
35
34
  "phoenix": "1.6.2",
36
35
  "redux": "^4.1.1",
37
36
  "redux-thunk": "^2.3.0",
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="32px" height="32px" x="0px" y="0px" viewBox="0 0 32 32"><defs/><path fill="none" stroke="#4A48C1" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M18.132,11.784v10.039c0,1.15-0.915,2.079-2.048,2.079l0,0c-1.133,0-2.048-0.929-2.048-2.079V8.3c0-2.099,1.675-3.8,3.743-3.8l0,0 c2.066,0,3.741,1.701,3.741,3.8v13.596c0,3.093-2.475,5.604-5.52,5.604l0,0c-3.048,0-5.519-2.511-5.519-5.604V9.604"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" x="0px" y="0px" version="1.1" viewBox="0 0 32 32"><path fill="#4A48C1" d="M16,28.5c-3.6,0-6.5-3-6.5-6.6V9.6c0-0.6,0.4-1,1-1s1,0.4,1,1v12.3c0,2.5,2,4.6,4.5,4.6 c2.5,0,4.5-2.1,4.5-4.6V8.3c0-1.5-1.2-2.8-2.7-2.8c-1.5,0-2.7,1.3-2.7,2.8v13.5c0,0.6,0.5,1.1,1,1.1c0.6,0,1-0.5,1-1.1v-10 c0-0.6,0.4-1,1-1s1,0.4,1,1v10c0,1.7-1.4,3.1-3,3.1s-3-1.4-3-3.1V8.3c0-2.6,2.1-4.8,4.7-4.8c2.6,0,4.7,2.2,4.7,4.8v13.6 C22.5,25.5,19.6,28.5,16,28.5z"/></svg>
@@ -6,5 +6,12 @@ export default class SeamlyBaseError extends Error {
6
6
  Error.captureStackTrace(this, Object.getPrototypeOf(this))
7
7
  }
8
8
  this.originalError = originalError
9
+ if (originalError?.payload) {
10
+ this.originalEvent = originalError
11
+ this.originalError = originalError.payload.error
12
+ }
13
+ if (originalError?.error) {
14
+ this.originalError = originalError.error
15
+ }
9
16
  }
10
17
  }
@@ -84,11 +84,16 @@ export class API {
84
84
  * @param {string} config.domain Domain to connect to
85
85
  * @param {string} config.secure Connect securely
86
86
  * @param {string} config.externalId Unique visitor identifier (optional)
87
+ * @param {boolean} config.sendEnvironment
88
+ * @param {string} namespace
89
+ * @param {Object} [context={ variables: undefined, locale: undefined }]
90
+ * @param {object} context.variables
91
+ * @param {string} context.locale
87
92
  * @memberof API
88
93
  */
89
- constructor({ namespace, config = {}, locale }) {
94
+ constructor({ namespace, config = {}, context = {} }) {
90
95
  this.store = objectStore(
91
- `${namespace}.connection${locale ? '.' + locale : ''}`,
96
+ `${namespace}.connection${context.locale ? '.' + context.locale : ''}`,
92
97
  config.storageProvider || sessionStorageProvider,
93
98
  )
94
99
 
@@ -98,8 +103,10 @@ export class API {
98
103
  secure: config.secure !== false ? config.secure || true : false,
99
104
  }
100
105
 
101
- this.sendEnvironment =
102
- config.sendEnvironment !== undefined ? config.sendEnvironment : true
106
+ this.config = {
107
+ sendEnvironment: config.sendEnvironment ?? true,
108
+ context,
109
+ }
103
110
 
104
111
  this.connected = false
105
112
  this.configReady = false
@@ -216,6 +223,40 @@ export class API {
216
223
  }
217
224
  }
218
225
 
226
+ getConfig() {
227
+ return superagent
228
+ .post(
229
+ `${this.getUrlPrefix('http')}/client/${
230
+ this.connectionInfo.apiKey
231
+ }/configs`,
232
+ )
233
+ .set('Content-Type', 'application/json')
234
+ .query({ v: apiVersion })
235
+ .send({
236
+ context: {
237
+ ...this.config.context,
238
+ environment:
239
+ this.config.sendEnvironment === true
240
+ ? getEnvironment()
241
+ : this.config.sendEnvironment,
242
+ },
243
+ })
244
+ .then(({ body }) => {
245
+ this.updateUrls(body)
246
+ this.configReady = true
247
+ return body.config
248
+ })
249
+ .catch((error) => {
250
+ if (error.status === 404) {
251
+ throw new SeamlyConfigurationError()
252
+ }
253
+ if (error.status >= 500) {
254
+ throw new SeamlyGeneralError()
255
+ }
256
+ throw error
257
+ })
258
+ }
259
+
219
260
  async getConversation() {
220
261
  if (!this.hasConversation()) {
221
262
  return null
@@ -288,14 +329,14 @@ export class API {
288
329
  this.internalProducer.emit(xs.create(this.conversationProducer))
289
330
 
290
331
  // Send environment
291
- if (this.sendEnvironment) {
332
+ if (this.config.sendEnvironment) {
292
333
  this.send(
293
334
  'context',
294
335
  {
295
336
  environment:
296
- this.sendEnvironment === true
337
+ this.config.sendEnvironment === true
297
338
  ? getEnvironment()
298
- : this.sendEnvironment,
339
+ : this.config.sendEnvironment,
299
340
  },
300
341
  false,
301
342
  )
@@ -337,30 +378,6 @@ export class API {
337
378
  return req
338
379
  }
339
380
 
340
- getAccountConfig() {
341
- return superagent
342
- .post(
343
- `${this.getUrlPrefix('http')}/client/${
344
- this.connectionInfo.apiKey
345
- }/configs`,
346
- )
347
- .set('Content-Type', 'application/json')
348
- .query({ v: apiVersion })
349
- .then(({ body }) => {
350
- this.updateUrls(body)
351
- return body.config
352
- })
353
- .catch((error) => {
354
- if (error.status === 404) {
355
- throw new SeamlyConfigurationError(error)
356
- }
357
- if (error.status >= 500) {
358
- throw new SeamlyGeneralError(error)
359
- }
360
- throw error
361
- })
362
- }
363
-
364
381
  getConversationIntitialState() {
365
382
  return superagent
366
383
  .get(`${this.getUrlPrefix('http')}${this.getConversationUrl()}`)
@@ -384,12 +401,6 @@ export class API {
384
401
  })
385
402
  }
386
403
 
387
- async getConfig() {
388
- const config = await this.getAccountConfig()
389
- this.configReady = true
390
- return config
391
- }
392
-
393
404
  async getTranslations(locale) {
394
405
  try {
395
406
  const url = `${this.getUrlPrefix('http')}${this.URLS.translations}`
@@ -20,6 +20,7 @@ export default class ConversationProducer {
20
20
  type: 'error',
21
21
  payload: {
22
22
  type: 'seamly_offline',
23
+ error: err,
23
24
  },
24
25
  })
25
26
  })
@@ -77,7 +78,10 @@ export default class ConversationProducer {
77
78
  .receive('error', (err) => {
78
79
  log('[CHANNEL][JOIN] ERROR', err)
79
80
 
80
- this.emit({ type: 'error', payload: { type: 'join_channel_erred' } })
81
+ this.emit({
82
+ type: 'error',
83
+ payload: { type: 'join_channel_erred', error: err },
84
+ })
81
85
  this.emit({ type: 'connection', connected: false, ready: false })
82
86
  this.channel.socket.disconnect()
83
87
  })
@@ -25,7 +25,7 @@ export const typingTimeout = 2000
25
25
 
26
26
  export const defaultConfig = {
27
27
  namespace: 'default',
28
- layoutMode: 'window', // "window", "inline" ("sidebar"), "modal"
28
+ layoutMode: 'window', // "window", "inline" ("sidebar")
29
29
  messages: {
30
30
  agent: {
31
31
  showAvatar: false, // true, "inline"
@@ -40,8 +40,4 @@ export const defaultConfig = {
40
40
  threshold: 3600000, // Default threshold is an hour in milliseconds
41
41
  },
42
42
  },
43
- appContainerClassNames: (config) => [
44
- `app--layout-${config.layoutMode}`,
45
- `namespace--${config.namespace}`,
46
- ],
47
43
  }
@@ -1,10 +1,11 @@
1
1
  import { seamlyActions } from '../../ui/utils/seamly-utils'
2
- import { Actions as ConfigActions } from '../config'
3
- import { Actions as I18nActions } from '../i18n'
2
+ import * as ConfigActions from '../config/actions'
3
+ import * as I18nActions from '../i18n/actions'
4
4
  import * as VisibilityActions from '../visibility/actions'
5
5
  import { createAction, createThunk } from './utils'
6
6
  import SeamlyUnavailableError from '../../api/errors/seamly-unavailable-error'
7
7
  import SeamlySessionExpiredError from '../../api/errors/seamly-session-expired-error'
8
+ import * as InterruptActions from '../interrupt/actions'
8
9
 
9
10
  export const setHasResponded = createAction(
10
11
  'setHasResponded',
@@ -13,15 +14,20 @@ export const setHasResponded = createAction(
13
14
 
14
15
  export const initialize = createThunk(
15
16
  'initialize',
16
- async (config, { dispatch, extra: { api } }) => {
17
+ async (_, { dispatch, extra: { api, config } }) => {
17
18
  dispatch(ConfigActions.initialize(config))
18
19
  let locale = config?.context?.locale
19
20
 
20
21
  try {
21
- const { features, defaultLocale } = await api.getConfig()
22
+ const { features, defaultLocale, preChat } = await api.getConfig()
22
23
  dispatch({ type: seamlyActions.SET_FEATURES, features })
23
24
  locale = locale || defaultLocale
24
25
  dispatch(I18nActions.setInitialLocale(locale))
26
+ dispatch(
27
+ ConfigActions.setPreChatEvents(
28
+ preChat.map((payload) => ({ type: 'message', payload })),
29
+ ),
30
+ )
25
31
  } catch (e) {
26
32
  throw new SeamlyUnavailableError()
27
33
  }
@@ -49,4 +55,15 @@ export const initialize = createThunk(
49
55
  },
50
56
  )
51
57
 
52
- export const reset = createAction('reset', () => {})
58
+ export const reset = createThunk(
59
+ 'reset',
60
+ async (config, { dispatch, extra: { api } }) => {
61
+ try {
62
+ await api.disconnect()
63
+ await api.clearStore()
64
+ dispatch(initialize())
65
+ } catch (error) {
66
+ dispatch(InterruptActions.set(error))
67
+ }
68
+ },
69
+ )
@@ -2,3 +2,6 @@ import { createAction } from './utils'
2
2
 
3
3
  export const initialize = createAction('initialize', (config) => ({ config }))
4
4
  export const update = createAction('update', (config) => ({ config }))
5
+ export const setPreChatEvents = createAction('setPreChatEvents', (events) => ({
6
+ events,
7
+ }))
@@ -2,6 +2,7 @@ import { defaultConfig } from '../../config'
2
2
  import { createReducer } from './utils'
3
3
  import * as Actions from './actions'
4
4
  import { pick } from '../../ui/utils/general-utils'
5
+ import * as AppActions from '../app/actions'
5
6
 
6
7
  const initialState = {
7
8
  ...defaultConfig,
@@ -10,6 +11,7 @@ const initialState = {
10
11
  showFaq: false,
11
12
  customComponents: {},
12
13
  defaults: {},
14
+ preChatEvents: [],
13
15
  }
14
16
 
15
17
  const configKeys = [
@@ -59,6 +61,13 @@ export default createReducer(
59
61
  [Actions.update]: (state, action) => {
60
62
  return updateState(state, action)
61
63
  },
64
+ [AppActions.initialize.pending]: () => initialState,
65
+ [Actions.setPreChatEvents]: (state, { events }) => {
66
+ return {
67
+ ...state,
68
+ preChatEvents: events,
69
+ }
70
+ },
62
71
  },
63
72
  initialState,
64
73
  )
@@ -7,24 +7,25 @@ export const catchError = createAction('catch-error', (error) => ({ error }))
7
7
 
8
8
  export function createMiddleware({ api: seamlyApi }) {
9
9
  return ({ getState }) => {
10
- const handleError = (error) => {
10
+ const handleError = (action) => {
11
11
  const { errorCallback, namespace, api, layoutMode } =
12
12
  ConfigSelectors.selectConfig(getState())
13
- errorCallback?.(error, {
13
+ errorCallback?.(action.error, {
14
14
  namespace,
15
15
  api,
16
16
  layoutMode,
17
17
  conversationUrl: seamlyApi.getConversationUrl(),
18
+ action: action.type ? action : undefined,
18
19
  })
19
20
  }
20
21
  return (next) => (action) => {
21
22
  try {
22
23
  if (action.error) {
23
- handleError(action.error)
24
+ handleError(action)
24
25
  }
25
26
  return next(action)
26
27
  } catch (error) {
27
- handleError(error)
28
+ handleError({ error })
28
29
  throw error
29
30
  }
30
31
  }
@@ -21,10 +21,12 @@ export function useFormContext() {
21
21
  }
22
22
 
23
23
  export function useForm() {
24
- const { handleSubmit } = useFormContext()
24
+ const { handleSubmit, isSubmitted, isValid } = useFormContext()
25
25
 
26
26
  return {
27
27
  handleSubmit,
28
+ isSubmitted,
29
+ isValid,
28
30
  }
29
31
  }
30
32
 
@@ -15,6 +15,7 @@ export default function FormProvider({
15
15
  children,
16
16
  formId,
17
17
  persistData,
18
+ onError,
18
19
  onSubmit,
19
20
  validationSchema,
20
21
  ...props
@@ -87,6 +88,17 @@ export default function FormProvider({
87
88
  [validationIsValid, onSubmit, values, updateControlValue, setError],
88
89
  )
89
90
 
91
+ //
92
+ useEffect(() => {
93
+ if (onError) {
94
+ onError({
95
+ errors,
96
+ isSubmitted,
97
+ isValid: Object.keys(errors).length === 0,
98
+ })
99
+ }
100
+ }, [isSubmitted, errors, onError])
101
+
90
102
  const contextValue = useMemo(
91
103
  () => ({
92
104
  formId,
@@ -1,5 +1,6 @@
1
1
  import { createReducer } from './utils'
2
2
  import * as Actions from './actions'
3
+ import * as AppActions from '../app/actions'
3
4
 
4
5
  const initialState = {}
5
6
 
@@ -77,6 +78,7 @@ export default createReducer(
77
78
  [Actions.updateControlTouched]: (state, { formId, name, touched }) => {
78
79
  return updateFormControl(state, formId, name, { touched })
79
80
  },
81
+ [AppActions.initialize.pending]: () => initialState,
80
82
  },
81
83
  initialState,
82
84
  )
@@ -23,11 +23,12 @@ export function useI18n() {
23
23
  (key, values = {}) => {
24
24
  const translation = translations[key]
25
25
  if (!translation) {
26
+ console.warn(`Translation key: ${key} is missing in locale: ${locale}`)
26
27
  return null
27
28
  }
28
29
  return formatter.format(translation, values)
29
30
  },
30
- [translations],
31
+ [translations, locale],
31
32
  )
32
33
 
33
34
  return {
@@ -1,5 +1,6 @@
1
1
  import * as Actions from './actions'
2
2
  import { createReducer } from './utils'
3
+ import * as AppActions from '../app/actions'
3
4
 
4
5
  const defaultState = {
5
6
  translations: {
@@ -65,6 +66,7 @@ export default createReducer(
65
66
  ...state,
66
67
  isLoading: false,
67
68
  }),
69
+ [AppActions.initialize.pending]: () => defaultState,
68
70
  },
69
71
  defaultState,
70
72
  )