@plusscommunities/pluss-core-app 6.1.9 → 6.1.10-beta.0

package/dist/module/components/DocumentUploader.js

@@ -0,0 +1,236 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React, { Component } from 'react';
+import { View, TouchableOpacity, Text, StyleSheet, ActivityIndicator } from 'react-native';
+import { Icon } from 'react-native-elements';
+import * as DocumentPicker from 'expo-document-picker';
+import { connect } from 'react-redux';
+import Config from '../config';
+import { fileActions } from '../apis';
+import { getValueOrDefault } from '../helper';
+import { TEXT_DARK, getMainBrandingColourFromState } from '../colours';
+const DEFAULT_DOCUMENT_NAME = 'document';
+class DocumentUploader extends Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "state", {
+      isUploading: false,
+      uploadProgress: 0
+    });
+    _defineProperty(this, "pickDocument", async () => {
+      const {
+        allowedTypes,
+        multiple
+      } = this.props;
+      try {
+        const result = await DocumentPicker.getDocumentAsync({
+          type: allowedTypes,
+          copyToCacheDirectory: true,
+          multiple: multiple || false
+        });
+        // console.log('pickDocument', JSON.stringify(result, null, 2));
+
+        if (!result.canceled) {
+          await this.handleDocumentPicked(result);
+        }
+      } catch (error) {
+        console.log('Document picker error:', error);
+        this.props.onUploadFailed(null, error.message);
+      }
+    });
+    _defineProperty(this, "handleDocumentPicked", async documentResult => {
+      const {
+        assets
+      } = documentResult;
+      const {
+        userId
+      } = this.props;
+      try {
+        this.setState({
+          isUploading: true,
+          uploadProgress: 0
+        });
+
+        // Process each asset in parallel
+        const uploadPromises = assets.map(async asset => {
+          const {
+            name,
+            uri
+          } = asset;
+
+          // Generate a unique filename if not provided
+          const [file, fileExt] = name.split('.');
+          const fileName = `${getValueOrDefault(this.props.fileName, DEFAULT_DOCUMENT_NAME)}_${Date.now()}.${fileExt}`;
+          const uploadUri = fileActions.getUploadUrl(userId, fileName);
+          // console.log('handleDocumentPicked', JSON.stringify({ uploadUri, uri, name, fileName }, null, 2));
+
+          try {
+            // Notify parent component that upload has started for this file
+            this.props.onUploadStarted(uploadUri, uri, file, fileExt.toUpperCase());
+            const res = await fileActions.uploadUserMediaWithProgress(uri, uploadUri, progress => {
+              if (this.props.onUploadProgress) this.props.onUploadProgress(progress);
+            });
+            const fileUrl = Config.env.baseUploadsUrl + res.key;
+            this.props.onUploadSuccess(fileUrl, uploadUri);
+            console.log('Upload success', fileUrl);
+            return {
+              success: true,
+              url: fileUrl,
+              uploadUri
+            };
+          } catch (error) {
+            console.error(`Upload failed for ${name}:`, error);
+            this.props.onUploadFailed(uploadUri, error.message);
+            return {
+              success: false,
+              error,
+              uploadUri
+            };
+          }
+        });
+
+        // Wait for all uploads to complete
+        const results = await Promise.all(uploadPromises);
+        return results;
+      } catch (error) {
+        console.error('Document upload error:', error);
+        return [];
+      } finally {
+        this.setState({
+          isUploading: false,
+          uploadProgress: 0
+        });
+      }
+    });
+    _defineProperty(this, "renderUploadButton", () => {
+      const {
+        buttonTitle,
+        buttonStyle,
+        buttonTextStyle,
+        disabled
+      } = this.props;
+      const {
+        isUploading
+      } = this.state;
+      const mainColor = getMainBrandingColourFromState(this.props);
+      return /*#__PURE__*/React.createElement(TouchableOpacity, {
+        style: [styles.uploadButton, {
+          borderColor: mainColor
+        }, buttonStyle],
+        onPress: this.pickDocument,
+        disabled: isUploading || disabled,
+        activeOpacity: 0.7
+      }, isUploading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
+        color: mainColor
+      }) : /*#__PURE__*/React.createElement(View, {
+        style: styles.buttonContent
+      }, /*#__PURE__*/React.createElement(Icon, {
+        name: "attachment",
+        type: "entypo",
+        color: mainColor,
+        size: 18,
+        style: styles.icon
+      }), /*#__PURE__*/React.createElement(Text, {
+        style: [styles.buttonText, {
+          color: mainColor
+        }, buttonTextStyle]
+      }, buttonTitle)));
+    });
+    _defineProperty(this, "renderProgress", () => {
+      const {
+        uploadProgress
+      } = this.state;
+      if (uploadProgress <= 0 || uploadProgress >= 1) return null;
+      return /*#__PURE__*/React.createElement(View, {
+        style: styles.progressContainer
+      }, /*#__PURE__*/React.createElement(View, {
+        style: styles.progressBar
+      }, /*#__PURE__*/React.createElement(View, {
+        style: [styles.progressFill, {
+          width: `${uploadProgress * 100}%`
+        }]
+      })), /*#__PURE__*/React.createElement(Text, {
+        style: styles.progressText
+      }, Math.round(uploadProgress * 100), "%"));
+    });
+  }
+  render() {
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.container
+    }, this.renderUploadButton(), this.renderProgress());
+  }
+}
+_defineProperty(DocumentUploader, "defaultProps", {
+  allowedTypes: ['application/pdf'],
+  buttonTitle: 'Upload Document',
+  buttonStyle: {},
+  buttonTextStyle: {},
+  onUploadStarted: () => {},
+  onUploadSuccess: () => {},
+  onUploadFailed: () => {},
+  onUploadProgress: null,
+  userId: null,
+  fileName: null,
+  disabled: false
+});
+const styles = StyleSheet.create({
+  container: {
+    marginVertical: 10
+  },
+  uploadButton: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingVertical: 8,
+    paddingHorizontal: 16,
+    borderRadius: 6,
+    backgroundColor: '#fff',
+    borderWidth: 1,
+    borderColor: '#007AFF'
+  },
+  buttonContent: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  buttonText: {
+    color: '#fff',
+    fontSize: 16,
+    fontWeight: '500',
+    marginLeft: 8
+  },
+  icon: {
+    marginRight: 8
+  },
+  progressContainer: {
+    marginTop: 8,
+    alignItems: 'center'
+  },
+  progressBar: {
+    height: 4,
+    width: '100%',
+    backgroundColor: '#E0E0E0',
+    borderRadius: 2,
+    overflow: 'hidden'
+  },
+  progressFill: {
+    height: '100%',
+    backgroundColor: '#4CAF50'
+  },
+  progressText: {
+    marginTop: 4,
+    fontSize: 12,
+    color: TEXT_DARK
+  }
+});
+const mapStateToProps = state => {
+  const {
+    user
+  } = state;
+  return {
+    user,
+    colourBrandingMain: getMainBrandingColourFromState(state)
+  };
+};
+export default connect(mapStateToProps)(DocumentUploader);
+//# sourceMappingURL=DocumentUploader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Component","View","TouchableOpacity","Text","StyleSheet","ActivityIndicator","Icon","DocumentPicker","connect","Config","fileActions","getValueOrDefault","TEXT_DARK","getMainBrandingColourFromState","DEFAULT_DOCUMENT_NAME","DocumentUploader","constructor","args","_defineProperty","isUploading","uploadProgress","allowedTypes","multiple","props","result","getDocumentAsync","type","copyToCacheDirectory","canceled","handleDocumentPicked","error","console","log","onUploadFailed","message","documentResult","assets","userId","setState","uploadPromises","map","asset","name","uri","file","fileExt","split","fileName","Date","now","uploadUri","getUploadUrl","onUploadStarted","toUpperCase","res","uploadUserMediaWithProgress","progress","onUploadProgress","fileUrl","env","baseUploadsUrl","key","onUploadSuccess","success","url","results","Promise","all","buttonTitle","buttonStyle","buttonTextStyle","disabled","state","mainColor","createElement","style","styles","uploadButton","borderColor","onPress","pickDocument","activeOpacity","color","buttonContent","size","icon","buttonText","progressContainer","progressBar","progressFill","width","progressText","Math","round","render","container","renderUploadButton","renderProgress","create","marginVertical","flexDirection","alignItems","justifyContent","paddingVertical","paddingHorizontal","borderRadius","backgroundColor","borderWidth","fontSize","fontWeight","marginLeft","marginRight","marginTop","height","overflow","mapStateToProps","user","colourBrandingMain"],"sources":["DocumentUploader.js"],"sourcesContent":["import React, { Component } from 'react';\nimport { View, TouchableOpacity, Text, StyleSheet, ActivityIndicator } from 'react-native';\nimport { Icon } from 'react-native-elements';\nimport * as DocumentPicker from 'expo-document-picker';\nimport { connect } from 'react-redux';\nimport Config from '../config';\nimport { fileActions } from '../apis';\nimport { getValueOrDefault } from '../helper';\nimport { TEXT_DARK, getMainBrandingColourFromState } from '../colours';\n\nconst DEFAULT_DOCUMENT_NAME = 'document';\n\nclass DocumentUploader extends Component {\n  static defaultProps = {\n    allowedTypes: ['application/pdf'],\n    buttonTitle: 'Upload Document',\n    buttonStyle: {},\n    buttonTextStyle: {},\n    onUploadStarted: () => {},\n    onUploadSuccess: () => {},\n    onUploadFailed: () => {},\n    onUploadProgress: null,\n    userId: null,\n    fileName: null,\n    disabled: false,\n  };\n\n  state = {\n    isUploading: false,\n    uploadProgress: 0,\n  };\n\n  pickDocument = async () => {\n    const { allowedTypes, multiple } = this.props;\n\n    try {\n      const result = await DocumentPicker.getDocumentAsync({\n        type: allowedTypes,\n        copyToCacheDirectory: true,\n        multiple: multiple || false,\n      });\n      // console.log('pickDocument', JSON.stringify(result, null, 2));\n\n      if (!result.canceled) {\n        await this.handleDocumentPicked(result);\n      }\n    } catch (error) {\n      console.log('Document picker error:', error);\n      this.props.onUploadFailed(null, error.message);\n    }\n  };\n\n  handleDocumentPicked = async documentResult => {\n    const { assets } = documentResult;\n    const { userId } = this.props;\n\n    try {\n      this.setState({ isUploading: true, uploadProgress: 0 });\n\n      // Process each asset in parallel\n      const uploadPromises = assets.map(async asset => {\n        const { name, uri } = asset;\n\n        // Generate a unique filename if not provided\n        const [file, fileExt] = name.split('.');\n        const fileName = `${getValueOrDefault(this.props.fileName, DEFAULT_DOCUMENT_NAME)}_${Date.now()}.${fileExt}`;\n        const uploadUri = fileActions.getUploadUrl(userId, fileName);\n        // console.log('handleDocumentPicked', JSON.stringify({ uploadUri, uri, name, fileName }, null, 2));\n\n        try {\n          // Notify parent component that upload has started for this file\n          this.props.onUploadStarted(uploadUri, uri, file, fileExt.toUpperCase());\n\n          const res = await fileActions.uploadUserMediaWithProgress(uri, uploadUri, progress => {\n            if (this.props.onUploadProgress) this.props.onUploadProgress(progress);\n          });\n\n          const fileUrl = Config.env.baseUploadsUrl + res.key;\n          this.props.onUploadSuccess(fileUrl, uploadUri);\n          console.log('Upload success', fileUrl);\n          return { success: true, url: fileUrl, uploadUri };\n        } catch (error) {\n          console.error(`Upload failed for ${name}:`, error);\n          this.props.onUploadFailed(uploadUri, error.message);\n          return { success: false, error, uploadUri };\n        }\n      });\n\n      // Wait for all uploads to complete\n      const results = await Promise.all(uploadPromises);\n      return results;\n    } catch (error) {\n      console.error('Document upload error:', error);\n      return [];\n    } finally {\n      this.setState({ isUploading: false, uploadProgress: 0 });\n    }\n  };\n\n  renderUploadButton = () => {\n    const { buttonTitle, buttonStyle, buttonTextStyle, disabled } = this.props;\n    const { isUploading } = this.state;\n    const mainColor = getMainBrandingColourFromState(this.props);\n\n    return (\n      <TouchableOpacity\n        style={[styles.uploadButton, { borderColor: mainColor }, buttonStyle]}\n        onPress={this.pickDocument}\n        disabled={isUploading || disabled}\n        activeOpacity={0.7}\n      >\n        {isUploading ? (\n          <ActivityIndicator color={mainColor} />\n        ) : (\n          <View style={styles.buttonContent}>\n            <Icon name=\"attachment\" type=\"entypo\" color={mainColor} size={18} style={styles.icon} />\n            <Text style={[styles.buttonText, { color: mainColor }, buttonTextStyle]}>{buttonTitle}</Text>\n          </View>\n        )}\n      </TouchableOpacity>\n    );\n  };\n\n  renderProgress = () => {\n    const { uploadProgress } = this.state;\n    if (uploadProgress <= 0 || uploadProgress >= 1) return null;\n\n    return (\n      <View style={styles.progressContainer}>\n        <View style={styles.progressBar}>\n          <View style={[styles.progressFill, { width: `${uploadProgress * 100}%` }]} />\n        </View>\n        <Text style={styles.progressText}>{Math.round(uploadProgress * 100)}%</Text>\n      </View>\n    );\n  };\n\n  render() {\n    return (\n      <View style={styles.container}>\n        {this.renderUploadButton()}\n        {this.renderProgress()}\n      </View>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    marginVertical: 10,\n  },\n  uploadButton: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    paddingVertical: 8,\n    paddingHorizontal: 16,\n    borderRadius: 6,\n    backgroundColor: '#fff',\n    borderWidth: 1,\n    borderColor: '#007AFF',\n  },\n  buttonContent: {\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  buttonText: {\n    color: '#fff',\n    fontSize: 16,\n    fontWeight: '500',\n    marginLeft: 8,\n  },\n  icon: {\n    marginRight: 8,\n  },\n  progressContainer: {\n    marginTop: 8,\n    alignItems: 'center',\n  },\n  progressBar: {\n    height: 4,\n    width: '100%',\n    backgroundColor: '#E0E0E0',\n    borderRadius: 2,\n    overflow: 'hidden',\n  },\n  progressFill: {\n    height: '100%',\n    backgroundColor: '#4CAF50',\n  },\n  progressText: {\n    marginTop: 4,\n    fontSize: 12,\n    color: TEXT_DARK,\n  },\n});\n\nconst mapStateToProps = state => {\n  const { user } = state;\n  return {\n    user,\n    colourBrandingMain: getMainBrandingColourFromState(state),\n  };\n};\n\nexport default connect(mapStateToProps)(DocumentUploader);\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,IAAI,EAAEC,gBAAgB,EAAEC,IAAI,EAAEC,UAAU,EAAEC,iBAAiB,QAAQ,cAAc;AAC1F,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,OAAO,KAAKC,cAAc,MAAM,sBAAsB;AACtD,SAASC,OAAO,QAAQ,aAAa;AACrC,OAAOC,MAAM,MAAM,WAAW;AAC9B,SAASC,WAAW,QAAQ,SAAS;AACrC,SAASC,iBAAiB,QAAQ,WAAW;AAC7C,SAASC,SAAS,EAAEC,8BAA8B,QAAQ,YAAY;AAEtE,MAAMC,qBAAqB,GAAG,UAAU;AAExC,MAAMC,gBAAgB,SAASf,SAAS,CAAC;EAAAgB,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,gBAe/B;MACNC,WAAW,EAAE,KAAK;MAClBC,cAAc,EAAE;IAClB,CAAC;IAAAF,eAAA,uBAEc,YAAY;MACzB,MAAM;QAAEG,YAAY;QAAEC;MAAS,CAAC,GAAG,IAAI,CAACC,KAAK;MAE7C,IAAI;QACF,MAAMC,MAAM,GAAG,MAAMjB,cAAc,CAACkB,gBAAgB,CAAC;UACnDC,IAAI,EAAEL,YAAY;UAClBM,oBAAoB,EAAE,IAAI;UAC1BL,QAAQ,EAAEA,QAAQ,IAAI;QACxB,CAAC,CAAC;QACF;;QAEA,IAAI,CAACE,MAAM,CAACI,QAAQ,EAAE;UACpB,MAAM,IAAI,CAACC,oBAAoB,CAACL,MAAM,CAAC;QACzC;MACF,CAAC,CAAC,OAAOM,KAAK,EAAE;QACdC,OAAO,CAACC,GAAG,CAAC,wBAAwB,EAAEF,KAAK,CAAC;QAC5C,IAAI,CAACP,KAAK,CAACU,cAAc,CAAC,IAAI,EAAEH,KAAK,CAACI,OAAO,CAAC;MAChD;IACF,CAAC;IAAAhB,eAAA,+BAEsB,MAAMiB,cAAc,IAAI;MAC7C,MAAM;QAAEC;MAAO,CAAC,GAAGD,cAAc;MACjC,MAAM;QAAEE;MAAO,CAAC,GAAG,IAAI,CAACd,KAAK;MAE7B,IAAI;QACF,IAAI,CAACe,QAAQ,CAAC;UAAEnB,WAAW,EAAE,IAAI;UAAEC,cAAc,EAAE;QAAE,CAAC,CAAC;;QAEvD;QACA,MAAMmB,cAAc,GAAGH,MAAM,CAACI,GAAG,CAAC,MAAMC,KAAK,IAAI;UAC/C,MAAM;YAAEC,IAAI;YAAEC;UAAI,CAAC,GAAGF,KAAK;;UAE3B;UACA,MAAM,CAACG,IAAI,EAAEC,OAAO,CAAC,GAAGH,IAAI,CAACI,KAAK,CAAC,GAAG,CAAC;UACvC,MAAMC,QAAQ,GAAG,GAAGpC,iBAAiB,CAAC,IAAI,CAACY,KAAK,CAACwB,QAAQ,EAAEjC,qBAAqB,CAAC,IAAIkC,IAAI,CAACC,GAAG,CAAC,CAAC,IAAIJ,OAAO,EAAE;UAC5G,MAAMK,SAAS,GAAGxC,WAAW,CAACyC,YAAY,CAACd,MAAM,EAAEU,QAAQ,CAAC;UAC5D;;UAEA,IAAI;YACF;YACA,IAAI,CAACxB,KAAK,CAAC6B,eAAe,CAACF,SAAS,EAAEP,GAAG,EAAEC,IAAI,EAAEC,OAAO,CAACQ,WAAW,CAAC,CAAC,CAAC;YAEvE,MAAMC,GAAG,GAAG,MAAM5C,WAAW,CAAC6C,2BAA2B,CAACZ,GAAG,EAAEO,SAAS,EAAEM,QAAQ,IAAI;cACpF,IAAI,IAAI,CAACjC,KAAK,CAACkC,gBAAgB,EAAE,IAAI,CAAClC,KAAK,CAACkC,gBAAgB,CAACD,QAAQ,CAAC;YACxE,CAAC,CAAC;YAEF,MAAME,OAAO,GAAGjD,MAAM,CAACkD,GAAG,CAACC,cAAc,GAAGN,GAAG,CAACO,GAAG;YACnD,IAAI,CAACtC,KAAK,CAACuC,eAAe,CAACJ,OAAO,EAAER,SAAS,CAAC;YAC9CnB,OAAO,CAACC,GAAG,CAAC,gBAAgB,EAAE0B,OAAO,CAAC;YACtC,OAAO;cAAEK,OAAO,EAAE,IAAI;cAAEC,GAAG,EAAEN,OAAO;cAAER;YAAU,CAAC;UACnD,CAAC,CAAC,OAAOpB,KAAK,EAAE;YACdC,OAAO,CAACD,KAAK,CAAC,qBAAqBY,IAAI,GAAG,EAAEZ,KAAK,CAAC;YAClD,IAAI,CAACP,KAAK,CAACU,cAAc,CAACiB,SAAS,EAAEpB,KAAK,CAACI,OAAO,CAAC;YACnD,OAAO;cAAE6B,OAAO,EAAE,KAAK;cAAEjC,KAAK;cAAEoB;YAAU,CAAC;UAC7C;QACF,CAAC,CAAC;;QAEF;QACA,MAAMe,OAAO,GAAG,MAAMC,OAAO,CAACC,GAAG,CAAC5B,cAAc,CAAC;QACjD,OAAO0B,OAAO;MAChB,CAAC,CAAC,OAAOnC,KAAK,EAAE;QACdC,OAAO,CAACD,KAAK,CAAC,wBAAwB,EAAEA,KAAK,CAAC;QAC9C,OAAO,EAAE;MACX,CAAC,SAAS;QACR,IAAI,CAACQ,QAAQ,CAAC;UAAEnB,WAAW,EAAE,KAAK;UAAEC,cAAc,EAAE;QAAE,CAAC,CAAC;MAC1D;IACF,CAAC;IAAAF,eAAA,6BAEoB,MAAM;MACzB,MAAM;QAAEkD,WAAW;QAAEC,WAAW;QAAEC,eAAe;QAAEC;MAAS,CAAC,GAAG,IAAI,CAAChD,KAAK;MAC1E,MAAM;QAAEJ;MAAY,CAAC,GAAG,IAAI,CAACqD,KAAK;MAClC,MAAMC,SAAS,GAAG5D,8BAA8B,CAAC,IAAI,CAACU,KAAK,CAAC;MAE5D,oBACExB,KAAA,CAAA2E,aAAA,CAACxE,gBAAgB;QACfyE,KAAK,EAAE,CAACC,MAAM,CAACC,YAAY,EAAE;UAAEC,WAAW,EAAEL;QAAU,CAAC,EAAEJ,WAAW,CAAE;QACtEU,OAAO,EAAE,IAAI,CAACC,YAAa;QAC3BT,QAAQ,EAAEpD,WAAW,IAAIoD,QAAS;QAClCU,aAAa,EAAE;MAAI,GAElB9D,WAAW,gBACVpB,KAAA,CAAA2E,aAAA,CAACrE,iBAAiB;QAAC6E,KAAK,EAAET;MAAU,CAAE,CAAC,gBAEvC1E,KAAA,CAAA2E,aAAA,CAACzE,IAAI;QAAC0E,KAAK,EAAEC,MAAM,CAACO;MAAc,gBAChCpF,KAAA,CAAA2E,aAAA,CAACpE,IAAI;QAACoC,IAAI,EAAC,YAAY;QAAChB,IAAI,EAAC,QAAQ;QAACwD,KAAK,EAAET,SAAU;QAACW,IAAI,EAAE,EAAG;QAACT,KAAK,EAAEC,MAAM,CAACS;MAAK,CAAE,CAAC,eACxFtF,KAAA,CAAA2E,aAAA,CAACvE,IAAI;QAACwE,KAAK,EAAE,CAACC,MAAM,CAACU,UAAU,EAAE;UAAEJ,KAAK,EAAET;QAAU,CAAC,EAAEH,eAAe;MAAE,GAAEF,WAAkB,CACxF,CAEQ,CAAC;IAEvB,CAAC;IAAAlD,eAAA,yBAEgB,MAAM;MACrB,MAAM;QAAEE;MAAe,CAAC,GAAG,IAAI,CAACoD,KAAK;MACrC,IAAIpD,cAAc,IAAI,CAAC,IAAIA,cAAc,IAAI,CAAC,EAAE,OAAO,IAAI;MAE3D,oBACErB,KAAA,CAAA2E,aAAA,CAACzE,IAAI;QAAC0E,KAAK,EAAEC,MAAM,CAACW;MAAkB,gBACpCxF,KAAA,CAAA2E,aAAA,CAACzE,IAAI;QAAC0E,KAAK,EAAEC,MAAM,CAACY;MAAY,gBAC9BzF,KAAA,CAAA2E,aAAA,CAACzE,IAAI;QAAC0E,KAAK,EAAE,CAACC,MAAM,CAACa,YAAY,EAAE;UAAEC,KAAK,EAAE,GAAGtE,cAAc,GAAG,GAAG;QAAI,CAAC;MAAE,CAAE,CACxE,CAAC,eACPrB,KAAA,CAAA2E,aAAA,CAACvE,IAAI;QAACwE,KAAK,EAAEC,MAAM,CAACe;MAAa,GAAEC,IAAI,CAACC,KAAK,CAACzE,cAAc,GAAG,GAAG,CAAC,EAAC,GAAO,CACvE,CAAC;IAEX,CAAC;EAAA;EAED0E,MAAMA,CAAA,EAAG;IACP,oBACE/F,KAAA,CAAA2E,aAAA,CAACzE,IAAI;MAAC0E,KAAK,EAAEC,MAAM,CAACmB;IAAU,GAC3B,IAAI,CAACC,kBAAkB,CAAC,CAAC,EACzB,IAAI,CAACC,cAAc,CAAC,CACjB,CAAC;EAEX;AACF;AAAC/E,eAAA,CArIKH,gBAAgB,kBACE;EACpBM,YAAY,EAAE,CAAC,iBAAiB,CAAC;EACjC+C,WAAW,EAAE,iBAAiB;EAC9BC,WAAW,EAAE,CAAC,CAAC;EACfC,eAAe,EAAE,CAAC,CAAC;EACnBlB,eAAe,EAAEA,CAAA,KAAM,CAAC,CAAC;EACzBU,eAAe,EAAEA,CAAA,KAAM,CAAC,CAAC;EACzB7B,cAAc,EAAEA,CAAA,KAAM,CAAC,CAAC;EACxBwB,gBAAgB,EAAE,IAAI;EACtBpB,MAAM,EAAE,IAAI;EACZU,QAAQ,EAAE,IAAI;EACdwB,QAAQ,EAAE;AACZ,CAAC;AA0HH,MAAMK,MAAM,GAAGxE,UAAU,CAAC8F,MAAM,CAAC;EAC/BH,SAAS,EAAE;IACTI,cAAc,EAAE;EAClB,CAAC;EACDtB,YAAY,EAAE;IACZuB,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE,EAAE;IACrBC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAE,MAAM;IACvBC,WAAW,EAAE,CAAC;IACd7B,WAAW,EAAE;EACf,CAAC;EACDK,aAAa,EAAE;IACbiB,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EACDf,UAAU,EAAE;IACVJ,KAAK,EAAE,MAAM;IACb0B,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE;EACd,CAAC;EACDzB,IAAI,EAAE;IACJ0B,WAAW,EAAE;EACf,CAAC;EACDxB,iBAAiB,EAAE;IACjByB,SAAS,EAAE,CAAC;IACZX,UAAU,EAAE;EACd,CAAC;EACDb,WAAW,EAAE;IACXyB,MAAM,EAAE,CAAC;IACTvB,KAAK,EAAE,MAAM;IACbgB,eAAe,EAAE,SAAS;IAC1BD,YAAY,EAAE,CAAC;IACfS,QAAQ,EAAE;EACZ,CAAC;EACDzB,YAAY,EAAE;IACZwB,MAAM,EAAE,MAAM;IACdP,eAAe,EAAE;EACnB,CAAC;EACDf,YAAY,EAAE;IACZqB,SAAS,EAAE,CAAC;IACZJ,QAAQ,EAAE,EAAE;IACZ1B,KAAK,EAAEtE;EACT;AACF,CAAC,CAAC;AAEF,MAAMuG,eAAe,GAAG3C,KAAK,IAAI;EAC/B,MAAM;IAAE4C;EAAK,CAAC,GAAG5C,KAAK;EACtB,OAAO;IACL4C,IAAI;IACJC,kBAAkB,EAAExG,8BAA8B,CAAC2D,KAAK;EAC1D,CAAC;AACH,CAAC;AAED,eAAehE,OAAO,CAAC2G,eAAe,CAAC,CAACpG,gBAAgB,CAAC","ignoreList":[]}

