@seamly/web-ui 20.8.1 → 21.0.0

package/build/dist/lib/styles-default-implementation.js

@@ -1 +1 @@
-!function(){"use strict"}();
+!function(){"use strict";var o,c,t,e,r,a,n,i,s,p,l,v,u,d,b={897:function(o,c,t){var e=t(81),r=t.n(e),a=t(645),n=t.n(a)()(r());n.push([o.id,"@media(hover:hover){.cvco-app .cvco-button.cvco-collapse-button,.cvco-app .cvco-modal__close,.cvco-app .cvco-modal__enlarge{transition:background-color .3s ease}.cvco-app .cvco-button.cvco-collapse-button:hover,.cvco-app .cvco-modal__close:hover,.cvco-app .cvco-modal__enlarge:hover{background-color:#223182}.cvco-app .cvco-button.cvco-collapse-button path,.cvco-app .cvco-modal__close path,.cvco-app .cvco-modal__enlarge path{transition:fill .3s ease}.cvco-app .cvco-button.cvco-collapse-button:hover svg path,.cvco-app .cvco-modal__close:hover svg path,.cvco-app .cvco-modal__enlarge:hover svg path{fill:#fff}.cvco-app .cvco-button{transition:color .3s ease,background-color .3s ease}.cvco-app .cvco-button--primary:not([aria-disabled=true]):hover{background-color:#223182}.cvco-app .cvco-button--secondary:not([aria-disabled=true]):hover,.cvco-app .cvco-button--tertiary:not([aria-disabled=true]):hover{color:#223182}.cvco-app .cvco-choice-prompt__item--secondary .cvco-button:hover{background-color:transparent;background-color:initial;color:#223182}.cvco-app .cvco-message--type-cta .cvco-button:hover{background-color:#fff;color:#223182}.cvco-app .cvco-message__body a{transition:background-color .3s ease,color .3s ease}.cvco-app .cvco-message__body a:hover{text-decoration:none}.cvco-app .cvco-conversation__item--source-agent .cvco-message__body a:hover{color:#223182}.cvco-app .cvco-download-link:hover{background-color:#4a48c1}.cvco-app .cvco-download-link:hover .cvco-file-download{color:#fff}.cvco-app .cvco-message--type-upload .cvco-icon path{transition:fill .3s ease}.cvco-app .cvco-download-link:hover .cvco-icon path{fill:#fff}.cvco-app .cvco-input__text{transition:padding .3s ease,border .3s ease}.cvco-app .cvco-input__text:hover{border-color:#223182}.cvco-app .cvco-input__text:focus{border-color:transparent}.cvco-app .cvco-input__submit:not([aria-disabled=true]):hover .cvco-icon path{fill:#223182}.cvco-app .cvco-card__content.cvco-card__content .cvco-button.cvco-button:hover{color:#fff}.cvco-app .cvco-carousel__controls .cvco-button .cvco-icon svg path{transition:fill .3s ease}.cvco-app .cvco-carousel__controls .cvco-button:hover .cvco-icon svg path{fill:#223182}.cvco-app .cvco-carousel-pagination__button:before{transition:background-color .3s ease}.cvco-app .cvco-carousel-pagination__button:hover:before{background-color:#223182}.cvco-app .cvco-upload-toggle path{transition:fill .3s ease}.cvco-app .cvco-upload-toggle:hover path{background-color:#223182}.cvco-app .cvco-file-upload{transition:border .3s ease}.cvco-app .cvco-file-upload:hover{border-color:#223182}.cvco-app .cvco-upload__label{transition:color .3s ease}.cvco-app .cvco-upload__label:hover{color:#223182}.cvco-app .cvco-options__menu__item:not([aria-disabled=true]){transition:color .3s ease}.cvco-app .cvco-options__menu__item:not([aria-disabled=true]):hover{color:#223182}.cvco-app .cvco-options__close{transition:color .3s ease}.cvco-app .cvco-options__close:hover{color:#223182}.cvco-app .cvco-input__select,.cvco-app .cvco-transcript__input{transition:border .3s ease}.cvco-app .cvco-input__select:hover,.cvco-app .cvco-transcript__input:hover{border-color:#223182}}.cvco-app--layout-inline .cvco-suggestions__list,.cvco-chat__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}",""]),c.Z=n},645:function(o){o.exports=function(o){var c=[];return c.toString=function(){return this.map((function(c){var t="",e=void 0!==c[5];return c[4]&&(t+="@supports (".concat(c[4],") {")),c[2]&&(t+="@media ".concat(c[2]," {")),e&&(t+="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {")),t+=o(c),e&&(t+="}"),c[2]&&(t+="}"),c[4]&&(t+="}"),t})).join("")},c.i=function(o,t,e,r,a){"string"==typeof o&&(o=[[null,o,void 0]]);var n={};if(e)for(var i=0;i<this.length;i++){var s=this[i][0];null!=s&&(n[s]=!0)}for(var p=0;p<o.length;p++){var l=[].concat(o[p]);e&&n[l[0]]||(void 0!==a&&(void 0===l[5]||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=a),t&&(l[2]?(l[1]="@media ".concat(l[2]," {").concat(l[1],"}"),l[2]=t):l[2]=t),r&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=r):l[4]="".concat(r)),c.push(l))}},c}},81:function(o){o.exports=function(o){return o[1]}},379:function(o){var c=[];function t(o){for(var t=-1,e=0;e<c.length;e++)if(c[e].identifier===o){t=e;break}return t}function e(o,e){for(var a={},n=[],i=0;i<o.length;i++){var s=o[i],p=e.base?s[0]+e.base:s[0],l=a[p]||0,v="".concat(p," ").concat(l);a[p]=l+1;var u=t(v),d={css:s[1],media:s[2],sourceMap:s[3],supports:s[4],layer:s[5]};if(-1!==u)c[u].references++,c[u].updater(d);else{var b=r(d,e);e.byIndex=i,c.splice(i,0,{identifier:v,updater:b,references:1})}n.push(v)}return n}function r(o,c){var t=c.domAPI(c);return t.update(o),function(c){if(c){if(c.css===o.css&&c.media===o.media&&c.sourceMap===o.sourceMap&&c.supports===o.supports&&c.layer===o.layer)return;t.update(o=c)}else t.remove()}}o.exports=function(o,r){var a=e(o=o||[],r=r||{});return function(o){o=o||[];for(var n=0;n<a.length;n++){var i=t(a[n]);c[i].references--}for(var s=e(o,r),p=0;p<a.length;p++){var l=t(a[p]);0===c[l].references&&(c[l].updater(),c.splice(l,1))}a=s}}},569:function(o){var c={};o.exports=function(o,t){var e=function(o){if(void 0===c[o]){var t=document.querySelector(o);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(o){t=null}c[o]=t}return c[o]}(o);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(t)}},216:function(o){o.exports=function(o){var c=document.createElement("style");return o.setAttributes(c,o.attributes),o.insert(c,o.options),c}},565:function(o,c,t){o.exports=function(o){var c=t.nc;c&&o.setAttribute("nonce",c)}},795:function(o){o.exports=function(o){var c=o.insertStyleElement(o);return{update:function(t){!function(o,c,t){var e="";t.supports&&(e+="@supports (".concat(t.supports,") {")),t.media&&(e+="@media ".concat(t.media," {"));var r=void 0!==t.layer;r&&(e+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),e+=t.css,r&&(e+="}"),t.media&&(e+="}"),t.supports&&(e+="}");var a=t.sourceMap;a&&"undefined"!=typeof btoa&&(e+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),c.styleTagTransform(e,o,c.options)}(c,o,t)},remove:function(){!function(o){if(null===o.parentNode)return!1;o.parentNode.removeChild(o)}(c)}}}},589:function(o){o.exports=function(o,c){if(c.styleSheet)c.styleSheet.cssText=o;else{for(;c.firstChild;)c.removeChild(c.firstChild);c.appendChild(document.createTextNode(o))}}}},_={};function f(o){var c=_[o];if(void 0!==c)return c.exports;var t=_[o]={id:o,exports:{}};return b[o](t,t.exports,f),t.exports}f.n=function(o){var c=o&&o.__esModule?function(){return o.default}:function(){return o};return f.d(c,{a:c}),c},f.d=function(o,c){for(var t in c)f.o(c,t)&&!f.o(o,t)&&Object.defineProperty(o,t,{enumerable:!0,get:c[t]})},f.o=function(o,c){return Object.prototype.hasOwnProperty.call(o,c)},f.nc=void 0,o=f(379),c=f.n(o),t=f(795),e=f.n(t),r=f(569),a=f.n(r),n=f(565),i=f.n(n),s=f(216),p=f.n(s),l=f(589),v=f.n(l),u=f(897),(d={}).styleTagTransform=v(),d.setAttributes=i(),d.insert=a().bind(null,"head"),d.domAPI=e(),d.insertStyleElement=p(),c()(u.Z,d),u.Z&&u.Z.locals&&u.Z.locals}();

