From 61fc264437dcc28323adc2872f9949bd591702bb Mon Sep 17 00:00:00 2001
From: lianbenjamin <lian.binyamin@kaltura.com>
Date: Mon, 3 Mar 2025 13:43:31 +0200
Subject: [PATCH] feat(FEC-14380): add nonce to style tags

---
 package.json      | 1 +
 webpack.config.js | 9 ++++++++-
 yarn.lock         | 5 +++++
 3 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index a6d486a..73d9448 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
   "dependencies": {
     "@playkit-js/common": "1.5.22",
     "@playkit-js/ui-managers": "1.5.2",
+    "@playkit-js/webpack-common": "^1.0.1-canary.0-dfd24a9",
     "sanitize-html": "2.11.0"
   },
   "devDependencies": {
diff --git a/webpack.config.js b/webpack.config.js
index 78aee04..674a272 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -3,6 +3,7 @@
 const webpack = require('webpack');
 const path = require('path');
 const packageData = require('./package.json');
+const {insertStylesWithNonce} = require('@playkit-js/webpack-common');
 
 const plugins = [
   new webpack.DefinePlugin({
@@ -38,7 +39,13 @@ module.exports = {
         test: /\.scss$/,
         use: [
           {
-            loader: 'style-loader'
+            loader: 'style-loader',
+            options: {
+              attributes: {
+                id: `${packageData.name}`
+              },
+              insert: insertStylesWithNonce
+            }
           },
           {
             loader: 'css-loader',
diff --git a/yarn.lock b/yarn.lock
index 9a583d0..bf748c5 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -202,6 +202,11 @@
   dependencies:
     "@playkit-js/common" "^1.2.10"
 
+"@playkit-js/webpack-common@^1.0.1-canary.0-dfd24a9":
+  version "1.0.1-canary.0-dfd24a9"
+  resolved "https://registry.yarnpkg.com/@playkit-js/webpack-common/-/webpack-common-1.0.1-canary.0-dfd24a9.tgz#e1760b4c10f789c62bfd29a73d873d547b52a25c"
+  integrity sha512-/dlxA7iKF5/SW9Y282THjFRWW0SjKugg4XZgL6OLdfSvAUKcfNXmtSjiqjDBpcrZP51288DyJhOj2+0Tp+R39A==
+
 "@sindresorhus/is@^0.7.0":
   version "0.7.0"
   resolved "https://registry.yarnpkg.com/@sindresorhus/is/-/is-0.7.0.tgz#9a06f4f137ee84d7df0460c1fdb1135ffa6c50fd"