@next-degree/pickle-shared-js 0.12.1 → 0.12.2

package/dist/index.d.cts

@@ -35,8 +35,8 @@ export { WindowHistoryProvider } from './contexts/WindowHistoryProvider.cjs';
 export { useDisplayText } from './hooks/useDisplayText.cjs';
 export { useWindowHistory } from './hooks/useWindowHistory.cjs';
 export { c as CompanyService } from './company_service_latest-CITz7F53.cjs';
-export { j as JobPostService } from './job_posting_service_latest-tqnHqjwc.cjs';
-export { s as SharedService } from './shared_pickle_output_latest-DKOmTyYk.cjs';
+export { j as JobPostService } from './job_posting_service_latest-C_TEBzCf.cjs';
+export { s as SharedService } from './shared_pickle_output_latest-CXBCG04N.cjs';
 import 'cva/types';
 import 'react/jsx-runtime';
 import 'cva';
@@ -49,8 +49,9 @@ import './components/primitives/radio-group.cjs';
 import '@radix-ui/react-radio-group';
 import 'next/link';
 import '@radix-ui/react-tabs';
-import './shared_pickle_output_latest--XZhOUyE.cjs';
+import './shared_pickle_output_latest-CtvHTPeX.cjs';
 import 'zod';
 import 'clsx';
 import './lib/icons.cjs';
-import './displayText-DzxDrQAT.cjs';
+import './job_posting_service_latest-DdgK8Nnz.cjs';
+import './displayText-DW0qiJqh.cjs';

package/dist/index.d.ts

@@ -35,8 +35,8 @@ export { WindowHistoryProvider } from './contexts/WindowHistoryProvider.js';
 export { useDisplayText } from './hooks/useDisplayText.js';
 export { useWindowHistory } from './hooks/useWindowHistory.js';
 export { c as CompanyService } from './company_service_latest-CITz7F53.js';
-export { j as JobPostService } from './job_posting_service_latest-tqnHqjwc.js';
-export { s as SharedService } from './shared_pickle_output_latest-DKOmTyYk.js';
+export { j as JobPostService } from './job_posting_service_latest-C_TEBzCf.js';
+export { s as SharedService } from './shared_pickle_output_latest-CXBCG04N.js';
 import 'cva/types';
 import 'react/jsx-runtime';
 import 'cva';
@@ -49,8 +49,9 @@ import './components/primitives/radio-group.js';
 import '@radix-ui/react-radio-group';
 import 'next/link';
 import '@radix-ui/react-tabs';
-import './shared_pickle_output_latest--XZhOUyE.js';
+import './shared_pickle_output_latest-CtvHTPeX.js';
 import 'zod';
 import 'clsx';
 import './lib/icons.js';
-import './displayText-C1DIK8hr.js';
+import './job_posting_service_latest-DdgK8Nnz.js';
+import './displayText-DahwdHdi.js';

package/dist/index.js

