@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260711052655 → 0.8.1-dev.20260713051007

package/dist/{EnterAnimationClient-R3GFCNRS.mjs → EnterAnimationClient-ZN3NLFNO.mjs}

@@ -7,6 +7,20 @@ import React, { useEffect, useRef } from "react";
 import { Fragment, jsx } from "react/jsx-runtime";
 function EnterAnimationClient({ hasEnterAnimation, children }) {
   const ref = useRef(null);
+  console.log("render");
+  useEffect(() => {
+    console.log("effect");
+    console.log("ref", ref.current);
+    if (!hasEnterAnimation) {
+      console.log("no animation");
+      return;
+    }
+    if (!ref.current) {
+      console.log("no ref");
+      return;
+    }
+    console.log("observer started");
+  }, []);
   useEffect(() => {
     if (!hasEnterAnimation || !ref.current) return;
     const observer = new IntersectionObserver(

package/dist/index.js

@@ -1,3 +1,5 @@
+"use client";
+
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -4318,6 +4320,20 @@ __export(EnterAnimationClient_exports, {
 });
 function EnterAnimationClient({ hasEnterAnimation, children }) {
   const ref = (0, import_react52.useRef)(null);
+  console.log("render");
+  (0, import_react52.useEffect)(() => {
+    console.log("effect");
+    console.log("ref", ref.current);
+    if (!hasEnterAnimation) {
+      console.log("no animation");
+      return;
+    }
+    if (!ref.current) {
+      console.log("no ref");
+      return;
+    }
+    console.log("observer started");
+  }, []);
   (0, import_react52.useEffect)(() => {
     if (!hasEnterAnimation || !ref.current) return;
     const observer = new IntersectionObserver(

package/dist/index.mjs

@@ -1,6 +1,8 @@
+"use client";
+
 import {
   OdataBuilder
-} from "./chunk-UFKPTMM7.mjs";
+} from "./chunk-X3YSXTD2.mjs";
 import {
   AssetUtility_default,
   BooleanSelect_default,
@@ -18,22 +20,22 @@ import {
   SelectWithSearchInput_default,
   TimeInput_default,
   VideoView_default
-} from "./chunk-NT56SZOV.mjs";
+} from "./chunk-6NCGSAPP.mjs";
 import {
   Constants,
   Hyperlink,
   Icon_default,
   InputControlType_default
-} from "./chunk-DBHUCH4B.mjs";
+} from "./chunk-5GHPW7SJ.mjs";
 import {
   ServiceClient_default
-} from "./chunk-3GWLDT7C.mjs";
+} from "./chunk-WEV5U33G.mjs";
 import {
   Button_default,
   ClientButton_default,
   ToastService_default
-} from "./chunk-YL6E76X2.mjs";
-import "./chunk-56HSDML5.mjs";
+} from "./chunk-JKP4XOZB.mjs";
+import "./chunk-IMNQO57B.mjs";
 
 // src/components/controls/view/ViewControl.tsx
 import React13 from "react";
@@ -77,7 +79,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-VLTRN47D.mjs"), {
   ssr: false
 });
 var DateView_default = DateView;
@@ -132,7 +134,7 @@ import React3 from "react";
 // src/components/DeviceAssetSelector.tsx
 import dynamic2 from "next/dynamic";
 import { jsx as jsx3 } from "react/jsx-runtime";
-var HlsPlayer = dynamic2(() => import("./HlsPlayer-57543DTW.mjs"), { ssr: false });
+var HlsPlayer = dynamic2(() => import("./HlsPlayer-5AWFZ2P6.mjs"), { ssr: false });
 var FORMAT_CLASSES = {
   center: "justify-center",
   left: "justify-start",
@@ -367,7 +369,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-R3M6ISVK.mjs"), {
   ssr: false
 });
 var DateTimeVew_default = DateTimeView;
@@ -409,7 +411,7 @@ var ViewControl_default = ViewControl;
 
 // src/components/controls/edit/InputControl.tsx
 import dynamic4 from "next/dynamic";
-var InputControl = dynamic4(() => import("./InputControlClient-BO7WPPVX.mjs"), {
+var InputControl = dynamic4(() => import("./InputControlClient-HSPSCMLF.mjs"), {
   ssr: false
 });
 var InputControl_default = InputControl;
@@ -505,7 +507,7 @@ import React14 from "react";
 // src/components/pageRenderingEngine/nodes/ImageNode.tsx
 import dynamic5 from "next/dynamic";
 import { jsx as jsx17 } from "react/jsx-runtime";
-var HlsPlayer2 = dynamic5(() => import("./HlsPlayer-57543DTW.mjs"), { ssr: false });
+var HlsPlayer2 = dynamic5(() => import("./HlsPlayer-5AWFZ2P6.mjs"), { ssr: false });
 var getNestedValue = (obj, path) => {
   if (!obj || !path) return void 0;
   return path.split(".").reduce((current, key) => {
@@ -613,7 +615,7 @@ var ImageNode_default = ImageNode;
 // src/components/pageRenderingEngine/nodes/LinkNode.tsx
 import dynamic6 from "next/dynamic";
 import { Fragment, jsx as jsx18, jsxs as jsxs6 } from "react/jsx-runtime";
-var LinkNodeButton = dynamic6(() => import("./LinkNodeButton-XA7Z5IDR.mjs"), {
+var LinkNodeButton = dynamic6(() => import("./LinkNodeButton-LX3KKGZY.mjs"), {
   ssr: false
 });
 function getNestedValue2(obj, path) {
@@ -1048,7 +1050,7 @@ var QuoteNode_default = QuoteNode;
 import React20 from "react";
 import dynamic7 from "next/dynamic";
 import { jsx as jsx27, jsxs as jsxs9 } from "react/jsx-runtime";
-var CopyButton = dynamic7(() => import("./CopyButton-XONTQQW7.mjs"), {
+var CopyButton = dynamic7(() => import("./CopyButton-UPJPMJUB.mjs"), {
   ssr: false,
   // optional: fallback UI while loading
   loading: () => /* @__PURE__ */ jsx27("span", { className: "text-gray-400 text-xs", children: "Copy" })
@@ -1191,7 +1193,7 @@ import React22 from "react";
 // src/components/pageRenderingEngine/nodes/EmbedNode.tsx
 import dynamic8 from "next/dynamic";
 import { jsx as jsx30 } from "react/jsx-runtime";
-var IframeClient = dynamic8(() => import("./IframeClient-J22NMEVY.mjs"), {
+var IframeClient = dynamic8(() => import("./IframeClient-RGJFZ5P2.mjs"), {
   ssr: false
 });
 var EmbedNode = (props) => {
@@ -1406,7 +1408,7 @@ var NoDataFound_default = NoDataFound;
 // src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
 import dynamic9 from "next/dynamic";
 import { Fragment as Fragment5, jsx as jsx32, jsxs as jsxs11 } from "react/jsx-runtime";
-var HlsPlayer3 = dynamic9(() => import("./HlsPlayer-57543DTW.mjs"), { ssr: false });
+var HlsPlayer3 = dynamic9(() => import("./HlsPlayer-5AWFZ2P6.mjs"), { ssr: false });
 var deviceToMediaQuery = (device) => {
   switch (device) {
     case "lg":
@@ -2221,11 +2223,11 @@ var DocumentNode_default = DocumentNode;
 
 // src/components/pageRenderingEngine/nodes/DivContainer.tsx
 import { jsx as jsx34, jsxs as jsxs13 } from "react/jsx-runtime";
-var Pagination = dynamic10(() => import("./Pagination-NCJCOYHF.mjs"), { ssr: true });
-var Slider = dynamic10(() => import("./Slider-PEIVH6A5.mjs"), {
+var Pagination = dynamic10(() => import("./Pagination-T7YN2OMV.mjs"), { ssr: true });
+var Slider = dynamic10(() => import("./Slider-554BKC7N.mjs"), {
   ssr: false
 });
-var EnterAnimationClient = dynamic10(() => import("./EnterAnimationClient-2NFKY4B5.mjs"), {
+var EnterAnimationClient = dynamic10(() => import("./EnterAnimationClient-ZN3NLFNO.mjs"), {
   ssr: false
 });
 function toCamelCase(str) {

package/package.json

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

package/dist/EnterAnimationClient-2NFKY4B5.mjs

@@ -1,31 +0,0 @@
-"use client";
-
-// src/components/pageRenderingEngine/nodes/EnterAnimationClient.tsx
-import React, { useEffect, useRef } from "react";
-import { Fragment, jsx } from "react/jsx-runtime";
-function EnterAnimationClient({ hasEnterAnimation, children }) {
-  const ref = useRef(null);
-  useEffect(() => {
-    if (!hasEnterAnimation || !ref.current) return;
-    const observer = new IntersectionObserver(
-      (entries) => {
-        entries.forEach((entry) => {
-          if (entry.isIntersecting) {
-            entry.target.classList.add("visible");
-            observer.unobserve(entry.target);
-          }
-        });
-      },
-      { threshold: 0.1 }
-    );
-    observer.observe(ref.current);
-    return () => observer.disconnect();
-  }, [hasEnterAnimation]);
-  if (!children) return null;
-  return /* @__PURE__ */ jsx(Fragment, { children: children && // enforce passing the ref to Wrapper
-  //@ts-ignore
-  React.cloneElement(children, { ref }) });
-}
-export {
-  EnterAnimationClient as default
-};