s11

public/saveGameAI.js

@@ -11,7 +11,7 @@
     const worksheetId = urlParams.get('worksheetId');
     let submitNotic;
     let startTime = Date.now();
-
+    // console.log('gameVersion', gameVersion)
 
     const url = window.location.href;
     const gameName = url.split('/');
@@ -117,81 +117,6 @@ function submitUserData(drawingZone) {
         }
         
         
-        let userData = {
-            'gameName': gameVersion,
-            'gameID': gameId,
-            'screenShot': imageCode,
-            'childId' : childId,
-            'gameTime' : timeDifferenceInSeconds
-        
-        };
-        // console.log('userData', userData)
-        fetch(`https://api.teachertrainingkolkata.in/api/saveGalleryImage`, {
-            method: 'POST',
-            headers: {
-                'Content-Type' : 'application/json'
-            },
-            body: JSON.stringify(userData)
-    
-        })
-        .then(response => response.json())
-        .then(data => {
-            // console.log('data from save gallery', data);
-
-            if(data.screenshotUrl){
-                fetch(`https://api.teachertrainingkolkata.in/api/saveGameScore2`, {
-                    method: 'POST',
-                    headers: {
-                        'Content-Type': 'application/json'
-                    },
-                    body: JSON.stringify(userData)
-                })
-                .then(response => {
-                    setTimeout(() => {
-                        if (response.ok) {
-                        if (response.status == 200) {
-                            document.getElementById('saved-toast').classList.remove('hidden');
-                            setTimeout(() => {
-                                document.getElementById('saved-toast').classList.add('hidden');
-                            }, 2000);
-                            
-                            // console.log(response.status, " Data Saved Succesfully");
-                        }
-                        } else {
-                        // console.log('Something went wrong', response);
-                        }
-                    }, 100);
-                })
-                .catch(error => {
-                    console.error('An error occurred', error);
-                });
-                const userAnotherData = {
-                    assignmentId: assignmentId,
-                    worksheetId: worksheetId,
-                    studentId: childId,
-                    submissionFile: data.screenshotUrl.split('/')[4].split('?')[0],
-                };
-                const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token
-                fetch(`https://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions`, {
-                    method: 'POST',
-                    headers: {
-                        'Content-Type' : 'application/json',
-                        'Authorization' : authToken
-                    },
-                    body: JSON.stringify(userAnotherData)
-                })
-                .then(response => response.json())
-                .then(data => {
-                    // console.log('submissions api response', data)
-                })
-                .catch(error => {
-                    console.error('An error occured', error)
-                })
-            }
-        })
-        .catch(error => {
-            console.error('An error occured', error);
-        })
     });   
     
 
