ref: Refactor the modal's UI to be more up to date with BBB

manifest.json

@@ -1,5 +1,5 @@
 {
-  "requiredSdkVersion": "~0.0.65",
+  "requiredSdkVersion": "~0.0.92",
   "name": "BbbPluginPickRandomUser",
   "version": "0.0.8",
   "javascriptEntrypointUrl": "BbbPluginPickRandomUser.js",

package.json

@@ -10,7 +10,7 @@
     "@types/react": "^18.2.13",
     "@types/react-dom": "^18.2.6",
     "babel-plugin-syntax-dynamic-import": "^6.18.0",
-    "bigbluebutton-html-plugin-sdk": "0.0.89",
+    "bigbluebutton-html-plugin-sdk": "0.0.100",
     "react-intl": "^6.6.8",
     "path": "^0.12.7",
     "react": "^18.2.0",
@@ -28,6 +28,7 @@
     "lint:watch": "watch 'yarn lint'",
     "publish-plugin:dev": "bash scripts/copy-plugin-to-container.sh",
     "test": "npx playwright test",
+    "test:isolated": "TEST_MEETINGS=isolated npx playwright test",
     "test-chromium-ci": "export CI='true' && npx playwright test --project=chromium"
   },
   "browserslist": {

playwright.config.ts

@@ -9,7 +9,7 @@ export default defineConfig({
   fullyParallel: true,
   forbidOnly: CI,
   reporter: CI
-    ? [['list'], ['blob']]
+    ? [['blob'], ['./core/setup/customReporter.ts']]
     : [['list'], ['html', { open: 'never' }]],
   use: {
     baseURL: server,

public/locales/de.json

@@ -1,4 +1,5 @@
 {
+  "pickRandomUserPlugin.modal.pickedUserView.resultSectionLabel": "Ergebnis",
   "pickRandomUserPlugin.modal.pickedUserView.title.currentUserPicked": "Sie wurden zufällig ausgewählt",
   "pickRandomUserPlugin.modal.pickedUserView.title.randomUserPicked": "Zufällig gewählter Teilnehmer",
   "pickRandomUserPlugin.modal.pickedUserView.backButton.label": "zurück",
@@ -7,6 +8,10 @@
   "pickRandomUserPlugin.modal.presenterView.optionSection.includeModeratorsLabel": "Moderatoren einbeziehen",
   "pickRandomUserPlugin.modal.presenterView.optionSection.includePresenterLabel": "Präsentator einbeziehen",
   "pickRandomUserPlugin.modal.presenterView.optionSection.includePickedUsersLabel": "Wähle bereits gewählte Teilnehmer",
+  "pickRandomUserPlugin.modal.presenterView.filterChips.label": "Auch einbeziehen:",
+  "pickRandomUserPlugin.modal.presenterView.filterChips.moderators": "Moderatoren",
+  "pickRandomUserPlugin.modal.presenterView.filterChips.presenter": "Präsentator",
+  "pickRandomUserPlugin.modal.presenterView.filterChips.pickedUsers": "Bereits gewählt",
   "pickRandomUserPlugin.modal.presenterView.availableSection.title": "Zur Auswahl stehen",
   "pickRandomUserPlugin.modal.presenterView.availableSection.userLabel": "Teilnehmer",
   "pickRandomUserPlugin.modal.presenterView.availableSection.userLabelPlural": "Teilnehmer",
@@ -15,8 +20,15 @@
   "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.title": "Zuvor gewählt",
   "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.clearButtonLabel": "Alle löschen",
   "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.noUsersWarning": "Keine {0} zum Auswählen verfügbar",
-  "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.pickButtonLabel.pickUser": "Wähle {0}",
-  "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.pickButtonLabel.pickAgain": "Wähle erneut",
+  "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.pickButtonLabel.pickUser": "Wähle zufälligen Teilnehmer",
+  "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.pickButtonLabel.pickNext": "Nächsten zufälligen Teilnehmer wählen",
+  "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.pickButtonLabel.pickAnother": "Anderen zufälligen Teilnehmer wählen",
   "pickRandomUserPlugin.actionsButtonDropdown.label.pickUser": "Wähle zufälligen Teilnehmer",
-  "pickRandomUserPlugin.actionsButtonDropdown.label.viewLastPickedUser": "Zeige zuletzt gewählten Teilnehmer"
+  "pickRandomUserPlugin.actionsButtonDropdown.label.viewLastPickedUser": "Zeige zuletzt gewählten Teilnehmer",
+  "pickRandomUserPlugin.modal.title": "Zufälligen Teilnehmer wählen",
+  "pickRandomUserPlugin.modal.closeButton.ariaLabel": "Schließen",
+  "pickRandomUserPlugin.modal.presenterView.availableSection.emptyState": "Keine {0} zur Auswahl verfügbar",
+  "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.emptyState": "Noch kein Teilnehmer ausgewählt",
+  "pickRandomUserPlugin.modal.presenterView.roleLabel.moderator": "Moderator",
+  "pickRandomUserPlugin.modal.presenterView.roleLabel.presenter": "Präsentator"
 }

public/locales/en.json

@@ -1,12 +1,17 @@
 {
+  "pickRandomUserPlugin.modal.pickedUserView.resultSectionLabel": "Result",
   "pickRandomUserPlugin.modal.pickedUserView.title.currentUserPicked": "You have been randomly picked",
   "pickRandomUserPlugin.modal.pickedUserView.title.randomUserPicked": "Randomly picked user",
   "pickRandomUserPlugin.modal.pickedUserView.backButton.label": "back",
   "pickRandomUserPlugin.modal.pickedUserView.avatarImage.alternativeText": "Avatar image of user {0}",
   "pickRandomUserPlugin.modal.presenterView.optionSection.title": "Options",
   "pickRandomUserPlugin.modal.presenterView.optionSection.includeModeratorsLabel": "Include moderators",
   "pickRandomUserPlugin.modal.presenterView.optionSection.includePresenterLabel": "Include presenter",
-  "pickRandomUserPlugin.modal.presenterView.optionSection.includePickedUsersLabel": "Include already picked user",
+  "pickRandomUserPlugin.modal.presenterView.optionSection.includePickedUsersLabel": "Include already picked users",
+  "pickRandomUserPlugin.modal.presenterView.filterChips.label": "Also include:",
+  "pickRandomUserPlugin.modal.presenterView.filterChips.moderators": "Moderators",
+  "pickRandomUserPlugin.modal.presenterView.filterChips.presenter": "Presenter",
+  "pickRandomUserPlugin.modal.presenterView.filterChips.pickedUsers": "Already picked",
   "pickRandomUserPlugin.modal.presenterView.availableSection.title": "Available for selection",
   "pickRandomUserPlugin.modal.presenterView.availableSection.userLabel": "user",
   "pickRandomUserPlugin.modal.presenterView.availableSection.userLabelPlural": "users",
@@ -15,10 +20,17 @@
   "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.title": "Previously picked",
   "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.clearButtonLabel": "Clear All",
   "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.noUsersWarning": "No {0} available to randomly pick from",
-  "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.pickButtonLabel.pickUser": "Pick {0}",
-  "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.pickButtonLabel.pickAgain": "Pick again",
+  "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.pickButtonLabel.pickUser": "Pick random user",
+  "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.pickButtonLabel.pickNext": "Pick next random user",
+  "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.pickButtonLabel.pickAnother": "Pick another random user",
   "pickRandomUserPlugin.actionsButtonDropdown.label.pickUser": "Pick random user",
   "pickRandomUserPlugin.actionsButtonDropdown.label.viewLastPickedUser": "Display last randomly picked user",
+  "pickRandomUserPlugin.modal.title": "Pick random user",
+  "pickRandomUserPlugin.modal.closeButton.ariaLabel": "Close",
+  "pickRandomUserPlugin.modal.presenterView.availableSection.emptyState": "No {0} available for selection",
+  "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.emptyState": "No user selected yet",
+  "pickRandomUserPlugin.modal.presenterView.roleLabel.moderator": "moderator",
+  "pickRandomUserPlugin.modal.presenterView.roleLabel.presenter": "presenter",
   "pickRandomUserPlugin.modal.closeDelayMessage": "You can close this modal in {seconds} seconds",
   "pickRandomUserPlugin.modal.closeDelayMessageSingular": "You can close this modal in {seconds} second"
 }

public/locales/fr-FR.json

@@ -1,11 +1,16 @@
 {
+  "pickRandomUserPlugin.modal.pickedUserView.resultSectionLabel": "Résultat",
   "pickRandomUserPlugin.modal.pickedUserView.title.currentUserPicked": "Vous avez été sélectionné au hasard",
   "pickRandomUserPlugin.modal.pickedUserView.title.randomUserPicked": "Participant sélectionné au hasard",
   "pickRandomUserPlugin.modal.pickedUserView.backButton.label": "retour",
   "pickRandomUserPlugin.modal.presenterView.optionSection.title": "Options",
   "pickRandomUserPlugin.modal.presenterView.optionSection.includeModeratorsLabel": "Inclure les modérateurs",
   "pickRandomUserPlugin.modal.presenterView.optionSection.includePresenterLabel": "Inclure le présentateur",
-  "pickRandomUserPlugin.modal.presenterView.optionSection.includePickedUsersLabel": "Inclure un participant déjà sélectionné",
+  "pickRandomUserPlugin.modal.presenterView.optionSection.includePickedUsersLabel": "Inclure des participants déjà sélectionnés",
+  "pickRandomUserPlugin.modal.presenterView.filterChips.label": "Inclure aussi :",
+  "pickRandomUserPlugin.modal.presenterView.filterChips.moderators": "Modérateurs",
+  "pickRandomUserPlugin.modal.presenterView.filterChips.presenter": "Présentateur",
+  "pickRandomUserPlugin.modal.presenterView.filterChips.pickedUsers": "Déjà sélectionnés",
   "pickRandomUserPlugin.modal.presenterView.availableSection.title": "Disponible pour la sélection",
   "pickRandomUserPlugin.modal.presenterView.availableSection.userLabel": "participant",
   "pickRandomUserPlugin.modal.presenterView.availableSection.userLabelPlural": "participants",
@@ -14,8 +19,15 @@
   "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.title": "Sélectionné précédemment",
   "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.clearButtonLabel": "Vider la sélection",
   "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.noUsersWarning": "Aucun {0} disponible pour être sélectionné au hasard",
-  "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.pickButtonLabel.pickUser": "Sélectionner {0}",
-  "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.pickButtonLabel.pickAgain": "Sélectionner à nouveau",
+  "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.pickButtonLabel.pickUser": "Sélectionner un participant au hasard",
+  "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.pickButtonLabel.pickNext": "Sélectionner le prochain participant au hasard",
+  "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.pickButtonLabel.pickAnother": "Sélectionner un autre participant au hasard",
   "pickRandomUserPlugin.actionsButtonDropdown.label.pickUser": "Sélectionner un participant au hasard",
-  "pickRandomUserPlugin.actionsButtonDropdown.label.viewLastPickedUser": "Afficher le dernier participant sélectionné au hasard"
+  "pickRandomUserPlugin.actionsButtonDropdown.label.viewLastPickedUser": "Afficher le dernier participant sélectionné au hasard",
+  "pickRandomUserPlugin.modal.title": "Sélectionner un participant au hasard",
+  "pickRandomUserPlugin.modal.closeButton.ariaLabel": "Fermer",
+  "pickRandomUserPlugin.modal.presenterView.availableSection.emptyState": "Aucun {0} disponible pour la sélection",
+  "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.emptyState": "Aucun participant sélectionné pour l'instant",
+  "pickRandomUserPlugin.modal.presenterView.roleLabel.moderator": "modérateur",
+  "pickRandomUserPlugin.modal.presenterView.roleLabel.presenter": "présentateur"
 }

public/locales/it.json

@@ -1,11 +1,16 @@
 {
+  "pickRandomUserPlugin.modal.pickedUserView.resultSectionLabel": "Risultato",
   "pickRandomUserPlugin.modal.pickedUserView.title.currentUserPicked": "Sei stato scelto a caso",
   "pickRandomUserPlugin.modal.pickedUserView.title.randomUserPicked": "Utente scelto a caso",
   "pickRandomUserPlugin.modal.pickedUserView.backButton.label": "indietro",
   "pickRandomUserPlugin.modal.presenterView.optionSection.title": "Opzioni",
   "pickRandomUserPlugin.modal.presenterView.optionSection.includeModeratorsLabel": "Includi moderatori",
   "pickRandomUserPlugin.modal.presenterView.optionSection.includePresenterLabel": "Includi il presentatore",
-  "pickRandomUserPlugin.modal.presenterView.optionSection.includePickedUsersLabel": "Includi l'utente già selezionato",
+  "pickRandomUserPlugin.modal.presenterView.optionSection.includePickedUsersLabel": "Includi gli utenti già selezionati",
+  "pickRandomUserPlugin.modal.presenterView.filterChips.label": "Includi anche:",
+  "pickRandomUserPlugin.modal.presenterView.filterChips.moderators": "Moderatori",
+  "pickRandomUserPlugin.modal.presenterView.filterChips.presenter": "Presentatore",
+  "pickRandomUserPlugin.modal.presenterView.filterChips.pickedUsers": "Già selezionati",
   "pickRandomUserPlugin.modal.presenterView.availableSection.title": "Disponibile per la selezione",
   "pickRandomUserPlugin.modal.presenterView.availableSection.userLabel": "utente",
   "pickRandomUserPlugin.modal.presenterView.availableSection.userLabelPlural": "utenti",
@@ -14,8 +19,15 @@
   "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.title": "Precedentemente selezionato",
   "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.clearButtonLabel": "Cancella tutto",
   "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.noUsersWarning": "Nessun {0} disponibile da cui scegliere casualmente",
-  "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.pickButtonLabel.pickUser": "Scegli {0}",
-  "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.pickButtonLabel.pickAgain": "Scegli di nuovo",
+  "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.pickButtonLabel.pickUser": "Scegli un utente casuale",
+  "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.pickButtonLabel.pickNext": "Scegli il prossimo utente casuale",
+  "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.pickButtonLabel.pickAnother": "Scegli un altro utente casuale",
   "pickRandomUserPlugin.actionsButtonDropdown.label.pickUser": "Scegli un utente casuale",
-  "pickRandomUserPlugin.actionsButtonDropdown.label.viewLastPickedUser": "Visualizza l'ultimo utente scelto casualmente"
+  "pickRandomUserPlugin.actionsButtonDropdown.label.viewLastPickedUser": "Visualizza l'ultimo utente scelto casualmente",
+  "pickRandomUserPlugin.modal.title": "Scegli un utente casuale",
+  "pickRandomUserPlugin.modal.closeButton.ariaLabel": "Chiudi",
+  "pickRandomUserPlugin.modal.presenterView.availableSection.emptyState": "Nessun {0} disponibile per la selezione",
+  "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.emptyState": "Nessun utente selezionato ancora",
+  "pickRandomUserPlugin.modal.presenterView.roleLabel.moderator": "moderatore",
+  "pickRandomUserPlugin.modal.presenterView.roleLabel.presenter": "presentatore"
 }

public/locales/ja.json

@@ -1,4 +1,5 @@
 {
+  "pickRandomUserPlugin.modal.pickedUserView.resultSectionLabel": "結果",
   "pickRandomUserPlugin.modal.pickedUserView.title.currentUserPicked": "あなたが指名されました",
   "pickRandomUserPlugin.modal.pickedUserView.title.randomUserPicked": "指名された人",
   "pickRandomUserPlugin.modal.pickedUserView.backButton.label": "戻る",
@@ -7,6 +8,10 @@
   "pickRandomUserPlugin.modal.presenterView.optionSection.includeModeratorsLabel": "モデレーターを含める",
   "pickRandomUserPlugin.modal.presenterView.optionSection.includePresenterLabel": "発表者を含める",
   "pickRandomUserPlugin.modal.presenterView.optionSection.includePickedUsersLabel": "既に指名した人を含める",
+  "pickRandomUserPlugin.modal.presenterView.filterChips.label": "含める：",
+  "pickRandomUserPlugin.modal.presenterView.filterChips.moderators": "モデレーター",
+  "pickRandomUserPlugin.modal.presenterView.filterChips.presenter": "発表者",
+  "pickRandomUserPlugin.modal.presenterView.filterChips.pickedUsers": "指名済みの人",
   "pickRandomUserPlugin.modal.presenterView.availableSection.title": "指名可能な人",
   "pickRandomUserPlugin.modal.presenterView.availableSection.userLabel": "人のユーザー",
   "pickRandomUserPlugin.modal.presenterView.availableSection.userLabelPlural": "人のユーザー",
@@ -15,8 +20,15 @@
   "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.title": "既に指名された人",
   "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.clearButtonLabel": "全消去",
   "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.noUsersWarning": "{0}の中で指名できる人はいません",
-  "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.pickButtonLabel.pickUser": "{0}から指名する",
-  "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.pickButtonLabel.pickAgain": "もう一度指名する",
+  "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.pickButtonLabel.pickUser": "ランダムに指名する",
+  "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.pickButtonLabel.pickNext": "次のランダムユーザーを指名する",
+  "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.pickButtonLabel.pickAnother": "別のランダムユーザーを指名する",
   "pickRandomUserPlugin.actionsButtonDropdown.label.pickUser": "ランダムに指名する",
-  "pickRandomUserPlugin.actionsButtonDropdown.label.viewLastPickedUser": "最後に指名されたユーザーを表示"
+  "pickRandomUserPlugin.actionsButtonDropdown.label.viewLastPickedUser": "最後に指名されたユーザーを表示",
+  "pickRandomUserPlugin.modal.title": "ランダムにユーザーを選択",
+  "pickRandomUserPlugin.modal.closeButton.ariaLabel": "閉じる",
+  "pickRandomUserPlugin.modal.presenterView.availableSection.emptyState": "選択可能な{0}はいません",
+  "pickRandomUserPlugin.modal.presenterView.previouslyPickedSection.emptyState": "まだユーザーが選択されていません",
+  "pickRandomUserPlugin.modal.presenterView.roleLabel.moderator": "モデレーター",
+  "pickRandomUserPlugin.modal.presenterView.roleLabel.presenter": "発表者"
 }