@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260326055821 → 0.8.1-dev.20260326063413

package/dist/index.js

@@ -396,47 +396,192 @@ var NumberView_default = NumberView;
 
 // src/components/controls/view/DateView.tsx
 var import_react2 = __toESM(require("react"));
-var import_moment_timezone = __toESM(require("moment-timezone"));
+
+// src/components/controls/view/TimeZoneAbbrevations.tsx
+var timeZoneAbbreviations = {
+  "Asia/Calcutta": "IST",
+  "Asia/Kolkata": "IST",
+  "America/New_York": "EST",
+  "America/Los_Angeles": "PST",
+  "Europe/London": "GMT",
+  "Europe/Paris": "CET",
+  "Asia/Tokyo": "JST",
+  "America/Chicago": "CST",
+  "America/Denver": "MST",
+  "Asia/Shanghai": "CST",
+  "Asia/Hong_Kong": "HKT",
+  "Australia/Sydney": "AEST",
+  "Australia/Melbourne": "AEST",
+  "Australia/Perth": "AWST",
+  "Pacific/Auckland": "NZST",
+  "Europe/Berlin": "CET",
+  "Europe/Madrid": "CET",
+  "Europe/Rome": "CET",
+  "Europe/Athens": "EET",
+  "Europe/Istanbul": "TRT",
+  "Africa/Cairo": "EET",
+  "Africa/Johannesburg": "SAST",
+  "Asia/Dubai": "GST",
+  "Asia/Singapore": "SGT",
+  "Asia/Seoul": "KST",
+  "America/Toronto": "EST",
+  "America/Vancouver": "PST",
+  "America/Sao_Paulo": "BRT",
+  "America/Mexico_City": "CST",
+  "Asia/Manila": "PHT",
+  "Asia/Jakarta": "WIB",
+  "Asia/Bangkok": "ICT",
+  "Asia/Karachi": "PKT",
+  "Asia/Tehran": "IRST",
+  "Asia/Baghdad": "AST",
+  "Europe/Moscow": "MSK",
+  "Europe/Amsterdam": "CET",
+  "Europe/Brussels": "CET",
+  "Europe/Zurich": "CET",
+  "America/Anchorage": "AKST",
+  "Pacific/Honolulu": "HST",
+  "Antarctica/McMurdo": "NZST",
+  "Atlantic/Reykjavik": "GMT",
+  "Asia/Riyadh": "AST",
+  "America/Argentina/Buenos_Aires": "ART",
+  "America/Bogota": "COT",
+  "Africa/Nairobi": "EAT",
+  "Asia/Kuala_Lumpur": "MYT",
+  "Asia/Ho_Chi_Minh": "ICT",
+  "Europe/Warsaw": "CET",
+  "Europe/Prague": "CET",
+  "America/Phoenix": "MST",
+  "America/Indianapolis": "EST",
+  "Pacific/Fiji": "FJT",
+  "Asia/Colombo": "IST",
+  "Africa/Lagos": "WAT",
+  "America/Caracas": "VET",
+  "America/Halifax": "AST",
+  "Pacific/Tahiti": "TAHT",
+  "America/St_Johns": "NST",
+  "Europe/Bucharest": "EET",
+  "Europe/Helsinki": "EET",
+  "Europe/Kiev": "EET",
+  "Europe/Oslo": "CET",
+  "Europe/Stockholm": "CET",
+  "Europe/Lisbon": "WET",
+  "Asia/Beirut": "EET",
+  "Asia/Damascus": "EET",
+  "Asia/Jerusalem": "IST",
+  "Asia/Amman": "EET",
+  "America/Santiago": "CLT",
+  "America/Lima": "PET",
+  "America/Montevideo": "UYT",
+  "Asia/Tashkent": "UZT",
+  "Asia/Yerevan": "AMT",
+  "Asia/Baku": "AZT",
+  "Europe/Vilnius": "EET",
+  "Europe/Riga": "EET",
+  "Europe/Tallinn": "EET",
+  "Europe/Sofia": "EET",
+  "Africa/Casablanca": "WET",
+  "America/Guatemala": "CST",
+  "America/Panama": "EST",
+  "America/Costa_Rica": "CST",
+  "Pacific/Port_Moresby": "PGT",
+  "Asia/Makassar": "WITA",
+  "Asia/Vladivostok": "VLAT",
+  "Asia/Krasnoyarsk": "KRAT",
+  "Asia/Novosibirsk": "NOVT",
+  "Asia/Yakutsk": "YAKT",
+  "Asia/Sakhalin": "SAKT",
+  "Asia/Ulaanbaatar": "ULAT",
+  "Asia/Choibalsan": "CHOT",
+  "Asia/Omsk": "OMST",
+  "Asia/Kamchatka": "PETT",
+  "Pacific/Pago_Pago": "SST",
+  "Pacific/Guam": "ChST",
+  "Pacific/Saipan": "ChST",
+  "Pacific/Palau": "PWT",
+  "Pacific/Efate": "VUT",
+  "Pacific/Kosrae": "KOST",
+  "Pacific/Nauru": "NRT",
+  "Pacific/Tarawa": "GILT",
+  "Pacific/Enderbury": "PHOT",
+  "Pacific/Fakaofo": "TKT",
+  "Pacific/Chatham": "CHAST",
+  "Pacific/Tongatapu": "TOT",
+  "Pacific/Funafuti": "TVT",
+  "Pacific/Majuro": "MHT",
+  "Pacific/Kwajalein": "MHT",
+  "Pacific/Wake": "WAKT",
+  "Pacific/Wallis": "WFT"
+};
+
+// src/components/controls/view/DateView.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var DateView = (props) => {
+  const getTimeZoneAbbreviation = (timeZone) => {
+    return timeZoneAbbreviations[timeZone] || timeZone;
+  };
+  const getRelativeTime = (dateString) => {
+    const now = /* @__PURE__ */ new Date();
+    const date = /* @__PURE__ */ new Date(dateString + "Z");
+    const diffMs = now.getTime() - date.getTime();
+    const diffSec = Math.floor(diffMs / 1e3);
+    const diffMin = Math.floor(diffSec / 60);
+    const diffHr = Math.floor(diffMin / 60);
+    const diffDay = Math.floor(diffHr / 24);
+    if (diffSec < 60) return "Just now";
+    if (diffMin < 60) return `${diffMin} minute${diffMin > 1 ? "s" : ""} ago`;
+    if (diffHr < 24) return `${diffHr} hour${diffHr > 1 ? "s" : ""} ago`;
+    if (diffDay < 7) return `${diffDay} day${diffDay > 1 ? "s" : ""} ago`;
+    return new Intl.DateTimeFormat("en", {
+      day: "2-digit",
+      month: "short",
+      year: "numeric"
+    }).format(date);
+  };
+  console.log("DateView props:", props);
+  const parseAndFormatDate = (dateString, format) => {
+    const parsedDate = /* @__PURE__ */ new Date(dateString + "Z");
+    if (format === "relative") {
+      return getRelativeTime(dateString);
+    }
+    switch (props.controlType) {
+      case "date":
+        return new Intl.DateTimeFormat("en", {
+          day: "2-digit",
+          month: "short",
+          year: "numeric"
+        }).format(parsedDate);
+      case "time":
+        return `${formatTime(parsedDate)} ${getTimeZoneAbbreviation(Intl.DateTimeFormat().resolvedOptions().timeZone)} (${getTimePeriod(parsedDate)})`;
+      default:
+        return parsedDate.getSeconds() === 0 ? new Intl.DateTimeFormat("en", { day: "2-digit", month: "short", year: "numeric", hour: "2-digit", minute: "2-digit" }).format(parsedDate) : new Intl.DateTimeFormat("en", { day: "2-digit", month: "short", year: "numeric", hour: "2-digit", minute: "2-digit", second: "2-digit" }).format(parsedDate);
+    }
+  };
+  const formatTime = (date) => {
+    return date.getSeconds() === 0 ? new Intl.DateTimeFormat("en", { hour: "2-digit", minute: "2-digit" }).format(date) : new Intl.DateTimeFormat("en", { hour: "2-digit", minute: "2-digit", second: "2-digit" }).format(date);
+  };
+  const getTimePeriod = (date) => {
+    const hours = date.getHours();
+    if (hours >= 5 && hours < 8) return "Early Morning";
+    if (hours >= 8 && hours < 12) return "Morning";
+    if (hours >= 12 && hours < 14) return "Noon";
+    if (hours >= 14 && hours < 17) return "Afternoon";
+    if (hours >= 17 && hours < 20) return "Evening";
+    if (hours >= 20 && hours < 22) return "Late Evening";
+    if (hours >= 22 || hours < 5) return "Night";
+    return "Late Night";
+  };
   let localDateTime = "";
