@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260708070033 → 0.8.1-dev.20260709113231

package/dist/index.mjs

@@ -1,8 +1,6 @@
-"use client";
-
 import {
   OdataBuilder
-} from "./chunk-OGGIS4AN.mjs";
+} from "./chunk-FYGNBMII.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-FI2KJBK2.mjs";
+} from "./chunk-UWFXFVUU.mjs";
 import {
   ServiceClient_default
-} from "./chunk-WEV5U33G.mjs";
+} from "./chunk-3GWLDT7C.mjs";
 import {
   Button_default,
   ClientButton_default,
   ToastService_default
-} from "./chunk-67IG5NBU.mjs";
-import "./chunk-IMNQO57B.mjs";
+} from "./chunk-YL6E76X2.mjs";
+import "./chunk-56HSDML5.mjs";
 
 // src/components/controls/view/ViewControl.tsx
 import React13 from "react";
@@ -77,7 +75,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;
@@ -132,7 +130,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",
@@ -367,7 +365,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;
@@ -408,7 +406,7 @@ var ViewControl_default = ViewControl;
 
 // src/components/controls/edit/InputControl.tsx
 import dynamic4 from "next/dynamic";
-var InputControl = dynamic4(() => import("./InputControlClient-646PQPKQ.mjs"), {
+var InputControl = dynamic4(() => import("./InputControlClient-CS4JM7UY.mjs"), {
   ssr: false
 });
 var InputControl_default = InputControl;
@@ -504,7 +502,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) => {
@@ -612,7 +610,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-WA5N3CBJ.mjs"), {
+var LinkNodeButton = dynamic6(() => import("./LinkNodeButton-XA7Z5IDR.mjs"), {
   ssr: false
 });
 function getNestedValue2(obj, path) {
@@ -1047,7 +1045,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" })
@@ -1189,7 +1187,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) => {
@@ -1407,7 +1405,7 @@ import dynamic10 from "next/dynamic";
 // 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":
@@ -2222,8 +2220,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-OQT7Q2XO.mjs"), { ssr: true });
-var Slider = dynamic10(() => import("./Slider-554BKC7N.mjs"), {
+var Pagination = dynamic10(() => import("./Pagination-4K7GMWUE.mjs"), { ssr: true });
+var Slider = dynamic10(() => import("./Slider-PEIVH6A5.mjs"), {
+  ssr: false
+});
+var EnterAnimationClient = dynamic10(() => import("./EnterAnimationClient-RS3NQNR4.mjs"), {
   ssr: false
 });
 function toCamelCase(str) {
@@ -2634,7 +2635,7 @@ var DivContainer = async (props) => {
         dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS }
       }
     ),
-    /* @__PURE__ */ jsx34(React22.Fragment, { children: /* @__PURE__ */ jsx34(
+    /* @__PURE__ */ jsx34(EnterAnimationClient, { hasEnterAnimation: !!props.node.enterAnimation, children: /* @__PURE__ */ jsx34(React22.Fragment, { children: /* @__PURE__ */ jsx34(
       Wrapper,
       {
         id: guid,
@@ -2651,7 +2652,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,
       {
@@ -2746,50 +2747,41 @@ var PageBodyRenderer = (props) => {
 var PageBodyRenderer_default = PageBodyRenderer;
 
 // src/components/Toast.tsx
-import { useState } from "react";
+import { useCallback, useEffect, 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);
   const [message, setMessage] = useState("");
   const [messageType, setMessageType] = useState("error");
-  ToastService_default.showError = function(message2) {
-    setShowToast(true);
-    setMessage(message2);
-    setMessageType("error");
-    setTimeout(() => {
-      setShowToast(false);
-    }, 4e3);
-  };
-  ToastService_default.showSuccess = function(message2) {
-    setShowToast(true);
-    setMessage(message2);
-    setMessageType("success");
-    setTimeout(() => {
-      setShowToast(false);
-    }, 4e3);
-  };
-  ToastService_default.showWarning = function(message2) {
-    setShowToast(true);
-    setMessage(message2);
-    setMessageType("warning");
-    setTimeout(() => {
-      setShowToast(false);
-    }, 4e3);
-  };
-  ToastService_default.showInfo = function(message2) {
+  const timeoutRef = useRef(null);
+  const closeToast = useCallback(() => {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+      timeoutRef.current = null;
+    }
+    setShowToast(false);
+  }, []);
+  const showMessage = useCallback((message2, messageType2) => {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+    }
     setShowToast(true);
     setMessage(message2);
-    setMessageType("info");
-    setTimeout(() => {
+    setMessageType(messageType2);
+    timeoutRef.current = setTimeout(() => {
       setShowToast(false);
+      timeoutRef.current = null;
     }, 4e3);
-  };
-  ToastService_default.close = function() {
-    setShowToast(false);
-  };
-  const closeToast = () => {
-    setShowToast(false);
-  };
+  }, []);
+  useEffect(() => {
+    ToastService_default.initialize(showMessage, closeToast);
+    return () => {
+      closeToast();
+      ToastService_default.initialize(() => {
+      }, () => {
+      });
+    };
+  }, [closeToast, showMessage]);
   return /* @__PURE__ */ jsx36(Fragment7, { children: showToast && /* @__PURE__ */ jsx36("div", { className: "fixed top-2 flex justify-center w-1/2 max-w-xl left-1/2 -translate-x-1/2", style: { zIndex: 1e3 }, children: /* @__PURE__ */ jsxs14("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
     /* @__PURE__ */ jsx36(
       "span",
@@ -2856,7 +2848,7 @@ var NavigationTabsV2 = ({ tabs, params = {} }) => {
 var NavigationTabsV2_default = NavigationTabsV2;
 
 // src/components/dataForm/DataList.tsx
-import React27, { useEffect, useState as useState2, useCallback, useReducer } from "react";
+import React27, { useEffect as useEffect2, useState as useState2, useCallback as useCallback2, useReducer } from "react";
 import { useRouter } from "next/navigation";
 
 // src/components/dataForm/NoContentView.tsx
@@ -2964,7 +2956,7 @@ var DataList = (props) => {
   console.log(props.addLinkText);
   const [isDataFound, setIsDataFound] = useState2(null);
   const [searchTerm, setSearchTerm] = useState2(props.query?.searchTerm ?? "");
-  useEffect(() => {
+  useEffect2(() => {
     if (props?.dataset) {
       if (props?.dataset.result && props.dataset.result.length > 0) {
         setIsDataFound(true);
@@ -2973,7 +2965,7 @@ var DataList = (props) => {
       }
     }
   }, [props.dataset]);
-  useEffect(() => {
+  useEffect2(() => {
     if (!props.query?.["$filter"] || !props.filters) return;
     const filterQuery = props.query["$filter"];
     props.filters.forEach((filter) => {
@@ -3005,7 +2997,7 @@ var DataList = (props) => {
   const getSearchableColumns = () => {
     return props.columns?.filter((c) => c.isSearchable)?.map((c) => c.name)?.join(",");
   };
-  const handleFilterChange = useCallback(
+  const handleFilterChange = useCallback2(
     (updatedValues) => {
       dispatch({
         type: FORM_INPUT_UPDATE,
@@ -3036,7 +3028,7 @@ var DataList = (props) => {
     },
     [dispatch, props, router]
   );
-  useEffect(() => {
+  useEffect2(() => {
     if (!props.columns.some((col) => col.isSearchable)) {
       return;
     }
@@ -3483,7 +3475,7 @@ var DataList = (props) => {
 var DataList_default = DataList;
 
 // src/components/dataForm/DataListRenderer.tsx
-import React28, { useState as useState3, useEffect as useEffect2 } from "react";
+import React28, { useState as useState3, useEffect as useEffect3 } from "react";
 import { usePathname as usePathname2 } from "next/navigation";
 import { jsx as jsx41, jsxs as jsxs17 } from "react/jsx-runtime";
 var viewControlMap = {
@@ -3547,7 +3539,7 @@ var DataListRenderer = ({
   const [addLinkText, setAddLinkText] = useState3("");
   const [serviceRoute, setServiceRoute] = useState3("");
   const pathname = usePathname2();
-  useEffect2(() => {
+  useEffect3(() => {
     if (!formDefinition) return;
     setColumns(mapApiToColumns(formDefinition));
     setFilters(mapApiToFilters(formDefinition));
@@ -3560,7 +3552,7 @@ var DataListRenderer = ({
     setAddLinkHref(resolvedAddLinkHref);
     setAddLinkText(formDefinition?.siteFormDataList?.addLinkText ?? "");
   }, [formDefinition, params]);
-  useEffect2(() => {
+  useEffect3(() => {
     const fetchData = async () => {
       if (!serviceRoute) return;
       const resolvedRoute = resolveRoutePlaceholders2(serviceRoute, params);
@@ -3607,10 +3599,10 @@ var DataListRenderer = ({
 var DataListRenderer_default = DataListRenderer;
 
 // src/components/dataForm/DataForm.tsx
-import React30, { useCallback as useCallback3, useEffect as useEffect3, useReducer as useReducer2, useRef } from "react";
+import React30, { useCallback as useCallback4, useEffect as useEffect4, useReducer as useReducer2, useRef as useRef2 } from "react";
 
 // src/components/dataForm/DataFormChildSection.tsx
-import React29, { useCallback as useCallback2 } from "react";
+import React29, { useCallback as useCallback3 } from "react";
 
 // src/components/dataForm/StyleTypes.tsx
 var StyleTypes2 = /* @__PURE__ */ ((StyleTypes3) => {
@@ -3645,7 +3637,7 @@ var DataFormChildSection = (props) => {
     return childItems.map((item, originalIndex) => ({ item, originalIndex })).filter((x) => !x.item.isDeleted) || [];
   };
   const childItemsToRender = getChildItemsForRendering();
-  const handleChildInputChange = useCallback2(
+  const handleChildInputChange = useCallback3(
     (updatedValues) => {
       if (isOneToOne) {
         props.callback({
@@ -3672,7 +3664,7 @@ var DataFormChildSection = (props) => {
     },
     [props, isOneToOne, childItemsToRender]
   );
-  const onAddRow = useCallback2(() => {
+  const onAddRow = useCallback3(() => {
     props.callback({
       sectionName: props.section.name,
       actionType: FORM_CHILD_ROW_ADD,
@@ -3681,7 +3673,7 @@ var DataFormChildSection = (props) => {
       rowIndex: -1
     });
   }, [props]);
-  const onDeleteRow = useCallback2(
+  const onDeleteRow = useCallback3(
     (filteredIndex) => {
       const visibleItem = childItemsToRender[filteredIndex];
       if (visibleItem) {
@@ -3794,7 +3786,7 @@ var DataFormChildSection_default = DataFormChildSection;
 // src/components/dataForm/DataForm.tsx
 import { jsx as jsx43, jsxs as jsxs19 } from "react/jsx-runtime";
 var DataForm = (props) => {
-  const formRef = useRef(null);
+  const formRef = useRef2(null);
   console.log(props.dataItem, "dssads");
   const initialState = {
     inputValues: {},
@@ -3805,7 +3797,7 @@ var DataForm = (props) => {
   };
   const [formState, dispatch] = useReducer2(FormReducer_default, initialState);
   console.log(props.sections, "sections");
-  const clearHiddenChildSections = useCallback3(
+  const clearHiddenChildSections = useCallback4(
     (changedProperty, newValues) => {
       if (!props.sections) return;
       const allChildSections = [];
@@ -3843,7 +3835,7 @@ var DataForm = (props) => {
     },
     [props.sections, formState.inputValues]
   );
-  const handleInputChange = useCallback3(
+  const handleInputChange = useCallback4(
     async (updatedValues) => {
       dispatch({
         type: FORM_INPUT_UPDATE,
@@ -3858,7 +3850,7 @@ var DataForm = (props) => {
     },
     [dispatch, formState.inputValues, clearHiddenChildSections]
   );
-  const fetchData = useCallback3(async () => {
+  const fetchData = useCallback4(async () => {
     if (!props.rules) return;
     if (Object.keys(formState.inputValues).length === 0) {
       return;
@@ -3889,7 +3881,7 @@ var DataForm = (props) => {
       console.error("Error fetching data:", error);
     }
   }, [formState.lastPropertyChanged, formState.inputValues]);
-  useEffect3(() => {
+  useEffect4(() => {
     fetchData();
   }, [formState.inputValues, formState.lastPropertyChanged]);
   function replacePlaceholders(template, context, params) {
@@ -3909,7 +3901,7 @@ var DataForm = (props) => {
       }
     );
   }
-  const handleChildSectionChangeCallback = useCallback3(
+  const handleChildSectionChangeCallback = useCallback4(
     (params) => {
       dispatch({
         type: params.actionType,
@@ -3954,7 +3946,7 @@ var DataForm = (props) => {
     });
     return cloned;
   }
-  const onClick = useCallback3(async () => {
+  const onClick = useCallback4(async () => {
     if (props.onClick) {
       const isEdit = props.dataItem && Object.keys(props.dataItem).length > 0;
       const normalizedValues = normalizeChildSections(
@@ -3970,21 +3962,21 @@ var DataForm = (props) => {
       return { isSuccessful: true };
     }
   }, [formState, props]);
-  const handleAdditionalOnClick = useCallback3(async () => {
+  const handleAdditionalOnClick = useCallback4(async () => {
     if (props.additionalActions?.onClick) {
       return await props.additionalActions.onClick(formState);
     } else {
       return { isSuccessful: true, message: "Action completed successfully" };
     }
   }, [formState, props]);
-  const onDelete = useCallback3(async () => {
+  const onDelete = useCallback4(async () => {
     if (props.onDelete) {
       return await props.onDelete(formState);
     } else {
       return { isSuccessful: true };
     }
   }, [formState, props]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (props.dataItem) {
       dispatch({
         type: FORM_INITIAL_UPDATE,

package/dist/server.js

@@ -691,38 +691,52 @@ var init_Hyperlink = __esm({
 });
 
 // src/components/ToastService.tsx
-var ToastService, ToastService_default;
+var toastHandlersKey, getToastHandlers, ToastService, ToastService_default;
 var init_ToastService = __esm({
   "src/components/ToastService.tsx"() {
     "use strict";
-    ToastService = class _ToastService {
+    toastHandlersKey = "__digitalStoreToastHandlers";
+    getToastHandlers = () => {
+      const globalScope = globalThis;
+      if (!globalScope[toastHandlersKey]) {
+        globalScope[toastHandlersKey] = {};
+      }
+      return globalScope[toastHandlersKey];
+    };
+    ToastService = class {
       static initialize(showToast, closeToast) {
-        _ToastService.showToast = showToast;
-        _ToastService.closeToast = closeToast;
+        const handlers = getToastHandlers();
+        handlers.showToast = showToast;
+        handlers.closeToast = closeToast;
       }
       static showError(message) {
-        if (_ToastService.showToast) {
-          _ToastService.showToast(message, "error");
+        const handlers = getToastHandlers();
+        if (handlers.showToast) {
+          handlers.showToast(message, "error");
         }
       }
       static showInfo(message) {
-        if (_ToastService.showToast) {
-          _ToastService.showToast(message, "info");
+        const handlers = getToastHandlers();
+        if (handlers.showToast) {
+          handlers.showToast(message, "info");
         }
       }
       static showWarning(message) {
-        if (_ToastService.showToast) {
-          _ToastService.showToast(message, "warning");
+        const handlers = getToastHandlers();
+        if (handlers.showToast) {
+          handlers.showToast(message, "warning");
         }
       }
       static showSuccess(message) {
-        if (_ToastService.showToast) {
-          _ToastService.showToast(message, "success");
+        const handlers = getToastHandlers();
+        if (handlers.showToast) {
+          handlers.showToast(message, "success");
         }
       }
       static close() {
-        if (_ToastService.closeToast) {
-          _ToastService.closeToast();
+        const handlers = getToastHandlers();
+        if (handlers.closeToast) {
+          handlers.closeToast();
         }
       }
     };
@@ -1191,10 +1205,9 @@ var init_LinkNodeButton = __esm({
         }
         return current;
       }, []);
-      const onClick = (0, import_react5.useCallback)(async (e) => {
+      const onClick = (0, import_react5.useCallback)(async () => {
         if (!node.postUrl) {
-          ToastService_default.showError("No POST URL configured for this button");
-          return;
+          return { isSuccessful: false, message: "No POST URL configured for this button" };
         }
         setIsLoading(true);
         try {

package/dist/server.mjs

@@ -305,7 +305,7 @@ var ImageNode_default = ImageNode;
 // src/components/pageRenderingEngine/nodes/LinkNode.tsx
 import dynamic3 from "next/dynamic";
 import { Fragment, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
-var LinkNodeButton = dynamic3(() => import("./LinkNodeButton-GVOICN34.mjs"), {
+var LinkNodeButton = dynamic3(() => import("./LinkNodeButton-U7T2NP22.mjs"), {
   ssr: false
 });
 function getNestedValue2(obj, path) {

package/package.json

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