API Reference

interface BusinessOnboardingSDK¶

The interface BusinessOnboardingSDK type defines the configuration for the BusinessOnboardingSdk component.

interface BusinessOnboardingSDK {
  customTheme?: Theme;
  sdkOverride?: BusinessOnboardingOverride;
}

interface Theme {
  color: {
    primary: string;
    background: string;
    text: string;
    border: string;
    error: string;
    success: string;
    warning: string;
    info: string;
    muted: string;
    shadow: string;
    link: string;
  };
  typography: {
    fontFamily: string;
    fontSize: string;
    fontWeight: number;
    lineHeight: string;
    h2: {
      fontSize: string;
      fontWeight: number;
      lineHeight: string;
    };
    link: {
      color: string;
      textDecoration: string;
      hover: {
        textDecoration: string;
      };
    };
  };
  customStyles?: {
    [key: string]: {
      [property: string]: string | number;
    };
  };
}

type SdkStatusCardOverride = {
  icon?: ReactNode;
  heading?: string;
  message?: string;
};

type TermsAndConditionLinks = {
  text: string;
  link: string;
};

type BusinessOnboardingOverride = {
  /** Welcome/onboarding intro for business entities */
  welcome?: {
    termsAndConditionsLinks?: TermsAndConditionLinks[];
    logo?: ReactNode;
    heading?: string;
    description?: ReactNode | string;
    btnText?: string;
  };
  loader?: React.JSX.Element;
  errorIcon?: React.JSX.Element;
  successIcon?: React.JSX.Element;
  signRequest?: SdkStatusCardOverride;
  rejectSignRequest?: SdkStatusCardOverride & {
    btnText?: string;
  };
  commonErrorScreen?: SdkStatusCardOverride;
  verificationPending?: SdkStatusCardOverride;
  verificationFailed?: SdkStatusCardOverride;
  verificationSuccess?: SdkStatusCardOverride & {
    /** Render a next step action (e.g., “Go to Dashboard”) */
    nextButton?: ReactNode;
  };
};

You can pass any combination of overrides and theme values to customize the experience and match your brand.