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

package/dist/server.js

@@ -1560,6 +1560,89 @@ var init_DateTimeViewClient = __esm({
   }
 });
 
+// src/components/controls/view/TimeUntilStartsClient.tsx
+var TimeUntilStartsClient_exports = {};
+__export(TimeUntilStartsClient_exports, {
+  default: () => TimeUntilStartsClient_default
+});
+var import_react20, import_jsx_runtime29, TimeUntilStartsClient, TimeUntilStartsClient_default;
+var init_TimeUntilStartsClient = __esm({
+  "src/components/controls/view/TimeUntilStartsClient.tsx"() {
+    "use strict";
+    "use client";
+    import_react20 = require("react");
+    import_jsx_runtime29 = 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_react20.useState)(() => {
+        if (props.value && isValidDate(props.value)) {
+          return calculateTimeDifference(props.value);
+        }
+        return "";
+      });
+      (0, import_react20.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_runtime29.jsx)("div", { children: timeUntilStart });
+    };
+    TimeUntilStartsClient_default = TimeUntilStartsClient;
+  }
+});
+
 // src/components/CopyButton.tsx
 var CopyButton_exports = {};
 __export(CopyButton_exports, {
@@ -1683,7 +1766,11 @@ var init_IframeClient = __esm({
     import_react31 = __toESM(require("react"));
     init_IFrameLoaderView();
     import_jsx_runtime42 = require("react/jsx-runtime");
-    IframeClient = ({ src }) => {
+    IframeClient = ({
+      src,
+      width,
+      height
+    }) => {
       const iframeRef = (0, import_react31.useRef)(null);
       const [iframeHeight, setIframeHeight] = (0, import_react31.useState)("100%");
       const [isDataFound, setIsDataFound] = (0, import_react31.useState)(null);
@@ -1692,11 +1779,11 @@ var init_IframeClient = __esm({
           const eventName = event?.data?.eventName;
           const payload = event?.data?.payload;
           if (eventName === "SET_HEIGHT" && payload?.height) {
-            let height = 500;
+            let height2 = 500;
             if (payload.height > 500) {
-              height = payload.height + 50;
+              height2 = payload.height + 50;
             }
-            setIframeHeight(`${height}px`);
+            setIframeHeight(`${height2}px`);
           }
         };
         window.addEventListener("message", handleReceiveMessage);
@@ -1705,7 +1792,10 @@ var init_IframeClient = __esm({
       (0, import_react31.useEffect)(() => {
         const handleResize = () => {
           if (iframeRef.current) {
-            iframeRef.current.contentWindow?.postMessage({ eventName: "RESIZE" }, "*");
+            iframeRef.current.contentWindow?.postMessage(
+              { eventName: "RESIZE" },
+              "*"
+            );
           }
         };
         window.addEventListener("resize", handleResize);
@@ -1721,7 +1811,7 @@ var init_IframeClient = __esm({
           src,
           className: "w-full h-full border-none",
           scrolling: "no",
-          style: { height: iframeHeight },
+          style: { width: width || "100%", height: height || iframeHeight },
           onLoad: handleIframeLoad
         }
       ) }) });
@@ -3276,75 +3366,10 @@ var DateTimeView = (0, import_dynamic5.default)(() => Promise.resolve().then(()
 var DateTimeVew_default = DateTimeView;
 
 // src/components/controls/view/TimeUntilStarts.tsx
-var import_react20 = require("react");
-var import_jsx_runtime29 = 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_react20.useState)(() => {
-    if (props.value && isValidDate(props.value)) {
-      return calculateTimeDifference(props.value);
-    }
-    return "";
-  });
-  (0, import_react20.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_runtime29.jsx)("div", { children: timeUntilStart });
-};
+var import_dynamic6 = __toESM(require("next/dynamic"));
+var TimeUntilStarts = (0, import_dynamic6.default)(() => Promise.resolve().then(() => (init_TimeUntilStartsClient(), TimeUntilStartsClient_exports)), {
+  ssr: false
+});
 var TimeUntilStarts_default = TimeUntilStarts;
 
 // src/components/controls/view/ViewControl.tsx
@@ -3370,7 +3395,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,
@@ -3648,9 +3673,9 @@ var QuoteNode_default = QuoteNode;
 
 // src/components/pageRenderingEngine/nodes/CodeNode.tsx
 var import_react28 = __toESM(require("react"));
-var import_dynamic6 = __toESM(require("next/dynamic"));
+var import_dynamic7 = __toESM(require("next/dynamic"));
 var import_jsx_runtime38 = require("react/jsx-runtime");
-var CopyButton2 = (0, import_dynamic6.default)(() => Promise.resolve().then(() => (init_CopyButton(), CopyButton_exports)), {
+var CopyButton2 = (0, import_dynamic7.default)(() => Promise.resolve().then(() => (init_CopyButton(), CopyButton_exports)), {
   ssr: false,
   // optional: fallback UI while loading
   loading: () => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "text-gray-400 text-xs", children: "Copy" })
@@ -3787,13 +3812,13 @@ var WidgetNode = (props) => {
 var WidgetNode_default = WidgetNode;
 
 // src/components/pageRenderingEngine/nodes/DivContainer.tsx
-var import_dynamic9 = __toESM(require("next/dynamic"));
+var import_dynamic10 = __toESM(require("next/dynamic"));
 var import_react34 = __toESM(require("react"));
 
 // src/components/pageRenderingEngine/nodes/EmbedNode.tsx
-var import_dynamic7 = __toESM(require("next/dynamic"));
+var import_dynamic8 = __toESM(require("next/dynamic"));
 var import_jsx_runtime43 = require("react/jsx-runtime");
-var IframeClient2 = (0, import_dynamic7.default)(() => Promise.resolve().then(() => (init_IframeClient(), IframeClient_exports)), {
+var IframeClient2 = (0, import_dynamic8.default)(() => Promise.resolve().then(() => (init_IframeClient(), IframeClient_exports)), {
   ssr: false
 });
 var EmbedNode = (props) => {
@@ -4033,9 +4058,9 @@ var NoDataFound = () => {
 var NoDataFound_default = NoDataFound;
 
 // src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
-var import_dynamic8 = __toESM(require("next/dynamic"));
+var import_dynamic9 = __toESM(require("next/dynamic"));
 var import_jsx_runtime45 = require("react/jsx-runtime");
-var HlsPlayer4 = (0, import_dynamic8.default)(() => Promise.resolve().then(() => (init_HlsPlayer(), HlsPlayer_exports)), { ssr: false });
+var HlsPlayer4 = (0, import_dynamic9.default)(() => Promise.resolve().then(() => (init_HlsPlayer(), HlsPlayer_exports)), { ssr: false });
 var deviceToMediaQuery = (device) => {
   switch (device) {
     case "lg":
@@ -4883,8 +4908,8 @@ var DocumentNode_default = DocumentNode;
 
 // src/components/pageRenderingEngine/nodes/DivContainer.tsx
 var import_jsx_runtime54 = require("react/jsx-runtime");
-var Pagination2 = (0, import_dynamic9.default)(() => Promise.resolve().then(() => (init_Pagination(), Pagination_exports)), { ssr: true });
-var Slider2 = (0, import_dynamic9.default)(() => Promise.resolve().then(() => (init_Slider(), Slider_exports)), {
+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)), {
   ssr: false
 });
 function toCamelCase(str) {