@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260808070128 → 0.8.1-dev.20260808073515

package/dist/TimeUntilStartsClient-4C7NDEAD.mjs

@@ -0,0 +1,76 @@
+"use client";
+
+// src/components/controls/view/TimeUntilStartsClient.tsx
+import { useState, useEffect } from "react";
+import { jsx } from "react/jsx-runtime";
+var TimeUntilStartsClient = (props) => {
+  const calculateTimeDifference = (startDate) => {
+    const now = /* @__PURE__ */ new Date();
+    const nowUtc = new Date(now.getTime() + now.getTimezoneOffset() * 6e4);
+    const startDateUtc = new Date(startDate);
+    const diffMs = startDateUtc.getTime() - nowUtc.getTime();
+    const isPast = diffMs < 0;
+    const absoluteDiffMs = Math.abs(diffMs);
+    const diffDays = Math.floor(absoluteDiffMs / (1e3 * 60 * 60 * 24));
+    const diffHours = Math.floor(
+      absoluteDiffMs % (1e3 * 60 * 60 * 24) / (1e3 * 60 * 60)
+    );
+    const diffMinutes = Math.floor(
+      absoluteDiffMs % (1e3 * 60 * 60) / (1e3 * 60)
+    );
+    if (absoluteDiffMs < 6e4) {
+      return "Just now";
+    }
+    let timeParts = [
+      { value: diffDays, unit: "days" },
+      { value: diffHours, unit: "hours" },
+      { value: diffMinutes, unit: "minutes" }
+    ];
+    timeParts = timeParts.filter((part) => part.value > 0);
+    if (isPast) {
+      if (diffDays > 0) {
+        return `${diffDays} day(s) ago`;
+      } else if (diffHours > 0) {
+        return `${diffHours} hour(s) ago`;
+      } else if (diffMinutes > 0) {
+        return `${diffMinutes} minute(s) ago`;
+      } else {
+        return "Just now";
+      }
+    } else {
+      if (timeParts.length > 2) {
+        timeParts = timeParts.slice(0, 2);
+      }
+      const displayString = timeParts.map((part) => `${part.value} ${part.unit}`).join(" ");
+      return displayString ? `Starting in ${displayString}` : "Started";
+    }
+  };
+  const isValidDate = (date) => {
+    return !isNaN(Date.parse(date));
+  };
+  const [timeUntilStart, setTimeUntilStart] = useState(() => {
+    if (props.value && isValidDate(props.value)) {
+      return calculateTimeDifference(props.value);
+    }
+    return "";
+  });
+  useEffect(() => {
+    if (props.value && isValidDate(props.value)) {
+      setTimeUntilStart(calculateTimeDifference(props.value));
+      const initialTimeout = setTimeout(() => {
+        const interval = setInterval(() => {
+          setTimeUntilStart(calculateTimeDifference(props.value));
+        }, 6e4);
+        return () => clearInterval(interval);
+      }, 5e3);
+      return () => clearTimeout(initialTimeout);
+    } else {
+      setTimeUntilStart("");
+    }
+  }, [props.value]);
+  return /* @__PURE__ */ jsx("div", { children: timeUntilStart });
+};
+var TimeUntilStartsClient_default = TimeUntilStartsClient;
+export {
+  TimeUntilStartsClient_default as default
+};

package/dist/TimeUntilStartsClient-5HGQ5JKM.mjs

