@edx/frontend-platform 2.4.0 → 2.5.2

package/react/ErrorPage.js

@@ -1,29 +1,20 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _nonIterableRest() { 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 _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 _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(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(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _arrayLikeToArray(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 _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 } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _iterableToArrayLimit(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; } } return _arr; }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-import React, { Component } from 'react';
+import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import { Button, Container, Row, Col } from '@edx/paragon';
-import { FormattedMessage } from '../i18n';
+import { useAppEvent } from './hooks';
+import { FormattedMessage, IntlProvider, getMessages, getLocale, LOCALE_CHANGED } from '../i18n';
 /**
  * An error page that displays a generic message for unexpected errors.  Also contains a "Try
  * Again" button to refresh the page.
@@ -32,52 +23,46 @@ import { FormattedMessage } from '../i18n';
  * @extends {Component}
  */
 
-var ErrorPage = /*#__PURE__*/function (_Component) {
-  _inherits(ErrorPage, _Component);
-
-  var _super = _createSuper(ErrorPage);
-
-  function ErrorPage() {
-    _classCallCheck(this, ErrorPage);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(ErrorPage, [{
-    key: "reload",
-    value:
-    /* istanbul ignore next */
-    function reload() {
-      global.location.reload();
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var message = this.props.message;
-      return /*#__PURE__*/React.createElement(Container, {
-        fluid: true,
-        className: "py-5 justify-content-center align-items-start text-center"
-      }, /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Col, null, /*#__PURE__*/React.createElement("p", {
-        className: "text-muted"
-      }, /*#__PURE__*/React.createElement(FormattedMessage, {
-        id: "unexpected.error.message.text",
-        defaultMessage: "An unexpected error occurred. Please click the button below to refresh the page.",
-        description: "error message when an unexpected error occurs"
-      })), message && /*#__PURE__*/React.createElement("div", {
-        role: "alert",
-        className: "my-4"
-      }, /*#__PURE__*/React.createElement("p", null, message)), /*#__PURE__*/React.createElement(Button, {
-        onClick: this.reload
-      }, /*#__PURE__*/React.createElement(FormattedMessage, {
-        id: "unexpected.error.button.text",
-        defaultMessage: "Try again",
-        description: "text for button that tries to reload the app by refreshing the page"
-      })))));
-    }
-  }]);
-
-  return ErrorPage;
-}(Component);
+function ErrorPage(_ref) {
+  var message = _ref.message;
+
+  var _useState = useState(getLocale()),
+      _useState2 = _slicedToArray(_useState, 2),
+      locale = _useState2[0],
+      setLocale = _useState2[1];
+
+  useAppEvent(LOCALE_CHANGED, function () {
+    setLocale(getLocale());
+  });
+  /* istanbul ignore next */
+
+  var reload = function reload() {
+    global.location.reload();
+  };
+
+  return /*#__PURE__*/React.createElement(IntlProvider, {
+    locale: locale,
+    messages: getMessages()
+  }, /*#__PURE__*/React.createElement(Container, {
+    fluid: true,
+    className: "py-5 justify-content-center align-items-start text-center"
+  }, /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Col, null, /*#__PURE__*/React.createElement("p", {
+    className: "text-muted"
+  }, /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "unexpected.error.message.text",
+    defaultMessage: "An unexpected error occurred. Please click the button below to refresh the page.",
+    description: "error message when an unexpected error occurs"
+  })), message && /*#__PURE__*/React.createElement("div", {
+    role: "alert",
+    className: "my-4"
+  }, /*#__PURE__*/React.createElement("p", null, message)), /*#__PURE__*/React.createElement(Button, {
+    onClick: reload
+  }, /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "unexpected.error.button.text",
+    defaultMessage: "Try again",
+    description: "text for button that tries to reload the app by refreshing the page"
+  }))))));
+}
 
 ErrorPage.propTypes = {
   message: PropTypes.string

package/react/ErrorPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorPage.js","names":["React","Component","PropTypes","Button","Container","Row","Col","FormattedMessage","ErrorPage","global","location","reload","message","props","propTypes","string","defaultProps"],"sources":["../../src/react/ErrorPage.jsx"],"sourcesContent":["import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  Button, Container, Row, Col,\n} from '@edx/paragon';\n\nimport { FormattedMessage } from '../i18n';\n\n/**\n * An error page that displays a generic message for unexpected errors.  Also contains a \"Try\n * Again\" button to refresh the page.\n *\n * @memberof module:React\n * @extends {Component}\n */\nclass ErrorPage extends Component {\n  /* istanbul ignore next */\n  reload() {\n    global.location.reload();\n  }\n\n  render() {\n    const { message } = this.props;\n    return (\n      <Container fluid className=\"py-5 justify-content-center align-items-start text-center\">\n        <Row>\n          <Col>\n            <p className=\"text-muted\">\n              <FormattedMessage\n                id=\"unexpected.error.message.text\"\n                defaultMessage=\"An unexpected error occurred. Please click the button below to refresh the page.\"\n                description=\"error message when an unexpected error occurs\"\n              />\n            </p>\n            {message && (\n              <div role=\"alert\" className=\"my-4\">\n                <p>{message}</p>\n              </div>\n            )}\n            <Button onClick={this.reload}>\n              <FormattedMessage\n                id=\"unexpected.error.button.text\"\n                defaultMessage=\"Try again\"\n                description=\"text for button that tries to reload the app by refreshing the page\"\n              />\n            </Button>\n          </Col>\n        </Row>\n      </Container>\n    );\n  }\n}\n\nErrorPage.propTypes = {\n  message: PropTypes.string,\n};\n\nErrorPage.defaultProps = {\n  message: null,\n};\n\nexport default ErrorPage;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SACEC,MADF,EACUC,SADV,EACqBC,GADrB,EAC0BC,GAD1B,QAEO,cAFP;AAIA,SAASC,gBAAT,QAAiC,SAAjC;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;IACMC,S;;;;;;;;;;;;;;IACJ;IACA,kBAAS;MACPC,MAAM,CAACC,QAAP,CAAgBC,MAAhB;IACD;;;WAED,kBAAS;MACP,IAAQC,OAAR,GAAoB,KAAKC,KAAzB,CAAQD,OAAR;MACA,oBACE,oBAAC,SAAD;QAAW,KAAK,MAAhB;QAAiB,SAAS,EAAC;MAA3B,gBACE,oBAAC,GAAD,qBACE,oBAAC,GAAD,qBACE;QAAG,SAAS,EAAC;MAAb,gBACE,oBAAC,gBAAD;QACE,EAAE,EAAC,+BADL;QAEE,cAAc,EAAC,kFAFjB;QAGE,WAAW,EAAC;MAHd,EADF,CADF,EAQGA,OAAO,iBACN;QAAK,IAAI,EAAC,OAAV;QAAkB,SAAS,EAAC;MAA5B,gBACE,+BAAIA,OAAJ,CADF,CATJ,eAaE,oBAAC,MAAD;QAAQ,OAAO,EAAE,KAAKD;MAAtB,gBACE,oBAAC,gBAAD;QACE,EAAE,EAAC,8BADL;QAEE,cAAc,EAAC,WAFjB;QAGE,WAAW,EAAC;MAHd,EADF,CAbF,CADF,CADF,CADF;IA2BD;;;;EAnCqBV,S;;AAsCxBO,SAAS,CAACM,SAAV,GAAsB;EACpBF,OAAO,EAAEV,SAAS,CAACa;AADC,CAAtB;AAIAP,SAAS,CAACQ,YAAV,GAAyB;EACvBJ,OAAO,EAAE;AADc,CAAzB;AAIA,eAAeJ,SAAf"}
+{"version":3,"file":"ErrorPage.js","names":["React","useState","PropTypes","Button","Container","Row","Col","useAppEvent","FormattedMessage","IntlProvider","getMessages","getLocale","LOCALE_CHANGED","ErrorPage","message","locale","setLocale","reload","global","location","propTypes","string","defaultProps"],"sources":["../../src/react/ErrorPage.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  Button, Container, Row, Col,\n} from '@edx/paragon';\n\nimport { useAppEvent } from './hooks';\nimport {\n  FormattedMessage,\n  IntlProvider,\n  getMessages,\n  getLocale,\n  LOCALE_CHANGED,\n} from '../i18n';\n\n/**\n * An error page that displays a generic message for unexpected errors.  Also contains a \"Try\n * Again\" button to refresh the page.\n *\n * @memberof module:React\n * @extends {Component}\n */\nfunction ErrorPage({\n  message,\n}) {\n  const [locale, setLocale] = useState(getLocale());\n\n  useAppEvent(LOCALE_CHANGED, () => {\n    setLocale(getLocale());\n  });\n\n  /* istanbul ignore next */\n  const reload = () => {\n    global.location.reload();\n  };\n\n  return (\n    <IntlProvider locale={locale} messages={getMessages()}>\n      <Container fluid className=\"py-5 justify-content-center align-items-start text-center\">\n        <Row>\n          <Col>\n            <p className=\"text-muted\">\n              <FormattedMessage\n                id=\"unexpected.error.message.text\"\n                defaultMessage=\"An unexpected error occurred. Please click the button below to refresh the page.\"\n                description=\"error message when an unexpected error occurs\"\n              />\n            </p>\n            {message && (\n              <div role=\"alert\" className=\"my-4\">\n                <p>{message}</p>\n              </div>\n            )}\n            <Button onClick={reload}>\n              <FormattedMessage\n                id=\"unexpected.error.button.text\"\n                defaultMessage=\"Try again\"\n                description=\"text for button that tries to reload the app by refreshing the page\"\n              />\n            </Button>\n          </Col>\n        </Row>\n      </Container>\n    </IntlProvider>\n  );\n}\n\nErrorPage.propTypes = {\n  message: PropTypes.string,\n};\n\nErrorPage.defaultProps = {\n  message: null,\n};\n\nexport default ErrorPage;\n"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SACEC,MADF,EACUC,SADV,EACqBC,GADrB,EAC0BC,GAD1B,QAEO,cAFP;AAIA,SAASC,WAAT,QAA4B,SAA5B;AACA,SACEC,gBADF,EAEEC,YAFF,EAGEC,WAHF,EAIEC,SAJF,EAKEC,cALF,QAMO,SANP;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,SAASC,SAAT,OAEG;EAAA,IADDC,OACC,QADDA,OACC;;EACD,gBAA4Bb,QAAQ,CAACU,SAAS,EAAV,CAApC;EAAA;EAAA,IAAOI,MAAP;EAAA,IAAeC,SAAf;;EAEAT,WAAW,CAACK,cAAD,EAAiB,YAAM;IAChCI,SAAS,CAACL,SAAS,EAAV,CAAT;EACD,CAFU,CAAX;EAIA;;EACA,IAAMM,MAAM,GAAG,SAATA,MAAS,GAAM;IACnBC,MAAM,CAACC,QAAP,CAAgBF,MAAhB;EACD,CAFD;;EAIA,oBACE,oBAAC,YAAD;IAAc,MAAM,EAAEF,MAAtB;IAA8B,QAAQ,EAAEL,WAAW;EAAnD,gBACE,oBAAC,SAAD;IAAW,KAAK,MAAhB;IAAiB,SAAS,EAAC;EAA3B,gBACE,oBAAC,GAAD,qBACE,oBAAC,GAAD,qBACE;IAAG,SAAS,EAAC;EAAb,gBACE,oBAAC,gBAAD;IACE,EAAE,EAAC,+BADL;IAEE,cAAc,EAAC,kFAFjB;IAGE,WAAW,EAAC;EAHd,EADF,CADF,EAQGI,OAAO,iBACN;IAAK,IAAI,EAAC,OAAV;IAAkB,SAAS,EAAC;EAA5B,gBACE,+BAAIA,OAAJ,CADF,CATJ,eAaE,oBAAC,MAAD;IAAQ,OAAO,EAAEG;EAAjB,gBACE,oBAAC,gBAAD;IACE,EAAE,EAAC,8BADL;IAEE,cAAc,EAAC,WAFjB;IAGE,WAAW,EAAC;EAHd,EADF,CAbF,CADF,CADF,CADF,CADF;AA6BD;;AAEDJ,SAAS,CAACO,SAAV,GAAsB;EACpBN,OAAO,EAAEZ,SAAS,CAACmB;AADC,CAAtB;AAIAR,SAAS,CAACS,YAAV,GAAyB;EACvBR,OAAO,EAAE;AADc,CAAzB;AAIA,eAAeD,SAAf"}

package/react/OptionalReduxProvider.js

@@ -11,7 +11,7 @@ export default function OptionalReduxProvider(_ref) {
       children = _ref.children;
 
   if (store === null) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+    return children;
   }
 
   return /*#__PURE__*/React.createElement(Provider, {

package/react/OptionalReduxProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"OptionalReduxProvider.js","names":["React","PropTypes","Provider","OptionalReduxProvider","store","children","propTypes","object","node","isRequired","defaultProps"],"sources":["../../src/react/OptionalReduxProvider.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Provider } from 'react-redux';\n\n/**\n * @memberof module:React\n * @param {Object} props\n */\nexport default function OptionalReduxProvider({ store, children }) {\n  if (store === null) {\n    return (\n      <>{children}</>\n    );\n  }\n\n  return (\n    <Provider store={store}>\n      {children}\n    </Provider>\n  );\n}\n\nOptionalReduxProvider.propTypes = {\n  store: PropTypes.object, // eslint-disable-line\n  children: PropTypes.node.isRequired,\n};\n\nOptionalReduxProvider.defaultProps = {\n  store: null,\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,QAAT,QAAyB,aAAzB;AAEA;AACA;AACA;AACA;;AACA,eAAe,SAASC,qBAAT,OAAoD;EAAA,IAAnBC,KAAmB,QAAnBA,KAAmB;EAAA,IAAZC,QAAY,QAAZA,QAAY;;EACjE,IAAID,KAAK,KAAK,IAAd,EAAoB;IAClB,oBACE,0CAAGC,QAAH,CADF;EAGD;;EAED,oBACE,oBAAC,QAAD;IAAU,KAAK,EAAED;EAAjB,GACGC,QADH,CADF;AAKD;AAEDF,qBAAqB,CAACG,SAAtB,GAAkC;EAChCF,KAAK,EAAEH,SAAS,CAACM,MADe;EACP;EACzBF,QAAQ,EAAEJ,SAAS,CAACO,IAAV,CAAeC;AAFO,CAAlC;AAKAN,qBAAqB,CAACO,YAAtB,GAAqC;EACnCN,KAAK,EAAE;AAD4B,CAArC"}
+{"version":3,"file":"OptionalReduxProvider.js","names":["React","PropTypes","Provider","OptionalReduxProvider","store","children","propTypes","object","node","isRequired","defaultProps"],"sources":["../../src/react/OptionalReduxProvider.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Provider } from 'react-redux';\n\n/**\n * @memberof module:React\n * @param {Object} props\n */\nexport default function OptionalReduxProvider({ store, children }) {\n  if (store === null) {\n    return children;\n  }\n\n  return (\n    <Provider store={store}>\n      {children}\n    </Provider>\n  );\n}\n\nOptionalReduxProvider.propTypes = {\n  store: PropTypes.object, // eslint-disable-line\n  children: PropTypes.node.isRequired,\n};\n\nOptionalReduxProvider.defaultProps = {\n  store: null,\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,QAAT,QAAyB,aAAzB;AAEA;AACA;AACA;AACA;;AACA,eAAe,SAASC,qBAAT,OAAoD;EAAA,IAAnBC,KAAmB,QAAnBA,KAAmB;EAAA,IAAZC,QAAY,QAAZA,QAAY;;EACjE,IAAID,KAAK,KAAK,IAAd,EAAoB;IAClB,OAAOC,QAAP;EACD;;EAED,oBACE,oBAAC,QAAD;IAAU,KAAK,EAAED;EAAjB,GACGC,QADH,CADF;AAKD;AAEDF,qBAAqB,CAACG,SAAtB,GAAkC;EAChCF,KAAK,EAAEH,SAAS,CAACM,MADe;EACP;EACzBF,QAAQ,EAAEJ,SAAS,CAACO,IAAV,CAAeC;AAFO,CAAlC;AAKAN,qBAAqB,CAACO,YAAtB,GAAqC;EACnCN,KAAK,EAAE;AAD4B,CAArC"}

package/react/PageRoute.js

@@ -20,7 +20,8 @@ export default function PageRoute(props) {
   useEffect(function () {
     if (match) {
       sendPageEvent();
-    }
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
   }, [JSON.stringify(match)]);
   return /*#__PURE__*/React.createElement(Route, props);
 }

package/react/PageRoute.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageRoute.js","names":["React","useEffect","Route","useRouteMatch","sendPageEvent","PageRoute","props","match","path","exact","strict","sensitive","JSON","stringify"],"sources":["../../src/react/PageRoute.jsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { useEffect } from 'react';\nimport { Route, useRouteMatch } from 'react-router-dom';\nimport { sendPageEvent } from '../analytics';\n\n/**\n * A react-router Route component that calls `sendPageEvent` when it becomes active.\n *\n * @see {@link module:frontend-platform/analytics~sendPageEvent}\n * @memberof module:React\n * @param {Object} props\n */\nexport default function PageRoute(props) {\n  const match = useRouteMatch({\n    path: props.path,\n    exact: props.exact,\n    strict: props.strict,\n    sensitive: props.sensitive,\n  });\n\n  useEffect(() => {\n    if (match) {\n      sendPageEvent();\n    }\n  }, [JSON.stringify(match)]);\n\n  return (\n    <Route {...props} />\n  );\n}\n"],"mappings":"AAAA;AACA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AACA,SAASC,KAAT,EAAgBC,aAAhB,QAAqC,kBAArC;AACA,SAASC,aAAT,QAA8B,cAA9B;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,eAAe,SAASC,SAAT,CAAmBC,KAAnB,EAA0B;EACvC,IAAMC,KAAK,GAAGJ,aAAa,CAAC;IAC1BK,IAAI,EAAEF,KAAK,CAACE,IADc;IAE1BC,KAAK,EAAEH,KAAK,CAACG,KAFa;IAG1BC,MAAM,EAAEJ,KAAK,CAACI,MAHY;IAI1BC,SAAS,EAAEL,KAAK,CAACK;EAJS,CAAD,CAA3B;EAOAV,SAAS,CAAC,YAAM;IACd,IAAIM,KAAJ,EAAW;MACTH,aAAa;IACd;EACF,CAJQ,EAIN,CAACQ,IAAI,CAACC,SAAL,CAAeN,KAAf,CAAD,CAJM,CAAT;EAMA,oBACE,oBAAC,KAAD,EAAWD,KAAX,CADF;AAGD"}
+{"version":3,"file":"PageRoute.js","names":["React","useEffect","Route","useRouteMatch","sendPageEvent","PageRoute","props","match","path","exact","strict","sensitive","JSON","stringify"],"sources":["../../src/react/PageRoute.jsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { useEffect } from 'react';\nimport { Route, useRouteMatch } from 'react-router-dom';\nimport { sendPageEvent } from '../analytics';\n\n/**\n * A react-router Route component that calls `sendPageEvent` when it becomes active.\n *\n * @see {@link module:frontend-platform/analytics~sendPageEvent}\n * @memberof module:React\n * @param {Object} props\n */\nexport default function PageRoute(props) {\n  const match = useRouteMatch({\n    path: props.path,\n    exact: props.exact,\n    strict: props.strict,\n    sensitive: props.sensitive,\n  });\n\n  useEffect(() => {\n    if (match) {\n      sendPageEvent();\n    }\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [JSON.stringify(match)]);\n\n  return (\n    <Route {...props} />\n  );\n}\n"],"mappings":"AAAA;AACA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AACA,SAASC,KAAT,EAAgBC,aAAhB,QAAqC,kBAArC;AACA,SAASC,aAAT,QAA8B,cAA9B;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,eAAe,SAASC,SAAT,CAAmBC,KAAnB,EAA0B;EACvC,IAAMC,KAAK,GAAGJ,aAAa,CAAC;IAC1BK,IAAI,EAAEF,KAAK,CAACE,IADc;IAE1BC,KAAK,EAAEH,KAAK,CAACG,KAFa;IAG1BC,MAAM,EAAEJ,KAAK,CAACI,MAHY;IAI1BC,SAAS,EAAEL,KAAK,CAACK;EAJS,CAAD,CAA3B;EAOAV,SAAS,CAAC,YAAM;IACd,IAAIM,KAAJ,EAAW;MACTH,aAAa;IACd,CAHa,CAIhB;;EACC,CALQ,EAKN,CAACQ,IAAI,CAACC,SAAL,CAAeN,KAAf,CAAD,CALM,CAAT;EAOA,oBACE,oBAAC,KAAD,EAAWD,KAAX,CADF;AAGD"}

package/react/hooks.js

@@ -18,6 +18,6 @@ export var useAppEvent = function useAppEvent(type, callback) {
     return function cleanup() {
       unsubscribe(subscriptionToken);
     };
-  }, []);
+  }, [callback, type]);
 };
 //# sourceMappingURL=hooks.js.map

package/react/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","names":["useEffect","subscribe","unsubscribe","useAppEvent","type","callback","subscriptionToken","cleanup"],"sources":["../../src/react/hooks.js"],"sourcesContent":["/* eslint-disable import/prefer-default-export */\nimport { useEffect } from 'react';\nimport { subscribe, unsubscribe } from '../pubSub';\n\n/**\n * A React hook that allows functional components to subscribe to application events.  This should\n * be used sparingly - for the most part, Context should be used higher-up in the application to\n * provide necessary data to a given component, rather than utilizing a non-React-like Pub/Sub\n * mechanism.\n *\n * @memberof module:React\n * @param {string} type\n * @param {function} callback\n */\nexport const useAppEvent = (type, callback) => {\n  useEffect(() => {\n    const subscriptionToken = subscribe(type, callback);\n\n    return function cleanup() {\n      unsubscribe(subscriptionToken);\n    };\n  }, []);\n};\n"],"mappings":"AAAA;AACA,SAASA,SAAT,QAA0B,OAA1B;AACA,SAASC,SAAT,EAAoBC,WAApB,QAAuC,WAAvC;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,IAAD,EAAOC,QAAP,EAAoB;EAC7CL,SAAS,CAAC,YAAM;IACd,IAAMM,iBAAiB,GAAGL,SAAS,CAACG,IAAD,EAAOC,QAAP,CAAnC;IAEA,OAAO,SAASE,OAAT,GAAmB;MACxBL,WAAW,CAACI,iBAAD,CAAX;IACD,CAFD;EAGD,CANQ,EAMN,EANM,CAAT;AAOD,CARM"}
+{"version":3,"file":"hooks.js","names":["useEffect","subscribe","unsubscribe","useAppEvent","type","callback","subscriptionToken","cleanup"],"sources":["../../src/react/hooks.js"],"sourcesContent":["/* eslint-disable import/prefer-default-export */\nimport { useEffect } from 'react';\nimport { subscribe, unsubscribe } from '../pubSub';\n\n/**\n * A React hook that allows functional components to subscribe to application events.  This should\n * be used sparingly - for the most part, Context should be used higher-up in the application to\n * provide necessary data to a given component, rather than utilizing a non-React-like Pub/Sub\n * mechanism.\n *\n * @memberof module:React\n * @param {string} type\n * @param {function} callback\n */\nexport const useAppEvent = (type, callback) => {\n  useEffect(() => {\n    const subscriptionToken = subscribe(type, callback);\n\n    return function cleanup() {\n      unsubscribe(subscriptionToken);\n    };\n  }, [callback, type]);\n};\n"],"mappings":"AAAA;AACA,SAASA,SAAT,QAA0B,OAA1B;AACA,SAASC,SAAT,EAAoBC,WAApB,QAAuC,WAAvC;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,IAAD,EAAOC,QAAP,EAAoB;EAC7CL,SAAS,CAAC,YAAM;IACd,IAAMM,iBAAiB,GAAGL,SAAS,CAACG,IAAD,EAAOC,QAAP,CAAnC;IAEA,OAAO,SAASE,OAAT,GAAmB;MACxBL,WAAW,CAACI,iBAAD,CAAX;IACD,CAFD;EAGD,CANQ,EAMN,CAACD,QAAD,EAAWD,IAAX,CANM,CAAT;AAOD,CARM"}