tp-react-elements-dev 1.4.0 → 1.4.2

package/dist/components/ModalField/ConfirmationDialog.d.ts

@@ -5,6 +5,7 @@ export interface ConfirmationDialogProps {
     text: string;
     Submit?: string;
     Cancel?: string;
+    buttonStyleProps?: any;
 }
-declare const ConfirmationDialog: ({ openConfirmDialog, handleCancel, onClickSubmit, text, Submit, Cancel }: ConfirmationDialogProps) => import("react/jsx-runtime").JSX.Element;
+declare const ConfirmationDialog: ({ openConfirmDialog, handleCancel, onClickSubmit, text, Submit, Cancel, buttonStyleProps }: ConfirmationDialogProps) => import("react/jsx-runtime").JSX.Element;
 export default ConfirmationDialog;

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

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

package/dist/index.esm.js

@@ -53599,7 +53599,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%",
@@ -53629,7 +53629,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",
@@ -53667,7 +53667,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] = 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, Submit: SubmitButtonName, buttonStyleProps: buttonStyleProps }) }));
 };
 
 export { DeleteField, FormRenderWrapper as RenderForm, SessionTimeOut as SessionTimeoutField, useFormValidatingContext };