using hasIntegrationAutoSync

Author: chiragsalian

src/pages/workspace/accounting/reconciliation/CardReconciliationPage.tsx

@@ -12,6 +12,7 @@ import useThemeStyles from '@hooks/useThemeStyles';
 import {getConnectionNameFromRouteParam} from '@libs/AccountingUtils';
 import {isExpensifyCardFullySetUp} from '@libs/CardUtils';
 import type {PlatformStackScreenProps} from '@libs/Navigation/PlatformStackNavigation/types';
+import {hasIntegrationAutoSync} from '@libs/PolicyUtils';
 import Navigation from '@navigation/Navigation';
 import type {SettingsNavigatorParamList} from '@navigation/types';
 import AccessOrNotFoundWrapper from '@pages/workspace/AccessOrNotFoundWrapper';
@@ -75,15 +76,7 @@ function CardReconciliationPage({policy, route}: CardReconciliationPageProps) {
 
     const {connection} = route.params;
     const connectionName = getConnectionNameFromRouteParam(connection) as ConnectionName;
-    const connectionConfig = policy?.connections?.[connectionName]?.config;
-    const autoSync = !!(
-        connectionConfig &&
-        'autoSync' in connectionConfig &&
-        connectionConfig.autoSync &&
-        typeof connectionConfig.autoSync === 'object' &&
-        'enabled' in connectionConfig.autoSync &&
-        connectionConfig.autoSync.enabled
-    );
+    const autoSync = hasIntegrationAutoSync(policy, connectionName);
     const shouldShow = !!fullySetUpCardSetting.cardSetting?.paymentBankAccountID;
 
     const handleToggleContinuousReconciliation = (value: boolean) => {