@plusscommunities/pluss-newsletter-web-sharing 1.2.8

package/package.default.json

@@ -0,0 +1,43 @@
+{
+  "name": "@plusscommunities/pluss-newsletter-web",
+  "version": "1.2.2",
+  "description": "Extension package to enable newsletter on Pluss Communities Platform",
+  "main": "dist/index.cjs.js",
+  "scripts": {
+    "build": "npm i && rollup -c",
+    "core": "npm i @plusscommunities/pluss-core-web@latest",
+    "patch": "npm version patch",
+    "upload": "npm run build && npm publish --access public && rm -rf node_modules",
+    "upload:p": "npm run patch && npm run upload",
+    "upload:cp": "npm run core && npm run patch && npm run upload",
+    "copy:add": "run(){ arg1=${1:-default}; test -f package.$arg1.json || cp package.default.json package.$arg1.json; test -f src/feature.config.$arg1.js || cp src/feature.config.default.js src/feature.config.$arg1.js; }; run",
+    "copy:set": "run(){ arg1=${1:-default}; cp -f package.$arg1.json package.json; cp -f src/feature.config.$arg1.js src/feature.config.js; }; run"
+  },
+  "author": "Phillip Suh",
+  "license": "ISC",
+  "devDependencies": {
+    "@babel/cli": "^7.14.3",
+    "@babel/core": "^7.14.3",
+    "@babel/plugin-transform-runtime": "^7.14.3",
+    "@babel/preset-env": "^7.14.2",
+    "@babel/preset-react": "^7.13.13",
+    "@rollup/plugin-babel": "^5.3.0",
+    "@rollup/plugin-image": "^2.0.6",
+    "@rollup/plugin-json": "^4.1.0",
+    "autoprefixer": "^10.2.6",
+    "rollup": "^2.50.1",
+    "rollup-plugin-local-resolve": "^1.0.7",
+    "rollup-plugin-styles": "^3.14.1"
+  },
+  "dependencies": {
+    "@babel/runtime": "^7.14.0",
+    "@plusscommunities/pluss-core-web": "^1.1.5",
+    "lodash": "^4.17.4",
+    "moment": "^2.18.1",
+    "react": "^16.14.0",
+    "react-bootstrap": "^0.31.2",
+    "react-dom": "^16.14.0",
+    "react-fontawesome": "^1.6.1"
+  },
+  "keywords": []
+}

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@plusscommunities/pluss-newsletter-web-sharing",
+  "version": "1.2.8",
+  "description": "Extension package to enable newsletter on Pluss Communities Platform",
+  "main": "dist/index.cjs.js",
+  "scripts": {
+    "build": "npm i && rollup -c",
+    "core": "npm i @plusscommunities/pluss-core-web@latest",
+    "patch": "npm version patch",
+    "upload": "npm run build && npm publish --access public && rm -rf node_modules",
+    "upload:p": "npm run patch && npm run upload",
+    "upload:cp": "npm run core && npm run patch && npm run upload",
+    "copy:add": "run(){ ext=${1:-default}; test -f src/feature.config.$ext.js || cp src/feature.config.default.js src/feature.config.$ext.js; }; run",
+    "copy:get": "echo $npm_package_name",
+    "copy:set": "run(){ target='\\@plusscommunities\\/pluss-newsletter-web'; ext=${1:-default}; [ $ext == 'default' ] && replace=$target || replace=$target'-'$ext; echo 'Setting target to '$replace; test -f src/feature.config.$ext.js && cp -f src/feature.config.$ext.js src/feature.config.js; sed -i '' -e 's/'$target'.*\"/'$replace'\"/g' package.json; }; run",
+    "copy:upload": "npm run patch; for file in `ls ./src/feature.config.*.js`; do dup=`echo $file | sed 's/.*feature\\.config\\.\\(.*\\)\\.js/\\1/'`; npm run copy:set $dup; npm run upload; done; npm run copy:set;"
+  },
+  "author": "Phillip Suh",
+  "license": "ISC",
+  "devDependencies": {
+    "@babel/cli": "^7.14.3",
+    "@babel/core": "^7.14.3",
+    "@babel/plugin-transform-runtime": "^7.14.3",
+    "@babel/preset-env": "^7.14.2",
+    "@babel/preset-react": "^7.13.13",
+    "@rollup/plugin-babel": "^5.3.0",
+    "@rollup/plugin-image": "^2.0.6",
+    "@rollup/plugin-json": "^4.1.0",
+    "autoprefixer": "^10.2.6",
+    "rollup": "^2.50.1",
+    "rollup-plugin-local-resolve": "^1.0.7",
+    "rollup-plugin-styles": "^3.14.1"
+  },
+  "dependencies": {
+    "@babel/runtime": "^7.14.0",
+    "@plusscommunities/pluss-core-web": "^1.1.5",
+    "lodash": "^4.17.4",
+    "moment": "^2.18.1",
+    "react": "^16.14.0",
+    "react-bootstrap": "^0.31.2",
+    "react-dom": "^16.14.0",
+    "react-fontawesome": "^1.6.1"
+  },
+  "keywords": []
+}

