tp-react-elements-dev 1.4.0 → 1.4.2

package/dist/index.js

@@ -53619,7 +53619,7 @@ newStyled(DialogTitle)(({ theme }) => ({
     borderBottom: "1px solid rgb(229 231 235 / 1)",
 }));
 
-const ConfirmationDialog = ({ openConfirmDialog, handleCancel, onClickSubmit, text, Submit = 'Submit', Cancel = 'Cancel' }) => {
+const ConfirmationDialog = ({ openConfirmDialog, handleCancel, onClickSubmit, text, Submit = 'Submit', Cancel = 'Cancel', buttonStyleProps }) => {
     return (jsxRuntimeExports.jsxs(Dialog, Object.assign({ open: openConfirmDialog, TransitionComponent: Slide, fullWidth: true, sx: {
             position: "fixed",
             top: "10%",
@@ -53649,7 +53649,7 @@ const ConfirmationDialog = ({ openConfirmDialog, handleCancel, onClickSubmit, te
                         display: "flex",
                         justifyContent: "flex-end",
                         gap: "8px",
-                    } }, { children: [jsxRuntimeExports.jsx(SubmitButton, Object.assign({ variant: "contained", size: "small", type: "submit", onClick: () => onClickSubmit() }, { children: Submit })), jsxRuntimeExports.jsx(Button, Object.assign({ variant: "text", 
+                    } }, { children: [jsxRuntimeExports.jsx(SubmitButton, Object.assign({ variant: "contained", size: "small", type: "submit", onClick: () => onClickSubmit(), sx: Object.assign({}, buttonStyleProps) }, { children: Submit })), jsxRuntimeExports.jsx(Button, Object.assign({ variant: "text", 
                             // color="error"
                             size: "small", sx: {
                                 textTransform: "none",
@@ -53687,7 +53687,7 @@ const secondsToMMSS = (totalSeconds) => {
     return `${formattedMinutes}:${formattedSeconds}`;
 };
 const promptBeforeValue = 120000;
-const SessionTimeOut = ({ sessionTime, handleSubmitSession, onSessionExpire, }) => {
+const SessionTimeOut = ({ sessionTime, handleSubmitSession, onSessionExpire, handleSessionCancel, SubmitButtonName = 'Submit', buttonStyleProps }) => {
     const [openConfirmModal, setOpenConfirmModal] = React$1.useState(false);
     const expiryDetails = sessionTime;
     const providedTimestamp = new Date(expiryDetails).getTime();
@@ -53695,20 +53695,19 @@ const SessionTimeOut = ({ sessionTime, handleSubmitSession, onSessionExpire, })
     const remainingTime = providedTimestamp - currentTimestamp;
     const timeout = remainingTime;
     const promptBeforeIdle = Math.min(promptBeforeValue, timeout - 1000);
-    const [remainingTimeInSeconds, setRemainingTimeInSeconds] = React$1.useState(0); // Initialize remaining time in seconds
-    const [formattedRemainingTime, setFormattedRemainingTime] = React$1.useState("");
+    const [remainingTimeInSeconds, setRemainingTimeInSeconds] = React$1.useState(Math.ceil(timeout / 1000));
+    const [formattedRemainingTime, setFormattedRemainingTime] = React$1.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 = () => {
@@ -53717,24 +53716,24 @@ const SessionTimeOut = ({ sessionTime, handleSubmitSession, onSessionExpire, })
     const { getRemainingTime, activate } = se({
         onIdle,
         onPrompt,
-        onActive,
         promptBeforeIdle,
         timeout,
-        throttle: 400,
+        throttle: 1000, // Adjust throttle to reduce delays
     });
     React$1.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, Submit: SubmitButtonName, buttonStyleProps: buttonStyleProps }) }));
 };
 
 exports.DeleteField = DeleteField;