analytica-frontend-lib 1.1.56 → 1.1.58

package/dist/{NotificationCard-kGUKNOqT.d.mts → NotificationCard-DpSGkWEa.d.mts}

@@ -52,6 +52,10 @@ interface Notification {
      * ID of the entity this notification refers to (optional)
      */
     entityId?: string | null;
+    /**
+     * Action link for global notifications (optional)
+     */
+    actionLink?: string | null;
     /**
      * Sender information (optional)
      */
@@ -90,6 +94,7 @@ interface BackendNotification {
     description: string;
     entityType: string | null;
     entityId: string | null;
+    actionLink?: string | null;
     read: boolean;
     createdAt: string;
     updatedAt: string;
@@ -292,6 +297,10 @@ interface NotificationListMode extends BaseNotificationProps {
      * Callback when user navigates from a notification in list mode
      */
     onNavigateById?: (entityType?: NotificationEntityType, entityId?: string) => void;
+    /**
+     * Callback when user clicks on a global notification
+     */
+    onGlobalNotificationClick?: (notification: Notification) => void;
     /**
      * Function to get action label for a notification
      */
@@ -377,6 +386,7 @@ interface LegacyNotificationCardProps extends BaseNotificationProps {
     onMarkAsReadById?: (id: string) => void;
     onDeleteById?: (id: string) => void;
     onNavigateById?: (entityType?: NotificationEntityType, entityId?: string) => void;
+    onGlobalNotificationClick?: (notification: Notification) => void;
     getActionLabel?: (entityType?: NotificationEntityType) => string | undefined;
     renderEmpty?: () => ReactNode;
     variant?: 'card' | 'center';

package/dist/{NotificationCard-kGUKNOqT.d.ts → NotificationCard-DpSGkWEa.d.ts}

@@ -52,6 +52,10 @@ interface Notification {
      * ID of the entity this notification refers to (optional)
      */
     entityId?: string | null;
+    /**
+     * Action link for global notifications (optional)
+     */
+    actionLink?: string | null;
     /**
      * Sender information (optional)
      */
@@ -90,6 +94,7 @@ interface BackendNotification {
     description: string;
     entityType: string | null;
     entityId: string | null;
+    actionLink?: string | null;
     read: boolean;
     createdAt: string;
     updatedAt: string;
@@ -292,6 +297,10 @@ interface NotificationListMode extends BaseNotificationProps {
      * Callback when user navigates from a notification in list mode
      */
     onNavigateById?: (entityType?: NotificationEntityType, entityId?: string) => void;
+    /**
+     * Callback when user clicks on a global notification
+     */
+    onGlobalNotificationClick?: (notification: Notification) => void;
     /**
      * Function to get action label for a notification
      */
@@ -377,6 +386,7 @@ interface LegacyNotificationCardProps extends BaseNotificationProps {
     onMarkAsReadById?: (id: string) => void;
     onDeleteById?: (id: string) => void;
     onNavigateById?: (entityType?: NotificationEntityType, entityId?: string) => void;
+    onGlobalNotificationClick?: (notification: Notification) => void;
     getActionLabel?: (entityType?: NotificationEntityType) => string | undefined;
     renderEmpty?: () => ReactNode;
     variant?: 'card' | 'center';

package/dist/Quiz/index.js

@@ -3570,6 +3570,8 @@ var CardAudio = (0, import_react7.forwardRef)(
     const [showSpeedMenu, setShowSpeedMenu] = (0, import_react7.useState)(false);
     const [playbackRate, setPlaybackRate] = (0, import_react7.useState)(1);
     const audioRef = (0, import_react7.useRef)(null);
+    const volumeControlRef = (0, import_react7.useRef)(null);
+    const speedMenuRef = (0, import_react7.useRef)(null);
     const formatTime = (time) => {
       const minutes = Math.floor(time / 60);
       const seconds = Math.floor(time % 60);
@@ -3621,9 +3623,11 @@ var CardAudio = (0, import_react7.forwardRef)(
     };
     const toggleVolumeControl = () => {
       setShowVolumeControl(!showVolumeControl);
+      setShowSpeedMenu(false);
     };
     const toggleSpeedMenu = () => {
       setShowSpeedMenu(!showSpeedMenu);
+      setShowVolumeControl(false);
     };
     const handleSpeedChange = (speed) => {
       setPlaybackRate(speed);
@@ -3641,6 +3645,20 @@ var CardAudio = (0, import_react7.forwardRef)(
       }
       return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_phosphor_react5.SpeakerHigh, { size: 24 });
     };
+    (0, import_react7.useEffect)(() => {
+      const handleClickOutside = (event) => {
+        if (volumeControlRef.current && !volumeControlRef.current.contains(event.target)) {
+          setShowVolumeControl(false);
+        }
+        if (speedMenuRef.current && !speedMenuRef.current.contains(event.target)) {
+          setShowSpeedMenu(false);
+        }
+      };
+      document.addEventListener("mousedown", handleClickOutside);
+      return () => {
+        document.removeEventListener("mousedown", handleClickOutside);
+      };
+    }, []);
     return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
       CardBase,
       {
@@ -3729,7 +3747,7 @@ var CardAudio = (0, import_react7.forwardRef)(
             }
           ) }),
           /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-text-800 text-md font-medium min-w-[2.5rem]", children: formatTime(duration) }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "relative h-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "relative h-6", ref: volumeControlRef, children: [
             /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               "button",
               {
@@ -3791,7 +3809,7 @@ var CardAudio = (0, import_react7.forwardRef)(
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "relative h-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "relative h-6", ref: speedMenuRef, children: [
             /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               "button",
               {