package/package.test.json

@@ -0,0 +1,43 @@
+{
+  "name": "@plusscommunities/pluss-newsletter-web-test",
+  "version": "1.2.2",
+  "description": "Extension package to enable newsletter on Pluss Communities Platform",
+  "main": "dist/index.cjs.js",
+  "scripts": {
+    "build": "npm i && rollup -c",
+    "core": "npm i @plusscommunities/pluss-core-web@latest",
+    "patch": "npm version patch",
+    "upload": "npm run build && npm publish --access public && rm -rf node_modules",
+    "upload:p": "npm run patch && npm run upload",
+    "upload:cp": "npm run core && npm run patch && npm run upload",
+    "copy:add": "run(){ arg1=${1:-default}; test -f package.$arg1.json || cp package.default.json package.$arg1.json; test -f src/feature.config.$arg1.js || cp src/feature.config.default.js src/feature.config.$arg1.js; }; run",
+    "copy:set": "run(){ arg1=${1:-default}; cp -f package.$arg1.json package.json; cp -f src/feature.config.$arg1.js src/feature.config.js; }; run"
+  },
+  "author": "Phillip Suh",
+  "license": "ISC",
+  "devDependencies": {
+    "@babel/cli": "^7.14.3",
+    "@babel/core": "^7.14.3",
+    "@babel/plugin-transform-runtime": "^7.14.3",
+    "@babel/preset-env": "^7.14.2",
+    "@babel/preset-react": "^7.13.13",
+    "@rollup/plugin-babel": "^5.3.0",
+    "@rollup/plugin-image": "^2.0.6",
+    "@rollup/plugin-json": "^4.1.0",
+    "autoprefixer": "^10.2.6",
+    "rollup": "^2.50.1",
+    "rollup-plugin-local-resolve": "^1.0.7",
+    "rollup-plugin-styles": "^3.14.1"
+  },
+  "dependencies": {
+    "@babel/runtime": "^7.14.0",
+    "@plusscommunities/pluss-core-web": "^1.1.5",
+    "lodash": "^4.17.4",
+    "moment": "^2.18.1",
+    "react": "^16.14.0",
+    "react-bootstrap": "^0.31.2",
+    "react-dom": "^16.14.0",
+    "react-fontawesome": "^1.6.1"
+  },
+  "keywords": []
+}

package/rollup.config.js

@@ -0,0 +1,59 @@
+import styles from 'rollup-plugin-styles';
+const autoprefixer = require('autoprefixer');
+import babel from '@rollup/plugin-babel';
+import json from '@rollup/plugin-json';
+import image from '@rollup/plugin-image';
+import localResolve from 'rollup-plugin-local-resolve';
+
+// the entry point for the library
+const input = 'src/index.js';
+
+var MODE = [
+  {
+    fomart: 'cjs',
+  },
+  {
+    fomart: 'esm',
+  },
+  {
+    fomart: 'umd',
+  },
+];
+
+var config = [];
+
+MODE.map((m) => {
+  var conf = {
+    input: input,
+    output: {
+      // then name of your package
+      name: '@plusscommunities/pluss-newsletter-web',
+      file: `dist/index.${m.fomart}.js`,
+      format: m.fomart,
+      exports: 'auto',
+    },
+    // this externelizes react to prevent rollup from compiling it
+    external: ['react', /@babel\/runtime/],
+    plugins: [
+      // these are babel comfigurations
+      babel({
+        exclude: 'node_modules/**',
+        presets: ['@babel/preset-react', '@babel/preset-env'],
+        plugins: ['@babel/transform-runtime'],
+        babelHelpers: 'runtime',
+      }),
+      // this adds support for styles
+      styles({
+        postcss: {
+          plugins: [autoprefixer()],
+        },
+      }),
+      json(),
+      image(),
+      localResolve(),
+    ],
+  };
+  config.push(conf);
+});
+
+export default [...config];

