added RaiseHand and LeaveSession

src/locales/en.json

@@ -5,8 +5,10 @@
   "app.tour.leaveAudio": "Leave the conference audio",
   "app.tour.video": "Enable or disable your camera",
   "app.tour.screenshare": "Share your screen",
-  "app.tour.interactions": "Here you have several features related to interacting with the conference: raise/lower your hand, set a reaction, report if you are absent.",
+  "app.tour.interactions": "Here you can set a reaction.",
+  "app.tour.raiseHand": "Raise or lower your hand.",
   "app.tour.plusActions": "Here you will find more features.",
+  "app.tour.leaveSession": "Leave the session.",
   "app.tour.whiteboard.title": "Whiteboard",
   "app.tour.whiteboard.intro": "This is the whiteboard. The presenter can draw or write over it.",
   "app.tour.whiteboard.upload": "If the presenter uploads a presentation or shares their screen, it will appear here.",
@@ -19,8 +21,8 @@
   "app.tour.panel.questions": "Send questions to the moderator/presenter.",
   "app.tour.recording": "Starts or stops recording the conference.",
   "app.tour.connectionStatus": "Connectivity status of participants who have a bad connection.",
-  "app.tour.moreOptions": "Access more options, like evaluating the platform, accessing the settings or leaving the conference.",
-  "app.tour.endTour": "You learned the basics features. To go deeper, click on \"Learn more \".",
+  "app.tour.moreOptions": "Access more options, like evaluating the platform, accessing the settings or setting yourself as away.",
+  "app.tour.endTour": "You learned the basics features. For more information, click on \"Learn more \".",
   "app.tour.startTour": "Start the tour",
   "app.tour.button.next": "Next",
   "app.tour.button.back": "Back",

src/tour/getTourFeatures.js

@@ -62,6 +62,14 @@ const intlMessages = defineMessages({
     id: 'app.tour.interactions',
     description: 'Interactions button label',
   },
+  raiseHand: {
+    id: 'app.tour.raiseHand',
+    description: 'Raise hand button label',
+  },
+  leaveSession: {
+    id: 'app.tour.leaveSession',
+    description: 'Leave session button label',
+  },
   interactionsMore: {
     id: 'app.tour.interactionsMore',
     description: 'More Interactions button label',
@@ -314,6 +322,28 @@ const getTourFeatures = (
     ],
   };
 
+  const raiseHandFeature = {
+    name: 'raiseHand',
+    date: new Date(0),
+    steps: [
+      {
+        id: 'raiseHand',
+        attachTo: {
+          element: '[data-test="raiseHandBtn"]',
+          on: 'top',
+        },
+        text: intl.formatMessage(intlMessages.raiseHand),
+        buttons: [
+          getBackButton(intl, tour),
+          getNextButton(intl, tour),
+        ],
+        when: {
+          'before-show': () => actions.closePanel(),
+        },
+      },
+    ],
+  };
+
   const whiteboardFeature = {
     name: 'whiteboard',
     date: new Date(0),
@@ -497,6 +527,22 @@ const getTourFeatures = (
     ],
   };
 
+  const leaveSessionFeature = {
+    name: 'leaveSession',
+    date: new Date(0),
+    steps: [
+      {
+        id: 'leaveSession',
+        attachTo: { element: '[data-test="leaveMeetingDropdown"]', on: 'bottom' },
+        text: intl.formatMessage(intlMessages.leaveSession),
+        buttons: [
+          getBackButton(intl, tour),
+          getNextButton(intl, tour),
+        ],
+      },
+    ],
+  };
+
   const moreOptionsFeature = {
     name: 'moreOptions',
     date: new Date(0),
@@ -540,11 +586,13 @@ const getTourFeatures = (
     videoFeature,
     screnshareFeature,
     interactionsFeature,
+    raiseHandFeature,
     whiteboardFeature,
     closePresentationFeature,
     userListToggleFeature,
     recordingFeature,
     connectionStatusFeature,
+    leaveSessionFeature,
     moreOptionsFeature,
     endTourFeature,
   ];