React SDK: <DynamicFlow>

index.jsx

import { SlashIDProvider, DynamicFlow } from "@slashid/react"; // available from 1.6.4.

// first define a function that takes an email and returns a Factor
const getFactor = (email: string) => {
  const domain = email.split("@")[1];

  if (domain === "<REPLACE WITH THE DOMAIN>") {
    return {
      method: "oidc",
      options: {
        provider: "google",
        client_id: "<REPLACE WITH THE CLIENT ID OF THE OIDC PROVIDER>",
      },
    } as Factor;
  } else {
    return { method: "email_link" } as Factor;
  }
};

export const App = () => {
  return (
    <SlashIDProvider oid={"<YOUR ORGANIZATION ID"}>
      <DynamicFlow className="<APPLY A CLASS NAME TO STYLE THE FLOW>>" getFactor={getFactor} />
    </SlashIDProvider>
  );
};