integration-web-core--socle 1.4.2

package/cdp-due--customer-space-module-master/src/components/ipn-commons/stepper/steps/StepPersonalDataInfos/rules/personalDataInfos.rules.js

@@ -0,0 +1,61 @@
+import { ACCOUNT_CREATION_TRANSLATIONS } from '@/components/ipn-commons/stepper/steps/StepPersonalDataInfos/translations';
+import { config } from '@/config';
+import { ACCOUNT_TYPES } from '@/constants/accountType';
+import { fiscalCodeConfig } from '@/contents/personal-data/personal-data-account/account-profile/form/accountProfileFormConfig';
+import { tc } from '@/i18n';
+import { BU_CODES } from '@/utils/getFromBuCode';
+import { prepareGetFromBuCode } from '@/utils/getFromBuCodeForConfig';
+
+import AdministrativeIdentifierES from '../administrativeIdentifier/AdministrativeIdentifier.eslm.vue';
+
+import {
+	birthDateField,
+	civilityField,
+	distinctionField,
+	firstNameField,
+	lastNameField,
+	loginField,
+	nifField,
+	phoneField,
+} from './accountCreationFields';
+
+const birthDateFieldPT = { ...birthDateField, mask: '##-##-####' };
+
+export class PersonalDataInfosRules {
+	constructor(config) {
+		this.getFromBuCode = prepareGetFromBuCode(config.BU_CODE);
+		this.handleCivilityField = config.HANDLE_CIVILITY_FIELD;
+	}
+	isCustomerProfessional(distinction) {
+		return distinction === ACCOUNT_TYPES.PROFESSIONAL;
+	}
+
+	getPersonalFields(isCustomerProfessional) {
+		return {
+			...(this.handleCivilityField ? { civility: civilityField } : {}),
+			distinction: distinctionField,
+			identity: [lastNameField, firstNameField],
+			others: this.getFromBuCode({
+				[BU_CODES.PTLM]: isCustomerProfessional
+					? [loginField, phoneField, birthDateFieldPT]
+					: [loginField, phoneField, nifField, birthDateFieldPT],
+				[BU_CODES.DEFAULT]: [loginField, phoneField],
+			}),
+			fiscalCode: this.getFromBuCode({
+				[BU_CODES.ITLM]: isCustomerProfessional
+					? null
+					: {
+							...fiscalCodeConfig,
+							helpText: tc(ACCOUNT_CREATION_TRANSLATIONS.FISCAL_CODE_HELP_TEXT),
+					  },
+				[BU_CODES.DEFAULT]: null,
+			}),
+			administrativeIdentifier: this.getFromBuCode({
+				[BU_CODES.ESLM]: isCustomerProfessional ? null : AdministrativeIdentifierES,
+				[BU_CODES.DEFAULT]: null,
+			}),
+		};
+	}
+}
+
+export const personalDataInfosRules = new PersonalDataInfosRules(config);

package/cdp-due--customer-space-module-master/src/components/ipn-commons/stepper/steps/StepPersonalDataInfos/rules/professionalDataInfo.rules.js

