@product7/product7-js 0.2.0 → 0.2.3

package/dist/product7-js.js

@@ -1024,14 +1024,12 @@
 			if (!env || env === 'production') {
 				const hostname =
 					(typeof window !== 'undefined' && window.location?.hostname) || '';
-				const isLocal =
-					hostname === 'localhost' ||
-					hostname === '127.0.0.1' ||
-					/^192\.168\./.test(hostname) ||
-					/^10\./.test(hostname) ||
-					/^172\.(1[6-9]|2\d|3[01])\./.test(hostname);
-				if (hostname.includes('staging') || isLocal) {
+				const port =
+					(typeof window !== 'undefined' && window.location?.port) || '';
+				if (hostname.includes('staging')) {
 					env = 'staging';
+				} else if (hostname === 'app.localhost' && port === '3005') {
+					env = 'localstack';
 				}
 			}
 
@@ -1638,250 +1636,6 @@
 		}
 	}
 
-	function generateId(prefix = 'feedback') {
-		const timestamp = Date.now();
-		const random = Math.random().toString(36).substring(2, 9);
-		return `${prefix}_${timestamp}_${random}`;
-	}
-
-	function deepMerge(target, source) {
-		const result = { ...target };
-
-		for (const key in source) {
-			if (source.hasOwnProperty(key)) {
-				if (
-					source[key] &&
-					typeof source[key] === 'object' &&
-					!Array.isArray(source[key])
-				) {
-					result[key] = deepMerge(target[key] || {}, source[key]);
-				} else {
-					result[key] = source[key];
-				}
-			}
-		}
-
-		return result;
-	}
-
-	function debounce(func, wait) {
-		let timeout;
-		return function executedFunction(...args) {
-			const later = () => {
-				clearTimeout(timeout);
-				func(...args);
-			};
-			clearTimeout(timeout);
-			timeout = setTimeout(later, wait);
-		};
-	}
-
-	function throttle(func, limit) {
-		let lastFunc;
-		let lastRan;
-		return function (...args) {
-			if (!lastRan) {
-				func(...args);
-				lastRan = Date.now();
-			} else {
-				clearTimeout(lastFunc);
-				lastFunc = setTimeout(
-					() => {
-						if (Date.now() - lastRan >= limit) {
-							func(...args);
-							lastRan = Date.now();
-						}
-					},
-					limit - (Date.now() - lastRan)
-				);
-			}
-		};
-	}
-
-	function isValidEmail(email) {
-		if (!email || typeof email !== 'string') return false;
-
-		const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-		return emailRegex.test(email.trim());
-	}
-
-	function sanitizeHTML(str) {
-		if (!str || typeof str !== 'string') return '';
-
-		const div = document.createElement('div');
-		div.textContent = str;
-		return div.innerHTML;
-	}
-
-	function getCSSProperty(element, property, fallback = '') {
-		if (!element || !property) return fallback;
-
-		try {
-			const style = window.getComputedStyle(element);
-			return style.getPropertyValue(property) || fallback;
-		} catch (error) {
-			return fallback;
-		}
-	}
-
-	function isInViewport(element) {
-		if (!element) return false;
-
-		const rect = element.getBoundingClientRect();
-		return (
-			rect.top >= 0 &&
-			rect.left >= 0 &&
-			rect.bottom <=
-				(window.innerHeight || document.documentElement.clientHeight) &&
-			rect.right <= (window.innerWidth || document.documentElement.clientWidth)
-		);
-	}
-
-	function scrollToElement(element, options = {}) {
-		if (!element) return;
-
-		const defaultOptions = {
-			behavior: 'smooth',
-			block: 'center',
-			inline: 'nearest',
-		};
-
-		element.scrollIntoView({ ...defaultOptions, ...options });
-	}
-
-	function getBrowserInfo() {
-		const userAgent = navigator.userAgent;
-		const platform = navigator.platform;
-
-		return {
-			userAgent,
-			platform,
-			language: navigator.language || navigator.userLanguage,
-			cookieEnabled: navigator.cookieEnabled,
-			screenResolution: `${screen.width}x${screen.height}`,
-			windowSize: `${window.innerWidth}x${window.innerHeight}`,
-			timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
-		};
-	}
-
-	function formatFileSize(bytes) {
-		if (bytes === 0) return '0 Bytes';
-
-		const k = 1024;
-		const sizes = ['Bytes', 'KB', 'MB', 'GB'];
-		const i = Math.floor(Math.log(bytes) / Math.log(k));
-
-		return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
-	}
-
-	function delay(ms) {
-		return new Promise((resolve) => setTimeout(resolve, ms));
-	}
-
-	function safeJsonParse(str, fallback = null) {
-		try {
-			return JSON.parse(str);
-		} catch (error) {
-			return fallback;
-		}
-	}
-
-	function escapeRegex(string) {
-		return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
-	}
-
-	function getNestedProperty(obj, path, defaultValue = undefined) {
-		if (!obj || !path) return defaultValue;
-
-		const keys = path.split('.');
-		let current = obj;
-
-		for (const key of keys) {
-			if (current === null || current === undefined || !(key in current)) {
-				return defaultValue;
-			}
-			current = current[key];
-		}
-
-		return current;
-	}
-
-	function setNestedProperty(obj, path, value) {
-		if (!obj || !path) return obj;
-
-		const keys = path.split('.');
-		const lastKey = keys.pop();
-		let current = obj;
-
-		for (const key of keys) {
-			if (!(key in current) || typeof current[key] !== 'object') {
-				current[key] = {};
-			}
-			current = current[key];
-		}
-
-		current[lastKey] = value;
-		return obj;
-	}
-
-	function isBrowser() {
-		return typeof window !== 'undefined' && typeof document !== 'undefined';
-	}
-
-	function isMobile() {
-		if (!isBrowser()) return false;
-
-		return (
-			/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
-				navigator.userAgent
-			) || window.innerWidth <= 768
-		);
-	}
-
-	function getCurrentTimestamp() {
-		return new Date().toISOString();
-	}
-
-	function validateConfig(config, required = []) {
-		const missing = [];
-
-		for (const key of required) {
-			if (!config[key]) {
-				missing.push(key);
-			}
-		}
-
-		if (missing.length > 0) {
-			throw new Error(`Missing required configuration: ${missing.join(', ')}`);
-		}
-
-		return true;
-	}
-
-	var helpers = /*#__PURE__*/Object.freeze({
-		__proto__: null,
-		debounce: debounce,
-		deepMerge: deepMerge,
-		delay: delay,
-		escapeRegex: escapeRegex,
-		formatFileSize: formatFileSize,
-		generateId: generateId,
-		getBrowserInfo: getBrowserInfo,
-		getCSSProperty: getCSSProperty,
-		getCurrentTimestamp: getCurrentTimestamp,
-		getNestedProperty: getNestedProperty,
-		isBrowser: isBrowser,
-		isInViewport: isInViewport,
-		isMobile: isMobile,
-		isValidEmail: isValidEmail,
-		safeJsonParse: safeJsonParse,
-		sanitizeHTML: sanitizeHTML,
-		scrollToElement: scrollToElement,
-		setNestedProperty: setNestedProperty,
-		throttle: throttle,
-		validateConfig: validateConfig
-	});
-
 	const baseStyles = `
 .feedback-widget,
 .messenger-widget,
@@ -6517,6 +6271,250 @@
 		surveyStyles +
 		messengerStyles;
 
+	function generateId(prefix = 'feedback') {
+		const timestamp = Date.now();
+		const random = Math.random().toString(36).substring(2, 9);
+		return `${prefix}_${timestamp}_${random}`;
+	}
+
+	function deepMerge(target, source) {
+		const result = { ...target };
+
+		for (const key in source) {
+			if (source.hasOwnProperty(key)) {
+				if (
+					source[key] &&
+					typeof source[key] === 'object' &&
+					!Array.isArray(source[key])
+				) {
+					result[key] = deepMerge(target[key] || {}, source[key]);
+				} else {
+					result[key] = source[key];
+				}
+			}
+		}
+
+		return result;
+	}
+
+	function debounce(func, wait) {
+		let timeout;
+		return function executedFunction(...args) {
+			const later = () => {
+				clearTimeout(timeout);
+				func(...args);
+			};
+			clearTimeout(timeout);
+			timeout = setTimeout(later, wait);
+		};
+	}
+
+	function throttle(func, limit) {
+		let lastFunc;
+		let lastRan;
+		return function (...args) {
+			if (!lastRan) {
+				func(...args);
+				lastRan = Date.now();
+			} else {
+				clearTimeout(lastFunc);
+				lastFunc = setTimeout(
+					() => {
+						if (Date.now() - lastRan >= limit) {
+							func(...args);
+							lastRan = Date.now();
+						}
+					},
+					limit - (Date.now() - lastRan)
+				);
+			}
+		};
+	}
+
+	function isValidEmail(email) {
+		if (!email || typeof email !== 'string') return false;
+
+		const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+		return emailRegex.test(email.trim());
+	}
+
+	function sanitizeHTML(str) {
+		if (!str || typeof str !== 'string') return '';
+
+		const div = document.createElement('div');
+		div.textContent = str;
+		return div.innerHTML;
+	}
+
+	function getCSSProperty(element, property, fallback = '') {
+		if (!element || !property) return fallback;
+
+		try {
+			const style = window.getComputedStyle(element);
+			return style.getPropertyValue(property) || fallback;
+		} catch (error) {
+			return fallback;
+		}
+	}
+
+	function isInViewport(element) {
+		if (!element) return false;
+
+		const rect = element.getBoundingClientRect();
+		return (
+			rect.top >= 0 &&
+			rect.left >= 0 &&
+			rect.bottom <=
+				(window.innerHeight || document.documentElement.clientHeight) &&
+			rect.right <= (window.innerWidth || document.documentElement.clientWidth)
+		);
+	}
+
+	function scrollToElement(element, options = {}) {
+		if (!element) return;
+
+		const defaultOptions = {
+			behavior: 'smooth',
+			block: 'center',
+			inline: 'nearest',
+		};
+
+		element.scrollIntoView({ ...defaultOptions, ...options });
+	}
+
+	function getBrowserInfo() {
+		const userAgent = navigator.userAgent;
+		const platform = navigator.platform;
+
+		return {
+			userAgent,
+			platform,
+			language: navigator.language || navigator.userLanguage,
+			cookieEnabled: navigator.cookieEnabled,
+			screenResolution: `${screen.width}x${screen.height}`,
+			windowSize: `${window.innerWidth}x${window.innerHeight}`,
+			timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+		};
+	}
+
+	function formatFileSize(bytes) {
+		if (bytes === 0) return '0 Bytes';
+
+		const k = 1024;
+		const sizes = ['Bytes', 'KB', 'MB', 'GB'];
+		const i = Math.floor(Math.log(bytes) / Math.log(k));
+
+		return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
+	}
+
+	function delay(ms) {
+		return new Promise((resolve) => setTimeout(resolve, ms));
+	}
+
+	function safeJsonParse(str, fallback = null) {
+		try {
+			return JSON.parse(str);
+		} catch (error) {
+			return fallback;
+		}
+	}
+
+	function escapeRegex(string) {
+		return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+	}
+
+	function getNestedProperty(obj, path, defaultValue = undefined) {
+		if (!obj || !path) return defaultValue;
+
+		const keys = path.split('.');
+		let current = obj;
+
+		for (const key of keys) {
+			if (current === null || current === undefined || !(key in current)) {
+				return defaultValue;
+			}
+			current = current[key];
+		}
+
+		return current;
+	}
+
+	function setNestedProperty(obj, path, value) {
+		if (!obj || !path) return obj;
+
+		const keys = path.split('.');
+		const lastKey = keys.pop();
+		let current = obj;
+
+		for (const key of keys) {
+			if (!(key in current) || typeof current[key] !== 'object') {
+				current[key] = {};
+			}
+			current = current[key];
+		}
+
+		current[lastKey] = value;
+		return obj;
+	}
+
+	function isBrowser() {
+		return typeof window !== 'undefined' && typeof document !== 'undefined';
+	}
+
+	function isMobile() {
+		if (!isBrowser()) return false;
+
+		return (
+			/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
+				navigator.userAgent
+			) || window.innerWidth <= 768
+		);
+	}
+
+	function getCurrentTimestamp() {
+		return new Date().toISOString();
+	}
+
+	function validateConfig(config, required = []) {
+		const missing = [];
+
+		for (const key of required) {
+			if (!config[key]) {
+				missing.push(key);
+			}
+		}
+
+		if (missing.length > 0) {
+			throw new Error(`Missing required configuration: ${missing.join(', ')}`);
+		}
+
+		return true;
+	}
+
+	var helpers = /*#__PURE__*/Object.freeze({
+		__proto__: null,
+		debounce: debounce,
+		deepMerge: deepMerge,
+		delay: delay,
+		escapeRegex: escapeRegex,
+		formatFileSize: formatFileSize,
+		generateId: generateId,
+		getBrowserInfo: getBrowserInfo,
+		getCSSProperty: getCSSProperty,
+		getCurrentTimestamp: getCurrentTimestamp,
+		getNestedProperty: getNestedProperty,
+		isBrowser: isBrowser,
+		isInViewport: isInViewport,
+		isMobile: isMobile,
+		isValidEmail: isValidEmail,
+		safeJsonParse: safeJsonParse,
+		sanitizeHTML: sanitizeHTML,
+		scrollToElement: scrollToElement,
+		setNestedProperty: setNestedProperty,
+		throttle: throttle,
+		validateConfig: validateConfig
+	});
+
 	class BaseWidget {
 		static STORAGE_KEY = 'feedback_submitted';
 		static DEFAULT_COOLDOWN_DAYS = 30;
@@ -9130,7 +9128,9 @@
 		}
 
 		_attachEvents() {
-			const mobileCloseBtn = this.element.querySelector('.messenger-changelog-close-btn');
+			const mobileCloseBtn = this.element.querySelector(
+				'.messenger-changelog-close-btn'
+			);
 			if (mobileCloseBtn) {
 				mobileCloseBtn.addEventListener('click', () => {
 					this.state.setOpen(false);
@@ -9535,7 +9535,9 @@
 					this.state.setView('messages');
 				});
 
-			const mobileCloseBtn = this.element.querySelector('.messenger-mobile-close-btn');
+			const mobileCloseBtn = this.element.querySelector(
+				'.messenger-mobile-close-btn'
+			);
 			if (mobileCloseBtn) {
 				mobileCloseBtn.addEventListener('click', () => {
 					this.state.setOpen(false);
@@ -9763,14 +9765,20 @@
 			});
 
 			this._emojiOutsideHandler = (e) => {
-				if (!container.contains(e.target) && !e.target.closest('.messenger-emoji-btn')) {
+				if (
+					!container.contains(e.target) &&
+					!e.target.closest('.messenger-emoji-btn')
+				) {
 					container.remove();
 					this._emojiPickerOpen = false;
 					document.removeEventListener('click', this._emojiOutsideHandler);
 					this._emojiOutsideHandler = null;
 				}
 			};
-			setTimeout(() => document.addEventListener('click', this._emojiOutsideHandler), 0);
+			setTimeout(
+				() => document.addEventListener('click', this._emojiOutsideHandler),
+				0
+			);
 		}
 
 		_insertEmoji(emoji) {
@@ -9778,8 +9786,7 @@
 			if (!input) return;
 			const start = input.selectionStart;
 			const end = input.selectionEnd;
-			input.value =
-				input.value.slice(0, start) + emoji + input.value.slice(end);
+			input.value = input.value.slice(0, start) + emoji + input.value.slice(end);
 			input.selectionStart = input.selectionEnd = start + emoji.length;
 			input.focus();
 			input.dispatchEvent(new Event('input'));
@@ -10294,7 +10301,9 @@
 		}
 
 		_attachEvents() {
-			const mobileCloseBtn = this.element.querySelector('.messenger-help-close-btn');
+			const mobileCloseBtn = this.element.querySelector(
+				'.messenger-help-close-btn'
+			);
 			if (mobileCloseBtn) {
 				mobileCloseBtn.addEventListener('click', () => {
 					this.state.setOpen(false);
@@ -12511,7 +12520,9 @@
 			const pageId = page.id || `page_${this.surveyState.currentPageIndex}`;
 
 			if (page.type === 'rating') {
-				const isStarRating = !!this.surveyElement.querySelector('.feedback-survey-star-btn');
+				const isStarRating = !!this.surveyElement.querySelector(
+					'.feedback-survey-star-btn'
+				);
 
 				this.surveyElement
 					.querySelectorAll('.feedback-survey-page-rating-btn')
@@ -12550,7 +12561,9 @@
 					});
 
 				if (isStarRating) {
-					const container = this.surveyElement.querySelector('.feedback-survey-stars');
+					const container = this.surveyElement.querySelector(
+						'.feedback-survey-stars'
+					);
 					if (container) {
 						container.addEventListener('mouseleave', () => {
 							this.surveyElement
@@ -13916,16 +13929,16 @@
 			}
 
 			const hostname = window.location.hostname.toLowerCase();
+			const port = window.location.port;
 
-			if (
-				hostname.includes('staging') ||
-				hostname.includes('localhost') ||
-				hostname.includes('127.0.0.1') ||
-				hostname.includes('.local')
-			) {
+			if (hostname.includes('staging')) {
 				return 'staging';
 			}
 
+			if (hostname === 'app.localhost' && port === '3005') {
+				return 'localstack';
+			}
+
 			return 'production';
 		}