@windward/games 0.21.0 → 0.22.0

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## Release [0.22.0] - 2025-08-28
+
+* Merged in feature/LE-2036/update-core-package-v (pull request #252)
+* Merged in feature/LE-1851-multiple-choice-block-feedback-l (pull request #251)
+* Merged release/0.22.0 into feature/LE-1851-multiple-choice-block-feedback-l
+* Merged in feature/LE-2036/word-jumble-gen (pull request #250)
+* Merged in feature/LE-1851-multiple-choice-block-feedback-l (pull request #249)
+
+
 ## Release [0.21.0] - 2025-07-29
 
 * Merged in feature/LE-1912/sorting-game-generation (pull request #246)

package/components/content/blocks/multipleChoice/MultipleChoice.vue

@@ -228,13 +228,14 @@
                     </div>
                 </template>
                 <template #form="{ on, attrs }">
-                    <div v-bind="attrs" v-on="on">
+                    <p v-bind="attrs" v-on="on">
                         <TextViewer v-if="hint" v-model="hintText"></TextViewer>
                         <TextViewer
                             v-if="answerDescriptionModal"
                             v-model="answerDescription"
+                            class="dialog-text-viewer"
                         ></TextViewer>
-                    </div>
+                    </p>
                 </template>
             </DialogBox>
         </v-carousel>
@@ -320,10 +321,14 @@ export default {
         onAnswerDescription(question, answer) {
             this.activeQuestion = question
             this.activeAnswer = answer
-            //launches modal and displays anwer description
+            // launches modal and displays anwer description
             this.dialog = true
             this.answerDescriptionModal = true
-            this.answerDescription = question.answer_description
+            if (question.metadata.config.single_feedback) {
+                this.answerDescription = question.answer_description
+            } else if (!_.isEmpty(answer.feedback)) {
+                this.answerDescription = answer.feedback
+            }
         },
         onChooseAnswer(answer, question) {
             // check to see if student already answered this question
@@ -467,13 +472,12 @@ export default {
                 }
             )
             if (studentsQuestionResponse) {
-                if (answer.correctAnswer === true && answer.chosen === true) {
-                    return 'mdi-information'
-                } else if (
-                    answer.correctAnswer === true &&
-                    answer.chosen === false
+                if (
+                    answer.chosen === true &&
+                    (!_.isEmpty(answer.feedback) ||
+                        question.metadata.config.single_feedback)
                 ) {
-                    return 'mdi-information-outline'
+                    return 'mdi-message-alert-outline'
                 }
             }
         },
@@ -613,4 +617,7 @@ export default {
     min-width: 20% !important;
     margin-right: 16px;
 }
+.dialog-text-viewer {
+    color: var(--v-primary-base);
+}
 </style>

package/components/settings/WordJumbleSettingsManager.vue

@@ -119,10 +119,26 @@
                 indeterminate
             ></v-progress-circular>
         </div>
+        <v-container class="pa-4 mb-6">
+            <v-row>
+                <v-col cols="12">
+                    <GenerateAIQuestionButton
+                        :course="course"
+                        :content="currentContent"
+                        :block="block"
+                        question-type="word_jumble"
+                        :replace-existing-mode="replaceExisting"
+                        @click:generate="onGeneratedWordJumble"
+                    ></GenerateAIQuestionButton>
+                </v-col>
+            </v-row>
+        </v-container>
     </div>
 </template>
 <script>
 import _ from 'lodash'
+import { mapGetters } from 'vuex'
+import { GenerateAIQuestionButton } from '@windward/core/utils'
 import BaseContentSettings from '~/components/Content/Settings/BaseContentSettings.js'
 import SortableExpansionPanel from '~/components/Core/SortableExpansionPanel.vue'
 import BaseContentBlockSettings from '~/components/Content/Settings/BaseContentBlockSettings.vue'
@@ -133,6 +149,7 @@ export default {
     components: {
         SortableExpansionPanel,
         BaseContentBlockSettings,
+        GenerateAIQuestionButton,
     },
     beforeMount() {
         if (_.isEmpty(this.block)) {
@@ -173,8 +190,16 @@ export default {
         return {
             valid: true,
             loading: false,
+            replaceExisting: true,
         }
     },
+    computed: {
+        
+        ...mapGetters({
+            course: 'course/get',
+            currentContent: 'content/get',
+        }),
+    },
     methods: {
         onBeforeSave() {
             this.block.metadata.config.words.forEach((element) => {
@@ -226,6 +251,73 @@ export default {
             this.block.metadata.config.currentWord =
                 this.block.metadata.config.words.length - 1
         },
+        onGeneratedWordJumble(activityData, replaceMode) {
+            this.loading = true
+            try {
+                // Process the activity data
+                if (activityData && activityData.metadata &&
+                    activityData.metadata.config &&
+                    activityData.metadata.config.words &&
+                    Array.isArray(activityData.metadata.config.words)) {
+
+                    const newWords = activityData.metadata.config.words
+
+                    if (replaceMode) {                        this.block.metadata.config.words.splice(0, this.block.metadata.config.words.length)
+                        newWords.forEach(word => {
+                            this.block.metadata.config.words.push({
+                                id: word.id || this.block.metadata.config.words.length + 1,
+                                value: word.value || '',
+                                hint: word.hint || '',
+                                shuffledWord: this.shuffle(word.value || '')
+                            })
+                        })
+                    } else {
+                        newWords.forEach(word => {
+                            this.block.metadata.config.words.push({
+                                id: this.block.metadata.config.words.length + 1,
+                                value: word.value || '',
+                                hint: word.hint || '',
+                                shuffledWord: this.shuffle(word.value || '')
+                            })
+                        })
+                    }
+
+                    if (replaceMode && activityData.metadata.config.title) {
+                        this.block.metadata.config.title = activityData.metadata.config.title
+                    }
+
+                    if (replaceMode) {
+                        if (activityData.metadata.config.feedback_correct) {
+                            this.block.metadata.config.feedback_correct = activityData.metadata.config.feedback_correct
+                        }
+
+                        if (activityData.metadata.config.feedback_incorrect) {
+                            this.block.metadata.config.feedback_incorrect = activityData.metadata.config.feedback_incorrect
+                        }
+                    }
+
+                    this.block.metadata.config.currentWord = 0
+
+                    this.$toast.success(
+                        replaceMode
+                            ? this.$t('windward.games.components.settings.word_jumble.form.replaced_successfully')
+                            : this.$t('windward.games.components.settings.word_jumble.form.added_successfully'),
+                        { duration: 3000 }
+                    )
+                } else {
+                    this.$toast.error(this.$t('windward.games.components.settings.word_jumble.form.invalid_response'), {
+                        duration: 5000
+                    })
+                }
+            } catch (error) {
+                const errorMessage = error.message || 'Unknown error occurred'
+                this.$toast.error(`${this.$t('windward.games.components.settings.word_jumble.form.failed_to_process')}: ${errorMessage}`, {
+                    duration: 5000
+                })
+            } finally {
+                this.loading = false
+            }
+        },
     },
 }
 </script>

package/i18n/en-US/components/settings/word_jumble.ts

@@ -9,4 +9,13 @@ export default {
     add: 'Add Word',
     feedback_correct: 'Feedback when correct',
     feedback_incorrect: 'Feedback when incorrect',
+    
+    // AI generation keys in nested form structure
+    form: {
+        replace_existing: 'Replace existing words',
+        replaced_successfully: 'Words replaced successfully',
+        added_successfully: 'New words added successfully',
+        invalid_response: 'Invalid response from word jumble generation',
+        failed_to_process: 'Failed to process generated words'
+    }
 }

package/i18n/es-ES/components/settings/word_jumble.ts

@@ -9,4 +9,13 @@ export default {
     add: 'Agregar palabra',
     feedback_correct: 'Comentarios cuando sea correcto',
     feedback_incorrect: 'Comentarios cuando sean incorrectos',
+    
+    // AI generation keys in nested form structure
+    form: {
+        replace_existing: 'Reemplazar palabras existentes',
+        replaced_successfully: 'Palabras reemplazadas exitosamente',
+        added_successfully: 'Nuevas palabras añadidas exitosamente',
+        invalid_response: 'Respuesta inválida de la generación de revoltijo de palabras',
+        failed_to_process: 'Error al procesar las palabras generadas'
+    }
 }

package/i18n/sv-SE/components/settings/word_jumble.ts

@@ -9,4 +9,13 @@ export default {
     add: 'Lägg till ord',
     feedback_correct: 'Återkoppling när korrekt',
     feedback_incorrect: 'Återkoppling när felaktig',
+    
+    // AI generation keys in nested form structure
+    form: {
+        replace_existing: 'Ersätt befintliga ord',
+        replaced_successfully: 'Ord ersatta framgångsrikt',
+        added_successfully: 'Nya ord tillagda framgångsrikt',
+        invalid_response: 'Ogiltig respons från ordvirrvarr-generering',
+        failed_to_process: 'Misslyckades med att bearbeta genererade ord'
+    }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@windward/games",
-    "version": "0.21.0",
+    "version": "0.22.0",
     "description": "Windward UI Plugin Games",
     "main": "plugin.js",
     "scripts": {
@@ -21,7 +21,7 @@
     "license": "MIT",
     "homepage": "https://bitbucket.org/mindedge/windward-ui-plugin-games#readme",
     "dependencies": {
-        "@windward/core": "^0.21.0",
+        "@windward/core": "^0.22.0",
         "eslint": "^8.11.0",
         "lodash": "^4.17.21",
         "prettier": "^2.6.0",