@inploi/plugin-job-search 0.13.0 → 0.14.1

package/dist/job-search.d.ts

@@ -32,7 +32,7 @@ export type FilterProperty = {
      */
     hidden?: boolean;
     /** The initial value for the filter. */
-    value?: string;
+    value?: string | string[];
     /** Whether users can search from the available results.
      *  @default false
      */
@@ -69,6 +69,8 @@ export type DisplayableFilterProperty = {
 export type JobSearchPluginCardOverrides = {
     /** Use only if you want to override the default salary property. */
     salary?: DisplayableFilterProperty;
+    /** Overrides the link to the job. */
+    baseUrl?: (jobId: string) => string;
 };
 export type JobSearchPluginParams = {
     theme: {
@@ -147,7 +149,7 @@ export interface RenderJobSearchPluginParams extends JobSearchPluginParams {
 export declare const createJobSearchDomManager: () => {
     getRenderTargetElement: () => Element;
 };
-export type ChatbotDomManager = ReturnType<typeof createJobSearchDomManager>;
+export type JobSearchDomManager = ReturnType<typeof createJobSearchDomManager>;
 export declare const jobSearchPlugin: () => ({ apiClient, logger, analytics }: {
     apiClient: import('@inploi/sdk').ApiClient;
     logger: import('@inploi/sdk').Logger;
@@ -194,9 +196,7 @@ export declare const jobSearchPlugin: () => ({ apiClient, logger, analytics }: {
                         company_logo?: string | undefined;
                         skills?: string | undefined;
                         town?: string | undefined;
-                    }; /** Whether users can select one or multiple values.
-                     *  @default `'one'`
-                     */
+                    };
                     id: number;
                     isNew: boolean;
                     company: {
@@ -221,4 +221,4 @@ export declare const jobSearchPlugin: () => ({ apiClient, logger, analytics }: {
     /** Renders the Job Search Plugin inside the container element. */
     render: (params: RenderJobSearchPluginParams) => Promise<void>;
 };
-export {};
+export { getStatefulPropertiesFromSearchParams } from './lib/utils';

package/dist/plugin-job-search.cjs

@@ -4399,14 +4399,15 @@ const JobCardLogo = ({
 };
 const asArray = (value) => Array.isArray(value) ? value : [value];
 const JobCard = ({ job, config }) => {
-  var _a;
+  var _a, _b;
   const subheading = config.subheading ? getDisplayableProperty({ job, property: config.subheading }) : null;
   const tags = config.infoTags.flatMap((infoTag) => asArray(getDisplayableProperty({ job, property: infoTag }))).filter(Boolean);
   const salary = asArray(
     ((_a = config.overrides) == null ? void 0 : _a.salary) ? getDisplayableProperty({ job, property: config.overrides.salary }) : job.pay
   ).filter(Boolean);
   const postedDateConfig = config.postedDate ?? "show";
-  return /* @__PURE__ */ u$1("a", { href: job.href, target: config.openJob === "redirect-new-tab" ? "_blank" : void 0, class: wrapperClass(), children: [
+  const href = ((_b = config.overrides) == null ? void 0 : _b.baseUrl) ? config.overrides.baseUrl(job.id.toString()) : job.href;
+  return /* @__PURE__ */ u$1("a", { href, target: config.openJob === "redirect-new-tab" ? "_blank" : void 0, class: wrapperClass(), children: [
     /* @__PURE__ */ u$1("div", { class: "flex min-w-0 flex-1 flex-col gap-4", children: [
       /* @__PURE__ */ u$1("div", { class: "gap-logo flex items-center", children: [
         /* @__PURE__ */ u$1(JobCardLogo, { job, config: config.logo }),
@@ -4595,13 +4596,21 @@ const ResultsPage = ({
 };
 const getFilterDefaults = (properties) => properties.reduce(
   (acc, property) => {
+    var _a;
     switch (property.select) {
-      case "one":
-        acc[property.key] = { select: property.select, value: property.value };
+      case "one": {
+        const value = typeof property.value === "string" ? property.value : (_a = property.value) == null ? void 0 : _a[0];
+        acc[property.key] = { select: property.select, value };
         break;
-      case "many":
-        acc[property.key] = { select: property.select, value: property.value ? [property.value] : [] };
+      }
+      case "many": {
+        const value = typeof property.value === "string" ? [property.value] : Array.isArray(property.value) ? property.value : [];
+        acc[property.key] = {
+          select: property.select,
+          value
+        };
         break;
+      }
       default:
         exhaustive(property.select);
     }
@@ -4918,6 +4927,18 @@ const generateColorThemeCss = (theme) => {
 ${tokenCss.concat(tokenCss).join("\n")}
 }`;
 };
+const getStatefulPropertiesFromSearchParams = (properties, searchParams) => {
+  const newProperties = structuredClone(properties);
+  newProperties.forEach((property) => {
+    if (searchParams.has(property.key)) {
+      const newValue = searchParams.get(property.key);
+      if (!newValue)
+        return;
+      property.value = newValue.includes(",") ? newValue.split(",") : newValue;
+    }
+  });
+  return newProperties;
+};
 const FILTER_KEYS = [
   "company_name",
   "employment_type",
@@ -5012,4 +5033,5 @@ const jobSearchPlugin = () => {
 };
 exports.FILTER_KEYS = FILTER_KEYS;
 exports.createJobSearchDomManager = createJobSearchDomManager;
+exports.getStatefulPropertiesFromSearchParams = getStatefulPropertiesFromSearchParams;
 exports.jobSearchPlugin = jobSearchPlugin;

package/dist/plugin-job-search.js

@@ -4397,14 +4397,15 @@ const JobCardLogo = ({
 };
 const asArray = (value) => Array.isArray(value) ? value : [value];
 const JobCard = ({ job, config }) => {
-  var _a;
+  var _a, _b;
   const subheading = config.subheading ? getDisplayableProperty({ job, property: config.subheading }) : null;
   const tags = config.infoTags.flatMap((infoTag) => asArray(getDisplayableProperty({ job, property: infoTag }))).filter(Boolean);
   const salary = asArray(
     ((_a = config.overrides) == null ? void 0 : _a.salary) ? getDisplayableProperty({ job, property: config.overrides.salary }) : job.pay
   ).filter(Boolean);
   const postedDateConfig = config.postedDate ?? "show";
-  return /* @__PURE__ */ u$1("a", { href: job.href, target: config.openJob === "redirect-new-tab" ? "_blank" : void 0, class: wrapperClass(), children: [
+  const href = ((_b = config.overrides) == null ? void 0 : _b.baseUrl) ? config.overrides.baseUrl(job.id.toString()) : job.href;
+  return /* @__PURE__ */ u$1("a", { href, target: config.openJob === "redirect-new-tab" ? "_blank" : void 0, class: wrapperClass(), children: [
     /* @__PURE__ */ u$1("div", { class: "flex min-w-0 flex-1 flex-col gap-4", children: [
       /* @__PURE__ */ u$1("div", { class: "gap-logo flex items-center", children: [
         /* @__PURE__ */ u$1(JobCardLogo, { job, config: config.logo }),
@@ -4593,13 +4594,21 @@ const ResultsPage = ({
 };
 const getFilterDefaults = (properties) => properties.reduce(
   (acc, property) => {
+    var _a;
     switch (property.select) {
-      case "one":
-        acc[property.key] = { select: property.select, value: property.value };
+      case "one": {
+        const value = typeof property.value === "string" ? property.value : (_a = property.value) == null ? void 0 : _a[0];
+        acc[property.key] = { select: property.select, value };
         break;
-      case "many":
-        acc[property.key] = { select: property.select, value: property.value ? [property.value] : [] };
+      }
+      case "many": {
+        const value = typeof property.value === "string" ? [property.value] : Array.isArray(property.value) ? property.value : [];
+        acc[property.key] = {
+          select: property.select,
+          value
+        };
         break;
+      }
       default:
         exhaustive(property.select);
     }
@@ -4916,6 +4925,18 @@ const generateColorThemeCss = (theme) => {
 ${tokenCss.concat(tokenCss).join("\n")}
 }`;
 };
+const getStatefulPropertiesFromSearchParams = (properties, searchParams) => {
+  const newProperties = structuredClone(properties);
+  newProperties.forEach((property) => {
+    if (searchParams.has(property.key)) {
+      const newValue = searchParams.get(property.key);
+      if (!newValue)
+        return;
+      property.value = newValue.includes(",") ? newValue.split(",") : newValue;
+    }
+  });
+  return newProperties;
+};
 const FILTER_KEYS = [
   "company_name",
   "employment_type",
@@ -5011,5 +5032,6 @@ const jobSearchPlugin = () => {
 export {
   FILTER_KEYS,
   createJobSearchDomManager,
+  getStatefulPropertiesFromSearchParams,
   jobSearchPlugin
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inploi/plugin-job-search",
-  "version": "0.13.0",
+  "version": "0.14.1",
   "type": "module",
   "main": "dist/plugin-job-search.js",
   "types": "dist/index.d.ts",
@@ -45,7 +45,7 @@
     "vite": "^4.5.3",
     "vite-plugin-dts": "^3.9.1",
     "vite-tsconfig-paths": "^4.3.2",
-    "@inploi/core": "1.14.0",
+    "@inploi/core": "1.14.1",
     "@inploi/design-tokens": "0.2.1",
     "@inploi/plugin-job-alerts": "0.2.0",
     "@inploi/sdk": "1.13.2",