OUT-2226: Support custom client/company labels

src/app/components/AutoResponder.tsx

@@ -25,7 +25,7 @@
   SelectedDay,
   SettingsData,
 } from '@/constants';
-import { InternalUser, InternalUsers } from '@/types/common';
+import { InternalUser, InternalUsers, WorkspaceResponse } from '@/types/common';
 import { MenuItem, Select, SelectChangeEvent } from '@mui/material';
 
 const defaultSelectedDays: SelectedDay[] = [
@@ -60,6 +60,7 @@
   onSave(data: SettingsData): Promise<void>;
   activeSettings: SettingsData;
   internalUsers: InternalUsers;
+  workspace?: WorkspaceResponse;
 }
 
 const DropdownIndicator = (props: DropdownIndicatorProps<ITimezone, false, GroupBase<ITimezone>>) => {
@@ -153,7 +154,7 @@
   senderId: z.string().uuid().nullable(),
 });
 
-const AutoResponder = ({ onSave, activeSettings, internalUsers }: Props) => {
+const AutoResponder = ({ onSave, activeSettings, internalUsers, workspace }: Props) => {
   const defaultFormValues = useRef(activeSettings);
   const [saving, setSaving] = useState(false);
   const [workingHoursErrors, setWorkingHoursErrors] = useState<Record<number, string>>({});
@@ -206,7 +207,7 @@
         });
       }
     }
   }, [autoRespond]);
 
   const toggleSelectedDay = (day: DAY_VALUE) => {
     const selectedDayIndex = selectedDays.fields.findIndex((selectedDay) => selectedDay.day === day);
@@ -293,7 +294,9 @@
             <div className="w-full max-w-[880px] mx-auto">
               <Fieldset
                 title="Auto-responder configuration"
-                info="Set up an automatic response to incoming messages in the Messages App. If clients send you several messages, auto-response will be sent at most once every hour (per message channel)."
+                info={`Set up an automatic response to incoming messages in the Messages App. If ${
+                  workspace?.labels?.individualTermPlural?.toLowerCase() || 'clients'
+                } send you several messages, auto-response will be sent at most once every hour (per message channel).`}
               >
                 <Typography text="Enable auto response" variant="label" className="mb-1.5 text-text" />
                 <Controller

src/app/page.tsx

@@ -118,6 +118,7 @@ export default async function Page({ searchParams }: { searchParams: SearchParam
           ...populateSettingsFormData(setting as SettingResponse, currentUserId),
         }}
         internalUsers={internalUsersWithClientAccessLimitedFalse}
+        workspace={workspace}
       />
     </main>
   );

src/types/common.ts

@@ -36,6 +36,11 @@ export const WorkspaceResponseSchema = z.object({
   font: z.string().optional(),
   metaTitle: z.string().optional(),
   metaDescription: z.string().optional(),
+  labels: z
+    .object({
+      individualTermPlural: z.string().optional(),
+    })
+    .optional(),
 });
 export type WorkspaceResponse = z.infer<typeof WorkspaceResponseSchema>;