myio-js-library 0.1.310 → 0.1.312

package/dist/myio-js-library.umd.js

@@ -26220,6 +26220,7 @@
   --wm-logout-btn-border: ${p.logoutBtnBorder};
   --wm-card-bg: ${p.shoppingCardBg};
   --wm-card-border: ${p.shoppingCardBorder};
+  --wm-font-scale: 1;
 
   position: fixed;
   inset: 0;
@@ -26621,7 +26622,7 @@
 
 .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;
@@ -26630,7 +26631,7 @@
 
 .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);
 }
@@ -26655,7 +26656,7 @@
   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);
@@ -26672,7 +26673,7 @@
 }
 
 .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;
@@ -26685,7 +26686,7 @@
 }
 
 .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 {
@@ -26835,7 +26836,7 @@
   }
 
   .myio-welcome-card-title {
-    font-size: 16px !important;
+    font-size: calc(16px * var(--wm-font-scale)) !important;
   }
 
   .myio-welcome-card-device-counts {
@@ -26845,16 +26846,16 @@
 
   .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;
   }
 }
 
@@ -26923,7 +26924,7 @@
   }
 
   .myio-welcome-card-title {
-    font-size: 14px !important;
+    font-size: calc(14px * var(--wm-font-scale)) !important;
   }
 
   .myio-welcome-card-device-counts {
@@ -26933,16 +26934,16 @@
 
   .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 {
@@ -27511,16 +27512,33 @@
       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();
@@ -27743,12 +27761,13 @@
           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",
@@ -27756,8 +27775,9 @@
               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",
@@ -27766,42 +27786,49 @@
               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",
@@ -31296,6 +31323,12 @@
       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,
@@ -31320,6 +31353,8 @@
         startDate: start,
         endDate: end,
         granularity,
+        clientId,
+        clientSecret,
         chartsBaseUrl: this.chartsBaseUrl,
         dataApiHost: this.dataApiHost,
         theme: this.params.theme ?? "dark",
@@ -61974,7 +62009,7 @@ ${errors.slice(0, 5).join("\n")}` + (errors.length > 5 ? `
       }
       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) {