{"_id":"react-mailchimp-form","_rev":"5-c2de359c9b83b71c7601d867e0ae1795","name":"react-mailchimp-form","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.0":{"name":"react-mailchimp-form","version":"1.0.0","description":"React subscribe form for Mailchimp","main":"dist/index.js","scripts":{"build":"babel --plugins transform-es2015-modules-umd src --ignore __tests__ --out-dir ./dist"},"repository":{"type":"git","url":"git+https://github.com/gndx/react-mailchimp-form.git"},"keywords":["react","subscribe","form","mailchimp","subscribe","subscriptions"],"author":{"name":"Oscar Barajas","email":"oscar@dragons.mx"},"license":"MIT","bugs":{"url":"https://github.com/gndx/react-mailchimp-form/issues"},"homepage":"https://github.com/gndx/react-mailchimp-form#readme","devDependencies":{"babel-cli":"^6.26.0","babel-core":"^6.26.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","babel-polyfill":"^6.26.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-2":"^6.24.1","jsonp":"^0.2.1","prop-types":"^15.6.1","react":"^16.2.0","react-dom":"^16.2.0"},"peerDependencies":{"jsonp":"^0.2.1","prop-types":"^15.6.1","react":"^16.2.0","react-dom":"^16.2.0"},"gitHead":"c349c121388fa5e4cb332e5099d13b88979d346c","_id":"react-mailchimp-form@1.0.0","_npmVersion":"5.7.1","_nodeVersion":"9.4.0","_npmUser":{"name":"gndx","email":"oscar@dragons.mx"},"dist":{"integrity":"sha512-3VRKjSW02H3Xx64pKDDKVBR2RpIVj3z+vi9OR0tlzlv+W+yNOg71YaYiM02XNQvzsRWbOfY7kUI087aQ1CXrJw==","shasum":"66be12e1f080909f8b71364078d8ed54d8da3158","tarball":"https://registry.npmjs.org/react-mailchimp-form/-/react-mailchimp-form-1.0.0.tgz","fileCount":5,"unpackedSize":15700,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDYdnlqtxKPtoRhjC+FbhQ5cFdh7RM9l2c5YKaKrCRoxwIgUn9lnH6//2u/uKJdvevr1JH0uIxmELsGW9DRvl70DoI="}]},"maintainers":[{"name":"gndx","email":"oscar@dragons.mx"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-mailchimp-form_1.0.0_1520746051202_0.06745538529747508"},"_hasShrinkwrap":false},"1.0.1":{"name":"react-mailchimp-form","version":"1.0.1","description":"React subscribe form for Mailchimp","main":"dist/index.js","scripts":{"build":"babel --plugins transform-es2015-modules-umd src --ignore __tests__ --out-dir ./dist"},"repository":{"type":"git","url":"git+https://github.com/gndx/react-mailchimp-form.git"},"keywords":["react","subscribe","form","mailchimp","subscribe","subscriptions"],"author":{"name":"Oscar Barajas","email":"oscar@dragons.mx"},"license":"MIT","bugs":{"url":"https://github.com/gndx/react-mailchimp-form/issues"},"homepage":"https://github.com/gndx/react-mailchimp-form#readme","devDependencies":{"babel-cli":"^6.26.0","babel-core":"^6.26.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","babel-polyfill":"^6.26.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-2":"^6.24.1","jsonp":"^0.2.1","prop-types":"^15.6.1","react":"^16.2.0","react-dom":"^16.2.0"},"dependencies":{"jsonp":"^0.2.1"},"peerDependencies":{"jsonp":"^0.2.1","prop-types":"^15.6.1","react":"^16.2.0","react-dom":"^16.2.0"},"gitHead":"0d242428239ec03e943d5697bb965d8a0bc905a7","_id":"react-mailchimp-form@1.0.1","_npmVersion":"5.7.1","_nodeVersion":"9.4.0","_npmUser":{"name":"gndx","email":"oscar@dragons.mx"},"dist":{"integrity":"sha512-K4Cb8aGeBlBd3if5EFRB9T6PY2DIO5xX1EAUY3ouOD04rA/j+6VWgds2ZsU5ucY/yfIPLS1PsJ0rFUhyeTLkEw==","shasum":"edb67c6c7e29e127dac51b0dd1a43a0c60397966","tarball":"https://registry.npmjs.org/react-mailchimp-form/-/react-mailchimp-form-1.0.1.tgz","fileCount":5,"unpackedSize":15744,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG1Ik+HaJUG6Wm71zQR4OehYCGh9D40SoO6JgsovwPkIAiA478udR0admqcR/11s8Jo9z9gC6VCAxXxb1tb/+EAcww=="}]},"maintainers":[{"name":"gndx","email":"oscar@dragons.mx"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-mailchimp-form_1.0.1_1520746825943_0.6641335560866657"},"_hasShrinkwrap":false},"1.0.2":{"name":"react-mailchimp-form","version":"1.0.2","description":"React subscribe form for Mailchimp","main":"dist/index.js","scripts":{"build":"babel --plugins transform-es2015-modules-umd src --ignore __tests__ --out-dir ./dist"},"repository":{"type":"git","url":"git+https://github.com/gndx/react-mailchimp-form.git"},"keywords":["react","subscribe","form","mailchimp","subscribe","subscriptions"],"author":{"name":"Oscar Barajas","email":"oscar@dragons.mx"},"license":"MIT","bugs":{"url":"https://github.com/gndx/react-mailchimp-form/issues"},"homepage":"https://github.com/gndx/react-mailchimp-form#readme","devDependencies":{"babel-cli":"^6.26.0","babel-core":"^6.26.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","babel-polyfill":"^6.26.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-2":"^6.24.1","jsonp":"^0.2.1","prop-types":"^15.6.1","react":"^16.2.0","react-dom":"^16.2.0"},"dependencies":{"jsonp":"^0.2.1"},"peerDependencies":{"jsonp":"^0.2.1","prop-types":"^15.6.1","react":"^16.2.0","react-dom":"^16.2.0"},"gitHead":"78bbbb776ffaa197009626012199c8a2fced5d50","_id":"react-mailchimp-form@1.0.2","_nodeVersion":"10.14.1","_npmVersion":"6.9.0","dist":{"integrity":"sha512-G4eONuXCIiAbWw9xN5Klj38SekUV5R+crbF5+9kClDdONaz0XLbo+Nbg9kLH5zfMthyKVPKEgdosEjn/Wux8qA==","shasum":"e4dfdc6a36bb2fb274ea49f2b19f9d54bbdfe65f","tarball":"https://registry.npmjs.org/react-mailchimp-form/-/react-mailchimp-form-1.0.2.tgz","fileCount":5,"unpackedSize":15840,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdFvk/CRA9TVsSAnZWagAA9LQP/07xyFyP6iXWHoQNkS6d\nkNSRKgtyy84JzRUd4AH4YBWRc7v1iTGbBYyut3r3nh9NeFYqWxz3vOKJDglc\nm2NkPe+diEgqpbfAklQOqKXhse2CLDnlU9OH3xXECF3d+2zK6zOfhgW4MMm7\nyg/u1G19N41HkMvpgFFMfjvMf6vHVsOBwSR5nBIEVEKlsYz3pTO/RAb3bEbM\np6HVAWlMKBDwEeGbyr4/hsC47/3FVdQXbJG4TWy1no0FNnvQuRUOFoaNRk3l\nlFhBc0fTcw7xewdo6ONR8iovue5MTRjDp/jJXbldKbxwxK9TS9tXiBW62doP\nhpC6AW54JMN4O8/M+zq1BkpGqOMu0dHTXqyBYEu5TxwLJIKYB5PLDqPzxD8F\nF0kEH5OKls/hpf3AdtdN8CJD9b52dwmBw0iy1DCXdxCtDreLzuWF4bYUV2Ym\nLBKrSKHqG7l3Tldak/w1IgsCKmwhhPY71YYPCmzY0lO7PgDxsqbcmZkHz3Kc\nTOKwQS+8QQfrvhIZChHYfXhnVzbWuP3voSq4edI4ihlsdhtGEliHo6VNG3AB\nY92IkcBTGt0xO1uA9PYlheVYpCPN8xwzxvzmmFkNU0gx3GVxoJ2Q1MV9P0Nf\nmlNaj17V8mOel03btf8mxY5HE+EqBGJZUfN7NeJ2y3/5NwMKcDHttzIwfbiP\nZIAi\r\n=pQs9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBZDR2oCXVAcevWbx9xbvBRn9Dx14Ya8EYBKW1fKgnjjAiBs7OfHWYWuLNWj+ydkamEeYfw9P+FhUjuCnh6Erkwm/w=="}]},"maintainers":[{"name":"gndx","email":"oscar@dragons.mx"}],"_npmUser":{"name":"gndx","email":"oscar@dragons.mx"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-mailchimp-form_1.0.2_1561786687306_0.9234275321829697"},"_hasShrinkwrap":false}},"time":{"created":"2018-03-11T05:27:31.202Z","1.0.0":"2018-03-11T05:27:31.350Z","modified":"2022-05-14T14:13:11.134Z","1.0.1":"2018-03-11T05:40:25.996Z","1.0.2":"2019-06-29T05:38:07.456Z"},"maintainers":[{"name":"gndx","email":"oscar@dragons.mx"}],"description":"React subscribe form for Mailchimp","homepage":"https://github.com/gndx/react-mailchimp-form#readme","keywords":["react","subscribe","form","mailchimp","subscribe","subscriptions"],"repository":{"type":"git","url":"git+https://github.com/gndx/react-mailchimp-form.git"},"author":{"name":"Oscar Barajas","email":"oscar@dragons.mx"},"bugs":{"url":"https://github.com/gndx/react-mailchimp-form/issues"},"license":"MIT","readme":"# react-mailchimp-form\nIt provides an easy-to configure component to add a mailchimp form to your react project\n\n# Install \n\n```npm\nnpm install react-mailchimp-form\n```\n\nBe sure to include the --save option to add this as a dependency in your application's package.json\n\n# Usage \n\nFirst you have to configure your Mailchimp account:\n\n1. Create a new account or use an existing one\n2. Add a new list or use an existing one\n3. Personalize the fields on your list on \"Settings > List Fieds\"\n4. Copy the HTML and extract the action from \"Signup Forms > Embedded forms\"\n\nThe action URL will look like this:\n```\nhttps://<YOUR-USER>.us16.list-manage.com/subscribe/post?u=XXXXXXXXXXXXX&amp;id=XXXXXX\n```\nWe will use this URL to configure the component\n\n\n```js\nimport React, { Component } from 'react';\n// import the component\nimport Mailchimp from 'react-mailchimp-form'\n\nclass App extends Component {\n  render() {\n    return (\n        <Mailchimp\n        action='https://<YOUR-USER>.us16.list-manage.com/subscribe/post?u=XXXXXXXXXXXXX&amp;id=XXXXXX'\n        fields={[\n          {\n            name: 'EMAIL',\n            placeholder: 'Email',\n            type: 'email',\n            required: true\n          }\n        ]}\n        />\n    );\n  }\n}\n\nexport default App;\n```\n\n# Options\n\n### Multiple fields\nYou can add all the fields you need for your Mailchimp form, just remember you have to configure them on \"Settings > List Fields\"\n\n### Messages\nPersonalize or change the message language by default\n\n### ClassName\nAdd a personalized class to personalize your form\n\n```js\n  <Mailchimp\n  action='https://<YOUR-USER>.us16.list-manage.com/subscribe/post?u=XXXXXXXXXXXXX&amp;id=XXXXXX' \n  \n  //Adding multiple fields:\n  fields={[\n    {\n      name: 'EMAIL',\n      placeholder: 'Email',\n      type: 'email',\n      required: true\n    },\n    {\n      name: 'FNAME',\n      placeholder: 'name',\n      type: 'text',\n      required: true\n    }\n  ]}\n  // Change predetermined language\n  messages = {\n    {\n      sending: \"Sending...\",\n      success: \"Thank you for subscribing!\",\n      error: \"An unexpected internal error has occurred.\",\n      empty: \"You must write an e-mail.\",\n      duplicate: \"Too many subscribe attempts for this email address\",\n      button: \"Subscribe!\"\n    }\n  }\n  // Add a personalized class\n  className='<YOUR_CLASSNAME>'\n  />\n\n```\n\n# Demo\nCheck here: [react-mailchimp-form](https://arepa-dev.github.io/reactMailchimp/)\n\n# Contributing\nIf someone wants to add or improve something, I invite you to collaborate directly in this repository: [react-mailchimp-form](https://github.com/gndx/react-mailchimp-form/)\n\n# License\nReact-mailchimp-form is released under the [MIT License](https://opensource.org/licenses/MIT).\n","readmeFilename":"README.md","users":{"gndx":true}}