Merged with master

ios/eSteem.xcodeproj/project.pbxproj

@@ -5,7 +5,6 @@
 	};
 	objectVersion = 46;
 	objects = {
-
 /* Begin PBXBuildFile section */
 		00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */; };
 		00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */; };
@@ -452,6 +451,27 @@
 			remoteGlobalIDString = 58B5119B1A9E6C1200147676;
 			remoteInfo = RCTText;
 		};
+		94D7D3C421B3E7F100476275 /* PBXContainerItemProxy */ = {
+			isa = PBXContainerItemProxy;
+			containerPortal = 1E5BA5C385A94A9996A8961A /* AppCenterReactNativePush.xcodeproj */;
+			proxyType = 2;
+			remoteGlobalIDString = BA189FAA1EEE74F100CAD13F;
+			remoteInfo = AppCenterReactNativePush;
+		};
+		94D7D3CC21B3E7F100476275 /* PBXContainerItemProxy */ = {
+			isa = PBXContainerItemProxy;
+			containerPortal = 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */;
+			proxyType = 2;
+			remoteGlobalIDString = 134814201AA4EA6300B7C361;
+			remoteInfo = RCTAnimation;
+		};
+		94D7D3CE21B3E7F100476275 /* PBXContainerItemProxy */ = {
+			isa = PBXContainerItemProxy;
+			containerPortal = 5E91572D1DD0AC6500FF2AA8 /* RCTAnimation.xcodeproj */;
+			proxyType = 2;
+			remoteGlobalIDString = 2D2A28201D9B03D100D4039D;
+			remoteInfo = "RCTAnimation-tvOS";
+		};
 		ADBDB9261DFEBF0700ED6528 /* PBXContainerItemProxy */ = {
 			isa = PBXContainerItemProxy;
 			containerPortal = ADBDB91F1DFEBF0600ED6528 /* RCTBlob.xcodeproj */;
@@ -473,6 +493,7 @@
 		00E356F21AD99517003FC87E /* eSteemTests.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = eSteemTests.m; sourceTree = "<group>"; };
 		044930AF6BF7488DA7F02A8F /* RobotoMono-Regular.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = "RobotoMono-Regular.ttf"; path = "../src/assets/Fonts/RobotoMono-Regular.ttf"; sourceTree = "<group>"; };
 		08EFE8017CAE493492474D23 /* AppCenterReactNativeAnalytics.xcodeproj */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = "wrapper.pb-project"; name = AppCenterReactNativeAnalytics.xcodeproj; path = "../node_modules/appcenter-analytics/ios/AppCenterReactNativeAnalytics.xcodeproj"; sourceTree = "<group>"; };
+		0C51B07921B45A3500E7A2D1 /* eSteem.entitlements */ = {isa = PBXFileReference; lastKnownFileType = text.plist.entitlements; name = eSteem.entitlements; path = eSteem/eSteem.entitlements; sourceTree = "<group>"; };
 		11DD9F9D560A49FAB7A23E9D /* BVLinearGradient.xcodeproj */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = "wrapper.pb-project"; name = BVLinearGradient.xcodeproj; path = "../node_modules/react-native-linear-gradient/BVLinearGradient.xcodeproj"; sourceTree = "<group>"; };
 		139105B61AF99BAD00B5F7CC /* RCTSettings.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTSettings.xcodeproj; path = "../node_modules/react-native/Libraries/Settings/RCTSettings.xcodeproj"; sourceTree = "<group>"; };
 		139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */ = {isa = PBXFileReference; lastKnownFileType = "wrapper.pb-project"; name = RCTWebSocket.xcodeproj; path = "../node_modules/react-native/Libraries/WebSocket/RCTWebSocket.xcodeproj"; sourceTree = "<group>"; };
@@ -993,6 +1014,14 @@
 			name = Resources;
 			sourceTree = "<group>";
 		};