-  let timezone;
+  let timeZoneAbbreviation = "";
   try {
-    const val = props.value && props.value.toString().includes("Z") ? props.value : props.value + "Z";
-    const parsedDate = new Date(val);
-    const timezoneOffset = parsedDate.getTimezoneOffset();
-    timezone = import_moment_timezone.default.tz.zone(import_moment_timezone.default.tz.guess())?.abbr(timezoneOffset);
-    if (props.format && props.format == "timeago") {
-      localDateTime = formatTimeAgo(parsedDate);
-    } else {
-      localDateTime = parsedDate.toLocaleString() + " " + timezone;
-    }
+    localDateTime = parseAndFormatDate(props.value, props.format);
+    timeZoneAbbreviation = getTimeZoneAbbreviation(Intl.DateTimeFormat().resolvedOptions().timeZone);
   } catch (error) {
-    console.error("Error parsing date:", props.value);
-  }
-  function formatTimeAgo(inputDate) {
-    const currentDate = /* @__PURE__ */ new Date();
-    const timeDifference = Math.floor((currentDate.getTime() - inputDate.getTime()) / 1e3);
-    if (timeDifference < 10) {
-      return "few secs ago";
-    } else if (timeDifference < 60) {
-      return `${timeDifference} secs ago`;
-    } else if (timeDifference < 3600) {
-      const minutes = Math.floor(timeDifference / 60);
-      return `${minutes} min${minutes > 1 ? "s" : ""} ago`;
-    } else if (timeDifference < 86400) {
-      const hours = Math.floor(timeDifference / 3600);
-      const remainingMinutes = Math.floor(timeDifference % 3600 / 60);
-      return `${hours} hour${hours > 1 ? "s" : ""}, ${remainingMinutes} min${remainingMinutes > 1 ? "s" : ""} ago`;
-    } else if (timeDifference < 14 * 3600) {
-      const daysAgo = Math.floor(timeDifference / 86400);
-      return `${daysAgo} day${daysAgo > 1 ? "s" : ""} ago`;
-    } else {
-      const formattedDate = inputDate.toLocaleString();
-      return formattedDate;
-    }
+    console.error("Error parsing date:", props.value, error);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "inline-flex gap-1", children: localDateTime == "Invalid Date undefined" ? "-" : localDateTime }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "inline-flex flex-wrap gap-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: localDateTime }),
+    !props.format && props.controlType != "date" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: timeZoneAbbreviation })
+  ] }) });
 };
 var DateView_default = DateView;
 
@@ -531,7 +676,10 @@ var ViewControl = import_react9.default.forwardRef(
       // [ViewControlTypes.aiGeneratedSummary]: AiGeneratedSummary,
     };
     const SelectedControlComponent = props.controlType ? ControlComponents[props.controlType] : void 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react9.default.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectedControlComponent, { ...props }) : "Control not found:" + props.controlType });
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react9.default.Fragment, { children: [
+      props.controlType,
+      SelectedControlComponent ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectedControlComponent, { ...props }) : "Control not found:" + props.controlType
+    ] });
   }
 );
 ViewControl.displayName = "ViewControl";