integration-web-core--socle 1.4.2

package/cdp-due--customer-space-module-master/src/contents/admin/client-summary/personal-information/hook.js

@@ -0,0 +1,106 @@
+import { computed } from 'vue';
+
+import {
+	loyaltyTagConfig,
+	webUserStatusConfig,
+} from '@/components/ipn-search-result-card/tagConfig';
+import { useCustomerInfo } from '@/composables/useCustomerInfo';
+import { PERSONAL_DATA_ACCOUNT_ROUTE } from '@/contents/personal-data/routes.js';
+import { tc } from '@/i18n';
+
+import { accountClientSummaryTranslations } from '../constants';
+
+import { clientSummaryPersonalInfoRules } from './rules';
+import { generateLinkForMore } from './utils';
+
+const getItems = (email, phones, addresses) => {
+	const items = [];
+	if (email) {
+		items.push({
+			label: accountClientSummaryTranslations.personalInformations.email,
+			value: email,
+		});
+	}
+
+	const mainPhone = phones.find((phone) => phone.main)?.value;
+	if (mainPhone) {
+		items.push({
+			label: accountClientSummaryTranslations.personalInformations.mainPhone,
+			value: mainPhone,
+			link: generateLinkForMore(
+				phones,
+				tc(accountClientSummaryTranslations.personalInformations.morePhones),
+				PERSONAL_DATA_ACCOUNT_ROUTE,
+			),
+		});
+	}
+
+	const mainAddress = addresses.find((address) => address.main);
+	if (mainAddress) {
+		items.push({
+			label: accountClientSummaryTranslations.personalInformations.mainAddress,
+			value: clientSummaryPersonalInfoRules.formatAddress(mainAddress),
+			link: generateLinkForMore(
+				addresses,
+				tc(accountClientSummaryTranslations.personalInformations.moreAddress),
+				PERSONAL_DATA_ACCOUNT_ROUTE,
+			),
+		});
+	}
+	return items;
+};
+
+const getTags = (webUser, loyalty, professionalOrganisation) => [
+	{
+		label: professionalOrganisation
+			? tc('customer-space-account-distinction_professional--text')
+			: tc('customer-space-account-distinction_individual--text'),
+		active: true,
+		// icon: professionalOrganisation ? 'CardIDCard24' : 'AccountProfileView24', // remplacer
+		...(professionalOrganisation ? {} : {}),
+		class: 'search-results-card__tag',
+	},
+	{ ...webUserStatusConfig[webUser.status], icon: '' },
+	{
+		...(loyalty?.hasLoyalty
+			? {
+				...loyaltyTagConfig,
+				label: loyalty?.number,
+				active: true,
+			}
+			: loyaltyTagConfig),
+		icon: '',
+	},
+];
+
+const usePersonalInfo = () => {
+	const { customerInfo } = useCustomerInfo();
+
+	return computed(() => {
+		if (customerInfo.value) {
+			const {
+				firstName,
+				lastName,
+				professionalOrganisation,
+				email,
+				phones,
+				addresses,
+				webUser,
+				loyalty,
+				createdAt,
+			} = customerInfo.value;
+			return {
+				firstName,
+				lastName,
+				createdAt,
+				professionalOrganisation,
+				items: getItems(email, phones, addresses),
+				tags: getTags(webUser, loyalty, professionalOrganisation),
+				loyalty,
+			};
+		}
+		return null;
+	});
+};
+
+export default usePersonalInfo;

package/cdp-due--customer-space-module-master/src/contents/admin/client-summary/personal-information/loyalty/Loyalty.vue

