@inploi/plugin-job-search 0.22.2 → 0.23.0

package/dist/index.cjs

@@ -5547,12 +5547,17 @@ const JobCardSkeleton = ({
 const LoadMore = ({
   state,
   fetchNextPage,
-  config
+  config,
+  analytics
 }) => {
   if (state === "revalidating") {
     return /* @__PURE__ */ u$2("ul", { class: "flex flex-col gap-3", "aria-hidden": true, children: Array.from({ length: PAGE_SIZE }).map((_2, i2) => /* @__PURE__ */ u$2("li", { children: /* @__PURE__ */ u$2(JobCardSkeleton, { seed: i2, animationDelay: (i2 - 4) * 0.1, config }) }, i2)) });
   } else {
-    return /* @__PURE__ */ u$2("button", { class: btnClass({ variant: "neutral", class: "py-2" }), onClick: fetchNextPage, children: "Load More" });
+    const handleClick = () => {
+      analytics.log({ event: "SEARCH_PAGINATE" });
+      fetchNextPage();
+    };
+    return /* @__PURE__ */ u$2("button", { class: btnClass({ variant: "neutral", class: "py-2" }), onClick: handleClick, children: "Load More" });
   }
 };
 const getResultsCount = ({ pagination }) => {
@@ -5566,7 +5571,8 @@ const ResultsSection = ({
   apiClient,
   logger,
   jobCardConfig,
-  initialData
+  initialData,
+  analytics
 }) => {
   const [page, setPage] = h$1(1);
   return /* @__PURE__ */ u$2(k$3, { children: Array.from({ length: page }).map((_2, index) => {
@@ -5582,7 +5588,8 @@ const ResultsSection = ({
         isLast,
         fetchNextPage: () => setPage(page + 1),
         jobCardConfig,
-        initialData
+        initialData,
+        analytics
       },
       index
     ) }, index);
@@ -5597,7 +5604,8 @@ const ResultsPage = ({
   isLast,
   fetchNextPage,
   jobCardConfig,
-  initialData
+  initialData,
+  analytics
 }) => {
   const fallbackData = page === 1 ? initialData : void 0;
   const { keyword$ } = store;
@@ -5654,7 +5662,7 @@ const ResultsPage = ({
             job.id
           );
         }) }),
-        hasMore && isLast && /* @__PURE__ */ u$2(LoadMore, { state, fetchNextPage, config: jobCardConfig })
+        hasMore && isLast && /* @__PURE__ */ u$2(LoadMore, { state, fetchNextPage, config: jobCardConfig, analytics })
       ] });
     }
     default:
@@ -5703,6 +5711,25 @@ const JobSearch = ({
     filters: getFilterDefaults(properties, "defaultValue")
   }));
   const { keyword$ } = store;
