ui-soxo-bootstrap-core 2.6.40-dev.1 → 2.6.40-dev.11

package/core/lib/hooks/device-detect.js

@@ -1,26 +1,26 @@
-// utils/useDeviceDetect.js
-import React, { useEffect, useState } from "react";
-
-export default function useDeviceDetect() {
-  const [isMobile, setMobile] = useState(false);
-
-  useEffect(() => {
-
-    // const userAgent =
-    //   typeof window.navigator === "undefined" ? "" : navigator.userAgent;
-
-    // const mobile = Boolean(
-    //   userAgent.match(
-    //     /Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile|WPDesktop/i
-    //   )
-    // );
-
-    let mobile = ((window.innerWidth <= 800))
-    // || (window.innerHeight <= 700))
-
-    setMobile(mobile);
-
-  }, []);
-
-  return { isMobile };
+// utils/useDeviceDetect.js
+import React, { useEffect, useState } from "react";
+
+export default function useDeviceDetect() {
+  const [isMobile, setMobile] = useState(false);
+
+  useEffect(() => {
+
+    // const userAgent =
+    //   typeof window.navigator === "undefined" ? "" : navigator.userAgent;
+
+    // const mobile = Boolean(
+    //   userAgent.match(
+    //     /Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile|WPDesktop/i
+    //   )
+    // );
+
+    let mobile = ((window.innerWidth <= 800))
+    // || (window.innerHeight <= 700))
+
+    setMobile(mobile);
+
+  }, []);
+
+  return { isMobile };
 }

package/core/lib/hooks/index.js

@@ -1,9 +1,9 @@
-import useDeviceDetect from './device-detect';
-
-import useWindowSize from './use-window-size';
-
-import useFormUtils from './../utils/form/form.utils';
-import useLocation from './use-location';
-import { useOtpTimer } from './use-otp-timer';
-
-export { useDeviceDetect, useWindowSize, useOtpTimer, useFormUtils, useLocation };
+import useDeviceDetect from './device-detect';
+
+import useWindowSize from './use-window-size';
+
+import useFormUtils from './../utils/form/form.utils';
+import useLocation from './use-location';
+import { useOtpTimer } from './use-otp-timer';
+
+export { useDeviceDetect, useWindowSize, useOtpTimer, useFormUtils, useLocation };

package/core/lib/hooks/use-location.js

@@ -1,33 +1,33 @@
-
-import React, { useEffect } from 'react';
-
-
-/**
- * Hook will listen to location change and trigger the listener
- * 
- * @returns 
- */
-export default function useLocation() {
-
-    const [path, setPath] = React.useState(window.location.pathname);
-
-    const listenToPopstate = () => {
-
-        const winPath = window.location.pathname;
-        
-        setPath(winPath);
-    };
-
-    useEffect(() => {
-
-        window.addEventListener("popstate", listenToPopstate);
-
-        return () => {
-            window.removeEventListener("popstate", listenToPopstate);
-        };
-
-    }, []);
-
-    return path;
-
-};
+
+import React, { useEffect } from 'react';
+
+
+/**
+ * Hook will listen to location change and trigger the listener
+ * 
+ * @returns 
+ */
+export default function useLocation() {
+
+    const [path, setPath] = React.useState(window.location.pathname);
+
+    const listenToPopstate = () => {
+
+        const winPath = window.location.pathname;
+        
+        setPath(winPath);
+    };
+
+    useEffect(() => {
+
+        window.addEventListener("popstate", listenToPopstate);
+
+        return () => {
+            window.removeEventListener("popstate", listenToPopstate);
+        };
+
+    }, []);
+
+    return path;
+
+};

package/core/lib/hooks/use-otp-timer.js

@@ -1,80 +1,80 @@
-import { useState, useEffect, useRef } from 'react';
-
-/**
- * Custom hook to manage an OTP (One-Time Password) countdown timer.
- *
- * Features:
- * - Can start a timer directly with seconds.
- * - Can start a timer using an expiry timestamp (from backend).
- * - Provides formatted remaining time (MM:SS).
- * - Tracks whether the timer has expired.
- *
- * @returns {Object} API
- * @returns {number} API.remaining - Remaining seconds.
- * @returns {boolean} API.expired - Whether the timer has expired.
- * @returns {string} API.formatted - Formatted remaining time (MM:SS).
- * @returns {(seconds: number) => void} API.start - Start timer with seconds.
- * @returns {(expirytime: string) => void} API.startFromExpiry - Start timer using expiry string (e.g. "2025-09-04T12:13:09.000Z").
- *
- */
-
-// helper to format time
-const formatTime = (seconds) => {
-  const minutes = Math.floor((seconds % 3600) / 60);
-  const secs = seconds % 60;
-  return `${String(minutes).padStart(2, '0')}:${String(secs).padStart(2, '0')}`;
-};
-
-export const useOtpTimer = () => {
-  const [remaining, setRemaining] = useState(0);
-  const [expired, setExpired] = useState(false);
-  const intervalRef = useRef(null);
-
-  // Start timer by passing expiry string from backend
-  const startFromExpiry = (expirytime) => {
-    if (!expirytime) {
-      setRemaining(0);
-      setExpired(true);
-      return;
-    }
-
-    // Handle backend expiry string
-    const expiryTime = new Date(expirytime).getTime();
-    const now = Date.now();
-    const seconds = Math.max(0, Math.floor((expiryTime - now) / 1000));
-
-    start(seconds);
-  };
-
-  // Generic start (seconds)
-  const start = (seconds) => {
-    clearInterval(intervalRef.current);
-
-    if (!seconds || seconds <= 0) {
-      setRemaining(0);
-      setExpired(true);
-      return;
-    }
-
-    setRemaining(seconds);
-    setExpired(false);
-
-    intervalRef.current = setInterval(() => {
-      setRemaining((prev) => {
-        if (prev <= 1) {
-          clearInterval(intervalRef.current);
-          setExpired(true);
-          return 0;
-        }
-        return prev - 1;
-      });
-    }, 1000);
-  };
-
-  // Cleanup on unmount
-  useEffect(() => {
-    return () => clearInterval(intervalRef.current);
-  }, []);
-
-  return { remaining, expired, formatted: formatTime(remaining), start, startFromExpiry };
-};
+import { useState, useEffect, useRef } from 'react';
+
+/**
+ * Custom hook to manage an OTP (One-Time Password) countdown timer.
+ *
+ * Features:
+ * - Can start a timer directly with seconds.
+ * - Can start a timer using an expiry timestamp (from backend).
+ * - Provides formatted remaining time (MM:SS).
+ * - Tracks whether the timer has expired.
+ *
+ * @returns {Object} API
+ * @returns {number} API.remaining - Remaining seconds.
+ * @returns {boolean} API.expired - Whether the timer has expired.
+ * @returns {string} API.formatted - Formatted remaining time (MM:SS).
+ * @returns {(seconds: number) => void} API.start - Start timer with seconds.
+ * @returns {(expirytime: string) => void} API.startFromExpiry - Start timer using expiry string (e.g. "2025-09-04T12:13:09.000Z").
+ *
+ */
+
+// helper to format time
+const formatTime = (seconds) => {
+  const minutes = Math.floor((seconds % 3600) / 60);
+  const secs = seconds % 60;
+  return `${String(minutes).padStart(2, '0')}:${String(secs).padStart(2, '0')}`;
+};
+
+export const useOtpTimer = () => {
+  const [remaining, setRemaining] = useState(0);
+  const [expired, setExpired] = useState(false);
+  const intervalRef = useRef(null);
+
+  // Start timer by passing expiry string from backend
+  const startFromExpiry = (expirytime) => {
+    if (!expirytime) {
+      setRemaining(0);
+      setExpired(true);
+      return;
+    }
+
+    // Handle backend expiry string
+    const expiryTime = new Date(expirytime).getTime();
+    const now = Date.now();
+    const seconds = Math.max(0, Math.floor((expiryTime - now) / 1000));
+
+    start(seconds);
+  };
+
+  // Generic start (seconds)
+  const start = (seconds) => {
+    clearInterval(intervalRef.current);
+
+    if (!seconds || seconds <= 0) {
+      setRemaining(0);
+      setExpired(true);
+      return;
+    }
+
+    setRemaining(seconds);
+    setExpired(false);
+
+    intervalRef.current = setInterval(() => {
+      setRemaining((prev) => {
+        if (prev <= 1) {
+          clearInterval(intervalRef.current);
+          setExpired(true);
+          return 0;
+        }
+        return prev - 1;
+      });
+    }, 1000);
+  };
+
+  // Cleanup on unmount
+  useEffect(() => {
+    return () => clearInterval(intervalRef.current);
+  }, []);
+
+  return { remaining, expired, formatted: formatTime(remaining), start, startFromExpiry };
+};

package/core/lib/hooks/use-window-size.js

@@ -1,34 +1,34 @@
-
-
-import React, { useState, useEffect, useRef } from 'react';
-
-
-// Hook
-export default function useWindowSize() {
-
-    // Initialize state with undefined width/height so server and client renders match
-    // Learn more here: https://joshwcomeau.com/react/the-perils-of-rehydration/
-    const [windowSize, setWindowSize] = useState({
-        width: undefined,
-        height: undefined,
-    });
-
-    useEffect(() => {
-        // Handler to call on window resize
-        function handleResize() {
-            // Set window width/height to state
-            setWindowSize({
-                width: window.innerWidth,
-                height: window.innerHeight,
-            });
-        }
-        // Add event listener
-        window.addEventListener("resize", handleResize);
-        // Call handler right away so state gets updated with initial window size
-        handleResize();
-        // Remove event listener on cleanup
-        return () => window.removeEventListener("resize", handleResize);
-    }, []); // Empty array ensures that effect is only run on mount
-    return windowSize;
-}
-
+
+
+import React, { useState, useEffect, useRef } from 'react';
+
+
+// Hook
+export default function useWindowSize() {
+
+    // Initialize state with undefined width/height so server and client renders match
+    // Learn more here: https://joshwcomeau.com/react/the-perils-of-rehydration/
+    const [windowSize, setWindowSize] = useState({
+        width: undefined,
+        height: undefined,
+    });
+
+    useEffect(() => {
+        // Handler to call on window resize
+        function handleResize() {
+            // Set window width/height to state
+            setWindowSize({
+                width: window.innerWidth,
+                height: window.innerHeight,
+            });
+        }
+        // Add event listener
+        window.addEventListener("resize", handleResize);
+        // Call handler right away so state gets updated with initial window size
+        handleResize();
+        // Remove event listener on cleanup
+        return () => window.removeEventListener("resize", handleResize);
+    }, []); // Empty array ensures that effect is only run on mount
+    return windowSize;
+}
+

package/core/lib/i18n.js

@@ -1,70 +1,70 @@
-/**
- * Component to initialize i18n
- */
-
-import i18n from 'i18next';
-import { initReactI18next } from 'react-i18next';
-import LanguageDetector from 'i18next-browser-languagedetector';
-
-
-i18n
-  // detect user language
-  // learn more: https://github.com/i18next/i18next-browser-languageDetector
-  .use(LanguageDetector)
-  // pass the i18n instance to react-i18next.
-  .use(initReactI18next)
-  // init i18next
-  // for all options read: https://www.i18next.com/overview/configuration-options
-  .init({
-    debug: false,
-    useSuspense: true,
-    lng: localStorage.selectedLanguage || process.env.REACT_APP_LANGUAGE || 'en',
-    fallbackLng: 'en',
-    interpolation: {
-      escapeValue: false, // not needed for react as it escapes by default
-    },
-    resources: {
-      en: {
-        translation: {
-          description: {
-            part1: 'Edit <1>src/App.js</1> and save to reload.',
-            part2: 'Learn React',
-            part3: "Download",
-            part4: "New Appointment"
-          }
-        }
-      },
-      hi: {
-        translation: {
-          description: {
-            part1: 'Ändere <1>src/App.js</1> und speichere um neu zu laden.',
-            part2: 'Lerne React',
-            part3: "डाउनलोड करना",
-            part4: "नव नियुक्ति"
-          }
-        }
-      },
-      ja: {
-        translation: {
-          description: {
-            part1: 'ثثثثثثثثثثثث',
-            part2: 'ثثثثثثثثثثثث',
-            part3: "ダウンロード",
-            part4: "新しい予定"
-          }
-        }
-      },
-      ma: {
-        translation: {
-          description: {
-            part1: 'afspraken',
-            part2: 'ثثثثثثثثثثثث',
-            part3: "татаж авах",
-            part4: "Шинэ уулзалт"
-          }
-        }
-      }
-    }
-  });
-
+/**
+ * Component to initialize i18n
+ */
+
+import i18n from 'i18next';
+import { initReactI18next } from 'react-i18next';
+import LanguageDetector from 'i18next-browser-languagedetector';
+
+
+i18n
+  // detect user language
+  // learn more: https://github.com/i18next/i18next-browser-languageDetector
+  .use(LanguageDetector)
+  // pass the i18n instance to react-i18next.
+  .use(initReactI18next)
+  // init i18next
+  // for all options read: https://www.i18next.com/overview/configuration-options
+  .init({
+    debug: false,
+    useSuspense: true,
+    lng: localStorage.selectedLanguage || process.env.REACT_APP_LANGUAGE || 'en',
+    fallbackLng: 'en',
+    interpolation: {
+      escapeValue: false, // not needed for react as it escapes by default
+    },
+    resources: {
+      en: {
+        translation: {
+          description: {
+            part1: 'Edit <1>src/App.js</1> and save to reload.',
+            part2: 'Learn React',
+            part3: "Download",
+            part4: "New Appointment"
+          }
+        }
+      },
+      hi: {
+        translation: {
+          description: {
+            part1: 'Ändere <1>src/App.js</1> und speichere um neu zu laden.',
+            part2: 'Lerne React',
+            part3: "डाउनलोड करना",
+            part4: "नव नियुक्ति"
+          }
+        }
+      },
+      ja: {
+        translation: {
+          description: {
+            part1: 'ثثثثثثثثثثثث',
+            part2: 'ثثثثثثثثثثثث',
+            part3: "ダウンロード",
+            part4: "新しい予定"
+          }
+        }
+      },
+      ma: {
+        translation: {
+          description: {
+            part1: 'afspraken',
+            part2: 'ثثثثثثثثثثثث',
+            part3: "татаж авах",
+            part4: "Шинэ уулзалт"
+          }
+        }
+      }
+    }
+  });
+
 export default i18n;