@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260713054732 → 0.8.1-dev.20260713110639

package/dist/index.mjs

@@ -1,8 +1,6 @@
-"use client";
-
 import {
   OdataBuilder
-} from "./chunk-X3YSXTD2.mjs";
+} from "./chunk-UFKPTMM7.mjs";
 import {
   AssetUtility_default,
   BooleanSelect_default,
@@ -19,22 +17,22 @@ import {
   PhoneInput_default,
   SelectWithSearchInput_default,
   TimeInput_default
-} from "./chunk-7ZFZLN56.mjs";
+} from "./chunk-YG6FKKQJ.mjs";
 import {
   Constants,
   Hyperlink,
   Icon_default,
   InputControlType_default
-} from "./chunk-5GHPW7SJ.mjs";
+} from "./chunk-DBHUCH4B.mjs";
 import {
   ServiceClient_default
-} from "./chunk-WEV5U33G.mjs";
+} from "./chunk-3GWLDT7C.mjs";
 import {
   Button_default,
   ClientButton_default,
   ToastService_default
-} from "./chunk-JKP4XOZB.mjs";
-import "./chunk-IMNQO57B.mjs";
+} from "./chunk-YL6E76X2.mjs";
+import "./chunk-56HSDML5.mjs";
 
 // src/components/controls/view/ViewControl.tsx
 import React13 from "react";
@@ -78,7 +76,7 @@ var NumberView_default = NumberView;
 
 // src/components/controls/view/DateView.tsx
 import dynamic from "next/dynamic";
-var DateView = dynamic(() => import("./DateViewClient-VLTRN47D.mjs"), {
+var DateView = dynamic(() => import("./DateViewClient-ELEHLGWS.mjs"), {
   ssr: false
 });
 var DateView_default = DateView;
@@ -133,7 +131,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-5AWFZ2P6.mjs"), { ssr: false });
+var HlsPlayer = dynamic2(() => import("./HlsPlayer-57543DTW.mjs"), { ssr: false });
 var FORMAT_CLASSES = {
   center: "justify-center",
   left: "justify-start",
@@ -368,7 +366,7 @@ var AiGeneratedSummary_default = AiGeneratedSummary;
 
 // src/components/controls/view/DateTimeVew.tsx
 import dynamic3 from "next/dynamic";
-var DateTimeView = dynamic3(() => import("./DateTimeViewClient-R3M6ISVK.mjs"), {
+var DateTimeView = dynamic3(() => import("./DateTimeViewClient-22GW4AD7.mjs"), {
   ssr: false
 });
 var DateTimeVew_default = DateTimeView;
@@ -409,7 +407,7 @@ var ViewControl_default = ViewControl;
 
 // src/components/controls/edit/InputControl.tsx
 import dynamic4 from "next/dynamic";
-var InputControl = dynamic4(() => import("./InputControlClient-QAZKQLFO.mjs"), {
+var InputControl = dynamic4(() => import("./InputControlClient-QQCQD4EG.mjs"), {
   ssr: false
 });
 var InputControl_default = InputControl;
@@ -505,7 +503,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-5AWFZ2P6.mjs"), { ssr: false });
+var HlsPlayer2 = dynamic5(() => import("./HlsPlayer-57543DTW.mjs"), { ssr: false });
 var getNestedValue = (obj, path) => {
   if (!obj || !path) return void 0;
   return path.split(".").reduce((current, key) => {
@@ -613,7 +611,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-LX3KKGZY.mjs"), {
+var LinkNodeButton = dynamic6(() => import("./LinkNodeButton-XA7Z5IDR.mjs"), {
   ssr: false
 });
 function getNestedValue2(obj, path) {
@@ -1048,7 +1046,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-UPJPMJUB.mjs"), {
+var CopyButton = dynamic7(() => import("./CopyButton-XONTQQW7.mjs"), {
   ssr: false,
   // optional: fallback UI while loading
   loading: () => /* @__PURE__ */ jsx27("span", { className: "text-gray-400 text-xs", children: "Copy" })
@@ -1191,7 +1189,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-RGJFZ5P2.mjs"), {
+var IframeClient = dynamic8(() => import("./IframeClient-J22NMEVY.mjs"), {
   ssr: false
 });
 var EmbedNode = (props) => {
@@ -1406,7 +1404,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-5AWFZ2P6.mjs"), { ssr: false });
+var HlsPlayer3 = dynamic9(() => import("./HlsPlayer-57543DTW.mjs"), { ssr: false });
 var deviceToMediaQuery = (device) => {
   switch (device) {
     case "lg":
@@ -2221,11 +2219,8 @@ 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-T7YN2OMV.mjs"), { ssr: true });
-var Slider = dynamic10(() => import("./Slider-554BKC7N.mjs"), {
-  ssr: false
-});
-var EnterAnimationClient = dynamic10(() => import("./EnterAnimationClient-ZN3NLFNO.mjs"), {
+var Pagination = dynamic10(() => import("./Pagination-NCJCOYHF.mjs"), { ssr: true });
+var Slider = dynamic10(() => import("./Slider-PEIVH6A5.mjs"), {
   ssr: false
 });
 function toCamelCase(str) {
@@ -2627,7 +2622,8 @@ var DivContainer = async (props) => {
     containerPaddingClass,
     props.node.autoFormat && "auto-format",
     props.node.bgClass,
-    noLinkColor && "no-link-color"
+    noLinkColor && "no-link-color",
+    !!props.node.enterAnimation && "enter-animation"
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs13(React22.Fragment, { children: [
     /* @__PURE__ */ jsx34(
@@ -2636,7 +2632,7 @@ var DivContainer = async (props) => {
         dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS }
       }
     ),
-    /* @__PURE__ */ jsx34(EnterAnimationClient, { hasEnterAnimation: !!props.node.enterAnimation, children: /* @__PURE__ */ jsx34(
+    /* @__PURE__ */ jsx34(
       Wrapper,
       {
         id: guid,
@@ -2653,7 +2649,7 @@ var DivContainer = async (props) => {
           )?.map((child, i) => /* @__PURE__ */ jsx34(React22.Fragment, { children: child }, i)) : renderChildren(props.node.children, props, item, idx)
         )
       }
-    ) }),
+    ),
     dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ jsx34("div", { children: /* @__PURE__ */ jsx34(
       Pagination,
       {
@@ -2747,8 +2743,56 @@ var PageBodyRenderer = (props) => {
 };
 var PageBodyRenderer_default = PageBodyRenderer;
 
+// src/components/pageRenderingEngine/EnterAnimationHydrator.tsx
+import { useEffect } from "react";
+var ENTER_ANIMATION_SELECTOR = ".enter-animation";
+function EnterAnimationHydrator() {
+  useEffect(() => {
+    let observer;
+    const observedElements = /* @__PURE__ */ new WeakSet();
+    const revealAnimatedElements = () => {
+      const animatedElements = document.querySelectorAll(ENTER_ANIMATION_SELECTOR);
+      if (!("IntersectionObserver" in window)) {
+        animatedElements.forEach((element) => {
+          element.classList.add("visible");
+        });
+        return;
+      }
+      observer ?? (observer = new IntersectionObserver(
+        (entries) => {
+          entries.forEach((entry) => {
+            if (entry.isIntersecting) {
+              entry.target.classList.add("visible");
+              observer?.unobserve(entry.target);
+            }
+          });
+        },
+        { threshold: 0.1 }
+      ));
+      animatedElements.forEach((element) => {
+        if (element.classList.contains("visible") || observedElements.has(element)) {
+          return;
+        }
+        observedElements.add(element);
+        observer?.observe(element);
+      });
+    };
+    revealAnimatedElements();
+    const mutationObserver = new MutationObserver(revealAnimatedElements);
+    mutationObserver.observe(document.body, {
+      childList: true,
+      subtree: true
+    });
+    return () => {
+      mutationObserver.disconnect();
+      observer?.disconnect();
+    };
+  }, []);
+  return null;
+}
+
 // src/components/Toast.tsx
-import { useCallback, useEffect, useRef, useState } from "react";
+import { useCallback, useEffect as useEffect2, useRef, useState } from "react";
 import { Fragment as Fragment7, jsx as jsx36, jsxs as jsxs14 } from "react/jsx-runtime";
 var Toast = () => {
   const [showToast, setShowToast] = useState(false);
@@ -2774,7 +2818,7 @@ var Toast = () => {
       timeoutRef.current = null;
     }, 4e3);
   }, []);
-  useEffect(() => {
+  useEffect2(() => {
     ToastService_default.initialize(showMessage, closeToast);
     return () => {
       closeToast();
@@ -2849,7 +2893,7 @@ var NavigationTabsV2 = ({ tabs, params = {} }) => {
 var NavigationTabsV2_default = NavigationTabsV2;
 
 // src/components/dataForm/DataList.tsx
-import React27, { useEffect as useEffect2, useState as useState2, useCallback as useCallback2, useReducer } from "react";
+import React27, { useEffect as useEffect3, useState as useState2, useCallback as useCallback2, useReducer } from "react";
 import { useRouter } from "next/navigation";
 
 // src/components/dataForm/NoContentView.tsx
@@ -2957,7 +3001,7 @@ var DataList = (props) => {
   console.log(props.addLinkText);
   const [isDataFound, setIsDataFound] = useState2(null);
   const [searchTerm, setSearchTerm] = useState2(props.query?.searchTerm ?? "");
-  useEffect2(() => {
+  useEffect3(() => {
     if (props?.dataset) {
       if (props?.dataset.result && props.dataset.result.length > 0) {
         setIsDataFound(true);
@@ -2966,7 +3010,7 @@ var DataList = (props) => {
       }
     }
   }, [props.dataset]);
-  useEffect2(() => {
+  useEffect3(() => {
     if (!props.query?.["$filter"] || !props.filters) return;
     const filterQuery = props.query["$filter"];
     props.filters.forEach((filter) => {
@@ -3029,7 +3073,7 @@ var DataList = (props) => {
     },
     [dispatch, props, router]
   );
-  useEffect2(() => {
+  useEffect3(() => {
     if (!props.columns.some((col) => col.isSearchable)) {
       return;
     }
@@ -3476,7 +3520,7 @@ var DataList = (props) => {
 var DataList_default = DataList;
 
 // src/components/dataForm/DataListRenderer.tsx
-import React28, { useState as useState3, useEffect as useEffect3 } from "react";
+import React28, { useState as useState3, useEffect as useEffect4 } from "react";
 import { usePathname as usePathname2 } from "next/navigation";
 import { jsx as jsx41, jsxs as jsxs17 } from "react/jsx-runtime";
 var viewControlMap = {
@@ -3540,7 +3584,7 @@ var DataListRenderer = ({
   const [addLinkText, setAddLinkText] = useState3("");
   const [serviceRoute, setServiceRoute] = useState3("");
   const pathname = usePathname2();
-  useEffect3(() => {
+  useEffect4(() => {
     if (!formDefinition) return;
     setColumns(mapApiToColumns(formDefinition));
     setFilters(mapApiToFilters(formDefinition));
@@ -3553,7 +3597,7 @@ var DataListRenderer = ({
     setAddLinkHref(resolvedAddLinkHref);
     setAddLinkText(formDefinition?.siteFormDataList?.addLinkText ?? "");
   }, [formDefinition, params]);
-  useEffect3(() => {
+  useEffect4(() => {
     const fetchData = async () => {
       if (!serviceRoute) return;
       const resolvedRoute = resolveRoutePlaceholders2(serviceRoute, params);
@@ -3600,7 +3644,7 @@ var DataListRenderer = ({
 var DataListRenderer_default = DataListRenderer;
 
 // src/components/dataForm/DataForm.tsx
-import React30, { useCallback as useCallback4, useEffect as useEffect4, useReducer as useReducer2, useRef as useRef2 } from "react";
+import React30, { useCallback as useCallback4, useEffect as useEffect5, useReducer as useReducer2, useRef as useRef2 } from "react";
 
 // src/components/dataForm/DataFormChildSection.tsx
 import React29, { useCallback as useCallback3 } from "react";
@@ -3882,7 +3926,7 @@ var DataForm = (props) => {
       console.error("Error fetching data:", error);
     }
   }, [formState.lastPropertyChanged, formState.inputValues]);
-  useEffect4(() => {
+  useEffect5(() => {
     fetchData();
   }, [formState.inputValues, formState.lastPropertyChanged]);
   function replacePlaceholders(template, context, params) {
@@ -3977,7 +4021,7 @@ var DataForm = (props) => {
       return { isSuccessful: true };
     }
   }, [formState, props]);
-  useEffect4(() => {
+  useEffect5(() => {
     if (props.dataItem) {
       dispatch({
         type: FORM_INITIAL_UPDATE,
@@ -4201,6 +4245,7 @@ export {
   DataListRenderer_default as DataListRenderer,
   DateTimeInput_default as DateTimeInput,
   EmailInput_default as EmailInput,
+  EnterAnimationHydrator,
   InputControl_default as InputControl,
   InputControlType_default as InputControlType,
   LineTextInput_default as LineTextInput,

package/dist/server.d.mts

@@ -87,6 +87,7 @@ declare const ViewControlTypes: {
     lineText: string;
     emailText: string;
     asset: string;
+    video: string;
     multilineTextBullets: string;
     boolean: string;
     checkboxInput: string;

package/dist/server.d.ts

@@ -87,6 +87,7 @@ declare const ViewControlTypes: {
     lineText: string;
     emailText: string;
     asset: string;
+    video: string;
     multilineTextBullets: string;
     boolean: string;
     checkboxInput: string;

package/dist/server.js

@@ -2915,6 +2915,7 @@ var ViewControlTypes = {
   lineText: "lineText",
   emailText: "email",
   asset: "asset",
+  video: "video",
   multilineTextBullets: "multilineTextBullets",
   boolean: "boolean",
   checkboxInput: "boolean",
@@ -3605,6 +3606,7 @@ var WidgetNode = (props) => {
 var WidgetNode_default = WidgetNode;
 
 // src/components/pageRenderingEngine/nodes/DivContainer.tsx
+var import_dynamic9 = __toESM(require("next/dynamic"));
 var import_react33 = __toESM(require("react"));
 
 // src/components/pageRenderingEngine/nodes/EmbedNode.tsx
@@ -3828,9 +3830,6 @@ var NoDataFound = () => {
 };
 var NoDataFound_default = NoDataFound;
 
-// src/components/pageRenderingEngine/nodes/DivContainer.tsx
-var import_dynamic9 = __toESM(require("next/dynamic"));
-
 // src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
 var import_dynamic8 = __toESM(require("next/dynamic"));
 var import_jsx_runtime44 = require("react/jsx-runtime");
@@ -5052,7 +5051,8 @@ var DivContainer = async (props) => {
     containerPaddingClass,
     props.node.autoFormat && "auto-format",
     props.node.bgClass,
-    noLinkColor && "no-link-color"
+    noLinkColor && "no-link-color",
+    !!props.node.enterAnimation && "enter-animation"
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_react33.default.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
@@ -5061,7 +5061,7 @@ var DivContainer = async (props) => {
         dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react33.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
       Wrapper,
       {
         id: guid,
@@ -5078,7 +5078,7 @@ var DivContainer = async (props) => {
           )?.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react33.default.Fragment, { children: child }, i)) : renderChildren(props.node.children, props, item, idx)
         )
       }
-    ) }),
+    ),
     dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
       Pagination2,
       {

package/dist/server.mjs

@@ -479,6 +479,7 @@ var ViewControlTypes = {
   lineText: "lineText",
   emailText: "email",
   asset: "asset",
+  video: "video",
   multilineTextBullets: "multilineTextBullets",
   boolean: "boolean",
   checkboxInput: "boolean",
@@ -1169,6 +1170,7 @@ var WidgetNode = (props) => {
 var WidgetNode_default = WidgetNode;
 
 // src/components/pageRenderingEngine/nodes/DivContainer.tsx
+import dynamic9 from "next/dynamic";
 import React22 from "react";
 
 // src/components/pageRenderingEngine/nodes/EmbedNode.tsx
@@ -1386,9 +1388,6 @@ var NoDataFound = () => {
 };
 var NoDataFound_default = NoDataFound;
 
-// src/components/pageRenderingEngine/nodes/DivContainer.tsx
-import dynamic9 from "next/dynamic";
-
 // src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
 import dynamic8 from "next/dynamic";
 import { Fragment as Fragment5, jsx as jsx32, jsxs as jsxs11 } from "react/jsx-runtime";
@@ -2610,7 +2609,8 @@ var DivContainer = async (props) => {
     containerPaddingClass,
     props.node.autoFormat && "auto-format",
     props.node.bgClass,
-    noLinkColor && "no-link-color"
+    noLinkColor && "no-link-color",
+    !!props.node.enterAnimation && "enter-animation"
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs13(React22.Fragment, { children: [
     /* @__PURE__ */ jsx34(
@@ -2619,7 +2619,7 @@ var DivContainer = async (props) => {
         dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS }
       }
     ),
-    /* @__PURE__ */ jsx34(React22.Fragment, { children: /* @__PURE__ */ jsx34(
+    /* @__PURE__ */ jsx34(
       Wrapper,
       {
         id: guid,
@@ -2636,7 +2636,7 @@ var DivContainer = async (props) => {
           )?.map((child, i) => /* @__PURE__ */ jsx34(React22.Fragment, { children: child }, i)) : renderChildren(props.node.children, props, item, idx)
         )
       }
-    ) }),
+    ),
     dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ jsx34("div", { children: /* @__PURE__ */ jsx34(
       Pagination,
       {

package/package.json

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