@@ -0,0 +1,67 @@
+<script setup>
+	import { PERMISSIONS } from '@/authentication/constants';
+	import IpnAuthorize from '@/authentication/IpnAuthorize.vue';
+
+	import InfoBlock from '../InfoBlock/InfoBlock.vue';
+	import Rewards from '../rewards/Rewards.vue';
+
+	import { useLoyalty } from './loyalty.composable';
+
+	const { noLoyaltyMessage, displayLoyaltyInvitation, coOwners, loyalty, loyaltyInvitationText } =
+		useLoyalty();
+</script>
+
+<template>
+	<IpnAuthorize
+		is="div"
+		v-if="loyalty"
+		:authorize="PERMISSIONS.ADMIN_PERSONAL_DATA_M"
+		class="account-store cs-personnal-data"
+	>
+		<div class="account-co-owner">
+			<div class="ml-flexy ml-flexy--gutter">
+				<template v-for="item in loyalty" :key="item">
+					<InfoBlock :item="item" proportion="1of3" />
+				</template>
+			</div>
+		</div>
+
+		<InfoBlock v-if="coOwners" :item="coOwners" proportion="full" />
+
+		<Rewards />
+	</IpnAuthorize>
+
+	<p v-else-if="displayLoyaltyInvitation" class="mu-mb-125">
+		{{ loyaltyInvitationText }}
+	</p>
+
+	<p v-else class="no-loyalty__text">{{ noLoyaltyMessage }}</p>
+</template>
+
+<style lang="scss">
+	@import 'settings-tools/_all-settings';
+
+	.account-co-owner {
+		&__item {
+			&--label {
+				color: $color-grey-600;
+				@include set-font-scale('04', 'm');
+			}
+			&--value {
+				color: $color-grey-900;
+				@include set-font-scale('05', 'm');
+				@include set-font-face('semi-bold');
+			}
+		}
+	}
+
+	.no-loyalty__text {
+		color: $color-grey-700;
+		@include set-font-scale('05', 'm');
+
+		@include set-from-screen('l') {
+			margin-bottom: $mu125;
+			text-align: center;
+		}
+	}
+</style>

package/cdp-due--customer-space-module-master/src/contents/admin/client-summary/personal-information/loyalty/LoyaltyV2.vue

@@ -0,0 +1,96 @@
+<script setup>
+	import { PERMISSIONS } from '@/authentication/constants';
+	import IpnAuthorize from '@/authentication/IpnAuthorize.vue';
+
+	import InfoBlockV2 from '../InfoBlock/InfoBlockV2.vue';
+
+	import { useLoyaltyV2 } from './loyalty-v2.composable';
+	import MIcon from '@mozaic-ds/vue-3/src/components/icon/MIcon.vue';
+	import MButton from '@mozaic-ds/vue-3/src/components/button/MButton.vue';
+
+	const {
+		noLoyaltyDesc,
+		loyaltyInfos,
+		goToLoyalty,
+		joinLoyalty,
+		canJoinLoyaltyWithoutInvitation,
+	} = useLoyaltyV2();
+</script>
+
+<template>
+	<IpnAuthorize
+		is="div"
+		v-if="loyaltyInfos"
+		:authorize="PERMISSIONS.ADMIN_PERSONAL_DATA_M"
+		class="loyalty-v2"
+	>
+		<div class="ml-flexy ml-flexy--gutter">
+			<template v-for="item in loyaltyInfos" :key="item">
+				<InfoBlockV2 :item="item" proportion="1of2" />
+			</template>
+		</div>
+
+		<MButton
+			size="s"
+			theme="bordered-neutral"
+			:label="$t('customer-space_client-summary_loyalty_see-details-button--label')"
+			@click="goToLoyalty"
+		/>
+	</IpnAuthorize>
+
+	<div v-else-if="noLoyaltyDesc" class="loyalty-v2__no-loyalty mu-mb-100">
+		<MIcon name="CardLoyaltyCard24" />
+
+		<div class="loyalty-v2__no-loyalty-desc">
+			<h3 v-if="noLoyaltyDesc.title" class="loyalty-v2__no-loyalty-desc--title">
+				{{ noLoyaltyDesc.title }}
+			</h3>
+
+			<p v-if="noLoyaltyDesc.description" class="loyalty-v2__no-loyalty-desc--text">
+				{{ noLoyaltyDesc.description }}
+			</p>
+		</div>
+	</div>
+
+	<IpnAuthorize
+		is="div"
+		v-if="canJoinLoyaltyWithoutInvitation"
+		:authorize="PERMISSIONS.ADMIN_PERSONAL_DATA_M"
+	>
+		<MButton
+			size="s"
+			theme="bordered-neutral"
+			:label="$t('customer-space_client-summary_loyalty_join-button--label')"
+			@click="joinLoyalty"
+		/>
+	</IpnAuthorize>
+</template>
+
+<style lang="scss">
+	@import 'settings-tools/_all-settings';
+
+	.loyalty-v2 {
+		&__no-loyalty {
+			display: flex;
+			padding: $mu075;
+			gap: $mu075;
+			border-radius: get-border-radius('m');
+			background: $color-success-100;
+
+			&-desc {
+				display: flex;
+				flex-direction: column;
+				gap: $mu025;
+				color: $color-grey-999;
+
+				&--title {
+					@include set-font-scale('05', 'm');
+				}
+
+				&--text {
+					@include set-font-scale('04', 'm');
+				}
+			}
+		}
+	}
+</style>

