@plusscommunities/pluss-core-app 4.0.4-auth.0 → 6.0.0-auth.0

package/dist/module/components/ImagePopup.js

@@ -0,0 +1,240 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import React, { Component } from 'react';
+import _ from 'lodash';
+import moment from 'moment';
+import { Dimensions, Modal, TouchableOpacity, StyleSheet, View, ImageBackground, Text } from 'react-native';
+import ImageViewer from 'react-native-image-zoom-viewer';
+import { Icon } from 'react-native-elements';
+import { TEXT_DARK } from '../colours';
+import { StatusBarHeight, isVideo, get1400 } from '../helper';
+import { Pl60Icon } from '../fonts';
+import { SharingTools } from './SharingTools';
+import { VideoPopup } from './VideoPopup';
+import { ProfilePic } from './ProfilePic';
+const SCREEN_WIDTH = Dimensions.get('window').width;
+const SCREEN_HEIGHT = Dimensions.get('window').height;
+class ImagePopup extends Component {
+  constructor(_props) {
+    super(_props);
+    _defineProperty(this, "setupUrls", () => {
+      if (!this.props.images) return;
+      const images = this.props.images.map(image => {
+        if (typeof image === 'string') {
+          return {
+            url: get1400(image),
+            original: image,
+            isVideo: isVideo(image)
+          };
+        }
+        return {
+          url: get1400(image === null || image === void 0 ? void 0 : image.uri),
+          original: image === null || image === void 0 ? void 0 : image.uri,
+          isVideo: isVideo(image === null || image === void 0 ? void 0 : image.uri),
+          date: image === null || image === void 0 ? void 0 : image.date,
+          user: image === null || image === void 0 ? void 0 : image.user
+        };
+      });
+      this.setState({
+        images,
+        index: this.state.index || this.props.index || 0
+      });
+    });
+    _defineProperty(this, "onChange", index => {
+      this.setState({
+        index
+      });
+    });
+    _defineProperty(this, "toggleFullscreenVideo", url => {
+      if (typeof url !== 'string') url = '';
+      this.setState({
+        showFullscreenVideo: url.length > 0,
+        currentVideoUrl: url
+      });
+    });
+    _defineProperty(this, "renderImage", props => {
+      var _media$user, _media$user2;
+      const media = this.state.images.find(image => image.url === props.source.uri);
+      const isVideo = !_.isNil(media) && media.isVideo;
+      let dateText, timeText;
+      if (!_.isNil(media.date)) {
+        const imageDate = moment(media.date);
+        dateText = imageDate.format('MMMM D, YYYY');
+        timeText = imageDate.format('hh:mm A');
+      }
+      return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(ImageBackground, props, isVideo && /*#__PURE__*/React.createElement(View, {
+        style: styles.videoOverlay
+      }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+        onPress: this.toggleFullscreenVideo.bind(this, media.original)
+      }, /*#__PURE__*/React.createElement(Icon, {
+        name: "play",
+        type: "font-awesome",
+        iconStyle: styles.videoPlayIcon
+      })))), (!_.isNil(media.user) || !_.isNil(media.date)) && /*#__PURE__*/React.createElement(View, {
+        style: styles.imageInfoContainer
+      }, /*#__PURE__*/React.createElement(ProfilePic, {
+        Diameter: 42,
+        ProfilePic: media === null || media === void 0 || (_media$user = media.user) === null || _media$user === void 0 ? void 0 : _media$user.profilePic
+      }), /*#__PURE__*/React.createElement(View, {
+        style: styles.imageTextContainer
+      }, /*#__PURE__*/React.createElement(Text, {
+        style: styles.imageTextName
+      }, media === null || media === void 0 || (_media$user2 = media.user) === null || _media$user2 === void 0 ? void 0 : _media$user2.displayName), /*#__PURE__*/React.createElement(Text, {
+        numberOfLines: 2,
+        style: styles.iamgeTextDate
+      }, `Uploaded ${dateText} • ${timeText}`))));
+    });
+    this.state = {
+      index: 0,
+      images: [],
+      showFullscreenVideo: false,
+      currentVideoUrl: ''
+    };
+  }
+  componentDidMount() {
+    this.setupUrls();
+  }
+  componentDidUpdate(prevProps) {
+    const {
+      visible,
+      index
+    } = this.props;
+    if (!prevProps.visible && visible) this.setupUrls();
+    if (prevProps.index !== index) this.setState({
+      index
+    });
+  }
+  scrollTo(index) {
+    this.setState({
+      index
+    });
+  }
+  renderClose() {
+    return /*#__PURE__*/React.createElement(TouchableOpacity, {
+      style: styles.menuIconContainer,
+      onPress: this.props.onClose,
+      activeOpacity: 0.6
+    }, /*#__PURE__*/React.createElement(Pl60Icon, {
+      name: "close",
+      style: [styles.menuIcon]
+    }));
+  }
+  renderVideoPlayerPopup() {
+    const {
+      showFullscreenVideo,
+      currentVideoUrl
+    } = this.state;
+    if (!currentVideoUrl) return;
+    return /*#__PURE__*/React.createElement(VideoPopup, {
+      uri: currentVideoUrl,
+      visible: showFullscreenVideo,
+      onClose: this.toggleFullscreenVideo
+    });
+  }
+  render() {
+    const {
+      visible,
+      onClose
+    } = this.props;
+    const {
+      index,
+      images
+    } = this.state;
+    if (_.isEmpty(images)) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement(Modal, {
+      visible: visible,
+      animationType: "slide",
+      onRequestClose: onClose,
+      style: styles.modal
+    }, /*#__PURE__*/React.createElement(ImageViewer, {
+      style: styles.scrollable,
+      index: index,
+      onChange: this.onChange,
+      onSwipeDown: onClose,
+      enableSwipeDown: true,
+      imageUrls: images,
+      saveToLocalByLongPress: false,
+      renderImage: this.renderImage
+    }), this.renderClose(), /*#__PURE__*/React.createElement(SharingTools, {
+      uri: images[index].original
+    }), this.renderVideoPlayerPopup());
+  }
+}
+const styles = StyleSheet.create({
+  modal: {
+    backgroundColor: '#000'
+  },
+  scrollable: {
+    width: SCREEN_WIDTH,
+    height: SCREEN_HEIGHT,
+    backgroundColor: '#000'
+  },
+  image: {
+    width: SCREEN_WIDTH,
+    height: SCREEN_HEIGHT,
+    backgroundColor: '#000'
+  },
+  menuIconContainer: {
+    position: 'absolute',
+    top: StatusBarHeight(0),
+    right: 0,
+    width: 55,
+    height: 55,
+    zIndex: 3
+  },
+  menuIcon: {
+    fontSize: 25,
+    padding: 15,
+    width: 55,
+    textAlign: 'center',
+    color: '#fff',
+    zIndex: 3
+  },
+  videoOverlay: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  videoPlayIcon: {
+    color: '#fff',
+    fontSize: 30,
+    textShadowColor: 'rgba(0,0,0,0.3)',
+    textShadowOffset: {
+      width: 2,
+      height: 2
+    }
+  },
+  imageInfoContainer: {
+    flexDirection: 'row',
+    paddingHorizontal: 12,
+    height: 70,
+    backgroundColor: '#fff',
+    alignItems: 'center'
+  },
+  imageTextContainer: {
+    marginLeft: 12,
+    flexDirection: 'column',
+    flex: 1,
+    height: 42,
+    justifyContent: 'space-around'
+  },
+  imageTextName: {
+    fontFamily: 'sf-semibold',
+    fontSize: 14,
+    color: TEXT_DARK
+  },
+  iamgeTextDate: {
+    fontFamily: 'sf-regular',
+    fontSize: 12,
+    color: TEXT_DARK
+  }
+});
+export { ImagePopup };
+//# sourceMappingURL=ImagePopup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Component","_","moment","Dimensions","Modal","TouchableOpacity","StyleSheet","View","ImageBackground","Text","ImageViewer","Icon","TEXT_DARK","StatusBarHeight","isVideo","get1400","Pl60Icon","SharingTools","VideoPopup","ProfilePic","SCREEN_WIDTH","get","width","SCREEN_HEIGHT","height","ImagePopup","constructor","props","_defineProperty","images","map","image","url","original","uri","date","user","setState","index","state","showFullscreenVideo","length","currentVideoUrl","_media$user","_media$user2","media","find","source","isNil","dateText","timeText","imageDate","format","createElement","style","styles","videoOverlay","onPress","toggleFullscreenVideo","bind","name","type","iconStyle","videoPlayIcon","imageInfoContainer","Diameter","profilePic","imageTextContainer","imageTextName","displayName","numberOfLines","iamgeTextDate","componentDidMount","setupUrls","componentDidUpdate","prevProps","visible","scrollTo","renderClose","menuIconContainer","onClose","activeOpacity","menuIcon","renderVideoPlayerPopup","render","isEmpty","animationType","onRequestClose","modal","scrollable","onChange","onSwipeDown","enableSwipeDown","imageUrls","saveToLocalByLongPress","renderImage","create","backgroundColor","position","top","right","zIndex","fontSize","padding","textAlign","color","left","bottom","alignItems","justifyContent","textShadowColor","textShadowOffset","flexDirection","paddingHorizontal","marginLeft","flex","fontFamily"],"sources":["ImagePopup.js"],"sourcesContent":["import React, { Component } from 'react';\nimport _ from 'lodash';\nimport moment from 'moment';\nimport { Dimensions, Modal, TouchableOpacity, StyleSheet, View, ImageBackground, Text } from 'react-native';\nimport ImageViewer from 'react-native-image-zoom-viewer';\nimport { Icon } from 'react-native-elements';\nimport { TEXT_DARK } from '../colours';\nimport { StatusBarHeight, isVideo, get1400 } from '../helper';\nimport { Pl60Icon } from '../fonts';\nimport { SharingTools } from './SharingTools';\nimport { VideoPopup } from './VideoPopup';\nimport { ProfilePic } from './ProfilePic';\n\nconst SCREEN_WIDTH = Dimensions.get('window').width;\nconst SCREEN_HEIGHT = Dimensions.get('window').height;\n\nclass ImagePopup extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      index: 0,\n      images: [],\n      showFullscreenVideo: false,\n      currentVideoUrl: '',\n    };\n  }\n\n  componentDidMount() {\n    this.setupUrls();\n  }\n\n  componentDidUpdate(prevProps) {\n    const { visible, index } = this.props;\n    if (!prevProps.visible && visible) this.setupUrls();\n    if (prevProps.index !== index) this.setState({ index });\n  }\n\n  setupUrls = () => {\n    if (!this.props.images) return;\n\n    const images = this.props.images.map(image => {\n      if (typeof image === 'string') {\n        return { url: get1400(image), original: image, isVideo: isVideo(image) };\n      }\n      return { url: get1400(image?.uri), original: image?.uri, isVideo: isVideo(image?.uri), date: image?.date, user: image?.user };\n    });\n\n    this.setState({ images, index: this.state.index || this.props.index || 0 });\n  };\n\n  onChange = index => {\n    this.setState({ index });\n  };\n\n  scrollTo(index) {\n    this.setState({\n      index,\n    });\n  }\n\n  toggleFullscreenVideo = url => {\n    if (typeof url !== 'string') url = '';\n    this.setState({ showFullscreenVideo: url.length > 0, currentVideoUrl: url });\n  };\n\n  renderClose() {\n    return (\n      <TouchableOpacity style={styles.menuIconContainer} onPress={this.props.onClose} activeOpacity={0.6}>\n        <Pl60Icon name=\"close\" style={[styles.menuIcon]} />\n      </TouchableOpacity>\n    );\n  }\n\n  renderImage = props => {\n    const media = this.state.images.find(image => image.url === props.source.uri);\n    const isVideo = !_.isNil(media) && media.isVideo;\n\n    let dateText, timeText;\n    if (!_.isNil(media.date)) {\n      const imageDate = moment(media.date);\n      dateText = imageDate.format('MMMM D, YYYY');\n      timeText = imageDate.format('hh:mm A');\n    }\n\n    return (\n      <View>\n        <ImageBackground {...props}>\n          {isVideo && (\n            <View style={styles.videoOverlay}>\n              <TouchableOpacity onPress={this.toggleFullscreenVideo.bind(this, media.original)}>\n                <Icon name=\"play\" type=\"font-awesome\" iconStyle={styles.videoPlayIcon} />\n              </TouchableOpacity>\n            </View>\n          )}\n        </ImageBackground>\n        {(!_.isNil(media.user) || !_.isNil(media.date)) && (\n          <View style={styles.imageInfoContainer}>\n            <ProfilePic Diameter={42} ProfilePic={media?.user?.profilePic} />\n            <View style={styles.imageTextContainer}>\n              <Text style={styles.imageTextName}>{media?.user?.displayName}</Text>\n              <Text numberOfLines={2} style={styles.iamgeTextDate}>{`Uploaded ${dateText} • ${timeText}`}</Text>\n            </View>\n          </View>\n        )}\n      </View>\n    );\n  };\n\n  renderVideoPlayerPopup() {\n    const { showFullscreenVideo, currentVideoUrl } = this.state;\n    if (!currentVideoUrl) return;\n\n    return <VideoPopup uri={currentVideoUrl} visible={showFullscreenVideo} onClose={this.toggleFullscreenVideo} />;\n  }\n\n  render() {\n    const { visible, onClose } = this.props;\n    const { index, images } = this.state;\n\n    if (_.isEmpty(images)) {\n      return null;\n    }\n    return (\n      <Modal visible={visible} animationType=\"slide\" onRequestClose={onClose} style={styles.modal}>\n        <ImageViewer\n          style={styles.scrollable}\n          index={index}\n          onChange={this.onChange}\n          onSwipeDown={onClose}\n          enableSwipeDown\n          imageUrls={images}\n          saveToLocalByLongPress={false}\n          renderImage={this.renderImage}\n        />\n        {this.renderClose()}\n        <SharingTools uri={images[index].original} />\n        {this.renderVideoPlayerPopup()}\n      </Modal>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  modal: {\n    backgroundColor: '#000',\n  },\n  scrollable: {\n    width: SCREEN_WIDTH,\n    height: SCREEN_HEIGHT,\n    backgroundColor: '#000',\n  },\n  image: {\n    width: SCREEN_WIDTH,\n    height: SCREEN_HEIGHT,\n    backgroundColor: '#000',\n  },\n  menuIconContainer: {\n    position: 'absolute',\n    top: StatusBarHeight(0),\n    right: 0,\n    width: 55,\n    height: 55,\n    zIndex: 3,\n  },\n  menuIcon: {\n    fontSize: 25,\n    padding: 15,\n    width: 55,\n    textAlign: 'center',\n    color: '#fff',\n    zIndex: 3,\n  },\n  videoOverlay: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  videoPlayIcon: {\n    color: '#fff',\n    fontSize: 30,\n    textShadowColor: 'rgba(0,0,0,0.3)',\n    textShadowOffset: { width: 2, height: 2 },\n  },\n  imageInfoContainer: {\n    flexDirection: 'row',\n    paddingHorizontal: 12,\n    height: 70,\n    backgroundColor: '#fff',\n    alignItems: 'center',\n  },\n  imageTextContainer: {\n    marginLeft: 12,\n    flexDirection: 'column',\n    flex: 1,\n    height: 42,\n    justifyContent: 'space-around',\n  },\n  imageTextName: {\n    fontFamily: 'sf-semibold',\n    fontSize: 14,\n    color: TEXT_DARK,\n  },\n  iamgeTextDate: {\n    fontFamily: 'sf-regular',\n    fontSize: 12,\n    color: TEXT_DARK,\n  },\n});\n\nexport { ImagePopup };\n"],"mappings":"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"}

