@plusscommunities/pluss-newsletter-web-sharing 1.3.4 → 1.3.8

package/dist/index.cjs.js

@@ -950,7 +950,9 @@ var ListNewsletter$1 = /*#__PURE__*/function (_Component) {
         style: {
           minWidth: '100%'
         }
-      }, this.renderContent());
+      }, this.renderContent(), /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "hub_tidioPadding"
+      }));
     }
   }]);
 
@@ -986,6 +988,7 @@ var getSiteNameFromRoles = Helper.getSiteNameFromRoles;
 var onlyAlphanumeric = Helper.onlyAlphanumeric;
 var setLocalStorage = Helper.setLocalStorage;
 var readJSONFromStorage = Helper.readJSONFromStorage;
+var getSiteSettingFromState = Helper.getSiteSettingFromState;
 
 function _createSuper$f(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$f(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
@@ -1322,7 +1325,9 @@ var NewsletterSubmissions = /*#__PURE__*/function (_Component) {
         onClick: function onClick() {
           _this7.sortByCol('SubmittedBy');
         }
-      }, "Submitted By", this.renderSort('SubmittedBy')))), /*#__PURE__*/React__default['default'].createElement("tbody", null, this.renderNewsletter())));
+      }, "Submitted By", this.renderSort('SubmittedBy')))), /*#__PURE__*/React__default['default'].createElement("tbody", null, this.renderNewsletter())), /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "hub_tidioPadding"
+      }));
     }
   }]);
 
@@ -2319,6 +2324,7 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
       differentPublish: false,
       isTvMode: false,
       allowComments: DEFAULT_ALLOW_COMMENTS,
+      commentVisibilityLimited: _this.props.commentVisibilityLimited,
       shouldNotify: false,
       publishDate: moment__default['default']().format('YYYY-MM-DD'),
       publishDateText: moment__default['default']().format('DD/MM/YYYY'),
@@ -2327,9 +2333,11 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
       links: [],
       authorDisplay: false,
       customAuthorInput: '',
-      isAudienceValid: true,
       textFormatOpen: false,
-      selectedOption: 'audience'
+      selectedOption: 'audience',
+      isAudienceValid: true,
+      audienceType: '',
+      audienceTypeSelection: []
     });
 
     _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "state", _objectSpread$8({}, _this.initialState));
@@ -2453,9 +2461,6 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
     });
 
     _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "handleSubmit", function () {
-      // console.log(this.audienceSelector);
-      _this.audienceSelector.getWrappedInstance().onSubmit();
-
       if (!_this.validateForm()) {
         _this.setState({
           showWarnings: true
@@ -2486,6 +2491,14 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
       });
     });
 
+    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "onChangeAudience", function (audienceType, audienceTypeSelection, isAudienceValid) {
+      _this.setState({
+        audienceType: audienceType,
+        audienceTypeSelection: audienceTypeSelection,
+        isAudienceValid: isAudienceValid
+      });
+    });
+
     return _this;
   }
 
@@ -2530,13 +2543,6 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
         textFormatOpen: isOpen
       });
     }
