@ably/ui 8.7.0-dev.7021bee → 8.7.0-dev.7072b07

package/core/MeganavContentCompany.jsx

@@ -7,29 +7,36 @@
 		var a = typeof exports === 'object' ? factory(require("react"), require("prop-types"), require("redux")) : factory(root[undefined], root[undefined], root[undefined]);
 		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
 	}
-})(this, function(__WEBPACK_EXTERNAL_MODULE__9281__, __WEBPACK_EXTERNAL_MODULE__3474__, __WEBPACK_EXTERNAL_MODULE__5044__) {
+})(this, (__WEBPACK_EXTERNAL_MODULE_react__, __WEBPACK_EXTERNAL_MODULE_prop_types__, __WEBPACK_EXTERNAL_MODULE_redux__) => {
 return /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 7757:
+/***/ "./node_modules/@babel/runtime/regenerator/index.js":
+/*!**********************************************************!*\
+  !*** ./node_modules/@babel/runtime/regenerator/index.js ***!
+  \**********************************************************/
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
-/* unused reexport */ __webpack_require__(5666);
+module.exports = __webpack_require__(/*! regenerator-runtime */ "./node_modules/regenerator-runtime/runtime.js");
 
 
 /***/ }),
 
-/***/ 9787:
+/***/ "./src/core/ConnectStateWrapper/component.jsx":
+/*!****************************************************!*\
+  !*** ./src/core/ConnectStateWrapper/component.jsx ***!
+  \****************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
+__webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "ConnectStateWrapper": () => (/* binding */ ConnectStateWrapper),
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* unused harmony export ConnectStateWrapper */
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _remote_data_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3511);
+/* harmony import */ var _remote_data_store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../remote-data-store */ "./src/core/remote-data-store.js");
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
@@ -77,7 +84,7 @@ var ConnectStateWrapper = function ConnectStateWrapper(Component, selectors) {
   };
 
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
-    var store = (0,_remote_data_store__WEBPACK_IMPORTED_MODULE_1__/* .getRemoteDataStore */ .cO)();
+    var store = (0,_remote_data_store__WEBPACK_IMPORTED_MODULE_1__.getRemoteDataStore)();
     var resolvedState = Object.keys(selectors).reduce(function (acc, key) {
       return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, key, selectors[key](store)));
     }, {}); // Set initial state
@@ -86,7 +93,7 @@ var ConnectStateWrapper = function ConnectStateWrapper(Component, selectors) {
     // When optimising for renders, look for wins with selectors better for your use and using connectState directly.
 
     Object.keys(selectors).forEach(function (key) {
-      (0,_remote_data_store__WEBPACK_IMPORTED_MODULE_1__/* .connectState */ .kZ)(selectors[key], setStateForKey(key));
+      (0,_remote_data_store__WEBPACK_IMPORTED_MODULE_1__.connectState)(selectors[key], setStateForKey(key));
     });
   }, []);
 
@@ -100,18 +107,22 @@ var ConnectStateWrapper = function ConnectStateWrapper(Component, selectors) {
 
 /***/ }),
 
-/***/ 5751:
+/***/ "./src/core/FeaturedLink/component.jsx":
+/*!*********************************************!*\
+  !*** ./src/core/FeaturedLink/component.jsx ***!
+  \*********************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
+__webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
+/* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../Icon/component.jsx */ "./src/core/Icon/component.jsx");
 
 
 
@@ -131,7 +142,7 @@ var FeaturedLink = function FeaturedLink(_ref) {
     style: {
       "--featured-link-icon-size": "var(".concat(textSize.replace("text", "--fs"), ")")
     }
-  }, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
+  }, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
     name: "icon-gui-link-arrow",
     size: "calc(var(--featured-link-icon-size) * 1.25)",
     color: iconColor,
@@ -150,16 +161,20 @@ FeaturedLink.propTypes = {
 
 /***/ }),
 
-/***/ 9008:
+/***/ "./src/core/Icon/component.jsx":
+/*!*************************************!*\
+  !*** ./src/core/Icon/component.jsx ***!
+  \*************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
+__webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
 var _excluded = ["name", "size", "color", "additionalCSS"];
 
@@ -203,18 +218,22 @@ Icon.propTypes = {
 
 /***/ }),
 
-/***/ 2725:
+/***/ "./src/core/MeganavBlogPostsList/component.jsx":
+/*!*****************************************************!*\
+  !*** ./src/core/MeganavBlogPostsList/component.jsx ***!
+  \*****************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
+__webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5751);
+/* harmony import */ var _FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../FeaturedLink/component.jsx */ "./src/core/FeaturedLink/component.jsx");
 
 
 
