hypercrm 1.0.1 → 1.0.4

package/assets/widget.js

@@ -106,6 +106,7 @@
     .hypercrm-toggle-btn {
       width: 50px;
       height: 50px;
+      padding: 0;
       border-radius: 50%;
       border: none;
       display: flex;
@@ -1157,6 +1158,15 @@
       letter-spacing: 0;
     }
 
+    .hypercrm-powered a {
+      color: inherit;
+      text-decoration: none;
+    }
+
+    .hypercrm-powered a:hover {
+      text-decoration: underline;
+    }
+
     .hypercrm-events-grid {
       display: flex;
       flex-direction: column;
@@ -1599,7 +1609,7 @@
               </div>
               <div id="hypercrm-attachment-chips" class="hypercrm-attachment-chips"></div>
               <div id="hypercrm-composer-note" class="hypercrm-composer-note"></div>
-              <div class="hypercrm-powered">Powered by HyperCRM</div>
+              <div class="hypercrm-powered">Powered by <a href="https://hypercrm.dev" target="_blank" rel="noopener noreferrer">HyperCRM</a></div>
             </div>
           </div>
         </div>
@@ -2716,13 +2726,28 @@
       try {
         if (!this.orgInfo) await this.loadOrgInfo();
         if (!this.orgInfo?.id) return;
+        let socketToken = null;
+        try {
+          const tokenResp = await fetch(`${this.apiUrl}/organizations/public/socket-token`, {
+            headers: { 'X-API-Key': this.apiKey },
+          });
+          if (tokenResp.ok) {
+            const tokenJson = await tokenResp.json();
+            socketToken = tokenJson?.token || null;
+          }
+        } catch (_) {}
+        if (!socketToken) return;
         await this.loadSocketIoScript();
         if (this.socket) {
           try { this.socket.disconnect(); } catch (_) {}
           this.socket = null;
         }
         if (!global.io) return;
-        this.socket = global.io(this.apiOrigin, { transports: ['websocket'], forceNew: true });
+        this.socket = global.io(this.apiOrigin, {
+          transports: ['websocket'],
+          forceNew: true,
+          auth: { token: socketToken },
+        });
         this.socket.on('connect', () => {
           this.socketConnected = true;
           try { this.socket.emit('join-organization', this.orgInfo.id); } catch (_) {}
@@ -2903,7 +2928,8 @@
 
   let activeWidget = null;
   const defaultOptions = global.HyperCRM_WIDGET_OPTIONS || {};
-  const shouldAutoInit = defaultOptions.autoInit !== false;
+  const hasAutoConfig = !!(defaultOptions.apiUrl || defaultOptions.apiKey || defaultOptions.orgId || defaultOptions.scriptUrl);
+  const shouldAutoInit = defaultOptions.autoInit !== false && hasAutoConfig;
 
   const api = {
     init(options) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hypercrm",
-  "version": "1.0.1",
+  "version": "1.0.4",
   "description": "HyperCRM widget loader with optional React component.",
   "type": "module",
   "main": "./dist/index.js",