@plusscommunities/pluss-newsletter-web-sharing 1.2.15 → 1.3.5

package/dist/index.cjs.js

@@ -545,6 +545,14 @@ var newsletterActions = {
       method: 'GET',
       url: getUrl(values.serviceKey, 'content/published', query)
     });
+  },
+  getOpenGraph: function getOpenGraph(url) {
+    return authedFunction({
+      method: 'GET',
+      url: getUrl(values.serviceKey, "get2/opengraph", {
+        url: encodeURIComponent(url)
+      })
+    });
   }
 };
 
@@ -942,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"
+      }));
     }
   }]);
 
@@ -964,6 +974,7 @@ var ListNewsletterEntries = reactRedux.connect(mapStateToProps$9, {
 
 var Helper = PlussCore__namespace.Helper;
 var isEmail = Helper.isEmail;
+var isUrl = Helper.isUrl;
 var getPluralS = Helper.getPluralS;
 var getUrlParams = Helper.getUrlParams;
 var safeReadParams = Helper.safeReadParams;
@@ -1313,7 +1324,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"
+      }));
     }
   }]);
 
@@ -2325,6 +2338,59 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
 
     _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "state", _objectSpread$8({}, _this.initialState));
 
+    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "validateLoadFromWebsite", function () {
+      return isUrl(_this.state.loadFromWebsiteInput) && !_this.state.loadingFromWebsite;
+    });
+
+    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "handleLoadFromWebsite", function () {
+      if (!_this.validateLoadFromWebsite()) {
+        return;
+      }
+
+      _this.setState({
+        loadingFromWebsite: true
+      });
+
+      newsletterActions.getOpenGraph(_this.state.loadFromWebsiteInput).then(function (res) {
+        console.log(res.data);
+        var newState = {
+          loadingFromWebsite: false,
+          loadFromWebsiteInput: '',
+          titleInput: res.data.hybridGraph.title,
+          textInput: res.data.hybridGraph.description
+        };
+
+        if (res.data.hybridGraph.video) {
+          newState.videoInput = res.data.hybridGraph.video;
+          newState.selectedOption = 'video';
+        } else {
+          newState.links = [{
+            Text: "Read more ".concat(res.data.hybridGraph.site_name ? "on ".concat(res.data.hybridGraph.site_name) : 'here'),
+            Url: _this.state.loadFromWebsiteInput
+          }];
+          newState.selectedOption = 'attachments';
+        }
+
+        _this.setState(newState);
+
+        if (res.data.hybridGraph.image) {
+          _this.checkSetImage({
+            Images: [res.data.hybridGraph.image]
+          });
+        } else if (res.data.hybridGraph.imageSecureUrl) {
+          _this.checkSetImage({
+            Images: [res.data.hybridGraph.imageSecureUrl]
+          });
+        }
+      }).catch(function (err) {
+        window.alert('Could not load website. Try again or try a different URL.');
+
+        _this.setState({
+          loadingFromWebsite: false
+        });
+      });
+    });
+
     _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "selectOption", function (o) {
       _this.setState({
         selectedOption: o
@@ -2391,8 +2457,7 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
     });
 
     _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "handleSubmit", function () {
-      console.log(_this.audienceSelector);
-
+      // console.log(this.audienceSelector);
       _this.audienceSelector.getWrappedInstance().onSubmit();
 
       if (!_this.validateForm()) {
@@ -3066,8 +3131,9 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
           _this9.audienceSelector = a;
         },
         auth: this.props.auth,
+        custom: true,
         disallowSingleUsers: true,
-        disallowUserType: this.props.auth.site === 'hq',
+        disallowUserType: true,
         customSite: this.props.auth.site === 'hq' ? 'All sites' : false
       }));
     }