@@ -0,0 +1,78 @@
+"use client";
+
+"use client";
+
+// src/components/controls/view/TimeUntilStartsClient.tsx
+import { useState, useEffect } from "react";
+import { jsx } from "react/jsx-runtime";
+var TimeUntilStartsClient = (props) => {
+  const calculateTimeDifference = (startDate) => {
+    const now = /* @__PURE__ */ new Date();
+    const nowUtc = new Date(now.getTime() + now.getTimezoneOffset() * 6e4);
+    const startDateUtc = new Date(startDate);
+    const diffMs = startDateUtc.getTime() - nowUtc.getTime();
+    const isPast = diffMs < 0;
+    const absoluteDiffMs = Math.abs(diffMs);
+    const diffDays = Math.floor(absoluteDiffMs / (1e3 * 60 * 60 * 24));
+    const diffHours = Math.floor(
+      absoluteDiffMs % (1e3 * 60 * 60 * 24) / (1e3 * 60 * 60)
+    );
+    const diffMinutes = Math.floor(
+      absoluteDiffMs % (1e3 * 60 * 60) / (1e3 * 60)
+    );
+    if (absoluteDiffMs < 6e4) {
+      return "Just now";
+    }
+    let timeParts = [
+      { value: diffDays, unit: "days" },
+      { value: diffHours, unit: "hours" },
+      { value: diffMinutes, unit: "minutes" }
+    ];
+    timeParts = timeParts.filter((part) => part.value > 0);
+    if (isPast) {
+      if (diffDays > 0) {
+        return `${diffDays} day(s) ago`;
+      } else if (diffHours > 0) {
+        return `${diffHours} hour(s) ago`;
+      } else if (diffMinutes > 0) {
+        return `${diffMinutes} minute(s) ago`;
+      } else {
+        return "Just now";
+      }
+    } else {
+      if (timeParts.length > 2) {
+        timeParts = timeParts.slice(0, 2);
+      }
+      const displayString = timeParts.map((part) => `${part.value} ${part.unit}`).join(" ");
+      return displayString ? `Starting in ${displayString}` : "Started";
+    }
+  };
+  const isValidDate = (date) => {
+    return !isNaN(Date.parse(date));
+  };
+  const [timeUntilStart, setTimeUntilStart] = useState(() => {
+    if (props.value && isValidDate(props.value)) {
+      return calculateTimeDifference(props.value);
+    }
+    return "";
+  });
+  useEffect(() => {
+    if (props.value && isValidDate(props.value)) {
+      setTimeUntilStart(calculateTimeDifference(props.value));
+      const initialTimeout = setTimeout(() => {
+        const interval = setInterval(() => {
+          setTimeUntilStart(calculateTimeDifference(props.value));
+        }, 6e4);
+        return () => clearInterval(interval);
+      }, 5e3);
+      return () => clearTimeout(initialTimeout);
+    } else {
+      setTimeUntilStart("");
+    }
+  }, [props.value]);
+  return /* @__PURE__ */ jsx("div", { children: timeUntilStart });
+};
+var TimeUntilStartsClient_default = TimeUntilStartsClient;
+export {
+  TimeUntilStartsClient_default as default
+};

package/dist/index.js

@@ -823,6 +823,89 @@ var init_DateTimeViewClient = __esm({
   }
 });
 
