@instructure/quiz-core 22.16.1 → 22.18.0

package/es/common/components/SDKApp/index.js

@@ -1,107 +1,68 @@
-/** @jsx jsx */ /* eslint "import/no-webpack-loader-syntax": "warn" */ /* eslint "import/no-unresolved": "warn" */ function _assert_this_initialized(self) {
-    if (self === void 0) {
-        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    }
-    return self;
-}
-function _call_super(_this, derived, args) {
-    derived = _get_prototype_of(derived);
-    return _possible_constructor_return(_this, _is_native_reflect_construct() ? Reflect.construct(derived, args || [], _get_prototype_of(_this).constructor) : derived.apply(_this, args));
-}
-function _class_call_check(instance, Constructor) {
-    if (!(instance instanceof Constructor)) {
-        throw new TypeError("Cannot call a class as a function");
-    }
-}
-function _defineProperties(target, props) {
-    for(var i = 0; i < props.length; i++){
-        var descriptor = props[i];
-        descriptor.enumerable = descriptor.enumerable || false;
-        descriptor.configurable = true;
-        if ("value" in descriptor) descriptor.writable = true;
-        Object.defineProperty(target, descriptor.key, descriptor);
-    }
-}
-function _create_class(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-    if (staticProps) _defineProperties(Constructor, staticProps);
-    return Constructor;
-}
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
+/** @jsx jsx */ /* eslint "import/no-webpack-loader-syntax": "warn" */ /* eslint "import/no-unresolved": "warn" */ function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
 }
-function _get_prototype_of(o) {
-    _get_prototype_of = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
-        return o.__proto__ || Object.getPrototypeOf(o);
-    };
-    return _get_prototype_of(o);
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
 }
-function _inherits(subClass, superClass) {
-    if (typeof superClass !== "function" && superClass !== null) {
-        throw new TypeError("Super expression must either be null or a function");
-    }
-    subClass.prototype = Object.create(superClass && superClass.prototype, {
-        constructor: {
-            value: subClass,
-            writable: true,
-            configurable: true
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
         }
-    });
-    if (superClass) _set_prototype_of(subClass, superClass);
-}
-function _possible_constructor_return(self, call) {
-    if (call && (_type_of(call) === "object" || typeof call === "function")) {
-        return call;
     }
-    return _assert_this_initialized(self);
+    return _arr;
 }