package/cdp-due--customer-space-module-master/src/contents/admin/client-summary/personal-information/loyalty/__tests__/loyalty.rules.test.js

@@ -0,0 +1,148 @@
+import { LoyaltyRules, loyaltyRules } from '../loyalty.rules';
+
+describe('Loyalty rules', () => {
+	describe('Get no loyalty text', () => {
+		it('Should return no loyalty text translation key', () => {
+			expect(loyaltyRules.getNoLoyaltyMessage()).toEqual(
+				'customer-admin_client-summary_personal-information_no-loyalty--text',
+			);
+		});
+	});
+	describe('Get loyalty invitation text', () => {
+		const programs = [
+			{ type: 'PROGRAM_TYPE_1', label: 'PROGRAM_LABEL_1' },
+			{ type: 'PROGRAM_TYPE_2', label: 'PROGRAM_LABEL_2' },
+		];
+
+		it('Should return loyalty invitation text with program description', () => {
+			expect(
+				loyaltyRules.getLoyaltyInvitationText(programs, {
+					accountType: 'PROGRAM_TYPE_1',
+				}),
+			).toEqual(
+				'customer-admin_client-summary_personal-information_loyalty-invitation--text',
+			);
+		});
+
+		it('Should return default loyalty invitation text', () => {
+			expect(
+				loyaltyRules.getLoyaltyInvitationText(programs, {
+					accountType: 'PROGRAM_TYPE_3',
+				}),
+			).toEqual(
+				'customer-admin_client-summary_personal-information_loyalty-invitation-default--text',
+			);
+		});
+	});
+
+	describe('hasLoyalty', () => {
+		it('should return true if loyalty is present', () => {
+			const loyalty = { hasLoyalty: true };
+			expect(loyaltyRules.hasLoyalty(loyalty)).toBe(true);
+		});
+
+		it('should return false if loyalty is not present', () => {
+			const loyalty = { hasLoyalty: false };
+			expect(loyaltyRules.hasLoyalty(loyalty)).toBe(false);
+		});
+
+		it('should return false if loyalty is null', () => {
+			expect(loyaltyRules.hasLoyalty(null)).toBe(false);
+		});
+	});
+
+	describe('canJoinLoyaltyWithoutInvitation', () => {
+		it('should return true if invitation is not enabled and no loyalty exists', () => {
+			const config = {
+				ENABLE_COLLABORATOR_INVITATION_RECOMMENDATION: false,
+			};
+			const loyaltyRulesWithoutInvitation = new LoyaltyRules(config);
+			const loyalty = { hasLoyalty: false };
+			expect(loyaltyRulesWithoutInvitation.canJoinLoyaltyWithoutInvitation(loyalty)).toBe(
+				true,
+			);
+		});
+
+		it('should return false if invitation is enabled', () => {
+			const config = {
+				ENABLE_COLLABORATOR_INVITATION_RECOMMENDATION: true,
+			};
+			const loyaltyRulesWithInvitation = new LoyaltyRules(config);
+			const loyalty = { hasLoyalty: false };
+			expect(loyaltyRulesWithInvitation.canJoinLoyaltyWithoutInvitation(loyalty)).toBe(false);
+		});
+
+		it('should return false if loyalty exists', () => {
+			const config = {
+				ENABLE_COLLABORATOR_INVITATION_RECOMMENDATION: true,
+			};
+			const loyaltyRulesWithInvitation = new LoyaltyRules(config);
+
+			const loyalty = { hasLoyalty: true };
+			expect(loyaltyRulesWithInvitation.canJoinLoyaltyWithoutInvitation(loyalty)).toBe(false);
+		});
+	});
+
+	describe('getItems', () => {
+		it('should return null if loyalty does not exist', () => {
+			const items = loyaltyRules.getItems(null, 'Leroy&moi');
+			expect(items).toBeNull();
+		});
+
+		it('should return correct items for loyalty with co-owners and active rank', () => {
+			const loyalty = {
+				hasLoyalty: true,
+				coOwners: [
+					{ firstName: 'Jane', name: 'Doe' },
+					{ firstName: 'John', name: 'Smith' },
+				],
+				points: 100,
+				number: '123456789',
+				rank: { status: 'ACTIVE', type: { label: 'Gold' } },
+			};
+			const items = loyaltyRules.getItems(loyalty, 'Leroy&moi');
+			expect(items.length).toBe(5);
+			expect(items[0].value).toEqual('Leroy&moi');
+			expect(items[1].value).toEqual('123456789');
+			expect(items[2].value).toEqual('Jane Doe\nJohn Smith');
+			expect(items[2].more).toBeUndefined();
+			expect(items[3].value).toEqual(100);
+			expect(items[4].value).toEqual('Gold');
+		});
+
+		it('should return correct items for loyalty without co-owners and with inactive rank', () => {
+			const loyalty = {
+				hasLoyalty: true,
+				points: 200,
+				number: '987654321',
+				rank: { status: 'INACTIVE' },
+			};
+			const items = loyaltyRules.getItems(loyalty, 'Leroy&moi');
+			expect(items.length).toBe(3);
+			expect(items[0].value).toEqual('Leroy&moi');
+			expect(items[1].value).toEqual('987654321');
+			expect(items[2].value).toEqual(200);
+		});
+
+		it('should limit displayed co-owners to maxCoOwnersToDisplay', () => {
+			const loyalty = {
+				hasLoyalty: true,
+				coOwners: [
+					{ firstName: 'Jane', name: 'Doe' },
+					{ firstName: 'John', name: 'Smith' },
+					{ firstName: 'Alice', name: 'Johnson' },
+					{ firstName: 'Bob', name: 'Brown' },
+					{ firstName: 'Charlie', name: 'Chaplin' },
+				],
+				points: 300,
+				number: '987654321',
+				rank: { status: 'ACTIVE', type: { label: 'Gold' } },
+			};
+			const items = loyaltyRules.getItems(loyalty, 'Leroy&moi');
+			expect(items.length).toBe(5);
+			expect(items[2].value).toBeDefined();
+			expect(items[2].value.split('\n').length).toBe(loyaltyRules.maxCoOwnersToDisplay);
+			expect(items[2].more).toBeDefined();
+		});
+	});
+});

