From dacb9af3ccf53658daa42a610394c73914867523 Mon Sep 17 00:00:00 2001 From: Khac Vy Date: Tue, 19 May 2020 13:44:23 +0700 Subject: [PATCH] chore: #1277 Update wording on the Webhooks page in the Developers Portal (#1279) --- .../__snapshots__/developer-webhooks.tsx.snap | 34 +++++++++++++++++-- .../components/pages/developer-webhooks.tsx | 23 +++++++++++-- .../__snapshots__/webhook-test-modal.tsx.snap | 2 +- .../src/components/ui/webhook-edit-modal.tsx | 15 ++++++-- .../src/components/ui/webhook-test-modal.tsx | 6 +++- 5 files changed, 70 insertions(+), 10 deletions(-) diff --git a/packages/marketplace/src/components/pages/__tests__/__snapshots__/developer-webhooks.tsx.snap b/packages/marketplace/src/components/pages/__tests__/__snapshots__/developer-webhooks.tsx.snap index 6b1e198aff..4c216506ef 100644 --- a/packages/marketplace/src/components/pages/__tests__/__snapshots__/developer-webhooks.tsx.snap +++ b/packages/marketplace/src/components/pages/__tests__/__snapshots__/developer-webhooks.tsx.snap @@ -14,7 +14,22 @@ exports[`DeveloperWebHooks should match a snapshot 1`] = ` - Lorem ipsum dolor sit amet consectetur adipisicing elit. Labore excepturi aliquam dolor, dolore placeat molestias illum quod quasi nihil. Modi consectetur praesentium sint quod qui quos soluta repellat porro minus. + Our webhooks system allows your application to directly subscribe to events happening in our customers data. Rather than needing to make API calls to poll for new information, a webhook subscription can be created to allow Reapit Foundations to send a HTTP request directly to your endpoints that you configure here. + + + This system is designed to flexibly work with how your application is built and deployed. If you wish, you can set up a single endpoint to catch all topics for all customers. Alternatively, you may wish to set up a different webhook subscription per topic or per customer. + + + For more information about Webhooks, please see our + + + webhooks documentation + - Lorem ipsum dolor sit amet consectetur adipisicing elit. Labore excepturi aliquam dolor, dolore placeat molestias illum quod quasi nihil. Modi consectetur praesentium sint quod qui quos soluta repellat porro minus. + Our webhooks system allows your application to directly subscribe to events happening in our customers data. Rather than needing to make API calls to poll for new information, a webhook subscription can be created to allow Reapit Foundations to send a HTTP request directly to your endpoints that you configure here. + + + This system is designed to flexibly work with how your application is built and deployed. If you wish, you can set up a single endpoint to catch all topics for all customers. Alternatively, you may wish to set up a different webhook subscription per topic or per customer. + + + For more information about Webhooks, please see our + + + webhooks documentation + { return value.map((line, index) =>

{line}

) @@ -203,9 +204,25 @@ export const DeveloperWebhooks = ({

Manage Webhook Subscriptions

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Labore excepturi aliquam dolor, dolore placeat - molestias illum quod quasi nihil. Modi consectetur praesentium sint quod qui quos soluta repellat porro - minus. + Our webhooks system allows your application to directly subscribe to events happening in our customers data. + Rather than needing to make API calls to poll for new information, a webhook subscription can be created to + allow Reapit Foundations to send a HTTP request directly to your endpoints that you configure here. + + + This system is designed to flexibly work with how your application is built and deployed. If you wish, you + can set up a single endpoint to catch all topics for all customers. Alternatively, you may wish to set up a + different webhook subscription per topic or per customer. + + + For more information about Webhooks, please see our{' '} + + webhooks documentation + {}}> {() => ( diff --git a/packages/marketplace/src/components/ui/__tests__/__snapshots__/webhook-test-modal.tsx.snap b/packages/marketplace/src/components/ui/__tests__/__snapshots__/webhook-test-modal.tsx.snap index 640e9c1757..ffda863746 100644 --- a/packages/marketplace/src/components/ui/__tests__/__snapshots__/webhook-test-modal.tsx.snap +++ b/packages/marketplace/src/components/ui/__tests__/__snapshots__/webhook-test-modal.tsx.snap @@ -56,7 +56,7 @@ exports[`WebhookTestModalBody WebhookTestModalBody should match snapshot 1`] = `

- To test your Webhook subscription, please select a ‘Subscription Topic’ below: + To test your Webhook subscription, please select a subscription topic and an example payload for that topic will be sent to the configured URL. For more information, see 'testing webhook link TBC'

- You can create a Webhook to receive notifications from the topics that you choose to subscribe it - to. You can receive notifications for any customer that has installed your application. For more - information about Webhooks, please see our{' '} + Webhooks are configured here to allow your application to receive real-time notifications about + the topics you choose to subscribe it to. A single webhook subscription can receive notifications + for multiple topics so long as your application has been granted the required permissions. +

+

+ Webhooks subscriptions can be set up for any customer who has installed your application. + Additionally, you can choose ‘SBOX’ to listen for sandbox environment notifications. +

+

+ For more information about Webhooks, please see our{' '} -

To test your Webhook subscription, please select a ‘Subscription Topic’ below:

+ {/* webhook link will be provide later. https://github.com/reapit/foundations/issues/1277 */} +

+ To test your Webhook subscription, please select a subscription topic and an example payload for that + topic will be sent to the configured URL. For more information, see 'testing webhook link TBC' +