# web-react-sdk-link

> Reusable auth form made by mehira

Latest version **0.1.7** (published 2022-12-15) · ISC license · 0 weekly downloads

## Install

```sh
npm install web-react-sdk-link
pnpm add web-react-sdk-link
yarn add web-react-sdk-link
bun add web-react-sdk-link
```

## Health

**Score 30/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.7 |
| Published | 2022-12-15 |
| First published | 2022-12-15 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 9 |
| Unpacked size | 576.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | High Output Ventures |
| Maintainers | boniqx09 |
| Keywords | mehira, auth-form |

## Links

- npm: https://www.npmjs.com/package/web-react-sdk-link
- Repository: https://github.com/HighOutputVentures/labs-mehira
- Homepage: https://github.com/Boniqx/test-mehira-embed#readme
- Issues: https://github.com/Boniqx/test-mehira-embed/issues
- npm.io page: https://npm.io/package/web-react-sdk-link

## Dependencies (9)

- [luxon](https://npm.io/package/luxon.md) ^3.0.4
- [@nrwl/nx](https://npm.io/package/@nrwl/nx.md) ^7.8.7
- [babel-jest](https://npm.io/package/babel-jest.md) ^29.2.0
- [@types/jest](https://npm.io/package/@types/jest.md) ^29.1.2
- [vite-plugin-dts](https://npm.io/package/vite-plugin-dts.md) ^1.7.0
- [eslint-plugin-import](https://npm.io/package/eslint-plugin-import.md) ^2.26.0
- [@apollo/react-testing](https://npm.io/package/@apollo/react-testing.md) ^4.0.0
- [@mehira/web-react-sdk](https://npm.io/package/@mehira/web-react-sdk.md) ^0.0.13
- [eslint-plugin-jsx-a11y](https://npm.io/package/eslint-plugin-jsx-a11y.md) ^6.6.1

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 0.1.7 (latest) — 2022-12-15

## README

# Installation

npm i @mehira/web-react-sdk

# How to use Auth Widget

1. Import the Mehira provider and AuthComponent

`import { AuthComponent, MehiraProvider } from '@mehira/web-react-sdk'`

2. Add them anywhere to your code provide your _apiUrl_, _publicKey_, and _auth_ as shown below

```
<MehiraProvider.Provider
value={{
        apiUrl: $yourApiUrl,
        auth: {
            enableGithubAuth: true,
            enableGoogleAuth: true,
            enableSlackAuth: true
        },
        publicKey:"test",
    }}

    >

        <AuthComponent />

    </MehiraProvider.Provider>
```

# How to use lead generation widget

1. Import the Mehira provider and AuthComponent

`import { LeadGenerationWidget, MehiraProvider } from '@mehira/web-react-sdk'`

2. Add them anywhere to your code provide your _apiUrl_, _publicKey_, and _auth_, you can also provide headingText, headingSubText, emailPlaceholder, submitButtonText props for the leadGenerationWidget as shown below:

```
<MehiraProvider.Provider
value={{
        apiUrl: "test",

        publicKey:"test",
    }}
    >

      <LeadGenerationWidget
        headingText="Subscribe to our Email"
        headingSubText="Get ahead of everyone else!"
      />

    </MehiraProvider.Provider>
```

---
_Source: https://npm.io/package/web-react-sdk-link · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._