package/dist/module/components/index.js

@@ -47,6 +47,7 @@ export { default as LoadingStateWidget } from './LoadingStateWidget';
 export { default as Header } from './Header';
 export { default as LoadingIndicator } from './LoadingIndicator';
 export { default as ImageUploader } from './ImageUploader';
+export { default as DocumentUploader } from './DocumentUploader';
 export { default as ImageUploadProgress } from './ImageUploadProgress';
 export { default as UserListing } from './UserListing';
 export { default as PlussChat } from './PlussChat';

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

@@ -1 +1 @@
-{"version":3,"names":["default","EmptyStateWidget","EmptyStateMain","LoadingStateWidget","Header","LoadingIndicator","ImageUploader","ImageUploadProgress","UserListing","PlussChat","PositionedImage","FormattedText","MediaPlayer","AudienceSelectorPage"],"sources":["index.js"],"sourcesContent":["export * from './InlineButton';\nexport * from './AddToCalendarButton';\nexport * from './Forbidden';\nexport * from './FormCard';\nexport * from './FormCardSection';\nexport * from './FormCardSectionOptionLauncher';\nexport * from './ProfilePic';\nexport * from './Spinner';\nexport * from './LoadingCircles';\nexport * from './Popup';\nexport * from './ImagePopup';\nexport * from './VideoPopup';\nexport * from './SharingTools';\nexport * from './MiddlePopup';\nexport * from './ConfirmPopup';\nexport * from './ConfirmationPopup';\nexport * from './CommentSection';\nexport * from './CommentReply';\nexport * from './PopupMenu';\nexport * from './AddButton';\nexport * from './Attachment';\nexport * from './GenericInputSection';\nexport * from './GenericInput';\nexport * from './RadioButton';\nexport * from './PDFPopup';\nexport * from './TextStyle';\nexport * from './TickIcon';\nexport * from './Toggle';\nexport * from './Input';\nexport * from './StickyFooter';\nexport * from './CategoryTabs';\nexport * from './DropDownMenu';\nexport * from './DropDownItem';\nexport * from './BackButton';\nexport * from './Reaction';\nexport * from './TouchableSearchBar';\nexport * from './WarningPopup';\nexport * from './FontScalePopup';\nexport * from './FontScaleButton';\nexport * from './UserListPopup';\nexport * from './Reactions';\nexport * from './AudienceSelectorLauncher';\nexport * from './CalendarPopup';\nexport { default as EmptyStateWidget } from './EmptyStateWidget';\nexport { default as EmptyStateMain } from './EmptyStateMain';\nexport { default as LoadingStateWidget } from './LoadingStateWidget';\nexport { default as Header } from './Header';\nexport { default as LoadingIndicator } from './LoadingIndicator';\nexport { default as ImageUploader } from './ImageUploader';\nexport { default as ImageUploadProgress } from './ImageUploadProgress';\nexport { default as UserListing } from './UserListing';\nexport { default as PlussChat } from './PlussChat';\nexport { default as PositionedImage } from './PositionedImage';\nexport * from './AutoOffsetImage';\nexport { default as FormattedText } from './FormattedText';\nexport { default as MediaPlayer } from './MediaPlayer';\nexport { default as AudienceSelectorPage } from './AudienceSelectorPage';\n"],"mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,uBAAuB;AACrC,cAAc,aAAa;AAC3B,cAAc,YAAY;AAC1B,cAAc,mBAAmB;AACjC,cAAc,iCAAiC;AAC/C,cAAc,cAAc;AAC5B,cAAc,WAAW;AACzB,cAAc,kBAAkB;AAChC,cAAc,SAAS;AACvB,cAAc,cAAc;AAC5B,cAAc,cAAc;AAC5B,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,qBAAqB;AACnC,cAAc,kBAAkB;AAChC,cAAc,gBAAgB;AAC9B,cAAc,aAAa;AAC3B,cAAc,aAAa;AAC3B,cAAc,cAAc;AAC5B,cAAc,uBAAuB;AACrC,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,YAAY;AAC1B,cAAc,aAAa;AAC3B,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,gBAAgB;AAC9B,cAAc,gBAAgB;AAC9B,cAAc,gBAAgB;AAC9B,cAAc,gBAAgB;AAC9B,cAAc,cAAc;AAC5B,cAAc,YAAY;AAC1B,cAAc,sBAAsB;AACpC,cAAc,gBAAgB;AAC9B,cAAc,kBAAkB;AAChC,cAAc,mBAAmB;AACjC,cAAc,iBAAiB;AAC/B,cAAc,aAAa;AAC3B,cAAc,4BAA4B;AAC1C,cAAc,iBAAiB;AAC/B,SAASA,OAAO,IAAIC,gBAAgB,QAAQ,oBAAoB;AAChE,SAASD,OAAO,IAAIE,cAAc,QAAQ,kBAAkB;AAC5D,SAASF,OAAO,IAAIG,kBAAkB,QAAQ,sBAAsB;AACpE,SAASH,OAAO,IAAII,MAAM,QAAQ,UAAU;AAC5C,SAASJ,OAAO,IAAIK,gBAAgB,QAAQ,oBAAoB;AAChE,SAASL,OAAO,IAAIM,aAAa,QAAQ,iBAAiB;AAC1D,SAASN,OAAO,IAAIO,mBAAmB,QAAQ,uBAAuB;AACtE,SAASP,OAAO,IAAIQ,WAAW,QAAQ,eAAe;AACtD,SAASR,OAAO,IAAIS,SAAS,QAAQ,aAAa;AAClD,SAAST,OAAO,IAAIU,eAAe,QAAQ,mBAAmB;AAC9D,cAAc,mBAAmB;AACjC,SAASV,OAAO,IAAIW,aAAa,QAAQ,iBAAiB;AAC1D,SAASX,OAAO,IAAIY,WAAW,QAAQ,eAAe;AACtD,SAASZ,OAAO,IAAIa,oBAAoB,QAAQ,wBAAwB","ignoreList":[]}
+{"version":3,"names":["default","EmptyStateWidget","EmptyStateMain","LoadingStateWidget","Header","LoadingIndicator","ImageUploader","DocumentUploader","ImageUploadProgress","UserListing","PlussChat","PositionedImage","FormattedText","MediaPlayer","AudienceSelectorPage"],"sources":["index.js"],"sourcesContent":["export * from './InlineButton';\nexport * from './AddToCalendarButton';\nexport * from './Forbidden';\nexport * from './FormCard';\nexport * from './FormCardSection';\nexport * from './FormCardSectionOptionLauncher';\nexport * from './ProfilePic';\nexport * from './Spinner';\nexport * from './LoadingCircles';\nexport * from './Popup';\nexport * from './ImagePopup';\nexport * from './VideoPopup';\nexport * from './SharingTools';\nexport * from './MiddlePopup';\nexport * from './ConfirmPopup';\nexport * from './ConfirmationPopup';\nexport * from './CommentSection';\nexport * from './CommentReply';\nexport * from './PopupMenu';\nexport * from './AddButton';\nexport * from './Attachment';\nexport * from './GenericInputSection';\nexport * from './GenericInput';\nexport * from './RadioButton';\nexport * from './PDFPopup';\nexport * from './TextStyle';\nexport * from './TickIcon';\nexport * from './Toggle';\nexport * from './Input';\nexport * from './StickyFooter';\nexport * from './CategoryTabs';\nexport * from './DropDownMenu';\nexport * from './DropDownItem';\nexport * from './BackButton';\nexport * from './Reaction';\nexport * from './TouchableSearchBar';\nexport * from './WarningPopup';\nexport * from './FontScalePopup';\nexport * from './FontScaleButton';\nexport * from './UserListPopup';\nexport * from './Reactions';\nexport * from './AudienceSelectorLauncher';\nexport * from './CalendarPopup';\nexport { default as EmptyStateWidget } from './EmptyStateWidget';\nexport { default as EmptyStateMain } from './EmptyStateMain';\nexport { default as LoadingStateWidget } from './LoadingStateWidget';\nexport { default as Header } from './Header';\nexport { default as LoadingIndicator } from './LoadingIndicator';\nexport { default as ImageUploader } from './ImageUploader';\nexport { default as DocumentUploader } from './DocumentUploader';\nexport { default as ImageUploadProgress } from './ImageUploadProgress';\nexport { default as UserListing } from './UserListing';\nexport { default as PlussChat } from './PlussChat';\nexport { default as PositionedImage } from './PositionedImage';\nexport * from './AutoOffsetImage';\nexport { default as FormattedText } from './FormattedText';\nexport { default as MediaPlayer } from './MediaPlayer';\nexport { default as AudienceSelectorPage } from './AudienceSelectorPage';\n"],"mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,uBAAuB;AACrC,cAAc,aAAa;AAC3B,cAAc,YAAY;AAC1B,cAAc,mBAAmB;AACjC,cAAc,iCAAiC;AAC/C,cAAc,cAAc;AAC5B,cAAc,WAAW;AACzB,cAAc,kBAAkB;AAChC,cAAc,SAAS;AACvB,cAAc,cAAc;AAC5B,cAAc,cAAc;AAC5B,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,qBAAqB;AACnC,cAAc,kBAAkB;AAChC,cAAc,gBAAgB;AAC9B,cAAc,aAAa;AAC3B,cAAc,aAAa;AAC3B,cAAc,cAAc;AAC5B,cAAc,uBAAuB;AACrC,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,YAAY;AAC1B,cAAc,aAAa;AAC3B,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,gBAAgB;AAC9B,cAAc,gBAAgB;AAC9B,cAAc,gBAAgB;AAC9B,cAAc,gBAAgB;AAC9B,cAAc,cAAc;AAC5B,cAAc,YAAY;AAC1B,cAAc,sBAAsB;AACpC,cAAc,gBAAgB;AAC9B,cAAc,kBAAkB;AAChC,cAAc,mBAAmB;AACjC,cAAc,iBAAiB;AAC/B,cAAc,aAAa;AAC3B,cAAc,4BAA4B;AAC1C,cAAc,iBAAiB;AAC/B,SAASA,OAAO,IAAIC,gBAAgB,QAAQ,oBAAoB;AAChE,SAASD,OAAO,IAAIE,cAAc,QAAQ,kBAAkB;AAC5D,SAASF,OAAO,IAAIG,kBAAkB,QAAQ,sBAAsB;AACpE,SAASH,OAAO,IAAII,MAAM,QAAQ,UAAU;AAC5C,SAASJ,OAAO,IAAIK,gBAAgB,QAAQ,oBAAoB;AAChE,SAASL,OAAO,IAAIM,aAAa,QAAQ,iBAAiB;AAC1D,SAASN,OAAO,IAAIO,gBAAgB,QAAQ,oBAAoB;AAChE,SAASP,OAAO,IAAIQ,mBAAmB,QAAQ,uBAAuB;AACtE,SAASR,OAAO,IAAIS,WAAW,QAAQ,eAAe;AACtD,SAAST,OAAO,IAAIU,SAAS,QAAQ,aAAa;AAClD,SAASV,OAAO,IAAIW,eAAe,QAAQ,mBAAmB;AAC9D,cAAc,mBAAmB;AACjC,SAASX,OAAO,IAAIY,aAAa,QAAQ,iBAAiB;AAC1D,SAASZ,OAAO,IAAIa,WAAW,QAAQ,eAAe;AACtD,SAASb,OAAO,IAAIc,oBAAoB,QAAQ,wBAAwB","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plusscommunities/pluss-core-app",
-  "version": "6.1.9",
+  "version": "6.1.10-beta.0",
   "description": "Core extension package for Pluss Communities platform",
   "main": "dist/module/index.js",
   "module": "dist/module/index.js",
@@ -31,6 +31,7 @@
     "expo-av": "~13.10.6",
     "expo-calendar": "~12.2.1",
     "expo-constants": "~15.4.6",
+    "expo-document-picker": "~11.10.1",
     "expo-file-system": "~16.0.9",
     "expo-image-manipulator": "~11.8.0",
     "expo-image-picker": "~14.7.1",

package/src/components/DocumentUploader.js

@@ -0,0 +1,206 @@
+import React, { Component } from 'react';
+import { View, TouchableOpacity, Text, StyleSheet, ActivityIndicator } from 'react-native';
+import { Icon } from 'react-native-elements';
+import * as DocumentPicker from 'expo-document-picker';
+import { connect } from 'react-redux';
+import Config from '../config';
+import { fileActions } from '../apis';
+import { getValueOrDefault } from '../helper';
+import { TEXT_DARK, getMainBrandingColourFromState } from '../colours';
+
+const DEFAULT_DOCUMENT_NAME = 'document';
+
+class DocumentUploader extends Component {
+  static defaultProps = {
+    allowedTypes: ['application/pdf'],
+    buttonTitle: 'Upload Document',
+    buttonStyle: {},
+    buttonTextStyle: {},
+    onUploadStarted: () => {},
+    onUploadSuccess: () => {},
+    onUploadFailed: () => {},
+    onUploadProgress: null,
+    userId: null,
+    fileName: null,
+    disabled: false,
+  };
+
+  state = {
+    isUploading: false,
+    uploadProgress: 0,
+  };
+
+  pickDocument = async () => {
+    const { allowedTypes, multiple } = this.props;
+
+    try {
+      const result = await DocumentPicker.getDocumentAsync({
+        type: allowedTypes,
+        copyToCacheDirectory: true,
+        multiple: multiple || false,
+      });
+      // console.log('pickDocument', JSON.stringify(result, null, 2));
+
+      if (!result.canceled) {
+        await this.handleDocumentPicked(result);
+      }
+    } catch (error) {
+      console.log('Document picker error:', error);
+      this.props.onUploadFailed(null, error.message);
+    }
+  };
+
+  handleDocumentPicked = async documentResult => {
+    const { assets } = documentResult;
+    const { userId } = this.props;
+
+    try {
+      this.setState({ isUploading: true, uploadProgress: 0 });
+
+      // Process each asset in parallel
+      const uploadPromises = assets.map(async asset => {
+        const { name, uri } = asset;
+
+        // Generate a unique filename if not provided
+        const [file, fileExt] = name.split('.');
+        const fileName = `${getValueOrDefault(this.props.fileName, DEFAULT_DOCUMENT_NAME)}_${Date.now()}.${fileExt}`;
+        const uploadUri = fileActions.getUploadUrl(userId, fileName);
+        // console.log('handleDocumentPicked', JSON.stringify({ uploadUri, uri, name, fileName }, null, 2));
+
+        try {
+          // Notify parent component that upload has started for this file
+          this.props.onUploadStarted(uploadUri, uri, file, fileExt.toUpperCase());
+
+          const res = await fileActions.uploadUserMediaWithProgress(uri, uploadUri, progress => {
+            if (this.props.onUploadProgress) this.props.onUploadProgress(progress);
+          });
+
+          const fileUrl = Config.env.baseUploadsUrl + res.key;
+          this.props.onUploadSuccess(fileUrl, uploadUri);
+          console.log('Upload success', fileUrl);
+          return { success: true, url: fileUrl, uploadUri };
+        } catch (error) {
+          console.error(`Upload failed for ${name}:`, error);
+          this.props.onUploadFailed(uploadUri, error.message);
+          return { success: false, error, uploadUri };
+        }
+      });
+
+      // Wait for all uploads to complete
+      const results = await Promise.all(uploadPromises);
+      return results;
+    } catch (error) {
+      console.error('Document upload error:', error);
+      return [];
+    } finally {
+      this.setState({ isUploading: false, uploadProgress: 0 });
+    }
+  };
+
+  renderUploadButton = () => {
+    const { buttonTitle, buttonStyle, buttonTextStyle, disabled } = this.props;
+    const { isUploading } = this.state;
+    const mainColor = getMainBrandingColourFromState(this.props);
+
+    return (
+      <TouchableOpacity
+        style={[styles.uploadButton, { borderColor: mainColor }, buttonStyle]}
+        onPress={this.pickDocument}
+        disabled={isUploading || disabled}
+        activeOpacity={0.7}
+      >
+        {isUploading ? (
+          <ActivityIndicator color={mainColor} />
+        ) : (
+          <View style={styles.buttonContent}>
+            <Icon name="attachment" type="entypo" color={mainColor} size={18} style={styles.icon} />
+            <Text style={[styles.buttonText, { color: mainColor }, buttonTextStyle]}>{buttonTitle}</Text>
+          </View>
+        )}
+      </TouchableOpacity>
+    );
+  };
+
+  renderProgress = () => {
+    const { uploadProgress } = this.state;
+    if (uploadProgress <= 0 || uploadProgress >= 1) return null;
+
+    return (
+      <View style={styles.progressContainer}>
+        <View style={styles.progressBar}>
+          <View style={[styles.progressFill, { width: `${uploadProgress * 100}%` }]} />
+        </View>
+        <Text style={styles.progressText}>{Math.round(uploadProgress * 100)}%</Text>
+      </View>
+    );
+  };
+
+  render() {
+    return (
+      <View style={styles.container}>
+        {this.renderUploadButton()}
+        {this.renderProgress()}
+      </View>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    marginVertical: 10,
+  },
+  uploadButton: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingVertical: 8,
+    paddingHorizontal: 16,
+    borderRadius: 6,
+    backgroundColor: '#fff',
+    borderWidth: 1,
+    borderColor: '#007AFF',
+  },
+  buttonContent: {
+    flexDirection: 'row',
+    alignItems: 'center',
+  },
+  buttonText: {
+    color: '#fff',
+    fontSize: 16,
+    fontWeight: '500',
+    marginLeft: 8,
+  },
+  icon: {
+    marginRight: 8,
+  },
+  progressContainer: {
+    marginTop: 8,
+    alignItems: 'center',
+  },
+  progressBar: {
+    height: 4,
+    width: '100%',
+    backgroundColor: '#E0E0E0',
+    borderRadius: 2,
+    overflow: 'hidden',
+  },
+  progressFill: {
+    height: '100%',
+    backgroundColor: '#4CAF50',
+  },
+  progressText: {
+    marginTop: 4,
+    fontSize: 12,
+    color: TEXT_DARK,
+  },
+});
+
+const mapStateToProps = state => {
+  const { user } = state;
+  return {
+    user,
+    colourBrandingMain: getMainBrandingColourFromState(state),
+  };
+};
+
+export default connect(mapStateToProps)(DocumentUploader);

package/src/components/index.js

@@ -47,6 +47,7 @@ export { default as LoadingStateWidget } from './LoadingStateWidget';
 export { default as Header } from './Header';
 export { default as LoadingIndicator } from './LoadingIndicator';
 export { default as ImageUploader } from './ImageUploader';
+export { default as DocumentUploader } from './DocumentUploader';
 export { default as ImageUploadProgress } from './ImageUploadProgress';
 export { default as UserListing } from './UserListing';
 export { default as PlussChat } from './PlussChat';