myio-js-library 0.1.310 → 0.1.312

package/dist/index.cjs

@@ -26683,6 +26683,7 @@ var WelcomeModalView = class {
   --wm-logout-btn-border: ${p.logoutBtnBorder};
   --wm-card-bg: ${p.shoppingCardBg};
   --wm-card-border: ${p.shoppingCardBorder};
+  --wm-font-scale: 1;
 
   position: fixed;
   inset: 0;
@@ -27084,7 +27085,7 @@ var WelcomeModalView = class {
 
 .myio-welcome-card-title {
   margin: 0 !important;
-  font-size: 22px !important;
+  font-size: calc(22px * var(--wm-font-scale)) !important;
   font-weight: 700 !important;
   color: var(--wm-ink);
   letter-spacing: 0.02em;
@@ -27093,7 +27094,7 @@ var WelcomeModalView = class {
 
 .myio-welcome-card-subtitle {
   margin: 0 !important;
-  font-size: 13px !important;
+  font-size: calc(13px * var(--wm-font-scale)) !important;
   font-weight: 400 !important;
   color: var(--wm-muted);
 }
@@ -27118,7 +27119,7 @@ var WelcomeModalView = class {
   gap: 4px !important;
   padding: 4px 8px !important;
   min-width: 50px !important;
-  font-size: 11px !important;
+  font-size: calc(11px * var(--wm-font-scale)) !important;
   font-weight: 600 !important;
   color: var(--wm-muted);
   background: rgba(0, 0, 0, 0.3);
@@ -27135,7 +27136,7 @@ var WelcomeModalView = class {
 }
 
 .myio-welcome-card-device-count .value {
-  font-size: 10px !important;
+  font-size: calc(10px * var(--wm-font-scale)) !important;
   font-weight: 400 !important;
   opacity: 0.85;
   white-space: nowrap;
@@ -27148,7 +27149,7 @@ var WelcomeModalView = class {
 }
 
 .myio-welcome-card-device-count .icon {
-  font-size: 10px !important;
+  font-size: calc(10px * var(--wm-font-scale)) !important;
 }
 
 .myio-welcome-card-device-count.energy:hover {
@@ -27298,7 +27299,7 @@ var WelcomeModalView = class {
   }
 
   .myio-welcome-card-title {
-    font-size: 16px !important;
+    font-size: calc(16px * var(--wm-font-scale)) !important;
   }
 
   .myio-welcome-card-device-counts {
@@ -27308,16 +27309,16 @@ var WelcomeModalView = class {
 
   .myio-welcome-card-device-count {
     padding: 4px 8px;
-    font-size: 12px;
+    font-size: calc(12px * var(--wm-font-scale));
     min-width: 52px !important;
   }
 
   .myio-welcome-card-device-count .icon {
-    font-size: 11px !important;
+    font-size: calc(11px * var(--wm-font-scale)) !important;
   }
 
   .myio-welcome-card-device-count .value {
-    font-size: 11px !important;
+    font-size: calc(11px * var(--wm-font-scale)) !important;
   }
 }
 
@@ -27386,7 +27387,7 @@ var WelcomeModalView = class {
   }
 
   .myio-welcome-card-title {
-    font-size: 14px !important;
+    font-size: calc(14px * var(--wm-font-scale)) !important;
   }
 
   .myio-welcome-card-device-counts {
@@ -27396,16 +27397,16 @@ var WelcomeModalView = class {
 
   .myio-welcome-card-device-count {
     padding: 3px 6px;
-    font-size: 11px;
+    font-size: calc(11px * var(--wm-font-scale));
     min-width: 44px !important;
   }
 
   .myio-welcome-card-device-count .icon {
-    font-size: 10px !important;
+    font-size: calc(10px * var(--wm-font-scale)) !important;
   }
 
   .myio-welcome-card-device-count .value {
-    font-size: 10px !important;
+    font-size: calc(10px * var(--wm-font-scale)) !important;
   }
 
   .myio-welcome-card-arrow {
@@ -27974,16 +27975,33 @@ var WelcomeModalView = class {
     const fontSizeRange = this.container.querySelector("#fontSizeRange");
     const fontSizeValue = this.container.querySelector("#fontSizeValue");
     if (fontSizeRange && fontSizeValue) {
+      const applyFontScale = (scale) => {
+        const cardTitles = this.container.querySelectorAll(".myio-welcome-card-title");
+        cardTitles.forEach((el) => {
+          el.style.setProperty("font-size", `${22 * scale}px`, "important");
+        });
+        const cardSubtitles = this.container.querySelectorAll(".myio-welcome-card-subtitle");
+        cardSubtitles.forEach((el) => {
+          el.style.setProperty("font-size", `${13 * scale}px`, "important");
+        });
+        const deviceCounts = this.container.querySelectorAll(".myio-welcome-card-device-count");
+        deviceCounts.forEach((el) => {
+          el.style.setProperty("font-size", `${11 * scale}px`, "important");
+        });
+        const countValues = this.container.querySelectorAll(".myio-welcome-card-device-count .value");
+        countValues.forEach((el) => {
+          el.style.setProperty("font-size", `${10 * scale}px`, "important");
+        });
+        const countIcons = this.container.querySelectorAll(".myio-welcome-card-device-count .icon");
+        countIcons.forEach((el) => {
+          el.style.setProperty("font-size", `${10 * scale}px`, "important");
+        });
+      };
       fontSizeRange.addEventListener("input", () => {
         const value = parseInt(fontSizeRange.value, 10);
         fontSizeValue.textContent = `${value}%`;
         const scale = value / 100;
-        this.container.style.setProperty("--wm-font-scale", `${scale}`);
-        const deviceCounts = this.container.querySelectorAll(".myio-welcome-card-device-counts");
-        deviceCounts.forEach((el) => {
-          el.style.transform = `scale(${scale})`;
-          el.style.transformOrigin = "left center";
-        });
+        applyFontScale(scale);
       });
     }
     this.bindTooltipEvents();
@@ -28206,12 +28224,13 @@ var WelcomeModalView = class {
         temperatureDevices: temperatureItems.length
       });
     }
+    const energyCategories = win.MyIOLibrary?.buildEquipmentCategoryDataForTooltip?.(energyItems) || [];
     return {
       energy: {
         totalDevices: energyItems.length,
         totalConsumption: energyTotal,
         unit: "kWh",
-        byCategory: [
+        byCategory: energyCategories.length > 0 ? energyCategories : [
           {
             id: "equipamentos",
             name: "Equipamentos",
@@ -28219,8 +28238,9 @@ var WelcomeModalView = class {
             deviceCount: energyItems.filter(
               (d) => d.deviceType !== "3F_MEDIDOR" || d.deviceProfile !== "3F_MEDIDOR"
             ).length,
-            consumption: 0,
-            percentage: 0
+            consumption: energyTotal * 0.3,
+            // Fallback estimate
+            percentage: 30
           },
           {
             id: "lojas",
@@ -28229,42 +28249,49 @@ var WelcomeModalView = class {
             deviceCount: energyItems.filter(
               (d) => d.deviceType === "3F_MEDIDOR" && d.deviceProfile === "3F_MEDIDOR"
             ).length,
-            consumption: 0,
-            percentage: 0
+            consumption: energyTotal * 0.7,
+            // Fallback estimate
+            percentage: 70
           }
         ],
         byStatus: aggregateStatus(energyItems),
         lastUpdated: now,
         customerName: card.title
       },
-      water: {
-        totalDevices: waterItems.length,
-        totalConsumption: waterTotal,
-        unit: "m\xB3",
-        byCategory: [
-          {
-            id: "areaComum",
-            name: "\xC1rea Comum",
-            icon: "\u{1F3E2}",
-            deviceCount: waterItems.filter((d) => (d.deviceProfile || "").includes("AREA_COMUM")).length,
-            consumption: 0,
-            percentage: 0
-          },
-          {
-            id: "lojas",
-            name: "Lojas",
-            icon: "\u{1F3EA}",
-            deviceCount: waterItems.filter(
-              (d) => !(d.deviceProfile || "").includes("AREA_COMUM") && !(d.deviceProfile || "").includes("SHOPPING")
-            ).length,
-            consumption: 0,
-            percentage: 0
-          }
-        ],
-        byStatus: aggregateStatus(waterItems),
-        lastUpdated: now,
-        customerName: card.title
-      },
+      water: (() => {
+        const areaComumItems = waterItems.filter((d) => (d.deviceProfile || "").includes("AREA_COMUM"));
+        const lojaItems = waterItems.filter(
+          (d) => !(d.deviceProfile || "").includes("AREA_COMUM") && !(d.deviceProfile || "").includes("SHOPPING")
+        );
+        const areaComumConsumption = areaComumItems.reduce((sum, d) => sum + Number(d.value || d.pulses || 0), 0);
+        const lojasConsumption = lojaItems.reduce((sum, d) => sum + Number(d.value || d.pulses || 0), 0);
+        return {
+          totalDevices: waterItems.length,
+          totalConsumption: waterTotal,
+          unit: "m\xB3",
+          byCategory: [
+            {
+              id: "areaComum",
+              name: "\xC1rea Comum",
+              icon: "\u{1F3E2}",
+              deviceCount: areaComumItems.length,
+              consumption: areaComumConsumption,
+              percentage: waterTotal > 0 ? areaComumConsumption / waterTotal * 100 : 0
+            },
+            {
+              id: "lojas",
+              name: "Lojas",
+              icon: "\u{1F3EA}",
+              deviceCount: lojaItems.length,
+              consumption: lojasConsumption,
+              percentage: waterTotal > 0 ? lojasConsumption / waterTotal * 100 : 0
+            }
+          ],
+          byStatus: aggregateStatus(waterItems),
+          lastUpdated: now,
+          customerName: card.title
+        };
+      })(),
       temperature: {
         devices: temperatureItems.map((d) => ({
           name: d.label || d.name || "Sensor",
@@ -31760,6 +31787,12 @@ var ComparisonHandler = class {
     if (!ingestionToken2) {
       throw new Error("Ingestion token not available");
     }
+    const credentials = win.MyIOUtils?.getCredentials?.() || {};
+    const clientId = credentials.clientId;
+    const clientSecret = credentials.clientSecret;
+    if (!clientId || !clientSecret) {
+      this.log.warn("clientId/clientSecret not found in MyIOUtils.getCredentials()");
+    }
     const dataSources = entities.map((entity) => ({
       type: "device",
       id: entity.ingestionId || entity.id,
@@ -31784,6 +31817,8 @@ var ComparisonHandler = class {
       startDate: start,
       endDate: end,
       granularity,
+      clientId,
+      clientSecret,
       chartsBaseUrl: this.chartsBaseUrl,
       dataApiHost: this.dataApiHost,
       theme: this.params.theme ?? "dark",
@@ -62444,7 +62479,7 @@ var TelemetryGridController = class {
     }
     if (this.state.filters.selectedShoppingIds.length > 0) {
       filtered = filtered.filter(
-        (d) => this.state.filters.selectedShoppingIds.includes(d.customerId)
+        (d) => this.state.filters.selectedShoppingIds.includes(d.customerId) || this.state.filters.selectedShoppingIds.includes(d.ingestionId)
       );
     }
     if (this.state.filters.selectedDeviceIds && this.state.filters.selectedDeviceIds.size > 0) {

package/dist/index.js

@@ -26407,6 +26407,7 @@ var WelcomeModalView = class {
   --wm-logout-btn-border: ${p.logoutBtnBorder};
   --wm-card-bg: ${p.shoppingCardBg};
   --wm-card-border: ${p.shoppingCardBorder};
+  --wm-font-scale: 1;
 
   position: fixed;
   inset: 0;
@@ -26808,7 +26809,7 @@ var WelcomeModalView = class {
 
 .myio-welcome-card-title {
   margin: 0 !important;
-  font-size: 22px !important;
+  font-size: calc(22px * var(--wm-font-scale)) !important;
   font-weight: 700 !important;
   color: var(--wm-ink);
   letter-spacing: 0.02em;
@@ -26817,7 +26818,7 @@ var WelcomeModalView = class {
 
 .myio-welcome-card-subtitle {
   margin: 0 !important;
-  font-size: 13px !important;
+  font-size: calc(13px * var(--wm-font-scale)) !important;
   font-weight: 400 !important;
   color: var(--wm-muted);
 }
@@ -26842,7 +26843,7 @@ var WelcomeModalView = class {
   gap: 4px !important;
   padding: 4px 8px !important;
   min-width: 50px !important;
-  font-size: 11px !important;
+  font-size: calc(11px * var(--wm-font-scale)) !important;
   font-weight: 600 !important;
   color: var(--wm-muted);
   background: rgba(0, 0, 0, 0.3);
@@ -26859,7 +26860,7 @@ var WelcomeModalView = class {
 }
 
 .myio-welcome-card-device-count .value {
-  font-size: 10px !important;
+  font-size: calc(10px * var(--wm-font-scale)) !important;
   font-weight: 400 !important;
   opacity: 0.85;
   white-space: nowrap;
@@ -26872,7 +26873,7 @@ var WelcomeModalView = class {
 }
 
 .myio-welcome-card-device-count .icon {
-  font-size: 10px !important;
+  font-size: calc(10px * var(--wm-font-scale)) !important;
 }
 
 .myio-welcome-card-device-count.energy:hover {
@@ -27022,7 +27023,7 @@ var WelcomeModalView = class {
   }
 
   .myio-welcome-card-title {
-    font-size: 16px !important;
+    font-size: calc(16px * var(--wm-font-scale)) !important;
   }
 
   .myio-welcome-card-device-counts {
@@ -27032,16 +27033,16 @@ var WelcomeModalView = class {
 
   .myio-welcome-card-device-count {
     padding: 4px 8px;
-    font-size: 12px;
+    font-size: calc(12px * var(--wm-font-scale));
     min-width: 52px !important;
   }
 
   .myio-welcome-card-device-count .icon {
-    font-size: 11px !important;
+    font-size: calc(11px * var(--wm-font-scale)) !important;
   }
 
   .myio-welcome-card-device-count .value {
-    font-size: 11px !important;
+    font-size: calc(11px * var(--wm-font-scale)) !important;
   }
 }
 
@@ -27110,7 +27111,7 @@ var WelcomeModalView = class {
   }
 
   .myio-welcome-card-title {
-    font-size: 14px !important;
+    font-size: calc(14px * var(--wm-font-scale)) !important;
   }
 
   .myio-welcome-card-device-counts {
@@ -27120,16 +27121,16 @@ var WelcomeModalView = class {
 
   .myio-welcome-card-device-count {
     padding: 3px 6px;
-    font-size: 11px;
+    font-size: calc(11px * var(--wm-font-scale));
     min-width: 44px !important;
   }
 
   .myio-welcome-card-device-count .icon {
-    font-size: 10px !important;
+    font-size: calc(10px * var(--wm-font-scale)) !important;
   }
 
   .myio-welcome-card-device-count .value {
-    font-size: 10px !important;
+    font-size: calc(10px * var(--wm-font-scale)) !important;
   }
 
   .myio-welcome-card-arrow {
@@ -27698,16 +27699,33 @@ var WelcomeModalView = class {
     const fontSizeRange = this.container.querySelector("#fontSizeRange");
     const fontSizeValue = this.container.querySelector("#fontSizeValue");
     if (fontSizeRange && fontSizeValue) {
+      const applyFontScale = (scale) => {
+        const cardTitles = this.container.querySelectorAll(".myio-welcome-card-title");
+        cardTitles.forEach((el) => {
+          el.style.setProperty("font-size", `${22 * scale}px`, "important");
+        });
+        const cardSubtitles = this.container.querySelectorAll(".myio-welcome-card-subtitle");
+        cardSubtitles.forEach((el) => {
+          el.style.setProperty("font-size", `${13 * scale}px`, "important");
+        });
+        const deviceCounts = this.container.querySelectorAll(".myio-welcome-card-device-count");
+        deviceCounts.forEach((el) => {
+          el.style.setProperty("font-size", `${11 * scale}px`, "important");
+        });
+        const countValues = this.container.querySelectorAll(".myio-welcome-card-device-count .value");
+        countValues.forEach((el) => {
+          el.style.setProperty("font-size", `${10 * scale}px`, "important");
+        });
+        const countIcons = this.container.querySelectorAll(".myio-welcome-card-device-count .icon");
+        countIcons.forEach((el) => {
+          el.style.setProperty("font-size", `${10 * scale}px`, "important");
+        });
+      };
       fontSizeRange.addEventListener("input", () => {
         const value = parseInt(fontSizeRange.value, 10);
         fontSizeValue.textContent = `${value}%`;
         const scale = value / 100;
-        this.container.style.setProperty("--wm-font-scale", `${scale}`);
-        const deviceCounts = this.container.querySelectorAll(".myio-welcome-card-device-counts");
-        deviceCounts.forEach((el) => {
-          el.style.transform = `scale(${scale})`;
-          el.style.transformOrigin = "left center";
-        });
+        applyFontScale(scale);
       });
     }
     this.bindTooltipEvents();
@@ -27930,12 +27948,13 @@ var WelcomeModalView = class {
         temperatureDevices: temperatureItems.length
       });
     }
+    const energyCategories = win.MyIOLibrary?.buildEquipmentCategoryDataForTooltip?.(energyItems) || [];
     return {
       energy: {
         totalDevices: energyItems.length,
         totalConsumption: energyTotal,
         unit: "kWh",
-        byCategory: [
+        byCategory: energyCategories.length > 0 ? energyCategories : [
           {
             id: "equipamentos",
             name: "Equipamentos",
@@ -27943,8 +27962,9 @@ var WelcomeModalView = class {
             deviceCount: energyItems.filter(
               (d) => d.deviceType !== "3F_MEDIDOR" || d.deviceProfile !== "3F_MEDIDOR"
             ).length,
-            consumption: 0,
-            percentage: 0
+            consumption: energyTotal * 0.3,
+            // Fallback estimate
+            percentage: 30
           },
           {
             id: "lojas",
@@ -27953,42 +27973,49 @@ var WelcomeModalView = class {
             deviceCount: energyItems.filter(
               (d) => d.deviceType === "3F_MEDIDOR" && d.deviceProfile === "3F_MEDIDOR"
             ).length,
-            consumption: 0,
-            percentage: 0
+            consumption: energyTotal * 0.7,
+            // Fallback estimate
+            percentage: 70
           }
         ],
         byStatus: aggregateStatus(energyItems),
         lastUpdated: now,
         customerName: card.title
       },
-      water: {
-        totalDevices: waterItems.length,
-        totalConsumption: waterTotal,
-        unit: "m\xB3",
-        byCategory: [
-          {
-            id: "areaComum",
-            name: "\xC1rea Comum",
-            icon: "\u{1F3E2}",
-            deviceCount: waterItems.filter((d) => (d.deviceProfile || "").includes("AREA_COMUM")).length,
-            consumption: 0,
-            percentage: 0
-          },
-          {
-            id: "lojas",
-            name: "Lojas",
-            icon: "\u{1F3EA}",
-            deviceCount: waterItems.filter(
-              (d) => !(d.deviceProfile || "").includes("AREA_COMUM") && !(d.deviceProfile || "").includes("SHOPPING")
-            ).length,
-            consumption: 0,
-            percentage: 0
-          }
-        ],
-        byStatus: aggregateStatus(waterItems),
-        lastUpdated: now,
-        customerName: card.title
-      },
+      water: (() => {
+        const areaComumItems = waterItems.filter((d) => (d.deviceProfile || "").includes("AREA_COMUM"));
+        const lojaItems = waterItems.filter(
+          (d) => !(d.deviceProfile || "").includes("AREA_COMUM") && !(d.deviceProfile || "").includes("SHOPPING")
+        );
+        const areaComumConsumption = areaComumItems.reduce((sum, d) => sum + Number(d.value || d.pulses || 0), 0);
+        const lojasConsumption = lojaItems.reduce((sum, d) => sum + Number(d.value || d.pulses || 0), 0);
+        return {
+          totalDevices: waterItems.length,
+          totalConsumption: waterTotal,
+          unit: "m\xB3",
+          byCategory: [
+            {
+              id: "areaComum",
+              name: "\xC1rea Comum",
+              icon: "\u{1F3E2}",
+              deviceCount: areaComumItems.length,
+              consumption: areaComumConsumption,
+              percentage: waterTotal > 0 ? areaComumConsumption / waterTotal * 100 : 0
+            },
+            {
+              id: "lojas",
+              name: "Lojas",
+              icon: "\u{1F3EA}",
+              deviceCount: lojaItems.length,
+              consumption: lojasConsumption,
+              percentage: waterTotal > 0 ? lojasConsumption / waterTotal * 100 : 0
+            }
+          ],
+          byStatus: aggregateStatus(waterItems),
+          lastUpdated: now,
+          customerName: card.title
+        };
+      })(),
       temperature: {
         devices: temperatureItems.map((d) => ({
           name: d.label || d.name || "Sensor",
@@ -31484,6 +31511,12 @@ var ComparisonHandler = class {
     if (!ingestionToken2) {
       throw new Error("Ingestion token not available");
     }
+    const credentials = win.MyIOUtils?.getCredentials?.() || {};
+    const clientId = credentials.clientId;
+    const clientSecret = credentials.clientSecret;
+    if (!clientId || !clientSecret) {
+      this.log.warn("clientId/clientSecret not found in MyIOUtils.getCredentials()");
+    }
     const dataSources = entities.map((entity) => ({
       type: "device",
       id: entity.ingestionId || entity.id,
@@ -31508,6 +31541,8 @@ var ComparisonHandler = class {
       startDate: start,
       endDate: end,
       granularity,
+      clientId,
+      clientSecret,
       chartsBaseUrl: this.chartsBaseUrl,
       dataApiHost: this.dataApiHost,
       theme: this.params.theme ?? "dark",
@@ -62168,7 +62203,7 @@ var TelemetryGridController = class {
     }
     if (this.state.filters.selectedShoppingIds.length > 0) {
       filtered = filtered.filter(
-        (d) => this.state.filters.selectedShoppingIds.includes(d.customerId)
+        (d) => this.state.filters.selectedShoppingIds.includes(d.customerId) || this.state.filters.selectedShoppingIds.includes(d.ingestionId)
       );
     }
     if (this.state.filters.selectedDeviceIds && this.state.filters.selectedDeviceIds.size > 0) {