+// src/components/controls/view/TimeUntilStartsClient.tsx
+var TimeUntilStartsClient_exports = {};
+__export(TimeUntilStartsClient_exports, {
+  default: () => TimeUntilStartsClient_default
+});
+var import_react15, import_jsx_runtime18, TimeUntilStartsClient, TimeUntilStartsClient_default;
+var init_TimeUntilStartsClient = __esm({
+  "src/components/controls/view/TimeUntilStartsClient.tsx"() {
+    "use strict";
+    "use client";
+    import_react15 = require("react");
+    import_jsx_runtime18 = require("react/jsx-runtime");
+    TimeUntilStartsClient = (props) => {
+      const calculateTimeDifference = (startDate) => {
+        const now = /* @__PURE__ */ new Date();
+        const nowUtc = new Date(now.getTime() + now.getTimezoneOffset() * 6e4);
+        const startDateUtc = new Date(startDate);
+        const diffMs = startDateUtc.getTime() - nowUtc.getTime();
+        const isPast = diffMs < 0;
+        const absoluteDiffMs = Math.abs(diffMs);
+        const diffDays = Math.floor(absoluteDiffMs / (1e3 * 60 * 60 * 24));
+        const diffHours = Math.floor(
+          absoluteDiffMs % (1e3 * 60 * 60 * 24) / (1e3 * 60 * 60)
+        );
+        const diffMinutes = Math.floor(
+          absoluteDiffMs % (1e3 * 60 * 60) / (1e3 * 60)
+        );
+        if (absoluteDiffMs < 6e4) {
+          return "Just now";
+        }
+        let timeParts = [
+          { value: diffDays, unit: "days" },
+          { value: diffHours, unit: "hours" },
+          { value: diffMinutes, unit: "minutes" }
+        ];
+        timeParts = timeParts.filter((part) => part.value > 0);
+        if (isPast) {
+          if (diffDays > 0) {
+            return `${diffDays} day(s) ago`;
+          } else if (diffHours > 0) {
+            return `${diffHours} hour(s) ago`;
+          } else if (diffMinutes > 0) {
+            return `${diffMinutes} minute(s) ago`;
+          } else {
+            return "Just now";
+          }
+        } else {
+          if (timeParts.length > 2) {
+            timeParts = timeParts.slice(0, 2);
+          }
+          const displayString = timeParts.map((part) => `${part.value} ${part.unit}`).join(" ");
+          return displayString ? `Starting in ${displayString}` : "Started";
+        }
+      };
+      const isValidDate = (date) => {
+        return !isNaN(Date.parse(date));
+      };
+      const [timeUntilStart, setTimeUntilStart] = (0, import_react15.useState)(() => {
+        if (props.value && isValidDate(props.value)) {
+          return calculateTimeDifference(props.value);
+        }
+        return "";
+      });
+      (0, import_react15.useEffect)(() => {
+        if (props.value && isValidDate(props.value)) {
+          setTimeUntilStart(calculateTimeDifference(props.value));
+          const initialTimeout = setTimeout(() => {
+            const interval = setInterval(() => {
+              setTimeUntilStart(calculateTimeDifference(props.value));
+            }, 6e4);
+            return () => clearInterval(interval);
+          }, 5e3);
+          return () => clearTimeout(initialTimeout);
+        } else {
+          setTimeUntilStart("");
+        }
+      }, [props.value]);
+      return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { children: timeUntilStart });
+    };
+    TimeUntilStartsClient_default = TimeUntilStartsClient;
+  }
+});
+
 // src/components/controls/edit/MultilineTextInput.tsx
 var import_react17, import_jsx_runtime20, MultilineTextInput, MultilineTextInput_default;
 var init_MultilineTextInput = __esm({
@@ -5045,75 +5128,10 @@ var DateTimeView = (0, import_dynamic3.default)(() => Promise.resolve().then(()
 var DateTimeVew_default = DateTimeView;
 
 // src/components/controls/view/TimeUntilStarts.tsx
-var import_react15 = require("react");
-var import_jsx_runtime18 = require("react/jsx-runtime");
-var TimeUntilStarts = (props) => {
-  const calculateTimeDifference = (startDate) => {
-    const now = /* @__PURE__ */ new Date();
-    const nowUtc = new Date(now.getTime() + now.getTimezoneOffset() * 6e4);
-    const startDateUtc = new Date(startDate);
-    const diffMs = startDateUtc.getTime() - nowUtc.getTime();
-    const isPast = diffMs < 0;
-    const absoluteDiffMs = Math.abs(diffMs);
-    const diffDays = Math.floor(absoluteDiffMs / (1e3 * 60 * 60 * 24));
-    const diffHours = Math.floor(
-      absoluteDiffMs % (1e3 * 60 * 60 * 24) / (1e3 * 60 * 60)
-    );
-    const diffMinutes = Math.floor(
-      absoluteDiffMs % (1e3 * 60 * 60) / (1e3 * 60)
-    );
-    if (absoluteDiffMs < 6e4) {
-      return "Just now";
-    }
-    let timeParts = [
-      { value: diffDays, unit: "days" },
-      { value: diffHours, unit: "hours" },
-      { value: diffMinutes, unit: "minutes" }
-    ];
-    timeParts = timeParts.filter((part) => part.value > 0);
-    if (isPast) {
-      if (diffDays > 0) {
-        return `${diffDays} day(s) ago`;
-      } else if (diffHours > 0) {
-        return `${diffHours} hour(s) ago`;
-      } else if (diffMinutes > 0) {
-        return `${diffMinutes} minute(s) ago`;
-      } else {
-        return "Just now";
-      }
-    } else {
-      if (timeParts.length > 2) {
-        timeParts = timeParts.slice(0, 2);
-      }
-      const displayString = timeParts.map((part) => `${part.value} ${part.unit}`).join(" ");
-      return displayString ? `Starting in ${displayString}` : "Started";
-    }
-  };
-  const isValidDate = (date) => {
-    return !isNaN(Date.parse(date));
-  };
-  const [timeUntilStart, setTimeUntilStart] = (0, import_react15.useState)(() => {
-    if (props.value && isValidDate(props.value)) {
-      return calculateTimeDifference(props.value);
-    }
-    return "";
-  });
-  (0, import_react15.useEffect)(() => {
-    if (props.value && isValidDate(props.value)) {
-      setTimeUntilStart(calculateTimeDifference(props.value));
-      const initialTimeout = setTimeout(() => {
-        const interval = setInterval(() => {
-          setTimeUntilStart(calculateTimeDifference(props.value));
-        }, 6e4);
-        return () => clearInterval(interval);
-      }, 5e3);
-      return () => clearTimeout(initialTimeout);
-    } else {
-      setTimeUntilStart("");
-    }
-  }, [props.value]);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { children: timeUntilStart });
-};
+var import_dynamic4 = __toESM(require("next/dynamic"));
+var TimeUntilStarts = (0, import_dynamic4.default)(() => Promise.resolve().then(() => (init_TimeUntilStartsClient(), TimeUntilStartsClient_exports)), {
+  ssr: false
+});
 var TimeUntilStarts_default = TimeUntilStarts;
 
 // src/components/controls/view/ViewControl.tsx
@@ -5139,7 +5157,7 @@ var ViewControl = (props) => {
     [ViewControlTypes_default.status]: StatusView_default,
     [ViewControlTypes_default.statusBg]: StatusBgView_default,
     [ViewControlTypes_default.progressIndicator]: ProgressIndicator_default,
-    // [ViewControlTypes.timeUntilStarts]: TimeUntilStarts,
+    [ViewControlTypes_default.timeUntilStarts]: TimeUntilStarts_default,
     // [ViewControlTypes.timeUntilStartsStyled]: TimeUntilStartsStyled,
     [ViewControlTypes_default.aiGeneratedSummary]: AiGeneratedSummary_default,
     [ViewControlTypes_default.booleanView]: BooleanView_default,
@@ -5151,8 +5169,8 @@ var ViewControl = (props) => {
 var ViewControl_default = ViewControl;
 
 // src/components/controls/edit/InputControl.tsx
-var import_dynamic4 = __toESM(require("next/dynamic"));
-var InputControl2 = (0, import_dynamic4.default)(() => Promise.resolve().then(() => (init_InputControlClient(), InputControlClient_exports)), {
+var import_dynamic5 = __toESM(require("next/dynamic"));
+var InputControl2 = (0, import_dynamic5.default)(() => Promise.resolve().then(() => (init_InputControlClient(), InputControlClient_exports)), {
   ssr: false
 });
 var InputControl_default = InputControl2;
@@ -5250,9 +5268,9 @@ var import_react43 = __toESM(require("react"));
 
 // src/components/pageRenderingEngine/nodes/ImageNode.tsx
 init_AssetUtility();
-var import_dynamic5 = __toESM(require("next/dynamic"));
+var import_dynamic6 = __toESM(require("next/dynamic"));
 var import_jsx_runtime54 = require("react/jsx-runtime");
-var HlsPlayer3 = (0, import_dynamic5.default)(() => Promise.resolve().then(() => (init_HlsPlayer(), HlsPlayer_exports)), { ssr: false });
+var HlsPlayer3 = (0, import_dynamic6.default)(() => Promise.resolve().then(() => (init_HlsPlayer(), HlsPlayer_exports)), { ssr: false });
 var getNestedValue = (obj, path) => {
   if (!obj || !path) return void 0;
   return path.split(".").reduce((current, key) => {
@@ -5360,9 +5378,9 @@ var ImageNode_default = ImageNode;
 // src/components/pageRenderingEngine/nodes/LinkNode.tsx
 init_StyleTypes();
 init_Hyperlink();
-var import_dynamic6 = __toESM(require("next/dynamic"));
+var import_dynamic7 = __toESM(require("next/dynamic"));
 var import_jsx_runtime56 = require("react/jsx-runtime");
-var LinkNodeButton2 = (0, import_dynamic6.default)(() => Promise.resolve().then(() => (init_LinkNodeButton(), LinkNodeButton_exports)), {
+var LinkNodeButton2 = (0, import_dynamic7.default)(() => Promise.resolve().then(() => (init_LinkNodeButton(), LinkNodeButton_exports)), {
   ssr: false
 });
 function getNestedValue2(obj, path) {
@@ -5795,9 +5813,9 @@ var QuoteNode_default = QuoteNode;
 
 // src/components/pageRenderingEngine/nodes/CodeNode.tsx
 var import_react50 = __toESM(require("react"));
-var import_dynamic7 = __toESM(require("next/dynamic"));
+var import_dynamic8 = __toESM(require("next/dynamic"));
 var import_jsx_runtime66 = require("react/jsx-runtime");
-var CopyButton2 = (0, import_dynamic7.default)(() => Promise.resolve().then(() => (init_CopyButton(), CopyButton_exports)), {
+var CopyButton2 = (0, import_dynamic8.default)(() => Promise.resolve().then(() => (init_CopyButton(), CopyButton_exports)), {
   ssr: false,
   // optional: fallback UI while loading
   loading: () => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "text-gray-400 text-xs", children: "Copy" })
@@ -5934,13 +5952,13 @@ var WidgetNode = (props) => {
 var WidgetNode_default = WidgetNode;
 
 // src/components/pageRenderingEngine/nodes/DivContainer.tsx
-var import_dynamic10 = __toESM(require("next/dynamic"));
+var import_dynamic11 = __toESM(require("next/dynamic"));
 var import_react56 = __toESM(require("react"));
 
 // src/components/pageRenderingEngine/nodes/EmbedNode.tsx
-var import_dynamic8 = __toESM(require("next/dynamic"));
+var import_dynamic9 = __toESM(require("next/dynamic"));
 var import_jsx_runtime71 = require("react/jsx-runtime");
-var IframeClient2 = (0, import_dynamic8.default)(() => Promise.resolve().then(() => (init_IframeClient(), IframeClient_exports)), {
+var IframeClient2 = (0, import_dynamic9.default)(() => Promise.resolve().then(() => (init_IframeClient(), IframeClient_exports)), {
   ssr: false
 });
 var EmbedNode = (props) => {
@@ -6182,9 +6200,9 @@ var NoDataFound_default = NoDataFound;
 
 // src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
 init_AssetUtility();
-var import_dynamic9 = __toESM(require("next/dynamic"));
+var import_dynamic10 = __toESM(require("next/dynamic"));
 var import_jsx_runtime73 = require("react/jsx-runtime");
-var HlsPlayer4 = (0, import_dynamic9.default)(() => Promise.resolve().then(() => (init_HlsPlayer(), HlsPlayer_exports)), { ssr: false });
+var HlsPlayer4 = (0, import_dynamic10.default)(() => Promise.resolve().then(() => (init_HlsPlayer(), HlsPlayer_exports)), { ssr: false });
 var deviceToMediaQuery = (device) => {
   switch (device) {
     case "lg":
@@ -7033,8 +7051,8 @@ var DocumentNode_default = DocumentNode;
 
 // src/components/pageRenderingEngine/nodes/DivContainer.tsx
 var import_jsx_runtime77 = require("react/jsx-runtime");
-var Pagination2 = (0, import_dynamic10.default)(() => Promise.resolve().then(() => (init_Pagination(), Pagination_exports)), { ssr: true });
-var Slider2 = (0, import_dynamic10.default)(() => Promise.resolve().then(() => (init_Slider(), Slider_exports)), {
+var Pagination2 = (0, import_dynamic11.default)(() => Promise.resolve().then(() => (init_Pagination(), Pagination_exports)), { ssr: true });
+var Slider2 = (0, import_dynamic11.default)(() => Promise.resolve().then(() => (init_Slider(), Slider_exports)), {
   ssr: false
 });
 function toCamelCase(str) {