@product7/feedback-sdk 1.3.8 → 1.4.0

package/src/styles/messenger-themes.js

@@ -1,500 +0,0 @@
-export const messengerThemesStyles = `
-
-/* Panel */
-.theme-light .messenger-panel-content {
-  background: #ffffff;
-}
-
-/* Close/Back buttons */
-.theme-light .messenger-close-btn,
-.theme-light .messenger-back-btn {
-  color: #86868b;
-}
-
-.theme-light .messenger-close-btn:hover,
-.theme-light .messenger-back-btn:hover {
-  background: #f5f5f7;
-  color: #1d1d1f;
-}
-
-/* Avatar */
-.theme-light .messenger-avatar {
-  border-color: #ffffff;
-}
-
-/* Home View */
-.theme-light .messenger-home-view {
-  background: linear-gradient(180deg, #f5f5f7 0%, #ffffff 40%);
-}
-
-.theme-light .messenger-home-header {
-  background: linear-gradient(180deg, rgba(88, 86, 214, 0.1) 0%, transparent 100%);
-}
-
-.theme-light .messenger-home-greeting {
-  color: #86868b;
-}
-
-.theme-light .messenger-home-question {
-  color: #1d1d1f;
-}
-
-.theme-light .messenger-home-message-btn {
-  background: #f5f5f7;
-  color: #1d1d1f;
-  border: 1px solid #e0e0e0;
-}
-
-.theme-light .messenger-home-message-btn:hover {
-  background: #e8e8ed;
-}
-
-.theme-light .messenger-home-message-btn svg,
-.theme-light .messenger-home-message-btn i {
-  color: #86868b;
-}
-
-.theme-light .messenger-home-featured {
-  background: #f5f5f7;
-}
-
-.theme-light .messenger-home-featured-content h3 {
-  color: #1d1d1f;
-}
-
-.theme-light .messenger-home-featured-content p {
-  color: #86868b;
-}
-
-.theme-light .messenger-home-changelog-card {
-  background: #f5f5f7;
-  border: 1px solid #e0e0e0;
-}
-
-.theme-light .messenger-home-changelog-card-content {
-  border-top-color: #e0e0e0;
-}
-
-.theme-light .messenger-home-changelog-card:hover {
-  background: #e8e8ed;
-}
-
-.theme-light .messenger-home-changelog-card-title {
-  color: #1d1d1f;
-}
-
-.theme-light .messenger-home-changelog-card-desc {
-  color: #6e6e73;
-}
-
-/* Conversations View */
-.theme-light .messenger-conversations-view {
-  background: #ffffff;
-}
-
-.theme-light .messenger-conversations-header,
-.theme-light .messenger-help-header,
-.theme-light .messenger-changelog-header,
-.theme-light .messenger-chat-header {
-  background: #ffffff;
-  border-bottom-color: #e5e5e7;
-}
-
-.theme-light .messenger-conversations-header h2,
-.theme-light .messenger-help-header h2,
-.theme-light .messenger-changelog-header h2 {
-  color: #1d1d1f;
-}
-
-.theme-light .messenger-conversations-body {
-  background: #ffffff;
-}
-
-.theme-light .messenger-conversations-footer {
-  background: #ffffff;
-  border-top-color: #e5e5e7;
-}
-
-.theme-light .messenger-conversations-empty-icon,
-.theme-light .messenger-chat-empty-avatars,
-.theme-light .messenger-help-empty-icon,
-.theme-light .messenger-changelog-empty-icon {
-  color: #c7c7cc;
-}
-
-.theme-light .messenger-conversations-empty h3,
-.theme-light .messenger-chat-empty h3,
-.theme-light .messenger-help-empty h3,
-.theme-light .messenger-changelog-empty h3 {
-  color: #1d1d1f;
-}
-
-.theme-light .messenger-conversations-empty p,
-.theme-light .messenger-chat-empty p,
-.theme-light .messenger-help-empty p,
-.theme-light .messenger-changelog-empty p {
-  color: #86868b;
-}
-
-.theme-light .messenger-conversation-item:hover {
-  background: rgba(0, 0, 0, 0.03);
-}
-
-.theme-light .messenger-conversation-title {
-  color: #1d1d1f !important;
-}
-
-.theme-light .messenger-conversation-item.unread .messenger-conversation-title {
-  color: #1d1d1f !important;
-  font-weight: 400;
-}
-
-.theme-light .messenger-conversation-time {
-  color: #86868b !important;
-}
-
-.theme-light .messenger-conversation-message {
-  color: #6e6e73 !important;
-}
-
-.theme-light .messenger-conversation-item.unread .messenger-conversation-message {
-  color: #3a3a3c !important;
-}
-
-.theme-light .messenger-new-message-btn {
-  background: #f5f5f7;
-  color: #1d1d1f;
-}
-
-.theme-light .messenger-new-message-btn:hover {
-  background: #e8e8ed;
-}
-
-.theme-light .messenger-new-message-btn svg,
-.theme-light .messenger-new-message-btn i {
-  color: #86868b;
-}
-
-/* Chat View */
-.theme-light .messenger-chat-view {
-  background: #ffffff;
-}
-
-.theme-light .messenger-chat-header {
-  background: #ffffff;
-}
-
-.theme-light .messenger-chat-title,
-.theme-light .messenger-help-article-title,
-.theme-light .messenger-changelog-title {
-  color: #1d1d1f;
-}
-
-.theme-light .messenger-help-article-desc,
-.theme-light .messenger-changelog-description {
-  color: #86868b;
-}
-
-.theme-light .messenger-chat-messages {
-  background: #ffffff;
-}
-
-.theme-light .messenger-message-sender {
-  color: #86868b;
-}
-
-.theme-light .messenger-message-received .messenger-message-bubble {
-  background: #f5f5f7;
-  color: #1d1d1f;
-}
-
-.theme-light .messenger-message-own .messenger-message-bubble {
-  background: rgb(29, 78, 216);
-  color: #ffffff;
-}
-
-.theme-light .messenger-message-time {
-  color: #86868b;
-}
-
-.theme-light .messenger-closed-banner {
-  background: rgba(52, 199, 89, 0.1);
-  color: #22883a;
-}
-
-.theme-light .messenger-chat-compose {
-  background: #ffffff;
-  border-top-color: #e5e5e7;
-}
-
-.theme-light .messenger-compose-input-wrapper {
-  background: #f5f5f7;
-}
-
-.theme-light .messenger-compose-input {
-  color: #1d1d1f;
-}
-
-.theme-light .messenger-compose-input::placeholder {
-  color: #86868b;
-}
-
-.theme-light .messenger-compose-send:disabled {
-  background: #e5e5e7;
-  color: #c7c7cc;
-}
-
-.theme-light .messenger-compose-attach {
-  color: #9ca3af;
-}
-
-.theme-light .messenger-compose-attach:hover:not(:disabled) {
-  color: #374151;
-  background: #f3f4f6;
-}
-
-/* Help View */
-.theme-light .messenger-help-view {
-  background: #ffffff;
-}
-
-.theme-light .messenger-help-body {
-  background: #ffffff;
-}
-
-.theme-light .messenger-help-search {
-  background: #ffffff;
-}
-
-.theme-light .messenger-help-search-wrapper {
-  background: #f5f5f7;
-}
-
-.theme-light .messenger-help-search-icon {
-  color: #86868b;
-}
-
-.theme-light .messenger-help-search-input {
-  color: #1d1d1f;
-}
-
-.theme-light .messenger-help-search-input::placeholder {
-  color: #86868b;
-}
-
-.theme-light .messenger-help-collections-header {
-  color: #1d1d1f;
-  border-top-color: #e5e5e7;
-}
-
-.theme-light .messenger-help-collection {
-  border-top-color: #e5e5e7;
-}
-
-.theme-light .messenger-help-collection:hover {
-  background: rgba(0, 0, 0, 0.03);
-}
-
-.theme-light .messenger-help-collection-title {
-  color: #1d1d1f;
-}
-
-.theme-light .messenger-help-collection-desc {
-  color: #6e6e73;
-}
-
-.theme-light .messenger-help-collection-count {
-  color: #86868b;
-}
-
-.theme-light .messenger-help-collection-arrow {
-  color: #c7c7cc;
-}
-
-/* Changelog View */
-.theme-light .messenger-changelog-subheader {
-  border-bottom-color: #e5e5e7;
-}
-
-.theme-light .messenger-changelog-latest {
-  color: #86868b;
-}
-
-.theme-light .messenger-changelog-team {
-  color: #86868b;
-}
-
-.theme-light .messenger-changelog-card {
-  background: #f5f5f7;
-}
-
-.theme-light .messenger-changelog-card:hover {
-  background: #e8e8ed;
-}
-
-.theme-light .messenger-changelog-tag {
-  background: rgba(0, 122, 255, 0.15);
-  color: #007aff;
-}
-
-.theme-light .messenger-changelog-date {
-  color: #86868b;
-}
-
-.theme-light .messenger-changelog-arrow {
-  color: #c7c7cc;
-}
-
-/* Navigation */
-.theme-light .messenger-panel-nav {
-  background: #ffffff;
-  border-top-color: #e5e5e7;
-}
-
-.theme-light .messenger-nav-icon {
-  color: #86868b;
-}
-
-.theme-light .messenger-nav-label {
-  color: #86868b;
-}
-
-.theme-light .messenger-nav-tab:hover {
-  background: rgba(0, 0, 0, 0.05);
-}
-
-.theme-light .messenger-nav-tab.active .messenger-nav-icon,
-.theme-light .messenger-nav-tab.active .messenger-nav-label {
-  color: #007aff;
-}
-
-/* Availability */
-.theme-light .messenger-home-availability,
-.theme-light .messenger-chat-availability {
-  color: #6b7280;
-}
-
-/* Typing Indicator */
-.theme-light .messenger-typing-dots {
-  background: #e5e7eb;
-}
-
-/* Attachments */
-.theme-light .messenger-compose-attachments-preview {
-  background: #ffffff;
-  border-top-color: #e5e7eb;
-}
-
-.theme-light .messenger-attachment-preview {
-  border-color: #e5e7eb;
-}
-
-.theme-light .messenger-attachment-file-icon {
-  background: #f3f4f6;
-  color: #6b7280;
-}
-
-.theme-light .messenger-message-file {
-  background: #f3f4f6;
-  color: #2563eb;
-}
-
-.theme-light .messenger-message-file:hover {
-  background: #e5e7eb;
-}
-
-/* Pre-Chat Form */
-.theme-light .messenger-prechat-overlay {
-  background: rgba(255, 255, 255, 0.6);
-}
-
-.theme-light .messenger-prechat-card {
-  background: #ffffff;
-  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
-}
-
-.theme-light .messenger-prechat-card h4 {
-  color: #1d1d1f;
-}
-
-.theme-light .messenger-prechat-input {
-  background: #f5f5f7;
-  border-color: #e5e5e7;
-  color: #1d1d1f;
-}
-
-.theme-light .messenger-prechat-input:focus {
-  border-color: #007aff;
-  background: #ffffff;
-}
-
-.theme-light .messenger-prechat-input::placeholder {
-  color: #86868b;
-}
-
-.theme-light .messenger-prechat-skip {
-  border-color: #e5e5e7;
-  color: #6e6e73;
-}
-
-.theme-light .messenger-prechat-skip:hover {
-  background: #f5f5f7;
-}
-
-.theme-light .messenger-prechat-submit:disabled {
-  background: #e5e5e7;
-  color: #c7c7cc;
-}
-
-/* Email Collection */
-.theme-dark .messenger-email-overlay {
-  background: rgba(0, 0, 0, 0.3);
-}
-
-.theme-dark .messenger-email-card {
-  background: #1c1c1e;
-}
-
-.theme-dark .messenger-email-card h4 {
-  color: white;
-}
-
-.theme-dark .messenger-email-card p {
-  color: rgba(255, 255, 255, 0.6);
-}
-
-.theme-dark .messenger-email-name,
-.theme-dark .messenger-email-input {
-  background: #2c2c2e;
-  border-color: transparent;
-  color: white;
-}
-
-.theme-dark .messenger-email-name:focus,
-.theme-dark .messenger-email-input:focus {
-  border-color: #007aff;
-  box-shadow: 0 0 0 2px rgba(0, 122, 255, 0.25);
-  background: #1c1c1e;
-}
-
-.theme-dark .messenger-email-name::placeholder,
-.theme-dark .messenger-email-input::placeholder {
-  color: rgba(255, 255, 255, 0.4);
-}
-
-.theme-dark .messenger-email-submit:disabled {
-  background: #3c3c3e;
-  color: rgba(255, 255, 255, 0.4);
-}
-
-.theme-dark .messenger-email-skip {
-  background: transparent;
-  border-color: rgba(255, 255, 255, 0.15);
-  color: rgba(255, 255, 255, 0.8);
-}
-
-.theme-dark .messenger-email-skip:hover {
-  background: rgba(255, 255, 255, 0.05);
-  border-color: rgba(255, 255, 255, 0.25);
-}
-`;