@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260519071902 → 0.8.1-dev.20260521120239

package/dist/{HlsPlayer-4VB65GYW.mjs → HlsPlayer-GZR4QXJY.mjs}

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

package/dist/{chunk-JGRYFWF6.mjs → chunk-72PHGKW4.mjs}

@@ -53,6 +53,7 @@ var HlsPlayer = React.memo(
     const wasManuallyPausedRef = useRef(false);
     const inactivityTimerRef = useRef(null);
     const clickTimerRef = useRef(null);
+    const hlsInitializedRef = useRef(false);
     const INACTIVITY_DELAY = 2500;
     const CLICK_DEBOUNCE = 220;
     const resolvedSources = sources && sources.length > 0 ? sources : assetUrl ? [{ src: assetUrl, posterUrl }] : [];
@@ -110,7 +111,7 @@ var HlsPlayer = React.memo(
         if (clickTimerRef.current) clearTimeout(clickTimerRef.current);
       };
     }, []);
-    useEffect(() => {
+    const initHls = useCallback((autoPlayAfterLoad) => {
       const v = videoRef.current;
       if (!v || resolvedSources.length === 0) return;
       if (hlsRef.current) {
@@ -119,25 +120,39 @@ var HlsPlayer = React.memo(
       }
       const chosenSrc = pickSource(resolvedSources);
       if (!chosenSrc) return;
+      hlsInitializedRef.current = true;
       if (Hls.isSupported()) {
         const hls = new Hls();
         hls.loadSource(chosenSrc);
         hls.attachMedia(v);
         hls.on(Hls.Events.MANIFEST_PARSED, () => {
-          if (isPlaying && !wasManuallyPausedRef.current) {
-            v.play().catch(console.error);
+          if (autoPlayAfterLoad && !wasManuallyPausedRef.current) {
+            v.play().catch(console.error).then(() => setIsPlaying(true));
           }
         });
         hlsRef.current = hls;
-        return () => {
-          hls.destroy();
-          hlsRef.current = null;
-        };
       } else if (v.canPlayType("application/vnd.apple.mpegurl")) {
         v.src = chosenSrc;
         v.load();
+        if (autoPlayAfterLoad) {
+          v.play().catch(console.error).then(() => setIsPlaying(true));
+        }
       }
     }, [JSON.stringify(resolvedSources)]);
+    useEffect(() => {
+      if (isPlayOnHover) return;
+      initHls(
+        /* autoPlayAfterLoad */
+        playOptions === "autoplay"
+      );
+      return () => {
+        if (hlsRef.current) {
+          hlsRef.current.destroy();
+          hlsRef.current = null;
+        }
+        hlsInitializedRef.current = false;
+      };
+    }, [JSON.stringify(resolvedSources), isPlayOnHover]);
     const handlePlayPause = useCallback(() => {
       const v = videoRef.current;
       if (!v) return;
@@ -182,10 +197,17 @@ var HlsPlayer = React.memo(
       if (isMobile) return;
       setIsHovered(true);
       resetInactivityTimer();
-      if (isPlayOnHover && videoRef.current && !wasManuallyPausedRef.current) {
-        videoRef.current.play().then(() => setIsPlaying(true));
+      if (isPlayOnHover && !wasManuallyPausedRef.current) {
+        if (!hlsInitializedRef.current) {
+          initHls(
+            /* autoPlayAfterLoad */
+            true
+          );
+        } else if (videoRef.current) {
+          videoRef.current.play().then(() => setIsPlaying(true)).catch(console.error);
+        }
       }
-    }, [isPlayOnHover, isMobile, resetInactivityTimer]);
+    }, [isPlayOnHover, isMobile, resetInactivityTimer, initHls]);
     const handleMouseLeave = useCallback(() => {
       if (isMobile) return;
       setIsHovered(false);
@@ -247,9 +269,10 @@ var HlsPlayer = React.memo(
               autoPlay: playOptions === "autoplay",
               loop,
               playsInline: true,
+              preload: isPlayOnHover ? "none" : "auto",
               onClick: handleVideoClick,
               onDoubleClick: handleVideoDoubleClick,
-              children: resolvedSources.map(({ src, media }, i) => /* @__PURE__ */ jsx(
+              children: !isPlayOnHover && resolvedSources.map(({ src, media }, i) => /* @__PURE__ */ jsx(
                 "source",
                 {
                   src,

package/dist/index.d.mts

@@ -5,9 +5,11 @@ interface ViewControlProps {
     value?: any;
     controlType?: string;
     format?: string;
+    unit?: string;
     width?: string;
     apiBaseUrl?: string;
     customProps?: Record<string, unknown>;
+    session?: any;
 }
 
 declare const ViewControl: React.FC<ViewControlProps>;

package/dist/index.d.ts

@@ -5,9 +5,11 @@ interface ViewControlProps {
     value?: any;
     controlType?: string;
     format?: string;
+    unit?: string;
     width?: string;
     apiBaseUrl?: string;
     customProps?: Record<string, unknown>;
+    session?: any;
 }
 
 declare const ViewControl: React.FC<ViewControlProps>;

package/dist/index.js

@@ -478,6 +478,7 @@ var init_HlsPlayer = __esm({
         const wasManuallyPausedRef = (0, import_react32.useRef)(false);
         const inactivityTimerRef = (0, import_react32.useRef)(null);
         const clickTimerRef = (0, import_react32.useRef)(null);
+        const hlsInitializedRef = (0, import_react32.useRef)(false);
         const INACTIVITY_DELAY = 2500;
         const CLICK_DEBOUNCE = 220;
         const resolvedSources = sources && sources.length > 0 ? sources : assetUrl ? [{ src: assetUrl, posterUrl }] : [];
@@ -535,7 +536,7 @@ var init_HlsPlayer = __esm({
             if (clickTimerRef.current) clearTimeout(clickTimerRef.current);
           };
         }, []);
-        (0, import_react32.useEffect)(() => {
+        const initHls = (0, import_react32.useCallback)((autoPlayAfterLoad) => {
           const v = videoRef.current;
           if (!v || resolvedSources.length === 0) return;
           if (hlsRef.current) {
@@ -544,25 +545,39 @@ var init_HlsPlayer = __esm({
           }
           const chosenSrc = pickSource(resolvedSources);
           if (!chosenSrc) return;
+          hlsInitializedRef.current = true;
           if (import_hls.default.isSupported()) {
             const hls = new import_hls.default();
             hls.loadSource(chosenSrc);
             hls.attachMedia(v);
             hls.on(import_hls.default.Events.MANIFEST_PARSED, () => {
-              if (isPlaying && !wasManuallyPausedRef.current) {
-                v.play().catch(console.error);
+              if (autoPlayAfterLoad && !wasManuallyPausedRef.current) {
+                v.play().catch(console.error).then(() => setIsPlaying(true));
               }
             });
             hlsRef.current = hls;
-            return () => {
-              hls.destroy();
-              hlsRef.current = null;
-            };
           } else if (v.canPlayType("application/vnd.apple.mpegurl")) {
             v.src = chosenSrc;
             v.load();
+            if (autoPlayAfterLoad) {
+              v.play().catch(console.error).then(() => setIsPlaying(true));
+            }
           }
         }, [JSON.stringify(resolvedSources)]);
+        (0, import_react32.useEffect)(() => {
+          if (isPlayOnHover) return;
+          initHls(
+            /* autoPlayAfterLoad */
+            playOptions === "autoplay"
+          );
+          return () => {
+            if (hlsRef.current) {
+              hlsRef.current.destroy();
+              hlsRef.current = null;
+            }
+            hlsInitializedRef.current = false;
+          };
+        }, [JSON.stringify(resolvedSources), isPlayOnHover]);
         const handlePlayPause = (0, import_react32.useCallback)(() => {
           const v = videoRef.current;
           if (!v) return;
@@ -607,10 +622,17 @@ var init_HlsPlayer = __esm({
           if (isMobile) return;
           setIsHovered(true);
           resetInactivityTimer();
-          if (isPlayOnHover && videoRef.current && !wasManuallyPausedRef.current) {
-            videoRef.current.play().then(() => setIsPlaying(true));
+          if (isPlayOnHover && !wasManuallyPausedRef.current) {
+            if (!hlsInitializedRef.current) {
+              initHls(
+                /* autoPlayAfterLoad */
+                true
+              );
+            } else if (videoRef.current) {
+              videoRef.current.play().then(() => setIsPlaying(true)).catch(console.error);
+            }
           }
-        }, [isPlayOnHover, isMobile, resetInactivityTimer]);
+        }, [isPlayOnHover, isMobile, resetInactivityTimer, initHls]);
         const handleMouseLeave = (0, import_react32.useCallback)(() => {
           if (isMobile) return;
           setIsHovered(false);
@@ -672,9 +694,10 @@ var init_HlsPlayer = __esm({
                   autoPlay: playOptions === "autoplay",
                   loop,
                   playsInline: true,
+                  preload: isPlayOnHover ? "none" : "auto",
                   onClick: handleVideoClick,
                   onDoubleClick: handleVideoDoubleClick,
-                  children: resolvedSources.map(({ src, media }, i) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                  children: !isPlayOnHover && resolvedSources.map(({ src, media }, i) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                     "source",
                     {
                       src,
@@ -1566,11 +1589,31 @@ var LineTextView_default = LineText;
 
 // src/components/controls/view/MoneyView.tsx
 var import_react5 = __toESM(require("react"));
+
+// src/components/utilities/CurrencyUtility.tsx
+var CurrencyUtility = class {
+  static getCurrencySymbol(currencyCode) {
+    switch (currencyCode) {
+      case "USD":
+        return "$";
+      case "INR":
+        return "\u20B9";
+      case "EUR":
+        return "\u20AC";
+      // Add more cases for other currency codes as needed
+      default:
+        return currencyCode;
+    }
+  }
+};
+var CurrencyUtility_default = CurrencyUtility;
+
+// src/components/controls/view/MoneyView.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var Money = (props) => {
   const parsedNumber = parseFloat(props.value);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react5.default.Fragment, { children: !Number.isNaN(parsedNumber) && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: parsedNumber < 0 ? "text-alert" : "", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "mr-0.5", children: "\u20B9" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react5.default.Fragment, { children: !Number.isNaN(parsedNumber) && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react5.default.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "mr-0.5", children: CurrencyUtility_default.getCurrencySymbol(props.unit) }),
     parsedNumber.toLocaleString()
   ] }) });
 };

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import {
   HlsPlayer_default
-} from "./chunk-JGRYFWF6.mjs";
+} from "./chunk-72PHGKW4.mjs";
 import {
   Button_default,
   ClientButton_default,
@@ -103,11 +103,31 @@ var LineTextView_default = LineText;
 
 // src/components/controls/view/MoneyView.tsx
 import React4 from "react";
+
+// src/components/utilities/CurrencyUtility.tsx
+var CurrencyUtility = class {
+  static getCurrencySymbol(currencyCode) {
+    switch (currencyCode) {
+      case "USD":
+        return "$";
+      case "INR":
+        return "\u20B9";
+      case "EUR":
+        return "\u20AC";
+      // Add more cases for other currency codes as needed
+      default:
+        return currencyCode;
+    }
+  }
+};
+var CurrencyUtility_default = CurrencyUtility;
+
+// src/components/controls/view/MoneyView.tsx
 import { jsx as jsx4, jsxs } from "react/jsx-runtime";
 var Money = (props) => {
   const parsedNumber = parseFloat(props.value);
-  return /* @__PURE__ */ jsx4(React4.Fragment, { children: !Number.isNaN(parsedNumber) && /* @__PURE__ */ jsxs("span", { className: parsedNumber < 0 ? "text-alert" : "", children: [
-    /* @__PURE__ */ jsx4("span", { className: "mr-0.5", children: "\u20B9" }),
+  return /* @__PURE__ */ jsx4(React4.Fragment, { children: !Number.isNaN(parsedNumber) && /* @__PURE__ */ jsxs(React4.Fragment, { children: [
+    /* @__PURE__ */ jsx4("span", { className: "mr-0.5", children: CurrencyUtility_default.getCurrencySymbol(props.unit) }),
     parsedNumber.toLocaleString()
   ] }) });
 };
@@ -1969,7 +1989,7 @@ var DeviceAssetSelector_default = DeviceAssetSelector;
 
 // src/components/pageRenderingEngine/nodes/ImageNode.tsx
 import { Fragment as Fragment2, jsx as jsx37 } from "react/jsx-runtime";
-var HlsPlayer = dynamic3(() => import("./HlsPlayer-4VB65GYW.mjs"), {
+var HlsPlayer = dynamic3(() => import("./HlsPlayer-GZR4QXJY.mjs"), {
   ssr: false
 });
 var getNestedValue = (obj, path) => {
@@ -3651,7 +3671,7 @@ var Pagination_default = Pagination;
 // src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
 import dynamic7 from "next/dynamic";
 import { Fragment as Fragment8, jsx as jsx56, jsxs as jsxs31 } from "react/jsx-runtime";
-var HlsPlayer2 = dynamic7(() => import("./HlsPlayer-4VB65GYW.mjs"), { ssr: false });
+var HlsPlayer2 = dynamic7(() => import("./HlsPlayer-GZR4QXJY.mjs"), { ssr: false });
 var deviceToMediaQuery = (device) => {
   switch (device) {
     case "sm":

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acoustte-digital-services/digitalstore-controls-dev",
-  "version": "0.8.1-dev.20260519071902",
+  "version": "0.8.1-dev.20260521120239",
   "description": "Reusable React components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -22,7 +22,7 @@
     }
   },
   "devDependencies": {
-    "@types/node": "^25.9.0",
+    "@types/node": "^25.9.1",
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "tsup": "^8.5.1",