Socket
Socket
Sign inDemoInstall

auth0-contact-form

Package Overview
Dependencies
3
Maintainers
4
Versions
37
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

auth0-contact-form

Auth0 team contact form


Version published
Maintainers
4
Weekly downloads
40
increased by100%

Weekly downloads

Readme

Source

Auth0 Contact Form

screen shot 2016-07-18 at 2 32 33 pm

Install

npm i --save auth0-contact-form jquery@2 bootstrap@3

Usage

Needs jQuery and bootstrap.js, because they are peer dependencies.

Example

index.js

import 'jquery';
import 'bootstrap';
import ContactForm from 'auth0-contact-form';

const metricsLib = window.metricsLib;
const $ = jQuery;
const options = {
  onFormSuccess(metricsData) {
    metricsLib.track('contact-form-success', metricsData);
  }
};

const contactForm = new ContactForm(options);

$('.btn').click(contactForm.show);

index.styl

@import '../node_modules/auth0-contact-form/build/contact-form.css'

Options

OptionTypeDefaultDescription
onModalOpenfunction() => {}On modal open callback, has metricsData arg with metrics data.
onFormSuccessfunction() => {}On form success callback, has metricsData arg with metrics data.
onFormFailfunction() => {}On form fail callback, has metricsData arg with metrics data.
postUrlstring'https://webtask.it.auth0.com/api/run/auth0-generic/contact-form-mandrill'Url to send post data of form.
modalTitlestring'Contact Sales Team'Modal title.

Methods

MethodArgumentDescription
showShows contact form modal

Handle query string

Also this package exports a function handleQueryString that triggers the contact form if ?contact=true is on the url.

Example:

import 'jquery';
import 'bootstrap';
import { handleQueryString } from 'auth0-contact-form';

const options = {
  postUrl: 'https://myserver.com/contact'
};

handleQueryString(options);

Development

Run:

git clone git@github.com:auth0/contact-form.git
cd contact-form
npm install
npm start

And point your browser at http://localhost:3001.

Release

Make sure you have bump and git-extras Follow the next steps:

  # Once finished your changes and commit them, run:
  bump {patch,minor,major,VERSION}

  # Then create the changelog for the release, using
  # the retrieved version by last command:
  git changelog --tag <version>

  # Then, just run:
  git add . && git release <version>

  # Publish to npm
  npm publish

  # Done!

Issue Reporting

If you have found a bug or if you have a feature request, please report them at this repository issues section. Please do not report security vulnerabilities on the public GitHub issue tracker. The Responsible Disclosure Program details the procedure for disclosing security issues.

License

Auth0 Web Header is MIT licensed.

Keywords

FAQs

Last updated on 30 Apr 2019

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc