{"action":"created","comment":{"url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/pulls/comments/215082206","pull_request_review_id":152272457,"id":215082206,"node_id":"MDI0OlB1bGxSZXF1ZXN0UmV2aWV3Q29tbWVudDIxNTA4MjIwNg==","diff_hunk":"@@ -0,0 +1,168 @@\n+import React, { Component, Fragment } from \"react\";\n+import PropTypes from \"prop-types\";\n+import { withComponents } from \"@reactioncommerce/components-context\";\n+import styled from \"styled-components\";\n+import { applyTheme, CustomPropTypes } from \"../../../utils\";\n+\n+const Title = styled.h3`\n+  font-family: ${applyTheme(\"font_family\")};\n+  font-size: ${applyTheme(\"font_size_h3\")};\n+  font-weight: ${applyTheme(\"font_weight_bold\")};\n+  font-style: normal;\n+  font-stretch: normal;\n+  line-height: 1.25;\n+  letter-spacing: 0.4px;\n+`;\n+\n+const Summary = styled.div`\n+  border: 1px solid ${applyTheme(\"color_black10\")};\n+  border-bottom: none;\n+\n+  table td {\n+    padding-left: 1rem;\n+    padding-right: 1rem;\n+  }\n+`;\n+\n+class FinalReviewCheckoutAction extends Component {\n+  static propTypes = {\n+    /**\n+     * Cart data\n+     */\n+    checkoutSummary: PropTypes.shape({\n+      /**\n+       * Discount amount associated with promo code\n+       */\n+      displayDiscount: PropTypes.string,\n+      /**\n+       * Shipping cost\n+       */\n+      displayShipping: PropTypes.string,\n+      /**\n+       * Subtotal amount\n+       */\n+      displaySubtotal: PropTypes.string.isRequired,\n+      /**\n+       * Calculated tax amount\n+       */\n+      displayTax: PropTypes.string,\n+      /**\n+       * Total amount\n+       */\n+      displayTotal: PropTypes.string.isRequired,\n+      /**\n+       * If a product qualifies for free shipping, display \"FREE\" for shipping method\n+       */\n+      isFreeShipping: PropTypes.bool,\n+      /**\n+       * CartItem data. This is passed to CartItems, which may require some props.\n+       */\n+      items: PropTypes.arrayOf(PropTypes.object).isRequired\n+    }),\n+    /**\n+     * If you've set up a components context using @reactioncommerce/components-context\n+     * (recommended), then this prop will come from there automatically. If you have not\n+     * set up a components context or you want to override one of the components in a\n+     * single spot, you can pass in the components prop directly.\n+     */\n+    components: PropTypes.shape({\n+      /**\n+       * Pass either the Reaction Button component or your own component that\n+       * accepts compatible props.\n+       */\n+      Button: CustomPropTypes.component.isRequired,\n+      /**\n+       * An element to show as the cart checkout button. If this isn't provided,\n+       * a button will be rendered using Button component.\n+       */\n+      cartCheckoutButton: PropTypes.node,","path":"package/src/components/FinalReviewCheckoutAction/v1/FinalReviewCheckoutAction.js","position":78,"original_position":78,"commit_id":"ccf68c4fbc7372e335f5a760d62a76a7e158b8ce","original_commit_id":"ccf68c4fbc7372e335f5a760d62a76a7e158b8ce","user":{"login":"willopez","id":486340,"node_id":"MDQ6VXNlcjQ4NjM0MA==","avatar_url":"https://avatars1.githubusercontent.com/u/486340?v=4","gravatar_id":"","url":"https://api.github.com/users/willopez","html_url":"https://github.com/willopez","followers_url":"https://api.github.com/users/willopez/followers","following_url":"https://api.github.com/users/willopez/following{/other_user}","gists_url":"https://api.github.com/users/willopez/gists{/gist_id}","starred_url":"https://api.github.com/users/willopez/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/willopez/subscriptions","organizations_url":"https://api.github.com/users/willopez/orgs","repos_url":"https://api.github.com/users/willopez/repos","events_url":"https://api.github.com/users/willopez/events{/privacy}","received_events_url":"https://api.github.com/users/willopez/received_events","type":"User","site_admin":false},"body":"The cart checkout button is not displayed in the confirmation, so it's not necessary to pass it in.","created_at":"2018-09-04T22:07:39Z","updated_at":"2018-09-04T22:10:40Z","html_url":"https://github.com/reactioncommerce/reaction-component-library/pull/263#discussion_r215082206","pull_request_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/pulls/263","author_association":"MEMBER","_links":{"self":{"href":"https://api.github.com/repos/reactioncommerce/reaction-component-library/pulls/comments/215082206"},"html":{"href":"https://github.com/reactioncommerce/reaction-component-library/pull/263#discussion_r215082206"},"pull_request":{"href":"https://api.github.com/repos/reactioncommerce/reaction-component-library/pulls/263"}}},"pull_request":{"url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/pulls/263","id":212484700,"node_id":"MDExOlB1bGxSZXF1ZXN0MjEyNDg0NzAw","html_url":"https://github.com/reactioncommerce/reaction-component-library/pull/263","diff_url":"https://github.com/reactioncommerce/reaction-component-library/pull/263.diff","patch_url":"https://github.com/reactioncommerce/reaction-component-library/pull/263.patch","issue_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/issues/263","number":263,"state":"open","locked":false,"title":"feat: Checkout final review step","user":{"login":"mikemurray","id":42217,"node_id":"MDQ6VXNlcjQyMjE3","avatar_url":"https://avatars3.githubusercontent.com/u/42217?v=4","gravatar_id":"","url":"https://api.github.com/users/mikemurray","html_url":"https://github.com/mikemurray","followers_url":"https://api.github.com/users/mikemurray/followers","following_url":"https://api.github.com/users/mikemurray/following{/other_user}","gists_url":"https://api.github.com/users/mikemurray/gists{/gist_id}","starred_url":"https://api.github.com/users/mikemurray/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mikemurray/subscriptions","organizations_url":"https://api.github.com/users/mikemurray/orgs","repos_url":"https://api.github.com/users/mikemurray/repos","events_url":"https://api.github.com/users/mikemurray/events{/privacy}","received_events_url":"https://api.github.com/users/mikemurray/received_events","type":"User","site_admin":false},"body":"Resolves #249\r\nImpact: **minor**  \r\nType: **feature**\r\n\r\n## Component\r\n\r\nAdd a component to represent the final step in the checkout process\r\n\r\n## Screenshots\r\n\r\n![finalreviewcheckoutaction_ _reaction_design_system](https://user-images.githubusercontent.com/42217/45043163-456d4b00-b021-11e8-8456-96708828d849.png)\r\n\r\n## Breaking changes\r\n\r\nnone\r\n\r\n## Testing\r\n\r\n1. Open docs to FinalReviewCheckoutAction component page\r\n2. Ensure it renders properly and resembles step 4 of the designs: https://app.zeplin.io/project/5afc82f5e8d73e250ff9d855/screen/5b02f4fce6c84b43220adc1e\r\n","created_at":"2018-08-31T20:16:27Z","updated_at":"2018-09-04T22:10:40Z","closed_at":null,"merged_at":null,"merge_commit_sha":"f27898be2fcbb9a3c8daccbf5a9fec9a92e00e03","assignee":null,"assignees":[],"requested_reviewers":[],"requested_teams":[],"labels":[],"milestone":null,"commits_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/pulls/263/commits","review_comments_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/pulls/263/comments","review_comment_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/pulls/comments{/number}","comments_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/issues/263/comments","statuses_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/statuses/ccf68c4fbc7372e335f5a760d62a76a7e158b8ce","head":{"label":"reactioncommerce:feat-249-mikemurray-checkout-final-review","ref":"feat-249-mikemurray-checkout-final-review","sha":"ccf68c4fbc7372e335f5a760d62a76a7e158b8ce","user":{"login":"reactioncommerce","id":5605462,"node_id":"MDEyOk9yZ2FuaXphdGlvbjU2MDU0NjI=","avatar_url":"https://avatars0.githubusercontent.com/u/5605462?v=4","gravatar_id":"","url":"https://api.github.com/users/reactioncommerce","html_url":"https://github.com/reactioncommerce","followers_url":"https://api.github.com/users/reactioncommerce/followers","following_url":"https://api.github.com/users/reactioncommerce/following{/other_user}","gists_url":"https://api.github.com/users/reactioncommerce/gists{/gist_id}","starred_url":"https://api.github.com/users/reactioncommerce/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/reactioncommerce/subscriptions","organizations_url":"https://api.github.com/users/reactioncommerce/orgs","repos_url":"https://api.github.com/users/reactioncommerce/repos","events_url":"https://api.github.com/users/reactioncommerce/events{/privacy}","received_events_url":"https://api.github.com/users/reactioncommerce/received_events","type":"Organization","site_admin":false},"repo":{"id":114694142,"node_id":"MDEwOlJlcG9zaXRvcnkxMTQ2OTQxNDI=","name":"reaction-component-library","full_name":"reactioncommerce/reaction-component-library","owner":{"login":"reactioncommerce","id":5605462,"node_id":"MDEyOk9yZ2FuaXphdGlvbjU2MDU0NjI=","avatar_url":"https://avatars0.githubusercontent.com/u/5605462?v=4","gravatar_id":"","url":"https://api.github.com/users/reactioncommerce","html_url":"https://github.com/reactioncommerce","followers_url":"https://api.github.com/users/reactioncommerce/followers","following_url":"https://api.github.com/users/reactioncommerce/following{/other_user}","gists_url":"https://api.github.com/users/reactioncommerce/gists{/gist_id}","starred_url":"https://api.github.com/users/reactioncommerce/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/reactioncommerce/subscriptions","organizations_url":"https://api.github.com/users/reactioncommerce/orgs","repos_url":"https://api.github.com/users/reactioncommerce/repos","events_url":"https://api.github.com/users/reactioncommerce/events{/privacy}","received_events_url":"https://api.github.com/users/reactioncommerce/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/reactioncommerce/reaction-component-library","description":"An ecommerce-focused set of React components","fork":false,"url":"https://api.github.com/repos/reactioncommerce/reaction-component-library","forks_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/forks","keys_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/keys{/key_id}","collaborators_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/teams","hooks_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/hooks","issue_events_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/issues/events{/number}","events_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/events","assignees_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/assignees{/user}","branches_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/branches{/branch}","tags_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/tags","blobs_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/git/refs{/sha}","trees_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/git/trees{/sha}","statuses_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/statuses/{sha}","languages_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/languages","stargazers_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/stargazers","contributors_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/contributors","subscribers_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/subscribers","subscription_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/subscription","commits_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/commits{/sha}","git_commits_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/git/commits{/sha}","comments_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/comments{/number}","issue_comment_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/issues/comments{/number}","contents_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/contents/{+path}","compare_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/compare/{base}...{head}","merges_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/merges","archive_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/downloads","issues_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/issues{/number}","pulls_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/pulls{/number}","milestones_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/milestones{/number}","notifications_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/labels{/name}","releases_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/releases{/id}","deployments_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/deployments","created_at":"2017-12-18T22:31:00Z","updated_at":"2018-09-04T07:01:27Z","pushed_at":"2018-09-04T21:18:52Z","git_url":"git://github.com/reactioncommerce/reaction-component-library.git","ssh_url":"git@github.com:reactioncommerce/reaction-component-library.git","clone_url":"https://github.com/reactioncommerce/reaction-component-library.git","svn_url":"https://github.com/reactioncommerce/reaction-component-library","homepage":"","size":5324,"stargazers_count":15,"watchers_count":15,"language":"JavaScript","has_issues":true,"has_projects":false,"has_downloads":true,"has_wiki":false,"has_pages":false,"forks_count":0,"mirror_url":null,"archived":false,"open_issues_count":40,"license":{"key":"gpl-3.0","name":"GNU General Public License v3.0","spdx_id":"GPL-3.0","url":"https://api.github.com/licenses/gpl-3.0","node_id":"MDc6TGljZW5zZTk="},"forks":0,"open_issues":40,"watchers":15,"default_branch":"master"}},"base":{"label":"reactioncommerce:master","ref":"master","sha":"1b9c0ead739afc68aa8f07fd0664fca235257c60","user":{"login":"reactioncommerce","id":5605462,"node_id":"MDEyOk9yZ2FuaXphdGlvbjU2MDU0NjI=","avatar_url":"https://avatars0.githubusercontent.com/u/5605462?v=4","gravatar_id":"","url":"https://api.github.com/users/reactioncommerce","html_url":"https://github.com/reactioncommerce","followers_url":"https://api.github.com/users/reactioncommerce/followers","following_url":"https://api.github.com/users/reactioncommerce/following{/other_user}","gists_url":"https://api.github.com/users/reactioncommerce/gists{/gist_id}","starred_url":"https://api.github.com/users/reactioncommerce/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/reactioncommerce/subscriptions","organizations_url":"https://api.github.com/users/reactioncommerce/orgs","repos_url":"https://api.github.com/users/reactioncommerce/repos","events_url":"https://api.github.com/users/reactioncommerce/events{/privacy}","received_events_url":"https://api.github.com/users/reactioncommerce/received_events","type":"Organization","site_admin":false},"repo":{"id":114694142,"node_id":"MDEwOlJlcG9zaXRvcnkxMTQ2OTQxNDI=","name":"reaction-component-library","full_name":"reactioncommerce/reaction-component-library","owner":{"login":"reactioncommerce","id":5605462,"node_id":"MDEyOk9yZ2FuaXphdGlvbjU2MDU0NjI=","avatar_url":"https://avatars0.githubusercontent.com/u/5605462?v=4","gravatar_id":"","url":"https://api.github.com/users/reactioncommerce","html_url":"https://github.com/reactioncommerce","followers_url":"https://api.github.com/users/reactioncommerce/followers","following_url":"https://api.github.com/users/reactioncommerce/following{/other_user}","gists_url":"https://api.github.com/users/reactioncommerce/gists{/gist_id}","starred_url":"https://api.github.com/users/reactioncommerce/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/reactioncommerce/subscriptions","organizations_url":"https://api.github.com/users/reactioncommerce/orgs","repos_url":"https://api.github.com/users/reactioncommerce/repos","events_url":"https://api.github.com/users/reactioncommerce/events{/privacy}","received_events_url":"https://api.github.com/users/reactioncommerce/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/reactioncommerce/reaction-component-library","description":"An ecommerce-focused set of React components","fork":false,"url":"https://api.github.com/repos/reactioncommerce/reaction-component-library","forks_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/forks","keys_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/keys{/key_id}","collaborators_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/teams","hooks_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/hooks","issue_events_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/issues/events{/number}","events_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/events","assignees_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/assignees{/user}","branches_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/branches{/branch}","tags_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/tags","blobs_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/git/refs{/sha}","trees_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/git/trees{/sha}","statuses_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/statuses/{sha}","languages_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/languages","stargazers_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/stargazers","contributors_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/contributors","subscribers_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/subscribers","subscription_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/subscription","commits_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/commits{/sha}","git_commits_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/git/commits{/sha}","comments_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/comments{/number}","issue_comment_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/issues/comments{/number}","contents_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/contents/{+path}","compare_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/compare/{base}...{head}","merges_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/merges","archive_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/downloads","issues_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/issues{/number}","pulls_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/pulls{/number}","milestones_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/milestones{/number}","notifications_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/labels{/name}","releases_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/releases{/id}","deployments_url":"https://api.github.com/repos/reactioncommerce/reaction-component-library/deployments","created_at":"2017-12-18T22:31:00Z","updated_at":"2018-09-04T07:01:27Z","pushed_at":"2018-09-04T21:18:52Z","git_url":"git://github.com/reactioncommerce/reaction-component-library.git","ssh_url":"git@github.com:reactioncommerce/reaction-component-library.git","clone_url":"https://github.com/reactioncommerce/reaction-component-library.git","svn_url":"https://github.com/reactioncommerce/reaction-component-library","homepage":"","size":5324,"stargazers_count":15,"watchers_count":15,"language":"JavaScript","has_issues":true,"has_projects":false,"has_downloads":true,"has_wiki":false,"has_pages":false,"forks_count":0,"mirror_url":null,"archived":false,"open_issues_count":40,"license":{"key":"gpl-3.0","name":"GNU General Public License v3.0","spdx_id":"GPL-3.0","url":"https://api.github.com/licenses/gpl-3.0","node_id":"MDc6TGljZW5zZTk="},"forks":0,"open_issues":40,"watchers":15,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/reactioncommerce/reaction-component-library/pulls/263"},"html":{"href":"https://github.com/reactioncommerce/reaction-component-library/pull/263"},"issue":{"href":"https://api.github.com/repos/reactioncommerce/reaction-component-library/issues/263"},"comments":{"href":"https://api.github.com/repos/reactioncommerce/reaction-component-library/issues/263/comments"},"review_comments":{"href":"https://api.github.com/repos/reactioncommerce/reaction-component-library/pulls/263/comments"},"review_comment":{"href":"https://api.github.com/repos/reactioncommerce/reaction-component-library/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/reactioncommerce/reaction-component-library/pulls/263/commits"},"statuses":{"href":"https://api.github.com/repos/reactioncommerce/reaction-component-library/statuses/ccf68c4fbc7372e335f5a760d62a76a7e158b8ce"}},"author_association":"MEMBER"}}
{"actor":{"display_login":"willopez"}}