{"_id":"@aamodtgroup/react-mailchimp-form","_rev":"5-44a85b9bc4cb74ac90c50a3657ae09d1","name":"@aamodtgroup/react-mailchimp-form","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@aamodtgroup/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"},"dependencies":{"jsonp":"^0.2.1"},"peerDependencies":{"jsonp":"^0.2.1","prop-types":"^15.6.1","react":"^16.2.0","react-dom":"^16.2.0"},"publishConfig":{"access":"public"},"gitHead":"796522c09471627a73c5aea1f3bca10d7a323f5c","_id":"@aamodtgroup/react-mailchimp-form@1.0.0","_nodeVersion":"14.15.4","_npmVersion":"6.14.10","dist":{"integrity":"sha512-CV8Ca1Jf5PpWHE5++6AeDrmG9GJzgBr65ABLzNY4BwYfjYGSUZLWPiJM2mIdqgdN2IAnpUCCTke65X1gA2ymIw==","shasum":"8357a014af4b5e3223297764ed152a90b2d01361","tarball":"https://registry.npmjs.org/@aamodtgroup/react-mailchimp-form/-/react-mailchimp-form-1.0.0.tgz","fileCount":5,"unpackedSize":17618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLWIBCRA9TVsSAnZWagAAMpYP/RUC6tvLtXXu2oLlzCwI\nZjZ6/Ma+guGlav/33HX5dR6xkuPX4mZGbAEXwruoCbaa4fld6CqXbry6QN+s\nRj8xyM8Zh4pFMUwqAmtFOecx/Dk3kb/PlMtCeRJ1f9uJStGg52CEraSTU03Y\nQf2T3e+dcWFk+b6ifJz+2GpXhBQP625kYWBY5mDgYE2g1wo73tDM3wqdxyj8\nySz7iayulXtLpoKfHXF4jhwopdvQAfQ49DW6zy7lbaD6q6CK4WERgpskbzI1\nGBpCy3WgLP+Bic/8v9rHShUeWtLL4AZuLsdENDwl1n5Uue2ZTTBl/1XWiEPR\n+HXqVWaVhK37G3bhoyx0oLgggNQ2vDWJSgDm5pbobTo/iLYb0F+h/lfUWsK2\ngi6fSMHnOa22e1qSgoN/aXxt9wDAGZC/vPQ90VZF/wHX2EwjM7rSE8zc9Jj7\nsLRrv6q4JlT2C2TMHgwhH60T8KogmGBR8+CqtQJvrUtRH7auvoqwCbF6nfSn\nt0AyGi6xDnvl4NQ6vbX74rJJVb3sqzERTEI+Kmx3P7J42URZaufmHuYRnRBO\nA95fNdzQjH34dulmuYVvUZ1FdBAuLW7JBEMhkMfbIc4w+PkTuI6TMbdD7yUn\nOcpXJY7V2Uq9HXgAcSL2asXZ9IeCbwjcB012IKRgR30QjsIdnSK2rPim6hBE\n3frQ\r\n=yjfO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDeOgAnRH7TqeUDW8NcVPN+PE3W/JmrmOjjLM7NpP3dlAiEAnX+WbHHaD6mWAV8/jf3CZsVE7R1W25JEkZ0I13Smg6A="}]},"_npmUser":{"name":"aamodtgroup","email":"kasper@aamodt.xyz"},"directories":{},"maintainers":[{"name":"aamodtgroup","email":"kasper@aamodt.xyz"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-mailchimp-form_1.0.0_1613586944542_0.796296091746902"},"_hasShrinkwrap":false},"1.0.1":{"name":"@aamodtgroup/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"},"publishConfig":{"access":"public"},"gitHead":"796522c09471627a73c5aea1f3bca10d7a323f5c","_id":"@aamodtgroup/react-mailchimp-form@1.0.1","_nodeVersion":"14.15.4","_npmVersion":"6.14.10","dist":{"integrity":"sha512-VL3fh5RX10Gu6Up8sRSekZmvGSM1EAqcQ6fGpN33hs9zn+Em0D6JJt2jwr829Uf+Qc216ZN/F0MWxAg95aXF7A==","shasum":"2f7afb62cc92a4df7a2985400c5a9f5d8d2a3971","tarball":"https://registry.npmjs.org/@aamodtgroup/react-mailchimp-form/-/react-mailchimp-form-1.0.1.tgz","fileCount":5,"unpackedSize":17626,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgL4XGCRA9TVsSAnZWagAAPkQP/RpUMfaRVvBMEfTXOqxt\nfp/OKqVVxCz8p/F1DeknxbnrUFPDjsFwyibZYKUoLq2P2SdGrHyKv0tp4q1v\ncofJK4tjeCvT950FjFjMQ8oVWaw5xoqiRWjVFF3CtiK7Joq53n3qLpCQOXFN\nb/XDZex8qOXoLdxPcXOoMs6P82EKZkSxNuveCHUxYFaqv3dzm3t4e+Frlwji\n/vz3XleJdz2oDl+DwABAcGm6KjFmMYQq/vZyR6V31PKiez6gXvLyRwP+DzrI\nNHmSuMBdyffXxMA0OnWNJKUVyBu0GhxjVGd2olLHlBnrWlPD78sn7HcLchD3\njfjEwgywokLEryuHF6PUe9Y2nSj1f4Nt5APPJpvW3pz0A0I33c7mH1rJT1tW\nrhDsDL3N6EmqhvaqGp1SQJR11Ya2oPgU+Eq5naTv+F25gISRZdsrXa1kadFv\noim5+YEMdAm7793r0fn0vzCK/lag13M/gimlLJstDt106dXryK54nQzfSQL2\nlJ7/qC4+Iwf5vRQvRpZfhoYZ6gpiIkkL0dewsTqw1VVnetz6YHUG60dKv+ix\nPZDCsaHx+vS3lV+prjnEtr9fQZC/qYNue/tzNuTIoOyhUKdDnEvQCSNgWM9o\nFFr+vlvyw5CPAgeCZmvXxi8eYGq/HhgS6/SrArKs+a32xB6BKK+CgrAqHT+z\nFPxi\r\n=VGE5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAb8Q4gLS0LuofRtJokBFxBh+Lt1nZj2SIdNf371JhMyAiEA8XqQE+FC1f9Q5qihFTZ6vWNlY/QJ+ZeqecBr3u2lWow="}]},"_npmUser":{"name":"aamodtgroup","email":"kasper@aamodt.xyz"},"directories":{},"maintainers":[{"name":"aamodtgroup","email":"kasper@aamodt.xyz"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-mailchimp-form_1.0.1_1613727173632_0.2090065696487602"},"_hasShrinkwrap":false}},"time":{"created":"2021-02-17T18:35:44.500Z","1.0.0":"2021-02-17T18:35:44.688Z","modified":"2022-04-04T10:55:09.271Z","1.0.1":"2021-02-19T09:32:53.759Z"},"maintainers":[{"email":"kasper.aamodt@icloud.com","name":"kasperaamodt"}],"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\r\nIt provides an easy-to configure component to add a mailchimp form to your react project\r\n\r\n# Install \r\n\r\n```npm\r\nnpm install react-mailchimp-form\r\n```\r\n\r\nBe sure to include the --save option to add this as a dependency in your application's package.json\r\n\r\n# Usage \r\n\r\nFirst you have to configure your Mailchimp account:\r\n\r\n1. Create a new account or use an existing one\r\n2. Add a new list or use an existing one\r\n3. Personalize the fields on your list on \"Settings > List Fieds\"\r\n4. Copy the HTML and extract the action from \"Signup Forms > Embedded forms\"\r\n\r\nThe action URL will look like this:\r\n```\r\nhttps://<YOUR-USER>.us16.list-manage.com/subscribe/post?u=XXXXXXXXXXXXX&amp;id=XXXXXX\r\n```\r\nWe will use this URL to configure the component\r\n\r\n\r\n```js\r\nimport React, { Component } from 'react';\r\n// import the component\r\nimport Mailchimp from 'react-mailchimp-form'\r\n\r\nclass App extends Component {\r\n  render() {\r\n    return (\r\n        <Mailchimp\r\n        action='https://<YOUR-USER>.us16.list-manage.com/subscribe/post?u=XXXXXXXXXXXXX&amp;id=XXXXXX'\r\n        fields={[\r\n          {\r\n            name: 'EMAIL',\r\n            placeholder: 'Email',\r\n            type: 'email',\r\n            required: true\r\n          }\r\n        ]}\r\n        />\r\n    );\r\n  }\r\n}\r\n\r\nexport default App;\r\n```\r\n\r\n# Options\r\n\r\n### Multiple fields\r\nYou can add all the fields you need for your Mailchimp form, just remember you have to configure them on \"Settings > List Fields\"\r\n\r\n### Messages\r\nPersonalize or change the message language by default\r\n\r\n### ClassName\r\nAdd a personalized class to personalize your form\r\n\r\n```js\r\n  <Mailchimp\r\n  action='https://<YOUR-USER>.us16.list-manage.com/subscribe/post?u=XXXXXXXXXXXXX&amp;id=XXXXXX' \r\n  \r\n  //Adding multiple fields:\r\n  fields={[\r\n    {\r\n      name: 'EMAIL',\r\n      placeholder: 'Email',\r\n      type: 'email',\r\n      required: true\r\n    },\r\n    {\r\n      name: 'FNAME',\r\n      placeholder: 'name',\r\n      type: 'text',\r\n      required: true\r\n    }\r\n  ]}\r\n  // Change predetermined language\r\n  messages = {\r\n    {\r\n      sending: \"Sending...\",\r\n      success: \"Thank you for subscribing!\",\r\n      error: \"An unexpected internal error has occurred.\",\r\n      empty: \"You must write an e-mail.\",\r\n      duplicate: \"Too many subscribe attempts for this email address\",\r\n      button: \"Subscribe!\"\r\n    }\r\n  }\r\n  // Add a personalized class\r\n  className='<YOUR_CLASSNAME>'\r\n  />\r\n\r\n```\r\n\r\n# Demo\r\nCheck here: [react-mailchimp-form](https://arepa-dev.github.io/reactMailchimp/)\r\n\r\n# Contributing\r\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/)\r\n\r\n# License\r\nReact-mailchimp-form is released under the [MIT License](https://opensource.org/licenses/MIT).\r\n","readmeFilename":"README.md"}