@theonexai/chartsconnect-chat-widget 1.0.18 → 1.0.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.custom-chat-widget,.custom-welcome-popup,.custom-chat-window,.custom-chat-toggle-btn{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.custom-welcome-popup{position:fixed;bottom:20px;right:90px;background:linear-gradient(135deg,#
|
|
1
|
+
.custom-chat-widget,.custom-welcome-popup,.custom-chat-window,.custom-chat-toggle-btn{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.custom-welcome-popup{position:fixed;bottom:20px;right:90px;background:linear-gradient(135deg,#2e1e53 0% 100%);color:#fff;padding:20px;border-radius:12px;box-shadow:0 8px 24px #00000026;max-width:350px;z-index:99998;animation:customSlideIn .4s ease-out;cursor:pointer;transition:transform .2s}.custom-welcome-popup:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0003}@keyframes customSlideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.custom-welcome-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.custom-welcome-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.custom-close-popup{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .2s}.custom-close-popup:hover{opacity:1}.custom-welcome-message{font-size:14px;line-height:1.5;margin-bottom:10px}.custom-welcome-cta{font-size:13px;opacity:.9;font-style:italic}.custom-chat-toggle-btn{position:fixed;bottom:20px;right:20px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#2e1e53 0% 100%);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;z-index:99999;transition:transform .2s,box-shadow .2s}.custom-chat-toggle-btn:hover{transform:scale(1.1);box-shadow:0 6px 16px #0003}.custom-chat-toggle-btn:active{transform:scale(.95)}.custom-chat-window{position:fixed;bottom:20px;right:20px;width:380px;height:600px;max-height:calc(100vh - 40px);background:#fff;border-radius:16px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;z-index:99999;animation:customChatSlideUp .3s ease-out;overflow:hidden}@keyframes customChatSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.custom-chat-header{background:#2e1e53;color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:flex-start;flex-shrink:0}.custom-chat-header-content{flex:1}.custom-chat-title{font-size:18px;font-weight:600;margin-bottom:4px}.custom-chat-subtitle{font-size:12px;opacity:.9}.custom-mode-indicator{font-size:11px;margin-left:4px;opacity:.85}.custom-mode-badge{font-size:10px;margin-top:6px;padding:4px 8px;background:#ffffff26;border-radius:12px;display:inline-block;font-weight:500;letter-spacing:.5px}.custom-agent-info{font-size:11px;margin-top:4px;opacity:.9;display:flex;align-items:center;gap:4px}.custom-agent-label{opacity:.8}.custom-agent-name{font-weight:500}.custom-chat-close-btn{background:none;border:none;color:#fff;font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .2s;line-height:1;border-radius:50%}.custom-chat-close-btn:hover{opacity:1;background:#ffffff1a}.custom-chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px;background:#f8f9fa}.custom-chat-messages::-webkit-scrollbar{width:6px}.custom-chat-messages::-webkit-scrollbar-track{background:transparent}.custom-chat-messages::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.custom-chat-messages::-webkit-scrollbar-thumb:hover{background:#bbb}.custom-chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#666}.custom-chat-empty-icon{font-size:48px;margin-bottom:12px}.custom-chat-empty p{font-size:16px;line-height:1.5}.custom-message{display:flex;flex-direction:column;max-width:75%;animation:customMessageFadeIn .3s ease-out}@keyframes customMessageFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.custom-message-user{align-self:flex-end}.custom-message-bot,.custom-message-agent{align-self:flex-start}.custom-message-content{padding:12px 16px;border-radius:16px;word-wrap:break-word;line-height:1.5;font-size:14px}.custom-message-user .custom-message-content{background:#2e1e53;color:#fff;border-bottom-right-radius:4px}.custom-message-bot .custom-message-content,.custom-message-agent .custom-message-content{background:#fff;color:#333;border-bottom-left-radius:4px;box-shadow:0 2px 4px #0000001a}.custom-message-time{font-size:10px;color:#999;margin-top:4px;padding:0 4px}.custom-chips-container{margin-top:12px;display:flex;flex-direction:column;gap:8px}.custom-chips-group{display:flex;flex-wrap:wrap;gap:8px}.custom-chip-button{background:#fff;border:1.5px solid #2e1e53;color:#2e1e53;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 1px 3px #0000001a}.custom-chip-button:hover{background:linear-gradient(135deg,#2e1e53 0% 100%);color:#fff;transform:translateY(-1px);box-shadow:0 2px 6px #2d7a4f4d}.custom-chip-button:active{transform:translateY(0);box-shadow:0 1px 3px #0000001a}.custom-typing-indicator{display:flex;gap:4px;padding:12px 16px;background:#fff;border-radius:16px 16px 16px 4px;box-shadow:0 2px 4px #0000001a;width:fit-content}.custom-typing-indicator span{width:8px;height:8px;border-radius:50%;background:#999;animation:customTypingBounce 1.4s infinite ease-in-out}.custom-typing-indicator span:nth-child(1){animation-delay:-.32s}.custom-typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes customTypingBounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.custom-agent-typing-indicator{display:flex;align-items:center;gap:8px;padding:8px 16px;margin:4px 0;color:#666;font-size:14px;font-style:italic}.custom-typing-dots{display:inline-flex;gap:2px}.custom-typing-dots span{display:inline-block;width:4px;height:4px;border-radius:50%;background-color:#666;animation:customTypingBounce 1.4s infinite ease-in-out}.custom-typing-dots span:nth-child(2){animation-delay:-.16s}.custom-typing-dots span:nth-child(3){animation-delay:-.32s}.custom-typing-text{color:#666}.custom-chat-input-form{display:flex;padding:16px;background:#fff;border-top:1px solid #e0e0e0;gap:8px;flex-shrink:0}.custom-chat-resolved-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid #e0e0e0;background:#f6f8ff;color:#1f2a44;flex-shrink:0}.custom-chat-resolved-text{flex:1;font-size:13px;line-height:1.35}.custom-chat-resolved-btn{background:#2e1e53;color:#fff;border:none;border-radius:10px;padding:10px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:transform .15s,opacity .15s;flex-shrink:0}.custom-chat-resolved-btn:hover:not(:disabled){transform:scale(1.02)}.custom-chat-resolved-btn:disabled{opacity:.6;cursor:not-allowed}.custom-chat-input{flex:1;padding:12px 16px;border:1px solid #e0e0e0;border-radius:24px;outline:none;font-size:14px;transition:border-color .2s;font-family:inherit}.custom-chat-input:focus{border-color:#2e1e53}.custom-chat-input:disabled{background:#f5f5f5;cursor:not-allowed}.custom-chat-send-btn{width:44px;height:44px;border-radius:50%;background:#2e1e53;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,opacity .2s;flex-shrink:0}.custom-chat-send-btn:hover:not(:disabled){transform:scale(1.05)}.custom-chat-send-btn:active:not(:disabled){transform:scale(.95)}.custom-chat-send-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.custom-welcome-popup{right:10px;left:10px;bottom:90px;max-width:none}.custom-chat-window{width:calc(100vw - 20px);height:calc(100vh - 20px);bottom:10px;right:10px;border-radius:12px}.custom-chat-toggle-btn{bottom:10px;right:10px;width:56px;height:56px}.custom-message{max-width:85%}}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@theonexai/chartsconnect-chat-widget",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.20",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "chartsconnect AI Chat Widget - Universal JavaScript library supporting React, Next.js, Vue, Nuxt, and Vite",
|
|
6
6
|
"main": "./dist/index.cjs.js",
|