@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260326104921 → 0.8.1-dev.20260326110644

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acoustte-digital-services/digitalstore-controls-dev",
-  "version": "0.8.1-dev.20260326104921",
+  "version": "0.8.1-dev.20260326110644",
   "description": "Reusable React components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -12,15 +12,9 @@
     "build": "tsup"
   },
   "peerDependencies": {
-    "katex": "^0.16.0",
     "react": "^18 || ^19",
     "react-dom": "^18 || ^19"
   },
-  "peerDependenciesMeta": {
-    "katex": {
-      "optional": true
-    }
-  },
   "devDependencies": {
     "@types/node": "^25.5.0",
     "@types/react": "^19",

package/dist/CopyButton-XONTQQW7.mjs

@@ -1,55 +0,0 @@
-"use client";
-
-// src/components/CopyButton.tsx
-import { useState, useRef, useEffect } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function CopyButton({ text }) {
-  const [copied, setCopied] = useState(false);
-  const timeoutRef = useRef(null);
-  useEffect(() => {
-    return () => {
-      if (timeoutRef.current) clearTimeout(timeoutRef.current);
-    };
-  }, []);
-  const handleCopy = async () => {
-    try {
-      await navigator.clipboard.writeText(text);
-      setCopied(true);
-      if (timeoutRef.current) clearTimeout(timeoutRef.current);
-      timeoutRef.current = setTimeout(() => setCopied(false), 2e3);
-    } catch (err) {
-      console.error("Failed to copy: ", err);
-    }
-  };
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      onClick: handleCopy,
-      className: "flex gap-1 items-center hover:text-white transition",
-      children: [
-        /* @__PURE__ */ jsx(
-          "svg",
-          {
-            width: "16",
-            height: "16",
-            viewBox: "0 0 24 24",
-            className: "w-4 h-4",
-            fill: "currentColor",
-            children: /* @__PURE__ */ jsx(
-              "path",
-              {
-                fillRule: "evenodd",
-                clipRule: "evenodd",
-                d: "M12 4C10.8954 4 10 4.89543 10 6H14C14 4.89543 13.1046 4 12 4ZM8.53513 4C9.22675 2.8044 10.5194 2 12 2C13.4806 2 14.7733 2.8044 15.4649 4H17C18.6569 4 20 5.34315 20 7V19C20 20.6569 18.6569 22 17 22H7C5.34315 22 4 20.6569 4 19V7C4 5.34315 5.34315 4 7 4H8.53513ZM8 6H7C6.44772 6 6 6.44772 6 7V19C6 19.5523 6.44772 20 7 20H17C17.5523 20 18 19.5523 18 19V7C18 6.44772 17.5523 6 17 6H16C16 7.10457 15.1046 8 14 8H10C8.89543 8 8 7.10457 8 6Z"
-              }
-            )
-          }
-        ),
-        copied ? "Copied!" : "Copy code"
-      ]
-    }
-  );
-}
-export {
-  CopyButton as default
-};

package/dist/HlsPlayer-FFEIK6FG.mjs

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

package/dist/IframeClient-J22NMEVY.mjs

