feat(front): #3043 add 'from' fields in user registration form

packages/front/src/lib/components/StructureFormStep/StructureFormStep.controller.test.ts

@@ -1,4 +1,4 @@
-import { AgentTypeEnum } from "dto";
+import { AgentTypeEnum, RegistrationSrcTypeEnum } from "dto";
 import type { MockInstance } from "vitest";
 import { beforeEach } from "vitest";
 import StructureFormStepController from "./StructureFormStep.controller";
@@ -208,4 +208,61 @@ describe("StructureFormStepController", () => {
             expect(values.centralSomething).toBeUndefined();
         });
     });
+
+    describe("onUpdateRegistrationSrc", () => {
+        it("registrationSrcEmail and registrationSrcDetails are set to empty strings", () => {
+            const values = {
+                registrationSrc: [RegistrationSrcTypeEnum.DEMO],
+                registrationSrcEmail: "[email protected]",
+                registrationSrcDetails: "Other",
+            };
+            const expected = {
+                registrationSrc: [RegistrationSrcTypeEnum.DEMO],
+                registrationSrcEmail: "",
+                registrationSrcDetails: "",
+            };
+            ctrl.onUpdateRegistrationSrc(values);
+            expect(values).toStrictEqual(expected);
+        });
+        it("registrationSrcEmail and registrationSrcDetails are not set to empty strings", () => {
+            const values = {
+                registrationSrc: [RegistrationSrcTypeEnum.COLLEAGUES_HIERARCHY, RegistrationSrcTypeEnum.OTHER],
+                registrationSrcEmail: "[email protected]",
+                registrationSrcDetails: "Other",
+            };
+            const expected = { ...values };
+            ctrl.onUpdateRegistrationSrc(values);
+            expect(values).toStrictEqual(expected);
+        });
+    });
+
+    describe("isRegistrationSrcEmailVisible", () => {
+        it("is visible", () => {
+            const registerSrcValue = [RegistrationSrcTypeEnum.SOCIALS, RegistrationSrcTypeEnum.COLLEAGUES_HIERARCHY];
+            const expected = true;
+            const isVisible = ctrl.isRegistrationSrcEmailVisible(registerSrcValue);
+            expect(isVisible).toStrictEqual(expected);
+        });
+        it("is not visible", () => {
+            const registerSrcValue = [RegistrationSrcTypeEnum.SOCIALS, RegistrationSrcTypeEnum.OTHER];
+            const expected = false;
+            const isVisible = ctrl.isRegistrationSrcEmailVisible(registerSrcValue);
+            expect(isVisible).toStrictEqual(expected);
+        });
+    });
+
+    describe("isRegistrationSrcDetailsVisible", () => {
+        it("is visible", () => {
+            const registerSrcValue = [RegistrationSrcTypeEnum.SOCIALS, RegistrationSrcTypeEnum.OTHER];
+            const expected = true;
+            const isVisible = ctrl.isRegistrationSrcDetailsVisible(registerSrcValue);
+            expect(isVisible).toStrictEqual(expected);
+        });
+        it("is not visible", () => {
+            const registerSrcValue = [RegistrationSrcTypeEnum.SOCIALS, RegistrationSrcTypeEnum.COLLEAGUES_HIERARCHY];
+            const expected = false;
+            const isVisible = ctrl.isRegistrationSrcDetailsVisible(registerSrcValue);
+            expect(isVisible).toStrictEqual(expected);
+        });
+    });
 });

packages/front/src/lib/components/StructureFormStep/StructureFormStep.controller.ts

@@ -1,4 +1,4 @@
-import { AgentTypeEnum, AgentJobTypeEnum } from "dto";
+import { AgentTypeEnum, AgentJobTypeEnum, RegistrationSrcTypeEnum } from "dto";
 import type { ComponentType, SvelteComponent } from "svelte";
 import OperatorSubStep from "./OperatorSubStep/OperatorSubStep.svelte";
 import CentralSubStep from "./CentralSubStep/CentralSubStep.svelte";
@@ -48,6 +48,16 @@ export default class StructureFormStepController {
         { value: AgentJobTypeEnum.CONTROLLER, label: "Contrôleur / Inspecteur" },
         { value: AgentJobTypeEnum.OTHER, label: "Autre" },
     ];