@@ -200,7 +125,6 @@ function submitUserData(drawingZone) {
     function calculateFromAI(){
         let progress = 0;
         let starValue;
-        let maxStarValue = 5;
         
         function progressIncrement() {
             const interval = setInterval(() => {
@@ -283,32 +207,33 @@ function submitUserData(drawingZone) {
         calculationText.style.fontWeight = '600';
         calculationText.style.color = 'rgba(0, 0, 0, 0.38)';
         containerDiv.appendChild(calculationText);
-        let userData = {
+        let userDataForStar = {
             gameName: gameVersion,
             childId: childId,
             gameID: gameId,
             gameTime: timeDifferenceInSeconds,
             screenShot: imageCode
         };
-        // console.log(userData);
+        
+        // First API call
         fetch(`https://api.teachertrainingkolkata.in/api/aiEvaluateImageToStar`, {
             method: 'POST',
             headers: {
                 'Content-Type': 'application/json'
             },
-        body: JSON.stringify(userData)
+            body: JSON.stringify(userDataForStar)
         })
         .then(response => {
-            if(!response.ok){
+            if (!response.ok) {
                 throw new Error(`HTTP error! status: ${response.status}`);
             }
-            return response.json()
+            return response.json();
         })
         .then(data => {
-            // console.log('data', data.data.score);
             setTimeout(() => {
                 if (data && data.message === "Game data saved successfully") {
-                    starValue = data.data.score;
+                    let starValue = data.data.gameStar; // Ensure starValue is available
+        
                     let feedbackMessage = '';
                     if (starValue >= 1 && starValue <= 3) {
                         feedbackMessage = "You're making progress! Let's keep going!";
@@ -321,6 +246,7 @@ function submitUserData(drawingZone) {
                     } else {
                         feedbackMessage = "Invalid star value.";
                     }
+        
                     loadingMainContainer.style.display = 'none';
                     loadingDiv.style.display = 'none';
                     starContainer.style.display = 'flex';
@@ -328,22 +254,92 @@ function submitUserData(drawingZone) {
                     document.getElementById('get-star-value').innerHTML = starValue;
                     document.getElementById('starFeedbackMessage').innerHTML = feedbackMessage;
                     scoreBoard.style.display = 'flex';
+        
                     if (scoreBoard.style.display === 'flex') {
                         const bottomAnimateClipart = document.getElementById('bottomAnimateClipart');
                         bottomAnimateClipart.classList.remove('hidden');
-                        bottomAnimateClipart.classList.add('-translate-x-full');
-                        bottomAnimateClipart.classList.add('transition-transform', 'duration-700');
+                        bottomAnimateClipart.classList.add('-translate-x-full', 'transition-transform', 'duration-700');
                         setTimeout(() => {
                             bottomAnimateClipart.classList.add('hidden');
                             bottomAnimateClipart.classList.remove('translate-x-full');
                         }, 100);
                     }
         
+                    // ✅ Now create `userData` inside the correct scope where starValue exists
+                    let userData = {
+                        gameName: gameVersion.trim(),
+                        gameID: gameId,
+                        screenShot: imageCode,
+                        childId: childId,
+                        gameTime: timeDifferenceInSeconds,
+                        gameStar: starValue // ✅ Now correctly assigned
+                    };
         
+                    // ✅ Now perform the second fetch request
+                    fetch(`https://api.teachertrainingkolkata.in/api/saveGalleryImage`, {
+                        method: 'POST',
+                        headers: {
+                            'Content-Type': 'application/json'
+                        },
+                        body: JSON.stringify(userData)
+                    })
+                    .then(response => response.json())
+                    .then(data => {
+                        if (data.screenshotUrl) {
+                            fetch(`https://api.teachertrainingkolkata.in/api/saveGameScore2`, {
+                                method: 'POST',
+                                headers: {
+                                    'Content-Type': 'application/json'
+                                },
+                                body: JSON.stringify(userData)
+                            })
+                            .then(response => {
+                                setTimeout(() => {
+                                    if (response.ok && response.status == 200) {
+                                        document.getElementById('saved-toast').classList.remove('hidden');
+                                        setTimeout(() => {
+                                            document.getElementById('saved-toast').classList.add('hidden');
+                                        }, 2000);
                                     }
                                 }, 100);
                             })
                             .catch(error => {
                                 console.error('An error occurred', error);
                             });
+        
+                            // Final API Call
+                            const userAnotherData = {
+                                assignmentId: assignmentId,
+                                worksheetId: worksheetId,
+                                studentId: childId,
+                                submissionFile: data.screenshotUrl.split('/')[4].split('?')[0],
+                            };
+                            const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q';
+        
+                            fetch(`https://beanstalkedu.in/api/one/v1/akademy/worksheet/submissions`, {
+                                method: 'POST',
+                                headers: {
+                                    'Content-Type': 'application/json',
+                                    'Authorization': authToken
+                                },
+                                body: JSON.stringify(userAnotherData)
+                            })
+                            .then(response => response.json())
+                            .then(data => {
+                                console.log('Submission API response', data);
+                            })
+                            .catch(error => {
+                                console.error('An error occurred', error);
+                            });
+                        }
+                    })
+                    .catch(error => {
+                        console.error('An error occurred', error);
+                    });
+                }
+            }, 150);
+        })
+        .catch(error => {
+            console.error('An error occurred', error);
+        });        
     }

public/saveGameData.js

@@ -252,7 +252,7 @@ function submitUserData(drawingZone) {
                 };
                 const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token
                 // console.log('Starting submissions API call');
-                fetch(`https://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions`, {
+                fetch(`https://beanstalkedu.in/api/one/v1/akademy/worksheet/submissions`, {
                     method: 'POST',
                     headers: {
                         'Content-Type': 'application/json',

src/pages/cross/cross_phonics_v1.astro

@@ -148,7 +148,7 @@ import Layout from "../../layouts/Layout.astro";
     function displaySprite() {
         if (buddiesList.includes(spriteNames)) {
             const imgElement = document.getElementById('starClipart');
-            // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask  ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
             if (imgElement) {
                 imgElement.src = `/assets/${spriteNames}.gif`;
                 console.log(imgElement.src)
@@ -480,7 +480,7 @@ import Layout from "../../layouts/Layout.astro";
                     };
                     const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token
                     try {
-                        const submitResponse = await fetch('https://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions', {
+                        const submitResponse = await fetch('https://beanstalkedu.in/api/one/v1/akademy/worksheet/submissions', {
                             method: 'POST',
                             headers: {
                                 'Content-Type': 'application/json',

src/pages/cross/cross_phonics_v2.astro

@@ -157,7 +157,7 @@ import Layout from "../../layouts/Layout.astro";
     function displaySprite() {
         if (buddiesList.includes(spriteNames)) {
             const imgElement = document.getElementById('starClipart');
-            // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask  ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
             if (imgElement) {
                 imgElement.src = `/assets/${spriteNames}.gif`;
                 console.log(imgElement.src)
@@ -492,7 +492,7 @@ import Layout from "../../layouts/Layout.astro";
                     };
                     const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token
                     try {
-                        const submitResponse = await fetch('https://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions', {
+                        const submitResponse = await fetch('https://beanstalkedu.in/api/one/v1/akademy/worksheet/submissions', {
                             method: 'POST',
                             headers: {
                                 'Content-Type': 'application/json',

src/pages/cross/v1.astro

@@ -148,7 +148,7 @@ import Layout from "../../layouts/Layout.astro";
     function displaySprite() {
         if (buddiesList.includes(spriteNames)) {
             const imgElement = document.getElementById('starClipart');
-            // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask  ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
             if (imgElement) {
                 imgElement.src = `/assets/${spriteNames}.gif`;
                 console.log(imgElement.src)
@@ -482,7 +482,7 @@ import Layout from "../../layouts/Layout.astro";
                     };
                     const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token
                     try {
-                        const submitResponse = await fetch('https://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions', {
+                        const submitResponse = await fetch('https://beanstalkedu.in/api/one/v1/akademy/worksheet/submissions', {
                             method: 'POST',
                             headers: {
                                 'Content-Type': 'application/json',

src/pages/cross/v2.astro

@@ -152,7 +152,7 @@ import Layout from "../../layouts/Layout.astro";
     function displaySprite() {
         if (buddiesList.includes(spriteNames)) {
             const imgElement = document.getElementById('starClipart');
-            // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask  ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
             if (imgElement) {
                 imgElement.src = `/assets/${spriteNames}.gif`;
                 console.log(imgElement.src)
@@ -492,7 +492,7 @@ import Layout from "../../layouts/Layout.astro";
                     };
                     const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token
                     try {
-                        const submitResponse = await fetch('https://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions', {
+                        const submitResponse = await fetch('https://beanstalkedu.in/api/one/v1/akademy/worksheet/submissions', {
                             method: 'POST',
                             headers: {
                                 'Content-Type': 'application/json',

src/pages/cross/v3.astro

@@ -127,7 +127,7 @@ import Layout from "../../layouts/Layout.astro";
     function displaySprite() {
         if (buddiesList.includes(spriteNames)) {
             const imgElement = document.getElementById('starClipart');
-            // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask  ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
             if (imgElement) {
                 imgElement.src = `/assets/${spriteNames}.gif`;
                 console.log(imgElement.src)
@@ -432,7 +432,7 @@ import Layout from "../../layouts/Layout.astro";
                     };
                     const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token
                     try {
-                        const submitResponse = await fetch('https://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions', {
+                        const submitResponse = await fetch('https://beanstalkedu.in/api/one/v1/akademy/worksheet/submissions', {
                             method: 'POST',
                             headers: {
                                 'Content-Type': 'application/json',

src/pages/drag/dragdrop_phonics.astro

@@ -155,7 +155,7 @@ import Layout from '../../layouts/Layout.astro';
     function displaySprite() {
         if (buddiesList.includes(spriteNames)) {
             const imgElement = document.getElementById('starClipart');
-            // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask  ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
             if (imgElement) {
                 imgElement.src = `/assets/${spriteNames}.gif`;
                 console.log(imgElement.src)

src/pages/drag/index.astro

@@ -160,7 +160,7 @@ import Layout from '../../layouts/Layout.astro';
     function displaySprite() {
         if (buddiesList.includes(spriteNames)) {
             const imgElement = document.getElementById('starClipart');
-            // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask  ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
             if (imgElement) {
                 imgElement.src = `/assets/${spriteNames}.gif`;
                 console.log(imgElement.src)

src/pages/drag/match_phonics.astro

@@ -159,7 +159,7 @@ import Layout from '../../layouts/Layout.astro';
     function displaySprite() {
         if (buddiesList.includes(spriteNames)) {
             const imgElement = document.getElementById('starClipart');
-            // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask  ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
             if (imgElement) {
                 imgElement.src = `/assets/${spriteNames}.gif`;
                 console.log(imgElement.src)

src/pages/drag/v2.astro

@@ -159,7 +159,7 @@ import Layout from '../../layouts/Layout.astro';
     function displaySprite() {
         if (buddiesList.includes(spriteNames)) {
             const imgElement = document.getElementById('starClipart');
-            // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask  ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
             if (imgElement) {
                 imgElement.src = `/assets/${spriteNames}.gif`;
                 console.log(imgElement.src)

src/pages/drag/v3.astro

@@ -191,7 +191,7 @@ import Layout from '../../layouts/Layout.astro';
     function displaySprite() {
         if (buddiesList.includes(spriteNames)) {
             const imgElement = document.getElementById('starClipart');
-            // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask  ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
             if (imgElement) {
                 imgElement.src = `/assets/${spriteNames}.gif`;
                 console.log(imgElement.src)

src/pages/drag/v4.astro

@@ -158,7 +158,7 @@ import Layout from '../../layouts/Layout.astro';
     function displaySprite() {
         if (buddiesList.includes(spriteNames)) {
             const imgElement = document.getElementById('starClipart');
-            // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask  ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
             if (imgElement) {
                 imgElement.src = `/assets/${spriteNames}.gif`;
                 console.log(imgElement.src)

src/pages/drawing/drawing_phonics.astro

@@ -23,9 +23,9 @@ import Layout from '../../layouts/Layout.astro';
                             <p id="get-star-value" class="absolute inset-0 flex items-center justify-center text-[#E76408] text-[40px] font-[900]"></p>
                         </div>
                     </div>
-                    <div class="flex flex-row" style="margin-top: 15px; margin-bottom: 15px;">
-                        <img class="z-10" src="/assets/animate-clipart.gif" alt="" style="width: 90.21px; height: 86.24px;" />
-                        <p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-6 rounded-[10px] -ml-[10px]" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p>
+                    <div class="flex flex-row items-center" style="">
+                        <img id="starClipart" class="z-10" src="" alt="" style="width: 170px;" />
+                        <p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-8 rounded-[10px] -ml-[40px] h-fit" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p>
                     </div>
                     <div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3">
                         <button onclick="history.back();" class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
@@ -81,8 +81,9 @@ import Layout from '../../layouts/Layout.astro';
     function displaySprite() {
         if (buddiesList.includes(spriteNames)) {
             const imgElement = document.getElementById('clipArtWithHand');
-            document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            document.getElementById('buddiesName').textContent = `Ask  ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
             if (imgElement) {
+                document.getElementById('starClipart').src = `/assets/${spriteNames}.gif`
                 imgElement.src = `/assets/hand-${spriteNames}.svg`;
                 console.log(imgElement.src)
             } else {
@@ -133,7 +134,9 @@ import Layout from '../../layouts/Layout.astro';
     }
     function showAnimation() {
         const clipArt = document.querySelector('.clip-art');
+        setTimeout(() => {
             clipArt.classList.add('show');
+        }, 100);
     }
     const isMobile = window.innerWidth <= 768; // Define your mobile breakpoint as needed
     const isTab = window.innerWidth > 768 && window.innerWidth <= 1416;

src/pages/drawing/drawing_writo.astro

@@ -23,9 +23,9 @@ import Layout from '../../layouts/Layout.astro';
                             <p id="get-star-value" class="absolute inset-0 flex items-center justify-center text-[#E76408] text-[40px] font-[900]"></p>
                         </div> 
                     </div>
-                    <div class="flex flex-row" style="margin-top: 15px; margin-bottom: 15px;">
-                        <img class="z-10" src="/assets/animate-clipart.gif" alt="" style="width: 90.21px; height: 86.24px;" />
-                        <p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-6 rounded-[10px] -ml-[10px]" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p>
+                    <div class="flex flex-row items-center" style="">
+                        <img id="starClipart" class="z-10" src="" alt="" style="width: 170px;" />
+                        <p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-8 rounded-[10px] -ml-[40px] h-fit" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p>
                     </div>
                     <div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3">
                         <button onclick="history.back();" class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
@@ -80,8 +80,9 @@ import Layout from '../../layouts/Layout.astro';
     function displaySprite() {
         if (buddiesList.includes(spriteNames)) {
             const imgElement = document.getElementById('clipArtWithHand');
-            document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            document.getElementById('buddiesName').textContent = `Ask  ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
             if (imgElement) {
+                document.getElementById('starClipart').src = `/assets/${spriteNames}.gif`
                 imgElement.src = `/assets/hand-${spriteNames}.svg`;
                 console.log(imgElement.src)
             } else {
@@ -131,7 +132,9 @@ import Layout from '../../layouts/Layout.astro';
     }
     function showAnimation() {
         const clipArt = document.querySelector('.clip-art');
+        setTimeout(() => {
             clipArt.classList.add('show');
+        }, 100);
     }
     const isMobile = window.innerWidth <= 768; // Define your mobile breakpoint as needed
     const isTab = window.innerWidth > 768 && window.innerWidth <= 1416;

src/pages/drawing/index.astro

@@ -23,9 +23,9 @@ import Layout from '../../layouts/Layout.astro';
                             <p id="get-star-value" class="absolute inset-0 flex items-center justify-center text-[#E76408] text-[40px] font-[900]"></p>
                         </div> 
                     </div>
-                    <div class="flex flex-row" style="margin-top: 15px; margin-bottom: 15px;">
-                        <img class="z-10" src="/assets/animate-clipart.gif" alt="" style="width: 90.21px; height: 86.24px;" />
-                        <p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-6 rounded-[10px] -ml-[10px]" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p>
+                    <div class="flex flex-row items-center" style="">
+                        <img id="starClipart" class="z-10" src="" alt="" style="width: 170px;" />
+                        <p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-8 rounded-[10px] -ml-[40px] h-fit" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p>
                     </div>
                     <div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3">
                         <button onclick="history.back();" class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
@@ -76,14 +76,16 @@ import Layout from '../../layouts/Layout.astro';
     const akademyUserId = params.get('childId');
     const akademyGameName = params.get('gameName');
     const spriteNames = params.get('spriteName');
-    let buddiesList = [ "arlo", "ava", "dax", "kai", "monstero", "yara" ]
+    let buddiesList = [ "arlo", "ava", "dax", "kai", "monstero", "yara" ];
+    // starClipart
     function displaySprite() {
         if (buddiesList.includes(spriteNames)) {
             const imgElement = document.getElementById('clipArtWithHand');
-            document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            document.getElementById('buddiesName').textContent = `Ask  ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
             if (imgElement) {
+                document.getElementById('starClipart').src = `/assets/${spriteNames}.gif`
                 imgElement.src = `/assets/hand-${spriteNames}.svg`;
-                console.log(imgElement.src)
+                // console.log(imgElement.src)
             } else {
                 console.log('Element with ID "clipArtWithHand" not found.');
             }
@@ -146,11 +148,9 @@ import Layout from '../../layouts/Layout.astro';
     }
     function showAnimation() {
         const clipArt = document.querySelector('.clip-art');
-        
-        // Initially set the clip-art to show after 2 seconds with a slide effect
         setTimeout(() => {
-            clipArt.classList.add('show');  // Add the show class to trigger animation
-        }, 2000); // Delay animation by 2 seconds
+            clipArt.classList.add('show');
+        }, 100);
     }
 
     const isMobile = window.innerWidth <= 768; // Define your mobile breakpoint as needed

src/pages/drawing/v2.astro

@@ -23,9 +23,9 @@ import Layout from '../../layouts/Layout.astro';
                             <p id="get-star-value" class="absolute inset-0 flex items-center justify-center text-[#E76408] text-[40px] font-[900]"></p>
                         </div> 
                     </div>
-                    <div class="flex flex-row" style="margin-top: 15px; margin-bottom: 15px;">
-                        <img class="z-10" src="/assets/animate-clipart.gif" alt="" style="width: 90.21px; height: 86.24px;" />
-                        <p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-6 rounded-[10px] -ml-[10px]" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p>
+                    <div class="flex flex-row items-center" style="">
+                        <img id="starClipart" class="z-10" src="" alt="" style="width: 170px;" />
+                        <p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-8 rounded-[10px] -ml-[40px] h-fit" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p>
                     </div>
                     <div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3">
                         <button onclick="history.back();" class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
@@ -80,8 +80,9 @@ import Layout from '../../layouts/Layout.astro';
     function displaySprite() {
         if (buddiesList.includes(spriteNames)) {
             const imgElement = document.getElementById('clipArtWithHand');
-            document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            document.getElementById('buddiesName').textContent = `Ask  ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
             if (imgElement) {
+                document.getElementById('starClipart').src = `/assets/${spriteNames}.gif`
                 imgElement.src = `/assets/hand-${spriteNames}.svg`;
                 console.log(imgElement.src)
             } else {
@@ -131,7 +132,9 @@ import Layout from '../../layouts/Layout.astro';
     }
     function showAnimation() {
         const clipArt = document.querySelector('.clip-art');
+        setTimeout(() => {
             clipArt.classList.add('show');
+        }, 100);
     }
     const isMobile = window.innerWidth <= 768; // Define your mobile breakpoint as needed
     const isTab = window.innerWidth > 768 && window.innerWidth <= 1416;

src/pages/drawing/v3.astro

@@ -23,9 +23,9 @@ import Layout from '../../layouts/Layout.astro';
                             <p id="get-star-value" class="absolute inset-0 flex items-center justify-center text-[#E76408] text-[40px] font-[900]"></p>
                         </div> 
                     </div>
-                    <div class="flex flex-row" style="margin-top: 15px; margin-bottom: 15px;">
-                        <img class="z-10" src="/assets/animate-clipart.gif" alt="" style="width: 90.21px; height: 86.24px;" />
-                        <p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-6 rounded-[10px] -ml-[10px]" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p>
+                    <div class="flex flex-row items-center" style="">
+                        <img id="starClipart" class="z-10" src="" alt="" style="width: 170px;" />
+                        <p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-8 rounded-[10px] -ml-[40px] h-fit" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p>
                     </div>
                     <div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3">
                         <button onclick="history.back();" class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
@@ -80,8 +80,9 @@ import Layout from '../../layouts/Layout.astro';
     function displaySprite() {
         if (buddiesList.includes(spriteNames)) {
             const imgElement = document.getElementById('clipArtWithHand');
-            document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            document.getElementById('buddiesName').textContent = `Ask  ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
             if (imgElement) {
+                document.getElementById('starClipart').src = `/assets/${spriteNames}.gif`
                 imgElement.src = `/assets/hand-${spriteNames}.svg`;
                 console.log(imgElement.src)
             } else {
@@ -131,7 +132,9 @@ import Layout from '../../layouts/Layout.astro';
     }
     function showAnimation() {
         const clipArt = document.querySelector('.clip-art');
+        setTimeout(() => {
             clipArt.classList.add('show');
+        }, 100);
     }
     const isMobile = window.innerWidth <= 768; // Define your mobile breakpoint as needed
     const isTab = window.innerWidth > 768 && window.innerWidth <= 1416;

src/pages/tick/tick_phonics_v1.astro

@@ -151,7 +151,7 @@ import Layout from "../../layouts/Layout.astro";
     function displaySprite() {
         if (buddiesList.includes(spriteNames)) {
             const imgElement = document.getElementById('starClipart');
-            // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask  ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
             if (imgElement) {
                 imgElement.src = `/assets/${spriteNames}.gif`;
                 console.log(imgElement.src)
@@ -486,7 +486,7 @@ import Layout from "../../layouts/Layout.astro";
                     };
                     const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token
                     try {
-                        const submitResponse = await fetch('https://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions', {
+                        const submitResponse = await fetch('https://beanstalkedu.in/api/one/v1/akademy/worksheet/submissions', {
                             method: 'POST',
                             headers: {
                                 'Content-Type': 'application/json',

src/pages/tick/tick_phonics_v2.astro

@@ -175,7 +175,7 @@ import Layout from "../../layouts/Layout.astro";
     function displaySprite() {
         if (buddiesList.includes(spriteNames)) {
             const imgElement = document.getElementById('starClipart');
-            // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask  ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
             if (imgElement) {
                 imgElement.src = `/assets/${spriteNames}.gif`;
                 console.log(imgElement.src)
@@ -515,7 +515,7 @@ import Layout from "../../layouts/Layout.astro";
                     };
                     const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token
                     try {
-                        const submitResponse = await fetch('https://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions', {
+                        const submitResponse = await fetch('https://beanstalkedu.in/api/one/v1/akademy/worksheet/submissions', {
                             method: 'POST',
                             headers: {
                                 'Content-Type': 'application/json',

src/pages/tick/tick_phonics_v3.astro

@@ -132,7 +132,7 @@ import Layout from "../../layouts/Layout.astro";
     function displaySprite() {
         if (buddiesList.includes(spriteNames)) {
             const imgElement = document.getElementById('starClipart');
-            // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask  ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
             if (imgElement) {
                 imgElement.src = `/assets/${spriteNames}.gif`;
                 console.log(imgElement.src)
@@ -438,7 +438,7 @@ import Layout from "../../layouts/Layout.astro";
                     };
                     const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token
                     try {
-                        const submitResponse = await fetch('https://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions', {
+                        const submitResponse = await fetch('https://beanstalkedu.in/api/one/v1/akademy/worksheet/submissions', {
                             method: 'POST',
                             headers: {
                                 'Content-Type': 'application/json',

src/pages/tick/v1.astro

@@ -151,7 +151,7 @@ import Layout from "../../layouts/Layout.astro";
     function displaySprite() {
         if (buddiesList.includes(spriteNames)) {
             const imgElement = document.getElementById('starClipart');
-            // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask  ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
             if (imgElement) {
                 imgElement.src = `/assets/${spriteNames}.gif`;
                 console.log(imgElement.src)
@@ -478,7 +478,7 @@ import Layout from "../../layouts/Layout.astro";
                     };
                     const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token
                     try {
-                        const submitResponse = await fetch('https://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions', {
+                        const submitResponse = await fetch('https://beanstalkedu.in/api/one/v1/akademy/worksheet/submissions', {
                             method: 'POST',
                             headers: {
                                 'Content-Type': 'application/json',

src/pages/tick/v2.astro

@@ -171,7 +171,7 @@ import Layout from "../../layouts/Layout.astro";
     function displaySprite() {
         if (buddiesList.includes(spriteNames)) {
             const imgElement = document.getElementById('starClipart');
-            // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask  ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
             if (imgElement) {
                 imgElement.src = `/assets/${spriteNames}.gif`;
                 console.log(imgElement.src)
@@ -506,7 +506,7 @@ import Layout from "../../layouts/Layout.astro";
                     };
                     const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token
                     try {
-                        const submitResponse = await fetch('https://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions', {
+                        const submitResponse = await fetch('https://beanstalkedu.in/api/one/v1/akademy/worksheet/submissions', {
                             method: 'POST',
                             headers: {
                                 'Content-Type': 'application/json',

src/pages/tick/v3.astro

@@ -137,7 +137,7 @@ import Layout from "../../layouts/Layout.astro";
     function displaySprite() {
         if (buddiesList.includes(spriteNames)) {
             const imgElement = document.getElementById('starClipart');
-            // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
+            // document.getElementById('buddiesName').textContent = `Ask  ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
             if (imgElement) {
                 imgElement.src = `/assets/${spriteNames}.gif`;
                 console.log(imgElement.src)
@@ -454,7 +454,7 @@ import Layout from "../../layouts/Layout.astro";
                     };
                     const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token
                     try {
-                        const submitResponse = await fetch('https://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions', {
+                        const submitResponse = await fetch('https://beanstalkedu.in/api/one/v1/akademy/worksheet/submissions', {
                             method: 'POST',
                             headers: {
                                 'Content-Type': 'application/json',