package/src/actions/NewsActions.js

@@ -0,0 +1,102 @@
+import _ from 'lodash';
+import Cookies from 'js-cookie';
+import {
+  NEWS_LOADED,
+  NEWS_UPDATED,
+  NEWS_REMOVED,
+  NEWS_SUBMISSIONS_LOADED,
+  NEWS_SUBMISSION_REMOVED,
+  NEWS_PURGE,
+  NEWS_DASHBOARD_LOADING,
+  NEWS_SUBMISSIONS_DASHBOARD_LOADING,
+} from './types';
+import { newsletterActions } from '../webapi';
+
+export const newsUpdate = (site, isdashboard) => {
+  return (dispatch) => {
+    if (isdashboard) {
+      dispatch({
+        type: NEWS_DASHBOARD_LOADING,
+      });
+    }
+    newsletterActions.recursiveGetNews(site).then((res) => {
+      const currentSite = Cookies.get('site');
+      if (res.data != null && !_.isEmpty(res.data) && res.data[0].Site === currentSite) {
+        dispatch({
+          type: NEWS_UPDATED,
+          payload: res.data,
+        });
+      } else {
+        dispatch({
+          type: NEWS_UPDATED,
+          payload: [],
+        });
+      }
+    });
+  };
+};
+
+export const newsLoaded = (events) => {
+  return {
+    type: NEWS_LOADED,
+    payload: events,
+  };
+};
+
+export const newsUpdated = (events) => {
+  return {
+    type: NEWS_UPDATED,
+    payload: events,
+  };
+};
+
+export const removeNews = (id) => {
+  return {
+    type: NEWS_REMOVED,
+    payload: id,
+  };
+};
+
+export const newsSubmissionsUpdate = (site, isdashboard) => {
+  return (dispatch) => {
+    if (isdashboard) {
+      dispatch({
+        type: NEWS_SUBMISSIONS_DASHBOARD_LOADING,
+      });
+    }
+    newsletterActions.getNewsletterSubmissions(site).then((res) => {
+      const currentSiteSub = Cookies.get('site');
+      if (res.data != null && !_.isEmpty(res.data) && res.data[0].Site === currentSiteSub) {
+        dispatch({
+          type: NEWS_SUBMISSIONS_LOADED,
+          payload: res.data,
+        });
+      } else {
+        dispatch({
+          type: NEWS_SUBMISSIONS_LOADED,
+          payload: [],
+        });
+      }
+    });
+  };
+};
+
+export const newsSubmissionsLoaded = (events) => {
+  return {
+    type: NEWS_SUBMISSIONS_LOADED,
+    payload: events,
+  };
+};
+
+export const removeNewsSubmission = (id) => {
+  return {
+    type: NEWS_SUBMISSION_REMOVED,
+    payload: id,
+  };
+};
+
+export const clearNews = () => {
+  return {
+    type: NEWS_PURGE,
+  };
+};

package/src/actions/index.js

@@ -0,0 +1,9 @@
+import { PlussCore } from '../feature.config';
+
+const { Actions } = PlussCore;
+export const setAuth = Actions.setAuth;
+export const usersLoaded = Actions.usersLoaded;
+export const addRecentlyCreated = Actions.addRecentlyCreated;
+export const setNavData = Actions.setNavData;
+
+export * from './NewsActions';

package/src/actions/types.js

@@ -0,0 +1,10 @@
+import { values } from '../feature.config';
+
+export const NEWS_LOADED = values.actionNewsLoaded;
+export const NEWS_UPDATED = values.actionNewsUpdated;
+export const NEWS_REMOVED = values.actionNewsRemoved;
+export const NEWS_SUBMISSIONS_LOADED = values.actionNewsSubmissionsLoaded;
+export const NEWS_SUBMISSION_REMOVED = values.actionNewsSubmissionRemoved;
+export const NEWS_PURGE = values.actionNewsPurge;
+export const NEWS_DASHBOARD_LOADING = values.actionNewsDashboardLoading;
+export const NEWS_SUBMISSIONS_DASHBOARD_LOADING = values.actionNewsSubmissionsDashboardLoading;

package/src/components/ActivityText.js

