From 9c787d5682a2a6266d9a290eb27ba84f143a261a Mon Sep 17 00:00:00 2001
From: Kirill Braslavsky <k.braslavskyi@inpsyde.com>
Date: Wed, 31 Mar 2021 15:56:32 +0300
Subject: [PATCH] update fields on toggle product message

---
 modules/ppcp-onboarding/assets/js/settings.js | 58 +++++++++++--------
 1 file changed, 33 insertions(+), 25 deletions(-)

diff --git a/modules/ppcp-onboarding/assets/js/settings.js b/modules/ppcp-onboarding/assets/js/settings.js
index 458cdb49e..8cda51463 100644
--- a/modules/ppcp-onboarding/assets/js/settings.js
+++ b/modules/ppcp-onboarding/assets/js/settings.js
@@ -30,6 +30,10 @@ document.addEventListener(
                         updateCheckoutMessageFields();
                     }
 
+                    if('ppcp-message_product_enabled' === event.target.getAttribute('id')){
+                        updateProductMessageFields();
+                    }
+
                 }
             );
         };
@@ -96,6 +100,34 @@ document.addEventListener(
             );
         }
 
+        const updateProductMessageFields = () => {
+            groupToggleSelect(
+                '#ppcp-message_product_layout',
+                [
+                    {
+                        value:'text',
+                        selector:'#field-message_product_logo'
+                    },
+                    {
+                        value:'text',
+                        selector:'#field-message_product_position'
+                    },
+                    {
+                        value:'text',
+                        selector:'#field-message_product_color'
+                    },
+                    {
+                        value:'flex',
+                        selector:'#field-message_product_flex_ratio'
+                    },
+                    {
+                        value:'flex',
+                        selector:'#field-message_product_flex_color'
+                    }
+                ]
+            );
+        }
+
         const disableOptions = (sourceSelector, targetSelector) => {
 
             const source = jQuery(sourceSelector);
@@ -211,31 +243,7 @@ document.addEventListener(
                 ]
             );
 
-            groupToggleSelect(
-                '#ppcp-message_product_layout',
-                [
-                    {
-                        value:'text',
-                        selector:'#field-message_product_logo'
-                    },
-                    {
-                        value:'text',
-                        selector:'#field-message_product_position'
-                    },
-                    {
-                        value:'text',
-                        selector:'#field-message_product_color'
-                    },
-                    {
-                        value:'flex',
-                        selector:'#field-message_product_flex_ratio'
-                    },
-                    {
-                        value:'flex',
-                        selector:'#field-message_product_flex_color'
-                    }
-                ]
-            );
+
             groupToggleSelect(
                 '#ppcp-intent',
                 [