feat: handle mode value to avoid signin error caused by 3pcd ✨

.changeset/pink-rockets-yell.md

@@ -0,0 +1,5 @@
+---
+"@viron/app": major
+---
+
+handle mode value to avoid signin error caused by 3pcd.

packages/app/src/errors/index.ts

@@ -96,6 +96,11 @@ export class EndpointExportError extends EndpointError {
   name = 'Endpoint Export Error';
 }
 
+export class EndpointOAuthIllegalResponseError extends EndpointError {
+  code = '#endpointOAuthIllegalResponse';
+  name = 'Endpoint OAuth Illegal Response Error';
+}
+
 export class EndpointGroupError extends BaseError {
   code = '#endpointGroup';
   name = 'Endpoint Group Error';

packages/app/src/hooks/endpoint.ts

@@ -57,6 +57,7 @@ import {
   constructRequestInit,
   constructRequestPayloads,
 } from '~/utils/oas';
+import { extractAuthorizationUrl } from '~/utils/oas/oauth';
 
 export type UseEndpointReturn = {
   list: Endpoint[];
@@ -535,7 +536,35 @@ export const useEndpoint = (): UseEndpointReturn => {
       );
       try {
         set(KEY.OAUTH_ENDPOINT_ID, endpoint.id);
-        globalThis.location.href = requestInfo.toString();
+
+        if (authConfig.mode !== 'cors') {
+          globalThis.location.href = requestInfo.toString();
+        } else {
+          const requestInit = constructRequestInit(request, requestPayloads);
+          const [response, responseError] = await promiseErrorHandler(
+            globalThis.fetch(requestInfo, requestInit)
+          );
+          if (!!responseError) {
+            return {
+              error: new NetworkError(responseError.message),
+            };
+          }
+          if (!response.ok) {
+            return {
+              error: await getHTTPError(response),
+            };
+          }
+          const authorizationUrlResult = extractAuthorizationUrl(
+            request.operation.responses,
+            await response.json()
+          );
+          if (authorizationUrlResult.isFailure()) {
+            return {
+              error: authorizationUrlResult.value,
+            };
+          }
+          globalThis.location.href = authorizationUrlResult.value;
+        }
       } catch (e: unknown) {
         remove(KEY.OAUTH_ENDPOINT_ID);
         let message = '';

packages/app/src/utils/oas/oauth.ts

@@ -0,0 +1,32 @@
+import {
+  Success,
+  Failure,
+  EndpointOAuthIllegalResponseError,
+  Result,
+} from '~/errors';
+import { Responses } from '~/types/oas';
+
+export const extractAuthorizationUrl = (
+  responses: Responses,
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  json: any
+): Result<string, EndpointOAuthIllegalResponseError> => {
+  const response = responses['200'];
+  if (!response || !response.content?.['application/json']) {
+    return new Failure(new EndpointOAuthIllegalResponseError());
+  }
+  const schema = response.content['application/json'].schema;
+  if (!schema.properties) {
+    return new Failure(new EndpointOAuthIllegalResponseError());
+  }
+
+  const uriKey = Object.keys(schema.properties).find((key) => {
+    const property = schema.properties?.[key];
+    return property?.type === 'string' && property.format === 'uri';
+  });
+  if (!uriKey) {
+    return new Failure(new EndpointOAuthIllegalResponseError());
+  }
+
+  return new Success(json[uriKey]);
+};