Enable feature and navigate directly when checklist item is disabled

Author: WojtekBoman

src/libs/actions/Policy/Policy.ts

@@ -4391,7 +4391,7 @@ function createWorkspaceFromIOUPayment(
     return {policyID, workspaceChatReportID: memberData.workspaceChatReportID, reportPreviewReportActionID: reportPreviewAction?.reportActionID, adminsChatReportID};
 }
 
-function enablePolicyConnections(policyID: string, enabled: boolean) {
+function enablePolicyConnections(policyID: string, enabled: boolean, shouldGoBack = true) {
     const onyxData: OnyxData<typeof ONYXKEYS.COLLECTION.POLICY> = {
         optimisticData: [
             {
@@ -4434,7 +4434,7 @@ function enablePolicyConnections(policyID: string, enabled: boolean) {
 
     API.writeWithNoDuplicatesEnableFeatureConflicts(WRITE_COMMANDS.ENABLE_POLICY_CONNECTIONS, parameters, onyxData);
 
-    if (enabled && getIsNarrowLayout()) {
+    if (enabled && getIsNarrowLayout() && shouldGoBack) {
         goBackWhenEnableFeature();
     }
 }

src/pages/home/GettingStartedSection/GettingStartedRow.tsx

@@ -26,7 +26,10 @@ function GettingStartedRow({item}: GettingStartedRowProps) {
     const icons = useMemoizedLazyExpensifyIcons(['ArrowRight', 'Checkmark'] as const);
 
     const navigateToItem = () => {
-        Navigation.navigate(item.route);
+        if (!item.isFeatureEnabled) {
+            item.enableFeature?.();
+        }
+        Navigation.setNavigationActionToMicrotaskQueue(() => Navigation.navigate(item.route));
     };
 
     return (

src/pages/home/GettingStartedSection/hooks/useGettingStartedItems.ts

@@ -5,6 +5,8 @@ import useResponsiveLayout from '@hooks/useResponsiveLayout';
 import {hasCompanyCardFeeds} from '@libs/CardUtils';
 import {hasAccountingConnections, hasCustomCategories, hasNonDefaultRules, isPaidGroupPolicy, isPendingDeletePolicy} from '@libs/PolicyUtils';
 import isWithinGettingStartedPeriod from '@pages/home/GettingStartedSection/utils/isWithinGettingStartedPeriod';
+import {enablePolicyCategories} from '@userActions/Policy/Category';
+import {enableCompanyCards, enablePolicyConnections, enablePolicyRules} from '@userActions/Policy/Policy';
 import CONST from '@src/CONST';
 import ONYXKEYS from '@src/ONYXKEYS';
 import ROUTES from '@src/ROUTES';
@@ -15,6 +17,8 @@ type GettingStartedItem = {
     label: string;
     isComplete: boolean;
     route: Route;
+    isFeatureEnabled?: boolean;
+    enableFeature?: () => void;
 };
 
 type UseGettingStartedItemsResult = {
@@ -75,33 +79,37 @@ function useGettingStartedItems(): UseGettingStartedItemsResult {
             label: translate('homePage.gettingStartedSection.connectAccounting', {integrationName}),
             isComplete: hasAccountingConnections(policy),
             route: ROUTES.WORKSPACE_ACCOUNTING.getRoute(activePolicyID),
+            isFeatureEnabled: policy.areConnectionsEnabled,
+            enableFeature: () => enablePolicyConnections(activePolicyID, true, false),
         });
     } else {
         items.push({
             key: 'customizeCategories',
             label: translate('homePage.gettingStartedSection.customizeCategories'),
             isComplete: hasCustomCategories(policyCategories),
             route: ROUTES.WORKSPACE_CATEGORIES.getRoute(activePolicyID),
+            isFeatureEnabled: policy.areCategoriesEnabled,
+            enableFeature: () => enablePolicyCategories({policy, categories: policyCategories ?? {}, tags: {}, reports: [], transactionsAndViolations: {}}, true, false),
         });
     }
 
-    if (policy.areCompanyCardsEnabled) {
-        items.push({
-            key: 'linkCompanyCards',
-            label: translate('homePage.gettingStartedSection.linkCompanyCards'),
-            isComplete: hasCompanyCardFeeds(allCardFeeds),
-            route: ROUTES.WORKSPACE_COMPANY_CARDS.getRoute(activePolicyID),
-        });
-    }
+    items.push({
+        key: 'linkCompanyCards',
+        label: translate('homePage.gettingStartedSection.linkCompanyCards'),
+        isComplete: hasCompanyCardFeeds(allCardFeeds),
+        route: ROUTES.WORKSPACE_COMPANY_CARDS.getRoute(activePolicyID),
+        isFeatureEnabled: policy.areCompanyCardsEnabled,
+        enableFeature: () => enableCompanyCards(activePolicyID, true, false),
+    });
 
-    if (policy.areRulesEnabled) {
-        items.push({
-            key: 'setupRules',
-            label: translate('homePage.gettingStartedSection.setupRules'),
-            isComplete: hasNonDefaultRules(policy),
-            route: ROUTES.WORKSPACE_RULES.getRoute(activePolicyID),
-        });
-    }
+    items.push({
+        key: 'setupRules',
+        label: translate('homePage.gettingStartedSection.setupRules'),
+        isComplete: hasNonDefaultRules(policy),
+        route: ROUTES.WORKSPACE_RULES.getRoute(activePolicyID),
+        isFeatureEnabled: policy.areRulesEnabled,
+        enableFeature: () => enablePolicyRules(policy, true, false),
+    });
 
     return {shouldShowSection: true, items};
 }