impr(docs): added security info in demo and readme

README.md

@@ -187,6 +187,9 @@ You can remove a listener added by `on` with this method.
 
 ## `<iframe>` authorizations
 
+> **Notice Regarding Iframing Authorization:** for *security* purpose, we are now whitelisting domains that are iframing us. If you are a customer, please contact [support](https://support.aircall.io/) in order to whitelist your requested domain(s).<br> 
+If you are a *partner* creating an integration, you can ask for permission using [email protected].
+
 Please be aware that `aircall-everywhere` will generate an iframe with following `allow` attributes.
 
 ```html

demo/demo.scss

@@ -308,7 +308,7 @@ pre {
   }
 
   // specific stuff
-  #installation {
+  #iframing-authorization {
     padding-top: 40px;
   }
 

demo/index.html

@@ -52,7 +52,16 @@ <h1>Aircall Everywhere SDK</h1>
       </div>
 
       <div class="container">
-        <h2 id="installation">Installation</h2>
+        <h2 id="iframing-authorization">Iframing Authorization</h2>
+
+        <div class="row">
+            <p>
+              For security purposes, we are now whitelisting domains that use Aircall Everywhere SDK. If you are a customer,  please contact <a href="https://support.aircall.io/">Aircall Support</a>.<br> 
+              If you are a partner creating an integration, you can ask for permission using [email protected].
+            </p>
+        </div>
+
+        <h2>Installation</h2>
 
         <div class="row">
           <div class="left">

package.json

@@ -1,13 +1,13 @@
 {
   "name": "aircall-everywhere",
-  "version": "1.8.0",
+  "version": "1.8.1",
   "description": "Library to embed and communicate with aircall-phone in any webpage",
   "main": "dist/index.js",
   "scripts": {
     "start": "webpack-dev-server --config scripts/webpack/webpack.dev.js --open",
     "build": "webpack --config scripts/webpack/webpack.build.js",
     "prepublishOnly": "./scripts/publish.sh",
-    "test": "jest",
+    "test": "jest --env=jsdom",
     "test-watch": "jest --watch",
     "coverage": "jest --coverage"
   },
@@ -36,22 +36,22 @@
     "@babel/core": "^7.11.6",
     "@babel/preset-env": "^7.11.5",
     "@babel/template": "^7.10.4",
-    "@babel/types": "^7.11.5",
-    "babel-loader": "^8.1.0",
+    "@babel/types": "7.22.4",
+    "babel-loader": "9.1.2",
     "babel-plugin-rewire": "^1.2.0",
     "copy-webpack-plugin": "^6.2.0",
-    "css-loader": "^4.3.0",
+    "css-loader": "6.8.1",
     "gh-pages": "^3.1.0",
-    "html-webpack-plugin": "^4.5.0",
+    "html-webpack-plugin": "5.5.1",
     "husky": "^4.3.0",
     "jest": "^26.4.2",
-    "node-sass": "^4.14.1",
     "prettier": "^2.1.2",
     "pretty-quick": "^3.0.2",
-    "sass-loader": "^10.0.2",
-    "style-loader": "^1.3.0",
-    "webpack": "^4.44.2",
-    "webpack-cli": "^3.3.12",
-    "webpack-dev-server": "^3.11.0"
+    "sass": "^1.62.1",
+    "sass-loader": "13.3.1",
+    "style-loader": "3.3.3",
+    "webpack": "5.85.1",
+    "webpack-cli": "5.1.3",
+    "webpack-dev-server": "4.15.0"
   }
 }

scripts/webpack/webpack.dev.js

@@ -24,7 +24,7 @@ module.exports = () => {
   };
 
   const _devServer = {
-    contentBase: path.join(__dirname, '../../demo_dist'),
+    static: path.join(__dirname, '../../demo_dist'),
     compress: true,
     port: 8080,
   };
@@ -101,6 +101,5 @@ module.exports = () => {
     mode: _mode,
     target: _target,
     context: _context,
-    watch: true,
   };
 };