@scalant/career-hub 4.1.1 → 4.1.3

package/dist/career-hub.es.js

@@ -54279,31 +54279,34 @@ function JobAlert({ analytics: C }) {
   return /* @__PURE__ */ React__default.createElement("div", { className: styles$H.jobAlert, onClick: V }, /* @__PURE__ */ React__default.createElement(AlertFilled$1, { className: styles$H.icon }), "Job Alerts");
 }
 const styles$G = {};
-function Sorting() {
-  const C = useDispatch(), $ = useSelector(
-    (ee) => {
-      var te, ne;
-      return ((ne = (te = ee.scalantCareerHub) == null ? void 0 : te.filter) == null ? void 0 : ne.sortings) || [];
-    }
-  ), V = useMemo$1(() => getCurrentSortingValue($), [$]), F = (ee) => {
-    const te = SORTING_OPTIONS[ee];
-    te && C(setSortings([te.mapping]));
-  }, K = Object.values(SORTING_OPTIONS).map((ee) => ({
-    value: ee.value,
-    label: ee.value === V ? `Sorted By: ${ee.label}` : ee.label
-  })), J = (ee) => {
-    const te = SORTING_OPTIONS[ee.value];
-    return te ? te.label : ee.label;
+function Sorting({ analytics: C }) {
+  const $ = useDispatch(), V = useSelector(
+    (te) => {
+      var ne, re;
+      return ((re = (ne = te.scalantCareerHub) == null ? void 0 : ne.filter) == null ? void 0 : re.sortings) || [];
+    }
+  ), F = useMemo$1(() => getCurrentSortingValue(V), [V]), K = (te) => {
+    const ne = SORTING_OPTIONS[te];
+    ne && (C == null || C.click("Sorting - Change", PRODUCT_NAME, {
+      sortingValue: te,
+      sortingLabel: ne.label
+    }), $(setSortings([ne.mapping])));
+  }, J = Object.values(SORTING_OPTIONS).map((te) => ({
+    value: te.value,
+    label: te.value === F ? `Sorted By: ${te.label}` : te.label
+  })), ee = (te) => {
+    const ne = SORTING_OPTIONS[te.value];
+    return ne ? ne.label : te.label;
   };
   return /* @__PURE__ */ React__default.createElement(
     Select$1,
     {
       className: styles$G.sorting,
-      value: V,
-      onChange: F,
+      value: F,
+      onChange: K,
       suffixIcon: /* @__PURE__ */ React__default.createElement(DownOutlined$1, null),
-      options: K,
-      optionRender: J
+      options: J,
+      optionRender: ee
     }
   );
 }
@@ -54361,7 +54364,7 @@ const actions$1 = "_actions_nxp1u_1", styles$D = {
   actions: actions$1
 };
 function Actions$1({ analytics: C }) {
-  return /* @__PURE__ */ React__default.createElement("div", { className: styles$D.actions }, /* @__PURE__ */ React__default.createElement(JobAlert, { analytics: C }), /* @__PURE__ */ React__default.createElement(Sorting, null), /* @__PURE__ */ React__default.createElement(Filter, { analytics: C }), /* @__PURE__ */ React__default.createElement(Search, { analytics: C }));
+  return /* @__PURE__ */ React__default.createElement("div", { className: styles$D.actions }, /* @__PURE__ */ React__default.createElement(JobAlert, { analytics: C }), /* @__PURE__ */ React__default.createElement(Sorting, { analytics: C }), /* @__PURE__ */ React__default.createElement(Filter, { analytics: C }), /* @__PURE__ */ React__default.createElement(Search, { analytics: C }));
 }
 Actions$1.propTypes = {
   analytics: PropTypes.object
@@ -55115,9 +55118,23 @@ const useApplicationFormContext = () => {
   bodyContainer,
   tabs
 }, ExpandedJobViewBody = () => {
-  var te;
-  const { activeTab: C, setActiveTab: $, jobData: V, currentTab: F } = useJobPreview(), { applicationTimeline: K } = V || {}, ee = [
-    ((te = K == null ? void 0 : K.timeline) == null ? void 0 : te.length) > 0 && F === TAG_TO_TAB_MAPPING.applied && {
+  var re;
+  const { activeTab: C, setActiveTab: $, jobData: V, currentTab: F, analytics: K, jobId: J } = useJobPreview(), { applicationTimeline: ee } = V || {}, te = ((re = ee == null ? void 0 : ee.timeline) == null ? void 0 : re.length) > 0 && F === TAG_TO_TAB_MAPPING.applied;
+  useEffect(() => {
+    if (K && C) {
+      const oe = {
+        [JOB_BODY_TABS.APPLICATION_TIMELINE.key]: "Application Timeline Tab",
+        [JOB_BODY_TABS.ABOUT_ROLE.key]: "Job Description Tab",
+        [JOB_BODY_TABS.REQUIREMENTS.key]: "Skills Required Tab"
+      }[C] || "Unknown Tab";
+      K.view(`Expanded Job View - ${oe}`, PRODUCT_NAME, {
+        tab: C,
+        jobId: J
+      });
+    }
+  }, [K, C, J]);
+  const ne = [
+    te && {
       key: JOB_BODY_TABS.APPLICATION_TIMELINE.key,
       label: JOB_BODY_TABS.APPLICATION_TIMELINE.label,
       children: /* @__PURE__ */ React__default.createElement(ApplicationTimelineTab, null)
@@ -55138,7 +55155,7 @@ const useApplicationFormContext = () => {
     {
       activeKey: C,
       className: styles$s.tabs,
-      items: ee,
+      items: ne,
       onChange: $
     }
   ));
@@ -76803,7 +76820,11 @@ function RelevantJobsPage({ analytics: C }) {
     F,
     TAG_TO_TAB_MAPPING.relevant
   );
-  return /* @__PURE__ */ React__default.createElement("div", { className: styles$7.relevantJobsPage }, /* @__PURE__ */ React__default.createElement(
+  return useEffect(() => {
+    C && !F && C.view("Relevant Jobs Page - Render", PRODUCT_NAME, {
+      jobsCount: (ee == null ? void 0 : ee.length) || 0
+    });
+  }, [C, F, ee == null ? void 0 : ee.length]), /* @__PURE__ */ React__default.createElement("div", { className: styles$7.relevantJobsPage }, /* @__PURE__ */ React__default.createElement(
     JobsList,
     {
       analytics: C,
@@ -76828,7 +76849,11 @@ function AllJobsPage({ analytics: C }) {
     isFetchingMore: re,
     isLoading: ae
   } = useAccumulatedJobs(V, J, F, TAG_TO_TAB_MAPPING.all);
-  return /* @__PURE__ */ React__default.createElement("div", { className: styles$6.allJobsPage }, /* @__PURE__ */ React__default.createElement(
+  return useEffect(() => {
+    C && !F && C.view("All Jobs Page - Render", PRODUCT_NAME, {
+      jobsCount: (ee == null ? void 0 : ee.length) || 0
+    });
+  }, [C, F, ee == null ? void 0 : ee.length]), /* @__PURE__ */ React__default.createElement("div", { className: styles$6.allJobsPage }, /* @__PURE__ */ React__default.createElement(
     JobsList,
     {
       analytics: C,
@@ -76855,7 +76880,11 @@ function SavedJobsPage({ analytics: C }) {
     isFetchingMore: re,
     isLoading: ae
   } = useAccumulatedJobs(V, J, F, TAG_TO_TAB_MAPPING.saved);
-  return /* @__PURE__ */ React__default.createElement("div", { className: styles$5.savedJobsPage }, /* @__PURE__ */ React__default.createElement(
+  return useEffect(() => {
+    C && !F && C.view("Saved Jobs Page - Render", PRODUCT_NAME, {
+      jobsCount: (ee == null ? void 0 : ee.length) || 0
+    });
+  }, [C, F, ee == null ? void 0 : ee.length]), /* @__PURE__ */ React__default.createElement("div", { className: styles$5.savedJobsPage }, /* @__PURE__ */ React__default.createElement(
     JobsList,
     {
       analytics: C,
@@ -76887,7 +76916,11 @@ function AppliedJobsPage({ analytics: C }) {
     F,
     TAG_TO_TAB_MAPPING.applied
   );
-  return /* @__PURE__ */ React__default.createElement("div", { className: styles$4.appliedJobsPage }, /* @__PURE__ */ React__default.createElement(
+  return useEffect(() => {
+    C && !F && C.view("Applied Jobs Page - Render", PRODUCT_NAME, {
+      jobsCount: (ee == null ? void 0 : ee.length) || 0
+    });
+  }, [C, F, ee == null ? void 0 : ee.length]), /* @__PURE__ */ React__default.createElement("div", { className: styles$4.appliedJobsPage }, /* @__PURE__ */ React__default.createElement(
     JobsList,
     {
       analytics: C,
@@ -77239,7 +77272,11 @@ function FilterDrawerTitle({ onClose: C }) {
 function FilterDrawer({ analytics: C }) {
   const $ = useDispatch(), V = useSelector(
     (te) => te.scalantCareerHub.dashboard.filterModalOpen
-  ), F = useSelector((te) => te.scalantCareerHub.filterForm), K = () => {
+  ), F = useSelector((te) => te.scalantCareerHub.filterForm);
+  useEffect(() => {
+    C && V && C.view("Filter Drawer - Open", PRODUCT_NAME);
+  }, [C, V]);
+  const K = () => {
     C == null || C.click("Filter Drawer - Close", PRODUCT_NAME), $(closeFilterModal());
   }, J = () => {
     var re, ae, oe, ie, le, ce, de;
@@ -77615,8 +77652,8 @@ function JobAlertModal({ analytics: C }) {
     (de) => de.scalantCareerHub.dashboard.jobAlertModalOpen
   ), [F, K] = useState("create"), [J] = Form$1.useForm(), [ee, { isLoading: te }] = useCreateAlertMutation();
   useEffect(() => {
-    V || (J.resetFields(), K("create"));
-  }, [V, J]);
+    V ? C && V && C.view("Job Alert Modal - Open", PRODUCT_NAME) : (J.resetFields(), K("create"));
+  }, [V, J, C]);
   const ne = () => {
     C == null || C.click("Job Alert Modal - Close", PRODUCT_NAME), $(closeJobAlertModal());
   }, re = () => {