tp-react-elements-dev 1.4.0 → 1.4.1

package/dist/components/SessionTimeOut/SessionTimeOut.d.ts

@@ -2,6 +2,7 @@ export interface SessionTimeOutProps {
     sessionTime: string;
     handleSubmitSession: () => void;
     onSessionExpire: () => void;
+    handleSessionCancel: () => void;
 }
-declare const SessionTimeOut: ({ sessionTime, handleSubmitSession, onSessionExpire, }: SessionTimeOutProps) => import("react/jsx-runtime").JSX.Element;
+declare const SessionTimeOut: ({ sessionTime, handleSubmitSession, onSessionExpire, handleSessionCancel }: SessionTimeOutProps) => import("react/jsx-runtime").JSX.Element;
 export default SessionTimeOut;

package/dist/index.esm.js

@@ -53667,7 +53667,7 @@ const secondsToMMSS = (totalSeconds) => {
     return `${formattedMinutes}:${formattedSeconds}`;
 };
 const promptBeforeValue = 120000;
-const SessionTimeOut = ({ sessionTime, handleSubmitSession, onSessionExpire, }) => {
+const SessionTimeOut = ({ sessionTime, handleSubmitSession, onSessionExpire, handleSessionCancel }) => {
     const [openConfirmModal, setOpenConfirmModal] = useState(false);
     const expiryDetails = sessionTime;
     const providedTimestamp = new Date(expiryDetails).getTime();
@@ -53675,20 +53675,19 @@ const SessionTimeOut = ({ sessionTime, handleSubmitSession, onSessionExpire, })
     const remainingTime = providedTimestamp - currentTimestamp;
     const timeout = remainingTime;
     const promptBeforeIdle = Math.min(promptBeforeValue, timeout - 1000);
-    const [remainingTimeInSeconds, setRemainingTimeInSeconds] = useState(0); // Initialize remaining time in seconds
-    const [formattedRemainingTime, setFormattedRemainingTime] = useState("");
+    const [remainingTimeInSeconds, setRemainingTimeInSeconds] = useState(Math.ceil(timeout / 1000));
+    const [formattedRemainingTime, setFormattedRemainingTime] = useState(secondsToMMSS(Math.ceil(timeout / 1000)));
     const onIdle = () => {
         if (sessionTime) {
             onSessionExpire();
         }
     };
-    const onActive = () => {
-        setOpenConfirmModal(false);
-    };
     const handleSubmit = () => {
         handleSubmitSession();
+        handleCancel();
     };
     const handleCancel = () => {
+        handleSessionCancel();
         setOpenConfirmModal(false);
     };
     const onPrompt = () => {
@@ -53697,24 +53696,24 @@ const SessionTimeOut = ({ sessionTime, handleSubmitSession, onSessionExpire, })
     const { getRemainingTime, activate } = se({
         onIdle,
         onPrompt,
-        onActive,
         promptBeforeIdle,
         timeout,
-        throttle: 400,
+        throttle: 1000, // Adjust throttle to reduce delays
     });
     useEffect(() => {
         const interval = setInterval(() => {
             const remainingSeconds = Math.ceil(getRemainingTime() / 1000);
             setRemainingTimeInSeconds(promptBeforeIdle !== promptBeforeValue ? remainingSeconds : 0);
             const formattedTime = secondsToMMSS(remainingSeconds);
-            setFormattedRemainingTime(promptBeforeIdle !== promptBeforeValue ? formattedTime : "0");
-        }, 500);
+            setFormattedRemainingTime(promptBeforeIdle !== promptBeforeValue ? formattedTime : "00:00");
+        }, 1000); // Adjust interval to 1000 ms
         return () => {
             clearInterval(interval);
         };
-    }, [promptBeforeIdle]);
+    }, [promptBeforeIdle, getRemainingTime]);
     const sessionMessage = `Your session will expire in ${formattedRemainingTime} seconds. Do you want to extend the session?`;
-    return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [" ", jsxRuntimeExports.jsx(ConfirmationDialog, { openConfirmDialog: openConfirmModal, handleCancel: handleCancel, onClickSubmit: () => handleSubmit(), text: sessionMessage })] }));
+    console.log(promptBeforeIdle, 'promptBeforeIdle');
+    return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: jsxRuntimeExports.jsx(ConfirmationDialog, { openConfirmDialog: openConfirmModal, handleCancel: handleCancel, onClickSubmit: handleSubmit, text: sessionMessage }) }));
 };
 
 export { DeleteField, FormRenderWrapper as RenderForm, SessionTimeOut as SessionTimeoutField, useFormValidatingContext };