Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
29 changes: 0 additions & 29 deletions docs/auth-flow/authorize-embedded-link.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,29 +14,6 @@ Our Link SDK is a pre-built JavaScript component that neatly sits in your front-

We built it to be flexible so that you can integrate and initialize it in any way you want, and provide the user with a native feel of your authorization journey. As a result, clients using the SDK note that **89%** of their users successfully complete their journeys.

```jsx live
function AuthFlow() {
const onConnection = (connection) =>
alert(`Connection: ${connection.connectionId}`);
const onFinish = () => alert("On finish callback");

const config = {
companyId: "e0e0462f-d7f3-456f-b3e9-0b40afe0245e",
options: {
showLandingPage: true,
},
};

return (
<div>
<p>Click the button below to start authing.</p>

<CodatLink {...config} />
</div>
);
}
```

## Resources

We've provided you with [rich examples on GitHub](https://github.com/codatio/sdk-link/tree/main/examples) that illustrate how you can add the Link component to your project.
Expand All @@ -47,12 +24,6 @@ Our user experience team is ready to help you design a high converting and trust

:::

:::info Indicative demo

Curious where Codat's Link flow might fit in your customer's experience? See [our indicative demo](https://sdk-link.vercel.app/).

:::

## Prerequisites

#### Your application
Expand Down
7 changes: 1 addition & 6 deletions docs/auth-flow/customize/sdk-customize-code.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ Most of the configuration for the auth flow is currently managed in <a href="htt

However, you can use the SDK's `options` property to override the settings set in the Portal and control them programmatically instead. This is useful if you want more control over the UI based on application-specific logic or want to vary it conditionally.

```jsx live
```js
function AuthFlow() {
const onConnection = (connection) =>
alert(`Connection: ${connection.connectionId}`);
Expand Down Expand Up @@ -93,11 +93,6 @@ The `options` prop is optional and accepts an object containing the following op

The object is applied **as the `CodatLink` component is mounted**, so doesn't support hot reloading. Modify the options and refresh the page to see the options reflected.

:::tip Try it out!

Grab our [example file](/documents/example-link-options.json), edit it as desired, and use it in our [Options demo](https://codat-intg-link-sdk-v2-react-18-ui.azurewebsites.net/) to see how the Link UI reflects the changes you make to the properties. You will need a `companyId` to do this.
:::

### Non-modal styling

By default, the Link component is designed to be presented in a modal. To override this, you can use the `nonModal` options setting. When set to `true`, it will:
Expand Down
5 changes: 0 additions & 5 deletions sidebars/auth-flow.js
Original file line number Diff line number Diff line change
Expand Up @@ -31,11 +31,6 @@ module.exports = [
label: "NPM",
href: "https://www.npmjs.com/package/@codat/sdk-link-types",
},
{
type: "link",
label: "Try it out",
href: "https://sdk-link.vercel.app/",
},
{
type: "link",
label: "See examples",
Expand Down
68 changes: 0 additions & 68 deletions static/documents/example-link-options.json

This file was deleted.

Loading