{"_id":"@apcandsons/pops-react","_rev":"14-5cc00187f8ce5417d1f71ba608cb41d7","name":"@apcandsons/pops-react","dist-tags":{"latest":"0.1.14"},"versions":{"0.1.0":{"name":"@apcandsons/pops-react","version":"0.1.0","keywords":[],"author":"","license":"ISC","_id":"@apcandsons/pops-react@0.1.0","maintainers":[{"name":"yizumi","email":"yusuke@gmail.com"}],"homepage":"https://github.com/apcandsons.com/pops-react#readme","bugs":{"url":"https://github.com/apcandsons.com/pops-react/issues"},"dist":{"shasum":"e44a3382ef4b1f0f1879b97b486b066239ee29a8","tarball":"https://registry.npmjs.org/@apcandsons/pops-react/-/pops-react-0.1.0.tgz","fileCount":22,"integrity":"sha512-JpN6XrNDzDEqC+cFqRU4tu8wR2CCcmU1QDrOTOrMlhltaJMmMICCBRWmK/wjZSKmRVvwAlL8GoEIXExE+ykVPA==","signatures":[{"sig":"MEYCIQCfQmWLTFgMx7KdbGlQu4zsgjXJ0mYQ4cd/ob/YZNcvswIhALWiHGTTaMrQyQjAPNJt5G+SRpTyiw1UcUViypRGt5gY","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32363},"main":"dist/index.js","types":"dist/types/index.d.ts","gitHead":"2943dad39e3bcc47a7e9b89ac9ffec604b46b064","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"tsc"},"_npmUser":{"name":"yizumi","email":"yusuke@gmail.com"},"repository":{"url":"git+https://github.com/apcandsons.com/pops-react.git","type":"git"},"_npmVersion":"9.8.1","directories":{},"_nodeVersion":"18.18.2","dependencies":{"@emotion/react":"^11.13.3","@emotion/styled":"^11.13.0","markdown-to-jsx":"^7.5.0"},"_hasShrinkwrap":false,"devDependencies":{"cpx":"^1.5.0","next":"^14.2.7","react":"^18.3.1","eslint":"^8","prettier":"^3.3.3","react-dom":"^18.3.1","ts-loader":"^9.5.1","typescript":"^5.5.4","@types/node":"^22.5.3","@types/react":"^18.3.5","eslint-config-next":"14.2.5","prettier-plugin-organize-imports":"^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pops-react_0.1.0_1725431675733_0.2493818577617739","host":"s3://npm-registry-packages"}},"0.1.1":{"name":"@apcandsons/pops-react","version":"0.1.1","keywords":[],"author":"","license":"ISC","_id":"@apcandsons/pops-react@0.1.1","maintainers":[{"name":"yizumi","email":"yusuke@gmail.com"}],"homepage":"https://github.com/apcandsons/pops-react#readme","bugs":{"url":"https://github.com/apcandsons/pops-react/issues"},"dist":{"shasum":"5e584934649757cd92f04d66bac295ad8747a8bd","tarball":"https://registry.npmjs.org/@apcandsons/pops-react/-/pops-react-0.1.1.tgz","fileCount":44,"integrity":"sha512-sqIEMx8tM+zyAp72HKELG0LNWSHNEZYJVIG9NfIaRxa7dURJQ41VqU8/gJ54M/nL4DF1XjBTlN17h5eXT6JoGQ==","signatures":[{"sig":"MEUCIGhiR8yD/Ob6aDoEU/M9A6PapGLUC8QM+qsBbTMYCZQGAiEA9aRKbbiNe2+/EB07pJhNzc5YnNpMuwnJ/gq5PVbDlVA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44826},"main":"dist/index.js","types":"dist/types/index.d.ts","gitHead":"2943dad39e3bcc47a7e9b89ac9ffec604b46b064","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"tsc"},"_npmUser":{"name":"yizumi","email":"yusuke@gmail.com"},"repository":{"url":"git+https://github.com/apcandsons/pops-react.git","type":"git"},"_npmVersion":"9.8.1","description":"Policy Ops is a React component library that provides a simple way to integrate policy agreements into your React applications. It is designed to help developers easily manage and display policy agreements, track user consent, and store agreement evidence","directories":{},"_nodeVersion":"18.18.2","dependencies":{"@emotion/react":"^11.13.3","@emotion/styled":"^11.13.0","markdown-to-jsx":"^7.5.0"},"_hasShrinkwrap":false,"devDependencies":{"cpx":"^1.5.0","next":"^14.2.7","react":"^18.3.1","eslint":"^8","prettier":"^3.3.3","react-dom":"^18.3.1","ts-loader":"^9.5.1","typescript":"^5.5.4","@types/node":"^22.5.3","@types/react":"^18.3.5","eslint-config-next":"14.2.5","prettier-plugin-organize-imports":"^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pops-react_0.1.1_1725685650748_0.06958360092806615","host":"s3://npm-registry-packages"}},"0.1.2":{"name":"@apcandsons/pops-react","version":"0.1.2","keywords":[],"author":"","license":"ISC","_id":"@apcandsons/pops-react@0.1.2","maintainers":[{"name":"yizumi","email":"yusuke@gmail.com"}],"homepage":"https://github.com/apcandsons/pops-react#readme","bugs":{"url":"https://github.com/apcandsons/pops-react/issues"},"dist":{"shasum":"412305edc5293d2047c557c9d875b68c0bde2121","tarball":"https://registry.npmjs.org/@apcandsons/pops-react/-/pops-react-0.1.2.tgz","fileCount":44,"integrity":"sha512-rK4AyjTOdRtgrUFrMoZmeTI3/zRvm/tcDCF0ULxQLE7CSKtvigEANHveE5+E9ELbiNAtgJjOXEoePJsieEb+Qg==","signatures":[{"sig":"MEUCIQC4J4vEIia/R2K7JSXXbtL2c5RMvGOFTZoGRBRbV/eSGwIgWBFgFGCOalrNRmebihDdxQYCNq8N63eo32N1OiT78Bk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44826},"main":"dist/index.js","types":"dist/types/index.d.ts","gitHead":"2943dad39e3bcc47a7e9b89ac9ffec604b46b064","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"tsc"},"_npmUser":{"name":"yizumi","email":"yusuke@gmail.com"},"repository":{"url":"git+https://github.com/apcandsons/pops-react.git","type":"git"},"_npmVersion":"9.8.1","description":"Policy Ops is a React component library that provides a simple way to integrate policy agreements into your React applications. It is designed to help developers easily manage and display policy agreements, track user consent, and store agreement evidence","directories":{},"_nodeVersion":"18.18.2","dependencies":{"@emotion/react":"^11.13.3","@emotion/styled":"^11.13.0","markdown-to-jsx":"^7.5.0"},"_hasShrinkwrap":false,"devDependencies":{"cpx":"^1.5.0","next":"^14.2.7","react":"^18.3.1","eslint":"^8","prettier":"^3.3.3","react-dom":"^18.3.1","ts-loader":"^9.5.1","typescript":"^5.5.4","@types/node":"^22.5.3","@types/react":"^18.3.5","eslint-config-next":"14.2.5","prettier-plugin-organize-imports":"^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pops-react_0.1.2_1725685969731_0.8816719204140677","host":"s3://npm-registry-packages"}},"0.1.3":{"name":"@apcandsons/pops-react","version":"0.1.3","keywords":[],"author":"","license":"ISC","_id":"@apcandsons/pops-react@0.1.3","maintainers":[{"name":"yizumi","email":"yusuke@gmail.com"}],"homepage":"https://github.com/apcandsons/pops-react#readme","bugs":{"url":"https://github.com/apcandsons/pops-react/issues"},"dist":{"shasum":"fbfb16cdd1ebaa03a7f6d78bec325866ea907fe3","tarball":"https://registry.npmjs.org/@apcandsons/pops-react/-/pops-react-0.1.3.tgz","fileCount":44,"integrity":"sha512-uPFqTTNJTRsLk+NLFP++mFycR95BOIWVPVhdSXw57MYLbaaHEPVspsqzKSo+BZn+RQL8ebopY/NxRAH+hiEXow==","signatures":[{"sig":"MEUCIQD5FTZGdViygfGsagOSrr1i/3HeuQHLj3oADnNTKXabPgIgD5mqms1BYCaUiy7U9OHyIfJJ6ezekHjLy7zSTqRQrdc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44875},"main":"dist/index.js","types":"dist/types/index.d.ts","gitHead":"2943dad39e3bcc47a7e9b89ac9ffec604b46b064","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"tsc"},"_npmUser":{"name":"yizumi","email":"yusuke@gmail.com"},"repository":{"url":"git+https://github.com/apcandsons/pops-react.git","type":"git"},"_npmVersion":"9.8.1","description":"Policy Ops is a React component library that provides a simple way to integrate policy agreements into your React applications. It is designed to help developers easily manage and display policy agreements, track user consent, and store agreement evidence","directories":{},"_nodeVersion":"18.18.2","dependencies":{"@emotion/react":"^11.13.3","@emotion/styled":"^11.13.0","markdown-to-jsx":"^7.5.0"},"_hasShrinkwrap":false,"devDependencies":{"cpx":"^1.5.0","next":"^14.2.7","react":"^18.3.1","eslint":"^8","prettier":"^3.3.3","react-dom":"^18.3.1","ts-loader":"^9.5.1","typescript":"^5.5.4","@types/node":"^22.5.3","@types/react":"^18.3.5","eslint-config-next":"14.2.5","prettier-plugin-organize-imports":"^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pops-react_0.1.3_1725686061580_0.09225484625922986","host":"s3://npm-registry-packages"}},"0.1.4":{"name":"@apcandsons/pops-react","version":"0.1.4","keywords":[],"author":"","license":"ISC","_id":"@apcandsons/pops-react@0.1.4","maintainers":[{"name":"yizumi","email":"yusuke@gmail.com"}],"homepage":"https://github.com/apcandsons/pops-react#readme","bugs":{"url":"https://github.com/apcandsons/pops-react/issues"},"dist":{"shasum":"a629b2942e8b644bff8eb63060a62b6801b22924","tarball":"https://registry.npmjs.org/@apcandsons/pops-react/-/pops-react-0.1.4.tgz","fileCount":44,"integrity":"sha512-t63OJ3Mwi2+s0rHTqImlWHtQgTFCKsgIaNAHj9ptWIqWCiWwmfhe0VZ9+HGoWUYBLCDLUInc3+oDGmbheu/Qbg==","signatures":[{"sig":"MEUCIQDyzmWmsnPrSohKKd6zFBIVMCS/stX0Oi+N3RuncydsgwIgXVOCBdM3eZiWjFa5olEiYNXv+hE46rUVLLNWjBGTLY8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47641},"main":"dist/index.js","types":"dist/types/index.d.ts","gitHead":"2943dad39e3bcc47a7e9b89ac9ffec604b46b064","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"tsc"},"_npmUser":{"name":"yizumi","email":"yusuke@gmail.com"},"repository":{"url":"git+https://github.com/apcandsons/pops-react.git","type":"git"},"_npmVersion":"9.8.1","description":"Policy Ops is a React component library that provides a simple way to integrate policy agreements into your React applications. It is designed to help developers easily manage and display policy agreements, track user consent, and store agreement evidence","directories":{},"_nodeVersion":"18.18.2","dependencies":{"@emotion/react":"^11.13.3","@emotion/styled":"^11.13.0","markdown-to-jsx":"^7.5.0"},"_hasShrinkwrap":false,"devDependencies":{"cpx":"^1.5.0","next":"^14.2.7","react":"^18.3.1","eslint":"^8","prettier":"^3.3.3","react-dom":"^18.3.1","ts-loader":"^9.5.1","typescript":"^5.5.4","@types/node":"^22.5.3","@types/react":"^18.3.5","eslint-config-next":"14.2.5","prettier-plugin-organize-imports":"^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pops-react_0.1.4_1725692223618_0.8895684081235566","host":"s3://npm-registry-packages"}},"0.1.5":{"name":"@apcandsons/pops-react","version":"0.1.5","keywords":[],"author":"","license":"ISC","_id":"@apcandsons/pops-react@0.1.5","maintainers":[{"name":"yizumi","email":"yusuke@gmail.com"}],"homepage":"https://github.com/apcandsons/pops-react#readme","bugs":{"url":"https://github.com/apcandsons/pops-react/issues"},"dist":{"shasum":"230df8d05940e2b8d5786e8414352acfd2b84627","tarball":"https://registry.npmjs.org/@apcandsons/pops-react/-/pops-react-0.1.5.tgz","fileCount":44,"integrity":"sha512-IxC+99yEnrtslCafGZxtVjLBuSXbjx9Tn6873vLzmY3fi+4h8AYH3MIflaUZQMF0AmZ+J1iet7E4Nqf3awMgjA==","signatures":[{"sig":"MEQCIGpzvACWdbLFSl47rhtd8QlL+qQPFmT8/W1B3viXLt1+AiApfsGiia9bOmemCDncXpWKDSBtm4+8Iw7v55Ra42JD9w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47373},"main":"dist/index.js","types":"dist/types/index.d.ts","gitHead":"2943dad39e3bcc47a7e9b89ac9ffec604b46b064","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"tsc"},"_npmUser":{"name":"yizumi","email":"yusuke@gmail.com"},"repository":{"url":"git+https://github.com/apcandsons/pops-react.git","type":"git"},"_npmVersion":"9.8.1","description":"Policy Ops is a React component library that provides a simple way to integrate policy agreements into your React applications. It is designed to help developers easily manage and display policy agreements, track user consent, and store agreement evidence","directories":{},"_nodeVersion":"18.18.2","dependencies":{"@emotion/react":"^11.13.3","@emotion/styled":"^11.13.0","markdown-to-jsx":"^7.5.0"},"_hasShrinkwrap":false,"devDependencies":{"cpx":"^1.5.0","next":"^14.2.7","react":"^18.3.1","eslint":"^8","prettier":"^3.3.3","react-dom":"^18.3.1","ts-loader":"^9.5.1","typescript":"^5.5.4","@types/node":"^22.5.3","@types/react":"^18.3.5","eslint-config-next":"14.2.5","prettier-plugin-organize-imports":"^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pops-react_0.1.5_1725731806538_0.6570846245472346","host":"s3://npm-registry-packages"}},"0.1.6":{"name":"@apcandsons/pops-react","version":"0.1.6","keywords":[],"author":"","license":"ISC","_id":"@apcandsons/pops-react@0.1.6","maintainers":[{"name":"yizumi","email":"yusuke@gmail.com"}],"homepage":"https://github.com/apcandsons/pops-react#readme","bugs":{"url":"https://github.com/apcandsons/pops-react/issues"},"dist":{"shasum":"1a469077355c9b320518a63ca45775f75ef25b3b","tarball":"https://registry.npmjs.org/@apcandsons/pops-react/-/pops-react-0.1.6.tgz","fileCount":48,"integrity":"sha512-CZLc9EBF+M4pwC6KZOOg2OX36l4immlqmmRnZedfC5oCIzZz9nNd5y7Tjla2dQ+czHFobReGG3HCc8G/Oz+zlQ==","signatures":[{"sig":"MEUCIA9/w1r8uR1Z+FCGj/1yn30e2+ulU/9ipYsffMtxrmksAiEAzSUOOc6FPQapLeQ0ijMlix6/OFwSaN1T8gEfI5TmUEI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":61629},"main":"dist/index.js","types":"dist/types/index.d.ts","gitHead":"2943dad39e3bcc47a7e9b89ac9ffec604b46b064","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"tsc"},"_npmUser":{"name":"yizumi","email":"yusuke@gmail.com"},"repository":{"url":"git+https://github.com/apcandsons/pops-react.git","type":"git"},"_npmVersion":"9.8.1","description":"Policy Ops is a React component library that provides a simple way to integrate policy agreements into your React applications. It is designed to help developers easily manage and display policy agreements, track user consent, and store agreement evidence","directories":{},"_nodeVersion":"18.18.2","dependencies":{"@emotion/react":"^11.13.3","@emotion/styled":"^11.13.0","markdown-to-jsx":"^7.5.0"},"_hasShrinkwrap":false,"devDependencies":{"cpx":"^1.5.0","next":"^14.2.7","react":"^18.3.1","eslint":"^8","prettier":"^3.3.3","react-dom":"^18.3.1","ts-loader":"^9.5.1","typescript":"^5.5.4","@types/node":"^22.5.3","@types/react":"^18.3.5","eslint-config-next":"14.2.5","prettier-plugin-organize-imports":"^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pops-react_0.1.6_1725796661234_0.8408911343713812","host":"s3://npm-registry-packages"}},"0.1.7":{"name":"@apcandsons/pops-react","version":"0.1.7","keywords":[],"author":"","license":"ISC","_id":"@apcandsons/pops-react@0.1.7","maintainers":[{"name":"yizumi","email":"yusuke@gmail.com"}],"homepage":"https://github.com/apcandsons/pops-react#readme","bugs":{"url":"https://github.com/apcandsons/pops-react/issues"},"dist":{"shasum":"6075d231ebba65a7f80f5e9265014f6c57bba93a","tarball":"https://registry.npmjs.org/@apcandsons/pops-react/-/pops-react-0.1.7.tgz","fileCount":48,"integrity":"sha512-oJo2DzLfO7IHfjmbs/NXTOhXJKGDwBdnj7KTl3zqyWqEZ9mRIB0k2GtB11ZQGlrdp09IUJKcEkzouPc+ILADTQ==","signatures":[{"sig":"MEUCIBBFtqjn2k2Pu8tEh+goRZwQFeg6Lex74lAGhg5qO6RxAiEAw8KN08yyez6sFdk7G5BqCCi1wTIxkuMYKriJtQRim40=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":62067},"main":"dist/index.js","types":"dist/types/index.d.ts","gitHead":"2943dad39e3bcc47a7e9b89ac9ffec604b46b064","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"tsc"},"_npmUser":{"name":"yizumi","email":"yusuke@gmail.com"},"repository":{"url":"git+https://github.com/apcandsons/pops-react.git","type":"git"},"_npmVersion":"9.8.1","description":"Policy Ops is a React component library that provides a simple way to integrate policy agreements into your React applications. It is designed to help developers easily manage and display policy agreements, track user consent, and store agreement evidence","directories":{},"_nodeVersion":"18.18.2","dependencies":{"@emotion/react":"^11.13.3","@emotion/styled":"^11.13.0","markdown-to-jsx":"^7.5.0"},"_hasShrinkwrap":false,"devDependencies":{"cpx":"^1.5.0","next":"^14.2.7","react":"^18.3.1","eslint":"^8","prettier":"^3.3.3","react-dom":"^18.3.1","ts-loader":"^9.5.1","typescript":"^5.5.4","@types/node":"^22.5.3","@types/react":"^18.3.5","eslint-config-next":"14.2.5","prettier-plugin-organize-imports":"^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pops-react_0.1.7_1725797164091_0.19210265839982443","host":"s3://npm-registry-packages"}},"0.1.8":{"name":"@apcandsons/pops-react","version":"0.1.8","keywords":[],"author":"","license":"ISC","_id":"@apcandsons/pops-react@0.1.8","maintainers":[{"name":"yizumi","email":"yusuke@gmail.com"}],"homepage":"https://github.com/apcandsons/pops-react#readme","bugs":{"url":"https://github.com/apcandsons/pops-react/issues"},"dist":{"shasum":"33a2d939213a3509f8527f679d189ca08bbd9b38","tarball":"https://registry.npmjs.org/@apcandsons/pops-react/-/pops-react-0.1.8.tgz","fileCount":57,"integrity":"sha512-VHtfjuMt7JhsCvBhXlVeF+w84GTtjcdfHx9DnT1lo9zcbEitQstZ3FsmXCDa17YOZCJH/ovrCKSyW/F8nb8spw==","signatures":[{"sig":"MEYCIQD2c5wrW40AKzV76NO9rlze0RVmlvdTT8Zl6E3ak+g4agIhAJNaaG5hqO3IpoMX+CwiT3+YK6VWtrVUu4/+FGr8uv30","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":84297},"main":"dist/index.js","types":"dist/types/index.d.ts","gitHead":"665764b4341500a27f3c271f5fc95916bdc64eb7","scripts":{"test":"vitest","build":"tsc"},"_npmUser":{"name":"yizumi","email":"yusuke@gmail.com"},"repository":{"url":"git+https://github.com/apcandsons/pops-react.git","type":"git"},"_npmVersion":"9.8.1","description":"Policy Ops is a React component library that provides a simple way to integrate policy agreements into your React applications. It is designed to help developers easily manage and display policy agreements, track user consent, and store agreement evidence","directories":{},"_nodeVersion":"18.18.2","dependencies":{"@emotion/react":"^11.13.3","@emotion/styled":"^11.13.0","markdown-to-jsx":"^7.5.0"},"_hasShrinkwrap":false,"devDependencies":{"cpx":"^1.5.0","next":"^14.2.7","react":"^18.3.1","eslint":"^8","vitest":"^2.0.5","prettier":"^3.3.3","react-dom":"^18.3.1","ts-loader":"^9.5.1","typescript":"^5.5.4","@types/node":"^22.5.3","@types/react":"^18.3.5","eslint-config-next":"14.2.5","prettier-plugin-organize-imports":"^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pops-react_0.1.8_1725840853358_0.1837917267335083","host":"s3://npm-registry-packages"}},"0.1.9":{"name":"@apcandsons/pops-react","version":"0.1.9","keywords":[],"author":"","license":"ISC","_id":"@apcandsons/pops-react@0.1.9","maintainers":[{"name":"yizumi","email":"yusuke@gmail.com"}],"homepage":"https://github.com/apcandsons/pops-react#readme","bugs":{"url":"https://github.com/apcandsons/pops-react/issues"},"dist":{"shasum":"e0cc326cdeca3bd8aef90a2db0113b1fbcd1811e","tarball":"https://registry.npmjs.org/@apcandsons/pops-react/-/pops-react-0.1.9.tgz","fileCount":57,"integrity":"sha512-YT0BtxvVGnYaOnxG8OHI+9HatOg2mfMoUabsHstLei5evt9m6sL3G+SxPVby0oMBAruhHe3Hu7i73IeJrROwVg==","signatures":[{"sig":"MEUCIQDE0X9v22CTTI4Z15X0Y0KKO/dnZIK1OVXhvsXOPOKbKQIgbaZEw4qMkR7VxI7RHfgszEmBpUW/5EFE1/5WhjNykbk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":85935},"main":"dist/index.js","types":"dist/types/index.d.ts","gitHead":"76e481488e7b833e38a3899b95c55d849b658f40","scripts":{"test":"vitest","build":"tsc"},"_npmUser":{"name":"yizumi","email":"yusuke@gmail.com"},"repository":{"url":"git+https://github.com/apcandsons/pops-react.git","type":"git"},"_npmVersion":"9.8.1","description":"POPS React is a React component library that provides a simple way to integrate policy agreements that are managed by the cloud service [Policy-Ops](https://pops.apcandsons.com) into your React applications. It is designed to help developers easily manage","directories":{},"_nodeVersion":"18.18.2","dependencies":{"@emotion/react":"^11.13.3","@emotion/styled":"^11.13.0","markdown-to-jsx":"^7.5.0"},"_hasShrinkwrap":false,"devDependencies":{"cpx":"^1.5.0","next":"^14.2.7","react":"^18.3.1","eslint":"^8","vitest":"^2.0.5","prettier":"^3.3.3","react-dom":"^18.3.1","ts-loader":"^9.5.1","typescript":"^5.5.4","@types/node":"^22.5.3","@types/react":"^18.3.5","eslint-config-next":"14.2.5","prettier-plugin-organize-imports":"^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pops-react_0.1.9_1725845469039_0.692680072395359","host":"s3://npm-registry-packages"}},"0.1.10":{"name":"@apcandsons/pops-react","version":"0.1.10","keywords":[],"author":"","license":"ISC","_id":"@apcandsons/pops-react@0.1.10","maintainers":[{"name":"yizumi","email":"yusuke@gmail.com"}],"homepage":"https://github.com/apcandsons/pops-react#readme","bugs":{"url":"https://github.com/apcandsons/pops-react/issues"},"dist":{"shasum":"c628f4befb90df74c920c2d810d4f044f8c23a71","tarball":"https://registry.npmjs.org/@apcandsons/pops-react/-/pops-react-0.1.10.tgz","fileCount":57,"integrity":"sha512-7ksl5qoQmJNVgdSgQED1qyG/Lg1NUMtVpl9UbXOOnk5LE5/8rBv3AgzNT3SaC/UQYX3WYYTAH0PullZFcWcnOg==","signatures":[{"sig":"MEQCIEPktaUDJvqJGvaIE96IOuJAouZpc4gh20bS2c5hddwuAiA9Q2jeXQiS69vij24N7S+qNGy282ZgvjJdGFyOxEc1vw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":86253},"main":"dist/index.js","types":"dist/types/index.d.ts","gitHead":"69f582025336cda8541e9e73f5318997f6bbf30d","scripts":{"test":"vitest","build":"tsc"},"_npmUser":{"name":"yizumi","email":"yusuke@gmail.com"},"repository":{"url":"git+https://github.com/apcandsons/pops-react.git","type":"git"},"_npmVersion":"9.8.1","description":"POPS React is a React component library that provides a simple way to integrate policy agreements that are managed by the cloud service [Policy-Ops](https://pops.apcandsons.com) into your React applications. It is designed to help developers easily manage","directories":{},"_nodeVersion":"18.18.2","dependencies":{"@emotion/react":"^11.13.3","@emotion/styled":"^11.13.0","markdown-to-jsx":"^7.5.0"},"_hasShrinkwrap":false,"devDependencies":{"cpx":"^1.5.0","next":"^14.2.7","react":"^18.3.1","eslint":"^8","vitest":"^2.0.5","prettier":"^3.3.3","react-dom":"^18.3.1","ts-loader":"^9.5.1","typescript":"^5.5.4","@types/node":"^22.5.3","@types/react":"^18.3.5","eslint-config-next":"14.2.5","prettier-plugin-organize-imports":"^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pops-react_0.1.10_1728353851590_0.6237265064028634","host":"s3://npm-registry-packages"}},"0.1.11":{"name":"@apcandsons/pops-react","version":"0.1.11","keywords":[],"author":"","license":"ISC","_id":"@apcandsons/pops-react@0.1.11","maintainers":[{"name":"yizumi","email":"yusuke@gmail.com"}],"homepage":"https://github.com/apcandsons/pops-react#readme","bugs":{"url":"https://github.com/apcandsons/pops-react/issues"},"dist":{"shasum":"600cad10cf14f3762f5fe1cb8d658fd1d5268bd5","tarball":"https://registry.npmjs.org/@apcandsons/pops-react/-/pops-react-0.1.11.tgz","fileCount":57,"integrity":"sha512-BkGlhSwpUPn7DDsQNqaqyloweIYU72m5JFlbebrC3AF5xZPAkqaPOozNMMLwsyWf6G+8NAWPbZd6hSV/CxVZFA==","signatures":[{"sig":"MEQCIE4EvS55SClppb9hm8PlQIKZ+NdDvabtuJbLUmX5BMHuAiAEtUhKiwf/2ud/XWkm/2HSdnSOP7VBAHW8uW576XChVA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":91962},"main":"dist/index.js","types":"dist/types/index.d.ts","gitHead":"319329b81f09f0c6d1f5b0c7215bf256a690f661","scripts":{"test":"vitest","build":"tsc"},"_npmUser":{"name":"yizumi","email":"yusuke@gmail.com"},"repository":{"url":"git+https://github.com/apcandsons/pops-react.git","type":"git"},"_npmVersion":"9.8.1","description":"POPS React is a React component library that provides a simple way to integrate policy agreements that are managed by the cloud service [Policy-Ops](https://pops.apcandsons.com) into your React applications. It is designed to help developers easily manage","directories":{},"_nodeVersion":"18.18.2","dependencies":{"@emotion/react":"^11.13.3","@emotion/styled":"^11.13.0","markdown-to-jsx":"^7.5.0"},"_hasShrinkwrap":false,"devDependencies":{"cpx":"^1.5.0","next":"^14.2.7","react":"^18.3.1","eslint":"^8","vitest":"^2.0.5","prettier":"^3.3.3","react-dom":"^18.3.1","ts-loader":"^9.5.1","typescript":"^5.5.4","@types/node":"^22.5.3","@types/react":"^18.3.5","eslint-config-next":"14.2.5","prettier-plugin-organize-imports":"^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pops-react_0.1.11_1728633826392_0.7922785917443254","host":"s3://npm-registry-packages"}},"0.1.12":{"name":"@apcandsons/pops-react","version":"0.1.12","keywords":[],"author":"","license":"ISC","_id":"@apcandsons/pops-react@0.1.12","maintainers":[{"name":"yizumi","email":"yusuke@gmail.com"}],"homepage":"https://github.com/apcandsons/pops-react#readme","bugs":{"url":"https://github.com/apcandsons/pops-react/issues"},"dist":{"shasum":"e6caf70148874f8969bfb49eef083143dfa13c5d","tarball":"https://registry.npmjs.org/@apcandsons/pops-react/-/pops-react-0.1.12.tgz","fileCount":57,"integrity":"sha512-Dl0Hv0ds/PONr6MteEw5Meyk7mYvBtPp32FoQPI5SvOnoubpGbZJ8mjaWcnjlJS9zt6mSa7/NgjqdKq43uRDdw==","signatures":[{"sig":"MEUCIQDysizV137LqbIdUzO3Ky1hawVkDjIleiP7E3/VsY/n6gIgA7A6K7Ok7wpiUsQVOY1CXsFyetL5vKOJ5IkI+FV4tBU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":94673},"main":"dist/index.js","types":"dist/types/index.d.ts","gitHead":"660c25fc6af1a2d7a8fa4b6d96cd6b6a2bcb0223","scripts":{"test":"vitest","build":"tsc"},"_npmUser":{"name":"yizumi","email":"yusuke@gmail.com"},"repository":{"url":"git+https://github.com/apcandsons/pops-react.git","type":"git"},"_npmVersion":"9.8.1","description":"POPS React is a React component library that provides a simple way to integrate policy agreements that are managed by the cloud service [Policy-Ops](https://pops.apcandsons.com) into your React applications. It is designed to help developers easily manage","directories":{},"_nodeVersion":"18.18.2","dependencies":{"@emotion/react":"^11.13.3","@emotion/styled":"^11.13.0","markdown-to-jsx":"^7.5.0"},"_hasShrinkwrap":false,"devDependencies":{"cpx":"^1.5.0","next":"^14.2.7","react":"^18.3.1","eslint":"^8","vitest":"^2.0.5","prettier":"^3.3.3","react-dom":"^18.3.1","ts-loader":"^9.5.1","typescript":"^5.5.4","@types/node":"^22.5.3","@types/react":"^18.3.5","eslint-config-next":"14.2.5","prettier-plugin-organize-imports":"^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pops-react_0.1.12_1729561235562_0.547289352637816","host":"s3://npm-registry-packages"}},"0.1.13":{"name":"@apcandsons/pops-react","version":"0.1.13","keywords":[],"author":"","license":"ISC","_id":"@apcandsons/pops-react@0.1.13","maintainers":[{"name":"yizumi","email":"yusuke@gmail.com"}],"homepage":"https://github.com/apcandsons/pops-react#readme","bugs":{"url":"https://github.com/apcandsons/pops-react/issues"},"dist":{"shasum":"b43cb46014dfe61cba885f8a0e8b363abe6e3801","tarball":"https://registry.npmjs.org/@apcandsons/pops-react/-/pops-react-0.1.13.tgz","fileCount":59,"integrity":"sha512-noFB26Bnv9XuSrdn17tIChiZ//TSPVG3PSl8aphnRyiDwVPSbY8Upb6DznTTvQcl46Q5YuhraghhP/teht9OmQ==","signatures":[{"sig":"MEQCIEtNHI3xlIri1DLWQbuuuhrIQJfLmWKYSwqYB8H+eVzPAiBM4LNRjvS+ytz6/NCySHpkQkKSWMqK0O6PkLJ6hi4AmQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":94933},"main":"dist/index.js","types":"dist/types/index.d.ts","gitHead":"b17974f6c34f267abd1f0368b045b7da3de81513","scripts":{"test":"vitest","build":"tsc"},"_npmUser":{"name":"yizumi","email":"yusuke@gmail.com"},"repository":{"url":"git+https://github.com/apcandsons/pops-react.git","type":"git"},"_npmVersion":"9.8.1","description":"POPS React is a React component library that provides a simple way to integrate policy agreements that are managed by the cloud service [Policy-Ops](https://pops.apcandsons.com) into your React applications. It is designed to help developers easily manage","directories":{},"_nodeVersion":"18.18.2","dependencies":{"@emotion/react":"^11.13.3","@emotion/styled":"^11.13.0","markdown-to-jsx":"^7.5.0"},"_hasShrinkwrap":false,"devDependencies":{"cpx":"^1.5.0","next":"^14.2.7","react":"^18.3.1","eslint":"^8","vitest":"^2.0.5","prettier":"^3.3.3","react-dom":"^18.3.1","ts-loader":"^9.5.1","typescript":"^5.5.4","@types/node":"^22.5.3","@types/react":"^18.3.5","eslint-config-next":"14.2.5","prettier-plugin-organize-imports":"^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pops-react_0.1.13_1732863366271_0.7874158418902306","host":"s3://npm-registry-packages"}},"0.1.14":{"name":"@apcandsons/pops-react","version":"0.1.14","description":"POPS React is a React component library that provides a simple way to integrate policy agreements that are managed by the cloud service [Policy-Ops](https://pops.apcandsons.com) into your React applications. It is designed to help developers easily manage","main":"dist/index.js","types":"dist/types/index.d.ts","scripts":{"build":"tsc","test":"vitest"},"keywords":[],"author":"","license":"ISC","dependencies":{"@emotion/react":"^11.13.3","@emotion/styled":"^11.13.0","markdown-to-jsx":"^7.5.0"},"devDependencies":{"@types/node":"^22.5.3","@types/react":"^18.3.5","cpx":"^1.5.0","eslint":"^8","eslint-config-next":"14.2.5","next":"^14.2.7","prettier":"^3.3.3","prettier-plugin-organize-imports":"^4.0.0","react":"^18.3.1","react-dom":"^18.3.1","ts-loader":"^9.5.1","typescript":"^5.5.4","vitest":"^2.0.5"},"repository":{"type":"git","url":"git+https://github.com/apcandsons/pops-react.git"},"_id":"@apcandsons/pops-react@0.1.14","gitHead":"b17974f6c34f267abd1f0368b045b7da3de81513","bugs":{"url":"https://github.com/apcandsons/pops-react/issues"},"homepage":"https://github.com/apcandsons/pops-react#readme","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-6fePB7re5WNNEGTtbtUImYXKUrxzX/5HeudqbbeQzonMisV/LjSZfNgkA9m9cvF7V9mDj+u+5+HVdT8/LlTN+Q==","shasum":"3fc086a731b25d8a94427b29b7f341b6de449921","tarball":"https://registry.npmjs.org/@apcandsons/pops-react/-/pops-react-0.1.14.tgz","fileCount":65,"unpackedSize":99093,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG7C/+tmn++bFfmzPZf8LSbkRBycL3jS7iXK54RbGUoQAiB3oOHjw4OBrEoql3AKdA5YeNtVxBEYZRgaktqrP9TRjQ=="}]},"_npmUser":{"name":"yizumi","email":"yusuke@gmail.com"},"directories":{},"maintainers":[{"name":"yizumi","email":"yusuke@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pops-react_0.1.14_1732863402472_0.227070709766642"},"_hasShrinkwrap":false}},"time":{"created":"2024-09-04T06:34:35.603Z","modified":"2024-11-29T06:56:42.847Z","0.1.0":"2024-09-04T06:34:35.873Z","0.1.1":"2024-09-07T05:07:30.884Z","0.1.2":"2024-09-07T05:12:49.919Z","0.1.3":"2024-09-07T05:14:21.757Z","0.1.4":"2024-09-07T06:57:03.820Z","0.1.5":"2024-09-07T17:56:46.739Z","0.1.6":"2024-09-08T11:57:41.364Z","0.1.7":"2024-09-08T12:06:04.281Z","0.1.8":"2024-09-09T00:14:13.606Z","0.1.9":"2024-09-09T01:31:09.210Z","0.1.10":"2024-10-08T02:17:31.815Z","0.1.11":"2024-10-11T08:03:46.570Z","0.1.12":"2024-10-22T01:40:35.732Z","0.1.13":"2024-11-29T06:56:06.417Z","0.1.14":"2024-11-29T06:56:42.643Z"},"bugs":{"url":"https://github.com/apcandsons/pops-react/issues"},"license":"ISC","homepage":"https://github.com/apcandsons/pops-react#readme","keywords":[],"repository":{"type":"git","url":"git+https://github.com/apcandsons/pops-react.git"},"description":"POPS React is a React component library that provides a simple way to integrate policy agreements that are managed by the cloud service [Policy-Ops](https://pops.apcandsons.com) into your React applications. It is designed to help developers easily manage","maintainers":[{"name":"yizumi","email":"yusuke@gmail.com"}],"readme":"# POPS React\n\nPOPS React is a React component library that provides a simple way to integrate policy agreements that are managed by\nthe cloud service [Policy-Ops](https://pops.apcandsons.com) into your React applications. It is designed to help\ndevelopers easily manage and display policy agreements, track user consent, and store agreement evidence.\n\n## Introduction\n\nIn today's digital landscape, legal compliance is more critical than ever, particularly concerning user agreements for \nservice policies such as terms of use, privacy policies, and security policies. Regulatory requirements and user trust \nhinge on a company’s ability to maintain accurate records of user agreements, especially when policy updates necessitate \nexplicit user consent.\n\nHowever, managing these legal processes can be cumbersome for legal teams and developers alike. Legal teams often \nstruggle to efficiently manage policy versions and track user consent, while developers are burdened with integrating \nthese changes into their applications, often requiring additional database configurations to persist user agreements.\n\n### Key Features\n\nThe Policy-Ops project will include the following key features:\n\n1. **Policy Versioning:** The system will maintain a history of policy versions and user agreements, ensuring that the company is always audit-ready and compliant with regulatory standards.\n2. **User Agreement Component:** A reusable React component that developers can easily integrate into their projects. This component will handle the display of policy agreements, user consent tracking, and storage of agreement evidence.\n\nAlright... Let's get started! 🚀\n\n## Installation\n\nTo run this project locally, follow these steps:\n\n```bash\nnpm install --save @apcandsons/pops-react\n```\n\n## Usage\n\n### Policy Component\n\nThe Policy component is used to display the policy to the user\nand to allow the user to agree to the policy.\n\n```jsx title=\"pages/policies/terms-of-use.jsx\"\nimport React from 'react';\nimport { Policy } from '@apcandsons/pops-react';\n\nexport default function TermsOfUse() {\n    return (\n        <Policy\n            serviceId=\"cm0plu1gk0001148XXXXX\"\n            policyKey=\"terms-of-use\"\n        />\n    )\n}\n```\n\nWhere:\n* `serviceId` is the unique identifier for the Legal Opt-in API.\n* `policyKey` is the unique identifier for the policy.\n\n### Opt-in Component\n\nGenerally, the Legal Opt-in component can be placed on the\nnear-top level of your application to ensure that it is always\nvisible to the user.\n\nHowever, it order to ensure that user information is provided\nto determine if the user has already agreed to the terms,\nthe Legal Opt-in component should be placed within a context\nthat provides the user information.\n\n```jsx title=\"_app.jsx\"\nimport React from 'react';\nimport { OptInProvider } from '@apcandsons/pops-react';\n\nfunction AppContent({ pageProps, Component }) {\n    const currentUser = useMe()\n    return (\n        <div>\n            <Component {...pageProps} />\n            <OptInProvider\n                serviceId=\"cm0plu1gk0001148XXXXX\"\n                userId={currentUser.email}\n                userProperties={{\n                    role: currentUser.role,\n                    orgId: currentUser.organizationId,\n                }}\n            />\n        </div>\n    )\n}\n\nexport default function App({ Component, pageProps }) {\n    return (\n        <SomeOtherProvider>\n            <AppContent Component={Component} pageProps={pageProps} />\n        </SomeOtherProvider>\n    )\n}\n```\n\nWhere\n* `serviceId` is the unique identifier for the Policy-Ops API.\n* `userId` is the unique identifier for the user.\n* `userProperties` is an arbitrary additional information about the user.\n    * Keys that appea in this object need to be defined in the Legal Opt-in API, otherwise, they'll be rejected.\n* `apiBaseUrl` is the base URL for the Policy-Ops API. By default it would connect to the cloud hosted version (Optional)\n\n## Additional Information\n\n### CORS\n\n### Signed Requests\n\nYou can use signed requests to ensure that the request to the Policy-Ops API is coming from a trusted source.\nTo Opt-in with a signed request, you need provide `OptInProvider` with a signed `userProperties`.\n\nThe challenge is that to sign the request, you need to generate a signature on the server side to keep the key secret.\nThis means that you need to have a server that can sign the request.\n\nOn the server-side, suppose you have an endpoint that you can request user information:\n```javascript\n'use server'\n\nimport { sign } from '@apcandsons/pops-react';\n\nexport async function getMe() {\n    const session = await getSession()\n    const signedUserProperties = await sign({\n        userId: currentUser.email,\n        role: currentUser.role,\n        orgId: currentUser.organization\n    }, process.env.POPS_SECRET_KEY)\n    return {\n       ...session.currentUser,\n       signedUserProperties,\n    }\n}\n```\n\n* Note that `userId` is required in the signed request.\n* `POPS_SECRET_KEY` is a secure random generated on Pops API Server.\n\nOn the client side, you can use this server-generated signature and provide it to `OptInProvider`\n\n```jsx title=\"_app.jsx\"\n'use client'\n\nimport React from 'react';\nimport { OptInProvider } from '@apcandsons/pops-react';\n\nfunction AppContent({ pageProps, Component }) {\n    const currentUser = useMe() // calls getMe() on the server\n    return (\n        <div>\n            <Component {...pageProps} />\n            <OptInProvider\n                serviceId=\"cm0plu1gk0001148XXXXX\"\n                userId={currentUser.email}\n                userProperties={currentUser.signedUserProperties}\n            />\n        </div>\n    )\n}\n\nexport default function App({ Component, pageProps }) {\n    return (\n        <SomeOtherProvider>\n            <AppContent Component={Component} pageProps={pageProps} />\n        </SomeOtherProvider>\n    )\n}\n```","readmeFilename":"README.md"}