@seamly/web-ui 25.3.0 → 25.4.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/dist/lib/index.debug.js +27449 -27391
- package/build/dist/lib/index.debug.js.map +1 -1
- package/build/dist/lib/index.debug.min.js +1 -1
- package/build/dist/lib/index.debug.min.js.LICENSE.txt +0 -1584
- package/build/dist/lib/index.debug.min.js.map +1 -1
- package/build/dist/lib/index.js +3032 -2970
- package/build/dist/lib/index.js.map +1 -1
- package/build/dist/lib/index.min.js +1 -1
- package/build/dist/lib/index.min.js.map +1 -1
- package/build/dist/lib/style-guide.js +2105 -2109
- package/build/dist/lib/style-guide.js.map +1 -1
- package/build/dist/lib/style-guide.min.js +1 -1
- package/build/dist/lib/style-guide.min.js.map +1 -1
- package/build/dist/lib/styles-default-implementation.css +1 -1
- package/build/dist/lib/styles.css +1 -1
- package/package.json +20 -18
- package/src/javascripts/core/domains/visibility/actions.ts +20 -3
- package/src/javascripts/core/domains/visibility/hooks.ts +16 -0
- package/src/javascripts/core/domains/visibility/selectors.ts +10 -0
- package/src/javascripts/core/domains/visibility/slice.ts +16 -1
- package/src/javascripts/core/domains/visibility/visibility.types.ts +4 -0
- package/src/javascripts/core/ui/components/view/window-view/index.tsx +40 -4
- package/src/javascripts/style-guide/states.ts +3 -0
- package/src/stylesheets/5-components/_collapsed-chat-messages.scss +28 -0
- package/src/stylesheets/5-components/_unstarted.scss +1 -1
- package/src/stylesheets/6-default-implementation/_hover.scss +12 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
@media(hover:hover){.cvco-app .cvco-button.cvco-collapse-button,.cvco-app .cvco-modal__close,.cvco-app .cvco-modal__enlarge{transition:background-color .3s ease}.cvco-app .cvco-button.cvco-collapse-button:hover,.cvco-app .cvco-modal__close:hover,.cvco-app .cvco-modal__enlarge:hover{background-color:#223182}.cvco-app .cvco-button.cvco-collapse-button path,.cvco-app .cvco-modal__close path,.cvco-app .cvco-modal__enlarge path{transition:fill .3s ease}.cvco-app .cvco-button.cvco-collapse-button:hover .cvco-icon svg path,.cvco-app .cvco-modal__close:hover .cvco-icon svg path,.cvco-app .cvco-modal__enlarge:hover .cvco-icon svg path{fill:#fff}.cvco-app .cvco-button{transition:color .3s ease,background-color .3s ease}.cvco-app .cvco-button--primary:not([aria-disabled=true]):hover{background-color:#223182}.cvco-app .cvco-button--secondary:not([aria-disabled=true]):hover,.cvco-app .cvco-button--tertiary:not([aria-disabled=true]):hover{color:#223182}.cvco-app .cvco-choice-prompt__item--secondary .cvco-button:hover{background-color:transparent;background-color:initial;color:#223182}.cvco-app .cvco-message__body [role=button],.cvco-app .cvco-message__body a:not(.does-not-exist){transition:background-color .3s ease,color .3s ease}.cvco-app .cvco-message__body [role=button]:hover,.cvco-app .cvco-message__body a:not(.does-not-exist):hover{-webkit-text-decoration:none;text-decoration:none}.cvco-app .cvco-conversation__item--source-agent .cvco-message__body .cvco-download-link:hover{color:#223182}.cvco-app .cvco-download-link:hover{background-color:#4a48c1}.cvco-app .cvco-download-link:hover .cvco-file-download{color:#fff}.cvco-app .cvco-download-link:hover .cvco-icon svg path{fill:#fff}.cvco-app .cvco-message--type-upload .cvco-icon svg path{transition:fill .3s ease}.cvco-app .cvco-conversation__item--source-agent .cvco-download.cvco-download-link:hover .cvco-icon path{fill:#fff}.cvco-app .cvco-input__text{transition:padding .3s ease,border .3s ease}.cvco-app .cvco-input__text:hover{border-color:#223182}.cvco-app .cvco-input__submit:not([aria-disabled=true]):hover .cvco-icon path{fill:#223182}.cvco-app .cvco-card__content.cvco-card__content .cvco-button.cvco-button:hover{color:#fff}.cvco-app .cvco-carousel__controls .cvco-button .cvco-icon svg path{transition:fill .3s ease}.cvco-app .cvco-carousel__controls .cvco-button:hover .cvco-icon svg path{fill:#223182}.cvco-app .cvco-carousel-pagination__button:before{transition:background-color .3s ease}.cvco-app .cvco-carousel-pagination__button:hover:before{background-color:#223182}.cvco-app .cvco-upload-toggle path{transition:fill .3s ease}.cvco-app .cvco-upload-toggle:hover path{background-color:#223182}.cvco-app .cvco-upload__label{transition:color .3s ease}.cvco-app .cvco-upload__label:hover{color:#223182}.cvco-app .cvco-options__menu__item:not([aria-disabled=true]){transition:color .3s ease}.cvco-app .cvco-options__menu__item:not([aria-disabled=true]):hover{color:#223182}.cvco-app .cvco-options__close{transition:color .3s ease}.cvco-app .cvco-options__close:hover{color:#223182}.cvco-app .cvco-input__select,.cvco-app .cvco-transcript__input{transition:border .3s ease}.cvco-app .cvco-input__select:hover,.cvco-app .cvco-transcript__input:hover{border-color:#223182}.cvco-app .cvco-translation-options__item:hover{color:#223182}}.cvco-app--layout-inline .cvco-suggestions__list,.cvco-chat__container__scroll-area,.cvco-options__wrapper{scrollbar-color:#003a5d transparent}.cvco-app--layout-inline .cvco-suggestions__list::-webkit-scrollbar,.cvco-chat__container__scroll-area::-webkit-scrollbar,.cvco-options__wrapper::-webkit-scrollbar{background-color:transparent;height:15px;width:15px}.cvco-app--layout-inline .cvco-suggestions__list::-webkit-scrollbar-thumb,.cvco-chat__container__scroll-area::-webkit-scrollbar-thumb,.cvco-options__wrapper::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#a3b4bf;border:5px solid transparent;border-radius:10px;height:15px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease;width:15px}.cvco-app--layout-inline .cvco-suggestions__list::-webkit-scrollbar-button,.cvco-chat__container__scroll-area::-webkit-scrollbar-button,.cvco-options__wrapper::-webkit-scrollbar-button{display:none;height:0;width:0}.cvco-app--layout-inline .cvco-suggestions__list::-webkit-scrollbar-corner,.cvco-chat__container__scroll-area::-webkit-scrollbar-corner,.cvco-options__wrapper::-webkit-scrollbar-corner{background-color:transparent}
|
|
1
|
+
@media(hover:hover){.cvco-app .cvco-button.cvco-collapse-button,.cvco-app .cvco-modal__close,.cvco-app .cvco-modal__enlarge{transition:background-color .3s ease}.cvco-app .cvco-button.cvco-collapse-button:hover,.cvco-app .cvco-modal__close:hover,.cvco-app .cvco-modal__enlarge:hover{background-color:#223182}.cvco-app .cvco-button.cvco-collapse-button path,.cvco-app .cvco-modal__close path,.cvco-app .cvco-modal__enlarge path{transition:fill .3s ease}.cvco-app .cvco-button.cvco-collapse-button:hover .cvco-icon svg path,.cvco-app .cvco-modal__close:hover .cvco-icon svg path,.cvco-app .cvco-modal__enlarge:hover .cvco-icon svg path{fill:#fff}.cvco-app .cvco-button{transition:color .3s ease,background-color .3s ease}.cvco-app .cvco-button--primary:not([aria-disabled=true]):hover{background-color:#223182}.cvco-app .cvco-button--secondary:not([aria-disabled=true]):hover,.cvco-app .cvco-button--tertiary:not([aria-disabled=true]):hover{color:#223182}.cvco-app .cvco-choice-prompt__item--secondary .cvco-button:hover{background-color:transparent;background-color:initial;color:#223182}.cvco-app .cvco-message__body [role=button],.cvco-app .cvco-message__body a:not(.does-not-exist){transition:background-color .3s ease,color .3s ease}.cvco-app .cvco-message__body [role=button]:hover,.cvco-app .cvco-message__body a:not(.does-not-exist):hover{-webkit-text-decoration:none;text-decoration:none}.cvco-app .cvco-conversation__item--source-agent .cvco-message__body .cvco-download-link:hover{color:#223182}.cvco-app .cvco-download-link:hover{background-color:#4a48c1}.cvco-app .cvco-download-link:hover .cvco-file-download{color:#fff}.cvco-app .cvco-download-link:hover .cvco-icon svg path{fill:#fff}.cvco-app .cvco-message--type-upload .cvco-icon svg path{transition:fill .3s ease}.cvco-app .cvco-conversation__item--source-agent .cvco-download.cvco-download-link:hover .cvco-icon path{fill:#fff}.cvco-app .cvco-input__text{transition:padding .3s ease,border .3s ease}.cvco-app .cvco-input__text:hover{border-color:#223182}.cvco-app .cvco-input__submit:not([aria-disabled=true]):hover .cvco-icon path{fill:#223182}.cvco-app .cvco-card__content.cvco-card__content .cvco-button.cvco-button:hover{color:#fff}.cvco-app .cvco-carousel__controls .cvco-button .cvco-icon svg path{transition:fill .3s ease}.cvco-app .cvco-carousel__controls .cvco-button:hover .cvco-icon svg path{fill:#223182}.cvco-app .cvco-carousel-pagination__button:before{transition:background-color .3s ease}.cvco-app .cvco-carousel-pagination__button:hover:before{background-color:#223182}.cvco-app .cvco-upload-toggle path{transition:fill .3s ease}.cvco-app .cvco-upload-toggle:hover path{background-color:#223182}.cvco-app .cvco-upload__label{transition:color .3s ease}.cvco-app .cvco-upload__label:hover{color:#223182}.cvco-app .cvco-options__menu__item:not([aria-disabled=true]){transition:color .3s ease}.cvco-app .cvco-options__menu__item:not([aria-disabled=true]):hover{color:#223182}.cvco-app .cvco-options__close{transition:color .3s ease}.cvco-app .cvco-options__close:hover{color:#223182}.cvco-app .cvco-input__select,.cvco-app .cvco-transcript__input{transition:border .3s ease}.cvco-app .cvco-input__select:hover,.cvco-app .cvco-transcript__input:hover{border-color:#223182}.cvco-app .cvco-translation-options__item:hover{color:#223182}.cvco-app .cvco-collapsed-chat__close .cvco-icon path{transition:fill .3s ease}.cvco-app .cvco-collapsed-chat__close:hover .cvco-icon path{fill:#223182}}.cvco-app--layout-inline .cvco-suggestions__list,.cvco-chat__container__scroll-area,.cvco-options__wrapper{scrollbar-color:#003a5d transparent}.cvco-app--layout-inline .cvco-suggestions__list::-webkit-scrollbar,.cvco-chat__container__scroll-area::-webkit-scrollbar,.cvco-options__wrapper::-webkit-scrollbar{background-color:transparent;height:15px;width:15px}.cvco-app--layout-inline .cvco-suggestions__list::-webkit-scrollbar-thumb,.cvco-chat__container__scroll-area::-webkit-scrollbar-thumb,.cvco-options__wrapper::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#a3b4bf;border:5px solid transparent;border-radius:10px;height:15px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease;width:15px}.cvco-app--layout-inline .cvco-suggestions__list::-webkit-scrollbar-button,.cvco-chat__container__scroll-area::-webkit-scrollbar-button,.cvco-options__wrapper::-webkit-scrollbar-button{display:none;height:0;width:0}.cvco-app--layout-inline .cvco-suggestions__list::-webkit-scrollbar-corner,.cvco-chat__container__scroll-area::-webkit-scrollbar-corner,.cvco-options__wrapper::-webkit-scrollbar-corner{background-color:transparent}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes cvco-loader{0%,75%,to{border-radius:50%;transform:scaleY(.45)}37.5%{border-radius:2.5px;transform:scaleY(1)}}@keyframes cvco-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes cvco-blink{0%,to{opacity:0}50%{opacity:1}}.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{color:#3d4166;display:flex;flex-direction:column;font-family:arial,helvetica,sans-serif;font-size:12px;outline:0;transform-origin:100% 100%;transition:margin .3s ease,height .3s ease,transform .3s ease,opacity .3s ease}.cvco-app .cvco-chat--layout-inline{background-color:transparent;background-color:initial;box-shadow:none;height:-moz-fit-content;height:fit-content}@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-height:calc(85vh - 40px);max-width:calc(100vw - 40px)}@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{bottom:20px;max-height:calc(100vh - 40px);right:20px}@supports(-webkit-overflow-scrolling:touch){.cvco-app .cvco-chat--layout-window{max-height:calc(90vh - 40px)}}}.cvco-app .cvco-chat--layout-window{bottom:20px;display:none;height:720px;max-width:calc(100% - 40px);opacity:0;position:fixed;right:20px;transform:scale(0);width:360px;z-index:1}.cvco-app .cvco-chat--layout-window.cvco-transition--visible{display:flex}.cvco-app .cvco-chat--layout-window.cvco-transition--in{opacity:1;transform:scale(1)}.cvco-app .cvco-chat--layout-app{bottom:0;height:100%;left:0;max-height:100%;max-width:100%;position:fixed;right:0;top:0;width:100%;z-index:1}.cvco-app .cvco-chat-wrapper{backface-visibility:hidden;background-color:#fff;border:1px solid #a3b4bf;border-radius:10px;box-shadow:0 0 20px 0 rgba(0,0,0,.1);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transform:translateZ(0);transition:flex .3s ease,width .3s ease,height .3s ease,border-radius .3s ease;width:100%;z-index:1}.cvco-app .cvco-chat--layout-inline .cvco-chat-wrapper{height:0;width:100%}@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(:last-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:720px;max-height:90vh}.cvco-app .cvco-chat__container{display:flex;flex-grow:1;justify-content:center;position:relative}.cvco-app .cvco-chat__container__scroll-area{display:flex;flex-direction:column;height:100%;justify-content:space-between;overflow-y:auto;overscroll-behavior:contain;position:relative;width:100%;will-change:scroll-position}.cvco-app .cvco-chat__container__header{display:flex;position:sticky;top:0;z-index:1}.cvco-app .cvco-chat__body{display:flex;flex-grow:1;padding:0;position:relative}.cvco-app .cvco-conversation__container>div[role=log]{margin-top:auto}.cvco-app .cvco-chat__entry{border-top:1px solid #dee3e5;flex:0 0 auto;padding:10px;position:relative;width:100%}.cvco-app .cvco-chat__entry:has(.cvco-entry__body--hidden){border-top:0;padding-bottom:0;padding-top:0}.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{align-items:flex-end;display:flex;gap:5px;width:100%}.cvco-app p{margin:0}.cvco-app img{max-width:100%}.cvco-app .cvco-label{color:#4a48c1;display:block;font-size:14px;font-weight:700}.cvco-app .cvco-conversation__item--abort-transaction{padding-top:10px}.cvco-app .cvco-conversation__item--abort-transaction .cvco-abort-transaction__button{background-color:#fff;border:1px solid;border-radius:10px;padding:5px 10px}.cvco-app .cvco-avatar{border-radius:5px;display:block;flex-shrink:0;height:32px;overflow:hidden;position:relative;width:32px}.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 a:focus,.cvco-app button:focus,.cvco-app input:focus{outline:none}.cvco-app a:focus-visible,.cvco-app button:focus-visible,.cvco-app input:focus-visible{outline:1px dotted #212121;outline:1px auto -webkit-focus-ring-color}.cvco-app .cvco-button{align-items:center;background:none;border:0;cursor:pointer;display:inline-flex;font-size:14px;gap:10px;margin:0;padding:0;text-align:left}.cvco-app .cvco-button span{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit}.cvco-app .cvco-button--primary{background-color:#4a48c1;border-radius:5px;color:#fff;font-weight:700;min-height:40px;padding:10px 15px}.cvco-app .cvco-button--secondary{color:#4a48c1;font-weight:700;padding:10px 15px}.cvco-app .cvco-button--tertiary{background-color:transparent;background-color:initial;border-radius:5px;color:#fff;font-size:12px;font-weight:700;padding:2px 5px}.cvco-app .cvco-button[aria-disabled=true]{color:#5e727b;cursor:auto}.cvco-app .cvco-button__state{background-color:#eff3f6;border-radius:5px;color:inherit;display:inline-block;margin:0;padding:2px 10px}.cvco-app .cvco-choice-prompt{display:flex;flex-direction:column;gap:5px;padding:0}.cvco-app .cvco-choice-prompt__item{display:block;width:100%}.cvco-app .cvco-choice-prompt__item .cvco-button{display:inline-block;white-space:normal}.cvco-app .cvco-choice-prompt__item--secondary .cvco-button{background-color:transparent;background-color:initial;color:#4a48c1;padding:5px 0}.cvco-app .cvco-button--choose-again{align-items:center;display:flex;gap:10px;line-height:1;margin:5px 0;padding:0;transition:margin .3s ease,color .3s ease}.cvco-app .cvco-button--choose-again[aria-expanded=true]{margin:20px 0 10px}.cvco-app .cvco-button--choose-again .cvco-icon{align-items:center;display:flex;flex:0 0 8px;height:8px;justify-content:center;margin:0;padding:0;transform-origin:50% 50%;transition:transform .3s ease;width:8px}.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{bottom:0;display:flex;flex:1 1 100%;flex-direction:column;gap:10px;height:100%;justify-content:space-between;left:0;max-height:100%;position:absolute;right:0;top:0}.cvco-app .cvco-conversation__container div[role=log]{margin:auto 0 0}.cvco-app .cvco-conversation{display:flex;flex-direction:column;gap:10px;justify-content:space-between;list-style:none;margin:auto 0 0;padding:20px 20px 0;width:100%}.cvco-app .cvco-conversation:after{content:"";display:block;flex:0 0 10px;height:10px;width:100%}.cvco-app .cvco-chat--layout-inline .cvco-conversation{position:relative}.cvco-app .cvco-conversation__item{display:block;width:100%}.cvco-app .cvco-conversation__item--new-participant{margin-top:10px}.cvco-app .cvco-conversation__item--new-participant:first-child{margin-top:0}.cvco-app .cvco-divider{background:linear-gradient(180deg,#fff,#eff3f6);background-repeat:no-repeat;background-size:100% 40px;display:flex;justify-content:center;line-height:1.5;margin:20px -20px 0;overflow:hidden;padding:65px 30px 0;position:relative}.cvco-app .cvco-divider:before{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;content:"";height:40px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:100%}.cvco-app .cvco-conversation__item:first-child .cvco-divider{margin-top:0}.cvco-app .cvco-divider--type-time-indicator{padding-bottom:20px;padding-top:60px}.cvco-app .cvco-divider--type-time-indicator:before{display:none}.cvco-app .cvco-divider__graphic{background-color:#fff;border-radius:5px;height:32px;left:50%;position:absolute;top:40px;transform:translate(-50%,-60%);width:32px}.cvco-app .cvco-divider__graphic .cvco-avatar,.cvco-app .cvco-divider__graphic .cvco-icon,.cvco-app .cvco-divider__graphic .cvco-icon svg{height:100%;width:100%}.cvco-app .cvco-divider__body{align-items:center;display:flex;flex-direction:column;gap:5px;justify-content:center;max-width:300px;text-align:center}.cvco-app .cvco-divider__body .cvco-divider__title{font-size:12px;font-weight:700;line-height:1.25;margin:0}.cvco-app .cvco-divider__body .cvco-divider__description{font-size:12px;line-height:1.5}.cvco-app .cvco-divider__body .cvco-button{font-size:inherit;padding:0;width:-moz-fit-content;width:fit-content}.cvco-app .cvco-divider__time{align-items:center;display:flex;flex-direction:column;font-weight:400;gap:2.5px;justify-content:center;margin:0}.cvco-app .cvco-divider__time .cvco-divider__time--date,.cvco-app .cvco-divider__time .cvco-divider__time--time{display:block;line-height:1.25}.cvco-app .cvco-divider__time .cvco-divider__time--date{font-size:12px;font-weight:700}.cvco-app .cvco-divider__time .cvco-divider__time--time{font-size:16px}.cvco-app .cvco-loader{align-items:center;animation:cvco-fadeIn .3s linear;display:flex;flex-direction:row;gap:5px;height:20px;justify-content:flex-start;padding:2.5px 5px}.cvco-app .cvco-loader__part{animation-delay:.12s;animation-direction:normal;animation-duration:.6s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:cvco-loader;animation-timing-function:ease;background-color:currentcolor;border-radius:50%;display:inline-block;height:100%;transform:scaleY(.45);width:6.666px}.cvco-app .cvco-loader__part.cvco-one{animation-delay:.12s}.cvco-app .cvco-loader__part.cvco-two{animation-delay:.24s}.cvco-app .cvco-loader__part.cvco-three{animation-delay:.36s}.cvco-app .cvco-loader__part.cvco-four{animation-delay:.48s}.cvco-app .cvco-message{display:flex;flex-flow:row wrap;gap:5px;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{margin:0 auto;max-width:90%;width:90%}.cvco-app .cvco-message--source-info.cvco-message:after{border-top:2px solid #4a48c1;content:"";display:block;height:0;margin:0 auto;width:20px}.cvco-app .cvco-message--source-user{justify-content:flex-end;margin-left:auto}.cvco-app .cvco-message__author{align-items:center;display:none;flex-direction:row;font-weight:700;gap:5px;justify-content:flex-start;padding:0;width:100%}.cvco-app .cvco-message--source-user .cvco-message__author{justify-content:flex-end}.cvco-app .cvco-message__avatar{height:16px;width:16px}.cvco-app .cvco-message__avatar .cvco-avatar{display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.cvco-app .cvco-conversation__item--new-participant .cvco-message__author{display:flex}.cvco-app .cvco-message--source-user .cvco-message__avatar{order:2}.cvco-app .cvco-message--source-user .cvco-message__author-name{order:1}.cvco-app .cvco-message__info{color:#6a7f8c;font-size:12px;line-height:1.35;margin-top:4px;width:100%}.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{font-size:12px;margin-right:5px}.cvco-app .cvco-button.cvco-message__translation-toggle{font-size:inherit;padding:0}.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{border-top-left-radius:10px;border-top-right-radius:10px;flex:0 0 auto;height:160px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;overflow:hidden;width:100%}.cvco-app .cvco-card__content{display:flex;flex:1 1 auto;flex-direction:column;gap:10px;padding:10px 15px 15px}.cvco-app .cvco-card__title{font-size:16px;font-weight:700;margin:0;padding:0}.cvco-app .cvco-card__description,.cvco-app .cvco-card__title{display:block;height:-moz-fit-content;height:fit-content;width:100%}.cvco-app .cvco-card__content .cvco-button{display:block;font-weight:700;margin-top:auto;-webkit-text-decoration:none;text-decoration:none;width:100%}.cvco-app .cvco-carousel{position:relative}.cvco-app .cvco-carousel__slides-wrapper{display:block;overflow:hidden;width:100%}.cvco-app .cvco-carousel__slides{display:flex;flex-direction:row;list-style:none;padding:0;position:relative;transition:left .3s ease}.cvco-app .cvco-carousel__slide{display:block;list-style:none;padding:0;width:100%}.cvco-app .cvco-carousel-item{display:flex;flex-direction:column;height:100%;width:100%}.cvco-app .cvco-carousel-item .cvco-button{display:block;width:100%}.cvco-app .cvco-carousel-controls{align-items:center;border-top:1px solid #dee3e5;display:flex;gap:10px;height:-moz-fit-content;height:fit-content;justify-content:space-between;padding:0;position:relative;width:100%}.cvco-app .cvco-carousel-controls .cvco-button{align-items:center;background-color:transparent;background-color:initial;color:transparent;display:flex;flex:0 0 40px;font-size:0;height:40px;justify-content:center;width:40px}.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{border:0;display:block;height:16px;padding:0;width:16px}.cvco-app .cvco-carousel__controls .cvco-button .cvco-icon svg path{fill:#4a48c1}.cvco-app .cvco-carousel__pagination{align-items:center;display:flex;justify-content:center;position:relative}.cvco-app .cvco-carousel-pagination__wrapper{display:flex;flex-direction:row;justify-content:center;position:relative}.cvco-app .cvco-carousel-pagination{display:flex;flex-flow:row wrap;justify-content:center;margin:0 auto;padding:0;position:relative;width:100%}.cvco-app .cvco-carousel-pagination__item{display:block;list-style:none}.cvco-app .cvco-carousel-pagination__button{background-color:transparent;background-color:initial;border:0;border-radius:0;display:block;height:24px;padding:0;position:relative;width:24px}.cvco-app .cvco-carousel-pagination__button:before{background-color:#a3b4bf;border-radius:50%;content:"";display:block;height:9.6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:50% 50%;width:9.6px}.cvco-app .cvco-is-active .cvco-carousel-pagination__button:before{background-color:#003a5d}.cvco-app .cvco-icon{align-items:center;display:flex;height:32px;justify-content:center;line-height:1;width:32px}.cvco-app .cvco-form,.cvco-app .cvco-icon svg{height:100%;width:100%}.cvco-app .cvco-form{display:flex;flex:1 1 100%}.cvco-app .cvco-input{display:flex}.cvco-app .cvco-entry-form{align-items:flex-end;display:flex;flex:0 1 100%;gap:5px;height:auto;max-width:100%;transition:max-width .3s ease}.cvco-app .cvco-input--text__container{display:flex;flex:1 1 100%;max-width:calc(100% - 45px);position:relative;width:-moz-fit-content;width:fit-content}.cvco-app .cvco-upload-toggle-wrapper.cvco-transition--in~.cvco-entry-form{max-width:calc(100% - 45px)}.cvco-app .cvco-entry-form .cvco-form-control__wrapper{display:flex;flex-direction:column;gap:5px;width:100%}.cvco-app .cvco-input__text{-webkit-appearance:none;appearance:none;border:1px solid #dee3e5;border-radius:5px;color:#3d4166;flex:1 1 100%;font-size:16px;margin:0;padding:5px 10px;transition:padding .3s ease;width:100%}.cvco-app .cvco-input__text::input-placeholder{color:#a3b4bf}.cvco-app .cvco-input__text::placeholder{color:#a3b4bf}.cvco-app .cvco-input__text:input-placeholder{color:#a3b4bf}.cvco-app .cvco-input__text:placeholder{color:#a3b4bf}.cvco-app input.cvco-input__text{min-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cvco-app input.cvco-input__text::input-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cvco-app input.cvco-input__text::placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cvco-app input.cvco-input__text:input-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cvco-app input.cvco-input__text:placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cvco-app textarea.cvco-input__text{hyphens:auto;min-height:calc(4lh + 1rem);resize:none;scrollbar-color:initial transparent;scrollbar-width:thin}.cvco-app textarea.cvco-input__text::-webkit-scrollbar{background-color:transparent}@supports(field-sizing:content){.cvco-app textarea.cvco-input__text{field-sizing:content;max-height:calc(4lh + 1rem);min-height:40px;padding-top:7px}}.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{align-items:center;border-radius:5px;display:flex;flex:0 0 40px;height:40px;justify-content:center;padding:0;width:40px}.cvco-app .cvco-input__submit .cvco-icon path{fill:#4a48c1;transition:fill .3s ease}.cvco-app .cvco-input__submit[aria-disabled=true]{cursor:auto}.cvco-app .cvco-input__submit[aria-disabled=true] .cvco-icon path{fill:#a3b4bf}.cvco-app .cvco-interrupt{background:#fff;bottom:0;display:flex;left:0;position:absolute;right:0;top:0}.cvco-app.cvco-app--layout-inline.cvco-app--collapsed .cvco-interrupt{border-radius:10px;position:static;width:100%}@media(min-width:1025px){.cvco-app.cvco-app--layout-inline.cvco-app--collapsed .cvco-interrupt{width:67%}}.cvco-app .cvco-interrupt__body{align-items:left;display:flex;flex:1 1 auto;flex-direction:column;gap:10px;justify-content:center;padding:40px;text-align:left}.cvco-app .cvco-chat .cvco-interrupt__body{margin:10px}.cvco-app .cvco-interrupt__title{font-size:16px;font-weight:700;margin:0}.cvco-app .cvco-interrupt__message{font-size:16px}.cvco-app .cvco-interrupt__actions{margin-top:auto}.cvco-app .cvco-skip-link{background:#4a48c1;border:1px solid #fff;border-radius:5px;color:#fff;font-size:12px;left:50%;opacity:0;padding:10px 15px;position:absolute;top:20px;transform:translate(-50%,-5px) scale(0);transform-origin:50% 0;transition:transform .3s ease,opacity .3s ease;z-index:100}.cvco-app .cvco-skip-link:focus-visible{opacity:1;outline:none;transform:translate(-50%) scale(1)}.cvco-app .cvco-disclaimer{background-color:#eff3f6;display:flex;flex:0 0 auto;flex-direction:column;gap:5px;height:auto;padding:20px;width:100%}.cvco-app .cvco-chat--layout-window .cvco-disclaimer{padding-right:80px}.cvco-app .cvco-chat--layout-window .cvco-chat__container__header:has(.cvco-chat-status)~.cvco-chat__body .cvco-disclaimer{padding-right:20px}.cvco-app .cvco-disclaimer__title{font-size:12px;font-weight:700;line-height:1;margin:0}.cvco-app .cvco-disclaimer__message{font-size:12px;line-height:1.25}.cvco-app .cvco-idle{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:space-between;max-height:none;padding:10px}.cvco-app .cvco-idle__title{font-size:16px;font-weight:700;margin:0;text-align:center}.cvco-app .cvco-idle__count-container{display:block;font-size:12px;height:2.75em;width:100%}.cvco-app .cvco-idle__count-text,.cvco-app .cvco-idle__count-timer{display:block;font-size:inherit;text-align:center;white-space:nowrap;width:100%}.cvco-app .cvco-idle__options{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;list-style-type:none;margin:0;padding:0;width:100%}.cvco-app .cvco-idle__options .cvco-button{text-align:center;white-space:normal}.cvco-app .cvco-prompt{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:space-between;max-height:none;padding:10px}.cvco-app .cvco-prompt__title{font-size:16px;font-weight:700;margin:0;text-align:center}.cvco-app .cvco-prompt__options{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;list-style-type:none;margin:0;padding:0;width:100%}.cvco-app .cvco-prompt__options .cvco-button{text-align:center;white-space:normal}.cvco-app .cvco-chat__options{align-items:center;border-top:1px solid #dee3e5;display:flex;flex:0;gap:10px;justify-content:flex-end;padding:5px;position:relative;width:100%}.cvco-app .cvco-chat__options-item--left{margin-right:auto}.cvco-app .cvco-chat__options__button{align-items:center;border-radius:5px;display:flex;gap:5px;justify-content:flex-end;padding:5px 10px}.cvco-app .cvco-chat__options__button .cvco-icon{flex:0 0 16px;height:16px;width:16px}.cvco-app .cvco-chat__options__button .cvco-icon svg{height:100%;width:100%}.cvco-app .cvco-chat__options__button .cvco-icon path{fill:currentcolor}.cvco-app .cvco-options__menu{background-color:#fff;border:1px solid #dee3e5;border-radius:5px;bottom:calc(100% + 10px);box-shadow:0 0 20px 0 rgba(0,0,0,.1);display:none;flex-direction:column;gap:5px;list-style:none;margin:0;max-height:400px;max-width:300px;opacity:0;padding:10px;position:absolute;right:10px;transform:scaleY(0) translateY(100px);transform-origin:100% 100%;transition:transform .2s ease-in-out,opacity .2s ease}.cvco-app .cvco-options__menu.cvco-transition--visible{display:flex}.cvco-app .cvco-options__menu.cvco-transition--in{opacity:1;transform:scaleY(1) translateY(0)}.cvco-app .cvco-options__menu__item{opacity:0;transition:opacity .1s ease .1s}.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{align-items:center;border-radius:5px;display:flex;min-width:200px;width:100%}.cvco-app .cvco-options{background-color:#fff;border:1px solid #dee3e5;border-radius:5px;bottom:calc(100% + 10px);box-shadow:0 0 20px 0 rgba(0,0,0,.1);display:none;flex-direction:column;list-style:none;margin:0;max-width:300px;opacity:0;padding:0;position:absolute;right:10px;transition:transform .2s ease-in-out,opacity .2s ease;width:calc(100% - 20px);z-index:10}.cvco-app .cvco-options--left{left:10px;right:auto}.cvco-app .cvco-options--right{right:10px}.cvco-app .cvco-options--top{bottom:calc(100% + 10px);top:auto;transform:scaleY(0) translateY(100px);transform-origin:100% 100%}.cvco-app .cvco-options--bottom{bottom:auto;top:calc(100% + 10px);transform:scaleY(0) translateY(-100px);transform-origin:0 0}.cvco-app .cvco-options__dialog.cvco-transition--visible .cvco-options{display:flex}.cvco-app .cvco-options__dialog.cvco-transition--in .cvco-options{opacity:1;transform:scaleY(1) translateY(0)}.cvco-app .cvco-options__body{display:flex;flex-direction:column;gap:10px;max-height:320px;opacity:0;transition:opacity .1s ease .1s}.cvco-app .cvco-options__dialog.cvco-transition--in .cvco-options__body{opacity:1}.cvco-app .cvco-options__title{align-items:center;color:#223182;display:flex;flex:0 0 auto;font-size:16px;font-weight:700;margin:0;padding:20px 0 0 20px;width:calc(100% - 50px)}.cvco-app .cvco-options__close{align-items:center;color:#4a48c1;display:flex;font-size:0;gap:0;height:40px;justify-content:center;position:absolute;right:10px;top:10px;width:40px}.cvco-app .cvco-options__close .cvco-icon{flex:0 0 16px;height:16px;width:16px}.cvco-app .cvco-options__close .cvco-icon path{fill:currentcolor}.cvco-app .cvco-options__form{display:flex;flex:1 1 auto;flex-direction:column;gap:10px}.cvco-app .cvco-options__wrapper{align-items:flex-start;display:flex;flex:1 1 auto;flex-wrap:wrap;gap:10px;overflow:auto;padding:0 20px;width:100%}.cvco-app .cvco-options__wrapper:last-child:after{content:"";display:block;flex:0 0 10px;height:10px;width:100%}.cvco-app .cvco-options__wrapper h3{color:#223182;font-size:14px;font-weight:700;margin:0}.cvco-app .cvco-options__description{display:block;font-size:14px;padding:0 20px;width:100%}.cvco-app .cvco-transcript__input{border:1px solid #dee3e5;border-radius:5px;font-size:16px;min-height:40px;padding:10px;transition:padding .3s ease;width:100%}.cvco-app .cvco-transcript__input:focus-visible{border:1px solid #dee3e5}.cvco-app .cvco-transcript__input::input-placeholder{color:#a3b4bf;line-height:20px;overflow:visible}.cvco-app .cvco-transcript__input::placeholder{color:#a3b4bf;line-height:20px;overflow:visible}.cvco-app .cvco-transcript__input:input-placeholder{color:#a3b4bf;line-height:20px;overflow:visible}.cvco-app .cvco-transcript__input:placeholder{color:#a3b4bf;line-height:20px;overflow:visible}.cvco-app .cvco-options__actions{display:flex;flex:0 0 auto;justify-content:flex-end;padding:0;width:100%}.cvco-app .cvco-options__actions .cvco-button{width:100%}.cvco-app .cvco-chat-status{align-items:flex-start;background-color:#fff;border-radius:10px;box-shadow:0 5px 30px rgba(53,75,90,.15),0 3px 10px rgba(53,75,90,.2);display:flex;gap:10px;margin:20px;min-height:40px;padding:10px;width:100%}.cvco-app .cvco-chat-status--condensed{align-items:center;padding:5px 10px 5px 5px}.cvco-app .cvco-chat--layout-window .cvco-chat-status{margin-right:80px}.cvco-app .cvco-chat-status__body{align-items:center;display:flex;flex:1 1 auto;flex-wrap:wrap;gap:10px;justify-content:flex-start}.cvco-app .cvco-chat-status__title{color:#3d4166;display:flex;font-size:14px;font-weight:700;line-height:1.25;margin:0}.cvco-app .cvco-chat-status .cvco-icon{flex:0 0 16px;height:16px;width:16px}.cvco-app .cvco-chat-status__button{align-items:center;color:#fff;display:flex;justify-content:flex-end;min-height:32px;padding:5px 10px}.cvco-app .cvco-chat-status__button .cvco-icon svg{height:100%;width:100%}.cvco-app .cvco-chat-status__button .cvco-icon svg path{fill:#fff}.cvco-app .cvco-chat-status__close{color:#4a48c1;display:inline-flex;flex:0 0 auto;justify-content:center;min-height:22px;min-width:22px}.cvco-app .cvco-chat-status__close:has(.cvco-icon){flex:0 0 22px;padding:0;width:22px}.cvco-app .cvco-chat-status__close .cvco-icon{align-self:center}.cvco-app .cvco-upload-toggle-wrapper{height:100%;overflow:visible;transition:width .3s ease;width:0}.cvco-app .cvco-upload-toggle-wrapper.cvco-transition--in{width:40px}.cvco-app .cvco-upload-toggle{align-items:center;border-radius:5px;color:transparent;display:flex;flex:0 0 40px;flex-direction:column;font-size:0;height:40px;justify-content:center;line-height:1;opacity:0;padding:0;text-align:center;transform:translateX(-100%);transition:transform .3s ease,opacity .3s ease;width:40px}.cvco-app .cvco-upload-toggle-wrapper.cvco-transition--in .cvco-upload-toggle{opacity:1;transform:translateX(0)}.cvco-app .cvco-upload-toggle .cvco-icon{flex:0 0 24px;height:24px;width:24px}.cvco-app .cvco-upload-toggle .cvco-icon svg{height:100%;width:100%}.cvco-app .cvco-upload{padding:10px;width:100%}.cvco-app .cvco-upload-form,.cvco-app .cvco-upload__container{display:flex;flex-direction:column;gap:10px}.cvco-app .cvco-upload__container{width:100%}.cvco-app .cvco-upload__visible-label--text{display:block;font-size:16px;font-weight:700;width:100%}.cvco-app .cvco-upload__content-hint{display:block;font-size:12px;width:100%}.cvco-app .cvco-file-upload{border:1px solid #4a48c1;border-radius:5px;max-width:100%;width:100%}.cvco-app .cvco-file-upload.cvco-focus-within:has(.cvco-upload__input:focus-visible){outline:1px dotted #212121;outline:1px auto -webkit-focus-ring-color}.cvco-app .cvco-upload__input{height:1px;overflow:hidden;position:absolute;width:1px;clip:rect(1px,1px,1px,1px)}.cvco-app .cvco-upload__label{align-items:center;color:#4a48c1;display:flex;gap:10px;justify-content:flex-start;padding:10px;text-align:left;width:100%}.cvco-app .cvco-upload__label .cvco-icon{flex:0 0 32px;height:32px;width:32px}.cvco-app .cvco-upload__label .cvco-icon path{fill:currentcolor}.cvco-app .cvco-upload__label--text{color:inherit;display:block;flex:1 1 100%;font-size:14px;font-weight:700;max-width:100%}.cvco-app .cvco-upload__output{color:#003a5d;display:block;flex:1 1 100%;font-size:12px;max-width:100%;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%;gap:5px;justify-content:flex-end}.cvco-app .cvco-upload__cancel{padding:10px}.cvco-app .cvco-progress_container{display:flex;flex-direction:column;gap:10px}.cvco-app .cvco-progress__text{align-items:flex-end;display:flex;gap:10px;justify-content:space-between}.cvco-app .cvco-progress__text--file-name{font-size:14px;font-weight:700;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cvco-app .cvco-progress__text--percentage{color:#6a7f8c;flex:0 0 auto;font-size:14px;line-height:1}.cvco-app .cvco-progress__bar{-webkit-appearance:none;appearance:none;background:#eff3f6;border-radius:5px;width:100%}.cvco-app .cvco-progress__bar::-webkit-progress-bar{background:#eff3f6;border-radius:5px}.cvco-app .cvco-progress__bar::-webkit-progress-value{background-color:#4a48c1;border-radius:5px}.cvco-app .cvco-progress__bar::-moz-progress-bar{background-color:#4a48c1}.cvco-app .cvco-error{display:block;margin:0;width:100%}.cvco-app .cvco-error:empty{display:none;margin:0}.cvco-app .cvco-error .cvco-icon{flex:0 0 16px;height:16px;width:16px}.cvco-app .cvco-error .cvco-error__message{align-items:flex-start;background-color:rgba(219,22,57,.1);color:#ad001f;display:flex;flex-direction:row;gap:5px}.cvco-app .cvco-error .cvco-error__message,.cvco-app .cvco-notification{border-radius:5px;font-size:12px;font-weight:700;padding:5px 10px;width:100%}.cvco-app .cvco-notification{background-color:rgba(74,72,193,.1);color:#223182;display:block;margin:0 0 10px}.cvco-app .cvco-notification:last-child{margin:0}.cvco-app .cvco-character-count{align-items:center;bottom:0;display:flex;font-size:12px;font-weight:700;height:40px;justify-content:right;line-height:1;opacity:0;padding:0 20px 0 10px;pointer-events:none;position:absolute;right:0;text-align:right;transform:translateX(100%);transition:transform .3s ease,opacity .2s ease .2s}.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{opacity:1;transform:translateX(0)}.cvco-app .cvco-character-exceeded .cvco-character-count span{color:#db1639}.cvco-app .cvco-collapse-button{align-items:center;background-color:#fff;border:0;border-radius:50%;box-shadow:0 5px 30px rgba(53,75,90,.15),0 3px 10px rgba(53,75,90,.2);display:flex;height:40px;justify-content:center;padding:0;position:absolute;right:20px;top:20px;width:40px;z-index:1}.cvco-app .cvco-message__body{background-color:#eff3f6;border-radius:10px;color:#3d4166;display:block;max-width:100%;padding:10px 15px;position:relative}.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{background-color:#eff3f6;border:1px solid #fff;border-radius:10px;font-size:14px;margin-left:auto;padding:10px 15px}.cvco-app .cvco-conversation__item--source-info .cvco-message__body{background-color:transparent;background-color:initial;border-radius:0;flex:0 0 100%;padding:0 15px 10px;text-align:center;width:100%}.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{background-color:transparent;background-color:initial;border-radius:0;font-size:24px;font-weight:700;padding:0}.cvco-app .cvco-message--type-suggestions .cvco-message__body{background-color:transparent;background-color:initial;padding:0;width:100%}.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 ol,.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 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;hyphens:auto;word-break:break-word}.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{background-color:transparent;background-color:initial;padding:0;width:100%}.cvco-app .cvco-message--type-image .cvco-message__body{padding:0}.cvco-app .cvco-message--type-image img{border-radius:10px;display:block;height:auto;overflow:hidden;width:100%}.cvco-app .cvco-message--type-video .cvco-message__body{background-color:#000;padding:0;width:100%}.cvco-app .cvco-message--type-video iframe{aspect-ratio:6/4;border:0;border-radius:10px;display:block;width:100%}.cvco-app .cvco-message--type-upload .cvco-message__body{padding:0}.cvco-app .cvco-message--type-upload .cvco-download{align-items:center;border-radius:10px;color:inherit;display:flex;gap:10px;padding:10px 15px;text-align:left;word-break:break-all}.cvco-app .cvco-message--type-upload .cvco-download-link{-webkit-appearance:none;appearance:none;border:0;cursor:pointer;font-size:12px;-webkit-text-decoration:underline;text-decoration:underline}.cvco-app .cvco-message--type-upload .cvco-download--preview{align-items:flex-end;flex-flow:column wrap;gap:0;padding:0}.cvco-app .cvco-message--type-upload .cvco-download--preview>img{border-top-left-radius:10px;border-top-right-radius:10px;height:auto;-o-object-fit:cover;object-fit:cover;width:100%}.cvco-app .cvco-message--type-upload .cvco-download--preview .cvco-file-download{display:flex;flex:0 0 auto;justify-content:flex-end;padding:10px 15px;width:100%}.cvco-app .cvco-message--type-upload .cvco-icon{flex:0 0 16px;height:16px;width:16px}.cvco-app .cvco-message--type-upload .cvco-icon svg{height:100%;width:100%}.cvco-app .cvco-conversation__item--source-agent .cvco-message--type-upload .cvco-download--preview .cvco-file-download{justify-content:flex-start}.cvco-app .cvco-conversation__item--source-agent .cvco-message--type-upload .cvco-icon path{fill:#4a48c1}.cvco-app .cvco-message .cvco-message__info{color:#6a7f8c;font-size:12px;line-height:1.35;margin-top:4px}.cvco-app .cvco-message--type-card .cvco-message__body{display:flex;flex-direction:column;padding:0;width:100%}.cvco-app .cvco-message--type-carousel .cvco-message__body{display:block;padding:0}.cvco-app .cvco-message-count{align-items:center;background-color:#db1639;border-radius:50%;color:#fff;display:none;font-size:12px;font-weight:700;height:25px;justify-content:center;line-height:1;opacity:0;position:absolute;right:-10px;top:-10px;transform:scale(0);transform-origin:50% 50%;transition:transform .3s ease,opacity .3s ease;width:25px;z-index:1}.cvco-app .cvco-message-count.cvco-transition--visible{display:flex}.cvco-app .cvco-message-count.cvco-transition--in{opacity:1;transform:scale(1)}.cvco-app .cvco-suggestions{height:-moz-fit-content;height:fit-content;overscroll-behavior:contain;width:100%}.cvco-app .cvco-suggestions--aside{flex-direction:column;gap:10px;max-height:320px;opacity:0;overflow:hidden;padding:20px;transition:max-height .3s ease,padding .3s ease,transform .3s ease,opacity .3s ease}.cvco-app .cvco-suggestions--aside.cvco-transition--visible{display:flex}.cvco-app .cvco-suggestions--aside.cvco-transition--in{opacity:1;transition:padding .3s ease .2s,transform .3s ease .2s,opacity .3s ease .2s}@media(min-width:641px){.cvco-app .cvco-suggestions--aside.cvco-transition--in{transform:translateX(0)}.cvco-app .cvco-suggestions--aside{flex:0 0 50%;height:720px;max-height:90vh;min-height:100%;transform:translateX(-100%);width:50%}}@media(min-width:1025px){.cvco-app .cvco-suggestions--aside{flex:0 0 33%;width:33%}}.cvco-app .cvco-suggestions__heading{color:#003a5d;flex:0 0 auto;font-size:18px;font-weight:700}.cvco-app .cvco-suggestions__list{align-items:flex-start;display:flex;flex-wrap:wrap;gap:5px;height:auto;list-style:none;margin:0;overscroll-behavior:contain;padding:0;width:100%}.cvco-app .cvco-suggestions--aside .cvco-suggestions__list{flex:1 1 100%;flex-flow:column nowrap;height:100%;max-height:100%;overflow-y:auto}.cvco-app .cvco-suggestions__item{display:block;flex:0 0 auto;max-width:100%}.cvco-app .cvco-suggestions--aside .cvco-suggestions__item{margin-right:0;width:100%}.cvco-app .cvco-suggestions__item .cvco-icon{display:none}.cvco-app .cvco-suggestions__footer.cvco-suggestions__footer{color:#003a5d;display:block;font-size:16px;font-weight:700;margin:5px 0 0;width:100%}.cvco-app .cvco-translation-options{display:flex;flex-direction:column;list-style:none;margin:0;padding:1px 0 0;width:100%}.cvco-app .cvco-translation-options__item--selected{margin-bottom:10px}.cvco-app .cvco-translation-options__item--selected:after{border-bottom:1px solid #dee3e5;bottom:-10px;content:"";display:block;flex:0 0 100%;height:1px;position:absolute;width:100%}.cvco-app .cvco-translation-options__item--selected+.cvco-translation-options__item{margin-top:10px}.cvco-app .cvco-translation-options__item{align-items:center;color:#4a48c1;cursor:pointer;display:flex;flex-flow:row wrap;font-size:12px;font-weight:700;gap:10px;padding:10px 0;position:relative;width:100%}.cvco-app .cvco-translation-options__item:focus-visible{outline:1px auto -webkit-focus-ring-color}.cvco-app .cvco-translation-options__item span{margin-left:-.5em}.cvco-app .cvco-translation-options__item .cvco-icon{display:flex;height:16px;opacity:0;width:16px}.cvco-app .cvco-translation-options__item[aria-selected=true] .cvco-icon{opacity:1}.cvco-app .cvco-window-open-button{background-color:#003a5d;border:1px solid #a3b4bf;border-radius:10px;bottom:20px;box-shadow:0 0 20px 0 rgba(0,0,0,.1);display:none;height:48px;opacity:0;padding:0;position:fixed;right:20px;transform:scale(0);transform-origin:100% 100%;transition:transform .3s ease;width:48px;z-index:1}.cvco-app .cvco-window-open-button.cvco-transition--visible{display:block}.cvco-app .cvco-window-open-button.cvco-transition--in{opacity:1;transform:scale(1);transition:transform .3s ease .2s}.cvco-app .cvco-window-open-button .cvco-avatar,.cvco-app .cvco-window-open-button .cvco-icon{align-items:center;border-radius:10px;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.cvco-app .cvco-collapsed-chat-messages{flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.cvco-app .cvco-unstarted-wrapper .cvco-collapsed-chat-messages{display:none}.cvco-app .cvco-unstarted-wrapper.cvco-transition--visible .cvco-collapsed-chat-messages{display:flex}.cvco-app .cvco-unstarted-wrapper--inline .cvco-collapsed-chat-messages{opacity:0;transition:opacity .3s ease}.cvco-app .cvco-unstarted-wrapper--inline.cvco-transition--in .cvco-collapsed-chat-messages{opacity:1;transition:opacity .3s ease .2s}.cvco-app .cvco-unstarted-wrapper--window .cvco-collapsed-chat-messages{opacity:0;transform:scale(0);transform-origin:100% 100%;transition:transform .3s ease,opacity .3s ease}.cvco-app .cvco-unstarted-wrapper--window.cvco-transition--in .cvco-collapsed-chat-messages{opacity:1;transform:scale(1);transition:transform .3s ease .2s,opacity .3s ease .2s}.cvco-app .cvco-unstarted-wrapper:empty{display:none}.cvco-app .cvco-unstarted-wrapper--window{bottom:78px;max-width:calc(100% - 60px);position:fixed;right:30px;z-index:1}@media(min-width:641px){.cvco-app .cvco-unstarted-wrapper--window{max-width:280px}}.cvco-app .cvco-unstarted-wrapper--inline{display:none;max-height:0;overflow:hidden;transition:margin .3s ease,max-height .3s ease;width:100%}@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{margin-bottom:20px;max-height:600px}.cvco-app .cvco-unread-messages{align-items:center;bottom:20px;display:none;justify-content:center;margin:0;opacity:0;position:absolute}.cvco-app .cvco-unread-messages.cvco-transition--visible{display:flex}.cvco-app .cvco-unread-messages.cvco-transition--in{opacity:1;transition:opacity .3s ease 1s}.cvco-app .cvco-unread-messages .cvco-button{align-items:center;display:flex;gap:10px}.cvco-app .cvco-unread-messages .cvco-icon{height:20px;width:20px}.cvco-app .cvco-unread-messages .cvco-icon svg path{fill:#fff}.cvco-app .cvco-visually-hidden,.cvco-app__live-container .cvco-visually-hidden{height:1px;overflow:hidden;position:absolute!important;width:1px;clip:rect(1px,1px,1px,1px)}.cvco-modal,.cvco-modal *,.cvco-modal :after,.cvco-modal :before{box-sizing:border-box}.cvco-modal{align-items:center;background-color:hsla(0,0%,100%,.8);bottom:0;display:flex;height:100%;justify-content:center;left:0;min-height:100%;min-width:100%;opacity:1;padding:20px;position:fixed;right:0;top:0;transform:scale(1);width:100%;z-index:99}.cvco-modal__float{background-color:#fff;border:1px solid #dee3e5;border-radius:10px;box-shadow:0 0 20px 0 rgba(0,0,0,.1);max-width:80rem;outline:0;padding:5px}.cvco-modal__float,.cvco-modal__inner{height:100%;position:relative;width:100%}.cvco-modal__inner{align-items:center;display:flex;justify-content:center;padding:10px}.cvco-modal__image{border:1px solid #dee3e5;display:block;flex:0 0 auto;max-height:100%;max-width:100%;width:auto}.cvco-modal__close{align-items:center;-webkit-appearance:none;appearance:none;background-color:#4a48c1;border:0;border-radius:5px;color:#fff;display:flex;font-weight:700;gap:10px;min-height:40px;padding:5px 15px;position:absolute;right:20px;top:20px}.cvco-modal__close .cvco-icon{flex:0 0 16px;height:16px;width:16px}.cvco-modal__close .cvco-icon svg{height:inherit;width:inherit}.cvco-modal__close .cvco-icon svg path{fill:#fff;transition:fill .3s ease}.cvco-modal__enlarge{align-items:center;-webkit-appearance:none;appearance:none;background-color:#fff;border:0;border-radius:50%;bottom:20px;color:transparent;display:flex;font-size:0;height:40px;justify-content:center;padding:0;position:absolute;right:20px;width:40px}.cvco-modal__enlarge .cvco-icon svg path{fill:#4a48c1}
|
|
1
|
+
@keyframes cvco-loader{0%,75%,to{border-radius:50%;transform:scaleY(.45)}37.5%{border-radius:2.5px;transform:scaleY(1)}}@keyframes cvco-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes cvco-blink{0%,to{opacity:0}50%{opacity:1}}.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{color:#3d4166;display:flex;flex-direction:column;font-family:arial,helvetica,sans-serif;font-size:12px;outline:0;transform-origin:100% 100%;transition:margin .3s ease,height .3s ease,transform .3s ease,opacity .3s ease}.cvco-app .cvco-chat--layout-inline{background-color:transparent;background-color:initial;box-shadow:none;height:-moz-fit-content;height:fit-content}@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-height:calc(85vh - 40px);max-width:calc(100vw - 40px)}@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{bottom:20px;max-height:calc(100vh - 40px);right:20px}@supports(-webkit-overflow-scrolling:touch){.cvco-app .cvco-chat--layout-window{max-height:calc(90vh - 40px)}}}.cvco-app .cvco-chat--layout-window{bottom:20px;display:none;height:720px;max-width:calc(100% - 40px);opacity:0;position:fixed;right:20px;transform:scale(0);width:360px;z-index:1}.cvco-app .cvco-chat--layout-window.cvco-transition--visible{display:flex}.cvco-app .cvco-chat--layout-window.cvco-transition--in{opacity:1;transform:scale(1)}.cvco-app .cvco-chat--layout-app{bottom:0;height:100%;left:0;max-height:100%;max-width:100%;position:fixed;right:0;top:0;width:100%;z-index:1}.cvco-app .cvco-chat-wrapper{backface-visibility:hidden;background-color:#fff;border:1px solid #a3b4bf;border-radius:10px;box-shadow:0 0 20px 0 rgba(0,0,0,.1);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transform:translateZ(0);transition:flex .3s ease,width .3s ease,height .3s ease,border-radius .3s ease;width:100%;z-index:1}.cvco-app .cvco-chat--layout-inline .cvco-chat-wrapper{height:0;width:100%}@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(:last-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:720px;max-height:90vh}.cvco-app .cvco-chat__container{display:flex;flex-grow:1;justify-content:center;position:relative}.cvco-app .cvco-chat__container__scroll-area{display:flex;flex-direction:column;height:100%;justify-content:space-between;overflow-y:auto;overscroll-behavior:contain;position:relative;width:100%;will-change:scroll-position}.cvco-app .cvco-chat__container__header{display:flex;position:sticky;top:0;z-index:1}.cvco-app .cvco-chat__body{display:flex;flex-grow:1;padding:0;position:relative}.cvco-app .cvco-conversation__container>div[role=log]{margin-top:auto}.cvco-app .cvco-chat__entry{border-top:1px solid #dee3e5;flex:0 0 auto;padding:10px;position:relative;width:100%}.cvco-app .cvco-chat__entry:has(.cvco-entry__body--hidden){border-top:0;padding-bottom:0;padding-top:0}.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{align-items:flex-end;display:flex;gap:5px;width:100%}.cvco-app p{margin:0}.cvco-app img{max-width:100%}.cvco-app .cvco-label{color:#4a48c1;display:block;font-size:14px;font-weight:700}.cvco-app .cvco-conversation__item--abort-transaction{padding-top:10px}.cvco-app .cvco-conversation__item--abort-transaction .cvco-abort-transaction__button{background-color:#fff;border:1px solid;border-radius:10px;padding:5px 10px}.cvco-app .cvco-avatar{border-radius:5px;display:block;flex-shrink:0;height:32px;overflow:hidden;position:relative;width:32px}.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 a:focus,.cvco-app button:focus,.cvco-app input:focus{outline:none}.cvco-app a:focus-visible,.cvco-app button:focus-visible,.cvco-app input:focus-visible{outline:1px dotted #212121;outline:1px auto -webkit-focus-ring-color}.cvco-app .cvco-button{align-items:center;background:none;border:0;cursor:pointer;display:inline-flex;font-size:14px;gap:10px;margin:0;padding:0;text-align:left}.cvco-app .cvco-button span{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit}.cvco-app .cvco-button--primary{background-color:#4a48c1;border-radius:5px;color:#fff;font-weight:700;min-height:40px;padding:10px 15px}.cvco-app .cvco-button--secondary{color:#4a48c1;font-weight:700;padding:10px 15px}.cvco-app .cvco-button--tertiary{background-color:transparent;background-color:initial;border-radius:5px;color:#fff;font-size:12px;font-weight:700;padding:2px 5px}.cvco-app .cvco-button[aria-disabled=true]{color:#5e727b;cursor:auto}.cvco-app .cvco-button__state{background-color:#eff3f6;border-radius:5px;color:inherit;display:inline-block;margin:0;padding:2px 10px}.cvco-app .cvco-choice-prompt{display:flex;flex-direction:column;gap:5px;padding:0}.cvco-app .cvco-choice-prompt__item{display:block;width:100%}.cvco-app .cvco-choice-prompt__item .cvco-button{display:inline-block;white-space:normal}.cvco-app .cvco-choice-prompt__item--secondary .cvco-button{background-color:transparent;background-color:initial;color:#4a48c1;padding:5px 0}.cvco-app .cvco-button--choose-again{align-items:center;display:flex;gap:10px;line-height:1;margin:5px 0;padding:0;transition:margin .3s ease,color .3s ease}.cvco-app .cvco-button--choose-again[aria-expanded=true]{margin:20px 0 10px}.cvco-app .cvco-button--choose-again .cvco-icon{align-items:center;display:flex;flex:0 0 8px;height:8px;justify-content:center;margin:0;padding:0;transform-origin:50% 50%;transition:transform .3s ease;width:8px}.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{bottom:0;display:flex;flex:1 1 100%;flex-direction:column;gap:10px;height:100%;justify-content:space-between;left:0;max-height:100%;position:absolute;right:0;top:0}.cvco-app .cvco-conversation__container div[role=log]{margin:auto 0 0}.cvco-app .cvco-conversation{display:flex;flex-direction:column;gap:10px;justify-content:space-between;list-style:none;margin:auto 0 0;padding:20px 20px 0;width:100%}.cvco-app .cvco-conversation:after{content:"";display:block;flex:0 0 10px;height:10px;width:100%}.cvco-app .cvco-chat--layout-inline .cvco-conversation{position:relative}.cvco-app .cvco-conversation__item{display:block;width:100%}.cvco-app .cvco-conversation__item--new-participant{margin-top:10px}.cvco-app .cvco-conversation__item--new-participant:first-child{margin-top:0}.cvco-app .cvco-divider{background:linear-gradient(180deg,#fff,#eff3f6);background-repeat:no-repeat;background-size:100% 40px;display:flex;justify-content:center;line-height:1.5;margin:20px -20px 0;overflow:hidden;padding:65px 30px 0;position:relative}.cvco-app .cvco-divider:before{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;content:"";height:40px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:100%}.cvco-app .cvco-conversation__item:first-child .cvco-divider{margin-top:0}.cvco-app .cvco-divider--type-time-indicator{padding-bottom:20px;padding-top:60px}.cvco-app .cvco-divider--type-time-indicator:before{display:none}.cvco-app .cvco-divider__graphic{background-color:#fff;border-radius:5px;height:32px;left:50%;position:absolute;top:40px;transform:translate(-50%,-60%);width:32px}.cvco-app .cvco-divider__graphic .cvco-avatar,.cvco-app .cvco-divider__graphic .cvco-icon,.cvco-app .cvco-divider__graphic .cvco-icon svg{height:100%;width:100%}.cvco-app .cvco-divider__body{align-items:center;display:flex;flex-direction:column;gap:5px;justify-content:center;max-width:300px;text-align:center}.cvco-app .cvco-divider__body .cvco-divider__title{font-size:12px;font-weight:700;line-height:1.25;margin:0}.cvco-app .cvco-divider__body .cvco-divider__description{font-size:12px;line-height:1.5}.cvco-app .cvco-divider__body .cvco-button{font-size:inherit;padding:0;width:-moz-fit-content;width:fit-content}.cvco-app .cvco-divider__time{align-items:center;display:flex;flex-direction:column;font-weight:400;gap:2.5px;justify-content:center;margin:0}.cvco-app .cvco-divider__time .cvco-divider__time--date,.cvco-app .cvco-divider__time .cvco-divider__time--time{display:block;line-height:1.25}.cvco-app .cvco-divider__time .cvco-divider__time--date{font-size:12px;font-weight:700}.cvco-app .cvco-divider__time .cvco-divider__time--time{font-size:16px}.cvco-app .cvco-loader{align-items:center;animation:cvco-fadeIn .3s linear;display:flex;flex-direction:row;gap:5px;height:20px;justify-content:flex-start;padding:2.5px 5px}.cvco-app .cvco-loader__part{animation-delay:.12s;animation-direction:normal;animation-duration:.6s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:cvco-loader;animation-timing-function:ease;background-color:currentcolor;border-radius:50%;display:inline-block;height:100%;transform:scaleY(.45);width:6.666px}.cvco-app .cvco-loader__part.cvco-one{animation-delay:.12s}.cvco-app .cvco-loader__part.cvco-two{animation-delay:.24s}.cvco-app .cvco-loader__part.cvco-three{animation-delay:.36s}.cvco-app .cvco-loader__part.cvco-four{animation-delay:.48s}.cvco-app .cvco-message{display:flex;flex-flow:row wrap;gap:5px;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{margin:0 auto;max-width:90%;width:90%}.cvco-app .cvco-message--source-info.cvco-message:after{border-top:2px solid #4a48c1;content:"";display:block;height:0;margin:0 auto;width:20px}.cvco-app .cvco-message--source-user{justify-content:flex-end;margin-left:auto}.cvco-app .cvco-message__author{align-items:center;display:none;flex-direction:row;font-weight:700;gap:5px;justify-content:flex-start;padding:0;width:100%}.cvco-app .cvco-message--source-user .cvco-message__author{justify-content:flex-end}.cvco-app .cvco-message__avatar{height:16px;width:16px}.cvco-app .cvco-message__avatar .cvco-avatar{display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.cvco-app .cvco-conversation__item--new-participant .cvco-message__author{display:flex}.cvco-app .cvco-message--source-user .cvco-message__avatar{order:2}.cvco-app .cvco-message--source-user .cvco-message__author-name{order:1}.cvco-app .cvco-message__info{color:#6a7f8c;font-size:12px;line-height:1.35;margin-top:4px;width:100%}.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{font-size:12px;margin-right:5px}.cvco-app .cvco-button.cvco-message__translation-toggle{font-size:inherit;padding:0}.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{border-top-left-radius:10px;border-top-right-radius:10px;flex:0 0 auto;height:160px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;overflow:hidden;width:100%}.cvco-app .cvco-card__content{display:flex;flex:1 1 auto;flex-direction:column;gap:10px;padding:10px 15px 15px}.cvco-app .cvco-card__title{font-size:16px;font-weight:700;margin:0;padding:0}.cvco-app .cvco-card__description,.cvco-app .cvco-card__title{display:block;height:-moz-fit-content;height:fit-content;width:100%}.cvco-app .cvco-card__content .cvco-button{display:block;font-weight:700;margin-top:auto;-webkit-text-decoration:none;text-decoration:none;width:100%}.cvco-app .cvco-carousel{position:relative}.cvco-app .cvco-carousel__slides-wrapper{display:block;overflow:hidden;width:100%}.cvco-app .cvco-carousel__slides{display:flex;flex-direction:row;list-style:none;padding:0;position:relative;transition:left .3s ease}.cvco-app .cvco-carousel__slide{display:block;list-style:none;padding:0;width:100%}.cvco-app .cvco-carousel-item{display:flex;flex-direction:column;height:100%;width:100%}.cvco-app .cvco-carousel-item .cvco-button{display:block;width:100%}.cvco-app .cvco-carousel-controls{align-items:center;border-top:1px solid #dee3e5;display:flex;gap:10px;height:-moz-fit-content;height:fit-content;justify-content:space-between;padding:0;position:relative;width:100%}.cvco-app .cvco-carousel-controls .cvco-button{align-items:center;background-color:transparent;background-color:initial;color:transparent;display:flex;flex:0 0 40px;font-size:0;height:40px;justify-content:center;width:40px}.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{border:0;display:block;height:16px;padding:0;width:16px}.cvco-app .cvco-carousel__controls .cvco-button .cvco-icon svg path{fill:#4a48c1}.cvco-app .cvco-carousel__pagination{align-items:center;display:flex;justify-content:center;position:relative}.cvco-app .cvco-carousel-pagination__wrapper{display:flex;flex-direction:row;justify-content:center;position:relative}.cvco-app .cvco-carousel-pagination{display:flex;flex-flow:row wrap;justify-content:center;margin:0 auto;padding:0;position:relative;width:100%}.cvco-app .cvco-carousel-pagination__item{display:block;list-style:none}.cvco-app .cvco-carousel-pagination__button{background-color:transparent;background-color:initial;border:0;border-radius:0;display:block;height:24px;padding:0;position:relative;width:24px}.cvco-app .cvco-carousel-pagination__button:before{background-color:#a3b4bf;border-radius:50%;content:"";display:block;height:9.6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:50% 50%;width:9.6px}.cvco-app .cvco-is-active .cvco-carousel-pagination__button:before{background-color:#003a5d}.cvco-app .cvco-icon{align-items:center;display:flex;height:32px;justify-content:center;line-height:1;width:32px}.cvco-app .cvco-form,.cvco-app .cvco-icon svg{height:100%;width:100%}.cvco-app .cvco-form{display:flex;flex:1 1 100%}.cvco-app .cvco-input{display:flex}.cvco-app .cvco-entry-form{align-items:flex-end;display:flex;flex:0 1 100%;gap:5px;height:auto;max-width:100%;transition:max-width .3s ease}.cvco-app .cvco-input--text__container{display:flex;flex:1 1 100%;max-width:calc(100% - 45px);position:relative;width:-moz-fit-content;width:fit-content}.cvco-app .cvco-upload-toggle-wrapper.cvco-transition--in~.cvco-entry-form{max-width:calc(100% - 45px)}.cvco-app .cvco-entry-form .cvco-form-control__wrapper{display:flex;flex-direction:column;gap:5px;width:100%}.cvco-app .cvco-input__text{-webkit-appearance:none;appearance:none;border:1px solid #dee3e5;border-radius:5px;color:#3d4166;flex:1 1 100%;font-size:16px;margin:0;padding:5px 10px;transition:padding .3s ease;width:100%}.cvco-app .cvco-input__text::input-placeholder{color:#a3b4bf}.cvco-app .cvco-input__text::placeholder{color:#a3b4bf}.cvco-app .cvco-input__text:input-placeholder{color:#a3b4bf}.cvco-app .cvco-input__text:placeholder{color:#a3b4bf}.cvco-app input.cvco-input__text{min-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cvco-app input.cvco-input__text::input-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cvco-app input.cvco-input__text::placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cvco-app input.cvco-input__text:input-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cvco-app input.cvco-input__text:placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cvco-app textarea.cvco-input__text{hyphens:auto;min-height:calc(4lh + 1rem);resize:none;scrollbar-color:initial transparent;scrollbar-width:thin}.cvco-app textarea.cvco-input__text::-webkit-scrollbar{background-color:transparent}@supports(field-sizing:content){.cvco-app textarea.cvco-input__text{field-sizing:content;max-height:calc(4lh + 1rem);min-height:40px;padding-top:7px}}.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{align-items:center;border-radius:5px;display:flex;flex:0 0 40px;height:40px;justify-content:center;padding:0;width:40px}.cvco-app .cvco-input__submit .cvco-icon path{fill:#4a48c1;transition:fill .3s ease}.cvco-app .cvco-input__submit[aria-disabled=true]{cursor:auto}.cvco-app .cvco-input__submit[aria-disabled=true] .cvco-icon path{fill:#a3b4bf}.cvco-app .cvco-interrupt{background:#fff;bottom:0;display:flex;left:0;position:absolute;right:0;top:0}.cvco-app.cvco-app--layout-inline.cvco-app--collapsed .cvco-interrupt{border-radius:10px;position:static;width:100%}@media(min-width:1025px){.cvco-app.cvco-app--layout-inline.cvco-app--collapsed .cvco-interrupt{width:67%}}.cvco-app .cvco-interrupt__body{align-items:left;display:flex;flex:1 1 auto;flex-direction:column;gap:10px;justify-content:center;padding:40px;text-align:left}.cvco-app .cvco-chat .cvco-interrupt__body{margin:10px}.cvco-app .cvco-interrupt__title{font-size:16px;font-weight:700;margin:0}.cvco-app .cvco-interrupt__message{font-size:16px}.cvco-app .cvco-interrupt__actions{margin-top:auto}.cvco-app .cvco-skip-link{background:#4a48c1;border:1px solid #fff;border-radius:5px;color:#fff;font-size:12px;left:50%;opacity:0;padding:10px 15px;position:absolute;top:20px;transform:translate(-50%,-5px) scale(0);transform-origin:50% 0;transition:transform .3s ease,opacity .3s ease;z-index:100}.cvco-app .cvco-skip-link:focus-visible{opacity:1;outline:none;transform:translate(-50%) scale(1)}.cvco-app .cvco-disclaimer{background-color:#eff3f6;display:flex;flex:0 0 auto;flex-direction:column;gap:5px;height:auto;padding:20px;width:100%}.cvco-app .cvco-chat--layout-window .cvco-disclaimer{padding-right:80px}.cvco-app .cvco-chat--layout-window .cvco-chat__container__header:has(.cvco-chat-status)~.cvco-chat__body .cvco-disclaimer{padding-right:20px}.cvco-app .cvco-disclaimer__title{font-size:12px;font-weight:700;line-height:1;margin:0}.cvco-app .cvco-disclaimer__message{font-size:12px;line-height:1.25}.cvco-app .cvco-idle{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:space-between;max-height:none;padding:10px}.cvco-app .cvco-idle__title{font-size:16px;font-weight:700;margin:0;text-align:center}.cvco-app .cvco-idle__count-container{display:block;font-size:12px;height:2.75em;width:100%}.cvco-app .cvco-idle__count-text,.cvco-app .cvco-idle__count-timer{display:block;font-size:inherit;text-align:center;white-space:nowrap;width:100%}.cvco-app .cvco-idle__options{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;list-style-type:none;margin:0;padding:0;width:100%}.cvco-app .cvco-idle__options .cvco-button{text-align:center;white-space:normal}.cvco-app .cvco-prompt{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:space-between;max-height:none;padding:10px}.cvco-app .cvco-prompt__title{font-size:16px;font-weight:700;margin:0;text-align:center}.cvco-app .cvco-prompt__options{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;list-style-type:none;margin:0;padding:0;width:100%}.cvco-app .cvco-prompt__options .cvco-button{text-align:center;white-space:normal}.cvco-app .cvco-chat__options{align-items:center;border-top:1px solid #dee3e5;display:flex;flex:0;gap:10px;justify-content:flex-end;padding:5px;position:relative;width:100%}.cvco-app .cvco-chat__options-item--left{margin-right:auto}.cvco-app .cvco-chat__options__button{align-items:center;border-radius:5px;display:flex;gap:5px;justify-content:flex-end;padding:5px 10px}.cvco-app .cvco-chat__options__button .cvco-icon{flex:0 0 16px;height:16px;width:16px}.cvco-app .cvco-chat__options__button .cvco-icon svg{height:100%;width:100%}.cvco-app .cvco-chat__options__button .cvco-icon path{fill:currentcolor}.cvco-app .cvco-options__menu{background-color:#fff;border:1px solid #dee3e5;border-radius:5px;bottom:calc(100% + 10px);box-shadow:0 0 20px 0 rgba(0,0,0,.1);display:none;flex-direction:column;gap:5px;list-style:none;margin:0;max-height:400px;max-width:300px;opacity:0;padding:10px;position:absolute;right:10px;transform:scaleY(0) translateY(100px);transform-origin:100% 100%;transition:transform .2s ease-in-out,opacity .2s ease}.cvco-app .cvco-options__menu.cvco-transition--visible{display:flex}.cvco-app .cvco-options__menu.cvco-transition--in{opacity:1;transform:scaleY(1) translateY(0)}.cvco-app .cvco-options__menu__item{opacity:0;transition:opacity .1s ease .1s}.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{align-items:center;border-radius:5px;display:flex;min-width:200px;width:100%}.cvco-app .cvco-options{background-color:#fff;border:1px solid #dee3e5;border-radius:5px;bottom:calc(100% + 10px);box-shadow:0 0 20px 0 rgba(0,0,0,.1);display:none;flex-direction:column;list-style:none;margin:0;max-width:300px;opacity:0;padding:0;position:absolute;right:10px;transition:transform .2s ease-in-out,opacity .2s ease;width:calc(100% - 20px);z-index:10}.cvco-app .cvco-options--left{left:10px;right:auto}.cvco-app .cvco-options--right{right:10px}.cvco-app .cvco-options--top{bottom:calc(100% + 10px);top:auto;transform:scaleY(0) translateY(100px);transform-origin:100% 100%}.cvco-app .cvco-options--bottom{bottom:auto;top:calc(100% + 10px);transform:scaleY(0) translateY(-100px);transform-origin:0 0}.cvco-app .cvco-options__dialog.cvco-transition--visible .cvco-options{display:flex}.cvco-app .cvco-options__dialog.cvco-transition--in .cvco-options{opacity:1;transform:scaleY(1) translateY(0)}.cvco-app .cvco-options__body{display:flex;flex-direction:column;gap:10px;max-height:320px;opacity:0;transition:opacity .1s ease .1s}.cvco-app .cvco-options__dialog.cvco-transition--in .cvco-options__body{opacity:1}.cvco-app .cvco-options__title{align-items:center;color:#223182;display:flex;flex:0 0 auto;font-size:16px;font-weight:700;margin:0;padding:20px 0 0 20px;width:calc(100% - 50px)}.cvco-app .cvco-options__close{align-items:center;color:#4a48c1;display:flex;font-size:0;gap:0;height:40px;justify-content:center;position:absolute;right:10px;top:10px;width:40px}.cvco-app .cvco-options__close .cvco-icon{flex:0 0 16px;height:16px;width:16px}.cvco-app .cvco-options__close .cvco-icon path{fill:currentcolor}.cvco-app .cvco-options__form{display:flex;flex:1 1 auto;flex-direction:column;gap:10px}.cvco-app .cvco-options__wrapper{align-items:flex-start;display:flex;flex:1 1 auto;flex-wrap:wrap;gap:10px;overflow:auto;padding:0 20px;width:100%}.cvco-app .cvco-options__wrapper:last-child:after{content:"";display:block;flex:0 0 10px;height:10px;width:100%}.cvco-app .cvco-options__wrapper h3{color:#223182;font-size:14px;font-weight:700;margin:0}.cvco-app .cvco-options__description{display:block;font-size:14px;padding:0 20px;width:100%}.cvco-app .cvco-transcript__input{border:1px solid #dee3e5;border-radius:5px;font-size:16px;min-height:40px;padding:10px;transition:padding .3s ease;width:100%}.cvco-app .cvco-transcript__input:focus-visible{border:1px solid #dee3e5}.cvco-app .cvco-transcript__input::input-placeholder{color:#a3b4bf;line-height:20px;overflow:visible}.cvco-app .cvco-transcript__input::placeholder{color:#a3b4bf;line-height:20px;overflow:visible}.cvco-app .cvco-transcript__input:input-placeholder{color:#a3b4bf;line-height:20px;overflow:visible}.cvco-app .cvco-transcript__input:placeholder{color:#a3b4bf;line-height:20px;overflow:visible}.cvco-app .cvco-options__actions{display:flex;flex:0 0 auto;justify-content:flex-end;padding:0;width:100%}.cvco-app .cvco-options__actions .cvco-button{width:100%}.cvco-app .cvco-chat-status{align-items:flex-start;background-color:#fff;border-radius:10px;box-shadow:0 5px 30px rgba(53,75,90,.15),0 3px 10px rgba(53,75,90,.2);display:flex;gap:10px;margin:20px;min-height:40px;padding:10px;width:100%}.cvco-app .cvco-chat-status--condensed{align-items:center;padding:5px 10px 5px 5px}.cvco-app .cvco-chat--layout-window .cvco-chat-status{margin-right:80px}.cvco-app .cvco-chat-status__body{align-items:center;display:flex;flex:1 1 auto;flex-wrap:wrap;gap:10px;justify-content:flex-start}.cvco-app .cvco-chat-status__title{color:#3d4166;display:flex;font-size:14px;font-weight:700;line-height:1.25;margin:0}.cvco-app .cvco-chat-status .cvco-icon{flex:0 0 16px;height:16px;width:16px}.cvco-app .cvco-chat-status__button{align-items:center;color:#fff;display:flex;justify-content:flex-end;min-height:32px;padding:5px 10px}.cvco-app .cvco-chat-status__button .cvco-icon svg{height:100%;width:100%}.cvco-app .cvco-chat-status__button .cvco-icon svg path{fill:#fff}.cvco-app .cvco-chat-status__close{color:#4a48c1;display:inline-flex;flex:0 0 auto;justify-content:center;min-height:22px;min-width:22px}.cvco-app .cvco-chat-status__close:has(.cvco-icon){flex:0 0 22px;padding:0;width:22px}.cvco-app .cvco-chat-status__close .cvco-icon{align-self:center}.cvco-app .cvco-upload-toggle-wrapper{height:100%;overflow:visible;transition:width .3s ease;width:0}.cvco-app .cvco-upload-toggle-wrapper.cvco-transition--in{width:40px}.cvco-app .cvco-upload-toggle{align-items:center;border-radius:5px;color:transparent;display:flex;flex:0 0 40px;flex-direction:column;font-size:0;height:40px;justify-content:center;line-height:1;opacity:0;padding:0;text-align:center;transform:translateX(-100%);transition:transform .3s ease,opacity .3s ease;width:40px}.cvco-app .cvco-upload-toggle-wrapper.cvco-transition--in .cvco-upload-toggle{opacity:1;transform:translateX(0)}.cvco-app .cvco-upload-toggle .cvco-icon{flex:0 0 24px;height:24px;width:24px}.cvco-app .cvco-upload-toggle .cvco-icon svg{height:100%;width:100%}.cvco-app .cvco-upload{padding:10px;width:100%}.cvco-app .cvco-upload-form,.cvco-app .cvco-upload__container{display:flex;flex-direction:column;gap:10px}.cvco-app .cvco-upload__container{width:100%}.cvco-app .cvco-upload__visible-label--text{display:block;font-size:16px;font-weight:700;width:100%}.cvco-app .cvco-upload__content-hint{display:block;font-size:12px;width:100%}.cvco-app .cvco-file-upload{border:1px solid #4a48c1;border-radius:5px;max-width:100%;width:100%}.cvco-app .cvco-file-upload.cvco-focus-within:has(.cvco-upload__input:focus-visible){outline:1px dotted #212121;outline:1px auto -webkit-focus-ring-color}.cvco-app .cvco-upload__input{height:1px;overflow:hidden;position:absolute;width:1px;clip:rect(1px,1px,1px,1px)}.cvco-app .cvco-upload__label{align-items:center;color:#4a48c1;display:flex;gap:10px;justify-content:flex-start;padding:10px;text-align:left;width:100%}.cvco-app .cvco-upload__label .cvco-icon{flex:0 0 32px;height:32px;width:32px}.cvco-app .cvco-upload__label .cvco-icon path{fill:currentcolor}.cvco-app .cvco-upload__label--text{color:inherit;display:block;flex:1 1 100%;font-size:14px;font-weight:700;max-width:100%}.cvco-app .cvco-upload__output{color:#003a5d;display:block;flex:1 1 100%;font-size:12px;max-width:100%;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%;gap:5px;justify-content:flex-end}.cvco-app .cvco-upload__cancel{padding:10px}.cvco-app .cvco-progress_container{display:flex;flex-direction:column;gap:10px}.cvco-app .cvco-progress__text{align-items:flex-end;display:flex;gap:10px;justify-content:space-between}.cvco-app .cvco-progress__text--file-name{font-size:14px;font-weight:700;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cvco-app .cvco-progress__text--percentage{color:#6a7f8c;flex:0 0 auto;font-size:14px;line-height:1}.cvco-app .cvco-progress__bar{-webkit-appearance:none;appearance:none;background:#eff3f6;border-radius:5px;width:100%}.cvco-app .cvco-progress__bar::-webkit-progress-bar{background:#eff3f6;border-radius:5px}.cvco-app .cvco-progress__bar::-webkit-progress-value{background-color:#4a48c1;border-radius:5px}.cvco-app .cvco-progress__bar::-moz-progress-bar{background-color:#4a48c1}.cvco-app .cvco-error{display:block;margin:0;width:100%}.cvco-app .cvco-error:empty{display:none;margin:0}.cvco-app .cvco-error .cvco-icon{flex:0 0 16px;height:16px;width:16px}.cvco-app .cvco-error .cvco-error__message{align-items:flex-start;background-color:rgba(219,22,57,.1);color:#ad001f;display:flex;flex-direction:row;gap:5px}.cvco-app .cvco-error .cvco-error__message,.cvco-app .cvco-notification{border-radius:5px;font-size:12px;font-weight:700;padding:5px 10px;width:100%}.cvco-app .cvco-notification{background-color:rgba(74,72,193,.1);color:#223182;display:block;margin:0 0 10px}.cvco-app .cvco-notification:last-child{margin:0}.cvco-app .cvco-character-count{align-items:center;bottom:0;display:flex;font-size:12px;font-weight:700;height:40px;justify-content:right;line-height:1;opacity:0;padding:0 20px 0 10px;pointer-events:none;position:absolute;right:0;text-align:right;transform:translateX(100%);transition:transform .3s ease,opacity .2s ease .2s}.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{opacity:1;transform:translateX(0)}.cvco-app .cvco-character-exceeded .cvco-character-count span{color:#db1639}.cvco-app .cvco-collapse-button{align-items:center;background-color:#fff;border:0;border-radius:50%;box-shadow:0 5px 30px rgba(53,75,90,.15),0 3px 10px rgba(53,75,90,.2);display:flex;height:40px;justify-content:center;padding:0;position:absolute;right:20px;top:20px;width:40px;z-index:1}.cvco-app .cvco-message__body{background-color:#eff3f6;border-radius:10px;color:#3d4166;display:block;max-width:100%;padding:10px 15px;position:relative}.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{background-color:#eff3f6;border:1px solid #fff;border-radius:10px;font-size:14px;margin-left:auto;padding:10px 15px}.cvco-app .cvco-conversation__item--source-info .cvco-message__body{background-color:transparent;background-color:initial;border-radius:0;flex:0 0 100%;padding:0 15px 10px;text-align:center;width:100%}.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{background-color:transparent;background-color:initial;border-radius:0;font-size:24px;font-weight:700;padding:0}.cvco-app .cvco-message--type-suggestions .cvco-message__body{background-color:transparent;background-color:initial;padding:0;width:100%}.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 ol,.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 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;hyphens:auto;word-break:break-word}.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{background-color:transparent;background-color:initial;padding:0;width:100%}.cvco-app .cvco-message--type-image .cvco-message__body{padding:0}.cvco-app .cvco-message--type-image img{border-radius:10px;display:block;height:auto;overflow:hidden;width:100%}.cvco-app .cvco-message--type-video .cvco-message__body{background-color:#000;padding:0;width:100%}.cvco-app .cvco-message--type-video iframe{aspect-ratio:6/4;border:0;border-radius:10px;display:block;width:100%}.cvco-app .cvco-message--type-upload .cvco-message__body{padding:0}.cvco-app .cvco-message--type-upload .cvco-download{align-items:center;border-radius:10px;color:inherit;display:flex;gap:10px;padding:10px 15px;text-align:left;word-break:break-all}.cvco-app .cvco-message--type-upload .cvco-download-link{-webkit-appearance:none;appearance:none;border:0;cursor:pointer;font-size:12px;-webkit-text-decoration:underline;text-decoration:underline}.cvco-app .cvco-message--type-upload .cvco-download--preview{align-items:flex-end;flex-flow:column wrap;gap:0;padding:0}.cvco-app .cvco-message--type-upload .cvco-download--preview>img{border-top-left-radius:10px;border-top-right-radius:10px;height:auto;-o-object-fit:cover;object-fit:cover;width:100%}.cvco-app .cvco-message--type-upload .cvco-download--preview .cvco-file-download{display:flex;flex:0 0 auto;justify-content:flex-end;padding:10px 15px;width:100%}.cvco-app .cvco-message--type-upload .cvco-icon{flex:0 0 16px;height:16px;width:16px}.cvco-app .cvco-message--type-upload .cvco-icon svg{height:100%;width:100%}.cvco-app .cvco-conversation__item--source-agent .cvco-message--type-upload .cvco-download--preview .cvco-file-download{justify-content:flex-start}.cvco-app .cvco-conversation__item--source-agent .cvco-message--type-upload .cvco-icon path{fill:#4a48c1}.cvco-app .cvco-message .cvco-message__info{color:#6a7f8c;font-size:12px;line-height:1.35;margin-top:4px}.cvco-app .cvco-message--type-card .cvco-message__body{display:flex;flex-direction:column;padding:0;width:100%}.cvco-app .cvco-message--type-carousel .cvco-message__body{display:block;padding:0}.cvco-app .cvco-message-count{align-items:center;background-color:#db1639;border-radius:50%;color:#fff;display:none;font-size:12px;font-weight:700;height:25px;justify-content:center;line-height:1;opacity:0;position:absolute;right:-10px;top:-10px;transform:scale(0);transform-origin:50% 50%;transition:transform .3s ease,opacity .3s ease;width:25px;z-index:1}.cvco-app .cvco-message-count.cvco-transition--visible{display:flex}.cvco-app .cvco-message-count.cvco-transition--in{opacity:1;transform:scale(1)}.cvco-app .cvco-suggestions{height:-moz-fit-content;height:fit-content;overscroll-behavior:contain;width:100%}.cvco-app .cvco-suggestions--aside{flex-direction:column;gap:10px;max-height:320px;opacity:0;overflow:hidden;padding:20px;transition:max-height .3s ease,padding .3s ease,transform .3s ease,opacity .3s ease}.cvco-app .cvco-suggestions--aside.cvco-transition--visible{display:flex}.cvco-app .cvco-suggestions--aside.cvco-transition--in{opacity:1;transition:padding .3s ease .2s,transform .3s ease .2s,opacity .3s ease .2s}@media(min-width:641px){.cvco-app .cvco-suggestions--aside.cvco-transition--in{transform:translateX(0)}.cvco-app .cvco-suggestions--aside{flex:0 0 50%;height:720px;max-height:90vh;min-height:100%;transform:translateX(-100%);width:50%}}@media(min-width:1025px){.cvco-app .cvco-suggestions--aside{flex:0 0 33%;width:33%}}.cvco-app .cvco-suggestions__heading{color:#003a5d;flex:0 0 auto;font-size:18px;font-weight:700}.cvco-app .cvco-suggestions__list{align-items:flex-start;display:flex;flex-wrap:wrap;gap:5px;height:auto;list-style:none;margin:0;overscroll-behavior:contain;padding:0;width:100%}.cvco-app .cvco-suggestions--aside .cvco-suggestions__list{flex:1 1 100%;flex-flow:column nowrap;height:100%;max-height:100%;overflow-y:auto}.cvco-app .cvco-suggestions__item{display:block;flex:0 0 auto;max-width:100%}.cvco-app .cvco-suggestions--aside .cvco-suggestions__item{margin-right:0;width:100%}.cvco-app .cvco-suggestions__item .cvco-icon{display:none}.cvco-app .cvco-suggestions__footer.cvco-suggestions__footer{color:#003a5d;display:block;font-size:16px;font-weight:700;margin:5px 0 0;width:100%}.cvco-app .cvco-translation-options{display:flex;flex-direction:column;list-style:none;margin:0;padding:1px 0 0;width:100%}.cvco-app .cvco-translation-options__item--selected{margin-bottom:10px}.cvco-app .cvco-translation-options__item--selected:after{border-bottom:1px solid #dee3e5;bottom:-10px;content:"";display:block;flex:0 0 100%;height:1px;position:absolute;width:100%}.cvco-app .cvco-translation-options__item--selected+.cvco-translation-options__item{margin-top:10px}.cvco-app .cvco-translation-options__item{align-items:center;color:#4a48c1;cursor:pointer;display:flex;flex-flow:row wrap;font-size:12px;font-weight:700;gap:10px;padding:10px 0;position:relative;width:100%}.cvco-app .cvco-translation-options__item:focus-visible{outline:1px auto -webkit-focus-ring-color}.cvco-app .cvco-translation-options__item span{margin-left:-.5em}.cvco-app .cvco-translation-options__item .cvco-icon{display:flex;height:16px;opacity:0;width:16px}.cvco-app .cvco-translation-options__item[aria-selected=true] .cvco-icon{opacity:1}.cvco-app .cvco-window-open-button{background-color:#003a5d;border:1px solid #a3b4bf;border-radius:10px;bottom:20px;box-shadow:0 0 20px 0 rgba(0,0,0,.1);display:none;height:48px;opacity:0;padding:0;position:fixed;right:20px;transform:scale(0);transform-origin:100% 100%;transition:transform .3s ease;width:48px;z-index:1}.cvco-app .cvco-window-open-button.cvco-transition--visible{display:block}.cvco-app .cvco-window-open-button.cvco-transition--in{opacity:1;transform:scale(1);transition:transform .3s ease .2s}.cvco-app .cvco-window-open-button .cvco-avatar,.cvco-app .cvco-window-open-button .cvco-icon{align-items:center;border-radius:10px;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.cvco-app .cvco-collapsed-chat-messages{flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.cvco-app .cvco-unstarted-wrapper .cvco-collapsed-chat-messages{display:none}.cvco-app .cvco-unstarted-wrapper.cvco-transition--visible .cvco-collapsed-chat-messages{display:flex}.cvco-app .cvco-unstarted-wrapper--inline .cvco-collapsed-chat-messages{opacity:0;transition:opacity .3s ease}.cvco-app .cvco-unstarted-wrapper--inline.cvco-transition--in .cvco-collapsed-chat-messages{opacity:1;transition:opacity .3s ease .2s}.cvco-app .cvco-collapsed-chat__close{align-items:center;background-color:#fff;border-radius:50%;bottom:calc(100% - 17.5px);box-shadow:0 5px 30px rgba(53,75,90,.15),0 3px 10px rgba(53,75,90,.2);display:flex;height:24px;justify-content:center;left:calc(100% - 17.5px);position:absolute;transform:scale(0);transform-origin:50% 50%;transition:transform .3s ease;width:24px;z-index:1}.cvco-app .cvco-collapsed-chat__close .cvco-icon{height:8px;width:8px}.cvco-app .cvco-unstarted-wrapper.cvco-transition--in .cvco-collapsed-chat__close{transform:scale(1);transition:transform .3s ease .2s}.cvco-app .cvco-unstarted-wrapper--window .cvco-collapsed-chat-messages{opacity:0;transform:scale(0);transform-origin:100% 100%;transition:transform .3s ease,opacity .3s ease}.cvco-app .cvco-unstarted-wrapper--window.cvco-transition--in .cvco-collapsed-chat-messages{opacity:1;transform:scale(1);transition:transform .3s ease .2s,opacity .3s ease .2s}.cvco-app .cvco-unstarted-wrapper:empty{display:none}.cvco-app .cvco-unstarted-wrapper--window{bottom:78px;max-width:calc(100% - 60px);position:fixed;right:20px;z-index:1}@media(min-width:641px){.cvco-app .cvco-unstarted-wrapper--window{max-width:280px}}.cvco-app .cvco-unstarted-wrapper--inline{display:none;max-height:0;overflow:hidden;transition:margin .3s ease,max-height .3s ease;width:100%}@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{margin-bottom:20px;max-height:600px}.cvco-app .cvco-unread-messages{align-items:center;bottom:20px;display:none;justify-content:center;margin:0;opacity:0;position:absolute}.cvco-app .cvco-unread-messages.cvco-transition--visible{display:flex}.cvco-app .cvco-unread-messages.cvco-transition--in{opacity:1;transition:opacity .3s ease 1s}.cvco-app .cvco-unread-messages .cvco-button{align-items:center;display:flex;gap:10px}.cvco-app .cvco-unread-messages .cvco-icon{height:20px;width:20px}.cvco-app .cvco-unread-messages .cvco-icon svg path{fill:#fff}.cvco-app .cvco-visually-hidden,.cvco-app__live-container .cvco-visually-hidden{height:1px;overflow:hidden;position:absolute!important;width:1px;clip:rect(1px,1px,1px,1px)}.cvco-modal,.cvco-modal *,.cvco-modal :after,.cvco-modal :before{box-sizing:border-box}.cvco-modal{align-items:center;background-color:hsla(0,0%,100%,.8);bottom:0;display:flex;height:100%;justify-content:center;left:0;min-height:100%;min-width:100%;opacity:1;padding:20px;position:fixed;right:0;top:0;transform:scale(1);width:100%;z-index:99}.cvco-modal__float{background-color:#fff;border:1px solid #dee3e5;border-radius:10px;box-shadow:0 0 20px 0 rgba(0,0,0,.1);max-width:80rem;outline:0;padding:5px}.cvco-modal__float,.cvco-modal__inner{height:100%;position:relative;width:100%}.cvco-modal__inner{align-items:center;display:flex;justify-content:center;padding:10px}.cvco-modal__image{border:1px solid #dee3e5;display:block;flex:0 0 auto;max-height:100%;max-width:100%;width:auto}.cvco-modal__close{align-items:center;-webkit-appearance:none;appearance:none;background-color:#4a48c1;border:0;border-radius:5px;color:#fff;display:flex;font-weight:700;gap:10px;min-height:40px;padding:5px 15px;position:absolute;right:20px;top:20px}.cvco-modal__close .cvco-icon{flex:0 0 16px;height:16px;width:16px}.cvco-modal__close .cvco-icon svg{height:inherit;width:inherit}.cvco-modal__close .cvco-icon svg path{fill:#fff;transition:fill .3s ease}.cvco-modal__enlarge{align-items:center;-webkit-appearance:none;appearance:none;background-color:#fff;border:0;border-radius:50%;bottom:20px;color:transparent;display:flex;font-size:0;height:40px;justify-content:center;padding:0;position:absolute;right:20px;width:40px}.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": "25.
|
|
3
|
+
"version": "25.4.0-beta.1",
|
|
4
4
|
"main": "build/dist/lib/index.js",
|
|
5
5
|
"types": "build/src/javascripts/index.d.ts",
|
|
6
6
|
"exports": {
|
|
@@ -21,9 +21,9 @@
|
|
|
21
21
|
"webpack/*"
|
|
22
22
|
],
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"@reduxjs/toolkit": "^2.11.
|
|
24
|
+
"@reduxjs/toolkit": "^2.11.2",
|
|
25
25
|
"@ultraq/icu-message-formatter": "^0.15.2",
|
|
26
|
-
"core-js": "3.
|
|
26
|
+
"core-js": "^3.48.0",
|
|
27
27
|
"focus-trap": "^7.6.6",
|
|
28
28
|
"include-media": "^2.0.0",
|
|
29
29
|
"js-cookie": "^3.0.5",
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
"@babel/preset-env": "^7.28.5",
|
|
37
37
|
"@babel/preset-react": "^7.28.5",
|
|
38
38
|
"@babel/preset-typescript": "^7.28.5",
|
|
39
|
-
"@playwright/test": "^1.
|
|
39
|
+
"@playwright/test": "^1.58.2",
|
|
40
40
|
"@seamly/doc-site": "^4.1.1",
|
|
41
41
|
"@seamly/eslint-config": "^4.0.0",
|
|
42
42
|
"@seamly/prettier-config": "^3.2.0",
|
|
@@ -46,33 +46,34 @@
|
|
|
46
46
|
"@types/core-js": "^2.5.8",
|
|
47
47
|
"@types/jest": "^30.0.0",
|
|
48
48
|
"babel-jest": "^30.2.0",
|
|
49
|
-
"babel-loader": "^10.
|
|
50
|
-
"copy-webpack-plugin": "^
|
|
51
|
-
"eslint": "^9.39.
|
|
49
|
+
"babel-loader": "^10.1.0",
|
|
50
|
+
"copy-webpack-plugin": "^14.0.0",
|
|
51
|
+
"eslint": "^9.39.4",
|
|
52
52
|
"file-loader": "^6.2.0",
|
|
53
53
|
"fork-ts-checker-webpack-plugin": "^9.1.0",
|
|
54
54
|
"husky": "^9.1.7",
|
|
55
55
|
"jest": "^30.2.0",
|
|
56
56
|
"jest-environment-jsdom": "^30.2.0",
|
|
57
57
|
"jest-watch-typeahead": "^3.0.1",
|
|
58
|
-
"nyc": "^
|
|
59
|
-
"openapi-typescript": "
|
|
58
|
+
"nyc": "^18.0.0",
|
|
59
|
+
"openapi-typescript": "6.7.6",
|
|
60
60
|
"playwright-test-coverage": "^1.2.12",
|
|
61
|
-
"postcss": "^8.5.
|
|
62
|
-
"preact": "^10.28.
|
|
63
|
-
"prettier": "^3.
|
|
64
|
-
"rimraf": "^6.1.
|
|
61
|
+
"postcss": "^8.5.8",
|
|
62
|
+
"preact": "^10.28.4",
|
|
63
|
+
"prettier": "^3.8.1",
|
|
64
|
+
"rimraf": "^6.1.3",
|
|
65
65
|
"style-loader": "^4.0.0",
|
|
66
|
-
"stylelint": "^
|
|
66
|
+
"stylelint": "^17.4.0",
|
|
67
67
|
"typescript": "^5.9.3",
|
|
68
|
-
"webpack": "^5.
|
|
68
|
+
"webpack": "^5.105.4",
|
|
69
69
|
"webpack-cli": "^6.0.1",
|
|
70
|
-
"webpack-dev-server": "^5.2.
|
|
70
|
+
"webpack-dev-server": "^5.2.3",
|
|
71
71
|
"webpack-merge": "^6.0.1"
|
|
72
72
|
},
|
|
73
73
|
"resolutions": {
|
|
74
74
|
"sass": "1.79.6",
|
|
75
|
-
"string-width": "^4.2.3"
|
|
75
|
+
"string-width": "^4.2.3",
|
|
76
|
+
"undici": "^7.22.0"
|
|
76
77
|
},
|
|
77
78
|
"peerDependencies": {
|
|
78
79
|
"preact": "^10.28.0"
|
|
@@ -105,5 +106,6 @@
|
|
|
105
106
|
"test:e2e": "playwright test",
|
|
106
107
|
"test:e2e:coverage": "yarn nyc report --reporter cobertura --reporter html",
|
|
107
108
|
"prepare": "husky"
|
|
108
|
-
}
|
|
109
|
+
},
|
|
110
|
+
"packageManager": "yarn@4.12.0"
|
|
109
111
|
}
|
|
@@ -26,6 +26,8 @@ export const setVisibility = createAsyncThunk<
|
|
|
26
26
|
const userHasResponded = selectUserHasResponded(state)
|
|
27
27
|
const hasConversation = api.hasConversation()
|
|
28
28
|
const config = ConfigSelectors.selectConfig(state)
|
|
29
|
+
const showPreChat = args.showPreChat
|
|
30
|
+
const showContinueChat = args.showContinueChat
|
|
29
31
|
|
|
30
32
|
const { visibilityCallback = calculateVisibility, layoutMode } = config
|
|
31
33
|
const { unreadEvents: unreadMessageCount } = selectState(state)
|
|
@@ -45,11 +47,21 @@ export const setVisibility = createAsyncThunk<
|
|
|
45
47
|
'The visibilityCallback function should return "open", "minimized" or "hidden".',
|
|
46
48
|
)
|
|
47
49
|
|
|
48
|
-
return {
|
|
50
|
+
return {
|
|
51
|
+
visibility: null,
|
|
52
|
+
setInputFocus: args.setInputFocus,
|
|
53
|
+
showPreChat,
|
|
54
|
+
showContinueChat,
|
|
55
|
+
}
|
|
49
56
|
}
|
|
50
57
|
|
|
51
58
|
if (previousVisibility === calculatedVisibility) {
|
|
52
|
-
return {
|
|
59
|
+
return {
|
|
60
|
+
visibility: null,
|
|
61
|
+
setInputFocus: args.setInputFocus,
|
|
62
|
+
showPreChat,
|
|
63
|
+
showContinueChat,
|
|
64
|
+
}
|
|
53
65
|
}
|
|
54
66
|
|
|
55
67
|
const visibility = api.store.get(StoreKey) as object | undefined
|
|
@@ -68,7 +80,12 @@ export const setVisibility = createAsyncThunk<
|
|
|
68
80
|
})
|
|
69
81
|
}
|
|
70
82
|
|
|
71
|
-
return {
|
|
83
|
+
return {
|
|
84
|
+
visibility: calculatedVisibility,
|
|
85
|
+
setInputFocus: args.setInputFocus,
|
|
86
|
+
showPreChat,
|
|
87
|
+
showContinueChat,
|
|
88
|
+
}
|
|
72
89
|
})
|
|
73
90
|
|
|
74
91
|
export const initializeVisibility = createAsyncThunk<any, void, ThunkAPI>(
|
|
@@ -12,12 +12,16 @@ import {
|
|
|
12
12
|
selectShowInlineView,
|
|
13
13
|
selectVisibility,
|
|
14
14
|
selectSetInputFocus,
|
|
15
|
+
selectShowPreChat,
|
|
16
|
+
selectShowContinueChat,
|
|
15
17
|
} from './selectors'
|
|
16
18
|
|
|
17
19
|
export const useVisibility = () => {
|
|
18
20
|
const dispatch = useAppDispatch()
|
|
19
21
|
const visible = useSelector(selectVisibility)
|
|
20
22
|
const setInputFocus = useSelector(selectSetInputFocus)
|
|
23
|
+
const showPreChat = useSelector(selectShowPreChat)
|
|
24
|
+
const showContinueChat = useSelector(selectShowContinueChat)
|
|
21
25
|
const isVisible = visible ? visible !== visibilityStates.hidden : false
|
|
22
26
|
const isOpen = visible === visibilityStates.open
|
|
23
27
|
const isMinimized = visible === visibilityStates.minimized
|
|
@@ -41,6 +45,14 @@ export const useVisibility = () => {
|
|
|
41
45
|
dispatchVisibility({ visibility: visibilityStates.minimized })
|
|
42
46
|
}
|
|
43
47
|
|
|
48
|
+
const closePreChat = () => {
|
|
49
|
+
dispatchVisibility({ visibility: visible, showPreChat: false })
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
const closeContinueChat = () => {
|
|
53
|
+
dispatchVisibility({ visibility: visible, showContinueChat: false })
|
|
54
|
+
}
|
|
55
|
+
|
|
44
56
|
return {
|
|
45
57
|
isVisible,
|
|
46
58
|
isOpen,
|
|
@@ -50,6 +62,10 @@ export const useVisibility = () => {
|
|
|
50
62
|
openChat,
|
|
51
63
|
closeChat,
|
|
52
64
|
setInputFocus,
|
|
65
|
+
showPreChat,
|
|
66
|
+
closePreChat,
|
|
67
|
+
showContinueChat,
|
|
68
|
+
closeContinueChat,
|
|
53
69
|
}
|
|
54
70
|
}
|
|
55
71
|
|
|
@@ -11,6 +11,16 @@ export const selectShowInlineView = createSelector(
|
|
|
11
11
|
(state) => state.showInlineView,
|
|
12
12
|
)
|
|
13
13
|
|
|
14
|
+
export const selectShowContinueChat = createSelector(
|
|
15
|
+
({ visibility }: RootState) => visibility,
|
|
16
|
+
(state) => state.showContinueChat,
|
|
17
|
+
)
|
|
18
|
+
|
|
19
|
+
export const selectShowPreChat = createSelector(
|
|
20
|
+
({ visibility }: RootState) => visibility,
|
|
21
|
+
(state) => state.showPreChat,
|
|
22
|
+
)
|
|
23
|
+
|
|
14
24
|
export const selectSetInputFocus = createSelector(
|
|
15
25
|
({ visibility }: RootState) => visibility,
|
|
16
26
|
(state) => state.setInputFocus,
|
|
@@ -10,6 +10,8 @@ import type {
|
|
|
10
10
|
const initialState: VisibilityState = {
|
|
11
11
|
visibility: visibilityStates.initialize,
|
|
12
12
|
showInlineView: false,
|
|
13
|
+
showPreChat: true,
|
|
14
|
+
showContinueChat: true,
|
|
13
15
|
setInputFocus: false,
|
|
14
16
|
}
|
|
15
17
|
|
|
@@ -28,13 +30,26 @@ export const visibilitySlice = createSlice({
|
|
|
28
30
|
(
|
|
29
31
|
state,
|
|
30
32
|
{
|
|
31
|
-
payload: {
|
|
33
|
+
payload: {
|
|
34
|
+
visibility,
|
|
35
|
+
setInputFocus,
|
|
36
|
+
showPreChat,
|
|
37
|
+
showContinueChat,
|
|
38
|
+
},
|
|
32
39
|
}: PayloadAction<VisibilityActionArgs>,
|
|
33
40
|
) => {
|
|
34
41
|
if (visibility) {
|
|
35
42
|
state.visibility = visibility
|
|
36
43
|
state.setInputFocus = Boolean(setInputFocus)
|
|
37
44
|
}
|
|
45
|
+
|
|
46
|
+
if (typeof showPreChat !== 'undefined') {
|
|
47
|
+
state.showPreChat = showPreChat
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
if (typeof showContinueChat !== 'undefined') {
|
|
51
|
+
state.showContinueChat = showContinueChat
|
|
52
|
+
}
|
|
38
53
|
},
|
|
39
54
|
)
|
|
40
55
|
.addCase(initializeConfig.fulfilled, (state, { payload }) => {
|
|
@@ -3,10 +3,14 @@ import type { VisibilityOptions } from 'config.types'
|
|
|
3
3
|
export interface VisibilityState {
|
|
4
4
|
visibility: VisibilityOptions
|
|
5
5
|
showInlineView: boolean
|
|
6
|
+
showContinueChat: boolean
|
|
7
|
+
showPreChat: boolean
|
|
6
8
|
setInputFocus: boolean
|
|
7
9
|
}
|
|
8
10
|
|
|
9
11
|
export interface VisibilityActionArgs {
|
|
10
12
|
visibility: VisibilityOptions
|
|
11
13
|
setInputFocus?: boolean
|
|
14
|
+
showContinueChat?: boolean
|
|
15
|
+
showPreChat?: boolean
|
|
12
16
|
}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { useUserHasResponded } from 'domains/app/hooks'
|
|
2
2
|
import { useConfig } from 'domains/config/hooks'
|
|
3
|
+
import { useI18n } from 'domains/i18n/hooks'
|
|
3
4
|
import { useVisibility } from 'domains/visibility/hooks'
|
|
4
5
|
import { className } from 'lib/css'
|
|
5
6
|
import Conversation from 'ui/components/conversation/conversation'
|
|
6
7
|
import Chat from 'ui/components/layout/chat'
|
|
7
8
|
import ChatFrame from 'ui/components/layout/chat-frame'
|
|
8
9
|
import ContinueChatMessages from 'ui/components/layout/continue-chat-messages'
|
|
10
|
+
import Icon from 'ui/components/layout/icon'
|
|
9
11
|
import PreChatMessages from 'ui/components/layout/pre-chat-messages'
|
|
10
12
|
import InOutTransition, {
|
|
11
13
|
transitionStartStates,
|
|
@@ -19,15 +21,38 @@ const getDelay = <T extends string>(
|
|
|
19
21
|
) => (typeof prop === 'object' ? prop[val] : init)
|
|
20
22
|
|
|
21
23
|
const WindowView = () => {
|
|
22
|
-
const {
|
|
24
|
+
const {
|
|
25
|
+
isOpen,
|
|
26
|
+
openChat,
|
|
27
|
+
showPreChat,
|
|
28
|
+
closePreChat,
|
|
29
|
+
showContinueChat,
|
|
30
|
+
closeContinueChat,
|
|
31
|
+
} = useVisibility()
|
|
32
|
+
const { t } = useI18n()
|
|
23
33
|
const userHasResponded = useUserHasResponded()
|
|
24
|
-
const { continueChat, preChat } = useConfig()
|
|
34
|
+
const { continueChat, preChat, preChatEvents } = useConfig()
|
|
35
|
+
|
|
36
|
+
const showPreChatMessagesCloseButton =
|
|
37
|
+
preChat === true && !!preChatEvents?.length
|
|
38
|
+
|
|
39
|
+
const showContinueMessagesCloseButton = continueChat === true
|
|
40
|
+
|
|
41
|
+
const closeButton = (
|
|
42
|
+
<button
|
|
43
|
+
type="button"
|
|
44
|
+
className="cvco-button cvco-collapsed-chat__close"
|
|
45
|
+
aria-label={t('window.collapsedChat.closeLabel')}
|
|
46
|
+
>
|
|
47
|
+
<Icon name="close" size="8" alt="" />
|
|
48
|
+
</button>
|
|
49
|
+
)
|
|
25
50
|
|
|
26
51
|
return (
|
|
27
52
|
<>
|
|
28
53
|
<WindowOpenButton onClick={openChat} />
|
|
29
54
|
<InOutTransition
|
|
30
|
-
isActive={!!preChat && !isOpen && !userHasResponded}
|
|
55
|
+
isActive={!!preChat && !isOpen && !userHasResponded && showPreChat}
|
|
31
56
|
exitAfter={getDelay(preChat, 'exitAfter')}
|
|
32
57
|
enterDelay={getDelay(preChat, 'enterDelay')}
|
|
33
58
|
transitionStartState={transitionStartStates.notRendered}
|
|
@@ -37,12 +62,19 @@ const WindowView = () => {
|
|
|
37
62
|
'unstarted-wrapper',
|
|
38
63
|
'unstarted-wrapper--window',
|
|
39
64
|
)}
|
|
65
|
+
onClick={showPreChatMessagesCloseButton ? closePreChat : undefined}
|
|
40
66
|
>
|
|
67
|
+
{showPreChatMessagesCloseButton ? closeButton : null}
|
|
41
68
|
<PreChatMessages />
|
|
42
69
|
</div>
|
|
43
70
|
</InOutTransition>
|
|
44
71
|
<InOutTransition
|
|
45
|
-
isActive={
|
|
72
|
+
isActive={
|
|
73
|
+
Boolean(continueChat) &&
|
|
74
|
+
!isOpen &&
|
|
75
|
+
userHasResponded &&
|
|
76
|
+
showContinueChat
|
|
77
|
+
}
|
|
46
78
|
exitAfter={getDelay(continueChat, 'exitAfter')}
|
|
47
79
|
enterDelay={getDelay(continueChat, 'enterDelay')}
|
|
48
80
|
transitionStartState={transitionStartStates.notRendered}
|
|
@@ -53,7 +85,11 @@ const WindowView = () => {
|
|
|
53
85
|
'unstarted-wrapper--window',
|
|
54
86
|
'unstarted-wrapper--continue',
|
|
55
87
|
)}
|
|
88
|
+
onClick={
|
|
89
|
+
showContinueMessagesCloseButton ? closeContinueChat : undefined
|
|
90
|
+
}
|
|
56
91
|
>
|
|
92
|
+
{showContinueMessagesCloseButton ? closeButton : null}
|
|
57
93
|
<ContinueChatMessages />
|
|
58
94
|
</div>
|
|
59
95
|
</InOutTransition>
|
|
@@ -25,6 +25,8 @@ const baseState = {
|
|
|
25
25
|
resumeConversationPrompt: false,
|
|
26
26
|
visibility: {
|
|
27
27
|
visibility: visibilityStates.open,
|
|
28
|
+
showPreChat: true,
|
|
29
|
+
showContinueChat: true,
|
|
28
30
|
},
|
|
29
31
|
serviceInfo: {
|
|
30
32
|
activeServiceSessionId: '',
|
|
@@ -2290,6 +2292,7 @@ export const getStateObj = (layoutModes, customComponentEventBodies) => {
|
|
|
2290
2292
|
...baseState.config,
|
|
2291
2293
|
layoutMode: 'window',
|
|
2292
2294
|
preChatEvents: [splashMessage],
|
|
2295
|
+
preChat: true,
|
|
2293
2296
|
},
|
|
2294
2297
|
visibility: {
|
|
2295
2298
|
...baseState.visibility,
|
|
@@ -29,6 +29,34 @@
|
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
31
|
|
|
32
|
+
.#{$n}-collapsed-chat__close {
|
|
33
|
+
display: flex;
|
|
34
|
+
position: absolute;
|
|
35
|
+
z-index: 1;
|
|
36
|
+
bottom: calc(100% - #{$spacer * 0.875});
|
|
37
|
+
left: calc(100% - #{$spacer * 0.875});
|
|
38
|
+
align-items: center;
|
|
39
|
+
justify-content: center;
|
|
40
|
+
width: $buttonsize-small * 0.75;
|
|
41
|
+
height: $buttonsize-small * 0.75;
|
|
42
|
+
transform: scale(0);
|
|
43
|
+
transform-origin: 50% 50%;
|
|
44
|
+
transition: transform $transition;
|
|
45
|
+
border-radius: 50%;
|
|
46
|
+
background-color: $white;
|
|
47
|
+
box-shadow: $boxshadow;
|
|
48
|
+
|
|
49
|
+
.cvco-icon {
|
|
50
|
+
width: $iconsize-small * 0.5;
|
|
51
|
+
height: $iconsize-small * 0.5;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.#{$n}-unstarted-wrapper.#{$n}-transition--in .#{$n}-collapsed-chat__close {
|
|
56
|
+
transform: scale(1);
|
|
57
|
+
transition: transform $transition-delay;
|
|
58
|
+
}
|
|
59
|
+
|
|
32
60
|
.#{$n}-unstarted-wrapper--window .#{$n}-collapsed-chat-messages {
|
|
33
61
|
transform: scale(0);
|
|
34
62
|
transform-origin: 100% 100%;
|
|
@@ -161,5 +161,17 @@
|
|
|
161
161
|
.#{$n}-translation-options__item:hover {
|
|
162
162
|
color: $interaction-dark;
|
|
163
163
|
}
|
|
164
|
+
|
|
165
|
+
.#{$n}-collapsed-chat__close {
|
|
166
|
+
.#{$n}-icon path {
|
|
167
|
+
transition: fill $transition;
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
&:hover {
|
|
171
|
+
.#{$n}-icon path {
|
|
172
|
+
fill: $interaction-dark;
|
|
173
|
+
}
|
|
174
|
+
}
|
|
175
|
+
}
|
|
164
176
|
}
|
|
165
177
|
}
|