Add a "Set as Featured Image" Button to Image Block

WordPress/src/main/java/org/wordpress/android/ui/photopicker/PhotoPickerActivity.java

@@ -276,7 +276,7 @@ private void doMediaUrisSelected(@NonNull List<? extends Uri> mediaUris, @NonNul
             final String mimeType = getContentResolver().getType(mediaUri);
 
             mFeaturedImageHelper.trackFeaturedImageEvent(
-                    FeaturedImageHelper.TrackableEvent.IMAGE_PICKED,
+                    FeaturedImageHelper.TrackableEvent.IMAGE_PICKED_POST_SETTINGS,
                     mLocalPostId
             );
 
@@ -330,7 +330,7 @@ private void doMediaIdsSelected(ArrayList<Long> mediaIds, @NonNull PhotoPickerMe
                 // if user chose a featured image, track image picked event
                 if (mBrowserType == MediaBrowserType.FEATURED_IMAGE_PICKER) {
                     mFeaturedImageHelper.trackFeaturedImageEvent(
-                            FeaturedImageHelper.TrackableEvent.IMAGE_PICKED,
+                            FeaturedImageHelper.TrackableEvent.IMAGE_PICKED_POST_SETTINGS,
                             mLocalPostId
                     );
                 }

WordPress/src/main/java/org/wordpress/android/ui/posts/EditPostActivity.java

@@ -239,6 +239,7 @@
 import static org.wordpress.android.analytics.AnalyticsTracker.Stat.APP_REVIEWS_EVENT_INCREMENTED_BY_PUBLISHING_POST_OR_PAGE;
 import static org.wordpress.android.imageeditor.preview.PreviewImageFragment.PREVIEW_IMAGE_REDUCED_SIZE_FACTOR;
 import static org.wordpress.android.ui.history.HistoryDetailContainerFragment.KEY_REVISION;
+import static org.wordpress.android.editor.gutenberg.GutenbergEditorFragment.MEDIA_ID_NO_FEATURED_IMAGE_SET;
 
 import kotlin.Unit;
 import kotlin.jvm.functions.Function0;
@@ -403,6 +404,7 @@ enum RestartEditorOptions {
     @Inject StoriesPrefs mStoriesPrefs;
     @Inject StoriesEventListener mStoriesEventListener;
     @Inject ContactInfoBlockFeatureConfig mContactInfoBlockFeatureConfig;
+    @Inject UpdateFeaturedImageUseCase mUpdateFeaturedImageUseCase;
 
     private StorePostViewModel mViewModel;
     private StorageUtilsViewModel mStorageUtilsViewModel;
@@ -1673,7 +1675,7 @@ private void onUploadSuccess(MediaModel media) {
                 }
             } else if (media.getMarkedLocallyAsFeatured() && media.getLocalPostId() == mEditPostRepository
                     .getId()) {
-                setFeaturedImageId(media.getMediaId(), false);
+                setFeaturedImageId(media.getMediaId(), false, false);
             }
         }
     }
@@ -2484,12 +2486,32 @@ protected void setPostContentFromShareAction() {
         }
     }
 
