@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260722074927 → 0.8.1-dev.20260722075037

package/dist/DateTimeViewClient-K5FE5VSN.mjs

@@ -0,0 +1,14 @@
+"use client";
+import {
+  DateViewClient_default
+} from "./chunk-DKW4DXCU.mjs";
+
+// src/components/controls/view/DateTimeViewClient.tsx
+import { jsx } from "react/jsx-runtime";
+var DateTimeViewClient = (props) => {
+  return /* @__PURE__ */ jsx(DateViewClient_default, { ...props, controlType: "datetime" });
+};
+var DateTimeViewClient_default = DateTimeViewClient;
+export {
+  DateTimeViewClient_default as default
+};

package/dist/DateTimeViewClient-M7V35KUW.mjs

@@ -0,0 +1,16 @@
+"use client";
+
+"use client";
+import {
+  DateViewClient_default
+} from "./chunk-YBNWT4TV.mjs";
+
+// src/components/controls/view/DateTimeViewClient.tsx
+import { jsx } from "react/jsx-runtime";
+var DateTimeViewClient = (props) => {
+  return /* @__PURE__ */ jsx(DateViewClient_default, { ...props, controlType: "datetime" });
+};
+var DateTimeViewClient_default = DateTimeViewClient;
+export {
+  DateTimeViewClient_default as default
+};

package/dist/DateViewClient-4CTEMOMJ.mjs

@@ -0,0 +1,7 @@
+"use client";
+import {
+  DateViewClient_default
+} from "./chunk-DKW4DXCU.mjs";
+export {
+  DateViewClient_default as default
+};

package/dist/DateViewClient-JBS5UXMD.mjs

@@ -0,0 +1,9 @@
+"use client";
+
+"use client";
+import {
+  DateViewClient_default
+} from "./chunk-YBNWT4TV.mjs";
+export {
+  DateViewClient_default as default
+};

package/dist/chunk-DKW4DXCU.mjs

@@ -0,0 +1,120 @@
+// src/components/controls/view/DateViewClient.tsx
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var dateFormatter = new Intl.DateTimeFormat("en", {
+  day: "2-digit",
+  month: "short",
+  year: "numeric"
+});
+var timeFormatterNoSeconds = new Intl.DateTimeFormat("en", {
+  hour: "2-digit",
+  minute: "2-digit"
+});
+var timeFormatterWithSeconds = new Intl.DateTimeFormat("en", {
+  hour: "2-digit",
+  minute: "2-digit",
+  second: "2-digit"
+});
+var dateTimeFormatterNoSeconds = new Intl.DateTimeFormat("en", {
+  day: "2-digit",
+  month: "short",
+  year: "numeric",
+  hour: "2-digit",
+  minute: "2-digit"
+});
+var dateTimeFormatterWithSeconds = new Intl.DateTimeFormat("en", {
+  day: "2-digit",
+  month: "short",
+  year: "numeric",
+  hour: "2-digit",
+  minute: "2-digit",
+  second: "2-digit"
+});
+var DateViewClient = (props) => {
+  const [timeZoneAbbr, setTimeZoneAbbr] = useState("");
+  useEffect(() => {
+    const parts = new Intl.DateTimeFormat("en", {
+      timeZoneName: "short"
+    }).formatToParts(/* @__PURE__ */ new Date());
+    const abbr = parts.find((part) => part.type === "timeZoneName")?.value || "";
+    setTimeZoneAbbr(abbr);
+  }, []);
+  const toUtcDate = (dateString) => {
+    const s = dateString.trim();
+    if (!s) {
+      throw new Error("Empty date string");
+    }
+    const iso = s.replace(" ", "T");
+    const hasTimeZone = /Z$/i.test(iso) || /[+-]\d{2}:\d{2}$/.test(iso);
+    const utc = hasTimeZone ? iso : `${iso}Z`;
+    const date = new Date(utc);
+    if (Number.isNaN(date.getTime())) {
+      throw new Error(`Invalid date: ${dateString}`);
+    }
+    return date;
+  };
+  const formatDate = (date) => {
+    return dateFormatter.format(date);
+  };
+  const formatTime = (date) => {
+    return date.getSeconds() === 0 ? timeFormatterNoSeconds.format(date) : timeFormatterWithSeconds.format(date);
+  };
+  const formatDateTime = (date) => {
+    return date.getSeconds() === 0 ? dateTimeFormatterNoSeconds.format(date) : dateTimeFormatterWithSeconds.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";
+    return "Night";
+  };
+  const getRelativeTime = (dateString) => {
+    const now = /* @__PURE__ */ new Date();
+    const utcDate = toUtcDate(dateString);
+    const diffMs = now.getTime() - utcDate.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 formatDate(utcDate);
+  };
+  const parseAndFormatDate = (dateString, format) => {
+    if (format === "relative") {
+      return getRelativeTime(dateString);
+    }
+    const utcDate = toUtcDate(dateString);
+    switch (props.controlType) {
+      case "date":
+        return formatDate(utcDate);
+      case "time":
+        return `${formatTime(utcDate)} ${timeZoneAbbr} (${getTimePeriod(
+          utcDate
+        )})`;
+      default:
+        return formatDateTime(utcDate);
+    }
+  };
+  let localDateTime = "";
+  try {
+    localDateTime = parseAndFormatDate(props.value, props.format);
+  } catch (error) {
+    console.error("Error parsing date:", props.value, error);
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "inline-flex flex-wrap gap-1", children: [
+    /* @__PURE__ */ jsx("span", { children: localDateTime }),
+    !props.format && props.controlType !== "date" && props.controlType !== "datetime" && timeZoneAbbr && /* @__PURE__ */ jsx("span", { children: timeZoneAbbr })
+  ] });
+};
+var DateViewClient_default = DateViewClient;
+
+export {
+  DateViewClient_default
+};