@@ -0,0 +1,77 @@
+import { professionalFieldsRules } from '@/config/fields/professionalConfig.common';
+import { getCifField } from '@/config/fields/professionalConfig.eslm';
+import {
+	getAdministrativeIdentifierFields as getAdministrativeIdentifierFieldsFR,
+	getProfessionalAccountCreationFields as getProfessionalFieldsFR,
+	isCountryWithoutAdministrativeIdentifier,
+	professionalContext,
+} from '@/config/fields/professionalConfig.frlm';
+import {
+	ACTIVITY_SECTOR_FIELD_NAME,
+	getProfessionalFields as getProfessionalFieldsIT,
+} from '@/config/fields/professionalConfig.itlm';
+import { getProfessionalFields as getProfessionalFieldsPL } from '@/config/fields/professionalConfig.pllm';
+import { WHITE_SPACED_STRING_FOR_ALIGNMENT_PURPOSE } from '@/constants/general';
+import { tc } from '@/i18n';
+import { BU_CODES, getFromBuCode } from '@/utils/getFromBuCode';
+
+import { ACCOUNT_CREATION_TRANSLATIONS } from '../translations';
+
+import { caeField, professionalNifField } from './accountCreationFields';
+
+export class ProfessionalDataInfoRules {
+	getProfessionalFields(formValues, customerValues) {
+		// TODO : centralize this
+		const commonLEGACYProfessionalFields = professionalFieldsRules.getFields([
+			'name',
+			'legalForm',
+		]);
+		return getFromBuCode({
+			[BU_CODES.FRLM]: getProfessionalFieldsFR(
+				professionalContext.ACCOUNT_PRO_CREATION,
+				formValues,
+			).data,
+			[BU_CODES.ITLM]: getProfessionalFieldsIT({
+				fiscalCode: {
+					show: false,
+				},
+				certifiedEmail: {
+					helpText: tc(ACCOUNT_CREATION_TRANSLATIONS.CERTIFIED_EMAIL_HELP_TEXT),
+				},
+				electronicInvoicingCode: {
+					helpText: tc(ACCOUNT_CREATION_TRANSLATIONS.CODICE_DESTINARIO_HELP_TEXT),
+				},
+				vatNumber: {
+					helpText: WHITE_SPACED_STRING_FOR_ALIGNMENT_PURPOSE,
+				},
+				[ACTIVITY_SECTOR_FIELD_NAME]: {
+					options: customerValues?.professionalOrganization.activitySector || [],
+				},
+			}),
+			[BU_CODES.ESLM]: [...commonLEGACYProfessionalFields, getCifField(true, false, true)],
+			[BU_CODES.PTLM]: [commonLEGACYProfessionalFields[0], caeField, professionalNifField],
+			[BU_CODES.PLLM]: getProfessionalFieldsPL(),
+			[BU_CODES.DEFAULT]: [],
+		});
+	}
+
+	getAdministrativeIdentifierFields(siretInfoTexts, formValues) {
+		return getFromBuCode({
+			[BU_CODES.FRLM]: getAdministrativeIdentifierFieldsFR(
+				professionalContext.ACCOUNT_PRO_CREATION,
+				siretInfoTexts,
+				formValues,
+			).data,
+			[BU_CODES.DEFAULT]: null,
+		});
+	}
+
+	isCountryWithoutAdministrativeIdentifier(country) {
+		return getFromBuCode({
+			[BU_CODES.FRLM]: isCountryWithoutAdministrativeIdentifier(country),
+			[BU_CODES.DEFAULT]: false,
+		});
+	}
+}
+
+export const professionalDataInfoRules = new ProfessionalDataInfoRules();

package/cdp-due--customer-space-module-master/src/components/ipn-commons/stepper/steps/StepPersonalDataInfos/translations.js

@@ -0,0 +1,5 @@
+export const ACCOUNT_CREATION_TRANSLATIONS = {
+	CERTIFIED_EMAIL_HELP_TEXT: 'customer-space_account-creation_form_pec--help-text',
+	FISCAL_CODE_HELP_TEXT: 'customer-space_account-creation_form_fiscal-code--help-text',
+	CODICE_DESTINARIO_HELP_TEXT: 'customer-space_account-creation_form_codice-destinario--help-text',
+};

package/cdp-due--customer-space-module-master/src/components/ipn-commons/stepper/steps/StepPersonalDataInfos/useStepPersonalDataInfos.js

