docs: fix js import in developer docs

apps/docs/app/developer-docs/js-sdk/page.mdx

@@ -48,7 +48,7 @@ Initialize the Formbricks JS Client for surveys. When used in a web app, pass a
 <CodeGroup title="Initialize Formbricks">
 
 ```javascript
-import formbricks from "@formbricks/js/app";
+import formbricks from "@formbricks/js";
 
 formbricks.init({
   environmentId: "<your-environment-id>", // required

apps/web/app/api/v1/client/[environmentId]/identify/people/[userId]/lib/personState.ts

@@ -1,6 +1,5 @@
 import { prisma } from "@formbricks/database";
 import { attributeCache } from "@formbricks/lib/attribute/cache";
-import { getAttributesByUserId } from "@formbricks/lib/attribute/service";
 import { cache } from "@formbricks/lib/cache";
 import { IS_FORMBRICKS_CLOUD } from "@formbricks/lib/constants";
 import { displayCache } from "@formbricks/lib/display/cache";
@@ -71,7 +70,6 @@ export const getPersonState = async ({
       const personResponses = await getResponsesByUserId(environmentId, userId);
       const personDisplays = await getDisplaysByUserId(environmentId, userId);
       const segments = await getPersonSegmentIds(environmentId, person, device);
-      const attributes = await getAttributesByUserId(environmentId, userId);
 
       // If the person exists, return the persons's state
       const userState: TJsPersonState["data"] = {
@@ -81,7 +79,6 @@ export const getPersonState = async ({
           personDisplays?.map((display) => ({ surveyId: display.surveyId, createdAt: display.createdAt })) ??
           [],
         responses: personResponses?.map((response) => response.surveyId) ?? [],
-        attributes,
         lastDisplayAt:
           personDisplays.length > 0
             ? personDisplays.sort((a, b) => b.createdAt.getTime() - a.createdAt.getTime())[0].createdAt

packages/js-core/src/lib/attributes.ts

@@ -55,8 +55,7 @@ export const updateAttribute = async (
     }
     return err({
       code: "network_error",
-      // @ts-expect-error
-      status: res.error.status ?? 500,
+      status: 500,
       message: res.error.message ?? `Error updating person with userId ${userId}`,
       url: `${config.get().apiHost}/api/v1/client/${environmentId}/people/${userId}/attributes`,
       responseMessage: res.error.message,
@@ -93,7 +92,7 @@ export const updateAttributes = async (
   const updatedAttributes = { ...attributes };
 
   try {
-    const existingAttributes = config.get().personState.data.attributes;
+    const existingAttributes = config.get().attributes;
     if (existingAttributes) {
       for (const [key, value] of Object.entries(existingAttributes)) {
         if (updatedAttributes[key] === value) {
@@ -140,7 +139,7 @@ export const updateAttributes = async (
 };
 
 export const isExistingAttribute = (key: string, value: string): boolean => {
-  if (config.get().personState.data.attributes[key] === value) {
+  if (config.get().attributes[key] === value) {
     return true;
   }
 

packages/js-core/src/lib/initialize.ts

@@ -239,6 +239,7 @@ export const initialize = async (
         environmentState,
         personState,
         filteredSurveys,
+        attributes: configInput.attributes || {},
       });
 
       const surveyNames = filteredSurveys.map((s) => s.name);
@@ -280,6 +281,7 @@ export const initialize = async (
         personState,
         environmentState,
         filteredSurveys,
+        attributes: configInput.attributes || {},
       });
     } catch (e) {
       handleErrorOnFirstInit();
@@ -293,16 +295,10 @@ export const initialize = async (
   if (updatedAttributes && Object.keys(updatedAttributes).length > 0) {
     config.update({
       ...config.get(),
-      personState: {
-        ...config.get().personState,
-        data: {
-          ...config.get().personState.data,
       attributes: {
-            ...config.get().personState.data.attributes,
+        ...config.get().attributes,
         ...updatedAttributes,
       },
-        },
-      },
     });
   }
 

packages/js-core/src/lib/person.ts

@@ -22,7 +22,7 @@ export const resetPerson = async (): Promise<Result<void, NetworkError>> => {
     environmentId: config.get().environmentId,
     apiHost: config.get().apiHost,
     ...(userId && { userId }),
-    attributes: config.get().personState.data.attributes,
+    attributes: config.get().attributes,
   };
   await logoutPerson();
   try {

packages/js-core/src/lib/personState.ts

@@ -15,7 +15,6 @@ export const DEFAULT_PERSON_STATE_NO_USER_ID: TJsPersonState = {
     segments: [],
     displays: [],
     responses: [],
-    attributes: {},
     lastDisplayAt: null,
   },
 } as const;
@@ -68,7 +67,6 @@ export const fetchPersonState = async (
       segments: [],
       displays: [],
       responses: [],
-      attributes: {},
       lastDisplayAt: null,
     },
   };

packages/js-core/src/lib/widget.ts

@@ -65,7 +65,7 @@ const renderWidget = async (
   }
 
   const { product } = config.get().environmentState.data ?? {};
-  const { attributes } = config.get().personState.data ?? {};
+  const { attributes } = config.get() ?? {};
 
   const isMultiLanguageSurvey = survey.languages.length > 1;
   let languageCode = "default";

packages/types/js.ts

@@ -126,7 +126,6 @@ export const ZJsPersonState = z.object({
       })
     ),
     responses: z.array(ZId), // responded survey ids
-    attributes: ZAttributes,
     lastDisplayAt: z.date().nullable(),
   }),
 });
@@ -146,6 +145,7 @@ export const ZJsConfig = z.object({
   environmentState: ZJsEnvironmentState,
   personState: ZJsPersonState,
   filteredSurveys: z.array(ZSurvey).default([]),
+  attributes: z.record(z.string()),
   status: z.object({
     value: z.enum(["success", "error"]),
     expiresAt: z.date().nullable(),