@asgardeo/auth-spa 0.4.6 → 0.4.9

package/src/clients/web-worker-client.ts

@@ -113,13 +113,13 @@ export const WebWorkerClient = async (
     const _requestTimeout: number = config?.requestTimeout ?? 60000;
     let _isHttpHandlerEnabled: boolean = true;
     let _getSignOutURLFromSessionStorage: boolean = false;
-    
+
     const _store: Store = initiateStore(config.storage);
     const _cryptoUtils: SPACryptoUtils = new SPACryptoUtils();
     const _authenticationClient = new AsgardeoAuthClient<WebWorkerClientConfig>(_store, _cryptoUtils);
     await _authenticationClient.initialize(config);
     const _spaHelper = new SPAHelper<WebWorkerClientConfig>(_authenticationClient);
-    
+
     const _sessionManagementHelper = await SessionManagementHelper(
         async () => {
             const message: Message<string> = {
@@ -138,7 +138,7 @@ export const WebWorkerClient = async (
         (sessionState: string) => setSessionState(sessionState)
     );
 
-    const _authenticationHelper: AuthenticationHelper<WebWorkerClientConfig> = 
+    const _authenticationHelper: AuthenticationHelper<WebWorkerClientConfig> =
         getAuthHelper(_authenticationClient, _spaHelper);
 
     const worker: Worker = new webWorker();
@@ -163,6 +163,8 @@ export const WebWorkerClient = async (
 
             return (channel.port1.onmessage = ({ data }: { data: ResponseMessage<string>; }) => {
                 clearTimeout(timer);
+                channel.port1.close();
+                channel.port2.close();
 
                 if (data?.success) {
                     const responseData = data?.data ? JSON.parse(data?.data) : null;
@@ -214,6 +216,18 @@ export const WebWorkerClient = async (
      * @returns {Promise<HttpResponse>} A promise that resolves with the response data.
      */
     const httpRequest = <T = any>(config: HttpRequestConfig): Promise<HttpResponse<T>> => {
+        /**
+         *
+         * Currently FormData is not supported to send to a web worker
+         *
+         * Below workaround will represent FormData object as a JSON.
+         * This workaround will not be needed once FormData object is made cloneable
+         * Reference: https://github.com/whatwg/xhr/issues/55
+         */
+        if(config?.data && config?.data instanceof FormData) {
+            config.data = { ...Object.fromEntries(config?.data.entries()), formData: true };
+        }
+
         const message: Message<HttpRequestConfig> = {
             data: config,
             type: HTTP_REQUEST
@@ -517,7 +531,7 @@ export const WebWorkerClient = async (
             return getBasicUserInfo();
         }
     }
-    
+
     /**
      * Initiates the authentication flow.
      *
@@ -558,7 +572,7 @@ export const WebWorkerClient = async (
             if (resolvedAuthorizationCode && resolvedState) {
                 return requestAccessToken(resolvedAuthorizationCode, resolvedSessionState, resolvedState);
             }
-            
+
             return getAuthorizationURL(params)
                 .then(async (response: AuthorizationResponse) => {
                     location.href = response.authorizationURL;

package/src/utils/crypto-utils.ts

@@ -17,7 +17,7 @@
  */
 
 import { Buffer } from "buffer";
-import { CryptoUtils, JWKInterface } from "@asgardeo/auth-js";
+import { AsgardeoAuthException, CryptoUtils, JWKInterface } from "@asgardeo/auth-js";
 import base64url from "base64url";
 import sha256 from "fast-sha256";
 import { createLocalJWKSet, jwtVerify } from "jose";
@@ -69,6 +69,12 @@ export class SPACryptoUtils implements CryptoUtils<Buffer | string>
             }
         ).then(() => {
             return Promise.resolve(true);
+        }).catch((error) => {
+            return Promise.reject(new AsgardeoAuthException(
+                "SPA-CRYPTO-UTILS-VJ-IV01",
+                error?.reason ?? JSON.stringify(error),
+                `${error?.code} ${error?.claim}`
+            ));
         });
     }
 }

package/src/worker/worker-receiver.ts

@@ -122,9 +122,21 @@ export const workerReceiver = (
                     });
 
                 break;
-            case HTTP_REQUEST:
+            case HTTP_REQUEST: {
+                const request = data.data;
+                const requestData = request?.data;
+                if(data.data?.data?.formData === true) {
+                    const formData = new FormData();
+                    for (const key in requestData) {
+                        if(key === "formData") {
+                            continue;
+                        }
+                        formData.append(key, requestData[key])
+                     }
+                     request.data = formData;
+                }
                 webWorker
-                    .httpRequest(data.data)
+                    .httpRequest(request)
                     .then((response) => {
                         port.postMessage(MessageUtils.generateSuccessMessage(response));
                     })
@@ -133,6 +145,7 @@ export const workerReceiver = (
                     });
 
                 break;
+            }
             case HTTP_REQUEST_ALL:
                 webWorker
                     .httpRequestAll(data.data)