@portnet/ui 5.0.28 → 6.0.0

package/dist/styles/help-widget.css

@@ -1,621 +0,0 @@
-.help-widget-button {
-  position: fixed;
-  right: 0;
-  top: 30%;
-  transform: translateY(-50%);
-  z-index: 1000;
-  transition: all 0.3s ease;
-}
-
-.help-widget-button.open {
-  right: 380px;
-}
-
-.help-trigger {
-  writing-mode: vertical-rl;
-  text-orientation: mixed;
-  transform: rotate(180deg);
-  border-radius: 0 15px 15px 0;
-  padding: 19px 8px;
-  font-weight: 700 !important;
-  font-size: 13px;
-  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
-  border: 1px solid #e9ecef;
-  border-right: none;
-  white-space: nowrap;
-  background-color: white !important;
-  min-height: 150px;
-  transition: all 0.3s ease;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: #545cd8 !important; 
-  gap: 10px;
-}
-
-.help-trigger:active {
-  background-color: white !important;
-  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
-}
-
-.help-trigger .arrow-icon {
-  writing-mode: horizontal-tb;
-  font-size: 14px;
-  margin: 0px 0;
-  font-weight: 900 !important; 
-  color: #282828 !important; 
-}
-
-.help-trigger:focus,
-.help-trigger:focus-visible {
-  outline: 3px solid var(--primary-color, #222f67) !important;
-  outline-offset: 3px !important;
-  box-shadow: 0 0 0 5px var(--primary-alpha-20, rgba(34, 47, 103, 0.2)) !important;
-}
-
-.help-trigger:focus:not(:focus-visible) {
-  outline: none;
-}
-
-.help-widget-sidebar {
-  position: fixed;
-  top: 0;
-  right: 0;
-  right: -400px;
-  width: 380px;
-  height: 100vh;
-  height: 100dvh;
-  z-index: 1001;
-  transition: right 0.3s ease;
-  display: flex;         
-  flex-direction: column;
-  background-color: white;
-}
-
-.help-widget-sidebar.open {
-  right: 0px;
-}
-
-.help-widget-sidebar .card {
-  height: 100vh;
-  border-radius: 0;
-  height: 100dvh;        
-  border-radius: 0;
-  flex: 1;               
-  display: flex;          
-  flex-direction: column;
-}
-
-.help-widget-sidebar .card-body {
-  flex: 1;                
-  display: flex;          
-  flex-direction: column; 
-  min-height: 0;         
-  height: 100%;
-}
-
-@media (max-width: 768px) {
-  .help-widget-sidebar {
-    width: 100vw;
-    right: -100vw;
-    overflow: hidden;
-  }
-  .help-widget-sidebar.open {
-    right: 0;
-  }          
-  .help-widget-button.open {
-    right: 20px;
-  }
-}
-
-@media (max-width: 485px) {
-  .help-widget-button {
-    top: 20vh !important;
-    bottom: auto;
-    transform: none;
-    right: 0 !important;
-  }
-}
-
-.help-widget-sidebar button:focus-visible,
-.help-widget-sidebar [role="button"]:focus-visible,
-.help-widget-sidebar a:focus-visible {
-  outline: 3px solid var(--primary-color, #222f67) !important;
-  outline-offset: 2px !important;
-  box-shadow: 0 0 0 4px var(--primary-alpha-10, rgba(34, 47, 103, 0.1)) !important;
-}
-
-.help-widget-sidebar button:focus,
-.help-widget-sidebar [role="button"]:focus,
-.help-widget-sidebar a:focus {
-  outline: none;
-}
-
-.help-widget-sidebar:not(.open) {
-  visibility: hidden;
-}
-
-.help-widget-sidebar.open {
-  visibility: visible;
-}
-
-.help-widget-overlay {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
-  background-color: rgba(0, 0, 0, 0.3);
-  z-index: 999;
-  transition: opacity 0.3s ease;
-}
-
-.help-widget-sidebar .h-100 {
-  height: 100vh !important;
-}
-
-.MuiDialog-paper .MuiDialogContent-root::-webkit-scrollbar {
-  width: 3px;
-}
-
-.MuiDialog-paper .MuiDialogContent-root::-webkit-scrollbar-track {
-  background: transparent;
-}
-
-.MuiDialog-paper .MuiDialogContent-root::-webkit-scrollbar-thumb {
-  background: #d0d0d0;
-  border-radius: 4px;
-}
-
-.MuiDialog-paper .MuiDialogContent-root::-webkit-scrollbar-thumb:hover {
-  background: #b0b0b0;
-}
-
-.MuiDialog-paper .MuiDialogContent-root::-webkit-scrollbar-button {
-  height: 0;
-  width: 0;
-  display: none;
-}
-
-.MuiDialog-paper .MuiDialogContent-root {
-  scrollbar-width: thin;
-  scrollbar-color: #d0d0d0 transparent;
-}
-
-.help-content {
-  padding: 20px;
-  height: 100%;
-  overflow-y: auto;
-}
-
-.help-header h5 {
-  color: #495057;
-  font-weight: 600;
-}
-
-.help-option {
-  padding: 15px;
-  border-radius: 10px;
-  cursor: pointer;
-  transition: all 0.2s ease;
-  border: 1px solid #e9ecef;
-  margin-bottom: 10px;
-}
-
-.help-option:hover {
-  background-color: #f8f9fa;
-  border-color: #007bff;
-  transform: translateY(-1px);
-  box-shadow: 0 2px 8px rgba(0, 123, 255, 0.1);
-}
-
-.help-option-icon {
-  width: 40px;
-  height: 40px;
-  background: linear-gradient(135deg, #007bff, #0056b3);
-  border-radius: 10px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: white;
-  margin-right: 15px;
-  font-size: 16px;
-}
-
-.help-option-content h6 {
-  color: #495057;
-  font-weight: 600;
-  margin-bottom: 4px;
-}
-
-.chat-options {
-  border-top: 1px solid #e9ecef;
-  padding-top: 20px;
-}
-
-.chat-button {
-  border-radius: 12px;
-  padding: 15px;
-  border: none;
-  transition: all 0.2s ease;
-  text-align: left;
-}
-
-.chat-button:hover {
-  transform: translateY(-1px);
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-}
-
-.chat-avatar {
-  width: 40px;
-  height: 40px;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-weight: bold;
-  color: white;
-  flex-shrink: 0;
-}
-
-.tijaria-avatar {
-  background: linear-gradient(135deg, #ff6b6b, #ee5a52);
-}
-
-.live-avatar {
-  background: linear-gradient(135deg, #28a745, #20c997);
-}
-
-.chat-status {
-  font-size: 10px;
-  padding: 4px 8px;
-}
-
-.chat-container {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-}
-
-.chat-header {
-  padding: 20px;
-  border-bottom: 1px solid #e9ecef;
-  display: flex;
-  align-items: center;
-  background-color: #f8f9fa;
-}
-
-.back-button {
-  color: #6c757d !important;
-  font-size: 18px;
-}
-
-.back-button:hover {
-  color: #007bff !important;
-}
-
-.chat-messages {
-  flex: 1;
-  overflow-y: auto;
-  padding: 20px;
-  background-color: #f8f9fa;
-}
-
-.message {
-  display: flex;
-  margin-bottom: 15px;
-  align-items: flex-start;
-}
-
-.message.user {
-  justify-content: flex-end;
-}
-
-.message.user .message-content {
-  align-items: flex-end;
-}
-
-.message-avatar {
-  width: 32px;
-  height: 32px;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-weight: bold;
-  color: white;
-  font-size: 12px;
-  margin-right: 10px;
-  flex-shrink: 0;
-}
-
-.message-content {
-  display: flex;
-  flex-direction: column;
-  max-width: 70%;
-}
-
-.message-agent {
-  font-size: 12px;
-  color: #6c757d;
-  margin-bottom: 4px;
-  font-weight: 500;
-}
-
-.message-bubble {
-  padding: 12px 16px;
-  border-radius: 18px;
-  position: relative;
-  word-wrap: break-word;
-  line-height: 1.4;
-}
-
-.message.bot .message-bubble,
-.message.agent .message-bubble {
-  background-color: white;
-  border: 1px solid #e9ecef;
-  color: #495057;
-}
-
-.message.user .message-bubble {
-  background: linear-gradient(135deg, #007bff, #0056b3);
-  color: white;
-}
-
-.message-time {
-  font-size: 11px;
-  color: #6c757d;
-  margin-top: 4px;
-  text-align: right;
-}
-
-.message.bot .message-time,
-.message.agent .message-time {
-  text-align: left;
-}
-
-.typing .message-bubble {
-  padding: 16px 20px;
-}
-
-.typing-indicator {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-}
-
-.typing-indicator span {
-  width: 6px;
-  height: 6px;
-  background-color: #6c757d;
-  border-radius: 50%;
-  animation: typing 1.4s infinite ease-in-out;
-}
-
-.typing-indicator span:nth-child(1) {
-  animation-delay: -0.32s;
-}
-
-.typing-indicator span:nth-child(2) {
-  animation-delay: -0.16s;
-}
-
-@keyframes typing {
-  0%, 80%, 100% {
-    transform: scale(0.8);
-    opacity: 0.5;
-  }
-  40% {
-    transform: scale(1);
-    opacity: 1;
-  }
-}
-
-.chat-input {
-  padding: 20px;
-  border-top: 1px solid #e9ecef;
-  background-color: white;
-}
-
-.message-input {
-  border: none;
-  resize: none;
-  max-height: 120px;
-  padding: 12px 16px;
-  border-radius: 20px;
-  background-color: #f8f9fa;
-}
-
-.message-input:focus {
-  background-color: white;
-  border-color: #007bff;
-  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
-}
-
-.emoji-button,
-.attach-button {
-  color: #6c757d !important;
-  border: none !important;
-  padding: 8px 12px;
-}
-
-.emoji-button:hover,
-.attach-button:hover {
-  color: #007bff !important;
-}
-
-@media (max-width: 768px) {
-  .help-widget-sidebar {
-    width: 100vw;
-    right: -100vw;
-    border-radius: 0;
-    overflow: hidden;
-  }
-  
-  .help-widget-sidebar.open {
-    right: 0;
-  }
-  
-  .help-widget-button.open {
-    right: 20px;
-  }
-  
-  .help-widget-sidebar .card {
-    border-radius: 0;
-  }
-  
-  .message-content {
-    max-width: 85%;
-  }
-}
-
-@media (max-width: 480px) {
-  .help-widget-button {
-    right: 15px;
-    bottom: 15px;
-  }
-  
-  .help-trigger {
-    padding: 10px 16px;
-    font-size: 14px;
-  }
-  
-  .chat-messages {
-    padding: 15px;
-  }
-  
-  .help-content {
-    padding: 15px;
-  }
-}
-
-.chat-messages::-webkit-scrollbar,
-.help-content::-webkit-scrollbar {
-  width: 6px;
-}
-
-.chat-messages::-webkit-scrollbar-track,
-.help-content::-webkit-scrollbar-track {
-  background: #f1f1f1;
-  border-radius: 3px;
-}
-
-.chat-messages::-webkit-scrollbar-thumb,
-.help-content::-webkit-scrollbar-thumb {
-  background: #c1c1c1;
-  border-radius: 3px;
-}
-
-.chat-messages::-webkit-scrollbar-thumb:hover,
-.help-content::-webkit-scrollbar-thumb:hover {
-  background: #a8a8a8;
-}
-
-
-.help-widget-sidebar.open .alochat-container {
-  height: calc(100% - 80px); 
-  overflow: hidden;
-}
-
-.help-widget-sidebar.open .alochat-embedded {
-  height: 100%;
-  width: 100%;
-}
-
-.help-widget-sidebar.open .tijaria-container {
-  height: calc(100% - 80px); 
-  overflow: hidden;
-}
-
-.tijaria-embedded {
-  height: 100%;
-  width: 100%;
-}
-
-.tijaria-embedded iframe {
-  border-radius: 0 !important;
-  box-shadow: none !important;
-}
-
-.alochat-embedded .alotech-chat-widget iframe {
-  width: 100% !important;
-  height: 100% !important;
-  border: none !important;
-  border-radius: 0 !important;
-}
-
-.alochat-embedded .alotech-chat-interface,
-.alochat-embedded [class*="chat-interface"],
-.alochat-embedded [class*="widget-content"] {
-  width: 100% !important;
-  height: 100% !important;
-  max-width: none !important;
-  max-height: none !important;
-  border-radius: 0 !important;
-  box-shadow: none !important;
-}
-
-.alochat-container .spinner-border,
-.tijaria-container .spinner-border {
-  width: 3rem;
-  height: 3rem;
-}
-
-.chat-container {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-}
-
-.chat-header {
-  flex-shrink: 0;
-  padding: 1rem;
-  border-bottom: 1px solid #e9ecef;
-}
-
-.alochat-container,
-.tijaria-container {
-  flex: 1;
-  min-height: 0; 
-  position: relative;
-}
-
-.alochat-embedded,
-.tijaria-embedded {
-  overflow: hidden;
-}
-
-@media (max-width: 768px) {
-  .help-widget-sidebar.open .alochat-container,
-  .help-widget-sidebar.open .tijaria-container {
-    height: calc(100% - 70px);
-  }
-}
-
-.alochat-container {
-  flex: 1;
-  position: relative;
-  overflow: hidden;
-} 
-
-.tijaria-embedded {
-  flex: 1;
-  position: relative;
-  overflow: hidden;
-}
-
-@media (max-width: 768px) {
-  .help-widget-sidebar.open .alochat-container,
-  .help-widget-sidebar.open .tijaria-embedded {
-    width: 100%;
-    flex: unset;
-  }
-}
-
-.alotech-chat-widget {
-  bottom: 55px !important;
-  right: 25px !important;
-  transition: bottom 0.3s ease;
-  z-index: 1000 !important;
-}
-