From c5c77fcec47245cc15233151c639806cc553f942 Mon Sep 17 00:00:00 2001
From: josephalexantony-aot <alex.antony@aot-technologies.com>
Date: Thu, 5 Dec 2024 01:52:41 -0800
Subject: [PATCH] FWF-4012:{Feature] - Confirm modal updates.

---
 .../CustomComponents/ConfirmModal.tsx           |  5 ++++-
 .../src/components/SvgIcons/index.tsx           | 17 -----------------
 forms-flow-theme/scss/_forms.scss               |  5 +++++
 3 files changed, 9 insertions(+), 18 deletions(-)

diff --git a/forms-flow-components/src/components/CustomComponents/ConfirmModal.tsx b/forms-flow-components/src/components/CustomComponents/ConfirmModal.tsx
index b7df50c78..42d16c6bf 100644
--- a/forms-flow-components/src/components/CustomComponents/ConfirmModal.tsx
+++ b/forms-flow-components/src/components/CustomComponents/ConfirmModal.tsx
@@ -18,6 +18,7 @@ interface ConfirmModalProps {
   primaryBtndataTestid?: string;
   primaryBtnariaLabel?: string;
   secondoryBtnariaLabel?: string;
+  buttonLoading?:boolean;
 }
 
 export const ConfirmModal: React.FC<ConfirmModalProps> = React.memo(({
@@ -34,7 +35,8 @@ export const ConfirmModal: React.FC<ConfirmModalProps> = React.memo(({
   secondoryBtndataTestid = 'cancel-button',
   primaryBtndataTestid = 'Confirm-button',
   primaryBtnariaLabel = 'Confirm Button',
-  secondoryBtnariaLabel = 'Cancel Button'
+  secondoryBtnariaLabel = 'Cancel Button',
+  buttonLoading= false,
 }) => {
   return (
     <>
@@ -89,6 +91,7 @@ export const ConfirmModal: React.FC<ConfirmModalProps> = React.memo(({
             onClick={primaryBtnAction}
             dataTestid={primaryBtndataTestid}
             ariaLabel={primaryBtnariaLabel}
+            buttonLoading={buttonLoading}
           />
           <CustomButton
             variant="secondary"
diff --git a/forms-flow-components/src/components/SvgIcons/index.tsx b/forms-flow-components/src/components/SvgIcons/index.tsx
index 1b80cd71b..c30dd3049 100644
--- a/forms-flow-components/src/components/SvgIcons/index.tsx
+++ b/forms-flow-components/src/components/SvgIcons/index.tsx
@@ -668,20 +668,3 @@ export const StarPremiumIcon = ({ color = baseColor,...props }) => (
   </svg>
 );
 
-export const StrokeLine = ({ color = grayColor}) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="318"
-    height="3"
-    viewBox="0 0 318 3"
-    fill="none"
-  >
-    <path
-      d="M1 1.5L317 1.50003"
-      stroke={color}
-      strokeWidth="2"
-      strokeLinecap="round"
-      strokeDasharray="8 8"
-    />
-  </svg>
-);
diff --git a/forms-flow-theme/scss/_forms.scss b/forms-flow-theme/scss/_forms.scss
index d97d127c6..e2d2d9986 100644
--- a/forms-flow-theme/scss/_forms.scss
+++ b/forms-flow-theme/scss/_forms.scss
@@ -459,3 +459,8 @@ select option:hover {
     display: none !important;
   }
 }
+
+.dashed-line {
+  width: 8.8125rem;
+  border-top: 0.1875rem dashed var(--ff-gray-300);
+}
\ No newline at end of file