@product7/product7-js 0.5.1 → 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);

package/src/widgets/SurveyWidget.js

@@ -1234,7 +1234,12 @@ export class SurveyWidget extends BaseWidget {
 			{};
 		const title = config.title || 'Thanks for your feedback!';
 		const buttonText = config.button_text || null;
-		const buttonUrl = config.button_url || '#';
+		const rawUrl = config.button_url || '';
+		const buttonUrl = rawUrl
+			? /^https?:\/\//i.test(rawUrl)
+				? rawUrl
+				: `https://${rawUrl}`
+			: '#';
 
 		if (this._escapeHandler) {
 			document.removeEventListener('keydown', this._escapeHandler);