-function _set_prototype_of(o, p) {
-    _set_prototype_of = Object.setPrototypeOf || function setPrototypeOf(o, p) {
-        o.__proto__ = p;
-        return o;
-    };
-    return _set_prototype_of(o, p);
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _type_of(obj) {
-    "@swc/helpers - typeof";
-    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
 }
-function _is_native_reflect_construct() {
-    try {
-        var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
-    } catch (_) {}
-    return (_is_native_reflect_construct = function() {
-        return !!result;
-    })();
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
-function _ts_decorate(decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-}
-import { Component } from 'react';
+import { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
 import PropTypes from 'prop-types';
-import HTML5Backend from 'react-dnd-html5-backend';
-import { DragDropContext } from 'react-dnd';
 import { jsx } from '@instructure/emotion';
 import { ApplyLocale } from '@instructure/ui-i18n';
-import { Provider } from '../../react-redux';
-import store from '../../../reduxStore';
-import { getLocale, withStyleOverrides } from '@instructure/quiz-common';
+import { SDKStoreProvider, getGlobalSDKStore, setGlobalSDKStore } from '../../react-redux';
+import config from '../../../config';
+import persistedState from '../../util/persistedState';
+import persistedStorageMiddleware from '../../middleware/persistedStorageMiddleware';
+import { configureStore } from '../../../configureStore';
+import { setStoreProvider } from '../../records/reduxRecord';
+import { setFeatureCheckStoreProvider } from '../../util/featureCheck';
+import { setFetcherStore } from '../../util/Fetcher';
+import { setOutsideClickStore } from '../shared/functionality/outsideClickStore';
+import { setAppDispatch } from '../../../appDispatch';
+import { getLocale } from '@instructure/quiz-common/locale';
+import { withStyleOverrides } from '@instructure/quiz-common/util/withStyleOverrides';
 import { set } from '../../actions/ui';
 import { addAlert } from '../../actions/alerts';
-import { setAPIEndpoint, setCanvasOrigin, setUserToken } from '../../actions/config';
+import { setAPIEndpoint, setCanvasOrigin, setUserToken, setHorizonAccount, setHorizonCourse, setRldbLaunch } from '../../actions/config';
 import { setContextUuid, setOutcomesEndpoint, setOutcomesToken, setExternalAccountUuid } from '../../actions/outcomes';
 import { addFeatures, removeFeatures } from '../../actions/features';
 import { setGradeByQuestionEnabled } from '../../actions/grading';
@@ -109,138 +70,224 @@ import { renderAlerts } from '../../util/renderAlerts';
 import generateStyle from './styles';
 import CustomPropTypes from '../../../common/util/CustomPropTypes';
 import ConfirmationModal from '../ConfirmationModal';
-import { setupFormatMessage } from '@instructure/quiz-i18n';
+import { setupFormatMessage } from '@instructure/quiz-i18n/util/setupFormatMessage';
 import RceConfigProvider from '../RceConfigProvider';
 import { ApiFeatureFlagInitializer } from '../ApiFeatureFlagInitializer';
-var UndecoratedSDKApp = /*#__PURE__*/ function(Component) {
-    "use strict";
-    _inherits(UndecoratedSDKApp, Component);
-    function UndecoratedSDKApp(props) {
-        _class_call_check(this, UndecoratedSDKApp);
-        var _this;
-        _this = _call_super(this, UndecoratedSDKApp, [
-            props
-        ]), _define_property(_this, "addAlert", function(opts) {
-            _this.store.dispatch(addAlert(opts));
+/**
+ * SDKApp — root component for the quiz-core SDK.
+ *
+ * Initialization order (all synchronous before children render):
+ * 1. Render phase: create or reuse the Redux store (pure, no side effects)
+ * 2. useLayoutEffect (first mount only):
+ *    a. Register store with module singletons: setStoreProvider, setFetcherStore,
+ *       setFeatureCheckStoreProvider, setOutsideClickStore, setGlobalSDKStore
+ *    b. Dispatch config actions (apiEndpoint, userToken, etc.)
+ *    c. Dispatch sdkFeatures (bridged from app store)
+ *    d. Set isStoreReady → children render with SDKStoreProvider + Context
+ * 3. Children render inside <SDKStoreProvider store={...}>
+ *
+ * Components that need the store outside Redux connect() use useSDKStore() hook.
+ * API thunks use createFetcher(dispatch, getState) for Fetcher instances.
+ * Bare `new Fetcher()` falls back to the store registered via setFetcherStore().
+ */ function UndecoratedSDKApp(props, context) {
+    var apiEndpoint = props.apiEndpoint, appContainer = props.appContainer, appDispatch = props.appDispatch, children = props.children, contextUuid = props.contextUuid, disableAlertLiveRegion = props.disableAlertLiveRegion, externalAccountUuid = props.externalAccountUuid, gradeByQuestionEnabled = props.gradeByQuestionEnabled, horizonAccount = props.horizonAccount, horizonCourse = props.horizonCourse, itemBankSharingEnabled = props.itemBankSharingEnabled, outcomesEndpoint = props.outcomesEndpoint, outcomesToken = props.outcomesToken, rceConfig = props.rceConfig, sdkFeatures = props.sdkFeatures, styles = props.styles, timeZone = props.timeZone, translations = props.translations, userToken = props.userToken, rldbLaunch = props.rldbLaunch;
+    // Reuse the existing global store if one was already created by a previous
+    // SDKApp instance (preserves state across page navigations in the demo app).
+    // Only create a new store on the very first mount.
+    // NOTE: Store creation is pure (no side effects). The setter registrations
+    // happen in the useLayoutEffect below to be safe with React Strict Mode.
+    var storeRef = useRef(null);
+    if (!storeRef.current) {
+        var existing = getGlobalSDKStore();
+        var s = existing || configureStore({
+            extraMiddleware: [
+                persistedStorageMiddleware()
+            ],
+            inDevelopment: config.inDevelopment(),
+            initialState: persistedState.load()
         });
-        // TODO: move to something like this down the line
-        // so we dont implicitly share state
-        // this.store = this.configureStore()
-        _this.store = store;
-        _this.setLocale();
-        return _this;
+        if (!existing) {
+            s.getAppState = function() {
+                var opts = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+                return s.useFakeState || opts.useFakeState ? s.fakeState : s.getState();
+            };
+        }
+        storeRef.current = s;
     }
-    _create_class(UndecoratedSDKApp, [
-        {
-            key: "setLocale",
-            value: function setLocale() {
-                var locale = getLocale(this.props, this.context);
-                // TODO: Move away from using built-in format-message formats so we can kill this setup call
-                setupFormatMessage(locale, {
-                    logMissingTranslations: true,
-                    translations: this.props.translations
-                });
-            }
-        },
-        {
-            key: "setAppContainer",
-            value: function setAppContainer(appContainer) {
-                var selectors = Array.isArray(appContainer) ? appContainer : [
-                    appContainer
-                ];
-                return set('appContainer', selectors);
-            }
-        },
-        {
-            key: "UNSAFE_componentWillMount",
-            value: function UNSAFE_componentWillMount() {
-                var _this_props_rceConfig;
-                this.store.dispatch([
-                    setAPIEndpoint(this.props.apiEndpoint),
-                    setCanvasOrigin((_this_props_rceConfig = this.props.rceConfig) === null || _this_props_rceConfig === void 0 ? void 0 : _this_props_rceConfig.canvasOrigin),
-                    this.setAppContainer(this.props.appContainer),
-                    setUserToken(this.props.userToken),
-                    setOutcomesEndpoint(this.props.outcomesEndpoint),
-                    setOutcomesToken(this.props.outcomesToken),
-                    setContextUuid(this.props.contextUuid),
-                    setExternalAccountUuid(this.props.externalAccountUuid)
-                ]);
-                if (this.props.itemBankSharingEnabled) {
-                    this.store.dispatch(addFeatures('item_bank_sharing'));
-                }
-                if (this.props.gradeByQuestionEnabled !== null) {
-                    this.store.dispatch(setGradeByQuestionEnabled(this.props.gradeByQuestionEnabled));
-                }
-            }
-        },
-        {
-            key: "componentDidMount",
-            value: function componentDidMount() {
-                // inserts the a11y friendly alerts
-                // react app hooked up to the store
-                !this.props.disableAlertLiveRegion && renderAlerts(this.store);
-            }
-        },
-        {
-            key: "UNSAFE_componentWillReceiveProps",
-            value: function UNSAFE_componentWillReceiveProps(newProps) {
-                var _newProps_rceConfig, _this_props_rceConfig;
-                if (newProps.apiEndpoint !== this.props.apiEndpoint) {
-                    this.store.dispatch(setAPIEndpoint(newProps.apiEndpoint));
-                }
-                if (((_newProps_rceConfig = newProps.rceConfig) === null || _newProps_rceConfig === void 0 ? void 0 : _newProps_rceConfig.canvasOrigin) !== ((_this_props_rceConfig = this.props.rceConfig) === null || _this_props_rceConfig === void 0 ? void 0 : _this_props_rceConfig.canvasOrigin)) {
-                    this.store.dispatch(setCanvasOrigin(newProps.rceConfig.canvasOrigin));
-                }
-                if (newProps.appContainer !== this.props.appContainer) {
-                    this.store.dispatch(this.setAppContainer(newProps.appContainer));
-                }
-                if (newProps.userToken !== this.props.userToken) {
-                    this.store.dispatch(setUserToken(newProps.userToken));
-                }
-                if (newProps.outcomesEndpoint !== this.props.outcomesEndpoint) {
-                    this.store.dispatch(setOutcomesEndpoint(newProps.outcomesEndpoint));
-                }
-                if (newProps.outcomesToken !== this.props.outcomesToken) {
-                    this.store.dispatch(setOutcomesToken(newProps.outcomesToken));
-                }
-                if (newProps.contextUuid !== this.props.contextUuid) {
-                    this.store.dispatch(setContextUuid(newProps.contextUuid));
-                }
-                if (newProps.itemBankSharingEnabled !== this.props.itemBankSharingEnabled) {
-                    var toggleFeature = newProps.itemBankSharingEnabled ? addFeatures : removeFeatures;
-                    this.store.dispatch(toggleFeature('item_bank_sharing'));
-                }
-                if (newProps.gradeByQuestionEnabled !== this.props.gradeByQuestionEnabled && this.props.gradeByQuestionEnabled !== null) {
-                    this.store.dispatch(setGradeByQuestionEnabled(newProps.gradeByQuestionEnabled));
-                }
-                if (newProps.externalAccountUuid !== this.props.externalAccountUuid) {
-                    this.store.dispatch(setExternalAccountUuid(newProps.externalAccountUuid));
-                }
-            }
-        },
-        {
-            key: "render",
-            value: function render() {
-                var _this = this, store = _this.store, props = _this.props, context = _this.context;
-                return /*#__PURE__*/ jsx(Provider, {
-                    store: store
-                }, /*#__PURE__*/ jsx(ApiFeatureFlagInitializer, null, /*#__PURE__*/ jsx(RceConfigProvider, this.props.rceConfig, /*#__PURE__*/ jsx(ApplyLocale, {
-                    locale: getLocale(props, context),
-                    timezone: props.timeZone
-                }, /*#__PURE__*/ jsx("div", {
-                    css: this.props.styles.sdk,
-                    "data-automation": "sdk-app"
-                }, /*#__PURE__*/ jsx(ConfirmationModal, null), typeof props.children === 'function' ? props.children({
-                    addAlert: this.addAlert
-                }) : props.children)))));
-            }
+    // Helper function to set app container
+    function setAppContainer(appContainer) {
+        var selectors = Array.isArray(appContainer) ? appContainer : [
+            appContainer
+        ];
+        return set('appContainer', selectors);
+    }
+    // Setup locale (called during initial render, equivalent to constructor)
+    function setLocaleSetup() {
+        var locale = getLocale(props, context);
+        // TODO: Move away from using built-in format-message formats so we can kill this setup call
+        setupFormatMessage(locale, {
+            logMissingTranslations: true,
+            translations: translations
+        });
+    }
+    // Initialization effect (replaces constructor logic)
+    // useLayoutEffect runs synchronously after DOM mutations but before paint.
+    // setState inside useLayoutEffect triggers a synchronous re-render before
+    // the browser paints, so children never mount until the store is ready.
+    var _useState = _sliced_to_array(useState(false), 2), isStoreReady = _useState[0], setIsStoreReady = _useState[1];
+    var isInitializedRef = useRef(false);
+    useLayoutEffect(function() {
+        if (isInitializedRef.current) return;
+        isInitializedRef.current = true;
+        // Register the store with all subsystems that need it.
+        // This must happen before any dispatches or child renders.
+        setStoreProvider(storeRef.current);
+        setFeatureCheckStoreProvider(storeRef.current);
+        setFetcherStore(storeRef.current);
+        setOutsideClickStore(storeRef.current);
+        setGlobalSDKStore(storeRef.current);
+        setAppDispatch(appDispatch);
+        setLocaleSetup();
+        storeRef.current.dispatch([
+            setAPIEndpoint(apiEndpoint),
+            setCanvasOrigin(rceConfig === null || rceConfig === void 0 ? void 0 : rceConfig.canvasOrigin),
+            setAppContainer(appContainer),
+            setUserToken(userToken),
+            setOutcomesEndpoint(outcomesEndpoint),
+            setOutcomesToken(outcomesToken),
+            setContextUuid(contextUuid),
+            setExternalAccountUuid(externalAccountUuid),
+            setHorizonCourse(horizonCourse),
+            setHorizonAccount(horizonAccount),
+            setRldbLaunch(rldbLaunch)
+        ]);
+        if (itemBankSharingEnabled) {
+            storeRef.current.dispatch(addFeatures('item_bank_sharing'));
+        }
+        if (sdkFeatures && sdkFeatures.length > 0) {
+            storeRef.current.dispatch(addFeatures(sdkFeatures));
+        }
+        if (gradeByQuestionEnabled !== null) {
+            storeRef.current.dispatch(setGradeByQuestionEnabled(gradeByQuestionEnabled));
+        }
+        setIsStoreReady(true);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    // Mount effect (replaces componentDidMount)
+    useEffect(function() {
+        // inserts the a11y friendly alerts
+        // react app hooked up to the store
+        if (!disableAlertLiveRegion) {
+            renderAlerts(storeRef.current);
+        }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    // Watch for prop changes (replaces UNSAFE_componentWillReceiveProps)
+    // The synchronous initialization already dispatches on mount, so these
+    // effects skip their first run to avoid dispatching twice.
+    // IMPORTANT: The flag-clearing effect MUST be declared AFTER all guarded
+    // effects so React runs it last, allowing the guards to work on mount.
+    var hasMountedRef = useRef(false);
+    useEffect(function() {
+        if (!hasMountedRef.current) return;
+        storeRef.current.dispatch(setAPIEndpoint(apiEndpoint));
+    }, [
+        apiEndpoint
+    ]);
+    useEffect(function() {
+        if (!hasMountedRef.current) return;
+        storeRef.current.dispatch(setCanvasOrigin(rceConfig === null || rceConfig === void 0 ? void 0 : rceConfig.canvasOrigin));
+    }, [
+        rceConfig === null || rceConfig === void 0 ? void 0 : rceConfig.canvasOrigin
+    ]);
+    useEffect(function() {
+        if (!hasMountedRef.current) return;
+        storeRef.current.dispatch(setAppContainer(appContainer));
+    }, [
+        appContainer
+    ]);
+    useEffect(function() {
+        if (!hasMountedRef.current) return;
+        storeRef.current.dispatch(setUserToken(userToken));
+    }, [
+        userToken
+    ]);
+    useEffect(function() {
+        if (!hasMountedRef.current) return;
+        storeRef.current.dispatch(setOutcomesEndpoint(outcomesEndpoint));
+    }, [
+        outcomesEndpoint
+    ]);
+    useEffect(function() {
+        if (!hasMountedRef.current) return;
+        storeRef.current.dispatch(setRldbLaunch(rldbLaunch));
+    }, [
+        rldbLaunch
+    ]);
+    useEffect(function() {
+        if (!hasMountedRef.current) return;
+        storeRef.current.dispatch(setOutcomesToken(outcomesToken));
+    }, [
+        outcomesToken
+    ]);
+    useEffect(function() {
+        if (!hasMountedRef.current) return;
+        storeRef.current.dispatch(setContextUuid(contextUuid));
+    }, [
+        contextUuid
+    ]);
+    useEffect(function() {
+        if (!hasMountedRef.current) return;
+        var toggleFeature = itemBankSharingEnabled ? addFeatures : removeFeatures;
+        storeRef.current.dispatch(toggleFeature('item_bank_sharing'));
+    }, [
+        itemBankSharingEnabled
+    ]);
+    useEffect(function() {
+        if (!hasMountedRef.current) return;
+        if (sdkFeatures && sdkFeatures.length > 0) {
+            storeRef.current.dispatch(addFeatures(sdkFeatures));
         }
+    }, [
+        sdkFeatures
     ]);
-    return UndecoratedSDKApp;
-}(Component);
-_define_property(UndecoratedSDKApp, "displayName", 'SDKApp');
-_define_property(UndecoratedSDKApp, "componentId", "Quizzes".concat(UndecoratedSDKApp.displayName));
-_define_property(UndecoratedSDKApp, "propTypes", {
+    useEffect(function() {
+        if (!hasMountedRef.current) return;
+        if (gradeByQuestionEnabled !== null) {
+            storeRef.current.dispatch(setGradeByQuestionEnabled(gradeByQuestionEnabled));
+        }
+    }, [
+        gradeByQuestionEnabled
+    ]);
+    useEffect(function() {
+        if (!hasMountedRef.current) return;
+        storeRef.current.dispatch(setExternalAccountUuid(externalAccountUuid));
+    }, [
+        externalAccountUuid
+    ]);
+    // Clear the flag AFTER all guarded effects so they skip on the first render
+    useEffect(function() {
+        hasMountedRef.current = true;
+    }, []);
+    var addAlertCallback = useCallback(function(opts) {
+        storeRef.current.dispatch(addAlert(opts));
+    }, []);
+    if (!isStoreReady) return null;
+    return /*#__PURE__*/ jsx(SDKStoreProvider, {
+        store: storeRef.current
+    }, /*#__PURE__*/ jsx(ApiFeatureFlagInitializer, null, /*#__PURE__*/ jsx(RceConfigProvider, rceConfig, /*#__PURE__*/ jsx(ApplyLocale, {
+        locale: getLocale(props, context),
+        timezone: timeZone
+    }, /*#__PURE__*/ jsx("div", {
+        css: styles.sdk,
+        "data-automation": "sdk-app"
+    }, /*#__PURE__*/ jsx(ConfirmationModal, null), typeof children === 'function' ? children({
+        addAlert: addAlertCallback
+    }) : children)))));
+}
+UndecoratedSDKApp.displayName = 'SDKApp';
+UndecoratedSDKApp.componentId = 'QuizzesSDKApp';
+UndecoratedSDKApp.propTypes = {
     apiEndpoint: PropTypes.string.isRequired,
     appContainer: CustomPropTypes.selectors.isRequired,
     children: PropTypes.oneOfType([
@@ -266,18 +313,20 @@ _define_property(UndecoratedSDKApp, "propTypes", {
         rcsJwtRefreshFn: PropTypes.func,
         displayOldLinks: PropTypes.bool
     }),
+    sdkFeatures: PropTypes.arrayOf(PropTypes.string),
     timeZone: PropTypes.string,
     translations: PropTypes.objectOf(PropTypes.shape({
         message: PropTypes.string
     })),
     userToken: PropTypes.string.isRequired,
     disableAlertLiveRegion: PropTypes.bool,
-    styles: PropTypes.object
-});
-_define_property(UndecoratedSDKApp, "contextTypes", {
-    locale: PropTypes.string
-});
-_define_property(UndecoratedSDKApp, "defaultProps", {
+    appDispatch: PropTypes.func.isRequired,
+    styles: PropTypes.object,
+    horizonCourse: PropTypes.bool,
+    horizonAccount: PropTypes.bool,
+    rldbLaunch: PropTypes.bool
+};
+UndecoratedSDKApp.defaultProps = {
     contextUuid: '',
     externalAccountUuid: '',
     gradeByQuestionEnabled: null,
@@ -286,12 +335,13 @@ _define_property(UndecoratedSDKApp, "defaultProps", {
     outcomesEndpoint: null,
     outcomesToken: null,
     rceConfig: null,
+    sdkFeatures: null,
     translations: null,
     timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,
-    disableAlertLiveRegion: false
-});
-UndecoratedSDKApp = _ts_decorate([
-    withStyleOverrides(generateStyle, null)
-], UndecoratedSDKApp);
-export var SDKApp = DragDropContext(HTML5Backend)(UndecoratedSDKApp);
+    disableAlertLiveRegion: false,
+    horizonCourse: false,
+    horizonAccount: false,
+    rldbLaunch: false
+};
+export var SDKApp = withStyleOverrides(generateStyle, null)(UndecoratedSDKApp);
 export default SDKApp;

package/es/common/components/SDKHeaderCalculator.js

@@ -1,17 +1,18 @@
 import React from 'react';
-import { Provider } from '../react-redux';
-import store from '../../reduxStore';
+import { useSDKStore, SDKStoreProvider } from '../react-redux';
 import Calculator from './layout/header/Calculator';
 import PropTypes from 'prop-types';
-export var SDKHeaderCalculator = function(param) {
+export function SDKHeaderCalculator(param) {
     var iceTopNavBarEnabled = param.iceTopNavBarEnabled, setCalculatorEnabled = param.setCalculatorEnabled;
-    return /*#__PURE__*/ React.createElement(Provider, {
+    var store = useSDKStore();
+    if (!store) return null;
+    return /*#__PURE__*/ React.createElement(SDKStoreProvider, {
         store: store
     }, /*#__PURE__*/ React.createElement(Calculator, {
         iceTopNavBarEnabled: iceTopNavBarEnabled,
         setCalculatorEnabled: setCalculatorEnabled
     }));
-};
+}
 Calculator.propTypes = {
     iceTopNavBarEnabled: PropTypes.bool
 };

package/es/common/components/SDKMenuButton.js

@@ -1,11 +1,12 @@
 import React from 'react';
-import { Provider } from '../react-redux';
-import store from '../../reduxStore';
+import { useSDKStore, SDKStoreProvider } from '../react-redux';
 import HeaderMenuButton from './layout/header/HeaderMenuButton';
-export var SDKMenuButton = function(props) {
-    return /*#__PURE__*/ React.createElement(Provider, {
+export function SDKMenuButton(props) {
+    var store = useSDKStore();
+    if (!store) return null;
+    return /*#__PURE__*/ React.createElement(SDKStoreProvider, {
         store: store
     }, /*#__PURE__*/ React.createElement(HeaderMenuButton, props));
-};
+}
 SDKMenuButton.displayName = 'SDKMenuButton';
 export default SDKMenuButton;

package/es/common/components/SDKNavBar.js

@@ -1,11 +1,12 @@
 import React from 'react';
-import { Provider } from '../react-redux';
-import store from '../../reduxStore';
+import { SDKStoreProvider, useSDKStore } from '../react-redux';
 import NavBar from './layout/navbar';
-export var SDKNavBar = function(props) {
-    return /*#__PURE__*/ React.createElement(Provider, {
+export function SDKNavBar(props) {
+    var store = useSDKStore();
+    if (!store) return null;
+    return /*#__PURE__*/ React.createElement(SDKStoreProvider, {
         store: store
     }, /*#__PURE__*/ React.createElement(NavBar, props));
-};
+}
 NavBar.displayName = 'SDKNavBar';
 export default SDKNavBar;