Migrate domainName field from text type to links type (#6410)

Closes #5759.

packages/twenty-front/src/modules/activities/hooks/__tests__/useActivityTargetObjectRecords.test.tsx

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
 import { gql, InMemoryCache } from '@apollo/client';
 import { MockedProvider } from '@apollo/client/testing';
 import { act, renderHook } from '@testing-library/react';
+import { ReactNode } from 'react';
 import { RecoilRoot, useSetRecoilState } from 'recoil';
 
 import { useActivityTargetObjectRecords } from '@/activities/hooks/useActivityTargetObjectRecords';
@@ -45,7 +45,11 @@ const activityNode = {
           company: {
             id: '89bb825c-171e-4bcc-9cf7-43448d6fb280',
             name: 'Airbnb',
-            domainName: 'airbnb.com',
+            domainName: {
+              primaryLinkUrl: 'https://www.airbnb.com',
+              primaryLinkLabel: '',
+              secondaryLinks: null,
+            },
           },
           person: null,
           activityId: '89bb825c-171e-4bcc-9cf7-43448d6fb230',
@@ -90,7 +94,11 @@ cache.writeFragment({
             company {
               id
               name
-              domainName
+              domainName {
+                primaryLinkUrl
+                primaryLinkLabel
+                secondaryLinks
+              }
             }
             person
             activityId

packages/twenty-front/src/modules/command-menu/components/CommandMenu.tsx

@@ -33,6 +33,7 @@ import { commandMenuCommandsState } from '../states/commandMenuCommandsState';
 import { isCommandMenuOpenedState } from '../states/isCommandMenuOpenedState';
 import { Command, CommandType } from '../types/Command';
 
+import { getCompanyDomainName } from '@/object-metadata/utils/getCompanyDomainName';
 import { LightIconButton } from '@/ui/input/button/components/LightIconButton';
 import { CommandGroup } from './CommandGroup';
 import { CommandMenuItem } from './CommandMenuItem';
@@ -429,7 +430,7 @@ export const CommandMenu = () => {
                               placeholderColorSeed={company.id}
                               placeholder={company.name}
                               avatarUrl={getLogoUrlFromDomainName(
-                                company.domainName,
+                                getCompanyDomainName(company),
                               )}
                             />
                           )}

packages/twenty-front/src/modules/companies/types/Company.ts

@@ -5,7 +5,13 @@ export type Company = {
   updatedAt?: string;
   deletedAt?: string | null;
   name: string;
-  domainName: string;
+  domainName:
+    | string
+    | {
+        __typename?: 'Links';
+        primaryLinkUrl: string;
+        primaryLinkLabel: string;
+      };
   address: string;
   accountOwnerId?: string | null;
   position?: number;

packages/twenty-front/src/modules/favorites/hooks/__mocks__/useFavorites.ts

@@ -143,7 +143,11 @@ export const mocks = [
                 primaryLinkLabel
                 secondaryLinks
               }
-              domainName
+              domainName {
+                primaryLinkUrl
+                primaryLinkLabel
+                secondaryLinks
+              }
               annualRecurringRevenue {
                 amountMicros
                 currencyCode
@@ -273,7 +277,11 @@ export const mocks = [
                 primaryLinkLabel
                 secondaryLinks
               }
-              domainName
+              domainName {
+                primaryLinkUrl
+                primaryLinkLabel
+                secondaryLinks
+              }
               annualRecurringRevenue {
                 amountMicros
                 currencyCode

packages/twenty-front/src/modules/favorites/utils/mapFavorites.ts

@@ -1,3 +1,4 @@
+import { getCompanyDomainName } from '@/object-metadata/utils/getCompanyDomainName';
 import { getLogoUrlFromDomainName } from '~/utils';
 import { isDefined } from '~/utils/isDefined';
 
@@ -19,7 +20,9 @@ export const mapFavorites = (favorites: any) => {
           ? {
               id: favorite.company.id,
               labelIdentifier: favorite.company.name,
-              avatarUrl: getLogoUrlFromDomainName(favorite.company.domainName),
+              avatarUrl: getLogoUrlFromDomainName(
+                getCompanyDomainName(favorite.company),
+              ),
               avatarType: 'squared',
               link: `/object/company/${favorite.company.id}`,
             }

packages/twenty-front/src/modules/object-metadata/utils/__tests__/mapFieldMetadataToGraphQLQuery.test.tsx

@@ -61,6 +61,11 @@ linkedinLink
   secondaryLinks
 }
 domainName
+{
+  primaryLinkUrl
+  primaryLinkLabel
+  secondaryLinks
+}
 annualRecurringRevenue
 {
   amountMicros
@@ -95,7 +100,11 @@ idealCustomerProfile
         people: true,
         xLink: true,
         linkedinLink: true,
-        domainName: true,
+        domainName: {
+          primaryLinkUrl: true,
+          primaryLinkLabel: true,
+          secondaryLinks: true,
+        },
         annualRecurringRevenue: true,
         createdAt: true,
         address: { addressStreet1: true },
@@ -136,6 +145,11 @@ linkedinLink
   secondaryLinks
 }
 domainName
+{
+  primaryLinkUrl
+  primaryLinkLabel
+  secondaryLinks
+}
 annualRecurringRevenue
 {
   amountMicros

packages/twenty-front/src/modules/object-metadata/utils/__tests__/mapObjectMetadataToGraphQLQuery.test.tsx

@@ -61,6 +61,11 @@ linkedinLink
   secondaryLinks
 }
 domainName
+{
+  primaryLinkUrl
+  primaryLinkLabel
+  secondaryLinks
+}
 annualRecurringRevenue
 {
   amountMicros

packages/twenty-front/src/modules/object-metadata/utils/getAvatarUrl.ts

@@ -5,6 +5,8 @@ import { getLogoUrlFromDomainName } from '~/utils';
 import { getImageAbsoluteURI } from '~/utils/image/getImageAbsoluteURI';
 import { isDefined } from '~/utils/isDefined';
 
+import { Company } from '@/companies/types/Company';
+import { getCompanyDomainName } from '@/object-metadata/utils/getCompanyDomainName';
 import { getImageIdentifierFieldValue } from './getImageIdentifierFieldValue';
 
 export const getAvatarUrl = (
@@ -17,7 +19,9 @@ export const getAvatarUrl = (
   }
 
   if (objectNameSingular === CoreObjectNameSingular.Company) {
-    return getLogoUrlFromDomainName(record.domainName ?? '');
+    return getLogoUrlFromDomainName(
+      getCompanyDomainName(record as Company) ?? '',
+    );
   }
 
   if (objectNameSingular === CoreObjectNameSingular.Person) {

packages/twenty-front/src/modules/object-metadata/utils/getCompanyDomainName.ts

@@ -0,0 +1,14 @@
+import { Company } from '@/companies/types/Company';
+import { isDefined } from 'twenty-ui';
+
+// temporary, to remove once domainName has been fully migrated to Links type
+export const getCompanyDomainName = (company: Company) => {
+  if (!isDefined(company.domainName)) {
+    return company.domainName;
+  }
+  if (typeof company.domainName === 'string') {
+    return company.domainName;
+  } else {
+    return company.domainName.primaryLinkUrl;
+  }
+};

packages/twenty-front/src/modules/object-metadata/utils/getObjectMetadataItemsMock.ts

@@ -2940,7 +2940,7 @@ export const getObjectMetadataItemsMock = () => {
         {
           __typename: 'field',
           id: '20202020-5e4e-4007-a630-8a2617914889',
-          type: 'TEXT',
+          type: 'LINKS',
           name: 'domainName',
           label: 'Domain Name',
           description:

packages/twenty-front/src/modules/object-record/graphql/types/RecordGqlOperationFilter.ts

@@ -85,6 +85,11 @@ export type AddressFilter = {
   addressPostcode?: StringFilter;
 };
 
+export type LinksFilter = {
+  primaryLinkUrl?: StringFilter;
+  primaryLinkLabel?: StringFilter;
+};
+
 export type LeafFilter =
   | UUIDFilter
   | StringFilter
@@ -95,6 +100,7 @@ export type LeafFilter =
   | FullNameFilter
   | BooleanFilter
   | AddressFilter
+  | LinksFilter
   | undefined;
 
 export type AndObjectRecordFilter = {

packages/twenty-front/src/modules/object-record/record-field/hooks/__tests__/useToggleEditOnlyInput.test.tsx

@@ -36,7 +36,11 @@ const mocks: MockedResponse[] = [
               primaryLinkLabel
               secondaryLinks
             }
-            domainName
+            domainName {
+              primaryLinkUrl
+              primaryLinkLabel
+              secondaryLinks
+            }
             annualRecurringRevenue {
               amountMicros
               currencyCode

packages/twenty-front/src/modules/object-record/record-field/meta-types/display/components/__stories__/perf/relationFromManyFieldDisplayMock.ts

@@ -3,7 +3,7 @@ import { FieldMetadataType } from '~/generated-metadata/graphql';
 export const fieldValue = [
   {
     __typename: 'Company',
-    domainName: 'google.com',
+    domainName: { primaryLinkUrl: 'google.com', primaryLinkLabel: '' },
     xLink: {
       __typename: 'Link',
       primaryLinkLabel: '',
@@ -31,7 +31,7 @@ export const fieldValue = [
   },
   {
     __typename: 'Company',
-    domainName: 'airbnb.com',
+    domainName: { primaryLinkUrl: 'airbnb.com', primaryLinkLabel: '' },
     xLink: {
       __typename: 'Link',
       primaryLinkLabel: '',
@@ -69,7 +69,7 @@ export const otherPersonMock = {
     createdAt: '2024-05-01T13:16:29.046Z',
     company: {
       __typename: 'Company',
-      domainName: 'google.com',
+      domainName: { primaryLinkUrl: 'google.com', primaryLinkLabel: '' },
       xLink: {
         __typename: 'Link',
         primaryLinkLabel: '',
@@ -125,7 +125,7 @@ export const relationFromManyFieldDisplayMock = {
     createdAt: '2024-05-01T13:16:29.046Z',
     company: {
       __typename: 'Company',
-      domainName: 'google.com',
+      domainName: { primaryLinkUrl: 'google.com', primaryLinkLabel: '' },
       xLink: {
         __typename: 'Link',
         primaryLinkLabel: '',
@@ -169,7 +169,10 @@ export const relationFromManyFieldDisplayMock = {
   },
   relationFieldValue: {
     __typename: 'Company',
-    domainName: 'microsoft.com',
+    domainName: {
+      primaryLinkLabel: '',
+      primaryLinkUrl: 'microsoft.com',
+    },
     xLink: {
       __typename: 'Link',
       primaryLinkLabel: '',

packages/twenty-front/src/modules/object-record/record-filter/utils/isRecordMatchingFilter.spec.ts

@@ -2,6 +2,8 @@ import { RecordGqlOperationFilter } from '@/object-record/graphql/types/RecordGq
 import { getCompaniesMock } from '~/testing/mock-data/companies';
 import { generatedMockObjectMetadataItems } from '~/testing/mock-data/objectMetadataItems';
 
+import { Company } from '@/companies/types/Company';
+import { getCompanyDomainName } from '@/object-metadata/utils/getCompanyDomainName';
 import { isRecordMatchingFilter } from './isRecordMatchingFilter';
 
 const companiesMock = getCompaniesMock();
@@ -123,10 +125,19 @@ describe('isRecordMatchingFilter', () => {
 
       const companyMockNotInFilter = {
         ...companiesMock[0],
-        domainName: companyMockInFilter.domainName + 'Different',
+        domainName: {
+          primaryLinkUrl:
+            getCompanyDomainName(companyMockInFilter as Company) + 'Different',
+        },
       };
 
-      const filter = { domainName: { eq: companyMockInFilter.domainName } };
+      const filter = {
+        domainName: {
+          primaryLinkUrl: {
+            eq: getCompanyDomainName(companyMockInFilter as Company),
+          },
+        },
+      };
 
       expect(
         isRecordMatchingFilter({
@@ -228,7 +239,9 @@ describe('isRecordMatchingFilter', () => {
         and: [
           {
             domainName: {
-              eq: companyMockInFilter.domainName,
+              primaryLinkUrl: {
+                eq: getCompanyDomainName(companyMockInFilter as Company),
+              },
             },
           },
           {
@@ -317,14 +330,23 @@ describe('isRecordMatchingFilter', () => {
 
       const companyMockNotInFilter = {
         ...companiesMock[0],
-        domainName: companyMockInFilter.domainName + 'Different',
+        domainName: {
+          primaryLinkUrl:
+            getCompanyDomainName(companyMockInFilter as Company) + 'Different',
+        },
         employees: 5,
         name: companyMockInFilter.name + 'Different',
       };
 
       const filter: RecordGqlOperationFilter = {
         and: [
-          { domainName: { eq: companyMockInFilter.domainName } },
+          {
+            domainName: {
+              primaryLinkUrl: {
+                eq: getCompanyDomainName(companyMockInFilter as Company),
+              },
+            },
+          },
           {
             or: [
               { employees: { eq: companyMockInFilter.employees } },
@@ -478,13 +500,17 @@ describe('isRecordMatchingFilter', () => {
       const companyMockNotInFilter = {
         ...companiesMock[0],
         name: companyMockInFilter.name + 'Different',
-        domainName: companyMockInFilter.name + 'Different',
+        domainName: { primaryLinkUrl: companyMockInFilter.name + 'Different' },
       };
 
       const filter = {
         or: {
           name: { eq: companyMockInFilter.name },
-          domainName: { eq: companyMockInFilter.domainName },
+          domainName: {
+            primaryLinkUrl: {
+              eq: getCompanyDomainName(companyMockInFilter as Company),
+            },
+          },
         },
       };
 

packages/twenty-front/src/modules/object-record/record-filter/utils/isRecordMatchingFilter.ts

@@ -9,6 +9,7 @@ import {
   DateFilter,
   FloatFilter,
   FullNameFilter,
+  LinksFilter,
   NotObjectRecordFilter,
   OrObjectRecordFilter,
   RecordGqlOperationFilter,
@@ -207,6 +208,23 @@ export const isRecordMatchingFilter = ({
           });
         });
       }
+      case FieldMetadataType.Links: {
+        const linksFilter = filterValue as LinksFilter;
+
+        const keys = ['primaryLinkLabel', 'primaryLinkUrl'] as const;
+
+        return keys.some((key) => {
+          const value = linksFilter[key];
+          if (value === undefined) {
+            return false;
+          }
+
+          return isMatchingStringFilter({
+            stringFilter: value,
+            value: record[filterKey][key],
+          });
+        });
+      }
       case FieldMetadataType.DateTime: {
         return isMatchingDateFilter({
           dateFilter: filterValue as DateFilter,

packages/twenty-front/src/modules/object-record/spreadsheet-import/__tests__/useOpenObjectRecordsSpreasheetImportDialog.test.tsx

@@ -36,7 +36,11 @@ const companyMocks = [
               primaryLinkLabel
               secondaryLinks
             }
-            domainName
+            domainName {
+              primaryLinkUrl
+              primaryLinkLabel
+              secondaryLinks
+            }
             annualRecurringRevenue {
               amountMicros
               currencyCode
@@ -64,7 +68,6 @@ const companyMocks = [
       variables: {
         data: [
           {
-            domainName: 'example.com',
             employees: 0,
             idealCustomerProfile: true,
             name: 'Example Company',
@@ -157,7 +160,6 @@ describe('useSpreadsheetCompanyImport', () => {
             {
               id: companyId,
               name: 'Example Company',
-              domainName: 'example.com',
               idealCustomerProfile: true,
               employees: '0',
             },
@@ -167,7 +169,6 @@ describe('useSpreadsheetCompanyImport', () => {
             {
               id: companyId,
               name: 'Example Company',
-              domainName: 'example.com',
               __index: 'cbc3985f-dde9-46d1-bae2-c124141700ac',
               idealCustomerProfile: true,
               employees: '0',

packages/twenty-front/src/modules/object-record/spreadsheet-import/constants/CompositeFieldImportLabels.ts

@@ -2,6 +2,7 @@ import {
   FieldAddressValue,
   FieldCurrencyValue,
   FieldFullNameValue,
+  FieldLinksValue,
 } from '@/object-record/record-field/types/FieldMetadata';
 import { CompositeFieldLabels } from '@/object-record/spreadsheet-import/types/CompositeFieldLabels';
 import { FieldMetadataType } from '~/generated-metadata/graphql';
@@ -25,4 +26,8 @@ export const COMPOSITE_FIELD_IMPORT_LABELS = {
     addressLatLabel: 'Latitude',
     addressLngLabel: 'Longitude',
   } satisfies CompositeFieldLabels<FieldAddressValue>,
+  [FieldMetadataType.Links]: {
+    primaryLinkUrlLabel: 'Link URL',
+    primaryLinkLabelLabel: 'Link Label',
+  } satisfies Partial<CompositeFieldLabels<FieldLinksValue>>,
 };

packages/twenty-front/src/modules/object-record/spreadsheet-import/hooks/useBuildAvailableFieldsForImport.ts

@@ -105,6 +105,24 @@ export const useBuildAvailableFieldsForImport = () => {
               ),
           });
         });
+      } else if (fieldMetadataItem.type === FieldMetadataType.Links) {
+        Object.entries(
+          COMPOSITE_FIELD_IMPORT_LABELS[FieldMetadataType.Links],
+        ).forEach(([_, fieldLabel]) => {
+          availableFieldsForImport.push({
+            icon: getIcon(fieldMetadataItem.icon),
+            label: `${fieldLabel} (${fieldMetadataItem.label})`,
+            key: `${fieldLabel} (${fieldMetadataItem.name})`,
+            fieldType: {
+              type: 'input',
+            },
+            fieldValidationDefinitions:
+              getSpreadSheetFieldValidationDefinitions(
+                fieldMetadataItem.type,
+                `${fieldLabel} (${fieldMetadataItem.label})`,
+              ),
+          });
+        });
       } else {
         availableFieldsForImport.push({
           icon: getIcon(fieldMetadataItem.icon),

packages/twenty-front/src/modules/object-record/spreadsheet-import/util/buildRecordFromImportedStructuredRow.ts

@@ -1,5 +1,8 @@
 import { FieldMetadataItem } from '@/object-metadata/types/FieldMetadataItem';
-import { FieldAddressValue } from '@/object-record/record-field/types/FieldMetadata';
+import {
+  FieldAddressValue,
+  FieldLinksValue,
+} from '@/object-record/record-field/types/FieldMetadata';
 import { COMPOSITE_FIELD_IMPORT_LABELS } from '@/object-record/spreadsheet-import/constants/CompositeFieldImportLabels';
 import { ImportedStructuredRow } from '@/spreadsheet-import/types';
 import { isNonEmptyString } from '@sniptt/guards';
@@ -27,6 +30,7 @@ export const buildRecordFromImportedStructuredRow = (
     },
     CURRENCY: { amountMicrosLabel, currencyCodeLabel },
     FULL_NAME: { firstNameLabel, lastNameLabel },
+    LINKS: { primaryLinkLabelLabel, primaryLinkUrlLabel },
   } = COMPOSITE_FIELD_IMPORT_LABELS;
 
   for (const field of fields) {
@@ -106,6 +110,25 @@ export const buildRecordFromImportedStructuredRow = (
         }
         break;
       }
+      case FieldMetadataType.Links: {
+        if (
+          isDefined(
+            importedStructuredRow[`${primaryLinkUrlLabel} (${field.name})`] ||
+              importedStructuredRow[`${primaryLinkLabelLabel} (${field.name})`],
+          )
+        ) {
+          recordToBuild[field.name] = {
+            primaryLinkLabel: castToString(
+              importedStructuredRow[`${primaryLinkLabelLabel} (${field.name})`],
+            ),
+            primaryLinkUrl: castToString(
+              importedStructuredRow[`${primaryLinkUrlLabel} (${field.name})`],
+            ),
+            secondaryLinks: null,
+          } satisfies FieldLinksValue;
+        }
+        break;
+      }
       case FieldMetadataType.Link:
         if (importedFieldValue !== undefined) {
           recordToBuild[field.name] = {

packages/twenty-front/src/modules/object-record/utils/sanitizeRecordInput.ts

@@ -1,6 +1,5 @@
 import { isString } from '@sniptt/guards';
 
-import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular';
 import { ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataItem';
 import { isFieldRelationToOneValue } from '@/object-record/record-field/types/guards/isFieldRelationToOneValue';
 import { ObjectRecord } from '@/object-record/types/ObjectRecord';
@@ -47,13 +46,14 @@ export const sanitizeRecordInput = ({
       .filter(isDefined),
   );
   if (
-    objectMetadataItem.nameSingular !== CoreObjectNameSingular.Company ||
-    !isString(filteredResultRecord.domainName)
+    !(
+      isDefined(filteredResultRecord.domainName) &&
+      isString(filteredResultRecord.domainName)
+    )
   )
     return filteredResultRecord;
-
   return {
     ...filteredResultRecord,
-    domainName: getUrlHostName(filteredResultRecord.domainName),
+    domainName: getUrlHostName(filteredResultRecord.domainName as string),
   };
 };

packages/twenty-front/src/modules/sign-in-background-mock/constants/SignInBackgroundMockColumnDefinitions.ts

@@ -10,7 +10,7 @@ export const SIGN_IN_BACKGROUND_MOCK_COLUMN_DEFINITIONS = (
       fieldMetadataId: '20202020-5e4e-4007-a630-8a2617914889',
       label: 'Domain Name',
       size: 100,
-      type: FieldMetadataType.Text,
+      type: FieldMetadataType.Links,
       metadata: {
         fieldName: 'domainName',
         placeHolder: 'Domain Name',

packages/twenty-front/src/modules/sign-in-background-mock/constants/SignInBackgroundMockCompanies.ts

@@ -2,7 +2,7 @@ export const SIGN_IN_BACKGROUND_MOCK_COMPANIES = [
   {
     __typename: 'Company',
     id: '04b2e9f5-0713-40a5-8216-82802401d33e',
-    domainName: 'qonto.com',
+    domainName: { primarlyLinkUrl: 'qonto.com', primaryLinkLabel: '' },
     updatedAt: '2023-11-23T15:38:03.699Z',
     employees: 1400,
     name: 'Qonto',
@@ -112,7 +112,7 @@ export const SIGN_IN_BACKGROUND_MOCK_COMPANIES = [
   {
     __typename: 'Company',
     id: '0d940997-c21e-4ec2-873b-de4264d89025',
-    domainName: 'google.com',
+    domainName: { primarlyLinkUrl: 'google.com', primaryLinkLabel: '' },
     updatedAt: '2023-11-23T15:38:03.699Z',
     employees: 72_000,
     name: 'Google',
@@ -316,7 +316,7 @@ export const SIGN_IN_BACKGROUND_MOCK_COMPANIES = [
   {
     __typename: 'Company',
     id: '118995f3-5d81-46d6-bf83-f7fd33ea6102',
-    domainName: 'facebook.com',
+    domainName: { primarlyLinkUrl: 'facebook.com', primaryLinkLabel: '' },
     updatedAt: '2023-11-23T15:38:03.699Z',
     employees: 87_000,
     name: 'Facebook',
@@ -450,7 +450,7 @@ export const SIGN_IN_BACKGROUND_MOCK_COMPANIES = [
   {
     __typename: 'Company',
     id: '1d3a1c6e-707e-44dc-a1d2-30030bf1a944',
-    domainName: 'netflix.com',
+    domainName: { primarlyLinkUrl: 'netflix.com', primaryLinkLabel: '' },
     updatedAt: '2023-11-23T15:38:03.699Z',
     employees: 3_000,
     name: 'Netflix',
@@ -503,7 +503,7 @@ export const SIGN_IN_BACKGROUND_MOCK_COMPANIES = [
   {
     __typename: 'Company',
     id: '460b6fb1-ed89-413a-b31a-962986e67bb4',
-    domainName: 'microsoft.com',
+    domainName: { primarlyLinkUrl: 'microsoft.com', primaryLinkLabel: '' },
     updatedAt: '2023-11-23T15:38:03.699Z',
     employees: 221_000,
     name: 'Microsoft',
@@ -686,7 +686,7 @@ export const SIGN_IN_BACKGROUND_MOCK_COMPANIES = [
   {
     __typename: 'Company',
     id: '7a93d1e5-3f74-492d-a101-2a70f50a1645',
-    domainName: 'libeo.io',
+    domainName: { primarlyLinkUrl: 'libeo.io', primaryLinkLabel: '' },
     updatedAt: '2023-11-23T15:38:03.699Z',
     employees: 50,
     name: 'Libeo',
@@ -738,7 +738,7 @@ export const SIGN_IN_BACKGROUND_MOCK_COMPANIES = [
   {
     __typename: 'Company',
     id: '89bb825c-171e-4bcc-9cf7-43448d6fb278',
-    domainName: 'airbnb.com',
+    domainName: { primarlyLinkUrl: 'airbnb.com', primaryLinkLabel: '' },
     updatedAt: '2023-11-23T15:38:03.699Z',
     employees: 6_000,
     name: 'Airbnb',
@@ -791,7 +791,7 @@ export const SIGN_IN_BACKGROUND_MOCK_COMPANIES = [
   {
     __typename: 'Company',
     id: '9d162de6-cfbf-4156-a790-e39854dcd4eb',
-    domainName: 'claap.io',
+    domainName: { primarlyLinkUrl: 'claap.io', primaryLinkLabel: '' },
     updatedAt: '2023-11-23T15:38:03.699Z',
     employees: 7,
     name: 'Claap',
@@ -845,7 +845,7 @@ export const SIGN_IN_BACKGROUND_MOCK_COMPANIES = [
   {
     __typename: 'Company',
     id: 'a674fa6c-1455-4c57-afaf-dd5dc086361d',
-    domainName: 'algolia.com',
+    domainName: { primarlyLinkUrl: 'algolia.com', primaryLinkLabel: '' },
     updatedAt: '2023-11-23T15:38:03.699Z',
     employees: 250,
     name: 'Algolia',
@@ -930,7 +930,7 @@ export const SIGN_IN_BACKGROUND_MOCK_COMPANIES = [
   {
     __typename: 'Company',
     id: 'a7bc68d5-f79e-40dd-bd06-c36e6abb4678',
-    domainName: 'samsung.com',
+    domainName: { primarlyLinkUrl: 'samsung.com', primaryLinkLabel: '' },
     updatedAt: '2023-11-23T15:38:03.699Z',
     employees: 400_000,
     name: 'Samsung',
@@ -1013,7 +1013,7 @@ export const SIGN_IN_BACKGROUND_MOCK_COMPANIES = [
   {
     __typename: 'Company',
     id: 'aaffcfbd-f86b-419f-b794-02319abe8637',
-    domainName: 'hasura.io',
+    domainName: { primarlyLinkUrl: 'hasura.io', primaryLinkLabel: '' },
     updatedAt: '2023-11-23T15:38:03.699Z',
     employees: 17_000,
     name: 'Hasura',
@@ -1067,7 +1067,7 @@ export const SIGN_IN_BACKGROUND_MOCK_COMPANIES = [
   {
     __typename: 'Company',
     id: 'f33dc242-5518-4553-9433-42d8eb82834b',
-    domainName: 'wework.com',
+    domainName: { primarlyLinkUrl: 'wework.com', primaryLinkLabel: '' },
     updatedAt: '2023-11-23T15:38:03.699Z',
     employees: 2_000,
     name: 'Wework',
@@ -1118,7 +1118,7 @@ export const SIGN_IN_BACKGROUND_MOCK_COMPANIES = [
   {
     __typename: 'Company',
     id: 'fe256b39-3ec3-4fe3-8997-b76aa0bfa408',
-    domainName: 'linkedin.com',
+    domainName: { primarlyLinkUrl: 'linkedin.com', primaryLinkLabel: '' },
     updatedAt: '2023-11-23T15:38:03.699Z',
     employees: 20_000,
     name: 'Linkedin',

packages/twenty-front/src/modules/sign-in-background-mock/constants/SignInBackgroundMockFilterDefinitions.ts

@@ -5,7 +5,7 @@ export const SIGN_IN_BACKGROUND_MOCK_FILTER_DEFINITIONS = [
     fieldMetadataId: '20202020-5e4e-4007-a630-8a2617914889',
     label: 'Domain Name',
     iconName: 'IconLink',
-    type: 'TEXT',
+    type: 'LINKS',
   },
   {
     fieldMetadataId: '20202020-7fbd-41ad-b64d-25a15ff62f04',

packages/twenty-front/src/modules/users/graphql/fragments/userQueryFragment.ts

@@ -23,7 +23,10 @@ export const USER_QUERY_FRAGMENT = gql`
       id
       displayName
       logo
-      domainName
+      domainName {
+        primaryLinkUrl
+        primaryLinkLabel
+      }
       inviteHash
       allowImpersonation
       activationStatus

packages/twenty-front/src/testing/mock-data/activities.ts

@@ -110,7 +110,10 @@ export const mockedActivities: Array<MockedActivity> = [
           __typename: 'Company',
           id: '89bb825c-171e-4bcc-9cf7-43448d6fb280',
           name: 'Airbnb',
-          domainName: 'airbnb.com',
+          domainName: {
+            primaryLinkLabel: '',
+            primaryLinkUrl: 'https://www.airbnb.com',
+          },
         },
         person: null,
         activityId: '89bb825c-171e-4bcc-9cf7-43448d6fb230',

packages/twenty-front/src/testing/mock-data/companies.ts

@@ -13,7 +13,12 @@ export const getEmptyCompanyMock = () => {
   return {
     id: '9231e6ee-4cc2-4c7b-8c55-dff16f4d968a',
     name: '',
-    domainName: '',
+    domainName: {
+      __typename: 'Links',
+      primaryLinkUrl: '',
+      primaryLinkLabel: '',
+      secondaryLinks: null,
+    },
     address: '',
     accountOwner: null,
     createdAt: null,
@@ -51,17 +56,22 @@ export const companiesQueryResult = {
           name: 'Linkedin',
           accountOwnerId: null,
           accountOwner: null,
-          domainName: 'linkedin.com',
+          domainName: {
+            __typename: 'Links',
+            primaryLinkLabel: 'https://linkedin.com',
+            primaryLinkUrl: '',
+            secondaryLinks: null,
+          },
           address: '',
           position: 1,
           idealCustomerProfile: true,
           linkedinLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },
           xLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },
@@ -97,7 +107,7 @@ export const companiesQueryResult = {
               currencyCode: 'USD',
             },
             xLink: {
-              __typename: 'Link',
+              __typename: 'Links',
               primaryLinkLabel: '',
               primaryLinkUrl: 'twitter.com',
             },
@@ -113,7 +123,7 @@ export const companiesQueryResult = {
               lastName: 'Duss',
             },
             linkedinLink: {
-              __typename: 'Link',
+              __typename: 'Links',
               primaryLinkLabel: '',
               primaryLinkUrl: 'linkedin.com',
             },
@@ -129,7 +139,7 @@ export const companiesQueryResult = {
               addressLng: null,
             },
             testLink: {
-              __typename: 'Link',
+              __typename: 'Links',
               primaryLinkLabel: '',
               primaryLinkUrl: '',
             },
@@ -149,7 +159,12 @@ export const companiesQueryResult = {
           idealCustomerProfile: false,
           accountOwner: null,
           accountOwnerId: null,
-          domainName: 'facebook.com',
+          domainName: {
+            __typename: 'Links',
+            primaryLinkUrl: 'https://facebook.com',
+            primaryLinkLabel: '',
+            secondaryLinks: null,
+          },
           address: '',
           previousEmployees: null,
           annualRecurringRevenue: {
@@ -159,12 +174,12 @@ export const companiesQueryResult = {
           },
           position: 2,
           xLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },
           linkedinLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },
@@ -183,7 +198,12 @@ export const companiesQueryResult = {
           idealCustomerProfile: false,
           accountOwner: null,
           accountOwnerId: null,
-          domainName: 'qonto.com',
+          domainName: {
+            __typename: 'Links',
+            primaryLinkUrl: 'https://qonto.com',
+            primaryLinkLabel: '',
+            secondaryLinks: null,
+          },
           address: '',
           previousEmployees: null,
           annualRecurringRevenue: {
@@ -193,12 +213,12 @@ export const companiesQueryResult = {
           },
           position: 3,
           xLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },
           linkedinLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },
@@ -217,7 +237,12 @@ export const companiesQueryResult = {
           idealCustomerProfile: true,
           accountOwner: null,
           accountOwnerId: null,
-          domainName: 'microsoft.com',
+          domainName: {
+            __typename: 'Links',
+            primaryLinkUrl: 'https://microsoft.com',
+            primaryLinkLabel: '',
+            secondaryLinks: null,
+          },
           address: '',
           previousEmployees: null,
           annualRecurringRevenue: {
@@ -227,12 +252,12 @@ export const companiesQueryResult = {
           },
           position: 4,
           xLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },
           linkedinLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },
@@ -251,7 +276,12 @@ export const companiesQueryResult = {
           idealCustomerProfile: true,
           accountOwner: null,
           accountOwnerId: null,
-          domainName: 'airbnb.com',
+          domainName: {
+            __typename: 'Links',
+            primaryLinkUrl: 'https://airbnb.com',
+            primaryLinkLabel: '',
+            secondaryLinks: null,
+          },
           address: '',
           previousEmployees: null,
           annualRecurringRevenue: {
@@ -261,12 +291,12 @@ export const companiesQueryResult = {
           },
           position: 5,
           xLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },
           linkedinLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },
@@ -285,7 +315,12 @@ export const companiesQueryResult = {
           idealCustomerProfile: false,
           accountOwner: null,
           accountOwnerId: null,
-          domainName: 'google.com',
+          domainName: {
+            __typename: 'Links',
+            primaryLinkUrl: 'https://google.com',
+            primaryLinkLabel: '',
+            secondaryLinks: null,
+          },
           address: '',
           previousEmployees: null,
           annualRecurringRevenue: {
@@ -295,12 +330,12 @@ export const companiesQueryResult = {
           },
           position: 6,
           xLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },
           linkedinLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },
@@ -319,7 +354,12 @@ export const companiesQueryResult = {
           idealCustomerProfile: true,
           accountOwner: null,
           accountOwnerId: null,
-          domainName: 'netflix.com',
+          domainName: {
+            __typename: 'Links',
+            primaryLinkUrl: 'https://netflix.com',
+            primaryLinkLabel: '',
+            secondaryLinks: null,
+          },
           address: '',
           previousEmployees: null,
           annualRecurringRevenue: {
@@ -329,12 +369,12 @@ export const companiesQueryResult = {
           },
           position: 7,
           xLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },
           linkedinLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },
@@ -353,7 +393,12 @@ export const companiesQueryResult = {
           idealCustomerProfile: false,
           accountOwner: null,
           accountOwnerId: null,
-          domainName: 'libeo.io',
+          domainName: {
+            __typename: 'Links',
+            primaryLinkUrl: 'https://libeo.io',
+            primaryLinkLabel: '',
+            secondaryLinks: null,
+          },
           address: '',
           previousEmployees: null,
           annualRecurringRevenue: {
@@ -363,12 +408,12 @@ export const companiesQueryResult = {
           },
           position: 8,
           xLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },
           linkedinLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },
@@ -387,7 +432,12 @@ export const companiesQueryResult = {
           idealCustomerProfile: false,
           accountOwner: null,
           accountOwnerId: null,
-          domainName: 'claap.io',
+          domainName: {
+            __typename: 'Links',
+            primaryLinkUrl: 'https://claap.com',
+            primaryLinkLabel: '',
+            secondaryLinks: null,
+          },
           address: '',
           previousEmployees: null,
           annualRecurringRevenue: {
@@ -397,12 +447,12 @@ export const companiesQueryResult = {
           },
           position: 9,
           xLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },
           linkedinLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },
@@ -421,7 +471,12 @@ export const companiesQueryResult = {
           idealCustomerProfile: false,
           accountOwner: null,
           accountOwnerId: null,
-          domainName: 'hasura.io',
+          domainName: {
+            __typename: 'Links',
+            primaryLinkUrl: 'https://hasura.io',
+            primaryLinkLabel: '',
+            secondaryLinks: null,
+          },
           address: '',
           previousEmployees: null,
           annualRecurringRevenue: {
@@ -431,12 +486,12 @@ export const companiesQueryResult = {
           },
           position: 10,
           xLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },
           linkedinLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },
@@ -455,7 +510,12 @@ export const companiesQueryResult = {
           idealCustomerProfile: false,
           accountOwner: null,
           accountOwnerId: null,
-          domainName: 'wework.com',
+          domainName: {
+            __typename: 'Links',
+            primaryLinkUrl: 'https://wework.com',
+            primaryLinkLabel: '',
+            secondaryLinks: null,
+          },
           address: '',
           previousEmployees: null,
           annualRecurringRevenue: {
@@ -465,12 +525,12 @@ export const companiesQueryResult = {
           },
           position: 11,
           xLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },
           linkedinLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },
@@ -489,7 +549,12 @@ export const companiesQueryResult = {
           idealCustomerProfile: false,
           accountOwner: null,
           accountOwnerId: null,
-          domainName: 'samsung.com',
+          domainName: {
+            __typename: 'Links',
+            primaryLinkUrl: 'https://samsung.com',
+            primaryLinkLabel: '',
+            secondaryLinks: null,
+          },
           address: '',
           previousEmployees: null,
           annualRecurringRevenue: {
@@ -499,12 +564,12 @@ export const companiesQueryResult = {
           },
           position: 12,
           xLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },
           linkedinLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },
@@ -523,7 +588,12 @@ export const companiesQueryResult = {
           idealCustomerProfile: false,
           accountOwner: null,
           accountOwnerId: null,
-          domainName: 'algolia.com',
+          domainName: {
+            __typename: 'Links',
+            primaryLinkUrl: 'https://algolia.com',
+            primaryLinkLabel: '',
+            secondaryLinks: null,
+          },
           address: '',
           previousEmployees: null,
           annualRecurringRevenue: {
@@ -533,12 +603,12 @@ export const companiesQueryResult = {
           },
           position: 13,
           xLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },
           linkedinLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },

packages/twenty-front/src/testing/mock-data/generated/standard-metadata-query-result.ts

@@ -938,7 +938,7 @@ export const mockedStandardObjectMetadataQueryResult: ObjectMetadataItemsQuery =
 							"node": {
 								"__typename": "field",
 								"id": "6b97ae7c-9b97-4a8f-885b-7f8ee3122a7d",
-								"type": "TEXT",
+								"type": "LINKS",
 								"name": "domainName",
 								"label": "Domain Name",
 								"description": "The company website URL. We use this url to fetch the company icon",

packages/twenty-front/src/testing/mock-data/people.ts

@@ -64,7 +64,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             currencyCode: 'USD',
           },
           xLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: 'twitter.com',
           },
@@ -93,7 +93,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             lastName: 'Callisto',
           },
           linkedinLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: 'linkedin.com',
           },
@@ -109,7 +109,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             addressLng: null,
           },
           testLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: 'singlelink.com',
           },
@@ -123,11 +123,15 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             idealCustomerProfile: false,
             createdAt: '2024-06-05T09:00:20.412Z',
             name: 'Algolia',
-            domainName: 'algolia.com',
+            domainName: {
+              __typename: 'Links',
+              primaryLinkLabel: '',
+              primaryLinkUrl: 'algolia.com',
+            },
             address: '',
             position: 13,
             linkedinLink: {
-              __typename: 'Link',
+              __typename: 'Links',
               primaryLinkLabel: '',
               primaryLinkUrl: '',
             },
@@ -137,7 +141,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
               currencyCode: '',
             },
             xLink: {
-              __typename: 'Link',
+              __typename: 'Links',
               primaryLinkLabel: '',
               primaryLinkUrl: '',
             },
@@ -152,11 +156,15 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             idealCustomerProfile: false,
             createdAt: '2024-06-05T09:00:20.412Z',
             name: 'Linkedin',
-            domainName: 'linkedin.com',
+            domainName: {
+              __typename: 'Links',
+              primaryLinkLabel: '',
+              primaryLinkUrl: 'linkedin.com',
+            },
             address: '',
             position: 1,
             linkedinLink: {
-              __typename: 'Link',
+              __typename: 'Links',
               primaryLinkLabel: '',
               primaryLinkUrl: '',
             },
@@ -166,7 +174,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
               currencyCode: '',
             },
             xLink: {
-              __typename: 'Link',
+              __typename: 'Links',
               primaryLinkLabel: '',
               primaryLinkUrl: '',
             },
@@ -199,7 +207,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             currencyCode: 'USD',
           },
           xLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: 'twitter.com',
           },
@@ -220,7 +228,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             lastName: 'Palmer',
           },
           linkedinLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: 'linkedin.com',
           },
@@ -236,7 +244,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             addressLng: null,
           },
           testLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },
@@ -250,11 +258,15 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             idealCustomerProfile: false,
             createdAt: '2024-06-05T09:00:20.412Z',
             name: 'Linkedin',
-            domainName: 'linkedin.com',
+            domainName: {
+              __typename: 'Links',
+              primaryLinkLabel: '',
+              primaryLinkUrl: 'linkedin.com',
+            },
             address: '',
             position: 1,
             linkedinLink: {
-              __typename: 'Link',
+              __typename: 'Links',
               primaryLinkLabel: '',
               primaryLinkUrl: '',
             },
@@ -264,7 +276,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
               currencyCode: '',
             },
             xLink: {
-              __typename: 'Link',
+              __typename: 'Links',
               primaryLinkLabel: '',
               primaryLinkUrl: '',
             },
@@ -297,7 +309,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             currencyCode: 'USD',
           },
           xLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: 'twitter.com',
           },
@@ -313,7 +325,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             lastName: 'Gonzalez',
           },
           linkedinLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: 'linkedin.com',
           },
@@ -329,7 +341,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             addressLng: null,
           },
           testLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },
@@ -343,11 +355,15 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             idealCustomerProfile: false,
             createdAt: '2024-06-05T09:00:20.412Z',
             name: 'Qonto',
-            domainName: 'qonto.com',
+            domainName: {
+              __typename: 'Links',
+              primaryLinkLabel: '',
+              primaryLinkUrl: 'qonto.com',
+            },
             address: '',
             position: 3,
             linkedinLink: {
-              __typename: 'Link',
+              __typename: 'Links',
               primaryLinkLabel: '',
               primaryLinkUrl: '',
             },
@@ -357,7 +373,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
               currencyCode: '',
             },
             xLink: {
-              __typename: 'Link',
+              __typename: 'Links',
               primaryLinkLabel: '',
               primaryLinkUrl: '',
             },
@@ -390,7 +406,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             currencyCode: 'USD',
           },
           xLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: 'twitter.com',
           },
@@ -406,7 +422,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             lastName: 'Parker',
           },
           linkedinLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: 'linkedin.com',
           },
@@ -422,7 +438,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             addressLng: null,
           },
           testLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },
@@ -436,11 +452,15 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             idealCustomerProfile: false,
             createdAt: '2024-06-05T09:00:20.412Z',
             name: 'Qonto',
-            domainName: 'qonto.com',
+            domainName: {
+              __typename: 'Links',
+              primaryLinkLabel: '',
+              primaryLinkUrl: 'qonto.com',
+            },
             address: '',
             position: 3,
             linkedinLink: {
-              __typename: 'Link',
+              __typename: 'Links',
               primaryLinkLabel: '',
               primaryLinkUrl: '',
             },
@@ -450,7 +470,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
               currencyCode: '',
             },
             xLink: {
-              __typename: 'Link',
+              __typename: 'Links',
               primaryLinkLabel: '',
               primaryLinkUrl: '',
             },
@@ -483,7 +503,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             currencyCode: 'USD',
           },
           xLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: 'twitter.com',
           },
@@ -499,7 +519,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             lastName: 'Wright',
           },
           linkedinLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: 'linkedin.com',
           },
@@ -515,7 +535,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             addressLng: null,
           },
           testLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },
@@ -529,11 +549,15 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             idealCustomerProfile: false,
             createdAt: '2024-06-05T09:00:20.412Z',
             name: 'Microsoft',
-            domainName: 'microsoft.com',
+            domainName: {
+              __typename: 'Links',
+              primaryLinkLabel: '',
+              primaryLinkUrl: 'microsoft.com',
+            },
             address: '',
             position: 4,
             linkedinLink: {
-              __typename: 'Link',
+              __typename: 'Links',
               primaryLinkLabel: '',
               primaryLinkUrl: '',
             },
@@ -543,7 +567,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
               currencyCode: '',
             },
             xLink: {
-              __typename: 'Link',
+              __typename: 'Links',
               primaryLinkLabel: '',
               primaryLinkUrl: '',
             },
@@ -576,7 +600,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             currencyCode: 'USD',
           },
           xLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: 'twitter.com',
           },
@@ -592,7 +616,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             lastName: 'Scott',
           },
           linkedinLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: 'linkedin.com',
           },
@@ -608,7 +632,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             addressLng: null,
           },
           testLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },
@@ -622,11 +646,15 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             idealCustomerProfile: false,
             createdAt: '2024-06-05T09:00:20.412Z',
             name: 'Microsoft',
-            domainName: 'microsoft.com',
+            domainName: {
+              __typename: 'Links',
+              primaryLinkLabel: '',
+              primaryLinkUrl: 'microsoft.com',
+            },
             address: '',
             position: 4,
             linkedinLink: {
-              __typename: 'Link',
+              __typename: 'Links',
               primaryLinkLabel: '',
               primaryLinkUrl: '',
             },
@@ -636,7 +664,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
               currencyCode: '',
             },
             xLink: {
-              __typename: 'Link',
+              __typename: 'Links',
               primaryLinkLabel: '',
               primaryLinkUrl: '',
             },
@@ -669,7 +697,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             currencyCode: 'USD',
           },
           xLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: 'twitter.com',
           },
@@ -685,7 +713,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             lastName: 'Green',
           },
           linkedinLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: 'linkedin.com',
           },
@@ -701,7 +729,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             addressLng: null,
           },
           testLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },
@@ -715,11 +743,15 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             idealCustomerProfile: false,
             createdAt: '2024-06-05T09:00:20.412Z',
             name: 'Microsoft',
-            domainName: 'microsoft.com',
+            domainName: {
+              __typename: 'Links',
+              primaryLinkLabel: '',
+              primaryLinkUrl: 'microsoft.com',
+            },
             address: '',
             position: 4,
             linkedinLink: {
-              __typename: 'Link',
+              __typename: 'Links',
               primaryLinkLabel: '',
               primaryLinkUrl: '',
             },
@@ -729,7 +761,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
               currencyCode: '',
             },
             xLink: {
-              __typename: 'Link',
+              __typename: 'Links',
               primaryLinkLabel: '',
               primaryLinkUrl: '',
             },
@@ -762,7 +794,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             currencyCode: 'USD',
           },
           xLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: 'twitter.com',
           },
@@ -778,7 +810,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             lastName: 'Baker',
           },
           linkedinLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: 'linkedin.com',
           },
@@ -794,7 +826,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             addressLng: null,
           },
           testLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },
@@ -808,11 +840,15 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             idealCustomerProfile: false,
             createdAt: '2024-06-05T09:00:20.412Z',
             name: 'Airbnb',
-            domainName: 'airbnb.com',
+            domainName: {
+              __typename: 'Links',
+              primaryLinkLabel: '',
+              primaryLinkUrl: 'airbnb.com',
+            },
             address: '',
             position: 5,
             linkedinLink: {
-              __typename: 'Link',
+              __typename: 'Links',
               primaryLinkLabel: '',
               primaryLinkUrl: '',
             },
@@ -822,7 +858,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
               currencyCode: '',
             },
             xLink: {
-              __typename: 'Link',
+              __typename: 'Links',
               primaryLinkLabel: '',
               primaryLinkUrl: '',
             },
@@ -855,7 +891,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             currencyCode: 'USD',
           },
           xLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },
@@ -871,7 +907,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             lastName: 'Nelson',
           },
           linkedinLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: 'linkedin.com',
           },
@@ -887,7 +923,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             addressLng: null,
           },
           testLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },
@@ -901,11 +937,15 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             idealCustomerProfile: false,
             createdAt: '2024-06-05T09:00:20.412Z',
             name: 'Airbnb',
-            domainName: 'airbnb.com',
+            domainName: {
+              __typename: 'Links',
+              primaryLinkLabel: '',
+              primaryLinkUrl: 'airbnb.com',
+            },
             address: '',
             position: 5,
             linkedinLink: {
-              __typename: 'Link',
+              __typename: 'Links',
               primaryLinkLabel: '',
               primaryLinkUrl: '',
             },
@@ -915,7 +955,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
               currencyCode: '',
             },
             xLink: {
-              __typename: 'Link',
+              __typename: 'Links',
               primaryLinkLabel: '',
               primaryLinkUrl: '',
             },
@@ -948,7 +988,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             currencyCode: 'USD',
           },
           xLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },
@@ -964,7 +1004,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             lastName: 'Carter',
           },
           linkedinLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: 'linkedin.com',
           },
@@ -980,7 +1020,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             addressLng: null,
           },
           testLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },
@@ -994,11 +1034,15 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             idealCustomerProfile: false,
             createdAt: '2024-06-05T09:00:20.412Z',
             name: 'Airbnb',
-            domainName: 'airbnb.com',
+            domainName: {
+              __typename: 'Links',
+              primaryLinkLabel: '',
+              primaryLinkUrl: 'airbnb.com',
+            },
             address: '',
             position: 5,
             linkedinLink: {
-              __typename: 'Link',
+              __typename: 'Links',
               primaryLinkLabel: '',
               primaryLinkUrl: '',
             },
@@ -1008,7 +1052,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
               currencyCode: '',
             },
             xLink: {
-              __typename: 'Link',
+              __typename: 'Links',
               primaryLinkLabel: '',
               primaryLinkUrl: '',
             },
@@ -1041,7 +1085,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             currencyCode: 'USD',
           },
           xLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: 'twitter.com',
           },
@@ -1057,7 +1101,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             lastName: 'Mitchell',
           },
           linkedinLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: 'linkedin.com',
           },
@@ -1073,7 +1117,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             addressLng: null,
           },
           testLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },
@@ -1087,11 +1131,15 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             idealCustomerProfile: false,
             createdAt: '2024-06-05T09:00:20.412Z',
             name: 'Google',
-            domainName: 'google.com',
+            domainName: {
+              __typename: 'Links',
+              primaryLinkLabel: '',
+              primaryLinkUrl: 'google.com',
+            },
             address: '',
             position: 6,
             linkedinLink: {
-              __typename: 'Link',
+              __typename: 'Links',
               primaryLinkLabel: '',
               primaryLinkUrl: '',
             },
@@ -1101,7 +1149,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
               currencyCode: '',
             },
             xLink: {
-              __typename: 'Link',
+              __typename: 'Links',
               primaryLinkLabel: '',
               primaryLinkUrl: '',
             },
@@ -1134,7 +1182,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             currencyCode: 'USD',
           },
           xLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },
@@ -1150,7 +1198,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             lastName: 'Perez',
           },
           linkedinLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: 'linkedin.com',
           },
@@ -1166,7 +1214,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             addressLng: null,
           },
           testLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },
@@ -1180,11 +1228,15 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             idealCustomerProfile: false,
             createdAt: '2024-06-05T09:00:20.412Z',
             name: 'Google',
-            domainName: 'google.com',
+            domainName: {
+              __typename: 'Links',
+              primaryLinkLabel: '',
+              primaryLinkUrl: 'google.com',
+            },
             address: '',
             position: 6,
             linkedinLink: {
-              __typename: 'Link',
+              __typename: 'Links',
               primaryLinkLabel: '',
               primaryLinkUrl: '',
             },
@@ -1194,7 +1246,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
               currencyCode: '',
             },
             xLink: {
-              __typename: 'Link',
+              __typename: 'Links',
               primaryLinkLabel: '',
               primaryLinkUrl: '',
             },
@@ -1227,7 +1279,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             currencyCode: 'USD',
           },
           xLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },
@@ -1243,7 +1295,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             lastName: 'Voulzy',
           },
           linkedinLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: 'linkedin.com',
           },
@@ -1259,7 +1311,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             addressLng: null,
           },
           testLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },
@@ -1273,11 +1325,15 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             idealCustomerProfile: false,
             createdAt: '2024-06-05T09:00:20.412Z',
             name: 'Google',
-            domainName: 'google.com',
+            domainName: {
+              __typename: 'Links',
+              primaryLinkLabel: '',
+              primaryLinkUrl: 'google.com',
+            },
             address: '',
             position: 6,
             linkedinLink: {
-              __typename: 'Link',
+              __typename: 'Links',
               primaryLinkLabel: '',
               primaryLinkUrl: '',
             },
@@ -1287,7 +1343,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
               currencyCode: '',
             },
             xLink: {
-              __typename: 'Link',
+              __typename: 'Links',
               primaryLinkLabel: '',
               primaryLinkUrl: '',
             },
@@ -1320,7 +1376,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             currencyCode: 'USD',
           },
           xLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: 'twitter.com',
           },
@@ -1336,7 +1392,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             lastName: 'Duss',
           },
           linkedinLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: 'linkedin.com',
           },
@@ -1352,7 +1408,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             addressLng: null,
           },
           testLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },
@@ -1366,11 +1422,15 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             idealCustomerProfile: false,
             createdAt: '2024-06-05T09:00:20.412Z',
             name: 'Google',
-            domainName: 'google.com',
+            domainName: {
+              __typename: 'Links',
+              primaryLinkLabel: '',
+              primaryLinkUrl: 'google.com',
+            },
             address: '',
             position: 6,
             linkedinLink: {
-              __typename: 'Link',
+              __typename: 'Links',
               primaryLinkLabel: '',
               primaryLinkUrl: '',
             },
@@ -1380,7 +1440,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
               currencyCode: '',
             },
             xLink: {
-              __typename: 'Link',
+              __typename: 'Links',
               primaryLinkLabel: '',
               primaryLinkUrl: '',
             },
@@ -1413,7 +1473,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             currencyCode: 'USD',
           },
           xLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },
@@ -1429,7 +1489,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             lastName: 'Vladim',
           },
           linkedinLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: 'linkedin.com',
           },
@@ -1445,7 +1505,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             addressLng: null,
           },
           testLink: {
-            __typename: 'Link',
+            __typename: 'Links',
             primaryLinkLabel: '',
             primaryLinkUrl: '',
           },
@@ -1459,11 +1519,15 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
             idealCustomerProfile: false,
             createdAt: '2024-06-05T09:00:20.412Z',
             name: 'Google',
-            domainName: 'google.com',
+            domainName: {
+              __typename: 'Links',
+              primaryLinkLabel: '',
+              primaryLinkUrl: 'google.com',
+            },
             address: '',
             position: 6,
             linkedinLink: {
-              __typename: 'Link',
+              __typename: 'Links',
               primaryLinkLabel: '',
               primaryLinkUrl: '',
             },
@@ -1473,7 +1537,7 @@ export const peopleQueryResult: { people: RecordGqlConnection } = {
               currencyCode: '',
             },
             xLink: {
-              __typename: 'Link',
+              __typename: 'Links',
               primaryLinkLabel: '',
               primaryLinkUrl: '',
             },