@@ -241,7 +260,7 @@ var MeganavBlogPostsList = function MeganavBlogPostsList(_ref) {
     }, post.title), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
       className: "ui-meganav-media-copy"
     }, post.pubDate)));
-  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
+  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
     url: absUrl("/blog"),
     textSize: "text-p3"
   }, "More from our Blog")) : null;
@@ -259,16 +278,147 @@ MeganavBlogPostsList.propTypes = {
 
 /***/ }),
 
-/***/ 3511:
+/***/ "./src/core/remote-blogs-posts.js":
+/*!****************************************!*\
+  !*** ./src/core/remote-blogs-posts.js ***!
+  \****************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
+__webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "cO": () => (/* binding */ getRemoteDataStore),
-/* harmony export */   "kZ": () => (/* binding */ connectState)
+/* harmony export */   "fetchBlogPosts": () => (/* binding */ fetchBlogPosts),
+/* harmony export */   "reducerBlogPosts": () => (/* binding */ reducerBlogPosts),
+/* harmony export */   "selectRecentBlogPosts": () => (/* binding */ selectRecentBlogPosts)
 /* harmony export */ });
-/* unused harmony exports attachStoreToWindow, createRemoteDataStore */
-/* harmony import */ var redux__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5044);
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js");
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _remote_data_util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./remote-data-util */ "./src/core/remote-data-util.js");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(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; }
+
+
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+
+
+var fetchBlogPosts = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default().mark(function _callee(store, blogUrl) {
+    var res, payload;
+    return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default().wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+
+            if (blogUrl) {
+              _context.next = 4;
+              break;
+            }
+
+            console.log("Skipping fetching blog posts, invalid blogUrl: \"".concat(blogUrl, "\""));
+            return _context.abrupt("return");
+
+          case 4:
+            _context.next = 6;
+            return fetch(blogUrl);
+
+          case 6:
+            res = _context.sent;
+
+            if (!(0,_remote_data_util__WEBPACK_IMPORTED_MODULE_1__.isJsonResponse)(res.headers.get("content-type"))) {
+              _context.next = 14;
+              break;
+            }
+
+            _context.next = 10;
+            return res.json();
+
+          case 10:
+            payload = _context.sent;
+            store.dispatch({
+              type: "blog/loaded",
+              payload: payload
+            });
+            _context.next = 15;
+            break;
+
+          case 14:
+            throw new Error("Blog posts url is not serving json");
+
+          case 15:
+            _context.next = 20;
+            break;
+
+          case 17:
+            _context.prev = 17;
+            _context.t0 = _context["catch"](0);
+            console.warn("Could not fetch blog posts due to error:", _context.t0);
+
+          case 20:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee, null, [[0, 17]]);
+  }));
+
+  return function fetchBlogPosts(_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+var initialState = {
+  recent: null
+};
+var REDUCER_KEY = "blogPosts";
+
+var reducerBlogPosts = _defineProperty({}, REDUCER_KEY, function () {
+  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState;
+  var action = arguments.length > 1 ? arguments[1] : undefined;
+
+  switch (action.type) {
+    case "blog/loaded":
+      return _objectSpread(_objectSpread({}, state), {}, {
+        recent: action.payload
+      });
+
+    default:
+      return state;
+  }
+});
+
+var selectRecentBlogPosts = function selectRecentBlogPosts(store) {
+  var _store$getState$REDUC;
+
+  return (_store$getState$REDUC = store.getState()[REDUCER_KEY]) === null || _store$getState$REDUC === void 0 ? void 0 : _store$getState$REDUC.recent;
+};
+
+
+
+/***/ }),
+
+/***/ "./src/core/remote-data-store.js":
+/*!***************************************!*\
+  !*** ./src/core/remote-data-store.js ***!
+  \***************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "attachStoreToWindow": () => (/* binding */ attachStoreToWindow),
+/* harmony export */   "connectState": () => (/* binding */ connectState),
+/* harmony export */   "createRemoteDataStore": () => (/* binding */ createRemoteDataStore),
+/* harmony export */   "getRemoteDataStore": () => (/* binding */ getRemoteDataStore)
+/* harmony export */ });
+/* harmony import */ var redux__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! redux */ "redux");
 /* harmony import */ var redux__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(redux__WEBPACK_IMPORTED_MODULE_0__);
 
 var attachStoreToWindow = function attachStoreToWindow(store) {
@@ -297,12 +447,34 @@ var connectState = function connectState(selector, setState) {
   });
 };
 var createRemoteDataStore = function createRemoteDataStore(reducers) {
-  return createStore(combineReducers(reducers));
+  return (0,redux__WEBPACK_IMPORTED_MODULE_0__.createStore)((0,redux__WEBPACK_IMPORTED_MODULE_0__.combineReducers)(reducers));
+};
+
+/***/ }),
+
+/***/ "./src/core/remote-data-util.js":
+/*!**************************************!*\
+  !*** ./src/core/remote-data-util.js ***!
+  \**************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "isJsonResponse": () => (/* binding */ isJsonResponse)
+/* harmony export */ });
+// isJsonResponse is useful for environments where hitting an endpoint
+// would return an html page (eg. Gatsby local dev)
+var isJsonResponse = function isJsonResponse(contentType) {
+  return contentType && contentType.includes("application/json");
 };
 
 /***/ }),
 