@@ -0,0 +1,73 @@
+import React, { Component } from 'react';
+import _ from 'lodash';
+import { Link } from 'react-router-dom';
+import { values } from '../feature.config';
+
+class ActivityText extends Component {
+  render() {
+    const { data, classes, clickableClasses, highlightedClasses } = this.props;
+
+    switch (data.Type) {
+      case values.activityAddNewsSubmission:
+        return (
+          <p className={classes}>
+            <span className={highlightedClasses}>{data.User.displayName}</span>
+            &nbsp;{values.textSubmittedANewsletterPostForReview}&nbsp;
+            <Link to={`${values.routeNewsletterSubmission}${data.Id}`} className={clickableClasses}>
+              {data.Data.title}
+            </Link>
+          </p>
+        );
+      case values.activityApproveNewsSubmission:
+        return (
+          <p className={classes}>
+            <span className={highlightedClasses}>{data.User.displayName}</span>
+            &nbsp;{values.textApprovedANewsSubmission}&nbsp;
+            <Link to={`${values.routeAddNewsletterEntry}/${data.Id}`} className={clickableClasses}>
+              {data.Data.title}
+            </Link>
+          </p>
+        );
+      case values.activityRejectNewsSubmission:
+        return (
+          <p className={classes}>
+            <span className={highlightedClasses}>{data.User.displayName}</span>
+            &nbsp;{values.textRejectedANewsSubmission}&nbsp;
+            <span className={highlightedClasses}>{data.Data.title}</span>
+          </p>
+        );
+      case values.activityAddNews:
+        return (
+          <p className={classes}>
+            <span className={highlightedClasses}>{data.User.displayName}</span>
+            &nbsp;{values.textAddedANewsletterPost}&nbsp;
+            <Link to={`${values.routeAddNewsletterEntry}/${data.Id}`} className={clickableClasses}>
+              {data.Data.title}
+            </Link>
+          </p>
+        );
+      case values.activityEditNews:
+        return (
+          <p className={classes}>
+            <span className={highlightedClasses}>{data.User.displayName}</span>
+            &nbsp;{values.textEditedANewsletterPost}&nbsp;
+            <Link to={`${values.routeAddNewsletterEntry}/${data.Id}`} className={clickableClasses}>
+              {data.Data.title}
+            </Link>
+          </p>
+        );
+      case values.acitivtyDeleteNews:
+        return (
+          <p className={classes}>
+            <span className={highlightedClasses}>{data.User.displayName}</span>
+            &nbsp;{values.textDeletedANewsletterPost}&nbsp;
+            <span className={highlightedClasses}>{data.Data.title}</span>
+          </p>
+        );
+      default:
+        return null;
+    }
+  }
+}
+
+export default ActivityText;

package/src/components/MakerPopup/index.js

@@ -0,0 +1,3 @@
+import { PlussCore } from '../../feature.config';
+
+export const MakerPopup = PlussCore.Components.MakerPopup;

package/src/components/PreviewFull.js

@@ -0,0 +1,32 @@
+import React, { Component } from 'react';
+import fullNoTitle from '../images/fullNoTitle.png';
+import fullNoTitleCondensed from '../images/fullNoTitleCondensed.png';
+import { values } from '../feature.config';
+
+class PreviewFull extends Component {
+  render() {
+    const { backgroundColor, widgetTitle, titleClassName, options } = this.props;
+
+    return (
+      <div style={styles.container}>
+        <p className={titleClassName}>{widgetTitle}</p>
+        <img
+          style={{ ...styles.image, backgroundColor }}
+          src={options[values.optionUseLargeNews] ? fullNoTitle : fullNoTitleCondensed}
+          alt="fullNoTitle"
+        />
+      </div>
+    );
+  }
+}
+
+const styles = {
+  container: {
+    position: 'relative',
+  },
+  image: {
+    width: '100%',
+  },
+};
+
+export default PreviewFull;

package/src/components/PreviewGrid.js

@@ -0,0 +1,19 @@
+import React, { Component } from 'react';
+import { values } from '../feature.config';
+
+const SVG_PATH = values.svgPathGridIcon;
+const SVG_VIEWBOX = values.svgPathGridIconViewBox || '0 0 30 30';
+
+class PreviewGrid extends Component {
+  render() {
+    const { colour } = this.props;
+
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox={SVG_VIEWBOX}>
+        <path key={SVG_PATH.substring(0, 20)} d={SVG_PATH} fill={colour} />;
+      </svg>
+    );
+  }
+}
+
+export default PreviewGrid;

package/src/components/PreviewWidget.js

