@plusscommunities/pluss-circles-web 1.0.16-beta.0 → 1.0.17-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.cjs.js +11 -11
  2. package/dist/index.esm.js +160 -160
  3. package/dist/index.umd.js +12 -12
  4. package/package.json +1 -1
  5. package/src/feature.config.js +1 -0
package/dist/index.cjs.js CHANGED
@@ -11,7 +11,7 @@ var _inherits = require('@babel/runtime/helpers/inherits');
11
11
  var _possibleConstructorReturn = require('@babel/runtime/helpers/possibleConstructorReturn');
12
12
  var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
13
13
  var _regeneratorRuntime = require('@babel/runtime/regenerator');
14
- var React$1 = require('react');
14
+ var React = require('react');
15
15
  var reactRedux = require('react-redux');
16
16
  var _ = require('lodash');
17
17
  var moment = require('moment');
@@ -53,7 +53,7 @@ var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
53
53
  var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_possibleConstructorReturn);
54
54
  var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
55
55
  var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
56
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React$1);
56
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
57
57
  var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
58
58
  var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
59
59
  var PlussCore__namespace = /*#__PURE__*/_interopNamespace(PlussCore);
@@ -108,7 +108,7 @@ var FeatureConfig = {
108
108
  }],
109
109
  featurePickerInfo: {
110
110
  image: 'https://pluss-prd-uploads.s3.ap-southeast-2.amazonaws.com/uploads/users/ap-southeast-2:80aecdcb-9955-493e-a341-2f2263f64777/public/e4a5948c40908e2137f0a65eb1/groups.jpg',
111
- text: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", null, "Open and closed group chat - where your community does its planning, discussing and sharing."), /*#__PURE__*/React.createElement("p", null, "Keep them open for any member to join, or private to the admins - ", values.textFeatureTitle, " gives you that control."), /*#__PURE__*/React.createElement("p", null, "Your ", values.textFeatureTitle, " activity will keep the app close to your communities hands.")),
111
+ text: /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("p", null, "Open and closed group chat - where your community does its planning, discussing and sharing."), /*#__PURE__*/React__default['default'].createElement("p", null, "Keep them open for any member to join, or private to the admins - ", values.textFeatureTitle, " gives you that control."), /*#__PURE__*/React__default['default'].createElement("p", null, "Your ", values.textFeatureTitle, " activity will keep the app close to your communities hands.")),
112
112
  layoutDisclaimer: true
113
113
  },
114
114
  menu: {
@@ -781,7 +781,7 @@ var Circles = /*#__PURE__*/function (_Component) {
781
781
  }]);
782
782
 
783
783
  return Circles;
784
- }(React$1.Component);
784
+ }(React.Component);
785
785
 
786
786
  var mapStateToProps$2 = function mapStateToProps(state) {
787
787
  var circles = state[values.reducerKey].circles;
@@ -1349,7 +1349,7 @@ var AddCircle = /*#__PURE__*/function (_Component) {
1349
1349
  }]);
1350
1350
 
1351
1351
  return AddCircle;
1352
- }(React$1.Component);
1352
+ }(React.Component);
1353
1353
 
1354
1354
  var mapStateToProps$1 = function mapStateToProps(state) {
1355
1355
  var circles = state[values.reducerKey].circles;
@@ -2076,7 +2076,7 @@ var Circle = /*#__PURE__*/function (_Component) {
2076
2076
  }]);
2077
2077
 
2078
2078
  return Circle;
2079
- }(React$1.Component);
2079
+ }(React.Component);
2080
2080
 
2081
2081
  var mapStateToProps = function mapStateToProps(state) {
2082
2082
  var circles = state[values.reducerKey].circles;
@@ -2157,7 +2157,7 @@ var ViewWidget = /*#__PURE__*/function (_Component) {
2157
2157
  }]);
2158
2158
 
2159
2159
  return ViewWidget;
2160
- }(React$1.Component);
2160
+ }(React.Component);
2161
2161
 
2162
2162
  var styles$3 = {
2163
2163
  image: {
@@ -2194,7 +2194,7 @@ var ViewFull = /*#__PURE__*/function (_Component) {
2194
2194
  }]);
2195
2195
 
2196
2196
  return ViewFull;
2197
- }(React$1.Component);
2197
+ }(React.Component);
2198
2198
 
2199
2199
  var styles$2 = {
2200
2200
  image: {
@@ -2248,7 +2248,7 @@ var PreviewWidget = /*#__PURE__*/function (_Component) {
2248
2248
  }]);
2249
2249
 
2250
2250
  return PreviewWidget;
2251
- }(React$1.Component);
2251
+ }(React.Component);
2252
2252
 
2253
2253
  var styles$1 = {
2254
2254
  container: {
@@ -2302,7 +2302,7 @@ var PreviewFull = /*#__PURE__*/function (_Component) {
2302
2302
  }]);
2303
2303
 
2304
2304
  return PreviewFull;
2305
- }(React$1.Component);
2305
+ }(React.Component);
2306
2306
 
2307
2307
  var styles = {
2308
2308
  container: {
@@ -2345,7 +2345,7 @@ var PreviewGrid = /*#__PURE__*/function (_Component) {
2345
2345
  }]);
2346
2346
 
2347
2347
  return PreviewGrid;
2348
- }(React$1.Component);
2348
+ }(React.Component);
2349
2349
 
2350
2350
  var Components = PlussCore__namespace.Components,
2351
2351
  Colours = PlussCore__namespace.Colours;
package/dist/index.esm.js CHANGED
@@ -7,7 +7,7 @@ import _inherits from '@babel/runtime/helpers/inherits';
7
7
  import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
8
8
  import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
9
9
  import _regeneratorRuntime from '@babel/runtime/regenerator';
10
- import React$1, { Component } from 'react';
10
+ import React, { Component } from 'react';
11
11
  import { connect } from 'react-redux';
12
12
  import _ from 'lodash';
13
13
  import moment from 'moment';
