@instructure/outcomes-ui 2.1.7 → 2.1.9

package/es/translated/en-AU-x-unimelb/store/report/__tests__/reducers.test.js

@@ -1,19 +1,27 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { expect } from 'chai';
 import { fromJS } from 'immutable';
-import { setPage, setPageData, setRollups, setResults, setUsers, viewReportAlignment, closeReportAlignment } from "../actions.js";
+import { IN_PROGRESS, NOT_FETCHING } from "../../../constants.js";
+import { setPage, setPageData, setRollups, setResults, setUsers, setReportOutcomes, setLoading, setLoadingRemainingPages, clearReportData, viewReportAlignment, closeReportAlignment } from "../actions.js";
 import reducer from "../reducers.js";
 describe('reports/reducers', function () {
   // eslint-disable-next-line camelcase
   var user_uuid = '560fddd9-9b16-4e3a-969c-2f095e7afc78';
   var state = fromJS({
-    rollups: {
+    outcomes: {
       100: {
         id: 100,
         label: 'blue',
         title: 'green'
       }
     },
+    rollups: [{
+      outcomeId: '100',
+      averageScore: 0.8,
+      count: 1,
+      masteryCount: 1,
+      childArtifactCount: 0
+    }],
     results: {
       1955: _defineProperty({}, user_uuid, {
         user_uuid: user_uuid,
@@ -38,6 +46,12 @@ describe('reports/reducers', function () {
       var newState = reducer(state, setPage(newPage));
       expect(newState.get('page').toJS()).to.deep.equal(newPage);
     });
+    it('is cleared by clearReportData', function () {
+      var newState = reducer(state, clearReportData());
+      expect(newState.get('page').toJS()).to.deep.equal({
+        number: void 0
+      });
+    });
   });
   describe('pageData', function () {
     it('is updated by setPageData', function () {
@@ -48,17 +62,64 @@ describe('reports/reducers', function () {
       var newState = reducer(state, setPageData(newPageData));
       expect(newState.get('pageData').toJS()).to.deep.equal(newPageData);
     });
+    it('is cleared by clearReportData', function () {
+      var newState = reducer(state, clearReportData());
+      expect(newState.get('pageData').toJS()).to.deep.equal(new Map());
+    });
+  });
+  describe('loading', function () {
+    it('is updated by setLoading', function () {
+      var newState = reducer(state, setLoading(true));
+      expect(newState.get('loading')).to.be.true;
+    });
+    it('is cleared by clearReportData', function () {
+      var newState = reducer(state, clearReportData());
+      expect(newState.get('loading')).to.be.false;
+    });
+  });
+  describe('loadingRemainingPages', function () {
+    it('is updated by setLoadingRemainingPages', function () {
+      var newState = reducer(state, setLoadingRemainingPages(IN_PROGRESS));
+      expect(newState.get('loadingRemainingPages')).to.eq(IN_PROGRESS);
+    });
+    it('is cleared by clearReportData', function () {
+      var newState = reducer(state, clearReportData());
+      expect(newState.get('loadingRemainingPages')).to.eq(NOT_FETCHING);
+    });
+  });
+  describe('outcomes', function () {
+    it('is updated by setReportOutcomes', function () {
+      var newOutcome = {
+        200: {
+          id: 200,
+          label: 'yellow',
+          title: 'red'
+        }
+      };
+      var newState = reducer(state, setReportOutcomes(newOutcome));
+      expect(newState.get('outcomes').toJS()).to.deep.equal(newOutcome);
+    });
+    it('is cleared by clearReportData', function () {
+      var newState = reducer(state, clearReportData());
+      expect(newState.get('outcomes').toJS()).to.deep.equal(new Map());
+    });
   });
   describe('rollups', function () {
     it('is updated by setRollups', function () {
       var newRollup = {
-        id: 200,
-        label: 'yellow',
-        title: 'red'
+        outcomeId: 200,
+        averageScore: 0.9,
+        count: 1,
+        masteryCount: 1,
+        childArtifactCount: 0
       };
       var newState = reducer(state, setRollups([newRollup]));
       expect(newState.get('rollups').toJS()).to.deep.equal([newRollup]);
     });
+    it('is cleared by clearReportData', function () {
+      var newState = reducer(state, clearReportData());
+      expect(newState.get('rollups').toJS()).to.deep.equal([]);
+    });
   });
   describe('results', function () {
     it('is updated by setResults', function () {
@@ -105,6 +166,10 @@ describe('reports/reducers', function () {
         pointsPossible: seenResult.pointsPossible
       });
     });
+    it('is cleared by clearReportData', function () {
+      var newState = reducer(state, clearReportData());
+      expect(newState.get('results').toJS()).to.deep.equal(new Map());
+    });
   });
   describe('openReportAlignmentId', function () {
     it('is set by VIEW_REPORT_ALIGNMENT', function () {
@@ -128,5 +193,9 @@ describe('reports/reducers', function () {
       var newState = reducer(state, setUsers(newUsers));
       expect(newState.get('users').toJS()).to.deep.equal(newUsers);
     });
+    it('is cleared by clearReportData', function () {
+      var newState = reducer(state, clearReportData());
+      expect(newState.get('users').toJS()).to.deep.equal(new Map());
+    });
   });
 });

package/es/translated/en-AU-x-unimelb/store/report/actions.js

@@ -3,7 +3,7 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { createAction } from 'redux-actions';
 import { CALL_SERVICE } from '@instructure/redux-service-middleware';
 import { getUsers, getPageLoading, getPageNumber, getResults, getHighestPageSeen, getPageCount, getRollups, getLoadingRemainingPages } from "./selectors.js";
-import { SET_REPORT_PAGE, SET_REPORT_PAGE_DATA, SET_REPORT_OUTCOMES, SET_REPORT_ROLLUPS, SET_REPORT_RESULTS, SET_REPORT_USERS, VIEW_REPORT_ALIGNMENT, CLOSE_REPORT_ALIGNMENT, SET_REPORT_LOADING, SET_REMAINING_PAGES_LOADING, ALL_USERS, ERROR, IN_PROGRESS, COMPLETED } from "../../constants.js";
+import { SET_REPORT_PAGE, SET_REPORT_PAGE_DATA, SET_REPORT_OUTCOMES, SET_REPORT_ROLLUPS, SET_REPORT_RESULTS, SET_REPORT_USERS, SET_REPORT_LOADING, SET_REMAINING_PAGES_LOADING, CLEAR_REPORT_DATA, VIEW_REPORT_ALIGNMENT, CLOSE_REPORT_ALIGNMENT, ALL_USERS, ERROR, IN_PROGRESS, COMPLETED } from "../../constants.js";
 import { getConfig } from "../config/selectors.js";
 import { setError } from "../context/actions.js";
 /*
@@ -13,13 +13,14 @@ import { setError } from "../context/actions.js";
 export var setReportOutcomes = createAction(SET_REPORT_OUTCOMES);
 export var setRollups = createAction(SET_REPORT_ROLLUPS);
 export var setResults = createAction(SET_REPORT_RESULTS);
-export var viewReportAlignment = createAction(VIEW_REPORT_ALIGNMENT);
-export var closeReportAlignment = createAction(CLOSE_REPORT_ALIGNMENT);
 export var setUsers = createAction(SET_REPORT_USERS);
 export var setPageData = createAction(SET_REPORT_PAGE_DATA);
 export var setPage = createAction(SET_REPORT_PAGE);
 export var setLoading = createAction(SET_REPORT_LOADING);
-export var setLoadingRemainingPages = createAction(SET_REMAINING_PAGES_LOADING); // Function calls to Outcome Service
+export var setLoadingRemainingPages = createAction(SET_REMAINING_PAGES_LOADING);
+export var clearReportData = createAction(CLEAR_REPORT_DATA);
+export var viewReportAlignment = createAction(VIEW_REPORT_ALIGNMENT);
+export var closeReportAlignment = createAction(CLOSE_REPORT_ALIGNMENT); // Function calls to Outcome Service
 
 export var loadUsers = function loadUsers(artifactType, artifactId, pageNumber) {
   return function (dispatch, getState, _arg, scope) {
@@ -80,10 +81,10 @@ export var loadPage = function loadPage(artifactType, artifactId, pageNumber, lo
 
     if (!loading) {
       if (hasSeenPage) {
-        dispatch(setPage({
+        return Promise.resolve(dispatch(setPage({
           number: pageNumber,
           loading: false
-        }));
+        })));
       } else {
         dispatch(setLoading(true));
         dispatch(setPage({
@@ -246,6 +247,11 @@ export var loadRemainingResults = function loadRemainingResults(artifactType, ar
       dispatch(setLoadingRemainingPages(ERROR));
     });
   };
+};
+export var clearReportStore = function clearReportStore() {
+  return function (dispatch, _getState, _arg, _scope) {
+    dispatch(clearReportData());
+  };
 }; // Helpers
 
 var getUsersPromise = function getUsersPromise(dispatch, artifactType, artifactId, pageNumber, loadUsersOverride) {

package/es/translated/en-AU-x-unimelb/store/report/reducers.js

@@ -1,34 +1,53 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+var _handleActions, _handleActions2, _handleActions3, _handleActions4, _handleActions5, _handleActions6, _handleActions7, _handleActions8;
+
 import { List, Map, fromJS } from 'immutable';
 import { handleActions } from 'redux-actions';
 import { combineReducers } from 'redux-immutable';
 import { NOT_FETCHING } from "../../constants.js";
-import { setPage, setPageData, setUsers, setReportOutcomes, setRollups, setResults, setLoading, setLoadingRemainingPages } from "./actions.js";
-var users = handleActions(_defineProperty({}, setUsers, function (state, action) {
+import { setPage, setPageData, setUsers, setReportOutcomes, setRollups, setResults, setLoading, setLoadingRemainingPages, clearReportData } from "./actions.js";
+var users = handleActions((_handleActions = {}, _defineProperty(_handleActions, setUsers, function (_state, action) {
   return fromJS(action.payload);
-}), Map());
-var page = handleActions(_defineProperty({}, setPage, function (state, action) {
+}), _defineProperty(_handleActions, clearReportData, function (_state, _action) {
+  return Map();
+}), _handleActions), Map());
+var page = handleActions((_handleActions2 = {}, _defineProperty(_handleActions2, setPage, function (state, action) {
   return fromJS(action.payload);
-}), fromJS({
+}), _defineProperty(_handleActions2, clearReportData, function (_state, _action) {
+  return fromJS({
+    number: void 0
+  });
+}), _handleActions2), fromJS({
   number: void 0
 }));
-var pageData = handleActions(_defineProperty({}, setPageData, function (state, action) {
+var pageData = handleActions((_handleActions3 = {}, _defineProperty(_handleActions3, setPageData, function (state, action) {
   return fromJS(action.payload);
-}), Map());
-var outcomes = handleActions(_defineProperty({}, setReportOutcomes, function (state, action) {
+}), _defineProperty(_handleActions3, clearReportData, function (_state, _action) {
+  return Map();
+}), _handleActions3), Map());
+var outcomes = handleActions((_handleActions4 = {}, _defineProperty(_handleActions4, setReportOutcomes, function (state, action) {
   return fromJS(action.payload);
-}), Map());
-var rollups = handleActions(_defineProperty({}, setRollups, function (state, action) {
+}), _defineProperty(_handleActions4, clearReportData, function (_state, _action) {
+  return Map();
+}), _handleActions4), Map());
+var rollups = handleActions((_handleActions5 = {}, _defineProperty(_handleActions5, setRollups, function (state, action) {
   return fromJS(action.payload);
-}), List());
-var loading = handleActions(_defineProperty({}, setLoading, function (state, action) {
+}), _defineProperty(_handleActions5, clearReportData, function (_state, _action) {
+  return List();
+}), _handleActions5), List());
+var loading = handleActions((_handleActions6 = {}, _defineProperty(_handleActions6, setLoading, function (state, action) {
   return fromJS(action.payload);
-}), false);
-var loadingRemainingPages = handleActions(_defineProperty({}, setLoadingRemainingPages, function (state, action) {
+}), _defineProperty(_handleActions6, clearReportData, function (_state, _action) {
+  return false;
+}), _handleActions6), false);
+var loadingRemainingPages = handleActions((_handleActions7 = {}, _defineProperty(_handleActions7, setLoadingRemainingPages, function (state, action) {
   return fromJS(action.payload);
-}), NOT_FETCHING);
-var results = handleActions(_defineProperty({}, setResults, function (state, action) {
+}), _defineProperty(_handleActions7, clearReportData, function (_state, _action) {
+  return NOT_FETCHING;
+}), _handleActions7), NOT_FETCHING);
+var results = handleActions((_handleActions8 = {}, _defineProperty(_handleActions8, setResults, function (state, action) {
   var _action$payload = action.payload,
       outcomeId = _action$payload.outcomeId,
       results = _action$payload.results,
@@ -51,7 +70,9 @@ var results = handleActions(_defineProperty({}, setResults, function (state, act
   var fetchedResults = Map(resultMap);
   var allResults = Map([].concat(_toConsumableArray(fetchedResults), _toConsumableArray(seenResults)));
   return state.set(outcomeId, allResults);
-}), Map());
+}), _defineProperty(_handleActions8, clearReportData, function (_state, _action) {
+  return Map();
+}), _handleActions8), Map());
 var openReportAlignmentId = handleActions({
   VIEW_REPORT_ALIGNMENT: function VIEW_REPORT_ALIGNMENT(state, action) {
     return action.payload;

package/es/translated/en-CA/components/AlignmentItem/index.js

@@ -23,7 +23,8 @@ var AlignmentItem = function AlignmentItem(_ref) {
       shouldFocus = _ref.shouldFocus,
       isOutcomeSelected = _ref.isOutcomeSelected,
       selectOutcomeIds = _ref.selectOutcomeIds,
-      deselectOutcomeIds = _ref.deselectOutcomeIds;
+      deselectOutcomeIds = _ref.deselectOutcomeIds,
+      features = _ref.features;
 
   var _useState = useState(true),
       _useState2 = _slicedToArray(_useState, 2),
@@ -209,7 +210,8 @@ var AlignmentItem = function AlignmentItem(_ref) {
     ratings: scoring_tiers,
     truncated: truncated,
     isTray: isTray,
-    canManageOutcomes: canManageOutcomes
+    canManageOutcomes: canManageOutcomes,
+    features: features
   })))));
 };
 
@@ -221,7 +223,8 @@ AlignmentItem.propTypes = {
   shouldFocus: PropTypes.bool,
   isOutcomeSelected: PropTypes.func,
   selectOutcomeIds: PropTypes.func,
-  deselectOutcomeIds: PropTypes.func
+  deselectOutcomeIds: PropTypes.func,
+  features: PropTypes.array
 };
 AlignmentItem.defaultProps = {
   removeAlignment: function removeAlignment() {},
@@ -230,6 +233,7 @@ AlignmentItem.defaultProps = {
   shouldFocus: false,
   isOutcomeSelected: function isOutcomeSelected() {},
   selectOutcomeIds: function selectOutcomeIds() {},
-  deselectOutcomeIds: function deselectOutcomeIds() {}
+  deselectOutcomeIds: function deselectOutcomeIds() {},
+  features: []
 };
 export default AlignmentItem;

package/es/translated/en-CA/components/AlignmentWidget/index.js

@@ -104,7 +104,8 @@ var AlignmentWidget = (_dec = themeable(theme, styles), _dec(_class = (_temp = _
 
       var _this$props2 = _this.props,
           alignedOutcomes = _this$props2.alignedOutcomes,
-          canManageOutcomes = _this$props2.canManageOutcomes;
+          canManageOutcomes = _this$props2.canManageOutcomes,
+          features = _this$props2.features;
       return /*#__PURE__*/React.createElement(List, {
         isUnstyled: true,
         margin: "small 0",
@@ -121,7 +122,8 @@ var AlignmentWidget = (_dec = themeable(theme, styles), _dec(_class = (_temp = _
           },
           outcome: outcome,
           canManageOutcomes: canManageOutcomes,
-          shouldFocus: index === _this.state.focusedItem
+          shouldFocus: index === _this.state.focusedItem,
+          features: features
         }));
       }), alignedOutcomes.length > 0 && /*#__PURE__*/React.createElement(List.Item, {
         key: "delimiter-1"
@@ -135,13 +137,15 @@ var AlignmentWidget = (_dec = themeable(theme, styles), _dec(_class = (_temp = _
           OutcomeTray = _this$props3.tray,
           liveRegion = _this$props3.liveRegion,
           screenreaderNotification = _this$props3.screenreaderNotification,
-          showAlert = _this$props3.showAlert;
+          showAlert = _this$props3.showAlert,
+          features = _this$props3.features;
       return /*#__PURE__*/React.createElement(OutcomeTray, Object.assign({
         screenreaderNotification: screenreaderNotification,
         liveRegion: liveRegion,
         scope: scope,
         shouldModifyArtifact: true,
-        showAlert: showAlert
+        showAlert: showAlert,
+        features: features
       }, pickerProps));
     };
 
@@ -230,7 +234,8 @@ var AlignmentWidget = (_dec = themeable(theme, styles), _dec(_class = (_temp = _
   screenreaderNotification: PropTypes.func,
   liveRegion: OutcomePickerModal.propTypes.liveRegion,
   canManageOutcomes: PropTypes.bool.isRequired,
-  showAlert: PropTypes.func
+  showAlert: PropTypes.func,
+  features: PropTypes.array
 }, _class2.defaultProps = {
   alignedOutcomes: [],
   pickerProps: {},
@@ -238,6 +243,7 @@ var AlignmentWidget = (_dec = themeable(theme, styles), _dec(_class = (_temp = _
   screenreaderNotification: null,
   liveRegion: null,
   canManageOutcomes: true,
-  showAlert: function showAlert() {}
+  showAlert: function showAlert() {},
+  features: []
 }, _temp)) || _class);
 export { AlignmentWidget as default };

package/es/translated/en-CA/components/OutcomeDescription/index.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import Ratings from "../Ratings/index.js";
 import t from 'format-message';
 import { algorithmDataShape, scoringTierShape } from "../../store/shapes.js";
-import { HIGHEST, LATEST, N_MASTERY, DECAYING_AVERAGE, AVERAGE, CALCULATION_METHODS } from "../../constants.js";
+import { HIGHEST, LATEST, N_MASTERY, DECAYING_AVERAGE, AVERAGE, CALCULATION_METHODS, WEIGHTED_AVERAGE, STANDARD_DECAYING_AVERAGE, NEW_DECAYING_AVERAGE_FF } from "../../constants.js";
 import { Flex } from '@instructure/ui-flex';
 import { Text } from '@instructure/ui-text';
 import { TruncateText } from '@instructure/ui-truncate-text';
@@ -22,7 +22,9 @@ var OutcomeDescription = function OutcomeDescription(_ref) {
       ratings = _ref.ratings,
       truncated = _ref.truncated,
       isTray = _ref.isTray,
-      canManageOutcomes = _ref.canManageOutcomes;
+      canManageOutcomes = _ref.canManageOutcomes,
+      features = _ref.features;
+  var newDecayingAvgFFEnabled = features.includes(NEW_DECAYING_AVERAGE_FF);
   var descriptionDisplay = !canManageOutcomes && friendlyDescription ? friendlyDescription : description;
 
   var stripHtmlTags = function stripHtmlTags(text) {
@@ -43,6 +45,35 @@ var OutcomeDescription = function OutcomeDescription(_ref) {
     return /*#__PURE__*/React.createElement(Text, null, renderedText);
   };
 
+  var renderUserFacingMethod = function renderUserFacingMethod(calculationMethod) {
+    var displayMethod = DECAYING_AVERAGE;
+    var percent = calculationInt.decaying_average_percent;
+
+    if (newDecayingAvgFFEnabled) {
+      switch (calculationMethod) {
+        case DECAYING_AVERAGE:
+          {
+            displayMethod = WEIGHTED_AVERAGE;
+            percent = calculationInt.decaying_average_percent;
+            break;
+          }
+
+        case STANDARD_DECAYING_AVERAGE:
+          {
+            displayMethod = STANDARD_DECAYING_AVERAGE;
+            percent = calculationInt.standard_decaying_average_percent;
+            break;
+          }
+      }
+    }
+
+    var complement = 100 - percent;
+    return t(CALCULATION_METHODS[displayMethod], {
+      percent: percent,
+      complement: complement
+    });
+  };
+
   var formatCalculationMethodText = function formatCalculationMethodText() {
     var method = '';
 
@@ -75,13 +106,10 @@ var OutcomeDescription = function OutcomeDescription(_ref) {
         }
 
       case DECAYING_AVERAGE:
+      case STANDARD_DECAYING_AVERAGE:
         {
-          var percent = calculationInt.decaying_average_percent;
-          var complement = 100 - percent;
-          method = t(CALCULATION_METHODS[DECAYING_AVERAGE], {
-            percent: percent,
-            complement: complement
-          });
+          method = renderUserFacingMethod(calculationMethod);
+          break;
         }
     }
 
@@ -156,7 +184,8 @@ OutcomeDescription.propTypes = {
   ratings: PropTypes.arrayOf(scoringTierShape),
   truncated: PropTypes.bool,
   isTray: PropTypes.bool,
-  canManageOutcomes: PropTypes.bool
+  canManageOutcomes: PropTypes.bool,
+  features: PropTypes.array
 };
 OutcomeDescription.defaultProps = {
   label: '',
@@ -171,6 +200,7 @@ OutcomeDescription.defaultProps = {
   pointsPossible: null,
   ratings: [],
   truncated: true,
-  canManageOutcomes: true
+  canManageOutcomes: true,
+  features: []
 };
 export default OutcomeDescription;

package/es/translated/en-CA/components/OutcomeTray/OutcomeList/index.js

@@ -28,7 +28,8 @@ var OutcomeList = /*#__PURE__*/function (_React$Component) {
           outcomes = _this$props.outcomes,
           isOutcomeSelected = _this$props.isOutcomeSelected,
           selectOutcomeIds = _this$props.selectOutcomeIds,
-          deselectOutcomeIds = _this$props.deselectOutcomeIds;
+          deselectOutcomeIds = _this$props.deselectOutcomeIds,
+          features = _this$props.features;
       return outcomes.map(function (outcome) {
         return /*#__PURE__*/React.createElement("div", {
           key: outcome.id
@@ -37,7 +38,8 @@ var OutcomeList = /*#__PURE__*/function (_React$Component) {
           isOutcomeSelected: isOutcomeSelected,
           selectOutcomeIds: selectOutcomeIds,
           deselectOutcomeIds: deselectOutcomeIds,
-          isTray: true
+          isTray: true,
+          features: features
         }));
       });
     }
@@ -97,9 +99,11 @@ OutcomeList.propTypes = {
   getOutcomesList: PropTypes.func.isRequired,
   isLoading: PropTypes.bool.isRequired,
   listPage: PropTypes.number.isRequired,
-  listTotal: PropTypes.number
+  listTotal: PropTypes.number,
+  features: PropTypes.array
 };
 OutcomeList.defaultProps = {
-  listTotal: null
+  listTotal: null,
+  features: []
 };
 export { OutcomeList as default };

package/es/translated/en-CA/components/OutcomeTray/index.js

@@ -69,7 +69,8 @@ var OutcomeTray = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
           isFetching = _this$props2.isFetching,
           listPage = _this$props2.listPage,
           listTotal = _this$props2.listTotal,
-          getOutcomesList = _this$props2.getOutcomesList;
+          getOutcomesList = _this$props2.getOutcomesList,
+          features = _this$props2.features;
       return /*#__PURE__*/React.createElement(View, {
         display: "block",
         padding: "small none none none"
@@ -81,7 +82,8 @@ var OutcomeTray = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
         isLoading: isFetching,
         listPage: listPage,
         listTotal: listTotal,
-        getOutcomesList: getOutcomesList
+        getOutcomesList: getOutcomesList,
+        features: features
       }));
     }
   }, {
@@ -258,7 +260,8 @@ var OutcomeTray = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
   displayMasteryPercentText: PropTypes.bool,
   shouldModifyArtifact: PropTypes.bool,
   scope: PropTypes.string.isRequired,
-  showAlert: PropTypes.func
+  showAlert: PropTypes.func,
+  features: PropTypes.array
 }, _class2.defaultProps = {
   screenreaderNotification: null,
   liveRegion: null,
@@ -273,6 +276,7 @@ var OutcomeTray = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
   shouldModifyArtifact: false,
   searchTotal: null,
   listTotal: null,
-  showAlert: function showAlert() {}
+  showAlert: function showAlert() {},
+  features: []
 }, _temp)) || _class);
 export { OutcomeTray as default };

package/es/translated/en-CA/components/OutcomeView/MasteryDescription/index.js

@@ -16,6 +16,7 @@ import { Text } from '@instructure/ui-text';
 import { Spinner } from '@instructure/ui-spinner';
 import { themeable } from '@instructure/ui-themeable';
 import { scoringMethodShape } from "../../../store/shapes.js";
+import { NEW_DECAYING_AVERAGE_FF } from "../../../constants.js";
 import theme from "../../theme.js";
 var styles = {
   componentId: 'IalyE',
@@ -26,10 +27,29 @@ var styles = {
   'scoreMasteryText': 'outcomes-ui__MasteryDescription--scoreMasteryText'
 };
 
-var scoringText = function scoringText(scoringMethod) {
+var renderUserFacingMethod = function renderUserFacingMethod(scoringMethod, newDecayingAvgFFEnabled) {
+  var legacyDecayingAverage = "Mastery calculated by Decaying Average. Most recent counts as " + _percent_enCA_number(scoringMethod.algorithm_data.decaying_average_percent) + " of mastery weight, average of all other results count as " + _percent_enCA_number(1.0 - scoringMethod.algorithm_data.decaying_average_percent) + " of weight. If there is only one result, the single score will be returned.";
+
+  if (newDecayingAvgFFEnabled) {
+    switch (scoringMethod.algorithm) {
+      case 'decaying_average':
+        return "Mastery calculated by Weighted Average. Most recent counts as " + _percent_enCA_number(scoringMethod.algorithm_data.decaying_average_percent) + " of mastery weight, average of all other results count as " + _percent_enCA_number(1.0 - scoringMethod.algorithm_data.decaying_average_percent) + " of weight. If there is only one result, the single score will be returned.";
+
+      case 'standard_decaying_average':
+        return "Mastery calculated by Decaying Average. Between two assessments, the most recent assessment gets " + _percent_enCA_number(scoringMethod.algorithm_data.standard_decaying_average_percent) + " weight, and the first gets " + _percent_enCA_number(1.0 - scoringMethod.algorithm_data.standard_decaying_average_percent) + ". For each additional assessment, the sum of the previous score calculations decay by an additional " + _percent_enCA_number(1.0 - scoringMethod.algorithm_data.standard_decaying_average_percent) + ". If there is only one result, the single score will be returned.";
+    }
+  } else {
+    return legacyDecayingAverage;
+  }
+};
+
+var scoringText = function scoringText(scoringMethod, newDecayingAvgFFEnabled) {
   switch (scoringMethod.algorithm) {
     case 'decaying_average':
-      return "Mastery calculated by Decaying Average. Most recent counts as " + _percent_enCA_number(scoringMethod.algorithm_data.decaying_average_percent) + " of mastery weight, average of all other results count as " + _percent_enCA_number(1.0 - scoringMethod.algorithm_data.decaying_average_percent) + " of weight. If there is only one result, the single score will be returned.";
+      return renderUserFacingMethod(scoringMethod, newDecayingAvgFFEnabled);
+
+    case 'standard_decaying_average':
+      return renderUserFacingMethod(scoringMethod, newDecayingAvgFFEnabled);
 
     case 'n_mastery':
       return "Mastery calculated by n Number of Times. Must achieve mastery at least " + _default_enCA_number(scoringMethod.algorithm_data.n_mastery_count) + " times.  Scores above mastery will be averaged to calculate final score.";
@@ -40,6 +60,9 @@ var scoringText = function scoringText(scoringMethod) {
     case 'latest':
       return "Mastery calculated by Most Recent Score. Mastery score reflects the most recent graded assessment.";
 
+    case 'average':
+      return "Mastery reflects Average Score. Calculated by dividing the sum of all item scores by the number of scores.";
+
     default:
       return '';
   }
@@ -67,7 +90,9 @@ var MasteryDescription = (_dec = themeable(theme, styles), _dec(_class = (_temp
       var _this$props = this.props,
           artifactTypeName = _this$props.artifactTypeName,
           displayMasteryPercentText = _this$props.displayMasteryPercentText,
-          scoringMethod = _this$props.scoringMethod;
+          scoringMethod = _this$props.scoringMethod,
+          features = _this$props.features;
+      var newDecayingAvgFFEnabled = features.includes(NEW_DECAYING_AVERAGE_FF);
 
       if (!scoringMethod) {
         return /*#__PURE__*/React.createElement(Spinner, {
@@ -80,7 +105,7 @@ var MasteryDescription = (_dec = themeable(theme, styles), _dec(_class = (_temp
         "data-automation": "outcomeView__scoreMethodDescription"
       }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Text, {
         size: "small"
-      }, scoringText(scoringMethod))), displayMasteryPercentText && artifactTypeName && /*#__PURE__*/React.createElement("div", {
+      }, scoringText(scoringMethod, newDecayingAvgFFEnabled))), displayMasteryPercentText && artifactTypeName && /*#__PURE__*/React.createElement("div", {
         className: styles.scoreMasteryText
       }, /*#__PURE__*/React.createElement(Text, {
         size: "small"
@@ -93,9 +118,11 @@ var MasteryDescription = (_dec = themeable(theme, styles), _dec(_class = (_temp
 }(React.Component), _class2.propTypes = {
   artifactTypeName: PropTypes.string,
   displayMasteryPercentText: PropTypes.bool.isRequired,
-  scoringMethod: scoringMethodShape
+  scoringMethod: scoringMethodShape,
+  features: PropTypes.array
 }, _class2.defaultProps = {
   artifactTypeName: null,
-  scoringMethod: null
+  scoringMethod: null,
+  features: []
 }, _temp)) || _class);
 export { MasteryDescription as default };

package/es/translated/en-CA/components/OutcomeView/index.js

@@ -77,7 +77,8 @@ var OutcomeView = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
           artifactTypeName = _this$props4.artifactTypeName,
           displayMasteryDescription = _this$props4.displayMasteryDescription,
           displayMasteryPercentText = _this$props4.displayMasteryPercentText,
-          friendlyDescription = _this$props4.friendlyDescription;
+          friendlyDescription = _this$props4.friendlyDescription,
+          features = _this$props4.features;
       var scoringMethod = this.getScoringMethod();
       var scoringTiers = this.getScoringTiers();
       var displayMasteryInformation = this.getDisplayMasteryInformation();
@@ -123,7 +124,8 @@ var OutcomeView = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
       }), displayMasteryDescription && displayMasteryInformation && /*#__PURE__*/React.createElement(MasteryDescription, {
         artifactTypeName: artifactTypeName,
         displayMasteryPercentText: displayMasteryPercentText,
-        scoringMethod: scoringMethod
+        scoringMethod: scoringMethod,
+        features: features
       }));
     }
   }]);
@@ -140,7 +142,8 @@ var OutcomeView = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
   scoringTiers: PropTypes.arrayOf(scoringTierShape),
   artifactTypeName: PropTypes.string,
   displayMasteryDescription: PropTypes.bool,
-  displayMasteryPercentText: PropTypes.bool
+  displayMasteryPercentText: PropTypes.bool,
+  features: PropTypes.array
 }, _class2.defaultProps = {
   context: null,
   outcomeResult: null,
@@ -149,6 +152,7 @@ var OutcomeView = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
   artifactTypeName: null,
   displayMasteryDescription: false,
   displayMasteryPercentText: false,
-  friendlyDescription: null
+  friendlyDescription: null,
+  features: []
 }, _temp)) || _class);
 export { OutcomeView as default };