feat: add expand parameter to getResponses API for enriched data

.env.example

@@ -38,15 +38,6 @@ LOG_LEVEL=info
 
 DATABASE_URL='postgresql://postgres:postgres@localhost:5432/formbricks?schema=public'
 
-#################
-#  HUB (DEV)    #
-#################
-# The dev stack (pnpm db:up / pnpm go) runs Formbricks Hub on port 8080.
-# Set explicitly to avoid confusion; override as needed when using docker-compose.dev.yml.
-HUB_API_KEY=dev-api-key
-HUB_API_URL=http://localhost:8080
-HUB_DATABASE_URL=postgresql://postgres:postgres@postgres:5432/postgres?sslmode=disable
-
 ################
 #  MAIL SETUP  #
 ################
@@ -193,13 +184,8 @@ ENTERPRISE_LICENSE_KEY=
 # Ignore Rate Limiting across the Formbricks app
 # RATE_LIMITING_DISABLED=1
 
-# OpenTelemetry OTLP endpoint (base URL, exporters append /v1/traces and /v1/metrics)
-# OTEL_EXPORTER_OTLP_ENDPOINT=http://localhost:4318
-# OTEL_EXPORTER_OTLP_PROTOCOL=http/protobuf
-# OTEL_SERVICE_NAME=formbricks
-# OTEL_RESOURCE_ATTRIBUTES=deployment.environment=development
-# OTEL_TRACES_SAMPLER=parentbased_traceidratio
-# OTEL_TRACES_SAMPLER_ARG=1
+# OpenTelemetry URL for tracing
+# OPENTELEMETRY_LISTENER_URL=http://localhost:4318/v1/traces
 
 # Unsplash API Key
 UNSPLASH_ACCESS_KEY=

.github/workflows/release-helm-chart.yml

@@ -65,8 +65,8 @@ jobs:
           set -euo pipefail
 
           echo "Updating Chart.yaml with version: ${VERSION}"
-          yq -i ".version = \"${VERSION}\"" charts/formbricks/Chart.yaml
-          yq -i ".appVersion = \"${VERSION}\"" charts/formbricks/Chart.yaml
+          yq -i ".version = \"${VERSION}\"" helm-chart/Chart.yaml
+          yq -i ".appVersion = \"${VERSION}\"" helm-chart/Chart.yaml
 
           echo "✅ Successfully updated Chart.yaml"
 
@@ -77,7 +77,7 @@ jobs:
           set -euo pipefail
 
           echo "Packaging Helm chart version: ${VERSION}"
-          helm package ./charts/formbricks
+          helm package ./helm-chart
 
           echo "✅ Successfully packaged formbricks-${VERSION}.tgz"
 

.github/workflows/sonarqube.yml

@@ -9,7 +9,6 @@ on:
   merge_group:
 permissions:
   contents: read
-  pull-requests: read
 jobs:
   sonarqube:
     name: SonarQube
@@ -51,9 +50,6 @@ jobs:
           pnpm test:coverage
       - name: SonarQube Scan
         uses: SonarSource/sonarqube-scan-action@2500896589ef8f7247069a56136f8dc177c27ccf
-        with:
-          args: >
-            -Dsonar.verbose=true
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} # Needed to get PR information, if any
           SONAR_TOKEN: ${{ secrets.SONAR_TOKEN }}

.github/workflows/translation-check.yml

@@ -32,20 +32,21 @@ jobs:
         with:
           egress-policy: audit
 
-      - uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683 # v4.2.2
-        with:
-          fetch-depth: 0 # Shallow clones should be disabled for a better relevancy of analysis
+      - name: Checkout repository
+        uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683 # v4.2.2
 
-      - name: Setup Node.js 22.x
-        uses: actions/setup-node@39370e3970a6d050c480ffad4ff0ed4d3fdee5af
+      - name: Setup Node.js
+        uses: actions/setup-node@1d0ff469b7ec7b3cb9d8673fde0c81c44821de2a # v4.2.0
         with:
-          node-version: 22.x
+          node-version: 18
 
-      - name: Install pnpm
-        uses: pnpm/action-setup@a7487c7e89a18df4991f7f222e4898a00d66ddda # v4.1.0
+      - name: Setup pnpm
+        uses: pnpm/action-setup@a3252b78c470c02df07e9d59298aecedc3ccdd6d # v3.0.0
+        with:
+          version: 9.15.9
 
       - name: Install dependencies
-        run: pnpm install --config.platform=linux --config.architecture=x64
+        run: pnpm install --frozen-lockfile
 
       - name: Validate translation keys
         run: |

.gitignore

@@ -13,7 +13,6 @@
 **/.next/
 **/out/
 **/build
-**/next-env.d.ts
 
 # node
 **/dist/
@@ -64,5 +63,3 @@ packages/ios/FormbricksSDK/FormbricksSDK.xcodeproj/project.xcworkspace/xcuserdat
 .cursorrules
 i18n.cache
 stats.html
-# next-agents-md
-.next-docs/

apps/storybook/package.json

@@ -23,7 +23,7 @@
     "@tailwindcss/vite": "4.1.18",
     "@typescript-eslint/parser": "8.53.0",
     "@vitejs/plugin-react": "5.1.2",
-    "esbuild": "0.25.12",
+    "esbuild": "0.27.2",
     "eslint-plugin-react-refresh": "0.4.26",
     "eslint-plugin-storybook": "10.1.11",
     "prop-types": "15.8.1",

apps/web/.eslintrc.js

@@ -1,4 +1,20 @@
 module.exports = {
   extends: ["@formbricks/eslint-config/legacy-next.js"],
   ignorePatterns: ["**/package.json", "**/tsconfig.json"],
+  overrides: [
+    {
+      files: ["locales/*.json"],
+      plugins: ["i18n-json"],
+      rules: {
+        "i18n-json/identical-keys": [
+          "error",
+          {
+            filePath: require("path").join(__dirname, "locales", "en-US.json"),
+            checkExtraKeys: false,
+            checkMissingKeys: true,
+          },
+        ],
+      },
+    },
+  ],
 };

apps/web/Dockerfile

@@ -1,4 +1,4 @@
-FROM node:24-alpine3.23 AS base
+FROM node:22-alpine3.22 AS base
 
 #
 ## step 1: Prune monorepo
@@ -20,7 +20,7 @@ FROM base AS installer
 # Enable corepack and prepare pnpm
 RUN npm install --ignore-scripts -g corepack@latest 
 RUN corepack enable
-RUN corepack prepare pnpm@10.28.2 --activate
+RUN corepack prepare pnpm@9.15.9 --activate
 
 # Install necessary build tools and compilers
 RUN apk update && apk add --no-cache cmake g++ gcc jq make openssl-dev python3
@@ -69,14 +69,20 @@ RUN --mount=type=secret,id=database_url \
     --mount=type=secret,id=sentry_auth_token \
     /tmp/read-secrets.sh pnpm build --filter=@formbricks/web...
 
+# Extract Prisma version
+RUN jq -r '.devDependencies.prisma' packages/database/package.json > /prisma_version.txt
+
 #
 ## step 3: setup production runner
 #
 FROM base AS runner
 
-# Update npm to latest, then create user
-# Note: npm's bundled tar has a known vulnerability but npm is only used during build, not at runtime
-RUN npm install --ignore-scripts -g npm@latest \
+RUN npm install --ignore-scripts -g corepack@latest && \
+    corepack enable
+
+RUN apk add --no-cache curl \
+    && apk add --no-cache supercronic \
+    # && addgroup --system --gid 1001 nodejs \
     && addgroup -S nextjs \
     && adduser -S -u 1001 -G nextjs nextjs
 
@@ -107,44 +113,25 @@ RUN chown nextjs:nextjs ./packages/database/schema.prisma && chmod 644 ./package
 COPY --from=installer /app/packages/database/dist ./packages/database/dist
 RUN chown -R nextjs:nextjs ./packages/database/dist && chmod -R 755 ./packages/database/dist
 
-# Copy prisma client packages
 COPY --from=installer /app/node_modules/@prisma/client ./node_modules/@prisma/client
 RUN chown -R nextjs:nextjs ./node_modules/@prisma/client && chmod -R 755 ./node_modules/@prisma/client
 
 COPY --from=installer /app/node_modules/.prisma ./node_modules/.prisma
 RUN chown -R nextjs:nextjs ./node_modules/.prisma && chmod -R 755 ./node_modules/.prisma
 
+COPY --from=installer /prisma_version.txt .
+RUN chown nextjs:nextjs ./prisma_version.txt && chmod 644 ./prisma_version.txt
+
 COPY --from=installer /app/node_modules/@paralleldrive/cuid2 ./node_modules/@paralleldrive/cuid2
 RUN chmod -R 755 ./node_modules/@paralleldrive/cuid2
 
-COPY --from=installer /app/node_modules/uuid ./node_modules/uuid
-RUN chmod -R 755 ./node_modules/uuid
-
 COPY --from=installer /app/node_modules/@noble/hashes ./node_modules/@noble/hashes
 RUN chmod -R 755 ./node_modules/@noble/hashes
 
 COPY --from=installer /app/node_modules/zod ./node_modules/zod
 RUN chmod -R 755 ./node_modules/zod
 
-# Pino loads transport code in worker threads via dynamic require().
-# Next.js file tracing only traces static imports, missing runtime-loaded files
-# (e.g. pino/lib/transport-stream.js, transport targets).
-# Copy the full packages to ensure all runtime files are available.
-COPY --from=installer /app/node_modules/pino ./node_modules/pino
-RUN chmod -R 755 ./node_modules/pino
-
-COPY --from=installer /app/node_modules/pino-opentelemetry-transport ./node_modules/pino-opentelemetry-transport
-RUN chmod -R 755 ./node_modules/pino-opentelemetry-transport
-
-COPY --from=installer /app/node_modules/pino-abstract-transport ./node_modules/pino-abstract-transport
-RUN chmod -R 755 ./node_modules/pino-abstract-transport
-
-COPY --from=installer /app/node_modules/otlp-logger ./node_modules/otlp-logger
-RUN chmod -R 755 ./node_modules/otlp-logger
-
-# Install prisma CLI globally for database migrations and fix permissions for nextjs user
-RUN npm install --ignore-scripts -g prisma@6 \
-    && chown -R nextjs:nextjs /usr/local/lib/node_modules/prisma
+RUN npm install -g prisma@6
 
 # Create a startup script to handle the conditional logic
 COPY --from=installer /app/apps/web/scripts/docker/next-start.sh /home/nextjs/start.sh
@@ -154,8 +141,10 @@ EXPOSE 3000
 ENV HOSTNAME="0.0.0.0"
 USER nextjs
 
+# Prepare pnpm as the nextjs user to ensure it's available at runtime
 # Prepare volumes for uploads and SAML connections
-RUN mkdir -p /home/nextjs/apps/web/uploads/ && \
+RUN corepack prepare pnpm@9.15.9 --activate && \
+    mkdir -p /home/nextjs/apps/web/uploads/ && \
     mkdir -p /home/nextjs/apps/web/saml-connection
 
 VOLUME /home/nextjs/apps/web/uploads/

apps/web/app/(app)/(onboarding)/environments/[environmentId]/xm-templates/lib/utils.test.ts

@@ -25,7 +25,7 @@ const mockProject: TProject = {
   },
   placement: "bottomRight",
   clickOutsideClose: true,
-  overlay: "none",
+  darkOverlay: false,
   environments: [],
   languages: [],
   logo: null,

apps/web/app/(app)/(onboarding)/organizations/[organizationId]/workspaces/new/settings/components/ProjectSettings.tsx

@@ -3,7 +3,7 @@
 import { zodResolver } from "@hookform/resolvers/zod";
 import Image from "next/image";
 import { useRouter } from "next/navigation";
-import { useMemo, useState } from "react";
+import { useState } from "react";
 import { useForm } from "react-hook-form";
 import { toast } from "react-hot-toast";
 import { useTranslation } from "react-i18next";
@@ -17,7 +17,6 @@ import {
 import { createProjectAction } from "@/app/(app)/environments/[environmentId]/actions";
 import { previewSurvey } from "@/app/lib/templates";
 import { FORMBRICKS_SURVEYS_FILTERS_KEY_LS } from "@/lib/localStorage";
-import { buildStylingFromBrandColor } from "@/lib/styling/constants";
 import { getFormattedErrorMessage } from "@/lib/utils/helper";
 import { TOrganizationTeam } from "@/modules/ee/teams/project-teams/types/team";
 import { CreateTeamModal } from "@/modules/ee/teams/team-list/components/create-team-modal";
@@ -65,17 +64,10 @@ export const ProjectSettings = ({
   const { t } = useTranslation();
   const addProject = async (data: TProjectUpdateInput) => {
     try {
-      // Build the full styling from the chosen brand color so all derived
-      // colours (question, button, input, option, progress, etc.) are persisted.
-      // Without this, only brandColor is saved and the look-and-feel page falls
-      // back to STYLE_DEFAULTS computed from the default brand (#64748b).
-      const fullStyling = buildStylingFromBrandColor(data.styling?.brandColor?.light);
-
       const createProjectResponse = await createProjectAction({
         organizationId,
         data: {
           ...data,
-          styling: fullStyling,
           config: { channel, industry },
           teamIds: data.teamIds,
         },
@@ -120,7 +112,6 @@ export const ProjectSettings = ({
   const projectName = form.watch("name");
   const logoUrl = form.watch("logo.url");
   const brandColor = form.watch("styling.brandColor.light") ?? defaultBrandColor;
-  const previewStyling = useMemo(() => buildStylingFromBrandColor(brandColor), [brandColor]);
   const { isSubmitting } = form.formState;
 
   const organizationTeamsOptions = organizationTeams.map((team) => ({
@@ -235,7 +226,7 @@ export const ProjectSettings = ({
             alt="Logo"
             width={256}
             height={56}
-            className="absolute left-2 top-2 -mb-6 h-20 w-auto max-w-64 rounded-lg border object-contain p-1"
+            className="absolute top-2 left-2 -mb-6 h-20 w-auto max-w-64 rounded-lg border object-contain p-1"
           />
         )}
         <p className="text-sm text-slate-400">{t("common.preview")}</p>
@@ -244,7 +235,7 @@ export const ProjectSettings = ({
             appUrl={publicDomain}
             isPreviewMode={true}
             survey={previewSurvey(projectName || "my Product", t)}
-            styling={previewStyling}
+            styling={{ brandColor: { light: brandColor } }}
             isBrandingEnabled={false}
             languageCode="default"
             onFileUpload={async (file) => file.name}

apps/web/app/(app)/environments/[environmentId]/actions.ts

@@ -2,7 +2,7 @@
 
 import { z } from "zod";
 import { ZId } from "@formbricks/types/common";
-import { AuthorizationError, OperationNotAllowedError } from "@formbricks/types/errors";
+import { OperationNotAllowedError } from "@formbricks/types/errors";
 import { ZProjectUpdateInput } from "@formbricks/types/project";
 import { getMembershipByUserIdOrganizationId } from "@/lib/membership/service";
 import { getOrganization } from "@/lib/organization/service";
@@ -138,7 +138,7 @@ export const getProjectsForSwitcherAction = authenticatedActionClient
     // Need membership for getProjectsByUserId (1 DB query)
     const membership = await getMembershipByUserIdOrganizationId(ctx.user.id, parsedInput.organizationId);
     if (!membership) {
-      throw new AuthorizationError("Membership not found");
+      throw new Error("Membership not found");
     }
 
     return await getProjectsByUserId(ctx.user.id, membership);

apps/web/app/(app)/environments/[environmentId]/components/EnvironmentLayout.tsx

@@ -36,7 +36,7 @@ export const EnvironmentLayout = async ({ layoutData, children }: EnvironmentLay
   // Calculate derived values (no queries)
   const { isMember, isOwner, isManager } = getAccessFlags(membership.role);
 
-  const { features, lastChecked, isPendingDowngrade, active, status } = license;
+  const { features, lastChecked, isPendingDowngrade, active } = license;
   const isMultiOrgEnabled = features?.isMultiOrgEnabled ?? false;
   const organizationProjectsLimit = await getOrganizationProjectsLimit(organization.billing.limits);
   const isOwnerOrManager = isOwner || isManager;
@@ -63,7 +63,6 @@ export const EnvironmentLayout = async ({ layoutData, children }: EnvironmentLay
         active={active}
         environmentId={environment.id}
         locale={user.locale}
-        status={status}
       />
 
       <div className="flex h-full">

apps/web/app/(app)/environments/[environmentId]/components/MainNavigation.tsx

@@ -9,7 +9,6 @@ import {
   PanelLeftCloseIcon,
   PanelLeftOpenIcon,
   RocketIcon,
-  ShapesIcon,
   UserCircleIcon,
   UserIcon,
 } from "lucide-react";
@@ -100,7 +99,7 @@ export const MainNavigation = ({
   const mainNavigation = useMemo(
     () => [
       {
-        name: t("common.ask"),
+        name: t("common.surveys"),
         href: `/environments/${environment.id}/surveys`,
         icon: MessageCircle,
         isActive: pathname?.includes("/surveys"),
@@ -108,21 +107,12 @@ export const MainNavigation = ({
       },
       {
         href: `/environments/${environment.id}/contacts`,
-        name: t("common.distribute"),
+        name: t("common.contacts"),
         icon: UserIcon,
-        isActive:
-          pathname?.includes("/contacts") ||
-          pathname?.includes("/segments") ||
-          pathname?.includes("/attributes"),
+        isActive: pathname?.includes("/contacts") || pathname?.includes("/segments"),
       },
       {
-        name: t("common.unify"),
-        href: `/environments/${environment.id}/workspace/unify`,
-        icon: ShapesIcon,
-        isActive: pathname?.includes("/unify") && !pathname?.includes("/analyze"),
-      },
-      {
-        name: t("common.configure"),
+        name: t("common.configuration"),
         href: `/environments/${environment.id}/workspace/general`,
         icon: Cog,
         isActive: pathname?.includes("/project"),
@@ -195,7 +185,7 @@ export const MainNavigation = ({
                 size="icon"
                 onClick={toggleSidebar}
                 className={cn(
-                  "rounded-xl bg-slate-50 p-1 text-slate-600 transition-all hover:bg-slate-100 focus:outline-none focus:ring-0 focus:ring-transparent"
+                  "rounded-xl bg-slate-50 p-1 text-slate-600 transition-all hover:bg-slate-100 focus:ring-0 focus:ring-transparent focus:outline-none"
                 )}>
                 {isCollapsed ? (
                   <PanelLeftOpenIcon strokeWidth={1.5} />

apps/web/app/(app)/environments/[environmentId]/components/project-breadcrumb.tsx

@@ -133,11 +133,6 @@ export const ProjectBreadcrumb = ({
       label: t("common.tags"),
       href: `/environments/${currentEnvironmentId}/workspace/tags`,
     },
-    {
-      id: "unify",
-      label: t("common.unify"),
-      href: `/environments/${currentEnvironmentId}/workspace/unify`,
-    },
   ];
 
   if (!currentProject) {

apps/web/app/(app)/environments/[environmentId]/layout.tsx

@@ -11,12 +11,6 @@ const EnvLayout = async (props: {
   children: React.ReactNode;
 }) => {
   const params = await props.params;
-  const { environmentId } = params;
-
-  if (environmentId === "undefined") {
-    return redirect("/");
-  }
-
   const { children } = props;
 
   // Check session first (required for userId)

apps/web/app/(app)/environments/[environmentId]/settings/(account)/profile/actions.ts

@@ -58,7 +58,7 @@ async function handleEmailUpdate({
     payload.email = inputEmail;
     await updateBrevoCustomer({ id: ctx.user.id, email: inputEmail });
   } else {
-    await sendVerificationNewEmail(ctx.user.id, inputEmail, ctx.user.locale);
+    await sendVerificationNewEmail(ctx.user.id, inputEmail);
   }
   return payload;
 }

apps/web/app/(app)/environments/[environmentId]/settings/(organization)/enterprise/components/EnterpriseLicenseStatus.tsx

@@ -1,142 +0,0 @@
-"use client";
-
-import { TFunction } from "i18next";
-import { RotateCcwIcon } from "lucide-react";
-import { useRouter } from "next/navigation";
-import { useState } from "react";
-import toast from "react-hot-toast";
-import { useTranslation } from "react-i18next";
-import { recheckLicenseAction } from "@/modules/ee/license-check/actions";
-import { Alert, AlertDescription } from "@/modules/ui/components/alert";
-import { Badge } from "@/modules/ui/components/badge";
-import { Button } from "@/modules/ui/components/button";
-import { SettingsCard } from "../../../components/SettingsCard";
-
-type LicenseStatus = "active" | "expired" | "unreachable" | "invalid_license";
-
-interface EnterpriseLicenseStatusProps {
-  status: LicenseStatus;
-  gracePeriodEnd?: Date;
-  environmentId: string;
-}
-
-const getBadgeConfig = (
-  status: LicenseStatus,
-  t: TFunction
-): { type: "success" | "error" | "warning" | "gray"; label: string } => {
-  switch (status) {
-    case "active":
-      return { type: "success", label: t("environments.settings.enterprise.license_status_active") };
-    case "expired":
-      return { type: "error", label: t("environments.settings.enterprise.license_status_expired") };
-    case "unreachable":
-      return { type: "warning", label: t("environments.settings.enterprise.license_status_unreachable") };
-    case "invalid_license":
-      return { type: "error", label: t("environments.settings.enterprise.license_status_invalid") };
-    default:
-      return { type: "gray", label: t("environments.settings.enterprise.license_status") };
-  }
-};
-
-export const EnterpriseLicenseStatus = ({
-  status,
-  gracePeriodEnd,
-  environmentId,
-}: EnterpriseLicenseStatusProps) => {
-  const { t } = useTranslation();
-  const router = useRouter();
-  const [isRechecking, setIsRechecking] = useState(false);
-
-  const handleRecheck = async () => {
-    setIsRechecking(true);
-    try {
-      const result = await recheckLicenseAction({ environmentId });
-      if (result?.serverError) {
-        toast.error(result.serverError || t("environments.settings.enterprise.recheck_license_failed"));
-        return;
-      }
-
-      if (result?.data) {
-        if (result.data.status === "unreachable") {
-          toast.error(t("environments.settings.enterprise.recheck_license_unreachable"));
-        } else if (result.data.status === "invalid_license") {
-          toast.error(t("environments.settings.enterprise.recheck_license_invalid"));
-        } else {
-          toast.success(t("environments.settings.enterprise.recheck_license_success"));
-        }
-        router.refresh();
-      } else {
-        toast.error(t("environments.settings.enterprise.recheck_license_failed"));
-      }
-    } catch (error) {
-      toast.error(
-        error instanceof Error ? error.message : t("environments.settings.enterprise.recheck_license_failed")
-      );
-    } finally {
-      setIsRechecking(false);
-    }
-  };
-
-  const badgeConfig = getBadgeConfig(status, t);
-
-  return (
-    <SettingsCard
-      title={t("environments.settings.enterprise.license_status")}
-      description={t("environments.settings.enterprise.license_status_description")}>
-      <div className="flex flex-col gap-4">
-        <div className="flex items-center justify-between gap-3">
-          <div className="flex flex-col gap-1.5">
-            <Badge type={badgeConfig.type} text={badgeConfig.label} size="normal" className="w-fit" />
-          </div>
-          <Button
-            type="button"
-            variant="outline"
-            size="sm"
-            onClick={handleRecheck}
-            disabled={isRechecking}
-            className="shrink-0">
-            {isRechecking ? (
-              <>
-                <RotateCcwIcon className="mr-2 h-4 w-4 animate-spin" />
-                {t("environments.settings.enterprise.rechecking")}
-              </>
-            ) : (
-              <>
-                <RotateCcwIcon className="mr-2 h-4 w-4" />
-                {t("environments.settings.enterprise.recheck_license")}
-              </>
-            )}
-          </Button>
-        </div>
-        {status === "unreachable" && gracePeriodEnd && (
-          <Alert variant="warning" size="small">
-            <AlertDescription className="overflow-visible whitespace-normal">
-              {t("environments.settings.enterprise.license_unreachable_grace_period", {
-                gracePeriodEnd: new Date(gracePeriodEnd).toLocaleDateString(undefined, {
-                  year: "numeric",
-                  month: "short",
-                  day: "numeric",
-                }),
-              })}
-            </AlertDescription>
-          </Alert>
-        )}
-        {status === "invalid_license" && (
-          <Alert variant="error" size="small">
-            <AlertDescription className="overflow-visible whitespace-normal">
-              {t("environments.settings.enterprise.license_invalid_description")}
-            </AlertDescription>
-          </Alert>
-        )}
-        <p className="border-t border-slate-100 pt-4 text-sm text-slate-500">
-          {t("environments.settings.enterprise.questions_please_reach_out_to")}{" "}
-          <a
-            className="font-medium text-slate-700 underline hover:text-slate-900"
-            href="mailto:hola@formbricks.com">
-            hola@formbricks.com
-          </a>
-        </p>
-      </div>
-    </SettingsCard>
-  );
-};

apps/web/app/(app)/environments/[environmentId]/settings/(organization)/enterprise/page.tsx

@@ -2,10 +2,9 @@ import { CheckIcon } from "lucide-react";
 import Link from "next/link";
 import { notFound } from "next/navigation";
 import { OrganizationSettingsNavbar } from "@/app/(app)/environments/[environmentId]/settings/(organization)/components/OrganizationSettingsNavbar";
-import { EnterpriseLicenseStatus } from "@/app/(app)/environments/[environmentId]/settings/(organization)/enterprise/components/EnterpriseLicenseStatus";
 import { IS_FORMBRICKS_CLOUD } from "@/lib/constants";
 import { getTranslate } from "@/lingodotdev/server";
-import { GRACE_PERIOD_MS, getEnterpriseLicense } from "@/modules/ee/license-check/lib/license";
+import { getEnterpriseLicense } from "@/modules/ee/license-check/lib/license";
 import { getEnvironmentAuth } from "@/modules/environments/lib/utils";
 import { Button } from "@/modules/ui/components/button";
 import { PageContentWrapper } from "@/modules/ui/components/page-content-wrapper";
@@ -26,8 +25,7 @@ const Page = async (props) => {
     return notFound();
   }
 
-  const licenseState = await getEnterpriseLicense();
-  const hasLicense = licenseState.status !== "no-license";
+  const { active: isEnterpriseEdition } = await getEnterpriseLicense();
 
   const paidFeatures = [
     {
@@ -92,22 +90,35 @@ const Page = async (props) => {
           activeId="enterprise"
         />
       </PageHeader>
-      {hasLicense ? (
-        <EnterpriseLicenseStatus
-          status={licenseState.status as "active" | "expired" | "unreachable" | "invalid_license"}
-          gracePeriodEnd={
-            licenseState.status === "unreachable"
-              ? new Date(licenseState.lastChecked.getTime() + GRACE_PERIOD_MS)
-              : undefined
-          }
-          environmentId={params.environmentId}
-        />
+      {isEnterpriseEdition ? (
+        <div>
+          <div className="mt-8 max-w-4xl rounded-lg border border-slate-300 bg-slate-100 shadow-sm">
+            <div className="space-y-4 p-8">
+              <div className="flex items-center gap-x-2">
+                <div className="rounded-full border border-green-300 bg-green-100 p-0.5 dark:bg-green-800">
+                  <CheckIcon className="h-5 w-5 p-0.5 text-green-500 dark:text-green-400" />
+                </div>
+                <p className="text-slate-800">
+                  {t(
+                    "environments.settings.enterprise.your_enterprise_license_is_active_all_features_unlocked"
+                  )}
+                </p>
+              </div>
+              <p className="text-sm text-slate-500">
+                {t("environments.settings.enterprise.questions_please_reach_out_to")}{" "}
+                <a className="font-semibold underline" href="mailto:hola@formbricks.com">
+                  hola@formbricks.com
+                </a>
+              </p>
+            </div>
+          </div>
+        </div>
       ) : (
         <div>
           <div className="relative isolate mt-8 overflow-hidden rounded-lg bg-slate-900 px-3 pt-8 shadow-2xl sm:px-8 md:pt-12 lg:flex lg:gap-x-10 lg:px-12 lg:pt-0">
             <svg
               viewBox="0 0 1024 1024"
-              className="absolute left-1/2 top-1/2 -z-10 h-[64rem] w-[64rem] -translate-y-1/2 [mask-image:radial-gradient(closest-side,white,transparent)] sm:left-full sm:-ml-80 lg:left-1/2 lg:ml-0 lg:-translate-x-1/2 lg:translate-y-0"
+              className="absolute top-1/2 left-1/2 -z-10 h-[64rem] w-[64rem] -translate-y-1/2 [mask-image:radial-gradient(closest-side,white,transparent)] sm:left-full sm:-ml-80 lg:left-1/2 lg:ml-0 lg:-translate-x-1/2 lg:translate-y-0"
               aria-hidden="true">
               <circle
                 cx={512}
@@ -142,8 +153,8 @@ const Page = async (props) => {
                 {t("environments.settings.enterprise.enterprise_features")}
               </h2>
               <ul className="my-4 space-y-4">
-                {paidFeatures.map((feature) => (
-                  <li key={feature.title} className="flex items-center">
+                {paidFeatures.map((feature, index) => (
+                  <li key={index} className="flex items-center">
                     <div className="rounded-full border border-green-300 bg-green-100 p-0.5 dark:bg-green-800">
                       <CheckIcon className="h-5 w-5 p-0.5 text-green-500 dark:text-green-400" />
                     </div>

apps/web/app/(app)/environments/[environmentId]/settings/(organization)/general/components/DeleteOrganization.tsx

@@ -7,7 +7,6 @@ import { useTranslation } from "react-i18next";
 import { TOrganization } from "@formbricks/types/organizations";
 import { deleteOrganizationAction } from "@/app/(app)/environments/[environmentId]/settings/(organization)/general/actions";
 import { FORMBRICKS_ENVIRONMENT_ID_LS } from "@/lib/localStorage";
-import { getFormattedErrorMessage } from "@/lib/utils/helper";
 import { Alert, AlertDescription } from "@/modules/ui/components/alert";
 import { Button } from "@/modules/ui/components/button";
 import { DeleteDialog } from "@/modules/ui/components/delete-dialog";
@@ -33,12 +32,7 @@ export const DeleteOrganization = ({
     setIsDeleting(true);
 
     try {
-      const result = await deleteOrganizationAction({ organizationId: organization.id });
-      if (result?.serverError) {
-        toast.error(getFormattedErrorMessage(result));
-        setIsDeleting(false);
-        return;
-      }
+      await deleteOrganizationAction({ organizationId: organization.id });
       toast.success(t("environments.settings.general.organization_deleted_successfully"));
       if (typeof localStorage !== "undefined") {
         localStorage.removeItem(FORMBRICKS_ENVIRONMENT_ID_LS);

apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/(analysis)/responses/components/ResponseTableColumns.tsx

@@ -316,14 +316,6 @@ export const generateResponseTableColumns = (
     },
   };
 
-  const responseIdColumn: ColumnDef<TResponseTableData> = {
-    accessorKey: "responseId",
-    header: () => <div className="gap-x-1.5">{t("common.response_id")}</div>,
-    cell: ({ row }) => {
-      return <IdBadge id={row.original.responseId} />;
-    },
-  };
-
   const quotasColumn: ColumnDef<TResponseTableData> = {
     accessorKey: "quota",
     header: t("common.quota"),
@@ -422,7 +414,6 @@ export const generateResponseTableColumns = (
   const baseColumns = [
     personColumn,
     singleUseIdColumn,
-    responseIdColumn,
     dateColumn,
     ...(showQuotasColumn ? [quotasColumn] : []),
     statusColumn,

apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/(analysis)/summary/actions.ts

@@ -58,7 +58,6 @@ export const sendEmbedSurveyPreviewEmailAction = authenticatedActionClient
       ctx.user.email,
       emailHtml,
       survey.environmentId,
-      ctx.user.locale,
       organizationLogoUrl || ""
     );
   });

apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/(analysis)/summary/components/FileUploadSummary.tsx

@@ -8,7 +8,7 @@ import { TSurvey, TSurveyElementSummaryFileUpload } from "@formbricks/types/surv
 import { TUserLocale } from "@formbricks/types/user";
 import { timeSince } from "@/lib/time";
 import { getContactIdentifier } from "@/lib/utils/contact";
-import { getOriginalFileNameFromUrl } from "@/modules/storage/url-helpers";
+import { getOriginalFileNameFromUrl } from "@/modules/storage/utils";
 import { PersonAvatar } from "@/modules/ui/components/avatars";
 import { Button } from "@/modules/ui/components/button";
 import { EmptyState } from "@/modules/ui/components/empty-state";

apps/web/app/(app)/environments/[environmentId]/workspace/integrations/airtable/components/AddIntegrationModal.tsx

@@ -21,7 +21,6 @@ import { createOrUpdateIntegrationAction } from "@/app/(app)/environments/[envir
 import { BaseSelectDropdown } from "@/app/(app)/environments/[environmentId]/workspace/integrations/airtable/components/BaseSelectDropdown";
 import { fetchTables } from "@/app/(app)/environments/[environmentId]/workspace/integrations/airtable/lib/airtable";
 import AirtableLogo from "@/images/airtableLogo.svg";
-import { getFormattedErrorMessage } from "@/lib/utils/helper";
 import { recallToHeadline } from "@/lib/utils/recall";
 import { getElementsFromBlocks } from "@/modules/survey/lib/client-utils";
 import { AdditionalIntegrationSettings } from "@/modules/ui/components/additional-integration-settings";
@@ -269,14 +268,7 @@ export const AddIntegrationModal = ({
         airtableIntegrationData.config?.data.push(integrationData);
       }
 
-      const result = await createOrUpdateIntegrationAction({
-        environmentId,
-        integrationData: airtableIntegrationData,
-      });
-      if (result?.serverError) {
-        toast.error(getFormattedErrorMessage(result));
-        return;
-      }
+      await createOrUpdateIntegrationAction({ environmentId, integrationData: airtableIntegrationData });
       if (isEditMode) {
         toast.success(t("environments.integrations.integration_updated_successfully"));
       } else {
@@ -312,11 +304,7 @@ export const AddIntegrationModal = ({
       const integrationData = structuredClone(airtableIntegrationData);
       integrationData.config.data.splice(index, 1);
 
-      const result = await createOrUpdateIntegrationAction({ environmentId, integrationData });
-      if (result?.serverError) {
-        toast.error(getFormattedErrorMessage(result));
-        return;
-      }
+      await createOrUpdateIntegrationAction({ environmentId, integrationData });
       handleClose();
       router.refresh();
 

apps/web/app/(app)/environments/[environmentId]/workspace/integrations/google-sheets/components/AddIntegrationModal.tsx

@@ -165,14 +165,7 @@ export const AddIntegrationModal = ({
         // create action
         googleSheetIntegrationData.config.data.push(integrationData);
       }
-      const result = await createOrUpdateIntegrationAction({
-        environmentId,
-        integrationData: googleSheetIntegrationData,
-      });
-      if (result?.serverError) {
-        toast.error(getFormattedErrorMessage(result));
-        return;
-      }
+      await createOrUpdateIntegrationAction({ environmentId, integrationData: googleSheetIntegrationData });
       if (selectedIntegration) {
         toast.success(t("environments.integrations.integration_updated_successfully"));
       } else {
@@ -212,14 +205,7 @@ export const AddIntegrationModal = ({
     googleSheetIntegrationData.config.data.splice(selectedIntegration!.index, 1);
     try {
       setIsDeleting(true);
-      const result = await createOrUpdateIntegrationAction({
-        environmentId,
-        integrationData: googleSheetIntegrationData,
-      });
-      if (result?.serverError) {
-        toast.error(getFormattedErrorMessage(result));
-        return;
-      }
+      await createOrUpdateIntegrationAction({ environmentId, integrationData: googleSheetIntegrationData });
       toast.success(t("environments.integrations.integration_removed_successfully"));
       setOpen(false);
     } catch (error) {
@@ -280,7 +266,7 @@ export const AddIntegrationModal = ({
                 <div className="space-y-4">
                   <div>
                     <Label htmlFor="Surveys">{t("common.questions")}</Label>
-                    <div className="mt-1 max-h-[15vh] overflow-y-auto overflow-x-hidden rounded-lg border border-slate-200">
+                    <div className="mt-1 max-h-[15vh] overflow-x-hidden overflow-y-auto rounded-lg border border-slate-200">
                       <div className="grid content-center rounded-lg bg-slate-50 p-3 text-left text-sm text-slate-900">
                         {surveyElements.map((question) => (
                           <div key={question.id} className="my-1 flex items-center space-x-2">

apps/web/app/(app)/environments/[environmentId]/workspace/integrations/notion/components/AddIntegrationModal.tsx

@@ -22,7 +22,6 @@ import {
   createEmptyMapping,
 } from "@/app/(app)/environments/[environmentId]/workspace/integrations/notion/components/MappingRow";
 import NotionLogo from "@/images/notion.png";
-import { getFormattedErrorMessage } from "@/lib/utils/helper";
 import { recallToHeadline } from "@/lib/utils/recall";
 import { getElementsFromBlocks } from "@/modules/survey/lib/client-utils";
 import { Button } from "@/modules/ui/components/button";
@@ -218,14 +217,7 @@ export const AddIntegrationModal = ({
         notionIntegrationData.config.data.push(integrationData);
       }
 
-      const result = await createOrUpdateIntegrationAction({
-        environmentId,
-        integrationData: notionIntegrationData,
-      });
-      if (result?.serverError) {
-        toast.error(getFormattedErrorMessage(result));
-        return;
-      }
+      await createOrUpdateIntegrationAction({ environmentId, integrationData: notionIntegrationData });
       if (selectedIntegration) {
         toast.success(t("environments.integrations.integration_updated_successfully"));
       } else {
@@ -244,14 +236,7 @@ export const AddIntegrationModal = ({
     notionIntegrationData.config.data.splice(selectedIntegration!.index, 1);
     try {
       setIsDeleting(true);
-      const result = await createOrUpdateIntegrationAction({
-        environmentId,
-        integrationData: notionIntegrationData,
-      });
-      if (result?.serverError) {
-        toast.error(getFormattedErrorMessage(result));
-        return;
-      }
+      await createOrUpdateIntegrationAction({ environmentId, integrationData: notionIntegrationData });
       toast.success(t("environments.integrations.integration_removed_successfully"));
       setOpen(false);
     } catch (error) {

apps/web/app/(app)/environments/[environmentId]/workspace/integrations/slack/components/AddChannelMappingModal.tsx

@@ -17,7 +17,6 @@ import { TSurvey } from "@formbricks/types/surveys/types";
 import { getTextContent } from "@formbricks/types/surveys/validation";
 import { createOrUpdateIntegrationAction } from "@/app/(app)/environments/[environmentId]/workspace/integrations/actions";
 import SlackLogo from "@/images/slacklogo.png";
-import { getFormattedErrorMessage } from "@/lib/utils/helper";
 import { recallToHeadline } from "@/lib/utils/recall";
 import { getElementsFromBlocks } from "@/modules/survey/lib/client-utils";
 import { AdditionalIntegrationSettings } from "@/modules/ui/components/additional-integration-settings";
@@ -145,14 +144,7 @@ export const AddChannelMappingModal = ({
         // create action
         slackIntegrationData.config.data.push(integrationData);
       }
-      const result = await createOrUpdateIntegrationAction({
-        environmentId,
-        integrationData: slackIntegrationData,
-      });
-      if (result?.serverError) {
-        toast.error(getFormattedErrorMessage(result));
-        return;
-      }
+      await createOrUpdateIntegrationAction({ environmentId, integrationData: slackIntegrationData });
       if (selectedIntegration) {
         toast.success(t("environments.integrations.integration_updated_successfully"));
       } else {
@@ -189,14 +181,7 @@ export const AddChannelMappingModal = ({
     slackIntegrationData.config.data.splice(selectedIntegration!.index, 1);
     try {
       setIsDeleting(true);
-      const result = await createOrUpdateIntegrationAction({
-        environmentId,
-        integrationData: slackIntegrationData,
-      });
-      if (result?.serverError) {
-        toast.error(getFormattedErrorMessage(result));
-        return;
-      }
+      await createOrUpdateIntegrationAction({ environmentId, integrationData: slackIntegrationData });
       toast.success(t("environments.integrations.integration_removed_successfully"));
       setOpen(false);
     } catch (error) {

apps/web/app/(app)/environments/[environmentId]/workspace/unify/components/UnifyConfigNavigation.tsx

@@ -1,25 +0,0 @@
-"use client";
-
-import { useTranslation } from "react-i18next";
-import { SecondaryNavigation } from "@/modules/ui/components/secondary-navigation";
-
-interface UnifyConfigNavigationProps {
-  environmentId: string;
-  activeId?: string;
-  loading?: boolean;
-}
-
-export const UnifyConfigNavigation = ({
-  environmentId,
-  activeId: activeIdProp,
-  loading,
-}: UnifyConfigNavigationProps) => {
-  const { t } = useTranslation();
-  const baseHref = `/environments/${environmentId}/workspace/unify`;
-
-  const activeId = activeIdProp ?? "sources";
-
-  const navigation = [{ id: "sources", label: t("environments.unify.sources"), href: `${baseHref}/sources` }];
-
-  return <SecondaryNavigation navigation={navigation} activeId={activeId} loading={loading} />;
-};

apps/web/app/(app)/environments/[environmentId]/workspace/unify/page.tsx

@@ -1,6 +0,0 @@
-import { redirect } from "next/navigation";
-
-export default async function UnifyPage(props: { params: Promise<{ environmentId: string }> }) {
-  const params = await props.params;
-  redirect(`/environments/${params.environmentId}/workspace/unify/sources`);
-}

apps/web/app/(app)/environments/[environmentId]/workspace/unify/sources/actions.ts

@@ -1,38 +0,0 @@
-"use server";
-
-import { z } from "zod";
-import { ZId } from "@formbricks/types/common";
-import { getSurveys } from "@/lib/survey/service";
-import { authenticatedActionClient } from "@/lib/utils/action-client";
-import { checkAuthorizationUpdated } from "@/lib/utils/action-client/action-client-middleware";
-import { getOrganizationIdFromEnvironmentId, getProjectIdFromEnvironmentId } from "@/lib/utils/helper";
-import { transformToUnifySurvey } from "./lib";
-import { TUnifySurvey } from "./types";
-
-const ZGetSurveysForUnifyAction = z.object({
-  environmentId: ZId,
-});
-
-export const getSurveysForUnifyAction = authenticatedActionClient
-  .schema(ZGetSurveysForUnifyAction)
-  .action(async ({ ctx, parsedInput }): Promise<TUnifySurvey[]> => {
-    const organizationId = await getOrganizationIdFromEnvironmentId(parsedInput.environmentId);
-    await checkAuthorizationUpdated({
-      userId: ctx.user.id,
-      organizationId,
-      access: [
-        {
-          type: "organization",
-          roles: ["owner", "manager", "member"],
-        },
-        {
-          type: "projectTeam",
-          minPermission: "read",
-          projectId: await getProjectIdFromEnvironmentId(parsedInput.environmentId),
-        },
-      ],
-    });
-
-    const surveys = await getSurveys(parsedInput.environmentId);
-    return surveys.map((survey) => transformToUnifySurvey(survey));
-  });

apps/web/app/(app)/environments/[environmentId]/workspace/unify/sources/components/connector-row-dropdown.tsx

@@ -1,130 +0,0 @@
-"use client";
-
-import { CopyIcon, MoreVertical, PauseIcon, PlayIcon, SquarePenIcon, TrashIcon } from "lucide-react";
-import { useState } from "react";
-import { useTranslation } from "react-i18next";
-import { TConnectorWithMappings } from "@formbricks/types/connector";
-import { DeleteDialog } from "@/modules/ui/components/delete-dialog";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuGroup,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-} from "@/modules/ui/components/dropdown-menu";
-
-interface ConnectorRowDropdownProps {
-  connector: TConnectorWithMappings;
-  onEdit: () => void;
-  onDuplicate: () => Promise<void>;
-  onToggleStatus: () => Promise<void>;
-  onDelete: () => Promise<void>;
-}
-
-export function ConnectorRowDropdown({
-  connector,
-  onEdit,
-  onDuplicate,
-  onToggleStatus,
-  onDelete,
-}: ConnectorRowDropdownProps) {
-  const { t } = useTranslation();
-  const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false);
-  const [isDropDownOpen, setIsDropDownOpen] = useState(false);
-  const [isDeleting, setIsDeleting] = useState(false);
-
-  const isActive = connector.status === "active";
-
-  const handleDelete = async () => {
-    setIsDeleting(true);
-    try {
-      await onDelete();
-    } finally {
-      setIsDeleting(false);
-      setIsDeleteDialogOpen(false);
-    }
-  };
-
-  return (
-    <div // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-      onClick={(e) => e.stopPropagation()}
-      onKeyDown={(e) => e.stopPropagation()}
-      data-testid="connector-row-dropdown">
-      <DropdownMenu open={isDropDownOpen} onOpenChange={setIsDropDownOpen}>
-        <DropdownMenuTrigger className="z-10" asChild>
-          <div className="cursor-pointer rounded-lg border bg-white p-2 hover:bg-slate-50">
-            <span className="sr-only">{t("environments.surveys.open_options")}</span>
-            <MoreVertical className="h-4 w-4" aria-hidden="true" />
-          </div>
-        </DropdownMenuTrigger>
-        <DropdownMenuContent className="inline-block w-auto min-w-max">
-          <DropdownMenuGroup>
-            <DropdownMenuItem>
-              <button
-                type="button"
-                className="flex w-full items-center"
-                onClick={(e) => {
-                  e.preventDefault();
-                  setIsDropDownOpen(false);
-                  onEdit();
-                }}>
-                <SquarePenIcon className="mr-2 h-4 w-4" />
-                {t("common.edit")}
-              </button>
-            </DropdownMenuItem>
-
-            <DropdownMenuItem>
-              <button
-                type="button"
-                className="flex w-full items-center"
-                onClick={async (e) => {
-                  e.preventDefault();
-                  setIsDropDownOpen(false);
-                  await onDuplicate();
-                }}>
-                <CopyIcon className="mr-2 h-4 w-4" />
-                {t("common.duplicate")}
-              </button>
-            </DropdownMenuItem>
-
-            <DropdownMenuItem>
-              <button
-                type="button"
-                className="flex w-full items-center"
-                onClick={async (e) => {
-                  e.preventDefault();
-                  setIsDropDownOpen(false);
-                  await onToggleStatus();
-                }}>
-                {isActive ? <PauseIcon className="mr-2 h-4 w-4" /> : <PlayIcon className="mr-2 h-4 w-4" />}
-                {isActive ? t("common.disable") : t("common.enable")}
-              </button>
-            </DropdownMenuItem>
-
-            <DropdownMenuItem>
-              <button
-                type="button"
-                className="flex w-full items-center"
-                onClick={(e) => {
-                  e.preventDefault();
-                  setIsDropDownOpen(false);
-                  setIsDeleteDialogOpen(true);
-                }}>
-                <TrashIcon className="mr-2 h-4 w-4" />
-                {t("common.delete")}
-              </button>
-            </DropdownMenuItem>
-          </DropdownMenuGroup>
-        </DropdownMenuContent>
-      </DropdownMenu>
-
-      <DeleteDialog
-        deleteWhat={t("environments.unify.source")}
-        open={isDeleteDialogOpen}
-        setOpen={setIsDeleteDialogOpen}
-        onDelete={handleDelete}
-        isDeleting={isDeleting}
-      />
-    </div>
-  );
-}

apps/web/app/(app)/environments/[environmentId]/workspace/unify/sources/components/connector-type-selector.tsx

@@ -1,56 +0,0 @@
-"use client";
-
-import { useTranslation } from "react-i18next";
-import { TConnectorType } from "@formbricks/types/connector";
-import { Badge } from "@/modules/ui/components/badge";
-import { getConnectorOptions } from "../utils";
-
-interface ConnectorTypeSelectorProps {
-  selectedType: TConnectorType | null;
-  onSelectType: (type: TConnectorType) => void;
-}
-
-export function ConnectorTypeSelector({ selectedType, onSelectType }: ConnectorTypeSelectorProps) {
-  const { t } = useTranslation();
-  const connectorOptions = getConnectorOptions(t);
-
-  return (
-    <div className="space-y-3">
-      <p className="text-sm text-slate-600">{t("environments.unify.select_source_type_prompt")}</p>
-      <div className="space-y-2">
-        {connectorOptions.map((option) => (
-          <button
-            key={option.id}
-            type="button"
-            disabled={option.disabled}
-            onClick={() => onSelectType(option.id as TConnectorType)}
-            className={`flex w-full items-center justify-between rounded-lg border p-4 text-left transition-colors ${
-              selectedType === option.id
-                ? "border-brand-dark bg-slate-50"
-                : option.disabled
-                  ? "cursor-not-allowed border-slate-200 bg-slate-50 opacity-60"
-                  : "border-slate-200 hover:border-slate-300 hover:bg-slate-50"
-            }`}>
-            <div className="flex-1">
-              <div className="flex items-center gap-2">
-                <span className="font-medium text-slate-900">{option.name}</span>
-                {option.badge && <Badge text={option.badge.text} type={option.badge.type} size="tiny" />}
-              </div>
-              <p className="mt-1 text-sm text-slate-500">{option.description}</p>
-            </div>
-            <div
-              className={`ml-4 h-5 w-5 rounded-full border-2 ${
-                selectedType === option.id ? "border-brand-dark bg-brand-dark" : "border-slate-300"
-              }`}>
-              {selectedType === option.id && (
-                <div className="flex h-full w-full items-center justify-center">
-                  <div className="h-2 w-2 rounded-full bg-white" />
-                </div>
-              )}
-            </div>
-          </button>
-        ))}
-      </div>
-    </div>
-  );
-}

apps/web/app/(app)/environments/[environmentId]/workspace/unify/sources/components/connectors-page-client.tsx

@@ -1,185 +0,0 @@
-"use client";
-
-import { useRouter } from "next/navigation";
-import { useState } from "react";
-import { toast } from "react-hot-toast";
-import { useTranslation } from "react-i18next";
-import { TConnectorType, TConnectorWithMappings, THubTargetField } from "@formbricks/types/connector";
-import {
-  createConnectorWithMappingsAction,
-  deleteConnectorAction,
-  duplicateConnectorAction,
-  updateConnectorWithMappingsAction,
-} from "@/lib/connector/actions";
-import { getFormattedErrorMessage } from "@/lib/utils/helper";
-import { PageContentWrapper } from "@/modules/ui/components/page-content-wrapper";
-import { PageHeader } from "@/modules/ui/components/page-header";
-import { UnifyConfigNavigation } from "../../components/UnifyConfigNavigation";
-import { TFieldMapping, TUnifySurvey } from "../types";
-import { ConnectorsTable } from "./connectors-table";
-import { CreateConnectorModal } from "./create-connector-modal";
-import { EditConnectorModal } from "./edit-connector-modal";
-
-interface ConnectorsSectionProps {
-  environmentId: string;
-  initialConnectors: TConnectorWithMappings[];
-  initialSurveys: TUnifySurvey[];
-}
-
-export function ConnectorsSection({
-  environmentId,
-  initialConnectors,
-  initialSurveys,
-}: ConnectorsSectionProps) {
-  const { t } = useTranslation();
-  const router = useRouter();
-  const [isCreateModalOpen, setIsCreateModalOpen] = useState(false);
-  const [editingConnector, setEditingConnector] = useState<TConnectorWithMappings | null>(null);
-
-  const handleCreateConnector = async (data: {
-    name: string;
-    type: TConnectorType;
-    surveyMappings?: { surveyId: string; elementIds: string[] }[];
-    fieldMappings?: TFieldMapping[];
-  }): Promise<string | undefined> => {
-    const result = await createConnectorWithMappingsAction({
-      environmentId,
-      connectorInput: {
-        name: data.name,
-        type: data.type,
-      },
-      formbricksMappings:
-        data.type === "formbricks" && data.surveyMappings?.length ? data.surveyMappings : undefined,
-      fieldMappings:
-        data.type !== "formbricks" && data.fieldMappings?.length
-          ? data.fieldMappings.map((m) => ({
-              sourceFieldId: m.sourceFieldId || "",
-              targetFieldId: m.targetFieldId as THubTargetField,
-              staticValue: m.staticValue,
-            }))
-          : undefined,
-    });
-
-    if (!result?.data) {
-      toast.error(getFormattedErrorMessage(result));
-      return undefined;
-    }
-
-    toast.success(t("environments.unify.connector_created_successfully"));
-    router.refresh();
-    return result.data.id;
-  };
-
-  const handleUpdateConnector = async (data: {
-    connectorId: string;
-    environmentId: string;
-    name: string;
-    surveyMappings?: { surveyId: string; elementIds: string[] }[];
-    fieldMappings?: TFieldMapping[];
-  }) => {
-    const result = await updateConnectorWithMappingsAction({
-      connectorId: data.connectorId,
-      environmentId,
-      connectorInput: {
-        name: data.name,
-      },
-      formbricksMappings: data.surveyMappings?.length ? data.surveyMappings : undefined,
-      fieldMappings: data.fieldMappings?.length
-        ? data.fieldMappings.map((m) => ({
-            sourceFieldId: m.sourceFieldId || "",
-            targetFieldId: m.targetFieldId as THubTargetField,
-            staticValue: m.staticValue,
-          }))
-        : undefined,
-    });
-
-    if (!result?.data) {
-      toast.error(getFormattedErrorMessage(result));
-      return;
-    }
-
-    toast.success(t("environments.unify.connector_updated_successfully"));
-    router.refresh();
-  };
-
-  const handleDeleteConnector = async (connectorId: string): Promise<void> => {
-    const result = await deleteConnectorAction({ connectorId, environmentId });
-
-    if (!result?.data) {
-      toast.error(getFormattedErrorMessage(result));
-      return;
-    }
-
-    toast.success(t("environments.unify.connector_deleted_successfully"));
-    router.refresh();
-  };
-
-  const handleDuplicateConnector = async (connector: TConnectorWithMappings): Promise<void> => {
-    const result = await duplicateConnectorAction({
-      connectorId: connector.id,
-      environmentId,
-    });
-
-    if (!result?.data) {
-      toast.error(getFormattedErrorMessage(result));
-      return;
-    }
-
-    toast.success(t("environments.unify.connector_duplicated_successfully"));
-    router.refresh();
-  };
-
-  const handleToggleStatus = async (connector: TConnectorWithMappings): Promise<void> => {
-    const newStatus = connector.status === "active" ? "paused" : "active";
-    const result = await updateConnectorWithMappingsAction({
-      connectorId: connector.id,
-      environmentId,
-      connectorInput: { status: newStatus },
-    });
-
-    if (!result?.data) {
-      toast.error(getFormattedErrorMessage(result));
-      return;
-    }
-
-    toast.success(t("environments.unify.connector_status_updated_successfully"));
-    router.refresh();
-  };
-
-  return (
-    <PageContentWrapper>
-      <PageHeader
-        pageTitle={t("environments.unify.unify_feedback")}
-        cta={
-          <CreateConnectorModal
-            open={isCreateModalOpen}
-            onOpenChange={setIsCreateModalOpen}
-            onCreateConnector={handleCreateConnector}
-            surveys={initialSurveys}
-            environmentId={environmentId}
-          />
-        }>
-        <UnifyConfigNavigation environmentId={environmentId} />
-      </PageHeader>
-
-      <div className="space-y-6">
-        <ConnectorsTable
-          connectors={initialConnectors}
-          onConnectorClick={setEditingConnector}
-          onDuplicate={handleDuplicateConnector}
-          onToggleStatus={handleToggleStatus}
-          onDelete={handleDeleteConnector}
-          isLoading={false}
-        />
-      </div>
-
-      <EditConnectorModal
-        connector={editingConnector}
-        open={editingConnector !== null}
-        onOpenChange={(open) => !open && setEditingConnector(null)}
-        onUpdateConnector={handleUpdateConnector}
-        surveys={initialSurveys}
-      />
-    </PageContentWrapper>
-  );
-}

apps/web/app/(app)/environments/[environmentId]/workspace/unify/sources/components/connectors-table-data-row.tsx

@@ -1,133 +0,0 @@
-"use client";
-
-import { FileSpreadsheetIcon, GlobeIcon } from "lucide-react";
-import { useTranslation } from "react-i18next";
-import { TConnectorStatus, TConnectorType, TConnectorWithMappings } from "@formbricks/types/connector";
-import { Badge } from "@/modules/ui/components/badge";
-import { ConnectorRowDropdown } from "./connector-row-dropdown";
-
-const RELATIVE_TIME_DIVISIONS: { amount: number; unit: Intl.RelativeTimeFormatUnit }[] = [
-  { amount: 60, unit: "seconds" },
-  { amount: 60, unit: "minutes" },
-  { amount: 24, unit: "hours" },
-  { amount: 7, unit: "days" },
-  { amount: 4.345, unit: "weeks" },
-  { amount: 12, unit: "months" },
-  { amount: Number.POSITIVE_INFINITY, unit: "years" },
-];
-
-function getRelativeTime(date: Date, locale: string) {
-  const formatter = new Intl.RelativeTimeFormat(locale, { numeric: "auto" });
-  let duration = (date.getTime() - Date.now()) / 1000;
-
-  for (const division of RELATIVE_TIME_DIVISIONS) {
-    if (Math.abs(duration) < division.amount) {
-      return formatter.format(Math.round(duration), division.unit);
-    }
-    duration /= division.amount;
-  }
-
-  return formatter.format(Math.round(duration), "years");
-}
-
-interface ConnectorsTableDataRowProps {
-  connector: TConnectorWithMappings;
-  onEdit: () => void;
-  onDuplicate: () => Promise<void>;
-  onToggleStatus: () => Promise<void>;
-  onDelete: () => Promise<void>;
-}
-
-function getConnectorIcon(type: TConnectorType) {
-  switch (type) {
-    case "formbricks":
-      return <GlobeIcon className="h-4 w-4 text-slate-500" />;
-    case "csv":
-      return <FileSpreadsheetIcon className="h-4 w-4 text-slate-500" />;
-    default:
-      return <GlobeIcon className="h-4 w-4 text-slate-500" />;
-  }
-}
-
-const STATUS_BADGE_TYPE: Record<TConnectorStatus, "success" | "warning" | "error"> = {
-  active: "success",
-  paused: "warning",
-  error: "error",
-};
-
-export function ConnectorsTableDataRow({
-  connector,
-  onEdit,
-  onDuplicate,
-  onToggleStatus,
-  onDelete,
-}: ConnectorsTableDataRowProps) {
-  const { t, i18n } = useTranslation();
-
-  const getStatusLabel = (s: TConnectorStatus) => {
-    switch (s) {
-      case "active":
-        return t("environments.unify.status_active");
-      case "paused":
-        return t("environments.unify.status_paused");
-      case "error":
-        return t("environments.unify.status_error");
-    }
-  };
-
-  const getConnectorTypeLabel = (connectorType: TConnectorType) => {
-    switch (connectorType) {
-      case "formbricks":
-        return t("environments.unify.formbricks_surveys");
-      case "csv":
-        return t("environments.unify.csv_import");
-      default:
-        return connectorType;
-    }
-  };
-
-  return (
-    <div
-      role="button"
-      tabIndex={0}
-      className="grid h-12 min-h-12 cursor-pointer grid-cols-12 content-center p-2 text-left transition-colors ease-in-out hover:bg-slate-50"
-      onClick={onEdit}
-      onKeyDown={(e) => {
-        if (e.key === "Enter" || e.key === " ") {
-          onEdit();
-        }
-      }}>
-      <div className="col-span-1 flex items-center gap-2 pl-4" title={getConnectorTypeLabel(connector.type)}>
-        {getConnectorIcon(connector.type)}
-      </div>
-      <div className="col-span-3 flex items-center">
-        <span className="truncate text-sm font-medium text-slate-900">{connector.name}</span>
-      </div>
-      <div className="col-span-1 hidden items-center justify-center sm:flex">
-        <Badge
-          text={getStatusLabel(connector.status)}
-          type={STATUS_BADGE_TYPE[connector.status]}
-          size="tiny"
-        />
-      </div>
-      <div className="col-span-2 hidden items-center justify-center text-sm text-slate-500 sm:flex">
-        {getRelativeTime(connector.createdAt, i18n.language)}
-      </div>
-      <div className="col-span-2 hidden items-center justify-center text-sm text-slate-500 sm:flex">
-        {getRelativeTime(connector.updatedAt, i18n.language)}
-      </div>
-      <div className="col-span-2 hidden items-center justify-center text-sm text-slate-500 sm:flex">
-        <span className="truncate">{connector.creatorName ?? "—"}</span>
-      </div>
-      <div className="col-span-1 flex items-center justify-end pr-2">
-        <ConnectorRowDropdown
-          connector={connector}
-          onEdit={onEdit}
-          onDuplicate={onDuplicate}
-          onToggleStatus={onToggleStatus}
-          onDelete={onDelete}
-        />
-      </div>
-    </div>
-  );
-}

apps/web/app/(app)/environments/[environmentId]/workspace/unify/sources/components/connectors-table-rows-container.tsx

@@ -1,44 +0,0 @@
-import { useTranslation } from "react-i18next";
-import { TConnectorWithMappings } from "@formbricks/types/connector";
-import { ConnectorsTableDataRow } from "@/app/(app)/environments/[environmentId]/workspace/unify/sources/components/connectors-table-data-row";
-
-interface ConnectorsTableRowsContainerProps {
-  connectors: TConnectorWithMappings[];
-  onConnectorClick: (connector: TConnectorWithMappings) => void;
-  onDuplicate: (connector: TConnectorWithMappings) => Promise<void>;
-  onToggleStatus: (connector: TConnectorWithMappings) => Promise<void>;
-  onDelete: (connectorId: string) => Promise<void>;
-}
-
-export const ConnectorsTableRowsContainer = ({
-  connectors,
-  onConnectorClick,
-  onDuplicate,
-  onToggleStatus,
-  onDelete,
-}: ConnectorsTableRowsContainerProps) => {
-  const { t } = useTranslation();
-
-  if (connectors.length === 0) {
-    return (
-      <div className="flex h-32 items-center justify-center">
-        <p className="text-sm text-slate-500">{t("environments.unify.no_sources_connected")}</p>
-      </div>
-    );
-  }
-
-  return (
-    <div className="divide-y divide-slate-100">
-      {connectors.map((connector) => (
-        <ConnectorsTableDataRow
-          key={connector.id}
-          connector={connector}
-          onEdit={() => onConnectorClick(connector)}
-          onDuplicate={() => onDuplicate(connector)}
-          onToggleStatus={() => onToggleStatus(connector)}
-          onDelete={() => onDelete(connector.id)}
-        />
-      ))}
-    </div>
-  );
-};

apps/web/app/(app)/environments/[environmentId]/workspace/unify/sources/components/connectors-table.tsx

@@ -1,53 +0,0 @@
-"use client";
-
-import { Loader2Icon } from "lucide-react";
-import { useTranslation } from "react-i18next";
-import { TConnectorWithMappings } from "@formbricks/types/connector";
-import { ConnectorsTableRowsContainer } from "@/app/(app)/environments/[environmentId]/workspace/unify/sources/components/connectors-table-rows-container";
-
-interface ConnectorsTableProps {
-  connectors: TConnectorWithMappings[];
-  onConnectorClick: (connector: TConnectorWithMappings) => void;
-  onDuplicate: (connector: TConnectorWithMappings) => Promise<void>;
-  onToggleStatus: (connector: TConnectorWithMappings) => Promise<void>;
-  onDelete: (connectorId: string) => Promise<void>;
-  isLoading?: boolean;
-}
-
-export function ConnectorsTable({
-  connectors,
-  onConnectorClick,
-  onDuplicate,
-  onToggleStatus,
-  onDelete,
-  isLoading = false,
-}: ConnectorsTableProps) {
-  const { t } = useTranslation();
-
-  return (
-    <div className="rounded-xl border border-slate-200 bg-white shadow-sm">
-      <div className="grid h-12 grid-cols-12 content-center border-b border-slate-200 text-left text-sm font-semibold text-slate-900">
-        <div className="col-span-1 pl-6">{t("common.type")}</div>
-        <div className="col-span-3">{t("common.name")}</div>
-        <div className="col-span-1 hidden text-center sm:block">{t("common.status")}</div>
-        <div className="col-span-2 hidden text-center sm:block">{t("common.created")}</div>
-        <div className="col-span-2 hidden text-center sm:block">{t("environments.unify.updated_at")}</div>
-        <div className="col-span-2 hidden text-center sm:block">{t("environments.unify.created_by")}</div>
-        <div className="col-span-1" />
-      </div>
-      {isLoading ? (
-        <div className="flex h-32 items-center justify-center">
-          <Loader2Icon className="h-6 w-6 animate-spin text-slate-500" />
-        </div>
-      ) : (
-        <ConnectorsTableRowsContainer
-          connectors={connectors}
-          onConnectorClick={onConnectorClick}
-          onDuplicate={onDuplicate}
-          onToggleStatus={onToggleStatus}
-          onDelete={onDelete}
-        />
-      )}
-    </div>
-  );
-}

apps/web/app/(app)/environments/[environmentId]/workspace/unify/sources/components/create-connector-modal.tsx

@@ -1,490 +0,0 @@
-"use client";
-
-import { Loader2Icon, PlusIcon } from "lucide-react";
-import { useCallback, useEffect, useState } from "react";
-import toast from "react-hot-toast";
-import { useTranslation } from "react-i18next";
-import { TConnectorType, UNSUPPORTED_CONNECTOR_ELEMENT_TYPES } from "@formbricks/types/connector";
-import { getResponseCountAction, importHistoricalResponsesAction } from "@/lib/connector/actions";
-import { getFormattedErrorMessage } from "@/lib/utils/helper";
-import { Button } from "@/modules/ui/components/button";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from "@/modules/ui/components/dialog";
-import { Input } from "@/modules/ui/components/input";
-import { Label } from "@/modules/ui/components/label";
-import {
-  FEEDBACK_RECORD_FIELDS,
-  TCreateConnectorStep,
-  TFieldMapping,
-  TSourceField,
-  TUnifySurvey,
-} from "../types";
-import { parseCSVColumnsToFields } from "../utils";
-import { ConnectorTypeSelector } from "./connector-type-selector";
-import { CsvConnectorUI } from "./csv-connector-ui";
-import { FormbricksSurveySelector } from "./formbricks-survey-selector";
-
-interface CreateConnectorModalProps {
-  open: boolean;
-  onOpenChange: (open: boolean) => void;
-  onCreateConnector: (data: {
-    name: string;
-    type: TConnectorType;
-    surveyMappings?: { surveyId: string; elementIds: string[] }[];
-    fieldMappings?: TFieldMapping[];
-  }) => Promise<string | undefined>;
-  surveys: TUnifySurvey[];
-  environmentId: string;
-}
-
-const getDialogTitle = (
-  step: TCreateConnectorStep,
-  type: TConnectorType | null,
-  t: (key: string) => string
-): string => {
-  if (step === "selectType") return t("environments.unify.add_feedback_source");
-  if (type === "formbricks") return t("environments.unify.select_survey_and_questions");
-  if (type === "csv") return t("environments.unify.import_csv_data");
-  return t("environments.unify.configure_mapping");
-};
-
-const getDialogDescription = (
-  step: TCreateConnectorStep,
-  type: TConnectorType | null,
-  t: (key: string) => string
-): string => {
-  if (step === "selectType") return t("environments.unify.select_source_type_description");
-  if (type === "formbricks") return t("environments.unify.select_survey_questions_description");
-  if (type === "csv") return t("environments.unify.upload_csv_data_description");
-  return t("environments.unify.configure_mapping");
-};
-
-const getNextStepButtonLabel = (type: TConnectorType | null, t: (key: string) => string): string => {
-  if (type === "formbricks") return t("environments.unify.select_questions");
-  if (type === "csv") return t("environments.unify.configure_import");
-  return t("environments.unify.create_mapping");
-};
-
-const getCreateDisabled = (
-  type: TConnectorType | null,
-  isFormbricksValid: boolean,
-  isCsvValid: boolean,
-  allRequiredMapped: boolean
-): boolean => {
-  if (type === "formbricks") return !isFormbricksValid;
-  if (type === "csv") return !isCsvValid;
-  return !allRequiredMapped;
-};
-
-interface AggregateImportSectionProps {
-  surveyEntries: {
-    surveyId: string;
-    surveyName: string;
-    responseCount: number;
-    elementCount: number;
-    importHistorical: boolean;
-  }[];
-  onImportHistoricalChange: (surveyId: string, checked: boolean) => void;
-  t: (key: string, options?: Record<string, unknown>) => string;
-}
-
-const AggregateImportSection = ({
-  surveyEntries,
-  onImportHistoricalChange,
-  t,
-}: AggregateImportSectionProps) => {
-  const totalRecords = surveyEntries.reduce((sum, e) => sum + e.responseCount * e.elementCount, 0);
-  const checkedCount = surveyEntries.filter((e) => e.importHistorical).length;
-
-  const checkedTotal = surveyEntries
-    .filter((e) => e.importHistorical)
-    .reduce((sum, e) => sum + e.responseCount * e.elementCount, 0);
-
-  return (
-    <div className="rounded-lg border border-amber-200 bg-amber-50 p-4">
-      <div className="space-y-2">
-        {surveyEntries.map((entry) => (
-          <label key={entry.surveyId} className="flex cursor-pointer items-center gap-2">
-            <input
-              type="checkbox"
-              checked={entry.importHistorical}
-              onChange={(e) => onImportHistoricalChange(entry.surveyId, e.target.checked)}
-              className="h-4 w-4 rounded border-amber-300 text-amber-600 focus:ring-amber-500"
-            />
-            <span className="text-xs text-amber-800">
-              {t("environments.unify.survey_import_line", {
-                surveyName: entry.surveyName,
-                responseCount: entry.responseCount,
-                questionCount: entry.elementCount,
-                total: entry.responseCount * entry.elementCount,
-              })}
-            </span>
-          </label>
-        ))}
-      </div>
-      {surveyEntries.length > 1 && (
-        <p className="mt-3 border-t border-amber-200 pt-2 text-xs font-medium text-amber-900">
-          {t("environments.unify.total_feedback_records", {
-            checked: checkedTotal,
-            total: totalRecords,
-            surveyCount: checkedCount,
-          })}
-        </p>
-      )}
-    </div>
-  );
-};
-
-export const CreateConnectorModal = ({
-  open,
-  onOpenChange,
-  onCreateConnector,
-  surveys,
-  environmentId,
-}: CreateConnectorModalProps) => {
-  const { t } = useTranslation();
-
-  const defaultConnectorName: Record<TConnectorType, string> = {
-    formbricks: t("environments.unify.default_connector_name_formbricks"),
-    csv: t("environments.unify.default_connector_name_csv"),
-  };
-  const [currentStep, setCurrentStep] = useState<TCreateConnectorStep>("selectType");
-  const [selectedType, setSelectedType] = useState<TConnectorType | null>(null);
-  const [connectorName, setConnectorName] = useState("");
-  const [mappings, setMappings] = useState<TFieldMapping[]>([]);
-  const [sourceFields, setSourceFields] = useState<TSourceField[]>([]);
-
-  const [selectedSurveyId, setSelectedSurveyId] = useState<string | null>(null);
-  const [elementIdsBySurvey, setElementIdsBySurvey] = useState<Record<string, string[]>>({});
-
-  const selectedElementIds = selectedSurveyId ? (elementIdsBySurvey[selectedSurveyId] ?? []) : [];
-
-  const [responseCountBySurvey, setResponseCountBySurvey] = useState<Record<string, number | null>>({});
-  const [importHistoricalBySurvey, setImportHistoricalBySurvey] = useState<Record<string, boolean>>({});
-  const [isImporting, setIsImporting] = useState(false);
-  const [isCreating, setIsCreating] = useState(false);
-
-  const fetchResponseCount = useCallback(
-    async (surveyId: string) => {
-      if (responseCountBySurvey[surveyId] !== undefined) return;
-      try {
-        const result = await getResponseCountAction({ surveyId, environmentId });
-        if (result?.data !== undefined) {
-          setResponseCountBySurvey((prev) => ({ ...prev, [surveyId]: result.data ?? null }));
-        }
-      } catch {
-        setResponseCountBySurvey((prev) => ({ ...prev, [surveyId]: null }));
-      }
-    },
-    [environmentId, responseCountBySurvey]
-  );
-
-  useEffect(() => {
-    if (selectedSurveyId && selectedType === "formbricks") {
-      fetchResponseCount(selectedSurveyId);
-    }
-  }, [selectedSurveyId, selectedType, fetchResponseCount]);
-
-  const resetForm = () => {
-    setCurrentStep("selectType");
-    setSelectedType(null);
-    setConnectorName("");
-    setMappings([]);
-    setSourceFields([]);
-    setSelectedSurveyId(null);
-    setElementIdsBySurvey({});
-    setResponseCountBySurvey({});
-    setImportHistoricalBySurvey({});
-    setIsImporting(false);
-    setIsCreating(false);
-  };
-
-  const handleOpenChange = (newOpen: boolean) => {
-    if (isImporting) return;
-    if (!newOpen) resetForm();
-    onOpenChange(newOpen);
-  };
-
-  const handleNextStep = () => {
-    if (currentStep !== "selectType" || !selectedType) return;
-
-    const selectedSurvey = surveys.find((s) => s.id === selectedSurveyId);
-    setConnectorName(
-      selectedType === "formbricks" && selectedSurvey
-        ? `${selectedSurvey.name} ${t("environments.unify.connection")}`
-        : defaultConnectorName[selectedType]
-    );
-    setCurrentStep("mapping");
-  };
-
-  const handleSurveySelect = (surveyId: string | null) => {
-    setSelectedSurveyId(surveyId);
-  };
-
-  const handleElementToggle = (elementId: string) => {
-    if (!selectedSurveyId) return;
-    setElementIdsBySurvey((prev) => {
-      const current = prev[selectedSurveyId] ?? [];
-      return {
-        ...prev,
-        [selectedSurveyId]: current.includes(elementId)
-          ? current.filter((id) => id !== elementId)
-          : [...current, elementId],
-      };
-    });
-  };
-
-  const handleSelectAllElements = (surveyId: string) => {
-    const survey = surveys.find((s) => s.id === surveyId);
-    if (survey) {
-      setElementIdsBySurvey((prev) => ({
-        ...prev,
-        [surveyId]: survey.elements
-          .filter((e) => !(UNSUPPORTED_CONNECTOR_ELEMENT_TYPES as readonly string[]).includes(e.type))
-          .map((e) => e.id),
-      }));
-    }
-  };
-
-  const handleDeselectAllElements = () => {
-    if (!selectedSurveyId) return;
-    setElementIdsBySurvey((prev) => ({
-      ...prev,
-      [selectedSurveyId]: [],
-    }));
-  };
-
-  const handleBack = () => {
-    if (currentStep === "mapping") {
-      setCurrentStep("selectType");
-      setMappings([]);
-      setSourceFields([]);
-    }
-  };
-
-  const getSurveyMappings = () =>
-    Object.entries(elementIdsBySurvey)
-      .filter(([, ids]) => ids.length > 0)
-      .map(([surveyId, elementIds]) => ({ surveyId, elementIds }));
-
-  const handleHistoricalImports = async (connectorId: string) => {
-    const surveysToImport = Object.entries(importHistoricalBySurvey)
-      .filter(([surveyId, checked]) => checked && (elementIdsBySurvey[surveyId]?.length ?? 0) > 0)
-      .map(([surveyId]) => surveyId);
-
-    if (surveysToImport.length === 0) return;
-
-    setIsImporting(true);
-    let totalSuccesses = 0;
-    let totalFailures = 0;
-    let totalSkipped = 0;
-
-    for (const surveyId of surveysToImport) {
-      const importResult = await importHistoricalResponsesAction({
-        connectorId,
-        environmentId,
-        surveyId,
-      });
-
-      if (importResult?.data) {
-        totalSuccesses += importResult.data.successes;
-        totalFailures += importResult.data.failures;
-        totalSkipped += importResult.data.skipped;
-      } else {
-        toast.error(getFormattedErrorMessage(importResult));
-      }
-    }
-
-    setIsImporting(false);
-
-    if (totalSuccesses > 0 || totalFailures > 0) {
-      toast.success(
-        t("environments.unify.historical_import_complete", {
-          successes: totalSuccesses,
-          failures: totalFailures,
-          skipped: totalSkipped,
-        })
-      );
-    }
-  };
-
-  const handleCreate = async () => {
-    if (!selectedType || !connectorName.trim()) return;
-
-    setIsCreating(true);
-
-    const surveyMappings = getSurveyMappings();
-
-    const connectorId = await onCreateConnector({
-      name: connectorName.trim(),
-      type: selectedType,
-      surveyMappings: selectedType === "formbricks" && surveyMappings.length > 0 ? surveyMappings : undefined,
-      fieldMappings: selectedType !== "formbricks" && mappings.length > 0 ? mappings : undefined,
-    });
-
-    if (connectorId && selectedType === "formbricks") {
-      await handleHistoricalImports(connectorId);
-    }
-
-    setIsCreating(false);
-    resetForm();
-    onOpenChange(false);
-  };
-
-  const requiredFields = FEEDBACK_RECORD_FIELDS.filter((f) => f.required);
-  const allRequiredMapped = requiredFields.every((field) =>
-    mappings.some((m) => m.targetFieldId === field.id && (m.sourceFieldId || m.staticValue))
-  );
-
-  const hasAnyElementSelections = Object.values(elementIdsBySurvey).some((ids) => ids.length > 0);
-  const isFormbricksValid = selectedType === "formbricks" && hasAnyElementSelections;
-  const isCsvValid = selectedType === "csv" && sourceFields.length > 0;
-
-  const handleLoadSourceFields = () => {
-    if (selectedType === "csv") {
-      const fields = parseCSVColumnsToFields("timestamp,customer_id,rating,feedback_text,category");
-      setSourceFields(fields);
-    }
-  };
-
-  return (
-    <>
-      <Button onClick={() => onOpenChange(true)} size="sm">
-        {t("environments.unify.add_source")}
-        <PlusIcon className="ml-2 h-4 w-4" />
-      </Button>
-
-      <Dialog open={open} onOpenChange={handleOpenChange}>
-        <DialogContent className="max-w-3xl">
-          {isImporting && (
-            <div className="absolute inset-0 z-50 flex items-center justify-center rounded-lg bg-white/80">
-              <div className="flex flex-col items-center gap-3">
-                <Loader2Icon className="h-8 w-8 animate-spin text-slate-500" />
-                <p className="text-sm font-medium text-slate-700">
-                  {t("environments.unify.importing_historical_data")}
-                </p>
-              </div>
-            </div>
-          )}
-
-          <DialogHeader>
-            <DialogTitle>{getDialogTitle(currentStep, selectedType, t)}</DialogTitle>
-            <DialogDescription>{getDialogDescription(currentStep, selectedType, t)}</DialogDescription>
-          </DialogHeader>
-
-          <div className="py-4">
-            {currentStep === "selectType" && (
-              <ConnectorTypeSelector selectedType={selectedType} onSelectType={setSelectedType} />
-            )}
-
-            {currentStep === "mapping" && selectedType === "formbricks" && (
-              <div className="space-y-4">
-                <div className="space-y-2">
-                  <Label htmlFor="connectorName">{t("environments.unify.source_name")}</Label>
-                  <Input
-                    id="connectorName"
-                    value={connectorName}
-                    onChange={(e) => setConnectorName(e.target.value)}
-                    placeholder={t("environments.unify.enter_name_for_source")}
-                  />
-                </div>
-
-                <div className="rounded-lg border border-slate-200 bg-slate-50 p-4">
-                  <FormbricksSurveySelector
-                    surveys={surveys}
-                    selectedSurveyId={selectedSurveyId}
-                    selectedElementIds={selectedElementIds}
-                    onSurveySelect={handleSurveySelect}
-                    onElementToggle={handleElementToggle}
-                    onSelectAllElements={handleSelectAllElements}
-                    onDeselectAllElements={handleDeselectAllElements}
-                  />
-                </div>
-
-                {(() => {
-                  const entries = Object.entries(elementIdsBySurvey)
-                    .filter(([, ids]) => ids.length > 0)
-                    .map(([surveyId, ids]) => ({
-                      surveyId,
-                      surveyName: surveys.find((s) => s.id === surveyId)?.name ?? surveyId,
-                      responseCount: responseCountBySurvey[surveyId] ?? 0,
-                      elementCount: ids.length,
-                      importHistorical: importHistoricalBySurvey[surveyId] ?? false,
-                    }))
-                    .filter((e) => e.responseCount > 0);
-
-                  if (entries.length === 0) return null;
-
-                  return (
-                    <AggregateImportSection
-                      surveyEntries={entries}
-                      onImportHistoricalChange={(surveyId, checked) => {
-                        setImportHistoricalBySurvey((prev) => ({ ...prev, [surveyId]: checked }));
-                      }}
-                      t={t}
-                    />
-                  );
-                })()}
-              </div>
-            )}
-
-            {currentStep === "mapping" && selectedType === "csv" && (
-              <div className="space-y-4">
-                <div className="space-y-2">
-                  <Label htmlFor="connectorName">{t("environments.unify.source_name")}</Label>
-                  <Input
-                    id="connectorName"
-                    value={connectorName}
-                    onChange={(e) => setConnectorName(e.target.value)}
-                    placeholder={t("environments.unify.enter_name_for_source")}
-                  />
-                </div>
-
-                <div className="max-h-[55vh] overflow-y-auto rounded-lg border border-slate-200 bg-slate-50 p-4">
-                  <CsvConnectorUI
-                    sourceFields={sourceFields}
-                    mappings={mappings}
-                    onMappingsChange={setMappings}
-                    onSourceFieldsChange={setSourceFields}
-                    onLoadSampleCSV={handleLoadSourceFields}
-                  />
-                </div>
-              </div>
-            )}
-          </div>
-
-          <DialogFooter>
-            {currentStep === "mapping" && (
-              <Button variant="outline" onClick={handleBack} disabled={isCreating || isImporting}>
-                {t("common.back")}
-              </Button>
-            )}
-            {currentStep === "selectType" ? (
-              <Button onClick={handleNextStep} disabled={!selectedType}>
-                {getNextStepButtonLabel(selectedType, t)}
-              </Button>
-            ) : (
-              <Button
-                onClick={handleCreate}
-                disabled={
-                  isCreating ||
-                  isImporting ||
-                  !connectorName.trim() ||
-                  getCreateDisabled(selectedType, !!isFormbricksValid, isCsvValid, allRequiredMapped)
-                }>
-                {isCreating && <Loader2Icon className="mr-2 h-4 w-4 animate-spin" />}
-                {t("environments.unify.setup_connection")}
-              </Button>
-            )}
-          </DialogFooter>
-        </DialogContent>
-      </Dialog>
-    </>
-  );
-};

apps/web/app/(app)/environments/[environmentId]/workspace/unify/sources/components/csv-connector-ui.tsx

@@ -1,358 +0,0 @@
-"use client";
-
-import { parse } from "csv-parse/sync";
-import {
-  ArrowUpFromLineIcon,
-  CloudIcon,
-  CopyIcon,
-  FolderIcon,
-  RefreshCwIcon,
-  SettingsIcon,
-} from "lucide-react";
-import { useState } from "react";
-import { useTranslation } from "react-i18next";
-import { Alert } from "@/modules/ui/components/alert";
-import { Badge } from "@/modules/ui/components/badge";
-import { Button } from "@/modules/ui/components/button";
-import { Label } from "@/modules/ui/components/label";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "@/modules/ui/components/select";
-import { Switch } from "@/modules/ui/components/switch";
-import { MAX_CSV_VALUES, TFieldMapping, TSourceField, createFeedbackCSVDataSchema } from "../types";
-import { MappingUI } from "./mapping-ui";
-
-interface CsvConnectorUIProps {
-  sourceFields: TSourceField[];
-  mappings: TFieldMapping[];
-  onMappingsChange: (mappings: TFieldMapping[]) => void;
-  onSourceFieldsChange: (fields: TSourceField[]) => void;
-  onLoadSampleCSV: () => void;
-}
-
-export function CsvConnectorUI({
-  sourceFields,
-  mappings,
-  onMappingsChange,
-  onSourceFieldsChange,
-  onLoadSampleCSV,
-}: CsvConnectorUIProps) {
-  const { t } = useTranslation();
-  const [csvFile, setCsvFile] = useState<File | null>(null);
-  const [csvPreview, setCsvPreview] = useState<string[][]>([]);
-  const [showMapping, setShowMapping] = useState(false);
-  const [csvError, setCsvError] = useState("");
-  const [s3AutoSync, setS3AutoSync] = useState(false);
-  const [s3Copied, setS3Copied] = useState(false);
-
-  const s3BucketName = "formbricks-feedback-imports";
-  const s3Path = `s3://${s3BucketName}/feedback/incoming/`;
-
-  const handleCopyS3Path = () => {
-    navigator.clipboard.writeText(s3Path);
-    setS3Copied(true);
-    setTimeout(() => setS3Copied(false), 2000);
-  };
-
-  const handleFileUpload = (e: React.ChangeEvent<HTMLInputElement>) => {
-    const file = e.target?.files?.[0];
-    if (file) {
-      processCSVFile(file);
-    }
-  };
-
-  const processCSVFile = (file: File) => {
-    setCsvError("");
-
-    if (!file.name.endsWith(".csv")) {
-      setCsvError(t("environments.unify.csv_files_only"));
-      return;
-    }
-
-    if (file.type && file.type !== "text/csv" && !file.type.includes("csv")) {
-      setCsvError(t("environments.unify.csv_files_only"));
-      return;
-    }
-
-    if (file.size > MAX_CSV_VALUES.FILE_SIZE) {
-      setCsvError(t("environments.unify.csv_file_too_large"));
-      return;
-    }
-
-    const reader = new FileReader();
-    reader.onload = (e) => {
-      const csv = e.target?.result as string;
-
-      try {
-        const records = parse(csv, { columns: true, skip_empty_lines: true });
-
-        const result = createFeedbackCSVDataSchema(t).safeParse(records);
-        if (!result.success) {
-          setCsvError(result.error.errors[0].message);
-          return;
-        }
-
-        const validRecords = result.data;
-        const headers = Object.keys(validRecords[0]);
-
-        const preview: string[][] = [
-          headers,
-          ...validRecords.slice(0, 5).map((row) => headers.map((h) => row[h] ?? "")),
-        ];
-        setCsvFile(file);
-        setCsvPreview(preview);
-
-        const fields: TSourceField[] = headers.map((header) => ({
-          id: header,
-          name: header,
-          type: "string",
-          sampleValue: validRecords[0][header] ?? "",
-        }));
-        onSourceFieldsChange(fields);
-        setShowMapping(true);
-      } catch (error) {
-        const message = error instanceof Error ? error.message : "Failed to parse CSV";
-        setCsvError(message);
-      }
-    };
-    reader.readAsText(file);
-  };
-
-  const handleDragOver = (e: React.DragEvent<HTMLLabelElement>) => {
-    e.preventDefault();
-    e.stopPropagation();
-  };
-
-  const handleDrop = (e: React.DragEvent<HTMLLabelElement>) => {
-    e.preventDefault();
-    e.stopPropagation();
-    const file = e.dataTransfer.files[0];
-    if (file) {
-      processCSVFile(file);
-    }
-  };
-
-  const handleLoadSample = () => {
-    onLoadSampleCSV();
-    setShowMapping(true);
-  };
-
-  if (showMapping && sourceFields.length > 0) {
-    return (
-      <div className="space-y-4">
-        {csvFile && (
-          <div className="flex items-center justify-between rounded-lg border border-green-200 bg-green-50 px-4 py-2">
-            <div className="flex items-center gap-2">
-              <FolderIcon className="h-4 w-4 text-green-600" />
-              <span className="text-sm font-medium text-green-800">{csvFile.name}</span>
-              <Badge text={`${csvPreview.length - 1} rows`} type="success" size="tiny" />
-            </div>
-            <Button
-              variant="ghost"
-              size="sm"
-              onClick={() => {
-                setCsvFile(null);
-                setCsvPreview([]);
-                setCsvError("");
-                setShowMapping(false);
-                onSourceFieldsChange([]);
-              }}>
-              {t("environments.unify.change_file")}
-            </Button>
-          </div>
-        )}
-
-        {csvPreview.length > 0 && (
-          <div className="overflow-hidden rounded-lg border border-slate-200">
-            <div className="overflow-x-auto">
-              <table className="min-w-full text-sm">
-                <thead className="bg-slate-50">
-                  <tr>
-                    {csvPreview[0]?.map((header, i) => (
-                      <th key={i} className="px-3 py-2 text-left font-medium text-slate-700">
-                        {header}
-                      </th>
-                    ))}
-                  </tr>
-                </thead>
-                <tbody>
-                  {csvPreview.slice(1, 4).map((row, rowIndex) => (
-                    <tr key={rowIndex} className="border-t border-slate-100">
-                      {row.map((cell, cellIndex) => (
-                        <td key={cellIndex} className="px-3 py-2 text-slate-600">
-                          {cell || <span className="text-slate-300">—</span>}
-                        </td>
-                      ))}
-                    </tr>
-                  ))}
-                </tbody>
-              </table>
-            </div>
-            {csvPreview.length > 4 && (
-              <div className="border-t border-slate-100 bg-slate-50 px-3 py-1.5 text-center text-xs text-slate-500">
-                {t("environments.unify.showing_rows", { count: csvPreview.length - 1 })}
-              </div>
-            )}
-          </div>
-        )}
-
-        <MappingUI
-          sourceFields={sourceFields}
-          mappings={mappings}
-          onMappingsChange={onMappingsChange}
-          connectorType="csv"
-        />
-      </div>
-    );
-  }
-
-  return (
-    <div className="space-y-6">
-      {csvError && (
-        <Alert variant="error" size="small">
-          {csvError}
-        </Alert>
-      )}
-      <div className="space-y-3">
-        <h4 className="text-sm font-medium text-slate-700">{t("environments.unify.upload_csv_file")}</h4>
-        <div className="rounded-lg border-2 border-dashed border-slate-300 bg-slate-50 p-6">
-          <label
-            htmlFor="csv-file-upload"
-            className="flex cursor-pointer flex-col items-center justify-center"
-            onDragOver={handleDragOver}
-            onDrop={handleDrop}>
-            <ArrowUpFromLineIcon className="h-8 w-8 text-slate-400" />
-            <p className="mt-2 text-sm text-slate-600">
-              <span className="font-semibold">{t("environments.unify.click_to_upload")}</span>{" "}
-              {t("environments.unify.or_drag_and_drop")}
-            </p>
-            <p className="mt-1 text-xs text-slate-400">{t("environments.unify.csv_files_only")}</p>
-            <input
-              type="file"
-              id="csv-file-upload"
-              accept=".csv"
-              className="hidden"
-              onChange={handleFileUpload}
-            />
-          </label>
-        </div>
-        <div className="flex justify-between">
-          <Button variant="secondary" size="sm" onClick={handleLoadSample}>
-            {t("environments.unify.load_sample_csv")}
-          </Button>
-        </div>
-      </div>
-
-      <div className="flex items-center gap-4">
-        <div className="h-px flex-1 bg-slate-200" />
-        <span className="text-xs font-medium uppercase text-slate-400">{t("environments.unify.or")}</span>
-        <div className="h-px flex-1 bg-slate-200" />
-      </div>
-
-      <div className="space-y-4">
-        <div className="flex items-center gap-2">
-          <CloudIcon className="h-5 w-5 text-slate-500" />
-          <h4 className="text-sm font-medium text-slate-700">
-            {t("environments.unify.s3_bucket_integration")}
-          </h4>
-          <Badge text={t("environments.unify.automated")} type="gray" size="tiny" />
-        </div>
-
-        <div className="rounded-lg border border-slate-200 bg-white p-4">
-          <p className="mb-4 text-sm text-slate-600">{t("environments.unify.s3_bucket_description")}</p>
-
-          <div className="space-y-3">
-            <div className="space-y-1.5">
-              <Label className="text-xs">{t("environments.unify.drop_zone_path")}</Label>
-              <div className="flex items-center gap-2">
-                <code className="flex-1 rounded bg-slate-100 px-3 py-2 font-mono text-sm text-slate-700">
-                  {s3Path}
-                </code>
-                <Button variant="outline" size="sm" onClick={handleCopyS3Path}>
-                  <CopyIcon className="h-4 w-4" />
-                  {s3Copied ? t("environments.unify.copied") : t("environments.unify.copy")}
-                </Button>
-              </div>
-            </div>
-
-            <div className="grid grid-cols-2 gap-4">
-              <div className="space-y-1.5">
-                <Label className="text-xs">{t("environments.unify.aws_region")}</Label>
-                <Select defaultValue="eu-central-1">
-                  <SelectTrigger className="bg-white">
-                    <SelectValue />
-                  </SelectTrigger>
-                  <SelectContent>
-                    <SelectItem value="us-east-1">{t("environments.unify.region_us_east_1")}</SelectItem>
-                    <SelectItem value="us-west-2">{t("environments.unify.region_us_west_2")}</SelectItem>
-                    <SelectItem value="eu-central-1">
-                      {t("environments.unify.region_eu_central_1")}
-                    </SelectItem>
-                    <SelectItem value="eu-west-1">{t("environments.unify.region_eu_west_1")}</SelectItem>
-                    <SelectItem value="ap-southeast-1">
-                      {t("environments.unify.region_ap_southeast_1")}
-                    </SelectItem>
-                  </SelectContent>
-                </Select>
-              </div>
-              <div className="space-y-1.5">
-                <Label className="text-xs">{t("environments.unify.processing_interval")}</Label>
-                <Select defaultValue="15">
-                  <SelectTrigger className="bg-white">
-                    <SelectValue />
-                  </SelectTrigger>
-                  <SelectContent>
-                    <SelectItem value="5">{t("environments.unify.every_5_minutes")}</SelectItem>
-                    <SelectItem value="15">{t("environments.unify.every_15_minutes")}</SelectItem>
-                    <SelectItem value="30">{t("environments.unify.every_30_minutes")}</SelectItem>
-                    <SelectItem value="60">{t("environments.unify.every_hour")}</SelectItem>
-                  </SelectContent>
-                </Select>
-              </div>
-            </div>
-
-            <div className="flex items-center justify-between rounded-lg border border-slate-200 bg-slate-50 p-3">
-              <div className="flex flex-col gap-0.5">
-                <span className="text-sm font-medium text-slate-900">
-                  {t("environments.unify.enable_auto_sync")}
-                </span>
-                <span className="text-xs text-slate-500">
-                  {t("environments.unify.process_new_files_description")}
-                </span>
-              </div>
-              <Switch checked={s3AutoSync} onCheckedChange={setS3AutoSync} />
-            </div>
-
-            <div className="rounded-lg border border-amber-200 bg-amber-50 p-3">
-              <div className="flex items-start gap-2">
-                <SettingsIcon className="mt-0.5 h-4 w-4 text-amber-600" />
-                <div>
-                  <p className="text-sm font-medium text-amber-800">
-                    {t("environments.unify.iam_configuration_required")}
-                  </p>
-                  <p className="mt-1 text-xs text-amber-700">
-                    {t("environments.unify.iam_setup_instructions")}{" "}
-                    <button type="button" className="font-medium underline hover:no-underline">
-                      {t("environments.unify.view_setup_guide")}
-                    </button>
-                  </p>
-                </div>
-              </div>
-            </div>
-
-            <div className="flex justify-end">
-              <Button variant="outline" size="sm" className="gap-2">
-                <RefreshCwIcon className="h-4 w-4" />
-                {t("environments.unify.test_connection")}
-              </Button>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}

apps/web/app/(app)/environments/[environmentId]/workspace/unify/sources/components/edit-connector-modal.tsx

@@ -1,263 +0,0 @@
-"use client";
-
-import { FileSpreadsheetIcon, GlobeIcon } from "lucide-react";
-import { useEffect, useState } from "react";
-import { useTranslation } from "react-i18next";
-import { TConnectorType, TConnectorWithMappings } from "@formbricks/types/connector";
-import { Button } from "@/modules/ui/components/button";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from "@/modules/ui/components/dialog";
-import { Input } from "@/modules/ui/components/input";
-import { Label } from "@/modules/ui/components/label";
-import { SAMPLE_CSV_COLUMNS, TFieldMapping, TSourceField, TUnifySurvey } from "../types";
-import { parseCSVColumnsToFields } from "../utils";
-import { FormbricksSurveySelector } from "./formbricks-survey-selector";
-import { MappingUI } from "./mapping-ui";
-
-interface EditConnectorModalProps {
-  connector: TConnectorWithMappings | null;
-  open: boolean;
-  onOpenChange: (open: boolean) => void;
-  onUpdateConnector: (data: {
-    connectorId: string;
-    environmentId: string;
-    name: string;
-    surveyMappings?: { surveyId: string; elementIds: string[] }[];
-    fieldMappings?: TFieldMapping[];
-  }) => Promise<void>;
-  surveys: TUnifySurvey[];
-}
-
-const getConnectorIcon = (type: TConnectorType) => {
-  switch (type) {
-    case "formbricks":
-      return <GlobeIcon className="h-5 w-5 text-slate-500" />;
-    case "csv":
-      return <FileSpreadsheetIcon className="h-5 w-5 text-slate-500" />;
-    default:
-      return <GlobeIcon className="h-5 w-5 text-slate-500" />;
-  }
-};
-
-const getConnectorTypeLabelKey = (type: TConnectorType): string => {
-  switch (type) {
-    case "formbricks":
-      return "environments.unify.formbricks_surveys";
-    case "csv":
-      return "environments.unify.csv_import";
-    default:
-      return type;
-  }
-};
-
-const groupMappingsBySurvey = (
-  mappings: { surveyId: string; elementId: string }[]
-): Record<string, string[]> => {
-  const grouped: Record<string, string[]> = {};
-  for (const m of mappings) {
-    if (!grouped[m.surveyId]) grouped[m.surveyId] = [];
-    grouped[m.surveyId].push(m.elementId);
-  }
-  return grouped;
-};
-
-export const EditConnectorModal = ({
-  connector,
-  open,
-  onOpenChange,
-  onUpdateConnector,
-  surveys,
-}: EditConnectorModalProps) => {
-  const { t } = useTranslation();
-  const [connectorName, setConnectorName] = useState("");
-  const [mappings, setMappings] = useState<TFieldMapping[]>([]);
-  const [sourceFields, setSourceFields] = useState<TSourceField[]>([]);
-
-  const [selectedSurveyId, setSelectedSurveyId] = useState<string | null>(null);
-  const [elementIdsBySurvey, setElementIdsBySurvey] = useState<Record<string, string[]>>({});
-
-  const selectedElementIds = selectedSurveyId ? (elementIdsBySurvey[selectedSurveyId] ?? []) : [];
-
-  useEffect(() => {
-    if (connector) {
-      setConnectorName(connector.name);
-
-      if (connector.type === "formbricks") {
-        const fbMappings = connector.formbricksMappings;
-        setSelectedSurveyId(fbMappings.length > 0 ? fbMappings[0].surveyId : null);
-        setElementIdsBySurvey(groupMappingsBySurvey(fbMappings));
-        setSourceFields([]);
-        setMappings([]);
-      } else if (connector.type === "csv") {
-        const columnsFromMappings = [
-          ...new Set(connector.fieldMappings.map((m) => m.sourceFieldId).filter(Boolean)),
-        ];
-        setSourceFields(
-          columnsFromMappings.length > 0
-            ? parseCSVColumnsToFields(columnsFromMappings.join(","))
-            : parseCSVColumnsToFields(SAMPLE_CSV_COLUMNS)
-        );
-        setMappings(
-          connector.fieldMappings.map((m) => ({
-            sourceFieldId: m.sourceFieldId,
-            targetFieldId: m.targetFieldId,
-            staticValue: m.staticValue ?? undefined,
-          }))
-        );
-        setSelectedSurveyId(null);
-        setElementIdsBySurvey({});
-      } else {
-        setSourceFields([]);
-        setMappings([]);
-        setSelectedSurveyId(null);
-        setElementIdsBySurvey({});
-      }
-    }
-  }, [connector]);
-
-  const resetForm = () => {
-    setConnectorName("");
-    setMappings([]);
-    setSourceFields([]);
-    setSelectedSurveyId(null);
-    setElementIdsBySurvey({});
-  };
-
-  const handleOpenChange = (newOpen: boolean) => {
-    if (!newOpen) {
-      resetForm();
-    }
-    onOpenChange(newOpen);
-  };
-
-  const handleSurveySelect = (surveyId: string | null) => {
-    setSelectedSurveyId(surveyId);
-  };
-
-  const handleElementToggle = (elementId: string) => {
-    if (!selectedSurveyId) return;
-    setElementIdsBySurvey((prev) => {
-      const current = prev[selectedSurveyId] ?? [];
-      return {
-        ...prev,
-        [selectedSurveyId]: current.includes(elementId)
-          ? current.filter((id) => id !== elementId)
-          : [...current, elementId],
-      };
-    });
-  };
-
-  const handleSelectAllElements = (surveyId: string) => {
-    const survey = surveys.find((s) => s.id === surveyId);
-    if (survey) {
-      setElementIdsBySurvey((prev) => ({
-        ...prev,
-        [surveyId]: survey.elements.map((e) => e.id),
-      }));
-    }
-  };
-
-  const handleDeselectAllElements = () => {
-    if (!selectedSurveyId) return;
-    setElementIdsBySurvey((prev) => ({
-      ...prev,
-      [selectedSurveyId]: [],
-    }));
-  };
-
-  const handleUpdate = async () => {
-    if (!connector || !connectorName.trim()) return;
-
-    const surveyMappings = Object.entries(elementIdsBySurvey)
-      .filter(([, ids]) => ids.length > 0)
-      .map(([surveyId, elementIds]) => ({ surveyId, elementIds }));
-
-    await onUpdateConnector({
-      connectorId: connector.id,
-      environmentId: connector.environmentId,
-      name: connectorName.trim(),
-      surveyMappings:
-        connector.type === "formbricks" && surveyMappings.length > 0 ? surveyMappings : undefined,
-      fieldMappings: connector.type !== "formbricks" && mappings.length > 0 ? mappings : undefined,
-    });
-    handleOpenChange(false);
-  };
-
-  if (!connector) return null;
-
-  return (
-    <Dialog open={open} onOpenChange={handleOpenChange}>
-      <DialogContent className="max-w-3xl">
-        <DialogHeader>
-          <DialogTitle>{t("environments.unify.edit_source_connection")}</DialogTitle>
-          <DialogDescription>{t("environments.unify.update_mapping_description")}</DialogDescription>
-        </DialogHeader>
-
-        <div className="space-y-4 py-4">
-          <div className="flex items-center gap-3 rounded-lg border border-slate-200 bg-slate-50 p-3">
-            {getConnectorIcon(connector.type)}
-            <div>
-              <p className="text-sm font-medium text-slate-900">
-                {t(getConnectorTypeLabelKey(connector.type))}
-              </p>
-              <p className="text-xs text-slate-500">
-                {t("environments.unify.source_type_cannot_be_changed")}
-              </p>
-            </div>
-          </div>
-
-          <div className="space-y-2">
-            <Label htmlFor="editConnectorName">{t("environments.unify.source_name")}</Label>
-            <Input
-              id="editConnectorName"
-              value={connectorName}
-              onChange={(e) => setConnectorName(e.target.value)}
-              placeholder={t("environments.unify.enter_name_for_source")}
-            />
-          </div>
-
-          {connector.type === "formbricks" ? (
-            <div className="rounded-lg border border-slate-200 bg-slate-50 p-4">
-              <FormbricksSurveySelector
-                surveys={surveys}
-                selectedSurveyId={selectedSurveyId}
-                selectedElementIds={selectedElementIds}
-                onSurveySelect={handleSurveySelect}
-                onElementToggle={handleElementToggle}
-                onSelectAllElements={handleSelectAllElements}
-                onDeselectAllElements={handleDeselectAllElements}
-              />
-            </div>
-          ) : (
-            <div className="max-h-[50vh] overflow-y-auto rounded-lg border border-slate-200 bg-slate-50 p-4">
-              <MappingUI
-                sourceFields={sourceFields}
-                mappings={mappings}
-                onMappingsChange={setMappings}
-                connectorType={connector.type}
-              />
-            </div>
-          )}
-        </div>
-
-        <DialogFooter>
-          <Button
-            onClick={handleUpdate}
-            disabled={
-              !connectorName.trim() ||
-              (connector.type === "formbricks" &&
-                !Object.values(elementIdsBySurvey).some((ids) => ids.length > 0))
-            }>
-            {t("environments.unify.save_changes")}
-          </Button>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
-  );
-};

apps/web/app/(app)/environments/[environmentId]/workspace/unify/sources/components/formbricks-survey-selector.tsx

@@ -1,241 +0,0 @@
-"use client";
-
-import { CheckIcon, ChevronRightIcon, FileTextIcon, MessageSquareTextIcon, StarIcon } from "lucide-react";
-import { Trans, useTranslation } from "react-i18next";
-import { UNSUPPORTED_CONNECTOR_ELEMENT_TYPES } from "@formbricks/types/connector";
-import { TSurveyElementTypeEnum } from "@formbricks/types/surveys/constants";
-import { getTSurveyElementTypeEnumName } from "@/modules/survey/lib/elements";
-import { Badge } from "@/modules/ui/components/badge";
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/modules/ui/components/tooltip";
-import { TUnifySurvey } from "../types";
-
-interface FormbricksSurveySelectorProps {
-  surveys: TUnifySurvey[];
-  selectedSurveyId: string | null;
-  selectedElementIds: string[];
-  onSurveySelect: (surveyId: string | null) => void;
-  onElementToggle: (elementId: string) => void;
-  onSelectAllElements: (surveyId: string) => void;
-  onDeselectAllElements: () => void;
-}
-
-const getElementIcon = (type: TSurveyElementTypeEnum) => {
-  switch (type) {
-    case "openText":
-      return <MessageSquareTextIcon className="h-4 w-4 text-slate-500" />;
-    case "rating":
-    case "nps":
-      return <StarIcon className="h-4 w-4 text-amber-500" />;
-    default:
-      return <FileTextIcon className="h-4 w-4 text-slate-500" />;
-  }
-};
-
-const isUnsupportedType = (type: TSurveyElementTypeEnum): boolean => {
-  return UNSUPPORTED_CONNECTOR_ELEMENT_TYPES.includes(type);
-};
-
-export const FormbricksSurveySelector = ({
-  surveys,
-  selectedSurveyId,
-  selectedElementIds,
-  onSurveySelect,
-  onElementToggle,
-  onSelectAllElements,
-  onDeselectAllElements,
-}: FormbricksSurveySelectorProps) => {
-  const { t } = useTranslation();
-
-  const selectedSurvey = surveys.find((s) => s.id === selectedSurveyId);
-  const supportedElements = selectedSurvey?.elements.filter((e) => !isUnsupportedType(e.type)) ?? [];
-  const allSupportedSelected =
-    supportedElements.length > 0 && supportedElements.every((e) => selectedElementIds.includes(e.id));
-
-  const handleSurveyClick = (survey: TUnifySurvey) => {
-    if (selectedSurveyId !== survey.id) {
-      onSurveySelect(survey.id);
-    }
-  };
-
-  const handleSelectAllSupported = (surveyId: string) => {
-    onSelectAllElements(surveyId);
-  };
-
-  const getStatusBadge = (status: TUnifySurvey["status"]) => {
-    switch (status) {
-      case "active":
-        return <Badge text={t("environments.unify.status_active")} type="success" size="tiny" />;
-      case "paused":
-        return <Badge text={t("environments.unify.status_paused")} type="warning" size="tiny" />;
-      case "draft":
-        return <Badge text={t("environments.unify.status_draft")} type="gray" size="tiny" />;
-      case "completed":
-        return <Badge text={t("environments.unify.status_completed")} type="gray" size="tiny" />;
-      default:
-        return null;
-    }
-  };
-
-  const getSupportedElementCount = (survey: TUnifySurvey) =>
-    survey.elements.filter((e) => !isUnsupportedType(e.type)).length;
-
-  const getElementButtonClassName = (unsupported: boolean, isSelected: boolean): string => {
-    if (unsupported) return "cursor-not-allowed border-slate-100 bg-slate-50 opacity-50";
-    if (isSelected) return "border-green-300 bg-green-50";
-    return "border-slate-200 bg-white hover:border-slate-300";
-  };
-
-  const getCheckboxClassName = (unsupported: boolean, isSelected: boolean): string => {
-    if (unsupported) return "border border-slate-200 bg-slate-100";
-    if (isSelected) return "bg-green-500 text-white";
-    return "border border-slate-300 bg-white";
-  };
-
-  const renderElementPanel = () => {
-    if (!selectedSurvey) {
-      return (
-        <div className="flex flex-1 items-center justify-center rounded-lg border border-dashed border-slate-300 bg-slate-50">
-          <p className="text-sm text-slate-500">{t("environments.unify.select_a_survey_to_see_questions")}</p>
-        </div>
-      );
-    }
-
-    if (selectedSurvey.elements.length === 0) {
-      return (
-        <div className="flex flex-1 items-center justify-center rounded-lg border border-dashed border-slate-300 bg-slate-50">
-          <p className="text-sm text-slate-500">{t("environments.unify.survey_has_no_questions")}</p>
-        </div>
-      );
-    }
-
-    return (
-      <div className="space-y-2 overflow-y-auto pr-1">
-        <TooltipProvider delayDuration={200}>
-          {selectedSurvey.elements.map((element) => {
-            const isSelected = selectedElementIds.includes(element.id);
-            const unsupported = isUnsupportedType(element.type);
-
-            const button = (
-              <button
-                key={element.id}
-                type="button"
-                disabled={unsupported}
-                onClick={() => onElementToggle(element.id)}
-                className={`flex w-full items-center gap-3 rounded-lg border p-3 text-left transition-colors ${getElementButtonClassName(unsupported, isSelected)}`}>
-                <div
-                  className={`flex h-5 w-5 items-center justify-center rounded ${getCheckboxClassName(unsupported, isSelected)}`}>
-                  {isSelected && !unsupported && <CheckIcon className="h-3 w-3" />}
-                </div>
-                <div className="flex items-center gap-2">{getElementIcon(element.type)}</div>
-                <div className="flex-1">
-                  <p className={`text-sm ${unsupported ? "text-slate-400" : "text-slate-900"}`}>
-                    {element.headline}
-                  </p>
-                  <span className={`text-xs ${unsupported ? "text-slate-300" : "text-slate-500"}`}>
-                    {getTSurveyElementTypeEnumName(element.type, t) ?? element.type}
-                  </span>
-                </div>
-              </button>
-            );
-
-            if (unsupported) {
-              return (
-                <Tooltip key={element.id}>
-                  <TooltipTrigger asChild>{button}</TooltipTrigger>
-                  <TooltipContent>{t("environments.unify.question_type_not_supported")}</TooltipContent>
-                </Tooltip>
-              );
-            }
-
-            return button;
-          })}
-        </TooltipProvider>
-
-        {selectedElementIds.length > 0 && (
-          <div className="mt-4 rounded-lg border border-blue-200 bg-blue-50 p-3">
-            <p className="text-xs text-blue-700">
-              <Trans
-                i18nKey={
-                  selectedElementIds.length === 1
-                    ? "environments.unify.question_selected"
-                    : "environments.unify.questions_selected"
-                }
-                values={{ count: selectedElementIds.length }}
-                components={{ strong: <strong /> }}
-              />
-            </p>
-          </div>
-        )}
-      </div>
-    );
-  };
-
-  return (
-    <div className="grid h-[50vh] grid-cols-2 gap-6">
-      {/* Left: Survey List */}
-      <div className="flex flex-col gap-3 overflow-hidden">
-        <h4 className="shrink-0 text-sm font-medium text-slate-700">
-          {t("environments.unify.select_survey")}
-        </h4>
-        <div className="space-y-2 overflow-y-auto pr-1">
-          {surveys.length === 0 ? (
-            <div className="flex h-32 items-center justify-center rounded-lg border border-dashed border-slate-300 bg-slate-50">
-              <p className="text-sm text-slate-500">{t("environments.unify.no_surveys_found")}</p>
-            </div>
-          ) : (
-            surveys.map((survey) => {
-              const isSelected = selectedSurveyId === survey.id;
-
-              return (
-                <div key={survey.id}>
-                  <button
-                    type="button"
-                    onClick={() => handleSurveyClick(survey)}
-                    className={`flex w-full items-center gap-3 rounded-lg border p-3 text-left transition-colors ${
-                      isSelected
-                        ? "border-brand-dark bg-slate-50"
-                        : "border-slate-200 bg-white hover:border-slate-300"
-                    }`}>
-                    <div className="flex-1">
-                      <div className="flex items-center gap-2">
-                        <span className="text-sm font-medium text-slate-900">{survey.name}</span>
-                        {getStatusBadge(survey.status)}
-                      </div>
-                      <p className="text-xs text-slate-500">
-                        {t("environments.unify.n_supported_questions", {
-                          count: getSupportedElementCount(survey),
-                        })}
-                      </p>
-                    </div>
-                    {isSelected && <ChevronRightIcon className="text-brand-dark h-5 w-5 shrink-0" />}
-                  </button>
-                </div>
-              );
-            })
-          )}
-        </div>
-      </div>
-
-      {/* Right: Element Selection */}
-      <div className="flex flex-col gap-3 overflow-hidden">
-        <div className="flex shrink-0 items-center justify-between">
-          <h4 className="text-sm font-medium text-slate-700">{t("environments.unify.select_questions")}</h4>
-          {selectedSurvey && supportedElements.length > 0 && (
-            <button
-              type="button"
-              onClick={() =>
-                allSupportedSelected ? onDeselectAllElements() : handleSelectAllSupported(selectedSurvey.id)
-              }
-              className="text-xs text-slate-500 hover:text-slate-700">
-              {allSupportedSelected
-                ? t("environments.unify.deselect_all")
-                : t("environments.unify.select_all")}
-            </button>
-          )}
-        </div>
-
-        {renderElementPanel()}
-      </div>
-    </div>
-  );
-};

apps/web/app/(app)/environments/[environmentId]/workspace/unify/sources/components/mapping-field.tsx

@@ -1,309 +0,0 @@
-"use client";
-
-import { useDraggable, useDroppable } from "@dnd-kit/core";
-import { ChevronDownIcon, GripVerticalIcon, PencilIcon, XIcon } from "lucide-react";
-import { useState } from "react";
-import { useTranslation } from "react-i18next";
-import { Input } from "@/modules/ui/components/input";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "@/modules/ui/components/select";
-import { TFieldMapping, TSourceField, TTargetField } from "../types";
-
-interface DraggableSourceFieldProps {
-  field: TSourceField;
-  isMapped: boolean;
-}
-
-export function DraggableSourceField({ field, isMapped }: DraggableSourceFieldProps) {
-  const { attributes, listeners, setNodeRef, transform, isDragging } = useDraggable({
-    id: field.id,
-    data: field,
-  });
-
-  const style = transform
-    ? {
-        transform: `translate3d(${transform.x}px, ${transform.y}px, 0)`,
-      }
-    : undefined;
-
-  return (
-    <div
-      ref={setNodeRef}
-      style={style}
-      {...listeners}
-      {...attributes}
-      className={`flex cursor-grab items-center gap-2 rounded-md border p-2 text-sm transition-colors ${
-        isDragging
-          ? "border-brand-dark bg-slate-100 opacity-50"
-          : isMapped
-            ? "border-green-300 bg-green-50 text-green-800"
-            : "border-slate-200 bg-white hover:border-slate-300"
-      }`}>
-      <GripVerticalIcon className="h-4 w-4 text-slate-400" />
-      <div className="flex-1 truncate">
-        <span className="font-medium">{field.name}</span>
-        <span className="ml-2 text-xs text-slate-500">({field.type})</span>
-      </div>
-      {field.sampleValue && (
-        <span className="max-w-24 truncate text-xs text-slate-400">{field.sampleValue}</span>
-      )}
-    </div>
-  );
-}
-
-interface DroppableTargetFieldProps {
-  field: TTargetField;
-  mappedSourceField: TSourceField | null;
-  mapping: TFieldMapping | null;
-  onRemoveMapping: () => void;
-  onStaticValueChange: (value: string) => void;
-  isOver?: boolean;
-}
-
-export function DroppableTargetField({
-  field,
-  mappedSourceField,
-  mapping,
-  onRemoveMapping,
-  onStaticValueChange,
-  isOver,
-}: DroppableTargetFieldProps) {
-  const { t } = useTranslation();
-  const { setNodeRef, isOver: isOverCurrent } = useDroppable({
-    id: field.id,
-    data: field,
-  });
-
-  const [isEditingStatic, setIsEditingStatic] = useState(false);
-  const [customValue, setCustomValue] = useState("");
-
-  const isActive = isOver || isOverCurrent;
-  const hasMapping = mappedSourceField || mapping?.staticValue;
-
-  // Handle enum field type - show dropdown
-  if (field.type === "enum" && field.enumValues) {
-    return (
-      <div
-        ref={setNodeRef}
-        className={`flex items-center gap-2 rounded-md border p-2 text-sm transition-colors ${
-          mapping?.staticValue ? "border-green-300 bg-green-50" : "border-dashed border-slate-300 bg-slate-50"
-        }`}>
-        <div className="flex flex-1 flex-col gap-1">
-          <div className="flex items-center gap-2">
-            <span className="font-medium text-slate-900">{field.name}</span>
-            {field.required && <span className="text-xs text-red-500">*</span>}
-            <span className="text-xs text-slate-400">{t("environments.unify.enum")}</span>
-          </div>
-          <Select value={mapping?.staticValue || ""} onValueChange={onStaticValueChange}>
-            <SelectTrigger className="h-8 w-full bg-white">
-              <SelectValue placeholder={t("environments.unify.select_a_value")} />
-            </SelectTrigger>
-            <SelectContent>
-              {field.enumValues.map((value) => (
-                <SelectItem key={value} value={value}>
-                  {value}
-                </SelectItem>
-              ))}
-            </SelectContent>
-          </Select>
-        </div>
-      </div>
-    );
-  }
-
-  // Handle string fields - allow drag & drop OR static value
-  if (field.type === "string") {
-    return (
-      <div
-        ref={setNodeRef}
-        className={`flex items-center gap-2 rounded-md border p-2 text-sm transition-colors ${
-          isActive
-            ? "border-brand-dark bg-slate-100"
-            : hasMapping
-              ? "border-green-300 bg-green-50"
-              : "border-dashed border-slate-300 bg-slate-50"
-        }`}>
-        <div className="flex flex-1 flex-col gap-1">
-          <div className="flex items-center gap-2">
-            <span className="font-medium text-slate-900">{field.name}</span>
-            {field.required && <span className="text-xs text-red-500">*</span>}
-          </div>
-
-          {/* Show mapped source field */}
-          {mappedSourceField && !mapping?.staticValue && (
-            <div className="flex items-center gap-1">
-              <span className="text-xs text-green-700">← {mappedSourceField.name}</span>
-              <button
-                type="button"
-                onClick={onRemoveMapping}
-                className="ml-1 rounded p-0.5 hover:bg-green-100">
-                <XIcon className="h-3 w-3 text-green-600" />
-              </button>
-            </div>
-          )}
-
-          {/* Show static value */}
-          {mapping?.staticValue && !mappedSourceField && (
-            <div className="flex items-center gap-1">
-              <span className="rounded bg-blue-100 px-1.5 py-0.5 text-xs text-blue-700">
-                = &ldquo;{mapping.staticValue}&rdquo;
-              </span>
-              <button
-                type="button"
-                onClick={onRemoveMapping}
-                className="ml-1 rounded p-0.5 hover:bg-blue-100">
-                <XIcon className="h-3 w-3 text-blue-600" />
-              </button>
-            </div>
-          )}
-
-          {/* Show input for entering static value when editing */}
-          {isEditingStatic && !hasMapping && (
-            <div className="flex items-center gap-1">
-              <Input
-                type="text"
-                value={customValue}
-                onChange={(e) => setCustomValue(e.target.value)}
-                placeholder={
-                  field.exampleStaticValues
-                    ? `e.g., ${field.exampleStaticValues[0]}`
-                    : t("environments.unify.enter_value")
-                }
-                className="h-7 text-xs"
-                autoFocus
-                onKeyDown={(e) => {
-                  if (e.key === "Enter" && customValue.trim()) {
-                    onStaticValueChange(customValue.trim());
-                    setCustomValue("");
-                    setIsEditingStatic(false);
-                  }
-                  if (e.key === "Escape") {
-                    setCustomValue("");
-                    setIsEditingStatic(false);
-                  }
-                }}
-              />
-              <button
-                type="button"
-                onClick={() => {
-                  if (customValue.trim()) {
-                    onStaticValueChange(customValue.trim());
-                    setCustomValue("");
-                  }
-                  setIsEditingStatic(false);
-                }}
-                className="rounded p-1 text-slate-500 hover:bg-slate-200">
-                <ChevronDownIcon className="h-3 w-3" />
-              </button>
-            </div>
-          )}
-
-          {/* Show example values as quick select OR drop zone */}
-          {!hasMapping && !isEditingStatic && (
-            <div className="flex flex-wrap items-center gap-1">
-              <span className="text-xs text-slate-400">{t("environments.unify.drop_field_or")}</span>
-              <button
-                type="button"
-                onClick={() => setIsEditingStatic(true)}
-                className="flex items-center gap-1 rounded px-1 py-0.5 text-xs text-slate-500 hover:bg-slate-200">
-                <PencilIcon className="h-3 w-3" />
-                {t("environments.unify.set_value")}
-              </button>
-              {field.exampleStaticValues && field.exampleStaticValues.length > 0 && (
-                <>
-                  <span className="text-xs text-slate-300">|</span>
-                  {field.exampleStaticValues.slice(0, 3).map((val) => (
-                    <button
-                      key={val}
-                      type="button"
-                      onClick={() => onStaticValueChange(val)}
-                      className="rounded bg-slate-100 px-1.5 py-0.5 text-xs text-slate-600 hover:bg-slate-200">
-                      {val}
-                    </button>
-                  ))}
-                </>
-              )}
-            </div>
-          )}
-        </div>
-      </div>
-    );
-  }
-
-  // Helper to get display label for static values
-  const getStaticValueLabel = (value: string) => {
-    if (value === "$now") return t("environments.unify.feedback_date");
-    return value;
-  };
-
-  // Default behavior for other field types (timestamp, float64, boolean, jsonb, etc.)
-  const hasDefaultMapping = mappedSourceField || mapping?.staticValue;
-
-  return (
-    <div
-      ref={setNodeRef}
-      className={`flex items-center gap-2 rounded-md border p-2 text-sm transition-colors ${
-        isActive
-          ? "border-brand-dark bg-slate-100"
-          : hasDefaultMapping
-            ? "border-green-300 bg-green-50"
-            : "border-dashed border-slate-300 bg-slate-50"
-      }`}>
-      <div className="flex flex-1 flex-col">
-        <div className="flex items-center gap-2">
-          <span className="font-medium text-slate-900">{field.name}</span>
-          {field.required && <span className="text-xs text-red-500">*</span>}
-          <span className="text-xs text-slate-400">({field.type})</span>
-        </div>
-
-        {/* Show mapped source field */}
-        {mappedSourceField && !mapping?.staticValue && (
-          <div className="mt-1 flex items-center gap-1">
-            <span className="text-xs text-green-700">← {mappedSourceField.name}</span>
-            <button type="button" onClick={onRemoveMapping} className="ml-1 rounded p-0.5 hover:bg-green-100">
-              <XIcon className="h-3 w-3 text-green-600" />
-            </button>
-          </div>
-        )}
-
-        {/* Show static value */}
-        {mapping?.staticValue && !mappedSourceField && (
-          <div className="mt-1 flex items-center gap-1">
-            <span className="rounded bg-blue-100 px-1.5 py-0.5 text-xs text-blue-700">
-              = {getStaticValueLabel(mapping.staticValue)}
-            </span>
-            <button type="button" onClick={onRemoveMapping} className="ml-1 rounded p-0.5 hover:bg-blue-100">
-              <XIcon className="h-3 w-3 text-blue-600" />
-            </button>
-          </div>
-        )}
-
-        {/* Show drop zone with preset options */}
-        {!hasDefaultMapping && (
-          <div className="mt-1 flex flex-wrap items-center gap-1">
-            <span className="text-xs text-slate-400">{t("environments.unify.drop_a_field_here")}</span>
-            {field.exampleStaticValues && field.exampleStaticValues.length > 0 && (
-              <>
-                <span className="text-xs text-slate-300">|</span>
-                {field.exampleStaticValues.map((val) => (
-                  <button
-                    key={val}
-                    type="button"
-                    onClick={() => onStaticValueChange(val)}
-                    className="rounded bg-slate-100 px-1.5 py-0.5 text-xs text-slate-600 hover:bg-slate-200">
-                    {getStaticValueLabel(val)}
-                  </button>
-                ))}
-              </>
-            )}
-          </div>
-        )}
-      </div>
-    </div>
-  );
-}

apps/web/app/(app)/environments/[environmentId]/workspace/unify/sources/components/mapping-ui.tsx

@@ -1,148 +0,0 @@
-"use client";
-
-import { DndContext, DragEndEvent, DragOverlay, DragStartEvent } from "@dnd-kit/core";
-import { useState } from "react";
-import { useTranslation } from "react-i18next";
-import { TConnectorType } from "@formbricks/types/connector";
-import { FEEDBACK_RECORD_FIELDS, TFieldMapping, TSourceField } from "../types";
-import { DraggableSourceField, DroppableTargetField } from "./mapping-field";
-
-interface MappingUIProps {
-  sourceFields: TSourceField[];
-  mappings: TFieldMapping[];
-  onMappingsChange: (mappings: TFieldMapping[]) => void;
-  connectorType: TConnectorType;
-}
-
-export function MappingUI({ sourceFields, mappings, onMappingsChange, connectorType }: MappingUIProps) {
-  const { t } = useTranslation();
-  const [activeId, setActiveId] = useState<string | null>(null);
-
-  const requiredFields = FEEDBACK_RECORD_FIELDS.filter((f) => f.required);
-  const optionalFields = FEEDBACK_RECORD_FIELDS.filter((f) => !f.required);
-
-  const handleDragStart = (event: DragStartEvent) => {
-    setActiveId(event.active.id as string);
-  };
-
-  const handleDragEnd = (event: DragEndEvent) => {
-    const { active, over } = event;
-    setActiveId(null);
-
-    if (!over) return;
-
-    const sourceFieldId = active.id as string;
-    const targetFieldId = over.id as string;
-
-    const newMappings = mappings.filter(
-      (m) => m.sourceFieldId !== sourceFieldId && m.targetFieldId !== targetFieldId
-    );
-    onMappingsChange([...newMappings, { sourceFieldId, targetFieldId }]);
-  };
-
-  const handleRemoveMapping = (targetFieldId: string) => {
-    onMappingsChange(mappings.filter((m) => m.targetFieldId !== targetFieldId));
-  };
-
-  const handleStaticValueChange = (targetFieldId: string, staticValue: string) => {
-    const newMappings = mappings.filter((m) => m.targetFieldId !== targetFieldId);
-    onMappingsChange([...newMappings, { targetFieldId, staticValue }]);
-  };
-
-  const getSourceFieldById = (id: string) => sourceFields.find((f) => f.id === id);
-
-  const getMappingForTarget = (targetFieldId: string) => {
-    return mappings.find((m) => m.targetFieldId === targetFieldId) ?? null;
-  };
-
-  const getMappedSourceField = (targetFieldId: string) => {
-    const mapping = getMappingForTarget(targetFieldId);
-    return mapping?.sourceFieldId ? getSourceFieldById(mapping.sourceFieldId) : null;
-  };
-
-  const isSourceFieldMapped = (sourceFieldId: string) =>
-    mappings.some((m) => m.sourceFieldId === sourceFieldId);
-
-  const activeField = activeId ? getSourceFieldById(activeId) : null;
-
-  return (
-    <DndContext onDragStart={handleDragStart} onDragEnd={handleDragEnd}>
-      <div className="grid grid-cols-2 gap-6">
-        {/* Source Fields Panel */}
-        <div className="space-y-3">
-          <h4 className="text-sm font-medium text-slate-700">
-            {connectorType === "csv"
-              ? t("environments.unify.csv_columns")
-              : t("environments.unify.source_fields")}
-          </h4>
-
-          {sourceFields.length === 0 ? (
-            <div className="flex h-64 items-center justify-center rounded-lg border border-dashed border-slate-300 bg-slate-50">
-              <p className="text-sm text-slate-500">
-                {connectorType === "csv"
-                  ? t("environments.unify.click_load_sample_csv")
-                  : t("environments.unify.no_source_fields_loaded")}
-              </p>
-            </div>
-          ) : (
-            <div className="space-y-2">
-              {sourceFields.map((field) => (
-                <DraggableSourceField key={field.id} field={field} isMapped={isSourceFieldMapped(field.id)} />
-              ))}
-            </div>
-          )}
-        </div>
-
-        {/* Target Fields Panel */}
-        <div className="space-y-3">
-          <h4 className="text-sm font-medium text-slate-700">
-            {t("environments.unify.hub_feedback_record_fields")}
-          </h4>
-
-          {/* Required Fields */}
-          <div className="space-y-2">
-            <p className="text-xs font-medium uppercase tracking-wide text-slate-500">
-              {t("environments.unify.required")}
-            </p>
-            {requiredFields.map((field) => (
-              <DroppableTargetField
-                key={field.id}
-                field={field}
-                mappedSourceField={getMappedSourceField(field.id) ?? null}
-                mapping={getMappingForTarget(field.id)}
-                onRemoveMapping={() => handleRemoveMapping(field.id)}
-                onStaticValueChange={(value) => handleStaticValueChange(field.id, value)}
-              />
-            ))}
-          </div>
-
-          {/* Optional Fields */}
-          <div className="mt-4 space-y-2">
-            <p className="text-xs font-medium uppercase tracking-wide text-slate-500">
-              {t("environments.unify.optional")}
-            </p>
-            {optionalFields.map((field) => (
-              <DroppableTargetField
-                key={field.id}
-                field={field}
-                mappedSourceField={getMappedSourceField(field.id) ?? null}
-                mapping={getMappingForTarget(field.id)}
-                onRemoveMapping={() => handleRemoveMapping(field.id)}
-                onStaticValueChange={(value) => handleStaticValueChange(field.id, value)}
-              />
-            ))}
-          </div>
-        </div>
-      </div>
-
-      <DragOverlay>
-        {activeField ? (
-          <div className="border-brand-dark rounded-md border bg-white p-2 text-sm shadow-lg">
-            <span className="font-medium">{activeField.name}</span>
-            <span className="ml-2 text-xs text-slate-500">({activeField.type})</span>
-          </div>
-        ) : null}
-      </DragOverlay>
-    </DndContext>
-  );
-}

apps/web/app/(app)/environments/[environmentId]/workspace/unify/sources/lib.test.ts

@@ -1,243 +0,0 @@
-import { describe, expect, test, vi } from "vitest";
-import { TSurveyElementTypeEnum } from "@formbricks/types/surveys/elements";
-import { TSurvey } from "@formbricks/types/surveys/types";
-import { transformToUnifySurvey } from "./lib";
-
-vi.mock("@formbricks/types/surveys/validation", () => ({
-  getTextContent: (str: string) => str,
-}));
-
-vi.mock("@/lib/i18n/utils", () => ({
-  getLocalizedValue: (val: Record<string, string>, _lang: string) => val?.default ?? "",
-}));
-
-vi.mock("@/lib/survey/utils", () => ({
-  getElementsFromBlocks: (blocks: Array<{ elements: unknown[] }>) =>
-    blocks.flatMap((block) => block.elements),
-}));
-
-vi.mock("@/lib/utils/recall", () => ({
-  recallToHeadline: (headline: Record<string, string>) => headline,
-}));
-
-const NOW = new Date("2026-02-24T10:00:00.000Z");
-
-const createMockSurvey = (overrides: Partial<TSurvey> = {}): TSurvey =>
-  ({
-    id: "survey-1",
-    name: "Test Survey",
-    status: "inProgress",
-    createdAt: NOW,
-    blocks: [
-      {
-        elements: [
-          {
-            id: "el-text",
-            type: TSurveyElementTypeEnum.OpenText,
-            headline: { default: "What do you think?" },
-            required: true,
-          },
-          {
-            id: "el-nps",
-            type: TSurveyElementTypeEnum.NPS,
-            headline: { default: "How likely to recommend?" },
-            required: false,
-          },
-        ],
-      },
-    ],
-    ...overrides,
-  }) as unknown as TSurvey;
-
-describe("transformToUnifySurvey", () => {
-  test("transforms a survey with basic elements", () => {
-    const result = transformToUnifySurvey(createMockSurvey());
-
-    expect(result).toEqual({
-      id: "survey-1",
-      name: "Test Survey",
-      status: "active",
-      createdAt: NOW,
-      elements: [
-        {
-          id: "el-text",
-          type: TSurveyElementTypeEnum.OpenText,
-          headline: "What do you think?",
-          required: true,
-        },
-        {
-          id: "el-nps",
-          type: TSurveyElementTypeEnum.NPS,
-          headline: "How likely to recommend?",
-          required: false,
-        },
-      ],
-    });
-  });
-
-  test("filters out CTA elements", () => {
-    const survey = createMockSurvey({
-      blocks: [
-        {
-          elements: [
-            {
-              id: "el-text",
-              type: TSurveyElementTypeEnum.OpenText,
-              headline: { default: "Feedback" },
-              required: true,
-            },
-            {
-              id: "el-cta",
-              type: TSurveyElementTypeEnum.CTA,
-              headline: { default: "Click here" },
-              required: false,
-            },
-          ],
-        },
-      ],
-    } as Partial<TSurvey>);
-
-    const result = transformToUnifySurvey(survey);
-
-    expect(result.elements).toHaveLength(1);
-    expect(result.elements[0].id).toBe("el-text");
-  });
-
-  test("defaults required to false when not set", () => {
-    const survey = createMockSurvey({
-      blocks: [
-        {
-          elements: [
-            {
-              id: "el-1",
-              type: TSurveyElementTypeEnum.Rating,
-              headline: { default: "Rate us" },
-            },
-          ],
-        },
-      ],
-    } as Partial<TSurvey>);
-
-    const result = transformToUnifySurvey(survey);
-    expect(result.elements[0].required).toBe(false);
-  });
-
-  test("falls back to 'Untitled' when headline is empty", () => {
-    const survey = createMockSurvey({
-      blocks: [
-        {
-          elements: [
-            {
-              id: "el-1",
-              type: TSurveyElementTypeEnum.OpenText,
-              headline: { default: "" },
-              required: false,
-            },
-          ],
-        },
-      ],
-    } as Partial<TSurvey>);
-
-    const result = transformToUnifySurvey(survey);
-    expect(result.elements[0].headline).toBe("Untitled");
-  });
-
-  describe("mapSurveyStatus", () => {
-    test("maps 'inProgress' to 'active'", () => {
-      const result = transformToUnifySurvey(createMockSurvey({ status: "inProgress" } as Partial<TSurvey>));
-      expect(result.status).toBe("active");
-    });
-
-    test("maps 'paused' to 'paused'", () => {
-      const result = transformToUnifySurvey(createMockSurvey({ status: "paused" } as Partial<TSurvey>));
-      expect(result.status).toBe("paused");
-    });
-
-    test("maps 'draft' to 'draft'", () => {
-      const result = transformToUnifySurvey(createMockSurvey({ status: "draft" } as Partial<TSurvey>));
-      expect(result.status).toBe("draft");
-    });
-
-    test("maps 'completed' to 'completed'", () => {
-      const result = transformToUnifySurvey(createMockSurvey({ status: "completed" } as Partial<TSurvey>));
-      expect(result.status).toBe("completed");
-    });
-
-    test("maps unknown status to 'draft'", () => {
-      const result = transformToUnifySurvey(createMockSurvey({ status: "archived" } as Partial<TSurvey>));
-      expect(result.status).toBe("draft");
-    });
-  });
-
-  test("handles multiple blocks", () => {
-    const survey = createMockSurvey({
-      blocks: [
-        {
-          elements: [
-            {
-              id: "el-1",
-              type: TSurveyElementTypeEnum.OpenText,
-              headline: { default: "Q1" },
-              required: true,
-            },
-          ],
-        },
-        {
-          elements: [
-            { id: "el-2", type: TSurveyElementTypeEnum.Rating, headline: { default: "Q2" }, required: false },
-          ],
-        },
-      ],
-    } as Partial<TSurvey>);
-
-    const result = transformToUnifySurvey(survey);
-    expect(result.elements).toHaveLength(2);
-    expect(result.elements[0].id).toBe("el-1");
-    expect(result.elements[1].id).toBe("el-2");
-  });
-
-  test("handles empty blocks", () => {
-    const survey = createMockSurvey({ blocks: [] } as Partial<TSurvey>);
-    const result = transformToUnifySurvey(survey);
-    expect(result.elements).toEqual([]);
-  });
-
-  test("preserves all element types except CTA", () => {
-    const elementTypes = [
-      TSurveyElementTypeEnum.OpenText,
-      TSurveyElementTypeEnum.NPS,
-      TSurveyElementTypeEnum.Rating,
-      TSurveyElementTypeEnum.MultipleChoiceSingle,
-      TSurveyElementTypeEnum.MultipleChoiceMulti,
-      TSurveyElementTypeEnum.Date,
-      TSurveyElementTypeEnum.Consent,
-      TSurveyElementTypeEnum.Matrix,
-      TSurveyElementTypeEnum.Ranking,
-      TSurveyElementTypeEnum.PictureSelection,
-      TSurveyElementTypeEnum.ContactInfo,
-      TSurveyElementTypeEnum.Address,
-      TSurveyElementTypeEnum.FileUpload,
-      TSurveyElementTypeEnum.Cal,
-      TSurveyElementTypeEnum.CTA,
-    ];
-
-    const survey = createMockSurvey({
-      blocks: [
-        {
-          elements: elementTypes.map((type, i) => ({
-            id: `el-${i.toString()}`,
-            type,
-            headline: { default: `Question ${i.toString()}` },
-            required: false,
-          })),
-        },
-      ],
-    } as Partial<TSurvey>);
-
-    const result = transformToUnifySurvey(survey);
-    const resultTypes = result.elements.map((e) => e.type);
-
-    expect(resultTypes).not.toContain(TSurveyElementTypeEnum.CTA);
-    expect(result.elements).toHaveLength(elementTypes.length - 1);
-  });
-});

apps/web/app/(app)/environments/[environmentId]/workspace/unify/sources/lib.ts

@@ -1,51 +0,0 @@
-import { TSurveyElement, TSurveyElementTypeEnum } from "@formbricks/types/surveys/elements";
-import { TSurvey } from "@formbricks/types/surveys/types";
-import { getTextContent } from "@formbricks/types/surveys/validation";
-import { getLocalizedValue } from "@/lib/i18n/utils";
-import { getElementsFromBlocks } from "@/lib/survey/utils";
-import { recallToHeadline } from "@/lib/utils/recall";
-import { TUnifySurvey, TUnifySurveyElement } from "./types";
-
-const getElementHeadline = (element: TSurveyElement, survey: TSurvey): string => {
-  return (
-    getTextContent(
-      getLocalizedValue(recallToHeadline(element.headline, survey, false, "default"), "default")
-    ) || "Untitled"
-  );
-};
-
-const mapSurveyStatus = (status: string): TUnifySurvey["status"] => {
-  switch (status) {
-    case "inProgress":
-      return "active";
-    case "paused":
-      return "paused";
-    case "draft":
-      return "draft";
-    case "completed":
-      return "completed";
-    default:
-      return "draft";
-  }
-};
-
-export const transformToUnifySurvey = (survey: TSurvey): TUnifySurvey => {
-  const elements = getElementsFromBlocks(survey.blocks);
-
-  const unifySurveyElements: TUnifySurveyElement[] = elements
-    .filter((el) => el.type !== TSurveyElementTypeEnum.CTA)
-    .map((el) => ({
-      id: el.id,
-      type: el.type,
-      headline: getElementHeadline(el, survey),
-      required: el.required ?? false,
-    }));
-
-  return {
-    id: survey.id,
-    name: survey.name,
-    status: mapSurveyStatus(survey.status),
-    elements: unifySurveyElements,
-    createdAt: survey.createdAt,
-  };
-};

apps/web/app/(app)/environments/[environmentId]/workspace/unify/sources/page.tsx

@@ -1,26 +0,0 @@
-import { getConnectorsWithMappings } from "@/lib/connector/service";
-import { getSurveys } from "@/lib/survey/service";
-import { getEnvironmentAuth } from "@/modules/environments/lib/utils";
-import { ConnectorsSection } from "./components/connectors-page-client";
-import { transformToUnifySurvey } from "./lib";
-
-export default async function UnifySourcesPage(props: { params: Promise<{ environmentId: string }> }) {
-  const params = await props.params;
-
-  await getEnvironmentAuth(params.environmentId);
-
-  const [connectors, surveys] = await Promise.all([
-    getConnectorsWithMappings(params.environmentId),
-    getSurveys(params.environmentId),
-  ]);
-
-  const unifySurveys = surveys.map(transformToUnifySurvey);
-
-  return (
-    <ConnectorsSection
-      environmentId={params.environmentId}
-      initialConnectors={connectors}
-      initialSurveys={unifySurveys}
-    />
-  );
-}

apps/web/app/(app)/environments/[environmentId]/workspace/unify/sources/types.ts

@@ -1,215 +0,0 @@
-import { TFunction } from "i18next";
-import { z } from "zod";
-import { THubFieldType, ZHubFieldType } from "@formbricks/types/connector";
-import { TSurveyElementTypeEnum } from "@formbricks/types/surveys/constants";
-
-export interface TUnifySurveyElement {
-  id: string;
-  type: TSurveyElementTypeEnum;
-  headline: string;
-  required: boolean;
-}
-
-export interface TUnifySurvey {
-  id: string;
-  name: string;
-  status: "draft" | "active" | "paused" | "completed";
-  elements: TUnifySurveyElement[];
-  createdAt: Date;
-}
-
-export interface TFieldMapping {
-  targetFieldId: string;
-  sourceFieldId?: string;
-  staticValue?: string;
-}
-
-export type TTargetFieldType = "string" | "enum" | "timestamp" | "float64" | "boolean" | "jsonb" | "string[]";
-
-export interface TTargetField {
-  id: string;
-  name: string;
-  type: TTargetFieldType;
-  required: boolean;
-  description: string;
-  enumValues?: THubFieldType[];
-  exampleStaticValues?: string[];
-}
-
-export interface TSourceField {
-  id: string;
-  name: string;
-  type: string;
-  sampleValue?: string;
-}
-
-export const FEEDBACK_RECORD_FIELDS: TTargetField[] = [
-  {
-    id: "collected_at",
-    name: "Collected At",
-    type: "timestamp",
-    required: true,
-    description: "When the feedback was originally collected",
-    exampleStaticValues: ["$now"],
-  },
-  {
-    id: "source_type",
-    name: "Source Type",
-    type: "string",
-    required: true,
-    description: "Type of source (e.g., survey, review, support)",
-    exampleStaticValues: ["survey", "review", "support", "email", "qualtrics", "typeform", "intercom"],
-  },
-  {
-    id: "field_id",
-    name: "Field ID",
-    type: "string",
-    required: true,
-    description: "Unique question/field identifier",
-  },
-  {
-    id: "field_type",
-    name: "Field Type",
-    type: "enum",
-    required: true,
-    description: "Data type (text, nps, csat, rating, etc.)",
-    enumValues: ZHubFieldType.options,
-  },
-  {
-    id: "tenant_id",
-    name: "Tenant ID",
-    type: "string",
-    required: false,
-    description: "Tenant/organization identifier for multi-tenant deployments",
-  },
-  {
-    id: "source_id",
-    name: "Source ID",
-    type: "string",
-    required: false,
-    description: "Reference to survey/form/ticket/review ID",
-  },
-  {
-    id: "source_name",
-    name: "Source Name",
-    type: "string",
-    required: false,
-    description: "Human-readable source name for display",
-    exampleStaticValues: ["Product Feedback", "Customer Support", "NPS Survey", "Qualtrics Import"],
-  },
-  {
-    id: "field_label",
-    name: "Field Label",
-    type: "string",
-    required: false,
-    description: "Question text or field label for display",
-  },
-  {
-    id: "field_group_id",
-    name: "Field Group ID",
-    type: "string",
-    required: false,
-    description: "Stable identifier grouping related fields (for ranking, matrix, grid questions)",
-  },
-  {
-    id: "field_group_label",
-    name: "Field Group Label",
-    type: "string",
-    required: false,
-    description: "Human-readable question text for the group",
-  },
-  {
-    id: "value_text",
-    name: "Value (Text)",
-    type: "string",
-    required: false,
-    description: "Text responses (feedback, comments, open-ended answers)",
-  },
-  {
-    id: "value_number",
-    name: "Value (Number)",
-    type: "float64",
-    required: false,
-    description: "Numeric responses (ratings, scores, NPS, CSAT)",
-  },
-  {
-    id: "value_boolean",
-    name: "Value (Boolean)",
-    type: "boolean",
-    required: false,
-    description: "Yes/no responses",
-  },
-  {
-    id: "value_date",
-    name: "Value (Date)",
-    type: "timestamp",
-    required: false,
-    description: "Date/datetime responses",
-  },
-  {
-    id: "metadata",
-    name: "Metadata",
-    type: "jsonb",
-    required: false,
-    description: "Flexible context (device, location, campaign, custom fields)",
-  },
-  {
-    id: "language",
-    name: "Language",
-    type: "string",
-    required: false,
-    description: "ISO 639-1 language code (e.g., en, de, fr)",
-    exampleStaticValues: ["en", "de", "fr", "es", "pt", "ja", "zh"],
-  },
-  {
-    id: "user_identifier",
-    name: "User Identifier",
-    type: "string",
-    required: false,
-    description: "Anonymous user ID for tracking (hashed, never PII)",
-  },
-];
-
-export const SAMPLE_CSV_COLUMNS = "timestamp,customer_id,rating,feedback_text,category";
-
-export const MAX_CSV_VALUES = {
-  FILE_SIZE: 2_097_152, // 2MB (2 * 1024 * 1024)
-  RECORDS: 1_000, // 1,000 records
-} as const;
-
-export const createFeedbackCSVDataSchema = (t: TFunction) =>
-  z
-    .array(z.record(z.string(), z.string()))
-    .min(1, { message: t("environments.unify.csv_at_least_one_row") })
-    .max(MAX_CSV_VALUES.RECORDS, {
-      message: t("environments.unify.csv_max_records", {
-        max: MAX_CSV_VALUES.RECORDS.toLocaleString(),
-      }),
-    })
-    .superRefine((rows, ctx) => {
-      const localeSort = (a: string, b: string) => a.localeCompare(b);
-      const firstRowKeys = Object.keys(rows[0]).sort(localeSort).join(",");
-
-      for (let i = 1; i < rows.length; i++) {
-        const rowKeys = Object.keys(rows[i]).sort(localeSort).join(",");
-        if (rowKeys !== firstRowKeys) {
-          ctx.addIssue({
-            code: z.ZodIssueCode.custom,
-            message: t("environments.unify.csv_inconsistent_columns", { row: (i + 1).toString() }),
-          });
-          return;
-        }
-      }
-
-      const emptyHeaders = Object.keys(rows[0]).filter((k) => k.trim() === "");
-      if (emptyHeaders.length > 0) {
-        ctx.addIssue({
-          code: z.ZodIssueCode.custom,
-          message: t("environments.unify.csv_empty_column_headers"),
-        });
-      }
-    });
-
-export type TFeedbackCSVData = z.infer<ReturnType<typeof createFeedbackCSVDataSchema>>;
-
-export type TCreateConnectorStep = "selectType" | "mapping";

apps/web/app/(app)/environments/[environmentId]/workspace/unify/sources/utils.test.ts

@@ -1,58 +0,0 @@
-import { describe, expect, test } from "vitest";
-import { TSourceField } from "./types";
-import { getConnectorOptions, parseCSVColumnsToFields } from "./utils";
-
-const mockT = (key: string) => key;
-
-describe("getConnectorOptions", () => {
-  test("returns formbricks and csv options", () => {
-    const options = getConnectorOptions(mockT as never);
-    expect(options).toHaveLength(2);
-    expect(options[0].id).toBe("formbricks");
-    expect(options[1].id).toBe("csv");
-  });
-
-  test("both options are enabled by default", () => {
-    const options = getConnectorOptions(mockT as never);
-    expect(options.every((o) => !o.disabled)).toBe(true);
-  });
-
-  test("uses translation keys for name and description", () => {
-    const options = getConnectorOptions(mockT as never);
-    expect(options[0].name).toBe("environments.unify.formbricks_surveys");
-    expect(options[0].description).toBe("environments.unify.source_connect_formbricks_description");
-    expect(options[1].name).toBe("environments.unify.csv_import");
-    expect(options[1].description).toBe("environments.unify.source_connect_csv_description");
-  });
-});
-
-describe("parseCSVColumnsToFields", () => {
-  test("parses comma-separated column names into source fields", () => {
-    const result = parseCSVColumnsToFields("name,email,score");
-    expect(result).toHaveLength(3);
-    expect(result).toEqual<TSourceField[]>([
-      { id: "name", name: "name", type: "string", sampleValue: "Sample name" },
-      { id: "email", name: "email", type: "string", sampleValue: "Sample email" },
-      { id: "score", name: "score", type: "string", sampleValue: "Sample score" },
-    ]);
-  });
-
-  test("trims whitespace from column names", () => {
-    const result = parseCSVColumnsToFields(" name , email , score ");
-    expect(result[0].id).toBe("name");
-    expect(result[1].id).toBe("email");
-    expect(result[2].id).toBe("score");
-  });
-
-  test("handles single column", () => {
-    const result = parseCSVColumnsToFields("feedback");
-    expect(result).toHaveLength(1);
-    expect(result[0].id).toBe("feedback");
-  });
-
-  test("generates sample values from column names", () => {
-    const result = parseCSVColumnsToFields("rating,comment");
-    expect(result[0].sampleValue).toBe("Sample rating");
-    expect(result[1].sampleValue).toBe("Sample comment");
-  });
-});

apps/web/app/(app)/environments/[environmentId]/workspace/unify/sources/utils.ts

@@ -1,32 +0,0 @@
-import { TFunction } from "i18next";
-import { TSourceField } from "./types";
-
-export interface TConnectorOption {
-  id: string;
-  name: string;
-  description: string;
-  disabled: boolean;
-  badge?: { text: string; type: "success" | "gray" | "warning" };
-}
-
-export const getConnectorOptions = (t: TFunction): TConnectorOption[] => [
-  {
-    id: "formbricks",
-    name: t("environments.unify.formbricks_surveys"),
-    description: t("environments.unify.source_connect_formbricks_description"),
-    disabled: false,
-  },
-  {
-    id: "csv",
-    name: t("environments.unify.csv_import"),
-    description: t("environments.unify.source_connect_csv_description"),
-    disabled: false,
-  },
-];
-
-export const parseCSVColumnsToFields = (columns: string): TSourceField[] => {
-  return columns.split(",").map((col) => {
-    const trimmed = col.trim();
-    return { id: trimmed, name: trimmed, type: "string", sampleValue: `Sample ${trimmed}` };
-  });
-};

apps/web/app/api/(internal)/pipeline/route.ts

@@ -8,7 +8,6 @@ import { sendTelemetryEvents } from "@/app/api/(internal)/pipeline/lib/telemetry
 import { ZPipelineInput } from "@/app/api/(internal)/pipeline/types/pipelines";
 import { responses } from "@/app/lib/api/response";
 import { transformErrorToDetails } from "@/app/lib/api/validator";
-import { handleConnectorPipeline } from "@/lib/connector/pipeline-handler";
 import { CRON_SECRET } from "@/lib/constants";
 import { generateStandardWebhookSignature } from "@/lib/crypto";
 import { getIntegrations } from "@/lib/integration/service";
@@ -31,10 +30,7 @@ export const POST = async (request: Request) => {
   }
 
   const jsonInput = await request.json();
-  const convertedJsonInput = convertDatesInObject(
-    jsonInput,
-    new Set(["contactAttributes", "variables", "data", "meta"])
-  );
+  const convertedJsonInput = convertDatesInObject(jsonInput);
 
   const inputValidation = ZPipelineInput.safeParse(convertedJsonInput);
 
@@ -142,14 +138,6 @@ export const POST = async (request: Request) => {
   });
 
   if (event === "responseFinished") {
-    // Handle connector pipeline for Hub integration (only on responseFinished to avoid duplicates)
-    // This sends response data to the Hub for configured connectors
-    try {
-      await handleConnectorPipeline(response, survey, environmentId);
-    } catch (error) {
-      // Log but don't throw - connector failures shouldn't break the main pipeline
-      logger.error({ error, surveyId, responseId: response.id }, "Connector pipeline failed");
-    }
     // Fetch integrations and responseCount in parallel
     const [integrations, responseCount] = await Promise.all([
       getIntegrations(environmentId),
@@ -227,14 +215,7 @@ export const POST = async (request: Request) => {
     }
 
     const emailPromises = usersWithNotifications.map((user) =>
-      sendResponseFinishedEmail(
-        user.email,
-        user.locale,
-        environmentId,
-        survey,
-        response,
-        responseCount
-      ).catch((error) => {
+      sendResponseFinishedEmail(user.email, environmentId, survey, response, responseCount).catch((error) => {
         logger.error(
           { error, url: request.url, userEmail: user.email },
           `Failed to send email to ${user.email}`

apps/web/app/api/google-sheet/callback/route.ts

@@ -1,5 +1,4 @@
 import { google } from "googleapis";
-import { getServerSession } from "next-auth";
 import { responses } from "@/app/lib/api/response";
 import {
   GOOGLE_SHEETS_CLIENT_ID,
@@ -7,29 +6,18 @@ import {
   GOOGLE_SHEETS_REDIRECT_URL,
   WEBAPP_URL,
 } from "@/lib/constants";
-import { hasUserEnvironmentAccess } from "@/lib/environment/auth";
 import { createOrUpdateIntegration } from "@/lib/integration/service";
-import { authOptions } from "@/modules/auth/lib/authOptions";
 
 export const GET = async (req: Request) => {
-  const url = new URL(req.url);
-  const environmentId = url.searchParams.get("state");
-  const code = url.searchParams.get("code");
+  const url = req.url;
+  const queryParams = new URLSearchParams(url.split("?")[1]); // Split the URL and get the query parameters
+  const environmentId = queryParams.get("state"); // Get the value of the 'state' parameter
+  const code = queryParams.get("code");
 
   if (!environmentId) {
     return responses.badRequestResponse("Invalid environmentId");
   }
 
-  const session = await getServerSession(authOptions);
-  if (!session) {
-    return responses.notAuthenticatedResponse();
-  }
-
-  const canUserAccessEnvironment = await hasUserEnvironmentAccess(session.user.id, environmentId);
-  if (!canUserAccessEnvironment) {
-    return responses.unauthorizedResponse();
-  }
-
   if (code && typeof code !== "string") {
     return responses.badRequestResponse("`code` must be a string");
   }

apps/web/app/api/v1/client/[environmentId]/app/sync/[userId]/route.ts

@@ -0,0 +1,180 @@
+// Deprecated: This api route is deprecated now and will be removed in the future.
+// Deprecated: This is currently only being used for the older react native SDKs. Please upgrade to the latest SDKs.
+import { NextRequest, userAgent } from "next/server";
+import { prisma } from "@formbricks/database";
+import { logger } from "@formbricks/logger";
+import { TJsPeopleUserIdInput, ZJsPeopleUserIdInput } from "@formbricks/types/js";
+import { TSurvey } from "@formbricks/types/surveys/types";
+import { getContactByUserId } from "@/app/api/v1/client/[environmentId]/app/sync/lib/contact";
+import { getSyncSurveys } from "@/app/api/v1/client/[environmentId]/app/sync/lib/survey";
+import { replaceAttributeRecall } from "@/app/api/v1/client/[environmentId]/app/sync/lib/utils";
+import { responses } from "@/app/lib/api/response";
+import { transformErrorToDetails } from "@/app/lib/api/validator";
+import { withV1ApiWrapper } from "@/app/lib/api/with-api-logging";
+import { getActionClasses } from "@/lib/actionClass/service";
+import { IS_FORMBRICKS_CLOUD } from "@/lib/constants";
+import { getEnvironment, updateEnvironment } from "@/lib/environment/service";
+import {
+  getMonthlyOrganizationResponseCount,
+  getOrganizationByEnvironmentId,
+} from "@/lib/organization/service";
+import { getProjectByEnvironmentId } from "@/lib/project/service";
+import { COLOR_DEFAULTS } from "@/lib/styling/constants";
+
+const validateInput = (
+  environmentId: string,
+  userId: string
+): { isValid: true; data: TJsPeopleUserIdInput } | { isValid: false; error: Response } => {
+  const inputValidation = ZJsPeopleUserIdInput.safeParse({ environmentId, userId });
+  if (!inputValidation.success) {
+    return {
+      isValid: false,
+      error: responses.badRequestResponse(
+        "Fields are missing or incorrectly formatted",
+        transformErrorToDetails(inputValidation.error),
+        true
+      ),
+    };
+  }
+  return { isValid: true, data: inputValidation.data };
+};
+
+const checkResponseLimit = async (environmentId: string): Promise<boolean> => {
+  if (!IS_FORMBRICKS_CLOUD) return false;
+
+  const organization = await getOrganizationByEnvironmentId(environmentId);
+  if (!organization) {
+    logger.error({ environmentId }, "Organization does not exist");
+
+    // fail closed if the organization does not exist
+    return true;
+  }
+
+  const currentResponseCount = await getMonthlyOrganizationResponseCount(organization.id);
+  const monthlyResponseLimit = organization.billing.limits.monthly.responses;
+  const isLimitReached = monthlyResponseLimit !== null && currentResponseCount >= monthlyResponseLimit;
+
+  return isLimitReached;
+};
+
+export const OPTIONS = async (): Promise<Response> => {
+  return responses.successResponse({}, true);
+};
+
+export const GET = withV1ApiWrapper({
+  handler: async ({
+    req,
+    props,
+  }: {
+    req: NextRequest;
+    props: { params: Promise<{ environmentId: string; userId: string }> };
+  }) => {
+    const params = await props.params;
+    try {
+      const { device } = userAgent(req);
+
+      // validate using zod
+      const validation = validateInput(params.environmentId, params.userId);
+      if (!validation.isValid) {
+        return { response: validation.error };
+      }
+
+      const { environmentId, userId } = validation.data;
+
+      const environment = await getEnvironment(environmentId);
+      if (!environment) {
+        throw new Error("Environment does not exist");
+      }
+
+      const project = await getProjectByEnvironmentId(environmentId);
+
+      if (!project) {
+        throw new Error("Project not found");
+      }
+
+      if (!environment.appSetupCompleted) {
+        await updateEnvironment(environment.id, { appSetupCompleted: true });
+      }
+
+      // check organization subscriptions and response limits
+      const isAppSurveyResponseLimitReached = await checkResponseLimit(environmentId);
+
+      let contact = await getContactByUserId(environmentId, userId);
+      if (!contact) {
+        contact = await prisma.contact.create({
+          data: {
+            attributes: {
+              create: {
+                attributeKey: {
+                  connect: {
+                    key_environmentId: {
+                      key: "userId",
+                      environmentId,
+                    },
+                  },
+                },
+                value: userId,
+              },
+            },
+            environment: { connect: { id: environmentId } },
+          },
+          select: {
+            id: true,
+            attributes: { select: { attributeKey: { select: { key: true } }, value: true } },
+          },
+        });
+      }
+
+      const contactAttributes = contact.attributes.reduce((acc, attribute) => {
+        acc[attribute.attributeKey.key] = attribute.value;
+        return acc;
+      }, {}) as Record<string, string>;
+
+      const [surveys, actionClasses] = await Promise.all([
+        getSyncSurveys(
+          environmentId,
+          contact.id,
+          contactAttributes,
+          device.type === "mobile" ? "phone" : "desktop"
+        ),
+        getActionClasses(environmentId),
+      ]);
+
+      const updatedProject: any = {
+        ...project,
+        brandColor: project.styling.brandColor?.light ?? COLOR_DEFAULTS.brandColor,
+        ...(project.styling.highlightBorderColor?.light && {
+          highlightBorderColor: project.styling.highlightBorderColor.light,
+        }),
+      };
+
+      const language = contactAttributes["language"];
+
+      // Scenario 1: Multi language and updated trigger action classes supported.
+      // Use the surveys as they are.
+      let transformedSurveys: TSurvey[] = surveys;
+
+      // creating state object
+      let state = {
+        surveys: !isAppSurveyResponseLimitReached
+          ? transformedSurveys.map((survey) => replaceAttributeRecall(survey, contactAttributes))
+          : [],
+        actionClasses,
+        language,
+        project: updatedProject,
+      };
+
+      return {
+        response: responses.successResponse({ ...state }, true),
+      };
+    } catch (error) {
+      logger.error({ error, url: req.url }, "Error in GET /api/v1/client/[environmentId]/app/sync/[userId]");
+      return {
+        response: responses.internalServerErrorResponse(
+          "Unable to handle the request: " + error.message,
+          true
+        ),
+      };
+    }
+  },
+});

apps/web/app/api/v1/client/[environmentId]/app/sync/lib/contact.test.ts

@@ -0,0 +1,83 @@
+import { afterEach, describe, expect, test, vi } from "vitest";
+import { prisma } from "@formbricks/database";
+import { TContact } from "@/modules/ee/contacts/types/contact";
+import { getContactByUserId } from "./contact";
+
+// Mock prisma
+vi.mock("@formbricks/database", () => ({
+  prisma: {
+    contact: {
+      findFirst: vi.fn(),
+    },
+  },
+}));
+
+const environmentId = "test-environment-id";
+const userId = "test-user-id";
+const contactId = "test-contact-id";
+
+const contactMock: Partial<TContact> & {
+  attributes: { value: string; attributeKey: { key: string } }[];
+} = {
+  id: contactId,
+  attributes: [
+    { attributeKey: { key: "userId" }, value: userId },
+    { attributeKey: { key: "email" }, value: "test@example.com" },
+  ],
+};
+
+describe("getContactByUserId", () => {
+  afterEach(() => {
+    vi.resetAllMocks();
+  });
+
+  test("should return contact if found", async () => {
+    vi.mocked(prisma.contact.findFirst).mockResolvedValue(contactMock as any);
+
+    const contact = await getContactByUserId(environmentId, userId);
+
+    expect(prisma.contact.findFirst).toHaveBeenCalledWith({
+      where: {
+        attributes: {
+          some: {
+            attributeKey: {
+              key: "userId",
+              environmentId,
+            },
+            value: userId,
+          },
+        },
+      },
+      select: {
+        id: true,
+        attributes: { select: { attributeKey: { select: { key: true } }, value: true } },
+      },
+    });
+    expect(contact).toEqual(contactMock);
+  });
+
+  test("should return null if contact not found", async () => {
+    vi.mocked(prisma.contact.findFirst).mockResolvedValue(null);
+
+    const contact = await getContactByUserId(environmentId, userId);
+
+    expect(prisma.contact.findFirst).toHaveBeenCalledWith({
+      where: {
+        attributes: {
+          some: {
+            attributeKey: {
+              key: "userId",
+              environmentId,
+            },
+            value: userId,
+          },
+        },
+      },
+      select: {
+        id: true,
+        attributes: { select: { attributeKey: { select: { key: true } }, value: true } },
+      },
+    });
+    expect(contact).toBeNull();
+  });
+});

apps/web/app/api/v1/client/[environmentId]/app/sync/lib/contact.ts

@@ -0,0 +1,42 @@
+import "server-only";
+import { cache as reactCache } from "react";
+import { prisma } from "@formbricks/database";
+
+export const getContactByUserId = reactCache(
+  async (
+    environmentId: string,
+    userId: string
+  ): Promise<{
+    attributes: {
+      value: string;
+      attributeKey: {
+        key: string;
+      };
+    }[];
+    id: string;
+  } | null> => {
+    const contact = await prisma.contact.findFirst({
+      where: {
+        attributes: {
+          some: {
+            attributeKey: {
+              key: "userId",
+              environmentId,
+            },
+            value: userId,
+          },
+        },
+      },
+      select: {
+        id: true,
+        attributes: { select: { attributeKey: { select: { key: true } }, value: true } },
+      },
+    });
+
+    if (!contact) {
+      return null;
+    }
+
+    return contact;
+  }
+);

apps/web/app/api/v1/client/[environmentId]/app/sync/lib/survey.test.ts

@@ -0,0 +1,323 @@
+import { Prisma } from "@prisma/client";
+import { afterEach, beforeEach, describe, expect, test, vi } from "vitest";
+import { prisma } from "@formbricks/database";
+import { logger } from "@formbricks/logger";
+import { DatabaseError } from "@formbricks/types/errors";
+import { TProject } from "@formbricks/types/project";
+import { TSegment } from "@formbricks/types/segment";
+import { TSurvey } from "@formbricks/types/surveys/types";
+import { getProjectByEnvironmentId } from "@/lib/project/service";
+import { getSurveys } from "@/lib/survey/service";
+import { anySurveyHasFilters } from "@/lib/survey/utils";
+import { diffInDays } from "@/lib/utils/datetime";
+import { evaluateSegment } from "@/modules/ee/contacts/segments/lib/segments";
+import { getSyncSurveys } from "./survey";
+
+vi.mock("@/lib/project/service", () => ({
+  getProjectByEnvironmentId: vi.fn(),
+}));
+vi.mock("@/lib/survey/service", () => ({
+  getSurveys: vi.fn(),
+}));
+vi.mock("@/lib/survey/utils", () => ({
+  anySurveyHasFilters: vi.fn(),
+}));
+vi.mock("@/lib/utils/datetime", () => ({
+  diffInDays: vi.fn(),
+}));
+vi.mock("@/lib/utils/validate", () => ({
+  validateInputs: vi.fn(),
+}));
+vi.mock("@/modules/ee/contacts/segments/lib/segments", () => ({
+  evaluateSegment: vi.fn(),
+}));
+vi.mock("@formbricks/database", () => ({
+  prisma: {
+    display: {
+      findMany: vi.fn(),
+    },
+    response: {
+      findMany: vi.fn(),
+    },
+  },
+}));
+vi.mock("@formbricks/logger", () => ({
+  logger: {
+    error: vi.fn(),
+  },
+}));
+
+const environmentId = "test-env-id";
+const contactId = "test-contact-id";
+const contactAttributes = { userId: "user1", email: "test@example.com" };
+const deviceType = "desktop";
+
+const mockProject = {
+  id: "proj1",
+  name: "Test Project",
+  createdAt: new Date(),
+  updatedAt: new Date(),
+  organizationId: "org1",
+  environments: [],
+  recontactDays: 10,
+  inAppSurveyBranding: true,
+  linkSurveyBranding: true,
+  placement: "bottomRight",
+  clickOutsideClose: true,
+  darkOverlay: false,
+  languages: [],
+} as unknown as TProject;
+
+const baseSurvey: TSurvey = {
+  id: "survey1",
+  createdAt: new Date(),
+  updatedAt: new Date(),
+  name: "Test Survey 1",
+  environmentId: environmentId,
+  type: "app",
+  status: "inProgress",
+  questions: [],
+  displayOption: "displayOnce",
+  recontactDays: null,
+  autoClose: null,
+  delay: 0,
+  displayPercentage: null,
+  autoComplete: null,
+  segment: null,
+  surveyClosedMessage: null,
+  singleUse: null,
+  styling: null,
+  pin: null,
+  displayLimit: null,
+  welcomeCard: { enabled: false } as TSurvey["welcomeCard"],
+  endings: [],
+  triggers: [],
+  languages: [],
+  variables: [],
+  hiddenFields: { enabled: false },
+  createdBy: null,
+  isSingleResponsePerEmailEnabled: false,
+  isVerifyEmailEnabled: false,
+  projectOverwrites: null,
+  showLanguageSwitch: false,
+  isBackButtonHidden: false,
+  followUps: [],
+  recaptcha: { enabled: false, threshold: 0.5 },
+};
+
+// Helper function to create mock display objects
+const createMockDisplay = (id: string, surveyId: string, contactId: string, createdAt?: Date) => ({
+  id,
+  createdAt: createdAt || new Date(),
+  updatedAt: new Date(),
+  surveyId,
+  contactId,
+  responseId: null,
+  status: null,
+});
+
+// Helper function to create mock response objects
+const createMockResponse = (id: string, surveyId: string, contactId: string, createdAt?: Date) => ({
+  id,
+  createdAt: createdAt || new Date(),
+  updatedAt: new Date(),
+  finished: false,
+  surveyId,
+  contactId,
+  endingId: null,
+  data: {},
+  variables: {},
+  ttc: {},
+  meta: {},
+  contactAttributes: null,
+  singleUseId: null,
+  language: null,
+  displayId: null,
+});
+
+describe("getSyncSurveys", () => {
+  beforeEach(() => {
+    vi.mocked(getProjectByEnvironmentId).mockResolvedValue(mockProject);
+    vi.mocked(prisma.display.findMany).mockResolvedValue([]);
+    vi.mocked(prisma.response.findMany).mockResolvedValue([]);
+    vi.mocked(anySurveyHasFilters).mockReturnValue(false);
+    vi.mocked(evaluateSegment).mockResolvedValue(true);
+    vi.mocked(diffInDays).mockReturnValue(100); // Assume enough days passed
+  });
+
+  afterEach(() => {
+    vi.resetAllMocks();
+  });
+
+  test("should throw error if product not found", async () => {
+    vi.mocked(getProjectByEnvironmentId).mockResolvedValue(null);
+    await expect(getSyncSurveys(environmentId, contactId, contactAttributes, deviceType)).rejects.toThrow(
+      "Project not found"
+    );
+  });
+
+  test("should return empty array if no surveys found", async () => {
+    vi.mocked(getSurveys).mockResolvedValue([]);
+    const result = await getSyncSurveys(environmentId, contactId, contactAttributes, deviceType);
+    expect(result).toEqual([]);
+  });
+
+  test("should return empty array if no 'app' type surveys in progress", async () => {
+    const surveys: TSurvey[] = [
+      { ...baseSurvey, id: "s1", type: "link", status: "inProgress" },
+      { ...baseSurvey, id: "s2", type: "app", status: "paused" },
+    ];
+    vi.mocked(getSurveys).mockResolvedValue(surveys);
+    const result = await getSyncSurveys(environmentId, contactId, contactAttributes, deviceType);
+    expect(result).toEqual([]);
+  });
+
+  test("should filter by displayOption 'displayOnce'", async () => {
+    const surveys: TSurvey[] = [{ ...baseSurvey, id: "s1", displayOption: "displayOnce" }];
+    vi.mocked(getSurveys).mockResolvedValue(surveys);
+    vi.mocked(prisma.display.findMany).mockResolvedValue([createMockDisplay("d1", "s1", contactId)]); // Already displayed
+
+    const result = await getSyncSurveys(environmentId, contactId, contactAttributes, deviceType);
+    expect(result).toEqual([]);
+
+    vi.mocked(prisma.display.findMany).mockResolvedValue([]); // Not displayed yet
+    const result2 = await getSyncSurveys(environmentId, contactId, contactAttributes, deviceType);
+    expect(result2).toEqual(surveys);
+  });
+
+  test("should filter by displayOption 'displayMultiple'", async () => {
+    const surveys: TSurvey[] = [{ ...baseSurvey, id: "s1", displayOption: "displayMultiple" }];
+    vi.mocked(getSurveys).mockResolvedValue(surveys);
+    vi.mocked(prisma.response.findMany).mockResolvedValue([createMockResponse("r1", "s1", contactId)]); // Already responded
+
+    const result = await getSyncSurveys(environmentId, contactId, contactAttributes, deviceType);
+    expect(result).toEqual([]);
+
+    vi.mocked(prisma.response.findMany).mockResolvedValue([]); // Not responded yet
+    const result2 = await getSyncSurveys(environmentId, contactId, contactAttributes, deviceType);
+    expect(result2).toEqual(surveys);
+  });
+
+  test("should filter by displayOption 'displaySome'", async () => {
+    const surveys: TSurvey[] = [{ ...baseSurvey, id: "s1", displayOption: "displaySome", displayLimit: 2 }];
+    vi.mocked(getSurveys).mockResolvedValue(surveys);
+    vi.mocked(prisma.display.findMany).mockResolvedValue([
+      createMockDisplay("d1", "s1", contactId),
+      createMockDisplay("d2", "s1", contactId),
+    ]); // Display limit reached
+
+    const result = await getSyncSurveys(environmentId, contactId, contactAttributes, deviceType);
+    expect(result).toEqual([]);
+
+    vi.mocked(prisma.display.findMany).mockResolvedValue([createMockDisplay("d1", "s1", contactId)]); // Within limit
+    const result2 = await getSyncSurveys(environmentId, contactId, contactAttributes, deviceType);
+    expect(result2).toEqual(surveys);
+
+    // Test with response already submitted
+    vi.mocked(prisma.response.findMany).mockResolvedValue([createMockResponse("r1", "s1", contactId)]);
+    const result3 = await getSyncSurveys(environmentId, contactId, contactAttributes, deviceType);
+    expect(result3).toEqual([]);
+  });
+
+  test("should not filter by displayOption 'respondMultiple'", async () => {
+    const surveys: TSurvey[] = [{ ...baseSurvey, id: "s1", displayOption: "respondMultiple" }];
+    vi.mocked(getSurveys).mockResolvedValue(surveys);
+    vi.mocked(prisma.display.findMany).mockResolvedValue([createMockDisplay("d1", "s1", contactId)]);
+    vi.mocked(prisma.response.findMany).mockResolvedValue([createMockResponse("r1", "s1", contactId)]);
+
+    const result = await getSyncSurveys(environmentId, contactId, contactAttributes, deviceType);
+    expect(result).toEqual(surveys);
+  });
+
+  test("should filter by product recontactDays if survey recontactDays is null", async () => {
+    const surveys: TSurvey[] = [{ ...baseSurvey, id: "s1", recontactDays: null }];
+    vi.mocked(getSurveys).mockResolvedValue(surveys);
+    const displayDate = new Date();
+    vi.mocked(prisma.display.findMany).mockResolvedValue([
+      createMockDisplay("d1", "s2", contactId, displayDate), // Display for another survey
+    ]);
+
+    vi.mocked(diffInDays).mockReturnValue(5); // Not enough days passed (product.recontactDays = 10)
+    const result = await getSyncSurveys(environmentId, contactId, contactAttributes, deviceType);
+    expect(result).toEqual([]);
+    expect(diffInDays).toHaveBeenCalledWith(expect.any(Date), displayDate);
+
+    vi.mocked(diffInDays).mockReturnValue(15); // Enough days passed
+    const result2 = await getSyncSurveys(environmentId, contactId, contactAttributes, deviceType);
+    expect(result2).toEqual(surveys);
+  });
+
+  test("should return surveys if no segment filters exist", async () => {
+    const surveys: TSurvey[] = [{ ...baseSurvey, id: "s1" }];
+    vi.mocked(getSurveys).mockResolvedValue(surveys);
+    vi.mocked(anySurveyHasFilters).mockReturnValue(false);
+
+    const result = await getSyncSurveys(environmentId, contactId, contactAttributes, deviceType);
+    expect(result).toEqual(surveys);
+    expect(evaluateSegment).not.toHaveBeenCalled();
+  });
+
+  test("should evaluate segment filters if they exist", async () => {
+    const segment = { id: "seg1", filters: [{}] } as TSegment; // Mock filter structure
+    const surveys: TSurvey[] = [{ ...baseSurvey, id: "s1", segment }];
+    vi.mocked(getSurveys).mockResolvedValue(surveys);
+    vi.mocked(anySurveyHasFilters).mockReturnValue(true);
+
+    // Case 1: Segment evaluation matches
+    vi.mocked(evaluateSegment).mockResolvedValue(true);
+    const result1 = await getSyncSurveys(environmentId, contactId, contactAttributes, deviceType);
+    expect(result1).toEqual(surveys);
+    expect(evaluateSegment).toHaveBeenCalledWith(
+      {
+        attributes: contactAttributes,
+        deviceType,
+        environmentId,
+        contactId,
+        userId: contactAttributes.userId,
+      },
+      segment.filters
+    );
+
+    // Case 2: Segment evaluation does not match
+    vi.mocked(evaluateSegment).mockResolvedValue(false);
+    const result2 = await getSyncSurveys(environmentId, contactId, contactAttributes, deviceType);
+    expect(result2).toEqual([]);
+  });
+
+  test("should handle Prisma errors", async () => {
+    const prismaError = new Prisma.PrismaClientKnownRequestError("Test Prisma Error", {
+      code: "P2025",
+      clientVersion: "test",
+    });
+    vi.mocked(getSurveys).mockRejectedValue(prismaError);
+
+    await expect(getSyncSurveys(environmentId, contactId, contactAttributes, deviceType)).rejects.toThrow(
+      DatabaseError
+    );
+    expect(logger.error).toHaveBeenCalledWith(prismaError);
+  });
+
+  test("should handle general errors", async () => {
+    const generalError = new Error("Something went wrong");
+    vi.mocked(getSurveys).mockRejectedValue(generalError);
+
+    await expect(getSyncSurveys(environmentId, contactId, contactAttributes, deviceType)).rejects.toThrow(
+      generalError
+    );
+  });
+
+  test("should throw ResourceNotFoundError if resolved surveys are null after filtering", async () => {
+    const segment = { id: "seg1", filters: [{}] } as TSegment; // Mock filter structure
+    const surveys: TSurvey[] = [{ ...baseSurvey, id: "s1", segment }];
+    vi.mocked(getSurveys).mockResolvedValue(surveys);
+    vi.mocked(anySurveyHasFilters).mockReturnValue(true);
+    vi.mocked(evaluateSegment).mockResolvedValue(false); // Ensure all surveys are filtered out
+
+    // This scenario is tricky to force directly as the code checks `if (!surveys)` before returning.
+    // However, if `Promise.all` somehow resolved to null/undefined (highly unlikely), it should throw.
+    // We can simulate this by mocking `Promise.all` if needed, but the current code structure makes this hard to test.
+    // Let's assume the filter logic works correctly and test the intended path.
+    const result = await getSyncSurveys(environmentId, contactId, contactAttributes, deviceType);
+    expect(result).toEqual([]); // Expect empty array, not an error in this case.
+  });
+});

apps/web/app/api/v1/client/[environmentId]/app/sync/lib/survey.ts

@@ -0,0 +1,148 @@
+import "server-only";
+import { Prisma } from "@prisma/client";
+import { cache as reactCache } from "react";
+import { prisma } from "@formbricks/database";
+import { logger } from "@formbricks/logger";
+import { ZId } from "@formbricks/types/common";
+import { DatabaseError, ResourceNotFoundError } from "@formbricks/types/errors";
+import { TSurvey } from "@formbricks/types/surveys/types";
+import { getProjectByEnvironmentId } from "@/lib/project/service";
+import { getSurveys } from "@/lib/survey/service";
+import { anySurveyHasFilters } from "@/lib/survey/utils";
+import { diffInDays } from "@/lib/utils/datetime";
+import { validateInputs } from "@/lib/utils/validate";
+import { evaluateSegment } from "@/modules/ee/contacts/segments/lib/segments";
+
+export const getSyncSurveys = reactCache(
+  async (
+    environmentId: string,
+    contactId: string,
+    contactAttributes: Record<string, string | number>,
+    deviceType: "phone" | "desktop" = "desktop"
+  ): Promise<TSurvey[]> => {
+    validateInputs([environmentId, ZId]);
+    try {
+      const project = await getProjectByEnvironmentId(environmentId);
+
+      if (!project) {
+        throw new Error("Project not found");
+      }
+
+      let surveys = await getSurveys(environmentId);
+
+      // filtered surveys for running and web
+      surveys = surveys.filter((survey) => survey.status === "inProgress" && survey.type === "app");
+
+      // if no surveys are left, return an empty array
+      if (surveys.length === 0) {
+        return [];
+      }
+
+      const displays = await prisma.display.findMany({
+        where: {
+          contactId,
+        },
+      });
+
+      const responses = await prisma.response.findMany({
+        where: {
+          contactId,
+        },
+      });
+
+      // filter surveys that meet the displayOption criteria
+      surveys = surveys.filter((survey) => {
+        switch (survey.displayOption) {
+          case "respondMultiple":
+            return true;
+          case "displayOnce":
+            return displays.filter((display) => display.surveyId === survey.id).length === 0;
+          case "displayMultiple":
+            if (!responses) return true;
+            else {
+              return responses.filter((response) => response.surveyId === survey.id).length === 0;
+            }
+          case "displaySome":
+            if (survey.displayLimit === null) {
+              return true;
+            }
+
+            if (responses && responses.filter((response) => response.surveyId === survey.id).length !== 0) {
+              return false;
+            }
+
+            return displays.filter((display) => display.surveyId === survey.id).length < survey.displayLimit;
+          default:
+            throw Error("Invalid displayOption");
+        }
+      });
+
+      const latestDisplay = displays[0];
+
+      // filter surveys that meet the recontactDays criteria
+      surveys = surveys.filter((survey) => {
+        if (!latestDisplay) {
+          return true;
+        } else if (survey.recontactDays !== null) {
+          const lastDisplaySurvey = displays.filter((display) => display.surveyId === survey.id)[0];
+          if (!lastDisplaySurvey) {
+            return true;
+          }
+          return diffInDays(new Date(), new Date(lastDisplaySurvey.createdAt)) >= survey.recontactDays;
+        } else if (project.recontactDays !== null) {
+          return diffInDays(new Date(), new Date(latestDisplay.createdAt)) >= project.recontactDays;
+        } else {
+          return true;
+        }
+      });
+
+      // if no surveys are left, return an empty array
+      if (surveys.length === 0) {
+        return [];
+      }
+
+      // if no surveys have segment filters, return the surveys
+      if (!anySurveyHasFilters(surveys)) {
+        return surveys;
+      }
+
+      // the surveys now have segment filters, so we need to evaluate them
+      const surveyPromises = surveys.map(async (survey) => {
+        const { segment } = survey;
+        // if the survey has no segment, or the segment has no filters, we return the survey
+        if (!segment || !segment.filters?.length) {
+          return survey;
+        }
+
+        // Evaluate the segment filters
+        const result = await evaluateSegment(
+          {
+            attributes: contactAttributes ?? {},
+            deviceType,
+            environmentId,
+            contactId,
+            userId: String(contactAttributes.userId),
+          },
+          segment.filters
+        );
+
+        return result ? survey : null;
+      });
+
+      const resolvedSurveys = await Promise.all(surveyPromises);
+      surveys = resolvedSurveys.filter((survey) => !!survey) as TSurvey[];
+
+      if (!surveys) {
+        throw new ResourceNotFoundError("Survey", environmentId);
+      }
+      return surveys;
+    } catch (error) {
+      if (error instanceof Prisma.PrismaClientKnownRequestError) {
+        logger.error(error);
+        throw new DatabaseError(error.message);
+      }
+
+      throw error;
+    }
+  }
+);

apps/web/app/api/v1/client/[environmentId]/app/sync/lib/utils.test.ts

@@ -0,0 +1,245 @@
+import { describe, expect, test, vi } from "vitest";
+import { TAttributes } from "@formbricks/types/attributes";
+import { TLanguage } from "@formbricks/types/project";
+import {
+  TSurvey,
+  TSurveyEnding,
+  TSurveyQuestion,
+  TSurveyQuestionTypeEnum,
+} from "@formbricks/types/surveys/types";
+import { parseRecallInfo } from "@/lib/utils/recall";
+import { replaceAttributeRecall } from "./utils";
+
+vi.mock("@/lib/utils/recall", () => ({
+  parseRecallInfo: vi.fn((text, attributes) => {
+    const recallPattern = /recall:([a-zA-Z0-9_-]+)/;
+    const match = text.match(recallPattern);
+    if (match && match[1]) {
+      const recallKey = match[1];
+      const attributeValue = attributes[recallKey];
+      if (attributeValue !== undefined) {
+        return text.replace(recallPattern, `parsed-${attributeValue}`);
+      }
+    }
+    return text; // Return original text if no match or attribute not found
+  }),
+}));
+
+const baseSurvey: TSurvey = {
+  id: "survey1",
+  createdAt: new Date(),
+  updatedAt: new Date(),
+  name: "Test Survey",
+  environmentId: "env1",
+  type: "app",
+  status: "inProgress",
+  questions: [],
+  endings: [],
+  welcomeCard: { enabled: false } as TSurvey["welcomeCard"],
+  languages: [
+    { language: { id: "lang1", code: "en" } as unknown as TLanguage, default: true, enabled: true },
+  ],
+  triggers: [],
+  recontactDays: null,
+  displayLimit: null,
+  singleUse: null,
+  styling: null,
+  surveyClosedMessage: null,
+  hiddenFields: { enabled: false },
+  variables: [],
+  createdBy: null,
+  isSingleResponsePerEmailEnabled: false,
+  isVerifyEmailEnabled: false,
+  projectOverwrites: null,
+  showLanguageSwitch: false,
+  isBackButtonHidden: false,
+  followUps: [],
+  recaptcha: { enabled: false, threshold: 0.5 },
+  displayOption: "displayOnce",
+  autoClose: null,
+  delay: 0,
+  displayPercentage: null,
+  autoComplete: null,
+  segment: null,
+  pin: null,
+  metadata: {},
+};
+
+const attributes: TAttributes = {
+  name: "John Doe",
+  email: "john.doe@example.com",
+  plan: "premium",
+};
+
+describe("replaceAttributeRecall", () => {
+  test("should replace recall info in question headlines and subheaders", () => {
+    const surveyWithRecall: TSurvey = {
+      ...baseSurvey,
+      questions: [
+        {
+          id: "q1",
+          type: TSurveyQuestionTypeEnum.OpenText,
+          headline: { default: "Hello recall:name!" },
+          subheader: { default: "Your email is recall:email" },
+          required: true,
+          buttonLabel: { default: "Next" },
+          placeholder: { default: "Type here..." },
+          longAnswer: false,
+          logic: [],
+        } as unknown as TSurveyQuestion,
+      ],
+    };
+
+    const result = replaceAttributeRecall(surveyWithRecall, attributes);
+    expect(result.questions[0].headline.default).toBe("Hello parsed-John Doe!");
+    expect(result.questions[0].subheader?.default).toBe("Your email is parsed-john.doe@example.com");
+    expect(vi.mocked(parseRecallInfo)).toHaveBeenCalledWith("Hello recall:name!", attributes);
+    expect(vi.mocked(parseRecallInfo)).toHaveBeenCalledWith("Your email is recall:email", attributes);
+  });
+
+  test("should replace recall info in welcome card headline", () => {
+    const surveyWithRecall: TSurvey = {
+      ...baseSurvey,
+      welcomeCard: {
+        enabled: true,
+        headline: { default: "Welcome, recall:name!" },
+        subheader: { default: "<p>Some content</p>" },
+        buttonLabel: { default: "Start" },
+        timeToFinish: false,
+        showResponseCount: false,
+      },
+    };
+
+    const result = replaceAttributeRecall(surveyWithRecall, attributes);
+    expect(result.welcomeCard.headline?.default).toBe("Welcome, parsed-John Doe!");
+    expect(vi.mocked(parseRecallInfo)).toHaveBeenCalledWith("Welcome, recall:name!", attributes);
+  });
+
+  test("should replace recall info in end screen headlines and subheaders", () => {
+    const surveyWithRecall: TSurvey = {
+      ...baseSurvey,
+      endings: [
+        {
+          type: "endScreen",
+          headline: { default: "Thank you, recall:name!" },
+          subheader: { default: "Your plan: recall:plan" },
+          buttonLabel: { default: "Finish" },
+          buttonLink: "https://example.com",
+        } as unknown as TSurveyEnding,
+      ],
+    };
+
+    const result = replaceAttributeRecall(surveyWithRecall, attributes);
+    expect(result.endings[0].type).toBe("endScreen");
+    if (result.endings[0].type === "endScreen") {
+      expect(result.endings[0].headline?.default).toBe("Thank you, parsed-John Doe!");
+      expect(result.endings[0].subheader?.default).toBe("Your plan: parsed-premium");
+      expect(vi.mocked(parseRecallInfo)).toHaveBeenCalledWith("Thank you, recall:name!", attributes);
+      expect(vi.mocked(parseRecallInfo)).toHaveBeenCalledWith("Your plan: recall:plan", attributes);
+    }
+  });
+
+  test("should handle multiple languages", () => {
+    const surveyMultiLang: TSurvey = {
+      ...baseSurvey,
+      languages: [
+        { language: { id: "lang1", code: "en" } as unknown as TLanguage, default: true, enabled: true },
+        { language: { id: "lang2", code: "es" } as unknown as TLanguage, default: false, enabled: true },
+      ],
+      questions: [
+        {
+          id: "q1",
+          type: TSurveyQuestionTypeEnum.OpenText,
+          headline: { default: "Hello recall:name!", es: "Hola recall:name!" },
+          required: true,
+          buttonLabel: { default: "Next", es: "Siguiente" },
+          placeholder: { default: "Type here...", es: "Escribe aquí..." },
+          longAnswer: false,
+          logic: [],
+        } as unknown as TSurveyQuestion,
+      ],
+    };
+
+    const result = replaceAttributeRecall(surveyMultiLang, attributes);
+    expect(result.questions[0].headline.default).toBe("Hello parsed-John Doe!");
+    expect(result.questions[0].headline.es).toBe("Hola parsed-John Doe!");
+    expect(vi.mocked(parseRecallInfo)).toHaveBeenCalledWith("Hello recall:name!", attributes);
+    expect(vi.mocked(parseRecallInfo)).toHaveBeenCalledWith("Hola recall:name!", attributes);
+  });
+
+  test("should not replace if recall key is not in attributes", () => {
+    const surveyWithRecall: TSurvey = {
+      ...baseSurvey,
+      questions: [
+        {
+          id: "q1",
+          type: TSurveyQuestionTypeEnum.OpenText,
+          headline: { default: "Your company: recall:company" },
+          required: true,
+          buttonLabel: { default: "Next" },
+          placeholder: { default: "Type here..." },
+          longAnswer: false,
+          logic: [],
+        } as unknown as TSurveyQuestion,
+      ],
+    };
+
+    const result = replaceAttributeRecall(surveyWithRecall, attributes);
+    expect(result.questions[0].headline.default).toBe("Your company: recall:company");
+    expect(vi.mocked(parseRecallInfo)).toHaveBeenCalledWith("Your company: recall:company", attributes);
+  });
+
+  test("should handle surveys with no recall information", async () => {
+    const surveyNoRecall: TSurvey = {
+      ...baseSurvey,
+      questions: [
+        {
+          id: "q1",
+          type: TSurveyQuestionTypeEnum.OpenText,
+          headline: { default: "Just a regular question" },
+          required: true,
+          buttonLabel: { default: "Next" },
+          placeholder: { default: "Type here..." },
+          longAnswer: false,
+          logic: [],
+        } as unknown as TSurveyQuestion,
+      ],
+      welcomeCard: {
+        enabled: true,
+        headline: { default: "Welcome!" },
+        subheader: { default: "<p>Some content</p>" },
+        buttonLabel: { default: "Start" },
+        timeToFinish: false,
+        showResponseCount: false,
+      },
+      endings: [
+        {
+          type: "endScreen",
+          headline: { default: "Thank you!" },
+          buttonLabel: { default: "Finish" },
+        } as unknown as TSurveyEnding,
+      ],
+    };
+    const parseRecallInfoSpy = vi.spyOn(await import("@/lib/utils/recall"), "parseRecallInfo");
+
+    const result = replaceAttributeRecall(surveyNoRecall, attributes);
+    expect(result).toEqual(surveyNoRecall); // Should be unchanged
+    expect(parseRecallInfoSpy).not.toHaveBeenCalled();
+    parseRecallInfoSpy.mockRestore();
+  });
+
+  test("should handle surveys with empty questions, endings, or disabled welcome card", async () => {
+    const surveyEmpty: TSurvey = {
+      ...baseSurvey,
+      questions: [],
+      endings: [],
+      welcomeCard: { enabled: false } as TSurvey["welcomeCard"],
+    };
+    const parseRecallInfoSpy = vi.spyOn(await import("@/lib/utils/recall"), "parseRecallInfo");
+
+    const result = replaceAttributeRecall(surveyEmpty, attributes);
+    expect(result).toEqual(surveyEmpty);
+    expect(parseRecallInfoSpy).not.toHaveBeenCalled();
+    parseRecallInfoSpy.mockRestore();
+  });
+});

apps/web/app/api/v1/client/[environmentId]/app/sync/lib/utils.ts

@@ -0,0 +1,55 @@
+import { TAttributes } from "@formbricks/types/attributes";
+import { TSurvey } from "@formbricks/types/surveys/types";
+import { parseRecallInfo } from "@/lib/utils/recall";
+
+export const replaceAttributeRecall = (survey: TSurvey, attributes: TAttributes): TSurvey => {
+  const surveyTemp = structuredClone(survey);
+  const languages = surveyTemp.languages
+    .map((surveyLanguage) => {
+      if (surveyLanguage.default) {
+        return "default";
+      }
+
+      if (surveyLanguage.enabled) {
+        return surveyLanguage.language.code;
+      }
+
+      return null;
+    })
+    .filter((language): language is string => language !== null);
+
+  surveyTemp.questions.forEach((question) => {
+    languages.forEach((language) => {
+      if (question.headline[language]?.includes("recall:")) {
+        question.headline[language] = parseRecallInfo(question.headline[language], attributes);
+      }
+      if (question.subheader && question.subheader[language]?.includes("recall:")) {
+        question.subheader[language] = parseRecallInfo(question.subheader[language], attributes);
+      }
+    });
+  });
+  if (surveyTemp.welcomeCard.enabled && surveyTemp.welcomeCard.headline) {
+    languages.forEach((language) => {
+      if (surveyTemp.welcomeCard.headline && surveyTemp.welcomeCard.headline[language]?.includes("recall:")) {
+        surveyTemp.welcomeCard.headline[language] = parseRecallInfo(
+          surveyTemp.welcomeCard.headline[language],
+          attributes
+        );
+      }
+    });
+  }
+  surveyTemp.endings.forEach((ending) => {
+    if (ending.type === "endScreen") {
+      languages.forEach((language) => {
+        if (ending.headline && ending.headline[language]?.includes("recall:")) {
+          ending.headline[language] = parseRecallInfo(ending.headline[language], attributes);
+          if (ending.subheader && ending.subheader[language]?.includes("recall:")) {
+            ending.subheader[language] = parseRecallInfo(ending.subheader[language], attributes);
+          }
+        }
+      });
+    }
+  });
+
+  return surveyTemp;
+};

apps/web/app/api/v1/client/[environmentId]/contacts/[userId]/attributes/route.ts

@@ -0,0 +1,6 @@
+import {
+  OPTIONS,
+  PUT,
+} from "@/modules/ee/contacts/api/v1/client/[environmentId]/contacts/[userId]/attributes/route";
+
+export { OPTIONS, PUT };

apps/web/app/api/v1/client/[environmentId]/environment/lib/data.test.ts

@@ -1,314 +0,0 @@
-import { Prisma } from "@prisma/client";
-import { afterEach, beforeEach, describe, expect, test, vi } from "vitest";
-import { prisma } from "@formbricks/database";
-import { logger } from "@formbricks/logger";
-import { DatabaseError, ResourceNotFoundError } from "@formbricks/types/errors";
-import { getEnvironmentStateData } from "./data";
-
-// Mock dependencies
-vi.mock("@formbricks/database", () => ({
-  prisma: {
-    environment: {
-      findUnique: vi.fn(),
-    },
-  },
-}));
-
-vi.mock("@formbricks/logger", () => ({
-  logger: {
-    error: vi.fn(),
-  },
-}));
-
-vi.mock("@/modules/survey/lib/utils", () => ({
-  transformPrismaSurvey: vi.fn((survey) => survey),
-}));
-
-const environmentId = "cjld2cjxh0000qzrmn831i7rn";
-
-const mockEnvironmentData = {
-  id: environmentId,
-  type: "production",
-  appSetupCompleted: true,
-  project: {
-    id: "project-123",
-    recontactDays: 30,
-    clickOutsideClose: true,
-    overlay: "none",
-    placement: "bottomRight",
-    inAppSurveyBranding: true,
-    styling: { allowStyleOverwrite: false },
-    organization: {
-      id: "org-123",
-      billing: {
-        plan: "free",
-        limits: { monthly: { responses: 100 } },
-      },
-    },
-  },
-  actionClasses: [
-    {
-      id: "action-1",
-      type: "code",
-      name: "Test Action",
-      key: "test-action",
-      noCodeConfig: null,
-    },
-  ],
-  surveys: [
-    {
-      id: "survey-1",
-      name: "Test Survey",
-      type: "app",
-      status: "inProgress",
-      welcomeCard: { enabled: false },
-      questions: [],
-      blocks: null,
-      variables: [],
-      showLanguageSwitch: false,
-      languages: [],
-      endings: [],
-      autoClose: null,
-      styling: null,
-      recaptcha: { enabled: false },
-      segment: null,
-      recontactDays: null,
-      displayLimit: null,
-      displayOption: "displayOnce",
-      hiddenFields: { enabled: false },
-      isBackButtonHidden: false,
-      triggers: [],
-      displayPercentage: null,
-      delay: 0,
-      projectOverwrites: null,
-    },
-  ],
-};
-
-describe("getEnvironmentStateData", () => {
-  beforeEach(() => {
-    vi.resetAllMocks();
-  });
-
-  afterEach(() => {
-    vi.resetAllMocks();
-  });
-
-  test("should return environment state data when environment exists", async () => {
-    vi.mocked(prisma.environment.findUnique).mockResolvedValue(mockEnvironmentData as never);
-
-    const result = await getEnvironmentStateData(environmentId);
-
-    expect(result).toEqual({
-      environment: {
-        id: environmentId,
-        type: "production",
-        appSetupCompleted: true,
-        project: {
-          id: "project-123",
-          recontactDays: 30,
-          clickOutsideClose: true,
-          overlay: "none",
-          placement: "bottomRight",
-          inAppSurveyBranding: true,
-          styling: { allowStyleOverwrite: false },
-        },
-      },
-      organization: {
-        id: "org-123",
-        billing: {
-          plan: "free",
-          limits: { monthly: { responses: 100 } },
-        },
-      },
-      surveys: mockEnvironmentData.surveys,
-      actionClasses: mockEnvironmentData.actionClasses,
-    });
-
-    expect(prisma.environment.findUnique).toHaveBeenCalledWith({
-      where: { id: environmentId },
-      select: expect.objectContaining({
-        id: true,
-        type: true,
-        appSetupCompleted: true,
-        project: expect.any(Object),
-        actionClasses: expect.any(Object),
-        surveys: expect.any(Object),
-      }),
-    });
-  });
-
-  test("should throw ResourceNotFoundError when environment is not found", async () => {
-    vi.mocked(prisma.environment.findUnique).mockResolvedValue(null);
-
-    await expect(getEnvironmentStateData(environmentId)).rejects.toThrow(ResourceNotFoundError);
-    await expect(getEnvironmentStateData(environmentId)).rejects.toThrow("environment");
-  });
-
-  test("should throw ResourceNotFoundError when project is not found", async () => {
-    vi.mocked(prisma.environment.findUnique).mockResolvedValue({
-      ...mockEnvironmentData,
-      project: null,
-    } as never);
-
-    await expect(getEnvironmentStateData(environmentId)).rejects.toThrow(ResourceNotFoundError);
-  });
-
-  test("should throw ResourceNotFoundError when organization is not found", async () => {
-    vi.mocked(prisma.environment.findUnique).mockResolvedValue({
-      ...mockEnvironmentData,
-      project: {
-        ...mockEnvironmentData.project,
-        organization: null,
-      },
-    } as never);
-
-    await expect(getEnvironmentStateData(environmentId)).rejects.toThrow(ResourceNotFoundError);
-  });
-
-  test("should throw DatabaseError on Prisma database errors", async () => {
-    const prismaError = new Prisma.PrismaClientKnownRequestError("Connection failed", {
-      code: "P2024",
-      clientVersion: "5.0.0",
-    });
-    vi.mocked(prisma.environment.findUnique).mockRejectedValue(prismaError);
-
-    await expect(getEnvironmentStateData(environmentId)).rejects.toThrow(DatabaseError);
-    expect(logger.error).toHaveBeenCalled();
-  });
-
-  test("should rethrow unexpected errors", async () => {
-    const unexpectedError = new Error("Unexpected error");
-    vi.mocked(prisma.environment.findUnique).mockRejectedValue(unexpectedError);
-
-    await expect(getEnvironmentStateData(environmentId)).rejects.toThrow("Unexpected error");
-    expect(logger.error).toHaveBeenCalled();
-  });
-
-  test("should handle empty surveys array", async () => {
-    vi.mocked(prisma.environment.findUnique).mockResolvedValue({
-      ...mockEnvironmentData,
-      surveys: [],
-    } as never);
-
-    const result = await getEnvironmentStateData(environmentId);
-
-    expect(result.surveys).toEqual([]);
-  });
-
-  test("should handle empty actionClasses array", async () => {
-    vi.mocked(prisma.environment.findUnique).mockResolvedValue({
-      ...mockEnvironmentData,
-      actionClasses: [],
-    } as never);
-
-    const result = await getEnvironmentStateData(environmentId);
-
-    expect(result.actionClasses).toEqual([]);
-  });
-
-  test("should transform surveys using transformPrismaSurvey", async () => {
-    const multipleSurveys = [
-      ...mockEnvironmentData.surveys,
-      {
-        ...mockEnvironmentData.surveys[0],
-        id: "survey-2",
-        name: "Second Survey",
-      },
-    ];
-
-    vi.mocked(prisma.environment.findUnique).mockResolvedValue({
-      ...mockEnvironmentData,
-      surveys: multipleSurveys,
-    } as never);
-
-    const result = await getEnvironmentStateData(environmentId);
-
-    expect(result.surveys).toHaveLength(2);
-  });
-
-  test("should correctly map project properties to environment.project", async () => {
-    const customProject = {
-      ...mockEnvironmentData.project,
-      recontactDays: 14,
-      clickOutsideClose: false,
-      overlay: "dark",
-      placement: "center",
-      inAppSurveyBranding: false,
-      styling: { allowStyleOverwrite: true, brandColor: "#ff0000" },
-    };
-
-    vi.mocked(prisma.environment.findUnique).mockResolvedValue({
-      ...mockEnvironmentData,
-      project: customProject,
-    } as never);
-
-    const result = await getEnvironmentStateData(environmentId);
-
-    expect(result.environment.project).toEqual({
-      id: "project-123",
-      recontactDays: 14,
-      clickOutsideClose: false,
-      overlay: "dark",
-      placement: "center",
-      inAppSurveyBranding: false,
-      styling: { allowStyleOverwrite: true, brandColor: "#ff0000" },
-    });
-  });
-
-  test("should validate environmentId input", async () => {
-    // Invalid CUID should throw validation error
-    await expect(getEnvironmentStateData("invalid-id")).rejects.toThrow();
-  });
-
-  test("should handle different environment types", async () => {
-    vi.mocked(prisma.environment.findUnique).mockResolvedValue({
-      ...mockEnvironmentData,
-      type: "development",
-    } as never);
-
-    const result = await getEnvironmentStateData(environmentId);
-
-    expect(result.environment.type).toBe("development");
-  });
-
-  test("should handle appSetupCompleted false", async () => {
-    vi.mocked(prisma.environment.findUnique).mockResolvedValue({
-      ...mockEnvironmentData,
-      appSetupCompleted: false,
-    } as never);
-
-    const result = await getEnvironmentStateData(environmentId);
-
-    expect(result.environment.appSetupCompleted).toBe(false);
-  });
-
-  test("should correctly extract organization billing data", async () => {
-    const customBilling = {
-      plan: "enterprise",
-      stripeCustomerId: "cus_123",
-      limits: {
-        monthly: { responses: 10000, miu: 50000 },
-        projects: 100,
-      },
-    };
-
-    vi.mocked(prisma.environment.findUnique).mockResolvedValue({
-      ...mockEnvironmentData,
-      project: {
-        ...mockEnvironmentData.project,
-        organization: {
-          id: "org-enterprise",
-          billing: customBilling,
-        },
-      },
-    } as never);
-
-    const result = await getEnvironmentStateData(environmentId);
-
-    expect(result.organization).toEqual({
-      id: "org-enterprise",
-      billing: customBilling,
-    });
-  });
-});

apps/web/app/api/v1/client/[environmentId]/environment/lib/data.ts

@@ -54,7 +54,7 @@ export const getEnvironmentStateData = async (environmentId: string): Promise<En
             id: true,
             recontactDays: true,
             clickOutsideClose: true,
-            overlay: true,
+            darkOverlay: true,
             placement: true,
             inAppSurveyBranding: true,
             styling: true,
@@ -174,7 +174,7 @@ export const getEnvironmentStateData = async (environmentId: string): Promise<En
           id: environmentData.project.id,
           recontactDays: environmentData.project.recontactDays,
           clickOutsideClose: environmentData.project.clickOutsideClose,
-          overlay: environmentData.project.overlay,
+          darkOverlay: environmentData.project.darkOverlay,
           placement: environmentData.project.placement,
           inAppSurveyBranding: environmentData.project.inAppSurveyBranding,
           styling: environmentData.project.styling,

apps/web/app/api/v1/client/[environmentId]/environment/lib/environmentState.test.ts

@@ -58,7 +58,7 @@ const mockProject: TJsEnvironmentStateProject = {
   inAppSurveyBranding: true,
   placement: "bottomRight",
   clickOutsideClose: true,
-  overlay: "none",
+  darkOverlay: false,
   styling: {
     allowStyleOverwrite: false,
   },

apps/web/app/api/v1/client/[environmentId]/identify/contacts/[userId]/route.ts

@@ -0,0 +1,6 @@
+import {
+  GET,
+  OPTIONS,
+} from "@/modules/ee/contacts/api/v1/client/[environmentId]/identify/contacts/[userId]/route";
+
+export { GET, OPTIONS };

apps/web/app/api/v1/client/[environmentId]/responses/[responseId]/route.ts

@@ -1,15 +1,13 @@
 import { NextRequest } from "next/server";
 import { logger } from "@formbricks/logger";
 import { DatabaseError, InvalidInputError, ResourceNotFoundError } from "@formbricks/types/errors";
-import { TResponse, TResponseUpdateInput, ZResponseUpdateInput } from "@formbricks/types/responses";
-import { TSurvey } from "@formbricks/types/surveys/types";
+import { ZResponseUpdateInput } from "@formbricks/types/responses";
 import { responses } from "@/app/lib/api/response";
 import { transformErrorToDetails } from "@/app/lib/api/validator";
 import { withV1ApiWrapper } from "@/app/lib/api/with-api-logging";
 import { sendToPipeline } from "@/app/lib/pipelines";
 import { getResponse } from "@/lib/response/service";
 import { getSurvey } from "@/lib/survey/service";
-import { formatValidationErrorsForV1Api, validateResponseData } from "@/modules/api/lib/validation";
 import { validateOtherOptionLengthForMultipleChoice } from "@/modules/api/v2/lib/element";
 import { createQuotaFullObject } from "@/modules/ee/quotas/lib/helpers";
 import { validateFileUploads } from "@/modules/storage/utils";
@@ -33,38 +31,6 @@ const handleDatabaseError = (error: Error, url: string, endpoint: string, respon
   return responses.internalServerErrorResponse("Unknown error occurred", true);
 };
 
-const validateResponse = (
-  response: TResponse,
-  survey: TSurvey,
-  responseUpdateInput: TResponseUpdateInput
-) => {
-  // Validate response data against validation rules
-  const mergedData = {
-    ...response.data,
-    ...responseUpdateInput.data,
-  };
-
-  const isFinished = responseUpdateInput.finished ?? false;
-
-  const validationErrors = validateResponseData(
-    survey.blocks,
-    mergedData,
-    responseUpdateInput.language ?? response.language ?? "en",
-    isFinished,
-    survey.questions
-  );
-
-  if (validationErrors) {
-    return {
-      response: responses.badRequestResponse(
-        "Validation failed",
-        formatValidationErrorsForV1Api(validationErrors),
-        true
-      ),
-    };
-  }
-};
-
 export const PUT = withV1ApiWrapper({
   handler: async ({
     req,
@@ -147,11 +113,6 @@ export const PUT = withV1ApiWrapper({
       };
     }
 
-    const validationResult = validateResponse(response, survey, inputValidation.data);
-    if (validationResult) {
-      return validationResult;
-    }
-
     // update response with quota evaluation
     let updatedResponse;
     try {

apps/web/app/api/v1/client/[environmentId]/responses/route.ts

@@ -6,14 +6,12 @@ import { ZEnvironmentId } from "@formbricks/types/environment";
 import { InvalidInputError } from "@formbricks/types/errors";
 import { TResponseWithQuotaFull } from "@formbricks/types/quota";
 import { TResponseInput, ZResponseInput } from "@formbricks/types/responses";
-import { TSurvey } from "@formbricks/types/surveys/types";
 import { responses } from "@/app/lib/api/response";
 import { transformErrorToDetails } from "@/app/lib/api/validator";
 import { withV1ApiWrapper } from "@/app/lib/api/with-api-logging";
 import { sendToPipeline } from "@/app/lib/pipelines";
 import { getSurvey } from "@/lib/survey/service";
 import { getClientIpFromHeaders } from "@/lib/utils/client-ip";
-import { formatValidationErrorsForV1Api, validateResponseData } from "@/modules/api/lib/validation";
 import { getIsContactsEnabled } from "@/modules/ee/license-check/lib/utils";
 import { createQuotaFullObject } from "@/modules/ee/quotas/lib/helpers";
 import { validateFileUploads } from "@/modules/storage/utils";
@@ -35,27 +33,6 @@ export const OPTIONS = async (): Promise<Response> => {
   );
 };
 
-const validateResponse = (responseInputData: TResponseInput, survey: TSurvey) => {
-  // Validate response data against validation rules
-  const validationErrors = validateResponseData(
-    survey.blocks,
-    responseInputData.data,
-    responseInputData.language ?? "en",
-    responseInputData.finished,
-    survey.questions
-  );
-
-  if (validationErrors) {
-    return {
-      response: responses.badRequestResponse(
-        "Validation failed",
-        formatValidationErrorsForV1Api(validationErrors),
-        true
-      ),
-    };
-  }
-};
-
 export const POST = withV1ApiWrapper({
   handler: async ({ req, props }: { req: NextRequest; props: Context }) => {
     const params = await props.params;
@@ -146,11 +123,6 @@ export const POST = withV1ApiWrapper({
       };
     }
 
-    const validationResult = validateResponse(responseInputData, survey);
-    if (validationResult) {
-      return validationResult;
-    }
-
     let response: TResponseWithQuotaFull;
     try {
       const meta: TResponseInput["meta"] = {

apps/web/app/api/v1/client/og/route.tsx

@@ -1,4 +1,4 @@
-import { ImageResponse } from "next/og";
+import { ImageResponse } from "@vercel/og";
 import { NextRequest } from "next/server";
 
 export const GET = async (req: NextRequest) => {

apps/web/app/api/v1/integrations/notion/callback/route.ts

@@ -1,7 +1,7 @@
 import { NextRequest } from "next/server";
 import { TIntegrationNotionConfigData, TIntegrationNotionInput } from "@formbricks/types/integration/notion";
 import { responses } from "@/app/lib/api/response";
-import { TSessionAuthentication, withV1ApiWrapper } from "@/app/lib/api/with-api-logging";
+import { withV1ApiWrapper } from "@/app/lib/api/with-api-logging";
 import {
   ENCRYPTION_KEY,
   NOTION_OAUTH_CLIENT_ID,
@@ -10,17 +10,10 @@ import {
   WEBAPP_URL,
 } from "@/lib/constants";
 import { symmetricEncrypt } from "@/lib/crypto";
-import { hasUserEnvironmentAccess } from "@/lib/environment/auth";
 import { createOrUpdateIntegration, getIntegrationByType } from "@/lib/integration/service";
 
 export const GET = withV1ApiWrapper({
-  handler: async ({
-    req,
-    authentication,
-  }: {
-    req: NextRequest;
-    authentication: NonNullable<TSessionAuthentication>;
-  }) => {
+  handler: async ({ req }: { req: NextRequest }) => {
     const url = req.url;
     const queryParams = new URLSearchParams(url.split("?")[1]); // Split the URL and get the query parameters
     const environmentId = queryParams.get("state"); // Get the value of the 'state' parameter
@@ -33,13 +26,6 @@ export const GET = withV1ApiWrapper({
       };
     }
 
-    const canUserAccessEnvironment = await hasUserEnvironmentAccess(authentication.user.id, environmentId);
-    if (!canUserAccessEnvironment) {
-      return {
-        response: responses.unauthorizedResponse(),
-      };
-    }
-
     if (code && typeof code !== "string") {
       return {
         response: responses.badRequestResponse("`code` must be a string"),

apps/web/app/api/v1/integrations/slack/callback/route.ts

@@ -5,19 +5,12 @@ import {
   TIntegrationSlackCredential,
 } from "@formbricks/types/integration/slack";
 import { responses } from "@/app/lib/api/response";
-import { TSessionAuthentication, withV1ApiWrapper } from "@/app/lib/api/with-api-logging";
+import { withV1ApiWrapper } from "@/app/lib/api/with-api-logging";
 import { SLACK_CLIENT_ID, SLACK_CLIENT_SECRET, WEBAPP_URL } from "@/lib/constants";
-import { hasUserEnvironmentAccess } from "@/lib/environment/auth";
 import { createOrUpdateIntegration, getIntegrationByType } from "@/lib/integration/service";
 
 export const GET = withV1ApiWrapper({
-  handler: async ({
-    req,
-    authentication,
-  }: {
-    req: NextRequest;
-    authentication: NonNullable<TSessionAuthentication>;
-  }) => {
+  handler: async ({ req }: { req: NextRequest }) => {
     const url = req.url;
     const queryParams = new URLSearchParams(url.split("?")[1]); // Split the URL and get the query parameters
     const environmentId = queryParams.get("state"); // Get the value of the 'state' parameter
@@ -30,13 +23,6 @@ export const GET = withV1ApiWrapper({
       };
     }
 
-    const canUserAccessEnvironment = await hasUserEnvironmentAccess(authentication.user.id, environmentId);
-    if (!canUserAccessEnvironment) {
-      return {
-        response: responses.unauthorizedResponse(),
-      };
-    }
-
     if (code && typeof code !== "string") {
       return {
         response: responses.badRequestResponse("`code` must be a string"),

apps/web/app/api/v1/management/responses/[responseId]/route.ts

@@ -8,7 +8,6 @@ import { TApiAuditLog, TApiKeyAuthentication, withV1ApiWrapper } from "@/app/lib
 import { sendToPipeline } from "@/app/lib/pipelines";
 import { deleteResponse, getResponse } from "@/lib/response/service";
 import { getSurvey } from "@/lib/survey/service";
-import { formatValidationErrorsForV1Api, validateResponseData } from "@/modules/api/lib/validation";
 import { hasPermission } from "@/modules/organization/settings/api-keys/lib/utils";
 import { validateFileUploads } from "@/modules/storage/utils";
 import { updateResponseWithQuotaEvaluation } from "./lib/response";
@@ -141,25 +140,6 @@ export const PUT = withV1ApiWrapper({
         };
       }
 
-      // Validate response data against validation rules
-      const validationErrors = validateResponseData(
-        result.survey.blocks,
-        responseUpdate.data,
-        responseUpdate.language ?? "en",
-        responseUpdate.finished,
-        result.survey.questions
-      );
-
-      if (validationErrors) {
-        return {
-          response: responses.badRequestResponse(
-            "Validation failed",
-            formatValidationErrorsForV1Api(validationErrors),
-            true
-          ),
-        };
-      }
-
       const inputValidation = ZResponseUpdateInput.safeParse(responseUpdate);
       if (!inputValidation.success) {
         return {

apps/web/app/api/v1/management/responses/route.ts

@@ -7,7 +7,6 @@ import { transformErrorToDetails } from "@/app/lib/api/validator";
 import { TApiAuditLog, TApiKeyAuthentication, withV1ApiWrapper } from "@/app/lib/api/with-api-logging";
 import { sendToPipeline } from "@/app/lib/pipelines";
 import { getSurvey } from "@/lib/survey/service";
-import { formatValidationErrorsForV1Api, validateResponseData } from "@/modules/api/lib/validation";
 import { hasPermission } from "@/modules/organization/settings/api-keys/lib/utils";
 import { validateFileUploads } from "@/modules/storage/utils";
 import {
@@ -150,25 +149,6 @@ export const POST = withV1ApiWrapper({
         };
       }
 
-      // Validate response data against validation rules
-      const validationErrors = validateResponseData(
-        surveyResult.survey.blocks,
-        responseInput.data,
-        responseInput.language ?? "en",
-        responseInput.finished,
-        surveyResult.survey.questions
-      );
-
-      if (validationErrors) {
-        return {
-          response: responses.badRequestResponse(
-            "Validation failed",
-            formatValidationErrorsForV1Api(validationErrors),
-            true
-          ),
-        };
-      }
-
       if (responseInput.createdAt && !responseInput.updatedAt) {
         responseInput.updatedAt = responseInput.createdAt;
       }

apps/web/app/api/v2/client/[environmentId]/contacts/[userId]/attributes/route.ts

@@ -0,0 +1,6 @@
+import {
+  OPTIONS,
+  PUT,
+} from "@/modules/ee/contacts/api/v1/client/[environmentId]/contacts/[userId]/attributes/route";
+
+export { OPTIONS, PUT };

apps/web/app/api/v2/client/[environmentId]/identify/contacts/[userId]/route.ts

@@ -0,0 +1,6 @@
+import {
+  GET,
+  OPTIONS,
+} from "@/modules/ee/contacts/api/v1/client/[environmentId]/identify/contacts/[userId]/route";
+
+export { GET, OPTIONS };

apps/web/app/api/v2/client/[environmentId]/responses/route.ts

@@ -11,7 +11,6 @@ import { sendToPipeline } from "@/app/lib/pipelines";
 import { getSurvey } from "@/lib/survey/service";
 import { getElementsFromBlocks } from "@/lib/survey/utils";
 import { getClientIpFromHeaders } from "@/lib/utils/client-ip";
-import { formatValidationErrorsForV1Api, validateResponseData } from "@/modules/api/lib/validation";
 import { validateOtherOptionLengthForMultipleChoice } from "@/modules/api/v2/lib/element";
 import { getIsContactsEnabled } from "@/modules/ee/license-check/lib/utils";
 import { createQuotaFullObject } from "@/modules/ee/quotas/lib/helpers";
@@ -107,23 +106,6 @@ export const POST = async (request: Request, context: Context): Promise<Response
     );
   }
 
-  // Validate response data against validation rules
-  const validationErrors = validateResponseData(
-    survey.blocks,
-    responseInputData.data,
-    responseInputData.language ?? "en",
-    responseInputData.finished,
-    survey.questions
-  );
-
-  if (validationErrors) {
-    return responses.badRequestResponse(
-      "Validation failed",
-      formatValidationErrorsForV1Api(validationErrors),
-      true
-    );
-  }
-
   let response: TResponseWithQuotaFull;
   try {
     const meta: TResponseInputV2["meta"] = {

apps/web/app/error.tsx

@@ -3,9 +3,8 @@
 // Error components must be Client components
 import * as Sentry from "@sentry/nextjs";
 import { TFunction } from "i18next";
-import { useEffect } from "react";
 import { useTranslation } from "react-i18next";
-import { type ClientErrorType, getClientErrorData, isExpectedError } from "@formbricks/types/errors";
+import { type ClientErrorType, getClientErrorData } from "@formbricks/types/errors";
 import { Button } from "@/modules/ui/components/button";
 import { ErrorComponent } from "@/modules/ui/components/error-component";
 
@@ -31,13 +30,11 @@ const ErrorBoundary = ({ error, reset }: { error: Error; reset: () => void }) =>
   const errorData = getClientErrorData(error);
   const { title, description } = getErrorMessages(errorData.type, t);
 
-  useEffect(() => {
-    if (process.env.NODE_ENV === "development") {
-      console.error(error.message);
-    } else if (!isExpectedError(error)) {
-      Sentry.captureException(error);
-    }
-  }, [error]);
+  if (process.env.NODE_ENV === "development") {
+    console.error(error.message);
+  } else {
+    Sentry.captureException(error);
+  }
 
   return (
     <div className="flex h-full w-full flex-col items-center justify-center">

apps/web/app/lib/api/with-api-logging.test.ts

@@ -68,6 +68,7 @@ vi.mock("@/app/middleware/endpoint-validator", async () => {
     isClientSideApiRoute: vi.fn().mockReturnValue({ isClientSideApi: false, isRateLimited: true }),
     isManagementApiRoute: vi.fn().mockReturnValue({ isManagementApi: false, authenticationMethod: "apiKey" }),
     isIntegrationRoute: vi.fn().mockReturnValue(false),
+    isSyncWithUserIdentificationEndpoint: vi.fn().mockReturnValue(null),
   };
 });
 
@@ -81,6 +82,7 @@ vi.mock("@/modules/core/rate-limit/rate-limit-configs", () => ({
     api: {
       client: { windowMs: 60000, max: 100 },
       v1: { windowMs: 60000, max: 1000 },
+      syncUserIdentification: { windowMs: 60000, max: 50 },
     },
   },
 }));
@@ -461,6 +463,45 @@ describe("withV1ApiWrapper", () => {
     expect(handler).not.toHaveBeenCalled();
   });
 
+  test("handles sync user identification rate limiting", async () => {
+    const { applyRateLimit, applyIPRateLimit } = await import("@/modules/core/rate-limit/helpers");
+    const {
+      isClientSideApiRoute,
+      isManagementApiRoute,
+      isIntegrationRoute,
+      isSyncWithUserIdentificationEndpoint,
+    } = await import("@/app/middleware/endpoint-validator");
+    const { authenticateRequest } = await import("@/app/api/v1/auth");
+
+    vi.mocked(isClientSideApiRoute).mockReturnValue({ isClientSideApi: true, isRateLimited: true });
+    vi.mocked(isManagementApiRoute).mockReturnValue({
+      isManagementApi: false,
+      authenticationMethod: AuthenticationMethod.None,
+    });
+    vi.mocked(isIntegrationRoute).mockReturnValue(false);
+    vi.mocked(isSyncWithUserIdentificationEndpoint).mockReturnValue({
+      userId: "user-123",
+      environmentId: "env-123",
+    });
+    vi.mocked(authenticateRequest).mockResolvedValue(null);
+    vi.mocked(applyIPRateLimit).mockResolvedValue(undefined);
+    const rateLimitError = new Error("Sync rate limit exceeded");
+    rateLimitError.message = "Sync rate limit exceeded";
+    vi.mocked(applyRateLimit).mockRejectedValue(rateLimitError);
+
+    const handler = vi.fn();
+    const req = createMockRequest({ url: "/api/v1/client/env-123/app/sync/user-123" });
+    const { withV1ApiWrapper } = await import("./with-api-logging");
+    const wrapped = withV1ApiWrapper({ handler });
+    const res = await wrapped(req, undefined);
+
+    expect(res.status).toBe(429);
+    expect(applyRateLimit).toHaveBeenCalledWith(
+      expect.objectContaining({ windowMs: 60000, max: 50 }),
+      "user-123"
+    );
+  });
+
   test("skips audit log creation when no action/targetType provided", async () => {
     const { queueAuditEvent: mockedQueueAuditEvent } = (await import(
       "@/modules/ee/audit-logs/lib/handler"

apps/web/app/lib/api/with-api-logging.ts

@@ -10,6 +10,7 @@ import {
   isClientSideApiRoute,
   isIntegrationRoute,
   isManagementApiRoute,
+  isSyncWithUserIdentificationEndpoint,
 } from "@/app/middleware/endpoint-validator";
 import { AUDIT_LOG_ENABLED, IS_PRODUCTION, SENTRY_DSN } from "@/lib/constants";
 import { authOptions } from "@/modules/auth/lib/authOptions";
@@ -47,16 +48,23 @@ enum ApiV1RouteTypeEnum {
 }
 
 /**
- * Apply client-side API rate limiting (IP-based)
+ * Apply client-side API rate limiting (IP-based or sync-specific)
  */
-const applyClientRateLimit = async (customRateLimitConfig?: TRateLimitConfig): Promise<void> => {
-  await applyIPRateLimit(customRateLimitConfig ?? rateLimitConfigs.api.client);
+const applyClientRateLimit = async (url: string, customRateLimitConfig?: TRateLimitConfig): Promise<void> => {
+  const syncEndpoint = isSyncWithUserIdentificationEndpoint(url);
+  if (syncEndpoint) {
+    const syncRateLimitConfig = rateLimitConfigs.api.syncUserIdentification;
+    await applyRateLimit(syncRateLimitConfig, syncEndpoint.userId);
+  } else {
+    await applyIPRateLimit(customRateLimitConfig ?? rateLimitConfigs.api.client);
+  }
 };
 
 /**
  * Handle rate limiting based on authentication and API type
  */
 const handleRateLimiting = async (
+  url: string,
   authentication: TApiV1Authentication,
   routeType: ApiV1RouteTypeEnum,
   customRateLimitConfig?: TRateLimitConfig
@@ -76,7 +84,7 @@ const handleRateLimiting = async (
     }
 
     if (routeType === ApiV1RouteTypeEnum.Client) {
-      await applyClientRateLimit(customRateLimitConfig);
+      await applyClientRateLimit(url, customRateLimitConfig);
     }
   } catch (error) {
     return responses.tooManyRequestsResponse(error.message);
@@ -247,6 +255,7 @@ const getRouteType = (
  * Features:
  * - Performs authentication once and passes result to handler
  * - Applies API key-based rate limiting with differentiated limits for client vs management APIs
+ * - Includes additional sync user identification rate limiting for client-side sync endpoints
  * - Sets userId and organizationId in audit log automatically when audit logging is enabled
  * - System and Sentry logs are always called for non-success responses
  * - Uses function overloads to provide type safety without requiring type guards
@@ -319,7 +328,12 @@ export const withV1ApiWrapper: {
 
     // === Rate Limiting ===
     if (isRateLimited) {
-      const rateLimitResponse = await handleRateLimiting(authentication, routeType, customRateLimitConfig);
+      const rateLimitResponse = await handleRateLimiting(
+        req.nextUrl.pathname,
+        authentication,
+        routeType,
+        customRateLimitConfig
+      );
       if (rateLimitResponse) return rateLimitResponse;
     }
 

apps/web/app/lib/templates.ts

@@ -4848,14 +4848,12 @@ export const previewSurvey = (projectName: string, t: TFunction): TSurvey => {
                 t("templates.preview_survey_question_2_choice_2_label"),
               ],
               headline: t("templates.preview_survey_question_2_headline"),
-              subheader: t("templates.preview_survey_question_2_subheader"),
               required: true,
               shuffleOption: "none",
             }),
             isDraft: true,
           },
         ],
-        buttonLabel: createI18nString(t("templates.next"), []),
         backButtonLabel: createI18nString(t("templates.preview_survey_question_2_back_button_label"), []),
       },
       {

apps/web/app/middleware/endpoint-validator.test.ts

@@ -8,6 +8,7 @@ import {
   isManagementApiRoute,
   isPublicDomainRoute,
   isRouteAllowedForDomain,
+  isSyncWithUserIdentificationEndpoint,
 } from "./endpoint-validator";
 
 describe("endpoint-validator", () => {
@@ -269,6 +270,58 @@ describe("endpoint-validator", () => {
     });
   });
 
+  describe("isSyncWithUserIdentificationEndpoint", () => {
+    test("should return environmentId and userId for valid sync URLs", () => {
+      const result1 = isSyncWithUserIdentificationEndpoint("/api/v1/client/env123/app/sync/user456");
+      expect(result1).toEqual({
+        environmentId: "env123",
+        userId: "user456",
+      });
+
+      const result2 = isSyncWithUserIdentificationEndpoint("/api/v1/client/abc-123/app/sync/xyz-789");
+      expect(result2).toEqual({
+        environmentId: "abc-123",
+        userId: "xyz-789",
+      });
+
+      const result3 = isSyncWithUserIdentificationEndpoint(
+        "/api/v1/client/env_123_test/app/sync/user_456_test"
+      );
+      expect(result3).toEqual({
+        environmentId: "env_123_test",
+        userId: "user_456_test",
+      });
+    });
+
+    test("should handle optional trailing slash", () => {
+      // Test both with and without trailing slash
+      const result1 = isSyncWithUserIdentificationEndpoint("/api/v1/client/env123/app/sync/user456");
+      expect(result1).toEqual({
+        environmentId: "env123",
+        userId: "user456",
+      });
+
+      const result2 = isSyncWithUserIdentificationEndpoint("/api/v1/client/env123/app/sync/user456/");
+      expect(result2).toEqual({
+        environmentId: "env123",
+        userId: "user456",
+      });
+    });
+
+    test("should return false for invalid sync URLs", () => {
+      expect(isSyncWithUserIdentificationEndpoint("/api/v1/client/env123/app/sync")).toBe(false);
+      expect(isSyncWithUserIdentificationEndpoint("/api/v1/client/env123/something")).toBe(false);
+      expect(isSyncWithUserIdentificationEndpoint("/api/something")).toBe(false);
+      expect(isSyncWithUserIdentificationEndpoint("/api/v1/client/env123/app/other/user456")).toBe(false);
+      expect(isSyncWithUserIdentificationEndpoint("/api/v2/client/env123/app/sync/user456")).toBe(false); // only v1 supported
+    });
+
+    test("should handle empty or malformed IDs", () => {
+      expect(isSyncWithUserIdentificationEndpoint("/api/v1/client//app/sync/user456")).toBe(false);
+      expect(isSyncWithUserIdentificationEndpoint("/api/v1/client/env123/app/sync/")).toBe(false);
+    });
+  });
+
   describe("isPublicDomainRoute", () => {
     test("should return true for health endpoint", () => {
       expect(isPublicDomainRoute("/health")).toBe(true);
@@ -529,6 +582,12 @@ describe("endpoint-validator", () => {
       test("should handle special characters in survey IDs", () => {
         expect(isPublicDomainRoute("/s/survey-123_test.v2")).toBe(true);
         expect(isPublicDomainRoute("/c/jwt.token.with.dots")).toBe(true);
+        expect(
+          isSyncWithUserIdentificationEndpoint("/api/v1/client/env-123_test/app/sync/user-456_test")
+        ).toEqual({
+          environmentId: "env-123_test",
+          userId: "user-456_test",
+        });
       });
     });
 
@@ -569,6 +628,15 @@ describe("endpoint-validator", () => {
         const longSurveyId = "a".repeat(1000);
         const longPath = `s/${longSurveyId}`;
         expect(isPublicDomainRoute(`/${longPath}`)).toBe(true);
+
+        const longEnvironmentId = "env" + "a".repeat(1000);
+        const longUserId = "user" + "b".repeat(1000);
+        expect(
+          isSyncWithUserIdentificationEndpoint(`/api/v1/client/${longEnvironmentId}/app/sync/${longUserId}`)
+        ).toEqual({
+          environmentId: longEnvironmentId,
+          userId: longUserId,
+        });
       });
 
       test("should handle empty and minimal inputs", () => {
@@ -583,6 +651,7 @@ describe("endpoint-validator", () => {
         });
         expect(isIntegrationRoute("")).toBe(false);
         expect(isAuthProtectedRoute("")).toBe(false);
+        expect(isSyncWithUserIdentificationEndpoint("")).toBe(false);
       });
     });
 

apps/web/app/middleware/endpoint-validator.ts

@@ -43,6 +43,14 @@ export const isAuthProtectedRoute = (url: string): boolean => {
   return protectedRoutes.some((route) => url.startsWith(route));
 };
 
+export const isSyncWithUserIdentificationEndpoint = (
+  url: string
+): { environmentId: string; userId: string } | false => {
+  const regex = /\/api\/v1\/client\/(?<environmentId>[^/]+)\/app\/sync\/(?<userId>[^/]+)/;
+  const match = url.match(regex);
+  return match ? { environmentId: match.groups!.environmentId, userId: match.groups!.userId } : false;
+};
+
 /**
  * Check if the route should be accessible on the public domain (PUBLIC_URL)
  * Uses whitelist approach - only explicitly allowed routes are accessible

apps/web/app/storage/[environmentId]/[accessType]/[fileName]/route.ts

@@ -8,7 +8,7 @@ import { authorizePrivateDownload } from "@/app/storage/[environmentId]/[accessT
 import { authOptions } from "@/modules/auth/lib/authOptions";
 import { applyRateLimit } from "@/modules/core/rate-limit/helpers";
 import { rateLimitConfigs } from "@/modules/core/rate-limit/rate-limit-configs";
-import { deleteFile, getFileStreamForDownload } from "@/modules/storage/service";
+import { deleteFile, getSignedUrlForDownload } from "@/modules/storage/service";
 import { getErrorResponseFromStorageError } from "@/modules/storage/utils";
 import { logFileDeletion } from "./lib/audit-logs";
 
@@ -39,25 +39,21 @@ export const GET = async (
     }
   }
 
-  // Stream the file directly
-  const streamResult = await getFileStreamForDownload(fileName, environmentId, accessType);
+  const signedUrlResult = await getSignedUrlForDownload(fileName, environmentId, accessType);
 
-  if (!streamResult.ok) {
-    const errorResponse = getErrorResponseFromStorageError(streamResult.error, { fileName });
+  if (!signedUrlResult.ok) {
+    const errorResponse = getErrorResponseFromStorageError(signedUrlResult.error, { fileName });
     return errorResponse;
   }
 
-  const { body, contentType, contentLength } = streamResult.data;
-
-  return new Response(body, {
-    status: 200,
+  return new Response(null, {
+    status: 302,
     headers: {
-      "Content-Type": contentType,
-      ...(contentLength > 0 && { "Content-Length": String(contentLength) }),
+      Location: signedUrlResult.data,
       "Cache-Control":
         accessType === "private"
           ? "no-store, no-cache, must-revalidate"
-          : "public, max-age=31536000, immutable",
+          : "public, max-age=300, s-maxage=300, stale-while-revalidate=300",
     },
   });
 };

apps/web/i18n.json

@@ -9,18 +9,17 @@
     "source": "en-US",
     "targets": [
       "de-DE",
-      "es-ES",
       "fr-FR",
-      "hu-HU",
       "ja-JP",
-      "nl-NL",
       "pt-BR",
       "pt-PT",
       "ro-RO",
-      "ru-RU",
-      "sv-SE",
       "zh-Hans-CN",
-      "zh-Hant-TW"
+      "zh-Hant-TW",
+      "nl-NL",
+      "es-ES",
+      "sv-SE",
+      "ru-RU"
     ]
   },
   "version": 1.8

apps/web/instrumentation-node.ts

@@ -1,205 +1,59 @@
-// OpenTelemetry instrumentation for Next.js - loaded via instrumentation.ts hook
-// Pattern based on: ee/src/opentelemetry.ts (license server)
-import { getNodeAutoInstrumentations } from "@opentelemetry/auto-instrumentations-node";
-import { OTLPMetricExporter } from "@opentelemetry/exporter-metrics-otlp-http";
+// instrumentation-node.ts
 import { PrometheusExporter } from "@opentelemetry/exporter-prometheus";
-import { OTLPTraceExporter } from "@opentelemetry/exporter-trace-otlp-http";
-import { resourceFromAttributes } from "@opentelemetry/resources";
-import { PeriodicExportingMetricReader } from "@opentelemetry/sdk-metrics";
-import { NodeSDK } from "@opentelemetry/sdk-node";
+import { HostMetrics } from "@opentelemetry/host-metrics";
+import { registerInstrumentations } from "@opentelemetry/instrumentation";
+import { HttpInstrumentation } from "@opentelemetry/instrumentation-http";
+import { RuntimeNodeInstrumentation } from "@opentelemetry/instrumentation-runtime-node";
 import {
-  AlwaysOffSampler,
-  AlwaysOnSampler,
-  BatchSpanProcessor,
-  ParentBasedSampler,
-  type Sampler,
-  TraceIdRatioBasedSampler,
-} from "@opentelemetry/sdk-trace-base";
-import { ATTR_SERVICE_NAME, ATTR_SERVICE_VERSION } from "@opentelemetry/semantic-conventions";
-import { PrismaInstrumentation } from "@prisma/instrumentation";
+  detectResources,
+  envDetector,
+  hostDetector,
+  processDetector,
+  resourceFromAttributes,
+} from "@opentelemetry/resources";
+import { MeterProvider } from "@opentelemetry/sdk-metrics";
 import { logger } from "@formbricks/logger";
+import { env } from "@/lib/env";
 
-// --- Configuration from environment ---
-const serviceName = process.env.OTEL_SERVICE_NAME || "formbricks";
-const serviceVersion = process.env.npm_package_version || "0.0.0";
-const environment = process.env.ENVIRONMENT || process.env.NODE_ENV || "development";
-const otlpEndpoint = process.env.OTEL_EXPORTER_OTLP_ENDPOINT;
-const prometheusEnabled = process.env.PROMETHEUS_ENABLED === "1";
-const prometheusPort = process.env.PROMETHEUS_EXPORTER_PORT
-  ? Number.parseInt(process.env.PROMETHEUS_EXPORTER_PORT)
-  : 9464;
-
-// --- Configure OTLP exporters (conditional on endpoint being set) ---
-let traceExporter: OTLPTraceExporter | undefined;
-let otlpMetricExporter: OTLPMetricExporter | undefined;
-
-if (otlpEndpoint) {
-  try {
-    // OTLPTraceExporter reads OTEL_EXPORTER_OTLP_ENDPOINT from env
-    // and appends /v1/traces for HTTP transport
-    // Uses OTEL_EXPORTER_OTLP_HEADERS from env natively (W3C OTel format: key=value,key2=value2)
-    traceExporter = new OTLPTraceExporter();
-
-    // OTLPMetricExporter reads OTEL_EXPORTER_OTLP_ENDPOINT from env
-    // and appends /v1/metrics for HTTP transport
-    // Uses OTEL_EXPORTER_OTLP_HEADERS from env natively
-    otlpMetricExporter = new OTLPMetricExporter();
-  } catch (error) {
-    logger.error(error, "Failed to create OTLP exporters. Telemetry will not be exported.");
-  }
-}
-
-// --- Configure Prometheus exporter (pull-based metrics for ServiceMonitor) ---
-let prometheusExporter: PrometheusExporter | undefined;
-if (prometheusEnabled) {
-  prometheusExporter = new PrometheusExporter({
-    port: prometheusPort,
-    endpoint: "/metrics",
-    host: "0.0.0.0",
-  });
-}
-
-// --- Build metric readers array ---
-const metricReaders: (PeriodicExportingMetricReader | PrometheusExporter)[] = [];
-
-if (otlpMetricExporter) {
-  metricReaders.push(
-    new PeriodicExportingMetricReader({
-      exporter: otlpMetricExporter,
-      exportIntervalMillis: 60000, // Export every 60 seconds
-    })
-  );
-}
-
-if (prometheusExporter) {
-  metricReaders.push(prometheusExporter);
-}
-
-// --- Resource attributes ---
-const resourceAttributes: Record<string, string> = {
-  [ATTR_SERVICE_NAME]: serviceName,
-  [ATTR_SERVICE_VERSION]: serviceVersion,
-  "deployment.environment": environment,
-};
-
-// --- Configure sampler ---
-const samplerType = process.env.OTEL_TRACES_SAMPLER || "always_on";
-const parsedSamplerArg = process.env.OTEL_TRACES_SAMPLER_ARG
-  ? Number.parseFloat(process.env.OTEL_TRACES_SAMPLER_ARG)
-  : undefined;
-const samplerArg =
-  parsedSamplerArg !== undefined && !Number.isNaN(parsedSamplerArg) ? parsedSamplerArg : undefined;
-
-let sampler: Sampler;
-switch (samplerType) {
-  case "always_on":
-    sampler = new AlwaysOnSampler();
-    break;
-  case "always_off":
-    sampler = new AlwaysOffSampler();
-    break;
-  case "traceidratio":
-    sampler = new TraceIdRatioBasedSampler(samplerArg ?? 1);
-    break;
-  case "parentbased_traceidratio":
-    sampler = new ParentBasedSampler({
-      root: new TraceIdRatioBasedSampler(samplerArg ?? 1),
-    });
-    break;
-  case "parentbased_always_on":
-    sampler = new ParentBasedSampler({
-      root: new AlwaysOnSampler(),
-    });
-    break;
-  case "parentbased_always_off":
-    sampler = new ParentBasedSampler({
-      root: new AlwaysOffSampler(),
-    });
-    break;
-  default:
-    logger.warn(`Unknown sampler type: ${samplerType}. Using always_on.`);
-    sampler = new AlwaysOnSampler();
-}
-
-// --- Initialize NodeSDK ---
-const sdk = new NodeSDK({
-  sampler,
-  resource: resourceFromAttributes(resourceAttributes),
-  // When no OTLP endpoint is configured (e.g. Prometheus-only setups), pass an empty
-  // spanProcessors array to prevent the SDK from falling back to its default OTLP exporter
-  // which would attempt connections to localhost:4318 and cause noisy errors.
-  spanProcessors: traceExporter
-    ? [
-        new BatchSpanProcessor(traceExporter, {
-          maxQueueSize: 2048,
-          maxExportBatchSize: 512,
-          scheduledDelayMillis: 5000,
-          exportTimeoutMillis: 30000,
-        }),
-      ]
-    : [],
-  metricReaders: metricReaders.length > 0 ? metricReaders : undefined,
-  instrumentations: [
-    getNodeAutoInstrumentations({
-      // Disable noisy/unnecessary instrumentations
-      "@opentelemetry/instrumentation-fs": {
-        enabled: false,
-      },
-      "@opentelemetry/instrumentation-dns": {
-        enabled: false,
-      },
-      "@opentelemetry/instrumentation-net": {
-        enabled: false,
-      },
-      // Disable pg instrumentation - PrismaInstrumentation handles DB tracing
-      "@opentelemetry/instrumentation-pg": {
-        enabled: false,
-      },
-      "@opentelemetry/instrumentation-http": {
-        // Ignore health/metrics endpoints to reduce noise
-        ignoreIncomingRequestHook: (req) => {
-          const url = req.url || "";
-          return url === "/health" || url.startsWith("/metrics") || url === "/api/v2/health";
-        },
-      },
-      // Enable runtime metrics for Node.js process monitoring
-      "@opentelemetry/instrumentation-runtime-node": {
-        enabled: true,
-      },
-    }),
-    // Prisma instrumentation for database query tracing
-    new PrismaInstrumentation(),
-  ],
+const exporter = new PrometheusExporter({
+  port: env.PROMETHEUS_EXPORTER_PORT ? parseInt(env.PROMETHEUS_EXPORTER_PORT) : 9464,
+  endpoint: "/metrics",
+  host: "0.0.0.0", // Listen on all network interfaces
 });
 
-// Start the SDK
-sdk.start();
+const detectedResources = detectResources({
+  detectors: [envDetector, processDetector, hostDetector],
+});
 
-// --- Log initialization status ---
-const enabledFeatures: string[] = [];
-if (traceExporter) enabledFeatures.push("traces");
-if (otlpMetricExporter) enabledFeatures.push("otlp-metrics");
-if (prometheusExporter) enabledFeatures.push("prometheus-metrics");
+const customResources = resourceFromAttributes({});
 
-const samplerArgStr = process.env.OTEL_TRACES_SAMPLER_ARG || "";
-const samplerArgMsg = samplerArgStr ? `, samplerArg=${samplerArgStr}` : "";
+const resources = detectedResources.merge(customResources);
 
-if (enabledFeatures.length > 0) {
-  logger.info(
-    `OpenTelemetry initialized: service=${serviceName}, version=${serviceVersion}, environment=${environment}, exporters=${enabledFeatures.join("+")}, sampler=${samplerType}${samplerArgMsg}`
-  );
-} else {
-  logger.info(
-    `OpenTelemetry initialized (no exporters): service=${serviceName}, version=${serviceVersion}, environment=${environment}`
-  );
-}
+const meterProvider = new MeterProvider({
+  readers: [exporter],
+  resource: resources,
+});
 
-// --- Graceful shutdown ---
-// Run before other SIGTERM listeners (logger flush, etc.) so spans are drained first.
-process.prependListener("SIGTERM", async () => {
+const hostMetrics = new HostMetrics({
+  name: `otel-metrics`,
+  meterProvider,
+});
+
+registerInstrumentations({
+  meterProvider,
+  instrumentations: [new HttpInstrumentation(), new RuntimeNodeInstrumentation()],
+});
+
+hostMetrics.start();
+
+process.on("SIGTERM", async () => {
   try {
-    await sdk.shutdown();
+    // Stop collecting metrics or flush them if needed
+    await meterProvider.shutdown();
+    // Possibly close other instrumentation resources
   } catch (e) {
-    logger.error(e, "Error during OpenTelemetry shutdown");
+    logger.error(e, "Error during graceful shutdown");
+  } finally {
+    process.exit(0);
   }
 });

apps/web/instrumentation.ts

@@ -5,13 +5,10 @@ export const onRequestError = Sentry.captureRequestError;
 
 export const register = async () => {
   if (process.env.NEXT_RUNTIME === "nodejs") {
-    // Load OpenTelemetry instrumentation when Prometheus metrics or OTLP export is enabled
-    if (PROMETHEUS_ENABLED || process.env.OTEL_EXPORTER_OTLP_ENDPOINT) {
+    if (PROMETHEUS_ENABLED) {
       await import("./instrumentation-node");
     }
   }
-  // Sentry init loads after OTEL to avoid TracerProvider conflicts
-  // Sentry tracing is disabled (tracesSampleRate: 0) -- SigNoz handles distributed tracing
   if (process.env.NEXT_RUNTIME === "nodejs" && IS_PRODUCTION && SENTRY_DSN) {
     await import("./sentry.server.config");
   }

apps/web/lib/connector/actions.ts

@@ -1,389 +0,0 @@
-"use server";
-
-import { z } from "zod";
-import { logger } from "@formbricks/logger";
-import { ZId } from "@formbricks/types/common";
-import {
-  TConnectorWithMappings,
-  THubFieldType,
-  ZConnectorCreateInput,
-  ZConnectorFieldMappingCreateInput,
-  ZConnectorUpdateInput,
-  getHubFieldTypeFromElementType,
-} from "@formbricks/types/connector";
-import { AuthorizationError, ResourceNotFoundError } from "@formbricks/types/errors";
-import { getResponseCountBySurveyId } from "@/lib/response/service";
-import { getSurvey } from "@/lib/survey/service";
-import { getElementsFromBlocks } from "@/lib/survey/utils";
-import { authenticatedActionClient } from "@/lib/utils/action-client";
-import { checkAuthorizationUpdated } from "@/lib/utils/action-client/action-client-middleware";
-import { AuthenticatedActionClientCtx } from "@/lib/utils/action-client/types/context";
-import {
-  getOrganizationIdFromConnectorId,
-  getOrganizationIdFromEnvironmentId,
-  getOrganizationIdFromSurveyId,
-  getProjectIdFromConnectorId,
-  getProjectIdFromEnvironmentId,
-} from "@/lib/utils/helper";
-import { importHistoricalResponses } from "./import";
-import {
-  TMappingsInput,
-  createConnectorWithMappings,
-  deleteConnector,
-  getConnectorWithMappingsById,
-  updateConnectorWithMappings,
-} from "./service";
-
-const ZDeleteConnectorAction = z.object({
-  connectorId: ZId,
-  environmentId: ZId,
-});
-
-export const deleteConnectorAction = authenticatedActionClient
-  .schema(ZDeleteConnectorAction)
-  .action(
-    async ({
-      ctx,
-      parsedInput,
-    }: {
-      ctx: AuthenticatedActionClientCtx;
-      parsedInput: z.infer<typeof ZDeleteConnectorAction>;
-    }) => {
-      const organizationId = await getOrganizationIdFromConnectorId(parsedInput.connectorId);
-      await checkAuthorizationUpdated({
-        userId: ctx.user.id,
-        organizationId,
-        access: [
-          {
-            type: "organization",
-            roles: ["owner", "manager"],
-          },
-          {
-            type: "projectTeam",
-            minPermission: "readWrite",
-            projectId: await getProjectIdFromConnectorId(parsedInput.connectorId),
-          },
-        ],
-      });
-
-      return deleteConnector(parsedInput.connectorId, parsedInput.environmentId);
-    }
-  );
-
-const resolveSurveyMappings = async (
-  surveyId: string,
-  elementIds: string[]
-): Promise<{ surveyId: string; elementId: string; hubFieldType: THubFieldType }[]> => {
-  const survey = await getSurvey(surveyId);
-  if (!survey) {
-    throw new ResourceNotFoundError("Survey", surveyId);
-  }
-
-  const elements = getElementsFromBlocks(survey.blocks);
-  const elementMap = new Map(elements.map((el) => [el.id, el]));
-
-  return elementIds
-    .filter((elementId) => {
-      if (elementMap.has(elementId)) return true;
-      logger.warn({ surveyId, elementId }, "Skipping unknown elementId when building connector mappings");
-      return false;
-    })
-    .map((elementId) => {
-      const element = elementMap.get(elementId)!;
-      return {
-        surveyId,
-        elementId,
-        hubFieldType: getHubFieldTypeFromElementType(element.type),
-      };
-    });
-};
-
-const resolveFormbricksMappingsInput = async (
-  entries: { surveyId: string; elementIds: string[] }[]
-): Promise<TMappingsInput> => {
-  const allMappings = await Promise.all(
-    entries.map(({ surveyId, elementIds }) => resolveSurveyMappings(surveyId, elementIds))
-  );
-  return { type: "formbricks", mappings: allMappings.flat() };
-};
-
-const ZFormbricksSurveyMapping = z.object({
-  surveyId: ZId,
-  elementIds: z.array(z.string()).min(1),
-});
-
-const ZCreateConnectorWithMappingsAction = z.object({
-  environmentId: ZId,
-  connectorInput: ZConnectorCreateInput,
-  formbricksMappings: z.array(ZFormbricksSurveyMapping).min(1).optional(),
-  fieldMappings: z.array(ZConnectorFieldMappingCreateInput).optional(),
-});
-
-export const createConnectorWithMappingsAction = authenticatedActionClient
-  .schema(ZCreateConnectorWithMappingsAction)
-  .action(
-    async ({
-      ctx,
-      parsedInput,
-    }: {
-      ctx: AuthenticatedActionClientCtx;
-      parsedInput: z.infer<typeof ZCreateConnectorWithMappingsAction>;
-    }): Promise<TConnectorWithMappings> => {
-      const organizationId = await getOrganizationIdFromEnvironmentId(parsedInput.environmentId);
-      await checkAuthorizationUpdated({
-        userId: ctx.user.id,
-        organizationId,
-        access: [
-          {
-            type: "organization",
-            roles: ["owner", "manager"],
-          },
-          {
-            type: "projectTeam",
-            minPermission: "readWrite",
-            projectId: await getProjectIdFromEnvironmentId(parsedInput.environmentId),
-          },
-        ],
-      });
-
-      let mappingsInput: TMappingsInput | undefined;
-
-      const { formbricksMappings, fieldMappings } = parsedInput;
-
-      if (formbricksMappings?.length) {
-        await Promise.all(
-          formbricksMappings.map(async ({ surveyId }) => {
-            const orgId = await getOrganizationIdFromSurveyId(surveyId);
-            if (orgId !== organizationId) {
-              throw new AuthorizationError("You are not authorized to access this survey");
-            }
-          })
-        );
-
-        mappingsInput = await resolveFormbricksMappingsInput(formbricksMappings);
-      } else if (fieldMappings?.length) {
-        mappingsInput = { type: "field", mappings: fieldMappings };
-      }
-
-      return createConnectorWithMappings(
-        parsedInput.environmentId,
-        { ...parsedInput.connectorInput, createdBy: ctx.user.id },
-        mappingsInput
-      );
-    }
-  );
-
-const ZUpdateConnectorWithMappingsAction = z.object({
-  connectorId: ZId,
-  environmentId: ZId,
-  connectorInput: ZConnectorUpdateInput,
-  formbricksMappings: z.array(ZFormbricksSurveyMapping).min(1).optional(),
-  fieldMappings: z.array(ZConnectorFieldMappingCreateInput).optional(),
-});
-
-export const updateConnectorWithMappingsAction = authenticatedActionClient
-  .schema(ZUpdateConnectorWithMappingsAction)
-  .action(
-    async ({
-      ctx,
-      parsedInput,
-    }: {
-      ctx: AuthenticatedActionClientCtx;
-      parsedInput: z.infer<typeof ZUpdateConnectorWithMappingsAction>;
-    }): Promise<TConnectorWithMappings> => {
-      const organizationId = await getOrganizationIdFromConnectorId(parsedInput.connectorId);
-      await checkAuthorizationUpdated({
-        userId: ctx.user.id,
-        organizationId,
-        access: [
-          {
-            type: "organization",
-            roles: ["owner", "manager"],
-          },
-          {
-            type: "projectTeam",
-            minPermission: "readWrite",
-            projectId: await getProjectIdFromConnectorId(parsedInput.connectorId),
-          },
-        ],
-      });
-
-      let mappingsInput: TMappingsInput | undefined;
-
-      if (parsedInput.formbricksMappings?.length) {
-        await Promise.all(
-          parsedInput.formbricksMappings.map(async ({ surveyId }) => {
-            const orgId = await getOrganizationIdFromSurveyId(surveyId);
-            if (orgId !== organizationId) {
-              throw new AuthorizationError("You are not authorized to access this survey");
-            }
-          })
-        );
-
-        mappingsInput = await resolveFormbricksMappingsInput(parsedInput.formbricksMappings);
-      } else if (parsedInput.fieldMappings && parsedInput.fieldMappings.length > 0) {
-        mappingsInput = { type: "field", mappings: parsedInput.fieldMappings };
-      }
-
-      return updateConnectorWithMappings(
-        parsedInput.connectorId,
-        parsedInput.environmentId,
-        parsedInput.connectorInput,
-        mappingsInput
-      );
-    }
-  );
-
-const ZDuplicateConnectorAction = z.object({
-  connectorId: ZId,
-  environmentId: ZId,
-});
-
-export const duplicateConnectorAction = authenticatedActionClient
-  .schema(ZDuplicateConnectorAction)
-  .action(
-    async ({
-      ctx,
-      parsedInput,
-    }: {
-      ctx: AuthenticatedActionClientCtx;
-      parsedInput: z.infer<typeof ZDuplicateConnectorAction>;
-    }): Promise<TConnectorWithMappings> => {
-      const organizationId = await getOrganizationIdFromConnectorId(parsedInput.connectorId);
-      await checkAuthorizationUpdated({
-        userId: ctx.user.id,
-        organizationId,
-        access: [
-          {
-            type: "organization",
-            roles: ["owner", "manager"],
-          },
-          {
-            type: "projectTeam",
-            minPermission: "readWrite",
-            projectId: await getProjectIdFromConnectorId(parsedInput.connectorId),
-          },
-        ],
-      });
-
-      const source = await getConnectorWithMappingsById(parsedInput.connectorId, parsedInput.environmentId);
-      if (!source) {
-        throw new ResourceNotFoundError("Connector", parsedInput.connectorId);
-      }
-
-      let mappingsInput: TMappingsInput | undefined;
-
-      if (source.type === "formbricks" && source.formbricksMappings.length > 0) {
-        mappingsInput = {
-          type: "formbricks",
-          mappings: source.formbricksMappings.map((m) => ({
-            surveyId: m.surveyId,
-            elementId: m.elementId,
-            hubFieldType: m.hubFieldType,
-            customFieldLabel: m.customFieldLabel ?? undefined,
-          })),
-        };
-      } else if (source.fieldMappings.length > 0) {
-        mappingsInput = {
-          type: "field",
-          mappings: source.fieldMappings.map((m) => ({
-            sourceFieldId: m.sourceFieldId,
-            targetFieldId: m.targetFieldId,
-            staticValue: m.staticValue ?? undefined,
-          })),
-        };
-      }
-
-      return createConnectorWithMappings(
-        parsedInput.environmentId,
-        { name: `${source.name} (copy)`, type: source.type, createdBy: ctx.user.id },
-        mappingsInput
-      );
-    }
-  );
-
-const ZGetResponseCountAction = z.object({
-  surveyId: ZId,
-  environmentId: ZId,
-});
-
-export const getResponseCountAction = authenticatedActionClient
-  .schema(ZGetResponseCountAction)
-  .action(
-    async ({
-      ctx,
-      parsedInput,
-    }: {
-      ctx: AuthenticatedActionClientCtx;
-      parsedInput: z.infer<typeof ZGetResponseCountAction>;
-    }): Promise<number> => {
-      const organizationId = await getOrganizationIdFromSurveyId(parsedInput.surveyId);
-      await checkAuthorizationUpdated({
-        userId: ctx.user.id,
-        organizationId,
-        access: [
-          {
-            type: "organization",
-            roles: ["owner", "manager"],
-          },
-          {
-            type: "projectTeam",
-            minPermission: "readWrite",
-            projectId: await getProjectIdFromEnvironmentId(parsedInput.environmentId),
-          },
-        ],
-      });
-
-      return getResponseCountBySurveyId(parsedInput.surveyId);
-    }
-  );
-
-const ZImportHistoricalResponsesAction = z.object({
-  connectorId: ZId,
-  environmentId: ZId,
-  surveyId: ZId,
-});
-
-export const importHistoricalResponsesAction = authenticatedActionClient
-  .schema(ZImportHistoricalResponsesAction)
-  .action(
-    async ({
-      ctx,
-      parsedInput,
-    }: {
-      ctx: AuthenticatedActionClientCtx;
-      parsedInput: z.infer<typeof ZImportHistoricalResponsesAction>;
-    }) => {
-      const organizationId = await getOrganizationIdFromConnectorId(parsedInput.connectorId);
-      await checkAuthorizationUpdated({
-        userId: ctx.user.id,
-        organizationId,
-        access: [
-          {
-            type: "organization",
-            roles: ["owner", "manager"],
-          },
-          {
-            type: "projectTeam",
-            minPermission: "readWrite",
-            projectId: await getProjectIdFromConnectorId(parsedInput.connectorId),
-          },
-        ],
-      });
-
-      const connector = await getConnectorWithMappingsById(
-        parsedInput.connectorId,
-        parsedInput.environmentId
-      );
-      if (!connector) {
-        throw new ResourceNotFoundError("Connector", parsedInput.connectorId);
-      }
-
-      const survey = await getSurvey(parsedInput.surveyId);
-      if (!survey) {
-        throw new ResourceNotFoundError("Survey", parsedInput.surveyId);
-      }
-
-      return importHistoricalResponses(connector, survey);
-    }
-  );

apps/web/lib/connector/import.test.ts

@@ -1,148 +0,0 @@
-import { beforeEach, describe, expect, test, vi } from "vitest";
-import { TConnectorWithMappings } from "@formbricks/types/connector";
-import { InvalidInputError } from "@formbricks/types/errors";
-import { TSurvey } from "@formbricks/types/surveys/types";
-import { importHistoricalResponses } from "./import";
-
-vi.mock("../response/service", () => ({
-  getResponses: vi.fn(),
-}));
-
-vi.mock("@/modules/hub", () => ({
-  createFeedbackRecordsBatch: vi.fn(),
-}));
-
-vi.mock("./transform", () => ({
-  transformResponseToFeedbackRecords: vi.fn(),
-}));
-
-const { getResponses } = vi.mocked(await import("../response/service"));
-const { createFeedbackRecordsBatch } = vi.mocked(await import("@/modules/hub"));
-const { transformResponseToFeedbackRecords } = vi.mocked(await import("./transform"));
-
-const ENV_ID = "clxxxxxxxxxxxxxxxx001";
-const CONNECTOR_ID = "clxxxxxxxxxxxxxxxx002";
-const SURVEY_ID = "clxxxxxxxxxxxxxxxx003";
-const NOW = new Date("2026-02-24T10:00:00.000Z");
-
-const mockConnector: TConnectorWithMappings = {
-  id: CONNECTOR_ID,
-  createdAt: NOW,
-  updatedAt: NOW,
-  name: "Test Connector",
-  type: "formbricks",
-  status: "active",
-  environmentId: ENV_ID,
-  lastSyncAt: null,
-  createdBy: null,
-  creatorName: null,
-  formbricksMappings: [
-    {
-      id: "mapping-1",
-      createdAt: NOW,
-      connectorId: CONNECTOR_ID,
-      environmentId: ENV_ID,
-      surveyId: SURVEY_ID,
-      elementId: "el-1",
-      hubFieldType: "text",
-      customFieldLabel: null,
-    },
-  ],
-  fieldMappings: [],
-};
-
-const mockSurvey = { id: SURVEY_ID, blocks: [] } as unknown as TSurvey;
-
-describe("importHistoricalResponses", () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-
-  test("throws InvalidInputError for non-formbricks connector", async () => {
-    const csvConnector = { ...mockConnector, type: "csv" as const };
-
-    await expect(importHistoricalResponses(csvConnector, mockSurvey)).rejects.toThrow(InvalidInputError);
-    expect(getResponses).not.toHaveBeenCalled();
-  });
-
-  test("returns zeros when there are no responses", async () => {
-    getResponses.mockResolvedValue([]);
-
-    const result = await importHistoricalResponses(mockConnector, mockSurvey);
-
-    expect(result).toEqual({ successes: 0, failures: 0, skipped: 0 });
-  });
-
-  test("counts successes and skipped correctly", async () => {
-    const mockResponses = [{ id: "r1" }, { id: "r2" }, { id: "r3" }];
-    getResponses.mockResolvedValueOnce(mockResponses as never);
-    getResponses.mockResolvedValueOnce([]);
-
-    transformResponseToFeedbackRecords
-      .mockReturnValueOnce([{ field: "record1" }] as never)
-      .mockReturnValueOnce([])
-      .mockReturnValueOnce([{ field: "record3" }] as never);
-
-    createFeedbackRecordsBatch.mockResolvedValue({
-      results: [
-        { data: { id: "fb1" }, error: null },
-        { data: { id: "fb2" }, error: null },
-      ],
-    } as never);
-
-    const result = await importHistoricalResponses(mockConnector, mockSurvey);
-
-    expect(result.successes).toBe(2);
-    expect(result.failures).toBe(0);
-    expect(result.skipped).toBe(1);
-  });
-
-  test("counts failures from Hub API errors", async () => {
-    const mockResponses = [{ id: "r1" }];
-    getResponses.mockResolvedValueOnce(mockResponses as never);
-    getResponses.mockResolvedValueOnce([]);
-
-    transformResponseToFeedbackRecords.mockReturnValue([{ field: "record" }] as never);
-
-    createFeedbackRecordsBatch.mockResolvedValue({
-      results: [{ data: null, error: { status: 400, message: "Bad request" } }],
-    } as never);
-
-    const result = await importHistoricalResponses(mockConnector, mockSurvey);
-
-    expect(result.successes).toBe(0);
-    expect(result.failures).toBe(1);
-  });
-
-  test("paginates through responses in batches", async () => {
-    const batch1 = Array.from({ length: 50 }, (_, i) => ({ id: `r${i}` }));
-    const batch2 = [{ id: "r50" }];
-
-    getResponses.mockResolvedValueOnce(batch1 as never);
-    getResponses.mockResolvedValueOnce(batch2 as never);
-    getResponses.mockResolvedValueOnce([]);
-
-    transformResponseToFeedbackRecords.mockReturnValue([{ field: "record" }] as never);
-    createFeedbackRecordsBatch.mockResolvedValue({
-      results: [{ data: { id: "fb" }, error: null }],
-    } as never);
-
-    await importHistoricalResponses(mockConnector, mockSurvey);
-
-    expect(getResponses).toHaveBeenCalledWith(SURVEY_ID, 50, 0);
-    expect(getResponses).toHaveBeenCalledWith(SURVEY_ID, 50, 50);
-  });
-
-  test("does not call Hub API when all responses are skipped", async () => {
-    const mockResponses = [{ id: "r1" }, { id: "r2" }];
-    getResponses.mockResolvedValueOnce(mockResponses as never);
-    getResponses.mockResolvedValueOnce([]);
-
-    transformResponseToFeedbackRecords.mockReturnValue([]);
-
-    const result = await importHistoricalResponses(mockConnector, mockSurvey);
-
-    expect(createFeedbackRecordsBatch).not.toHaveBeenCalled();
-    expect(result).toEqual({ successes: 0, failures: 0, skipped: 2 });
-  });
-});

apps/web/lib/connector/import.ts

@@ -1,62 +0,0 @@
-import "server-only";
-import { TConnectorFormbricksMapping, TConnectorWithMappings } from "@formbricks/types/connector";
-import { InvalidInputError } from "@formbricks/types/errors";
-import { TSurvey } from "@formbricks/types/surveys/types";
-import { createFeedbackRecordsBatch } from "@/modules/hub";
-import { getResponses } from "../response/service";
-import { transformResponseToFeedbackRecords } from "./transform";
-
-const IMPORT_BATCH_SIZE = 50;
-
-export type TImportResult = { successes: number; failures: number; skipped: number };
-
-const processBatch = async (
-  responses: Awaited<ReturnType<typeof getResponses>>,
-  survey: TSurvey,
-  mappings: TConnectorFormbricksMapping[]
-): Promise<TImportResult> => {
-  let successes = 0;
-  let failures = 0;
-  const expectedRecords = responses.length * mappings.length;
-
-  const allRecords = responses.flatMap((response) =>
-    transformResponseToFeedbackRecords(response, survey, mappings)
-  );
-
-  if (allRecords.length > 0) {
-    const { results } = await createFeedbackRecordsBatch(allRecords);
-    successes = results.filter((r) => r.data !== null).length;
-    failures = results.filter((r) => r.error !== null).length;
-  }
-
-  return { successes, failures, skipped: expectedRecords - allRecords.length };
-};
-
-export const importHistoricalResponses = async (
-  connector: TConnectorWithMappings,
-  survey: TSurvey
-): Promise<TImportResult> => {
-  if (connector.type !== "formbricks") {
-    throw new InvalidInputError("Historical import is only supported for Formbricks connectors");
-  }
-
-  let successes = 0;
-  let failures = 0;
-  let skipped = 0;
-  let offset = 0;
-
-  while (true) {
-    const responses = await getResponses(survey.id, IMPORT_BATCH_SIZE, offset);
-    if (responses.length === 0) break;
-
-    const batch = await processBatch(responses, survey, connector.formbricksMappings);
-    successes += batch.successes;
-    failures += batch.failures;
-    skipped += batch.skipped;
-
-    if (responses.length < IMPORT_BATCH_SIZE) break;
-    offset += IMPORT_BATCH_SIZE;
-  }
-
-  return { successes, failures, skipped };
-};

apps/web/lib/connector/pipeline-handler.test.ts

@@ -1,211 +0,0 @@
-import { beforeEach, describe, expect, test, vi } from "vitest";
-import { TConnectorWithMappings } from "@formbricks/types/connector";
-import { TResponse } from "@formbricks/types/responses";
-import { TSurvey } from "@formbricks/types/surveys/types";
-
-const mockCreateFeedbackRecordsBatch = vi.fn();
-
-vi.mock("@/modules/hub", () => ({
-  createFeedbackRecordsBatch: (...args: unknown[]) => mockCreateFeedbackRecordsBatch(...args),
-}));
-
-vi.mock("@formbricks/logger", () => ({
-  logger: {
-    info: vi.fn(),
-    warn: vi.fn(),
-    error: vi.fn(),
-  },
-}));
-
-vi.mock("./service", () => ({
-  getConnectorsBySurveyId: vi.fn(),
-  updateConnector: vi.fn(),
-}));
-
-vi.mock("./transform", () => ({
-  transformResponseToFeedbackRecords: vi.fn(),
-}));
-
-const { getConnectorsBySurveyId, updateConnector } = await import("./service");
-const { transformResponseToFeedbackRecords } = await import("./transform");
-const { handleConnectorPipeline } = await import("./pipeline-handler");
-
-const mockResponse = {
-  id: "resp-1",
-  createdAt: new Date("2026-02-24T10:00:00.000Z"),
-  surveyId: "survey-1",
-  data: { "el-1": "answer" },
-} as unknown as TResponse;
-
-const mockSurvey = {
-  id: "survey-1",
-  name: "Test Survey",
-  blocks: [{ id: "block-1", name: "Block", elements: [{ id: "el-1", headline: { default: "Question?" } }] }],
-} as unknown as TSurvey;
-
-function createConnector(
-  overrides: Partial<Pick<TConnectorWithMappings, "id" | "formbricksMappings">> = {}
-): TConnectorWithMappings {
-  return {
-    id: "conn-1",
-    createdAt: new Date(),
-    updatedAt: new Date(),
-    name: "Test Connector",
-    type: "formbricks",
-    status: "active",
-    environmentId: "env-1",
-    lastSyncAt: null,
-    formbricksMappings: [
-      {
-        id: "map-1",
-        createdAt: new Date(),
-        connectorId: "conn-1",
-        environmentId: "env-1",
-        surveyId: "survey-1",
-        elementId: "el-1",
-        hubFieldType: "rating",
-        customFieldLabel: null,
-      },
-    ],
-    fieldMappings: [],
-    ...overrides,
-  } as TConnectorWithMappings;
-}
-
-const oneFeedbackRecord = [
-  {
-    field_id: "el-1",
-    field_type: "rating" as const,
-    source_type: "formbricks",
-    source_id: "survey-1",
-    source_name: "Test Survey",
-    field_label: "Question?",
-    value_number: 5,
-    collected_at: "2026-02-24T10:00:00.000Z",
-  },
-];
-
-const noConfigError = {
-  status: 0,
-  message: "HUB_API_KEY is not set; Hub integration is disabled.",
-  detail: "HUB_API_KEY is not set; Hub integration is disabled.",
-};
-
-describe("handleConnectorPipeline", () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-
-  test("returns early when no connectors for survey", async () => {
-    vi.mocked(getConnectorsBySurveyId).mockResolvedValue([]);
-
-    await handleConnectorPipeline(mockResponse, mockSurvey, "env-1");
-
-    expect(transformResponseToFeedbackRecords).not.toHaveBeenCalled();
-    expect(mockCreateFeedbackRecordsBatch).not.toHaveBeenCalled();
-    expect(updateConnector).not.toHaveBeenCalled();
-  });
-
-  test("continues when transform returns no feedback records", async () => {
-    const connector = createConnector();
-    vi.mocked(getConnectorsBySurveyId).mockResolvedValue([connector]);
-    vi.mocked(transformResponseToFeedbackRecords).mockReturnValue([]);
-
-    await handleConnectorPipeline(mockResponse, mockSurvey, "env-1");
-
-    expect(transformResponseToFeedbackRecords).toHaveBeenCalledWith(
-      mockResponse,
-      mockSurvey,
-      connector.formbricksMappings,
-      "env-1"
-    );
-    expect(mockCreateFeedbackRecordsBatch).not.toHaveBeenCalled();
-    expect(updateConnector).not.toHaveBeenCalled();
-  });
-
-  test("does not update connector when Hub returns no-config (HUB_API_KEY not set)", async () => {
-    vi.mocked(getConnectorsBySurveyId).mockResolvedValue([createConnector()]);
-    vi.mocked(transformResponseToFeedbackRecords).mockReturnValue(oneFeedbackRecord as any);
-    mockCreateFeedbackRecordsBatch.mockResolvedValue({
-      results: oneFeedbackRecord.map(() => ({ data: null, error: noConfigError })),
-    });
-
-    await handleConnectorPipeline(mockResponse, mockSurvey, "env-1");
-
-    expect(mockCreateFeedbackRecordsBatch).toHaveBeenCalledWith(oneFeedbackRecord);
-    expect(updateConnector).not.toHaveBeenCalled();
-  });
-
-  test("sends records to Hub and updates lastSyncAt on full success", async () => {
-    vi.mocked(getConnectorsBySurveyId).mockResolvedValue([createConnector()]);
-    vi.mocked(transformResponseToFeedbackRecords).mockReturnValue(oneFeedbackRecord as any);
-    mockCreateFeedbackRecordsBatch.mockResolvedValue({
-      results: [{ data: { id: "hub-1", ...oneFeedbackRecord[0] }, error: null }],
-    });
-
-    await handleConnectorPipeline(mockResponse, mockSurvey, "env-1");
-
-    expect(mockCreateFeedbackRecordsBatch).toHaveBeenCalledWith(oneFeedbackRecord);
-    expect(updateConnector).toHaveBeenCalledWith("conn-1", "env-1", {
-      lastSyncAt: expect.any(Date),
-    });
-  });
-
-  test("does not update connector when all Hub creates fail", async () => {
-    vi.mocked(getConnectorsBySurveyId).mockResolvedValue([createConnector()]);
-    vi.mocked(transformResponseToFeedbackRecords).mockReturnValue(oneFeedbackRecord as any);
-    mockCreateFeedbackRecordsBatch.mockResolvedValue({
-      results: [
-        { data: null, error: { status: 500, message: "Hub unavailable", detail: "Hub unavailable" } },
-      ],
-    });
-
-    await handleConnectorPipeline(mockResponse, mockSurvey, "env-1");
-
-    expect(updateConnector).not.toHaveBeenCalled();
-  });
-
-  test("updates lastSyncAt on partial failure when some creates succeed", async () => {
-    const twoRecords = [...oneFeedbackRecord, { ...oneFeedbackRecord[0], field_id: "el-2", value_number: 3 }];
-    const baseMapping = {
-      createdAt: new Date(),
-      connectorId: "conn-1",
-      environmentId: "env-1",
-      surveyId: "survey-1",
-      hubFieldType: "rating" as const,
-      customFieldLabel: null as string | null,
-    };
-    vi.mocked(getConnectorsBySurveyId).mockResolvedValue([
-      createConnector({
-        formbricksMappings: [
-          { ...baseMapping, id: "m1", elementId: "el-1" },
-          { ...baseMapping, id: "m2", elementId: "el-2" },
-        ],
-      }),
-    ]);
-    vi.mocked(transformResponseToFeedbackRecords).mockReturnValue(twoRecords as any);
-    mockCreateFeedbackRecordsBatch.mockResolvedValue({
-      results: [
-        { data: { id: "hub-1" }, error: null },
-        { data: null, error: { status: 429, message: "Rate limited", detail: "Rate limited" } },
-      ],
-    });
-
-    await handleConnectorPipeline(mockResponse, mockSurvey, "env-1");
-
-    expect(updateConnector).toHaveBeenCalledWith("conn-1", "env-1", {
-      lastSyncAt: expect.any(Date),
-    });
-  });
-
-  test("does not update connector when transform throws", async () => {
-    vi.mocked(getConnectorsBySurveyId).mockResolvedValue([createConnector()]);
-    vi.mocked(transformResponseToFeedbackRecords).mockImplementation(() => {
-      throw new Error("Transform failed");
-    });
-
-    await handleConnectorPipeline(mockResponse, mockSurvey, "env-1");
-
-    expect(updateConnector).not.toHaveBeenCalled();
-  });
-});

apps/web/lib/connector/pipeline-handler.ts

@@ -1,132 +0,0 @@
-import "server-only";
-import { logger } from "@formbricks/logger";
-import { TConnectorWithMappings } from "@formbricks/types/connector";
-import { TResponse } from "@formbricks/types/responses";
-import { TSurvey } from "@formbricks/types/surveys/types";
-import { createFeedbackRecordsBatch } from "@/modules/hub";
-import { getConnectorsBySurveyId, updateConnector } from "./service";
-import { transformResponseToFeedbackRecords } from "./transform";
-
-const getErrorMessage = (error: unknown): string =>
-  error instanceof Error ? error.message : "Unknown error";
-
-const logFailedRecords = (
-  connectorId: string,
-  results: Awaited<ReturnType<typeof createFeedbackRecordsBatch>>["results"]
-): void => {
-  for (const [index, result] of results.entries()) {
-    if (!result.error) continue;
-    logger.error(
-      {
-        connectorId,
-        feedbackRecordIndex: index,
-        error: {
-          status: result.error.status,
-          message: result.error.message,
-          detail: result.error.detail,
-        },
-      },
-      "Failed to create FeedbackRecord in Hub"
-    );
-  }
-};
-
-const processConnector = async (
-  connector: TConnectorWithMappings,
-  response: TResponse,
-  survey: TSurvey,
-  environmentId: string
-): Promise<void> => {
-  const feedbackRecords = transformResponseToFeedbackRecords(
-    response,
-    survey,
-    connector.formbricksMappings,
-    environmentId
-  );
-
-  if (feedbackRecords.length === 0) {
-    return;
-  }
-
-  const { results } = await createFeedbackRecordsBatch(feedbackRecords);
-
-  const successes = results.filter((r) => r.data !== null).length;
-  const failures = results.filter((r) => r.error !== null).length;
-
-  if (failures > 0) {
-    logger.warn(
-      {
-        connectorId: connector.id,
-        surveyId: survey.id,
-        responseId: response.id,
-        successes,
-        failures,
-      },
-      `Connector pipeline: ${failures}/${feedbackRecords.length} FeedbackRecords failed to send`
-    );
-    logFailedRecords(connector.id, results);
-  } else {
-    logger.info(
-      {
-        connectorId: connector.id,
-        surveyId: survey.id,
-        responseId: response.id,
-        feedbackRecordsCreated: successes,
-      },
-      `Connector pipeline: Successfully sent ${successes} FeedbackRecords to Hub`
-    );
-  }
-
-  if (successes > 0) {
-    await updateConnector(connector.id, environmentId, { lastSyncAt: new Date() });
-  }
-};
-
-/**
- * Handle connector pipeline for a survey response
- *
- * This function is called from the pipeline when a response is created/finished.
- * It looks up active connectors for the survey and sends the response data to the Hub.
- *
- * @param response - The survey response
- * @param survey - The survey
- * @param environmentId - The environment ID (used as tenant_id)
- */
-export const handleConnectorPipeline = async (
-  response: TResponse,
-  survey: TSurvey,
-  environmentId: string
-): Promise<void> => {
-  try {
-    const connectors = await getConnectorsBySurveyId(survey.id);
-
-    if (connectors.length === 0) {
-      return;
-    }
-
-    for (const connector of connectors) {
-      try {
-        await processConnector(connector, response, survey, environmentId);
-      } catch (error) {
-        logger.error(
-          {
-            connectorId: connector.id,
-            surveyId: survey.id,
-            responseId: response.id,
-            error: getErrorMessage(error),
-          },
-          "Connector pipeline: Failed to process connector"
-        );
-      }
-    }
-  } catch (error) {
-    logger.error(
-      {
-        surveyId: survey.id,
-        responseId: response.id,
-        error: getErrorMessage(error),
-      },
-      "Connector pipeline: Failed to handle connectors"
-    );
-  }
-};

apps/web/lib/connector/service.test.ts

@@ -1,527 +0,0 @@
-import { Prisma } from "@prisma/client";
-import { beforeEach, describe, expect, test, vi } from "vitest";
-import { prisma } from "@formbricks/database";
-import { DatabaseError, InvalidInputError, ResourceNotFoundError } from "@formbricks/types/errors";
-import {
-  createConnectorWithMappings,
-  deleteConnector,
-  getConnectorsBySurveyId,
-  getConnectorsWithMappings,
-  updateConnector,
-  updateConnectorWithMappings,
-} from "./service";
-
-vi.mock("@formbricks/database", () => ({
-  prisma: {
-    connector: {
-      findMany: vi.fn(),
-      findUniqueOrThrow: vi.fn(),
-      create: vi.fn(),
-      update: vi.fn(),
-      delete: vi.fn(),
-    },
-    connectorFormbricksMapping: {
-      create: vi.fn(),
-      deleteMany: vi.fn(),
-    },
-    connectorFieldMapping: {
-      create: vi.fn(),
-      deleteMany: vi.fn(),
-    },
-    $transaction: vi.fn(),
-  },
-}));
-
-vi.mock("@/lib/utils/validate", () => ({
-  validateInputs: vi.fn(),
-}));
-
-const ENV_ID = "clxxxxxxxxxxxxxxxx001";
-const CONNECTOR_ID = "clxxxxxxxxxxxxxxxx002";
-const SURVEY_ID = "clxxxxxxxxxxxxxxxx003";
-const NOW = new Date("2026-02-24T10:00:00.000Z");
-
-const mockConnector = {
-  id: CONNECTOR_ID,
-  createdAt: NOW,
-  updatedAt: NOW,
-  name: "Test Connector",
-  type: "formbricks" as const,
-  status: "active" as const,
-  environmentId: ENV_ID,
-  lastSyncAt: null,
-  createdBy: null,
-};
-
-const mockConnectorWithMappingsFromDb = {
-  ...mockConnector,
-  creator: null,
-  formbricksMappings: [
-    {
-      id: "mapping-1",
-      createdAt: NOW,
-      connectorId: CONNECTOR_ID,
-      environmentId: ENV_ID,
-      surveyId: SURVEY_ID,
-      elementId: "el-1",
-      hubFieldType: "text",
-      customFieldLabel: null,
-    },
-  ],
-  fieldMappings: [],
-};
-
-const mockConnectorWithMappings = {
-  ...mockConnector,
-  creatorName: null,
-  formbricksMappings: mockConnectorWithMappingsFromDb.formbricksMappings,
-  fieldMappings: [],
-};
-
-describe("getConnectorsWithMappings", () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-
-  test("returns connectors for the given environment", async () => {
-    vi.mocked(prisma.connector.findMany).mockResolvedValue([mockConnectorWithMappingsFromDb] as never);
-
-    const result = await getConnectorsWithMappings(ENV_ID);
-
-    expect(prisma.connector.findMany).toHaveBeenCalledWith(
-      expect.objectContaining({
-        where: { environmentId: ENV_ID },
-        orderBy: { createdAt: "desc" },
-      })
-    );
-    expect(result).toHaveLength(1);
-    expect(result[0].id).toBe(CONNECTOR_ID);
-  });
-
-  test("applies pagination when page is provided", async () => {
-    vi.mocked(prisma.connector.findMany).mockResolvedValue([] as never);
-
-    await getConnectorsWithMappings(ENV_ID, 2);
-
-    expect(prisma.connector.findMany).toHaveBeenCalledWith(
-      expect.objectContaining({
-        take: expect.any(Number),
-        skip: expect.any(Number),
-      })
-    );
-  });
-
-  test("returns empty array when no connectors exist", async () => {
-    vi.mocked(prisma.connector.findMany).mockResolvedValue([] as never);
-
-    const result = await getConnectorsWithMappings(ENV_ID);
-    expect(result).toEqual([]);
-  });
-
-  test("throws DatabaseError on Prisma error", async () => {
-    vi.mocked(prisma.connector.findMany).mockRejectedValue(
-      new Prisma.PrismaClientKnownRequestError("connection error", {
-        code: "P1001",
-        clientVersion: "5.0.0",
-      })
-    );
-
-    await expect(getConnectorsWithMappings(ENV_ID)).rejects.toThrow(DatabaseError);
-  });
-});
-
-describe("getConnectorsBySurveyId", () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-
-  test("returns active formbricks connectors linked to the survey", async () => {
-    vi.mocked(prisma.connector.findMany).mockResolvedValue([mockConnectorWithMappingsFromDb] as never);
-
-    const result = await getConnectorsBySurveyId(SURVEY_ID);
-
-    expect(prisma.connector.findMany).toHaveBeenCalledWith(
-      expect.objectContaining({
-        where: {
-          type: "formbricks",
-          status: "active",
-          formbricksMappings: { some: { surveyId: SURVEY_ID } },
-        },
-      })
-    );
-    expect(result).toHaveLength(1);
-  });
-
-  test("returns empty when no connectors match", async () => {
-    vi.mocked(prisma.connector.findMany).mockResolvedValue([] as never);
-
-    const result = await getConnectorsBySurveyId(SURVEY_ID);
-    expect(result).toEqual([]);
-  });
-
-  test("throws DatabaseError on Prisma error", async () => {
-    vi.mocked(prisma.connector.findMany).mockRejectedValue(
-      new Prisma.PrismaClientKnownRequestError("DB error", {
-        code: "P1001",
-        clientVersion: "5.0.0",
-      })
-    );
-
-    await expect(getConnectorsBySurveyId(SURVEY_ID)).rejects.toThrow(DatabaseError);
-  });
-});
-
-describe("updateConnector", () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-
-  test("updates connector name and returns the result", async () => {
-    const updated = { ...mockConnector, name: "Renamed" };
-    vi.mocked(prisma.connector.update).mockResolvedValue(updated as never);
-
-    const result = await updateConnector(CONNECTOR_ID, ENV_ID, { name: "Renamed" });
-
-    expect(prisma.connector.update).toHaveBeenCalledWith(
-      expect.objectContaining({
-        where: { id: CONNECTOR_ID, environmentId: ENV_ID },
-        data: expect.objectContaining({ name: "Renamed" }),
-      })
-    );
-    expect(result.name).toBe("Renamed");
-  });
-
-  test("updates connector status", async () => {
-    const updated = { ...mockConnector, status: "paused" };
-    vi.mocked(prisma.connector.update).mockResolvedValue(updated as never);
-
-    const result = await updateConnector(CONNECTOR_ID, ENV_ID, { status: "paused" });
-    expect(result.status).toBe("paused");
-  });
-
-  test("throws ResourceNotFoundError when connector does not exist", async () => {
-    vi.mocked(prisma.connector.update).mockRejectedValue(
-      new Prisma.PrismaClientKnownRequestError("Not found", {
-        code: "P2015",
-        clientVersion: "5.0.0",
-      })
-    );
-
-    await expect(updateConnector(CONNECTOR_ID, ENV_ID, { name: "x" })).rejects.toThrow(ResourceNotFoundError);
-  });
-
-  test("throws DatabaseError on generic Prisma error", async () => {
-    vi.mocked(prisma.connector.update).mockRejectedValue(
-      new Prisma.PrismaClientKnownRequestError("DB error", {
-        code: "P1001",
-        clientVersion: "5.0.0",
-      })
-    );
-
-    await expect(updateConnector(CONNECTOR_ID, ENV_ID, { name: "x" })).rejects.toThrow(DatabaseError);
-  });
-
-  test("rethrows non-Prisma errors", async () => {
-    vi.mocked(prisma.connector.update).mockRejectedValue(new Error("unexpected"));
-
-    await expect(updateConnector(CONNECTOR_ID, ENV_ID, { name: "x" })).rejects.toThrow("unexpected");
-  });
-});
-
-describe("deleteConnector", () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-
-  test("deletes the connector and returns it", async () => {
-    vi.mocked(prisma.connector.delete).mockResolvedValue(mockConnector as never);
-
-    const result = await deleteConnector(CONNECTOR_ID, ENV_ID);
-
-    expect(prisma.connector.delete).toHaveBeenCalledWith(
-      expect.objectContaining({
-        where: { id: CONNECTOR_ID, environmentId: ENV_ID },
-      })
-    );
-    expect(result.id).toBe(CONNECTOR_ID);
-  });
-
-  test("throws ResourceNotFoundError when connector does not exist", async () => {
-    vi.mocked(prisma.connector.delete).mockRejectedValue(
-      new Prisma.PrismaClientKnownRequestError("Not found", {
-        code: "P2015",
-        clientVersion: "5.0.0",
-      })
-    );
-
-    await expect(deleteConnector(CONNECTOR_ID, ENV_ID)).rejects.toThrow(ResourceNotFoundError);
-  });
-
-  test("throws DatabaseError on generic Prisma error", async () => {
-    vi.mocked(prisma.connector.delete).mockRejectedValue(
-      new Prisma.PrismaClientKnownRequestError("DB error", {
-        code: "P1001",
-        clientVersion: "5.0.0",
-      })
-    );
-
-    await expect(deleteConnector(CONNECTOR_ID, ENV_ID)).rejects.toThrow(DatabaseError);
-  });
-});
-
-describe("createConnectorWithMappings", () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-
-  const setupTransaction = () => {
-    const txMethods = {
-      connector: {
-        create: vi.fn(),
-        findUniqueOrThrow: vi.fn(),
-      },
-      connectorFormbricksMapping: {
-        create: vi.fn(),
-      },
-      connectorFieldMapping: {
-        create: vi.fn(),
-      },
-    };
-
-    vi.mocked(prisma.$transaction).mockImplementation(async (fn) => {
-      return (fn as (tx: typeof txMethods) => Promise<unknown>)(txMethods);
-    });
-
-    return txMethods;
-  };
-
-  test("creates connector without mappings", async () => {
-    const tx = setupTransaction();
-    tx.connector.create.mockResolvedValue({ id: CONNECTOR_ID, environmentId: ENV_ID });
-    tx.connector.findUniqueOrThrow.mockResolvedValue(mockConnectorWithMappingsFromDb);
-
-    const result = await createConnectorWithMappings(ENV_ID, { name: "New", type: "formbricks" });
-
-    expect(tx.connector.create).toHaveBeenCalledWith(
-      expect.objectContaining({
-        data: { name: "New", type: "formbricks", environmentId: ENV_ID },
-      })
-    );
-    expect(tx.connectorFormbricksMapping.create).not.toHaveBeenCalled();
-    expect(tx.connectorFieldMapping.create).not.toHaveBeenCalled();
-    expect(result).toEqual(mockConnectorWithMappings);
-  });
-
-  test("creates connector with formbricks mappings", async () => {
-    const tx = setupTransaction();
-    tx.connector.create.mockResolvedValue({ id: CONNECTOR_ID, environmentId: ENV_ID });
-    tx.connectorFormbricksMapping.create.mockResolvedValue({});
-    tx.connector.findUniqueOrThrow.mockResolvedValue(mockConnectorWithMappingsFromDb);
-
-    await createConnectorWithMappings(
-      ENV_ID,
-      { name: "FB", type: "formbricks" },
-      {
-        type: "formbricks",
-        mappings: [
-          { surveyId: SURVEY_ID, elementId: "el-1", hubFieldType: "text" },
-          { surveyId: SURVEY_ID, elementId: "el-2", hubFieldType: "nps" },
-        ],
-      }
-    );
-
-    expect(tx.connectorFormbricksMapping.create).toHaveBeenCalledTimes(2);
-    expect(tx.connectorFormbricksMapping.create).toHaveBeenCalledWith(
-      expect.objectContaining({
-        data: expect.objectContaining({
-          connectorId: CONNECTOR_ID,
-          environmentId: ENV_ID,
-          surveyId: SURVEY_ID,
-          elementId: "el-1",
-          hubFieldType: "text",
-        }),
-      })
-    );
-  });
-
-  test("creates connector with field mappings", async () => {
-    const tx = setupTransaction();
-    tx.connector.create.mockResolvedValue({ id: CONNECTOR_ID, environmentId: ENV_ID });
-    tx.connectorFieldMapping.create.mockResolvedValue({});
-    tx.connector.findUniqueOrThrow.mockResolvedValue({
-      ...mockConnector,
-      formbricksMappings: [],
-      fieldMappings: [],
-    });
-
-    await createConnectorWithMappings(
-      ENV_ID,
-      { name: "CSV", type: "csv" },
-      {
-        type: "field",
-        mappings: [{ sourceFieldId: "col-1", targetFieldId: "value_text" }],
-      }
-    );
-
-    expect(tx.connectorFieldMapping.create).toHaveBeenCalledTimes(1);
-    expect(tx.connectorFieldMapping.create).toHaveBeenCalledWith(
-      expect.objectContaining({
-        data: expect.objectContaining({
-          connectorId: CONNECTOR_ID,
-          environmentId: ENV_ID,
-          sourceFieldId: "col-1",
-          targetFieldId: "value_text",
-        }),
-      })
-    );
-  });
-
-  test("throws InvalidInputError on unique constraint violation", async () => {
-    vi.mocked(prisma.$transaction).mockRejectedValue(
-      new Prisma.PrismaClientKnownRequestError("Unique constraint", {
-        code: "P2002",
-        clientVersion: "5.0.0",
-      })
-    );
-
-    await expect(createConnectorWithMappings(ENV_ID, { name: "Dup", type: "formbricks" })).rejects.toThrow(
-      InvalidInputError
-    );
-  });
-
-  test("throws DatabaseError on generic Prisma error", async () => {
-    vi.mocked(prisma.$transaction).mockRejectedValue(
-      new Prisma.PrismaClientKnownRequestError("DB error", {
-        code: "P1001",
-        clientVersion: "5.0.0",
-      })
-    );
-
-    await expect(createConnectorWithMappings(ENV_ID, { name: "Fail", type: "csv" })).rejects.toThrow(
-      DatabaseError
-    );
-  });
-});
-
-describe("updateConnectorWithMappings", () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-
-  const setupTransaction = () => {
-    const txMethods = {
-      connector: {
-        update: vi.fn(),
-        findUniqueOrThrow: vi.fn(),
-      },
-      connectorFormbricksMapping: {
-        create: vi.fn(),
-        deleteMany: vi.fn(),
-      },
-      connectorFieldMapping: {
-        create: vi.fn(),
-        deleteMany: vi.fn(),
-      },
-    };
-
-    vi.mocked(prisma.$transaction).mockImplementation(async (fn) => {
-      return (fn as (tx: typeof txMethods) => Promise<unknown>)(txMethods);
-    });
-
-    return txMethods;
-  };
-
-  test("updates connector name without changing mappings", async () => {
-    const tx = setupTransaction();
-    tx.connector.update.mockResolvedValue(undefined);
-    tx.connector.findUniqueOrThrow.mockResolvedValue(mockConnectorWithMappingsFromDb);
-
-    const result = await updateConnectorWithMappings(CONNECTOR_ID, ENV_ID, { name: "Updated" });
-
-    expect(tx.connector.update).toHaveBeenCalledWith(
-      expect.objectContaining({
-        where: { id: CONNECTOR_ID, environmentId: ENV_ID },
-        data: expect.objectContaining({ name: "Updated" }),
-      })
-    );
-    expect(tx.connectorFormbricksMapping.deleteMany).not.toHaveBeenCalled();
-    expect(tx.connectorFieldMapping.deleteMany).not.toHaveBeenCalled();
-    expect(result).toEqual(mockConnectorWithMappings);
-  });
-
-  test("replaces formbricks mappings when provided", async () => {
-    const tx = setupTransaction();
-    tx.connector.update.mockResolvedValue(undefined);
-    tx.connectorFormbricksMapping.deleteMany.mockResolvedValue({ count: 1 });
-    tx.connectorFormbricksMapping.create.mockResolvedValue({});
-    tx.connector.findUniqueOrThrow.mockResolvedValue(mockConnectorWithMappingsFromDb);
-
-    await updateConnectorWithMappings(
-      CONNECTOR_ID,
-      ENV_ID,
-      { name: "Updated" },
-      {
-        type: "formbricks",
-        mappings: [{ surveyId: SURVEY_ID, elementId: "el-new", hubFieldType: "nps" }],
-      }
-    );
-
-    expect(tx.connectorFormbricksMapping.deleteMany).toHaveBeenCalledWith({
-      where: { connectorId: CONNECTOR_ID, environmentId: ENV_ID },
-    });
-    expect(tx.connectorFormbricksMapping.create).toHaveBeenCalledTimes(1);
-  });
-
-  test("replaces field mappings when provided", async () => {
-    const tx = setupTransaction();
-    tx.connector.update.mockResolvedValue(undefined);
-    tx.connectorFieldMapping.deleteMany.mockResolvedValue({ count: 1 });
-    tx.connectorFieldMapping.create.mockResolvedValue({});
-    tx.connector.findUniqueOrThrow.mockResolvedValue({
-      ...mockConnector,
-      formbricksMappings: [],
-      fieldMappings: [],
-    });
-
-    await updateConnectorWithMappings(
-      CONNECTOR_ID,
-      ENV_ID,
-      { name: "CSV Updated" },
-      {
-        type: "field",
-        mappings: [{ sourceFieldId: "col-x", targetFieldId: "value_number" }],
-      }
-    );
-
-    expect(tx.connectorFieldMapping.deleteMany).toHaveBeenCalledWith({
-      where: { connectorId: CONNECTOR_ID, environmentId: ENV_ID },
-    });
-    expect(tx.connectorFieldMapping.create).toHaveBeenCalledTimes(1);
-  });
-
-  test("throws ResourceNotFoundError when connector does not exist", async () => {
-    vi.mocked(prisma.$transaction).mockRejectedValue(
-      new Prisma.PrismaClientKnownRequestError("Not found", {
-        code: "P2015",
-        clientVersion: "5.0.0",
-      })
-    );
-
-    await expect(updateConnectorWithMappings(CONNECTOR_ID, ENV_ID, { name: "x" })).rejects.toThrow(
-      ResourceNotFoundError
-    );
-  });
-
-  test("throws DatabaseError on generic Prisma error", async () => {
-    vi.mocked(prisma.$transaction).mockRejectedValue(
-      new Prisma.PrismaClientKnownRequestError("DB error", {
-        code: "P1001",
-        clientVersion: "5.0.0",
-      })
-    );
-
-    await expect(updateConnectorWithMappings(CONNECTOR_ID, ENV_ID, { name: "x" })).rejects.toThrow(
-      DatabaseError
-    );
-  });
-});

apps/web/lib/connector/service.ts

@@ -1,366 +0,0 @@
-import "server-only";
-import { Prisma } from "@prisma/client";
-import { cache as reactCache } from "react";
-import { prisma } from "@formbricks/database";
-import { PrismaErrorType } from "@formbricks/database/types/error";
-import { ZId, ZOptionalNumber } from "@formbricks/types/common";
-import {
-  TConnector,
-  TConnectorCreateInput,
-  TConnectorFieldMappingCreateInput,
-  TConnectorFormbricksMappingCreateInput,
-  TConnectorUpdateInput,
-  TConnectorWithMappings,
-  ZConnectorCreateInput,
-  ZConnectorUpdateInput,
-} from "@formbricks/types/connector";
-import { DatabaseError, InvalidInputError, ResourceNotFoundError } from "@formbricks/types/errors";
-import { ITEMS_PER_PAGE } from "../constants";
-import { validateInputs } from "../utils/validate";
-
-const selectConnectorWithMappings = {
-  id: true,
-  createdAt: true,
-  updatedAt: true,
-  name: true,
-  type: true,
-  status: true,
-  environmentId: true,
-  lastSyncAt: true,
-  createdBy: true,
-  creator: { select: { name: true } },
-  formbricksMappings: {
-    select: {
-      id: true,
-      createdAt: true,
-      connectorId: true,
-      environmentId: true,
-      surveyId: true,
-      elementId: true,
-      hubFieldType: true,
-      customFieldLabel: true,
-    },
-  },
-  fieldMappings: {
-    select: {
-      id: true,
-      createdAt: true,
-      connectorId: true,
-      environmentId: true,
-      sourceFieldId: true,
-      targetFieldId: true,
-      staticValue: true,
-    },
-  },
-} satisfies Prisma.ConnectorSelect;
-
-const selectConnector = {
-  id: true,
-  createdAt: true,
-  updatedAt: true,
-  name: true,
-  type: true,
-  status: true,
-  environmentId: true,
-  lastSyncAt: true,
-  createdBy: true,
-} satisfies Prisma.ConnectorSelect;
-
-type PrismaConnectorWithCreator = Prisma.ConnectorGetPayload<{ select: typeof selectConnectorWithMappings }>;
-
-const mapConnectorWithMappings = (connector: PrismaConnectorWithCreator): TConnectorWithMappings => {
-  const { creator, ...rest } = connector;
-  return { ...rest, creatorName: creator?.name ?? null } as TConnectorWithMappings;
-};
-
-export const getConnectorsWithMappings = reactCache(
-  async (environmentId: string, page?: number): Promise<TConnectorWithMappings[]> => {
-    validateInputs([environmentId, ZId], [page, ZOptionalNumber]);
-
-    try {
-      const connectors = await prisma.connector.findMany({
-        where: {
-          environmentId,
-        },
-        select: selectConnectorWithMappings,
-        orderBy: {
-          createdAt: "desc",
-        },
-        take: page ? ITEMS_PER_PAGE : undefined,
-        skip: page ? ITEMS_PER_PAGE * (page - 1) : undefined,
-      });
-
-      return connectors.map(mapConnectorWithMappings);
-    } catch (error) {
-      if (error instanceof Prisma.PrismaClientKnownRequestError) {
-        throw new DatabaseError(error.message);
-      }
-      throw error;
-    }
-  }
-);
-
-export const getConnectorWithMappingsById = reactCache(
-  async (connectorId: string, environmentId: string): Promise<TConnectorWithMappings | null> => {
-    validateInputs([connectorId, ZId], [environmentId, ZId]);
-
-    try {
-      const connector = await prisma.connector.findUnique({
-        where: {
-          id: connectorId,
-          environmentId,
-        },
-        select: selectConnectorWithMappings,
-      });
-
-      return connector ? mapConnectorWithMappings(connector) : null;
-    } catch (error) {
-      if (error instanceof Prisma.PrismaClientKnownRequestError) {
-        throw new DatabaseError(error.message);
-      }
-      throw error;
-    }
-  }
-);
-
-export const getConnectorsBySurveyId = reactCache(
-  async (surveyId: string): Promise<TConnectorWithMappings[]> => {
-    validateInputs([surveyId, ZId]);
-
-    try {
-      const connectors = await prisma.connector.findMany({
-        where: {
-          type: "formbricks",
-          status: "active",
-          formbricksMappings: {
-            some: {
-              surveyId,
-            },
-          },
-        },
-        select: selectConnectorWithMappings,
-      });
-
-      return connectors.map(mapConnectorWithMappings);
-    } catch (error) {
-      if (error instanceof Prisma.PrismaClientKnownRequestError) {
-        throw new DatabaseError(error.message);
-      }
-      throw error;
-    }
-  }
-);
-
-export const updateConnector = async (
-  connectorId: string,
-  environmentId: string,
-  data: TConnectorUpdateInput
-): Promise<TConnector> => {
-  validateInputs([connectorId, ZId], [data, ZConnectorUpdateInput], [environmentId, ZId]);
-
-  try {
-    const connector = await prisma.connector.update({
-      where: {
-        id: connectorId,
-        environmentId,
-      },
-      data: {
-        name: data.name,
-        status: data.status,
-        lastSyncAt: data.lastSyncAt,
-      },
-      select: selectConnector,
-    });
-
-    return connector as TConnector;
-  } catch (error) {
-    if (error instanceof Prisma.PrismaClientKnownRequestError) {
-      if (error.code === PrismaErrorType.RecordDoesNotExist) {
-        throw new ResourceNotFoundError("Connector", connectorId);
-      }
-      throw new DatabaseError(error.message);
-    }
-    throw error;
-  }
-};
-
-export const deleteConnector = async (connectorId: string, environmentId: string): Promise<TConnector> => {
-  validateInputs([connectorId, ZId], [environmentId, ZId]);
-
-  try {
-    const connector = await prisma.connector.delete({
-      where: {
-        id: connectorId,
-        environmentId,
-      },
-      select: selectConnector,
-    });
-
-    return connector as TConnector;
-  } catch (error) {
-    if (error instanceof Prisma.PrismaClientKnownRequestError) {
-      if (error.code === PrismaErrorType.RecordDoesNotExist) {
-        throw new ResourceNotFoundError("Connector", connectorId);
-      }
-      throw new DatabaseError(error.message);
-    }
-    throw error;
-  }
-};
-
-// -- Composite functions --
-
-export type TFormbricksMappingsInput = {
-  type: "formbricks";
-  mappings: TConnectorFormbricksMappingCreateInput[];
-};
-
-export type TFieldMappingsInput = {
-  type: "field";
-  mappings: TConnectorFieldMappingCreateInput[];
-};
-
-export type TMappingsInput = TFormbricksMappingsInput | TFieldMappingsInput;
-
-export const createConnectorWithMappings = async (
-  environmentId: string,
-  data: TConnectorCreateInput,
-  mappingsInput?: TMappingsInput
-): Promise<TConnectorWithMappings> => {
-  validateInputs([environmentId, ZId], [data, ZConnectorCreateInput]);
-
-  try {
-    const result = await prisma.$transaction(async (tx) => {
-      const connector = await tx.connector.create({
-        data: {
-          name: data.name,
-          type: data.type,
-          environmentId,
-          createdBy: data.createdBy,
-        },
-      });
-
-      if (mappingsInput?.type === "formbricks") {
-        await Promise.all(
-          mappingsInput.mappings.map((mapping) =>
-            tx.connectorFormbricksMapping.create({
-              data: {
-                connectorId: connector.id,
-                environmentId,
-                surveyId: mapping.surveyId,
-                elementId: mapping.elementId,
-                hubFieldType: mapping.hubFieldType,
-                customFieldLabel: mapping.customFieldLabel,
-              },
-            })
-          )
-        );
-      } else if (mappingsInput?.type === "field") {
-        await Promise.all(
-          mappingsInput.mappings.map((mapping) =>
-            tx.connectorFieldMapping.create({
-              data: {
-                connectorId: connector.id,
-                environmentId,
-                sourceFieldId: mapping.sourceFieldId,
-                targetFieldId: mapping.targetFieldId,
-                staticValue: mapping.staticValue,
-              },
-            })
-          )
-        );
-      }
-
-      return tx.connector.findUniqueOrThrow({
-        where: { id: connector.id },
-        select: selectConnectorWithMappings,
-      });
-    });
-
-    return mapConnectorWithMappings(result);
-  } catch (error) {
-    if (error instanceof Prisma.PrismaClientKnownRequestError) {
-      if (error.code === PrismaErrorType.UniqueConstraintViolation) {
-        throw new InvalidInputError(`Connector with name ${data.name} already exists`);
-      }
-      throw new DatabaseError(error.message);
-    }
-    throw error;
-  }
-};
-
-export const updateConnectorWithMappings = async (
-  connectorId: string,
-  environmentId: string,
-  data: TConnectorUpdateInput,
-  mappingsInput?: TMappingsInput
-): Promise<TConnectorWithMappings> => {
-  validateInputs([connectorId, ZId], [data, ZConnectorUpdateInput], [environmentId, ZId]);
-
-  try {
-    const result = await prisma.$transaction(async (tx) => {
-      await tx.connector.update({
-        where: { id: connectorId, environmentId },
-        data: {
-          name: data.name,
-          status: data.status,
-          lastSyncAt: data.lastSyncAt,
-        },
-      });
-
-      if (mappingsInput?.type === "formbricks") {
-        await tx.connectorFormbricksMapping.deleteMany({
-          where: { connectorId, environmentId },
-        });
-
-        await Promise.all(
-          mappingsInput.mappings.map((mapping) =>
-            tx.connectorFormbricksMapping.create({
-              data: {
-                connectorId,
-                environmentId,
-                surveyId: mapping.surveyId,
-                elementId: mapping.elementId,
-                hubFieldType: mapping.hubFieldType,
-                customFieldLabel: mapping.customFieldLabel,
-              },
-            })
-          )
-        );
-      } else if (mappingsInput?.type === "field") {
-        await tx.connectorFieldMapping.deleteMany({
-          where: { connectorId, environmentId },
-        });
-
-        await Promise.all(
-          mappingsInput.mappings.map((mapping) =>
-            tx.connectorFieldMapping.create({
-              data: {
-                connectorId,
-                environmentId,
-                sourceFieldId: mapping.sourceFieldId,
-                targetFieldId: mapping.targetFieldId,
-                staticValue: mapping.staticValue,
-              },
-            })
-          )
-        );
-      }
-
-      return tx.connector.findUniqueOrThrow({
-        where: { id: connectorId },
-        select: selectConnectorWithMappings,
-      });
-    });
-
-    return mapConnectorWithMappings(result);
-  } catch (error) {
-    if (error instanceof Prisma.PrismaClientKnownRequestError) {
-      if (error.code === PrismaErrorType.RecordDoesNotExist) {
-        throw new ResourceNotFoundError("Connector", connectorId);
-      }
-      throw new DatabaseError(error.message);
-    }
-    throw error;
-  }
-};

apps/web/lib/connector/transform.test.ts

@@ -1,316 +0,0 @@
-import { beforeEach, describe, expect, test, vi } from "vitest";
-import { TConnectorFormbricksMapping } from "@formbricks/types/connector";
-import { TResponse } from "@formbricks/types/responses";
-import { TSurvey } from "@formbricks/types/surveys/types";
-import { transformResponseToFeedbackRecords } from "./transform";
-
-vi.mock("@/lib/i18n/utils", () => ({
-  getLocalizedValue: (_val: Record<string, string>, _lang: string) => _val?.default ?? "",
-}));
-
-vi.mock("@formbricks/types/surveys/validation", () => ({
-  getTextContent: (str: string) => str,
-}));
-
-vi.mock("@/lib/survey/utils", () => ({
-  getElementsFromBlocks: (blocks: Array<{ elements: unknown[] }>) =>
-    blocks.flatMap((block) => block.elements),
-}));
-
-const NOW = new Date("2026-02-24T10:00:00.000Z");
-
-const mockSurvey = {
-  id: "survey-1",
-  name: "Product Feedback",
-  blocks: [
-    {
-      elements: [
-        { id: "el-text", type: "openText", headline: { default: "How can we improve?" } },
-        { id: "el-nps", type: "nps", headline: { default: "How likely to recommend?" } },
-        { id: "el-rating", type: "rating", headline: { default: "Rate your experience" } },
-        { id: "el-date", type: "date", headline: { default: "When did you visit?" } },
-        { id: "el-bool", type: "consent", headline: { default: "Do you agree?" } },
-        {
-          id: "el-multi",
-          type: "multipleChoiceMulti",
-          headline: { default: "Select features" },
-        },
-      ],
-    },
-  ],
-} as unknown as TSurvey;
-
-const mockResponse = {
-  id: "resp-1",
-  createdAt: NOW,
-  data: {
-    "el-text": "Great product!",
-    "el-nps": 9,
-    "el-rating": 4,
-    "el-date": "2026-01-15",
-    "el-bool": "true",
-    "el-multi": ["feat-a", "feat-b"],
-  },
-  language: "en",
-  contact: { userId: "user-42" },
-} as unknown as TResponse;
-
-const createMapping = (
-  overrides: Partial<TConnectorFormbricksMapping> &
-    Pick<TConnectorFormbricksMapping, "elementId" | "hubFieldType">
-): TConnectorFormbricksMapping => ({
-  id: `mapping-${overrides.elementId}`,
-  createdAt: NOW,
-  connectorId: "conn-1",
-  environmentId: "env-1",
-  surveyId: "survey-1",
-  customFieldLabel: null,
-  ...overrides,
-});
-
-const allMappings: TConnectorFormbricksMapping[] = [
-  createMapping({ elementId: "el-text", hubFieldType: "text" }),
-  createMapping({ elementId: "el-nps", hubFieldType: "nps" }),
-  createMapping({ elementId: "el-rating", hubFieldType: "rating" }),
-  createMapping({ elementId: "el-date", hubFieldType: "date" }),
-  createMapping({ elementId: "el-bool", hubFieldType: "boolean" }),
-  createMapping({ elementId: "el-multi", hubFieldType: "categorical" }),
-];
-
-describe("transformResponseToFeedbackRecords", () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-
-  test("returns empty array when response has no data", () => {
-    const emptyResponse = { ...mockResponse, data: null } as unknown as TResponse;
-    const result = transformResponseToFeedbackRecords(emptyResponse, mockSurvey, allMappings);
-    expect(result).toEqual([]);
-  });
-
-  test("returns empty array when no mappings match the survey", () => {
-    const otherSurveyMappings = allMappings.map((m) => ({ ...m, surveyId: "other-survey" }));
-    const result = transformResponseToFeedbackRecords(mockResponse, mockSurvey, otherSurveyMappings);
-    expect(result).toEqual([]);
-  });
-
-  test("skips elements with empty string values", () => {
-    const response = {
-      ...mockResponse,
-      data: { "el-text": "" },
-    } as unknown as TResponse;
-    const mappings = [createMapping({ elementId: "el-text", hubFieldType: "text" })];
-    const result = transformResponseToFeedbackRecords(response, mockSurvey, mappings);
-    expect(result).toEqual([]);
-  });
-
-  test("skips elements with undefined values", () => {
-    const response = {
-      ...mockResponse,
-      data: { "el-nps": 9 },
-    } as unknown as TResponse;
-    const mappings = [
-      createMapping({ elementId: "el-text", hubFieldType: "text" }),
-      createMapping({ elementId: "el-nps", hubFieldType: "nps" }),
-    ];
-    const result = transformResponseToFeedbackRecords(response, mockSurvey, mappings);
-    expect(result).toHaveLength(1);
-    expect(result[0].field_id).toBe("el-nps");
-  });
-
-  test("transforms text field correctly", () => {
-    const mappings = [createMapping({ elementId: "el-text", hubFieldType: "text" })];
-    const result = transformResponseToFeedbackRecords(mockResponse, mockSurvey, mappings);
-    expect(result).toHaveLength(1);
-    expect(result[0]).toMatchObject({
-      source_type: "formbricks",
-      field_id: "el-text",
-      field_type: "text",
-      field_label: "How can we improve?",
-      source_id: "survey-1",
-      source_name: "Product Feedback",
-      value_text: "Great product!",
-      language: "en",
-      user_identifier: "user-42",
-    });
-  });
-
-  test("transforms nps field correctly", () => {
-    const mappings = [createMapping({ elementId: "el-nps", hubFieldType: "nps" })];
-    const result = transformResponseToFeedbackRecords(mockResponse, mockSurvey, mappings);
-    expect(result).toHaveLength(1);
-    expect(result[0].value_number).toBe(9);
-    expect(result[0].field_type).toBe("nps");
-  });
-
-  test("transforms rating field correctly", () => {
-    const mappings = [createMapping({ elementId: "el-rating", hubFieldType: "rating" })];
-    const result = transformResponseToFeedbackRecords(mockResponse, mockSurvey, mappings);
-    expect(result).toHaveLength(1);
-    expect(result[0].value_number).toBe(4);
-  });
-
-  test("transforms date field to ISO string", () => {
-    const mappings = [createMapping({ elementId: "el-date", hubFieldType: "date" })];
-    const result = transformResponseToFeedbackRecords(mockResponse, mockSurvey, mappings);
-    expect(result).toHaveLength(1);
-    expect(result[0].value_date).toBe(new Date("2026-01-15").toISOString());
-  });
-
-  test("transforms boolean field correctly", () => {
-    const mappings = [createMapping({ elementId: "el-bool", hubFieldType: "boolean" })];
-    const result = transformResponseToFeedbackRecords(mockResponse, mockSurvey, mappings);
-    expect(result).toHaveLength(1);
-    expect(result[0].value_boolean).toBe(true);
-  });
-
-  test("transforms categorical (multi-select) field to comma-separated text", () => {
-    const mappings = [createMapping({ elementId: "el-multi", hubFieldType: "categorical" })];
-    const result = transformResponseToFeedbackRecords(mockResponse, mockSurvey, mappings);
-    expect(result).toHaveLength(1);
-    expect(result[0].value_text).toBe("feat-a, feat-b");
-  });
-
-  test("uses customFieldLabel when provided", () => {
-    const mappings = [
-      createMapping({ elementId: "el-text", hubFieldType: "text", customFieldLabel: "Custom Label" }),
-    ];
-    const result = transformResponseToFeedbackRecords(mockResponse, mockSurvey, mappings);
-    expect(result[0].field_label).toBe("Custom Label");
-  });
-
-  test("sets collected_at from response createdAt", () => {
-    const mappings = [createMapping({ elementId: "el-text", hubFieldType: "text" })];
-    const result = transformResponseToFeedbackRecords(mockResponse, mockSurvey, mappings);
-    expect(result[0].collected_at).toBe(NOW.toISOString());
-  });
-
-  test("includes tenant_id when provided", () => {
-    const mappings = [createMapping({ elementId: "el-text", hubFieldType: "text" })];
-    const result = transformResponseToFeedbackRecords(mockResponse, mockSurvey, mappings, "tenant-abc");
-    expect(result[0].tenant_id).toBe("tenant-abc");
-  });
-
-  test("omits tenant_id when not provided", () => {
-    const mappings = [createMapping({ elementId: "el-text", hubFieldType: "text" })];
-    const result = transformResponseToFeedbackRecords(mockResponse, mockSurvey, mappings);
-    expect(result[0].tenant_id).toBeUndefined();
-  });
-
-  test("omits language when response language is 'default'", () => {
-    const response = { ...mockResponse, language: "default" } as unknown as TResponse;
-    const mappings = [createMapping({ elementId: "el-text", hubFieldType: "text" })];
-    const result = transformResponseToFeedbackRecords(response, mockSurvey, mappings);
-    expect(result[0].language).toBeUndefined();
-  });
-
-  test("omits user_identifier when contact has no userId", () => {
-    const response = { ...mockResponse, contact: null } as unknown as TResponse;
-    const mappings = [createMapping({ elementId: "el-text", hubFieldType: "text" })];
-    const result = transformResponseToFeedbackRecords(response, mockSurvey, mappings);
-    expect(result[0].user_identifier).toBeUndefined();
-  });
-
-  test("transforms all mappings in a single call", () => {
-    const result = transformResponseToFeedbackRecords(mockResponse, mockSurvey, allMappings);
-    expect(result).toHaveLength(6);
-    const fieldIds = result.map((r) => r.field_id);
-    expect(fieldIds).toEqual(["el-text", "el-nps", "el-rating", "el-date", "el-bool", "el-multi"]);
-  });
-
-  test("falls back to 'Untitled' for element with no headline", () => {
-    const survey = {
-      ...mockSurvey,
-      blocks: [{ elements: [{ id: "el-bare", type: "openText" }] }],
-    } as unknown as TSurvey;
-    const response = {
-      ...mockResponse,
-      data: { "el-bare": "some text" },
-    } as unknown as TResponse;
-    const mappings = [createMapping({ elementId: "el-bare", hubFieldType: "text" })];
-    const result = transformResponseToFeedbackRecords(response, survey, mappings);
-    expect(result[0].field_label).toBe("Untitled");
-  });
-
-  describe("convertValueToHubFields edge cases", () => {
-    test("parses numeric string for nps field", () => {
-      const response = {
-        ...mockResponse,
-        data: { "el-nps": "7" },
-      } as unknown as TResponse;
-      const mappings = [createMapping({ elementId: "el-nps", hubFieldType: "nps" })];
-      const result = transformResponseToFeedbackRecords(response, mockSurvey, mappings);
-      expect(result[0].value_number).toBe(7);
-    });
-
-    test("returns empty fields for non-parseable numeric string", () => {
-      const response = {
-        ...mockResponse,
-        data: { "el-nps": "not-a-number" },
-      } as unknown as TResponse;
-      const mappings = [createMapping({ elementId: "el-nps", hubFieldType: "nps" })];
-      const result = transformResponseToFeedbackRecords(response, mockSurvey, mappings);
-      expect(result[0].value_number).toBeUndefined();
-    });
-
-    test("handles object value for text field", () => {
-      const response = {
-        ...mockResponse,
-        data: { "el-text": { nested: "value" } },
-      } as unknown as TResponse;
-      const mappings = [createMapping({ elementId: "el-text", hubFieldType: "text" })];
-      const result = transformResponseToFeedbackRecords(response, mockSurvey, mappings);
-      expect(result[0].value_text).toBe(JSON.stringify({ nested: "value" }));
-    });
-
-    test("handles invalid date string gracefully", () => {
-      const response = {
-        ...mockResponse,
-        data: { "el-date": "not-a-date" },
-      } as unknown as TResponse;
-      const mappings = [createMapping({ elementId: "el-date", hubFieldType: "date" })];
-      const result = transformResponseToFeedbackRecords(response, mockSurvey, mappings);
-      expect(result[0].value_date).toBeUndefined();
-    });
-
-    test("converts boolean string '1' to true", () => {
-      const response = {
-        ...mockResponse,
-        data: { "el-bool": "1" },
-      } as unknown as TResponse;
-      const mappings = [createMapping({ elementId: "el-bool", hubFieldType: "boolean" })];
-      const result = transformResponseToFeedbackRecords(response, mockSurvey, mappings);
-      expect(result[0].value_boolean).toBe(true);
-    });
-
-    test("converts boolean string 'false' to false", () => {
-      const response = {
-        ...mockResponse,
-        data: { "el-bool": "false" },
-      } as unknown as TResponse;
-      const mappings = [createMapping({ elementId: "el-bool", hubFieldType: "boolean" })];
-      const result = transformResponseToFeedbackRecords(response, mockSurvey, mappings);
-      expect(result[0].value_boolean).toBe(false);
-    });
-
-    test("handles array value for text field", () => {
-      const response = {
-        ...mockResponse,
-        data: { "el-text": ["a", "b", "c"] },
-      } as unknown as TResponse;
-      const mappings = [createMapping({ elementId: "el-text", hubFieldType: "text" })];
-      const result = transformResponseToFeedbackRecords(response, mockSurvey, mappings);
-      expect(result[0].value_text).toBe("a, b, c");
-    });
-
-    test("handles single string value for categorical field", () => {
-      const response = {
-        ...mockResponse,
-        data: { "el-multi": "single-choice" },
-      } as unknown as TResponse;
-      const mappings = [createMapping({ elementId: "el-multi", hubFieldType: "categorical" })];
-      const result = transformResponseToFeedbackRecords(response, mockSurvey, mappings);
-      expect(result[0].value_text).toBe("single-choice");
-    });
-  });
-});

apps/web/lib/connector/transform.ts

@@ -1,129 +0,0 @@
-import "server-only";
-import { TConnectorFormbricksMapping, THubFieldType } from "@formbricks/types/connector";
-import { TResponse, TResponseData, TResponseDataValue } from "@formbricks/types/responses";
-import { TSurveyElement } from "@formbricks/types/surveys/elements";
-import { TSurvey } from "@formbricks/types/surveys/types";
-import { getTextContent } from "@formbricks/types/surveys/validation";
-import { getLocalizedValue } from "@/lib/i18n/utils";
-import { getElementsFromBlocks } from "@/lib/survey/utils";
-import type { FeedbackRecordCreateParams } from "@/modules/hub";
-
-const getHeadlineFromElement = (element?: TSurveyElement): string => {
-  if (!element?.headline) return "Untitled";
-  const raw = getLocalizedValue(element.headline, "default");
-  return getTextContent(raw) || "Untitled";
-};
-
-function extractResponseValue(responseData: TResponseData, elementId: string): TResponseDataValue {
-  if (!responseData || typeof responseData !== "object") return undefined;
-  return responseData[elementId];
-}
-
-const convertValueToHubFields = (
-  value: TResponseDataValue,
-  hubFieldType: THubFieldType
-): Partial<
-  Pick<FeedbackRecordCreateParams, "value_text" | "value_number" | "value_boolean" | "value_date">
-> => {
-  if (value === undefined || value === null) {
-    return {};
-  }
-
-  switch (hubFieldType) {
-    case "text":
-      if (typeof value === "string") return { value_text: value };
-      if (Array.isArray(value)) return { value_text: value.join(", ") };
-      if (typeof value === "object") return { value_text: JSON.stringify(value) };
-      return { value_text: String(value) };
-
-    case "number":
-    case "rating":
-    case "nps":
-    case "csat":
-    case "ces":
-      if (typeof value === "number") return { value_number: value };
-      if (typeof value === "string") {
-        const parsed = Number.parseFloat(value);
-        if (!Number.isNaN(parsed)) return { value_number: parsed };
-      }
-      return {};
-
-    case "boolean":
-      if (typeof value === "boolean") return { value_boolean: value };
-      if (typeof value === "string") {
-        return { value_boolean: value.toLowerCase() === "true" || value === "1" };
-      }
-      return {};
-
-    case "date":
-      if (typeof value === "string") {
-        const date = new Date(value);
-        if (!Number.isNaN(date.getTime())) return { value_date: date.toISOString() };
-      }
-      if (value instanceof Date) return { value_date: value.toISOString() };
-      return {};
-
-    case "categorical":
-      if (typeof value === "string") return { value_text: value };
-      if (Array.isArray(value)) return { value_text: value.join(", ") };
-      return { value_text: String(value) };
-
-    default:
-      return { value_text: typeof value === "string" ? value : String(value) };
-  }
-};
-
-/**
- * Transform a Formbricks survey response into Hub FeedbackRecord payloads.
- * Called from the pipeline handler when a response is created/finished.
- */
-export function transformResponseToFeedbackRecords(
-  response: TResponse,
-  survey: TSurvey,
-  mappings: TConnectorFormbricksMapping[],
-  tenantId?: string
-): FeedbackRecordCreateParams[] {
-  const responseData = response.data;
-  if (!responseData) return [];
-
-  const surveyMappings = mappings.filter((m) => m.surveyId === survey.id);
-  const elements = getElementsFromBlocks(survey.blocks);
-  const elementMap = new Map(elements.map((el) => [el.id, el]));
-  const feedbackRecords: FeedbackRecordCreateParams[] = [];
-
-  for (const mapping of surveyMappings) {
-    const value = extractResponseValue(responseData, mapping.elementId);
-    if (value === undefined || value === null || value === "") continue;
-
-    const fieldLabel = mapping.customFieldLabel || getHeadlineFromElement(elementMap.get(mapping.elementId));
-    const valueFields = convertValueToHubFields(value, mapping.hubFieldType);
-
-    const feedbackRecord: FeedbackRecordCreateParams = {
-      collected_at:
-        response.createdAt instanceof Date ? response.createdAt.toISOString() : String(response.createdAt),
-      source_type: "formbricks",
-      field_id: mapping.elementId,
-      field_type: mapping.hubFieldType,
-      source_id: survey.id,
-      source_name: survey.name,
-      field_label: fieldLabel,
-      ...valueFields,
-    };
-
-    if (response.language && response.language !== "default") {
-      feedbackRecord.language = response.language;
-    }
-
-    if (tenantId) {
-      feedbackRecord.tenant_id = tenantId;
-    }
-
-    if (response.contact?.userId) {
-      feedbackRecord.user_identifier = response.contact.userId;
-    }
-
-    feedbackRecords.push(feedbackRecord);
-  }
-
-  return feedbackRecords;
-}

apps/web/lib/constants.ts

@@ -41,9 +41,6 @@ export const GITHUB_SECRET = env.GITHUB_SECRET;
 export const GOOGLE_CLIENT_ID = env.GOOGLE_CLIENT_ID;
 export const GOOGLE_CLIENT_SECRET = env.GOOGLE_CLIENT_SECRET;
 
-export const HUB_API_URL = env.HUB_API_URL;
-export const HUB_API_KEY = env.HUB_API_KEY;
-
 export const AZUREAD_CLIENT_ID = env.AZUREAD_CLIENT_ID;
 export const AZUREAD_CLIENT_SECRET = env.AZUREAD_CLIENT_SECRET;
 export const AZUREAD_TENANT_ID = env.AZUREAD_TENANT_ID;
@@ -168,20 +165,19 @@ export const MAX_ATTRIBUTE_CLASSES_PER_ENVIRONMENT = 150;
 
 export const DEFAULT_LOCALE = "en-US";
 export const AVAILABLE_LOCALES: TUserLocale[] = [
-  "de-DE",
   "en-US",
-  "es-ES",
-  "fr-FR",
-  "hu-HU",
-  "ja-JP",
-  "nl-NL",
+  "de-DE",
   "pt-BR",
+  "fr-FR",
+  "nl-NL",
+  "zh-Hant-TW",
   "pt-PT",
   "ro-RO",
-  "ru-RU",
-  "sv-SE",
+  "ja-JP",
   "zh-Hans-CN",
-  "zh-Hant-TW",
+  "es-ES",
+  "sv-SE",
+  "ru-RU",
 ];
 
 // Billing constants

apps/web/lib/env.ts

@@ -33,8 +33,6 @@ export const env = createEnv({
     GOOGLE_SHEETS_REDIRECT_URL: z.string().optional(),
     HTTP_PROXY: z.string().url().optional(),
     HTTPS_PROXY: z.string().url().optional(),
-    HUB_API_URL: z.string().url(),
-    HUB_API_KEY: z.string().optional(),
     IMPRINT_URL: z
       .string()
       .url()
@@ -57,6 +55,7 @@ export const env = createEnv({
     OIDC_DISPLAY_NAME: z.string().optional(),
     OIDC_ISSUER: z.string().optional(),
     OIDC_SIGNING_ALGORITHM: z.string().optional(),
+    OPENTELEMETRY_LISTENER_URL: z.string().optional(),
     REDIS_URL:
       process.env.NODE_ENV === "test"
         ? z.string().optional()
@@ -163,8 +162,6 @@ export const env = createEnv({
     GOOGLE_SHEETS_REDIRECT_URL: process.env.GOOGLE_SHEETS_REDIRECT_URL,
     HTTP_PROXY: process.env.HTTP_PROXY,
     HTTPS_PROXY: process.env.HTTPS_PROXY,
-    HUB_API_URL: process.env.HUB_API_URL,
-    HUB_API_KEY: process.env.HUB_API_KEY,
     IMPRINT_URL: process.env.IMPRINT_URL,
     IMPRINT_ADDRESS: process.env.IMPRINT_ADDRESS,
     INVITE_DISABLED: process.env.INVITE_DISABLED,
@@ -177,6 +174,7 @@ export const env = createEnv({
     NEXTAUTH_URL: process.env.NEXTAUTH_URL,
     NEXTAUTH_SECRET: process.env.NEXTAUTH_SECRET,
     SENTRY_DSN: process.env.SENTRY_DSN,
+    OPENTELEMETRY_LISTENER_URL: process.env.OPENTELEMETRY_LISTENER_URL,
     NOTION_OAUTH_CLIENT_ID: process.env.NOTION_OAUTH_CLIENT_ID,
     NOTION_OAUTH_CLIENT_SECRET: process.env.NOTION_OAUTH_CLIENT_SECRET,
     OIDC_CLIENT_ID: process.env.OIDC_CLIENT_ID,

apps/web/lib/environment/service.ts

@@ -167,12 +167,6 @@ export const createEnvironment = async (
               description: "Your contact's last name",
               type: "default",
             },
-            {
-              key: "language",
-              name: "Language",
-              description: "The language preference of a contact",
-              type: "default",
-            },
           ],
         },
       },

apps/web/lib/i18n/utils.ts

@@ -126,12 +126,6 @@ export const addMultiLanguageLabels = (object: unknown, languageSymbols: string[
 };
 
 export const appLanguages = [
-  {
-    code: "de-DE",
-    label: {
-      "en-US": "German",
-    },
-  },
   {
     code: "en-US",
     label: {
@@ -139,9 +133,15 @@ export const appLanguages = [
     },
   },
   {
-    code: "es-ES",
+    code: "de-DE",
     label: {
-      "en-US": "Spanish",
+      "en-US": "German",
+    },
+  },
+  {
+    code: "pt-BR",
+    label: {
+      "en-US": "Portuguese (Brazil)",
     },
   },
   {
@@ -151,27 +151,9 @@ export const appLanguages = [
     },
   },
   {
-    code: "hu-HU",
+    code: "zh-Hant-TW",
     label: {
-      "en-US": "Hungarian",
-    },
-  },
-  {
-    code: "ja-JP",
-    label: {
-      "en-US": "Japanese",
-    },
-  },
-  {
-    code: "nl-NL",
-    label: {
-      "en-US": "Dutch",
-    },
-  },
-  {
-    code: "pt-BR",
-    label: {
-      "en-US": "Portuguese (Brazil)",
+      "en-US": "Chinese (Traditional)",
     },
   },
   {
@@ -187,15 +169,9 @@ export const appLanguages = [
     },
   },
   {
-    code: "ru-RU",
+    code: "ja-JP",
     label: {
-      "en-US": "Russian",
-    },
-  },
-  {
-    code: "sv-SE",
-    label: {
-      "en-US": "Swedish",
+      "en-US": "Japanese",
     },
   },
   {
@@ -205,9 +181,27 @@ export const appLanguages = [
     },
   },
   {
-    code: "zh-Hant-TW",
+    code: "nl-NL",
     label: {
-      "en-US": "Chinese (Traditional)",
+      "en-US": "Dutch",
+    },
+  },
+  {
+    code: "es-ES",
+    label: {
+      "en-US": "Spanish",
+    },
+  },
+  {
+    code: "sv-SE",
+    label: {
+      "en-US": "Swedish",
+    },
+  },
+  {
+    code: "ru-RU",
+    label: {
+      "en-US": "Russian",
     },
   },
 ];

apps/web/lib/project/service.test.ts

@@ -48,7 +48,7 @@ describe("Project Service", () => {
       },
       placement: WidgetPlacement.bottomRight,
       clickOutsideClose: true,
-      overlay: "none",
+      darkOverlay: false,
       environments: [],
       styling: {
         allowStyleOverwrite: true,
@@ -106,7 +106,7 @@ describe("Project Service", () => {
       },
       placement: WidgetPlacement.bottomRight,
       clickOutsideClose: true,
-      overlay: "none",
+      darkOverlay: false,
       environments: [],
       styling: {
         allowStyleOverwrite: true,
@@ -171,7 +171,7 @@ describe("Project Service", () => {
         },
         placement: WidgetPlacement.bottomRight,
         clickOutsideClose: true,
-        overlay: "none",
+        darkOverlay: false,
         environments: [],
         styling: {
           allowStyleOverwrite: true,
@@ -196,7 +196,7 @@ describe("Project Service", () => {
         },
         placement: WidgetPlacement.bottomRight,
         clickOutsideClose: true,
-        overlay: "none",
+        darkOverlay: false,
         environments: [],
         styling: {
           allowStyleOverwrite: true,
@@ -250,7 +250,7 @@ describe("Project Service", () => {
         },
         placement: WidgetPlacement.bottomRight,
         clickOutsideClose: true,
-        overlay: "none",
+        darkOverlay: false,
         environments: [],
         styling: {
           allowStyleOverwrite: true,
@@ -324,7 +324,7 @@ describe("Project Service", () => {
         },
         placement: WidgetPlacement.bottomRight,
         clickOutsideClose: true,
-        overlay: "none",
+        darkOverlay: false,
         environments: [],
         styling: {
           allowStyleOverwrite: true,
@@ -378,7 +378,7 @@ describe("Project Service", () => {
         },
         placement: WidgetPlacement.bottomRight,
         clickOutsideClose: true,
-        overlay: "none",
+        darkOverlay: false,
         environments: [],
         styling: {
           allowStyleOverwrite: true,
@@ -403,7 +403,7 @@ describe("Project Service", () => {
         },
         placement: WidgetPlacement.bottomRight,
         clickOutsideClose: true,
-        overlay: "none",
+        darkOverlay: false,
         environments: [],
         styling: {
           allowStyleOverwrite: true,
@@ -448,7 +448,7 @@ describe("Project Service", () => {
         },
         placement: WidgetPlacement.bottomRight,
         clickOutsideClose: true,
-        overlay: "none",
+        darkOverlay: false,
         environments: [],
         styling: {
           allowStyleOverwrite: true,

apps/web/lib/project/service.ts

@@ -22,7 +22,7 @@ const selectProject = {
   config: true,
   placement: true,
   clickOutsideClose: true,
-  overlay: true,
+  darkOverlay: true,
   environments: true,
   styling: true,
   logo: true,

apps/web/lib/styling/constants.ts

@@ -1,6 +1,5 @@
 // https://github.com/airbnb/javascript/#naming--uppercase
 import { TProjectStyling } from "@formbricks/types/project";
-import { isLight, mixColor } from "@/lib/utils/colors";
 
 export const COLOR_DEFAULTS = {
   brandColor: "#64748b",
@@ -12,209 +11,32 @@ export const COLOR_DEFAULTS = {
   highlightBorderColor: "#64748b",
 } as const;
 
-const DEFAULT_BRAND_COLOR = "#64748b";
-
-/**
- * Derives a complete set of suggested color values from a single brand color.
- *
- * Used by the project-level "Suggest Colors" button **and** to build
- * `STYLE_DEFAULTS` so that a fresh install always has colours that are
- * visually cohesive with the default brand.
- *
- * The returned object is a flat map of form-field paths to values so it
- * can be spread directly into form defaults or applied via `form.setValue`.
- */
-export const getSuggestedColors = (brandColor: string = DEFAULT_BRAND_COLOR) => {
-  // Question / dark text: brand darkened with black (visible brand tint)
-  const questionColor = mixColor(brandColor, "#000000", 0.35);
-  // Input / option background: white with noticeable brand tint
-  const inputBg = mixColor(brandColor, "#ffffff", 0.92);
-  // Input border: visible brand-tinted border
-  const inputBorder = mixColor(brandColor, "#ffffff", 0.6);
-  // Card tones
-  const cardBg = mixColor(brandColor, "#ffffff", 0.97);
-  const cardBorder = mixColor(brandColor, "#ffffff", 0.8);
-  // Page background
-  const pageBg = mixColor(brandColor, "#ffffff", 0.855);
-
-  return {
-    // General
-    "brandColor.light": brandColor,
-    "questionColor.light": questionColor,
-
-    // Headlines & Descriptions — use questionColor to match the legacy behaviour
-    // where all text elements derived their color from questionColor.
-    "elementHeadlineColor.light": questionColor,
-    "elementDescriptionColor.light": questionColor,
-    "elementUpperLabelColor.light": questionColor,
-
-    // Buttons — use the brand color so the button matches the user's intent.
-    "buttonBgColor.light": brandColor,
-    "buttonTextColor.light": isLight(brandColor) ? "#0f172a" : "#ffffff",
-
-    // Inputs
-    "inputColor.light": inputBg,
-    "inputBorderColor.light": inputBorder,
-    "inputTextColor.light": questionColor,
-
-    // Options (Radio / Checkbox)
-    "optionBgColor.light": inputBg,
-    "optionLabelColor.light": questionColor,
-
-    // Card
-    "cardBackgroundColor.light": cardBg,
-    "cardBorderColor.light": cardBorder,
-
-    // Highlight / Focus
-    "highlightBorderColor.light": mixColor(brandColor, "#ffffff", 0.25),
-
-    // Progress Bar — indicator uses the brand color; track is a lighter tint.
-    "progressIndicatorBgColor.light": brandColor,
-    "progressTrackBgColor.light": mixColor(brandColor, "#ffffff", 0.8),
-
-    // Background
-    background: { bg: pageBg, bgType: "color" as const, brightness: 100 },
-  };
-};
-
-// Pre-compute colors derived from the default brand color.
-const _colors = getSuggestedColors(DEFAULT_BRAND_COLOR);
-
-/**
- * Single source of truth for every styling default.
- *
- * Color values are derived from the default brand color (#64748b) via
- * `getSuggestedColors()`.  Non-color values (dimensions, weights, sizes)
- * are hardcoded here and must be kept in sync with globals.css.
- *
- * Used everywhere: form defaults, preview rendering, email templates,
- * and as the reset target for "Restore defaults".
- */
-export const STYLE_DEFAULTS: TProjectStyling = {
+export const defaultStyling: TProjectStyling = {
   allowStyleOverwrite: true,
-  brandColor: { light: _colors["brandColor.light"] },
-  questionColor: { light: _colors["questionColor.light"] },
-  inputColor: { light: _colors["inputColor.light"] },
-  inputBorderColor: { light: _colors["inputBorderColor.light"] },
-  cardBackgroundColor: { light: _colors["cardBackgroundColor.light"] },
-  cardBorderColor: { light: _colors["cardBorderColor.light"] },
+  brandColor: {
+    light: COLOR_DEFAULTS.brandColor,
+  },
+  questionColor: {
+    light: COLOR_DEFAULTS.questionColor,
+  },
+  inputColor: {
+    light: COLOR_DEFAULTS.inputColor,
+  },
+  inputBorderColor: {
+    light: COLOR_DEFAULTS.inputBorderColor,
+  },
+  cardBackgroundColor: {
+    light: COLOR_DEFAULTS.cardBackgroundColor,
+  },
+  cardBorderColor: {
+    light: COLOR_DEFAULTS.cardBorderColor,
+  },
   isLogoHidden: false,
-  highlightBorderColor: { light: _colors["highlightBorderColor.light"] },
+  highlightBorderColor: undefined,
   isDarkModeEnabled: false,
   roundness: 8,
-  cardArrangement: { linkSurveys: "simple", appSurveys: "simple" },
-
-  // Headlines & Descriptions
-  elementHeadlineColor: { light: _colors["elementHeadlineColor.light"] },
-  elementHeadlineFontSize: 16,
-  elementHeadlineFontWeight: 600,
-  elementDescriptionColor: { light: _colors["elementDescriptionColor.light"] },
-  elementDescriptionFontSize: 14,
-  elementDescriptionFontWeight: 400,
-  elementUpperLabelColor: { light: _colors["elementUpperLabelColor.light"] },
-  elementUpperLabelFontSize: 12,
-  elementUpperLabelFontWeight: 400,
-
-  // Inputs
-  inputTextColor: { light: _colors["inputTextColor.light"] },
-  inputBorderRadius: 8,
-  inputHeight: 20,
-  inputFontSize: 14,
-  inputPaddingX: 8,
-  inputPaddingY: 8,
-  inputPlaceholderOpacity: 0.5,
-  inputShadow: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
-
-  // Buttons
-  buttonBgColor: { light: _colors["buttonBgColor.light"] },
-  buttonTextColor: { light: _colors["buttonTextColor.light"] },
-  buttonBorderRadius: 8,
-  buttonHeight: "auto",
-  buttonFontSize: 16,
-  buttonFontWeight: 500,
-  buttonPaddingX: 12,
-  buttonPaddingY: 12,
-
-  // Options
-  optionBgColor: { light: _colors["optionBgColor.light"] },
-  optionLabelColor: { light: _colors["optionLabelColor.light"] },
-  optionBorderRadius: 8,
-  optionPaddingX: 16,
-  optionPaddingY: 16,
-  optionFontSize: 14,
-
-  // Progress Bar
-  progressTrackHeight: 8,
-  progressTrackBgColor: { light: _colors["progressTrackBgColor.light"] },
-  progressIndicatorBgColor: { light: _colors["progressIndicatorBgColor.light"] },
-};
-
-/**
- * Fills in new v4.7 color fields from legacy v4.6 fields when they are missing.
- *
- * v4.6 stored: brandColor, questionColor, inputColor, inputBorderColor.
- * v4.7 adds: elementHeadlineColor, buttonBgColor, optionBgColor, etc.
- *
- * When loading v4.6 data the new fields are absent. Without this helper the
- * form would fall back to STYLE_DEFAULTS (derived from the *default* brand
- * colour), causing a visible mismatch.  This function derives the new fields
- * from the actually-saved legacy fields so the preview and form stay coherent.
- *
- * Only sets a field when the legacy source exists AND the new field is absent.
- */
-export const deriveNewFieldsFromLegacy = (saved: Record<string, unknown>): Record<string, unknown> => {
-  const light = (key: string): string | undefined =>
-    (saved[key] as { light?: string } | null | undefined)?.light;
-
-  const q = light("questionColor");
-  const b = light("brandColor");
-  const i = light("inputColor");
-
-  return {
-    ...(q && !saved.elementHeadlineColor && { elementHeadlineColor: { light: q } }),
-    ...(q && !saved.elementDescriptionColor && { elementDescriptionColor: { light: q } }),
-    ...(q && !saved.elementUpperLabelColor && { elementUpperLabelColor: { light: q } }),
-    ...(q && !saved.inputTextColor && { inputTextColor: { light: q } }),
-    ...(q && !saved.optionLabelColor && { optionLabelColor: { light: q } }),
-    ...(b && !saved.buttonBgColor && { buttonBgColor: { light: b } }),
-    ...(b && !saved.buttonTextColor && { buttonTextColor: { light: isLight(b) ? "#0f172a" : "#ffffff" } }),
-    ...(i && !saved.optionBgColor && { optionBgColor: { light: i } }),
-    ...(b && !saved.progressIndicatorBgColor && { progressIndicatorBgColor: { light: b } }),
-    ...(b && !saved.progressTrackBgColor && { progressTrackBgColor: { light: mixColor(b, "#ffffff", 0.8) } }),
-  };
-};
-
-/**
- * Builds a complete TProjectStyling object from a single brand color.
- *
- * Uses STYLE_DEFAULTS for all non-color properties (dimensions, weights, etc.)
- * and derives every color from the given brand color via getSuggestedColors().
- *
- * Useful when only a brand color is known (e.g. onboarding) and a fully
- * coherent styling object is needed for both preview rendering and persistence.
- */
-export const buildStylingFromBrandColor = (brandColor: string = DEFAULT_BRAND_COLOR): TProjectStyling => {
-  const colors = getSuggestedColors(brandColor);
-
-  return {
-    ...STYLE_DEFAULTS,
-    brandColor: { light: colors["brandColor.light"] },
-    questionColor: { light: colors["questionColor.light"] },
-    elementHeadlineColor: { light: colors["elementHeadlineColor.light"] },
-    elementDescriptionColor: { light: colors["elementDescriptionColor.light"] },
-    elementUpperLabelColor: { light: colors["elementUpperLabelColor.light"] },
-    buttonBgColor: { light: colors["buttonBgColor.light"] },
-    buttonTextColor: { light: colors["buttonTextColor.light"] },
-    inputColor: { light: colors["inputColor.light"] },
-    inputBorderColor: { light: colors["inputBorderColor.light"] },
-    inputTextColor: { light: colors["inputTextColor.light"] },
-    optionBgColor: { light: colors["optionBgColor.light"] },
-    optionLabelColor: { light: colors["optionLabelColor.light"] },
-    cardBackgroundColor: { light: colors["cardBackgroundColor.light"] },
-    cardBorderColor: { light: colors["cardBorderColor.light"] },
-    highlightBorderColor: { light: colors["highlightBorderColor.light"] },
-    progressIndicatorBgColor: { light: colors["progressIndicatorBgColor.light"] },
-    progressTrackBgColor: { light: colors["progressTrackBgColor.light"] },
-    background: colors.background,
-  };
+  cardArrangement: {
+    linkSurveys: "straight",
+    appSurveys: "straight",
+  },
 };

apps/web/lib/survey/__mock__/survey.mock.ts

@@ -85,7 +85,7 @@ export const mockProject: TProject = {
   inAppSurveyBranding: false,
   placement: "bottomRight",
   clickOutsideClose: false,
-  overlay: "none",
+  darkOverlay: false,
   environments: [],
   languages: [],
   config: {
@@ -168,7 +168,6 @@ export const mockContactAttributeKey: TContactAttributeKey = {
   type: "custom",
   description: "mock action class",
   isUnique: false,
-  dataType: "string",
   ...commonMockProperties,
 };