@withleaf.io/leaflink-react v1.1.0

@withleaf/leaf-link-react

Leaf Link offers companies widgets that can be embedded in an app, on a website, or any other software offering, to simplify processes that used to be a lot more difficult and time consuming.

Features

• Leaf File Upload Link
• Leaf Provider Connection / Authentication Link

Version 1.1.0 is available! 🚀

Version 1.1.0 adds some improvements as well brand new features!

• Add the hook <Leaf> that provides ability to the developer fetch information from the Provider Widget!

import { Leaf, Providers } from '@withleaf/leaf-link-react'

const Example = () => {
    return (
        <Leaf>
            <MyComponent />
            <Providers
                isDarkMode={true}
                companyName={'My Company Name'}
                companyLogo={'url'}
                leafUser={'myLeafUser'}
                apiKey={'myApiKey'}
                locale={'locale'}
            />
        </Leaf>
    );
};

From your top-level component can pass the current data to all components below, no matter how deep.

This variables will be updated every time the Provider update the steps i.e move from one step to other.

From the component <MyComponent> that is any component you developed, you just need:

import { useLeaf } from '@withleaf/leaf-link-react';

export const MyComponent = () => {
    // Import the states from the hook
    const { providerWidgetStatus, providersConnected } = useLeaf();

    return(/* Your Component Content */)
}

More details and examples please visit our doc!

Also...

• Improvements in the UI from Providers Widget
• Improvements in the search bar filter.
• Improvements in the loading state from providers list.
• Update API calls to remove any sensitive data.