myio-js-library 0.1.65 → 0.1.67

package/dist/index.cjs

@@ -6599,7 +6599,7 @@ var EnergyModalView = class {
         clientId: this.config.params.clientId || "ADMIN_DASHBOARD_CLIENT",
         clientSecret: this.config.params.clientSecret || "admin_dashboard_secret_2025",
         deviceId: ingestionId,
-        readingType: "energy",
+        readingType: this.config.params.readingType || "energy",
         startDate: startISO,
         endDate: endISO,
         granularity,
@@ -7503,9 +7503,31 @@ var rangeDaysInclusive = (start, end) => {
 var fmtPt = (n) => new Intl.NumberFormat("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 }).format(n);
 
 // src/components/premium-modals/report-device/DeviceReportModal.ts
+var DOMAIN_CONFIG = {
+  energy: {
+    endpoint: "energy",
+    unit: "kWh",
+    label: "Consumo (kWh)",
+    formatter: (v) => fmtPt(v)
+  },
+  water: {
+    endpoint: "water",
+    unit: "m\xB3",
+    label: "Consumo (m\xB3)",
+    formatter: (v) => fmtPt(v)
+  },
+  temperature: {
+    endpoint: "temperature",
+    unit: "\xB0C",
+    label: "Temperatura (\xB0C)",
+    formatter: (v) => fmtPt(v)
+  }
+};
 var createDefaultEnergyFetcher = (params) => {
   return async ({ baseUrl, ingestionId, startISO, endISO }) => {
-    const url = `${baseUrl}/api/v1/telemetry/devices/${ingestionId}/energy?startTime=${encodeURIComponent(startISO)}&endTime=${encodeURIComponent(endISO)}&granularity=1d&page=1&pageSize=1000&deep=0`;
+    const domain = params.domain || "energy";
+    const endpoint = DOMAIN_CONFIG[domain].endpoint;
+    const url = `${baseUrl}/api/v1/telemetry/devices/${ingestionId}/${endpoint}?startTime=${encodeURIComponent(startISO)}&endTime=${encodeURIComponent(endISO)}&granularity=1d&page=1&pageSize=1000&deep=0`;
     const token = params.api.ingestionToken;
     if (!token) {
       throw new Error("ingestionToken is required for Data API calls to data.apps.myio-bas.com");
@@ -7531,6 +7553,8 @@ var DeviceReportModal = class {
       clientSecret: params.api.clientSecret,
       base: params.api.dataApiBaseUrl
     });
+    const domain = params.domain || "energy";
+    this.domainConfig = DOMAIN_CONFIG[domain];
     this.energyFetcher = params.fetcher || createDefaultEnergyFetcher(params);
   }
   modal;
@@ -7541,6 +7565,7 @@ var DeviceReportModal = class {
   eventHandlers = {};
   dateRangePicker = null;
   sortState = { key: null, direction: "asc" };
+  domainConfig;
   show() {
     this.modal = createModal({
       title: `Relat\xF3rio - ${this.params.identifier || "SEM IDENTIFICADOR"} - ${this.params.label || "SEM ETIQUETA"}`,
@@ -7703,9 +7728,9 @@ var DeviceReportModal = class {
     };
     container.innerHTML = `
       <div style="margin-bottom: 16px; padding: 12px; background: var(--myio-bg); border-radius: 6px;">
-        <strong>Total: ${fmtPt(total)} kWh</strong>
+        <strong>Total: ${this.domainConfig.formatter(total)} ${this.domainConfig.unit}</strong>
       </div>
-      
+
       <div style="max-height: 400px; overflow-y: auto; border: 1px solid var(--myio-border); border-radius: 6px;">
         <table class="myio-table">
           <thead>
@@ -7715,7 +7740,7 @@ var DeviceReportModal = class {
                 <span style="margin-left: 4px; opacity: ${this.sortState.key === "date" ? "1" : "0.5"};">${getSortIndicator("date")}</span>
               </th>
               <th style="cursor: pointer; text-align: right;" data-sort="consumption">
-                Consumo (kWh)
+                ${this.domainConfig.label}
                 <span style="margin-left: 4px; opacity: ${this.sortState.key === "consumption" ? "1" : "0.5"};">${getSortIndicator("consumption")}</span>
               </th>
             </tr>
@@ -7724,7 +7749,7 @@ var DeviceReportModal = class {
             ${this.data.map((row) => `
               <tr>
                 <td>${this.formatDate(row.date)}</td>
-                <td style="text-align: right;">${fmtPt(row.consumption)}</td>
+                <td style="text-align: right;">${this.domainConfig.formatter(row.consumption)}</td>
               </tr>
             `).join("")}
           </tbody>
@@ -7774,9 +7799,9 @@ var DeviceReportModal = class {
     const csvData = [
       ["Dispositivo/Loja", this.params.identifier || "N/A", this.params.label || ""],
       ["DATA EMISS\xC3O", timestamp, ""],
-      ["Total", fmtPt(total), ""],
-      ["Data", "Consumo", ""],
-      ...this.data.map((row) => [this.formatDate(row.date), fmtPt(row.consumption)])
+      ["Total", this.domainConfig.formatter(total), this.domainConfig.unit],
+      ["Data", this.domainConfig.label, ""],
+      ...this.data.map((row) => [this.formatDate(row.date), this.domainConfig.formatter(row.consumption)])
     ];
     const csvContent = toCsv(csvData);
     this.downloadCSV(csvContent, `relatorio-${this.params.identifier || "dispositivo"}-${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}.csv`);
@@ -8633,6 +8658,20 @@ function attachFilterOrderingModal(props) {
 }
 
 // src/components/premium-modals/report-all/AllReportModal.ts
+var DOMAIN_CONFIG2 = {
+  energy: {
+    endpoint: "energy",
+    unit: "kWh",
+    label: "Consumption (kWh)",
+    totalLabel: "Total kWh"
+  },
+  water: {
+    endpoint: "water",
+    unit: "m\xB3",
+    label: "Consumo (m\xB3)",
+    totalLabel: "Total m\xB3"
+  }
+};
 var AllReportModal = class {
   constructor(params) {
     this.params = params;
@@ -8641,6 +8680,8 @@ var AllReportModal = class {
       clientSecret: params.api.clientSecret,
       base: params.api.dataApiBaseUrl
     });
+    const domain = params.domain || "energy";
+    this.domainConfig = DOMAIN_CONFIG2[domain];
     this.debugEnabled = params.debug === 1;
     this.debugLog("\u{1F680} AllReportModal initialized", {
       customerId: params.customerId,
@@ -8671,6 +8712,8 @@ var AllReportModal = class {
   currentSortMode = "CONSUMPTION_DESC";
   // Debug logging flag - controlled by params.debug
   debugEnabled;
+  // Domain configuration
+  domainConfig;
   // Debug logging helper
   debugLog(message, data) {
     console.log(`[AllReportModal DEBUG] ${message}`, data || "");
@@ -8924,7 +8967,7 @@ var AllReportModal = class {
         </div>
         <div style="text-align: center;">
           <div style="font-size: 24px; font-weight: bold; color: var(--myio-primary);">${fmtPt(totalConsumption)}</div>
-          <div style="color: var(--myio-text-muted);">Total kWh</div>
+          <div style="color: var(--myio-text-muted);">${this.domainConfig.totalLabel}</div>
         </div>
         <div style="text-align: center;">
           <div style="font-size: 24px; font-weight: bold; color: var(--myio-primary);">${fmtPt(totalConsumption / storeCount)}</div>
@@ -8999,7 +9042,7 @@ var AllReportModal = class {
                 <span style="margin-left: 4px; opacity: ${this.getSortOpacity("name")};">${this.getSortIcon("name")}</span>
               </th>
               <th style="cursor: pointer; text-align: right; width: 30%;" data-sort="consumption">
-                Consumption (kWh)
+                ${this.domainConfig.label}
                 <span style="margin-left: 4px; opacity: ${this.getSortOpacity("consumption")};">${this.getSortIcon("consumption")}</span>
               </th>
             </tr>
@@ -9009,7 +9052,7 @@ var AllReportModal = class {
               <tr>
                 <td data-label="Identifier" style="font-family: monospace; font-weight: bold; text-transform: uppercase;">${row.identifier}</td>
                 <td data-label="Name"><strong>${row.name}</strong></td>
-                <td data-label="Consumption (kWh)" style="text-align: right; font-weight: bold;">${row.consumption.toFixed(2)}</td>
+                <td data-label="${this.domainConfig.label}" style="text-align: right; font-weight: bold;">${row.consumption.toFixed(2)}</td>
               </tr>
             `).join("")}
           </tbody>
@@ -9166,11 +9209,11 @@ var AllReportModal = class {
       ["DATA EMISS\xC3O", timestamp, "", ""],
       ["RESUMO", "", "", ""],
       ["Total de Lojas", this.data.length.toString(), "", ""],
-      ["Consumo Total", totalConsumption.toFixed(2), "kWh", ""],
-      ["Consumo M\xE9dio por Loja", (totalConsumption / this.data.length).toFixed(2), "kWh", ""],
+      ["Consumo Total", totalConsumption.toFixed(2), this.domainConfig.unit, ""],
+      ["Consumo M\xE9dio por Loja", (totalConsumption / this.data.length).toFixed(2), this.domainConfig.unit, ""],
       ["", "", "", ""],
       ["DETALHAMENTO POR LOJA", "", "", ""],
-      ["Identificador", "Nome", "Consumo (kWh)", ""],
+      ["Identificador", "Nome", this.domainConfig.label, ""],
       ...sortedData.map((row) => [row.identifier, row.name, row.consumption.toFixed(2), ""])
     ];
     const csvContent = toCsv(csvData);
@@ -9194,8 +9237,9 @@ var AllReportModal = class {
     const baseUrl = this.params.api.dataApiBaseUrl || "https://api.data.apps.myio-bas.com";
     const startTime = encodeURIComponent(startISO);
     const endTime = encodeURIComponent(endISO);
-    const url = `${baseUrl}/api/v1/telemetry/customers/${this.params.customerId}/energy/devices/totals?startTime=${startTime}&endTime=${endTime}`;
-    console.log("[AllReportModal] Fetching customer totals:", { url, customerId: this.params.customerId });
+    const endpoint = this.domainConfig.endpoint;
+    const url = `${baseUrl}/api/v1/telemetry/customers/${this.params.customerId}/${endpoint}/devices/totals?startTime=${startTime}&endTime=${endTime}`;
+    console.log("[AllReportModal] Fetching customer totals:", { url, customerId: this.params.customerId, domain: this.params.domain || "energy" });
     const response = await fetch(url, {
       method: "GET",
       headers: {

package/dist/index.d.cts

@@ -792,6 +792,7 @@ interface OpenDeviceReportParams {
     deviceId?: string;
     identifier?: string;
     label?: string;
+    domain?: 'energy' | 'water' | 'temperature';
     ui?: BaseUiCfg;
     api: BaseApiCfg;
     fetcher?: EnergyFetcher;
@@ -810,6 +811,7 @@ interface StoreItem {
 }
 interface OpenAllReportParams {
     customerId: string;
+    domain?: 'energy' | 'water';
     ui?: BaseUiCfg;
     api: BaseApiCfg;
     itemsList: StoreItem[];
@@ -854,6 +856,7 @@ interface OpenDashboardPopupEnergyOptions {
     chartsBaseUrl?: string;
     timezone?: string;
     theme?: 'light' | 'dark' | string;
+    readingType?: 'energy' | 'water' | 'tank';
     granularity?: '1d' | '1h' | '15m';
     closeOnEsc?: boolean;
     zIndex?: number;

package/dist/index.js

@@ -6525,7 +6525,7 @@ var EnergyModalView = class {
         clientId: this.config.params.clientId || "ADMIN_DASHBOARD_CLIENT",
         clientSecret: this.config.params.clientSecret || "admin_dashboard_secret_2025",
         deviceId: ingestionId,
-        readingType: "energy",
+        readingType: this.config.params.readingType || "energy",
         startDate: startISO,
         endDate: endISO,
         granularity,
@@ -7429,9 +7429,31 @@ var rangeDaysInclusive = (start, end) => {
 var fmtPt = (n) => new Intl.NumberFormat("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 }).format(n);
 
 // src/components/premium-modals/report-device/DeviceReportModal.ts
+var DOMAIN_CONFIG = {
+  energy: {
+    endpoint: "energy",
+    unit: "kWh",
+    label: "Consumo (kWh)",
+    formatter: (v) => fmtPt(v)
+  },
+  water: {
+    endpoint: "water",
+    unit: "m\xB3",
+    label: "Consumo (m\xB3)",
+    formatter: (v) => fmtPt(v)
+  },
+  temperature: {
+    endpoint: "temperature",
+    unit: "\xB0C",
+    label: "Temperatura (\xB0C)",
+    formatter: (v) => fmtPt(v)
+  }
+};
 var createDefaultEnergyFetcher = (params) => {
   return async ({ baseUrl, ingestionId, startISO, endISO }) => {
-    const url = `${baseUrl}/api/v1/telemetry/devices/${ingestionId}/energy?startTime=${encodeURIComponent(startISO)}&endTime=${encodeURIComponent(endISO)}&granularity=1d&page=1&pageSize=1000&deep=0`;
+    const domain = params.domain || "energy";
+    const endpoint = DOMAIN_CONFIG[domain].endpoint;
+    const url = `${baseUrl}/api/v1/telemetry/devices/${ingestionId}/${endpoint}?startTime=${encodeURIComponent(startISO)}&endTime=${encodeURIComponent(endISO)}&granularity=1d&page=1&pageSize=1000&deep=0`;
     const token = params.api.ingestionToken;
     if (!token) {
       throw new Error("ingestionToken is required for Data API calls to data.apps.myio-bas.com");
@@ -7457,6 +7479,8 @@ var DeviceReportModal = class {
       clientSecret: params.api.clientSecret,
       base: params.api.dataApiBaseUrl
     });
+    const domain = params.domain || "energy";
+    this.domainConfig = DOMAIN_CONFIG[domain];
     this.energyFetcher = params.fetcher || createDefaultEnergyFetcher(params);
   }
   modal;
@@ -7467,6 +7491,7 @@ var DeviceReportModal = class {
   eventHandlers = {};
   dateRangePicker = null;
   sortState = { key: null, direction: "asc" };
+  domainConfig;
   show() {
     this.modal = createModal({
       title: `Relat\xF3rio - ${this.params.identifier || "SEM IDENTIFICADOR"} - ${this.params.label || "SEM ETIQUETA"}`,
@@ -7629,9 +7654,9 @@ var DeviceReportModal = class {
     };
     container.innerHTML = `
       <div style="margin-bottom: 16px; padding: 12px; background: var(--myio-bg); border-radius: 6px;">
-        <strong>Total: ${fmtPt(total)} kWh</strong>
+        <strong>Total: ${this.domainConfig.formatter(total)} ${this.domainConfig.unit}</strong>
       </div>
-      
+
       <div style="max-height: 400px; overflow-y: auto; border: 1px solid var(--myio-border); border-radius: 6px;">
         <table class="myio-table">
           <thead>
@@ -7641,7 +7666,7 @@ var DeviceReportModal = class {
                 <span style="margin-left: 4px; opacity: ${this.sortState.key === "date" ? "1" : "0.5"};">${getSortIndicator("date")}</span>
               </th>
               <th style="cursor: pointer; text-align: right;" data-sort="consumption">
-                Consumo (kWh)
+                ${this.domainConfig.label}
                 <span style="margin-left: 4px; opacity: ${this.sortState.key === "consumption" ? "1" : "0.5"};">${getSortIndicator("consumption")}</span>
               </th>
             </tr>
@@ -7650,7 +7675,7 @@ var DeviceReportModal = class {
             ${this.data.map((row) => `
               <tr>
                 <td>${this.formatDate(row.date)}</td>
-                <td style="text-align: right;">${fmtPt(row.consumption)}</td>
+                <td style="text-align: right;">${this.domainConfig.formatter(row.consumption)}</td>
               </tr>
             `).join("")}
           </tbody>
@@ -7700,9 +7725,9 @@ var DeviceReportModal = class {
     const csvData = [
       ["Dispositivo/Loja", this.params.identifier || "N/A", this.params.label || ""],
       ["DATA EMISS\xC3O", timestamp, ""],
-      ["Total", fmtPt(total), ""],
-      ["Data", "Consumo", ""],
-      ...this.data.map((row) => [this.formatDate(row.date), fmtPt(row.consumption)])
+      ["Total", this.domainConfig.formatter(total), this.domainConfig.unit],
+      ["Data", this.domainConfig.label, ""],
+      ...this.data.map((row) => [this.formatDate(row.date), this.domainConfig.formatter(row.consumption)])
     ];
     const csvContent = toCsv(csvData);
     this.downloadCSV(csvContent, `relatorio-${this.params.identifier || "dispositivo"}-${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}.csv`);
@@ -8559,6 +8584,20 @@ function attachFilterOrderingModal(props) {
 }
 
 // src/components/premium-modals/report-all/AllReportModal.ts
+var DOMAIN_CONFIG2 = {
+  energy: {
+    endpoint: "energy",
+    unit: "kWh",
+    label: "Consumption (kWh)",
+    totalLabel: "Total kWh"
+  },
+  water: {
+    endpoint: "water",
+    unit: "m\xB3",
+    label: "Consumo (m\xB3)",
+    totalLabel: "Total m\xB3"
+  }
+};
 var AllReportModal = class {
   constructor(params) {
     this.params = params;
@@ -8567,6 +8606,8 @@ var AllReportModal = class {
       clientSecret: params.api.clientSecret,
       base: params.api.dataApiBaseUrl
     });
+    const domain = params.domain || "energy";
+    this.domainConfig = DOMAIN_CONFIG2[domain];
     this.debugEnabled = params.debug === 1;
     this.debugLog("\u{1F680} AllReportModal initialized", {
       customerId: params.customerId,
@@ -8597,6 +8638,8 @@ var AllReportModal = class {
   currentSortMode = "CONSUMPTION_DESC";
   // Debug logging flag - controlled by params.debug
   debugEnabled;
+  // Domain configuration
+  domainConfig;
   // Debug logging helper
   debugLog(message, data) {
     console.log(`[AllReportModal DEBUG] ${message}`, data || "");
@@ -8850,7 +8893,7 @@ var AllReportModal = class {
         </div>
         <div style="text-align: center;">
           <div style="font-size: 24px; font-weight: bold; color: var(--myio-primary);">${fmtPt(totalConsumption)}</div>
-          <div style="color: var(--myio-text-muted);">Total kWh</div>
+          <div style="color: var(--myio-text-muted);">${this.domainConfig.totalLabel}</div>
         </div>
         <div style="text-align: center;">
           <div style="font-size: 24px; font-weight: bold; color: var(--myio-primary);">${fmtPt(totalConsumption / storeCount)}</div>
@@ -8925,7 +8968,7 @@ var AllReportModal = class {
                 <span style="margin-left: 4px; opacity: ${this.getSortOpacity("name")};">${this.getSortIcon("name")}</span>
               </th>
               <th style="cursor: pointer; text-align: right; width: 30%;" data-sort="consumption">
-                Consumption (kWh)
+                ${this.domainConfig.label}
                 <span style="margin-left: 4px; opacity: ${this.getSortOpacity("consumption")};">${this.getSortIcon("consumption")}</span>
               </th>
             </tr>
@@ -8935,7 +8978,7 @@ var AllReportModal = class {
               <tr>
                 <td data-label="Identifier" style="font-family: monospace; font-weight: bold; text-transform: uppercase;">${row.identifier}</td>
                 <td data-label="Name"><strong>${row.name}</strong></td>
-                <td data-label="Consumption (kWh)" style="text-align: right; font-weight: bold;">${row.consumption.toFixed(2)}</td>
+                <td data-label="${this.domainConfig.label}" style="text-align: right; font-weight: bold;">${row.consumption.toFixed(2)}</td>
               </tr>
             `).join("")}
           </tbody>
@@ -9092,11 +9135,11 @@ var AllReportModal = class {
       ["DATA EMISS\xC3O", timestamp, "", ""],
       ["RESUMO", "", "", ""],
       ["Total de Lojas", this.data.length.toString(), "", ""],
-      ["Consumo Total", totalConsumption.toFixed(2), "kWh", ""],
-      ["Consumo M\xE9dio por Loja", (totalConsumption / this.data.length).toFixed(2), "kWh", ""],
+      ["Consumo Total", totalConsumption.toFixed(2), this.domainConfig.unit, ""],
+      ["Consumo M\xE9dio por Loja", (totalConsumption / this.data.length).toFixed(2), this.domainConfig.unit, ""],
       ["", "", "", ""],
       ["DETALHAMENTO POR LOJA", "", "", ""],
-      ["Identificador", "Nome", "Consumo (kWh)", ""],
+      ["Identificador", "Nome", this.domainConfig.label, ""],
       ...sortedData.map((row) => [row.identifier, row.name, row.consumption.toFixed(2), ""])
     ];
     const csvContent = toCsv(csvData);
@@ -9120,8 +9163,9 @@ var AllReportModal = class {
     const baseUrl = this.params.api.dataApiBaseUrl || "https://api.data.apps.myio-bas.com";
     const startTime = encodeURIComponent(startISO);
     const endTime = encodeURIComponent(endISO);
-    const url = `${baseUrl}/api/v1/telemetry/customers/${this.params.customerId}/energy/devices/totals?startTime=${startTime}&endTime=${endTime}`;
-    console.log("[AllReportModal] Fetching customer totals:", { url, customerId: this.params.customerId });
+    const endpoint = this.domainConfig.endpoint;
+    const url = `${baseUrl}/api/v1/telemetry/customers/${this.params.customerId}/${endpoint}/devices/totals?startTime=${startTime}&endTime=${endTime}`;
+    console.log("[AllReportModal] Fetching customer totals:", { url, customerId: this.params.customerId, domain: this.params.domain || "energy" });
     const response = await fetch(url, {
       method: "GET",
       headers: {

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

@@ -6514,7 +6514,7 @@
           clientId: this.config.params.clientId || "ADMIN_DASHBOARD_CLIENT",
           clientSecret: this.config.params.clientSecret || "admin_dashboard_secret_2025",
           deviceId: ingestionId,
-          readingType: "energy",
+          readingType: this.config.params.readingType || "energy",
           startDate: startISO,
           endDate: endISO,
           granularity,
@@ -7418,9 +7418,31 @@
   var fmtPt = (n) => new Intl.NumberFormat("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 }).format(n);
 
   // src/components/premium-modals/report-device/DeviceReportModal.ts
+  var DOMAIN_CONFIG = {
+    energy: {
+      endpoint: "energy",
+      unit: "kWh",
+      label: "Consumo (kWh)",
+      formatter: (v) => fmtPt(v)
+    },
+    water: {
+      endpoint: "water",
+      unit: "m\xB3",
+      label: "Consumo (m\xB3)",
+      formatter: (v) => fmtPt(v)
+    },
+    temperature: {
+      endpoint: "temperature",
+      unit: "\xB0C",
+      label: "Temperatura (\xB0C)",
+      formatter: (v) => fmtPt(v)
+    }
+  };
   var createDefaultEnergyFetcher = (params) => {
     return async ({ baseUrl, ingestionId, startISO, endISO }) => {
-      const url = `${baseUrl}/api/v1/telemetry/devices/${ingestionId}/energy?startTime=${encodeURIComponent(startISO)}&endTime=${encodeURIComponent(endISO)}&granularity=1d&page=1&pageSize=1000&deep=0`;
+      const domain = params.domain || "energy";
+      const endpoint = DOMAIN_CONFIG[domain].endpoint;
+      const url = `${baseUrl}/api/v1/telemetry/devices/${ingestionId}/${endpoint}?startTime=${encodeURIComponent(startISO)}&endTime=${encodeURIComponent(endISO)}&granularity=1d&page=1&pageSize=1000&deep=0`;
       const token = params.api.ingestionToken;
       if (!token) {
         throw new Error("ingestionToken is required for Data API calls to data.apps.myio-bas.com");
@@ -7446,6 +7468,8 @@
         clientSecret: params.api.clientSecret,
         base: params.api.dataApiBaseUrl
       });
+      const domain = params.domain || "energy";
+      this.domainConfig = DOMAIN_CONFIG[domain];
       this.energyFetcher = params.fetcher || createDefaultEnergyFetcher(params);
     }
     modal;
@@ -7456,6 +7480,7 @@
     eventHandlers = {};
     dateRangePicker = null;
     sortState = { key: null, direction: "asc" };
+    domainConfig;
     show() {
       this.modal = createModal({
         title: `Relat\xF3rio - ${this.params.identifier || "SEM IDENTIFICADOR"} - ${this.params.label || "SEM ETIQUETA"}`,
@@ -7618,9 +7643,9 @@
       };
       container.innerHTML = `
       <div style="margin-bottom: 16px; padding: 12px; background: var(--myio-bg); border-radius: 6px;">
-        <strong>Total: ${fmtPt(total)} kWh</strong>
+        <strong>Total: ${this.domainConfig.formatter(total)} ${this.domainConfig.unit}</strong>
       </div>
-      
+
       <div style="max-height: 400px; overflow-y: auto; border: 1px solid var(--myio-border); border-radius: 6px;">
         <table class="myio-table">
           <thead>
@@ -7630,7 +7655,7 @@
                 <span style="margin-left: 4px; opacity: ${this.sortState.key === "date" ? "1" : "0.5"};">${getSortIndicator("date")}</span>
               </th>
               <th style="cursor: pointer; text-align: right;" data-sort="consumption">
-                Consumo (kWh)
+                ${this.domainConfig.label}
                 <span style="margin-left: 4px; opacity: ${this.sortState.key === "consumption" ? "1" : "0.5"};">${getSortIndicator("consumption")}</span>
               </th>
             </tr>
@@ -7639,7 +7664,7 @@
             ${this.data.map((row) => `
               <tr>
                 <td>${this.formatDate(row.date)}</td>
-                <td style="text-align: right;">${fmtPt(row.consumption)}</td>
+                <td style="text-align: right;">${this.domainConfig.formatter(row.consumption)}</td>
               </tr>
             `).join("")}
           </tbody>
@@ -7689,9 +7714,9 @@
       const csvData = [
         ["Dispositivo/Loja", this.params.identifier || "N/A", this.params.label || ""],
         ["DATA EMISS\xC3O", timestamp, ""],
-        ["Total", fmtPt(total), ""],
-        ["Data", "Consumo", ""],
-        ...this.data.map((row) => [this.formatDate(row.date), fmtPt(row.consumption)])
+        ["Total", this.domainConfig.formatter(total), this.domainConfig.unit],
+        ["Data", this.domainConfig.label, ""],
+        ...this.data.map((row) => [this.formatDate(row.date), this.domainConfig.formatter(row.consumption)])
       ];
       const csvContent = toCsv(csvData);
       this.downloadCSV(csvContent, `relatorio-${this.params.identifier || "dispositivo"}-${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}.csv`);
@@ -8548,6 +8573,20 @@
   }
 
   // src/components/premium-modals/report-all/AllReportModal.ts
+  var DOMAIN_CONFIG2 = {
+    energy: {
+      endpoint: "energy",
+      unit: "kWh",
+      label: "Consumption (kWh)",
+      totalLabel: "Total kWh"
+    },
+    water: {
+      endpoint: "water",
+      unit: "m\xB3",
+      label: "Consumo (m\xB3)",
+      totalLabel: "Total m\xB3"
+    }
+  };
   var AllReportModal = class {
     constructor(params) {
       this.params = params;
@@ -8556,6 +8595,8 @@
         clientSecret: params.api.clientSecret,
         base: params.api.dataApiBaseUrl
       });
+      const domain = params.domain || "energy";
+      this.domainConfig = DOMAIN_CONFIG2[domain];
       this.debugEnabled = params.debug === 1;
       this.debugLog("\u{1F680} AllReportModal initialized", {
         customerId: params.customerId,
@@ -8586,6 +8627,8 @@
     currentSortMode = "CONSUMPTION_DESC";
     // Debug logging flag - controlled by params.debug
     debugEnabled;
+    // Domain configuration
+    domainConfig;
     // Debug logging helper
     debugLog(message, data) {
       console.log(`[AllReportModal DEBUG] ${message}`, data || "");
@@ -8839,7 +8882,7 @@
         </div>
         <div style="text-align: center;">
           <div style="font-size: 24px; font-weight: bold; color: var(--myio-primary);">${fmtPt(totalConsumption)}</div>
-          <div style="color: var(--myio-text-muted);">Total kWh</div>
+          <div style="color: var(--myio-text-muted);">${this.domainConfig.totalLabel}</div>
         </div>
         <div style="text-align: center;">
           <div style="font-size: 24px; font-weight: bold; color: var(--myio-primary);">${fmtPt(totalConsumption / storeCount)}</div>
@@ -8914,7 +8957,7 @@
                 <span style="margin-left: 4px; opacity: ${this.getSortOpacity("name")};">${this.getSortIcon("name")}</span>
               </th>
               <th style="cursor: pointer; text-align: right; width: 30%;" data-sort="consumption">
-                Consumption (kWh)
+                ${this.domainConfig.label}
                 <span style="margin-left: 4px; opacity: ${this.getSortOpacity("consumption")};">${this.getSortIcon("consumption")}</span>
               </th>
             </tr>
@@ -8924,7 +8967,7 @@
               <tr>
                 <td data-label="Identifier" style="font-family: monospace; font-weight: bold; text-transform: uppercase;">${row.identifier}</td>
                 <td data-label="Name"><strong>${row.name}</strong></td>
-                <td data-label="Consumption (kWh)" style="text-align: right; font-weight: bold;">${row.consumption.toFixed(2)}</td>
+                <td data-label="${this.domainConfig.label}" style="text-align: right; font-weight: bold;">${row.consumption.toFixed(2)}</td>
               </tr>
             `).join("")}
           </tbody>
@@ -9081,11 +9124,11 @@
         ["DATA EMISS\xC3O", timestamp, "", ""],
         ["RESUMO", "", "", ""],
         ["Total de Lojas", this.data.length.toString(), "", ""],
-        ["Consumo Total", totalConsumption.toFixed(2), "kWh", ""],
-        ["Consumo M\xE9dio por Loja", (totalConsumption / this.data.length).toFixed(2), "kWh", ""],
+        ["Consumo Total", totalConsumption.toFixed(2), this.domainConfig.unit, ""],
+        ["Consumo M\xE9dio por Loja", (totalConsumption / this.data.length).toFixed(2), this.domainConfig.unit, ""],
         ["", "", "", ""],
         ["DETALHAMENTO POR LOJA", "", "", ""],
-        ["Identificador", "Nome", "Consumo (kWh)", ""],
+        ["Identificador", "Nome", this.domainConfig.label, ""],
         ...sortedData.map((row) => [row.identifier, row.name, row.consumption.toFixed(2), ""])
       ];
       const csvContent = toCsv(csvData);
@@ -9109,8 +9152,9 @@
       const baseUrl = this.params.api.dataApiBaseUrl || "https://api.data.apps.myio-bas.com";
       const startTime = encodeURIComponent(startISO);
       const endTime = encodeURIComponent(endISO);
-      const url = `${baseUrl}/api/v1/telemetry/customers/${this.params.customerId}/energy/devices/totals?startTime=${startTime}&endTime=${endTime}`;
-      console.log("[AllReportModal] Fetching customer totals:", { url, customerId: this.params.customerId });
+      const endpoint = this.domainConfig.endpoint;
+      const url = `${baseUrl}/api/v1/telemetry/customers/${this.params.customerId}/${endpoint}/devices/totals?startTime=${startTime}&endTime=${endTime}`;
+      console.log("[AllReportModal] Fetching customer totals:", { url, customerId: this.params.customerId, domain: this.params.domain || "energy" });
       const response = await fetch(url, {
         method: "GET",
         headers: {