-    private void setFeaturedImageId(final long mediaId, final boolean imagePicked) {
-        if (mEditPostSettingsFragment != null) {
-            mEditPostSettingsFragment.updateFeaturedImage(mediaId, imagePicked);
-            if (mEditorFragment instanceof GutenbergEditorFragment) {
-                ((GutenbergEditorFragment) mEditorFragment).sendToJSFeaturedImageId((int) mediaId);
+    private void setFeaturedImageId(final long mediaId, final boolean imagePicked, final boolean isGutenbergEditor) {
+        if (isGutenbergEditor) {
+            EditPostRepository postRepository = getEditPostRepository();
+            if (postRepository == null) {
+                return;
             }
+
+            int postId = getEditPostRepository().getId();
+            if (mediaId == MEDIA_ID_NO_FEATURED_IMAGE_SET) {
+                mFeaturedImageHelper.trackFeaturedImageEvent(
+                        FeaturedImageHelper.TrackableEvent.IMAGE_REMOVED_GUTENBERG_EDITOR,
+                        postId
+                );
+            } else {
+                mFeaturedImageHelper.trackFeaturedImageEvent(
+                        FeaturedImageHelper.TrackableEvent.IMAGE_PICKED_GUTENBERG_EDITOR,
+                        postId
+                );
+            }
+            mUpdateFeaturedImageUseCase.updateFeaturedImage(mediaId, postRepository,
+                    postModel -> null);
+        } else if (mEditPostSettingsFragment != null) {
+            mEditPostSettingsFragment.updateFeaturedImage(mediaId, imagePicked);
+        }
+        if (mEditorFragment instanceof GutenbergEditorFragment) {
+            ((GutenbergEditorFragment) mEditorFragment).sendToJSFeaturedImageId((int) mediaId);
         }
     }
 
@@ -2600,13 +2622,13 @@ public void onActivityResult(int requestCode, int resultCode, Intent data) {
                     // user chose a featured image
                     if (data.hasExtra(MediaPickerConstants.EXTRA_MEDIA_ID)) {
                         long mediaId = data.getLongExtra(MediaPickerConstants.EXTRA_MEDIA_ID, 0);
-                        setFeaturedImageId(mediaId, true);
+                        setFeaturedImageId(mediaId, true, false);
                     } else if (data.hasExtra(MediaPickerConstants.EXTRA_MEDIA_QUEUED_URIS)) {
                         List<Uri> uris = convertStringArrayIntoUrisList(
                                 data.getStringArrayExtra(MediaPickerConstants.EXTRA_MEDIA_QUEUED_URIS));
                         int postId = getImmutablePost().getId();
                         mFeaturedImageHelper.trackFeaturedImageEvent(
-                                FeaturedImageHelper.TrackableEvent.IMAGE_PICKED,
+                                FeaturedImageHelper.TrackableEvent.IMAGE_PICKED_POST_SETTINGS,
                                 postId
                         );
                         for (Uri mediaUri : uris) {
@@ -2894,6 +2916,11 @@ public void onEditPostPublishedSettingsClick() {
         }
     }
 
+    @Override
+    public void updateFeaturedImage(final long mediaId, final boolean imagePicked) {
+        setFeaturedImageId(mediaId, imagePicked, true);
+    }
+
     @Override
     public void onAddMediaClicked() {
         if (mEditorPhotoPicker.isPhotoPickerShowing()) {

WordPress/src/main/java/org/wordpress/android/ui/posts/EditPostSettingsFragment.java

@@ -134,6 +134,7 @@ public class EditPostSettingsFragment extends Fragment {
     @Inject AnalyticsTrackerWrapper mAnalyticsTrackerWrapper;
     @Inject UpdatePostStatusUseCase mUpdatePostStatusUseCase;
     @Inject MediaPickerLauncher mMediaPickerLauncher;
+    @Inject UpdateFeaturedImageUseCase mUpdateFeaturedImageUseCase;
 
     @Inject ViewModelProvider.Factory mViewModelFactory;
     private EditPostPublishSettingsViewModel mPublishedViewModel;
@@ -1000,23 +1001,21 @@ public void updateFeaturedImage(long featuredImageId, boolean imagePicked) {
         if (isAdded() && imagePicked) {
             int postId = getEditPostRepository().getId();
             mFeaturedImageHelper.trackFeaturedImageEvent(
-                    TrackableEvent.IMAGE_PICKED,
+                    TrackableEvent.IMAGE_PICKED_POST_SETTINGS,
                     postId
             );
         }
+
         EditPostRepository postRepository = getEditPostRepository();
         if (postRepository == null) {
             return;
         }
-        postRepository.updateAsync(postModel -> {
-            postModel.setFeaturedImageId(featuredImageId);
-            return true;
-        }, (postModel, result) -> {
-            if (result == UpdatePostResult.Updated.INSTANCE) {
-                updateFeaturedImageView(postModel);
-            }
-            return null;
-        });
+
+        mUpdateFeaturedImageUseCase.updateFeaturedImage(featuredImageId, postRepository,
+                postModel -> {
+                    updateFeaturedImageView(postModel);
+                    return null;
+                });
     }
 
     private void clearFeaturedImage() {

WordPress/src/main/java/org/wordpress/android/ui/posts/FeaturedImageHelper.kt

@@ -201,7 +201,9 @@ class FeaturedImageHelper @Inject constructor(
 
     enum class TrackableEvent(val label: Stat) {
         IMAGE_SET_CLICKED(Stat.FEATURED_IMAGE_SET_CLICKED_POST_SETTINGS),
-        IMAGE_PICKED(Stat.FEATURED_IMAGE_PICKED_POST_SETTINGS),
+        IMAGE_PICKED_POST_SETTINGS(Stat.FEATURED_IMAGE_PICKED_POST_SETTINGS),
+        IMAGE_PICKED_GUTENBERG_EDITOR(Stat.FEATURED_IMAGE_PICKED_GUTENBERG_EDITOR),
+        IMAGE_REMOVED_GUTENBERG_EDITOR(Stat.FEATURED_IMAGE_REMOVED_GUTENBERG_EDITOR),
         IMAGE_UPLOAD_CANCELED(Stat.FEATURED_IMAGE_UPLOAD_CANCELED_POST_SETTINGS),
         IMAGE_UPLOAD_RETRY_CLICKED(Stat.FEATURED_IMAGE_UPLOAD_RETRY_CLICKED_POST_SETTINGS),
         IMAGE_REMOVE_CLICKED(Stat.FEATURED_IMAGE_REMOVE_CLICKED_POST_SETTINGS)

WordPress/src/main/java/org/wordpress/android/ui/posts/UpdateFeaturedImageUseCase.kt

@@ -0,0 +1,24 @@
+package org.wordpress.android.ui.posts
+
+import org.wordpress.android.fluxc.model.PostImmutableModel
+import org.wordpress.android.fluxc.model.PostModel
+import org.wordpress.android.ui.posts.EditPostRepository.UpdatePostResult
+import org.wordpress.android.ui.posts.EditPostRepository.UpdatePostResult.Updated
+import javax.inject.Inject
+
+class UpdateFeaturedImageUseCase @Inject constructor() {
+    fun updateFeaturedImage(
+        featuredImageId: Long,
+        editPostRepository: EditPostRepository,
+        onPostFeaturedImageUpdated: (PostImmutableModel) -> Unit
+    ) {
+        editPostRepository.updateAsync({ postModel: PostModel ->
+            postModel.setFeaturedImageId(featuredImageId)
+            true
+        }) { postModel: PostImmutableModel, result: UpdatePostResult ->
+            if (result === Updated) {
+                onPostFeaturedImageUpdated.invoke(postModel)
+            }
+        }
+    }
+}

build.gradle

@@ -7,7 +7,7 @@ buildscript {
     ext.kotlin_ktx_version = '1.2.0'
     ext.wordPressUtilsVersion = 'develop-bb54ee34c5fec5fa7375ce90a356adb5adbdcae0'
     ext.detektVersion = '1.15.0'
-    ext.gutenbergMobileVersion = 'v1.54.0'
+    ext.gutenbergMobileVersion = '3116-0af44c12fd41a3f5ba62164c873eda2cef80c1ca'
 
     repositories {
         google()

libs/analytics/WordPressAnalytics/src/main/java/org/wordpress/android/analytics/AnalyticsTracker.java

@@ -691,6 +691,8 @@ public enum Stat {
         WELCOME_NO_SITES_INTERSTITIAL_DISMISSED,
         FEATURED_IMAGE_SET_CLICKED_POST_SETTINGS,
         FEATURED_IMAGE_PICKED_POST_SETTINGS,
+        FEATURED_IMAGE_PICKED_GUTENBERG_EDITOR,
+        FEATURED_IMAGE_REMOVED_GUTENBERG_EDITOR,
         FEATURED_IMAGE_UPLOAD_CANCELED_POST_SETTINGS,
         FEATURED_IMAGE_UPLOAD_RETRY_CLICKED_POST_SETTINGS,
         FEATURED_IMAGE_REMOVE_CLICKED_POST_SETTINGS,

libs/analytics/WordPressAnalytics/src/main/java/org/wordpress/android/analytics/AnalyticsTrackerNosara.java

@@ -1890,6 +1890,10 @@ public static String getEventNameForStat(AnalyticsTracker.Stat stat) {
                 return "featured_image_set_clicked_post_settings";
             case FEATURED_IMAGE_PICKED_POST_SETTINGS:
                 return "featured_image_picked_post_settings";
+            case FEATURED_IMAGE_PICKED_GUTENBERG_EDITOR:
+                return "featured_image_picked_gutenberg_editor";
+            case FEATURED_IMAGE_REMOVED_GUTENBERG_EDITOR:
+                return "featured_image_removed_gutenberg_editor";
             case FEATURED_IMAGE_UPLOAD_CANCELED_POST_SETTINGS:
                 return "featured_image_upload_canceled_post_settings";
             case FEATURED_IMAGE_UPLOAD_RETRY_CLICKED_POST_SETTINGS:

libs/editor/WordPressEditor/src/main/java/org/wordpress/android/editor/EditorFragmentAbstract.java

@@ -178,6 +178,7 @@ public static MediaType getEditorMimeType(MediaFile mediaFile) {
     public interface EditorFragmentListener extends DialogVisibilityProvider {
         void onEditorFragmentInitialized();
         void onEditorFragmentContentReady(ArrayList<Object> unsupportedBlocks, boolean replaceBlockActionWaiting);
+        void updateFeaturedImage(long mediaId, boolean imagePicked);
         void onAddMediaClicked();
         void onAddMediaImageClicked(boolean allowMultipleSelection);
         void onAddMediaVideoClicked(boolean allowMultipleSelection);

libs/editor/WordPressEditor/src/main/java/org/wordpress/android/editor/gutenberg/GutenbergContainerFragment.java

@@ -29,6 +29,7 @@
 import org.wordpress.mobile.WPAndroidGlue.WPAndroidGlueCode.OnMediaEditorListener;
 import org.wordpress.mobile.WPAndroidGlue.WPAndroidGlueCode.OnMediaLibraryButtonListener;
 import org.wordpress.mobile.WPAndroidGlue.WPAndroidGlueCode.OnMediaFilesCollectionBasedBlockEditorListener;
+import org.wordpress.mobile.WPAndroidGlue.WPAndroidGlueCode.OnSetFeaturedImageListener;
 
 import java.util.ArrayList;
 
@@ -56,6 +57,7 @@ public boolean hasReceivedAnyContent() {
     public void attachToContainer(ViewGroup viewGroup, OnMediaLibraryButtonListener onMediaLibraryButtonListener,
                                   OnReattachMediaUploadQueryListener onReattachQueryListener,
                                   OnReattachMediaSavingQueryListener onStorySavingReattachQueryListener,
+                                  OnSetFeaturedImageListener onSetFeaturedImageListener,
                                   OnEditorMountListener onEditorMountListener,
                                   OnEditorAutosaveListener onEditorAutosaveListener,
                                   OnAuthHeaderRequestedListener onAuthHeaderRequestedListener,
@@ -76,6 +78,7 @@ public void attachToContainer(ViewGroup viewGroup, OnMediaLibraryButtonListener
                     onMediaLibraryButtonListener,
                     onReattachQueryListener,
                     onStorySavingReattachQueryListener,
+                    onSetFeaturedImageListener,
                     onEditorMountListener,
                     onEditorAutosaveListener,
                     onAuthHeaderRequestedListener,

libs/editor/WordPressEditor/src/main/java/org/wordpress/android/editor/gutenberg/GutenbergDialogFragment.kt

@@ -0,0 +1,133 @@
+package org.wordpress.android.editor.gutenberg
+
+import android.app.Dialog
+import android.content.Context
+import android.content.DialogInterface
+import android.os.Bundle
+import androidx.appcompat.app.AppCompatDialogFragment
+import androidx.fragment.app.Fragment
+import com.google.android.material.dialog.MaterialAlertDialogBuilder
+
+class GutenbergDialogFragment() : AppCompatDialogFragment() {
+    private lateinit var mTag: String
+    private lateinit var mMessage: CharSequence
+    private lateinit var mPositiveButtonLabel: CharSequence
+    private var mTitle: CharSequence? = null
+    private var mNegativeButtonLabel: CharSequence? = null
+    private var mId: Int = 0
+    private var dismissedByPositiveButton = false
+    private var dismissedByNegativeButton = false
+
+    interface GutenbergDialogPositiveClickInterface {
+        fun onGutenbergDialogPositiveClicked(instanceTag: String, id: Int)
+    }
+
+    interface GutenbergDialogNegativeClickInterface {
+        fun onGutenbergDialogNegativeClicked(instanceTag: String)
+    }
+
+    interface GutenbergDialogOnDismissByOutsideTouchInterface {
+        fun onDismissByOutsideTouch(instanceTag: String)
+    }
+
+    fun initialize(
+        tag: String,
+        title: CharSequence?,
+        message: CharSequence,
+        positiveButtonLabel: CharSequence,
+        negativeButtonLabel: CharSequence? = null,
+        id: Int
+    ) {
+        mTag = tag
+        mTitle = title
+        mMessage = message
+        mPositiveButtonLabel = positiveButtonLabel
+        mNegativeButtonLabel = negativeButtonLabel
+        mId = id
+    }
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        this.isCancelable = true
+        val theme = 0
+        setStyle(STYLE_NORMAL, theme)
+
+        if (savedInstanceState != null) {
+            mTag = requireNotNull(savedInstanceState.getString(STATE_KEY_TAG))
+            mTitle = savedInstanceState.getCharSequence(STATE_KEY_TITLE)
+            mMessage = requireNotNull(savedInstanceState.getCharSequence(STATE_KEY_MESSAGE))
+            mPositiveButtonLabel = requireNotNull(savedInstanceState.getCharSequence(STATE_KEY_POSITIVE_BUTTON_LABEL))
+            mNegativeButtonLabel = savedInstanceState.getCharSequence(STATE_KEY_NEGATIVE_BUTTON_LABEL)
+            mId = savedInstanceState.getInt(STATE_KEY_ID)
+        }
+    }
+
+    override fun onSaveInstanceState(outState: Bundle) {
+        outState.putString(STATE_KEY_TAG, mTag)
+        outState.putCharSequence(STATE_KEY_TITLE, mTitle)
+        outState.putCharSequence(STATE_KEY_MESSAGE, mMessage)
+        outState.putCharSequence(STATE_KEY_POSITIVE_BUTTON_LABEL, mPositiveButtonLabel)
+        outState.putCharSequence(STATE_KEY_NEGATIVE_BUTTON_LABEL, mNegativeButtonLabel)
+        outState.putInt(STATE_KEY_ID, mId)
+        super.onSaveInstanceState(outState)
+    }
+
+    override fun onCreateDialog(savedInstanceState: Bundle?): Dialog {
+        val builder = MaterialAlertDialogBuilder(requireActivity())
+        builder.setMessage(mMessage)
+
+        mTitle?.let {
+            builder.setTitle(mTitle)
+        }
+
+        mPositiveButtonLabel?.let {
+            builder.setPositiveButton(mPositiveButtonLabel) { _, _ ->
+                dismissedByPositiveButton = true
+                (parentFragment as? GutenbergDialogPositiveClickInterface)?.let {
+                    it.onGutenbergDialogPositiveClicked(mTag, mId)
+                }
+            }.setCancelable(true)
+        }
+
+        mNegativeButtonLabel?.let {
+            builder.setNegativeButton(mNegativeButtonLabel) { _, _ ->
+                dismissedByNegativeButton = true
+                (parentFragment as? GutenbergDialogNegativeClickInterface)?.let {
+                    it.onGutenbergDialogNegativeClicked(mTag)
+                }
+            }
+        }
+
+        return builder.create()
+    }
+
+    override fun onAttach(context: Context) {
+        super.onAttach(context)
+        val parentFragment: Fragment? = parentFragment
+        if (parentFragment !is GutenbergDialogPositiveClickInterface) {
+            throw RuntimeException("Parent fragment must implement GutenbergDialogPositiveClickInterface")
+        }
+        if (mNegativeButtonLabel != null && parentFragment !is GutenbergDialogNegativeClickInterface) {
+            throw RuntimeException("Parent fragment must implement GutenbergDialogNegativeClickInterface")
+        }
+    }
+
+    override fun onDismiss(dialog: DialogInterface) {
+        // Only handle the event if it wasn't triggered by a button
+        if (!dismissedByPositiveButton && !dismissedByNegativeButton) {
+            (parentFragment as? GutenbergDialogOnDismissByOutsideTouchInterface)?.let {
+                it.onDismissByOutsideTouch(mTag)
+            }
+        }
+        super.onDismiss(dialog)
+    }
+
+    companion object {
+        private const val STATE_KEY_TAG = "state_key_tag"
+        private const val STATE_KEY_TITLE = "state_key_title"
+        private const val STATE_KEY_MESSAGE = "state_key_message"
+        private const val STATE_KEY_POSITIVE_BUTTON_LABEL = "state_key_positive_button_label"
+        private const val STATE_KEY_NEGATIVE_BUTTON_LABEL = "state_key_negative_button_label"
+        private const val STATE_KEY_ID = "state_key_id"
+    }
+}