vc-create-dashboard 3.0.86 → 3.0.88

package/fesm2022/vc-create-dashboard.mjs

@@ -296,6 +296,94 @@ function filterActiveWidgets(widgets) {
     return (widgets ?? []).filter((w) => !w?.state || w.state === 'ACTIVE');
 }
 
+const TIMEFRAME_DATE_TIME = /^(\d{4})-(\d{2})-(\d{2})[ T](\d{2}):(\d{2}):(\d{2})/;
+function pad(value) {
+    return String(value).padStart(2, '0');
+}
+function formatLocalDateTime(date) {
+    return (`${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} ` +
+        `${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`);
+}
+/**
+ * API timeframe values are UTC `YYYY-MM-DD HH:mm:ss` without a zone suffix.
+ * Convert to the browser/system timezone and keep the same format.
+ * Date-only values are left unchanged so legacy `YYYY-MM-DD` fields do not shift.
+ */
+function utcTimeframeToLocal(value) {
+    if (value == null || value === '') {
+        return value ?? null;
+    }
+    const raw = String(value).trim();
+    const match = raw.match(TIMEFRAME_DATE_TIME);
+    if (!match) {
+        return raw;
+    }
+    const utcDate = new Date(Date.UTC(Number(match[1]), Number(match[2]) - 1, Number(match[3]), Number(match[4]), Number(match[5]), Number(match[6])));
+    if (isNaN(utcDate.getTime())) {
+        return raw;
+    }
+    return formatLocalDateTime(utcDate);
+}
+function toLocalDashboardTimeframe(timeframe) {
+    if (!timeframe || typeof timeframe !== 'object') {
+        return timeframe;
+    }
+    const source = timeframe;
+    const converted = { ...source };
+    ['from', 'to', 'start_date', 'end_date'].forEach((key) => {
+        if (converted[key] != null && converted[key] !== '') {
+            converted[key] = utcTimeframeToLocal(String(converted[key]));
+        }
+    });
+    return converted;
+}
+/** Converts `timeframe` (and nested `dashboard.timeframe`) on a dashboard API item. */
+function applyLocalTimeframeToDashboard(dashboard) {
+    if (!dashboard || typeof dashboard !== 'object') {
+        return dashboard;
+    }
+    const item = dashboard;
+    const next = { ...item };
+    if (item['timeframe']) {
+        next['timeframe'] = toLocalDashboardTimeframe(item['timeframe']);
+    }
+    if (item['time_frame_from'] != null) {
+        next['time_frame_from'] = utcTimeframeToLocal(item['time_frame_from']);
+    }
+    if (item['time_frame_to'] != null) {
+        next['time_frame_to'] = utcTimeframeToLocal(item['time_frame_to']);
+    }
+    const nested = item['dashboard'];
+    if (nested && typeof nested === 'object' && nested !== dashboard) {
+        next['dashboard'] = applyLocalTimeframeToDashboard(nested);
+    }
+    return next;
+}
+/** Walks getCustomDashboards / customDashboard envelopes and localizes timeframe. */
+function applyLocalTimeframeToDashboardResponse(res) {
+    if (!res || typeof res !== 'object') {
+        return res;
+    }
+    if (Array.isArray(res)) {
+        return res.map((item) => applyLocalTimeframeToDashboard(item));
+    }
+    const body = res;
+    let next = { ...body };
+    if (body['timeframe'] || body['time_frame_from'] || body['time_frame_to']) {
+        next = applyLocalTimeframeToDashboard(next);
+    }
+    if (Array.isArray(body['dashboards'])) {
+        next['dashboards'] = body['dashboards'].map((item) => applyLocalTimeframeToDashboard(item));
+    }
+    if (body['dashboard'] && typeof body['dashboard'] === 'object') {
+        next['dashboard'] = applyLocalTimeframeToDashboard(body['dashboard']);
+    }
+    if (body['data'] && typeof body['data'] === 'object') {
+        next['data'] = applyLocalTimeframeToDashboardResponse(body['data']);
+    }
+    return next;
+}
+
 class Configurations {
     envConfig;
     constructor() {
@@ -414,37 +502,32 @@ class CreateDashboardService {
     }
     normalizeWidgetDetailsResponse(res) {
         const payload = res?.data ?? res;
-        const widgetArr = payload?.widgetArr ?? res?.widgetArr;
-        const allWidgetsArray = payload?.allWidgetsArray ?? res?.allWidgetsArray ?? widgetArr;
-        if (widgetArr || allWidgetsArray) {
-            const normalizedWidgetArr = Array.isArray(widgetArr) ? widgetArr : [];
-            const normalizedAll = Array.isArray(allWidgetsArray)
-                ? allWidgetsArray
-                : normalizedWidgetArr;
-            return {
-                widgetArr: normalizedWidgetArr,
-                allWidgetsArray: normalizedAll,
-                activeWidgetArr: payload?.activeWidgetArr ??
-                    res?.activeWidgetArr ??
-                    normalizedWidgetArr,
-            };
-        }
-        if (Array.isArray(res)) {
-            return { widgetArr: res, allWidgetsArray: res, activeWidgetArr: res };
-        }
-        if (Array.isArray(res?.data)) {
-            return {
-                widgetArr: res.data,
-                allWidgetsArray: res.data,
-                activeWidgetArr: res.data,
-            };
-        }
-        const legacyWidgets = res?.widget_details ?? res?.widgets ?? [];
-        const legacyAll = res?.all_widgets ?? legacyWidgets;
+        const collect = (...candidates) => {
+            const collected = [];
+            const seen = new Set();
+            candidates.forEach((candidate) => {
+                if (!Array.isArray(candidate)) {
+                    return;
+                }
+                candidate.forEach((widget) => {
+                    const code = widget?.widget_code ?? widget?.widgetCode;
+                    const key = code != null ? String(code) : JSON.stringify(widget);
+                    if (seen.has(key)) {
+                        return;
+                    }
+                    seen.add(key);
+                    collected.push(widget);
+                });
+            });
+            return collected;
+        };
+        const widgetArr = collect(payload?.widgetArr, res?.widgetArr, payload?.widget_details, Array.isArray(payload) ? payload : null, Array.isArray(res?.data) ? res.data : null);
+        const allWidgetsArray = collect(payload?.allWidgetsArray, payload?.all_widgets, payload?.allWidgets, payload?.allWidgetArray, payload?.widgets, res?.allWidgetsArray, res?.all_widgets, res?.allWidgets, res?.widgets, widgetArr);
+        const activeWidgetArr = collect(payload?.activeWidgetArr, res?.activeWidgetArr, widgetArr);
         return {
-            widgetArr: legacyWidgets,
-            allWidgetsArray: legacyAll,
-            activeWidgetArr: res?.activeWidgetArr ?? legacyWidgets,
+            widgetArr,
+            allWidgetsArray: allWidgetsArray.length ? allWidgetsArray : widgetArr,
+            activeWidgetArr: activeWidgetArr.length ? activeWidgetArr : widgetArr,
         };
     }
     getSailsProgramList() {
@@ -461,7 +544,7 @@ class CreateDashboardService {
     fetchCustomDashboardById(id) {
         return this.http
             .get(`${this.env.dashboard}customDashboard/${id}`, this.httpOptions)
-            .pipe(retry(2));
+            .pipe(map((res) => applyLocalTimeframeToDashboardResponse(res)), retry(2));
     }
     getUserInformation() {
         return this.http
@@ -484,10 +567,14 @@ class CreateDashboardService {
             .pipe(retry(2));
     }
     createDashboard(payload) {
-        return this.http.post(this.env.dashboard + 'customDashboard', payload, this.httpOptions);
+        return this.http
+            .post(this.env.dashboard + 'customDashboard', payload, this.httpOptions)
+            .pipe(map((res) => applyLocalTimeframeToDashboardResponse(res)));
     }
     updateDashboard(payload, id) {
-        return this.http.put(this.env.dashboard + 'customDashboard/' + id, payload, this.httpOptions);
+        return this.http
+            .put(this.env.dashboard + 'customDashboard/' + id, payload, this.httpOptions)
+            .pipe(map((res) => applyLocalTimeframeToDashboardResponse(res)));
     }
     saveWidgetDetails(payload) {
         return this.http.post(this.env.dashboard + 'createWidgets/creator', payload, this.httpOptions);
@@ -1534,12 +1621,12 @@ class ConfigureWidgetsComponent {
                 visibility: true,
                 module: 'COMPLIANCE',
                 subWidgets: [
-                    {
-                        title: 'Overview',
-                        id: 'key_responsibilities_overview_flag',
-                        value: false,
-                        visibility: true,
-                    },
+                    // {
+                    //   title: 'Overview',
+                    //   id: 'key_responsibilities_overview_flag',
+                    //   value: false,
+                    //   visibility: true,
+                    // },
                     {
                         title: 'My Responsibilities',
                         id: 'key_my_responsibilities_flag',