@@ -15,6 +15,7 @@ var chipVariants = cva(["flex", "items-center", "rounded-3xl", "border", "w-fit"
       neutral: ["text-grey-80", "border-grey-10"],
       primary: ["text-purple-100", "border-purple-20"],
       danger: ["text-pumpkin-100", "border-pumpkin-20"],
+      jobLocation: ["text-grey-80", "border-grey-10", "bg-grey-5"],
       onboarding: ["text-green-100", "bg-green-10", "cursor-pointer"],
       onboardingSelected: ["text-white", "bg-green-90", "cursor-pointer"]
     },
@@ -3341,14 +3342,37 @@ var useDisplayText = (scope, value) => {
 };
 
 // src/lib/locations.ts
-function formattedAddress(address) {
+function formattedAddress(address, isRemote = false) {
+  if (!address) return null;
   const { addressLocality, addressRegion, addressCountry } = address;
-  if (addressLocality && addressRegion) return `${addressLocality}, ${addressRegion}`;
-  if (addressRegion && addressCountry) return `${addressRegion}, ${addressCountry}`;
-  if (addressRegion) return addressRegion;
-  if (addressCountry) return addressCountry;
+  const remoteMessage = isRemote ? " | Remote" : "";
+  if (addressLocality && addressRegion)
+    return `${addressLocality}, ${addressRegion + remoteMessage}`;
+  if (addressRegion && addressCountry) return `${addressRegion}, ${addressCountry + remoteMessage}`;
+  if (addressRegion) return `${addressRegion + remoteMessage}`;
+  if (addressCountry) return `${addressCountry + remoteMessage}`;
   return null;
 }
+function getAddressList(jobPost) {
+  const locations = [];
+  if (jobPost.jobLocation) {
+    const address = formattedAddress(jobPost.jobLocation, jobPost.isRemote);
+    if (address) locations.push(address);
+  }
+  if (jobPost.applicableOffices && jobPost.applicableOffices.length > 0) {
+    jobPost.applicableOffices.map((office) => {
+      const address = formattedAddress(office?.geoLocation?.address, jobPost.isRemote);
+      if (address && !locations.includes(address)) locations.push(address);
+    });
+  }
+  if (jobPost.applicantLocationRequirements && jobPost.applicantLocationRequirements.length > 0) {
+    jobPost.applicantLocationRequirements.map((place) => {
+      const address = formattedAddress(place?.address, jobPost.isRemote);
+      if (address && !locations.includes(address)) locations.push(address);
+    });
+  }
+  return locations;
+}
 function formattedJobLocation(job) {
   const address = job.jobLocation && formattedAddress(job.jobLocation);
   const remote = job.isRemote ? "Remote" : "";
@@ -3460,17 +3484,37 @@ function JobPost({
 // src/components/jobCard/JobLocation.tsx
 import { MapPin as MapPin2 } from "lucide-react";
 import { jsx as jsx42, jsxs as jsxs27 } from "react/jsx-runtime";
-function JobLocation({ mainLocation, extendedLocations }) {
-  return /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2", "data-testid": "job-card-location", children: [
+function JobLocation({ jobPost }) {
+  const locations = getAddressList(jobPost);
+  if (!locations || locations.length === 0) return null;
+  const primaryOffice = locations[0];
+  const extendedLocations = locations.slice(1).map((address) => address);
+  return /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2", "data-testid": "job-location-element", children: [
     /* @__PURE__ */ jsx42(MapPin2, { size: 16 }),
-    /* @__PURE__ */ jsx42("span", { className: "text-sm font-thin", children: mainLocation }),
-    extendedLocations && /* @__PURE__ */ jsx42(TooltipProvider, { children: /* @__PURE__ */ jsxs27(Tooltip, { children: [
-      /* @__PURE__ */ jsx42(TooltipTrigger, { children: /* @__PURE__ */ jsxs27("div", { className: "length-text group text-nowrap rounded-full bg-grey-5 px-2 py-1 text-sm font-bold text-gray-700 group-hover:cursor-pointer", children: [
-        "+ ",
-        extendedLocations.length,
-        " more"
-      ] }) }),
-      /* @__PURE__ */ jsx42(TooltipContent, { className: "border-1 rounded-md border border-grey-5 bg-white p-2", children: extendedLocations.map((location) => /* @__PURE__ */ jsx42("div", { className: "text-nowrap text-sm", children: location }, location)) })
+    /* @__PURE__ */ jsx42("span", { className: "text-sm font-thin", children: primaryOffice }),
+    extendedLocations.length > 0 && /* @__PURE__ */ jsx42(TooltipProvider, { children: /* @__PURE__ */ jsxs27(Tooltip, { children: [
+      /* @__PURE__ */ jsx42(TooltipTrigger, { children: /* @__PURE__ */ jsxs27(
+        Chip_default,
+        {
+          className: "font-bold",
+          size: "small",
+          variant: "jobLocation",
+          "data-testid": "job-location-tooltip",
+          children: [
+            "+ ",
+            extendedLocations.length,
+            " more"
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx42(
+        TooltipContent,
+        {
+          className: "border-1 rounded-md border border-grey-5 bg-white p-2",
+          "data-testid": "job-location-tooltip-content",
+          children: extendedLocations.map((location) => /* @__PURE__ */ jsx42("div", { className: "text-nowrap text-sm", children: location }, location))
+        }
+      )
     ] }) })
   ] });
 }