package/dist/chunk-YBNWT4TV.mjs

@@ -0,0 +1,123 @@
+"use client";
+
+
+// src/components/controls/view/DateViewClient.tsx
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var dateFormatter = new Intl.DateTimeFormat("en", {
+  day: "2-digit",
+  month: "short",
+  year: "numeric"
+});
+var timeFormatterNoSeconds = new Intl.DateTimeFormat("en", {
+  hour: "2-digit",
+  minute: "2-digit"
+});
+var timeFormatterWithSeconds = new Intl.DateTimeFormat("en", {
+  hour: "2-digit",
+  minute: "2-digit",
+  second: "2-digit"
+});
+var dateTimeFormatterNoSeconds = new Intl.DateTimeFormat("en", {
+  day: "2-digit",
+  month: "short",
+  year: "numeric",
+  hour: "2-digit",
+  minute: "2-digit"
+});
+var dateTimeFormatterWithSeconds = new Intl.DateTimeFormat("en", {
+  day: "2-digit",
+  month: "short",
+  year: "numeric",
+  hour: "2-digit",
+  minute: "2-digit",
+  second: "2-digit"
+});
+var DateViewClient = (props) => {
+  const [timeZoneAbbr, setTimeZoneAbbr] = useState("");
+  useEffect(() => {
+    const parts = new Intl.DateTimeFormat("en", {
+      timeZoneName: "short"
+    }).formatToParts(/* @__PURE__ */ new Date());
+    const abbr = parts.find((part) => part.type === "timeZoneName")?.value || "";
+    setTimeZoneAbbr(abbr);
+  }, []);
+  const toUtcDate = (dateString) => {
+    const s = dateString.trim();
+    if (!s) {
+      throw new Error("Empty date string");
+    }
+    const iso = s.replace(" ", "T");
+    const hasTimeZone = /Z$/i.test(iso) || /[+-]\d{2}:\d{2}$/.test(iso);
+    const utc = hasTimeZone ? iso : `${iso}Z`;
+    const date = new Date(utc);
+    if (Number.isNaN(date.getTime())) {
+      throw new Error(`Invalid date: ${dateString}`);
+    }
+    return date;
+  };
+  const formatDate = (date) => {
+    return dateFormatter.format(date);
+  };
+  const formatTime = (date) => {
+    return date.getSeconds() === 0 ? timeFormatterNoSeconds.format(date) : timeFormatterWithSeconds.format(date);
+  };
+  const formatDateTime = (date) => {
+    return date.getSeconds() === 0 ? dateTimeFormatterNoSeconds.format(date) : dateTimeFormatterWithSeconds.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";
+    return "Night";
+  };
+  const getRelativeTime = (dateString) => {
+    const now = /* @__PURE__ */ new Date();
+    const utcDate = toUtcDate(dateString);
+    const diffMs = now.getTime() - utcDate.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 formatDate(utcDate);
+  };
+  const parseAndFormatDate = (dateString, format) => {
+    if (format === "relative") {
+      return getRelativeTime(dateString);
+    }
+    const utcDate = toUtcDate(dateString);
+    switch (props.controlType) {
+      case "date":
+        return formatDate(utcDate);
+      case "time":
+        return `${formatTime(utcDate)} ${timeZoneAbbr} (${getTimePeriod(
+          utcDate
+        )})`;
+      default:
+        return formatDateTime(utcDate);
+    }
+  };
+  let localDateTime = "";
+  try {
+    localDateTime = parseAndFormatDate(props.value, props.format);
+  } catch (error) {
+    console.error("Error parsing date:", props.value, error);
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "inline-flex flex-wrap gap-1", children: [
+    /* @__PURE__ */ jsx("span", { children: localDateTime }),
+    !props.format && props.controlType !== "date" && props.controlType !== "datetime" && timeZoneAbbr && /* @__PURE__ */ jsx("span", { children: timeZoneAbbr })
+  ] });
+};
+var DateViewClient_default = DateViewClient;
+
+export {
+  DateViewClient_default
+};

