@seamly/web-ui 18.3.0 → 19.0.0-beta.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/dist/lib/index.debug.js +349 -74
- package/build/dist/lib/index.debug.min.js +1 -1
- package/build/dist/lib/index.debug.min.js.LICENSE.txt +108 -8
- package/build/dist/lib/index.js +6103 -5988
- package/build/dist/lib/index.min.js +1 -1
- package/build/dist/lib/index.min.js.LICENSE.txt +1 -1
- package/build/dist/lib/standalone.js +2414 -2226
- package/build/dist/lib/standalone.min.js +1 -1
- package/build/dist/lib/standalone.min.js.LICENSE.txt +1 -1
- package/build/dist/lib/storage.js +8 -1
- package/build/dist/lib/storage.min.js +1 -1
- package/build/dist/lib/style-guide.js +1517 -785
- package/build/dist/lib/style-guide.min.js +1 -1
- package/build/dist/lib/styles.css +1 -1
- package/package.json +27 -28
- package/src/javascripts/api/index.js +25 -40
- package/src/javascripts/api/producer.js +3 -6
- package/src/javascripts/config.js +3 -3
- package/src/javascripts/domains/app/actions.js +28 -11
- package/src/javascripts/domains/app/hooks.js +6 -0
- package/src/javascripts/domains/app/index.js +3 -0
- package/src/javascripts/domains/app/reducer.js +16 -0
- package/src/javascripts/domains/app/selectors.js +8 -0
- package/src/javascripts/domains/app/utils.js +4 -0
- package/src/javascripts/domains/config/actions.js +1 -3
- package/src/javascripts/domains/config/middleware.js +0 -4
- package/src/javascripts/domains/config/reducer.js +2 -13
- package/src/javascripts/domains/config/selectors.js +3 -3
- package/src/javascripts/domains/config/utils.js +4 -0
- package/src/javascripts/domains/forms/actions.js +1 -3
- package/src/javascripts/domains/forms/reducer.js +1 -2
- package/src/javascripts/domains/forms/selectors.js +2 -2
- package/src/javascripts/domains/forms/utils.js +5 -0
- package/src/javascripts/domains/i18n/actions.js +20 -0
- package/src/javascripts/domains/i18n/hooks.js +38 -0
- package/src/javascripts/domains/i18n/index.js +5 -84
- package/src/javascripts/domains/i18n/reducer.js +64 -0
- package/src/javascripts/domains/i18n/selectors.js +15 -0
- package/src/javascripts/domains/i18n/utils.js +4 -0
- package/src/javascripts/domains/interrupt/actions.js +1 -3
- package/src/javascripts/domains/interrupt/reducer.js +1 -2
- package/src/javascripts/domains/interrupt/selectors.js +3 -2
- package/src/javascripts/domains/interrupt/utils.js +4 -0
- package/src/javascripts/domains/redux/hooks.js +1 -0
- package/src/javascripts/domains/store/index.js +7 -1
- package/src/javascripts/domains/translations/actions.js +1 -3
- package/src/javascripts/domains/translations/components/chat-status.js +1 -1
- package/src/javascripts/domains/translations/components/options-dialog/form.js +11 -6
- package/src/javascripts/domains/translations/index.js +1 -0
- package/src/javascripts/domains/translations/middleware.js +43 -0
- package/src/javascripts/domains/translations/reducer.js +2 -9
- package/src/javascripts/domains/translations/selectors.js +2 -2
- package/src/javascripts/domains/translations/utils.js +4 -0
- package/src/javascripts/index.js +3 -0
- package/src/javascripts/lib/engine/index.js +1 -0
- package/src/javascripts/lib/mutex.js +30 -0
- package/src/javascripts/lib/redux-helpers/index.js +55 -16
- package/src/javascripts/lib/store/providers/session-storage.js +6 -1
- package/src/javascripts/style-guide/components/app.js +7 -2
- package/src/javascripts/style-guide/components/static-core.js +9 -3
- package/src/javascripts/style-guide/states.js +8 -8
- package/src/javascripts/style-guide/style-guide-engine.js +14 -11
- package/src/javascripts/ui/components/conversation/event/divider/variants/new-translation.js +1 -1
- package/src/javascripts/ui/components/conversation/event/upload.js +2 -2
- package/src/javascripts/ui/components/core/seamly-activity-monitor.js +2 -0
- package/src/javascripts/ui/components/core/seamly-event-subscriber.js +2 -0
- package/src/javascripts/ui/components/core/seamly-instance-functions-loader.js +1 -7
- package/src/javascripts/ui/components/core/seamly-new-notifications.js +5 -6
- package/src/javascripts/ui/components/core/seamly-read-state.js +6 -4
- package/src/javascripts/ui/components/entry/text-entry/hooks.js +6 -4
- package/src/javascripts/ui/components/entry/text-entry/text-entry-form.js +10 -3
- package/src/javascripts/ui/components/entry/upload/file-upload-form.js +6 -3
- package/src/javascripts/ui/components/entry/upload/index.js +8 -3
- package/src/javascripts/ui/components/faq/faq.js +2 -2
- package/src/javascripts/ui/components/layout/app-frame.js +11 -8
- package/src/javascripts/ui/components/layout/interrupt.js +6 -2
- package/src/javascripts/ui/components/warnings/resume-conversation-prompt.js +1 -1
- package/src/javascripts/ui/components/widgets/upload-progress.js +1 -1
- package/src/javascripts/ui/hooks/seamly-api-hooks.js +0 -6
- package/src/javascripts/ui/hooks/seamly-entry-hooks.js +17 -21
- package/src/javascripts/ui/hooks/seamly-hooks.js +0 -1
- package/src/javascripts/ui/hooks/use-seamly-commands.js +5 -6
- package/src/javascripts/ui/hooks/use-seamly-visibility.js +3 -5
- package/src/javascripts/ui/hooks/use-single-file-upload.js +4 -1
- package/src/javascripts/ui/utils/general-utils.js +6 -13
- package/src/stylesheets/1-settings/_config.scss +2 -1
- package/src/stylesheets/3-app/_app.scss +3 -4
- package/src/stylesheets/5-components/_faq.scss +3 -8
- package/src/stylesheets/5-components/_modal.scss +3 -3
- package/webpack/config.package.js +0 -18
- package/webpack/config.site.js +6 -0
- package/webpack/defaults.js +0 -3
- package/CHANGELOG.md +0 -573
- package/build/dist/translations/de-informal.js +0 -274
- package/build/dist/translations/de-informal.min.js +0 -1
- package/build/dist/translations/en.js +0 -274
- package/build/dist/translations/en.min.js +0 -1
- package/build/dist/translations/es-informal.js +0 -280
- package/build/dist/translations/es-informal.min.js +0 -1
- package/build/dist/translations/nl-formal.js +0 -274
- package/build/dist/translations/nl-formal.min.js +0 -1
- package/build/dist/translations/nl-informal.js +0 -274
- package/build/dist/translations/nl-informal.min.js +0 -1
- package/src/javascripts/lib/i18n.js +0 -46
- package/translations/de-informal.js +0 -235
- package/translations/en.js +0 -232
- package/translations/es-informal.js +0 -241
- package/translations/nl-formal.js +0 -228
- package/translations/nl-informal.js +0 -228
|
@@ -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:100vh;min-height:480px;max-height:640px;transition:height .3s ease-in-out,width .3s ease-in-out;background-color:transparent;background-color:initial;box-shadow:none}@media(min-width:641px){.cvco-app--layout-inline{display:block;height:480px;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;-ms-scroll-chaining:none}@media(min-width:641px){.cvco-app.cvco-app--layout-inline .cvco-faqs{position:absolute;top:0;left:50%;flex-direction:column;width:50%;height:480px;min-height:480px;max-height:100%;transform:translateX(-100%);border:1px solid #a3b4bf;border-left:0;border-top-right-radius:10px;border-bottom-right-radius:10px}}@media(min-width:1025px){.cvco-app.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{height:480px;min-height:480px;max-height:100%;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 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{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%}
|
package/package.json
CHANGED
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@seamly/web-ui",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "19.0.0-beta.3",
|
|
4
4
|
"main": "build/dist/lib/index.js",
|
|
5
5
|
"module": "",
|
|
6
6
|
"exports": {
|
|
7
7
|
".": "./build/dist/lib/index.js",
|
|
8
8
|
"./style-guide": "./build/dist/lib/style-guide.js",
|
|
9
|
-
"./translations/*": "./translations/*",
|
|
10
|
-
"./dist/translations/*": "./dist/translations/*",
|
|
11
9
|
"./src/stylesheets/*": "./src/stylesheets/*",
|
|
12
10
|
"./webpack/*": "./webpack/*",
|
|
13
11
|
"./package.json": "./package.json",
|
|
@@ -20,21 +18,21 @@
|
|
|
20
18
|
"README.md",
|
|
21
19
|
"build/dist/*",
|
|
22
20
|
"src/*",
|
|
23
|
-
"webpack/*"
|
|
24
|
-
"translations/*"
|
|
21
|
+
"webpack/*"
|
|
25
22
|
],
|
|
26
23
|
"dependencies": {
|
|
27
24
|
"@babel/runtime-corejs3": "^7.15.4",
|
|
28
25
|
"@seamly/stylelint-config": "^1.1.1",
|
|
29
|
-
"
|
|
26
|
+
"@ultraq/icu-message-formatter": "^0.12.0",
|
|
27
|
+
"core-js": "^3.18.3",
|
|
30
28
|
"deep-keys": "^0.5.0",
|
|
31
|
-
"focus-trap": "^6.
|
|
29
|
+
"focus-trap": "^6.7.1",
|
|
32
30
|
"include-media": "^1.4.10",
|
|
33
31
|
"js-cookie": "^3.0.1",
|
|
34
|
-
"marked": "^3.0.
|
|
32
|
+
"marked": "^3.0.7",
|
|
35
33
|
"minivents": "^2.2.0",
|
|
36
34
|
"mustache": "^4.2.0",
|
|
37
|
-
"phoenix": "1.
|
|
35
|
+
"phoenix": "1.6.2",
|
|
38
36
|
"redux": "^4.1.1",
|
|
39
37
|
"redux-thunk": "^2.3.0",
|
|
40
38
|
"reselect": "^4.0.0",
|
|
@@ -42,46 +40,47 @@
|
|
|
42
40
|
"xstream": "^11.14.0"
|
|
43
41
|
},
|
|
44
42
|
"devDependencies": {
|
|
45
|
-
"@babel/core": "^7.15.
|
|
46
|
-
"@babel/plugin-proposal-object-rest-spread": "^7.
|
|
43
|
+
"@babel/core": "^7.15.8",
|
|
44
|
+
"@babel/plugin-proposal-object-rest-spread": "^7.15.6",
|
|
47
45
|
"@babel/plugin-syntax-dynamic-import": "^7.8.3",
|
|
48
46
|
"@babel/plugin-transform-classes": "^7.15.4",
|
|
49
47
|
"@babel/plugin-transform-react-jsx": "^7.14.9",
|
|
50
|
-
"@babel/plugin-transform-runtime": "^7.15.
|
|
51
|
-
"@babel/preset-env": "^7.15.
|
|
48
|
+
"@babel/plugin-transform-runtime": "^7.15.8",
|
|
49
|
+
"@babel/preset-env": "^7.15.8",
|
|
52
50
|
"@seamly/doc-site": "^1.0",
|
|
53
|
-
"@seamly/eslint-config": "^1.0
|
|
54
|
-
"@seamly/prettier-config": "^
|
|
51
|
+
"@seamly/eslint-config": "^2.1.0",
|
|
52
|
+
"@seamly/prettier-config": "^2.0.0",
|
|
55
53
|
"@testing-library/jest-dom": "^5.13.0",
|
|
56
54
|
"@testing-library/preact": "^2.0.1",
|
|
57
|
-
"babel-jest": "^27.1
|
|
55
|
+
"babel-jest": "^27.3.1",
|
|
58
56
|
"babel-loader": "^8.2.2",
|
|
57
|
+
"copy-webpack-plugin": "^9.1.0",
|
|
59
58
|
"cypress": "^7.5.0",
|
|
60
59
|
"cypress-file-upload": "^5.0.8",
|
|
61
60
|
"cypress-wait-until": "^1.7.1",
|
|
62
61
|
"debug": "^4.3.2",
|
|
63
62
|
"eslint": "^7.32.0",
|
|
64
63
|
"eslint-import-resolver-alias": "^1.1.2",
|
|
65
|
-
"eslint-plugin-cypress": "^2.
|
|
66
|
-
"eslint-plugin-jest": "^
|
|
64
|
+
"eslint-plugin-cypress": "^2.12.1",
|
|
65
|
+
"eslint-plugin-jest": "^25.2.2",
|
|
67
66
|
"file-loader": "^6.2.0",
|
|
68
|
-
"glob": "^7.
|
|
67
|
+
"glob": "^7.2.0",
|
|
69
68
|
"husky": "^7.0.2",
|
|
70
|
-
"jest": "27.1
|
|
71
|
-
"mini-css-extract-plugin": "^2.
|
|
72
|
-
"preact": "10.5.
|
|
69
|
+
"jest": "27.3.1",
|
|
70
|
+
"mini-css-extract-plugin": "^2.4.2",
|
|
71
|
+
"preact": "10.5.15",
|
|
73
72
|
"prettier": "^2.4.1",
|
|
74
73
|
"raw-loader": "^4.0.2",
|
|
75
74
|
"rimraf": "^3.0.2",
|
|
76
75
|
"sneakpeek-cli": "^0.2.1",
|
|
77
76
|
"start-server-and-test": "^1.14.0",
|
|
78
|
-
"style-loader": "^3.
|
|
77
|
+
"style-loader": "^3.3.0",
|
|
79
78
|
"stylelint": "^13.13.1",
|
|
80
79
|
"url-loader": "^4.1.1",
|
|
81
|
-
"webpack": "^5.
|
|
82
|
-
"webpack-bundle-analyzer": "^4.
|
|
83
|
-
"webpack-cli": "^4.
|
|
84
|
-
"webpack-dev-server": "^4.
|
|
80
|
+
"webpack": "^5.58.2",
|
|
81
|
+
"webpack-bundle-analyzer": "^4.5.0",
|
|
82
|
+
"webpack-cli": "^4.9.1",
|
|
83
|
+
"webpack-dev-server": "^4.3.1",
|
|
85
84
|
"webpack-merge": "^5.8.0"
|
|
86
85
|
},
|
|
87
86
|
"peerDependencies": {
|
|
@@ -95,7 +94,7 @@
|
|
|
95
94
|
"server": "webpack serve --node-env=development",
|
|
96
95
|
"server:test": "webpack serve --node-env=development --env build=test",
|
|
97
96
|
"lint:scss": "stylelint \"src/stylesheets/**/*.scss\" --formatter=verbose",
|
|
98
|
-
"lint:js": "eslint --max-warnings 0 src webpack",
|
|
97
|
+
"lint:js": "eslint --fix --max-warnings 0 src webpack",
|
|
99
98
|
"lint": "yarn run lint:js && yarn run lint:scss && yarn check:prettier",
|
|
100
99
|
"format:code": "prettier --write \"src/**/*.{js,scss}\"",
|
|
101
100
|
"format:tests": "prettier --write \"tests/**/*.{js,scss}\"",
|
|
@@ -11,10 +11,12 @@ import SeamlyConfigurationError from './errors/seamly-configuration-error'
|
|
|
11
11
|
import SeamlyGeneralError from './errors/seamly-general-error'
|
|
12
12
|
import SeamlyUnauthorizedError from './errors/seamly-unauthorized-error'
|
|
13
13
|
import debug from '../lib/debug'
|
|
14
|
+
import { omit } from '../ui/utils/general-utils'
|
|
14
15
|
|
|
15
16
|
const log = debug('seamly')
|
|
16
17
|
|
|
17
18
|
const DOMAIN = 'api.seamly-app.com'
|
|
19
|
+
const TRANSLATIONS_VERSION = 1
|
|
18
20
|
|
|
19
21
|
function buildPayload(command, payload) {
|
|
20
22
|
if (command !== 'message') {
|
|
@@ -84,9 +86,9 @@ export class API {
|
|
|
84
86
|
* @param {string} config.externalId Unique visitor identifier (optional)
|
|
85
87
|
* @memberof API
|
|
86
88
|
*/
|
|
87
|
-
constructor({ namespace, config = {} }) {
|
|
89
|
+
constructor({ namespace, config = {}, locale }) {
|
|
88
90
|
this.store = objectStore(
|
|
89
|
-
`${namespace}.connection`,
|
|
91
|
+
`${namespace}.connection${locale ? '.' + locale : ''}`,
|
|
90
92
|
config.storageProvider || sessionStorageProvider,
|
|
91
93
|
)
|
|
92
94
|
|
|
@@ -147,10 +149,6 @@ export class API {
|
|
|
147
149
|
this.store.set('channelName', name)
|
|
148
150
|
}
|
|
149
151
|
|
|
150
|
-
setUserResponded(value) {
|
|
151
|
-
this.store.set('userResponded', value)
|
|
152
|
-
}
|
|
153
|
-
|
|
154
152
|
clearStore() {
|
|
155
153
|
this.store.delete('accessToken')
|
|
156
154
|
this.store.delete('conversationUrl')
|
|
@@ -351,7 +349,7 @@ export class API {
|
|
|
351
349
|
.query({ v: apiVersion })
|
|
352
350
|
.then(({ body }) => {
|
|
353
351
|
this.updateUrls(body)
|
|
354
|
-
return
|
|
352
|
+
return body.config
|
|
355
353
|
})
|
|
356
354
|
.catch((error) => {
|
|
357
355
|
if (error.status === 404) {
|
|
@@ -371,11 +369,7 @@ export class API {
|
|
|
371
369
|
.query({ v: apiVersion })
|
|
372
370
|
.then(({ body }) => {
|
|
373
371
|
this.updateUrls(body)
|
|
374
|
-
|
|
375
|
-
delete initialState.accessToken
|
|
376
|
-
delete initialState.channelName
|
|
377
|
-
|
|
378
|
-
return { initialState }
|
|
372
|
+
return omit(body.conversation, ['accessToken', 'channelName'])
|
|
379
373
|
})
|
|
380
374
|
.catch((error) => {
|
|
381
375
|
if (error.status === 401) {
|
|
@@ -391,24 +385,27 @@ export class API {
|
|
|
391
385
|
})
|
|
392
386
|
}
|
|
393
387
|
|
|
394
|
-
getConfig() {
|
|
395
|
-
const
|
|
388
|
+
async getConfig() {
|
|
389
|
+
const config = await this.getAccountConfig()
|
|
390
|
+
this.configReady = true
|
|
391
|
+
return config
|
|
392
|
+
}
|
|
396
393
|
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
394
|
+
async getTranslations(locale) {
|
|
395
|
+
try {
|
|
396
|
+
const url = `${this.getUrlPrefix('http')}${this.URLS.translations}`
|
|
397
|
+
.replace('{version}', String(TRANSLATIONS_VERSION))
|
|
398
|
+
.replace('{locale}', locale)
|
|
399
|
+
const request = superagent.get(url)
|
|
400
400
|
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
this.configReady = true
|
|
410
|
-
return config
|
|
411
|
-
})
|
|
401
|
+
const { body } = await request
|
|
402
|
+
return body.translations
|
|
403
|
+
} catch (error) {
|
|
404
|
+
if (error.status >= 500) {
|
|
405
|
+
throw new SeamlyGeneralError()
|
|
406
|
+
}
|
|
407
|
+
throw error
|
|
408
|
+
}
|
|
412
409
|
}
|
|
413
410
|
|
|
414
411
|
send(command, payload, waitForReady = true) {
|
|
@@ -430,18 +427,6 @@ export class API {
|
|
|
430
427
|
buildPayload(command, payload),
|
|
431
428
|
10000,
|
|
432
429
|
)
|
|
433
|
-
|
|
434
|
-
if (
|
|
435
|
-
command === 'message' ||
|
|
436
|
-
(command === 'action' && payload && payload.type === 'pick_choice') ||
|
|
437
|
-
(command === 'action' &&
|
|
438
|
-
payload &&
|
|
439
|
-
payload.type === 'custom' &&
|
|
440
|
-
payload.body &&
|
|
441
|
-
payload.body.type == 'faqclick')
|
|
442
|
-
) {
|
|
443
|
-
this.setUserResponded(true)
|
|
444
|
-
}
|
|
445
430
|
}
|
|
446
431
|
|
|
447
432
|
sendContext(context = {}) {
|
|
@@ -1,7 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
// Self compile Phoenix to avoid CSP violation caused by the built package due to
|
|
3
|
-
// use of "new Function".
|
|
4
|
-
import { Socket } from 'phoenix/assets/js/phoenix'
|
|
1
|
+
import { Socket } from 'phoenix'
|
|
5
2
|
import { apiVersion } from '../config'
|
|
6
3
|
import splitUrlParams from '../lib/split-url-params'
|
|
7
4
|
import debug from '../lib/debug'
|
|
@@ -42,12 +39,12 @@ export default class ConversationProducer {
|
|
|
42
39
|
}
|
|
43
40
|
})
|
|
44
41
|
|
|
45
|
-
this.socket.onClose((
|
|
42
|
+
this.socket.onClose(() => {
|
|
46
43
|
log('[SOCKET]CLOSE')
|
|
47
44
|
this.emit({ type: 'connection', connected: false, ready: false })
|
|
48
45
|
})
|
|
49
46
|
|
|
50
|
-
this.channel.onClose((
|
|
47
|
+
this.channel.onClose(() => {
|
|
51
48
|
log('[CHANNEL]CLOSE')
|
|
52
49
|
this.emit({ type: 'connection', connected: false, ready: false })
|
|
53
50
|
})
|
|
@@ -20,6 +20,9 @@ export const maxCharacterSrDebounceDelay = 300
|
|
|
20
20
|
|
|
21
21
|
export const defaultTransitionTimeMs = 300
|
|
22
22
|
|
|
23
|
+
// How long to wait before we decide the user isn't typing
|
|
24
|
+
export const typingTimeout = 2000
|
|
25
|
+
|
|
23
26
|
export const defaultConfig = {
|
|
24
27
|
namespace: 'default',
|
|
25
28
|
layoutMode: 'window', // "window", "inline" ("sidebar"), "modal"
|
|
@@ -37,9 +40,6 @@ export const defaultConfig = {
|
|
|
37
40
|
threshold: 3600000, // Default threshold is an hour in milliseconds
|
|
38
41
|
},
|
|
39
42
|
},
|
|
40
|
-
typing: {
|
|
41
|
-
timeout: 2000, // How long to wait before we decide the user isn't typing
|
|
42
|
-
},
|
|
43
43
|
appContainerClassNames: (config) => [
|
|
44
44
|
`app--layout-${config.layoutMode}`,
|
|
45
45
|
`namespace--${config.namespace}`,
|
|
@@ -1,25 +1,42 @@
|
|
|
1
1
|
import { seamlyActions } from '../../ui/utils/seamly-utils'
|
|
2
|
-
import { createDomain } from '../../lib/redux-helpers'
|
|
3
2
|
import { Actions as ConfigActions } from '../config'
|
|
4
3
|
import { Actions as InterruptActions } from '../interrupt'
|
|
4
|
+
import { Actions as I18nActions } from '../i18n'
|
|
5
|
+
import { createAction, createThunk } from './utils'
|
|
5
6
|
|
|
6
|
-
const
|
|
7
|
+
export const setHasResponded = createAction(
|
|
8
|
+
'setHasResponded',
|
|
9
|
+
(hasResponded) => ({ hasResponded }),
|
|
10
|
+
)
|
|
7
11
|
|
|
8
12
|
export const initialize = createThunk(
|
|
9
13
|
'initialize',
|
|
10
|
-
(config) =>
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
dispatch(ConfigActions.initialize(config))
|
|
14
|
+
async (config, { dispatch, extra: { api } }) => {
|
|
15
|
+
try {
|
|
16
|
+
dispatch(ConfigActions.initialize(config))
|
|
14
17
|
|
|
15
|
-
|
|
16
|
-
|
|
18
|
+
const { features, defaultLocale } = await api.getConfig()
|
|
19
|
+
dispatch({ type: seamlyActions.SET_FEATURES, features })
|
|
20
|
+
|
|
21
|
+
let locale = config?.context?.locale || defaultLocale
|
|
22
|
+
dispatch(I18nActions.setInitialLocale(locale))
|
|
23
|
+
try {
|
|
24
|
+
if (api.hasConversation()) {
|
|
25
|
+
const initialState = await api.getConversationIntitialState()
|
|
26
|
+
dispatch({ type: seamlyActions.SET_INITIAL_STATE, initialState })
|
|
17
27
|
|
|
18
|
-
|
|
28
|
+
locale = initialState.translation?.locale || locale
|
|
19
29
|
|
|
20
|
-
|
|
30
|
+
if ('userResponded' in initialState) {
|
|
31
|
+
dispatch(setHasResponded(initialState.userResponded))
|
|
32
|
+
}
|
|
33
|
+
}
|
|
21
34
|
} catch (error) {
|
|
22
35
|
dispatch(InterruptActions.set(error))
|
|
23
36
|
}
|
|
24
|
-
|
|
37
|
+
await dispatch(I18nActions.setLocale(locale))
|
|
38
|
+
} catch (error) {
|
|
39
|
+
dispatch(InterruptActions.set(error))
|
|
40
|
+
}
|
|
41
|
+
},
|
|
25
42
|
)
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { createReducer } from './utils'
|
|
2
|
+
import * as Actions from './actions'
|
|
3
|
+
|
|
4
|
+
const initialState = {
|
|
5
|
+
userHasResponded: false,
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
export default createReducer(
|
|
9
|
+
{
|
|
10
|
+
[Actions.setHasResponded]: (state, { hasResponded }) => ({
|
|
11
|
+
...state,
|
|
12
|
+
userHasResponded: hasResponded,
|
|
13
|
+
}),
|
|
14
|
+
},
|
|
15
|
+
initialState,
|
|
16
|
+
)
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
const { createAction } = createDomain('config')
|
|
1
|
+
import { createAction } from './utils'
|
|
4
2
|
|
|
5
3
|
export const initialize = createAction('initialize', (config) => ({ config }))
|
|
6
4
|
export const update = createAction('update', (config) => ({ config }))
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { initI18n } from '../i18n'
|
|
2
1
|
import * as Actions from './actions'
|
|
3
2
|
import { seamlyActions } from '../../ui/utils/seamly-utils'
|
|
4
3
|
|
|
@@ -11,9 +10,6 @@ export default function createMiddleware() {
|
|
|
11
10
|
switch (action.type) {
|
|
12
11
|
case String(Actions.initialize):
|
|
13
12
|
case String(Actions.update):
|
|
14
|
-
if (action?.config?.translations) {
|
|
15
|
-
dispatch(initI18n(action.config.translations))
|
|
16
|
-
}
|
|
17
13
|
if (action?.config?.defaults?.agentName) {
|
|
18
14
|
dispatch({
|
|
19
15
|
type: seamlyActions.SET_HEADER_SUB_TITLE,
|