packages/pass/components/Onboarding/OnboardingProvider.tsx

   1 import type { FC, PropsWithChildren } from 'react';
   2 import { Fragment, useContext, useMemo } from 'react';
   3 import { useSelector } from 'react-redux';
   4
   5 import { B2BProvider } from '@proton/pass/components/Onboarding/Provider/B2BProvider';
   6 import { OnboardingContext } from '@proton/pass/components/Onboarding/Provider/OnboardingContext';
   7 import { WelcomeProvider } from '@proton/pass/components/Onboarding/Provider/WelcomeProvider';
   8 import { isBusinessPlan } from '@proton/pass/lib/organization/helpers';
   9 import { selectPassPlan } from '@proton/pass/store/selectors';
  10
  11 export const OnboardingProvider: FC<PropsWithChildren> = ({ children }) => {
  12     const plan = useSelector(selectPassPlan);
  13
  14     const Provider = useMemo(() => {
  15         if (isBusinessPlan(plan)) return B2BProvider;
  16         else if (DESKTOP_BUILD) return WelcomeProvider;
  17         return Fragment;
  18     }, [plan]);
  19
  20     return <Provider>{children}</Provider>;
  21 };
  22
  23 export const useOnboarding = () => useContext(OnboardingContext);