@connorpham/live-chat-widget 16.0.0 → 17.0.1

package/dist/index.d.ts

@@ -1,14 +1,16 @@
 import { Config } from './types/config.types';
 import { WidgetContextType } from './providers/WidgetProvider';
-export function ChatWidget(props: Partial<Config>): JSX.Element;
-
-export type UiChatWidgetProps = {
-  CustomLauncher?: (props: { widget: WidgetContextType }) => JSX.Element;
-  CustomHeader?: () => JSX.Element;
-  CustomAvatar?: () => JSX.Element;
-  PreChat?: React.FC;
-  PostChat?: React.FC;
-  config: Partial<Config>;
-};
-
-export function UiChatWidget(props: UiChatWidgetProps): JSX.Element;
+
+
+export function ChatWidget(props: Partial<Config>): JSX.Element;
+
+export type UiChatWidgetProps = {
+  CustomLauncher?: (props: { widget: WidgetContextType }) => JSX.Element;
+  CustomHeader?: () => JSX.Element;
+  CustomAvatar?: () => JSX.Element;
+  PreChat?: React.FC;
+  PostChat?: React.FC;
+  config: Partial<Config>;
+};
+
+export function UiChatWidget(props: UiChatWidgetProps): JSX.Element;

package/dist/style.css

@@ -1 +1 @@
-@charset "UTF-8";/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.sc-header{min-height:64px;border-top-left-radius:.5rem;border-top-right-radius:.5rem;padding:10px;box-shadow:0 1px 4px #0003;position:relative;box-sizing:border-box;display:flex}.sc-header--img{border-radius:50%;align-self:center;padding:10px;max-width:32px;max-height:32px;box-sizing:content-box}.sc-header--title{align-self:center;flex:1;-webkit-user-select:none;user-select:none;font-size:1.25rem}.sc-header--title.enabled{cursor:pointer;border-radius:5px}.sc-header--title.enabled:hover{box-shadow:0 2px 5px #0000011a}.sc-header--actions{display:flex;align-items:center;gap:8px;margin-left:auto}.sc-header--close-button{width:36px;height:36px;align-self:center;margin-right:10px;box-sizing:border-box;cursor:pointer;border-radius:100%}.sc-header--close-button:hover{box-shadow:0 2px 5px #0000011a}.sc-header--close-button svg{width:100%;height:100%;padding:5px;box-sizing:border-box;fill:#fff}@media (max-width: 450px){.sc-header{border-radius:0}}.staff-menu{position:relative;display:inline-block}.staff-menu-toggle{background:none;border:none;cursor:pointer;padding:8px;border-radius:4px;color:inherit;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.staff-menu-toggle:hover{background-color:#ffffff1a}.staff-menu-toggle:focus{outline:none;background-color:#ffffff1a}.staff-menu-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:180px;overflow:hidden;animation:dropdownFadeIn .2s ease-out}.staff-menu-dropdown-open{display:block!important}.staff-menu-dropdown-closed{display:none!important}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.staff-menu-item{width:100%;padding:12px 16px;border:none;background:none;cursor:pointer;display:flex;align-items:center;gap:8px;color:#333;font-size:14px;transition:background-color .2s ease;text-align:left}.staff-menu-item:hover{background-color:#f5f5f5}.staff-menu-item:focus{outline:none;background-color:#f5f5f5}.staff-menu-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.staff-menu-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.staff-menu-item svg{flex-shrink:0}.sc-header[style*="background: rgb(51, 51, 51)"] .staff-menu-dropdown,.sc-header[style*="background: #333"] .staff-menu-dropdown{background:#2a2a2a;border-color:#444}.sc-header[style*="background: rgb(51, 51, 51)"] .staff-menu-dropdown .staff-menu-item,.sc-header[style*="background: #333"] .staff-menu-dropdown .staff-menu-item{color:#fff}.sc-header[style*="background: rgb(51, 51, 51)"] .staff-menu-dropdown .staff-menu-item:hover,.sc-header[style*="background: #333"] .staff-menu-dropdown .staff-menu-item:hover{background-color:#3a3a3a}.sc-header[style*="background: rgb(51, 51, 51)"] .staff-menu-dropdown .staff-menu-item:focus,.sc-header[style*="background: #333"] .staff-menu-dropdown .staff-menu-item:focus{background-color:#3a3a3a}.sc-chat--disconnected-icon-wrapper{position:relative;height:100%;width:100%}.sc-chat--disconnected-icon{position:absolute;top:50%;left:50%;transform:translateY(-50%) translate(-50%);text-align:center}.sc-chat--disconnected-text{width:100%}.sc-chat--disconnected-button{border:1px solid;border-radius:2rem;padding:5px 10px;width:80%;margin:2px;cursor:pointer;outline:0}.sc-chat--disconnected-button:active{content:"";opacity:0;transition:all .5s}.sc-chat--disconnected-button:active:after{opacity:1;transition:0s}.sc-message{margin:auto;padding:0 .5rem 0 0;display:flex;margin-bottom:.25rem}.sc-message:first-child{margin-top:50%}.sc-message.sent{flex-direction:row-reverse}.sc-message.sent .sc-message--content{justify-content:flex-end}.sc-message.sent .sc-message--content .sc-message--avatar{display:none}.sc-message.sent .sc-message--content .sc-message--wrapper{align-items:flex-end}.sc-message.sent .sc-message--content .sc-message--wrapper .sc-message--text{color:#fff;background-color:#4e8cff;word-wrap:break-word}.sc-message.sent .sc-message--content .sc-message--wrapper .sc-message--meta{flex-direction:row-reverse}.sc-message .sc-message--content{display:flex;flex-direction:row;position:relative;max-width:calc(100% - 40px);width:auto}.sc-message .sc-message--content .sc-message--avatar{width:32px;height:32px;margin:2px 4px;background-position:0 0;flex-shrink:0;background-size:cover;border-radius:100%}.sc-message .sc-message--content .sc-message--wrapper{display:flex;flex-direction:column}.sc-message .sc-message--content .sc-message--wrapper .sc-message--text{padding:10px 20px;border-radius:.5rem;font-weight:400;font-size:.9rem;line-height:1.5;position:relative;-webkit-font-smoothing:subpixel-antialiased;color:#263238;background-color:#f4f7f9}.sc-message .sc-message--content .sc-message--wrapper .sc-message--text .sc-message--text-body .sc-message--text-content{white-space:pre-wrap}.sc-message .sc-message--content .sc-message--wrapper .sc-message--meta{display:flex;justify-content:space-between;align-items:flex-start;font-size:.65rem;margin-top:4px;padding:0 4px;width:100%;height:18px;box-sizing:border-box}@media (max-width: 450px){.sc-message{width:80%}}.sc-message--buttons{color:#222;max-width:-webkit-fill-available;padding:.25rem .5rem;border-radius:.5rem;font-weight:300;font-size:1.25rem;line-height:1.4;position:relative;-webkit-font-smoothing:subpixel-antialiased;text-align:center}.sc-message--buttons .sc-message--buttons-content{border:1px solid;border-radius:2rem;padding:.25rem;width:80%;margin:2px;cursor:pointer;outline:0;font-size:.75rem}.sc-message--list-element-bottom .sc-message--buttons-content{width:100%;font-weight:600;border-radius:0 0 6px 6px;padding:.5rem;margin:0}.sc-message--list-element-bottom .sc-message--buttons{padding:0}.sc-message--list-element .sc-message--buttons-content{padding:.5rem;margin:0}.sc-message--list-element .sc-message--buttons{padding:0;margin:1rem;text-align:center}.sc-message--carousel-element .sc-message--buttons-content{padding:.5rem;margin-bottom:16px}.sc-message--carousel-element .sc-message--buttons{margin:0;text-align:center}.sc-message--carousel{border-radius:.5rem;position:relative;width:275px;overflow:hidden}.sc-message--carousel .sc-message--carousel-inner{display:flex;transition:transform .5s ease;width:100%}.sc-message--carousel .sc-message--carousel-inner .sc-message--carousel-element-wrapper{min-width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center}.sc-message--carousel .sc-message--carousel-inner .sc-message--carousel-element-wrapper .sc-message--carousel-element{width:100%}.sc-message--carousel .sc-message--carousel-inner .sc-message--carousel-element-wrapper .sc-message--carousel-element .sc-message--carousel-element-image{background-repeat:no-repeat;background-size:cover;position:relative;width:100%;height:150px}.sc-message--carousel .sc-message--carousel-inner .sc-message--carousel-element-wrapper .sc-message--carousel-element .sc-message--carousel-title{font-size:1rem;font-weight:600;padding:.5rem 0;margin-top:8px}.sc-message--carousel .sc-message--carousel-inner .sc-message--carousel-element-wrapper .sc-message--carousel-element .sc-message--carousel-element-description{width:100%;padding:0 2rem;box-sizing:border-box}.sc-message--carousel .sc-message--carousel-control{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;color:#fff;border:none;cursor:pointer;z-index:2;font-size:.75rem}.sc-message--carousel .sc-message--carousel-control.prev{left:0;top:calc(50% - 14px);width:1.5rem;height:2rem}.sc-message--carousel .sc-message--carousel-control.next{top:calc(50% - 14px);right:0;width:1.5rem;height:2rem}.sc-message--file{background-color:transparent!important;border-radius:.5rem;font-weight:300;font-size:14px;line-height:1.4;-webkit-font-smoothing:subpixel-antialiased}.sc-message--file audio,.sc-message--file video{max-width:100%}.sc-message--content.sent .sc-message--file{word-wrap:break-word}.sc-message--file-icon{text-align:center;margin-left:auto;margin-right:auto;margin-bottom:0}.sc-image{max-width:100%;height:auto}.sc-message--file-download{padding:10px 20px;border-radius:.5rem;color:#fff;text-align:center}.sc-message--file-download a{text-decoration:none;color:#ece7e7}.sc-message--file-download a img{vertical-align:middle;width:24px;height:auto}.sc-message--content.received .sc-message--file{color:#263238;background-color:#f4f7f9;margin-right:40px}.sc-message--content.received .sc-message--file-download{color:#000}.sc-message--content.received .sc-message--file a{color:#2b2828b3}.sc-message--content.received .sc-message--file a:hover{color:#0c0c0c}.sc-message--location{border-radius:.5rem}.sc-message-map{width:200px;height:150px;border-radius:.5rem}.sc-message--list{border-radius:.5rem;width:256px}.sc-message--list .sc-message--list-element{position:relative;border-bottom:1px solid;padding:1rem}.sc-message--list .sc-message--list-element .sc-message--list-element-content{width:100%;display:block}.sc-message--list .sc-message--list-element .sc-message--list-element-content.large{width:100%;display:block;margin:0}.sc-message--list .sc-message--list-element .sc-message--list-element-content.large .sc-message--list-element-image{background-size:cover;height:auto;border-radius:.5rem .5rem 0 0}.sc-message--list .sc-message--list-element .sc-message--list-element-content.large .sc-message--list-element-description{color:#fff;border-radius:.5rem .5rem 0 0;background:#00000080}.sc-message--list .sc-message--list-element .sc-message--list-element-content.compact{padding:.5rem 0}.sc-message--list .sc-message--list-element .sc-message--list-element-content .sc-message--list-element-title{font-size:1.125rem;font-weight:600;margin:0;white-space:pre-line}.sc-message--list .sc-message--list-element .sc-message--list-element-content .sc-message--list-element-image{background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;width:100%;height:117px}.sc-message--contact-form{border-radius:12px;padding:10px;margin:10px 0 2px;max-width:100%;word-wrap:break-word;position:relative;background-color:#fff;box-shadow:0 2px 8px #0000001a}.sc-message--contact-form-content,.sc-message--contact-form-form{display:flex;flex-direction:column;gap:16px}.sc-message--contact-form-field{display:flex;flex-direction:column;gap:8px}.sc-message--contact-form-label{font-size:14px;font-weight:500;color:#666;margin-bottom:4px}.sc-message--contact-form-label.name-label{color:#007bff}.sc-message--contact-form-label.phone-label,.sc-message--contact-form-label.email-label,.sc-message--contact-form-label.message-label{color:#666}.sc-message--contact-form-input{padding:0 0 8px;border:none;border-bottom:1px solid #e0e0e0;border-radius:0;font-size:16px;background-color:transparent;color:#333;transition:border-color .2s ease;outline:none}.sc-message--contact-form-input:focus{border-bottom-color:#007bff}.sc-message--contact-form-input:disabled{opacity:.6;cursor:not-allowed}.sc-message--contact-form-authorization{font-size:12px;color:#666;line-height:1.4;margin:8px 0}.sc-message--contact-form-link{color:#007bff;text-decoration:none}.sc-message--contact-form-link:hover{text-decoration:underline}.sc-message--contact-form-submit{padding:12px 24px;background-color:#007bff;border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px;text-align:center;margin-left:auto;margin-right:auto}.sc-message--contact-form-submit:hover:not(:disabled){background-color:#0056b3}.sc-message--contact-form-submit:disabled{opacity:.6;cursor:not-allowed}.sc-message--contact-form-submitted{display:flex;flex-direction:column;gap:16px}.sc-message--contact-form-submitted-title{font-size:16px;font-weight:600;color:#4caf50;text-align:center;margin-bottom:8px}.sc-message--contact-form-submitted-info{display:flex;flex-direction:column;gap:12px}.sc-message--contact-form-submitted-item{display:flex;flex-direction:column;gap:4px;padding:12px;background-color:#f8f9fa;border-radius:8px;border-left:4px solid #007bff}.sc-message--contact-form-submitted-label{font-size:12px;font-weight:500;color:#666;text-transform:uppercase;letter-spacing:.5px}.sc-message--contact-form-submitted-value{font-size:14px;font-weight:500;color:#333;word-break:break-word}.sc-message--contact-form-submitted-text{font-size:14px;line-height:1.6;color:inherit;padding:12px;background-color:#ffffff1a;border-radius:8px;border-left:4px solid #007bff}.sc-message--contact-form-submitted-text strong{font-weight:600;color:inherit;opacity:.8}.sc-message--contact-form-phone-display{font-size:18px;font-weight:700;color:#007bff;text-align:center;padding:8px 12px;background-color:#007bff1a;border-radius:8px;margin-bottom:12px;border:2px solid #007bff;cursor:pointer;transition:all .2s ease}.sc-message--contact-form-phone-display:hover{background-color:#007bff33;transform:translateY(-1px);box-shadow:0 2px 8px #007bff4d}.sc-message--contact-form-phone-link{color:inherit;text-decoration:none;display:block;width:100%;height:100%}.sc-message--contact-form-phone-link:hover{color:inherit;text-decoration:none}.sc-message--contact-form-phone-link:focus{outline:none;color:inherit}.sc-message--contact-form-phone-link:active,.sc-message--contact-form-phone-link:visited{color:inherit}.sc-message--contact-form-response-text{font-size:14px;line-height:1.5;color:inherit;text-align:center;opacity:.9}.sc-message--contact-form-system{margin-top:8px}.sc-message--contact-form-user{margin-bottom:8px}.sc-message--contact-form-error{color:#dc3545;font-size:12px;margin-top:4px;display:block;line-height:1.4}a.chatLink{color:inherit!important}p.sc-message--text-content{margin:0!important;white-space:pre-line}.sc-message--contact-form-phone-display{padding-top:10px}.sc--status{display:flex;flex-direction:row}.sc--status .sc--status-read{margin-right:-6px}.sc-message-list{height:80%;overflow-y:auto;background-size:100%;padding:40px 0}.sc-typing-indicator{text-align:center;padding:.5rem;border-radius:2rem;width:50px;margin-left:2rem}.sc-typing-indicator span{display:inline-block;background-color:#b6b5ba;width:5px;height:5px;border-radius:100%;margin-right:3px;animation:bob 2s infinite}.sc-typing-indicator span:nth-child(1){animation-delay:-1s}.sc-typing-indicator span:nth-child(2){animation-delay:-.85s}.sc-typing-indicator span:nth-child(3){animation-delay:-.7s}@keyframes bob{10%{transform:translateY(-10px);background-color:#9e9da2}50%{transform:translateY(0);background-color:#b6b5ba}}.sc-message--contact-form-confirmation{margin:8px 0;padding:12px 16px;border-radius:8px;border:1px solid rgba(0,0,0,.1);width:70%}.sc-message--contact-form-confirmation .sc-message--contact-form-phone-display{margin-bottom:12px}.sc-message--contact-form-confirmation .sc-message--contact-form-phone-display .sc-message--contact-form-phone-link{color:#007bff;text-decoration:none;font-weight:600;font-size:16px}.sc-message--contact-form-confirmation .sc-message--contact-form-phone-display .sc-message--contact-form-phone-link:hover{text-decoration:underline}.sc-message--contact-form-confirmation .sc-message--contact-form-response-text h3{margin:0 0 8px;font-size:16px;font-weight:600;color:inherit}.sc-message--contact-form-confirmation .sc-message--contact-form-response-text p{margin:0;font-size:14px;line-height:1.4;color:inherit}.sc-emoji-picker{position:absolute;bottom:30px;right:0;min-width:200px;max-height:215px;box-shadow:0 7px 40px 2px #9495964d;background:#fff;border-radius:10px;outline:none}.sc-emoji-picker:after{content:"";width:14px;height:14px;background:#fff;position:absolute;bottom:-6px;right:55px;transform:rotate(45deg);border-radius:2px}.sc-emoji-picker--content{padding:.5rem;overflow:auto;width:100%;max-height:195px;margin-top:5px;box-sizing:border-box}.sc-emoji-picker--category{display:flex;flex-direction:row;flex-wrap:wrap}.sc-emoji-picker--category-title{min-width:100%;color:#b8c3ca;font-weight:200;font-size:1rem;margin:5px;letter-spacing:1px}.sc-emoji-picker--emoji{margin:5px;width:18px;text-align:center;cursor:pointer;vertical-align:middle;font-size:1.5rem;transition:transform 60ms ease-out,-webkit-transform 60ms ease-out}.sc-emoji-picker--emoji:hover{transform:scale(1.4)}.sc-user-input--emoji-icon-wrapper{background:none;border:none;padding:0;margin:0;outline:none;opacity:.5}.sc-user-input--emoji-icon-wrapper:focus{outline:none}.sc-user-input--emoji-icon{width:20px;height:20px;cursor:pointer;align-self:center;vertical-align:middle}.sc-user-input--emoji-icon-wrapper:focus,.sc-user-input--emoji-icon-wrapper:hover{opacity:1}.sc-user-input--file-wrapper{background:none;border:none;padding:0;margin:0;outline:none;position:relative;cursor:pointer;opacity:.5}.sc-user-input--file-icon-wrapper{background:none;border:none;padding:0;margin:0;outline:none;cursor:pointer!important}.sc-user-input--file-icon{width:16px;height:16px;align-self:center;outline:none;vertical-align:middle}.sc-user-input--file-wrapper:hover{opacity:1}.sc-user-input--location-icon-wrapper{background:none;border:none;padding:0;margin:0;outline:none;opacity:.5}.sc-user-input--location-icon-wrapper:focus{outline:none}.sc-user-input--location-icon{width:20px;height:20px;cursor:pointer;align-self:center;vertical-align:middle}.sc-user-input--location-icon-wrapper:hover{opacity:1}.sc-menu-element{position:relative;font-size:.9rem;cursor:pointer;min-width:100px;max-width:130px}.sc-menu-item{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:5px 10px;text-decoration:none;width:100%;background:transparent;border:none;border-radius:0;transition:all .2s ease;box-shadow:none;gap:8px}.sc-menu-item:hover{background:transparent;transform:none;box-shadow:none}.sc-menu-item:active{transform:none;box-shadow:none}.sc-menu-item:focus{outline:2px solid #007bff;outline-offset:2px}.sc-menu-item .sc-menu-item-emoji{font-size:1.2rem;flex-shrink:0}.sc-menu-item .sc-menu-item-text{font-size:.9rem;font-weight:500;text-align:left;line-height:1.3;color:#333;flex:1;padding:8px 12px;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:12px;transition:all .2s ease;box-shadow:0 2px 6px #00000014}.sc-menu-item .sc-menu-item-text:hover{background:#eee;transform:translateY(-1px);box-shadow:0 4px 12px #0000001f}.sc-menu-item-button{display:none}@media (max-width: 480px){.sc-menu-element{min-width:100px;max-width:130px}.sc-menu-item{padding:8px 12px;min-height:44px;gap:6px}.sc-menu-item .sc-menu-item-emoji{font-size:1.1rem}.sc-menu-item .sc-menu-item-text{font-size:.8rem;padding:6px 10px}}.sc-user-input--menu{align-self:center;width:100%}.sc-user-input--menu-button,.sc-user-input--menu-img{display:none}.sc-menu-content{display:block;position:absolute;box-shadow:0 -8px 24px #00000026;width:95%;max-width:500px;bottom:55px;z-index:3;border-radius:16px;padding:20px;background:#fff;border:1px solid #f0f0f0}.sc-menu-content:active,.sc-menu-content:focus{outline:none}.sc-menu-always-visible{position:static;width:100%;max-width:none;bottom:auto;box-shadow:none;border:none;border-radius:0;background:transparent}.sc-header-submenu-content{position:relative;text-align:center;margin-bottom:20px}.sc-header-submenu-content .sc-title-submenu-title{font-weight:600;font-size:1.125rem;margin:0;color:#333}.sc-return-submenu-content{display:inline-block;position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:1.5rem;padding:1rem;text-decoration:none;cursor:pointer;color:#666}.sc-return-submenu-content:hover{color:#333}.sc-menu-elements-horizontal{display:flex;gap:16px;flex-wrap:wrap}.sc-menu-elements-carousel{display:flex;justify-content:center;gap:8px;width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.12) transparent}.sc-menu-elements-carousel::-webkit-scrollbar{height:2px}.sc-menu-elements-carousel::-webkit-scrollbar-track{background:transparent}.sc-menu-elements-carousel::-webkit-scrollbar-thumb{background:#0000001f;border-radius:2px}.sc-menu-elements-carousel:hover::-webkit-scrollbar-thumb{background:#0000002e}.sc-menu-carousel-card{flex:0 0 auto}.sc-menu-carousel-card .sc-menu-element{width:100%;height:100%}.sc-menu-carousel-card .sc-menu-item{display:block;width:100%;text-decoration:none;color:inherit}.sc-menu-carousel-card .sc-menu-item-text{font-size:.8rem;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}@media (max-width: 480px){.sc-menu-carousel-card .sc-menu-item-text{font-size:.75rem}}.sc-user-input--button-icon-wrapper{background:none;border:none;padding:0;margin:0;outline:none;cursor:pointer}.sc-user-input--button-icon-wrapper:focus{outline:none}.sc-user-input--button-icon-wrapper svg{width:16px;height:16px;cursor:pointer;align-self:center;outline:none;display:inline-block;vertical-align:middle}.sc-user-input--button-icon-wrapper svg:hover path{filter:contrast(15%)}.sc-suggestions-row{text-align:center;padding:.5rem 0}.sc-suggestions-element{margin:0 0 .25rem .25rem;padding:.25rem .5rem;border:1px solid;border-radius:2rem;font-size:1rem;background:inherit;cursor:pointer;outline:0}.sc-user-input{min-height:55px;margin:0;position:relative;bottom:0;display:flex;background-color:#f4f7f9;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;transition:background-color .2s ease,box-shadow .2s ease;border-top:1px solid #eef2f4}.sc-user-input--text{flex-grow:1;resize:none;border:none;outline:none;border-bottom-left-radius:.5rem;box-sizing:border-box;padding:18px 8px;font-size:15px;font-weight:400;line-height:1.33;white-space:pre-wrap;word-wrap:break-word;color:#565867;-webkit-font-smoothing:antialiased;max-height:200px;overflow:scroll;bottom:0;overflow-x:hidden;overflow-y:auto}.sc-user-input--text:empty:before{content:attr(placeholder);display:block;color:#56586780;filter:contrast(15%);outline:none;cursor:text}.sc-user-input--text[contenteditable=true]:focus:empty:before{position:absolute}.sc-user-input--text[contenteditable=true]:focus:empty:after{content:" "}.sc-user-input--buttons{display:flex;gap:4px;margin:0 .5rem}.sc-user-input--button{display:flex;flex-direction:column;justify-content:center}.sc-user-input--button:not(:last-child){margin-right:2px}.sc-user-input.active{box-shadow:none;background-color:#fff;box-shadow:0 -5px 20px #96a5be33}.sc-user-input--button label{position:relative;height:24px;padding-left:3px;cursor:pointer}.sc-user-input--button label:hover path{fill:#565867}.sc-user-input--button input{position:absolute;left:0;top:0;width:100%;z-index:99999;height:100%;opacity:0;cursor:pointer;overflow:hidden}.sc-file-container{padding:5px 20px;display:flex;align-items:center}.sc-user-input--file-icon{vertical-align:bottom;width:16px;height:16px}.delete-file-message{font-style:normal;float:right;cursor:pointer;color:#c8cad0}.delete-file-message:hover{color:#5d5e6d}.icon-file-message{margin-right:5px}.sc-webview{border:0!important;position:relative;width:100%;height:100%;padding:0;margin:0}.sc-webview iframe{width:100%;height:calc(100% - 35px)}.sc-webview--footer{width:100%;height:35px;text-align:center;display:table}.sc-webview--button{cursor:pointer;display:table-cell;vertical-align:middle;margin:0;padding:0}.sc-webview--button img{vertical-align:middle}.sc-chat-window{width:370px;height:calc(100% - 120px);max-height:590px;position:fixed;right:25px;bottom:100px;box-sizing:border-box;box-shadow:0 7px 40px 2px #9495961a;background:#fff;display:flex;flex-direction:column;justify-content:space-between;border-radius:10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;animation:fadeIn;animation-duration:.3s;animation-timing-function:ease-in-out;z-index:10000}.sc-chat-window.closed{opacity:0;display:none;bottom:90px}@keyframes fadeIn{0%{display:none;opacity:0}to{display:flex;opacity:1}}.sc-message--me{text-align:right}.sc-message--them{text-align:left}@media (max-width: 450px){.sc-chat-window{width:100%;height:100%;max-height:100%;right:0;bottom:0;border-radius:0}.sc-chat-window{transition:.1s ease-in-out}.sc-chat-window.closed{bottom:0}}.sc-launcher{width:60px;height:60px;background-position:center;background-repeat:no-repeat;position:fixed;right:20px;bottom:20px;border-radius:50%;box-shadow:4px 4px 10px #0000004d;transition:box-shadow .2s ease-in-out;cursor:pointer}.sc-launcher:before{content:"";position:relative;display:block;width:60px;height:60px;border-radius:50%;transition:box-shadow .2s ease-in-out}.sc-launcher .sc-open-icon,.sc-launcher .sc-closed-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;fill:#fff}.sc-launcher .sc-new-messages-count{position:absolute;top:-3px;left:41px;display:flex;justify-content:center;flex-direction:column;border-radius:50%;width:22px;height:22px;background:#ff4646;color:#fff;text-align:center;margin:auto;font-size:12px;font-weight:500}.sc-launcher.opened:before{box-shadow:0 0 400px 250px #94959633}.sc-launcher:hover{box-shadow:0 0 27px 1.5px #0003}.loading-image{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%)}.user-subscription-wrapper{height:100%;width:100%;position:relative;text-align:center;align-content:center;display:flex;flex-direction:column}.user-subscription-wrapper .user-subscription{height:100%;max-height:520px;display:flex;flex-direction:column}.user-subscription-wrapper .user-subscription .user-subscription-title{margin:2rem;flex-shrink:0}.user-subscription-wrapper .user-subscription .user-subscription-form{height:calc(100vh - 20px);flex:1;display:flex;flex-direction:column;min-height:0}.user-subscription-wrapper .user-subscription .user-subscription-form .user-subscription-inputs{flex:1;overflow-y:auto;padding:0 1rem .5rem .5rem;display:flex;flex-direction:column;gap:1rem}.user-subscription-wrapper .user-subscription .user-subscription-form .user-subscription-inputs .user-subscription-form-field{display:flex;flex-direction:column;align-items:stretch}.user-subscription-wrapper .user-subscription .user-subscription-form .user-subscription-inputs .user-subscription-form-input{border:1px solid #dfe5e8;outline:0;padding:.75rem;border-radius:.75rem;width:100%;box-sizing:border-box;font-size:.95rem;transition:border-color .15s ease,box-shadow .15s ease}.user-subscription-wrapper .user-subscription .user-subscription-form .user-subscription-inputs .user-subscription-form-input:focus{border-color:#999;box-shadow:0 0 0 2px #0000000d}.user-subscription-wrapper .user-subscription .user-subscription-form .user-subscription-inputs .user-subscription-form-input.error{border-color:#ff4d4f}.user-subscription-wrapper .user-subscription .user-subscription-form .user-subscription-inputs .user-subscription-error{margin-top:.35rem;color:#ff4d4f;font-size:.8rem;text-align:left}.user-subscription-wrapper .user-subscription .user-subscription-form .user-subscription-button-section{flex-shrink:0;padding:1rem;background:#fff;border-top:1px solid #f0f0f0;position:sticky;bottom:0;z-index:10;box-shadow:0 -2px 10px #0000001a}.user-subscription-wrapper .user-subscription .user-subscription-form .user-subscription-button-section .user-subscription-form-button-submit{display:block;border-radius:2rem;border:0;width:100%;padding:1rem;cursor:pointer;font-size:1rem;font-weight:500}.user-subscription-wrapper .user-subscription .user-subscription-form .sc-message--contact-form-authorization{margin:.5rem 1rem 1rem;color:#737b80;font-size:.78rem;line-height:1.4;text-align:left}.user-subscription-wrapper .user-subscription .user-subscription-form .sc-message--contact-form-link{color:#1677ff;text-decoration:underline;cursor:pointer}.sc-launcher,.sc-chat-window{right:25px!important;bottom:25px!important;z-index:999!important;box-shadow:0 0 8px #c4c4c4!important}
+@charset "UTF-8";/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.sc-header{min-height:64px;border-top-left-radius:.5rem;border-top-right-radius:.5rem;padding:10px;box-shadow:0 1px 4px #0003;position:relative;box-sizing:border-box;display:flex}.sc-header--img{border-radius:50%;align-self:center;padding:10px;max-width:32px;max-height:32px;box-sizing:content-box}.sc-header--title{align-self:center;flex:1;-webkit-user-select:none;user-select:none;font-size:1.25rem}.sc-header--title.enabled{cursor:pointer;border-radius:5px}.sc-header--title.enabled:hover{box-shadow:0 2px 5px #0000011a}.sc-header--actions{display:flex;align-items:center;gap:8px;margin-left:auto}.sc-header--close-button{width:36px;height:36px;align-self:center;margin-right:10px;box-sizing:border-box;cursor:pointer;border-radius:100%}.sc-header--close-button:hover{box-shadow:0 2px 5px #0000011a}.sc-header--close-button svg{width:100%;height:100%;padding:5px;box-sizing:border-box;fill:#fff}@media (max-width: 450px){.sc-header{border-radius:0}}.staff-menu{position:relative;display:inline-block}.staff-menu-toggle{background:none;border:none;cursor:pointer;padding:8px;border-radius:4px;color:inherit;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.staff-menu-toggle:hover{background-color:#ffffff1a}.staff-menu-toggle:focus{outline:none;background-color:#ffffff1a}.staff-menu-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100;min-width:180px;overflow:hidden;animation:dropdownFadeIn .2s ease-out}.staff-menu-dropdown-open{display:block!important}.staff-menu-dropdown-closed{display:none!important}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.staff-menu-item{width:100%;padding:12px 16px;border:none;background:none;cursor:pointer;display:flex;align-items:center;gap:8px;color:#333;font-size:14px;transition:background-color .2s ease;text-align:left}.staff-menu-item:hover{background-color:#f5f5f5}.staff-menu-item:focus{outline:none;background-color:#f5f5f5}.staff-menu-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.staff-menu-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.staff-menu-item svg{flex-shrink:0}.sc-header[style*="background: rgb(51, 51, 51)"] .staff-menu-dropdown,.sc-header[style*="background: #333"] .staff-menu-dropdown{background:#2a2a2a;border-color:#444}.sc-header[style*="background: rgb(51, 51, 51)"] .staff-menu-dropdown .staff-menu-item,.sc-header[style*="background: #333"] .staff-menu-dropdown .staff-menu-item{color:#fff}.sc-header[style*="background: rgb(51, 51, 51)"] .staff-menu-dropdown .staff-menu-item:hover,.sc-header[style*="background: #333"] .staff-menu-dropdown .staff-menu-item:hover{background-color:#3a3a3a}.sc-header[style*="background: rgb(51, 51, 51)"] .staff-menu-dropdown .staff-menu-item:focus,.sc-header[style*="background: #333"] .staff-menu-dropdown .staff-menu-item:focus{background-color:#3a3a3a}.sc-chat--disconnected-icon-wrapper{position:relative;height:100%;width:100%}.sc-chat--disconnected-icon{position:absolute;top:50%;left:50%;transform:translateY(-50%) translate(-50%);text-align:center}.sc-chat--disconnected-text{width:100%}.sc-chat--disconnected-button{border:1px solid;border-radius:2rem;padding:5px 10px;width:80%;margin:2px;cursor:pointer;outline:0}.sc-chat--disconnected-button:active{content:"";opacity:0;transition:all .5s}.sc-chat--disconnected-button:active:after{opacity:1;transition:0s}.sc-message{margin:auto;padding:0 .5rem 0 0;display:flex;margin-bottom:.25rem}.sc-message:first-child{margin-top:50%}.sc-message.sent{flex-direction:row-reverse}.sc-message.sent .sc-message--content{justify-content:flex-end}.sc-message.sent .sc-message--content .sc-message--avatar{display:none}.sc-message.sent .sc-message--content .sc-message--wrapper{align-items:flex-end}.sc-message.sent .sc-message--content .sc-message--wrapper .sc-message--text{color:#fff;background-color:#4e8cff;word-wrap:break-word}.sc-message.sent .sc-message--content .sc-message--wrapper .sc-message--meta{flex-direction:row-reverse}.sc-message .sc-message--content{display:flex;flex-direction:row;position:relative;max-width:calc(100% - 40px);width:auto}.sc-message .sc-message--content .sc-message--avatar{width:32px;height:32px;margin:2px 4px;background-position:0 0;flex-shrink:0;background-size:cover;border-radius:100%}.sc-message .sc-message--content .sc-message--wrapper{display:flex;flex-direction:column}.sc-message .sc-message--content .sc-message--wrapper .sc-message--text{padding:10px 20px;border-radius:.5rem;font-weight:400;font-size:.9rem;line-height:1.5;position:relative;-webkit-font-smoothing:subpixel-antialiased;color:#263238;background-color:#f4f7f9}.sc-message .sc-message--content .sc-message--wrapper .sc-message--text .sc-message--text-body .sc-message--text-content{white-space:pre-wrap}.sc-message .sc-message--content .sc-message--wrapper .sc-message--meta{display:flex;justify-content:space-between;align-items:flex-start;font-size:.65rem;margin-top:4px;padding:0 4px;width:100%;height:18px;box-sizing:border-box}@media (max-width: 450px){.sc-message{width:80%}}.sc-message--buttons{color:#222;max-width:-webkit-fill-available;padding:.25rem .5rem;border-radius:.5rem;font-weight:300;font-size:1.25rem;line-height:1.4;position:relative;-webkit-font-smoothing:subpixel-antialiased;text-align:center}.sc-message--buttons .sc-message--buttons-content{border:1px solid;border-radius:2rem;padding:.25rem;width:80%;margin:2px;cursor:pointer;outline:0;font-size:.75rem}.sc-message--list-element-bottom .sc-message--buttons-content{width:100%;font-weight:600;border-radius:0 0 6px 6px;padding:.5rem;margin:0}.sc-message--list-element-bottom .sc-message--buttons{padding:0}.sc-message--list-element .sc-message--buttons-content{padding:.5rem;margin:0}.sc-message--list-element .sc-message--buttons{padding:0;margin:1rem;text-align:center}.sc-message--carousel-element .sc-message--buttons-content{padding:.5rem;margin-bottom:16px}.sc-message--carousel-element .sc-message--buttons{margin:0;text-align:center}.sc-message--carousel{border-radius:.5rem;position:relative;width:275px;overflow:hidden}.sc-message--carousel .sc-message--carousel-inner{display:flex;transition:transform .5s ease;width:100%}.sc-message--carousel .sc-message--carousel-inner .sc-message--carousel-element-wrapper{min-width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center}.sc-message--carousel .sc-message--carousel-inner .sc-message--carousel-element-wrapper .sc-message--carousel-element{width:100%}.sc-message--carousel .sc-message--carousel-inner .sc-message--carousel-element-wrapper .sc-message--carousel-element .sc-message--carousel-element-image{background-repeat:no-repeat;background-size:cover;position:relative;width:100%;height:150px}.sc-message--carousel .sc-message--carousel-inner .sc-message--carousel-element-wrapper .sc-message--carousel-element .sc-message--carousel-title{font-size:1rem;font-weight:600;padding:.5rem 0;margin-top:8px}.sc-message--carousel .sc-message--carousel-inner .sc-message--carousel-element-wrapper .sc-message--carousel-element .sc-message--carousel-element-description{width:100%;padding:0 2rem;box-sizing:border-box}.sc-message--carousel .sc-message--carousel-control{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;color:#fff;border:none;cursor:pointer;z-index:2;font-size:.75rem}.sc-message--carousel .sc-message--carousel-control.prev{left:0;top:calc(50% - 14px);width:1.5rem;height:2rem}.sc-message--carousel .sc-message--carousel-control.next{top:calc(50% - 14px);right:0;width:1.5rem;height:2rem}.sc-message--file{background-color:transparent!important;border-radius:.5rem;font-weight:300;font-size:14px;line-height:1.4;-webkit-font-smoothing:subpixel-antialiased}.sc-message--file audio,.sc-message--file video{max-width:100%}.sc-message--content.sent .sc-message--file{word-wrap:break-word}.sc-message--file-icon{text-align:center;margin-left:auto;margin-right:auto;margin-bottom:0}.sc-image{max-width:100%;height:auto}.sc-message--file-download{padding:10px 20px;border-radius:.5rem;color:#fff;text-align:center}.sc-message--file-download a{text-decoration:none;color:#ece7e7}.sc-message--file-download a img{vertical-align:middle;width:24px;height:auto}.sc-message--content.received .sc-message--file{color:#263238;background-color:#f4f7f9;margin-right:40px}.sc-message--content.received .sc-message--file-download{color:#000}.sc-message--content.received .sc-message--file a{color:#2b2828b3}.sc-message--content.received .sc-message--file a:hover{color:#0c0c0c}.sc-message--location{border-radius:.5rem}.sc-message-map{width:200px;height:150px;border-radius:.5rem}.sc-message--list{border-radius:.5rem;width:256px}.sc-message--list .sc-message--list-element{position:relative;border-bottom:1px solid;padding:1rem}.sc-message--list .sc-message--list-element .sc-message--list-element-content{width:100%;display:block}.sc-message--list .sc-message--list-element .sc-message--list-element-content.large{width:100%;display:block;margin:0}.sc-message--list .sc-message--list-element .sc-message--list-element-content.large .sc-message--list-element-image{background-size:cover;height:auto;border-radius:.5rem .5rem 0 0}.sc-message--list .sc-message--list-element .sc-message--list-element-content.large .sc-message--list-element-description{color:#fff;border-radius:.5rem .5rem 0 0;background:#00000080}.sc-message--list .sc-message--list-element .sc-message--list-element-content.compact{padding:.5rem 0}.sc-message--list .sc-message--list-element .sc-message--list-element-content .sc-message--list-element-title{font-size:1.125rem;font-weight:600;margin:0;white-space:pre-line}.sc-message--list .sc-message--list-element .sc-message--list-element-content .sc-message--list-element-image{background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;width:100%;height:117px}.sc-message--contact-form{border-radius:12px;padding:10px;margin:10px 0 2px;max-width:100%;word-wrap:break-word;position:relative;background-color:#fff;box-shadow:0 2px 8px #0000001a}.sc-message--contact-form-content,.sc-message--contact-form-form{display:flex;flex-direction:column;gap:16px}.sc-message--contact-form-field{display:flex;flex-direction:column;gap:8px}.sc-message--contact-form-label{font-size:14px;font-weight:500;color:#666;margin-bottom:4px}.sc-message--contact-form-label.name-label{color:#007bff}.sc-message--contact-form-label.phone-label,.sc-message--contact-form-label.email-label,.sc-message--contact-form-label.message-label{color:#666}.sc-message--contact-form-input{padding:0 0 8px;border:none;border-bottom:1px solid #e0e0e0;border-radius:0;font-size:16px;background-color:transparent;color:#333;transition:border-color .2s ease;outline:none}.sc-message--contact-form-input:focus{border-bottom-color:#007bff}.sc-message--contact-form-input:disabled{opacity:.6;cursor:not-allowed}.sc-message--contact-form-authorization{font-size:12px;color:#666;line-height:1.4;margin:8px 0}.sc-message--contact-form-link{color:#007bff;text-decoration:none}.sc-message--contact-form-link:hover{text-decoration:underline}.sc-message--contact-form-submit{padding:12px 24px;background-color:#007bff;border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px;text-align:center;margin-left:auto;margin-right:auto}.sc-message--contact-form-submit:hover:not(:disabled){background-color:#0056b3}.sc-message--contact-form-submit:disabled{opacity:.6;cursor:not-allowed}.sc-message--contact-form-submitted{display:flex;flex-direction:column;gap:16px}.sc-message--contact-form-submitted-title{font-size:16px;font-weight:600;color:#4caf50;text-align:center;margin-bottom:8px}.sc-message--contact-form-submitted-info{display:flex;flex-direction:column;gap:12px}.sc-message--contact-form-submitted-item{display:flex;flex-direction:column;gap:4px;padding:12px;background-color:#f8f9fa;border-radius:8px;border-left:4px solid #007bff}.sc-message--contact-form-submitted-label{font-size:12px;font-weight:500;color:#666;text-transform:uppercase;letter-spacing:.5px}.sc-message--contact-form-submitted-value{font-size:14px;font-weight:500;color:#333;word-break:break-word}.sc-message--contact-form-submitted-text{font-size:14px;line-height:1.6;color:inherit;padding:12px;background-color:#ffffff1a;border-radius:8px;border-left:4px solid #007bff}.sc-message--contact-form-submitted-text strong{font-weight:600;color:inherit;opacity:.8}.sc-message--contact-form-phone-display{font-size:18px;font-weight:700;color:#007bff;text-align:center;padding:8px 12px;background-color:#007bff1a;border-radius:8px;margin-bottom:12px;border:2px solid #007bff;cursor:pointer;transition:all .2s ease}.sc-message--contact-form-phone-display:hover{background-color:#007bff33;transform:translateY(-1px);box-shadow:0 2px 8px #007bff4d}.sc-message--contact-form-phone-link{color:inherit;text-decoration:none;display:block;width:100%;height:100%}.sc-message--contact-form-phone-link:hover{color:inherit;text-decoration:none}.sc-message--contact-form-phone-link:focus{outline:none;color:inherit}.sc-message--contact-form-phone-link:active,.sc-message--contact-form-phone-link:visited{color:inherit}.sc-message--contact-form-response-text{font-size:14px;line-height:1.5;color:inherit;text-align:center;opacity:.9}.sc-message--contact-form-system{margin-top:8px}.sc-message--contact-form-user{margin-bottom:8px}.sc-message--contact-form-error{color:#dc3545;font-size:12px;margin-top:4px;display:block;line-height:1.4}a.chatLink{color:inherit!important}p.sc-message--text-content{margin:0!important;white-space:pre-line}.sc-message--contact-form-phone-display{padding-top:10px}.sc--status{display:flex;flex-direction:row}.sc--status .sc--status-read{margin-right:-6px}.sc-message-list{height:80%;overflow-y:auto;background-size:100%;padding:40px 0}.sc-typing-indicator{text-align:center;padding:.5rem;border-radius:2rem;width:50px;margin-left:2rem}.sc-typing-indicator span{display:inline-block;background-color:#b6b5ba;width:5px;height:5px;border-radius:100%;margin-right:3px;animation:bob 2s infinite}.sc-typing-indicator span:nth-child(1){animation-delay:-1s}.sc-typing-indicator span:nth-child(2){animation-delay:-.85s}.sc-typing-indicator span:nth-child(3){animation-delay:-.7s}@keyframes bob{10%{transform:translateY(-10px);background-color:#9e9da2}50%{transform:translateY(0);background-color:#b6b5ba}}.sc-message--contact-form-confirmation{margin:8px 0;padding:12px 16px;border-radius:8px;border:1px solid rgba(0,0,0,.1);width:70%}.sc-message--contact-form-confirmation .sc-message--contact-form-phone-display{margin-bottom:12px}.sc-message--contact-form-confirmation .sc-message--contact-form-phone-display .sc-message--contact-form-phone-link{color:#007bff;text-decoration:none;font-weight:600;font-size:16px}.sc-message--contact-form-confirmation .sc-message--contact-form-phone-display .sc-message--contact-form-phone-link:hover{text-decoration:underline}.sc-message--contact-form-confirmation .sc-message--contact-form-response-text h3{margin:0 0 8px;font-size:16px;font-weight:600;color:inherit}.sc-message--contact-form-confirmation .sc-message--contact-form-response-text p{margin:0;font-size:14px;line-height:1.4;color:inherit}.sc-emoji-picker{position:absolute;bottom:30px;right:0;min-width:200px;max-height:215px;box-shadow:0 7px 40px 2px #9495964d;background:#fff;border-radius:10px;outline:none}.sc-emoji-picker:after{content:"";width:14px;height:14px;background:#fff;position:absolute;bottom:-6px;right:55px;transform:rotate(45deg);border-radius:2px}.sc-emoji-picker--content{padding:.5rem;overflow:auto;width:100%;max-height:195px;margin-top:5px;box-sizing:border-box}.sc-emoji-picker--category{display:flex;flex-direction:row;flex-wrap:wrap}.sc-emoji-picker--category-title{min-width:100%;color:#b8c3ca;font-weight:200;font-size:1rem;margin:5px;letter-spacing:1px}.sc-emoji-picker--emoji{margin:5px;width:18px;text-align:center;cursor:pointer;vertical-align:middle;font-size:1.5rem;transition:transform 60ms ease-out,-webkit-transform 60ms ease-out}.sc-emoji-picker--emoji:hover{transform:scale(1.4)}.sc-user-input--emoji-icon-wrapper{background:none;border:none;padding:0;margin:0;outline:none;opacity:.5}.sc-user-input--emoji-icon-wrapper:focus{outline:none}.sc-user-input--emoji-icon{width:20px;height:20px;cursor:pointer;align-self:center;vertical-align:middle}.sc-user-input--emoji-icon-wrapper:focus,.sc-user-input--emoji-icon-wrapper:hover{opacity:1}.sc-user-input--file-wrapper{background:none;border:none;padding:0;margin:0;outline:none;position:relative;cursor:pointer;opacity:.5}.sc-user-input--file-icon-wrapper{background:none;border:none;padding:0;margin:0;outline:none;cursor:pointer!important}.sc-user-input--file-icon{width:16px;height:16px;align-self:center;outline:none;vertical-align:middle}.sc-user-input--file-wrapper:hover{opacity:1}.sc-user-input--location-icon-wrapper{background:none;border:none;padding:0;margin:0;outline:none;opacity:.5}.sc-user-input--location-icon-wrapper:focus{outline:none}.sc-user-input--location-icon{width:20px;height:20px;cursor:pointer;align-self:center;vertical-align:middle}.sc-user-input--location-icon-wrapper:hover{opacity:1}.sc-menu-element{position:relative;font-size:.9rem;cursor:pointer;min-width:100px;max-width:130px}.sc-menu-item{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:5px 10px;text-decoration:none;width:100%;background:transparent;border:none;border-radius:0;transition:all .2s ease;box-shadow:none;gap:8px}.sc-menu-item:hover{background:transparent;transform:none;box-shadow:none}.sc-menu-item:active{transform:none;box-shadow:none}.sc-menu-item:focus{outline:2px solid #007bff;outline-offset:2px}.sc-menu-item .sc-menu-item-emoji{font-size:1.2rem;flex-shrink:0}.sc-menu-item .sc-menu-item-text{font-size:.9rem;font-weight:500;text-align:left;line-height:1.3;color:#333;flex:1;padding:8px 12px;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:12px;transition:all .2s ease;box-shadow:0 2px 6px #00000014}.sc-menu-item .sc-menu-item-text:hover{background:#eee;transform:translateY(-1px);box-shadow:0 4px 12px #0000001f}.sc-menu-item-button{display:none}@media (max-width: 480px){.sc-menu-element{min-width:100px;max-width:130px}.sc-menu-item{padding:8px 12px;min-height:44px;gap:6px}.sc-menu-item .sc-menu-item-emoji{font-size:1.1rem}.sc-menu-item .sc-menu-item-text{font-size:.8rem;padding:6px 10px}}.sc-user-input--menu{align-self:center;width:100%}.sc-user-input--menu-button,.sc-user-input--menu-img{display:none}.sc-menu-content{display:block;position:absolute;box-shadow:0 -8px 24px #00000026;width:95%;max-width:500px;bottom:55px;z-index:3;border-radius:16px;padding:20px;background:#fff;border:1px solid #f0f0f0}.sc-menu-content:active,.sc-menu-content:focus{outline:none}.sc-menu-always-visible{position:static;width:100%;max-width:none;bottom:auto;box-shadow:none;border:none;border-radius:0;background:transparent}.sc-header-submenu-content{position:relative;text-align:center;margin-bottom:20px}.sc-header-submenu-content .sc-title-submenu-title{font-weight:600;font-size:1.125rem;margin:0;color:#333}.sc-return-submenu-content{display:inline-block;position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:1.5rem;padding:1rem;text-decoration:none;cursor:pointer;color:#666}.sc-return-submenu-content:hover{color:#333}.sc-menu-elements-horizontal{display:flex;gap:16px;flex-wrap:wrap}.sc-menu-elements-carousel{display:flex;justify-content:start;gap:8px;width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.12) transparent}.sc-menu-elements-carousel::-webkit-scrollbar{height:2px}.sc-menu-elements-carousel::-webkit-scrollbar-track{background:transparent}.sc-menu-elements-carousel::-webkit-scrollbar-thumb{background:#0000001f;border-radius:2px}.sc-menu-elements-carousel:hover::-webkit-scrollbar-thumb{background:#0000002e}.sc-menu-carousel-card{flex:0 0 auto}.sc-menu-carousel-card .sc-menu-element{width:100%;height:100%}.sc-menu-carousel-card .sc-menu-item{display:block;width:100%;text-decoration:none;color:inherit}.sc-menu-carousel-card .sc-menu-item-text{font-size:.8rem;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}@media (max-width: 480px){.sc-menu-carousel-card .sc-menu-item-text{font-size:.75rem}}.sc-user-input--button-icon-wrapper{background:none;border:none;padding:0;margin:0;outline:none;cursor:pointer}.sc-user-input--button-icon-wrapper:focus{outline:none}.sc-user-input--button-icon-wrapper svg{width:16px;height:16px;cursor:pointer;align-self:center;outline:none;display:inline-block;vertical-align:middle}.sc-user-input--button-icon-wrapper svg:hover path{filter:contrast(15%)}.sc-suggestions-row{text-align:center;padding:.5rem 0}.sc-suggestions-element{margin:0 0 .25rem .25rem;padding:.25rem .5rem;border:1px solid;border-radius:2rem;font-size:1rem;background:inherit;cursor:pointer;outline:0}.sc-user-input{min-height:55px;margin:0;position:relative;bottom:0;display:flex;background-color:#f4f7f9;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;transition:background-color .2s ease,box-shadow .2s ease;border-top:1px solid #eef2f4}.sc-user-input--text{flex-grow:1;resize:none;border:none;outline:none;border-bottom-left-radius:.5rem;box-sizing:border-box;padding:18px 8px;font-size:15px;font-weight:400;line-height:1.33;white-space:pre-wrap;word-wrap:break-word;color:#565867;-webkit-font-smoothing:antialiased;max-height:200px;overflow:scroll;bottom:0;overflow-x:hidden;overflow-y:auto}.sc-user-input--text:empty:before{content:attr(placeholder);display:block;color:#56586780;filter:contrast(15%);outline:none;cursor:text}.sc-user-input--text[contenteditable=true]:focus:empty:before{position:absolute}.sc-user-input--text[contenteditable=true]:focus:empty:after{content:" "}.sc-user-input--buttons{display:flex;gap:4px;margin:0 .5rem}.sc-user-input--button{display:flex;flex-direction:column;justify-content:center}.sc-user-input--button:not(:last-child){margin-right:2px}.sc-user-input.active{box-shadow:none;background-color:#fff;box-shadow:0 -5px 20px #96a5be33}.sc-user-input--button label{position:relative;height:24px;padding-left:3px;cursor:pointer}.sc-user-input--button label:hover path{fill:#565867}.sc-user-input--button input{position:absolute;left:0;top:0;width:100%;z-index:99999;height:100%;opacity:0;cursor:pointer;overflow:hidden}.sc-file-container{padding:5px 20px;display:flex;align-items:center}.sc-user-input--file-icon{vertical-align:bottom;width:16px;height:16px}.delete-file-message{font-style:normal;float:right;cursor:pointer;color:#c8cad0}.delete-file-message:hover{color:#5d5e6d}.icon-file-message{margin-right:5px}.sc-webview{border:0!important;position:relative;width:100%;height:100%;padding:0;margin:0}.sc-webview iframe{width:100%;height:calc(100% - 35px)}.sc-webview--footer{width:100%;height:35px;text-align:center;display:table}.sc-webview--button{cursor:pointer;display:table-cell;vertical-align:middle;margin:0;padding:0}.sc-webview--button img{vertical-align:middle}.sc-chat-window{width:370px;height:calc(100% - 120px);max-height:590px;position:fixed;right:25px;bottom:100px;box-sizing:border-box;box-shadow:0 7px 40px 2px #9495961a;background:#fff;display:flex;flex-direction:column;justify-content:space-between;border-radius:10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;animation:fadeIn;animation-duration:.3s;animation-timing-function:ease-in-out;z-index:10000}.sc-chat-window.closed{opacity:0;display:none;bottom:90px}@keyframes fadeIn{0%{display:none;opacity:0}to{display:flex;opacity:1}}.sc-message--me{text-align:right}.sc-message--them{text-align:left}@media (max-width: 450px){.sc-chat-window{width:100%;height:100%;max-height:100%;right:0;bottom:0;border-radius:0}.sc-chat-window{transition:.1s ease-in-out}.sc-chat-window.closed{bottom:0}}.sc-launcher{width:60px;height:60px;background-position:center;background-repeat:no-repeat;position:fixed;right:20px;bottom:20px;border-radius:50%;box-shadow:4px 4px 10px #0000004d;transition:box-shadow .2s ease-in-out;cursor:pointer}.sc-launcher:before{content:"";position:relative;display:block;width:60px;height:60px;border-radius:50%;transition:box-shadow .2s ease-in-out}.sc-launcher .sc-open-icon,.sc-launcher .sc-closed-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;fill:#fff}.sc-launcher .sc-new-messages-count{position:absolute;top:-3px;left:41px;display:flex;justify-content:center;flex-direction:column;border-radius:50%;width:22px;height:22px;background:#ff4646;color:#fff;text-align:center;margin:auto;font-size:12px;font-weight:500}.sc-launcher.opened:before{box-shadow:0 0 400px 250px #94959633}.sc-launcher:hover{box-shadow:0 0 27px 1.5px #0003}.loading-image{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%)}.user-subscription-wrapper{height:100%;width:100%;position:relative;text-align:center;align-content:center;display:flex;flex-direction:column}.user-subscription-wrapper .user-subscription{height:100%;max-height:520px;display:flex;flex-direction:column}.user-subscription-wrapper .user-subscription .user-subscription-title{margin:2rem;flex-shrink:0}.user-subscription-wrapper .user-subscription .user-subscription-form{height:calc(100vh - 20px);flex:1;display:flex;flex-direction:column;min-height:0}.user-subscription-wrapper .user-subscription .user-subscription-form .user-subscription-inputs{flex:1;overflow-y:auto;padding:0 1rem .5rem .5rem;display:flex;flex-direction:column;gap:1rem}.user-subscription-wrapper .user-subscription .user-subscription-form .user-subscription-inputs .user-subscription-form-field{display:flex;flex-direction:column;align-items:stretch}.user-subscription-wrapper .user-subscription .user-subscription-form .user-subscription-inputs .user-subscription-form-input{border:1px solid #dfe5e8;outline:0;padding:.75rem;border-radius:.75rem;width:100%;box-sizing:border-box;font-size:.95rem;transition:border-color .15s ease,box-shadow .15s ease}.user-subscription-wrapper .user-subscription .user-subscription-form .user-subscription-inputs .user-subscription-form-input:focus{border-color:#999;box-shadow:0 0 0 2px #0000000d}.user-subscription-wrapper .user-subscription .user-subscription-form .user-subscription-inputs .user-subscription-form-input.error{border-color:#ff4d4f}.user-subscription-wrapper .user-subscription .user-subscription-form .user-subscription-inputs .user-subscription-error{margin-top:.35rem;color:#ff4d4f;font-size:.8rem;text-align:left}.user-subscription-wrapper .user-subscription .user-subscription-form .user-subscription-button-section{flex-shrink:0;padding:1rem;background:#fff;border-top:1px solid #f0f0f0;position:sticky;bottom:0;z-index:10;box-shadow:0 -2px 10px #0000001a}.user-subscription-wrapper .user-subscription .user-subscription-form .user-subscription-button-section .user-subscription-form-button-submit{display:block;border-radius:2rem;border:0;width:100%;padding:1rem;cursor:pointer;font-size:1rem;font-weight:500}.user-subscription-wrapper .user-subscription .user-subscription-form .sc-message--contact-form-authorization{margin:.5rem 1rem 1rem;color:#737b80;font-size:.78rem;line-height:1.4;text-align:left}.user-subscription-wrapper .user-subscription .user-subscription-form .sc-message--contact-form-link{color:#1677ff;text-decoration:underline;cursor:pointer}.sc-launcher,.sc-chat-window{right:25px!important;bottom:25px!important;z-index:999!important;box-shadow:0 0 8px #c4c4c4!important}

package/package.json

@@ -1,70 +1,70 @@
-{
-  "name": "@connorpham/live-chat-widget",
-  "version": "16.0.0",
-  "description": "Live Chat Widget",
-  "author": "Live",
-  "license": "AGPL-3.0-only",
-  "type": "module",
-  "main": "dist/cellcast-bot-widget.umd.js",
-  "types": "dist/index.d.ts",
-  "style": "dist/style.css",
-  "module": "dist/cellcast-bot-widget.es.js",
-  "exports": {
-    ".": {
-      "import": "./dist/cellcast-bot-widget.es.js",
-      "require": "./dist/cellcast-bot-widget.umd.js",
-      "types": "./dist/index.d.ts"
-    },
-    "./style.css": "./dist/style.css",
-    "./dist/style.css": "./dist/style.css"
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc -p tsconfig.build.json && vite build",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "lint:fix": "eslint . --ext ts,tsx --fix",
-    "preview": "vite preview",
-    "serve": "serve ./dist/ --cors --single --listen 8080",
-    "typecheck": "tsc --noEmit"
-  },
-  "lint-staged": {
-    "*.{ts,tsx}": "eslint --fix -c \".eslintrc-staged.json\""
-  },
-  "dependencies": {
-    "@types/emoji-js": "^3.5.2",
-    "autolinker": "^4.0.0",
-    "dayjs": "^1.11.12",
-    "emoji-js": "^3.8.0",
-    "normalize.css": "^8.0.1",
-    "react": "^17.0.2 || ^18.0.0",
-    "react-dom": "^17.0.2 || ^18.0.0",
-    "serve": "^14.2.4",
-    "socket.io-client": "^4.7.5"
-  },
-  "devDependencies": {
-    "@types/node": "^24.5.2",
-    "@types/react": "^17.0.0",
-    "@types/react-dom": "^17.0.0",
-    "@typescript-eslint/eslint-plugin": "^7.15.0",
-    "@typescript-eslint/parser": "^7.15.0",
-    "@vitejs/plugin-react": "^4.3.1",
-    "eslint": "^8.57.0",
-    "eslint-plugin-header": "^3.1.1",
-    "eslint-plugin-react": "^7.37.2",
-    "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-react-refresh": "^0.4.7",
-    "lint-staged": "^15.3.0",
-    "sass": "^1.77.8",
-    "typescript": "^5.2.2",
-    "vite": "^5.3.4",
-    "vite-plugin-dts": "^4.0.2"
-  },
-  "optionalDependencies": {
-    "@esbuild/darwin-arm64": "^0.24.0",
-    "@rollup/rollup-darwin-arm64": "^4.24.0"
-  },
-  "peerDependencies": {
-    "react": "^17.0.2 || ^18.0.0",
-    "react-dom": "^17.0.2 || ^18.0.0"
-  }
-}
+{
+  "name": "@connorpham/live-chat-widget",
+  "version": "17.0.1",
+  "description": "Live Chat Widget",
+  "author": "Live",
+  "license": "AGPL-3.0-only",
+  "type": "module",
+  "main": "dist/cellcast-bot-widget.umd.js",
+  "types": "dist/index.d.ts",
+  "style": "dist/style.css",
+  "module": "dist/cellcast-bot-widget.es.js",
+  "exports": {
+    ".": {
+      "import": "./dist/cellcast-bot-widget.es.js",
+      "require": "./dist/cellcast-bot-widget.umd.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./style.css": "./dist/style.css",
+    "./dist/style.css": "./dist/style.css"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -p tsconfig.build.json && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "lint:fix": "eslint . --ext ts,tsx --fix",
+    "preview": "vite preview",
+    "serve": "serve ./dist/ --cors --single --listen 8080",
+    "typecheck": "tsc --noEmit"
+  },
+  "lint-staged": {
+    "*.{ts,tsx}": "eslint --fix -c \".eslintrc-staged.json\""
+  },
+  "dependencies": {
+    "@types/emoji-js": "^3.5.2",
+    "autolinker": "^4.0.0",
+    "dayjs": "^1.11.12",
+    "emoji-js": "^3.8.0",
+    "normalize.css": "^8.0.1",
+    "react": "^17.0.2 || ^18.0.0",
+    "react-dom": "^17.0.2 || ^18.0.0",
+    "serve": "^14.2.4",
+    "socket.io-client": "^4.7.5"
+  },
+  "devDependencies": {
+    "@types/node": "^24.5.2",
+    "@types/react": "^17.0.0",
+    "@types/react-dom": "^17.0.0",
+    "@typescript-eslint/eslint-plugin": "^7.15.0",
+    "@typescript-eslint/parser": "^7.15.0",
+    "@vitejs/plugin-react": "^4.3.1",
+    "eslint": "^8.57.0",
+    "eslint-plugin-header": "^3.1.1",
+    "eslint-plugin-react": "^7.37.2",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.7",
+    "lint-staged": "^15.3.0",
+    "sass": "^1.77.8",
+    "typescript": "^5.2.2",
+    "vite": "^5.3.4",
+    "vite-plugin-dts": "^4.0.2"
+  },
+  "optionalDependencies": {
+    "@esbuild/darwin-arm64": "^0.24.0",
+    "@rollup/rollup-darwin-arm64": "^4.24.0"
+  },
+  "peerDependencies": {
+    "react": "^17.0.2 || ^18.0.0",
+    "react-dom": "^17.0.2 || ^18.0.0"
+  }
+}

package/tsconfig.build.json

@@ -1,24 +1,24 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "resolveJsonModule": true,
-    "declaration": true,
-    "emitDeclarationOnly": true,
-    "declarationMap": false,
-    "outDir": "dist",
-    "rootDir": "src",
-    "jsx": "react-jsx",
-    "strict": true,
-    "skipLibCheck": true,
-    "noEmitOnError": false
-  },
-  "include": ["src"],
-  "exclude": [
-    "src/main.tsx",
-    "src/components/ColorThemeDemo.tsx",
-    "src/utils/colorUtils.ts"
-  ]
-}
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "declaration": true,
+    "emitDeclarationOnly": true,
+    "declarationMap": false,
+    "outDir": "dist",
+    "rootDir": "src",
+    "jsx": "react-jsx",
+    "strict": true,
+    "skipLibCheck": true,
+    "noEmitOnError": false
+  },
+  "include": ["src"],
+  "exclude": [
+    "src/main.tsx",
+    "src/components/ColorThemeDemo.tsx",
+    "src/utils/colorUtils.ts"
+  ]
+}