@@ -0,0 +1,71 @@
+import { computed, watch } from 'vue';
+
+import useForm from '@/components/ipn-form/composables/useForm';
+import { getFormValue } from '@/components/ipn-form/module/getters';
+import useCountry from '@/composables/useCountry';
+import useCustomerValues from '@/composables/useCustomerValues';
+import { OTHER } from '@/config/companyTypeOptions';
+import { setLegalForm } from '@/domains/legal-form/legalForm.rules';
+import { siretInfoTextHandler } from '@/store/edges-cases/siret/module';
+
+import { personalDataInfosRules } from './rules/personalDataInfos.rules';
+import { professionalDataInfoRules } from './rules/professionalDataInfo.rules';
+
+export function useStepPersonalDataInfos() {
+	const { domRef, formName, formValues, setFormValue } = useForm();
+	const { countriesOptions, defaultCountryCode } = useCountry();
+	const customerValues = useCustomerValues();
+	const siretInfoTexts = computed(() => siretInfoTextHandler.get());
+
+	const country = computed(() => formValues.value?.country);
+
+	const professionalFields = computed(() =>
+		professionalDataInfoRules.getProfessionalFields(formValues.value, customerValues.value),
+	);
+	const administrativeIdentifierFields = computed(() =>
+		professionalDataInfoRules.getAdministrativeIdentifierFields(
+			siretInfoTexts.value,
+			formValues.value,
+		),
+	);
+
+	const isCustomerProfessional = computed(() =>
+		personalDataInfosRules.isCustomerProfessional(getFormValue(formName.value, 'distinction')),
+	);
+
+	const personalFields = computed(() =>
+		personalDataInfosRules.getPersonalFields(isCustomerProfessional.value),
+	);
+
+	watch(
+		[countriesOptions, country],
+		([newCountriesOptions, newCountry]) => {
+			if (newCountriesOptions.length && !newCountry) {
+				// Si la liste des pays est disponible
+				// et qu'il n'y a pas de valeur dans le formulaire
+				// alors on set une valeur par défaut liée à la BU
+				setFormValue('country', defaultCountryCode);
+			}
+		},
+		{
+			immediate: true,
+		},
+	);
+
+	watch(country, (newCountry) => {
+		if (newCountry !== 'FR') {
+			// set default legalForm value in case the country doesn't have
+			// an administrative identifier field
+			setFormValue('legalForm', OTHER);
+		}
+	});
+
+	return {
+		isCustomerProfessional,
+		personalFields,
+		professionalFields,
+		administrativeIdentifierFields,
+		domRef,
+		setLegalForm: () => setLegalForm(setFormValue, country.value),
+	};
+}

package/cdp-due--customer-space-module-master/src/components/ipn-commons/stepper/steps/communication/CommunicationConfig.js

@@ -0,0 +1,72 @@
+import RadioControl from '@/components/ipn-form/controls/radio-control/RadioControl.vue';
+import { tc } from '@/i18n';
+
+export const communicationConfig = {
+	marketingConfig: {
+		marketingOffersEmail: {
+			name: 'marketingOffersEmail',
+			legend: tc('customer-space-step-communication-radio-control-newsletter-email--label'),
+			control: RadioControl,
+			required: true,
+			options: [
+				{
+					label: tc('customer-space-item-yes'),
+					value: true,
+				},
+				{
+					label: tc('customer-space-item-no'),
+					value: false,
+				},
+			],
+		},
+		marketingOffersPostal: {
+			name: 'marketingOffersPostal',
+			legend: tc('customer-space-step-communication-radio-control-newsletter-postal-mail--label'),
+			control: RadioControl,
+			required: true,
+			options: [
+				{
+					label: tc('customer-space-item-yes'),
+					value: true,
+				},
+				{
+					label: tc('customer-space-item-no'),
+					value: false,
+				},
+			],
+		},
+		marketingOffersSms: {
+			name: 'marketingOffersSms',
+			legend: tc('customer-space-step-communication-radio-control-newsletter-sms--label'),
+			control: RadioControl,
+			required: true,
+			options: [
+				{
+					label: tc('customer-space-item-yes'),
+					value: true,
+				},
+				{
+					label: tc('customer-space-item-no'),
+					value: false,
+				},
+			],
+		},
+	},
+	feedbackConfig: {
+		customerFeedbackEmail: {
+			name: 'customerFeedbackEmail',
+			control: RadioControl,
+			required: true,
+			options: [
+				{
+					label: tc('customer-space-item-yes'),
+					value: true,
+				},
+				{
+					label: tc('customer-space-item-no'),
+					value: false,
+				},
+			],
+		},
+	},
+};

package/cdp-due--customer-space-module-master/src/components/ipn-commons/stepper/steps/communication/StepCommunication.default.vue

