From 4528710ff214dcc1f33576c06356f99d9bc6eba9 Mon Sep 17 00:00:00 2001
From: Amit Amrutiya <amitamrutiya2210@gmail.com>
Date: Thu, 23 Jan 2025 23:06:52 +0530
Subject: [PATCH 1/2] fix: issue with the prompt component

Signed-off-by: Amit Amrutiya <amitamrutiya2210@gmail.com>
---
 src/custom/Prompt/index.tsx           | 4 ++--
 src/custom/Prompt/promt-component.tsx | 8 +++++++-
 src/custom/index.tsx                  | 3 ++-
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/custom/Prompt/index.tsx b/src/custom/Prompt/index.tsx
index 2a3497faf..46a7b6a75 100644
--- a/src/custom/Prompt/index.tsx
+++ b/src/custom/Prompt/index.tsx
@@ -1,3 +1,3 @@
-import PromptComponent from './promt-component';
-
+import PromptComponent, { PROMPT_VARIANTS } from './promt-component';
+export { PROMPT_VARIANTS, PromptComponent };
 export default PromptComponent;
diff --git a/src/custom/Prompt/promt-component.tsx b/src/custom/Prompt/promt-component.tsx
index 90824d958..052bac06e 100644
--- a/src/custom/Prompt/promt-component.tsx
+++ b/src/custom/Prompt/promt-component.tsx
@@ -96,7 +96,13 @@ const PromptComponent = forwardRef<PromptRef, PromptProps>(({ variant }, ref) =>
       {subtitle && (
         <ModalBody>
           <Subtitle id="alert-dialog-description" variant="body1" component="div">
-            <Typography variant="body1" component="div">
+            <Typography
+              variant="body1"
+              component="div"
+              style={{
+                color: theme.palette.text.primary
+              }}
+            >
               {subtitle}
             </Typography>
           </Subtitle>
diff --git a/src/custom/index.tsx b/src/custom/index.tsx
index 2a4e5e93b..b95c87904 100644
--- a/src/custom/index.tsx
+++ b/src/custom/index.tsx
@@ -36,7 +36,7 @@ import { LearningCard } from './LearningCard';
 import { BasicMarkdown, RenderMarkdown } from './Markdown';
 import { ModalCard } from './ModalCard';
 import PopperListener, { IPopperListener } from './PopperListener';
-import PromptComponent from './Prompt';
+import { PROMPT_VARIANTS, PromptComponent } from './Prompt';
 import ResponsiveDataTable, {
   DataTableEllipsisMenu,
   ResponsiveDataTableProps
@@ -90,6 +90,7 @@ export {
   InfoTooltip,
   LearningCard,
   ModalCard,
+  PROMPT_VARIANTS,
   PopperListener,
   PromptComponent,
   ResponsiveDataTable,

From 12967c4c97fed29a2c424444e5b5ca19080b48a8 Mon Sep 17 00:00:00 2001
From: Amit Amrutiya <amitamrutiya2210@gmail.com>
Date: Thu, 23 Jan 2025 23:44:17 +0530
Subject: [PATCH 2/2] feat: add checkbox option in the prompt component

Signed-off-by: Amit Amrutiya <amitamrutiya2210@gmail.com>
---
 src/custom/Prompt/promt-component.tsx | 38 +++++++++++++++++++++++----
 1 file changed, 33 insertions(+), 5 deletions(-)

diff --git a/src/custom/Prompt/promt-component.tsx b/src/custom/Prompt/promt-component.tsx
index 052bac06e..9dbecaf52 100644
--- a/src/custom/Prompt/promt-component.tsx
+++ b/src/custom/Prompt/promt-component.tsx
@@ -1,5 +1,5 @@
 import { forwardRef, useImperativeHandle, useRef, useState } from 'react';
-import { Typography } from '../../base';
+import { Checkbox, FormControlLabel, Typography } from '../../base';
 import { useTheme } from '../../theme';
 import { Modal, ModalBody, ModalButtonPrimary, ModalButtonSecondary, ModalFooter } from '../Modal';
 import { ActionComponent, Subtitle } from './style';
@@ -26,6 +26,8 @@ interface State {
   showInfoIcon?: string;
   variant?: PromptVariant;
   headerIcon?: React.ReactNode;
+  showCheckbox?: boolean;
+  isChecked?: boolean;
 }
 
 interface ShowParams {
@@ -34,11 +36,13 @@ interface ShowParams {
   primaryOption: string;
   variant: PromptVariant;
   showInfoIcon?: string;
+  showCheckbox?: boolean;
   headerIcon?: React.ReactNode;
 }
 
 export interface PromptRef {
   show: (params: ShowParams) => Promise<string>;
+  getCheckboxState: () => boolean;
 }
 
 const PromptComponent = forwardRef<PromptRef, PromptProps>(({ variant }, ref) => {
@@ -49,7 +53,9 @@ const PromptComponent = forwardRef<PromptRef, PromptProps>(({ variant }, ref) =>
     primaryOption: '',
     showInfoIcon: '',
     variant,
-    headerIcon: undefined
+    headerIcon: undefined,
+    isChecked: false,
+    showCheckbox: false
   });
 
   /* This ref is used to store the resolve and reject functions of the promise returned by the show method */
@@ -67,7 +73,8 @@ const PromptComponent = forwardRef<PromptRef, PromptProps>(({ variant }, ref) =>
       setState({
         ...params,
         isOpen: true,
-        showInfoIcon: params.showInfoIcon || ''
+        showInfoIcon: params.showInfoIcon || '',
+        showCheckbox: !!params.showCheckbox
       });
     });
   };
@@ -77,11 +84,20 @@ const PromptComponent = forwardRef<PromptRef, PromptProps>(({ variant }, ref) =>
     setState((prevState) => ({ ...prevState, isOpen: false }));
   };
 
+  const handleCheckboxChange = () => {
+    setState((prevState) => ({ ...prevState, isChecked: !prevState.isChecked }));
+  };
+
+  const getCheckboxState = () => {
+    return !!state.isChecked;
+  };
+
   useImperativeHandle(ref, () => ({
-    show
+    show,
+    getCheckboxState
   }));
 
-  const { isOpen, primaryOption, title, subtitle, showInfoIcon, headerIcon } = state;
+  const { isOpen, primaryOption, title, subtitle, showInfoIcon, headerIcon, showCheckbox } = state;
   const { resolve } = promiseInfoRef.current;
 
   return (
@@ -106,6 +122,18 @@ const PromptComponent = forwardRef<PromptRef, PromptProps>(({ variant }, ref) =>
               {subtitle}
             </Typography>
           </Subtitle>
+          {showCheckbox && (
+            <FormControlLabel
+              control={
+                <Checkbox
+                  checked={getCheckboxState()}
+                  onChange={handleCheckboxChange}
+                  color="primary"
+                />
+              }
+              label={<span style={{ fontSize: '1rem' }}>Do not show again</span>}
+            />
+          )}
         </ModalBody>
       )}
       <ModalFooter variant="filled" helpText={showInfoIcon}>