@@ -3177,7 +3243,11 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
       }, /*#__PURE__*/React__default['default'].createElement(Text, {
         type: "formTitleLarge",
         className: "marginBottom-24"
-      }, this.state.updateId == null ? 'New' : 'Edit', " Post"), /*#__PURE__*/React__default['default'].createElement(GenericInput, {
+      }, this.state.updateId == null ? 'New' : 'Edit', " Post"), /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "flex"
+      }, /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "flex-1"
+      }, /*#__PURE__*/React__default['default'].createElement(GenericInput, {
         id: "titleInput",
         type: "text",
         label: "Title",
@@ -3194,7 +3264,30 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
         },
         isRequired: true,
         alwaysShowLabel: true
-      }), /*#__PURE__*/React__default['default'].createElement(GenericInput, {
+      })), /*#__PURE__*/React__default['default'].createElement(Text, {
+        type: "formLabel",
+        className: "padding-20"
+      }, "or"), /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "flex-1 flex flex-reverse flex-center"
+      }, /*#__PURE__*/React__default['default'].createElement(Button, {
+        inline: true,
+        buttonType: "primary",
+        className: "marginLeft-20",
+        onClick: this.handleLoadFromWebsite,
+        isActive: this.validateLoadFromWebsite()
+      }, "Load"), /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "flex-1"
+      }, /*#__PURE__*/React__default['default'].createElement(GenericInput, {
+        id: "loadFromWebsiteInput",
+        type: "text",
+        label: "Load from website",
+        placeholder: "https://",
+        value: this.state.loadFromWebsiteInput,
+        onChange: function onChange(e) {
+          return _this10.handleChange(e);
+        },
+        alwaysShowLabel: true
+      })))), /*#__PURE__*/React__default['default'].createElement(GenericInput, {
         id: "textInput",
         type: "textarea",
         label: "Text",
@@ -4121,8 +4214,10 @@ var PublishAvailableNews = /*#__PURE__*/function (_Component) {
           _this5.audienceSelector = a;
         },
         auth: this.props.auth,
+        custom: true,
+        maxWidth: 300,
         disallowSingleUsers: true,
-        disallowUserType: this.props.auth.site === 'hq',
+        disallowUserType: true,
         customSite: this.props.auth.site === 'hq' ? 'All sites' : false
       })), /*#__PURE__*/React__default['default'].createElement("div", {
         className: "padding-60 paddingVertical-40 bottomDivideBorder"

package/dist/index.esm.js

@@ -501,6 +501,14 @@ var newsletterActions = {
       method: 'GET',
       url: getUrl(values.serviceKey, 'content/published', query)
     });
+  },
+  getOpenGraph: function getOpenGraph(url) {
+    return authedFunction({
+      method: 'GET',
+      url: getUrl(values.serviceKey, "get2/opengraph", {
+        url: encodeURIComponent(url)
+      })
+    });
   }
 };
 
@@ -898,7 +906,9 @@ var ListNewsletter$1 = /*#__PURE__*/function (_Component) {
         style: {
           minWidth: '100%'
         }
-      }, this.renderContent());
+      }, this.renderContent(), /*#__PURE__*/React.createElement("div", {
+        className: "hub_tidioPadding"
+      }));
     }
   }]);
 
@@ -920,6 +930,7 @@ var ListNewsletterEntries = connect(mapStateToProps$9, {
 
 var Helper = PlussCore.Helper;
 var isEmail = Helper.isEmail;
+var isUrl = Helper.isUrl;
 var getPluralS = Helper.getPluralS;
 var getUrlParams = Helper.getUrlParams;
 var safeReadParams = Helper.safeReadParams;
@@ -1269,7 +1280,9 @@ var NewsletterSubmissions = /*#__PURE__*/function (_Component) {
         onClick: function onClick() {
           _this7.sortByCol('SubmittedBy');
         }
-      }, "Submitted By", this.renderSort('SubmittedBy')))), /*#__PURE__*/React.createElement("tbody", null, this.renderNewsletter())));
+      }, "Submitted By", this.renderSort('SubmittedBy')))), /*#__PURE__*/React.createElement("tbody", null, this.renderNewsletter())), /*#__PURE__*/React.createElement("div", {
+        className: "hub_tidioPadding"
+      }));
     }
   }]);
 
@@ -2281,6 +2294,59 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
 
     _defineProperty(_assertThisInitialized(_this), "state", _objectSpread$8({}, _this.initialState));
 
