@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260423051720 → 0.8.1-dev.20260423070204

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

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

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

@@ -20,6 +20,7 @@ var HlsPlayer = React.memo(
     const [isHovered, setIsHovered] = useState(false);
     const [isMobile, setIsMobile] = useState(false);
     const [isControlsVisible, setIsControlsVisible] = useState(true);
+    const [isPosterVisible, setIsPosterVisible] = useState(true);
     const wasManuallyPausedRef = useRef(false);
     const inactivityTimerRef = useRef(null);
     const INACTIVITY_DELAY = 2500;
@@ -37,6 +38,20 @@ var HlsPlayer = React.memo(
       window.addEventListener("resize", checkMobile);
       return () => window.removeEventListener("resize", checkMobile);
     }, []);
+    useEffect(() => {
+      const v = videoRef.current;
+      if (!v) return;
+      const onPlaying = () => setIsPosterVisible(false);
+      const onPause = () => {
+        if (v.currentTime === 0) setIsPosterVisible(true);
+      };
+      v.addEventListener("playing", onPlaying);
+      v.addEventListener("pause", onPause);
+      return () => {
+        v.removeEventListener("playing", onPlaying);
+        v.removeEventListener("pause", onPause);
+      };
+    }, []);
     const resetInactivityTimer = useCallback(() => {
       setIsControlsVisible(true);
       if (inactivityTimerRef.current) clearTimeout(inactivityTimerRef.current);
@@ -127,6 +142,7 @@ var HlsPlayer = React.memo(
     }, [isMobile, resetInactivityTimer]);
     const posterSources = resolvedSources.filter((s) => s.media && s.posterUrl);
     const fallbackPoster = posterUrl ?? resolvedSources.find((s) => !s.media)?.posterUrl ?? resolvedSources[0]?.posterUrl;
+    const isPlayOnHover = playOptions === "playOnHover";
     if (resolvedSources.length === 0) return null;
     return /* @__PURE__ */ jsxs(
       "div",
@@ -143,7 +159,7 @@ var HlsPlayer = React.memo(
               className: "w-full h-full object-contain",
               poster: fallbackPoster,
               controls: showControls && (isMobile || isPlaying),
-              muted: playOptions === "autoplay" || playOptions === "playOnHover",
+              muted: playOptions === "autoplay" || isPlayOnHover,
               autoPlay: playOptions === "autoplay",
               loop,
               playsInline: true,
@@ -159,10 +175,14 @@ var HlsPlayer = React.memo(
               ))
             }
           ),
-          !isMobile && playOptions === "playOnHover" && fallbackPoster && /* @__PURE__ */ jsxs(
+          !isMobile && fallbackPoster && /* @__PURE__ */ jsxs(
             "picture",
             {
-              className: `absolute inset-0 transition-opacity ${isHovered ? "opacity-0" : "opacity-100"}`,
+              className: "absolute inset-0 pointer-events-none",
+              style: {
+                opacity: isPosterVisible && (!isPlayOnHover || !isHovered) ? 1 : 0,
+                transition: "opacity 0.4s ease"
+              },
               children: [
                 posterSources.map(({ media, posterUrl: src }, i) => /* @__PURE__ */ jsx("source", { media, srcSet: src }, i)),
                 /* @__PURE__ */ jsx(
@@ -178,7 +198,7 @@ var HlsPlayer = React.memo(
               ]
             }
           ),
-          !isMobile && /* @__PURE__ */ jsx(
+          !isMobile && !isPlayOnHover && /* @__PURE__ */ jsx(
             "div",
             {
               className: "absolute inset-0 flex items-center justify-center pointer-events-none",

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 };