[frontend] feat: add one click deploy on connector detail page

apps/portal-front/app/(public)/cybersecurity-solutions/[slug]/page.tsx

@@ -187,7 +187,7 @@ const Page = async ({ params }: { params: Promise<{ slug: string }> }) => {
     ];
 
     const isConnectorsFeatureEnabled = await isFeatureEnabled(
-      FeatureFlag.CONNECTORS
+      FeatureFlag.CONNECTORS_INTEGRATION_FEEDS
     );
 
     return (

apps/portal-front/src/components/service/document/connector/shareable-resource-connector-slug.tsx

@@ -8,6 +8,7 @@ import {
 import { useTranslations } from 'next-intl';
 
 import { ShareableResourceConnectorDetails } from '@/components/service/document/connector/shareable-resource-connector-details';
+import OneClickDeploy from '@/components/service/document/one-click-deploy/one-click-deploy';
 import ShareableResourceDescription from '@/components/service/document/shareable-resource-description';
 import { ShareableResourceBasicInformation } from '@/components/service/document/ui/shareable-resource-basic-information';
 import BadgeOverflowCounter, {
@@ -32,6 +33,9 @@ const ShareableResourceConnectorSlug: React.FunctionComponent<
 > = ({ documentData, breadcrumbValue, shareUrl, logo }) => {
   const t = useTranslations();
 
+  const shouldDisplayOneClickDeployButton =
+    documentData.manager_supported === 'true';
+
   return (
     <>
       <BreadcrumbNav value={breadcrumbValue} />
@@ -62,6 +66,10 @@ const ShareableResourceConnectorSlug: React.FunctionComponent<
                 documentId={documentData.slug}
                 url={shareUrl}
               />
+
+              {shouldDisplayOneClickDeployButton && (
+                <OneClickDeploy documentData={documentData} />
+              )}
             </div>
           </div>
           <div className="w-full mt-s mb-xs">

apps/portal-front/src/components/service/document/one-click-deploy/useOneClickDeployTab.tsx

@@ -1,6 +1,7 @@
 import { RefreshUserPlatformTokenMutation } from '@/components/registration/register/register.graphql';
 import useExternalTab from '@/hooks/useExternalTab';
 import {
+  isConnectorResource,
   ShareableResource,
   ShareableResourceType,
 } from '@/utils/shareable-resources/shareable-resources.types';
@@ -36,6 +37,10 @@ function computeDeployUrl(
     return `${platformBasePath}/admin/deploy-scenario/${service_instance?.id}/${id}`;
   }
 
+  if (isConnectorResource(documentData)) {
+    return `${platformBasePath}/dashboard/xtm-hub/deploy-connector/${documentData.slug}?openConfig=true`;
+  }
+
   const urlKey = OPENCTI_URL_CONFIGS[type as keyof typeof OPENCTI_URL_CONFIGS];
   return `${platformBasePath}/dashboard/xtm-hub/${urlKey}/${service_instance?.id}/${id}`;
 }

apps/portal-front/src/components/service/integration-feeds/[serviceInstanceId]/integration-feeds-list.tsx

@@ -80,7 +80,7 @@ const IntegrationFeedsList = ({
   } = useServiceListLocalStorage(localStorageKey);
 
   const isConnectorsFeatureFlagEnabled = useIsFeatureEnabled(
-    FeatureFlag.CONNECTORS
+    FeatureFlag.CONNECTORS_INTEGRATION_FEEDS
   );
 
   const filters: ServiceListFilterMap = isConnectorsFeatureFlagEnabled

apps/portal-front/src/utils/constant.ts

@@ -5,5 +5,5 @@ export enum FeatureFlag {
   // dummy feature flag used for testing purposes
   DUMMY = 'DUMMY',
   OPEN_CTI_FREE_TRIAL = 'OPEN_CTI_FREE_TRIAL',
-  CONNECTORS = 'CONNECTORS',
+  CONNECTORS_INTEGRATION_FEEDS = 'CONNECTORS_INTEGRATION_FEEDS',
 }