+    _defineProperty(_assertThisInitialized(_this), "validateLoadFromWebsite", function () {
+      return isUrl(_this.state.loadFromWebsiteInput) && !_this.state.loadingFromWebsite;
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "handleLoadFromWebsite", function () {
+      if (!_this.validateLoadFromWebsite()) {
+        return;
+      }
+
+      _this.setState({
+        loadingFromWebsite: true
+      });
+
+      newsletterActions.getOpenGraph(_this.state.loadFromWebsiteInput).then(function (res) {
+        console.log(res.data);
+        var newState = {
+          loadingFromWebsite: false,
+          loadFromWebsiteInput: '',
+          titleInput: res.data.hybridGraph.title,
+          textInput: res.data.hybridGraph.description
+        };
+
+        if (res.data.hybridGraph.video) {
+          newState.videoInput = res.data.hybridGraph.video;
+          newState.selectedOption = 'video';
+        } else {
+          newState.links = [{
+            Text: "Read more ".concat(res.data.hybridGraph.site_name ? "on ".concat(res.data.hybridGraph.site_name) : 'here'),
+            Url: _this.state.loadFromWebsiteInput
+          }];
+          newState.selectedOption = 'attachments';
+        }
+
+        _this.setState(newState);
+
+        if (res.data.hybridGraph.image) {
+          _this.checkSetImage({
+            Images: [res.data.hybridGraph.image]
+          });
+        } else if (res.data.hybridGraph.imageSecureUrl) {
+          _this.checkSetImage({
+            Images: [res.data.hybridGraph.imageSecureUrl]
+          });
+        }
+      }).catch(function (err) {
+        window.alert('Could not load website. Try again or try a different URL.');
+
+        _this.setState({
+          loadingFromWebsite: false
+        });
+      });
+    });
+
     _defineProperty(_assertThisInitialized(_this), "selectOption", function (o) {
       _this.setState({
         selectedOption: o
@@ -2347,8 +2413,7 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "handleSubmit", function () {
-      console.log(_this.audienceSelector);
-
+      // console.log(this.audienceSelector);
       _this.audienceSelector.getWrappedInstance().onSubmit();
 
       if (!_this.validateForm()) {
@@ -3022,8 +3087,9 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
           _this9.audienceSelector = a;
         },
         auth: this.props.auth,
+        custom: true,
         disallowSingleUsers: true,
-        disallowUserType: this.props.auth.site === 'hq',
+        disallowUserType: true,
         customSite: this.props.auth.site === 'hq' ? 'All sites' : false
       }));
     }
@@ -3133,7 +3199,11 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
       }, /*#__PURE__*/React.createElement(Text, {
         type: "formTitleLarge",
         className: "marginBottom-24"
-      }, this.state.updateId == null ? 'New' : 'Edit', " Post"), /*#__PURE__*/React.createElement(GenericInput, {
+      }, this.state.updateId == null ? 'New' : 'Edit', " Post"), /*#__PURE__*/React.createElement("div", {
+        className: "flex"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "flex-1"
+      }, /*#__PURE__*/React.createElement(GenericInput, {
         id: "titleInput",
         type: "text",
         label: "Title",
@@ -3150,7 +3220,30 @@ var AddNewsletterEntry = /*#__PURE__*/function (_Component) {
         },
         isRequired: true,
         alwaysShowLabel: true
-      }), /*#__PURE__*/React.createElement(GenericInput, {
+      })), /*#__PURE__*/React.createElement(Text, {
+        type: "formLabel",
+        className: "padding-20"
+      }, "or"), /*#__PURE__*/React.createElement("div", {
+        className: "flex-1 flex flex-reverse flex-center"
+      }, /*#__PURE__*/React.createElement(Button, {
+        inline: true,
+        buttonType: "primary",
+        className: "marginLeft-20",
+        onClick: this.handleLoadFromWebsite,
+        isActive: this.validateLoadFromWebsite()
+      }, "Load"), /*#__PURE__*/React.createElement("div", {
+        className: "flex-1"
+      }, /*#__PURE__*/React.createElement(GenericInput, {
+        id: "loadFromWebsiteInput",
+        type: "text",
+        label: "Load from website",
+        placeholder: "https://",
+        value: this.state.loadFromWebsiteInput,
+        onChange: function onChange(e) {
+          return _this10.handleChange(e);
+        },
+        alwaysShowLabel: true
+      })))), /*#__PURE__*/React.createElement(GenericInput, {
         id: "textInput",
         type: "textarea",
         label: "Text",
@@ -4077,8 +4170,10 @@ var PublishAvailableNews = /*#__PURE__*/function (_Component) {
           _this5.audienceSelector = a;
         },
         auth: this.props.auth,
+        custom: true,
+        maxWidth: 300,
         disallowSingleUsers: true,
-        disallowUserType: this.props.auth.site === 'hq',
+        disallowUserType: true,
         customSite: this.props.auth.site === 'hq' ? 'All sites' : false
       })), /*#__PURE__*/React.createElement("div", {
         className: "padding-60 paddingVertical-40 bottomDivideBorder"

package/dist/index.umd.js

@@ -524,6 +524,14 @@
         method: 'GET',
         url: getUrl(values.serviceKey, 'content/published', query)
       });
