@plusscommunities/pluss-webview-app 3.0.0 → 3.0.1

package/dist/module/components/WidgetLarge.js

@@ -1,8 +1,12 @@
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 import React, { Component } from 'react';
-import { View, StyleSheet } from 'react-native';
+import { View, Text, StyleSheet } from 'react-native';
 import { WebView } from 'react-native-webview';
+import { connect } from 'react-redux';
+import _ from 'lodash';
+import { Colours, Components } from '../core.config';
+import { Services } from '../feature.config';
 
 class WidgetLarge extends Component {
   constructor(props) {
@@ -12,13 +16,71 @@ class WidgetLarge extends Component {
 
     _defineProperty(this, "onLoadEnd", () => {});
 
+    _defineProperty(this, "onGoToFullpage", () => {
+      const {
+        options
+      } = this.props;
+      Services.navigation.navigate('webViewPage', {
+        url: options['webUrl'],
+        headerTitle: this.getTitle()
+      });
+    });
+
+    _defineProperty(this, "getTitle", () => {
+      const {
+        options
+      } = this.props;
+      if (options && !_.isEmpty(options.Title)) return options.Title;
+      return 'Web View';
+    });
+
     this.state = {};
   }
 
   render() {
     const {
-      options
+      options,
+      colourBrandingMain
     } = this.props;
+
+    if (options.isWebViewSeparatePage) {
+      return /*#__PURE__*/React.createElement(View, {
+        style: [styles.buttonContainer, {
+          backgroundColor: Colours.hexToRGBAstring(colourBrandingMain, 0.2)
+        }]
+      }, /*#__PURE__*/React.createElement(View, {
+        style: styles.upperContainer
+      }, /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Text, {
+        style: [styles.title, {
+          color: colourBrandingMain
+        }]
+      }, this.getTitle()))), /*#__PURE__*/React.createElement(Components.InlineButton, {
+        onPress: this.onGoToFullpage,
+        color: colourBrandingMain,
+        style: styles.button,
+        large: true
+      }, options.buttonText)); // return (
+      //   <View style={styles.sectionContainer}>
+      //     <View style={styles.sectionPadding}>
+      //       <View style={styles.sectionHeading}>
+      //         <Text style={styles.sectionTitle}>{this.getTitle()}</Text>
+      //       </View>
+      //     </View>
+      //     <View style={styles.buttonContainer}>
+      //       <Components.InlineButton
+      //         onPress={this.onGoToFullpage}
+      //         color={colourBrandingMain}
+      //         touchableStyle={{ paddingTop: 6 }}
+      //         textStyle={{ color: '#fff' }}
+      //         large
+      //       >
+      //         {options.buttonText}
+      //       </Components.InlineButton>
+      //     </View>
+      //   </View>
+      // );
+    }
+
     return /*#__PURE__*/React.createElement(View, {
       style: styles.container
     }, this.props.ListHeaderComponent, /*#__PURE__*/React.createElement(WebView, {
@@ -41,7 +103,35 @@ const styles = StyleSheet.create({
     flex: 1,
     alignItems: 'center',
     justifyContent: 'center'
+  },
+  buttonContainer: {
+    width: '100%',
+    alignItems: 'center',
+    justifyContent: 'center',
+    padding: 16
+  },
+  upperContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  },
+  title: {
+    fontFamily: 'sf-semibold',
+    fontSize: 16
+  },
+  button: {
+    paddingHorizontal: 40,
+    marginTop: 16
   }
 });
-export default WidgetLarge;
+
+const mapStateToProps = state => {
+  return {
+    colourBrandingMain: Colours.getMainBrandingColourFromState(state)
+  };
+};
+
+export default connect(mapStateToProps, {}, null, {
+  forwardRef: true
+})(WidgetLarge);
 //# sourceMappingURL=WidgetLarge.js.map

package/dist/module/components/WidgetLarge.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Component","View","StyleSheet","WebView","WidgetLarge","constructor","props","state","render","options","styles","container","ListHeaderComponent","uri","webContainer","onLoadStart","onLoadEnd","create","flex","alignItems","justifyContent"],"sources":["WidgetLarge.js"],"sourcesContent":["import React, { Component } from 'react';\nimport { View, StyleSheet } from 'react-native';\nimport { WebView } from 'react-native-webview';\n\nclass WidgetLarge extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {};\n  }\n\n  onLoadStart = () => {};\n  onLoadEnd = () => {};\n\n  render() {\n    const { options } = this.props;\n    return (\n      <View style={styles.container}>\n        {this.props.ListHeaderComponent}\n        <WebView\n          source={{ uri: options['webUrl'] }}\n          style={styles.webContainer}\n          onLoadStart={this.onLoadStart}\n          onLoadEnd={this.onLoadEnd}\n        />\n      </View>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n  webContainer: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\nexport default WidgetLarge;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AACA,SAASC,IAAT,EAAeC,UAAf,QAAiC,cAAjC;AACA,SAASC,OAAT,QAAwB,sBAAxB;;AAEA,MAAMC,WAAN,SAA0BJ,SAA1B,CAAoC;EAClCK,WAAW,CAACC,KAAD,EAAQ;IACjB,MAAMA,KAAN;;IADiB,qCAKL,MAAM,CAAE,CALH;;IAAA,mCAMP,MAAM,CAAE,CAND;;IAEjB,KAAKC,KAAL,GAAa,EAAb;EACD;;EAKDC,MAAM,GAAG;IACP,MAAM;MAAEC;IAAF,IAAc,KAAKH,KAAzB;IACA,oBACE,oBAAC,IAAD;MAAM,KAAK,EAAEI,MAAM,CAACC;IAApB,GACG,KAAKL,KAAL,CAAWM,mBADd,eAEE,oBAAC,OAAD;MACE,MAAM,EAAE;QAAEC,GAAG,EAAEJ,OAAO,CAAC,QAAD;MAAd,CADV;MAEE,KAAK,EAAEC,MAAM,CAACI,YAFhB;MAGE,WAAW,EAAE,KAAKC,WAHpB;MAIE,SAAS,EAAE,KAAKC;IAJlB,EAFF,CADF;EAWD;;AAtBiC;;AAyBpC,MAAMN,MAAM,GAAGR,UAAU,CAACe,MAAX,CAAkB;EAC/BN,SAAS,EAAE;IACTO,IAAI,EAAE;EADG,CADoB;EAI/BJ,YAAY,EAAE;IACZI,IAAI,EAAE,CADM;IAEZC,UAAU,EAAE,QAFA;IAGZC,cAAc,EAAE;EAHJ;AAJiB,CAAlB,CAAf;AAWA,eAAehB,WAAf"}
+{"version":3,"names":["React","Component","View","Text","StyleSheet","WebView","connect","_","Colours","Components","Services","WidgetLarge","constructor","props","options","navigation","navigate","url","headerTitle","getTitle","isEmpty","Title","state","render","colourBrandingMain","isWebViewSeparatePage","styles","buttonContainer","backgroundColor","hexToRGBAstring","upperContainer","title","color","onGoToFullpage","button","buttonText","container","ListHeaderComponent","uri","webContainer","onLoadStart","onLoadEnd","create","flex","alignItems","justifyContent","width","padding","flexDirection","fontFamily","fontSize","paddingHorizontal","marginTop","mapStateToProps","getMainBrandingColourFromState","forwardRef"],"sources":["WidgetLarge.js"],"sourcesContent":["import React, { Component } from 'react';\nimport { View, Text, StyleSheet } from 'react-native';\nimport { WebView } from 'react-native-webview';\nimport { connect } from 'react-redux';\nimport _ from 'lodash';\nimport { Colours, Components } from '../core.config';\nimport { Services } from '../feature.config';\n\nclass WidgetLarge extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {};\n  }\n\n  onLoadStart = () => {};\n  onLoadEnd = () => {};\n\n  onGoToFullpage = () => {\n    const { options } = this.props;\n    Services.navigation.navigate('webViewPage', { url: options['webUrl'], headerTitle: this.getTitle() });\n  };\n\n  getTitle = () => {\n    const { options } = this.props;\n    if (options && !_.isEmpty(options.Title)) return options.Title;\n    return 'Web View';\n  };\n\n  render() {\n    const { options, colourBrandingMain } = this.props;\n    if (options.isWebViewSeparatePage) {\n      return (\n        <View style={[styles.buttonContainer, { backgroundColor: Colours.hexToRGBAstring(colourBrandingMain, 0.2) }]}>\n          <View style={styles.upperContainer}>\n            <View>\n              <Text style={[styles.title, { color: colourBrandingMain }]}>{this.getTitle()}</Text>\n            </View>\n          </View>\n          <Components.InlineButton onPress={this.onGoToFullpage} color={colourBrandingMain} style={styles.button} large>\n            {options.buttonText}\n          </Components.InlineButton>\n        </View>\n      );\n      // return (\n      //   <View style={styles.sectionContainer}>\n      //     <View style={styles.sectionPadding}>\n      //       <View style={styles.sectionHeading}>\n      //         <Text style={styles.sectionTitle}>{this.getTitle()}</Text>\n      //       </View>\n      //     </View>\n      //     <View style={styles.buttonContainer}>\n      //       <Components.InlineButton\n      //         onPress={this.onGoToFullpage}\n      //         color={colourBrandingMain}\n      //         touchableStyle={{ paddingTop: 6 }}\n      //         textStyle={{ color: '#fff' }}\n      //         large\n      //       >\n      //         {options.buttonText}\n      //       </Components.InlineButton>\n      //     </View>\n      //   </View>\n      // );\n    }\n    return (\n      <View style={styles.container}>\n        {this.props.ListHeaderComponent}\n        <WebView\n          source={{ uri: options['webUrl'] }}\n          style={styles.webContainer}\n          onLoadStart={this.onLoadStart}\n          onLoadEnd={this.onLoadEnd}\n        />\n      </View>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n  webContainer: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  buttonContainer: {\n    width: '100%',\n    alignItems: 'center',\n    justifyContent: 'center',\n    padding: 16,\n  },\n  upperContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n  },\n  title: {\n    fontFamily: 'sf-semibold',\n    fontSize: 16,\n  },\n  button: {\n    paddingHorizontal: 40,\n    marginTop: 16,\n  },\n});\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: Colours.getMainBrandingColourFromState(state),\n  };\n};\n\nexport default connect(mapStateToProps, {}, null, { forwardRef: true })(WidgetLarge);\n"],"mappings":"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"}

package/dist/module/components/WidgetSmall.js

@@ -1,8 +1,12 @@
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 import React, { Component } from 'react';
-import { View, StyleSheet } from 'react-native';
+import { View, Text, StyleSheet } from 'react-native';
 import { WebView } from 'react-native-webview';
+import { connect } from 'react-redux';
+import _ from 'lodash';
+import { Colours, Components } from '../core.config';
+import { Services } from '../feature.config';
 
 class WidgetSmall extends Component {
   constructor(props) {
@@ -12,13 +16,71 @@ class WidgetSmall extends Component {
 
     _defineProperty(this, "onLoadEnd", () => {});
 
+    _defineProperty(this, "onGoToFullpage", () => {
+      const {
+        options
+      } = this.props;
+      Services.navigation.navigate('webViewPage', {
+        url: options['webUrl'],
+        headerTitle: this.getTitle()
+      });
+    });
+
+    _defineProperty(this, "getTitle", () => {
+      const {
+        options
+      } = this.props;
+      if (options && !_.isEmpty(options.Title)) return options.Title;
+      return 'Web View';
+    });
+
     this.state = {};
   }
 
   render() {
     const {
-      options
+      options,
+      colourBrandingMain
     } = this.props;
+
+    if (options.isWebViewSeparatePage) {
+      return /*#__PURE__*/React.createElement(View, {
+        style: [styles.buttonContainer, {
+          backgroundColor: Colours.hexToRGBAstring(colourBrandingMain, 0.2)
+        }]
+      }, /*#__PURE__*/React.createElement(View, {
+        style: styles.upperContainer
+      }, /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Text, {
+        style: [styles.title, {
+          color: colourBrandingMain
+        }]
+      }, this.getTitle()))), /*#__PURE__*/React.createElement(Components.InlineButton, {
+        onPress: this.onGoToFullpage,
+        color: colourBrandingMain,
+        style: styles.button,
+        large: true
+      }, options.buttonText)); // return (
+      //   <View style={styles.sectionContainer}>
+      //     <View style={styles.sectionPadding}>
+      //       <View style={styles.sectionHeading}>
+      //         <Text style={styles.sectionTitle}>{this.getTitle()}</Text>
+      //       </View>
+      //     </View>
+      //     <View style={styles.buttonContainer}>
+      //       <Components.InlineButton
+      //         onPress={this.onGoToFullpage}
+      //         color={colourBrandingMain}
+      //         touchableStyle={{ paddingTop: 6 }}
+      //         textStyle={{ color: '#fff' }}
+      //         large
+      //       >
+      //         {options.buttonText}
+      //       </Components.InlineButton>
+      //     </View>
+      //   </View>
+      // );
+    }
+
     return /*#__PURE__*/React.createElement(View, {
       style: styles.container
     }, /*#__PURE__*/React.createElement(WebView, {
@@ -43,7 +105,35 @@ const styles = StyleSheet.create({
     flex: 1,
     alignItems: 'center',
     justifyContent: 'center'
+  },
+  buttonContainer: {
+    width: '100%',
+    alignItems: 'center',
+    justifyContent: 'center',
+    padding: 16
+  },
+  upperContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  },
+  title: {
+    fontFamily: 'sf-semibold',
+    fontSize: 16
+  },
+  button: {
+    paddingHorizontal: 40,
+    marginTop: 16
   }
 });
-export default WidgetSmall;
+
+const mapStateToProps = state => {
+  return {
+    colourBrandingMain: Colours.getMainBrandingColourFromState(state)
+  };
+};
+
+export default connect(mapStateToProps, {}, null, {
+  forwardRef: true
+})(WidgetSmall);
 //# sourceMappingURL=WidgetSmall.js.map

package/dist/module/components/WidgetSmall.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Component","View","StyleSheet","WebView","WidgetSmall","constructor","props","state","render","options","styles","container","uri","webContainer","onLoadStart","onLoadEnd","create","height","paddingTop","paddingBottom","flex","alignItems","justifyContent"],"sources":["WidgetSmall.js"],"sourcesContent":["import React, { Component } from 'react';\nimport { View, StyleSheet } from 'react-native';\nimport { WebView } from 'react-native-webview';\n\nclass WidgetSmall extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {};\n  }\n\n  onLoadStart = () => {};\n  onLoadEnd = () => {};\n\n  render() {\n    const { options } = this.props;\n    return (\n      <View style={styles.container}>\n        <WebView\n          source={{ uri: options['webUrl'] }}\n          style={styles.webContainer}\n          onLoadStart={this.onLoadStart}\n          onLoadEnd={this.onLoadEnd}\n        />\n      </View>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    height: 300,\n    paddingTop: 8,\n    paddingBottom: 8,\n  },\n  webContainer: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\nexport default WidgetSmall;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AACA,SAASC,IAAT,EAAeC,UAAf,QAAiC,cAAjC;AACA,SAASC,OAAT,QAAwB,sBAAxB;;AAEA,MAAMC,WAAN,SAA0BJ,SAA1B,CAAoC;EAClCK,WAAW,CAACC,KAAD,EAAQ;IACjB,MAAMA,KAAN;;IADiB,qCAKL,MAAM,CAAE,CALH;;IAAA,mCAMP,MAAM,CAAE,CAND;;IAEjB,KAAKC,KAAL,GAAa,EAAb;EACD;;EAKDC,MAAM,GAAG;IACP,MAAM;MAAEC;IAAF,IAAc,KAAKH,KAAzB;IACA,oBACE,oBAAC,IAAD;MAAM,KAAK,EAAEI,MAAM,CAACC;IAApB,gBACE,oBAAC,OAAD;MACE,MAAM,EAAE;QAAEC,GAAG,EAAEH,OAAO,CAAC,QAAD;MAAd,CADV;MAEE,KAAK,EAAEC,MAAM,CAACG,YAFhB;MAGE,WAAW,EAAE,KAAKC,WAHpB;MAIE,SAAS,EAAE,KAAKC;IAJlB,EADF,CADF;EAUD;;AArBiC;;AAwBpC,MAAML,MAAM,GAAGR,UAAU,CAACc,MAAX,CAAkB;EAC/BL,SAAS,EAAE;IACTM,MAAM,EAAE,GADC;IAETC,UAAU,EAAE,CAFH;IAGTC,aAAa,EAAE;EAHN,CADoB;EAM/BN,YAAY,EAAE;IACZO,IAAI,EAAE,CADM;IAEZC,UAAU,EAAE,QAFA;IAGZC,cAAc,EAAE;EAHJ;AANiB,CAAlB,CAAf;AAaA,eAAelB,WAAf"}
+{"version":3,"names":["React","Component","View","Text","StyleSheet","WebView","connect","_","Colours","Components","Services","WidgetSmall","constructor","props","options","navigation","navigate","url","headerTitle","getTitle","isEmpty","Title","state","render","colourBrandingMain","isWebViewSeparatePage","styles","buttonContainer","backgroundColor","hexToRGBAstring","upperContainer","title","color","onGoToFullpage","button","buttonText","container","uri","webContainer","onLoadStart","onLoadEnd","create","height","paddingTop","paddingBottom","flex","alignItems","justifyContent","width","padding","flexDirection","fontFamily","fontSize","paddingHorizontal","marginTop","mapStateToProps","getMainBrandingColourFromState","forwardRef"],"sources":["WidgetSmall.js"],"sourcesContent":["import React, { Component } from 'react';\nimport { View, Text, StyleSheet } from 'react-native';\nimport { WebView } from 'react-native-webview';\nimport { connect } from 'react-redux';\nimport _ from 'lodash';\nimport { Colours, Components } from '../core.config';\nimport { Services } from '../feature.config';\n\nclass WidgetSmall extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {};\n  }\n\n  onLoadStart = () => {};\n  onLoadEnd = () => {};\n\n  onGoToFullpage = () => {\n    const { options } = this.props;\n    Services.navigation.navigate('webViewPage', { url: options['webUrl'], headerTitle: this.getTitle() });\n  };\n\n  getTitle = () => {\n    const { options } = this.props;\n    if (options && !_.isEmpty(options.Title)) return options.Title;\n    return 'Web View';\n  };\n\n  render() {\n    const { options, colourBrandingMain } = this.props;\n    if (options.isWebViewSeparatePage) {\n      return (\n        <View style={[styles.buttonContainer, { backgroundColor: Colours.hexToRGBAstring(colourBrandingMain, 0.2) }]}>\n          <View style={styles.upperContainer}>\n            <View>\n              <Text style={[styles.title, { color: colourBrandingMain }]}>{this.getTitle()}</Text>\n            </View>\n          </View>\n          <Components.InlineButton onPress={this.onGoToFullpage} color={colourBrandingMain} style={styles.button} large>\n            {options.buttonText}\n          </Components.InlineButton>\n        </View>\n      );\n      // return (\n      //   <View style={styles.sectionContainer}>\n      //     <View style={styles.sectionPadding}>\n      //       <View style={styles.sectionHeading}>\n      //         <Text style={styles.sectionTitle}>{this.getTitle()}</Text>\n      //       </View>\n      //     </View>\n      //     <View style={styles.buttonContainer}>\n      //       <Components.InlineButton\n      //         onPress={this.onGoToFullpage}\n      //         color={colourBrandingMain}\n      //         touchableStyle={{ paddingTop: 6 }}\n      //         textStyle={{ color: '#fff' }}\n      //         large\n      //       >\n      //         {options.buttonText}\n      //       </Components.InlineButton>\n      //     </View>\n      //   </View>\n      // );\n    }\n    return (\n      <View style={styles.container}>\n        <WebView\n          source={{ uri: options['webUrl'] }}\n          style={styles.webContainer}\n          onLoadStart={this.onLoadStart}\n          onLoadEnd={this.onLoadEnd}\n        />\n      </View>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    height: 300,\n    paddingTop: 8,\n    paddingBottom: 8,\n  },\n  webContainer: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  buttonContainer: {\n    width: '100%',\n    alignItems: 'center',\n    justifyContent: 'center',\n    padding: 16,\n  },\n  upperContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n  },\n  title: {\n    fontFamily: 'sf-semibold',\n    fontSize: 16,\n  },\n  button: {\n    paddingHorizontal: 40,\n    marginTop: 16,\n  },\n});\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: Colours.getMainBrandingColourFromState(state),\n  };\n};\n\nexport default connect(mapStateToProps, {}, null, { forwardRef: true })(WidgetSmall);\n"],"mappings":"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"}

package/dist/module/core.config.js

@@ -0,0 +1,17 @@
+// import * as PlussCore from '../../pluss-core/src';
+import * as PlussCore from '@plusscommunities/pluss-core-app';
+const {
+  Apis,
+  Fonts,
+  Actions,
+  ActionTypes,
+  Config,
+  Components,
+  Styles,
+  Session,
+  Helper,
+  Constants,
+  Colours
+} = PlussCore;
+export { Apis, Fonts, Actions, ActionTypes, Config, Components, Styles, Session, Helper, Constants, Colours };
+//# sourceMappingURL=core.config.js.map

package/dist/module/core.config.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PlussCore","Apis","Fonts","Actions","ActionTypes","Config","Components","Styles","Session","Helper","Constants","Colours"],"sources":["core.config.js"],"sourcesContent":["// import * as PlussCore from '../../pluss-core/src';\nimport * as PlussCore from '@plusscommunities/pluss-core-app';\n\nconst { Apis, Fonts, Actions, ActionTypes, Config, Components, Styles, Session, Helper, Constants, Colours } = PlussCore;\nexport { Apis, Fonts, Actions, ActionTypes, Config, Components, Styles, Session, Helper, Constants, Colours };\n"],"mappings":"AAAA;AACA,OAAO,KAAKA,SAAZ,MAA2B,kCAA3B;AAEA,MAAM;EAAEC,IAAF;EAAQC,KAAR;EAAeC,OAAf;EAAwBC,WAAxB;EAAqCC,MAArC;EAA6CC,UAA7C;EAAyDC,MAAzD;EAAiEC,OAAjE;EAA0EC,MAA1E;EAAkFC,SAAlF;EAA6FC;AAA7F,IAAyGX,SAA/G;AACA,SAASC,IAAT,EAAeC,KAAf,EAAsBC,OAAtB,EAA+BC,WAA/B,EAA4CC,MAA5C,EAAoDC,UAApD,EAAgEC,MAAhE,EAAwEC,OAAxE,EAAiFC,MAAjF,EAAyFC,SAAzF,EAAoGC,OAApG"}

package/dist/module/feature.config.js

@@ -1,6 +1,11 @@
+// import * as PlussCore from '../../pluss-core/src';
+import * as PlussCore from '@plusscommunities/pluss-core-app';
 export const Services = {
   navigation: null
 };
+export const BaseComponents = {
+  NotificationBell: null
+};
 const FeatureConfig = {
   key: 'web',
   title: 'Web',
@@ -9,6 +14,7 @@ const FeatureConfig = {
     viewBox: '0 0 24 24',
     navigate: 'web'
   },
+  hideTabBar: ['webViewPage'],
   env: {
     baseStage: '',
     baseAPIUrl: '',
@@ -25,7 +31,9 @@ const FeatureConfig = {
     newEventDefaults: '',
     defaultAllowComments: true
   },
-  init: (environment, navigation) => {
+  init: (environment, navigation, notificationBell) => {
+    BaseComponents.NotificationBell = notificationBell;
+    PlussCore.Config.init(environment, navigation);
     FeatureConfig.env = environment;
     Services.navigation = navigation;
   }

package/dist/module/feature.config.js.map

@@ -1 +1 @@
-{"version":3,"names":["Services","navigation","FeatureConfig","key","title","gridMenu","icon","viewBox","navigate","env","baseStage","baseAPIUrl","hasGradientHeader","defaultProfileImage","tinyChatDefault","baseUploadsUrl","allowMediaDownload","allowMediaSharing","awsUploadsBucket","awsStorageBucket","preferredSite","strings","newEventDefaults","defaultAllowComments","init","environment"],"sources":["feature.config.js"],"sourcesContent":["export const Services = {\n  navigation: null,\n};\n\nconst FeatureConfig = {\n  key: 'web',\n  title: 'Web',\n  gridMenu: {\n    icon: 'tab_news2',\n    viewBox: '0 0 24 24',\n    navigate: 'web',\n  },\n  env: {\n    baseStage: '',\n    baseAPIUrl: '',\n    hasGradientHeader: false,\n    defaultProfileImage: '',\n    tinyChatDefault: '',\n    baseUploadsUrl: '',\n    allowMediaDownload: false,\n    allowMediaSharing: false,\n    awsUploadsBucket: '',\n    awsStorageBucket: '',\n    preferredSite: '',\n    strings: {},\n    newEventDefaults: '',\n    defaultAllowComments: true,\n  },\n  init: (environment, navigation) => {\n    FeatureConfig.env = environment;\n    Services.navigation = navigation;\n  },\n};\nexport default FeatureConfig;\n"],"mappings":"AAAA,OAAO,MAAMA,QAAQ,GAAG;EACtBC,UAAU,EAAE;AADU,CAAjB;AAIP,MAAMC,aAAa,GAAG;EACpBC,GAAG,EAAE,KADe;EAEpBC,KAAK,EAAE,KAFa;EAGpBC,QAAQ,EAAE;IACRC,IAAI,EAAE,WADE;IAERC,OAAO,EAAE,WAFD;IAGRC,QAAQ,EAAE;EAHF,CAHU;EAQpBC,GAAG,EAAE;IACHC,SAAS,EAAE,EADR;IAEHC,UAAU,EAAE,EAFT;IAGHC,iBAAiB,EAAE,KAHhB;IAIHC,mBAAmB,EAAE,EAJlB;IAKHC,eAAe,EAAE,EALd;IAMHC,cAAc,EAAE,EANb;IAOHC,kBAAkB,EAAE,KAPjB;IAQHC,iBAAiB,EAAE,KARhB;IASHC,gBAAgB,EAAE,EATf;IAUHC,gBAAgB,EAAE,EAVf;IAWHC,aAAa,EAAE,EAXZ;IAYHC,OAAO,EAAE,EAZN;IAaHC,gBAAgB,EAAE,EAbf;IAcHC,oBAAoB,EAAE;EAdnB,CARe;EAwBpBC,IAAI,EAAE,CAACC,WAAD,EAAcxB,UAAd,KAA6B;IACjCC,aAAa,CAACO,GAAd,GAAoBgB,WAApB;IACAzB,QAAQ,CAACC,UAAT,GAAsBA,UAAtB;EACD;AA3BmB,CAAtB;AA6BA,eAAeC,aAAf"}
+{"version":3,"names":["PlussCore","Services","navigation","BaseComponents","NotificationBell","FeatureConfig","key","title","gridMenu","icon","viewBox","navigate","hideTabBar","env","baseStage","baseAPIUrl","hasGradientHeader","defaultProfileImage","tinyChatDefault","baseUploadsUrl","allowMediaDownload","allowMediaSharing","awsUploadsBucket","awsStorageBucket","preferredSite","strings","newEventDefaults","defaultAllowComments","init","environment","notificationBell","Config"],"sources":["feature.config.js"],"sourcesContent":["// import * as PlussCore from '../../pluss-core/src';\nimport * as PlussCore from '@plusscommunities/pluss-core-app';\n\nexport const Services = {\n  navigation: null,\n};\n\nexport const BaseComponents = {\n  NotificationBell: null,\n};\n\nconst FeatureConfig = {\n  key: 'web',\n  title: 'Web',\n  gridMenu: {\n    icon: 'tab_news2',\n    viewBox: '0 0 24 24',\n    navigate: 'web',\n  },\n  hideTabBar: ['webViewPage'],\n  env: {\n    baseStage: '',\n    baseAPIUrl: '',\n    hasGradientHeader: false,\n    defaultProfileImage: '',\n    tinyChatDefault: '',\n    baseUploadsUrl: '',\n    allowMediaDownload: false,\n    allowMediaSharing: false,\n    awsUploadsBucket: '',\n    awsStorageBucket: '',\n    preferredSite: '',\n    strings: {},\n    newEventDefaults: '',\n    defaultAllowComments: true,\n  },\n  init: (environment, navigation, notificationBell) => {\n    BaseComponents.NotificationBell = notificationBell;\n    PlussCore.Config.init(environment, navigation);\n    FeatureConfig.env = environment;\n    Services.navigation = navigation;\n  },\n};\nexport default FeatureConfig;\n"],"mappings":"AAAA;AACA,OAAO,KAAKA,SAAZ,MAA2B,kCAA3B;AAEA,OAAO,MAAMC,QAAQ,GAAG;EACtBC,UAAU,EAAE;AADU,CAAjB;AAIP,OAAO,MAAMC,cAAc,GAAG;EAC5BC,gBAAgB,EAAE;AADU,CAAvB;AAIP,MAAMC,aAAa,GAAG;EACpBC,GAAG,EAAE,KADe;EAEpBC,KAAK,EAAE,KAFa;EAGpBC,QAAQ,EAAE;IACRC,IAAI,EAAE,WADE;IAERC,OAAO,EAAE,WAFD;IAGRC,QAAQ,EAAE;EAHF,CAHU;EAQpBC,UAAU,EAAE,CAAC,aAAD,CARQ;EASpBC,GAAG,EAAE;IACHC,SAAS,EAAE,EADR;IAEHC,UAAU,EAAE,EAFT;IAGHC,iBAAiB,EAAE,KAHhB;IAIHC,mBAAmB,EAAE,EAJlB;IAKHC,eAAe,EAAE,EALd;IAMHC,cAAc,EAAE,EANb;IAOHC,kBAAkB,EAAE,KAPjB;IAQHC,iBAAiB,EAAE,KARhB;IASHC,gBAAgB,EAAE,EATf;IAUHC,gBAAgB,EAAE,EAVf;IAWHC,aAAa,EAAE,EAXZ;IAYHC,OAAO,EAAE,EAZN;IAaHC,gBAAgB,EAAE,EAbf;IAcHC,oBAAoB,EAAE;EAdnB,CATe;EAyBpBC,IAAI,EAAE,CAACC,WAAD,EAAc3B,UAAd,EAA0B4B,gBAA1B,KAA+C;IACnD3B,cAAc,CAACC,gBAAf,GAAkC0B,gBAAlC;IACA9B,SAAS,CAAC+B,MAAV,CAAiBH,IAAjB,CAAsBC,WAAtB,EAAmC3B,UAAnC;IACAG,aAAa,CAACQ,GAAd,GAAoBgB,WAApB;IACA5B,QAAQ,CAACC,UAAT,GAAsBA,UAAtB;EACD;AA9BmB,CAAtB;AAgCA,eAAeG,aAAf"}

package/dist/module/index.js

@@ -1,6 +1,8 @@
 import WebPage from './screens/WebPage';
+import WebViewPage from './screens/WebViewPage';
 export const Screens = {
-  web: WebPage
+  web: WebPage,
+  webViewPage: WebViewPage
 };
 export { default as Config } from './feature.config';
 export { default as WidgetSmall } from './components/WidgetSmall';

package/dist/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["WebPage","Screens","web","default","Config","WidgetSmall","WidgetLarge"],"sources":["index.js"],"sourcesContent":["import WebPage from './screens/WebPage';\n\nexport const Screens = { web: WebPage };\nexport { default as Config } from './feature.config';\nexport { default as WidgetSmall } from './components/WidgetSmall';\nexport { default as WidgetLarge } from './components/WidgetLarge';\n"],"mappings":"AAAA,OAAOA,OAAP,MAAoB,mBAApB;AAEA,OAAO,MAAMC,OAAO,GAAG;EAAEC,GAAG,EAAEF;AAAP,CAAhB;AACP,SAASG,OAAO,IAAIC,MAApB,QAAkC,kBAAlC;AACA,SAASD,OAAO,IAAIE,WAApB,QAAuC,0BAAvC;AACA,SAASF,OAAO,IAAIG,WAApB,QAAuC,0BAAvC"}
+{"version":3,"names":["WebPage","WebViewPage","Screens","web","webViewPage","default","Config","WidgetSmall","WidgetLarge"],"sources":["index.js"],"sourcesContent":["import WebPage from './screens/WebPage';\nimport WebViewPage from './screens/WebViewPage';\n\nexport const Screens = { web: WebPage, webViewPage: WebViewPage };\nexport { default as Config } from './feature.config';\nexport { default as WidgetSmall } from './components/WidgetSmall';\nexport { default as WidgetLarge } from './components/WidgetLarge';\n"],"mappings":"AAAA,OAAOA,OAAP,MAAoB,mBAApB;AACA,OAAOC,WAAP,MAAwB,uBAAxB;AAEA,OAAO,MAAMC,OAAO,GAAG;EAAEC,GAAG,EAAEH,OAAP;EAAgBI,WAAW,EAAEH;AAA7B,CAAhB;AACP,SAASI,OAAO,IAAIC,MAApB,QAAkC,kBAAlC;AACA,SAASD,OAAO,IAAIE,WAApB,QAAuC,0BAAvC;AACA,SAASF,OAAO,IAAIG,WAApB,QAAuC,0BAAvC"}

package/dist/module/screens/WebViewPage.js

@@ -0,0 +1,58 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import React, { Component } from 'react';
+import { View, StyleSheet } from 'react-native';
+import { WebView } from 'react-native-webview';
+import { Components } from '../core.config';
+import { Services } from '../feature.config';
+
+class WebViewPage extends Component {
+  constructor(props) {
+    super(props);
+
+    _defineProperty(this, "onLoadStart", () => {});
+
+    _defineProperty(this, "onLoadEnd", () => {});
+
+    _defineProperty(this, "onPressBack", () => {
+      Services.navigation.goBack();
+    });
+
+    this.state = {};
+  }
+
+  render() {
+    const {
+      url,
+      headerTitle
+    } = this.props;
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.container
+    }, /*#__PURE__*/React.createElement(Components.Header, {
+      leftIcon: "angle-left",
+      onPressLeft: this.onPressBack,
+      text: headerTitle
+    }), /*#__PURE__*/React.createElement(WebView, {
+      source: {
+        uri: url
+      },
+      style: styles.webContainer,
+      onLoadStart: this.onLoadStart,
+      onLoadEnd: this.onLoadEnd
+    }));
+  }
+
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  webContainer: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+export default WebViewPage;
+//# sourceMappingURL=WebViewPage.js.map

package/dist/module/screens/WebViewPage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Component","View","StyleSheet","WebView","Components","Services","WebViewPage","constructor","props","navigation","goBack","state","render","url","headerTitle","styles","container","onPressBack","uri","webContainer","onLoadStart","onLoadEnd","create","flex","alignItems","justifyContent"],"sources":["WebViewPage.js"],"sourcesContent":["import React, { Component } from 'react';\nimport { View, StyleSheet } from 'react-native';\nimport { WebView } from 'react-native-webview';\nimport { Components } from '../core.config';\nimport { Services } from '../feature.config';\n\nclass WebViewPage extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {};\n  }\n\n  onLoadStart = () => {};\n  onLoadEnd = () => {};\n\n  onPressBack = () => {\n    Services.navigation.goBack();\n  };\n\n  render() {\n    const { url, headerTitle } = this.props;\n    return (\n      <View style={styles.container}>\n        <Components.Header leftIcon=\"angle-left\" onPressLeft={this.onPressBack} text={headerTitle} />\n        <WebView source={{ uri: url }} style={styles.webContainer} onLoadStart={this.onLoadStart} onLoadEnd={this.onLoadEnd} />\n      </View>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n  webContainer: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\nexport default WebViewPage;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AACA,SAASC,IAAT,EAAeC,UAAf,QAAiC,cAAjC;AACA,SAASC,OAAT,QAAwB,sBAAxB;AACA,SAASC,UAAT,QAA2B,gBAA3B;AACA,SAASC,QAAT,QAAyB,mBAAzB;;AAEA,MAAMC,WAAN,SAA0BN,SAA1B,CAAoC;EAClCO,WAAW,CAACC,KAAD,EAAQ;IACjB,MAAMA,KAAN;;IADiB,qCAKL,MAAM,CAAE,CALH;;IAAA,mCAMP,MAAM,CAAE,CAND;;IAAA,qCAQL,MAAM;MAClBH,QAAQ,CAACI,UAAT,CAAoBC,MAApB;IACD,CAVkB;;IAEjB,KAAKC,KAAL,GAAa,EAAb;EACD;;EASDC,MAAM,GAAG;IACP,MAAM;MAAEC,GAAF;MAAOC;IAAP,IAAuB,KAAKN,KAAlC;IACA,oBACE,oBAAC,IAAD;MAAM,KAAK,EAAEO,MAAM,CAACC;IAApB,gBACE,oBAAC,UAAD,CAAY,MAAZ;MAAmB,QAAQ,EAAC,YAA5B;MAAyC,WAAW,EAAE,KAAKC,WAA3D;MAAwE,IAAI,EAAEH;IAA9E,EADF,eAEE,oBAAC,OAAD;MAAS,MAAM,EAAE;QAAEI,GAAG,EAAEL;MAAP,CAAjB;MAA+B,KAAK,EAAEE,MAAM,CAACI,YAA7C;MAA2D,WAAW,EAAE,KAAKC,WAA7E;MAA0F,SAAS,EAAE,KAAKC;IAA1G,EAFF,CADF;EAMD;;AArBiC;;AAwBpC,MAAMN,MAAM,GAAGb,UAAU,CAACoB,MAAX,CAAkB;EAC/BN,SAAS,EAAE;IACTO,IAAI,EAAE;EADG,CADoB;EAI/BJ,YAAY,EAAE;IACZI,IAAI,EAAE,CADM;IAEZC,UAAU,EAAE,QAFA;IAGZC,cAAc,EAAE;EAHJ;AAJiB,CAAlB,CAAf;AAWA,eAAenB,WAAf"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plusscommunities/pluss-webview-app",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "description": "Extension package to enable webview on Pluss Communities Platform",
   "main": "dist/module/index.js",
   "module": "dist/module/index.js",
@@ -21,6 +21,8 @@
   "author": "Phillip Suh",
   "license": "ISC",
   "dependencies": {
+    "@plusscommunities/pluss-core-app": "3.0.1",
+    "lodash": "^4.17.4",
     "react": "18.2.0",
     "react-native": "0.71.6",
     "react-native-webview": "11.26.0"

package/src/components/WidgetLarge.js

@@ -1,6 +1,10 @@
 import React, { Component } from 'react';
-import { View, StyleSheet } from 'react-native';
+import { View, Text, StyleSheet } from 'react-native';
 import { WebView } from 'react-native-webview';
+import { connect } from 'react-redux';
+import _ from 'lodash';
+import { Colours, Components } from '../core.config';
+import { Services } from '../feature.config';
 
 class WidgetLarge extends Component {
   constructor(props) {
@@ -11,8 +15,53 @@ class WidgetLarge extends Component {
   onLoadStart = () => {};
   onLoadEnd = () => {};
 
-  render() {
+  onGoToFullpage = () => {
+    const { options } = this.props;
+    Services.navigation.navigate('webViewPage', { url: options['webUrl'], headerTitle: this.getTitle() });
+  };
+
+  getTitle = () => {
     const { options } = this.props;
+    if (options && !_.isEmpty(options.Title)) return options.Title;
+    return 'Web View';
+  };
+
+  render() {
+    const { options, colourBrandingMain } = this.props;
+    if (options.isWebViewSeparatePage) {
+      return (
+        <View style={[styles.buttonContainer, { backgroundColor: Colours.hexToRGBAstring(colourBrandingMain, 0.2) }]}>
+          <View style={styles.upperContainer}>
+            <View>
+              <Text style={[styles.title, { color: colourBrandingMain }]}>{this.getTitle()}</Text>
+            </View>
+          </View>
+          <Components.InlineButton onPress={this.onGoToFullpage} color={colourBrandingMain} style={styles.button} large>
+            {options.buttonText}
+          </Components.InlineButton>
+        </View>
+      );
+      // return (
+      //   <View style={styles.sectionContainer}>
+      //     <View style={styles.sectionPadding}>
+      //       <View style={styles.sectionHeading}>
+      //         <Text style={styles.sectionTitle}>{this.getTitle()}</Text>
+      //       </View>
+      //     </View>
+      //     <View style={styles.buttonContainer}>
+      //       <Components.InlineButton
+      //         onPress={this.onGoToFullpage}
+      //         color={colourBrandingMain}
+      //         touchableStyle={{ paddingTop: 6 }}
+      //         textStyle={{ color: '#fff' }}
+      //         large
+      //       >
+      //         {options.buttonText}
+      //       </Components.InlineButton>
+      //     </View>
+      //   </View>
+      // );
+    }
     return (
       <View style={styles.container}>
         {this.props.ListHeaderComponent}
@@ -36,6 +85,31 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'center',
   },
+  buttonContainer: {
+    width: '100%',
+    alignItems: 'center',
+    justifyContent: 'center',
+    padding: 16,
+  },
+  upperContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+  },
+  title: {
+    fontFamily: 'sf-semibold',
+    fontSize: 16,
+  },
+  button: {
+    paddingHorizontal: 40,
+    marginTop: 16,
+  },
 });
 
-export default WidgetLarge;
+const mapStateToProps = state => {
+  return {
+    colourBrandingMain: Colours.getMainBrandingColourFromState(state),
+  };
+};
+
+export default connect(mapStateToProps, {}, null, { forwardRef: true })(WidgetLarge);

package/src/components/WidgetSmall.js

@@ -1,6 +1,10 @@
 import React, { Component } from 'react';
-import { View, StyleSheet } from 'react-native';
+import { View, Text, StyleSheet } from 'react-native';
 import { WebView } from 'react-native-webview';
+import { connect } from 'react-redux';
+import _ from 'lodash';
+import { Colours, Components } from '../core.config';
+import { Services } from '../feature.config';
 
 class WidgetSmall extends Component {
   constructor(props) {
@@ -11,8 +15,53 @@ class WidgetSmall extends Component {
   onLoadStart = () => {};
   onLoadEnd = () => {};
 
-  render() {
+  onGoToFullpage = () => {
+    const { options } = this.props;
+    Services.navigation.navigate('webViewPage', { url: options['webUrl'], headerTitle: this.getTitle() });
+  };
+
+  getTitle = () => {
     const { options } = this.props;
+    if (options && !_.isEmpty(options.Title)) return options.Title;
+    return 'Web View';
+  };
+
+  render() {
+    const { options, colourBrandingMain } = this.props;
+    if (options.isWebViewSeparatePage) {
+      return (
+        <View style={[styles.buttonContainer, { backgroundColor: Colours.hexToRGBAstring(colourBrandingMain, 0.2) }]}>
+          <View style={styles.upperContainer}>
+            <View>
+              <Text style={[styles.title, { color: colourBrandingMain }]}>{this.getTitle()}</Text>
+            </View>
+          </View>
+          <Components.InlineButton onPress={this.onGoToFullpage} color={colourBrandingMain} style={styles.button} large>
+            {options.buttonText}
+          </Components.InlineButton>
+        </View>
+      );
+      // return (
+      //   <View style={styles.sectionContainer}>
+      //     <View style={styles.sectionPadding}>
+      //       <View style={styles.sectionHeading}>
+      //         <Text style={styles.sectionTitle}>{this.getTitle()}</Text>
+      //       </View>
+      //     </View>
+      //     <View style={styles.buttonContainer}>
+      //       <Components.InlineButton
+      //         onPress={this.onGoToFullpage}
+      //         color={colourBrandingMain}
+      //         touchableStyle={{ paddingTop: 6 }}
+      //         textStyle={{ color: '#fff' }}
+      //         large
+      //       >
+      //         {options.buttonText}
+      //       </Components.InlineButton>
+      //     </View>
+      //   </View>
+      // );
+    }
     return (
       <View style={styles.container}>
         <WebView
@@ -37,6 +86,31 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'center',
   },
+  buttonContainer: {
+    width: '100%',
+    alignItems: 'center',
+    justifyContent: 'center',
+    padding: 16,
+  },
+  upperContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+  },
+  title: {
+    fontFamily: 'sf-semibold',
+    fontSize: 16,
+  },
+  button: {
+    paddingHorizontal: 40,
+    marginTop: 16,
+  },
 });
 
-export default WidgetSmall;
+const mapStateToProps = state => {
+  return {
+    colourBrandingMain: Colours.getMainBrandingColourFromState(state),
+  };
+};
+
+export default connect(mapStateToProps, {}, null, { forwardRef: true })(WidgetSmall);

package/src/core.config.js

@@ -0,0 +1,5 @@
+// import * as PlussCore from '../../pluss-core/src';
+import * as PlussCore from '@plusscommunities/pluss-core-app';
+
+const { Apis, Fonts, Actions, ActionTypes, Config, Components, Styles, Session, Helper, Constants, Colours } = PlussCore;
+export { Apis, Fonts, Actions, ActionTypes, Config, Components, Styles, Session, Helper, Constants, Colours };

package/src/feature.config.js

@@ -1,7 +1,14 @@
+// import * as PlussCore from '../../pluss-core/src';
+import * as PlussCore from '@plusscommunities/pluss-core-app';
+
 export const Services = {
   navigation: null,
 };
 
+export const BaseComponents = {
+  NotificationBell: null,
+};
+
 const FeatureConfig = {
   key: 'web',
   title: 'Web',
@@ -10,6 +17,7 @@ const FeatureConfig = {
     viewBox: '0 0 24 24',
     navigate: 'web',
   },
+  hideTabBar: ['webViewPage'],
   env: {
     baseStage: '',
     baseAPIUrl: '',
@@ -26,7 +34,9 @@ const FeatureConfig = {
     newEventDefaults: '',
     defaultAllowComments: true,
   },
-  init: (environment, navigation) => {
+  init: (environment, navigation, notificationBell) => {
+    BaseComponents.NotificationBell = notificationBell;
+    PlussCore.Config.init(environment, navigation);
     FeatureConfig.env = environment;
     Services.navigation = navigation;
   },

package/src/index.js

@@ -1,6 +1,7 @@
 import WebPage from './screens/WebPage';
+import WebViewPage from './screens/WebViewPage';
 
-export const Screens = { web: WebPage };
+export const Screens = { web: WebPage, webViewPage: WebViewPage };
 export { default as Config } from './feature.config';
 export { default as WidgetSmall } from './components/WidgetSmall';
 export { default as WidgetLarge } from './components/WidgetLarge';

package/src/screens/WebViewPage.js

@@ -0,0 +1,42 @@
+import React, { Component } from 'react';
+import { View, StyleSheet } from 'react-native';
+import { WebView } from 'react-native-webview';
+import { Components } from '../core.config';
+import { Services } from '../feature.config';
+
+class WebViewPage extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {};
+  }
+
+  onLoadStart = () => {};
+  onLoadEnd = () => {};
+
+  onPressBack = () => {
+    Services.navigation.goBack();
+  };
+
+  render() {
+    const { url, headerTitle } = this.props;
+    return (
+      <View style={styles.container}>
+        <Components.Header leftIcon="angle-left" onPressLeft={this.onPressBack} text={headerTitle} />
+        <WebView source={{ uri: url }} style={styles.webContainer} onLoadStart={this.onLoadStart} onLoadEnd={this.onLoadEnd} />
+      </View>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+  },
+  webContainer: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+});
+
+export default WebViewPage;