{"action":"created","comment":{"url":"https://api.github.com/repos/Automattic/wp-calypso/pulls/comments/174188046","pull_request_review_id":103493165,"id":174188046,"diff_hunk":"@@ -178,9 +200,14 @@ class ProductPurchaseFeaturesList extends Component {\n \t}\n \n \tgetJetpackBusinessFeatures() {\n-\t\tconst { selectedSite } = this.props;\n-\n+\t\tconst { isAutomatedTransfer, isPlaceholder, selectedSite } = this.props;\n \t\treturn [\n+\t\t\t<HappinessSupportCard\n+\t\t\t\tisJetpack={ !! selectedSite.jetpack && ! isAutomatedTransfer }\n+\t\t\t\tisPlaceholder={ isPlaceholder }\n+\t\t\t\tshowLiveChatButton={ true }\n+\t\t\t\tliveChatButtonEventName={ 'my_plan_jetpack_professsional' }","path":"client/blocks/product-purchase-features-list/index.jsx","position":113,"original_position":113,"commit_id":"ed98e8b9412535bcaa153a898ad403a890da5329","original_commit_id":"ed98e8b9412535bcaa153a898ad403a890da5329","user":{"login":"tyxla","id":8436925,"avatar_url":"https://avatars2.githubusercontent.com/u/8436925?v=4","gravatar_id":"","url":"https://api.github.com/users/tyxla","html_url":"https://github.com/tyxla","followers_url":"https://api.github.com/users/tyxla/followers","following_url":"https://api.github.com/users/tyxla/following{/other_user}","gists_url":"https://api.github.com/users/tyxla/gists{/gist_id}","starred_url":"https://api.github.com/users/tyxla/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/tyxla/subscriptions","organizations_url":"https://api.github.com/users/tyxla/orgs","repos_url":"https://api.github.com/users/tyxla/repos","events_url":"https://api.github.com/users/tyxla/events{/privacy}","received_events_url":"https://api.github.com/users/tyxla/received_events","type":"User","site_admin":false},"body":"We don't seem to take this prop in consideration in `<HappinessSupportCard />`.","created_at":"2018-03-13T16:01:32Z","updated_at":"2018-03-13T16:37:19Z","html_url":"https://github.com/Automattic/wp-calypso/pull/23181#discussion_r174188046","pull_request_url":"https://api.github.com/repos/Automattic/wp-calypso/pulls/23181","author_association":"MEMBER","_links":{"self":{"href":"https://api.github.com/repos/Automattic/wp-calypso/pulls/comments/174188046"},"html":{"href":"https://github.com/Automattic/wp-calypso/pull/23181#discussion_r174188046"},"pull_request":{"href":"https://api.github.com/repos/Automattic/wp-calypso/pulls/23181"}}},"pull_request":{"url":"https://api.github.com/repos/Automattic/wp-calypso/pulls/23181","id":174040165,"html_url":"https://github.com/Automattic/wp-calypso/pull/23181","diff_url":"https://github.com/Automattic/wp-calypso/pull/23181.diff","patch_url":"https://github.com/Automattic/wp-calypso/pull/23181.patch","issue_url":"https://api.github.com/repos/Automattic/wp-calypso/issues/23181","number":23181,"state":"open","locked":false,"title":"Plans: move HappinessSupport option to a card and style the new header.","user":{"login":"AnnaMag","id":13561163,"avatar_url":"https://avatars3.githubusercontent.com/u/13561163?v=4","gravatar_id":"","url":"https://api.github.com/users/AnnaMag","html_url":"https://github.com/AnnaMag","followers_url":"https://api.github.com/users/AnnaMag/followers","following_url":"https://api.github.com/users/AnnaMag/following{/other_user}","gists_url":"https://api.github.com/users/AnnaMag/gists{/gist_id}","starred_url":"https://api.github.com/users/AnnaMag/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/AnnaMag/subscriptions","organizations_url":"https://api.github.com/users/AnnaMag/orgs","repos_url":"https://api.github.com/users/AnnaMag/repos","events_url":"https://api.github.com/users/AnnaMag/events{/privacy}","received_events_url":"https://api.github.com/users/AnnaMag/received_events","type":"User","site_admin":false},"body":"~Depends on #23129.~\r\nPart of solution to #22691, as per new designs for My Plan tab for both Jetpack and .com plans.\r\n\r\nMain changes included:\r\n- extract `HappinessSupport` components from the header into a separate feature card. Note: it os not wrapped in PurchaseDetail component as the remaining feature cards, because it is not stateless and has much more complex logic (a bit of a peculiar snowflake among those),\r\n- adjust the header to spread over the entire viewport and use flexbox to align its elements.\r\n\r\n**To test:**\r\n- checkout this branch in your local Calypso,\r\n- go to `http://calypso.localhost:3000/plans/my-plan/:site` for Jetpack and WP sites on different plans,\r\n- verify that the plan is correctly detected and HappinessSupport card has appropriate header (Free vs. paid plan). The visuals should look as below,\r\n- verify that for .com Business and Jetpack Pro plans the `Ask a question` button triggers HappyChat (live when available), while for other plans a redirect to `https://jetpack.com/contact-support/?rel=support`.\r\n\r\nNote: .com plans have no My Plan tab for the Free plan.\r\n\r\n.com plans:\r\n\r\n![screen shot 2018-03-12 at 13 28 38](https://user-images.githubusercontent.com/13561163/37286107-ef9dcd2e-25f8-11e8-9bea-2fdf6f6e80ce.png)\r\n\r\nJetpack plans:\r\n\r\nFREE\r\n![screen shot 2018-03-12 at 18 03 37](https://user-images.githubusercontent.com/13561163/37301133-a47575fa-261f-11e8-9b2c-c048370db179.png)\r\n\r\nPAID\r\n![screen shot 2018-03-12 at 13 53 36](https://user-images.githubusercontent.com/13561163/37287304-718047ec-25fc-11e8-9464-46583c80094a.png)\r\n\r\n\r\n\r\nUp next:\r\n- align feature cards to form symmetric grid and set unified size,\r\n- update copy and icon positioning.\r\n","created_at":"2018-03-09T15:55:11Z","updated_at":"2018-03-13T16:37:19Z","closed_at":null,"merged_at":null,"merge_commit_sha":"3ca9ccc54bd21abb1e900bb19ad5a79e7873b6c2","assignee":{"login":"AnnaMag","id":13561163,"avatar_url":"https://avatars3.githubusercontent.com/u/13561163?v=4","gravatar_id":"","url":"https://api.github.com/users/AnnaMag","html_url":"https://github.com/AnnaMag","followers_url":"https://api.github.com/users/AnnaMag/followers","following_url":"https://api.github.com/users/AnnaMag/following{/other_user}","gists_url":"https://api.github.com/users/AnnaMag/gists{/gist_id}","starred_url":"https://api.github.com/users/AnnaMag/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/AnnaMag/subscriptions","organizations_url":"https://api.github.com/users/AnnaMag/orgs","repos_url":"https://api.github.com/users/AnnaMag/repos","events_url":"https://api.github.com/users/AnnaMag/events{/privacy}","received_events_url":"https://api.github.com/users/AnnaMag/received_events","type":"User","site_admin":false},"assignees":[{"login":"AnnaMag","id":13561163,"avatar_url":"https://avatars3.githubusercontent.com/u/13561163?v=4","gravatar_id":"","url":"https://api.github.com/users/AnnaMag","html_url":"https://github.com/AnnaMag","followers_url":"https://api.github.com/users/AnnaMag/followers","following_url":"https://api.github.com/users/AnnaMag/following{/other_user}","gists_url":"https://api.github.com/users/AnnaMag/gists{/gist_id}","starred_url":"https://api.github.com/users/AnnaMag/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/AnnaMag/subscriptions","organizations_url":"https://api.github.com/users/AnnaMag/orgs","repos_url":"https://api.github.com/users/AnnaMag/repos","events_url":"https://api.github.com/users/AnnaMag/events{/privacy}","received_events_url":"https://api.github.com/users/AnnaMag/received_events","type":"User","site_admin":false}],"requested_reviewers":[{"login":"joanrho","id":204742,"avatar_url":"https://avatars0.githubusercontent.com/u/204742?v=4","gravatar_id":"","url":"https://api.github.com/users/joanrho","html_url":"https://github.com/joanrho","followers_url":"https://api.github.com/users/joanrho/followers","following_url":"https://api.github.com/users/joanrho/following{/other_user}","gists_url":"https://api.github.com/users/joanrho/gists{/gist_id}","starred_url":"https://api.github.com/users/joanrho/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/joanrho/subscriptions","organizations_url":"https://api.github.com/users/joanrho/orgs","repos_url":"https://api.github.com/users/joanrho/repos","events_url":"https://api.github.com/users/joanrho/events{/privacy}","received_events_url":"https://api.github.com/users/joanrho/received_events","type":"User","site_admin":false}],"requested_teams":[],"labels":[{"id":285010076,"url":"https://api.github.com/repos/Automattic/wp-calypso/labels/Components","name":"Components","color":"bfdadc","default":false},{"id":824137020,"url":"https://api.github.com/repos/Automattic/wp-calypso/labels/FixTheFlows","name":"FixTheFlows","color":"00be28","default":false},{"id":285009994,"url":"https://api.github.com/repos/Automattic/wp-calypso/labels/Plans","name":"Plans","color":"006b75","default":false},{"id":285010018,"url":"https://api.github.com/repos/Automattic/wp-calypso/labels/[Status]%20Needs%20Review","name":"[Status] Needs Review","color":"fbca04","default":false},{"id":285009976,"url":"https://api.github.com/repos/Automattic/wp-calypso/labels/[Type]%20Enhancement","name":"[Type] Enhancement","color":"c7def8","default":false}],"milestone":null,"commits_url":"https://api.github.com/repos/Automattic/wp-calypso/pulls/23181/commits","review_comments_url":"https://api.github.com/repos/Automattic/wp-calypso/pulls/23181/comments","review_comment_url":"https://api.github.com/repos/Automattic/wp-calypso/pulls/comments{/number}","comments_url":"https://api.github.com/repos/Automattic/wp-calypso/issues/23181/comments","statuses_url":"https://api.github.com/repos/Automattic/wp-calypso/statuses/ed98e8b9412535bcaa153a898ad403a890da5329","head":{"label":"Automattic:update/plans-feature-grid","ref":"update/plans-feature-grid","sha":"ed98e8b9412535bcaa153a898ad403a890da5329","user":{"login":"Automattic","id":887802,"avatar_url":"https://avatars1.githubusercontent.com/u/887802?v=4","gravatar_id":"","url":"https://api.github.com/users/Automattic","html_url":"https://github.com/Automattic","followers_url":"https://api.github.com/users/Automattic/followers","following_url":"https://api.github.com/users/Automattic/following{/other_user}","gists_url":"https://api.github.com/users/Automattic/gists{/gist_id}","starred_url":"https://api.github.com/users/Automattic/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Automattic/subscriptions","organizations_url":"https://api.github.com/users/Automattic/orgs","repos_url":"https://api.github.com/users/Automattic/repos","events_url":"https://api.github.com/users/Automattic/events{/privacy}","received_events_url":"https://api.github.com/users/Automattic/received_events","type":"Organization","site_admin":false},"repo":{"id":45936895,"name":"wp-calypso","full_name":"Automattic/wp-calypso","owner":{"login":"Automattic","id":887802,"avatar_url":"https://avatars1.githubusercontent.com/u/887802?v=4","gravatar_id":"","url":"https://api.github.com/users/Automattic","html_url":"https://github.com/Automattic","followers_url":"https://api.github.com/users/Automattic/followers","following_url":"https://api.github.com/users/Automattic/following{/other_user}","gists_url":"https://api.github.com/users/Automattic/gists{/gist_id}","starred_url":"https://api.github.com/users/Automattic/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Automattic/subscriptions","organizations_url":"https://api.github.com/users/Automattic/orgs","repos_url":"https://api.github.com/users/Automattic/repos","events_url":"https://api.github.com/users/Automattic/events{/privacy}","received_events_url":"https://api.github.com/users/Automattic/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/Automattic/wp-calypso","description":"The JavaScript and API powered WordPress.com","fork":false,"url":"https://api.github.com/repos/Automattic/wp-calypso","forks_url":"https://api.github.com/repos/Automattic/wp-calypso/forks","keys_url":"https://api.github.com/repos/Automattic/wp-calypso/keys{/key_id}","collaborators_url":"https://api.github.com/repos/Automattic/wp-calypso/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/Automattic/wp-calypso/teams","hooks_url":"https://api.github.com/repos/Automattic/wp-calypso/hooks","issue_events_url":"https://api.github.com/repos/Automattic/wp-calypso/issues/events{/number}","events_url":"https://api.github.com/repos/Automattic/wp-calypso/events","assignees_url":"https://api.github.com/repos/Automattic/wp-calypso/assignees{/user}","branches_url":"https://api.github.com/repos/Automattic/wp-calypso/branches{/branch}","tags_url":"https://api.github.com/repos/Automattic/wp-calypso/tags","blobs_url":"https://api.github.com/repos/Automattic/wp-calypso/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/Automattic/wp-calypso/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/Automattic/wp-calypso/git/refs{/sha}","trees_url":"https://api.github.com/repos/Automattic/wp-calypso/git/trees{/sha}","statuses_url":"https://api.github.com/repos/Automattic/wp-calypso/statuses/{sha}","languages_url":"https://api.github.com/repos/Automattic/wp-calypso/languages","stargazers_url":"https://api.github.com/repos/Automattic/wp-calypso/stargazers","contributors_url":"https://api.github.com/repos/Automattic/wp-calypso/contributors","subscribers_url":"https://api.github.com/repos/Automattic/wp-calypso/subscribers","subscription_url":"https://api.github.com/repos/Automattic/wp-calypso/subscription","commits_url":"https://api.github.com/repos/Automattic/wp-calypso/commits{/sha}","git_commits_url":"https://api.github.com/repos/Automattic/wp-calypso/git/commits{/sha}","comments_url":"https://api.github.com/repos/Automattic/wp-calypso/comments{/number}","issue_comment_url":"https://api.github.com/repos/Automattic/wp-calypso/issues/comments{/number}","contents_url":"https://api.github.com/repos/Automattic/wp-calypso/contents/{+path}","compare_url":"https://api.github.com/repos/Automattic/wp-calypso/compare/{base}...{head}","merges_url":"https://api.github.com/repos/Automattic/wp-calypso/merges","archive_url":"https://api.github.com/repos/Automattic/wp-calypso/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/Automattic/wp-calypso/downloads","issues_url":"https://api.github.com/repos/Automattic/wp-calypso/issues{/number}","pulls_url":"https://api.github.com/repos/Automattic/wp-calypso/pulls{/number}","milestones_url":"https://api.github.com/repos/Automattic/wp-calypso/milestones{/number}","notifications_url":"https://api.github.com/repos/Automattic/wp-calypso/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/Automattic/wp-calypso/labels{/name}","releases_url":"https://api.github.com/repos/Automattic/wp-calypso/releases{/id}","deployments_url":"https://api.github.com/repos/Automattic/wp-calypso/deployments","created_at":"2015-11-10T20:00:16Z","updated_at":"2018-03-13T16:36:41Z","pushed_at":"2018-03-13T16:36:53Z","git_url":"git://github.com/Automattic/wp-calypso.git","ssh_url":"git@github.com:Automattic/wp-calypso.git","clone_url":"https://github.com/Automattic/wp-calypso.git","svn_url":"https://github.com/Automattic/wp-calypso","homepage":"https://developer.wordpress.com/calypso/","size":80161,"stargazers_count":9793,"watchers_count":9793,"language":"JavaScript","has_issues":true,"has_projects":true,"has_downloads":true,"has_wiki":false,"has_pages":false,"forks_count":1368,"mirror_url":null,"archived":false,"open_issues_count":1482,"license":{"key":"gpl-2.0","name":"GNU General Public License v2.0","spdx_id":"GPL-2.0","url":"https://api.github.com/licenses/gpl-2.0"},"forks":1368,"open_issues":1482,"watchers":9793,"default_branch":"master"}},"base":{"label":"Automattic:master","ref":"master","sha":"b19c6dec8f65037fdf67ba729aea6478b4dc3983","user":{"login":"Automattic","id":887802,"avatar_url":"https://avatars1.githubusercontent.com/u/887802?v=4","gravatar_id":"","url":"https://api.github.com/users/Automattic","html_url":"https://github.com/Automattic","followers_url":"https://api.github.com/users/Automattic/followers","following_url":"https://api.github.com/users/Automattic/following{/other_user}","gists_url":"https://api.github.com/users/Automattic/gists{/gist_id}","starred_url":"https://api.github.com/users/Automattic/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Automattic/subscriptions","organizations_url":"https://api.github.com/users/Automattic/orgs","repos_url":"https://api.github.com/users/Automattic/repos","events_url":"https://api.github.com/users/Automattic/events{/privacy}","received_events_url":"https://api.github.com/users/Automattic/received_events","type":"Organization","site_admin":false},"repo":{"id":45936895,"name":"wp-calypso","full_name":"Automattic/wp-calypso","owner":{"login":"Automattic","id":887802,"avatar_url":"https://avatars1.githubusercontent.com/u/887802?v=4","gravatar_id":"","url":"https://api.github.com/users/Automattic","html_url":"https://github.com/Automattic","followers_url":"https://api.github.com/users/Automattic/followers","following_url":"https://api.github.com/users/Automattic/following{/other_user}","gists_url":"https://api.github.com/users/Automattic/gists{/gist_id}","starred_url":"https://api.github.com/users/Automattic/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Automattic/subscriptions","organizations_url":"https://api.github.com/users/Automattic/orgs","repos_url":"https://api.github.com/users/Automattic/repos","events_url":"https://api.github.com/users/Automattic/events{/privacy}","received_events_url":"https://api.github.com/users/Automattic/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/Automattic/wp-calypso","description":"The JavaScript and API powered WordPress.com","fork":false,"url":"https://api.github.com/repos/Automattic/wp-calypso","forks_url":"https://api.github.com/repos/Automattic/wp-calypso/forks","keys_url":"https://api.github.com/repos/Automattic/wp-calypso/keys{/key_id}","collaborators_url":"https://api.github.com/repos/Automattic/wp-calypso/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/Automattic/wp-calypso/teams","hooks_url":"https://api.github.com/repos/Automattic/wp-calypso/hooks","issue_events_url":"https://api.github.com/repos/Automattic/wp-calypso/issues/events{/number}","events_url":"https://api.github.com/repos/Automattic/wp-calypso/events","assignees_url":"https://api.github.com/repos/Automattic/wp-calypso/assignees{/user}","branches_url":"https://api.github.com/repos/Automattic/wp-calypso/branches{/branch}","tags_url":"https://api.github.com/repos/Automattic/wp-calypso/tags","blobs_url":"https://api.github.com/repos/Automattic/wp-calypso/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/Automattic/wp-calypso/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/Automattic/wp-calypso/git/refs{/sha}","trees_url":"https://api.github.com/repos/Automattic/wp-calypso/git/trees{/sha}","statuses_url":"https://api.github.com/repos/Automattic/wp-calypso/statuses/{sha}","languages_url":"https://api.github.com/repos/Automattic/wp-calypso/languages","stargazers_url":"https://api.github.com/repos/Automattic/wp-calypso/stargazers","contributors_url":"https://api.github.com/repos/Automattic/wp-calypso/contributors","subscribers_url":"https://api.github.com/repos/Automattic/wp-calypso/subscribers","subscription_url":"https://api.github.com/repos/Automattic/wp-calypso/subscription","commits_url":"https://api.github.com/repos/Automattic/wp-calypso/commits{/sha}","git_commits_url":"https://api.github.com/repos/Automattic/wp-calypso/git/commits{/sha}","comments_url":"https://api.github.com/repos/Automattic/wp-calypso/comments{/number}","issue_comment_url":"https://api.github.com/repos/Automattic/wp-calypso/issues/comments{/number}","contents_url":"https://api.github.com/repos/Automattic/wp-calypso/contents/{+path}","compare_url":"https://api.github.com/repos/Automattic/wp-calypso/compare/{base}...{head}","merges_url":"https://api.github.com/repos/Automattic/wp-calypso/merges","archive_url":"https://api.github.com/repos/Automattic/wp-calypso/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/Automattic/wp-calypso/downloads","issues_url":"https://api.github.com/repos/Automattic/wp-calypso/issues{/number}","pulls_url":"https://api.github.com/repos/Automattic/wp-calypso/pulls{/number}","milestones_url":"https://api.github.com/repos/Automattic/wp-calypso/milestones{/number}","notifications_url":"https://api.github.com/repos/Automattic/wp-calypso/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/Automattic/wp-calypso/labels{/name}","releases_url":"https://api.github.com/repos/Automattic/wp-calypso/releases{/id}","deployments_url":"https://api.github.com/repos/Automattic/wp-calypso/deployments","created_at":"2015-11-10T20:00:16Z","updated_at":"2018-03-13T16:36:41Z","pushed_at":"2018-03-13T16:36:53Z","git_url":"git://github.com/Automattic/wp-calypso.git","ssh_url":"git@github.com:Automattic/wp-calypso.git","clone_url":"https://github.com/Automattic/wp-calypso.git","svn_url":"https://github.com/Automattic/wp-calypso","homepage":"https://developer.wordpress.com/calypso/","size":80161,"stargazers_count":9793,"watchers_count":9793,"language":"JavaScript","has_issues":true,"has_projects":true,"has_downloads":true,"has_wiki":false,"has_pages":false,"forks_count":1368,"mirror_url":null,"archived":false,"open_issues_count":1482,"license":{"key":"gpl-2.0","name":"GNU General Public License v2.0","spdx_id":"GPL-2.0","url":"https://api.github.com/licenses/gpl-2.0"},"forks":1368,"open_issues":1482,"watchers":9793,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/Automattic/wp-calypso/pulls/23181"},"html":{"href":"https://github.com/Automattic/wp-calypso/pull/23181"},"issue":{"href":"https://api.github.com/repos/Automattic/wp-calypso/issues/23181"},"comments":{"href":"https://api.github.com/repos/Automattic/wp-calypso/issues/23181/comments"},"review_comments":{"href":"https://api.github.com/repos/Automattic/wp-calypso/pulls/23181/comments"},"review_comment":{"href":"https://api.github.com/repos/Automattic/wp-calypso/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/Automattic/wp-calypso/pulls/23181/commits"},"statuses":{"href":"https://api.github.com/repos/Automattic/wp-calypso/statuses/ed98e8b9412535bcaa153a898ad403a890da5329"}},"author_association":"CONTRIBUTOR"}}
{"actor":{"display_login":"tyxla"}}