package/build/dist/lib/styles.js

@@ -1 +1 @@
-!function(){"use strict"}();
+!function(){"use strict";var o,c,t,e,a,i,p,n,r,s,l,v,d,g,h={880:function(o,c,t){var e=t(81),a=t.n(e),i=t(645),p=t.n(i),n=t(667),r=t.n(n),s=new URL(t(115),t.b),l=new URL(t(128),t.b),v=p()(a()),d=r()(s),g=r()(l);v.push([o.id,"@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{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,.cvco-app .cvco-chat *,.cvco-app .cvco-chat :after,.cvco-app .cvco-chat :before{box-sizing:border-box}.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{bottom:20px;display:none;height:720px;max-height:calc(85vh - 40px);max-width:calc(100vw - 40px);max-width:calc(100% - 40px);opacity:0;position:fixed;right:20px;transform:scale(0);width:360px;z-index:1}@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.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(:only-child){flex:0 0 50%;width:50%}}@media(min-width:1025px){.cvco-app .cvco-chat--layout-inline .cvco-chat-wrapper{flex:0 0 67%;width:67%}}.cvco-app .cvco-chat--layout-inline.cvco-transition--in .cvco-chat-wrapper{height: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;position:relative;width:100%;will-change:transform}.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-chat--layout-window .cvco-chat__body{overscroll-behavior:contain}.cvco-app .cvco-chat__entry{border-top:1px solid #dee3e5;flex:0 0 auto;padding:10px;position:relative}.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:center;display:flex}.cvco-app p{margin:0}.cvco-app img{max-width:100%}.cvco-app .cvco-input__checkbox{margin-right:10px}.cvco-app .cvco-input__checkbox[aria-disabled=true]{opacity:.5}.cvco-app .cvco-label{color:#4a48c1;display:block;font-size:14px;font-weight:700;margin-bottom:5px}.cvco-app .cvco-input__checkbox[aria-disabled=true]+.cvco-label{opacity:.5}.cvco-app .cvco-input__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:url("+d+");background-position:right 10px top 50%;background-repeat:no-repeat;background-size:15px auto;border:1px solid #dee3e5;border-radius:5px;color:#3d4166;font-size:16px;min-height:40px;padding:10px;resize:none;width:100%}.cvco-app .cvco-input__select[aria-disabled=true]{background-image:url("+g+');border:1px solid #a3b4bf;color:#a3b4bf}.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 .cvco-button{background:none;border:0;cursor:pointer;display:inline-block;font-size:14px;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:-3px -3px -3px 3px;padding:3px 5px}.cvco-app .cvco-choice-prompt{display:flex;flex-direction:column;padding:0}.cvco-app .cvco-choice-prompt__item{display:block;margin-left:0;margin-top:5px;width:100%}.cvco-app .cvco-choice-prompt__item:first-child{margin-top:0}.cvco-app .cvco-choice-prompt__item .cvco-button{display:inline-block;white-space:normal}.cvco-app .cvco-choice-prompt__item--secondary .cvco-button{background-color:transparent;background-color:initial;color:#4a48c1;padding:5px 0}.cvco-app .cvco-button--choose-again{align-items:center;display:flex;margin:5px 0 10px;padding:0}.cvco-app .cvco-button--choose-again:last-child{margin-bottom:0}.cvco-app .cvco-button--choose-again .cvco-icon{align-items:center;display:flex;flex:0 0 8px;height:8px;justify-content:center;margin:0 10px;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;height:100%;justify-content:space-between;left:0;max-height:100%;position:absolute;right:0;top:0}.cvco-app .cvco-conversation{list-style:none;margin:auto 0 0;padding:20px 20px 0;width:100%}.cvco-app .cvco-conversation:after{content:"";display:block;flex:0 0 100%;height:20px;width:100%}.cvco-app .cvco-chat-status~.cvco-chat__container .cvco-conversation{padding-top:80px}.cvco-app .cvco-chat-status~.cvco-chat__container__scroll-area .cvco-disclaimer+.cvco-conversation{padding-top:0}.cvco-app .cvco-chat--layout-inline .cvco-conversation{position:relative}.cvco-app .cvco-conversation__item{margin-top:10px;min-height:0;width:100%}.cvco-app .cvco-conversation__item--new-participant{margin-top:20px}.cvco-app .cvco-conversation__item--new-participant:first-child{margin-top:0}.cvco-app .cvco-conversation__item--source-info{margin-bottom:20px;margin-top:20px}.cvco-app .cvco-conversation__item--source-info:last-child{margin-bottom:0}.cvco-app .cvco-unread-messages{align-items:center;bottom:0;display:none;justify-content:center;margin:20px;opacity:0;position:absolute}.cvco-app .cvco-unread-messages>.cvco-button{align-items:center;display:flex}.cvco-app .cvco-unread-messages>.cvco-button>.cvco-icon{height:20px;margin-left:10px;width:20px}.cvco-app .cvco-unread-messages>.cvco-button>.cvco-icon svg path{fill:#fff}.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-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-divider--type-time-indicator{padding-bottom:20px;padding-top:60px}.cvco-app .cvco-divider--type-time-indicator:before{display:none}.cvco-app .cvco-conversation__item:first-child .cvco-divider{margin-top:0;padding-bottom:10px}.cvco-app .cvco-divider__graphic{background:#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{font-size:12px;text-align:center}.cvco-app .cvco-divider__time{text-align:center}.cvco-app .cvco-divider__time span{display:block}.cvco-app .cvco-divider__time span:first-of-type{font-weight:700}.cvco-app .cvco-divider--type-newtranslation{text-align:center}.cvco-app .cvco-divider--type-newtranslation .cvco-divider__body{max-width:80%}.cvco-app .cvco-divider--type-newtranslation .cvco-divider__title{font-weight:700}.cvco-app .cvco-divider .cvco-button{font-size:inherit;padding:0}.cvco-app .cvco-loader{align-items:center;animation:cvco-fadeIn .3s linear;display:flex;flex-direction:row;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%;margin-right:5px;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;margin-right:0}.cvco-app .cvco-message{display:flex;flex-flow:row wrap;width:80%}.cvco-app .cvco-message.cvco-message--type-suggestions,.cvco-app .cvco-unstarted-wrapper--window .cvco-message{width:100%}.cvco-app .cvco-message+.cvco-message{margin-top:10px}.cvco-app .cvco-message--source-info.cvco-message{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;justify-content:flex-start;margin-bottom:.3rem;padding:0 10px;width:100%}.cvco-app .cvco-message--source-user .cvco-message__author{justify-content:flex-end}.cvco-app .cvco-message__avatar{height:16px;margin:0 .5em 0 0;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{margin:0 0 0 10px;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-wrap:wrap;padding:10px 15px 15px}.cvco-app .cvco-card__title{display:block;flex:0 0 100%;font-size:16px;font-weight:700;margin:0 0 5px;padding:0;width:100%}.cvco-app .cvco-card__title:last-child{margin-bottom:0}.cvco-app .cvco-card__description{display:block;margin-bottom:20px;width:100%}.cvco-app .cvco-card__description:last-child{margin-bottom:0}.cvco-app .cvco-card__content .cvco-button{align-self:flex-end;display:block;font-weight:700;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;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;padding:0 10px;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-cta__content{color:#fff;font-size:14px;line-height:1.5;margin-bottom:10px}.cvco-app .cvco-cta__content p{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit}.cvco-app .cvco-message--type-cta .cvco-button{line-height:2;margin-bottom:10px;text-decoration:none}.cvco-app .cvco-message--type-cta .cvco-button:last-child{margin-bottom:0}.cvco-app .cvco-icon{align-items:center;display:flex;height:32px;justify-content:center;line-height:1;width:32px}.cvco-app .cvco-icon svg{height:100%;width:100%}.cvco-app .cvco-form,.cvco-app .cvco-input{display:flex;flex:1 1 100%;height:100%;width:100%}.cvco-app .cvco-input--text__container{display:flex;flex:1 1 100%;height:100%;margin-right:5px;position:relative}.cvco-app .cvco-input__text{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:5px;color:#3d4166;flex-grow:4;font-size:16px;height:40px;margin-right:5px;padding:10px;resize:none;transition:padding .3s ease}.cvco-app .cvco-input__text::input-placeholder{color:#a3b4bf;line-height:20px;overflow:visible}.cvco-app .cvco-input__text::-moz-placeholder{color:#a3b4bf;line-height:20px;overflow:visible}.cvco-app .cvco-input__text::placeholder{color:#a3b4bf;line-height:20px;overflow:visible}.cvco-app .cvco-input__text:input-placeholder{color:#a3b4bf;line-height:20px;overflow:visible}.cvco-app .cvco-input__text:placeholder{color:#a3b4bf;line-height:20px;overflow:visible}.cvco-app .cvco-input--text__container .cvco-input__text{margin-right:0;width:100%}.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[aria-disabled=true]{cursor:auto}.cvco-app .cvco-input__submit .cvco-icon path{fill:#4a48c1;transition:fill .3s ease}.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;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 0 20px}.cvco-app .cvco-interrupt__message{font-size:16px;margin-bottom:40px}.cvco-app .cvco-interrupt__message:last-child{margin-bottom:0}.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{opacity:1;transform:translate(-50%) scale(1)}.cvco-app .cvco-disclaimer{background-color:#eff3f6;display:block;flex:0 0 auto;height:auto;padding:20px;width:100%}.cvco-app .cvco-chat--layout-window .cvco-disclaimer{padding-right:80px}.cvco-app .cvco-disclaimer__title{font-size:12px;font-weight:700;line-height:1;margin:0 0 5px;padding-right:20px}.cvco-app .cvco-disclaimer__message{font-size:12px;line-height:1.25}.cvco-app .cvco-idle{align-items:center;display:flex;flex-direction:column;justify-content:space-between;max-height:none;padding:10px}.cvco-app .cvco-idle__title{font-size:16px;font-weight:700;margin-bottom:5px;margin-top:0;text-align:center}.cvco-app .cvco-idle__title:last-child{margin-bottom:0}.cvco-app .cvco-idle__count-container{display:block;font-size:12px;height:2.75em;margin-bottom:10px;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;justify-content:center;list-style-type:none;margin:0;padding:0;width:100%}.cvco-app .cvco-idle__options .cvco-button{margin:5px 5px 0;text-align:center;white-space:normal}.cvco-app .cvco-prompt{align-items:center;display:flex;flex-direction:column;justify-content:space-between;max-height:none;padding:10px}.cvco-app .cvco-prompt__title{font-size:16px;font-weight:700;margin-bottom:5px;margin-top:0;text-align:center}.cvco-app .cvco-prompt__title:last-child{margin-bottom:0}.cvco-app .cvco-prompt__options{display:flex;flex-wrap:wrap;justify-content:center;list-style-type:none;margin:0;padding:0;width:100%}.cvco-app .cvco-prompt__options .cvco-button{margin:5px 5px 0;text-align:center;white-space:normal}.cvco-app .cvco-chat__options{align-items:center;border-top:1px solid #dee3e5;display:flex;flex:0;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;justify-content:flex-end;padding:5px 10px}.cvco-app .cvco-chat__options__button .cvco-icon{flex:0 0 16px;height:16px;margin-right:5px;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;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:block}.cvco-app .cvco-options__menu.cvco-transition--in{opacity:1;transform:scaleY(1) translateY(0)}.cvco-app .cvco-options__menu__item{margin-bottom:5px;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;max-height:300px;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 20px 10px;width:calc(100% - 50px)}.cvco-app .cvco-options__close{align-items:center;color:#4a48c1;display:flex;font-size: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{flex:1 1 auto;flex-direction:column}.cvco-app .cvco-options__wrapper{align-items:flex-start;display:flex;flex:1 1 auto;flex-wrap:wrap;overflow:auto;padding:0 20px;width:100%}.cvco-app .cvco-options__wrapper:last-child:after{content:"";display:block;flex:0 0 100%;height:20px;width:100%}.cvco-app .cvco-options__body div{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;margin-bottom:10px;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{border:1px solid #dee3e5}.cvco-app .cvco-transcript__input::input-placeholder{color:#a3b4bf;line-height:20px;overflow:visible}.cvco-app .cvco-transcript__input::-moz-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__active-language{color:#3d4166;font-size:14px}.cvco-app .cvco-options__actions{display:flex;flex:0 0 auto;justify-content:flex-end;margin-top:10px;padding:0;width:100%}.cvco-app .cvco-options__actions .cvco-button{margin-right:10px;width:100%}.cvco-app .cvco-options__actions .cvco-button:last-child{margin-right:0}.cvco-app .cvco-chat-status{align-items:center;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;left:0;margin:20px;min-height:40px;padding:10px;right:0;top:20px;width:100%;z-index:1}.cvco-app .cvco-chat-status--condensed{padding:5px}.cvco-app .cvco-chat-status--condensed .cvco-chat-status__title{padding-left:5px}.cvco-app .cvco-chat-status--condensed .cvco-chat-status__close{min-height:32px;padding-right:5px}.cvco-app .cvco-chat--layout-window .cvco-chat-status{margin-right:80px}.cvco-app .cvco-chat-status__body{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;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 10px 0 0}.cvco-app .cvco-chat-status__title+.cvco-chat-status__button{margin-top:10px}.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{margin-right:5px}.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{align-self:flex-start;color:#4a48c1;display:inline-flex;justify-content:center;min-height: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:50px}.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 10px 0;width:100%}.cvco-app .cvco-upload-form{display:block}.cvco-app .cvco-upload__container{margin-bottom:10px;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;margin-bottom:10px;padding-right:20px;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{outline:1px dotted #212121;outline:5px auto -webkit-focus-ring-color}.cvco-app .cvco-upload__input{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute;width:1px}.cvco-app .cvco-upload__label{align-items:center;color:#4a48c1;display:flex;justify-content:flex-start;padding:10px;text-align:left;width:100%}.cvco-app .cvco-upload__label .cvco-icon{flex:0 0 32px;height:32px;margin-right:10px;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%;justify-content:flex-end}.cvco-app .cvco-upload__cancel{margin-right:5px;padding:10px}.cvco-app .cvco-upload__cancel:last-child{margin-right:0}.cvco-app .cvco-progress__text{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:5px}.cvco-app .cvco-progress__text--file-name{font-size:14px;font-weight:700;line-height:1.25;max-width:calc(100% - 40px);overflow:hidden;padding-right:20px;text-overflow:ellipsis;white-space:nowrap}.cvco-app .cvco-progress__text--percentage{color:#6a7f8c;font-size:14px;line-height:1}.cvco-app .cvco-progress .cvco-error{margin-top:10px}.cvco-app .cvco-progress .cvco-error:empty{display:none}.cvco-app .cvco-progress__bar{-webkit-appearance:none;-moz-appearance:none;appearance:none;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 0 5px;width:100%}.cvco-app .cvco-error:empty{display:none;margin:0}.cvco-app .cvco-error .cvco-icon{flex:0 0 16px;height:16px;margin-right:5px;width:16px}.cvco-app .cvco-error .cvco-error__message{align-items:flex-start;background-color:rgba(219,22,57,.1);color:#ad001f;display:flex}.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;display:flex;font-size:12px;font-weight:700;height:100%;justify-content:right;line-height:1;opacity:0;padding:0 10px;pointer-events:none;position:absolute;right:0;text-align:right;top:0;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;margin-bottom:5px;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-unstarted-wrapper--continue .cvco-message__body{opacity:0;transform:scale(0);transform-origin:100% 100%;transition:transform .3s ease,opacity .3s ease}.cvco-app .cvco-unstarted-wrapper--continue.cvco-transition--in .cvco-message__body{opacity:1;transform:scale(1);transition:transform .3s ease .2s,opacity .3s ease .2s}.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 ul,.cvco-app .cvco-message--type-text .cvco-message__body ul{padding-left:1.5em}.cvco-app .cvco-message--type-splash .cvco-message__body ul li,.cvco-app .cvco-message--type-text .cvco-message__body ul li{list-style-type:disc}.cvco-app .cvco-message--type-splash .cvco-message__body a,.cvco-app .cvco-message--type-text .cvco-message__body a{word-wrap:break-word;color:#4a48c1;-webkit-hyphens:auto;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;padding:10px 15px;text-align:left;word-break:break-all}.cvco-app .cvco-message--type-upload .cvco-download-link{text-decoration:underline}.cvco-app .cvco-message--type-upload .cvco-download:not(.cvco-download-link) .cvco-file-download{text-decoration:line-through}.cvco-app .cvco-message--type-upload .cvco-icon{flex:0 0 16px;height:16px;margin-right:10px;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-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-cta .cvco-message__body{background-color:#223182;display:flex;flex-direction:column;padding:10px 15px 15px;width:100%}.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:flex;font-size:12px;font-weight:700;height:25px;justify-content:center;line-height:1;opacity:1;position:absolute;right:-10px;top:-10px;transform:scale(1);transform-origin:50% 50%;transition:transform .3s cubic-bezier(.175,.885,.32,1.275) .5s,opacity .3s ease;width:25px;z-index:1}.cvco-app .cvco-message-count:empty{opacity:0;transform:scale(0);transition:transform .3s ease,opacity .3s ease}.cvco-app .cvco-suggestions{height:-moz-fit-content;height:fit-content;overscroll-behavior:contain;width:100%}.cvco-app .cvco-suggestions--aside{flex-direction:column;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;margin:0 0 10px}.cvco-app .cvco-suggestions__list{align-items:flex-start;display:flex;flex-wrap:wrap;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;margin:0 5px 5px 0;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{list-style:none;margin:0;padding:1px 0 0;width:100%}.cvco-app .cvco-translation-options--item{color:#4a48c1;font-size:12px}.cvco-app .cvco-translation-options--item>label{align-items:center;display:flex;font-weight:700;padding:5px 0;width:100%}.cvco-app .cvco-translation-options--item>label:hover{cursor:pointer}.cvco-app .cvco-translation-options--item>label:focus-within[\\:has\\(input\\.focus-visible\\)]{outline:1px auto -webkit-focus-ring-color}.cvco-app .cvco-translation-options--item>label:focus-within:has(input.focus-visible){outline:1px auto -webkit-focus-ring-color}.cvco-app .cvco-translation-options--item>label[focus-within][\\:has\\(input\\.focus-visible\\)]{outline:1px auto -webkit-focus-ring-color}.cvco-app .cvco-translation-options--item>label[focus-within]:has(input.focus-visible){outline:1px auto -webkit-focus-ring-color}.cvco-app .cvco-translation-options--item>label[focus-within]:has(input:focus-visible){outline:1px auto -webkit-focus-ring-color}.cvco-app .cvco-translation-options--item>label[focus-within][\\:has\\(input\\:focus-visible\\)]{outline:1px auto -webkit-focus-ring-color}.cvco-app .cvco-translation-options--item>label:focus-within[\\:has\\(input\\:focus-visible\\)]{outline:1px auto -webkit-focus-ring-color}.cvco-app .cvco-translation-options--item>label:focus-within:has(input:focus-visible){outline:1px auto -webkit-focus-ring-color}.cvco-app .cvco-translation-options--icon-container{height:16px;margin-right:10px;width:16px}.cvco-app .cvco-translation-options--icon-container .cvco-icon{height:16px}.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-pre-chat-messages{list-style:none;margin:0;padding:0}.cvco-app .cvco-unstarted-wrapper .cvco-pre-chat-messages{display:none}.cvco-app .cvco-unstarted-wrapper.cvco-transition--visible .cvco-pre-chat-messages{display:block}.cvco-app .cvco-unstarted-wrapper--inline .cvco-pre-chat-messages{opacity:0;transition:opacity .3s ease}.cvco-app .cvco-unstarted-wrapper--inline.cvco-transition--in .cvco-pre-chat-messages{opacity:1;transition:opacity .3s ease .2s}.cvco-app .cvco-unstarted-wrapper--window .cvco-pre-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-pre-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-visually-hidden,.cvco-app__live-container .cvco-visually-hidden{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}.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,.cvco-modal *,.cvco-modal :after,.cvco-modal :before{box-sizing:border-box}.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;-moz-appearance:none;appearance:none;background-color:#4a48c1;border:0;border-radius:5px;color:#fff;display:flex;font-weight:700;min-height:40px;padding:5px 15px;position:absolute;right:20px;top:20px}.cvco-modal__close .cvco-icon{flex:0 0 16px;height:16px;margin-right:10px;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;-moz-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}',""]),c.Z=v},645:function(o){o.exports=function(o){var c=[];return c.toString=function(){return this.map((function(c){var t="",e=void 0!==c[5];return c[4]&&(t+="@supports (".concat(c[4],") {")),c[2]&&(t+="@media ".concat(c[2]," {")),e&&(t+="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {")),t+=o(c),e&&(t+="}"),c[2]&&(t+="}"),c[4]&&(t+="}"),t})).join("")},c.i=function(o,t,e,a,i){"string"==typeof o&&(o=[[null,o,void 0]]);var p={};if(e)for(var n=0;n<this.length;n++){var r=this[n][0];null!=r&&(p[r]=!0)}for(var s=0;s<o.length;s++){var l=[].concat(o[s]);e&&p[l[0]]||(void 0!==i&&(void 0===l[5]||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=i),t&&(l[2]?(l[1]="@media ".concat(l[2]," {").concat(l[1],"}"),l[2]=t):l[2]=t),a&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=a):l[4]="".concat(a)),c.push(l))}},c}},667:function(o){o.exports=function(o,c){return c||(c={}),o?(o=String(o.__esModule?o.default:o),/^['"].*['"]$/.test(o)&&(o=o.slice(1,-1)),c.hash&&(o+=c.hash),/["'() \t\n]|(%20)/.test(o)||c.needQuotes?'"'.concat(o.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):o):o}},81:function(o){o.exports=function(o){return o[1]}},379:function(o){var c=[];function t(o){for(var t=-1,e=0;e<c.length;e++)if(c[e].identifier===o){t=e;break}return t}function e(o,e){for(var i={},p=[],n=0;n<o.length;n++){var r=o[n],s=e.base?r[0]+e.base:r[0],l=i[s]||0,v="".concat(s," ").concat(l);i[s]=l+1;var d=t(v),g={css:r[1],media:r[2],sourceMap:r[3],supports:r[4],layer:r[5]};if(-1!==d)c[d].references++,c[d].updater(g);else{var h=a(g,e);e.byIndex=n,c.splice(n,0,{identifier:v,updater:h,references:1})}p.push(v)}return p}function a(o,c){var t=c.domAPI(c);return t.update(o),function(c){if(c){if(c.css===o.css&&c.media===o.media&&c.sourceMap===o.sourceMap&&c.supports===o.supports&&c.layer===o.layer)return;t.update(o=c)}else t.remove()}}o.exports=function(o,a){var i=e(o=o||[],a=a||{});return function(o){o=o||[];for(var p=0;p<i.length;p++){var n=t(i[p]);c[n].references--}for(var r=e(o,a),s=0;s<i.length;s++){var l=t(i[s]);0===c[l].references&&(c[l].updater(),c.splice(l,1))}i=r}}},569:function(o){var c={};o.exports=function(o,t){var e=function(o){if(void 0===c[o]){var t=document.querySelector(o);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(o){t=null}c[o]=t}return c[o]}(o);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(t)}},216:function(o){o.exports=function(o){var c=document.createElement("style");return o.setAttributes(c,o.attributes),o.insert(c,o.options),c}},565:function(o,c,t){o.exports=function(o){var c=t.nc;c&&o.setAttribute("nonce",c)}},795:function(o){o.exports=function(o){var c=o.insertStyleElement(o);return{update:function(t){!function(o,c,t){var e="";t.supports&&(e+="@supports (".concat(t.supports,") {")),t.media&&(e+="@media ".concat(t.media," {"));var a=void 0!==t.layer;a&&(e+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),e+=t.css,a&&(e+="}"),t.media&&(e+="}"),t.supports&&(e+="}");var i=t.sourceMap;i&&"undefined"!=typeof btoa&&(e+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),c.styleTagTransform(e,o,c.options)}(c,o,t)},remove:function(){!function(o){if(null===o.parentNode)return!1;o.parentNode.removeChild(o)}(c)}}}},589:function(o){o.exports=function(o,c){if(c.styleSheet)c.styleSheet.cssText=o;else{for(;c.firstChild;)c.removeChild(c.firstChild);c.appendChild(document.createTextNode(o))}}},128:function(o){o.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI2EzYjRiZiIgZD0iTTIuOTk4IDYuNTAzYS45OTkuOTk5IDAgMCAxIDEuNjg3LS43MjdMNy4yNyA4LjIyMmMuMzk0LjM3MyAxLjA2LjM3MyAxLjQ1NCAwbDIuNTg2LTIuNDQ2YS45OTkuOTk5IDAgMSAxIDEuMzc0IDEuNDU0bC0yLjU4NiAyLjQ0NmMtMS4xNTkgMS4wOTYtMy4wNDMgMS4wOTYtNC4yMDMgMEwzLjMxIDcuMjI5YS45OTQuOTk0IDAgMCAxLS4zMTItLjcyNnoiLz48L3N2Zz4="},115:function(o){o.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzRBNDhDMSIgZD0iTTIuOTk4IDYuNTAzYS45OTkuOTk5IDAgMCAxIDEuNjg3LS43MjdMNy4yNyA4LjIyMmMuMzk0LjM3MyAxLjA2LjM3MyAxLjQ1NCAwbDIuNTg2LTIuNDQ2YS45OTkuOTk5IDAgMSAxIDEuMzc0IDEuNDU0bC0yLjU4NiAyLjQ0NmMtMS4xNTkgMS4wOTYtMy4wNDMgMS4wOTYtNC4yMDMgMEwzLjMxIDcuMjI5YS45OTQuOTk0IDAgMCAxLS4zMTItLjcyNnoiLz48L3N2Zz4="}},x={};function u(o){var c=x[o];if(void 0!==c)return c.exports;var t=x[o]={id:o,exports:{}};return h[o](t,t.exports,u),t.exports}u.m=h,u.n=function(o){var c=o&&o.__esModule?function(){return o.default}:function(){return o};return u.d(c,{a:c}),c},u.d=function(o,c){for(var t in c)u.o(c,t)&&!u.o(o,t)&&Object.defineProperty(o,t,{enumerable:!0,get:c[t]})},u.o=function(o,c){return Object.prototype.hasOwnProperty.call(o,c)},u.b=document.baseURI||self.location.href,u.nc=void 0,o=u(379),c=u.n(o),t=u(795),e=u.n(t),a=u(569),i=u.n(a),p=u(565),n=u.n(p),r=u(216),s=u.n(r),l=u(589),v=u.n(l),d=u(880),(g={}).styleTagTransform=v(),g.setAttributes=n(),g.insert=i().bind(null,"head"),g.domAPI=e(),g.insertStyleElement=s(),c()(d.Z,g),d.Z&&d.Z.locals&&d.Z.locals}();

package/build/dist/lib/utils.js

@@ -44,15 +44,97 @@ __webpack_require__.d(__webpack_exports__, {
   "calculateVisibility": () => (/* reexport */ web_ui_namespaceObject.calculateVisibility),
   "className": () => (/* reexport */ web_ui_namespaceObject.className),
   "eventTypes": () => (/* reexport */ web_ui_namespaceObject.eventTypes),
-  "getUrlParams": () => (/* reexport */ web_ui_namespaceObject.getUrlParams),
-  "getUrlSearchString": () => (/* reexport */ web_ui_namespaceObject.getUrlSearchString),
-  "randomId": () => (/* reexport */ web_ui_namespaceObject.randomId)
+  "getSearchParamsByKeys": () => (/* reexport */ getSearchParamsByKeys),
+  "initResetSearchParams": () => (/* reexport */ initResetSearchParams),
+  "randomId": () => (/* reexport */ web_ui_namespaceObject.randomId),
+  "replaceSearchParams": () => (/* reexport */ replaceSearchParams)
 });
 
 ;// CONCATENATED MODULE: external "@seamly/web-ui"
 const web_ui_namespaceObject = require("@seamly/web-ui");
+;// CONCATENATED MODULE: ./src/javascripts/lib/url-helpers.ts
+const getUrlSearchParams = () => {
+  const params = new URLSearchParams(window.location.search);
+  return Array.from(params.entries()).reduce((acc, [key, val]) => Object.assign(Object.assign({}, acc), {
+    [key]: val
+  }), {});
+};
+// Return search parameters as a string
+const getUrlSearchString = params => new URLSearchParams(params).toString();
+// Return search parameters found in URL or sessionStorage
+const getSearchParamsByKeys = (...keys) => {
+  const url = new URL(window.location.href);
+  const values = keys.reduce((acc, key) => {
+    const searchParam = url.searchParams.get(key);
+    const param = searchParam || sessionStorage.getItem(key);
+    if (param) {
+      acc[key] = param;
+    }
+    return acc;
+  }, {});
+  return values;
+};
+// Adds a search parameter to the url
+const setSearchParam = (key, value) => {
+  const url = new URL(window.location.href);
+  const {
+    searchParams
+  } = url;
+  searchParams.set(key, value);
+  url.search = searchParams.toString();
+  window.location.href = url.toString();
+};
+// Replace search parameters with those found in URL search parameters or sessionStorage
+const replaceSearchParams = (...keys) => {
+  const url = new URL(window.location.href);
+  const params = keys.reduce((acc, key) => {
+    const paramValue = url.searchParams.get(key);
+    const value = paramValue || sessionStorage.getItem(key);
+    // If the query parameter is present, add it to the sessionStorage
+    if (paramValue) {
+      sessionStorage.setItem(key, paramValue);
+    }
+    // Bail if there is nothing to set
+    if (!value) return acc;
+    acc.set(key, value);
+    return acc;
+  }, new URLSearchParams());
+  // To keep other params in place, we merge them with the current URL parameters
+  const combinedParams = new URLSearchParams(Object.assign(Object.assign({}, Object.fromEntries(url.searchParams)), Object.fromEntries(params)));
+  if (combinedParams.toString()) {
+    window.history.replaceState(null, null, `?${combinedParams}`);
+  }
+  return getSearchParamsByKeys(...params.keys());
+};
+// Sets up click handlers for elements with data-attribute `data-reset-search-params`.
+// Clicking these will remove all given keys from the sessionStorage and remove the search parameters from the url
+// If you want to reset both 'apiKey' and 'locale' when the event is executed, you would use it as followed
+// import { initResetSearchParams } from 'lib/url-helpers'
+// Setup the event handlers for the search parameters you want to be reset after execution.
+// initResetSearchParams('apiKey', 'locale')
+// Somewhere in the HTML add an element with the 'data-reset-search-params' attribute.
+// <a href="#" data-reset-search-params>Reset account and source locale</a>
+const initResetSearchParams = (...keys) => {
+  const resetLink = document.querySelector('[data-reset-search-params]');
+  if (!resetLink) {
+    return;
+  }
+  resetLink.addEventListener('click', e => {
+    e.preventDefault();
+    const url = new URL(window.location.href);
+    keys.forEach(key => {
+      // Clear current session for each key
+      sessionStorage.removeItem(key);
+      // Delete key from url
+      url.searchParams.delete(key);
+    });
+    // Reload page
+    window.location.href = url.toString();
+  });
+};
 ;// CONCATENATED MODULE: ./src/javascripts/package/utils.js
 
+
 module.exports = __webpack_exports__;
 /******/ })()
 ;

package/build/dist/lib/utils.min.js

@@ -1 +1 @@
-(()=>{"use strict";var e={d:(r,t)=>{for(var a in t)e.o(t,a)&&!e.o(r,a)&&Object.defineProperty(r,a,{enumerable:!0,get:t[a]})},o:(e,r)=>Object.prototype.hasOwnProperty.call(e,r),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},r={};e.r(r),e.d(r,{Engine:()=>t.Engine,ExternalApi:()=>t.ExternalApi,calculateVisibility:()=>t.calculateVisibility,className:()=>t.className,eventTypes:()=>t.eventTypes,getUrlParams:()=>t.getUrlParams,getUrlSearchString:()=>t.getUrlSearchString,randomId:()=>t.randomId});const t=require("@seamly/web-ui");module.exports=r})();
+(()=>{"use strict";var e={d:(t,r)=>{for(var a in r)e.o(r,a)&&!e.o(t,a)&&Object.defineProperty(t,a,{enumerable:!0,get:r[a]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{Engine:()=>r.Engine,ExternalApi:()=>r.ExternalApi,calculateVisibility:()=>r.calculateVisibility,className:()=>r.className,eventTypes:()=>r.eventTypes,getSearchParamsByKeys:()=>a,initResetSearchParams:()=>s,randomId:()=>r.randomId,replaceSearchParams:()=>n});const r=require("@seamly/web-ui"),a=(...e)=>{const t=new URL(window.location.href);return e.reduce(((e,r)=>{const a=t.searchParams.get(r)||sessionStorage.getItem(r);return a&&(e[r]=a),e}),{})},n=(...e)=>{const t=new URL(window.location.href),r=e.reduce(((e,r)=>{const a=t.searchParams.get(r),n=a||sessionStorage.getItem(r);return a&&sessionStorage.setItem(r,a),n?(e.set(r,n),e):e}),new URLSearchParams),n=new URLSearchParams(Object.assign(Object.assign({},Object.fromEntries(t.searchParams)),Object.fromEntries(r)));return n.toString()&&window.history.replaceState(null,null,`?${n}`),a(...r.keys())},s=(...e)=>{const t=document.querySelector("[data-reset-search-params]");t&&t.addEventListener("click",(t=>{t.preventDefault();const r=new URL(window.location.href);e.forEach((e=>{sessionStorage.removeItem(e),r.searchParams.delete(e)})),window.location.href=r.toString()}))};module.exports=t})();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seamly/web-ui",
-  "version": "20.8.1",
+  "version": "21.0.0",
   "main": "build/dist/lib/index.js",
   "types": "build/src/javascripts/index.d.ts",
   "module": "",
@@ -22,76 +22,78 @@
     "webpack/*"
   ],
   "dependencies": {
-    "@reduxjs/toolkit": "^1.8.5",
+    "@reduxjs/toolkit": "^1.8.6",
     "@ultraq/icu-message-formatter": "^0.12.0",
     "deep-keys": "^0.5.0",
-    "focus-trap": "^6.7.1",
+    "focus-trap": "^7.0.0",
     "include-media": "^1.4.10",
     "js-cookie": "^3.0.1",
-    "minivents": "^2.2.0",
-    "phoenix": "1.6.11",
-    "react-redux": "^8.0.2",
-    "superagent": "^7.1.2",
-    "xstream": "^11.14.0"
+    "minivents": "^2.2.1",
+    "phoenix": "1.6.15",
+    "react-redux": "^8.0.4",
+    "superagent": "^8.0.3"
   },
   "devDependencies": {
-    "@babel/core": "^7.18.2",
-    "@babel/plugin-proposal-object-rest-spread": "^7.15.6",
+    "@babel/core": "^7.19.6",
+    "@babel/plugin-proposal-object-rest-spread": "^7.19.4",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/plugin-transform-classes": "^7.15.4",
-    "@babel/plugin-transform-react-jsx": "^7.14.9",
-    "@babel/plugin-transform-runtime": "^7.15.8",
-    "@babel/preset-env": "^7.15.8",
+    "@babel/plugin-transform-classes": "^7.19.0",
+    "@babel/plugin-transform-react-jsx": "^7.19.0",
+    "@babel/plugin-transform-runtime": "^7.19.6",
+    "@babel/preset-env": "^7.19.4",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.18.6",
-    "@babel/runtime-corejs3": "^7.18.3",
-    "@seamly/doc-site": "^1.0",
-    "@seamly/eslint-config": "^2.2.0",
-    "@seamly/prettier-config": "^2.1.0",
+    "@babel/runtime-corejs3": "^7.18.9",
+    "@seamly/doc-site": "^2.0.0",
+    "@seamly/eslint-config": "^2.3.0",
+    "@seamly/prettier-config": "^2.2.0",
     "@seamly/stylelint-config": "^2.0.0",
     "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/preact": "^2.0.1",
-    "@types/jest": "^27.1.7",
-    "@typescript-eslint/eslint-plugin": "^5.35.1",
-    "@typescript-eslint/parser": "^5.35.1",
-    "babel-loader": "^8.2.2",
-    "copy-webpack-plugin": "^10.2.4",
-    "cypress": "^10.0.3",
+    "@testing-library/preact": "^3.2.2",
+    "@trivago/prettier-plugin-sort-imports": "^3.4.0",
+    "@types/jest": "^27.5.2",
+    "@types/phoenix": "^1.5.4",
+    "@typescript-eslint/eslint-plugin": "^5.42.0",
+    "@typescript-eslint/parser": "^5.42.0",
+    "babel-loader": "^9.0.1",
+    "babel-plugin-react-remove-properties": "^0.3.0",
+    "copy-webpack-plugin": "^11.0.0",
     "cypress-file-upload": "^5.0.8",
     "cypress-wait-until": "^1.7.2",
-    "debug": "^4.3.2",
-    "eslint": "^8.17.0",
+    "cypress": "^10.11.0",
+    "debug": "^4.3.4",
     "eslint-import-resolver-alias": "^1.1.2",
-    "eslint-import-resolver-typescript": "^3.5.0",
+    "eslint-import-resolver-typescript": "^3.5.2",
     "eslint-plugin-cypress": "^2.12.1",
     "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-jest": "^26.5.3",
+    "eslint-plugin-jest": "^27.1.3",
+    "eslint": "^8.27.0",
     "file-loader": "^6.2.0",
     "glob": "^8.0.3",
-    "husky": "^7.0.2",
+    "husky": "^8.0.1",
     "ignore-loader": "^0.1.2",
+    "jest-environment-jsdom": "^27.5.1",
     "jest": "^27.5.1",
-    "mini-css-extract-plugin": "^2.4.2",
+    "mini-css-extract-plugin": "^2.6.1",
     "postcss": "8",
-    "preact": "^10.10.6",
-    "prettier": "^2.4.1",
+    "preact": "^10.11.2",
+    "prettier": "^2.7.1",
     "raw-loader": "^4.0.2",
     "rimraf": "^3.0.2",
-    "sneakpeek-cli": "^0.2.1",
     "start-server-and-test": "^1.14.0",
-    "style-loader": "^3.3.0",
-    "stylelint": "14.9.0",
-    "ts-loader": "^9.3.1",
-    "typescript": "^4.7.4",
+    "style-loader": "^3.3.1",
+    "stylelint": "^14.14.0",
+    "ts-loader": "^9.4.1",
+    "typescript": "^4.8.4",
     "url-loader": "^4.1.1",
-    "webpack": "^5.58.2",
-    "webpack-bundle-analyzer": "^4.5.0",
-    "webpack-cli": "^4.9.1",
-    "webpack-dev-server": "^4.3.1",
-    "webpack-merge": "^5.8.0"
+    "webpack-bundle-analyzer": "^4.7.0",
+    "webpack-cli": "^4.10.0",
+    "webpack-dev-server": "^4.11.1",
+    "webpack-merge": "^5.8.0",
+    "webpack": "^5.74.0"
   },
   "peerDependencies": {
-    "preact": "10.10.6"
+    "preact": "^10.11.2"
   },
   "scripts": {
     "build:clean": "rimraf build; mkdir -p build",
@@ -101,17 +103,18 @@
     "server": "webpack serve --node-env=development",
     "server:test": "webpack serve --node-env=development --env build=test",
     "lint:scss": "stylelint \"src/stylesheets/**/*.scss\" --formatter=verbose",
-    "lint:js": "eslint --fix --max-warnings 0 src webpack",
+    "lint:js": "yarn run check:eslint && yarn run check:code",
     "lint": "yarn run lint:js && yarn run lint:scss && yarn check:prettier",
-    "format:code": "prettier --write \"src/**/*.{js,scss}\"",
-    "format:tests": "prettier --write \"tests/**/*.{js,scss}\"",
-    "format:public": "prettier --write \"public/**/*.{js,scss,html}\"",
-    "format:webpack": "prettier --write \"webpack/**/*.{js,scss}\"",
+    "format:code": "yarn run check:eslint --fix && prettier --write \"src/**/*.{js,ts,tsx,scss}\"",
+    "format:tests": "prettier --write \"tests/**/*.{js,ts,tsx,scss}\"",
+    "format:public": "prettier --write \"public/**/*.{js,ts,tsx,scss,html}\"",
+    "format:webpack": "prettier --write \"webpack/**/*.{js,ts,tsx,scss}\"",
     "format": "yarn run format:code && yarn run format:tests && yarn run format:public && yarn run format:webpack",
-    "check:code": "prettier --check \"src/**/*.{js,scss}\"",
+    "check:code": "prettier --check \"src/**/*.{js,ts,tsx,scss}\"",
     "check:tests": "prettier --check \"tests/**/*.{js,scss}\"",
     "check:public": "prettier --check \"public/**/*.{js,scss,html}\"",
     "check:webpack": "prettier --check \"webpack/**/*.{js,scss,html}\"",
+    "check:eslint": "eslint --ext .js,.ts,.tsx src/ webpack/",
     "check:prettier": "yarn run check:code && yarn run check:tests && yarn run check:public && yarn run check:webpack",
     "test": "jest",
     "types:generate": "npx openapi-typescript schema.yaml --output src/javascripts/schema.ts",
@@ -121,6 +124,5 @@
     "test:e2e": "start-server-and-test server:test http-get://localhost:8080/tests/index.js cypress:open",
     "test:e2e:ci": "start-server-and-test server:test http-get://localhost:8080/tests/index.js cypress:run",
     "prepare": "husky install"
-  },
-  "prettier": "@seamly/prettier-config"
+  }
 }

package/src/icons/icon_check-16.svg

@@ -0,0 +1,14 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="16px"
+  height="16px"
+  x="0px"
+  y="0px"
+  viewBox="0 0 16 16"
+>
+  <path
+    fill="currentColor"
+    d="M11.6,4.3l-5,5L4.9,7.5C4.4,7,3.7,7,3.2,7.5l0,0C2.8,8,2.8,8.7,3.2,9.2l1.7,1.7l0,0l0.8,0.8
+	c0.5,0.5,1.2,0.5,1.7,0l0.8-0.8l5-5c0.5-0.5,0.5-1.2,0-1.7l0,0C12.8,3.8,12.1,3.8,11.6,4.3z"
+  />
+</svg>

package/src/icons/icon_check-32.svg

@@ -0,0 +1,14 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="32px"
+  height="32px"
+  x="0px"
+  y="0px"
+  viewBox="0 0 32 32"
+>
+  <path
+    fill="currentColor"
+    d="M22.9,9.3l-9.3,9.3l-3.2-3.2c-0.9-0.9-2.3-0.9-3.2,0l0,0c-0.9,0.9-0.9,2.3,0,3.2l3.2,3.2l0,0l1.6,1.6
+	c0.9,0.9,2.3,0.9,3.2,0l1.6-1.6l9.3-9.3c0.9-0.9,0.9-2.3,0-3.2l0,0C25.2,8.4,23.7,8.4,22.9,9.3z"
+  />
+</svg>

package/src/javascripts/api/conversation-connector.ts

@@ -0,0 +1,149 @@
+import { Channel, Socket } from 'phoenix'
+import { apiVersion } from 'config'
+import debug from 'lib/debug'
+import splitUrlParams from 'lib/split-url-params'
+
+const log = debug('seamly')
+
+type ConnectionState =
+  | 'socket_closed' // Socket is closed.
+  | 'channel_closed' // Channel is closed.
+  | 'channel_erred' // Errors received from joined channel.
+  | 'join_channel_succeeded' // Joined channel succesfully.
+  | 'join_channel_erred' // Error on joining channel. This is usefull when you want to restart a chat sessions.
+  | 'attach_channel_succeeded' // Attached channel to system.
+export default class ConversationConnector {
+  #connectionListeners = []
+
+  accessToken: string
+
+  channelName: string
+
+  channelTopic: string
+
+  url: string
+
+  socket: Socket
+
+  channel: Channel
+
+  async connect(
+    url: string,
+    channelName: string,
+    channelTopic: string,
+    accessToken: string,
+  ) {
+    this.url = url
+
+    this.accessToken = accessToken
+    this.channelName = channelName
+    this.channelTopic = channelTopic
+    const { url: splittedUrl, params } = splitUrlParams(this.url)
+
+    this.socket = new Socket(splittedUrl, {
+      params: { ...params, v: apiVersion },
+    })
+
+    this.socket.connect()
+
+    this.channel = this.socket.channel(this.channelTopic, {
+      authorization: `Bearer ${this.accessToken}`,
+      channelName: this.channelName,
+    })
+
+    this.start()
+
+    this.socket.onError((err) => {
+      log('[SOCKET][ERROR]', err)
+    })
+
+    this.socket.onOpen(() => {
+      log('[SOCKET]OPEN')
+    })
+
+    this.channel.on('system', (msg) => {
+      switch (msg.type) {
+        case 'attach_channel_succeeded':
+          this.#emitConnectionState('attach_channel_succeeded')
+          break
+      }
+    })
+
+    this.socket.onClose(() => {
+      log('[SOCKET]CLOSE')
+      this.#emitConnectionState('socket_closed')
+    })
+
+    this.channel.onClose(() => {
+      log('[CHANNEL]CLOSE')
+      this.#emitConnectionState('channel_closed')
+    })
+
+    this.channel.onError((msg) => {
+      log('[CHANNEL][ERROR]', msg)
+      this.#emitConnectionState('channel_erred')
+    })
+
+    this.#listenTo(
+      'ack',
+      'ui',
+      'error',
+      'participant',
+      'message',
+      'service_data',
+      'system',
+      'info',
+      'sync',
+    )
+  }
+
+  start() {
+    this.channel
+      .join()
+      .receive('ok', () => {
+        log('[CHANNEL][JOIN] OK')
+        this.#emitConnectionState('join_channel_succeeded')
+      })
+      .receive('error', (err) => {
+        log('[CHANNEL][JOIN] ERROR', err)
+        this.#emitConnectionState('join_channel_erred')
+        // @ts-ignore
+        this.channel.socket.disconnect()
+      })
+      .receive('timeout', () => {
+        log('[CHANEL][JOIN] Networking issue. Still waiting...')
+      })
+  }
+
+  disconnect() {
+    this.#connectionListeners = []
+    this.channel?.leave()
+    this.socket?.remove(this.channel)
+    this.socket?.disconnect()
+  }
+
+  #listenTo(...types: string[]) {
+    types.forEach((type) => {
+      this.channel.on(type, (msg) => {
+        log('[RECEIVE]', type, msg)
+      })
+    })
+  }
+
+  // eslint-disable-next-line no-unused-vars
+  onConnection(cb: (_payload: ConnectionState) => void) {
+    this.#connectionListeners.push(cb)
+  }
+
+  #emitConnectionState(payload: ConnectionState) {
+    this.#connectionListeners.forEach((cb) => cb(payload))
+  }
+
+  pushToChannel(
+    command: string,
+    payload: { type: string; error: unknown },
+    timeout = 10000,
+  ) {
+    this.channel.push(command, payload, timeout)
+  }
+}

package/src/javascripts/api/errors/seamly-base-error.js

@@ -1,4 +1,17 @@
+function parseOriginalErrMsg(str) {
+  try {
+    const json = JSON.parse(str)
+    return json.error
+  } catch (e) {
+    return str
+  }
+}
+
 export default class SeamlyBaseError extends Error {
+  action = ''
+
+  langKey = ''
+
   constructor(originalError, ...params) {
     super(...params)
 
@@ -6,11 +19,17 @@ export default class SeamlyBaseError extends Error {
       Error.captureStackTrace(this, Object.getPrototypeOf(this))
     }
     this.originalError = originalError
+
     if (originalError?.payload) {
       this.originalEvent = originalError
       this.originalError = originalError.payload.error
       this.message = `Event of type ${originalError.payload.type} encountered`
     }
+    if (!this.message && originalError?.message) {
+      const parsedOriginalMessage = parseOriginalErrMsg(originalError.message)
+      this.message = parsedOriginalMessage
+    }
+
     if (originalError?.error) {
       this.originalError = originalError.error
     }