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

package/dist/chunk-23WJE3YB.mjs

@@ -0,0 +1,253 @@
+"use client";
+
+import {
+  buttonClasses,
+  progressClasses
+} from "./chunk-IMNQO57B.mjs";
+
+// src/components/ToastService.tsx
+var toastHandlersKey = "__digitalStoreToastHandlers";
+var getToastHandlers = () => {
+  const globalScope = globalThis;
+  if (!globalScope[toastHandlersKey]) {
+    globalScope[toastHandlersKey] = {};
+  }
+  return globalScope[toastHandlersKey];
+};
+var ToastService = class {
+  static initialize(showToast, closeToast) {
+    const handlers = getToastHandlers();
+    handlers.showToast = showToast;
+    handlers.closeToast = closeToast;
+  }
+  static showError(message) {
+    const handlers = getToastHandlers();
+    if (handlers.showToast) {
+      handlers.showToast(message, "error");
+    }
+  }
+  static showInfo(message) {
+    const handlers = getToastHandlers();
+    if (handlers.showToast) {
+      handlers.showToast(message, "info");
+    }
+  }
+  static showWarning(message) {
+    const handlers = getToastHandlers();
+    if (handlers.showToast) {
+      handlers.showToast(message, "warning");
+    }
+  }
+  static showSuccess(message) {
+    const handlers = getToastHandlers();
+    if (handlers.showToast) {
+      handlers.showToast(message, "success");
+    }
+  }
+  static close() {
+    const handlers = getToastHandlers();
+    if (handlers.closeToast) {
+      handlers.closeToast();
+    }
+  }
+};
+var ToastService_default = ToastService;
+
+// src/components/Button.tsx
+import React3, { useState as useState2 } from "react";
+
+// src/components/Confirm.tsx
+import { useState } from "react";
+
+// src/components/ClientButton.tsx
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var ClientButton = (props) => {
+  const execute = async (event) => {
+    if (props.onClick !== void 0) {
+      props.onClick();
+    } else {
+      ToastService_default.showError("No action defined.");
+    }
+  };
+  let buttonClass = props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Solid */);
+  return /* @__PURE__ */ jsx(React.Fragment, { children: /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick: execute,
+      className: buttonClass + " " + props.className,
+      children: props.children
+    }
+  ) });
+};
+var ClientButton_default = ClientButton;
+
+// src/components/Confirm.tsx
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+var Confirm = ({ message, onConfirm, onCancel }) => {
+  const [showModal, setShowModal] = useState(true);
+  const handleConfirmAction = () => {
+    setShowModal(false);
+    if (onConfirm) {
+      onConfirm();
+    }
+  };
+  const handleCancelAction = () => {
+    setShowModal(false);
+    if (onCancel) {
+      onCancel();
+    }
+  };
+  return /* @__PURE__ */ jsx2(Fragment, { children: showModal && /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 flex items-center justify-center z-50", children: [
+    /* @__PURE__ */ jsx2("div", { className: "absolute inset-0 bg-black opacity-70" }),
+    /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-md p-6 w-2/6 shadow border z-50", children: [
+      /* @__PURE__ */ jsx2("p", { className: "text-xl font-medium mb-4", children: "Confirmation" }),
+      /* @__PURE__ */ jsx2("p", { className: "mb-4", children: message }),
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-8", children: [
+        /* @__PURE__ */ jsx2(
+          ClientButton_default,
+          {
+            onClick: handleCancelAction,
+            ButtonType: "PrimaryHollow" /* Hollow */,
+            children: "Cancel"
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          ClientButton_default,
+          {
+            onClick: handleConfirmAction,
+            children: "Confirm"
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+};
+var Confirm_default = Confirm;
+{
+}
+
+// src/components/Button.tsx
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var Button = (props) => {
+  const [inProgress, setInProgress] = useState2(false);
+  const [isActionPerformed, setIsActionPerformed] = useState2(false);
+  const [responseMessage, setResponseMessage] = useState2(null);
+  const [showModal, setShowModal] = useState2(null);
+  const execute = async (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    if (props.confirm) {
+      const confirmed = await showConfirmation(
+        "Are you sure you want to delete this item?"
+      );
+      setShowModal(null);
+      if (!confirmed) {
+        return;
+      }
+    }
+    if (props.oneTimeAction && isActionPerformed) {
+      return;
+    }
+    setInProgress(true);
+    let isValid = true;
+    if (props.onValidate !== void 0) {
+      isValid = await props.onValidate();
+      if (!isValid) {
+        setInProgress(false);
+        ToastService_default.showError(
+          "There are errors in the form. Please fix them before proceeding."
+        );
+        return;
+      }
+    }
+    if (props.onClick !== void 0) {
+      let response = await props.onClick();
+      if (response.isSuccessful) {
+        setIsActionPerformed(true);
+        setResponseMessage(response.message);
+        if (props.showToast) {
+          ToastService_default.showInfo(response.message || "");
+        }
+      } else {
+        ToastService_default.showError(response.message || "");
+      }
+    } else {
+      ToastService_default.showError("No action defined.");
+    }
+    setInProgress(false);
+  };
+  const showConfirmation = (message) => {
+    return new Promise((resolve) => {
+      const onConfirm = () => resolve(true);
+      const onCancel = () => resolve(false);
+      setShowModal(
+        /* @__PURE__ */ jsx3(
+          Confirm_default,
+          {
+            message: props.confirmationMessage,
+            onConfirm,
+            onCancel
+          }
+        )
+      );
+    });
+  };
+  let buttonClass = props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Solid */);
+  let progressClass = props.ButtonType ? progressClasses.get(props.ButtonType) : progressClasses.get("Primary" /* Solid */);
+  const isDisabled = inProgress || isActionPerformed && props.oneTimeAction;
+  return /* @__PURE__ */ jsxs2(React3.Fragment, { children: [
+    /* @__PURE__ */ jsxs2(
+      "button",
+      {
+        type: "submit",
+        onClick: execute,
+        disabled: props.disabled,
+        title: isDisabled ? "The button is disabled to prevent any action" : "",
+        className: `${buttonClass} relative inline-flex items-center justify-center gap-2 ${props.className ?? ""}`,
+        children: [
+          isActionPerformed && props.oneTimeAction && responseMessage ? responseMessage : props.children,
+          inProgress && /* @__PURE__ */ jsx3(Fragment2, { children: props.hideProgressIndicator ? /* @__PURE__ */ jsx3("div", { className: "absolute bottom-0 left-0 h-0.5 bg-gray-400 rounded animate-progress" }) : /* @__PURE__ */ jsxs2(
+            "svg",
+            {
+              className: `animate-spin h-5 w-5 flex-shrink-0 ${progressClass}`,
+              xmlns: "http://www.w3.org/2000/svg",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              children: [
+                /* @__PURE__ */ jsx3(
+                  "circle",
+                  {
+                    className: "opacity-25",
+                    cx: "12",
+                    cy: "12",
+                    r: "10",
+                    stroke: "currentColor",
+                    strokeWidth: "4"
+                  }
+                ),
+                /* @__PURE__ */ jsx3(
+                  "path",
+                  {
+                    className: "opacity-75",
+                    fill: "currentColor",
+                    d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+                  }
+                )
+              ]
+            }
+          ) })
+        ]
+      }
+    ),
+    showModal
+  ] });
+};
+var Button_default = Button;
+
+export {
+  ToastService_default,
+  ClientButton_default,
+  Button_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-YL6E76X2.mjs → chunk-RHVNJMS4.mjs}

@@ -127,7 +127,7 @@ var Confirm_default = Confirm;
 }
 
 // src/components/Button.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var Button = (props) => {
   const [inProgress, setInProgress] = useState2(false);
   const [isActionPerformed, setIsActionPerformed] = useState2(false);
@@ -137,7 +137,9 @@ var Button = (props) => {
     event.preventDefault();
     event.stopPropagation();
     if (props.confirm) {
-      const confirmed = await showConfirmation("Are you sure you want to delete this item?");
+      const confirmed = await showConfirmation(
+        "Are you sure you want to delete this item?"
+      );
       setShowModal(null);
       if (!confirmed) {
         return;
@@ -152,7 +154,9 @@ var Button = (props) => {
       isValid = await props.onValidate();
       if (!isValid) {
         setInProgress(false);
-        ToastService_default.showError("There are errors in the form. Please fix them before proceeding.");
+        ToastService_default.showError(
+          "There are errors in the form. Please fix them before proceeding."
+        );
         return;
       }
     }
@@ -176,7 +180,16 @@ var Button = (props) => {
     return new Promise((resolve) => {
       const onConfirm = () => resolve(true);
       const onCancel = () => resolve(false);
-      setShowModal(/* @__PURE__ */ jsx3(Confirm_default, { message: props.confirmationMessage, onConfirm, onCancel }));
+      setShowModal(
+        /* @__PURE__ */ jsx3(
+          Confirm_default,
+          {
+            message: props.confirmationMessage,
+            onConfirm,
+            onCancel
+          }
+        )
+      );
     });
   };
   let buttonClass = props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Solid */);
@@ -190,13 +203,39 @@ var Button = (props) => {
         onClick: execute,
         disabled: props.disabled,
         title: isDisabled ? "The button is disabled to prevent any action" : "",
-        className: buttonClass + " relative " + props.className,
+        className: `${buttonClass} relative inline-flex items-center justify-center gap-2 ${props.className ?? ""}`,
         children: [
           isActionPerformed && props.oneTimeAction && responseMessage ? responseMessage : props.children,
-          inProgress && /* @__PURE__ */ jsx3(React3.Fragment, { children: props.hideProgressIndicator === true ? /* @__PURE__ */ jsx3("div", { className: "absolute bottom-0 left-0 h-0.5 bg-gray-400 rounded animate-progress" }) : /* @__PURE__ */ jsxs2("svg", { className: "animate-spin ml-2 mr-3 h-5 w-5 " + progressClass, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [
-            /* @__PURE__ */ jsx3("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
-            /* @__PURE__ */ jsx3("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
-          ] }) })
+          inProgress && /* @__PURE__ */ jsx3(Fragment2, { children: props.hideProgressIndicator ? /* @__PURE__ */ jsx3("div", { className: "absolute bottom-0 left-0 h-0.5 bg-gray-400 rounded animate-progress" }) : /* @__PURE__ */ jsxs2(
+            "svg",
+            {
+              className: `animate-spin h-5 w-5 flex-shrink-0 ${progressClass}`,
+              xmlns: "http://www.w3.org/2000/svg",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              children: [
+                /* @__PURE__ */ jsx3(
+                  "circle",
+                  {
+                    className: "opacity-25",
+                    cx: "12",
+                    cy: "12",
+                    r: "10",
+                    stroke: "currentColor",
+                    strokeWidth: "4"
+                  }
+                ),
+                /* @__PURE__ */ jsx3(
+                  "path",
+                  {
+                    className: "opacity-75",
+                    fill: "currentColor",
+                    d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+                  }
+                )
+              ]
+            }
+          ) })
         ]
       }
     ),

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
+};