+    public readonly registrationSrcOptions: Option<RegistrationSrcTypeEnum>[] = [
+        { value: RegistrationSrcTypeEnum.DEMO, label: "Lors d’une présentation avec une personne de Data.Subvention" },
+        { value: RegistrationSrcTypeEnum.SEARCH_ENGINE, label: "Via des recherches sur internet" },
+        {
+            value: RegistrationSrcTypeEnum.COLLEAGUES_HIERARCHY,
+            label: "Un de mes collègues ou de ma hiérarchie m’en a parlé",
+        },
+        { value: RegistrationSrcTypeEnum.SOCIALS, label: "Via une publication sur les réseaux sociaux" },
+        { value: RegistrationSrcTypeEnum.OTHER, label: "Autre" },
+    ];
 
     private static subStepByAgentType: Record<AgentTypeEnum, ComponentType> = {
         [AgentTypeEnum.CENTRAL_ADMIN]: CentralSubStep,
@@ -102,6 +112,26 @@ export default class StructureFormStepController {
         this.dispatch(shouldBlockStep ? "error" : "valid");
     }
 
+    onUpdateRegistrationSrc(values: Record<string, unknown>) {
+        this.onUpdate(values, "registrationSrc");
+        if (values["registrationSrc"] && Array.isArray(values["registrationSrc"])) {
+            if (
+                !values["registrationSrc"].includes(RegistrationSrcTypeEnum.COLLEAGUES_HIERARCHY) &&
+                values["registrationSrcEmail"] !== ""
+            ) {
+                values["registrationSrcEmail"] = "";
+                this.onUpdate(values, "registrationSrcEmail");
+            }
+            if (
+                !values["registrationSrc"].includes(RegistrationSrcTypeEnum.OTHER) &&
+                values["registrationSrcDetails"] !== ""
+            ) {
+                values["registrationSrcDetails"] = "";
+                this.onUpdate(values, "registrationSrcDetails");
+            }
+        }
+    }
+
     cleanSubStepValues(values: Record<string, any>, contextAgentType: AgentTypeEnum) {
         const prefixes: string[] = [];
         for (const [agentType, prefix] of Object.entries(StructureFormStepController.subFieldsPrefixByAgentType)) {
@@ -130,4 +160,18 @@ export default class StructureFormStepController {
                 : undefined,
         );
     }
+
+    isRegistrationSrcEmailVisible(registerSrcValue: RegistrationSrcTypeEnum[]) {
+        if (registerSrcValue && registerSrcValue.includes(RegistrationSrcTypeEnum.COLLEAGUES_HIERARCHY)) {
+            return true;
+        }
+        return false;
+    }
+
+    isRegistrationSrcDetailsVisible(registerSrcValue: RegistrationSrcTypeEnum[]) {
+        if (registerSrcValue && registerSrcValue.includes(RegistrationSrcTypeEnum.OTHER)) {
+            return true;
+        }
+        return false;
+    }
 }

packages/front/src/lib/components/StructureFormStep/StructureFormStep.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+    import { RegistrationSrcTypeEnum } from "dto";
     import StructureFormStepController from "./StructureFormStep.controller";
     import Checkbox from "$lib/dsfr/Checkbox.svelte";
     import Input from "$lib/dsfr/Input.svelte";
@@ -7,6 +8,9 @@
         service: "",
         jobType: [],
         phoneNumber: "",
+        registrationSrc: [] as RegistrationSrcTypeEnum[],
+        registrationSrcEmail: "",
+        registrationSrcDetails: "",
     };
     export let context = {};
 
@@ -55,4 +59,39 @@
             on:change
             on:blur={() => ctrl.onUpdate(values, "phoneNumber")} />
     </div>
+
+    <div class="fr-fieldset__element fr-mb-0 fr-mt-4v">
+        <Checkbox
+            options={ctrl.registrationSrcOptions}
+            label="Comment avez-vous connu Data.Subvention ?"
+            errorMsg={$errors.registrationSrc}
+            on:change={() => ctrl.onUpdateRegistrationSrc(values)}
+            bind:value={values.registrationSrc} />
+    </div>
+
+    {#if ctrl.isRegistrationSrcEmailVisible(values.registrationSrc)}
+        <div class="fr-fieldset__element">
+            <Input
+                id="registrationSrcEmail-input"
+                type="email"
+                label="Pouvez-vous nous indiquer son email ?"
+                autocomplete="email"
+                bind:value={values.registrationSrcEmail}
+                errorMsg={$errors.registrationSrcEmail}
+                error={$errors.registrationSrcEmail}
+                on:change
+                on:blur={() => ctrl.onUpdate(values, "registrationSrcEmail")} />
+        </div>
+    {/if}
+    {#if ctrl.isRegistrationSrcDetailsVisible(values.registrationSrc)}
+        <div class="fr-fieldset__element">
+            <Input
+                id="registrationSrcDetails-input"
+                type="text"
+                label="Précisez"
+                bind:value={values.registrationSrcDetails}
+                on:change
+                on:blur={() => ctrl.onUpdate(values, "registrationSrcDetails")} />
+        </div>
+    {/if}
 </fieldset>

packages/front/src/lib/resources/users/user.port.js

@@ -24,6 +24,9 @@ export class UserPort {
             decentralizedLevel: data.decentralizedLevel,
             decentralizedTerritory: data.decentralizedTerritory,
             territorialScope: data.territorialScope,
+            registrationSrc: data.from,
+            registrationSrcEmail: data.fromEmail,
+            registrationSrcDetails: data.fromOther,
         };
         return requestsService.patch(`${this.BASE_PATH}/`, updateProfile);
     }