@@ -1,96 +0,0 @@
-"use client";
-
-// src/components/pageRenderingEngine/nodes/IframeClient.tsx
-import React2, { useEffect, useRef, useState } from "react";
-
-// src/components/IFrameLoaderView.tsx
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var IFrameLoaderView = (props) => {
-  return /* @__PURE__ */ jsxs(React.Fragment, { children: [
-    props.isDataFound == null && /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsxs("div", { className: "mt-4 bg-gray-200 rounded-md p-4 animate-pulse", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center mb-4", children: [
-        /* @__PURE__ */ jsx("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
-        /* @__PURE__ */ jsxs("div", { className: "ml-2", children: [
-          /* @__PURE__ */ jsx("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
-          /* @__PURE__ */ jsx("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
-        /* @__PURE__ */ jsxs("div", { className: "animate-pulse", children: [
-          /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
-          /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
-          /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
-          /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
-          /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "animate-pulse", children: [
-          /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
-          /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
-          /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
-          /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
-          /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "animate-pulse", children: [
-          /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
-          /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
-          /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
-          /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
-          /* @__PURE__ */ jsx("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
-        ] })
-      ] })
-    ] }) }),
-    props.children
-  ] });
-};
-var IFrameLoaderView_default = IFrameLoaderView;
-
-// src/components/pageRenderingEngine/nodes/IframeClient.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var IframeClient = ({ src }) => {
-  const iframeRef = useRef(null);
-  const [iframeHeight, setIframeHeight] = useState("100%");
-  const [isDataFound, setIsDataFound] = useState(null);
-  useEffect(() => {
-    const handleReceiveMessage = (event) => {
-      const eventName = event?.data?.eventName;
-      const payload = event?.data?.payload;
-      if (eventName === "SET_HEIGHT" && payload?.height) {
-        let height = 500;
-        if (payload.height > 500) {
-          height = payload.height + 50;
-        }
-        setIframeHeight(`${height}px`);
-      }
-    };
-    window.addEventListener("message", handleReceiveMessage);
-    return () => window.removeEventListener("message", handleReceiveMessage);
-  }, []);
-  useEffect(() => {
-    const handleResize = () => {
-      if (iframeRef.current) {
-        iframeRef.current.contentWindow?.postMessage({ eventName: "RESIZE" }, "*");
-      }
-    };
-    window.addEventListener("resize", handleResize);
-    return () => window.removeEventListener("resize", handleResize);
-  }, []);
-  const handleIframeLoad = () => {
-    setIsDataFound(true);
-  };
-  return /* @__PURE__ */ jsx2(React2.Fragment, { children: /* @__PURE__ */ jsx2(IFrameLoaderView_default, { isDataFound, children: /* @__PURE__ */ jsx2(
-    "iframe",
-    {
-      ref: iframeRef,
-      src,
-      className: "w-full h-full border-none",
-      scrolling: "no",
-      style: { height: iframeHeight },
-      onLoad: handleIframeLoad
-    }
-  ) }) });
-};
-var IframeClient_default = IframeClient;
-export {
-  IframeClient_default as default
-};

package/dist/chunk-CVVLFQ4J.mjs

@@ -1,131 +0,0 @@
-// src/components/HlsPlayer.tsx
-import React, { useRef, useEffect, useState, useCallback } from "react";
-import Hls from "hls.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-var HlsPlayer = React.memo(
-  ({
-    assetUrl,
-    posterUrl,
-    intrinsicWidth,
-    intrinsicHeight,
-    showControls = true,
-    loop = false,
-    playOptions = "autoplay"
-  }) => {
-    const videoRef = useRef(null);
-    const hlsRef = useRef(null);
-    const [isPlaying, setIsPlaying] = useState(playOptions === "autoplay");
-    const [isHovered, setIsHovered] = useState(false);
-    const [isMobile, setIsMobile] = useState(false);
-    const wasManuallyPausedRef = useRef(false);
-    useEffect(() => {
-      const checkMobile = () => {
-        const hasTouch = "ontouchstart" in window || navigator.maxTouchPoints > 0;
-        const isSmallScreen = window.innerWidth <= 768;
-        const ua = navigator.userAgent.toLowerCase();
-        const isMobileUA = /android|iphone|ipad|ipod/i.test(ua);
-        setIsMobile(hasTouch || isSmallScreen || isMobileUA);
-      };
-      checkMobile();
-      window.addEventListener("resize", checkMobile);
-      return () => window.removeEventListener("resize", checkMobile);
-    }, []);
-    useEffect(() => {
-      const v = videoRef.current;
-      if (!v || !assetUrl) return;
-      if (hlsRef.current) {
-        hlsRef.current.destroy();
-        hlsRef.current = null;
-      }
-      if (Hls.isSupported()) {
-        const hls = new Hls();
-        hls.loadSource(assetUrl);
-        hls.attachMedia(v);
-        hls.on(Hls.Events.MANIFEST_PARSED, () => {
-          if (isPlaying && !wasManuallyPausedRef.current) {
-            v.play().catch(console.error);
-          }
-        });
-        hlsRef.current = hls;
-      } else if (v.canPlayType("application/vnd.apple.mpegurl")) {
-        v.src = assetUrl;
-      }
-    }, [assetUrl, isPlaying]);
-    const handlePlayPause = useCallback(() => {
-      const v = videoRef.current;
-      if (!v) return;
-      if (v.paused) {
-        wasManuallyPausedRef.current = false;
-        v.play().then(() => setIsPlaying(true));
-      } else {
-        wasManuallyPausedRef.current = true;
-        v.pause();
-        setIsPlaying(false);
-      }
-    }, []);
-    const handleMouseEnter = useCallback(() => {
-      if (isMobile) return;
-      setIsHovered(true);
-      if (playOptions === "playOnHover" && videoRef.current && !wasManuallyPausedRef.current) {
-        videoRef.current.play().then(() => setIsPlaying(true));
-      }
-    }, [playOptions, isMobile]);
-    const handleMouseLeave = useCallback(() => {
-      if (isMobile) return;
-      setIsHovered(false);
-      if (playOptions === "playOnHover" && videoRef.current) {
-        videoRef.current.pause();
-        videoRef.current.currentTime = 0;
-        setIsPlaying(false);
-      }
-    }, [playOptions, isMobile]);
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: "relative w-full aspect-video bg-black",
-        onMouseEnter: handleMouseEnter,
-        onMouseLeave: handleMouseLeave,
-        children: [
-          /* @__PURE__ */ jsx(
-            "video",
-            {
-              ref: videoRef,
-              className: "w-full h-full object-contain",
-              poster: posterUrl,
-              controls: showControls && (isMobile || isPlaying),
-              muted: playOptions === "autoplay" || playOptions === "playOnHover",
-              autoPlay: playOptions === "autoplay",
-              loop,
-              playsInline: true,
-              onClick: !isMobile && !isPlaying ? handlePlayPause : void 0
-            }
-          ),
-          !isMobile && playOptions === "playOnHover" && posterUrl && /* @__PURE__ */ jsx(
-            "img",
-            {
-              src: posterUrl,
-              width: intrinsicWidth,
-              height: intrinsicHeight,
-              alt: "poster",
-              className: `absolute inset-0 object-cover transition-opacity ${isHovered ? "opacity-0" : "opacity-100"}`
-            }
-          ),
-          !isMobile && !isPlaying && /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "absolute inset-0 flex items-center justify-center cursor-pointer",
-              onClick: handlePlayPause,
-              children: "\u25B6"
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-HlsPlayer.displayName = "HlsPlayer";
-var HlsPlayer_default = HlsPlayer;
-
-export {
-  HlsPlayer_default
-};