@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260423042903 → 0.8.1-dev.20260423063335

package/dist/{HlsPlayer-IBPSMECZ.mjs → HlsPlayer-CTZICLSJ.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   HlsPlayer_default
-} from "./chunk-BV2VX3HP.mjs";
+} from "./chunk-VNSFFK3H.mjs";
 export {
   HlsPlayer_default as default
 };

package/dist/{chunk-BV2VX3HP.mjs → chunk-VNSFFK3H.mjs}

@@ -19,7 +19,10 @@ var HlsPlayer = React.memo(
     const [isPlaying, setIsPlaying] = useState(playOptions === "autoplay");
     const [isHovered, setIsHovered] = useState(false);
     const [isMobile, setIsMobile] = useState(false);
+    const [isControlsVisible, setIsControlsVisible] = useState(true);
     const wasManuallyPausedRef = useRef(false);
+    const inactivityTimerRef = useRef(null);
+    const INACTIVITY_DELAY = 2500;
     const resolvedSources = sources && sources.length > 0 ? sources : assetUrl ? [{ src: assetUrl, posterUrl }] : [];
     useEffect(() => {
       const checkMobile = () => {
@@ -34,6 +37,27 @@ var HlsPlayer = React.memo(
       window.addEventListener("resize", checkMobile);
       return () => window.removeEventListener("resize", checkMobile);
     }, []);
+    const resetInactivityTimer = useCallback(() => {
+      setIsControlsVisible(true);
+      if (inactivityTimerRef.current) clearTimeout(inactivityTimerRef.current);
+      if (isPlaying) {
+        inactivityTimerRef.current = setTimeout(
+          () => setIsControlsVisible(false),
+          INACTIVITY_DELAY
+        );
+      }
+    }, [isPlaying]);
+    useEffect(() => {
+      if (!isPlaying) {
+        if (inactivityTimerRef.current) clearTimeout(inactivityTimerRef.current);
+        setIsControlsVisible(true);
+      }
+    }, [isPlaying]);
+    useEffect(() => {
+      return () => {
+        if (inactivityTimerRef.current) clearTimeout(inactivityTimerRef.current);
+      };
+    }, []);
     useEffect(() => {
       const v = videoRef.current;
       if (!v || resolvedSources.length === 0) return;
@@ -81,19 +105,26 @@ var HlsPlayer = React.memo(
     const handleMouseEnter = useCallback(() => {
       if (isMobile) return;
       setIsHovered(true);
+      resetInactivityTimer();
       if (playOptions === "playOnHover" && videoRef.current && !wasManuallyPausedRef.current) {
         videoRef.current.play().then(() => setIsPlaying(true));
       }
-    }, [playOptions, isMobile]);
+    }, [playOptions, isMobile, resetInactivityTimer]);
     const handleMouseLeave = useCallback(() => {
       if (isMobile) return;
       setIsHovered(false);
+      if (inactivityTimerRef.current) clearTimeout(inactivityTimerRef.current);
+      if (isPlaying) setIsControlsVisible(false);
       if (playOptions === "playOnHover" && videoRef.current) {
         videoRef.current.pause();
         videoRef.current.currentTime = 0;
         setIsPlaying(false);
       }
-    }, [playOptions, isMobile]);
+    }, [playOptions, isMobile, isPlaying]);
+    const handleMouseMove = useCallback(() => {
+      if (isMobile) return;
+      resetInactivityTimer();
+    }, [isMobile, resetInactivityTimer]);
     const posterSources = resolvedSources.filter((s) => s.media && s.posterUrl);
     const fallbackPoster = posterUrl ?? resolvedSources.find((s) => !s.media)?.posterUrl ?? resolvedSources[0]?.posterUrl;
     if (resolvedSources.length === 0) return null;
@@ -103,6 +134,7 @@ var HlsPlayer = React.memo(
         className: "relative w-full aspect-video bg-black",
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
+        onMouseMove: handleMouseMove,
         children: [
           /* @__PURE__ */ jsx(
             "video",
@@ -151,8 +183,8 @@ var HlsPlayer = React.memo(
             {
               className: "absolute inset-0 flex items-center justify-center pointer-events-none",
               style: {
-                opacity: !isPlaying || isHovered ? 1 : 0,
-                transition: "opacity 0.25s ease"
+                opacity: isControlsVisible ? 1 : 0,
+                transition: "opacity 0.3s ease"
               },
               children: /* @__PURE__ */ jsx(
                 "button",
@@ -164,7 +196,7 @@ var HlsPlayer = React.memo(
                     handlePlayPause();
                   },
                   style: {
-                    pointerEvents: "auto",
+                    pointerEvents: isControlsVisible ? "auto" : "none",
                     width: 64,
                     height: 64,
                     borderRadius: "50%",
@@ -199,7 +231,7 @@ var HlsPlayer = React.memo(
                     ] })
                   ) : (
                     /* Play — solid triangle, nudged right for optical balance */
-                    /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { transform: "translateX(2px)" }, children: /* @__PURE__ */ jsx("path", { d: "M5 3.5L17 10L5 16.5V3.5Z", fill: "white" }) })
+                    /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M5 3.5L17 10L5 16.5V3.5Z", fill: "white" }) })
                   )
                 }
               )

package/dist/index.d.mts

@@ -16,6 +16,7 @@ declare const ViewControlTypes: {
     lineText: string;
     asset: string;
     multilineTextBullets: string;
+    boolean: string;
     money: string;
     date: string;
     time: string;
@@ -183,6 +184,116 @@ interface FilterColumn {
 }
 declare const DataList: React.FC<DataListConfiguration<any>>;
 
+interface SiteFormData {
+    siteFormId: number;
+    siteId: number;
+    appId: number;
+    formTitle?: string;
+    siteFormTypeId: number;
+    siteFormType: SiteFormTypeData;
+    siteFormDataList: SiteFormDataListData;
+    siteFormDataForm: SiteFormDataFormData;
+}
+interface SiteFormTypeData {
+    siteFormTypeId: number;
+    siteFormTypeCode?: string;
+    siteFormTypeTitle?: string;
+    siteFormTypeThumbnail?: string;
+    siteFormTypeIcon?: string;
+}
+interface SiteFormDataListData {
+    siteFormDataListId: number;
+    siteFormId: number;
+    serviceRoute?: string;
+    addLinkHref?: string;
+    addLinkText?: string;
+    siteFormDataListColumns?: SiteFormDataListColumnData[];
+    siteFormDataListFilters?: SiteFormDataListFilterData[];
+}
+interface SiteFormDataListFilterData {
+    siteFormDataListFilterId: number;
+    siteFormDataListId: number;
+    placeholder?: string;
+    columnName?: string;
+    serviceRoute?: string;
+    dataTextFieldName?: string;
+    dataKeyFieldName?: string;
+    isKeyNumber: boolean;
+}
+interface SiteFormDataFormActionData {
+    siteFormDataFormActionId: number;
+    siteFormDataFormId: number;
+    actionCode?: string;
+    actionTitle?: string;
+    serviceRoute?: string;
+    httpMethod?: string;
+    returnRoute?: string;
+}
+interface SiteFormDataFormData {
+    entityIdParamName?: string;
+    actions?: SiteFormDataFormActionData[];
+    sections?: SiteFormDataFormSectionData[];
+}
+interface SiteFormDataFormSectionData {
+    siteFormDataFormSectionId: number;
+    siteFormDataFormId: number;
+    sectionTitle?: string;
+    sectionName?: string;
+    parentSectionName?: string;
+    isChildSection: boolean;
+    sectionRows?: SiteFormDataFormSectionRowData[];
+}
+interface SiteFormDataListColumnData {
+    siteFormDataListColumnId: number;
+    siteFormDataListId: number;
+    columnName?: string;
+    label?: string;
+    controlTypeCode?: string;
+    enableSorting: boolean;
+    format?: string;
+    showAsLink: boolean;
+    linkUrlSegment?: string;
+    emptyValueLabel?: string;
+}
+interface SiteFormDataFormSectionRowData {
+    siteFormDataFormRowId: number;
+    siteFormDataFormSectionId: number;
+    grow?: boolean;
+    elements?: SiteFormDataFormSectionRowElementData[];
+}
+interface SiteFormDataFormSectionRowElementData {
+    siteFormDataFormRowElementId: number;
+    siteFormDataFormRowId: number;
+    name?: string;
+    label?: string;
+    controlTypeCode?: string;
+    required?: boolean;
+    readOnly?: boolean;
+    errorMessage?: string;
+    dataSource?: string;
+    dataTextFieldName?: string;
+    dataKeyFieldName?: string;
+    maxLength?: number;
+    minLength?: number;
+    maxValue?: number;
+    minValue?: number;
+    placeholder?: string;
+    hintText?: string;
+    helpText?: string;
+    autoFocus?: boolean;
+}
+
+interface DataListRendererProps {
+    formDefinition: SiteFormData;
+    apiBaseUrl: string;
+    session: any;
+    params: Record<string, any>;
+    query: Record<string, any>;
+    path: string;
+    widgetProps?: any;
+}
+declare const DataListRenderer: ({ formDefinition, apiBaseUrl, session, params, query, path, widgetProps, }: DataListRendererProps) => react_jsx_runtime.JSX.Element;
+
 interface Session {
     cid: string;
     contactId?: number;
@@ -255,4 +366,4 @@ declare const EmailInput: React.FC<InputControlProps>;
 
 declare const TimeInput: React.FC<InputControlProps>;
 
-export { type ActionResponse, BooleanSelect, CheckboxInput, ColorInput, DataList, DateTimeInput, EmailInput, InputControl, type InputControlProps, InputControlType, LineTextInput, MoneyInput, MultilineTextInput, NumberInput, OtpInput, PageBodyRenderer, PercentageInput, PhoneInput, TimeInput, Toast, ToastService, ViewControl, type ViewControlProps, ViewControlTypes };
+export { type ActionResponse, BooleanSelect, CheckboxInput, ColorInput, DataList, DataListRenderer, DateTimeInput, EmailInput, InputControl, type InputControlProps, InputControlType, LineTextInput, MoneyInput, MultilineTextInput, NumberInput, OtpInput, PageBodyRenderer, PercentageInput, PhoneInput, TimeInput, Toast, ToastService, ViewControl, type ViewControlProps, ViewControlTypes };

package/dist/index.d.ts

@@ -16,6 +16,7 @@ declare const ViewControlTypes: {
     lineText: string;
     asset: string;
     multilineTextBullets: string;
+    boolean: string;
     money: string;
     date: string;
     time: string;
@@ -183,6 +184,116 @@ interface FilterColumn {
 }
 declare const DataList: React.FC<DataListConfiguration<any>>;
 
+interface SiteFormData {
+    siteFormId: number;
+    siteId: number;
+    appId: number;
+    formTitle?: string;
+    siteFormTypeId: number;
+    siteFormType: SiteFormTypeData;
+    siteFormDataList: SiteFormDataListData;
+    siteFormDataForm: SiteFormDataFormData;
+}
+interface SiteFormTypeData {
+    siteFormTypeId: number;
+    siteFormTypeCode?: string;
+    siteFormTypeTitle?: string;
+    siteFormTypeThumbnail?: string;
+    siteFormTypeIcon?: string;
+}
+interface SiteFormDataListData {
+    siteFormDataListId: number;
+    siteFormId: number;
+    serviceRoute?: string;
+    addLinkHref?: string;
+    addLinkText?: string;
+    siteFormDataListColumns?: SiteFormDataListColumnData[];
+    siteFormDataListFilters?: SiteFormDataListFilterData[];
+}
+interface SiteFormDataListFilterData {
+    siteFormDataListFilterId: number;
+    siteFormDataListId: number;
+    placeholder?: string;
+    columnName?: string;
+    serviceRoute?: string;
+    dataTextFieldName?: string;
+    dataKeyFieldName?: string;
+    isKeyNumber: boolean;
+}
+interface SiteFormDataFormActionData {
+    siteFormDataFormActionId: number;
+    siteFormDataFormId: number;
+    actionCode?: string;
+    actionTitle?: string;
+    serviceRoute?: string;
+    httpMethod?: string;
+    returnRoute?: string;
+}
+interface SiteFormDataFormData {
+    entityIdParamName?: string;
+    actions?: SiteFormDataFormActionData[];
+    sections?: SiteFormDataFormSectionData[];
+}
+interface SiteFormDataFormSectionData {
+    siteFormDataFormSectionId: number;
+    siteFormDataFormId: number;
+    sectionTitle?: string;
+    sectionName?: string;
+    parentSectionName?: string;
+    isChildSection: boolean;
+    sectionRows?: SiteFormDataFormSectionRowData[];
+}
+interface SiteFormDataListColumnData {
+    siteFormDataListColumnId: number;
+    siteFormDataListId: number;
+    columnName?: string;
+    label?: string;
+    controlTypeCode?: string;
+    enableSorting: boolean;
+    format?: string;
+    showAsLink: boolean;
+    linkUrlSegment?: string;
+    emptyValueLabel?: string;
+}
+interface SiteFormDataFormSectionRowData {
+    siteFormDataFormRowId: number;
+    siteFormDataFormSectionId: number;
+    grow?: boolean;
+    elements?: SiteFormDataFormSectionRowElementData[];
+}
+interface SiteFormDataFormSectionRowElementData {
+    siteFormDataFormRowElementId: number;
+    siteFormDataFormRowId: number;
+    name?: string;
+    label?: string;
+    controlTypeCode?: string;
+    required?: boolean;
+    readOnly?: boolean;
+    errorMessage?: string;
+    dataSource?: string;
+    dataTextFieldName?: string;
+    dataKeyFieldName?: string;
+    maxLength?: number;
+    minLength?: number;
+    maxValue?: number;
+    minValue?: number;
+    placeholder?: string;
+    hintText?: string;
+    helpText?: string;
+    autoFocus?: boolean;
+}
+
+interface DataListRendererProps {
+    formDefinition: SiteFormData;
+    apiBaseUrl: string;
+    session: any;
+    params: Record<string, any>;
+    query: Record<string, any>;
+    path: string;
+    widgetProps?: any;
+}
+declare const DataListRenderer: ({ formDefinition, apiBaseUrl, session, params, query, path, widgetProps, }: DataListRendererProps) => react_jsx_runtime.JSX.Element;
+
 interface Session {
     cid: string;
     contactId?: number;
@@ -255,4 +366,4 @@ declare const EmailInput: React.FC<InputControlProps>;
 
 declare const TimeInput: React.FC<InputControlProps>;
 
-export { type ActionResponse, BooleanSelect, CheckboxInput, ColorInput, DataList, DateTimeInput, EmailInput, InputControl, type InputControlProps, InputControlType, LineTextInput, MoneyInput, MultilineTextInput, NumberInput, OtpInput, PageBodyRenderer, PercentageInput, PhoneInput, TimeInput, Toast, ToastService, ViewControl, type ViewControlProps, ViewControlTypes };
+export { type ActionResponse, BooleanSelect, CheckboxInput, ColorInput, DataList, DataListRenderer, DateTimeInput, EmailInput, InputControl, type InputControlProps, InputControlType, LineTextInput, MoneyInput, MultilineTextInput, NumberInput, OtpInput, PageBodyRenderer, PercentageInput, PhoneInput, TimeInput, Toast, ToastService, ViewControl, type ViewControlProps, ViewControlTypes };