Make the live-chat feature & option fully functional - Follow Up Deployment

index.html

@@ -382,7 +382,7 @@
     <script>
         (function(w,d,v3){
             w.chaportConfig = {
-                appId : 'your-chaport-app-id',
+                appId : '64f6a4c4e4b0b4a3d4a3b4a3',
                 visibility: 'hidden',
                 widgetStyle: {
                     primaryColor: '#1652f0',
@@ -397,16 +397,49 @@
     </script>
 
     <script>
-        // Initialize Chaport
+        // Initialize Chaport with your app ID
         window.chaportConfig = {
             appId: '64f6a4c4e4b0b4a3d4a3b4a3',
-            visibility: 'default', // or 'hidden' to start hidden
+            visibility: 'hidden',
             widgetStyle: {
                 primaryColor: '#1652f0',
                 darkMode: false
             }
         };
 
+        // Wait for Chaport to load and then show/hide based on user interaction
+        function initChaport() {
+            if (window.chaport) {
+                // Set up event listeners for chat buttons
+                const chatButtons = document.querySelectorAll('[onclick*="chaport"]');
+                chatButtons.forEach(button => {
+                    button.onclick = function() {
+                        window.chaport.q('show');
+                    };
+                });
+
+                // Listen for Chaport ready event
+                window.chaport.on('ready', function() {
+                    console.log('Chaport live chat is ready');
+                });
+
+                // Listen for chat events
+                window.chaport.on('show', function() {
+                    console.log('Chat window opened');
+                });
+
+                window.chaport.on('hide', function() {
+                    console.log('Chat window closed');
+                });
+            } else {
+                // Retry initialization if Chaport isn't loaded yet
+                setTimeout(initChaport, 100);
+            }
+        }
+
+        // Start initialization
+        initChaport();
+
         // Initialize AOS animations
         AOS.init({
             duration: 800,

prompts.txt

@@ -4,4 +4,5 @@ Bring the wallet connect option to the top right of the website
 Bring the connect button to the top of the site 
 Add chaport livechat feature to the site
 Add support live chat option 
-Connect the live chat With my Chaport app ID installation code 
+Connect the live chat With my Chaport app ID installation code 
+Make the live-chat feature & option fully functional