package/cdp-due--customer-space-module-master/src/contents/admin/client-summary/personal-information/loyalty/loyalty-v2.composable.js

@@ -0,0 +1,45 @@
+import { loyaltyRules } from './loyalty.rules';
+import useCustomerLoyalty from '@/composables/useCustomerLoyalty';
+import { computed } from 'vue';
+import { useGetAvailablePrograms } from '@/domains/loyalty/available-programs/getAvailablePrograms.composable';
+import { useGetLoyaltyInvitations } from '@/domains/loyalty/invitations/getLoyaltyInvitations.composable';
+import { useCustomerInfo } from '@/composables/useCustomerInfo';
+import { LOYALTY_ADHESION_ROUTE, LOYALTY_ROUTE } from '@/contents/loyalty/routes';
+
+export function useLoyaltyV2() {
+	const { loyaltyPrograms } = useGetAvailablePrograms();
+	const { invitationTypeMembership } = useGetLoyaltyInvitations();
+	const { isCollaborator } = useCustomerInfo();
+	const { loyalty, loyaltyLabel } = useCustomerLoyalty();
+
+	const canJoinLoyaltyWithoutInvitation = computed(() =>
+		loyaltyRules.canJoinLoyaltyWithoutInvitation(loyalty.value),
+	);
+
+	const noLoyaltyDesc = computed(() =>
+		loyaltyRules.getNoLoyaltyDescription(
+			loyalty.value,
+			loyaltyPrograms.value?.programs,
+			invitationTypeMembership.value,
+			isCollaborator.value,
+		),
+	);
+
+	const loyaltyInfos = computed(() => loyaltyRules.getItems(loyalty.value, loyaltyLabel.value));
+
+	const goToLoyalty = () => {
+		window.location.href = LOYALTY_ROUTE;
+	};
+
+	const joinLoyalty = () => {
+		window.location.href = LOYALTY_ADHESION_ROUTE;
+	};
+
+	return {
+		noLoyaltyDesc,
+		loyaltyInfos,
+		goToLoyalty,
+		joinLoyalty,
+		canJoinLoyaltyWithoutInvitation,
+	};
+}

