Added "Recommended Content" Block

[iamdharmesh]

Description of the Change

This PR Adds the Initial "Recommended Content" Block backed by the Azure Personalizer. Major changes of PR are listed below.

• Added @wordpress/scripts
• Format js and fixed reported eslint errors.
• Integration with Azure Personalizer API.
• Added "Recommended Content" Block.

Note: This is yet initial implementation based on personalizer documentation and we may still have to check on the below stuff to close #69

• Include User location data in contextFeatures for better personalization.
• Currently, block only suggest 1 recommended content as personalizer only return 1 rewarded action. We should check on the possibility/workaround to display multiple contents. (We are showing multiple items now, as decided in internal slack discussion)
• Define suggested configuration to make the plugin work more effectively (config like model update frequency, reward wait time, etc...).
• Verify content personalization with huge content and different use cases

Some Useful links for Azure Personalizer:

• Personalizer Documentation
• How Personalizer works

Screenshots

Personalizer Settings:

Recommended Content Block:

Closes #69

Alternate Designs

We may choose any other recommended content service, other than Azure Personalizer.

Possible Drawbacks

Not identified any.

Verification Process

1. Save Azure Personalizer settings.
2. Verify it gets authenticated and saved. (wrong key we should show error on save)
3. Add "Recommended Content" Block
4. Verify Filters and various setting options work properly.
5. Verify Block content displays properly in front-end and send the reward to azure on click-on content.

Checklist:

• I have read the CONTRIBUTING document.
• My code follows the code style of this project.
• My change requires a change to the documentation.
• I have updated the documentation accordingly.
• I have added tests to cover my change.
• All new and existing tests passed.

Changelog Entry

Added: Initial "Recommended Content" Block

Credits

Props @iamdharmesh @jeffpaul @Sidsector9

[iamdharmesh]

Thanks for the review @dkotter, I am made some minor improvements and resolved conflicts.

Also, I think still needing updates to our readme around this new feature and how to get it set up. I think you may be waiting on something from @jeffpaul, at least according to #343 (comment).

I have updated readme based on docs available online, maybe @jeffpaul can help to verify it once.

Do you think we should release this feature as Alpha/Beta for now by adding notice somewhere? also, We have some further stuff (mentioned in PR description) to work on it once this get merged.

Thanks.

[dkotter]

I think this is good to go as a first version of this.

Do you think we should release this feature as Alpha/Beta for now by adding notice somewhere

We could note this in the README, that this is a feature that we're still gathering feedback on, but not sure if that's critical

[jeffpaul]

@iamdharmesh I just did a first though thorough pass on copy and such, but would love to test this out a bit more closely. Mind spinning this PR out into a test site for me to see if there are other places to tweak the UX/copy/etc?

[jeffpaul]

I made some tweaks to copy throughout and added a screenshot and content to the readme, all minor changes and otherwise this looks great. Fantastic work @iamdharmesh!