console: don't allow to setup syncs with API destination

webapps/console/lib/schema/destinations.tsx

@@ -212,6 +212,10 @@ export function getCoreDestinationType(typeId: string): DestinationType {
   return destinationType;
 }
 
+export function getCoreDestinationTypeNonStrict(typeId: string): DestinationType | undefined {
+  return coreDestinationsMap[typeId];
+}
+
 export const ClickhouseCredentials = z.object({
   protocol: z
     .enum(["http", "https", "clickhouse", "clickhouse-secure"])

webapps/console/pages/[workspaceId]/syncs/edit.tsx

@@ -6,6 +6,7 @@ import { ErrorCard, GlobalError } from "../../../components/GlobalError/GlobalEr
 import { useLinksQuery } from "../../../lib/queries";
 import SyncEditorPage from "../../../components/SyncEditorPage/SyncEditorPage";
 import { Redirect } from "../../../components/Redirect/Redirect";
+import { getCoreDestinationTypeNonStrict } from "../../../lib/schema/destinations";
 
 const Loader = () => {
   const workspace = useWorkspace();
@@ -32,13 +33,14 @@ const Loader = () => {
     return <GlobalError title={"Failed to load data from server"} error={result.error} />;
   }
   const [services, destinations, links] = result.data;
+  const bulkerDsts = destinations.filter(d => getCoreDestinationTypeNonStrict(d.destinationType)?.usesBulker);
   //protection from faulty redirects to this page
   if (services.length === 0) {
     return <Redirect href={`/${workspace.slugOrId}/services`} />;
-  } else if (destinations.length === 0) {
+  } else if (bulkerDsts.length === 0) {
     return <Redirect href={`/${workspace.slugOrId}/destinations`} />;
   }
-  return <SyncEditorPage services={services} destinations={destinations} links={links} />;
+  return <SyncEditorPage services={services} destinations={bulkerDsts} links={links} />;
 };
 
 const RootComponent: React.FC = () => {

webapps/console/pages/[workspaceId]/syncs/index.tsx

@@ -42,6 +42,7 @@ import { CodeBlock } from "../../../components/CodeBlock/CodeBlock";
 import { processTaskStatus, TaskStatus } from "./tasks";
 import omit from "lodash/omit";
 import { toURL } from "../../../lib/shared/url";
+import { getCoreDestinationTypeNonStrict } from "../../../lib/schema/destinations";
 
 dayjs.extend(relativeTime);
 dayjs.extend(utc);
@@ -392,18 +393,21 @@ function Syncs(props: RemoteEntitiesProps) {
   const destinationFilter = router.query.destination as string | undefined;
   const srcFilter = router.query.source as string | undefined;
   const workspace = useWorkspace();
-  if (props.services.length == 0 || props.destinations.length == 0) {
+  const bulkerDsts = destinations.filter(d => getCoreDestinationTypeNonStrict(d.destinationType)?.usesBulker);
+
+  if (services.length == 0 || bulkerDsts.length == 0) {
     return (
       <div className="flex flex-col justify-center items-center ">
         <Inbox className="w-16 h-16 text-textDisabled" />
         <div className="text-center mt-12 text text-textLight max-w-4xl">
-          In order to create a sync please create at least one destination and one connector. Currently, you have{" "}
+          In order to create a sync please create at least one connector and destination of <b>data warehouse</b> or{" "}
+          <b>cloud storage</b> type. Currently, you have{" "}
           <Link href={`/${workspace.slug || workspace.id}/destinations`} className="underline">
-            {props.destinations.length} destination{props.destinations.length === 1 ? "" : "s"}
+            {bulkerDsts.length} destination{bulkerDsts.length === 1 ? "" : "s"}
           </Link>{" "}
           and{" "}
           <Link href={`/${workspace.slug || workspace.id}/services`} className="underline">
-            {props.services.length} connector{props.services.length === 1 ? "" : "s"}
+            {services.length} connector{services.length === 1 ? "" : "s"}
           </Link>{" "}
           configured
         </div>