@product7/product7-js 0.1.0 → 0.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@product7/product7-js",
-	"version": "0.1.0",
+	"version": "0.1.2",
 	"description": "JavaScript SDK for integrating Product7 feedback widgets into any website",
 	"main": "dist/product7-js.js",
 	"module": "src/index.js",

package/src/core/Product7.js

@@ -1,5 +1,6 @@
 import { ConfigError, SDKError } from '../utils/errors.js';
 import { deepMerge, generateId } from '../utils/helpers.js';
+import { CSS_STYLES } from '../styles/styles.js';
 import { WidgetFactory } from '../widgets/WidgetFactory.js';
 import { APIService } from './APIService.js';
 import { EventBus } from './EventBus.js';
@@ -25,11 +26,32 @@ export class Product7 {
 		this._bindMethods();
 	}
 
+	_injectStyles() {
+		if (typeof document === 'undefined') return;
+		if (document.querySelector('#product7-styles')) return;
+
+		const style = document.createElement('style');
+		style.id = 'product7-styles';
+		style.textContent = CSS_STYLES;
+		document.head.appendChild(style);
+
+		if (!document.querySelector('#product7-iconify')) {
+			const script = document.createElement('script');
+			script.id = 'product7-iconify';
+			script.src =
+				'https://cdn.jsdelivr.net/npm/iconify-icon@2/dist/iconify-icon.min.js';
+			script.async = true;
+			document.head.appendChild(script);
+		}
+	}
+
 	async init() {
 		if (this.initialized) {
 			return { alreadyInitialized: true };
 		}
 
+		this._injectStyles();
+
 		try {
 			const initData = await this.apiService.init(this.config.metadata);
 

package/types/index.d.ts

@@ -74,6 +74,7 @@ declare module '@product7/product7-js' {
 
 	export class Product7 {
 		constructor(config: FeedbackConfig);
+		static create(config: FeedbackConfig): Product7;
 		init(): Promise<{
 			initialized: boolean;
 			config?: any;