-  }, {
-    key: "updateAudienceValidation",
-    value: function updateAudienceValidation(valid) {
-      this.setState({
-        isAudienceValid: valid
-      });
-    }
   }, {
     key: "getData",
     value: function getData() {
@@ -2557,9 +2563,12 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
         isTvMode: Boolean(update.TVMode),
         isFeatured: Boolean(update.IsFeatured),
         allowComments: Boolean(update.AllowComments),
+        commentVisibilityLimited: Boolean(update.CommentVisibilityLimited),
         featuredExpiryDate: moment__default['default'](update.FeaturedExpiry || undefined).format('YYYY-MM-DD'),
         featuredExpiryDateText: moment__default['default'](update.FeaturedExpiry || undefined).format('DD/MM/YYYY'),
-        authorDisplay: update.AuthorDisplay
+        authorDisplay: update.AuthorDisplay,
+        audienceType: update.AudienceType || '',
+        audienceTypeSelection: update.AudienceTypeSelection || []
       };
 
       if (update.AuthorDisplay === 'custom') {
@@ -2884,8 +2893,8 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
         Text: this.state.textInput,
         Thumbnail: '',
         Video: this.state.videoInput,
-        AudienceType: this.audienceSelector.getWrappedInstance().getAudienceType(),
-        AudienceTypeSelection: this.audienceSelector.getWrappedInstance().getAudienceTypeSelection(),
+        AudienceType: this.state.audienceType,
+        AudienceTypeSelection: this.state.audienceTypeSelection,
         Site: this.props.auth.site,
         Tagged: this.state.tagged,
         HasSponsor: this.state.HasSponsor,
@@ -2910,6 +2919,10 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
       if (!___default['default'].isEmpty(result.Images)) {
         result.Thumbnail = getThumb300(result.Images[0]);
         result.Image = get1400(result.Images[0]);
+      }
+
+      if (result.AllowComments) {
+        result.CommentVisibilityLimited = this.state.commentVisibilityLimited;
       } // if (baseClient === 'pluss60') {
       //   const publisherImage = this.refs.publisherImage.getWrappedInstance().getValue();
       //   if (!_.isEmpty(publisherImage) || !_.isEmpty(this.state.publisherTitleInput)) {
@@ -3117,20 +3130,20 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderAudience",
     value: function renderAudience() {
-      var _this9 = this;
-
+      var auth = this.props.auth;
+      var _this$state = this.state,
+          audienceType = _this$state.audienceType,
+          audienceTypeSelection = _this$state.audienceTypeSelection;
       return /*#__PURE__*/React__default['default'].createElement("div", {
         className: "optionsContent_bottom"
       }, /*#__PURE__*/React__default['default'].createElement(AudienceSelector, {
-        updateValidation: this.updateAudienceValidation.bind(this),
-        ref: function ref(a) {
-          _this9.audienceSelector = a;
-        },
-        auth: this.props.auth,
+        onChange: this.onChangeAudience,
+        auth: auth,
         custom: true,
+        audienceType: audienceType,
+        audienceTypeSelection: audienceTypeSelection,
         disallowSingleUsers: true,
-        disallowUserType: true,
-        customSite: this.props.auth.site === 'hq' ? 'All sites' : false
+        disallowUserType: true
       }));
     }
   }, {
@@ -3228,7 +3241,7 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderForm",
     value: function renderForm() {
-      var _this10 = this;
+      var _this9 = this;
 
       if (this.state.success) {
         return null;
@@ -3249,14 +3262,14 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
         label: "Title",
         placeholder: "Insert title here",
         showError: function showError() {
-          return _this10.state.showWarnings && _this10.isEmpty(_this10.state.titleInput);
+          return _this9.state.showWarnings && _this9.isEmpty(_this9.state.titleInput);
         },
         isValid: function isValid() {
-          return !_this10.isEmpty(_this10.state.titleInput);
+          return !_this9.isEmpty(_this9.state.titleInput);
         },
         value: this.state.titleInput,
         onChange: function onChange(e) {
-          return _this10.handleChange(e);
+          return _this9.handleChange(e);
         },
         isRequired: true,
         alwaysShowLabel: true
@@ -3280,7 +3293,7 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
         placeholder: "https://",
         value: this.state.loadFromWebsiteInput,
         onChange: function onChange(e) {
-          return _this10.handleChange(e);
+          return _this9.handleChange(e);
         },
         alwaysShowLabel: true
       })))), /*#__PURE__*/React__default['default'].createElement(GenericInput, {
@@ -3290,18 +3303,18 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
         placeholder: "Enter story here",
         value: this.state.textInput,
         onChange: function onChange(e) {
-          return _this10.handleChange(e);
+          return _this9.handleChange(e);
         },
         isRequired: true,
         showError: function showError() {
-          return _this10.state.showWarnings && _this10.isEmpty(_this10.state.textInput);
+          return _this9.state.showWarnings && _this9.isEmpty(_this9.state.textInput);
         },
         isValid: function isValid() {
-          return !_this10.isEmpty(_this10.state.textInput);
+          return !_this9.isEmpty(_this9.state.textInput);
         },
         help: /*#__PURE__*/React__default['default'].createElement("a", {
           onClick: function onClick() {
-            _this10.toggleTextFormat(true);
+            _this9.toggleTextFormat(true);
           },
           className: "pointer"
         }, "Text formatting"),
@@ -3324,7 +3337,7 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderAddAttachment",
     value: function renderAddAttachment() {
-      var _this11 = this;
+      var _this10 = this;
 
       if (this.inputsDisabled()) {
         return null;
@@ -3332,7 +3345,7 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
 
       return /*#__PURE__*/React__default['default'].createElement(FileInput, {
         ref: function ref(_ref) {
-          _this11.pdFileInput = _ref;
+          _this10.pdFileInput = _ref;
         },
         style: {
           height: 120,
@@ -3346,7 +3359,7 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderAttachments",
     value: function renderAttachments() {
-      var _this12 = this;
+      var _this11 = this;
 
       return /*#__PURE__*/React__default['default'].createElement("div", {
         className: "optionsContent_bottom"
@@ -3367,9 +3380,9 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
           placeholder: "Enter Title",
           value: link.Text,
           onChange: function onChange(e) {
-            return _this12.handleLinkChange(index, 'Text', e.target.value);
+            return _this11.handleLinkChange(index, 'Text', e.target.value);
           },
-          disabled: _this12.inputsDisabled(),
+          disabled: _this11.inputsDisabled(),
           alwaysShowLabel: true,
           style: {
             margin: 0,
@@ -3383,9 +3396,9 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
           placeholder: "https://",
           value: link.Url,
           onChange: function onChange(e) {
-            return _this12.handleLinkChange(index, 'Url', e.target.value);
+            return _this11.handleLinkChange(index, 'Url', e.target.value);
           },
-          disabled: _this12.inputsDisabled(),
+          disabled: _this11.inputsDisabled(),
           alwaysShowLabel: true,
           style: {
             margin: 0,
@@ -3395,7 +3408,7 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
           className: "removeoption pdfAttachmentInput_remove",
           icon: "remove-circle",
           onClick: function onClick() {
-            _this12.removeLink(index);
+            _this11.removeLink(index);
           }
         }));
       }), /*#__PURE__*/React__default['default'].createElement("div", {
@@ -3433,9 +3446,9 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
           placeholder: "Title",
           value: attachment.Title,
           onChange: function onChange(e) {
-            return _this12.handleAttachmentChange(index, 'Title', e);
+            return _this11.handleAttachmentChange(index, 'Title', e);
           },
-          disabled: _this12.inputsDisabled(),
+          disabled: _this11.inputsDisabled(),
           alwaysShowLabel: true,
           style: {
             margin: 0,
@@ -3445,7 +3458,7 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
           className: "removeoption pdfAttachmentInput_remove",
           icon: "remove-circle",
           onClick: function onClick() {
-            _this12.removeAttachment(index);
+            _this11.removeAttachment(index);
           }
         }));
       }), this.renderAddAttachment()));
@@ -3453,7 +3466,7 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderFeatured",
     value: function renderFeatured() {
-      var _this13 = this;
+      var _this12 = this;
 
       return /*#__PURE__*/React__default['default'].createElement("div", {
         className: "optionsContent_bottom"
@@ -3464,7 +3477,7 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
           Label: 'Yes',
           Value: true,
           onChange: function onChange() {
-            return _this13.setState({
+            return _this12.setState({
               isFeatured: true
             });
           }
@@ -3472,7 +3485,7 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
           Label: 'No',
           Value: false,
           onChange: function onChange() {
-            return _this13.setState({
+            return _this12.setState({
               isFeatured: false
             });
           }
@@ -3490,11 +3503,11 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
         alwaysShowLabel: true,
         value: this.state.featuredExpiryDateText,
         onChange: function onChange(e) {
-          return _this13.handleExpiryDateTextChange(e.target.value);
+          return _this12.handleExpiryDateTextChange(e.target.value);
         },
         onClick: function onClick(e) {
-          return _this13.setState({
-            showExpiryDate: !_this13.state.showExpiryDate
+          return _this12.setState({
+            showExpiryDate: !_this12.state.showExpiryDate
           });
         }
       }), this.state.showExpiryDate && /*#__PURE__*/React__default['default'].createElement(DatePicker, {
@@ -3505,24 +3518,33 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderComments",
     value: function renderComments() {
-      var _this14 = this;
+      var _this13 = this;
 
       if (___default['default'].includes(this.props.auth.hidden, values.optionNewsComments)) return null;
-      return /*#__PURE__*/React__default['default'].createElement(CheckBox, {
+      return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(CheckBox, {
         className: "marginTop-16",
         label: "Allow comments",
         isActive: this.state.allowComments,
         onChange: function onChange() {
-          _this14.setState({
-            allowComments: !_this14.state.allowComments
+          _this13.setState({
+            allowComments: !_this13.state.allowComments
           });
         }
-      });
+      }), this.state.allowComments && /*#__PURE__*/React__default['default'].createElement(CheckBox, {
+        className: "marginTop-16",
+        label: "Users can only see their own comments",
+        isActive: this.state.commentVisibilityLimited,
+        onChange: function onChange() {
+          _this13.setState({
+            commentVisibilityLimited: !_this13.state.commentVisibilityLimited
+          });
+        }
+      }));
     }
   }, {
     key: "renderTags",
     value: function renderTags() {
-      var _this15 = this;
+      var _this14 = this;
 
       if (!newsHaveTags) return null;
       return /*#__PURE__*/React__default['default'].createElement("div", {
@@ -3535,7 +3557,7 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
         placeholder: "Humour, Social, etc.",
         value: this.state.tagsInput,
         onChange: function onChange(e) {
-          return _this15.handleChange(e);
+          return _this14.handleChange(e);
         },
         alwaysShowLabel: true
       }));
@@ -3543,7 +3565,7 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderNotify",
     value: function renderNotify() {
-      var _this16 = this;
+      var _this15 = this;
 
       if (this.state.eventId || ___default['default'].includes(this.props.auth.hidden, 'eventNotifications')) {
         return null;
@@ -3558,7 +3580,7 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
           Label: 'Yes',
           Value: true,
           onChange: function onChange() {
-            return _this16.setState({
+            return _this15.setState({
               shouldNotify: true
             });
           }
@@ -3566,7 +3588,7 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
           Label: 'No',
           Value: false,
           onChange: function onChange() {
-            return _this16.setState({
+            return _this15.setState({
               shouldNotify: false
             });
           }
@@ -3581,7 +3603,7 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderTvMode",
     value: function renderTvMode() {
-      var _this17 = this;
+      var _this16 = this;
 
       return /*#__PURE__*/React__default['default'].createElement("div", {
         className: "marginTop-16"
@@ -3592,7 +3614,7 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
           Label: 'Yes',
           Value: true,
           onChange: function onChange() {
-            return _this17.setState({
+            return _this16.setState({
               isTvMode: true
             });
           }
@@ -3600,7 +3622,7 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
           Label: 'No',
           Value: false,
           onChange: function onChange() {
-            return _this17.setState({
+            return _this16.setState({
               isTvMode: false
             });
           }
@@ -3612,7 +3634,7 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderAuthor",
     value: function renderAuthor() {
-      var _this18 = this;
+      var _this17 = this;
 
       if (this.props.forceNewsAuthorName) return null;
       return /*#__PURE__*/React__default['default'].createElement("div", {
@@ -3624,7 +3646,7 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
           Label: 'No',
           Value: true,
           onChange: function onChange() {
-            return _this18.setState({
+            return _this17.setState({
               authorDisplay: false
             });
           }
@@ -3638,7 +3660,7 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
           Label: 'Yes, use my name',
           Value: true,
           onChange: function onChange() {
-            return _this18.setState({
+            return _this17.setState({
               authorDisplay: 'name'
             });
           }
@@ -3652,7 +3674,7 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
           Label: 'Yes, use the following:',
           Value: true,
           onChange: function onChange() {
-            return _this18.setState({
+            return _this17.setState({
               authorDisplay: 'custom'
             });
           }
@@ -3666,14 +3688,14 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
         placeholder: "Enter custom name",
         value: this.state.customAuthorInput,
         onChange: function onChange(e) {
-          return _this18.handleChange(e);
+          return _this17.handleChange(e);
         }
       }));
     }
   }, {
     key: "renderVideo",
     value: function renderVideo() {
-      var _this19 = this;
+      var _this18 = this;
 
       return /*#__PURE__*/React__default['default'].createElement("div", {
         className: "optionsContent_bottom"
@@ -3685,7 +3707,7 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
         placeholder: "https://...",
         value: this.state.videoInput,
         onChange: function onChange(e) {
-          return _this19.handleChange(e);
+          return _this18.handleChange(e);
         },
         alwaysShowLabel: true
       }));
@@ -3754,23 +3776,23 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderResults",
     value: function renderResults() {
-      var _this20 = this;
+      var _this19 = this;
 
       if (this.state.userSearch == null) {
         return null;
       }
 
       var source = ___default['default'].sortBy(___default['default'].filter(this.state.contacts, function (ev) {
-        return ev.displayName.toLowerCase().indexOf(_this20.state.userSearch.toLowerCase()) > -1 && ev.category === 'resident';
+        return ev.displayName.toLowerCase().indexOf(_this19.state.userSearch.toLowerCase()) > -1 && ev.category === 'resident';
       }), 'displayName');
 
       return source.map(function (user, index) {
         return /*#__PURE__*/React__default['default'].createElement(UserListing, {
           user: user,
-          onClick: _this20.tagUser.bind(_this20, user),
+          onClick: _this19.tagUser.bind(_this19, user),
           key: user.id,
-          rightContent: _this20.renderTick(user),
-          subContent: _this20.renderSubText(user),
+          rightContent: _this19.renderTick(user),
+          subContent: _this19.renderSubText(user),
           size: 50
         });
       });
@@ -3778,7 +3800,7 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderTagged",
     value: function renderTagged() {
-      var _this21 = this;
+      var _this20 = this;
 
       if (!this.state.showTagged || this.state.success) {
         return null;
@@ -3800,7 +3822,7 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
           user: user,
           key: user.userId,
           whiteText: true,
-          rightContent: _this21.renderRemoveTag(user)
+          rightContent: _this20.renderRemoveTag(user)
         });
       })), /*#__PURE__*/React__default['default'].createElement("div", {
         className: "marginTop-24"
@@ -3816,7 +3838,7 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
         placeholder: "Search for user",
         value: this.state.userSearch,
         onChange: function onChange(e) {
-          return _this21.handleSearchChange(e);
+          return _this20.handleSearchChange(e);
         }
       }), this.renderResults()))));
     }
@@ -3844,7 +3866,8 @@ var mapStateToProps$4 = function mapStateToProps(state) {
   return {
     auth: auth,
     users: allUsers,
-    forceNewsAuthorName: auth && auth.siteSettings && auth.siteSettings[values.optionForceNewsAuthorName]
+    forceNewsAuthorName: getSiteSettingFromState(state, values.optionForceNewsAuthorName),
+    commentVisibilityLimited: getSiteSettingFromState(state, 'CommentVisibilityLimited')
   };
 };
 
@@ -3890,11 +3913,21 @@ var PublishAvailableNews = /*#__PURE__*/function (_Component) {
       publishDate: moment__default['default']().format('YYYY-MM-DD'),
       publishDateText: moment__default['default']().format('DD/MM/YYYY'),
       publishTime: '12:00pm',
-      isAudienceValid: true
+      isAudienceValid: true,
+      audienceType: '',
+      audienceTypeSelection: []
     });
 
     _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "state", _objectSpread$7({}, _this.initialState));
 
+    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "onChangeAudience", function (audienceType, audienceTypeSelection, isAudienceValid) {
+      _this.setState({
+        audienceType: audienceType,
+        audienceTypeSelection: audienceTypeSelection,
+        isAudienceValid: isAudienceValid
+      });
+    });
+
     return _this;
   }
 
@@ -3984,13 +4017,6 @@ var PublishAvailableNews = /*#__PURE__*/function (_Component) {
 
       return moment__default['default'].utc(this.state.update.Timestamp).local().format('D MMM');
     }
-  }, {
-    key: "updateAudienceValidation",
-    value: function updateAudienceValidation(valid) {
-      this.setState({
-        isAudienceValid: valid
-      });
-    }
   }, {
     key: "validatePublishTime",
     value: function validatePublishTime() {
@@ -4022,8 +4048,6 @@ var PublishAvailableNews = /*#__PURE__*/function (_Component) {
     value: function handleSubmit() {
       var _this3 = this;
 
-      this.audienceSelector.getWrappedInstance().onSubmit();
-
       if (!this.validateForm()) {
         return;
       }
@@ -4038,8 +4062,8 @@ var PublishAvailableNews = /*#__PURE__*/function (_Component) {
         Timestamp: timeToUse.toISOString(),
         UnixTimestamp: timeToUse.valueOf(),
         Site: this.props.auth.site,
-        AudienceType: this.audienceSelector.getWrappedInstance().getAudienceType(),
-        AudienceTypeSelection: this.audienceSelector.getWrappedInstance().getAudienceTypeSelection(),
+        AudienceType: this.state.audienceType,
+        AudienceTypeSelection: this.state.audienceTypeSelection,
         IsFeatured: this.state.isFeatured,
         FeaturedExpiry: this.state.isFeatured ? getUTCFromTimeDatePickers(this.state.featuredExpiryDate, '23:59').valueOf() : undefined,
         AllowComments: this.state.allowComments
@@ -4205,16 +4229,14 @@ var PublishAvailableNews = /*#__PURE__*/function (_Component) {
       }, /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "padding-60 paddingVertical-40 bottomDivideBorder"
       }, /*#__PURE__*/React__default['default'].createElement(AudienceSelector, {
-        updateValidation: this.updateAudienceValidation.bind(this),
-        ref: function ref(a) {
-          _this5.audienceSelector = a;
-        },
+        onChange: this.onChangeAudience,
         auth: this.props.auth,
         custom: true,
-        maxWidth: 300,
+        audienceType: this.state.audienceType,
+        audienceTypeSelection: this.state.audienceTypeSelection,
         disallowSingleUsers: true,
         disallowUserType: true,
-        customSite: this.props.auth.site === 'hq' ? 'All sites' : false
+        maxWidth: 300
       })), /*#__PURE__*/React__default['default'].createElement("div", {
         className: "padding-60 paddingVertical-40 bottomDivideBorder"
       }, /*#__PURE__*/React__default['default'].createElement("p", {