@thestatic-tv/dcl-sdk 2.2.5 → 2.2.7

package/dist/index.js

@@ -595,12 +595,13 @@ var THEME = {
   }
 };
 var UI_DIMENSIONS = {
-  // Guide UI
+  // Guide UI - positioned to the left of chat (chat is 380px wide at right:20)
   guide: {
     width: 900,
     height: "55%",
     bottom: 55,
-    right: 20,
+    right: 410,
+    // 20 + 380 (chat width) + 10 (gap)
     sidebar: {
       width: 300,
       buttonHeight: 42,
@@ -1351,7 +1352,8 @@ var GuideUIModule = class {
     return import_react_ecs2.default.createElement(import_react_ecs2.UiEntity, {
       uiTransform: {
         positionType: "absolute",
-        position: { right: 20, bottom: 10 },
+        position: { right: 130, bottom: 10 },
+        // To the left of CHAT button
         width: this.s(100),
         height: this.s(45),
         justifyContent: "center",
@@ -1428,7 +1430,8 @@ var ChatUIModule = class {
           width: UI_DIMENSIONS.chat.width,
           height: UI_DIMENSIONS.chat.height,
           positionType: "absolute",
-          ...positionStyle,
+          position: positionStyle,
+          // Must be nested object, not spread!
           flexDirection: "column",
           border: { top: 2, bottom: 2, left: 2, right: 2 },
           borderColor: THEME.colors.panelBorder
@@ -1450,9 +1453,7 @@ var ChatUIModule = class {
     };
     this.client = client;
     this.config = config;
-    this.position = config.position || "right";
     this.fontScale = config.fontScale || 1;
-    console.log("[StaticTV Chat] Initialized with position:", this.position);
   }
   /**
    * Initialize the chat system
@@ -1745,27 +1746,14 @@ var ChatUIModule = class {
     }
   }
   getPositionStyle() {
-    console.log("[StaticTV Chat] getPositionStyle called, position:", this.position);
-    switch (this.position) {
-      case "left":
-        return { bottom: 55, left: 20 };
-      case "center":
-        return { bottom: 55, left: 400 };
-      case "right":
-      default:
-        return { bottom: 55, right: 20 };
-    }
+    return { bottom: 55, right: 20 };
   }
   renderHeader() {
     return PanelHeader({
       title: "LIVE CHAT",
       fontSize: 14,
       fontScale: this.fontScale,
-      showPositionControls: true,
-      position: this.position,
-      onPositionChange: (pos) => {
-        this.position = pos;
-      },
+      showPositionControls: false,
       showFontControls: true,
       onFontScaleUp: () => {
         this.fontScale = Math.min(1.4, this.fontScale + 0.1);
@@ -2150,8 +2138,8 @@ var ChatUIModule = class {
     return import_react_ecs3.default.createElement(import_react_ecs3.UiEntity, {
       uiTransform: {
         positionType: "absolute",
-        position: { right: 130, bottom: 10 },
-        // To the left of GUIDE button
+        position: { right: 20, bottom: 10 },
+        // Far right corner
         width: 100,
         height: 45,
         justifyContent: "center",

package/dist/index.mjs

@@ -555,12 +555,13 @@ var THEME = {
   }
 };
 var UI_DIMENSIONS = {
-  // Guide UI
+  // Guide UI - positioned to the left of chat (chat is 380px wide at right:20)
   guide: {
     width: 900,
     height: "55%",
     bottom: 55,
-    right: 20,
+    right: 410,
+    // 20 + 380 (chat width) + 10 (gap)
     sidebar: {
       width: 300,
       buttonHeight: 42,
@@ -1311,7 +1312,8 @@ var GuideUIModule = class {
     return ReactEcs2.createElement(UiEntity2, {
       uiTransform: {
         positionType: "absolute",
-        position: { right: 20, bottom: 10 },
+        position: { right: 130, bottom: 10 },
+        // To the left of CHAT button
         width: this.s(100),
         height: this.s(45),
         justifyContent: "center",
@@ -1388,7 +1390,8 @@ var ChatUIModule = class {
           width: UI_DIMENSIONS.chat.width,
           height: UI_DIMENSIONS.chat.height,
           positionType: "absolute",
-          ...positionStyle,
+          position: positionStyle,
+          // Must be nested object, not spread!
           flexDirection: "column",
           border: { top: 2, bottom: 2, left: 2, right: 2 },
           borderColor: THEME.colors.panelBorder
@@ -1410,9 +1413,7 @@ var ChatUIModule = class {
     };
     this.client = client;
     this.config = config;
-    this.position = config.position || "right";
     this.fontScale = config.fontScale || 1;
-    console.log("[StaticTV Chat] Initialized with position:", this.position);
   }
   /**
    * Initialize the chat system
@@ -1705,27 +1706,14 @@ var ChatUIModule = class {
     }
   }
   getPositionStyle() {
-    console.log("[StaticTV Chat] getPositionStyle called, position:", this.position);
-    switch (this.position) {
-      case "left":
-        return { bottom: 55, left: 20 };
-      case "center":
-        return { bottom: 55, left: 400 };
-      case "right":
-      default:
-        return { bottom: 55, right: 20 };
-    }
+    return { bottom: 55, right: 20 };
   }
   renderHeader() {
     return PanelHeader({
       title: "LIVE CHAT",
       fontSize: 14,
       fontScale: this.fontScale,
-      showPositionControls: true,
-      position: this.position,
-      onPositionChange: (pos) => {
-        this.position = pos;
-      },
+      showPositionControls: false,
       showFontControls: true,
       onFontScaleUp: () => {
         this.fontScale = Math.min(1.4, this.fontScale + 0.1);
@@ -2110,8 +2098,8 @@ var ChatUIModule = class {
     return ReactEcs3.createElement(UiEntity3, {
       uiTransform: {
         positionType: "absolute",
-        position: { right: 130, bottom: 10 },
-        // To the left of GUIDE button
+        position: { right: 20, bottom: 10 },
+        // Far right corner
         width: 100,
         height: 45,
         justifyContent: "center",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thestatic-tv/dcl-sdk",
-  "version": "2.2.5",
+  "version": "2.2.7",
   "description": "Connect your Decentraland scene to thestatic.tv - full channel lineup, metrics tracking, and interactions",
   "main": "dist/index.js",
   "module": "dist/index.mjs",