{"_id":"@voxeet/react-components","_rev":"126-c37183f2a91d41816be590b9d00bb3eb","name":"@voxeet/react-components","dist-tags":{"latest":"3.7.0","next":"2.1.0-rc1","redux7compatibility":"0.36.7-redux7","beta":"3.1.0-beta.1"},"versions":{"0.22.0":{"name":"@voxeet/react-components","version":"0.22.0","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"}],"dependencies":{"@voxeet/voxeet-web-sdk":"^1.4.1","axios":"0.16.2","bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","d3":"3.5.6","immutable":"3.8.1","prop-types":"15.6.0","react":"15.6.2","react-dom":"15.6.2","react-draggable":"3.0.3","react-redux":"5.0.6","react-tooltip":"3.4.0","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.5.3"},"files":["README.md","dist/"],"_id":"@voxeet/react-components@0.22.0","_npmVersion":"5.5.1","_nodeVersion":"8.9.1","_npmUser":{"name":"tgourgues","email":"tgourgues@voxeet.com"},"dist":{"integrity":"sha512-PP/gD/kVQm9wPYzLT9kizQN8FziIJzPu1h9BcolALRiREcLsVMVFxEGs1Oz+qdG2KmHI+YJa4flEX3UaUisRdg==","shasum":"a1a02b5040c10e81e4d91d1f1a5c0bc0c171fa9d","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.22.0.tgz","fileCount":100,"unpackedSize":4905363,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDqj1JoXUQG7rQQiJGMT2n7EyN3VZsoT1geclo98OIpfgIhAKXXycRe90A8UZW8z5iyp8O/xG/Ad+QOpEAqYbKjY10w"}]},"maintainers":[{"name":"bsenard","email":"bsenard@voxeet.com"},{"name":"jbehuet","email":"jbehuet@gmail.com"},{"name":"tgourgues","email":"tgourgues@voxeet.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.22.0_1523028666454_0.41915870991820037"},"_hasShrinkwrap":false},"0.23.0":{"name":"@voxeet/react-components","version":"0.23.0","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"}],"dependencies":{"axios":"0.16.2","bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","d3":"3.5.6","immutable":"3.8.1","prop-types":"15.6.0","react":"15.6.2","react-dom":"15.6.2","react-draggable":"3.0.3","react-redux":"5.0.6","react-tooltip":"3.4.0","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.5.3"},"files":["README.md","dist/"],"_id":"@voxeet/react-components@0.23.0","_npmVersion":"5.5.1","_nodeVersion":"8.9.1","_npmUser":{"name":"tgourgues","email":"tgourgues@voxeet.com"},"dist":{"integrity":"sha512-aZiw0CmOqaZMmdH4Z/wY+TKEybl22E/RKyhrNk/aTT2Co4ef2k3OWZ/RjaFt9i9QR9bJ2DToU2kzQQPG0CgFiw==","shasum":"7570a7d75ae4e696a54cd78a6cdd994ef3727a3d","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.23.0.tgz","fileCount":100,"unpackedSize":4953224,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa2Kf6CRA9TVsSAnZWagAAOYgP/RqswuakeWo27cTXQQM7\nmhVezZBLZjEOegChAG5L5z21lrURNWnGCFVpdzdz58iYB+jYdidlAPjhPLV6\njN15+B1S8VQ8yynE8mOqZGvvjwaTvkhMJp091gf4OcjPbTpDHbUGNKoJUPu/\nROdvUfjasYMo34Aq5EnwgJQJhQ0CyOhqIKJgkpo4LdbmTN6gPv+7dFLIFx59\nZ7KmIp7ePqKGkQsEPmbQGhDSIlvTqAU9j0Kel+LflvcFuB/7xfQzsQX8M9YR\n4nF96X5YNQ4NJpQXwCp3ZZ6I1FJzbmt9T5/RMk4Re1HiKE7Seusc0l25BQU2\nAudS6AIrz+delGFXRtvDs4Py8SypYb4lEvOaeicUxIq/VyIvabEPnukFacYg\nzByWbud6nVZomfZfhUhbR0LxMRR1F1XPChdv3d0imdeFH3p8QqeVhwGzrmsT\n2surkqL60MffPwm7j3lyyhR0pTdDX7a3rrfAxNVarmVUYH9pd26iHWHVOMOM\ndRH9Rn+yczfjK5Y+hd8F/NmLPsT/ufNMuaH7xe1C7EyP8nypAnmN3PtyHfXA\nZgX+F5j8SundhSCrt2WmSONp8buyEcfqWn1O2NpshNExIJrHKvRcINAH28D+\nS37+/ojBdvpZ5coKXjC4L+FWTYSGavLA2D2SH5xCF/ln9q4GVp/9f+k9lGsb\nSeyI\r\n=dIqU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCumddo9ssAlou2ytgmJ5HvLp5rW9JYxIM68DYQh/evxwIhAJK+YaaXm1Ome0+IKqK0KfBVjrKkmbGl7aQWAAv/a2ap"}]},"maintainers":[{"name":"bsenard","email":"bsenard@voxeet.com"},{"name":"jbehuet","email":"jbehuet@gmail.com"},{"name":"tgourgues","email":"tgourgues@voxeet.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.23.0_1524148217045_0.1365040238492934"},"_hasShrinkwrap":false},"0.24.0":{"name":"@voxeet/react-components","version":"0.24.0","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"}],"dependencies":{"axios":"0.16.2","bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","d3":"3.5.6","immutable":"3.8.1","prop-types":"15.6.0","react":"15.6.2","react-dom":"15.6.2","react-draggable":"3.0.3","react-redux":"5.0.6","react-tooltip":"3.4.0","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.5.3"},"files":["dist/"],"_id":"@voxeet/react-components@0.24.0","_npmVersion":"5.5.1","_nodeVersion":"8.9.1","_npmUser":{"name":"tgourgues","email":"tgourgues@voxeet.com"},"dist":{"integrity":"sha512-1vpYIKP0bpr2gtAebZhtcPYNXpj5Y7uaqF0H62r4Gf32AtDqfNlx7BiT/KYV4wmwxwVWYh6frzu2PpBI5bPsWA==","shasum":"6558f9f11538676114a47ba974ffab9cee6e4802","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.24.0.tgz","fileCount":100,"unpackedSize":4953207,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa2KhRCRA9TVsSAnZWagAA+3QP/RV0eBJujL5hXSGpOP31\nzfZc3lb4vg7PWzK7ixEgyDOAi9mCqKH2Jaavd8EZniWlpI1moNj+BVJO0Ax2\neKMt6JKcuiIB5j4xzBdGfLAzE0Vbeib7TilfQg8qI/altI9gFdm5w19ZhUme\nji5VSIwNlUsxNIQZebv5BR8Y+ik3mM3Ot11Jydd64KDTfjIkEFwlWdYJiQnx\nqYUOYJ5eBGXLfUbfDBywHLV0GrfKfjUqEWCbGnjiYQkDF3DXLj1gFFqXs7cG\nq6cZo7rlQW5bx4SYfSJE7mQC3RlygP+oZ5PQUpBXjEk9BDwkBY0F9m2jH2qg\nLXsalAFOVv0xer3UC+wTTCtVHdQxDn9Wf89AXRuCNPKQGJOTJ3m9cGEM+oxJ\nlQYpNaAT0viDGDkvEcrRqB3Ks2x00f2w3tw48VuNrq9q8lLUoA9HF89+iS7W\nLgRy0pFcRtkTaxJ7o7bytJOeQ/5Lann8kBGpeUemRM0Us+6bq+Zp7Qil5FNj\n2xGQVlVS0QlilubtA19jSm3AXrUuKTH7lpS+BFsh9c0YeqJehbDfrOvF0Zqv\n3LQRpWN5IQgpg9kbMpPSDFvhhwHUKh8kTf1p1ZW5YtXj0jIkG+FENfWryqGE\nuCwaz30dcJnOVv0RRkjeMxVyZakCHsUI3N2lzeed4HB1ZPKgeQ60VvSwYsCS\nDNdJ\r\n=2o2J\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBjibT8mCkhOgWozOs/ztCq8MCUKJe6sE0aXrbrMQCbuAiEAtR60bIQwjAtt26qcEJB/7CnhoOAINUzYH68Au4XQK8U="}]},"maintainers":[{"name":"bsenard","email":"bsenard@voxeet.com"},{"name":"jbehuet","email":"jbehuet@gmail.com"},{"name":"tgourgues","email":"tgourgues@voxeet.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.24.0_1524148303874_0.8050746624176126"},"_hasShrinkwrap":false},"0.25.0":{"name":"@voxeet/react-components","version":"0.25.0","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com "}],"dependencies":{"@voxeet/voxeet-web-sdk":"^1.5.8","axios":"0.16.2","bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","d3":"3.5.6","immutable":"3.8.1","prop-types":"15.6.0","react":"15.6.2","react-dom":"15.6.2","react-draggable":"3.0.3","react-redux":"5.0.6","react-tooltip":"3.4.0","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.5.3"},"files":["README.md","dist/"],"_id":"@voxeet/react-components@0.25.0","_npmVersion":"5.6.0","_nodeVersion":"9.9.0","_npmUser":{"name":"jbehuet","email":"jbehuet@gmail.com"},"dist":{"integrity":"sha512-EL8v5loNVeNxc6M9IaLuoWXuXlZ05062bRc/pZuyE0Wl4O8xj3YlneqbLDhZ3+uL5IcG0nQv+RrgYp+nAC+VHg==","shasum":"0c47c96482fcd0fd9908ceff4f363a75fd195b82","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.25.0.tgz","fileCount":98,"unpackedSize":4200511,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa7BR2CRA9TVsSAnZWagAAMksP/3DOozsHCYDS0MNbtQ2C\nEjXNwOCTu/GG5pQx0w23V0b87IHXHytSEmOq3qR00hMyVS315k+jF5Hv7mp5\nXswWi4Va2cY0PUoyEDsMFnSb3LwARhJVOF0OTNJJ/sxYk9zSdNn16DGQuOB6\nyMPW3qZDq/kP6KWO8B6SL/7njcjpr8j5PnfDTwFM/QtaWeAJi3SXrYYaQMVa\nQdVffNqaimUKfl/Y8bbcE4y6Mu73jFVuJaawZLYUKm3I9UZBzAdUvFb5ZVL2\n8wJIE3f3IKc0Isq4LeSngfRd6Cv+4x9s0mggPvls4kgJErgAITBXcBpe9ZSq\nQ6+Ct4VQoFXuLSc/DCVvl9Nkq1qgtF/QAwCTnCgjbJAj47jRYlr13hEH7xSx\nNNbix3SLBBRGH+LAt1KJ2mdZ4QR6AGblR1LZC9Myhzp3elTgWr79cGznzIGL\nzjkll2nE1Nx0dHRGRDac6k0RjA7ZLJ1A5FAKGe+XG9PHm6qHTEPMTwUaCFD4\nDhrFD3NekCkPTMcEKvmWCBkbmKVymW5vfiFhbvCSavS1fXeAJiCbjwB2uuBq\n9Ey+x4cUo8OqyPA2m/2Usb7dJqbkaZdOfGuE8Pd8ECUCcFKH4hJrbYuc+p99\nFTHxvqO/Bu+dSm/CvLB+yYNOrtbZo2wgKo8QOXDF7QuNSED8emw7Pq1jGdtu\njPYf\r\n=K/Rm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDvKctS53zL2wtdB+Qbo3mBnxiauckTdBTWv8tF4IMLmAiA3sgHBLMKx/ozOCqD4zsVh+GHOzPw69lphDefKyVl/vA=="}]},"maintainers":[{"name":"bsenard","email":"bsenard@voxeet.com"},{"name":"jbehuet","email":"jbehuet@gmail.com"},{"name":"tgourgues","email":"tgourgues@voxeet.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.25.0_1525421172954_0.9764733440154902"},"_hasShrinkwrap":false},"0.26.0":{"name":"@voxeet/react-components","version":"0.26.0","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com "}],"dependencies":{"@voxeet/voxeet-web-sdk":"^1.5.8","axios":"0.16.2","bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","d3":"3.5.6","immutable":"3.8.1","prop-types":"15.6.0","react":"15.6.2","react-dom":"15.6.2","react-draggable":"3.0.3","react-redux":"5.0.6","react-tooltip":"3.4.0","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.5.3"},"files":["README.md","dist/"],"_id":"@voxeet/react-components@0.26.0","_npmVersion":"5.6.0","_nodeVersion":"9.9.0","_npmUser":{"name":"jbehuet","email":"jbehuet@gmail.com"},"dist":{"integrity":"sha512-3WHLS6slBEd3AQms8qAMIaJnv7NtOL4XC012ayEuo9WIuWV3kkKeWSEg+pucHCbbZe2H4Z0omFFgmtOUvvxYKg==","shasum":"f7deb5ee16e3401b9733b48638108615a8cd2a51","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.26.0.tgz","fileCount":98,"unpackedSize":4208568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa7BbUCRA9TVsSAnZWagAAMGwP+gKaML1pmV23fINsZLtl\nyYwbGvfkgW2WABmr8HSNwnvU+PljJjAkXQjGP5q4A1KN90ahiPJwrjQCIn3T\neYusvwmg/lzTCHwl9i17EPTbrjW1We/SIFJRF9vPS3+4QWbyzWDuzYC2N+HL\nxzqOLTJXXbj6yFXcHcYGBLpnBkmpvNYYtd5aQtyavT6MIb4X6nUkNU2l3NX6\nJRwASZCKf5Zi5UIeWRX2zIZXij0kE/llunCopYiVojgwV9SrH2A57v+tJMTo\ncdn8FQ+xx4yAqZSF7kSBbyexFnLu7jrIDwIKKn2rOrarXBNCjkia6ZoTxgsS\nrscOvqJ/ttySz3v6x/egrZBZ88llgfuEbAb4Tc4f8qnrMwsocD1l3rJR9PmM\nz81no4c9I6DYJ15JjyvzbtOLeC/+Nw4v9uS2OhdDH7GdCLCYfIaQg2x2UfGG\nTkxtw5gx/u6gw29KFWk45FTxsDHMlBiMZ75pt4/nRZbFUiKn+DytFf/fQAp0\ngxiHKpEKn/4/V8wx9hPEQ5Lf9I6zkGsccF3mnS1NsKckY9GZ7pnOKEiFrBcM\nUlgpiEL2hH2hnssPDrrn7n2wn1oqrHycVn5u2uqhvwWEKTw1HKVfgJT2OVlv\ng6ORSN5CNQHPZfRi7+cmvOrhzOo94f+mIBwTYp1D9fgk6p691GmXUjGd2XfI\nDUBh\r\n=Ph9d\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC6iGQlUtgg8MdBtIUnL+TPC1AmfJbgTjx+ZMdzcKGy5wIgbRCAEJ9OOvY9/Ecq/p+zY5hqpY0lnczviEQluxbNMEE="}]},"maintainers":[{"name":"bsenard","email":"bsenard@voxeet.com"},{"name":"jbehuet","email":"jbehuet@gmail.com"},{"name":"tgourgues","email":"tgourgues@voxeet.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.26.0_1525421779815_0.0571058549254746"},"_hasShrinkwrap":false},"0.27.0":{"name":"@voxeet/react-components","version":"0.27.0","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com "}],"dependencies":{"@voxeet/voxeet-web-sdk":"^1.5.12","axios":"0.16.2","bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.0.0","react-draggable":"3.0.3","react-redux":"5.0.6","react-tooltip":"3.4.0","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.5.12"},"files":["README.md","dist/"],"_id":"@voxeet/react-components@0.27.0","_npmVersion":"5.6.0","_nodeVersion":"9.8.0","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-jKeJziO4snWwfOYhEZxx+dk/nr4C3yraXyX/Z2C9hUNZagRZ9VAVkZ6oVFvkJWFrqfn2wgbQ5dCFYO9o8d0VDg==","shasum":"0351d42492ff7b50f8dd89b64db4b2b402ec7afe","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.27.0.tgz","fileCount":97,"unpackedSize":4072742,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbERACCRA9TVsSAnZWagAAYukP/j0XQVd3bmig8m+BH/ff\np20mPkc0WuVFJkpeyaCckJt6EmzfUGyk3HnJdKU0YOKgrxfj/w6yhiQ4xEQJ\nSbVuGJb2zVpBZ5JejRQtqMfWurQJGGRYoxMpyHd3KuUqb58h7uVT0yesdrzQ\nmz+31ls3wEF8OEEorG1kjZVtBpSSgTJUvVlVJAjichoXNaeYSMi5aHP9uPfD\nXnAJ82cwJntPB73uNaox+ef/uNlhi+botRDnHzgAePG1a5nUCOFnjgzipCKc\ne0LwG1kCiJlLIQBwSaxi5/hCeA9Ri5YwBwA2ZnLJR0YjE4fF2uY4KrJmm5dn\n3soJEGdeH3hXUdqUKY8Wdur0Aa7RGRZuh/kEjVX6tlyf05w4CtvmUdhtBRVa\nqsSI/1yIyErEjd4WbuhLJDL788tlHCGtyz0LWsA9VvYcPdV1F2wvZ0l9GZc7\nLAEmg8xc1HX5n7en6cqbMQ+yi0dZD9UbPr9+soj78Uo05hg43MoBlK4XUH1l\nFCnrrXGK15WVTTPUVQNNtgIfQdu9VxupPEP3DfatAJCGin5W7phzscGLGYsy\n48YLxCwy1rEv2ttS22lQmx8SWu8uPb8sIReuazF86AOyqTFxQc3XWiHJNAlu\n5Wpm5ehBqXxBOobVvawakCK0NFLqPWprGiRW0CRDuiS+uQPr1ZA28o9M8cJY\nhb66\r\n=i7Ep\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIERxeOkBK5YdP5lZba7uO2A5itoSLs7j0wJvz2SuWjW2AiBfys1Cg6YY7O3y2OkmucSz/ffS2eJf3Of2QfCl6GiffQ=="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.27.0_1527844865215_0.5373141882595451"},"_hasShrinkwrap":false},"0.28.0":{"name":"@voxeet/react-components","version":"0.28.0","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com "}],"dependencies":{"@voxeet/voxeet-web-sdk":"^1.5.12","axios":"0.16.2","bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.0.0","react-draggable":"3.0.3","react-redux":"5.0.6","react-tooltip":"3.4.0","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.5.12"},"files":["README.md","dist/"],"_id":"@voxeet/react-components@0.28.0","_npmVersion":"5.6.0","_nodeVersion":"9.11.1","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-p7gN+GfwTCE4jmWBjIWF7b4oeXH+pnkUybHf2IgqsaZbWKAm9UkY2gHDBYmZ4lEV71/9Q/RB++I/39Foka0kQg==","shasum":"97f177a83dd2fb2f3410de45887a733299034d3b","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.28.0.tgz","fileCount":97,"unpackedSize":4088531,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbGmyOCRA9TVsSAnZWagAACBoP/ioADe3K2I4qz3BE9xCg\nVSIGY5QeO/mcaUqcCKXCdzt19cIlxA0ftoGZAPMPIDTIdRTWbuMl/tvnbNLn\nl8ewsiIdkbum5EkYKnvVJehAt4rI4igcw4MDSng69iTVzuBHhaDy/W6s4IO1\nwGEqxTT3ydWTigHQ43OzZzcaDP6Yhw3NObc7f6Q88JmwKaUxo2eDMiau9LGV\nKGDsZqwaaWbDTnERWVrhN7KVA2iVP5REQkVmo8D3MJUC36v29tP0WlsrdamY\nww+1VKX0nEPXKn+LVYy/z4bLEvCSZlcmq4tO+oZmBy/LtgVuONdEQAD2owy9\n1+cAnsT8zjjIP4PMUoo0puQ8vZTEfKA/o+0xheQKev1bvQO4fVZ0hdejMeSE\nb9KBIaXOG0ciB2hXQn/Xyn4jRRoM9n+OueRVr96TLNGara98um5MMlhDKX8q\nM8YiYFSCHRl1JMhUMqvxVb/OOCQ9C+Lx7Zip+fjO0pdZ8vTSf4ENVpLplbJF\nD4o0sbTJbruDPyjaFCUn7n/0f0oniUrvgfWZ6us/9EmmBWMwoMWflUFR790o\nROqqLmkgSn58uH9UvNiZEVh68JCwTjb69dmMQj1U0thY+Z8ZZxdKg8Jq/HEJ\nB/SyZaajgnmuiNJVqMywJiM2rKBaBCbj5+0VVXd2JpvLICQhpaQmh9Kn4AFh\n+DAr\r\n=sPZW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCIVETFNOrux2ykFXKEuQPQ7y8tK3/ghe2EOEHVtWq9kwIhANrqJpawhHXO3rdMUctNxsdp23RsIik7e/K3vqq5Ls0A"}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.28.0_1528458381181_0.5327428995040626"},"_hasShrinkwrap":false},"0.28.1":{"name":"@voxeet/react-components","version":"0.28.1","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com "}],"dependencies":{"@voxeet/voxeet-web-sdk":"^1.5.12","axios":"0.16.2","bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.0.0","react-draggable":"3.0.3","react-redux":"5.0.6","react-tooltip":"3.4.0","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.5.12"},"files":["README.md","dist/"],"_id":"@voxeet/react-components@0.28.1","_npmVersion":"5.6.0","_nodeVersion":"9.11.1","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-Ux/2P8h3pebf489y0eregkf3NYidjFzWqRXu0SGcEcU9eIUOzQME2YJNecSVFKJzrdkLX0Dpwcd8E//JX/8C2w==","shasum":"5b2c7f4fcc693abc7d74435e54aaad8bc93fd90b","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.28.1.tgz","fileCount":97,"unpackedSize":4091342,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbGpPCCRA9TVsSAnZWagAA4i4P/1zEJXw8j0npWTOEMFPK\nDXM5xDVUTl639dl+TalU7NSzgue6ZZMMk3Q1a0ZrOkbLL2CrFGDp4cJy9oYZ\npvUbEthPZU9d57goY74RnAl2VUbVqWWy8GvxZ5x5kzoVKNu0ld3SfQVwMI0+\nFnXBLRWU80npbUCdPhvuZvvth/YmW8+roq6Z1PuF6yEyMte65h5GGwVRuv7p\nSc1JG+kmwfod3HpV7cl13k4EwY6iocpYZcHG6eesbd+jKhPOoDDEucUkrND6\nI8kifgSG0HcfYsnPlsNaKquA2R/zl+Hf8wjCSDpmguaTchxZWsK25q+JquWh\niI+DSC3KNM+zRKTQ3+0hkUMABY7xc33nSXb92J3g5z8+8nWK1hbHdaOqcLVI\nq6M+zIrMjAFwn82ULe2jsxgj2bZOGCwNNYkjOBSgQMdVfl9uKcuIeygHlT4Q\n/HZg7+YxpA5fzXsvHWNHYNDUQhTJGlq+MBosmJexhr4sRLwd6V4afgqB6fiF\nSu/WWwCuTYgVS1TUf9H4yfQbqoI0Em/lsx6Ho5IYVcW4TXtaaQbxkLNiR4rT\nig2VPbcfa4Nw1YEPRxIVxgB/8c4QjRbufV9BDEP3FVqeHR6AQ8/Hiyv7tFZp\nploZH33NtfHztrvNoN0BRcoEEbyaLu2WCoh8tlE8WnI9HfBPZlJnVGsCgvrS\nWs0W\r\n=LqYL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDZrDbok6EfJcjjMA1D2BXS+0Rkj7a97IwyoD8r+6BMzQIhAMtpXsV9HRiTFYS5QN8B3gM1CdqTCEvDyJnnf8bmjL8T"}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.28.1_1528468417333_0.7735895731502391"},"_hasShrinkwrap":false},"0.28.2":{"name":"@voxeet/react-components","version":"0.28.2","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com "}],"dependencies":{"axios":"0.16.2","bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.0.0","react-draggable":"3.0.3","react-redux":"5.0.6","react-tooltip":"3.4.0","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.5.12"},"files":["README.md","dist/"],"_id":"@voxeet/react-components@0.28.2","_npmVersion":"5.6.0","_nodeVersion":"9.11.1","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-aL6doGoVd1MtaioBYVl6RctutIJv56e7Bxzx6sbp6hOjYVB9+RosH9bdecxuoTsAl3aWxaV3LzBp8Ze5sfiHdA==","shasum":"951ccdb128ff59523db5600d3d347aee48fa06a8","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.28.2.tgz","fileCount":97,"unpackedSize":4094055,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbIiDACRA9TVsSAnZWagAA63kP/2h5lvGQUj2FtJXiTY4i\nXNcrVXadcyQeOe+HodTh4Uhy023BFTbjrbKuV0WZJE1AuZEz+n3wdg2wZVMQ\nJkv88JWbex11JCrAT2dSwaXFFZxEayEwqK8movXnKNfTHaPI2F9BgQHrbtWz\n97lHau6iTNTXtLzVdsgZC0obvi2tjZZuT4frLBdZz9uDdZIMIihfnJGzZCpL\nkbyKE20KA1h5ytEAQGwaWcgE278sDXh/AtYFvL8jgcHTP16Z13JH6+GuKGfL\nkL3rfDf+rCGS2HAa84txECKpuEUhCIh5hL8NOrbfwYh3x6Lw4+1j4RYAbe4s\nQKonwRgQwExjmFjVpbuY9icHHNQr08P3bZiULYi1HccpsDzkTjQR82X8Ba2y\nMvbA3qynbQTYA6ercF7cYkYjOIpoxnYIaEEd7ogN0ipclYZKVp4x/eYq8+wz\nnjkGkKQcvMVPK4GG31L+EHcA3EQRKRUzhyQOKL78LfAvRwM6l0ph8nFGAkFb\nQ9MId6x5xVXByV/q5TgVfB+j8iENwKdbBwD2i5A53TlM3gKCADDMuDUECuYZ\n+UYMIsSgV1w3yitAc2f/dITig/tl/dR752fgv6IpjbCpjFxnix6EkoYQml7P\nwAptcZG5kbuOHBpgPOnyBswLFzRbbhf6QD7J5kRd8oQK8WJKNfWDf096JMWZ\nesS7\r\n=4+bx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC0mJpTDqXm5v9RwJ7oxtyu6yYe/Mg98pBM+gxZI/zNbQIhAIEXb5CRuUqaTKGHrnL0iEi8MoJayGC/NZSCT+4WNKIa"}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.28.2_1528963263811_0.45934953501069375"},"_hasShrinkwrap":false},"0.28.4":{"name":"@voxeet/react-components","version":"0.28.4","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com "}],"dependencies":{"axios":"0.16.2","bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.0.0","react-draggable":"3.0.3","react-redux":"5.0.6","react-tooltip":"3.4.0","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.5.13"},"files":["README.md","dist/"],"_id":"@voxeet/react-components@0.28.4","_npmVersion":"5.6.0","_nodeVersion":"9.11.1","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-dCR9blX8sQ0Xgwrz+cFtNwyxbgqjhOXyc6CIOhCo6lCeNvCRfA2JYJatjJP7CAZpHxxKAtgzmtjEXo4TCNS/jA==","shasum":"beb1c052cc70619f6019eae0399c527a6fa0531e","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.28.4.tgz","fileCount":97,"unpackedSize":4098726,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbKlafCRA9TVsSAnZWagAAd8YP/RrOyS29IX/dlV+uoRQb\nIW0ZvUx/qGNBjE9NSZJcq0CJbzR1gIVY6mOKOh8BtpDuVPcP/9KKUBLWeuO8\nDb1wdsBxb6+MGjx8u2ozltff31++aR0dmMTsPlxpiAwU2m4Qa711I/yHvTDZ\nx5089A/zoM3vDUTzWAX8vHrGuWzGu4D7svX2oTk02rUthi0qxqDviMnIFQXG\nmQFMIN83SthMFONherJLwosYhKfJ0wkMrWzRk/hIccg6WMpfzZk9RqF5hy+D\nvXOSr1fcBuUa3U+6dU+M0ls/3+FAgFlVERUcgucThgrjGxYAXewP1mrIQWa/\n0M3vnteU8FPhkMKwRfExQmrSef1l6CXc+AbJu0WUVzLh1yA/KnuWK+b6CEvm\nOixaSp0crIHk3VuXDSe3b4z+d1qbTqE+zGes1TUrVrYw/N44t7dp6cBJCNhv\nG0BXHTfdeXuCJ1DK7V3a5SOaUdysAk752DLujUYTqDSTWXcHHr6pA4KdIZpA\n5nQBDDqUeNc+8U2yOCiM+VXdeqOkgogVYyovnVJat1sD5DocmLPNWTnbpEEO\nRLoUIFfbmY4xRHbHrSJoH8dvRDLtfgwtpp7bexrmhzfSNDJ6P3lwakHnOgbw\nX9ZAm5egqipoVJ2jnVNhrw2WI8F7h43iUG0mlK/dOhfx6EdQ4AmnYkb7GuxE\nzyN/\r\n=naN7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIETTYlFvU7pVrYfs4/kCVvFI6HAwTl20K9NREpw+xUqCAiEA3qWLraYglJkQMS/h4J3UUNMDs4C19yN7bajap7vOGvs="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.28.4_1529501342608_0.03518258370900895"},"_hasShrinkwrap":false},"0.28.5":{"name":"@voxeet/react-components","version":"0.28.5","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com "}],"dependencies":{"axios":"0.16.2","bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.0.0","react-draggable":"3.0.3","react-redux":"5.0.6","react-tooltip":"3.4.0","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.5.13"},"files":["README.md","dist/"],"_id":"@voxeet/react-components@0.28.5","_npmVersion":"5.6.0","_nodeVersion":"9.11.1","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-xLWAISRdxLXkhUuJ+YUPuh+okD97EvSoY4zVlPp+uVtwjxGpJ8JUFMD5/rhn2yG/2XwjdTyDQnDgWu+Rtue5Ug==","shasum":"93a99972581992efccb778b703ddf7ab6fd98423","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.28.5.tgz","fileCount":97,"unpackedSize":4099010,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbM5C3CRA9TVsSAnZWagAAcQYP/3oeWZmVKFcnNt7tPQ3e\n0WmMvm5wRaG4bJgTB+0Kjhi4v3LC8I+Rs+e2nHJ4mUJscb+YHUqKqn3COA6A\np70901E98hN7tb/Tr9eJAWfCPyVP93/lxkgItk5cRRDnd7iNlTJdd0pqZl1V\nPU8E7lebQ1EjlkMankq+L/Z/QASf5DMAAc7wBhSxn6ETeQ1Cy7PqLpwrxHkX\npJfShTH8OpcbrotQ9bAqudRA+RTDo/djtwyZDZXGW4DxtsRNWWMS6WqorQHR\npMzYZJdmwwAt8v3i5R778yadk75e2uHbkbhoC0eSAYjoxgsmu2NcKJqZp+jU\nLsHdiZrbVD0N/hqfMbm7sY5papPf68St7KQR+RA57ocueMRSu1mh1jnX4T+Z\n8Wp7VBOdQ6cGuKEoPOkq3TOkssSW2qSl7Nt3Jot8quDCs2Y0DM+yFv7CDgd2\noBXZ+YrqXYeL4sy6FfwoAkNhYiNz0iKnNB99TRu2m6Ik1WaRGnf71qilSFXo\nQare7uxaTnmkFXfKZ+8CWT7Mmd+opMVp+IJAHBlmv9tkNJ8NaISjdqX4JrhY\nlFr1KBU/U2lWM3mYwf/eutgYndNzXAwPTWqlki4aXYP82dq+SqwmJYe8RnOh\nYkj3xp2yIxXNlBfWXu3zAGifiHsS+goGkySgKXMznatDYkgCj7us8I3ujEuc\nA14/\r\n=UwMY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDND/nr/+wJJj7qKxM3L2Z/hvzb/cjB2BdVvGpdAz24/AiADcPRZ5JNRVQN1eAR+hCZiPLJ0L6MrPToGZcJyfpEy/A=="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.28.5_1530106038985_0.3625555312593156"},"_hasShrinkwrap":false},"0.28.6":{"name":"@voxeet/react-components","version":"0.28.6","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com "}],"dependencies":{"axios":"0.16.2","bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.0.0","react-draggable":"3.0.3","react-redux":"5.0.6","react-tooltip":"3.4.0","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.5.13"},"files":["README.md","dist/"],"_id":"@voxeet/react-components@0.28.6","_npmVersion":"5.6.0","_nodeVersion":"9.11.1","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-nGoZMYtY84+LLW+EQL7NFUu11GQyvkcFBolWaOCFyguLIpPfS3GYzaWY00KEjgI4yAyPVVULleLa3wwRg2p0xg==","shasum":"1728cf8ea2350ab22a236ae8e0192554f6590887","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.28.6.tgz","fileCount":97,"unpackedSize":4099451,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbNJOiCRA9TVsSAnZWagAAE8MQAKIxDLAAcy6l3XtOy9DR\nn+GR9aeczjS3jljvptoLUQuAzDczTx3zVTcncU3TCfWDI+St6+hHikv3Q/qp\nvP5lrpsCzN4bI3a3344uOILFPXnOglzZGy+xL7/hLRjbJgQAefuE+rJWsS0m\nhcPoex5sGy0zZrsa0VCUf1fY077eVAkRIGqYR25WI/0xfBqiAOTWm3+sCg3o\nWxW5i8nK7+RKAgK9ZbEIHJbaYyKM06Fwf6OBcI7CPvh9gxIEsXY2dNmB/eWj\nbMI/dtGzYy9WFsFfG0uB1KOW8+xCUFTCl83cR6TuXEwVodsJVYr+KBv1m4fZ\ntelOaXor4npD7WHKX0iPDLqFceBpnVUoamfHUCuUnO8EVCqU1ov6vlY/As+X\nmGhkByU3w0VvS29W0dw9Ue4K+XviK8FdSyGDD1OK8FLA09FAFRmjAn1fCoCS\n+OoRVsaXyASivxlDXy3UHcgyHmoH+JGqRZsBw5KeZryPmkuMVVa/Jq8wYvpQ\niIAXuAJYuix6ReskjHOof907kLmHWnDxElaf4Ophb4n5xPVWcdPjVBZbz0Fy\niGyln9q7YxuDr0CWRpUYJIUABGf8kAFcXBAKPHya1X+uTha5/Bl77OsGk3Mp\nbV3dhbDdsxU1nfcOtJnCAIC3/uaI9m9flTGLYd/S4Bpgu2cwwQKsl/N6kbi6\nFHfy\r\n=udh6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDK1mfylfZQvvNwRnhAnkJmoaZe7UtUJZTfuFzBQeQ7EwIgLUUn9RqfZ+mM63GOODB2n4MvF7DiKJChzLNwnsbZui0="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.28.6_1530172322696_0.7607908435439259"},"_hasShrinkwrap":false},"0.28.7":{"name":"@voxeet/react-components","version":"0.28.7","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com "}],"dependencies":{"axios":"0.16.2","bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.0.0","react-draggable":"3.0.3","react-redux":"5.0.6","react-tooltip":"3.4.0","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.5.13"},"files":["README.md","dist/"],"_id":"@voxeet/react-components@0.28.7","_npmVersion":"5.6.0","_nodeVersion":"9.11.1","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-9hDDi1i8ZbPRbovzsH18kGN/9Gn9oVPc5FeIVnNEPf8qgXTyafKkT6M9RetbWX3F3Uhk/T5zzqdM4dw3kZYpmQ==","shasum":"3ae18e8961441ac2382671d0bd5580c8f4a2e526","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.28.7.tgz","fileCount":97,"unpackedSize":4099373,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbNbdCCRA9TVsSAnZWagAASxsP/RApHTRzXD6nPhXmaVW7\nL9kt9vTpfB726uTap7+nr1WfQS0ESdcLfquyDGn33SX/kakqCjjAquPydNDu\nwoDRKDWZ1UGt5+LRIlWpALNJ+S+q6DDxJ6EbChhPOD3J78T00eVG+wdn3lYq\ntSdO6s4twK6mKSAbK3zJqB/GE3zNl2vgJXEVEG4voYuUhCPOPjK6Ra9Di35t\n2LpulEAD+tn4Az8KBYM8vYSyAixPTPjuRK9MI+eeQqE909JiLGksMDjF24E7\nLQ8iKRCtLM+8uoGy50et4KLT8cQ/c7ikUbCeibzh/pz8fxTTQCthJxtW20QJ\nvtJpxbDk1nwHbzBntN//eGFIvuysvM61fvmiTsjB41EdgdpPDT9oBTR5/kQn\namLX9W4EQ3oxlz9zj/cO7h1231BkzY2PC2pecjFazsT3w0k1YP4muaVDKNNV\n+dbWX9YO0gARcK/b6rDzreosNn2rJ7CQ//0B6Xg96Dnpv3PfsCL4XJ7iCE4U\neh5ha+qLFP/JNy+f3Yv/Rhcd0ySlmaCaAsSbx+vn6XcjWlb62t7VoGZvqiFt\nbWpWoHdTVDLxHZQW1Uwzq4nupdF9CD41ZuOyqSaeIa7+LJjq1Srk+EA2p9r9\nL6mMNIOcaKt6dDpUaQU9JPNReNW6w3VSXwqYtWJZwNwdvhMiQkhn3Ob64s7W\nQSVo\r\n=tElj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGH7sy+TGoscsDFtah3LU5DTaImVDBPLqFXhDGQQG8FDAiBNejgTStGQjAM4RmQW6M3Zicz6rZJe6x/nsflY1j6Rfw=="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.28.7_1530246978845_0.44593928977158104"},"_hasShrinkwrap":false},"0.28.8":{"name":"@voxeet/react-components","version":"0.28.8","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com "}],"dependencies":{"axios":"0.16.2","bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.0.0","react-draggable":"3.0.3","react-redux":"5.0.6","react-tooltip":"3.4.0","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.5.13"},"files":["README.md","dist/"],"_id":"@voxeet/react-components@0.28.8","_npmVersion":"5.6.0","_nodeVersion":"9.11.1","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-0zhPGdauyFnc5xcSO+DYPi8BN1ICTARtLq5snOVfLcU3dGIJ0u6CPyAMOT4QJaXgu64tOVveQ1ATwwMOse40Xw==","shasum":"ec61d5cd35a9a814274983dcf651f04573f86de2","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.28.8.tgz","fileCount":97,"unpackedSize":4099869,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbNcwiCRA9TVsSAnZWagAAW7cP/0L/8lffgItpkp7Qkm3W\nOdYtqJZyHniRYDL7OkSi0LuKjXQIKw03BhMa78b5QRAhIXGSSlIUvTVLxgVS\nLHp93+GDacPIihz/ciuoz0Oxo6pEEpzgUSp0aLwJzRR8fy4YOLLJtwguukBo\nvvTMymDJFn60ejqF83xcpL+7KJVB+0sKvJ2uJiY0H+kpvVIdb3/GESRPT0tX\nGSy1aDasx5vVaqxBPzAPDQglnttV8gDedFqk5fbDCtqrPV3eHtOLlkSC9JH9\n1TZ6W+0ZHC3LrW9hjuTzqLG+5at2PlFT3a0yWPg1NfMps7EgPRk8cgPssSQL\nQWfZTl+JIk4SW6Zo1PqW6bF8ZiPt/Q819kuZ5bTispfHc6NskMBwsxrs/0A4\nHVyCSSsQx9HvYr7xK1KC23tNwhTDG7Z7eq2Vpsn1hdf8e4ChIWHZbEYmWZPK\nX4ae2Cy27luF/9+JYZ2szUr21vgq41X4cDJRNZz7V/cE4ECxHD4SGmRqjPmt\nsiUPEXlEdEVs1YOsJwoqSb/KOYlL10LCRKlNyqY5xb3Kf62eEkF+wspzL2Fe\nWx+LxSH7mLNNeDcMkgwWbZnB+gWvmF4+jvDp0gLdsxC5Q5wg0Ubx7frBNYo8\n5WibrJuQ1APn0ybYH5tyyt8MfkZrFZYwrHu0aONQ6/CZBGhWchxElOpkrlZb\n6o75\r\n=vnTB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEybTrPI5zTMaS5EZjsYB6Gx/9NbMcUkZxUmPcl4ia54AiAqrEXlTOM+7YD0tbDZ6QimBl6fPkzsy3+V9axRx0JOtg=="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.28.8_1530252321977_0.4409535585431208"},"_hasShrinkwrap":false},"0.28.9":{"name":"@voxeet/react-components","version":"0.28.9","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com "}],"dependencies":{"axios":"0.16.2","bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.0.0","react-draggable":"3.0.3","react-redux":"5.0.6","react-tooltip":"3.4.0","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.5.13"},"files":["README.md","dist/"],"_id":"@voxeet/react-components@0.28.9","_npmVersion":"5.6.0","_nodeVersion":"9.11.1","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-zQ+JL2j7naYafqcUYvAa9a5/7/L0SLiLb3hJNWPsqRS51+n0yAC3S3QGDTG/rJNMTnBtStny3OOKoZXh7SHeYw==","shasum":"fb006bcb726391d3e32876e513831c94dab0dea0","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.28.9.tgz","fileCount":97,"unpackedSize":4099903,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbNdEJCRA9TVsSAnZWagAAevIP/j0YjdFoQ1WOCn7eh1AO\nV65DXmgKzBk+WscLVzgbM2oNcmZ3Y4zKL2FyxcaVZX9Bzh5JmUPRGBTyYu6I\ndpfbFjnOekkpYfZcd+EuFW7iaHZjl2ACnBXc6ldHvP1DsWpu/t5J82EVVWF1\nfdqfJSq+yU3QI/Gnw63J0s8EW0F4pijj5ADc5tszKxNjif4zGFFD/shQy1Ex\ntd1Z9EmnNThr2CHT5GFuckkNE4DBwh9L6FmVWLR7iA2h4tJu8mCkIXP2L2r7\nMuVs6hTsTVGRT6lZTUXUlhdVst11uyQmSXz11f2GQOyWJyZ6/vWnqjMGdGIX\nzpLFhRbY8H8KUYlmIEbA566C4rP3S0NTGp5Mn88P6s9LhK4yKYzLnqt9ARJL\nXYxX/urTiLohWPTVglxYd2O2LhnHoG7wXq3S/NxHkg7qFSQJmGCQ1YYvRO1Y\nVpaNiXeOjkLLxNihAWtG+SdMWjpb2Q2R9iOIZ2WnVXpS4IW67wdSYp7DD8aC\nVr5yIMWCAwanfohuYes4qRiUy98u4PX6F7C+UoUPpRG+R24KMyMz/ONewlpe\naF20mZqALC7GPby/3jJflOg+p9U6to/o1cfYHbAU6owVe+2/diIE14225RDX\nRTgNmsAJhiZGPXb9xS8d/+p957ipcRxVLFgsln4nJUEJbydqdj80TmuYSVAk\nxx4v\r\n=Oqa+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC98a3oGVbdhduC7WUgxJSXUOeG6MM5JP5BIw6mER+KQwIhAJVxO+Srx+TPCYdlAEmsgfjmXK9RB7lv9NEAmxluOMLD"}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.28.9_1530253576936_0.600245727686074"},"_hasShrinkwrap":false},"0.29.0":{"name":"@voxeet/react-components","version":"0.29.0","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com "}],"dependencies":{"axios":"0.16.2","bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.0.0","react-draggable":"3.0.3","react-redux":"5.0.6","react-tooltip":"3.4.0","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.5.13"},"files":["README.md","dist/"],"_id":"@voxeet/react-components@0.29.0","_npmVersion":"5.6.0","_nodeVersion":"9.11.1","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-V8TM9rdge9tIPGSBi97UB/NFFTDYm3lVTwzi7YJjGHLZT+Xu2nccAkyy2wFV5EalzW3GwoY+8pa1aDPmE1iNHQ==","shasum":"aeca83470d981873719d5050ee309c06aa45ce4f","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.29.0.tgz","fileCount":97,"unpackedSize":4099417,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbNduTCRA9TVsSAnZWagAAlpUP/AtZljHhTR1mhb+nfzZd\nkwV4XYSdKAPg+MLhdRRsy8SukD7Y8U9eh1yzuT2aBXKsS9FBRmnXj24i0Cs/\nr8Mhvg8Fq2i8Vjrn+m+9FVJBWOUu73ih9gSY0upRwGJYvVUxRVO331YwEg01\naX/dI5O6NoW0fQiFn1HSrIiyCjDum1c24vq9qLVxC6FmZ40TOim1juJIIiPs\num4HWrCbI3is5NxI55cM46vhKjYfVwo+llL+FjFcs29Vc5c+VzCRxgScVCTu\niVIGnz9fjMWIxBftuZ6oq39lDefTQ9/Z2go7DNGu2lVYTEbMrkilcfqd50q0\nd6ub4S6KC24G1MOM41qZz0X/5qJZzyoui6DRBlPSZNQionOC16zify3ND3T7\naeeOkJWObCbzpz1dY0d8qt6yofkw5hkMmudcytdWSzkz6fOn01y7Yb/UIHsy\n9cXwyeDWQz6peWDtvFx4sSJxRrRfwtaliQCAbU6oMSVIS1tiPV/Zj0QhC/TZ\nxS1gb6IMr4W47BaBrkna7BE5Yc8pN9THfInelhqF6aOnxIzYFDmLNMYS5CqD\n+RwWLdbLpR5bj36G07pdwy+EN03lX+ljMohkQw0B8C9nKHbvIqDDmDoZ2qSQ\nvWX/WrLWSDfrJSJ9BFgNTfiOLPc9QLYyaBDz0xhaGFWm6vOF1l00o0qN9XiZ\nSYNy\r\n=p/EJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAEN8bgnsCMvnWSaoe0+eOa+u1cD4gpQLKPDjN4lIVaGAiEAysgs8tG16deCx2Q6Vd5D2P3BF79PI07Q6K0Eh8nPO0U="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.29.0_1530256275680_0.9826363147962096"},"_hasShrinkwrap":false},"0.29.1":{"name":"@voxeet/react-components","version":"0.29.1","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com "}],"dependencies":{"axios":"0.16.2","bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.0.0","react-draggable":"3.0.3","react-redux":"5.0.6","react-tooltip":"3.4.0","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.5.13"},"files":["README.md","dist/"],"_id":"@voxeet/react-components@0.29.1","_npmVersion":"5.6.0","_nodeVersion":"9.11.1","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-TVTG3lI7fCE+TwxnmCok4SB1FH2dEb2wQMGZQIODeGAlOE5+/UPvK0m2n+O4VOY1ClAT/Iyxhoo2zi9+gd5iDA==","shasum":"d01a2d8d638a249cd2debe1231eb3ac51406b92e","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.29.1.tgz","fileCount":97,"unpackedSize":4099541,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbOdwCCRA9TVsSAnZWagAAgJEP/jG8TQSJI0+ScC3U8N73\nfHbHoRkIRNL4lIPttPT6vmR3zVwMz9LRxEs0+rPObnu6RFYMUdLmDZyhsvkW\nE4/0Hnugo1J432xHHm/HuCjL0S6vxC4N7/NtjpQkQdSUtE3bVMWr44C3EoKr\n6egc6GIfh8kgPWqyUZYrqhDQz6VIs2MD02jo0gKJ/PYCTLx6Q/Rz+8MSPnfp\nH0vSOfOrIdTCMH8J5VQR+I879mE8VfphAvqz0+TzQd685mySGnXeIPi1t4ip\nlW2FGfH8iL1ahPG6WZ7Y9BN5iAxAZah95uVOVIgAQQzzuk8IzUHtEaDrKBa2\nsIN0AOJPywxsZE/kM3KEUi7o91rAAtBHnh6DXQ76RM/Jxa+cBPPKVuPXiWDw\n7VOkXU0IMSDm63DAytU5kmzmPY5aT8NZKG65w4giqq82s8bYYK4HYOhyUDDc\njyEIA37a7nZscOSmFplsR4cZhSQJHB4anYM9ogxgqjKGWopK6y6OyGGlsYqm\n2jyRn+0qG0mTw6fjFjoGOlOLMLkFkyUYCzkp/2Llgjn1ydB9cD+Fpxaegd+i\n5OS5eoqQk5uU/OHpDv/vPT5I1y2LzrqltV12UWqsON/4a4sMBdydPVNgEb+K\nN1JvJhz0iGD0v61QrLyuSIiieJOzZJWTKlQzQRqchF54TOCpH4/6bvNbOTx6\n39aH\r\n=oxG7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEgb+pdBLKhRYtep1aWQSsoVsOTtPRJpYxpOEvQro+ExAiEAgMH0cBGvdO4J35mMO6aXvbYzIVq6avkjNyvUlxBzldk="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.29.1_1530518530427_0.12775915245995617"},"_hasShrinkwrap":false},"0.29.2":{"name":"@voxeet/react-components","version":"0.29.2","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com "}],"dependencies":{"axios":"0.16.2","bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.0.0","react-draggable":"3.0.3","react-redux":"5.0.6","react-tooltip":"3.4.0","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.5.13"},"files":["README.md","dist/"],"_id":"@voxeet/react-components@0.29.2","_npmVersion":"5.6.0","_nodeVersion":"9.11.1","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-hZ1JvKZ3s2+DGEtOtsX445HGEP0Cx4uzF/Hy1HchYAyyfUbBodTukOXmSEhegNql+QWNfcC0ozRMn5yHJyFOPw==","shasum":"7b043d159cc787667afbcbb146e752d6a9e103be","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.29.2.tgz","fileCount":97,"unpackedSize":4099581,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbPh9vCRA9TVsSAnZWagAAD58P/029ndj1KWZQK23K7zxd\nXlzn2KfehJrh3VV1BxB2UQ2IulgZom7lgPVyjbixMB/72tAS2nC7Ryu1HDN8\n5jWr9bUw58esFxoPcTuAbWyBp6Amul29Wyz7gbHNC8/J1HiYiDU16Q68TYkX\nBMvMEFxg1kw5WQxQ3eqHXb1s+OYsNT5NWIzTX+6Ll1/B05GYdOmYkpyX0I7b\nkBMfk0z7BTaidWq6TFPVsfeRZcHJl6Wan43XbcdeukXtxYCqhufgEsyeUyBV\nRraYs2r72LxCle3sqmaiDyqj4pv0odsEPjEUAjRjS25lGFJvbqER6vlD/8pe\n+EL+HJqfXesPPwf6gn4kewX6xv0egsJpb9r03O/ycm2sAtTxqtYTT76STsoi\nqvsUIu/Gy+tYkOHv3iXifVDC/1oaR1BR/q7dm5hsuq1FYAElKoskHx0yPIjv\n2OIYPxFlkXN+xrX4mANB19xzu+BalkIKqaYZ14E3Qat8n3dgYPqsNiakPImy\nN5hoyewIL2+StYj8DR22O5wbYDDBPp5bT5hiJy2jqXbQ0sOop3UjZNBrdg2d\n30km5eGVGqmzXKUo4SZJc+RrzELcHIkcbtC94KTKH0ty/jgDK0UAxpsVzxTL\nYQNZWoc8uuCFSn7c0qhyXuWkxJQW6U3nqq5bEbnlnqT0ZDJsTJflpoSJiG8r\nVXgR\r\n=DtkS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDM56ulbIrYVPnzmAQaURiptRSZVKh1j5YsTFV6FalNkwIhAJTUhsuo2iUctvk1bGCFn98G7HQ1AWc74JfqeZWGYzC2"}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.29.2_1530797935380_0.331835640346944"},"_hasShrinkwrap":false},"0.30.0":{"name":"@voxeet/react-components","version":"0.30.0","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com "}],"dependencies":{"axios":"0.16.2","bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.0.0","react-draggable":"3.0.3","react-redux":"5.0.6","react-tooltip":"3.4.0","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.5.13"},"files":["README.md","dist/"],"_id":"@voxeet/react-components@0.30.0","_npmVersion":"5.6.0","_nodeVersion":"9.11.1","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-DETVpETIw1iqENvKUdISQJqmnZGd6EVq42sb57CSkUpgzViZhnxth6edMshD6dwuC1LYgXsu3w3ddM5qvfSx8w==","shasum":"ec6808f19b15e5ef963873deda8eb30a789d5664","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.30.0.tgz","fileCount":99,"unpackedSize":4115336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbRMhlCRA9TVsSAnZWagAAwFcQAIRJKM4Q7DQKIjkoHelU\nPo8Rs+YGXuc9kqOCsX1N7IWCumB1S5Wu1nTMFcxCr2e3EHl5cdjwX5soTRxj\nANME5wPTXE2f3TTHRHLZpnCM53CZzqeofXhVUkQk4PvZqWIhReMvh3pczpH/\nI66HlAlbGCqCFoYUMf2wf4TqxrO+/d8V5pOqBD0MQR37hAYuRgMiykoSyF+4\njWTq8BxxUd4aD4jZTROYPdVmp1p8vF9wdm2fnqj50CmWxv6mqzss8DTcItMR\nDMDuY9N0rQSEvyFG2tfbYpYwD2zEtnkxgCDBzpT0LYpGLc71m/vVC9qW3aY7\nklcBbCjodQQSpwXIWeWiH6dONXzAVIV/hlHDTky6FNEvQzIxFgnuCFOFc1pJ\nHHw86fVvGJekuYvOCclX+Wy2OWJvN4easTDrU1+pCoQx7zqejZ2l+R8s8kLd\nw/st1UjmE2jT2D2xsnkhSF3RGNloeVMdYfI3WcRsDLA37rthluUxafBbm28w\nUjjcDBBQo6n8UKR7KzwczDt2cDuf/qGmsbSYoe1wlFOlqiZuR8lWMjQLxeZS\nLmYqxiTZ+Qy1o6t8aP5OLtKzhbyhf8N2eGCXs1PQcayQ+GejSzysUICMxXYU\nUrEksUVDmVGxYOld0/oJxRDYTczsdiGX91FN1+AKg2+nXNm6XBKVquR0JxXI\nKhQR\r\n=gMVW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE1h3C9rbkwiM8U1dy68wz4NUzMAo3vf+rChcv2BD+U8AiEAq/Vgf0/O9LGxjOQy2Ueg3uxMVVn7HpT/x1IYr+LxEak="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.30.0_1531234405216_0.18017451395764938"},"_hasShrinkwrap":false},"0.30.1":{"name":"@voxeet/react-components","version":"0.30.1","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"dependencies":{"axios":"0.16.2","bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.0.0","react-draggable":"3.0.3","react-redux":"5.0.6","react-tooltip":"3.4.0","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-cli":"^3.0.8","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.5.13"},"files":["README.md","dist/"],"_id":"@voxeet/react-components@0.30.1","_npmVersion":"5.6.0","_nodeVersion":"9.11.1","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-bOCFtiE1botmlr+rQSVcX0IOczto80ub1SjBRH6c6eTxTIf+Rt8DPoH19XWCajjbbWqQzqlEBrL8gVQAp7mpHw==","shasum":"f3b305986df325a1d1b4df7f72eceb2ef7ee3799","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.30.1.tgz","fileCount":100,"unpackedSize":4124474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbWZu9CRA9TVsSAnZWagAAK9UP/jhHlSAGpHaYdh1SFWgy\nnUHgqox2DTZzqIZw8CAmjExQrZjnRM5ViF+MKSo8ncvVhYmah2JQ9ZXx+Ued\nusA3WaDMSDBJcHS2fytpv0Qz0A0DMXfmX4w5ryc/AqNiAp2Z6wwZgVKRw9BK\nnI3PQ5VLP3gjRD7GsJ7mhnisYzX4UzDWQp6eK0bhfXbE41K4kLMRYN+dcT31\nW1jpieum3I62igWANtDK1c98KKudAy3yC1Jl+t5kX/Ynmek/0G0Oq6UFEC7z\nAnHanHkNsUUtMaCA/QGe8CAqZVUQ0qfb9LU93BI2krfiWoyMz3Xm+6xS0XXP\nu3bcJGPUhFJtnzcSFuCJFnyMPdVLMmgT8wyXfWNs39NJyrR8gGr5jO5TA+ty\nRVWzv0mK1nsinePDhL8Jgm9lvHUma7oeZujW4mIeWHI2WqvHMp+RR5VBfXzw\nW1ZI/7LOs7a6DP1GU7dQmclnjXgH1OJ6FJAOnizvdQfsVTwbDDS8+REgu34Z\n0BFBswEl0K/S7IdcSKaKZN0rI2KFh0VUIDs0ds03QbprkztiqNpuHy7j0waK\nBkrKQz56dtWqmqxzHJkRInYllf6tGUEmdxLY+TAXXl0bWeNjj7hmt85GHoln\n90IpeWO0C4vJtX5s67ntsJoXZKbIAEuDPFnl9P8UCzB1IZVmXV3rp53F7w2n\nMtxE\r\n=eGbT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCipx0LCehwjG1AfRiXQ9O/I2NHEOV9bUp+Zt/a/wnCVQIhAJKUGiXWoi1MVwzl9EdDnJl0quJSE8HjH0VO9m2wdp7N"}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.30.1_1532599229625_0.03510146992454577"},"_hasShrinkwrap":false},"0.30.2":{"name":"@voxeet/react-components","version":"0.30.2","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"dependencies":{"axios":"0.16.2","bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.0.0","react-draggable":"3.0.3","react-redux":"5.0.6","react-tooltip":"3.4.0","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-cli":"^3.0.8","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.5.13"},"files":["README.md","dist/"],"_id":"@voxeet/react-components@0.30.2","_npmVersion":"5.6.0","_nodeVersion":"9.11.1","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-n9c0W5XXrwxZD7g+jlZ2PieN5q9lhX3tLA7UJmc+WPy9Z9GStb6gkD2LFiCn0406tYR1sAXRyUKgPzDWhvqt+w==","shasum":"06cd81a967c6939f700cc1f20ee0d1d2aae32d98","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.30.2.tgz","fileCount":100,"unpackedSize":4124568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbXwHeCRA9TVsSAnZWagAAJnYP/0mcQxEWGW13WUk2pN5O\n+gt6lZATP01GTxxJAUkG7NIZKC23sf38hJ0PYFH/P+YH/UriHGMtEt8KI+r4\nA8oNUfMwA6tLZixszu8V0w5U0GKHtUN5FIXExKoIqSL6eDrTLlbOJxIA2Oj+\n7QGPAkV+7o555IwnZkyXKOMhtnuIf4qm4wRcbugoM1QZ5kP8Mk+wwpVqe8A+\nam2+jR/L7LASzKPd715Uar6VQKiRHczkAxz+sG/ZsBWj52pXJGGEDnOoJvyt\n1QM3BKt9X6A9dGwsVgdvpZvK5hqOjbwE5CbNZaPuvzxeUPUmttniFLaWucay\n/sFrqj0qWCr1/SZWOrgFGAT7RwfX8/Ecaq2Ri0n3bojUV/NzOeMZCLxqmx1J\nAjXEdWhCXLoaLb5sUodIYW0BjDdbPEnAHDBMZS5x1VVqE2XI7LNBGG3djTMB\neqJRamgCRgFl+K8+iRWsexYSKbgkhNHR4YrR46/wOqCO410YgQV51WVULrhV\nHajsZyfaSx4JHeNTcnXLZJbpomV+B9/7jM/OlwyOAygD6+1WOBrYWrRUHeDl\nbf4MqQnMznafow0JtZs1P0NR4SK93Gh/4oQcQfO2W0ecOcZ4hDZlCBg+GVYl\nc2tMnQ/6/COdlNQvp6s3JuVzefK33RpCUeu/B+S9wsiMtnGeAFSuctBK3X7u\ncMkF\r\n=tnzn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQChT02yGWtje8/4Y30XzL85ey/1gblGQ7mJP/CWv2Uw6gIgWJMlNTQgiXNujpo5FwNZXf4SHCelxxjy6D9No1JAgKc="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.30.2_1532953054538_0.7388908856999183"},"_hasShrinkwrap":false},"0.30.3":{"name":"@voxeet/react-components","version":"0.30.3","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"dependencies":{"axios":"0.16.2","bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.0.0","react-draggable":"3.0.3","react-redux":"5.0.6","react-tooltip":"3.4.0","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-cli":"^3.0.8","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.5.13"},"files":["README.md","dist/"],"_id":"@voxeet/react-components@0.30.3","_npmVersion":"5.6.0","_nodeVersion":"9.11.1","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-MMecse81U/Z2/AskEQxXxsAPfHzioyRu/2FkjfvvamJzsfXEeTEOtWFL2ylGTq5ZKNyQ1XNj+DZEFVo9LxD6cA==","shasum":"0acea98d479933845df287d8e29186e14a955ab8","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.30.3.tgz","fileCount":100,"unpackedSize":4125389,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbZFvdCRA9TVsSAnZWagAAkWcQAJU2hXH/b5d/FLqYM4Ge\n5Jy5GJ47y/yJ/GCJ+Wjse45MjSaZVSPQvMwucK1aCb/Lly0SBi+MJBzCbxph\nrcIdRsy2t2e7pjbzjZiWBLTpwcmu9SonqyAjygmAWyny2R6H+iZxZQmpZdsZ\nE3TbJTkxoiQ2TWcAV8E53gnqUGydqt82t1nEmzK0PlMnz92fS9P17uFVRYQG\nuv+WfbF4Zgp/hyLgbiOpglLQvdfol0Nmtw7KW6WXPKYpHz0fpPqCpB4+KUZ2\nYmrXgZgv8a09C0v/lr8qiWUXHPF2TNvt6PIdERGdu9S0MYjRQeG1SkYr1wvo\nFS+C8Iyz4Ce41cqRKr9Usn0uvcTjkG6+IL+F554RIqF0rnzOqk6SBRzib0B+\n6jLNQ52VFISGn7vWFmCzLc7BWiEg8bkEvQqdRSz0Ym7RtEHUWzn9gX7Yzlfa\nls033kG0Z5UVcQ6VvG5I9RsdO0WcVGk4tz3G962P/cuCsJLWSpAkPDrudusV\nQwd7cB1gvfcvHChUob9LG7Vpm8qZHxt6M568srqTwMQ3FUvzbhHkcz0BLZrr\nsiK68e424TZkgdPgJ5h6ZNNb4oudqc7au4u+oNXn3fRwAvZstsKNzK15yjsj\nv72VGRoHqizVJ0U6Ji5fMDGMlWHg4lM/sGTMXQx2P4DCOoBfrYtDaJYNzC7H\nR/vC\r\n=E/jP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHGAiPGkOP3/dQ41cVHHtFMj1pJs+MentGFLOJiWw/fDAiEA72zjcXVHl8H+yHJUUYIh65n2GyMnEVrVp+Q7CmEOBGc="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.30.3_1533303772508_0.1408755153074266"},"_hasShrinkwrap":false},"0.30.4":{"name":"@voxeet/react-components","version":"0.30.4","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"dependencies":{"axios":"0.16.2","bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.0.0","react-draggable":"3.0.3","react-redux":"5.0.6","react-tooltip":"3.4.0","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-cli":"^3.0.8","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.5.13"},"files":["README.md","dist/"],"_id":"@voxeet/react-components@0.30.4","_npmVersion":"5.6.0","_nodeVersion":"9.11.1","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-Dj0VJodAS7Ljo83xAv4fIhBTCBXD1xNHG7GKg08nRD41n7+cqujf/KgFyqOAzohp66aDh8rP6OgMLPh2+BNjNg==","shasum":"11c4254055e4b919a4d72124665a851206d1259d","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.30.4.tgz","fileCount":100,"unpackedSize":4125919,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbatn7CRA9TVsSAnZWagAAvqEP/RmwYSSA6MfUzfGv7LW9\nWZUSuucpzqcU8hKFkvaVCKY3dyGZgDD6noxpxKlNsC1Fuagx9oHyA6TV6ggd\nbGsjdUTUYeyOFCgQE5/y95lL6uktFjq1Cn1020w+n/8luCMFEIGmpcAIzzBd\nz97Qg9XrRG5RxtUQZHqMD71ZB2rKdDLehU3cgcaem2KY5zEy0+wMYNeu3XF5\nQ2s1MewHl7xiVcFi57Pau3EN0ySKViJ6w/XZrz6MeLfTKXiWwIPwuW4tYtvX\nQSBrqRBCiaE3z+HpO4nvRrrW0o8mlJr65ZZfz3OFAbFgEfBkXwnMr9L8P95n\nXzOMttNg4wGLiDF39c/V2RMGnEyLQy3hZ7L6cpkcRMPzlcig510a7xVeWLc0\ndXLb8/E/IwG6+MaLKAip4FzVtpo6ylMBSZ1ZyjK1QX2OuTuNs7pi1IaHeli6\nDB1PLfUGpL6eRYmJkAcRofBctzc4A3kkh/qtFE1kPp7HUuGPG9lxfhf6yqwW\nEumW39WWoZRE3ZF4RmCzg5BDbF/JScOoIWuUbWPUHag/vz8zWbrAst7qqDjZ\nbkTd6vmjCQkbRPdsMlIG6lfKbUrzs3qNCEk3iBmbcQFxekmoQ5wpqZqZLy3Y\nFgWViMFzDDhPUBhr1HNOxQdkz6eQW2d+apJeJ77765OO7X0GCzBvfuBFrb9p\nvHuj\r\n=5dw5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC/1lyChpQDIV6EgMgxhCllRbnFxvTsg5RWkPWb5OznVgIgXwkZywkA/9CiTtY5Z0K1KSd/g4tArX56rr3q48hK/GI="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.30.4_1533729275534_0.7017624109038545"},"_hasShrinkwrap":false},"0.30.5":{"name":"@voxeet/react-components","version":"0.30.5","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"dependencies":{"axios":"0.16.2","bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.0.0","react-draggable":"3.0.3","react-localization":"^1.0.10","react-redux":"5.0.6","react-tooltip":"3.4.0","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-cli":"^3.0.8","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.7.10"},"files":["README.md","dist/"],"_id":"@voxeet/react-components@0.30.5","_npmVersion":"5.6.0","_nodeVersion":"9.11.1","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-azcLl9CuzAmpkuIiuRceVaMWrL201iCN2w1K37rVPGGKCy8CsxL4ankh6cY5cQeZRmjeyryEc1wkMUc8Buxmkg==","shasum":"44d540c4e2a2c465a71490a84385e32cc14bb1b3","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.30.5.tgz","fileCount":100,"unpackedSize":4136958,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbg/QDCRA9TVsSAnZWagAA4cEQAJRshC97zwgtvPXKeo5t\npRbYUBSuNx98jom01F35hYFHUVxvM2PtiE2VZko1HnXWlGI023KXL1py0Vu9\neDxEe6AoIuI7CpH0vJTj9pXzaZae6lQjNi14PxoXazvzkDgwCeWCYXTQJooX\nbfT7J1ShZ1NJuRz3O9zdx7XLNaU/9Y36SOuOYSPxV5Ge4/2euhuPnJCPpj8j\n8sCQ2BbYMkeoPj8vNwf3phvTV5g5X1UW6K+6OXDfhy7ZWSf7mobN2OoVO7ed\nDz/m8TvShj84EEVNIe47iqxyukLumCD+NAto2j+dh7rnHHQ7iRDW6WZKBcJB\nPUVe7C+tv66wUs+Jva2+aO81Z1WnBVu/iR1xZKIpMwnxP3lKW78cTMzYYOra\nr06sMOmP3p+obz6oxibbF+DM+5JLBv2AU2OWqf+5iLSj/N1N1dyeSMLNDwCC\nOwO9WBCF79zpWNl+CNaEczz1b6B9oJXGtmO0PLsq7ZEfGIbyGJPRyRFNV8tB\ncsX6JIKDA4jxVwDE9rw70i2BeuA8gmBRbMvq8MLEBL30VXvPS5CnyzK9vT/p\n+m9xW8G88DHt7L9D+I/yz5ItpHPbHY5o16xSvx2rMyMXqi0C0pB4l7gFWehX\nbDnUIh2uf+zL9dBfWRQSmlUCayLZPDbMnLolL+2BL+8O7W1yf6naNGA1w/NS\nN3Rz\r\n=wCPP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHtm1DWFopQIL03BY5fuGycuPK8mi3rQkag6QCy9rMTOAiEA1Ws6jfC4ZEe9Tgdb0TDP/1f2gNn4bu61kRTxZhPi8Y4="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"mkantor@gmail.com","name":"mkantor"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.30.5_1535374339140_0.7950198456617263"},"_hasShrinkwrap":false},"0.30.6":{"name":"@voxeet/react-components","version":"0.30.6","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"dependencies":{"axios":"0.16.2","bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.0.0","react-draggable":"3.0.3","react-localization":"^1.0.10","react-redux":"5.0.6","react-tooltip":"3.4.0","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-cli":"^3.0.8","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.7.10"},"files":["README.md","dist/"],"_id":"@voxeet/react-components@0.30.6","_npmVersion":"5.6.0","_nodeVersion":"9.11.1","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-G2aP0/52mUaeKaRn1Ul4pxrmuCVWvPIk3QpEcHCRUjy8Lgrw9MssdzyqJ5IZTpfQdeCuzsbMlQuF3GlthZvPBw==","shasum":"7c6a362b210abe48f51be8a309896ba64d08486e","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.30.6.tgz","fileCount":100,"unpackedSize":4137919,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbhAYHCRA9TVsSAnZWagAAgSMP/iiOcsJjqjJ+PIRkGIcj\nrr2/rAPWHvsVkz7uFyzOtX4HtuIkth4Nmxobt42zhNcRy9ILbeAV+UdqGKDB\nbvJENCz5I8ViWEJ7njE219DGNwQfQGGzVPf+f8mUHhOudfdWqyVh2MmAKmHy\n2UksvjOmu0rN5nYPc7/QhUMagNrnBT+y8BPBsXk5ACdHvsQybf4dE43+MfiS\nPsOrkcFDgd9Tv43mkaDoUphqLSqFd1ZzxGNc4uPrQO++OeXq2FNIY5b3kmoC\nbaUPoxqinTkA4OvOYPeyk5rQPhOm1D3ciOkPPkuOj+8+gC8u4fMs/Mk24wln\nmHCFo6wQtFi6Ac1GpUqLP0HRy1VSHRnyTYt39gvUpJMr2twF9rxLw2Q0f6vA\nq8k/N7po0MyljIQwrBFap1NEU9FBKU/QjxqyuO7AxgDX5azFUU/eS8OPhsJ0\nLkN33BMqaIkTJJYpOuyh/8mZP0V0alr99JY4vCGGcDIaaQpl9P2gV4HF+1R5\nHlkr5IAvpFFjuqKmgKf8SDXdFtJoNJOylKCnYfXHSMhEp6/FbZB+lgudnlWR\nM/IlrhbZxSpp2MVLQ/WfY/K6bNx5hCYLNKWs4BKjVXmmYcdO+TbpMz5/xoBu\nt9BtthBtMgt0JS5IKlLNn/DiLe2LL19lqVC0rCCWK9roqMISSXhr+7qbFa7P\nuKT+\r\n=a6v7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDEe8DoY9AatuIcRyA80YxsA03h42vgoglgZz+yMdJlDAIhAIze6jYKCRDmdjsx2IAX0wzPE6gEHKNzD9Mj1tronsTm"}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"mkantor@gmail.com","name":"mkantor"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.30.6_1535378950977_0.585389834691685"},"_hasShrinkwrap":false},"0.31.0-rc1":{"name":"@voxeet/react-components","version":"0.31.0-rc1","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"dependencies":{"axios":"0.16.2","bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.0.0","react-draggable":"3.0.3","react-localization":"^1.0.10","react-redux":"5.0.6","react-tooltip":"3.4.0","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-cli":"^3.0.8","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.7.10"},"readme":"Voxeet React Components\n=====================\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components --save\nyarn add @voxeet/voxeet-web-sdk @voxet/react-components\n```\n\n## Usage\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from '@voxeet/react-components';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n```\n\n### Widget\n\n```javascript\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport { Provider } from 'react-redux'\nimport thunkMidleware from 'redux-thunk'\nimport { combineReducers, createStore, applyMiddleware } from 'redux'\n\nimport { ConferenceRoom, reducer as voxeetReducer } from '@voxeet/react-components'\n\n// Import Style\nimport '@voxeet/react-components/dist/voxeet-react-components.css';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n\nconst configureStore = () => createStore(\n  reducers,\n  applyMiddleware(thunkMidleware)\n)\n\nconst settings = {\n  consumerKey: 'consumerKey',\n  consumerSecret: 'consumerSecret',\n  conferenceAlias: 'Sample2'\n}\n\nReactDOM.render(\n  <Provider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </Provider>,\n  document.getElementById('app')\n)\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n| Name | Type | Default | Description|\n|------|------|---------|------------|\n|`sdk`|Function||VoxeetSDK if you want to use an external Voxeet SDK|\n|`consumerKey`|String||The consumer key|\n|`consumerSecret`|String||The consumer secret|\n|`oauthToken`|String||The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !|\n|`refreshTokenCallback`|func||Provide this function that return a promise with the refreshed token, when this one expire|\n|`conferenceAlias`|String||The conference you whant to join|\n|`displayActions`|Array|[\"mute\" ,\"recording\", \"screenshare\", \"video\"]|You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"screenshare\", \"recording\")|\n|`liveRecordingEnabled`|Boolean|false|Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)|\n|`isWidget`|Boolean|true|Indicate if component used like widget or embedded in your app|\n|`isModal`|Boolean|false|Indicate if component displayed like modal|\n|`isWebinar`|Boolean|false|Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)|\n|`autoJoin`|Boolean|false|Join automatically conference|\n|`displayModes`|Array|[\"list\", \"tiles\", \"speaker\"]|Indicate which mode is allowed (modes will be in the same order as the array)|\n|`isManualKickAllowed`|Boolean|false|Authorize admin (conference creator) to kick users in conference|\n|`isAdmin`|Boolean|false|Current user who join the conference is the admin|\n|`kickOnHangUp`|Boolean|false|Kick all users when admin (conference creator) leave the conference|\n|`userInfo`|Object|{</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() * 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>}|User informations for voxeet sdk|\n|`conferenceReplayId`|String||Replay automatically a conference|\n|`constraints`|Object|{</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}|The webrtc constraints for the sdk|\n|`actionsButtons`|React Component|ActionsButtons - All buttons|A react component to customize the actions buttons|\n|`handleOnLeave`|Function||Function call on leave conference|\n|`handleOnConnect`|Function||Function call when the current user is connected to the conference|\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from 'react'\nimport PropTypes from 'prop-types'\n\nimport {\n    HangupButton,\n    ToggleSidebarButton,\n    ToggleFullScreenButton,\n    ToggleMicrophoneButton,\n    ToggleRecordingButton,\n    ToggleScreenShareButton,\n    ToggleVideoButton,\n    ToggleSettingsButton,\n    ToggleModeButton\n} from './buttons'\n\nclass ActionsButtons extends Component {\n\n    constructor(props) {\n        super(props)\n    }\n\n    render() {\n        const { isBottomBar, forceFullscreen, isMuted, isRecording, isWidgetFullScreenOn,\n            videoEnabled, displayModal, screenShareEnabled, mode,\n            toggleMicrophone, toggleRecording, toggleVideo, toggleScreenShare,\n            toggleModal, toggleMode, isWebinar, isAdmin } = this.props\n\n        return (\n            <ul>\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleMicrophoneButton\n                        isMuted={isMuted}\n                        toggle={toggleMicrophone}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleRecordingButton\n                        isRecording={isRecording}\n                        toggle={toggleRecording}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleScreenShareButton\n                        screenShareEnabled={screenShareEnabled}\n                        toggle={toggleScreenShare}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleVideoButton\n                        videoEnabled={videoEnabled}\n                        toggle={toggleVideo}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen &&\n                    <ToggleSettingsButton\n                        displayModal={displayModal}\n                        toggle={toggleModal}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isBottomBar &&\n                    <ToggleModeButton\n                        mode={mode}\n                        toggleMode={toggleMode}\n                    />\n                }\n            </ul>\n        )\n\n    }\n}\n\nActionsButtons.propTypes = {\n    isBottomBar: PropTypes.bool.isRequired,\n    forceFullscreen: PropTypes.bool.isRequired,\n    isMuted: PropTypes.bool.isRequired,\n    isWebinar: PropTypes.bool.isRequired,\n    isAdmin: PropTypes.bool.isRequired,\n    videoEnabled: PropTypes.bool.isRequired,\n    screenShareEnabled: PropTypes.bool.isRequired,\n    displayModal: PropTypes.bool.isRequired,\n    isRecording: PropTypes.bool.isRequired,\n    isWidgetFullScreenOn: PropTypes.bool.isRequired,\n    toggleMicrophone: PropTypes.func.isRequired,\n    toggleRecording: PropTypes.func.isRequired,\n    toggleVideo: PropTypes.func.isRequired,\n    toggleScreenShare: PropTypes.func.isRequired,\n    toggleModal: PropTypes.func.isRequired,\n    toggleMode: PropTypes.func.isRequired,\n    mode: PropTypes.string.isRequired,\n}\n\nActionsButtons.defaultProps = {\n    isBottomBar: false,\n    forceFullscreen: false\n}\n\nexport default ActionsButtons\n```\n","readmeFilename":"README.md","_id":"@voxeet/react-components@0.31.0-rc1","_npmVersion":"5.6.0","_nodeVersion":"8.11.4","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-vwjAOyv3XJ1yzCkfYE/6ubbYm2c+LvzroDkVROFpuB8zjRQUAjFN+vmwhh3jBlB42xVhrxMMUs3yLaUwmCmnCQ==","shasum":"201ef592ad2d5977fb7d13b44c466f1744724166","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.31.0-rc1.tgz","fileCount":120,"unpackedSize":5258324,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbjVS9CRA9TVsSAnZWagAAsj0P/2PqyCBPWHLFWhwDItb3\nf+QtczRdYs4+V+2KLO5GY2R7X9WBySv7ugI270p462sappiCKZDmhKekB4HL\nQTjIGs+rzmTyPBtD4d2eCX7iuRZcuhbwFF+PmcAAO9TtUK46BJkJEbjR4JZ+\nvagXjQjcjArK58NTZW2ou7oijLg+iljlwqaeh8eMlz8qoK3UWCQyF1X6CP/H\nbGx/ZYlqfzFJVZKOZs8LhCEbuLzxraie8OrhAQ37SffrIdbt0O3QrsJQ1PlM\njrUFuPqLYxxF3LaVTXLR1uJoF/8Iw4MWDcN1lr6q+zvcIHrQfnomt1DydVB6\n92zj/tv+IFCPgoZzSSUymTLCO1tra2gDEjatYD6vqavYSw61uiw1dbdyU/iT\n7i2lChU6Bls7iYfUqlcSGesq/OBgRn9CcRjNUVHln4H+IjpgO+t90A9hOfoi\n44RTh2jcdSs3WkvPTTdYAscl9Cd6Pwqp0IMME0+QSX08kLpP2mzL/eeYeFJL\n3gUwVPZ93OsytmKunQY8EjLNCtwGNXBZOl6LqUqfg2zo5xbawcYHdUThPhSN\n08pFnCoephwRgJGi/zKWE+hce3E62sIvZ2I6lrB7ovZRQwoHkxAXP43gPFFo\nbN2CtMHhYLiZnKAac6fjeM7IoxKrOwCx9HFH23Sx4iJcIw8zdOv4L7Ory1ex\nGsYZ\r\n=1ipT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE0cNb6RFXUyXy55kAkyBYpdjU835hGLKTa0ooZE1dqeAiEAiBpfKXayX+DWbBPzzr3JckkZp0OOcG8oJ19n1wiajF8="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"mkantor@gmail.com","name":"mkantor"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.31.0-rc1_1535988924878_0.6853935353734844"},"_hasShrinkwrap":false},"0.31.0-rc2":{"name":"@voxeet/react-components","version":"0.31.0-rc2","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"dependencies":{"axios":"0.16.2","bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.0.0","react-draggable":"3.0.3","react-localization":"^1.0.10","react-redux":"5.0.6","react-tooltip":"3.4.0","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-cli":"^3.0.8","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.7.10"},"readme":"Voxeet React Components\n=====================\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components --save\nyarn add @voxeet/voxeet-web-sdk @voxet/react-components\n```\n\n## Usage\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from '@voxeet/react-components';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n```\n\n### Widget\n\n```javascript\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport { Provider } from 'react-redux'\nimport thunkMidleware from 'redux-thunk'\nimport { combineReducers, createStore, applyMiddleware } from 'redux'\n\nimport { ConferenceRoom, reducer as voxeetReducer } from '@voxeet/react-components'\n\n// Import Style\nimport '@voxeet/react-components/dist/voxeet-react-components.css';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n\nconst configureStore = () => createStore(\n  reducers,\n  applyMiddleware(thunkMidleware)\n)\n\nconst settings = {\n  consumerKey: 'consumerKey',\n  consumerSecret: 'consumerSecret',\n  conferenceAlias: 'Sample2'\n}\n\nReactDOM.render(\n  <Provider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </Provider>,\n  document.getElementById('app')\n)\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n| Name | Type | Default | Description|\n|------|------|---------|------------|\n|`sdk`|Function||VoxeetSDK if you want to use an external Voxeet SDK|\n|`consumerKey`|String||The consumer key|\n|`consumerSecret`|String||The consumer secret|\n|`oauthToken`|String||The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !|\n|`refreshTokenCallback`|func||Provide this function that return a promise with the refreshed token, when this one expire|\n|`conferenceAlias`|String||The conference you whant to join|\n|`displayActions`|Array|[\"mute\" ,\"recording\", \"screenshare\", \"video\"]|You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"screenshare\", \"recording\")|\n|`liveRecordingEnabled`|Boolean|false|Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)|\n|`isWidget`|Boolean|true|Indicate if component used like widget or embedded in your app|\n|`isModal`|Boolean|false|Indicate if component displayed like modal|\n|`isWebinar`|Boolean|false|Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)|\n|`autoJoin`|Boolean|false|Join automatically conference|\n|`displayModes`|Array|[\"list\", \"tiles\", \"speaker\"]|Indicate which mode is allowed (modes will be in the same order as the array)|\n|`isManualKickAllowed`|Boolean|false|Authorize admin (conference creator) to kick users in conference|\n|`isAdmin`|Boolean|false|Current user who join the conference is the admin|\n|`kickOnHangUp`|Boolean|false|Kick all users when admin (conference creator) leave the conference|\n|`userInfo`|Object|{</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() * 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>}|User informations for voxeet sdk|\n|`conferenceReplayId`|String||Replay automatically a conference|\n|`constraints`|Object|{</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}|The webrtc constraints for the sdk|\n|`actionsButtons`|React Component|ActionsButtons - All buttons|A react component to customize the actions buttons|\n|`handleOnLeave`|Function||Function call on leave conference|\n|`handleOnConnect`|Function||Function call when the current user is connected to the conference|\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from 'react'\nimport PropTypes from 'prop-types'\n\nimport {\n    HangupButton,\n    ToggleSidebarButton,\n    ToggleFullScreenButton,\n    ToggleMicrophoneButton,\n    ToggleRecordingButton,\n    ToggleScreenShareButton,\n    ToggleVideoButton,\n    ToggleSettingsButton,\n    ToggleModeButton\n} from './buttons'\n\nclass ActionsButtons extends Component {\n\n    constructor(props) {\n        super(props)\n    }\n\n    render() {\n        const { isBottomBar, forceFullscreen, isMuted, isRecording, isWidgetFullScreenOn,\n            videoEnabled, displayModal, screenShareEnabled, mode,\n            toggleMicrophone, toggleRecording, toggleVideo, toggleScreenShare,\n            toggleModal, toggleMode, isWebinar, isAdmin } = this.props\n\n        return (\n            <ul>\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleMicrophoneButton\n                        isMuted={isMuted}\n                        toggle={toggleMicrophone}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleRecordingButton\n                        isRecording={isRecording}\n                        toggle={toggleRecording}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleScreenShareButton\n                        screenShareEnabled={screenShareEnabled}\n                        toggle={toggleScreenShare}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleVideoButton\n                        videoEnabled={videoEnabled}\n                        toggle={toggleVideo}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen &&\n                    <ToggleSettingsButton\n                        displayModal={displayModal}\n                        toggle={toggleModal}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isBottomBar &&\n                    <ToggleModeButton\n                        mode={mode}\n                        toggleMode={toggleMode}\n                    />\n                }\n            </ul>\n        )\n\n    }\n}\n\nActionsButtons.propTypes = {\n    isBottomBar: PropTypes.bool.isRequired,\n    forceFullscreen: PropTypes.bool.isRequired,\n    isMuted: PropTypes.bool.isRequired,\n    isWebinar: PropTypes.bool.isRequired,\n    isAdmin: PropTypes.bool.isRequired,\n    videoEnabled: PropTypes.bool.isRequired,\n    screenShareEnabled: PropTypes.bool.isRequired,\n    displayModal: PropTypes.bool.isRequired,\n    isRecording: PropTypes.bool.isRequired,\n    isWidgetFullScreenOn: PropTypes.bool.isRequired,\n    toggleMicrophone: PropTypes.func.isRequired,\n    toggleRecording: PropTypes.func.isRequired,\n    toggleVideo: PropTypes.func.isRequired,\n    toggleScreenShare: PropTypes.func.isRequired,\n    toggleModal: PropTypes.func.isRequired,\n    toggleMode: PropTypes.func.isRequired,\n    mode: PropTypes.string.isRequired,\n}\n\nActionsButtons.defaultProps = {\n    isBottomBar: false,\n    forceFullscreen: false\n}\n\nexport default ActionsButtons\n```\n","readmeFilename":"README.md","_id":"@voxeet/react-components@0.31.0-rc2","_npmVersion":"5.6.0","_nodeVersion":"8.11.4","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-xRcvhd7GupZXYH3otBr7HlEazMmbXFeEFZUGGZS4rNk+psQbUsrlQOc97iOpufycQ34l0rkcfupVUN2l7vRNTw==","shasum":"c3e3d0c0a97cdc5fd14619b9e9bd3b088e3ebd2a","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.31.0-rc2.tgz","fileCount":120,"unpackedSize":5258733,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbjlGxCRA9TVsSAnZWagAA0LMP/3lcMfUCzRodaDRhDVEI\nGY0yrkjFh9LhQTzwktHhW7JvC2IU8aCLtHA3ODdnNUJXrMd7ohuKojJQf8y1\nXns/io0stroj36cBMDcnoFtjW3gThNUNTw6hQXV4n8zdHzaBnGjWMXM4paHe\nQS01lBnN/tpWL9b4Gb0SJS1jfQvnzuGlMeMKcDgt9uOnhiHjsnd1Mt5OwMqj\nWV0OOTuxsah/nybWyys67v4xbWDRXKd3RWQWurjnVOlt3R22bQSM/aoQWRzC\nH8tFyHSsqHRNm0u4o+Jnsc1R9U753R3PMwbeyoGY36b7Gjk3G4MAlw/fsgrf\nRmjHdngjoQKXduMAwjfZ1E2VuZis4hMMRXDBuZDnCk81fHhw9AGyRUiFd5nD\nTJS4H+ULwbaZB8KXc+WnShC/NaU54E3Q/Fztkei+vlleIjPsPIKkP38SUIos\npPtVELzHkwNwIEdyGfpu41wobNZZ1Ni6/SDc0hBqh79aKeJrERB2mS6Z2qd0\nOxf5tE4ImI8HUOoBwWMdDhAIfswpKu3hZPH5Lqu1ou4ro0jlb3LjY2egOrGd\nwCLBsWdTYXRK1BPYxZg1yDU2Gl0g5qw6uklqc20lhvsVU85rbjcOMA4avJAT\nnPUMe/JOI9tqOjS06hPospdHvC59SEirePHvvUyKJbdS+FtdiECL+gIl7sqi\ndKEP\r\n=TK9O\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHi+0KDlr8lxj07cZbUun+yxSp6JF0EtSmKWTi1qLZjrAiEAgCgFLHNqPd3rd/1IkFRmbFgAoNhSsok1J9lqioZEuFc="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"mkantor@gmail.com","name":"mkantor"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.31.0-rc2_1536053680835_0.9477777545586274"},"_hasShrinkwrap":false},"0.31.0-rc3":{"name":"@voxeet/react-components","version":"0.31.0-rc3","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"dependencies":{"axios":"0.16.2","bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.0.0","react-draggable":"3.0.3","react-localization":"^1.0.10","react-redux":"5.0.6","react-tooltip":"3.4.0","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-cli":"^3.0.8","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.7.10"},"readme":"Voxeet React Components\n=====================\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components --save\nyarn add @voxeet/voxeet-web-sdk @voxet/react-components\n```\n\n## Usage\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from '@voxeet/react-components';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n```\n\n### Widget\n\n```javascript\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport { Provider } from 'react-redux'\nimport thunkMidleware from 'redux-thunk'\nimport { combineReducers, createStore, applyMiddleware } from 'redux'\n\nimport { ConferenceRoom, reducer as voxeetReducer } from '@voxeet/react-components'\n\n// Import Style\nimport '@voxeet/react-components/dist/voxeet-react-components.css';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n\nconst configureStore = () => createStore(\n  reducers,\n  applyMiddleware(thunkMidleware)\n)\n\nconst settings = {\n  consumerKey: 'consumerKey',\n  consumerSecret: 'consumerSecret',\n  conferenceAlias: 'Sample2'\n}\n\nReactDOM.render(\n  <Provider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </Provider>,\n  document.getElementById('app')\n)\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n| Name | Type | Default | Description|\n|------|------|---------|------------|\n|`sdk`|Function||VoxeetSDK if you want to use an external Voxeet SDK|\n|`consumerKey`|String||The consumer key|\n|`consumerSecret`|String||The consumer secret|\n|`oauthToken`|String||The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !|\n|`refreshTokenCallback`|func||Provide this function that return a promise with the refreshed token, when this one expire|\n|`conferenceAlias`|String||The conference you whant to join|\n|`displayActions`|Array|[\"mute\" ,\"recording\", \"screenshare\", \"video\"]|You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"screenshare\", \"recording\")|\n|`liveRecordingEnabled`|Boolean|false|Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)|\n|`isWidget`|Boolean|true|Indicate if component used like widget or embedded in your app|\n|`isModal`|Boolean|false|Indicate if component displayed like modal|\n|`isWebinar`|Boolean|false|Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)|\n|`autoJoin`|Boolean|false|Join automatically conference|\n|`displayModes`|Array|[\"list\", \"tiles\", \"speaker\"]|Indicate which mode is allowed (modes will be in the same order as the array)|\n|`isManualKickAllowed`|Boolean|false|Authorize admin (conference creator) to kick users in conference|\n|`isAdmin`|Boolean|false|Current user who join the conference is the admin|\n|`kickOnHangUp`|Boolean|false|Kick all users when admin (conference creator) leave the conference|\n|`userInfo`|Object|{</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() * 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>}|User informations for voxeet sdk|\n|`conferenceReplayId`|String||Replay automatically a conference|\n|`constraints`|Object|{</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}|The webrtc constraints for the sdk|\n|`actionsButtons`|React Component|ActionsButtons - All buttons|A react component to customize the actions buttons|\n|`handleOnLeave`|Function||Function call on leave conference|\n|`handleOnConnect`|Function||Function call when the current user is connected to the conference|\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from 'react'\nimport PropTypes from 'prop-types'\n\nimport {\n    HangupButton,\n    ToggleSidebarButton,\n    ToggleFullScreenButton,\n    ToggleMicrophoneButton,\n    ToggleRecordingButton,\n    ToggleScreenShareButton,\n    ToggleVideoButton,\n    ToggleSettingsButton,\n    ToggleModeButton\n} from './buttons'\n\nclass ActionsButtons extends Component {\n\n    constructor(props) {\n        super(props)\n    }\n\n    render() {\n        const { isBottomBar, forceFullscreen, isMuted, isRecording, isWidgetFullScreenOn,\n            videoEnabled, displayModal, screenShareEnabled, mode,\n            toggleMicrophone, toggleRecording, toggleVideo, toggleScreenShare,\n            toggleModal, toggleMode, isWebinar, isAdmin } = this.props\n\n        return (\n            <ul>\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleMicrophoneButton\n                        isMuted={isMuted}\n                        toggle={toggleMicrophone}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleRecordingButton\n                        isRecording={isRecording}\n                        toggle={toggleRecording}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleScreenShareButton\n                        screenShareEnabled={screenShareEnabled}\n                        toggle={toggleScreenShare}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleVideoButton\n                        videoEnabled={videoEnabled}\n                        toggle={toggleVideo}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen &&\n                    <ToggleSettingsButton\n                        displayModal={displayModal}\n                        toggle={toggleModal}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isBottomBar &&\n                    <ToggleModeButton\n                        mode={mode}\n                        toggleMode={toggleMode}\n                    />\n                }\n            </ul>\n        )\n\n    }\n}\n\nActionsButtons.propTypes = {\n    isBottomBar: PropTypes.bool.isRequired,\n    forceFullscreen: PropTypes.bool.isRequired,\n    isMuted: PropTypes.bool.isRequired,\n    isWebinar: PropTypes.bool.isRequired,\n    isAdmin: PropTypes.bool.isRequired,\n    videoEnabled: PropTypes.bool.isRequired,\n    screenShareEnabled: PropTypes.bool.isRequired,\n    displayModal: PropTypes.bool.isRequired,\n    isRecording: PropTypes.bool.isRequired,\n    isWidgetFullScreenOn: PropTypes.bool.isRequired,\n    toggleMicrophone: PropTypes.func.isRequired,\n    toggleRecording: PropTypes.func.isRequired,\n    toggleVideo: PropTypes.func.isRequired,\n    toggleScreenShare: PropTypes.func.isRequired,\n    toggleModal: PropTypes.func.isRequired,\n    toggleMode: PropTypes.func.isRequired,\n    mode: PropTypes.string.isRequired,\n}\n\nActionsButtons.defaultProps = {\n    isBottomBar: false,\n    forceFullscreen: false\n}\n\nexport default ActionsButtons\n```\n","readmeFilename":"README.md","_id":"@voxeet/react-components@0.31.0-rc3","_npmVersion":"5.6.0","_nodeVersion":"8.11.4","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-mjHePxPFjwVbQX6OOFt/VAT0hLBnT22tga03MrNjqmsHdIwY2xf7zMKRQq6w0B+PnhSDYmyx5+2Rpbw0uNtWIQ==","shasum":"589e572d59f4360312425b4ed6a2986ff9508640","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.31.0-rc3.tgz","fileCount":121,"unpackedSize":5264970,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbjmh2CRA9TVsSAnZWagAAzlwQAI7Q44jhhQil7qFe7Nd+\n0/uO26P7sMTL5Ct6R321pgYla+w7zAkEXuKgL9SY7sD3XNIfYsdS9T/V4Xsj\nGQgZK2AmulwlL1O+eohbrSKheAilw+U8pnbVfu9N5sRBBfXzReozrmy9MTwo\nydXzFevW273wqtS32n/kNOv7nUQHBNbLwzBCbH0OC1wOIrQHVsb1ylqzO/Qi\nwhKPFpsYrE+frPYqOihSOcu6B3CClg6VWPfCGAaBvUgx+Sb4yr6U4BCrEvSx\ngBWBJJlDMjgSn3XE4QlN7pJebj6wKqlKvlr2iOrym3aqA/Fsz5t0cSijZnf4\ntHhPVboN0xeCKZV5g8b1QAweuwR0RX+CaR8rVszbm/AmSCkL8vNzXWU3rK63\n7f6PkV5NGcHHRFM+nq2jezZtnxXq9ec19X8DJUtfNg5JR3r0DjQQKQJlaaQ2\ntnAl6WbZrEgVh6qb5rDnJxlQBnYLDCTu35NhIGCPLdrDFiYKBXuwwBAXYu63\ngMXfdzeZwhyVY7seZLpVuzZLd+oHS/6imF2w1L/aPai06Cs6tTgStHqmKHCl\nHq3E41hu1jSIVio9GVj8SfHkR4PaqABeSjNkSqbORtpliCxCz/vqpUXrTp+e\njuFS4CAK1+s1OdosR0q2XJzrdBvaWnmzq43soj6tTvbT1vdde/iovl9IIETB\nde8B\r\n=Vf8C\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAUvgOSRIOxpvi5Buh49441bEXALaZjfVYDdWNqByiZsAiEA852vnvh7e+4un1iiQKdVfiZqAzJOJVoQ558BlVdsnsU="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"mkantor@gmail.com","name":"mkantor"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.31.0-rc3_1536059509691_0.8415470720429934"},"_hasShrinkwrap":false},"0.31.0-rc4":{"name":"@voxeet/react-components","version":"0.31.0-rc4","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"dependencies":{"axios":"0.16.2","bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.0.0","react-draggable":"3.0.3","react-localization":"^1.0.10","react-redux":"5.0.6","react-tooltip":"3.4.0","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-cli":"^3.0.8","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.7.10"},"readme":"Voxeet React Components\n=====================\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components --save\nyarn add @voxeet/voxeet-web-sdk @voxet/react-components\n```\n\n## Usage\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from '@voxeet/react-components';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n```\n\n### Widget\n\n```javascript\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport { Provider } from 'react-redux'\nimport thunkMidleware from 'redux-thunk'\nimport { combineReducers, createStore, applyMiddleware } from 'redux'\n\nimport { ConferenceRoom, reducer as voxeetReducer } from '@voxeet/react-components'\n\n// Import Style\nimport '@voxeet/react-components/dist/voxeet-react-components.css';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n\nconst configureStore = () => createStore(\n  reducers,\n  applyMiddleware(thunkMidleware)\n)\n\nconst settings = {\n  consumerKey: 'consumerKey',\n  consumerSecret: 'consumerSecret',\n  conferenceAlias: 'Sample2'\n}\n\nReactDOM.render(\n  <Provider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </Provider>,\n  document.getElementById('app')\n)\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n| Name | Type | Default | Description|\n|------|------|---------|------------|\n|`sdk`|Function||VoxeetSDK if you want to use an external Voxeet SDK|\n|`consumerKey`|String||The consumer key|\n|`consumerSecret`|String||The consumer secret|\n|`oauthToken`|String||The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !|\n|`refreshTokenCallback`|func||Provide this function that return a promise with the refreshed token, when this one expire|\n|`conferenceAlias`|String||The conference you whant to join|\n|`displayActions`|Array|[\"mute\" ,\"recording\", \"screenshare\", \"video\"]|You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"screenshare\", \"recording\")|\n|`liveRecordingEnabled`|Boolean|false|Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)|\n|`isWidget`|Boolean|true|Indicate if component used like widget or embedded in your app|\n|`isModal`|Boolean|false|Indicate if component displayed like modal|\n|`isWebinar`|Boolean|false|Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)|\n|`autoJoin`|Boolean|false|Join automatically conference|\n|`displayModes`|Array|[\"list\", \"tiles\", \"speaker\"]|Indicate which mode is allowed (modes will be in the same order as the array)|\n|`isManualKickAllowed`|Boolean|false|Authorize admin (conference creator) to kick users in conference|\n|`isAdmin`|Boolean|false|Current user who join the conference is the admin|\n|`kickOnHangUp`|Boolean|false|Kick all users when admin (conference creator) leave the conference|\n|`userInfo`|Object|{</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() * 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>}|User informations for voxeet sdk|\n|`conferenceReplayId`|String||Replay automatically a conference|\n|`constraints`|Object|{</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}|The webrtc constraints for the sdk|\n|`actionsButtons`|React Component|ActionsButtons - All buttons|A react component to customize the actions buttons|\n|`handleOnLeave`|Function||Function call on leave conference|\n|`handleOnConnect`|Function||Function call when the current user is connected to the conference|\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from 'react'\nimport PropTypes from 'prop-types'\n\nimport {\n    HangupButton,\n    ToggleSidebarButton,\n    ToggleFullScreenButton,\n    ToggleMicrophoneButton,\n    ToggleRecordingButton,\n    ToggleScreenShareButton,\n    ToggleVideoButton,\n    ToggleSettingsButton,\n    ToggleModeButton\n} from './buttons'\n\nclass ActionsButtons extends Component {\n\n    constructor(props) {\n        super(props)\n    }\n\n    render() {\n        const { isBottomBar, forceFullscreen, isMuted, isRecording, isWidgetFullScreenOn,\n            videoEnabled, displayModal, screenShareEnabled, mode,\n            toggleMicrophone, toggleRecording, toggleVideo, toggleScreenShare,\n            toggleModal, toggleMode, isWebinar, isAdmin } = this.props\n\n        return (\n            <ul>\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleMicrophoneButton\n                        isMuted={isMuted}\n                        toggle={toggleMicrophone}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleRecordingButton\n                        isRecording={isRecording}\n                        toggle={toggleRecording}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleScreenShareButton\n                        screenShareEnabled={screenShareEnabled}\n                        toggle={toggleScreenShare}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleVideoButton\n                        videoEnabled={videoEnabled}\n                        toggle={toggleVideo}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen &&\n                    <ToggleSettingsButton\n                        displayModal={displayModal}\n                        toggle={toggleModal}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isBottomBar &&\n                    <ToggleModeButton\n                        mode={mode}\n                        toggleMode={toggleMode}\n                    />\n                }\n            </ul>\n        )\n\n    }\n}\n\nActionsButtons.propTypes = {\n    isBottomBar: PropTypes.bool.isRequired,\n    forceFullscreen: PropTypes.bool.isRequired,\n    isMuted: PropTypes.bool.isRequired,\n    isWebinar: PropTypes.bool.isRequired,\n    isAdmin: PropTypes.bool.isRequired,\n    videoEnabled: PropTypes.bool.isRequired,\n    screenShareEnabled: PropTypes.bool.isRequired,\n    displayModal: PropTypes.bool.isRequired,\n    isRecording: PropTypes.bool.isRequired,\n    isWidgetFullScreenOn: PropTypes.bool.isRequired,\n    toggleMicrophone: PropTypes.func.isRequired,\n    toggleRecording: PropTypes.func.isRequired,\n    toggleVideo: PropTypes.func.isRequired,\n    toggleScreenShare: PropTypes.func.isRequired,\n    toggleModal: PropTypes.func.isRequired,\n    toggleMode: PropTypes.func.isRequired,\n    mode: PropTypes.string.isRequired,\n}\n\nActionsButtons.defaultProps = {\n    isBottomBar: false,\n    forceFullscreen: false\n}\n\nexport default ActionsButtons\n```\n","readmeFilename":"README.md","_id":"@voxeet/react-components@0.31.0-rc4","_npmVersion":"5.6.0","_nodeVersion":"8.11.4","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-A+A2bAd3+27m0aFxkez7KsJIPuHSKGo+tJre/TL8RsB3W41euzbea/WbdoAbUqlJEcSeEVM03sWYNm5F+c5WLA==","shasum":"3404d9711751ca39780e0e27e408cca80fc2c0cb","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.31.0-rc4.tgz","fileCount":121,"unpackedSize":5264874,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbjnPDCRA9TVsSAnZWagAAOP0QAIBGTzgH8SerGCZFPT0S\nIbd60vEM3y/1arB5wkkn7HDNxUCyCQKuGAoT3CTxuevVgZ2GzpC68gp+tc2M\nMIIVJG5vL7dKzgvtdOkjgvhfLbPY2tBJgbZi+/PNl6RdBTUPo/pfFNZf0bwh\nRxTepRK69B8VKoipf1NPHC9jrhyA0veQlA+SZCPttKc7a+cZKdaR4mMJnj5C\n2l9Wysq8RRJjnhvfUotFk3G2FGzK/o8LE0b7ooVM2euT/GeWp4RMewthLGV0\nQNK0E9mOYMNhWlZTN3GJs3Mm+oJHxmHQSEOcOR0BuF/ksbEZxAyIyW7GRX2/\nefCWsEc8xR9wRTTRJ8DutjrOtLq4NpLmQbrZaS7mNQnth2n7pu3Ja6zwsYiT\nK5sN2JniBADZ7yGqJaKJBWTFzk2/Mkutf13p2kkLgm04BQrCQt0P5hVyNICM\nLiseiAUlGGj0w+6aCcFD5CHL/Ji+irKw3zuVePFu7jswf4BxfYHvWyEVYEM0\nkxgRQfXVlok9kYgyS7+g9Fvg9tW/ItQWDLNsUy7aovjmybeQfiPaaRx38gC/\n8c7WKNMfLjdL/eRvYiwWXRksxYQZSd+w8HXUCpGZSzS34QsWO9361eDRQsnH\njHusKoO4NSuMZHsQ3tkcmSXalTCm+BimMPUPFNLZYuyjEr8asAQLWqaDqhsf\negNI\r\n=rRs7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHpq3UrEINMp/g0BJiJaDta7lmXKZOXbK0cPS6aa/pYEAiEA+Zpv/pWNaZnLra/DprTG6YL6EulhXklJQkZNUlu+OoA="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"mkantor@gmail.com","name":"mkantor"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.31.0-rc4_1536062402399_0.5184548167675085"},"_hasShrinkwrap":false},"0.31.0-rc5":{"name":"@voxeet/react-components","version":"0.31.0-rc5","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"dependencies":{"axios":"0.16.2","bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.0.0","react-draggable":"3.0.3","react-localization":"^1.0.10","react-redux":"5.0.6","react-tooltip":"3.4.0","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-cli":"^3.0.8","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.7.10"},"readme":"Voxeet React Components\n=====================\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components --save\nyarn add @voxeet/voxeet-web-sdk @voxet/react-components\n```\n\n## Usage\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from '@voxeet/react-components';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n```\n\n### Widget\n\n```javascript\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport { Provider } from 'react-redux'\nimport thunkMidleware from 'redux-thunk'\nimport { combineReducers, createStore, applyMiddleware } from 'redux'\n\nimport { ConferenceRoom, reducer as voxeetReducer } from '@voxeet/react-components'\n\n// Import Style\nimport '@voxeet/react-components/dist/voxeet-react-components.css';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n\nconst configureStore = () => createStore(\n  reducers,\n  applyMiddleware(thunkMidleware)\n)\n\nconst settings = {\n  consumerKey: 'consumerKey',\n  consumerSecret: 'consumerSecret',\n  conferenceAlias: 'Sample2'\n}\n\nReactDOM.render(\n  <Provider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </Provider>,\n  document.getElementById('app')\n)\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n| Name | Type | Default | Description|\n|------|------|---------|------------|\n|`sdk`|Function||VoxeetSDK if you want to use an external Voxeet SDK|\n|`consumerKey`|String||The consumer key|\n|`consumerSecret`|String||The consumer secret|\n|`oauthToken`|String||The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !|\n|`refreshTokenCallback`|func||Provide this function that return a promise with the refreshed token, when this one expire|\n|`conferenceAlias`|String||The conference you whant to join|\n|`displayActions`|Array|[\"mute\" ,\"recording\", \"screenshare\", \"video\"]|You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"screenshare\", \"recording\")|\n|`liveRecordingEnabled`|Boolean|false|Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)|\n|`isWidget`|Boolean|true|Indicate if component used like widget or embedded in your app|\n|`isModal`|Boolean|false|Indicate if component displayed like modal|\n|`isWebinar`|Boolean|false|Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)|\n|`autoJoin`|Boolean|false|Join automatically conference|\n|`displayModes`|Array|[\"list\", \"tiles\", \"speaker\"]|Indicate which mode is allowed (modes will be in the same order as the array)|\n|`isManualKickAllowed`|Boolean|false|Authorize admin (conference creator) to kick users in conference|\n|`isAdmin`|Boolean|false|Current user who join the conference is the admin|\n|`kickOnHangUp`|Boolean|false|Kick all users when admin (conference creator) leave the conference|\n|`userInfo`|Object|{</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() * 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>}|User informations for voxeet sdk|\n|`conferenceReplayId`|String||Replay automatically a conference|\n|`constraints`|Object|{</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}|The webrtc constraints for the sdk|\n|`actionsButtons`|React Component|ActionsButtons - All buttons|A react component to customize the actions buttons|\n|`handleOnLeave`|Function||Function call on leave conference|\n|`handleOnConnect`|Function||Function call when the current user is connected to the conference|\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from 'react'\nimport PropTypes from 'prop-types'\n\nimport {\n    HangupButton,\n    ToggleSidebarButton,\n    ToggleFullScreenButton,\n    ToggleMicrophoneButton,\n    ToggleRecordingButton,\n    ToggleScreenShareButton,\n    ToggleVideoButton,\n    ToggleSettingsButton,\n    ToggleModeButton\n} from './buttons'\n\nclass ActionsButtons extends Component {\n\n    constructor(props) {\n        super(props)\n    }\n\n    render() {\n        const { isBottomBar, forceFullscreen, isMuted, isRecording, isWidgetFullScreenOn,\n            videoEnabled, displayModal, screenShareEnabled, mode,\n            toggleMicrophone, toggleRecording, toggleVideo, toggleScreenShare,\n            toggleModal, toggleMode, isWebinar, isAdmin } = this.props\n\n        return (\n            <ul>\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleMicrophoneButton\n                        isMuted={isMuted}\n                        toggle={toggleMicrophone}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleRecordingButton\n                        isRecording={isRecording}\n                        toggle={toggleRecording}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleScreenShareButton\n                        screenShareEnabled={screenShareEnabled}\n                        toggle={toggleScreenShare}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleVideoButton\n                        videoEnabled={videoEnabled}\n                        toggle={toggleVideo}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen &&\n                    <ToggleSettingsButton\n                        displayModal={displayModal}\n                        toggle={toggleModal}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isBottomBar &&\n                    <ToggleModeButton\n                        mode={mode}\n                        toggleMode={toggleMode}\n                    />\n                }\n            </ul>\n        )\n\n    }\n}\n\nActionsButtons.propTypes = {\n    isBottomBar: PropTypes.bool.isRequired,\n    forceFullscreen: PropTypes.bool.isRequired,\n    isMuted: PropTypes.bool.isRequired,\n    isWebinar: PropTypes.bool.isRequired,\n    isAdmin: PropTypes.bool.isRequired,\n    videoEnabled: PropTypes.bool.isRequired,\n    screenShareEnabled: PropTypes.bool.isRequired,\n    displayModal: PropTypes.bool.isRequired,\n    isRecording: PropTypes.bool.isRequired,\n    isWidgetFullScreenOn: PropTypes.bool.isRequired,\n    toggleMicrophone: PropTypes.func.isRequired,\n    toggleRecording: PropTypes.func.isRequired,\n    toggleVideo: PropTypes.func.isRequired,\n    toggleScreenShare: PropTypes.func.isRequired,\n    toggleModal: PropTypes.func.isRequired,\n    toggleMode: PropTypes.func.isRequired,\n    mode: PropTypes.string.isRequired,\n}\n\nActionsButtons.defaultProps = {\n    isBottomBar: false,\n    forceFullscreen: false\n}\n\nexport default ActionsButtons\n```\n","readmeFilename":"README.md","_id":"@voxeet/react-components@0.31.0-rc5","_npmVersion":"5.6.0","_nodeVersion":"8.11.4","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-T8LYV4ctDgMzQ5JRRc4+q1jPyN8x383Lj7K0TYsGq2WsPQMvUC6Int3Ikc56ELd/MvFpvEyLiB3ffe2V+AKMCA==","shasum":"9f595e411fb531365ce07847cf9fd0c9a31e707c","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.31.0-rc5.tgz","fileCount":121,"unpackedSize":5274287,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbjob0CRA9TVsSAnZWagAA6/AP/20xVhDvviliZrA0URQ5\nlAwJOPC7MN2LcLxAr6S6H2Tz8cZQJq3ywInJHNIhokAFi3rv0HR2uKDxV7XI\nZpAYJFDjl1TlQICPDXkXEEgsUZ+byPyTmDDn0iz8U/c2yqGOEGcgziL5ud+E\npkFQT6CQ/pSpLE8nyITPlqWjkRyUnU1stjCj4RgiVzxbXaDAj3o3DMU9RFEj\ngFqHZeoxeG8BPm83BhkXbI3KWIt30fyuYNPQCclvRqlEqpsAGAxwz879pkGw\ntAN4/wMSZKTLZzPOmtp6kL33sC9T1u7K4ggCgNHxfruEMzkRnN2YTlPk2rpy\nfSvAW3e3XfImWJ1sspIiwn2NLVP2tXjyRfeaiV0QJCzODlWClJYU4onxliXA\niA/zykPtmcMAD2raz5BjuQOz3j67VOtfD/JVOHJp2W/e4MBN60XK00ew5EgO\nLub5yF/JyAFDuO9K9tKwHA2UHI0SwuVDPLW6H0rAgFDDVdah+A7EibAPdDzp\nw65cdJBpOMBT2QvR04uxWZL27ZJp+6y86a6NfD7uKCmBPJVXbsTMLdlJKfjj\n139woIdDPJeyUp9gAFlGwe9JypwR33Thbw5+r8LZMFdbqbjt7y+h07eggTHI\ncZ+Y9jZdy5iZraVi0tzv4mqltIYIvuuU+yWDQO9Hz3PQH81QRVwsrdYkosEu\nhR5E\r\n=zCwk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDJFQiAv5MvtwJFCQ3V+74lxwRLqItOa38h7OSI/2rgSAiBQUn7SbpzQoObp7MSGi18IOd+4IcPVJOPFEr5mpeiWeA=="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"mkantor@gmail.com","name":"mkantor"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.31.0-rc5_1536067315511_0.557909078640723"},"_hasShrinkwrap":false},"0.31.0-rc6":{"name":"@voxeet/react-components","version":"0.31.0-rc6","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"dependencies":{"axios":"0.16.2","bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.0.0","react-draggable":"3.0.3","react-localization":"^1.0.10","react-redux":"5.0.6","react-tooltip":"3.4.0","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-cli":"^3.0.8","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.7.10"},"readme":"Voxeet React Components\n=====================\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components --save\nyarn add @voxeet/voxeet-web-sdk @voxet/react-components\n```\n\n## Usage\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from '@voxeet/react-components';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n```\n\n### Widget\n\n```javascript\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport { Provider } from 'react-redux'\nimport thunkMidleware from 'redux-thunk'\nimport { combineReducers, createStore, applyMiddleware } from 'redux'\n\nimport { ConferenceRoom, reducer as voxeetReducer } from '@voxeet/react-components'\n\n// Import Style\nimport '@voxeet/react-components/dist/voxeet-react-components.css';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n\nconst configureStore = () => createStore(\n  reducers,\n  applyMiddleware(thunkMidleware)\n)\n\nconst settings = {\n  consumerKey: 'consumerKey',\n  consumerSecret: 'consumerSecret',\n  conferenceAlias: 'Sample2'\n}\n\nReactDOM.render(\n  <Provider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </Provider>,\n  document.getElementById('app')\n)\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n| Name | Type | Default | Description|\n|------|------|---------|------------|\n|`sdk`|Function||VoxeetSDK if you want to use an external Voxeet SDK|\n|`consumerKey`|String||The consumer key|\n|`consumerSecret`|String||The consumer secret|\n|`oauthToken`|String||The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !|\n|`refreshTokenCallback`|func||Provide this function that return a promise with the refreshed token, when this one expire|\n|`conferenceAlias`|String||The conference you whant to join|\n|`displayActions`|Array|[\"mute\" ,\"recording\", \"screenshare\", \"video\"]|You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"screenshare\", \"recording\")|\n|`liveRecordingEnabled`|Boolean|false|Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)|\n|`isWidget`|Boolean|true|Indicate if component used like widget or embedded in your app|\n|`isModal`|Boolean|false|Indicate if component displayed like modal|\n|`isWebinar`|Boolean|false|Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)|\n|`autoJoin`|Boolean|false|Join automatically conference|\n|`displayModes`|Array|[\"list\", \"tiles\", \"speaker\"]|Indicate which mode is allowed (modes will be in the same order as the array)|\n|`isManualKickAllowed`|Boolean|false|Authorize admin (conference creator) to kick users in conference|\n|`isAdmin`|Boolean|false|Current user who join the conference is the admin|\n|`kickOnHangUp`|Boolean|false|Kick all users when admin (conference creator) leave the conference|\n|`userInfo`|Object|{</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() * 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>}|User informations for voxeet sdk|\n|`conferenceReplayId`|String||Replay automatically a conference|\n|`constraints`|Object|{</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}|The webrtc constraints for the sdk|\n|`actionsButtons`|React Component|ActionsButtons - All buttons|A react component to customize the actions buttons|\n|`handleOnLeave`|Function||Function call on leave conference|\n|`handleOnConnect`|Function||Function call when the current user is connected to the conference|\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from 'react'\nimport PropTypes from 'prop-types'\n\nimport {\n    HangupButton,\n    ToggleSidebarButton,\n    ToggleFullScreenButton,\n    ToggleMicrophoneButton,\n    ToggleRecordingButton,\n    ToggleScreenShareButton,\n    ToggleVideoButton,\n    ToggleSettingsButton,\n    ToggleModeButton\n} from './buttons'\n\nclass ActionsButtons extends Component {\n\n    constructor(props) {\n        super(props)\n    }\n\n    render() {\n        const { isBottomBar, forceFullscreen, isMuted, isRecording, isWidgetFullScreenOn,\n            videoEnabled, displayModal, screenShareEnabled, mode,\n            toggleMicrophone, toggleRecording, toggleVideo, toggleScreenShare,\n            toggleModal, toggleMode, isWebinar, isAdmin } = this.props\n\n        return (\n            <ul>\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleMicrophoneButton\n                        isMuted={isMuted}\n                        toggle={toggleMicrophone}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleRecordingButton\n                        isRecording={isRecording}\n                        toggle={toggleRecording}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleScreenShareButton\n                        screenShareEnabled={screenShareEnabled}\n                        toggle={toggleScreenShare}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleVideoButton\n                        videoEnabled={videoEnabled}\n                        toggle={toggleVideo}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen &&\n                    <ToggleSettingsButton\n                        displayModal={displayModal}\n                        toggle={toggleModal}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isBottomBar &&\n                    <ToggleModeButton\n                        mode={mode}\n                        toggleMode={toggleMode}\n                    />\n                }\n            </ul>\n        )\n\n    }\n}\n\nActionsButtons.propTypes = {\n    isBottomBar: PropTypes.bool.isRequired,\n    forceFullscreen: PropTypes.bool.isRequired,\n    isMuted: PropTypes.bool.isRequired,\n    isWebinar: PropTypes.bool.isRequired,\n    isAdmin: PropTypes.bool.isRequired,\n    videoEnabled: PropTypes.bool.isRequired,\n    screenShareEnabled: PropTypes.bool.isRequired,\n    displayModal: PropTypes.bool.isRequired,\n    isRecording: PropTypes.bool.isRequired,\n    isWidgetFullScreenOn: PropTypes.bool.isRequired,\n    toggleMicrophone: PropTypes.func.isRequired,\n    toggleRecording: PropTypes.func.isRequired,\n    toggleVideo: PropTypes.func.isRequired,\n    toggleScreenShare: PropTypes.func.isRequired,\n    toggleModal: PropTypes.func.isRequired,\n    toggleMode: PropTypes.func.isRequired,\n    mode: PropTypes.string.isRequired,\n}\n\nActionsButtons.defaultProps = {\n    isBottomBar: false,\n    forceFullscreen: false\n}\n\nexport default ActionsButtons\n```\n","readmeFilename":"README.md","_id":"@voxeet/react-components@0.31.0-rc6","_npmVersion":"5.6.0","_nodeVersion":"8.11.4","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-/J7o0nzKEbqTqxNll6MMgYXRmu/nASfVeRKpCVZwiyojdtigtfphTSJGMpY4jaSwU1wV+pVzSx+3TkQEPHTQ9Q==","shasum":"3230ad111ea27e6ead0c5f8c97d9142e08f1fa63","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.31.0-rc6.tgz","fileCount":121,"unpackedSize":5274311,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbjqfvCRA9TVsSAnZWagAAil8P/08ok8NKBrRxdWrHI4km\nPkDIzDo4ofDWCp2ftXeMtPhei8IHKLFzVv3NIjRGx5GHmFnVDa6m6/KbN43n\nDohLVZdvJh5RL1tnYqYeHnzrEgz8hXDApn3t7j1A5u7H2EKFrqHa9rwEyeMQ\nZHrvi+pLxjALlcsHtzjJfZETFS9VG/64LNKzlbjXSpu9zeylqgjH7urILNWk\nq+kT0nvjYHqRc/5/5WEXhE/i8g//b/vR9ANbdmiRnKu3JBX47DUZsgm8kTY5\nBENYeS5TMzI/ECwLhzHuuuoTZPE4y4cFNaJ2Y+1m9mwnjArdyF5gN23YzRkY\nv74ZBBP8ulGez+0hxHzpc8oXuNfZAHDTaiFT/tSoN4BqBcyXYZxl8EljSx/8\nR8EwYKzvmVpEM+MMvF3gxhfh0kRy9zqpqcg4FqJQLRLjAZuHc5NIxDBzD7Vh\nMGYmb6UlBg3y9H0AAyhU5GHwv6RnvbI8A2f7fWJs5wFn/ETwa6tnkhDpqkSd\nHxwjtV9CnwdbxXLToSxoX9QTpdaGOIMWD3V8TBHp/ct6zbVjPtFLVQsLhTD/\ne6xObrNvY5zljFbc//7TeU+YbTTv+tK5sxk8OROkgWrzgNgFCIIcVnbeaAeA\nrkSNTWdJL2ymTKuqSwJdIoIqBBo0WckngUpVFJVfc4nDB0K2aokYjOkgX0Jo\n9b6I\r\n=a/Hn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC1jG3kowB17CrJMWf6OGF7HqxUoAfaMejg5WvETd+P3gIgcqABtRDNJuu7etZI5+a4zhc0qxwZpmBmQrzSAPWIj8A="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"mkantor@gmail.com","name":"mkantor"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.31.0-rc6_1536075758230_0.5292697914487374"},"_hasShrinkwrap":false},"0.31.0-rc7":{"name":"@voxeet/react-components","version":"0.31.0-rc7","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"dependencies":{"axios":"0.16.2","bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.0.0","react-draggable":"3.0.3","react-localization":"^1.0.10","react-redux":"5.0.6","react-tooltip":"3.4.0","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-cli":"^3.0.8","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.7.10"},"readme":"Voxeet React Components\n=====================\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components --save\nyarn add @voxeet/voxeet-web-sdk @voxet/react-components\n```\n\n## Usage\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from '@voxeet/react-components';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n```\n\n### Widget\n\n```javascript\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport { Provider } from 'react-redux'\nimport thunkMidleware from 'redux-thunk'\nimport { combineReducers, createStore, applyMiddleware } from 'redux'\n\nimport { ConferenceRoom, reducer as voxeetReducer } from '@voxeet/react-components'\n\n// Import Style\nimport '@voxeet/react-components/dist/voxeet-react-components.css';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n\nconst configureStore = () => createStore(\n  reducers,\n  applyMiddleware(thunkMidleware)\n)\n\nconst settings = {\n  consumerKey: 'consumerKey',\n  consumerSecret: 'consumerSecret',\n  conferenceAlias: 'Sample2'\n}\n\nReactDOM.render(\n  <Provider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </Provider>,\n  document.getElementById('app')\n)\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n| Name | Type | Default | Description|\n|------|------|---------|------------|\n|`sdk`|Function||VoxeetSDK if you want to use an external Voxeet SDK|\n|`consumerKey`|String||The consumer key|\n|`consumerSecret`|String||The consumer secret|\n|`oauthToken`|String||The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !|\n|`refreshTokenCallback`|func||Provide this function that return a promise with the refreshed token, when this one expire|\n|`conferenceAlias`|String||The conference you whant to join|\n|`displayActions`|Array|[\"mute\" ,\"recording\", \"screenshare\", \"video\"]|You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"screenshare\", \"recording\")|\n|`liveRecordingEnabled`|Boolean|false|Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)|\n|`isWidget`|Boolean|true|Indicate if component used like widget or embedded in your app|\n|`isModal`|Boolean|false|Indicate if component displayed like modal|\n|`isWebinar`|Boolean|false|Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)|\n|`autoJoin`|Boolean|false|Join automatically conference|\n|`displayModes`|Array|[\"list\", \"tiles\", \"speaker\"]|Indicate which mode is allowed (modes will be in the same order as the array)|\n|`isManualKickAllowed`|Boolean|false|Authorize admin (conference creator) to kick users in conference|\n|`isAdmin`|Boolean|false|Current user who join the conference is the admin|\n|`kickOnHangUp`|Boolean|false|Kick all users when admin (conference creator) leave the conference|\n|`userInfo`|Object|{</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() * 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>}|User informations for voxeet sdk|\n|`conferenceReplayId`|String||Replay automatically a conference|\n|`constraints`|Object|{</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}|The webrtc constraints for the sdk|\n|`actionsButtons`|React Component|ActionsButtons - All buttons|A react component to customize the actions buttons|\n|`handleOnLeave`|Function||Function call on leave conference|\n|`handleOnConnect`|Function||Function call when the current user is connected to the conference|\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from 'react'\nimport PropTypes from 'prop-types'\n\nimport {\n    HangupButton,\n    ToggleSidebarButton,\n    ToggleFullScreenButton,\n    ToggleMicrophoneButton,\n    ToggleRecordingButton,\n    ToggleScreenShareButton,\n    ToggleVideoButton,\n    ToggleSettingsButton,\n    ToggleModeButton\n} from './buttons'\n\nclass ActionsButtons extends Component {\n\n    constructor(props) {\n        super(props)\n    }\n\n    render() {\n        const { isBottomBar, forceFullscreen, isMuted, isRecording, isWidgetFullScreenOn,\n            videoEnabled, displayModal, screenShareEnabled, mode,\n            toggleMicrophone, toggleRecording, toggleVideo, toggleScreenShare,\n            toggleModal, toggleMode, isWebinar, isAdmin } = this.props\n\n        return (\n            <ul>\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleMicrophoneButton\n                        isMuted={isMuted}\n                        toggle={toggleMicrophone}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleRecordingButton\n                        isRecording={isRecording}\n                        toggle={toggleRecording}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleScreenShareButton\n                        screenShareEnabled={screenShareEnabled}\n                        toggle={toggleScreenShare}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleVideoButton\n                        videoEnabled={videoEnabled}\n                        toggle={toggleVideo}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen &&\n                    <ToggleSettingsButton\n                        displayModal={displayModal}\n                        toggle={toggleModal}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isBottomBar &&\n                    <ToggleModeButton\n                        mode={mode}\n                        toggleMode={toggleMode}\n                    />\n                }\n            </ul>\n        )\n\n    }\n}\n\nActionsButtons.propTypes = {\n    isBottomBar: PropTypes.bool.isRequired,\n    forceFullscreen: PropTypes.bool.isRequired,\n    isMuted: PropTypes.bool.isRequired,\n    isWebinar: PropTypes.bool.isRequired,\n    isAdmin: PropTypes.bool.isRequired,\n    videoEnabled: PropTypes.bool.isRequired,\n    screenShareEnabled: PropTypes.bool.isRequired,\n    displayModal: PropTypes.bool.isRequired,\n    isRecording: PropTypes.bool.isRequired,\n    isWidgetFullScreenOn: PropTypes.bool.isRequired,\n    toggleMicrophone: PropTypes.func.isRequired,\n    toggleRecording: PropTypes.func.isRequired,\n    toggleVideo: PropTypes.func.isRequired,\n    toggleScreenShare: PropTypes.func.isRequired,\n    toggleModal: PropTypes.func.isRequired,\n    toggleMode: PropTypes.func.isRequired,\n    mode: PropTypes.string.isRequired,\n}\n\nActionsButtons.defaultProps = {\n    isBottomBar: false,\n    forceFullscreen: false\n}\n\nexport default ActionsButtons\n```\n","readmeFilename":"README.md","_id":"@voxeet/react-components@0.31.0-rc7","_npmVersion":"5.6.0","_nodeVersion":"8.11.4","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-7Y4HnFyYiCq2xx2wA4vxANK0yVXWp9MVJKlIV/1tnVKhGDOkQwLxRQfp6TMvuSEPluqRN9l/pGnStHA6bKw7jw==","shasum":"7d8c5ad12e8d33798478d743530e8586960d9f25","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.31.0-rc7.tgz","fileCount":122,"unpackedSize":5299504,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbj92tCRA9TVsSAnZWagAA2poQAJubq659vuQGX8GGZ4Mi\n8pi+cH2hq2CBFQ8NyuXU8vWz18L0BMVVU7ZJSj9jum69QDqskqHDvJpJUY9e\nIM0txPkZerRl/+M+SQtQH9xQ7cDoJt9Yoj4070cFj0XtVfZ5eVNrfoIrSp90\nELu4eZRLY4PiyVdGWWsYdfVCaF7mtxqoXIlNhN17qwk1og7wOwrJkBNojPmn\nUdJ7BjVAHmbJrj7J+PMQr7V4u8FlSbN6aaShp0ApDKMhG5YFGiy7uo3WccWF\nb+cd3cbMg9WiSBCubw7mY+TqviTgGD0alrod9X5fHFi8qxLNeX5e4I096lq9\nCOgbNyVl3/pQ0RFQ3ZcJ75ARV0TGPQhDg7kCg9Cbnf4bzN+61Mj6w01D5ahe\n7q2JH+8Qy60U+rgyQFl7YnL4LhwBKY/7pONca991d6Lol3hQU2rkmXUleW+9\neCelfGl/Jkk+H1bjp2DRn1Ft9alLxQH4INC925WECWHEirreUBlPtdLow7bQ\n9gjBd1ZBegr46zZ+wDxzaSEiiNmcXlHT8A7wrkw7JBH1FxCUEcTedqWT4fjh\n/n2n3ClVzFXZR2w7vUozxP+M/Tz1tLJ/0hVfCk5cVAzckXs7bb38yf1/d0Sy\nzL0fEIWR9svl4xnLjcSu6sjGCF0jSpA+IhcH7m9QnVV4taZpAvUB2dQClXcV\ntiiu\r\n=vi5f\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAuUow9044Wzovuu2ePkSBOdofuVb8VgjNHeNd3cU23OAiApXX535oeDMEQtnyZy6mMO8yeFgEO1u65P3Bwqa6DVdg=="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"mkantor@gmail.com","name":"mkantor"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.31.0-rc7_1536155052818_0.5782914893373825"},"_hasShrinkwrap":false},"0.31.0-rc8":{"name":"@voxeet/react-components","version":"0.31.0-rc8","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"dependencies":{"axios":"0.16.2","bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.0.0","react-draggable":"3.0.3","react-localization":"^1.0.10","react-redux":"5.0.6","react-tooltip":"3.4.0","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-cli":"^3.0.8","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.7.10"},"readme":"Voxeet React Components\n=====================\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components --save\nyarn add @voxeet/voxeet-web-sdk @voxet/react-components\n```\n\n## Usage\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from '@voxeet/react-components';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n```\n\n### Widget\n\n```javascript\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport { Provider } from 'react-redux'\nimport thunkMidleware from 'redux-thunk'\nimport { combineReducers, createStore, applyMiddleware } from 'redux'\n\nimport { ConferenceRoom, reducer as voxeetReducer } from '@voxeet/react-components'\n\n// Import Style\nimport '@voxeet/react-components/dist/voxeet-react-components.css';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n\nconst configureStore = () => createStore(\n  reducers,\n  applyMiddleware(thunkMidleware)\n)\n\nconst settings = {\n  consumerKey: 'consumerKey',\n  consumerSecret: 'consumerSecret',\n  conferenceAlias: 'Sample2'\n}\n\nReactDOM.render(\n  <Provider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </Provider>,\n  document.getElementById('app')\n)\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n| Name | Type | Default | Description|\n|------|------|---------|------------|\n|`sdk`|Function||VoxeetSDK if you want to use an external Voxeet SDK|\n|`consumerKey`|String||The consumer key|\n|`consumerSecret`|String||The consumer secret|\n|`oauthToken`|String||The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !|\n|`refreshTokenCallback`|func||Provide this function that return a promise with the refreshed token, when this one expire|\n|`conferenceAlias`|String||The conference you whant to join|\n|`displayActions`|Array|[\"mute\" ,\"recording\", \"screenshare\", \"video\"]|You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"screenshare\", \"recording\")|\n|`liveRecordingEnabled`|Boolean|false|Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)|\n|`isWidget`|Boolean|true|Indicate if component used like widget or embedded in your app|\n|`isModal`|Boolean|false|Indicate if component displayed like modal|\n|`isWebinar`|Boolean|false|Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)|\n|`autoJoin`|Boolean|false|Join automatically conference|\n|`displayModes`|Array|[\"list\", \"tiles\", \"speaker\"]|Indicate which mode is allowed (modes will be in the same order as the array)|\n|`isManualKickAllowed`|Boolean|false|Authorize admin (conference creator) to kick users in conference|\n|`isAdmin`|Boolean|false|Current user who join the conference is the admin|\n|`kickOnHangUp`|Boolean|false|Kick all users when admin (conference creator) leave the conference|\n|`userInfo`|Object|{</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() * 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>}|User informations for voxeet sdk|\n|`conferenceReplayId`|String||Replay automatically a conference|\n|`constraints`|Object|{</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}|The webrtc constraints for the sdk|\n|`actionsButtons`|React Component|ActionsButtons - All buttons|A react component to customize the actions buttons|\n|`handleOnLeave`|Function||Function call on leave conference|\n|`handleOnConnect`|Function||Function call when the current user is connected to the conference|\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from 'react'\nimport PropTypes from 'prop-types'\n\nimport {\n    HangupButton,\n    ToggleSidebarButton,\n    ToggleFullScreenButton,\n    ToggleMicrophoneButton,\n    ToggleRecordingButton,\n    ToggleScreenShareButton,\n    ToggleVideoButton,\n    ToggleSettingsButton,\n    ToggleModeButton\n} from './buttons'\n\nclass ActionsButtons extends Component {\n\n    constructor(props) {\n        super(props)\n    }\n\n    render() {\n        const { isBottomBar, forceFullscreen, isMuted, isRecording, isWidgetFullScreenOn,\n            videoEnabled, displayModal, screenShareEnabled, mode,\n            toggleMicrophone, toggleRecording, toggleVideo, toggleScreenShare,\n            toggleModal, toggleMode, isWebinar, isAdmin } = this.props\n\n        return (\n            <ul>\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleMicrophoneButton\n                        isMuted={isMuted}\n                        toggle={toggleMicrophone}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleRecordingButton\n                        isRecording={isRecording}\n                        toggle={toggleRecording}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleScreenShareButton\n                        screenShareEnabled={screenShareEnabled}\n                        toggle={toggleScreenShare}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleVideoButton\n                        videoEnabled={videoEnabled}\n                        toggle={toggleVideo}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen &&\n                    <ToggleSettingsButton\n                        displayModal={displayModal}\n                        toggle={toggleModal}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isBottomBar &&\n                    <ToggleModeButton\n                        mode={mode}\n                        toggleMode={toggleMode}\n                    />\n                }\n            </ul>\n        )\n\n    }\n}\n\nActionsButtons.propTypes = {\n    isBottomBar: PropTypes.bool.isRequired,\n    forceFullscreen: PropTypes.bool.isRequired,\n    isMuted: PropTypes.bool.isRequired,\n    isWebinar: PropTypes.bool.isRequired,\n    isAdmin: PropTypes.bool.isRequired,\n    videoEnabled: PropTypes.bool.isRequired,\n    screenShareEnabled: PropTypes.bool.isRequired,\n    displayModal: PropTypes.bool.isRequired,\n    isRecording: PropTypes.bool.isRequired,\n    isWidgetFullScreenOn: PropTypes.bool.isRequired,\n    toggleMicrophone: PropTypes.func.isRequired,\n    toggleRecording: PropTypes.func.isRequired,\n    toggleVideo: PropTypes.func.isRequired,\n    toggleScreenShare: PropTypes.func.isRequired,\n    toggleModal: PropTypes.func.isRequired,\n    toggleMode: PropTypes.func.isRequired,\n    mode: PropTypes.string.isRequired,\n}\n\nActionsButtons.defaultProps = {\n    isBottomBar: false,\n    forceFullscreen: false\n}\n\nexport default ActionsButtons\n```\n","readmeFilename":"README.md","_id":"@voxeet/react-components@0.31.0-rc8","_npmVersion":"5.6.0","_nodeVersion":"8.11.4","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-R/fmegx/t/r4mGKpIzr1D2sMAEVfFIxlWHi9Ts5sUVfMa7jQi3R0XIco14WciTcJFBHtxDorONfzGMrx9FtT/g==","shasum":"2ef56762864c09445c95cb2006d863d6f57e14d8","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.31.0-rc8.tgz","fileCount":122,"unpackedSize":5299294,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbj/BsCRA9TVsSAnZWagAAlckP/3v3ZEB+IdLveOQ+nHME\nxaq00AuxWptBVp1K8vy8OM+//ZkhjL2YqcJsMTbzGz9Edyxw1xTCRzQ2BFmo\n34lmhLUtc6b3kqz1VisxYwkpMVOi/xFlvoaZsfo+L+fRPuYEPfTHTuRsOZFy\n3ojqX2Rp6HRWOE17ByWelbL+ZZymum4Pwgu8CXdQ9F0LxZ77i560UKvKImPP\nTuqPDH7rGAarvf36ItE8RhG6DkXrGpL9ajtCebn0RpJOOEWiwoqIYKNEoThW\n43FVifIkTltphzfnkkqTZMyfKorl9jQY8nMF92BYZwrhJn/3evqDWnUq8/d0\nhzne0vc6Hy1RqbqxXYEt+bDgysN94kxDNw7LUq1044rZScSjYD4XLKRIPXbP\nee+LNF8O5Zr3spwYuf+OyyNbKijW6y0jx5jwHq+2Ana4qs1rs0VPdA+Bg8xp\nWp6ArP/g11itp94MG8LiZXI0AUIbxNESgubnKMH9MqAL6PDYdcQmYSvgjE2O\nLChVcppeyy6KxzEFBxwO7zMqChhPt1I0cxcP2zA9LFlTJhkXPHGhzyfQopWn\nnQoWX/r6fVnuALlJ3UzWAM9G04T7qbiXBfo0KShNCv/Bpn5Tf0g1rZydxMOL\nNGIvvn+GiFJAb/IgZkDt+oqe2Ej1dDlz1TTIFNXEvtv4npzxiGktPucbRCMk\ntwXW\r\n=lcsr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH0WIsvRBCBIq4cprUydE3EuBKF6rTlDSp4ORy/oDpBNAiAey8gox7jPkwSyMqkZi3zGIUV8efOaHDzXOodxcr1YHQ=="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"mkantor@gmail.com","name":"mkantor"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.31.0-rc8_1536159851551_0.21712614339267855"},"_hasShrinkwrap":false},"0.31.0-rc9":{"name":"@voxeet/react-components","version":"0.31.0-rc9","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"dependencies":{"axios":"0.16.2","bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.0.0","react-draggable":"3.0.3","react-localization":"^1.0.10","react-redux":"5.0.6","react-tooltip":"3.4.0","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-cli":"^3.0.8","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.7.10"},"readme":"Voxeet React Components\n=====================\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components --save\nyarn add @voxeet/voxeet-web-sdk @voxet/react-components\n```\n\n## Usage\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from '@voxeet/react-components';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n```\n\n### Widget\n\n```javascript\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport { Provider } from 'react-redux'\nimport thunkMidleware from 'redux-thunk'\nimport { combineReducers, createStore, applyMiddleware } from 'redux'\n\nimport { ConferenceRoom, reducer as voxeetReducer } from '@voxeet/react-components'\n\n// Import Style\nimport '@voxeet/react-components/dist/voxeet-react-components.css';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n\nconst configureStore = () => createStore(\n  reducers,\n  applyMiddleware(thunkMidleware)\n)\n\nconst settings = {\n  consumerKey: 'consumerKey',\n  consumerSecret: 'consumerSecret',\n  conferenceAlias: 'Sample2'\n}\n\nReactDOM.render(\n  <Provider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </Provider>,\n  document.getElementById('app')\n)\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n| Name | Type | Default | Description|\n|------|------|---------|------------|\n|`sdk`|Function||VoxeetSDK if you want to use an external Voxeet SDK|\n|`consumerKey`|String||The consumer key|\n|`consumerSecret`|String||The consumer secret|\n|`oauthToken`|String||The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !|\n|`refreshTokenCallback`|func||Provide this function that return a promise with the refreshed token, when this one expire|\n|`conferenceAlias`|String||The conference you whant to join|\n|`displayActions`|Array|[\"mute\" ,\"recording\", \"screenshare\", \"video\"]|You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"screenshare\", \"recording\")|\n|`liveRecordingEnabled`|Boolean|false|Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)|\n|`isWidget`|Boolean|true|Indicate if component used like widget or embedded in your app|\n|`isModal`|Boolean|false|Indicate if component displayed like modal|\n|`isWebinar`|Boolean|false|Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)|\n|`autoJoin`|Boolean|false|Join automatically conference|\n|`displayModes`|Array|[\"list\", \"tiles\", \"speaker\"]|Indicate which mode is allowed (modes will be in the same order as the array)|\n|`isManualKickAllowed`|Boolean|false|Authorize admin (conference creator) to kick users in conference|\n|`isAdmin`|Boolean|false|Current user who join the conference is the admin|\n|`kickOnHangUp`|Boolean|false|Kick all users when admin (conference creator) leave the conference|\n|`userInfo`|Object|{</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() * 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>}|User informations for voxeet sdk|\n|`conferenceReplayId`|String||Replay automatically a conference|\n|`constraints`|Object|{</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}|The webrtc constraints for the sdk|\n|`actionsButtons`|React Component|ActionsButtons - All buttons|A react component to customize the actions buttons|\n|`handleOnLeave`|Function||Function call on leave conference|\n|`handleOnConnect`|Function||Function call when the current user is connected to the conference|\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from 'react'\nimport PropTypes from 'prop-types'\n\nimport {\n    HangupButton,\n    ToggleSidebarButton,\n    ToggleFullScreenButton,\n    ToggleMicrophoneButton,\n    ToggleRecordingButton,\n    ToggleScreenShareButton,\n    ToggleVideoButton,\n    ToggleSettingsButton,\n    ToggleModeButton\n} from './buttons'\n\nclass ActionsButtons extends Component {\n\n    constructor(props) {\n        super(props)\n    }\n\n    render() {\n        const { isBottomBar, forceFullscreen, isMuted, isRecording, isWidgetFullScreenOn,\n            videoEnabled, displayModal, screenShareEnabled, mode,\n            toggleMicrophone, toggleRecording, toggleVideo, toggleScreenShare,\n            toggleModal, toggleMode, isWebinar, isAdmin } = this.props\n\n        return (\n            <ul>\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleMicrophoneButton\n                        isMuted={isMuted}\n                        toggle={toggleMicrophone}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleRecordingButton\n                        isRecording={isRecording}\n                        toggle={toggleRecording}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleScreenShareButton\n                        screenShareEnabled={screenShareEnabled}\n                        toggle={toggleScreenShare}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleVideoButton\n                        videoEnabled={videoEnabled}\n                        toggle={toggleVideo}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen &&\n                    <ToggleSettingsButton\n                        displayModal={displayModal}\n                        toggle={toggleModal}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isBottomBar &&\n                    <ToggleModeButton\n                        mode={mode}\n                        toggleMode={toggleMode}\n                    />\n                }\n            </ul>\n        )\n\n    }\n}\n\nActionsButtons.propTypes = {\n    isBottomBar: PropTypes.bool.isRequired,\n    forceFullscreen: PropTypes.bool.isRequired,\n    isMuted: PropTypes.bool.isRequired,\n    isWebinar: PropTypes.bool.isRequired,\n    isAdmin: PropTypes.bool.isRequired,\n    videoEnabled: PropTypes.bool.isRequired,\n    screenShareEnabled: PropTypes.bool.isRequired,\n    displayModal: PropTypes.bool.isRequired,\n    isRecording: PropTypes.bool.isRequired,\n    isWidgetFullScreenOn: PropTypes.bool.isRequired,\n    toggleMicrophone: PropTypes.func.isRequired,\n    toggleRecording: PropTypes.func.isRequired,\n    toggleVideo: PropTypes.func.isRequired,\n    toggleScreenShare: PropTypes.func.isRequired,\n    toggleModal: PropTypes.func.isRequired,\n    toggleMode: PropTypes.func.isRequired,\n    mode: PropTypes.string.isRequired,\n}\n\nActionsButtons.defaultProps = {\n    isBottomBar: false,\n    forceFullscreen: false\n}\n\nexport default ActionsButtons\n```\n","readmeFilename":"README.md","_id":"@voxeet/react-components@0.31.0-rc9","_npmVersion":"5.6.0","_nodeVersion":"8.11.4","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-v8Pq9ZQetK1l4mgrUjYIS6PT2ZimAV69P9cASCoRqiBOSsjqstsk6ltUGN6P+jqxjZHumf/kBpUxT08P6LzVoQ==","shasum":"715d7afe47fe7b8ff43200c1512467bbbaae7da0","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.31.0-rc9.tgz","fileCount":125,"unpackedSize":5331387,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbkUNYCRA9TVsSAnZWagAAdl4P/R0/XDCppKQTJseJu66P\n5GOHBOO45X65ZuvWYwLGE5cEkHqnjOPV6nL+WBLBaKSWycENL6vjWgQrw6fQ\nNZj10RWDtJ7k2VRC8MKch9q8SlELVkFV+bK8GaNh+QpGubF3rfy8F3M/ZT6I\nKPuwgK6pDo4533ChwYDK7vN5bDACo7RulmlKxsaOiq9eZGZaASzHoO1kMjpZ\nelSX4FcmWJvFqS/Xazssf1rFetvPoVrnU4yys/Z8IJDr/w4dNklNINlhrT14\nXE0emhAaW25xytF6W6EdTli1NuofUjXa0uBtt8m9vPJjXmCgFiOfrwdNMTYh\nqdn3LSnNIY3I3f5tg/Hps5xwAbZHp0DzCGAqkZ9QVrYlrzFOZ9DkHy/3uepk\n3EtOpjGS/nCxz/7uygNhgpYMGxPrKaVIoxgQdrlvYRwcFf+jxRJ7eujuTEkz\nSEATaLEFqFW4FtK32jSzeucRkIKu41jrmrYG8E8waXPLZCvyCxjOnWRrjsvV\nMpVMOBnZ9G3O3dVN2G7ake18KtKlpxq7oJk2jZYBtA7wimFjYX3YY8DcXMp3\ntIX7jSawQxtRzWH/BW+6M+iY547JWLMg7CpCmtzld4YAVywULM/APb0iYZyg\nvYxvHUhbW5QZoZvb4n5L5/UbOeJ3usbyANOmk9S/rEZVZFk97JBK0L4/9SMo\nEwrJ\r\n=Q+Y3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBT2o8Eoo9xTSGvx2y74duInjiNWvUOUgn5mPcuZPFFnAiEAjyoEdHsg15eyedgjSlyPh8G3cLqQa0lfEoUCHro7EnI="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"mkantor@gmail.com","name":"mkantor"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.31.0-rc9_1536246615335_0.8775039967065787"},"_hasShrinkwrap":false},"0.31.0-rc10":{"name":"@voxeet/react-components","version":"0.31.0-rc10","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"dependencies":{"axios":"0.16.2","bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.0.0","react-draggable":"3.0.3","react-localization":"^1.0.10","react-redux":"5.0.6","react-tooltip":"3.4.0","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-cli":"^3.0.8","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.7.10"},"readme":"Voxeet React Components\n=====================\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components --save\nyarn add @voxeet/voxeet-web-sdk @voxet/react-components\n```\n\n## Usage\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from '@voxeet/react-components';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n```\n\n### Widget\n\n```javascript\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport { Provider } from 'react-redux'\nimport thunkMidleware from 'redux-thunk'\nimport { combineReducers, createStore, applyMiddleware } from 'redux'\n\nimport { ConferenceRoom, reducer as voxeetReducer } from '@voxeet/react-components'\n\n// Import Style\nimport '@voxeet/react-components/dist/voxeet-react-components.css';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n\nconst configureStore = () => createStore(\n  reducers,\n  applyMiddleware(thunkMidleware)\n)\n\nconst settings = {\n  consumerKey: 'consumerKey',\n  consumerSecret: 'consumerSecret',\n  conferenceAlias: 'Sample2'\n}\n\nReactDOM.render(\n  <Provider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </Provider>,\n  document.getElementById('app')\n)\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n| Name | Type | Default | Description|\n|------|------|---------|------------|\n|`sdk`|Function||VoxeetSDK if you want to use an external Voxeet SDK|\n|`consumerKey`|String||The consumer key|\n|`consumerSecret`|String||The consumer secret|\n|`oauthToken`|String||The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !|\n|`refreshTokenCallback`|func||Provide this function that return a promise with the refreshed token, when this one expire|\n|`conferenceAlias`|String||The conference you whant to join|\n|`displayActions`|Array|[\"mute\" ,\"recording\", \"screenshare\", \"video\"]|You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"screenshare\", \"recording\")|\n|`liveRecordingEnabled`|Boolean|false|Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)|\n|`isWidget`|Boolean|true|Indicate if component used like widget or embedded in your app|\n|`isModal`|Boolean|false|Indicate if component displayed like modal|\n|`isWebinar`|Boolean|false|Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)|\n|`autoJoin`|Boolean|false|Join automatically conference|\n|`displayModes`|Array|[\"list\", \"tiles\", \"speaker\"]|Indicate which mode is allowed (modes will be in the same order as the array)|\n|`isManualKickAllowed`|Boolean|false|Authorize admin (conference creator) to kick users in conference|\n|`isAdmin`|Boolean|false|Current user who join the conference is the admin|\n|`kickOnHangUp`|Boolean|false|Kick all users when admin (conference creator) leave the conference|\n|`userInfo`|Object|{</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() * 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>}|User informations for voxeet sdk|\n|`conferenceReplayId`|String||Replay automatically a conference|\n|`constraints`|Object|{</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}|The webrtc constraints for the sdk|\n|`actionsButtons`|React Component|ActionsButtons - All buttons|A react component to customize the actions buttons|\n|`handleOnLeave`|Function||Function call on leave conference|\n|`handleOnConnect`|Function||Function call when the current user is connected to the conference|\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from 'react'\nimport PropTypes from 'prop-types'\n\nimport {\n    HangupButton,\n    ToggleSidebarButton,\n    ToggleFullScreenButton,\n    ToggleMicrophoneButton,\n    ToggleRecordingButton,\n    ToggleScreenShareButton,\n    ToggleVideoButton,\n    ToggleSettingsButton,\n    ToggleModeButton\n} from './buttons'\n\nclass ActionsButtons extends Component {\n\n    constructor(props) {\n        super(props)\n    }\n\n    render() {\n        const { isBottomBar, forceFullscreen, isMuted, isRecording, isWidgetFullScreenOn,\n            videoEnabled, displayModal, screenShareEnabled, mode,\n            toggleMicrophone, toggleRecording, toggleVideo, toggleScreenShare,\n            toggleModal, toggleMode, isWebinar, isAdmin } = this.props\n\n        return (\n            <ul>\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleMicrophoneButton\n                        isMuted={isMuted}\n                        toggle={toggleMicrophone}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleRecordingButton\n                        isRecording={isRecording}\n                        toggle={toggleRecording}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleScreenShareButton\n                        screenShareEnabled={screenShareEnabled}\n                        toggle={toggleScreenShare}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleVideoButton\n                        videoEnabled={videoEnabled}\n                        toggle={toggleVideo}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen &&\n                    <ToggleSettingsButton\n                        displayModal={displayModal}\n                        toggle={toggleModal}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isBottomBar &&\n                    <ToggleModeButton\n                        mode={mode}\n                        toggleMode={toggleMode}\n                    />\n                }\n            </ul>\n        )\n\n    }\n}\n\nActionsButtons.propTypes = {\n    isBottomBar: PropTypes.bool.isRequired,\n    forceFullscreen: PropTypes.bool.isRequired,\n    isMuted: PropTypes.bool.isRequired,\n    isWebinar: PropTypes.bool.isRequired,\n    isAdmin: PropTypes.bool.isRequired,\n    videoEnabled: PropTypes.bool.isRequired,\n    screenShareEnabled: PropTypes.bool.isRequired,\n    displayModal: PropTypes.bool.isRequired,\n    isRecording: PropTypes.bool.isRequired,\n    isWidgetFullScreenOn: PropTypes.bool.isRequired,\n    toggleMicrophone: PropTypes.func.isRequired,\n    toggleRecording: PropTypes.func.isRequired,\n    toggleVideo: PropTypes.func.isRequired,\n    toggleScreenShare: PropTypes.func.isRequired,\n    toggleModal: PropTypes.func.isRequired,\n    toggleMode: PropTypes.func.isRequired,\n    mode: PropTypes.string.isRequired,\n}\n\nActionsButtons.defaultProps = {\n    isBottomBar: false,\n    forceFullscreen: false\n}\n\nexport default ActionsButtons\n```\n","readmeFilename":"README.md","_id":"@voxeet/react-components@0.31.0-rc10","_npmVersion":"5.6.0","_nodeVersion":"8.11.4","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-Ue+ellicjNG/tXX1kYssYRHA0BQGDcrew6qQLEMfiexdDhI317w3CMnHmef7GJSRydtSzC+8uTGkoRhkFiWEDg==","shasum":"7f71362b19d4af600c71819dbd540700dcf8cca1","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.31.0-rc10.tgz","fileCount":125,"unpackedSize":5331398,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbkopSCRA9TVsSAnZWagAAtzEP/3t0l5Xy5YTWkam+3QwC\nm9jm0v686qBPBZn89RYHMo/MGniHWSgjdjFZyUMe8imEpLcXEyzNaBkvhIMG\nhHCjYUsyb0ReNpVq/lovYroGF7DktGwVSaOj3CCdCBqn84LLNYlzJbopXeJL\nnu47d6QRmpgvP22t+y/qrBLvZZeNaLY7JR1J758GFp0hfrtUG43FPf+TSus4\nBW75el/kTaZg+wpHpb2gGpbJurgCZgbCAJlLthxRcxAXiLB8fO/EAdqVf6IH\nDLxphZ4JJL6S3HYSxYRgRji4bESI52mKu85NCe8uQjdhZx3yslyASRhLE0KO\nUB0JGAdaRG1TlYNkCkaOoSnmx7W7BEk0Y4KxnoJ1qJLjU88FOdt8Rk6e5MeG\n54l7ETCTiJnBMQqn0Bd6n6W3fDciPAKIjHVfaETRf7ZHFHgLSJVVwSF5uxI/\nT40htLIZXVo+de8yDcmHSQpPmXHGxA6VfQqUNZvGcVKZr/DqjZ3Y1PM3nwbn\n9T/M/LW1hKsRKYIIIB1HpRPjSJiCjVFU1HHyRsS9QYSHNwBVszMpdB6t8Gfj\n0ynA5gy7Dh2SpBvCcT80EpbODtAnV2fNKnhfFIXnq4btjZiXNrcPa7uI9FVO\nttXiSJydjc2pViHSPue2EqH1CjEu4IXaod/d/YD3DDTHT4LLRgvo9FybBzF9\nSoP5\r\n=HKYR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDBKVIdcQ/37LiqhQQW2TB+hza8WV2KoPIirKwwPFsGPwIhAPGlLGuxsHaBKo1oAWlD9AeJ4qSU5HOaY8EN9LdM+IRZ"}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"mkantor@gmail.com","name":"mkantor"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.31.0-rc10_1536330321347_0.6778783610531536"},"_hasShrinkwrap":false},"0.31.0-rc11":{"name":"@voxeet/react-components","version":"0.31.0-rc11","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"dependencies":{"axios":"0.16.2","bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.0.0","react-draggable":"3.0.3","react-localization":"^1.0.10","react-redux":"5.0.6","react-tooltip":"3.4.0","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-cli":"^3.0.8","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.7.10"},"readme":"Voxeet React Components\n=====================\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components --save\nyarn add @voxeet/voxeet-web-sdk @voxet/react-components\n```\n\n## Usage\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from '@voxeet/react-components';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n```\n\n### Widget\n\n```javascript\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport { Provider } from 'react-redux'\nimport thunkMidleware from 'redux-thunk'\nimport { combineReducers, createStore, applyMiddleware } from 'redux'\n\nimport { ConferenceRoom, reducer as voxeetReducer } from '@voxeet/react-components'\n\n// Import Style\nimport '@voxeet/react-components/dist/voxeet-react-components.css';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n\nconst configureStore = () => createStore(\n  reducers,\n  applyMiddleware(thunkMidleware)\n)\n\nconst settings = {\n  consumerKey: 'consumerKey',\n  consumerSecret: 'consumerSecret',\n  conferenceAlias: 'Sample2'\n}\n\nReactDOM.render(\n  <Provider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </Provider>,\n  document.getElementById('app')\n)\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n| Name | Type | Default | Description|\n|------|------|---------|------------|\n|`sdk`|Function||VoxeetSDK if you want to use an external Voxeet SDK|\n|`consumerKey`|String||The consumer key|\n|`consumerSecret`|String||The consumer secret|\n|`oauthToken`|String||The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !|\n|`refreshTokenCallback`|func||Provide this function that return a promise with the refreshed token, when this one expire|\n|`conferenceAlias`|String||The conference you whant to join|\n|`displayActions`|Array|[\"mute\" ,\"recording\", \"screenshare\", \"video\"]|You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"screenshare\", \"recording\")|\n|`liveRecordingEnabled`|Boolean|false|Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)|\n|`isWidget`|Boolean|true|Indicate if component used like widget or embedded in your app|\n|`isModal`|Boolean|false|Indicate if component displayed like modal|\n|`isWebinar`|Boolean|false|Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)|\n|`autoJoin`|Boolean|false|Join automatically conference|\n|`displayModes`|Array|[\"list\", \"tiles\", \"speaker\"]|Indicate which mode is allowed (modes will be in the same order as the array)|\n|`isManualKickAllowed`|Boolean|false|Authorize admin (conference creator) to kick users in conference|\n|`isAdmin`|Boolean|false|Current user who join the conference is the admin|\n|`kickOnHangUp`|Boolean|false|Kick all users when admin (conference creator) leave the conference|\n|`userInfo`|Object|{</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() * 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>}|User informations for voxeet sdk|\n|`conferenceReplayId`|String||Replay automatically a conference|\n|`constraints`|Object|{</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}|The webrtc constraints for the sdk|\n|`actionsButtons`|React Component|ActionsButtons - All buttons|A react component to customize the actions buttons|\n|`handleOnLeave`|Function||Function call on leave conference|\n|`handleOnConnect`|Function||Function call when the current user is connected to the conference|\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from 'react'\nimport PropTypes from 'prop-types'\n\nimport {\n    HangupButton,\n    ToggleSidebarButton,\n    ToggleFullScreenButton,\n    ToggleMicrophoneButton,\n    ToggleRecordingButton,\n    ToggleScreenShareButton,\n    ToggleVideoButton,\n    ToggleSettingsButton,\n    ToggleModeButton\n} from './buttons'\n\nclass ActionsButtons extends Component {\n\n    constructor(props) {\n        super(props)\n    }\n\n    render() {\n        const { isBottomBar, forceFullscreen, isMuted, isRecording, isWidgetFullScreenOn,\n            videoEnabled, displayModal, screenShareEnabled, mode,\n            toggleMicrophone, toggleRecording, toggleVideo, toggleScreenShare,\n            toggleModal, toggleMode, isWebinar, isAdmin } = this.props\n\n        return (\n            <ul>\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleMicrophoneButton\n                        isMuted={isMuted}\n                        toggle={toggleMicrophone}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleRecordingButton\n                        isRecording={isRecording}\n                        toggle={toggleRecording}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleScreenShareButton\n                        screenShareEnabled={screenShareEnabled}\n                        toggle={toggleScreenShare}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleVideoButton\n                        videoEnabled={videoEnabled}\n                        toggle={toggleVideo}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen &&\n                    <ToggleSettingsButton\n                        displayModal={displayModal}\n                        toggle={toggleModal}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isBottomBar &&\n                    <ToggleModeButton\n                        mode={mode}\n                        toggleMode={toggleMode}\n                    />\n                }\n            </ul>\n        )\n\n    }\n}\n\nActionsButtons.propTypes = {\n    isBottomBar: PropTypes.bool.isRequired,\n    forceFullscreen: PropTypes.bool.isRequired,\n    isMuted: PropTypes.bool.isRequired,\n    isWebinar: PropTypes.bool.isRequired,\n    isAdmin: PropTypes.bool.isRequired,\n    videoEnabled: PropTypes.bool.isRequired,\n    screenShareEnabled: PropTypes.bool.isRequired,\n    displayModal: PropTypes.bool.isRequired,\n    isRecording: PropTypes.bool.isRequired,\n    isWidgetFullScreenOn: PropTypes.bool.isRequired,\n    toggleMicrophone: PropTypes.func.isRequired,\n    toggleRecording: PropTypes.func.isRequired,\n    toggleVideo: PropTypes.func.isRequired,\n    toggleScreenShare: PropTypes.func.isRequired,\n    toggleModal: PropTypes.func.isRequired,\n    toggleMode: PropTypes.func.isRequired,\n    mode: PropTypes.string.isRequired,\n}\n\nActionsButtons.defaultProps = {\n    isBottomBar: false,\n    forceFullscreen: false\n}\n\nexport default ActionsButtons\n```\n","readmeFilename":"README.md","_id":"@voxeet/react-components@0.31.0-rc11","_npmVersion":"5.6.0","_nodeVersion":"8.11.4","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-j9IfJZwcf5iaqu+zERLukLPlpps+c+lWjK5kCSIsoNsQWOgwXp+cxFFdrtTg0zrh1gL8s55HILidnwkjJ3arHA==","shasum":"ec34c4632a0eb3ab51197d3b61c530d271fe9743","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.31.0-rc11.tgz","fileCount":126,"unpackedSize":5452342,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJblppVCRA9TVsSAnZWagAAF3gP/2LHppIqwo9PK6PxaFqw\nuxzCoZyxqNKv41opXLQH5RKE/V+zFJ1R/gKnmnot9id9IjJcLDXY3G2urA1P\n3NSht+a3aLo1SQl4jHeeCRskOHXEr0e1b/VG/BEadE39xNqh4ctHSkz8VF/y\n12sSnylYzSkWQJRIgaJBvYLRVi0e9Lb/H2SZ8EVvn/gKWHmoTVJrCrJZTR9s\nyZk0X8mMXaCV8C1Ncv16BAwn4lkm3kXS41WY0QcEhHT1+t8lxNtUu1Lg0ny2\njCwfcfHK/cxxdVuk0ssS3QzMylvQXB+6X8S9LZ/GGoBXdPa5dQn0kQZZsL4p\nxjs2YivNM4TyqrwkCmuRWpT7B4dF8yT4Ve5ZFvr2pSN4ymXd9GIQiCKR8FJF\nyvyXuUpDsd/Q8UjwiI/974VW9K3w3WY9qT5in3fzLj3tv7aaRkV2nant99JH\naffiAExQEMVSqfanQKZdGt4wHLR58zkEunbj0FNOdlcwoQHPqyb78YULf/vs\n+5pafsvsiLU5ONniedyom7OUicS8BK6QbJ7dbrEIUoM23H9C4Y2zZlT5wsPi\nqo3x+73vHmY5WBGhW0dbR9D1ZGrYBw0MBsi1JjMAue7ta8FCQT5WoMxem5Bn\nHrnIkF+3pwAD/HOEXMf1aYzeQpmTsoTkAZe6fObpMSIPLOSV71dFX7bSecrM\n5sfy\r\n=adhq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDqUdd73LG2DzKyeQssUbhTuDcsEVof72p+qJk06PpoMAIhAPPRD0nHVomYgtZPoStiVArHOdYa+gny9e6jd9bjlURy"}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"mkantor@gmail.com","name":"mkantor"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.31.0-rc11_1536596564937_0.9195280663257213"},"_hasShrinkwrap":false},"0.31.0-rc13":{"name":"@voxeet/react-components","version":"0.31.0-rc13","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"dependencies":{"axios":"0.16.2","bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.0.0","react-draggable":"3.0.3","react-localization":"^1.0.10","react-redux":"5.0.6","react-tooltip":"3.4.0","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-cli":"^3.0.8","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.7.10"},"readme":"Voxeet React Components\n=====================\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components --save\nyarn add @voxeet/voxeet-web-sdk @voxet/react-components\n```\n\n## Usage\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from '@voxeet/react-components';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n```\n\n### Widget\n\n```javascript\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport { Provider } from 'react-redux'\nimport thunkMidleware from 'redux-thunk'\nimport { combineReducers, createStore, applyMiddleware } from 'redux'\n\nimport { ConferenceRoom, reducer as voxeetReducer } from '@voxeet/react-components'\n\n// Import Style\nimport '@voxeet/react-components/dist/voxeet-react-components.css';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n\nconst configureStore = () => createStore(\n  reducers,\n  applyMiddleware(thunkMidleware)\n)\n\nconst settings = {\n  consumerKey: 'consumerKey',\n  consumerSecret: 'consumerSecret',\n  conferenceAlias: 'Sample2'\n}\n\nReactDOM.render(\n  <Provider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </Provider>,\n  document.getElementById('app')\n)\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n| Name | Type | Default | Description|\n|------|------|---------|------------|\n|`sdk`|Function||VoxeetSDK if you want to use an external Voxeet SDK|\n|`consumerKey`|String||The consumer key|\n|`consumerSecret`|String||The consumer secret|\n|`oauthToken`|String||The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !|\n|`refreshTokenCallback`|func||Provide this function that return a promise with the refreshed token, when this one expire|\n|`conferenceAlias`|String||The conference you whant to join|\n|`displayActions`|Array|[\"mute\" ,\"recording\", \"screenshare\", \"video\"]|You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"screenshare\", \"recording\")|\n|`liveRecordingEnabled`|Boolean|false|Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)|\n|`isWidget`|Boolean|true|Indicate if component used like widget or embedded in your app|\n|`isModal`|Boolean|false|Indicate if component displayed like modal|\n|`isWebinar`|Boolean|false|Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)|\n|`autoJoin`|Boolean|false|Join automatically conference|\n|`displayModes`|Array|[\"list\", \"tiles\", \"speaker\"]|Indicate which mode is allowed (modes will be in the same order as the array)|\n|`isManualKickAllowed`|Boolean|false|Authorize admin (conference creator) to kick users in conference|\n|`isAdmin`|Boolean|false|Current user who join the conference is the admin|\n|`kickOnHangUp`|Boolean|false|Kick all users when admin (conference creator) leave the conference|\n|`userInfo`|Object|{</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() * 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>}|User informations for voxeet sdk|\n|`conferenceReplayId`|String||Replay automatically a conference|\n|`constraints`|Object|{</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}|The webrtc constraints for the sdk|\n|`actionsButtons`|React Component|ActionsButtons - All buttons|A react component to customize the actions buttons|\n|`handleOnLeave`|Function||Function call on leave conference|\n|`handleOnConnect`|Function||Function call when the current user is connected to the conference|\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from 'react'\nimport PropTypes from 'prop-types'\n\nimport {\n    HangupButton,\n    ToggleSidebarButton,\n    ToggleFullScreenButton,\n    ToggleMicrophoneButton,\n    ToggleRecordingButton,\n    ToggleScreenShareButton,\n    ToggleVideoButton,\n    ToggleSettingsButton,\n    ToggleModeButton\n} from './buttons'\n\nclass ActionsButtons extends Component {\n\n    constructor(props) {\n        super(props)\n    }\n\n    render() {\n        const { isBottomBar, forceFullscreen, isMuted, isRecording, isWidgetFullScreenOn,\n            videoEnabled, displayModal, screenShareEnabled, mode,\n            toggleMicrophone, toggleRecording, toggleVideo, toggleScreenShare,\n            toggleModal, toggleMode, isWebinar, isAdmin } = this.props\n\n        return (\n            <ul>\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleMicrophoneButton\n                        isMuted={isMuted}\n                        toggle={toggleMicrophone}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleRecordingButton\n                        isRecording={isRecording}\n                        toggle={toggleRecording}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleScreenShareButton\n                        screenShareEnabled={screenShareEnabled}\n                        toggle={toggleScreenShare}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleVideoButton\n                        videoEnabled={videoEnabled}\n                        toggle={toggleVideo}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen &&\n                    <ToggleSettingsButton\n                        displayModal={displayModal}\n                        toggle={toggleModal}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isBottomBar &&\n                    <ToggleModeButton\n                        mode={mode}\n                        toggleMode={toggleMode}\n                    />\n                }\n            </ul>\n        )\n\n    }\n}\n\nActionsButtons.propTypes = {\n    isBottomBar: PropTypes.bool.isRequired,\n    forceFullscreen: PropTypes.bool.isRequired,\n    isMuted: PropTypes.bool.isRequired,\n    isWebinar: PropTypes.bool.isRequired,\n    isAdmin: PropTypes.bool.isRequired,\n    videoEnabled: PropTypes.bool.isRequired,\n    screenShareEnabled: PropTypes.bool.isRequired,\n    displayModal: PropTypes.bool.isRequired,\n    isRecording: PropTypes.bool.isRequired,\n    isWidgetFullScreenOn: PropTypes.bool.isRequired,\n    toggleMicrophone: PropTypes.func.isRequired,\n    toggleRecording: PropTypes.func.isRequired,\n    toggleVideo: PropTypes.func.isRequired,\n    toggleScreenShare: PropTypes.func.isRequired,\n    toggleModal: PropTypes.func.isRequired,\n    toggleMode: PropTypes.func.isRequired,\n    mode: PropTypes.string.isRequired,\n}\n\nActionsButtons.defaultProps = {\n    isBottomBar: false,\n    forceFullscreen: false\n}\n\nexport default ActionsButtons\n```\n","readmeFilename":"README.md","_id":"@voxeet/react-components@0.31.0-rc13","_npmVersion":"5.6.0","_nodeVersion":"8.11.4","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-NHW9GuWnaA0M8n/Vsfku5fRa4uoVHFjTEJcttqHCy1hAirwvf70saIhYt3QSO5aK6eo2ztIB9SGsN8xqaZSk4w==","shasum":"b1aaf2b5591db729aea1e32f7e78e650abdfb216","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.31.0-rc13.tgz","fileCount":126,"unpackedSize":5452414,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJblrANCRA9TVsSAnZWagAAIwwP/07FitVbJJeOPF4+iVGo\niPD4aY5b7DKpuflgEq+ZZHA5bTxIv3jGcxrwOFFSAS3EYpp6xA++Z57XnKyW\nL4uMRj0dG5y6ox/eAG3ObwUw7cDMYjpK3EHBtHFHhl60+OEKQo1sD1OXNHma\nIUuOGy9UYGEX66zfya0jETFMDkVqsnFZTq6y0F07TGo7YVsC9KMBaPVXk73B\nDWLPEdXLE66qriCo1AzjgbXdLSkJG/rlpfI/7SugraTFiuXRNJRKI5XKn+qr\n1INXbIX9MEGXbT1cnbaznXcnwEuBoO4yQ2ri3gPOnlJdnkGj0d5Rt/tVWXX/\nYE1foM4aF90Fn51ZiSdze+0AAE5HeoipInEHWww6hFBGKmMUPHvE+qmULFbh\ntRhAY/9NquiHwiXPkCsoJK7PQFL90JXm03TOl+PXviVgDvlC9mcqHz7mWXlX\nrCDDjnmdOW/g4lF+nDPIA2wR0UORRqoEJcrJN9YFm/eMyDMu73EdOTb7Pc7e\np+EIvCqKQxwLtJsFg8KN4B9G/23h8MpVEm2bryz5Q9rbmwc3dCYN0diQ0tg9\n2Z0LiBZsyYNPs98qOFNZgn4koGS1YjRnYKZie6woGIWCh5lhOq86pFI6HuW8\nrwd1kF2vLSa26wEVEfYUjJZunrumqjNCx+gKDK1IL8CMe2BvaHTdiaS14YIA\n7K8d\r\n=wANx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFRO+0fCWByYLOOLqt0Q02WD8XYnOaVyMHcGTYkNNRsvAiEAmMiZu8wd+S1x2fXF63fAOSDtgYsmtpsi9I00rz4bEP0="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"mkantor@gmail.com","name":"mkantor"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.31.0-rc13_1536602124351_0.15561167451638513"},"_hasShrinkwrap":false},"0.31.0-rc14":{"name":"@voxeet/react-components","version":"0.31.0-rc14","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"dependencies":{"axios":"0.16.2","bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.0.0","react-draggable":"3.0.3","react-localization":"^1.0.10","react-redux":"5.0.6","react-tooltip":"3.4.0","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-cli":"^3.0.8","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.7.10"},"readme":"Voxeet React Components\n=====================\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components --save\nyarn add @voxeet/voxeet-web-sdk @voxet/react-components\n```\n\n## Usage\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from '@voxeet/react-components';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n```\n\n### Widget\n\n```javascript\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport { Provider } from 'react-redux'\nimport thunkMidleware from 'redux-thunk'\nimport { combineReducers, createStore, applyMiddleware } from 'redux'\n\nimport { ConferenceRoom, reducer as voxeetReducer } from '@voxeet/react-components'\n\n// Import Style\nimport '@voxeet/react-components/dist/voxeet-react-components.css';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n\nconst configureStore = () => createStore(\n  reducers,\n  applyMiddleware(thunkMidleware)\n)\n\nconst settings = {\n  consumerKey: 'consumerKey',\n  consumerSecret: 'consumerSecret',\n  conferenceAlias: 'Sample2'\n}\n\nReactDOM.render(\n  <Provider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </Provider>,\n  document.getElementById('app')\n)\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n| Name | Type | Default | Description|\n|------|------|---------|------------|\n|`sdk`|Function||VoxeetSDK if you want to use an external Voxeet SDK|\n|`consumerKey`|String||The consumer key|\n|`consumerSecret`|String||The consumer secret|\n|`oauthToken`|String||The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !|\n|`refreshTokenCallback`|func||Provide this function that return a promise with the refreshed token, when this one expire|\n|`conferenceAlias`|String||The conference you whant to join|\n|`displayActions`|Array|[\"mute\" ,\"recording\", \"screenshare\", \"video\"]|You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"screenshare\", \"recording\")|\n|`liveRecordingEnabled`|Boolean|false|Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)|\n|`isWidget`|Boolean|true|Indicate if component used like widget or embedded in your app|\n|`isModal`|Boolean|false|Indicate if component displayed like modal|\n|`isWebinar`|Boolean|false|Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)|\n|`autoJoin`|Boolean|false|Join automatically conference|\n|`displayModes`|Array|[\"list\", \"tiles\", \"speaker\"]|Indicate which mode is allowed (modes will be in the same order as the array)|\n|`isManualKickAllowed`|Boolean|false|Authorize admin (conference creator) to kick users in conference|\n|`isAdmin`|Boolean|false|Current user who join the conference is the admin|\n|`kickOnHangUp`|Boolean|false|Kick all users when admin (conference creator) leave the conference|\n|`userInfo`|Object|{</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() * 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>}|User informations for voxeet sdk|\n|`conferenceReplayId`|String||Replay automatically a conference|\n|`constraints`|Object|{</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}|The webrtc constraints for the sdk|\n|`actionsButtons`|React Component|ActionsButtons - All buttons|A react component to customize the actions buttons|\n|`handleOnLeave`|Function||Function call on leave conference|\n|`handleOnConnect`|Function||Function call when the current user is connected to the conference|\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from 'react'\nimport PropTypes from 'prop-types'\n\nimport {\n    HangupButton,\n    ToggleSidebarButton,\n    ToggleFullScreenButton,\n    ToggleMicrophoneButton,\n    ToggleRecordingButton,\n    ToggleScreenShareButton,\n    ToggleVideoButton,\n    ToggleSettingsButton,\n    ToggleModeButton\n} from './buttons'\n\nclass ActionsButtons extends Component {\n\n    constructor(props) {\n        super(props)\n    }\n\n    render() {\n        const { isBottomBar, forceFullscreen, isMuted, isRecording, isWidgetFullScreenOn,\n            videoEnabled, displayModal, screenShareEnabled, mode,\n            toggleMicrophone, toggleRecording, toggleVideo, toggleScreenShare,\n            toggleModal, toggleMode, isWebinar, isAdmin } = this.props\n\n        return (\n            <ul>\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleMicrophoneButton\n                        isMuted={isMuted}\n                        toggle={toggleMicrophone}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleRecordingButton\n                        isRecording={isRecording}\n                        toggle={toggleRecording}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleScreenShareButton\n                        screenShareEnabled={screenShareEnabled}\n                        toggle={toggleScreenShare}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleVideoButton\n                        videoEnabled={videoEnabled}\n                        toggle={toggleVideo}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen &&\n                    <ToggleSettingsButton\n                        displayModal={displayModal}\n                        toggle={toggleModal}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isBottomBar &&\n                    <ToggleModeButton\n                        mode={mode}\n                        toggleMode={toggleMode}\n                    />\n                }\n            </ul>\n        )\n\n    }\n}\n\nActionsButtons.propTypes = {\n    isBottomBar: PropTypes.bool.isRequired,\n    forceFullscreen: PropTypes.bool.isRequired,\n    isMuted: PropTypes.bool.isRequired,\n    isWebinar: PropTypes.bool.isRequired,\n    isAdmin: PropTypes.bool.isRequired,\n    videoEnabled: PropTypes.bool.isRequired,\n    screenShareEnabled: PropTypes.bool.isRequired,\n    displayModal: PropTypes.bool.isRequired,\n    isRecording: PropTypes.bool.isRequired,\n    isWidgetFullScreenOn: PropTypes.bool.isRequired,\n    toggleMicrophone: PropTypes.func.isRequired,\n    toggleRecording: PropTypes.func.isRequired,\n    toggleVideo: PropTypes.func.isRequired,\n    toggleScreenShare: PropTypes.func.isRequired,\n    toggleModal: PropTypes.func.isRequired,\n    toggleMode: PropTypes.func.isRequired,\n    mode: PropTypes.string.isRequired,\n}\n\nActionsButtons.defaultProps = {\n    isBottomBar: false,\n    forceFullscreen: false\n}\n\nexport default ActionsButtons\n```\n","readmeFilename":"README.md","_id":"@voxeet/react-components@0.31.0-rc14","_npmVersion":"5.6.0","_nodeVersion":"8.11.4","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-gkZQnAN2vliUcpU6h3z2NdJGgKwvESghYSmbZXx+7IHA4dgajom7QNCqSkxrQOV93nuWK0oe1pPa/FxF6a+uuw==","shasum":"62598ea218502c4ed10432d030c9b0be98ccd5e0","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.31.0-rc14.tgz","fileCount":126,"unpackedSize":5452451,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJblrrwCRA9TVsSAnZWagAAnFIP/0A9N0jWstltKygDm85l\nJTHdZP4CKji4R2gF26WkCy+LvWyi7BtQ4OpM626CFWf0auJSoPuh4wxe9tgn\nkHvekyO6BiuldfVhbWnP+4lXpvhvOa1rQU6NCGK64X5zVh1G5yIg9a+zK5hW\nlSfrvR6Ji0+GKjc0m3e98agm/6IZwz6o0Wrd3Y+52dq/bVrF0Y9OmZI7V0vU\nJhaTNltzhLtnayZdvFQrDqynytQlPWmtgGQhMRwSUyR3oXkGKzt1Vdwe8nSX\ndQhE54G2Zc7WxflDbsY/ZBlqcvqFrhCewqVvRksXdSdnpllg0tL6DGe9nZ4b\noVOVQS4BAciH0ij2V7b/t2ZVrkuzdkx9CgK7SF+udaBqegvluz5iiEIJ2gem\n/047Yp9xRUnSOoRlOIJLPLBYmRFjQUnC+0+gZfRv7FXGHBSHqvSZRPSu8ZYH\nZCtAG4NloJ3epFPl5rqrGAd/Lb3nPNRSWLjHulnaz2pHTwi4TAukz3OMHSQT\nJZizJhP5J+YV6Pbtn8bKfErsOBjAf6Tp9egqJ5oXD3+h410CJ31Kq5heVjsy\nsYNZpThYNoWcbZ04WEqYuKZSN+24xzb+xOOL7m1wJIe7VtOYB4FhQYeWIBmf\nLJUopQRyP6/egCQEliksVbDmgTN/NGLQyPxra/R3IZ9TisVJNgN/8R+IrMS4\nc2QT\r\n=FWmd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDNuYj42lJAYsk79LK4vA02YB5Zsl+3mLelRgSzX4sKzwIgZGBk0Pf9MUAsDz4dq1bt07mYd9MCTF6DoF/lr6JSD+8="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"mkantor@gmail.com","name":"mkantor"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.31.0-rc14_1536604911909_0.4928354829136923"},"_hasShrinkwrap":false},"0.31.0-rc15":{"name":"@voxeet/react-components","version":"0.31.0-rc15","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"dependencies":{"axios":"0.16.2","bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.0.0","react-draggable":"3.0.3","react-localization":"^1.0.10","react-redux":"5.0.6","react-tooltip":"3.4.0","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-cli":"^3.0.8","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.7.10"},"readme":"Voxeet React Components\n=====================\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components --save\nyarn add @voxeet/voxeet-web-sdk @voxet/react-components\n```\n\n## Usage\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from '@voxeet/react-components';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n```\n\n### Widget\n\n```javascript\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport { Provider } from 'react-redux'\nimport thunkMidleware from 'redux-thunk'\nimport { combineReducers, createStore, applyMiddleware } from 'redux'\n\nimport { ConferenceRoom, reducer as voxeetReducer } from '@voxeet/react-components'\n\n// Import Style\nimport '@voxeet/react-components/dist/voxeet-react-components.css';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n\nconst configureStore = () => createStore(\n  reducers,\n  applyMiddleware(thunkMidleware)\n)\n\nconst settings = {\n  consumerKey: 'consumerKey',\n  consumerSecret: 'consumerSecret',\n  conferenceAlias: 'Sample2'\n}\n\nReactDOM.render(\n  <Provider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </Provider>,\n  document.getElementById('app')\n)\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n| Name | Type | Default | Description|\n|------|------|---------|------------|\n|`sdk`|Function||VoxeetSDK if you want to use an external Voxeet SDK|\n|`consumerKey`|String||The consumer key|\n|`consumerSecret`|String||The consumer secret|\n|`oauthToken`|String||The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !|\n|`refreshTokenCallback`|func||Provide this function that return a promise with the refreshed token, when this one expire|\n|`conferenceAlias`|String||The conference you whant to join|\n|`displayActions`|Array|[\"mute\" ,\"recording\", \"screenshare\", \"video\"]|You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"screenshare\", \"recording\")|\n|`liveRecordingEnabled`|Boolean|false|Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)|\n|`isWidget`|Boolean|true|Indicate if component used like widget or embedded in your app|\n|`isModal`|Boolean|false|Indicate if component displayed like modal|\n|`isWebinar`|Boolean|false|Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)|\n|`autoJoin`|Boolean|false|Join automatically conference|\n|`displayModes`|Array|[\"list\", \"tiles\", \"speaker\"]|Indicate which mode is allowed (modes will be in the same order as the array)|\n|`isManualKickAllowed`|Boolean|false|Authorize admin (conference creator) to kick users in conference|\n|`isAdmin`|Boolean|false|Current user who join the conference is the admin|\n|`kickOnHangUp`|Boolean|false|Kick all users when admin (conference creator) leave the conference|\n|`userInfo`|Object|{</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() * 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>}|User informations for voxeet sdk|\n|`conferenceReplayId`|String||Replay automatically a conference|\n|`constraints`|Object|{</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}|The webrtc constraints for the sdk|\n|`actionsButtons`|React Component|ActionsButtons - All buttons|A react component to customize the actions buttons|\n|`handleOnLeave`|Function||Function call on leave conference|\n|`handleOnConnect`|Function||Function call when the current user is connected to the conference|\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from 'react'\nimport PropTypes from 'prop-types'\n\nimport {\n    HangupButton,\n    ToggleSidebarButton,\n    ToggleFullScreenButton,\n    ToggleMicrophoneButton,\n    ToggleRecordingButton,\n    ToggleScreenShareButton,\n    ToggleVideoButton,\n    ToggleSettingsButton,\n    ToggleModeButton\n} from './buttons'\n\nclass ActionsButtons extends Component {\n\n    constructor(props) {\n        super(props)\n    }\n\n    render() {\n        const { isBottomBar, forceFullscreen, isMuted, isRecording, isWidgetFullScreenOn,\n            videoEnabled, displayModal, screenShareEnabled, mode,\n            toggleMicrophone, toggleRecording, toggleVideo, toggleScreenShare,\n            toggleModal, toggleMode, isWebinar, isAdmin } = this.props\n\n        return (\n            <ul>\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleMicrophoneButton\n                        isMuted={isMuted}\n                        toggle={toggleMicrophone}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleRecordingButton\n                        isRecording={isRecording}\n                        toggle={toggleRecording}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleScreenShareButton\n                        screenShareEnabled={screenShareEnabled}\n                        toggle={toggleScreenShare}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleVideoButton\n                        videoEnabled={videoEnabled}\n                        toggle={toggleVideo}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen &&\n                    <ToggleSettingsButton\n                        displayModal={displayModal}\n                        toggle={toggleModal}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isBottomBar &&\n                    <ToggleModeButton\n                        mode={mode}\n                        toggleMode={toggleMode}\n                    />\n                }\n            </ul>\n        )\n\n    }\n}\n\nActionsButtons.propTypes = {\n    isBottomBar: PropTypes.bool.isRequired,\n    forceFullscreen: PropTypes.bool.isRequired,\n    isMuted: PropTypes.bool.isRequired,\n    isWebinar: PropTypes.bool.isRequired,\n    isAdmin: PropTypes.bool.isRequired,\n    videoEnabled: PropTypes.bool.isRequired,\n    screenShareEnabled: PropTypes.bool.isRequired,\n    displayModal: PropTypes.bool.isRequired,\n    isRecording: PropTypes.bool.isRequired,\n    isWidgetFullScreenOn: PropTypes.bool.isRequired,\n    toggleMicrophone: PropTypes.func.isRequired,\n    toggleRecording: PropTypes.func.isRequired,\n    toggleVideo: PropTypes.func.isRequired,\n    toggleScreenShare: PropTypes.func.isRequired,\n    toggleModal: PropTypes.func.isRequired,\n    toggleMode: PropTypes.func.isRequired,\n    mode: PropTypes.string.isRequired,\n}\n\nActionsButtons.defaultProps = {\n    isBottomBar: false,\n    forceFullscreen: false\n}\n\nexport default ActionsButtons\n```\n","readmeFilename":"README.md","_id":"@voxeet/react-components@0.31.0-rc15","_npmVersion":"5.6.0","_nodeVersion":"8.11.4","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-MVYvOtVi5w44grpMu0ZYKP1Y3TqUFwoPCkHGRR5ebu0Kh8YG3PJRl65sp/njXA7Jwk1qGAn+ATP0KsIeNdbCBg==","shasum":"9be1d6de0c2ed403e3dad9de89eea23f3b3eda1b","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.31.0-rc15.tgz","fileCount":126,"unpackedSize":5452384,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbl41hCRA9TVsSAnZWagAAr9UP/RH3hp3NL2kk665njx5P\nyYtRoqZeCxuU46sXVngoNNakVSOyXNam75b+4sEdxNXZyCn6VjhVT9+1fxXt\nc69Yd8QD3bYcssUyQ00/3/L8niSuAVLQAaqphNnIJhxOcW2FsOHk6BUalg9F\n9wCY87xkdUriOGFdfR/p6lIIVzwd7RGVAfROln4ZQE/onwLGxYi91yubL2qo\n9RkgGBLkMP4MksdCMD65rsFt19Xi5ZgKKEHWiNkWzg4JMAADf7nabI/aCUzl\nObE1uAsdcBp9ROYZ2oCBDcaSI7KeJ2Bxd51yyEzz/hMRZGTE9lQ6b+dPRYdM\n5Q+b3aLT1wjXxeY32495QMl7d6/qpYMLm/ZjOxm6/gC7AEUWsoNp1SzdboQ4\nXyQtPwLeagPjez0s3IK8rDyfwvUTsiFL4dv30X/CdHoeDeHBtYrvL4yI0z+W\nwk8l0l6xmmmwapdne6Si1IoWuMVq02TTGwwqg5F6f9GlQGVERS1VimtZc5ky\nj54CwfWsJSXig8oiVlOjDsLbwBvc5BYaoEmC7C4Ri+Xl6wavkLElKkn1ajCD\nS264SIJNvP0ARZQbEwcdnbRUej6zcXSjIoR9/nh7OcT2r7M+GmvaCiPk1eDS\nCDqMT9vuW7QoIADlLHXt4UcDBc4FsEuXAPStlDi/mElJwc+kpZ+BGzA1gFmf\nrtyn\r\n=HFr2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICr+rD35V+wOM/F1gtFP7wwk2QKnWFDgUZyC/q3DXvFGAiA7enN9ALE9bE7bxBLVbNhTaJRklLjXcPjA41iEHYaG5w=="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"mkantor@gmail.com","name":"mkantor"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.31.0-rc15_1536658784639_0.36169519339176626"},"_hasShrinkwrap":false},"0.30.7":{"name":"@voxeet/react-components","version":"0.30.7","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"dependencies":{"axios":"0.16.2","bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.5.0","react-draggable":"3.0.3","react-localization":"^1.0.10","react-redux":"5.0.6","react-tooltip":"3.8.1","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-cli":"^3.0.8","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.7.10"},"_id":"@voxeet/react-components@0.30.7","_npmVersion":"5.6.0","_nodeVersion":"8.11.4","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-ZnclQtMdGHAF6pjFdKmBu0wdNu+k7uj7FBxq00ooF3+29+pEvzBTLTlLJuXm8LYYTpCxnDyTRcWcPVFp90Dh0g==","shasum":"1db69c9cab5cabe142253e9528674a616bcae9b4","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.30.7.tgz","fileCount":126,"unpackedSize":5533440,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbmntECRA9TVsSAnZWagAAP0MP/i9kADJ++Ic29DsgwKU/\nDJ/6UWRkbgfrzV1lButlVPMj+gqu1N5D/PBzCx/nVV4FWiXge4pSTvFwIOe3\n2LubOt6Qfxrx6gMxhFHJizUXemcMdgs2C7gnftXXCwslXl2sIzcaALc9FYkj\nHE1YM4i3rtYBFPXIkxCN2/KHChVbL2QjmQP6UWaqTC67mH7J+VTy2HTUoUQo\n+Pz6kE/WW+O3Kuz6ly0DrnhU+o1Ox6/g7kFN+U3s5naiAfNAbkADZ2uL4VeK\nj8YmdIahlXOSMAIyu5WKNMWh7MWVd6rnjlw3qGm6//AXb99BTyGVQXfZWhol\nymVKLzQo8llf16PW9neoV+u48M7mEER9xOItP+zot8gHMEeK74YvlzHKuAs6\nIqAQVZ09pBIfEQMPruki3X9w8/s8C8FVOUZZ40diQ6jm/uSgFvZpHRDIry4P\nfpctQMAWSg+qES3YncYISswzmi8URmW4ECiFJ7kipNF/AuUSGVdZeYthwZbe\nHt5MPVQNgMfWxO7/SxOv1ZP76d80aMinpX1AM0h4GeGaUgw3OwlukOjaiOse\nCApPd/PYibMNM3z+BkPPEgToxuITu/i/uf8WuGtB9UyEyvWwhwrJRdnfDPDd\nWqDkmuSVRm9dP0CksQ5om5nGlsmDOYeGXJ7H/8HduL8o/6UBIHyqmMSA9THC\n4ZmO\r\n=6rss\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD1lBrvMjjxbY+4qkWsrKaMHn7+nUGXBjkr+xvyICaFHQIhAKSZHFRp21/0rLeOqzYjv1KRdB7sqgwOdjes+62QA+4B"}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"mkantor@gmail.com","name":"mkantor"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.30.7_1536850756140_0.330129442765444"},"_hasShrinkwrap":false},"0.31.0-rc16":{"name":"@voxeet/react-components","version":"0.31.0-rc16","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"dependencies":{"bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.5.0","react-draggable":"3.0.3","react-localization":"^1.0.10","react-redux":"5.0.6","react-tooltip":"3.8.1","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-cli":"^3.0.8","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.7.14"},"readme":"Voxeet React Components\n=====================\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components --save\nyarn add @voxeet/voxeet-web-sdk @voxet/react-components\n```\n\n## Usage\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from '@voxeet/react-components';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n```\n\n### Widget\n\n```javascript\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport { Provider } from 'react-redux'\nimport thunkMidleware from 'redux-thunk'\nimport { combineReducers, createStore, applyMiddleware } from 'redux'\n\nimport { ConferenceRoom, reducer as voxeetReducer } from '@voxeet/react-components'\n\n// Import Style\nimport '@voxeet/react-components/dist/voxeet-react-components.css';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n\nconst configureStore = () => createStore(\n  reducers,\n  applyMiddleware(thunkMidleware)\n)\n\nconst settings = {\n  consumerKey: 'consumerKey',\n  consumerSecret: 'consumerSecret',\n  conferenceAlias: 'Sample2'\n}\n\nReactDOM.render(\n  <Provider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </Provider>,\n  document.getElementById('app')\n)\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n| Name | Type | Default | Description|\n|------|------|---------|------------|\n|`sdk`|Function||VoxeetSDK if you want to use an external Voxeet SDK|\n|`consumerKey`|String||The consumer key|\n|`consumerSecret`|String||The consumer secret|\n|`oauthToken`|String||The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !|\n|`refreshTokenCallback`|func||Provide this function that return a promise with the refreshed token, when this one expire|\n|`conferenceAlias`|String||The conference you whant to join|\n|`displayActions`|Array|[\"mute\" ,\"recording\", \"screenshare\", \"video\"]|You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"screenshare\", \"recording\")|\n|`liveRecordingEnabled`|Boolean|false|Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)|\n|`isWidget`|Boolean|true|Indicate if component used like widget or embedded in your app|\n|`isModal`|Boolean|false|Indicate if component displayed like modal|\n|`isWebinar`|Boolean|false|Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)|\n|`autoJoin`|Boolean|false|Join automatically conference|\n|`displayModes`|Array|[\"list\", \"tiles\", \"speaker\"]|Indicate which mode is allowed (modes will be in the same order as the array)|\n|`isManualKickAllowed`|Boolean|false|Authorize admin (conference creator) to kick users in conference|\n|`isAdmin`|Boolean|false|Current user who join the conference is the admin|\n|`kickOnHangUp`|Boolean|false|Kick all users when admin (conference creator) leave the conference|\n|`userInfo`|Object|{</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() * 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>}|User informations for voxeet sdk|\n|`conferenceReplayId`|String||Replay automatically a conference|\n|`constraints`|Object|{</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}|The webrtc constraints for the sdk|\n|`actionsButtons`|React Component|ActionsButtons - All buttons|A react component to customize the actions buttons|\n|`handleOnLeave`|Function||Function call on leave conference|\n|`handleOnConnect`|Function||Function call when the current user is connected to the conference|\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from 'react'\nimport PropTypes from 'prop-types'\n\nimport {\n    HangupButton,\n    ToggleSidebarButton,\n    ToggleFullScreenButton,\n    ToggleMicrophoneButton,\n    ToggleRecordingButton,\n    ToggleScreenShareButton,\n    ToggleVideoButton,\n    ToggleSettingsButton,\n    ToggleModeButton\n} from './buttons'\n\nclass ActionsButtons extends Component {\n\n    constructor(props) {\n        super(props)\n    }\n\n    render() {\n        const { isBottomBar, forceFullscreen, isMuted, isRecording, isWidgetFullScreenOn,\n            videoEnabled, displayModal, screenShareEnabled, mode,\n            toggleMicrophone, toggleRecording, toggleVideo, toggleScreenShare,\n            toggleModal, toggleMode, isWebinar, isAdmin } = this.props\n\n        return (\n            <ul>\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleMicrophoneButton\n                        isMuted={isMuted}\n                        toggle={toggleMicrophone}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleRecordingButton\n                        isRecording={isRecording}\n                        toggle={toggleRecording}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleScreenShareButton\n                        screenShareEnabled={screenShareEnabled}\n                        toggle={toggleScreenShare}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleVideoButton\n                        videoEnabled={videoEnabled}\n                        toggle={toggleVideo}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen &&\n                    <ToggleSettingsButton\n                        displayModal={displayModal}\n                        toggle={toggleModal}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isBottomBar &&\n                    <ToggleModeButton\n                        mode={mode}\n                        toggleMode={toggleMode}\n                    />\n                }\n            </ul>\n        )\n\n    }\n}\n\nActionsButtons.propTypes = {\n    isBottomBar: PropTypes.bool.isRequired,\n    forceFullscreen: PropTypes.bool.isRequired,\n    isMuted: PropTypes.bool.isRequired,\n    isWebinar: PropTypes.bool.isRequired,\n    isAdmin: PropTypes.bool.isRequired,\n    videoEnabled: PropTypes.bool.isRequired,\n    screenShareEnabled: PropTypes.bool.isRequired,\n    displayModal: PropTypes.bool.isRequired,\n    isRecording: PropTypes.bool.isRequired,\n    isWidgetFullScreenOn: PropTypes.bool.isRequired,\n    toggleMicrophone: PropTypes.func.isRequired,\n    toggleRecording: PropTypes.func.isRequired,\n    toggleVideo: PropTypes.func.isRequired,\n    toggleScreenShare: PropTypes.func.isRequired,\n    toggleModal: PropTypes.func.isRequired,\n    toggleMode: PropTypes.func.isRequired,\n    mode: PropTypes.string.isRequired,\n}\n\nActionsButtons.defaultProps = {\n    isBottomBar: false,\n    forceFullscreen: false\n}\n\nexport default ActionsButtons\n```\n","readmeFilename":"README.md","_id":"@voxeet/react-components@0.31.0-rc16","_npmVersion":"5.6.0","_nodeVersion":"8.11.4","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-DUcoIzP8DUgkj3Z5yWwffeTBZE1HyPlZ9vdp4A3Wh1DUGzPltX3c6rsP5w5012Kzld/K3lbV0ncFQFV6zT5g+w==","shasum":"fafde664ffd68b5f01347680c3a3c0d18e775410","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.31.0-rc16.tgz","fileCount":126,"unpackedSize":5649438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbol0oCRA9TVsSAnZWagAAhoUP/jHumMmIEvZE75PyH0j3\nqtSqkVe91fUtscyPtCLqmURfRv5GVqXrIASZIai1RQV86YjSRC2Dkv5BNvNL\nJ/8ifefmOpE+AjVtDoknq46xwVt1rGBdofms0jsQbooVtCfrPuCWnh1W0lx0\nA6jPSItqQ+iWl/N7gdmjll117MIe2y2AMF21Ex1xyy6rHZuyHrZni1fMgQWB\nYV9TT6qKri/MIGKtEmD8PlUI3ZmR8/mCnR4oOGlpaxE6L1qyJxALfM4Ic+79\nPJ5NWCh2fQjybYvB812gPTsyqShYcrbtrFP9gQXjl7na8Lt+DxZ70JfQX6WD\n6twD1lp3OpZO+Dg2ZzDEdi+z2XSWfKHKNGfVKMbUhK77TFp6QNc0Tw7+WKma\nRFeg+frKeqFLftKm6DJWzAYaukKrVhth3JqNILJRzs+0NIiF/CeJnPkXSA9g\nVruIbVOUjr3AjEDzbayJaROgVlhBSO31rqA7mVFb1ZNKdyquwufSd1jmoKyc\nR+Zv3OU9i7DEX/xxqxspmwkdxznri6kIX7euiCj89C4u8LZDRDwu/Al56LfA\nykOKPc1nDqmeo8NWvgL+Iy7eGiDutnk3nxYu3iBf8TZCH7+joZNc9EJoNJSe\nG54np4E8uNwgUSbWD0GwZUTp/AIE5kQFzGnvIyEemf0Mzf1YGzCusKHpusct\nELCd\r\n=0HHQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFiQ0z5GZLCh4Ef2T1lWkBBo70dwJuagZFsLMxwwDXvtAiEAgZakF5JFsnSu6yhK1SHsdGT86UvuIxZPb2qsSATzZEU="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"mkantor@gmail.com","name":"mkantor"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.31.0-rc16_1537367335936_0.631335989860323"},"_hasShrinkwrap":false},"0.31.0-rc20":{"name":"@voxeet/react-components","version":"0.31.0-rc20","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"dependencies":{"bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.5.0","react-draggable":"3.0.3","react-localization":"^1.0.10","react-redux":"5.0.6","react-tooltip":"3.8.1","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-cli":"^3.0.8","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.7.14"},"readme":"Voxeet React Components\n=====================\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components --save\nyarn add @voxeet/voxeet-web-sdk @voxet/react-components\n```\n\n## Usage\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from '@voxeet/react-components';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n```\n\n### Widget\n\n```javascript\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport { Provider } from 'react-redux'\nimport thunkMidleware from 'redux-thunk'\nimport { combineReducers, createStore, applyMiddleware } from 'redux'\n\nimport { ConferenceRoom, reducer as voxeetReducer } from '@voxeet/react-components'\n\n// Import Style\nimport '@voxeet/react-components/dist/voxeet-react-components.css'; // Can you be customize, refer to https://github.com/voxeet/voxeet-assets-react-components\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n\nconst configureStore = () => createStore(\n  reducers,\n  applyMiddleware(thunkMidleware)\n)\n\nconst settings = {\n  consumerKey: 'consumerKey',\n  consumerSecret: 'consumerSecret',\n  conferenceAlias: 'Sample2'\n}\n\nReactDOM.render(\n  <Provider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </Provider>,\n  document.getElementById('app')\n)\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n| Name | Type | Default | Description|\n|------|------|---------|------------|\n|`sdk`|Function||VoxeetSDK if you want to use an external Voxeet SDK|\n|`consumerKey`|String||The consumer key|\n|`consumerSecret`|String||The consumer secret|\n|`oauthToken`|String||The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !|\n|`refreshTokenCallback`|func||Provide this function that return a promise with the refreshed token, when this one expire|\n|`conferenceAlias`|String||The conference you whant to join|\n|`displayActions`|Array|[\"mute\" ,\"recording\", \"screenshare\", \"video\"]|You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"screenshare\", \"recording\")|\n|`liveRecordingEnabled`|Boolean|false|Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)|\n|`isWidget`|Boolean|true|Indicate if component used like widget or embedded in your app|\n|`isModal`|Boolean|false|Indicate if component displayed like modal|\n|`isWebinar`|Boolean|false|Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)|\n|`autoJoin`|Boolean|false|Join automatically conference|\n|`displayModes`|Array|[\"list\", \"tiles\", \"speaker\"]|Indicate which mode is allowed (modes will be in the same order as the array)|\n|`isManualKickAllowed`|Boolean|false|Authorize admin (conference creator) to kick users in conference|\n|`isAdmin`|Boolean|false|Current user who join the conference is the admin|\n|`kickOnHangUp`|Boolean|false|Kick all users when admin (conference creator) leave the conference|\n|`userInfo`|Object|{</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() * 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>}|User informations for voxeet sdk|\n|`conferenceReplayId`|String||Replay automatically a conference|\n|`constraints`|Object|{</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}|The webrtc constraints for the sdk|\n|`actionsButtons`|React Component|ActionsButtons - All buttons|A react component to customize the actions buttons|\n|`handleOnLeave`|Function||Function call on leave conference|\n|`handleOnConnect`|Function||Function call when the current user is connected to the conference|\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from 'react'\nimport PropTypes from 'prop-types'\n\nimport {\n    HangupButton,\n    ToggleSidebarButton,\n    ToggleFullScreenButton,\n    ToggleMicrophoneButton,\n    ToggleRecordingButton,\n    ToggleScreenShareButton,\n    ToggleVideoButton,\n    ToggleSettingsButton,\n    ToggleModeButton\n} from './buttons'\n\nclass ActionsButtons extends Component {\n\n    constructor(props) {\n        super(props)\n    }\n\n    render() {\n        const { isBottomBar, forceFullscreen, isMuted, isRecording, isWidgetFullScreenOn,\n            videoEnabled, displayModal, screenShareEnabled, mode,\n            toggleMicrophone, toggleRecording, toggleVideo, toggleScreenShare,\n            toggleModal, toggleMode, isWebinar, isAdmin } = this.props\n\n        return (\n            <ul>\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleMicrophoneButton\n                        isMuted={isMuted}\n                        toggle={toggleMicrophone}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleRecordingButton\n                        isRecording={isRecording}\n                        toggle={toggleRecording}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleScreenShareButton\n                        screenShareEnabled={screenShareEnabled}\n                        toggle={toggleScreenShare}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleVideoButton\n                        videoEnabled={videoEnabled}\n                        toggle={toggleVideo}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen &&\n                    <ToggleSettingsButton\n                        displayModal={displayModal}\n                        toggle={toggleModal}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isBottomBar &&\n                    <ToggleModeButton\n                        mode={mode}\n                        toggleMode={toggleMode}\n                    />\n                }\n            </ul>\n        )\n\n    }\n}\n\nActionsButtons.propTypes = {\n    isBottomBar: PropTypes.bool.isRequired,\n    forceFullscreen: PropTypes.bool.isRequired,\n    isMuted: PropTypes.bool.isRequired,\n    isWebinar: PropTypes.bool.isRequired,\n    isAdmin: PropTypes.bool.isRequired,\n    videoEnabled: PropTypes.bool.isRequired,\n    screenShareEnabled: PropTypes.bool.isRequired,\n    displayModal: PropTypes.bool.isRequired,\n    isRecording: PropTypes.bool.isRequired,\n    isWidgetFullScreenOn: PropTypes.bool.isRequired,\n    toggleMicrophone: PropTypes.func.isRequired,\n    toggleRecording: PropTypes.func.isRequired,\n    toggleVideo: PropTypes.func.isRequired,\n    toggleScreenShare: PropTypes.func.isRequired,\n    toggleModal: PropTypes.func.isRequired,\n    toggleMode: PropTypes.func.isRequired,\n    mode: PropTypes.string.isRequired,\n}\n\nActionsButtons.defaultProps = {\n    isBottomBar: false,\n    forceFullscreen: false\n}\n\nexport default ActionsButtons\n```\n","readmeFilename":"README.md","_id":"@voxeet/react-components@0.31.0-rc20","_npmVersion":"5.6.0","_nodeVersion":"8.11.4","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-Pvtu4V9ARQqX/8fP1mhVHZtR9bV+JTSjbV1rXLfVW3d3eLyswBciBxplsS03taFtbwgD755I3DUxNgXGaNPRUQ==","shasum":"aa2002f661b3d1940467bfc8c3b0fbf2d9d8a89f","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.31.0-rc20.tgz","fileCount":133,"unpackedSize":5727307,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbvhB3CRA9TVsSAnZWagAAopcP/34JTH4Tp9RAdD+TOOk8\n8gkS+gTcKlE3fYwEVOwLdw4KX9BTuyAMF6ekviQVZBh4aIPN1zgC6I6pQ8xW\n7jzs7BKBpMcVZzqD0XuwcQJ4jNUSeDiaEcMXEYkkot+HoMxdVqd+o9ot+E8Z\nkR8F3YVFJjAgoddHtVnpMwZiiQaBtanxBroAWoxUiJs7izc5xFHGsPrrizl1\n4R+CU9Pr1hXAiZS40/EQpfpyo6iwepYbLT2iLKcm+0uohAJB9peG9XTDQkJ0\n34Tyq/ABkvGXRuSG0ACGhg0TtN6YP/tR4PAJzNU8GV72wN+Dx13kwIGvadUE\n6t8M3EY9Yjm7KxiVwcwKThiErZtru9Tv+dI4b+R0vYkjOuFCj5igKQIL84QS\ndX/87dj4PZ88md0L+BhD47BjlxgraKTaFIQkVUnVGAtMMx1SDFIxyA1iqxRK\nfHOSArgdh9cu95FcErktWdVXMkI+Ue+5YF9AXRT0hcm2+I2LKu2fUSRoAMED\nqoj4hyKWkkIZCvofF0qk4bD/BswtrqzqQ708XKE6VzYGSZb/yXKKkhK5/YAG\nuhHvSfdNMYh0j5JJumxO4B8DZWOo3Kszcu0ayV+it2K3/wHTEg+pZqo2UxDE\nUd9CIiNOnqaxSVCspeRNAWwkvWLfgKT5Yi3MuKOTSV9TyvaGI5sije5Cfl5A\nGz5q\r\n=Xmvg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEqdMCvfXg2itPQGav7dux2jLAN+89y98tjY0ry6ZGt0AiEAh4ycq0KNDZobuRX6IyQU0deRs7LcgL4Jb1frIXc5BQM="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"mkantor@gmail.com","name":"mkantor"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.31.0-rc20_1539182710647_0.3435657302454076"},"_hasShrinkwrap":false},"0.31.0-rc21":{"name":"@voxeet/react-components","version":"0.31.0-rc21","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"dependencies":{"bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.5.0","react-draggable":"3.0.3","react-localization":"^1.0.10","react-redux":"5.0.6","react-tooltip":"3.8.1","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-cli":"^3.0.8","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.7.14"},"readme":"Voxeet React Components\n=====================\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components --save\nyarn add @voxeet/voxeet-web-sdk @voxet/react-components\n```\n\n## Usage\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from '@voxeet/react-components';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n```\n\n### Widget\n\n```javascript\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport { Provider } from 'react-redux'\nimport thunkMidleware from 'redux-thunk'\nimport { combineReducers, createStore, applyMiddleware } from 'redux'\n\nimport { ConferenceRoom, reducer as voxeetReducer } from '@voxeet/react-components'\n\n// Import Style\nimport '@voxeet/react-components/dist/voxeet-react-components.css'; // Can you be customize, refer to https://github.com/voxeet/voxeet-assets-react-components\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n\nconst configureStore = () => createStore(\n  reducers,\n  applyMiddleware(thunkMidleware)\n)\n\nconst settings = {\n  consumerKey: 'consumerKey',\n  consumerSecret: 'consumerSecret',\n  conferenceAlias: 'Sample2'\n}\n\nReactDOM.render(\n  <Provider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </Provider>,\n  document.getElementById('app')\n)\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n| Name | Type | Default | Description|\n|------|------|---------|------------|\n|`sdk`|Function||VoxeetSDK if you want to use an external Voxeet SDK|\n|`consumerKey`|String||The consumer key|\n|`consumerSecret`|String||The consumer secret|\n|`oauthToken`|String||The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !|\n|`refreshTokenCallback`|func||Provide this function that return a promise with the refreshed token, when this one expire|\n|`conferenceAlias`|String||The conference you whant to join|\n|`displayActions`|Array|[\"mute\" ,\"recording\", \"screenshare\", \"video\"]|You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"screenshare\", \"recording\")|\n|`liveRecordingEnabled`|Boolean|false|Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)|\n|`isWidget`|Boolean|true|Indicate if component used like widget or embedded in your app|\n|`isModal`|Boolean|false|Indicate if component displayed like modal|\n|`isWebinar`|Boolean|false|Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)|\n|`autoJoin`|Boolean|false|Join automatically conference|\n|`displayModes`|Array|[\"list\", \"tiles\", \"speaker\"]|Indicate which mode is allowed (modes will be in the same order as the array)|\n|`isManualKickAllowed`|Boolean|false|Authorize admin (conference creator) to kick users in conference|\n|`isAdmin`|Boolean|false|Current user who join the conference is the admin|\n|`kickOnHangUp`|Boolean|false|Kick all users when admin (conference creator) leave the conference|\n|`userInfo`|Object|{</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() * 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>}|User informations for voxeet sdk|\n|`conferenceReplayId`|String||Replay automatically a conference|\n|`constraints`|Object|{</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}|The webrtc constraints for the sdk|\n|`actionsButtons`|React Component|ActionsButtons - All buttons|A react component to customize the actions buttons|\n|`handleOnLeave`|Function||Function call on leave conference|\n|`handleOnConnect`|Function||Function call when the current user is connected to the conference|\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from 'react'\nimport PropTypes from 'prop-types'\n\nimport {\n    HangupButton,\n    ToggleSidebarButton,\n    ToggleFullScreenButton,\n    ToggleMicrophoneButton,\n    ToggleRecordingButton,\n    ToggleScreenShareButton,\n    ToggleVideoButton,\n    ToggleSettingsButton,\n    ToggleModeButton\n} from './buttons'\n\nclass ActionsButtons extends Component {\n\n    constructor(props) {\n        super(props)\n    }\n\n    render() {\n        const { isBottomBar, forceFullscreen, isMuted, isRecording, isWidgetFullScreenOn,\n            videoEnabled, displayModal, screenShareEnabled, mode,\n            toggleMicrophone, toggleRecording, toggleVideo, toggleScreenShare,\n            toggleModal, toggleMode, isWebinar, isAdmin } = this.props\n\n        return (\n            <ul>\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleMicrophoneButton\n                        isMuted={isMuted}\n                        toggle={toggleMicrophone}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleRecordingButton\n                        isRecording={isRecording}\n                        toggle={toggleRecording}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleScreenShareButton\n                        screenShareEnabled={screenShareEnabled}\n                        toggle={toggleScreenShare}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleVideoButton\n                        videoEnabled={videoEnabled}\n                        toggle={toggleVideo}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen &&\n                    <ToggleSettingsButton\n                        displayModal={displayModal}\n                        toggle={toggleModal}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isBottomBar &&\n                    <ToggleModeButton\n                        mode={mode}\n                        toggleMode={toggleMode}\n                    />\n                }\n            </ul>\n        )\n\n    }\n}\n\nActionsButtons.propTypes = {\n    isBottomBar: PropTypes.bool.isRequired,\n    forceFullscreen: PropTypes.bool.isRequired,\n    isMuted: PropTypes.bool.isRequired,\n    isWebinar: PropTypes.bool.isRequired,\n    isAdmin: PropTypes.bool.isRequired,\n    videoEnabled: PropTypes.bool.isRequired,\n    screenShareEnabled: PropTypes.bool.isRequired,\n    displayModal: PropTypes.bool.isRequired,\n    isRecording: PropTypes.bool.isRequired,\n    isWidgetFullScreenOn: PropTypes.bool.isRequired,\n    toggleMicrophone: PropTypes.func.isRequired,\n    toggleRecording: PropTypes.func.isRequired,\n    toggleVideo: PropTypes.func.isRequired,\n    toggleScreenShare: PropTypes.func.isRequired,\n    toggleModal: PropTypes.func.isRequired,\n    toggleMode: PropTypes.func.isRequired,\n    mode: PropTypes.string.isRequired,\n}\n\nActionsButtons.defaultProps = {\n    isBottomBar: false,\n    forceFullscreen: false\n}\n\nexport default ActionsButtons\n```\n","readmeFilename":"README.md","_id":"@voxeet/react-components@0.31.0-rc21","_npmVersion":"5.6.0","_nodeVersion":"8.11.4","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-G055PlZI9V5cxXWvxRjtxXFN1rxYDjXFlIwbJJNEP+gf519L/EzwPMGW6SWlItWkgTXOmUjNOsyPgQAfBR4BuQ==","shasum":"faa93ff1fc560d1ee4da3932d0938e131288a694","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.31.0-rc21.tgz","fileCount":133,"unpackedSize":5729390,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbwGH2CRA9TVsSAnZWagAAch0P/RyS3NF5dXB4sNrUUc8U\nA6lXlFjBzWH4GtbU3zXjspsBgpFFRFurcRzepIGx1HFzWZDr9vx6fCRttJKh\nGlMk3IWgV335hsjosU4dyNpNdihYjxT4v9v8KAzH4aVO61HuDffjNjnODACP\npetby6hoIv8raFB2J+SNIe+C1dZRyXh330vutn2jIQGvmv/CXHQq4y6oczdE\nl1nnIsPLQCnNRSD5LaQkbUSkVDjw1KrO0yCM2cBorW3gMy3816z9gaxC0VtI\nooSZALcIjxEtohLNpPyHnNNtKW/KSnVQJrPjux3l6OTCPsE47kt0lJZrss0g\n7iEZaAIawPhFw+dpjYjI2ufOooqq0lFlN034qRirAKyydv/xP+77kG48GLH/\naWtxU6jxcQN9bdiOx9LApFrJXk3Oy9Ds2M4mU+lyqwpeaw7zWjbimeBpPuWY\nv2MJWL8t/JzbORK0lRoY5sx0XNtghRXozk5MnW0YcvZo9JX2JnrPstADZjYj\nhWI26rlgp7dAgvPuNs5QDlAOJZB0IlQR0tr+SOnpP6m+tX+c6Rta58omH0Yx\nVPekr6ZhbR/+eN81CmmfZO1aPjuppDlkrX7DIVSOmWlhSZYhsuKL3cY0tIWu\n1WmXt1z6K+pPTZQMl7KO5FJXzVUOr0AFA3jtaMyP6coKStO7h94NKeWKY9BM\nK5fz\r\n=k3cG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIERcSvvwmyaTlXAwZruVVKiRBX98btnZpWUhVKlq5wMXAiAf8Wv8LnnATHzlGDT3GRMRCTK+4svg/VBTOcVCGmuuEA=="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"mkantor@gmail.com","name":"mkantor"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.31.0-rc21_1539334645351_0.42409853593778024"},"_hasShrinkwrap":false},"0.31.0-rc22":{"name":"@voxeet/react-components","version":"0.31.0-rc22","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"dependencies":{"bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.5.0","react-draggable":"3.0.3","react-localization":"^1.0.10","react-redux":"5.0.6","react-tooltip":"3.8.1","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-cli":"^3.0.8","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.7.14"},"readme":"Voxeet React Components\n=====================\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components --save\nyarn add @voxeet/voxeet-web-sdk @voxet/react-components\n```\n\n## Usage\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from '@voxeet/react-components';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n```\n\n### Widget\n\n```javascript\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport { Provider } from 'react-redux'\nimport thunkMidleware from 'redux-thunk'\nimport { combineReducers, createStore, applyMiddleware } from 'redux'\n\nimport { ConferenceRoom, reducer as voxeetReducer } from '@voxeet/react-components'\n\n// Import Style\nimport '@voxeet/react-components/dist/voxeet-react-components.css'; // Can you be customize, refer to https://github.com/voxeet/voxeet-assets-react-components\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n\nconst configureStore = () => createStore(\n  reducers,\n  applyMiddleware(thunkMidleware)\n)\n\nconst settings = {\n  consumerKey: 'consumerKey',\n  consumerSecret: 'consumerSecret',\n  conferenceAlias: 'Sample2'\n}\n\nReactDOM.render(\n  <Provider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </Provider>,\n  document.getElementById('app')\n)\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n| Name | Type | Default | Description|\n|------|------|---------|------------|\n|`sdk`|Function||VoxeetSDK if you want to use an external Voxeet SDK|\n|`consumerKey`|String||The consumer key|\n|`consumerSecret`|String||The consumer secret|\n|`oauthToken`|String||The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !|\n|`refreshTokenCallback`|func||Provide this function that return a promise with the refreshed token, when this one expire|\n|`conferenceAlias`|String||The conference you whant to join|\n|`displayActions`|Array|[\"mute\" ,\"recording\", \"screenshare\", \"video\"]|You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"screenshare\", \"recording\")|\n|`liveRecordingEnabled`|Boolean|false|Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)|\n|`isWidget`|Boolean|true|Indicate if component used like widget or embedded in your app|\n|`isModal`|Boolean|false|Indicate if component displayed like modal|\n|`isWebinar`|Boolean|false|Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)|\n|`autoJoin`|Boolean|false|Join automatically conference|\n|`displayModes`|Array|[\"list\", \"tiles\", \"speaker\"]|Indicate which mode is allowed (modes will be in the same order as the array)|\n|`isManualKickAllowed`|Boolean|false|Authorize admin (conference creator) to kick users in conference|\n|`isAdmin`|Boolean|false|Current user who join the conference is the admin|\n|`kickOnHangUp`|Boolean|false|Kick all users when admin (conference creator) leave the conference|\n|`userInfo`|Object|{</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() * 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>}|User informations for voxeet sdk|\n|`conferenceReplayId`|String||Replay automatically a conference|\n|`constraints`|Object|{</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}|The webrtc constraints for the sdk|\n|`actionsButtons`|React Component|ActionsButtons - All buttons|A react component to customize the actions buttons|\n|`handleOnLeave`|Function||Function call on leave conference|\n|`handleOnConnect`|Function||Function call when the current user is connected to the conference|\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from 'react'\nimport PropTypes from 'prop-types'\n\nimport {\n    HangupButton,\n    ToggleSidebarButton,\n    ToggleFullScreenButton,\n    ToggleMicrophoneButton,\n    ToggleRecordingButton,\n    ToggleScreenShareButton,\n    ToggleVideoButton,\n    ToggleSettingsButton,\n    ToggleModeButton\n} from './buttons'\n\nclass ActionsButtons extends Component {\n\n    constructor(props) {\n        super(props)\n    }\n\n    render() {\n        const { isBottomBar, forceFullscreen, isMuted, isRecording, isWidgetFullScreenOn,\n            videoEnabled, displayModal, screenShareEnabled, mode,\n            toggleMicrophone, toggleRecording, toggleVideo, toggleScreenShare,\n            toggleModal, toggleMode, isWebinar, isAdmin } = this.props\n\n        return (\n            <ul>\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleMicrophoneButton\n                        isMuted={isMuted}\n                        toggle={toggleMicrophone}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleRecordingButton\n                        isRecording={isRecording}\n                        toggle={toggleRecording}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleScreenShareButton\n                        screenShareEnabled={screenShareEnabled}\n                        toggle={toggleScreenShare}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleVideoButton\n                        videoEnabled={videoEnabled}\n                        toggle={toggleVideo}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen &&\n                    <ToggleSettingsButton\n                        displayModal={displayModal}\n                        toggle={toggleModal}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isBottomBar &&\n                    <ToggleModeButton\n                        mode={mode}\n                        toggleMode={toggleMode}\n                    />\n                }\n            </ul>\n        )\n\n    }\n}\n\nActionsButtons.propTypes = {\n    isBottomBar: PropTypes.bool.isRequired,\n    forceFullscreen: PropTypes.bool.isRequired,\n    isMuted: PropTypes.bool.isRequired,\n    isWebinar: PropTypes.bool.isRequired,\n    isAdmin: PropTypes.bool.isRequired,\n    videoEnabled: PropTypes.bool.isRequired,\n    screenShareEnabled: PropTypes.bool.isRequired,\n    displayModal: PropTypes.bool.isRequired,\n    isRecording: PropTypes.bool.isRequired,\n    isWidgetFullScreenOn: PropTypes.bool.isRequired,\n    toggleMicrophone: PropTypes.func.isRequired,\n    toggleRecording: PropTypes.func.isRequired,\n    toggleVideo: PropTypes.func.isRequired,\n    toggleScreenShare: PropTypes.func.isRequired,\n    toggleModal: PropTypes.func.isRequired,\n    toggleMode: PropTypes.func.isRequired,\n    mode: PropTypes.string.isRequired,\n}\n\nActionsButtons.defaultProps = {\n    isBottomBar: false,\n    forceFullscreen: false\n}\n\nexport default ActionsButtons\n```\n","readmeFilename":"README.md","_id":"@voxeet/react-components@0.31.0-rc22","_npmVersion":"5.6.0","_nodeVersion":"8.11.4","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-M/fvMmUoZ45db+oW5Y1hVxFc87FOp1WuDqdr7Si60GiV8YOtiM6t2risFsF8RY/GQe5uJbmDKMPM/VQlongobQ==","shasum":"a869ad82c643c0e8bdf19c207b17d9121d0081d4","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.31.0-rc22.tgz","fileCount":133,"unpackedSize":5729390,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbwGPyCRA9TVsSAnZWagAAQZUP/iHpbnS90SXjBsxGE8Zg\nLdErnQAz4Q4Vl6PGRnVFCK87impPY1KJg8P5HCtAOFR2wGXAVmGDsw9Iifkv\nLOXAyvaVyljBhzqpCgUs8m0MpWY7YeZ5G+zs5r+z0ANi+kMRGK04Lr+Tecca\nSLnvlSalIRTsINuoNxTPcwZA7BCmm7KxKS4iVkbrPJ2JetfoHahRp6i5Dgy/\nsAtcm6FYwtkRGhd2EHkZkSGG8N2J+5PYRydIKygwCgCcLy07ZO9D3H2NIbeO\n9imvJNgGN2vo3fNvZwCD+cbzrahKsqX9Y1tkDVWY8v7qUMAfxpA9LZppjwnu\nlkWaQq1NXz3KKIfSPPRaW2xoaflmmortBYNffYW5io30ZTG9iSLOd5XVUKaa\nLvzQ8OYfRKTrQ/QaHGFhrHfk6ZD7l6x/MVM6HEdrTXMWqJ48u/evIS02zKXG\nlp5feEPnbdpMer4h3IHE3+Js4x59H2XQ8j+lgCa4Jn7z8d3eNroHLONG6cZw\nvMWwiUchE+kg0tZITcMq4SLocNSKoC/g/eEqcapM2bw/5tnPmixZyhM4Jgq+\nNcKepAr8V2fEr49CXC7MHgAycmssrvfqIbGamJkT5Li9iKZ+z/QcMn90W+Jb\nLTsMojftnLvTTtfvh9EalGQMywbwUVFcIuBQsixyUihUhJbjJakZi5Blc3tZ\nDhf6\r\n=KRVs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD5i77NdcodKmFXHpf7rYL1VsnrR10rRwml4yXiveE1ywIhAPMbPbKnalb9iewlmK3FMxwlsjqFkLG86HWhe5GK/zF6"}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"mkantor@gmail.com","name":"mkantor"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.31.0-rc22_1539335153543_0.7094343598102484"},"_hasShrinkwrap":false},"0.31.0-rc23":{"name":"@voxeet/react-components","version":"0.31.0-rc23","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"dependencies":{"bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.5.0","react-draggable":"3.0.3","react-localization":"^1.0.10","react-redux":"5.0.6","react-tooltip":"3.8.1","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-cli":"^3.0.8","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.7.14"},"readme":"Voxeet React Components\n=====================\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components --save\nyarn add @voxeet/voxeet-web-sdk @voxet/react-components\n```\n\n## Usage\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from '@voxeet/react-components';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n```\n\n### Widget\n\n```javascript\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport { Provider } from 'react-redux'\nimport thunkMidleware from 'redux-thunk'\nimport { combineReducers, createStore, applyMiddleware } from 'redux'\n\nimport { ConferenceRoom, reducer as voxeetReducer } from '@voxeet/react-components'\n\n// Import Style\nimport '@voxeet/react-components/dist/voxeet-react-components.css'; // Can you be customize, refer to https://github.com/voxeet/voxeet-assets-react-components\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n\nconst configureStore = () => createStore(\n  reducers,\n  applyMiddleware(thunkMidleware)\n)\n\nconst settings = {\n  consumerKey: 'consumerKey',\n  consumerSecret: 'consumerSecret',\n  conferenceAlias: 'Sample2'\n}\n\nReactDOM.render(\n  <Provider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </Provider>,\n  document.getElementById('app')\n)\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n| Name | Type | Default | Description|\n|------|------|---------|------------|\n|`sdk`|Function||VoxeetSDK if you want to use an external Voxeet SDK|\n|`consumerKey`|String||The consumer key|\n|`consumerSecret`|String||The consumer secret|\n|`oauthToken`|String||The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !|\n|`refreshTokenCallback`|func||Provide this function that return a promise with the refreshed token, when this one expire|\n|`conferenceAlias`|String||The conference you whant to join|\n|`displayActions`|Array|[\"mute\" ,\"recording\", \"screenshare\", \"video\"]|You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"screenshare\", \"recording\")|\n|`liveRecordingEnabled`|Boolean|false|Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)|\n|`isWidget`|Boolean|true|Indicate if component used like widget or embedded in your app|\n|`isModal`|Boolean|false|Indicate if component displayed like modal|\n|`isWebinar`|Boolean|false|Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)|\n|`autoJoin`|Boolean|false|Join automatically conference|\n|`displayModes`|Array|[\"list\", \"tiles\", \"speaker\"]|Indicate which mode is allowed (modes will be in the same order as the array)|\n|`isManualKickAllowed`|Boolean|false|Authorize admin (conference creator) to kick users in conference|\n|`isAdmin`|Boolean|false|Current user who join the conference is the admin|\n|`kickOnHangUp`|Boolean|false|Kick all users when admin (conference creator) leave the conference|\n|`userInfo`|Object|{</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() * 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>}|User informations for voxeet sdk|\n|`conferenceReplayId`|String||Replay automatically a conference|\n|`constraints`|Object|{</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}|The webrtc constraints for the sdk|\n|`actionsButtons`|React Component|ActionsButtons - All buttons|A react component to customize the actions buttons|\n|`handleOnLeave`|Function||Function call on leave conference|\n|`handleOnConnect`|Function||Function call when the current user is connected to the conference|\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from 'react'\nimport PropTypes from 'prop-types'\n\nimport {\n    HangupButton,\n    ToggleSidebarButton,\n    ToggleFullScreenButton,\n    ToggleMicrophoneButton,\n    ToggleRecordingButton,\n    ToggleScreenShareButton,\n    ToggleVideoButton,\n    ToggleSettingsButton,\n    ToggleModeButton\n} from './buttons'\n\nclass ActionsButtons extends Component {\n\n    constructor(props) {\n        super(props)\n    }\n\n    render() {\n        const { isBottomBar, forceFullscreen, isMuted, isRecording, isWidgetFullScreenOn,\n            videoEnabled, displayModal, screenShareEnabled, mode,\n            toggleMicrophone, toggleRecording, toggleVideo, toggleScreenShare,\n            toggleModal, toggleMode, isWebinar, isAdmin } = this.props\n\n        return (\n            <ul>\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleMicrophoneButton\n                        isMuted={isMuted}\n                        toggle={toggleMicrophone}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleRecordingButton\n                        isRecording={isRecording}\n                        toggle={toggleRecording}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleScreenShareButton\n                        screenShareEnabled={screenShareEnabled}\n                        toggle={toggleScreenShare}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleVideoButton\n                        videoEnabled={videoEnabled}\n                        toggle={toggleVideo}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen &&\n                    <ToggleSettingsButton\n                        displayModal={displayModal}\n                        toggle={toggleModal}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isBottomBar &&\n                    <ToggleModeButton\n                        mode={mode}\n                        toggleMode={toggleMode}\n                    />\n                }\n            </ul>\n        )\n\n    }\n}\n\nActionsButtons.propTypes = {\n    isBottomBar: PropTypes.bool.isRequired,\n    forceFullscreen: PropTypes.bool.isRequired,\n    isMuted: PropTypes.bool.isRequired,\n    isWebinar: PropTypes.bool.isRequired,\n    isAdmin: PropTypes.bool.isRequired,\n    videoEnabled: PropTypes.bool.isRequired,\n    screenShareEnabled: PropTypes.bool.isRequired,\n    displayModal: PropTypes.bool.isRequired,\n    isRecording: PropTypes.bool.isRequired,\n    isWidgetFullScreenOn: PropTypes.bool.isRequired,\n    toggleMicrophone: PropTypes.func.isRequired,\n    toggleRecording: PropTypes.func.isRequired,\n    toggleVideo: PropTypes.func.isRequired,\n    toggleScreenShare: PropTypes.func.isRequired,\n    toggleModal: PropTypes.func.isRequired,\n    toggleMode: PropTypes.func.isRequired,\n    mode: PropTypes.string.isRequired,\n}\n\nActionsButtons.defaultProps = {\n    isBottomBar: false,\n    forceFullscreen: false\n}\n\nexport default ActionsButtons\n```\n","readmeFilename":"README.md","_id":"@voxeet/react-components@0.31.0-rc23","_npmVersion":"5.6.0","_nodeVersion":"8.11.4","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-STRauKjEg/7FwrBeDqKz7vMB+Qqj7XlDjnc7Vb1miYw2mYd+EAhywPvyN1lJuPsaX6x3HAhD8W3YhEhjEOU3Tw==","shasum":"3d1633f8a79cdb3b452597058617db7996c0888e","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.31.0-rc23.tgz","fileCount":133,"unpackedSize":5731972,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbxKvpCRA9TVsSAnZWagAAaaMP/0LOHIjvfsUo2EfmpwSf\nEYMrb1TpOehv2r/anwJW2EqV26tmOZTXL7J65nIYSkYCmsJfMVriyMnNYF+b\ng99fWhD9jGxm0G1AZIAK1Okw/phUhGRpxFXd3EMjk7eb92ypt/a5DdM1iyWv\nb/n+30q5ezdIwWW1f7BPyElaYg7Q3XQme/aav8a6uYK8dDUmVr3mxuiAEObC\n5CvAX0j76Z8ssgsJh/Z5RIy6zqCaiosrY+ufJ7L0IAj0pqpb4S3hEj7CAdmY\nKFnHpeCU0Q4tjip5TyiwNHuCGj5i6BlujZGGs17bn374kEt5F/le36OBucOY\nm/E/gS3QN387TqNSHgNyL44FN3M31vllsNeQwcM513nzpKMxnVwl6VDRhiM1\ntJmH6OvH9o567Tuul/cKQgBSc8fYlfPrwZIRQKSrsM7zxO17/tsj5x3KzJJb\n31/t9bM83NTxWfd8juvwCuDZU5l9WfdvAewWmS1xOxq7lipkT1mQvf6qa+x9\n0+W2beByAPm/ly49we1tNrjSYkPcxaiNYlwNyJf+jpPrGYn43+13+dzhPf5G\nr1VJZlwkttA22xHxmunNcYKSpoxfvj6+26S9UrT/3XYwSz8lXKvGgYk2tRT5\noUVNt5URLxq1uqSDbl+jPGK4RlpMY4Y7qN9dRissv+kuocvVGh3Y3DV5uKC6\nghxp\r\n=QmT2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGitRKRsqqJ3kvmyhw5y5ao8fmy0LI2Owb+K/ftF2hR9AiEAwQV+vywATqXEs/+EAtFHhP12uvdCgqWZEWTYW9Z+r0M="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"mkantor@gmail.com","name":"mkantor"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.31.0-rc23_1539615720147_0.4521241269472551"},"_hasShrinkwrap":false},"0.31.0-rc24":{"name":"@voxeet/react-components","version":"0.31.0-rc24","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"dependencies":{"bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.5.0","react-draggable":"3.0.3","react-localization":"^1.0.10","react-redux":"5.0.6","react-tooltip":"3.8.1","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-cli":"^3.0.8","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.7.14"},"readme":"Voxeet React Components\n=====================\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components --save\nyarn add @voxeet/voxeet-web-sdk @voxet/react-components\n```\n\n## Usage\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from '@voxeet/react-components';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n```\n\n### Widget\n\n```javascript\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport { Provider } from 'react-redux'\nimport thunkMidleware from 'redux-thunk'\nimport { combineReducers, createStore, applyMiddleware } from 'redux'\n\nimport { ConferenceRoom, reducer as voxeetReducer } from '@voxeet/react-components'\n\n// Import Style\nimport '@voxeet/react-components/dist/voxeet-react-components.css'; // Can you be customize, refer to https://github.com/voxeet/voxeet-assets-react-components\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n\nconst configureStore = () => createStore(\n  reducers,\n  applyMiddleware(thunkMidleware)\n)\n\nconst settings = {\n  consumerKey: 'consumerKey',\n  consumerSecret: 'consumerSecret',\n  conferenceAlias: 'Sample2'\n}\n\nReactDOM.render(\n  <Provider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </Provider>,\n  document.getElementById('app')\n)\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n| Name | Type | Default | Description|\n|------|------|---------|------------|\n|`sdk`|Function||VoxeetSDK if you want to use an external Voxeet SDK|\n|`consumerKey`|String||The consumer key|\n|`consumerSecret`|String||The consumer secret|\n|`oauthToken`|String||The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !|\n|`refreshTokenCallback`|func||Provide this function that return a promise with the refreshed token, when this one expire|\n|`conferenceAlias`|String||The conference you whant to join|\n|`displayActions`|Array|[\"mute\" ,\"recording\", \"screenshare\", \"video\"]|You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"screenshare\", \"recording\")|\n|`liveRecordingEnabled`|Boolean|false|Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)|\n|`isWidget`|Boolean|true|Indicate if component used like widget or embedded in your app|\n|`isModal`|Boolean|false|Indicate if component displayed like modal|\n|`isWebinar`|Boolean|false|Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)|\n|`autoJoin`|Boolean|false|Join automatically conference|\n|`displayModes`|Array|[\"list\", \"tiles\", \"speaker\"]|Indicate which mode is allowed (modes will be in the same order as the array)|\n|`isManualKickAllowed`|Boolean|false|Authorize admin (conference creator) to kick users in conference|\n|`isAdmin`|Boolean|false|Current user who join the conference is the admin|\n|`kickOnHangUp`|Boolean|false|Kick all users when admin (conference creator) leave the conference|\n|`userInfo`|Object|{</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() * 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>}|User informations for voxeet sdk|\n|`conferenceReplayId`|String||Replay automatically a conference|\n|`constraints`|Object|{</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}|The webrtc constraints for the sdk|\n|`actionsButtons`|React Component|ActionsButtons - All buttons|A react component to customize the actions buttons|\n|`handleOnLeave`|Function||Function call on leave conference|\n|`handleOnConnect`|Function||Function call when the current user is connected to the conference|\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from 'react'\nimport PropTypes from 'prop-types'\n\nimport {\n    HangupButton,\n    ToggleSidebarButton,\n    ToggleFullScreenButton,\n    ToggleMicrophoneButton,\n    ToggleRecordingButton,\n    ToggleScreenShareButton,\n    ToggleVideoButton,\n    ToggleSettingsButton,\n    ToggleModeButton\n} from './buttons'\n\nclass ActionsButtons extends Component {\n\n    constructor(props) {\n        super(props)\n    }\n\n    render() {\n        const { isBottomBar, forceFullscreen, isMuted, isRecording, isWidgetFullScreenOn,\n            videoEnabled, displayModal, screenShareEnabled, mode,\n            toggleMicrophone, toggleRecording, toggleVideo, toggleScreenShare,\n            toggleModal, toggleMode, isWebinar, isAdmin } = this.props\n\n        return (\n            <ul>\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleMicrophoneButton\n                        isMuted={isMuted}\n                        toggle={toggleMicrophone}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleRecordingButton\n                        isRecording={isRecording}\n                        toggle={toggleRecording}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleScreenShareButton\n                        screenShareEnabled={screenShareEnabled}\n                        toggle={toggleScreenShare}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleVideoButton\n                        videoEnabled={videoEnabled}\n                        toggle={toggleVideo}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen &&\n                    <ToggleSettingsButton\n                        displayModal={displayModal}\n                        toggle={toggleModal}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isBottomBar &&\n                    <ToggleModeButton\n                        mode={mode}\n                        toggleMode={toggleMode}\n                    />\n                }\n            </ul>\n        )\n\n    }\n}\n\nActionsButtons.propTypes = {\n    isBottomBar: PropTypes.bool.isRequired,\n    forceFullscreen: PropTypes.bool.isRequired,\n    isMuted: PropTypes.bool.isRequired,\n    isWebinar: PropTypes.bool.isRequired,\n    isAdmin: PropTypes.bool.isRequired,\n    videoEnabled: PropTypes.bool.isRequired,\n    screenShareEnabled: PropTypes.bool.isRequired,\n    displayModal: PropTypes.bool.isRequired,\n    isRecording: PropTypes.bool.isRequired,\n    isWidgetFullScreenOn: PropTypes.bool.isRequired,\n    toggleMicrophone: PropTypes.func.isRequired,\n    toggleRecording: PropTypes.func.isRequired,\n    toggleVideo: PropTypes.func.isRequired,\n    toggleScreenShare: PropTypes.func.isRequired,\n    toggleModal: PropTypes.func.isRequired,\n    toggleMode: PropTypes.func.isRequired,\n    mode: PropTypes.string.isRequired,\n}\n\nActionsButtons.defaultProps = {\n    isBottomBar: false,\n    forceFullscreen: false\n}\n\nexport default ActionsButtons\n```\n","readmeFilename":"README.md","_id":"@voxeet/react-components@0.31.0-rc24","_npmVersion":"5.6.0","_nodeVersion":"8.11.4","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-UIxun8GV242EoDj2fWL4oCXxtI7YXn/TA/fsvjuHtdNYf5/AXoYIO99hLEu4JmK6sxY+1GtLpKDOewQnktncKw==","shasum":"99b24ea5e91b9063da049846f869ad8ec161b232","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.31.0-rc24.tgz","fileCount":133,"unpackedSize":5731959,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbxLFbCRA9TVsSAnZWagAA8FYP/2Ca9J09gAFlXvy2VEr/\nf30eETDlHNO8g3TZ5/wrixAm9gU2wmffiF8p9rouYi0wd97pnigTFGRqpW1o\nDgWB3naZXQej3qziOSIg+8sOqWPtFmCMrlsmT7L2kuKkLHwLclIb4R6iU0FC\nICjX0dSc/omYw+AMgFRcWzGmC9+H8N5EHVsom287Dv24WOp7ubmzViHiZ2ww\nUL5Fzw4RneEooN8VB71ZyYPeMUaZ1AC8eeSIsGzlDcXIqtyw9L+lVOEtI7Yy\nO6HmPdiUPyIExPbHBFHepHTGYgJDYm4HfWcxmCEjACiMbj9QQqPxHj6K/AK1\npZskeeQUQiHxn+VC+u+PRrEfphGHLceCFsgJFktH0csfSOdwPeT9/iGIOxWM\n/yZbfOUwqQMcUFoBO0HmvLK2R4s1xZohXmzFi/explGNO/KAHBEA7dhZrpEv\nbMf8gNo4d/Z9RalaVVPGOoACoeHrRilawcJCQ8e+E7KAGdgco0eaxC6C+IAn\nl+oxqu5C32s9w9U+a3Y8/crjVnMi4c2eObI7aabAlUQCW4Wm+dJXojuqvOcr\nvVLxxCV6SpK98hHXt5utd3qjKscYHPkq4Ai3HWNmGyOn12VUYod6X8hMrTnr\nlfPO/alJQSjERvKABjlgPNUrtEOb9xkYBSI+w8Ejf8I13M6qRQOy4MjMYcWD\n7g5j\r\n=JmfB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH93mxUV7yI9lfkiYf/blb7rHKVwYKXcCEeApi7dvnPZAiBG6UNhJqXcfZLTNljrYC9K5z0sMS6n7ap5WvoyaPav0Q=="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"mkantor@gmail.com","name":"mkantor"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.31.0-rc24_1539617114269_0.44799154718411627"},"_hasShrinkwrap":false},"0.31.0-rc25":{"name":"@voxeet/react-components","version":"0.31.0-rc25","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"dependencies":{"bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.5.0","react-draggable":"3.0.3","react-localization":"^1.0.10","react-redux":"5.0.6","react-tooltip":"3.8.1","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-cli":"^3.0.8","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.7.14"},"readme":"Voxeet React Components\n=====================\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components --save\nyarn add @voxeet/voxeet-web-sdk @voxet/react-components\n```\n\n## Usage\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from '@voxeet/react-components';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n```\n\n### Widget\n\n```javascript\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport { Provider } from 'react-redux'\nimport thunkMidleware from 'redux-thunk'\nimport { combineReducers, createStore, applyMiddleware } from 'redux'\n\nimport { ConferenceRoom, reducer as voxeetReducer } from '@voxeet/react-components'\n\n// Import Style\nimport '@voxeet/react-components/dist/voxeet-react-components.css'; // Can you be customize, refer to https://github.com/voxeet/voxeet-assets-react-components\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n\nconst configureStore = () => createStore(\n  reducers,\n  applyMiddleware(thunkMidleware)\n)\n\nconst settings = {\n  consumerKey: 'consumerKey',\n  consumerSecret: 'consumerSecret',\n  conferenceAlias: 'Sample2'\n}\n\nReactDOM.render(\n  <Provider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </Provider>,\n  document.getElementById('app')\n)\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n| Name | Type | Default | Description|\n|------|------|---------|------------|\n|`sdk`|Function||VoxeetSDK if you want to use an external Voxeet SDK|\n|`consumerKey`|String||The consumer key|\n|`consumerSecret`|String||The consumer secret|\n|`oauthToken`|String||The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !|\n|`refreshTokenCallback`|func||Provide this function that return a promise with the refreshed token, when this one expire|\n|`conferenceAlias`|String||The conference you whant to join|\n|`displayActions`|Array|[\"mute\" ,\"recording\", \"screenshare\", \"video\"]|You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"screenshare\", \"recording\")|\n|`liveRecordingEnabled`|Boolean|false|Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)|\n|`isWidget`|Boolean|true|Indicate if component used like widget or embedded in your app|\n|`isModal`|Boolean|false|Indicate if component displayed like modal|\n|`isWebinar`|Boolean|false|Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)|\n|`autoJoin`|Boolean|false|Join automatically conference|\n|`displayModes`|Array|[\"list\", \"tiles\", \"speaker\"]|Indicate which mode is allowed (modes will be in the same order as the array)|\n|`isManualKickAllowed`|Boolean|false|Authorize admin (conference creator) to kick users in conference|\n|`isAdmin`|Boolean|false|Current user who join the conference is the admin|\n|`kickOnHangUp`|Boolean|false|Kick all users when admin (conference creator) leave the conference|\n|`userInfo`|Object|{</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() * 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>}|User informations for voxeet sdk|\n|`conferenceReplayId`|String||Replay automatically a conference|\n|`constraints`|Object|{</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}|The webrtc constraints for the sdk|\n|`actionsButtons`|React Component|ActionsButtons - All buttons|A react component to customize the actions buttons|\n|`handleOnLeave`|Function||Function call on leave conference|\n|`handleOnConnect`|Function||Function call when the current user is connected to the conference|\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from 'react'\nimport PropTypes from 'prop-types'\n\nimport {\n    HangupButton,\n    ToggleSidebarButton,\n    ToggleFullScreenButton,\n    ToggleMicrophoneButton,\n    ToggleRecordingButton,\n    ToggleScreenShareButton,\n    ToggleVideoButton,\n    ToggleSettingsButton,\n    ToggleModeButton\n} from './buttons'\n\nclass ActionsButtons extends Component {\n\n    constructor(props) {\n        super(props)\n    }\n\n    render() {\n        const { isBottomBar, forceFullscreen, isMuted, isRecording, isWidgetFullScreenOn,\n            videoEnabled, displayModal, screenShareEnabled, mode,\n            toggleMicrophone, toggleRecording, toggleVideo, toggleScreenShare,\n            toggleModal, toggleMode, isWebinar, isAdmin } = this.props\n\n        return (\n            <ul>\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleMicrophoneButton\n                        isMuted={isMuted}\n                        toggle={toggleMicrophone}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleRecordingButton\n                        isRecording={isRecording}\n                        toggle={toggleRecording}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleScreenShareButton\n                        screenShareEnabled={screenShareEnabled}\n                        toggle={toggleScreenShare}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleVideoButton\n                        videoEnabled={videoEnabled}\n                        toggle={toggleVideo}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen &&\n                    <ToggleSettingsButton\n                        displayModal={displayModal}\n                        toggle={toggleModal}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isBottomBar &&\n                    <ToggleModeButton\n                        mode={mode}\n                        toggleMode={toggleMode}\n                    />\n                }\n            </ul>\n        )\n\n    }\n}\n\nActionsButtons.propTypes = {\n    isBottomBar: PropTypes.bool.isRequired,\n    forceFullscreen: PropTypes.bool.isRequired,\n    isMuted: PropTypes.bool.isRequired,\n    isWebinar: PropTypes.bool.isRequired,\n    isAdmin: PropTypes.bool.isRequired,\n    videoEnabled: PropTypes.bool.isRequired,\n    screenShareEnabled: PropTypes.bool.isRequired,\n    displayModal: PropTypes.bool.isRequired,\n    isRecording: PropTypes.bool.isRequired,\n    isWidgetFullScreenOn: PropTypes.bool.isRequired,\n    toggleMicrophone: PropTypes.func.isRequired,\n    toggleRecording: PropTypes.func.isRequired,\n    toggleVideo: PropTypes.func.isRequired,\n    toggleScreenShare: PropTypes.func.isRequired,\n    toggleModal: PropTypes.func.isRequired,\n    toggleMode: PropTypes.func.isRequired,\n    mode: PropTypes.string.isRequired,\n}\n\nActionsButtons.defaultProps = {\n    isBottomBar: false,\n    forceFullscreen: false\n}\n\nexport default ActionsButtons\n```\n","readmeFilename":"README.md","_id":"@voxeet/react-components@0.31.0-rc25","_npmVersion":"5.6.0","_nodeVersion":"8.11.4","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-s0iNWfOuXPWexONCNyU9JriwKRcwtf0f6hsNqvmIMmgFfIENH+fAdGBfkiZaPeiXg54k54kbD7sMGAo9/K0H3Q==","shasum":"314baa2369b86f4f1488c708dae8b0e74c093520","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.31.0-rc25.tgz","fileCount":133,"unpackedSize":5734660,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbx0dyCRA9TVsSAnZWagAAsIcP/jX+5wfOltwsielrI+QE\nONem8UMtTjuV7R8GHdR6k4LSjg06LsmBnpSVSfFi5rtDWeSCH6UnB5LY2mp5\n0PnyELsdkKC/Wd+1wQDpMY8OkrLu1rQjNdZow/y2PhV4RvAdTSB+BFv/Ruo8\nXalfWUoQauW0WANixHh3V5JT6z37PEEQiTdfqKzQBzpXvGFTjauzWw51xXXi\n62NXH+DjAoxJ/k+7SHGXGWWrbAOL6oP7sASBScUhIBXLS0uGM3wxBDJzsDWW\nDphrKnSlX9LjMqgVISqZdbXZDHPuoR0lVxITqojQIsU343I1/ApIqZrdhQ4y\nE6xgkLEXh74p6V3i/NHpbdU+O4Me6sJxd+MdFrXgAeBl+ADXXnQzlxz2Hk60\nf5raA6EskuDe47SfmD8d1hvxi9hIsY9g8UN+lJVhxGke6Q4cfFL9t4EFbOkO\n6HXaV/QsmTIJ9XGAxAE6cRvPF5tfyRUMo5LirWPwIfxTTw+KzTFo7DbR3fks\nNwH1/upjt9mWEEi9jieY2hxmwJRAaNbwnLEiMwrPLo+CBT7PanabpyCl6Wye\noKFF7c7yPq2nrDuOFoCoaTtBTb8zthLqnNiUhurnFl9lC6VQNXfGuoPJsUOO\ny/ExemOfffnAqAzpTmxb+tHwl9G4qLnxeldSifdCvmER8CMNq31CWdyvTqSw\nPojB\r\n=SLwh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCMQf3m72PxdtdBUJyXW3Sc2Bj+zwh6phQep2bo6mQXUQIhAI5cHHMV6Gl9fni9a5TmY7EKSJGoEh1cq8ZI/hYyP0im"}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"mkantor@gmail.com","name":"mkantor"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.31.0-rc25_1539786609884_0.07887935099550036"},"_hasShrinkwrap":false},"0.31.0-rc26":{"name":"@voxeet/react-components","version":"0.31.0-rc26","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"dependencies":{"bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.5.0","react-draggable":"3.0.3","react-localization":"^1.0.10","react-redux":"5.0.6","react-tooltip":"3.8.1","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-cli":"^3.0.8","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.7.14"},"readme":"Voxeet React Components\n=====================\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components --save\nyarn add @voxeet/voxeet-web-sdk @voxet/react-components\n```\n\n## Usage\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from '@voxeet/react-components';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n```\n\n### Widget\n\n```javascript\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport { Provider } from 'react-redux'\nimport thunkMidleware from 'redux-thunk'\nimport { combineReducers, createStore, applyMiddleware } from 'redux'\n\nimport { ConferenceRoom, reducer as voxeetReducer } from '@voxeet/react-components'\n\n// Import Style\nimport '@voxeet/react-components/dist/voxeet-react-components.css'; // Can you be customize, refer to https://github.com/voxeet/voxeet-assets-react-components\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n\nconst configureStore = () => createStore(\n  reducers,\n  applyMiddleware(thunkMidleware)\n)\n\nconst settings = {\n  consumerKey: 'consumerKey',\n  consumerSecret: 'consumerSecret',\n  conferenceAlias: 'Sample2'\n}\n\nReactDOM.render(\n  <Provider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </Provider>,\n  document.getElementById('app')\n)\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n| Name | Type | Default | Description|\n|------|------|---------|------------|\n|`sdk`|Function||VoxeetSDK if you want to use an external Voxeet SDK|\n|`consumerKey`|String||The consumer key|\n|`consumerSecret`|String||The consumer secret|\n|`oauthToken`|String||The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !|\n|`refreshTokenCallback`|func||Provide this function that return a promise with the refreshed token, when this one expire|\n|`conferenceAlias`|String||The conference you whant to join|\n|`displayActions`|Array|[\"mute\" ,\"recording\", \"screenshare\", \"video\"]|You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"screenshare\", \"recording\")|\n|`liveRecordingEnabled`|Boolean|false|Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)|\n|`isWidget`|Boolean|true|Indicate if component used like widget or embedded in your app|\n|`isModal`|Boolean|false|Indicate if component displayed like modal|\n|`isWebinar`|Boolean|false|Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)|\n|`autoJoin`|Boolean|false|Join automatically conference|\n|`displayModes`|Array|[\"list\", \"tiles\", \"speaker\"]|Indicate which mode is allowed (modes will be in the same order as the array)|\n|`isManualKickAllowed`|Boolean|false|Authorize admin (conference creator) to kick users in conference|\n|`isAdmin`|Boolean|false|Current user who join the conference is the admin|\n|`kickOnHangUp`|Boolean|false|Kick all users when admin (conference creator) leave the conference|\n|`userInfo`|Object|{</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() * 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>}|User informations for voxeet sdk|\n|`conferenceReplayId`|String||Replay automatically a conference|\n|`constraints`|Object|{</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}|The webrtc constraints for the sdk|\n|`actionsButtons`|React Component|ActionsButtons - All buttons|A react component to customize the actions buttons|\n|`handleOnLeave`|Function||Function call on leave conference|\n|`handleOnConnect`|Function||Function call when the current user is connected to the conference|\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from 'react'\nimport PropTypes from 'prop-types'\n\nimport {\n    HangupButton,\n    ToggleSidebarButton,\n    ToggleFullScreenButton,\n    ToggleMicrophoneButton,\n    ToggleRecordingButton,\n    ToggleScreenShareButton,\n    ToggleVideoButton,\n    ToggleSettingsButton,\n    ToggleModeButton\n} from './buttons'\n\nclass ActionsButtons extends Component {\n\n    constructor(props) {\n        super(props)\n    }\n\n    render() {\n        const { isBottomBar, forceFullscreen, isMuted, isRecording, isWidgetFullScreenOn,\n            videoEnabled, displayModal, screenShareEnabled, mode,\n            toggleMicrophone, toggleRecording, toggleVideo, toggleScreenShare,\n            toggleModal, toggleMode, isWebinar, isAdmin } = this.props\n\n        return (\n            <ul>\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleMicrophoneButton\n                        isMuted={isMuted}\n                        toggle={toggleMicrophone}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleRecordingButton\n                        isRecording={isRecording}\n                        toggle={toggleRecording}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleScreenShareButton\n                        screenShareEnabled={screenShareEnabled}\n                        toggle={toggleScreenShare}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) &&\n                    <ToggleVideoButton\n                        videoEnabled={videoEnabled}\n                        toggle={toggleVideo}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isWidgetFullScreenOn && !forceFullscreen &&\n                    <ToggleSettingsButton\n                        displayModal={displayModal}\n                        toggle={toggleModal}\n                        tooltipPlace={isBottomBar ? 'top' : 'right'}\n                    />\n                }\n                {!isBottomBar &&\n                    <ToggleModeButton\n                        mode={mode}\n                        toggleMode={toggleMode}\n                    />\n                }\n            </ul>\n        )\n\n    }\n}\n\nActionsButtons.propTypes = {\n    isBottomBar: PropTypes.bool.isRequired,\n    forceFullscreen: PropTypes.bool.isRequired,\n    isMuted: PropTypes.bool.isRequired,\n    isWebinar: PropTypes.bool.isRequired,\n    isAdmin: PropTypes.bool.isRequired,\n    videoEnabled: PropTypes.bool.isRequired,\n    screenShareEnabled: PropTypes.bool.isRequired,\n    displayModal: PropTypes.bool.isRequired,\n    isRecording: PropTypes.bool.isRequired,\n    isWidgetFullScreenOn: PropTypes.bool.isRequired,\n    toggleMicrophone: PropTypes.func.isRequired,\n    toggleRecording: PropTypes.func.isRequired,\n    toggleVideo: PropTypes.func.isRequired,\n    toggleScreenShare: PropTypes.func.isRequired,\n    toggleModal: PropTypes.func.isRequired,\n    toggleMode: PropTypes.func.isRequired,\n    mode: PropTypes.string.isRequired,\n}\n\nActionsButtons.defaultProps = {\n    isBottomBar: false,\n    forceFullscreen: false\n}\n\nexport default ActionsButtons\n```\n","readmeFilename":"README.md","_id":"@voxeet/react-components@0.31.0-rc26","_npmVersion":"5.6.0","_nodeVersion":"8.11.4","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-EAacvCwDJZACMInivyJ2bu55yNvbou5Bh2nH+B6Q/kHs3pFpvurEQrhBl0LlyuYFY3cByFbKS5I4Ue2KfAAt/w==","shasum":"c4f81a085f939f771e99ee30983b30d881765b65","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.31.0-rc26.tgz","fileCount":133,"unpackedSize":5734675,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbx0soCRA9TVsSAnZWagAAgwYP/is/p3N3G3W9CBjkzpT5\nBuwLF/tDtwmZNQ05dld5LYilM+U/s7aR1/KadiaLtBf4MKc5XIRtYe3dggr5\nVmBNex4bEmhV/sqRB5TH0ZZ1+qLwXRoz6ZXlj1MOP1jKhjIoy5M5B5Wh2PrZ\nwRpOMCx+zw0grPJaaHn8KXRABaUVhwNv9cMEjN8+jfYyKs/EGF+35Zgv9L45\nMcLnIGb0cXMV1vx+X+NFML1ZXQr3ZRm8qPkwTSy+g6BmrG2r9Gop9IvNLnTl\nL3OnXOjmor/zDAx8qHPR5NTVbbTQj78Qfuql7rsl2FtbTyxChqdOnWM0Fu7v\nsczV3spRmv9KyUuW24vYEsfo/dmqo9yMbmVacM98xWizQqhJufa1OpWAlEMu\nywsC1ujNITguxrRC/CRsoFaSymvQ3hp/3++rZGIkgkoAwAOje1Ze4XNiAGqN\n7M90MpXy8zbeq4KXBz6sAW8F2Lexrzy1NFDxima++Ae0QLlc+PqL26rqVnhR\n/E8q1JKWZ/C0jySCJuaMGQeDhOj25t840QMv/3RhstD0iwabIDzx9tKt2DA4\nR6AlCA4ZA2B1oQhBh1+uoPIhpaZWjsY7nvvzJz2uf9qAXgbW9ZyY/xo55raI\nw50opdZQ5Jalo8TvKij55jXbb5SZU6OzgAE/B/CLe30HDKbOVOoVJELhM5bz\nRKvr\r\n=4g5W\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA5mEKOrqwQc2qM56U8fwm2+uX9ugtPxv+gEeU9N0EGyAiEAn6vkaqzOL1zaAR366qTMXsZiA3U7ssh4XmFiFrwZ+RE="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"mkantor@gmail.com","name":"mkantor"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.31.0-rc26_1539787559736_0.5849785110742827"},"_hasShrinkwrap":false},"0.31.0-rc30":{"name":"@voxeet/react-components","version":"0.31.0-rc30","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"dependencies":{"bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.5.0","react-draggable":"3.0.3","react-localization":"^1.0.10","react-redux":"5.0.6","react-tooltip":"3.8.1","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-cli":"^3.0.8","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.7.14"},"_resolved":"","_integrity":"","_from":"file:voxeet-react-components-0.31.0-rc30.tgz","readme":"Voxeet React Components\n=====================\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components --save\nyarn add @voxeet/voxeet-web-sdk @voxet/react-components\n```\n\n## Usage\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from '@voxeet/react-components';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n```\n\n### Widget\n\n```javascript\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport { Provider } from 'react-redux'\nimport thunkMidleware from 'redux-thunk'\nimport { combineReducers, createStore, applyMiddleware } from 'redux'\n\nimport { ConferenceRoom, reducer as voxeetReducer } from '@voxeet/react-components'\n\n// Import Style\nimport '@voxeet/react-components/dist/voxeet-react-components.css'; // Can you be customize, refer to https://github.com/voxeet/voxeet-assets-react-components\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n\nconst configureStore = () => createStore(\n  reducers,\n  applyMiddleware(thunkMidleware)\n)\n\nconst settings = {\n  consumerKey: 'consumerKey',\n  consumerSecret: 'consumerSecret',\n  conferenceAlias: 'Sample2'\n}\n\nReactDOM.render(\n  <Provider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </Provider>,\n  document.getElementById('app')\n)\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n| Name | Type | Default | Description|\n|------|------|---------|------------|\n|`sdk`|Function||VoxeetSDK if you want to use an external Voxeet SDK|\n|`consumerKey`|String||The consumer key|\n|`consumerSecret`|String||The consumer secret|\n|`oauthToken`|String||The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !|\n|`refreshTokenCallback`|func||Provide this function that return a promise with the refreshed token, when this one expire|\n|`conferenceAlias`|String||The conference you whant to join|\n|`displayActions`|Array|[\"mute\" ,\"recording\", \"screenshare\", \"video\"]|You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"screenshare\", \"recording\")|\n|`liveRecordingEnabled`|Boolean|false|Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)|\n|`isWidget`|Boolean|true|Indicate if component used like widget or embedded in your app|\n|`isModal`|Boolean|false|Indicate if component displayed like modal|\n|`isWebinar`|Boolean|false|Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)|\n|`autoJoin`|Boolean|false|Join automatically conference|\n|`displayModes`|Array|[\"list\", \"tiles\", \"speaker\"]|Indicate which mode is allowed (modes will be in the same order as the array)|\n|`isManualKickAllowed`|Boolean|false|Authorize admin (conference creator) to kick users in conference|\n|`isAdmin`|Boolean|false|Current user who join the conference is the admin|\n|`kickOnHangUp`|Boolean|false|Kick all users when admin (conference creator) leave the conference|\n|`userInfo`|Object|{</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() * 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>}|User informations for voxeet sdk|\n|`conferenceReplayId`|String||Replay automatically a conference|\n|`constraints`|Object|{</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}|The webrtc constraints for the sdk|\n|`actionsButtons`|React Component|ActionsButtons - All buttons|A react component to customize the actions buttons|\n|`handleOnLeave`|Function||Function call on leave conference|\n|`handleOnConnect`|Function||Function call when the current user is connected to the conference|\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { Buttons } from \"@voxeet/react-components\";\n\nclass ActionsButtons extends Component {\n  constructor(props) {\n    super(props);\n  }\n\n  render() {\n    const {\n      isBottomBar,\n      forceFullscreen,\n      isMuted,\n      isRecording,\n      isWidgetFullScreenOn,\n      videoEnabled,\n      displayModal,\n      screenShareEnabled,\n      mode,\n      toggleMicrophone,\n      toggleRecording,\n      toggleVideo,\n      toggleScreenShare,\n      toggleModal,\n      toggleAudio3D,\n      toggleMode,\n      isWebinar,\n      isAdmin,\n      displayActions,\n      leave,\n      audio3DEnabled,\n      isElectron,\n      displayExternalLiveModal,\n      isExternalLive,\n      isScreenshare,\n      isDemo\n    } = this.props;\n\n    return (\n      <div>\n        <ul className=\"controls-left\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"mute\") > -1 &&\n            !isDemo && (\n              <Buttons.ToggleMicrophoneButton\n                isMuted={isMuted}\n                toggle={toggleMicrophone}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"video\") > -1 &&\n            !isDemo && (\n              <Buttons.ToggleVideoButton\n                videoEnabled={videoEnabled}\n                toggle={toggleVideo}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            isBottomBar &&\n            isElectron && (\n              <Buttons.Toggle3DAudioButton\n                audio3DEnabled={audio3DEnabled}\n                toggleAudio3D={toggleAudio3D}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) && (\n              <Buttons.ToggleSettingsButton\n                displayModal={displayModal}\n                toggle={toggleModal}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n        </ul>\n        <ul className=\"controls-center\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"recording\") > -1 &&\n            !isDemo && (\n              <Buttons.ToggleRecordingButton\n                isRecording={isRecording}\n                toggle={toggleRecording}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"screenshare\") > -1 &&\n            !isDemo && (\n              <Buttons.ToggleScreenShareButton\n                screenShareEnabled={isScreenshare}\n                isElectron={isElectron}\n                toggle={toggleScreenShare}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"live\") > -1 &&\n            !isDemo && (\n              <Buttons.ToggleExternalLiveButton\n                toggle={displayExternalLiveModal}\n                isExternalLive={isExternalLive}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {isBottomBar &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            !isDemo && <li className=\"separator\" />}\n          {isBottomBar && (\n            <Buttons.HangUpButtonBottomBar leave={leave} tooltipPlace=\"top\" />\n          )}\n        </ul>\n        <ul className=\"controls-right\" />\n      </div>\n    );\n  }\n}\n\nActionsButtons.propTypes = {\n  isBottomBar: PropTypes.bool.isRequired,\n  forceFullscreen: PropTypes.bool.isRequired,\n  isMuted: PropTypes.bool.isRequired,\n  isWebinar: PropTypes.bool.isRequired,\n  isAdmin: PropTypes.bool.isRequired,\n  videoEnabled: PropTypes.bool.isRequired,\n  screenShareEnabled: PropTypes.bool.isRequired,\n  displayModal: PropTypes.bool.isRequired,\n  isScreenshare: PropTypes.bool.isRequired,\n  displayActions: PropTypes.array.isRequired,\n  toggleAudio3D: PropTypes.func.isRequired,\n  displayExternalLiveModal: PropTypes.func.isRequired,\n  isElectron: PropTypes.bool.isRequired,\n  isExternalLive: PropTypes.bool.isRequired,\n  audio3DEnabled: PropTypes.bool.isRequired,\n  isRecording: PropTypes.bool.isRequired,\n  isWidgetFullScreenOn: PropTypes.bool.isRequired,\n  toggleMicrophone: PropTypes.func.isRequired,\n  leave: PropTypes.func.isRequired,\n  toggleRecording: PropTypes.func.isRequired,\n  toggleVideo: PropTypes.func.isRequired,\n  toggleScreenShare: PropTypes.func.isRequired,\n  toggleModal: PropTypes.func.isRequired,\n  toggleMode: PropTypes.func.isRequired,\n  mode: PropTypes.string.isRequired\n};\n\nActionsButtons.defaultProps = {\n  isBottomBar: false,\n  forceFullscreen: false\n};\n\nexport default ActionsButtons;\n\n```\n","readmeFilename":"README.md","_id":"@voxeet/react-components@0.31.0-rc30","_npmVersion":"6.4.1","_nodeVersion":"10.11.0","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-9aASWBmcaGbRpxdfBnZ1jzX1btPw0AoGEJgqaeaSiQ0/Tv7e6QfAFRUMydrJWTpbyEZjKgswO1CQ7OYNjpqXxg==","shasum":"170698bfcff4142447e9b312c57027fa54e89985","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.31.0-rc30.tgz","fileCount":147,"unpackedSize":7288803,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb2dS1CRA9TVsSAnZWagAAKu8P/1LJ1xPYiM4gDerC2NZ5\nniW3EUYos5TjGK3NOAQDL7tgRoGnEf5lUGuC4VgDA7FLWeZid/r2f/uyrzF9\negmZSOLqViPC43By+1Ph3G+ZuhXyuKlYz800JWglpDx2V3zW+/leXfJeQ+0G\ndbv85W9Y++fqWiCj1vLbk00ksASlNHeZBrIO7czEhs9grRdSrCuyZebZXofv\n/Bf3kvDlcAD/MvyHOLQgpwiYmMDY+ZP1iGp5O/5dx3bAU9J2JfELFVpEKSaZ\nNJy1i0vQpY5MS2BnJiwiphgMhYskniNzzKzKLapgSfyMOghX9gqEETC5bMGU\nCF/K3FnleQRl0lQLcQ67aKgUh6OpGWQcZM2XZ2BTKmYuC5bqO6QtIgfmWYSY\nE9Nvc/FV9R0nnM5EBE1r0f3IYWHg2ZCY1kcJwQF/WvuUsHfxjdC5N45bqeYm\n5xkg2XthXMaqS53Sp38XnKlPdwPe66Z72Xd+FDd2pv4ogpnVK03tBQnojakR\nxU0quJwitTMZyFiUZZ1/scNFaJq+5SCoOMs5/ESMD69JHyP718ynQ0Ygqd5E\njqe6a6MCx0zBefG6TaX6mnaHWGOVxzrcB1mMg2G3XFQSZWr2c8L+c7s2LFos\nyYY4xeu4ow2DDRqwa/a5BTpyrtB1CFBW1e8zeUWLVmPia+N7/8UZCfPbw0XT\nZ0dC\r\n=tAvE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCbzuJjUwljnSB3jaB71Qo1VdUfkq305VtRrJo6YvaUUAIhAPXYXy4X/xcCiCc1yFgqssO6gslIi2UxrAImUTASg7rT"}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"mkantor@gmail.com","name":"mkantor"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.31.0-rc30_1541002420280_0.30154706112547647"},"_hasShrinkwrap":false},"0.31.0-rc31":{"name":"@voxeet/react-components","version":"0.31.0-rc31","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"dependencies":{"bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.5.0","react-draggable":"3.0.3","react-localization":"^1.0.10","react-redux":"5.0.6","react-tooltip":"3.8.1","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-cli":"^3.0.8","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.7.14"},"_resolved":"","_integrity":"","_from":"file:voxeet-react-components-0.31.0-rc31.tgz","readme":"Voxeet React Components\n=====================\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components --save\nyarn add @voxeet/voxeet-web-sdk @voxet/react-components\n```\n\n## Usage\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from '@voxeet/react-components';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n```\n\n### Widget\n\n```javascript\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport { Provider } from 'react-redux'\nimport thunkMidleware from 'redux-thunk'\nimport { combineReducers, createStore, applyMiddleware } from 'redux'\n\nimport { ConferenceRoom, reducer as voxeetReducer } from '@voxeet/react-components'\n\n// Import Style\nimport '@voxeet/react-components/dist/voxeet-react-components.css'; // Can you be customize, refer to https://github.com/voxeet/voxeet-assets-react-components\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n\nconst configureStore = () => createStore(\n  reducers,\n  applyMiddleware(thunkMidleware)\n)\n\nconst settings = {\n  consumerKey: 'consumerKey',\n  consumerSecret: 'consumerSecret',\n  conferenceAlias: 'Sample2'\n}\n\nReactDOM.render(\n  <Provider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </Provider>,\n  document.getElementById('app')\n)\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n| Name | Type | Default | Description|\n|------|------|---------|------------|\n|`sdk`|Function||VoxeetSDK if you want to use an external Voxeet SDK|\n|`consumerKey`|String||The consumer key|\n|`consumerSecret`|String||The consumer secret|\n|`oauthToken`|String||The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !|\n|`refreshTokenCallback`|func||Provide this function that return a promise with the refreshed token, when this one expire|\n|`conferenceAlias`|String||The conference you whant to join|\n|`displayActions`|Array|[\"mute\" ,\"recording\", \"screenshare\", \"video\"]|You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"screenshare\", \"recording\")|\n|`liveRecordingEnabled`|Boolean|false|Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)|\n|`isWidget`|Boolean|true|Indicate if component used like widget or embedded in your app|\n|`isModal`|Boolean|false|Indicate if component displayed like modal|\n|`isWebinar`|Boolean|false|Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)|\n|`autoJoin`|Boolean|false|Join automatically conference|\n|`displayModes`|Array|[\"list\", \"tiles\", \"speaker\"]|Indicate which mode is allowed (modes will be in the same order as the array)|\n|`isManualKickAllowed`|Boolean|false|Authorize admin (conference creator) to kick users in conference|\n|`isAdmin`|Boolean|false|Current user who join the conference is the admin|\n|`kickOnHangUp`|Boolean|false|Kick all users when admin (conference creator) leave the conference|\n|`userInfo`|Object|{</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() * 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>}|User informations for voxeet sdk|\n|`conferenceReplayId`|String||Replay automatically a conference|\n|`constraints`|Object|{</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}|The webrtc constraints for the sdk|\n|`actionsButtons`|React Component|ActionsButtons - All buttons|A react component to customize the actions buttons|\n|`handleOnLeave`|Function||Function call on leave conference|\n|`handleOnConnect`|Function||Function call when the current user is connected to the conference|\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { Buttons } from \"@voxeet/react-components\";\n\nclass ActionsButtons extends Component {\n  constructor(props) {\n    super(props);\n  }\n\n  render() {\n    const {\n      isBottomBar,\n      forceFullscreen,\n      isMuted,\n      isRecording,\n      isWidgetFullScreenOn,\n      videoEnabled,\n      displayModal,\n      screenShareEnabled,\n      mode,\n      toggleMicrophone,\n      toggleRecording,\n      toggleVideo,\n      toggleScreenShare,\n      toggleModal,\n      toggleAudio3D,\n      toggleMode,\n      isWebinar,\n      isAdmin,\n      displayActions,\n      leave,\n      audio3DEnabled,\n      isElectron,\n      displayExternalLiveModal,\n      isExternalLive,\n      isScreenshare,\n      isDemo\n    } = this.props;\n\n    return (\n      <div>\n        <ul className=\"controls-left\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"mute\") > -1 &&\n            !isDemo && (\n              <Buttons.ToggleMicrophoneButton\n                isMuted={isMuted}\n                toggle={toggleMicrophone}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"video\") > -1 &&\n            !isDemo && (\n              <Buttons.ToggleVideoButton\n                videoEnabled={videoEnabled}\n                toggle={toggleVideo}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            isBottomBar &&\n            isElectron && (\n              <Buttons.Toggle3DAudioButton\n                audio3DEnabled={audio3DEnabled}\n                toggleAudio3D={toggleAudio3D}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) && (\n              <Buttons.ToggleSettingsButton\n                displayModal={displayModal}\n                toggle={toggleModal}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n        </ul>\n        <ul className=\"controls-center\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"recording\") > -1 &&\n            !isDemo && (\n              <Buttons.ToggleRecordingButton\n                isRecording={isRecording}\n                toggle={toggleRecording}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"screenshare\") > -1 &&\n            !isDemo && (\n              <Buttons.ToggleScreenShareButton\n                screenShareEnabled={isScreenshare}\n                isElectron={isElectron}\n                toggle={toggleScreenShare}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"live\") > -1 &&\n            !isDemo && (\n              <Buttons.ToggleExternalLiveButton\n                toggle={displayExternalLiveModal}\n                isExternalLive={isExternalLive}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {isBottomBar &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            !isDemo && <li className=\"separator\" />}\n          {isBottomBar && (\n            <Buttons.HangUpButtonBottomBar leave={leave} tooltipPlace=\"top\" />\n          )}\n        </ul>\n        <ul className=\"controls-right\" />\n      </div>\n    );\n  }\n}\n\nActionsButtons.propTypes = {\n  isBottomBar: PropTypes.bool.isRequired,\n  forceFullscreen: PropTypes.bool.isRequired,\n  isMuted: PropTypes.bool.isRequired,\n  isWebinar: PropTypes.bool.isRequired,\n  isAdmin: PropTypes.bool.isRequired,\n  videoEnabled: PropTypes.bool.isRequired,\n  screenShareEnabled: PropTypes.bool.isRequired,\n  displayModal: PropTypes.bool.isRequired,\n  isScreenshare: PropTypes.bool.isRequired,\n  displayActions: PropTypes.array.isRequired,\n  toggleAudio3D: PropTypes.func.isRequired,\n  displayExternalLiveModal: PropTypes.func.isRequired,\n  isElectron: PropTypes.bool.isRequired,\n  isExternalLive: PropTypes.bool.isRequired,\n  audio3DEnabled: PropTypes.bool.isRequired,\n  isRecording: PropTypes.bool.isRequired,\n  isWidgetFullScreenOn: PropTypes.bool.isRequired,\n  toggleMicrophone: PropTypes.func.isRequired,\n  leave: PropTypes.func.isRequired,\n  toggleRecording: PropTypes.func.isRequired,\n  toggleVideo: PropTypes.func.isRequired,\n  toggleScreenShare: PropTypes.func.isRequired,\n  toggleModal: PropTypes.func.isRequired,\n  toggleMode: PropTypes.func.isRequired,\n  mode: PropTypes.string.isRequired\n};\n\nActionsButtons.defaultProps = {\n  isBottomBar: false,\n  forceFullscreen: false\n};\n\nexport default ActionsButtons;\n\n```\n","readmeFilename":"README.md","_id":"@voxeet/react-components@0.31.0-rc31","_npmVersion":"6.4.1","_nodeVersion":"10.11.0","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-kmCIJT4LnSUpyB3uu/tLwfTsUY/KZ9zehOYNVor+up+NBKo/CPj4VuvRRa8qoqT5kRveWgZPfm4ONfQSNUuU1g==","shasum":"b6f290b5b11ad3f56c7c1db51f9102e4f800f725","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.31.0-rc31.tgz","fileCount":147,"unpackedSize":7038849,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb4t5ACRA9TVsSAnZWagAA7SEP/AsO5vuvyuXJvv8ARBA+\nNqucLUgCFjI51s+ZzOmioyqsnL5PJIb+WlQ4uNQUH8wj9763AoQ8Ek0qUzGJ\nv19RPlExCw1Y9fH1L2gXG8G+Ryu39TZnKqbPOJ5mGOfmP2wNk//dZ7zCGjKe\nakXhr5VQuXr6AttbEp9MiCVK/X/Mr1pd+huW7v2jqvGibKfT5cqWIx0eG1F8\n9MXQa4voJbdvmGrMaRjnDd4k2qsBMXEykey/ydPgY1ajZPVlf2fQRMbbqFA1\nVXIEe5RTDJkYHpx3+6J9O2XE8uQOiafmQxjJtAY711aGe5o1FMlgwQQt8rvq\n8ZWzkmZzyg1oUPGdvitK5w9a2nMuC6+SM4RRb+yJdUU82FxdlYyVA+a4Agh7\nl2ARQH9NfSVirReL7MrNSipa2F+KOiUtlte+kVzYoj4h7MNNpJC/Yu2Il7sA\nRxdJZNc7yPzKlYKTlRIXg7RGHvM7LbZHamYuyzbC+eWRmdQCH+jusHKMQhcO\nEFEOIxHAdrgfLlMwt25bVviea0nK7MTH6DG61hMoNAazhReUb5zFwU9sUq1V\ndzwlsAfNnjCjIUzOxgO3WVjKjduJy1GjzsAEtxkbNnAPoNFLbS4ER+SvCJ1+\nMtcLVM1BxNYYpowGZ0fLNlaNGFdckGBky8hK8GUE0cfNj7esHBUz1KhxcAUI\nuOTo\r\n=SfHn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDsgVEopkd11cZDNes/Vj2rAJMZZVTMe/ocGd0sww8RbwIgNWwZNylGe5C9/XmXbZ25wQAPQLFDLtq71Ccr+O7VzXU="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"mkantor@gmail.com","name":"mkantor"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.31.0-rc31_1541594687820_0.04252630399697632"},"_hasShrinkwrap":false},"0.31.0-rc32":{"name":"@voxeet/react-components","version":"0.31.0-rc32","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"dependencies":{"bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.6.1","react-draggable":"3.0.3","react-localization":"^1.0.10","react-redux":"5.0.6","react-tooltip":"3.8.1","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^2.30.1","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.6.0","webpack-cli":"^3.0.8","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.7.14"},"_resolved":"","_integrity":"","_from":"file:voxeet-react-components-0.31.0-rc32.tgz","readme":"Voxeet React Components\n=====================\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components --save\nyarn add @voxeet/voxeet-web-sdk @voxet/react-components\n```\n\n## Usage\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from '@voxeet/react-components';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n```\n\n### Widget\n\n```javascript\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport { Provider } from 'react-redux'\nimport thunkMidleware from 'redux-thunk'\nimport { combineReducers, createStore, applyMiddleware } from 'redux'\n\nimport { ConferenceRoom, reducer as voxeetReducer } from '@voxeet/react-components'\n\n// Import Style\nimport '@voxeet/react-components/dist/voxeet-react-components.css'; // Can you be customize, refer to https://github.com/voxeet/voxeet-assets-react-components\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n\nconst configureStore = () => createStore(\n  reducers,\n  applyMiddleware(thunkMidleware)\n)\n\nconst settings = {\n  consumerKey: 'consumerKey',\n  consumerSecret: 'consumerSecret',\n  conferenceAlias: 'Sample2'\n}\n\nReactDOM.render(\n  <Provider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </Provider>,\n  document.getElementById('app')\n)\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n| Name | Type | Default | Description|\n|------|------|---------|------------|\n|`sdk`|Function||VoxeetSDK if you want to use an external Voxeet SDK|\n|`consumerKey`|String||The consumer key|\n|`consumerSecret`|String||The consumer secret|\n|`oauthToken`|String||The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !|\n|`refreshTokenCallback`|func||Provide this function that return a promise with the refreshed token, when this one expire|\n|`conferenceAlias`|String||The conference you whant to join|\n|`displayActions`|Array|[\"mute\" ,\"recording\", \"screenshare\", \"video\"]|You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"screenshare\", \"recording\")|\n|`liveRecordingEnabled`|Boolean|false|Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)|\n|`isWidget`|Boolean|true|Indicate if component used like widget or embedded in your app|\n|`isModal`|Boolean|false|Indicate if component displayed like modal|\n|`isWebinar`|Boolean|false|Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)|\n|`autoJoin`|Boolean|false|Join automatically conference|\n|`displayModes`|Array|[\"list\", \"tiles\", \"speaker\"]|Indicate which mode is allowed (modes will be in the same order as the array)|\n|`isManualKickAllowed`|Boolean|false|Authorize admin (conference creator) to kick users in conference|\n|`isAdmin`|Boolean|false|Current user who join the conference is the admin|\n|`kickOnHangUp`|Boolean|false|Kick all users when admin (conference creator) leave the conference|\n|`userInfo`|Object|{</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() * 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>}|User informations for voxeet sdk|\n|`conferenceReplayId`|String||Replay automatically a conference|\n|`constraints`|Object|{</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}|The webrtc constraints for the sdk|\n|`actionsButtons`|React Component|ActionsButtons - All buttons|A react component to customize the actions buttons|\n|`handleOnLeave`|Function||Function call on leave conference|\n|`handleOnConnect`|Function||Function call when the current user is connected to the conference|\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { Buttons } from \"@voxeet/react-components\";\n\nclass ActionsButtons extends Component {\n  constructor(props) {\n    super(props);\n  }\n\n  render() {\n    const {\n      isBottomBar,\n      forceFullscreen,\n      isMuted,\n      isRecording,\n      isWidgetFullScreenOn,\n      videoEnabled,\n      displayModal,\n      screenShareEnabled,\n      mode,\n      toggleMicrophone,\n      toggleRecording,\n      toggleVideo,\n      toggleScreenShare,\n      toggleModal,\n      toggleAudio3D,\n      toggleMode,\n      isWebinar,\n      isAdmin,\n      displayActions,\n      leave,\n      audio3DEnabled,\n      isElectron,\n      displayExternalLiveModal,\n      isExternalLive,\n      isScreenshare,\n      isDemo\n    } = this.props;\n\n    return (\n      <div>\n        <ul className=\"controls-left\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"mute\") > -1 &&\n            !isDemo && (\n              <Buttons.ToggleMicrophoneButton\n                isMuted={isMuted}\n                toggle={toggleMicrophone}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"video\") > -1 &&\n            !isDemo && (\n              <Buttons.ToggleVideoButton\n                videoEnabled={videoEnabled}\n                toggle={toggleVideo}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            isBottomBar &&\n            isElectron && (\n              <Buttons.Toggle3DAudioButton\n                audio3DEnabled={audio3DEnabled}\n                toggleAudio3D={toggleAudio3D}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) && (\n              <Buttons.ToggleSettingsButton\n                displayModal={displayModal}\n                toggle={toggleModal}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n        </ul>\n        <ul className=\"controls-center\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"recording\") > -1 &&\n            !isDemo && (\n              <Buttons.ToggleRecordingButton\n                isRecording={isRecording}\n                toggle={toggleRecording}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"screenshare\") > -1 &&\n            !isDemo && (\n              <Buttons.ToggleScreenShareButton\n                screenShareEnabled={isScreenshare}\n                isElectron={isElectron}\n                toggle={toggleScreenShare}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"live\") > -1 &&\n            !isDemo && (\n              <Buttons.ToggleExternalLiveButton\n                toggle={displayExternalLiveModal}\n                isExternalLive={isExternalLive}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {isBottomBar &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            !isDemo && <li className=\"separator\" />}\n          {isBottomBar && (\n            <Buttons.HangUpButtonBottomBar leave={leave} tooltipPlace=\"top\" />\n          )}\n        </ul>\n        <ul className=\"controls-right\" />\n      </div>\n    );\n  }\n}\n\nActionsButtons.propTypes = {\n  isBottomBar: PropTypes.bool.isRequired,\n  forceFullscreen: PropTypes.bool.isRequired,\n  isMuted: PropTypes.bool.isRequired,\n  isWebinar: PropTypes.bool.isRequired,\n  isAdmin: PropTypes.bool.isRequired,\n  videoEnabled: PropTypes.bool.isRequired,\n  screenShareEnabled: PropTypes.bool.isRequired,\n  displayModal: PropTypes.bool.isRequired,\n  isScreenshare: PropTypes.bool.isRequired,\n  displayActions: PropTypes.array.isRequired,\n  toggleAudio3D: PropTypes.func.isRequired,\n  displayExternalLiveModal: PropTypes.func.isRequired,\n  isElectron: PropTypes.bool.isRequired,\n  isExternalLive: PropTypes.bool.isRequired,\n  audio3DEnabled: PropTypes.bool.isRequired,\n  isRecording: PropTypes.bool.isRequired,\n  isWidgetFullScreenOn: PropTypes.bool.isRequired,\n  toggleMicrophone: PropTypes.func.isRequired,\n  leave: PropTypes.func.isRequired,\n  toggleRecording: PropTypes.func.isRequired,\n  toggleVideo: PropTypes.func.isRequired,\n  toggleScreenShare: PropTypes.func.isRequired,\n  toggleModal: PropTypes.func.isRequired,\n  toggleMode: PropTypes.func.isRequired,\n  mode: PropTypes.string.isRequired\n};\n\nActionsButtons.defaultProps = {\n  isBottomBar: false,\n  forceFullscreen: false\n};\n\nexport default ActionsButtons;\n\n```\n","readmeFilename":"README.md","_id":"@voxeet/react-components@0.31.0-rc32","_npmVersion":"6.4.1","_nodeVersion":"10.11.0","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-7/eLe4hJ6knrf0ZlOTBC9/Ob3NSkDL0BPZzK1QVW6m7+mrsviV963MESz7AzLijJlRYwXCRdyWHq9ixOOd09zA==","shasum":"60e76556c01449b51f5136cbceb4b1c0bcdf850f","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.31.0-rc32.tgz","fileCount":147,"unpackedSize":7262183,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb4uiwCRA9TVsSAnZWagAAj1EP/1XAdgjzAkcTBGl8kW7h\nkgNZABdZsV3T7YqnRgiRvEyzYGw6FBDEeDyafMZr51ljeDIxyt3CLp8ubBiF\njfwxNxxZ9u8GSqTGb3wyCAWhxZCdKJ0+gd6MitG9BAs/byqf45VfILkBLbE0\nXu1MEqJoF8il0REme1zKU4rJHRkwyjfcI3EZdFIRfHfeKzBtom6TcwiddWpJ\nWRPJHnoSnZvO9kQZfj9z4oiIvu3IyzDtHF1XyRKqq6nvtfHVqAujyo3Fn56x\nxkr8gcYCt+NFQ0nlzmVTXoa+hdAvg6na0mhsS7MvBjtJiGB4GWgM5A5+2W1L\ncKiNAHQljgCBn9//Z8u8sjYLCGsTfGRaze+YWCoQnoSoqDDu0HR1dr+goOQF\nBT2DezunHLNNZZS5SAZJ2isQgXInDhFw7IkPsxGQouSIxRoARFy4YgGejtSY\ncnbahs6aulovpy9WJmsgsH8hEZB3QzU3013hQAZVNOcfuA8sYtOfn1soeU/n\nZI+3ET4ywo0qAT9kEvF4vJtLZtDvR9Fk1KKRkS2y761p1VbiEwgpvobvMme3\nxX1VFadBs2vj8uhvUFvP8lyIJREXWRfDOWqv+lut+OWFwWrPC2BPMJMM77hd\nFttVWiGCVomrLy1Dui5sGtomAkj0EPFSBTflZj9TrBWWin4v/MArsblENa8X\nNZQ7\r\n=X3Sy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCkAIQaPNzZVXhODrWtYJyanvTmwgTkHPHoyEB5n10RBAIgFVi0t4x8AQcBwyGGvNR2mTyJIxu5MOLy7nCDj2xPrVs="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"mkantor@gmail.com","name":"mkantor"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.31.0-rc32_1541597359213_0.8110317414001897"},"_hasShrinkwrap":false},"0.31.0-rc33":{"name":"@voxeet/react-components","version":"0.31.0-rc33","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"dependencies":{"autolinker":"^1.8.1","bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","dompurify":"^1.0.8","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.6.1","react-draggable":"3.0.3","react-localization":"^1.0.10","react-redux":"5.0.6","react-tooltip":"3.8.1","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^3.2.0","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.12.0","webpack-cli":"^3.0.8","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.8.5"},"readme":"Voxeet React Components\n=====================\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components --save\nyarn add @voxeet/voxeet-web-sdk @voxet/react-components\n```\n\n## Usage\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from '@voxeet/react-components';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n```\n\n### Widget\n\n```javascript\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport { Provider } from 'react-redux'\nimport thunkMidleware from 'redux-thunk'\nimport { combineReducers, createStore, applyMiddleware } from 'redux'\n\nimport { ConferenceRoom, reducer as voxeetReducer } from '@voxeet/react-components'\n\n// Import Style\nimport '@voxeet/react-components/dist/voxeet-react-components.css'; // Can you be customize, refer to https://github.com/voxeet/voxeet-assets-react-components\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n\nconst configureStore = () => createStore(\n  reducers,\n  applyMiddleware(thunkMidleware)\n)\n\nconst settings = {\n  consumerKey: 'consumerKey',\n  consumerSecret: 'consumerSecret',\n  conferenceAlias: 'Sample2'\n}\n\nReactDOM.render(\n  <Provider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </Provider>,\n  document.getElementById('app')\n)\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n| Name | Type | Default | Description|\n|------|------|---------|------------|\n|`sdk`|Function||VoxeetSDK if you want to use an external Voxeet SDK|\n|`consumerKey`|String||The consumer key|\n|`consumerSecret`|String||The consumer secret|\n|`oauthToken`|String||The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !|\n|`refreshTokenCallback`|func||Provide this function that return a promise with the refreshed token, when this one expire|\n|`conferenceAlias`|String||The conference you whant to join|\n|`displayActions`|Array|[\"mute\" ,\"recording\", \"screenshare\", \"video\"]|You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"screenshare\", \"recording\")|\n|`liveRecordingEnabled`|Boolean|false|Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)|\n|`isWidget`|Boolean|true|Indicate if component used like widget or embedded in your app|\n|`chromeExtensionId`|String|null|The Id from your Chrome Web Extension to screenshare (needed only on Chrome)|\n|`isModal`|Boolean|false|Indicate if component displayed like modal|\n|`isWebinar`|Boolean|false|Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)|\n|`autoJoin`|Boolean|false|Join automatically conference|\n|`displayModes`|Array|[\"list\", \"tiles\", \"speaker\"]|Indicate which mode is allowed (modes will be in the same order as the array)|\n|`isManualKickAllowed`|Boolean|false|Authorize admin (conference creator) to kick users in conference|\n|`isAdmin`|Boolean|false|Current user who join the conference is the admin|\n|`kickOnHangUp`|Boolean|false|Kick all users when admin (conference creator) leave the conference|\n|`userInfo`|Object|{</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() * 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>}|User informations for voxeet sdk|\n|`conferenceReplayId`|String||Replay automatically a conference|\n|`constraints`|Object|{</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}|The webrtc constraints for the sdk|\n|`actionsButtons`|React Component|ActionsButtons - All buttons|A react component to customize the actions buttons|\n|`handleOnLeave`|Function||Function call on leave conference|\n|`handleOnConnect`|Function||Function call when the current user is connected to the conference|\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { Buttons } from \"@voxeet/react-components\";\n\nclass ActionsButtons extends Component {\n  constructor(props) {\n    super(props);\n  }\n\n  render() {\n    const {\n      isBottomBar,\n      forceFullscreen,\n      isMuted,\n      isRecording,\n      isWidgetFullScreenOn,\n      videoEnabled,\n      displayModal,\n      screenShareEnabled,\n      mode,\n      toggleMicrophone,\n      toggleRecording,\n      toggleVideo,\n      toggleScreenShare,\n      toggleModal,\n      toggleAudio3D,\n      toggleMode,\n      isWebinar,\n      isAdmin,\n      displayActions,\n      leave,\n      audio3DEnabled,\n      isElectron,\n      displayExternalLiveModal,\n      isExternalLive,\n      isScreenshare,\n      isDemo\n    } = this.props;\n\n    return (\n      <div>\n        <ul className=\"controls-left\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"mute\") > -1 &&\n            !isDemo && (\n              <Buttons.ToggleMicrophoneButton\n                isMuted={isMuted}\n                toggle={toggleMicrophone}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"video\") > -1 &&\n            !isDemo && (\n              <Buttons.ToggleVideoButton\n                videoEnabled={videoEnabled}\n                toggle={toggleVideo}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            isBottomBar &&\n            isElectron && (\n              <Buttons.Toggle3DAudioButton\n                audio3DEnabled={audio3DEnabled}\n                toggleAudio3D={toggleAudio3D}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) && (\n              <Buttons.ToggleSettingsButton\n                displayModal={displayModal}\n                toggle={toggleModal}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n        </ul>\n        <ul className=\"controls-center\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"recording\") > -1 &&\n            !isDemo && (\n              <Buttons.ToggleRecordingButton\n                isRecording={isRecording}\n                toggle={toggleRecording}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"screenshare\") > -1 &&\n            !isDemo && (\n              <Buttons.ToggleScreenShareButton\n                screenShareEnabled={isScreenshare}\n                isElectron={isElectron}\n                toggle={toggleScreenShare}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"live\") > -1 &&\n            !isDemo && (\n              <Buttons.ToggleExternalLiveButton\n                toggle={displayExternalLiveModal}\n                isExternalLive={isExternalLive}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {isBottomBar &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            !isDemo && <li className=\"separator\" />}\n          {isBottomBar && (\n            <Buttons.HangUpButtonBottomBar leave={leave} tooltipPlace=\"top\" />\n          )}\n        </ul>\n        <ul className=\"controls-right\" />\n      </div>\n    );\n  }\n}\n\nActionsButtons.propTypes = {\n  isBottomBar: PropTypes.bool.isRequired,\n  forceFullscreen: PropTypes.bool.isRequired,\n  isMuted: PropTypes.bool.isRequired,\n  isWebinar: PropTypes.bool.isRequired,\n  isAdmin: PropTypes.bool.isRequired,\n  videoEnabled: PropTypes.bool.isRequired,\n  screenShareEnabled: PropTypes.bool.isRequired,\n  displayModal: PropTypes.bool.isRequired,\n  isScreenshare: PropTypes.bool.isRequired,\n  displayActions: PropTypes.array.isRequired,\n  toggleAudio3D: PropTypes.func.isRequired,\n  displayExternalLiveModal: PropTypes.func.isRequired,\n  isElectron: PropTypes.bool.isRequired,\n  isExternalLive: PropTypes.bool.isRequired,\n  audio3DEnabled: PropTypes.bool.isRequired,\n  isRecording: PropTypes.bool.isRequired,\n  isWidgetFullScreenOn: PropTypes.bool.isRequired,\n  toggleMicrophone: PropTypes.func.isRequired,\n  leave: PropTypes.func.isRequired,\n  toggleRecording: PropTypes.func.isRequired,\n  toggleVideo: PropTypes.func.isRequired,\n  toggleScreenShare: PropTypes.func.isRequired,\n  toggleModal: PropTypes.func.isRequired,\n  toggleMode: PropTypes.func.isRequired,\n  mode: PropTypes.string.isRequired\n};\n\nActionsButtons.defaultProps = {\n  isBottomBar: false,\n  forceFullscreen: false\n};\n\nexport default ActionsButtons;\n\n```\n","readmeFilename":"README.md","_id":"@voxeet/react-components@0.31.0-rc33","_npmVersion":"5.6.0","_nodeVersion":"8.11.4","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-WWeJMS/yvNFWpI2mGEuZXJRM68i1hVAMMzeEpoogSGz5mjeTubfj8wMzVj9Tb0CpNM03d0HCY6vTvJhp54QyWQ==","shasum":"0dbbf3655d33e31d69f86258f35403805fa31278","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.31.0-rc33.tgz","fileCount":151,"unpackedSize":7380483,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb9oSRCRA9TVsSAnZWagAAEegQAIu3nYoZFtN3tev3NPQ6\nqiuiVOOBgdRxhs2B83rvydVtj7A16TusIeGqQN7l0jt4nA1MBC4rUmdKFNNg\n9axOh3eMujYbjjYAwZ4mh6DTnHypqruVyrf8bGg74A0ofPk5ziUyc1dgygdK\n4YnmLFyX0ZVayYU4SqXSAdvbBPrC0VJZ4CiPziyFTyhYunkavpxWnssjtQLs\nig+9Xlnt2auxq6KcrE21n/MdGTxqlehHiXmjz1OKTbbeNTqSDR7UfFcmJJBV\nhTdECPhGOccF4Kr6rMsaNRaJRmY+nrxD1vARvx4z3HRqV/fZ0QOm1S4fO8qE\noND9OoaRpZ7NyRdj9jkgCy2LjeNAsnTOXbY7MjLhUWb5hyzVBeTkHSfkbyD4\nBNhAT4TP3dnNmBoMwr/N1m9p+rnkOMfrxAm2GW2QNappaDMlaLe84FY024BH\nsBaTboB9Xxfol/s3dlErqbgMlDuIeNZ23GNlQFu3lxiW8sIIZ655vmgtB02G\n9HnBx13cE0fX1+nkKQ4WT+OIqOZbUrjII/tagjjVPunDDXS5aYCB7Vmqummi\ninFYSPBvRML0eGMNMSnP/kGleX0SR/mfY2i09BlXeRgrZ9mk2J4u6AbYDAjd\nxupf1NJU9NVj6ORJQ+QtJvXTMlews69LF3PbkDiyXcG+U9ojoo32M3FxSeVO\nEatJ\r\n=rgjN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGrUOD1SB8QkMfv/PJ6hV6kW2/r1OFVutpeuZ3IGe+v5AiEAuqj3t0+lpfJgOVBlVIZ5xOT5nnCmQ+C1pxgIBllOF5o="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"mkantor@gmail.com","name":"mkantor"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.31.0-rc33_1542882448736_0.9588894404634376"},"_hasShrinkwrap":false},"0.31.0-rc34":{"name":"@voxeet/react-components","version":"0.31.0-rc34","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"dependencies":{"autolinker":"^1.8.1","bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","dompurify":"^1.0.8","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.6.1","react-draggable":"3.0.3","react-localization":"^1.0.10","react-redux":"5.0.6","react-tooltip":"3.8.1","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^3.0.1","file-loader":"^0.11.2","html-webpack-plugin":"^3.2.0","less":"^2.7.2","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^3.12.0","webpack-cli":"^3.0.8","webpack-dev-server":"^2.8.2"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.8.5"},"readme":"Voxeet React Components\n=====================\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components --save\nyarn add @voxeet/voxeet-web-sdk @voxet/react-components\n```\n\n## Usage\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from '@voxeet/react-components';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n```\n\n### Widget\n\n```javascript\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport { Provider } from 'react-redux'\nimport thunkMidleware from 'redux-thunk'\nimport { combineReducers, createStore, applyMiddleware } from 'redux'\n\nimport { ConferenceRoom, reducer as voxeetReducer } from '@voxeet/react-components'\n\n// Import Style\nimport '@voxeet/react-components/dist/voxeet-react-components.css'; // Can you be customize, refer to https://github.com/voxeet/voxeet-assets-react-components\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n\nconst configureStore = () => createStore(\n  reducers,\n  applyMiddleware(thunkMidleware)\n)\n\nconst settings = {\n  consumerKey: 'consumerKey',\n  consumerSecret: 'consumerSecret',\n  conferenceAlias: 'Sample2'\n}\n\nReactDOM.render(\n  <Provider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </Provider>,\n  document.getElementById('app')\n)\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n| Name | Type | Default | Description|\n|------|------|---------|------------|\n|`sdk`|Function||VoxeetSDK if you want to use an external Voxeet SDK|\n|`consumerKey`|String||The consumer key|\n|`consumerSecret`|String||The consumer secret|\n|`oauthToken`|String||The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !|\n|`refreshTokenCallback`|func||Provide this function that return a promise with the refreshed token, when this one expire|\n|`conferenceAlias`|String||The conference you whant to join|\n|`displayActions`|Array|[\"mute\" ,\"recording\", \"screenshare\", \"video\", \"live\", \"attendees\", \"chat\"]|You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"screenshare\", \"recording\", \"live\", \"attendees\", \"chat\")|\n|`liveRecordingEnabled`|Boolean|false|Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)|\n|`isWidget`|Boolean|true|Indicate if component used like widget or embedded in your app|\n|`chromeExtensionId`|String|null|The Id from your Chrome Web Extension to screenshare (needed only on Chrome)|\n|`isModal`|Boolean|false|Indicate if component displayed like modal|\n|`isWebinar`|Boolean|false|Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)|\n|`autoJoin`|Boolean|false|Join automatically conference|\n|`displayModes`|Array|[\"list\", \"tiles\", \"speaker\"]|Indicate which mode is allowed (modes will be in the same order as the array)|\n|`isManualKickAllowed`|Boolean|false|Authorize admin (conference creator) to kick users in conference|\n|`isAdmin`|Boolean|false|Current user who join the conference is the admin|\n|`kickOnHangUp`|Boolean|false|Kick all users when admin (conference creator) leave the conference|\n|`userInfo`|Object|{</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() * 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>}|User informations for voxeet sdk|\n|`conferenceReplayId`|String||Replay automatically a conference|\n|`constraints`|Object|{</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}|The webrtc constraints for the sdk|\n|`actionsButtons`|React Component|ActionsButtons - All buttons|A react component to customize the actions buttons|\n|`handleOnLeave`|Function||Function call on leave conference|\n|`handleOnConnect`|Function||Function call when the current user is connected to the conference|\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { Buttons } from \"@voxeet/react-components\";\n\nclass ActionsButtons extends Component {\n  constructor(props) {\n    super(props);\n  }\n\n  render() {\n    const {\n      isBottomBar,\n      forceFullscreen,\n      isMuted,\n      isRecording,\n      isWidgetFullScreenOn,\n      videoEnabled,\n      displayModal,\n      screenShareEnabled,\n      mode,\n      toggleMicrophone,\n      toggleRecording,\n      toggleVideo,\n      toggleScreenShare,\n      toggleModal,\n      toggleAudio3D,\n      toggleMode,\n      isWebinar,\n      isAdmin,\n      displayActions,\n      leave,\n      audio3DEnabled,\n      isElectron,\n      displayExternalLiveModal,\n      isExternalLive,\n      isScreenshare,\n      isDemo\n    } = this.props;\n\n    return (\n      <div>\n        <ul className=\"controls-left\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"mute\") > -1 &&\n            !isDemo && (\n              <Buttons.ToggleMicrophoneButton\n                isMuted={isMuted}\n                toggle={toggleMicrophone}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"video\") > -1 &&\n            !isDemo && (\n              <Buttons.ToggleVideoButton\n                videoEnabled={videoEnabled}\n                toggle={toggleVideo}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            isBottomBar &&\n            isElectron && (\n              <Buttons.Toggle3DAudioButton\n                audio3DEnabled={audio3DEnabled}\n                toggleAudio3D={toggleAudio3D}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) && (\n              <Buttons.ToggleSettingsButton\n                displayModal={displayModal}\n                toggle={toggleModal}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n        </ul>\n        <ul className=\"controls-center\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"recording\") > -1 &&\n            !isDemo && (\n              <Buttons.ToggleRecordingButton\n                isRecording={isRecording}\n                toggle={toggleRecording}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"screenshare\") > -1 &&\n            !isDemo && (\n              <Buttons.ToggleScreenShareButton\n                screenShareEnabled={isScreenshare}\n                isElectron={isElectron}\n                toggle={toggleScreenShare}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"live\") > -1 &&\n            !isDemo && (\n              <Buttons.ToggleExternalLiveButton\n                toggle={displayExternalLiveModal}\n                isExternalLive={isExternalLive}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {isBottomBar &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            !isDemo && <li className=\"separator\" />}\n          {isBottomBar && (\n            <Buttons.HangUpButtonBottomBar leave={leave} tooltipPlace=\"top\" />\n          )}\n        </ul>\n        <ul className=\"controls-right\" />\n      </div>\n    );\n  }\n}\n\nActionsButtons.propTypes = {\n  isBottomBar: PropTypes.bool.isRequired,\n  forceFullscreen: PropTypes.bool.isRequired,\n  isMuted: PropTypes.bool.isRequired,\n  isWebinar: PropTypes.bool.isRequired,\n  isAdmin: PropTypes.bool.isRequired,\n  videoEnabled: PropTypes.bool.isRequired,\n  screenShareEnabled: PropTypes.bool.isRequired,\n  displayModal: PropTypes.bool.isRequired,\n  isScreenshare: PropTypes.bool.isRequired,\n  displayActions: PropTypes.array.isRequired,\n  toggleAudio3D: PropTypes.func.isRequired,\n  displayExternalLiveModal: PropTypes.func.isRequired,\n  isElectron: PropTypes.bool.isRequired,\n  isExternalLive: PropTypes.bool.isRequired,\n  audio3DEnabled: PropTypes.bool.isRequired,\n  isRecording: PropTypes.bool.isRequired,\n  isWidgetFullScreenOn: PropTypes.bool.isRequired,\n  toggleMicrophone: PropTypes.func.isRequired,\n  leave: PropTypes.func.isRequired,\n  toggleRecording: PropTypes.func.isRequired,\n  toggleVideo: PropTypes.func.isRequired,\n  toggleScreenShare: PropTypes.func.isRequired,\n  toggleModal: PropTypes.func.isRequired,\n  toggleMode: PropTypes.func.isRequired,\n  mode: PropTypes.string.isRequired\n};\n\nActionsButtons.defaultProps = {\n  isBottomBar: false,\n  forceFullscreen: false\n};\n\nexport default ActionsButtons;\n\n```\n","readmeFilename":"README.md","_id":"@voxeet/react-components@0.31.0-rc34","_npmVersion":"5.6.0","_nodeVersion":"8.11.4","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-en610+ACv91gdJ5uD4+jh+ZVE5uYLoFQJXPYgQjbkgEJx8OHLIXpxNUeGwzz5nWS8oIQmLy7CGfQtvDQ3GwWsw==","shasum":"da6d0596962a3e4fada9bdc852553d68e59fcd13","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.31.0-rc34.tgz","fileCount":151,"unpackedSize":7384796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb+AxXCRA9TVsSAnZWagAAYnQP+gPHBDl6Zy6xhmMtuLLg\nTGJzohDFg0GP445Nxlv+yotIeC1XJEA8vhepilGv7jU5eBSFlf5jwqYTDEye\nVncuxjWhxdo8SMuFh/sQHPxAclpiYLGdNr21E/+qKNkfOi248Xmn6GxxWHE2\nTYIEgU0X3EtdFDpVIaSo9Lml55+m0V8Caevo/HSZd3GhF4BWzxPpEVGwYLpx\nmxBJYOTr7BKhkMLvFMSH1dYVoocXdJGnlUp8kTjmL/YCH24QiqOAom4XSx5U\nudavjaBB7Y8LbQTZpVox/QHoTrI+ELNumHV5fWh9wVSHN3mr1hOe3ti9Yee4\n+EItG+RyUXFTZoMJH+scp3/zvkEZcWmFDef9bArHk+W+/ILOhInRJsbw+cMZ\n1PqqPtWlC5LPtfJMhNRafB5ZeOP+R/goQv7RZH2bA3xLUhdWzM/4bvKmuoMj\n6tYFX8ovrkLeIRjB+vqqqQ9QtvMSxdtDlIAttASrg9I3cOoOYCPRQj7hRFdg\nqnimhwOfzFMJQ34Y0b4dUA7BpzwmSd07UV+RFvPRhhGz5NDhvJv3A3OgLV7L\nzq0p5XjFoeCLqedcxXyOwYpJdFTEv6ztgSHFNQTY64lSBWuAkp7rgtzW3pWB\nDaSRjeySjkrFLBbGUfSC9hE/nN/6a6M82nM5gIxhz4bdEUNz551KLx4vditm\nWCT1\r\n=1B+C\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCf+CPi49o+5N80VTgVzBkYgD25Xo4KL7jcdnqCg7XnywIhAK0Alg+X5YMCD+0hV6aqv6keRBxpFeyjYTM6IzuWFRd/"}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"mkantor@gmail.com","name":"mkantor"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.31.0-rc34_1542982743135_0.9453541429506269"},"_hasShrinkwrap":false},"0.31.0":{"name":"@voxeet/react-components","version":"0.31.0","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"dependencies":{"autolinker":"^1.8.1","bowser":"1.7.3","classnames":"2.2.5","css-element-queries":"0.4.0","dompurify":"^1.0.8","immutable":"3.8.1","prop-types":"15.6.0","react":"16.0.0","react-dom":"16.6.1","react-draggable":"3.0.3","react-localization":"^1.0.10","react-redux":"5.0.6","react-tooltip":"3.8.1","redux":"3.7.2","redux-promise":"0.5.3","redux-thunk":"2.2.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^8.0.0","babel-loader":"^7.1.2","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^2.1.0","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","url-loader":"^0.5.9","webpack":"^4.28.3","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.8.5"},"gitHead":"1669cae339935d49be40d705ca9f9ad0b8d22d24","_id":"@voxeet/react-components@0.31.0","_npmVersion":"6.4.1","_nodeVersion":"10.11.0","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-gsqoG73YwP92z4JJGWN8BXof+THT+VoHqQbdAzPzHtcUsKhcy/BTxvYaRYFlwKYNJwuMt71iJIQW4jLN5FCegA==","shasum":"87ce5aeaafe7f40035b88d9af41f850a3af98c5a","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.31.0.tgz","fileCount":90,"unpackedSize":6443765,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcLek0CRA9TVsSAnZWagAAxgQP/1JMYb8OukavDIUDwWJ2\ngBgy2n5yRO4pPooMhnhN9TpTCkRFAsN4tyV2INyE4ytsJaL1NdzTBJjLR5ee\nssEf+c8zjuDuJHoSYvf30o4FDOwRXnYY76f2WfQT7r1q7zCmaRXDfy406FjQ\ng2Nsk6Hk6vn8pPxKhmIn3N9822w0vIClJXfy0fkQT4npvjgf8Fx12c6la5SZ\nteYN26SykEMc7wvQcJovHOIt7COIdD3rXXW5apmPfFvNNpmyylr1Sw/B6cI/\n3z+n92XDDJZc8om2Rz//llA80KN4sIzjCXVqQePT6vfWHO2Ix8N5yqJpAc72\n69wQXbVPwkVLIMRFLllURDdqYKmDPbY6Nyw35Q4qBdWjjUKuqmjt11vhnHNs\neAiBPcuiviL+gQXFcNvy02Vd4YKDTeyIX2IUfBGHnTruaByvNk9OL+w+ivfo\nnnNyCkd0M4qEO7fvB47LLKlOajyqUYiwnQjUl+lbsf0ToM+4nK1kzVXNXDxn\nZ5rAlXhKJXWLM37lsx+wYUH3/1FjoFCeTSODRvnrm6kX5FDFXebG2lvZ2Jle\ngLpatqNLsJNC2d3+kaATGYwjSNcP/fNzp/Jml80g24TB6ih/VD5XI+BiIbt7\ndNUzE0THnMov5wvW8dN7xwHQZty0pnEyCRi56ZTsKV9SPN5Vc6TP8CWgxFHZ\nbGCp\r\n=RJ2l\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAkXOpyUqls98vcTreehIr2U772ChfqcqMmuO9NeW2yvAiBrDcckbUM2tnjaoiWtHib7GhaR+xrr56CCd6MvR2o/Dw=="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jbehuet@gmail.com","name":"jbehuet"},{"email":"mkantor@gmail.com","name":"mkantor"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.31.0_1546512691765_0.28181649488414706"},"_hasShrinkwrap":false},"0.31.1":{"name":"@voxeet/react-components","version":"0.31.1","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress -p","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"dependencies":{"autolinker":"^2.2.2","bowser":"1.9.4","classnames":"2.2.6","css-element-queries":"1.1.1","dompurify":"^1.0.8","immutable":"3.8.2","prop-types":"15.6.2","react":"16.7.0","react-dom":"16.7.0","react-draggable":"3.1.1","react-localization":"^1.0.13","react-redux":"5.0.7","react-tooltip":"3.9.2","redux":"3.7.2","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^10.0.1","babel-loader":"^7.1.4","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^2.1.0","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","react-hot-loader":"^4.6.3","style-loader":"^0.23.1","url-loader":"^1.1.2","webpack":"^4.28.3","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.9.0-alpha.7"},"gitHead":"68c15e8bf9a28341f16162799515cd9e75b405bf","_id":"@voxeet/react-components@0.31.1","_npmVersion":"6.4.1","_nodeVersion":"10.11.0","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-DkoVr5KE4oYA0AMOxL1YuvRgfdY9MzxVDwLNsV7eGWsObS1wyB1LoZasaplZE7Gup7pzkji7XIMEh5g7PaZnmw==","shasum":"9490b3d85c2c7921a1ac27154b3929ed42c4d26c","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.31.1.tgz","fileCount":90,"unpackedSize":6323190,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcWUt3CRA9TVsSAnZWagAAVUwP/3i4RkxII5Z1V865a+c6\nCC+M6R3tdaoFFFGTcyckeI7wDw2FIBTQsSJx5BaBJ/ZPqaOFJr+nZpjRJDgD\n7mE/IGnbg6vnv9PXTVhvBUBYVcDRh0a4+ZDvyMjee3xl2zyVfdpEaWUZ7OnG\naYOiQPjVLM92PjrwZtiaLD2VJjJV4IfO0+b/9ZTktchxHajKMrWubMnWxXm7\n3L4EWTR38OsZ3cgp/ooP0aclaNh+tjN5l5HY5Fqw28UjAqTIC1nj6E5QPSXS\nW1CYmtjJedfeV7Uz3zHhAN3CyRZL/Ojecf1QAtC1ky3Ecl71J7FyA5tcyHgc\nZ8HfsecmNvr3PvThWh1bKg1uMmJogbNJ94ecNVX3/ivu9gCbxOnFxWXnXcW9\nLBsJYrg5T1bWxRXHaqjoh6d5YX8aB6RL/GzzMnUE/6LMEV2DwV3BOhigcVqA\ntH80eghk2sXddQsGUNJGMC1NS6tJsqXLqbl8d0NtyPgAABhZc/+Hty1xEbwP\nWg/FXmLMDuXD4njIoir1rwMYHxxy16luDr9PLavZ1HuP7mSpW0wMo1OvPyV6\nLV6h7y1VW5eBSTbWg0Jun55laE4TGIp2cDt33C3dkFPSd6j/CQdo5m1fq0DI\njg1rIxgXuFg+pv7MlAuNxT3g3mZbFzIXcVvejEXZYYmaFZCNonhL/JGesFOu\n9xKe\r\n=t110\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCmFiIRoD6tLx07MVGq9w21VlVQ8ImdRXiKI5+W5FH/jwIhAIk64fO8bzG3slIPhU6T9gx9PY1l7VnRabIgAr/2P2TI"}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.31.1_1549355894549_0.8789098001540439"},"_hasShrinkwrap":false},"0.31.2":{"name":"@voxeet/react-components","version":"0.31.2","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"dependencies":{"autolinker":"^2.2.2","bowser":"1.9.4","classnames":"2.2.6","css-element-queries":"1.1.1","dompurify":"^1.0.8","immutable":"3.8.2","prop-types":"15.6.2","react":"16.7.0","react-dom":"16.7.0","react-draggable":"3.1.1","react-localization":"^1.0.13","react-redux":"5.0.7","react-tooltip":"3.9.2","redux":"3.7.2","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^10.0.1","babel-loader":"^7.1.4","babel-polyfill":"^6.26.0","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^2.1.0","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","react-hot-loader":"^4.6.3","style-loader":"^0.23.1","url-loader":"^1.1.2","webpack":"^4.28.3","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.9.0-alpha.7"},"gitHead":"f480f1a8c4d1ef6961156421abb26fbf46130d08","_id":"@voxeet/react-components@0.31.2","_npmVersion":"6.4.1","_nodeVersion":"10.11.0","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-5hwKICdNGBwQ449DdAVrqCdkEWJq4Od1AI+VAc/bVxAUaunPMgTFXbMcJVUrWUlJGtOF/1QdJ1/CTdfmpMrLng==","shasum":"ad152acc048a97ef5263b06146140e0af2ccc163","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.31.2.tgz","fileCount":90,"unpackedSize":6433115,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcWVBLCRA9TVsSAnZWagAABnoP/A7e+DPD83iivtZo038E\nstBMGvq8uh0NWdMrdSaUjs89/Kc7zIkN9lKboKFb4aA8D/Qu25INMyVSM7p8\n7rjfCK/ZAO0o7DQXQ6B2RlWRJ64oa5b254stdN+0MiiD0Qp/dl+zQ0VKbzi6\nnNAHBot6qkMK2XexgZQj/BhnnGTA/91e9bOoiQGLETTPvysstYMPsC7dpbb5\n6aM1ti5rwRsVh1bRqbakda1eODb22CvXrl7Rh8cPosLfnZ30zV3HhfOu7Dqy\nHvPNRFWtPk4CzCarU2Z0ETtJ5C7J2pyDjByR/e4YSSJ8BbfzPluw4i4xtPO3\nKnNXHMiPIan1H18Vp7u5T5+SCgWA5vWtUkuLH6SnjAljGIOPB+m3NZeHs3Sy\nLoI5p27eTrVcv/7vAzCqp20PCx1PtWyUDXwNJ0RqSJN7RPNxdC34p0yOvJ4W\nhYlJCDkLvzoEoeokg1Ft0+pbTZtZCVIk6OxljVsFbPLQpovcdSQ7pytkQ5Uc\nNd/9ISZImS/AvODYLlhSE3YUerRqaWX1HerLd7I2HdqO8vwpdaB7wANd6+Xa\nIOi4B1LiZ4NeCvH2LUMGMcdshAgFNzrtpKy3v8p3c5SMecHQQo4YNPfiudES\ndRdmjSdmFIuvwIVCyJeDfgfrXnkXo8GFNVM2RvcGHFchAhmrB8h6+Bu7+BEd\nM95C\r\n=4/nY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHmc4Sec9d+lNjRIg2eTYU7LTvqvgG5DnslySFeJl8rnAiAPRHDqkWdXOurX9ThPsoup5svGzCo08wDECUOJipmJ7w=="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.31.2_1549357131047_0.5459459752468263"},"_hasShrinkwrap":false},"0.31.3":{"name":"@voxeet/react-components","version":"0.31.3","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"dependencies":{"autolinker":"^2.2.2","bowser":"1.9.4","classnames":"2.2.6","css-element-queries":"1.1.1","dompurify":"^1.0.8","immutable":"3.8.2","prop-types":"15.6.2","react":"16.7.0","react-dom":"16.7.0","react-draggable":"3.1.1","react-localization":"^1.0.13","react-redux":"5.0.7","react-tooltip":"3.9.2","redux":"3.7.2","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^10.0.1","babel-loader":"^7.1.4","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^2.1.0","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","react-hot-loader":"^4.6.3","style-loader":"^0.23.1","url-loader":"^1.1.2","webpack":"^4.28.3","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.9.0-alpha.10"},"gitHead":"ed63e851440c8eea930273488d42ed7c03b9ab11","_id":"@voxeet/react-components@0.31.3","_npmVersion":"6.4.1","_nodeVersion":"10.11.0","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-a6vzqNtfIS6y6/a0129/HLz5gnNARPwMhhLxt3bjl8/ZbpWBLw+2Z46loBn4JN1ZrVcBFPXnk+XSf/LwRL48GQ==","shasum":"09b7788abfc0900bdd8f4c28c74dd260887a2d50","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.31.3.tgz","fileCount":90,"unpackedSize":6339041,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcWY7kCRA9TVsSAnZWagAAyXoQAJbtCgJl+p86Airyk7bs\nn3xokUQYL2tmhj9iH7zQY8TyHgS7IRxbJoAC5zn8PgLbVBaAMrYxXJsxuQ7+\n5bLR7QP/eCp3u/Gq7k+i38/jAW5bcd7nLDZ72QGGL24kxswp6CGjjgk2Rolh\nt/thQijhM78bpqykc82HFtudM/w7XczjkDoKe+of/1S0wzpceD3rQ5ekKmBU\nHdDIe7wV0S6Q3FpGvAIHCfLgVXF9kPK+GG9g+tGzdVN1qb0xCXDGC6MO0Mzb\n4BL9XjebxCbMzzd1PFnOl95xB/jdanNej1gAaIndpD8Y4w4fiq/WpMwBXqEv\nmZUB9Vvqt5GRYHptzRZ31TTBXP0oHdEcOJtym53HHmdHGzV8Zg8aK8DVWSkX\nEHGTMTxeUmfkHtI0Mj2G6LOKXWZfFDeb3i151itPtwf+YawFV5A3+TNCgF89\ngX7VPcYpKuZUIxr18JDYXgbRo03ew6WhJosBlVH6LhnBD1I83TVObaLJ05Cx\nUlvUxzofaJS0vUS1lmTJYr5Ri8QmzUp8VUcDsfKUw6xsueTXVhN5KXZ1r5UC\nmGp802e7fuOSH8hblXO6Qmu4EZTFMciXIZ417saCZrkH3vKPZAZO972FNPy+\nGbrTb9tq8+PPsm359tpcFZP1tcyYst9NcneXdYJ8ewb4mP+e+MB5lx74xU/v\n92cO\r\n=WzhY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDvba/welw4ix8Kx+L/tx2I4OVBJ7hsyz90JRTSGjDNxAiAH1kU1wCpVXlS2WWt+OagSUcJK6xnIX+9z42PuQb49GA=="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.31.3_1549373155452_0.8838744078910952"},"_hasShrinkwrap":false},"0.31.4":{"name":"@voxeet/react-components","version":"0.31.4","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"dependencies":{"autolinker":"^2.2.2","bowser":"1.9.4","classnames":"2.2.6","css-element-queries":"1.1.1","dompurify":"^1.0.8","immutable":"3.8.2","prop-types":"15.6.2","react":"16.7.0","react-dom":"16.7.0","react-draggable":"3.1.1","react-localization":"^1.0.13","react-redux":"5.0.7","react-tooltip":"3.9.2","redux":"3.7.2","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"babel-core":"^6.26.0","babel-eslint":"^10.0.1","babel-loader":"^7.1.4","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","copy-webpack-plugin":"^4.2.0","css-loader":"^2.1.0","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","react-hot-loader":"^4.6.3","style-loader":"^0.23.1","url-loader":"^1.1.2","webpack":"^4.28.3","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.9.0-alpha.10"},"gitHead":"5ab84eee0d2ab3263605161facf7c141ecd1d2f1","_id":"@voxeet/react-components@0.31.4","_npmVersion":"6.4.1","_nodeVersion":"10.15.0","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-6kEXNiXnz5IpNuoRW+4bKrrQba/pN8NMutWwFvNtFeArAQLaQC4PWkZTBvzD5pCPfSo1rfr0TK4sHj3v+NtG5w==","shasum":"d3f3bd571de36fbcab23d45543fba6ce2f3b829b","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.31.4.tgz","fileCount":90,"unpackedSize":6361658,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcbQwgCRA9TVsSAnZWagAAi+IP/RKleG6//77Wii6CTKZI\ntBHqab3M9REZP1ZpGxT0m+J3p9oisceGhUNL237hXfxApztqA17clg6V2QMf\nZlNo6mCXUUVLbIlioCuJUE5f2YwxmLxW4/6A8IYg88g4/oQBQU2PKCipZrqh\n5pHSkxYxGI3E/aaJncrhbBmaQNugO4pJbH4ZlG10blaGF7eKpHZooIouNQNq\n9CHRRTfp1bu4DvnvcxboThehI585pgDDmyq7BS/recHr7Fxyph5DH7rVlQ4A\ndaRbzfw7yHlArTo7r9Sec1gaEmtWgfyWr5uCHTo5mmSB6U3nMf81ECfXKEDk\nDvG2AMrDz3lORlSAJTCbTUTsOz8Nf4SUwGiWdpwR4wb5uS4ehAdaOBy5DWi1\nBC4Tagl61yd6ZOiZS2DT9nUSeshhLL8e9oW9FQqBLm9gzXn8otXkVWRRl5Cf\ncWr92p+JuQVPlTvW2AdH4yQZthPODGhPG9NoS8GdqAcgyhp6+wkzkzPIVBnt\nxcKt1u3m4b6LoeQxwk44eeqfDg7Eng8a2StDdQqaMJq3aYF6uneuLYfq/jim\ntcfIMGEr5PiQ8sEnD5w4BrO2arGsCqkKT3B+/ZAcD+HbTFmrqQYOZrRaM4mV\nIY6MgpdI6SagT9EyyNi4KRbTd1T6Wr4Kiltw3Rg2gS9ESB4RXmncgWgdg8/2\nCvK8\r\n=Hc/n\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCK6RrSFRzwXX+ar49Kv2QQ8OuxLiisHkI3BS+Sm/GcKQIgIPELaMZO3r1NFH6bEnjt9/DoXCeMa2Abd9QnRGZSvkw="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.31.4_1550650400178_0.6329933929666625"},"_hasShrinkwrap":false},"0.32.0":{"name":"@voxeet/react-components","version":"0.32.0","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"dependencies":{"@babel/polyfill":"^7.2.5","@babel/runtime":"^7.3.4","autolinker":"^2.2.2","bowser":"1.9.4","classnames":"2.2.6","css-element-queries":"1.1.1","dompurify":"^1.0.8","immutable":"3.8.2","prop-types":"15.6.2","react":"16.7.0","react-dom":"16.7.0","react-draggable":"3.1.1","react-localization":"^1.0.13","react-redux":"5.0.7","react-tooltip":"3.9.2","redux":"3.7.2","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.3.4","@babel/plugin-proposal-class-properties":"^7.3.4","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-arrow-functions":"^7.2.0","@babel/plugin-transform-classes":"^7.3.4","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","babel-plugin-add-module-exports":"^1.0.0","copy-webpack-plugin":"^4.6.0","css-loader":"^2.1.0","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","react-hot-loader":"^4.6.3","style-loader":"^0.23.1","url-loader":"^1.1.2","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^1.9.0-alpha.10"},"gitHead":"39c11c706446352ae118d06daee5fbd7dc3e7fde","_id":"@voxeet/react-components@0.32.0","_npmVersion":"5.6.0","_nodeVersion":"8.11.4","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-Iwo57+qkT1FqPoKSMFGn57cPRIvfsyRT9yOvoZLH4hmXavB43oQqNuRZyMRR5uZk4LSFJWMMsel2zEcNT/rX1A==","shasum":"cf6a0467ef519b07ee0609291b73e86d383916cb","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.32.0.tgz","fileCount":90,"unpackedSize":6045845,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJck4nfCRA9TVsSAnZWagAAxs0P/ju+nPrRbe46n9o93WNg\nE7cFVxwuxTMsCqk7tiefyD8FItjpWIdhkCzUrTS8EceYKmwAD1TxtNB/PZ5I\n5cWvuyesCy1+JizU0EOYB7ZkZ4YG4eraQvmibkh+ashVXymvqHK9kOSQOFe/\nmNV6xfkvGrQh6bOSBo6yDApgDlGXjzTNyTyK5Ic+Kaap2hVrhRAEOqtEeUzZ\n/H5bzW8WJBycwJqRhLzsx2IO11UsptUmnd9lVmPw0vgpWnXXMG1zTCIczGDu\nk5kY9Qf+ycfPUWZp+si9TKIr+NKPxfexkHGHYpAJDyrU8fiqI2MOXkYC4qsr\n8a1eaEbr7SBXCHieJCoTbCHcM43Bhns4Cu4DSDtDw3p9camb/IR8hU7bt8Ra\nCGOBRgOmqxP81aJ9v6EIw+YfNNMm+Ecpp2bE4OZrmZvn3ngsG7m7QVhcfR2v\nqmHfJo3zkWBlF6DZ6GkEqbMjYNA4m/HPz9apDQe/jpNNyHPQL0YJh9eUWA2M\nC6QkkUP7+7IuUGDsc93XfSopuJr+IlFey5y8m+MGmOzTAVcxTP1PNtrmU8m8\n3IC9oyg2tJGhdGfvSbl9QNWOjQ1ja3LBDOSO1gnvl60+T0rmzh1cjkhzluVF\ndGmn8+2funD8s2rk7CE1oxltqfg3+sGmGnEwVKEeMIYV+Om6/nydFG3YcXeA\nlvi+\r\n=q7Bz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG49YBhf1NZBnAgSEif17SQzkost8uxOzleuHR44QQcnAiBvZDxheUpQXGKd4g1WDkiJJXs0lBV+J6/B2odfaWExaw=="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"},{"email":"clarroque@voxeet.com","name":"vtcoco"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.32.0_1553172958713_0.47819657039674834"},"_hasShrinkwrap":false},"0.32.1":{"name":"@voxeet/react-components","version":"0.32.1","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/polyfill":"^7.2.5","@babel/runtime":"^7.3.4","autolinker":"^2.2.2","bowser":"1.9.4","browserslist":"^4.5.2","classnames":"2.2.6","css-element-queries":"1.1.1","dompurify":"^1.0.8","immutable":"3.8.2","prop-types":"15.6.2","react":"16.7.0","react-dom":"16.7.0","react-draggable":"3.1.1","react-localization":"^1.0.13","react-redux":"5.0.7","react-tooltip":"3.9.2","redux":"3.7.2","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.3.4","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","babel-plugin-add-module-exports":"^1.0.0","copy-webpack-plugin":"^4.6.0","css-loader":"^2.1.0","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","react-hot-loader":"^4.6.3","style-loader":"^0.23.1","url-loader":"^1.1.2","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"1.9.2-alpha.2"},"gitHead":"a480c4fd8b47172e477a8986b68597683a99aed0","_id":"@voxeet/react-components@0.32.1","_npmVersion":"5.6.0","_nodeVersion":"8.11.4","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-RmM81tRgbABMrML/RqM1kJOfotr6ugEMf0QESyUN/JwPd8hEtgu2poXCIWS/a71YNlI2lfARanrmL5gC76mJ2Q==","shasum":"e47dc85b3f9ff240bf608e1c85819f404c9827b9","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.32.1.tgz","fileCount":90,"unpackedSize":5998177,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcmlORCRA9TVsSAnZWagAAM+YP/jRBYnwX3Z06kG/4DRDl\n+4I7W3hbFMpPPZY4sZ8GLCYG7g88p6WvIdPhtJYnV3TU0ghz2yXEm0WFKlcM\nkkCZkMPfYoP0DgeCct1woBmdKm6KcpSIYPcraIds6HRTRuinAJCqK71I3/A7\nS+GOy/1mp+9BFIEJ9GZ62apLI9XKiux/YcZpxDNVWnSTGC/Jtn/SLsUNXnq7\nmAJBZY5n2lLEJVmfHqthqe0UgLC3s1xtMzPbKHWat3TJ8ajxIwvljAdA1tar\nLSqeh2GsXQxMYUjutSXQmnr7LyMhDviEaTW2MHBrRIHrWK3Nz3piTkxajCSI\nPCZ9tmAN9LHJefrMVYVfABwKfyD0V5S44mHlrUNg+2qd/2mspyc72uVNX+O8\nQgRYbxZpNaoGgnbJDITgS77v978ze2MbiblInA2BUNCzIcLCZW9CobhMoZcv\nkSBPwaQYhhsrrvnCoouwhPYEJi5m201eGSVOGCq1jOunwzbvABw9Nu7BW/xP\nOLJIQeLkyd55H//0dK5TFPm6+MES1dRfKZLmR2Pu0Rp18XYdRpBX0ZSEHo9i\nAOjlvkAJnrfToF7MbhoagHF+lKOArHuTMKxqY+7Fz/+1IvJ+W2pgdca9HIXc\nsTqpUUm5Jx/K0BrVfCv/9HeGgICsBI1n/0O2UeNb4hiC79L0uomn5oXFOTt1\nkleU\r\n=Lefk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEtaqg+4GDCAgGgb7YjaNzpkmUxMcnwJKt7t9l/H1IUTAiEAhFvteUlonYIZ8RnGuUJF2OwDgGQWyIk0KX1L7wth37M="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"},{"email":"clarroque@voxeet.com","name":"vtcoco"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.32.1_1553617808435_0.4065052362683008"},"_hasShrinkwrap":false},"0.33.0":{"name":"@voxeet/react-components","version":"0.33.0","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/polyfill":"^7.2.5","@babel/runtime":"^7.3.4","autolinker":"^2.2.2","bowser":"1.9.4","browserslist":"^4.5.2","classnames":"2.2.6","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.0","prop-types":"15.6.2","react":"16.8.6","react-dom":"16.8.6","react-draggable":"3.1.1","react-localization":"^1.0.13","react-redux":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","redux":"4.0.1","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.3.4","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"1.9.2-alpha.2"},"gitHead":"ebc99a1d2aa7abb2054ef45e8322fb16c34fbeaf","_id":"@voxeet/react-components@0.33.0","_nodeVersion":"8.11.4","_npmVersion":"6.9.0","dist":{"integrity":"sha512-2j60y7EtYrwTvt7ItPf9goKInMAqjH5S1Y1R64jAOvOTmpnqBb2aSQiA3OZb9vMvEn5kSEE7uFTqgLu50uJbVQ==","shasum":"72585c65a446857cc645c6b094182efc52b87cb8","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.33.0.tgz","fileCount":90,"unpackedSize":6053866,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc2qnbCRA9TVsSAnZWagAAZeUP/2rXOU4ylFlCXP01eOnS\nWmeazY2qHBayF2gbCOO1MjMDPgiu/QrvvZ/7K6V7Citii++NP1I4rfQoG5Me\nxf3CxeSscuhg8cRvqMNdWzLKqcrfPdaf32gvvsEvxirfJSfpT6L4m906AL5I\nEj6rfTiSUHrGJzUtDLUgn+3bO4dEzBeYiV/for2WmGuAyApbP63zBuSVtFCY\nOd5kTLn94YQT+LkcZVkucMKIsCbhPEPRXUntUXtnc6e1hfCJYPvo/ZZMX3DN\nAFlXJKzgDf8mmibkdqYgPw8U12iER6L2KaGHRUvn74DiuZMUb2nx1cO5EyMN\n4CErvclgFNoZVc0ZbOxIq1opwxV6Rq5coxK1shhOp11i4+8PrBs8lYxnG3dd\ny3/DmlppD89nx2xezIsV3aEbCf2dHWju+EoNmvY29Qrxmz8wCQYbO5b8LUOJ\njqFyjwqS5urtH7ek8+umrq6Hj+avH1CvKCOTEU10H4kBWVDqzPl6uWlwuIJd\nsis1URIaCljnyAGYj7ia60lcUTQxmaXnXA8jC1c70BbTF+4JI31bNhjO1ApP\nw3kg+oLVa5G7moVj+vzFVuQc9bLiGdl50rO+JTEvExwN/0xEI0bmjaXNXwNM\n5KBFEGMkv4WVT8jLFGzVWwaBnAloueq6A6OElHkVl1/gkoBdADf87ncbmMRY\nI6fg\r\n=3uat\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAFYSYPcsxYhjja2JNnKX9rAvIP8pwb2DXKtlP+KR2b2AiEA1D+F2BPa4MhLhzl/7Mm4UJ6h0U74A4iGWFoTHzn7eWA="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"},{"email":"clarroque@voxeet.com","name":"vtcoco"}],"_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.33.0_1557834203102_0.14719652231374436"},"_hasShrinkwrap":false},"0.33.1":{"name":"@voxeet/react-components","version":"0.33.1","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/polyfill":"^7.2.5","@babel/runtime":"^7.3.4","autolinker":"^2.2.2","bowser":"1.9.4","browserslist":"^4.5.2","classnames":"2.2.6","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.0","prop-types":"15.6.2","react":"16.8.6","react-dom":"16.8.6","react-draggable":"3.1.1","react-localization":"^1.0.13","react-redux":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","redux":"4.0.1","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.3.4","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"1.9.2-alpha.2"},"gitHead":"f6cfbf896668eb9bafd6c25d54b0accf653b8606","_id":"@voxeet/react-components@0.33.1","_nodeVersion":"8.11.4","_npmVersion":"6.9.0","dist":{"integrity":"sha512-wvkLjby1RYtBDJhyblzme0urIGhgr5tVbrXjcfC4URbRuQOHvQq+2feYUjUAWR1ijc4gMO2zkmjDUPydyD9RUA==","shasum":"5be3fbfbcfa706044990d3bfeb5b675b10d02bdc","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.33.1.tgz","fileCount":90,"unpackedSize":6057746,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc3UomCRA9TVsSAnZWagAABNwQAIUKtQgQtmIHgNf75uUR\n7ytepiuITagUYxNWucBbN+LKSHdRSDEfTTNSM20L1swlCaYw3xlxwyyAmHbv\nhhRT5ghgm/abwr/iEGoferpFuIPlLwMjcaXpS73ngimS+iY1xGMiCz4CPTE3\nEus1DGcMt0oPLY9CTtaVKG0DhQu6QvKhOxCOUptgiZqaeLuW4v/F8pFyMeGT\naH4bU00Z+zHinsCMxCAwvZWBqo/tazGvca7tJ6y+9Lsy7GlTESfuCpwHeHbH\nedi+Mn03Ipe2DuMbkFsCFs2Glj1sPM/SEDVZw7xqF8NHd1IPvGUk1ghVHYzx\n/EgpVa7Aa1UkRBnER6j5CPzeRpr7Cw4j3xI/tYMHvZ9uawXm8i39mHeaiVZv\nyRbr9E5AetRYjmmt9UJUuGdBJEIUzdUax53UaJwO4Xx2iE79U/9RXmPOROPO\nizTD54imMMMdIbRrC2my9YfZcWNKKPMyFV9KiKj8riHY3aRK6hSltYL0Hoaf\nwJ9tT6F8zFcdVmCQYu3ILnKCo7fhiQcYDKrmTyWXobCUgq4h52bsyTr0DI67\nYWrBecleGjfuyWpn873AEkaxC2r2iAZ5q8IyJqrlES7Fn7/SbhBm0HqHx75O\nyssJSUwt/rm3v48trDpnNnAW+fviDXqmT9IgX4ep5q37mg5+ciUi8frCmuQ5\nKreg\r\n=mI2F\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCAy42CxLq2BWxphl06FO2kP0icW9ClU5NZxXDx04LVWAIgDa6sxm2VhWGGWuCCbNUF0KOfN+evE3g/EH4QYlJxzcs="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"},{"email":"clarroque@voxeet.com","name":"vtcoco"}],"_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.33.1_1558006307564_0.8971203760794593"},"_hasShrinkwrap":false},"0.33.2":{"name":"@voxeet/react-components","version":"0.33.2","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/polyfill":"^7.2.5","@babel/runtime":"^7.3.4","autolinker":"^2.2.2","bowser":"1.9.4","browserslist":"^4.5.2","classnames":"2.2.6","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.0","prop-types":"15.6.2","react":"16.8.6","react-dom":"16.8.6","react-draggable":"3.1.1","react-localization":"^1.0.13","react-redux":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","redux":"4.0.1","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.3.4","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"1.9.4"},"gitHead":"2af3777ff930bf61f54424efc1a6ee776b9ee510","_id":"@voxeet/react-components@0.33.2","_npmVersion":"6.4.1","_nodeVersion":"10.15.3","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-ZUcLinFx3egpCR4W+reyC3LsdaZR0Xx6yGq+fWy0OzEYWaBRihzs1X/Aj7Dtco3s6g8rUpT9YhGeWdoi1+kPHA==","shasum":"f32df3fef8fb283d20a37c348704741a9b822385","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.33.2.tgz","fileCount":85,"unpackedSize":5917096,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc7qEtCRA9TVsSAnZWagAATG0QAInhAvPpxFaQWs1dS/tr\n21MORZ0yxLDpbenkdva98dRHC4TI90kYwZHTLj44pqbGT6IqQ6Az0S6cn6F0\nPy9yPAVbQ9WHC+04ONhlCJPOQStW0yy2pPaCuuWhie+oQa3+t6y/U+VvV8Ez\nhE478KMzXoxqzE1NeU7yBe0KrYDmvGWwZtWj7htjmZfUBereZke7bLbx2Dcl\n4JRwH/8Uouli7m/2ZTX+ae+2CPWeoJxPehqeUDGxJ1lQmivX45FaioySbEkD\n3ct8REIMLRdfLE4REnJWVKC74LG63leJlIKLbdoS9rDzUM5rK8TJwEnDf/+c\na5bVD0Os2bzabponUp7Q9PEfv54oLAziUI8uEK7LHW+KjBDpNgLu1Bkq4RZk\nFAGX0msrPVu0SSLL7W+U/wOryUT0zInl/ornFf5qlGOG9mwWTyts45S7FddG\nyNrnhUDCWZXCgQ000hm1YPI0ee3AazoP1ZB6DFYU6sbiMz90jdxlcdv3ladl\n91KKTl7jAGuexuXLS7OIk/0MXWJjzNIi3u4CB1Nmr8LgN63Bjgkfj4Fr+wTR\nH13Q/dsm8yzKb8Dzys60Nx9/5mglidwkqzLDUs9p21BwGaQEwPO+LexeyEa8\ngjCa4Zi3nJ/hiPOjM6Sh6x0f8IjTM4Tf4ArJg6FeYUkVJots1xGeYyc6RpWN\nml+C\r\n=mOvu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDQGNANEqwUckkQD/0bQ6BiTW1pBoMyalnQGpkbZjdlWQIgCzH94rE5EfSAhI1uAdFIo3kgjD+LA/DLZumkfVAXz0M="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"},{"email":"clarroque@voxeet.com","name":"vtcoco"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.33.2_1559142700629_0.11720397220729328"},"_hasShrinkwrap":false},"0.34.0":{"name":"@voxeet/react-components","version":"0.34.0","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/polyfill":"^7.2.5","@babel/runtime":"^7.3.4","autolinker":"^2.2.2","bowser":"1.9.4","browserslist":"^4.5.2","classnames":"2.2.6","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.0","prop-types":"15.6.2","react":"16.8.6","react-dom":"16.8.6","react-draggable":"3.1.1","react-localization":"^1.0.13","react-redux":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","redux":"4.0.1","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.3.4","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"1.9.4"},"gitHead":"24971d0933d2c191ae1438b4aa1038f833d44724","_id":"@voxeet/react-components@0.34.0","_npmVersion":"6.4.1","_nodeVersion":"10.15.3","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-N7n4obZGP/MTOpjk+70uPmM4H6s76O9wxnZG7MxHEGDbP59ERR6qdZ/SLdVBB8NS3TUKNqpZ9FtIUuhQtETE8g==","shasum":"ee124ea37f9cde952c7d8cc315d9c8710bc164e1","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.34.0.tgz","fileCount":85,"unpackedSize":5917706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc98plCRA9TVsSAnZWagAAU40P/22678z4G+6EwRw5F8p2\nZ7zGonQcblC9d7g7hIFmIss+ikf6j/u6BwRV/vhC2uWLMSyCCSMX9+6RS550\npPdTJ8aateJ9TvhTS0aIfbHY3HZ4nmv82n5HVroopZ57ndkqbRoO2ZGUWtfl\njbLNC4tb9vkj257qQ7WqcWu5rNWFhiUg7mDCSO8lXBB8NeI6k4Meyr9v8KyL\nPtYo9IJnI9Vq2Cx8Xmlo/rQrpNP9bT7cpGB3QLZtDebtC6UQ5k1E1f6cY/nB\nI5IIblkyfhV/VHdQWEUlR5jtpwXFXK47PZ3C5FDAPrceR5FOZ/gX+Xnu7OnE\nFNVVrWX6weikRikvpbQb0V1TCbIf6aWgDO0728pTwqM5vV/kaUAvYEuZprbJ\nnkkryYq4E7I4tVy8mCt8Oib2RMvJ1T9pJiEYwp468xRWhMPS7ZaytMZa0CLf\n4kz+QkSEFA1lVgCr2R5kpZmRf77gJNYjTsPY2HtBAy+6C//pTegCCcqBmpVz\n41ei9V3KJDJtNdvDvXt5WWMid3V1Wu4PyBC6lundKNItOxzkGd1/zYcUztJU\nQgFyMb0GkzQIfQVQFjFp2j/UQFQ/adwWL5w0W48uEh/25ZM3OZVOwVnoMmMw\nhKagc9c+ZN6olbF2il4TXqGDv/1lcmI5T++ORvawzMhfBeLfoJ5j7ZrUDNR3\naUiY\r\n=Uryk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICGTkW82mGH0jFZCmWig0hs7UY6zvM5L+MUVngseh0VLAiANnAfGUOWjItuH5YaXdr6PqqnV+ci0WBkCWiHDjhhQqw=="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"},{"email":"clarroque@voxeet.com","name":"vtcoco"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.34.0_1559743076931_0.12605022062030624"},"_hasShrinkwrap":false},"0.34.1":{"name":"@voxeet/react-components","version":"0.34.1","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/polyfill":"^7.2.5","@babel/runtime":"^7.3.4","autolinker":"^2.2.2","bowser":"1.9.4","browserslist":"^4.5.2","classnames":"2.2.6","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.0","prop-types":"15.6.2","react":"16.8.6","react-dom":"16.8.6","react-draggable":"3.1.1","react-localization":"^1.0.13","react-redux":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","redux":"4.0.1","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.3.4","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"1.9.4"},"gitHead":"c3dff42adeee88a8a15c31f78ead940cd82499b3","_id":"@voxeet/react-components@0.34.1","_npmVersion":"6.4.1","_nodeVersion":"10.15.3","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-P9YwPVLQxOPkhZTkyRQRLHeHTPldqiYhVMq9Yy73Gk77CTAP0Aj0Y3CiqkF6j9eZk7hKhroskwtnaxKhvwK6Xg==","shasum":"7be4ec1ca5f0de6804243f17a0286b80992058c0","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.34.1.tgz","fileCount":85,"unpackedSize":5917972,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc+PouCRA9TVsSAnZWagAA1F0QAJY02fXA7eHQe+HgNyg5\nuXFCrQfbNEFg+aMoT8IBH2m0vxV3/2V3s6N2AWMs9ue6pxH2U8xy4wv08i4l\nWtJWEplsfJ9+WmdgA9wqYb9lo/Za9/rVqvNehTPJhggz2w8PsDgZC4W7UMe7\nv/0RGctvYJfoJq9VJdCMg3MayztUxzrtACzClpxUa9YttWnX8TE9T0lhKDdP\nPJdJpffb/X4D2ST++QnK9AGxz5Pnos/NchL+oz2N1npmfq5GcgQsRCVf5LJ/\n4JeF8zVrL6JJ4O/RbFHunkbKj1WbKsVMascK3baj8eY2j6k6F90bHTOKtpop\notG+kVuG9hRg38klD1BEOybvIlqdDI3HxyjDfrFToNzPe615O0aTgQojYkXU\nGFE8U3nVvG7xTPrxgf6MJZim+J7xi20/EFcmgtVA3iKZ1jsbNZwxY3c352EV\nhh9IMGtcaKP76ZwQd9+h3OCkVbJN0V8+kZ1yonfJQqb38C+e3yo+VGydclV9\n/7U7AGOPClGtqtoChLz/5dhF8+fbuvyPSME4y6enDA4lBmmIAeWDH6866FFV\nUKGuN6dA+hsAN1NUXsYLq8LRAU/5tgv9ln7KugErGbq4Z7zmpsuqaWeT/ni+\nkk/7xigDJQqjmQCPSl0j/khwpiFnGf5zkiidGQ5xeIEzGsAL7N/ium7NLwMo\nHl8P\r\n=InDu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIARaars2/W2dTQ4h5+8bz7SoBR9Ie6jcclTlT4ms1nBsAiEA/T5FKQVrDR0X5jhDh+nJcYy4jEvTnniZwKEuQTjbOAY="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"},{"email":"clarroque@voxeet.com","name":"vtcoco"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.34.1_1559820845510_0.06949907270129496"},"_hasShrinkwrap":false},"0.35.0-rc1":{"name":"@voxeet/react-components","version":"0.35.0-rc1","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/polyfill":"^7.2.5","@babel/runtime":"^7.3.4","autolinker":"^2.2.2","bowser":"1.9.4","browserslist":"^4.5.2","classnames":"2.2.6","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.0","prop-types":"15.6.2","react":"16.8.6","react-dom":"16.8.6","react-draggable":"3.1.1","react-localization":"^1.0.13","react-redux":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","redux":"4.0.1","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.3.4","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"1.9.5"},"_resolved":"","_integrity":"","_from":"file:voxeet-react-components-0.35.0-rc1.tgz","readme":"Voxeet React Components\n=====================\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components --save\nyarn add @voxeet/voxeet-web-sdk @voxet/react-components\n```\n\n## Usage\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from '@voxeet/react-components';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n```\n\n### Widget\n\n```javascript\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport { Provider } from 'react-redux'\nimport thunkMidleware from 'redux-thunk'\nimport { combineReducers, createStore, applyMiddleware } from 'redux'\n\nimport { ConferenceRoom, reducer as voxeetReducer } from '@voxeet/react-components'\n\n// Import Style\nimport '@voxeet/react-components/dist/voxeet-react-components.css'; // Can you be customize, refer to https://github.com/voxeet/voxeet-assets-react-components\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n\nconst configureStore = () => createStore(\n  reducers,\n  applyMiddleware(thunkMidleware)\n)\n\nconst settings = {\n  consumerKey: 'consumerKey',\n  consumerSecret: 'consumerSecret',\n  conferenceAlias: 'Sample'\n}\n\nReactDOM.render(\n  <Provider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </Provider>,\n  document.getElementById('app')\n)\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n| Name | Type | Default | Description|\n|------|------|---------|------------|\n|`sdk`|Function||VoxeetSDK if you want to use an external Voxeet SDK|\n|`consumerKey`|String||The consumer key|\n|`consumerSecret`|String||The consumer secret|\n|`oauthToken`|String||The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !|\n|`refreshTokenCallback`|func||Provide this function that return a promise with the refreshed token, when this one expire|\n|`conferenceAlias`|String||The conference you whant to join|\n|`logo`|String|Voxeet Logo|Display your logo inside the react components by using this props.|\n|`chromeExtensionId`|String||Id of chrome screenshare extension, a message will be prompt when the user will try to screenshare (Inline installation is no longer supported)|\n|`displayActions`|Array|[\"mute\" ,\"recording\", \"share\", \"video\", \"live\", \"attendees\", \"chat\", \"pstn\"]|You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"share\", \"recording\", \"live\", \"attendees\", \"chat\")|\n|`shareActions`|Array|[\"screenshare\" ,\"filepresentation\"]|You can choose which button will be display, it's possible to do a screenshare, or a file presentation ! If you set the displayActions you need to add the 'share' button to allow actions !|\n|`liveRecordingEnabled`|Boolean|false|Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)|\n|`isWidget`|Boolean|true|Indicate if component used like widget or embedded in your app|\n|`chromeExtensionId`|String|null|The Id from your Chrome Web Extension to screenshare (needed only on Chrome)|\n|`autoRecording`|Boolean|false|Automatically record the conference when joining the conference (if it's not already start)|\n|`autoHls`|Boolean|false|Automatically start Hls broadcast when the conference is created|\n|`isModal`|Boolean|false|Indicate if component displayed like modal|\n|`loadingScreen`|Component|LoadingScreen|Put your own loading screen instead of Voxeet loading screen|\n|`isWebinar`|Boolean|false|Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)|\n|`autoJoin`|Boolean|false|Join automatically conference|\n|`preConfig`|Boolean|false|Show a pop up before entering inside the Conference to configure your devices (audio, video)|\n|`videoCodec`|String|VP8|Specify video codec \"H264\" or \"VP8\" => H264 is needed for video on Safari|\n|`isListener`|Boolean|false|Enter in conference in listener mode|\n|`displayModes`|Array|[\"list\", \"tiles\", \"speaker\"]|Indicate which mode is allowed (modes will be in the same order as the array)|\n|`isManualKickAllowed`|Boolean|false|Authorize admin (conference creator) to kick users in conference|\n|`isAdmin`|Boolean|false|Current user who join the conference is the admin|\n|`kickOnHangUp`|Boolean|false|Kick all users when admin (conference creator) leave the conference|\n|`userInfo`|Object|{</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() * 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>}|User informations for voxeet sdk|\n|`conferenceReplayId`|String||Replay automatically a conference|\n|`constraints`|Object|{</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}|The webrtc constraints for the sdk|\n|`actionsButtons`|React Component|ActionsButtons - All buttons|A react component to customize the actions buttons|\n|`handleOnLeave`|Function||Function call on leave conference|\n|`handleOnConnect`|Function||Function call when the current user is connected to the conference|\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { Buttons } from \"@voxeet/react-components\";\n\nclass ActionsButtons extends Component {\n  constructor(props) {\n    super(props);\n  }\n\n  render() {\n    const { isBottomBar, \n            forceFullscreen, \n            isMuted, \n            isRecording, \n            isWidgetFullScreenOn,\n            videoEnabled, \n            displayModal,\n            conferencePincode, \n            convertFilePresentation, \n            toggleMicrophone, \n            screenShareEnabled, \n            filePresentationEnabled, \n            toggleRecording, \n            toggleVideo, \n            toggleScreenShare, \n            attendeesSettingsOpened, \n            toggleAttendeesSettings, \n            toggleAttendeesList, \n            attendeesListOpened, \n            attendeesChatOpened, \n            attendeesLiveOpened,\n            toggleAttendeesChat, \n            toggleAttendeesLive, \n            recordingLocked, \n            toggleModal, \n            toggleAudio3D, \n            isWebinar, \n            isAdmin, \n            displayActions, \n            shareActions, \n            leave, \n            audio3DEnabled, \n            isElectron, \n            displayExternalLiveModal, \n            isExternalLive, \n            isFilePresentation, \n            isScreenshare, \n            isDemo } = this.props;\n\n    return (\n            <div>\n                <ul className=\"controls-left\">\n                    {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) && displayActions.indexOf(\"mute\") > -1 && !isDemo &&\n                        <ToggleMicrophoneButton\n                            isMuted={isMuted}\n                            toggle={toggleMicrophone}\n                            isBottomBar={isBottomBar}\n                            tooltipPlace={isBottomBar ? 'top' : 'right'}\n                        />\n                    }\n                    {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) && displayActions.indexOf(\"video\") > -1 && !isDemo &&\n                        <ToggleVideoButton\n                            videoEnabled={videoEnabled}\n                            toggle={toggleVideo}\n                            isBottomBar={isBottomBar}\n                            tooltipPlace={isBottomBar ? 'top' : 'right'}\n                        />\n                    }\n                    {!isWidgetFullScreenOn && !forceFullscreen && isBottomBar && isElectron &&\n                        <Toggle3DAudioButton\n                            audio3DEnabled={audio3DEnabled}\n                            toggleAudio3D={toggleAudio3D}\n                            isBottomBar={isBottomBar}\n                            tooltipPlace={isBottomBar ? 'top' : 'right'}\n                        />\n                    }\n                </ul>\n                <ul className=\"controls-center\">\n                    {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) && displayActions.indexOf(\"recording\") > -1 && !isDemo &&\n                        <ToggleRecordingButton\n                            isRecording={isRecording}\n                            recordingLocked={recordingLocked}\n                            toggle={toggleRecording}\n                            isBottomBar={isBottomBar}\n                            tooltipPlace={isBottomBar ? 'top' : 'right'}\n                        />\n                    }\n                    {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) && displayActions.indexOf(\"share\") > -1 && !isDemo && shareActions.length > 0 &&\n                        <ToggleScreenShareButton\n                            screenShareEnabled={screenShareEnabled}\n                            filePresentationEnabled={filePresentationEnabled}\n                            currentUserScreenShare={isScreenshare}\n                            currentUserFilePresentation={isFilePresentation}\n                            isElectron={isElectron}\n                            toggle={toggleScreenShare}\n                            convertFilePresentation={convertFilePresentation}\n                            shareActions={shareActions}\n                            isBottomBar={isBottomBar}\n                            tooltipPlace={isBottomBar ? 'top' : 'right'}\n                        />\n                    }\n                    {isBottomBar && (!isWebinar || isWebinar && isAdmin) && !isDemo &&\n                        <li className=\"separator\">\n                        </li>\n                    }\n                    {isBottomBar &&\n                        <HangUpButtonBottomBar\n                            leave={leave}\n                            tooltipPlace='top'\n                        />\n                    }\n\n                </ul>\n                <ul className=\"controls-right\">\n                    {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) && displayActions.indexOf(\"pstn\") > -1 && !isDemo &&\n                        <TogglePSTN\n                            conferencePincode={conferencePincode}\n                            isBottomBar={isBottomBar}\n                            tooltipPlace={isBottomBar ? 'top' : 'right'}\n                        />\n                    }\n                    {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) && displayActions.indexOf(\"live\") > -1 && !isDemo &&\n                        <ToggleExternalLiveButton\n                            attendeesLiveOpened={attendeesLiveOpened}\n                            toggle={toggleAttendeesLive}\n                            isExternalLive={isExternalLive}\n                            isBottomBar={isBottomBar}\n                            tooltipPlace={isBottomBar ? 'top' : 'right'}\n                        />\n                    }\n                    {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || isWebinar && isAdmin) &&\n                        <ToggleSettingsButton\n                            attendeesSettingsOpened={attendeesSettingsOpened}\n                            toggle={toggleAttendeesSettings}\n                            isBottomBar={isBottomBar}\n                            tooltipPlace={isBottomBar ? 'top' : 'right'}\n                        />\n                    }\n                    {displayActions.indexOf(\"attendees\") > -1  &&\n                        <ToggleAttendeesListButton tooltipPlace={isBottomBar ? 'top' : 'right'} toggle={toggleAttendeesList} isBottomBar={isBottomBar} isOpen={attendeesListOpened}/>\n                    }\n                    {displayActions.indexOf(\"chat\") > -1  &&\n                        <ToggleAttendeesChatButton tooltipPlace={isBottomBar ? 'top' : 'right'} toggle={toggleAttendeesChat} isBottomBar={isBottomBar} isOpen={attendeesChatOpened}/>\n                    }\n                </ul>\n            </div>\n        )\n    }\n}\n\nActionsButtons.propTypes = {\n    isBottomBar: PropTypes.bool.isRequired,\n    forceFullscreen: PropTypes.bool.isRequired,\n    isMuted: PropTypes.bool.isRequired,\n    isWebinar: PropTypes.bool.isRequired,\n    isAdmin: PropTypes.bool.isRequired,\n    videoEnabled: PropTypes.bool.isRequired,\n    screenShareEnabled: PropTypes.bool.isRequired,\n    filePresentationEnabled: PropTypes.bool.isRequired,\n    displayModal: PropTypes.bool.isRequired,\n    isScreenshare: PropTypes.bool.isRequired,\n    isFilePresentation: PropTypes.bool.isRequired,\n    displayActions: PropTypes.array.isRequired,\n    toggleAudio3D: PropTypes.func.isRequired,\n    recordingLocked: PropTypes.bool.isRequired,\n    isElectron: PropTypes.bool.isRequired,\n    isExternalLive: PropTypes.bool.isRequired,\n    audio3DEnabled: PropTypes.bool.isRequired,\n    isRecording: PropTypes.bool.isRequired,\n    isWidgetFullScreenOn: PropTypes.bool.isRequired,\n    toggleMicrophone: PropTypes.func.isRequired,\n    leave: PropTypes.func.isRequired,\n    toggleRecording: PropTypes.func.isRequired,\n    toggleVideo: PropTypes.func.isRequired,\n    toggleScreenShare: PropTypes.func.isRequired,\n    convertFilePresentation: PropTypes.func.isRequired,\n    toggleModal: PropTypes.func.isRequired,\n    toggleMode: PropTypes.func.isRequired,\n    mode: PropTypes.string.isRequired,\n    toggleAttendeesList: PropTypes.func.isRequired,\n    attendeesListOpened: PropTypes.bool.isRequired,\n    toggleAttendeesChat: PropTypes.func.isRequired,\n    attendeesChatOpened: PropTypes.bool.isRequired,\n    toggleAttendeesSettings: PropTypes.func.isRequired,\n    attendeesSettingsOpened: PropTypes.bool.isRequired,\n    toggleAttendeesLive: PropTypes.func.isRequired,\n    attendeesLiveOpened: PropTypes.bool.isRequired\n}\n\nActionsButtons.defaultProps = {\n    isBottomBar: false,\n    forceFullscreen: false\n}\n\nexport default ActionsButtons\n\n```\n","readmeFilename":"README.md","_id":"@voxeet/react-components@0.35.0-rc1","_npmVersion":"6.4.1","_nodeVersion":"10.15.3","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-gtxwRFusiyBy0Z1HVwazx6h/fnOF/Gqd5d8CLnt+pLUNBo46dres+4GeOBYvpmPJnAwaTeL+rWN/EV3XhEJzfQ==","shasum":"5eb6d8b3c194f17e7975b5c0a2414529af4db326","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.35.0-rc1.tgz","fileCount":85,"unpackedSize":5923377,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdClfmCRA9TVsSAnZWagAAeq8QAJFhzsanzR48X+rvM2BF\nHFAT4PP76PwLdHkDpHfaSQKx0F3rywtC2MJltbgxL4SW464KxvuGahZaCiwt\nBERAn9RNYNAnxYv/2whs7UAK0rsxtxFdfT/B6idULuHV1/RtI0FX4Vo8KHum\n4zjivgSXjPHEwB394DD3o8Aw9aA1B0OJqAApvcBZl4pDk2RGHLPfozuXDELq\nNXkYHDBaX2h9UGbwOp6eniVoJ5NxX3G/bNj4fi2Fqupr/x1rH6wWRjJYbRxV\nIIvqjaIr6HCkkvaxWl5zAPhsxZEkNj1tEC0vZrMkann0v/M1yCWTLaepy/Jb\nLyAw9PaXsUcV95mggJ7+IEFnMLE3aSNWwkk7HDtRjG/Qoh/aCxQ2GGZhCy0m\nk9d3+bbl/8mlIsszxp1odEMUpX8H0HSqGtksxsmg5fM+f+s2b9b3adx2g8dD\nzb8Pofs1cL+ymHSpELaU8LBwEbiVfZiOuBRHjxld7Ud0V5W1s1guGqlyYsJZ\nZn748b6DIGVXmYDlgJb4M2abna7/WgUvfYYB6rDxXirAvDD+iHYQKbsdlhiL\ntM4MsLf7933xt976PAV+n1p/hRYuYA5yX+gPK/oJrWfXmDvVZzhQN3mykg8l\n+Bhpk2aDMntmHcYFivwuC0os96wsq0vncTyBjYLtotUkT7zMecoxmJYey1u8\nprRb\r\n=55x2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICCP0yOg8GNkVCgFpez8oXpYdIrHU1ya9v9FEVcOTh7eAiBbwJL65NjtQ8J2g8ohTRZxYxray1UyFcOFQUO49HJFFQ=="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"},{"email":"clarroque@voxeet.com","name":"vtcoco"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.35.0-rc1_1560958943456_0.0882037697270992"},"_hasShrinkwrap":false},"0.35.0-rc2":{"name":"@voxeet/react-components","version":"0.35.0-rc2","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/polyfill":"^7.2.5","@babel/runtime":"^7.3.4","autolinker":"^2.2.2","bowser":"1.9.4","browserslist":"^4.5.2","classnames":"2.2.6","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.0","prop-types":"15.6.2","react":"16.8.6","react-dom":"16.8.6","react-draggable":"3.1.1","react-localization":"^1.0.13","react-redux":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","redux":"4.0.1","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.3.4","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"1.9.5"},"_resolved":"","_integrity":"","_from":"file:voxeet-react-components-0.35.0-rc2.tgz","readme":"Voxeet React Components\n=====================\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components --save\nyarn add @voxeet/voxeet-web-sdk @voxet/react-components\n```\n\n## Usage\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from '@voxeet/react-components';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n```\n\n### Widget\n\n```javascript\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport { Provider } from 'react-redux'\nimport thunkMidleware from 'redux-thunk'\nimport { combineReducers, createStore, applyMiddleware } from 'redux'\n\nimport { ConferenceRoom, reducer as voxeetReducer } from '@voxeet/react-components'\n\n// Import Style\nimport '@voxeet/react-components/dist/voxeet-react-components.css'; // Can you be customize, refer to https://github.com/voxeet/voxeet-assets-react-components\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n\nconst configureStore = () => createStore(\n  reducers,\n  applyMiddleware(thunkMidleware)\n)\n\nconst settings = {\n  consumerKey: 'consumerKey',\n  consumerSecret: 'consumerSecret',\n  conferenceAlias: 'Sample'\n}\n\nReactDOM.render(\n  <Provider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </Provider>,\n  document.getElementById('app')\n)\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n| Name | Type | Default | Description|\n|------|------|---------|------------|\n|`sdk`|Function||VoxeetSDK if you want to use an external Voxeet SDK|\n|`consumerKey`|String||The consumer key|\n|`consumerSecret`|String||The consumer secret|\n|`oauthToken`|String||The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !|\n|`refreshTokenCallback`|func||Provide this function that return a promise with the refreshed token, when this one expire|\n|`conferenceAlias`|String||The conference you whant to join|\n|`logo`|String|Voxeet Logo|Display your logo inside the react components by using this props.|\n|`chromeExtensionId`|String||Id of chrome screenshare extension, a message will be prompt when the user will try to screenshare (Inline installation is no longer supported)|\n|`displayActions`|Array|[\"mute\" ,\"recording\", \"share\", \"video\", \"live\", \"attendees\", \"chat\", \"pstn\"]|You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"share\", \"recording\", \"live\", \"attendees\", \"chat\")|\n|`shareActions`|Array|[\"screenshare\" ,\"filepresentation\"]|You can choose which button will be display, it's possible to do a screenshare, or a file presentation ! If you set the displayActions you need to add the 'share' button to allow actions !|\n|`liveRecordingEnabled`|Boolean|false|Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)|\n|`isWidget`|Boolean|true|Indicate if component used like widget or embedded in your app|\n|`chromeExtensionId`|String|null|The Id from your Chrome Web Extension to screenshare (needed only on Chrome)|\n|`autoRecording`|Boolean|false|Automatically record the conference when joining the conference (if it's not already start)|\n|`autoHls`|Boolean|false|Automatically start Hls broadcast when the conference is created|\n|`isModal`|Boolean|false|Indicate if component displayed like modal|\n|`loadingScreen`|Component|LoadingScreen|Put your own loading screen instead of Voxeet loading screen|\n|`isWebinar`|Boolean|false|Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)|\n|`autoJoin`|Boolean|false|Join automatically conference|\n|`preConfig`|Boolean|false|Show a pop up before entering inside the Conference to configure your devices (audio, video)|\n|`videoCodec`|String|VP8|Specify video codec \"H264\" or \"VP8\" => H264 is needed for video on Safari|\n|`isListener`|Boolean|false|Enter in conference in listener mode|\n|`displayModes`|Array|[\"list\", \"tiles\", \"speaker\"]|Indicate which mode is allowed (modes will be in the same order as the array)|\n|`isManualKickAllowed`|Boolean|false|Authorize admin (conference creator) to kick users in conference|\n|`isAdmin`|Boolean|false|Current user who join the conference is the admin|\n|`kickOnHangUp`|Boolean|false|Kick all users when admin (conference creator) leave the conference|\n|`userInfo`|Object|{</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() * 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>}|User informations for voxeet sdk|\n|`conferenceReplayId`|String||Replay automatically a conference|\n|`constraints`|Object|{</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}|The webrtc constraints for the sdk|\n|`actionsButtons`|React Component|ActionsButtons - All buttons|A react component to customize the actions buttons|\n|`handleOnLeave`|Function||Function call on leave conference|\n|`handleOnConnect`|Function||Function call when the current user is connected to the conference|\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { Buttons } from \"@voxeet/react-components\";\n\nclass ActionsButtons extends Component {\n  constructor(props) {\n    super(props);\n  }\n\n  render() {\n    const { isBottomBar, \n            forceFullscreen, \n            isMuted, \n            isRecording, \n            isWidgetFullScreenOn,\n            videoEnabled, \n            displayModal,\n            conferencePincode, \n            convertFilePresentation, \n            toggleMicrophone, \n            screenShareEnabled, \n            filePresentationEnabled, \n            toggleRecording, \n            toggleVideo, \n            toggleScreenShare, \n            attendeesSettingsOpened, \n            toggleAttendeesSettings, \n            toggleAttendeesList, \n            attendeesListOpened, \n            attendeesChatOpened, \n            attendeesLiveOpened,\n            toggleAttendeesChat, \n            toggleAttendeesLive, \n            recordingLocked, \n            toggleModal, \n            toggleAudio3D, \n            isWebinar, \n            isAdmin, \n            displayActions, \n            shareActions, \n            leave, \n            audio3DEnabled, \n            isElectron, \n            displayExternalLiveModal, \n            isExternalLive, \n            isFilePresentation, \n            isScreenshare, \n            isDemo } = this.props;\n\n    return (\n            <div>\n                <ul className=\"controls-left\">\n                    {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) && displayActions.indexOf(\"mute\") > -1 && !isDemo &&\n                        <ToggleMicrophoneButton\n                            isMuted={isMuted}\n                            toggle={toggleMicrophone}\n                            isBottomBar={isBottomBar}\n                            tooltipPlace={isBottomBar ? 'top' : 'right'}\n                        />\n                    }\n                    {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) && displayActions.indexOf(\"video\") > -1 && !isDemo &&\n                        <ToggleVideoButton\n                            videoEnabled={videoEnabled}\n                            toggle={toggleVideo}\n                            isBottomBar={isBottomBar}\n                            tooltipPlace={isBottomBar ? 'top' : 'right'}\n                        />\n                    }\n                    {!isWidgetFullScreenOn && !forceFullscreen && isBottomBar && isElectron &&\n                        <Toggle3DAudioButton\n                            audio3DEnabled={audio3DEnabled}\n                            toggleAudio3D={toggleAudio3D}\n                            isBottomBar={isBottomBar}\n                            tooltipPlace={isBottomBar ? 'top' : 'right'}\n                        />\n                    }\n                </ul>\n                <ul className=\"controls-center\">\n                    {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) && displayActions.indexOf(\"recording\") > -1 && !isDemo &&\n                        <ToggleRecordingButton\n                            isRecording={isRecording}\n                            recordingLocked={recordingLocked}\n                            toggle={toggleRecording}\n                            isBottomBar={isBottomBar}\n                            tooltipPlace={isBottomBar ? 'top' : 'right'}\n                        />\n                    }\n                    {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) && displayActions.indexOf(\"share\") > -1 && !isDemo && shareActions.length > 0 &&\n                        <ToggleScreenShareButton\n                            screenShareEnabled={screenShareEnabled}\n                            filePresentationEnabled={filePresentationEnabled}\n                            currentUserScreenShare={isScreenshare}\n                            currentUserFilePresentation={isFilePresentation}\n                            isElectron={isElectron}\n                            toggle={toggleScreenShare}\n                            convertFilePresentation={convertFilePresentation}\n                            shareActions={shareActions}\n                            isBottomBar={isBottomBar}\n                            tooltipPlace={isBottomBar ? 'top' : 'right'}\n                        />\n                    }\n                    {isBottomBar && (!isWebinar || isWebinar && isAdmin) && !isDemo &&\n                        <li className=\"separator\">\n                        </li>\n                    }\n                    {isBottomBar &&\n                        <HangUpButtonBottomBar\n                            leave={leave}\n                            tooltipPlace='top'\n                        />\n                    }\n\n                </ul>\n                <ul className=\"controls-right\">\n                    {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) && displayActions.indexOf(\"pstn\") > -1 && !isDemo &&\n                        <TogglePSTN\n                            conferencePincode={conferencePincode}\n                            isBottomBar={isBottomBar}\n                            tooltipPlace={isBottomBar ? 'top' : 'right'}\n                        />\n                    }\n                    {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) && displayActions.indexOf(\"live\") > -1 && !isDemo &&\n                        <ToggleExternalLiveButton\n                            attendeesLiveOpened={attendeesLiveOpened}\n                            toggle={toggleAttendeesLive}\n                            isExternalLive={isExternalLive}\n                            isBottomBar={isBottomBar}\n                            tooltipPlace={isBottomBar ? 'top' : 'right'}\n                        />\n                    }\n                    {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || isWebinar && isAdmin) &&\n                        <ToggleSettingsButton\n                            attendeesSettingsOpened={attendeesSettingsOpened}\n                            toggle={toggleAttendeesSettings}\n                            isBottomBar={isBottomBar}\n                            tooltipPlace={isBottomBar ? 'top' : 'right'}\n                        />\n                    }\n                    {displayActions.indexOf(\"attendees\") > -1  &&\n                        <ToggleAttendeesListButton tooltipPlace={isBottomBar ? 'top' : 'right'} toggle={toggleAttendeesList} isBottomBar={isBottomBar} isOpen={attendeesListOpened}/>\n                    }\n                    {displayActions.indexOf(\"chat\") > -1  &&\n                        <ToggleAttendeesChatButton tooltipPlace={isBottomBar ? 'top' : 'right'} toggle={toggleAttendeesChat} isBottomBar={isBottomBar} isOpen={attendeesChatOpened}/>\n                    }\n                </ul>\n            </div>\n        )\n    }\n}\n\nActionsButtons.propTypes = {\n    isBottomBar: PropTypes.bool.isRequired,\n    forceFullscreen: PropTypes.bool.isRequired,\n    isMuted: PropTypes.bool.isRequired,\n    isWebinar: PropTypes.bool.isRequired,\n    isAdmin: PropTypes.bool.isRequired,\n    videoEnabled: PropTypes.bool.isRequired,\n    screenShareEnabled: PropTypes.bool.isRequired,\n    filePresentationEnabled: PropTypes.bool.isRequired,\n    displayModal: PropTypes.bool.isRequired,\n    isScreenshare: PropTypes.bool.isRequired,\n    isFilePresentation: PropTypes.bool.isRequired,\n    displayActions: PropTypes.array.isRequired,\n    toggleAudio3D: PropTypes.func.isRequired,\n    recordingLocked: PropTypes.bool.isRequired,\n    isElectron: PropTypes.bool.isRequired,\n    isExternalLive: PropTypes.bool.isRequired,\n    audio3DEnabled: PropTypes.bool.isRequired,\n    isRecording: PropTypes.bool.isRequired,\n    isWidgetFullScreenOn: PropTypes.bool.isRequired,\n    toggleMicrophone: PropTypes.func.isRequired,\n    leave: PropTypes.func.isRequired,\n    toggleRecording: PropTypes.func.isRequired,\n    toggleVideo: PropTypes.func.isRequired,\n    toggleScreenShare: PropTypes.func.isRequired,\n    convertFilePresentation: PropTypes.func.isRequired,\n    toggleModal: PropTypes.func.isRequired,\n    toggleMode: PropTypes.func.isRequired,\n    mode: PropTypes.string.isRequired,\n    toggleAttendeesList: PropTypes.func.isRequired,\n    attendeesListOpened: PropTypes.bool.isRequired,\n    toggleAttendeesChat: PropTypes.func.isRequired,\n    attendeesChatOpened: PropTypes.bool.isRequired,\n    toggleAttendeesSettings: PropTypes.func.isRequired,\n    attendeesSettingsOpened: PropTypes.bool.isRequired,\n    toggleAttendeesLive: PropTypes.func.isRequired,\n    attendeesLiveOpened: PropTypes.bool.isRequired\n}\n\nActionsButtons.defaultProps = {\n    isBottomBar: false,\n    forceFullscreen: false\n}\n\nexport default ActionsButtons\n\n```\n","readmeFilename":"README.md","_id":"@voxeet/react-components@0.35.0-rc2","_npmVersion":"6.4.1","_nodeVersion":"10.15.3","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-sL867AQggODO8J1ny8uoWZachjbilFNSLe/KzBIEqxkCjMxRkKrZvRSbTfckqom+es9sInyECzTqJOU0BJzSHg==","shasum":"0eee87e952b5e1b42c13500093c5908429a72836","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.35.0-rc2.tgz","fileCount":85,"unpackedSize":5923415,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdFNBaCRA9TVsSAnZWagAA1KYP/0gnDIYTphksUIkEYTgv\nIRHvhSljtTjHIu2+Q5vwv8iEsfqBhJtucSsSAlBAgoeOaxGZ2W+Eibyc1Zy5\nZ8+1HR0ozL8ZRX4GpJZ+2zdOhsPCPKxg3pXMTiUnMeOgsA6JRki86h/opKLC\nI92RWBbOIkCgA+oRDgYY7N2X1o9zdGuAcdE7HHiF0PtwhzyZDzSqYJA/Pp/p\nV1wizgjOuA+8oItyVIPAioJ2DCkQtMrBb5jIwpUSkD/Miie4MdOGX1va9ERU\nMeG1FsO842ijLrLebdc/Cbfh3Wl8UjKrL81qxnFboYp4oXYqtMkFx3Nzsgm9\nVkwHWcKGAx19sIPDe+waGzdAvO5hgkNBOySr6eqQQ1dyd9A98MYfD61aCSei\n5ptJzLaQr5tzU0ZfuC9GFTGHnAzWZmaxXGxThpbyOmPHCvx6Zttgt/nq1aDF\n6wyzwRqdg6BHHu8d+A8nk3IeN+4FHKPdJlhyIVDXREzEimFwIn9KsMaWn7CC\neoPX4BfdxfPGZGBpa36tUWxKucAdRREG2SLl/s4NlMtV1NcNQzDns5RMtjuD\nZYD0mqXv+ecES4eGlujnplwYoMdUeIZHX2MCVfadz/PL5TLOyHpEbtU4+Yce\nUNqXCVb7vWlyjSuF8KL3Eu9T5tT02r6voNHR+U+hv1VleRhLtDTt0G3CaMo+\ndKJA\r\n=2Hq4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAOMSWopJPtAd9f3vC0ssp6t6m8AYDyh9kbfCCOPJ4z2AiEAxCSM1pFa8eVWIzjr8k2Ts2eC5+X1XSCUdpjHsSblQKY="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"},{"email":"clarroque@voxeet.com","name":"vtcoco"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.35.0-rc2_1561645145330_0.8004463728059481"},"_hasShrinkwrap":false},"0.35.0-rc3":{"name":"@voxeet/react-components","version":"0.35.0-rc3","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/runtime":"^7.3.4","autolinker":"^2.2.2","bowser":"1.9.4","browserslist":"^4.5.2","classnames":"2.2.6","core-js":"3","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.0","prettier":"^1.18.2","prop-types":"15.6.2","react":"16.8.6","react-dom":"16.8.6","react-draggable":"3.1.1","react-localization":"^1.0.13","react-player":"^1.11.1","react-redux":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","redux":"4.0.1","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.4.5","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","prettier-webpack-plugin":"^1.2.0","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"1.9.5"},"_resolved":"","_integrity":"","_from":"file:voxeet-react-components-0.35.0-rc3.tgz","readme":"Voxeet React Components\n=====================\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components --save\nyarn add @voxeet/voxeet-web-sdk @voxet/react-components\n```\n\n## Usage\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from '@voxeet/react-components';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n```\n\n### Widget\n\n```javascript\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport { Provider } from 'react-redux'\nimport thunkMidleware from 'redux-thunk'\nimport { combineReducers, createStore, applyMiddleware } from 'redux'\n\nimport { ConferenceRoom, reducer as voxeetReducer } from '@voxeet/react-components'\n\n// Import Style\nimport '@voxeet/react-components/dist/voxeet-react-components.css'; // Can you be customize, refer to https://github.com/voxeet/voxeet-assets-react-components\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n\nconst configureStore = () => createStore(\n  reducers,\n  applyMiddleware(thunkMidleware)\n)\n\nconst settings = {\n  consumerKey: 'consumerKey',\n  consumerSecret: 'consumerSecret',\n  conferenceAlias: 'Sample'\n}\n\nReactDOM.render(\n  <Provider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </Provider>,\n  document.getElementById('app')\n)\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n| Name | Type | Default | Description|\n|------|------|---------|------------|\n|`sdk`|Function||VoxeetSDK if you want to use an external Voxeet SDK|\n|`consumerKey`|String||The consumer key|\n|`consumerSecret`|String||The consumer secret|\n|`oauthToken`|String||The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !|\n|`refreshTokenCallback`|func||Provide this function that return a promise with the refreshed token, when this one expire|\n|`conferenceAlias`|String||The conference you whant to join|\n|`logo`|String|Voxeet Logo|Display your logo inside the react components by using this props.|\n|`chromeExtensionId`|String||Id of chrome screenshare extension, a message will be prompt when the user will try to screenshare (Inline installation is no longer supported)|\n|`displayActions`|Array|[\"mute\" ,\"recording\", \"share\", \"video\", \"live\", \"attendees\", \"chat\", \"pstn\"]|You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"share\", \"recording\", \"live\", \"attendees\", \"chat\")|\n|`shareActions`|Array|[\"screenshare\" ,\"filepresentation\", \"videopresentation]|You can choose which button will be display, it's possible to do a screenshare, file presentation or video presentation ! If you set the displayActions you need to add the 'share' button to allow actions.|\n|`liveRecordingEnabled`|Boolean|false|Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)|\n|`isWidget`|Boolean|true|Indicate if component used like widget or embedded in your app|\n|`chromeExtensionId`|String|null|The Id from your Chrome Web Extension to screenshare (needed only on Chrome)|\n|`autoRecording`|Boolean|false|Automatically record the conference when joining the conference (if it's not already start)|\n|`autoHls`|Boolean|false|Automatically start Hls broadcast when the conference is created|\n|`isModal`|Boolean|false|Indicate if component displayed like modal|\n|`attendeesWaiting`|Component|AttendeesWaiting|Put your own waiting component (Waiting for other participants)|\n|`loadingScreen`|Component|LoadingScreen|Put your own loading screen instead of Voxeet loading screen|\n|`isWebinar`|Boolean|false|Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)|\n|`autoJoin`|Boolean|false|Join automatically conference|\n|`preConfig`|Boolean|false|Show a pop up before entering inside the Conference to configure your devices (audio, video)|\n|`videoCodec`|String|VP8|Specify video codec \"H264\" or \"VP8\" => H264 is needed for video on Safari|\n|`isListener`|Boolean|false|Enter in conference in listener mode|\n|`displayModes`|Array|[\"list\", \"tiles\", \"speaker\"]|Indicate which mode is allowed (modes will be in the same order as the array)|\n|`isManualKickAllowed`|Boolean|false|Authorize admin (conference creator) to kick users in conference|\n|`isAdmin`|Boolean|false|Current user who join the conference is the admin|\n|`kickOnHangUp`|Boolean|false|Kick all users when admin (conference creator) leave the conference|\n|`userInfo`|Object|{</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() * 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>}|User informations for voxeet sdk|\n|`conferenceReplayId`|String||Replay automatically a conference|\n|`constraints`|Object|{</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}|The webrtc constraints for the sdk|\n|`actionsButtons`|React Component|ActionsButtons - All buttons|A react component to customize the actions buttons|\n|`handleOnLeave`|Function||Function call on leave conference|\n|`handleOnConnect`|Function||Function call when the current user is connected to the conference|\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { Buttons } from \"@voxeet/react-components\";\n\nclass ActionsButtons extends Component {\n  constructor(props) {\n    super(props);\n  }\n\n  render() {\n    const { isBottomBar, \n            forceFullscreen, \n            isMuted, \n            isRecording, \n            isWidgetFullScreenOn,\n            videoEnabled, \n            displayModal,\n            conferencePincode, \n            convertFilePresentation, \n            toggleMicrophone, \n            screenShareEnabled, \n            filePresentationEnabled, \n            toggleRecording, \n            toggleVideo, \n            toggleScreenShare, \n            attendeesSettingsOpened, \n            toggleAttendeesSettings, \n            toggleAttendeesList, \n            attendeesListOpened, \n            attendeesChatOpened, \n            attendeesLiveOpened,\n            toggleAttendeesChat, \n            toggleAttendeesLive, \n            recordingLocked, \n            toggleModal, \n            toggleAudio3D, \n            isWebinar, \n            isAdmin, \n            displayActions, \n            shareActions, \n            leave, \n            audio3DEnabled, \n            isElectron, \n            displayExternalLiveModal, \n            isExternalLive, \n            isFilePresentation, \n            isScreenshare, \n            isDemo } = this.props;\n\n    return (\n            <div>\n                <ul className=\"controls-left\">\n                    {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) && displayActions.indexOf(\"mute\") > -1 && !isDemo &&\n                        <ToggleMicrophoneButton\n                            isMuted={isMuted}\n                            toggle={toggleMicrophone}\n                            isBottomBar={isBottomBar}\n                            tooltipPlace={isBottomBar ? 'top' : 'right'}\n                        />\n                    }\n                    {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) && displayActions.indexOf(\"video\") > -1 && !isDemo &&\n                        <ToggleVideoButton\n                            videoEnabled={videoEnabled}\n                            toggle={toggleVideo}\n                            isBottomBar={isBottomBar}\n                            tooltipPlace={isBottomBar ? 'top' : 'right'}\n                        />\n                    }\n                    {!isWidgetFullScreenOn && !forceFullscreen && isBottomBar && isElectron &&\n                        <Toggle3DAudioButton\n                            audio3DEnabled={audio3DEnabled}\n                            toggleAudio3D={toggleAudio3D}\n                            isBottomBar={isBottomBar}\n                            tooltipPlace={isBottomBar ? 'top' : 'right'}\n                        />\n                    }\n                </ul>\n                <ul className=\"controls-center\">\n                    {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) && displayActions.indexOf(\"recording\") > -1 && !isDemo &&\n                        <ToggleRecordingButton\n                            isRecording={isRecording}\n                            recordingLocked={recordingLocked}\n                            toggle={toggleRecording}\n                            isBottomBar={isBottomBar}\n                            tooltipPlace={isBottomBar ? 'top' : 'right'}\n                        />\n                    }\n                    {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) && displayActions.indexOf(\"share\") > -1 && !isDemo && shareActions.length > 0 &&\n                        <ToggleScreenShareButton\n                            screenShareEnabled={screenShareEnabled}\n                            filePresentationEnabled={filePresentationEnabled}\n                            currentUserScreenShare={isScreenshare}\n                            currentUserFilePresentation={isFilePresentation}\n                            isElectron={isElectron}\n                            toggle={toggleScreenShare}\n                            convertFilePresentation={convertFilePresentation}\n                            shareActions={shareActions}\n                            isBottomBar={isBottomBar}\n                            tooltipPlace={isBottomBar ? 'top' : 'right'}\n                        />\n                    }\n                    {isBottomBar && (!isWebinar || isWebinar && isAdmin) && !isDemo &&\n                        <li className=\"separator\">\n                        </li>\n                    }\n                    {isBottomBar &&\n                        <HangUpButtonBottomBar\n                            leave={leave}\n                            tooltipPlace='top'\n                        />\n                    }\n\n                </ul>\n                <ul className=\"controls-right\">\n                    {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) && displayActions.indexOf(\"pstn\") > -1 && !isDemo &&\n                        <TogglePSTN\n                            conferencePincode={conferencePincode}\n                            isBottomBar={isBottomBar}\n                            tooltipPlace={isBottomBar ? 'top' : 'right'}\n                        />\n                    }\n                    {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || (isWebinar && isAdmin)) && displayActions.indexOf(\"live\") > -1 && !isDemo &&\n                        <ToggleExternalLiveButton\n                            attendeesLiveOpened={attendeesLiveOpened}\n                            toggle={toggleAttendeesLive}\n                            isExternalLive={isExternalLive}\n                            isBottomBar={isBottomBar}\n                            tooltipPlace={isBottomBar ? 'top' : 'right'}\n                        />\n                    }\n                    {!isWidgetFullScreenOn && !forceFullscreen && (!isWebinar || isWebinar && isAdmin) &&\n                        <ToggleSettingsButton\n                            attendeesSettingsOpened={attendeesSettingsOpened}\n                            toggle={toggleAttendeesSettings}\n                            isBottomBar={isBottomBar}\n                            tooltipPlace={isBottomBar ? 'top' : 'right'}\n                        />\n                    }\n                    {displayActions.indexOf(\"attendees\") > -1  &&\n                        <ToggleAttendeesListButton tooltipPlace={isBottomBar ? 'top' : 'right'} toggle={toggleAttendeesList} isBottomBar={isBottomBar} isOpen={attendeesListOpened}/>\n                    }\n                    {displayActions.indexOf(\"chat\") > -1  &&\n                        <ToggleAttendeesChatButton tooltipPlace={isBottomBar ? 'top' : 'right'} toggle={toggleAttendeesChat} isBottomBar={isBottomBar} isOpen={attendeesChatOpened}/>\n                    }\n                </ul>\n            </div>\n        )\n    }\n}\n\nActionsButtons.propTypes = {\n    isBottomBar: PropTypes.bool.isRequired,\n    forceFullscreen: PropTypes.bool.isRequired,\n    isMuted: PropTypes.bool.isRequired,\n    isWebinar: PropTypes.bool.isRequired,\n    isAdmin: PropTypes.bool.isRequired,\n    videoEnabled: PropTypes.bool.isRequired,\n    screenShareEnabled: PropTypes.bool.isRequired,\n    filePresentationEnabled: PropTypes.bool.isRequired,\n    displayModal: PropTypes.bool.isRequired,\n    isScreenshare: PropTypes.bool.isRequired,\n    isFilePresentation: PropTypes.bool.isRequired,\n    displayActions: PropTypes.array.isRequired,\n    toggleAudio3D: PropTypes.func.isRequired,\n    recordingLocked: PropTypes.bool.isRequired,\n    isElectron: PropTypes.bool.isRequired,\n    isExternalLive: PropTypes.bool.isRequired,\n    audio3DEnabled: PropTypes.bool.isRequired,\n    isRecording: PropTypes.bool.isRequired,\n    isWidgetFullScreenOn: PropTypes.bool.isRequired,\n    toggleMicrophone: PropTypes.func.isRequired,\n    leave: PropTypes.func.isRequired,\n    toggleRecording: PropTypes.func.isRequired,\n    toggleVideo: PropTypes.func.isRequired,\n    toggleScreenShare: PropTypes.func.isRequired,\n    convertFilePresentation: PropTypes.func.isRequired,\n    toggleModal: PropTypes.func.isRequired,\n    toggleMode: PropTypes.func.isRequired,\n    mode: PropTypes.string.isRequired,\n    toggleAttendeesList: PropTypes.func.isRequired,\n    attendeesListOpened: PropTypes.bool.isRequired,\n    toggleAttendeesChat: PropTypes.func.isRequired,\n    attendeesChatOpened: PropTypes.bool.isRequired,\n    toggleAttendeesSettings: PropTypes.func.isRequired,\n    attendeesSettingsOpened: PropTypes.bool.isRequired,\n    toggleAttendeesLive: PropTypes.func.isRequired,\n    attendeesLiveOpened: PropTypes.bool.isRequired\n}\n\nActionsButtons.defaultProps = {\n    isBottomBar: false,\n    forceFullscreen: false\n}\n\nexport default ActionsButtons\n\n```\n","readmeFilename":"README.md","_id":"@voxeet/react-components@0.35.0-rc3","_npmVersion":"6.4.1","_nodeVersion":"10.15.3","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-f3mXVyN0GRzSaZGNgK9oZ72C+ZfWrU7pClY4ijJOS3tFSWVha+v7pEu30iYQNx6NeU+Ual38R1f7/7+/lTrqWg==","shasum":"9b16b78defd8eff14877d04a0297b748e86c6a08","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.35.0-rc3.tgz","fileCount":85,"unpackedSize":5958152,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdJv+zCRA9TVsSAnZWagAA5mgP/1oa0pojtwAvQm5z/Pqb\nvO7C5lLEzRFBtEoi7t3Y+VAv0AyFG8Ll6mopcymB3BAZY/2DOJbFpoIHnEdQ\nkIMWYVSJ+3I0JOsQze/KG4pI68ETkkehF/NfGiQMtpBiaOznltDgEeJsct+i\nn1lU04Zhk4scd/emWNrPsM+V0iOiaUsYjpvPCC8ERZ586lXyzGnFzUNI1fZ1\nK7ekzLiGO91XNp9iqIY3ktquY25Uo/kuq9lNjCoPk3JLmsCT5jLQVdoUDzkQ\n4/HQtVtdMGpLR7PWC8vY7PdGtmb+lmdlyvIWiRhq71l0Eth/HZwtqoEHsVd0\n3NlnwlFUfIfTn+nNtmsBjmXak61m5qHAGiEEqui/9rKbwTpc9tyCGCCk408O\npbXvcJV5XwUh/qLC1gqY70zuylwhbvUtg0xBnpPTbGFXVmJ5IrGgJHT+0YaP\niasn1dkm1YvZ+jc9yxSM1H+yH63aPJilbmZhsXjryITPahDypKJYJElQ7Zvh\nKDw/LGHuMIk5+h513X9Lj/JBi70kWh5UFb9kqzjUqCs4A0nj948BGl+d2wOs\nKqDogYOGqOk4/N6HNB+9xKXFohj99aBUIIJ0FZmHrhqgJ3R4WqkxG+v4vueX\nH2Rgo2i9vyEwy669tVBG3gxCxH4SjMv3VO8Zc+Qd4IixvQm3a8KZPbx0h+7N\nFN1o\r\n=Yu7Y\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICKtUkl19Nb3KP2q5fxWG8LLu/fSxovsqdC+LGIwug4/AiBquMP2GNtN/NQ7CLJBmPvGq5dsexJ/14wavA8NNnbTQQ=="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"},{"email":"clarroque@voxeet.com","name":"vtcoco"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.35.0-rc3_1562836914939_0.9163461474177046"},"_hasShrinkwrap":false},"0.34.2":{"name":"@voxeet/react-components","version":"0.34.2","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/polyfill":"^7.2.5","@babel/runtime":"^7.3.4","autolinker":"^2.2.2","bowser":"1.9.4","browserslist":"^4.5.2","classnames":"2.2.6","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.0","prop-types":"15.6.2","react":"16.8.6","react-dom":"16.8.6","react-draggable":"3.1.1","react-localization":"^1.0.13","react-redux":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","redux":"4.0.1","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.3.4","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"1.9.4"},"gitHead":"76e60398b450a3bb09b50ec114f73947a47bc083","_id":"@voxeet/react-components@0.34.2","_npmVersion":"6.4.1","_nodeVersion":"10.15.3","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-RTLnqDWtIS7EAwOzEBzM5hzVQMwNcaMC/aY6uqrJhDQCmlUe5LenQaZPetOB/eeu8cOmTap+JPu53oqNgJp4Gw==","shasum":"72aaf1174f67ba0052049199574ae2c5a6f103a8","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.34.2.tgz","fileCount":85,"unpackedSize":5918079,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdMbFSCRA9TVsSAnZWagAAmK8P/28Ci4fYspGYEQJVa+Iy\nPu4SuwHabkc9sQstCAOYoCRqfcAXxT1QVjhi/XgrvXxSdD3JLwQEj3U8LAzA\nBvP3ZJylNXsucw+benIAz4wwAEp3QWiGQoWCDQ1NvIKGq8qzoRCIWNSfOQXU\nucDRFzLruehuXwKPEMY01PIxLtxpgMPHJ5kuOWo7rCRK2ptBFFtPk2nUge7N\nEqQMHH7G2H4Ou7HJxmUq1LQ4pYsjhXPDt30TiTssFPQPlID9Hailj4rhIETe\nLCOwsB2U/DKWXojviyqM7aqWcGc6OVeFkYyHRlP/AIPySHC+w5yqhr7VmAOs\nBXsN5VdTgCHLmVMF+qeIrpEKTec9L99gpPwUrY31mjkejFDcbXAWDMEFNKzV\nnIo5ulBwrA1+dHMq1YvY2tpYitWFHTLDTusMPKG4FBzwGufI6T4rMffeGJeb\nLmP6YpdCeSPwo3yh8RNzsxlTIbC2hVxQRGMc8xZb/KZFmz/ItHeDNKjaivjA\n7syGMdWCMtLmyO0CFiWT9JKO378xWGqKNRkL+Ykz2HAxpjmfTu66IMrChBWf\nAC+CYBQP8VAMG0RSAAWYL9615mHFt/drBIXVZooaFp1F4mF+XJz2gmkba5PL\n79tBvaLmfmoNCmeLgp+O03t1MMwwfou85FNZDGmugoucKpk2mVnb7ShEuzei\njzNi\r\n=EVA7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDxJhL2ZJotHgxIJN8TBT0XzrrqQ7dlHiEvH7I4MuexlgIgKCMXzz7U+YV7lYNVE4k/h4qjP4EXExzlFIj6C7sHNdI="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"},{"email":"clarroque@voxeet.com","name":"vtcoco"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.34.2_1563537745465_0.45661409867675173"},"_hasShrinkwrap":false},"0.35.0":{"name":"@voxeet/react-components","version":"0.35.0","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/runtime":"^7.3.4","autolinker":"^2.2.2","bowser":"1.9.4","browserslist":"^4.5.2","classnames":"2.2.6","core-js":"3","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.0","prettier":"^1.18.2","prop-types":"15.6.2","react":"16.8.6","react-dom":"16.8.6","react-draggable":"3.1.1","react-localization":"^1.0.13","react-player":"^1.11.1","react-redux":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","redux":"4.0.1","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.4.5","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","prettier-webpack-plugin":"^1.2.0","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"1.9.5"},"gitHead":"74049af3fbdeb2dd52f1c567d69983ffe21f4832","_id":"@voxeet/react-components@0.35.0","_npmVersion":"6.4.1","_nodeVersion":"10.15.3","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-2a9gIYObvaeH0rdVvXBTV+7IyRIvyJ1plLQLdcwTTXVND2J5uolIq/TvU3yWLGVrj4jS2WV7YZgWcgAeIDS9Ng==","shasum":"c418bc4e1daae84ff5f12308edfe68af6c2003cd","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.35.0.tgz","fileCount":87,"unpackedSize":5974582,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdNwQtCRA9TVsSAnZWagAACMUP/A2JyIPcHUASo0GZVObT\nt6vtBQ8qnjQwx7UTBX1YeOIrjv7Bqkkg5JYPfDdpSYc5zvFNR9Zd1ucifw4Y\nih03YVOGj88RTXzO0sohAjpewKV/S5dGXX6VCH7To1f3gSYYXqC0MHrC0fts\nBFOq9tr0G+bWceoX5p4oAHExPatiG7OBmEFfiU9nIeoOF/eqFaBzNPlyAiZw\nPwwo2F/Hb5qEcMJaYs9ocC55Ayq9fkh1oX/vFAPGpRVIZEhlExJaqLgp5nhK\nYlT5eeRhuC9O6pBRXK4+yXV95Z76qQK3ZUcBIYi6lxsjelz8+SeKOd1VpQQA\nknp9nXL2Jf8kJDzoBOuIOnjIfInoxJpTLx0Kxm/JfWfAn8XOQE5fVrDke/uI\nXaT3KQqXHYGCqT7rndrAZswuN3bUqj58lGDjcntI5hQ8U9+8N9au6K0GWZRW\n4Dp3ALCW+5cNrif3R1e8p+DsQR/Nfx52HfpIrAIhuZ6FNmiKX4j6cGjusL9n\nBPapvzYH37hhmJb0twtXGQLJ38Kh7q+sGdItiUBzxa3VGHDxfJzqn0iYSzei\nTbnxxsoyq8EFz/ZRRt/pWQWm81w+2bzK0kCw6fM00ps9fnF2sQc4MUm6+Lx6\nt/vD/l1Yhk//QKuFWu7AxgXWL6OErtCnK+jQJyOeWYorlN+gcRjPkCJrMMyj\nGnAQ\r\n=fz7H\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCvVSKVsqsiJeF+bWRzRJRyvRGtdHPHjesoo4H9G5CGOAIhAPHuDpC5kHZlXxOY9f7N3PZaQSdwrfnsnY3YeQQjeBQ8"}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"},{"email":"clarroque@voxeet.com","name":"vtcoco"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.35.0_1563886636465_0.9536217057924468"},"_hasShrinkwrap":false},"0.36.0":{"name":"@voxeet/react-components","version":"0.36.0","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/runtime":"^7.3.4","autolinker":"^2.2.2","bowser":"1.9.4","browserslist":"^4.5.2","classnames":"2.2.6","core-js":"3","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.0","prettier":"^1.18.2","prop-types":"15.6.2","react":"16.8.6","react-dom":"16.8.6","react-draggable":"3.1.1","react-localization":"^1.0.13","react-player":"^1.11.1","react-redux":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","redux":"4.0.1","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.4.5","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","prettier-webpack-plugin":"^1.2.0","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"1.9.5"},"gitHead":"8eba76ee995ea4e2c38cfa8a0858e7a66aec09b6","_id":"@voxeet/react-components@0.36.0","_npmVersion":"6.4.1","_nodeVersion":"10.15.3","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-MgvDGrN4BwU9Q+3r15Hcng1H0Vyf3t+TdeF1Usdmha8r0EojhifZJ1yM1PKR6Quizs+eedAKiBzOUUw6iL43Fw==","shasum":"55bf2b936249f6f492c35bdf9f2af1ef278c095c","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.36.0.tgz","fileCount":87,"unpackedSize":5980255,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdbiUNCRA9TVsSAnZWagAAFG4P/i7swDWz1mhi7LL7SE42\nKdZBy9oN+ctH6aiPLwMdkT5+3o9CJtC4iz+2men61bEAaOIpbkl7RC0iSItv\nwLXcn/OftY+BTAlTkfRDx8lWL7MRNe0iiSsvzb1xQq2xak5Le8L8Q920G8lD\nzpshYceDMpX7kUjLE2+xhcmLgD+ZXZWfiKA61Kx5Gnyb10pPjS3aCYbq2/rX\nr0DWI39/KSh2+OYLtsuOFlGiLR8kbOCzC6O+VQCwS/AjZMwF3/94aavSitYH\nXNVvja3nJuvSR4VHq260eyFgIBfseGUgF6rtTjBTra8J3cbvuVQXFlTlJ06Z\nId/3fEFyZnaJk18wUHOxcUWL8LW7w6F5KSzdZIdnHtz4jxrQzZ9+G6o16keY\ngy/+vI9inu1Zsv/8X2ucTUJr5hYA/E1DYcZOA8XOXtCb10vfGVeHyK8vz4DI\nOr5YHNpdE4pL5mRN8ZAV4P2hCz9NQOj7jPha0K2JB4jEBwLH2aDH6ymObPZp\nsY25FQSoReOz986bH1zs/ruQNZnjv8AjCdMD0PJpjS9V/CN1zyZxB+n/njHw\ncUdhGA0tCyd99pgW2+1LpoyEADgu0csLWjjUANAulNQlD7nKnOwUHmNiV9u3\nloe7JtUFfkPP0B8JL5/+3E+71+jLcA5B++OK1hfD+p+4qr8ZjbfS2womNPWC\nuLno\r\n=0HxU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAPMUnSerxi2uyn8ea486bKMUDMCHZOwaokakHK5gjuYAiBzTHmviPjxisBPL+zXq0fuc5FJAFDKtXIjgipoCgPgZA=="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"},{"email":"clarroque@voxeet.com","name":"vtcoco"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.36.0_1567499532430_0.001322003003974892"},"_hasShrinkwrap":false},"0.36.1":{"name":"@voxeet/react-components","version":"0.36.1","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/runtime":"^7.3.4","autolinker":"^2.2.2","bowser":"1.9.4","browserslist":"^4.5.2","classnames":"2.2.6","core-js":"3","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.0","prettier":"^1.18.2","prop-types":"15.6.2","react":"16.8.6","react-dom":"16.8.6","react-draggable":"3.1.1","react-localization":"^1.0.13","react-player":"^1.11.1","react-redux":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","redux":"4.0.1","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.4.5","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","prettier-webpack-plugin":"^1.2.0","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"1.9.5"},"gitHead":"9af9ca39dc45c3ec9c385ae78a8e3275b78084b1","_id":"@voxeet/react-components@0.36.1","_nodeVersion":"10.15.3","_npmVersion":"6.11.2","dist":{"integrity":"sha512-by29TWR7N1XqYwE4YudFfSYZrwSXYaBvAMtBPZnF4iqFqn/E/DH9Ohflj3I14lfnMmSAFDb0sI1t/W7l4rtNSg==","shasum":"1ca164ebe71176288bc35275dffe36f1c441686a","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.36.1.tgz","fileCount":87,"unpackedSize":5980553,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdbihjCRA9TVsSAnZWagAAuKIP/3ejFHhysU3pylZ8J1KV\nokyKk5TUxzeu99dIe9/DUU+e9N7E0Imdt5GP4m/efe0mySIwNsE5SskUdxNp\nKpZqJx+4u9qwIm5aNo1G3+Y1PNvpi/eU3Z+/YqCQ3FkXZqBx6JxMoA2Ios45\netIepBoMSuHs7hO49LVqF4rCiAPo3ccYdowFHriAXPVAsU+c1Z8gB3nytNkv\nO/YhvYb0vxitlwJK1MBm+dlM4Ao2obbGj1P9XblymVq3lhHWcYTpRUydRY34\nHK2REE4B9WdLEqG+E7Ak/pkCoVsvVxbrZTREtwJ8HK/eq+ZYMbPEz7OeqiKS\nieFUkeSmLTDAXD5PnskABTwr9ca2YcZCwzyKVy0VViyvVjh0kCoQgoos+9Ur\nlSWHVxaWkQXzUe2YfptaRmtyJTtxLSWrgL5WdEgJYomnlU5APdlg0L72PcO8\namh64JZVFlcb2DHvxGa7Z14WYjCg0Dz6Jf7Jxkw4+MZ26cUoQJtPaxVmkFQx\nqpmAVGL8IHLbCsnx+Jmq2je9In7H1JTVYY1MLOZ9Gq+KidsvamnGZO1huJs6\nAPHvebLfAaXxgo/TB/L+VKss8Wbmx4JY6oHnJE529tO6h+Y7i4nxkDcf/Pki\nfG8TPm4vKzb7lFkpDE2xMXsRON61Em+Rh8/Paz6q2jSZReYg/E+OaEmMvQ7I\nz73c\r\n=RUfM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC8a65VuylHYUCw2z714PbuZKjnPJnXzvqGaaNmI9nCdAiAophi2DxGqhyb7eQrlFAzRM/hCTnbTuRR6r//qh28R9w=="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"},{"email":"clarroque@voxeet.com","name":"vtcoco"}],"_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.36.1_1567500386122_0.26818685688939214"},"_hasShrinkwrap":false},"0.36.2":{"name":"@voxeet/react-components","version":"0.36.2","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/runtime":"^7.3.4","autolinker":"^2.2.2","bowser":"1.9.4","browserslist":"^4.5.2","classnames":"2.2.6","core-js":"3","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.0","prettier":"^1.18.2","prop-types":"15.6.2","react":"16.8.6","react-dom":"16.8.6","react-draggable":"3.1.1","react-localization":"^1.0.13","react-player":"^1.11.1","react-redux":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","redux":"4.0.1","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.4.5","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","prettier-webpack-plugin":"^1.2.0","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"1.9.5"},"gitHead":"ea87c702e0f616d2d07960c64e4ba8769ec78897","_id":"@voxeet/react-components@0.36.2","_nodeVersion":"10.15.3","_npmVersion":"6.11.2","dist":{"integrity":"sha512-MKvKAzR0ZvIzCiJ1oVEN27/FSj6MlNPU80mRQXFEMUs3rh4jcTHp/jeSoWhAL//EYBJg4P1nGyIdO1SNTO/7gA==","shasum":"e20d76df81dbd13d3cecab98c9aa3178a6a6cef7","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.36.2.tgz","fileCount":87,"unpackedSize":5981023,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdb6N6CRA9TVsSAnZWagAAg4UP/jARUKmGYVwRvGkdB3Tb\nej0Avux8YsrqRXXgoHg6KqagUDCPbRyAyteO7GA0+bxFec2cSZxFbaKkrwF5\n4eOS0lRM4cJY82p7V/0fzYRCkB8FJKpmcixpRHWil1ejpRz9RINAY8WYDmf/\nM51uIQjj7TfU5mCI+h56+xpw8k9mOMEQGRPuFLqEFbx4yEcgPu3eni6n46GV\nWDwZ9NVmrWZTzwEFTPnQFtCBGfpYah77sa8Amibuvof8TdvbXbc+/x3VgAGU\nAlKyvpzxcmJ0/swp3YFQgN5enysL7s/jLoZ8fvvY7hZo8RsFZCzHhLQPXETA\nR9xCvviFWmaWKPcMFauNJoiM8x/c+kTfZ42a66g193hYO4Pa1OXh+4mqbnk3\njVYI/sgxm/prWS51FJALwcMxoUzq1YKWo/8iznmRWBG3yDtWuQDmqWTJ8NUm\now1ytwns06wYbrsBtVLRNhuhxVgBtNFYSVpllpzJE0ms5F/aVx52nJ1fGx42\ntS1qu3eYOKmZmvZpJrrTbsQKS3m1X4+B5kT0W2yuQMQXCFdvXJIfo75lSgwp\nNO7OhkkkCGw0n400jWK34NbNFnbF6KsNyH2Hzxl4iWqATxJuOvwy7Ly5AWnA\nTa+4YCGDjImjQJY0ehpcXlve2098o2srtQpAza0W/+XcK2BixmYRxFmJPuLP\n1V0M\r\n=PPAg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCs+s5qVoVaLVpMXP3IECbM7KjZ13BqJRKrgppnM0frzQIgAg41zO0gquN7HKFA8s0JUfJ1EH6olr7DL6WskjcP5G0="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"},{"email":"clarroque@voxeet.com","name":"vtcoco"}],"_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.36.2_1567597433721_0.09903887179039095"},"_hasShrinkwrap":false},"0.36.2-redux7":{"name":"@voxeet/react-components","version":"0.36.2-redux7","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/runtime":"^7.3.4","autolinker":"^2.2.2","bowser":"1.9.4","browserslist":"^4.5.2","classnames":"2.2.6","core-js":"3","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.0","prettier":"^1.18.2","prop-types":"15.6.2","react":"16.9.0","react-dom":"16.9.0","react-draggable":"3.1.1","react-localization":"^1.0.13","react-player":"^1.11.1","@voxeet/react-redux-5.1.1":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","redux":"4.0.4","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.4.5","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","prettier-webpack-plugin":"^1.2.0","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"1.9.5"},"_resolved":"","_integrity":"","_from":"file:voxeet-react-components-0.36.2-redux7.tgz","readme":"Voxeet React Components\n=====================\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components --save\nyarn add @voxeet/voxeet-web-sdk @voxeet/react-components\n```\n\n## Changelog\n### 0.36.2\n#### Features\n- New property `pstnNumbers`, use http://cdn.voxeet.com/pstn/numbers to get phone numbers for PSTN and give an array of needed numbers in this property\n\n### 0.36.1\n#### Features\n- You can now disable sounds using `disableSounds` props\n- String customisation (See explanations below) with `customLocalizedStrings`\n#### Bug fixes\n- Fix camera truncated in speaker mode if the video is coming from mobile\n- Fix video presentation in widget mode\n\n### 0.35.0\n#### Features\n- Implementation of video presentation (If you use `shareActions` you can add `videopresentation`), a video can now be shared to other attendees. Only the video presenter can control the video, other attendees will receive actions (Play/Pause/Seek).\n- You can now customize \"We're waiting for other callers to arrive.\" with component `attendeesWaiting`.\n- Automatically start a recording when joining a conference with `autoRecording` (if it's not already start).\n- Automatically start HLS when joining a conference with `autoHls` (if it's not already start).\n- When starting HLS in Live Broadcast right panel, a link is displayed to watch the live conference.\n\n#### Bug fixes\n- Pre-configuration screen, error if access denied to your devices (microphone and/or camera)\n- UI improvements\n- Responsive improvements\n\n## Usage\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from '@voxeet/react-components';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n```\n\n### Widget\n\n```javascript\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport { Provider } from 'react-redux'\nimport thunkMidleware from 'redux-thunk'\nimport { combineReducers, createStore, applyMiddleware } from 'redux'\n\nimport { ConferenceRoom, reducer as voxeetReducer } from '@voxeet/react-components'\n\n// Import Style\nimport '@voxeet/react-components/dist/voxeet-react-components.css'; // Can you be customize, refer to https://github.com/voxeet/voxeet-assets-react-components\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n\nconst configureStore = () => createStore(\n  reducers,\n  applyMiddleware(thunkMidleware)\n)\n\nconst settings = {\n  consumerKey: 'consumerKey',\n  consumerSecret: 'consumerSecret',\n  conferenceAlias: 'Sample'\n}\n\nReactDOM.render(\n  <Provider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </Provider>,\n  document.getElementById('app')\n)\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n| Name | Type | Default | Description|\n|------|------|---------|------------|\n|`sdk`|Function||VoxeetSDK if you want to use an external Voxeet SDK|\n|`consumerKey`|String||The consumer key|\n|`consumerSecret`|String||The consumer secret|\n|`oauthToken`|String||The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !|\n|`refreshTokenCallback`|func||Provide this function that return a promise with the refreshed token, when this one expire|\n|`conferenceAlias`|String||The conference you whant to join|\n|`logo`|String|Voxeet Logo|Display your logo inside the react components by using this props.|\n|`chromeExtensionId`|String||Id of chrome screenshare extension, a message will be prompt when the user will try to screenshare (Inline installation is no longer supported)|\n|`displayActions`|Array|[\"mute\" ,\"recording\", \"share\", \"video\", \"live\", \"attendees\", \"chat\", \"pstn\"]|You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"share\", \"recording\", \"live\", \"attendees\", \"chat\")|\n|`shareActions`|Array|[\"screenshare\" ,\"filepresentation\", \"videopresentation\"]|You can choose which button will be display, it's possible to do a screenshare, file presentation or video presentation ! If you set the displayActions you need to add the 'share' button to allow actions.|\n|`liveRecordingEnabled`|Boolean|false|Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)|\n|`disableSounds`|Boolean|false|Disable sounds during the conference (mute/unmute, record, conference join, conference left)|\n|`customLocalizedStrings`|Object|Custom strings, described below|\n|`pstnNumbers`|Array|Custom PSTN Numbers, you can find all numbers here : http://cdn.voxeet.com/pstn/numbers remove numbers that are not usefull and give an array to this props|\n|`isWidget`|Boolean|true|Indicate if component used like widget or embedded in your app|\n|`chromeExtensionId`|String|null|The Id from your Chrome Web Extension to screenshare (needed only on Chrome)|\n|`autoRecording`|Boolean|false|Automatically record the conference when joining the conference (if it's not already start)|\n|`autoHls`|Boolean|false|Automatically start Hls broadcast when the conference is created|\n|`isModal`|Boolean|false|Indicate if component displayed like modal|\n|`attendeesWaiting`|Component|AttendeesWaiting|Put your own waiting component (Waiting for other participants)|\n|`loadingScreen`|Component|LoadingScreen|Put your own loading screen instead of Voxeet loading screen|\n|`isWebinar`|Boolean|false|Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)|\n|`autoJoin`|Boolean|false|Join automatically conference|\n|`preConfig`|Boolean|false|Show a pop up before entering inside the Conference to configure your devices (audio, video)|\n|`videoCodec`|String|VP8|Specify video codec \"H264\" or \"VP8\" => H264 is needed for video on Safari|\n|`isListener`|Boolean|false|Enter in conference in listener mode|\n|`displayModes`|Array|[\"list\", \"tiles\", \"speaker\"]|Indicate which mode is allowed (modes will be in the same order as the array)|\n|`isManualKickAllowed`|Boolean|false|Authorize admin (conference creator) to kick users in conference|\n|`isAdmin`|Boolean|false|Current user who join the conference is the admin|\n|`kickOnHangUp`|Boolean|false|Kick all users when admin (conference creator) leave the conference|\n|`userInfo`|Object|{</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() * 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>}|User informations for voxeet sdk|\n|`conferenceReplayId`|String||Replay automatically a conference|\n|`constraints`|Object|{</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}|The webrtc constraints for the sdk|\n|`actionsButtons`|React Component|ActionsButtons - All buttons|A react component to customize the actions buttons|\n|`handleOnLeave`|Function||Function call on leave conference|\n|`handleOnConnect`|Function||Function call when the current user is connected to the conference|\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport bowser from \"bowser\";\nimport { Buttons } from \"@voxeet/react-components\";\n\nclass ActionsButtons extends Component {\n  constructor(props) {\n    super(props);\n  }\n\n  render() {\n    const {\n      isBottomBar,\n      forceFullscreen,\n      isMuted,\n      isRecording,\n      isWidgetFullScreenOn,\n      toggleVideoPresentation,\n      videoEnabled,\n      isVideoPresentation,\n      videoPresentationEnabled,\n      displayModal,\n      conferencePincode,\n      convertFilePresentation,\n      isHlsLive,\n      toggleMicrophone,\n      screenShareEnabled,\n      filePresentationEnabled,\n      toggleRecording,\n      toggleVideo,\n      toggleScreenShare,\n      attendeesSettingsOpened,\n      toggleAttendeesSettings,\n      toggleAttendeesList,\n      attendeesListOpened,\n      attendeesChatOpened,\n      attendeesLiveOpened,\n      toggleAttendeesChat,\n      toggleAttendeesLive,\n      recordingLocked,\n      toggleModal,\n      toggleAudio3D,\n      isWebinar,\n      isAdmin,\n      displayActions,\n      shareActions,\n      leave,\n      audio3DEnabled,\n      isElectron,\n      displayExternalLiveModal,\n      isExternalLive,\n      currentUser,\n      isFilePresentation,\n      isScreenshare,\n      isDemo\n    } = this.props;\n\n    return (\n      <div>\n        <ul className=\"controls-left\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"mute\") > -1 &&\n            !isDemo && (\n              <ToggleMicrophoneButton\n                isMuted={isMuted}\n                toggle={toggleMicrophone}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"video\") > -1 &&\n            !isDemo && (\n              <ToggleVideoButton\n                videoEnabled={videoEnabled}\n                toggle={toggleVideo}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            isBottomBar &&\n            isElectron && (\n              <Toggle3DAudioButton\n                audio3DEnabled={audio3DEnabled}\n                toggleAudio3D={toggleAudio3D}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n        </ul>\n        <ul className=\"controls-center\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"recording\") > -1 &&\n            !isDemo && (\n              <ToggleRecordingButton\n                isRecording={isRecording}\n                recordingLocked={recordingLocked}\n                toggle={toggleRecording}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"share\") > -1 &&\n            !isDemo &&\n            shareActions.length > 0 && (\n              <ToggleScreenShareButton\n                screenShareEnabled={screenShareEnabled}\n                filePresentationEnabled={filePresentationEnabled}\n                videoPresentationEnabled={videoPresentationEnabled}\n                currentUserScreenShare={isScreenshare}\n                currentUserFilePresentation={isFilePresentation}\n                currentUserVideoPresentation={isVideoPresentation}\n                isElectron={isElectron}\n                toggle={toggleScreenShare}\n                toggleVideoPresentation={toggleVideoPresentation}\n                convertFilePresentation={convertFilePresentation}\n                shareActions={shareActions}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {isBottomBar && (!isWebinar || (isWebinar && isAdmin)) && !isDemo && (\n            <li className=\"separator\"></li>\n          )}\n          {isBottomBar && (\n            <HangUpButtonBottomBar leave={leave} tooltipPlace=\"top\" />\n          )}\n        </ul>\n        <ul className=\"controls-right\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"pstn\") > -1 &&\n            !isDemo && (\n              <TogglePSTN\n                conferencePincode={conferencePincode}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"live\") > -1 &&\n            !isDemo && (\n              <ToggleExternalLiveButton\n                attendeesLiveOpened={attendeesLiveOpened}\n                toggle={toggleAttendeesLive}\n                isExternalLive={isExternalLive}\n                isHlsLive={isHlsLive}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            !bowser.msie &&\n            !currentUser.isListener && (\n              <ToggleSettingsButton\n                attendeesSettingsOpened={attendeesSettingsOpened}\n                toggle={toggleAttendeesSettings}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {displayActions.indexOf(\"attendees\") > -1 && (\n            <ToggleAttendeesListButton\n              tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              toggle={toggleAttendeesList}\n              isBottomBar={isBottomBar}\n              isOpen={attendeesListOpened}\n            />\n          )}\n          {displayActions.indexOf(\"chat\") > -1 && (\n            <ToggleAttendeesChatButton\n              tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              toggle={toggleAttendeesChat}\n              isBottomBar={isBottomBar}\n              isOpen={attendeesChatOpened}\n            />\n          )}\n        </ul>\n      </div>\n    );\n  }\n}\n\nActionsButtons.propTypes = {\n    isBottomBar: PropTypes.bool.isRequired,\n    forceFullscreen: PropTypes.bool.isRequired,\n    isMuted: PropTypes.bool.isRequired,\n    currentUser: PropTypes.object.isRequired,\n    isWebinar: PropTypes.bool.isRequired,\n    isAdmin: PropTypes.bool.isRequired,\n    videoEnabled: PropTypes.bool.isRequired,\n    screenShareEnabled: PropTypes.bool.isRequired,\n    filePresentationEnabled: PropTypes.bool.isRequired,\n    videoPresentationEnabled: PropTypes.bool.isRequired,\n    displayModal: PropTypes.bool.isRequired,\n    isScreenshare: PropTypes.bool.isRequired,\n    isVideoPresentation: PropTypes.bool.isRequired,\n    isHlsLive: PropTypes.bool.isRequired,\n    isFilePresentation: PropTypes.bool.isRequired,\n    displayActions: PropTypes.array.isRequired,\n    toggleAudio3D: PropTypes.func.isRequired,\n    recordingLocked: PropTypes.bool.isRequired,\n    isElectron: PropTypes.bool.isRequired,\n    isExternalLive: PropTypes.bool.isRequired,\n    audio3DEnabled: PropTypes.bool.isRequired,\n    isRecording: PropTypes.bool.isRequired,\n    isWidgetFullScreenOn: PropTypes.bool.isRequired,\n    toggleMicrophone: PropTypes.func.isRequired,\n    leave: PropTypes.func.isRequired,\n    toggleRecording: PropTypes.func.isRequired,\n    toggleVideo: PropTypes.func.isRequired,\n    toggleScreenShare: PropTypes.func.isRequired,\n    toggleVideoPresentation: PropTypes.func.isRequired,\n    convertFilePresentation: PropTypes.func.isRequired,\n    toggleModal: PropTypes.func.isRequired,\n    toggleMode: PropTypes.func.isRequired,\n    mode: PropTypes.string.isRequired,\n    toggleAttendeesList: PropTypes.func.isRequired,\n    attendeesListOpened: PropTypes.bool.isRequired,\n    toggleAttendeesChat: PropTypes.func.isRequired,\n    attendeesChatOpened: PropTypes.bool.isRequired,\n    toggleAttendeesSettings: PropTypes.func.isRequired,\n    attendeesSettingsOpened: PropTypes.bool.isRequired,\n    toggleAttendeesLive: PropTypes.func.isRequired,\n    attendeesLiveOpened: PropTypes.bool.isRequired\n}\n\nActionsButtons.defaultProps = {\n    isBottomBar: false,\n    forceFullscreen: false\n}\n\nexport default ActionsButtons\n\n```\n\n### Localized strings\n\nFor english language (Be sure to use this keys to override default strings)\n\n```\n[en :{\n    electronloading: \"Voxeet is loading, please wait\",\n    error: \"Error\",\n    errorPermissionDeniedMicrophone:\n      \"An error occured when joining the conference. Please make sure to allow access to your microphone.\",\n    errorPermissionDeniedMicrophoneCamera:\n      \"An error occured when joining the conference. Please make sure to allow access to your microphone and camera.\",\n    errorIE11:\n      \"A plugin is mandatory for IE11, please download and install the plugin. When the installation is complete, please refresh this page.\",\n    browerNotSupported: \"This browser is currently not supported.\",\n    installExtension: \"Please install the screen share extension with this \",\n    noExtensionAvailable: \"No Chrome Web Extension configure for screen share.\",\n    microphoneOff: \"Your microphone is muted.\",\n    microphoneOn: \"Your microphone is on.\",\n    cameraOn: \"Your camera is on.\",\n    cameraOff: \"Your camera is off.\",\n    recordConferenceStart: \"Your conference is being recorded.\",\n    recordConferenceStop: \"Your conference is no longer recorded.\",\n    screenshareInProgress:\n      \"You cannot screenshare while another user is screensharing.\",\n    recordConferenceStartBy: \"Your conference is being recorded by \",\n    recordConferenceStopBy: \"Your conference is no longer recorded by \",\n    conferenceAlreadyRecord:\n      \"Your conference is already being recorded by an other attendee.\",\n    leave: \"End\",\n    audio: \"3D Audio\",\n    chat: \"Chat\",\n    externalLive: \"Live Broadcast\",\n    fullscreen: \"FullScreen\",\n    minimize: \"Minimize\",\n    mute: \"Mute\",\n    displaymode: \"Display mode\",\n    pincode: \"Call-in\",\n    sendMessage: \"Send\",\n    pinCodeExplanations:\n      \"Call this number below and provide the conference pin code to join the conference via PSTN.\",\n    record: \"Recording\",\n    shareAlreadyStarted:\n      \"Someone is already sharing. Please stop it before start a new one.\",\n    share: \"Share\",\n    screenshare: \"Share Screen\",\n    screenshareEntireScreen: \"Share entire screen\",\n    screenshareAWindow: \"Share a window\",\n    screenshareOption: \"Share options\",\n    settings: \"Settings\",\n    open: \"Open\",\n    close: \"Close\",\n    video: \"Video\",\n    camera: \"Camera\",\n    liveCall: \"Live is running\",\n    linkHls: \"See your live\",\n    broadcastLive: \"Diffusion en cours\",\n    externalUrl: \"Configure your stream\",\n    externalPassword: \"Enter your password from your live\",\n    launchLive: \"Start your stream\",\n    stopLive: \"Stop your live stream\",\n    geturl: \"Get your stream url (on Youtube or Facebook)\",\n    getpwd: \"Get your stream password (on Youtube or Facebook)\",\n    enterhere: \"Enter your informations here :\",\n    titleSettings: \"Set preferred camera and microphone\",\n    problemSettings: \"If you are having problems, try restarting your browser.\",\n    saveSettings: \"Your preferences will automatically save.\",\n    screensharerunning: \"Happy Screen Sharing!\",\n    tile: \"Tile\",\n    list: \"List\",\n    speaker: \"Speaker\",\n    displaymode: \"Display mode\",\n    changelayout: \"Change layout\",\n    attendees: \"Attendees\",\n    here: \"here\",\n    hangtight: \"We're waiting for other callers to arrive.\",\n    join: \"Join\",\n    incall: \"In call with :\",\n    joincall: \"Join Call\",\n    expand: \"Expand\",\n    activecall: \"Active call\",\n    leavecall: \"Leave call\",\n    output: \"Output\",\n    input: \"Input\",\n    titlePreConfig: \"Set up your devices\",\n    presenter: \"Attendees\",\n    joined: \"Joined\",\n    invited: \"Waiting on\",\n    presenter: \"Presenter\",\n    listener: \"Listener\",\n    left: \"Left\",\n    noAudioDevice:\n      \"No audio device detected. Please make sure to plug at least one microphone to access this conference.\",\n    filepresentation: \"Share a file\",\n    prev: \"Previous\",\n    next: \"Next\",\n    errorFilePresentation:\n      \"An error occured during the file presentation. Please check your file.\",\n    videopresentation: \"Share a video\",\n    placeholderVideoPresentation: \"Video URL\",\n    startVideoPresentationAutoplay: \"Start video\"\n}]\n```\n\nMore language can be added. Use an array prefixed with the correct language key. (en, fr, it, ...)\n","readmeFilename":"README.md","_id":"@voxeet/react-components@0.36.2-redux7","_nodeVersion":"10.15.3","_npmVersion":"6.11.2","dist":{"integrity":"sha512-oLJ2GWwLoBW4yJzMPjvRCrYOP0jKfqK+/+og63GivwvgmDN6eMcFRJvsfAQu0vqDjtZgsSpKddKwfkYnNgA1AA==","shasum":"efb11b5e3a0767cafc8905f92f39254e58d5f252","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.36.2-redux7.tgz","fileCount":88,"unpackedSize":6001882,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdekEeCRA9TVsSAnZWagAALYkP/j7Qg9/Ps69hEvcy8zXJ\nCtaUtpL1w5Q9H2ANGp6DKqG7dOlLZ+j0lzsRMFwZTJXaIrKR4Wp5Sx4mRlgs\nasD24bPtVuyg1euq0Q4r0vJad29cno/tV5ia45MkvN1EgcND7SZvdS6B/ZqO\nvLQO0DBYsgl+xE2nhtQQJOQOQ7jMA3c10SJACVLNxaqSuYnAeuK3fKFvhSjh\nu16sWAmlAskqgDetipsdFro2PMIH3QUDcHT2mmrRNzQVESkQqo+YESojM4G+\nrReteRrVV19DYXLC4oTzfhj2+9r/NtNk01U3QLK16l1eEts6kWw2qtBqzEuc\nnzeH4h8BbV8rSw/svoT0U9JIwMma2nNw4qreAsTj7H/t5pYh/g7q2cpz/NkR\nT5W/VMMAS96iyYw0rK0EfoWXucFJgFeQTD24orPSs9O3HHfQ3PyXm9GthQz3\n2QKHD3Z+g9NGGJIvwWvwPkfglo0MyOvLtmm3ZQr2SUJYdXydDUI4UcBuHk5g\nbAtISPxQb/ihVFDBUHJMCw7/A1vP0Emrl6WtPCcLFJx554WeoNmgWHVVunlT\n8ZL5y3MuxXcgCLamgSS1GkMuq758DP6EMAvpKS3t40PRAErQVq8F+wOR7SMx\no9CvyVSPITY9+Dg8gI6RDPsQ1NRsuV0HyfliQhEZbUZcvVEgqOD7rpmLcGFV\nYCK4\r\n=EuBS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHPmnvAO0A20E5XeSFXqv/Tf23bQWQhUpSRaPtQTRoPfAiEAk9XsAb+twz9VqV+FyUp7fCh1DHiHIB7n4CIuGVr+C/s="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"},{"email":"clarroque@voxeet.com","name":"vtcoco"}],"_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.36.2-redux7_1568293149880_0.6882007249427058"},"_hasShrinkwrap":false},"0.36.3-redux7":{"name":"@voxeet/react-components","version":"0.36.3-redux7","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/runtime":"^7.3.4","autolinker":"^2.2.2","bowser":"1.9.4","browserslist":"^4.5.2","classnames":"2.2.6","core-js":"3","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.0","prettier":"^1.18.2","prop-types":"15.6.2","react":"16.9.0","react-dom":"16.9.0","react-draggable":"3.1.1","react-localization":"^1.0.13","react-player":"^1.11.1","@voxeet/react-redux-5.1.1":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","redux":"4.0.4","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.4.5","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","prettier-webpack-plugin":"^1.2.0","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"1.9.5"},"_resolved":"","_integrity":"","_from":"file:voxeet-react-components-0.36.3-redux7.tgz","readme":"Voxeet React Components\n=====================\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components --save\nyarn add @voxeet/voxeet-web-sdk @voxeet/react-components\n```\n\n## Changelog\n\n### 0.36.3\n#### Features\n- New property `invitedUsers`, add the possibilidy to give an array of users who can be invited during the conference. (externalId mandatory)\n\n### 0.36.2\n#### Features\n- New property `pstnNumbers`, use http://cdn.voxeet.com/pstn/numbers to get phone numbers for PSTN and give an array of needed numbers in this property\n\n### 0.36.1\n#### Features\n- You can now disable sounds using `disableSounds` props\n- String customisation (See explanations below) with `customLocalizedStrings`\n#### Bug fixes\n- Fix camera truncated in speaker mode if the video is coming from mobile\n- Fix video presentation in widget mode\n\n### 0.35.0\n#### Features\n- Implementation of video presentation (If you use `shareActions` you can add `videopresentation`), a video can now be shared to other attendees. Only the video presenter can control the video, other attendees will receive actions (Play/Pause/Seek).\n- You can now customize \"We're waiting for other callers to arrive.\" with component `attendeesWaiting`.\n- Automatically start a recording when joining a conference with `autoRecording` (if it's not already start).\n- Automatically start HLS when joining a conference with `autoHls` (if it's not already start).\n- When starting HLS in Live Broadcast right panel, a link is displayed to watch the live conference.\n\n#### Bug fixes\n- Pre-configuration screen, error if access denied to your devices (microphone and/or camera)\n- UI improvements\n- Responsive improvements\n\n## Usage\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from '@voxeet/react-components';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n```\n\n### Widget\n\n```javascript\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport thunkMidleware from 'redux-thunk'\nimport { combineReducers, createStore, applyMiddleware } from 'redux'\n\nimport { ConferenceRoom, VoxeetProvider, reducer as voxeetReducer } from '@voxeet/react-components'\n\n// Import Style\nimport '@voxeet/react-components/dist/voxeet-react-components.css'; // Can you be customize, refer to https://github.com/voxeet/voxeet-assets-react-components\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n\nconst configureStore = () => createStore(\n  reducers,\n  applyMiddleware(thunkMidleware)\n)\n\nconst settings = {\n  consumerKey: 'consumerKey',\n  consumerSecret: 'consumerSecret',\n  conferenceAlias: 'Sample'\n}\n\nReactDOM.render(\n  <VoxeetProvider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </VoxeetProvider>,\n  document.getElementById('app')\n)\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n| Name | Type | Default | Description|\n|------|------|---------|------------|\n|`sdk`|Function||VoxeetSDK if you want to use an external Voxeet SDK|\n|`consumerKey`|String||The consumer key|\n|`consumerSecret`|String||The consumer secret|\n|`oauthToken`|String||The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !|\n|`refreshTokenCallback`|func||Provide this function that return a promise with the refreshed token, when this one expire|\n|`conferenceAlias`|String||The conference you whant to join|\n|`logo`|String|Voxeet Logo|Display your logo inside the react components by using this props.|\n|`chromeExtensionId`|String||Id of chrome screenshare extension, a message will be prompt when the user will try to screenshare (Inline installation is no longer supported)|\n|`displayActions`|Array|[\"mute\" ,\"recording\", \"share\", \"video\", \"live\", \"attendees\", \"chat\", \"pstn\"]|You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"share\", \"recording\", \"live\", \"attendees\", \"chat\")|\n|`shareActions`|Array|[\"screenshare\" ,\"filepresentation\", \"videopresentation\"]|You can choose which button will be display, it's possible to do a screenshare, file presentation or video presentation ! If you set the displayActions you need to add the 'share' button to allow actions.|\n|`liveRecordingEnabled`|Boolean|false|Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)|\n|`disableSounds`|Boolean|false|Disable sounds during the conference (mute/unmute, record, conference join, conference left)|\n|`customLocalizedStrings`|Object|Custom strings, described below|\n|`pstnNumbers`|Array|Custom PSTN Numbers, you can find all numbers here : http://cdn.voxeet.com/pstn/numbers remove numbers that are not usefull and give an array to this props|\n|`isWidget`|Boolean|true|Indicate if component used like widget or embedded in your app|\n|`chromeExtensionId`|String|null|The Id from your Chrome Web Extension to screenshare (needed only on Chrome)|\n|`autoRecording`|Boolean|false|Automatically record the conference when joining the conference (if it's not already start)|\n|`autoHls`|Boolean|false|Automatically start Hls broadcast when the conference is created|\n|`isModal`|Boolean|false|Indicate if component displayed like modal|\n|`attendeesWaiting`|Component|AttendeesWaiting|Put your own waiting component (Waiting for other participants)|\n|`loadingScreen`|Component|LoadingScreen|Put your own loading screen instead of Voxeet loading screen|\n|`isWebinar`|Boolean|false|Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)|\n|`autoJoin`|Boolean|false|Join automatically conference|\n|`preConfig`|Boolean|false|Show a pop up before entering inside the Conference to configure your devices (audio, video)|\n|`videoCodec`|String|VP8|Specify video codec \"H264\" or \"VP8\" => H264 is needed for video on Safari|\n|`isListener`|Boolean|false|Enter in conference in listener mode|\n|`displayModes`|Array|[\"list\", \"tiles\", \"speaker\"]|Indicate which mode is allowed (modes will be in the same order as the array)|\n|`invitedUsers`|Array|[{name: \"USERNAME\", externalId:\"EXTERNAL_ID\", email: \"EMAIL\"}]|Array of people who can be invited during the conference. If the other side, people need to be subscribe to the conference to receive the invitation|\n|`isManualKickAllowed`|Boolean|false|Authorize admin (conference creator) to kick users in conference|\n|`isAdmin`|Boolean|false|Current user who join the conference is the admin|\n|`kickOnHangUp`|Boolean|false|Kick all users when admin (conference creator) leave the conference|\n|`userInfo`|Object|{</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() * 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>}|User informations for voxeet sdk|\n|`conferenceReplayId`|String||Replay automatically a conference|\n|`constraints`|Object|{</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}|The webrtc constraints for the sdk|\n|`actionsButtons`|React Component|ActionsButtons - All buttons|A react component to customize the actions buttons|\n|`handleOnLeave`|Function||Function call on leave conference|\n|`handleOnConnect`|Function||Function call when the current user is connected to the conference|\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport bowser from \"bowser\";\nimport { Buttons } from \"@voxeet/react-components\";\n\nclass ActionsButtons extends Component {\n  constructor(props) {\n    super(props);\n  }\n\n  render() {\n    const {\n      isBottomBar,\n      forceFullscreen,\n      isMuted,\n      isRecording,\n      isWidgetFullScreenOn,\n      toggleVideoPresentation,\n      videoEnabled,\n      isVideoPresentation,\n      videoPresentationEnabled,\n      displayModal,\n      conferencePincode,\n      convertFilePresentation,\n      isHlsLive,\n      toggleMicrophone,\n      screenShareEnabled,\n      filePresentationEnabled,\n      toggleRecording,\n      toggleVideo,\n      toggleScreenShare,\n      attendeesSettingsOpened,\n      toggleAttendeesSettings,\n      toggleAttendeesList,\n      attendeesListOpened,\n      attendeesChatOpened,\n      attendeesLiveOpened,\n      toggleAttendeesChat,\n      toggleAttendeesLive,\n      recordingLocked,\n      toggleModal,\n      toggleAudio3D,\n      isWebinar,\n      isAdmin,\n      displayActions,\n      shareActions,\n      leave,\n      audio3DEnabled,\n      isElectron,\n      displayExternalLiveModal,\n      isExternalLive,\n      currentUser,\n      isFilePresentation,\n      isScreenshare,\n      isDemo\n    } = this.props;\n\n    return (\n      <div>\n        <ul className=\"controls-left\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"mute\") > -1 &&\n            !isDemo && (\n              <ToggleMicrophoneButton\n                isMuted={isMuted}\n                toggle={toggleMicrophone}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"video\") > -1 &&\n            !isDemo && (\n              <ToggleVideoButton\n                videoEnabled={videoEnabled}\n                toggle={toggleVideo}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            isBottomBar &&\n            isElectron && (\n              <Toggle3DAudioButton\n                audio3DEnabled={audio3DEnabled}\n                toggleAudio3D={toggleAudio3D}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n        </ul>\n        <ul className=\"controls-center\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"recording\") > -1 &&\n            !isDemo && (\n              <ToggleRecordingButton\n                isRecording={isRecording}\n                recordingLocked={recordingLocked}\n                toggle={toggleRecording}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"share\") > -1 &&\n            !isDemo &&\n            shareActions.length > 0 && (\n              <ToggleScreenShareButton\n                screenShareEnabled={screenShareEnabled}\n                filePresentationEnabled={filePresentationEnabled}\n                videoPresentationEnabled={videoPresentationEnabled}\n                currentUserScreenShare={isScreenshare}\n                currentUserFilePresentation={isFilePresentation}\n                currentUserVideoPresentation={isVideoPresentation}\n                isElectron={isElectron}\n                toggle={toggleScreenShare}\n                toggleVideoPresentation={toggleVideoPresentation}\n                convertFilePresentation={convertFilePresentation}\n                shareActions={shareActions}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {isBottomBar && (!isWebinar || (isWebinar && isAdmin)) && !isDemo && (\n            <li className=\"separator\"></li>\n          )}\n          {isBottomBar && (\n            <HangUpButtonBottomBar leave={leave} tooltipPlace=\"top\" />\n          )}\n        </ul>\n        <ul className=\"controls-right\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"pstn\") > -1 &&\n            !isDemo && (\n              <TogglePSTN\n                conferencePincode={conferencePincode}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"live\") > -1 &&\n            !isDemo && (\n              <ToggleExternalLiveButton\n                attendeesLiveOpened={attendeesLiveOpened}\n                toggle={toggleAttendeesLive}\n                isExternalLive={isExternalLive}\n                isHlsLive={isHlsLive}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            !bowser.msie &&\n            !currentUser.isListener && (\n              <ToggleSettingsButton\n                attendeesSettingsOpened={attendeesSettingsOpened}\n                toggle={toggleAttendeesSettings}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {displayActions.indexOf(\"attendees\") > -1 && (\n            <ToggleAttendeesListButton\n              tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              toggle={toggleAttendeesList}\n              isBottomBar={isBottomBar}\n              isOpen={attendeesListOpened}\n            />\n          )}\n          {displayActions.indexOf(\"chat\") > -1 && (\n            <ToggleAttendeesChatButton\n              tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              toggle={toggleAttendeesChat}\n              isBottomBar={isBottomBar}\n              isOpen={attendeesChatOpened}\n            />\n          )}\n        </ul>\n      </div>\n    );\n  }\n}\n\nActionsButtons.propTypes = {\n    isBottomBar: PropTypes.bool.isRequired,\n    forceFullscreen: PropTypes.bool.isRequired,\n    isMuted: PropTypes.bool.isRequired,\n    currentUser: PropTypes.object.isRequired,\n    isWebinar: PropTypes.bool.isRequired,\n    isAdmin: PropTypes.bool.isRequired,\n    videoEnabled: PropTypes.bool.isRequired,\n    screenShareEnabled: PropTypes.bool.isRequired,\n    filePresentationEnabled: PropTypes.bool.isRequired,\n    videoPresentationEnabled: PropTypes.bool.isRequired,\n    displayModal: PropTypes.bool.isRequired,\n    isScreenshare: PropTypes.bool.isRequired,\n    isVideoPresentation: PropTypes.bool.isRequired,\n    isHlsLive: PropTypes.bool.isRequired,\n    isFilePresentation: PropTypes.bool.isRequired,\n    displayActions: PropTypes.array.isRequired,\n    toggleAudio3D: PropTypes.func.isRequired,\n    recordingLocked: PropTypes.bool.isRequired,\n    isElectron: PropTypes.bool.isRequired,\n    isExternalLive: PropTypes.bool.isRequired,\n    audio3DEnabled: PropTypes.bool.isRequired,\n    isRecording: PropTypes.bool.isRequired,\n    isWidgetFullScreenOn: PropTypes.bool.isRequired,\n    toggleMicrophone: PropTypes.func.isRequired,\n    leave: PropTypes.func.isRequired,\n    toggleRecording: PropTypes.func.isRequired,\n    toggleVideo: PropTypes.func.isRequired,\n    toggleScreenShare: PropTypes.func.isRequired,\n    toggleVideoPresentation: PropTypes.func.isRequired,\n    convertFilePresentation: PropTypes.func.isRequired,\n    toggleModal: PropTypes.func.isRequired,\n    toggleMode: PropTypes.func.isRequired,\n    mode: PropTypes.string.isRequired,\n    toggleAttendeesList: PropTypes.func.isRequired,\n    attendeesListOpened: PropTypes.bool.isRequired,\n    toggleAttendeesChat: PropTypes.func.isRequired,\n    attendeesChatOpened: PropTypes.bool.isRequired,\n    toggleAttendeesSettings: PropTypes.func.isRequired,\n    attendeesSettingsOpened: PropTypes.bool.isRequired,\n    toggleAttendeesLive: PropTypes.func.isRequired,\n    attendeesLiveOpened: PropTypes.bool.isRequired\n}\n\nActionsButtons.defaultProps = {\n    isBottomBar: false,\n    forceFullscreen: false\n}\n\nexport default ActionsButtons\n\n```\n\n### Localized strings\n\nFor english language (Be sure to use this keys to override default strings)\n\n```\n[en :{\n    electronloading: \"Voxeet is loading, please wait\",\n    error: \"Error\",\n    errorPermissionDeniedMicrophone:\n      \"An error occured when joining the conference. Please make sure to allow access to your microphone.\",\n    errorPermissionDeniedMicrophoneCamera:\n      \"An error occured when joining the conference. Please make sure to allow access to your microphone and camera.\",\n    errorIE11:\n      \"A plugin is mandatory for IE11, please download and install the plugin. When the installation is complete, please refresh this page.\",\n    browerNotSupported: \"This browser is currently not supported.\",\n    installExtension: \"Please install the screen share extension with this \",\n    noExtensionAvailable: \"No Chrome Web Extension configure for screen share.\",\n    microphoneOff: \"Your microphone is muted.\",\n    microphoneOn: \"Your microphone is on.\",\n    cameraOn: \"Your camera is on.\",\n    cameraOff: \"Your camera is off.\",\n    recordConferenceStart: \"Your conference is being recorded.\",\n    recordConferenceStop: \"Your conference is no longer recorded.\",\n    screenshareInProgress:\n      \"You cannot screenshare while another user is screensharing.\",\n    recordConferenceStartBy: \"Your conference is being recorded by \",\n    recordConferenceStopBy: \"Your conference is no longer recorded by \",\n    conferenceAlreadyRecord:\n      \"Your conference is already being recorded by an other attendee.\",\n    leave: \"End\",\n    audio: \"3D Audio\",\n    chat: \"Chat\",\n    externalLive: \"Live Broadcast\",\n    fullscreen: \"FullScreen\",\n    minimize: \"Minimize\",\n    mute: \"Mute\",\n    displaymode: \"Display mode\",\n    pincode: \"Call-in\",\n    sendMessage: \"Send\",\n    pinCodeExplanations:\n      \"Call this number below and provide the conference pin code to join the conference via PSTN.\",\n    record: \"Recording\",\n    shareAlreadyStarted:\n      \"Someone is already sharing. Please stop it before start a new one.\",\n    share: \"Share\",\n    screenshare: \"Share Screen\",\n    screenshareEntireScreen: \"Share entire screen\",\n    screenshareAWindow: \"Share a window\",\n    screenshareOption: \"Share options\",\n    settings: \"Settings\",\n    open: \"Open\",\n    close: \"Close\",\n    video: \"Video\",\n    camera: \"Camera\",\n    liveCall: \"Live is running\",\n    linkHls: \"See your live\",\n    broadcastLive: \"Diffusion en cours\",\n    externalUrl: \"Configure your stream\",\n    externalPassword: \"Enter your password from your live\",\n    launchLive: \"Start your stream\",\n    stopLive: \"Stop your live stream\",\n    geturl: \"Get your stream url (on Youtube or Facebook)\",\n    getpwd: \"Get your stream password (on Youtube or Facebook)\",\n    enterhere: \"Enter your informations here :\",\n    titleSettings: \"Set preferred camera and microphone\",\n    problemSettings: \"If you are having problems, try restarting your browser.\",\n    saveSettings: \"Your preferences will automatically save.\",\n    screensharerunning: \"Happy Screen Sharing!\",\n    tile: \"Tile\",\n    list: \"List\",\n    speaker: \"Speaker\",\n    displaymode: \"Display mode\",\n    changelayout: \"Change layout\",\n    attendees: \"Attendees\",\n    here: \"here\",\n    hangtight: \"We're waiting for other callers to arrive.\",\n    join: \"Join\",\n    incall: \"In call with :\",\n    joincall: \"Join Call\",\n    expand: \"Expand\",\n    activecall: \"Active call\",\n    leavecall: \"Leave call\",\n    output: \"Output\",\n    input: \"Input\",\n    titlePreConfig: \"Set up your devices\",\n    presenter: \"Attendees\",\n    joined: \"Joined\",\n    invited: \"Waiting on\",\n    presenter: \"Presenter\",\n    listener: \"Listener\",\n    left: \"Left\",\n    noAudioDevice:\n      \"No audio device detected. Please make sure to plug at least one microphone to access this conference.\",\n    filepresentation: \"Share a file\",\n    prev: \"Previous\",\n    next: \"Next\",\n    errorFilePresentation:\n      \"An error occured during the file presentation. Please check your file.\",\n    videopresentation: \"Share a video\",\n    placeholderVideoPresentation: \"Video URL\",\n    startVideoPresentationAutoplay: \"Start video\",\n    invitedUsers: \"Invite users\"\n}]\n```\n\nMore language can be added. Use an array prefixed with the correct language key. (en, fr, it, ...)\n","readmeFilename":"README.md","_id":"@voxeet/react-components@0.36.3-redux7","_nodeVersion":"10.15.3","_npmVersion":"6.11.2","dist":{"integrity":"sha512-BwVVoeVr5iJxEy8omb5nSLROBja5vyMENvbDLRVB3Qo5KKNny5baUzHBDtvsFkY0rFIjOUVv0zmiPPoMq0dgPQ==","shasum":"8333030fa3266edc373950add451ed3f47ae5862","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.36.3-redux7.tgz","fileCount":88,"unpackedSize":6002309,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdiLUbCRA9TVsSAnZWagAAlD8P/2qz4bpy8RyrYANNQQ5H\nFqsXfpL00BcX+crLZRmvgnmItT0VHawXxFXRn9Va1NBtHxSx2Vgla4NVBwjM\niUcOsYMTaYUL6V0OXZwa0tvVwTm4+cz7wG2IcxtwwqTGj1udUcNETDrDPPqw\nfwPM6QWyM9z5fau+Mx/M06sEF+9a9m7Zn8rizDflpu85sn6dNLLeAYemH5GI\npX5bUYD1C53PGtAy2HzYs4TVH0+dQisDYuTqT6+26VF8vQ1Jz9YTCgqfE8EP\nrG8ciYbXe2IWPV57akEPR+MXeP2j3tj237E1Hb0oZ5E7B4BuSNUDHjVcozFX\nXZvI/IV9X03Q85cx37fQWVLwhZJiBVAg0T4Hl9hYoysuDYYgP8CbeOq1I5j5\nBbU0wW1bmZSHHPp0UaPrV97eWavDaQqrcQzin+VR7mIblbSgQtAhjt/sFAkW\nJUClg2IOCSRxE0Q5KhRuq4t9EWpsYqCj+Da3ZLPLtdd8mUvhiHZdAb8BZ8p2\nH1H4GVZm6M/XGDkKN2tKAnO9uTiZxIbunKnzYWm0jj048IEKJCNIi4KNfjE7\nRYb7Edh9ufVup1S6GOghwJyqD+K+kTXCksK0WTsPY5C2sObaPdZSd/xFVLzW\n/c5zyhrC5FvqSKSX4/0onTji585wCkbezZuwQUNaFMkp7NuBa2/JriQ/Awix\nagww\r\n=oI3U\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDWiO2P43G2vKvn+1l1L3YXI5IToSfwLUD3e3gEbJe4vgIgVsh4GpMkiJe8NIxYQIV42Zr9q/T3SeZ4mIi/kixk/pw="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"},{"email":"clarroque@voxeet.com","name":"vtcoco"}],"_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.36.3-redux7_1569240347023_0.3168355834900616"},"_hasShrinkwrap":false},"0.36.4-redux7":{"name":"@voxeet/react-components","version":"0.36.4-redux7","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/runtime":"^7.3.4","@voxeet/react-redux-5.1.1":"5.1.1","@voxeet/voxeet-web-sdk":"^1.9.6","autolinker":"^2.2.2","bowser":"1.9.4","browserslist":"^4.5.2","classnames":"2.2.6","core-js":"3","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.0","prettier":"^1.18.2","prop-types":"15.6.2","react":"16.9.0","react-dom":"16.9.0","react-draggable":"3.1.1","react-localization":"^1.0.13","react-player":"^1.11.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","redux":"4.0.4","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.4.5","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","prettier-webpack-plugin":"^1.2.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"1.9.5"},"_resolved":"","_integrity":"","_from":"file:voxeet-react-components-0.36.4-redux7.tgz","readme":"Voxeet React Components\n=====================\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components --save\nyarn add @voxeet/voxeet-web-sdk @voxeet/react-components\n```\n\n## Changelog\n\n### 0.36.3\n#### Features\n- New property `invitedUsers`, add the possibilidy to give an array of users who can be invited during the conference. (externalId mandatory)\n\n### 0.36.2\n#### Features\n- New property `pstnNumbers`, use http://cdn.voxeet.com/pstn/numbers to get phone numbers for PSTN and give an array of needed numbers in this property\n\n### 0.36.1\n#### Features\n- You can now disable sounds using `disableSounds` props\n- String customisation (See explanations below) with `customLocalizedStrings`\n#### Bug fixes\n- Fix camera truncated in speaker mode if the video is coming from mobile\n- Fix video presentation in widget mode\n\n### 0.35.0\n#### Features\n- Implementation of video presentation (If you use `shareActions` you can add `videopresentation`), a video can now be shared to other attendees. Only the video presenter can control the video, other attendees will receive actions (Play/Pause/Seek).\n- You can now customize \"We're waiting for other callers to arrive.\" with component `attendeesWaiting`.\n- Automatically start a recording when joining a conference with `autoRecording` (if it's not already start).\n- Automatically start HLS when joining a conference with `autoHls` (if it's not already start).\n- When starting HLS in Live Broadcast right panel, a link is displayed to watch the live conference.\n\n#### Bug fixes\n- Pre-configuration screen, error if access denied to your devices (microphone and/or camera)\n- UI improvements\n- Responsive improvements\n\n## Usage\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from '@voxeet/react-components';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n```\n\n### Widget\n\n```javascript\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport thunkMidleware from 'redux-thunk'\nimport { combineReducers, createStore, applyMiddleware } from 'redux'\n\nimport { ConferenceRoom, VoxeetProvider, reducer as voxeetReducer } from '@voxeet/react-components'\n\n// Import Style\nimport '@voxeet/react-components/dist/voxeet-react-components.css'; // Can you be customize, refer to https://github.com/voxeet/voxeet-assets-react-components\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n\nconst configureStore = () => createStore(\n  reducers,\n  applyMiddleware(thunkMidleware)\n)\n\nconst settings = {\n  consumerKey: 'consumerKey',\n  consumerSecret: 'consumerSecret',\n  conferenceAlias: 'Sample'\n}\n\nReactDOM.render(\n  <VoxeetProvider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </VoxeetProvider>,\n  document.getElementById('app')\n)\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n| Name | Type | Default | Description|\n|------|------|---------|------------|\n|`sdk`|Function||VoxeetSDK if you want to use an external Voxeet SDK|\n|`consumerKey`|String||The consumer key|\n|`consumerSecret`|String||The consumer secret|\n|`oauthToken`|String||The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !|\n|`refreshTokenCallback`|func||Provide this function that return a promise with the refreshed token, when this one expire|\n|`conferenceAlias`|String||The conference you whant to join|\n|`logo`|String|Voxeet Logo|Display your logo inside the react components by using this props.|\n|`chromeExtensionId`|String||Id of chrome screenshare extension, a message will be prompt when the user will try to screenshare (Inline installation is no longer supported)|\n|`displayActions`|Array|[\"mute\" ,\"recording\", \"share\", \"video\", \"live\", \"attendees\", \"chat\", \"pstn\"]|You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"share\", \"recording\", \"live\", \"attendees\", \"chat\")|\n|`shareActions`|Array|[\"screenshare\" ,\"filepresentation\", \"videopresentation\"]|You can choose which button will be display, it's possible to do a screenshare, file presentation or video presentation ! If you set the displayActions you need to add the 'share' button to allow actions.|\n|`liveRecordingEnabled`|Boolean|false|Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)|\n|`disableSounds`|Boolean|false|Disable sounds during the conference (mute/unmute, record, conference join, conference left)|\n|`customLocalizedStrings`|Object|Custom strings, described below|\n|`pstnNumbers`|Array|Custom PSTN Numbers, you can find all numbers here : http://cdn.voxeet.com/pstn/numbers remove numbers that are not usefull and give an array to this props|\n|`isWidget`|Boolean|true|Indicate if component used like widget or embedded in your app|\n|`chromeExtensionId`|String|null|The Id from your Chrome Web Extension to screenshare (needed only on Chrome)|\n|`autoRecording`|Boolean|false|Automatically record the conference when joining the conference (if it's not already start)|\n|`autoHls`|Boolean|false|Automatically start Hls broadcast when the conference is created|\n|`isModal`|Boolean|false|Indicate if component displayed like modal|\n|`attendeesWaiting`|Component|AttendeesWaiting|Put your own waiting component (Waiting for other participants)|\n|`loadingScreen`|Component|LoadingScreen|Put your own loading screen instead of Voxeet loading screen|\n|`isWebinar`|Boolean|false|Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)|\n|`autoJoin`|Boolean|false|Join automatically conference|\n|`preConfig`|Boolean|false|Show a pop up before entering inside the Conference to configure your devices (audio, video)|\n|`videoCodec`|String|VP8|Specify video codec \"H264\" or \"VP8\" => H264 is needed for video on Safari|\n|`isListener`|Boolean|false|Enter in conference in listener mode|\n|`displayModes`|Array|[\"list\", \"tiles\", \"speaker\"]|Indicate which mode is allowed (modes will be in the same order as the array)|\n|`invitedUsers`|Array|[{name: \"USERNAME\", externalId:\"EXTERNAL_ID\", title: \"TITLE\"}]|Array of people who can be invited during the conference. If the other side, people need to be subscribe to the conference to receive the invitation|\n|`isManualKickAllowed`|Boolean|false|Authorize admin (conference creator) to kick users in conference|\n|`isAdmin`|Boolean|false|Current user who join the conference is the admin|\n|`kickOnHangUp`|Boolean|false|Kick all users when admin (conference creator) leave the conference|\n|`userInfo`|Object|{</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() * 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>}|User informations for voxeet sdk|\n|`conferenceReplayId`|String||Replay automatically a conference|\n|`constraints`|Object|{</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}|The webrtc constraints for the sdk|\n|`actionsButtons`|React Component|ActionsButtons - All buttons|A react component to customize the actions buttons|\n|`handleOnLeave`|Function||Function call on leave conference|\n|`handleOnConnect`|Function||Function call when the current user is connected to the conference|\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport bowser from \"bowser\";\nimport { Buttons } from \"@voxeet/react-components\";\n\nclass ActionsButtons extends Component {\n  constructor(props) {\n    super(props);\n  }\n\n  render() {\n    const {\n      isBottomBar,\n      forceFullscreen,\n      isMuted,\n      isRecording,\n      isWidgetFullScreenOn,\n      toggleVideoPresentation,\n      videoEnabled,\n      isVideoPresentation,\n      videoPresentationEnabled,\n      displayModal,\n      conferencePincode,\n      convertFilePresentation,\n      isHlsLive,\n      toggleMicrophone,\n      screenShareEnabled,\n      filePresentationEnabled,\n      toggleRecording,\n      toggleVideo,\n      toggleScreenShare,\n      attendeesSettingsOpened,\n      toggleAttendeesSettings,\n      toggleAttendeesList,\n      attendeesListOpened,\n      attendeesChatOpened,\n      attendeesLiveOpened,\n      toggleAttendeesChat,\n      toggleAttendeesLive,\n      recordingLocked,\n      toggleModal,\n      toggleAudio3D,\n      isWebinar,\n      isAdmin,\n      displayActions,\n      shareActions,\n      leave,\n      audio3DEnabled,\n      isElectron,\n      displayExternalLiveModal,\n      isExternalLive,\n      currentUser,\n      isFilePresentation,\n      isScreenshare,\n      isDemo\n    } = this.props;\n\n    return (\n      <div>\n        <ul className=\"controls-left\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"mute\") > -1 &&\n            !isDemo && (\n              <ToggleMicrophoneButton\n                isMuted={isMuted}\n                toggle={toggleMicrophone}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"video\") > -1 &&\n            !isDemo && (\n              <ToggleVideoButton\n                videoEnabled={videoEnabled}\n                toggle={toggleVideo}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            isBottomBar &&\n            isElectron && (\n              <Toggle3DAudioButton\n                audio3DEnabled={audio3DEnabled}\n                toggleAudio3D={toggleAudio3D}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n        </ul>\n        <ul className=\"controls-center\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"recording\") > -1 &&\n            !isDemo && (\n              <ToggleRecordingButton\n                isRecording={isRecording}\n                recordingLocked={recordingLocked}\n                toggle={toggleRecording}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"share\") > -1 &&\n            !isDemo &&\n            shareActions.length > 0 && (\n              <ToggleScreenShareButton\n                screenShareEnabled={screenShareEnabled}\n                filePresentationEnabled={filePresentationEnabled}\n                videoPresentationEnabled={videoPresentationEnabled}\n                currentUserScreenShare={isScreenshare}\n                currentUserFilePresentation={isFilePresentation}\n                currentUserVideoPresentation={isVideoPresentation}\n                isElectron={isElectron}\n                toggle={toggleScreenShare}\n                toggleVideoPresentation={toggleVideoPresentation}\n                convertFilePresentation={convertFilePresentation}\n                shareActions={shareActions}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {isBottomBar && (!isWebinar || (isWebinar && isAdmin)) && !isDemo && (\n            <li className=\"separator\"></li>\n          )}\n          {isBottomBar && (\n            <HangUpButtonBottomBar leave={leave} tooltipPlace=\"top\" />\n          )}\n        </ul>\n        <ul className=\"controls-right\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"pstn\") > -1 &&\n            !isDemo && (\n              <TogglePSTN\n                conferencePincode={conferencePincode}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"live\") > -1 &&\n            !isDemo && (\n              <ToggleExternalLiveButton\n                attendeesLiveOpened={attendeesLiveOpened}\n                toggle={toggleAttendeesLive}\n                isExternalLive={isExternalLive}\n                isHlsLive={isHlsLive}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            !bowser.msie &&\n            !currentUser.isListener && (\n              <ToggleSettingsButton\n                attendeesSettingsOpened={attendeesSettingsOpened}\n                toggle={toggleAttendeesSettings}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {displayActions.indexOf(\"attendees\") > -1 && (\n            <ToggleAttendeesListButton\n              tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              toggle={toggleAttendeesList}\n              isBottomBar={isBottomBar}\n              isOpen={attendeesListOpened}\n            />\n          )}\n          {displayActions.indexOf(\"chat\") > -1 && (\n            <ToggleAttendeesChatButton\n              tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              toggle={toggleAttendeesChat}\n              isBottomBar={isBottomBar}\n              isOpen={attendeesChatOpened}\n            />\n          )}\n        </ul>\n      </div>\n    );\n  }\n}\n\nActionsButtons.propTypes = {\n    isBottomBar: PropTypes.bool.isRequired,\n    forceFullscreen: PropTypes.bool.isRequired,\n    isMuted: PropTypes.bool.isRequired,\n    currentUser: PropTypes.object.isRequired,\n    isWebinar: PropTypes.bool.isRequired,\n    isAdmin: PropTypes.bool.isRequired,\n    videoEnabled: PropTypes.bool.isRequired,\n    screenShareEnabled: PropTypes.bool.isRequired,\n    filePresentationEnabled: PropTypes.bool.isRequired,\n    videoPresentationEnabled: PropTypes.bool.isRequired,\n    displayModal: PropTypes.bool.isRequired,\n    isScreenshare: PropTypes.bool.isRequired,\n    isVideoPresentation: PropTypes.bool.isRequired,\n    isHlsLive: PropTypes.bool.isRequired,\n    isFilePresentation: PropTypes.bool.isRequired,\n    displayActions: PropTypes.array.isRequired,\n    toggleAudio3D: PropTypes.func.isRequired,\n    recordingLocked: PropTypes.bool.isRequired,\n    isElectron: PropTypes.bool.isRequired,\n    isExternalLive: PropTypes.bool.isRequired,\n    audio3DEnabled: PropTypes.bool.isRequired,\n    isRecording: PropTypes.bool.isRequired,\n    isWidgetFullScreenOn: PropTypes.bool.isRequired,\n    toggleMicrophone: PropTypes.func.isRequired,\n    leave: PropTypes.func.isRequired,\n    toggleRecording: PropTypes.func.isRequired,\n    toggleVideo: PropTypes.func.isRequired,\n    toggleScreenShare: PropTypes.func.isRequired,\n    toggleVideoPresentation: PropTypes.func.isRequired,\n    convertFilePresentation: PropTypes.func.isRequired,\n    toggleModal: PropTypes.func.isRequired,\n    toggleMode: PropTypes.func.isRequired,\n    mode: PropTypes.string.isRequired,\n    toggleAttendeesList: PropTypes.func.isRequired,\n    attendeesListOpened: PropTypes.bool.isRequired,\n    toggleAttendeesChat: PropTypes.func.isRequired,\n    attendeesChatOpened: PropTypes.bool.isRequired,\n    toggleAttendeesSettings: PropTypes.func.isRequired,\n    attendeesSettingsOpened: PropTypes.bool.isRequired,\n    toggleAttendeesLive: PropTypes.func.isRequired,\n    attendeesLiveOpened: PropTypes.bool.isRequired\n}\n\nActionsButtons.defaultProps = {\n    isBottomBar: false,\n    forceFullscreen: false\n}\n\nexport default ActionsButtons\n\n```\n\n### Localized strings\n\nFor english language (Be sure to use this keys to override default strings)\n\n```\n[en :{\n    electronloading: \"Voxeet is loading, please wait\",\n    error: \"Error\",\n    errorPermissionDeniedMicrophone:\n      \"An error occured when joining the conference. Please make sure to allow access to your microphone.\",\n    errorPermissionDeniedMicrophoneCamera:\n      \"An error occured when joining the conference. Please make sure to allow access to your microphone and camera.\",\n    errorIE11:\n      \"A plugin is mandatory for IE11, please download and install the plugin. When the installation is complete, please refresh this page.\",\n    browerNotSupported: \"This browser is currently not supported.\",\n    installExtension: \"Please install the screen share extension with this \",\n    noExtensionAvailable: \"No Chrome Web Extension configure for screen share.\",\n    microphoneOff: \"Your microphone is muted.\",\n    microphoneOn: \"Your microphone is on.\",\n    cameraOn: \"Your camera is on.\",\n    cameraOff: \"Your camera is off.\",\n    recordConferenceStart: \"Your conference is being recorded.\",\n    recordConferenceStop: \"Your conference is no longer recorded.\",\n    screenshareInProgress:\n      \"You cannot screenshare while another user is screensharing.\",\n    recordConferenceStartBy: \"Your conference is being recorded by \",\n    recordConferenceStopBy: \"Your conference is no longer recorded by \",\n    conferenceAlreadyRecord:\n      \"Your conference is already being recorded by an other attendee.\",\n    leave: \"End\",\n    audio: \"3D Audio\",\n    chat: \"Chat\",\n    externalLive: \"Live Broadcast\",\n    fullscreen: \"FullScreen\",\n    minimize: \"Minimize\",\n    mute: \"Mute\",\n    displaymode: \"Display mode\",\n    pincode: \"Call-in\",\n    sendMessage: \"Send\",\n    pinCodeExplanations:\n      \"Call this number below and provide the conference pin code to join the conference via PSTN.\",\n    record: \"Recording\",\n    shareAlreadyStarted:\n      \"Someone is already sharing. Please stop it before start a new one.\",\n    share: \"Share\",\n    screenshare: \"Share Screen\",\n    screenshareEntireScreen: \"Share entire screen\",\n    screenshareAWindow: \"Share a window\",\n    screenshareOption: \"Share options\",\n    settings: \"Settings\",\n    open: \"Open\",\n    close: \"Close\",\n    video: \"Video\",\n    camera: \"Camera\",\n    liveCall: \"Live is running\",\n    linkHls: \"See your live\",\n    broadcastLive: \"Diffusion en cours\",\n    externalUrl: \"Configure your stream\",\n    externalPassword: \"Enter your password from your live\",\n    launchLive: \"Start your stream\",\n    stopLive: \"Stop your live stream\",\n    geturl: \"Get your stream url (on Youtube or Facebook)\",\n    getpwd: \"Get your stream password (on Youtube or Facebook)\",\n    enterhere: \"Enter your informations here :\",\n    titleSettings: \"Set preferred camera and microphone\",\n    problemSettings: \"If you are having problems, try restarting your browser.\",\n    saveSettings: \"Your preferences will automatically save.\",\n    screensharerunning: \"Happy Screen Sharing!\",\n    tile: \"Tile\",\n    list: \"List\",\n    speaker: \"Speaker\",\n    displaymode: \"Display mode\",\n    changelayout: \"Change layout\",\n    attendees: \"Attendees\",\n    here: \"here\",\n    hangtight: \"We're waiting for other callers to arrive.\",\n    join: \"Join\",\n    incall: \"In call with :\",\n    joincall: \"Join Call\",\n    expand: \"Expand\",\n    activecall: \"Active call\",\n    leavecall: \"Leave call\",\n    output: \"Output\",\n    input: \"Input\",\n    titlePreConfig: \"Set up your devices\",\n    presenter: \"Attendees\",\n    joined: \"Joined\",\n    invited: \"Waiting on\",\n    presenter: \"Presenter\",\n    listener: \"Listener\",\n    left: \"Left\",\n    noAudioDevice:\n      \"No audio device detected. Please make sure to plug at least one microphone to access this conference.\",\n    filepresentation: \"Share a file\",\n    prev: \"Previous\",\n    next: \"Next\",\n    errorFilePresentation:\n      \"An error occured during the file presentation. Please check your file.\",\n    videopresentation: \"Share a video\",\n    placeholderVideoPresentation: \"Video URL\",\n    startVideoPresentationAutoplay: \"Start video\",\n    invitedUsers: \"Waiting for invitation\",\n    inviteUser: \"Invite\"\n  }\n]\n```\n\nMore language can be added. Use an array prefixed with the correct language key. (en, fr, it, ...)\n","readmeFilename":"README.md","_id":"@voxeet/react-components@0.36.4-redux7","_npmVersion":"6.4.1","_nodeVersion":"10.14.2","_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"dist":{"integrity":"sha512-88wn0wcfk6ktJm4e8BXO3L0xABrDAUHBdBkgRmZUzxCZ6rvhM8SADd1XvBNO6ooqztg7jQmNdNYcyodiJfdhAQ==","shasum":"1146b6ae02c8b49f13bad62b451852617b9b0f5f","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.36.4-redux7.tgz","fileCount":85,"unpackedSize":5991907,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdioYxCRA9TVsSAnZWagAAI/0P/jW38dwhVLDL5XLtI9EF\naWA4qTEYmyG4sV18mGYlHs3Q3e32S0X+s8O3aYYN7IJpzqdHlv6ckyTu0g+2\nekH6+3rXalNT9zPQgmf2E84M6bMex+4sEGFOku5YZ3LvHQPSDeGgRMKzQIBa\nyKKpyvACaKNo4iyQ/VzFhyzR3cwxXFybXOQ+4wMFV/NcBAAYFZyHfDt/H+7Z\n5MXeTLt9COzU9R34/sn18Y4agwYudOMdZ78JOy+3bKVtmKO/0xh7RwgRfdbY\nxjTMAHTDWzi72+Y0AwKsGULFk5Fxw4+8b/8jOEIifcfElBJ1YGX3ME3dFMrW\nSiAitSNhQ6W46WUSGu9CgO9DyODnQ3apkk0iDLA/cDcap7Mcl4cGS0IC3Pyz\nyVkyio74opfy3RD9XUKMc67Rbx/w6P4Hh91d3yPulps+RfAblFRF9knEu6ot\n4NwS/Aq4sAs3BcdJ6Mp5DhfurlWHyUPLT3dkQ6X7lgRbWuyp0b3pAn8+kvoO\nYyMPtF6nTSiabbLHVB3hhM8DvIRDYURTb7bkapfT+pd5TYYgHiPQ0hebFUiA\nTry5vQZGNL9zVsatPxyJ6HPNrNc6WN5KI1fwINdJlDBtLTIdHqVXBGbqcOTo\nd07c+O1Ja0JcMul8Qop+/6aifoVid1RfGzBkYE2jis2MmeqCOm8KGuZHPQPe\n5ujz\r\n=GJ4z\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDpwccLR7R1NNu0z7LS2dHJyBv+7jEhF6Qcy8tVe9ttgAIgFjzpL+McqfK4+MjO/8/yC6olbicUwvkErAHfTC3T8Bc="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"},{"email":"clarroque@voxeet.com","name":"vtcoco"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.36.4-redux7_1569359401652_0.2411674301526574"},"_hasShrinkwrap":false},"0.36.5-redux7":{"name":"@voxeet/react-components","version":"0.36.5-redux7","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/runtime":"^7.3.4","autolinker":"^2.2.2","bowser":"1.9.4","browserslist":"^4.5.2","classnames":"2.2.6","core-js":"3","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.0","prettier":"^1.18.2","prop-types":"15.6.2","react":"16.9.0","react-dom":"16.9.0","react-draggable":"3.1.1","react-localization":"^1.0.13","react-player":"^1.11.1","@voxeet/react-redux-5.1.1":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","redux":"4.0.4","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.4.5","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","prettier-webpack-plugin":"^1.2.0","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"1.9.5"},"_resolved":"","_integrity":"","_from":"file:voxeet-react-components-0.36.5-redux7.tgz","readme":"Voxeet React Components\n=====================\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components --save\nyarn add @voxeet/voxeet-web-sdk @voxeet/react-components\n```\n\n## Changelog\n\n### 0.36.3\n#### Features\n- New property `invitedUsers`, add the possibilidy to give an array of users who can be invited during the conference. (externalId mandatory)\n\n### 0.36.2\n#### Features\n- New property `pstnNumbers`, use http://cdn.voxeet.com/pstn/numbers to get phone numbers for PSTN and give an array of needed numbers in this property\n\n### 0.36.1\n#### Features\n- You can now disable sounds using `disableSounds` props\n- String customisation (See explanations below) with `customLocalizedStrings`\n#### Bug fixes\n- Fix camera truncated in speaker mode if the video is coming from mobile\n- Fix video presentation in widget mode\n\n### 0.35.0\n#### Features\n- Implementation of video presentation (If you use `shareActions` you can add `videopresentation`), a video can now be shared to other attendees. Only the video presenter can control the video, other attendees will receive actions (Play/Pause/Seek).\n- You can now customize \"We're waiting for other callers to arrive.\" with component `attendeesWaiting`.\n- Automatically start a recording when joining a conference with `autoRecording` (if it's not already start).\n- Automatically start HLS when joining a conference with `autoHls` (if it's not already start).\n- When starting HLS in Live Broadcast right panel, a link is displayed to watch the live conference.\n\n#### Bug fixes\n- Pre-configuration screen, error if access denied to your devices (microphone and/or camera)\n- UI improvements\n- Responsive improvements\n\n## Usage\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from '@voxeet/react-components';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n```\n\n### Widget\n\n```javascript\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport thunkMidleware from 'redux-thunk'\nimport { combineReducers, createStore, applyMiddleware } from 'redux'\n\nimport { ConferenceRoom, VoxeetProvider, reducer as voxeetReducer } from '@voxeet/react-components'\n\n// Import Style\nimport '@voxeet/react-components/dist/voxeet-react-components.css'; // Can you be customize, refer to https://github.com/voxeet/voxeet-assets-react-components\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n\nconst configureStore = () => createStore(\n  reducers,\n  applyMiddleware(thunkMidleware)\n)\n\nconst settings = {\n  consumerKey: 'consumerKey',\n  consumerSecret: 'consumerSecret',\n  conferenceAlias: 'Sample'\n}\n\nReactDOM.render(\n  <VoxeetProvider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </VoxeetProvider>,\n  document.getElementById('app')\n)\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n| Name | Type | Default | Description|\n|------|------|---------|------------|\n|`sdk`|Function||VoxeetSDK if you want to use an external Voxeet SDK|\n|`consumerKey`|String||The consumer key|\n|`consumerSecret`|String||The consumer secret|\n|`oauthToken`|String||The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !|\n|`refreshTokenCallback`|func||Provide this function that return a promise with the refreshed token, when this one expire|\n|`conferenceAlias`|String||The conference you whant to join|\n|`logo`|String|Voxeet Logo|Display your logo inside the react components by using this props.|\n|`chromeExtensionId`|String||Id of chrome screenshare extension, a message will be prompt when the user will try to screenshare (Inline installation is no longer supported)|\n|`displayActions`|Array|[\"mute\" ,\"recording\", \"share\", \"video\", \"live\", \"attendees\", \"chat\", \"pstn\"]|You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"share\", \"recording\", \"live\", \"attendees\", \"chat\")|\n|`shareActions`|Array|[\"screenshare\" ,\"filepresentation\", \"videopresentation\"]|You can choose which button will be display, it's possible to do a screenshare, file presentation or video presentation ! If you set the displayActions you need to add the 'share' button to allow actions.|\n|`liveRecordingEnabled`|Boolean|false|Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)|\n|`disableSounds`|Boolean|false|Disable sounds during the conference (mute/unmute, record, conference join, conference left)|\n|`customLocalizedStrings`|Object|Custom strings, described below|\n|`pstnNumbers`|Array|Custom PSTN Numbers, you can find all numbers here : http://cdn.voxeet.com/pstn/numbers remove numbers that are not usefull and give an array to this props|\n|`isWidget`|Boolean|true|Indicate if component used like widget or embedded in your app|\n|`chromeExtensionId`|String|null|The Id from your Chrome Web Extension to screenshare (needed only on Chrome)|\n|`autoRecording`|Boolean|false|Automatically record the conference when joining the conference (if it's not already start)|\n|`autoHls`|Boolean|false|Automatically start Hls broadcast when the conference is created|\n|`isModal`|Boolean|false|Indicate if component displayed like modal|\n|`attendeesWaiting`|Component|AttendeesWaiting|Put your own waiting component (Waiting for other participants)|\n|`loadingScreen`|Component|LoadingScreen|Put your own loading screen instead of Voxeet loading screen|\n|`isWebinar`|Boolean|false|Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)|\n|`autoJoin`|Boolean|false|Join automatically conference|\n|`preConfig`|Boolean|false|Show a pop up before entering inside the Conference to configure your devices (audio, video)|\n|`videoCodec`|String|VP8|Specify video codec \"H264\" or \"VP8\" => H264 is needed for video on Safari|\n|`isListener`|Boolean|false|Enter in conference in listener mode|\n|`displayModes`|Array|[\"list\", \"tiles\", \"speaker\"]|Indicate which mode is allowed (modes will be in the same order as the array)|\n|`invitedUsers`|Array|[{name: \"USERNAME\", externalId:\"EXTERNAL_ID\", title: \"TITLE\"}]|Array of people who can be invited during the conference. If the other side, people need to be subscribe to the conference to receive the invitation|\n|`isManualKickAllowed`|Boolean|false|Authorize admin (conference creator) to kick users in conference|\n|`isAdmin`|Boolean|false|Current user who join the conference is the admin|\n|`kickOnHangUp`|Boolean|false|Kick all users when admin (conference creator) leave the conference|\n|`userInfo`|Object|{</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() * 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>}|User informations for voxeet sdk|\n|`conferenceReplayId`|String||Replay automatically a conference|\n|`constraints`|Object|{</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}|The webrtc constraints for the sdk|\n|`actionsButtons`|React Component|ActionsButtons - All buttons|A react component to customize the actions buttons|\n|`handleOnLeave`|Function||Function call on leave conference|\n|`handleOnConnect`|Function||Function call when the current user is connected to the conference|\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport bowser from \"bowser\";\nimport { Buttons } from \"@voxeet/react-components\";\n\nclass ActionsButtons extends Component {\n  constructor(props) {\n    super(props);\n  }\n\n  render() {\n    const {\n      isBottomBar,\n      forceFullscreen,\n      isMuted,\n      isRecording,\n      isWidgetFullScreenOn,\n      toggleVideoPresentation,\n      videoEnabled,\n      isVideoPresentation,\n      videoPresentationEnabled,\n      displayModal,\n      conferencePincode,\n      convertFilePresentation,\n      isHlsLive,\n      toggleMicrophone,\n      screenShareEnabled,\n      filePresentationEnabled,\n      toggleRecording,\n      toggleVideo,\n      toggleScreenShare,\n      attendeesSettingsOpened,\n      toggleAttendeesSettings,\n      toggleAttendeesList,\n      attendeesListOpened,\n      attendeesChatOpened,\n      attendeesLiveOpened,\n      toggleAttendeesChat,\n      toggleAttendeesLive,\n      recordingLocked,\n      toggleModal,\n      toggleAudio3D,\n      isWebinar,\n      isAdmin,\n      displayActions,\n      shareActions,\n      leave,\n      audio3DEnabled,\n      isElectron,\n      displayExternalLiveModal,\n      isExternalLive,\n      currentUser,\n      isFilePresentation,\n      isScreenshare,\n      isDemo\n    } = this.props;\n\n    return (\n      <div>\n        <ul className=\"controls-left\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"mute\") > -1 &&\n            !isDemo && (\n              <ToggleMicrophoneButton\n                isMuted={isMuted}\n                toggle={toggleMicrophone}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"video\") > -1 &&\n            !isDemo && (\n              <ToggleVideoButton\n                videoEnabled={videoEnabled}\n                toggle={toggleVideo}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            isBottomBar &&\n            isElectron && (\n              <Toggle3DAudioButton\n                audio3DEnabled={audio3DEnabled}\n                toggleAudio3D={toggleAudio3D}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n        </ul>\n        <ul className=\"controls-center\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"recording\") > -1 &&\n            !isDemo && (\n              <ToggleRecordingButton\n                isRecording={isRecording}\n                recordingLocked={recordingLocked}\n                toggle={toggleRecording}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"share\") > -1 &&\n            !isDemo &&\n            shareActions.length > 0 && (\n              <ToggleScreenShareButton\n                screenShareEnabled={screenShareEnabled}\n                filePresentationEnabled={filePresentationEnabled}\n                videoPresentationEnabled={videoPresentationEnabled}\n                currentUserScreenShare={isScreenshare}\n                currentUserFilePresentation={isFilePresentation}\n                currentUserVideoPresentation={isVideoPresentation}\n                isElectron={isElectron}\n                toggle={toggleScreenShare}\n                toggleVideoPresentation={toggleVideoPresentation}\n                convertFilePresentation={convertFilePresentation}\n                shareActions={shareActions}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {isBottomBar && (!isWebinar || (isWebinar && isAdmin)) && !isDemo && (\n            <li className=\"separator\"></li>\n          )}\n          {isBottomBar && (\n            <HangUpButtonBottomBar leave={leave} tooltipPlace=\"top\" />\n          )}\n        </ul>\n        <ul className=\"controls-right\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"pstn\") > -1 &&\n            !isDemo && (\n              <TogglePSTN\n                conferencePincode={conferencePincode}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"live\") > -1 &&\n            !isDemo && (\n              <ToggleExternalLiveButton\n                attendeesLiveOpened={attendeesLiveOpened}\n                toggle={toggleAttendeesLive}\n                isExternalLive={isExternalLive}\n                isHlsLive={isHlsLive}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            !bowser.msie &&\n            !currentUser.isListener && (\n              <ToggleSettingsButton\n                attendeesSettingsOpened={attendeesSettingsOpened}\n                toggle={toggleAttendeesSettings}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {displayActions.indexOf(\"attendees\") > -1 && (\n            <ToggleAttendeesListButton\n              tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              toggle={toggleAttendeesList}\n              isBottomBar={isBottomBar}\n              isOpen={attendeesListOpened}\n            />\n          )}\n          {displayActions.indexOf(\"chat\") > -1 && (\n            <ToggleAttendeesChatButton\n              tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              toggle={toggleAttendeesChat}\n              isBottomBar={isBottomBar}\n              isOpen={attendeesChatOpened}\n            />\n          )}\n        </ul>\n      </div>\n    );\n  }\n}\n\nActionsButtons.propTypes = {\n    isBottomBar: PropTypes.bool.isRequired,\n    forceFullscreen: PropTypes.bool.isRequired,\n    isMuted: PropTypes.bool.isRequired,\n    currentUser: PropTypes.object.isRequired,\n    isWebinar: PropTypes.bool.isRequired,\n    isAdmin: PropTypes.bool.isRequired,\n    videoEnabled: PropTypes.bool.isRequired,\n    screenShareEnabled: PropTypes.bool.isRequired,\n    filePresentationEnabled: PropTypes.bool.isRequired,\n    videoPresentationEnabled: PropTypes.bool.isRequired,\n    displayModal: PropTypes.bool.isRequired,\n    isScreenshare: PropTypes.bool.isRequired,\n    isVideoPresentation: PropTypes.bool.isRequired,\n    isHlsLive: PropTypes.bool.isRequired,\n    isFilePresentation: PropTypes.bool.isRequired,\n    displayActions: PropTypes.array.isRequired,\n    toggleAudio3D: PropTypes.func.isRequired,\n    recordingLocked: PropTypes.bool.isRequired,\n    isElectron: PropTypes.bool.isRequired,\n    isExternalLive: PropTypes.bool.isRequired,\n    audio3DEnabled: PropTypes.bool.isRequired,\n    isRecording: PropTypes.bool.isRequired,\n    isWidgetFullScreenOn: PropTypes.bool.isRequired,\n    toggleMicrophone: PropTypes.func.isRequired,\n    leave: PropTypes.func.isRequired,\n    toggleRecording: PropTypes.func.isRequired,\n    toggleVideo: PropTypes.func.isRequired,\n    toggleScreenShare: PropTypes.func.isRequired,\n    toggleVideoPresentation: PropTypes.func.isRequired,\n    convertFilePresentation: PropTypes.func.isRequired,\n    toggleModal: PropTypes.func.isRequired,\n    toggleMode: PropTypes.func.isRequired,\n    mode: PropTypes.string.isRequired,\n    toggleAttendeesList: PropTypes.func.isRequired,\n    attendeesListOpened: PropTypes.bool.isRequired,\n    toggleAttendeesChat: PropTypes.func.isRequired,\n    attendeesChatOpened: PropTypes.bool.isRequired,\n    toggleAttendeesSettings: PropTypes.func.isRequired,\n    attendeesSettingsOpened: PropTypes.bool.isRequired,\n    toggleAttendeesLive: PropTypes.func.isRequired,\n    attendeesLiveOpened: PropTypes.bool.isRequired\n}\n\nActionsButtons.defaultProps = {\n    isBottomBar: false,\n    forceFullscreen: false\n}\n\nexport default ActionsButtons\n\n```\n\n### Localized strings\n\nFor english language (Be sure to use this keys to override default strings)\n\n```\n[en :{\n    electronloading: \"Voxeet is loading, please wait\",\n    error: \"Error\",\n    errorPermissionDeniedMicrophone:\n      \"An error occured when joining the conference. Please make sure to allow access to your microphone.\",\n    errorPermissionDeniedMicrophoneCamera:\n      \"An error occured when joining the conference. Please make sure to allow access to your microphone and camera.\",\n    errorIE11:\n      \"A plugin is mandatory for IE11, please download and install the plugin. When the installation is complete, please refresh this page.\",\n    browerNotSupported: \"This browser is currently not supported.\",\n    installExtension: \"Please install the screen share extension with this \",\n    noExtensionAvailable: \"No Chrome Web Extension configure for screen share.\",\n    microphoneOff: \"Your microphone is muted.\",\n    microphoneOn: \"Your microphone is on.\",\n    cameraOn: \"Your camera is on.\",\n    cameraOff: \"Your camera is off.\",\n    recordConferenceStart: \"Your conference is being recorded.\",\n    recordConferenceStop: \"Your conference is no longer recorded.\",\n    screenshareInProgress:\n      \"You cannot screenshare while another user is screensharing.\",\n    recordConferenceStartBy: \"Your conference is being recorded by \",\n    recordConferenceStopBy: \"Your conference is no longer recorded by \",\n    conferenceAlreadyRecord:\n      \"Your conference is already being recorded by an other attendee.\",\n    leave: \"End\",\n    audio: \"3D Audio\",\n    chat: \"Chat\",\n    externalLive: \"Live Broadcast\",\n    fullscreen: \"FullScreen\",\n    minimize: \"Minimize\",\n    mute: \"Mute\",\n    displaymode: \"Display mode\",\n    pincode: \"Call-in\",\n    sendMessage: \"Send\",\n    pinCodeExplanations:\n      \"Call this number below and provide the conference pin code to join the conference via PSTN.\",\n    record: \"Recording\",\n    shareAlreadyStarted:\n      \"Someone is already sharing. Please stop it before start a new one.\",\n    share: \"Share\",\n    screenshare: \"Share Screen\",\n    screenshareEntireScreen: \"Share entire screen\",\n    screenshareAWindow: \"Share a window\",\n    screenshareOption: \"Share options\",\n    settings: \"Settings\",\n    open: \"Open\",\n    close: \"Close\",\n    video: \"Video\",\n    camera: \"Camera\",\n    liveCall: \"Live is running\",\n    linkHls: \"See your live\",\n    broadcastLive: \"Diffusion en cours\",\n    externalUrl: \"Configure your stream\",\n    externalPassword: \"Enter your password from your live\",\n    launchLive: \"Start your stream\",\n    stopLive: \"Stop your live stream\",\n    geturl: \"Get your stream url (on Youtube or Facebook)\",\n    getpwd: \"Get your stream password (on Youtube or Facebook)\",\n    enterhere: \"Enter your informations here :\",\n    titleSettings: \"Set preferred camera and microphone\",\n    problemSettings: \"If you are having problems, try restarting your browser.\",\n    saveSettings: \"Your preferences will automatically save.\",\n    screensharerunning: \"Happy Screen Sharing!\",\n    tile: \"Tile\",\n    list: \"List\",\n    speaker: \"Speaker\",\n    displaymode: \"Display mode\",\n    changelayout: \"Change layout\",\n    attendees: \"Attendees\",\n    here: \"here\",\n    hangtight: \"We're waiting for other callers to arrive.\",\n    join: \"Join\",\n    incall: \"In call with :\",\n    joincall: \"Join Call\",\n    expand: \"Expand\",\n    activecall: \"Active call\",\n    leavecall: \"Leave call\",\n    output: \"Output\",\n    input: \"Input\",\n    titlePreConfig: \"Set up your devices\",\n    presenter: \"Attendees\",\n    joined: \"Joined\",\n    invited: \"Waiting on\",\n    presenter: \"Presenter\",\n    listener: \"Listener\",\n    left: \"Left\",\n    noAudioDevice:\n      \"No audio device detected. Please make sure to plug at least one microphone to access this conference.\",\n    filepresentation: \"Share a file\",\n    prev: \"Previous\",\n    next: \"Next\",\n    errorFilePresentation:\n      \"An error occured during the file presentation. Please check your file.\",\n    videopresentation: \"Share a video\",\n    placeholderVideoPresentation: \"Video URL\",\n    startVideoPresentationAutoplay: \"Start video\",\n    invitedUsers: \"Waiting for invitation\",\n    inviteUser: \"Invite\"\n}]\n```\n\nMore language can be added. Use an array prefixed with the correct language key. (en, fr, it, ...)\n","readmeFilename":"README.md","_id":"@voxeet/react-components@0.36.5-redux7","_nodeVersion":"10.15.3","_npmVersion":"6.11.2","dist":{"integrity":"sha512-j6EerruotXtLT2SISmW7Z8ieCX/5wDIHeWInRiGjvsbBIGtHtx7OMdlch/7m4OU2Hf4ZH2SzhdtY8AzAYVI0oQ==","shasum":"afa155a844b4e1d42e64b4333e48fcd6aa7962b5","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.36.5-redux7.tgz","fileCount":88,"unpackedSize":6005085,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdiyxWCRA9TVsSAnZWagAARFYQAJBIiF72+EpO8WvDggKk\nGdz7MWVN2I2kc+Ag1naV0rWxhxiRLU68KClqpvPhwPasPT5770bNH0ZF5Wl/\nwJ4hfPe0wW4O3rdFIXL6J5zfSbltmqO4K85y5s8h9Oz8XtFyuPn6K3vQumQ5\n/1Oq9neAW1EDUzZLjnXi+U/sNsL6SWo6CxFy4ntnPiGM8XhsmN/jdbqwpwm7\nEOzNJCEvhbK7Enhq4omVoWnaMlhkHwnCmT/6LV2w4B81uMbr5uM+m310Pon8\nKBxlzIp/dGQu6jBDzm15Q44KLHesfuAGzTJb1E76EiLLitzQ9ZthzIyzawVr\nM0q6uG2j1LNXHv7HfbP+1Ky1pgFCzM4TXDGomFo3zyyY+bqfQwW1q2C3iN6q\nysumOk8C0/MS6HWJ1GLK6dJc0QY7bwOx09yAZkTkw1S0TRacnE2pM8csp7Nl\nmvY1+vK68eD/B5LP8GG2VeQMORzW7ZcGOmBPmY/OMziHaiqwWtfW6YGjL22n\nMaWF6q3FFoPK1riFj8DhuhDRMhD3/uknw1pE9egznccIlezlnN+rZSgF5XvD\np6giiuIqL5gyNPiS0SLG8jG7pc6mwlh9Z03dEP6tO/lr86ioXjwakjllY9z5\n2D7QU6Vv61VQLNd08/WkImDXeCWb+Pu75+Zo0m0nfIfPaIF9l7hcTsskaQPR\nQiwq\r\n=RJd4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDQ4kJFrAS+xnjIMdrD/mNPW3ALWZ7SLrR2DRmqq4XAoQIhAP3GfEuhL6vfiNnHZ6OFW4GIarPLY8uz71QRiTxaJYv7"}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"},{"email":"clarroque@voxeet.com","name":"vtcoco"}],"_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.36.5-redux7_1569401941951_0.7560003310969221"},"_hasShrinkwrap":false},"0.36.6-redux7":{"name":"@voxeet/react-components","version":"0.36.6-redux7","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/runtime":"^7.3.4","autolinker":"^2.2.2","bowser":"1.9.4","browserslist":"^4.5.2","classnames":"2.2.6","core-js":"3","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.0","prettier":"^1.18.2","prop-types":"15.6.2","react":"16.9.0","react-dom":"16.9.0","react-draggable":"3.1.1","react-localization":"^1.0.13","react-player":"^1.11.1","@voxeet/react-redux-5.1.1":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","redux":"4.0.4","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.4.5","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","prettier-webpack-plugin":"^1.2.0","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"1.9.5"},"_resolved":"","_integrity":"","_from":"file:voxeet-react-components-0.36.6-redux7.tgz","readme":"Voxeet React Components\n=====================\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components --save\nyarn add @voxeet/voxeet-web-sdk @voxeet/react-components\n```\n\n## Changelog\n\n### 0.36.3\n#### Features\n- New property `invitedUsers`, add the possibilidy to give an array of users who can be invited during the conference. (externalId mandatory)\n\n### 0.36.2\n#### Features\n- New property `pstnNumbers`, use http://cdn.voxeet.com/pstn/numbers to get phone numbers for PSTN and give an array of needed numbers in this property\n\n### 0.36.1\n#### Features\n- You can now disable sounds using `disableSounds` props\n- String customisation (See explanations below) with `customLocalizedStrings`\n#### Bug fixes\n- Fix camera truncated in speaker mode if the video is coming from mobile\n- Fix video presentation in widget mode\n\n### 0.35.0\n#### Features\n- Implementation of video presentation (If you use `shareActions` you can add `videopresentation`), a video can now be shared to other attendees. Only the video presenter can control the video, other attendees will receive actions (Play/Pause/Seek).\n- You can now customize \"We're waiting for other callers to arrive.\" with component `attendeesWaiting`.\n- Automatically start a recording when joining a conference with `autoRecording` (if it's not already start).\n- Automatically start HLS when joining a conference with `autoHls` (if it's not already start).\n- When starting HLS in Live Broadcast right panel, a link is displayed to watch the live conference.\n\n#### Bug fixes\n- Pre-configuration screen, error if access denied to your devices (microphone and/or camera)\n- UI improvements\n- Responsive improvements\n\n## Usage\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from '@voxeet/react-components';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n```\n\n### Widget\n\n```javascript\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport thunkMidleware from 'redux-thunk'\nimport { combineReducers, createStore, applyMiddleware } from 'redux'\n\nimport { ConferenceRoom, VoxeetProvider, reducer as voxeetReducer } from '@voxeet/react-components'\n\n// Import Style\nimport '@voxeet/react-components/dist/voxeet-react-components.css'; // Can you be customize, refer to https://github.com/voxeet/voxeet-assets-react-components\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n\nconst configureStore = () => createStore(\n  reducers,\n  applyMiddleware(thunkMidleware)\n)\n\nconst settings = {\n  consumerKey: 'consumerKey',\n  consumerSecret: 'consumerSecret',\n  conferenceAlias: 'Sample'\n}\n\nReactDOM.render(\n  <VoxeetProvider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </VoxeetProvider>,\n  document.getElementById('app')\n)\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n| Name | Type | Default | Description|\n|------|------|---------|------------|\n|`sdk`|Function||VoxeetSDK if you want to use an external Voxeet SDK|\n|`consumerKey`|String||The consumer key|\n|`consumerSecret`|String||The consumer secret|\n|`oauthToken`|String||The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !|\n|`refreshTokenCallback`|func||Provide this function that return a promise with the refreshed token, when this one expire|\n|`conferenceAlias`|String||The conference you whant to join|\n|`logo`|String|Voxeet Logo|Display your logo inside the react components by using this props.|\n|`chromeExtensionId`|String||Id of chrome screenshare extension, a message will be prompt when the user will try to screenshare (Inline installation is no longer supported)|\n|`displayActions`|Array|[\"mute\" ,\"recording\", \"share\", \"video\", \"live\", \"attendees\", \"chat\", \"pstn\"]|You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"share\", \"recording\", \"live\", \"attendees\", \"chat\")|\n|`shareActions`|Array|[\"screenshare\" ,\"filepresentation\", \"videopresentation\"]|You can choose which button will be display, it's possible to do a screenshare, file presentation or video presentation ! If you set the displayActions you need to add the 'share' button to allow actions.|\n|`liveRecordingEnabled`|Boolean|false|Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)|\n|`disableSounds`|Boolean|false|Disable sounds during the conference (mute/unmute, record, conference join, conference left)|\n|`customLocalizedStrings`|Object|Custom strings, described below|\n|`pstnNumbers`|Array|Custom PSTN Numbers, you can find all numbers here : http://cdn.voxeet.com/pstn/numbers remove numbers that are not usefull and give an array to this props|\n|`isWidget`|Boolean|true|Indicate if component used like widget or embedded in your app|\n|`chromeExtensionId`|String|null|The Id from your Chrome Web Extension to screenshare (needed only on Chrome)|\n|`autoRecording`|Boolean|false|Automatically record the conference when joining the conference (if it's not already start)|\n|`autoHls`|Boolean|false|Automatically start Hls broadcast when the conference is created|\n|`isModal`|Boolean|false|Indicate if component displayed like modal|\n|`attendeesWaiting`|Component|AttendeesWaiting|Put your own waiting component (Waiting for other participants)|\n|`loadingScreen`|Component|LoadingScreen|Put your own loading screen instead of Voxeet loading screen|\n|`isWebinar`|Boolean|false|Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)|\n|`autoJoin`|Boolean|false|Join automatically conference|\n|`preConfig`|Boolean|false|Show a pop up before entering inside the Conference to configure your devices (audio, video)|\n|`videoCodec`|String|VP8|Specify video codec \"H264\" or \"VP8\" => H264 is needed for video on Safari|\n|`isListener`|Boolean|false|Enter in conference in listener mode|\n|`displayModes`|Array|[\"list\", \"tiles\", \"speaker\"]|Indicate which mode is allowed (modes will be in the same order as the array)|\n|`invitedUsers`|Array|[{name: \"USERNAME\", externalId:\"EXTERNAL_ID\", title: \"TITLE\"}]|Array of people who can be invited during the conference. If the other side, people need to be subscribe to the conference to receive the invitation|\n|`isManualKickAllowed`|Boolean|false|Authorize admin (conference creator) to kick users in conference|\n|`isAdmin`|Boolean|false|Current user who join the conference is the admin|\n|`kickOnHangUp`|Boolean|false|Kick all users when admin (conference creator) leave the conference|\n|`userInfo`|Object|{</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() * 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>}|User informations for voxeet sdk|\n|`conferenceReplayId`|String||Replay automatically a conference|\n|`constraints`|Object|{</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}|The webrtc constraints for the sdk|\n|`actionsButtons`|React Component|ActionsButtons - All buttons|A react component to customize the actions buttons|\n|`handleOnLeave`|Function||Function call on leave conference|\n|`handleOnConnect`|Function||Function call when the current user is connected to the conference|\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport bowser from \"bowser\";\nimport { Buttons } from \"@voxeet/react-components\";\n\nclass ActionsButtons extends Component {\n  constructor(props) {\n    super(props);\n  }\n\n  render() {\n    const {\n      isBottomBar,\n      forceFullscreen,\n      isMuted,\n      isRecording,\n      isWidgetFullScreenOn,\n      toggleVideoPresentation,\n      videoEnabled,\n      isVideoPresentation,\n      videoPresentationEnabled,\n      displayModal,\n      conferencePincode,\n      convertFilePresentation,\n      isHlsLive,\n      toggleMicrophone,\n      screenShareEnabled,\n      filePresentationEnabled,\n      toggleRecording,\n      toggleVideo,\n      toggleScreenShare,\n      attendeesSettingsOpened,\n      toggleAttendeesSettings,\n      toggleAttendeesList,\n      attendeesListOpened,\n      attendeesChatOpened,\n      attendeesLiveOpened,\n      toggleAttendeesChat,\n      toggleAttendeesLive,\n      recordingLocked,\n      toggleModal,\n      toggleAudio3D,\n      isWebinar,\n      isAdmin,\n      displayActions,\n      shareActions,\n      leave,\n      audio3DEnabled,\n      isElectron,\n      displayExternalLiveModal,\n      isExternalLive,\n      currentUser,\n      isFilePresentation,\n      isScreenshare,\n      isDemo\n    } = this.props;\n\n    return (\n      <div>\n        <ul className=\"controls-left\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"mute\") > -1 &&\n            !isDemo && (\n              <ToggleMicrophoneButton\n                isMuted={isMuted}\n                toggle={toggleMicrophone}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"video\") > -1 &&\n            !isDemo && (\n              <ToggleVideoButton\n                videoEnabled={videoEnabled}\n                toggle={toggleVideo}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            isBottomBar &&\n            isElectron && (\n              <Toggle3DAudioButton\n                audio3DEnabled={audio3DEnabled}\n                toggleAudio3D={toggleAudio3D}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n        </ul>\n        <ul className=\"controls-center\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"recording\") > -1 &&\n            !isDemo && (\n              <ToggleRecordingButton\n                isRecording={isRecording}\n                recordingLocked={recordingLocked}\n                toggle={toggleRecording}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"share\") > -1 &&\n            !isDemo &&\n            shareActions.length > 0 && (\n              <ToggleScreenShareButton\n                screenShareEnabled={screenShareEnabled}\n                filePresentationEnabled={filePresentationEnabled}\n                videoPresentationEnabled={videoPresentationEnabled}\n                currentUserScreenShare={isScreenshare}\n                currentUserFilePresentation={isFilePresentation}\n                currentUserVideoPresentation={isVideoPresentation}\n                isElectron={isElectron}\n                toggle={toggleScreenShare}\n                toggleVideoPresentation={toggleVideoPresentation}\n                convertFilePresentation={convertFilePresentation}\n                shareActions={shareActions}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {isBottomBar && (!isWebinar || (isWebinar && isAdmin)) && !isDemo && (\n            <li className=\"separator\"></li>\n          )}\n          {isBottomBar && (\n            <HangUpButtonBottomBar leave={leave} tooltipPlace=\"top\" />\n          )}\n        </ul>\n        <ul className=\"controls-right\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"pstn\") > -1 &&\n            !isDemo && (\n              <TogglePSTN\n                conferencePincode={conferencePincode}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"live\") > -1 &&\n            !isDemo && (\n              <ToggleExternalLiveButton\n                attendeesLiveOpened={attendeesLiveOpened}\n                toggle={toggleAttendeesLive}\n                isExternalLive={isExternalLive}\n                isHlsLive={isHlsLive}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            !bowser.msie &&\n            !currentUser.isListener && (\n              <ToggleSettingsButton\n                attendeesSettingsOpened={attendeesSettingsOpened}\n                toggle={toggleAttendeesSettings}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {displayActions.indexOf(\"attendees\") > -1 && (\n            <ToggleAttendeesListButton\n              tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              toggle={toggleAttendeesList}\n              isBottomBar={isBottomBar}\n              isOpen={attendeesListOpened}\n            />\n          )}\n          {displayActions.indexOf(\"chat\") > -1 && (\n            <ToggleAttendeesChatButton\n              tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              toggle={toggleAttendeesChat}\n              isBottomBar={isBottomBar}\n              isOpen={attendeesChatOpened}\n            />\n          )}\n        </ul>\n      </div>\n    );\n  }\n}\n\nActionsButtons.propTypes = {\n    isBottomBar: PropTypes.bool.isRequired,\n    forceFullscreen: PropTypes.bool.isRequired,\n    isMuted: PropTypes.bool.isRequired,\n    currentUser: PropTypes.object.isRequired,\n    isWebinar: PropTypes.bool.isRequired,\n    isAdmin: PropTypes.bool.isRequired,\n    videoEnabled: PropTypes.bool.isRequired,\n    screenShareEnabled: PropTypes.bool.isRequired,\n    filePresentationEnabled: PropTypes.bool.isRequired,\n    videoPresentationEnabled: PropTypes.bool.isRequired,\n    displayModal: PropTypes.bool.isRequired,\n    isScreenshare: PropTypes.bool.isRequired,\n    isVideoPresentation: PropTypes.bool.isRequired,\n    isHlsLive: PropTypes.bool.isRequired,\n    isFilePresentation: PropTypes.bool.isRequired,\n    displayActions: PropTypes.array.isRequired,\n    toggleAudio3D: PropTypes.func.isRequired,\n    recordingLocked: PropTypes.bool.isRequired,\n    isElectron: PropTypes.bool.isRequired,\n    isExternalLive: PropTypes.bool.isRequired,\n    audio3DEnabled: PropTypes.bool.isRequired,\n    isRecording: PropTypes.bool.isRequired,\n    isWidgetFullScreenOn: PropTypes.bool.isRequired,\n    toggleMicrophone: PropTypes.func.isRequired,\n    leave: PropTypes.func.isRequired,\n    toggleRecording: PropTypes.func.isRequired,\n    toggleVideo: PropTypes.func.isRequired,\n    toggleScreenShare: PropTypes.func.isRequired,\n    toggleVideoPresentation: PropTypes.func.isRequired,\n    convertFilePresentation: PropTypes.func.isRequired,\n    toggleModal: PropTypes.func.isRequired,\n    toggleMode: PropTypes.func.isRequired,\n    mode: PropTypes.string.isRequired,\n    toggleAttendeesList: PropTypes.func.isRequired,\n    attendeesListOpened: PropTypes.bool.isRequired,\n    toggleAttendeesChat: PropTypes.func.isRequired,\n    attendeesChatOpened: PropTypes.bool.isRequired,\n    toggleAttendeesSettings: PropTypes.func.isRequired,\n    attendeesSettingsOpened: PropTypes.bool.isRequired,\n    toggleAttendeesLive: PropTypes.func.isRequired,\n    attendeesLiveOpened: PropTypes.bool.isRequired\n}\n\nActionsButtons.defaultProps = {\n    isBottomBar: false,\n    forceFullscreen: false\n}\n\nexport default ActionsButtons\n\n```\n\n### Localized strings\n\nFor english language (Be sure to use this keys to override default strings)\n\n```\n[en :{\n    electronloading: \"Voxeet is loading, please wait\",\n    error: \"Error\",\n    errorPermissionDeniedMicrophone:\n      \"An error occured when joining the conference. Please make sure to allow access to your microphone.\",\n    errorPermissionDeniedMicrophoneCamera:\n      \"An error occured when joining the conference. Please make sure to allow access to your microphone and camera.\",\n    errorIE11:\n      \"A plugin is mandatory for IE11, please download and install the plugin. When the installation is complete, please refresh this page.\",\n    browerNotSupported: \"This browser is currently not supported.\",\n    installExtension: \"Please install the screen share extension with this \",\n    noExtensionAvailable: \"No Chrome Web Extension configure for screen share.\",\n    microphoneOff: \"Your microphone is muted.\",\n    microphoneOn: \"Your microphone is on.\",\n    cameraOn: \"Your camera is on.\",\n    cameraOff: \"Your camera is off.\",\n    recordConferenceStart: \"Your conference is being recorded.\",\n    recordConferenceStop: \"Your conference is no longer recorded.\",\n    screenshareInProgress:\n      \"You cannot screenshare while another user is screensharing.\",\n    recordConferenceStartBy: \"Your conference is being recorded by \",\n    recordConferenceStopBy: \"Your conference is no longer recorded by \",\n    conferenceAlreadyRecord:\n      \"Your conference is already being recorded by an other attendee.\",\n    leave: \"End\",\n    audio: \"3D Audio\",\n    chat: \"Chat\",\n    externalLive: \"Live Broadcast\",\n    fullscreen: \"FullScreen\",\n    minimize: \"Minimize\",\n    mute: \"Mute\",\n    displaymode: \"Display mode\",\n    pincode: \"Call-in\",\n    sendMessage: \"Send\",\n    pinCodeExplanations:\n      \"Call this number below and provide the conference pin code to join the conference via PSTN.\",\n    record: \"Recording\",\n    shareAlreadyStarted:\n      \"Someone is already sharing. Please stop it before start a new one.\",\n    share: \"Share\",\n    screenshare: \"Share Screen\",\n    screenshareEntireScreen: \"Share entire screen\",\n    screenshareAWindow: \"Share a window\",\n    screenshareOption: \"Share options\",\n    settings: \"Settings\",\n    open: \"Open\",\n    close: \"Close\",\n    video: \"Video\",\n    camera: \"Camera\",\n    liveCall: \"Live is running\",\n    linkHls: \"See your live\",\n    broadcastLive: \"Diffusion en cours\",\n    externalUrl: \"Configure your stream\",\n    externalPassword: \"Enter your password from your live\",\n    launchLive: \"Start your stream\",\n    stopLive: \"Stop your live stream\",\n    geturl: \"Get your stream url (on Youtube or Facebook)\",\n    getpwd: \"Get your stream password (on Youtube or Facebook)\",\n    enterhere: \"Enter your informations here :\",\n    titleSettings: \"Set preferred camera and microphone\",\n    problemSettings: \"If you are having problems, try restarting your browser.\",\n    saveSettings: \"Your preferences will automatically save.\",\n    screensharerunning: \"Happy Screen Sharing!\",\n    tile: \"Tile\",\n    list: \"List\",\n    speaker: \"Speaker\",\n    displaymode: \"Display mode\",\n    changelayout: \"Change layout\",\n    attendees: \"Attendees\",\n    here: \"here\",\n    hangtight: \"We're waiting for other callers to arrive.\",\n    join: \"Join\",\n    incall: \"In call with :\",\n    joincall: \"Join Call\",\n    expand: \"Expand\",\n    activecall: \"Active call\",\n    leavecall: \"Leave call\",\n    output: \"Output\",\n    input: \"Input\",\n    titlePreConfig: \"Set up your devices\",\n    presenter: \"Attendees\",\n    joined: \"Joined\",\n    invited: \"Waiting on\",\n    presenter: \"Presenter\",\n    listener: \"Listener\",\n    left: \"Left\",\n    noAudioDevice:\n      \"No audio device detected. Please make sure to plug at least one microphone to access this conference.\",\n    filepresentation: \"Share a file\",\n    prev: \"Previous\",\n    next: \"Next\",\n    errorFilePresentation:\n      \"An error occured during the file presentation. Please check your file.\",\n    videopresentation: \"Share a video\",\n    placeholderVideoPresentation: \"Video URL\",\n    startVideoPresentationAutoplay: \"Start video\",\n    invitedUsers: \"Waiting for invitation\",\n    inviteUser: \"Invite\"\n}]\n```\n\nMore language can be added. Use an array prefixed with the correct language key. (en, fr, it, ...)\n","readmeFilename":"README.md","_id":"@voxeet/react-components@0.36.6-redux7","_nodeVersion":"10.15.3","_npmVersion":"6.11.2","dist":{"integrity":"sha512-3U/QdrKDf5uZaemodQrPqwwB9E/1tqDhQAPjSK2d7CNxr6DssZtmY9zkVaj2B3lh/k08JKs7ESCdAg1zzAhh5g==","shasum":"54ad5c7462c9e65b4f67b9dc7af1f520afff5dd1","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.36.6-redux7.tgz","fileCount":88,"unpackedSize":6006202,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdjIG8CRA9TVsSAnZWagAA5Y0P/jEadLcUn9WjTuzgq6pJ\nPxiJ+99qqSIW7n3YeSijS52E8Icv9ngNHrcxUIU/JZCQdjb4qvE9svUyi8dU\nuXAxQ2XHIXBwPPvmlVDkhplSXgMhCgTfSOeSW6JP5NIN01DJDSbcj0F+GyAN\n/Fp/0uYpbkbm8kehwVe5WqcH+dER8uV/ECDgMgcUG+I/pda7/HmkL4en2/HK\nr3WSHdPiSvstOj6ZfwOnRKpvYDAblE8Mp4E/lAM95f8sCxMaHfnPWfMGpNRT\njhzON5JxyLFfXDy4jY77KJkysismldqCINIIwY9oNb0f9LrWU499mqTpg1St\nI5eZ2bxavFbwKITXUpRhOS0LFlGwWhk5AmjDdtFRGOv5dsEvt4dlh+GeNCat\nRNMaVibPoTqO2D84zP/NFfoHxcGT9rTGuaebwAiTBgXNTEQgDZ7gBzgCIrq5\nvliKIPyKnAORoMibd7A7Fhnr748WfMZMo5i2+f5tD5gqIUiZ3YxR9S45CKCA\nvRtqk/u0Awg8uwPpuOB8/Tc8EtLQblKHsc5XJy4FSzzwtgADOs2WeYeEDB69\nAnK4o9dQDjHmUDWjiTxaOaoSWmOvdXVJeuPaslK0W0JhKhhSMyRLfKap5cJk\nGrvAMfmFw/2NBMIcOV6vuq54HslG7sgPAGCaoJ1YWiOScH9ZIBEV6X9YQ5Xv\nLB9p\r\n=jlH8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAMrSXRZ8EwWJIkup0t4i8Mepwtm3dRbR7mLobFVBaYOAiAnoobD8jdhibvkR+p11H1Ob6O3mT/kfmHzzHTliwvawg=="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"},{"email":"clarroque@voxeet.com","name":"vtcoco"}],"_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.36.6-redux7_1569489339240_0.3297713907059503"},"_hasShrinkwrap":false},"0.36.7-redux7":{"name":"@voxeet/react-components","version":"0.36.7-redux7","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/runtime":"^7.3.4","autolinker":"^2.2.2","bowser":"1.9.4","browserslist":"^4.5.2","classnames":"2.2.6","core-js":"3","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.0","prettier":"^1.18.2","prop-types":"15.6.2","react":"16.9.0","react-dom":"16.9.0","react-draggable":"3.1.1","react-localization":"^1.0.13","react-player":"^1.11.1","@voxeet/react-redux-5.1.1":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","redux":"4.0.4","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.4.5","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","prettier-webpack-plugin":"^1.2.0","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"1.9.5"},"_resolved":"","_integrity":"","_from":"file:voxeet-react-components-0.36.7-redux7.tgz","readme":"Voxeet React Components\n=====================\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components --save\nyarn add @voxeet/voxeet-web-sdk @voxeet/react-components\n```\n\n## Changelog\n\n### 0.36.7\n#### Features\n- New property `closeSessionAtHangUp`, option to choose if the session should be automatically close at hang up (default: true)\n\n### 0.36.3\n#### Features\n- New property `invitedUsers`, add the possibilidy to give an array of users who can be invited during the conference. (externalId mandatory)\n\n### 0.36.2\n#### Features\n- New property `pstnNumbers`, use http://cdn.voxeet.com/pstn/numbers to get phone numbers for PSTN and give an array of needed numbers in this property\n\n### 0.36.1\n#### Features\n- You can now disable sounds using `disableSounds` props\n- String customisation (See explanations below) with `customLocalizedStrings`\n#### Bug fixes\n- Fix camera truncated in speaker mode if the video is coming from mobile\n- Fix video presentation in widget mode\n\n### 0.35.0\n#### Features\n- Implementation of video presentation (If you use `shareActions` you can add `videopresentation`), a video can now be shared to other attendees. Only the video presenter can control the video, other attendees will receive actions (Play/Pause/Seek).\n- You can now customize \"We're waiting for other callers to arrive.\" with component `attendeesWaiting`.\n- Automatically start a recording when joining a conference with `autoRecording` (if it's not already start).\n- Automatically start HLS when joining a conference with `autoHls` (if it's not already start).\n- When starting HLS in Live Broadcast right panel, a link is displayed to watch the live conference.\n\n#### Bug fixes\n- Pre-configuration screen, error if access denied to your devices (microphone and/or camera)\n- UI improvements\n- Responsive improvements\n\n## Usage\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from '@voxeet/react-components';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n```\n\n### Widget\n\n```javascript\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport thunkMidleware from 'redux-thunk'\nimport { combineReducers, createStore, applyMiddleware } from 'redux'\n\nimport { ConferenceRoom, VoxeetProvider, reducer as voxeetReducer } from '@voxeet/react-components'\n\n// Import Style\nimport '@voxeet/react-components/dist/voxeet-react-components.css'; // Can you be customize, refer to https://github.com/voxeet/voxeet-assets-react-components\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n\nconst configureStore = () => createStore(\n  reducers,\n  applyMiddleware(thunkMidleware)\n)\n\nconst settings = {\n  consumerKey: 'consumerKey',\n  consumerSecret: 'consumerSecret',\n  conferenceAlias: 'Sample'\n}\n\nReactDOM.render(\n  <VoxeetProvider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </VoxeetProvider>,\n  document.getElementById('app')\n)\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n| Name | Type | Default | Description|\n|------|------|---------|------------|\n|`sdk`|Function||VoxeetSDK if you want to use an external Voxeet SDK|\n|`consumerKey`|String||The consumer key|\n|`consumerSecret`|String||The consumer secret|\n|`oauthToken`|String||The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !|\n|`refreshTokenCallback`|func||Provide this function that return a promise with the refreshed token, when this one expire|\n|`conferenceAlias`|String||The conference you whant to join|\n|`logo`|String|Voxeet Logo|Display your logo inside the react components by using this props.|\n|`chromeExtensionId`|String||Id of chrome screenshare extension, a message will be prompt when the user will try to screenshare (Inline installation is no longer supported)|\n|`displayActions`|Array|[\"mute\" ,\"recording\", \"share\", \"video\", \"live\", \"attendees\", \"chat\", \"pstn\"]|You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"share\", \"recording\", \"live\", \"attendees\", \"chat\")|\n|`shareActions`|Array|[\"screenshare\" ,\"filepresentation\", \"videopresentation\"]|You can choose which button will be display, it's possible to do a screenshare, file presentation or video presentation ! If you set the displayActions you need to add the 'share' button to allow actions.|\n|`liveRecordingEnabled`|Boolean|false|Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)|\n|`disableSounds`|Boolean|false|Disable sounds during the conference (mute/unmute, record, conference join, conference left)|\n|`customLocalizedStrings`|Object|Custom strings, described below|\n|`pstnNumbers`|Array|Custom PSTN Numbers, you can find all numbers here : http://cdn.voxeet.com/pstn/numbers remove numbers that are not usefull and give an array to this props|\n|`isWidget`|Boolean|true|Indicate if component used like widget or embedded in your app|\n|`chromeExtensionId`|String|null|The Id from your Chrome Web Extension to screenshare (needed only on Chrome)|\n|`autoRecording`|Boolean|false|Automatically record the conference when joining the conference (if it's not already start)|\n|`autoHls`|Boolean|false|Automatically start Hls broadcast when the conference is created|\n|`closeSessionAtHangUp`|Boolean|true|Automatically close the session of the current user when hang up|\n|`isModal`|Boolean|false|Indicate if component displayed like modal|\n|`attendeesWaiting`|Component|AttendeesWaiting|Put your own waiting component (Waiting for other participants)|\n|`loadingScreen`|Component|LoadingScreen|Put your own loading screen instead of Voxeet loading screen|\n|`isWebinar`|Boolean|false|Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)|\n|`autoJoin`|Boolean|false|Join automatically conference|\n|`preConfig`|Boolean|false|Show a pop up before entering inside the Conference to configure your devices (audio, video)|\n|`videoCodec`|String|VP8|Specify video codec \"H264\" or \"VP8\" => H264 is needed for video on Safari|\n|`isListener`|Boolean|false|Enter in conference in listener mode|\n|`displayModes`|Array|[\"list\", \"tiles\", \"speaker\"]|Indicate which mode is allowed (modes will be in the same order as the array)|\n|`invitedUsers`|Array|[{name: \"USERNAME\", externalId:\"EXTERNAL_ID\", title: \"TITLE\"}]|Array of people who can be invited during the conference. If the other side, people need to be subscribe to the conference to receive the invitation|\n|`isManualKickAllowed`|Boolean|false|Authorize admin (conference creator) to kick users in conference|\n|`isAdmin`|Boolean|false|Current user who join the conference is the admin|\n|`kickOnHangUp`|Boolean|false|Kick all users when admin (conference creator) leave the conference|\n|`userInfo`|Object|{</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() * 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>}|User informations for voxeet sdk|\n|`conferenceReplayId`|String||Replay automatically a conference|\n|`constraints`|Object|{</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}|The webrtc constraints for the sdk|\n|`actionsButtons`|React Component|ActionsButtons - All buttons|A react component to customize the actions buttons|\n|`handleOnLeave`|Function||Function call on leave conference|\n|`handleOnConnect`|Function||Function call when the current user is connected to the conference|\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport bowser from \"bowser\";\nimport { Buttons } from \"@voxeet/react-components\";\n\nclass ActionsButtons extends Component {\n  constructor(props) {\n    super(props);\n  }\n\n  render() {\n    const {\n      isBottomBar,\n      forceFullscreen,\n      isMuted,\n      isRecording,\n      isWidgetFullScreenOn,\n      toggleVideoPresentation,\n      videoEnabled,\n      isVideoPresentation,\n      videoPresentationEnabled,\n      displayModal,\n      conferencePincode,\n      convertFilePresentation,\n      isHlsLive,\n      toggleMicrophone,\n      screenShareEnabled,\n      filePresentationEnabled,\n      toggleRecording,\n      toggleVideo,\n      toggleScreenShare,\n      attendeesSettingsOpened,\n      toggleAttendeesSettings,\n      toggleAttendeesList,\n      attendeesListOpened,\n      attendeesChatOpened,\n      attendeesLiveOpened,\n      toggleAttendeesChat,\n      toggleAttendeesLive,\n      recordingLocked,\n      toggleModal,\n      toggleAudio3D,\n      isWebinar,\n      isAdmin,\n      displayActions,\n      shareActions,\n      leave,\n      audio3DEnabled,\n      isElectron,\n      displayExternalLiveModal,\n      isExternalLive,\n      currentUser,\n      isFilePresentation,\n      isScreenshare,\n      isDemo\n    } = this.props;\n\n    return (\n      <div>\n        <ul className=\"controls-left\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"mute\") > -1 &&\n            !isDemo && (\n              <ToggleMicrophoneButton\n                isMuted={isMuted}\n                toggle={toggleMicrophone}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"video\") > -1 &&\n            !isDemo && (\n              <ToggleVideoButton\n                videoEnabled={videoEnabled}\n                toggle={toggleVideo}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            isBottomBar &&\n            isElectron && (\n              <Toggle3DAudioButton\n                audio3DEnabled={audio3DEnabled}\n                toggleAudio3D={toggleAudio3D}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n        </ul>\n        <ul className=\"controls-center\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"recording\") > -1 &&\n            !isDemo && (\n              <ToggleRecordingButton\n                isRecording={isRecording}\n                recordingLocked={recordingLocked}\n                toggle={toggleRecording}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"share\") > -1 &&\n            !isDemo &&\n            shareActions.length > 0 && (\n              <ToggleScreenShareButton\n                screenShareEnabled={screenShareEnabled}\n                filePresentationEnabled={filePresentationEnabled}\n                videoPresentationEnabled={videoPresentationEnabled}\n                currentUserScreenShare={isScreenshare}\n                currentUserFilePresentation={isFilePresentation}\n                currentUserVideoPresentation={isVideoPresentation}\n                isElectron={isElectron}\n                toggle={toggleScreenShare}\n                toggleVideoPresentation={toggleVideoPresentation}\n                convertFilePresentation={convertFilePresentation}\n                shareActions={shareActions}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {isBottomBar && (!isWebinar || (isWebinar && isAdmin)) && !isDemo && (\n            <li className=\"separator\"></li>\n          )}\n          {isBottomBar && (\n            <HangUpButtonBottomBar leave={leave} tooltipPlace=\"top\" />\n          )}\n        </ul>\n        <ul className=\"controls-right\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"pstn\") > -1 &&\n            !isDemo && (\n              <TogglePSTN\n                conferencePincode={conferencePincode}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"live\") > -1 &&\n            !isDemo && (\n              <ToggleExternalLiveButton\n                attendeesLiveOpened={attendeesLiveOpened}\n                toggle={toggleAttendeesLive}\n                isExternalLive={isExternalLive}\n                isHlsLive={isHlsLive}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            !bowser.msie &&\n            !currentUser.isListener && (\n              <ToggleSettingsButton\n                attendeesSettingsOpened={attendeesSettingsOpened}\n                toggle={toggleAttendeesSettings}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {displayActions.indexOf(\"attendees\") > -1 && (\n            <ToggleAttendeesListButton\n              tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              toggle={toggleAttendeesList}\n              isBottomBar={isBottomBar}\n              isOpen={attendeesListOpened}\n            />\n          )}\n          {displayActions.indexOf(\"chat\") > -1 && (\n            <ToggleAttendeesChatButton\n              tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              toggle={toggleAttendeesChat}\n              isBottomBar={isBottomBar}\n              isOpen={attendeesChatOpened}\n            />\n          )}\n        </ul>\n      </div>\n    );\n  }\n}\n\nActionsButtons.propTypes = {\n    isBottomBar: PropTypes.bool.isRequired,\n    forceFullscreen: PropTypes.bool.isRequired,\n    isMuted: PropTypes.bool.isRequired,\n    currentUser: PropTypes.object.isRequired,\n    isWebinar: PropTypes.bool.isRequired,\n    isAdmin: PropTypes.bool.isRequired,\n    videoEnabled: PropTypes.bool.isRequired,\n    screenShareEnabled: PropTypes.bool.isRequired,\n    filePresentationEnabled: PropTypes.bool.isRequired,\n    videoPresentationEnabled: PropTypes.bool.isRequired,\n    displayModal: PropTypes.bool.isRequired,\n    isScreenshare: PropTypes.bool.isRequired,\n    isVideoPresentation: PropTypes.bool.isRequired,\n    isHlsLive: PropTypes.bool.isRequired,\n    isFilePresentation: PropTypes.bool.isRequired,\n    displayActions: PropTypes.array.isRequired,\n    toggleAudio3D: PropTypes.func.isRequired,\n    recordingLocked: PropTypes.bool.isRequired,\n    isElectron: PropTypes.bool.isRequired,\n    isExternalLive: PropTypes.bool.isRequired,\n    audio3DEnabled: PropTypes.bool.isRequired,\n    isRecording: PropTypes.bool.isRequired,\n    isWidgetFullScreenOn: PropTypes.bool.isRequired,\n    toggleMicrophone: PropTypes.func.isRequired,\n    leave: PropTypes.func.isRequired,\n    toggleRecording: PropTypes.func.isRequired,\n    toggleVideo: PropTypes.func.isRequired,\n    toggleScreenShare: PropTypes.func.isRequired,\n    toggleVideoPresentation: PropTypes.func.isRequired,\n    convertFilePresentation: PropTypes.func.isRequired,\n    toggleModal: PropTypes.func.isRequired,\n    toggleMode: PropTypes.func.isRequired,\n    mode: PropTypes.string.isRequired,\n    toggleAttendeesList: PropTypes.func.isRequired,\n    attendeesListOpened: PropTypes.bool.isRequired,\n    toggleAttendeesChat: PropTypes.func.isRequired,\n    attendeesChatOpened: PropTypes.bool.isRequired,\n    toggleAttendeesSettings: PropTypes.func.isRequired,\n    attendeesSettingsOpened: PropTypes.bool.isRequired,\n    toggleAttendeesLive: PropTypes.func.isRequired,\n    attendeesLiveOpened: PropTypes.bool.isRequired\n}\n\nActionsButtons.defaultProps = {\n    isBottomBar: false,\n    forceFullscreen: false\n}\n\nexport default ActionsButtons\n\n```\n\n### Localized strings\n\nFor english language (Be sure to use this keys to override default strings)\n\n```\n[en :{\n    electronloading: \"Voxeet is loading, please wait\",\n    error: \"Error\",\n    errorPermissionDeniedMicrophone:\n      \"An error occured when joining the conference. Please make sure to allow access to your microphone.\",\n    errorPermissionDeniedMicrophoneCamera:\n      \"An error occured when joining the conference. Please make sure to allow access to your microphone and camera.\",\n    errorIE11:\n      \"A plugin is mandatory for IE11, please download and install the plugin. When the installation is complete, please refresh this page.\",\n    browerNotSupported: \"This browser is currently not supported.\",\n    installExtension: \"Please install the screen share extension with this \",\n    noExtensionAvailable: \"No Chrome Web Extension configure for screen share.\",\n    microphoneOff: \"Your microphone is muted.\",\n    microphoneOn: \"Your microphone is on.\",\n    cameraOn: \"Your camera is on.\",\n    cameraOff: \"Your camera is off.\",\n    recordConferenceStart: \"Your conference is being recorded.\",\n    recordConferenceStop: \"Your conference is no longer recorded.\",\n    screenshareInProgress:\n      \"You cannot screenshare while another user is screensharing.\",\n    recordConferenceStartBy: \"Your conference is being recorded by \",\n    recordConferenceStopBy: \"Your conference is no longer recorded by \",\n    conferenceAlreadyRecord:\n      \"Your conference is already being recorded by an other attendee.\",\n    leave: \"End\",\n    audio: \"3D Audio\",\n    chat: \"Chat\",\n    externalLive: \"Live Broadcast\",\n    fullscreen: \"FullScreen\",\n    minimize: \"Minimize\",\n    mute: \"Mute\",\n    displaymode: \"Display mode\",\n    pincode: \"Call-in\",\n    sendMessage: \"Send\",\n    pinCodeExplanations:\n      \"Call this number below and provide the conference pin code to join the conference via PSTN.\",\n    record: \"Recording\",\n    shareAlreadyStarted:\n      \"Someone is already sharing. Please stop it before start a new one.\",\n    share: \"Share\",\n    screenshare: \"Share Screen\",\n    screenshareEntireScreen: \"Share entire screen\",\n    screenshareAWindow: \"Share a window\",\n    screenshareOption: \"Share options\",\n    settings: \"Settings\",\n    open: \"Open\",\n    close: \"Close\",\n    video: \"Video\",\n    camera: \"Camera\",\n    liveCall: \"Live is running\",\n    linkHls: \"See your live\",\n    broadcastLive: \"Diffusion en cours\",\n    externalUrl: \"Configure your stream\",\n    externalPassword: \"Enter your password from your live\",\n    launchLive: \"Start your stream\",\n    stopLive: \"Stop your live stream\",\n    geturl: \"Get your stream url (on Youtube or Facebook)\",\n    getpwd: \"Get your stream password (on Youtube or Facebook)\",\n    enterhere: \"Enter your informations here :\",\n    titleSettings: \"Set preferred camera and microphone\",\n    problemSettings: \"If you are having problems, try restarting your browser.\",\n    saveSettings: \"Your preferences will automatically save.\",\n    screensharerunning: \"Happy Screen Sharing!\",\n    tile: \"Tile\",\n    list: \"List\",\n    speaker: \"Speaker\",\n    displaymode: \"Display mode\",\n    changelayout: \"Change layout\",\n    attendees: \"Attendees\",\n    here: \"here\",\n    hangtight: \"We're waiting for other callers to arrive.\",\n    join: \"Join\",\n    incall: \"In call with :\",\n    joincall: \"Join Call\",\n    expand: \"Expand\",\n    activecall: \"Active call\",\n    leavecall: \"Leave call\",\n    output: \"Output\",\n    input: \"Input\",\n    titlePreConfig: \"Set up your devices\",\n    presenter: \"Attendees\",\n    joined: \"Joined\",\n    invited: \"Waiting on\",\n    presenter: \"Presenter\",\n    listener: \"Listener\",\n    left: \"Left\",\n    noAudioDevice:\n      \"No audio device detected. Please make sure to plug at least one microphone to access this conference.\",\n    filepresentation: \"Share a file\",\n    prev: \"Previous\",\n    next: \"Next\",\n    errorFilePresentation:\n      \"An error occured during the file presentation. Please check your file.\",\n    videopresentation: \"Share a video\",\n    placeholderVideoPresentation: \"Video URL\",\n    startVideoPresentationAutoplay: \"Start video\",\n    invitedUsers: \"Waiting for invitation\",\n    inviteUser: \"Invite\"\n}]\n```\n\nMore language can be added. Use an array prefixed with the correct language key. (en, fr, it, ...)\n","readmeFilename":"README.md","_id":"@voxeet/react-components@0.36.7-redux7","_nodeVersion":"10.15.3","_npmVersion":"6.11.2","dist":{"integrity":"sha512-DdX0td1pkY3Yl3B2sOtA6TRpUF0Ss9V3VJscjxDvSjlUloEz4gmZm7/pUnoiv5DdnYdYoQpgs0D6V/c/7lbH6Q==","shasum":"6f5bb30ed7145f1e47bbe5e39b02ae8f6828ebe5","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-0.36.7-redux7.tgz","fileCount":88,"unpackedSize":6006915,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnzRrCRA9TVsSAnZWagAACl4P/jQo4MbbcGeJEZXiQ4ao\nYqIh/MBDBVi/nihCnvga1s7ZMC8EgJ6DNu5cEo9uA3toNz8TSeKKkST5XVYz\n2s6TAlCdLfazf/4RPqb+k9QzULD1fchooOLB+Ceqg/Io/SwgNDjDZKC8GI6L\nJ0YO5FS0X/wslXRZq6zjBzBHL7GgJiDJQ7/j6y8cQygdlTOpnZLl3yOj2aAl\nJI8A3VJrHj42EwGwyRVtj5zkopN2MvmN61cNBPm6zggrSRMXdnq77ltR8uAN\nHtuALwn+rQfPbI+5VVpjRQ/IcMJcU62wNUWtCfH1EqR9x2GzSjefAnTHoCSj\nPaHczEoU2/vO9u3NaKr6WMrnyXONzNJyF3g+x1uQvwnM97eijzX8cjLJ+/xf\nko7wC4NjqTVmzZSQ8RjG91BWHBvRP9S5Cn5ZsTs0ET3dNxgW1QMJ9rzxDXHH\nJyhyICaMlOY53RZTOC5Hby2E3wqrPVBqPLtZJ7fLK2i0WvbxXYlGL6Hx0pKn\nHem/KKBJ7MgmOq3QGT74IhDjdudhUNIp6sgUYQwoTGt+r9tftNm4UMZU7BqS\nDBMiXv7nVXUvrL14i/DGaWgHlHAhhO+qR+o9292MsIXprTe3Bg48QiDRjTVc\n/7PB3L2JCYVG7k+FtlGB6eTO9k6uFyMAy47ebB4tiTTm4wSesoCk4fJAqDw/\n9Nf7\r\n=Ra4L\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCVdsJWKL9+oajI4HJy6MQKD72D0qwxtRmxZxyVKNYzDwIhAOVq45cZhojrDm6FG8x5/GbAKES4eQbLpvnqCK3SQ92m"}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"},{"email":"clarroque@voxeet.com","name":"vtcoco"}],"_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_0.36.7-redux7_1570714730215_0.26923395122303373"},"_hasShrinkwrap":false},"1.0.0":{"name":"@voxeet/react-components","version":"1.0.0","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/runtime":"^7.3.4","autolinker":"^2.2.2","bowser":"1.9.4","browserslist":"^4.5.2","classnames":"2.2.6","core-js":"3","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.0","prettier":"^1.18.2","prop-types":"15.6.2","react":"16.9.0","react-dom":"16.9.0","react-draggable":"3.1.1","react-localization":"^1.0.13","react-player":"^1.11.1","@voxeet/react-redux-5.1.1":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","redux":"4.0.4","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.4.5","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","prettier-webpack-plugin":"^1.2.0","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"1.9.5"},"gitHead":"20dbb95acf0434f60cbaebc09ed03eff762e6f38","_id":"@voxeet/react-components@1.0.0","_nodeVersion":"10.15.3","_npmVersion":"6.11.2","dist":{"integrity":"sha512-d3Y5RQ9c4Zt+WrrfOKs6OOxhIsVvo0PTnwOZ5esAUY8tQNPVbYHQbwx62/8fRwRtU3hwjS4/ZI/YJNJMJnn9zQ==","shasum":"5874cd0e1fa50a6039b4680e612542f11a4450cb","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-1.0.0.tgz","fileCount":88,"unpackedSize":6007710,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqbmZCRA9TVsSAnZWagAAHZQQAJkarPeYQ4kGQCE5PyHC\nBYRquJlbEFk6d6vp2bIOUJCCtlB9J8HNiqR9K2NbosvDAXAAirx9NZ19ADm3\n7L1frUw8ue6zuRaaHhiNxVbLc2xRt99N9KdZisgsaCmvXNiCNa417cG1OVPJ\nCnNYIUhcwUnQnC6xle5NgGC30fYP/uFOkYfpZk7Qxt92aAfe14woZJrFpBHB\nlDACWzeQMyxoIK54gCw30U1ok+Sbel0j4kl9o2rw8lWj9IBwC8Z0vK6/yKvO\nZsGOhnKjL/Q/5271gvRHT1yKtgEYxiJroL6vZORa0R5cixGG9WBIap93QCZ4\nNWT+UAh+Sja9In0YvTgzYo5rup97Sza+rjSNmCRfvEVZdI0VnmFiCUsJlb7g\noLitkApzA7bVn3Bi3dcHXPV5sX/EqiHObcElZKAqigvGAk170jyU2+kOYKBf\n9z/s+R+3lEemSrJcAkdzonglnoaAqfCzyE/Nn0wKbjEu++K3+dUqQcflSo3h\nha+rKQXLs2kRBsvJ0/eDJeMMAmoIRMXZasb43x/g1Kb6XYlTVvRf2btTv3vX\nk30DCfQCRtaffjsSxCrs+VnMmkMGz8ZOdAzaL1KLKz1e8XeKG3Aw0DHjlJ3i\nAPGdy9ee/QAHrdUUfV03SdQJ7NbUHr2U2BtTx+wbn4EgthcWAa29qOEmXRUR\ndgXK\r\n=P7cO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGcVqQcj+fYzVTmm+4+WrmUkgbP7Rc+yOzpc2yISuynwAiEAtiRnHu7gLXpmyYw4kYJR+QV2gPbBWsBMQRxEGGlHEcg="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"},{"email":"clarroque@voxeet.com","name":"vtcoco"}],"_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_1.0.0_1571404184668_0.4183751234437809"},"_hasShrinkwrap":false},"1.0.0-cjs2":{"name":"@voxeet/react-components","version":"1.0.0-cjs2","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/runtime":"^7.3.4","autolinker":"^2.2.2","bowser":"1.9.4","browserslist":"^4.5.2","classnames":"2.2.6","core-js":"3","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.0","prettier":"^1.18.2","prop-types":"15.6.2","react":"16.9.0","react-dom":"16.9.0","react-draggable":"3.1.1","react-localization":"^1.0.13","react-player":"^1.11.1","@voxeet/react-redux-5.1.1":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","redux":"4.0.4","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.4.5","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","prettier-webpack-plugin":"^1.2.0","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"1.9.5"},"gitHead":"c4e5c3e4e2ae3d08ed77fcb90c5a8ba15398127f","readme":"Voxeet React Components\n=====================\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components @voxeet/react-redux-5.1.1@5.1.1 --save\nyarn add @voxeet/voxeet-web-sdk @voxeet/react-components @voxeet/react-redux-5.1.1@5.1.1\n```\n\n## Changelog\n\n### 1.0.0\n#### Features\n- Add support for `react-redux` v7.X, `VoxeetProvider` is now exposed inside the `react-components` to prevent version conflicts (Use the `VoxeetProvider` instead )\n#### Property update\n- `videoCodec` default is now `H264`\n\n### 0.36.7\n#### Features\n- New property `closeSessionAtHangUp`, option to choose if the session should be automatically close at hang up (default: true)\n\n### 0.36.6\n#### Features\n- Search engine for `invitedUsers` in order to find user easily in the `AttendeesList`\n\n### 0.36.3-0.36.5\n#### Features\n- New property `invitedUsers`, add the possibilidy to give an array of users who can be invited during the conference. (externalId mandatory)\n\n### 0.36.2\n#### Features\n- New property `pstnNumbers`, use http://cdn.voxeet.com/pstn/numbers to get phone numbers for PSTN and give an array of needed numbers in this property\n\n### 0.36.1\n#### Features\n- You can now disable sounds using `disableSounds` props\n- String customisation (See explanations below) with `customLocalizedStrings`\n#### Bug fixes\n- Fix camera truncated in speaker mode if the video is coming from mobile\n- Fix video presentation in widget mode\n\n### 0.35.0\n#### Features\n- Implementation of video presentation (If you use `shareActions` you can add `videopresentation`), a video can now be shared to other attendees. Only the video presenter can control the video, other attendees will receive actions (Play/Pause/Seek).\n- You can now customize \"We're waiting for other callers to arrive.\" with component `attendeesWaiting`.\n- Automatically start a recording when joining a conference with `autoRecording` (if it's not already start).\n- Automatically start HLS when joining a conference with `autoHls` (if it's not already start).\n- When starting HLS in Live Broadcast right panel, a link is displayed to watch the live conference.\n\n#### Bug fixes\n- Pre-configuration screen, error if access denied to your devices (microphone and/or camera)\n- UI improvements\n- Responsive improvements\n\n## Usage\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from '@voxeet/react-components';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n```\n\n### Widget\n\n```javascript\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport thunkMidleware from 'redux-thunk'\nimport { combineReducers, createStore, applyMiddleware } from 'redux'\n\nimport { ConferenceRoom, VoxeetProvider, reducer as voxeetReducer } from '@voxeet/react-components'\n\n// Import Style\nimport '@voxeet/react-components/dist/voxeet-react-components.css'; // Can you be customize, refer to https://github.com/voxeet/voxeet-assets-react-components\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n\nconst configureStore = () => createStore(\n  reducers,\n  applyMiddleware(thunkMidleware)\n)\n\nconst settings = {\n  consumerKey: 'consumerKey',\n  consumerSecret: 'consumerSecret',\n  conferenceAlias: 'Sample'\n}\n\nReactDOM.render(\n  <VoxeetProvider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </VoxeetProvider>,\n  document.getElementById('app')\n)\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n| Name | Type | Default | Description|\n|------|------|---------|------------|\n|`sdk`|Function||VoxeetSDK if you want to use an external Voxeet SDK|\n|`consumerKey`|String||The consumer key|\n|`consumerSecret`|String||The consumer secret|\n|`oauthToken`|String||The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !|\n|`refreshTokenCallback`|func||Provide this function that return a promise with the refreshed token, when this one expire|\n|`conferenceAlias`|String||The conference you whant to join|\n|`logo`|String|Voxeet Logo|Display your logo inside the react components by using this props.|\n|`chromeExtensionId`|String||Id of chrome screenshare extension, a message will be prompt when the user will try to screenshare (Inline installation is no longer supported)|\n|`displayActions`|Array|[\"mute\" ,\"recording\", \"share\", \"video\", \"live\", \"attendees\", \"chat\", \"pstn\"]|You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"share\", \"recording\", \"live\", \"attendees\", \"chat\")|\n|`shareActions`|Array|[\"screenshare\" ,\"filepresentation\", \"videopresentation\"]|You can choose which button will be display, it's possible to do a screenshare, file presentation or video presentation ! If you set the displayActions you need to add the 'share' button to allow actions.|\n|`liveRecordingEnabled`|Boolean|false|Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)|\n|`disableSounds`|Boolean|false|Disable sounds during the conference (mute/unmute, record, conference join, conference left)|\n|`customLocalizedStrings`|Object|Custom strings, described below|\n|`pstnNumbers`|Array|Custom PSTN Numbers, you can find all numbers here : http://cdn.voxeet.com/pstn/numbers remove numbers that are not usefull and give an array to this props|\n|`isWidget`|Boolean|true|Indicate if component used like widget or embedded in your app|\n|`chromeExtensionId`|String|null|The Id from your Chrome Web Extension to screenshare (needed only on Chrome)|\n|`autoRecording`|Boolean|false|Automatically record the conference when joining the conference (if it's not already start)|\n|`autoHls`|Boolean|false|Automatically start Hls broadcast when the conference is created|\n|`closeSessionAtHangUp`|Boolean|true|Automatically close the session of the current user when hang up|\n|`isModal`|Boolean|false|Indicate if component displayed like modal|\n|`attendeesWaiting`|Component|AttendeesWaiting|Put your own waiting component (Waiting for other participants)|\n|`loadingScreen`|Component|LoadingScreen|Put your own loading screen instead of Voxeet loading screen|\n|`isWebinar`|Boolean|false|Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)|\n|`autoJoin`|Boolean|false|Join automatically conference|\n|`preConfig`|Boolean|false|Show a pop up before entering inside the Conference to configure your devices (audio, video)|\n|`videoCodec`|String|H264|Specify video codec \"H264\" or \"VP8\" => H264 is needed for video on Safari|\n|`isListener`|Boolean|false|Enter in conference in listener mode|\n|`displayModes`|Array|[\"list\", \"tiles\", \"speaker\"]|Indicate which mode is allowed (modes will be in the same order as the array)|\n|`invitedUsers`|Array|[{name: \"USERNAME\", externalId:\"EXTERNAL_ID\", title: \"TITLE\"}]|Array of people who can be invited during the conference. If the other side, people need to be subscribe to the conference to receive the invitation|\n|`isManualKickAllowed`|Boolean|false|Authorize admin (conference creator) to kick users in conference|\n|`isAdmin`|Boolean|false|Current user who join the conference is the admin|\n|`kickOnHangUp`|Boolean|false|Kick all users when admin (conference creator) leave the conference|\n|`userInfo`|Object|{</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() * 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>}|User informations for voxeet sdk|\n|`conferenceReplayId`|String||Replay automatically a conference|\n|`constraints`|Object|{</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}|The webrtc constraints for the sdk|\n|`actionsButtons`|React Component|ActionsButtons - All buttons|A react component to customize the actions buttons|\n|`handleOnLeave`|Function||Function call on leave conference|\n|`handleOnConnect`|Function||Function call when the current user is connected to the conference|\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport bowser from \"bowser\";\nimport { Buttons } from \"@voxeet/react-components\";\n\nclass ActionsButtons extends Component {\n  constructor(props) {\n    super(props);\n  }\n\n  render() {\n    const {\n      isBottomBar,\n      forceFullscreen,\n      isMuted,\n      isRecording,\n      isWidgetFullScreenOn,\n      toggleVideoPresentation,\n      videoEnabled,\n      isVideoPresentation,\n      videoPresentationEnabled,\n      displayModal,\n      conferencePincode,\n      convertFilePresentation,\n      isHlsLive,\n      toggleMicrophone,\n      screenShareEnabled,\n      filePresentationEnabled,\n      toggleRecording,\n      toggleVideo,\n      toggleScreenShare,\n      attendeesSettingsOpened,\n      toggleAttendeesSettings,\n      toggleAttendeesList,\n      attendeesListOpened,\n      attendeesChatOpened,\n      attendeesLiveOpened,\n      toggleAttendeesChat,\n      toggleAttendeesLive,\n      recordingLocked,\n      toggleModal,\n      toggleAudio3D,\n      isWebinar,\n      isAdmin,\n      displayActions,\n      shareActions,\n      leave,\n      audio3DEnabled,\n      isElectron,\n      displayExternalLiveModal,\n      isExternalLive,\n      currentUser,\n      isFilePresentation,\n      isScreenshare,\n      isDemo\n    } = this.props;\n\n    return (\n      <div>\n        <ul className=\"controls-left\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"mute\") > -1 &&\n            !isDemo && (\n              <ToggleMicrophoneButton\n                isMuted={isMuted}\n                toggle={toggleMicrophone}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"video\") > -1 &&\n            !isDemo && (\n              <ToggleVideoButton\n                videoEnabled={videoEnabled}\n                toggle={toggleVideo}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            isBottomBar &&\n            isElectron && (\n              <Toggle3DAudioButton\n                audio3DEnabled={audio3DEnabled}\n                toggleAudio3D={toggleAudio3D}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n        </ul>\n        <ul className=\"controls-center\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"recording\") > -1 &&\n            !isDemo && (\n              <ToggleRecordingButton\n                isRecording={isRecording}\n                recordingLocked={recordingLocked}\n                toggle={toggleRecording}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"share\") > -1 &&\n            !isDemo &&\n            shareActions.length > 0 && (\n              <ToggleScreenShareButton\n                screenShareEnabled={screenShareEnabled}\n                filePresentationEnabled={filePresentationEnabled}\n                videoPresentationEnabled={videoPresentationEnabled}\n                currentUserScreenShare={isScreenshare}\n                currentUserFilePresentation={isFilePresentation}\n                currentUserVideoPresentation={isVideoPresentation}\n                isElectron={isElectron}\n                toggle={toggleScreenShare}\n                toggleVideoPresentation={toggleVideoPresentation}\n                convertFilePresentation={convertFilePresentation}\n                shareActions={shareActions}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {isBottomBar && (!isWebinar || (isWebinar && isAdmin)) && !isDemo && (\n            <li className=\"separator\"></li>\n          )}\n          {isBottomBar && (\n            <HangUpButtonBottomBar leave={leave} tooltipPlace=\"top\" />\n          )}\n        </ul>\n        <ul className=\"controls-right\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"pstn\") > -1 &&\n            !isDemo && (\n              <TogglePSTN\n                conferencePincode={conferencePincode}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"live\") > -1 &&\n            !isDemo && (\n              <ToggleExternalLiveButton\n                attendeesLiveOpened={attendeesLiveOpened}\n                toggle={toggleAttendeesLive}\n                isExternalLive={isExternalLive}\n                isHlsLive={isHlsLive}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            !bowser.msie &&\n            !currentUser.isListener && (\n              <ToggleSettingsButton\n                attendeesSettingsOpened={attendeesSettingsOpened}\n                toggle={toggleAttendeesSettings}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {displayActions.indexOf(\"attendees\") > -1 && (\n            <ToggleAttendeesListButton\n              tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              toggle={toggleAttendeesList}\n              isBottomBar={isBottomBar}\n              isOpen={attendeesListOpened}\n            />\n          )}\n          {displayActions.indexOf(\"chat\") > -1 && (\n            <ToggleAttendeesChatButton\n              tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              toggle={toggleAttendeesChat}\n              isBottomBar={isBottomBar}\n              isOpen={attendeesChatOpened}\n            />\n          )}\n        </ul>\n      </div>\n    );\n  }\n}\n\nActionsButtons.propTypes = {\n    isBottomBar: PropTypes.bool.isRequired,\n    forceFullscreen: PropTypes.bool.isRequired,\n    isMuted: PropTypes.bool.isRequired,\n    currentUser: PropTypes.object.isRequired,\n    isWebinar: PropTypes.bool.isRequired,\n    isAdmin: PropTypes.bool.isRequired,\n    videoEnabled: PropTypes.bool.isRequired,\n    screenShareEnabled: PropTypes.bool.isRequired,\n    filePresentationEnabled: PropTypes.bool.isRequired,\n    videoPresentationEnabled: PropTypes.bool.isRequired,\n    displayModal: PropTypes.bool.isRequired,\n    isScreenshare: PropTypes.bool.isRequired,\n    isVideoPresentation: PropTypes.bool.isRequired,\n    isHlsLive: PropTypes.bool.isRequired,\n    isFilePresentation: PropTypes.bool.isRequired,\n    displayActions: PropTypes.array.isRequired,\n    toggleAudio3D: PropTypes.func.isRequired,\n    recordingLocked: PropTypes.bool.isRequired,\n    isElectron: PropTypes.bool.isRequired,\n    isExternalLive: PropTypes.bool.isRequired,\n    audio3DEnabled: PropTypes.bool.isRequired,\n    isRecording: PropTypes.bool.isRequired,\n    isWidgetFullScreenOn: PropTypes.bool.isRequired,\n    toggleMicrophone: PropTypes.func.isRequired,\n    leave: PropTypes.func.isRequired,\n    toggleRecording: PropTypes.func.isRequired,\n    toggleVideo: PropTypes.func.isRequired,\n    toggleScreenShare: PropTypes.func.isRequired,\n    toggleVideoPresentation: PropTypes.func.isRequired,\n    convertFilePresentation: PropTypes.func.isRequired,\n    toggleModal: PropTypes.func.isRequired,\n    toggleMode: PropTypes.func.isRequired,\n    mode: PropTypes.string.isRequired,\n    toggleAttendeesList: PropTypes.func.isRequired,\n    attendeesListOpened: PropTypes.bool.isRequired,\n    toggleAttendeesChat: PropTypes.func.isRequired,\n    attendeesChatOpened: PropTypes.bool.isRequired,\n    toggleAttendeesSettings: PropTypes.func.isRequired,\n    attendeesSettingsOpened: PropTypes.bool.isRequired,\n    toggleAttendeesLive: PropTypes.func.isRequired,\n    attendeesLiveOpened: PropTypes.bool.isRequired\n}\n\nActionsButtons.defaultProps = {\n    isBottomBar: false,\n    forceFullscreen: false\n}\n\nexport default ActionsButtons\n\n```\n\n### Localized strings\n\nFor english language (Be sure to use this keys to override default strings)\n\n```\n[en :{\n    electronloading: \"Voxeet is loading, please wait\",\n    error: \"Error\",\n    errorPermissionDeniedMicrophone:\n      \"An error occured when joining the conference. Please make sure to allow access to your microphone.\",\n    errorPermissionDeniedMicrophoneCamera:\n      \"An error occured when joining the conference. Please make sure to allow access to your microphone and camera.\",\n    errorIE11:\n      \"A plugin is mandatory for IE11, please download and install the plugin. When the installation is complete, please refresh this page.\",\n    browerNotSupported: \"This browser is currently not supported.\",\n    installExtension: \"Please install the screen share extension with this \",\n    noExtensionAvailable: \"No Chrome Web Extension configure for screen share.\",\n    microphoneOff: \"Your microphone is muted.\",\n    microphoneOn: \"Your microphone is on.\",\n    cameraOn: \"Your camera is on.\",\n    cameraOff: \"Your camera is off.\",\n    recordConferenceStart: \"Your conference is being recorded.\",\n    recordConferenceStop: \"Your conference is no longer recorded.\",\n    screenshareInProgress:\n      \"You cannot screenshare while another user is screensharing.\",\n    recordConferenceStartBy: \"Your conference is being recorded by \",\n    recordConferenceStopBy: \"Your conference is no longer recorded by \",\n    conferenceAlreadyRecord:\n      \"Your conference is already being recorded by an other attendee.\",\n    leave: \"End\",\n    audio: \"3D Audio\",\n    chat: \"Chat\",\n    externalLive: \"Live Broadcast\",\n    fullscreen: \"FullScreen\",\n    minimize: \"Minimize\",\n    mute: \"Mute\",\n    displaymode: \"Display mode\",\n    pincode: \"Call-in\",\n    sendMessage: \"Send\",\n    pinCodeExplanations:\n      \"Call this number below and provide the conference pin code to join the conference via PSTN.\",\n    record: \"Recording\",\n    shareAlreadyStarted:\n      \"Someone is already sharing. Please stop it before start a new one.\",\n    share: \"Share\",\n    screenshare: \"Share Screen\",\n    screenshareEntireScreen: \"Share entire screen\",\n    screenshareAWindow: \"Share a window\",\n    screenshareOption: \"Share options\",\n    settings: \"Settings\",\n    open: \"Open\",\n    close: \"Close\",\n    video: \"Video\",\n    camera: \"Camera\",\n    liveCall: \"Live is running\",\n    linkHls: \"See your live\",\n    broadcastLive: \"Diffusion en cours\",\n    externalUrl: \"Configure your stream\",\n    externalPassword: \"Enter your password from your live\",\n    launchLive: \"Start your stream\",\n    stopLive: \"Stop your live stream\",\n    geturl: \"Get your stream url (on Youtube or Facebook)\",\n    getpwd: \"Get your stream password (on Youtube or Facebook)\",\n    enterhere: \"Enter your informations here :\",\n    titleSettings: \"Set preferred camera and microphone\",\n    problemSettings: \"If you are having problems, try restarting your browser.\",\n    saveSettings: \"Your preferences will automatically save.\",\n    screensharerunning: \"Happy Screen Sharing!\",\n    tile: \"Tile\",\n    list: \"List\",\n    speaker: \"Speaker\",\n    displaymode: \"Display mode\",\n    changelayout: \"Change layout\",\n    attendees: \"Attendees\",\n    here: \"here\",\n    hangtight: \"We're waiting for other callers to arrive.\",\n    join: \"Join\",\n    incall: \"In call with :\",\n    joincall: \"Join Call\",\n    expand: \"Expand\",\n    activecall: \"Active call\",\n    leavecall: \"Leave call\",\n    output: \"Output\",\n    input: \"Input\",\n    titlePreConfig: \"Set up your devices\",\n    presenter: \"Attendees\",\n    joined: \"Joined\",\n    invited: \"Waiting on\",\n    presenter: \"Presenter\",\n    listener: \"Listener\",\n    left: \"Left\",\n    noAudioDevice:\n      \"No audio device detected. Please make sure to plug at least one microphone to access this conference.\",\n    filepresentation: \"Share a file\",\n    prev: \"Previous\",\n    next: \"Next\",\n    errorFilePresentation:\n      \"An error occured during the file presentation. Please check your file.\",\n    videopresentation: \"Share a video\",\n    placeholderVideoPresentation: \"Video URL\",\n    startVideoPresentationAutoplay: \"Start video\",\n    invitedUsers: \"Waiting for invitation\",\n    inviteUser: \"Invite\"\n}]\n```\n\nMore language can be added. Use an array prefixed with the correct language key. (en, fr, it, ...)\n","readmeFilename":"README.md","_id":"@voxeet/react-components@1.0.0-cjs2","_npmVersion":"6.4.1","_nodeVersion":"10.15.3","_npmUser":{"name":"tgourgues","email":"tgourgues@voxeet.com"},"dist":{"integrity":"sha512-W2RBrBp/f8ZNkcpAREvOjuRPITwm9TrlDbD6IoKrtIzsoRWGzuKHUAGPCQeU5v0tF7w4sk7CYvViMfVbd1ziPg==","shasum":"5d61062d09533195fd2f5413c1e8e91f1d378917","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-1.0.0-cjs2.tgz","fileCount":85,"unpackedSize":5994489,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsbBLCRA9TVsSAnZWagAANJ8P/jgCgmLKHw/B1TywYhk/\n2PDEmjQQlihDZYY/l6txv78qOMF4K4TTNPHaLVRsn3+eyimeVo0gXCAKTcfS\nfelHXacGPlk4uVGNbHJIBv8qAo+hlPrJozijN7diw7ryWlhLDPkMNN53caJl\nzMN+yRG0z12jw2WdUEdXbqiZio/PcE74grvdseQYtD6oV5N6xyt6y6HE+XC3\nHCoEMl5GbFiHu7+AyphMZJOns9AbVyKciU8X1ASzXu8pVzhB9Y0rN/Ylq8H/\nchuDwCdB48G5AphRhd0n6JlQB7jBwy9It8PssHhu0lwat31T7H87MXPPzzkB\nMv32TyBp8ovCOLY91B1X15he+eixvw/ZhIvSzDEAizrrXX2SZ7cw7D5hH0Ha\ni4UrOi/oGrk+M+r3ivd9mR6oSt59qvCfeCyqRrZ6Mbvapg3LkWbOA+oDy5ll\na9aHVjxjtwTRZD7thiNDrYuSuwpMY8A1KMbPMCSK+/c9g8SAPJthZhO5cb1b\nQLHtPEQDWss8KcbT3RLi7fPY0nsgiDR2RjrR5zn5FM3Qr9Z/q/wmV+sNRK5H\noi44bdira+E1RPQIOJQvYzHfocQpBSEfiHRpzfCRZqQsq0wnfRxFZzeurgOk\nCokNx4epzfVvVlcdAXcfQblS4pP8NHjgr+nZJyaTPOYuy8T0BAPT1fHyow8g\ncR3q\r\n=gJVC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGEu1WnC9c5PW9Iq9uXAuggcimDk2HdzRjD1qu5xNWaBAiEAzroTJrHlWblXc3wzeGesEDJOM8b8qsu2enzwNNcEMLE="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"},{"email":"clarroque@voxeet.com","name":"vtcoco"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_1.0.0-cjs2_1571926090851_0.5922968812454432"},"_hasShrinkwrap":false},"1.0.1":{"name":"@voxeet/react-components","version":"1.0.1","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/runtime":"^7.3.4","autolinker":"^2.2.2","bowser":"1.9.4","browserslist":"^4.5.2","classnames":"2.2.6","core-js":"3","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.0","prettier":"^1.18.2","prop-types":"15.6.2","react":"16.9.0","react-dom":"16.9.0","react-draggable":"3.1.1","react-localization":"^1.0.13","react-player":"^1.11.1","@voxeet/react-redux-5.1.1":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","redux":"4.0.4","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.4.5","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","prettier-webpack-plugin":"^1.2.0","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"1.9.5"},"gitHead":"34aded4482e35b30ece4a8f1eebdb78a3d8e3be9","_id":"@voxeet/react-components@1.0.1","_nodeVersion":"10.15.3","_npmVersion":"6.11.2","dist":{"integrity":"sha512-+r1mGw5T3+tXXdqMy0Qi3jRaVqNmOg7n5ANiFxrde6xlE82+imZLl6pNuXNhdz8gP+TQ8/pbdXv2w9ynwzy4rQ==","shasum":"616ac9762b3818844fe02b4ae6a02344cba960a3","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-1.0.1.tgz","fileCount":87,"unpackedSize":6007057,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsb/aCRA9TVsSAnZWagAAOK8P/iBa2vC5jIMfqZrAPlHE\nX8zRR5fXJ6MZWy9goAtG030aPe3fGjKZ6/6ZdEoq/cC7WS7FJO+DqVEY4oCG\njDeVDebNYdKpVrmE6QNtv8TXPjtfgcIwljr3gog96eLyLKEcUPEySiiVL39q\nUi8kcLgly/fWzoqcWBng1YztKDy0SRYyh+5FYctDbb5GBAKN7yO5V+6dO3qy\nXwZp5nKGusnZwcVfYLCp8Wa/sgwx9o+/0QLlMvdzYa2no9n3VGOaobKxDwUh\ncHw6gBeIR36yELR2Fhp7VV98/ZwTTnLg49R8ta3s/DSGQguskGH5hZyolu5z\nSvyDR18wb0JAku3/Xw7t+G4Jb6SCZtmZj5R37sdwjs7uKbaLCiOc9YZ0Pml+\n4RHfS8rOjxDGGKttj6V3Zp2MXyxjmCZjo16BuB16yIMMeUQgiM0Ld/vkctmM\n3zFviRbpwaDTgcmx3eZebic3+oelEaubANq4VNfWoN4lRDRaIpi4TuvZlrWm\nrI4yssKSgRIyIeKDTpTZrC3f/dCpL0Mu+i++JnW3+0Me7DwzaITLeVQlV8u2\nhYynPEHlLZgjETZBcePb2SmFSvfK7FViXgyWnyl0EAUGIItDX2eZMvk/1v5L\nvyjSuazW0MAAfFBJut+en02//AhJBsxUlefKcBdQwlslveLzP21yxUaX4Kmz\ny7OA\r\n=Ger+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEM+9u9sXewsyLyRXZVSYlo3uXLm3JXWg14DsbqSMj9KAiEAk3bUegFuegjKv6tL9KzPar3dc/+EMyAjqDcuk/pBYw8="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"},{"email":"clarroque@voxeet.com","name":"vtcoco"}],"_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_1.0.1_1571930073536_0.6578563618848436"},"_hasShrinkwrap":false},"1.1.0-rc1":{"name":"@voxeet/react-components","version":"1.1.0-rc1","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/polyfill":"^7.2.5","@babel/runtime":"^7.3.4","autolinker":"^2.2.2","bowser":"1.9.4","browserslist":"^4.5.2","classnames":"2.2.6","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.0","prop-types":"15.6.2","react":"16.9.0","react-dom":"16.9.0","react-draggable":"3.1.1","react-localization":"^1.0.13","react-player":"^1.11.1","@voxeet/react-redux-5.1.1":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","redux":"4.0.4","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.3.4","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"1.9.5"},"_resolved":"","_integrity":"","_from":"file:voxeet-react-components-1.1.0-rc1.tgz","readme":"Voxeet React Components\n=====================\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components @voxeet/react-redux-5.1.1@5.1.1 --save\nyarn add @voxeet/voxeet-web-sdk @voxeet/react-components @voxeet/react-redux-5.1.1@5.1.1\n```\n\n## Changelog\n\n### 1.1.0-rc1\nThis version only work with Voxeet SDK V2 (Please contact us to use it)\n! IMPORTANT ! This version is on alpha, some issues can appear. DO NOT PUSH IN PRODUCTION.\n#### Features\n- First implementation in alpha of SDK V2\n- Add pinCode props (Give your own pinCode to the UXKit)\n\n#### Property update\n- `pstnNumbers` is now empty, you need to use your own PSTN numbers in order to use this feature \nFormat : \n```javascript\n[{\n  Code: \"US\",\n  Number: \"YOUR_PSTN_NUMBER\"\n}]\n```\n\n#### Bug fixes\n- Pre configuration screen in small screen\n\n### 1.0.1\n#### Bug fixes\n- Fix possible CSS conflict with some classes\n- Move library target from `umd` to `commonjs2`\n\n### 1.0.0\n#### Features\n- Add support for `react-redux` v7.X, `VoxeetProvider` is now exposed inside the `react-components` to prevent version conflicts (Use the `VoxeetProvider` instead )\n#### Property update\n- `videoCodec` default is now `H264`\n\n### 0.36.7\n#### Features\n- New property `closeSessionAtHangUp`, option to choose if the session should be automatically close at hang up (default: true)\n\n### 0.36.6\n#### Features\n- Search engine for `invitedUsers` in order to find user easily in the `AttendeesList`\n\n### 0.36.3-0.36.5\n#### Features\n- New property `invitedUsers`, add the possibilidy to give an array of users who can be invited during the conference. (externalId mandatory)\n\n### 0.36.2\n#### Features\n- New property `pstnNumbers`, use http://cdn.voxeet.com/pstn/numbers to get phone numbers for PSTN and give an array of needed numbers in this property\n\n### 0.36.1\n#### Features\n- You can now disable sounds using `disableSounds` props\n- String customisation (See explanations below) with `customLocalizedStrings`\n#### Bug fixes\n- Fix camera truncated in speaker mode if the video is coming from mobile\n- Fix video presentation in widget mode\n\n### 0.35.0\n#### Features\n- Implementation of video presentation (If you use `shareActions` you can add `videopresentation`), a video can now be shared to other attendees. Only the video presenter can control the video, other attendees will receive actions (Play/Pause/Seek).\n- You can now customize \"We're waiting for other callers to arrive.\" with component `attendeesWaiting`.\n- Automatically start a recording when joining a conference with `autoRecording` (if it's not already start).\n- Automatically start HLS when joining a conference with `autoHls` (if it's not already start).\n- When starting HLS in Live Broadcast right panel, a link is displayed to watch the live conference.\n\n#### Bug fixes\n- Pre-configuration screen, error if access denied to your devices (microphone and/or camera)\n- UI improvements\n- Responsive improvements\n\n## Usage\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from '@voxeet/react-components';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n```\n\n### Widget\n\n```javascript\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport thunkMidleware from 'redux-thunk'\nimport { combineReducers, createStore, applyMiddleware } from 'redux'\n\nimport { ConferenceRoom, VoxeetProvider, reducer as voxeetReducer } from '@voxeet/react-components'\n\n// Import Style\nimport '@voxeet/react-components/dist/voxeet-react-components.css'; // Can you be customize, refer to https://github.com/voxeet/voxeet-assets-react-components\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n\nconst configureStore = () => createStore(\n  reducers,\n  applyMiddleware(thunkMidleware)\n)\n\nconst settings = {\n  consumerKey: 'consumerKey',\n  consumerSecret: 'consumerSecret',\n  conferenceAlias: 'Sample'\n}\n\nReactDOM.render(\n  <VoxeetProvider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </VoxeetProvider>,\n  document.getElementById('app')\n)\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n| Name | Type | Default | Description|\n|------|------|---------|------------|\n|`sdk`|Function||VoxeetSDK if you want to use an external Voxeet SDK|\n|`consumerKey`|String||The consumer key|\n|`consumerSecret`|String||The consumer secret|\n|`oauthToken`|String||The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !|\n|`refreshTokenCallback`|func||Provide this function that return a promise with the refreshed token, when this one expire|\n|`conferenceAlias`|String||The conference you whant to join|\n|`logo`|String|Voxeet Logo|Display your logo inside the react components by using this props.|\n|`chromeExtensionId`|String||Id of chrome screenshare extension, a message will be prompt when the user will try to screenshare (Inline installation is no longer supported)|\n|`displayActions`|Array|[\"mute\" ,\"recording\", \"share\", \"video\", \"live\", \"attendees\", \"chat\", \"pstn\"]|You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"share\", \"recording\", \"live\", \"attendees\", \"chat\")|\n|`shareActions`|Array|[\"screenshare\" ,\"filepresentation\", \"videopresentation\"]|You can choose which button will be display, it's possible to do a screenshare, file presentation or video presentation ! If you set the displayActions you need to add the 'share' button to allow actions.|\n|`liveRecordingEnabled`|Boolean|false|Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)|\n|`disableSounds`|Boolean|false|Disable sounds during the conference (mute/unmute, record, conference join, conference left)|\n|`customLocalizedStrings`|Object|Custom strings, described below|\n|`pstnNumbers`|Array|Custom PSTN Numbers|\n|`pinCode`|String|Pin code for PSTN call|\n|`isWidget`|Boolean|true|Indicate if component used like widget or embedded in your app|\n|`chromeExtensionId`|String|null|The Id from your Chrome Web Extension to screenshare (needed only on Chrome)|\n|`autoRecording`|Boolean|false|Automatically record the conference when joining the conference (if it's not already start)|\n|`autoHls`|Boolean|false|Automatically start Hls broadcast when the conference is created|\n|`closeSessionAtHangUp`|Boolean|true|Automatically close the session of the current user when hang up|\n|`isModal`|Boolean|false|Indicate if component displayed like modal|\n|`loadingScreen`|Component|LoadingScreen|Put your own loading screen instead of Voxeet loading screen|\n|`isWebinar`|Boolean|false|Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)|\n|`autoJoin`|Boolean|false|Join automatically conference|\n|`preConfig`|Boolean|false|Show a pop up before entering inside the Conference to configure your devices (audio, video)|\n|`videoCodec`|String|H264|Specify video codec \"H264\" or \"VP8\" => H264 is needed for video on Safari|\n|`isListener`|Boolean|false|Enter in conference in listener mode|\n|`displayModes`|Array|[\"list\", \"tiles\", \"speaker\"]|Indicate which mode is allowed (modes will be in the same order as the array)|\n|`invitedUsers`|Array|[{name: \"USERNAME\", externalId:\"EXTERNAL_ID\", title: \"TITLE\"}]|Array of people who can be invited during the conference. If the other side, people need to be subscribe to the conference to receive the invitation|\n|`isManualKickAllowed`|Boolean|false|Authorize admin (conference creator) to kick users in conference|\n|`isAdmin`|Boolean|false|Current user who join the conference is the admin|\n|`kickOnHangUp`|Boolean|false|Kick all users when admin (conference creator) leave the conference|\n|`userInfo`|Object|{</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() * 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>}|User informations for voxeet sdk|\n|`conferenceReplayId`|String||Replay automatically a conference|\n|`constraints`|Object|{</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}|The webrtc constraints for the sdk|\n|`actionsButtons`|React Component|ActionsButtons - All buttons|A react component to customize the actions buttons|\n|`handleOnLeave`|Function||Function call on leave conference|\n|`handleOnConnect`|Function||Function call when the current user is connected to the conference|\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport bowser from \"bowser\";\nimport { Buttons } from \"@voxeet/react-components\";\n\nclass ActionsButtons extends Component {\n  constructor(props) {\n    super(props);\n  }\n\n  render() {\n    const {\n      isBottomBar,\n      forceFullscreen,\n      isMuted,\n      isRecording,\n      isWidgetFullScreenOn,\n      toggleVideoPresentation,\n      videoEnabled,\n      isVideoPresentation,\n      videoPresentationEnabled,\n      displayModal,\n      conferencePincode,\n      convertFilePresentation,\n      isHlsLive,\n      toggleMicrophone,\n      screenShareEnabled,\n      filePresentationEnabled,\n      toggleRecording,\n      toggleVideo,\n      toggleScreenShare,\n      attendeesSettingsOpened,\n      toggleAttendeesSettings,\n      toggleAttendeesList,\n      attendeesListOpened,\n      attendeesChatOpened,\n      attendeesLiveOpened,\n      toggleAttendeesChat,\n      toggleAttendeesLive,\n      recordingLocked,\n      toggleModal,\n      toggleAudio3D,\n      isWebinar,\n      isAdmin,\n      displayActions,\n      shareActions,\n      leave,\n      audio3DEnabled,\n      isElectron,\n      displayExternalLiveModal,\n      isExternalLive,\n      currentUser,\n      isFilePresentation,\n      isScreenshare,\n      isDemo\n    } = this.props;\n\n    return (\n      <div>\n        <ul className=\"controls-left\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"mute\") > -1 &&\n            !isDemo && (\n              <ToggleMicrophoneButton\n                isMuted={isMuted}\n                toggle={toggleMicrophone}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"video\") > -1 &&\n            !isDemo && (\n              <ToggleVideoButton\n                videoEnabled={videoEnabled}\n                toggle={toggleVideo}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            isBottomBar &&\n            isElectron && (\n              <Toggle3DAudioButton\n                audio3DEnabled={audio3DEnabled}\n                toggleAudio3D={toggleAudio3D}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n        </ul>\n        <ul className=\"controls-center\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"recording\") > -1 &&\n            !isDemo && (\n              <ToggleRecordingButton\n                isRecording={isRecording}\n                recordingLocked={recordingLocked}\n                toggle={toggleRecording}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"share\") > -1 &&\n            !isDemo &&\n            shareActions.length > 0 && (\n              <ToggleScreenShareButton\n                screenShareEnabled={screenShareEnabled}\n                filePresentationEnabled={filePresentationEnabled}\n                videoPresentationEnabled={videoPresentationEnabled}\n                currentUserScreenShare={isScreenshare}\n                currentUserFilePresentation={isFilePresentation}\n                currentUserVideoPresentation={isVideoPresentation}\n                isElectron={isElectron}\n                toggle={toggleScreenShare}\n                toggleVideoPresentation={toggleVideoPresentation}\n                convertFilePresentation={convertFilePresentation}\n                shareActions={shareActions}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {isBottomBar && (!isWebinar || (isWebinar && isAdmin)) && !isDemo && (\n            <li className=\"separator\"></li>\n          )}\n          {isBottomBar && (\n            <HangUpButtonBottomBar leave={leave} tooltipPlace=\"top\" />\n          )}\n        </ul>\n        <ul className=\"controls-right\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"pstn\") > -1 && conferencePincode.length > 0 &&\n            !isDemo && (\n              <TogglePSTN\n                conferencePincode={conferencePincode}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"live\") > -1 &&\n            !isDemo && (\n              <ToggleExternalLiveButton\n                attendeesLiveOpened={attendeesLiveOpened}\n                toggle={toggleAttendeesLive}\n                isExternalLive={isExternalLive}\n                isHlsLive={isHlsLive}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            !bowser.msie &&\n            !currentUser.isListener && (\n              <ToggleSettingsButton\n                attendeesSettingsOpened={attendeesSettingsOpened}\n                toggle={toggleAttendeesSettings}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {displayActions.indexOf(\"attendees\") > -1 && (\n            <ToggleAttendeesListButton\n              tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              toggle={toggleAttendeesList}\n              isBottomBar={isBottomBar}\n              isOpen={attendeesListOpened}\n            />\n          )}\n          {displayActions.indexOf(\"chat\") > -1 && (\n            <ToggleAttendeesChatButton\n              tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              toggle={toggleAttendeesChat}\n              isBottomBar={isBottomBar}\n              isOpen={attendeesChatOpened}\n            />\n          )}\n        </ul>\n      </div>\n    );\n  }\n}\n\nActionsButtons.propTypes = {\n    isBottomBar: PropTypes.bool.isRequired,\n    forceFullscreen: PropTypes.bool.isRequired,\n    isMuted: PropTypes.bool.isRequired,\n    currentUser: PropTypes.object.isRequired,\n    isWebinar: PropTypes.bool.isRequired,\n    isAdmin: PropTypes.bool.isRequired,\n    videoEnabled: PropTypes.bool.isRequired,\n    screenShareEnabled: PropTypes.bool.isRequired,\n    filePresentationEnabled: PropTypes.bool.isRequired,\n    videoPresentationEnabled: PropTypes.bool.isRequired,\n    displayModal: PropTypes.bool.isRequired,\n    isScreenshare: PropTypes.bool.isRequired,\n    isVideoPresentation: PropTypes.bool.isRequired,\n    isHlsLive: PropTypes.bool.isRequired,\n    isFilePresentation: PropTypes.bool.isRequired,\n    displayActions: PropTypes.array.isRequired,\n    toggleAudio3D: PropTypes.func.isRequired,\n    recordingLocked: PropTypes.bool.isRequired,\n    isElectron: PropTypes.bool.isRequired,\n    isExternalLive: PropTypes.bool.isRequired,\n    audio3DEnabled: PropTypes.bool.isRequired,\n    isRecording: PropTypes.bool.isRequired,\n    isWidgetFullScreenOn: PropTypes.bool.isRequired,\n    toggleMicrophone: PropTypes.func.isRequired,\n    leave: PropTypes.func.isRequired,\n    toggleRecording: PropTypes.func.isRequired,\n    toggleVideo: PropTypes.func.isRequired,\n    toggleScreenShare: PropTypes.func.isRequired,\n    toggleVideoPresentation: PropTypes.func.isRequired,\n    convertFilePresentation: PropTypes.func.isRequired,\n    toggleModal: PropTypes.func.isRequired,\n    toggleMode: PropTypes.func.isRequired,\n    mode: PropTypes.string.isRequired,\n    toggleAttendeesList: PropTypes.func.isRequired,\n    attendeesListOpened: PropTypes.bool.isRequired,\n    toggleAttendeesChat: PropTypes.func.isRequired,\n    attendeesChatOpened: PropTypes.bool.isRequired,\n    toggleAttendeesSettings: PropTypes.func.isRequired,\n    attendeesSettingsOpened: PropTypes.bool.isRequired,\n    toggleAttendeesLive: PropTypes.func.isRequired,\n    attendeesLiveOpened: PropTypes.bool.isRequired\n}\n\nActionsButtons.defaultProps = {\n    isBottomBar: false,\n    forceFullscreen: false\n}\n\nexport default ActionsButtons\n\n```\n\n### Localized strings\n\nFor english language (Be sure to use this keys to override default strings)\n\n```\n[en :{\n    noPstnNumbers: \"There is no PSTN numbers...\",\n    electronloading: \"Voxeet is loading, please wait\",\n    error: \"Error\",\n    errorPermissionDeniedMicrophone:\n      \"An error occured when joining the conference. Please make sure to allow access to your microphone.\",\n    errorPermissionDeniedMicrophoneCamera:\n      \"An error occured when joining the conference. Please make sure to allow access to your microphone and camera.\",\n    errorIE11:\n      \"A plugin is mandatory for IE11, please download and install the plugin. When the installation is complete, please refresh this page.\",\n    browerNotSupported: \"This browser is currently not supported.\",\n    installExtension: \"Please install the screen share extension with this \",\n    noExtensionAvailable: \"No Chrome Web Extension configure for screen share.\",\n    microphoneOff: \"Your microphone is muted.\",\n    microphoneOn: \"Your microphone is on.\",\n    cameraOn: \"Your camera is on.\",\n    cameraOff: \"Your camera is off.\",\n    recordConferenceStart: \"Your conference is being recorded.\",\n    recordConferenceStop: \"Your conference is no longer recorded.\",\n    screenshareInProgress:\n      \"You cannot screenshare while another user is screensharing.\",\n    recordConferenceStartBy: \"Your conference is being recorded by \",\n    recordConferenceStopBy: \"Your conference is no longer recorded by \",\n    conferenceAlreadyRecord:\n      \"Your conference is already being recorded by an other attendee.\",\n    leave: \"End\",\n    audio: \"3D Audio\",\n    chat: \"Chat\",\n    externalLive: \"Live Broadcast\",\n    fullscreen: \"FullScreen\",\n    minimize: \"Minimize\",\n    mute: \"Mute\",\n    displaymode: \"Display mode\",\n    pincode: \"Call-in\",\n    sendMessage: \"Send\",\n    pinCodeExplanations:\n      \"Call this number below and provide the conference pin code to join the conference via PSTN.\",\n    record: \"Recording\",\n    shareAlreadyStarted:\n      \"Someone is already sharing. Please stop it before start a new one.\",\n    share: \"Share\",\n    screenshare: \"Share Screen\",\n    screenshareEntireScreen: \"Share entire screen\",\n    screenshareAWindow: \"Share a window\",\n    screenshareOption: \"Share options\",\n    settings: \"Settings\",\n    open: \"Open\",\n    close: \"Close\",\n    video: \"Video\",\n    camera: \"Camera\",\n    liveCall: \"Live is running\",\n    linkHls: \"See your live\",\n    broadcastLive: \"Diffusion en cours\",\n    externalUrl: \"Configure your stream\",\n    externalPassword: \"Enter your password from your live\",\n    launchLive: \"Start your stream\",\n    stopLive: \"Stop your live stream\",\n    geturl: \"Get your stream url (on Youtube or Facebook)\",\n    getpwd: \"Get your stream password (on Youtube or Facebook)\",\n    enterhere: \"Enter your informations here :\",\n    titleSettings: \"Set preferred camera and microphone\",\n    problemSettings: \"If you are having problems, try restarting your browser.\",\n    saveSettings: \"Your preferences will automatically save.\",\n    screensharerunning: \"Happy Screen Sharing!\",\n    tile: \"Tile\",\n    list: \"List\",\n    speaker: \"Speaker\",\n    displaymode: \"Display mode\",\n    changelayout: \"Change layout\",\n    attendees: \"Attendees\",\n    here: \"here\",\n    hangtight: \"We're waiting for other callers to arrive.\",\n    join: \"Join\",\n    incall: \"In call with :\",\n    joincall: \"Join Call\",\n    expand: \"Expand\",\n    activecall: \"Active call\",\n    leavecall: \"Leave call\",\n    output: \"Output\",\n    input: \"Input\",\n    titlePreConfig: \"Set up your devices\",\n    presenter: \"Attendees\",\n    joined: \"Joined\",\n    invited: \"Waiting on\",\n    presenter: \"Presenter\",\n    listener: \"Listener\",\n    left: \"Left\",\n    noAudioDevice:\n      \"No audio device detected. Please make sure to plug at least one microphone to access this conference.\",\n    filepresentation: \"Share a file\",\n    prev: \"Previous\",\n    next: \"Next\",\n    errorFilePresentation:\n      \"An error occured during the file presentation. Please check your file.\",\n    videopresentation: \"Share a video\",\n    placeholderVideoPresentation: \"Video URL\",\n    startVideoPresentationAutoplay: \"Start video\",\n    invitedUsers: \"Waiting for invitation\",\n    inviteUser: \"Invite\"\n}]\n```\n\nMore language can be added. Use an array prefixed with the correct language key. (en, fr, it, ...)\n","readmeFilename":"README.md","_id":"@voxeet/react-components@1.1.0-rc1","_nodeVersion":"10.15.3","_npmVersion":"6.11.2","dist":{"integrity":"sha512-lUYIiv0wzz+otEe9LBFBzgOh+rfSUwliBzvuIE+4FBA+Zgnh94p6xCB3Z5/ay8ZYLzYQkh4v63IsICMqsempKA==","shasum":"5b9d4284bde3b923b944cd8762c3bc53d6ca5bb1","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-1.1.0-rc1.tgz","fileCount":87,"unpackedSize":6052028,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdxETsCRA9TVsSAnZWagAAq1IP/2o8I0xRh2XlqwDjapkB\nI1b+WMKaXcG4PqoyOZB47w44ofzKlFOENycXJsM52fX59NrbcSehT0GxEdsU\nTZ7gJHB/RMtlGu0zzNT9YnTmHEprxsd2WT9uKrLJRcyODJE9oegtxLwiZBn1\nJwVBnzYBX5lB45cjUvNj4i+q/OpTMimJ5RwJi/baAk/VCr7P0vMp01NXIxNJ\nHgKzDjfrVVU2FkehMhsmygJihxlu8ibMJUP5xdV45YQB+JeNXZ7TgIhNdlqw\nK4O4nNLTH48OZwyzx2/gEh8ycBKm87bu9vRWOnF3iN5bl+oQnIMyRRWc2jYT\nKnQ26nrVsm2tR1/QlCY+ExvfZtKtqh+HBzZPxH+IEJnbFgYevL/r6SSVrEr3\nJj/LAqdhdT71d+1QgaMnFEeBnlXYNBwIG3vLWXMwLutmCjDmUzHFoKQh7tJc\nnUpLzbFq+jjUO9+0SDIVxr8L4hpEn38E2SGjvybp4SYJk4ccSJLS/2sJ8xih\nKa5r7PXvG6myEHpFrY1B5jJEAqKEmJJOPnSEQDJhL6oGX9PbKVjRVx7griI4\nCqphiZjXgz8nx3wL8Vky/dWzn0kZNVShQPdfoe4puled711vaOdkAw51Fmv8\nJEvyLeI1jXWAgITm3G4w4gxA6iRyleljT/w6M3xm6C/jsopx+uiuM3kuRDMc\n54IU\r\n=ey9L\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB/BGezbXn1e4YB4jF3IBGovN+wRbjc4Cdp3ZkF2t1YIAiEA1wpj7LuyuKS64y0Zo4yRLJ7ijGEYwGLfdl9/GWJB7YA="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"},{"email":"clarroque@voxeet.com","name":"vtcoco"}],"_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_1.1.0-rc1_1573143787838_0.06677874541178097"},"_hasShrinkwrap":false},"1.1.0-rc2":{"name":"@voxeet/react-components","version":"1.1.0-rc2","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/polyfill":"^7.2.5","@babel/runtime":"^7.3.4","autolinker":"^2.2.2","bowser":"1.9.4","browserslist":"^4.5.2","classnames":"2.2.6","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.0","prop-types":"15.6.2","react":"16.9.0","react-dom":"16.9.0","react-draggable":"3.1.1","react-localization":"^1.0.13","react-player":"^1.11.1","@voxeet/react-redux-5.1.1":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","redux":"4.0.4","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.3.4","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"1.9.5"},"_resolved":"","_integrity":"","_from":"file:voxeet-react-components-1.1.0-rc2.tgz","readme":"Voxeet React Components\n=====================\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components @voxeet/react-redux-5.1.1@5.1.1 --save\nyarn add @voxeet/voxeet-web-sdk @voxeet/react-components @voxeet/react-redux-5.1.1@5.1.1\n```\n\n## Changelog\n\n### 1.1.0-rc1\nThis version only work with Voxeet SDK V2 (Please contact us to use it)\n! IMPORTANT ! This version is on alpha, some issues can appear. DO NOT PUSH IN PRODUCTION.\n#### Features\n- First implementation in alpha of SDK V2\n- Add pinCode props (Give your own pinCode to the UXKit)\n\n#### Property update\n- `pstnNumbers` is now empty, you need to use your own PSTN numbers in order to use this feature \nFormat : \n```javascript\n[{\n  Code: \"US\",\n  Number: \"YOUR_PSTN_NUMBER\"\n}]\n```\n\n#### Bug fixes\n- Pre configuration screen in small screen\n\n### 1.0.1\n#### Bug fixes\n- Fix possible CSS conflict with some classes\n- Move library target from `umd` to `commonjs2`\n\n### 1.0.0\n#### Features\n- Add support for `react-redux` v7.X, `VoxeetProvider` is now exposed inside the `react-components` to prevent version conflicts (Use the `VoxeetProvider` instead )\n#### Property update\n- `videoCodec` default is now `H264`\n\n### 0.36.7\n#### Features\n- New property `closeSessionAtHangUp`, option to choose if the session should be automatically close at hang up (default: true)\n\n### 0.36.6\n#### Features\n- Search engine for `invitedUsers` in order to find user easily in the `AttendeesList`\n\n### 0.36.3-0.36.5\n#### Features\n- New property `invitedUsers`, add the possibilidy to give an array of users who can be invited during the conference. (externalId mandatory)\n\n### 0.36.2\n#### Features\n- New property `pstnNumbers`, use http://cdn.voxeet.com/pstn/numbers to get phone numbers for PSTN and give an array of needed numbers in this property\n\n### 0.36.1\n#### Features\n- You can now disable sounds using `disableSounds` props\n- String customisation (See explanations below) with `customLocalizedStrings`\n#### Bug fixes\n- Fix camera truncated in speaker mode if the video is coming from mobile\n- Fix video presentation in widget mode\n\n### 0.35.0\n#### Features\n- Implementation of video presentation (If you use `shareActions` you can add `videopresentation`), a video can now be shared to other attendees. Only the video presenter can control the video, other attendees will receive actions (Play/Pause/Seek).\n- You can now customize \"We're waiting for other callers to arrive.\" with component `attendeesWaiting`.\n- Automatically start a recording when joining a conference with `autoRecording` (if it's not already start).\n- Automatically start HLS when joining a conference with `autoHls` (if it's not already start).\n- When starting HLS in Live Broadcast right panel, a link is displayed to watch the live conference.\n\n#### Bug fixes\n- Pre-configuration screen, error if access denied to your devices (microphone and/or camera)\n- UI improvements\n- Responsive improvements\n\n## Usage\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from '@voxeet/react-components';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n```\n\n### Widget\n\n```javascript\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport thunkMidleware from 'redux-thunk'\nimport { combineReducers, createStore, applyMiddleware } from 'redux'\n\nimport { ConferenceRoom, VoxeetProvider, reducer as voxeetReducer } from '@voxeet/react-components'\n\n// Import Style\nimport '@voxeet/react-components/dist/voxeet-react-components.css'; // Can you be customize, refer to https://github.com/voxeet/voxeet-assets-react-components\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n\nconst configureStore = () => createStore(\n  reducers,\n  applyMiddleware(thunkMidleware)\n)\n\nconst settings = {\n  consumerKey: 'consumerKey',\n  consumerSecret: 'consumerSecret',\n  conferenceAlias: 'Sample'\n}\n\nReactDOM.render(\n  <VoxeetProvider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </VoxeetProvider>,\n  document.getElementById('app')\n)\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n| Name | Type | Default | Description|\n|------|------|---------|------------|\n|`sdk`|Function||VoxeetSDK if you want to use an external Voxeet SDK|\n|`consumerKey`|String||The consumer key|\n|`consumerSecret`|String||The consumer secret|\n|`oauthToken`|String||The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !|\n|`refreshTokenCallback`|func||Provide this function that return a promise with the refreshed token, when this one expire|\n|`conferenceAlias`|String||The conference you whant to join|\n|`logo`|String|Voxeet Logo|Display your logo inside the react components by using this props.|\n|`chromeExtensionId`|String||Id of chrome screenshare extension, a message will be prompt when the user will try to screenshare (Inline installation is no longer supported)|\n|`displayActions`|Array|[\"mute\" ,\"recording\", \"share\", \"video\", \"live\", \"attendees\", \"chat\", \"pstn\"]|You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"share\", \"recording\", \"live\", \"attendees\", \"chat\")|\n|`shareActions`|Array|[\"screenshare\" ,\"filepresentation\", \"videopresentation\"]|You can choose which button will be display, it's possible to do a screenshare, file presentation or video presentation ! If you set the displayActions you need to add the 'share' button to allow actions.|\n|`liveRecordingEnabled`|Boolean|false|Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)|\n|`disableSounds`|Boolean|false|Disable sounds during the conference (mute/unmute, record, conference join, conference left)|\n|`customLocalizedStrings`|Object|Custom strings, described below|\n|`pstnNumbers`|Array|Custom PSTN Numbers|\n|`pinCode`|String|Pin code for PSTN call|\n|`isWidget`|Boolean|true|Indicate if component used like widget or embedded in your app|\n|`chromeExtensionId`|String|null|The Id from your Chrome Web Extension to screenshare (needed only on Chrome)|\n|`autoRecording`|Boolean|false|Automatically record the conference when joining the conference (if it's not already start)|\n|`autoHls`|Boolean|false|Automatically start Hls broadcast when the conference is created|\n|`closeSessionAtHangUp`|Boolean|true|Automatically close the session of the current user when hang up|\n|`isModal`|Boolean|false|Indicate if component displayed like modal|\n|`loadingScreen`|Component|LoadingScreen|Put your own loading screen instead of Voxeet loading screen|\n|`isWebinar`|Boolean|false|Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)|\n|`autoJoin`|Boolean|false|Join automatically conference|\n|`preConfig`|Boolean|false|Show a pop up before entering inside the Conference to configure your devices (audio, video)|\n|`videoCodec`|String|H264|Specify video codec \"H264\" or \"VP8\" => H264 is needed for video on Safari|\n|`isListener`|Boolean|false|Enter in conference in listener mode|\n|`displayModes`|Array|[\"list\", \"tiles\", \"speaker\"]|Indicate which mode is allowed (modes will be in the same order as the array)|\n|`invitedUsers`|Array|[{name: \"USERNAME\", externalId:\"EXTERNAL_ID\", title: \"TITLE\"}]|Array of people who can be invited during the conference. If the other side, people need to be subscribe to the conference to receive the invitation|\n|`isManualKickAllowed`|Boolean|false|Authorize admin (conference creator) to kick users in conference|\n|`isAdmin`|Boolean|false|Current user who join the conference is the admin|\n|`kickOnHangUp`|Boolean|false|Kick all users when admin (conference creator) leave the conference|\n|`userInfo`|Object|{</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() * 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>}|User informations for voxeet sdk|\n|`conferenceReplayId`|String||Replay automatically a conference|\n|`constraints`|Object|{</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}|The webrtc constraints for the sdk|\n|`actionsButtons`|React Component|ActionsButtons - All buttons|A react component to customize the actions buttons|\n|`handleOnLeave`|Function||Function call on leave conference|\n|`handleOnConnect`|Function||Function call when the current user is connected to the conference|\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport bowser from \"bowser\";\nimport { Buttons } from \"@voxeet/react-components\";\n\nclass ActionsButtons extends Component {\n  constructor(props) {\n    super(props);\n  }\n\n  render() {\n    const {\n      isBottomBar,\n      forceFullscreen,\n      isMuted,\n      isRecording,\n      isWidgetFullScreenOn,\n      toggleVideoPresentation,\n      videoEnabled,\n      isVideoPresentation,\n      videoPresentationEnabled,\n      displayModal,\n      conferencePincode,\n      convertFilePresentation,\n      isHlsLive,\n      toggleMicrophone,\n      screenShareEnabled,\n      filePresentationEnabled,\n      toggleRecording,\n      toggleVideo,\n      toggleScreenShare,\n      attendeesSettingsOpened,\n      toggleAttendeesSettings,\n      toggleAttendeesList,\n      attendeesListOpened,\n      attendeesChatOpened,\n      attendeesLiveOpened,\n      toggleAttendeesChat,\n      toggleAttendeesLive,\n      recordingLocked,\n      toggleModal,\n      toggleAudio3D,\n      isWebinar,\n      isAdmin,\n      displayActions,\n      shareActions,\n      leave,\n      audio3DEnabled,\n      isElectron,\n      displayExternalLiveModal,\n      isExternalLive,\n      currentUser,\n      isFilePresentation,\n      isScreenshare,\n      isDemo\n    } = this.props;\n\n    return (\n      <div>\n        <ul className=\"controls-left\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"mute\") > -1 &&\n            !isDemo && (\n              <ToggleMicrophoneButton\n                isMuted={isMuted}\n                toggle={toggleMicrophone}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"video\") > -1 &&\n            !isDemo && (\n              <ToggleVideoButton\n                videoEnabled={videoEnabled}\n                toggle={toggleVideo}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            isBottomBar &&\n            isElectron && (\n              <Toggle3DAudioButton\n                audio3DEnabled={audio3DEnabled}\n                toggleAudio3D={toggleAudio3D}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n        </ul>\n        <ul className=\"controls-center\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"recording\") > -1 &&\n            !isDemo && (\n              <ToggleRecordingButton\n                isRecording={isRecording}\n                recordingLocked={recordingLocked}\n                toggle={toggleRecording}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"share\") > -1 &&\n            !isDemo &&\n            shareActions.length > 0 && (\n              <ToggleScreenShareButton\n                screenShareEnabled={screenShareEnabled}\n                filePresentationEnabled={filePresentationEnabled}\n                videoPresentationEnabled={videoPresentationEnabled}\n                currentUserScreenShare={isScreenshare}\n                currentUserFilePresentation={isFilePresentation}\n                currentUserVideoPresentation={isVideoPresentation}\n                isElectron={isElectron}\n                toggle={toggleScreenShare}\n                toggleVideoPresentation={toggleVideoPresentation}\n                convertFilePresentation={convertFilePresentation}\n                shareActions={shareActions}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {isBottomBar && (!isWebinar || (isWebinar && isAdmin)) && !isDemo && (\n            <li className=\"separator\"></li>\n          )}\n          {isBottomBar && (\n            <HangUpButtonBottomBar leave={leave} tooltipPlace=\"top\" />\n          )}\n        </ul>\n        <ul className=\"controls-right\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"pstn\") > -1 && conferencePincode.length > 0 &&\n            !isDemo && (\n              <TogglePSTN\n                conferencePincode={conferencePincode}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"live\") > -1 &&\n            !isDemo && (\n              <ToggleExternalLiveButton\n                attendeesLiveOpened={attendeesLiveOpened}\n                toggle={toggleAttendeesLive}\n                isExternalLive={isExternalLive}\n                isHlsLive={isHlsLive}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            !bowser.msie &&\n            !currentUser.isListener && (\n              <ToggleSettingsButton\n                attendeesSettingsOpened={attendeesSettingsOpened}\n                toggle={toggleAttendeesSettings}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {displayActions.indexOf(\"attendees\") > -1 && (\n            <ToggleAttendeesListButton\n              tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              toggle={toggleAttendeesList}\n              isBottomBar={isBottomBar}\n              isOpen={attendeesListOpened}\n            />\n          )}\n          {displayActions.indexOf(\"chat\") > -1 && (\n            <ToggleAttendeesChatButton\n              tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              toggle={toggleAttendeesChat}\n              isBottomBar={isBottomBar}\n              isOpen={attendeesChatOpened}\n            />\n          )}\n        </ul>\n      </div>\n    );\n  }\n}\n\nActionsButtons.propTypes = {\n    isBottomBar: PropTypes.bool.isRequired,\n    forceFullscreen: PropTypes.bool.isRequired,\n    isMuted: PropTypes.bool.isRequired,\n    currentUser: PropTypes.object.isRequired,\n    isWebinar: PropTypes.bool.isRequired,\n    isAdmin: PropTypes.bool.isRequired,\n    videoEnabled: PropTypes.bool.isRequired,\n    screenShareEnabled: PropTypes.bool.isRequired,\n    filePresentationEnabled: PropTypes.bool.isRequired,\n    videoPresentationEnabled: PropTypes.bool.isRequired,\n    displayModal: PropTypes.bool.isRequired,\n    isScreenshare: PropTypes.bool.isRequired,\n    isVideoPresentation: PropTypes.bool.isRequired,\n    isHlsLive: PropTypes.bool.isRequired,\n    isFilePresentation: PropTypes.bool.isRequired,\n    displayActions: PropTypes.array.isRequired,\n    toggleAudio3D: PropTypes.func.isRequired,\n    recordingLocked: PropTypes.bool.isRequired,\n    isElectron: PropTypes.bool.isRequired,\n    isExternalLive: PropTypes.bool.isRequired,\n    audio3DEnabled: PropTypes.bool.isRequired,\n    isRecording: PropTypes.bool.isRequired,\n    isWidgetFullScreenOn: PropTypes.bool.isRequired,\n    toggleMicrophone: PropTypes.func.isRequired,\n    leave: PropTypes.func.isRequired,\n    toggleRecording: PropTypes.func.isRequired,\n    toggleVideo: PropTypes.func.isRequired,\n    toggleScreenShare: PropTypes.func.isRequired,\n    toggleVideoPresentation: PropTypes.func.isRequired,\n    convertFilePresentation: PropTypes.func.isRequired,\n    toggleModal: PropTypes.func.isRequired,\n    toggleMode: PropTypes.func.isRequired,\n    mode: PropTypes.string.isRequired,\n    toggleAttendeesList: PropTypes.func.isRequired,\n    attendeesListOpened: PropTypes.bool.isRequired,\n    toggleAttendeesChat: PropTypes.func.isRequired,\n    attendeesChatOpened: PropTypes.bool.isRequired,\n    toggleAttendeesSettings: PropTypes.func.isRequired,\n    attendeesSettingsOpened: PropTypes.bool.isRequired,\n    toggleAttendeesLive: PropTypes.func.isRequired,\n    attendeesLiveOpened: PropTypes.bool.isRequired\n}\n\nActionsButtons.defaultProps = {\n    isBottomBar: false,\n    forceFullscreen: false\n}\n\nexport default ActionsButtons\n\n```\n\n### Localized strings\n\nFor english language (Be sure to use this keys to override default strings)\n\n```\n[en :{\n    noPstnNumbers: \"There is no PSTN numbers...\",\n    electronloading: \"Voxeet is loading, please wait\",\n    error: \"Error\",\n    errorPermissionDeniedMicrophone:\n      \"An error occured when joining the conference. Please make sure to allow access to your microphone.\",\n    errorPermissionDeniedMicrophoneCamera:\n      \"An error occured when joining the conference. Please make sure to allow access to your microphone and camera.\",\n    errorIE11:\n      \"A plugin is mandatory for IE11, please download and install the plugin. When the installation is complete, please refresh this page.\",\n    browerNotSupported: \"This browser is currently not supported.\",\n    installExtension: \"Please install the screen share extension with this \",\n    noExtensionAvailable: \"No Chrome Web Extension configure for screen share.\",\n    microphoneOff: \"Your microphone is muted.\",\n    microphoneOn: \"Your microphone is on.\",\n    cameraOn: \"Your camera is on.\",\n    cameraOff: \"Your camera is off.\",\n    recordConferenceStart: \"Your conference is being recorded.\",\n    recordConferenceStop: \"Your conference is no longer recorded.\",\n    screenshareInProgress:\n      \"You cannot screenshare while another user is screensharing.\",\n    recordConferenceStartBy: \"Your conference is being recorded by \",\n    recordConferenceStopBy: \"Your conference is no longer recorded by \",\n    conferenceAlreadyRecord:\n      \"Your conference is already being recorded by an other attendee.\",\n    leave: \"End\",\n    audio: \"3D Audio\",\n    chat: \"Chat\",\n    externalLive: \"Live Broadcast\",\n    fullscreen: \"FullScreen\",\n    minimize: \"Minimize\",\n    mute: \"Mute\",\n    displaymode: \"Display mode\",\n    pincode: \"Call-in\",\n    sendMessage: \"Send\",\n    pinCodeExplanations:\n      \"Call this number below and provide the conference pin code to join the conference via PSTN.\",\n    record: \"Recording\",\n    shareAlreadyStarted:\n      \"Someone is already sharing. Please stop it before start a new one.\",\n    share: \"Share\",\n    screenshare: \"Share Screen\",\n    screenshareEntireScreen: \"Share entire screen\",\n    screenshareAWindow: \"Share a window\",\n    screenshareOption: \"Share options\",\n    settings: \"Settings\",\n    open: \"Open\",\n    close: \"Close\",\n    video: \"Video\",\n    camera: \"Camera\",\n    liveCall: \"Live is running\",\n    linkHls: \"See your live\",\n    broadcastLive: \"Diffusion en cours\",\n    externalUrl: \"Configure your stream\",\n    externalPassword: \"Enter your password from your live\",\n    launchLive: \"Start your stream\",\n    stopLive: \"Stop your live stream\",\n    geturl: \"Get your stream url (on Youtube or Facebook)\",\n    getpwd: \"Get your stream password (on Youtube or Facebook)\",\n    enterhere: \"Enter your informations here :\",\n    titleSettings: \"Set preferred camera and microphone\",\n    problemSettings: \"If you are having problems, try restarting your browser.\",\n    saveSettings: \"Your preferences will automatically save.\",\n    screensharerunning: \"Happy Screen Sharing!\",\n    tile: \"Tile\",\n    list: \"List\",\n    speaker: \"Speaker\",\n    displaymode: \"Display mode\",\n    changelayout: \"Change layout\",\n    attendees: \"Attendees\",\n    here: \"here\",\n    hangtight: \"We're waiting for other callers to arrive.\",\n    join: \"Join\",\n    incall: \"In call with :\",\n    joincall: \"Join Call\",\n    expand: \"Expand\",\n    activecall: \"Active call\",\n    leavecall: \"Leave call\",\n    output: \"Output\",\n    input: \"Input\",\n    titlePreConfig: \"Set up your devices\",\n    presenter: \"Attendees\",\n    joined: \"Joined\",\n    invited: \"Waiting on\",\n    presenter: \"Presenter\",\n    listener: \"Listener\",\n    left: \"Left\",\n    noAudioDevice:\n      \"No audio device detected. Please make sure to plug at least one microphone to access this conference.\",\n    filepresentation: \"Share a file\",\n    prev: \"Previous\",\n    next: \"Next\",\n    errorFilePresentation:\n      \"An error occured during the file presentation. Please check your file.\",\n    videopresentation: \"Share a video\",\n    placeholderVideoPresentation: \"Video URL\",\n    startVideoPresentationAutoplay: \"Start video\",\n    invitedUsers: \"Waiting for invitation\",\n    inviteUser: \"Invite\"\n}]\n```\n\nMore language can be added. Use an array prefixed with the correct language key. (en, fr, it, ...)\n","readmeFilename":"README.md","_id":"@voxeet/react-components@1.1.0-rc2","_nodeVersion":"10.15.3","_npmVersion":"6.11.2","dist":{"integrity":"sha512-Yaw6kP3NzEBHMD9xSoyUsqeQ7MNo7HdLTWFeUNIEHaW6/wTbVIbrSMK+PM7s/GnNQ4inKtw4XmpdMNjKQkVyoA==","shasum":"276a676a69a3608dd97c4c71657e6b14bf5bfae1","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-1.1.0-rc2.tgz","fileCount":87,"unpackedSize":6051972,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdxFDcCRA9TVsSAnZWagAAlS0QAJnKW6JzwAi+8fkp6gFf\nJpFJ6/Omft1JrzMvIEKbC+zY9QC2gRzYslqCK1Mx5zV0/myjg2n9brN9kjdn\nyDUO6xy2nsCU/xvoUIsdhDBldzUQ7EL6ZAEKyyROBlOYf6RNy01PS96a6l9a\nf9r2XL/NAR6aIr0qzri7NemVXXVJPV5mebjwv8eonNGy+Togw0SEsSeDN0dW\nrI64lab03Qa3S0e9KecZkGyiPzxWn6MD2N09DtTHAC7ZLq7ii5q3JQEqFSHu\nEkwBcQo+X+NDSETKrGSVa6u41o+ZNFdiNE4nBUp1nQRSFI/Q2ttRhyZRrt5Y\nni6hXUniH98vFu7kJaYSPGXTkVnYE0qHi8qHUzKo0X+2CU6qrdYKQIIkrhv1\nLh+bCGWc3+Atw5h61WB3y5iscSQY4pAit+9WzZwWfPHtUQ4WFYsM3dBiDcYy\nqgFYXqdnC/5z5cEf4X57mnEwDgv5b57K/ndD9rBrT0BaiWG6Tp5t1ysE8bDD\noXr454ps21gyECJhX3NkEXcEuxaKMqNwjS9KAy4w1xE2LcMWDtU10utDFw2+\n6MxE+OPBlzz+OgfxszzQX+Iog24tX0VhUYfNcAQrl/5dgL2h2YAPrPjWKsJ0\npTye25LZSdAdVS02JeUJuZXXSe/ev3IAIUe2rpxbnYp8iRdPNgfEGLYAMUw5\nwxv+\r\n=EfPy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHnicronISOxUdewQWMKKSfWtUpyBJ0g1RaDJtCEBtbfAiAWXdy15RGddY7kw2cOHGTIysTwTduIR2IzAoUW9iYKcg=="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"},{"email":"clarroque@voxeet.com","name":"vtcoco"}],"_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_1.1.0-rc2_1573146844029_0.9980778066982987"},"_hasShrinkwrap":false},"1.1.0-rc3":{"name":"@voxeet/react-components","version":"1.1.0-rc3","description":"Voxeet React Components =====================","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/polyfill":"^7.2.5","@babel/runtime":"^7.3.4","autolinker":"^2.2.2","bowser":"1.9.4","browserslist":"^4.5.2","classnames":"2.2.6","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.0","prop-types":"15.6.2","react":"16.9.0","react-dom":"16.9.0","react-draggable":"3.1.1","react-localization":"^1.0.13","react-player":"^1.11.1","@voxeet/react-redux-5.1.1":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","redux":"4.0.4","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.3.4","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"1.9.5"},"_resolved":"","_integrity":"","_from":"file:voxeet-react-components-1.1.0-rc3.tgz","readme":"Voxeet React Components\n=====================\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components @voxeet/react-redux-5.1.1@5.1.1 --save\nyarn add @voxeet/voxeet-web-sdk @voxeet/react-components @voxeet/react-redux-5.1.1@5.1.1\n```\n\n## Changelog\n\n### 1.1.0-rc1\nThis version only work with Voxeet SDK V2 (Please contact us to use it)\n! IMPORTANT ! This version is on alpha, some issues can appear. DO NOT PUSH IN PRODUCTION.\n#### Features\n- First implementation in alpha of SDK V2\n- Add pinCode props (Give your own pinCode to the UXKit)\n\n#### Property update\n- `pstnNumbers` is now empty, you need to use your own PSTN numbers in order to use this feature \nFormat : \n```javascript\n[{\n  Code: \"US\",\n  Number: \"YOUR_PSTN_NUMBER\"\n}]\n```\n\n#### Bug fixes\n- Pre configuration screen in small screen\n\n### 1.0.1\n#### Bug fixes\n- Fix possible CSS conflict with some classes\n- Move library target from `umd` to `commonjs2`\n\n### 1.0.0\n#### Features\n- Add support for `react-redux` v7.X, `VoxeetProvider` is now exposed inside the `react-components` to prevent version conflicts (Use the `VoxeetProvider` instead )\n#### Property update\n- `videoCodec` default is now `H264`\n\n### 0.36.7\n#### Features\n- New property `closeSessionAtHangUp`, option to choose if the session should be automatically close at hang up (default: true)\n\n### 0.36.6\n#### Features\n- Search engine for `invitedUsers` in order to find user easily in the `AttendeesList`\n\n### 0.36.3-0.36.5\n#### Features\n- New property `invitedUsers`, add the possibilidy to give an array of users who can be invited during the conference. (externalId mandatory)\n\n### 0.36.2\n#### Features\n- New property `pstnNumbers`, use http://cdn.voxeet.com/pstn/numbers to get phone numbers for PSTN and give an array of needed numbers in this property\n\n### 0.36.1\n#### Features\n- You can now disable sounds using `disableSounds` props\n- String customisation (See explanations below) with `customLocalizedStrings`\n#### Bug fixes\n- Fix camera truncated in speaker mode if the video is coming from mobile\n- Fix video presentation in widget mode\n\n### 0.35.0\n#### Features\n- Implementation of video presentation (If you use `shareActions` you can add `videopresentation`), a video can now be shared to other attendees. Only the video presenter can control the video, other attendees will receive actions (Play/Pause/Seek).\n- You can now customize \"We're waiting for other callers to arrive.\" with component `attendeesWaiting`.\n- Automatically start a recording when joining a conference with `autoRecording` (if it's not already start).\n- Automatically start HLS when joining a conference with `autoHls` (if it's not already start).\n- When starting HLS in Live Broadcast right panel, a link is displayed to watch the live conference.\n\n#### Bug fixes\n- Pre-configuration screen, error if access denied to your devices (microphone and/or camera)\n- UI improvements\n- Responsive improvements\n\n## Usage\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from '@voxeet/react-components';\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n```\n\n### Widget\n\n```javascript\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport thunkMidleware from 'redux-thunk'\nimport { combineReducers, createStore, applyMiddleware } from 'redux'\n\nimport { ConferenceRoom, VoxeetProvider, reducer as voxeetReducer } from '@voxeet/react-components'\n\n// Import Style\nimport '@voxeet/react-components/dist/voxeet-react-components.css'; // Can you be customize, refer to https://github.com/voxeet/voxeet-assets-react-components\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n\nconst configureStore = () => createStore(\n  reducers,\n  applyMiddleware(thunkMidleware)\n)\n\nconst settings = {\n  consumerKey: 'consumerKey',\n  consumerSecret: 'consumerSecret',\n  conferenceAlias: 'Sample'\n}\n\nReactDOM.render(\n  <VoxeetProvider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </VoxeetProvider>,\n  document.getElementById('app')\n)\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n| Name | Type | Default | Description|\n|------|------|---------|------------|\n|`sdk`|Function||VoxeetSDK if you want to use an external Voxeet SDK|\n|`consumerKey`|String||The consumer key|\n|`consumerSecret`|String||The consumer secret|\n|`oauthToken`|String||The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !|\n|`refreshTokenCallback`|func||Provide this function that return a promise with the refreshed token, when this one expire|\n|`conferenceAlias`|String||The conference you whant to join|\n|`logo`|String|Voxeet Logo|Display your logo inside the react components by using this props.|\n|`chromeExtensionId`|String||Id of chrome screenshare extension, a message will be prompt when the user will try to screenshare (Inline installation is no longer supported)|\n|`displayActions`|Array|[\"mute\" ,\"recording\", \"share\", \"video\", \"live\", \"attendees\", \"chat\", \"pstn\"]|You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"share\", \"recording\", \"live\", \"attendees\", \"chat\")|\n|`shareActions`|Array|[\"screenshare\" ,\"filepresentation\", \"videopresentation\"]|You can choose which button will be display, it's possible to do a screenshare, file presentation or video presentation ! If you set the displayActions you need to add the 'share' button to allow actions.|\n|`liveRecordingEnabled`|Boolean|false|Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)|\n|`disableSounds`|Boolean|false|Disable sounds during the conference (mute/unmute, record, conference join, conference left)|\n|`customLocalizedStrings`|Object|Custom strings, described below|\n|`pstnNumbers`|Array|Custom PSTN Numbers|\n|`pinCode`|String|Pin code for PSTN call|\n|`isWidget`|Boolean|true|Indicate if component used like widget or embedded in your app|\n|`chromeExtensionId`|String|null|The Id from your Chrome Web Extension to screenshare (needed only on Chrome)|\n|`autoRecording`|Boolean|false|Automatically record the conference when joining the conference (if it's not already start)|\n|`autoHls`|Boolean|false|Automatically start Hls broadcast when the conference is created|\n|`closeSessionAtHangUp`|Boolean|true|Automatically close the session of the current user when hang up|\n|`isModal`|Boolean|false|Indicate if component displayed like modal|\n|`loadingScreen`|Component|LoadingScreen|Put your own loading screen instead of Voxeet loading screen|\n|`isWebinar`|Boolean|false|Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)|\n|`autoJoin`|Boolean|false|Join automatically conference|\n|`preConfig`|Boolean|false|Show a pop up before entering inside the Conference to configure your devices (audio, video)|\n|`videoCodec`|String|H264|Specify video codec \"H264\" or \"VP8\" => H264 is needed for video on Safari|\n|`isListener`|Boolean|false|Enter in conference in listener mode|\n|`displayModes`|Array|[\"list\", \"tiles\", \"speaker\"]|Indicate which mode is allowed (modes will be in the same order as the array)|\n|`invitedUsers`|Array|[{name: \"USERNAME\", externalId:\"EXTERNAL_ID\", title: \"TITLE\"}]|Array of people who can be invited during the conference. If the other side, people need to be subscribe to the conference to receive the invitation|\n|`isManualKickAllowed`|Boolean|false|Authorize admin (conference creator) to kick users in conference|\n|`isAdmin`|Boolean|false|Current user who join the conference is the admin|\n|`kickOnHangUp`|Boolean|false|Kick all users when admin (conference creator) leave the conference|\n|`userInfo`|Object|{</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() * 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>}|User informations for voxeet sdk|\n|`conferenceReplayId`|String||Replay automatically a conference|\n|`constraints`|Object|{</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}|The webrtc constraints for the sdk|\n|`actionsButtons`|React Component|ActionsButtons - All buttons|A react component to customize the actions buttons|\n|`handleOnLeave`|Function||Function call on leave conference|\n|`handleOnConnect`|Function||Function call when the current user is connected to the conference|\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport bowser from \"bowser\";\nimport { Buttons } from \"@voxeet/react-components\";\n\nclass ActionsButtons extends Component {\n  constructor(props) {\n    super(props);\n  }\n\n  render() {\n    const {\n      isBottomBar,\n      forceFullscreen,\n      isMuted,\n      isRecording,\n      isWidgetFullScreenOn,\n      toggleVideoPresentation,\n      videoEnabled,\n      isVideoPresentation,\n      videoPresentationEnabled,\n      displayModal,\n      conferencePincode,\n      convertFilePresentation,\n      isHlsLive,\n      toggleMicrophone,\n      screenShareEnabled,\n      filePresentationEnabled,\n      toggleRecording,\n      toggleVideo,\n      toggleScreenShare,\n      attendeesSettingsOpened,\n      toggleAttendeesSettings,\n      toggleAttendeesList,\n      attendeesListOpened,\n      attendeesChatOpened,\n      attendeesLiveOpened,\n      toggleAttendeesChat,\n      toggleAttendeesLive,\n      recordingLocked,\n      toggleModal,\n      toggleAudio3D,\n      isWebinar,\n      isAdmin,\n      displayActions,\n      shareActions,\n      leave,\n      audio3DEnabled,\n      isElectron,\n      displayExternalLiveModal,\n      isExternalLive,\n      currentUser,\n      isFilePresentation,\n      isScreenshare,\n      isDemo\n    } = this.props;\n\n    return (\n      <div>\n        <ul className=\"controls-left\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"mute\") > -1 &&\n            !isDemo && (\n              <ToggleMicrophoneButton\n                isMuted={isMuted}\n                toggle={toggleMicrophone}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"video\") > -1 &&\n            !isDemo && (\n              <ToggleVideoButton\n                videoEnabled={videoEnabled}\n                toggle={toggleVideo}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            isBottomBar &&\n            isElectron && (\n              <Toggle3DAudioButton\n                audio3DEnabled={audio3DEnabled}\n                toggleAudio3D={toggleAudio3D}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n        </ul>\n        <ul className=\"controls-center\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"recording\") > -1 &&\n            !isDemo && (\n              <ToggleRecordingButton\n                isRecording={isRecording}\n                recordingLocked={recordingLocked}\n                toggle={toggleRecording}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"share\") > -1 &&\n            !isDemo &&\n            shareActions.length > 0 && (\n              <ToggleScreenShareButton\n                screenShareEnabled={screenShareEnabled}\n                filePresentationEnabled={filePresentationEnabled}\n                videoPresentationEnabled={videoPresentationEnabled}\n                currentUserScreenShare={isScreenshare}\n                currentUserFilePresentation={isFilePresentation}\n                currentUserVideoPresentation={isVideoPresentation}\n                isElectron={isElectron}\n                toggle={toggleScreenShare}\n                toggleVideoPresentation={toggleVideoPresentation}\n                convertFilePresentation={convertFilePresentation}\n                shareActions={shareActions}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {isBottomBar && (!isWebinar || (isWebinar && isAdmin)) && !isDemo && (\n            <li className=\"separator\"></li>\n          )}\n          {isBottomBar && (\n            <HangUpButtonBottomBar leave={leave} tooltipPlace=\"top\" />\n          )}\n        </ul>\n        <ul className=\"controls-right\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"pstn\") > -1 && conferencePincode.length > 0 &&\n            !isDemo && (\n              <TogglePSTN\n                conferencePincode={conferencePincode}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"live\") > -1 &&\n            !isDemo && (\n              <ToggleExternalLiveButton\n                attendeesLiveOpened={attendeesLiveOpened}\n                toggle={toggleAttendeesLive}\n                isExternalLive={isExternalLive}\n                isHlsLive={isHlsLive}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            !bowser.msie &&\n            !currentUser.isListener && (\n              <ToggleSettingsButton\n                attendeesSettingsOpened={attendeesSettingsOpened}\n                toggle={toggleAttendeesSettings}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {displayActions.indexOf(\"attendees\") > -1 && (\n            <ToggleAttendeesListButton\n              tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              toggle={toggleAttendeesList}\n              isBottomBar={isBottomBar}\n              isOpen={attendeesListOpened}\n            />\n          )}\n          {displayActions.indexOf(\"chat\") > -1 && (\n            <ToggleAttendeesChatButton\n              tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              toggle={toggleAttendeesChat}\n              isBottomBar={isBottomBar}\n              isOpen={attendeesChatOpened}\n            />\n          )}\n        </ul>\n      </div>\n    );\n  }\n}\n\nActionsButtons.propTypes = {\n    isBottomBar: PropTypes.bool.isRequired,\n    forceFullscreen: PropTypes.bool.isRequired,\n    isMuted: PropTypes.bool.isRequired,\n    currentUser: PropTypes.object.isRequired,\n    isWebinar: PropTypes.bool.isRequired,\n    isAdmin: PropTypes.bool.isRequired,\n    videoEnabled: PropTypes.bool.isRequired,\n    screenShareEnabled: PropTypes.bool.isRequired,\n    filePresentationEnabled: PropTypes.bool.isRequired,\n    videoPresentationEnabled: PropTypes.bool.isRequired,\n    displayModal: PropTypes.bool.isRequired,\n    isScreenshare: PropTypes.bool.isRequired,\n    isVideoPresentation: PropTypes.bool.isRequired,\n    isHlsLive: PropTypes.bool.isRequired,\n    isFilePresentation: PropTypes.bool.isRequired,\n    displayActions: PropTypes.array.isRequired,\n    toggleAudio3D: PropTypes.func.isRequired,\n    recordingLocked: PropTypes.bool.isRequired,\n    isElectron: PropTypes.bool.isRequired,\n    isExternalLive: PropTypes.bool.isRequired,\n    audio3DEnabled: PropTypes.bool.isRequired,\n    isRecording: PropTypes.bool.isRequired,\n    isWidgetFullScreenOn: PropTypes.bool.isRequired,\n    toggleMicrophone: PropTypes.func.isRequired,\n    leave: PropTypes.func.isRequired,\n    toggleRecording: PropTypes.func.isRequired,\n    toggleVideo: PropTypes.func.isRequired,\n    toggleScreenShare: PropTypes.func.isRequired,\n    toggleVideoPresentation: PropTypes.func.isRequired,\n    convertFilePresentation: PropTypes.func.isRequired,\n    toggleModal: PropTypes.func.isRequired,\n    toggleMode: PropTypes.func.isRequired,\n    mode: PropTypes.string.isRequired,\n    toggleAttendeesList: PropTypes.func.isRequired,\n    attendeesListOpened: PropTypes.bool.isRequired,\n    toggleAttendeesChat: PropTypes.func.isRequired,\n    attendeesChatOpened: PropTypes.bool.isRequired,\n    toggleAttendeesSettings: PropTypes.func.isRequired,\n    attendeesSettingsOpened: PropTypes.bool.isRequired,\n    toggleAttendeesLive: PropTypes.func.isRequired,\n    attendeesLiveOpened: PropTypes.bool.isRequired\n}\n\nActionsButtons.defaultProps = {\n    isBottomBar: false,\n    forceFullscreen: false\n}\n\nexport default ActionsButtons\n\n```\n\n### Localized strings\n\nFor english language (Be sure to use this keys to override default strings)\n\n```\n[en :{\n    noPstnNumbers: \"There is no PSTN numbers...\",\n    electronloading: \"Voxeet is loading, please wait\",\n    error: \"Error\",\n    errorPermissionDeniedMicrophone:\n      \"An error occured when joining the conference. Please make sure to allow access to your microphone.\",\n    errorPermissionDeniedMicrophoneCamera:\n      \"An error occured when joining the conference. Please make sure to allow access to your microphone and camera.\",\n    errorIE11:\n      \"A plugin is mandatory for IE11, please download and install the plugin. When the installation is complete, please refresh this page.\",\n    browerNotSupported: \"This browser is currently not supported.\",\n    installExtension: \"Please install the screen share extension with this \",\n    noExtensionAvailable: \"No Chrome Web Extension configure for screen share.\",\n    microphoneOff: \"Your microphone is muted.\",\n    microphoneOn: \"Your microphone is on.\",\n    cameraOn: \"Your camera is on.\",\n    cameraOff: \"Your camera is off.\",\n    recordConferenceStart: \"Your conference is being recorded.\",\n    recordConferenceStop: \"Your conference is no longer recorded.\",\n    screenshareInProgress:\n      \"You cannot screenshare while another user is screensharing.\",\n    recordConferenceStartBy: \"Your conference is being recorded by \",\n    recordConferenceStopBy: \"Your conference is no longer recorded by \",\n    conferenceAlreadyRecord:\n      \"Your conference is already being recorded by an other attendee.\",\n    leave: \"End\",\n    audio: \"3D Audio\",\n    chat: \"Chat\",\n    externalLive: \"Live Broadcast\",\n    fullscreen: \"FullScreen\",\n    minimize: \"Minimize\",\n    mute: \"Mute\",\n    displaymode: \"Display mode\",\n    pincode: \"Call-in\",\n    sendMessage: \"Send\",\n    pinCodeExplanations:\n      \"Call this number below and provide the conference pin code to join the conference via PSTN.\",\n    record: \"Recording\",\n    shareAlreadyStarted:\n      \"Someone is already sharing. Please stop it before start a new one.\",\n    share: \"Share\",\n    screenshare: \"Share Screen\",\n    screenshareEntireScreen: \"Share entire screen\",\n    screenshareAWindow: \"Share a window\",\n    screenshareOption: \"Share options\",\n    settings: \"Settings\",\n    open: \"Open\",\n    close: \"Close\",\n    video: \"Video\",\n    camera: \"Camera\",\n    liveCall: \"Live is running\",\n    linkHls: \"See your live\",\n    broadcastLive: \"Diffusion en cours\",\n    externalUrl: \"Configure your stream\",\n    externalPassword: \"Enter your password from your live\",\n    launchLive: \"Start your stream\",\n    stopLive: \"Stop your live stream\",\n    geturl: \"Get your stream url (on Youtube or Facebook)\",\n    getpwd: \"Get your stream password (on Youtube or Facebook)\",\n    enterhere: \"Enter your informations here :\",\n    titleSettings: \"Set preferred camera and microphone\",\n    problemSettings: \"If you are having problems, try restarting your browser.\",\n    saveSettings: \"Your preferences will automatically save.\",\n    screensharerunning: \"Happy Screen Sharing!\",\n    tile: \"Tile\",\n    list: \"List\",\n    speaker: \"Speaker\",\n    displaymode: \"Display mode\",\n    changelayout: \"Change layout\",\n    attendees: \"Attendees\",\n    here: \"here\",\n    hangtight: \"We're waiting for other callers to arrive.\",\n    join: \"Join\",\n    incall: \"In call with :\",\n    joincall: \"Join Call\",\n    expand: \"Expand\",\n    activecall: \"Active call\",\n    leavecall: \"Leave call\",\n    output: \"Output\",\n    input: \"Input\",\n    titlePreConfig: \"Set up your devices\",\n    presenter: \"Attendees\",\n    joined: \"Joined\",\n    invited: \"Waiting on\",\n    presenter: \"Presenter\",\n    listener: \"Listener\",\n    left: \"Left\",\n    noAudioDevice:\n      \"No audio device detected. Please make sure to plug at least one microphone to access this conference.\",\n    filepresentation: \"Share a file\",\n    prev: \"Previous\",\n    next: \"Next\",\n    errorFilePresentation:\n      \"An error occured during the file presentation. Please check your file.\",\n    videopresentation: \"Share a video\",\n    placeholderVideoPresentation: \"Video URL\",\n    startVideoPresentationAutoplay: \"Start video\",\n    invitedUsers: \"Waiting for invitation\",\n    inviteUser: \"Invite\"\n}]\n```\n\nMore language can be added. Use an array prefixed with the correct language key. (en, fr, it, ...)\n","readmeFilename":"README.md","_id":"@voxeet/react-components@1.1.0-rc3","_nodeVersion":"10.15.3","_npmVersion":"6.11.2","dist":{"integrity":"sha512-LyVNJCw/wP2IzBwHq/vrIS++YabMOHpWlaBxfW+XI7FBu+dmtOgx0jvFdOH9HhEqm1lvgkaIM3YdC9kVnaAc6w==","shasum":"02ea6ab6178e7fa7b6bcbe801b0738da1e3ecc48","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-1.1.0-rc3.tgz","fileCount":87,"unpackedSize":6051972,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdxFecCRA9TVsSAnZWagAAQIAQAIZtXQJGfsrtLN2col2+\nFg+LoZJNXk/C9vSb27FSO5lnstBMeD7K4e9zfAgzfuqrZC8/KBEA5J7jjYJ2\nMpEMJP6O5llTRNV/j3Rf9Zpmn1+e17sAJgSE2/KIN7hk1yHx0T/DWUVe3eGb\n/7Owoukl6tBlpg+3nZJTS8GE+nKLtkQ9/08FoZeIX6TxS6qADV2kXgzoBmE5\nri3aQ/hhSHty4olrSE62nUAvuaj/kTp71m24MT3a3MVZxPJCP4/RBNGUl5dk\nVWj3iZ4ELAhk3Lsg+rb3hzkC2251cpKlQeZB5BLIysAjlb9UHr7maZuQJrxM\nD2ztoQVJoGa3/50WU9wfuw4Y9WxjChKFpAJN/OlHF9fPWXjMA7JZjdTPwck/\n5RHLdcKUykRz2DOEGqZQnWdTz3wSs5KtZxjlm7sxGla5/D7MnGL5r/KCdENw\nW1qEd8dOvc0oBMWsgb7eRcE7/naMTRSXbYaLzA37xOU8y/j6XrTkzfIZXYEH\ngdgZVij7QASHhs3TFvf24I37ZFov4ayAd7CJ9060pB+ny1DjMtvpKhWSkbag\nuc5X0uteWd0bpRCO44IsmDUsN7MrZFrZdexmxDlMzSyY5BcFyklARDioe3FB\nY1t3xPfXnOFpHVw6i8xNCvvNQM5qqsQNLX0NWPRWvv5ievyKLzWAMGYX3UF3\ntqvm\r\n=B0sz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBRCMocY5uyWAnHuM0WBlG37NyLtN0G1fjSqsVrqvANFAiEA+J2kzJTkrnknBBsbdiEShLR6ZtoAtID68Fp0TVITBVc="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"},{"email":"clarroque@voxeet.com","name":"vtcoco"}],"_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_1.1.0-rc3_1573148571598_0.5831973667033445"},"_hasShrinkwrap":false},"2.0.0":{"name":"@voxeet/react-components","version":"2.0.0","description":"## Installation","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/polyfill":"^7.2.5","@babel/runtime":"^7.3.4","autolinker":"^2.2.2","bowser":"1.9.4","browserslist":"^4.5.2","classnames":"2.2.6","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.0","prop-types":"15.6.2","react":"16.9.0","react-dom":"16.9.0","react-draggable":"3.1.1","react-localization":"^1.0.13","react-player":"^1.11.1","@voxeet/react-redux-5.1.1":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","redux":"4.0.4","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.3.4","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"2.1.1"},"gitHead":"7deea7fb9bf1837964003e438981a44624ee72d0","_id":"@voxeet/react-components@2.0.0","_nodeVersion":"10.15.3","_npmVersion":"6.11.2","dist":{"integrity":"sha512-WkWG16RZCSimt54YbrvorkORmGK7XqEK68qpDr6BViSBOiJ8cwsc5plSPVS6n1SR0AS09xjyee7NYZt3TdHwcg==","shasum":"5212349feaf4314aef676b7163664e9c5f835df4","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-2.0.0.tgz","fileCount":88,"unpackedSize":6001828,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeceWvCRA9TVsSAnZWagAA7+AP/Rtrtifxwl4LqBlo/DnI\nxFxvaOyt1tt26xf+NVMhspNMZx0uzV0y2p3kzOQgNIVdgzUX+pOpYI120DOy\nNoAahFc9efIyv9jhNY6zOHmtFun3FDRXCGvbgtvsVr71EMkJzNTDLNVM7gbD\n4ONxRIlGE/CVw5IILmDu9b3nhIDJvUN5FstiURtMqBMSfb9K/0hN6YeKYLHS\n+lUvS37OAa4BOMQ2ZnNbeCs8jlYzcjzeyzv2JxbaFx223H7U2vywZFJs9MgX\nRK5GOdgywaPteWpNDroaIuKO3KqU0Qadk5Orz3l/oNe69EJOQ8zdZyiAYLlz\nm/uZW+GAfSxEgXBZSzoRHSCECnGNYvE/i6LT5AsLCK8hvovU0AWvFoUybpSQ\nKNQ+XrxSkTknlPGEg/EtXo6xY+iY+VmCm8vsbukSKQK4sEZHHO4i73/0LL/a\nysgQ+yWcC2QfmiJYO1QeMhfzm5Z9/hpdsfgf1ZKM0rqkTO+Q40uA2UneSY0w\nVqOEyp+S6NPiP2O+s5ng+RDpGI6Q1Zs37CdWoiR5X+4ii+Plmp+1nVhurtbq\nSft9fLEYOOZb9xZKCw98U7KhpSO09zVY1DBUB4i+R0H9iE7GLMUALIO1HR8v\nEwdQJGtzhxsmBjC5/eYhjnjc8uSiQ7ocpk8YKnJSZFkUlolZYTmn6An4oIQo\nqHPV\r\n=/ckq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEJPFtUU2y+3lgRarDsKZIUiAKOEUMRNcJ4HsnXlormsAiEAxm+xgB5Se7wgZDtJxrZ9qs0UDEwhHTIlEIyPufcZxwY="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"},{"email":"clarroque@voxeet.com","name":"vtcoco"}],"_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_2.0.0_1584522670950_0.4183091462075208"},"_hasShrinkwrap":false},"2.0.1":{"name":"@voxeet/react-components","version":"2.0.1","description":"## Installation","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/polyfill":"^7.2.5","@babel/runtime":"^7.3.4","autolinker":"^2.2.2","bowser":"1.9.4","browserslist":"^4.5.2","classnames":"2.2.6","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.0","prop-types":"15.6.2","react":"16.9.0","react-dom":"16.9.0","react-draggable":"3.1.1","react-localization":"^1.0.13","react-player":"^1.11.1","@voxeet/react-redux-5.1.1":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","redux":"4.0.4","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.3.4","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"2.1.1"},"gitHead":"b82a20505cec5f7e5c7e9e103e994749ddb4ae4d","_id":"@voxeet/react-components@2.0.1","_nodeVersion":"10.15.3","_npmVersion":"6.11.2","dist":{"integrity":"sha512-SSkE5327ORy2sF0S2D5cg3Eo8fNsbXKXlDkoWbhV8kB15C+9OPKUQilRYCC+EgGvbd3ibc+jCLUjxJqLkiip4Q==","shasum":"81671a4d3cf7c2b279e4006b11f570065914f680","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-2.0.1.tgz","fileCount":88,"unpackedSize":6001935,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeeLO1CRA9TVsSAnZWagAAywQP/AzH9DGEk5jIMwh7AlZQ\nPrYsVIXon7LT8n0e+N0ac6TCGn8KjZTCkUuZB/9enpBbsiQyDS09kfq/E9HM\nXFZzD0/rw0v1CddcfCPZcmtsQVdB0bP732Po/LxNzobgygPMLbIPRcKi41ct\nvQev3VLRkaawKTShsAS7vE2mtzE6lQvhAkDuo9sKVQsRzDMH/+vPkDS0Gybv\nTuLnFqxaFm4x43DUsLKSTWs+gT8c1vVruqJUdg4y8ylsW3CVWzCSl94JbmAp\n5ls9/07J8HUXn1PCUPQeSx4QSr51jzzuw+67eQHdwlWKJ46056X/tMtkQUuP\n8Euf/ev3Zfno5LTkbXysdTpmptiRLE5MC+pnNag7XYRHIvwd1R2dYRxGRVhC\n1l0sxyGyNjadf04gSf4M+jwGDpIKSqCyiVbUgsLFPoH2w7FmAoMR7lssH6uF\n6l/bIlk0MKOZ0TZVpZoZtPHg6yo1XoU9nvQWGM1YhyJjRKRvCGev8O9Urf40\nzfSXn6KGe9OmxBl7GJj2LQJYMKdrzF7H9zKH5oWgWXti7wleU0IFVy39ejhL\njdKoSpRUUlEic5dO399TZOFWP1WJfxVOYeRYW9u6jvAV9QmCWl7CTIAV5DQU\nhhwTj7fLSxyG4drjppX9Vha000fjNQ3Zemti7KuEB21O2H0rkV9T1o4iN6WL\nWEEJ\r\n=C+eF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICan9LvGn4VC2+aPBBmt3GsYqZuNJGOytcQFJ3+d0TelAiBOoqlhGBNbFgbR4pu9wynRNmrG1Sypto7p9RZUIqhQKw=="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"nicolas.laduguie@dolby.com","name":"nladuguie"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vmartin@voxeet.com","name":"vmartin"},{"email":"clarroque@voxeet.com","name":"vtcoco"}],"_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_2.0.1_1584968628448_0.7627677760104008"},"_hasShrinkwrap":false},"2.1.0-rc1":{"name":"@voxeet/react-components","version":"2.1.0-rc1","description":"## Installation","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/polyfill":"^7.2.5","@babel/runtime":"^7.3.4","autolinker":"^2.2.2","bowser":"1.9.4","browserslist":"^4.5.2","classnames":"2.2.6","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.0","prop-types":"15.6.2","react":"16.9.0","react-dom":"16.9.0","react-draggable":"3.1.1","react-localization":"^1.0.13","react-player":"^1.11.1","@voxeet/react-redux-5.1.1":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","redux":"4.0.4","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.3.4","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"2.2.2"},"_resolved":"","_integrity":"","_from":"file:voxeet-react-components-2.1.0-rc1.tgz","readme":"# Voxeet React Components\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components @voxeet/react-redux-5.1.1@5.1.1 --save\nyarn add @voxeet/voxeet-web-sdk @voxeet/react-components @voxeet/react-redux-5.1.1@5.1.1\n```\n\n## Changelog\n\n### 2.0.1\n\n#### Bug fixes\n\n- Fix webinar compatibility with SDK V2.X\n\n### 2.0.0\n\n- Compatibility with Voxeet Web SDK V2.X (Not working with SDK V1.X)\n\n### 1.1.0-rc1\n\nThis version only work with Voxeet SDK V2 (Please contact us to use it)\n! IMPORTANT ! This version is on alpha, some issues can appear. DO NOT PUSH IN PRODUCTION.\n\n#### Features\n\n- First implementation in alpha of SDK V2\n- Add pinCode props (Give your own pinCode to the UXKit)\n\n#### Property update\n\n- `pstnNumbers` is now empty, you need to use your own PSTN numbers in order to use this feature\n  Format :\n\n```javascript\n[\n  {\n    Code: \"US\",\n    Number: \"YOUR_PSTN_NUMBER\"\n  }\n];\n```\n\n#### Bug fixes\n\n- Pre configuration screen in small screen\n\n### 1.0.1\n\n#### Bug fixes\n\n- Fix possible CSS conflict with some classes\n- Move library target from `umd` to `commonjs2`\n\n### 1.0.0\n\n#### Features\n\n- Add support for `react-redux` v7.X, `VoxeetProvider` is now exposed inside the `react-components` to prevent version conflicts (Use the `VoxeetProvider` instead )\n\n#### Property update\n\n- `videoCodec` default is now `H264`\n\n### 0.36.7\n\n#### Features\n\n- New property `closeSessionAtHangUp`, option to choose if the session should be automatically close at hang up (default: true)\n\n### 0.36.6\n\n#### Features\n\n- Search engine for `invitedUsers` in order to find user easily in the `AttendeesList`\n\n### 0.36.3-0.36.5\n\n#### Features\n\n- New property `invitedUsers`, add the possibilidy to give an array of users who can be invited during the conference. (externalId mandatory)\n\n### 0.36.2\n\n#### Features\n\n- New property `pstnNumbers`, use http://cdn.voxeet.com/pstn/numbers to get phone numbers for PSTN and give an array of needed numbers in this property\n\n### 0.36.1\n\n#### Features\n\n- You can now disable sounds using `disableSounds` props\n- String customisation (See explanations below) with `customLocalizedStrings`\n\n#### Bug fixes\n\n- Fix camera truncated in speaker mode if the video is coming from mobile\n- Fix video presentation in widget mode\n\n### 0.35.0\n\n#### Features\n\n- Implementation of video presentation (If you use `shareActions` you can add `videopresentation`), a video can now be shared to other attendees. Only the video presenter can control the video, other attendees will receive actions (Play/Pause/Seek).\n- You can now customize \"We're waiting for other callers to arrive.\" with component `attendeesWaiting`.\n- Automatically start a recording when joining a conference with `autoRecording` (if it's not already start).\n- Automatically start HLS when joining a conference with `autoHls` (if it's not already start).\n- When starting HLS in Live Broadcast right panel, a link is displayed to watch the live conference.\n\n#### Bug fixes\n\n- Pre-configuration screen, error if access denied to your devices (microphone and/or camera)\n- UI improvements\n- Responsive improvements\n\n## Usage\n\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from \"@voxeet/react-components\";\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n```\n\n### Widget\n\n```javascript\nimport React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport thunkMidleware from \"redux-thunk\";\nimport { combineReducers, createStore, applyMiddleware } from \"redux\";\n\nimport {\n  ConferenceRoom,\n  VoxeetProvider,\n  reducer as voxeetReducer\n} from \"@voxeet/react-components\";\n\n// Import Style\nimport \"@voxeet/react-components/dist/voxeet-react-components.css\"; // Can you be customize, refer to https://github.com/voxeet/voxeet-assets-react-components\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer\n});\n\nconst configureStore = () =>\n  createStore(reducers, applyMiddleware(thunkMidleware));\n\nconst settings = {\n  consumerKey: \"consumerKey\",\n  consumerSecret: \"consumerSecret\",\n  conferenceAlias: \"Sample\"\n};\n\nReactDOM.render(\n  <VoxeetProvider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </VoxeetProvider>,\n  document.getElementById(\"app\")\n);\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n\n| Name                     | Type            | Default                                                                                                                                        | Description                                                                                                                                                                                                  |\n| ------------------------ | --------------- | ---------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |\n| `sdk`                    | Function        |                                                                                                                                                | VoxeetSDK if you want to use an external Voxeet SDK                                                                                                                                                          |\n| `consumerKey`            | String          |                                                                                                                                                | The consumer key                                                                                                                                                                                             |\n| `consumerSecret`         | String          |                                                                                                                                                | The consumer secret                                                                                                                                                                                          |\n| `oauthToken`             | String          |                                                                                                                                                | The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !                                    |\n| `refreshTokenCallback`   | func            |                                                                                                                                                | Provide this function that return a promise with the refreshed token, when this one expire                                                                                                                   |\n| `conferenceAlias`        | String          |                                                                                                                                                | The conference you whant to join                                                                                                                                                                             |\n| `logo`                   | String          | Voxeet Logo                                                                                                                                    | Display your logo inside the react components by using this props.                                                                                                                                           |\n| `chromeExtensionId`      | String          |                                                                                                                                                | Id of chrome screenshare extension, a message will be prompt when the user will try to screenshare (Inline installation is no longer supported)                                                              |\n| `displayActions`         | Array           | [\"mute\" ,\"recording\", \"share\", \"video\", \"live\", \"attendees\", \"chat\", \"pstn\"]                                                                   | You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"share\", \"recording\", \"live\", \"attendees\", \"chat\")        |\n| `shareActions`           | Array           | [\"screenshare\" ,\"filepresentation\", \"videopresentation\"]                                                                                       | You can choose which button will be display, it's possible to do a screenshare, file presentation or video presentation ! If you set the displayActions you need to add the 'share' button to allow actions. |\n| `liveRecordingEnabled`   | Boolean         | false                                                                                                                                          | Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)                                       |\n| `disableSounds`          | Boolean         | false                                                                                                                                          | Disable sounds during the conference (mute/unmute, record, conference join, conference left)                                                                                                                 |\n| `customLocalizedStrings` | Object          | Custom strings, described below                                                                                                                |\n| `pstnNumbers`            | Array           | Custom PSTN Numbers                                                                                                                            |\n| `pinCode`                | String          | Pin code for PSTN call                                                                                                                         |\n| `isWidget`               | Boolean         | true                                                                                                                                           | Indicate if component used like widget or embedded in your app                                                                                                                                               |\n| `chromeExtensionId`      | String          | null                                                                                                                                           | The Id from your Chrome Web Extension to screenshare (needed only on Chrome)                                                                                                                                 |\n| `autoRecording`          | Boolean         | false                                                                                                                                          | Automatically record the conference when joining the conference (if it's not already start)                                                                                                                  |\n| `autoHls`                | Boolean         | false                                                                                                                                          | Automatically start Hls broadcast when the conference is created                                                                                                                                             |\n| `closeSessionAtHangUp`   | Boolean         | true                                                                                                                                           | Automatically close the session of the current user when hang up                                                                                                                                             |\n| `isModal`                | Boolean         | false                                                                                                                                          | Indicate if component displayed like modal                                                                                                                                                                   |\n| `loadingScreen`          | Component       | LoadingScreen                                                                                                                                  | Put your own loading screen instead of Voxeet loading screen                                                                                                                                                 |\n| `isWebinar`              | Boolean         | false                                                                                                                                          | Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)                                                                                                                        |\n| `autoJoin`               | Boolean         | false                                                                                                                                          | Join automatically conference                                                                                                                                                                                |\n| `preConfig`              | Boolean         | false                                                                                                                                          | Show a pop up before entering inside the Conference to configure your devices (audio, video)                                                                                                                 |\n| `videoCodec`             | String          | H264                                                                                                                                           | Specify video codec \"H264\" or \"VP8\" => H264 is needed for video on Safari                                                                                                                                    |\n| `isListener`             | Boolean         | false                                                                                                                                          | Enter in conference in listener mode                                                                                                                                                                         |\n| `displayModes`           | Array           | [\"list\", \"tiles\", \"speaker\"]                                                                                                                   | Indicate which mode is allowed (modes will be in the same order as the array)                                                                                                                                |\n| `invitedUsers`           | Array           | [{name: \"USERNAME\", externalId:\"EXTERNAL_ID\", title: \"TITLE\"}]                                                                                 | Array of people who can be invited during the conference. If the other side, people need to be subscribe to the conference to receive the invitation                                                         |\n| `isManualKickAllowed`    | Boolean         | false                                                                                                                                          | Authorize admin (conference creator) to kick users in conference                                                                                                                                             |\n| `isAdmin`                | Boolean         | false                                                                                                                                          | Current user who join the conference is the admin                                                                                                                                                            |\n| `kickOnHangUp`           | Boolean         | false                                                                                                                                          | Kick all users when admin (conference creator) leave the conference                                                                                                                                          |\n| `userInfo`               | Object          | {</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() \\* 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>} | User informations for voxeet sdk                                                                                                                                                                             |\n| `conferenceReplayId`     | String          |                                                                                                                                                | Replay automatically a conference                                                                                                                                                                            |\n| `constraints`            | Object          | {</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}                                                                              | The webrtc constraints for the sdk                                                                                                                                                                           |\n| `actionsButtons`         | React Component | ActionsButtons - All buttons                                                                                                                   | A react component to customize the actions buttons                                                                                                                                                           |\n| `handleOnLeave`          | Function        |                                                                                                                                                | Function call on leave conference                                                                                                                                                                            |\n| `handleOnConnect`        | Function        |                                                                                                                                                | Function call when the current user is connected to the conference                                                                                                                                           |\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport bowser from \"bowser\";\nimport { Buttons } from \"@voxeet/react-components\";\n\nclass ActionsButtons extends Component {\n  constructor(props) {\n    super(props);\n  }\n\n  render() {\n    const {\n      isBottomBar,\n      forceFullscreen,\n      isMuted,\n      isRecording,\n      isWidgetFullScreenOn,\n      toggleVideoPresentation,\n      videoEnabled,\n      isVideoPresentation,\n      videoPresentationEnabled,\n      displayModal,\n      conferencePincode,\n      convertFilePresentation,\n      isHlsLive,\n      toggleMicrophone,\n      screenShareEnabled,\n      filePresentationEnabled,\n      toggleRecording,\n      toggleVideo,\n      toggleScreenShare,\n      attendeesSettingsOpened,\n      toggleAttendeesSettings,\n      toggleAttendeesList,\n      attendeesListOpened,\n      attendeesChatOpened,\n      attendeesLiveOpened,\n      toggleAttendeesChat,\n      toggleAttendeesLive,\n      recordingLocked,\n      toggleModal,\n      toggleAudio3D,\n      isWebinar,\n      isAdmin,\n      displayActions,\n      shareActions,\n      leave,\n      audio3DEnabled,\n      isElectron,\n      displayExternalLiveModal,\n      isExternalLive,\n      currentUser,\n      isFilePresentation,\n      isScreenshare,\n      isDemo\n    } = this.props;\n\n    return (\n      <div>\n        <ul className=\"controls-left\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"mute\") > -1 &&\n            !isDemo && (\n              <ToggleMicrophoneButton\n                isMuted={isMuted}\n                toggle={toggleMicrophone}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"video\") > -1 &&\n            !isDemo && (\n              <ToggleVideoButton\n                videoEnabled={videoEnabled}\n                toggle={toggleVideo}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            isBottomBar &&\n            isElectron && (\n              <Toggle3DAudioButton\n                audio3DEnabled={audio3DEnabled}\n                toggleAudio3D={toggleAudio3D}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n        </ul>\n        <ul className=\"controls-center\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"recording\") > -1 &&\n            !isDemo && (\n              <ToggleRecordingButton\n                isRecording={isRecording}\n                recordingLocked={recordingLocked}\n                toggle={toggleRecording}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"share\") > -1 &&\n            !isDemo &&\n            shareActions.length > 0 && (\n              <ToggleScreenShareButton\n                screenShareEnabled={screenShareEnabled}\n                filePresentationEnabled={filePresentationEnabled}\n                videoPresentationEnabled={videoPresentationEnabled}\n                currentUserScreenShare={isScreenshare}\n                currentUserFilePresentation={isFilePresentation}\n                currentUserVideoPresentation={isVideoPresentation}\n                isElectron={isElectron}\n                toggle={toggleScreenShare}\n                toggleVideoPresentation={toggleVideoPresentation}\n                convertFilePresentation={convertFilePresentation}\n                shareActions={shareActions}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {isBottomBar && (!isWebinar || (isWebinar && isAdmin)) && !isDemo && (\n            <li className=\"separator\"></li>\n          )}\n          {isBottomBar && (\n            <HangUpButtonBottomBar leave={leave} tooltipPlace=\"top\" />\n          )}\n        </ul>\n        <ul className=\"controls-right\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"pstn\") > -1 &&\n            conferencePincode.length > 0 &&\n            !isDemo && (\n              <TogglePSTN\n                conferencePincode={conferencePincode}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"live\") > -1 &&\n            !isDemo && (\n              <ToggleExternalLiveButton\n                attendeesLiveOpened={attendeesLiveOpened}\n                toggle={toggleAttendeesLive}\n                isExternalLive={isExternalLive}\n                isHlsLive={isHlsLive}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            !bowser.msie &&\n            !currentUser.isListener && (\n              <ToggleSettingsButton\n                attendeesSettingsOpened={attendeesSettingsOpened}\n                toggle={toggleAttendeesSettings}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {displayActions.indexOf(\"attendees\") > -1 && (\n            <ToggleAttendeesListButton\n              tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              toggle={toggleAttendeesList}\n              isBottomBar={isBottomBar}\n              isOpen={attendeesListOpened}\n            />\n          )}\n          {displayActions.indexOf(\"chat\") > -1 && (\n            <ToggleAttendeesChatButton\n              tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              toggle={toggleAttendeesChat}\n              isBottomBar={isBottomBar}\n              isOpen={attendeesChatOpened}\n            />\n          )}\n        </ul>\n      </div>\n    );\n  }\n}\n\nActionsButtons.propTypes = {\n  isBottomBar: PropTypes.bool.isRequired,\n  forceFullscreen: PropTypes.bool.isRequired,\n  isMuted: PropTypes.bool.isRequired,\n  currentUser: PropTypes.object.isRequired,\n  isWebinar: PropTypes.bool.isRequired,\n  isAdmin: PropTypes.bool.isRequired,\n  videoEnabled: PropTypes.bool.isRequired,\n  screenShareEnabled: PropTypes.bool.isRequired,\n  filePresentationEnabled: PropTypes.bool.isRequired,\n  videoPresentationEnabled: PropTypes.bool.isRequired,\n  displayModal: PropTypes.bool.isRequired,\n  isScreenshare: PropTypes.bool.isRequired,\n  isVideoPresentation: PropTypes.bool.isRequired,\n  isFilePresentation: PropTypes.bool.isRequired,\n  displayActions: PropTypes.array.isRequired,\n  toggleAudio3D: PropTypes.func.isRequired,\n  recordingLocked: PropTypes.bool.isRequired,\n  audio3DEnabled: PropTypes.bool.isRequired,\n  isRecording: PropTypes.bool.isRequired,\n  isWidgetFullScreenOn: PropTypes.bool.isRequired,\n  toggleMicrophone: PropTypes.func.isRequired,\n  leave: PropTypes.func.isRequired,\n  toggleRecording: PropTypes.func.isRequired,\n  toggleVideo: PropTypes.func.isRequired,\n  toggleScreenShare: PropTypes.func.isRequired,\n  toggleVideoPresentation: PropTypes.func.isRequired,\n  convertFilePresentation: PropTypes.func.isRequired,\n  toggleModal: PropTypes.func.isRequired,\n  toggleMode: PropTypes.func.isRequired,\n  mode: PropTypes.string.isRequired,\n  toggleAttendeesList: PropTypes.func.isRequired,\n  attendeesListOpened: PropTypes.bool.isRequired,\n  toggleAttendeesChat: PropTypes.func.isRequired,\n  attendeesChatOpened: PropTypes.bool.isRequired,\n  toggleAttendeesSettings: PropTypes.func.isRequired,\n  attendeesSettingsOpened: PropTypes.bool.isRequired\n};\n\nActionsButtons.defaultProps = {\n  isBottomBar: false,\n  forceFullscreen: false\n};\n\nexport default ActionsButtons;\n```\n\n### Localized strings\n\nFor english language (Be sure to use this keys to override default strings)\n\n```\n[en :{\n    noPstnNumbers: \"There is no PSTN numbers...\",\n    electronloading: \"Voxeet is loading, please wait\",\n    error: \"Error\",\n    errorPermissionDeniedMicrophone:\n      \"An error occured when joining the conference. Please make sure to allow access to your microphone.\",\n    errorPermissionDeniedMicrophoneCamera:\n      \"An error occured when joining the conference. Please make sure to allow access to your microphone and camera.\",\n    errorIE11:\n      \"A plugin is mandatory for IE11, please download and install the plugin. When the installation is complete, please refresh this page.\",\n    browerNotSupported: \"This browser is currently not supported.\",\n    installExtension: \"Please install the screen share extension with this \",\n    noExtensionAvailable: \"No Chrome Web Extension configure for screen share.\",\n    microphoneOff: \"Your microphone is muted.\",\n    microphoneOn: \"Your microphone is on.\",\n    cameraOn: \"Your camera is on.\",\n    cameraOff: \"Your camera is off.\",\n    recordConferenceStart: \"Your conference is being recorded.\",\n    recordConferenceStop: \"Your conference is no longer recorded.\",\n    screenshareInProgress:\n      \"You cannot screenshare while another user is screensharing.\",\n    recordConferenceStartBy: \"Your conference is being recorded by \",\n    recordConferenceStopBy: \"Your conference is no longer recorded by \",\n    conferenceAlreadyRecord:\n      \"Your conference is already being recorded by an other attendee.\",\n    leave: \"End\",\n    audio: \"3D Audio\",\n    chat: \"Chat\",\n    externalLive: \"Live Broadcast\",\n    fullscreen: \"FullScreen\",\n    minimize: \"Minimize\",\n    mute: \"Mute\",\n    displaymode: \"Display mode\",\n    pincode: \"Call-in\",\n    sendMessage: \"Send\",\n    pinCodeExplanations:\n      \"Call this number below and provide the conference pin code to join the conference via PSTN.\",\n    record: \"Recording\",\n    shareAlreadyStarted:\n      \"Someone is already sharing. Please stop it before start a new one.\",\n    share: \"Share\",\n    screenshare: \"Share Screen\",\n    screenshareEntireScreen: \"Share entire screen\",\n    screenshareAWindow: \"Share a window\",\n    screenshareOption: \"Share options\",\n    settings: \"Settings\",\n    open: \"Open\",\n    close: \"Close\",\n    video: \"Video\",\n    camera: \"Camera\",\n    liveCall: \"Live is running\",\n    linkHls: \"See your live\",\n    broadcastLive: \"Diffusion en cours\",\n    externalUrl: \"Configure your stream\",\n    externalPassword: \"Enter your password from your live\",\n    launchLive: \"Start your stream\",\n    stopLive: \"Stop your live stream\",\n    geturl: \"Get your stream url (on Youtube or Facebook)\",\n    getpwd: \"Get your stream password (on Youtube or Facebook)\",\n    enterhere: \"Enter your informations here :\",\n    titleSettings: \"Set preferred camera and microphone\",\n    problemSettings: \"If you are having problems, try restarting your browser.\",\n    saveSettings: \"Your preferences will automatically save.\",\n    screensharerunning: \"Happy Screen Sharing!\",\n    tile: \"Tile\",\n    list: \"List\",\n    speaker: \"Speaker\",\n    displaymode: \"Display mode\",\n    changelayout: \"Change layout\",\n    attendees: \"Attendees\",\n    here: \"here\",\n    hangtight: \"We're waiting for other callers to arrive.\",\n    join: \"Join\",\n    incall: \"In call with :\",\n    joincall: \"Join Call\",\n    expand: \"Expand\",\n    activecall: \"Active call\",\n    leavecall: \"Leave call\",\n    output: \"Output\",\n    input: \"Input\",\n    titlePreConfig: \"Set up your devices\",\n    presenter: \"Attendees\",\n    joined: \"Joined\",\n    invited: \"Waiting on\",\n    presenter: \"Presenter\",\n    listener: \"Listener\",\n    left: \"Left\",\n    noAudioDevice:\n      \"No audio device detected. Please make sure to plug at least one microphone to access this conference.\",\n    filepresentation: \"Share a file\",\n    prev: \"Previous\",\n    next: \"Next\",\n    errorFilePresentation:\n      \"An error occured during the file presentation. Please check your file.\",\n    videopresentation: \"Share a video\",\n    placeholderVideoPresentation: \"Video URL\",\n    startVideoPresentationAutoplay: \"Start video\",\n    invitedUsers: \"Waiting for invitation\",\n    inviteUser: \"Invite\"\n}]\n```\n\nMore language can be added. Use an array prefixed with the correct language key. (en, fr, it, ...)\n","readmeFilename":"README.md","_id":"@voxeet/react-components@2.1.0-rc1","_nodeVersion":"10.15.3","_npmVersion":"6.11.2","dist":{"integrity":"sha512-iAPUNXjE9rq5umj54RVCYXeia4b9DnCteJr+TJlWvnNZ5KyWy5oYFx4efgPAG1AXhJoOORW7vE0mGpG9bynqnA==","shasum":"c28ed74ca0a942f987fc47ba3c747396750f40de","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-2.1.0-rc1.tgz","fileCount":179,"unpackedSize":12867850,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJesYdfCRA9TVsSAnZWagAAi0EP/jZHuEyOX4JIKqbeFlg0\n1Lz/1b1ViwkZAz9Ut3hUfxOheT58x377qHpitgFYlZYF7QcA4fNndx/iHP7j\nfSPZOVLIRdhL0SysEAX8G9RT5Css+l2SwDkGQKKuY5Gwu/Bp+DxJXBgQ6QgN\nK9qUgIqV3Nn2fxcwlpMSZ9Ks8s2FfFB9h90HhSgHTaUf3b031qzy4O09b1G/\nzGvifmku1VoTjIyBZDsmvutfiosmm6cqHx2cLGMJHQsiKpmZ2l3NlWyGgFx7\ngBEbfkW+a3GczbVh/dOBLZT51sv9IcYL2UxKE0qsZp4dAJYzFVgBvaO3DSBm\nUwF0tMSzdnl0T4lioMhXTyouqrs8zeHv7TL3dRjb4Vifv4H7KxTQKIJs/ACa\nfk6rpD8eBYuFV/7RnANkS0qW1AOAVvtuLo/tG5SzC/r7oNdUuFqo7QedAONx\nbuRRBEdEjz/espSVcimstgkk+htiO77vcY+BwpaszvNEu3XK9mhnZaoaIaVn\nJY7l+vxwWWyyOAhJSxPgbCs/6+VfXNWnTtHkh8d04FhX5x6z5QdaWplJpyW1\nYKVZ6XndKgilUbKGBr/fO26ivSdEEwHAcKO01B24PHs5z9SabIsXaIenUKQF\npMsEExqNpUFFv8oRX44HfR9Hc2y5ARv9Lk31CodTYUwAC6RlvcIxmGB9A/UK\nl2yN\r\n=p8nE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCaED/zTXkOTzpF8UCsi/pCt8EVzFW05fsFeRFne+mR7QIgExfXaP2QawmnkVE7D5IPA1I6CDr6leS0Md+jIGxMjnA="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"nicolas.laduguie@dolby.com","name":"nladuguie"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vincent.jardel@dolby.com","name":"vjarddolby"},{"email":"vmartin@voxeet.com","name":"vmartin"},{"email":"clarroque@voxeet.com","name":"vtcoco"}],"_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_2.1.0-rc1_1588692830986_0.35655713918560306"},"_hasShrinkwrap":false},"2.1.0":{"name":"@voxeet/react-components","version":"2.1.0","description":"## Installation","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/polyfill":"^7.2.5","@babel/runtime":"^7.3.4","autolinker":"^2.2.2","bowser":"1.9.4","browserslist":"^4.5.2","classnames":"2.2.6","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.0","prop-types":"15.6.2","react":"16.9.0","react-dom":"16.9.0","react-draggable":"3.1.1","react-localization":"^1.0.13","react-player":"^1.11.1","@voxeet/react-redux-5.1.1":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","redux":"4.0.4","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.3.4","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"2.2.2"},"gitHead":"e1f83e2796c9273b4b72d856bcbb8f8ace483df8","_id":"@voxeet/react-components@2.1.0","_nodeVersion":"10.15.3","_npmVersion":"6.11.2","dist":{"integrity":"sha512-x+10rg4VUmzNMWFPufNtDxjoh7iM2+YMQSRXTkoS9WvQKjLejI5N/VqX36WwEUGyywB8EsDBvf9HHzOQ4HmgNg==","shasum":"86ec7ebed72e91e45044e8dbfd4fb6a2606f38d1","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-2.1.0.tgz","fileCount":181,"unpackedSize":12800180,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexADJCRA9TVsSAnZWagAA0JsP/3Za1bgBnTuMN6wX8gAY\n0++ByGsiCTU6vBGg8lifVsRl+Kr9zc5BrFDuXQ51S0C+LPeVm3jZCrNUvXJS\na5LBokTyD+eX3L8eScpyc6tnzaClGlhgfGSiMcjLJLNwoY3kqUNT1+SArimb\nD/N8sAK64X+Cst1gS4qcQpssNUmp7eCiUAIAq1iQ6NMtN3Fwm50WA8AALw96\nBD5wZMK3EDbTVZE/AxnS90QcBbiWJ3SeE1n9YORZyrsXOjydD1tPgSygKfm6\n8xwht6Xq1SdxwrfUbDwjuU1VLYRlFUsLjqm0JvX3c9ENEDE/BFxGy7ANR/mH\nrIKRwf/LKgyf2hTyLCCDV2M8AXrnkup5SUiPizDnQKpW4Em8LoR3QKLtjyVf\nQRI4hO3rNaHBg3/aYWgdw8luE0fpm3Rm8rpRB8A3a3/tKr60rwE8Q5eSosuk\nImg5dSrBEVfOKVw+V7otmntXKz4bhBuIvoV8CSuf+T20zS6An26pdw5Cg/1j\nYCNd9PQQ0QLXZWntqymnuJcsRT5bU35CUFt3j1fiIlRRTUfXifc44f6LIiE/\nW5/U0SL4EoXIItkpx/4tpOLfbMLNp6/3AZEOhaZxV0FERWMke2Su5hzC1xM/\n57XIGwpoNpHryHb2VKnO+h8Q6cFQJ0j/tR2GFskzJaLx24Ordq4GmgXhfaWg\np3yx\r\n=+LQg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEsWmm99Y92ExD3InsKwTd9IZ4BkAW5EVstDJ30gi5yzAiBno73jGAstEsSDb1/Tza+JheHvtsF2p1u5cio7pdptJQ=="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"nicolas.laduguie@dolby.com","name":"nladuguie"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vincent.jardel@dolby.com","name":"vjarddolby"},{"email":"vmartin@voxeet.com","name":"vmartin"},{"email":"clarroque@voxeet.com","name":"vtcoco"}],"_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_2.1.0_1589903551889_0.42856987638405575"},"_hasShrinkwrap":false},"2.1.1":{"name":"@voxeet/react-components","version":"2.1.1","description":"## Installation","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build","get-version":"echo $npm_package_version"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/polyfill":"^7.2.5","@babel/runtime":"^7.3.4","autolinker":"^2.2.2","bowser":"1.9.4","browserslist":"^4.5.2","classnames":"2.2.6","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.0","prop-types":"15.6.2","react":"16.9.0","react-dom":"16.9.0","react-draggable":"3.1.1","react-localization":"^1.0.13","react-player":"^1.11.1","@voxeet/react-redux-5.1.1":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","redux":"4.0.4","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.3.4","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"2.3.0"},"_id":"@voxeet/react-components@2.1.1","dist":{"shasum":"e53c3dc85728e8c64c46a92820d66086d3faa744","integrity":"sha512-zhwtFHsRtlsk7qDH5tRfNS7JaKwBJwUwXaD8164A+cqGU71/bsWV96Omo1UlhwdA56r3HwauopLX9L3/d9bgMA==","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-2.1.1.tgz","fileCount":153,"unpackedSize":11616186,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIUqkCRA9TVsSAnZWagAAmdQP/0G9KSGtf6uYhproS6rr\njujfe5My63XviTxtdrdM3WKmDOingwSovcspcdGxBWnEc/FuCsW8uqeYYGX8\nHES8DwCfDLFqg0Lc98MCHsqkBqU0eY4jS1NgmRU5Bv6dYw9jLdTxtnZpHZus\nqh4tzQMuvxkhhsx7nzCwNNXNat+D0ceVUlt09VBiPeAB37U1WYwW/GnE1sDG\nACH43Yd0328lpaE7kHNB735fJysDIRV1wDZssMv+l5oKznuiaTE8Y5HDoPNA\ngATVfgWe0DQfKx8ldMMnqtEYIYr/NHRIy2OEsCSIlSm60XUlhSZh1w89O068\nnRzhHFhNAJXTAa0WAPwtRUn9lmA9yXCg9gl8PnoA2d1xe4h03DUYF4wmHaVe\ni2U6J7thOA8f7CGlIQQLQu6wFEKJzyvoGGB1DD8JlCKrZMnFYoTpAnyU0puy\nlgbK7mTmJh+RwmRYRAgIyjl399UDn9BQlHhxylbmznlFuSf/q9ZWRcpFUfoW\nLfiiHv1yOQkJIbtkvaaobbVmNUQznZIFWolMRXAZ+TV+WPiROEPGHQLmnucw\n1mjiOrpRepZP86YoZAg64jz0GB/HhH/MxmdvbhJqDrNb/Q0ajoXnG7cs3KBK\nnh7vlz/fTOCU0bMBlI4m5/hTaoQkfeCZoRe/xRzmfYSMJAfP93CJSwwe4qQW\nLEgP\r\n=OnQe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICh2XKDlpFiBnYPPyjDzQ0EvgK42+uqQoTWMX8ORTFCxAiAurOQEmMORqAUCgLzH3VyIVevsRVZk0YViowuvKtzIeA=="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jfan@dolby.com","name":"jimfan"},{"email":"nicolas.laduguie@dolby.com","name":"nladuguie"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vincent.jardel@dolby.com","name":"vjarddolby"},{"email":"vmartin@voxeet.com","name":"vmartin"},{"email":"clarroque@voxeet.com","name":"vtcoco"}],"_npmUser":{"name":"tgourgues","email":"tgourgues@voxeet.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_2.1.1_1596017315270_0.5740872191221451"},"_hasShrinkwrap":false},"2.1.2":{"name":"@voxeet/react-components","version":"2.1.2","description":"## Installation","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build","get-version":"echo $npm_package_version"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/polyfill":"^7.2.5","@babel/runtime":"^7.3.4","autolinker":"^2.2.2","bowser":"1.9.4","browserslist":"^4.5.2","classnames":"2.2.6","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.0","prop-types":"15.6.2","react":"16.9.0","react-dom":"16.9.0","react-draggable":"3.1.1","react-localization":"^1.0.13","react-player":"^1.11.1","@voxeet/react-redux-5.1.1":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","redux":"4.0.4","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.3.4","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"2.3.0"},"_id":"@voxeet/react-components@2.1.2","dist":{"shasum":"aa3c93124aa0857441852eb74fd61628ad0a4ff8","integrity":"sha512-D1Ngr8kh6EHm1TMh16+AU6W+eKU2uK33eyL/GWqYc0gaFSrhSrVSvriG1XLRXPEiJEyqDslC6A5vw3pSVHqPCg==","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-2.1.2.tgz","fileCount":153,"unpackedSize":11616437,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIWb2CRA9TVsSAnZWagAAKU0QAIeqctU9hzPo9B1X0z+7\nyqy5DQQ/dN6eEHV0uiavF9wmDOaE7QvvsNQSqXSX6bGAfylDh3scksQTsvIC\nF99nSei8EbNt2aF3EoaoRveXkmPyZ9HtfLyGGKwCW437vl5sMW7JPkR+yqmi\nAszey8/Z6rn/6w47v89LJxqutW7gdgGZ9uHZguqQfaW2OqSYezb3UhxnvZkE\n8YAZmapVqHBR4o4ElwoB7KKYDYolCJpDP6kn62UiIeNWE27oetsnIsQtbk2I\nHA2pw4CX8yMDgJyxydDWwoghpYgtUGJS5wZcuS2z930BrhM4Sby99ev1aoBE\nj2ubJtyac2OprLwmhjgfbk003s2qSYDFFymHXHUcbBnb8SY2hjS8F8SpVAl5\nDvC31Cf5wvmznVPhhNl6iZeTgV8DjbKhyrwFVDgkH0XtfwismoHQBeGJrsW2\nSMqFPRwMT07bNmqyAuTLg5ozLKUVIMoQRdT7EqvPfwpqRIM/vE/kePGmtHTS\n+7KPHTdrFg097QUQTRjto0LO4l5Sw2LW6xHvamuBVSKqG5yRH/uBkXk8+mp0\nE64ynAQvGTsRX8DsgEwdaxpP7b4o782gpe8GIYcjJjs2Y3d3DKyQl1J6NX3i\n4zhguZja1CCNWnFd2JxuZUAptwBLsvH3yMvKaI2JM6b74cymxwj9tIMY5Raq\n+i9n\r\n=coIt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD2Z40FNwHbLE1YxWcTiLF6KCg8IoKvoCijYr4j1awovwIgKzC1qWBF163RiFu8S3LAQIYZdzDJilYrLjborQMdFzA="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jfan@dolby.com","name":"jimfan"},{"email":"nicolas.laduguie@dolby.com","name":"nladuguie"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vincent.jardel@dolby.com","name":"vjarddolby"},{"email":"vmartin@voxeet.com","name":"vmartin"},{"email":"clarroque@voxeet.com","name":"vtcoco"}],"_npmUser":{"name":"tgourgues","email":"tgourgues@voxeet.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_2.1.2_1596024565563_0.765732427533981"},"_hasShrinkwrap":false},"2.1.3":{"name":"@voxeet/react-components","version":"2.1.3","description":"## Installation","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build","get-version":"echo $npm_package_version"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/polyfill":"^7.2.5","@babel/runtime":"^7.3.4","autolinker":"^2.2.2","bowser":"1.9.4","browserslist":"^4.5.2","can-autoplay":"^3.0.0","classnames":"2.2.6","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.0","prop-types":"15.6.2","react":"16.9.0","react-dom":"16.9.0","react-draggable":"3.1.1","react-localization":"^1.0.13","react-player":"^1.11.1","@voxeet/react-redux-5.1.1":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","redux":"4.0.4","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.3.4","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"2.3.0"},"_id":"@voxeet/react-components@2.1.3","dist":{"shasum":"073182e4af968ce1754babf9f21054926e4e59e6","integrity":"sha512-7V9uP1S7Vyod24YqvRkmdVCwtapBQv+ztreaT38gnRKF7NLPfefWkfRhzn7K5Wyt1iw7bOJvolVvMVdwvRMesw==","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-2.1.3.tgz","fileCount":155,"unpackedSize":11666345,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfT03gCRA9TVsSAnZWagAAT7QP/jYX/Bj64T+faP2u8BAg\nKOMrETY90yfnbfVIIFV9y0A7BvtehNy7/HtwoBmnkr5K64P/LCVh0DLnZ3+D\n/ywwxTaSp0/+ln89A/1jDUbZ33qToqA4vclnq8kU1+InZkh/QVteXtiAs0yx\nPIl49/yZjUcToZWZrr99x4QRgYpB9RyN3Cl3ATO4hpO5SueAP+YTpV8Hbpag\no96LDXunmrGSG6uclsJGUhgKcCxNAD+GqRxao871sWfsbsq/l317HdZ80LVm\nt1RVpzlHrFvotjrg0CX8Dm5c8a8h80qwNxnFfP/RMudmR97WQspuMWiYG/q7\nbOSFVIUrxs9qw8DjsjCwnNB0ER/xOPa6EFF0xeY0iOg0fjEu+UMwXC4bAcRC\nGp2z4qnfLjvE9Qsf5u3kdBy3jozEkJoAQRjPIGsacuO7DK9lBk0w6RLJaPCC\nw2j310Jdp+/8QEIP0tJLcyggJxQXdQJ301pnL3EJ5WWeQfGw1GHT48Qv7WmZ\niuGTMzJVQTO4NesI44Lx4og7E2LivqvZoQPpQQ9UfQ6plM0/gTuSaNLexhx1\nKdkfBX+BTyMetd/9ebjzc6m4hNXE6PH/ipmH4/ZscQQ/MUy1XCmyf631uVS5\nMrn+/DMdUjmAdbroNczGKmU6aQ8Mc114AC75aUXAdpYTth+PY8Z+N1VfEiNC\nwl6q\r\n=gjBS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICOFnxsBFZSOnA8xRu8Vl1l+C3X+9CZjvYGWaTmmQbjqAiATvI82FzE45pWLK47UTRDa1fTjC9j60to6ApFAfC+M7w=="}]},"maintainers":[{"email":"bsenard@voxeet.com","name":"bsenard"},{"email":"kevin.leperf@codlab.eu","name":"codlab"},{"email":"jfan@dolby.com","name":"jimfan"},{"email":"nicolas.laduguie@dolby.com","name":"nladuguie"},{"email":"tgourgues@voxeet.com","name":"tgourgues"},{"email":"vincent.jardel@dolby.com","name":"vjarddolby"},{"email":"vmartin@voxeet.com","name":"vmartin"},{"email":"clarroque@voxeet.com","name":"vtcoco"}],"_npmUser":{"name":"tgourgues","email":"tgourgues@voxeet.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_2.1.3_1599032798973_0.1975855391162904"},"_hasShrinkwrap":false},"2.1.4":{"name":"@voxeet/react-components","version":"2.1.4","description":"## Installation","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build","get-version":"echo $npm_package_version"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/polyfill":"^7.2.5","@babel/runtime":"^7.3.4","autolinker":"^2.2.2","bowser":"1.9.4","browserslist":"^4.5.2","can-autoplay":"^3.0.0","classnames":"2.2.6","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.0","prop-types":"15.6.2","react":"16.9.0","react-dom":"16.9.0","react-draggable":"3.1.1","react-localization":"^1.0.13","react-player":"^1.11.1","@voxeet/react-redux-5.1.1":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","redux":"4.0.4","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.3.4","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"2.3.0"},"_id":"@voxeet/react-components@2.1.4","dist":{"shasum":"133053441ff0bc452d1ca0399d604bf84627553c","integrity":"sha512-R0aCN9n3P9Zh2BpCcjdXwfa0GK6KdUBYAHrWMLV1upfqAlbxz3ocXc5hlkodo2/RNQ+V2uuRtoAvscO/YpSByg==","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-2.1.4.tgz","fileCount":155,"unpackedSize":11666552,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfVzZOCRA9TVsSAnZWagAAXocQAJhPsEKpFOcZNRyONd5v\nYtk1GDs3JPKxTr29S7NamACjg6CzJi3PnNzTUZnrLQ122arvwnPqeRsP5cuX\nTUzI+CASlSdK/lBnizsmLJhLALMZkMQVZB3nte6VNxaY2GsTv6QLur7ymVxI\ngqeuqEBBOtYJW8DI6ut7X4BDTVHykub49tsWc7fpfA1qztdjBuileCZ0ywBI\nbj1L3kqsnoOLsaNSpKHl+9JT59SB62HibMm1r1ccICXuChzJCAeqxa4Unf4U\nVCusRwrzroFJBqq/fpCylADxA2hHPHJ9WYCupVVzv4n/i7fxWKpFf9rxTNpD\nrZ5CdoHtTcA0QuszMIT5R+SITuN9Did6Mus7MfmhcSG5PeDXjHp5Nq7g2l3W\nQYDh/PINkkcpdmqO0QIHjUsveynXQYxh76/F3xzv7yjk23Fy+XC9qC6sBzSw\nzcG44lKQjd0Cd7IeqRgNHopzOhvGLiGHTLRYMpzkhGm1d9Whn3E8gIQzH1zO\npcaKoHN+huppq7+73j58QTnbZIa1C6UxNcsi3bPPtIPCQAnjWauQAfvkhplP\ngUSXOluZTjf5JM3Gji/QbcCnP+mcAibc/Xq6LmusqqbZIilCKB7WmlHT1I7m\niMLOYZhFuWdhtTJ6zVJLUVbEhnfP/Rr4PGQ9qK6F67cb1UXdU6KoYLnB2FWb\nMnp4\r\n=irgK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCV3VK+gftCDRxOHEiHJ5QBHO8ZiJYb9lTnb6Mh77fjZgIhALNUw/dR4njNMbaA4ra/ZcmExo5idzJk4Pt56JXRLND6"}]},"maintainers":[{"name":"jimfan","email":"jfan@dolby.com"},{"name":"vjarddolby","email":"vincent.jardel@dolby.com"},{"name":"nladuguie","email":"nicolas.laduguie@dolby.com"},{"name":"vtcoco","email":"clarroque@voxeet.com"},{"name":"codlab","email":"kevin.leperf@codlab.eu"},{"name":"vmartin","email":"vmartin@voxeet.com"},{"name":"bsenard","email":"bsenard@voxeet.com"},{"name":"tgourgues","email":"tgourgues@voxeet.com"}],"_npmUser":{"name":"tgourgues","email":"tgourgues@voxeet.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_2.1.4_1599551053719_0.3040066512102322"},"_hasShrinkwrap":false},"3.0.0-beta.1":{"name":"@voxeet/react-components","version":"3.0.0-beta.1","description":"## Installation","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build","get-version":"echo $npm_package_version"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/polyfill":"^7.2.5","@babel/runtime":"^7.3.4","autolinker":"^2.2.2","bowser":"1.9.4","browserslist":"^4.5.2","can-autoplay":"^3.0.0","classnames":"2.2.6","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.0","prop-types":"15.6.2","react":"16.9.0","react-dom":"16.9.0","react-draggable":"3.1.1","react-localization":"^1.0.13","react-player":"^1.11.1","@voxeet/react-redux-5.1.1":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","redux":"4.0.4","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.3.4","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"2.3.0"},"_resolved":"","_integrity":"","_from":"file:voxeet-react-components-3.0.0-beta.1.tgz","readme":"# Voxeet React Components\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components @voxeet/react-redux-5.1.1@5.1.1 --save\nyarn add @voxeet/voxeet-web-sdk @voxeet/react-components @voxeet/react-redux-5.1.1@5.1.1\n```\n\n## Changelog\n\n### 2.1.3\n\n#### Device management overhaul\n\n- Now in the call, if you disconnect/connect new audio devices they show up correctly in the device list so you can switch freely between devices.\n- Improved device access failure error handling to provide the correct UI message to the user for troubleshooting purposes.\n- Allows output device selection in listen-only mode.\n- Previously used devices are saved in the device list.\n \n#### Tile layout improvement\n\n- In anticipation of future design of limited video users, an active speaker pop-up appears, similar to BlueJeans functionality. \n- The video frames are now uniform; inconsistent aspect ratio video frames are scaled down to fit the available rectangle for the user, making the tile layout uniform.\n \n#### Other changes\n\n- Addition of quality indicator and mute button in the Attendees list\n- Delayed active speaker switching (prevents switching too soon)\n- The view refreshed/updated if the active speaker leaves the conference\n\n### 2.1.1 / 2.1.2\n\n#### Features\n\n- Ability to customise sounds\n\n#### Bug fixes\n\n- Mobile layout improvements\n- Number of participant in the bottom bar is fixed (Listeners are now included)\n- Fix invite participant\n- RtcpMode option has been removed\n\n### 2.1.0\n\n#### Features\n\n- A new UI and mobile layout.\n- Compatibility with the SDK 2.x.\n\n#### Bug fixes\n\n- Updated audio output.\n- Fixed an issue with the `sameSite` cookie warning.\n- Fixed an issue with the update of the participants list.\n\n### 2.0.1\n\n#### Bug fixes\n\n- Fix webinar compatibility with SDK V2.X\n\n### 2.0.0\n\n- Compatibility with Voxeet Web SDK V2.X (Not working with SDK V1.X)\n\n### 1.1.0-rc1\n\nThis version only work with Voxeet SDK V2 (Please contact us to use it)\n! IMPORTANT ! This version is on alpha, some issues can appear. DO NOT PUSH IN PRODUCTION.\n\n#### Features\n\n- First implementation in alpha of SDK V2\n- Add pinCode props (Give your own pinCode to the UXKit)\n\n#### Property update\n\n- `pstnNumbers` is now empty, you need to use your own PSTN numbers in order to use this feature\n  Format :\n\n```javascript\n[\n  {\n    Code: \"US\",\n    Number: \"YOUR_PSTN_NUMBER\",\n  },\n];\n```\n\n#### Bug fixes\n\n- Pre configuration screen in small screen\n\n### 1.0.1\n\n#### Bug fixes\n\n- Fix possible CSS conflict with some classes\n- Move library target from `umd` to `commonjs2`\n\n### 1.0.0\n\n#### Features\n\n- Add support for `react-redux` v7.X, `VoxeetProvider` is now exposed inside the `react-components` to prevent version conflicts (Use the `VoxeetProvider` instead )\n\n#### Property update\n\n- `videoCodec` default is now `H264`\n\n### 0.36.7\n\n#### Features\n\n- New property `closeSessionAtHangUp`, option to choose if the session should be automatically close at hang up (default: true)\n\n### 0.36.6\n\n#### Features\n\n- Search engine for `invitedUsers` in order to find user easily in the `AttendeesList`\n\n### 0.36.3-0.36.5\n\n#### Features\n\n- New property `invitedUsers`, add the possibilidy to give an array of users who can be invited during the conference. (externalId mandatory)\n\n### 0.36.2\n\n#### Features\n\n- New property `pstnNumbers`, use http://cdn.voxeet.com/pstn/numbers to get phone numbers for PSTN and give an array of needed numbers in this property\n\n### 0.36.1\n\n#### Features\n\n- You can now disable sounds using `disableSounds` props\n- String customisation (See explanations below) with `customLocalizedStrings`\n\n#### Bug fixes\n\n- Fix camera truncated in speaker mode if the video is coming from mobile\n- Fix video presentation in widget mode\n\n### 0.35.0\n\n#### Features\n\n- Implementation of video presentation (If you use `shareActions` you can add `videopresentation`), a video can now be shared to other attendees. Only the video presenter can control the video, other attendees will receive actions (Play/Pause/Seek).\n- You can now customize \"We're waiting for other callers to arrive.\" with component `attendeesWaiting`.\n- Automatically start a recording when joining a conference with `autoRecording` (if it's not already start).\n- Automatically start HLS when joining a conference with `autoHls` (if it's not already start).\n- When starting HLS in Live Broadcast right panel, a link is displayed to watch the live conference.\n\n#### Bug fixes\n\n- Pre-configuration screen, error if access denied to your devices (microphone and/or camera)\n- UI improvements\n- Responsive improvements\n\n## Usage\n\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from \"@voxeet/react-components\";\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer,\n});\n```\n\n### Widget\n\n```javascript\nimport React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport thunkMidleware from \"redux-thunk\";\nimport { combineReducers, createStore, applyMiddleware } from \"redux\";\n\nimport {\n  ConferenceRoom,\n  VoxeetProvider,\n  reducer as voxeetReducer,\n} from \"@voxeet/react-components\";\n\n// Import Style\nimport \"@voxeet/react-components/dist/voxeet-react-components.css\"; // Can you be customize, refer to https://github.com/voxeet/voxeet-assets-react-components\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer,\n});\n\nconst configureStore = () =>\n  createStore(reducers, applyMiddleware(thunkMidleware));\n\nconst settings = {\n  consumerKey: \"consumerKey\",\n  consumerSecret: \"consumerSecret\",\n  conferenceAlias: \"Sample\",\n};\n\nReactDOM.render(\n  <VoxeetProvider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </VoxeetProvider>,\n  document.getElementById(\"app\")\n);\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n\n| Name                     | Type            | Default                                                                                                                                        | Description                                                                                                                                                                                                  |\n| ------------------------ | --------------- | ---------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |\n| `sdk`                    | Function        |                                                                                                                                                | VoxeetSDK if you want to use an external Voxeet SDK                                                                                                                                                          |\n| `consumerKey`            | String          |                                                                                                                                                | The consumer key                                                                                                                                                                                             |\n| `consumerSecret`         | String          |                                                                                                                                                | The consumer secret                                                                                                                                                                                          |\n| `oauthToken`             | String          |                                                                                                                                                | The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !                                    |\n| `refreshTokenCallback`   | func            |                                                                                                                                                | Provide this function that return a promise with the refreshed token, when this one expire                                                                                                                   |\n| `conferenceAlias`        | String          |                                                                                                                                                | The conference you whant to join                                                                                                                                                                             |\n| `logo`                   | String          | Voxeet Logo                                                                                                                                    | Display your logo inside the react components by using this props.                                                                                                                                           |\n| `chromeExtensionId`      | String          |                                                                                                                                                | Id of chrome screenshare extension, a message will be prompt when the user will try to screenshare (Inline installation is no longer supported)                                                              |\n| `displayActions`         | Array           | [\"mute\" ,\"recording\", \"share\", \"video\", \"live\", \"attendees\", \"chat\", \"pstn\"]                                                                   | You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"share\", \"recording\", \"live\", \"attendees\", \"chat\")        |\n| `shareActions`           | Array           | [\"screenshare\" ,\"filepresentation\", \"videopresentation\"]                                                                                       | You can choose which button will be display, it's possible to do a screenshare, file presentation or video presentation ! If you set the displayActions you need to add the 'share' button to allow actions. |\n| `liveRecordingEnabled`   | Boolean         | false                                                                                                                                          | Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)                                       |\n| `disableSounds`          | Boolean         | false                                                                                                                                          | Disable sounds during the conference (mute/unmute, record, conference join, conference left)                                                                                                                 |\n| `customLocalizedStrings` | Object          | Custom strings, described below                                                                                                                |\n| `pstnNumbers`            | Array           | Custom PSTN Numbers                                                                                                                            |\n| `pinCode`                | String          | Pin code for PSTN call                                                                                                                         |\n| `isWidget`               | Boolean         | true                                                                                                                                           | Indicate if component used like widget or embedded in your app                                                                                                                                               |\n| `chromeExtensionId`      | String          | null                                                                                                                                           | The Id from your Chrome Web Extension to screenshare (needed only on Chrome)                                                                                                                                 |\n| `autoRecording`          | Boolean         | false                                                                                                                                          | Automatically record the conference when joining the conference (if it's not already start)                                                                                                                  |\n| `closeSessionAtHangUp`   | Boolean         | true                                                                                                                                           | Automatically close the session of the current user when hang up                                                                                                                                             |\n| `isModal`                | Boolean         | false                                                                                                                                          | Indicate if component displayed like modal                                                                                                                                                                   |\n| `loadingScreen`          | Component       | LoadingScreen                                                                                                                                  | Put your own loading screen instead of Voxeet loading screen                                                                                                                                                 |\n| `isWebinar`              | Boolean         | false                                                                                                                                          | Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)                                                                                                                        |\n| `autoJoin`               | Boolean         | false                                                                                                                                          | Join automatically conference                                                                                                                                                                                |\n| `preConfig`              | Boolean         | false                                                                                                                                          | Show a pop up before entering inside the Conference to configure your devices (audio, video)                                                                                                                 |\n| `videoCodec`             | String          | H264                                                                                                                                           | Specify video codec \"H264\" or \"VP8\" => H264 is needed for video on Safari                                                                                                                                    |\n| `isListener`             | Boolean         | false                                                                                                                                          | Enter in conference in listener mode                                                                                                                                                                         |\n| `displayModes`           | Array           | [\"list\", \"tiles\", \"speaker\"]                                                                                                                   | Indicate which mode is allowed (modes will be in the same order as the array)                                                                                                                                |\n| `invitedUsers`           | Array           | [{name: \"USERNAME\", externalId:\"EXTERNAL_ID\", title: \"TITLE\"}]                                                                                 | Array of people who can be invited during the conference. If the other side, people need to be subscribe to the conference to receive the invitation                                                         |\n| `isManualKickAllowed`    | Boolean         | false                                                                                                                                          | Authorize admin (conference creator) to kick users in conference                                                                                                                                             |\n| `isAdmin`                | Boolean         | false                                                                                                                                          | Current user who join the conference is the admin                                                                                                                                                            |\n| `kickOnHangUp`           | Boolean         | false                                                                                                                                          | Kick all users when admin (conference creator) leave the conference                                                                                                                                          |\n| `userInfo`               | Object          | {</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() \\* 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>} | User informations for voxeet sdk                                                                                                                                                                             |\n| `conferenceReplayId`     | String          |                                                                                                                                                | Replay automatically a conference                                                                                                                                                                            |\n| `constraints`            | Object          | {</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}                                                                              | The webrtc constraints for the sdk                                                                                                                                                                           |\n| `actionsButtons`         | React Component | ActionsButtons - All buttons                                                                                                                   | A react component to customize the actions buttons                                                                                                                                                           |\n| `handleOnLeave`          | Function        |                                                                                                                                                | Function call on leave conference                                                                                                                                                                            |\n| `handleOnConnect`        | Function        |                                                                                                                                                | Function call when the current user is connected to the conference                                                                                                                                           |\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport bowser from \"bowser\";\nimport { Buttons } from \"@voxeet/react-components\";\n\nclass ActionsButtons extends Component {\n  constructor(props) {\n    super(props);\n  }\n\n  render() {\n    const {\n      isBottomBar,\n      forceFullscreen,\n      isMuted,\n      isRecording,\n      isWidgetFullScreenOn,\n      toggleVideoPresentation,\n      videoEnabled,\n      isVideoPresentation,\n      videoPresentationEnabled,\n      displayModal,\n      conferencePincode,\n      convertFilePresentation,\n      toggleMicrophone,\n      screenShareEnabled,\n      filePresentationEnabled,\n      toggleRecording,\n      toggleVideo,\n      toggleScreenShare,\n      attendeesSettingsOpened,\n      toggleAttendeesSettings,\n      toggleAttendeesList,\n      attendeesListOpened,\n      attendeesChatOpened,\n      toggleAttendeesChat,\n      recordingLocked,\n      toggleModal,\n      toggleAudio3D,\n      participants,\n      isWebinar,\n      isAdmin,\n      displayActions,\n      shareActions,\n      leave,\n      audio3DEnabled,\n      displayExternalLiveModal,\n      currentUser,\n      isFilePresentation,\n      isScreenshare,\n      isDemo,\n    } = this.props;\n    let nbParticipants = 0;\n    if (participants && participants.length) {\n      nbParticipants = participants.filter((p) => p.isConnected).length;\n    }\n    if ((!isWebinar && !currentUser.isListener) || (isWebinar && isAdmin))\n      nbParticipants += 1;\n\n    return (\n      <div>\n        <ul className=\"controls-left\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"mute\") > -1 &&\n            !isDemo && (\n              <ToggleMicrophoneButton\n                isMuted={isMuted}\n                toggle={toggleMicrophone}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"video\") > -1 &&\n            !isDemo && (\n              <ToggleVideoButton\n                videoEnabled={videoEnabled}\n                toggle={toggleVideo}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n        </ul>\n        <ul className=\"controls-center\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"recording\") > -1 &&\n            !isDemo && (\n              <ToggleRecordingButton\n                isRecording={isRecording}\n                recordingLocked={recordingLocked}\n                toggle={toggleRecording}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"share\") > -1 &&\n            !isDemo &&\n            shareActions.length > 0 && (\n              <ToggleScreenShareButton\n                screenShareEnabled={screenShareEnabled}\n                filePresentationEnabled={filePresentationEnabled}\n                videoPresentationEnabled={videoPresentationEnabled}\n                currentUserScreenShare={isScreenshare}\n                currentUserFilePresentation={isFilePresentation}\n                currentUserVideoPresentation={isVideoPresentation}\n                toggle={toggleScreenShare}\n                toggleVideoPresentation={toggleVideoPresentation}\n                convertFilePresentation={convertFilePresentation}\n                shareActions={shareActions}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {isBottomBar && (!isWebinar || (isWebinar && isAdmin)) && !isDemo && (\n            <li className=\"separator\"></li>\n          )}\n          {isBottomBar && (\n            <HangUpButtonBottomBar leave={leave} tooltipPlace=\"top\" />\n          )}\n        </ul>\n        <ul className=\"controls-right\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"pstn\") > -1 &&\n            conferencePincode.length > 0 &&\n            !isDemo && (\n              <TogglePSTN\n                conferencePincode={conferencePincode}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            !bowser.msie &&\n            !currentUser.isListener && (\n              <ToggleSettingsButton\n                attendeesSettingsOpened={attendeesSettingsOpened}\n                toggle={toggleAttendeesSettings}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {displayActions.indexOf(\"attendees\") > -1 && (\n            <ToggleAttendeesListButton\n              nbParticipants={nbParticipants}\n              tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              toggle={toggleAttendeesList}\n              isBottomBar={isBottomBar}\n              isOpen={attendeesListOpened}\n            />\n          )}\n          {displayActions.indexOf(\"chat\") > -1 && (\n            <ToggleAttendeesChatButton\n              tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              toggle={toggleAttendeesChat}\n              isBottomBar={isBottomBar}\n              isOpen={attendeesChatOpened}\n            />\n          )}\n        </ul>\n      </div>\n    );\n  }\n}\n\nActionsButtons.propTypes = {\n  isBottomBar: PropTypes.bool.isRequired,\n  forceFullscreen: PropTypes.bool.isRequired,\n  isMuted: PropTypes.bool.isRequired,\n  currentUser: PropTypes.object.isRequired,\n  isWebinar: PropTypes.bool.isRequired,\n  isAdmin: PropTypes.bool.isRequired,\n  videoEnabled: PropTypes.bool.isRequired,\n  screenShareEnabled: PropTypes.bool.isRequired,\n  filePresentationEnabled: PropTypes.bool.isRequired,\n  videoPresentationEnabled: PropTypes.bool.isRequired,\n  displayModal: PropTypes.bool.isRequired,\n  isScreenshare: PropTypes.bool.isRequired,\n  isVideoPresentation: PropTypes.bool.isRequired,\n  isFilePresentation: PropTypes.bool.isRequired,\n  displayActions: PropTypes.array.isRequired,\n  toggleAudio3D: PropTypes.func.isRequired,\n  recordingLocked: PropTypes.bool.isRequired,\n  audio3DEnabled: PropTypes.bool.isRequired,\n  isRecording: PropTypes.bool.isRequired,\n  isWidgetFullScreenOn: PropTypes.bool.isRequired,\n  toggleMicrophone: PropTypes.func.isRequired,\n  leave: PropTypes.func.isRequired,\n  toggleRecording: PropTypes.func.isRequired,\n  toggleVideo: PropTypes.func.isRequired,\n  toggleScreenShare: PropTypes.func.isRequired,\n  toggleVideoPresentation: PropTypes.func.isRequired,\n  convertFilePresentation: PropTypes.func.isRequired,\n  toggleModal: PropTypes.func.isRequired,\n  toggleMode: PropTypes.func.isRequired,\n  mode: PropTypes.string.isRequired,\n  toggleAttendeesList: PropTypes.func.isRequired,\n  attendeesListOpened: PropTypes.bool.isRequired,\n  toggleAttendeesChat: PropTypes.func.isRequired,\n  attendeesChatOpened: PropTypes.bool.isRequired,\n  toggleAttendeesSettings: PropTypes.func.isRequired,\n  attendeesSettingsOpened: PropTypes.bool.isRequired,\n};\n\nActionsButtons.defaultProps = {\n  isBottomBar: false,\n  forceFullscreen: false,\n};\n\nexport default ActionsButtons;\n```\n\n### Localized strings\n\nFor english language (Be sure to use this keys to override default strings)\n\n```\n[en: {\n    noPstnNumbers: \"There is no PSTN numbers...\",\n    electronloading: \"Voxeet is loading, please wait\",\n    error: \"Error\",\n    errorPermissionDeniedMicrophone:\n      \"An error occured when joining the conference. Please make sure to allow access to your microphone.\",\n    errorPermissionDeniedMicrophoneCamera:\n      \"An error occured when joining the conference. Please make sure to allow access to your microphone and camera.\",\n    errorIE11:\n      \"A plugin is mandatory for IE11, please download and install the plugin. When the installation is complete, please refresh this page.\",\n    browerNotSupported: \"This browser is currently not supported.\",\n    installExtension: \"Please install the screen share extension with this \",\n    noExtensionAvailable: \"No Chrome Web Extension configure for screen share.\",\n    microphoneOff: \"Your microphone is muted.\",\n    microphoneOn: \"Your microphone is on.\",\n    cameraOn: \"Your camera is on.\",\n    cameraOff: \"Your camera is off.\",\n    recordConferenceStart: \"Your conference is being recorded.\",\n    recordConferenceStop: \"Your conference is no longer recorded.\",\n    screenshareInProgress:\n      \"You cannot screenshare while another user is screensharing.\",\n    recordConferenceStartBy: \"Your conference is being recorded by \",\n    recordConferenceStopBy: \"Your conference is no longer recorded by \",\n    conferenceAlreadyRecord:\n      \"Your conference is already being recorded by an other attendee.\",\n    leave: \"End\",\n    audio: \"3D Audio\",\n    audioTitle: \"Audio\",\n    chat: \"Chat\",\n    nameConversation: \"Name this conversation\",\n    externalLive: \"Live Broadcast\",\n    fullscreen: \"FullScreen\",\n    minimize: \"Minimize\",\n    mute: \"Mute\",\n    displaymode: \"Display mode\",\n    pincode: \"Call-in\",\n    sendMessage: \"Send\",\n    pinCodeExplanations:\n      \"Call this number below and provide the conference pin code to join the conference via PSTN.\",\n    record: \"Record\",\n    shareAlreadyStarted:\n      \"Someone is already sharing. Please stop it before start a new one.\",\n    share: \"Share\",\n    screenshare: \"Share Screen\",\n    screenshareEntireScreen: \"Share Entire Screen\",\n    screenshareAWindow: \"Share a Window\",\n    screenshareOption: \"Share Options\",\n    settings: \"Settings\",\n    open: \"Open\",\n    close: \"Close\",\n    video: \"Video\",\n    camera: \"Camera\",\n    liveCall: \"Live is running\",\n    linkHls: \"See your live\",\n    broadcastLive: \"Diffusion en cours\",\n    externalUrl: \"Configure your stream\",\n    externalPassword: \"Enter your password from your live\",\n    launchLive: \"Start your stream\",\n    stopLive: \"Stop your live stream\",\n    geturl: \"Get your stream url (on Youtube or Facebook)\",\n    getpwd: \"Get your stream password (on Youtube or Facebook)\",\n    enterhere: \"Enter your informations here :\",\n    titleSettings: \"Set preferred camera and microphone\",\n    problemSettings: \"If you are having problems, try restarting your browser.\",\n    saveSettings: \"Your preferences will automatically save.\",\n    screensharerunning: \"Happy Screen Sharing!\",\n    tile: \"Tile\",\n    list: \"List\",\n    speaker: \"Speaker\",\n    displaymode: \"Display mode\",\n    changelayout: \"Change layout\",\n    attendees: \"Attendees\",\n    participantsHeder: \"Participants \",\n    invitedHeder: \"Invited\",\n    here: \"here\",\n    hangtight: \"We're waiting for other callers to arrive.\",\n    join: \"Join\",\n    incall: \"In call with :\",\n    joincall: \"Join Call\",\n    expand: \"Expand\",\n    activecall: \"Active call\",\n    leavecall: \"Leave call\",\n    output: \"Output\",\n    input: \"Input\",\n    titlePreConfig: \"Set up your devices\",\n    addParticipant: \"Add Participant\",\n    presenter: \"Attendees\",\n    joined: \"Joined\",\n    invited: \"Waiting on\",\n    presenter: \"Presenter\",\n    listener: \"Listener\",\n    left: \"Left\",\n    noAudioDevice:\n      \"No audio device detected. Please make sure to plug at least one microphone to access this conference.\",\n    filepresentation: \"Share a File\",\n    prev: \"Previous\",\n    next: \"Next\",\n    errorFilePresentation:\n      \"An error occured during the file presentation. Please check your file.\",\n    videopresentation: \"Share a Video\",\n    placeholderVideoPresentation: \"Video URL\",\n    startVideoPresentationAutoplay: \"Start video\",\n    invitedUsers: \"Waiting for invitation\",\n    inviteUser: \"Invite\"\n  }]\n```\n\nMore language can be added. Use an array prefixed with the correct language key. (en, fr, it, ...)\n","readmeFilename":"README.md","_id":"@voxeet/react-components@3.0.0-beta.1","_nodeVersion":"10.15.3","_npmVersion":"6.11.2","dist":{"integrity":"sha512-eiiwv0REJS/8y6qhYNStGxCzdQd+6Lxt7NkCaW6CAGYrl+ykVqJsEZOmOC5BNhqg1Y1O2LEv5xL31NR0kOen2g==","shasum":"89adbc59d557c3d1033ed960b72808b0ec71bd5a","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-3.0.0-beta.1.tgz","fileCount":145,"unpackedSize":11689182,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfYcoUCRA9TVsSAnZWagAA93YP/192NFgy+YllW28l9DHU\n0KiXz5flCk3O7AbaGPTuPApH14/cqe2PNBLEB3Qkvu0/lSJMup21INYLyYOp\nmA5Aokj/c/J0oxayWRyLAMkz/n8cym/AUKpAi0flZ/xpazS6vRjwZyrVGany\nOdAsgLHgg4Pw2boX9P+xYFNGLO8RllqpkeLKaljOi3Y9umvtKNwoxVHVTtWF\nxCI6bbwRSFjnuNpLfuoCSRnkajze1GOPUk+BW+QUpzJ+j6epbAE4tMcdoN5m\n8r5MQeedvPjFqPNQZPBKbaBDSoQ/6XdtKtXIU9u3yaeKoCWpObDZliLVPpE0\nrmLcsEgVp4i6CPtigZSulcrR0bSp7NqnhgyIM/AnpMoW2DkPZPnFeTQBZ8nX\nv5wyvpIS0VfSdLNenynV1VaDhbO4jdvyBKiYS2HsNmo03Glk7iKrp+k7aRYe\nPS3tO4bPgz2v2RHaGLryxdp/1Kp/4hN0KIzJwB72+C3q9Uu7Yms18qXBttPc\nGYDzKlw+nhUKYfRPVPy1rvR/TUPE06h1h7dNr8Yi8UDIR5BO9o8ar4KIlQ6j\nxwDsOPVeBKGFJAE5CvwIlHgc4MXLTvggUKHgCn9QVOhQl6x/eIQYvhwzvSEA\nrNWnoWYAtuxuzqn/B93sGu7Khyr21CH7+N4ha2oO/y3n6FbpWp8UR8e4w+j2\nNSSC\r\n=UyHH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDUvwqXhK2FcEn/45/KwIxy2VLfZNLBQhs2ILd0GL617AiAn7r/MYyXKSOt3kiJ0H3Pc/4sDxA5LfxnWGMeE1iLrTQ=="}]},"maintainers":[{"name":"jimfan","email":"jfan@dolby.com"},{"name":"vjarddolby","email":"vincent.jardel@dolby.com"},{"name":"nladuguie","email":"nicolas.laduguie@dolby.com"},{"name":"vtcoco","email":"clarroque@voxeet.com"},{"name":"codlab","email":"kevin.leperf@codlab.eu"},{"name":"vmartin","email":"vmartin@voxeet.com"},{"name":"bsenard","email":"bsenard@voxeet.com"},{"name":"tgourgues","email":"tgourgues@voxeet.com"}],"_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_3.0.0-beta.1_1600244244070_0.9838417315502266"},"_hasShrinkwrap":false},"3.0.0-beta.2":{"name":"@voxeet/react-components","version":"3.0.0-beta.2","description":"## Installation","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build","get-version":"echo $npm_package_version"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/polyfill":"^7.2.5","@babel/runtime":"^7.3.4","autolinker":"^2.2.2","bowser":"1.9.4","browserslist":"^4.5.2","can-autoplay":"^3.0.0","classnames":"2.2.6","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.0","prop-types":"15.6.2","react":"16.9.0","react-dom":"16.9.0","react-draggable":"3.1.1","react-localization":"^1.0.13","react-player":"^1.11.1","@voxeet/react-redux-5.1.1":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","redux":"4.0.4","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.3.4","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"2.3.0"},"_resolved":"","_integrity":"","_from":"file:voxeet-react-components-3.0.0-beta.2.tgz","readme":"# Voxeet React Components\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components @voxeet/react-redux-5.1.1@5.1.1 --save\nyarn add @voxeet/voxeet-web-sdk @voxeet/react-components @voxeet/react-redux-5.1.1@5.1.1\n```\n\n## Changelog\n\n### 2.1.3\n\n#### Device management overhaul\n\n- Now in the call, if you disconnect/connect new audio devices they show up correctly in the device list so you can switch freely between devices.\n- Improved device access failure error handling to provide the correct UI message to the user for troubleshooting purposes.\n- Allows output device selection in listen-only mode.\n- Previously used devices are saved in the device list.\n \n#### Tile layout improvement\n\n- In anticipation of future design of limited video users, an active speaker pop-up appears, similar to BlueJeans functionality. \n- The video frames are now uniform; inconsistent aspect ratio video frames are scaled down to fit the available rectangle for the user, making the tile layout uniform.\n \n#### Other changes\n\n- Addition of quality indicator and mute button in the Attendees list\n- Delayed active speaker switching (prevents switching too soon)\n- The view refreshed/updated if the active speaker leaves the conference\n\n### 2.1.1 / 2.1.2\n\n#### Features\n\n- Ability to customise sounds\n\n#### Bug fixes\n\n- Mobile layout improvements\n- Number of participant in the bottom bar is fixed (Listeners are now included)\n- Fix invite participant\n- RtcpMode option has been removed\n\n### 2.1.0\n\n#### Features\n\n- A new UI and mobile layout.\n- Compatibility with the SDK 2.x.\n\n#### Bug fixes\n\n- Updated audio output.\n- Fixed an issue with the `sameSite` cookie warning.\n- Fixed an issue with the update of the participants list.\n\n### 2.0.1\n\n#### Bug fixes\n\n- Fix webinar compatibility with SDK V2.X\n\n### 2.0.0\n\n- Compatibility with Voxeet Web SDK V2.X (Not working with SDK V1.X)\n\n### 1.1.0-rc1\n\nThis version only work with Voxeet SDK V2 (Please contact us to use it)\n! IMPORTANT ! This version is on alpha, some issues can appear. DO NOT PUSH IN PRODUCTION.\n\n#### Features\n\n- First implementation in alpha of SDK V2\n- Add pinCode props (Give your own pinCode to the UXKit)\n\n#### Property update\n\n- `pstnNumbers` is now empty, you need to use your own PSTN numbers in order to use this feature\n  Format :\n\n```javascript\n[\n  {\n    Code: \"US\",\n    Number: \"YOUR_PSTN_NUMBER\",\n  },\n];\n```\n\n#### Bug fixes\n\n- Pre configuration screen in small screen\n\n### 1.0.1\n\n#### Bug fixes\n\n- Fix possible CSS conflict with some classes\n- Move library target from `umd` to `commonjs2`\n\n### 1.0.0\n\n#### Features\n\n- Add support for `react-redux` v7.X, `VoxeetProvider` is now exposed inside the `react-components` to prevent version conflicts (Use the `VoxeetProvider` instead )\n\n#### Property update\n\n- `videoCodec` default is now `H264`\n\n### 0.36.7\n\n#### Features\n\n- New property `closeSessionAtHangUp`, option to choose if the session should be automatically close at hang up (default: true)\n\n### 0.36.6\n\n#### Features\n\n- Search engine for `invitedUsers` in order to find user easily in the `AttendeesList`\n\n### 0.36.3-0.36.5\n\n#### Features\n\n- New property `invitedUsers`, add the possibilidy to give an array of users who can be invited during the conference. (externalId mandatory)\n\n### 0.36.2\n\n#### Features\n\n- New property `pstnNumbers`, use http://cdn.voxeet.com/pstn/numbers to get phone numbers for PSTN and give an array of needed numbers in this property\n\n### 0.36.1\n\n#### Features\n\n- You can now disable sounds using `disableSounds` props\n- String customisation (See explanations below) with `customLocalizedStrings`\n\n#### Bug fixes\n\n- Fix camera truncated in speaker mode if the video is coming from mobile\n- Fix video presentation in widget mode\n\n### 0.35.0\n\n#### Features\n\n- Implementation of video presentation (If you use `shareActions` you can add `videopresentation`), a video can now be shared to other attendees. Only the video presenter can control the video, other attendees will receive actions (Play/Pause/Seek).\n- You can now customize \"We're waiting for other callers to arrive.\" with component `attendeesWaiting`.\n- Automatically start a recording when joining a conference with `autoRecording` (if it's not already start).\n- Automatically start HLS when joining a conference with `autoHls` (if it's not already start).\n- When starting HLS in Live Broadcast right panel, a link is displayed to watch the live conference.\n\n#### Bug fixes\n\n- Pre-configuration screen, error if access denied to your devices (microphone and/or camera)\n- UI improvements\n- Responsive improvements\n\n## Usage\n\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from \"@voxeet/react-components\";\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer,\n});\n```\n\n### Widget\n\n```javascript\nimport React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport thunkMidleware from \"redux-thunk\";\nimport { combineReducers, createStore, applyMiddleware } from \"redux\";\n\nimport {\n  ConferenceRoom,\n  VoxeetProvider,\n  reducer as voxeetReducer,\n} from \"@voxeet/react-components\";\n\n// Import Style\nimport \"@voxeet/react-components/dist/voxeet-react-components.css\"; // Can you be customize, refer to https://github.com/voxeet/voxeet-assets-react-components\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer,\n});\n\nconst configureStore = () =>\n  createStore(reducers, applyMiddleware(thunkMidleware));\n\nconst settings = {\n  consumerKey: \"consumerKey\",\n  consumerSecret: \"consumerSecret\",\n  conferenceAlias: \"Sample\",\n};\n\nReactDOM.render(\n  <VoxeetProvider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </VoxeetProvider>,\n  document.getElementById(\"app\")\n);\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n\n| Name                     | Type            | Default                                                                                                                                        | Description                                                                                                                                                                                                  |\n| ------------------------ | --------------- | ---------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |\n| `sdk`                    | Function        |                                                                                                                                                | VoxeetSDK if you want to use an external Voxeet SDK                                                                                                                                                          |\n| `consumerKey`            | String          |                                                                                                                                                | The consumer key                                                                                                                                                                                             |\n| `consumerSecret`         | String          |                                                                                                                                                | The consumer secret                                                                                                                                                                                          |\n| `oauthToken`             | String          |                                                                                                                                                | The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !                                    |\n| `refreshTokenCallback`   | func            |                                                                                                                                                | Provide this function that return a promise with the refreshed token, when this one expire                                                                                                                   |\n| `conferenceAlias`        | String          |                                                                                                                                                | The conference you whant to join                                                                                                                                                                             |\n| `logo`                   | String          | Voxeet Logo                                                                                                                                    | Display your logo inside the react components by using this props.                                                                                                                                           |\n| `chromeExtensionId`      | String          |                                                                                                                                                | Id of chrome screenshare extension, a message will be prompt when the user will try to screenshare (Inline installation is no longer supported)                                                              |\n| `displayActions`         | Array           | [\"mute\" ,\"recording\", \"share\", \"video\", \"live\", \"attendees\", \"chat\", \"pstn\"]                                                                   | You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"share\", \"recording\", \"live\", \"attendees\", \"chat\")        |\n| `shareActions`           | Array           | [\"screenshare\" ,\"filepresentation\", \"videopresentation\"]                                                                                       | You can choose which button will be display, it's possible to do a screenshare, file presentation or video presentation ! If you set the displayActions you need to add the 'share' button to allow actions. |\n| `liveRecordingEnabled`   | Boolean         | false                                                                                                                                          | Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)                                       |\n| `disableSounds`          | Boolean         | false                                                                                                                                          | Disable sounds during the conference (mute/unmute, record, conference join, conference left)                                                                                                                 |\n| `customLocalizedStrings` | Object          | Custom strings, described below                                                                                                                |\n| `pstnNumbers`            | Array           | Custom PSTN Numbers                                                                                                                            |\n| `pinCode`                | String          | Pin code for PSTN call                                                                                                                         |\n| `isWidget`               | Boolean         | true                                                                                                                                           | Indicate if component used like widget or embedded in your app                                                                                                                                               |\n| `chromeExtensionId`      | String          | null                                                                                                                                           | The Id from your Chrome Web Extension to screenshare (needed only on Chrome)                                                                                                                                 |\n| `autoRecording`          | Boolean         | false                                                                                                                                          | Automatically record the conference when joining the conference (if it's not already start)                                                                                                                  |\n| `closeSessionAtHangUp`   | Boolean         | true                                                                                                                                           | Automatically close the session of the current user when hang up                                                                                                                                             |\n| `isModal`                | Boolean         | false                                                                                                                                          | Indicate if component displayed like modal                                                                                                                                                                   |\n| `loadingScreen`          | Component       | LoadingScreen                                                                                                                                  | Put your own loading screen instead of Voxeet loading screen                                                                                                                                                 |\n| `isWebinar`              | Boolean         | false                                                                                                                                          | Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)                                                                                                                        |\n| `autoJoin`               | Boolean         | false                                                                                                                                          | Join automatically conference                                                                                                                                                                                |\n| `preConfig`              | Boolean         | false                                                                                                                                          | Show a pop up before entering inside the Conference to configure your devices (audio, video)                                                                                                                 |\n| `videoCodec`             | String          | H264                                                                                                                                           | Specify video codec \"H264\" or \"VP8\" => H264 is needed for video on Safari                                                                                                                                    |\n| `isListener`             | Boolean         | false                                                                                                                                          | Enter in conference in listener mode                                                                                                                                                                         |\n| `displayModes`           | Array           | [\"list\", \"tiles\", \"speaker\"]                                                                                                                   | Indicate which mode is allowed (modes will be in the same order as the array)                                                                                                                                |\n| `invitedUsers`           | Array           | [{name: \"USERNAME\", externalId:\"EXTERNAL_ID\", title: \"TITLE\"}]                                                                                 | Array of people who can be invited during the conference. If the other side, people need to be subscribe to the conference to receive the invitation                                                         |\n| `isManualKickAllowed`    | Boolean         | false                                                                                                                                          | Authorize admin (conference creator) to kick users in conference                                                                                                                                             |\n| `isAdmin`                | Boolean         | false                                                                                                                                          | Current user who join the conference is the admin                                                                                                                                                            |\n| `kickOnHangUp`           | Boolean         | false                                                                                                                                          | Kick all users when admin (conference creator) leave the conference                                                                                                                                          |\n| `userInfo`               | Object          | {</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() \\* 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>} | User informations for voxeet sdk                                                                                                                                                                             |\n| `conferenceReplayId`     | String          |                                                                                                                                                | Replay automatically a conference                                                                                                                                                                            |\n| `constraints`            | Object          | {</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}                                                                              | The webrtc constraints for the sdk                                                                                                                                                                           |\n| `actionsButtons`         | React Component | ActionsButtons - All buttons                                                                                                                   | A react component to customize the actions buttons                                                                                                                                                           |\n| `handleOnLeave`          | Function        |                                                                                                                                                | Function call on leave conference                                                                                                                                                                            |\n| `handleOnConnect`        | Function        |                                                                                                                                                | Function call when the current user is connected to the conference                                                                                                                                           |\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport bowser from \"bowser\";\nimport { Buttons } from \"@voxeet/react-components\";\n\nclass ActionsButtons extends Component {\n  constructor(props) {\n    super(props);\n  }\n\n  render() {\n    const {\n      isBottomBar,\n      forceFullscreen,\n      isMuted,\n      isRecording,\n      isWidgetFullScreenOn,\n      toggleVideoPresentation,\n      videoEnabled,\n      isVideoPresentation,\n      videoPresentationEnabled,\n      displayModal,\n      conferencePincode,\n      convertFilePresentation,\n      toggleMicrophone,\n      screenShareEnabled,\n      filePresentationEnabled,\n      toggleRecording,\n      toggleVideo,\n      toggleScreenShare,\n      attendeesSettingsOpened,\n      toggleAttendeesSettings,\n      toggleAttendeesList,\n      attendeesListOpened,\n      attendeesChatOpened,\n      toggleAttendeesChat,\n      recordingLocked,\n      toggleModal,\n      toggleAudio3D,\n      participants,\n      isWebinar,\n      isAdmin,\n      displayActions,\n      shareActions,\n      leave,\n      audio3DEnabled,\n      displayExternalLiveModal,\n      currentUser,\n      isFilePresentation,\n      isScreenshare,\n      isDemo,\n    } = this.props;\n    let nbParticipants = 0;\n    if (participants && participants.length) {\n      nbParticipants = participants.filter((p) => p.isConnected).length;\n    }\n    if ((!isWebinar && !currentUser.isListener) || (isWebinar && isAdmin))\n      nbParticipants += 1;\n\n    return (\n      <div>\n        <ul className=\"controls-left\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"mute\") > -1 &&\n            !isDemo && (\n              <ToggleMicrophoneButton\n                isMuted={isMuted}\n                toggle={toggleMicrophone}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"video\") > -1 &&\n            !isDemo && (\n              <ToggleVideoButton\n                videoEnabled={videoEnabled}\n                toggle={toggleVideo}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n        </ul>\n        <ul className=\"controls-center\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"recording\") > -1 &&\n            !isDemo && (\n              <ToggleRecordingButton\n                isRecording={isRecording}\n                recordingLocked={recordingLocked}\n                toggle={toggleRecording}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"share\") > -1 &&\n            !isDemo &&\n            shareActions.length > 0 && (\n              <ToggleScreenShareButton\n                screenShareEnabled={screenShareEnabled}\n                filePresentationEnabled={filePresentationEnabled}\n                videoPresentationEnabled={videoPresentationEnabled}\n                currentUserScreenShare={isScreenshare}\n                currentUserFilePresentation={isFilePresentation}\n                currentUserVideoPresentation={isVideoPresentation}\n                toggle={toggleScreenShare}\n                toggleVideoPresentation={toggleVideoPresentation}\n                convertFilePresentation={convertFilePresentation}\n                shareActions={shareActions}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {isBottomBar && (!isWebinar || (isWebinar && isAdmin)) && !isDemo && (\n            <li className=\"separator\"></li>\n          )}\n          {isBottomBar && (\n            <HangUpButtonBottomBar leave={leave} tooltipPlace=\"top\" />\n          )}\n        </ul>\n        <ul className=\"controls-right\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"pstn\") > -1 &&\n            conferencePincode.length > 0 &&\n            !isDemo && (\n              <TogglePSTN\n                conferencePincode={conferencePincode}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            !bowser.msie &&\n            !currentUser.isListener && (\n              <ToggleSettingsButton\n                attendeesSettingsOpened={attendeesSettingsOpened}\n                toggle={toggleAttendeesSettings}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {displayActions.indexOf(\"attendees\") > -1 && (\n            <ToggleAttendeesListButton\n              nbParticipants={nbParticipants}\n              tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              toggle={toggleAttendeesList}\n              isBottomBar={isBottomBar}\n              isOpen={attendeesListOpened}\n            />\n          )}\n          {displayActions.indexOf(\"chat\") > -1 && (\n            <ToggleAttendeesChatButton\n              tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              toggle={toggleAttendeesChat}\n              isBottomBar={isBottomBar}\n              isOpen={attendeesChatOpened}\n            />\n          )}\n        </ul>\n      </div>\n    );\n  }\n}\n\nActionsButtons.propTypes = {\n  isBottomBar: PropTypes.bool.isRequired,\n  forceFullscreen: PropTypes.bool.isRequired,\n  isMuted: PropTypes.bool.isRequired,\n  currentUser: PropTypes.object.isRequired,\n  isWebinar: PropTypes.bool.isRequired,\n  isAdmin: PropTypes.bool.isRequired,\n  videoEnabled: PropTypes.bool.isRequired,\n  screenShareEnabled: PropTypes.bool.isRequired,\n  filePresentationEnabled: PropTypes.bool.isRequired,\n  videoPresentationEnabled: PropTypes.bool.isRequired,\n  displayModal: PropTypes.bool.isRequired,\n  isScreenshare: PropTypes.bool.isRequired,\n  isVideoPresentation: PropTypes.bool.isRequired,\n  isFilePresentation: PropTypes.bool.isRequired,\n  displayActions: PropTypes.array.isRequired,\n  toggleAudio3D: PropTypes.func.isRequired,\n  recordingLocked: PropTypes.bool.isRequired,\n  audio3DEnabled: PropTypes.bool.isRequired,\n  isRecording: PropTypes.bool.isRequired,\n  isWidgetFullScreenOn: PropTypes.bool.isRequired,\n  toggleMicrophone: PropTypes.func.isRequired,\n  leave: PropTypes.func.isRequired,\n  toggleRecording: PropTypes.func.isRequired,\n  toggleVideo: PropTypes.func.isRequired,\n  toggleScreenShare: PropTypes.func.isRequired,\n  toggleVideoPresentation: PropTypes.func.isRequired,\n  convertFilePresentation: PropTypes.func.isRequired,\n  toggleModal: PropTypes.func.isRequired,\n  toggleMode: PropTypes.func.isRequired,\n  mode: PropTypes.string.isRequired,\n  toggleAttendeesList: PropTypes.func.isRequired,\n  attendeesListOpened: PropTypes.bool.isRequired,\n  toggleAttendeesChat: PropTypes.func.isRequired,\n  attendeesChatOpened: PropTypes.bool.isRequired,\n  toggleAttendeesSettings: PropTypes.func.isRequired,\n  attendeesSettingsOpened: PropTypes.bool.isRequired,\n};\n\nActionsButtons.defaultProps = {\n  isBottomBar: false,\n  forceFullscreen: false,\n};\n\nexport default ActionsButtons;\n```\n\n### Localized strings\n\nFor english language (Be sure to use this keys to override default strings)\n\n```\n[en: {\n    noPstnNumbers: \"There is no PSTN numbers...\",\n    electronloading: \"Voxeet is loading, please wait\",\n    error: \"Error\",\n    errorPermissionDeniedMicrophone:\n      \"An error occured when joining the conference. Please make sure to allow access to your microphone.\",\n    errorPermissionDeniedMicrophoneCamera:\n      \"An error occured when joining the conference. Please make sure to allow access to your microphone and camera.\",\n    errorIE11:\n      \"A plugin is mandatory for IE11, please download and install the plugin. When the installation is complete, please refresh this page.\",\n    browerNotSupported: \"This browser is currently not supported.\",\n    installExtension: \"Please install the screen share extension with this \",\n    noExtensionAvailable: \"No Chrome Web Extension configure for screen share.\",\n    microphoneOff: \"Your microphone is muted.\",\n    microphoneOn: \"Your microphone is on.\",\n    cameraOn: \"Your camera is on.\",\n    cameraOff: \"Your camera is off.\",\n    recordConferenceStart: \"Your conference is being recorded.\",\n    recordConferenceStop: \"Your conference is no longer recorded.\",\n    screenshareInProgress:\n      \"You cannot screenshare while another user is screensharing.\",\n    recordConferenceStartBy: \"Your conference is being recorded by \",\n    recordConferenceStopBy: \"Your conference is no longer recorded by \",\n    conferenceAlreadyRecord:\n      \"Your conference is already being recorded by an other attendee.\",\n    leave: \"End\",\n    audio: \"3D Audio\",\n    audioTitle: \"Audio\",\n    chat: \"Chat\",\n    nameConversation: \"Name this conversation\",\n    externalLive: \"Live Broadcast\",\n    fullscreen: \"FullScreen\",\n    minimize: \"Minimize\",\n    mute: \"Mute\",\n    displaymode: \"Display mode\",\n    pincode: \"Call-in\",\n    sendMessage: \"Send\",\n    pinCodeExplanations:\n      \"Call this number below and provide the conference pin code to join the conference via PSTN.\",\n    record: \"Record\",\n    shareAlreadyStarted:\n      \"Someone is already sharing. Please stop it before start a new one.\",\n    share: \"Share\",\n    screenshare: \"Share Screen\",\n    screenshareEntireScreen: \"Share Entire Screen\",\n    screenshareAWindow: \"Share a Window\",\n    screenshareOption: \"Share Options\",\n    settings: \"Settings\",\n    open: \"Open\",\n    close: \"Close\",\n    video: \"Video\",\n    camera: \"Camera\",\n    liveCall: \"Live is running\",\n    linkHls: \"See your live\",\n    broadcastLive: \"Diffusion en cours\",\n    externalUrl: \"Configure your stream\",\n    externalPassword: \"Enter your password from your live\",\n    launchLive: \"Start your stream\",\n    stopLive: \"Stop your live stream\",\n    geturl: \"Get your stream url (on Youtube or Facebook)\",\n    getpwd: \"Get your stream password (on Youtube or Facebook)\",\n    enterhere: \"Enter your informations here :\",\n    titleSettings: \"Set preferred camera and microphone\",\n    problemSettings: \"If you are having problems, try restarting your browser.\",\n    saveSettings: \"Your preferences will automatically save.\",\n    screensharerunning: \"Happy Screen Sharing!\",\n    tile: \"Tile\",\n    list: \"List\",\n    speaker: \"Speaker\",\n    displaymode: \"Display mode\",\n    changelayout: \"Change layout\",\n    attendees: \"Attendees\",\n    participantsHeder: \"Participants \",\n    invitedHeder: \"Invited\",\n    here: \"here\",\n    hangtight: \"We're waiting for other callers to arrive.\",\n    join: \"Join\",\n    incall: \"In call with :\",\n    joincall: \"Join Call\",\n    expand: \"Expand\",\n    activecall: \"Active call\",\n    leavecall: \"Leave call\",\n    output: \"Output\",\n    input: \"Input\",\n    titlePreConfig: \"Set up your devices\",\n    addParticipant: \"Add Participant\",\n    presenter: \"Attendees\",\n    joined: \"Joined\",\n    invited: \"Waiting on\",\n    presenter: \"Presenter\",\n    listener: \"Listener\",\n    left: \"Left\",\n    noAudioDevice:\n      \"No audio device detected. Please make sure to plug at least one microphone to access this conference.\",\n    filepresentation: \"Share a File\",\n    prev: \"Previous\",\n    next: \"Next\",\n    errorFilePresentation:\n      \"An error occured during the file presentation. Please check your file.\",\n    videopresentation: \"Share a Video\",\n    placeholderVideoPresentation: \"Video URL\",\n    startVideoPresentationAutoplay: \"Start video\",\n    invitedUsers: \"Waiting for invitation\",\n    inviteUser: \"Invite\"\n  }]\n```\n\nMore language can be added. Use an array prefixed with the correct language key. (en, fr, it, ...)\n","readmeFilename":"README.md","_id":"@voxeet/react-components@3.0.0-beta.2","_nodeVersion":"10.15.3","_npmVersion":"6.11.2","dist":{"integrity":"sha512-6ONZGUSQ4hbfSMUlWcJdzFg8EaRBMmaR7CSLNgTXRXLVc2PPfPzO0RUkImBjVJT2QZjScVYPxn4P1IM4Orsj8g==","shasum":"70e18aa9a466dc616424a1b612c46c4eec13f957","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-3.0.0-beta.2.tgz","fileCount":145,"unpackedSize":11700673,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfa4NaCRA9TVsSAnZWagAAVyIQAJbfmBTtrp/mnBC1fZ+l\nCOlesZeCsaIl5NOKHev6vz0iY39OPP+dns17n/nmtjkjUAn1YNQUoKk2MZJL\nNW5svV/RMebabjmAlxOQvfAlGjn1soycGJ+TmEpne1cO86eaBjsmxXj7TNDG\n2lFyNGRtyyPu21sD+SX9GRfpxLSVfXJM9gsxGyZ/QquDtb1Y4D1gXHAVttzw\n41b8zcm6GeHKp78e3uYM/P6H3mojpUYNj+ZbPQpaHI0aCtecNbTrBcZBSn9q\n/U1AExGk1mROaAKY/QadnCQBFw1Sn+xPsneQ5uZEkQZKzmWeD8lz8Xacr6w6\nSKT+GkfeT1XuBQguqzphY3rqMYEAPTTYW+cr0FCdKUnAQKXnuSQykOS9Q5kI\n3gwX38Nt04mn3Ap3Se2ZS15QFrQxibnlcbQS8B+Y7WkbwEs/eL+FBLIxFIcR\nvh1OutRgdTQnzt5SepCCbrxUqOP5bWIaW9eSYyFCzeHrNOETasPOaxKlLLom\nQj3Sy3x7qVYX44hS/VDFxh2SAiJxW3eFamKelKbUTbQVTtE3kajG1aszWf4P\nrBwOubqMxK2HPzoCzsFemEOtLZ+5mlpecqHt5X1cuRIWA5d9ZoRJ48zDxK0f\nc5MszNbm0zAXkCbbOyiybEHbE/dURvJoHwf8XyPefVQbpf/Ep+d7COf+2dS2\nCI3T\r\n=PCpX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDNKT2m92dPOoK9Qk7KR8dj2FDGlCE7bbU1nFVkofr/mgIhAKF77zFhebyS+UWa+QoVdzok3rYFTFhzCwMbt7eGptAR"}]},"maintainers":[{"name":"jimfan","email":"jfan@dolby.com"},{"name":"vjarddolby","email":"vincent.jardel@dolby.com"},{"name":"nladuguie","email":"nicolas.laduguie@dolby.com"},{"name":"vtcoco","email":"clarroque@voxeet.com"},{"name":"codlab","email":"kevin.leperf@codlab.eu"},{"name":"vmartin","email":"vmartin@voxeet.com"},{"name":"bsenard","email":"bsenard@voxeet.com"},{"name":"tgourgues","email":"tgourgues@voxeet.com"}],"_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_3.0.0-beta.2_1600881497586_0.5439778397594837"},"_hasShrinkwrap":false},"2.1.5":{"name":"@voxeet/react-components","version":"2.1.5","description":"## Installation","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build","get-version":"echo $npm_package_version"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/polyfill":"^7.2.5","@babel/runtime":"^7.3.4","autolinker":"^2.2.2","bowser":"1.9.4","browserslist":"^4.5.2","can-autoplay":"^3.0.0","classnames":"2.2.6","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.0","prop-types":"15.6.2","react":"16.9.0","react-dom":"16.9.0","react-draggable":"3.1.1","react-localization":"^1.0.13","react-player":"^1.11.1","@voxeet/react-redux-5.1.1":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","redux":"4.0.4","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.3.4","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"2.3.0"},"_id":"@voxeet/react-components@2.1.5","dist":{"shasum":"f12dc89325310970ba732b5dec0033ec879daf08","integrity":"sha512-Djb5sEjNK8jyczagwKmGiCL78iiWtX9k3Xhc34oFMubW/ddlOMxniQjL5rVuwlneLRN/8R4+tdg98qLx43P1VQ==","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-2.1.5.tgz","fileCount":155,"unpackedSize":11666989,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfbJrACRA9TVsSAnZWagAAt60P/Rl56jz+UOdw0PfITZ3g\neeJQMiWnCP+qVpFVqNHN+yEIeklYY+q9yoL0E4LGVaKyGaM3vOEW3WGVj/p/\nKXkMWbsp350aBT+bwOXvzf09J5hlm3OiNTCs5FjP128DZKgLX7XxZKAis03f\nHuAm2sDtLlMgufJF53dDixhILSmvhBReLSwDauTl0qc4sPRTSbE7O0juo27i\nHndlwfrSmXwA4lPvYqy2Y3X0YVkEHznN6ZQn1FkEI2I7Ztmi2IOSzFgStua0\nblZwOObQcQF4KcJ6vPpeW5do7ynokbpAHcAkSM61XuBUt1mQ5WhGNuAb+NSl\nePFW6DRchPhw5/3VCHKAEUfcQxXC4LYumWpnz7UoSj4DHBZpXgfvgc+5frSf\n8L3LDTQVRGzLd/evhHHTlnnTerUrQM5E/TXC/uu+DfkX+1iNK+xgGGJGMzjr\nC+fL+H4sgDaO1inyPcJuVdBY4gHyh5G1qPzqpcG1gfHXSNcLgDbIWtqUm7c0\ncRo//VwTzv/+WNQBSYFRqtz4pLSL/bzHT7fTtTjPgNeNWIgiWPahs7+ENGRB\nc2hcxIosg9ce8vSvumnYkVoZc7KYyBAbTK+Maytz6HzHPDbTZa5iDPQO0FwZ\no0tGxEV/SJQqTV/YxUl82l7GNby97nS4T0Ue7CRtBL5dP3O8F7ijc1Y7B06i\nUndB\r\n=iS5A\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDTRJk/aaGprzXk2HdhKcBL9CY9qYYzgN/TUeguchkovwIhALtoxBz+587sxZFdO7944X2lUIzb4Uog9pDBgKwqWG9F"}]},"maintainers":[{"name":"jimfan","email":"jfan@dolby.com"},{"name":"vjarddolby","email":"vincent.jardel@dolby.com"},{"name":"nladuguie","email":"nicolas.laduguie@dolby.com"},{"name":"vtcoco","email":"clarroque@voxeet.com"},{"name":"codlab","email":"kevin.leperf@codlab.eu"},{"name":"vmartin","email":"vmartin@voxeet.com"},{"name":"bsenard","email":"bsenard@voxeet.com"},{"name":"tgourgues","email":"tgourgues@voxeet.com"}],"_npmUser":{"name":"tgourgues","email":"tgourgues@voxeet.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_2.1.5_1600953023736_0.8147129369454063"},"_hasShrinkwrap":false},"3.0.0-beta.3":{"name":"@voxeet/react-components","version":"3.0.0-beta.3","description":"## Installation","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build","get-version":"echo $npm_package_version"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/polyfill":"^7.2.5","@babel/runtime":"^7.3.4","autolinker":"^2.2.2","bowser":"1.9.4","browserslist":"^4.5.2","can-autoplay":"^3.0.0","classnames":"2.2.6","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.0","prop-types":"15.6.2","react":"16.9.0","react-dom":"16.9.0","react-draggable":"3.1.1","react-localization":"^1.0.13","react-player":"^1.11.1","@voxeet/react-redux-5.1.1":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","redux":"4.0.4","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.3.4","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"2.3.0"},"_resolved":"","_integrity":"","_from":"file:voxeet-react-components-3.0.0-beta.3.tgz","readme":"# Voxeet React Components\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components @voxeet/react-redux-5.1.1@5.1.1 --save\nyarn add @voxeet/voxeet-web-sdk @voxeet/react-components @voxeet/react-redux-5.1.1@5.1.1\n```\n\n## Changelog\n\n### 2.1.3\n\n#### Device management overhaul\n\n- Now in the call, if you disconnect/connect new audio devices they show up correctly in the device list so you can switch freely between devices.\n- Improved device access failure error handling to provide the correct UI message to the user for troubleshooting purposes.\n- Allows output device selection in listen-only mode.\n- Previously used devices are saved in the device list.\n \n#### Tile layout improvement\n\n- In anticipation of future design of limited video users, an active speaker pop-up appears, similar to BlueJeans functionality. \n- The video frames are now uniform; inconsistent aspect ratio video frames are scaled down to fit the available rectangle for the user, making the tile layout uniform.\n \n#### Other changes\n\n- Addition of quality indicator and mute button in the Attendees list\n- Delayed active speaker switching (prevents switching too soon)\n- The view refreshed/updated if the active speaker leaves the conference\n\n### 2.1.1 / 2.1.2\n\n#### Features\n\n- Ability to customise sounds\n\n#### Bug fixes\n\n- Mobile layout improvements\n- Number of participant in the bottom bar is fixed (Listeners are now included)\n- Fix invite participant\n- RtcpMode option has been removed\n\n### 2.1.0\n\n#### Features\n\n- A new UI and mobile layout.\n- Compatibility with the SDK 2.x.\n\n#### Bug fixes\n\n- Updated audio output.\n- Fixed an issue with the `sameSite` cookie warning.\n- Fixed an issue with the update of the participants list.\n\n### 2.0.1\n\n#### Bug fixes\n\n- Fix webinar compatibility with SDK V2.X\n\n### 2.0.0\n\n- Compatibility with Voxeet Web SDK V2.X (Not working with SDK V1.X)\n\n### 1.1.0-rc1\n\nThis version only work with Voxeet SDK V2 (Please contact us to use it)\n! IMPORTANT ! This version is on alpha, some issues can appear. DO NOT PUSH IN PRODUCTION.\n\n#### Features\n\n- First implementation in alpha of SDK V2\n- Add pinCode props (Give your own pinCode to the UXKit)\n\n#### Property update\n\n- `pstnNumbers` is now empty, you need to use your own PSTN numbers in order to use this feature\n  Format :\n\n```javascript\n[\n  {\n    Code: \"US\",\n    Number: \"YOUR_PSTN_NUMBER\",\n  },\n];\n```\n\n#### Bug fixes\n\n- Pre configuration screen in small screen\n\n### 1.0.1\n\n#### Bug fixes\n\n- Fix possible CSS conflict with some classes\n- Move library target from `umd` to `commonjs2`\n\n### 1.0.0\n\n#### Features\n\n- Add support for `react-redux` v7.X, `VoxeetProvider` is now exposed inside the `react-components` to prevent version conflicts (Use the `VoxeetProvider` instead )\n\n#### Property update\n\n- `videoCodec` default is now `H264`\n\n### 0.36.7\n\n#### Features\n\n- New property `closeSessionAtHangUp`, option to choose if the session should be automatically close at hang up (default: true)\n\n### 0.36.6\n\n#### Features\n\n- Search engine for `invitedUsers` in order to find user easily in the `AttendeesList`\n\n### 0.36.3-0.36.5\n\n#### Features\n\n- New property `invitedUsers`, add the possibilidy to give an array of users who can be invited during the conference. (externalId mandatory)\n\n### 0.36.2\n\n#### Features\n\n- New property `pstnNumbers`, use http://cdn.voxeet.com/pstn/numbers to get phone numbers for PSTN and give an array of needed numbers in this property\n\n### 0.36.1\n\n#### Features\n\n- You can now disable sounds using `disableSounds` props\n- String customisation (See explanations below) with `customLocalizedStrings`\n\n#### Bug fixes\n\n- Fix camera truncated in speaker mode if the video is coming from mobile\n- Fix video presentation in widget mode\n\n### 0.35.0\n\n#### Features\n\n- Implementation of video presentation (If you use `shareActions` you can add `videopresentation`), a video can now be shared to other attendees. Only the video presenter can control the video, other attendees will receive actions (Play/Pause/Seek).\n- You can now customize \"We're waiting for other callers to arrive.\" with component `attendeesWaiting`.\n- Automatically start a recording when joining a conference with `autoRecording` (if it's not already start).\n- Automatically start HLS when joining a conference with `autoHls` (if it's not already start).\n- When starting HLS in Live Broadcast right panel, a link is displayed to watch the live conference.\n\n#### Bug fixes\n\n- Pre-configuration screen, error if access denied to your devices (microphone and/or camera)\n- UI improvements\n- Responsive improvements\n\n## Usage\n\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from \"@voxeet/react-components\";\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer,\n});\n```\n\n### Widget\n\n```javascript\nimport React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport thunkMidleware from \"redux-thunk\";\nimport { combineReducers, createStore, applyMiddleware } from \"redux\";\n\nimport {\n  ConferenceRoom,\n  VoxeetProvider,\n  reducer as voxeetReducer,\n} from \"@voxeet/react-components\";\n\n// Import Style\nimport \"@voxeet/react-components/dist/voxeet-react-components.css\"; // Can you be customize, refer to https://github.com/voxeet/voxeet-assets-react-components\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer,\n});\n\nconst configureStore = () =>\n  createStore(reducers, applyMiddleware(thunkMidleware));\n\nconst settings = {\n  consumerKey: \"consumerKey\",\n  consumerSecret: \"consumerSecret\",\n  conferenceAlias: \"Sample\",\n};\n\nReactDOM.render(\n  <VoxeetProvider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </VoxeetProvider>,\n  document.getElementById(\"app\")\n);\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n\n| Name                     | Type            | Default                                                                                                                                        | Description                                                                                                                                                                                                  |\n| ------------------------ | --------------- | ---------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |\n| `sdk`                    | Function        |                                                                                                                                                | VoxeetSDK if you want to use an external Voxeet SDK                                                                                                                                                          |\n| `consumerKey`            | String          |                                                                                                                                                | The consumer key                                                                                                                                                                                             |\n| `consumerSecret`         | String          |                                                                                                                                                | The consumer secret                                                                                                                                                                                          |\n| `oauthToken`             | String          |                                                                                                                                                | The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !                                    |\n| `refreshTokenCallback`   | func            |                                                                                                                                                | Provide this function that return a promise with the refreshed token, when this one expire                                                                                                                   |\n| `conferenceAlias`        | String          |                                                                                                                                                | The conference you whant to join                                                                                                                                                                             |\n| `logo`                   | String          | Voxeet Logo                                                                                                                                    | Display your logo inside the react components by using this props.                                                                                                                                           |\n| `chromeExtensionId`      | String          |                                                                                                                                                | Id of chrome screenshare extension, a message will be prompt when the user will try to screenshare (Inline installation is no longer supported)                                                              |\n| `displayActions`         | Array           | [\"mute\" ,\"recording\", \"share\", \"video\", \"live\", \"attendees\", \"chat\", \"pstn\"]                                                                   | You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"share\", \"recording\", \"live\", \"attendees\", \"chat\")        |\n| `shareActions`           | Array           | [\"screenshare\" ,\"filepresentation\", \"videopresentation\"]                                                                                       | You can choose which button will be display, it's possible to do a screenshare, file presentation or video presentation ! If you set the displayActions you need to add the 'share' button to allow actions. |\n| `liveRecordingEnabled`   | Boolean         | false                                                                                                                                          | Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)                                       |\n| `disableSounds`          | Boolean         | false                                                                                                                                          | Disable sounds during the conference (mute/unmute, record, conference join, conference left)                                                                                                                 |\n| `customLocalizedStrings` | Object          | Custom strings, described below                                                                                                                |\n| `pstnNumbers`            | Array           | Custom PSTN Numbers                                                                                                                            |\n| `pinCode`                | String          | Pin code for PSTN call                                                                                                                         |\n| `isWidget`               | Boolean         | true                                                                                                                                           | Indicate if component used like widget or embedded in your app                                                                                                                                               |\n| `chromeExtensionId`      | String          | null                                                                                                                                           | The Id from your Chrome Web Extension to screenshare (needed only on Chrome)                                                                                                                                 |\n| `autoRecording`          | Boolean         | false                                                                                                                                          | Automatically record the conference when joining the conference (if it's not already start)                                                                                                                  |\n| `closeSessionAtHangUp`   | Boolean         | true                                                                                                                                           | Automatically close the session of the current user when hang up                                                                                                                                             |\n| `isModal`                | Boolean         | false                                                                                                                                          | Indicate if component displayed like modal                                                                                                                                                                   |\n| `loadingScreen`          | Component       | LoadingScreen                                                                                                                                  | Put your own loading screen instead of Voxeet loading screen                                                                                                                                                 |\n| `isWebinar`              | Boolean         | false                                                                                                                                          | Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)                                                                                                                        |\n| `autoJoin`               | Boolean         | false                                                                                                                                          | Join automatically conference                                                                                                                                                                                |\n| `preConfig`              | Boolean         | false                                                                                                                                          | Show a pop up before entering inside the Conference to configure your devices (audio, video)                                                                                                                 |\n| `videoCodec`             | String          | H264                                                                                                                                           | Specify video codec \"H264\" or \"VP8\" => H264 is needed for video on Safari                                                                                                                                    |\n| `isListener`             | Boolean         | false                                                                                                                                          | Enter in conference in listener mode                                                                                                                                                                         |\n| `displayModes`           | Array           | [\"list\", \"tiles\", \"speaker\"]                                                                                                                   | Indicate which mode is allowed (modes will be in the same order as the array)                                                                                                                                |\n| `invitedUsers`           | Array           | [{name: \"USERNAME\", externalId:\"EXTERNAL_ID\", title: \"TITLE\"}]                                                                                 | Array of people who can be invited during the conference. If the other side, people need to be subscribe to the conference to receive the invitation                                                         |\n| `isManualKickAllowed`    | Boolean         | false                                                                                                                                          | Authorize admin (conference creator) to kick users in conference                                                                                                                                             |\n| `isAdmin`                | Boolean         | false                                                                                                                                          | Current user who join the conference is the admin                                                                                                                                                            |\n| `kickOnHangUp`           | Boolean         | false                                                                                                                                          | Kick all users when admin (conference creator) leave the conference                                                                                                                                          |\n| `userInfo`               | Object          | {</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() \\* 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>} | User informations for voxeet sdk                                                                                                                                                                             |\n| `conferenceReplayId`     | String          |                                                                                                                                                | Replay automatically a conference                                                                                                                                                                            |\n| `constraints`            | Object          | {</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}                                                                              | The webrtc constraints for the sdk                                                                                                                                                                           |\n| `actionsButtons`         | React Component | ActionsButtons - All buttons                                                                                                                   | A react component to customize the actions buttons                                                                                                                                                           |\n| `handleOnLeave`          | Function        |                                                                                                                                                | Function call on leave conference                                                                                                                                                                            |\n| `handleOnConnect`        | Function        |                                                                                                                                                | Function call when the current user is connected to the conference                                                                                                                                           |\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport bowser from \"bowser\";\nimport { Buttons } from \"@voxeet/react-components\";\n\nclass ActionsButtons extends Component {\n  constructor(props) {\n    super(props);\n  }\n\n  render() {\n    const {\n      isBottomBar,\n      forceFullscreen,\n      isMuted,\n      isRecording,\n      isWidgetFullScreenOn,\n      toggleVideoPresentation,\n      videoEnabled,\n      isVideoPresentation,\n      videoPresentationEnabled,\n      displayModal,\n      conferencePincode,\n      convertFilePresentation,\n      toggleMicrophone,\n      screenShareEnabled,\n      filePresentationEnabled,\n      toggleRecording,\n      toggleVideo,\n      toggleScreenShare,\n      attendeesSettingsOpened,\n      toggleAttendeesSettings,\n      toggleAttendeesList,\n      attendeesListOpened,\n      attendeesChatOpened,\n      toggleAttendeesChat,\n      recordingLocked,\n      toggleModal,\n      toggleAudio3D,\n      participants,\n      isWebinar,\n      isAdmin,\n      displayActions,\n      shareActions,\n      leave,\n      audio3DEnabled,\n      displayExternalLiveModal,\n      currentUser,\n      isFilePresentation,\n      isScreenshare,\n      isDemo,\n    } = this.props;\n    let nbParticipants = 0;\n    if (participants && participants.length) {\n      nbParticipants = participants.filter((p) => p.isConnected).length;\n    }\n    if ((!isWebinar && !currentUser.isListener) || (isWebinar && isAdmin))\n      nbParticipants += 1;\n\n    return (\n      <div>\n        <ul className=\"controls-left\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"mute\") > -1 &&\n            !isDemo && (\n              <ToggleMicrophoneButton\n                isMuted={isMuted}\n                toggle={toggleMicrophone}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"video\") > -1 &&\n            !isDemo && (\n              <ToggleVideoButton\n                videoEnabled={videoEnabled}\n                toggle={toggleVideo}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n        </ul>\n        <ul className=\"controls-center\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"recording\") > -1 &&\n            !isDemo && (\n              <ToggleRecordingButton\n                isRecording={isRecording}\n                recordingLocked={recordingLocked}\n                toggle={toggleRecording}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"share\") > -1 &&\n            !isDemo &&\n            shareActions.length > 0 && (\n              <ToggleScreenShareButton\n                screenShareEnabled={screenShareEnabled}\n                filePresentationEnabled={filePresentationEnabled}\n                videoPresentationEnabled={videoPresentationEnabled}\n                currentUserScreenShare={isScreenshare}\n                currentUserFilePresentation={isFilePresentation}\n                currentUserVideoPresentation={isVideoPresentation}\n                toggle={toggleScreenShare}\n                toggleVideoPresentation={toggleVideoPresentation}\n                convertFilePresentation={convertFilePresentation}\n                shareActions={shareActions}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {isBottomBar && (!isWebinar || (isWebinar && isAdmin)) && !isDemo && (\n            <li className=\"separator\"></li>\n          )}\n          {isBottomBar && (\n            <HangUpButtonBottomBar leave={leave} tooltipPlace=\"top\" />\n          )}\n        </ul>\n        <ul className=\"controls-right\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"pstn\") > -1 &&\n            conferencePincode.length > 0 &&\n            !isDemo && (\n              <TogglePSTN\n                conferencePincode={conferencePincode}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            !bowser.msie &&\n            !currentUser.isListener && (\n              <ToggleSettingsButton\n                attendeesSettingsOpened={attendeesSettingsOpened}\n                toggle={toggleAttendeesSettings}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {displayActions.indexOf(\"attendees\") > -1 && (\n            <ToggleAttendeesListButton\n              nbParticipants={nbParticipants}\n              tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              toggle={toggleAttendeesList}\n              isBottomBar={isBottomBar}\n              isOpen={attendeesListOpened}\n            />\n          )}\n          {displayActions.indexOf(\"chat\") > -1 && (\n            <ToggleAttendeesChatButton\n              tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              toggle={toggleAttendeesChat}\n              isBottomBar={isBottomBar}\n              isOpen={attendeesChatOpened}\n            />\n          )}\n        </ul>\n      </div>\n    );\n  }\n}\n\nActionsButtons.propTypes = {\n  isBottomBar: PropTypes.bool.isRequired,\n  forceFullscreen: PropTypes.bool.isRequired,\n  isMuted: PropTypes.bool.isRequired,\n  currentUser: PropTypes.object.isRequired,\n  isWebinar: PropTypes.bool.isRequired,\n  isAdmin: PropTypes.bool.isRequired,\n  videoEnabled: PropTypes.bool.isRequired,\n  screenShareEnabled: PropTypes.bool.isRequired,\n  filePresentationEnabled: PropTypes.bool.isRequired,\n  videoPresentationEnabled: PropTypes.bool.isRequired,\n  displayModal: PropTypes.bool.isRequired,\n  isScreenshare: PropTypes.bool.isRequired,\n  isVideoPresentation: PropTypes.bool.isRequired,\n  isFilePresentation: PropTypes.bool.isRequired,\n  displayActions: PropTypes.array.isRequired,\n  toggleAudio3D: PropTypes.func.isRequired,\n  recordingLocked: PropTypes.bool.isRequired,\n  audio3DEnabled: PropTypes.bool.isRequired,\n  isRecording: PropTypes.bool.isRequired,\n  isWidgetFullScreenOn: PropTypes.bool.isRequired,\n  toggleMicrophone: PropTypes.func.isRequired,\n  leave: PropTypes.func.isRequired,\n  toggleRecording: PropTypes.func.isRequired,\n  toggleVideo: PropTypes.func.isRequired,\n  toggleScreenShare: PropTypes.func.isRequired,\n  toggleVideoPresentation: PropTypes.func.isRequired,\n  convertFilePresentation: PropTypes.func.isRequired,\n  toggleModal: PropTypes.func.isRequired,\n  toggleMode: PropTypes.func.isRequired,\n  mode: PropTypes.string.isRequired,\n  toggleAttendeesList: PropTypes.func.isRequired,\n  attendeesListOpened: PropTypes.bool.isRequired,\n  toggleAttendeesChat: PropTypes.func.isRequired,\n  attendeesChatOpened: PropTypes.bool.isRequired,\n  toggleAttendeesSettings: PropTypes.func.isRequired,\n  attendeesSettingsOpened: PropTypes.bool.isRequired,\n};\n\nActionsButtons.defaultProps = {\n  isBottomBar: false,\n  forceFullscreen: false,\n};\n\nexport default ActionsButtons;\n```\n\n### Localized strings\n\nFor english language (Be sure to use this keys to override default strings)\n\n```\n[en: {\n    noPstnNumbers: \"There is no PSTN numbers...\",\n    electronloading: \"Voxeet is loading, please wait\",\n    error: \"Error\",\n    errorPermissionDeniedMicrophone:\n      \"An error occured when joining the conference. Please make sure to allow access to your microphone.\",\n    errorPermissionDeniedMicrophoneCamera:\n      \"An error occured when joining the conference. Please make sure to allow access to your microphone and camera.\",\n    errorIE11:\n      \"A plugin is mandatory for IE11, please download and install the plugin. When the installation is complete, please refresh this page.\",\n    browerNotSupported: \"This browser is currently not supported.\",\n    installExtension: \"Please install the screen share extension with this \",\n    noExtensionAvailable: \"No Chrome Web Extension configure for screen share.\",\n    microphoneOff: \"Your microphone is muted.\",\n    microphoneOn: \"Your microphone is on.\",\n    cameraOn: \"Your camera is on.\",\n    cameraOff: \"Your camera is off.\",\n    recordConferenceStart: \"Your conference is being recorded.\",\n    recordConferenceStop: \"Your conference is no longer recorded.\",\n    screenshareInProgress:\n      \"You cannot screenshare while another user is screensharing.\",\n    recordConferenceStartBy: \"Your conference is being recorded by \",\n    recordConferenceStopBy: \"Your conference is no longer recorded by \",\n    conferenceAlreadyRecord:\n      \"Your conference is already being recorded by an other attendee.\",\n    leave: \"End\",\n    audio: \"3D Audio\",\n    audioTitle: \"Audio\",\n    chat: \"Chat\",\n    nameConversation: \"Name this conversation\",\n    externalLive: \"Live Broadcast\",\n    fullscreen: \"FullScreen\",\n    minimize: \"Minimize\",\n    mute: \"Mute\",\n    displaymode: \"Display mode\",\n    pincode: \"Call-in\",\n    sendMessage: \"Send\",\n    pinCodeExplanations:\n      \"Call this number below and provide the conference pin code to join the conference via PSTN.\",\n    record: \"Record\",\n    shareAlreadyStarted:\n      \"Someone is already sharing. Please stop it before start a new one.\",\n    share: \"Share\",\n    screenshare: \"Share Screen\",\n    screenshareEntireScreen: \"Share Entire Screen\",\n    screenshareAWindow: \"Share a Window\",\n    screenshareOption: \"Share Options\",\n    settings: \"Settings\",\n    open: \"Open\",\n    close: \"Close\",\n    video: \"Video\",\n    camera: \"Camera\",\n    liveCall: \"Live is running\",\n    linkHls: \"See your live\",\n    broadcastLive: \"Diffusion en cours\",\n    externalUrl: \"Configure your stream\",\n    externalPassword: \"Enter your password from your live\",\n    launchLive: \"Start your stream\",\n    stopLive: \"Stop your live stream\",\n    geturl: \"Get your stream url (on Youtube or Facebook)\",\n    getpwd: \"Get your stream password (on Youtube or Facebook)\",\n    enterhere: \"Enter your informations here :\",\n    titleSettings: \"Set preferred camera and microphone\",\n    problemSettings: \"If you are having problems, try restarting your browser.\",\n    saveSettings: \"Your preferences will automatically save.\",\n    screensharerunning: \"Happy Screen Sharing!\",\n    tile: \"Tile\",\n    list: \"List\",\n    speaker: \"Speaker\",\n    displaymode: \"Display mode\",\n    changelayout: \"Change layout\",\n    attendees: \"Attendees\",\n    participantsHeder: \"Participants \",\n    invitedHeder: \"Invited\",\n    here: \"here\",\n    hangtight: \"We're waiting for other callers to arrive.\",\n    join: \"Join\",\n    incall: \"In call with :\",\n    joincall: \"Join Call\",\n    expand: \"Expand\",\n    activecall: \"Active call\",\n    leavecall: \"Leave call\",\n    output: \"Output\",\n    input: \"Input\",\n    titlePreConfig: \"Set up your devices\",\n    addParticipant: \"Add Participant\",\n    presenter: \"Attendees\",\n    joined: \"Joined\",\n    invited: \"Waiting on\",\n    presenter: \"Presenter\",\n    listener: \"Listener\",\n    left: \"Left\",\n    noAudioDevice:\n      \"No audio device detected. Please make sure to plug at least one microphone to access this conference.\",\n    filepresentation: \"Share a File\",\n    prev: \"Previous\",\n    next: \"Next\",\n    errorFilePresentation:\n      \"An error occured during the file presentation. Please check your file.\",\n    videopresentation: \"Share a Video\",\n    placeholderVideoPresentation: \"Video URL\",\n    startVideoPresentationAutoplay: \"Start video\",\n    invitedUsers: \"Waiting for invitation\",\n    inviteUser: \"Invite\"\n  }]\n```\n\nMore language can be added. Use an array prefixed with the correct language key. (en, fr, it, ...)\n","readmeFilename":"README.md","_id":"@voxeet/react-components@3.0.0-beta.3","_nodeVersion":"10.15.3","_npmVersion":"6.11.2","dist":{"integrity":"sha512-29gYY9AtViPl4xqVti73rZ6NZNzOZ0QDM/wqJ2159MQD0OWFo1Us80MAEjra1QegzYhDK/dc1CMp0l0L3GmHaQ==","shasum":"9d91486f2b48ec3b7972b5a32cc75443a79613bf","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-3.0.0-beta.3.tgz","fileCount":145,"unpackedSize":11708825,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfkAGpCRA9TVsSAnZWagAAHgsP/0QQY5Bm2F3cRp6aIsrS\n+Q+ZgsJ3Ydw4OnIQWOqQHZz3DqE9sYuLrriFvpYVLzlCTb3N0xMC3nkKy8c5\nkukV5Np8QT1qljGBRZIpbxpBoMXLh9AEuxW2hTTyg4deqjOxw2bSQwGTwFrV\nQjTHBn1jls6c10BafyiOB4dVtDuHPmMmpV+de1Qyi8HhFvm94wMmD/I9F7ii\nTafZRtQjmNugkGDVvm4wJXW4+kWlEYAmRwbIL2NKj1cV67n00z4tE7kP9aZA\nAAbE9rpvokGXSt270BokmfEk7/OY/XJVbvxl3lTfphhfbdwEZNGA/rglk3MC\nrhSBKK598nOcJ8Th9IzLG2u6dAgHyyoa3NibG0KUNJrv31nhxChU4+iV6W2U\neow6lH6oyc3nvBIR9ZiE16SjCV8uyrNySbBlPzsUwBkCkCeT44dnI3TK32n4\nwk5/b59jtdfh5jih7wI/Z7m8uiOlSLUe8baLapBjc9RfdykxrNXYcf9xP/cv\nZWOxa3KID5gs7EE/kbejoW+w2NHNSy40WKPlyFI9eYfMMs8bgMnG8W5w5kyJ\njU6inbWGjA066gTWkt5yny3mNPbmF+StQSsTNxHm10SXyxrIosoK+K4Y0GSc\nC/JxF06zMNz+W00s3t5DJzSbQGhzJZ8zlnW8EiMAJ8eBBfMxU6TLylg/86qD\nGKKC\r\n=PHF3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHss5n0TPbLm7DoZXEh2krPVQw20OL1KoCbPmMz0YnyYAiBNdYSTBvwJUkMB9E1N44uL5pHrjTTEXqSZ+iYXxM1BSA=="}]},"maintainers":[{"name":"jimfan","email":"jfan@dolby.com"},{"name":"vjarddolby","email":"vincent.jardel@dolby.com"},{"name":"nladuguie","email":"nicolas.laduguie@dolby.com"},{"name":"vtcoco","email":"clarroque@voxeet.com"},{"name":"codlab","email":"kevin.leperf@codlab.eu"},{"name":"vmartin","email":"vmartin@voxeet.com"},{"name":"bsenard","email":"bsenard@voxeet.com"},{"name":"tgourgues","email":"tgourgues@voxeet.com"}],"_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_3.0.0-beta.3_1603273128838_0.8199731178275147"},"_hasShrinkwrap":false},"3.0.0":{"name":"@voxeet/react-components","version":"3.0.0","description":"## Installation","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build","get-version":"echo $npm_package_version"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/polyfill":"^7.2.5","@babel/runtime":"^7.3.4","autolinker":"^2.2.2","bowser":"1.9.4","browserslist":"^4.5.2","can-autoplay":"^3.0.0","classnames":"2.2.6","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.0","prop-types":"15.6.2","react":"16.9.0","react-dom":"16.9.0","react-draggable":"3.1.1","react-localization":"^1.0.13","react-player":"^1.11.1","@voxeet/react-redux-5.1.1":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","redux":"4.0.4","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.3.4","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"2.3.0"},"_id":"@voxeet/react-components@3.0.0","dist":{"shasum":"b38689b306d8b6679ec2e7a5f6f22491a091f8f5","integrity":"sha512-S5BLC5TzINGZhLQmL1/q3NrB6f0rPr3zBRuFgdSD7y3gu98q1HJ60CAw2g+iPcg8t27oTUlBntJktoC0wi02zQ==","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-3.0.0.tgz","fileCount":155,"unpackedSize":11692176,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmrwWCRA9TVsSAnZWagAAIicP/3fSTr+xTNAeZptu9v27\nosN3Mi7l8+uU4rU/y82s4S4WKc6zKpMogvU2LR3ywLNFGZTPnGzwrkF+mw/w\n75+noGRL2VhdM2/+g3q19y4Okje3dVEoZeUoBbIcfuF9vAejP67UWdzEgMTa\nf+1z42ZmEfIgBCPBa1/DLppaFmECzmOY7bj1geHs+fNTH2uwbPWhieY+Zhby\noGMUejDcV6+z2YuNXgSf9i0vSd3d+oieTHYnea3Jo9R3WjrjcWcZnfhq6v/6\nfwHopu7owv3b608oVfEvLvGQ1bo3IAYstmHanFeO6T/3xr7wxJRCBFJTj1jm\njBDQPao8o+TA8MWDKdW0tkzawkJCsPH2FC4aS0oYL66gwYOnbaCWtq2zpylM\nYoU6JoX5NMWkqDtfMYxhnByT4ATuoRfxTdpxEHcQIJlzXgoR6CEF/lXDqS43\niC11MCIewnWiTiMJuOOTz09aBtKBo54ebZ8/XVkWh68a5GbM2b4X5UVPdFRo\n3SCeguo7sjCrQIuQjz6NKYKsGsWV29Hij4iaG+FyWDPt8QUvo8jOMMWdmfFD\nZhg7n/F3+L69f/a3FsX/SRyeiPRtZNsGKcAiLLsYHBQhtYxjItbFeYT+jFIP\nY4clflGmY8paHJ5zoWt8Jyus6Y68ovsFBOZZCtP+QC0NOOkg38MVZwnFVMPG\npE6V\r\n=hAog\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIALxaexx7P3rRRsHz1l+1LWmtXCVhK/Zx5QV4igFrykCAiBJnD4gwCDsaaleU2yGzwaDCgOoclxxxgNIYFeBr81DDw=="}]},"maintainers":[{"name":"jimfan","email":"jfan@dolby.com"},{"name":"vjarddolby","email":"vincent.jardel@dolby.com"},{"name":"nladuguie","email":"nicolas.laduguie@dolby.com"},{"name":"vtcoco","email":"clarroque@voxeet.com"},{"name":"codlab","email":"kevin.leperf@codlab.eu"},{"name":"vmartin","email":"vmartin@voxeet.com"},{"name":"bsenard","email":"bsenard@voxeet.com"},{"name":"tgourgues","email":"tgourgues@voxeet.com"}],"_npmUser":{"name":"tgourgues","email":"tgourgues@voxeet.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_3.0.0_1603976214177_0.22053185944768772"},"_hasShrinkwrap":false},"3.0.1":{"name":"@voxeet/react-components","version":"3.0.1","description":"## Installation","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build","get-version":"echo $npm_package_version"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/polyfill":"^7.2.5","@babel/runtime":"^7.3.4","autolinker":"^2.2.2","bowser":"1.9.4","browserslist":"^4.5.2","can-autoplay":"^3.0.0","classnames":"2.2.6","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.0","prop-types":"15.6.2","react":"16.9.0","react-dom":"16.9.0","react-draggable":"3.1.1","react-localization":"^1.0.13","react-player":"^1.11.1","@voxeet/react-redux-5.1.1":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","redux":"4.0.4","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.3.4","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"2.3.0"},"_id":"@voxeet/react-components@3.0.1","dist":{"shasum":"861cb3ee8dc745547071739dcab584d52ad36557","integrity":"sha512-9Qepj7L749D02GQLzUrt7Y5fA5aGhCAoShotsgF+g0wtkYBxy7KmX3FuuU5Ms3ZyYbmajn+GsymNlnukehQ1sw==","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-3.0.1.tgz","fileCount":155,"unpackedSize":11692289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHAs2CRA9TVsSAnZWagAAhUUP/2tMv01jAa2fTQlEGwQ9\n7Weon8qzkAEzQTdrBqCsLZuekryjEYyewDJKUUTVu7Az92wYCT9xdTsn2lPo\n70FbO8RSbz61LiI1YcZVDvH8d746t6pihsdzWtukzR5i3/yLldypet1GPQD5\n6X3mhXdbB7jepjr+TunDYJB+jOzSua55bmvQG0H/bPSoRA2h7puECCVJQk+0\nVD5899G0AXm1K+jzIwMcBxXWCdnxjNadQJTO5ca2yIiWgZpsAcey+UI/3Pjf\nn+S9ENxZfwDIw7LJ/55T8ipL6AB1VIl9jtAnMdRBkJWvZRBskUA3jSaCjU4N\nvNZVucKzrZ+JluRKhH/X3iA9x1t9ua4PFctEBd2Vmith7O4d39X9uPOYElUF\nO5hT+T4tYpI+DlO08bgQ8cYskHh8K329fCAeognRN4cqVbHC9yBhvkBCMLgp\n/kcghbwu9dwAM+Y1+bf35cGEm2+YuEw5r+RQpaSJnIu696Ofb3k4EMJytaDt\nhcZQUDeshqAaKgNM7KH3cHdbqzxNUiZUmRhcljzFFzAKoPr0nbjtCZS3kD94\nUIT0hRcJP68uHGmsLN659/o4Pk6UDJTiG+8rxLmZiP/oIm7yTMYgb60QxSB8\n1rc6CB1vkzf/IkXO09w7nPiWPGX5Jd2Oqfm245I1gFsz+JCCdBz1R0oQG7rZ\nnwWm\r\n=66kR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHnAxYMdSssPU4yr7aah6x7DytFwAh9EieNH0s/jZtPpAiEA72T/Mj1mjgOINj1DaAsqjNZklIe8e33vLGY2G/AziUI="}]},"_npmUser":{"name":"tgourgues","email":"tgourgues@voxeet.com"},"directories":{},"maintainers":[{"name":"codlab","email":"kevin.leperf@codlab.eu"},{"name":"vmartin","email":"vmartin@voxeet.com"},{"name":"bsenard","email":"bsenard@voxeet.com"},{"name":"tgourgues","email":"tgourgues@voxeet.com"},{"name":"vtcoco","email":"clarroque@voxeet.com"},{"name":"nladuguie","email":"nicolas.laduguie@dolby.com"},{"name":"vjarddolby","email":"vincent.jardel@dolby.com"},{"name":"jimfan","email":"jfan@dolby.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_3.0.1_1612450613424_0.726702748720403"},"_hasShrinkwrap":false},"3.1.0-beta.1":{"name":"@voxeet/react-components","version":"3.1.0-beta.1","description":"## Installation","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build","get-version":"echo $npm_package_version"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/polyfill":"^7.2.5","@babel/runtime":"^7.3.4","autolinker":"^2.2.2","bowser":"1.9.4","browserslist":"^4.5.2","can-autoplay":"^3.0.0","classnames":"2.2.6","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.0","prop-types":"15.6.2","react":"16.9.0","react-dom":"16.9.0","react-draggable":"3.1.1","react-localization":"^1.0.13","react-player":"^1.11.1","@voxeet/react-redux-5.1.1":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","redux":"4.0.4","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.3.4","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"2.3.0"},"_resolved":"","_integrity":"","_from":"file:voxeet-react-components-3.1.0-beta.1.tgz","readme":"# Voxeet React Components\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components @voxeet/react-redux-5.1.1@5.1.1 --save\nyarn add @voxeet/voxeet-web-sdk @voxeet/react-components @voxeet/react-redux-5.1.1@5.1.1\n```\n\n## Changelog\n\n### 3.1.0\n\n#### Features\n\n- Introduced the Video Forwarding feature to allow participants to dynamically control the number of transmitted video streams. The Video Forwarding article describes in detail the changes to Interactivity APIs.\n- Introduced updates to the client SDK to support the use of conference access tokens for limiting the scope of participant permissions. The Enhanced Conference Access Control article describes in detail the changes to Interactivity APIs.\n- Introduced the conference capacity limit, limiting the number of conference participants based on type, in order to preserve audio and video quality. The Conference Capacity Limitations article describes the capacity limits and the ConferenceAtMaxCapacityError.\n\n### 3.0.1\n\n#### Bug fixes\n\n- Fixed an echo issue that occurred after switching input and output devices.\n\n### 3.0.0\n\n#### Features\n\n- Support for SDK 3.0 and Dolby Voice conference, including support for Audio Transparency Mode and listen-only mode.\n\n#### Bug fixes\n\n- Fixed a problem where Safari does not play audio when joining the conference in listen-only mode.\n- Corrected several issues related to network errors during the call.\n\n### 2.1.5\n\n#### Bug fixes\n\n- Fixed an issue with ignoring logo props during loading.\n- Added translation for an active speaker overlay.\n- Improved the file presentation UI, which introduces cropped images and removal of a grey bar in the thumbnails area.\n\n### 2.1.4\n\n#### Bug fixes\n\n- Fixed an issue with enabled participants' cameras after the end of a conference.\n\n### 2.1.3\n\n#### Device management overhaul\n\n- Now in the call, if you disconnect/connect new audio devices they show up correctly in the device list so you can switch freely between devices.\n- Improved device access failure error handling to provide the correct UI message to the user for troubleshooting purposes.\n- Allows output device selection in listen-only mode.\n- Previously used devices are saved in the device list.\n \n#### Tile layout improvement\n\n- In anticipation of future design of limited video users, an active speaker pop-up appears, similar to BlueJeans functionality. \n- The video frames are now uniform; inconsistent aspect ratio video frames are scaled down to fit the available rectangle for the user, making the tile layout uniform.\n \n#### Other changes\n\n- Addition of quality indicator and mute button in the Attendees list\n- Delayed active speaker switching (prevents switching too soon)\n- The view refreshed/updated if the active speaker leaves the conference\n\n### 2.1.1 / 2.1.2\n\n#### Features\n\n- Ability to customise sounds\n\n#### Bug fixes\n\n- Mobile layout improvements\n- Number of participant in the bottom bar is fixed (Listeners are now included)\n- Fix invite participant\n- RtcpMode option has been removed\n\n### 2.1.0\n\n#### Features\n\n- A new UI and mobile layout.\n- Compatibility with the SDK 2.x.\n\n#### Bug fixes\n\n- Updated audio output.\n- Fixed an issue with the `sameSite` cookie warning.\n- Fixed an issue with the update of the participants list.\n\n### 2.0.1\n\n#### Bug fixes\n\n- Fix webinar compatibility with SDK V2.X\n\n### 2.0.0\n\n- Compatibility with Voxeet Web SDK V2.X (Not working with SDK V1.X)\n\n### 1.1.0-rc1\n\nThis version only work with Voxeet SDK V2 (Please contact us to use it)\n! IMPORTANT ! This version is on alpha, some issues can appear. DO NOT PUSH IN PRODUCTION.\n\n#### Features\n\n- First implementation in alpha of SDK V2\n- Add pinCode props (Give your own pinCode to the UXKit)\n\n#### Property update\n\n- `pstnNumbers` is now empty, you need to use your own PSTN numbers in order to use this feature\n  Format :\n\n```javascript\n[\n  {\n    Code: \"US\",\n    Number: \"YOUR_PSTN_NUMBER\",\n  },\n];\n```\n\n#### Bug fixes\n\n- Pre configuration screen in small screen\n\n### 1.0.1\n\n#### Bug fixes\n\n- Fix possible CSS conflict with some classes\n- Move library target from `umd` to `commonjs2`\n\n### 1.0.0\n\n#### Features\n\n- Add support for `react-redux` v7.X, `VoxeetProvider` is now exposed inside the `react-components` to prevent version conflicts (Use the `VoxeetProvider` instead )\n\n#### Property update\n\n- `videoCodec` default is now `H264`\n\n### 0.36.7\n\n#### Features\n\n- New property `closeSessionAtHangUp`, option to choose if the session should be automatically close at hang up (default: true)\n\n### 0.36.6\n\n#### Features\n\n- Search engine for `invitedUsers` in order to find user easily in the `AttendeesList`\n\n### 0.36.3-0.36.5\n\n#### Features\n\n- New property `invitedUsers`, add the possibilidy to give an array of users who can be invited during the conference. (externalId mandatory)\n\n### 0.36.2\n\n#### Features\n\n- New property `pstnNumbers`, use http://cdn.voxeet.com/pstn/numbers to get phone numbers for PSTN and give an array of needed numbers in this property\n\n### 0.36.1\n\n#### Features\n\n- You can now disable sounds using `disableSounds` props\n- String customisation (See explanations below) with `customLocalizedStrings`\n\n#### Bug fixes\n\n- Fix camera truncated in speaker mode if the video is coming from mobile\n- Fix video presentation in widget mode\n\n### 0.35.0\n\n#### Features\n\n- Implementation of video presentation (If you use `shareActions` you can add `videopresentation`), a video can now be shared to other attendees. Only the video presenter can control the video, other attendees will receive actions (Play/Pause/Seek).\n- You can now customize \"We're waiting for other callers to arrive.\" with component `attendeesWaiting`.\n- Automatically start a recording when joining a conference with `autoRecording` (if it's not already start).\n- Automatically start HLS when joining a conference with `autoHls` (if it's not already start).\n- When starting HLS in Live Broadcast right panel, a link is displayed to watch the live conference.\n\n#### Bug fixes\n\n- Pre-configuration screen, error if access denied to your devices (microphone and/or camera)\n- UI improvements\n- Responsive improvements\n\n## Usage\n\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from \"@voxeet/react-components\";\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer,\n});\n```\n\n### Widget\n\n```javascript\nimport React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport thunkMidleware from \"redux-thunk\";\nimport { combineReducers, createStore, applyMiddleware } from \"redux\";\n\nimport {\n  ConferenceRoom,\n  VoxeetProvider,\n  reducer as voxeetReducer,\n} from \"@voxeet/react-components\";\n\n// Import Style\nimport \"@voxeet/react-components/dist/voxeet-react-components.css\"; // Can you be customize, refer to https://github.com/voxeet/voxeet-assets-react-components\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer,\n});\n\nconst configureStore = () =>\n  createStore(reducers, applyMiddleware(thunkMidleware));\n\nconst settings = {\n  consumerKey: \"consumerKey\",\n  consumerSecret: \"consumerSecret\",\n  conferenceAlias: \"Sample\",\n};\n\nReactDOM.render(\n  <VoxeetProvider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </VoxeetProvider>,\n  document.getElementById(\"app\")\n);\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n\n| Name                     | Type            | Default                                                                                                                                        | Description                                                                                                                                                                                                  |\n| ------------------------ | --------------- | ---------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |\n| `sdk`                    | Function        |                                                                                                                                                | VoxeetSDK if you want to use an external Voxeet SDK                                                                                                                                                          |\n| `consumerKey`            | String          |                                                                                                                                                | The consumer key                                                                                                                                                                                             |\n| `consumerSecret`         | String          |                                                                                                                                                | The consumer secret                                                                                                                                                                                          |\n| `oauthToken`             | String          |                                                                                                                                                | The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !                                    |\n| `refreshTokenCallback`   | func            |                                                                                                                                                | Provide this function that return a promise with the refreshed token, when this one expire                                                                                                                   |\n| `conferenceAlias`        | String          |                                                                                                                                                | The conference you whant to join                                                                                                                                                                             |\n| `logo`                   | String          | Voxeet Logo                                                                                                                                    | Display your logo inside the react components by using this props.                                                                                                                                           |\n| `chromeExtensionId`      | String          |                                                                                                                                                | Id of chrome screenshare extension, a message will be prompt when the user will try to screenshare (Inline installation is no longer supported)                                                              |\n| `displayActions`         | Array           | [\"mute\" ,\"recording\", \"share\", \"video\", \"live\", \"attendees\", \"chat\", \"pstn\"]                                                                   | You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"share\", \"recording\", \"live\", \"attendees\", \"chat\")        |\n| `shareActions`           | Array           | [\"screenshare\" ,\"filepresentation\", \"videopresentation\"]                                                                                       | You can choose which button will be display, it's possible to do a screenshare, file presentation or video presentation ! If you set the displayActions you need to add the 'share' button to allow actions. |\n| `liveRecordingEnabled`   | Boolean         | false                                                                                                                                          | Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)                                       |\n| `disableSounds`          | Boolean         | false                                                                                                                                          | Disable sounds during the conference (mute/unmute, record, conference join, conference left)                                                                                                                 |\n| `customLocalizedStrings` | Object          | Custom strings, described below                                                                                                                |\n| `pstnNumbers`            | Array           | Custom PSTN Numbers                                                                                                                            |\n| `pinCode`                | String          | Pin code for PSTN call                                                                                                                         |\n| `isWidget`               | Boolean         | true                                                                                                                                           | Indicate if component used like widget or embedded in your app                                                                                                                                               |\n| `chromeExtensionId`      | String          | null                                                                                                                                           | The Id from your Chrome Web Extension to screenshare (needed only on Chrome)                                                                                                                                 |\n| `autoRecording`          | Boolean         | false                                                                                                                                          | Automatically record the conference when joining the conference (if it's not already start)                                                                                                                  |\n| `closeSessionAtHangUp`   | Boolean         | true                                                                                                                                           | Automatically close the session of the current user when hang up                                                                                                                                             |\n| `isModal`                | Boolean         | false                                                                                                                                          | Indicate if component displayed like modal                                                                                                                                                                   |\n| `loadingScreen`          | Component       | LoadingScreen                                                                                                                                  | Put your own loading screen instead of Voxeet loading screen                                                                                                                                                 |\n| `isWebinar`              | Boolean         | false                                                                                                                                          | Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)                                                                                                                        |\n| `autoJoin`               | Boolean         | false                                                                                                                                          | Join automatically conference                                                                                                                                                                                |\n| `preConfig`              | Boolean         | false                                                                                                                                          | Show a pop up before entering inside the Conference to configure your devices (audio, video)                                                                                                                 |\n| `videoCodec`             | String          | H264                                                                                                                                           | Specify video codec \"H264\" or \"VP8\" => H264 is needed for video on Safari                                                                                                                                    |\n| `isListener`             | Boolean         | false                                                                                                                                          | Enter in conference in listener mode                                                                                                                                                                         |\n| `displayModes`           | Array           | [\"list\", \"tiles\", \"speaker\"]                                                                                                                   | Indicate which mode is allowed (modes will be in the same order as the array)                                                                                                                                |\n| `invitedUsers`           | Array           | [{name: \"USERNAME\", externalId:\"EXTERNAL_ID\", title: \"TITLE\"}]                                                                                 | Array of people who can be invited during the conference. If the other side, people need to be subscribe to the conference to receive the invitation                                                         |\n| `isManualKickAllowed`    | Boolean         | false                                                                                                                                          | Authorize admin (conference creator) to kick users in conference                                                                                                                                             |\n| `isAdmin`                | Boolean         | false                                                                                                                                          | Current user who join the conference is the admin                                                                                                                                                            |\n| `kickOnHangUp`           | Boolean         | false                                                                                                                                          | Kick all users when admin (conference creator) leave the conference                                                                                                                                          |\n| `userInfo`               | Object          | {</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() \\* 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>} | User informations for voxeet sdk                                                                                                                                                                             |\n| `conferenceReplayId`     | String          |                                                                                                                                                | Replay automatically a conference                                                                                                                                                                            |\n| `constraints`            | Object          | {</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}                                                                              | The webrtc constraints for the sdk                                                                                                                                                                           |\n| `actionsButtons`         | React Component | ActionsButtons - All buttons                                                                                                                   | A react component to customize the actions buttons                                                                                                                                                           |\n| `handleOnLeave`          | Function        |                                                                                                                                                | Function call on leave conference                                                                                                                                                                            |\n| `handleOnConnect`        | Function        |                                                                                                                                                | Function call when the current user is connected to the conference                                                                                                                                           |\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport bowser from \"bowser\";\nimport { Buttons } from \"@voxeet/react-components\";\n\nclass ActionsButtons extends Component {\n  constructor(props) {\n    super(props);\n  }\n\n  render() {\n    const {\n      isBottomBar,\n      forceFullscreen,\n      isMuted,\n      isRecording,\n      isWidgetFullScreenOn,\n      toggleVideoPresentation,\n      videoEnabled,\n      isVideoPresentation,\n      videoPresentationEnabled,\n      displayModal,\n      conferencePincode,\n      convertFilePresentation,\n      toggleMicrophone,\n      screenShareEnabled,\n      filePresentationEnabled,\n      toggleRecording,\n      toggleVideo,\n      toggleScreenShare,\n      attendeesSettingsOpened,\n      toggleAttendeesSettings,\n      toggleAttendeesList,\n      attendeesListOpened,\n      attendeesChatOpened,\n      toggleAttendeesChat,\n      recordingLocked,\n      toggleModal,\n      toggleAudio3D,\n      participants,\n      isWebinar,\n      isAdmin,\n      displayActions,\n      shareActions,\n      leave,\n      audio3DEnabled,\n      displayExternalLiveModal,\n      currentUser,\n      isFilePresentation,\n      isScreenshare,\n      isDemo,\n    } = this.props;\n    let nbParticipants = 0;\n    if (participants && participants.length) {\n      nbParticipants = participants.filter((p) => p.isConnected).length;\n    }\n    if ((!isWebinar && !currentUser.isListener) || (isWebinar && isAdmin))\n      nbParticipants += 1;\n\n    return (\n      <div>\n        <ul className=\"controls-left\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"mute\") > -1 &&\n            !isDemo && (\n              <ToggleMicrophoneButton\n                isMuted={isMuted}\n                toggle={toggleMicrophone}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"video\") > -1 &&\n            !isDemo && (\n              <ToggleVideoButton\n                videoEnabled={videoEnabled}\n                toggle={toggleVideo}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n        </ul>\n        <ul className=\"controls-center\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"recording\") > -1 &&\n            !isDemo && (\n              <ToggleRecordingButton\n                isRecording={isRecording}\n                recordingLocked={recordingLocked}\n                toggle={toggleRecording}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"share\") > -1 &&\n            !isDemo &&\n            shareActions.length > 0 && (\n              <ToggleScreenShareButton\n                screenShareEnabled={screenShareEnabled}\n                filePresentationEnabled={filePresentationEnabled}\n                videoPresentationEnabled={videoPresentationEnabled}\n                currentUserScreenShare={isScreenshare}\n                currentUserFilePresentation={isFilePresentation}\n                currentUserVideoPresentation={isVideoPresentation}\n                toggle={toggleScreenShare}\n                toggleVideoPresentation={toggleVideoPresentation}\n                convertFilePresentation={convertFilePresentation}\n                shareActions={shareActions}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {isBottomBar && (!isWebinar || (isWebinar && isAdmin)) && !isDemo && (\n            <li className=\"separator\"></li>\n          )}\n          {isBottomBar && (\n            <HangUpButtonBottomBar leave={leave} tooltipPlace=\"top\" />\n          )}\n        </ul>\n        <ul className=\"controls-right\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"pstn\") > -1 &&\n            conferencePincode.length > 0 &&\n            !isDemo && (\n              <TogglePSTN\n                conferencePincode={conferencePincode}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            !bowser.msie &&\n            !currentUser.isListener && (\n              <ToggleSettingsButton\n                attendeesSettingsOpened={attendeesSettingsOpened}\n                toggle={toggleAttendeesSettings}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {displayActions.indexOf(\"attendees\") > -1 && (\n            <ToggleAttendeesListButton\n              nbParticipants={nbParticipants}\n              tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              toggle={toggleAttendeesList}\n              isBottomBar={isBottomBar}\n              isOpen={attendeesListOpened}\n            />\n          )}\n          {displayActions.indexOf(\"chat\") > -1 && (\n            <ToggleAttendeesChatButton\n              tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              toggle={toggleAttendeesChat}\n              isBottomBar={isBottomBar}\n              isOpen={attendeesChatOpened}\n            />\n          )}\n        </ul>\n      </div>\n    );\n  }\n}\n\nActionsButtons.propTypes = {\n  isBottomBar: PropTypes.bool.isRequired,\n  forceFullscreen: PropTypes.bool.isRequired,\n  isMuted: PropTypes.bool.isRequired,\n  currentUser: PropTypes.object.isRequired,\n  isWebinar: PropTypes.bool.isRequired,\n  isAdmin: PropTypes.bool.isRequired,\n  videoEnabled: PropTypes.bool.isRequired,\n  screenShareEnabled: PropTypes.bool.isRequired,\n  filePresentationEnabled: PropTypes.bool.isRequired,\n  videoPresentationEnabled: PropTypes.bool.isRequired,\n  displayModal: PropTypes.bool.isRequired,\n  isScreenshare: PropTypes.bool.isRequired,\n  isVideoPresentation: PropTypes.bool.isRequired,\n  isFilePresentation: PropTypes.bool.isRequired,\n  displayActions: PropTypes.array.isRequired,\n  toggleAudio3D: PropTypes.func.isRequired,\n  recordingLocked: PropTypes.bool.isRequired,\n  audio3DEnabled: PropTypes.bool.isRequired,\n  isRecording: PropTypes.bool.isRequired,\n  isWidgetFullScreenOn: PropTypes.bool.isRequired,\n  toggleMicrophone: PropTypes.func.isRequired,\n  leave: PropTypes.func.isRequired,\n  toggleRecording: PropTypes.func.isRequired,\n  toggleVideo: PropTypes.func.isRequired,\n  toggleScreenShare: PropTypes.func.isRequired,\n  toggleVideoPresentation: PropTypes.func.isRequired,\n  convertFilePresentation: PropTypes.func.isRequired,\n  toggleModal: PropTypes.func.isRequired,\n  toggleMode: PropTypes.func.isRequired,\n  mode: PropTypes.string.isRequired,\n  toggleAttendeesList: PropTypes.func.isRequired,\n  attendeesListOpened: PropTypes.bool.isRequired,\n  toggleAttendeesChat: PropTypes.func.isRequired,\n  attendeesChatOpened: PropTypes.bool.isRequired,\n  toggleAttendeesSettings: PropTypes.func.isRequired,\n  attendeesSettingsOpened: PropTypes.bool.isRequired,\n};\n\nActionsButtons.defaultProps = {\n  isBottomBar: false,\n  forceFullscreen: false,\n};\n\nexport default ActionsButtons;\n```\n\n### Localized strings\n\nFor english language (Be sure to use this keys to override default strings)\n\n```\n[en: {\n    noPstnNumbers: \"There is no PSTN numbers...\",\n    electronloading: \"Voxeet is loading, please wait\",\n    error: \"Error\",\n    errorPermissionDeniedMicrophone:\n      \"An error occured when joining the conference. Please make sure to allow access to your microphone.\",\n    errorPermissionDeniedMicrophoneCamera:\n      \"An error occured when joining the conference. Please make sure to allow access to your microphone and camera.\",\n    errorIE11:\n      \"A plugin is mandatory for IE11, please download and install the plugin. When the installation is complete, please refresh this page.\",\n    browerNotSupported: \"This browser is currently not supported.\",\n    installExtension: \"Please install the screen share extension with this \",\n    noExtensionAvailable: \"No Chrome Web Extension configure for screen share.\",\n    microphoneOff: \"Your microphone is muted.\",\n    microphoneOn: \"Your microphone is on.\",\n    cameraOn: \"Your camera is on.\",\n    cameraOff: \"Your camera is off.\",\n    recordConferenceStart: \"Your conference is being recorded.\",\n    recordConferenceStop: \"Your conference is no longer recorded.\",\n    screenshareInProgress:\n      \"You cannot screenshare while another user is screensharing.\",\n    recordConferenceStartBy: \"Your conference is being recorded by \",\n    recordConferenceStopBy: \"Your conference is no longer recorded by \",\n    conferenceAlreadyRecord:\n      \"Your conference is already being recorded by an other attendee.\",\n    leave: \"End\",\n    audio: \"3D Audio\",\n    audioTitle: \"Audio\",\n    chat: \"Chat\",\n    nameConversation: \"Name this conversation\",\n    externalLive: \"Live Broadcast\",\n    fullscreen: \"FullScreen\",\n    minimize: \"Minimize\",\n    mute: \"Mute\",\n    displaymode: \"Display mode\",\n    pincode: \"Call-in\",\n    sendMessage: \"Send\",\n    pinCodeExplanations:\n      \"Call this number below and provide the conference pin code to join the conference via PSTN.\",\n    record: \"Record\",\n    shareAlreadyStarted:\n      \"Someone is already sharing. Please stop it before start a new one.\",\n    share: \"Share\",\n    screenshare: \"Share Screen\",\n    screenshareEntireScreen: \"Share Entire Screen\",\n    screenshareAWindow: \"Share a Window\",\n    screenshareOption: \"Share Options\",\n    settings: \"Settings\",\n    open: \"Open\",\n    close: \"Close\",\n    video: \"Video\",\n    camera: \"Camera\",\n    liveCall: \"Live is running\",\n    linkHls: \"See your live\",\n    broadcastLive: \"Diffusion en cours\",\n    externalUrl: \"Configure your stream\",\n    externalPassword: \"Enter your password from your live\",\n    launchLive: \"Start your stream\",\n    stopLive: \"Stop your live stream\",\n    geturl: \"Get your stream url (on Youtube or Facebook)\",\n    getpwd: \"Get your stream password (on Youtube or Facebook)\",\n    enterhere: \"Enter your informations here :\",\n    titleSettings: \"Set preferred camera and microphone\",\n    problemSettings: \"If you are having problems, try restarting your browser.\",\n    saveSettings: \"Your preferences will automatically save.\",\n    screensharerunning: \"Happy Screen Sharing!\",\n    tile: \"Tile\",\n    list: \"List\",\n    speaker: \"Speaker\",\n    displaymode: \"Display mode\",\n    changelayout: \"Change layout\",\n    attendees: \"Attendees\",\n    participantsHeder: \"Participants \",\n    invitedHeder: \"Invited\",\n    here: \"here\",\n    hangtight: \"We're waiting for other callers to arrive.\",\n    join: \"Join\",\n    incall: \"In call with :\",\n    joincall: \"Join Call\",\n    expand: \"Expand\",\n    activecall: \"Active call\",\n    leavecall: \"Leave call\",\n    output: \"Output\",\n    input: \"Input\",\n    titlePreConfig: \"Set up your devices\",\n    addParticipant: \"Add Participant\",\n    presenter: \"Attendees\",\n    joined: \"Joined\",\n    invited: \"Waiting on\",\n    presenter: \"Presenter\",\n    listener: \"Listener\",\n    left: \"Left\",\n    noAudioDevice:\n      \"No audio device detected. Please make sure to plug at least one microphone to access this conference.\",\n    filepresentation: \"Share a File\",\n    prev: \"Previous\",\n    next: \"Next\",\n    errorFilePresentation:\n      \"An error occured during the file presentation. Please check your file.\",\n    videopresentation: \"Share a Video\",\n    placeholderVideoPresentation: \"Video URL\",\n    startVideoPresentationAutoplay: \"Start video\",\n    invitedUsers: \"Waiting for invitation\",\n    inviteUser: \"Invite\"\n  }]\n```\n\nMore language can be added. Use an array prefixed with the correct language key. (en, fr, it, ...)\n","readmeFilename":"README.md","_id":"@voxeet/react-components@3.1.0-beta.1","_nodeVersion":"10.15.3","_npmVersion":"6.11.2","dist":{"integrity":"sha512-NhksITxG0jLgeKlQYJNOnsn2jUpEKp7S971HhRQd0lnLqJPVlv4607IssggAws0JT0Sc7WUFn02CB3YeCmbzvg==","shasum":"7ecb778143fcc6a868642e01f6bae5071570fee7","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-3.1.0-beta.1.tgz","fileCount":146,"unpackedSize":11746439,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHWfaCRA9TVsSAnZWagAA0l4QAKUjbGKyIvaTp1AbSoXk\n6/pbrIVniyWuQp4Izj/+20Qt3I3yU+BjfokOs1U6ZFjm5moMHYbxvl7Tr79h\ncW9ndIoeFkmGHhfnbsdDL1YaIwS7+NBxd7ch4wvH9v/mCeiwnQYKCBOi/vCX\nSBeLQ4/mO3cPPM5yL8l5SORCj7qnAc55YLNasaF7Dlhhi7ZbaHeIZ8sQ+OmJ\n8rJrcHts6heF45RwEX5DLURgJdC5WQnkFLTTdSh3MlNu8yC0yU+zx42zYY8b\n0l4moSOhBIi3oVa6YXAHIY256u4yrgX+DUnVrZrSVcWLlPxC7ukQ1wfjUo2u\n/QKQO4oy2Y0Z5XvMgOGW3YF8aTlHPcD5tsULSrYO8ffliI8gS6c0i6nn53vD\n8P8XUBDmSXP6v3ZrU3dGSe8FuFS2ZRfvDpbPStJySr9Fx4X/gyVn9HrXZWlW\neqkcxPap0dQsTNk2clLK2Ysz133LVVYZya7+p3PffZ2dxWBPHzSQeoHNd2TV\nnMpPcnuUxBH/ZD4CjVuoCdHMjA+xaQLUK1yQipHuxlGqC2ncyM0Drro4hQze\n2laWmxto7bNiOKYXCU9lmnvVpMfbzfr+hf9sBquDLe+uV0wDWuxPAja5uR/a\nVRI/ZwVKyNU5go8tQCSWJS8q0rPC+0e8Rd44idulqV+lkO9CiOQcXNCU+KCT\n0uxD\r\n=wjbi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHdWBOQ6NZhjRYLYNqjBKwpthPyjLCnpneDtHcsDJ7khAiEAoGtRx9A/qzO6FUJmpMi8gAJ+Rsy5fZmh6tM3PXgVUIo="}]},"_npmUser":{"name":"vmartin","email":"vmartin@voxeet.com"},"directories":{},"maintainers":[{"name":"codlab","email":"kevin.leperf@codlab.eu"},{"name":"vmartin","email":"vmartin@voxeet.com"},{"name":"bsenard","email":"bsenard@voxeet.com"},{"name":"tgourgues","email":"tgourgues@voxeet.com"},{"name":"vtcoco","email":"clarroque@voxeet.com"},{"name":"nladuguie","email":"nicolas.laduguie@dolby.com"},{"name":"vjarddolby","email":"vincent.jardel@dolby.com"},{"name":"jimfan","email":"jfan@dolby.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_3.1.0-beta.1_1612539864924_0.5546295379794355"},"_hasShrinkwrap":false},"3.1.0":{"name":"@voxeet/react-components","version":"3.1.0","description":"## Installation","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build","get-version":"echo $npm_package_version"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/polyfill":"^7.2.5","@babel/runtime":"^7.3.4","autolinker":"^2.2.2","bowser":"1.9.4","browserslist":"^4.5.2","can-autoplay":"^3.0.0","classnames":"2.2.6","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.0","prop-types":"15.6.2","react":"16.9.0","react-dom":"16.9.0","react-draggable":"3.1.1","react-localization":"^1.0.13","react-player":"^1.11.1","@voxeet/react-redux-5.1.1":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","redux":"4.0.4","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.3.4","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"2.3.0"},"_id":"@voxeet/react-components@3.1.0","dist":{"shasum":"97001c77fd70cd12f3d3730fffa2b91a1d6f1519","integrity":"sha512-E8AYgyr7yoonszu+UtlP6y4WE1M7BANiy+ACRzMJajAHVaBC09dpS4gV94/Pgi7La6e/m/7iQVMdjmvdGI9zJw==","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-3.1.0.tgz","fileCount":155,"unpackedSize":10354696,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgPTDOCRA9TVsSAnZWagAASK0P/i0iLB+CH0sTCVf4qSB9\nF5avWwWDrpBt5dnzlm+M/7KUgZ6IY25cqwAZaB8JTXA8BhmCKgM1B7B09b5/\ntDzpQ8N9+3qymZRH/xQtBRJTk7YxxfG0I5SQyqqwwaa+phuK6YfvUpTDAoUl\n+Bas4vEUx213HhvMICK1autNeHB4ZTd4YanKihtqbOOUUtyClp0ldXK59t+S\nhcXtf8U38H3B0cJb9z7Y+hzcWJJ85mryyGhNev0ilxDaZgCMQbsRTPm/nAeT\nPuq2Lau8Up3vS8CA7RodIDFDyuTuz0vA4BoBN4xBaKIlu8iUoAFt0NBJ/fFf\nnmmSYKItx4GJCP2ZICeMblNMghYpMDosNqmbT6LcBdwVU6uH3pyFz0UnZAlK\nb5gAS/mqCyz/xO7pXLPhGrg5nL8pUmRYMybJRN+KYDRXKUoiYbohCJP0zzIU\n/tRrT4Nz1FnduAB0p6/OYKN+CFeV9g59Gyg/bzKeOIlf8oPSiYs+5NycfVSY\nvU+atfmHCRkZ30JxMKFTutaiqw+469Y5Cn80AHs1GVcfM7DGOyzGq4sAEv2C\nVzeDiWbGgDtaKAjXzxEBw8rVAUkQxQCYx96MaNncAlxiM/bP2Md/8S5PSVqK\n9nlMHGXkgqp19eqeB2bQuRW9LcqJD6/bTyfe2iGKPikBuMPEW8nheZHPpstY\nthUG\r\n=4Xq0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD3OQ6IGMsnkM22NH6Bdrz0Zct9Ur32BmP9DA+n2JbIIAIhAIEq17zGNJq2BB0zpx8PjvqMTR51ra1XY7YJBTb+a52R"}]},"_npmUser":{"name":"tgourgues","email":"tgourgues@voxeet.com"},"directories":{},"maintainers":[{"name":"codlab","email":"kevin.leperf@codlab.eu"},{"name":"vmartin","email":"vmartin@voxeet.com"},{"name":"bsenard","email":"bsenard@voxeet.com"},{"name":"tgourgues","email":"tgourgues@voxeet.com"},{"name":"vtcoco","email":"clarroque@voxeet.com"},{"name":"nladuguie","email":"nicolas.laduguie@dolby.com"},{"name":"vjarddolby","email":"vincent.jardel@dolby.com"},{"name":"jimfan","email":"jfan@dolby.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_3.1.0_1614622926086_0.7918472070445697"},"_hasShrinkwrap":false},"3.2.0":{"name":"@voxeet/react-components","version":"3.2.0","description":"## Installation","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build","get-version":"echo $npm_package_version"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/polyfill":"^7.2.5","@babel/runtime":"^7.3.4","autolinker":"^3.14.2","bowser":"1.9.4","browserslist":"^4.5.2","can-autoplay":"^3.0.0","classnames":"2.2.6","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.0","prop-types":"15.6.2","react":"16.9.0","react-dom":"16.9.0","react-draggable":"^3.3.2","react-localization":"^1.0.13","react-player":"^1.11.1","@voxeet/react-redux-5.1.1":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","react-virtualized-auto-sizer":"^1.0.5","react-window":"^1.8.6","redux":"4.0.4","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.3.4","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^3.1.1"},"_id":"@voxeet/react-components@3.2.0","dist":{"shasum":"8a4c0e2d4c7ce3f2fe2a75ae2a5e72408d2d5238","integrity":"sha512-5HGJMnvZicSPTsQJvnPnOgjK0AL6B6rO+UbrDx79zsWYAaWMV3zc+1JRf8zGxbfbfWtPA5Ev8gTi7M/AMeUOGg==","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-3.2.0.tgz","fileCount":155,"unpackedSize":10399102,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8GQfCRA9TVsSAnZWagAAg9wP/37CLwD5lELtf/fazp+j\namRdsH+mnIemH85SjlW1totJR3A9H+UbAy9bb/Kvt5JdlWk3UMbp5/5BYPwK\no6BQddLvkH455HmETM0AhdsWWX/iNlPgHFP9MrUqeOxZsPhMYQ6tI7iRpalA\nisk1YFlirVoFWLVughXAdMYQmZ1Ch45whypHj2DbU46b/tlBUbjTwa8RhlvU\nG7QrImrHrayBgl6RFye1yhNNHh5/7X6PZzjp4FykJQZyaiVTjp5h6ysLLADu\nBBT0YuYdX5/xcO8Vu3ttJKF/aXgBYIEq4/w58Xx+LIaQ0By/u+48myZT9z/O\nq9qyJcbYIQKMEmWmkI4iqegRzwXhjhfyb2K5mDqYhZqj/4+uHwK27T3Z2mqs\ng/SzRfAIMqYaxQOYma3+mBCeUxKWlGSXn//tIA6dWIHl72BEqZPLHN9AVQwE\nl8ZxNJC4JF0KTlHOvXXXfzGL7GsqzmRDKv/xMtzRgn2FtQcGbtPkwugVHQ1y\nWqIDdDaIqImGhS+3tLgbwlwz8oCx46lsd87ijRqc3KFjw8aQrrfKuA8My2Zl\nXdtOHVkz8hYLUwefQ+fCnjuZ8c97ec3EAJYIHFq5HGJvQpS3S4wOsv9YYA8l\nTtO6XEcW11Gpt9sySxpRNI2cv+UkuEcYIb82bjO8cewYtz/OcTyNlWPzYBK8\nSAIh\r\n=KUql\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDXptOC6Ab17wyB+mdilyflJjOVWQ7yL8yEvxFZPYxdyAIgbeeVASWU9pxjtqmbO3FureL7OTKEGZ76QdwMNQEd4CY="}]},"_npmUser":{"name":"tgourgues","email":"tgourgues@voxeet.com"},"directories":{},"maintainers":[{"name":"codlab","email":"kevin.leperf@codlab.eu"},{"name":"vmartin","email":"vmartin@voxeet.com"},{"name":"bsenard","email":"bsenard@voxeet.com"},{"name":"tgourgues","email":"tgourgues@voxeet.com"},{"name":"vtcoco","email":"clarroque@voxeet.com"},{"name":"nladuguie","email":"nicolas.laduguie@dolby.com"},{"name":"vjarddolby","email":"vincent.jardel@dolby.com"},{"name":"jimfan","email":"jfan@dolby.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_3.2.0_1626367006900_0.9998612885178797"},"_hasShrinkwrap":false},"3.2.1":{"name":"@voxeet/react-components","version":"3.2.1","description":"## Installation","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build","get-version":"echo $npm_package_version"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/polyfill":"^7.2.5","@babel/runtime":"^7.3.4","autolinker":"^3.14.2","bowser":"1.9.4","browserslist":"^4.5.2","can-autoplay":"^3.0.0","classnames":"2.2.6","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.0","prop-types":"15.6.2","react":"16.9.0","react-dom":"16.9.0","react-draggable":"^3.3.2","react-localization":"^1.0.13","react-player":"^1.11.1","@voxeet/react-redux-5.1.1":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","react-virtualized-auto-sizer":"^1.0.5","react-window":"^1.8.6","redux":"4.0.4","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.3.4","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","extract-text-webpack-plugin":"^4.0.0-beta.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^3.1.1"},"_id":"@voxeet/react-components@3.2.1","dist":{"shasum":"a79d683f882cbc3958ce38bd8fbe0005037c3171","integrity":"sha512-6fSxFduWHZYNHtdWf20ZfW60RAZqKo4IJgxfVb7jHSgMZtsqNnouuoZpMaJGHATUdk1plZrCg80avxFJunGOyA==","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-3.2.1.tgz","fileCount":155,"unpackedSize":10399552,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhCVTQCRA9TVsSAnZWagAAw08P/2QKUOU3f8AtVZ/GF0FS\nW5VL6B9plVlRHGs5nuLiEGLuuIweMnUdToooKf5vE0vuClzbU60lZe5xL33z\nk8w4svH6C38os4oXiKlWaJQtJPWGwRevSTNZawZmCuvk9F8CfsXl1T1Ntf6s\nikmefkeGEz5w6Bgbo6Pet3VKlk4mPj/S9u2306G4c1/rRCOvvE2zJvyKNFAa\nfdgboLwYxd8JE/yfF4wWkl1fqkbNMrWZVl8UqxaeKt8eEoky/9kQLpbIPIkr\nlT9nY2wigjTZlqijtETYkrUKOgbMctY4WHYaFOZX1VFOGHffQHWKUtsrGgxG\nZDHHoSAA0J+omYQx3JeYFG9qX47eHR/SU/tJLs/4g9imXpGVs+fZ3EVl6Td+\nRlv7oYSoNQ4w1+ifJv5hLdcAaZK9pc/vWv08yqzLRD6f9tiE5r8KjaMv0rh0\nksBQo7QSX9oQdWUnKGhHpJQBqynKzqiGco7Bq42736igwJ+jL8ah8eoCQqF0\nCd//Fyer3ZMOKhwD8uFrA8iK0lRB/l2ZG+wp1B1fyBjZwm4/t8CX7kByPaQw\nG6OX21953elDVO0x4z1qPLcYFDsLVYhHX3Uawhcn+If+FclqkpUQyO5+Tdeq\n587fKMdOaYhbDEASAEwzH4gVUtH1bjrgV1p/x59Lsi/3R+CSmnaGd0IxdtOx\n3VbH\r\n=f2cL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDqNj9tNOGBusTW7ivPGv2EVvYn6g1y4GroLWFLb3T+dAIhAN4D2XxqFpC0/hSGV1e2bgouPFFmJb2b/5P3IDO/6tAd"}]},"_npmUser":{"name":"tgourgues","email":"tgourgues@voxeet.com"},"directories":{},"maintainers":[{"name":"codlab","email":"kevin.leperf@codlab.eu"},{"name":"vmartin","email":"vmartin@voxeet.com"},{"name":"bsenard","email":"bsenard@voxeet.com"},{"name":"tgourgues","email":"tgourgues@voxeet.com"},{"name":"vtcoco","email":"clarroque@voxeet.com"},{"name":"nladuguie","email":"nicolas.laduguie@dolby.com"},{"name":"vjarddolby","email":"vincent.jardel@dolby.com"},{"name":"jimfan","email":"jfan@dolby.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_3.2.1_1628001487760_0.776076339730914"},"_hasShrinkwrap":false},"3.2.2":{"name":"@voxeet/react-components","version":"3.2.2","description":"## Installation","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build","get-version":"echo $npm_package_version"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/polyfill":"^7.2.5","@babel/runtime":"^7.3.4","autolinker":"^3.14.2","bowser":"1.9.4","browserslist":"^4.5.2","can-autoplay":"^3.0.0","classnames":"2.2.6","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.1","prop-types":"15.6.2","react":"16.9.0","react-dom":"16.9.0","react-draggable":"^3.3.2","react-localization":"^1.0.13","react-player":"^1.11.1","@voxeet/react-redux-5.1.1":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","react-virtualized-auto-sizer":"^1.0.5","react-window":"^1.8.6","redux":"4.0.4","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.3.4","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","mini-css-extract-plugin":"^1.6.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^3.1.3"},"_id":"@voxeet/react-components@3.2.2","dist":{"shasum":"3948e99e104fb34a8aa70f20e1057be2f0c8de76","integrity":"sha512-65rNO9kwtxlrDU4X57XuVjhb2BGoO4qWscjjX5ew6O00FFWX08JURod0B33Dl98aMu8hufITmRudILwVZYJS/A==","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-3.2.2.tgz","fileCount":155,"unpackedSize":10423742,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICAC82IWzTB9oA4ZCZBvECP+wWJpoSUG2s3N7IkvtD0bAiASlothAgK9fglk4R6RVKdrXhdWLu4YnbgxynQDOfHWWA=="}]},"_npmUser":{"name":"tgourgues","email":"tgourgues@voxeet.com"},"directories":{},"maintainers":[{"name":"codlab","email":"kevin.leperf@codlab.eu"},{"name":"bsenard","email":"bsenard@voxeet.com"},{"name":"tgourgues","email":"tgourgues@voxeet.com"},{"name":"dolbyio_sa","email":"iapi@dolby.com"},{"name":"nladuguie","email":"nicolas.laduguie@dolby.com"},{"name":"vjarddolby","email":"vincent.jardel@dolby.com"},{"name":"jimfan","email":"ji.fan@dolby.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_3.2.2_1636562039318_0.2742175618632616"},"_hasShrinkwrap":false},"3.2.3":{"name":"@voxeet/react-components","version":"3.2.3","description":"## Installation","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build","get-version":"echo $npm_package_version"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/polyfill":"^7.2.5","@babel/runtime":"^7.3.4","autolinker":"^3.14.2","bowser":"1.9.4","browserslist":"^4.5.2","can-autoplay":"^3.0.0","classnames":"2.2.6","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.1","prop-types":"15.6.2","react":"16.9.0","react-dom":"16.9.0","react-draggable":"^3.3.2","react-localization":"^1.0.13","react-player":"^1.11.1","@voxeet/react-redux-5.1.1":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","react-virtualized-auto-sizer":"^1.0.5","react-window":"^1.8.6","redux":"4.0.4","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.3.4","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","mini-css-extract-plugin":"^1.6.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^3.1.3"},"_id":"@voxeet/react-components@3.2.3","dist":{"shasum":"677626a1055b3d0ba7a11524eac4c9953ec904e9","integrity":"sha512-r0z6w8odZ2UdrjC1Oh7jWEoO8zGKwvB8PSdZz/bqPnNmGcEZax5wMEy1c/dWmrRybI2u1nKgDrIlGrBPs/UQ4g==","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-3.2.3.tgz","fileCount":155,"unpackedSize":10423748,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhqjl0CRA9TVsSAnZWagAA2pwP+wTghYVfaMnEDCOcK34R\n/rsc0zqBYneDSJ6n2vwnvpdMJkh5kidYXlZMlf+Ygmok9ChNiWKxqSQswg5w\ngeuKRnSH7cYZ7db/n8yWYJEa7lWLqrPXOuhun7e+RD5objBz5urCmkiFLGeT\nmBYSo64ffFrQsVlLKHbeUMP/LTzWtagGhohGqdSRXT+owx44m0PTl0WKp6Du\nlhhOsUer3wgaHGJEWZmVFgMljZIwhfkGoNNdaBA3BLr5U4c7R0EKlxV6Lqe5\noiUd0xr28aJkIFh1DxIvWLRHFyrGpHiiJ+OjEFU8YU66R0q9CWPJ5CVjWDdL\nk3CGZPrI18yJfCNb1bnwp7t+DhV8CdwAoZTZL4KgAoeWgI4qmZBLHh+V+uZm\n1daN+pt8hSVlxNsE6btLjj29pNW/GIeC6hkhUyF6RKDlh/rKngyxt8k6Foad\nDUKk+GlYVAtvtlLlpstT19nle0HO1ZyXOjTU9YH5/RzhdbaaZFniDZg4t5wk\nw3X1Kvxb41Y4BYcGW04Nzr9CVirxAr+sOWZUu4sAlMHH3XE3bxXJ616E6hWW\nTYLTUOEs6mdlir6qJh6FLpCdv9kXjLZaxku9Pq9V8Dvof821TFh+iyV4mVja\nZccv7QX1jZ5HEttOl9J6FlKHnJ6S9I08/F7XGb5O/mDs8vrq6Z+n44vwfexs\ngN8e\r\n=AXm1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBlqKWS745CQ2SadwdvU3MlpacKqP4VgrwJP94bORj2GAiAZU1wPnUIDNSR/m/LRnNoC/+KkuPBXVm+vpMZ/xMZleQ=="}]},"_npmUser":{"name":"tgourgues","email":"tgourgues@voxeet.com"},"directories":{},"maintainers":[{"name":"fabien-dolbyio","email":"fabien.lavocat@dolby.com"},{"name":"codlab","email":"kevin.leperf@codlab.eu"},{"name":"bsenard","email":"bsenard@voxeet.com"},{"name":"tgourgues","email":"tgourgues@voxeet.com"},{"name":"dolbyio_sa","email":"iapi@dolby.com"},{"name":"nladuguie","email":"nicolas.laduguie@dolby.com"},{"name":"vjarddolby","email":"vincent.jardel@dolby.com"},{"name":"jimfan","email":"ji.fan@dolby.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_3.2.3_1638545780524_0.8276116760911398"},"_hasShrinkwrap":false},"3.2.4":{"name":"@voxeet/react-components","version":"3.2.4","description":"## Installation","main":"./dist/bundle.js","scripts":{"start":"webpack-dev-server -d --hot --inline --history-api-fallback --content-base ./src/static","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build","get-version":"echo $npm_package_version"},"keywords":[],"author":{"name":"Voxeet"},"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"dependencies":{"@babel/polyfill":"^7.2.5","@babel/runtime":"^7.3.4","autolinker":"^3.14.2","bowser":"1.9.4","browserslist":"^4.5.2","can-autoplay":"^3.0.0","classnames":"2.2.6","css-element-queries":"1.1.1","express":"^4.16.4","immutable":"3.8.2","js-cookie":"^2.2.1","prop-types":"15.6.2","react":"16.9.0","react-dom":"16.9.0","react-draggable":"^3.3.2","react-localization":"^1.0.13","react-player":"^1.11.1","@voxeet/react-redux-5.1.1":"5.1.1","react-router-dom":"^4.3.1","react-tooltip":"3.9.2","react-virtualized-auto-sizer":"^1.0.5","react-window":"^1.8.6","redux":"4.0.4","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.3.4","@babel/plugin-proposal-class-properties":"7.4.0","@babel/plugin-proposal-decorators":"^7.3.0","@babel/plugin-transform-modules-commonjs":"^7.2.0","@babel/plugin-transform-regenerator":"^7.3.4","@babel/plugin-transform-runtime":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.5","copy-webpack-plugin":"^4.2.0","css-loader":"^0.28.7","mini-css-extract-plugin":"^1.6.0","file-loader":"^3.0.1","html-webpack-plugin":"^3.2.0","less":"^3.9.0","less-loader":"^4.0.5","node-pre-gyp":"^0.12.0","react-hot-loader":"^3.0.0-beta.7","style-loader":"^0.18.2","uglifyjs-webpack-plugin":"^1.1.5","url-loader":"^0.5.9","webpack":"^4.29.6","webpack-cli":"^3.2.0","webpack-dev-server":"^3.1.14"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^3.1.3"},"_id":"@voxeet/react-components@3.2.4","dist":{"shasum":"3fefccc437429a0381e2bc4b447ee123cdb0a259","integrity":"sha512-6m0wxPxb27/ipVx9znHarJKD3/WdNrKftIxaZiWvuPbpnMPqYuYZLGNaHT//fXCbWSMgdqYDUTOOwjc73JzSfA==","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-3.2.4.tgz","fileCount":155,"unpackedSize":10432461,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiH6UhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmomuQ/+NiURO1xPrMHHtUWcmMmy4UR7oMVZgFC4HaolfOvGkM0tDsO2\r\nZSXs0XHMdaIEZloHoW8CoJKtTyO//9/YLEm64PTab70aRkMhJubxVL5bp4T0\r\nw31O04t2MjtfVgxbUR6d7jwvyNwvGUV1NMRvOY/CIHtjJnWy6k4vc3JAFW/T\r\ngE89vxtpRbTExMNQWhSMmBppGHpCMalDwarpHR6jjreansgkg/+rmh8oEXR7\r\nQv2Kr5laLucwlJjSvdD2d3Qc4vPOIw+po8Gz46eNpmgrYoTiNKho7+8rWdYd\r\nhY7Docj0Cu7HqCHE3dDRO18/uxFJQpaKGG/tJVstoqLHE1YAep1W+1DH+4wI\r\nPKwkC0N15ZLm8aU6/pWXxMt67TtvL2+KblcSZanQ+GTJNcwbOw4L4l4kPGHX\r\nDRfeulMHhmwTYNXI63Z5x4JdWGO2sT9iFtlYLyjGSKeL/Fb7zfiCNbM9uaDF\r\nxl4Rwz1cSM9CnAYuIEocwfNlwFKQ4Rhh82ibpxrlokqbBMWdkm2rxK76RZhD\r\nZHQfRA2pa9qA39DxjVHUI1mp6f2NghU5avK68orldpHT5X0LY0f87bWWkLOf\r\njkhHuiypRpN0mq7XUMx/JIoPc21d3MJkojRya8ywM6HZYI7oJFV6YJyDZ4Mg\r\nHeYtAmSqo6kIGUBnA3csX27XI436/YhyFjY=\r\n=qJ67\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC1ezbWmxF2j7ON6iUsLchhjvlh0orPo5pIEgJSMr49LgIgYMkH2IXMdR5W2fTzJaaOHsucF/LukVYRTAKVz4oU0PQ="}]},"_npmUser":{"name":"tgourgues","email":"tgourgues@voxeet.com"},"directories":{},"maintainers":[{"name":"fabien-dolbyio","email":"fabien.lavocat@dolby.com"},{"name":"codlab","email":"kevin.leperf@codlab.eu"},{"name":"bsenard","email":"bsenard@voxeet.com"},{"name":"tgourgues","email":"tgourgues@voxeet.com"},{"name":"dolbyio_sa","email":"iapi@dolby.com"},{"name":"nladuguie","email":"nicolas.laduguie@dolby.com"},{"name":"jimfan","email":"ji.fan@dolby.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_3.2.4_1646241057394_0.4159755699965384"},"_hasShrinkwrap":false},"3.3.0":{"name":"@voxeet/react-components","version":"3.3.0","description":"## Installation","main":"./dist/bundle.js","scripts":{"start":"webpack serve --config webpack.config.js","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build","get-version":"echo $npm_package_version"},"keywords":[],"author":{"name":"Dolby.io"},"license":"MIT","contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"resolve":{"extensions":[".js",".jsx",".json"]},"dependencies":{"@babel/runtime":"^7.15.3","@babel/runtime-corejs3":"^7.15.3","autolinker":"^3.14.2","bowser":"1.9.4","browserslist":"^4.5.2","can-autoplay":"^3.0.0","classnames":"2.3.1","core-js":"3","css-element-queries":"1.2.3","express":"^4.16.4","immutable":"4.0.0-rc.14","js-cookie":"^2.2.1","prop-types":"15.7.2","react":"17.0.2","react-dom":"17.0.2","react-draggable":"^4.4.3","react-localization":"^1.0.13","react-measure":"^2.5.2","react-player":"^2.9.0","react-redux":"^7.2.4","react-router-dom":"^5.2.0","react-tooltip":"4.2.21","react-virtualized-auto-sizer":"^1.0.5","react-window":"^1.8.6","redux":"^4.1.0","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.14.8","@babel/eslint-parser":"^7.14.7","@babel/plugin-proposal-class-properties":"7.14.5","@babel/plugin-proposal-decorators":"^7.14.5","@babel/plugin-transform-modules-commonjs":"^7.14.5","@babel/plugin-transform-react-jsx":"^7.14.5","@babel/plugin-transform-regenerator":"^7.14.5","@babel/plugin-transform-runtime":"^7.15.0","@babel/preset-env":"^7.14.8","@babel/preset-react":"^7.14.5","babel-loader":"^8.2.2","copy-webpack-plugin":"^9.0.1","css-loader":"^6.2.0","eslint":"^7.31.0","file-loader":"^6.2.0","html-webpack-plugin":"^5.3.2","less":"^4.1.1","less-loader":"^10.0.1","mini-css-extract-plugin":"^2.1.0","node-pre-gyp":"^0.17.0","react-hot-loader":"^4.13.0","style-loader":"^3.1.0","terser-webpack-plugin":"^5.1.4","url-loader":"^4.1.1","webpack":"5.72.0","webpack-cli":"^4.7.2","webpack-dev-server":"^4.9.0"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^3.4.1"},"licenseText":"MIT License\n\nCopyright (c) 2022 Dolby Laboratories\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.","_id":"@voxeet/react-components@3.3.0","dist":{"shasum":"ab79973ac140944a2c98bc16048932c24b6ea310","integrity":"sha512-sgzUnJgDc6BWHaC4q7RtTfcWOXyZHYru1mzja7bZ1dpPoe4+ODI/g3b2jLSG/bb+WTkqmUEAHdxNMBRF7IFT/Q==","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-3.3.0.tgz","fileCount":96,"unpackedSize":4481171,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDp5eum+fdUcUzjRiiv/gDsEnITZbz2rsnf/30nrrQQNAiBf/1tFikbqFAfbDT8RlmjH2a3pZ3anykGhMKAK9SO85w=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiovudACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqDAg/9FDrnp5D9JpxPE43vODUcMe+krBlUbf8d2LgTQia1UIq1f/E4\r\n5B2f7j3yFocC1hYIg2qQIqD3R5vkbyPKARZoGLU3gie7BMQJ/iJmsmQ360Bu\r\nmjptGQKBnDwhzPOqSwcwhRySBUVlnQevM6ruVbuOJ229JomaFAySRL4th3qR\r\nfsU5ePSD39VxhCeZHp81tmUrjfWF3yUZMndeA4f2cibZSds/qAAFM2DE0xrw\r\ne0FTeVi/vDEnogTq0Bh9iSjFDiO1D8xmRNp8i3UvE9iDYo4jpGbGnLe5xvyE\r\nFRlQt9rZ5FC0TemqZaWKpQ1Try1e6OxHBylANvfNCqou/d7wLoCfbe6NPlZC\r\n9Rg+86Be6igL1ZetUXjfJ+4bjDSwVv47PrXBLlx8K9vgJgOBYRGzkAM4gm5y\r\nvl6Sn2WOllzCwAzZ1pMlIU7EAt716Fc17Ajl/39Yi6x0ovd2m2tg198hCDQy\r\nZ+1lz+ZPixMrjmw5iRylFQB23JWvQ8mi6aD5BJ617AdCmUjbNCuX0+eY6jF3\r\n+b7y+xeMwUJaaISB5AE2W7HGt6jG8dkYuXLKqeBfXw06ZQQ4Px6JBSaxxxfn\r\nxHWfIXUvRywC4OtdGMf8J/r2u5ouU7dxkbjhgSe2PC/Jnu/4SH7G90df2LWW\r\nKH4yQGxxBndE4/1pXXK3pusdHVt+dkBrLT0=\r\n=aVV/\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"dolbyio_sa","email":"iapi@dolby.com"},"directories":{},"maintainers":[{"name":"fabien-dolbyio","email":"fabien.lavocat@dolby.com"},{"name":"codlab","email":"kevin.leperf@codlab.eu"},{"name":"bsenard","email":"bsenard@voxeet.com"},{"name":"dolbyio_sa","email":"iapi@dolby.com"},{"name":"nladuguie","email":"nicolas.laduguie@dolby.com"},{"name":"jimfan","email":"ji.fan@dolby.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_3.3.0_1654848413273_0.5765901415242536"},"_hasShrinkwrap":false},"3.5.0":{"name":"@voxeet/react-components","version":"3.5.0","description":"## Installation","main":"./dist/bundle.js","scripts":{"start":"webpack serve","check":"prettier -w --check  src","test":"jest","test:watch":"yarn test -- --watch","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build","get-version":"echo $npm_package_version"},"keywords":[],"author":{"name":"Dolby.io"},"license":"MIT","contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"resolve":{"extensions":[".js",".jsx",".json"]},"lint-staged":{"**/*":"prettier --write --ignore-unknown"},"dependencies":{"@babel/runtime":"^7.15.3","@babel/runtime-corejs3":"^7.15.3","autolinker":"^3.14.2","bowser":"1.9.4","browserslist":"^4.5.2","can-autoplay":"^3.0.0","classnames":"2.3.1","core-js":"3","css-element-queries":"1.2.3","express":"^4.16.4","immutable":"4.0.0-rc.14","js-cookie":"^2.2.1","prop-types":"15.7.2","react":"17.0.2","react-dom":"17.0.2","react-draggable":"^4.4.3","react-localization":"^1.0.13","react-measure":"^2.5.2","react-player":"^2.9.0","react-redux":"^7.2.4","react-router-dom":"^5.2.0","react-tooltip":"4.2.21","react-virtualized-auto-sizer":"^1.0.5","react-window":"^1.8.6","redux":"^4.1.0","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.14.8","@babel/eslint-parser":"^7.14.7","@babel/plugin-proposal-class-properties":"7.14.5","@babel/plugin-proposal-decorators":"^7.14.5","@babel/plugin-transform-modules-commonjs":"^7.14.5","@babel/plugin-transform-react-jsx":"^7.14.5","@babel/plugin-transform-regenerator":"^7.14.5","@babel/plugin-transform-runtime":"^7.15.0","@babel/preset-env":"^7.14.8","@babel/preset-react":"^7.14.5","babel-loader":"^8.2.2","copy-webpack-plugin":"^9.0.1","css-loader":"^6.2.0","eslint":"^7.31.0","file-loader":"^6.2.0","html-webpack-plugin":"^5.3.2","husky":"^7.0.4","jest":"^27.5.1","less":"^4.1.1","less-loader":"^10.0.1","lint-staged":"^12.3.6","mini-css-extract-plugin":"^2.1.0","node-pre-gyp":"^0.17.0","prettier":"2.6.0","react-hot-loader":"^4.13.0","style-loader":"^3.1.0","terser-webpack-plugin":"^5.1.4","url-loader":"^4.1.1","webpack":"5.72.0","webpack-cli":"^4.10.0","webpack-dev-server":"^4.9.0"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^3.5.3"},"licenseText":"MIT License\n\nCopyright (c) 2022 Dolby Laboratories\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.","_id":"@voxeet/react-components@3.5.0","dist":{"shasum":"d67321eb34e656ad7986c302c9f717d9babcb461","integrity":"sha512-HWzTCeZEj4sDUjT80+Hy0Lt2exh6VVeYAIgdQuafcGI/SqruEUByvVCIich1eto0Lhmt3ppvV1zg9XfrOxzPoA==","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-3.5.0.tgz","fileCount":96,"unpackedSize":4474875,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDh0IY5O85pdwkbqJU638sunS28B2HQQDLsYLir9uolhwIhAIlV9vxP4F5BNC3KJByYXOIYRbloeoWfNW2Lm6laET5e"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJix9eQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqwCBAAmlnTXOP+lKsp9jYqV4fcKW+EPo8fIS/GXJ6lP0MgEf4GdZWl\r\nv2aKbxppSpU/gFUmN4mMdNjWTkOew0H4L2obGrylfdJPhMaOcun7ujMtdIHG\r\nwAZZKtO60J9BHZqNCJkmYXXgawA+oong3B1SCQfVV/LxAhWqJ2akLCoP1rbf\r\nxT5HMZTVqN2w5eAGAW3/C5GpSCGdR7MjuBJg+43t6S+qUe1ZtdjHcvsWF42q\r\nwkBH9ZCsQ3vP5SypkFa+ZvhQSerm2CSXY3+CvmEloMqEP48Bcg3tbb1sAqK0\r\n/vrClJcB+jviK4TekMrL0R2xKg0pSnOR2iuTvsjCegLg8aC9VbAdGCQQRmFT\r\nUpxrk2obxDgHVfcbeCxD80xcfJCiMaysvtii0SeQcey3AYKkJZlKWkAuFH8U\r\ns9C2NlbJqPAUYsbJBAldx/rl3eTSCFQgY+wgkZWJjG55gLQp5lhG9Pi1Z83S\r\nfMtggV9U8Dor3jsvSPzBZ2oQjYaPvkRT41Y0ySZDp1iJoTd+AS5+++ARZ6Gr\r\nBnTLUbxM7N4NjOMGmcrtOR9TIZVhL16s+AkLfAqcmXJzWB5PR3W0cyXWWdwu\r\nsxnItrQsqva3GEsq4WNh1bD0sY9NX2gtz/f6qXxSg918T8FsBkZygHGS5+Ev\r\n+hrbZDiu7A1Of+x04+tRkVrNPzjI7YJ9Iws=\r\n=/Cjk\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"dolbyio_sa","email":"iapi@dolby.com"},"directories":{},"maintainers":[{"name":"fabien-dolbyio","email":"fabien.lavocat@dolby.com"},{"name":"codlab","email":"kevin.leperf@codlab.eu"},{"name":"bsenard","email":"bsenard@voxeet.com"},{"name":"dolbyio_sa","email":"iapi@dolby.com"},{"name":"nladuguie","email":"nicolas.laduguie@dolby.com"},{"name":"jimfan","email":"ji.fan@dolby.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_3.5.0_1657264016267_0.5943119257428706"},"_hasShrinkwrap":false},"3.5.1":{"name":"@voxeet/react-components","version":"3.5.1","description":"## Installation","main":"./dist/bundle.js","scripts":{"start":"webpack serve","check":"prettier -w --check  src","test":"jest","test:watch":"yarn test -- --watch","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build","get-version":"echo $npm_package_version"},"keywords":[],"author":{"name":"Dolby.io"},"license":"MIT","contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"browserslist":["IE 11"],"resolve":{"extensions":[".js",".jsx",".json"]},"lint-staged":{"**/*":"prettier --write --ignore-unknown"},"dependencies":{"@babel/runtime":"^7.15.3","@babel/runtime-corejs3":"^7.15.3","autolinker":"^3.14.2","bowser":"1.9.4","browserslist":"^4.5.2","can-autoplay":"^3.0.0","classnames":"2.3.1","core-js":"3","css-element-queries":"1.2.3","express":"^4.16.4","immutable":"4.0.0-rc.14","js-cookie":"^2.2.1","prop-types":"15.7.2","react":"17.0.2","react-dom":"17.0.2","react-draggable":"^4.4.3","react-localization":"^1.0.13","react-measure":"^2.5.2","react-player":"^2.9.0","react-redux":"^7.2.4","react-router-dom":"^5.2.0","react-tooltip":"4.2.21","react-virtualized-auto-sizer":"^1.0.5","react-window":"^1.8.6","redux":"^4.1.0","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.14.8","@babel/eslint-parser":"^7.14.7","@babel/plugin-proposal-class-properties":"7.14.5","@babel/plugin-proposal-decorators":"^7.14.5","@babel/plugin-transform-modules-commonjs":"^7.14.5","@babel/plugin-transform-react-jsx":"^7.14.5","@babel/plugin-transform-regenerator":"^7.14.5","@babel/plugin-transform-runtime":"^7.15.0","@babel/preset-env":"^7.14.8","@babel/preset-react":"^7.14.5","babel-loader":"^8.2.2","copy-webpack-plugin":"^9.0.1","css-loader":"^6.2.0","eslint":"^7.31.0","file-loader":"^6.2.0","html-webpack-plugin":"^5.3.2","husky":"^7.0.4","jest":"^27.5.1","less":"^4.1.1","less-loader":"^10.0.1","lint-staged":"^12.3.6","mini-css-extract-plugin":"^2.1.0","node-pre-gyp":"^0.17.0","prettier":"2.6.0","react-hot-loader":"^4.13.0","style-loader":"^3.1.0","terser-webpack-plugin":"^5.1.4","url-loader":"^4.1.1","webpack":"5.72.0","webpack-cli":"^4.10.0","webpack-dev-server":"^4.9.0"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^3.5.3"},"licenseText":"MIT License\n\nCopyright (c) 2022 Dolby Laboratories\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.","_id":"@voxeet/react-components@3.5.1","dist":{"shasum":"21a81a8a60fb4415170f8fe98dadc5608410f0e2","integrity":"sha512-gLm6D8XpYtGFsUz6efMJ1yYDnkfkCwF/lUi7KxOCop/2MRJ9RJr9NQcdzgCf1IWkj4fEqVG8vpwYjlEVGBbTzA==","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-3.5.1.tgz","fileCount":96,"unpackedSize":4475004,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCX5pirnHEbIr6u/kisknlAwjbJMQBYyK8rrdh88D4E/wIgUVOWpya83kVH0p3vtmcYYGBsRa5C2NbX0/O3jAWs+5g="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizTcoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrPHg/+KKSLIkvTQLhEsFdSdMbgQhHlFzau/gDxyow0/SJY2N5JCDKx\r\nyF90+kPwAKUsLMmY0VamuIll21qlbYRu2ekX8+ZTDRsORIpZSh1/EdeFCS9E\r\nb3jvp6ofbHYnefK7SQatDeMnUv3Ers9pNmEzUeY9QrpwYa3qpGfJvXE8wIcv\r\naW+8QgshKchCAuUZ2zV0f5SwrD2FScaDjQPPSAtGablp/jWmH6kl2Jxxx6Oy\r\nr7tDjQ4R70fDWrMezH6Mj+3b/MGb8GGGfTuHQMIe7nIpjFWgi/zO1gXay/pq\r\nsrFCwuJnwLKCExmP5kECgqiVE4grci0NmtOGNrDCZ7ht0nf/ImAKYPQ+TtSX\r\n0c4iI2b94XxOXLsIuBLsyN7VbKuhbuGO2zbf5Xtv8hurTsFSpBiUrPm5Vt/x\r\nbMgOdhkqt5YPAGFWzFPRWslxQ5LT/6bbg7cDjfnbsN7Xe2cvYwjqT6Bn0/y7\r\nD+fzS4ZD2LTFFCSVThec04AQTOjOBeRu7XaopljwLv2c742pljh4Ounyq/hh\r\nzh6msqnrcC+9SEaGWzQgBn5R7kwesz3p5VzQzmzHIlXWwPmEH06cdL0g5/tP\r\nM+s/2CGdF33nQ5f4r1gmkbEy5gA42QFzc9gJ67ckWaL60El7BBxbpbvp4LL1\r\nb3gy05aLBSazp52uyPxAuESZH54WzklYH7k=\r\n=N38/\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"dolbyio_sa","email":"iapi@dolby.com"},"directories":{},"maintainers":[{"name":"fabien-dolbyio","email":"fabien.lavocat@dolby.com"},{"name":"codlab","email":"kevin.leperf@codlab.eu"},{"name":"bsenard","email":"bsenard@voxeet.com"},{"name":"dolbyio_sa","email":"iapi@dolby.com"},{"name":"nladuguie","email":"nicolas.laduguie@dolby.com"},{"name":"jimfan","email":"ji.fan@dolby.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_3.5.1_1657616167926_0.8684535687659047"},"_hasShrinkwrap":false},"3.7.0":{"name":"@voxeet/react-components","version":"3.7.0","description":"## Installation","main":"./dist/bundle.js","scripts":{"start":"webpack serve","check":"prettier -w --check  src","test":"jest","test:watch":"yarn test -- --watch","build":"webpack --config webpack.config.prod.js --progress","prepublishOnly":"npm run build","get-version":"echo $npm_package_version"},"keywords":[],"author":{"name":"Dolby.io"},"license":"MIT","contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"resolve":{"extensions":[".js",".jsx",".json"]},"lint-staged":{"**/*":"prettier --write --ignore-unknown"},"dependencies":{"@babel/runtime":"^7.15.3","@babel/runtime-corejs3":"^7.15.3","autolinker":"^3.14.2","bowser":"1.9.4","browserslist":"^4.5.2","can-autoplay":"^3.0.0","classnames":"2.3.1","core-js":"3","css-element-queries":"1.2.3","express":"^4.16.4","immutable":"4.0.0-rc.14","js-cookie":"^2.2.1","prop-types":"15.7.2","react":"17.0.2","react-dom":"17.0.2","react-draggable":"^4.4.3","react-localization":"^1.0.13","react-measure":"^2.5.2","react-player":"^2.9.0","react-redux":"^7.2.4","react-router-dom":"^5.2.0","react-tooltip":"4.2.21","react-virtualized-auto-sizer":"^1.0.5","react-window":"^1.8.6","redux":"^4.1.0","redux-promise":"0.6.0","redux-thunk":"2.3.0"},"devDependencies":{"@babel/core":"^7.14.8","@babel/eslint-parser":"^7.14.7","@babel/plugin-proposal-class-properties":"7.14.5","@babel/plugin-proposal-decorators":"^7.14.5","@babel/plugin-transform-modules-commonjs":"^7.14.5","@babel/plugin-transform-react-jsx":"^7.14.5","@babel/plugin-transform-regenerator":"^7.14.5","@babel/plugin-transform-runtime":"^7.15.0","@babel/preset-env":"^7.14.8","@babel/preset-react":"^7.14.5","babel-loader":"^8.2.2","copy-webpack-plugin":"^9.0.1","css-loader":"^6.2.0","eslint":"^7.31.0","file-loader":"^6.2.0","html-webpack-plugin":"^5.3.2","husky":"^7.0.4","jest":"^27.5.1","less":"^4.1.1","less-loader":"^10.0.1","lint-staged":"^12.3.6","mini-css-extract-plugin":"^2.1.0","node-pre-gyp":"^0.17.0","prettier":"2.6.0","react-hot-loader":"^4.13.0","style-loader":"^3.1.0","terser-webpack-plugin":"^5.1.4","url-loader":"^4.1.1","webpack":"5.72.0","webpack-cli":"^4.10.0","webpack-dev-server":"^4.9.0"},"peerDependencies":{"@voxeet/voxeet-web-sdk":"^3.7.0"},"licenseText":"MIT License\n\nCopyright (c) 2022 Dolby Laboratories\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.","_id":"@voxeet/react-components@3.7.0","dist":{"shasum":"b7d5963d6a418635b59b553804a45548a060509c","integrity":"sha512-jdKQ1/P+l0Q3WLSvMEX2+J/NbPePC4jOTrpj9C2B0oNxM+1NcqcH8qY24WWI1Lpch4jDkXwSzwNH+12CgbWS3Q==","tarball":"https://registry.npmjs.org/@voxeet/react-components/-/react-components-3.7.0.tgz","fileCount":96,"unpackedSize":4476771,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD6H0/0CR1Wfj2+m8+9jevJo7WfHraC/mJhR2Xnsp+L7wIhAP3L9FHGjnroGAinrQP8jLYJGhVrKZBmZViO1izy+IJE"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNaVWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo/Ug//YyHW6p6WzIWcM699S1qxmYwZ1MSPr9DLAqr7Z5qU3M/k0aCy\r\n0SvhK6mQZb8oOh2E+047ZNF9gEs/eW9ZL33jt1i5YVjFVApO6kmbl+NLKDAu\r\nlKsX352R83Hr5nw6ActjdJdd5ot1s/PG6hHauv7pVn7tpR0hL4UmCQm2ecsv\r\n8JLQBweOrkAJXt+EK2N0FJ+3nczzIe9akmdu2/yqFm04X43Kc0L71KbTZsPy\r\nZp/ouuS16bNKbXV0isZ8sim72mqD3D2DfNT2Y/3Kb1zcm77ZvvRzMt7zgPK9\r\n+FS/VjPFW/hW6G5sYtLEw/JUgdl+Wktx2wGGIMwLUJMwFpPzd7fCh3qv8D9I\r\nQwGYNlmoX4JDrc7019SsJlgEJ+uzjBdGpAANBtk0ZNu7nIhJmxJ+MrBpWwa3\r\nWujCDUWajtXKKSO/3HthPIQx0RlyHbGXxi6jUUiYGzDfi3M64/DMtz1Ywelu\r\nboUBNuqtxi1DkeyMi4lDsw4T3GRu/cnJ9/iKcZkDMk0aD3s+xNhuMQZVSXVN\r\n6YiJfgIb5G4AhOoCYL+XDHkKkSFNN3A+aYKRnQd2MLrNgD8KFduYFSO0SyTc\r\nYimKM3jv1QqYaudjE8cb4XSwgmN0bgMM3K1ao+VoPdvXu1sImPBXJG+onT/T\r\nfSsAF2qgn8CClHJa1h1UIPAPMi1m5xGreR4=\r\n=BCqG\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"dolbyio_sa","email":"iapi@dolby.com"},"directories":{},"maintainers":[{"name":"fabien-dolbyio","email":"fabien.lavocat@dolby.com"},{"name":"codlab","email":"kevin.leperf@codlab.eu"},{"name":"bsenard","email":"bsenard@voxeet.com"},{"name":"dolbyio_sa","email":"iapi@dolby.com"},{"name":"nladuguie","email":"nicolas.laduguie@dolby.com"},{"name":"jimfan","email":"ji.fan@dolby.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-components_3.7.0_1664460118224_0.9208610318446597"},"_hasShrinkwrap":false}},"time":{"created":"2018-04-06T15:31:06.453Z","0.22.0":"2018-04-06T15:31:06.627Z","modified":"2022-09-29T14:01:58.730Z","0.23.0":"2018-04-19T14:30:17.245Z","0.24.0":"2018-04-19T14:31:44.026Z","0.25.0":"2018-05-04T08:06:13.147Z","0.26.0":"2018-05-04T08:16:20.061Z","0.27.0":"2018-06-01T09:21:05.494Z","0.28.0":"2018-06-08T11:46:21.415Z","0.28.1":"2018-06-08T14:33:37.575Z","0.28.2":"2018-06-14T08:01:03.931Z","0.28.4":"2018-06-20T13:29:02.758Z","0.28.5":"2018-06-27T13:27:19.119Z","0.28.6":"2018-06-28T07:52:02.906Z","0.28.7":"2018-06-29T04:36:18.989Z","0.28.8":"2018-06-29T06:05:22.113Z","0.28.9":"2018-06-29T06:26:17.160Z","0.29.0":"2018-06-29T07:11:15.836Z","0.29.1":"2018-07-02T08:02:10.517Z","0.29.2":"2018-07-05T13:38:55.594Z","0.30.0":"2018-07-10T14:53:25.393Z","0.30.1":"2018-07-26T10:00:29.853Z","0.30.2":"2018-07-30T12:17:34.744Z","0.30.3":"2018-08-03T13:42:52.746Z","0.30.4":"2018-08-08T11:54:35.818Z","0.30.5":"2018-08-27T12:52:19.301Z","0.30.6":"2018-08-27T14:09:11.138Z","0.31.0-rc1":"2018-09-03T15:35:25.081Z","0.31.0-rc2":"2018-09-04T09:34:41.175Z","0.31.0-rc3":"2018-09-04T11:11:49.989Z","0.31.0-rc4":"2018-09-04T12:00:02.731Z","0.31.0-rc5":"2018-09-04T13:21:55.831Z","0.31.0-rc6":"2018-09-04T15:42:38.579Z","0.31.0-rc7":"2018-09-05T13:44:13.065Z","0.31.0-rc8":"2018-09-05T15:04:11.914Z","0.31.0-rc9":"2018-09-06T15:10:15.657Z","0.31.0-rc10":"2018-09-07T14:25:21.755Z","0.31.0-rc11":"2018-09-10T16:22:45.292Z","0.31.0-rc13":"2018-09-10T17:55:24.649Z","0.31.0-rc14":"2018-09-10T18:41:52.267Z","0.31.0-rc15":"2018-09-11T09:39:44.975Z","0.30.7":"2018-09-13T14:59:16.441Z","0.31.0-rc16":"2018-09-19T14:28:56.208Z","0.31.0-rc20":"2018-10-10T14:45:11.038Z","0.31.0-rc21":"2018-10-12T08:57:25.643Z","0.31.0-rc22":"2018-10-12T09:05:53.812Z","0.31.0-rc23":"2018-10-15T15:02:00.441Z","0.31.0-rc24":"2018-10-15T15:25:14.560Z","0.31.0-rc25":"2018-10-17T14:30:10.199Z","0.31.0-rc26":"2018-10-17T14:45:59.984Z","0.31.0-rc30":"2018-10-31T16:13:40.689Z","0.31.0-rc31":"2018-11-07T12:44:48.117Z","0.31.0-rc32":"2018-11-07T13:29:19.495Z","0.31.0-rc33":"2018-11-22T10:27:28.950Z","0.31.0-rc34":"2018-11-23T14:19:03.406Z","0.31.0":"2019-01-03T10:51:32.078Z","0.31.1":"2019-02-05T08:38:14.847Z","0.31.2":"2019-02-05T08:58:51.280Z","0.31.3":"2019-02-05T13:25:55.711Z","0.31.4":"2019-02-20T08:13:20.445Z","0.32.0":"2019-03-21T12:55:58.969Z","0.32.1":"2019-03-26T16:30:08.750Z","0.33.0":"2019-05-14T11:43:23.344Z","0.33.1":"2019-05-16T11:31:49.599Z","0.33.2":"2019-05-29T15:11:40.884Z","0.34.0":"2019-06-05T13:57:57.155Z","0.34.1":"2019-06-06T11:34:05.760Z","0.35.0-rc1":"2019-06-19T15:42:23.906Z","0.35.0-rc2":"2019-06-27T14:19:05.674Z","0.35.0-rc3":"2019-07-11T09:21:55.239Z","0.34.2":"2019-07-19T12:02:26.033Z","0.35.0":"2019-07-23T12:57:16.688Z","0.36.0":"2019-09-03T08:32:12.916Z","0.36.1":"2019-09-03T08:46:26.395Z","0.36.2":"2019-09-04T11:43:54.026Z","0.36.2-redux7":"2019-09-12T12:59:10.109Z","0.36.3-redux7":"2019-09-23T12:05:47.294Z","0.36.4-redux7":"2019-09-24T21:10:08.894Z","0.36.5-redux7":"2019-09-25T08:59:02.276Z","0.36.6-redux7":"2019-09-26T09:15:39.589Z","0.36.7-redux7":"2019-10-10T13:38:50.539Z","1.0.0":"2019-10-18T13:09:44.957Z","1.0.0-cjs2":"2019-10-24T14:08:11.092Z","1.0.1":"2019-10-24T15:14:33.812Z","1.1.0-rc1":"2019-11-07T16:23:08.284Z","1.1.0-rc2":"2019-11-07T17:14:04.266Z","1.1.0-rc3":"2019-11-07T17:42:51.950Z","2.0.0":"2020-03-18T09:11:11.225Z","2.0.1":"2020-03-23T13:03:48.836Z","2.1.0-rc1":"2020-05-05T15:33:51.336Z","2.1.0":"2020-05-19T15:52:39.607Z","2.1.1":"2020-07-29T10:08:35.808Z","2.1.2":"2020-07-29T12:09:25.987Z","2.1.3":"2020-09-02T07:46:39.665Z","2.1.4":"2020-09-08T07:44:13.995Z","3.0.0-beta.1":"2020-09-16T08:17:24.430Z","3.0.0-beta.2":"2020-09-23T17:18:18.102Z","2.1.5":"2020-09-24T13:10:24.271Z","3.0.0-beta.3":"2020-10-21T09:38:49.185Z","3.0.0":"2020-10-29T12:56:54.459Z","3.0.1":"2021-02-04T14:56:53.763Z","3.1.0-beta.1":"2021-02-05T15:44:25.664Z","3.1.0":"2021-03-01T18:22:06.481Z","3.2.0":"2021-07-15T16:36:47.394Z","3.2.1":"2021-08-03T14:38:08.191Z","3.2.2":"2021-11-10T16:33:59.636Z","3.2.3":"2021-12-03T15:36:20.845Z","3.2.4":"2022-03-02T17:10:57.758Z","3.3.0":"2022-06-10T08:06:53.492Z","3.5.0":"2022-07-08T07:06:56.447Z","3.5.1":"2022-07-12T08:56:08.160Z","3.7.0":"2022-09-29T14:01:58.516Z"},"maintainers":[{"name":"fabien-dolbyio","email":"fabien.lavocat@dolby.com"},{"name":"codlab","email":"kevin.leperf@codlab.eu"},{"name":"bsenard","email":"bsenard@voxeet.com"},{"name":"dolbyio_sa","email":"iapi@dolby.com"},{"name":"nladuguie","email":"nicolas.laduguie@dolby.com"},{"name":"jimfan","email":"ji.fan@dolby.com"}],"description":"## Installation","keywords":[],"contributors":[{"name":"BEHUET Jérôme","email":"jbehuet@gmail.com"},{"name":"GOURGUES Thomas","email":"tgourgues@voxeet.com"},{"name":"MARTIN Valentin","email":"vmartin@voxeet.com"}],"author":{"name":"Dolby.io"},"readme":"# Voxeet React Components\n\n## Installation\n\n```\nnpm i @voxeet/voxeet-web-sdk @voxeet/react-components --save\nyarn add @voxeet/voxeet-web-sdk @voxeet/react-components \n```\n\n## Usage\n\n### Reducer\n\nA redux reducer needs to be added to your store.\n\n```javascript\nimport { reducer as voxeetReducer } from \"@voxeet/react-components\";\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer,\n});\n```\n\n### Widget\n\n```javascript\nimport React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport thunkMidleware from \"redux-thunk\";\nimport { combineReducers, createStore, applyMiddleware } from \"redux\";\n\nimport {\n  ConferenceRoom,\n  VoxeetProvider,\n  reducer as voxeetReducer,\n} from \"@voxeet/react-components\";\n\n// Import Style\nimport \"@voxeet/react-components/dist/voxeet-react-components.css\"; // Can be customized, refer to https://github.com/voxeet/voxeet-assets-react-components\n\nconst reducers = combineReducers({\n  voxeet: voxeetReducer,\n});\n\nconst configureStore = () =>\n  createStore(reducers, applyMiddleware(thunkMidleware));\n\nconst settings = {\n  consumerKey: \"consumerKey\",\n  consumerSecret: \"consumerSecret\",\n  conferenceAlias: \"Sample\",\n};\n\nReactDOM.render(\n  <VoxeetProvider store={configureStore()}>\n    <ConferenceRoom\n      isWidget\n      consumerKey={settings.consumerKey}\n      consumerSecret={settings.consumerSecret}\n      conferenceAlias={settings.conferenceAlias}\n    />\n  </VoxeetProvider>,\n  document.getElementById(\"app\")\n);\n```\n\nwhere `consumerKey` and `consumerSecret` or `oauthToken` (retrieve by backend) are your credentials and `conferenceAlias` the conference you want to join.\n\nThe Widget is translate in english and french. The language will be automatically choose base on your browser language.\n\n## Widget Properties\n\n| Name                     | Type            | Default                                                                                                                                        | Description                                                                                                                                                                                                  |\n| ------------------------ | --------------- | ---------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |\n| `sdk`                    | Function        |                                                                                                                                                | VoxeetSDK if you want to use an external Voxeet SDK                                                                                                                                                          |\n| `consumerKey`            | String          |                                                                                                                                                | The consumer key                                                                                                                                                                                             |\n| `consumerSecret`         | String          |                                                                                                                                                | The consumer secret                                                                                                                                                                                          |\n| `oauthToken`             | String          |                                                                                                                                                | The oauth token retrieve from your backend (prevent using consumerKey/consumerSecret in frontend) ! Make sure to use this `refreshTokenCallback props of the widget too !                                    |\n| `refreshTokenCallback`   | func            |                                                                                                                                                | Provide this function that return a promise with the refreshed token, when this one expire                                                                                                                   |\n| `conferenceAlias`        | String          |                                                                                                                                                | The conference you whant to join                                                                                                                                                                             |\n| `logo`                   | String          | Voxeet Logo                                                                                                                                    | Display your logo inside the react components by using this props.                                                                                                                                           |\n| `chromeExtensionId`      | String          |                                                                                                                                                | Id of chrome screenshare extension, a message will be prompt when the user will try to screenshare (Inline installation is no longer supported)                                                              |\n| `displayActions`         | Array           | [\"mute\" ,\"recording\", \"share\", \"video\", \"live\", \"attendees\", \"chat\", \"pstn\"]                                                                   | You can disable some actions buttons. Example : displayActions={[\"mute\", \"video\"]} will allow to video and mute button (Strings : \"mute\", \"video\", \"share\", \"recording\", \"live\", \"attendees\", \"chat\")        |\n| `shareActions`           | Array           | [\"screenshare\" ,\"filepresentation\", \"videopresentation\"]                                                                                       | You can choose which button will be display, it's possible to do a screenshare, file presentation or video presentation ! If you set the displayActions you need to add the 'share' button to allow actions. |\n| `liveRecordingEnabled`   | Boolean         | false                                                                                                                                          | Ability to record a conference in live. Generate an MP4 video of the conference. Can be retrieve by a webhook (a small delay might be necessary for process the video)                                       |\n| `disableSounds`          | Boolean         | false                                                                                                                                          | Disable sounds during the conference (mute/unmute, record, conference join, conference left)                                                                                                                 |\n| `customLocalizedStrings` | Object          | Custom strings, described below                                                                                                                |\n| `pstnNumbers`            | Array           | Custom PSTN Numbers                                                                                                                            |\n| `pinCode`                | String          | Pin code for PSTN call                                                                                                                         |\n| `isWidget`               | Boolean         | true                                                                                                                                           | Indicate if component used like widget or embedded in your app                                                                                                                                               |\n| `chromeExtensionId`      | String          | null                                                                                                                                           | The Id from your Chrome Web Extension to screenshare (needed only on Chrome)                                                                                                                                 |\n| `autoRecording`          | Boolean         | false                                                                                                                                          | Automatically record the conference when joining the conference (if it's not already start)                                                                                                                  |\n| `closeSessionAtHangUp`   | Boolean         | true                                                                                                                                           | Automatically close the session of the current user when hang up                                                                                                                                             |\n| `isModal`                | Boolean         | false                                                                                                                                          | Indicate if component displayed like modal                                                                                                                                                                   |\n| `loadingScreen`          | Component       | LoadingScreen                                                                                                                                  | Put your own loading screen instead of Voxeet loading screen                                                                                                                                                 |\n| `isWebinar`              | Boolean         | false                                                                                                                                          | Launch the widget in Webinar mode, only admin can speak (Restriction in \"tiles\" mode)                                                                                                                        |\n| `autoJoin`               | Boolean         | false                                                                                                                                          | Join automatically conference                                                                                                                                                                                |\n| `preConfig`              | Boolean         | false                                                                                                                                          | Show a pop up before entering inside the Conference to configure your devices (audio, video)                                                                                                                 |\n| `videoCodec`             | String          | H264                                                                                                                                           | Specify video codec \"H264\" or \"VP8\" => H264 is needed for video on Safari                                                                                                                                    |\n| `isListener`             | Boolean         | false                                                                                                                                          | Enter in conference in listener mode                                                                                                                                                                         |\n| `displayModes`           | Array           | [\"list\", \"tiles\", \"speaker\"]                                                                                                                   | Indicate which mode is allowed (modes will be in the same order as the array)                                                                                                                                |\n| `invitedUsers`           | Array           | [{name: \"USERNAME\", externalId:\"EXTERNAL_ID\", title: \"TITLE\"}]                                                                                 | Array of people who can be invited during the conference. If the other side, people need to be subscribe to the conference to receive the invitation                                                         |\n| `isManualKickAllowed`    | Boolean         | false                                                                                                                                          | Authorize admin (conference creator) to kick users in conference                                                                                                                                             |\n| `isAdmin`                | Boolean         | false                                                                                                                                          | Current user who join the conference is the admin                                                                                                                                                            |\n| `kickOnHangUp`           | Boolean         | false                                                                                                                                          | Kick all users when admin (conference creator) leave the conference                                                                                                                                          |\n| `userInfo`               | Object          | {</br>&nbsp;&nbsp;name: 'Guest ' + Math.floor((Math.random() \\* 100) + 1),</br>&nbsp;&nbsp;externalId: '',</br>&nbsp;&nbsp;avatarUrl: ''</br>} | User informations for voxeet sdk                                                                                                                                                                             |\n| `conferenceReplayId`     | String          |                                                                                                                                                | Replay automatically a conference                                                                                                                                                                            |\n| `constraints`            | Object          | {</br>&nbsp;&nbsp;audio: true,</br>&nbsp;&nbsp;video: false</br>}                                                                              | The webrtc constraints for the sdk                                                                                                                                                                           |\n| `actionsButtons`         | React Component | ActionsButtons - All buttons                                                                                                                   | A react component to customize the actions buttons                                                                                                                                                           |\n| `handleOnLeave`          | Function        |                                                                                                                                                | Function call on leave conference                                                                                                                                                                            |\n| `handleOnConnect`        | Function        |                                                                                                                                                | Function call when the current user is connected to the conference                                                                                                                                           |\n\nFor more documentation on userInfo and constraints you can look at [Voxeet Sdk](https://www.npmjs.com/package/@voxeet/voxeet-web-sdk)\n\n## Actions buttons\n\nThe default control buttons component is below, you can customize it for you needs. Just replace\n\n```javascript\nimport React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport bowser from \"bowser\";\nimport { Buttons } from \"@voxeet/react-components\";\n\nclass ActionsButtons extends Component {\n  constructor(props) {\n    super(props);\n  }\n\n  render() {\n    const {\n      isBottomBar,\n      forceFullscreen,\n      isMuted,\n      isRecording,\n      isWidgetFullScreenOn,\n      toggleVideoPresentation,\n      videoEnabled,\n      isVideoPresentation,\n      videoPresentationEnabled,\n      displayModal,\n      conferencePincode,\n      convertFilePresentation,\n      toggleMicrophone,\n      screenShareEnabled,\n      filePresentationEnabled,\n      toggleRecording,\n      toggleVideo,\n      toggleScreenShare,\n      attendeesSettingsOpened,\n      toggleAttendeesSettings,\n      toggleAttendeesList,\n      attendeesListOpened,\n      attendeesChatOpened,\n      toggleAttendeesChat,\n      recordingLocked,\n      toggleModal,\n      toggleAudio3D,\n      participants,\n      isWebinar,\n      isAdmin,\n      displayActions,\n      shareActions,\n      leave,\n      audio3DEnabled,\n      displayExternalLiveModal,\n      currentUser,\n      isFilePresentation,\n      isScreenshare,\n      isDemo,\n    } = this.props;\n    let nbParticipants = 0;\n    if (participants && participants.length) {\n      nbParticipants = participants.filter((p) => p.isConnected).length;\n    }\n    if ((!isWebinar && !currentUser.isListener) || (isWebinar && isAdmin))\n      nbParticipants += 1;\n\n    return (\n      <div>\n        <ul className=\"controls-left\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"mute\") > -1 &&\n            !isDemo && (\n              <ToggleMicrophoneButton\n                isMuted={isMuted}\n                toggle={toggleMicrophone}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"video\") > -1 &&\n            !isDemo && (\n              <ToggleVideoButton\n                videoEnabled={videoEnabled}\n                toggle={toggleVideo}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n        </ul>\n        <ul className=\"controls-center\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"recording\") > -1 &&\n            !isDemo && (\n              <ToggleRecordingButton\n                isRecording={isRecording}\n                recordingLocked={recordingLocked}\n                toggle={toggleRecording}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"share\") > -1 &&\n            !isDemo &&\n            shareActions.length > 0 && (\n              <ToggleScreenShareButton\n                screenShareEnabled={screenShareEnabled}\n                filePresentationEnabled={filePresentationEnabled}\n                videoPresentationEnabled={videoPresentationEnabled}\n                currentUserScreenShare={isScreenshare}\n                currentUserFilePresentation={isFilePresentation}\n                currentUserVideoPresentation={isVideoPresentation}\n                toggle={toggleScreenShare}\n                toggleVideoPresentation={toggleVideoPresentation}\n                convertFilePresentation={convertFilePresentation}\n                shareActions={shareActions}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {isBottomBar && (!isWebinar || (isWebinar && isAdmin)) && !isDemo && (\n            <li className=\"separator\"></li>\n          )}\n          {isBottomBar && (\n            <HangUpButtonBottomBar leave={leave} tooltipPlace=\"top\" />\n          )}\n        </ul>\n        <ul className=\"controls-right\">\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            displayActions.indexOf(\"pstn\") > -1 &&\n            conferencePincode.length > 0 &&\n            !isDemo && (\n              <TogglePSTN\n                conferencePincode={conferencePincode}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {!isWidgetFullScreenOn &&\n            !forceFullscreen &&\n            (!isWebinar || (isWebinar && isAdmin)) &&\n            !bowser.msie &&\n            !currentUser.isListener && (\n              <ToggleSettingsButton\n                attendeesSettingsOpened={attendeesSettingsOpened}\n                toggle={toggleAttendeesSettings}\n                isBottomBar={isBottomBar}\n                tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              />\n            )}\n          {displayActions.indexOf(\"attendees\") > -1 && (\n            <ToggleAttendeesListButton\n              nbParticipants={nbParticipants}\n              tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              toggle={toggleAttendeesList}\n              isBottomBar={isBottomBar}\n              isOpen={attendeesListOpened}\n            />\n          )}\n          {displayActions.indexOf(\"chat\") > -1 && (\n            <ToggleAttendeesChatButton\n              tooltipPlace={isBottomBar ? \"top\" : \"right\"}\n              toggle={toggleAttendeesChat}\n              isBottomBar={isBottomBar}\n              isOpen={attendeesChatOpened}\n            />\n          )}\n        </ul>\n      </div>\n    );\n  }\n}\n\nActionsButtons.propTypes = {\n  isBottomBar: PropTypes.bool.isRequired,\n  forceFullscreen: PropTypes.bool.isRequired,\n  isMuted: PropTypes.bool.isRequired,\n  currentUser: PropTypes.object.isRequired,\n  isWebinar: PropTypes.bool.isRequired,\n  isAdmin: PropTypes.bool.isRequired,\n  videoEnabled: PropTypes.bool.isRequired,\n  screenShareEnabled: PropTypes.bool.isRequired,\n  filePresentationEnabled: PropTypes.bool.isRequired,\n  videoPresentationEnabled: PropTypes.bool.isRequired,\n  displayModal: PropTypes.bool.isRequired,\n  isScreenshare: PropTypes.bool.isRequired,\n  isVideoPresentation: PropTypes.bool.isRequired,\n  isFilePresentation: PropTypes.bool.isRequired,\n  displayActions: PropTypes.array.isRequired,\n  toggleAudio3D: PropTypes.func.isRequired,\n  recordingLocked: PropTypes.bool.isRequired,\n  audio3DEnabled: PropTypes.bool.isRequired,\n  isRecording: PropTypes.bool.isRequired,\n  isWidgetFullScreenOn: PropTypes.bool.isRequired,\n  toggleMicrophone: PropTypes.func.isRequired,\n  leave: PropTypes.func.isRequired,\n  toggleRecording: PropTypes.func.isRequired,\n  toggleVideo: PropTypes.func.isRequired,\n  toggleScreenShare: PropTypes.func.isRequired,\n  toggleVideoPresentation: PropTypes.func.isRequired,\n  convertFilePresentation: PropTypes.func.isRequired,\n  toggleModal: PropTypes.func.isRequired,\n  toggleMode: PropTypes.func.isRequired,\n  mode: PropTypes.string.isRequired,\n  toggleAttendeesList: PropTypes.func.isRequired,\n  attendeesListOpened: PropTypes.bool.isRequired,\n  toggleAttendeesChat: PropTypes.func.isRequired,\n  attendeesChatOpened: PropTypes.bool.isRequired,\n  toggleAttendeesSettings: PropTypes.func.isRequired,\n  attendeesSettingsOpened: PropTypes.bool.isRequired,\n};\n\nActionsButtons.defaultProps = {\n  isBottomBar: false,\n  forceFullscreen: false,\n};\n\nexport default ActionsButtons;\n```\n\n### Localized strings\n\nYou can add languages by updating the file `src/app/languages/localizedStrings.js` with new languages. Today, we have English and French.\n","readmeFilename":"README.md","license":"MIT"}