+    },
+    getOpenGraph: function getOpenGraph(url) {
+      return authedFunction({
+        method: 'GET',
+        url: getUrl(values.serviceKey, "get2/opengraph", {
+          url: encodeURIComponent(url)
+        })
+      });
     }
   };
 
@@ -921,7 +929,9 @@
           style: {
             minWidth: '100%'
           }
-        }, this.renderContent());
+        }, this.renderContent(), /*#__PURE__*/React__default['default'].createElement("div", {
+          className: "hub_tidioPadding"
+        }));
       }
     }]);
 
@@ -943,6 +953,7 @@
 
   var Helper = PlussCore__namespace.Helper;
   var isEmail = Helper.isEmail;
+  var isUrl = Helper.isUrl;
   var getPluralS = Helper.getPluralS;
   var getUrlParams = Helper.getUrlParams;
   var safeReadParams = Helper.safeReadParams;
@@ -1292,7 +1303,9 @@
           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"
+        }));
       }
     }]);
 
@@ -2304,6 +2317,59 @@
 
       _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "state", _objectSpread$8({}, _this.initialState));
 
+      _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "validateLoadFromWebsite", function () {
+        return isUrl(_this.state.loadFromWebsiteInput) && !_this.state.loadingFromWebsite;
+      });
+
+      _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "handleLoadFromWebsite", function () {
+        if (!_this.validateLoadFromWebsite()) {
+          return;
+        }
+
+        _this.setState({
+          loadingFromWebsite: true
+        });
+
+        newsletterActions.getOpenGraph(_this.state.loadFromWebsiteInput).then(function (res) {
+          console.log(res.data);
+          var newState = {
+            loadingFromWebsite: false,
+            loadFromWebsiteInput: '',
+            titleInput: res.data.hybridGraph.title,
+            textInput: res.data.hybridGraph.description
+          };
+
+          if (res.data.hybridGraph.video) {
+            newState.videoInput = res.data.hybridGraph.video;
+            newState.selectedOption = 'video';
+          } else {
+            newState.links = [{
+              Text: "Read more ".concat(res.data.hybridGraph.site_name ? "on ".concat(res.data.hybridGraph.site_name) : 'here'),
+              Url: _this.state.loadFromWebsiteInput
+            }];
+            newState.selectedOption = 'attachments';
+          }
+
+          _this.setState(newState);
+
+          if (res.data.hybridGraph.image) {
+            _this.checkSetImage({
+              Images: [res.data.hybridGraph.image]
+            });
+          } else if (res.data.hybridGraph.imageSecureUrl) {
+            _this.checkSetImage({
+              Images: [res.data.hybridGraph.imageSecureUrl]
+            });
+          }
+        }).catch(function (err) {
+          window.alert('Could not load website. Try again or try a different URL.');
+
+          _this.setState({
+            loadingFromWebsite: false
+          });
+        });
+      });
+
       _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "selectOption", function (o) {
         _this.setState({
           selectedOption: o
@@ -2370,8 +2436,7 @@
       });
 
       _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "handleSubmit", function () {
-        console.log(_this.audienceSelector);
-
+        // console.log(this.audienceSelector);
         _this.audienceSelector.getWrappedInstance().onSubmit();
 
         if (!_this.validateForm()) {
@@ -3045,8 +3110,9 @@
             _this9.audienceSelector = a;
           },
           auth: this.props.auth,
+          custom: true,
           disallowSingleUsers: true,
-          disallowUserType: this.props.auth.site === 'hq',
+          disallowUserType: true,
           customSite: this.props.auth.site === 'hq' ? 'All sites' : false
         }));
       }
