- Contactez ici le candidat et son coach LinkedOut afin de solliciter un
- échange.
-
- LinkedOut est susceptible de transmettre cette opportunité à
- d'autres candidats dont le profil correspond à votre besoin.
-
-
- ),
- candidateId: cv.UserId,
- defaultValues: {
- candidat: {
- firstName: cv.user.candidat.firstName,
- lastName: cv.user.candidat.lastName,
+ const opportunityModalProps = useMemo(() => {
+ return {
+ modalTitle: 'Proposer une opportunité à un candidat',
+ modalDesc: (
+
+ Contactez ici le candidat et son coach LinkedOut afin de solliciter un
+ échange.
+
+ LinkedOut est susceptible de transmettre cette opportunité à
+ d'autres candidats dont le profil correspond à votre besoin.
+
+
+ ),
+ candidateId: cv.UserId,
+ defaultValues: {
+ candidat: {
+ firstName: cv.user.candidat.firstName,
+ lastName: cv.user.candidat.lastName,
+ },
+ isPublic: false,
},
- isPublic: false,
- },
- });
+ };
+ }, [cv]);
const { asPath } = useRouter();
const hostname = process.env.SERVER_URL;
@@ -209,7 +212,7 @@ export const CVFiche = ({ cv, actionDisabled }) => {
onClick={() => {
gaEvent(GA_TAGS.PAGE_CV_PROPOSER_OFFRE_CLIC);
fbEvent(FB_TAGS.COMPANY_CV_OFFER_OPEN);
- openModal(
diff --git a/src/components/modals/Modal/ModalGeneric/ModalEdit/ModalEdit.js b/src/components/modals/Modal/ModalGeneric/ModalEdit/ModalEdit.js
index 2aa1d47e5..a89fac749 100644
--- a/src/components/modals/Modal/ModalGeneric/ModalEdit/ModalEdit.js
+++ b/src/components/modals/Modal/ModalGeneric/ModalEdit/ModalEdit.js
@@ -57,7 +57,11 @@ ModalEdit.propTypes = {
PropTypes.string,
])
),
- description: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),
+ description: PropTypes.oneOfType([
+ PropTypes.element,
+ PropTypes.arrayOf(PropTypes.element),
+ PropTypes.string,
+ ]),
submitText: PropTypes.string,
cancelText: PropTypes.string,
formId: PropTypes.string,
diff --git a/src/components/modals/Modal/ModalGeneric/PostOpportunityModal/PostOpportunityModal.tsx b/src/components/modals/Modal/ModalGeneric/PostOpportunityModal/PostOpportunityModal.tsx
new file mode 100644
index 000000000..748edb149
--- /dev/null
+++ b/src/components/modals/Modal/ModalGeneric/PostOpportunityModal/PostOpportunityModal.tsx
@@ -0,0 +1,180 @@
+import _ from 'lodash';
+import moment from 'moment';
+import React, {
+ /* memo, */ useCallback,
+ /* useEffect, */ useState,
+} from 'react';
+import UIkit from 'uikit';
+
+import { Api } from 'src/api';
+import { formEditOpportunity as defaultSchema } from 'src/components/forms/schema/formEditOpportunity';
+import { ModalEdit } from 'src/components/modals/Modal/ModalGeneric/ModalEdit';
+import { BUSINESS_LINES } from 'src/constants';
+import { FB_TAGS, GA_TAGS } from 'src/constants/tags';
+import { useNewsletterTracking } from 'src/hooks/useNewsletterTracking';
+import { fbEvent } from 'src/lib/fb';
+import { gaEvent } from 'src/lib/gtag';
+import { findConstantFromValue, getValueFromFormField } from 'src/utils';
+import { AnyToFix } from 'src/utils/Types';
+
+interface PostOpportunityModalProps {
+ modalTitle: string;
+ modalDesc: string | JSX.Element | JSX.Element[];
+ isAdmin?: boolean;
+ candidateId?: string;
+ callback?: () => void;
+ defaultValues: AnyToFix; // to be typed
+ schema: AnyToFix; // to be typed
+}
+
+export const PostOpportunityModal = ({
+ modalTitle,
+ modalDesc,
+ isAdmin = false,
+ candidateId,
+ callback,
+ defaultValues = {},
+ schema = defaultSchema,
+}: PostOpportunityModalProps) => {
+ const [lastFilledForm, setLastFilledForm] = useState({});
+ // const prevLastFilledForm = usePrevious(lastFilledForm);
+ const newsletterParams = useNewsletterTracking();
+
+ const mutatedDefaultValue = {
+ ...defaultValues,
+ candidatesIds: defaultValues.candidat
+ ? [
+ {
+ label: `${defaultValues.candidat.firstName} ${defaultValues.candidat.lastName}`,
+ value: candidateId,
+ },
+ ]
+ : [],
+ businessLines: defaultValues.businessLines
+ ? defaultValues.businessLines.map((businessLine) => {
+ return findConstantFromValue(businessLine, BUSINESS_LINES);
+ })
+ : [],
+ };
+
+ const postOpportunity = useCallback(
+ async (fields, closeModal, adminCallback) => {
+ const { openNewForm, ...opportunity } = fields;
+ const candidatesIds = opportunity.candidatesIds
+ ? opportunity.candidatesIds.map((id) => {
+ return typeof id === 'object' ? id.value : id;
+ })
+ : [];
+
+ let successMessage = 'Offre validée';
+ if (!isAdmin) {
+ if (opportunity.isPublic) {
+ gaEvent(GA_TAGS.POPUP_OFFRE_ENVOYER_OFFRE_GENERALE_CLIC);
+ fbEvent(FB_TAGS.COMPANY_GENERAL_OFFER_SEND);
+ } else if (candidatesIds.length > 1) {
+ gaEvent(GA_TAGS.POPUP_OFFRE_ENVOYER_OFFRE_MULTIPLE_CLIC);
+ fbEvent(FB_TAGS.COMPANY_CV_OFFER_SEND);
+ } else {
+ gaEvent(GA_TAGS.POPUP_OFFRE_ENVOYER_OFFRE_UNIQUE_CLIC);
+ fbEvent(FB_TAGS.COMPANY_CV_OFFER_SEND);
+ }
+ successMessage = opportunity.isPublic
+ ? 'Merci pour votre offre, nous reviendrons bientôt vers vous.'
+ : `Merci pour votre offre, le(s) candidat(s) et coach(s) associés reviendront bientôt vers vous.`;
+ }
+
+ try {
+ await Api.postOpportunity({
+ ...opportunity,
+ startOfContract: opportunity.startOfContract || null,
+ endOfContract: opportunity.endOfContract || null,
+ candidatesIds:
+ opportunity.isPublic && !isAdmin ? null : candidatesIds,
+ message: opportunity.isPublic ? null : opportunity.message,
+ recruiterPhone: opportunity.recruiterPhone || null,
+ businessLines: opportunity.businessLines
+ ? opportunity.businessLines.map((businessLine, index) => {
+ return {
+ name: businessLine,
+ order: index,
+ };
+ })
+ : undefined,
+ locations: opportunity.locations.map(({ department, address }) => {
+ return {
+ department: getValueFromFormField(department),
+ address,
+ };
+ }),
+ date: moment().toISOString(),
+ ...newsletterParams,
+ });
+ closeModal();
+ UIkit.notification(successMessage, 'success');
+ if (adminCallback) await adminCallback();
+ if (openNewForm) {
+ setLastFilledForm({
+ ...fields,
+ candidatesIds: [],
+ businessLines: fields.businessLines
+ ? fields.businessLines.map((businessLine) => {
+ return findConstantFromValue(businessLine, BUSINESS_LINES);
+ })
+ : [],
+ });
+ } else {
+ setLastFilledForm({});
+ }
+ } catch (err) {
+ UIkit.notification(`Une erreur est survenue.`, 'danger');
+ }
+ },
+ [isAdmin, newsletterParams]
+ );
+
+ // useEffect(() => {
+ // if (!_.isEmpty(lastFilledForm) && lastFilledForm !== prevLastFilledForm) {
+ // setTimeout(() => {
+ // openModal(
);
+ // }, 1000);
+ // }
+ // }, [lastFilledForm, PostOpportunityModal, prevLastFilledForm]);
+
+ return (
+
{
+ if (!isAdmin) {
+ if (fields.isPublic) {
+ gaEvent(GA_TAGS.POPUP_OFFRE_ENVOYER_OFFRE_GENERALE_INVALIDE);
+ } else if (fields.candidatesIds?.length > 1) {
+ gaEvent(GA_TAGS.POPUP_OFFRE_ENVOYER_OFFRE_MULTIPLE_INVALIDE);
+ } else {
+ gaEvent(GA_TAGS.POPUP_OFFRE_ENVOYER_OFFRE_UNIQUE_INVALIDE);
+ }
+ }
+ }}
+ onSubmit={async (fields, closeModal) => {
+ await postOpportunity(
+ isAdmin
+ ? {
+ ...fields,
+ isAdmin: true,
+ }
+ : fields,
+ closeModal,
+ callback
+ );
+ }}
+ />
+ );
+};
diff --git a/src/components/modals/Modal/ModalGeneric/PostOpportunityModal/PostPublicOfferModal.tsx b/src/components/modals/Modal/ModalGeneric/PostOpportunityModal/PostPublicOfferModal.tsx
new file mode 100644
index 000000000..f55fbe56b
--- /dev/null
+++ b/src/components/modals/Modal/ModalGeneric/PostOpportunityModal/PostPublicOfferModal.tsx
@@ -0,0 +1,64 @@
+import React from 'react';
+import { formEditOpportunity as defaultSchema } from 'src/components/forms/schema/formEditOpportunity';
+import { mutateFormSchema } from 'src/utils';
+import { PostOpportunityModal } from './PostOpportunityModal';
+
+export const PostPublicOfferModal = () => {
+ const mutatedSchema = mutateFormSchema(
+ defaultSchema,
+ [
+ {
+ fieldId: 'candidatesIds',
+ props: [
+ {
+ propName: 'disabled',
+ value: true,
+ },
+ {
+ propName: 'hidden',
+ value: true,
+ },
+ ],
+ },
+ {
+ fieldId: 'isPublic',
+ props: [
+ {
+ propName: 'disabled',
+ value: true,
+ },
+ {
+ propName: 'hidden',
+ value: true,
+ },
+ ],
+ },
+ {
+ fieldId: 'message',
+ props: [
+ {
+ propName: 'disabled',
+ value: true,
+ },
+ {
+ propName: 'hidden',
+ value: true,
+ },
+ ],
+ },
+ ],
+ 'post-job-ad'
+ );
+
+ const postPublicOfferModalProps = {
+ defaultValues: {
+ isPublic: true,
+ },
+ modalTitle: 'Proposer une opportunité',
+ modalDesc:
+ 'Cet espace est dédié aux potentiels recruteurs qui souhaitent proposer une opportunité visible par tous les candidats.',
+ schema: mutatedSchema,
+ };
+
+ return
-
- Ils sont prêts à
- travailler !
-
- }
- text={
- <>
- Pour une entreprise, il existe différentes manières de
- s'engager pour l'inclusion, mais le recrutement est sans
- doute l’expérience la plus transformante et impactante.
-
-
-
-
- Votre offre peut correspondre{' '}
- à plusieurs profils ?
-
-
-
- {
- gaEvent(GA_TAGS.PAGE_RECRUTER_DEPOSER_OFFRE_CLIC);
- fbEvent(FB_TAGS.COMPANY_GENERAL_OFFER_OPEN);
- openModal(
-
-
-
- Vous n'avez pas trouvé{' '}
-
- le profil correspondant ?
-
-
-
- D'autres partenaires pourraient vous orienter des
- personnes !
-
-
-
- Voir les partenaires
-
-
-
-
-
- );
-};
-
-export default CVEntreprises;
diff --git a/tsconfig.json b/tsconfig.json
index 6da047053..1ab7c1f1f 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -16,12 +16,6 @@
"jsx": "preserve",
"baseUrl": "./"
},
- "include": [
- "next-env.d.ts",
- "**/*.ts",
- "**/*.tsx",
- "**/*.js",
- "**/*.jsx",
- ],
+ "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", "**/*.js", "**/*.jsx"],
"exclude": ["node_modules"]
}
-