@plusscommunities/pluss-circles-web 1.0.13 → 1.0.15-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plusscommunities/pluss-circles-web",
-  "version": "1.0.13",
+  "version": "1.0.15-beta.0",
   "description": "Extension package to enable circles on Pluss Communities Platform",
   "main": "dist/index.cjs.js",
   "scripts": {
@@ -35,7 +35,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.14.0",
-    "@plusscommunities/pluss-core-web": "1.4.11",
+    "@plusscommunities/pluss-core-web": "1.4.14-beta.0",
     "lodash": "^4.17.4",
     "moment": "^2.18.1",
     "react": "^16.14.0",

package/src/components/FeaturePickerContent.js

@@ -0,0 +1,38 @@
+import React from 'react';
+import { PlussCore } from '../feature.config';
+
+const { Components, Colours } = PlussCore;
+
+export default () => {
+  return (
+    <div className="fp2_widget_content fp2_widget_content-circles">
+      <div className="fp2_widget_content_vListing">
+        <div className="fp2_widget_silhouette fp2_widget_silhouette-circle">
+          <Components.SVGIcon icon={'groups3'} colour={Colours.hexToRGBAstring(Colours.COLOUR_BRANDING_MAIN, 0.5)} />
+        </div>
+        <div className="flex-1">
+          <div className="fp2_widget_silhouette fp2_widget_silhouette-textLine"></div>
+          <div className="fp2_widget_silhouette fp2_widget_silhouette-textLineFull"></div>
+        </div>
+      </div>
+      <div className="fp2_widget_content_vListing">
+        <div className="fp2_widget_silhouette fp2_widget_silhouette-circle">
+          <Components.SVGIcon icon={'groups3'} colour={Colours.hexToRGBAstring(Colours.COLOUR_BRANDING_MAIN, 0.5)} />
+        </div>
+        <div className="flex-1">
+          <div className="fp2_widget_silhouette fp2_widget_silhouette-textLine"></div>
+          <div className="fp2_widget_silhouette fp2_widget_silhouette-textLineFull"></div>
+        </div>
+      </div>
+      <div className="fp2_widget_content_vListing">
+        <div className="fp2_widget_silhouette fp2_widget_silhouette-circle">
+          <Components.SVGIcon icon={'groups3'} colour={Colours.hexToRGBAstring(Colours.COLOUR_BRANDING_MAIN, 0.5)} />
+        </div>
+        <div className="flex-1">
+          <div className="fp2_widget_silhouette fp2_widget_silhouette-textLine"></div>
+          <div className="fp2_widget_silhouette fp2_widget_silhouette-textLineFull"></div>
+        </div>
+      </div>
+    </div>
+  );
+};

package/src/feature.config.js

@@ -24,6 +24,18 @@ const FeatureConfig = {
       default: values.allowPublicKeyDefault,
     },
   ],
+  featurePickerInfo: {
+    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',
+    text: (
+      <>
+        <p>Open and closed group chat - where your community does its planning, discussing and sharing.</p>
+        <p>Keep them open for any member to join, or private to the admins - {values.textFeatureTitle} gives you that control.</p>
+        <p>Your {values.textFeatureTitle} activity will keep the app close to your communities hands.</p>
+      </>
+    ),
+    layoutDisclaimer: true,
+  },
   menu: {
     order: 11,
     text: values.textFeatureTitle,

package/src/index.js

@@ -12,3 +12,4 @@ export { default as ViewFull } from './components/ViewFull';
 export { default as PreviewWidget } from './components/PreviewWidget';
 export { default as PreviewFull } from './components/PreviewFull';
 export { default as PreviewGrid } from './components/PreviewGrid';
+export { default as FeaturePickerContent } from './components/FeaturePickerContent';