@@ -3156,7 +3222,11 @@
         }, /*#__PURE__*/React__default['default'].createElement(Text, {
           type: "formTitleLarge",
           className: "marginBottom-24"
-        }, this.state.updateId == null ? 'New' : 'Edit', " Post"), /*#__PURE__*/React__default['default'].createElement(GenericInput, {
+        }, this.state.updateId == null ? 'New' : 'Edit', " Post"), /*#__PURE__*/React__default['default'].createElement("div", {
+          className: "flex"
+        }, /*#__PURE__*/React__default['default'].createElement("div", {
+          className: "flex-1"
+        }, /*#__PURE__*/React__default['default'].createElement(GenericInput, {
           id: "titleInput",
           type: "text",
           label: "Title",
@@ -3173,7 +3243,30 @@
           },
           isRequired: true,
           alwaysShowLabel: true
-        }), /*#__PURE__*/React__default['default'].createElement(GenericInput, {
+        })), /*#__PURE__*/React__default['default'].createElement(Text, {
+          type: "formLabel",
+          className: "padding-20"
+        }, "or"), /*#__PURE__*/React__default['default'].createElement("div", {
+          className: "flex-1 flex flex-reverse flex-center"
+        }, /*#__PURE__*/React__default['default'].createElement(Button, {
+          inline: true,
+          buttonType: "primary",
+          className: "marginLeft-20",
+          onClick: this.handleLoadFromWebsite,
+          isActive: this.validateLoadFromWebsite()
+        }, "Load"), /*#__PURE__*/React__default['default'].createElement("div", {
+          className: "flex-1"
+        }, /*#__PURE__*/React__default['default'].createElement(GenericInput, {
+          id: "loadFromWebsiteInput",
+          type: "text",
+          label: "Load from website",
+          placeholder: "https://",
+          value: this.state.loadFromWebsiteInput,
+          onChange: function onChange(e) {
+            return _this10.handleChange(e);
+          },
+          alwaysShowLabel: true
+        })))), /*#__PURE__*/React__default['default'].createElement(GenericInput, {
           id: "textInput",
           type: "textarea",
           label: "Text",
@@ -4100,8 +4193,10 @@
             _this5.audienceSelector = a;
           },
           auth: this.props.auth,
+          custom: true,
+          maxWidth: 300,
           disallowSingleUsers: true,
-          disallowUserType: this.props.auth.site === 'hq',
+          disallowUserType: true,
           customSite: this.props.auth.site === 'hq' ? 'All sites' : false
         })), /*#__PURE__*/React__default['default'].createElement("div", {
           className: "padding-60 paddingVertical-40 bottomDivideBorder"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plusscommunities/pluss-newsletter-web-sharing",
-  "version": "1.2.15",
+  "version": "1.3.5",
   "description": "Extension package to enable newsletter on Pluss Communities Platform",
   "main": "dist/index.cjs.js",
   "scripts": {
@@ -33,7 +33,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.14.0",
-    "@plusscommunities/pluss-core-web": "^1.1.5",
+    "@plusscommunities/pluss-core-web": "^1.2.5",
     "lodash": "^4.17.4",
     "moment": "^2.18.1",
     "react": "^16.14.0",