Add custom domain connect (#538)

Co-authored-by: Martin Kellner <martin.kellner@corbado.com>

Author: incorbador

packages/connect-react/src/contexts/SharedProvider.tsx

@@ -20,6 +20,7 @@ export const SharedProvider: FC<PropsWithChildren<Props>> = ({ children, connect
         config.projectId,
         config.frontendApiUrlSuffix ?? 'frontendapi.corbado.io',
         config.isDebug ?? false,
+        config.customDomain,
       ),
   );
 

packages/connect-web-js/src/models/CorbadoState.ts

@@ -10,6 +10,7 @@ export class CorbadoState {
       connectConfig.projectId,
       connectConfig.frontendApiUrlSuffix ?? 'frontendapi.corbado.io',
       connectConfig.isDebug ?? false,
+      connectConfig.customDomain,
     );
 
     this.#connectConfig = connectConfig;

packages/types/src/connect/config.ts

@@ -45,6 +45,7 @@ export type CorbadoConnectConfig = {
   frontendApiUrlSuffix?: string;
   isDebug?: boolean;
   enableHighlight?: boolean;
+  customDomain?: string;
 };
 
 export type CorbadoConnectDemoConfig = {

packages/web-core/src/services/ConnectService.ts

@@ -55,12 +55,14 @@ export class ConnectService {
   #projectId: string;
   #timeout: number;
   readonly #frontendApiUrlSuffix: string;
+  readonly #customDomain: string | undefined;
   #visitorId: string;
 
-  constructor(projectId: string, frontendApiUrlSuffix: string, isDebug: boolean) {
+  constructor(projectId: string, frontendApiUrlSuffix: string, isDebug: boolean, customDomain?: string) {
     this.#projectId = projectId;
     this.#timeout = 10 * 1000;
     this.#frontendApiUrlSuffix = frontendApiUrlSuffix;
+    this.#customDomain = customDomain;
     this.#webAuthnService = new WebAuthnService();
     this.#visitorId = '';
 
@@ -129,7 +131,9 @@ export class ConnectService {
 
   #setApisV2(process?: ConnectProcess): void {
     let frontendApiUrl = this.#getDefaultFrontendApiUrl();
-    if (process?.frontendApiUrl && process?.frontendApiUrl.length > 0) {
+    if (this.#customDomain && this.#customDomain.length > 0) {
+      frontendApiUrl = this.#customDomain;
+    } else if (process?.frontendApiUrl && process?.frontendApiUrl.length > 0) {
       frontendApiUrl = process.frontendApiUrl;
     }