fix: preserve survey script base path

Author: mattinannt

packages/react-native/src/components/survey-web-view.tsx

@@ -7,6 +7,7 @@ import {
   View,
 } from "react-native";
 import { WebView, type WebViewMessageEvent } from "react-native-webview";
+import { getSurveyScriptUrl } from "@/components/utils/survey-script-url";
 import { RNConfig } from "@/lib/common/config";
 import { Logger } from "@/lib/common/logger";
 import { filterSurveys, getLanguageCode, getStyling } from "@/lib/common/utils";
@@ -382,14 +383,3 @@ const renderHtml = (
   </html>
   `;
 };
-
-const getSurveyScriptUrl = (appUrl?: string): string => {
-  const baseUrl = appUrl ?? "http://localhost:3000";
-  const url = new URL("/js/surveys.umd.cjs", baseUrl);
-
-  if (url.protocol !== "http:" && url.protocol !== "https:") {
-    throw new Error("Formbricks appUrl must use http or https");
-  }
-
-  return url.toString();
-};

packages/react-native/src/components/tests/survey-script-url.test.ts

@@ -0,0 +1,38 @@
+import { describe, expect, test } from "vitest";
+import { getSurveyScriptUrl } from "@/components/utils/survey-script-url";
+
+describe("getSurveyScriptUrl()", () => {
+  test("builds the default local development script URL", () => {
+    expect(getSurveyScriptUrl()).toBe("http://localhost:3000/js/surveys.umd.cjs");
+  });
+
+  test("builds the script URL from a root-hosted appUrl", () => {
+    expect(getSurveyScriptUrl("https://app.formbricks.com")).toBe(
+      "https://app.formbricks.com/js/surveys.umd.cjs",
+    );
+  });
+
+  test("preserves a path-based deployment without a trailing slash", () => {
+    expect(getSurveyScriptUrl("https://host/formbricks")).toBe(
+      "https://host/formbricks/js/surveys.umd.cjs",
+    );
+  });
+
+  test("preserves a path-based deployment with a trailing slash", () => {
+    expect(getSurveyScriptUrl("https://host/formbricks/")).toBe(
+      "https://host/formbricks/js/surveys.umd.cjs",
+    );
+  });
+
+  test("drops query and hash components from the script URL", () => {
+    expect(getSurveyScriptUrl("https://host/formbricks?foo=bar#section")).toBe(
+      "https://host/formbricks/js/surveys.umd.cjs",
+    );
+  });
+
+  test("rejects non-http protocols", () => {
+    expect(() => getSurveyScriptUrl("file:///tmp/formbricks")).toThrow(
+      "Formbricks appUrl must use http or https",
+    );
+  });
+});

packages/react-native/src/components/utils/survey-script-url.ts

@@ -0,0 +1,14 @@
+export const getSurveyScriptUrl = (appUrl?: string): string => {
+  const url = new URL(appUrl ?? "http://localhost:3000");
+
+  if (url.protocol !== "http:" && url.protocol !== "https:") {
+    throw new Error("Formbricks appUrl must use http or https");
+  }
+
+  const basePath = url.pathname.endsWith("/") ? url.pathname : `${url.pathname}/`;
+  url.pathname = `${basePath}js/surveys.umd.cjs`;
+  url.search = "";
+  url.hash = "";
+
+  return url.toString();
+};