package/cdp-due--customer-space-module-master/src/contents/admin/client-summary/personal-information/loyalty/loyalty.composable.js

@@ -0,0 +1,37 @@
+import { computed } from 'vue';
+
+import { useCustomerInfo } from '@/composables/useCustomerInfo';
+import { loyaltyRules } from '@/contents/admin/client-summary/personal-information/loyalty/loyalty.rules';
+import useAccountCoOwner from '@/contents/admin/client-summary/personal-information/useAccountCoOwner';
+import usePersonalInfoLoyalty from '@/contents/admin/client-summary/personal-information/usePersonalInfoLoyalty';
+import { useGetAvailablePrograms } from '@/domains/loyalty/available-programs/getAvailablePrograms.composable';
+import { useGetLoyaltyInvitations } from '@/domains/loyalty/invitations/getLoyaltyInvitations.composable';
+
+export function useLoyalty() {
+	const { loyaltyPrograms } = useGetAvailablePrograms();
+	const { invitationTypeMembership } = useGetLoyaltyInvitations();
+	const { isCollaborator } = useCustomerInfo();
+	const coOwners = useAccountCoOwner();
+	const loyalty = usePersonalInfoLoyalty();
+
+	const noLoyaltyMessage = loyaltyRules.getNoLoyaltyMessage();
+
+	const displayLoyaltyInvitation = computed(
+		() => invitationTypeMembership.value && isCollaborator.value,
+	);
+
+	const loyaltyInvitationText = computed(() =>
+		loyaltyRules.getLoyaltyInvitationText(
+			loyaltyPrograms.value?.programs,
+			invitationTypeMembership.value,
+		),
+	);
+
+	return {
+		loyaltyInvitationText,
+		noLoyaltyMessage,
+		displayLoyaltyInvitation,
+		coOwners,
+		loyalty,
+	};
+}

package/cdp-due--customer-space-module-master/src/contents/admin/client-summary/personal-information/loyalty/loyalty.rules.js

@@ -0,0 +1,108 @@
+import { tc } from '@/i18n';
+import { formats } from '@/utils/formatter';
+import { clientSummaryLoyaltyTranslations } from '@/contents/admin/client-summary/personal-information/constants';
+import { generateLabelForMore } from '@/contents/admin/client-summary/personal-information/utils';
+import { config } from '@/config';
+
+export class LoyaltyRules {
+	constructor(config) {
+		this.maxCoOwnersToDisplay = 2;
+		this.isEnabledInvitation = config.ENABLE_COLLABORATOR_INVITATION_RECOMMENDATION;
+	}
+
+	hasLoyalty(loyalty) {
+		return loyalty?.hasLoyalty ?? false;
+	}
+
+	getItems(loyalty, loyaltyLabel) {
+		if (!this.hasLoyalty(loyalty)) {
+			return null;
+		}
+
+		const { coOwners, points, number, rank } = loyalty;
+
+		const items = [
+			{
+				label: clientSummaryLoyaltyTranslations.loyaltyType,
+				value: loyaltyLabel,
+			},
+			{
+				label: clientSummaryLoyaltyTranslations.loyaltyNumber,
+				value: number,
+			},
+		];
+
+		if (coOwners?.length > 0) {
+			const coOwnersNames = coOwners.map((coOwner) => `${coOwner.firstName} ${coOwner.name}`);
+			items.push({
+				label: `${tc(clientSummaryLoyaltyTranslations.coOwners)}`,
+				value: coOwnersNames.slice(0, this.maxCoOwnersToDisplay).join('\n'),
+				more: generateLabelForMore(
+					coOwnersNames,
+					tc(clientSummaryLoyaltyTranslations.moreCoOwners),
+					this.maxCoOwnersToDisplay,
+				),
+			});
+		}
+
+		items.push({
+			label: clientSummaryLoyaltyTranslations.points,
+			value: points,
+		});
+
+		if (rank?.status === 'ACTIVE') {
+			items.push({
+				label: clientSummaryLoyaltyTranslations.rank,
+				value: rank.type?.label,
+			});
+		}
+
+		return items;
+	}
+
+	getNoLoyaltyDescription(loyalty, programs, invitation, isCollaborator) {
+		if (this.hasLoyalty(loyalty)) {
+			return null;
+		}
+
+		const canDisplayLoyaltyInvitation = invitation && isCollaborator;
+
+		if (canDisplayLoyaltyInvitation) {
+			return {
+				title: this.getLoyaltyInvitationText(programs, invitation),
+			};
+		}
+
+		return {
+			title: tc('customer-space_client-summary-loyalty_no-loyalty--title'),
+			description: tc('customer-space_client-summary-loyalty_no-loyalty---text'),
+		};
+	}
+
+	canJoinLoyaltyWithoutInvitation(loyalty) {
+		return !this.isEnabledInvitation && !this.hasLoyalty(loyalty);
+	}
+
+	// @deprecated in V2
+	getNoLoyaltyMessage() {
+		return tc('customer-admin_client-summary_personal-information_no-loyalty--text');
+	}
+
+	getLoyaltyInvitationText(programs, invitation) {
+		const programDescription = programs?.find(
+			(program) => program.type === invitation.accountType,
+		)?.label;
+
+		return programDescription
+			? tc('customer-admin_client-summary_personal-information_loyalty-invitation--text', {
+					programDescription,
+					validityStartDate: formats.date(invitation.validityStartDate),
+					hostIdentifier: invitation.senderIdentifier,
+			  })
+			: tc(
+					'customer-admin_client-summary_personal-information_loyalty-invitation-default--text',
+			  );
+	}
+}
+
+export const loyaltyRules = new LoyaltyRules(config);

