reduce information posthog can receive

apps/web/app/environments/[environmentId]/EnvironmentsNavbar.tsx

@@ -230,7 +230,7 @@ export default function EnvironmentsNavbar({ environmentId, session }: Environme
                       src={session.user.image}
                       width="100"
                       height="100"
-                      className="h-9 w-9 rounded-full"
+                      className="ph-no-capture h-9 w-9 rounded-full"
                       alt="Profile picture"
                     />
                   ) : (
@@ -238,7 +238,9 @@ export default function EnvironmentsNavbar({ environmentId, session }: Environme
                   )}
 
                   <div>
-                    <p className="-mb-0.5 text-sm font-bold text-slate-700">{environment?.product?.name}</p>
+                    <p className="ph-no-capture ph-no-capture -mb-0.5 text-sm font-bold text-slate-700">
+                      {environment?.product?.name}
+                    </p>
                     <p className="text-sm text-slate-500">{capitalizeFirstLetter(environment?.type)}</p>
                   </div>
                   <ChevronDownIcon className="h-5 w-5 text-slate-700 hover:text-slate-500" />
@@ -246,7 +248,7 @@ export default function EnvironmentsNavbar({ environmentId, session }: Environme
               </DropdownMenuTrigger>
               <DropdownMenuContent className="w-56">
                 <DropdownMenuLabel>
-                  <span className="font-normal">Signed in as</span> {session.user.name}
+                  <span className="ph-no-capture font-normal">Signed in as</span> {session.user.name}
                 </DropdownMenuLabel>
 
                 <DropdownMenuSeparator />
@@ -254,7 +256,7 @@ export default function EnvironmentsNavbar({ environmentId, session }: Environme
                 <DropdownMenuSub>
                   <DropdownMenuSubTrigger>
                     <div>
-                      <p>{environment?.product?.name}</p>
+                      <p className="ph-no-capture">{environment?.product?.name}</p>
                       <p className=" block text-xs text-slate-500">Product</p>
                     </div>
                   </DropdownMenuSubTrigger>

apps/web/app/environments/[environmentId]/people/PeopleList.tsx

@@ -43,11 +43,11 @@ export default function PeopleList({ environmentId }: { environmentId: string })
                 <div className="m-2 grid h-16  grid-cols-7 content-center rounded-lg hover:bg-slate-100">
                   <div className="col-span-3 flex items-center pl-6 text-sm">
                     <div className="flex items-center">
-                      <div className="h-10 w-10 flex-shrink-0">
+                      <div className="ph-no-capture h-10 w-10 flex-shrink-0">
                         <PersonAvatar personId={person.id} />
                       </div>
                       <div className="ml-4">
-                        <div className="font-medium text-slate-900">
+                        <div className="ph-no-capture font-medium text-slate-900">
                           {getAttributeValue(person, "email") ? (
                             <span>{getAttributeValue(person, "email")}</span>
                           ) : (
@@ -58,14 +58,14 @@ export default function PeopleList({ environmentId }: { environmentId: string })
                     </div>
                   </div>
                   <div className="col-span-2 my-auto whitespace-nowrap text-center text-sm text-slate-500">
-                    <div className="text-slate-900">
+                    <div className="ph-no-capture text-slate-900">
                       {truncateMiddle(getAttributeValue(person, "userId"), 24)}
                     </div>
                   </div>
-                  <div className="my-auto whitespace-nowrap text-center text-sm text-slate-500">
+                  <div className="ph-no-capture my-auto whitespace-nowrap text-center text-sm text-slate-500">
                     <div className="text-slate-900">{getAttributeValue(person, "email")}</div>
                   </div>
-                  <div className="my-auto whitespace-nowrap text-center text-sm text-slate-500">
+                  <div className="ph-no-capture my-auto whitespace-nowrap text-center text-sm text-slate-500">
                     <div className="text-slate-900">{person._count?.sessions}</div>
                   </div>
                 </div>

apps/web/app/environments/[environmentId]/people/[personId]/PersonDetails.tsx

@@ -73,7 +73,7 @@ export default function PersonDetails({ environmentId, personId }: PersonDetails
     <>
       <GoBackButton />
       <div className="flex items-baseline justify-between border-b border-slate-200 pb-6 pt-4">
-        <h1 className="text-4xl font-bold tracking-tight text-slate-900">
+        <h1 className="ph-no-capture text-4xl font-bold tracking-tight text-slate-900">
           {personEmail ? <span>{personEmail.value}</span> : <span>{person.id}</span>}
         </h1>
         <div className="flex items-center space-x-3">
@@ -91,7 +91,7 @@ export default function PersonDetails({ environmentId, personId }: PersonDetails
             <h2 className="text-lg font-bold text-slate-700">Attributes</h2>
             <div>
               <dt className="text-sm font-medium text-slate-500">Email</dt>
-              <dd className="mt-1 text-sm text-slate-900">
+              <dd className="ph-no-capture mt-1 text-sm text-slate-900">
                 {personEmail ? (
                   <span>{personEmail?.value}</span>
                 ) : (
@@ -101,7 +101,7 @@ export default function PersonDetails({ environmentId, personId }: PersonDetails
             </div>
             <div>
               <dt className="text-sm font-medium text-slate-500">User Id</dt>
-              <dd className="mt-1 text-sm text-slate-900">
+              <dd className="ph-no-capture mt-1 text-sm text-slate-900">
                 {personUserId ? (
                   <span>{personUserId?.value}</span>
                 ) : (
@@ -111,7 +111,7 @@ export default function PersonDetails({ environmentId, personId }: PersonDetails
             </div>
             <div>
               <dt className="text-sm font-medium text-slate-500">Formbricks Id (internal)</dt>
-              <dd className="mt-1 text-sm text-slate-900">{person.id}</dd>
+              <dd className="ph-no-capture mt-1 text-sm text-slate-900">{person.id}</dd>
             </div>
 
             <div>

apps/web/app/environments/[environmentId]/people/[personId]/ResponsesFeed.tsx

@@ -51,7 +51,7 @@ export default function ResponseFeed({ person, sortByDate, environmentId }) {
                           {response.survey.questions.map((question) => (
                             <div key={question.id}>
                               <p className="text-sm text-slate-500">{question.headline}</p>
-                              <p className="my-1 text-lg font-semibold text-slate-700">
+                              <p className="ph-no-capture my-1 text-lg font-semibold text-slate-700">
                                 {response.data[question.id] instanceof Array
                                   ? response.data[question.id].join(", ")
                                   : response.data[question.id]}

apps/web/app/environments/[environmentId]/settings/members/EditMemberships.tsx

@@ -73,7 +73,7 @@ export function EditMemberships({ environmentId }) {
       <div className="rounded-lg border border-slate-200">
         <div className="grid h-12 grid-cols-7 content-center rounded-t-lg bg-slate-100 text-left text-sm font-semibold text-slate-900">
           <div className="px-6"></div>
-          <div className="col-span-2  ">Fullname</div>
+          <div className="col-span-2">Fullname</div>
           <div className="col-span-2">Email</div>
           <div className=""></div>
         </div>
@@ -85,10 +85,10 @@ export function EditMemberships({ environmentId }) {
               <div className="h-58 px-6 ">
                 <ProfileAvatar userId={member.userId || member.email} />
               </div>
-              <div className="col-span-2 flex flex-col justify-center">
+              <div className="ph-no-capture col-span-2 flex flex-col justify-center">
                 <p>{member.name}</p>
               </div>
-              <div className="col-span-2 flex flex-col justify-center">{member.email}</div>
+              <div className="ph-no-capture col-span-2 flex flex-col justify-center">{member.email}</div>
               <div className="col-span-2 flex items-center justify-end gap-x-6 pr-6">
                 {!member.accepted && <Badge type="warning" text="Pending" size="tiny" />}
                 {member.role !== "owner" && (

apps/web/app/environments/[environmentId]/settings/members/page.tsx

@@ -9,9 +9,6 @@ export default function MembersSettingsPage({ params }) {
       <SettingsCard title="Manage members" description="Add or remove members in your team.">
         <EditMemberships environmentId={params.environmentId} />
       </SettingsCard>
-      {/*  <SettingsCard title="Team Name" description="Change the name of your team. Just in case.">
-       <EditTeamName /> 
-      </SettingsCard>*/}
     </div>
   );
 }

apps/web/app/environments/[environmentId]/surveys/[surveyId]/responses/SingleResponse.tsx

@@ -29,7 +29,7 @@ export default function SingleResponse({ data, environmentId }: OpenTextSummaryP
               className="group flex items-center"
               href={`/environments/${environmentId}/people/${data.personId}`}>
               <PersonAvatar personId={data.personId} />
-              <h3 className="ml-4 pb-1 font-semibold text-slate-600 group-hover:underline">
+              <h3 className="ph-no-capture ml-4 pb-1 font-semibold text-slate-600 group-hover:underline">
                 {data.personId}
               </h3>
             </Link>
@@ -57,9 +57,9 @@ export default function SingleResponse({ data, environmentId }: OpenTextSummaryP
           <div key={`${response.id}-${idx}`}>
             <p className="text-sm text-slate-500">{response.question}</p>
             {typeof response.answer === "string" ? (
-              <p className="my-1 font-semibold text-slate-700">{response.answer}</p>
+              <p className="ph-no-capture my-1 font-semibold text-slate-700">{response.answer}</p>
             ) : (
-              <p className="my-1 font-semibold text-slate-700">{response.answer.join(", ")}</p>
+              <p className="ph-no-capture my-1 font-semibold text-slate-700">{response.answer.join(", ")}</p>
             )}
           </div>
         ))}

apps/web/app/environments/[environmentId]/surveys/[surveyId]/summary/OpenTextSummary.tsx

@@ -39,11 +39,11 @@ export default function OpenTextSummary({ questionSummary, environmentId }: Open
               <div className="pl-6">
                 {response.personId ? (
                   <Link
-                    className="group flex items-center"
+                    className="ph-no-capture group flex items-center"
                     href={`/environments/${environmentId}/people/${response.personId}`}>
                     <PersonAvatar personId={response.personId} />
 
-                    <p className="ml-2 text-slate-600 group-hover:underline">
+                    <p className="ph-no-capture ml-2 text-slate-600 group-hover:underline">
                       {truncate(response.personId, 16)}
                     </p>
                   </Link>
@@ -55,7 +55,9 @@ export default function OpenTextSummary({ questionSummary, environmentId }: Open
                   </div>
                 )}
               </div>
-              <div className="col-span-2 whitespace-pre-wrap pl-6 font-semibold">{response.value}</div>
+              <div className="ph-no-capture col-span-2 whitespace-pre-wrap pl-6 font-semibold">
+                {response.value}
+              </div>
               <div className="px-6 text-slate-500">{timeSince(response.updatedAt)}</div>
             </div>
           );