+  y$1(() => {
+    const timer = window.setTimeout(() => {
+      console.log("settling");
+      const formattedFilters = filtersToPayload(appliedFilters.filters);
+      const hasInteracted = appliedFilters.default !== true;
+      if (!keyword$.value && !hasInteracted)
+        return;
+      analytics.log({
+        event: "SEARCH_SETTLE",
+        properties: {
+          query: keyword$.value || void 0,
+          filters: hasInteracted ? formattedFilters : void 0
+        }
+      });
+    }, 5e3);
+    return () => {
+      clearTimeout(timer);
+    };
+  }, [appliedFilters.filters, keyword$.value, analytics, appliedFilters.default]);
   return /* @__PURE__ */ u$2("div", { ref: appRef, class: className, id: JOB_SEARCH_SCOPE_ELEMENT_ID, children: /* @__PURE__ */ u$2("div", { class: "ijs-app bg-app rounded-app font-family-default font-weight-default font-style-default mx-auto flex min-h-screen max-w-screen-lg flex-col gap-4 py-4 md:grid md:grid-cols-3 md:px-4", children: [
     /* @__PURE__ */ u$2(ErrorBoundary, { Fallback: ErrorView, children: /* @__PURE__ */ u$2("div", { class: "flex flex-col gap-2", children: [
       params.enableKeywordSearch && /* @__PURE__ */ u$2(KeywordSearch, { onKeywordChange }),
@@ -5740,7 +5767,8 @@ const JobSearch = ({
         logger,
         apiClient,
         jobCardConfig: params.jobCard,
-        initialData: appliedFilters.default ? initialData == null ? void 0 : initialData.jobs : void 0
+        initialData: appliedFilters.default ? initialData == null ? void 0 : initialData.jobs : void 0,
+        analytics
       },
       cacheKey({ filter: appliedFilters.filters, baseKey: "resultsSection", keyword: keyword$.value })
     ) }) }) })

package/dist/index.js

@@ -5545,12 +5545,17 @@ const JobCardSkeleton = ({
 const LoadMore = ({
   state,
   fetchNextPage,
-  config
+  config,
+  analytics
 }) => {
   if (state === "revalidating") {
     return /* @__PURE__ */ u$2("ul", { class: "flex flex-col gap-3", "aria-hidden": true, children: Array.from({ length: PAGE_SIZE }).map((_2, i2) => /* @__PURE__ */ u$2("li", { children: /* @__PURE__ */ u$2(JobCardSkeleton, { seed: i2, animationDelay: (i2 - 4) * 0.1, config }) }, i2)) });
   } else {
-    return /* @__PURE__ */ u$2("button", { class: btnClass({ variant: "neutral", class: "py-2" }), onClick: fetchNextPage, children: "Load More" });
+    const handleClick = () => {
+      analytics.log({ event: "SEARCH_PAGINATE" });
+      fetchNextPage();
+    };
+    return /* @__PURE__ */ u$2("button", { class: btnClass({ variant: "neutral", class: "py-2" }), onClick: handleClick, children: "Load More" });
   }
 };
 const getResultsCount = ({ pagination }) => {
@@ -5564,7 +5569,8 @@ const ResultsSection = ({
   apiClient,
   logger,
   jobCardConfig,
-  initialData
+  initialData,
+  analytics
 }) => {
   const [page, setPage] = h$1(1);
   return /* @__PURE__ */ u$2(k$3, { children: Array.from({ length: page }).map((_2, index) => {
@@ -5580,7 +5586,8 @@ const ResultsSection = ({
         isLast,
         fetchNextPage: () => setPage(page + 1),
         jobCardConfig,
-        initialData
+        initialData,
+        analytics
       },
       index
     ) }, index);
@@ -5595,7 +5602,8 @@ const ResultsPage = ({
   isLast,
   fetchNextPage,
   jobCardConfig,
-  initialData
+  initialData,
+  analytics
 }) => {
   const fallbackData = page === 1 ? initialData : void 0;
   const { keyword$ } = store;
@@ -5652,7 +5660,7 @@ const ResultsPage = ({
             job.id
           );
         }) }),
-        hasMore && isLast && /* @__PURE__ */ u$2(LoadMore, { state, fetchNextPage, config: jobCardConfig })
+        hasMore && isLast && /* @__PURE__ */ u$2(LoadMore, { state, fetchNextPage, config: jobCardConfig, analytics })
       ] });
     }
     default:
@@ -5701,6 +5709,25 @@ const JobSearch = ({
     filters: getFilterDefaults(properties, "defaultValue")
   }));
   const { keyword$ } = store;
+  y$1(() => {
+    const timer = window.setTimeout(() => {
+      console.log("settling");
+      const formattedFilters = filtersToPayload(appliedFilters.filters);
+      const hasInteracted = appliedFilters.default !== true;
+      if (!keyword$.value && !hasInteracted)
+        return;
+      analytics.log({
+        event: "SEARCH_SETTLE",
+        properties: {
+          query: keyword$.value || void 0,
+          filters: hasInteracted ? formattedFilters : void 0
+        }
+      });
+    }, 5e3);
+    return () => {
+      clearTimeout(timer);
+    };
+  }, [appliedFilters.filters, keyword$.value, analytics, appliedFilters.default]);
   return /* @__PURE__ */ u$2("div", { ref: appRef, class: className, id: JOB_SEARCH_SCOPE_ELEMENT_ID, children: /* @__PURE__ */ u$2("div", { class: "ijs-app bg-app rounded-app font-family-default font-weight-default font-style-default mx-auto flex min-h-screen max-w-screen-lg flex-col gap-4 py-4 md:grid md:grid-cols-3 md:px-4", children: [
     /* @__PURE__ */ u$2(ErrorBoundary, { Fallback: ErrorView, children: /* @__PURE__ */ u$2("div", { class: "flex flex-col gap-2", children: [
       params.enableKeywordSearch && /* @__PURE__ */ u$2(KeywordSearch, { onKeywordChange }),
@@ -5738,7 +5765,8 @@ const JobSearch = ({
         logger,
         apiClient,
         jobCardConfig: params.jobCard,
-        initialData: appliedFilters.default ? initialData == null ? void 0 : initialData.jobs : void 0
+        initialData: appliedFilters.default ? initialData == null ? void 0 : initialData.jobs : void 0,
+        analytics
       },
       cacheKey({ filter: appliedFilters.filters, baseKey: "resultsSection", keyword: keyword$.value })
     ) }) }) })

package/dist/job-search.api.d.ts

@@ -275,6 +275,8 @@ declare const JobSearchResponseSchema: import('valibot').SchemaWithTransform<imp
 }>;
 export type JobSearchResponsePayloadInput = Input<typeof JobSearchResponseSchema>;
 export type JobSearchResponsePayloadOutput = Output<typeof JobSearchResponseSchema>;
+export declare const getFilterValue: (filterValue: string | string[] | undefined) => string | string[] | null;
+export declare const filtersToPayload: (filters: Record<string, FilterValue | undefined>) => Record<string, string | string[] | null>;
 export declare const getAvailableFilters: ({ apiClient, filters, keyword, logger, signal, }: {
     apiClient: ApiClient;
     logger: Logger;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inploi/plugin-job-search",
-  "version": "0.22.2",
+  "version": "0.23.0",
   "type": "module",
   "main": "dist/plugin-job-search.js",
   "types": "dist/index.d.ts",