package/dist/module/components/ImageUploadProgress.js

@@ -0,0 +1,68 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import React, { Component } from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+import { InlineButton } from './InlineButton';
+import { Spinner } from './Spinner';
+class ImageUploadProgress extends Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "onRetryUpload", (imageUri, uploadUri) => {
+      this.props.uploader.retryUpload(imageUri, uploadUri);
+    });
+  }
+  render() {
+    const {
+      color,
+      image,
+      style,
+      progressTextStyle,
+      retryTextStyle
+    } = this.props;
+    const {
+      imageUri,
+      uploadUri,
+      uploadProgress,
+      allowRetry
+    } = image;
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.container, style]
+    }, /*#__PURE__*/React.createElement(Spinner, {
+      style: styles.spinner
+    }), /*#__PURE__*/React.createElement(Text, {
+      style: [styles.uploadProgressText, progressTextStyle, {
+        color
+      }]
+    }, uploadProgress), allowRetry && /*#__PURE__*/React.createElement(InlineButton, {
+      color: color,
+      onPress: () => this.onRetryUpload(imageUri, uploadUri),
+      touchableStyle: styles.retryButton
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: [styles.retryText, retryTextStyle]
+    }, "Retry")));
+  }
+}
+const styles = StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  spinner: {
+    flex: 0
+  },
+  uploadProgressText: {
+    textAlign: 'center',
+    fontFamily: 'sf-semibold',
+    fontSize: 12
+  },
+  retryButton: {
+    marginTop: 10
+  },
+  retryText: {
+    fontFamily: 'sf-semibold',
+    fontSize: 12
+  }
+});
+export default ImageUploadProgress;
+//# sourceMappingURL=ImageUploadProgress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Component","View","Text","StyleSheet","InlineButton","Spinner","ImageUploadProgress","constructor","args","_defineProperty","imageUri","uploadUri","props","uploader","retryUpload","render","color","image","style","progressTextStyle","retryTextStyle","uploadProgress","allowRetry","createElement","styles","container","spinner","uploadProgressText","onPress","onRetryUpload","touchableStyle","retryButton","retryText","create","alignItems","justifyContent","flex","textAlign","fontFamily","fontSize","marginTop"],"sources":["ImageUploadProgress.js"],"sourcesContent":["import React, { Component } from 'react';\nimport { View, Text, StyleSheet } from 'react-native';\nimport { InlineButton } from './InlineButton';\nimport { Spinner } from './Spinner';\n\nclass ImageUploadProgress extends Component {\n  onRetryUpload = (imageUri, uploadUri) => {\n    this.props.uploader.retryUpload(imageUri, uploadUri);\n  };\n\n  render() {\n    const { color, image, style, progressTextStyle, retryTextStyle } = this.props;\n    const { imageUri, uploadUri, uploadProgress, allowRetry } = image;\n\n    return (\n      <View style={[styles.container, style]}>\n        <Spinner style={styles.spinner} />\n        <Text style={[styles.uploadProgressText, progressTextStyle, { color }]}>{uploadProgress}</Text>\n        {allowRetry && (\n          <InlineButton color={color} onPress={() => this.onRetryUpload(imageUri, uploadUri)} touchableStyle={styles.retryButton}>\n            <Text style={[styles.retryText, retryTextStyle]}>Retry</Text>\n          </InlineButton>\n        )}\n      </View>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  spinner: {\n    flex: 0,\n  },\n  uploadProgressText: {\n    textAlign: 'center',\n    fontFamily: 'sf-semibold',\n    fontSize: 12,\n  },\n  retryButton: {\n    marginTop: 10,\n  },\n  retryText: {\n    fontFamily: 'sf-semibold',\n    fontSize: 12,\n  },\n});\n\nexport default ImageUploadProgress;\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AACrD,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,OAAO,QAAQ,WAAW;AAEnC,MAAMC,mBAAmB,SAASN,SAAS,CAAC;EAAAO,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,wBAC1B,CAACC,QAAQ,EAAEC,SAAS,KAAK;MACvC,IAAI,CAACC,KAAK,CAACC,QAAQ,CAACC,WAAW,CAACJ,QAAQ,EAAEC,SAAS,CAAC;IACtD,CAAC;EAAA;EAEDI,MAAMA,CAAA,EAAG;IACP,MAAM;MAAEC,KAAK;MAAEC,KAAK;MAAEC,KAAK;MAAEC,iBAAiB;MAAEC;IAAe,CAAC,GAAG,IAAI,CAACR,KAAK;IAC7E,MAAM;MAAEF,QAAQ;MAAEC,SAAS;MAAEU,cAAc;MAAEC;IAAW,CAAC,GAAGL,KAAK;IAEjE,oBACElB,KAAA,CAAAwB,aAAA,CAACtB,IAAI;MAACiB,KAAK,EAAE,CAACM,MAAM,CAACC,SAAS,EAAEP,KAAK;IAAE,gBACrCnB,KAAA,CAAAwB,aAAA,CAAClB,OAAO;MAACa,KAAK,EAAEM,MAAM,CAACE;IAAQ,CAAE,CAAC,eAClC3B,KAAA,CAAAwB,aAAA,CAACrB,IAAI;MAACgB,KAAK,EAAE,CAACM,MAAM,CAACG,kBAAkB,EAAER,iBAAiB,EAAE;QAAEH;MAAM,CAAC;IAAE,GAAEK,cAAqB,CAAC,EAC9FC,UAAU,iBACTvB,KAAA,CAAAwB,aAAA,CAACnB,YAAY;MAACY,KAAK,EAAEA,KAAM;MAACY,OAAO,EAAEA,CAAA,KAAM,IAAI,CAACC,aAAa,CAACnB,QAAQ,EAAEC,SAAS,CAAE;MAACmB,cAAc,EAAEN,MAAM,CAACO;IAAY,gBACrHhC,KAAA,CAAAwB,aAAA,CAACrB,IAAI;MAACgB,KAAK,EAAE,CAACM,MAAM,CAACQ,SAAS,EAAEZ,cAAc;IAAE,GAAC,OAAW,CAChD,CAEZ,CAAC;EAEX;AACF;AAEA,MAAMI,MAAM,GAAGrB,UAAU,CAAC8B,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDT,OAAO,EAAE;IACPU,IAAI,EAAE;EACR,CAAC;EACDT,kBAAkB,EAAE;IAClBU,SAAS,EAAE,QAAQ;IACnBC,UAAU,EAAE,aAAa;IACzBC,QAAQ,EAAE;EACZ,CAAC;EACDR,WAAW,EAAE;IACXS,SAAS,EAAE;EACb,CAAC;EACDR,SAAS,EAAE;IACTM,UAAU,EAAE,aAAa;IACzBC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEF,eAAejC,mBAAmB"}