@@ -0,0 +1,28 @@
+import React, { Component } from 'react';
+import previewWidget from '../images/previewWidget.png';
+// https://pluss-prd-uploads.s3.ap-southeast-2.amazonaws.com/uploads/users/ap-southeast-2:80aecdcb-9955-493e-a341-2f2263f64777/public/1080a6644ed8925269ec8ad873/newswidget.png
+
+class PreviewWidget extends Component {
+  render() {
+    const { backgroundColor, widgetTitle, titleClassName } = this.props;
+    return (
+      <div style={styles.container}>
+        <img style={{ ...styles.image, backgroundColor }} src={previewWidget} alt="previewWidget" />
+        <p className={titleClassName} style={styles.title}>
+          {widgetTitle}
+        </p>
+      </div>
+    );
+  }
+}
+
+const styles = {
+  container: {
+    position: 'relative',
+  },
+  image: {
+    width: '100%',
+  },
+};
+
+export default PreviewWidget;

package/src/components/Reactions/index.js

@@ -0,0 +1,3 @@
+import { PlussCore } from '../../feature.config';
+
+export const Reactions = PlussCore.Components.Reactions;

package/src/components/ViewFull.js

@@ -0,0 +1,19 @@
+import React, { Component } from 'react';
+import full from '../images/full.png';
+// https://pluss-prd-uploads.s3.ap-southeast-2.amazonaws.com/uploads/users/ap-southeast-2:80aecdcb-9955-493e-a341-2f2263f64777/public/7f817a754490be2a2c859db2fe/newsmainmasked.png
+
+class ViewFull extends Component {
+  render() {
+    return <img style={styles.image} src={full} alt="full" />;
+  }
+}
+
+const styles = {
+  image: {
+    width: '100%',
+    height: '100%',
+    objectFit: 'contain',
+  },
+};
+
+export default ViewFull;

package/src/components/ViewWidget.js

@@ -0,0 +1,17 @@
+import React, { Component } from 'react';
+import widget from '../images/widget.png';
+// https://pluss-prd-uploads.s3.ap-southeast-2.amazonaws.com/uploads/users/ap-southeast-2:80aecdcb-9955-493e-a341-2f2263f64777/public/fc1ab89c41cc9de0d637845e7d/newswidgetfull.png
+
+class ViewWidget extends Component {
+  render() {
+    return <img style={styles.image} src={widget} alt="widget" />;
+  }
+}
+
+const styles = {
+  image: {
+    width: 80,
+  },
+};
+
+export default ViewWidget;

package/src/components/index.js

@@ -0,0 +1,25 @@
+import { PlussCore } from '../feature.config';
+
+const { Components } = PlussCore;
+export const Header = Components.Header;
+export const AddButton = Components.AddButton;
+export const Button = Components.Button;
+export const GenericInput = Components.GenericInput;
+export const AnalyticsFilter = Components.AnalyticsFilter;
+export const ImageInput = Components.ImageInput;
+export const RadioButton = Components.RadioButton;
+export const OverlayPage = Components.OverlayPage;
+export const OverlayPageContents = Components.OverlayPageContents;
+export const OverlayPageSection = Components.OverlayPageSection;
+export const OverlayPageBottomButtons = Components.OverlayPageBottomButtons;
+export const UserListing = Components.UserListing;
+export const P60Icon = Components.P60Icon;
+export const DatePicker = Components.DatePicker;
+export const TimePicker = Components.TimePicker;
+export const SuccessPopup = Components.SuccessPopup;
+export const AudienceSelector = Components.AudienceSelector;
+export const CheckBox = Components.CheckBox;
+export const TextFormatPopup = Components.TextFormatPopup;
+export const OptionsSection = Components.OptionsSection;
+export const FileInput = Components.FileInput;
+export const Popup = Components.Popup;

package/src/components/text/index.js

@@ -0,0 +1,4 @@
+import { PlussCore } from '../../feature.config';
+
+const { Components } = PlussCore;
+export const Text = Components.Text;

package/src/config/index.js

@@ -0,0 +1,9 @@
+import { PlussCore } from '../feature.config';
+
+const { Config } = PlussCore;
+
+export const UTC_OFFSET = Config.env.utcOffset;
+export const hasAvailableNews = Config.env.hasAvailableNews;
+export const newsHaveTags = Config.env.newsHaveTags;
+export const DEFAULT_ALLOW_COMMENTS = Config.env.defaultAllowComments;
+export const logo = Config.env.logo;