@seamly/web-ui 20.1.0 → 20.2.0-alpha.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/deprecated-view.css +1 -1
- package/build/dist/lib/index.debug.js +44 -44
- package/build/dist/lib/index.debug.min.js +1 -1
- package/build/dist/lib/index.js +593 -546
- package/build/dist/lib/index.min.js +1 -1
- package/build/dist/lib/standalone.js +620 -573
- package/build/dist/lib/standalone.min.js +1 -1
- package/build/dist/lib/style-guide.js +6931 -6911
- package/build/dist/lib/style-guide.min.js +1 -1
- package/build/dist/lib/styles.css +1 -1
- package/package.json +2 -2
- package/src/javascripts/api/index.js +5 -4
- package/src/javascripts/domains/app/actions.js +11 -2
- package/src/javascripts/domains/config/reducer.js +2 -2
- package/src/javascripts/domains/forms/reducer.js +1 -1
- package/src/javascripts/domains/i18n/reducer.js +1 -1
- package/src/javascripts/domains/interrupt/reducer.js +1 -1
- package/src/javascripts/domains/translations/components/chat-status.js +1 -4
- package/src/javascripts/domains/translations/components/options-dialog/index.js +2 -5
- package/src/javascripts/domains/translations/hooks.js +1 -5
- package/src/javascripts/domains/translations/middleware.js +2 -5
- package/src/javascripts/domains/translations/reducer.js +2 -2
- package/src/javascripts/domains/visibility/actions.js +1 -1
- package/src/javascripts/domains/visibility/utils.js +6 -0
- package/src/javascripts/lib/external-api/index.js +27 -1
- package/src/javascripts/style-guide/components/app.js +1 -1
- package/src/javascripts/style-guide/components/static-core.js +4 -1
- package/src/javascripts/ui/components/conversation/conversation.js +2 -2
- package/src/javascripts/ui/components/conversation/event/carousel-component/index.js +1 -1
- package/src/javascripts/ui/components/conversation/event/cta.js +1 -1
- package/src/javascripts/ui/components/conversation/event/image.js +1 -1
- package/src/javascripts/ui/components/conversation/event/participant.js +1 -1
- package/src/javascripts/ui/components/conversation/event/text.js +2 -2
- package/src/javascripts/ui/components/conversation/loader.js +1 -1
- package/src/javascripts/ui/components/conversation/message-container.js +1 -1
- package/src/javascripts/ui/components/core/seamly-activity-monitor.js +1 -1
- package/src/javascripts/ui/components/core/seamly-core.js +2 -2
- package/src/javascripts/ui/components/core/seamly-file-upload.js +1 -1
- package/src/javascripts/ui/components/core/seamly-instance-functions-loader.js +1 -1
- package/src/javascripts/ui/components/core/seamly-live-region.js +2 -2
- package/src/javascripts/ui/components/entry/entry-container.js +2 -2
- package/src/javascripts/ui/components/entry/text-entry/hooks.js +4 -1
- package/src/javascripts/ui/components/entry/text-entry/text-entry-form.js +1 -1
- package/src/javascripts/ui/components/form-controls/select.js +1 -1
- package/src/javascripts/ui/components/layout/agent-info.js +1 -1
- package/src/javascripts/ui/components/layout/header.js +1 -1
- package/src/javascripts/ui/components/options/options-button.js +1 -1
- package/src/javascripts/ui/components/options/options.js +1 -1
- package/src/javascripts/ui/components/options/transcript/index.js +1 -1
- package/src/javascripts/ui/components/warnings/resume-conversation-prompt.js +1 -1
- package/src/javascripts/ui/components/widgets/lightbox.js +1 -1
- package/src/javascripts/ui/hooks/file-upload-hooks.js +3 -2
- package/src/javascripts/ui/hooks/focus-helper-hooks.js +2 -2
- package/src/javascripts/ui/hooks/seamly-entry-hooks.js +1 -1
- package/src/javascripts/ui/hooks/seamly-option-hooks.js +1 -1
- package/src/javascripts/ui/hooks/use-seamly-chat.js +2 -2
- package/src/javascripts/ui/hooks/use-seamly-commands.js +7 -7
- package/src/javascripts/ui/hooks/use-seamly-idle-detach-countdown.js +4 -4
- package/src/javascripts/ui/hooks/use-seamly-resume-conversation-prompt.js +2 -2
- package/src/javascripts/ui/hooks/use-single-file-upload.js +1 -1
- package/src/stylesheets/5-components/_chat-status.scss +4 -0
- package/src/stylesheets/5-components/_message-translation-info.scss +4 -0
- package/src/stylesheets/7-deprecated/5-components/_message.scss +4 -0
- package/src/stylesheets/7-deprecated/5-components/_suggestions.scss +3 -0
- package/src/stylesheets/deprecated-view.scss +1 -0
- package/webpack/config.package.js +7 -0
- package/src/.DS_Store +0 -0
|
@@ -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 .cvco-chat{display:flex;flex-direction:column;transform-origin:100% 100%;transition:margin .3s ease,height .3s ease,transform .3s ease,opacity .3s ease;outline:0;color:#3d4166;font-family:arial,helvetica,sans-serif;font-size:12px}.cvco-app .cvco-chat,.cvco-app .cvco-chat *,.cvco-app .cvco-chat :after,.cvco-app .cvco-chat :before{box-sizing:border-box}.cvco-app .cvco-chat--layout-inline{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background-color:transparent;background-color:initial;box-shadow:none}@media(min-width:641px){.cvco-app .cvco-chat--layout-inline{flex-direction:row}}.cvco-app .cvco-chat--layout-inline.cvco-chat--collapsed .cvco-chat-wrapper{height:auto}.cvco-app .cvco-chat--layout-window{max-width:calc(100vw - 40px);max-height:calc(85vh - 40px);display:none;position:fixed;z-index:1;right:20px;bottom:20px;width:360px;max-width:calc(100% - 40px);height:720px;transform:scale(0);opacity:0}@media(min-width:641px){.cvco-app .cvco-chat--layout-window{max-height:calc(100vh - 40px)}@supports(-webkit-overflow-scrolling:touch){.cvco-app .cvco-chat--layout-window{max-height:calc(90vh - 40px)}}}@media(min-width:1025px){.cvco-app .cvco-chat--layout-window{right:20px;bottom:20px;max-height:calc(100vh - 40px)}@supports(-webkit-overflow-scrolling:touch){.cvco-app .cvco-chat--layout-window{max-height:calc(90vh - 40px)}}}.cvco-app .cvco-chat--layout-window.cvco-transition--visible{display:flex}.cvco-app .cvco-chat--layout-window.cvco-transition--in{transform:scale(1);opacity:1}.cvco-app .cvco-chat--layout-app{position:fixed;z-index:1;top:0;right:0;bottom:0;left:0;width:100%;max-width:100%;height:100%;max-height:100%}.cvco-app .cvco-chat-wrapper{display:flex;position:relative;z-index:1;flex-direction:column;width:100%;height:100%;overflow:hidden;transition:flex .3s ease,width .3s ease,height .3s ease,border-radius .3s ease;border:1px solid #a3b4bf;border-radius:10px;background-color:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.1)}.cvco-app .cvco-chat--layout-inline .cvco-chat-wrapper{width:100%;height:0}@media(min-width:641px)and (max-width:1023px){.cvco-app .cvco-chat--layout-inline .cvco-chat-wrapper{flex:0 0 100%}.cvco-app .cvco-chat--layout-inline .cvco-chat-wrapper:not(:only-child){flex:0 0 50%;width:50%}}@media(min-width:1025px){.cvco-app .cvco-chat--layout-inline .cvco-chat-wrapper{flex:0 0 67%;width:67%}}.cvco-app .cvco-chat--layout-inline.cvco-transition--in .cvco-chat-wrapper{height:640px;max-height:90vh}.cvco-app .cvco-chat__container{display:flex;position:relative;flex-direction:column;width:100%;height:100%}.cvco-app .cvco-chat__body{display:flex;position:relative;flex-grow:4;padding:0;overflow-y:auto}.cvco-app .cvco-chat--layout-window .cvco-chat__body{overscroll-behavior:contain}.cvco-app .cvco-chat__entry{position:relative;flex:0 0 auto;padding:10px;border-top:1px solid #dee3e5}.cvco-app .cvco-chat__entry .cvco-entry__body--hidden{display:none}.cvco-app .cvco-chat--layout-inline.cvco-chat--collapsed .cvco-chat__entry{border:0}.cvco-app .cvco-entry__body{display:flex;align-items:center}.cvco-app p{margin:0}.cvco-app img{max-width:100%}.cvco-app .cvco-input__checkbox{margin-right:10px}.cvco-app .cvco-input__checkbox[aria-disabled=true]{opacity:.5}.cvco-app .cvco-label{display:block;margin-bottom:5px;color:#4a48c1;font-size:14px;font-weight:700}.cvco-app .cvco-input__checkbox[aria-disabled=true]+.cvco-label{opacity:.5}.cvco-app .cvco-input__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-height:40px;padding:10px;border:1px solid #dee3e5;border-radius:5px;background-color:#fff;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzRBNDhDMSIgZD0iTTIuOTk4IDYuNTAzYS45OTkuOTk5IDAgMDExLjY4Ny0uNzI3TDcuMjcgOC4yMjJjLjM5NC4zNzMgMS4wNi4zNzMgMS40NTQgMGwyLjU4Ni0yLjQ0NmEuOTk5Ljk5OSAwIDExMS4zNzQgMS40NTRsLTIuNTg2IDIuNDQ2Yy0xLjE1OSAxLjA5Ni0zLjA0MyAxLjA5Ni00LjIwMyAwTDMuMzEgNy4yMjlhLjk5NC45OTQgMCAwMS0uMzEyLS43MjZ6Ii8+PC9zdmc+");background-repeat:no-repeat;background-position:right 10px top 50%;background-size:15px auto;color:#3d4166;font-size:16px;resize:none}.cvco-app .cvco-input__select[aria-disabled=true]{border:1px solid #a3b4bf;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI2EzYjRiZiIgZD0iTTIuOTk4IDYuNTAzYS45OTkuOTk5IDAgMDExLjY4Ny0uNzI3TDcuMjcgOC4yMjJjLjM5NC4zNzMgMS4wNi4zNzMgMS40NTQgMGwyLjU4Ni0yLjQ0NmEuOTk5Ljk5OSAwIDExMS4zNzQgMS40NTRsLTIuNTg2IDIuNDQ2Yy0xLjE1OSAxLjA5Ni0zLjA0MyAxLjA5Ni00LjIwMyAwTDMuMzEgNy4yMjlhLjk5NC45OTQgMCAwMS0uMzEyLS43MjZ6Ii8+PC9zdmc+");color:#a3b4bf}.cvco-app .cvco-avatar{display:block;position:relative;flex-shrink:0;width:32px;height:32px;overflow:hidden;border-radius:5px}.cvco-app .cvco-avatar>.cvco-icon,.cvco-app .cvco-avatar__graphic{display:block}.cvco-app .cvco-conversation__message+.cvco-avatar{align-self:flex-end;margin-left:10px}.cvco-app .cvco-button{display:inline-block;margin:0;padding:0;border:0;background:none;font-size:14px;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:40px;padding:10px 15px;border-radius:5px;background-color:#4a48c1;color:#fff;font-weight:700}.cvco-app .cvco-button--secondary{padding:10px 15px;color:#4a48c1;font-weight:700}.cvco-app .cvco-button--tertiary{padding:2px 5px;border-radius:5px;background-color:transparent;background-color:initial;color:#fff;font-size:12px;font-weight:700}.cvco-app .cvco-button[aria-disabled=true]{color:#5e727b;cursor:auto}.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:inline-block;white-space:normal}.cvco-app .cvco-choice-prompt__item--secondary .cvco-button{padding:5px 0;background-color:transparent;background-color:initial;color:#4a48c1}.cvco-app .cvco-button--choose-again{display:flex;align-items:center;margin:5px 0 10px;padding:0}.cvco-app .cvco-button--choose-again:last-child{margin-bottom:0}.cvco-app .cvco-button--choose-again .cvco-icon{display:flex;flex:0 0 8px;align-items:center;justify-content:center;width:8px;height:8px;margin:0 10px;transform-origin:50% 50%;transition:transform .3s ease}.cvco-app .cvco-button--choose-again .cvco-icon path{fill:currentColor}.cvco-app .cvco-button--choose-again[aria-expanded=true] .cvco-icon{transform:rotate(180deg)}.cvco-app .cvco-conversation__container{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;flex:1 1 100%;flex-direction:column;justify-content:space-between;height:100%;max-height:100%}.cvco-app .cvco-conversation{list-style:none;width:100%;margin:auto 0 0;padding:20px 20px 0}.cvco-app .cvco-conversation:after{content:"";display:block;flex:0 0 100%;width:100%;height:20px}.cvco-app .cvco-chat-status~.cvco-chat__container .cvco-conversation{padding-top:80px}.cvco-app .cvco-chat-status~.cvco-chat__container .cvco-disclaimer+.cvco-conversation{padding-top:0}.cvco-app .cvco-chat--layout-inline .cvco-conversation{position:relative}.cvco-app .cvco-conversation__item{width:100%;min-height:0;margin-top:10px}.cvco-app .cvco-conversation__item--new-participant{margin-top:20px}.cvco-app .cvco-conversation__item--new-participant:first-child{margin-top:0}.cvco-app .cvco-conversation__item--source-info{margin-top:20px;margin-bottom:20px}.cvco-app .cvco-conversation__item--source-info:last-child{margin-bottom:0}.cvco-app .cvco-divider{display:flex;position:relative;justify-content:center;margin:20px -20px 0;padding:65px 30px 0;overflow:hidden;background:linear-gradient(180deg,#fff,#eff3f6);background-repeat:no-repeat;background-size:100% 40px;line-height:1.5}.cvco-app .cvco-divider:before{content:"";position:absolute;top:0;left:50%;width:100%;height:40px;transform:translateX(-50%);background:radial-gradient(110px at 50%,at 300%,rgba(74,72,193,.5) 0,hsla(0,0%,100%,0) 99.99%,rgba(74,72,193,0) 100%);background:radial-gradient(110px at 50% 300%,rgba(74,72,193,.5) 0,hsla(0,0%,100%,0) 99.99%,rgba(74,72,193,0) 100%);background-repeat:no-repeat}.cvco-app .cvco-divider--type-time-indicator{padding-top:60px;padding-bottom:20px}.cvco-app .cvco-divider--type-time-indicator:before{display:none}.cvco-app .cvco-conversation__item:first-child .cvco-divider{margin-top:0;padding-bottom:10px}.cvco-app .cvco-divider__graphic{position:absolute;top:40px;left:50%;width:32px;height:32px;transform:translate(-50%,-60%);border-radius:5px;background:#fff}.cvco-app .cvco-divider__graphic .cvco-avatar,.cvco-app .cvco-divider__graphic .cvco-icon,.cvco-app .cvco-divider__graphic .cvco-icon svg{width:100%;height:100%}.cvco-app .cvco-divider__body{font-size:12px;text-align:center}.cvco-app .cvco-divider__time{text-align:center}.cvco-app .cvco-divider__time span{display:block}.cvco-app .cvco-divider__time span:first-of-type{font-weight:700}.cvco-app .cvco-divider--type-newtranslation{text-align:center}.cvco-app .cvco-divider--type-newtranslation .cvco-divider__body{max-width:80%}.cvco-app .cvco-divider--type-newtranslation .cvco-divider__title{font-weight:700}.cvco-app .cvco-divider .cvco-button{padding:0;font-size:inherit}.cvco-app .cvco-loader{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:20px;padding:2.5px 5px;-webkit-animation:cvco-fadeIn .3s linear;animation:cvco-fadeIn .3s linear}.cvco-app .cvco-loader__part{display:inline-block;width:6.666px;height:100%;margin-right:5px;transform:scaleY(.45);-webkit-animation-name:cvco-loader;animation-name:cvco-loader;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:.12s;animation-delay:.12s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;border-radius:50% 50%;background-color:currentColor}.cvco-app .cvco-loader__part.cvco-one{-webkit-animation-delay:.12s;animation-delay:.12s}.cvco-app .cvco-loader__part.cvco-two{-webkit-animation-delay:.24s;animation-delay:.24s}.cvco-app .cvco-loader__part.cvco-three{-webkit-animation-delay:.36s;animation-delay:.36s}.cvco-app .cvco-loader__part.cvco-four{margin-right:0;-webkit-animation-delay:.48s;animation-delay:.48s}.cvco-app .cvco-message{display:flex;flex-direction:row;flex-wrap:wrap;width:80%}.cvco-app .cvco-message.cvco-message--type-suggestions,.cvco-app .cvco-unstarted-wrapper--window .cvco-message{width:100%}.cvco-app .cvco-message+.cvco-message{margin-top:10px}.cvco-app .cvco-message--source-info.cvco-message{width:90%;max-width:90%;margin:0 auto}.cvco-app .cvco-message--source-info.cvco-message:after{content:"";display:block;width:20px;height:0;margin:0 auto;border-top:2px solid #4a48c1}.cvco-app .cvco-message--source-user{justify-content:flex-end;margin-left:auto}.cvco-app .cvco-message__author{display:none;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;margin-bottom:.3rem;padding:0 10px;font-weight:700}.cvco-app .cvco-message--source-user .cvco-message__author{justify-content:flex-end}.cvco-app .cvco-message__avatar{width:16px;height:16px;margin:0 .5em 0 0}.cvco-app .cvco-message__avatar .cvco-avatar{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.cvco-app .cvco-conversation__item--new-participant .cvco-message__author{display:flex}.cvco-app .cvco-message--source-user .cvco-message__avatar{order:2;margin:0 0 0 10px}.cvco-app .cvco-message--source-user .cvco-message__author-name{order:1}.cvco-app .cvco-message__info{width:100%;margin-top:4px;color:#6a7f8c;font-size:12px;line-height:1.35}.cvco-app .cvco-message--source-user .cvco-message__info{text-align:right}.cvco-app .cvco-message__translation-info{width:100%}.cvco-app .cvco-message__translation-label{margin-right:5px;font-size:12px}.cvco-app .cvco-button.cvco-message__translation-toggle{padding:0;font-size:inherit}.cvco-app .cvco-message--source-user .cvco-message__translation-info{text-align:right}.cvco-app .cvco-card__wrapper{display:flex;flex-direction:column;height:100%}.cvco-app .cvco-card__image{flex:0 0 auto;width:100%;height:160px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;overflow:hidden;border-top-left-radius:10px;border-top-right-radius:10px}.cvco-app .cvco-card__content{display:flex;flex:1 1 auto;flex-wrap:wrap;padding:10px 15px 15px}.cvco-app .cvco-card__title{display:block;flex:0 0 100%;width:100%;margin:0 0 5px;padding:0;font-size:16px;font-weight:700}.cvco-app .cvco-card__title:last-child{margin-bottom:0}.cvco-app .cvco-card__description{display:block;width:100%;margin-bottom:20px}.cvco-app .cvco-card__description:last-child{margin-bottom:0}.cvco-app .cvco-card__content .cvco-button{display:block;align-self:flex-end;width:100%;font-weight:700;text-decoration:none}.cvco-app .cvco-carousel{position:relative}.cvco-app .cvco-carousel__slides-wrapper{display:block;width:100%;overflow:hidden}.cvco-app .cvco-carousel__slides{display:flex;position:relative;flex-direction:row;padding:0;transition:left .3s ease;list-style:none}.cvco-app .cvco-carousel__slide{display:block;width:100%;padding:0;list-style:none}.cvco-app .cvco-carousel-item{display:flex;flex-direction:column;width:100%;height:100%}.cvco-app .cvco-carousel-item .cvco-button{display:block;width:100%}.cvco-app .cvco-carousel-controls{display:flex;position:relative;justify-content:space-between;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0;border-top:1px solid #dee3e5}.cvco-app .cvco-carousel-controls .cvco-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:transparent;background-color:initial;color:transparent;font-size:0}.cvco-app .cvco-carousel-controls .cvco-button--previous{left:0}.cvco-app .cvco-carousel-controls .cvco-button--next{right:0}.cvco-app .cvco-carousel__controls .cvco-button .cvco-icon{display:block;width:16px;height:16px;padding:0;border:0}.cvco-app .cvco-carousel__controls .cvco-button .cvco-icon svg path{fill:#4a48c1}.cvco-app .cvco-carousel__pagination{display:flex;position:relative;align-items:center;justify-content:center;padding:0 10px}.cvco-app .cvco-carousel-pagination{width:100%;margin:0 auto;padding:0}.cvco-app .cvco-carousel-pagination,.cvco-app .cvco-carousel-pagination__wrapper{display:flex;position:relative;flex-direction:row;justify-content:center}.cvco-app .cvco-carousel-pagination__item{display:block;list-style:none}.cvco-app .cvco-carousel-pagination__button{display:block;position:relative;width:32px;height:32px;padding:0;border:0;border-radius:0;background-color:transparent;background-color:initial}.cvco-app .cvco-carousel-pagination__button:before{content:"";display:block;position:absolute;top:50%;left:50%;width:9.6px;height:9.6px;transform:translate(-50%,-50%);transform-origin:50% 50%;border-radius:50% 50%;background-color:#a3b4bf}.cvco-app .cvco-is-active .cvco-carousel-pagination__button:before{background-color:#003a5d}.cvco-app .cvco-cta__content{margin-bottom:10px;color:#fff;font-size:14px;line-height:1.5}.cvco-app .cvco-cta__content p{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit}.cvco-app .cvco-message--type-cta .cvco-button{margin-bottom:10px;line-height:2;text-decoration:none}.cvco-app .cvco-message--type-cta .cvco-button:last-child{margin-bottom:0}.cvco-app .cvco-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;line-height:1}.cvco-app .cvco-icon svg{width:100%;height:100%}.cvco-app .cvco-form,.cvco-app .cvco-input{display:flex;flex:1 1 100%;width:100%;height:100%}.cvco-app .cvco-input--text__container{display:flex;position:relative;flex:1 1 100%;height:100%;margin-right:5px}.cvco-app .cvco-input__text{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-grow:4;height:40px;margin-right:5px;padding:10px;transition:padding .3s ease;border:1px solid transparent;border-radius:5px;color:#3d4166;font-size:16px;resize:none}.cvco-app .cvco-input__text::-webkit-input-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-input__text::-moz-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-input__text:-ms-input-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-input__text:-moz-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-input--text__container .cvco-input__text{width:100%;margin-right:0}.cvco-app .cvco-character-exceeded .cvco-input__text,.cvco-app .cvco-character-warning .cvco-input__text{padding-right:40px}.cvco-app .cvco-character-exceeded .cvco-input__text{border:1px solid #db1639}.cvco-app .cvco-input__submit{display:flex;flex:0 0 40px;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:5px}.cvco-app .cvco-input__submit[aria-disabled=true]{cursor:auto}.cvco-app .cvco-input__submit .cvco-icon path{transition:fill .3s ease;fill:#4a48c1}.cvco-app .cvco-input__submit[aria-disabled=true] .cvco-icon path{fill:#a3b4bf}.cvco-app .cvco-interrupt{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;background:#fff}.cvco-app.cvco-app--layout-inline.cvco-app--collapsed .cvco-interrupt{position:static;width:100%;border-radius:10px}@media(min-width:1025px){.cvco-app.cvco-app--layout-inline.cvco-app--collapsed .cvco-interrupt{width:67%}}.cvco-app .cvco-interrupt__body{display:flex;flex:1 1 auto;flex-direction:column;align-items:left;justify-content:center;padding:40px;text-align:left}.cvco-app .cvco-chat .cvco-interrupt__body{margin:10px}.cvco-app .cvco-interrupt__title{margin:0 0 20px;font-size:16px;font-weight:700}.cvco-app .cvco-interrupt__message{margin-bottom:40px;font-size:16px}.cvco-app .cvco-interrupt__message:last-child{margin-bottom:0}.cvco-app .cvco-interrupt__actions{margin-top:auto}.cvco-app .cvco-skip-link{position:absolute;z-index:100;top:20px;left:50%;padding:10px 15px;transform:translate(-50%,-5px) scale(0);transform-origin:50% 0;transition:transform .3s ease,opacity .3s ease;border:1px solid #fff;border-radius:5px;opacity:0;background:#4a48c1;color:#fff;font-size:12px}.cvco-app .cvco-skip-link:focus{transform:translate(-50%) scale(1);opacity:1}.cvco-app .cvco-disclaimer{display:block;flex:0 0 auto;width:100%;height:auto;padding:20px;background-color:#eff3f6}.cvco-app .cvco-chat--layout-window .cvco-disclaimer{padding-right:80px}.cvco-app .cvco-chat-status~.cvco-chat__container .cvco-disclaimer{margin-top:80px;padding:10px 20px}.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-chat__options{display:flex;position:relative;flex:0;align-items:center;justify-content:flex-end;width:100%;padding:5px;border-top:1px solid #dee3e5}.cvco-app .cvco-chat__options-item--left{margin-right:auto}.cvco-app .cvco-chat__options__button{display:flex;align-items:center;justify-content:flex-end;padding:5px 10px;border-radius:5px}.cvco-app .cvco-chat__options__button .cvco-icon{flex:0 0 16px;width:16px;height:16px;margin-right:5px}.cvco-app .cvco-chat__options__button .cvco-icon svg{width:100%;height:100%}.cvco-app .cvco-chat__options__button .cvco-icon path{fill:currentColor}.cvco-app .cvco-options__menu{display:none;position:absolute;right:10px;bottom:calc(100% + 10px);max-width:300px;max-height:400px;margin:0;padding:10px;transform:scaleY(0) translateY(100px);transform-origin:100% 100%;transition:transform .2s ease-in-out,opacity .2s ease;border:1px solid #dee3e5;border-radius:5px;opacity:0;background-color:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.1);list-style:none}.cvco-app .cvco-options__menu.cvco-transition--visible{display:block}.cvco-app .cvco-options__menu.cvco-transition--in{transform:scaleY(1) translateY(0);opacity:1}.cvco-app .cvco-options__menu__item{margin-bottom:5px;transition:opacity .1s ease .1s;opacity:0}.cvco-app .cvco-options__menu__item:last-child{margin-bottom:0}.cvco-app .cvco-options__menu.cvco-transition--in .cvco-options__menu__item{opacity:1}.cvco-app .cvco-options__menu .cvco-button{display:flex;align-items:center;width:100%;min-width:200px;border-radius:5px}.cvco-app .cvco-options{display:none;position:absolute;right:10px;bottom:calc(100% + 10px);flex-direction:column;width:calc(100% - 20px);max-width:300px;margin:0;padding:0;transform:scaleY(0) translateY(100px);transform-origin:100% 100%;transition:transform .2s ease-in-out,opacity .2s ease;border:1px solid #dee3e5;border-radius:5px;opacity:0;background-color:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.1);list-style:none}.cvco-app .cvco-options--left{right:auto;left:10px}.cvco-app .cvco-options--right{right:10px}.cvco-app .cvco-options__dialog.cvco-transition--visible .cvco-options{display:flex}.cvco-app .cvco-options__dialog.cvco-transition--in .cvco-options{transform:scaleY(1) translateY(0);opacity:1}.cvco-app .cvco-options__body{display:flex;flex-direction:column;max-height:300px;transition:opacity .1s ease .1s;opacity:0}.cvco-app .cvco-options__dialog.cvco-transition--in .cvco-options__body{opacity:1}.cvco-app .cvco-options__title{display:flex;flex:0 0 auto;align-items:center;width:calc(100% - 50px);margin:0;padding:20px 20px 10px;color:#223182;font-size:16px;font-weight:700}.cvco-app .cvco-options__close{display:flex;position:absolute;top:10px;right:10px;align-items:center;justify-content:center;width:40px;height:40px;color:#4a48c1;font-size:0}.cvco-app .cvco-options__close .cvco-icon{flex:0 0 16px;width:16px;height:16px}.cvco-app .cvco-options__close .cvco-icon path{fill:currentColor}.cvco-app .cvco-options__form{flex:1 1 auto;flex-direction:column}.cvco-app .cvco-options__wrapper{display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:flex-start;width:100%;padding:0 20px;overflow:auto}.cvco-app .cvco-options__wrapper:last-child:after{content:"";display:block;flex:0 0 100%;width:100%;height:20px}.cvco-app .cvco-options__body div{width:100%}.cvco-app .cvco-options__wrapper h3{margin:0;color:#223182;font-size:14px;font-weight:700}.cvco-app .cvco-options__description{display:block;width:100%;margin-bottom:10px;font-size:14px}.cvco-app .cvco-transcript__input{width:100%;min-height:40px;padding:10px;transition:padding .3s ease;border:1px solid #dee3e5;border-radius:5px;font-size:16px}.cvco-app .cvco-transcript__input:focus{border:1px solid #dee3e5}.cvco-app .cvco-transcript__input::-webkit-input-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-transcript__input::-moz-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-transcript__input:-ms-input-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-transcript__input:-moz-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-options__active-language{color:#3d4166;font-size:14px}.cvco-app .cvco-options__actions{display:flex;flex:0 0 auto;justify-content:flex-end;width:100%;margin-top:10px;padding:0}.cvco-app .cvco-options__actions .cvco-button{width:100%;margin-right:10px}.cvco-app .cvco-options__actions .cvco-button:last-child{margin-right:0}.cvco-app .cvco-chat-status{display:flex;position:absolute;z-index:1;top:20px;left:20px;align-items:center;justify-content:space-between;width:calc(100% - 40px);height:40px;min-height:40px;padding:5px 20px;border-radius:20px;background-color:#fff;box-shadow:0 5px 30px rgba(53,75,90,.15),0 3px 10px rgba(53,75,90,.2)}.cvco-app .cvco-chat--layout-window .cvco-chat-status{width:calc(100% - 90px)}.cvco-app .cvco-chat-status__title{display:flex;flex:1;align-items:center;margin:0 10px 0 0;color:#3d4166;font-size:12px;font-weight:700;line-height:1.25}.cvco-app .cvco-chat-status .cvco-button--tertiary{color:#4a48c1}.cvco-app .cvco-upload-toggle-wrapper{width:0;height:100%;overflow:visible;transition:width .3s ease}.cvco-app .cvco-upload-toggle-wrapper.cvco-transition--in{width:50px}.cvco-app .cvco-upload-toggle{display:flex;flex:0 0 40px;flex-direction:column;align-items:center;justify-content:center;width:40px;height:40px;padding:0;transform:translateX(-100%);transition:transform .3s ease,opacity .3s ease;border-radius:5px;opacity:0;color:transparent;font-size:0;line-height:1;text-align:center}.cvco-app .cvco-upload-toggle-wrapper.cvco-transition--in .cvco-upload-toggle{transform:translateX(0);opacity:1}.cvco-app .cvco-upload-toggle .cvco-icon{flex:0 0 24px;width:24px;height:24px}.cvco-app .cvco-upload-toggle .cvco-icon svg{width:100%;height:100%}.cvco-app .cvco-upload{width:100%;padding:10px 10px 0}.cvco-app .cvco-upload-form{display:block}.cvco-app .cvco-upload__container{width:100%;margin-bottom:10px}.cvco-app .cvco-upload__visible-label--text{display:block;width:100%;font-size:16px;font-weight:700}.cvco-app .cvco-upload__content-hint{display:block;width:100%;margin-bottom:10px;padding-right:20px;font-size:12px}.cvco-app .cvco-file-upload{width:100%;max-width:100%;border:1px solid #4a48c1;border-radius:5px}.cvco-app .cvco-file-upload.cvco-focus-within{outline:1px dotted #212121;outline:5px auto -webkit-focus-ring-color}.cvco-app .cvco-upload__input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.cvco-app .cvco-upload__label{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:10px;color:#4a48c1;text-align:left}.cvco-app .cvco-upload__label .cvco-icon{flex:0 0 32px;width:32px;height:32px;margin-right:10px}.cvco-app .cvco-upload__label .cvco-icon path{fill:currentColor}.cvco-app .cvco-upload__label--text{display:block;flex:1 1 100%;max-width:100%;color:inherit;font-size:14px;font-weight:700}.cvco-app .cvco-upload__output{display:block;flex:1 1 100%;max-width:100%;color:#003a5d;font-size:12px;word-break:break-all}.cvco-app .cvco-upload .cvco-button--primary{text-align:center}.cvco-app .cvco-upload__button-container{display:flex;flex:0 0 100%;justify-content:flex-end}.cvco-app .cvco-upload__cancel{margin-right:5px;padding:10px}.cvco-app .cvco-upload__cancel:last-child{margin-right:0}.cvco-app .cvco-progress__text{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:5px}.cvco-app .cvco-progress__text--file-name{max-width:calc(100% - 40px);padding-right:20px;overflow:hidden;font-size:14px;font-weight:700;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.cvco-app .cvco-progress__text--percentage{color:#6a7f8c;font-size:14px;line-height:1}.cvco-app .cvco-progress .cvco-error{margin-top:10px}.cvco-app .cvco-progress .cvco-error:empty{display:none}.cvco-app .cvco-progress__bar{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border-radius:5px;background:#eff3f6}.cvco-app .cvco-progress__bar::-webkit-progress-bar{border-radius:5px;background:#eff3f6}.cvco-app .cvco-progress__bar::-webkit-progress-value{border-radius:5px;background-color:#4a48c1}.cvco-app .cvco-progress__bar::-moz-progress-bar{background-color:#4a48c1}.cvco-app .cvco-error{display:block;width:100%;margin:0 0 5px}.cvco-app .cvco-error:empty{display:none;margin:0}.cvco-app .cvco-error .cvco-icon{flex:0 0 16px;width:16px;height:16px;margin-right:5px}.cvco-app .cvco-error .cvco-error__message{display:flex;align-items:flex-start;background-color:rgba(219,22,57,.1);color:#ad001f}.cvco-app .cvco-error .cvco-error__message,.cvco-app .cvco-notification{width:100%;padding:5px 10px;border-radius:5px;font-size:12px;font-weight:700}.cvco-app .cvco-notification{display:block;margin:0 0 10px;background-color:rgba(74,72,193,.1);color:#223182}.cvco-app .cvco-notification:last-child{margin:0}.cvco-app .cvco-character-count{display:flex;position:absolute;top:0;right:0;align-items:center;justify-content:right;height:100%;padding:0 10px;transform:translateX(100%);transition:transform .3s ease,opacity .2s ease .2s;opacity:0;font-size:12px;font-weight:700;line-height:1;text-align:right;pointer-events:none}.cvco-app .cvco-character-count span{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;text-align:right}.cvco-app .cvco-character-exceeded .cvco-character-count,.cvco-app .cvco-character-warning .cvco-character-count{transform:translateX(0);opacity:1}.cvco-app .cvco-character-exceeded .cvco-character-count span{color:#db1639}.cvco-app .cvco-collapse-button{display:flex;position:absolute;z-index:1;top:20px;right:20px;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50% 50%;background-color:#fff;box-shadow:0 5px 30px rgba(53,75,90,.15),0 3px 10px rgba(53,75,90,.2)}.cvco-app .cvco-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-unstarted-wrapper.cvco-unstarted-wrapper--window .cvco-message__body{margin-left:auto;padding:10px 15px;border:1px solid #fff;border-radius:10px;background-color:#eff3f6;font-size:14px}.cvco-app .cvco-unstarted-wrapper--continue .cvco-message__body{transform:scale(0);transform-origin:100% 100%;transition:transform .3s ease,opacity .3s ease;opacity:0}.cvco-app .cvco-unstarted-wrapper--continue.cvco-transition--in .cvco-message__body{transform:scale(1);transition:transform .3s ease .2s,opacity .3s ease .2s;opacity:1}.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 .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--type-splash .cvco-message__body{padding:0;border-radius:0;background-color:transparent;background-color:initial;font-size:24px;font-weight:700}.cvco-app .cvco-message--type-suggestions .cvco-message__body{width:100%;padding:0;background-color:transparent;background-color:initial}.cvco-app .cvco-message--type-splash .cvco-message__body ol,.cvco-app .cvco-message--type-splash .cvco-message__body p,.cvco-app .cvco-message--type-splash .cvco-message__body ul,.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 20px}.cvco-app .cvco-message--type-splash .cvco-message__body ol:last-child,.cvco-app .cvco-message--type-splash .cvco-message__body p:last-child,.cvco-app .cvco-message--type-splash .cvco-message__body ul:last-child,.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:0}.cvco-app .cvco-message--type-splash .cvco-message__body ul,.cvco-app .cvco-message--type-text .cvco-message__body ul{padding-left:1.5em}.cvco-app .cvco-message--type-splash .cvco-message__body ul li,.cvco-app .cvco-message--type-text .cvco-message__body ul li{list-style-type:disc}.cvco-app .cvco-message--type-splash .cvco-message__body a,.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--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-choice-prompt .cvco-message__body{width:100%;padding:0;background-color:transparent;background-color:initial}.cvco-app .cvco-message--type-image .cvco-message__body{padding:0}.cvco-app .cvco-message--type-image 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;background-color:#000}.cvco-app .cvco-message--type-video iframe{display:block;width:100%;aspect-ratio:6/4;border:0;border-radius:10px}.cvco-app .cvco-message--type-upload .cvco-message__body{padding:0}.cvco-app .cvco-message--type-upload .cvco-download{display:flex;align-items:center;padding:10px 15px;border-radius:10px;color:inherit;text-align:left;word-break:break-all}.cvco-app .cvco-message--type-upload .cvco-download-link{text-decoration:underline}.cvco-app .cvco-message--type-upload .cvco-download:not(.cvco-download-link) .cvco-file-download{text-decoration:line-through}.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-conversation__item--source-agent .cvco-message--type-upload .cvco-icon path{fill:#4a48c1}.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-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;z-index:1;top:-10px;right:-10px;align-items:center;justify-content:center;width:25px;height:25px;transform:scale(1);transform-origin:50% 50%;transition:transform .3s cubic-bezier(.175,.885,.32,1.275) .5s;border-radius:50% 50%;background-color:#db1639;color:#fff;font-size:12px;font-weight:700;line-height:1}.cvco-app .cvco-message-count:empty{transform:scale(0);transition:transform .3s ease}.cvco-app .cvco-suggestions{width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overscroll-behavior:contain}.cvco-app .cvco-chat--layout-inline>.cvco-suggestions{flex-direction:column;max-height:320px;padding:20px;overflow:hidden;transition:max-height .3s ease,padding .3s ease,transform .3s ease,opacity .3s ease;opacity:0}.cvco-app .cvco-chat--layout-inline>.cvco-suggestions.cvco-transition--visible{display:flex}.cvco-app .cvco-chat--layout-inline>.cvco-suggestions.cvco-transition--in{transition:padding .3s ease .2s,transform .3s ease .2s,opacity .3s ease .2s;opacity:1}@media(min-width:641px){.cvco-app .cvco-chat--layout-inline>.cvco-suggestions.cvco-transition--in{transform:translateX(0)}}@media(min-width:641px){.cvco-app .cvco-chat--layout-inline>.cvco-suggestions{flex:0 0 50%;width:50%;height:640px;min-height:100%;max-height:90vh;transform:translateX(-100%)}}@media(min-width:1025px){.cvco-app .cvco-chat--layout-inline>.cvco-suggestions{flex:0 0 33%;width:33%}}.cvco-app .cvco-suggestions__heading{flex:0 0 auto;margin:0 0 10px;color:#003a5d;font-size:18px;font-weight:700}.cvco-app .cvco-suggestions__list{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;align-items:flex-start;width:100%;height:auto;overscroll-behavior:contain}.cvco-app .cvco-chat--layout-inline>.cvco-suggestions .cvco-suggestions__list{flex:1 1 100%;flex-direction:column;flex-wrap:nowrap;height:100%;max-height:100%;overflow-y:auto}.cvco-app .cvco-suggestions-item{display:block;flex:0 0 auto;max-width:100%;margin:0 5px 5px 0}.cvco-app .cvco-chat--layout-inline>.cvco-suggestions .cvco-suggestions-item{width:100%;margin-right:0}.cvco-app .cvco-suggestions-item .cvco-icon{display:none}.cvco-app .cvco-suggestions__footer.cvco-suggestions__footer{display:block;width:100%;margin:5px 0 0;color:#003a5d;font-size:16px;font-weight:700}.cvco-app .cvco-window-open-button{display:none;position:fixed;z-index:1;right:20px;bottom:20px;width:48px;height:48px;padding:0;transform:scale(0);transform-origin:100% 100%;transition:transform .3s ease;border:1px solid #a3b4bf;border-radius:10px;opacity:0;background-color:#003a5d;box-shadow:0 0 20px 0 rgba(0,0,0,.1)}.cvco-app .cvco-window-open-button.cvco-transition--visible{display:block}.cvco-app .cvco-window-open-button.cvco-transition--in{transform:scale(1);transition:transform .3s ease .2s;opacity:1}.cvco-app .cvco-window-open-button .cvco-avatar,.cvco-app .cvco-window-open-button .cvco-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;border-radius:10px}.cvco-app .cvco-pre-chat-messages{list-style:none;margin:0;padding:0}.cvco-app .cvco-unstarted-wrapper .cvco-pre-chat-messages{display:none}.cvco-app .cvco-unstarted-wrapper.cvco-transition--visible .cvco-pre-chat-messages{display:block}.cvco-app .cvco-unstarted-wrapper--inline .cvco-pre-chat-messages{transition:opacity .3s ease;opacity:0}.cvco-app .cvco-unstarted-wrapper--inline.cvco-transition--in .cvco-pre-chat-messages{transition:opacity .3s ease .2s;opacity:1}.cvco-app .cvco-unstarted-wrapper--window .cvco-pre-chat-messages{transform:scale(0);transform-origin:100% 100%;transition:transform .3s ease,opacity .3s ease;opacity:0}.cvco-app .cvco-unstarted-wrapper--window.cvco-transition--in .cvco-pre-chat-messages{transform:scale(1);transition:transform .3s ease .2s,opacity .3s ease .2s;opacity:1}.cvco-app .cvco-unstarted-wrapper:empty{display:none}.cvco-app .cvco-unstarted-wrapper--window{position:fixed;z-index:1;right:30px;bottom:78px;max-width:calc(100% - 60px)}@media(min-width:641px){.cvco-app .cvco-unstarted-wrapper--window{max-width:280px}}.cvco-app .cvco-unstarted-wrapper--inline{display:none;width:100%;max-height:0;overflow:hidden;transition:margin .3s ease,max-height .3s ease}@media(min-width:1025px){.cvco-app .cvco-unstarted-wrapper--inline{width:67%}}.cvco-app .cvco-unstarted-wrapper--inline.cvco-transition--visible{display:block}.cvco-app .cvco-unstarted-wrapper--inline.cvco-transition--in{max-height:600px;margin-bottom:20px}.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:flex;position:fixed;z-index:99;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;width:100%;min-width:100%;height:100%;min-height:100%;padding:20px;transform:scale(1);opacity:1;background-color:hsla(0,0%,100%,.8)}.cvco-modal,.cvco-modal *,.cvco-modal :after,.cvco-modal :before{box-sizing:border-box}.cvco-modal__float{max-width:80rem;padding:5px;border:1px solid #dee3e5;border-radius:10px;outline:0;background-color:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.1)}.cvco-modal__float,.cvco-modal__inner{position:relative;width:100%;height:100%}.cvco-modal__inner{display:flex;align-items:center;justify-content:center;padding:10px}.cvco-modal__image{display:block;flex:0 0 auto;width:auto;max-width:100%;max-height:100%;border:1px solid #dee3e5}.cvco-modal__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;position:absolute;top:20px;right:20px;align-items:center;min-height:40px;padding:5px 15px;border:0;border-radius:5px;background-color:#4a48c1;color:#fff;font-weight:700}.cvco-modal__close .cvco-icon{flex:0 0 16px;width:16px;height:16px;margin-right:10px}.cvco-modal__close .cvco-icon svg{width:inherit;height:inherit}.cvco-modal__close .cvco-icon svg path{transition:fill .3s ease;fill:#fff}.cvco-modal__enlarge{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;position:absolute;right:20px;bottom:20px;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50% 50%;background-color:#fff;color:transparent;font-size:0}.cvco-modal__enlarge .cvco-icon svg path{fill:#4a48c1}
|
|
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 .cvco-chat{display:flex;flex-direction:column;transform-origin:100% 100%;transition:margin .3s ease,height .3s ease,transform .3s ease,opacity .3s ease;outline:0;color:#3d4166;font-family:arial,helvetica,sans-serif;font-size:12px}.cvco-app .cvco-chat,.cvco-app .cvco-chat *,.cvco-app .cvco-chat :after,.cvco-app .cvco-chat :before{box-sizing:border-box}.cvco-app .cvco-chat--layout-inline{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background-color:transparent;background-color:initial;box-shadow:none}@media(min-width:641px){.cvco-app .cvco-chat--layout-inline{flex-direction:row}}.cvco-app .cvco-chat--layout-inline.cvco-chat--collapsed .cvco-chat-wrapper{height:auto}.cvco-app .cvco-chat--layout-window{max-width:calc(100vw - 40px);max-height:calc(85vh - 40px);display:none;position:fixed;z-index:1;right:20px;bottom:20px;width:360px;max-width:calc(100% - 40px);height:720px;transform:scale(0);opacity:0}@media(min-width:641px){.cvco-app .cvco-chat--layout-window{max-height:calc(100vh - 40px)}@supports(-webkit-overflow-scrolling:touch){.cvco-app .cvco-chat--layout-window{max-height:calc(90vh - 40px)}}}@media(min-width:1025px){.cvco-app .cvco-chat--layout-window{right:20px;bottom:20px;max-height:calc(100vh - 40px)}@supports(-webkit-overflow-scrolling:touch){.cvco-app .cvco-chat--layout-window{max-height:calc(90vh - 40px)}}}.cvco-app .cvco-chat--layout-window.cvco-transition--visible{display:flex}.cvco-app .cvco-chat--layout-window.cvco-transition--in{transform:scale(1);opacity:1}.cvco-app .cvco-chat--layout-app{position:fixed;z-index:1;top:0;right:0;bottom:0;left:0;width:100%;max-width:100%;height:100%;max-height:100%}.cvco-app .cvco-chat-wrapper{display:flex;position:relative;z-index:1;flex-direction:column;width:100%;height:100%;overflow:hidden;transition:flex .3s ease,width .3s ease,height .3s ease,border-radius .3s ease;border:1px solid #a3b4bf;border-radius:10px;background-color:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.1)}.cvco-app .cvco-chat--layout-inline .cvco-chat-wrapper{width:100%;height:0}@media(min-width:641px)and (max-width:1023px){.cvco-app .cvco-chat--layout-inline .cvco-chat-wrapper{flex:0 0 100%}.cvco-app .cvco-chat--layout-inline .cvco-chat-wrapper:not(:only-child){flex:0 0 50%;width:50%}}@media(min-width:1025px){.cvco-app .cvco-chat--layout-inline .cvco-chat-wrapper{flex:0 0 67%;width:67%}}.cvco-app .cvco-chat--layout-inline.cvco-transition--in .cvco-chat-wrapper{height:640px;max-height:90vh}.cvco-app .cvco-chat__container{display:flex;position:relative;flex-direction:column;width:100%;height:100%}.cvco-app .cvco-chat__body{display:flex;position:relative;flex-grow:4;padding:0;overflow-y:auto}.cvco-app .cvco-chat--layout-window .cvco-chat__body{overscroll-behavior:contain}.cvco-app .cvco-chat__entry{position:relative;flex:0 0 auto;padding:10px;border-top:1px solid #dee3e5}.cvco-app .cvco-chat__entry .cvco-entry__body--hidden{display:none}.cvco-app .cvco-chat--layout-inline.cvco-chat--collapsed .cvco-chat__entry{border:0}.cvco-app .cvco-entry__body{display:flex;align-items:center}.cvco-app p{margin:0}.cvco-app img{max-width:100%}.cvco-app .cvco-input__checkbox{margin-right:10px}.cvco-app .cvco-input__checkbox[aria-disabled=true]{opacity:.5}.cvco-app .cvco-label{display:block;margin-bottom:5px;color:#4a48c1;font-size:14px;font-weight:700}.cvco-app .cvco-input__checkbox[aria-disabled=true]+.cvco-label{opacity:.5}.cvco-app .cvco-input__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-height:40px;padding:10px;border:1px solid #dee3e5;border-radius:5px;background-color:#fff;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzRBNDhDMSIgZD0iTTIuOTk4IDYuNTAzYS45OTkuOTk5IDAgMDExLjY4Ny0uNzI3TDcuMjcgOC4yMjJjLjM5NC4zNzMgMS4wNi4zNzMgMS40NTQgMGwyLjU4Ni0yLjQ0NmEuOTk5Ljk5OSAwIDExMS4zNzQgMS40NTRsLTIuNTg2IDIuNDQ2Yy0xLjE1OSAxLjA5Ni0zLjA0MyAxLjA5Ni00LjIwMyAwTDMuMzEgNy4yMjlhLjk5NC45OTQgMCAwMS0uMzEyLS43MjZ6Ii8+PC9zdmc+");background-repeat:no-repeat;background-position:right 10px top 50%;background-size:15px auto;color:#3d4166;font-size:16px;resize:none}.cvco-app .cvco-input__select[aria-disabled=true]{border:1px solid #a3b4bf;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI2EzYjRiZiIgZD0iTTIuOTk4IDYuNTAzYS45OTkuOTk5IDAgMDExLjY4Ny0uNzI3TDcuMjcgOC4yMjJjLjM5NC4zNzMgMS4wNi4zNzMgMS40NTQgMGwyLjU4Ni0yLjQ0NmEuOTk5Ljk5OSAwIDExMS4zNzQgMS40NTRsLTIuNTg2IDIuNDQ2Yy0xLjE1OSAxLjA5Ni0zLjA0MyAxLjA5Ni00LjIwMyAwTDMuMzEgNy4yMjlhLjk5NC45OTQgMCAwMS0uMzEyLS43MjZ6Ii8+PC9zdmc+");color:#a3b4bf}.cvco-app .cvco-avatar{display:block;position:relative;flex-shrink:0;width:32px;height:32px;overflow:hidden;border-radius:5px}.cvco-app .cvco-avatar>.cvco-icon,.cvco-app .cvco-avatar__graphic{display:block}.cvco-app .cvco-conversation__message+.cvco-avatar{align-self:flex-end;margin-left:10px}.cvco-app .cvco-button{display:inline-block;margin:0;padding:0;border:0;background:none;font-size:14px;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:40px;padding:10px 15px;border-radius:5px;background-color:#4a48c1;color:#fff;font-weight:700}.cvco-app .cvco-button--secondary{padding:10px 15px;color:#4a48c1;font-weight:700}.cvco-app .cvco-button--tertiary{padding:2px 5px;border-radius:5px;background-color:transparent;background-color:initial;color:#fff;font-size:12px;font-weight:700}.cvco-app .cvco-button[aria-disabled=true]{color:#5e727b;cursor:auto}.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:inline-block;white-space:normal}.cvco-app .cvco-choice-prompt__item--secondary .cvco-button{padding:5px 0;background-color:transparent;background-color:initial;color:#4a48c1}.cvco-app .cvco-button--choose-again{display:flex;align-items:center;margin:5px 0 10px;padding:0}.cvco-app .cvco-button--choose-again:last-child{margin-bottom:0}.cvco-app .cvco-button--choose-again .cvco-icon{display:flex;flex:0 0 8px;align-items:center;justify-content:center;width:8px;height:8px;margin:0 10px;transform-origin:50% 50%;transition:transform .3s ease}.cvco-app .cvco-button--choose-again .cvco-icon path{fill:currentColor}.cvco-app .cvco-button--choose-again[aria-expanded=true] .cvco-icon{transform:rotate(180deg)}.cvco-app .cvco-conversation__container{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;flex:1 1 100%;flex-direction:column;justify-content:space-between;height:100%;max-height:100%}.cvco-app .cvco-conversation{list-style:none;width:100%;margin:auto 0 0;padding:20px 20px 0}.cvco-app .cvco-conversation:after{content:"";display:block;flex:0 0 100%;width:100%;height:20px}.cvco-app .cvco-chat-status~.cvco-chat__container .cvco-conversation{padding-top:80px}.cvco-app .cvco-chat-status~.cvco-chat__container .cvco-disclaimer+.cvco-conversation{padding-top:0}.cvco-app .cvco-chat--layout-inline .cvco-conversation{position:relative}.cvco-app .cvco-conversation__item{width:100%;min-height:0;margin-top:10px}.cvco-app .cvco-conversation__item--new-participant{margin-top:20px}.cvco-app .cvco-conversation__item--new-participant:first-child{margin-top:0}.cvco-app .cvco-conversation__item--source-info{margin-top:20px;margin-bottom:20px}.cvco-app .cvco-conversation__item--source-info:last-child{margin-bottom:0}.cvco-app .cvco-divider{display:flex;position:relative;justify-content:center;margin:20px -20px 0;padding:65px 30px 0;overflow:hidden;background:linear-gradient(180deg,#fff,#eff3f6);background-repeat:no-repeat;background-size:100% 40px;line-height:1.5}.cvco-app .cvco-divider:before{content:"";position:absolute;top:0;left:50%;width:100%;height:40px;transform:translateX(-50%);background:radial-gradient(110px at 50%,at 300%,rgba(74,72,193,.5) 0,hsla(0,0%,100%,0) 99.99%,rgba(74,72,193,0) 100%);background:radial-gradient(110px at 50% 300%,rgba(74,72,193,.5) 0,hsla(0,0%,100%,0) 99.99%,rgba(74,72,193,0) 100%);background-repeat:no-repeat}.cvco-app .cvco-divider--type-time-indicator{padding-top:60px;padding-bottom:20px}.cvco-app .cvco-divider--type-time-indicator:before{display:none}.cvco-app .cvco-conversation__item:first-child .cvco-divider{margin-top:0;padding-bottom:10px}.cvco-app .cvco-divider__graphic{position:absolute;top:40px;left:50%;width:32px;height:32px;transform:translate(-50%,-60%);border-radius:5px;background:#fff}.cvco-app .cvco-divider__graphic .cvco-avatar,.cvco-app .cvco-divider__graphic .cvco-icon,.cvco-app .cvco-divider__graphic .cvco-icon svg{width:100%;height:100%}.cvco-app .cvco-divider__body{font-size:12px;text-align:center}.cvco-app .cvco-divider__time{text-align:center}.cvco-app .cvco-divider__time span{display:block}.cvco-app .cvco-divider__time span:first-of-type{font-weight:700}.cvco-app .cvco-divider--type-newtranslation{text-align:center}.cvco-app .cvco-divider--type-newtranslation .cvco-divider__body{max-width:80%}.cvco-app .cvco-divider--type-newtranslation .cvco-divider__title{font-weight:700}.cvco-app .cvco-divider .cvco-button{padding:0;font-size:inherit}.cvco-app .cvco-loader{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:20px;padding:2.5px 5px;-webkit-animation:cvco-fadeIn .3s linear;animation:cvco-fadeIn .3s linear}.cvco-app .cvco-loader__part{display:inline-block;width:6.666px;height:100%;margin-right:5px;transform:scaleY(.45);-webkit-animation-name:cvco-loader;animation-name:cvco-loader;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:.12s;animation-delay:.12s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;border-radius:50% 50%;background-color:currentColor}.cvco-app .cvco-loader__part.cvco-one{-webkit-animation-delay:.12s;animation-delay:.12s}.cvco-app .cvco-loader__part.cvco-two{-webkit-animation-delay:.24s;animation-delay:.24s}.cvco-app .cvco-loader__part.cvco-three{-webkit-animation-delay:.36s;animation-delay:.36s}.cvco-app .cvco-loader__part.cvco-four{margin-right:0;-webkit-animation-delay:.48s;animation-delay:.48s}.cvco-app .cvco-message{display:flex;flex-direction:row;flex-wrap:wrap;width:80%}.cvco-app .cvco-message.cvco-message--type-suggestions,.cvco-app .cvco-unstarted-wrapper--window .cvco-message{width:100%}.cvco-app .cvco-message+.cvco-message{margin-top:10px}.cvco-app .cvco-message--source-info.cvco-message{width:90%;max-width:90%;margin:0 auto}.cvco-app .cvco-message--source-info.cvco-message:after{content:"";display:block;width:20px;height:0;margin:0 auto;border-top:2px solid #4a48c1}.cvco-app .cvco-message--source-user{justify-content:flex-end;margin-left:auto}.cvco-app .cvco-message__author{display:none;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;margin-bottom:.3rem;padding:0 10px;font-weight:700}.cvco-app .cvco-message--source-user .cvco-message__author{justify-content:flex-end}.cvco-app .cvco-message__avatar{width:16px;height:16px;margin:0 .5em 0 0}.cvco-app .cvco-message__avatar .cvco-avatar{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.cvco-app .cvco-conversation__item--new-participant .cvco-message__author{display:flex}.cvco-app .cvco-message--source-user .cvco-message__avatar{order:2;margin:0 0 0 10px}.cvco-app .cvco-message--source-user .cvco-message__author-name{order:1}.cvco-app .cvco-message__info{width:100%;margin-top:4px;color:#6a7f8c;font-size:12px;line-height:1.35}.cvco-app .cvco-message--source-user .cvco-message__info{text-align:right}.cvco-app .cvco-message__translation-info{width:100%}.cvco-app.cvco-app--collapsed .cvco-message__translation-info{display:none}.cvco-app .cvco-message__translation-label{margin-right:5px;font-size:12px}.cvco-app .cvco-button.cvco-message__translation-toggle{padding:0;font-size:inherit}.cvco-app .cvco-message--source-user .cvco-message__translation-info{text-align:right}.cvco-app .cvco-card__wrapper{display:flex;flex-direction:column;height:100%}.cvco-app .cvco-card__image{flex:0 0 auto;width:100%;height:160px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;overflow:hidden;border-top-left-radius:10px;border-top-right-radius:10px}.cvco-app .cvco-card__content{display:flex;flex:1 1 auto;flex-wrap:wrap;padding:10px 15px 15px}.cvco-app .cvco-card__title{display:block;flex:0 0 100%;width:100%;margin:0 0 5px;padding:0;font-size:16px;font-weight:700}.cvco-app .cvco-card__title:last-child{margin-bottom:0}.cvco-app .cvco-card__description{display:block;width:100%;margin-bottom:20px}.cvco-app .cvco-card__description:last-child{margin-bottom:0}.cvco-app .cvco-card__content .cvco-button{display:block;align-self:flex-end;width:100%;font-weight:700;text-decoration:none}.cvco-app .cvco-carousel{position:relative}.cvco-app .cvco-carousel__slides-wrapper{display:block;width:100%;overflow:hidden}.cvco-app .cvco-carousel__slides{display:flex;position:relative;flex-direction:row;padding:0;transition:left .3s ease;list-style:none}.cvco-app .cvco-carousel__slide{display:block;width:100%;padding:0;list-style:none}.cvco-app .cvco-carousel-item{display:flex;flex-direction:column;width:100%;height:100%}.cvco-app .cvco-carousel-item .cvco-button{display:block;width:100%}.cvco-app .cvco-carousel-controls{display:flex;position:relative;justify-content:space-between;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0;border-top:1px solid #dee3e5}.cvco-app .cvco-carousel-controls .cvco-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:transparent;background-color:initial;color:transparent;font-size:0}.cvco-app .cvco-carousel-controls .cvco-button--previous{left:0}.cvco-app .cvco-carousel-controls .cvco-button--next{right:0}.cvco-app .cvco-carousel__controls .cvco-button .cvco-icon{display:block;width:16px;height:16px;padding:0;border:0}.cvco-app .cvco-carousel__controls .cvco-button .cvco-icon svg path{fill:#4a48c1}.cvco-app .cvco-carousel__pagination{display:flex;position:relative;align-items:center;justify-content:center;padding:0 10px}.cvco-app .cvco-carousel-pagination{width:100%;margin:0 auto;padding:0}.cvco-app .cvco-carousel-pagination,.cvco-app .cvco-carousel-pagination__wrapper{display:flex;position:relative;flex-direction:row;justify-content:center}.cvco-app .cvco-carousel-pagination__item{display:block;list-style:none}.cvco-app .cvco-carousel-pagination__button{display:block;position:relative;width:32px;height:32px;padding:0;border:0;border-radius:0;background-color:transparent;background-color:initial}.cvco-app .cvco-carousel-pagination__button:before{content:"";display:block;position:absolute;top:50%;left:50%;width:9.6px;height:9.6px;transform:translate(-50%,-50%);transform-origin:50% 50%;border-radius:50% 50%;background-color:#a3b4bf}.cvco-app .cvco-is-active .cvco-carousel-pagination__button:before{background-color:#003a5d}.cvco-app .cvco-cta__content{margin-bottom:10px;color:#fff;font-size:14px;line-height:1.5}.cvco-app .cvco-cta__content p{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit}.cvco-app .cvco-message--type-cta .cvco-button{margin-bottom:10px;line-height:2;text-decoration:none}.cvco-app .cvco-message--type-cta .cvco-button:last-child{margin-bottom:0}.cvco-app .cvco-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;line-height:1}.cvco-app .cvco-icon svg{width:100%;height:100%}.cvco-app .cvco-form,.cvco-app .cvco-input{display:flex;flex:1 1 100%;width:100%;height:100%}.cvco-app .cvco-input--text__container{display:flex;position:relative;flex:1 1 100%;height:100%;margin-right:5px}.cvco-app .cvco-input__text{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-grow:4;height:40px;margin-right:5px;padding:10px;transition:padding .3s ease;border:1px solid transparent;border-radius:5px;color:#3d4166;font-size:16px;resize:none}.cvco-app .cvco-input__text::-webkit-input-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-input__text::-moz-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-input__text:-ms-input-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-input__text:-moz-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-input--text__container .cvco-input__text{width:100%;margin-right:0}.cvco-app .cvco-character-exceeded .cvco-input__text,.cvco-app .cvco-character-warning .cvco-input__text{padding-right:40px}.cvco-app .cvco-character-exceeded .cvco-input__text{border:1px solid #db1639}.cvco-app .cvco-input__submit{display:flex;flex:0 0 40px;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:5px}.cvco-app .cvco-input__submit[aria-disabled=true]{cursor:auto}.cvco-app .cvco-input__submit .cvco-icon path{transition:fill .3s ease;fill:#4a48c1}.cvco-app .cvco-input__submit[aria-disabled=true] .cvco-icon path{fill:#a3b4bf}.cvco-app .cvco-interrupt{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;background:#fff}.cvco-app.cvco-app--layout-inline.cvco-app--collapsed .cvco-interrupt{position:static;width:100%;border-radius:10px}@media(min-width:1025px){.cvco-app.cvco-app--layout-inline.cvco-app--collapsed .cvco-interrupt{width:67%}}.cvco-app .cvco-interrupt__body{display:flex;flex:1 1 auto;flex-direction:column;align-items:left;justify-content:center;padding:40px;text-align:left}.cvco-app .cvco-chat .cvco-interrupt__body{margin:10px}.cvco-app .cvco-interrupt__title{margin:0 0 20px;font-size:16px;font-weight:700}.cvco-app .cvco-interrupt__message{margin-bottom:40px;font-size:16px}.cvco-app .cvco-interrupt__message:last-child{margin-bottom:0}.cvco-app .cvco-interrupt__actions{margin-top:auto}.cvco-app .cvco-skip-link{position:absolute;z-index:100;top:20px;left:50%;padding:10px 15px;transform:translate(-50%,-5px) scale(0);transform-origin:50% 0;transition:transform .3s ease,opacity .3s ease;border:1px solid #fff;border-radius:5px;opacity:0;background:#4a48c1;color:#fff;font-size:12px}.cvco-app .cvco-skip-link:focus{transform:translate(-50%) scale(1);opacity:1}.cvco-app .cvco-disclaimer{display:block;flex:0 0 auto;width:100%;height:auto;padding:20px;background-color:#eff3f6}.cvco-app .cvco-chat--layout-window .cvco-disclaimer{padding-right:80px}.cvco-app .cvco-chat-status~.cvco-chat__container .cvco-disclaimer{margin-top:80px;padding:10px 20px}.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-chat__options{display:flex;position:relative;flex:0;align-items:center;justify-content:flex-end;width:100%;padding:5px;border-top:1px solid #dee3e5}.cvco-app .cvco-chat__options-item--left{margin-right:auto}.cvco-app .cvco-chat__options__button{display:flex;align-items:center;justify-content:flex-end;padding:5px 10px;border-radius:5px}.cvco-app .cvco-chat__options__button .cvco-icon{flex:0 0 16px;width:16px;height:16px;margin-right:5px}.cvco-app .cvco-chat__options__button .cvco-icon svg{width:100%;height:100%}.cvco-app .cvco-chat__options__button .cvco-icon path{fill:currentColor}.cvco-app .cvco-options__menu{display:none;position:absolute;right:10px;bottom:calc(100% + 10px);max-width:300px;max-height:400px;margin:0;padding:10px;transform:scaleY(0) translateY(100px);transform-origin:100% 100%;transition:transform .2s ease-in-out,opacity .2s ease;border:1px solid #dee3e5;border-radius:5px;opacity:0;background-color:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.1);list-style:none}.cvco-app .cvco-options__menu.cvco-transition--visible{display:block}.cvco-app .cvco-options__menu.cvco-transition--in{transform:scaleY(1) translateY(0);opacity:1}.cvco-app .cvco-options__menu__item{margin-bottom:5px;transition:opacity .1s ease .1s;opacity:0}.cvco-app .cvco-options__menu__item:last-child{margin-bottom:0}.cvco-app .cvco-options__menu.cvco-transition--in .cvco-options__menu__item{opacity:1}.cvco-app .cvco-options__menu .cvco-button{display:flex;align-items:center;width:100%;min-width:200px;border-radius:5px}.cvco-app .cvco-options{display:none;position:absolute;right:10px;bottom:calc(100% + 10px);flex-direction:column;width:calc(100% - 20px);max-width:300px;margin:0;padding:0;transform:scaleY(0) translateY(100px);transform-origin:100% 100%;transition:transform .2s ease-in-out,opacity .2s ease;border:1px solid #dee3e5;border-radius:5px;opacity:0;background-color:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.1);list-style:none}.cvco-app .cvco-options--left{right:auto;left:10px}.cvco-app .cvco-options--right{right:10px}.cvco-app .cvco-options__dialog.cvco-transition--visible .cvco-options{display:flex}.cvco-app .cvco-options__dialog.cvco-transition--in .cvco-options{transform:scaleY(1) translateY(0);opacity:1}.cvco-app .cvco-options__body{display:flex;flex-direction:column;max-height:300px;transition:opacity .1s ease .1s;opacity:0}.cvco-app .cvco-options__dialog.cvco-transition--in .cvco-options__body{opacity:1}.cvco-app .cvco-options__title{display:flex;flex:0 0 auto;align-items:center;width:calc(100% - 50px);margin:0;padding:20px 20px 10px;color:#223182;font-size:16px;font-weight:700}.cvco-app .cvco-options__close{display:flex;position:absolute;top:10px;right:10px;align-items:center;justify-content:center;width:40px;height:40px;color:#4a48c1;font-size:0}.cvco-app .cvco-options__close .cvco-icon{flex:0 0 16px;width:16px;height:16px}.cvco-app .cvco-options__close .cvco-icon path{fill:currentColor}.cvco-app .cvco-options__form{flex:1 1 auto;flex-direction:column}.cvco-app .cvco-options__wrapper{display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:flex-start;width:100%;padding:0 20px;overflow:auto}.cvco-app .cvco-options__wrapper:last-child:after{content:"";display:block;flex:0 0 100%;width:100%;height:20px}.cvco-app .cvco-options__body div{width:100%}.cvco-app .cvco-options__wrapper h3{margin:0;color:#223182;font-size:14px;font-weight:700}.cvco-app .cvco-options__description{display:block;width:100%;margin-bottom:10px;font-size:14px}.cvco-app .cvco-transcript__input{width:100%;min-height:40px;padding:10px;transition:padding .3s ease;border:1px solid #dee3e5;border-radius:5px;font-size:16px}.cvco-app .cvco-transcript__input:focus{border:1px solid #dee3e5}.cvco-app .cvco-transcript__input::-webkit-input-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-transcript__input::-moz-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-transcript__input:-ms-input-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-transcript__input:-moz-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-options__active-language{color:#3d4166;font-size:14px}.cvco-app .cvco-options__actions{display:flex;flex:0 0 auto;justify-content:flex-end;width:100%;margin-top:10px;padding:0}.cvco-app .cvco-options__actions .cvco-button{width:100%;margin-right:10px}.cvco-app .cvco-options__actions .cvco-button:last-child{margin-right:0}.cvco-app .cvco-chat-status{display:flex;position:absolute;z-index:1;top:20px;left:20px;align-items:center;justify-content:space-between;width:calc(100% - 40px);height:40px;min-height:40px;padding:5px 20px;border-radius:20px;background-color:#fff;box-shadow:0 5px 30px rgba(53,75,90,.15),0 3px 10px rgba(53,75,90,.2)}.cvco-app.cvco-app--collapsed .cvco-chat-status{display:none}.cvco-app .cvco-chat--layout-window .cvco-chat-status{width:calc(100% - 90px)}.cvco-app .cvco-chat-status__title{display:flex;flex:1;align-items:center;margin:0 10px 0 0;color:#3d4166;font-size:12px;font-weight:700;line-height:1.25}.cvco-app .cvco-chat-status .cvco-button--tertiary{color:#4a48c1}.cvco-app .cvco-upload-toggle-wrapper{width:0;height:100%;overflow:visible;transition:width .3s ease}.cvco-app .cvco-upload-toggle-wrapper.cvco-transition--in{width:50px}.cvco-app .cvco-upload-toggle{display:flex;flex:0 0 40px;flex-direction:column;align-items:center;justify-content:center;width:40px;height:40px;padding:0;transform:translateX(-100%);transition:transform .3s ease,opacity .3s ease;border-radius:5px;opacity:0;color:transparent;font-size:0;line-height:1;text-align:center}.cvco-app .cvco-upload-toggle-wrapper.cvco-transition--in .cvco-upload-toggle{transform:translateX(0);opacity:1}.cvco-app .cvco-upload-toggle .cvco-icon{flex:0 0 24px;width:24px;height:24px}.cvco-app .cvco-upload-toggle .cvco-icon svg{width:100%;height:100%}.cvco-app .cvco-upload{width:100%;padding:10px 10px 0}.cvco-app .cvco-upload-form{display:block}.cvco-app .cvco-upload__container{width:100%;margin-bottom:10px}.cvco-app .cvco-upload__visible-label--text{display:block;width:100%;font-size:16px;font-weight:700}.cvco-app .cvco-upload__content-hint{display:block;width:100%;margin-bottom:10px;padding-right:20px;font-size:12px}.cvco-app .cvco-file-upload{width:100%;max-width:100%;border:1px solid #4a48c1;border-radius:5px}.cvco-app .cvco-file-upload.cvco-focus-within{outline:1px dotted #212121;outline:5px auto -webkit-focus-ring-color}.cvco-app .cvco-upload__input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.cvco-app .cvco-upload__label{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:10px;color:#4a48c1;text-align:left}.cvco-app .cvco-upload__label .cvco-icon{flex:0 0 32px;width:32px;height:32px;margin-right:10px}.cvco-app .cvco-upload__label .cvco-icon path{fill:currentColor}.cvco-app .cvco-upload__label--text{display:block;flex:1 1 100%;max-width:100%;color:inherit;font-size:14px;font-weight:700}.cvco-app .cvco-upload__output{display:block;flex:1 1 100%;max-width:100%;color:#003a5d;font-size:12px;word-break:break-all}.cvco-app .cvco-upload .cvco-button--primary{text-align:center}.cvco-app .cvco-upload__button-container{display:flex;flex:0 0 100%;justify-content:flex-end}.cvco-app .cvco-upload__cancel{margin-right:5px;padding:10px}.cvco-app .cvco-upload__cancel:last-child{margin-right:0}.cvco-app .cvco-progress__text{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:5px}.cvco-app .cvco-progress__text--file-name{max-width:calc(100% - 40px);padding-right:20px;overflow:hidden;font-size:14px;font-weight:700;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.cvco-app .cvco-progress__text--percentage{color:#6a7f8c;font-size:14px;line-height:1}.cvco-app .cvco-progress .cvco-error{margin-top:10px}.cvco-app .cvco-progress .cvco-error:empty{display:none}.cvco-app .cvco-progress__bar{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border-radius:5px;background:#eff3f6}.cvco-app .cvco-progress__bar::-webkit-progress-bar{border-radius:5px;background:#eff3f6}.cvco-app .cvco-progress__bar::-webkit-progress-value{border-radius:5px;background-color:#4a48c1}.cvco-app .cvco-progress__bar::-moz-progress-bar{background-color:#4a48c1}.cvco-app .cvco-error{display:block;width:100%;margin:0 0 5px}.cvco-app .cvco-error:empty{display:none;margin:0}.cvco-app .cvco-error .cvco-icon{flex:0 0 16px;width:16px;height:16px;margin-right:5px}.cvco-app .cvco-error .cvco-error__message{display:flex;align-items:flex-start;background-color:rgba(219,22,57,.1);color:#ad001f}.cvco-app .cvco-error .cvco-error__message,.cvco-app .cvco-notification{width:100%;padding:5px 10px;border-radius:5px;font-size:12px;font-weight:700}.cvco-app .cvco-notification{display:block;margin:0 0 10px;background-color:rgba(74,72,193,.1);color:#223182}.cvco-app .cvco-notification:last-child{margin:0}.cvco-app .cvco-character-count{display:flex;position:absolute;top:0;right:0;align-items:center;justify-content:right;height:100%;padding:0 10px;transform:translateX(100%);transition:transform .3s ease,opacity .2s ease .2s;opacity:0;font-size:12px;font-weight:700;line-height:1;text-align:right;pointer-events:none}.cvco-app .cvco-character-count span{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;text-align:right}.cvco-app .cvco-character-exceeded .cvco-character-count,.cvco-app .cvco-character-warning .cvco-character-count{transform:translateX(0);opacity:1}.cvco-app .cvco-character-exceeded .cvco-character-count span{color:#db1639}.cvco-app .cvco-collapse-button{display:flex;position:absolute;z-index:1;top:20px;right:20px;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50% 50%;background-color:#fff;box-shadow:0 5px 30px rgba(53,75,90,.15),0 3px 10px rgba(53,75,90,.2)}.cvco-app .cvco-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-unstarted-wrapper.cvco-unstarted-wrapper--window .cvco-message__body{margin-left:auto;padding:10px 15px;border:1px solid #fff;border-radius:10px;background-color:#eff3f6;font-size:14px}.cvco-app .cvco-unstarted-wrapper--continue .cvco-message__body{transform:scale(0);transform-origin:100% 100%;transition:transform .3s ease,opacity .3s ease;opacity:0}.cvco-app .cvco-unstarted-wrapper--continue.cvco-transition--in .cvco-message__body{transform:scale(1);transition:transform .3s ease .2s,opacity .3s ease .2s;opacity:1}.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 .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--type-splash .cvco-message__body{padding:0;border-radius:0;background-color:transparent;background-color:initial;font-size:24px;font-weight:700}.cvco-app .cvco-message--type-suggestions .cvco-message__body{width:100%;padding:0;background-color:transparent;background-color:initial}.cvco-app .cvco-message--type-splash .cvco-message__body ol,.cvco-app .cvco-message--type-splash .cvco-message__body p,.cvco-app .cvco-message--type-splash .cvco-message__body ul,.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 20px}.cvco-app .cvco-message--type-splash .cvco-message__body ol:last-child,.cvco-app .cvco-message--type-splash .cvco-message__body p:last-child,.cvco-app .cvco-message--type-splash .cvco-message__body ul:last-child,.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:0}.cvco-app .cvco-message--type-splash .cvco-message__body ul,.cvco-app .cvco-message--type-text .cvco-message__body ul{padding-left:1.5em}.cvco-app .cvco-message--type-splash .cvco-message__body ul li,.cvco-app .cvco-message--type-text .cvco-message__body ul li{list-style-type:disc}.cvco-app .cvco-message--type-splash .cvco-message__body a,.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--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-choice-prompt .cvco-message__body{width:100%;padding:0;background-color:transparent;background-color:initial}.cvco-app .cvco-message--type-image .cvco-message__body{padding:0}.cvco-app .cvco-message--type-image 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;background-color:#000}.cvco-app .cvco-message--type-video iframe{display:block;width:100%;aspect-ratio:6/4;border:0;border-radius:10px}.cvco-app .cvco-message--type-upload .cvco-message__body{padding:0}.cvco-app .cvco-message--type-upload .cvco-download{display:flex;align-items:center;padding:10px 15px;border-radius:10px;color:inherit;text-align:left;word-break:break-all}.cvco-app .cvco-message--type-upload .cvco-download-link{text-decoration:underline}.cvco-app .cvco-message--type-upload .cvco-download:not(.cvco-download-link) .cvco-file-download{text-decoration:line-through}.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-conversation__item--source-agent .cvco-message--type-upload .cvco-icon path{fill:#4a48c1}.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-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;z-index:1;top:-10px;right:-10px;align-items:center;justify-content:center;width:25px;height:25px;transform:scale(1);transform-origin:50% 50%;transition:transform .3s cubic-bezier(.175,.885,.32,1.275) .5s;border-radius:50% 50%;background-color:#db1639;color:#fff;font-size:12px;font-weight:700;line-height:1}.cvco-app .cvco-message-count:empty{transform:scale(0);transition:transform .3s ease}.cvco-app .cvco-suggestions{width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overscroll-behavior:contain}.cvco-app .cvco-chat--layout-inline>.cvco-suggestions{flex-direction:column;max-height:320px;padding:20px;overflow:hidden;transition:max-height .3s ease,padding .3s ease,transform .3s ease,opacity .3s ease;opacity:0}.cvco-app .cvco-chat--layout-inline>.cvco-suggestions.cvco-transition--visible{display:flex}.cvco-app .cvco-chat--layout-inline>.cvco-suggestions.cvco-transition--in{transition:padding .3s ease .2s,transform .3s ease .2s,opacity .3s ease .2s;opacity:1}@media(min-width:641px){.cvco-app .cvco-chat--layout-inline>.cvco-suggestions.cvco-transition--in{transform:translateX(0)}}@media(min-width:641px){.cvco-app .cvco-chat--layout-inline>.cvco-suggestions{flex:0 0 50%;width:50%;height:640px;min-height:100%;max-height:90vh;transform:translateX(-100%)}}@media(min-width:1025px){.cvco-app .cvco-chat--layout-inline>.cvco-suggestions{flex:0 0 33%;width:33%}}.cvco-app .cvco-suggestions__heading{flex:0 0 auto;margin:0 0 10px;color:#003a5d;font-size:18px;font-weight:700}.cvco-app .cvco-suggestions__list{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;align-items:flex-start;width:100%;height:auto;overscroll-behavior:contain}.cvco-app .cvco-chat--layout-inline>.cvco-suggestions .cvco-suggestions__list{flex:1 1 100%;flex-direction:column;flex-wrap:nowrap;height:100%;max-height:100%;overflow-y:auto}.cvco-app .cvco-suggestions-item{display:block;flex:0 0 auto;max-width:100%;margin:0 5px 5px 0}.cvco-app .cvco-chat--layout-inline>.cvco-suggestions .cvco-suggestions-item{width:100%;margin-right:0}.cvco-app .cvco-suggestions-item .cvco-icon{display:none}.cvco-app .cvco-suggestions__footer.cvco-suggestions__footer{display:block;width:100%;margin:5px 0 0;color:#003a5d;font-size:16px;font-weight:700}.cvco-app .cvco-window-open-button{display:none;position:fixed;z-index:1;right:20px;bottom:20px;width:48px;height:48px;padding:0;transform:scale(0);transform-origin:100% 100%;transition:transform .3s ease;border:1px solid #a3b4bf;border-radius:10px;opacity:0;background-color:#003a5d;box-shadow:0 0 20px 0 rgba(0,0,0,.1)}.cvco-app .cvco-window-open-button.cvco-transition--visible{display:block}.cvco-app .cvco-window-open-button.cvco-transition--in{transform:scale(1);transition:transform .3s ease .2s;opacity:1}.cvco-app .cvco-window-open-button .cvco-avatar,.cvco-app .cvco-window-open-button .cvco-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;border-radius:10px}.cvco-app .cvco-pre-chat-messages{list-style:none;margin:0;padding:0}.cvco-app .cvco-unstarted-wrapper .cvco-pre-chat-messages{display:none}.cvco-app .cvco-unstarted-wrapper.cvco-transition--visible .cvco-pre-chat-messages{display:block}.cvco-app .cvco-unstarted-wrapper--inline .cvco-pre-chat-messages{transition:opacity .3s ease;opacity:0}.cvco-app .cvco-unstarted-wrapper--inline.cvco-transition--in .cvco-pre-chat-messages{transition:opacity .3s ease .2s;opacity:1}.cvco-app .cvco-unstarted-wrapper--window .cvco-pre-chat-messages{transform:scale(0);transform-origin:100% 100%;transition:transform .3s ease,opacity .3s ease;opacity:0}.cvco-app .cvco-unstarted-wrapper--window.cvco-transition--in .cvco-pre-chat-messages{transform:scale(1);transition:transform .3s ease .2s,opacity .3s ease .2s;opacity:1}.cvco-app .cvco-unstarted-wrapper:empty{display:none}.cvco-app .cvco-unstarted-wrapper--window{position:fixed;z-index:1;right:30px;bottom:78px;max-width:calc(100% - 60px)}@media(min-width:641px){.cvco-app .cvco-unstarted-wrapper--window{max-width:280px}}.cvco-app .cvco-unstarted-wrapper--inline{display:none;width:100%;max-height:0;overflow:hidden;transition:margin .3s ease,max-height .3s ease}@media(min-width:1025px){.cvco-app .cvco-unstarted-wrapper--inline{width:67%}}.cvco-app .cvco-unstarted-wrapper--inline.cvco-transition--visible{display:block}.cvco-app .cvco-unstarted-wrapper--inline.cvco-transition--in{max-height:600px;margin-bottom:20px}.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:flex;position:fixed;z-index:99;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;width:100%;min-width:100%;height:100%;min-height:100%;padding:20px;transform:scale(1);opacity:1;background-color:hsla(0,0%,100%,.8)}.cvco-modal,.cvco-modal *,.cvco-modal :after,.cvco-modal :before{box-sizing:border-box}.cvco-modal__float{max-width:80rem;padding:5px;border:1px solid #dee3e5;border-radius:10px;outline:0;background-color:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.1)}.cvco-modal__float,.cvco-modal__inner{position:relative;width:100%;height:100%}.cvco-modal__inner{display:flex;align-items:center;justify-content:center;padding:10px}.cvco-modal__image{display:block;flex:0 0 auto;width:auto;max-width:100%;max-height:100%;border:1px solid #dee3e5}.cvco-modal__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;position:absolute;top:20px;right:20px;align-items:center;min-height:40px;padding:5px 15px;border:0;border-radius:5px;background-color:#4a48c1;color:#fff;font-weight:700}.cvco-modal__close .cvco-icon{flex:0 0 16px;width:16px;height:16px;margin-right:10px}.cvco-modal__close .cvco-icon svg{width:inherit;height:inherit}.cvco-modal__close .cvco-icon svg path{transition:fill .3s ease;fill:#fff}.cvco-modal__enlarge{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;position:absolute;right:20px;bottom:20px;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50% 50%;background-color:#fff;color:transparent;font-size:0}.cvco-modal__enlarge .cvco-icon svg path{fill:#4a48c1}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@seamly/web-ui",
|
|
3
|
-
"version": "20.
|
|
3
|
+
"version": "20.2.0-alpha.3",
|
|
4
4
|
"main": "build/dist/lib/index.js",
|
|
5
5
|
"module": "",
|
|
6
6
|
"exports": {
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
"redux": "^4.1.1",
|
|
36
36
|
"redux-thunk": "^2.3.0",
|
|
37
37
|
"reselect": "^4.0.0",
|
|
38
|
-
"superagent": "^
|
|
38
|
+
"superagent": "^7.1.2",
|
|
39
39
|
"xstream": "^11.14.0"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
@@ -3,15 +3,15 @@ import superagent from 'superagent'
|
|
|
3
3
|
import { apiVersion } from 'config'
|
|
4
4
|
import { objectStore } from 'lib/store/index'
|
|
5
5
|
import { randomId } from 'lib/id'
|
|
6
|
-
import sessionStorageProvider from 'lib/store/providers/session-storage'
|
|
7
|
-
import debug from 'lib/debug'
|
|
8
|
-
import { omit } from 'ui/utils/general-utils'
|
|
9
6
|
import ConversationProducer from './producer'
|
|
7
|
+
import sessionStorageProvider from 'lib/store/providers/session-storage'
|
|
10
8
|
import EventProducer from './event-producer'
|
|
11
9
|
import SeamlySessionExpiredError from './errors/seamly-session-expired-error'
|
|
12
10
|
import SeamlyConfigurationError from './errors/seamly-configuration-error'
|
|
13
11
|
import SeamlyGeneralError from './errors/seamly-general-error'
|
|
14
12
|
import SeamlyUnauthorizedError from './errors/seamly-unauthorized-error'
|
|
13
|
+
import debug from 'lib/debug'
|
|
14
|
+
import { omit } from 'ui/utils/general-utils'
|
|
15
15
|
|
|
16
16
|
const log = debug('seamly')
|
|
17
17
|
|
|
@@ -78,10 +78,11 @@ export class API {
|
|
|
78
78
|
* @param {boolean} config.sendEnvironment
|
|
79
79
|
* @param {string} layoutMode
|
|
80
80
|
* @param {string} namespace
|
|
81
|
-
* @param {Object} [context={ channelName: undefined, variables: undefined, locale: undefined }]
|
|
81
|
+
* @param {Object} [context={ channelName: undefined, variables: undefined, locale: undefined, translationLocale: undefined }]
|
|
82
82
|
* @param {string} context.channelName
|
|
83
83
|
* @param {object} context.variables
|
|
84
84
|
* @param {string} context.locale
|
|
85
|
+
* @param {string} context.translationLocale
|
|
85
86
|
* @memberof API
|
|
86
87
|
*/
|
|
87
88
|
constructor({ layoutMode, namespace, config = {}, context = {} }) {
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { seamlyActions } from 'ui/utils/seamly-utils'
|
|
2
2
|
import * as ConfigActions from 'domains/config/actions'
|
|
3
3
|
import * as I18nActions from 'domains/i18n/actions'
|
|
4
|
+
import * as TranslationActions from 'domains/translations/actions'
|
|
4
5
|
import * as VisibilityActions from 'domains/visibility/actions'
|
|
6
|
+
import { createAction, createThunk } from './utils'
|
|
5
7
|
import SeamlyUnavailableError from 'api/errors/seamly-unavailable-error'
|
|
6
8
|
import SeamlySessionExpiredError from 'api/errors/seamly-session-expired-error'
|
|
7
9
|
import * as InterruptActions from 'domains/interrupt/actions'
|
|
8
|
-
import {
|
|
10
|
+
import { actionTypes } from 'ui/utils/seamly-utils'
|
|
9
11
|
|
|
10
12
|
export const setHasResponded = createAction(
|
|
11
13
|
'setHasResponded',
|
|
@@ -46,7 +48,7 @@ export const initialize = createThunk(
|
|
|
46
48
|
|
|
47
49
|
if (agentParticipant?.name) {
|
|
48
50
|
dispatch({
|
|
49
|
-
type: seamlyActions.
|
|
51
|
+
type: seamlyActions.SET_HEADER_SUB_TITLE,
|
|
50
52
|
title: agentParticipant.name,
|
|
51
53
|
})
|
|
52
54
|
}
|
|
@@ -64,6 +66,13 @@ export const initialize = createThunk(
|
|
|
64
66
|
if ('userResponded' in initialState) {
|
|
65
67
|
dispatch(setHasResponded(initialState.userResponded))
|
|
66
68
|
}
|
|
69
|
+
} else if (config?.context?.translationLocale) {
|
|
70
|
+
locale = config.context.translationLocale
|
|
71
|
+
api.send('action', {
|
|
72
|
+
type: actionTypes.setTranslation,
|
|
73
|
+
body: { enabled: true, locale },
|
|
74
|
+
})
|
|
75
|
+
dispatch(TranslationActions.enable(locale))
|
|
67
76
|
}
|
|
68
77
|
} catch (e) {
|
|
69
78
|
if (e instanceof SeamlySessionExpiredError) {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { defaultConfig } from 'config'
|
|
2
|
-
import { pick } from 'ui/utils/general-utils'
|
|
3
|
-
import * as AppActions from 'domains/app/actions'
|
|
4
2
|
import { createReducer } from './utils'
|
|
5
3
|
import * as Actions from './actions'
|
|
4
|
+
import { pick } from 'ui/utils/general-utils'
|
|
5
|
+
import * as AppActions from 'domains/app/actions'
|
|
6
6
|
|
|
7
7
|
const initialState = {
|
|
8
8
|
...defaultConfig,
|
|
@@ -2,10 +2,7 @@ import { useCallback, useMemo } from 'preact/hooks'
|
|
|
2
2
|
import ChatStatus from 'ui/components/chat-status'
|
|
3
3
|
import { useI18n } from 'domains/i18n'
|
|
4
4
|
import { useSkiplinkTargetFocusing } from 'ui/hooks/seamly-hooks'
|
|
5
|
-
import {
|
|
6
|
-
useTranslationsContainer,
|
|
7
|
-
useTranslations,
|
|
8
|
-
} from 'domains/translations/hooks'
|
|
5
|
+
import { useTranslationsContainer, useTranslations } from 'domains/translations/hooks'
|
|
9
6
|
import { useInterrupt } from 'domains/interrupt'
|
|
10
7
|
|
|
11
8
|
export default function TranslationsChatStatus() {
|
|
@@ -1,15 +1,12 @@
|
|
|
1
1
|
import { useCallback, useMemo, useRef, useState } from 'preact/hooks'
|
|
2
2
|
import OptionsFrame from 'ui/components/options/options-frame'
|
|
3
3
|
import { FormProvider } from 'domains/forms'
|
|
4
|
+
import TranslationsOptionsDialogForm from './form'
|
|
4
5
|
import { useGeneratedId } from 'ui/hooks/seamly-hooks'
|
|
5
6
|
import { getValidator } from 'ui/utils/form-utils'
|
|
6
7
|
import { isNotEmptyString } from 'ui/utils/validations'
|
|
7
|
-
import {
|
|
8
|
-
useTranslations,
|
|
9
|
-
useTranslationsContainer,
|
|
10
|
-
} from 'domains/translations/hooks'
|
|
8
|
+
import { useTranslations, useTranslationsContainer } from 'domains/translations/hooks'
|
|
11
9
|
import { useI18n } from 'domains/i18n'
|
|
12
|
-
import TranslationsOptionsDialogForm from './form'
|
|
13
10
|
|
|
14
11
|
export const formName = 'translation-settings'
|
|
15
12
|
export const inputName = 'locale'
|
|
@@ -4,11 +4,7 @@ import {
|
|
|
4
4
|
useStableCallback,
|
|
5
5
|
} from 'ui/hooks/seamly-hooks'
|
|
6
6
|
import { actionTypes } from 'ui/utils/seamly-utils'
|
|
7
|
-
import {
|
|
8
|
-
useSelector,
|
|
9
|
-
useSelectorWithProps,
|
|
10
|
-
useStoreDispatch,
|
|
11
|
-
} from 'domains/redux'
|
|
7
|
+
import { useSelector, useSelectorWithProps, useStoreDispatch } from 'domains/redux'
|
|
12
8
|
import * as Selectors from './selectors'
|
|
13
9
|
import * as Actions from './actions'
|
|
14
10
|
|
|
@@ -1,9 +1,6 @@
|
|
|
1
|
-
import { seamlyActions } from 'ui/utils/seamly-utils'
|
|
2
|
-
import {
|
|
3
|
-
Actions as I18nActions,
|
|
4
|
-
Selectors as I18nSelectors,
|
|
5
|
-
} from 'domains/i18n'
|
|
6
1
|
import * as Actions from './actions'
|
|
2
|
+
import { seamlyActions } from 'ui/utils/seamly-utils'
|
|
3
|
+
import { Actions as I18nActions, Selectors as I18nSelectors } from 'domains/i18n'
|
|
7
4
|
|
|
8
5
|
export default function createMiddleware() {
|
|
9
6
|
return ({ dispatch, getState }) =>
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
+
import { createReducer } from './utils'
|
|
1
2
|
import { seamlyActions } from 'ui/utils/seamly-utils'
|
|
2
3
|
import { randomId } from 'lib/id'
|
|
3
|
-
import * as AppActions from 'domains/app/actions'
|
|
4
4
|
import * as Actions from './actions'
|
|
5
|
-
import
|
|
5
|
+
import * as AppActions from 'domains/app/actions'
|
|
6
6
|
|
|
7
7
|
const initialState = {
|
|
8
8
|
isActive: false,
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import * as ConfigSelectors from 'domains/config/selectors'
|
|
2
2
|
import * as AppSelectors from 'domains/app/selectors'
|
|
3
3
|
|
|
4
|
-
import { selectState } from 'ui/hooks/seamly-state-hooks'
|
|
5
4
|
import { visibilityStates, StoreKey } from './constants'
|
|
6
5
|
import { createAction, createThunk, calculateVisibility } from './utils'
|
|
7
6
|
import * as Selectors from './selectors'
|
|
7
|
+
import { selectState } from 'ui/hooks/seamly-state-hooks'
|
|
8
8
|
|
|
9
9
|
export const setFromStorage = createAction('setFromStorage', (visibility) => ({
|
|
10
10
|
visibility,
|
|
@@ -30,6 +30,12 @@ export const calculateVisibility = ({
|
|
|
30
30
|
: visibilityStates.hidden
|
|
31
31
|
}
|
|
32
32
|
|
|
33
|
+
// Allow users to continue a conversation (if they have responded and no visibility is requested)
|
|
34
|
+
// when switching from the window layout to the inline layout
|
|
35
|
+
if (layoutMode === 'inline' && hasResponded && !requestedVisibility) {
|
|
36
|
+
return previousVisibility || visibilityStates.open
|
|
37
|
+
}
|
|
38
|
+
|
|
33
39
|
const baseVisibility = visibilityStates.minimized
|
|
34
40
|
|
|
35
41
|
return (
|
|
@@ -12,6 +12,7 @@ class ExternalApi {
|
|
|
12
12
|
this._waitingActions = []
|
|
13
13
|
this._instances = {}
|
|
14
14
|
this.appConfig = appConfig
|
|
15
|
+
this.context = {}
|
|
15
16
|
}
|
|
16
17
|
|
|
17
18
|
push(...actionObjects) {
|
|
@@ -38,7 +39,11 @@ class ExternalApi {
|
|
|
38
39
|
this.handleDestroy(actionObj)
|
|
39
40
|
break
|
|
40
41
|
default:
|
|
41
|
-
if (
|
|
42
|
+
if (
|
|
43
|
+
!this.handleAction(actionObj) &&
|
|
44
|
+
// Store context properties for the next instance that will be created
|
|
45
|
+
!this.setContext(actionObj.action, ...actionObj.args)
|
|
46
|
+
) {
|
|
42
47
|
this._waitingActions.push(actionObj)
|
|
43
48
|
}
|
|
44
49
|
break
|
|
@@ -46,6 +51,19 @@ class ExternalApi {
|
|
|
46
51
|
})
|
|
47
52
|
}
|
|
48
53
|
|
|
54
|
+
setContext(action, args) {
|
|
55
|
+
switch (action) {
|
|
56
|
+
case 'setTranslation':
|
|
57
|
+
const { enabled, locale } = args
|
|
58
|
+
if (!!enabled && locale) {
|
|
59
|
+
this.context.translationLocale = locale
|
|
60
|
+
}
|
|
61
|
+
return true
|
|
62
|
+
default:
|
|
63
|
+
return false
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
|
|
49
67
|
handleInit(actionObj) {
|
|
50
68
|
const userConfig = this.getUserConfig(...actionObj.args)
|
|
51
69
|
const config = this.getCombinedConfig(userConfig)
|
|
@@ -67,6 +85,8 @@ class ExternalApi {
|
|
|
67
85
|
if (config) {
|
|
68
86
|
const instance = this.createInstance(config)
|
|
69
87
|
this._instances[config.namespace] = instance
|
|
88
|
+
// Clear the context after creating the instance, so we do not reuse it for the next
|
|
89
|
+
this.context = {}
|
|
70
90
|
instance.render()
|
|
71
91
|
}
|
|
72
92
|
}
|
|
@@ -128,10 +148,15 @@ class ExternalApi {
|
|
|
128
148
|
if (typeof this.appConfig === 'function') {
|
|
129
149
|
return this.appConfig(userConfig)
|
|
130
150
|
}
|
|
151
|
+
const context = {
|
|
152
|
+
...(userConfig.context || this.appConfig.context),
|
|
153
|
+
...this.context,
|
|
154
|
+
}
|
|
131
155
|
const defaults = {
|
|
132
156
|
...this.appConfig.defaults,
|
|
133
157
|
...userConfig.defaults,
|
|
134
158
|
}
|
|
159
|
+
|
|
135
160
|
return {
|
|
136
161
|
...this.appConfig,
|
|
137
162
|
...userConfig,
|
|
@@ -139,6 +164,7 @@ class ExternalApi {
|
|
|
139
164
|
...this.appConfig.api,
|
|
140
165
|
...userConfig.api,
|
|
141
166
|
},
|
|
167
|
+
context: Object.keys(context).length ? context : undefined,
|
|
142
168
|
defaults: Object.keys(defaults).length ? defaults : undefined,
|
|
143
169
|
}
|
|
144
170
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { useCallback, useEffect, useState } from 'preact/hooks'
|
|
2
2
|
import { getUrlParams, getUrlSearchString, randomId } from '@seamly/web-ui'
|
|
3
|
-
import { getStateObj, getDeprecatedStateObj } from 'style-guide/states'
|
|
4
3
|
import StyleGuideView from './view'
|
|
5
4
|
import StyleGuideLinks from './links'
|
|
5
|
+
import { getStateObj, getDeprecatedStateObj } from 'style-guide/states'
|
|
6
6
|
|
|
7
7
|
const StyleGuideApp = ({
|
|
8
8
|
config,
|
|
@@ -12,7 +12,10 @@ import {
|
|
|
12
12
|
import stateReducer from 'domains/store/state-reducer'
|
|
13
13
|
import { Reducer as formReducer } from 'domains/forms'
|
|
14
14
|
import { Reducer as translationsReducer } from 'domains/translations'
|
|
15
|
-
import {
|
|
15
|
+
import {
|
|
16
|
+
Reducer as i18nReducer,
|
|
17
|
+
Actions as I18nActions,
|
|
18
|
+
} from 'domains/i18n'
|
|
16
19
|
import { Reducer as interruptReducer } from 'domains/interrupt'
|
|
17
20
|
import { Reducer as appReducer } from 'domains/app'
|
|
18
21
|
import {
|
|
@@ -7,11 +7,11 @@ import {
|
|
|
7
7
|
useSkiplinkTargetFocusing,
|
|
8
8
|
} from 'ui/hooks/seamly-hooks'
|
|
9
9
|
import { useEvents } from 'ui/hooks/seamly-state-hooks'
|
|
10
|
-
import PrivacyDisclaimer from 'ui/components/layout/privacy-disclaimer'
|
|
11
|
-
import { useVisibility } from 'domains/visibility'
|
|
12
10
|
import Event from './event/event'
|
|
13
11
|
import Loader from './loader'
|
|
14
12
|
import ComponentFilter from './component-filter'
|
|
13
|
+
import PrivacyDisclaimer from 'ui/components/layout/privacy-disclaimer'
|
|
14
|
+
import { useVisibility } from 'domains/visibility'
|
|
15
15
|
|
|
16
16
|
const Conversation = () => {
|
|
17
17
|
const { t } = useI18n()
|
|
@@ -2,9 +2,9 @@ import { createRef } from 'preact'
|
|
|
2
2
|
import { useState, useEffect, useRef, useMemo } from 'preact/hooks'
|
|
3
3
|
import { className } from 'lib/css'
|
|
4
4
|
import { useGeneratedId } from 'ui/hooks/utility-hooks'
|
|
5
|
-
import CarouselMessageSlide from 'ui/components/conversation/event/carousel-message/components/slide'
|
|
6
5
|
import CarouselPagination from './components/pagination'
|
|
7
6
|
import CarouselControls from './components/controls'
|
|
7
|
+
import CarouselMessageSlide from 'ui/components/conversation/event/carousel-message/components/slide'
|
|
8
8
|
|
|
9
9
|
const defaultGetItemKey = (item, idx, prefix) => `${prefix}${idx}`
|
|
10
10
|
const defaultGetItemLabel = (item) => item.label
|
|
@@ -2,10 +2,10 @@ import { useCallback } from 'preact/hooks'
|
|
|
2
2
|
import { className } from 'lib/css'
|
|
3
3
|
import parseBody from 'lib/parse-body'
|
|
4
4
|
import { useGeneratedId, useSeamlyCommands } from 'ui/hooks/seamly-hooks'
|
|
5
|
+
import useEventLinkClickHandler from './hooks/use-event-link-click-handler'
|
|
5
6
|
import { actionTypes } from 'ui/utils/seamly-utils'
|
|
6
7
|
import MessageContainer from 'ui/components/conversation/message-container'
|
|
7
8
|
import { useTranslatedEventData } from 'domains/translations'
|
|
8
|
-
import useEventLinkClickHandler from './hooks/use-event-link-click-handler'
|
|
9
9
|
|
|
10
10
|
const Cta = ({ event }) => {
|
|
11
11
|
const [body] = useTranslatedEventData(event)
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useState } from 'preact/hooks'
|
|
2
|
+
import ImageLightbox from './image-lightbox'
|
|
2
3
|
import MessageContainer from 'ui/components/conversation/message-container'
|
|
3
4
|
import { useTranslatedEventData } from 'domains/translations'
|
|
4
|
-
import ImageLightbox from './image-lightbox'
|
|
5
5
|
|
|
6
6
|
const Image = ({ event, descriptorId, ...props }) => {
|
|
7
7
|
const [body] = useTranslatedEventData(event)
|
|
@@ -26,7 +26,7 @@ const Participant = ({ event }) => {
|
|
|
26
26
|
return (
|
|
27
27
|
<EventDivider
|
|
28
28
|
graphicSrc={avatar}
|
|
29
|
-
graphicType={
|
|
29
|
+
graphicType={avatar ? 'avatar' : undefined}
|
|
30
30
|
iconName={!avatar ? 'balloon' : undefined}
|
|
31
31
|
childrenHTML={intro}
|
|
32
32
|
dividerType="participant"
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { useMemo } from 'preact/hooks'
|
|
2
2
|
import parseBody from 'lib/parse-body'
|
|
3
|
-
import MessageContainer from 'ui/components/conversation/message-container'
|
|
4
|
-
import { useTranslatedEventData } from 'domains/translations'
|
|
5
3
|
import useEventLinkClickHandler from './hooks/use-event-link-click-handler'
|
|
6
4
|
import { parseRichText } from './hooks/use-text-rendering'
|
|
5
|
+
import MessageContainer from 'ui/components/conversation/message-container'
|
|
6
|
+
import { useTranslatedEventData } from 'domains/translations'
|
|
7
7
|
|
|
8
8
|
const Text = ({ event, ...props }) => {
|
|
9
9
|
const [body] = useTranslatedEventData(event)
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
import EventParticipant from './event/event-participant'
|
|
1
2
|
import { useSeamlyCurrentAgent } from 'ui/hooks/seamly-hooks'
|
|
2
3
|
import { className } from 'lib/css'
|
|
3
|
-
import EventParticipant from './event/event-participant'
|
|
4
4
|
|
|
5
5
|
const Loader = () => {
|
|
6
6
|
const { id } = useSeamlyCurrentAgent() || {}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { className } from 'lib/css'
|
|
2
|
+
import EventParticipant from './event/event-participant'
|
|
2
3
|
import { useSeamlyMessageContainerClassNames } from 'ui/hooks/component-helper-hooks'
|
|
3
4
|
import { useTranslatedEventData } from 'domains/translations'
|
|
4
5
|
import { useI18n } from 'domains/i18n'
|
|
5
|
-
import EventParticipant from './event/event-participant'
|
|
6
6
|
|
|
7
7
|
function MessageContainer({
|
|
8
8
|
showParticipant = true,
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { useRef, useCallback } from 'preact/hooks'
|
|
2
|
+
import SeamlyActivityEventContext from './seamly-activity-event-context'
|
|
2
3
|
import {
|
|
3
4
|
useSeamlyCommands,
|
|
4
5
|
useSeamlyIdleDetachCountdown,
|
|
5
6
|
} from 'ui/hooks/seamly-hooks'
|
|
6
7
|
import { activitySendDelay } from 'config'
|
|
7
8
|
import { className } from 'lib/css'
|
|
8
|
-
import SeamlyActivityEventContext from './seamly-activity-event-context'
|
|
9
9
|
|
|
10
10
|
const SeamlyActivityMonitor = ({ children }) => {
|
|
11
11
|
const prevSendTimestamp = useRef(0)
|