-/***/ 5666:
+/***/ "./node_modules/regenerator-runtime/runtime.js":
+/*!*****************************************************!*\
+  !*** ./node_modules/regenerator-runtime/runtime.js ***!
+  \*****************************************************/
 /***/ ((module) => {
 
 /**
@@ -1057,27 +1229,36 @@ try {
 
 /***/ }),
 
-/***/ 3474:
+/***/ "prop-types":
+/*!*******************************************************************!*\
+  !*** external {"commonjs":"prop-types","commonjs2":"prop-types"} ***!
+  \*******************************************************************/
 /***/ ((module) => {
 
 "use strict";
-module.exports = __WEBPACK_EXTERNAL_MODULE__3474__;
+module.exports = __WEBPACK_EXTERNAL_MODULE_prop_types__;
 
 /***/ }),
 
-/***/ 9281:
+/***/ "react":
+/*!*********************************************************!*\
+  !*** external {"commonjs":"react","commonjs2":"react"} ***!
+  \*********************************************************/
 /***/ ((module) => {
 
 "use strict";
-module.exports = __WEBPACK_EXTERNAL_MODULE__9281__;
+module.exports = __WEBPACK_EXTERNAL_MODULE_react__;
 
 /***/ }),
 
-/***/ 5044:
+/***/ "redux":
+/*!*********************************************************!*\
+  !*** external {"commonjs":"redux","commonjs2":"redux"} ***!
+  \*********************************************************/
 /***/ ((module) => {
 
 "use strict";
-module.exports = __WEBPACK_EXTERNAL_MODULE__5044__;
+module.exports = __WEBPACK_EXTERNAL_MODULE_redux__;
 
 /***/ })
 
