@scalant/career-hub 4.0.0 → 4.0.2-alpha.0

package/dist/career-hub.es.js

@@ -52891,43 +52891,45 @@ const jobPreviewApi = careerHubApi.injectEndpoints({
   country: $ = "IN",
   jobId: F,
   currentTab: V,
-  openMockInterviewModal: K = (ne, re) => {
-    console.log("Method not implemented. We should get it from MIT"), console.log(ne, re);
+  openMockInterviewModal: K = (re, ae) => {
+    console.log("Method not implemented. We should get it from MIT"), console.log(re, ae);
   },
   openResume: J = () => {
     console.log("Method not implemented. We should get it from MIT");
   },
   skip: ee = !1,
-  children: te
+  onCloseResumeBuilder: te,
+  children: ne
 }) => {
-  const { data: ne, isLoading: re, error: ae, refetch: oe } = useGetJobPreviewQuery(F, {
+  const { data: re, isLoading: ae, error: oe, refetch: ie } = useGetJobPreviewQuery(F, {
     skip: !F || ee
-  }), [ie, le] = useState(), [ue, de] = useState(null), ve = {
+  }), [le, ue] = useState(), [de, se] = useState(null), me = {
     analytics: C,
-    activeApplicationId: ue,
-    setActiveApplicationId: de,
-    activeTab: ie,
-    setActiveTab: (me) => {
-      le(me), C == null || C.click("Job Preview - Active Tab Changed", "Jobs Page V2", {
-        tab: me,
+    activeApplicationId: de,
+    setActiveApplicationId: se,
+    activeTab: le,
+    setActiveTab: (he) => {
+      ue(he), C == null || C.click("Job Preview - Active Tab Changed", "Jobs Page V2", {
+        tab: he,
         jobId: F
       });
     },
     country: $,
     jobId: F,
-    data: ne,
-    isLoading: re,
-    error: ae,
-    refetch: oe,
+    data: re,
+    isLoading: ae,
+    error: oe,
+    refetch: ie,
     openMockInterviewModal: K,
     openResume: J,
-    jobData: ne == null ? void 0 : ne.jobData,
-    companyData: ne == null ? void 0 : ne.companyData,
-    highlights: ne == null ? void 0 : ne.highlights,
-    eligibilityCriteria: ne == null ? void 0 : ne.eligibilityCriteria,
-    currentTab: V
+    jobData: re == null ? void 0 : re.jobData,
+    companyData: re == null ? void 0 : re.companyData,
+    highlights: re == null ? void 0 : re.highlights,
+    eligibilityCriteria: re == null ? void 0 : re.eligibilityCriteria,
+    currentTab: V,
+    onCloseResumeBuilder: te
   };
-  return /* @__PURE__ */ React__default.createElement(JobPreviewContext.Provider, { value: ve }, te);
+  return /* @__PURE__ */ React__default.createElement(JobPreviewContext.Provider, { value: me }, ne);
 }, useJobPreview = () => {
   const C = useContext$1(JobPreviewContext);
   if (!C)
@@ -73871,7 +73873,19 @@ pdfExports.GlobalWorkerOptions.workerSrc = "pdf.worker.js";
 const toDDMMYY = (C) => {
   const $ = new Date(C), F = String($.getMonth() + 1).padStart(2, "0"), V = String($.getDate()).padStart(2, "0"), K = $.getFullYear().toString().slice(2);
   return [V, F, K].join("/");
-}, resumeService = careerHubApi.injectEndpoints({
+}, fitmentService = careerHubApi.injectEndpoints({
+  endpoints: (C) => ({
+    getFitment: C.query({
+      query: ({ jobProfileId: $ }) => ({
+        url: "/api/v3/user-resumes/job-fitment-evaluation",
+        params: {
+          job_profile_id: $
+        },
+        method: "POST"
+      })
+    })
+  })
+}), { useGetFitmentQuery } = fitmentService, resumeService = careerHubApi.injectEndpoints({
   endpoints: (C) => ({
     getResumesEligibility: C.query({
       query: ({ jobProfileId: $ }) => ({
@@ -73888,7 +73902,11 @@ const toDDMMYY = (C) => {
       })
     })
   })
-}), { useGetResumesEligibilityQuery, useGetResumeLinkQuery } = resumeService, container$4 = "_container_20j4d_1", resumeChoiceOptionLabel = "_resumeChoiceOptionLabel_20j4d_5", resumeChoiceOptionLabelChecked = "_resumeChoiceOptionLabelChecked_20j4d_16", resumeChoiceOptionLabelContent = "_resumeChoiceOptionLabelContent_20j4d_23", resumeChoiceOptionLabelName = "_resumeChoiceOptionLabelName_20j4d_27", resumeChoiceOptionLabelModifiedAt = "_resumeChoiceOptionLabelModifiedAt_20j4d_33", resumeChoiceOptionLabelCard = "_resumeChoiceOptionLabelCard_20j4d_38", resumeChoiceOptionLabelCardHeader = "_resumeChoiceOptionLabelCardHeader_20j4d_42", resumeChoiceOptionLabelEditButton = "_resumeChoiceOptionLabelEditButton_20j4d_46", resumeChoiceOptionLabelImprovementsList = "_resumeChoiceOptionLabelImprovementsList_20j4d_50", resumePreviewContainer = "_resumePreviewContainer_20j4d_55", fitmentScoreTitle = "_fitmentScoreTitle_20j4d_65", styles$l = {
+}), { useGetResumesEligibilityQuery, useGetResumeLinkQuery } = resumeService;
+function isNullOrUndefined(C) {
+  return C == null;
+}
+const container$4 = "_container_20j4d_1", resumeChoiceOptionLabel = "_resumeChoiceOptionLabel_20j4d_5", resumeChoiceOptionLabelChecked = "_resumeChoiceOptionLabelChecked_20j4d_16", resumeChoiceOptionLabelContent = "_resumeChoiceOptionLabelContent_20j4d_23", resumeChoiceOptionLabelName = "_resumeChoiceOptionLabelName_20j4d_27", resumeChoiceOptionLabelModifiedAt = "_resumeChoiceOptionLabelModifiedAt_20j4d_33", resumeChoiceOptionLabelCard = "_resumeChoiceOptionLabelCard_20j4d_38", resumeChoiceOptionLabelCardHeader = "_resumeChoiceOptionLabelCardHeader_20j4d_42", resumeChoiceOptionLabelEditButton = "_resumeChoiceOptionLabelEditButton_20j4d_46", resumeChoiceOptionLabelImprovementsList = "_resumeChoiceOptionLabelImprovementsList_20j4d_50", resumePreviewContainer = "_resumePreviewContainer_20j4d_55", fitmentScoreTitle = "_fitmentScoreTitle_20j4d_65", styles$l = {
   container: container$4,
   resumeChoiceOptionLabel,
   resumeChoiceOptionLabelChecked,
@@ -73913,7 +73931,7 @@ function FitmentScore({ score: C }) {
   }, F = "#FC910033"), Number(C) >= 80 && ($ = {
     "0%": "#03522D",
     "100%": "#22C477"
-  }, F = "#1A845233"), /* @__PURE__ */ React__default.createElement(Flex$1, { vertical: !0, gap: 4, className: styles$l.fitmentScore }, /* @__PURE__ */ React__default.createElement(Typography$1.Text, { className: styles$l.fitmentScoreTitle }, "Your Resume Fit Score:"), /* @__PURE__ */ React__default.createElement(
+  }, F = "#1A845233"), isNullOrUndefined(C) ? null : /* @__PURE__ */ React__default.createElement(Flex$1, { vertical: !0, gap: 4, className: styles$l.fitmentScore }, /* @__PURE__ */ React__default.createElement(Typography$1.Text, { className: styles$l.fitmentScoreTitle }, "Your Resume Fit Score:"), /* @__PURE__ */ React__default.createElement(
     Progress$1,
     {
       size: ["default", 12],
@@ -74040,7 +74058,7 @@ function ResumePreview() {
 }
 function ResumeChoiceSelect() {
   const { setSelectedResume: C } = useApplicationFormContext(), { jobProfileId: $ } = useApplicationFormContext(), { data: F, isLoading: V } = useGetResumesEligibilityQuery({ jobProfileId: $ });
-  return useEffect(() => {
+  return useGetFitmentQuery({ jobProfileId: $ }, { skip: !$ }), useEffect(() => {
     var J, ee;
     if (!F)
       return;
@@ -74053,19 +74071,7 @@ function ResumeChoiceSelect() {
     C(K);
   }, [F, C]), V || !F ? /* @__PURE__ */ React__default.createElement(Skeleton$1, { active: !0 }) : /* @__PURE__ */ React__default.createElement(Flex$1, { className: styles$l.container }, /* @__PURE__ */ React__default.createElement(Flex$1, { flex: 1, vertical: !0, gap: 16 }, Object.entries(F).map(([K, J]) => /* @__PURE__ */ React__default.createElement(ResumeChoiceOptionLabel, { key: K, value: J }))), /* @__PURE__ */ React__default.createElement(Flex$1, { className: styles$l.resumePreviewContainer, flex: 1 }, /* @__PURE__ */ React__default.createElement(ResumePreview, null)));
 }
-const fitmentService = careerHubApi.injectEndpoints({
-  endpoints: (C) => ({
-    getFitment: C.query({
-      query: ({ jobProfileId: $ }) => ({
-        url: "/api/v3/user-resumes/job-fitment-evaluation",
-        params: {
-          job_profile_id: $
-        },
-        method: "POST"
-      })
-    })
-  })
-}), { useGetFitmentQuery } = fitmentService, container$3 = "_container_12d5d_1", icon = "_icon_12d5d_6", title$1 = "_title_12d5d_11", description$1 = "_description_12d5d_17", styles$k = {
+const container$3 = "_container_12d5d_1", icon = "_icon_12d5d_6", title$1 = "_title_12d5d_11", description$1 = "_description_12d5d_17", styles$k = {
   container: container$3,
   icon,
   title: title$1,
@@ -74104,39 +74110,46 @@ function ResumeFitmentCheck() {
     /* @__PURE__ */ React__default.createElement(Typography$1.Text, { className: styles$k.description }, "Receive instant insights and a fitment score to know which resume works best. Fix key gaps and boost your chances of getting noticed by top companies")
   );
 }
-const container$2 = "_container_fpxq0_1", footer = "_footer_fpxq0_8", footerText = "_footerText_fpxq0_12", styles$j = {
+const container$2 = "_container_12cd3_1", footer = "_footer_12cd3_8", text = "_text_12cd3_12", heading$1 = "_heading_12cd3_16", styles$j = {
   container: container$2,
   footer,
-  footerText
-}, NOTIFICATION_KEY = "resume-fitment-checklist", Description = () => {
+  text,
+  heading: heading$1
+}, NOTIFICATION_KEY = "resume-fitment-checklist", MAX_CHECKLIST_ITEMS = 5, Description = () => {
   const { activeResumeChecklist: C } = useSelector(($) => $.scalantCareerHub.resumeFitment) || {};
-  return /* @__PURE__ */ React__default.createElement(Flex$1, { vertical: !0, gap: 8 }, C.map(($, F) => /* @__PURE__ */ React__default.createElement(Checkbox$1, null, /* @__PURE__ */ React__default.createElement(Typography$1.Text, { key: F }, $))));
-}, Footer = ({ closeNotification: C }) => /* @__PURE__ */ React__default.createElement(Flex$1, { justify: "space-between", className: styles$j.footer }, /* @__PURE__ */ React__default.createElement(Flex$1, { gap: 4, align: "center" }, /* @__PURE__ */ React__default.createElement(CheckCircleFilled$1, { style: { color: "#20A164" } }), /* @__PURE__ */ React__default.createElement(Typography$1.Text, { className: styles$j.footerText }, "When your resume is ready")), /* @__PURE__ */ React__default.createElement(Button$2, { type: "primary", onClick: C }, "Proceed to Apply"));
+  return /* @__PURE__ */ React__default.createElement(Flex$1, { vertical: !0, gap: 8 }, /* @__PURE__ */ React__default.createElement(Typography$1.Text, { className: styles$j.text }, "Please update the remaining sections as per the feedback to boost hiring chances"), /* @__PURE__ */ React__default.createElement(Typography$1.Text, { strong: !0, className: styles$j.heading }, "Improvements to be made"), C.slice(0, MAX_CHECKLIST_ITEMS).map(($, F) => /* @__PURE__ */ React__default.createElement(Checkbox$1, null, /* @__PURE__ */ React__default.createElement(Typography$1.Text, { className: styles$j.text, key: F }, $))));
+}, Footer = ({ closeNotification: C }) => /* @__PURE__ */ React__default.createElement(Flex$1, { justify: "space-between", className: styles$j.footer }, /* @__PURE__ */ React__default.createElement(Flex$1, { gap: 4, align: "center" }, /* @__PURE__ */ React__default.createElement(CheckCircleFilled$1, { style: { color: "#20A164" } }), /* @__PURE__ */ React__default.createElement(Typography$1.Text, { className: styles$j.text }, "When your resume is ready")), /* @__PURE__ */ React__default.createElement(Button$2, { type: "primary", onClick: C }, "Proceed to Apply"));
 function ResumeFitmentChecklist() {
-  const C = useDispatch(), [$, F] = notification$1.useNotification(), { activeResumeChecklist: V, activeResumeName: K, isChecklistOpen: J } = useSelector((oe) => oe.scalantCareerHub.resumeFitment) || {}, { setActiveApplicationId: ee, jobId: te, analytics: ne } = useJobPreview(), re = useCallback(() => {
+  const C = useDispatch(), [$, F] = notification$1.useNotification(), { activeResumeChecklist: V, activeResumeName: K, isChecklistOpen: J } = useSelector((le) => le.scalantCareerHub.resumeFitment) || {}, { setActiveApplicationId: ee, jobId: te, analytics: ne, onCloseResumeBuilder: re } = useJobPreview(), ae = useCallback(() => {
     $.destroy(NOTIFICATION_KEY), ee(te), C(setChecklistOpen({ isOpen: !1 })), ne == null || ne.click("Resume Fitment Checklist - Close", PRODUCT_NAME);
-  }, [ne, C, te, ee, $]), ae = useCallback(() => {
+  }, [ne, C, te, ee, $]), oe = useCallback(() => {
+    ae(), re(), ne == null || ne.click(
+      "Resume Fitment Checklist - Proceed to Apply",
+      PRODUCT_NAME
+    );
+  }, [ne, ae, re]), ie = useCallback(() => {
     !K || !(V != null && V.length) || ($.warning({
       key: NOTIFICATION_KEY,
       message: K,
       placement: "bottomRight",
       description: /* @__PURE__ */ React__default.createElement(Description, null),
-      onClose: re,
+      onClose: ae,
       closeIcon: null,
       duration: null,
-      btn: /* @__PURE__ */ React__default.createElement(Footer, { closeNotification: re }),
+      btn: /* @__PURE__ */ React__default.createElement(Footer, { closeNotification: oe }),
       className: styles$j.container
     }), ne == null || ne.click("Resume Fitment Checklist - Open", PRODUCT_NAME));
   }, [
-    V,
     K,
+    V,
     $,
-    re,
+    ae,
+    oe,
     ne
   ]);
   return useEffect(() => {
-    J ? ae() : re();
-  }, [J, ae, re]), F;
+    J ? ie() : ae();
+  }, [J, ie, ae]), F;
 }
 const screeningCallService = careerHubApi.injectEndpoints({
   endpoints: (C) => ({
@@ -74385,21 +74398,22 @@ const JobApplicationForm = ({
   currentTab: ee,
   onUploadFile: te,
   onEditResume: ne,
-  onAddResume: re
+  onAddResume: re,
+  onCloseResumeBuilder: ae
 }) => {
-  var ue;
-  const { data: ae, isLoading: oe, isFetching: ie, error: le } = useGetJobPreviewQuery(K, {
+  var de;
+  const { data: oe, isLoading: ie, isFetching: le, error: ue } = useGetJobPreviewQuery(K, {
     skip: !K || !J
   });
-  return !J || !K ? null : oe || ie ? /* @__PURE__ */ React__default.createElement(Card$1, { className: `${styles$f.expandedJobView} ${styles$f.loadingCard}` }, /* @__PURE__ */ React__default.createElement(Spin$1, { size: "large" })) : le ? /* @__PURE__ */ React__default.createElement(Card$1, { className: styles$f.expandedJobView }, /* @__PURE__ */ React__default.createElement(
+  return !J || !K ? null : ie || le ? /* @__PURE__ */ React__default.createElement(Card$1, { className: `${styles$f.expandedJobView} ${styles$f.loadingCard}` }, /* @__PURE__ */ React__default.createElement(Spin$1, { size: "large" })) : ue ? /* @__PURE__ */ React__default.createElement(Card$1, { className: styles$f.expandedJobView }, /* @__PURE__ */ React__default.createElement(
     Alert$1,
     {
       type: "error",
       message: "Failed to load job details",
-      description: ((ue = le == null ? void 0 : le.data) == null ? void 0 : ue.message) || (le == null ? void 0 : le.message) || "Please try again later",
+      description: ((de = ue == null ? void 0 : ue.data) == null ? void 0 : de.message) || (ue == null ? void 0 : ue.message) || "Please try again later",
       showIcon: !0
     }
-  )) : ae ? /* @__PURE__ */ React__default.createElement(App$1, null, /* @__PURE__ */ React__default.createElement(
+  )) : oe ? /* @__PURE__ */ React__default.createElement(App$1, null, /* @__PURE__ */ React__default.createElement(
     JobPreviewProvider,
     {
       analytics: C,
@@ -74408,7 +74422,8 @@ const JobApplicationForm = ({
       openResume: V,
       jobId: K,
       skip: !J,
-      currentTab: ee
+      currentTab: ee,
+      onCloseResumeBuilder: ae
     },
     /* @__PURE__ */ React__default.createElement(ExpandedJobViewContent, null),
     /* @__PURE__ */ React__default.createElement(
@@ -74434,7 +74449,8 @@ function JobDetails({
   onUploadFile: ee,
   currentTab: te,
   onEditResume: ne,
-  onAddResume: re
+  onAddResume: re,
+  onCloseResumeBuilder: ae
 }) {
   return useEffect(() => {
     K && (C == null || C.view("Job Details - Render", PRODUCT_NAME, {
@@ -74453,7 +74469,8 @@ function JobDetails({
       isActive: !!K,
       currentTab: te,
       onEditResume: ne,
-      onAddResume: re
+      onAddResume: re,
+      onCloseResumeBuilder: ae
     }
   )) : null;
 }
@@ -76034,40 +76051,42 @@ function JobsPage({
   onViewResume: te,
   onEditPreferences: ne,
   onEditResume: re,
-  onAddResume: ae
+  onAddResume: ae,
+  onCloseResumeBuilder: oe
 }) {
-  const oe = useDispatch(), ie = useSelector(
-    (he) => {
-      var pe, ce;
-      return ((ce = (pe = he.scalantCareerHub) == null ? void 0 : pe.filter) == null ? void 0 : ce.tab) || TAG_TO_TAB_MAPPING.relevant;
+  const ie = useDispatch(), le = useSelector(
+    (pe) => {
+      var ce, fe;
+      return ((fe = (ce = pe.scalantCareerHub) == null ? void 0 : ce.filter) == null ? void 0 : fe.tab) || TAG_TO_TAB_MAPPING.relevant;
     }
-  ), le = useRef(!1), { selectedJobId: ue } = useJobQueryParams({
+  ), ue = useRef(!1), { selectedJobId: de } = useJobQueryParams({
     syncToURL: !0,
     syncFromURL: !0
     // Read from URL on mount
   });
   useLayoutEffect$2(() => {
-    if (!le.current) {
-      const he = getFiltersFromURL(), pe = Hn({}, he), fe = new URLSearchParams(window.location.search).get("job_ids");
-      fe && (pe.job_ids = [fe]), Object.keys(pe).length > 0 && oe(updateFiltersFromForm(pe)), le.current = !0;
-    }
-  }, [oe]), useEffect(() => {
-    oe(setProcessCounts(K));
-  }, [K, oe]), useEffect(() => {
-    J && oe(setUserProfileData(J));
-  }, [J, oe]);
-  const de = /* @__PURE__ */ React__default.createElement(JobsHeader, { analytics: C }), se = ue ? /* @__PURE__ */ React__default.createElement(
+    if (!ue.current) {
+      const pe = getFiltersFromURL(), ce = Hn({}, pe), ye = new URLSearchParams(window.location.search).get("job_ids");
+      ye && (ce.job_ids = [ye]), Object.keys(ce).length > 0 && ie(updateFiltersFromForm(ce)), ue.current = !0;
+    }
+  }, [ie]), useEffect(() => {
+    ie(setProcessCounts(K));
+  }, [K, ie]), useEffect(() => {
+    J && ie(setUserProfileData(J));
+  }, [J, ie]);
+  const se = /* @__PURE__ */ React__default.createElement(JobsHeader, { analytics: C }), ve = de ? /* @__PURE__ */ React__default.createElement(
     JobDetails,
     {
       analytics: C,
-      currentTab: ie,
+      currentTab: le,
       onUploadFile: ee,
       country: $,
       openMockInterviewModal: F,
       openResume: V,
-      jobId: ue,
+      jobId: de,
       onEditResume: re,
-      onAddResume: ae
+      onAddResume: ae,
+      onCloseResumeBuilder: oe
     }
   ) : /* @__PURE__ */ React__default.createElement(
     ProfileDetails,
@@ -76076,14 +76095,14 @@ function JobsPage({
       onViewResume: te,
       onEditPreferences: ne
     }
-  ), ve = ue ? SIDER_WIDTH.JOB_DETAILS : SIDER_WIDTH.PROFILE_DETAILS;
+  ), me = de ? SIDER_WIDTH.JOB_DETAILS : SIDER_WIDTH.PROFILE_DETAILS;
   useEffect(() => {
     C && C.view("Jobs Page - Tab Rendered", PRODUCT_NAME, {
-      currentTab: ie
+      currentTab: le
     });
-  }, [C, ie]);
-  const me = () => {
-    switch (ie) {
+  }, [C, le]);
+  const he = () => {
+    switch (le) {
       case TAG_TO_TAB_MAPPING.relevant:
         return /* @__PURE__ */ React__default.createElement(RelevantJobsPage, { analytics: C });
       case TAG_TO_TAB_MAPPING.saved:
@@ -76099,12 +76118,12 @@ function JobsPage({
     JobsLayout,
     {
       analytics: C,
-      header: de,
-      sider: se,
-      siderWidth: ve,
+      header: se,
+      sider: ve,
+      siderWidth: me,
       className: styles.jobsPage
     },
-    me()
+    he()
   ), /* @__PURE__ */ React__default.createElement(FilterDrawer, { analytics: C }), /* @__PURE__ */ React__default.createElement(JobAlertModal, { analytics: C }));
 }
 JobsPage.propTypes = {