@@ -0,0 +1,212 @@
+<script setup>
+	import { computed, watchEffect } from 'vue';
+	import MLink from '@mozaic-ds/vue-3/src/components/link/MLink.vue';
+
+	import MlFlexy from '@/components/grid/MlFlexy.vue';
+	import MlFlexyCol from '@/components/grid/MlFlexyCol.vue';
+	import useForm from '@/components/ipn-form/composables/useForm';
+	import {
+		CUSTOMER_CONSENTS_FETCHING_TYPES,
+		useCustomerConsents,
+	} from '@/composables/useCustomerConsents';
+	import { config } from '@/config';
+	import FORM_FIELD_NAMES from '@/constants/form/formFieldNames';
+	import { loyaltyProgramHandler } from '@/contents/account/module/getters';
+	import CommunicationComponentConsent from '@/contents/communications/communication-preferences/CommunicationComponentConsent.vue';
+	import useConsent from '@/contents/communications/useConsent';
+	import OnDisplayStepAnalyticsWrapper from '@/contents/loyalty/adherent-card/OnDisplayStepAnalyticsWrapper.vue';
+	import { getLoyaltyProgram } from '@/contents/loyalty/module/getters';
+
+	import { STEP_COMMUNICATION_VARIANTS } from './constants';
+
+	const { LMIT_PRIVACY_POLICY_URL, LMIT_PRIVACY_POLICY_PDF } = config;
+
+	const props = defineProps({
+		isValidCallback: {
+			type: Function,
+			required: true,
+		},
+		variant: {
+			type: String,
+			required: false,
+		},
+	});
+
+	const { customerConsents } = useCustomerConsents({
+		type:
+			props.variant === STEP_COMMUNICATION_VARIANTS.ACCOUNT_CREATION
+				? CUSTOMER_CONSENTS_FETCHING_TYPES.PUBLIC
+				: CUSTOMER_CONSENTS_FETCHING_TYPES.CONNECTED,
+	});
+
+	const { consents } = useConsent(customerConsents);
+
+	const loyaltyProgram = computed(
+		() =>
+			getLoyaltyProgram() ||
+			loyaltyProgramHandler.get() ||
+			JSON.parse(sessionStorage.getItem('loyaltyProgram')),
+	);
+
+	const cguTitle = computed(() =>
+		loyaltyProgram.value
+			? 'customer-space-adherent-communication-accept-terms-of-use--text'
+			: 'customer-space-adherent-communication-accept-terms-of-use-no-program--text',
+	);
+
+	const { domRef, formValues } = useForm();
+
+	watchEffect(() => {
+		props.isValidCallback(!!formValues.value?.[FORM_FIELD_NAMES.TERMS_OF_USE]);
+	});
+</script>
+
+<template>
+	<OnDisplayStepAnalyticsWrapper>
+		<div ref="domRef" class="adherent-communication">
+			<MlFlexy alignment="center" space-around class="adherent-communication__rgpd">
+				<MlFlexyCol modifiers="2of3">
+					<i18n-t keypath="customer-space-adherent-communication-rgpd--label">
+						<template #privacyPolicyUrl>
+							<MLink
+								:href="LMIT_PRIVACY_POLICY_URL"
+								target="_blank"
+								rel="noopener noreferrer"
+							>
+								{{
+									$t(
+										'customer-space-adherent-communication-rgpd_privacy-policy-link--label',
+									)
+								}}
+							</MLink>
+						</template>
+
+						<template #privacyPolicyPdf>
+							<MLink
+								:href="LMIT_PRIVACY_POLICY_PDF"
+								target="_blank"
+								rel="noopener noreferrer"
+							>
+								{{
+									$t(
+										'customer-space-adherent-communication-rgpd_privacy-policy-link-pdf--label',
+									)
+								}}
+							</MLink>
+						</template>
+					</i18n-t>
+				</MlFlexyCol>
+			</MlFlexy>
+
+			<CommunicationComponentConsent :name="FORM_FIELD_NAMES.TERMS_OF_USE">
+				<template #title>
+					<i18n-t :keypath="cguTitle">
+						<template #link>
+							<MLink
+								:href="loyaltyProgram?.cgus[0].url"
+								target="_blank"
+								rel="noopener noreferrer"
+								class="loyalty-card-tou__link"
+							>
+								{{
+									$t(
+										'customer-space-adherent-communication-accept-terms-of-use-link--label',
+									)
+								}}
+							</MLink>
+						</template>
+
+						<template v-if="loyaltyProgram" #label>
+							{{ loyaltyProgram?.label }}
+						</template>
+					</i18n-t>
+				</template>
+			</CommunicationComponentConsent>
+
+			<CommunicationComponentConsent
+				v-for="consent in consents"
+				:key="consent.name"
+				v-bind="consent"
+				:cgu-url="loyaltyProgram?.cgus[0].url"
+			/>
+		</div>
+	</OnDisplayStepAnalyticsWrapper>
+</template>
+
+<style lang="scss">
+	@import 'settings-tools/_all-settings';
+
+	.adherent-communication {
+		&__rgpd {
+			@include set-font-scale('04', 's');
+			color: $color-grey-600;
+			margin-bottom: $mu200;
+			text-align: center;
+
+			.mc-link {
+				@include set-font-scale('04', 's');
+				color: $color-primary-01-700 !important;
+			}
+		}
+
+		&__condition {
+			&--label {
+				& a {
+					color: $color-font-darker;
+				}
+			}
+			@include set-from-screen('l') {
+				display: flex;
+				align-items: flex-end;
+			}
+		}
+		&--content {
+			display: flex;
+			margin-top: magic-unit-rem(1);
+
+			.adherent-communication__commercial-offer {
+				.adherent-communication__commercial-offer__radio {
+					margin-bottom: 1rem;
+					display: flex;
+					align-items: center;
+					// margin: $mu200 0;
+
+					.mc-field__legend {
+						width: px-to-rem(128);
+					}
+
+					.mc-field__container {
+						display: flex;
+						margin: 0;
+					}
+				}
+
+				.adherent-communication__commercial-offer__radio:last-child {
+					margin-bottom: 0;
+				}
+			}
+		}
+
+		&__commercial-offer {
+			&--description {
+				@include set-font-scale('05', 's');
+
+				margin-bottom: $mu100;
+				margin-top: $mu025;
+			}
+		}
+
+		&__picto {
+			color: $color-font-primary-01;
+			margin-right: magic-unit-rem(1);
+		}
+
+		.mc-checkbox__label span a {
+			color: $color-grey-600;
+		}
+
+		&--gdpr {
+			padding: px-to-rem(24) 0 px-to-rem(32) 0;
+		}
+	}
+</style>

