pixel-react 1.15.21 → 1.15.23

package/lib/utils/getEncryptedData/getEncryptedData.js

@@ -1,19 +1,16 @@
+import forge from '../../_virtual/index2.js';
+
 async function getEncryptedData(data, base64PublicKey) {
   // Decode the base64-encoded public key
-  const keyBytes = Uint8Array.from(atob(base64PublicKey), c => c.charCodeAt(0));
-  // Import the public key in SPKI format
-  const publicKey = await crypto.subtle.importKey('spki', keyBytes, {
-    name: 'RSA-OAEP',
-    hash: 'SHA-256'
-  }, false, ['encrypt']);
-  // Convert data to Uint8Array
-  const encodedData = new TextEncoder().encode(data);
-  // Encrypt the data using RSA-OAEP
-  const encryptedData = await crypto.subtle.encrypt({
-    name: 'RSA-OAEP'
-  }, publicKey, encodedData);
+  const publicKeyPem = `-----BEGIN PUBLIC KEY-----\n${base64PublicKey}\n-----END PUBLIC KEY-----`;
+  // Load the public key using node-forge
+  const publicKey = forge.pki.publicKeyFromPem(publicKeyPem);
+  // Encrypt the data using RSA-OAEP with SHA-256
+  const encrypted = publicKey.encrypt(data, 'RSA-OAEP', {
+    md: forge.md.sha256.create()
+  });
   // Convert encrypted data to base64
-  return btoa(String.fromCharCode(...new Uint8Array(encryptedData)));
+  return forge.util.encode64(encrypted);
 }
 
 export { getEncryptedData };

package/lib/utils/getEncryptedData/getEncryptedData.js.map

@@ -1 +1 @@
-{"version":3,"file":"getEncryptedData.js","sources":["../../../src/utils/getEncryptedData/getEncryptedData.ts"],"sourcesContent":[null],"names":["getEncryptedData","data","base64PublicKey","keyBytes","Uint8Array","from","atob","c","charCodeAt","publicKey","crypto","subtle","importKey","name","hash","encodedData","TextEncoder","encode","encryptedData","encrypt","btoa","String","fromCharCode"],"mappings":"AAAO,eAAeA,gBAAgBA,CAACC,IAAY,EAAEC,eAAuB,EAAA;AAC1E;AACA,EAAA,MAAMC,QAAQ,GAAGC,UAAU,CAACC,IAAI,CAACC,IAAI,CAACJ,eAAe,CAAC,EAAEK,CAAC,IAAIA,CAAC,CAACC,UAAU,CAAC,CAAC,CAAC,CAAC;AAE7E;AACA,EAAA,MAAMC,SAAS,GAAG,MAAMC,MAAM,CAACC,MAAM,CAACC,SAAS,CAC7C,MAAM,EACNT,QAAQ,EACR;AACEU,IAAAA,IAAI,EAAE,UAAU;AAChBC,IAAAA,IAAI,EAAE;AACP,GAAA,EACD,KAAK,EACL,CAAC,SAAS,CAAC,CACZ;AAED;EACA,MAAMC,WAAW,GAAG,IAAIC,WAAW,EAAE,CAACC,MAAM,CAAChB,IAAI,CAAC;AAElD;EACA,MAAMiB,aAAa,GAAG,MAAMR,MAAM,CAACC,MAAM,CAACQ,OAAO,CAC/C;AACEN,IAAAA,IAAI,EAAE;AACP,GAAA,EACDJ,SAAS,EACTM,WAAW,CACZ;AAED;AACA,EAAA,OAAOK,IAAI,CAACC,MAAM,CAACC,YAAY,CAAC,GAAG,IAAIlB,UAAU,CAACc,aAAa,CAAC,CAAC,CAAC;AACpE;;;;"}
+{"version":3,"file":"getEncryptedData.js","sources":["../../../src/utils/getEncryptedData/getEncryptedData.ts"],"sourcesContent":[null],"names":["getEncryptedData","data","base64PublicKey","publicKeyPem","publicKey","forge","pki","publicKeyFromPem","encrypted","encrypt","md","sha256","create","util","encode64"],"mappings":";;AAEO,eAAeA,gBAAgBA,CAACC,IAAY,EAAEC,eAAuB,EAAA;AAC1E;AACA,EAAA,MAAMC,YAAY,GAAG,CAAA,4BAAA,EAA+BD,eAAe,CAAA,0BAAA,CAA4B;AAE/F;EACA,MAAME,SAAS,GAAGC,KAAK,CAACC,GAAG,CAACC,gBAAgB,CAACJ,YAAY,CAAC;AAE1D;EACA,MAAMK,SAAS,GAAGJ,SAAS,CAACK,OAAO,CAACR,IAAI,EAAE,UAAU,EAAE;IACpDS,EAAE,EAAEL,KAAK,CAACK,EAAE,CAACC,MAAM,CAACC,MAAM;AAC3B,GAAA,CAAC;AACF;AACA,EAAA,OAAOP,KAAK,CAACQ,IAAI,CAACC,QAAQ,CAACN,SAAS,CAAC;AACvC;;;;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "pixel-react",
   "description": "Great for pixel-perfect, design-focused components in React",
-  "version": "1.15.21",
+  "version": "1.15.23",
   "main": "lib/index.cjs",
   "module": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -31,6 +31,7 @@
     "@storybook/react-vite": "^8.4.5",
     "@storybook/test": "^8.4.5",
     "@types/js-beautify": "^1.14.3",
+    "@types/node-forge": "^1.3.14",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@types/react-draft-wysiwyg": "^1.13.8",
@@ -81,6 +82,7 @@
     "janus-gateway": "^1.3.1",
     "js-beautify": "^1.15.1",
     "monaco-editor": "^0.52.2",
+    "node-forge": "^1.3.1",
     "prop-types": "^15.6.2",
     "react-archer": "^4.4.0",
     "react-day-picker": "^9.2.1",