{"_id":"@cardknox/react-ifields","_rev":"28-576e4440c262fbe96d8040db95e93183","name":"@cardknox/react-ifields","dist-tags":{"beta":"2.2.76-beta","latest":"2.2.86"},"versions":{"1.0.0":{"name":"@cardknox/react-ifields","version":"1.0.0","keywords":["react","cardknox","ifield","ifields","payment","credit card","gateway"],"author":{"email":"info@cardknox.com"},"license":"MIT","_id":"@cardknox/react-ifields@1.0.0","maintainers":[{"name":"mweiszdev","email":"devops@cardknox.com"},{"name":"mweisz-ck","email":"mweisz@cardknox.com"},{"name":"mstein-ck","email":"mstein@cardknox.com"},{"name":"ymwymw","email":"ymwymw@gmail.com"}],"homepage":"https://github.com/cardknox/react-cardknox-ifields#readme","bugs":{"url":"https://www.cardknox.com/contact/","email":"developersupport@cardknox.com"},"dist":{"shasum":"f57e44c2b498120780c84608447c78f654d2b9f6","tarball":"https://registry.npmjs.org/@cardknox/react-ifields/-/react-ifields-1.0.0.tgz","fileCount":5,"integrity":"sha512-eBzMKrv29t6OJ5zcQs6ZspImeBrtsFz/OvoJQl1osWb+TcXVjlUOZTeqS42Nj/Lv/SXAmMTv8WF/mHN6DOQYdA==","signatures":[{"sig":"MEYCIQC8xYrBVGyvr89wLL7sLWJK7mvAFYCIaNeI8mS88uph8QIhAJVHM70AaxpzdvwwemmRgMD1jgviBXZkKJThCk+fnE24","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37423,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL7AiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpz4Q/+LhBX5JGrc0P9AMRCVu89IvM4oQccm+3xuCxipY1qvuoBDksc\r\nwSAYR7Mfo3W62wcttGIAaODX/kBvy/FiwsXILY17173LKL0iVsNDuKjBTKR5\r\nQkcXnL9l3tfYnPyUAPIevMk49GCBqNkImgEOtpQp56zfvqzR2uFEybj8HC0G\r\nyTj9xtCsReimYI1Ym/6p6Eq6/bnvdmgMlaUKSqPSoQmgCwr7PVaPktpagUdh\r\nruy6ajRJZmMw4bnW10ku5VawZwzQUB9fcqZxHP8MdBHW9uX8PjAR6vErWbzq\r\nDE//FTJUonunYrPOvXylzIt2e6C7uqIJfKGU6PKtkrK2LMeqYhoJe3WnpeDm\r\nG0W0uhZkw32+0h5xUtWHNgB5kRnd08mKivpBeZJb0cdnJuIZ5xQHC0sj048Q\r\nQ0Gml8xEgmcWiRdpEKMM8SL+KAL7XBpfir5PlG62IIvaPLikyry5X6E+ib3f\r\nloICWvcDscRnHhEzmifWugx/u6zd4qv+ZNlgLXlDqrbqDfJc58YEVlAW9MTs\r\n9F7V3SjYcftDuT9+DMf5AiQYl0N/JBBGJZXXD/QlG5cf0BBGvXi9AkzInk5g\r\nd2U0pzTMnSp47td7L6EJ671YGahhqrGfLf/v091Rx4JdnAAWbegWB/1pCNeU\r\nRlj19cMxVkkny7W7VTVkEuttQpJWjT/oF7A=\r\n=6XIn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"webpack","start":"webpack --watch"},"_npmUser":{"name":"mstein-ck","email":"mstein@cardknox.com"},"repository":{"url":"git+https://github.com/cardknox/react-cardknox-ifields.git","type":"git"},"_npmVersion":"6.14.6","description":"A React component for Cardknox iFields","directories":{},"_nodeVersion":"10.22.0","dependencies":{"react":"^16.8.6","webpack":"^2.6.1"},"_hasShrinkwrap":false,"devDependencies":{"babel-cli":"^6.24.1","babel-core":"^6.24.1","babel-loader":"^7.0.0","babel-preset-env":"^1.5.1","babel-plugin-transform-react-jsx":"^6.24.1","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-object-rest-spread":"^6.23.0"},"peerDependencies":{"react":"^16.8.6"},"_npmOperationalInternal":{"tmp":"tmp/react-ifields_1.0.0_1647292450022_0.20968265383897355","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@cardknox/react-ifields","version":"1.0.1","keywords":["react","cardknox","ifield","ifields","payment","credit card","gateway"],"author":{"email":"info@cardknox.com"},"license":"MIT","_id":"@cardknox/react-ifields@1.0.1","maintainers":[{"name":"mweisz-ck","email":"mweisz@cardknox.com"},{"name":"mstein-ck","email":"mstein@cardknox.com"},{"name":"ymwymw","email":"ymwymw@gmail.com"}],"homepage":"https://github.com/cardknox/react-cardknox-ifields#readme","bugs":{"url":"https://www.cardknox.com/contact/","email":"developersupport@cardknox.com"},"dist":{"shasum":"3e280afe4f658a57f679b9da8122a093c4ac4a0d","tarball":"https://registry.npmjs.org/@cardknox/react-ifields/-/react-ifields-1.0.1.tgz","fileCount":6,"integrity":"sha512-CM32JyWUbd27D+2ANSLiGpigWArxdnLEb4i/Dg5fgnaANaLsmh3hmC4XM22LySBsLbRkcIo2TBfI0DMxoB6YUA==","signatures":[{"sig":"MEUCIQDBZGgMSyYWDHCqyQv6aC6OO4JyC4+4BFd4BmrLNgiQZQIgOyU984Q3fWMfnjrB2a7sqi6qEAeONwHkSKxqW9TpdIs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":30411,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKiPRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrVzA//XCpd09Ieah22FfVzehrnQSDJrYSbKKXrQ8mjbcpmD4fBbj9/\r\nuQMCXhQwAbp7163gS9h0hfZtP4KQfQHF/dMUCtI1ortqkAakHN+Zw6xh7rgK\r\nmyJF1xCxdyauGi2btHAeRLUQTubfu5PUQQW6OmGmo4Ocww+7yDU65aKNIERM\r\ny6UtgGXQ4oL3CoXdMJzkCPOfAKI90QTTyIPg2FF7bCTS28uZDthP/MTS3mQt\r\nOCEwzrGpm8TDUIwTxJjWqmQIJGVd/NAN5OQB3UIQ9juhRh0/ej2VutYVk6XG\r\nwEuGD+ec1gdgVzh4PfpKlH2qJu/01KXaJE2iIUSu8En66+xu0pp8S/g2zugL\r\nJyghm0SATTHfewiy9bAqoTc5AV/cto5oUmWIdK4DWocvkt1ut1i5pyhxSVoQ\r\nWmt3bzv+YJWwmv4ZYSTNRgiwnTV2E7fVuqOEzQuqOOisSG8XqeW9Bk/wW6d4\r\nILKhq1I1WN836bJ+uzUSUpOu1WFVLr4HLPjq/bjd2Qcgwtebu27oq7z0XJEz\r\nuy10J2clw2Whv9ErnXEJjjoxI/tODNdPmZW+9WGEjcOAqU6/JXv6YQ1uvyYY\r\nGl4nxs8J4qO1fT1F6b8ZmGRB5F7EBhk6G6e6MMEF6BRSjRN+6mfQ+ZCyCvxN\r\nuym/uroEAu6pkO7oHY/w6fOMBtr1gIcrxNs=\r\n=x3Kx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","gitHead":"041ae8f0483b2a708f54e571f2bac8d0b296961f","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"webpack","start":"webpack --watch"},"_npmUser":{"name":"mstein-ck","email":"mstein@cardknox.com"},"repository":{"url":"git+https://github.com/cardknox/react-cardknox-ifields.git","type":"git"},"_npmVersion":"8.5.5","description":"A React component for Cardknox iFields","directories":{},"_nodeVersion":"16.15.0","dependencies":{"react":"^18.2.0"},"_hasShrinkwrap":false,"devDependencies":{"webpack":"^5.74.0","@babel/core":"^7.19.1","webpack-cli":"^4.10.0","babel-loader":"^8.2.5","@babel/preset-env":"^7.19.1","@babel/preset-react":"^7.18.6","@babel/plugin-proposal-object-rest-spread":"^7.18.9"},"_npmOperationalInternal":{"tmp":"tmp/react-ifields_1.0.1_1663706065318_0.3942913286528933","host":"s3://npm-registry-packages"}},"2.2.60-beta.1":{"name":"@cardknox/react-ifields","version":"2.2.60-beta.1","keywords":["react","cardknox","ifield","ifields","payment","credit card","gateway","apple pay"],"author":{"name":"Cardknox Development Team","email":"info@cardknox.com"},"license":"MIT","_id":"@cardknox/react-ifields@2.2.60-beta.1","maintainers":[{"name":"sergealt","email":"sergealt@hotmail.com"},{"name":"rezwan-ck","email":"rezwan@cardknox.com"},{"name":"mweisz-ck","email":"mweisz@cardknox.com"},{"name":"ymwymw","email":"ymwymw@gmail.com"}],"homepage":"https://github.com/cardknox/react-cardknox-ifields#readme","bugs":{"url":"https://www.cardknox.com/contact/","email":"developersupport@cardknox.com"},"dist":{"shasum":"cc62c4f48826d9ba6f287c37d05a7ce884efbffe","tarball":"https://registry.npmjs.org/@cardknox/react-ifields/-/react-ifields-2.2.60-beta.1.tgz","fileCount":6,"integrity":"sha512-kfnc+MbYbMz+UbV7ZiWLSub20IoltbjXpag4sLbiapqMvI0AJQCWkGjjJo0sRwIlWpQfCh8pwiNkGwgdG5XboQ==","signatures":[{"sig":"MEUCICWRB/X6ngyBJbARsV9tmcznfJCGgb96oBpiPv9iNF1rAiEAzGq7cnvkMGBEViMdTLn7Y056XBHDl1FE1fahpGpylLU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":138041},"main":"build/index.js","gitHead":"658a1b4bf3ae43eddb13cca58f15aa9993a5a064","scripts":{"build":"webpack","start":"webpack --watch"},"_npmUser":{"name":"sergealt","email":"sergealt@hotmail.com"},"repository":{"url":"git+https://github.com/cardknox/react-cardknox-ifields.git","type":"git"},"_npmVersion":"8.5.5","description":"A React component for Cardknox iFields","directories":{},"_nodeVersion":"16.14.2","dependencies":{"react":"^18.2.0","lodash":"^4.17.21","prop-types":"^15.8.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"webpack":"^5.89.0","css-loader":"^6.9.1","@babel/core":"^7.19.1","webpack-cli":"^5.1.4","babel-loader":"^8.2.5","style-loader":"^3.3.4","@babel/preset-env":"^7.19.1","@babel/preset-react":"^7.18.6","@babel/plugin-proposal-object-rest-spread":"^7.18.9"},"_npmOperationalInternal":{"tmp":"tmp/react-ifields_2.2.60-beta.1_1706294874636_0.9950632665012655","host":"s3://npm-registry-packages"}},"2.2.59":{"name":"@cardknox/react-ifields","version":"2.2.59","keywords":["react","cardknox","ifield","ifields","payment","credit card","gateway"],"author":{"name":"Cardknox Development Team","email":"info@cardknox.com"},"license":"MIT","_id":"@cardknox/react-ifields@2.2.59","maintainers":[{"name":"sergealt","email":"sergealt@hotmail.com"},{"name":"rezwan-ck","email":"rezwan@cardknox.com"},{"name":"mweisz-ck","email":"mweisz@cardknox.com"},{"name":"ymwymw","email":"ymwymw@gmail.com"}],"homepage":"https://github.com/cardknox/react-cardknox-ifields#readme","bugs":{"url":"https://www.cardknox.com/contact/","email":"developersupport@cardknox.com"},"dist":{"shasum":"06ebf2a95fa669acb8dc1904cbafa81e51f841b9","tarball":"https://registry.npmjs.org/@cardknox/react-ifields/-/react-ifields-2.2.59.tgz","fileCount":5,"integrity":"sha512-Bnlr2nfTiaj9aB1LVHLfumv+LzYFSXQ7Ve6B9wvfKaRGvxH83uy0WxrkJqm9pLTjz6sXh5UDpqejc4Vea6Kk/w==","signatures":[{"sig":"MEYCIQDaeo+GsUoSZyvaJod605Gu8qzUd+DBaykEFtEa62WMCwIhAI+wH6IHULVnuL6kWGX6fkvnnRlO33Pgq76yXfyA2Wg6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26154},"main":"build/index.js","gitHead":"29ed0791e83973f67ed0997f3ca6128e0b62b859","scripts":{"build":"webpack","start":"webpack --watch"},"_npmUser":{"name":"rezwan-ck","email":"rezwan@cardknox.com"},"repository":{"url":"git+https://github.com/cardknox/react-cardknox-ifields.git","type":"git"},"_npmVersion":"9.5.0","description":"A React component for Cardknox iFields","directories":{},"_nodeVersion":"18.15.0","dependencies":{"react":"^18.2.0","prop-types":"^15.8.1"},"_hasShrinkwrap":false,"devDependencies":{"webpack":"^5.74.0","@babel/core":"^7.19.1","webpack-cli":"^5.1.4","babel-loader":"^8.2.5","@babel/preset-env":"^7.19.1","@babel/preset-react":"^7.18.6","@babel/plugin-proposal-object-rest-spread":"^7.18.9"},"_npmOperationalInternal":{"tmp":"tmp/react-ifields_2.2.59_1706553344985_0.21542789540776908","host":"s3://npm-registry-packages"}},"2.2.60-beta.4":{"name":"@cardknox/react-ifields","version":"2.2.60-beta.4","keywords":["react","cardknox","ifield","ifields","payment","credit card","gateway","apple pay"],"author":{"name":"Cardknox Development Team","email":"info@cardknox.com"},"license":"MIT","_id":"@cardknox/react-ifields@2.2.60-beta.4","maintainers":[{"name":"sergealt","email":"sergealt@hotmail.com"},{"name":"rezwan-ck","email":"rezwan@cardknox.com"},{"name":"mweisz-ck","email":"mweisz@cardknox.com"},{"name":"ymwymw","email":"ymwymw@gmail.com"}],"homepage":"https://github.com/cardknox/react-cardknox-ifields#readme","bugs":{"url":"https://www.cardknox.com/contact/","email":"developersupport@cardknox.com"},"dist":{"shasum":"edf57776205bbdb349c99398bb088be231d35b4c","tarball":"https://registry.npmjs.org/@cardknox/react-ifields/-/react-ifields-2.2.60-beta.4.tgz","fileCount":6,"integrity":"sha512-+ZQHR1IXvCQFXo745QQ0zd71O/Du+fWnNQ7S5M4qmhd4+4ll1HiEpDZX71K/kqRPKu+1cINwuKm6Omjw3IbWUw==","signatures":[{"sig":"MEQCIBJa0eqE0HY9W0vsm6qqVbUu1Ba31d6guXZfHg0jDieXAiAS/st2YxpH4118ly+xFfrUcKIirdYGyB8pen+HIcY4Zg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":138166},"main":"build/index.js","gitHead":"658a1b4bf3ae43eddb13cca58f15aa9993a5a064","scripts":{"build":"webpack","start":"webpack --watch"},"_npmUser":{"name":"sergealt","email":"sergealt@hotmail.com"},"repository":{"url":"git+https://github.com/cardknox/react-cardknox-ifields.git","type":"git"},"_npmVersion":"8.5.5","description":"A React component for Cardknox iFields","directories":{},"_nodeVersion":"16.14.2","dependencies":{"react":"^18.2.0","lodash":"^4.17.21","prop-types":"^15.8.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"webpack":"^5.89.0","css-loader":"^6.9.1","@babel/core":"^7.19.1","webpack-cli":"^5.1.4","babel-loader":"^8.2.5","style-loader":"^3.3.4","@babel/preset-env":"^7.19.1","@babel/preset-react":"^7.18.6","@babel/plugin-proposal-object-rest-spread":"^7.18.9","@babel/plugin-transform-private-property-in-object":"^7.18.9"},"_npmOperationalInternal":{"tmp":"tmp/react-ifields_2.2.60-beta.4_1706716947826_0.0020275084010155098","host":"s3://npm-registry-packages"}},"2.2.60":{"name":"@cardknox/react-ifields","version":"2.2.60","keywords":["react","cardknox","ifield","ifields","payment","credit card","gateway","apple pay"],"author":{"name":"Cardknox Development Team","email":"info@cardknox.com"},"license":"MIT","_id":"@cardknox/react-ifields@2.2.60","maintainers":[{"name":"sergealt","email":"sergealt@hotmail.com"},{"name":"rezwan-ck","email":"rezwan@cardknox.com"},{"name":"mweisz-ck","email":"mweisz@cardknox.com"},{"name":"ymwymw","email":"ymwymw@gmail.com"}],"homepage":"https://github.com/cardknox/react-cardknox-ifields#readme","bugs":{"url":"https://www.cardknox.com/contact/","email":"developersupport@cardknox.com"},"dist":{"shasum":"dcc9dbcc8b78fcdaa7ee2b098b3c46d5dcb9f562","tarball":"https://registry.npmjs.org/@cardknox/react-ifields/-/react-ifields-2.2.60.tgz","fileCount":6,"integrity":"sha512-wGgz6Uitttx12YE44aUdsWJ6FSJUNnHI9bUsSv0yFfNTc8JrtMeK2zfKxc87OywSBl/CeJLwIQFxThdX2/8pDg==","signatures":[{"sig":"MEQCIDYv4iJELxXNk1LK2uQ7Bqx5SMN5tT101ICYvDWvG96EAiAWPIiItjpCXYRoU6Po1N/bdIbgR9fQJQgJndSX7yIkjg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":139602},"main":"build/index.js","gitHead":"d47eb0fb30e94c72ae28360c0e7f6273150607b4","scripts":{"build":"webpack","start":"webpack --watch"},"_npmUser":{"name":"rezwan-ck","email":"rezwan@cardknox.com"},"repository":{"url":"git+https://github.com/cardknox/react-cardknox-ifields.git","type":"git"},"_npmVersion":"9.5.0","description":"A React component for Cardknox iFields","directories":{},"_nodeVersion":"18.15.0","dependencies":{"react":"^18.2.0","prop-types":"^15.8.1"},"_hasShrinkwrap":false,"devDependencies":{"lodash":"^4.17.21","webpack":"^5.89.0","css-loader":"^6.9.1","@babel/core":"^7.19.1","webpack-cli":"^5.1.4","babel-loader":"^8.2.5","style-loader":"^3.3.4","@babel/preset-env":"^7.19.1","@babel/preset-react":"^7.18.6","@babel/plugin-proposal-object-rest-spread":"^7.18.9","@babel/plugin-transform-private-property-in-object":"^7.18.9"},"_npmOperationalInternal":{"tmp":"tmp/react-ifields_2.2.60_1709046074779_0.2074222782472075","host":"s3://npm-registry-packages"}},"2.2.62":{"name":"@cardknox/react-ifields","version":"2.2.62","keywords":["react","cardknox","ifield","ifields","payment","credit card","gateway","apple pay"],"author":{"name":"Cardknox Development Team","email":"info@cardknox.com"},"license":"MIT","_id":"@cardknox/react-ifields@2.2.62","maintainers":[{"name":"mstein-ck","email":"mstein@cardknox.com"},{"name":"sergealt","email":"sergealt@hotmail.com"},{"name":"rezwan-ck","email":"rezwan@cardknox.com"},{"name":"mweisz-ck","email":"mweisz@cardknox.com"},{"name":"ymwymw","email":"ymwymw@gmail.com"}],"homepage":"https://github.com/cardknox/react-cardknox-ifields#readme","bugs":{"url":"https://www.cardknox.com/contact/","email":"developersupport@cardknox.com"},"dist":{"shasum":"a7fc611fa1eb34ca5b265f8ef24fb7dcbb2ef84e","tarball":"https://registry.npmjs.org/@cardknox/react-ifields/-/react-ifields-2.2.62.tgz","fileCount":6,"integrity":"sha512-TS3cOKu3ZfjhF+Zi8nxb0yQ9FO0gusW1ztd58yN3p7AEx7LPswm5XrJU1RbbV2nw4WOCNXLMxcS24OuTyXaFYQ==","signatures":[{"sig":"MEUCIHBxAln0hbe8v1LWxhw+OhLItHukykrQBNI+jZnNM+UQAiEAhyeWOOfXZ27KGI2wy4Tt8yoFChMvA4XGgr/llgSo4nI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":139864},"main":"build/index.js","gitHead":"0498f88dab9b28f1d5bd358554c040f2a886375e","scripts":{"build":"webpack","start":"webpack --watch"},"_npmUser":{"name":"rezwan-ck","email":"rezwan@cardknox.com"},"repository":{"url":"git+https://github.com/cardknox/react-cardknox-ifields.git","type":"git"},"_npmVersion":"9.5.0","description":"A React component for Cardknox iFields","directories":{},"_nodeVersion":"18.15.0","dependencies":{"react":"^18.2.0","prop-types":"^15.8.1"},"_hasShrinkwrap":false,"devDependencies":{"lodash":"^4.17.21","webpack":"^5.89.0","css-loader":"^6.9.1","@babel/core":"^7.19.1","webpack-cli":"^5.1.4","babel-loader":"^8.2.5","style-loader":"^3.3.4","@babel/preset-env":"^7.19.1","@babel/preset-react":"^7.18.6","@babel/plugin-proposal-object-rest-spread":"^7.18.9","@babel/plugin-transform-private-property-in-object":"^7.18.9"},"_npmOperationalInternal":{"tmp":"tmp/react-ifields_2.2.62_1717435627854_0.46508950395063775","host":"s3://npm-registry-packages"}},"2.2.75-beta.0":{"name":"@cardknox/react-ifields","version":"2.2.75-beta.0","keywords":["react","cardknox","ifield","ifields","payment","credit card","gateway","apple pay"],"author":{"name":"Cardknox Development Team","email":"info@cardknox.com"},"license":"MIT","_id":"@cardknox/react-ifields@2.2.75-beta.0","maintainers":[{"name":"mweisz-ck","email":"mweisz@cardknox.com"},{"name":"ymwymw","email":"ymwymw@gmail.com"},{"name":"rezwan-ck","email":"rezwan@cardknox.com"},{"name":"sergealt","email":"sergealt@hotmail.com"},{"name":"mstein-ck","email":"mstein@cardknox.com"}],"homepage":"https://github.com/cardknox/react-cardknox-ifields#readme","bugs":{"url":"https://www.cardknox.com/contact/","email":"developersupport@cardknox.com"},"dist":{"shasum":"9dec2d4d0aed88f84fd06af9e1990884a75c8b8a","tarball":"https://registry.npmjs.org/@cardknox/react-ifields/-/react-ifields-2.2.75-beta.0.tgz","fileCount":6,"integrity":"sha512-r1d5+/krRmDEH69EsPkJ8v20IK4DuqbG7IlpCjAmkjHqsOFMqI01PGwIO71dUAEqttrpiUCEBQC6hWpTFKLuYQ==","signatures":[{"sig":"MEQCIFzOBdCt7fq7861EvdKqOSP+IoGk4SegC3hyOB/ejtYEAiB6EHoM/cpVyCzADm4vUIdLzbXDn3PsXVOJS2Nt3fGHHQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":140690},"main":"build/index.js","gitHead":"ce5a74b11767ddf1eccc743af5a73bb78df09c81","scripts":{"build":"webpack","start":"webpack --watch"},"_npmUser":{"name":"mstein-ck","email":"mstein@cardknox.com"},"repository":{"url":"git+https://github.com/cardknox/react-cardknox-ifields.git","type":"git"},"_npmVersion":"10.9.2","description":"A React component for Cardknox iFields","directories":{},"_nodeVersion":"23.10.0","dependencies":{"react":"^18.2.0","prop-types":"^15.8.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"lodash":"^4.17.21","webpack":"^5.89.0","css-loader":"^6.9.1","@babel/core":"^7.19.1","webpack-cli":"^5.1.4","babel-loader":"^8.2.5","style-loader":"^3.3.4","@babel/preset-env":"^7.19.1","@babel/preset-react":"^7.18.6","@babel/plugin-proposal-object-rest-spread":"^7.18.9","@babel/plugin-transform-private-property-in-object":"^7.18.9"},"_npmOperationalInternal":{"tmp":"tmp/react-ifields_2.2.75-beta.0_1744304083132_0.6704177504822006","host":"s3://npm-registry-packages-npm-production"}},"2.2.75-beta.1":{"name":"@cardknox/react-ifields","version":"2.2.75-beta.1","keywords":["react","cardknox","ifield","ifields","payment","credit card","gateway","apple pay"],"author":{"name":"Cardknox Development Team","email":"info@cardknox.com"},"license":"MIT","_id":"@cardknox/react-ifields@2.2.75-beta.1","maintainers":[{"name":"mweisz-ck","email":"mweisz@cardknox.com"},{"name":"ymwymw","email":"ymwymw@gmail.com"},{"name":"rezwan-ck","email":"rezwan@cardknox.com"},{"name":"sergealt","email":"sergealt@hotmail.com"},{"name":"mstein-ck","email":"mstein@cardknox.com"}],"homepage":"https://github.com/cardknox/react-cardknox-ifields#readme","bugs":{"url":"https://www.cardknox.com/contact/","email":"developersupport@cardknox.com"},"dist":{"shasum":"320ef9b4c45e5c8c62bf66793f0f775f984f0e8f","tarball":"https://registry.npmjs.org/@cardknox/react-ifields/-/react-ifields-2.2.75-beta.1.tgz","fileCount":6,"integrity":"sha512-xgpP1iyK0u9IqE+uz/hP8xus8kxz9rikpZ3M6elh4yryIKSvbvSpGBUwlPaega6IWIcs6KWdLKHDPBGGEovAlw==","signatures":[{"sig":"MEYCIQC8PBZDOZmOsbGZMiQUzNxbkiO1OHMMtOTr1WzyW2FPmwIhAJsJ2TJptGLGj6bO+P3Yrw+90i3fr2YsQ/SWh44Aj4WO","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":140699},"main":"build/index.js","gitHead":"40a63eeb4a50b62b161d37967823c79d93f7edb9","scripts":{"build":"webpack","start":"webpack --watch"},"_npmUser":{"name":"mstein-ck","email":"mstein@cardknox.com"},"repository":{"url":"git+https://github.com/cardknox/react-cardknox-ifields.git","type":"git"},"_npmVersion":"10.9.2","description":"A React component for Cardknox iFields","directories":{},"_nodeVersion":"23.10.0","dependencies":{"react":"^18.2.0","prop-types":"^15.8.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"lodash":"^4.17.21","webpack":"^5.89.0","css-loader":"^6.9.1","@babel/core":"^7.19.1","webpack-cli":"^5.1.4","babel-loader":"^8.2.5","style-loader":"^3.3.4","@babel/preset-env":"^7.19.1","@babel/preset-react":"^7.18.6","@babel/plugin-proposal-object-rest-spread":"^7.18.9","@babel/plugin-transform-private-property-in-object":"^7.18.9"},"_npmOperationalInternal":{"tmp":"tmp/react-ifields_2.2.75-beta.1_1745512288750_0.366914001772336","host":"s3://npm-registry-packages-npm-production"}},"2.2.75-beta.2":{"name":"@cardknox/react-ifields","version":"2.2.75-beta.2","keywords":["react","cardknox","ifield","ifields","payment","credit card","gateway","apple pay"],"author":{"name":"Cardknox Development Team","email":"info@cardknox.com"},"license":"MIT","_id":"@cardknox/react-ifields@2.2.75-beta.2","maintainers":[{"name":"mweisz-ck","email":"mweisz@cardknox.com"},{"name":"ymwymw","email":"ymwymw@gmail.com"},{"name":"rezwan-ck","email":"rezwan@cardknox.com"},{"name":"sergealt","email":"sergealt@hotmail.com"},{"name":"mstein-ck","email":"mstein@cardknox.com"}],"homepage":"https://github.com/cardknox/react-cardknox-ifields#readme","bugs":{"url":"https://www.cardknox.com/contact/","email":"developersupport@cardknox.com"},"dist":{"shasum":"4a79159ba772b7755c627064323db98d52d7968b","tarball":"https://registry.npmjs.org/@cardknox/react-ifields/-/react-ifields-2.2.75-beta.2.tgz","fileCount":6,"integrity":"sha512-vh//XZOsk5dLkouYBMEh48AHRSQHUvv69UkT9j3uHYv/907osmGMlhBczQxaEnofWXY3dEIslB38LbAdRM+m3w==","signatures":[{"sig":"MEUCIQDmDnyzLrYJQZSVZa746zk5+tdEzb0R5XqWUY8tIM86bwIgc7NqrkCXtq+wvyTtvNa8A7Q+yfH0EhHdtx/AEgZGcgA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":140699},"main":"build/index.js","gitHead":"bc787baea19e2d61f5b53cf999f95ec698b47549","scripts":{"build":"webpack","start":"webpack --watch"},"_npmUser":{"name":"mstein-ck","email":"mstein@cardknox.com"},"repository":{"url":"git+https://github.com/cardknox/react-cardknox-ifields.git","type":"git"},"_npmVersion":"10.9.2","description":"A React component for Cardknox iFields","directories":{},"_nodeVersion":"23.10.0","dependencies":{"react":"^18.2.0","prop-types":"^15.8.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"lodash":"^4.17.21","webpack":"^5.89.0","css-loader":"^6.9.1","@babel/core":"^7.19.1","webpack-cli":"^5.1.4","babel-loader":"^8.2.5","style-loader":"^3.3.4","@babel/preset-env":"^7.19.1","@babel/preset-react":"^7.18.6","@babel/plugin-proposal-object-rest-spread":"^7.18.9","@babel/plugin-transform-private-property-in-object":"^7.18.9"},"_npmOperationalInternal":{"tmp":"tmp/react-ifields_2.2.75-beta.2_1745512989383_0.26918411734454684","host":"s3://npm-registry-packages-npm-production"}},"2.2.76-beta":{"name":"@cardknox/react-ifields","version":"2.2.76-beta","keywords":["react","cardknox","ifield","ifields","payment","credit card","gateway","apple pay"],"author":{"name":"Cardknox Development Team","email":"info@cardknox.com"},"license":"MIT","_id":"@cardknox/react-ifields@2.2.76-beta","maintainers":[{"name":"mweisz-ck","email":"mweisz@cardknox.com"},{"name":"ymwymw","email":"ymwymw@gmail.com"},{"name":"rezwan-ck","email":"rezwan@cardknox.com"},{"name":"sergealt","email":"sergealt@hotmail.com"},{"name":"mstein-ck","email":"mstein@cardknox.com"}],"homepage":"https://github.com/cardknox/react-cardknox-ifields#readme","bugs":{"url":"https://www.cardknox.com/contact/","email":"developersupport@cardknox.com"},"dist":{"shasum":"b9a5aa78dc81b3e68c52dc8308be82292ba31c0d","tarball":"https://registry.npmjs.org/@cardknox/react-ifields/-/react-ifields-2.2.76-beta.tgz","fileCount":6,"integrity":"sha512-id/GIVNQivIJZdRtTP9vjJXbPlAN1jVtXpLz8qnCkQuKdDc5s9hBTA3cHpfJ95uwMGbX965g6O9rH2amYo3kaA==","signatures":[{"sig":"MEYCIQCWYKtBtmSP1KP3Ze47kwU6iaLPGBACugGmgn2eX7bR9AIhAKjWFStBNHDqHntRkKElMiP49xrzF+O0QnVKq0XdB7DS","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":140209},"main":"build/index.js","gitHead":"44b25cf984cb629049457860e51df4483ba256b6","scripts":{"build":"webpack","start":"webpack --watch"},"_npmUser":{"name":"mstein-ck","email":"mstein@cardknox.com"},"repository":{"url":"git+https://github.com/cardknox/react-cardknox-ifields.git","type":"git"},"_npmVersion":"10.9.2","description":"A React component for Cardknox iFields","directories":{},"_nodeVersion":"23.10.0","dependencies":{"react":"^18.2.0","prop-types":"^15.8.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"lodash":"^4.17.21","webpack":"^5.89.0","css-loader":"^6.9.1","@babel/core":"^7.19.1","webpack-cli":"^5.1.4","babel-loader":"^8.2.5","style-loader":"^3.3.4","@babel/preset-env":"^7.19.1","@babel/preset-react":"^7.18.6","@babel/plugin-proposal-object-rest-spread":"^7.18.9","@babel/plugin-transform-private-property-in-object":"^7.18.9"},"_npmOperationalInternal":{"tmp":"tmp/react-ifields_2.2.76-beta_1747777113726_0.8133339378373274","host":"s3://npm-registry-packages-npm-production"}},"2.2.75":{"name":"@cardknox/react-ifields","version":"2.2.75","keywords":["react","cardknox","ifield","ifields","payment","credit card","gateway","apple pay"],"author":{"name":"Cardknox Development Team","email":"info@cardknox.com"},"license":"MIT","_id":"@cardknox/react-ifields@2.2.75","maintainers":[{"name":"mweisz-ck","email":"mweisz@cardknox.com"},{"name":"ymwymw","email":"ymwymw@gmail.com"},{"name":"rezwan-ck","email":"rezwan@cardknox.com"},{"name":"sergealt","email":"sergealt@hotmail.com"},{"name":"mstein-ck","email":"mstein@cardknox.com"}],"homepage":"https://github.com/cardknox/react-cardknox-ifields#readme","bugs":{"url":"https://www.cardknox.com/contact/","email":"developersupport@cardknox.com"},"dist":{"shasum":"87ef2d2f4b8aea6c69f152d56bfa3adbb1ba085f","tarball":"https://registry.npmjs.org/@cardknox/react-ifields/-/react-ifields-2.2.75.tgz","fileCount":6,"integrity":"sha512-o467sfKUwN0Sx4UR14uZFs+j8AFiLWClwkdrVoQhNK503XPOndGyOjcZdfwjZrvAuD/z5IcgluGrTfLrHvJp3Q==","signatures":[{"sig":"MEUCIQCraVG+fFYbU5IOO0dJuVCkY55v+5LGRq/TQUdWTFZ2kAIgIeRy/AfXsdXfb37qzLVyZs77lXwQC5zf236keAhbJ7s=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":140718},"main":"build/index.js","gitHead":"5c6261f67324f5a18f142b7b76d67c19ebe561aa","scripts":{"build":"webpack","start":"webpack --watch"},"_npmUser":{"name":"rezwan-ck","email":"rezwan@cardknox.com"},"repository":{"url":"git+https://github.com/cardknox/react-cardknox-ifields.git","type":"git"},"_npmVersion":"9.5.0","description":"A React component for Cardknox iFields","directories":{},"_nodeVersion":"18.15.0","dependencies":{"react":"^18.2.0","prop-types":"^15.8.1"},"_hasShrinkwrap":false,"devDependencies":{"lodash":"^4.17.21","webpack":"^5.89.0","css-loader":"^6.9.1","@babel/core":"^7.19.1","webpack-cli":"^5.1.4","babel-loader":"^8.2.5","style-loader":"^3.3.4","@babel/preset-env":"^7.19.1","@babel/preset-react":"^7.18.6","@babel/plugin-proposal-object-rest-spread":"^7.18.9","@babel/plugin-transform-private-property-in-object":"^7.18.9"},"_npmOperationalInternal":{"tmp":"tmp/react-ifields_2.2.75_1748453057338_0.21302739329004106","host":"s3://npm-registry-packages-npm-production"}},"2.2.76":{"name":"@cardknox/react-ifields","version":"2.2.76","keywords":["react","cardknox","ifield","ifields","payment","credit card","gateway","apple pay"],"author":{"name":"Cardknox Development Team","email":"info@cardknox.com"},"license":"MIT","_id":"@cardknox/react-ifields@2.2.76","maintainers":[{"name":"mweisz-ck","email":"mweisz@cardknox.com"},{"name":"ymwymw","email":"ymwymw@gmail.com"},{"name":"rezwan-ck","email":"rezwan@cardknox.com"},{"name":"sergealt","email":"sergealt@hotmail.com"},{"name":"mstein-ck","email":"mstein@cardknox.com"}],"homepage":"https://github.com/cardknox/react-cardknox-ifields#readme","bugs":{"url":"https://www.cardknox.com/contact/","email":"developersupport@cardknox.com"},"dist":{"shasum":"8f77dd11ddad949c780290a73d98ad81e519f3e8","tarball":"https://registry.npmjs.org/@cardknox/react-ifields/-/react-ifields-2.2.76.tgz","fileCount":6,"integrity":"sha512-gdemdx9YQ2cRr5pq2gHTIAETBKec6ttscV/6PEQhkDkzjk/RAbmcvMXl998uWT5UM0M+c4knTCJLZeSN3RsKXQ==","signatures":[{"sig":"MEUCICNgNHrWnKn+SDJYQbqTpVnfQALPlo7xM0aIByt6BOBTAiEA23+4wCX64mhuAEiyVtA6CaLn3vdisf8nN7GJ0IOjl00=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":140178},"main":"build/index.js","gitHead":"1207ed910d4165ae0a582ff8b61eee7c4ccee292","scripts":{"build":"webpack","start":"webpack --watch"},"_npmUser":{"name":"rezwan-ck","email":"rezwan@cardknox.com"},"repository":{"url":"git+https://github.com/cardknox/react-cardknox-ifields.git","type":"git"},"_npmVersion":"9.5.0","description":"A React component for Cardknox iFields","directories":{},"_nodeVersion":"18.15.0","dependencies":{"react":"^18.2.0","prop-types":"^15.8.1"},"_hasShrinkwrap":false,"devDependencies":{"lodash":"^4.17.21","webpack":"^5.89.0","css-loader":"^6.9.1","@babel/core":"^7.19.1","webpack-cli":"^5.1.4","babel-loader":"^8.2.5","style-loader":"^3.3.4","@babel/preset-env":"^7.19.1","@babel/preset-react":"^7.18.6","@babel/plugin-proposal-object-rest-spread":"^7.18.9","@babel/plugin-transform-private-property-in-object":"^7.18.9"},"_npmOperationalInternal":{"tmp":"tmp/react-ifields_2.2.76_1749560860869_0.3036553380358289","host":"s3://npm-registry-packages-npm-production"}},"2.2.86":{"name":"@cardknox/react-ifields","version":"2.2.86","description":"A React component for Cardknox iFields","license":"MIT","main":"build/index.js","dependencies":{"prop-types":"^15.8.1","react":"^18.3.1"},"scripts":{"start":"webpack --watch","build":"webpack"},"author":{"name":"Cardknox Development Team","email":"info@cardknox.com"},"bugs":{"url":"https://www.cardknox.com/contact/","email":"developersupport@cardknox.com"},"repository":{"type":"git","url":"git+https://github.com/cardknox/react-cardknox-ifields.git"},"devDependencies":{"@babel/core":"^7.29.0","@babel/plugin-proposal-object-rest-spread":"^7.20.7","@babel/plugin-transform-private-property-in-object":"^7.28.6","@babel/preset-env":"^7.29.0","@babel/preset-react":"^7.28.5","babel-loader":"^8.4.1","css-loader":"^6.11.0","lodash":"^4.17.23","style-loader":"^3.3.4","webpack":"^5.105.2","webpack-cli":"^5.1.4"},"keywords":["react","cardknox","ifield","ifields","payment","credit card","gateway","apple pay"],"gitHead":"345fbdc6e7c799985e256c55e555daa5d027d25b","homepage":"https://github.com/cardknox/react-cardknox-ifields#readme","_id":"@cardknox/react-ifields@2.2.86","_nodeVersion":"18.15.0","_npmVersion":"9.5.0","dist":{"integrity":"sha512-t0hyHbtLvho0iml78Tvej2qc3LeKGo+9NRG4PuK2hhKKpmKaOn/BAFRYLF70HvghzGE9PDth16AvMkpHyef2nA==","shasum":"4067ef3feeb89c961829fc326dc758eb4e5358d0","tarball":"https://registry.npmjs.org/@cardknox/react-ifields/-/react-ifields-2.2.86.tgz","fileCount":6,"unpackedSize":131989,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIAjoPutruWifUeaRnFC/BBy6PftnNPqScHYypsstHoVDAiAu5aqUOI8xoAzB9iRSFUpa0pNFIXkEWziEfJ6pgdEsTg=="}]},"_npmUser":{"name":"rezwan-ck","email":"rezwan@cardknox.com"},"directories":{},"maintainers":[{"name":"mweisz-ck","email":"mweisz@cardknox.com"},{"name":"rezwan-ck","email":"rezwan@cardknox.com"},{"name":"sergealt","email":"sergealt@hotmail.com"},{"name":"mstein-ck","email":"mstein@cardknox.com"},{"name":"solajdick","email":"jdick@solapayments.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react-ifields_2.2.86_1773687294157_0.51234219579986"},"_hasShrinkwrap":false}},"time":{"created":"2022-03-14T21:14:09.950Z","modified":"2026-03-16T18:54:54.515Z","1.0.0":"2022-03-14T21:14:10.225Z","1.0.1":"2022-09-20T20:34:25.514Z","2.2.60-beta":"2024-01-26T18:27:54.469Z","2.2.60-beta.1":"2024-01-26T18:47:54.810Z","2.2.59":"2024-01-29T18:35:45.155Z","2.2.60-beta.2":"2024-01-30T05:42:52.183Z","2.2.60-beta.3":"2024-01-30T05:58:31.808Z","2.2.60-beta.4":"2024-01-31T16:02:28.112Z","2.2.60":"2024-02-27T15:01:14.957Z","2.2.62":"2024-06-03T17:27:08.065Z","2.2.75-beta.0":"2025-04-10T16:54:43.340Z","2.2.75-beta.1":"2025-04-24T16:31:28.934Z","2.2.75-beta.2":"2025-04-24T16:43:09.575Z","2.2.76-beta":"2025-05-20T21:38:33.906Z","2.2.75":"2025-05-28T17:24:17.521Z","2.2.76":"2025-06-10T13:07:41.031Z","2.2.86":"2026-03-16T18:54:54.312Z"},"bugs":{"url":"https://www.cardknox.com/contact/","email":"developersupport@cardknox.com"},"author":{"name":"Cardknox Development Team","email":"info@cardknox.com"},"license":"MIT","homepage":"https://github.com/cardknox/react-cardknox-ifields#readme","keywords":["react","cardknox","ifield","ifields","payment","credit card","gateway","apple pay"],"repository":{"type":"git","url":"git+https://github.com/cardknox/react-cardknox-ifields.git"},"description":"A React component for Cardknox iFields","maintainers":[{"name":"mweisz-ck","email":"mweisz@cardknox.com"},{"name":"rezwan-ck","email":"rezwan@cardknox.com"},{"name":"sergealt","email":"sergealt@hotmail.com"},{"name":"mstein-ck","email":"mstein@cardknox.com"},{"name":"solajdick","email":"jdick@solapayments.com"}],"readme":"# react-ifields\r\n\r\n## A React component for Cardknox iFields\r\n\r\n---\r\n\r\n## Cardknox\r\n\r\nCardknox is a developer-friendly payment gateway integration provider for in-store, online, or mobile transactions\r\n\r\n**Sandbox:** https://www.cardknox.com/sandbox/\r\n\r\n**iFields:** https://www.cardknox.com/ifields/\r\n\r\nA sandbox or live account is required to use this component\r\n\r\n---\r\n\r\n## Usage\r\n\r\nThere are 2 basic props required to get this up and running.\r\n\r\n#### 1. Type\r\n\r\nThere are three types of payment data iFields supports:\r\n* Credit Card\r\n* CVV\r\n* ACH\r\n\r\n```\r\n    <IField type={CARD_TYPE} />\r\n```\r\n\r\nThe possible values for this property are \r\n* card\r\n* cvv\r\n* ach\r\n\r\nThese can be imported from the component\r\n\r\n```\r\nimport { CARD_TYPE, CVV_TYPE, ACH_TYPE } from '@cardknox/react-ifields';\r\n```\r\n\r\n#### 2. Account\r\nPass your [iFields key](https://www.cardknox.com/ifields/) to the component in the **account** prop like this:\r\n\r\n```\r\nexport default class App extends React.Component {\r\n  state = {\r\n    account = {\r\n      xKey: \"{Your iFields key}\",\r\n      xSoftwareName: \"{The name of your app}\",\r\n      xSoftwareVersion: \"{Your app's version}\"\r\n    }\r\n  }\r\n  render() {\r\n    return <IField account={this.state.account} />\r\n  }\r\n}\r\n```\r\n\r\n---\r\n\r\n## Events\r\n\r\nThere are 2 lifecycle events and 7 user events.\r\n\r\n---\r\n\r\n### Lifecycle events\r\n\r\n#### 1. Load\r\n\r\nIs emitted when the `iframe` has loaded\r\n\r\n```\r\n    <IField onLoad={this.onLoad} />\r\n```\r\n\r\n#### 2. Token\r\n\r\nIs emitted when a token is received from the iField\r\n\r\n```\r\n    <IField onToken={this.onToken} />\r\n```\r\n\r\n---\r\n\r\n### User events\r\n\r\nUser events are events passed along from iFields when the user interacts with it.\r\n\r\nThe available events are\r\n1. click\r\n1. dblclick\r\n1. focus\r\n1. blur\r\n1. input\r\n1. change\r\n1. keypress\r\n1. issuerupdated (CVV only)\r\n1. submit*\r\n\r\n\\* the submit event works slightly differently, see below.\r\n\r\n#### Update Event\r\n\r\nAside from submit, the above events are all collected on a single event `update`.\r\n\r\nThe event payload is in `e.data`. The data also contains the event type so you can filter out events you don't need with a `switch` statement like this:\r\n\r\n```\r\nexport default class App extends React.Component {\r\n  render() {\r\n    return <IField onUpdate={this.onUpdate} />\r\n  }\r\n  onUpdate = (data) => {\r\n    switch (data.event) {\r\n      case 'input':\r\n        console.log(\"input event received\");\r\n        break;\r\n      case 'click':\r\n        console.log(\"click event received\");\r\n        break;\r\n      default:\r\n        break;\r\n    }\r\n  }\r\n}\r\n```\r\n\r\n#### Submit Event\r\n\r\nThis event is triggered when the user submits the form (presses the Enter key) from within the iFrame.\r\n\r\nThis event works differently than other user events. \r\n* This event is only emitted if prop `options.autoSubmit` is true.\r\n* This event does not call `onUpdate`.\r\n* No data is passed along with this event.\r\n\r\n```\r\nexport default class App extends React.Component {\r\n  state = {\r\n    options: {\r\n      autoSubmit: true\r\n    }\r\n  }\r\n  render() {\r\n    return <IField options={this.state.options} onSubmit={this.onSubmit} />\r\n  }\r\n  onSubmit = () => {\r\n    //submit to server\r\n  }\r\n}\r\n```\r\n\r\nIt is also possible to have the component automatically submit the form for you when _submit_ is triggered from the iFrame.If `autoSubmitFormId` is set on the options prop, the component will call submit on the element with that ID. This is useful for smaller applications relying on the form element to handle submission.\r\n\r\n```\r\nexport default class App extends React.Component {\r\n  state = {\r\n    options: {\r\n      autoSubmit: true,\r\n      autoSubmitFormId: 'form'\r\n    }\r\n  }\r\n  render() {\r\n    return <form id=\"form\">\r\n        <IField options={this.state.options} />\r\n      </form>\r\n  }\r\n}\r\n```\r\n\r\n### Error\r\n\r\nThere is also an error event that can be subscribed to.\r\n\r\n```\r\nexport default class App extends React.Component {\r\n  render() {\r\n    return <IField onError={this.onError} />\r\n  }\r\n  onError = (data) => {\r\n    console.error(\"IFrame errored\", data);\r\n  }\r\n}\r\n```\r\n\r\n---\r\n\r\n## Actions\r\n\r\nThere are 3 actions available on this component as well\r\n\r\n### Focus\r\n\r\n`focusIfield`\r\n\r\nThis action will set the focus to the ifield when called\r\n\r\n### Clear\r\n\r\n`clearIfield`\r\n\r\nThis action will clear the data from the ifield when called\r\n\r\n### Get Token\r\n\r\n`getToken`\r\n\r\nThis action will load the token for the ifield when called.\r\n\r\n```\r\nexport default class App extends React.Component {\r\n  iFieldRef = React.createRef();\r\n  render() {\r\n    return <IField ref={this.iFieldRef} />\r\n  }\r\n  focus = () => {\r\n    this.iFieldRef.current.focusIfield();\r\n  }\r\n  clear = () => {\r\n    this.iFieldRef.current.clearIfield();\r\n  }\r\n  getToken = () => {\r\n    this.iFieldRef.current.getToken();\r\n  }\r\n}\r\n```\r\n\r\n\r\n\r\n## Props\r\n\r\n<table>\r\n    <tr>\r\n        <th>Name</th>\r\n        <th>Type</th>\r\n        <th>Description</th>\r\n        <th>Valid values</th>\r\n    </tr>\r\n    <tr>\r\n        <td>type</td>\r\n        <td>String</td>\r\n        <td>iFields type</td>\r\n        <td>\r\n            <ul>\r\n                <li>card</li>\r\n                <li>cvv</li>\r\n                <li>ach</li>\r\n            </ul>\r\n        </td>\r\n    </tr>\r\n    <tr>\r\n        <td>account</td>\r\n        <td><a href=\"\">Account</a></td>\r\n        <td></td>\r\n        <td></td>\r\n    </tr>\r\n    <tr>\r\n        <td>options</td>\r\n        <td><a href=\"\">Options</a></td>\r\n        <td></td>\r\n        <td></td>\r\n    </tr>\r\n    <tr>\r\n        <td>threeDS</td>\r\n        <td><a href=\"#ThreeDS\">ThreeDS</a></td>\r\n        <td></td>\r\n        <td></td>\r\n    </tr>\r\n    <tr>\r\n        <td>issuer</td>\r\n        <td>String</td>\r\n        <td>Card issuer</td>\r\n        <td>For cvv iField only</td>\r\n    </tr>\r\n    <tr>\r\n        <td>onLoad</td>\r\n        <td>Function</td>\r\n        <td>Called when the <code>iframe</code> loads</td>\r\n        <td></td>\r\n    </tr>\r\n    <tr>\r\n        <td>onUpdate</td>\r\n        <td>Function<<a href=\"\">Update Event Data</a>></td>\r\n        <td>Called when the iField has been updated</td>\r\n        <td></td>\r\n    </tr>\r\n    <tr>\r\n        <td>onSubmit</td>\r\n        <td>Function</td>\r\n        <td>Called when the user presses the Enter key inside the <code>iframe</code></td>\r\n        <td></td>\r\n    </tr>\r\n    <tr>\r\n        <td>onToken</td>\r\n        <td>Function<<a href=\"\">Token Data</a>></td>\r\n        <td>Called when the iField has received a token</td>\r\n        <td></td>\r\n    </tr>\r\n    <tr>\r\n        <td>onError</td>\r\n        <td>Function<<a href=\"\">Error Data</a>></td>\r\n        <td>Called when an error occurs while retrieving the token</td>\r\n        <td></td>\r\n    </tr>\r\n</table>\r\n\r\n### Account\r\n\r\n<table>\r\n    <tr>\r\n        <th>Name</th>\r\n        <th>Type</th>\r\n        <th>Description</th>\r\n    </tr>\r\n    <tr>\r\n        <td>xKey</td>\r\n        <td>String</td>\r\n        <td>iFields key</td>\r\n    </tr>\r\n    <tr>\r\n        <td>xSoftwareName</td>\r\n        <td>String</td>\r\n        <td>Software name</td>\r\n    </tr>\r\n    <tr>\r\n        <td>xSoftwareVersion</td>\r\n        <td>String</td>\r\n        <td>Software version</td>\r\n    </tr>\r\n</table>\r\n\r\n### Options\r\n\r\n<table>\r\n    <tr>\r\n        <th>Name</th>\r\n        <th>Type</th>\r\n        <th>Description</th>\r\n    </tr>\r\n    <tr>\r\n        <td>enableLogging</td>\r\n        <td>Boolean</td>\r\n        <td>Turn iField logs to the console on and off.</td>\r\n    </tr>\r\n    <tr>\r\n        <td>autoFormat</td>\r\n        <td>Boolean</td>\r\n        <td>Turn iField auto-formatting on and off. This is only used for iFields of <i>card</i> type. See <i>autoFormatSeparator</i>.</td>\r\n    </tr>\r\n    <tr>\r\n        <td>autoFormatSeparator</td>\r\n        <td>String</td>\r\n        <td>A string to be used to auto-format card numbers when <i>autoFormat</i> is turned on. The default value is \" \" (space).</td>\r\n    </tr>\r\n    <tr>\r\n        <td>blockNonNumericInput</td>\r\n        <td>Boolean</td>\r\n        <td>Block non-numeric character input. This is only used for iFields of <i>card</i> type. This does not interfere with <i>autoFormatSeparator</i>.</td>\r\n    </tr>\r\n    <tr>\r\n        <td>autoSubmit</td>\r\n        <td>Boolean</td>\r\n        <td>The token should be retrieved as soon as the data is valid. This setting will also turn on capturing a submit event triggered from within the iFrame when submitting the data.</td>\r\n    </tr>\r\n    <tr>\r\n        <td>autoSubmitFormId</td>\r\n        <td>String</td>\r\n        <td>If autoSubmit is true, the ID of a form element can be set and the component will trigger <i>submit</i> on the form when submit is triggered in the iFrame.</td>\r\n    </tr>\r\n    <tr>\r\n        <td>placeholder</td>\r\n        <td>String</td>\r\n        <td>Text to be used as <i>placeholder</i> text for the input field.</td>\r\n    </tr>\r\n    <tr>\r\n        <td>iFieldstyle</td>\r\n        <td>Object</td>\r\n        <td>A style object to be used to style the iFields input element. This object is assigned to <b>HTMLElement.style</b>.</td>\r\n    </tr>\r\n</table>\r\n\r\n### ThreeDS\r\n\r\n<table>\r\n    <tr>\r\n        <th>Name</th>\r\n        <th>Type</th>\r\n        <th>Description</th>\r\n    </tr>\r\n    <tr>\r\n        <td>enable3DS</td>\r\n        <td>Boolean</td>\r\n        <td>Turn 3DSecure on and off</td>\r\n    </tr>\r\n    <tr>\r\n        <td>environment</td>\r\n        <td>String</td>\r\n        <td>`Staging` or `Production`\r\n        <br/>\r\n        These values can be imported from the package\r\n        </td>\r\n    </tr>\r\n    <tr>\r\n        <td>handle3DSResults</td>\r\n        <td>Function</td>\r\n        <td>A callback to handle the 3DS results</td>\r\n    </tr>\r\n</table>\r\n\r\nFor full documentation about 3D-Secure with iFields see [here](https://docs.cardknox.com/cardknox-products/ifields#ifields-with-3d-secure-authentication)\r\n\r\n### Update Event Data\r\n\r\n<table>\r\n    <tr>\r\n        <th>Name</th>\r\n        <th>Type</th>\r\n        <th>Description</th>\r\n    </tr>\r\n    <tr>\r\n        <td>cardNumberlength</td>\r\n        <td>Number</td>\r\n        <td>The length of the data in the card iField <br/> Only returned on an update event from the card iField</td>\r\n    </tr>\r\n    <tr>\r\n        <td>event</td>\r\n        <td>String</td>\r\n        <td>The name of the event.</td>\r\n    </tr>\r\n    <tr>\r\n        <td>isEmpty</td>\r\n        <td>Boolean</td>\r\n        <td>Whether or not the iField is empty.</td>\r\n    </tr>\r\n    <tr>\r\n        <td>isValid</td>\r\n        <td>Boolean</td>\r\n        <td>Whether or not the data in the iField is valid.</td>\r\n    </tr>\r\n    <tr>\r\n        <td>issuer</td>\r\n        <td>String</td>\r\n        <td>The card issuer <br/> Only returned on an update event from the card iField.</td>\r\n    </tr>\r\n    <tr>\r\n        <td>length</td>\r\n        <td>Boolean</td>\r\n        <td>The length of the data in the iField <br/><emp>Note:</emp> For card iFields, this includes the formating character. Use <code>cardNumberlength</code> to get the actual data length.</td>\r\n    </tr>\r\n    <tr>\r\n        <td>ifieldValueChanged </td>\r\n        <td>Boolean</td>\r\n        <td>Whether or not the iField value has changed.</td>\r\n    </tr>\r\n</table>\r\n\r\n### Token Data\r\n\r\n<table>\r\n    <tr>\r\n        <th>Name</th>\r\n        <th>Type</th>\r\n        <th>Description</th>\r\n    </tr>\r\n    <tr>\r\n        <td>xToken</td>\r\n        <td>string</td>\r\n        <td>The token</td>\r\n    </tr>\r\n    <tr>\r\n        <td>xTokenType</td>\r\n        <td>String</td>\r\n        <td>Either card, cvv, or ach</td>\r\n    </tr>\r\n</table>\r\n\r\n### Error Data\r\n\r\n<table>\r\n    <tr>\r\n        <th>Name</th>\r\n        <th>Type</th>\r\n        <th>Description</th>\r\n    </tr>\r\n    <tr>\r\n        <td>result</td>\r\n        <td>String</td>\r\n        <td>This will always have the value of <code>error</code></td>\r\n    </tr>\r\n    <tr>\r\n        <td>errorMessage</td>\r\n        <td>String</td>\r\n        <td>Contains the error message</td>\r\n    </tr>\r\n    <tr>\r\n        <td>xTokenType</td>\r\n        <td>String</td>\r\n        <td>Either card, cvv, or ach</td>\r\n    </tr>\r\n</table>\r\n\r\n<br/><br/><br/>\r\n\r\n---\r\n\r\n**iFields Version:** [2.15.2309.2601](https://cdn.cardknox.com/ifields/2.15.2309.2601/ifield-sample.htm)\r\n","readmeFilename":"README.md"}