analytica-frontend-lib 1.1.77 → 1.1.78

package/dist/NotificationCard/index.js

@@ -1379,6 +1379,10 @@ var Badge_default = Badge;
 var import_react8 = require("react");
 var MOBILE_WIDTH = 500;
 var TABLET_WIDTH = 931;
+var SMALL_MOBILE_WIDTH = 425;
+var EXTRA_SMALL_MOBILE_WIDTH = 375;
+var ULTRA_SMALL_MOBILE_WIDTH = 375;
+var TINY_MOBILE_WIDTH = 320;
 var DEFAULT_WIDTH = 1200;
 var getWindowWidth = () => {
   if (typeof window === "undefined") {
@@ -1393,11 +1397,19 @@ var getDeviceType = () => {
 var useMobile = () => {
   const [isMobile, setIsMobile] = (0, import_react8.useState)(false);
   const [isTablet, setIsTablet] = (0, import_react8.useState)(false);
+  const [isSmallMobile, setIsSmallMobile] = (0, import_react8.useState)(false);
+  const [isExtraSmallMobile, setIsExtraSmallMobile] = (0, import_react8.useState)(false);
+  const [isUltraSmallMobile, setIsUltraSmallMobile] = (0, import_react8.useState)(false);
+  const [isTinyMobile, setIsTinyMobile] = (0, import_react8.useState)(false);
   (0, import_react8.useEffect)(() => {
     const checkScreenSize = () => {
       const width = getWindowWidth();
       setIsMobile(width < MOBILE_WIDTH);
       setIsTablet(width < TABLET_WIDTH);
+      setIsSmallMobile(width < SMALL_MOBILE_WIDTH);
+      setIsExtraSmallMobile(width < EXTRA_SMALL_MOBILE_WIDTH);
+      setIsUltraSmallMobile(width < ULTRA_SMALL_MOBILE_WIDTH);
+      setIsTinyMobile(width < TINY_MOBILE_WIDTH);
     };
     checkScreenSize();
     window.addEventListener("resize", checkScreenSize);
@@ -1421,13 +1433,24 @@ var useMobile = () => {
   const getHeaderClasses = () => {
     return isMobile ? getMobileHeaderClasses() : getDesktopHeaderClasses();
   };
+  const getVideoContainerClasses = () => {
+    if (isTinyMobile) return "aspect-square";
+    if (isExtraSmallMobile) return "aspect-[4/3]";
+    if (isSmallMobile) return "aspect-[16/12]";
+    return "aspect-video";
+  };
   return {
     isMobile,
     isTablet,
+    isSmallMobile,
+    isExtraSmallMobile,
+    isUltraSmallMobile,
+    isTinyMobile,
     getFormContainerClasses,
     getHeaderClasses,
     getMobileHeaderClasses,
     getDesktopHeaderClasses,
+    getVideoContainerClasses,
     getDeviceType
   };
 };