@@ -1153,137 +1334,21 @@ var __webpack_exports__ = {};
 // This entry need to be wrapped in an IIFE because it need to be in strict mode.
 (() => {
 "use strict";
-// ESM COMPAT FLAG
+/*!******************************************************!*\
+  !*** ./src/core/MeganavContentCompany/component.jsx ***!
+  \******************************************************/
 __webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (/* binding */ MeganavContentCompany_component)
-});
-
-// EXTERNAL MODULE: external {"commonjs":"react","commonjs2":"react"}
-var external_commonjs_react_commonjs2_react_ = __webpack_require__(9281);
-var external_commonjs_react_commonjs2_react_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_react_commonjs2_react_);
-// EXTERNAL MODULE: external {"commonjs":"prop-types","commonjs2":"prop-types"}
-var external_commonjs_prop_types_commonjs2_prop_types_ = __webpack_require__(3474);
-var external_commonjs_prop_types_commonjs2_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_prop_types_commonjs2_prop_types_);
-// EXTERNAL MODULE: ./src/core/MeganavBlogPostsList/component.jsx
-var component = __webpack_require__(2725);
-// EXTERNAL MODULE: ./src/core/ConnectStateWrapper/component.jsx
-var ConnectStateWrapper_component = __webpack_require__(9787);
-// EXTERNAL MODULE: ./node_modules/@babel/runtime/regenerator/index.js
-var regenerator = __webpack_require__(7757);
-;// CONCATENATED MODULE: ./src/core/remote-blogs-posts.js
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(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; }
-
-
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
-
-
-var fetchBlogPosts = /*#__PURE__*/(/* unused pure expression or super */ null && (function () {
-  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(store, blogUrl) {
-    var res, payload;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _context.prev = 0;
-
-            if (blogUrl) {
-              _context.next = 4;
-              break;
-            }
-
-            console.log("Skipping fetching blog posts, invalid blogUrl: \"".concat(blogUrl, "\""));
-            return _context.abrupt("return");
-
-          case 4:
-            _context.next = 6;
-            return fetch(blogUrl);
-
-          case 6:
-            res = _context.sent;
-
-            if (!isJsonResponse(res.headers.get("content-type"))) {
-              _context.next = 14;
-              break;
-            }
-
-            _context.next = 10;
-            return res.json();
-
-          case 10:
-            payload = _context.sent;
-            store.dispatch({
-              type: "blog/loaded",
-              payload: payload
-            });
-            _context.next = 15;
-            break;
-
-          case 14:
-            throw new Error("Blog posts url is not serving json");
-
-          case 15:
-            _context.next = 20;
-            break;
-
-          case 17:
-            _context.prev = 17;
-            _context.t0 = _context["catch"](0);
-            console.warn("Could not fetch blog posts due to error:", _context.t0);
-
-          case 20:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee, null, [[0, 17]]);
-  }));
-
-  return function fetchBlogPosts(_x, _x2) {
-    return _ref.apply(this, arguments);
-  };
-}()));
-
-var initialState = {
-  recent: null
-};
-var REDUCER_KEY = "blogPosts";
-
-var reducerBlogPosts = _defineProperty({}, REDUCER_KEY, function () {
-  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState;
-  var action = arguments.length > 1 ? arguments[1] : undefined;
-
-  switch (action.type) {
-    case "blog/loaded":
-      return _objectSpread(_objectSpread({}, state), {}, {
-        recent: action.payload
-      });
-
-    default:
-      return state;
-  }
-});
-
-var selectRecentBlogPosts = function selectRecentBlogPosts(store) {
-  var _store$getState$REDUC;
-
-  return (_store$getState$REDUC = store.getState()[REDUCER_KEY]) === null || _store$getState$REDUC === void 0 ? void 0 : _store$getState$REDUC.recent;
-};
-
-
-// EXTERNAL MODULE: ./src/core/Icon/component.jsx
-var Icon_component = __webpack_require__(9008);
-;// CONCATENATED MODULE: ./src/core/MeganavContentCompany/component.jsx
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _MeganavBlogPostsList_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../MeganavBlogPostsList/component.jsx */ "./src/core/MeganavBlogPostsList/component.jsx");
+/* harmony import */ var _ConnectStateWrapper_component_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../ConnectStateWrapper/component.jsx */ "./src/core/ConnectStateWrapper/component.jsx");
+/* harmony import */ var _remote_blogs_posts__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../remote-blogs-posts */ "./src/core/remote-blogs-posts.js");
+/* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../Icon/component.jsx */ "./src/core/Icon/component.jsx");
 
 
 
@@ -1294,125 +1359,137 @@ var Icon_component = __webpack_require__(9008);
 var MeganavContentCompany = function MeganavContentCompany(_ref) {
   var paths = _ref.paths,
       absUrl = _ref.absUrl;
-  var BlogPostsList = (0,ConnectStateWrapper_component.default)(component.default, {
-    recentBlogPosts: selectRecentBlogPosts
+  var BlogPostsList = (0,_ConnectStateWrapper_component_jsx__WEBPACK_IMPORTED_MODULE_3__["default"])(_MeganavBlogPostsList_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
+    recentBlogPosts: _remote_blogs_posts__WEBPACK_IMPORTED_MODULE_4__.selectRecentBlogPosts
   });
-  return /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: "flex max-w-screen-xl mx-auto"
-  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: "ui-meganav-content-spacer"
-  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("section", {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", {
     className: "grid grid-cols-12 ui-grid-gap-x w-full"
-  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: "col-span-full md:col-span-4 pt-24 md:py-24 lg:py-32 px-24 sm:px-32 md:pl-0 md:pr-24"
-  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("h3", {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
     className: "ui-meganav-overline",
     id: "meganav-company-panel-list-why-companies"
-  }, "Why companies choose Ably"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("ul", {
+  }, "Why companies choose Ably"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
     "aria-labelledby": "meganav-company-panel-list-why-companies"
-  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
     href: absUrl("/customers"),
     className: "ui-meganav-media-with-image group"
-  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(Icon_component.default, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_5__["default"], {
     name: "icon-display-customers-col",
     size: "2.5rem"
-  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: "flex flex-col justify-center"
-  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
     className: "ui-meganav-media-heading"
-  }, "Customers"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
+  }, "Customers"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
     className: "ui-meganav-media-copy"
-  }, "Ably supports customers across multiple industries.")))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
+  }, "Ably supports customers across multiple industries.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
     href: absUrl("/case-studies"),
     className: "ui-meganav-media-with-image group"
-  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(Icon_component.default, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_5__["default"], {
     name: "icon-display-case-studies-col",
     size: "2.5rem"
-  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: "flex flex-col justify-center"
-  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
     className: "ui-meganav-media-heading"
-  }, "Case studies"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
+  }, "Case studies"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
     className: "ui-meganav-media-copy"
-  }, "Discover how customers are benefiting from Ably.")))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
+  }, "Discover how customers are benefiting from Ably.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
     href: absUrl("/compare"),
     className: "ui-meganav-media-with-image group"
