@product7/product7-js 0.5.2 → 0.5.4

package/src/styles/web-chat.js

@@ -0,0 +1,17 @@
+import { webChatComponentsStyles } from './web-chat-components.js';
+import { webChatCoreStyles } from './web-chat-core.js';
+import { webChatFeaturesStyles } from './web-chat-features.js';
+import { webChatViewsStyles } from './web-chat-views.js';
+
+export const webChatStyles =
+	webChatCoreStyles +
+	webChatViewsStyles +
+	webChatComponentsStyles +
+	webChatFeaturesStyles;
+
+export {
+	webChatComponentsStyles,
+	webChatCoreStyles,
+	webChatFeaturesStyles,
+	webChatViewsStyles,
+};

package/src/styles/{messengerCustomStyles.js → webChatCustomStyles.js}

@@ -1,4 +1,4 @@
-export function applyMessengerCustomStyles(options = {}) {
+export function applywebChatCustomStyles(options = {}) {
 	const {
 		primaryColor = '#155EEF',
 		textColor = '#1d1d1f',
@@ -6,13 +6,11 @@ export function applyMessengerCustomStyles(options = {}) {
 		theme = 'light',
 	} = options;
 
-	let styleElement = document.getElementById(
-		'product7-messenger-custom-styles'
-	);
+	let styleElement = document.getElementById('product7-web-chat-custom-styles');
 
 	if (!styleElement) {
 		styleElement = document.createElement('style');
-		styleElement.id = 'product7-messenger-custom-styles';
+		styleElement.id = 'product7-web-chat-custom-styles';
 		document.head.appendChild(styleElement);
 	}
 
@@ -39,16 +37,16 @@ export function applyMessengerCustomStyles(options = {}) {
 	const darkBorder = adjustColor(backgroundColor, 34);
 
 	styleElement.textContent = `
-		#product7-messenger-widget {
+		#product7-web-chat-widget {
 			--color-primary: ${primaryColor} !important;
 			--color-primary-hover: ${adjustColor(primaryColor, -10)} !important;
 		}
 
-		.messenger-launcher-btn {
+		.web-chat-launcher-btn {
 			background: ${primaryColor} !important;
 		}
 
-		.messenger-launcher-btn:hover {
+		.web-chat-launcher-btn:hover {
 			box-shadow: 0 8px 24px ${adjustColor(primaryColor, 0, 0.3)} !important;
 		}
 
@@ -62,25 +60,25 @@ export function applyMessengerCustomStyles(options = {}) {
 			border-color: ${adjustColor(primaryColor, -10)} !important;
 		}
 
-		.messenger-compose-send:hover:not(:disabled) {
+		.web-chat-compose-send:hover:not(:disabled) {
 			background: ${primaryColor} !important;
 			border-color: ${primaryColor} !important;
 			color: #FFFFFF !important;
 		}
 
-		.messenger-nav-tab.active .messenger-nav-icon,
-		.messenger-nav-tab.active .messenger-nav-label {
+		.web-chat-nav-tab.active .web-chat-nav-icon,
+		.web-chat-nav-tab.active .web-chat-nav-label {
 			color: ${primaryColor} !important;
 		}
 
-		.messenger-home-view::before {
+		.web-chat-home-view::before {
 			background: radial-gradient(circle, ${adjustColor(primaryColor, 0, 0.08)} 0%, transparent 70%) !important;
 		}
 
 		${
 			backgroundColor !== '#ffffff'
 				? `
-		.messenger-panel-content {
+		.web-chat-panel-content {
 			background: ${backgroundColor} !important;
 		}
 		`
@@ -90,23 +88,23 @@ export function applyMessengerCustomStyles(options = {}) {
 		${
 			textColor !== '#1d1d1f'
 				? `
-		.messenger-panel-content,
-		.messenger-view {
+		.web-chat-panel-content,
+		.web-chat-view {
 			color: ${textColor} !important;
 		}
 		`
 				: ''
 		}
 
-		/* Dark theme is now handled by CSS custom properties in messenger-core.js */
+		/* Dark theme is now handled by CSS custom properties in web-chat-core.js */
 	`;
 
-	console.log('✅ Custom messenger styles applied:', { primaryColor, theme });
+	console.log('✅ Custom web chat styles applied:', { primaryColor, theme });
 }
 
-export function removeMessengerCustomStyles() {
+export function removewebChatCustomStyles() {
 	const styleElement = document.getElementById(
-		'product7-messenger-custom-styles'
+		'product7-web-chat-custom-styles'
 	);
 	if (styleElement && styleElement.parentNode) {
 		styleElement.parentNode.removeChild(styleElement);