chore: update to paragon 19.1.0

Replace our custom Tour component with the drop-in ProductTour
replacement in paragon.

Author: mikix

docs/decisions/0010-tour-structure-decisions.md

@@ -36,7 +36,7 @@
     "@edx/frontend-enterprise-utils": "1.1.1",
     "@edx/frontend-lib-special-exams": "1.15.5",
     "@edx/frontend-platform": "1.14.3",
-    "@edx/paragon": "19.0.0",
+    "@edx/paragon": "19.1.0",
     "@edx/frontend-component-header": "^2.4.2",
     "@fortawesome/fontawesome-svg-core": "1.2.36",
     "@fortawesome/free-brands-svg-icons": "5.15.4",

package-lock.json

@@ -378,7 +378,6 @@
 @import "course-home/progress-tab/course-completion/CompletionDonutChart.scss";
 @import "course-home/progress-tab/grades/course-grade/GradeBar.scss";
 @import "courseware/course/course-exit/CourseRecommendations";
-@import "src/tour/Checkpoint.scss";
 
 /** [MM-P2P] Experiment */
 @import "experiments/mm-p2p/index.scss";

package.json

@@ -3,8 +3,7 @@ import { useDispatch, useSelector } from 'react-redux';
 import PropTypes from 'prop-types';
 import { sendTrackEvent } from '@edx/frontend-platform/analytics';
 import { getAuthenticatedUser } from '@edx/frontend-platform/auth';
-
-import Tour from '../tour/Tour';
+import { ProductTour } from '@edx/paragon';
 
 import abandonTour from './AbandonTour';
 import coursewareTour from './CoursewareTour';
@@ -82,7 +81,7 @@ function ProductTours({
     }
   }, [showNewUserCourseHomeTour]);
 
-  // The <Tour /> component cannot handle rendering multiple enabled tours at once.
+  // The <ProductTour /> component cannot handle rendering multiple enabled tours at once.
   // I.e. when adding new tours, beware that if multiple tours are enabled,
   // the first enabled tour in the following array will be the only one that renders.
   // The suggestion for populating these tour objects is to ensure only one tour is enabled at a time.
@@ -142,7 +141,7 @@ function ProductTours({
 
   return (
     <>
-      <Tour
+      <ProductTour
         tours={tours}
       />
       <NewUserCourseHomeTourModal

src/index.scss

@@ -306,7 +306,7 @@ describe('Courseware Tour', () => {
 
   expect(global.location.href).toEqual(`http://localhost/course/${courseId}/${defaultSequenceBlock.id}/${unitBlocks[1].id}`);
 
-  const checkpoint = container.querySelectorAll('#checkpoint');
+  const checkpoint = container.querySelectorAll('#pgn__checkpoint');
   expect(checkpoint).toHaveLength(showCoursewareTour ? 1 : 0);
 });
   });