package/cdp-due--customer-space-module-master/src/components/ipn-commons/stepper/steps/communication/StepCommunication.eslm.vue

@@ -0,0 +1,14 @@
+<script setup>
+	import StepCommunication from './StepCommunication.per-channel.vue';
+
+	defineProps({
+		isValidCallback: {
+			type: Function,
+			require: true,
+		},
+	});
+</script>
+
+<template>
+	<StepCommunication :is-valid-callback="isValidCallback" />
+</template>

package/cdp-due--customer-space-module-master/src/components/ipn-commons/stepper/steps/communication/StepCommunication.frlm.vue

@@ -0,0 +1,169 @@
+<script setup>
+	import { computed, watch } from 'vue';
+	import MCheckbox from '@mozaic-ds/vue-3/src/components/checkbox/MCheckbox.vue';
+	import MIcon from '@mozaic-ds/vue-3/src/components/icon/MIcon.vue';
+	import MLink from '@mozaic-ds/vue-3/src/components/link/MLink.vue';
+
+	import IpnControl from '@/components/ipn-form/IpnControl.vue';
+	import { setFormValue } from '@/components/ipn-form/module/actions';
+	import { newsletterProperties } from '@/constants/consentType';
+	import { FORM_NAMES } from '@/constants/form/formNames';
+	import { getTempCustomerConsents } from '@/contents/communications/module/getters';
+	import OnDisplayStepAnalyticsWrapper from '@/contents/loyalty/adherent-card/OnDisplayStepAnalyticsWrapper.vue';
+
+	import { useCGU } from './composables/useCGU';
+	import { communicationConfig } from './CommunicationConfig';
+
+	defineProps({
+		isValidCallback: {
+			type: Function,
+			require: true,
+		},
+	});
+
+	const customerConsents = computed(() => getTempCustomerConsents());
+
+	const cgu = useCGU();
+
+	watch(
+		customerConsents,
+		(newCustomerConsents) => {
+			if (newCustomerConsents) {
+				newCustomerConsents.forEach((consent) => {
+					setFormValue({
+						formName: FORM_NAMES.LOYALTY_ADHESION_FORM,
+						fieldName: newsletterProperties[consent.type][consent.communicationType],
+						value: consent.accepted,
+					});
+				});
+			}
+		},
+		{ immediate: true },
+	);
+</script>
+
+<template>
+	<OnDisplayStepAnalyticsWrapper>
+		<div class="adherent-communication">
+			<div class="adherent-communication--content">
+				<MIcon name="ContactMail48" fill="#78be20" class="adherent-communication__picto" />
+
+				<div class="adherent-communication__commercial-offer">
+					<div class="mt-body-m--semi-bold mu-mb-025">
+						{{
+							$t(
+								'customer-space-adherent-communication-accept-commercial-offers--title',
+							)
+						}}
+					</div>
+
+					<p class="adherent-communication__commercial-offer--description">
+						{{
+							$t(
+								'customer-space-adherent-communication-accept-commercial-offers--subtitle',
+							)
+						}}
+					</p>
+
+					<IpnControl
+						v-for="(field, index) in communicationConfig.marketingConfig"
+						:key="index"
+						class="adherent-communication__commercial-offer__radio mc-field--group"
+						v-bind="field"
+					/>
+				</div>
+			</div>
+
+			<hr class="mu-mt-200 mu-mb-200" />
+
+			<div class="adherent-communication--content adherent-communication__condition">
+				<MCheckbox id="gdpr" @click="isValidCallback($event.target.checked)" />
+
+				<i18n-t
+					:keypath="cgu.keypath"
+					tag="label"
+					for="gdpr"
+					class="adherent-communication__condition--label mu-ml-050"
+				>
+					<template #conditions>
+						<MLink :href="cgu.link" target="_blank" rel="noopener noreferrer">
+							{{ $t('customer-space-adherent-communication-accept-terms-of-use') }}
+						</MLink>
+					</template>
+				</i18n-t>
+			</div>
+
+			<div class="adherent-communication--gdpr">
+				<p class="adherent-description">
+					{{ $t('customer-space-adherent-communication-gdpr--text') }}
+				</p>
+			</div>
+		</div>
+	</OnDisplayStepAnalyticsWrapper>
+</template>
+
+<style lang="scss">
+	@import 'settings-tools/_all-settings';
+
+	.adherent-communication {
+		&__condition {
+			&--label {
+				& a {
+					color: $color-font-darker;
+				}
+			}
+			@include set-from-screen('l') {
+				display: flex;
+				align-items: flex-end;
+			}
+		}
+		&--content {
+			display: flex;
+			margin-top: magic-unit-rem(1);
+
+			.adherent-communication__commercial-offer {
+				.adherent-communication__commercial-offer__radio {
+					margin-bottom: 1rem;
+					display: flex;
+					align-items: center;
+					// margin: $mu200 0;
+
+					.mc-field__legend {
+						width: px-to-rem(128);
+					}
+
+					.mc-field__container {
+						display: flex;
+						margin: 0;
+					}
+				}
+
+				.adherent-communication__commercial-offer__radio:last-child {
+					margin-bottom: 0;
+				}
+			}
+		}
+
+		&__commercial-offer {
+			&--description {
+				@include set-font-scale('05', 's');
+
+				margin-bottom: $mu100;
+				margin-top: $mu025;
+			}
+		}
+
+		&__picto {
+			color: $color-font-primary-01;
+			margin-right: magic-unit-rem(1);
+		}
+
+		.mc-checkbox__label span a {
+			color: $color-grey-600;
+		}
+
+		&--gdpr {
+			padding: px-to-rem(24) 0 px-to-rem(32) 0;
+		}
+	}
+</style>