From e071b48932c0613705a0bf51a77fa8de2a961f4a Mon Sep 17 00:00:00 2001
From: Kiran Ashok <stepinfwd@gmail.com>
Date: Thu, 1 Aug 2024 13:34:42 +0530
Subject: [PATCH 1/3] fix : box shadow is coming as previous selected component
 value (#10524)

---
 frontend/src/Editor/CodeBuilder/Elements/BoxShadow.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/Editor/CodeBuilder/Elements/BoxShadow.jsx b/frontend/src/Editor/CodeBuilder/Elements/BoxShadow.jsx
index 535ba46ef7..791a5a3004 100644
--- a/frontend/src/Editor/CodeBuilder/Elements/BoxShadow.jsx
+++ b/frontend/src/Editor/CodeBuilder/Elements/BoxShadow.jsx
@@ -46,7 +46,7 @@ export const BoxShadow = ({ value, onChange, cyLabel }) => {
       setDebouncedShadow(newValue);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
+  }, [value]);
 
   useEffect(() => {
     if (boxShadow !== debouncedShadow) {

From e7b85c0e7deb9b69e4131833f89fe5bc9d924b3d Mon Sep 17 00:00:00 2001
From: Johnson Cherian <johnsonc.dev@gmail.com>
Date: Thu, 1 Aug 2024 13:54:45 +0530
Subject: [PATCH 2/3] fix: stringify icon name before render (#10552)

* fix: increase color picker zIndex on open

* fix: stringify icon name before render

* added json.stringify for message in alert when it is a object

---------

Co-authored-by: Kartik Gupta <gupta.kartik18kg@gmail.com>
---
 frontend/src/Editor/CodeBuilder/Elements/Icon.jsx | 2 +-
 frontend/src/_helpers/appUtils.js                 | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/src/Editor/CodeBuilder/Elements/Icon.jsx b/frontend/src/Editor/CodeBuilder/Elements/Icon.jsx
index 26d6bf43ec..70fd50f516 100644
--- a/frontend/src/Editor/CodeBuilder/Elements/Icon.jsx
+++ b/frontend/src/Editor/CodeBuilder/Elements/Icon.jsx
@@ -109,7 +109,7 @@ export const Icon = ({ value, onChange, onVisibilityChange, styleDefinition, com
                       color: 'var(--slate12)',
                     }}
                   >
-                    {value}
+                    {String(value)}
                   </div>
                   <Visibility
                     value={value}
diff --git a/frontend/src/_helpers/appUtils.js b/frontend/src/_helpers/appUtils.js
index e9554d7989..914611e7b0 100644
--- a/frontend/src/_helpers/appUtils.js
+++ b/frontend/src/_helpers/appUtils.js
@@ -522,7 +522,9 @@ function executeActionWithDebounce(_ref, event, mode, customVariables) {
     }
     switch (event.actionId) {
       case 'show-alert': {
-        const message = resolveReferences(event.message, undefined, customVariables);
+        let message = resolveReferences(event.message, undefined, customVariables);
+        if (typeof message === 'object') message = JSON.stringify(message);
+
         switch (event.alertType) {
           case 'success':
           case 'error':

From ecfdc25e46ef2557788cd29f7df7c07435926a4b Mon Sep 17 00:00:00 2001
From: vjaris42 <vjy239@gmail.com>
Date: Thu, 1 Aug 2024 13:55:54 +0530
Subject: [PATCH 3/3] fix: overlay styling when color picker is opened (#10548)

---
 frontend/src/Editor/Components/ColorPicker.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/Editor/Components/ColorPicker.jsx b/frontend/src/Editor/Components/ColorPicker.jsx
index c1cf75dda0..461f8762ce 100644
--- a/frontend/src/Editor/Components/ColorPicker.jsx
+++ b/frontend/src/Editor/Components/ColorPicker.jsx
@@ -162,7 +162,7 @@ export const ColorPicker = function ({
           >
             <SketchPicker color={color} onChangeComplete={handleColorChange} />
           </div>
-          <div className="comment-overlay" onClick={() => setShowColorPicker(false)}></div>
+          <div onClick={() => setShowColorPicker(false)}></div>
         </>
       )}
     </div>