Changeset 13144

trunk/src/bp-activity/classes/class-bp-activity-component.php

-                      r13123
+                      r13144
                     'wp-i18n',
                     'wp-block-editor',
+                    'wp-server-side-render',
                     'bp-block-data',
-                    'bp-block-components',
                 ),
                 'style'              => 'bp-latest-activities-block',

trunk/src/bp-activity/js/blocks/embed-activity.js

-                      r13002
+                      r13144
   return newRequire;
+})({"DCTP":[function(require,module,exports) {
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+module.exports = _arrayWithHoles;
+},{}],"LoeL":[function(require,module,exports) {
+function _iterableToArrayLimit(arr, i) {
+  if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
+  var _arr = [];
+  var _n = true;
+  var _d = false;
+  var _e = undefined;
+  try {
+    for (var _i = arr[Symbol.iterator](), _s; !(_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;
+}
+module.exports = _iterableToArrayLimit;
+},{}],"jEQo":[function(require,module,exports) {
+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;
+}
+module.exports = _arrayLikeToArray;
+},{}],"Dbv9":[function(require,module,exports) {
+var arrayLikeToArray = require("./arrayLikeToArray");
+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(n);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);
+}
+module.exports = _unsupportedIterableToArray;
+},{"./arrayLikeToArray":"jEQo"}],"MWEO":[function(require,module,exports) {
+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.");
+}
+module.exports = _nonIterableRest;
+},{}],"DERy":[function(require,module,exports) {
+var arrayWithHoles = require("./arrayWithHoles");
+var iterableToArrayLimit = require("./iterableToArrayLimit");
+var unsupportedIterableToArray = require("./unsupportedIterableToArray");
+var nonIterableRest = require("./nonIterableRest");
+function _slicedToArray(arr, i) {
+  return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest();
+}
+module.exports = _slicedToArray;
+},{"./arrayWithHoles":"DCTP","./iterableToArrayLimit":"LoeL","./unsupportedIterableToArray":"Dbv9","./nonIterableRest":"MWEO"}],"Sjre":[function(require,module,exports) {
+})({"Sjre":[function(require,module,exports) {
 "use strict";
 …
 exports.default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
  * WordPress dependencies.
  */
+var _wp = wp,
+    _wp$element = _wp.element,
+    createElement = _wp$element.createElement,
+    Fragment = _wp$element.Fragment,
+    useState = _wp$element.useState,
+    __ = _wp.i18n.__,
+    _wp$components = _wp.components,
+    Placeholder = _wp$components.Placeholder,
+    Disabled = _wp$components.Disabled,
+    SandBox = _wp$components.SandBox,
+    Button = _wp$components.Button,
+    ExternalLink = _wp$components.ExternalLink,
+    Spinner = _wp$components.Spinner,
+    ToolbarGroup = _wp$components.ToolbarGroup,
+    ToolbarButton = _wp$components.ToolbarButton,
+    compose = _wp.compose.compose,
+    withSelect = _wp.data.withSelect,
+    _wp$blockEditor = _wp.blockEditor,
+    RichText = _wp$blockEditor.RichText,
+    BlockControls = _wp$blockEditor.BlockControls;
+const {
+  element: {
+    createElement,
+    Fragment,
+    useState
+  },
+  i18n: {
+    __
+  },
+  components: {
+    Placeholder,
+    Disabled,
+    SandBox,
+    Button,
+    ExternalLink,
+    Spinner,
+    ToolbarGroup,
+    ToolbarButton
+  },
+  compose: {
+    compose
+  },
+  data: {
+    withSelect
+  },
+  blockEditor: {
+    RichText,
+    BlockControls
+  }
+} = wp;
 /**
  * BuddyPress dependencies.
  */
+var _bp = bp,
+    embedScriptURL = _bp.blockData.embedScriptURL;
+var EditEmbedActivity = function EditEmbedActivity(_ref) {
+  var attributes = _ref.attributes,
+      setAttributes = _ref.setAttributes,
+      isSelected = _ref.isSelected,
+      preview = _ref.preview,
+      fetching = _ref.fetching;
+  var url = attributes.url,
+      caption = attributes.caption;
+  var label = __('BuddyPress Activity URL', 'buddypress');
+  var _useState = useState(url),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      value = _useState2[0],
+      setURL = _useState2[1];
+  var _useState3 = useState(!url),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      isEditingURL = _useState4[0],
+      setIsEditingURL = _useState4[1];
+  var onSubmit = function onSubmit(event) {
+const {
+  blockData: {
+    embedScriptURL
+  }
+} = bp;
+const EditEmbedActivity = ({
+  attributes,
+  setAttributes,
+  isSelected,
+  preview,
+  fetching
+}) => {
+  const {
+    url,
+    caption
+  } = attributes;
+  const label = __('BuddyPress Activity URL', 'buddypress');
+  const [value, setURL] = useState(url);
+  const [isEditingURL, setIsEditingURL] = useState(!url);
+  const onSubmit = event => {
     if (event) {
       event.preventDefault();
 …
   };
   var switchBackToURLInput = function switchBackToURLInput(event) {
+  const switchBackToURLInput = event => {
     if (event) {
       event.preventDefault();
 …
   };
   var editToolbar = createElement(BlockControls, null, createElement(ToolbarGroup, null, createElement(ToolbarButton, {
+  const editToolbar = createElement(BlockControls, null, createElement(ToolbarGroup, null, createElement(ToolbarButton, {
     icon: "edit",
     title: __('Edit URL', 'buddypress'),
 …
       "aria-label": label,
       placeholder: __('Enter URL to embed here…', 'buddypress'),
+      onChange: function onChange(event) {
+        return setURL(event.target.value);
+      }
+      onChange: event => setURL(event.target.value)
     }), createElement(Button, {
       isPrimary: true,
 …
     placeholder: __('Write caption…', 'buddypress'),
     value: caption,
+    onChange: function onChange(value) {
+      return setAttributes({
+        caption: value
+      });
+    },
+    onChange: value => setAttributes({
+      caption: value
+    }),
     inlineToolbar: true
   })));
 };
+var editEmbedActivityBlock = compose([withSelect(function (select, ownProps) {
+  var url = ownProps.attributes.url;
+  var _select = select('core'),
+      getEmbedPreview = _select.getEmbedPreview,
+      isRequestingEmbedPreview = _select.isRequestingEmbedPreview;
+  var preview = !!url && getEmbedPreview(url);
+  var fetching = !!url && isRequestingEmbedPreview(url);
+const editEmbedActivityBlock = compose([withSelect((select, ownProps) => {
+  const {
+    url
+  } = ownProps.attributes;
+  const {
+    getEmbedPreview,
+    isRequestingEmbedPreview
+  } = select('core');
+  const preview = !!url && getEmbedPreview(url);
+  const fetching = !!url && isRequestingEmbedPreview(url);
   return {
     preview: preview,
 …
 var _default = editEmbedActivityBlock;
 exports.default = _default;
 },{"@babel/runtime/helpers/slicedToArray":"DERy"}],"zmBI":[function(require,module,exports) {
+},{}],"zmBI":[function(require,module,exports) {
 "use strict";
 …
  * WordPress dependencies.
  */
+var _wp = wp,
+    RichText = _wp.blockEditor.RichText,
+    createElement = _wp.element.createElement;
+var saveEmbedActivityBlock = function saveEmbedActivityBlock(_ref) {
+  var attributes = _ref.attributes;
+  var url = attributes.url,
+      caption = attributes.caption;
+const {
+  blockEditor: {
+    RichText
+  },
+  element: {
+    createElement
+  }
+} = wp;
+const saveEmbedActivityBlock = ({
+  attributes
+}) => {
+  const {
+    url,
+    caption
+  } = attributes;
   if (!url) {
 …
   }, createElement("div", {
     className: "wp-block-embed__wrapper"
   }, "\n".concat(url, "\n")
+  }, `\n${url}\n`
   /* URL needs to be on its own line. */
   ), !RichText.isEmpty(caption) && createElement(RichText.Content, {
 …
  * WordPress dependencies.
  */
+var _wp = wp,
+    __ = _wp.i18n.__,
+    registerBlockType = _wp.blocks.registerBlockType;
+const {
+  i18n: {
+    __
+  },
+  blocks: {
+    registerBlockType
+  }
+} = wp;
 /**
  * Internal dependencies.

trunk/src/bp-activity/js/blocks/latest-activities.js

-                      r13130
+                      r13144
   i18n: {
     __
+  }
+  },
+  serverSideRender: ServerSideRender
 } = wp;
 /**
 …
 const {
-  blockComponents: {
-    ServerSideRender
-  },
   blockData: {
     currentPostId,

trunk/src/bp-blogs/classes/class-bp-blogs-component.php

r13123	r13144
409	409	'wp-i18n',
410	410	'wp-block-editor',
411		'~~bp-block-components~~',
	411	'wp-server-side-render',
412	412	),
413	413	'style' => 'bp-recent-posts-block',

trunk/src/bp-blogs/js/blocks/recent-posts.js

-                      r13006
+                      r13144
  * WordPress dependencies.
  */
+var _wp = wp,
+    InspectorControls = _wp.blockEditor.InspectorControls,
+    _wp$components = _wp.components,
+    Disabled = _wp$components.Disabled,
+    PanelBody = _wp$components.PanelBody,
+    RangeControl = _wp$components.RangeControl,
+    TextControl = _wp$components.TextControl,
+    ToggleControl = _wp$components.ToggleControl,
+    _wp$element = _wp.element,
+    Fragment = _wp$element.Fragment,
+    createElement = _wp$element.createElement,
+    __ = _wp.i18n.__;
+/**
+ * BuddyPress dependencies.
+ */
+var _bp = bp,
+    ServerSideRender = _bp.blockComponents.ServerSideRender;
+var editRecentPostsBlock = function editRecentPostsBlock(_ref) {
+  var attributes = _ref.attributes,
+      setAttributes = _ref.setAttributes;
+  var title = attributes.title,
+      maxPosts = attributes.maxPosts,
+      linkTitle = attributes.linkTitle;
+const {
+  blockEditor: {
+    InspectorControls
+  },
+  components: {
+    Disabled,
+    PanelBody,
+    RangeControl,
+    TextControl,
+    ToggleControl
+  },
+  element: {
+    Fragment,
+    createElement
+  },
+  i18n: {
+    __
+  },
+  serverSideRender: ServerSideRender
+} = wp;
+const editRecentPostsBlock = ({
+  attributes,
+  setAttributes
+}) => {
+  const {
+    title,
+    maxPosts,
+    linkTitle
+  } = attributes;
   return createElement(Fragment, null, createElement(InspectorControls, null, createElement(PanelBody, {
     title: __('Settings', 'buddypress'),
 …
     label: __('Title', 'buddypress'),
     value: title,
     onChange: function onChange(text) {
+    onChange: text => {
       setAttributes({
         title: text
 …
     label: __('Max posts to show', 'buddypress'),
     value: maxPosts,
+    onChange: function onChange(value) {
+      return setAttributes({
+        maxPosts: value
+      });
+    },
+    onChange: value => setAttributes({
+      maxPosts: value
+    }),
     min: 1,
     max: 10,
 …
     label: __('Link block title to Blogs directory', 'buddypress'),
     checked: !!linkTitle,
     onChange: function onChange() {
+    onChange: () => {
       setAttributes({
         linkTitle: !linkTitle
 …
  * WordPress dependencies.
  */
+var _wp = wp,
+    createBlock = _wp.blocks.createBlock;
+const {
+  blocks: {
+    createBlock
+  }
+} = wp;
 /**
  * Transforms Legacy Widget to Recent Posts Block.
 …
  */
 var transforms = {
+const transforms = {
   from: [{
     type: 'block',
     blocks: ['core/legacy-widget'],
     isMatch: function isMatch(_ref) {
       var idBase = _ref.idBase,
           instance = _ref.instance;
+    isMatch: ({
+      idBase,
+      instance
+    }) => {
       if (!(instance !== null && instance !== void 0 && instance.raw)) {
         return false;
 …
       return idBase === 'bp_blogs_recent_posts_widget';
     },
+    transform: function transform(_ref2) {
+      var instance = _ref2.instance;
+    transform: ({
+      instance
+    }) => {
       return createBlock('bp/recent-posts', {
         title: instance.raw.title,
 …
  * WordPress dependencies.
  */
+var _wp = wp,
+    registerBlockType = _wp.blocks.registerBlockType,
+    __ = _wp.i18n.__;
+const {
+  blocks: {
+    registerBlockType
+  },
+  i18n: {
+    __
+  }
+} = wp;
 /**
  * Internal dependencies.

trunk/src/bp-core/bp-core-blocks.php

-                      r13140
+                      r13144
  */
 function bp_register_block_components() {
-    $server_side_renderer_dep = 'wp-server-side-render';
-    if ( bp_is_running_wp( '5.3.0', '<' ) ) {
-        $server_side_renderer_dep = 'wp-editor';
+    }
     wp_register_script(
         'bp-block-components',
 …
             'wp-api-fetch',
             'wp-url',
-            $server_side_renderer_dep,
         ),
         bp_get_version(),

trunk/src/bp-core/classes/class-bp-core.php

r13111	r13144
393	393	'wp-i18n',
394	394	'wp-block-editor',
395		'~~bp-block-components~~',
	395	'wp-server-side-render',
396	396	),
397	397	'style' => 'bp-login-form-block',

trunk/src/bp-core/js/block-components.js

-                      r12995
+                      r13144
   return newRequire;
+})({"IC7x":[function(require,module,exports) {
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
+module.exports = _classCallCheck;
+},{}],"WiqS":[function(require,module,exports) {
+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 _createClass(Constructor, protoProps, staticProps) {
+  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+  if (staticProps) _defineProperties(Constructor, staticProps);
+  return Constructor;
+}
+module.exports = _createClass;
+},{}],"NS7G":[function(require,module,exports) {
+function _assertThisInitialized(self) {
+  if (self === void 0) {
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  }
+  return self;
+}
+module.exports = _assertThisInitialized;
+},{}],"zqo5":[function(require,module,exports) {
+function _setPrototypeOf(o, p) {
+  module.exports = _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+  return _setPrototypeOf(o, p);
+}
+module.exports = _setPrototypeOf;
+},{}],"RISo":[function(require,module,exports) {
+var setPrototypeOf = require("./setPrototypeOf");
+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
+    }
+  });
+  if (superClass) setPrototypeOf(subClass, superClass);
+}
+module.exports = _inherits;
+},{"./setPrototypeOf":"zqo5"}],"xOn8":[function(require,module,exports) {
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+    module.exports = _typeof = function _typeof(obj) {
+      return typeof obj;
+    };
+  } else {
+    module.exports = _typeof = function _typeof(obj) {
+      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    };
+  }
+  return _typeof(obj);
+}
+module.exports = _typeof;
+},{}],"oXYo":[function(require,module,exports) {
+var _typeof = require("../helpers/typeof");
+var assertThisInitialized = require("./assertThisInitialized");
+function _possibleConstructorReturn(self, call) {
+  if (call && (_typeof(call) === "object" || typeof call === "function")) {
+    return call;
+  }
+  return assertThisInitialized(self);
+}
+module.exports = _possibleConstructorReturn;
+},{"../helpers/typeof":"xOn8","./assertThisInitialized":"NS7G"}],"goD2":[function(require,module,exports) {
+function _getPrototypeOf(o) {
+  module.exports = _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+    return o.__proto__ || Object.getPrototypeOf(o);
+  };
+  return _getPrototypeOf(o);
+}
+module.exports = _getPrototypeOf;
+},{}],"W80x":[function(require,module,exports) {
+})({"W80x":[function(require,module,exports) {
 "use strict";
 …
 exports.default = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-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; } }
 /**
  * WordPress dependencies.
  */
+var _wp = wp,
+    apiFetch = _wp.apiFetch,
+    Popover = _wp.components.Popover,
+    _wp$element = _wp.element,
+    Component = _wp$element.Component,
+    Fragment = _wp$element.Fragment,
+    createElement = _wp$element.createElement,
+    __ = _wp.i18n.__,
+    addQueryArgs = _wp.url.addQueryArgs;
+var AutoCompleter = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(AutoCompleter, _Component);
+  var _super = _createSuper(AutoCompleter);
+  function AutoCompleter() {
+    var _this;
+    (0, _classCallCheck2.default)(this, AutoCompleter);
+    _this = _super.apply(this, arguments);
+    _this.state = {
+const {
+  apiFetch,
+  components: {
+    Popover
+  },
+  element: {
+    Component,
+    Fragment,
+    createElement
+  },
+  i18n: {
+    __
+  },
+  url: {
+    addQueryArgs
+  }
+} = wp;
+class AutoCompleter extends Component {
+  constructor() {
+    super(...arguments);
+    this.state = {
       search: '',
       items: [],
       error: ''
     };
+    _this.searchItemName = _this.searchItemName.bind((0, _assertThisInitialized2.default)(_this));
+    _this.selectItemName = _this.selectItemName.bind((0, _assertThisInitialized2.default)(_this));
+    return _this;
+  }
+  (0, _createClass2.default)(AutoCompleter, [{
+    key: "searchItemName",
+    value: function searchItemName(value) {
+      var _this2 = this;
+      var search = this.state.search;
+      var _this$props = this.props,
+          component = _this$props.component,
+          objectQueryArgs = _this$props.objectQueryArgs;
+    this.searchItemName = this.searchItemName.bind(this);
+    this.selectItemName = this.selectItemName.bind(this);
+  }
+  searchItemName(value) {
+    const {
+      search
+    } = this.state;
+    const {
+      component,
+      objectQueryArgs
+    } = this.props;
+    this.setState({
+      search: value
+    });
+    if (value.length < search.length) {
       this.setState({
         search: value
+        items: []
       });
+      if (value.length < search.length) {
+        this.setState({
+          items: []
+        });
+      }
+      var path = '/buddypress/v1/' + component;
+      var queryArgs = {};
+      if (value) {
+        queryArgs.search = encodeURIComponent(value);
+      }
+      if (objectQueryArgs) {
+        queryArgs = Object.assign(queryArgs, objectQueryArgs);
+      }
+      apiFetch({
+        path: addQueryArgs(path, queryArgs)
+      }).then(function (items) {
+        _this2.setState({
+          items: items
+        });
+      }, function (error) {
+        _this2.setState({
+          error: error.message
+        });
+    }
+    let path = '/buddypress/v1/' + component;
+    let queryArgs = {};
+    if (value) {
+      queryArgs.search = encodeURIComponent(value);
+    }
+    if (objectQueryArgs) {
+      queryArgs = Object.assign(queryArgs, objectQueryArgs);
+    }
+    apiFetch({
+      path: addQueryArgs(path, queryArgs)
+    }).then(items => {
+      this.setState({
+        items: items
       });
+    }
+  }, {
+    key: "selectItemName",
+    value: function selectItemName(event, itemID) {
+      var onSelectItem = this.props.onSelectItem;
+      event.preventDefault();
+    }, error => {
       this.setState({
+        search: '',
+        items: [],
+        error: ''
+        error: error.message
       });
+      return onSelectItem({
+        itemID: itemID
+    });
+  }
+  selectItemName(event, itemID) {
+    const {
+      onSelectItem
+    } = this.props;
+    event.preventDefault();
+    this.setState({
+      search: '',
+      items: [],
+      error: ''
+    });
+    return onSelectItem({
+      itemID: itemID
+    });
+  }
+  render() {
+    const {
+      search,
+      items
+    } = this.state;
+    let {
+      ariaLabel,
+      placeholder,
+      useAvatar,
+      slugValue
+    } = this.props;
+    let itemsList;
+    if (!ariaLabel) {
+      ariaLabel = __('Item\'s name', 'buddypress');
+    }
+    if (!placeholder) {
+      placeholder = __('Enter Item\'s name here…', 'buddypress');
+    }
+    if (items.length) {
+      itemsList = items.map(item => {
+        return createElement("button", {
+          type: "button",
+          key: 'editor-autocompleters__item-item-' + item.id,
+          role: "option",
+          "aria-selected": "true",
+          className: "components-button components-autocomplete__result editor-autocompleters__user",
+          onClick: event => this.selectItemName(event, item.id)
+        }, useAvatar && createElement("img", {
+          key: "avatar",
+          className: "editor-autocompleters__user-avatar",
+          alt: "",
+          src: item.avatar_urls.thumb.replaceAll('&#038;', '&')
+        }), createElement("span", {
+          key: "name",
+          className: "editor-autocompleters__user-name"
+        }, item.name), slugValue && null !== slugValue(item) && createElement("span", {
+          key: "slug",
+          className: "editor-autocompleters__user-slug"
+        }, slugValue(item)));
       });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this3 = this;
+      var _this$state = this.state,
+          search = _this$state.search,
+          items = _this$state.items;
+      var _this$props2 = this.props,
+          ariaLabel = _this$props2.ariaLabel,
+          placeholder = _this$props2.placeholder,
+          useAvatar = _this$props2.useAvatar,
+          slugValue = _this$props2.slugValue;
+      var itemsList;
+      if (!ariaLabel) {
+        ariaLabel = __('Item\'s name', 'buddypress');
+      }
+      if (!placeholder) {
+        placeholder = __('Enter Item\'s name here…', 'buddypress');
+      }
+      if (items.length) {
+        itemsList = items.map(function (item) {
+          return createElement("button", {
+            type: "button",
+            key: 'editor-autocompleters__item-item-' + item.id,
+            role: "option",
+            "aria-selected": "true",
+            className: "components-button components-autocomplete__result editor-autocompleters__user",
+            onClick: function onClick(event) {
+              return _this3.selectItemName(event, item.id);
+            }
+          }, useAvatar && createElement("img", {
+            key: "avatar",
+            className: "editor-autocompleters__user-avatar",
+            alt: "",
+            src: item.avatar_urls.thumb.replaceAll('&#038;', '&')
+          }), createElement("span", {
+            key: "name",
+            className: "editor-autocompleters__user-name"
+          }, item.name), slugValue && null !== slugValue(item) && createElement("span", {
+            key: "slug",
+            className: "editor-autocompleters__user-slug"
+          }, slugValue(item)));
+        });
+      }
+      return createElement(Fragment, null, createElement("input", {
+        type: "text",
+        value: search,
+        className: "components-placeholder__input",
+        "aria-label": ariaLabel,
+        placeholder: placeholder,
+        onChange: function onChange(event) {
+          return _this3.searchItemName(event.target.value);
+        }
+      }), 0 !== items.length && createElement(Popover, {
+        className: "components-autocomplete__popover",
+        focusOnMount: false,
+        position: "bottom left"
+      }, createElement("div", {
+        className: "components-autocomplete__results"
+      }, itemsList)));
+    }
+  }]);
+  return AutoCompleter;
+}(Component);
+    return createElement(Fragment, null, createElement("input", {
+      type: "text",
+      value: search,
+      className: "components-placeholder__input",
+      "aria-label": ariaLabel,
+      placeholder: placeholder,
+      onChange: event => this.searchItemName(event.target.value)
+    }), 0 !== items.length && createElement(Popover, {
+      className: "components-autocomplete__popover",
+      focusOnMount: false,
+      position: "bottom left"
+    }, createElement("div", {
+      className: "components-autocomplete__results"
+    }, itemsList)));
+  }
+}
 var _default = AutoCompleter;
 exports.default = _default;
-},{"@babel/runtime/helpers/classCallCheck":"IC7x","@babel/runtime/helpers/createClass":"WiqS","@babel/runtime/helpers/assertThisInitialized":"NS7G","@babel/runtime/helpers/inherits":"RISo","@babel/runtime/helpers/possibleConstructorReturn":"oXYo","@babel/runtime/helpers/getPrototypeOf":"goD2"}],"fOJU":[function(require,module,exports) {
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = ServerSideRender;
-/**
- * WordPress dependencies.
- */
-var _wp = wp,
-    createElement = _wp.element.createElement;
-/**
- * Compatibility Server Side Render.
+ *
- * @since 9.0.0
- */
-function ServerSideRender(props) {
-  var CompatibiltyServerSideRender = wp.serverSideRender ? wp.serverSideRender : wp.editor.ServerSideRender;
-  return createElement(CompatibiltyServerSideRender, props);
+}
 },{}],"iA92":[function(require,module,exports) {
 "use strict";
 …
 var _autocompleter = _interopRequireDefault(require("./autocompleter"));
-var _serverSideRender = _interopRequireDefault(require("./server-side-render"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 …
  */
 var _default = {
+  AutoCompleter: _autocompleter.default,
+  ServerSideRender: _serverSideRender.default
+  AutoCompleter: _autocompleter.default
 };
 exports.default = _default;
 },{"./autocompleter":"W80x","./server-side-render":"fOJU"}],"Ee8M":[function(require,module,exports) {
+},{"./autocompleter":"W80x"}],"Ee8M":[function(require,module,exports) {
 "use strict";

trunk/src/bp-core/js/block-data.js

-                      r12995
+                      r13144
   return newRequire;
+})({"DCTP":[function(require,module,exports) {
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+module.exports = _arrayWithHoles;
+},{}],"LoeL":[function(require,module,exports) {
+function _iterableToArrayLimit(arr, i) {
+  if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
+  var _arr = [];
+  var _n = true;
+  var _d = false;
+  var _e = undefined;
+  try {
+    for (var _i = arr[Symbol.iterator](), _s; !(_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;
+}
+module.exports = _iterableToArrayLimit;
+},{}],"jEQo":[function(require,module,exports) {
+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;
+}
+module.exports = _arrayLikeToArray;
+},{}],"Dbv9":[function(require,module,exports) {
+var arrayLikeToArray = require("./arrayLikeToArray");
+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(n);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);
+}
+module.exports = _unsupportedIterableToArray;
+},{"./arrayLikeToArray":"jEQo"}],"MWEO":[function(require,module,exports) {
+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.");
+}
+module.exports = _nonIterableRest;
+},{}],"DERy":[function(require,module,exports) {
+var arrayWithHoles = require("./arrayWithHoles");
+var iterableToArrayLimit = require("./iterableToArrayLimit");
+var unsupportedIterableToArray = require("./unsupportedIterableToArray");
+var nonIterableRest = require("./nonIterableRest");
+function _slicedToArray(arr, i) {
+  return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest();
+}
+module.exports = _slicedToArray;
+},{"./arrayWithHoles":"DCTP","./iterableToArrayLimit":"LoeL","./unsupportedIterableToArray":"Dbv9","./nonIterableRest":"MWEO"}],"Ih1j":[function(require,module,exports) {
+})({"Ih1j":[function(require,module,exports) {
 "use strict";
 …
  * @type {string}
  */
 var STORE_KEY = 'bp/core';
+const STORE_KEY = 'bp/core';
 exports.STORE_KEY = STORE_KEY;
 },{}],"DDtj":[function(require,module,exports) {
 …
  * @return {array} The list of Active BP Components.
  */
 var getActiveComponents = function getActiveComponents(state) {
+const getActiveComponents = state => {
   return state.components || [];
 };
 …
  * @type {Object}
  */
 var TYPES = {
+const TYPES = {
   GET_ACTIVE_COMPONENTS: 'GET_ACTIVE_COMPONENTS',
   FETCH_FROM_API: 'FETCH_FROM_API'
 …
   return {
     type: _actionTypes.TYPES.GET_ACTIVE_COMPONENTS,
     list: list
+    list
   };
+}
 …
   return {
     type: _actionTypes.TYPES.FETCH_FROM_API,
     path: path,
     parse: parse
+    path,
+    parse
   };
+}
+},{"./action-types":"gg2v"}],"rqzK":[function(require,module,exports) {
+/**
+ * Copyright (c) 2014-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var runtime = (function (exports) {
+  "use strict";
+  var Op = Object.prototype;
+  var hasOwn = Op.hasOwnProperty;
+  var undefined; // More compressible than void 0.
+  var $Symbol = typeof Symbol === "function" ? Symbol : {};
+  var iteratorSymbol = $Symbol.iterator || "@@iterator";
+  var asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator";
+  var toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
+  function wrap(innerFn, outerFn, self, tryLocsList) {
+    // If outerFn provided and outerFn.prototype is a Generator, then outerFn.prototype instanceof Generator.
+    var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator;
+    var generator = Object.create(protoGenerator.prototype);
+    var context = new Context(tryLocsList || []);
+    // The ._invoke method unifies the implementations of the .next,
+    // .throw, and .return methods.
+    generator._invoke = makeInvokeMethod(innerFn, self, context);
+    return generator;
+  }
+  exports.wrap = wrap;
+  // Try/catch helper to minimize deoptimizations. Returns a completion
+  // record like context.tryEntries[i].completion. This interface could
+  // have been (and was previously) designed to take a closure to be
+  // invoked without arguments, but in all the cases we care about we
+  // already have an existing method we want to call, so there's no need
+  // to create a new function object. We can even get away with assuming
+  // the method takes exactly one argument, since that happens to be true
+  // in every case, so we don't have to touch the arguments object. The
+  // only additional allocation required is the completion record, which
+  // has a stable shape and so hopefully should be cheap to allocate.
+  function tryCatch(fn, obj, arg) {
+    try {
+      return { type: "normal", arg: fn.call(obj, arg) };
+    } catch (err) {
+      return { type: "throw", arg: err };
+    }
+  }
+  var GenStateSuspendedStart = "suspendedStart";
+  var GenStateSuspendedYield = "suspendedYield";
+  var GenStateExecuting = "executing";
+  var GenStateCompleted = "completed";
+  // Returning this object from the innerFn has the same effect as
+  // breaking out of the dispatch switch statement.
+  var ContinueSentinel = {};
+  // Dummy constructor functions that we use as the .constructor and
+  // .constructor.prototype properties for functions that return Generator
+  // objects. For full spec compliance, you may wish to configure your
+  // minifier not to mangle the names of these two functions.
+  function Generator() {}
+  function GeneratorFunction() {}
+  function GeneratorFunctionPrototype() {}
+  // This is a polyfill for %IteratorPrototype% for environments that
+  // don't natively support it.
+  var IteratorPrototype = {};
+  IteratorPrototype[iteratorSymbol] = function () {
+    return this;
+  };
+  var getProto = Object.getPrototypeOf;
+  var NativeIteratorPrototype = getProto && getProto(getProto(values([])));
+  if (NativeIteratorPrototype &&
+      NativeIteratorPrototype !== Op &&
+      hasOwn.call(NativeIteratorPrototype, iteratorSymbol)) {
+    // This environment has a native %IteratorPrototype%; use it instead
+    // of the polyfill.
+    IteratorPrototype = NativeIteratorPrototype;
+  }
+  var Gp = GeneratorFunctionPrototype.prototype =
+    Generator.prototype = Object.create(IteratorPrototype);
+  GeneratorFunction.prototype = Gp.constructor = GeneratorFunctionPrototype;
+  GeneratorFunctionPrototype.constructor = GeneratorFunction;
+  GeneratorFunctionPrototype[toStringTagSymbol] =
+    GeneratorFunction.displayName = "GeneratorFunction";
+  // Helper for defining the .next, .throw, and .return methods of the
+  // Iterator interface in terms of a single ._invoke method.
+  function defineIteratorMethods(prototype) {
+    ["next", "throw", "return"].forEach(function(method) {
+      prototype[method] = function(arg) {
+        return this._invoke(method, arg);
+      };
+    });
+  }
+  exports.isGeneratorFunction = function(genFun) {
+    var ctor = typeof genFun === "function" && genFun.constructor;
+    return ctor
+      ? ctor === GeneratorFunction ||
+        // For the native GeneratorFunction constructor, the best we can
+        // do is to check its .name property.
+        (ctor.displayName || ctor.name) === "GeneratorFunction"
+      : false;
+  };
+  exports.mark = function(genFun) {
+    if (Object.setPrototypeOf) {
+      Object.setPrototypeOf(genFun, GeneratorFunctionPrototype);
+    } else {
+      genFun.__proto__ = GeneratorFunctionPrototype;
+      if (!(toStringTagSymbol in genFun)) {
+        genFun[toStringTagSymbol] = "GeneratorFunction";
+      }
+    }
+    genFun.prototype = Object.create(Gp);
+    return genFun;
+  };
+  // Within the body of any async function, `await x` is transformed to
+  // `yield regeneratorRuntime.awrap(x)`, so that the runtime can test
+  // `hasOwn.call(value, "__await")` to determine if the yielded value is
+  // meant to be awaited.
+  exports.awrap = function(arg) {
+    return { __await: arg };
+  };
+  function AsyncIterator(generator, PromiseImpl) {
+    function invoke(method, arg, resolve, reject) {
+      var record = tryCatch(generator[method], generator, arg);
+      if (record.type === "throw") {
+        reject(record.arg);
+      } else {
+        var result = record.arg;
+        var value = result.value;
+        if (value &&
+            typeof value === "object" &&
+            hasOwn.call(value, "__await")) {
+          return PromiseImpl.resolve(value.__await).then(function(value) {
+            invoke("next", value, resolve, reject);
+          }, function(err) {
+            invoke("throw", err, resolve, reject);
+          });
+        }
+        return PromiseImpl.resolve(value).then(function(unwrapped) {
+          // When a yielded Promise is resolved, its final value becomes
+          // the .value of the Promise<{value,done}> result for the
+          // current iteration.
+          result.value = unwrapped;
+          resolve(result);
+        }, function(error) {
+          // If a rejected Promise was yielded, throw the rejection back
+          // into the async generator function so it can be handled there.
+          return invoke("throw", error, resolve, reject);
+        });
+      }
+    }
+    var previousPromise;
+    function enqueue(method, arg) {
+      function callInvokeWithMethodAndArg() {
+        return new PromiseImpl(function(resolve, reject) {
+          invoke(method, arg, resolve, reject);
+        });
+      }
+      return previousPromise =
+        // If enqueue has been called before, then we want to wait until
+        // all previous Promises have been resolved before calling invoke,
+        // so that results are always delivered in the correct order. If
+        // enqueue has not been called before, then it is important to
+        // call invoke immediately, without waiting on a callback to fire,
+        // so that the async generator function has the opportunity to do
+        // any necessary setup in a predictable way. This predictability
+        // is why the Promise constructor synchronously invokes its
+        // executor callback, and why async functions synchronously
+        // execute code before the first await. Since we implement simple
+        // async functions in terms of async generators, it is especially
+        // important to get this right, even though it requires care.
+        previousPromise ? previousPromise.then(
+          callInvokeWithMethodAndArg,
+          // Avoid propagating failures to Promises returned by later
+          // invocations of the iterator.
+          callInvokeWithMethodAndArg
+        ) : callInvokeWithMethodAndArg();
+    }
+    // Define the unified helper method that is used to implement .next,
+    // .throw, and .return (see defineIteratorMethods).
+    this._invoke = enqueue;
+  }
+  defineIteratorMethods(AsyncIterator.prototype);
+  AsyncIterator.prototype[asyncIteratorSymbol] = function () {
+    return this;
+  };
+  exports.AsyncIterator = AsyncIterator;
+  // Note that simple async functions are implemented on top of
+  // AsyncIterator objects; they just return a Promise for the value of
+  // the final result produced by the iterator.
+  exports.async = function(innerFn, outerFn, self, tryLocsList, PromiseImpl) {
+    if (PromiseImpl === void 0) PromiseImpl = Promise;
+    var iter = new AsyncIterator(
+      wrap(innerFn, outerFn, self, tryLocsList),
+      PromiseImpl
+    );
+    return exports.isGeneratorFunction(outerFn)
+      ? iter // If outerFn is a generator, return the full iterator.
+      : iter.next().then(function(result) {
+          return result.done ? result.value : iter.next();
+        });
+  };
+  function makeInvokeMethod(innerFn, self, context) {
+    var state = GenStateSuspendedStart;
+    return function invoke(method, arg) {
+      if (state === GenStateExecuting) {
+        throw new Error("Generator is already running");
+      }
+      if (state === GenStateCompleted) {
+        if (method === "throw") {
+          throw arg;
+        }
+        // Be forgiving, per 25.3.3.3.3 of the spec:
+        // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume
+        return doneResult();
+      }
+      context.method = method;
+      context.arg = arg;
+      while (true) {
+        var delegate = context.delegate;
+        if (delegate) {
+          var delegateResult = maybeInvokeDelegate(delegate, context);
+          if (delegateResult) {
+            if (delegateResult === ContinueSentinel) continue;
+            return delegateResult;
+          }
+        }
+        if (context.method === "next") {
+          // Setting context._sent for legacy support of Babel's
+          // function.sent implementation.
+          context.sent = context._sent = context.arg;
+        } else if (context.method === "throw") {
+          if (state === GenStateSuspendedStart) {
+            state = GenStateCompleted;
+            throw context.arg;
+          }
+          context.dispatchException(context.arg);
+        } else if (context.method === "return") {
+          context.abrupt("return", context.arg);
+        }
+        state = GenStateExecuting;
+        var record = tryCatch(innerFn, self, context);
+        if (record.type === "normal") {
+          // If an exception is thrown from innerFn, we leave state ===
+          // GenStateExecuting and loop back for another invocation.
+          state = context.done
+            ? GenStateCompleted
+            : GenStateSuspendedYield;
+          if (record.arg === ContinueSentinel) {
+            continue;
+          }
+          return {
+            value: record.arg,
+            done: context.done
+          };
+        } else if (record.type === "throw") {
+          state = GenStateCompleted;
+          // Dispatch the exception by looping back around to the
+          // context.dispatchException(context.arg) call above.
+          context.method = "throw";
+          context.arg = record.arg;
+        }
+      }
+    };
+  }
+  // Call delegate.iterator[context.method](context.arg) and handle the
+  // result, either by returning a { value, done } result from the
+  // delegate iterator, or by modifying context.method and context.arg,
+  // setting context.delegate to null, and returning the ContinueSentinel.
+  function maybeInvokeDelegate(delegate, context) {
+    var method = delegate.iterator[context.method];
+    if (method === undefined) {
+      // A .throw or .return when the delegate iterator has no .throw
+      // method always terminates the yield* loop.
+      context.delegate = null;
+      if (context.method === "throw") {
+        // Note: ["return"] must be used for ES3 parsing compatibility.
+        if (delegate.iterator["return"]) {
+          // If the delegate iterator has a return method, give it a
+          // chance to clean up.
+          context.method = "return";
+          context.arg = undefined;
+          maybeInvokeDelegate(delegate, context);
+          if (context.method === "throw") {
+            // If maybeInvokeDelegate(context) changed context.method from
+            // "return" to "throw", let that override the TypeError below.
+            return ContinueSentinel;
+          }
+        }
+        context.method = "throw";
+        context.arg = new TypeError(
+          "The iterator does not provide a 'throw' method");
+      }
+      return ContinueSentinel;
+    }
+    var record = tryCatch(method, delegate.iterator, context.arg);
+    if (record.type === "throw") {
+      context.method = "throw";
+      context.arg = record.arg;
+      context.delegate = null;
+      return ContinueSentinel;
+    }
+    var info = record.arg;
+    if (! info) {
+      context.method = "throw";
+      context.arg = new TypeError("iterator result is not an object");
+      context.delegate = null;
+      return ContinueSentinel;
+    }
+    if (info.done) {
+      // Assign the result of the finished delegate to the temporary
+      // variable specified by delegate.resultName (see delegateYield).
+      context[delegate.resultName] = info.value;
+      // Resume execution at the desired location (see delegateYield).
+      context.next = delegate.nextLoc;
+      // If context.method was "throw" but the delegate handled the
+      // exception, let the outer generator proceed normally. If
+      // context.method was "next", forget context.arg since it has been
+      // "consumed" by the delegate iterator. If context.method was
+      // "return", allow the original .return call to continue in the
+      // outer generator.
+      if (context.method !== "return") {
+        context.method = "next";
+        context.arg = undefined;
+      }
+    } else {
+      // Re-yield the result returned by the delegate method.
+      return info;
+    }
+    // The delegate iterator is finished, so forget it and continue with
+    // the outer generator.
+    context.delegate = null;
+    return ContinueSentinel;
+  }
+  // Define Generator.prototype.{next,throw,return} in terms of the
+  // unified ._invoke helper method.
+  defineIteratorMethods(Gp);
+  Gp[toStringTagSymbol] = "Generator";
+  // A Generator should always return itself as the iterator object when the
+  // @@iterator function is called on it. Some browsers' implementations of the
+  // iterator prototype chain incorrectly implement this, causing the Generator
+  // object to not be returned from this call. This ensures that doesn't happen.
+  // See https://github.com/facebook/regenerator/issues/274 for more details.
+  Gp[iteratorSymbol] = function() {
+    return this;
+  };
+  Gp.toString = function() {
+    return "[object Generator]";
+  };
+  function pushTryEntry(locs) {
+    var entry = { tryLoc: locs[0] };
+    if (1 in locs) {
+      entry.catchLoc = locs[1];
+    }
+    if (2 in locs) {
+      entry.finallyLoc = locs[2];
+      entry.afterLoc = locs[3];
+    }
+    this.tryEntries.push(entry);
+  }
+  function resetTryEntry(entry) {
+    var record = entry.completion || {};
+    record.type = "normal";
+    delete record.arg;
+    entry.completion = record;
+  }
+  function Context(tryLocsList) {
+    // The root entry object (effectively a try statement without a catch
+    // or a finally block) gives us a place to store values thrown from
+    // locations where there is no enclosing try statement.
+    this.tryEntries = [{ tryLoc: "root" }];
+    tryLocsList.forEach(pushTryEntry, this);
+    this.reset(true);
+  }
+  exports.keys = function(object) {
+    var keys = [];
+    for (var key in object) {
+      keys.push(key);
+    }
+    keys.reverse();
+    // Rather than returning an object with a next method, we keep
+    // things simple and return the next function itself.
+    return function next() {
+      while (keys.length) {
+        var key = keys.pop();
+        if (key in object) {
+          next.value = key;
+          next.done = false;
+          return next;
+        }
+      }
+      // To avoid creating an additional object, we just hang the .value
+      // and .done properties off the next function object itself. This
+      // also ensures that the minifier will not anonymize the function.
+      next.done = true;
+      return next;
+    };
+  };
+  function values(iterable) {
+    if (iterable) {
+      var iteratorMethod = iterable[iteratorSymbol];
+      if (iteratorMethod) {
+        return iteratorMethod.call(iterable);
+      }
+      if (typeof iterable.next === "function") {
+        return iterable;
+      }
+      if (!isNaN(iterable.length)) {
+        var i = -1, next = function next() {
+          while (++i < iterable.length) {
+            if (hasOwn.call(iterable, i)) {
+              next.value = iterable[i];
+              next.done = false;
+              return next;
+            }
+          }
+          next.value = undefined;
+          next.done = true;
+          return next;
+        };
+        return next.next = next;
+      }
+    }
+    // Return an iterator with no values.
+    return { next: doneResult };
+  }
+  exports.values = values;
+  function doneResult() {
+    return { value: undefined, done: true };
+  }
+  Context.prototype = {
+    constructor: Context,
+    reset: function(skipTempReset) {
+      this.prev = 0;
+      this.next = 0;
+      // Resetting context._sent for legacy support of Babel's
+      // function.sent implementation.
+      this.sent = this._sent = undefined;
+      this.done = false;
+      this.delegate = null;
+      this.method = "next";
+      this.arg = undefined;
+      this.tryEntries.forEach(resetTryEntry);
+      if (!skipTempReset) {
+        for (var name in this) {
+          // Not sure about the optimal order of these conditions:
+          if (name.charAt(0) === "t" &&
+              hasOwn.call(this, name) &&
+              !isNaN(+name.slice(1))) {
+            this[name] = undefined;
+          }
+        }
+      }
+    },
+    stop: function() {
+      this.done = true;
+      var rootEntry = this.tryEntries[0];
+      var rootRecord = rootEntry.completion;
+      if (rootRecord.type === "throw") {
+        throw rootRecord.arg;
+      }
+      return this.rval;
+    },
+    dispatchException: function(exception) {
+      if (this.done) {
+        throw exception;
+      }
+      var context = this;
+      function handle(loc, caught) {
+        record.type = "throw";
+        record.arg = exception;
+        context.next = loc;
+        if (caught) {
+          // If the dispatched exception was caught by a catch block,
+          // then let that catch block handle the exception normally.
+          context.method = "next";
+          context.arg = undefined;
+        }
+        return !! caught;
+      }
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        var record = entry.completion;
+        if (entry.tryLoc === "root") {
+          // Exception thrown outside of any try block that could handle
+          // it, so set the completion value of the entire function to
+          // throw the exception.
+          return handle("end");
+        }
+        if (entry.tryLoc <= this.prev) {
+          var hasCatch = hasOwn.call(entry, "catchLoc");
+          var hasFinally = hasOwn.call(entry, "finallyLoc");
+          if (hasCatch && hasFinally) {
+            if (this.prev < entry.catchLoc) {
+              return handle(entry.catchLoc, true);
+            } else if (this.prev < entry.finallyLoc) {
+              return handle(entry.finallyLoc);
+            }
+          } else if (hasCatch) {
+            if (this.prev < entry.catchLoc) {
+              return handle(entry.catchLoc, true);
+            }
+          } else if (hasFinally) {
+            if (this.prev < entry.finallyLoc) {
+              return handle(entry.finallyLoc);
+            }
+          } else {
+            throw new Error("try statement without catch or finally");
+          }
+        }
+      }
+    },
+    abrupt: function(type, arg) {
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        if (entry.tryLoc <= this.prev &&
+            hasOwn.call(entry, "finallyLoc") &&
+            this.prev < entry.finallyLoc) {
+          var finallyEntry = entry;
+          break;
+        }
+      }
+      if (finallyEntry &&
+          (type === "break" ||
+           type === "continue") &&
+          finallyEntry.tryLoc <= arg &&
+          arg <= finallyEntry.finallyLoc) {
+        // Ignore the finally entry if control is not jumping to a
+        // location outside the try/catch block.
+        finallyEntry = null;
+      }
+      var record = finallyEntry ? finallyEntry.completion : {};
+      record.type = type;
+      record.arg = arg;
+      if (finallyEntry) {
+        this.method = "next";
+        this.next = finallyEntry.finallyLoc;
+        return ContinueSentinel;
+      }
+      return this.complete(record);
+    },
+    complete: function(record, afterLoc) {
+      if (record.type === "throw") {
+        throw record.arg;
+      }
+      if (record.type === "break" ||
+          record.type === "continue") {
+        this.next = record.arg;
+      } else if (record.type === "return") {
+        this.rval = this.arg = record.arg;
+        this.method = "return";
+        this.next = "end";
+      } else if (record.type === "normal" && afterLoc) {
+        this.next = afterLoc;
+      }
+      return ContinueSentinel;
+    },
+    finish: function(finallyLoc) {
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        if (entry.finallyLoc === finallyLoc) {
+          this.complete(entry.completion, entry.afterLoc);
+          resetTryEntry(entry);
+          return ContinueSentinel;
+        }
+      }
+    },
+    "catch": function(tryLoc) {
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        if (entry.tryLoc === tryLoc) {
+          var record = entry.completion;
+          if (record.type === "throw") {
+            var thrown = record.arg;
+            resetTryEntry(entry);
+          }
+          return thrown;
+        }
+      }
+      // The context.catch method must only be called with a location
+      // argument that corresponds to a known catch block.
+      throw new Error("illegal catch attempt");
+    },
+    delegateYield: function(iterable, resultName, nextLoc) {
+      this.delegate = {
+        iterator: values(iterable),
+        resultName: resultName,
+        nextLoc: nextLoc
+      };
+      if (this.method === "next") {
+        // Deliberately forget the last sent value so that we don't
+        // accidentally pass it on to the delegate.
+        this.arg = undefined;
+      }
+      return ContinueSentinel;
+    }
+  };
+  // Regardless of whether this script is executing as a CommonJS module
+  // or not, return the runtime object so that we can declare the variable
+  // regeneratorRuntime in the outer scope, which allows this module to be
+  // injected easily by `bin/regenerator --include-runtime script.js`.
+  return exports;
+}(
+  // If this script is executing as a CommonJS module, use module.exports
+  // as the regeneratorRuntime namespace. Otherwise create a new empty
+  // object. Either way, the resulting object will be used to initialize
+  // the regeneratorRuntime variable at the top of this file.
+  typeof module === "object" ? module.exports : {}
+));
+try {
+  regeneratorRuntime = runtime;
+} catch (accidentalStrictMode) {
+  // This module should not be running in strict mode, so the above
+  // assignment should always work unless something is misconfigured. Just
+  // in case runtime.js accidentally runs in strict mode, we can escape
+  // strict mode using a global Function call. This could conceivably fail
+  // if a Content Security Policy forbids using Function, but in that case
+  // the proper solution is to fix the accidental strict mode problem. If
+  // you've misconfigured your bundler to force strict mode and applied a
+  // CSP to forbid Function, and you're not willing to fix either of those
+  // problems, please detail your unique predicament in a GitHub issue.
+  Function("r", "regeneratorRuntime = r")(runtime);
+}
+},{}],"BxGn":[function(require,module,exports) {
+module.exports = require("regenerator-runtime");
+},{"regenerator-runtime":"rqzK"}],"SaI5":[function(require,module,exports) {
+},{"./action-types":"gg2v"}],"SaI5":[function(require,module,exports) {
 "use strict";
 …
 exports.getActiveComponents = getActiveComponents;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _actions = require("./actions");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _marked = /*#__PURE__*/_regenerator.default.mark(getActiveComponents);
+/**
+ * Internal dependencies.
+ */
 /**
  * Resolver for retrieving active BP Components.
  */
+function getActiveComponents() {
+  var list;
+  return _regenerator.default.wrap(function getActiveComponents$(_context) {
+    while (1) {
+      switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 2;
+          return (0, _actions.fetchFromAPI)('/buddypress/v1/components?status=active', true);
+        case 2:
+          list = _context.sent;
+          _context.next = 5;
+          return (0, _actions.getActiveComponents)(list);
+        case 5:
+        case "end":
+          return _context.stop();
+      }
+    }
+  }, _marked);
+}
+},{"@babel/runtime/regenerator":"BxGn","./actions":"NTbX"}],"cQfh":[function(require,module,exports) {
+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;
+}
+module.exports = _defineProperty;
+},{}],"yrui":[function(require,module,exports) {
+function* getActiveComponents() {
+  const list = yield (0, _actions.fetchFromAPI)('/buddypress/v1/components?status=active', true);
+  yield (0, _actions.getActiveComponents)(list);
+}
+},{"./actions":"NTbX"}],"yrui":[function(require,module,exports) {
 "use strict";
 …
 exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _actionTypes = require("./action-types");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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) { (0, _defineProperty2.default)(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; }
+/**
+ * Internal dependencies
+ */
 /**
  * Default state.
  */
 var DEFAULT_STATE = {
+const DEFAULT_STATE = {
   components: []
 };
 …
  */
+var reducer = function reducer() {
+  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_STATE;
+  var action = arguments.length > 1 ? arguments[1] : undefined;
+const reducer = (state = DEFAULT_STATE, action) => {
   switch (action.type) {
     case _actionTypes.TYPES.GET_ACTIVE_COMPONENTS:
       return _objectSpread(_objectSpread({}, state), {}, {
+      return { ...state,
         components: action.list
       });
+      };
+  }
 …
 var _default = reducer;
 exports.default = _default;
 },{"@babel/runtime/helpers/defineProperty":"cQfh","./action-types":"gg2v"}],"KdPQ":[function(require,module,exports) {
+},{"./action-types":"gg2v"}],"KdPQ":[function(require,module,exports) {
 "use strict";
 …
  * WordPress dependencies.
  */
+var _wp = wp,
+    apiFetch = _wp.apiFetch;
+const {
+  apiFetch
+} = wp;
 /**
  * Default export for registering the controls with the store.
 …
  */
+var controls = {
+  FETCH_FROM_API: function FETCH_FROM_API(_ref) {
+    var path = _ref.path,
+        parse = _ref.parse;
+const controls = {
+  FETCH_FROM_API({
+    path,
+    parse
+  }) {
     return apiFetch({
       path: path,
       parse: parse
+      path,
+      parse
     });
+  }
 };
 exports.controls = controls;
 …
  * WordPress dependencies.
  */
+var _wp = wp,
+    registerStore = _wp.data.registerStore;
+const {
+  data: {
+    registerStore
+  }
+} = wp;
 /**
  * Internal dependencies.
 …
 registerStore(_constants.STORE_KEY, {
   reducer: _reducers.default,
   actions: actions,
   selectors: selectors,
+  actions,
+  selectors,
   controls: _controls.controls,
   resolvers: resolvers
 });
 var BP_CORE_STORE_KEY = _constants.STORE_KEY;
+  resolvers
+});
+const BP_CORE_STORE_KEY = _constants.STORE_KEY;
 exports.BP_CORE_STORE_KEY = BP_CORE_STORE_KEY;
 var _default = BP_CORE_STORE_KEY;
 …
 exports.default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _register = _interopRequireDefault(require("./register"));
 …
  * WordPress dependencies.
  */
+var _wp = wp,
+    useSelect = _wp.data.useSelect;
+const {
+  data: {
+    useSelect
+  }
+} = wp;
 /**
  * External dependencies.
  */
+var _lodash = lodash,
+    find = _lodash.find,
+    get = _lodash.get;
+const {
+  find,
+  get
+} = lodash;
 /**
  * Internal dependencies.
 …
  * @return {boolean} Whether a component or the feature of an active component is enabled.
  */
+function isActive(component) {
+  var feature = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  var components = useSelect(function (select) {
+function isActive(component, feature = '') {
+  const components = useSelect(select => {
     return select(_register.default).getActiveComponents();
   }, []);
   var activeComponent = find(components, ['name', component]);
+  const activeComponent = find(components, ['name', component]);
   if (!feature) {
 …
 function activityTypes() {
   var components = useSelect(function (select) {
+  const components = useSelect(select => {
     return select(_register.default).getActiveComponents();
   }, []);
   var activityComponent = find(components, ['name', 'activity']);
+  const activityComponent = find(components, ['name', 'activity']);
   if (!activityComponent) {
 …
+  }
+  var activityTypes = get(activityComponent, ['features', 'types']);
+  var activityTypesList = [];
+  Object.entries(activityTypes).forEach(function (_ref) {
+    var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+        type = _ref2[0],
+        label = _ref2[1];
+  const activityTypes = get(activityComponent, ['features', 'types']);
+  let activityTypesList = [];
+  Object.entries(activityTypes).forEach(([type, label]) => {
     activityTypesList.push({
       label: label,
 …
 function loggedInUser() {
   var loggedInUser = useSelect(function (select) {
     var store = select('core');
+  const loggedInUser = useSelect(select => {
+    const store = select('core');
     if (store) {
 …
 function postAuhor() {
   var postAuhor = useSelect(function (select) {
     var editorStore = select('core/editor');
     var coreStore = select('core');
+  const postAuhor = useSelect(select => {
+    const editorStore = select('core/editor');
+    const coreStore = select('core');
     if (editorStore && coreStore) {
       var postAuthorId = editorStore.getCurrentPostAttribute('author');
       var authorsList = coreStore.getAuthors();
+      const postAuthorId = editorStore.getCurrentPostAttribute('author');
+      const authorsList = coreStore.getAuthors();
       return find(authorsList, ['id', postAuthorId]);
+    }
 …
 function currentPostId() {
   var currentPostId = useSelect(function (select) {
     var store = select('core/editor');
+  const currentPostId = useSelect(select => {
+    const store = select('core/editor');
     if (store) {
 …
+function getCurrentWidgetsSidebar() {
+  var widgetClientId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var currentWidgetsSidebar = useSelect(function (select) {
+    var blockEditorStore = select('core/block-editor');
+    var widgetsStore = select('core/edit-widgets');
+function getCurrentWidgetsSidebar(widgetClientId = '') {
+  const currentWidgetsSidebar = useSelect(select => {
+    const blockEditorStore = select('core/block-editor');
+    const widgetsStore = select('core/edit-widgets');
     if (widgetClientId && widgetsStore && blockEditorStore) {
+      var areas = blockEditorStore.getBlocks();
+      var parents = blockEditorStore.getBlockParents(widgetClientId);
+      var sidebars = [];
+      areas.forEach(function (_ref3) {
+        var clientId = _ref3.clientId,
+            attributes = _ref3.attributes;
+      const areas = blockEditorStore.getBlocks();
+      const parents = blockEditorStore.getBlockParents(widgetClientId);
+      let sidebars = [];
+      areas.forEach(({
+        clientId,
+        attributes
+      }) => {
         sidebars.push({
           id: attributes.id,
 …
   return currentWidgetsSidebar;
+}
 },{"@babel/runtime/helpers/slicedToArray":"DERy","./register":"QFc2"}],"xHVY":[function(require,module,exports) {
+},{"./register":"QFc2"}],"xHVY":[function(require,module,exports) {
 "use strict";

trunk/src/bp-core/js/blocks/login-form.js

-                      r13111
+                      r13144
  * WordPress dependencies.
  */
+var _wp = wp,
+    InspectorControls = _wp.blockEditor.InspectorControls,
+    _wp$components = _wp.components,
+    Disabled = _wp$components.Disabled,
+    PanelBody = _wp$components.PanelBody,
+    TextControl = _wp$components.TextControl,
+    ToggleControl = _wp$components.ToggleControl,
+    _wp$element = _wp.element,
+    Fragment = _wp$element.Fragment,
+    createElement = _wp$element.createElement,
+    __ = _wp.i18n.__;
+/**
+ * BuddyPress dependencies.
+ */
+var _bp = bp,
+    ServerSideRender = _bp.blockComponents.ServerSideRender;
+var editLoginForm = function editLoginForm(_ref) {
+  var attributes = _ref.attributes,
+      setAttributes = _ref.setAttributes;
+  var title = attributes.title,
+      forgotPwdLink = attributes.forgotPwdLink;
+const {
+  blockEditor: {
+    InspectorControls
+  },
+  components: {
+    Disabled,
+    PanelBody,
+    TextControl,
+    ToggleControl
+  },
+  element: {
+    Fragment,
+    createElement
+  },
+  i18n: {
+    __
+  },
+  serverSideRender: ServerSideRender
+} = wp;
+const editLoginForm = ({
+  attributes,
+  setAttributes
+}) => {
+  const {
+    title,
+    forgotPwdLink
+  } = attributes;
   return createElement(Fragment, null, createElement(InspectorControls, null, createElement(PanelBody, {
     title: __('Settings', 'buddypress'),
 …
     label: __('Title', 'buddypress'),
     value: title,
     onChange: function onChange(text) {
+    onChange: text => {
       setAttributes({
         title: text
 …
     label: __('Include the link to reset the user password', 'buddypress'),
     checked: !!forgotPwdLink,
     onChange: function onChange() {
+    onChange: () => {
       setAttributes({
         forgotPwdLink: !forgotPwdLink
 …
  * WordPress dependencies.
  */
+var _wp = wp,
+    createBlock = _wp.blocks.createBlock;
+const {
+  blocks: {
+    createBlock
+  }
+} = wp;
 /**
  * Transforms Legacy Login Form Widget to Login Form Block.
 …
  */
 var transforms = {
+const transforms = {
   from: [{
     type: 'block',
     blocks: ['core/legacy-widget'],
     isMatch: function isMatch(_ref) {
       var idBase = _ref.idBase,
           instance = _ref.instance;
+    isMatch: ({
+      idBase,
+      instance
+    }) => {
       if (!(instance !== null && instance !== void 0 && instance.raw)) {
         return false;
 …
       return idBase === 'bp_core_login_widget';
     },
+    transform: function transform(_ref2) {
+      var instance = _ref2.instance;
+    transform: ({
+      instance
+    }) => {
       return createBlock('bp/login-form', {
         title: instance.raw.title
 …
  * WordPress dependencies.
  */
+var _wp = wp,
+    registerBlockType = _wp.blocks.registerBlockType,
+    __ = _wp.i18n.__;
+const {
+  blocks: {
+    registerBlockType
+  },
+  i18n: {
+    __
+  }
+} = wp;
 /**
  * Internal dependencies.

trunk/src/bp-core/js/blocks/primary-nav.js

-                      r13000
+                      r13144
  * WordPress dependencies.
  */
+var _wp = wp,
+    InspectorControls = _wp.blockEditor.InspectorControls,
+    _wp$components = _wp.components,
+    Disabled = _wp$components.Disabled,
+    Notice = _wp$components.Notice,
+    PanelBody = _wp$components.PanelBody,
+    ToggleControl = _wp$components.ToggleControl,
+    _wp$element = _wp.element,
+    Fragment = _wp$element.Fragment,
+    createElement = _wp$element.createElement,
+    __ = _wp.i18n.__;
+const {
+  blockEditor: {
+    InspectorControls
+  },
+  components: {
+    Disabled,
+    Notice,
+    PanelBody,
+    ToggleControl
+  },
+  element: {
+    Fragment,
+    createElement
+  },
+  i18n: {
+    __
+  },
+  serverSideRender: ServerSideRender
+} = wp;
 /**
  * BuddyPress dependencies.
  */
+var _bp = bp,
+    ServerSideRender = _bp.blockComponents.ServerSideRender,
+    getCurrentWidgetsSidebar = _bp.blockData.getCurrentWidgetsSidebar;
+var editPrimaryNavBlock = function editPrimaryNavBlock(_ref) {
+  var attributes = _ref.attributes,
+      setAttributes = _ref.setAttributes,
+      clientId = _ref.clientId;
+  var displayTitle = attributes.displayTitle;
+  var currentSidebar = getCurrentWidgetsSidebar(clientId);
+  var disabledSidebars = ['sidebar-buddypress-members', 'sidebar-buddypress-groups'];
+const {
+  blockData: {
+    getCurrentWidgetsSidebar
+  }
+} = bp;
+const editPrimaryNavBlock = ({
+  attributes,
+  setAttributes,
+  clientId
+}) => {
+  const {
+    displayTitle
+  } = attributes;
+  const currentSidebar = getCurrentWidgetsSidebar(clientId);
+  const disabledSidebars = ['sidebar-buddypress-members', 'sidebar-buddypress-groups'];
   if (currentSidebar && currentSidebar.id && -1 !== disabledSidebars.indexOf(currentSidebar.id)) {
 …
     label: __('Include navigation title', 'buddypress'),
     checked: !!displayTitle,
     onChange: function onChange() {
+    onChange: () => {
       setAttributes({
         displayTitle: !displayTitle
 …
  * WordPress dependencies.
  */
+var _wp = wp,
+    createBlock = _wp.blocks.createBlock;
+const {
+  blocks: {
+    createBlock
+  }
+} = wp;
 /**
  * Transforms Legacy Widget to Primary Nav Block.
 …
  */
 var transforms = {
+const transforms = {
   from: [{
     type: 'block',
     blocks: ['core/legacy-widget'],
     isMatch: function isMatch(_ref) {
       var idBase = _ref.idBase,
           instance = _ref.instance;
+    isMatch: ({
+      idBase,
+      instance
+    }) => {
       if (!(instance !== null && instance !== void 0 && instance.raw)) {
         return false;
 …
       return idBase === 'bp_nouveau_sidebar_object_nav_widget';
     },
+    transform: function transform(_ref2) {
+      var instance = _ref2.instance;
+    transform: ({
+      instance
+    }) => {
       return createBlock('bp/primary-nav', {
         displayTitle: instance.raw.bp_nouveau_widget_title
 …
  * WordPress dependencies.
  */
+var _wp = wp,
+    registerBlockType = _wp.blocks.registerBlockType,
+    __ = _wp.i18n.__;
+const {
+  blocks: {
+    registerBlockType
+  },
+  i18n: {
+    __
+  }
+} = wp;
 /**
  * Internal dependencies.

trunk/src/bp-core/js/dynamic-widget-block.js

-                      r13002
+                      r13144
   return newRequire;
 })({"eNhW":[function(require,module,exports) {
-function _classCallCheck(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 _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 /**
  * WordPress dependencies.
  */
+var _wp = wp,
+    addQueryArgs = _wp.url.addQueryArgs;
+const {
+  url: {
+    addQueryArgs
+  }
+} = wp;
 /**
  * External dependencies.
  */
+var _lodash = lodash,
+    template = _lodash.template; // Use the bp global.
+const {
+  template
+} = lodash; // Use the bp global.
 window.bp = window.bp || {};
 …
  */
+bp.dynamicWidgetBlock = /*#__PURE__*/function () {
+  function bpDynamicWidgetBlock(settings, blocks) {
+    var _this = this;
+    _classCallCheck(this, bpDynamicWidgetBlock);
+    var path = settings.path,
+        root = settings.root,
+        nonce = settings.nonce;
+bp.dynamicWidgetBlock = class bpDynamicWidgetBlock {
+  constructor(settings, blocks) {
+    const {
+      path,
+      root,
+      nonce
+    } = settings;
     this.path = path;
     this.root = root;
     this.nonce = nonce, this.blocks = blocks;
     this.blocks.forEach(function (block, i) {
       var _ref = block.query_args || 'active',
           type = _ref.type;
       var _ref2 = block.preloaded || [],
           body = _ref2.body;
       _this.blocks[i].items = {
+    this.blocks.forEach((block, i) => {
+      const {
+        type
+      } = block.query_args || 'active';
+      const {
+        body
+      } = block.preloaded || [];
+      this.blocks[i].items = {
         'active': [],
         'newest': [],
 …
       };
       if (!_this.blocks[i].items[type].length && body && body.length) {
         _this.blocks[i].items[type] = body;
+      if (!this.blocks[i].items[type].length && body && body.length) {
+        this.blocks[i].items[type] = body;
+      }
     });
+  }
+  _createClass(bpDynamicWidgetBlock, [{
+    key: "useTemplate",
+    value: function useTemplate(tmpl) {
+      var options = {
+        evaluate: /<#([\s\S]+?)#>/g,
+        interpolate: /\{\{\{([\s\S]+?)\}\}\}/g,
+        escape: /\{\{([^\}]+?)\}\}(?!\})/g,
+        variable: 'data'
+      };
+      return template(document.querySelector('#tmpl-' + tmpl).innerHTML, options);
+    }
+  }, {
+    key: "loop",
+    value: function loop() {// This method needs to be overriden.
+    }
+  }, {
+    key: "getItems",
+    value: function getItems() {
+      var _this2 = this;
+      var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'active';
+      var blockIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+      this.blocks[blockIndex].query_args.type = type;
+      if (this.blocks[blockIndex].items[type].length) {
+  useTemplate(tmpl) {
+    const options = {
+      evaluate: /<#([\s\S]+?)#>/g,
+      interpolate: /\{\{\{([\s\S]+?)\}\}\}/g,
+      escape: /\{\{([^\}]+?)\}\}(?!\})/g,
+      variable: 'data'
+    };
+    return template(document.querySelector('#tmpl-' + tmpl).innerHTML, options);
+  }
+  loop() {// This method needs to be overriden.
+  }
+  getItems(type = 'active', blockIndex = 0) {
+    this.blocks[blockIndex].query_args.type = type;
+    if (this.blocks[blockIndex].items[type].length) {
+      this.loop(this.blocks[blockIndex].items[type], this.blocks[blockIndex].selector, type);
+    } else {
+      fetch(addQueryArgs(this.root + this.path, this.blocks[blockIndex].query_args), {
+        method: 'GET',
+        headers: {
+          'X-WP-Nonce': this.nonce
+        }
+      }).then(response => response.json()).then(data => {
+        this.blocks[blockIndex].items[type] = data;
         this.loop(this.blocks[blockIndex].items[type], this.blocks[blockIndex].selector, type);
+      } else {
+        fetch(addQueryArgs(this.root + this.path, this.blocks[blockIndex].query_args), {
+          method: 'GET',
+          headers: {
+            'X-WP-Nonce': this.nonce
+          }
+        }).then(function (response) {
+          return response.json();
+        }).then(function (data) {
+          _this2.blocks[blockIndex].items[type] = data;
+          _this2.loop(_this2.blocks[blockIndex].items[type], _this2.blocks[blockIndex].selector, type);
+        });
+      }
+    }
+  }]);
+  return bpDynamicWidgetBlock;
+}();
+      });
+    }
+  }
+};
 },{}]},{},["eNhW"], null)

trunk/src/bp-friends/classes/class-bp-friends-component.php

-                      r13093
+                      r13144
                         'wp-i18n',
                         'wp-block-editor',
+                        'wp-server-side-render',
                         'bp-block-data',
-                        'bp-block-components',
                     ),
                     'style'              => 'bp-friends-block',

trunk/src/bp-friends/js/blocks/friends.js

-                      r13002
+                      r13144
  * WordPress dependencies.
  */
+var _wp = wp,
+    __ = _wp.i18n.__;
+const {
+  i18n: {
+    __
+  }
+} = wp;
 /**
  * Friends ordering types.
 …
  */
 var TYPES = [{
+const TYPES = [{
   label: __('Newest', 'buddypress'),
   value: 'newest'
 …
  * WordPress dependencies.
  */
+var _wp = wp,
+    InspectorControls = _wp.blockEditor.InspectorControls,
+    _wp$components = _wp.components,
+    Disabled = _wp$components.Disabled,
+    PanelBody = _wp$components.PanelBody,
+    RangeControl = _wp$components.RangeControl,
+    SelectControl = _wp$components.SelectControl,
+    ToggleControl = _wp$components.ToggleControl,
+    _wp$element = _wp.element,
+    Fragment = _wp$element.Fragment,
+    createElement = _wp$element.createElement,
+    __ = _wp.i18n.__;
+const {
+  blockEditor: {
+    InspectorControls
+  },
+  components: {
+    Disabled,
+    PanelBody,
+    RangeControl,
+    SelectControl,
+    ToggleControl
+  },
+  element: {
+    Fragment,
+    createElement
+  },
+  i18n: {
+    __
+  },
+  serverSideRender: ServerSideRender
+} = wp;
 /**
  * BuddyPress dependencies.
  */
+var _bp = bp,
+    ServerSideRender = _bp.blockComponents.ServerSideRender,
+    currentPostId = _bp.blockData.currentPostId;
+const {
+  blockData: {
+    currentPostId
+  }
+} = bp;
 /**
  * Internal dependencies.
  */
+var editDynamicFriendsBlock = function editDynamicFriendsBlock(_ref) {
+  var attributes = _ref.attributes,
+      setAttributes = _ref.setAttributes;
+  var postId = attributes.postId,
+      maxFriends = attributes.maxFriends,
+      friendDefault = attributes.friendDefault,
+      linkTitle = attributes.linkTitle;
+  var post = currentPostId();
+const editDynamicFriendsBlock = ({
+  attributes,
+  setAttributes
+}) => {
+  const {
+    postId,
+    maxFriends,
+    friendDefault,
+    linkTitle
+  } = attributes;
+  const post = currentPostId();
   if (!postId && post) {
 …
     label: __('Max friends to show', 'buddypress'),
     value: maxFriends,
+    onChange: function onChange(value) {
+      return setAttributes({
+        maxFriends: value
+      });
+    },
+    onChange: value => setAttributes({
+      maxFriends: value
+    }),
     min: 1,
     max: 10,
 …
     value: friendDefault,
     options: _constants.TYPES,
     onChange: function onChange(option) {
+    onChange: option => {
       setAttributes({
         friendDefault: option
 …
     label: __('Link block title to Member\'s profile friends page', 'buddypress'),
     checked: !!linkTitle,
     onChange: function onChange() {
+    onChange: () => {
       setAttributes({
         linkTitle: !linkTitle
 …
  * WordPress dependencies.
  */
+var _wp = wp,
+    createBlock = _wp.blocks.createBlock;
+const {
+  blocks: {
+    createBlock
+  }
+} = wp;
 /**
  * Transforms Legacy Widget to Friends Block.
 …
  */
 var transforms = {
+const transforms = {
   from: [{
     type: 'block',
     blocks: ['core/legacy-widget'],
     isMatch: function isMatch(_ref) {
       var idBase = _ref.idBase,
           instance = _ref.instance;
+    isMatch: ({
+      idBase,
+      instance
+    }) => {
       if (!(instance !== null && instance !== void 0 && instance.raw)) {
         return false;
 …
       return idBase === 'bp_core_friends_widget';
     },
+    transform: function transform(_ref2) {
+      var instance = _ref2.instance;
+    transform: ({
+      instance
+    }) => {
       return createBlock('bp/friends', {
         maxFriends: instance.raw.max_friends,
 …
  * WordPress dependencies.
  */
+var _wp = wp,
+    registerBlockType = _wp.blocks.registerBlockType,
+    __ = _wp.i18n.__;
+const {
+  blocks: {
+    registerBlockType
+  },
+  i18n: {
+    __
+  }
+} = wp;
 /**
  * Internal dependencies.

trunk/src/bp-friends/js/friends.js

-                      r13002
+                      r13144
   return newRequire;
 })({"pMhP":[function(require,module,exports) {
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-function _classCallCheck(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 _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-function _get(target, property, receiver) { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(receiver); } return desc.value; }; } return _get(target, property, receiver || target); }
-function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
-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 } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-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; } 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); }
 /**
  * WordPress dependencies.
  */
+var _wp = wp,
+    _wp$i18n = _wp.i18n,
+    __ = _wp$i18n.__,
+    sprintf = _wp$i18n.sprintf;
+const {
+  i18n: {
+    __,
+    sprintf
+  }
+} = wp;
 /**
  * BuddyPress dependencies.
  */
+var _bp = bp,
+    dynamicWidgetBlock = _bp.dynamicWidgetBlock;
+const {
+  dynamicWidgetBlock
+} = bp;
 /**
  * Front-end Friends block class.
  */
+var bpFriendsWidgetBlock = /*#__PURE__*/function (_dynamicWidgetBlock) {
+  _inherits(bpFriendsWidgetBlock, _dynamicWidgetBlock);
+  var _super = _createSuper(bpFriendsWidgetBlock);
+  function bpFriendsWidgetBlock() {
+    _classCallCheck(this, bpFriendsWidgetBlock);
+    return _super.apply(this, arguments);
+  }
+  _createClass(bpFriendsWidgetBlock, [{
+    key: "loop",
+    value: function loop() {
+      var friends = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+      var container = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+      var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'active';
+      var tmpl = _get(_getPrototypeOf(bpFriendsWidgetBlock.prototype), "useTemplate", this).call(this, 'bp-friends-item');
+      var selector = document.querySelector('#' + container);
+      var output = '';
+      if (friends && friends.length) {
+        friends.forEach(function (friend) {
+          if ('active' === type && friend.last_activity) {
+            /* translators: %s: a human time diff. */
+            friend.extra = sprintf(__('Active %s', 'buddypress'), friend.last_activity.timediff);
+          } else if ('popular' === type && friend.total_friend_count) {
+            var friendsCount = parseInt(friend.total_friend_count, 10);
+            if (0 === friendsCount) {
+              friend.extra = __('No friends', 'buddypress');
+            } else if (1 === friendsCount) {
+              friend.extra = __('1 friend', 'buddypress');
+            } else {
+              /* translators: %s: total friend count (more than 1). */
+              friend.extra = sprintf(__('%s friends', 'buddypress'), friend.total_friend_count);
+            }
+          } else if ('newest' === type && friend.registered_since) {
+            /* translators: %s is time elapsed since the registration date happened */
+            friend.extra = sprintf(__('Registered %s', 'buddypress'), friend.registered_since);
+class bpFriendsWidgetBlock extends dynamicWidgetBlock {
+  loop(friends = [], container = '', type = 'active') {
+    const tmpl = super.useTemplate('bp-friends-item');
+    const selector = document.querySelector('#' + container);
+    let output = '';
+    if (friends && friends.length) {
+      friends.forEach(friend => {
+        if ('active' === type && friend.last_activity) {
+          /* translators: %s: a human time diff. */
+          friend.extra = sprintf(__('Active %s', 'buddypress'), friend.last_activity.timediff);
+        } else if ('popular' === type && friend.total_friend_count) {
+          const friendsCount = parseInt(friend.total_friend_count, 10);
+          if (0 === friendsCount) {
+            friend.extra = __('No friends', 'buddypress');
+          } else if (1 === friendsCount) {
+            friend.extra = __('1 friend', 'buddypress');
+          } else {
+            /* translators: %s: total friend count (more than 1). */
+            friend.extra = sprintf(__('%s friends', 'buddypress'), friend.total_friend_count);
+          }
+          /* translators: %s: member name */
+          friend.avatar_alt = sprintf(__('Profile picture of %s', 'buddypress'), friend.name);
+          output += tmpl(friend);
+        });
+      } else {
+        output = '<div class="widget-error">' + __('Sorry, no members were found.', 'buddypress') + '</div>';
+      }
+      selector.innerHTML = output;
+    }
+  }, {
+    key: "start",
+    value: function start() {
+      var _this = this;
+      this.blocks.forEach(function (block, i) {
+        var selector = block.selector;
+        var type = block.query_args.type;
+        var list = document.querySelector('#' + selector).closest('.bp-dynamic-block-container'); // Get default Block's type friends.
+        _get(_getPrototypeOf(bpFriendsWidgetBlock.prototype), "getItems", _this).call(_this, type, i); // Listen to Block's Nav item clics
+        list.querySelectorAll('.item-options a').forEach(function (navItem) {
+          navItem.addEventListener('click', function (event) {
+            event.preventDefault(); // Changes the displayed filter.
+            event.target.closest('.item-options').querySelector('.selected').classList.remove('selected');
+            event.target.classList.add('selected');
+            var newType = event.target.getAttribute('data-bp-sort');
+            if (newType !== _this.blocks[i].query_args.type) {
+              _get(_getPrototypeOf(bpFriendsWidgetBlock.prototype), "getItems", _this).call(_this, newType, i);
+            }
+          });
+        } else if ('newest' === type && friend.registered_since) {
+          /* translators: %s is time elapsed since the registration date happened */
+          friend.extra = sprintf(__('Registered %s', 'buddypress'), friend.registered_since);
+        }
+        /* translators: %s: member name */
+        friend.avatar_alt = sprintf(__('Profile picture of %s', 'buddypress'), friend.name);
+        output += tmpl(friend);
+      });
+    } else {
+      output = '<div class="widget-error">' + __('Sorry, no members were found.', 'buddypress') + '</div>';
+    }
+    selector.innerHTML = output;
+  }
+  start() {
+    this.blocks.forEach((block, i) => {
+      const {
+        selector
+      } = block;
+      const {
+        type
+      } = block.query_args;
+      const list = document.querySelector('#' + selector).closest('.bp-dynamic-block-container'); // Get default Block's type friends.
+      super.getItems(type, i); // Listen to Block's Nav item clics
+      list.querySelectorAll('.item-options a').forEach(navItem => {
+        navItem.addEventListener('click', event => {
+          event.preventDefault(); // Changes the displayed filter.
+          event.target.closest('.item-options').querySelector('.selected').classList.remove('selected');
+          event.target.classList.add('selected');
+          const newType = event.target.getAttribute('data-bp-sort');
+          if (newType !== this.blocks[i].query_args.type) {
+            super.getItems(newType, i);
+          }
         });
       });
+    }
+  }]);
+  return bpFriendsWidgetBlock;
+}(dynamicWidgetBlock);
+var settings = window.bpFriendsSettings || {};
+var blocks = window.bpFriendsBlocks || {};
+var bpFriends = new bpFriendsWidgetBlock(settings, blocks);
+    });
+  }
+}
+const settings = window.bpFriendsSettings || {};
+const blocks = window.bpFriendsBlocks || {};
+const bpFriends = new bpFriendsWidgetBlock(settings, blocks);
 if ('loading' === document.readyState) {

trunk/src/bp-groups/classes/class-bp-groups-component.php

-                      r13123
+                      r13144
                         'wp-i18n',
                         'wp-block-editor',
+                        'wp-server-side-render',
                         'bp-block-components',
                         'bp-block-data',
 …
                         'wp-i18n',
                         'wp-block-editor',
                         'bp-block-components',
+                        'wp-server-side-render',
                     ),
                     'style'              => 'bp-dynamic-groups-block',

trunk/src/bp-groups/js/blocks/dynamic-groups.js

-                      r13004
+                      r13144
  * WordPress dependencies.
  */
+var _wp = wp,
+    __ = _wp.i18n.__;
+const {
+  i18n: {
+    __
+  }
+} = wp;
 /**
  * Groups ordering types.
 …
  */
 var TYPES = [{
+const TYPES = [{
   label: __('Newest', 'buddypress'),
   value: 'newest'
 …
  * WordPress dependencies.
  */
+var _wp = wp,
+    InspectorControls = _wp.blockEditor.InspectorControls,
+    _wp$components = _wp.components,
+    Disabled = _wp$components.Disabled,
+    PanelBody = _wp$components.PanelBody,
+    RangeControl = _wp$components.RangeControl,
+    SelectControl = _wp$components.SelectControl,
+    TextControl = _wp$components.TextControl,
+    ToggleControl = _wp$components.ToggleControl,
+    _wp$element = _wp.element,
+    Fragment = _wp$element.Fragment,
+    createElement = _wp$element.createElement,
+    __ = _wp.i18n.__;
+/**
+ * BuddyPress dependencies.
+ */
+var _bp = bp,
+    ServerSideRender = _bp.blockComponents.ServerSideRender;
+const {
+  blockEditor: {
+    InspectorControls
+  },
+  components: {
+    Disabled,
+    PanelBody,
+    RangeControl,
+    SelectControl,
+    TextControl,
+    ToggleControl
+  },
+  element: {
+    Fragment,
+    createElement
+  },
+  i18n: {
+    __
+  },
+  serverSideRender: ServerSideRender
+} = wp;
 /**
  * Internal dependencies.
  */
+var editDynamicGroupsBlock = function editDynamicGroupsBlock(_ref) {
+  var attributes = _ref.attributes,
+      setAttributes = _ref.setAttributes;
+  var title = attributes.title,
+      maxGroups = attributes.maxGroups,
+      groupDefault = attributes.groupDefault,
+      linkTitle = attributes.linkTitle;
+const editDynamicGroupsBlock = ({
+  attributes,
+  setAttributes
+}) => {
+  const {
+    title,
+    maxGroups,
+    groupDefault,
+    linkTitle
+  } = attributes;
   return createElement(Fragment, null, createElement(InspectorControls, null, createElement(PanelBody, {
     title: __('Settings', 'buddypress'),
 …
     label: __('Title', 'buddypress'),
     value: title,
     onChange: function onChange(text) {
+    onChange: text => {
       setAttributes({
         title: text
 …
     label: __('Max groups to show', 'buddypress'),
     value: maxGroups,
+    onChange: function onChange(value) {
+      return setAttributes({
+        maxGroups: value
+      });
+    },
+    onChange: value => setAttributes({
+      maxGroups: value
+    }),
     min: 1,
     max: 10,
 …
     value: groupDefault,
     options: _constants.TYPES,
     onChange: function onChange(option) {
+    onChange: option => {
       setAttributes({
         groupDefault: option
 …
     label: __('Link block title to Groups directory', 'buddypress'),
     checked: !!linkTitle,
     onChange: function onChange() {
+    onChange: () => {
       setAttributes({
         linkTitle: !linkTitle
 …
  * WordPress dependencies.
  */
+var _wp = wp,
+    createBlock = _wp.blocks.createBlock;
+const {
+  blocks: {
+    createBlock
+  }
+} = wp;
 /**
  * Transforms Legacy Widget to Dynamic Groups Block.
 …
  */
 var transforms = {
+const transforms = {
   from: [{
     type: 'block',
     blocks: ['core/legacy-widget'],
     isMatch: function isMatch(_ref) {
       var idBase = _ref.idBase,
           instance = _ref.instance;
+    isMatch: ({
+      idBase,
+      instance
+    }) => {
       if (!(instance !== null && instance !== void 0 && instance.raw)) {
         return false;
 …
       return idBase === 'bp_groups_widget';
     },
+    transform: function transform(_ref2) {
+      var instance = _ref2.instance;
+    transform: ({
+      instance
+    }) => {
       return createBlock('bp/dynamic-groups', {
         title: instance.raw.title,
 …
  * WordPress dependencies.
  */
+var _wp = wp,
+    registerBlockType = _wp.blocks.registerBlockType,
+    __ = _wp.i18n.__;
+const {
+  blocks: {
+    registerBlockType
+  },
+  i18n: {
+    __
+  }
+} = wp;
 /**
  * Internal dependencies.

trunk/src/bp-groups/js/blocks/group.js

-                      r12996
+                      r13144
  * WordPress dependencies.
  */
+var _wp = wp,
+    __ = _wp.i18n.__;
+const {
+  i18n: {
+    __
+  }
+} = wp;
 /**
  * Avatar sizes.
 …
  */
 var AVATAR_SIZES = [{
+const AVATAR_SIZES = [{
   label: __('None', 'buddypress'),
   value: 'none'
 …
 exports.AVATAR_SIZES = AVATAR_SIZES;
 var GROUP_STATI = {
+const GROUP_STATI = {
   public: __('Public', 'buddypress'),
   private: __('Private', 'buddypress'),
 …
  * WordPress dependencies.
  */
+var _wp = wp,
+    _wp$blockEditor = _wp.blockEditor,
+    InspectorControls = _wp$blockEditor.InspectorControls,
+    BlockControls = _wp$blockEditor.BlockControls,
+    _wp$components = _wp.components,
+    Placeholder = _wp$components.Placeholder,
+    Disabled = _wp$components.Disabled,
+    PanelBody = _wp$components.PanelBody,
+    SelectControl = _wp$components.SelectControl,
+    ToggleControl = _wp$components.ToggleControl,
+    Toolbar = _wp$components.Toolbar,
+    ToolbarButton = _wp$components.ToolbarButton,
+    _wp$element = _wp.element,
+    Fragment = _wp$element.Fragment,
+    createElement = _wp$element.createElement,
+    __ = _wp.i18n.__;
+const {
+  blockEditor: {
+    InspectorControls,
+    BlockControls
+  },
+  components: {
+    Placeholder,
+    Disabled,
+    PanelBody,
+    SelectControl,
+    ToggleControl,
+    Toolbar,
+    ToolbarButton
+  },
+  element: {
+    Fragment,
+    createElement
+  },
+  i18n: {
+    __
+  },
+  serverSideRender: ServerSideRender
+} = wp;
 /**
  * BuddyPress dependencies.
  */
+var _bp = bp,
+    _bp$blockComponents = _bp.blockComponents,
+    AutoCompleter = _bp$blockComponents.AutoCompleter,
+    ServerSideRender = _bp$blockComponents.ServerSideRender,
+    isActive = _bp.blockData.isActive;
+const {
+  blockComponents: {
+    AutoCompleter
+  },
+  blockData: {
+    isActive
+  }
+} = bp;
 /**
  * Internal dependencies.
  */
 var getSlugValue = function getSlugValue(item) {
+const getSlugValue = item => {
   if (item && item.status && _constants.GROUP_STATI[item.status]) {
     return _constants.GROUP_STATI[item.status];
 …
 };
+var editGroupBlock = function editGroupBlock(_ref) {
+  var attributes = _ref.attributes,
+      setAttributes = _ref.setAttributes;
+  var isAvatarEnabled = isActive('groups', 'avatar');
+  var isCoverImageEnabled = isActive('groups', 'cover');
+  var avatarSize = attributes.avatarSize,
+      displayDescription = attributes.displayDescription,
+      displayActionButton = attributes.displayActionButton,
+      displayCoverImage = attributes.displayCoverImage;
+const editGroupBlock = ({
+  attributes,
+  setAttributes
+}) => {
+  const isAvatarEnabled = isActive('groups', 'avatar');
+  const isCoverImageEnabled = isActive('groups', 'cover');
+  const {
+    avatarSize,
+    displayDescription,
+    displayActionButton,
+    displayCoverImage
+  } = attributes;
   if (!attributes.itemID) {
 …
     icon: "edit",
     title: __('Select another group', 'buddypress'),
     onClick: function onClick() {
+    onClick: () => {
       setAttributes({
         itemID: 0
 …
     label: __('Display Group\'s home button', 'buddypress'),
     checked: !!displayActionButton,
     onChange: function onChange() {
+    onChange: () => {
       setAttributes({
         displayActionButton: !displayActionButton
 …
     label: __('Display group\'s description', 'buddypress'),
     checked: !!displayDescription,
     onChange: function onChange() {
+    onChange: () => {
       setAttributes({
         displayDescription: !displayDescription
 …
     options: _constants.AVATAR_SIZES,
     help: __('Select "None" to disable the avatar.', 'buddypress'),
     onChange: function onChange(option) {
+    onChange: option => {
       setAttributes({
         avatarSize: option
 …
     label: __('Display Cover Image', 'buddypress'),
     checked: !!displayCoverImage,
     onChange: function onChange() {
+    onChange: () => {
       setAttributes({
         displayCoverImage: !displayCoverImage
 …
  * WordPress dependencies.
  */
+var _wp = wp,
+    registerBlockType = _wp.blocks.registerBlockType,
+    __ = _wp.i18n.__;
+const {
+  blocks: {
+    registerBlockType
+  },
+  i18n: {
+    __
+  }
+} = wp;
 /**
  * Internal dependencies.

trunk/src/bp-groups/js/blocks/groups.js

-                      r13002
+                      r13144
   return newRequire;
+})({"jEQo":[function(require,module,exports) {
+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;
+}
+module.exports = _arrayLikeToArray;
+},{}],"o3SL":[function(require,module,exports) {
+var arrayLikeToArray = require("./arrayLikeToArray");
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return arrayLikeToArray(arr);
+}
+module.exports = _arrayWithoutHoles;
+},{"./arrayLikeToArray":"jEQo"}],"lZpU":[function(require,module,exports) {
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
+}
+module.exports = _iterableToArray;
+},{}],"Dbv9":[function(require,module,exports) {
+var arrayLikeToArray = require("./arrayLikeToArray");
+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(n);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);
+}
+module.exports = _unsupportedIterableToArray;
+},{"./arrayLikeToArray":"jEQo"}],"NCaH":[function(require,module,exports) {
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+module.exports = _nonIterableSpread;
+},{}],"I9dH":[function(require,module,exports) {
+var arrayWithoutHoles = require("./arrayWithoutHoles");
+var iterableToArray = require("./iterableToArray");
+var unsupportedIterableToArray = require("./unsupportedIterableToArray");
+var nonIterableSpread = require("./nonIterableSpread");
+function _toConsumableArray(arr) {
+  return arrayWithoutHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableSpread();
+}
+module.exports = _toConsumableArray;
+},{"./arrayWithoutHoles":"o3SL","./iterableToArray":"lZpU","./unsupportedIterableToArray":"Dbv9","./nonIterableSpread":"NCaH"}],"DCTP":[function(require,module,exports) {
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+module.exports = _arrayWithHoles;
+},{}],"LoeL":[function(require,module,exports) {
+function _iterableToArrayLimit(arr, i) {
+  if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
+  var _arr = [];
+  var _n = true;
+  var _d = false;
+  var _e = undefined;
+  try {
+    for (var _i = arr[Symbol.iterator](), _s; !(_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;
+}
+module.exports = _iterableToArrayLimit;
+},{}],"MWEO":[function(require,module,exports) {
+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.");
+}
+module.exports = _nonIterableRest;
+},{}],"DERy":[function(require,module,exports) {
+var arrayWithHoles = require("./arrayWithHoles");
+var iterableToArrayLimit = require("./iterableToArrayLimit");
+var unsupportedIterableToArray = require("./unsupportedIterableToArray");
+var nonIterableRest = require("./nonIterableRest");
+function _slicedToArray(arr, i) {
+  return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest();
+}
+module.exports = _slicedToArray;
+},{"./arrayWithHoles":"DCTP","./iterableToArrayLimit":"LoeL","./unsupportedIterableToArray":"Dbv9","./nonIterableRest":"MWEO"}],"jS06":[function(require,module,exports) {
+})({"jS06":[function(require,module,exports) {
 "use strict";
 …
  * WordPress dependencies.
  */
+var _wp = wp,
+    __ = _wp.i18n.__;
+const {
+  i18n: {
+    __
+  }
+} = wp;
 /**
  * Avatar sizes.
 …
  */
 var AVATAR_SIZES = [{
+const AVATAR_SIZES = [{
   label: __('None', 'buddypress'),
   value: 'none'
 …
 exports.AVATAR_SIZES = AVATAR_SIZES;
 var GROUP_STATI = {
+const GROUP_STATI = {
   public: __('Public', 'buddypress'),
   private: __('Private', 'buddypress'),
 …
 exports.GROUP_STATI = GROUP_STATI;
 var EXTRA_INFO = [{
+const EXTRA_INFO = [{
   label: __('None', 'buddypress'),
   value: 'none'
 …
 exports.default = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _constants = require("./constants");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
  * WordPress dependencies.
  */
+var _wp = wp,
+    _wp$blockEditor = _wp.blockEditor,
+    InspectorControls = _wp$blockEditor.InspectorControls,
+    BlockControls = _wp$blockEditor.BlockControls,
+    _wp$components = _wp.components,
+    Placeholder = _wp$components.Placeholder,
+    PanelBody = _wp$components.PanelBody,
+    SelectControl = _wp$components.SelectControl,
+    ToggleControl = _wp$components.ToggleControl,
+    Button = _wp$components.Button,
+    Dashicon = _wp$components.Dashicon,
+    Tooltip = _wp$components.Tooltip,
+    ToolbarGroup = _wp$components.ToolbarGroup,
+    RangeControl = _wp$components.RangeControl,
+    _wp$element = _wp.element,
+    createElement = _wp$element.createElement,
+    Fragment = _wp$element.Fragment,
+    useState = _wp$element.useState,
+    _wp$i18n = _wp.i18n,
+    __ = _wp$i18n.__,
+    sprintf = _wp$i18n.sprintf,
+    _n = _wp$i18n._n,
+    apiFetch = _wp.apiFetch,
+    addQueryArgs = _wp.url.addQueryArgs;
+const {
+  blockEditor: {
+    InspectorControls,
+    BlockControls
+  },
+  components: {
+    Placeholder,
+    PanelBody,
+    SelectControl,
+    ToggleControl,
+    Button,
+    Dashicon,
+    Tooltip,
+    ToolbarGroup,
+    RangeControl
+  },
+  element: {
+    createElement,
+    Fragment,
+    useState
+  },
+  i18n: {
+    __,
+    sprintf,
+    _n
+  },
+  apiFetch,
+  url: {
+    addQueryArgs
+  }
+} = wp;
 /**
  * BuddyPress dependencies.
  */
+var _bp = bp,
+    AutoCompleter = _bp.blockComponents.AutoCompleter,
+    isActive = _bp.blockData.isActive;
+const {
+  blockComponents: {
+    AutoCompleter
+  },
+  blockData: {
+    isActive
+  }
+} = bp;
 /**
  * Internal dependencies.
 …
  * External dependencies.
  */
+var _lodash = lodash,
+    reject = _lodash.reject,
+    remove = _lodash.remove,
+    sortBy = _lodash.sortBy;
+var getSlugValue = function getSlugValue(item) {
+const {
+  reject,
+  remove,
+  sortBy
+} = lodash;
+const getSlugValue = item => {
   if (item && item.status && _constants.GROUP_STATI[item.status]) {
     return _constants.GROUP_STATI[item.status];
 …
 };
+var editGroupsBlock = function editGroupsBlock(_ref) {
+  var attributes = _ref.attributes,
+      setAttributes = _ref.setAttributes,
+      isSelected = _ref.isSelected;
+  var isAvatarEnabled = isActive('groups', 'avatar');
+  var itemIDs = attributes.itemIDs,
+      avatarSize = attributes.avatarSize,
+      displayGroupName = attributes.displayGroupName,
+      extraInfo = attributes.extraInfo,
+      layoutPreference = attributes.layoutPreference,
+      columns = attributes.columns;
+  var hasGroups = 0 !== itemIDs.length;
+  var _useState = useState([]),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      groups = _useState2[0],
+      setGroups = _useState2[1];
+  var layoutControls = [{
+const editGroupsBlock = ({
+  attributes,
+  setAttributes,
+  isSelected
+}) => {
+  const isAvatarEnabled = isActive('groups', 'avatar');
+  const {
+    itemIDs,
+    avatarSize,
+    displayGroupName,
+    extraInfo,
+    layoutPreference,
+    columns
+  } = attributes;
+  const hasGroups = 0 !== itemIDs.length;
+  const [groups, setGroups] = useState([]);
+  const layoutControls = [{
     icon: 'text',
     title: __('List view', 'buddypress'),
+    onClick: function onClick() {
+      return setAttributes({
+        layoutPreference: 'list'
+      });
+    },
+    onClick: () => setAttributes({
+      layoutPreference: 'list'
+    }),
     isActive: layoutPreference === 'list'
   }, {
     icon: 'screenoptions',
     title: __('Grid view', 'buddypress'),
+    onClick: function onClick() {
+      return setAttributes({
+        layoutPreference: 'grid'
+      });
+    },
+    onClick: () => setAttributes({
+      layoutPreference: 'grid'
+    }),
     isActive: layoutPreference === 'grid'
   }];
   var groupsList;
   var containerClasses = 'bp-block-groups avatar-' + avatarSize;
   var extraInfoOptions = _constants.EXTRA_INFO;
+  let groupsList;
+  let containerClasses = 'bp-block-groups avatar-' + avatarSize;
+  let extraInfoOptions = _constants.EXTRA_INFO;
   if (layoutPreference === 'grid') {
     containerClasses += ' is-grid columns-' + columns;
     extraInfoOptions = _constants.EXTRA_INFO.filter(function (extra) {
+    extraInfoOptions = _constants.EXTRA_INFO.filter(extra => {
       return 'description' !== extra.value;
     });
+  }
   var onSelectedGroup = function onSelectedGroup(_ref2) {
     var itemID = _ref2.itemID;
+  const onSelectedGroup = ({
+    itemID
+  }) => {
     if (itemID && -1 === itemIDs.indexOf(itemID)) {
       setAttributes({
         itemIDs: [].concat((0, _toConsumableArray2.default)(itemIDs), [parseInt(itemID, 10)])
+        itemIDs: [...itemIDs, parseInt(itemID, 10)]
       });
+    }
   };
   var onRemoveGroup = function onRemoveGroup(itemID) {
+  const onRemoveGroup = itemID => {
     if (itemID && -1 !== itemIDs.indexOf(itemID)) {
       setGroups(reject(groups, ['id', itemID]));
       setAttributes({
         itemIDs: remove(itemIDs, function (value) {
+        itemIDs: remove(itemIDs, value => {
           return value !== itemID;
         })
 …
   if (hasGroups && itemIDs.length !== groups.length) {
     apiFetch({
       path: addQueryArgs("/buddypress/v1/groups", {
+      path: addQueryArgs(`/buddypress/v1/groups`, {
         populate_extras: true,
         include: itemIDs
       })
     }).then(function (items) {
       setGroups(sortBy(items, [function (item) {
+    }).then(items => {
+      setGroups(sortBy(items, [item => {
         return itemIDs.indexOf(item.id);
       }]));
 …
   if (groups.length) {
     groupsList = groups.map(function (group) {
       var hasDescription = false;
       var groupItemClasses = 'group-content';
+    groupsList = groups.map(group => {
+      let hasDescription = false;
+      let groupItemClasses = 'group-content';
       if (layoutPreference === 'list' && 'description' === extraInfo && group.description && group.description.rendered) {
 …
       }, createElement(Button, {
         className: "is-right",
+        onClick: function onClick() {
+          return onRemoveGroup(group.id);
+        },
+        onClick: () => onRemoveGroup(group.id),
         label: __('Remove group', 'buddypress')
       }, createElement(Dashicon, {
 …
     label: __('Display the group\'s name', 'buddypress'),
     checked: !!displayGroupName,
     onChange: function onChange() {
+    onChange: () => {
       setAttributes({
         displayGroupName: !displayGroupName
 …
     options: _constants.AVATAR_SIZES,
     help: __('Select "None" to disable the avatar.', 'buddypress'),
     onChange: function onChange(option) {
+    onChange: option => {
       setAttributes({
         avatarSize: option
 …
     options: extraInfoOptions,
     help: __('Select "None" to show no extra information.', 'buddypress'),
     onChange: function onChange(option) {
+    onChange: option => {
       setAttributes({
         extraInfo: option
 …
     label: __('Columns', 'buddypress'),
     value: columns,
+    onChange: function onChange(value) {
+      return setAttributes({
+        columns: value
+      });
+    },
+    onChange: value => setAttributes({
+      columns: value
+    }),
     min: 2,
     max: 4,
 …
 var _default = editGroupsBlock;
 exports.default = _default;
 },{"@babel/runtime/helpers/toConsumableArray":"I9dH","@babel/runtime/helpers/slicedToArray":"DERy","./constants":"jS06"}],"jcTh":[function(require,module,exports) {
+},{"./constants":"jS06"}],"jcTh":[function(require,module,exports) {
 "use strict";
 …
  * WordPress dependencies.
  */
+var _wp = wp,
+    registerBlockType = _wp.blocks.registerBlockType,
+    __ = _wp.i18n.__;
+const {
+  blocks: {
+    registerBlockType
+  },
+  i18n: {
+    __
+  }
+} = wp;
 /**
  * Internal dependencies.

trunk/src/bp-groups/js/dynamic-groups.js

-                      r13004
+                      r13144
   return newRequire;
 })({"UOvc":[function(require,module,exports) {
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-function _classCallCheck(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 _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-function _get(target, property, receiver) { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(receiver); } return desc.value; }; } return _get(target, property, receiver || target); }
-function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
-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 } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-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; } 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); }
 /**
  * WordPress dependencies
  */
+var _wp = wp,
+    _wp$i18n = _wp.i18n,
+    __ = _wp$i18n.__,
+    sprintf = _wp$i18n.sprintf;
+const {
+  i18n: {
+    __,
+    sprintf
+  }
+} = wp;
 /**
  * BuddyPress dependencies.
  */
+var _bp = bp,
+    dynamicWidgetBlock = _bp.dynamicWidgetBlock;
+const {
+  dynamicWidgetBlock
+} = bp;
 /**
  * Front-end Dynamic Groups Widget Block class.
 …
  */
+var bpGroupsWidgetBlock = /*#__PURE__*/function (_dynamicWidgetBlock) {
+  _inherits(bpGroupsWidgetBlock, _dynamicWidgetBlock);
+  var _super = _createSuper(bpGroupsWidgetBlock);
+  function bpGroupsWidgetBlock() {
+    _classCallCheck(this, bpGroupsWidgetBlock);
+    return _super.apply(this, arguments);
+  }
+  _createClass(bpGroupsWidgetBlock, [{
+    key: "loop",
+    value: function loop() {
+      var groups = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+      var container = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+      var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'active';
+      var tmpl = _get(_getPrototypeOf(bpGroupsWidgetBlock.prototype), "useTemplate", this).call(this, 'bp-dynamic-groups-item');
+      var selector = document.querySelector('#' + container);
+      var output = '';
+      if (groups && groups.length) {
+        groups.forEach(function (group) {
+          if ('newest' === type && group.created_since) {
+            /* translators: %s is time elapsed since the group was created */
+            group.extra = sprintf(__('Created %s', 'buddypress'), group.created_since);
+          } else if ('popular' === type && group.total_member_count) {
+            var membersCount = parseInt(group.total_member_count, 10);
+            if (0 === membersCount) {
+              group.extra = __('No members', 'buddypress');
+            } else if (1 === membersCount) {
+              group.extra = __('1 member', 'buddypress');
+            } else {
+              /* translators: %s is the number of Group members (more than 1). */
+              group.extra = sprintf(__('%s members', 'buddypress'), group.total_member_count);
+            }
+class bpGroupsWidgetBlock extends dynamicWidgetBlock {
+  loop(groups = [], container = '', type = 'active') {
+    const tmpl = super.useTemplate('bp-dynamic-groups-item');
+    const selector = document.querySelector('#' + container);
+    let output = '';
+    if (groups && groups.length) {
+      groups.forEach(group => {
+        if ('newest' === type && group.created_since) {
+          /* translators: %s is time elapsed since the group was created */
+          group.extra = sprintf(__('Created %s', 'buddypress'), group.created_since);
+        } else if ('popular' === type && group.total_member_count) {
+          const membersCount = parseInt(group.total_member_count, 10);
+          if (0 === membersCount) {
+            group.extra = __('No members', 'buddypress');
+          } else if (1 === membersCount) {
+            group.extra = __('1 member', 'buddypress');
           } else {
             /* translators: %s: a human time diff. */
             group.extra = sprintf(__('Active %s', 'buddypress'), group.last_activity_diff);
+            /* translators: %s is the number of Group members (more than 1). */
+            group.extra = sprintf(__('%s members', 'buddypress'), group.total_member_count);
+          }
+          /* Translators: %s is the group's name. */
+          group.avatar_alt = sprintf(__('Group Profile photo of %s', 'buddypress'), group.name);
+          output += tmpl(group);
+        });
+      } else {
+        output = '<div class="widget-error">' + __('There are no groups to display.', 'buddypress') + '</div>';
+      }
+      selector.innerHTML = output;
+    }
+  }, {
+    key: "start",
+    value: function start() {
+      var _this = this;
+      this.blocks.forEach(function (block, i) {
+        var selector = block.selector;
+        var type = block.query_args.type;
+        var list = document.querySelector('#' + selector).closest('.bp-dynamic-block-container'); // Get default Block's type groups.
+        _get(_getPrototypeOf(bpGroupsWidgetBlock.prototype), "getItems", _this).call(_this, type, i); // Listen to Block's Nav item clics
+        list.querySelectorAll('.item-options a').forEach(function (navItem) {
+          navItem.addEventListener('click', function (event) {
+            event.preventDefault(); // Changes the displayed filter.
+            event.target.closest('.item-options').querySelector('.selected').classList.remove('selected');
+            event.target.classList.add('selected');
+            var newType = event.target.getAttribute('data-bp-sort');
+            if (newType !== _this.blocks[i].query_args.type) {
+              _get(_getPrototypeOf(bpGroupsWidgetBlock.prototype), "getItems", _this).call(_this, newType, i);
+            }
+          });
+        } else {
+          /* translators: %s: a human time diff. */
+          group.extra = sprintf(__('Active %s', 'buddypress'), group.last_activity_diff);
+        }
+        /* Translators: %s is the group's name. */
+        group.avatar_alt = sprintf(__('Group Profile photo of %s', 'buddypress'), group.name);
+        output += tmpl(group);
+      });
+    } else {
+      output = '<div class="widget-error">' + __('There are no groups to display.', 'buddypress') + '</div>';
+    }
+    selector.innerHTML = output;
+  }
+  start() {
+    this.blocks.forEach((block, i) => {
+      const {
+        selector
+      } = block;
+      const {
+        type
+      } = block.query_args;
+      const list = document.querySelector('#' + selector).closest('.bp-dynamic-block-container'); // Get default Block's type groups.
+      super.getItems(type, i); // Listen to Block's Nav item clics
+      list.querySelectorAll('.item-options a').forEach(navItem => {
+        navItem.addEventListener('click', event => {
+          event.preventDefault(); // Changes the displayed filter.
+          event.target.closest('.item-options').querySelector('.selected').classList.remove('selected');
+          event.target.classList.add('selected');
+          const newType = event.target.getAttribute('data-bp-sort');
+          if (newType !== this.blocks[i].query_args.type) {
+            super.getItems(newType, i);
+          }
         });
       });
+    }
+  }]);
+  return bpGroupsWidgetBlock;
+}(dynamicWidgetBlock);
+var settings = window.bpDynamicGroupsSettings || {};
+var blocks = window.bpDynamicGroupsBlocks || [];
+var bpDynamicGroups = new bpGroupsWidgetBlock(settings, blocks);
+    });
+  }
+}
+const settings = window.bpDynamicGroupsSettings || {};
+const blocks = window.bpDynamicGroupsBlocks || [];
+const bpDynamicGroups = new bpGroupsWidgetBlock(settings, blocks);
 if ('loading' === document.readyState) {

trunk/src/bp-members/classes/class-bp-members-component.php

-                      r13123
+                      r13144
                         'wp-i18n',
                         'wp-block-editor',
+                        'wp-server-side-render',
                         'bp-block-components',
                         'bp-block-data',
 …
                         'wp-i18n',
                         'wp-block-editor',
+                        'wp-server-side-render',
                         'bp-block-data',
-                        'bp-block-components',
                     ),
                     'style'              => 'bp-dynamic-members-block',
 …
                         'wp-i18n',
                         'wp-block-editor',
                         'bp-block-components',
+                        'wp-server-side-render',
                     ),
                     'editor_style'       => 'bp-member-avatar-blocks',
 …
                         'wp-i18n',
                         'wp-block-editor',
                         'bp-block-components',
+                        'wp-server-side-render',
                     ),
                     'editor_style'       => 'bp-member-avatar-blocks',

trunk/src/bp-members/js/blocks/active-members.js

-                      r13007
+                      r13144
  * WordPress dependencies.
  */
+var _wp = wp,
+    InspectorControls = _wp.blockEditor.InspectorControls,
+    _wp$components = _wp.components,
+    Disabled = _wp$components.Disabled,
+    PanelBody = _wp$components.PanelBody,
+    RangeControl = _wp$components.RangeControl,
+    TextControl = _wp$components.TextControl,
+    _wp$element = _wp.element,
+    Fragment = _wp$element.Fragment,
+    createElement = _wp$element.createElement,
+    __ = _wp.i18n.__;
+/**
+ * BuddyPress dependencies.
+ */
+var _bp = bp,
+    ServerSideRender = _bp.blockComponents.ServerSideRender;
+var editActiveMembersBlock = function editActiveMembersBlock(_ref) {
+  var attributes = _ref.attributes,
+      setAttributes = _ref.setAttributes;
+  var title = attributes.title,
+      maxMembers = attributes.maxMembers;
+const {
+  blockEditor: {
+    InspectorControls
+  },
+  components: {
+    Disabled,
+    PanelBody,
+    RangeControl,
+    TextControl
+  },
+  element: {
+    Fragment,
+    createElement
+  },
+  i18n: {
+    __
+  },
+  serverSideRender: ServerSideRender
+} = wp;
+const editActiveMembersBlock = ({
+  attributes,
+  setAttributes
+}) => {
+  const {
+    title,
+    maxMembers
+  } = attributes;
   return createElement(Fragment, null, createElement(InspectorControls, null, createElement(PanelBody, {
     title: __('Settings', 'buddypress'),
 …
     label: __('Title', 'buddypress'),
     value: title,
     onChange: function onChange(text) {
+    onChange: text => {
       setAttributes({
         title: text
 …
     label: __('Max members to show', 'buddypress'),
     value: maxMembers,
+    onChange: function onChange(value) {
+      return setAttributes({
+        maxMembers: value
+      });
+    },
+    onChange: value => setAttributes({
+      maxMembers: value
+    }),
     min: 1,
     max: 15,
 …
  * WordPress dependencies.
  */
+var _wp = wp,
+    createBlock = _wp.blocks.createBlock;
+const {
+  blocks: {
+    createBlock
+  }
+} = wp;
 /**
  * Transforms Legacy Widget to Active Members Block.
 …
  */
 var transforms = {
+const transforms = {
   from: [{
     type: 'block',
     blocks: ['core/legacy-widget'],
     isMatch: function isMatch(_ref) {
       var idBase = _ref.idBase,
           instance = _ref.instance;
+    isMatch: ({
+      idBase,
+      instance
+    }) => {
       if (!(instance !== null && instance !== void 0 && instance.raw)) {
         return false;
 …
       return idBase === 'bp_core_recently_active_widget';
     },
+    transform: function transform(_ref2) {
+      var instance = _ref2.instance;
+    transform: ({
+      instance
+    }) => {
       return createBlock('bp/active-members', {
         title: instance.raw.title,
 …
  * WordPress dependencies.
  */
+var _wp = wp,
+    registerBlockType = _wp.blocks.registerBlockType,
+    __ = _wp.i18n.__;
+const {
+  blocks: {
+    registerBlockType
+  },
+  i18n: {
+    __
+  }
+} = wp;
 /**
  * Internal dependencies.

trunk/src/bp-members/js/blocks/dynamic-members.js

-                      r13003
+                      r13144
  * WordPress dependencies.
  */
+var _wp = wp,
+    __ = _wp.i18n.__;
+const {
+  i18n: {
+    __
+  }
+} = wp;
 /**
  * Members ordering types.
 …
  */
 var TYPES = [{
+const TYPES = [{
   label: __('Newest', 'buddypress'),
   value: 'newest'
 …
  * WordPress dependencies.
  */
+var _wp = wp,
+    InspectorControls = _wp.blockEditor.InspectorControls,
+    _wp$components = _wp.components,
+    Disabled = _wp$components.Disabled,
+    PanelBody = _wp$components.PanelBody,
+    RangeControl = _wp$components.RangeControl,
+    SelectControl = _wp$components.SelectControl,
+    TextControl = _wp$components.TextControl,
+    ToggleControl = _wp$components.ToggleControl,
+    _wp$element = _wp.element,
+    Fragment = _wp$element.Fragment,
+    createElement = _wp$element.createElement,
+    __ = _wp.i18n.__;
+const {
+  blockEditor: {
+    InspectorControls
+  },
+  components: {
+    Disabled,
+    PanelBody,
+    RangeControl,
+    SelectControl,
+    TextControl,
+    ToggleControl
+  },
+  element: {
+    Fragment,
+    createElement
+  },
+  i18n: {
+    __
+  },
+  serverSideRender: ServerSideRender
+} = wp;
 /**
  * BuddyPress dependencies.
  */
+var _bp = bp,
+    ServerSideRender = _bp.blockComponents.ServerSideRender,
+    isActive = _bp.blockData.isActive;
+const {
+  blockData: {
+    isActive
+  }
+} = bp;
 /**
  * Internal dependencies.
  */
+var editDynamicMembersBlock = function editDynamicMembersBlock(_ref) {
+  var attributes = _ref.attributes,
+      setAttributes = _ref.setAttributes;
+  var title = attributes.title,
+      maxMembers = attributes.maxMembers,
+      memberDefault = attributes.memberDefault,
+      linkTitle = attributes.linkTitle;
+  var sortTypes = !!isActive('friends') ? _constants.TYPES : _constants.TYPES.filter(function (type) {
+    return 'popular' !== type.value;
+  });
+const editDynamicMembersBlock = ({
+  attributes,
+  setAttributes
+}) => {
+  const {
+    title,
+    maxMembers,
+    memberDefault,
+    linkTitle
+  } = attributes;
+  const sortTypes = !!isActive('friends') ? _constants.TYPES : _constants.TYPES.filter(type => 'popular' !== type.value);
   return createElement(Fragment, null, createElement(InspectorControls, null, createElement(PanelBody, {
     title: __('Settings', 'buddypress'),
 …
     label: __('Title', 'buddypress'),
     value: title,
     onChange: function onChange(text) {
+    onChange: text => {
       setAttributes({
         title: text
 …
     label: __('Max members to show', 'buddypress'),
     value: maxMembers,
+    onChange: function onChange(value) {
+      return setAttributes({
+        maxMembers: value
+      });
+    },
+    onChange: value => setAttributes({
+      maxMembers: value
+    }),
     min: 1,
     max: 10,
 …
     value: memberDefault,
     options: sortTypes,
     onChange: function onChange(option) {
+    onChange: option => {
       setAttributes({
         memberDefault: option
 …
     label: __('Link block title to Members directory', 'buddypress'),
     checked: !!linkTitle,
     onChange: function onChange() {
+    onChange: () => {
       setAttributes({
         linkTitle: !linkTitle
 …
  * WordPress dependencies.
  */
+var _wp = wp,
+    createBlock = _wp.blocks.createBlock;
+const {
+  blocks: {
+    createBlock
+  }
+} = wp;
 /**
  * Transforms Legacy Widget to Dynamic Members Block.
 …
  */
 var transforms = {
+const transforms = {
   from: [{
     type: 'block',
     blocks: ['core/legacy-widget'],
     isMatch: function isMatch(_ref) {
       var idBase = _ref.idBase,
           instance = _ref.instance;
+    isMatch: ({
+      idBase,
+      instance
+    }) => {
       if (!(instance !== null && instance !== void 0 && instance.raw)) {
         return false;
 …
       return idBase === 'bp_core_members_widget';
     },
+    transform: function transform(_ref2) {
+      var instance = _ref2.instance;
+    transform: ({
+      instance
+    }) => {
       return createBlock('bp/dynamic-members', {
         title: instance.raw.title,
 …
  * WordPress dependencies.
  */
+var _wp = wp,
+    registerBlockType = _wp.blocks.registerBlockType,
+    __ = _wp.i18n.__;
+const {
+  blocks: {
+    registerBlockType
+  },
+  i18n: {
+    __
+  }
+} = wp;
 /**
  * Internal dependencies.

trunk/src/bp-members/js/blocks/member.js

-                      r12996
+                      r13144
  * WordPress dependencies.
  */
+var _wp = wp,
+    __ = _wp.i18n.__;
+const {
+  i18n: {
+    __
+  }
+} = wp;
 /**
  * Avatar sizes.
 …
  */
 var AVATAR_SIZES = [{
+const AVATAR_SIZES = [{
   label: __('None', 'buddypress'),
   value: 'none'
 …
  * WordPress dependencies.
  */
+var _wp = wp,
+    _wp$blockEditor = _wp.blockEditor,
+    InspectorControls = _wp$blockEditor.InspectorControls,
+    BlockControls = _wp$blockEditor.BlockControls,
+    _wp$components = _wp.components,
+    Placeholder = _wp$components.Placeholder,
+    Disabled = _wp$components.Disabled,
+    PanelBody = _wp$components.PanelBody,
+    SelectControl = _wp$components.SelectControl,
+    ToggleControl = _wp$components.ToggleControl,
+    Toolbar = _wp$components.Toolbar,
+    ToolbarButton = _wp$components.ToolbarButton,
+    _wp$element = _wp.element,
+    Fragment = _wp$element.Fragment,
+    createElement = _wp$element.createElement,
+    __ = _wp.i18n.__;
+const {
+  blockEditor: {
+    InspectorControls,
+    BlockControls
+  },
+  components: {
+    Placeholder,
+    Disabled,
+    PanelBody,
+    SelectControl,
+    ToggleControl,
+    Toolbar,
+    ToolbarButton
+  },
+  element: {
+    Fragment,
+    createElement
+  },
+  i18n: {
+    __
+  },
+  serverSideRender: ServerSideRender
+} = wp;
 /**
  * BuddyPress dependencies.
  */
+var _bp = bp,
+    _bp$blockComponents = _bp.blockComponents,
+    AutoCompleter = _bp$blockComponents.AutoCompleter,
+    ServerSideRender = _bp$blockComponents.ServerSideRender,
+    isActive = _bp.blockData.isActive;
+const {
+  blockComponents: {
+    AutoCompleter
+  },
+  blockData: {
+    isActive
+  }
+} = bp;
 /**
  * Internal dependencies.
  */
 var getSlugValue = function getSlugValue(item) {
+const getSlugValue = item => {
   if (item && item.mention_name) {
     return item.mention_name;
 …
 };
+var editMemberBlock = function editMemberBlock(_ref) {
+  var attributes = _ref.attributes,
+      setAttributes = _ref.setAttributes;
+  var isAvatarEnabled = isActive('members', 'avatar');
+  var isMentionEnabled = isActive('activity', 'mentions');
+  var isCoverImageEnabled = isActive('members', 'cover');
+  var avatarSize = attributes.avatarSize,
+      displayMentionSlug = attributes.displayMentionSlug,
+      displayActionButton = attributes.displayActionButton,
+      displayCoverImage = attributes.displayCoverImage;
+const editMemberBlock = ({
+  attributes,
+  setAttributes
+}) => {
+  const isAvatarEnabled = isActive('members', 'avatar');
+  const isMentionEnabled = isActive('activity', 'mentions');
+  const isCoverImageEnabled = isActive('members', 'cover');
+  const {
+    avatarSize,
+    displayMentionSlug,
+    displayActionButton,
+    displayCoverImage
+  } = attributes;
   if (!attributes.itemID) {
 …
     icon: "edit",
     title: __('Select another member', 'buddypress'),
     onClick: function onClick() {
+    onClick: () => {
       setAttributes({
         itemID: 0
 …
     label: __('Display Profile button', 'buddypress'),
     checked: !!displayActionButton,
     onChange: function onChange() {
+    onChange: () => {
       setAttributes({
         displayActionButton: !displayActionButton
 …
     options: _constants.AVATAR_SIZES,
     help: __('Select "None" to disable the avatar.', 'buddypress'),
     onChange: function onChange(option) {
+    onChange: option => {
       setAttributes({
         avatarSize: option
 …
     label: __('Display Cover Image', 'buddypress'),
     checked: !!displayCoverImage,
     onChange: function onChange() {
+    onChange: () => {
       setAttributes({
         displayCoverImage: !displayCoverImage
 …
     label: __('Display Mention slug', 'buddypress'),
     checked: !!displayMentionSlug,
     onChange: function onChange() {
+    onChange: () => {
       setAttributes({
         displayMentionSlug: !displayMentionSlug
 …
  * WordPress dependencies.
  */
+var _wp = wp,
+    registerBlockType = _wp.blocks.registerBlockType,
+    __ = _wp.i18n.__;
+const {
+  blocks: {
+    registerBlockType
+  },
+  i18n: {
+    __
+  }
+} = wp;
 /**
  * Internal dependencies.

trunk/src/bp-members/js/blocks/members.js

-                      r13002
+                      r13144
   return newRequire;
+})({"jEQo":[function(require,module,exports) {
+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;
+}
+module.exports = _arrayLikeToArray;
+},{}],"o3SL":[function(require,module,exports) {
+var arrayLikeToArray = require("./arrayLikeToArray");
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return arrayLikeToArray(arr);
+}
+module.exports = _arrayWithoutHoles;
+},{"./arrayLikeToArray":"jEQo"}],"lZpU":[function(require,module,exports) {
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
+}
+module.exports = _iterableToArray;
+},{}],"Dbv9":[function(require,module,exports) {
+var arrayLikeToArray = require("./arrayLikeToArray");
+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(n);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);
+}
+module.exports = _unsupportedIterableToArray;
+},{"./arrayLikeToArray":"jEQo"}],"NCaH":[function(require,module,exports) {
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+module.exports = _nonIterableSpread;
+},{}],"I9dH":[function(require,module,exports) {
+var arrayWithoutHoles = require("./arrayWithoutHoles");
+var iterableToArray = require("./iterableToArray");
+var unsupportedIterableToArray = require("./unsupportedIterableToArray");
+var nonIterableSpread = require("./nonIterableSpread");
+function _toConsumableArray(arr) {
+  return arrayWithoutHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableSpread();
+}
+module.exports = _toConsumableArray;
+},{"./arrayWithoutHoles":"o3SL","./iterableToArray":"lZpU","./unsupportedIterableToArray":"Dbv9","./nonIterableSpread":"NCaH"}],"DCTP":[function(require,module,exports) {
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+module.exports = _arrayWithHoles;
+},{}],"LoeL":[function(require,module,exports) {
+function _iterableToArrayLimit(arr, i) {
+  if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
+  var _arr = [];
+  var _n = true;
+  var _d = false;
+  var _e = undefined;
+  try {
+    for (var _i = arr[Symbol.iterator](), _s; !(_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;
+}
+module.exports = _iterableToArrayLimit;
+},{}],"MWEO":[function(require,module,exports) {
+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.");
+}
+module.exports = _nonIterableRest;
+},{}],"DERy":[function(require,module,exports) {
+var arrayWithHoles = require("./arrayWithHoles");
+var iterableToArrayLimit = require("./iterableToArrayLimit");
+var unsupportedIterableToArray = require("./unsupportedIterableToArray");
+var nonIterableRest = require("./nonIterableRest");
+function _slicedToArray(arr, i) {
+  return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest();
+}
+module.exports = _slicedToArray;
+},{"./arrayWithHoles":"DCTP","./iterableToArrayLimit":"LoeL","./unsupportedIterableToArray":"Dbv9","./nonIterableRest":"MWEO"}],"gr8I":[function(require,module,exports) {
+})({"gr8I":[function(require,module,exports) {
 "use strict";
 …
  * WordPress dependencies.
  */
+var _wp = wp,
+    __ = _wp.i18n.__;
+const {
+  i18n: {
+    __
+  }
+} = wp;
 /**
  * Avatar sizes.
 …
  */
 var AVATAR_SIZES = [{
+const AVATAR_SIZES = [{
   label: __('None', 'buddypress'),
   value: 'none'
 …
 exports.AVATAR_SIZES = AVATAR_SIZES;
 var EXTRA_DATA = [{
+const EXTRA_DATA = [{
   label: __('None', 'buddypress'),
   value: 'none'
 …
 exports.default = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _constants = require("./constants");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
  * WordPress dependencies.
  */
+var _wp = wp,
+    _wp$blockEditor = _wp.blockEditor,
+    InspectorControls = _wp$blockEditor.InspectorControls,
+    BlockControls = _wp$blockEditor.BlockControls,
+    _wp$components = _wp.components,
+    Placeholder = _wp$components.Placeholder,
+    PanelBody = _wp$components.PanelBody,
+    SelectControl = _wp$components.SelectControl,
+    ToggleControl = _wp$components.ToggleControl,
+    Button = _wp$components.Button,
+    Dashicon = _wp$components.Dashicon,
+    Tooltip = _wp$components.Tooltip,
+    ToolbarGroup = _wp$components.ToolbarGroup,
+    RangeControl = _wp$components.RangeControl,
+    _wp$element = _wp.element,
+    createElement = _wp$element.createElement,
+    Fragment = _wp$element.Fragment,
+    useState = _wp$element.useState,
+    _wp$i18n = _wp.i18n,
+    __ = _wp$i18n.__,
+    sprintf = _wp$i18n.sprintf,
+    apiFetch = _wp.apiFetch,
+    addQueryArgs = _wp.url.addQueryArgs;
+const {
+  blockEditor: {
+    InspectorControls,
+    BlockControls
+  },
+  components: {
+    Placeholder,
+    PanelBody,
+    SelectControl,
+    ToggleControl,
+    Button,
+    Dashicon,
+    Tooltip,
+    ToolbarGroup,
+    RangeControl
+  },
+  element: {
+    createElement,
+    Fragment,
+    useState
+  },
+  i18n: {
+    __,
+    sprintf
+  },
+  apiFetch,
+  url: {
+    addQueryArgs
+  }
+} = wp;
 /**
  * BuddyPress dependencies.
  */
+var _bp = bp,
+    AutoCompleter = _bp.blockComponents.AutoCompleter,
+    isActive = _bp.blockData.isActive;
+const {
+  blockComponents: {
+    AutoCompleter
+  },
+  blockData: {
+    isActive
+  }
+} = bp;
 /**
  * Internal dependencies.
 …
  * External dependencies.
  */
+var _lodash = lodash,
+    reject = _lodash.reject,
+    remove = _lodash.remove,
+    sortBy = _lodash.sortBy;
+var getSlugValue = function getSlugValue(item) {
+const {
+  reject,
+  remove,
+  sortBy
+} = lodash;
+const getSlugValue = item => {
   if (item && item.mention_name) {
     return item.mention_name;
 …
 };
+var editMembersBlock = function editMembersBlock(_ref) {
+  var attributes = _ref.attributes,
+      setAttributes = _ref.setAttributes,
+      isSelected = _ref.isSelected;
+  var isAvatarEnabled = isActive('members', 'avatar');
+  var isMentionEnabled = isActive('activity', 'mentions');
+  var itemIDs = attributes.itemIDs,
+      avatarSize = attributes.avatarSize,
+      displayMentionSlug = attributes.displayMentionSlug,
+      displayUserName = attributes.displayUserName,
+      extraData = attributes.extraData,
+      layoutPreference = attributes.layoutPreference,
+      columns = attributes.columns;
+  var hasMembers = 0 !== itemIDs.length;
+  var _useState = useState([]),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      members = _useState2[0],
+      setMembers = _useState2[1];
+  var layoutControls = [{
+const editMembersBlock = ({
+  attributes,
+  setAttributes,
+  isSelected
+}) => {
+  const isAvatarEnabled = isActive('members', 'avatar');
+  const isMentionEnabled = isActive('activity', 'mentions');
+  const {
+    itemIDs,
+    avatarSize,
+    displayMentionSlug,
+    displayUserName,
+    extraData,
+    layoutPreference,
+    columns
+  } = attributes;
+  const hasMembers = 0 !== itemIDs.length;
+  const [members, setMembers] = useState([]);
+  const layoutControls = [{
     icon: 'text',
     title: __('List view', 'buddypress'),
+    onClick: function onClick() {
+      return setAttributes({
+        layoutPreference: 'list'
+      });
+    },
+    onClick: () => setAttributes({
+      layoutPreference: 'list'
+    }),
     isActive: layoutPreference === 'list'
   }, {
     icon: 'screenoptions',
     title: __('Grid view', 'buddypress'),
+    onClick: function onClick() {
+      return setAttributes({
+        layoutPreference: 'grid'
+      });
+    },
+    onClick: () => setAttributes({
+      layoutPreference: 'grid'
+    }),
     isActive: layoutPreference === 'grid'
   }];
   var membersList;
   var containerClasses = 'bp-block-members avatar-' + avatarSize;
   var extraDataOptions = _constants.EXTRA_DATA;
+  let membersList;
+  let containerClasses = 'bp-block-members avatar-' + avatarSize;
+  let extraDataOptions = _constants.EXTRA_DATA;
   if (layoutPreference === 'grid') {
     containerClasses += ' is-grid columns-' + columns;
     extraDataOptions = _constants.EXTRA_DATA.filter(function (extra) {
+    extraDataOptions = _constants.EXTRA_DATA.filter(extra => {
       return 'latest_update' !== extra.value;
     });
+  }
   var onSelectedMember = function onSelectedMember(_ref2) {
     var itemID = _ref2.itemID;
+  const onSelectedMember = ({
+    itemID
+  }) => {
     if (itemID && -1 === itemIDs.indexOf(itemID)) {
       setAttributes({
         itemIDs: [].concat((0, _toConsumableArray2.default)(itemIDs), [parseInt(itemID, 10)])
+        itemIDs: [...itemIDs, parseInt(itemID, 10)]
       });
+    }
   };
   var onRemoveMember = function onRemoveMember(itemID) {
+  const onRemoveMember = itemID => {
     if (itemID && -1 !== itemIDs.indexOf(itemID)) {
       setMembers(reject(members, ['id', itemID]));
       setAttributes({
         itemIDs: remove(itemIDs, function (value) {
+        itemIDs: remove(itemIDs, value => {
           return value !== itemID;
         })
 …
   if (hasMembers && itemIDs.length !== members.length) {
     apiFetch({
       path: addQueryArgs("/buddypress/v1/members", {
+      path: addQueryArgs(`/buddypress/v1/members`, {
         populate_extras: true,
         include: itemIDs
       })
     }).then(function (items) {
       setMembers(sortBy(items, [function (item) {
+    }).then(items => {
+      setMembers(sortBy(items, [item => {
         return itemIDs.indexOf(item.id);
       }]));
 …
   if (members.length) {
     membersList = members.map(function (member) {
       var hasActivity = false;
       var memberItemClasses = 'member-content';
+    membersList = members.map(member => {
+      let hasActivity = false;
+      let memberItemClasses = 'member-content';
       if (layoutPreference === 'list' && 'latest_update' === extraData && member.latest_update && member.latest_update.rendered) {
 …
       }, createElement(Button, {
         className: "is-right",
+        onClick: function onClick() {
+          return onRemoveMember(member.id);
+        },
+        onClick: () => onRemoveMember(member.id),
         label: __('Remove member', 'buddypress')
       }, createElement(Dashicon, {
 …
     label: __('Display the user name', 'buddypress'),
     checked: !!displayUserName,
     onChange: function onChange() {
+    onChange: () => {
       setAttributes({
         displayUserName: !displayUserName
 …
     label: __('Display Mention slug', 'buddypress'),
     checked: !!displayMentionSlug,
     onChange: function onChange() {
+    onChange: () => {
       setAttributes({
         displayMentionSlug: !displayMentionSlug
 …
     options: _constants.AVATAR_SIZES,
     help: __('Select "None" to disable the avatar.', 'buddypress'),
     onChange: function onChange(option) {
+    onChange: option => {
       setAttributes({
         avatarSize: option
 …
     options: extraDataOptions,
     help: __('Select "None" to show no extra information.', 'buddypress'),
     onChange: function onChange(option) {
+    onChange: option => {
       setAttributes({
         extraData: option
 …
     label: __('Columns', 'buddypress'),
     value: columns,
+    onChange: function onChange(value) {
+      return setAttributes({
+        columns: value
+      });
+    },
+    onChange: value => setAttributes({
+      columns: value
+    }),
     min: 2,
     max: 4,
 …
 var _default = editMembersBlock;
 exports.default = _default;
 },{"@babel/runtime/helpers/toConsumableArray":"I9dH","@babel/runtime/helpers/slicedToArray":"DERy","./constants":"gr8I"}],"XEHU":[function(require,module,exports) {
+},{"./constants":"gr8I"}],"XEHU":[function(require,module,exports) {
 "use strict";
 …
  * WordPress dependencies.
  */
+var _wp = wp,
+    registerBlockType = _wp.blocks.registerBlockType,
+    __ = _wp.i18n.__;
+const {
+  blocks: {
+    registerBlockType
+  },
+  i18n: {
+    __
+  }
+} = wp;
 /**
  * Internal dependencies.

trunk/src/bp-members/js/blocks/online-members.js

-                      r13007
+                      r13144
  * WordPress dependencies.
  */
+var _wp = wp,
+    InspectorControls = _wp.blockEditor.InspectorControls,
+    _wp$components = _wp.components,
+    Disabled = _wp$components.Disabled,
+    PanelBody = _wp$components.PanelBody,
+    RangeControl = _wp$components.RangeControl,
+    TextControl = _wp$components.TextControl,
+    _wp$element = _wp.element,
+    Fragment = _wp$element.Fragment,
+    createElement = _wp$element.createElement,
+    __ = _wp.i18n.__;
+/**
+ * BuddyPress dependencies.
+ */
+var _bp = bp,
+    ServerSideRender = _bp.blockComponents.ServerSideRender;
+var editOnlineMembersBlock = function editOnlineMembersBlock(_ref) {
+  var attributes = _ref.attributes,
+      setAttributes = _ref.setAttributes;
+  var title = attributes.title,
+      maxMembers = attributes.maxMembers;
+const {
+  blockEditor: {
+    InspectorControls
+  },
+  components: {
+    Disabled,
+    PanelBody,
+    RangeControl,
+    TextControl
+  },
+  element: {
+    Fragment,
+    createElement
+  },
+  i18n: {
+    __
+  },
+  serverSideRender: ServerSideRender
+} = wp;
+const editOnlineMembersBlock = ({
+  attributes,
+  setAttributes
+}) => {
+  const {
+    title,
+    maxMembers
+  } = attributes;
   return createElement(Fragment, null, createElement(InspectorControls, null, createElement(PanelBody, {
     title: __('Settings', 'buddypress'),
 …
     label: __('Title', 'buddypress'),
     value: title,
     onChange: function onChange(text) {
+    onChange: text => {
       setAttributes({
         title: text
 …
     label: __('Max members to show', 'buddypress'),
     value: maxMembers,
+    onChange: function onChange(value) {
+      return setAttributes({
+        maxMembers: value
+      });
+    },
+    onChange: value => setAttributes({
+      maxMembers: value
+    }),
     min: 1,
     max: 15,
 …
  * WordPress dependencies.
  */
+var _wp = wp,
+    createBlock = _wp.blocks.createBlock;
+const {
+  blocks: {
+    createBlock
+  }
+} = wp;
 /**
  * Transforms Legacy Widget to Online Members Block.
 …
  */
 var transforms = {
+const transforms = {
   from: [{
     type: 'block',
     blocks: ['core/legacy-widget'],
     isMatch: function isMatch(_ref) {
       var idBase = _ref.idBase,
           instance = _ref.instance;
+    isMatch: ({
+      idBase,
+      instance
+    }) => {
       if (!(instance !== null && instance !== void 0 && instance.raw)) {
         return false;
 …
       return idBase === 'bp_core_whos_online_widget';
     },
+    transform: function transform(_ref2) {
+      var instance = _ref2.instance;
+    transform: ({
+      instance
+    }) => {
       return createBlock('bp/online-members', {
         title: instance.raw.title,
 …
  * WordPress dependencies.
  */
+var _wp = wp,
+    registerBlockType = _wp.blocks.registerBlockType,
+    __ = _wp.i18n.__;
+const {
+  blocks: {
+    registerBlockType
+  },
+  i18n: {
+    __
+  }
+} = wp;
 /**
  * Internal dependencies.

trunk/src/bp-members/js/dynamic-members.js

-                      r13003
+                      r13144
   return newRequire;
 })({"k5We":[function(require,module,exports) {
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-function _classCallCheck(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 _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-function _get(target, property, receiver) { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(receiver); } return desc.value; }; } return _get(target, property, receiver || target); }
-function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
-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 } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-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; } 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); }
 /**
  * WordPress dependencies.
  */
+var _wp = wp,
+    _wp$i18n = _wp.i18n,
+    __ = _wp$i18n.__,
+    sprintf = _wp$i18n.sprintf;
+const {
+  i18n: {
+    __,
+    sprintf
+  }
+} = wp;
 /**
  * BuddyPress dependencies.
  */
+var _bp = bp,
+    dynamicWidgetBlock = _bp.dynamicWidgetBlock;
+const {
+  dynamicWidgetBlock
+} = bp;
 /**
  * Front-end Dynamic Members Widget Block class.
 …
  */
+var bpMembersWidgetBlock = /*#__PURE__*/function (_dynamicWidgetBlock) {
+  _inherits(bpMembersWidgetBlock, _dynamicWidgetBlock);
+  var _super = _createSuper(bpMembersWidgetBlock);
+  function bpMembersWidgetBlock() {
+    _classCallCheck(this, bpMembersWidgetBlock);
+    return _super.apply(this, arguments);
+  }
+  _createClass(bpMembersWidgetBlock, [{
+    key: "loop",
+    value: function loop() {
+      var members = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+      var container = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+      var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'active';
+      var tmpl = _get(_getPrototypeOf(bpMembersWidgetBlock.prototype), "useTemplate", this).call(this, 'bp-dynamic-members-item');
+      var selector = document.querySelector('#' + container);
+      var output = '';
+      if (members && members.length) {
+        members.forEach(function (member) {
+          if ('active' === type && member.last_activity) {
+            /* translators: %s: a human time diff. */
+            member.extra = sprintf(__('Active %s', 'buddypress'), member.last_activity.timediff);
+          } else if ('popular' === type && member.total_friend_count) {
+            var friendsCount = parseInt(member.total_friend_count, 10);
+            if (0 === friendsCount) {
+              member.extra = __('No friends', 'buddypress');
+            } else if (1 === friendsCount) {
+              member.extra = __('1 friend', 'buddypress');
+            } else {
+              /* translators: %s: total friend count (more than 1). */
+              member.extra = sprintf(__('%s friends', 'buddypress'), member.total_friend_count);
+            }
+          } else if ('newest' === type && member.registered_since) {
+            /* translators: %s is time elapsed since the registration date happened */
+            member.extra = sprintf(__('Registered %s', 'buddypress'), member.registered_since);
+class bpMembersWidgetBlock extends dynamicWidgetBlock {
+  loop(members = [], container = '', type = 'active') {
+    const tmpl = super.useTemplate('bp-dynamic-members-item');
+    const selector = document.querySelector('#' + container);
+    let output = '';
+    if (members && members.length) {
+      members.forEach(member => {
+        if ('active' === type && member.last_activity) {
+          /* translators: %s: a human time diff. */
+          member.extra = sprintf(__('Active %s', 'buddypress'), member.last_activity.timediff);
+        } else if ('popular' === type && member.total_friend_count) {
+          const friendsCount = parseInt(member.total_friend_count, 10);
+          if (0 === friendsCount) {
+            member.extra = __('No friends', 'buddypress');
+          } else if (1 === friendsCount) {
+            member.extra = __('1 friend', 'buddypress');
+          } else {
+            /* translators: %s: total friend count (more than 1). */
+            member.extra = sprintf(__('%s friends', 'buddypress'), member.total_friend_count);
+          }
+          /* translators: %s: member name */
+          member.avatar_alt = sprintf(__('Profile picture of %s', 'buddypress'), member.name);
+          output += tmpl(member);
+        });
+      } else {
+        output = '<div class="widget-error">' + __('No members found.', 'buddypress') + '</div>';
+      }
+      selector.innerHTML = output;
+    }
+  }, {
+    key: "start",
+    value: function start() {
+      var _this = this;
+      this.blocks.forEach(function (block, i) {
+        var selector = block.selector;
+        var type = block.query_args.type;
+        var list = document.querySelector('#' + selector).closest('.bp-dynamic-block-container'); // Get default Block's type members.
+        _get(_getPrototypeOf(bpMembersWidgetBlock.prototype), "getItems", _this).call(_this, type, i); // Listen to Block's Nav item clics
+        list.querySelectorAll('.item-options a').forEach(function (navItem) {
+          navItem.addEventListener('click', function (event) {
+            event.preventDefault(); // Changes the displayed filter.
+            event.target.closest('.item-options').querySelector('.selected').classList.remove('selected');
+            event.target.classList.add('selected');
+            var newType = event.target.getAttribute('data-bp-sort');
+            if (newType !== _this.blocks[i].query_args.type) {
+              _get(_getPrototypeOf(bpMembersWidgetBlock.prototype), "getItems", _this).call(_this, newType, i);
+            }
+          });
+        } else if ('newest' === type && member.registered_since) {
+          /* translators: %s is time elapsed since the registration date happened */
+          member.extra = sprintf(__('Registered %s', 'buddypress'), member.registered_since);
+        }
+        /* translators: %s: member name */
+        member.avatar_alt = sprintf(__('Profile picture of %s', 'buddypress'), member.name);
+        output += tmpl(member);
+      });
+    } else {
+      output = '<div class="widget-error">' + __('No members found.', 'buddypress') + '</div>';
+    }
+    selector.innerHTML = output;
+  }
+  start() {
+    this.blocks.forEach((block, i) => {
+      const {
+        selector
+      } = block;
+      const {
+        type
+      } = block.query_args;
+      const list = document.querySelector('#' + selector).closest('.bp-dynamic-block-container'); // Get default Block's type members.
+      super.getItems(type, i); // Listen to Block's Nav item clics
+      list.querySelectorAll('.item-options a').forEach(navItem => {
+        navItem.addEventListener('click', event => {
+          event.preventDefault(); // Changes the displayed filter.
+          event.target.closest('.item-options').querySelector('.selected').classList.remove('selected');
+          event.target.classList.add('selected');
+          const newType = event.target.getAttribute('data-bp-sort');
+          if (newType !== this.blocks[i].query_args.type) {
+            super.getItems(newType, i);
+          }
         });
       });
+    }
+  }]);
+  return bpMembersWidgetBlock;
+}(dynamicWidgetBlock);
+var settings = window.bpDynamicMembersSettings || {};
+var blocks = window.bpDynamicMembersBlocks || {};
+var bpDynamicMembers = new bpMembersWidgetBlock(settings, blocks);
+    });
+  }
+}
+const settings = window.bpDynamicMembersSettings || {};
+const blocks = window.bpDynamicMembersBlocks || {};
+const bpDynamicMembers = new bpMembersWidgetBlock(settings, blocks);
 if ('loading' === document.readyState) {

trunk/src/bp-messages/classes/class-bp-messages-component.php

-                      r13096
+                      r13144
                         'wp-i18n',
                         'wp-block-editor',
+                        'wp-server-side-render',
                         'bp-block-data',
-                        'bp-block-components',
                     ),
                     'style'              => 'bp-sitewide-notices-block',

trunk/src/bp-messages/js/blocks/sitewide-notices.js

-                      r13005
+                      r13144
  * WordPress dependencies.
  */
+var _wp = wp,
+    InspectorControls = _wp.blockEditor.InspectorControls,
+    _wp$components = _wp.components,
+    Disabled = _wp$components.Disabled,
+    PanelBody = _wp$components.PanelBody,
+    TextControl = _wp$components.TextControl,
+    _wp$element = _wp.element,
+    Fragment = _wp$element.Fragment,
+    createElement = _wp$element.createElement,
+    __ = _wp.i18n.__;
+/**
+ * BuddyPress dependencies.
+ */
+var _bp = bp,
+    ServerSideRender = _bp.blockComponents.ServerSideRender;
+var editSitewideNoticesBlock = function editSitewideNoticesBlock(_ref) {
+  var attributes = _ref.attributes,
+      setAttributes = _ref.setAttributes;
+  var title = attributes.title;
+const {
+  blockEditor: {
+    InspectorControls
+  },
+  components: {
+    Disabled,
+    PanelBody,
+    TextControl
+  },
+  element: {
+    Fragment,
+    createElement
+  },
+  i18n: {
+    __
+  },
+  serverSideRender: ServerSideRender
+} = wp;
+const editSitewideNoticesBlock = ({
+  attributes,
+  setAttributes
+}) => {
+  const {
+    title
+  } = attributes;
   return createElement(Fragment, null, createElement(InspectorControls, null, createElement(PanelBody, {
     title: __('Settings', 'buddypress'),
 …
     label: __('Title', 'buddypress'),
     value: title,
     onChange: function onChange(text) {
+    onChange: text => {
       setAttributes({
         title: text
 …
  * WordPress dependencies.
  */
+var _wp = wp,
+    createBlock = _wp.blocks.createBlock;
+const {
+  blocks: {
+    createBlock
+  }
+} = wp;
 /**
  * Transforms Legacy Widget to Friends Block.
 …
  */
 var transforms = {
+const transforms = {
   from: [{
     type: 'block',
     blocks: ['core/legacy-widget'],
     isMatch: function isMatch(_ref) {
       var idBase = _ref.idBase,
           instance = _ref.instance;
+    isMatch: ({
+      idBase,
+      instance
+    }) => {
       if (!(instance !== null && instance !== void 0 && instance.raw)) {
         return false;
 …
       return idBase === 'bp_messages_sitewide_notices_widget';
     },
+    transform: function transform(_ref2) {
+      var instance = _ref2.instance;
+    transform: ({
+      instance
+    }) => {
       return createBlock('bp/sitewide-notices', {
         title: instance.raw.title
 …
  * WordPress dependencies.
  */
+var _wp = wp,
+    registerBlockType = _wp.blocks.registerBlockType,
+    __ = _wp.i18n.__;
+const {
+  blocks: {
+    registerBlockType
+  },
+  i18n: {
+    __
+  }
+} = wp;
 /**
  * Internal dependencies.

trunk/src/bp-messages/js/sitewide-notices.js

-                      r13005
+                      r13144
   return newRequire;
 })({"nIsC":[function(require,module,exports) {
-function _classCallCheck(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 _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 /**
  * Front-end Sitewide notices block class.
 …
  * @since 9.0.0
  */
 var bpSitewideNoticeBlock = /*#__PURE__*/function () {
   function bpSitewideNoticeBlock(settings) {
     _classCallCheck(this, bpSitewideNoticeBlock);
     var path = settings.path,
         dismissPath = settings.dismissPath,
         root = settings.root,
         nonce = settings.nonce;
+class bpSitewideNoticeBlock {
+  constructor(settings) {
+    const {
+      path,
+      dismissPath,
+      root,
+      nonce
+    } = settings;
     this.path = path;
     this.dismissPath = dismissPath;
 …
+  }
+  _createClass(bpSitewideNoticeBlock, [{
+    key: "start",
+    value: function start() {
+      var _this = this;
+      // Listen to each Block's dismiss button clicks
+      document.querySelectorAll('.bp-sitewide-notice-block a.dismiss-notice').forEach(function (dismissButton) {
+        dismissButton.addEventListener('click', function (event) {
+          event.preventDefault();
+          fetch(_this.root + _this.dismissPath, {
+            method: 'POST',
+            headers: {
+              'X-WP-Nonce': _this.nonce
+            }
+          }).then(function (response) {
+            return response.json();
+          }).then(function (data) {
+            if ('undefined' !== typeof data && 'undefined' !== typeof data.dismissed && data.dismissed) {
+              document.querySelectorAll('.bp-sitewide-notice-block').forEach(function (elem) {
+                elem.remove();
+              });
+            }
+          });
+  start() {
+    // Listen to each Block's dismiss button clicks
+    document.querySelectorAll('.bp-sitewide-notice-block a.dismiss-notice').forEach(dismissButton => {
+      dismissButton.addEventListener('click', event => {
+        event.preventDefault();
+        fetch(this.root + this.dismissPath, {
+          method: 'POST',
+          headers: {
+            'X-WP-Nonce': this.nonce
+          }
+        }).then(response => response.json()).then(data => {
+          if ('undefined' !== typeof data && 'undefined' !== typeof data.dismissed && data.dismissed) {
+            document.querySelectorAll('.bp-sitewide-notice-block').forEach(elem => {
+              elem.remove();
+            });
+          }
         });
       });
+    }
   }]);
+    });
+  }
+  return bpSitewideNoticeBlock;
+}(); // widget_bp_core_sitewide_messages buddypress widget wp-block-bp-sitewide-notices > bp-sitewide-notice > a.dismiss-notice
+} // widget_bp_core_sitewide_messages buddypress widget wp-block-bp-sitewide-notices > bp-sitewide-notice > a.dismiss-notice
 var settings = window.bpSitewideNoticeBlockSettings || {};
 var bpSitewideNotice = new bpSitewideNoticeBlock(settings);
+const settings = window.bpSitewideNoticeBlockSettings || {};
+const bpSitewideNotice = new bpSitewideNoticeBlock(settings);
 if ('loading' === document.readyState) {

trunk/src/bp-templates/bp-nouveau/includes/functions.php

-                      r13140
+                      r13144
             'wp-i18n',
             'wp-block-editor',
+            'wp-server-side-render',
             'bp-block-data',
-            'bp-block-components',
         ),
         'editor_style'       => 'bp-primary-nav-block',

trunk/src/js/bp-activity/js/blocks/latest-activities/edit.js

-                      r13130
+                      r13144
         __,
     },
+    serverSideRender: ServerSideRender,
 } = wp;
 …
  */
 const {
-    blockComponents: {
-        ServerSideRender,
-    },
     blockData: {
         currentPostId,

trunk/src/js/bp-blogs/js/blocks/recent-posts/edit.js

-                      r13006
+                      r13144
         __,
     },
+    serverSideRender: ServerSideRender,
 } = wp;
-/**
- * BuddyPress dependencies.
- */
-const {
-    blockComponents: {
-        ServerSideRender,
-    },
-} = bp;
 const editRecentPostsBlock = ( { attributes, setAttributes } ) => {

trunk/src/js/bp-core/js/block-components/components/index.js

-                      r12995
+                      r13144
  */
 import AutoCompleter from './autocompleter';
-import ServerSideRender from './server-side-render';
 export default {
     AutoCompleter,
-    ServerSideRender,
 };

trunk/src/js/bp-core/js/blocks/login-form/edit.js

-                      r13111
+                      r13144
         __,
     },
+    serverSideRender: ServerSideRender,
 } = wp;
-/**
- * BuddyPress dependencies.
- */
-const {
-    blockComponents: {
-        ServerSideRender,
-    },
-} = bp;
 const editLoginForm = ( { attributes, setAttributes } ) => {

trunk/src/js/bp-core/js/blocks/primary-nav/edit.js

-                      r13000
+                      r13144
         __,
     },
+    serverSideRender: ServerSideRender,
 } = wp;
 …
  */
 const {
-    blockComponents: {
-        ServerSideRender,
-    },
     blockData: {
         getCurrentWidgetsSidebar,

trunk/src/js/bp-friends/js/blocks/friends/edit.js

-                      r13002
+                      r13144
         __,
     },
+    serverSideRender: ServerSideRender,
 } = wp;
 …
  */
 const {
-    blockComponents: {
-        ServerSideRender,
-    },
     blockData: {
         currentPostId,

trunk/src/js/bp-groups/js/blocks/dynamic-groups/edit.js

-                      r13004
+                      r13144
         __,
     },
+    serverSideRender: ServerSideRender,
 } = wp;
-/**
- * BuddyPress dependencies.
- */
-const {
-    blockComponents: {
-        ServerSideRender,
-    },
-} = bp;
 /**

trunk/src/js/bp-groups/js/blocks/group/edit.js

-                      r12996
+                      r13144
         __,
     },
+    serverSideRender: ServerSideRender,
 } = wp;
 …
     blockComponents: {
         AutoCompleter,
-        ServerSideRender,
     },
     blockData: {

trunk/src/js/bp-members/js/blocks/active-members/edit.js

-                      r13007
+                      r13144
         __,
     },
+    serverSideRender: ServerSideRender,
 } = wp;
-/**
- * BuddyPress dependencies.
- */
-const {
-    blockComponents: {
-        ServerSideRender,
-    },
-} = bp;
 const editActiveMembersBlock = ( { attributes, setAttributes } ) => {

trunk/src/js/bp-members/js/blocks/dynamic-members/edit.js

-                      r13003
+                      r13144
         __,
     },
+    serverSideRender: ServerSideRender,
 } = wp;
 …
  */
 const {
-    blockComponents: {
-        ServerSideRender,
-    },
     blockData: {
         isActive,

trunk/src/js/bp-members/js/blocks/member/edit.js

-                      r12996
+                      r13144
         __,
     },
+    serverSideRender: ServerSideRender,
 } = wp;
 …
     blockComponents: {
         AutoCompleter,
-        ServerSideRender,
     },
     blockData: {

trunk/src/js/bp-members/js/blocks/online-members/edit.js

-                      r13007
+                      r13144
         __,
     },
+    serverSideRender: ServerSideRender,
 } = wp;
-/**
- * BuddyPress dependencies.
- */
-const {
-    blockComponents: {
-        ServerSideRender,
-    },
-} = bp;
 const editOnlineMembersBlock = ( { attributes, setAttributes } ) => {

trunk/src/js/bp-messages/js/blocks/sitewide-notices/edit.js

-                      r13005
+                      r13144
         __,
     },
+    serverSideRender: ServerSideRender,
 } = wp;
-/**
- * BuddyPress dependencies.
- */
- const {
-    blockComponents: {
-        ServerSideRender,
-    },
-} = bp;
 const editSitewideNoticesBlock = ( { attributes, setAttributes } ) => {

Context Navigation

Legend:

Download in other formats: