chore(web): Add feature flag for Hubspot onboarding flow (#5386)

* chore: Add feature flag for Hubspot onboarding flow * fix: Add missing condition
novuhq · Apr 9, 2024 · 6a68f5d · 6a68f5d
1 parent 4a22dcf
commit 6a68f5d
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/apps/web/src/pages/auth/QuestionnairePage.tsx b/apps/web/src/pages/auth/QuestionnairePage.tsx
@@ -3,23 +3,33 @@ import AuthContainer from '../../components/layout/components/AuthContainer';
 import { QuestionnaireForm } from './components/QuestionnaireForm';
 import { useVercelIntegration } from '../../hooks';
 import SetupLoader from './components/SetupLoader';
-import { ENV, IS_DOCKER_HOSTED } from '@novu/shared-web';
+import { ENV, IS_DOCKER_HOSTED, useFeatureFlag } from '@novu/shared-web';
 import { HubspotSignupForm } from './components/HubspotSignupForm';
+import { FeatureFlagsKeysEnum } from '@novu/shared';
+import { When } from '@novu/design-system';
 
 export default function QuestionnairePage() {
   const { isLoading } = useVercelIntegration();
+  const isHubspotFormEnabled = useFeatureFlag(FeatureFlagsKeysEnum.IS_HUBSPOT_ONBOARDING_ENABLED);
   const isNovuProd = !IS_DOCKER_HOSTED && ENV === 'production';
 
+  const shouldUseHubspotForm = isHubspotFormEnabled && isNovuProd;
+
   return (
     <AuthLayout>
       {isLoading ? (
         <SetupLoader title="Loading..." />
       ) : (
         <AuthContainer
           title="Customize your experience"
-          description={!isNovuProd ? 'Your answers can decrease the time to get started' : ''}
+          description={!shouldUseHubspotForm ? 'Your answers can decrease the time to get started' : ''}
         >
-          {!isNovuProd ? <QuestionnaireForm /> : <HubspotSignupForm />}
+          <When truthy={shouldUseHubspotForm}>
+            <HubspotSignupForm />
+          </When>
+          <When truthy={!shouldUseHubspotForm}>
+            <QuestionnaireForm />
+          </When>
         </AuthContainer>
       )}
     </AuthLayout>

diff --git a/libs/shared/src/types/feature-flags/feature-flags.ts b/libs/shared/src/types/feature-flags/feature-flags.ts
@@ -12,4 +12,5 @@ export enum FeatureFlagsKeysEnum {
   IS_IMPROVED_ONBOARDING_ENABLED = 'IS_IMPROVED_ONBOARDING_ENABLED',
   IS_NEW_MESSAGES_API_RESPONSE_ENABLED = 'IS_NEW_MESSAGES_API_RESPONSE_ENABLED',
   IS_BILLING_REVERSE_TRIAL_ENABLED = 'IS_BILLING_REVERSE_TRIAL_ENABLED',
+  IS_HUBSPOT_ONBOARDING_ENABLED = 'IS_HUBSPOT_ONBOARDING_ENABLED',
 }