fixed build issue

packages/react/src/contexts/FlowHandlerProvider.tsx

@@ -1,32 +1,23 @@
 import { useCorbado } from '@corbado/react-sdk';
-import type {
-  FlowHandlerConfig,
-  FlowHandlerEventOptions,
-  FlowHandlerEvents,
-  FlowNames,
-  ScreenNames,
-  UserState,
-} from '@corbado/shared-ui';
-import { CommonScreens, FlowHandler, FlowType, LoginFlowNames, SignUpFlowNames } from '@corbado/shared-ui';
+import type { FlowHandlerEventOptions, FlowHandlerEvents, FlowNames, ScreenNames, UserState } from '@corbado/shared-ui';
+import { CommonScreens, FlowHandler, SignUpFlowNames } from '@corbado/shared-ui';
 import i18n from 'i18next';
 import type { FC, PropsWithChildren } from 'react';
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 
 import type { FlowHandlerContextProps } from './FlowHandlerContext';
 import FlowHandlerContext from './FlowHandlerContext';
 
-type Props = FlowHandlerConfig;
+type Props = {
+  onLoggedIn: () => void;
+};
 
 export const FlowHandlerProvider: FC<PropsWithChildren<Props>> = ({ children, ...props }) => {
   const { corbadoApp, getProjectConfig, user } = useCorbado();
   const [flowHandler, setFlowHandler] = useState<FlowHandler>();
   const [currentScreen, setCurrentScreen] = useState<ScreenNames>(CommonScreens.Start);
   const [currentUserState, setCurrentUserState] = useState<UserState>({});
-  const [currentFlow, setCurrentFlow] = useState<FlowNames>(
-    props.initialFlowType === FlowType.Login
-      ? LoginFlowNames.PasskeyLoginWithEmailOTPFallback
-      : SignUpFlowNames.PasskeySignupWithEmailOTPFallback,
-  );
+  const [currentFlow, setCurrentFlow] = useState<FlowNames>(SignUpFlowNames.PasskeySignupWithEmailOTPFallback);
   const [initialized, setInitialized] = useState(false);
   const onScreenChangeCbId = useRef<number>(0);
   const onFlowChangeCbId = useRef<number>(0);
@@ -44,15 +35,15 @@ export const FlowHandlerProvider: FC<PropsWithChildren<Props>> = ({ children, ..
         return;
       }
 
-      const flowHandler = new FlowHandler(projectConfig.val, props, i18n);
+      const flowHandler = new FlowHandler(projectConfig.val, props.onLoggedIn);
 
       onScreenChangeCbId.current = flowHandler.onScreenChange((value: ScreenNames) => setCurrentScreen(value));
       onFlowChangeCbId.current = flowHandler.onFlowChange((value: FlowNames) => setCurrentFlow(value));
       onUserStateChangeCbId.current = flowHandler.onUserStateChange((value: UserState) => {
         setCurrentUserState(value);
       });
 
-      void flowHandler.init(corbadoApp);
+      void flowHandler.init(corbadoApp, i18n);
 
       setFlowHandler(flowHandler);
       setInitialized(true);

packages/react/src/screens/CorbadoAuth.tsx

@@ -1,4 +1,3 @@
-import { FlowType } from '@corbado/shared-ui';
 import type { CorbadoAuthConfig } from '@corbado/types';
 import type { FC } from 'react';
 import React from 'react';
@@ -9,10 +8,7 @@ import FlowHandlerProvider from '../contexts/FlowHandlerProvider';
 const CorbadoAuth: FC<CorbadoAuthConfig> = ({ onLoggedIn, isDevMode = false, customerSupportEmail = '' }) => {
   return (
     <div className='cb-container'>
-      <FlowHandlerProvider
-        onLoggedIn={onLoggedIn}
-        initialFlowType={FlowType.SignUp}
-      >
+      <FlowHandlerProvider onLoggedIn={onLoggedIn}>
         <AuthFlow
           isDevMode={isDevMode}
           customerSupportEmail={customerSupportEmail}

packages/shared-ui/src/flowHandler/flows/index.ts

@@ -1,11 +1,11 @@
 import { LoginFlowNames, SignUpFlowNames } from '../constants';
 import type { Flows } from '../types';
 import { PasskeyLoginWithEmailOTPFallbackFlow } from './login/passkeyLoginWithOtpFlow';
-import { PasskeySignupWithEmailOTPFallbackFlow } from './singup/passkeySignupWithOtpFlow';
+import { PasskeySignupWithEmailOTPFallbackFlow } from './signup/passkeySignupWithOtpFlow';
 
 export const flows: Flows = {
   [SignUpFlowNames.PasskeySignupWithEmailOTPFallback]: PasskeySignupWithEmailOTPFallbackFlow,
   [LoginFlowNames.PasskeyLoginWithEmailOTPFallback]: PasskeyLoginWithEmailOTPFallbackFlow,
 };
-export * from './singup/passkeySignupWithOtpFlow';
+export * from './signup/passkeySignupWithOtpFlow';
 export * from './login/passkeyLoginWithOtpFlow';

packages/types/src/ui/component.ts

@@ -23,6 +23,8 @@ export interface CorbadoUIConfig {
  *
  * @interface CorbadoAuthConfig
  * @property {() => void} onLoggedIn - A callback function that is called when the user is logged in.
+ * @property {boolean} [isDevMode] - A boolean indicating whether the app is running in development mode. Defaults to false if not provided.
+ * @property {string} [customerSupportEmail] - The email address to be used for customer support. Defaults to '
  */
 export interface CorbadoAuthConfig {
   onLoggedIn: () => void;