package/cdp-due--customer-space-module-master/src/contents/admin/client-summary/personal-information/professional-infos/ProfessionalInfos.vue

@@ -0,0 +1,15 @@
+<script setup>
+	import InfoBlock from '../InfoBlock/InfoBlock.vue';
+
+	import { useProfessionalInfos } from './hook';
+
+	const { fields } = useProfessionalInfos();
+</script>
+
+<template>
+	<div v-if="fields?.length" class="ml-flexy">
+		<InfoBlock v-for="item in fields" :key="item.label" :item="item" proportion="1of3" />
+
+		<hr class="mu-mt-050 mu-mb-150" />
+	</div>
+</template>

package/cdp-due--customer-space-module-master/src/contents/admin/client-summary/personal-information/professional-infos/ProfessionalInfosV2.vue

@@ -0,0 +1,38 @@
+<script setup>
+	import InfoBlockV2 from '../InfoBlock/InfoBlockV2.vue';
+
+	import { PERMISSIONS } from '@/authentication';
+	import MButton from '@mozaic-ds/vue-3/src/components/button/MButton.vue';
+	import IpnAuthorize from '@/authentication/IpnAuthorize.vue';
+	import { useProfessionalInfosV2 } from './professional-infos-v2.composable';
+
+	const { fields, goToProfessionalInfo } = useProfessionalInfosV2();
+</script>
+
+<template>
+	<div v-if="fields?.length" class="professional-info-v2">
+		<div class="ml-flexy">
+			<InfoBlockV2 v-for="item in fields" :key="item.label" :item="item" proportion="1of3" />
+		</div>
+	</div>
+
+	<IpnAuthorize :authorize="PERMISSIONS.CUSTOMER_PERSONAL_DATA_R">
+		<MButton
+			size="s"
+			theme="bordered-neutral"
+			:label="$t('customer-space_client-summary_professional-info_button_update--label')"
+			@click="goToProfessionalInfo"
+		/>
+	</IpnAuthorize>
+</template>
+
+<style lang="scss">
+	@import 'settings-tools/_all-settings';
+
+	.professional-info-v2 {
+		&__title {
+			@include set-font-scale('05', 'm');
+			@include set-font-weight('semi-bold');
+		}
+	}
+</style>

package/cdp-due--customer-space-module-master/src/contents/admin/client-summary/personal-information/professional-infos/hook.js

@@ -0,0 +1,19 @@
+import { computed } from 'vue';
+
+import { useCustomerInfo } from '@/composables/useCustomerInfo';
+
+import { professionalInfosRules } from './rules';
+
+export function useProfessionalInfos() {
+	const { customerInfo } = useCustomerInfo();
+
+	return {
+		fields: computed(() =>
+			customerInfo.value
+				? professionalInfosRules.getProfessionalFields(
+						customerInfo.value?.professionalOrganisation,
+				  )
+				: [],
+		),
+	};
+}