-  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(Icon_component.default, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_5__["default"], {
     name: "icon-display-compare-tech-col",
     size: "2.5rem"
-  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: "flex flex-col justify-center"
-  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
     className: "ui-meganav-media-heading"
-  }, "Compare our tech"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
+  }, "Compare our tech"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
     className: "ui-meganav-media-copy"
-  }, "Choose the right realtime service.")))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
+  }, "Choose the right realtime service.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
     href: absUrl("/aws"),
     className: "ui-meganav-media-with-image group"
-  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("img", {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("img", {
     src: paths.awsLogo,
     alt: "AWS logo"
-  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: "flex flex-col justify-center"
-  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
     className: "ui-meganav-media-heading"
-  }, "Partners"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
+  }, "Partners"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
     className: "ui-meganav-media-copy"
-  }, "Ably collaborates and integrates with AWS.")))))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
+  }, "Ably collaborates and integrates with AWS.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: "col-span-full md:col-span-4 pb-8 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0"
-  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("ul", {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
     className: "md:mt-40",
     "aria-labelledby": "meganav-company-panel-list-why-companies"
-  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
     href: absUrl("/resources"),
     className: "ui-meganav-media-with-image group"
-  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(Icon_component.default, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_5__["default"], {
     name: "icon-display-resources-col",
     size: "2.5rem"
-  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: "flex flex-col justify-center"
-  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
     className: "ui-meganav-media-heading"
-  }, "Resources"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
+  }, "Resources"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
     className: "ui-meganav-media-copy"
-  }, "Learn more about realtime with our handy resources.")))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
+  }, "Learn more about realtime with our handy resources.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
     href: absUrl("/about"),
     className: "ui-meganav-media-with-image group"
-  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(Icon_component.default, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_5__["default"], {
     name: "icon-display-about-ably-col",
     size: "2.5rem"
-  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: "flex flex-col justify-center"
-  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
     className: "ui-meganav-media-heading"
-  }, "About Ably"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
+  }, "About Ably"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
     className: "ui-meganav-media-copy"
-  }, "Find out more about Ably\u2019s mission.")))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
+  }, "Find out more about Ably\u2019s mission.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
     href: absUrl("/careers"),
     className: "ui-meganav-media-with-image group"
-  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(Icon_component.default, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_5__["default"], {
     name: "icon-display-careers-col",
     size: "2.5rem"
-  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    className: "flex flex-col justify-center"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
+    className: "ui-meganav-media-heading"
+  }, "Careers"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
+    className: "ui-meganav-media-copy"
+  }, "Discover our open roles and core Ably values.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
+    href: absUrl("/events"),
+    className: "ui-meganav-media-with-image group"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_5__["default"], {
+    name: "icon-display-events-col",
+    size: "2.5rem"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: "flex flex-col justify-center"
-  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
     className: "ui-meganav-media-heading"
-  }, "Careers"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
+  }, "Events"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
     className: "ui-meganav-media-copy"
-  }, "Discover our open roles and core Ably values.")))))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(BlogPostsList, {
+  }, "Join Ably at upcoming events.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(BlogPostsList, {
     absUrl: absUrl
-  })), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
+  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: "ui-meganav-content-spacer"
   }));
 };
 
 MeganavContentCompany.propTypes = {
-  absUrl: (external_commonjs_prop_types_commonjs2_prop_types_default()).func,
-  paths: external_commonjs_prop_types_commonjs2_prop_types_default().shape({
-    awsLogo: (external_commonjs_prop_types_commonjs2_prop_types_default()).string
+  absUrl: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
+  paths: prop_types__WEBPACK_IMPORTED_MODULE_1___default().shape({
+    awsLogo: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
   })
 };
-/* harmony default export */ const MeganavContentCompany_component = (MeganavContentCompany);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MeganavContentCompany);
 })();
 
 /******/ 	return __webpack_exports__;