@@ -552,29 +552,29 @@ var Circles = /*#__PURE__*/function (_Component) {
552
552
  value: function renderRow(circle) {
553
553
  var _this5 = this;
554
554
 
555
- return /*#__PURE__*/React$1.createElement("tr", {
555
+ return /*#__PURE__*/React.createElement("tr", {
556
556
  key: circle.Id
557
- }, /*#__PURE__*/React$1.createElement("td", {
557
+ }, /*#__PURE__*/React.createElement("td", {
558
558
  className: "table-TitleColumn"
559
- }, /*#__PURE__*/React$1.createElement(Link, {
559
+ }, /*#__PURE__*/React.createElement(Link, {
560
560
  to: "/".concat(values.featureKey, "/").concat(values.entityKey, "/").concat(circle.Id)
561
- }, this.getTitle(circle))), /*#__PURE__*/React$1.createElement("td", null, moment(circle.Changed).local().format('D MMM YYYY')), /*#__PURE__*/React$1.createElement("td", null, circle.Audience.map(function (user) {
562
- return /*#__PURE__*/React$1.createElement(Components$3.ProfilePic, {
561
+ }, this.getTitle(circle))), /*#__PURE__*/React.createElement("td", null, moment(circle.Changed).local().format('D MMM YYYY')), /*#__PURE__*/React.createElement("td", null, circle.Audience.map(function (user) {
562
+ return /*#__PURE__*/React.createElement(Components$3.ProfilePic, {
563
563
  size: 30,
564
564
  image: user.profilePic,
565
565
  hoverText: user.displayName,
566
566
  containerClass: "circleTableProfilePic"
567
567
  });
568
- })), /*#__PURE__*/React$1.createElement("td", {
568
+ })), /*#__PURE__*/React.createElement("td", {
569
569
  className: "table-options"
570
- }, /*#__PURE__*/React$1.createElement("div", {
570
+ }, /*#__PURE__*/React.createElement("div", {
571
571
  style: {
572
572
  display: 'flex',
573
573
  alignItems: 'center'
574
574
  }
575
- }, this.validateCircleAdmin(circle) && !circle.IsPrivate && /*#__PURE__*/React$1.createElement(Link, {
575
+ }, this.validateCircleAdmin(circle) && !circle.IsPrivate && /*#__PURE__*/React.createElement(Link, {
576
576
  to: "/".concat(values.featureKey, "/edit/").concat(circle.Id)
577
- }, /*#__PURE__*/React$1.createElement(FontAwesome, {
577
+ }, /*#__PURE__*/React.createElement(FontAwesome, {
578
578
  style: {
579
579
  fontSize: 20,
580
580
  padding: 5,
@@ -582,11 +582,11 @@ var Circles = /*#__PURE__*/function (_Component) {
582
582
  cursor: 'pointer'
583
583
  },
584
584
  name: "pencil"
585
- })), this.validateCircleAdmin(circle, true) && !circle.IsPrivate && /*#__PURE__*/React$1.createElement("a", {
585
+ })), this.validateCircleAdmin(circle, true) && !circle.IsPrivate && /*#__PURE__*/React.createElement("a", {
586
586
  onClick: function onClick() {
587
587
  _this5.removeCircle(circle);
588
588
  }
589
- }, /*#__PURE__*/React$1.createElement(FontAwesome, {
589
+ }, /*#__PURE__*/React.createElement(FontAwesome, {
590
590
  style: {
591
591
  fontSize: 20,
592
592
  padding: 5,
@@ -599,24 +599,24 @@ var Circles = /*#__PURE__*/function (_Component) {
599
599
  }, {
600
600
  key: "renderFilters",
601
601
  value: function renderFilters() {
602
- var userFilter = /*#__PURE__*/React$1.createElement(Components$3.Tag, {
602
+ var userFilter = /*#__PURE__*/React.createElement(Components$3.Tag, {
603
603
  className: "marginRight-10",
604
604
  onClick: this.openUserFilter,
605
605
  text: "User"
606
606
  });
607
- var typeFilter = /*#__PURE__*/React$1.createElement(Components$3.Tag, {
607
+ var typeFilter = /*#__PURE__*/React.createElement(Components$3.Tag, {
608
608
  className: "marginRight-10",
609
609
  onClick: this.openTypeFilter,
610
610
  text: "Type"
611
611
  });
612
612
 
613
613
  if (this.state.selectedUserFilter) {
614
- userFilter = /*#__PURE__*/React$1.createElement(Components$3.Tag, {
614
+ userFilter = /*#__PURE__*/React.createElement(Components$3.Tag, {
615
615
  className: "marginRight-10",
616
616
  onClick: this.openUserFilter,
617
617
  rightIcon: "close",
618
618
  rightClick: this.removeUserFilter
619
- }, /*#__PURE__*/React$1.createElement(Components$3.UserListing, {
619
+ }, /*#__PURE__*/React.createElement(Components$3.UserListing, {
620
620
  size: 15,
621
621
  user: this.state.selectedUserFilter,
622
622
  textClass: "tag_text"
@@ -624,7 +624,7 @@ var Circles = /*#__PURE__*/function (_Component) {
624
624
  }
625
625
 
626
626
  if (this.state.selectedTypeFilter) {
627
- typeFilter = /*#__PURE__*/React$1.createElement(Components$3.Tag, {
627
+ typeFilter = /*#__PURE__*/React.createElement(Components$3.Tag, {
628
628
  className: "marginRight-10",
629
629
  onClick: this.openTypeFilter,
630
630
  rightIcon: "close",
@@ -633,9 +633,9 @@ var Circles = /*#__PURE__*/function (_Component) {
633
633
  });
634
634
  }
635
635
 
636
- return /*#__PURE__*/React$1.createElement("div", {
636
+ return /*#__PURE__*/React.createElement("div", {
637
637
  className: "flex flex-center marginTop-20"
638
- }, /*#__PURE__*/React$1.createElement(Components$3.Text, {
638
+ }, /*#__PURE__*/React.createElement(Components$3.Text, {
639
639
  type: "h5",
640
640
  className: "marginRight-20"
641
641
  }, "Filter by"), userFilter, typeFilter);
@@ -649,14 +649,14 @@ var Circles = /*#__PURE__*/function (_Component) {
649
649
  return null;
650
650
  }
651
651
 
652
- return /*#__PURE__*/React$1.createElement(Components$3.Popup, {
652
+ return /*#__PURE__*/React.createElement(Components$3.Popup, {
653
653
  title: "Select User",
654
654
  maxWidth: 600,
655
655
  minWidth: 400,
656
656
  minHeight: 400,
657
657
  hasPadding: true,
658
658
  onClose: this.closeUserFilter
659
- }, /*#__PURE__*/React$1.createElement(Components$3.GenericInput, {
659
+ }, /*#__PURE__*/React.createElement(Components$3.GenericInput, {
660
660
  id: "userSearch",
661
661
  type: "text",
662
662
  label: "Search",
@@ -667,7 +667,7 @@ var Circles = /*#__PURE__*/function (_Component) {
667
667
  },
668
668
  alwaysShowLabel: true
669
669
  }), this.getUsers().map(function (user) {
670
- return /*#__PURE__*/React$1.createElement(Components$3.UserListing, {
670
+ return /*#__PURE__*/React.createElement(Components$3.UserListing, {
671
671
  key: user.userId,
672
672
  user: user,
673
673
  onClick: function onClick() {
@@ -685,19 +685,19 @@ var Circles = /*#__PURE__*/function (_Component) {
685
685
  return null;
686
686
  }
687
687
 
688
- return /*#__PURE__*/React$1.createElement(Components$3.Popup, {
688
+ return /*#__PURE__*/React.createElement(Components$3.Popup, {
689
689
  title: "Select Type",
690
690
  maxWidth: 600,
691
691
  minWidth: 400,
692
692
  hasPadding: true,
693
693
  onClose: this.closeTypeFilter
694
- }, /*#__PURE__*/React$1.createElement(Components$3.Tag, {
694
+ }, /*#__PURE__*/React.createElement(Components$3.Tag, {
695
695
  onClick: function onClick() {
696
696
  _this7.selectTypeFilter('circle');
697
697
  },
698
698
  text: _.capitalize(values.entityName),
699
699
  className: "marginRight-10"
700
- }), /*#__PURE__*/React$1.createElement(Components$3.Tag, {
700
+ }), /*#__PURE__*/React.createElement(Components$3.Tag, {
701
701
  onClick: function onClick() {
702
702
  _this7.selectTypeFilter('private');
703
703
  },
@@ -709,15 +709,15 @@ var Circles = /*#__PURE__*/function (_Component) {
709
709
  value: function render() {
710
710
  var _this8 = this;
711
711
 
712
- return /*#__PURE__*/React$1.createElement("div", null, this.renderTypeFilterPopup(), this.renderUserFilterPopup(), /*#__PURE__*/React$1.createElement(Components$3.Header, null, this.canAddNew() && /*#__PURE__*/React$1.createElement(Components$3.AddButton, {
712
+ return /*#__PURE__*/React.createElement("div", null, this.renderTypeFilterPopup(), this.renderUserFilterPopup(), /*#__PURE__*/React.createElement(Components$3.Header, null, this.canAddNew() && /*#__PURE__*/React.createElement(Components$3.AddButton, {
713
713
  onClick: this.onAddNew,
714
714
  text: "NEW ".concat(_.upperCase(values.entityName))
715
- })), /*#__PURE__*/React$1.createElement("div", {
715
+ })), /*#__PURE__*/React.createElement("div", {
716
716
  className: "pageContainer paddingVertical-20 paddingHorizontal-40"
717
- }, /*#__PURE__*/React$1.createElement(Components$3.Text, {
717
+ }, /*#__PURE__*/React.createElement(Components$3.Text, {
718
718
  type: "h1",
719
719
  className: ""
720
- }, values.textFeatureTitle), this.renderFilters(), /*#__PURE__*/React$1.createElement(Table, {
720
+ }, values.textFeatureTitle), this.renderFilters(), /*#__PURE__*/React.createElement(Table, {
721
721
  className: "plussTable",
722
722
  striped: true,
723
723
  bordered: true,
@@ -726,13 +726,13 @@ var Circles = /*#__PURE__*/function (_Component) {
726
726
  style: {
727
727
  minWidth: '100%'
728
728
  }
729
- }, /*#__PURE__*/React$1.createElement("thead", null, /*#__PURE__*/React$1.createElement("tr", null, /*#__PURE__*/React$1.createElement("th", null, "Title"), /*#__PURE__*/React$1.createElement("th", null, "Last updated"), /*#__PURE__*/React$1.createElement("th", null, "Members"), /*#__PURE__*/React$1.createElement("th", {
729
+ }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", null, "Title"), /*#__PURE__*/React.createElement("th", null, "Last updated"), /*#__PURE__*/React.createElement("th", null, "Members"), /*#__PURE__*/React.createElement("th", {
730
730
  style: {
731
731
  width: 50
732
732
  }
733
- }))), /*#__PURE__*/React$1.createElement("tbody", null, this.getCircles().map(function (circle) {
733
+ }))), /*#__PURE__*/React.createElement("tbody", null, this.getCircles().map(function (circle) {
734
734
  return _this8.renderRow(circle);
735
- }))), /*#__PURE__*/React$1.createElement("div", {
735
+ }))), /*#__PURE__*/React.createElement("div", {
736
736
  className: "hub_tidioPadding"
737
737
  })));
738
738
  }
@@ -1083,7 +1083,7 @@ var AddCircle = /*#__PURE__*/function (_Component) {
1083
1083
  key: "renderSuccess",
1084
1084
  value: function renderSuccess() {
1085
1085
  if (!this.state.success) return null;
1086
- return /*#__PURE__*/React$1.createElement(Components$2.SuccessPopup, {
1086
+ return /*#__PURE__*/React.createElement(Components$2.SuccessPopup, {
1087
1087
  text: "".concat(_.capitalize(values.entityName), " has been ").concat(this.state.circleId == null ? 'added' : 'edited'),
1088
1088
  buttons: [{
1089
1089
  type: 'outlined',
@@ -1100,12 +1100,12 @@ var AddCircle = /*#__PURE__*/function (_Component) {
1100
1100
  var _this4 = this;
1101
1101
 
1102
1102
  if (this.state.updating) {
1103
- return /*#__PURE__*/React$1.createElement(Components$2.Button, {
1103
+ return /*#__PURE__*/React.createElement(Components$2.Button, {
1104
1104
  buttonType: "secondary"
1105
1105
  }, "Saving...");
1106
1106
  }
1107
1107
 
1108
- return /*#__PURE__*/React$1.createElement("div", null, /*#__PURE__*/React$1.createElement(Components$2.Button, {
1108
+ return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Components$2.Button, {
1109
1109
  inline: true,
1110
1110
  buttonType: "tertiary",
1111
1111
  onClick: function onClick() {
@@ -1115,7 +1115,7 @@ var AddCircle = /*#__PURE__*/function (_Component) {
1115
1115
  style: {
1116
1116
  marginRight: 16
1117
1117
  }
1118
- }, "Cancel"), /*#__PURE__*/React$1.createElement(Components$2.Button, {
1118
+ }, "Cancel"), /*#__PURE__*/React.createElement(Components$2.Button, {
1119
1119
  inline: true,
1120
1120
  buttonType: "primary",
1121
1121
  onClick: this.onSave,
@@ -1127,9 +1127,9 @@ var AddCircle = /*#__PURE__*/function (_Component) {
1127
1127
  value: function renderVisibility() {
1128
1128
  var _this5 = this;
1129
1129
 
1130
- return /*#__PURE__*/React$1.createElement("div", {
1130
+ return /*#__PURE__*/React.createElement("div", {
1131
1131
  className: "optionsContent_bottom"
1132
- }, /*#__PURE__*/React$1.createElement(Components$2.RadioButton, {
1132
+ }, /*#__PURE__*/React.createElement(Components$2.RadioButton, {
1133
1133
  label: "Do you want to make this ".concat(values.entityName, " a public ").concat(values.entityName, "?"),
1134
1134
  isActive: this.state.isPublic,
1135
1135
  options: [{
@@ -1149,7 +1149,7 @@ var AddCircle = /*#__PURE__*/function (_Component) {
1149
1149
  });
1150
1150
  }
1151
1151
  }]
1152
- }), /*#__PURE__*/React$1.createElement("div", {
1152
+ }), /*#__PURE__*/React.createElement("div", {
1153
1153
  className: "genericInput-help",
1154
1154
  style: {
1155
1155
  marginTop: 4
@@ -1159,7 +1159,7 @@ var AddCircle = /*#__PURE__*/function (_Component) {
1159
1159
  }, {
1160
1160
  key: "renderSelectedOption",
1161
1161
  value: function renderSelectedOption() {
1162
- return /*#__PURE__*/React$1.createElement("div", null, /*#__PURE__*/React$1.createElement("div", {
1162
+ return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
1163
1163
  style: {
1164
1164
  display: this.state.selectedOption === 'visibility' ? 'block' : 'none'
1165
1165
  }
@@ -1184,7 +1184,7 @@ var AddCircle = /*#__PURE__*/function (_Component) {
1184
1184
  return null;
1185
1185
  }
1186
1186
 
1187
- return /*#__PURE__*/React$1.createElement(Components$2.OptionsSection, {
1187
+ return /*#__PURE__*/React.createElement(Components$2.OptionsSection, {
1188
1188
  options: options,
1189
1189
  selected: this.state.selectedOption,
1190
1190
  selectOption: this.selectOption
@@ -1195,14 +1195,14 @@ var AddCircle = /*#__PURE__*/function (_Component) {
1195
1195
  value: function renderMain() {
1196
1196
  var _this6 = this;
1197
1197
 
1198
- return /*#__PURE__*/React$1.createElement("div", null, /*#__PURE__*/React$1.createElement("div", {
1198
+ return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
1199
1199
  className: "padding-60 paddingVertical-40 bottomDivideBorder"
1200
- }, /*#__PURE__*/React$1.createElement(Components$2.Text, {
1200
+ }, /*#__PURE__*/React.createElement(Components$2.Text, {
1201
1201
  type: "formTitleLarge",
1202
1202
  className: "marginBottom-24"
1203
- }, this.state.circleId == null ? 'New' : 'Edit', " ", _.capitalize(values.entityName)), /*#__PURE__*/React$1.createElement("div", {
1203
+ }, this.state.circleId == null ? 'New' : 'Edit', " ", _.capitalize(values.entityName)), /*#__PURE__*/React.createElement("div", {
1204
1204
  className: "flex flex-reverse"
1205
- }, /*#__PURE__*/React$1.createElement(Components$2.ImageInput, {
1205
+ }, /*#__PURE__*/React.createElement(Components$2.ImageInput, {
1206
1206
  ref: function ref(_ref2) {
1207
1207
  _this6.imageInput = _ref2;
1208
1208
  },
@@ -1212,9 +1212,9 @@ var AddCircle = /*#__PURE__*/function (_Component) {
1212
1212
  containerStyle: {
1213
1213
  marginLeft: 40
1214
1214
  }
1215
- }), /*#__PURE__*/React$1.createElement("div", {
1215
+ }), /*#__PURE__*/React.createElement("div", {
1216
1216
  className: "flex-1"
1217
- }, /*#__PURE__*/React$1.createElement(Components$2.GenericInput, {
1217
+ }, /*#__PURE__*/React.createElement(Components$2.GenericInput, {
1218
1218
  id: "title",
1219
1219
  type: "text",
1220
1220
  label: "Title",
@@ -1231,18 +1231,18 @@ var AddCircle = /*#__PURE__*/function (_Component) {
1231
1231
  showError: function showError() {
1232
1232
  return _this6.state.showWarnings && _.isEmpty(_this6.state.title);
1233
1233
  }
1234
- })))), /*#__PURE__*/React$1.createElement("div", {
1234
+ })))), /*#__PURE__*/React.createElement("div", {
1235
1235
  className: "padding-60 paddingVertical-40 bottomDivideBorder"
1236
- }, /*#__PURE__*/React$1.createElement(Components$2.Text, {
1236
+ }, /*#__PURE__*/React.createElement(Components$2.Text, {
1237
1237
  type: "formTitleMedium"
1238
- }, "Members"), /*#__PURE__*/React$1.createElement("div", {
1238
+ }, "Members"), /*#__PURE__*/React.createElement("div", {
1239
1239
  className: "flex marginTop-20"
1240
- }, /*#__PURE__*/React$1.createElement("div", {
1240
+ }, /*#__PURE__*/React.createElement("div", {
1241
1241
  className: "flex-1"
1242
- }, /*#__PURE__*/React$1.createElement(Components$2.Text, {
1242
+ }, /*#__PURE__*/React.createElement(Components$2.Text, {
1243
1243
  type: "formTitleSmall",
1244
1244
  className: "marginBottom-10"
1245
- }, "Select Users"), /*#__PURE__*/React$1.createElement(Components$2.GenericInput, {
1245
+ }, "Select Users"), /*#__PURE__*/React.createElement(Components$2.GenericInput, {
1246
1246
  id: "userSearch",
1247
1247
  type: "text",
1248
1248
  label: "Search",
@@ -1253,32 +1253,32 @@ var AddCircle = /*#__PURE__*/function (_Component) {
1253
1253
  },
1254
1254
  alwaysShowLabel: true
1255
1255
  }), this.getShownUsers().map(function (user) {
1256
- return /*#__PURE__*/React$1.createElement(Components$2.UserListing, {
1256
+ return /*#__PURE__*/React.createElement(Components$2.UserListing, {
1257
1257
  key: user.userId,
1258
1258
  user: user,
1259
1259
  onClick: function onClick() {
1260
1260
  _this6.onSelectUser(user);
1261
1261
  }
1262
1262
  });
1263
- })), /*#__PURE__*/React$1.createElement("div", {
1263
+ })), /*#__PURE__*/React.createElement("div", {
1264
1264
  className: "flex-1"
1265
- }, /*#__PURE__*/React$1.createElement(Components$2.Text, {
1265
+ }, /*#__PURE__*/React.createElement(Components$2.Text, {
1266
1266
  type: "formTitleSmall",
1267
1267
  className: "marginBottom-10"
1268
1268
  }, "Selected"), this.state.selectedUsers.map(function (user) {
1269
- return /*#__PURE__*/React$1.createElement(Components$2.UserListing, {
1269
+ return /*#__PURE__*/React.createElement(Components$2.UserListing, {
1270
1270
  key: user.userId,
1271
1271
  user: user,
1272
- rightContent: /*#__PURE__*/React$1.createElement("div", {
1272
+ rightContent: /*#__PURE__*/React.createElement("div", {
1273
1273
  className: "flex flex-reverse flex-center"
1274
- }, /*#__PURE__*/React$1.createElement(Components$2.SVGIcon, {
1274
+ }, /*#__PURE__*/React.createElement(Components$2.SVGIcon, {
1275
1275
  className: "removeIcon marginLeft-8",
1276
1276
  icon: "close",
1277
1277
  colour: Colours$2.COLOUR_DUSK,
1278
1278
  onClick: function onClick() {
1279
1279
  _this6.onSelectUser(user);
1280
1280
  }
1281
- }), /*#__PURE__*/React$1.createElement(Components$2.StatusButton, {
1281
+ }), /*#__PURE__*/React.createElement(Components$2.StatusButton, {
1282
1282
  isActive: user.isAdmin,
1283
1283
  activate: function activate() {
1284
1284
  _this6.addAdmin(user);
@@ -1298,11 +1298,11 @@ var AddCircle = /*#__PURE__*/function (_Component) {
1298
1298
  key: "render",
1299
1299
  value: function render() {
1300
1300
  var success = this.state.success;
1301
- return /*#__PURE__*/React$1.createElement(Components$2.OverlayPage, null, /*#__PURE__*/React$1.createElement(Components$2.OverlayPageContents, {
1301
+ return /*#__PURE__*/React.createElement(Components$2.OverlayPage, null, /*#__PURE__*/React.createElement(Components$2.OverlayPageContents, {
1302
1302
  noBottomButtons: success
1303
- }, /*#__PURE__*/React$1.createElement(Components$2.OverlayPageSection, {
1303
+ }, /*#__PURE__*/React.createElement(Components$2.OverlayPageSection, {
1304
1304
  className: "pageSectionWrapper--newPopup"
1305
- }, /*#__PURE__*/React$1.createElement("div", null, this.renderSuccess(), !success && this.renderMain()))), /*#__PURE__*/React$1.createElement(Components$2.OverlayPageBottomButtons, null, this.renderSubmit()));
1305
+ }, /*#__PURE__*/React.createElement("div", null, this.renderSuccess(), !success && this.renderMain()))), /*#__PURE__*/React.createElement(Components$2.OverlayPageBottomButtons, null, this.renderSubmit()));
1306
1306
  }
1307
1307
  }]);
1308
1308
 
@@ -1748,21 +1748,21 @@ var Circle = /*#__PURE__*/function (_Component) {
1748
1748
  var _this5 = this;
1749
1749
 
1750
1750
  if (!this.isMember()) {
1751
- return /*#__PURE__*/React$1.createElement(Components$1.Text, {
1751
+ return /*#__PURE__*/React.createElement(Components$1.Text, {
1752
1752
  type: "highlightedHelp",
1753
1753
  className: "chat_noMessage"
1754
1754
  }, "You can't send a message to this ", _.capitalize(values.entityName), " as you are not a member.");
1755
1755
  }
1756
1756
 
1757
- return /*#__PURE__*/React$1.createElement("div", {
1757
+ return /*#__PURE__*/React.createElement("div", {
1758
1758
  className: "chat_inputFlex"
1759
- }, /*#__PURE__*/React$1.createElement(FontAwesome, {
1759
+ }, /*#__PURE__*/React.createElement(FontAwesome, {
1760
1760
  className: "chat_send",
1761
1761
  name: "paper-plane",
1762
1762
  onClick: this.sendMessage
1763
- }), /*#__PURE__*/React$1.createElement("div", {
1763
+ }), /*#__PURE__*/React.createElement("div", {
1764
1764
  className: "chat_inputContainer"
1765
- }, /*#__PURE__*/React$1.createElement(Components$1.GenericInput, {
1765
+ }, /*#__PURE__*/React.createElement(Components$1.GenericInput, {
1766
1766
  id: "messageInput",
1767
1767
  type: "textarea",
1768
1768
  className: "chat_input",
@@ -1776,20 +1776,20 @@ var Circle = /*#__PURE__*/function (_Component) {
1776
1776
  minHeight: 50
1777
1777
  },
1778
1778
  onKeyDown: this.onKeyDown
1779
- }), /*#__PURE__*/React$1.createElement("div", null, /*#__PURE__*/React$1.createElement(FontAwesome, {
1779
+ }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(FontAwesome, {
1780
1780
  className: "chat_imageIcon".concat(this.state.imageInputShowing ? ' chat_imageIcon-selected' : ''),
1781
1781
  name: "camera",
1782
1782
  onClick: this.showImageInput
1783
- }), /*#__PURE__*/React$1.createElement(FontAwesome, {
1783
+ }), /*#__PURE__*/React.createElement(FontAwesome, {
1784
1784
  className: "chat_imageIcon".concat(this.state.fileInputShowing ? ' chat_imageIcon-selected' : ''),
1785
1785
  name: "paperclip",
1786
1786
  onClick: this.showFileInput
1787
- })), /*#__PURE__*/React$1.createElement("div", {
1787
+ })), /*#__PURE__*/React.createElement("div", {
1788
1788
  className: "overflow-x",
1789
1789
  style: {
1790
1790
  display: this.state.imageInputShowing ? 'block' : 'none'
1791
1791
  }
1792
- }, /*#__PURE__*/React$1.createElement(Components$1.ImageInput, {
1792
+ }, /*#__PURE__*/React.createElement(Components$1.ImageInput, {
1793
1793
  ref: function ref(_ref4) {
1794
1794
  _this5.imageInput = _ref4;
1795
1795
  },
@@ -1799,12 +1799,12 @@ var Circle = /*#__PURE__*/function (_Component) {
1799
1799
  noMenu: true,
1800
1800
  noCompress: true,
1801
1801
  noDownload: true
1802
- })), /*#__PURE__*/React$1.createElement("div", {
1802
+ })), /*#__PURE__*/React.createElement("div", {
1803
1803
  className: "overflow-x",
1804
1804
  style: {
1805
1805
  display: this.state.fileInputShowing ? 'block' : 'none'
1806
1806
  }
1807
- }, /*#__PURE__*/React$1.createElement(Components$1.FileInput, {
1807
+ }, /*#__PURE__*/React.createElement(Components$1.FileInput, {
1808
1808
  ref: function ref(_ref5) {
1809
1809
  _this5.fileInput = _ref5;
1810
1810
  },
@@ -1820,50 +1820,50 @@ var Circle = /*#__PURE__*/function (_Component) {
1820
1820
  key: "renderMessage",
1821
1821
  value: function renderMessage(m) {
1822
1822
  if (m.system) {
1823
- return /*#__PURE__*/React$1.createElement("div", {
1823
+ return /*#__PURE__*/React.createElement("div", {
1824
1824
  key: m._id,
1825
1825
  className: "message"
1826
- }, /*#__PURE__*/React$1.createElement(Components$1.Text, {
1826
+ }, /*#__PURE__*/React.createElement(Components$1.Text, {
1827
1827
  type: "h5",
1828
1828
  className: "message_system"
1829
1829
  }, m.text));
1830
1830
  }
1831
1831
 
1832
1832
  var isSelf = m.user._id === this.props.user.Id;
1833
- return /*#__PURE__*/React$1.createElement("div", {
1833
+ return /*#__PURE__*/React.createElement("div", {
1834
1834
  key: m._id,
1835
1835
  className: "message".concat(isSelf ? ' message-self' : '').concat(m.uploading ? ' message-uploading' : '')
1836
- }, /*#__PURE__*/React$1.createElement(Components$1.Text, {
1836
+ }, /*#__PURE__*/React.createElement(Components$1.Text, {
1837
1837
  type: "h5-noUpper",
1838
1838
  className: "message_time"
1839
- }, moment.utc(m.createdAt).local().format('D MMM YYYY • h:mma')), /*#__PURE__*/React$1.createElement("div", {
1839
+ }, moment.utc(m.createdAt).local().format('D MMM YYYY • h:mma')), /*#__PURE__*/React.createElement("div", {
1840
1840
  className: "message_inner"
1841
- }, /*#__PURE__*/React$1.createElement(Components$1.ProfilePic, {
1841
+ }, /*#__PURE__*/React.createElement(Components$1.ProfilePic, {
1842
1842
  size: 40,
1843
1843
  image: m.user.avatar,
1844
1844
  className: "message_profilePic"
1845
- }), /*#__PURE__*/React$1.createElement("div", {
1845
+ }), /*#__PURE__*/React.createElement("div", {
1846
1846
  className: "message_bubbleContainer"
1847
- }, /*#__PURE__*/React$1.createElement(Components$1.Text, {
1847
+ }, /*#__PURE__*/React.createElement(Components$1.Text, {
1848
1848
  type: "body",
1849
1849
  className: "message_name"
1850
- }, m.user.name), /*#__PURE__*/React$1.createElement("div", {
1850
+ }, m.user.name), /*#__PURE__*/React.createElement("div", {
1851
1851
  className: "message_bubble"
1852
- }, /*#__PURE__*/React$1.createElement(Components$1.Text, {
1852
+ }, /*#__PURE__*/React.createElement(Components$1.Text, {
1853
1853
  type: "body",
1854
1854
  className: "message_text"
1855
- }, Helper.toParagraphed(m.text)), /*#__PURE__*/React$1.createElement("div", null, (m.image || []).map(function (url, i) {
1856
- return /*#__PURE__*/React$1.createElement("a", {
1855
+ }, Helper.toParagraphed(m.text)), /*#__PURE__*/React.createElement("div", null, (m.image || []).map(function (url, i) {
1856
+ return /*#__PURE__*/React.createElement("a", {
1857
1857
  href: url,
1858
1858
  target: "_blank",
1859
1859
  key: i
1860
- }, /*#__PURE__*/React$1.createElement("img", {
1860
+ }, /*#__PURE__*/React.createElement("img", {
1861
1861
  className: "message_image",
1862
1862
  src: url,
1863
1863
  alt: Helper.getFileName(url)
1864
1864
  }));
1865
- })), /*#__PURE__*/React$1.createElement("div", null, (m.attachments || []).map(function (url, i) {
1866
- return /*#__PURE__*/React$1.createElement(Components$1.Attachment, {
1865
+ })), /*#__PURE__*/React.createElement("div", null, (m.attachments || []).map(function (url, i) {
1866
+ return /*#__PURE__*/React.createElement(Components$1.Attachment, {
1867
1867
  source: url,
1868
1868
  key: i,
1869
1869
  white: isSelf
@@ -1874,16 +1874,16 @@ var Circle = /*#__PURE__*/function (_Component) {
1874
1874
  key: "renderHeaderRight",
1875
1875
  value: function renderHeaderRight() {
1876
1876
  if (!this.validateCircleAdmin() || this.getCircle().IsPrivate) {
1877
- return /*#__PURE__*/React$1.createElement("div", {
1877
+ return /*#__PURE__*/React.createElement("div", {
1878
1878
  className: "flex flex-center"
1879
1879
  });
1880
1880
  }
1881
1881
 
1882
- return /*#__PURE__*/React$1.createElement("div", {
1882
+ return /*#__PURE__*/React.createElement("div", {
1883
1883
  className: "flex flex-center"
1884
- }, /*#__PURE__*/React$1.createElement(Link, {
1884
+ }, /*#__PURE__*/React.createElement(Link, {
1885
1885
  to: "/".concat(values.featureKey, "/edit/").concat(this.state.circleId)
1886
- }, /*#__PURE__*/React$1.createElement(FontAwesome, {
1886
+ }, /*#__PURE__*/React.createElement(FontAwesome, {
1887
1887
  className: "header_back",
1888
1888
  name: "cog"
1889
1889
  })));
@@ -1900,65 +1900,65 @@ var Circle = /*#__PURE__*/function (_Component) {
1900
1900
  key: "renderSideBar",
1901
1901
  value: function renderSideBar() {
1902
1902
  var members = this.getCircle().Audience || [];
1903
- return /*#__PURE__*/React$1.createElement("div", {
1903
+ return /*#__PURE__*/React.createElement("div", {
1904
1904
  className: "chat_sideBar"
1905
- }, /*#__PURE__*/React$1.createElement("div", {
1905
+ }, /*#__PURE__*/React.createElement("div", {
1906
1906
  className: "chat_section"
1907
- }, /*#__PURE__*/React$1.createElement("div", {
1907
+ }, /*#__PURE__*/React.createElement("div", {
1908
1908
  className: "chat_section_titleSection"
1909
- }, /*#__PURE__*/React$1.createElement(FontAwesome, {
1909
+ }, /*#__PURE__*/React.createElement(FontAwesome, {
1910
1910
  className: "chat_section_titleSection_caret",
1911
1911
  name: "chevron-".concat(this.state.membersExpanded ? 'up' : 'down'),
1912
1912
  onClick: this.toggleMembers
1913
- }), /*#__PURE__*/React$1.createElement("div", {
1913
+ }), /*#__PURE__*/React.createElement("div", {
1914
1914
  className: "flex-1"
1915
- }, /*#__PURE__*/React$1.createElement(Components$1.Text, {
1915
+ }, /*#__PURE__*/React.createElement(Components$1.Text, {
1916
1916
  type: "formTitleMedium"
1917
- }, "Member", Helper.getPluralS(members.length), " (", members.length, ")"))), this.state.membersExpanded && /*#__PURE__*/React$1.createElement("div", {
1917
+ }, "Member", Helper.getPluralS(members.length), " (", members.length, ")"))), this.state.membersExpanded && /*#__PURE__*/React.createElement("div", {
1918
1918
  className: "paddingTop-8"
1919
1919
  }, members.map(function (user) {
1920
- return /*#__PURE__*/React$1.createElement(Components$1.UserListing, {
1920
+ return /*#__PURE__*/React.createElement(Components$1.UserListing, {
1921
1921
  user: user
1922
1922
  });
1923
- }))), /*#__PURE__*/React$1.createElement("div", {
1923
+ }))), /*#__PURE__*/React.createElement("div", {
1924
1924
  className: "chat_section"
1925
- }, /*#__PURE__*/React$1.createElement("div", {
1925
+ }, /*#__PURE__*/React.createElement("div", {
1926
1926
  className: "chat_section_titleSection"
1927
- }, /*#__PURE__*/React$1.createElement(FontAwesome, {
1927
+ }, /*#__PURE__*/React.createElement(FontAwesome, {
1928
1928
  className: "chat_section_titleSection_caret",
1929
1929
  name: "chevron-".concat(this.state.imagesExpanded ? 'up' : 'down'),
1930
1930
  onClick: this.toggleImages
1931
- }), /*#__PURE__*/React$1.createElement("div", {
1931
+ }), /*#__PURE__*/React.createElement("div", {
1932
1932
  className: "flex-1"
1933
- }, /*#__PURE__*/React$1.createElement(Components$1.Text, {
1933
+ }, /*#__PURE__*/React.createElement(Components$1.Text, {
1934
1934
  type: "formTitleMedium"
1935
- }, "Image", Helper.getPluralS(this.state.images.length), " (", this.state.images.length, ")"))), this.state.imagesExpanded && /*#__PURE__*/React$1.createElement("div", {
1935
+ }, "Image", Helper.getPluralS(this.state.images.length), " (", this.state.images.length, ")"))), this.state.imagesExpanded && /*#__PURE__*/React.createElement("div", {
1936
1936
  className: "paddingTop-8"
1937
1937
  }, this.state.images.map(function (image, i) {
1938
- return /*#__PURE__*/React$1.createElement("a", {
1938
+ return /*#__PURE__*/React.createElement("a", {
1939
1939
  href: image.Url,
1940
1940
  target: "_blank"
1941
- }, /*#__PURE__*/React$1.createElement("img", {
1941
+ }, /*#__PURE__*/React.createElement("img", {
1942
1942
  src: image.Url,
1943
1943
  className: "chat_section_image",
1944
1944
  alt: Helper.getFileName(image.Url)
1945
1945
  }));
1946
- }))), /*#__PURE__*/React$1.createElement("div", {
1946
+ }))), /*#__PURE__*/React.createElement("div", {
1947
1947
  className: "chat_section"
1948
- }, /*#__PURE__*/React$1.createElement("div", {
1948
+ }, /*#__PURE__*/React.createElement("div", {
1949
1949
  className: "chat_section_titleSection"
1950
- }, /*#__PURE__*/React$1.createElement(FontAwesome, {
1950
+ }, /*#__PURE__*/React.createElement(FontAwesome, {
1951
1951
  className: "chat_section_titleSection_caret",
1952
1952
  name: "chevron-".concat(this.state.filesExpanded ? 'up' : 'down'),
1953
1953
  onClick: this.toggleFiles
1954
- }), /*#__PURE__*/React$1.createElement("div", {
1954
+ }), /*#__PURE__*/React.createElement("div", {
1955
1955
  className: "flex-1"
1956
- }, /*#__PURE__*/React$1.createElement(Components$1.Text, {
1956
+ }, /*#__PURE__*/React.createElement(Components$1.Text, {
1957
1957
  type: "formTitleMedium"
1958
- }, "File", Helper.getPluralS(this.state.files.length), " (", this.state.files.length, ")"))), this.state.filesExpanded && /*#__PURE__*/React$1.createElement("div", {
1958
+ }, "File", Helper.getPluralS(this.state.files.length), " (", this.state.files.length, ")"))), this.state.filesExpanded && /*#__PURE__*/React.createElement("div", {
1959
1959
  className: "paddingTop-8"
1960
1960
  }, this.state.files.map(function (file, i) {
1961
- return /*#__PURE__*/React$1.createElement(Components$1.Attachment, {
1961
+ return /*#__PURE__*/React.createElement(Components$1.Attachment, {
1962
1962
  source: file.Url,
1963
1963
  key: i
1964
1964
  });
@@ -1969,35 +1969,35 @@ var Circle = /*#__PURE__*/function (_Component) {
1969
1969
  value: function render() {
1970
1970
  var _this6 = this;
1971
1971
 
1972
- return /*#__PURE__*/React$1.createElement(Components$1.OverlayPage, {
1972
+ return /*#__PURE__*/React.createElement(Components$1.OverlayPage, {
1973
1973
  fullPage: true,
1974
1974
  fullPageStyle: {
1975
1975
  display: 'flex',
1976
1976
  flexDirection: 'column'
1977
1977
  }
1978
- }, /*#__PURE__*/React$1.createElement(Components$1.Header, {
1978
+ }, /*#__PURE__*/React.createElement(Components$1.Header, {
1979
1979
  rightContent: this.renderHeaderRight()
1980
- }, /*#__PURE__*/React$1.createElement(FontAwesome, {
1980
+ }, /*#__PURE__*/React.createElement(FontAwesome, {
1981
1981
  className: "header_back",
1982
1982
  name: "angle-left",
1983
1983
  onClick: function onClick() {
1984
1984
  window.history.back();
1985
1985
  }
1986
- }), /*#__PURE__*/React$1.createElement(Components$1.Text, {
1986
+ }), /*#__PURE__*/React.createElement(Components$1.Text, {
1987
1987
  type: "formTitleLarge",
1988
1988
  className: "header_title"
1989
- }, this.getTitle())), /*#__PURE__*/React$1.createElement("div", {
1989
+ }, this.getTitle())), /*#__PURE__*/React.createElement("div", {
1990
1990
  className: "flex flex-1 flex-reverse overflow-hidden"
1991
- }, this.renderSideBar(), /*#__PURE__*/React$1.createElement("div", {
1991
+ }, this.renderSideBar(), /*#__PURE__*/React.createElement("div", {
1992
1992
  className: "flex-1 flex flex-column overflow-hidden"
1993
- }, /*#__PURE__*/React$1.createElement(Components$1.Header, {
1993
+ }, /*#__PURE__*/React.createElement(Components$1.Header, {
1994
1994
  onlyContainer: true
1995
- }, /*#__PURE__*/React$1.createElement("div", {
1995
+ }, /*#__PURE__*/React.createElement("div", {
1996
1996
  className: "flex flex-center flex-1 paddingHorizontal-16"
1997
- }, /*#__PURE__*/React$1.createElement(Components$1.Text, {
1997
+ }, /*#__PURE__*/React.createElement(Components$1.Text, {
1998
1998
  type: "h5",
1999
1999
  className: "marginRight-20"
2000
- }, "Filter by"), /*#__PURE__*/React$1.createElement("div", null, /*#__PURE__*/React$1.createElement(Components$1.GenericInput, {
2000
+ }, "Filter by"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Components$1.GenericInput, {
2001
2001
  id: "messageDate",
2002
2002
  label: "Date",
2003
2003
  alwaysShowLabel: true,
@@ -2008,21 +2008,21 @@ var Circle = /*#__PURE__*/function (_Component) {
2008
2008
  showMessageDate: !_this6.state.showMessageDate
2009
2009
  });
2010
2010
  },
2011
- rightContent: !_.isEmpty(this.state.messageDate) && /*#__PURE__*/React$1.createElement(Components$1.SVGIcon, {
2011
+ rightContent: !_.isEmpty(this.state.messageDate) && /*#__PURE__*/React.createElement(Components$1.SVGIcon, {
2012
2012
  colour: Colours$1.COLOUR_DUSK_LIGHT,
2013
2013
  icon: "close",
2014
2014
  className: "timepicker_clear",
2015
2015
  onClick: this.onClearDate
2016
2016
  })
2017
- }), this.state.showMessageDate && /*#__PURE__*/React$1.createElement(Components$1.DatePicker, {
2017
+ }), this.state.showMessageDate && /*#__PURE__*/React.createElement(Components$1.DatePicker, {
2018
2018
  hideTop: true,
2019
2019
  selectedDate: this.state.messageDate,
2020
2020
  selectDate: this.handleMessageDateChange
2021
- })))), /*#__PURE__*/React$1.createElement("div", {
2021
+ })))), /*#__PURE__*/React.createElement("div", {
2022
2022
  className: "chat"
2023
- }, /*#__PURE__*/React$1.createElement("div", {
2023
+ }, /*#__PURE__*/React.createElement("div", {
2024
2024
  className: "chat_newMessage"
2025
- }, this.renderChatInput()), /*#__PURE__*/React$1.createElement("div", {
2025
+ }, this.renderChatInput()), /*#__PURE__*/React.createElement("div", {
2026
2026
  ref: function ref(_ref6) {
2027
2027
  return _this6.chat = _ref6;
2028
2028
  },
@@ -2106,7 +2106,7 @@ var ViewWidget = /*#__PURE__*/function (_Component) {
2106
2106
  _createClass(ViewWidget, [{
2107
2107
  key: "render",
2108
2108
  value: function render() {
2109
- return /*#__PURE__*/React$1.createElement("img", {
2109
+ return /*#__PURE__*/React.createElement("img", {
2110
2110
  style: styles$3.image,
2111
2111
  src: img$3,
2112
2112
  alt: "widget"
@@ -2143,7 +2143,7 @@ var ViewFull = /*#__PURE__*/function (_Component) {
2143
2143
  _createClass(ViewFull, [{
2144
2144
  key: "render",
2145
2145
  value: function render() {
2146
- return /*#__PURE__*/React$1.createElement("img", {
2146
+ return /*#__PURE__*/React.createElement("img", {
2147
2147
  style: styles$2.image,
2148
2148
  src: img$2,
2149
2149
  alt: "full"
@@ -2190,15 +2190,15 @@ var PreviewWidget = /*#__PURE__*/function (_Component) {
2190
2190
  backgroundColor = _this$props.backgroundColor,
2191
2191
  widgetTitle = _this$props.widgetTitle,
2192
2192
  titleClassName = _this$props.titleClassName;
2193
- return /*#__PURE__*/React$1.createElement("div", {
2193
+ return /*#__PURE__*/React.createElement("div", {
2194
2194
  style: styles$1.container
2195
- }, /*#__PURE__*/React$1.createElement("img", {
2195
+ }, /*#__PURE__*/React.createElement("img", {
2196
2196
  style: _objectSpread$1(_objectSpread$1({}, styles$1.image), {}, {
2197
2197
  backgroundColor: backgroundColor
2198
2198
  }),
2199
2199
  src: img$1,
2200
2200
  alt: "previewWidget"
2201
- }), /*#__PURE__*/React$1.createElement("p", {
2201
+ }), /*#__PURE__*/React.createElement("p", {
2202
2202
  className: titleClassName,
2203
2203
  style: styles$1.title
2204
2204
  }, widgetTitle));
@@ -2245,11 +2245,11 @@ var PreviewFull = /*#__PURE__*/function (_Component) {
2245
2245
  backgroundColor = _this$props.backgroundColor,
2246
2246
  widgetTitle = _this$props.widgetTitle,
2247
2247
  titleClassName = _this$props.titleClassName;
2248
- return /*#__PURE__*/React$1.createElement("div", {
2248
+ return /*#__PURE__*/React.createElement("div", {
2249
2249
  style: styles.container
2250
- }, /*#__PURE__*/React$1.createElement("p", {
2250
+ }, /*#__PURE__*/React.createElement("p", {
2251
2251
  className: titleClassName
2252
- }, widgetTitle), /*#__PURE__*/React$1.createElement("img", {
2252
+ }, widgetTitle), /*#__PURE__*/React.createElement("img", {
2253
2253
  style: _objectSpread(_objectSpread({}, styles.image), {}, {
2254
2254
  backgroundColor: backgroundColor
2255
2255
  }),
@@ -2291,10 +2291,10 @@ var PreviewGrid = /*#__PURE__*/function (_Component) {
2291
2291
  value: function render() {
2292
2292
  var colour = this.props.colour;
2293
2293
  var path = 'M12.1875 0.9375C11.1548 0.9375 9.67896 1.25977 8.7616 1.87866C7.0166 1.94275 5.82275 3.16772 5.62683 5.11047C5.50781 6.30981 5.61768 7.16858 5.68909 7.73621C5.71472 7.93396 5.74219 8.15735 5.73303 8.22327C5.71838 8.31116 5.70374 8.39905 5.69092 8.48694C5.61401 8.4906 5.54626 8.50159 5.48584 8.51807C4.71313 8.72498 4.38904 9.85474 4.73511 11.1456C4.98596 12.0813 5.51147 12.7844 6.08643 13.0005C6.38306 13.9087 6.81885 14.8114 7.36084 15.6244L3.03955 18.1274C1.16455 19.2114 0 21.2329 0 23.399V26.7188C0 27.4933 0.631714 28.125 1.40625 28.125H19.519C20.6287 29.2786 22.1832 30 23.9062 30C27.2662 30 30 27.2662 30 23.9062C30 21.2402 28.2751 18.9734 25.8856 18.1494L21.8115 15.5127C22.4158 14.7931 22.9193 13.8977 23.2397 12.9419C23.6847 12.7478 24.0765 12.2168 24.267 11.4972C24.3823 11.0669 24.4061 10.6329 24.3311 10.274C24.2377 9.80896 23.9777 9.48669 23.6224 9.39148C23.5986 9.38416 23.573 9.37866 23.5455 9.375C23.4979 9.06738 23.4174 8.76709 23.2892 8.39905C23.3734 8.42102 23.465 8.45032 23.5437 8.48145C23.703 8.54919 23.8898 8.52173 24.0234 8.4082C24.1589 8.29651 24.2194 8.1189 24.1827 7.94861C23.606 5.31006 21.6467 3.73535 18.9441 3.73535H18.5962C18.5248 3.73535 18.446 3.74084 18.371 3.74634C17.1332 1.9519 15.1355 0.9375 12.6562 0.9375H12.1875ZM12.1875 1.875H12.6562C15.5017 1.875 17.5562 3.32886 18.3984 5.89783C18.0743 5.86121 17.7393 5.90149 17.5104 6.12305C17.3309 6.29333 17.1625 6.62109 17.3749 7.19971C17.6642 7.98523 17.7667 8.45032 17.7979 9.1095C17.8052 9.27795 17.9041 9.4281 18.0524 9.505C18.2007 9.58008 18.3801 9.57092 18.5211 9.47937C18.598 9.42993 18.6383 9.42444 18.6475 9.42444C18.761 9.46289 18.9661 10.0342 18.7335 10.9039C18.5028 11.7664 18.0597 12.1307 17.9224 12.1307C17.7136 12.1252 17.5323 12.2681 17.4738 12.4658C16.6827 15.1227 14.6155 17.8125 12.1875 17.8125C9.75952 17.8125 7.69226 15.1227 6.90125 12.4658C6.84265 12.2681 6.66138 12.1307 6.45264 12.1307C6.31531 12.1307 5.87219 11.7664 5.64148 10.9039C5.4071 10.0269 5.61768 9.45374 5.72571 9.42444C5.72754 9.42444 5.76782 9.42444 5.85205 9.47937C5.99487 9.57092 6.17432 9.58008 6.32263 9.505C6.47278 9.4281 6.56799 9.27795 6.57715 9.1095C6.58813 8.86414 6.61377 8.62061 6.65588 8.38623C6.69067 8.18481 6.66321 7.95959 6.61926 7.61719C6.55151 7.09167 6.45081 6.297 6.56067 5.20386C6.70898 3.70789 7.58606 2.8125 8.91357 2.8125C9.01611 2.8125 9.11316 2.77954 9.19556 2.71912C9.83826 2.23755 11.1237 1.875 12.1875 1.875ZM18.913 4.67285H18.9459C20.9491 4.67285 22.4121 5.66528 23.0566 7.42676C22.8461 7.43042 22.6392 7.48352 22.4835 7.63367C22.3224 7.78564 22.1704 8.07312 22.3535 8.56384C22.5641 9.13879 22.6392 9.47571 22.6611 9.95361C22.6685 10.1221 22.7655 10.2722 22.9156 10.3491C23.0621 10.4224 23.2361 10.415 23.3752 10.329C23.4338 10.4608 23.4851 10.7977 23.3624 11.2555C23.2178 11.792 22.9486 12.0612 22.8735 12.0831H22.8717C22.6648 12.0831 22.4817 12.2186 22.4231 12.4182C22.0312 13.7366 21.2512 14.9469 20.3394 15.6537C20.1343 15.813 20.0958 16.1078 20.2551 16.311C20.3467 16.4319 20.4858 16.4941 20.625 16.4941C20.7257 16.4941 20.8264 16.463 20.9125 16.3971C20.9912 16.3348 21.0681 16.2653 21.145 16.1993L23.6591 17.8253C22.9193 17.8546 22.2144 18.0103 21.5643 18.2812C21.4856 18.2318 21.416 18.1732 21.3354 18.1274L17.0142 15.6244C17.5562 14.8114 17.9901 13.9087 18.2886 13.0005C18.8617 12.7844 19.389 12.0831 19.6381 11.1456C19.9841 9.85474 19.6619 8.72498 18.8892 8.51807C18.8306 8.50342 18.761 8.4906 18.6841 8.48694C18.62 7.98523 18.4918 7.51648 18.2538 6.87561C18.2483 6.8573 18.2428 6.84082 18.2373 6.82617C18.4021 6.83899 18.6676 6.90674 18.8837 6.99463C19.0466 7.06238 19.2316 7.03491 19.3652 6.92139C19.4989 6.80969 19.5593 6.63208 19.5209 6.46179C19.3799 5.81543 19.1748 5.21667 18.913 4.67285ZM9.62219 4.74609C9.28711 4.7168 8.9502 4.86877 8.75793 5.16357L8.00537 6.30432C7.86255 6.52039 7.92297 6.81152 8.13904 6.95435C8.2196 7.00745 8.3075 7.03125 8.39539 7.03125C8.54919 7.03125 8.69751 6.95801 8.78906 6.82068L9.53979 5.67993L10.2722 6.03699C11.6071 6.68701 13.0994 7.03125 14.5844 7.03125H15.7819C16.04 7.03125 16.2506 6.82068 16.2506 6.5625C16.2506 6.30432 16.04 6.09375 15.7819 6.09375H14.5844C13.2404 6.09375 11.8909 5.78247 10.6842 5.19287L9.95178 4.83582C9.84558 4.78455 9.73389 4.75525 9.62219 4.74609ZM7.9248 16.3788C9.06555 17.7704 10.5487 18.75 12.1875 18.75C13.8263 18.75 15.3094 17.7722 16.4502 16.3806L20.6104 18.7885C18.9294 19.8761 17.8125 21.7621 17.8125 23.9062C17.8125 25.1147 18.1696 26.239 18.7793 27.1875H1.40625C1.14807 27.1875 0.9375 26.9769 0.9375 26.7188V23.399C0.9375 21.5662 1.92261 19.856 3.51013 18.9368L7.9248 16.3788ZM23.9062 18.75C26.7499 18.75 29.0625 21.0626 29.0625 23.9062C29.0625 26.7499 26.7499 29.0625 23.9062 29.0625C21.0626 29.0625 18.75 26.7499 18.75 23.9062C18.75 21.0626 21.0626 18.75 23.9062 18.75ZM8.4668 18.75C8.28369 18.739 8.10425 18.8361 8.01819 19.0082C7.90283 19.2407 7.99622 19.5227 8.22693 19.6381L11.9769 21.5131C12.0447 21.546 12.1161 21.5625 12.1875 21.5625C12.2589 21.5625 12.3322 21.546 12.3981 21.5131L16.1481 19.6381C16.3788 19.5227 16.4722 19.2407 16.3568 19.0082C16.2415 18.7775 15.9595 18.6841 15.7269 18.7994L12.1875 20.5701L8.64807 18.7994C8.58948 18.7701 8.52722 18.7555 8.4668 18.75ZM23.9062 20.625C23.6481 20.625 23.4375 20.8356 23.4375 21.0938V23.4375H21.0938C20.8356 23.4375 20.625 23.6481 20.625 23.9062C20.625 24.1644 20.8356 24.375 21.0938 24.375H23.4375V26.7188C23.4375 26.9769 23.6481 27.1875 23.9062 27.1875C24.1644 27.1875 24.375 26.9769 24.375 26.7188V24.375H26.7188C26.9769 24.375 27.1875 24.1644 27.1875 23.9062C27.1875 23.6481 26.9769 23.4375 26.7188 23.4375H24.375V21.0938C24.375 20.8356 24.1644 20.625 23.9062 20.625ZM2.8125 24.375C2.55432 24.375 2.34375 24.5856 2.34375 24.8438V25.7812C2.34375 26.0394 2.55432 26.25 2.8125 26.25C3.07068 26.25 3.28125 26.0394 3.28125 25.7812V24.8438C3.28125 24.5856 3.07068 24.375 2.8125 24.375ZM5.15625 24.375C4.89807 24.375 4.6875 24.5856 4.6875 24.8438V25.7812C4.6875 26.0394 4.89807 26.25 5.15625 26.25C5.41443 26.25 5.625 26.0394 5.625 25.7812V24.8438C5.625 24.5856 5.41443 24.375 5.15625 24.375ZM7.5 24.375C7.24182 24.375 7.03125 24.5856 7.03125 24.8438V25.7812C7.03125 26.0394 7.24182 26.25 7.5 26.25C7.75818 26.25 7.96875 26.0394 7.96875 25.7812V24.8438C7.96875 24.5856 7.75818 24.375 7.5 24.375ZM9.84375 24.375C9.58557 24.375 9.375 24.5856 9.375 24.8438V25.7812C9.375 26.0394 9.58557 26.25 9.84375 26.25C10.1019 26.25 10.3125 26.0394 10.3125 25.7812V24.8438C10.3125 24.5856 10.1019 24.375 9.84375 24.375ZM12.1875 24.375C11.9293 24.375 11.7188 24.5856 11.7188 24.8438V25.7812C11.7188 26.0394 11.9293 26.25 12.1875 26.25C12.4457 26.25 12.6562 26.0394 12.6562 25.7812V24.8438C12.6562 24.5856 12.4457 24.375 12.1875 24.375ZM14.5312 24.375C14.2731 24.375 14.0625 24.5856 14.0625 24.8438V25.7812C14.0625 26.0394 14.2731 26.25 14.5312 26.25C14.7894 26.25 15 26.0394 15 25.7812V24.8438C15 24.5856 14.7894 24.375 14.5312 24.375ZM16.875 24.375C16.6168 24.375 16.4062 24.5856 16.4062 24.8438V25.7812C16.4062 26.0394 16.6168 26.25 16.875 26.25C17.1332 26.25 17.3438 26.0394 17.3438 25.7812V24.8438C17.3438 24.5856 17.1332 24.375 16.875 24.375Z';
2294
- return /*#__PURE__*/React$1.createElement("svg", {
2294
+ return /*#__PURE__*/React.createElement("svg", {
2295
2295
  xmlns: "http://www.w3.org/2000/svg",
2296
2296
  viewBox: '0 0 30 30'
2297
- }, /*#__PURE__*/React$1.createElement("path", {
2297
+ }, /*#__PURE__*/React.createElement("path", {
2298
2298
  key: path.substring(0, 20),
2299
2299
  d: path,
2300
2300
  fill: colour
@@ -2308,46 +2308,46 @@ var PreviewGrid = /*#__PURE__*/function (_Component) {
2308
2308
  var Components = PlussCore.Components,
2309
2309
  Colours = PlussCore.Colours;
2310
2310
  var FeaturePickerContent = (function () {
2311
- return /*#__PURE__*/React$1.createElement("div", {
2311
+ return /*#__PURE__*/React.createElement("div", {
2312
2312
  className: "fp2_widget_content fp2_widget_content-circles"
2313
- }, /*#__PURE__*/React$1.createElement("div", {
2313
+ }, /*#__PURE__*/React.createElement("div", {
2314
2314
  className: "fp2_widget_content_vListing"
2315
- }, /*#__PURE__*/React$1.createElement("div", {
2315
+ }, /*#__PURE__*/React.createElement("div", {
2316
2316
  className: "fp2_widget_silhouette fp2_widget_silhouette-circle"
2317
- }, /*#__PURE__*/React$1.createElement(Components.SVGIcon, {
2317
+ }, /*#__PURE__*/React.createElement(Components.SVGIcon, {
2318
2318
  icon: 'groups3',
2319
2319
  colour: Colours.hexToRGBAstring(Colours.COLOUR_BRANDING_MAIN, 0.5)
2320
- })), /*#__PURE__*/React$1.createElement("div", {
2320
+ })), /*#__PURE__*/React.createElement("div", {
2321
2321
  className: "flex-1"
2322
- }, /*#__PURE__*/React$1.createElement("div", {
2322
+ }, /*#__PURE__*/React.createElement("div", {
2323
2323
  className: "fp2_widget_silhouette fp2_widget_silhouette-textLine"
2324
- }), /*#__PURE__*/React$1.createElement("div", {
2324
+ }), /*#__PURE__*/React.createElement("div", {
2325
2325
  className: "fp2_widget_silhouette fp2_widget_silhouette-textLineFull"
2326
- }))), /*#__PURE__*/React$1.createElement("div", {
2326
+ }))), /*#__PURE__*/React.createElement("div", {
2327
2327
  className: "fp2_widget_content_vListing"
2328
- }, /*#__PURE__*/React$1.createElement("div", {
2328
+ }, /*#__PURE__*/React.createElement("div", {
2329
2329
  className: "fp2_widget_silhouette fp2_widget_silhouette-circle"
2330
- }, /*#__PURE__*/React$1.createElement(Components.SVGIcon, {
2330
+ }, /*#__PURE__*/React.createElement(Components.SVGIcon, {
2331
2331
  icon: 'groups3',
2332
2332
  colour: Colours.hexToRGBAstring(Colours.COLOUR_BRANDING_MAIN, 0.5)
2333
- })), /*#__PURE__*/React$1.createElement("div", {
2333
+ })), /*#__PURE__*/React.createElement("div", {
2334
2334
  className: "flex-1"
2335
- }, /*#__PURE__*/React$1.createElement("div", {
2335
+ }, /*#__PURE__*/React.createElement("div", {
2336
2336
  className: "fp2_widget_silhouette fp2_widget_silhouette-textLine"
2337
- }), /*#__PURE__*/React$1.createElement("div", {
2337
+ }), /*#__PURE__*/React.createElement("div", {
2338
2338
  className: "fp2_widget_silhouette fp2_widget_silhouette-textLineFull"
2339
- }))), /*#__PURE__*/React$1.createElement("div", {
2339
+ }))), /*#__PURE__*/React.createElement("div", {
2340
2340
  className: "fp2_widget_content_vListing"
2341
- }, /*#__PURE__*/React$1.createElement("div", {
2341
+ }, /*#__PURE__*/React.createElement("div", {
2342
2342
  className: "fp2_widget_silhouette fp2_widget_silhouette-circle"
2343
- }, /*#__PURE__*/React$1.createElement(Components.SVGIcon, {
2343
+ }, /*#__PURE__*/React.createElement(Components.SVGIcon, {
2344
2344
  icon: 'groups3',
2345
2345
  colour: Colours.hexToRGBAstring(Colours.COLOUR_BRANDING_MAIN, 0.5)
2346
- })), /*#__PURE__*/React$1.createElement("div", {
2346
+ })), /*#__PURE__*/React.createElement("div", {
2347
2347
  className: "flex-1"
2348
- }, /*#__PURE__*/React$1.createElement("div", {
2348
+ }, /*#__PURE__*/React.createElement("div", {
2349
2349
  className: "fp2_widget_silhouette fp2_widget_silhouette-textLine"
2350
- }), /*#__PURE__*/React$1.createElement("div", {
2350
+ }), /*#__PURE__*/React.createElement("div", {
2351
2351
  className: "fp2_widget_silhouette fp2_widget_silhouette-textLineFull"
2352
2352
  }))));
2353
2353
  });
package/dist/index.umd.js CHANGED
@@ -1,8 +1,8 @@
1
1
  (function (global, factory) {
2
2
  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@babel/runtime/helpers/defineProperty'), require('@babel/runtime/helpers/asyncToGenerator'), require('@babel/runtime/helpers/classCallCheck'), require('@babel/runtime/helpers/createClass'), require('@babel/runtime/helpers/assertThisInitialized'), require('@babel/runtime/helpers/inherits'), require('@babel/runtime/helpers/possibleConstructorReturn'), require('@babel/runtime/helpers/getPrototypeOf'), require('@babel/runtime/regenerator'), require('react'), require('react-redux'), require('lodash'), require('moment'), require('react-router-dom'), require('@plusscommunities/pluss-core-web'), require('react-bootstrap'), require('react-fontawesome'), require('@babel/runtime/helpers/toConsumableArray'), require('react-router')) :
3
3
  typeof define === 'function' && define.amd ? define(['exports', '@babel/runtime/helpers/defineProperty', '@babel/runtime/helpers/asyncToGenerator', '@babel/runtime/helpers/classCallCheck', '@babel/runtime/helpers/createClass', '@babel/runtime/helpers/assertThisInitialized', '@babel/runtime/helpers/inherits', '@babel/runtime/helpers/possibleConstructorReturn', '@babel/runtime/helpers/getPrototypeOf', '@babel/runtime/regenerator', 'react', 'react-redux', 'lodash', 'moment', 'react-router-dom', '@plusscommunities/pluss-core-web', 'react-bootstrap', 'react-fontawesome', '@babel/runtime/helpers/toConsumableArray', 'react-router'], factory) :
4
- (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['@plusscommunities/pluss-circles-web'] = {}, global._defineProperty, global._asyncToGenerator, global._classCallCheck, global._createClass, global._assertThisInitialized, global._inherits, global._possibleConstructorReturn, global._getPrototypeOf, global._regeneratorRuntime, global.React$1, global.reactRedux, global._, global.moment, global.reactRouterDom, global.PlussCore, global.reactBootstrap, global.FontAwesome, global._toConsumableArray, global.reactRouter));
5
- }(this, (function (exports, _defineProperty, _asyncToGenerator, _classCallCheck, _createClass, _assertThisInitialized, _inherits, _possibleConstructorReturn, _getPrototypeOf, _regeneratorRuntime, React$1, reactRedux, _, moment, reactRouterDom, PlussCore, reactBootstrap, FontAwesome, _toConsumableArray, reactRouter) { 'use strict';
4
+ (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['@plusscommunities/pluss-circles-web'] = {}, global._defineProperty, global._asyncToGenerator, global._classCallCheck, global._createClass, global._assertThisInitialized, global._inherits, global._possibleConstructorReturn, global._getPrototypeOf, global._regeneratorRuntime, global.React, global.reactRedux, global._, global.moment, global.reactRouterDom, global.PlussCore, global.reactBootstrap, global.FontAwesome, global._toConsumableArray, global.reactRouter));
5
+ }(this, (function (exports, _defineProperty, _asyncToGenerator, _classCallCheck, _createClass, _assertThisInitialized, _inherits, _possibleConstructorReturn, _getPrototypeOf, _regeneratorRuntime, React, reactRedux, _, moment, reactRouterDom, PlussCore, reactBootstrap, FontAwesome, _toConsumableArray, reactRouter) { 'use strict';
6
6
 
7
7
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
8
 
@@ -35,7 +35,7 @@
35
35
  var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_possibleConstructorReturn);
36
36
  var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
37
37
  var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
38
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React$1);
38
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
39
39
  var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
40
40
  var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
41
41
  var PlussCore__namespace = /*#__PURE__*/_interopNamespace(PlussCore);
@@ -90,7 +90,7 @@
90
90
  }],
91
91
  featurePickerInfo: {
92
92
  image: 'https://pluss-prd-uploads.s3.ap-southeast-2.amazonaws.com/uploads/users/ap-southeast-2:80aecdcb-9955-493e-a341-2f2263f64777/public/e4a5948c40908e2137f0a65eb1/groups.jpg',
93
- text: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", null, "Open and closed group chat - where your community does its planning, discussing and sharing."), /*#__PURE__*/React.createElement("p", null, "Keep them open for any member to join, or private to the admins - ", values.textFeatureTitle, " gives you that control."), /*#__PURE__*/React.createElement("p", null, "Your ", values.textFeatureTitle, " activity will keep the app close to your communities hands.")),
93
+ text: /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("p", null, "Open and closed group chat - where your community does its planning, discussing and sharing."), /*#__PURE__*/React__default['default'].createElement("p", null, "Keep them open for any member to join, or private to the admins - ", values.textFeatureTitle, " gives you that control."), /*#__PURE__*/React__default['default'].createElement("p", null, "Your ", values.textFeatureTitle, " activity will keep the app close to your communities hands.")),
94
94
  layoutDisclaimer: true
95
95
  },
96
96
  menu: {
@@ -763,7 +763,7 @@
763
763
  }]);
764
764
 
765
765
  return Circles;
766
- }(React$1.Component);
766
+ }(React.Component);
767
767
 
768
768
  var mapStateToProps$2 = function mapStateToProps(state) {
769
769
  var circles = state[values.reducerKey].circles;
@@ -1331,7 +1331,7 @@
1331
1331
  }]);
1332
1332
 
1333
1333
  return AddCircle;
1334
- }(React$1.Component);
1334
+ }(React.Component);
1335
1335
 
1336
1336
  var mapStateToProps$1 = function mapStateToProps(state) {
1337
1337
  var circles = state[values.reducerKey].circles;
@@ -2058,7 +2058,7 @@
2058
2058
  }]);
2059
2059
 
2060
2060
  return Circle;
2061
- }(React$1.Component);
2061
+ }(React.Component);
2062
2062
 
2063
2063
  var mapStateToProps = function mapStateToProps(state) {
2064
2064
  var circles = state[values.reducerKey].circles;
@@ -2139,7 +2139,7 @@
2139
2139
  }]);
2140
2140
 
2141
2141
  return ViewWidget;
2142
- }(React$1.Component);
2142
+ }(React.Component);
2143
2143
 
2144
2144
  var styles$3 = {
2145
2145
  image: {
@@ -2176,7 +2176,7 @@
2176
2176
  }]);
2177
2177
 
2178
2178
  return ViewFull;
2179
- }(React$1.Component);
2179
+ }(React.Component);
2180
2180
 
2181
2181
  var styles$2 = {
2182
2182
  image: {
@@ -2230,7 +2230,7 @@
2230
2230
  }]);
2231
2231
 
2232
2232
  return PreviewWidget;
2233
- }(React$1.Component);
2233
+ }(React.Component);
2234
2234
 
2235
2235
  var styles$1 = {
2236
2236
  container: {
@@ -2284,7 +2284,7 @@
2284
2284
  }]);
2285
2285
 
2286
2286
  return PreviewFull;
2287
- }(React$1.Component);
2287
+ }(React.Component);
2288
2288
 
2289
2289
  var styles = {
2290
2290
  container: {
@@ -2327,7 +2327,7 @@
2327
2327
  }]);
2328
2328
 
2329
2329
  return PreviewGrid;
2330
- }(React$1.Component);
2330
+ }(React.Component);
2331
2331
 
2332
2332
  var Components = PlussCore__namespace.Components,
2333
2333
  Colours = PlussCore__namespace.Colours;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@plusscommunities/pluss-circles-web",
3
- "version": "1.0.16-beta.0",
3
+ "version": "1.0.17-beta.0",
4
4
  "description": "Extension package to enable circles on Pluss Communities Platform",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {
package/src/feature.config.js CHANGED
@@ -1,6 +1,7 @@
1
1
  // import * as PlussCore from '../../pluss-core/src';
2
2
  import _ from 'lodash';
3
3
  import * as PlussCore from '@plusscommunities/pluss-core-web';
4
+ import React from 'react';
4
5
  import { values } from './values.config';
5
6
 
6
7
  export { PlussCore };