+		94D7D3B521B3E7EE00476275 /* Products */ = {
+			isa = PBXGroup;
+			children = (
+				94D7D3C521B3E7F100476275 /* libAppCenterReactNativePush.a */,
+			);
+			name = Products;
+			sourceTree = "<group>";
+		};
 		ADBDB9201DFEBF0600ED6528 /* Products */ = {
 			isa = PBXGroup;
 			children = (
@@ -1598,6 +1627,27 @@
 			remoteRef = 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */;
 			sourceTree = BUILT_PRODUCTS_DIR;
 		};
+		94D7D3C521B3E7F100476275 /* libAppCenterReactNativePush.a */ = {
+			isa = PBXReferenceProxy;
+			fileType = archive.ar;
+			path = libAppCenterReactNativePush.a;
+			remoteRef = 94D7D3C421B3E7F100476275 /* PBXContainerItemProxy */;
+			sourceTree = BUILT_PRODUCTS_DIR;
+		};
+		94D7D3CD21B3E7F100476275 /* libRCTAnimation.a */ = {
+			isa = PBXReferenceProxy;
+			fileType = archive.ar;
+			path = libRCTAnimation.a;
+			remoteRef = 94D7D3CC21B3E7F100476275 /* PBXContainerItemProxy */;
+			sourceTree = BUILT_PRODUCTS_DIR;
+		};
+		94D7D3CF21B3E7F100476275 /* libRCTAnimation.a */ = {
+			isa = PBXReferenceProxy;
+			fileType = archive.ar;
+			path = libRCTAnimation.a;
+			remoteRef = 94D7D3CE21B3E7F100476275 /* PBXContainerItemProxy */;
+			sourceTree = BUILT_PRODUCTS_DIR;
+		};
 		ADBDB9271DFEBF0700ED6528 /* libRCTBlob.a */ = {
 			isa = PBXReferenceProxy;
 			fileType = archive.ar;

ios/eSteem/Info.plist

@@ -40,7 +40,7 @@
 	<key>NSCameraUsageDescription</key>
 	<string>Camera Usage Access</string>
 	<key>NSLocationWhenInUseUsageDescription</key>
-	<string></string>
+	<string/>
 	<key>NSMicrophoneUsageDescription</key>
 	<string>Microphone Usage Access</string>
 	<key>NSPhotoLibraryAddUsageDescription</key>

src/components/basicHeader/view/basicHeaderStyles.js

@@ -43,7 +43,6 @@ export default EStyleSheet.create({
     color: '$iconColor',
     justifyContent: 'center',
     alignSelf: 'center',
-    marginRight: 10,
   },
   iconButton: {
     marginRight: 24,

src/components/basicHeader/view/basicHeaderView.js

@@ -58,24 +58,26 @@ class BasicHeaderView extends Component {
   render() {
     const {
       handleOnPressBackButton,
-      handleOnPressPreviewButton,
-      isPreviewActive,
-      quickTitle,
-      isFormValid,
-      title,
-      isHasIcons,
-      rightIconName,
-      isHasDropdown,
-      handleRightIconPress,
-      isModalHeader,
       handleOnPressClose,
+      handleOnPressPreviewButton,
+      handleOnSaveButtonPress,
+      handleRightIconPress,
+      intl,
+      isDraftSaved,
+      isDraftSaving,
+      isFormValid,
+      isHasDropdown,
+      isHasIcons,
       isHasSearch,
       isLoading,
-      handleOnSaveButtonPress,
-      isDraftSaving,
-      isDraftSaved,
       isLoggedIn,
-      intl,
+      isModalHeader,
+      isPostSending,
+      isPreviewActive,
+      isReply,
+      quickTitle,
+      rightIconName,
+      title,
     } = this.props;
     const { isInputVisible } = this.state;
     return (
@@ -120,8 +122,7 @@ class BasicHeaderView extends Component {
               </View>
             )}
 
-            {rightIconName
+            {rightIconName && !isHasSearch && (
-              && !isHasSearch && (
               <IconButton
                 style={styles.rightIcon}
                 size={25}
@@ -178,7 +179,7 @@ class BasicHeaderView extends Component {
                   onPress={isFormValid && this._handleOnPress}
                   style={styles.textButtonWrapper}
                   text={intl.formatMessage({
-                    id: 'basic_header.publish',
+                    id: isReply ? 'basic_header.reply' : 'basic_header.publish',
                   })}
                 />
               ) : (

src/components/comments/container/commentsContainer.js

@@ -1,4 +1,6 @@
 import React, { Component } from 'react';
+import { withNavigation } from 'react-navigation';
+
 import { getComments } from '../../../providers/steem/dsteem';
 
 // Services and Actions
@@ -6,6 +8,7 @@ import { getComments } from '../../../providers/steem/dsteem';
 // Middleware
 
 // Constants
+import { default as ROUTES } from '../../../constants/routeNames';
 
 // Utilities
 
@@ -35,18 +38,23 @@ class CommentsContainer extends Component {
         this.setState({
           comments,
         });
-        console.log(comments);
       })
       .catch((error) => {
-        alert(error);
+        // alert(error);
       });
   }
   // Component Functions
 
-  _handleOnReplyPress = () => {
+  _handleOnReplyPress = (item) => {
-    alert(
+    const { navigation } = this.props;
-      'Reply functions not working yet. Thank you for your understanding. Your friends at eSteem :)',
+
-    );
+    navigation.navigate({
+      routeName: ROUTES.SCREENS.EDITOR,
+      params: {
+        isReply: true,
+        post: item,
+      },
+    });
   };
 
   render() {
@@ -62,4 +70,4 @@ class CommentsContainer extends Component {
   }
 }
 
-export default CommentsContainer;
+export default withNavigation(CommentsContainer);

src/components/comments/view/commentsView.js

@@ -67,12 +67,12 @@ class CommentsView extends Component {
                 >
                   <PostBody isComment handleOnUserPress={handleOnUserPress} body={item.body} />
                   <View style={{ flexDirection: 'row' }}>
-                    <Upvote isShowpayoutValue content={item} user={currentUser} isLoggedIn />
+                    <Upvote isShowPayoutValue content={item} user={currentUser} />
                     <IconButton
                       iconStyle={{ color: '#c1c5c7' }}
                       style={{ marginLeft: 20 }}
                       name="reply"
-                      onPress={() => handleOnReplyPress && handleOnReplyPress()}
+                      onPress={() => handleOnReplyPress && handleOnReplyPress(item)}
                       iconType="FontAwesome"
                     />
                   </View>

src/components/editorElements/index.js

@@ -1,5 +1,8 @@
-import TitleArea from './titleArea/view/titleAreaView';
+import SummaryArea from './summaryArea/view/summaryAreaView';
 import TagArea from './tagArea/view/tagAreaView';
 import TextArea from './textArea/view/textAreaView';
+import TitleArea from './titleArea/view/titleAreaView';
 
-export { TitleArea, TagArea, TextArea };
+export {
+  SummaryArea, TagArea, TextArea, TitleArea,
+};

src/components/editorElements/summaryArea/view/summaryAreaStyles.js

@@ -0,0 +1,9 @@
+import EStyleSheet from 'react-native-extended-stylesheet';
+
+export default EStyleSheet.create({
+  summaryText: {
+    color: '$primaryBlack',
+    fontWeight: 'bold',
+    fontSize: 10,
+  },
+});

src/components/editorElements/summaryArea/view/summaryAreaView.js

@@ -0,0 +1,34 @@
+import React, { Component } from 'react';
+import { View, Text } from 'react-native';
+// Constants
+
+// Components
+// Styles
+import styles from './summaryAreaStyles';
+import globalStyles from '../../../../globalStyles';
+
+export default class SummaryAreaView extends Component {
+  /* Props
+   * ------------------------------------------------
+   *   @prop { type }    name                - Description....
+   */
+
+  constructor(props) {
+    super(props);
+    this.state = {};
+  }
+
+  // Component Life Cycles
+
+  // Component Functions
+
+  render() {
+    const { summary } = this.props;
+
+    return (
+      <View style={globalStyles.containerHorizontal16}>
+        <Text style={styles.summaryText}>{summary}</Text>
+      </View>
+    );
+  }
+}

src/components/editorElements/titleArea/view/titleAreaView.js

@@ -53,8 +53,9 @@ export default class TitleAreaView extends Component {
           autoFocus={autoFocus}
           numberOfLines={4}
           onChangeText={text => this._handleOnChange(text)}
-          value={value}
+          // TODO: Fix it
-          {...this.props}
+          // value={value && value}
+          // {...this.props}
         />
       </View>
     );

src/components/markdownEditor/view/markdownEditorView.js

@@ -3,13 +3,15 @@ import {
   View, KeyboardAvoidingView, ScrollView, FlatList, Text, ActionSheetIOS
 } from 'react-native';
 import Markdown, { getUniqueID } from 'react-native-markdown-renderer';
+
 // Components
-import Formats from './formats/formats';
-import { IconButton } from '../../iconButton';
 import { DropdownButton } from '../../dropdownButton';
+import { IconButton } from '../../iconButton';
 import { StickyBar } from '../../basicUIElements';
 import { TextInput } from '../../textInput';
 import applyImageLink from './formats/applyWebLinkFormat';
+import Formats from './formats/formats';
+
 // Styles
 import styles from './markdownEditorStyles';
 import markdownStyle from './markdownPreviewStyles';
@@ -177,7 +179,7 @@ export default class MarkdownEditorView extends Component {
   };
 
   render() {
-    const { isPreviewActive, intl } = this.props;
+    const { intl, isPreviewActive, isReply } = this.props;
     const { text, selection } = this.state;
 
     return (
@@ -188,7 +190,7 @@ export default class MarkdownEditorView extends Component {
             onChangeText={e => this._changeText(e)}
             onSelectionChange={this._handleOnSelectionChange}
             placeholder={intl.formatMessage({
-              id: 'editor.description',
+              id: isReply ? 'editor.reply_placeholder' : 'editor.default_placeholder',
             })}
             placeholderTextColor="#c1c5c7"
             selection={selection}

src/components/postCard/view/postCardView.js

@@ -56,7 +56,7 @@ class PostCard extends Component {
 
   render() {
     const {
-      content, isLoggedIn, user, isShowImages,
+      content, isLoggedIn, user, isHideImage,
     } = this.props;
     // const likersText = `@${content.top_likers[0]}, @${content.top_likers[1]}, @${
     //   content.top_likers[2]
@@ -68,14 +68,14 @@ class PostCard extends Component {
       <View style={styles.post}>
         <View style={styles.bodyFooter}>
           <PostHeaderDescription
-            date={content.created}
-            profileOnPress={this._handleOnUserPress}
-            name={content.author}
-            reputation={content.author_reputation}
-            tag={content.category}
             avatar={content && content.avatar}
+            date={content.created}
+            isHideImage={isHideImage}
+            name={content.author}
+            profileOnPress={this._handleOnUserPress}
+            reputation={content.author_reputation}
             size={32}
-            isShowImages={isShowImages}
+            tag={content.category}
           />
           <DropdownButton
             isHasChildIcon
@@ -90,7 +90,7 @@ class PostCard extends Component {
             style={[{ flexDirection: 'column' }]}
             onPress={() => this._handleOnContentPress()}
           >
-            {isShowImages && (
+            {!isHideImage && (
               <Image
                 source={{ uri: content && content.image }}
                 defaultSource={require('../../../assets/no_image.png')}
@@ -105,7 +105,7 @@ class PostCard extends Component {
         </View>
         <View style={styles.bodyFooter}>
           <View style={styles.leftFooterWrapper}>
-            <Upvote isShowpayoutValue content={content} user={user} isLoggedIn={isLoggedIn} />
+            <Upvote isShowPayoutValue content={content} user={user} />
             <TouchableOpacity
               style={styles.commentButton}
               onPress={() => this._handleOnVotersPress()}

src/components/postElements/headerDescription/view/postHeaderDescription.js

@@ -46,11 +46,17 @@ class PostHeaderDescription extends Component {
       tag,
       profileOnPress,
       tagOnPress,
-      isShowImages,
+      isHideImage,
     } = this.props;
 
     const _reputationText = `(${reputation})`;
-    const _avatar = isShowImages ? avatar && { uri: avatar } : null;
+    let _avatar;
+
+    if (isHideImage) {
+      _avatar = null;
+    } else {
+      _avatar = avatar && { uri: avatar };
+    }
 
     return (
       <View style={styles.container}>

src/components/postView/container/postDisplayContainer.js

@@ -29,7 +29,7 @@ class PostDisplayContainer extends Component {
   // Component Life Cycle Functions
 
   // Component Functions
-  _handleVotersPress = (activeVotes) => {
+  _handleOnVotersPress = (activeVotes) => {
     const { navigation } = this.props;
 
     navigation.navigate({
@@ -40,12 +40,25 @@ class PostDisplayContainer extends Component {
     });
   };
 
+  _handleOnReplyPress = () => {
+    const { post, navigation } = this.props;
+
+    navigation.navigate({
+      routeName: ROUTES.SCREENS.EDITOR,
+      params: {
+        isReply: true,
+        post,
+      },
+    });
+  };
+
   render() {
     const { post, currentUser } = this.props;
 
     return (
       <PostDisplayView
-        handleVotersPress={this._handleVotersPress}
+        handleOnVotersPress={this._handleOnVotersPress}
+        handleOnReplyPress={this._handleOnReplyPress}
         currentUser={currentUser}
         post={post}
       />

src/components/postView/view/postDisplayView.js

@@ -56,19 +56,19 @@ class PostDisplayView extends Component {
       currentUser,
       handleOnReplyPress,
       handleOnEditPress,
-      handleVotersPress,
+      handleOnVotersPress,
     } = this.props;
 
     return (
       <StickyBar isFixedFooter={isFixedFooter}>
         <View style={styles.stickyWrapper}>
-          <Upvote isShowpayoutValue content={post} user={currentUser} isLoggedIn={!!currentUser} />
+          <Upvote isShowPayoutValue content={post} user={currentUser} />
           <TextWithIcon
             isClickable
             iconStyle={styles.barIcons}
             textMarginLeft={20}
             text={post && post.vote_count}
-            onPress={() => handleVotersPress && handleVotersPress(post.active_votes)}
+            onPress={() => handleOnVotersPress && handleOnVotersPress(post.active_votes)}
             iconName="ios-people"
           />
           <TextWithIcon

src/components/posts/view/postsView.js

@@ -23,7 +23,7 @@ class PostsView extends Component {
       refreshing: false,
       isLoading: false,
       isPostsLoading: false,
-      isShowImages: true,
+      isHideImage: false,
     };
   }
 
@@ -46,12 +46,12 @@ class PostsView extends Component {
 
   _loadPosts = (user, _tag = null, _getFor = null) => {
     const { getFor, tag } = this.props;
-    const { isShowImages } = this.state;
+    const { isHideImage } = this.state;
     let options;
     _getFor ? (options = { limit: 3 }) : (options = { tag: _tag || tag, limit: 3 });
 
     if (user) {
-      getPostsSummary(_getFor || getFor, options, user && user.name, isShowImages)
+      getPostsSummary(_getFor || getFor, options, user && user.name, isHideImage)
         .then((result) => {
           if (result) {
             this.setState({
@@ -72,7 +72,7 @@ class PostsView extends Component {
   _loadMore = () => {
     // TODO: merge above function with this func (after alpha).
     const {
-      posts, startAuthor, startPermlink, user, isShowImages,
+      posts, startAuthor, startPermlink, user, isHideImage,
     } = this.state;
     const { getFor, tag } = this.props;
 
@@ -87,7 +87,7 @@ class PostsView extends Component {
         start_permlink: startPermlink,
       },
       (user && user.name) || 'esteemapp',
-      isShowImages,
+      isHideImage,
     ).then((result) => {
       const _posts = result;
       _posts.shift();
@@ -132,14 +132,14 @@ class PostsView extends Component {
   };
 
   _onRightIconPress = () => {
-    const { isShowImages } = this.state;
+    const { isHideImage } = this.state;
 
-    this.setState({ isShowImages: !isShowImages });
+    this.setState({ isHideImage: !isHideImage });
   };
 
   render() {
     const {
-      refreshing, posts, user, isPostsLoading, isShowImages,
+      refreshing, posts, user, isPostsLoading, isHideImage,
     } = this.state;
     const { componentId, filterOptions, isLoggedIn } = this.props;
 
@@ -166,7 +166,7 @@ class PostsView extends Component {
                 content={item}
                 user={user}
                 isLoggedIn={isLoggedIn}
-                isShowImages={isShowImages}
+                isHideImage={isHideImage}
               />
             )}
             keyExtractor={(post, index) => index.toString()}

src/components/upvote/container/upvoteContainer.js

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-// import { connect } from 'react-redux';
+import { connect } from 'react-redux';
 
 // Services and Actions
 
@@ -33,8 +33,11 @@ class UpvoteContainer extends Component {
   }
 }
 
-// const mapStateToProps = state => ({
+const mapStateToProps = state => ({
-//   user: state.user.user,
+  isLoggedIn: state.application.isLoggedIn,
-// });
 
-export default UpvoteContainer;
+  // TODO: Remove users as coming props. pass follow current account
+  currentAccount: state.account.currentAccount,
+});
+
+export default connect(mapStateToProps)(UpvoteContainer);

src/components/upvote/view/upvoteView.js

@@ -106,7 +106,7 @@ class UpvoteView extends Component {
   };
 
   render() {
-    const { isLoggedIn, isShowpayoutValue, content } = this.props;
+    const { isLoggedIn, isShowPayoutValue, content } = this.props;
     const {
       isVoting, isModalVisible, amount, value, isVoted,
     } = this.state;
@@ -136,7 +136,7 @@ class UpvoteView extends Component {
                     iconType="AntDesign"
                     name={isVoted ? 'upcircle' : 'upcircleo'}
                   />
-                  {isShowpayoutValue && (
+                  {isShowPayoutValue && (
                   <Text style={styles.payoutValue}>
                       $
                     {' '}

src/config/locales/en-US.json

@@ -95,13 +95,16 @@
   },
   "basic_header": {
     "publish": "Publish",
-    "search": "Search"
+    "search": "Search",
+    "reply": "Reply"
   },
   "editor": {
     "title": "Title",
     "tags": "tags",
-    "description": "What would you like to write about today?",
+    "default_placeholder": "What would you like to write about today?",
-    "publish": "Publish"
+    "reply_placeholder": "What would you like to write about above post?",
+    "publish": "Publish",
+    "reply": "Reply"
   },
   "pincode": {
     "enter_text": "Enter pin to unlock",

src/config/locales/tr-TR.json

@@ -95,13 +95,16 @@
   },
   "basic_header": {
     "publish": "Yayınla",
-    "search": "Ara"
+    "search": "Ara",
+    "reply": "Cevapla"
   },
   "editor": {
     "title": "Başlık",
     "tags": "etiketler",
-    "description": "Bu gün ne hakkında yazmak istersin?",
+    "default_placeholder": "Bu gün ne hakkında yazmak istersin?",
-    "publish": "Yayınla"
+    "reply_placeholder": "Yukarıdaki yazi hakkinda nasil bir cevap yazmak istersin?",
+    "publish": "Yayınla",
+    "reply": "Cevapla"
   },
   "pincode": {
     "enter_text": "Açmak için pin kodunu giriniz",

src/providers/steem/dsteem.js

@@ -7,6 +7,10 @@ import { Client, PrivateKey } from 'dsteem';
 import { AsyncStorage } from 'react-native';
 
 import { getUnreadActivityCount } from '../esteem/esteem';
+import sc2 from './steemConnectAPI';
+
+// Utils
+import { decryptKey } from '../../utils/crypto';
 
 import {
   parsePosts, parsePost, parseComments, parsePostsSummary,
@@ -91,9 +95,10 @@ export const getUser = async (user) => {
 };
 
 // TODO: Move to utils folder
-export const vestToSteem = async (vestingShares, totalVestingShares, totalVestingFundSteem) => {
+export const vestToSteem = async (vestingShares, totalVestingShares, totalVestingFundSteem) => (
-  return (parseFloat(totalVestingFundSteem) * (parseFloat(vestingShares) / parseFloat(totalVestingShares))).toFixed(0);
+  parseFloat(totalVestingFundSteem)
-}
+    * (parseFloat(vestingShares) / parseFloat(totalVestingShares))
+).toFixed(0);
 
 /**
  * @method getFollows get account data
@@ -248,7 +253,6 @@ export const getUserComments = async (query) => {
   try {
     let comments = await client.database.getDiscussions('comments', query);
     comments = parseComments(comments);
-    console.log(comments);
     return comments;
   } catch (error) {
     return error;
@@ -356,25 +360,6 @@ export const upvoteAmount = async (input) => {
   return estimated;
 };
 
-/**
- * @method postComment post a comment/reply
- * @param comment comment object { author, permlink, ... }
- * @param PrivateKey Private posting key
- */
-export const postComment = (comment, postingKey) => {
-  const key = PrivateKey.fromString(postingKey);
-  return new Promise((resolve, reject) => {
-    try {
-      client.broadcast.comment(comment, key).then((result) => {
-        resolve(result);
-      });
-    } catch (error) {
-      console.log(error);
-      reject(error);
-    }
-  });
-};
-
 export const transferToken = (data, activeKey) => {
   const key = PrivateKey.fromString(activeKey);
   return new Promise((resolve, reject) => {
@@ -624,3 +609,70 @@ export const lookupAccounts = async (username) => {
     throw error;
   }
 };
+
+/**
+ * @method postComment post a comment/reply
+ * @param comment comment object { author, permlink, ... }
+ */
+export const postComment = (
+  account,
+  digitPinCode,
+  parentAuthor,
+  parentPermlink,
+  permlink,
+  title,
+  body,
+  jsonMetadata,
+  options = null,
+  voteWeight = null,
+) => {
+  const { name: author } = account;
+
+  const opArray = [
+    [
+      'comment',
+      {
+        parent_author: parentAuthor,
+        parent_permlink: parentPermlink,
+        author,
+        permlink,
+        title,
+        body,
+        json_metadata: JSON.stringify(jsonMetadata),
+      },
+    ],
+  ];
+
+  if (options) {
+    const e = ['comment_options', options];
+    opArray.push(e);
+  }
+
+  if (voteWeight) {
+    const e = [
+      'vote',
+      {
+        voter: author,
+        author,
+        permlink,
+        weight: voteWeight,
+      },
+    ];
+    opArray.push(e);
+  }
+
+  const key = decryptKey(account.realm_object.postingKey, digitPinCode);
+  const privateKey = PrivateKey.fromString(key);
+
+  return new Promise((resolve, reject) => {
+    client.broadcast
+      .sendOperations(opArray, privateKey)
+      .then((result) => {
+        resolve(result);
+      })
+      .catch((error) => {
+        console.log(error);
+        reject(error);
+      });
+  });
+};

src/screens/editor/container/editorContainer.js

@@ -5,7 +5,7 @@ import ImagePicker from 'react-native-image-crop-picker';
 // Services and Actions
 // import { Buffer } from 'buffer';
 import { uploadImage } from '../../../providers/esteem/esteem';
-import { postContent } from '../../../providers/steem/dsteem';
+import { postContent, postComment } from '../../../providers/steem/dsteem';
 import { setDraftPost, getDraftPost } from '../../../realm/realm';
 import { getDigitPinCode } from '../../../providers/steem/auth';
 
@@ -15,7 +15,12 @@ import { getDigitPinCode } from '../../../providers/steem/auth';
 import { default as ROUTES } from '../../../constants/routeNames';
 
 // Utilities
-import { generatePermlink } from '../../../utils/editor';
+import {
+  generatePermlink,
+  generateReplyPermlink,
+  makeJsonMetadataReply,
+  makeOptions,
+} from '../../../utils/editor';
 import { decryptKey } from '../../../utils/crypto';
 // import { generateSignature } from '../../../utils/image';
 // Component
@@ -31,32 +36,44 @@ class EditorContainer extends Component {
   constructor(props) {
     super(props);
     this.state = {
-      isPostSending: false,
+      autoFocusText: false,
-      isDraftSaving: false,
-      isDraftSaved: false,
       draftPost: null,
       isCameraOrPickerOpen: false,
-      autoFocusText: false,
+      isDraftSaved: false,
-      uploadedImage: null,
+      isDraftSaving: false,
+      isPostSending: false,
+      isReply: false,
       isUploading: false,
+      post: null,
+      uploadedImage: null,
     };
   }
 
   // Component Life Cycle Functions
 
-  // Component Functions
   componentWillMount() {
     const { currentAccount, navigation } = this.props;
     const username = currentAccount && currentAccount.name ? currentAccount.name : '';
-    const routingAction = navigation.state && navigation.state.params;
+    let isReply;
+    let post;
 
-    // Routing action state ex if coming for video or image or only text
+    if (navigation.state && navigation.state.params) {
-    if (routingAction && routingAction.action) {
+      const navigationParams = navigation.state.params;
-      this._handleRoutingAction(routingAction.action);
+
+      if (navigationParams.isReply) {
+        isReply = navigationParams.isReply;
+        post = navigationParams.post;
+        this.setState({ isReply, post });
+      }
+
+      if (navigationParams.action) {
+        this._handleRoutingAction(navigationParams.action);
+      }
     } else {
       this.setState({ autoFocusText: true });
     }
 
+    if (!isReply) {
       getDraftPost(username)
         .then((result) => {
           this.setState({
@@ -67,6 +84,7 @@ class EditorContainer extends Component {
           // alert(error);
         });
     }
+  }
 
   _handleRoutingAction = (routingAction) => {
     this.setState({ isCameraOrPickerOpen: true });
@@ -181,15 +199,16 @@ class EditorContainer extends Component {
   };
 
   _submitPost = async (fields) => {
+    const { navigation, currentAccount } = this.props;
+
+    if (currentAccount) {
       this.setState({ isPostSending: true });
 
-    const { navigation, currentAccount } = this.props;
       const permlink = generatePermlink(fields.title);
       const digitPinCode = await getDigitPinCode();
 
       const postingKey = decryptKey(currentAccount.realm_object.postingKey, digitPinCode);
 
-    if (currentAccount) {
       const post = {
         ...fields,
         permlink,
@@ -208,8 +227,53 @@ class EditorContainer extends Component {
     }
   };
 
+  _submitReply = async (fields) => {
+    const { navigation, currentAccount } = this.props;
+
+    if (currentAccount) {
+      this.setState({ isPostSending: true });
+
+      const { post } = this.state;
+
+      const jsonMeta = makeJsonMetadataReply(post.json_metadata.tags || ['esteem']);
+      const permlink = generateReplyPermlink(post.author);
+      const digitPinCode = await getDigitPinCode();
+      const author = currentAccount.name;
+      const options = makeOptions(author, permlink);
+      const parentAuthor = post.author;
+      const parentPermlink = post.permlink;
+
+      await postComment(
+        currentAccount,
+        digitPinCode,
+        parentAuthor,
+        parentPermlink,
+        permlink,
+        '',
+        fields.body,
+        jsonMeta,
+        options,
+        0,
+      )
+        .then((result) => {
+          alert('Your post succesfully shared');
+          navigation.goBack();
+        })
+        .catch((error) => {
+          alert(`Opps! there is a problem${error}`);
+          this.setState({ isPostSending: false });
+        });
+    }
+  };
+
   _handleSubmit = (form) => {
+    const { isReply } = this.state;
+
+    if (isReply) {
+      this._submitReply(form.fields);
+    } else {
       this._submitPost(form);
+    }
   };
 
   _handleFormChanged = () => {
@@ -223,15 +287,17 @@ class EditorContainer extends Component {
   render() {
     const { isLoggedIn, isDarkTheme } = this.props;
     const {
+      autoFocusText,
       draftPost,
+      isCameraOrPickerOpen,
       isDraftSaved,
       isDraftSaving,
       isOpenCamera,
-      isCameraOrPickerOpen,
-      autoFocusText,
-      uploadedImage,
       isPostSending,
+      isReply,
       isUploading,
+      post,
+      uploadedImage,
     } = this.state;
 
     return (
@@ -245,12 +311,14 @@ class EditorContainer extends Component {
         isCameraOrPickerOpen={isCameraOrPickerOpen}
         isDarkTheme={isDarkTheme}
         isDraftSaved={isDraftSaved}
-        isPostSending={isPostSending}
         isDraftSaving={isDraftSaving}
         isLoggedIn={isLoggedIn}
         isOpenCamera={isOpenCamera}
-        uploadedImage={uploadedImage}
+        isPostSending={isPostSending}
+        isReply={isReply}
         isUploading={isUploading}
+        post={post}
+        uploadedImage={uploadedImage}
       />
     );
   }

src/screens/editor/screen/editorScreen.js

@@ -1,5 +1,5 @@
-import React, { Component } from 'react';
+import React, { Component, Fragment } from 'react';
-import { View, ActivityIndicator, Text } from 'react-native';
+import { View, Text } from 'react-native';
 import { injectIntl } from 'react-intl';
 
 // Utils
@@ -9,8 +9,11 @@ import { getWordsCount } from '../../../utils/editor';
 
 // Components
 import { BasicHeader } from '../../../components/basicHeader';
-import { TitleArea, TagArea, TextArea } from '../../../components/editorElements';
+import {
+  TitleArea, TagArea, TextArea, SummaryArea,
+} from '../../../components/editorElements';
 import { PostForm } from '../../../components/postForm';
+
 // Styles
 import globalStyles from '../../../globalStyles';
 
@@ -82,15 +85,21 @@ class EditorScreen extends Component {
 
   _handleIsFormValid = () => {
     const { fields } = this.state;
+    const { isReply } = this.props;
+    let _isFormValid;
 
-    this.setState({
+    if (isReply) {
-      isFormValid:
+      _isFormValid = fields && fields.body && fields.body.length > 0;
-        fields.title
+    } else {
+      _isFormValid = fields
+        && fields.title
         && fields.title.length > 0
         && fields.body
         && fields.body.length > 0
-        && fields.tags.length > 0,
+        && fields.tags.length > 0;
-    });
+    }
+
+    this.setState({ isFormValid: _isFormValid });
   };
 
   _handleFormUpdate = (componentID, content) => {
@@ -120,7 +129,7 @@ class EditorScreen extends Component {
 
   render() {
     const {
-      isPreviewActive, wordsCount, isFormValid, fields,
+      draftPost, fields, isChanged, isPreviewActive, wordsCount, isFormValid,
     } = this.state;
     const {
       autoFocusText,
@@ -130,8 +139,10 @@ class EditorScreen extends Component {
       isDraftSaving,
       isLoggedIn,
       isPostSending,
-      uploadedImage,
+      isReply,
       isUploading,
+      post,
+      uploadedImage,
     } = this.props;
 
     return (
@@ -145,6 +156,7 @@ class EditorScreen extends Component {
           isFormValid={isFormValid}
           isHasIcons
           isLoggedIn={isLoggedIn}
+          isReply={isReply}
           isLoading={isPostSending || isUploading}
           isPreviewActive={isPreviewActive}
           quickTitle={wordsCount > 0 && `${wordsCount} words`}
@@ -155,19 +167,16 @@ class EditorScreen extends Component {
           isFormValid={isFormValid}
           isPreviewActive={isPreviewActive}
         >
-          <TitleArea
+          {isReply && <SummaryArea summary={post.summary} />}
-            autoFocus={autoFocusText}
+          {!isReply && <TitleArea value={fields.title} componentID="title" intl={intl} />}
-            componentID="title"
+          {!isReply && (
-            intl={intl}
-            value={fields.title}
-          />
             <TagArea
-            autoFocus={autoFocusText}
-            componentID="tag-area"
               draftChips={fields.tags}
+              componentID="tag-area"
               handleTagChanged={this._handleOnTagAdded}
               intl={intl}
             />
+          )}
           <TextArea
             componentID="body"
             draftBody={fields && fields.body}
@@ -175,6 +184,7 @@ class EditorScreen extends Component {
             handleOpenImagePicker={handleOnImagePicker}
             intl={intl}
             uploadedImage={uploadedImage}
+            isReply={isReply}
           />
         </PostForm>
       </View>

src/utils/editor.js

@@ -13,3 +13,55 @@ export const generatePermlink = (text) => {
   }
   return null;
 };
+
+export const generateReplyPermlink = (toAuthor) => {
+  const t = new Date(Date.now());
+
+  const timeFormat = `${t.getFullYear().toString()}${(
+    t.getMonth() + 1
+  ).toString()}${t
+    .getDate()
+    .toString()}t${t
+    .getHours()
+    .toString()}${t
+    .getMinutes()
+    .toString()}${t.getSeconds().toString()}${t.getMilliseconds().toString()}z`;
+
+  return `re-${toAuthor.replace(/\./g, '')}-${timeFormat}`;
+};
+
+export const makeOptions = (author, permlink, operationType) => {
+  const a = {
+    allow_curation_rewards: true,
+    allow_votes: true,
+    author,
+    permlink,
+    max_accepted_payout: '1000000.000 SBD',
+    percent_steem_dollars: 10000,
+    extensions: [[0, { beneficiaries: [{ account: 'esteemapp', weight: 1000 }] }]],
+  };
+
+  switch (operationType) {
+    case 'sp':
+      a.max_accepted_payout = '1000000.000 SBD';
+      a.percent_steem_dollars = 0;
+      break;
+    case 'dp':
+      a.max_accepted_payout = '0.000 SBD';
+      a.percent_steem_dollars = 10000;
+      break;
+    default:
+      a.max_accepted_payout = '1000000.000 SBD';
+      a.percent_steem_dollars = 10000;
+      break;
+  }
+
+  return a;
+};
+
+export const makeJsonMetadataReply = tags => ({
+  tags,
+  app: 'esteem/2.0.0-mobile',
+  format: 'markdown+html',
+  community: 'esteem.app',
+});

src/utils/formatter.js

@@ -6,7 +6,7 @@
 // const vimeoRegex = /(https?:\/\/)?(www\.)?(?:vimeo)\.com.*(?:videos|video|channels|)\/([\d]+)/i;
 // const dTubeRegex = /(https?:\/\/d.tube.#!\/v\/)(\w+)\/(\w+)/g;
 
-export const getPostSummary = (postBody, length) => {
+export const getPostSummary = (postBody, length, isQuote) => {
   if (!postBody) {
     return '';
   }
@@ -22,6 +22,5 @@ export const getPostSummary = (postBody, length) => {
     // Truncate
     postBody = postBody.substring(0, length);
   }
-
+  return isQuote ? `"${postBody}..."` : `${postBody}...`;
-  return postBody;
 };

src/utils/postParser.js

@@ -216,6 +216,7 @@ export const parseComments = (comments) => {
     comment.author_reputation = getReputation(comment.author_reputation);
     comment.avatar = `https://steemitimages.com/u/${comment.author}/avatar/small`;
     comment.body = markDown2Html(comment.body);
+    comment.summary = getPostSummary(comment.body, 100, true);
   });
   return comments;
 };

yarn.lock

@@ -858,24 +858,24 @@ anymatch@^2.0.0:
     micromatch "^3.1.4"
     normalize-path "^2.1.1"
 
-appcenter-analytics@1.9.0:
+appcenter-analytics@^1.10.0:
-  version "1.9.0"
+  version "1.10.0"
-  resolved "https://registry.yarnpkg.com/appcenter-analytics/-/appcenter-analytics-1.9.0.tgz#16c2a2a715a8d9316c07a5f357015eeff15af343"
+  resolved "https://registry.yarnpkg.com/appcenter-analytics/-/appcenter-analytics-1.10.0.tgz#48fd31f2bd3ff8808ee68d7ce43bc8c5e20600a2"
-  integrity sha512-I9RF+VdeCAM4WqSLSu57YHrHNwtK0t6dFlsVcfnYKdLAcAhzgWsYd5WPlFelVcNfjhPbEUqt+YE6Sas1X189cg==
+  integrity sha512-TzFIAdsj0Q0A+gGQnsYEcxweZfXNU9shgnBRF2QPTPPUv2DFXQINFeJt1gTgHyJ+qkPSHjJGg5n9XPlCrRzfiQ==
   dependencies:
-    appcenter "1.9.0"
+    appcenter "1.10.0"
 
-appcenter-crashes@1.9.0:
+appcenter-crashes@^1.10.0:
-  version "1.9.0"
+  version "1.10.0"
-  resolved "https://registry.yarnpkg.com/appcenter-crashes/-/appcenter-crashes-1.9.0.tgz#f1c14125c4a7c882cfd08e1381b6f78a54ea7386"
+  resolved "https://registry.yarnpkg.com/appcenter-crashes/-/appcenter-crashes-1.10.0.tgz#4feca7e3bf471841b3eb7904d030448c29454be2"
-  integrity sha512-FEh0MGOgmu0GVRYyV+dEthvEq/KT70Xltl02OhBU9pBlwfEmcEp9Ume5bjnTFwdWbS+9ogu0o1U7I/N5XHuRQg==
+  integrity sha512-aIZV6rGYN6bujQrpIWa9nuhOlSZWLu078kDXGUPFx+d7LSkP7h7LFo2hfVigijWJ31NrrwBFIzxmmGfriywQgw==
   dependencies:
-    appcenter "1.9.0"
+    appcenter "1.10.0"
 
-appcenter-link-scripts@1.9.0:
+appcenter-link-scripts@1.10.0:
-  version "1.9.0"
+  version "1.10.0"
-  resolved "https://registry.yarnpkg.com/appcenter-link-scripts/-/appcenter-link-scripts-1.9.0.tgz#d8603e2943383bf76f585316e696328743284a67"
+  resolved "https://registry.yarnpkg.com/appcenter-link-scripts/-/appcenter-link-scripts-1.10.0.tgz#4720582afe3fa4a4d927cd570be604882de94d63"
-  integrity sha512-R6UacmMhsLi9sn3Y1RjPyBfrkznI2KoNA/CgQ1A61dGxAMxMlKPShGXuG3C57UU8JvdJdo+KUE+dHbF6fAz27A==
+  integrity sha512-iTrPk8zWpH88VQmqq1aVo+k+wRrvsReJQz16K68if6HdV8ZPIZ40OQJavj3CHYftZYH0AKaDzJqNin/VJ+3trA==
   dependencies:
     debug "^2.2.0"
     glob "^5.0.15"
@@ -885,12 +885,19 @@ appcenter-link-scripts@1.9.0:
     which "^1.2.11"
     xcode "^1.0.0"
 
-appcenter@1.9.0:
+appcenter-push@^1.10.0:
-  version "1.9.0"
+  version "1.10.0"
-  resolved "https://registry.yarnpkg.com/appcenter/-/appcenter-1.9.0.tgz#00ee98256bf6167c62e1ed2c35a59b448affb963"
+  resolved "https://registry.yarnpkg.com/appcenter-push/-/appcenter-push-1.10.0.tgz#09eca4184fdc7b4bb939fa39adf9ce00aa223144"
-  integrity sha512-QyTmKPjM5N2GfqP2ob1htUMWsIVln5ujhXNocr/t/N0u1zJWzaWmcY895AnvH5B7JR1D8pdt57aQKPwTRZeAHA==
+  integrity sha512-P0gfzBNLpPAejeLx3Imc59JzNVVc9m0SPneLCiH/pyx9WkTcM0PxhuxFEmqm4Udj7ncMZMVyd4iOgqXJSmFilg==
   dependencies:
-    appcenter-link-scripts "1.9.0"
+    appcenter "1.10.0"
+
+appcenter@1.10.0, appcenter@^1.10.0:
+  version "1.10.0"
+  resolved "https://registry.yarnpkg.com/appcenter/-/appcenter-1.10.0.tgz#f01daaadd1e2e9df3ca2b8dfda89a15c215d7adc"
+  integrity sha512-FdDtlAt4TsexU1NqZ/sjwbgg927Vr8yUkaNPZG19pcJmZsOXUOFDPV1ArNjhCStpf6gNFYVLvHOkooIsdCyobQ==
+  dependencies:
+    appcenter-link-scripts "1.10.0"
 
 append-transform@^0.4.0:
   version "0.4.0"
@@ -6664,7 +6671,7 @@ react-navigation-drawer@0.5.0:
   dependencies:
     react-native-drawer-layout-polyfill "^1.3.2"
 
-react-navigation-redux-helpers@^2.0.6:
+react-navigation-redux-helpers@^2.0.8:
   version "2.0.8"
   resolved "https://registry.yarnpkg.com/react-navigation-redux-helpers/-/react-navigation-redux-helpers-2.0.8.tgz#f237592d9a5f24f64b283c0693bc84c5e32676ec"
   integrity sha512-gCxHOGWNbRtt6Se93uuIE3cKqmqln73wlMeyD02aE1vs0cl9fn7BUKXX+UESrBSUOqadeoS1I7AH4arxZAARTQ==
@@ -6686,7 +6693,7 @@ react-navigation-tabs@0.8.4:
     react-lifecycles-compat "^3.0.4"
     react-native-tab-view "^1.0.0"
 
-react-navigation@^2.17.0:
+react-navigation@^2.18.3:
   version "2.18.3"
   resolved "https://registry.yarnpkg.com/react-navigation/-/react-navigation-2.18.3.tgz#de9a24dc37dfc33f3e4779a9f13f45ea97dfe19e"
   integrity sha512-/5KGMG1Oj5LN/x/7AKF0MWrpX9Qe29307RxEsMCiRT/A4jCYT0DPY99Bl7ZAGtROxExEy3rwTfTrtvpIT+CU7A==