package/dist/index.js

@@ -1,3 +1,5 @@
+"use client";
+
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -35,13 +37,42 @@ var DateViewClient_exports = {};
 __export(DateViewClient_exports, {
   default: () => DateViewClient_default
 });
-var import_react2, import_jsx_runtime2, DateViewClient, DateViewClient_default;
+var import_react2, import_jsx_runtime2, dateFormatter, timeFormatterNoSeconds, timeFormatterWithSeconds, dateTimeFormatterNoSeconds, dateTimeFormatterWithSeconds, DateViewClient, DateViewClient_default;
 var init_DateViewClient = __esm({
   "src/components/controls/view/DateViewClient.tsx"() {
     "use strict";
     "use client";
     import_react2 = require("react");
     import_jsx_runtime2 = require("react/jsx-runtime");
+    dateFormatter = new Intl.DateTimeFormat("en", {
+      day: "2-digit",
+      month: "short",
+      year: "numeric"
+    });
+    timeFormatterNoSeconds = new Intl.DateTimeFormat("en", {
+      hour: "2-digit",
+      minute: "2-digit"
+    });
+    timeFormatterWithSeconds = new Intl.DateTimeFormat("en", {
+      hour: "2-digit",
+      minute: "2-digit",
+      second: "2-digit"
+    });
+    dateTimeFormatterNoSeconds = new Intl.DateTimeFormat("en", {
+      day: "2-digit",
+      month: "short",
+      year: "numeric",
+      hour: "2-digit",
+      minute: "2-digit"
+    });
+    dateTimeFormatterWithSeconds = new Intl.DateTimeFormat("en", {
+      day: "2-digit",
+      month: "short",
+      year: "numeric",
+      hour: "2-digit",
+      minute: "2-digit",
+      second: "2-digit"
+    });
     DateViewClient = (props) => {
       const [timeZoneAbbr, setTimeZoneAbbr] = (0, import_react2.useState)("");
       (0, import_react2.useEffect)(() => {
@@ -66,37 +97,13 @@ var init_DateViewClient = __esm({
         return date;
       };
       const formatDate = (date) => {
-        return new Intl.DateTimeFormat("en", {
-          day: "2-digit",
-          month: "short",
-          year: "numeric"
-        }).format(date);
+        return dateFormatter.format(date);
       };
       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);
+        return date.getSeconds() === 0 ? timeFormatterNoSeconds.format(date) : timeFormatterWithSeconds.format(date);
       };
       const formatDateTime = (date) => {
-        return date.getSeconds() === 0 ? new Intl.DateTimeFormat("en", {
-          day: "2-digit",
-          month: "short",
-          year: "numeric",
-          hour: "2-digit",
-          minute: "2-digit"
-        }).format(date) : new Intl.DateTimeFormat("en", {
-          day: "2-digit",
-          month: "short",
-          year: "numeric",
-          hour: "2-digit",
-          minute: "2-digit",
-          second: "2-digit"
-        }).format(date);
+        return date.getSeconds() === 0 ? dateTimeFormatterNoSeconds.format(date) : dateTimeFormatterWithSeconds.format(date);
       };
       const getTimePeriod = (date) => {
         const hours = date.getHours();

package/dist/index.mjs

@@ -76,7 +76,7 @@ var NumberView_default = NumberView;
 
 // src/components/controls/view/DateView.tsx
 import dynamic from "next/dynamic";
-var DateView = dynamic(() => import("./DateViewClient-ELEHLGWS.mjs"), {
+var DateView = dynamic(() => import("./DateViewClient-4CTEMOMJ.mjs"), {
   ssr: false
 });
 var DateView_default = DateView;
@@ -366,7 +366,7 @@ var AiGeneratedSummary_default = AiGeneratedSummary;
 
 // src/components/controls/view/DateTimeVew.tsx
 import dynamic3 from "next/dynamic";
-var DateTimeView = dynamic3(() => import("./DateTimeViewClient-22GW4AD7.mjs"), {
+var DateTimeView = dynamic3(() => import("./DateTimeViewClient-K5FE5VSN.mjs"), {
   ssr: false
 });
 var DateTimeVew_default = DateTimeView;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acoustte-digital-services/digitalstore-controls-dev",
-  "version": "0.8.1-dev.20260722074927",
+  "version": "0.8.1-dev.20260722075037",
   "description": "Reusable React components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",