@next-degree/pickle-shared-js 0.4.31 → 0.6.43

package/dist/index.cjs

@@ -30,18 +30,37 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  Avatar: () => Avatar,
+  BackButton: () => BackButton,
   Badge: () => Badge,
   Button: () => Button,
   Checkbox: () => Checkbox_default,
   Chip: () => Chip_default,
   Combobox: () => Combobox,
+  CompanyBenefits: () => CompanyBenefits,
+  CompanyInformation: () => CompanyInformation,
+  CompanyService: () => company_service_latest_exports,
+  CompanyTake: () => CompanyTake,
   Counter: () => Counter,
+  Icon: () => Icon,
   Input: () => Input_default,
+  JobDescription: () => JobDescription,
+  JobHeader: () => JobHeader,
+  JobPost: () => JobPost,
+  JobPostService: () => job_posting_service_latest_exports,
   Label: () => Label_default,
+  LinkButton: () => LinkButton,
   ListItem: () => ListItem_default,
+  MapComponent: () => MapComponent_default,
   PlacesQueryInput: () => PlacesQueryInput_default,
+  ReadMore: () => ReadMore,
   Select: () => Select_default,
-  cn: () => cn
+  SharedService: () => shared_pickle_output_latest_exports,
+  WindowHistoryProvider: () => WindowHistoryProvider,
+  cn: () => cn,
+  fetchLocation: () => fetchLocation,
+  useDisplayText: () => useDisplayText,
+  useWindowHistory: () => useWindowHistory
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -532,6 +551,26 @@ var inputVariants = (0, import_cva2.cva)(
 );
 var Input_default = Input;
 
+// src/components/ui/MapComponent.tsx
+var import_react_google_maps = require("@vis.gl/react-google-maps");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function MapComponent({ apiKey, mapId, position, className, zoom = 15 }) {
+  const defaultPosition = { lat: 40.715021, lng: -74.00459 };
+  const defaultZoom = 11;
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_google_maps.APIProvider, { apiKey, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: cn("h-screen max-w-full", className), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    import_react_google_maps.Map,
+    {
+      zoom: position ? zoom : defaultZoom,
+      center: position || defaultPosition,
+      mapId,
+      keyboardShortcuts: false,
+      disableDefaultUI: true,
+      children: position && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_google_maps.AdvancedMarker, { position, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_google_maps.Pin, { background: "#0B5441", borderColor: "#EBFDF1", glyphColor: "#D4F500" }) })
+    }
+  ) }) });
+}
+var MapComponent_default = MapComponent;
+
 // src/components/primitives/command.tsx
 var import_cmdk = require("cmdk");
 var import_lucide_react8 = require("lucide-react");
@@ -541,9 +580,9 @@ var React4 = __toESM(require("react"), 1);
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_lucide_react7 = require("lucide-react");
 var React3 = __toESM(require("react"), 1);
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var DialogPortal = DialogPrimitive.Portal;
-var DialogOverlay = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+var DialogOverlay = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -555,9 +594,9 @@ var DialogOverlay = React3.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React3.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(DialogPortal, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DialogOverlay, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+var DialogContent = React3.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(DialogPortal, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DialogOverlay, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
     DialogPrimitive.Content,
     {
       ref,
@@ -568,18 +607,18 @@ var DialogContent = React3.forwardRef(({ className, children, ...props }, ref) =
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-neutral-950 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-500 dark:ring-offset-neutral-950 dark:focus:ring-neutral-300 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-400", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react7.X, { className: "h-4 w-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-neutral-950 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-500 dark:ring-offset-neutral-950 dark:focus:ring-neutral-300 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-400", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react7.X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
   )
 ] }));
 DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
+var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
 DialogHeader.displayName = "DialogHeader";
-var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
   "div",
   {
     className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
@@ -587,7 +626,7 @@ var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_r
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+var DialogTitle = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
   DialogPrimitive.Title,
   {
     ref,
@@ -596,7 +635,7 @@ var DialogTitle = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+var DialogDescription = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
   DialogPrimitive.Description,
   {
     ref,
@@ -607,8 +646,8 @@ var DialogDescription = React3.forwardRef(({ className, ...props }, ref) => /* @
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // src/components/primitives/command.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var Command = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var Command = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
   import_cmdk.Command,
   {
     ref,
@@ -620,9 +659,9 @@ var Command = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
   }
 ));
 Command.displayName = import_cmdk.Command.displayName;
-var CommandInput = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "m-1 flex items-center rounded-xl border px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react8.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+var CommandInput = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "m-1 flex items-center rounded-xl border px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react8.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     import_cmdk.Command.Input,
     {
       ref,
@@ -635,7 +674,7 @@ var CommandInput = React4.forwardRef(({ className, ...props }, ref) => /* @__PUR
   )
 ] }));
 CommandInput.displayName = import_cmdk.Command.Input.displayName;
-var CommandList = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+var CommandList = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
   import_cmdk.Command.List,
   {
     ref,
@@ -644,9 +683,9 @@ var CommandList = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CommandList.displayName = import_cmdk.Command.List.displayName;
-var CommandEmpty = React4.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_cmdk.Command.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
+var CommandEmpty = React4.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_cmdk.Command.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
 CommandEmpty.displayName = import_cmdk.Command.Empty.displayName;
-var CommandGroup = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+var CommandGroup = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
   import_cmdk.Command.Group,
   {
     ref,
@@ -658,7 +697,7 @@ var CommandGroup = React4.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandGroup.displayName = import_cmdk.Command.Group.displayName;
-var CommandSeparator = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+var CommandSeparator = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
   import_cmdk.Command.Separator,
   {
     ref,
@@ -667,7 +706,7 @@ var CommandSeparator = React4.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 CommandSeparator.displayName = import_cmdk.Command.Separator.displayName;
-var CommandItem = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+var CommandItem = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
   import_cmdk.Command.Item,
   {
     ref,
@@ -680,7 +719,7 @@ var CommandItem = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE
 ));
 CommandItem.displayName = import_cmdk.Command.Item.displayName;
 var CommandShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "span",
     {
       className: cn("ml-auto text-xs tracking-widest text-neutral-500", className),
@@ -703,11 +742,47 @@ var autocomplete = async (input, key) => {
     console.error(error);
   }
 };
+var fetchLocation = async (place, key) => {
+  try {
+    if (place.place_id) {
+      const placeDetails = await getPlaceDetails(place.place_id, key);
+      if (placeDetails) return placeDetails;
+    }
+    if (place.address) {
+      const result = await geocode(place.address, key);
+      const firstAddress = result?.[0];
+      return firstAddress;
+    }
+    return void 0;
+  } catch (error) {
+    console.error("Error fetching location:", error);
+  }
+};
+var getPlaceDetails = async (place_id, key) => {
+  try {
+    const response = await client.placeDetails({
+      params: { place_id, key }
+    });
+    return response.data.result;
+  } catch (error) {
+    console.error(error);
+  }
+};
+var geocode = async (address, key) => {
+  try {
+    const response = await client.geocode({
+      params: { address, key }
+    });
+    return response.data.results;
+  } catch (error) {
+    console.error(error);
+  }
+};
 
 // src/components/ui/PlacesQueryInput.tsx
 var import_lucide_react9 = require("lucide-react");
 var import_react4 = require("react");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function PlacesQueryInput({
   apiKey,
   selected,
@@ -762,9 +837,9 @@ function PlacesQueryInput({
     window.addEventListener("resize", checkDropdownPosition);
     return () => window.removeEventListener("resize", checkDropdownPosition);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: cn("relative w-full", className), ref: inputRef, onBlur: handleBlur, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Command, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "relative w-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: cn("relative w-full", className), ref: inputRef, onBlur: handleBlur, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Command, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "relative w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         CommandInput,
         {
           placeholder: "Type an address to search...",
@@ -773,18 +848,18 @@ function PlacesQueryInput({
           className: "truncate pr-8"
         }
       ),
-      isLoadingPredictions && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react9.LoaderCircle, { className: "absolute inset-y-0 right-2 my-auto flex h-8 w-8 animate-spin items-center justify-center rounded-full text-green-100" }),
-      input && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      isLoadingPredictions && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react9.LoaderCircle, { className: "absolute inset-y-0 right-2 my-auto flex h-8 w-8 animate-spin items-center justify-center rounded-full text-green-100" }),
+      input && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         "button",
         {
           type: "button",
           className: "absolute inset-y-0 right-2 my-auto flex h-8 w-8 cursor-pointer items-center justify-center rounded-full hover:bg-pickle-20",
           onClick: handleClear,
-          children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react9.CircleX, { className: "h-4 w-4 text-green-100" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react9.CircleX, { className: "h-4 w-4 text-green-100" })
         }
       )
     ] }),
-    predictions && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+    predictions && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
       CommandList,
       {
         className: cn(
@@ -792,8 +867,8 @@ function PlacesQueryInput({
           shouldOpenUpward ? "bottom-full" : "top-full"
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CommandEmpty, { children: "No results" }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CommandGroup, { children: predictions.map((prediction) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(CommandEmpty, { children: "No results" }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(CommandGroup, { children: predictions.map((prediction) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
             CommandItem,
             {
               onSelect: () => handleSelect(prediction),
@@ -813,11 +888,11 @@ var PlacesQueryInput_default = PlacesQueryInput;
 var import_react_slot = require("@radix-ui/react-slot");
 var import_cva3 = require("cva");
 var import_react5 = require("react");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var Button = (0, import_react5.forwardRef)(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Component = asChild ? import_react_slot.Slot : "button";
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       Component,
       {
         className: cn(buttonVariants({ variant, size, className })),
@@ -926,10 +1001,10 @@ var import_cva5 = require("cva");
 // src/components/primitives/popover.tsx
 var React6 = __toESM(require("react"), 1);
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"), 1);
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React6.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var PopoverContent = React6.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
   PopoverPrimitive.Content,
   {
     ref,
@@ -946,7 +1021,7 @@ PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
 // src/components/ui/Badge.tsx
 var import_cva4 = require("cva");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var badgeVariants = (0, import_cva4.cva)("rounded-full px-2 py-0.5 text-xs font-semibold", {
   variants: {
     variant: {
@@ -960,11 +1035,11 @@ var badgeVariants = (0, import_cva4.cva)("rounded-full px-2 py-0.5 text-xs font-
   }
 });
 function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: cn(badgeVariants({ variant }), className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: cn(badgeVariants({ variant }), className), ...props });
 }
 
 // src/components/ui/Combobox.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var Combobox = (0, import_react6.forwardRef)((props, ref) => {
   const {
     id,
@@ -1021,8 +1096,8 @@ var Combobox = (0, import_react6.forwardRef)((props, ref) => {
     const defaultLabel = !isEmpty ? selected.map((s) => s.title).join(", ") : placeholder;
     return isDefault ? defaultLabel : label;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: cn("flex flex-col gap-1", className), children: [
-    isDefault && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: cn("flex flex-col gap-1", className), children: [
+    isDefault && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       Label_default,
       {
         text: label,
@@ -1032,15 +1107,15 @@ var Combobox = (0, import_react6.forwardRef)((props, ref) => {
         className: classNames?.label
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "relative flex", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "relative flex", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           PopoverTrigger,
           {
             asChild: true,
             disabled: options.length === 0,
             "data-testid": `${id ?? name}-combobox-trigger`,
-            children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
               "div",
               {
                 ref,
@@ -1051,9 +1126,9 @@ var Combobox = (0, import_react6.forwardRef)((props, ref) => {
                 ),
                 "aria-expanded": open,
                 children: [
-                  isDefault && IconComponent && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconComponent, { className: "h-4 w-4 shrink-0" }),
-                  isChip && !isEmpty && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Badge, { variant: "purple", children: selected.length }),
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                  isDefault && IconComponent && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(IconComponent, { className: "h-4 w-4 shrink-0" }),
+                  isChip && !isEmpty && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Badge, { variant: "purple", children: selected.length }),
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                     "span",
                     {
                       className: cn(
@@ -1063,7 +1138,7 @@ var Combobox = (0, import_react6.forwardRef)((props, ref) => {
                       children: handleDisplayValue()
                     }
                   ),
-                  showChevron && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                  showChevron && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                     import_lucide_react10.ChevronDownIcon,
                     {
                       className: "shrink-0 transform group-data-[state=open]:rotate-180",
@@ -1075,7 +1150,7 @@ var Combobox = (0, import_react6.forwardRef)((props, ref) => {
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           PopoverContent,
           {
             className: cn(
@@ -1086,16 +1161,16 @@ var Combobox = (0, import_react6.forwardRef)((props, ref) => {
             collisionPadding: 8,
             sideOffset: 4,
             align: "start",
-            children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Command, { children: [
-              !hideSearchBox && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CommandInput, { placeholder: "Search..." }),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(CommandList, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CommandEmpty, { children: "No results" }),
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CommandGroup, { children: options.map(({ id: id2, ...option }) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Command, { children: [
+              !hideSearchBox && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CommandInput, { placeholder: "Search..." }),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(CommandList, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CommandEmpty, { children: "No results" }),
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CommandGroup, { children: options.map(({ id: id2, ...option }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                   CommandItem,
                   {
                     value: option.title,
                     onSelect: () => handleSelect(option.value),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                       ListItem_default,
                       {
                         className: cn(classNames?.items, "truncate py-1"),
@@ -1108,19 +1183,19 @@ var Combobox = (0, import_react6.forwardRef)((props, ref) => {
                   id2
                 )) })
               ] }),
-              !!footer && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Separator, {}),
+              !!footer && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Separator, {}),
               footer && footer({ close })
             ] })
           }
         )
       ] }),
-      isDefault && !isEmpty && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      isDefault && !isEmpty && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         "button",
         {
           type: "button",
           className: "absolute inset-y-0 right-1 my-auto flex h-8 w-8 cursor-pointer items-center justify-center rounded-full hover:bg-pickle-20",
           onClick: handleClear,
-          children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react10.CircleX, { className: "h-4 w-4 text-green-100" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react10.CircleX, { className: "h-4 w-4 text-green-100" })
         }
       )
     ] })
@@ -1157,7 +1232,7 @@ var triggerVariants = (0, import_cva5.cva)(
 var import_cva6 = require("cva");
 var import_lucide_react11 = require("lucide-react");
 var import_react7 = require("react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var Counter = (0, import_react7.forwardRef)(
   ({ label, error, min, max, step = 1, description, theme, value, classNames, onChange, ...props }, ref) => {
     const [count, setCount] = (0, import_react7.useState)(0);
@@ -1192,13 +1267,13 @@ var Counter = (0, import_react7.forwardRef)(
       onChange?.(newValue);
       setCount(newValue);
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
       "div",
       {
         className: cn("flex w-auto flex-col gap-1", classNames?.root),
         "data-testid": `counter-wrapper-${props.id}`,
         children: [
-          label && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          label && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
             Label_default,
             {
               text: label,
@@ -1208,17 +1283,17 @@ var Counter = (0, import_react7.forwardRef)(
               className: classNames?.label
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "relative flex w-[122px] flex-row items-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "relative flex w-[122px] flex-row items-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
               "button",
               {
                 type: "button",
                 className: "absolute inset-y-0 left-1 my-auto flex h-8 w-8 cursor-pointer items-center justify-center rounded-full hover:bg-pickle-20",
                 onClick: decrement,
-                children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react11.Minus, { className: "h-4 w-4 text-green-100" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react11.Minus, { className: "h-4 w-4 text-green-100" })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
               "input",
               {
                 className: cn(counterVariants({ theme }), classNames?.input),
@@ -1229,17 +1304,17 @@ var Counter = (0, import_react7.forwardRef)(
                 ...props
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
               "button",
               {
                 type: "button",
                 className: "absolute inset-y-0 right-1 my-auto flex h-8 w-8 cursor-pointer items-center justify-center rounded-full hover:bg-pickle-20",
                 onClick: increment,
-                children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react11.Plus, { className: "h-4 w-4 text-green-100" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react11.Plus, { className: "h-4 w-4 text-green-100" })
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ErrorMessage_default, { message: error })
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ErrorMessage_default, { message: error })
         ]
       }
     );
@@ -1295,19 +1370,1436 @@ var counterVariants = (0, import_cva6.cva)(
     }
   }
 );
+
+// src/components/primitives/avatar.tsx
+var AvatarPrimitive = __toESM(require("@radix-ui/react-avatar"), 1);
+var React7 = __toESM(require("react"), 1);
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var AvatarBase = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  AvatarPrimitive.Root,
+  {
+    ref,
+    className: cn("relative flex shrink-0 overflow-hidden rounded-full", className),
+    ...props
+  }
+));
+AvatarBase.displayName = AvatarPrimitive.Root.displayName;
+var AvatarImage = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  AvatarPrimitive.Image,
+  {
+    ref,
+    className: cn("aspect-square h-full w-full", className),
+    "data-testid": "job-card-avatar",
+    ...props
+  }
+));
+AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+var AvatarFallback = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  AvatarPrimitive.Fallback,
+  {
+    ref,
+    className: cn(
+      "flex h-full w-full items-center justify-center rounded-full bg-pumpkin-100 py-2 text-sm font-bold capitalize leading-normal text-white md:text-lg",
+      className
+    ),
+    ...props
+  }
+));
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+
+// src/components/ui/Avatar.tsx
+var import_cva7 = require("cva");
+var import_link = __toESM(require("next/link"), 1);
+var import_jsx_runtime20 = require("react/jsx-runtime");
+function Avatar({ size, src, href, name, ...linkProps }) {
+  const fallbackShort = name?.slice(0, 2);
+  const fallbackWords = name?.split(" ").map((n) => n[0]).join("").slice(0, 2);
+  const fallback = fallbackWords && fallbackWords.length > 1 ? fallbackWords : fallbackShort;
+  const renderAvatar = () => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(AvatarBase, { className: avatarVariants({ size }), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(AvatarImage, { src, alt: name }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(AvatarFallback, { children: fallback?.toUpperCase() })
+  ] });
+  if (href) {
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_link.default, { href, ...linkProps, children: renderAvatar() });
+  }
+  return renderAvatar();
+}
+var avatarVariants = (0, import_cva7.cva)("ring ring-white ring-2", {
+  variants: {
+    size: {
+      large: "h-16 w-16",
+      medium: "h-10 w-10",
+      small: "h-8 w-8"
+    }
+  },
+  defaultVariants: {
+    size: "medium"
+  }
+});
+
+// src/components/ui/Icon.tsx
+var import_react_slot2 = require("@radix-ui/react-slot");
+var import_cva8 = require("cva");
+var import_react8 = require("react");
+var import_tailwind_merge3 = require("tailwind-merge");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var Icon = (0, import_react8.forwardRef)(
+  ({ variant, size, active = false, readonly = false, className, ...props }, ref) => {
+    const Component = readonly ? import_react_slot2.Slot : "button";
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      Component,
+      {
+        className: cn(
+          (0, import_tailwind_merge3.twMerge)(iconVariants({ variant: active ? "active" : variant, size })),
+          className
+        ),
+        ...props,
+        ref
+      }
+    );
+  }
+);
+Icon.displayName = "Icon";
+var iconVariants = (0, import_cva8.cva)(
+  [
+    "inline-flex",
+    "items-center",
+    "rounded-full",
+    "outline-2",
+    "outline-offset-2",
+    "outline-dashed",
+    "outline-transparent",
+    "disabled:text-grey-40",
+    "disabled:bg-transparent",
+    "disabled:pointer-events-none"
+  ],
+  {
+    variants: {
+      variant: {
+        filled: [
+          "border",
+          "border-green-80",
+          "bg-green-90",
+          "text-white",
+          "hover:bg-green-80",
+          "active:bg-green-80",
+          "focus:outline-pickle-100",
+          "disabled:bg-green-70"
+        ],
+        transparent: [
+          "text-black",
+          "hover:bg-grey-5",
+          "active:bg-grey-10",
+          "focus:outline-purple-100"
+        ],
+        tonal: [
+          "border",
+          "border-grey-5",
+          "hover:border-grey-10",
+          "active:border-grey-20",
+          "focus:outline-purple-100"
+        ],
+        active: ["text-black", "bg-pickle-100"]
+      },
+      size: {
+        small: ["h-10", "w-10", "p-3"],
+        medium: ["h-12", "w-12", "p-4"],
+        large: ["h-14", "w-14", "p-4"]
+      }
+    },
+    defaultVariants: {
+      variant: "filled",
+      size: "medium"
+    }
+  }
+);
+
+// src/components/ui/LinkButton.tsx
+var import_link2 = __toESM(require("next/link"), 1);
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var LinkButton = ({
+  disabled = false,
+  useAnchor = false,
+  children,
+  href,
+  ...props
+}) => {
+  const Component = useAnchor ? "a" : import_link2.default;
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    Component,
+    {
+      href,
+      className: `inline-flex items-center justify-center gap-2 rounded-full text-sm font-bold leading-tight text-black underline outline-dashed outline-2 outline-offset-2 outline-transparent hover:text-purple-100 focus:text-black focus:outline-purple-100 active:text-purple-80 ${disabled ? "pointer-events-none text-grey-40" : ""} `,
+      ...disabled && { "aria-disabled": true, tabIndex: -1 },
+      ...props,
+      children
+    }
+  );
+};
+
+// src/components/ui/ReadMore.tsx
+var import_react9 = require("react");
+var import_react_markdown = __toESM(require("react-markdown"), 1);
+var import_jsx_runtime23 = require("react/jsx-runtime");
+function ReadMore({ text, ...props }) {
+  const [isExpanded, setIsExpanded] = (0, import_react9.useState)(false);
+  const [maxWords, setMaxWords] = (0, import_react9.useState)(160);
+  (0, import_react9.useEffect)(() => {
+    const updateMaxWords = () => {
+      const windowWidth = window.innerWidth;
+      if (windowWidth <= 768) {
+        setMaxWords(50);
+      } else {
+        setMaxWords(160);
+      }
+    };
+    updateMaxWords();
+    window.addEventListener("resize", updateMaxWords);
+    return () => window.removeEventListener("resize", updateMaxWords);
+  }, []);
+  function createReadMoreText(text2, maxWords2, isExpanded2) {
+    const words = text2.split(" ");
+    const snippet2 = isExpanded2 ? text2 : words.slice(0, maxWords2).join(" ");
+    const readMoreText = isExpanded2 ? "" : "...";
+    return `${snippet2} ${readMoreText}`;
+  }
+  const toggleText = () => setIsExpanded(!isExpanded);
+  const snippet = createReadMoreText(text, maxWords, isExpanded);
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { "data-testid": "read-more-text", className: "prose lg:prose-lg", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_markdown.default, { children: snippet }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button, { className: "mt-2 flex items-center justify-center", variant: "link", onClick: toggleText, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("p", { className: "text-sm font-bold underline underline-offset-2", children: [
+      "Read ",
+      isExpanded ? "less" : "more"
+    ] }) })
+  ] });
+}
+
+// src/components/company/CompanyBenefits.tsx
+var import_jsx_runtime24 = require("react/jsx-runtime");
+function CompanyBenefits({ benefits }) {
+  if (!benefits) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-col gap-2", "data-testid": "company-benefits", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h2", { className: "break-word max-w-full text-xl font-bold text-black sm:max-w-2xl md:max-w-lg", children: "Company benefits" }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("ul", { className: "flex flex-col gap-3", children: benefits.map((benefit, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("li", { className: "text-base text-grey-80", children: benefit }, `${benefit}-${i}`)) })
+  ] });
+}
+
+// src/components/company/CompanyInformation.tsx
+var import_jsx_runtime25 = require("react/jsx-runtime");
+function CompanyInformation({
+  name,
+  how,
+  mission,
+  wow,
+  website
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+      "h2",
+      {
+        "data-testid": "company-name",
+        className: "break-word max-w-full text-xl font-bold text-black sm:max-w-2xl md:max-w-lg",
+        children: [
+          "About ",
+          name
+        ]
+      }
+    ),
+    how && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { "data-testid": "company-information", className: "text-base text-grey-80", children: how }),
+    mission && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: "\u{1F680}" }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("p", { className: "text-base text-grey-80", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "pr-1 font-bold", children: "Mission" }),
+        mission
+      ] })
+    ] }),
+    wow && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: "\u{1F31F}" }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("p", { className: "text-base text-grey-80", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "pr-1 font-bold", children: "Wow Factor" }),
+        wow
+      ] })
+    ] }),
+    website && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      LinkButton,
+      {
+        "data-testid": "company-website-link",
+        href: website,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        children: "Website"
+      }
+    ) })
+  ] });
+}
+
+// src/components/company/CompanyTake.tsx
+var import_jsx_runtime26 = require("react/jsx-runtime");
+function CompanyTake({ content, avatarSrc }) {
+  if (!content) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+    "div",
+    {
+      "data-testid": "company-take",
+      className: "align-center w-full justify-start rounded-2xl bg-green-90 p-6",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-lg font-bold text-white sm:text-xl", children: "The Real Dill \u2618\uFE0F" }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "mt-2 flex items-center justify-start", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-sm font-normal text-grey-10", children: content }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "mt-8 flex w-full items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Avatar, { name: "Jon Lee", src: avatarSrc }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col flex-wrap items-start", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-sm font-bold text-white", children: "Jon Lee, PT, DPT, OCS, FAAOMPT, MBA" }),
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-xs font-normal text-grey-30", children: "Pickle co-founder" })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/jobPost/JobDescription.tsx
+var import_jsx_runtime27 = require("react/jsx-runtime");
+function JobDescription({ description }) {
+  if (!description) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex w-full flex-col gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("h3", { className: "text-xl font-bold", children: "Job Description" }),
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ReadMore, { text: description })
+  ] });
+}
+
+// src/components/jobPost/JobHeader.tsx
+var import_lucide_react14 = require("lucide-react");
+var import_image = __toESM(require("next/image"), 1);
+
+// src/components/buttons/BackButton.tsx
+var import_lucide_react12 = require("lucide-react");
+var import_navigation2 = require("next/navigation");
+
+// src/hooks/useWindowHistory.ts
+var import_react11 = require("react");
+
+// src/contexts/WindowHistoryProvider.tsx
+var import_navigation = require("next/navigation");
+var import_react10 = require("react");
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var WindowHistoryContext = (0, import_react10.createContext)({});
+function WindowHistoryProvider({ children }) {
+  const [history, setHistory] = (0, import_react10.useState)([]);
+  const searchParams = (0, import_navigation.useSearchParams)();
+  (0, import_react10.useEffect)(() => {
+    setHistory(
+      (prev) => prev.at(-1) === window.location.href ? prev : [...prev, window.location.href]
+    );
+  }, [searchParams]);
+  const contextValue = (0, import_react10.useMemo)(() => ({ history }), [history]);
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(WindowHistoryContext.Provider, { value: contextValue, children });
+}
+
+// src/hooks/useWindowHistory.ts
+function useWindowHistory() {
+  const windowHistoryContext = (0, import_react11.useContext)(WindowHistoryContext);
+  if (Object.keys(windowHistoryContext).length === 0) {
+    throw new Error("useWindowHistory was used outside of its WindowHistoryContext");
+  }
+  return windowHistoryContext;
+}
+
+// src/components/buttons/BackButton.tsx
+var import_jsx_runtime29 = require("react/jsx-runtime");
+function BackButton({ acceptedRoutes, fallbackHref, className, ...props }) {
+  const { history } = useWindowHistory();
+  const router = (0, import_navigation2.useRouter)();
+  const isAcceptedRoute = (r) => !!acceptedRoutes?.find((route) => new RegExp("^" + route + "$", "i").test(r));
+  const goBack = () => {
+    const previous = history[history.length - 2];
+    history.length > 1 && isAcceptedRoute(previous) ? router.back() : router.push(fallbackHref ?? "/");
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    Icon,
+    {
+      "aria-label": "back button",
+      variant: "transparent",
+      size: "small",
+      onClick: goBack,
+      className,
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react12.X, {})
+    }
+  );
+}
+
+// src/lib/icons.ts
+var import_lucide_react13 = require("lucide-react");
+var iconMap = {
+  house: import_lucide_react13.Home,
+  layers: import_lucide_react13.Layers,
+  users: import_lucide_react13.Users,
+  settings: import_lucide_react13.Settings,
+  building: import_lucide_react13.Building,
+  bell: import_lucide_react13.Bell,
+  wallet: import_lucide_react13.Wallet,
+  contact: import_lucide_react13.Contact,
+  banknote: import_lucide_react13.Banknote,
+  "message-square-dot": import_lucide_react13.MessageSquareDot,
+  "life-buoy": import_lucide_react13.LifeBuoy,
+  "building-2": import_lucide_react13.Building2,
+  "gallery-vertical-end": import_lucide_react13.GalleryVerticalEnd,
+  "square-kanban": import_lucide_react13.SquareKanban,
+  "briefcase-business": import_lucide_react13.BriefcaseBusiness,
+  "circle-user": import_lucide_react13.CircleUser,
+  "key-round": import_lucide_react13.KeyRound,
+  "clock-2": import_lucide_react13.Clock2,
+  "circle-user-round": import_lucide_react13.CircleUserRound,
+  "map-pin": import_lucide_react13.MapPin
+};
+
+// src/components/jobPost/JobHeader.tsx
+var import_jsx_runtime30 = require("react/jsx-runtime");
+function JobHeader({
+  title,
+  subtitles,
+  standalone,
+  bannerSrc,
+  avatarSrc,
+  avatarName,
+  avatarHref,
+  backFallbackHref,
+  backAcceptedRoutes,
+  actions,
+  tags
+}) {
+  const renderIcon = (icon) => {
+    const Icon2 = iconMap[icon];
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Icon2, { size: 18 });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+    "div",
+    {
+      "data-testid": "job-header-root",
+      className: cn(
+        "-mt-8 flex w-full flex-col items-center justify-between gap-6 md:-mt-0",
+        !standalone && "rounded-3xl"
+      ),
+      children: [
+        !standalone && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "relative flex min-h-16 w-full items-center rounded-t-3xl bg-transparent md:min-h-24 md:flex-row lg:min-h-32", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+            import_image.default,
+            {
+              className: "h-full w-full rounded-t-3xl object-cover",
+              src: bannerSrc,
+              alt: "job banner",
+              fill: true
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+            BackButton,
+            {
+              acceptedRoutes: backAcceptedRoutes,
+              fallbackHref: backFallbackHref,
+              className: "absolute right-2 top-2 flex items-center justify-center text-white sm:hidden",
+              "data-testid": "job-header-back-button"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+            "div",
+            {
+              className: "absolute left-4 top-8 md:left-6 md:top-16 lg:top-24",
+              "data-testid": "job-header-avatar",
+              children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                Avatar,
+                {
+                  size: "large",
+                  target: "_blank",
+                  href: avatarHref,
+                  name: avatarName,
+                  src: avatarSrc,
+                  rel: "noopener noreferrer"
+                }
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex w-full flex-col items-start justify-start gap-4 px-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex flex-col md:flex-row", children: [
+            standalone && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "-mt-4 mr-4 md:mt-0", "data-testid": "job-header-avatar", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+              Avatar,
+              {
+                size: "large",
+                target: "_blank",
+                href: avatarHref,
+                name: avatarName,
+                src: avatarSrc,
+                rel: "noopener noreferrer"
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "prose mt-4 flex w-full items-center text-grey-80 lg:prose-lg", children: subtitles?.map((subtitle, i) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+              "div",
+              {
+                "data-testid": `job-header-subtitle-${i}`,
+                className: "flex items-center",
+                children: [
+                  subtitle,
+                  i < subtitles.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react14.Dot, { className: "mx-1 shrink-0", size: 10 })
+                ]
+              },
+              subtitle
+            )) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+            "div",
+            {
+              "data-testid": "job-header-content",
+              className: "mt-2 flex w-full flex-row flex-wrap items-center justify-between gap-1",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                  "h2",
+                  {
+                    "data-testid": "job-header-title",
+                    className: "break-word max-w-full text-2xl font-bold text-black sm:max-w-2xl md:max-w-lg",
+                    children: title
+                  }
+                ),
+                !!actions && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                  "div",
+                  {
+                    className: "flex w-full justify-end gap-2 md:w-auto",
+                    "data-testid": "job-header-actions",
+                    children: actions
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+            "div",
+            {
+              "data-testid": "job-header-tags",
+              className: "flex flex-row flex-wrap items-center justify-start gap-2",
+              children: tags?.map(({ name, label, icon }) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+                Chip_default,
+                {
+                  size: "small",
+                  variant: "neutral",
+                  "aria-label": name,
+                  "data-testid": `job-header-tag-${name}`,
+                  children: [
+                    renderIcon(icon),
+                    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: label })
+                  ]
+                },
+                name
+              ))
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/jobPost/JobPost.tsx
+var DateFns = __toESM(require("date-fns"), 1);
+
+// src/types/data/shared_pickle_output_latest.ts
+var shared_pickle_output_latest_exports = {};
+__export(shared_pickle_output_latest_exports, {
+  CurrencyEnum: () => CurrencyEnum,
+  DetailLevelEnum: () => DetailLevelEnum,
+  TypeEnum: () => TypeEnum,
+  UnitTextEnum: () => UnitTextEnum,
+  monetaryAmountSchema: () => monetaryAmountSchema,
+  placeSchema: () => placeSchema,
+  postalAddressSchema: () => postalAddressSchema,
+  quantitativeValueSchema: () => quantitativeValueSchema
+});
+var import_zod = require("zod");
+var TypeEnum = import_zod.z.enum(["MONETARY_AMOUNT"]);
+var DetailLevelEnum = import_zod.z.enum(["COUNTRY", "GEO", "LOCALITY", "POSTAL_CODE", "REGION"]);
+var UnitTextEnum = import_zod.z.enum(["DAY", "HOUR", "MONTH", "PER_ACTIVITY", "WEEK", "YEAR"]);
+var CurrencyEnum = import_zod.z.enum(["EUR", "GBP", "USD"]);
+var postalAddressSchema = import_zod.z.object({
+  version: import_zod.z.literal("1.0.0").default("1.0.0"),
+  type: import_zod.z.string().describe("Document type used within sanity"),
+  addressCountry: import_zod.z.string().describe("The physical country as defined in ISO 3166 Alpha-2"),
+  addressRegion: import_zod.z.optional(import_zod.z.string()).describe("The region in which the locality is, and which is in the country."),
+  addressLocality: import_zod.z.optional(import_zod.z.string()).describe("The locality in which the street address is, and which is in the region. In the US this would be city."),
+  streetAddress: import_zod.z.optional(import_zod.z.string()).describe("The street address within the locality."),
+  postalCode: import_zod.z.optional(import_zod.z.string()).describe("The postal code")
+});
+var placeSchema = import_zod.z.object({
+  version: import_zod.z.literal("1.0.0").default("1.0.0"),
+  detailLevel: import_zod.z.optional(DetailLevelEnum),
+  latitude: import_zod.z.optional(import_zod.z.number()).describe("The latitude of a location."),
+  longitude: import_zod.z.optional(import_zod.z.number()).describe("The longitude of a location."),
+  address: import_zod.z.optional(postalAddressSchema).describe("The physical place of the location")
+});
+var quantitativeValueSchema = import_zod.z.object({
+  version: import_zod.z.literal("1.0.0").default("1.0.0"),
+  type: import_zod.z.string().describe("Document type used within sanity"),
+  value: import_zod.z.optional(import_zod.z.number()).describe("The single value for some quantity e.g 5000, if a range is needed use minValue and maxValue. Typically used for a single salary."),
+  minValue: import_zod.z.optional(import_zod.z.number()).describe("The single minium value in a range for a quantitative_value, requires a maximum value."),
+  maxValue: import_zod.z.optional(import_zod.z.number()).describe("The maximum value in a range for a quantitative_value, requires a minimum value."),
+  unitText: UnitTextEnum
+});
+var monetaryAmountSchema = import_zod.z.object({
+  version: import_zod.z.literal("1.0.0").default("1.0.0"),
+  type: import_zod.z.string().describe("Document type used within sanity"),
+  singleValue: import_zod.z.optional(import_zod.z.number()).describe("The annualized single value for some quantity e.g 5000, if a range is needed use minValue and maxValue. Deprecated - use value.value instead."),
+  minValue: import_zod.z.optional(import_zod.z.number()).describe("The annualized single minium value in a range for a quantitative_value. Deprecated use value.minValue"),
+  maxValue: import_zod.z.optional(import_zod.z.number()).describe("The annualized maximum value in a range for a quantitative_value. Deprecated use value.maxValue"),
+  value: import_zod.z.optional(quantitativeValueSchema).describe("The quantitative_value for a given salary"),
+  currency: import_zod.z.optional(CurrencyEnum)
+});
+
+// src/lib/salaryRange.ts
+function salaryRange(salary) {
+  if (!salary) return null;
+  const min = salary.minValue;
+  const max = salary.maxValue;
+  const single = salary.singleValue;
+  const signs = {
+    [CurrencyEnum.Values.USD]: "$",
+    [CurrencyEnum.Values.GBP]: "\xA3",
+    [CurrencyEnum.Values.EUR]: "\u20AC"
+  };
+  const sign = signs[salary.currency ?? CurrencyEnum.Values.USD];
+  if (min == null && max == null && single == null) return null;
+  if (single != null) return sign + single.toLocaleString();
+  if (min === max) return sign + min?.toLocaleString();
+  if (min != null && max != null)
+    return sign + min?.toLocaleString() + " - " + sign + max?.toLocaleString();
+  return null;
+}
+
+// src/hooks/useDisplayText.ts
+var import_react12 = require("react");
+
+// src/lib/mappings.ts
+var employmentTypeDisplayText = {
+  FULL_TIME: {
+    en: "Full Time"
+  },
+  INTERNSHIP: {
+    en: "Internship"
+  },
+  OTHER: {
+    en: "Other"
+  },
+  PART_TIME: {
+    en: "Part Time"
+  },
+  PER_DIEM: {
+    en: "Per-Diem"
+  },
+  TEMPORARY: {
+    en: "Temporary"
+  },
+  CONTRACT: {
+    en: "Contract"
+  }
+};
+var unitTextDisplayText = {
+  DAY: {
+    en: "Day"
+  },
+  HOUR: {
+    en: "Hour"
+  },
+  MONTH: {
+    en: "Month"
+  },
+  PER_ACTIVITY: {
+    en: "Per Activity"
+  },
+  WEEK: {
+    en: "Week"
+  },
+  YEAR: {
+    en: "Year"
+  }
+};
+var currencyDisplayText = {
+  EUR: {
+    en: "\u20AC"
+  },
+  GBP: {
+    en: "\xA3"
+  },
+  USD: {
+    en: "$"
+  }
+};
+var employmentLevelDisplayText = {
+  DIRECTOR: {
+    en: "Director"
+  },
+  ENTRY_LEVEL: {
+    en: "Entry Level"
+  },
+  EXECUTIVE: {
+    en: "Executive"
+  },
+  EXPERIENCED: {
+    en: "Experienced"
+  },
+  INTERN: {
+    en: "Intern"
+  },
+  MANAGER: {
+    en: "Manager"
+  }
+};
+var jobFunctionDisplayText = {
+  CLINICAL_RESEARCH: {
+    en: "Clinical Research"
+  },
+  CUSTOMER_SUCCESS: {
+    en: "Customer Success"
+  },
+  DATA_ANALYTICS: {
+    en: "Data Analytics"
+  },
+  FINANCE_AND_AUDIT: {
+    en: "Finance and Audit"
+  },
+  MARKETING: {
+    en: "Marketing"
+  },
+  OPERATIONS: {
+    en: "Operations"
+  },
+  PEOPLE_HUMAN_RESOURCES: {
+    en: "People Human Resources"
+  },
+  PRODUCT_AND_TECH: {
+    en: "Product and Tech"
+  },
+  QUALITY_ASSURANCE_AND_OUTCOMES: {
+    en: "Quality Assurance and Outcomes"
+  },
+  SALES_AND_BUSINESS_DEVELOPMENT: {
+    en: "Sales and Business Development"
+  },
+  STRATEGY_AND_CONSULTING: {
+    en: "Strategy and Consulting"
+  }
+};
+var bestFitDisplayText = {
+  DENTIST: {
+    en: "Dentist"
+  },
+  DIETICIAN: {
+    en: "Dietician"
+  },
+  DOULA: {
+    en: "Doula"
+  },
+  MEDICAL_ASSISTANT: {
+    en: "Medical Assistant"
+  },
+  MIDWIFE: {
+    en: "Midwife"
+  },
+  NURSE: {
+    en: "Nurse"
+  },
+  OCCUPATIONAL_THERAPIST: {
+    en: "Occupational Therapist"
+  },
+  PHARMACIST: {
+    en: "Pharmacist"
+  },
+  PHYSICAL_THERAPIST: {
+    en: "Physical Therapist"
+  },
+  PHYSICIAN: {
+    en: "Physician"
+  },
+  PHYSICIAN_ASSISTANT: {
+    en: "Physician Assistant"
+  },
+  PSYCHOLOGIST: {
+    en: "Psychologist"
+  },
+  RADIOLOGIST: {
+    en: "Radiologist"
+  },
+  SOCIAL_WORKER: {
+    en: "Social Worker"
+  },
+  SPEECH_LANGUAGE_PATHOLOGIST: {
+    en: "Speech Language Pathologist"
+  },
+  SURGEON: {
+    en: "Surgeon"
+  }
+};
+var clinicalSpecialtyDisplayText = {
+  ANESTHESIOLOGY: {
+    en: "Anesthesiology"
+  },
+  CARDIOLOGY: {
+    en: "Cardiology"
+  },
+  CARDIOVASCULAR_AND_PULMONARY: {
+    en: "Cardiovascular and Pulmonary"
+  },
+  CASE_MANAGEMENT: {
+    en: "Case Management"
+  },
+  CHRONIC_PAIN: {
+    en: "Chronic Pain"
+  },
+  CLINICAL_ELECTROPHYSIOLOGY: {
+    en: "Clinical Electrophysiology"
+  },
+  CRITICAL_AND_ACUTE_CARE: {
+    en: "Critical and Acute Care"
+  },
+  DERMATOLOGY: {
+    en: "Dermatology"
+  },
+  DIALYSIS: {
+    en: "Dialysis"
+  },
+  EMERGENCY_MEDICINE: {
+    en: "Emergency Medicine"
+  },
+  ENDOCRINOLOGY: {
+    en: "Endocrinology"
+  },
+  ERGONOMICS: {
+    en: "Ergonomics"
+  },
+  FEEDING_EATING_AND_SWALLOWING: {
+    en: "Feeding, Eating, and Swallowing"
+  },
+  GASTROENTEROLOGY: {
+    en: "Gastroenterology"
+  },
+  GERIATRICS: {
+    en: "Geriatrics"
+  },
+  HAND_THERAPY: {
+    en: "Hand Therapy"
+  },
+  HEMATOLOGY: {
+    en: "Hematology"
+  },
+  HOLISTIC_MEDICINE: {
+    en: "Holistic Medicine"
+  },
+  INFORMATICS: {
+    en: "Informatics"
+  },
+  INTERNAL_MEDICINE: {
+    en: "Internal Medicine"
+  },
+  LABOR_AND_DELIVERY: {
+    en: "Labor and Delivery"
+  },
+  MANUAL_THERAPY: {
+    en: "Manual Therapy"
+  },
+  MED_SURG: {
+    en: "Medical-Surgical"
+  },
+  MENTAL_HEALTH: {
+    en: "Mental Health"
+  },
+  NEPHROLOGY: {
+    en: "Nephrology"
+  },
+  NEUROLOGY: {
+    en: "Neurology"
+  },
+  ONCOLOGY: {
+    en: "Oncology"
+  },
+  ORTHOPEDICS: {
+    en: "Orthopedics"
+  },
+  OTOLARYNGOLOGY: {
+    en: "Otolaryngology"
+  },
+  PEDIATRICS: {
+    en: "Pediatrics"
+  },
+  PHYSICAL_AND_REHABILITATION_MEDICINE: {
+    en: "Physical and Rehabilitation Medicine"
+  },
+  PLASTIC_SURGERY: {
+    en: "Plastic Surgery"
+  },
+  PRIMARY_CARE: {
+    en: "Primary Care"
+  },
+  PSYCHIATRY: {
+    en: "Psychiatry"
+  },
+  PULMONOLOGY: {
+    en: "Pulmonology"
+  },
+  RADIOLOGY: {
+    en: "Radiology"
+  },
+  SENSORY: {
+    en: "Sensory"
+  },
+  SPORTS: {
+    en: "Sports"
+  },
+  SURGERY: {
+    en: "Surgery"
+  },
+  TRANSPLANT_SURGERY: {
+    en: "Transplant Surgery"
+  },
+  TRAUMA_MEDICINE: {
+    en: "Trauma Medicine"
+  },
+  URGENT_CARE: {
+    en: "Urgent Care"
+  },
+  UROLOGY: {
+    en: "Urology"
+  },
+  VISION: {
+    en: "Vision"
+  },
+  WOMENS_HEALTH: {
+    en: "Women's Health"
+  },
+  WOUND_AND_BURN_CARE: {
+    en: "Wound and Burn Care"
+  },
+  WOUND_MANAGEMENT: {
+    en: "Wound Management"
+  }
+};
+var shiftDisplayText = {
+  TEN_HOUR: {
+    en: "10 Hour"
+  },
+  TWELVE_HOUR: {
+    en: "12 Hour"
+  },
+  EIGHT_HOUR: {
+    en: "8 Hour"
+  },
+  DAY: {
+    en: "Day"
+  },
+  EVENING: {
+    en: "Evening"
+  },
+  FLEXIBLE: {
+    en: "Flexible"
+  },
+  MID_SHIFT: {
+    en: "Mid Shift"
+  },
+  MONDAY_TO_FRIDAY: {
+    en: "Monday to Friday"
+  },
+  NIGHT: {
+    en: "Night"
+  },
+  ON_CALL: {
+    en: "On Call"
+  },
+  WEEKENDS: {
+    en: "Weekends"
+  }
+};
+var clinicalSettingDisplayText = {
+  ACUTE_CARE: {
+    en: "Acute Care"
+  },
+  AMBULATORY_SURGERY_CENTER: {
+    en: "Ambulatory Surgery Center"
+  },
+  CLINIC: {
+    en: "Clinic"
+  },
+  HOME_HEALTH: {
+    en: "Home Health"
+  },
+  HOSPITAL: {
+    en: "Hospital"
+  },
+  INPATIENT: {
+    en: "Inpatient"
+  },
+  LONG_TERM_CARE: {
+    en: "Long Term Care"
+  },
+  MED_SPA: {
+    en: "Med Spa"
+  },
+  NURSING_HOME: {
+    en: "Nursing Home"
+  },
+  OFFICE: {
+    en: "Office"
+  },
+  OUTPATIENT: {
+    en: "Outpatient"
+  },
+  PRIVATE_PRACTICE: {
+    en: "Private Practice"
+  },
+  REHAB_CENTER: {
+    en: "Rehab Center"
+  },
+  SCHOOL: {
+    en: "School"
+  },
+  SKILLED_NURSING_FACILITY: {
+    en: "Skilled Nursing Facility"
+  }
+};
+var defaultMappings = {
+  employmentType: employmentTypeDisplayText,
+  unitText: unitTextDisplayText,
+  currency: currencyDisplayText,
+  employmentLevel: employmentLevelDisplayText,
+  jobFunction: jobFunctionDisplayText,
+  bestFit: bestFitDisplayText,
+  clinicalSpecialty: clinicalSpecialtyDisplayText,
+  clinicalSetting: clinicalSettingDisplayText,
+  shift: shiftDisplayText
+};
+
+// src/types/displayText.errors.tsx
+var DisplayTextScopeNotFoundError = class extends Error {
+  constructor(scope) {
+    super(`No display text mapping found for scope: ${scope}`);
+    this.name = "DisplayTextScopeNotFoundError";
+  }
+};
+var DisplayTextValueNotFoundError = class extends Error {
+  constructor(value, scope) {
+    super(`No display text found for value: '${value}' in scope: '${scope}'`);
+    this.name = "DisplayTextValueNotFoundError";
+  }
+};
+
+// src/services/displayText.tsx
+var DisplayTextService = class {
+  constructor(customMappings) {
+    this.defaultLanguage = "en";
+    this.mappings = {
+      ...defaultMappings,
+      // Use all pre-defined mappings as defaults
+      ...customMappings
+      // Override with any custom mappings if provided
+    };
+  }
+  async getDisplayText(scope, value, language = this.defaultLanguage) {
+    const scopeMapping = this.mappings[scope];
+    if (!scopeMapping) {
+      throw new DisplayTextScopeNotFoundError(scope);
+    }
+    if (Array.isArray(value)) {
+      const displayTextPromises = value.map((v) => this.getDisplayText(scope, v, language));
+      const displayTexts2 = await Promise.all(displayTextPromises);
+      return displayTexts2.filter((v) => !!v).join(", ");
+    }
+    const displayTexts = scopeMapping[value];
+    if (!displayTexts) {
+      throw new DisplayTextValueNotFoundError(value, scope);
+    }
+    return displayTexts[language] || displayTexts[this.defaultLanguage] || value;
+  }
+};
+
+// src/hooks/useDisplayText.ts
+var useDisplayText = (scope, value) => {
+  const [displayText, setDisplayText] = (0, import_react12.useState)("");
+  const displayService = (0, import_react12.useMemo)(() => new DisplayTextService(), []);
+  (0, import_react12.useEffect)(() => {
+    if (!displayService || !value) {
+      setDisplayText("");
+      return;
+    }
+    void (async () => {
+      try {
+        const result = await displayService.getDisplayText(scope, value);
+        if (typeof result === "string") {
+          setDisplayText(result);
+        } else {
+          console.error("Expected a string result, but got:", result);
+        }
+      } catch (error) {
+        if (error instanceof DisplayTextValueNotFoundError) {
+          console.warn("Display text value not found:", value);
+          setDisplayText(String(value));
+        } else {
+          console.error("Unexpected error formatting text:", error);
+          setDisplayText(String(value));
+        }
+      }
+    })();
+  }, [scope, value, displayService]);
+  return displayText;
+};
+
+// src/lib/locations.ts
+function formattedAddress(address) {
+  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;
+  return null;
+}
+function formattedJobLocation(job) {
+  const address = job.jobLocation && formattedAddress(job.jobLocation);
+  const remote = job.isRemote ? "Remote" : "";
+  return [address, remote].filter(Boolean).join(" | ");
+}
+
+// src/components/jobPost/JobPost.tsx
+var import_jsx_runtime31 = require("react/jsx-runtime");
+function JobPost({
+  job,
+  bannerSrc,
+  avatarSrc,
+  standalone,
+  fallbackHref,
+  actions
+}) {
+  const formattedEmploymentType = useDisplayText("employmentType", job.employmentType);
+  const formattedEmploymentLevel = useDisplayText("employmentLevel", job.employmentLevel);
+  const formattedJobFunction = useDisplayText("jobFunction", job.jobFunction);
+  const formattedLocation = formattedJobLocation(job);
+  const formattedSalary = salaryRange(job.estimatedSalary);
+  const formattedDate = DateFns.formatDistanceToNow(new Date(job.datePosted), {
+    addSuffix: true
+  });
+  const tags = [
+    !!formattedSalary && {
+      icon: "banknote",
+      name: "salary",
+      label: `${formattedSalary} a year`
+    },
+    !!formattedEmploymentType && {
+      icon: "briefcase-business",
+      name: "employmentType",
+      label: formattedEmploymentType
+    },
+    !!formattedEmploymentLevel && {
+      icon: "circle-user",
+      name: "level",
+      label: formattedEmploymentLevel
+    },
+    !!formattedJobFunction && {
+      icon: "briefcase-business",
+      name: "jobFunction",
+      label: formattedJobFunction
+    },
+    !!formattedLocation && {
+      icon: "map-pin",
+      name: "location",
+      label: formattedLocation
+    }
+  ].filter((t) => !!t);
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+    "div",
+    {
+      className: cn(
+        "flex flex-col gap-10 pb-4",
+        !standalone && "border-1 rounded-3xl border-grey-5"
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+          JobHeader,
+          {
+            title: job.title,
+            bannerSrc,
+            avatarName: job.hiringOrganization?.companyName,
+            subtitles: [job.hiringOrganization?.companyName ?? "", `Posted ${formattedDate}`],
+            actions,
+            standalone,
+            backFallbackHref: fallbackHref,
+            tags
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-col gap-8 px-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(JobDescription, { description: job.description }),
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+            CompanyTake,
+            {
+              avatarSrc,
+              content: job.hiringOrganization?.companyNDG?.companyNDGTake
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+            CompanyInformation,
+            {
+              name: job.hiringOrganization?.companyName ?? "",
+              how: job.hiringOrganization?.companyPhilosophy?.companyHow,
+              mission: job.hiringOrganization?.companyPhilosophy?.mission,
+              wow: job.hiringOrganization?.companyNDG?.companyWow,
+              website: job.hiringOrganization?.companyWebsite
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+            CompanyBenefits,
+            {
+              benefits: job.hiringOrganization?.companyCareers?.companyBenefits?.map((b) => b.description).filter((d) => d !== void 0)
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+// src/types/data/job_posting_service_latest.ts
+var job_posting_service_latest_exports = {};
+__export(job_posting_service_latest_exports, {
+  BestFitEnum: () => BestFitEnum,
+  ClinicalLicenseEnum: () => ClinicalLicenseEnum,
+  ClinicalSettingEnum: () => ClinicalSettingEnum,
+  ClinicalSpecialtyEnum: () => ClinicalSpecialtyEnum,
+  EmploymentLevelEnum: () => EmploymentLevelEnum,
+  EmploymentTypeEnum: () => EmploymentTypeEnum,
+  JobFunctionEnum: () => JobFunctionEnum,
+  JobLocationTypeEnum: () => JobLocationTypeEnum,
+  PublishStatusEnum: () => PublishStatusEnum2,
+  ShiftEnum: () => ShiftEnum,
+  TypeEnum: () => TypeEnum3,
+  jobPostSchema: () => jobPostSchema
+});
+var import_zod3 = require("zod");
+
+// src/types/data/company_service_latest.ts
+var company_service_latest_exports = {};
+__export(company_service_latest_exports, {
+  CategoryEnum: () => CategoryEnum,
+  OfficeTypeEnum: () => OfficeTypeEnum,
+  PublishStatusEnum: () => PublishStatusEnum,
+  TitleEnum: () => TitleEnum,
+  TypeEnum: () => TypeEnum2,
+  companyBenefitsSchema: () => companyBenefitsSchema,
+  companyCareersPageSchema: () => companyCareersPageSchema,
+  companyNdgSchema: () => companyNdgSchema,
+  companyPhilosophySchema: () => companyPhilosophySchema,
+  companySchema: () => companySchema,
+  foundingInformationSchema: () => foundingInformationSchema,
+  imageSchema: () => imageSchema,
+  industrySchema: () => industrySchema,
+  jobBoardSchema: () => jobBoardSchema,
+  ngdMetadataSchema: () => ngdMetadataSchema,
+  officeSchema: () => officeSchema,
+  personSchema: () => personSchema,
+  socialMediaSchema: () => socialMediaSchema
+});
+var import_zod2 = require("zod");
+var TypeEnum2 = import_zod2.z.enum(["OFFICE"]);
+var CategoryEnum = import_zod2.z.enum(["FINANCIAL", "HEALTH", "PROFESSIONAL_DEVELOPMENT", "WORK_LIFE_BALANCE"]);
+var TitleEnum = import_zod2.z.enum(["DMD", "JD", "MBA", "MD", "MHA", "MPH", "PT", "PH_D", "RN"]);
+var PublishStatusEnum = import_zod2.z.enum(["DRAFT", "IN_REVIEW", "PUBLISHED", "REMOVED"]);
+var OfficeTypeEnum = import_zod2.z.enum(["BRANCH", "HEADQUARTERS", "SATELLITE"]);
+var imageSchema = import_zod2.z.object({
+  version: import_zod2.z.literal("1.0.0").default("1.0.0"),
+  url: import_zod2.z.string()
+});
+var socialMediaSchema = import_zod2.z.object({
+  version: import_zod2.z.literal("1.0.0").default("1.0.0"),
+  url: import_zod2.z.string().describe("The link to the social media platform"),
+  type: import_zod2.z.string().describe("The type of social media link")
+});
+var companyBenefitsSchema = import_zod2.z.object({
+  version: import_zod2.z.literal("1.0.0").default("1.0.0"),
+  type: import_zod2.z.string().describe("Document type used within sanity"),
+  name: import_zod2.z.string(),
+  description: import_zod2.z.optional(import_zod2.z.string()),
+  category: CategoryEnum
+});
+var industrySchema = import_zod2.z.lazy(() => import_zod2.z.object({
+  version: import_zod2.z.literal("1.0.0").default("1.0.0"),
+  type: import_zod2.z.string().describe("Document type used within sanity"),
+  name: import_zod2.z.string(),
+  description: import_zod2.z.optional(import_zod2.z.string()).describe("A brief description of the industry"),
+  onetIndustryId: import_zod2.z.optional(import_zod2.z.string()).describe("ONET industry ID"),
+  parent: import_zod2.z.optional(industrySchema)
+}));
+var jobBoardSchema = import_zod2.z.object({
+  version: import_zod2.z.literal("1.0.0").default("1.0.0"),
+  type: import_zod2.z.string().describe("Document type used within sanity"),
+  name: import_zod2.z.string().describe("The name of the job board"),
+  description: import_zod2.z.string().describe("A brief description of the job board"),
+  logo: import_zod2.z.optional(imageSchema).describe("The logo of the job board"),
+  baseUrl: import_zod2.z.optional(import_zod2.z.string()).describe("The base URL of the job board")
+});
+var personSchema = import_zod2.z.object({
+  version: import_zod2.z.literal("1.0.0").default("1.0.0"),
+  type: import_zod2.z.string().describe("Document type used within sanity"),
+  firstName: import_zod2.z.string().describe("The first name of the person"),
+  lastName: import_zod2.z.string().describe("The last name of the person"),
+  title: import_zod2.z.optional(import_zod2.z.array(import_zod2.z.string())).describe("The titles of the degree of the person"),
+  slug: import_zod2.z.string().describe("person slug - should be familyname-givenname-title(s)"),
+  jobTitle: import_zod2.z.optional(import_zod2.z.string()).describe("The job title of the person"),
+  isDoctor: import_zod2.z.optional(import_zod2.z.boolean()).describe("Is the person a doctor"),
+  isMedical: import_zod2.z.optional(import_zod2.z.boolean()).describe("Are they of a medical background?"),
+  isScientist: import_zod2.z.optional(import_zod2.z.boolean()).describe("Are they a scientist?"),
+  image: import_zod2.z.optional(imageSchema).describe("The image of the person"),
+  email: import_zod2.z.optional(import_zod2.z.string()).describe("The email of the person"),
+  socialMedia: import_zod2.z.optional(import_zod2.z.array(socialMediaSchema)).describe("The social media links of the person"),
+  telephone: import_zod2.z.optional(import_zod2.z.string()).describe("The telephone number of the person"),
+  url: import_zod2.z.optional(import_zod2.z.string()).describe("The URL of the person"),
+  address: import_zod2.z.optional(placeSchema).describe("The address of the person")
+});
+var companyCareersPageSchema = import_zod2.z.object({
+  version: import_zod2.z.literal("1.0.0").default("1.0.0"),
+  companyCareersUrl: import_zod2.z.string().describe("The URL of the company careers page"),
+  companyJobBoard: import_zod2.z.optional(jobBoardSchema),
+  jobBoardSlug: import_zod2.z.array(import_zod2.z.string()),
+  companyBenefits: import_zod2.z.optional(import_zod2.z.array(companyBenefitsSchema)).describe("What are the specific benefits of that company. The benefit is generic.")
+});
+var companyPhilosophySchema = import_zod2.z.object({
+  version: import_zod2.z.literal("1.0.0").default("1.0.0"),
+  mission: import_zod2.z.optional(import_zod2.z.string()).describe("The mission statement of the company."),
+  companyHow: import_zod2.z.optional(import_zod2.z.string()).describe("How does the company achieve its mission"),
+  companyCulture: import_zod2.z.optional(import_zod2.z.array(import_zod2.z.string())).describe("What are some of the culture aspects of this company?")
+});
+var companyNdgSchema = import_zod2.z.object({
+  version: import_zod2.z.literal("1.0.0").default("1.0.0"),
+  companyWow: import_zod2.z.optional(import_zod2.z.string()).describe("What is the wow of this company?"),
+  companyNDGTake: import_zod2.z.optional(import_zod2.z.string()).describe("What is the NDG POV on this company?"),
+  // Manually edited due to a different naming convention
+  companyBestFit: import_zod2.z.optional(import_zod2.z.array(import_zod2.z.string())),
+  companyInterests: import_zod2.z.optional(import_zod2.z.array(import_zod2.z.string()))
+});
+var foundingInformationSchema = import_zod2.z.object({
+  version: import_zod2.z.literal("1.0.0").default("1.0.0"),
+  foundedYear: import_zod2.z.optional(import_zod2.z.string()),
+  foundingCountry: import_zod2.z.optional(import_zod2.z.string()),
+  foundingCity: import_zod2.z.optional(import_zod2.z.string()),
+  founders: import_zod2.z.optional(import_zod2.z.array(personSchema))
+});
+var ngdMetadataSchema = import_zod2.z.object({
+  version: import_zod2.z.literal("1.0.0").default("1.0.0"),
+  lastScraped: import_zod2.z.optional(import_zod2.z.string()).describe("Date the last entity was scraped, if applicable"),
+  scraperVersion: import_zod2.z.optional(import_zod2.z.string()),
+  postProcessorVersion: import_zod2.z.optional(import_zod2.z.string()),
+  uniqueRunId: import_zod2.z.optional(import_zod2.z.string()),
+  postProcessorUniqueRunId: import_zod2.z.optional(import_zod2.z.string()),
+  shouldThisDocumentBeScraped: import_zod2.z.optional(import_zod2.z.boolean())
+});
+var companySchema = import_zod2.z.object({
+  version: import_zod2.z.literal("1.0.0").default("1.0.0"),
+  companyName: import_zod2.z.string().describe("The name of the company"),
+  slug: import_zod2.z.string().describe("The NDG specific slug for a company."),
+  type: import_zod2.z.string().describe("Document type used within sanity"),
+  logo: import_zod2.z.optional(imageSchema).describe("The logo of the company"),
+  companyWebsite: import_zod2.z.optional(import_zod2.z.string()).describe("The website of the company"),
+  socialMedia: import_zod2.z.optional(import_zod2.z.array(socialMediaSchema)).describe("The social media links of the company"),
+  brandColor: import_zod2.z.optional(import_zod2.z.string()).describe("The brand color of the company"),
+  companyCareers: import_zod2.z.optional(companyCareersPageSchema).describe("Career Specific Information for the company."),
+  companyPhilosophy: import_zod2.z.optional(companyPhilosophySchema).describe("Company mission,values and how the company achieves its mission."),
+  companyNDG: import_zod2.z.optional(companyNdgSchema).describe("Next Degree specific information for the company."),
+  // Manually edited due to a different naming convention
+  foundingInfo: import_zod2.z.optional(foundingInformationSchema),
+  headquartersLocation: import_zod2.z.optional(placeSchema),
+  employeeEstimate: import_zod2.z.optional(import_zod2.z.string()),
+  publishStatus: import_zod2.z.optional(import_zod2.z.string()),
+  ngdMetadata: import_zod2.z.optional(ngdMetadataSchema)
+});
+var officeSchema = import_zod2.z.object({
+  version: import_zod2.z.literal("1.0.0").default("1.0.0"),
+  type: import_zod2.z.string().describe("Document type used within sanity"),
+  name: import_zod2.z.string().describe("Name or nickname for the office (e.g., 'NYC HQ', 'West Coast Branch')"),
+  officeType: OfficeTypeEnum,
+  companyId: import_zod2.z.optional(companySchema),
+  geoLocation: import_zod2.z.optional(placeSchema).describe("Geographical location details: coordinates + postal address"),
+  createdAt: import_zod2.z.optional(import_zod2.z.string()),
+  updatedAt: import_zod2.z.optional(import_zod2.z.string())
+});
+
+// src/types/data/job_posting_service_latest.ts
+var TypeEnum3 = import_zod3.z.enum(["JOB_POST"]);
+var JobLocationTypeEnum = import_zod3.z.enum(["FLOAT", "HYBRID", "ONSITE", "REMOTE"]);
+var EmploymentTypeEnum = import_zod3.z.enum(["CONTRACT", "FULL_TIME", "INTERNSHIP", "OTHER", "PART_TIME", "PER_DIEM", "TEMPORARY"]);
+var EmploymentLevelEnum = import_zod3.z.enum(["DIRECTOR", "ENTRY_LEVEL", "EXECUTIVE", "EXPERIENCED", "INTERN", "MANAGER"]);
+var JobFunctionEnum = import_zod3.z.enum(["CLINICAL_RESEARCH", "CUSTOMER_SUCCESS", "DATA_ANALYTICS", "FINANCE_AND_AUDIT", "MARKETING", "OPERATIONS", "PEOPLE_HUMAN_RESOURCES", "PRODUCT_AND_TECH", "QUALITY_ASSURANCE_AND_OUTCOMES", "SALES_AND_BUSINESS_DEVELOPMENT", "STRATEGY_AND_CONSULTING"]);
+var PublishStatusEnum2 = import_zod3.z.enum(["DRAFT", "IN_REVIEW", "PUBLISHED", "REMOVED"]);
+var BestFitEnum = import_zod3.z.enum(["DENTIST", "DIETICIAN", "DOULA", "MEDICAL_ASSISTANT", "MIDWIFE", "NURSE", "OCCUPATIONAL_THERAPIST", "PHARMACIST", "PHYSICAL_THERAPIST", "PHYSICIAN", "PHYSICIAN_ASSISTANT", "PSYCHOLOGIST", "RADIOLOGIST", "SOCIAL_WORKER", "SPEECH_LANGUAGE_PATHOLOGIST", "SURGEON"]);
+var ClinicalLicenseEnum = import_zod3.z.enum(["CNA", "CNM", "CNS", "COTA", "CRNA", "LPN", "LVN", "NP", "OT", "PT", "PTA", "RN"]);
+var ShiftEnum = import_zod3.z.enum(["DAY", "EIGHT_HOUR", "EVENING", "FLEXIBLE", "MID_SHIFT", "MONDAY_TO_FRIDAY", "NIGHT", "ON_CALL", "TEN_HOUR", "TWELVE_HOUR", "WEEKENDS"]);
+var ClinicalSettingEnum = import_zod3.z.enum(["ACUTE_CARE", "AMBULATORY_SURGERY_CENTER", "CLINIC", "HOME_HEALTH", "HOSPITAL", "INPATIENT", "LONG_TERM_CARE", "MED_SPA", "NURSING_HOME", "OFFICE", "OUTPATIENT", "PRIVATE_PRACTICE", "REHAB_CENTER", "SCHOOL", "SKILLED_NURSING_FACILITY"]);
+var ClinicalSpecialtyEnum = import_zod3.z.enum(["ANESTHESIOLOGY", "CARDIOLOGY", "CASE_MANAGEMENT", "CHRONIC_PAIN", "CLINICAL_ELECTROPHYSIOLOGY", "CRITICAL_AND_ACUTE_CARE", "DERMATOLOGY", "DIALYSIS", "EMERGENCY_MEDICINE", "ENDOCRINOLOGY", "ERGONOMICS", "FEEDING_EATING_AND_SWALLOWING", "GASTROENTEROLOGY", "GERIATRICS", "HAND_THERAPY", "HEMATOLOGY", "HOLISTIC_MEDICINE", "INFORMATICS", "INTERNAL_MEDICINE", "LABOR_AND_DELIVERY", "MANUAL_THERAPY", "MED_SURG", "MENTAL_HEALTH", "NEPHROLOGY", "NEUROLOGY", "ONCOLOGY", "ORTHOPEDICS", "OTOLARYNGOLOGY", "PEDIATRICS", "PHYSICAL_AND_REHABILITATION_MEDICINE", "PLASTIC_SURGERY", "PRIMARY_CARE", "PSYCHIATRY", "PULMONOLOGY", "RADIOLOGY", "SENSORY", "SPORTS", "SURGERY", "TRAUMA_MEDICINE", "URGENT_CARE", "UROLOGY", "VISION", "WOMENS_HEALTH", "WOUND_AND_BURN_CARE"]);
+var jobPostSchema = import_zod3.z.object({
+  version: import_zod3.z.literal("1.0.0").default("1.0.0"),
+  id: import_zod3.z.string().describe("The NDG specific id for a job posting in form of ndg-<company_slug>-<unique-job-id>. Serves as unique identifier. Cannot be changed."),
+  type: import_zod3.z.string().describe("Document type used within sanity"),
+  createdAt: import_zod3.z.string().datetime().describe("Time document was created. Autoset by Sanity"),
+  updatedAt: import_zod3.z.string().datetime().describe("Time document was created. Autoset by Sanity"),
+  dateAdded: import_zod3.z.optional(import_zod3.z.string().datetime()).describe("The date the job was added to the platform"),
+  datePosted: import_zod3.z.optional(import_zod3.z.string().datetime()).describe("The date the job was published for public viewing"),
+  dateRemoved: import_zod3.z.optional(import_zod3.z.string().datetime()).describe("The date the job was removed from public viewing"),
+  validThrough: import_zod3.z.optional(import_zod3.z.string().datetime()).describe("The date the job posting is valid through. After this date it will be removed from public viewing"),
+  vacancyCount: import_zod3.z.optional(import_zod3.z.number().int()).describe("The number of vacancies for a given job posting"),
+  clientId: import_zod3.z.string().describe("The ID assigned by the client to a job - normally the same as the GH / Lever / Ashby ID or internal ID"),
+  url: import_zod3.z.string().describe("The URL of the job to be displayed for users to apply with. Direct job link."),
+  title: import_zod3.z.string().describe("The title of the job post"),
+  description: import_zod3.z.string().describe("The description of the job post saved as markdown. Used for rendering the job description."),
+  richTextDescription: import_zod3.z.optional(import_zod3.z.string()).describe("The description of the job post saved as rich text"),
+  isClinical: import_zod3.z.boolean().default(false).describe("Denotes if a job posting is clinical in nature or not. A role is clinical if it requires direct clinical patient care."),
+  isRemote: import_zod3.z.boolean().default(false).describe("Denotes if a job posting is remote in nature. For a posting to be 'remote' it must be 100% remote (e.g hybrid roles would denote this to false)."),
+  isVerified: import_zod3.z.boolean().default(false).describe("Denotes if a job posting has been manually verified - and thus ALL fields can be considered accurate. Can be used for DS training."),
+  isDirectApply: import_zod3.z.boolean().default(false).describe("Denotes if a job posting url is direct apply. To be direct apply a user must be able to apply to the role without logging in and under 2 clicks."),
+  jobLocationType: import_zod3.z.optional(import_zod3.z.array(JobLocationTypeEnum)),
+  employmentType: import_zod3.z.optional(import_zod3.z.array(EmploymentTypeEnum)),
+  employmentLevel: import_zod3.z.optional(EmploymentLevelEnum),
+  jobFunction: import_zod3.z.optional(JobFunctionEnum),
+  publishStatus: PublishStatusEnum2,
+  bestFit: import_zod3.z.optional(import_zod3.z.array(BestFitEnum)),
+  clinicalLicense: import_zod3.z.optional(import_zod3.z.array(ClinicalLicenseEnum)),
+  shift: import_zod3.z.optional(import_zod3.z.array(ShiftEnum)),
+  clinicalSetting: import_zod3.z.optional(import_zod3.z.array(ClinicalSettingEnum)),
+  clinicalSpecialty: import_zod3.z.optional(import_zod3.z.array(ClinicalSpecialtyEnum)),
+  estimatedSalary: import_zod3.z.optional(monetaryAmountSchema).describe("Determines the estimated salary for a given job posting"),
+  jobLocation: import_zod3.z.optional(postalAddressSchema).describe("Determines the primary physical location where the job is to be performed. For remote roles, use applicantLocationRequirements"),
+  applicableOffices: import_zod3.z.optional(import_zod3.z.array(officeSchema)).describe("The physical location(s) in which employees may be located for to be eligible for the job. Used in conjunction with job_location_type."),
+  applicantLocationRequirements: import_zod3.z.optional(import_zod3.z.array(placeSchema)).describe("The geographic location(s) in which employees may be located for to be eligible for the job. The job description must clearly state that the applicant may be located in certain geographical location(s). This property is required if applicants may be located in one or more geographic locations and the job is 100% remote."),
+  hiringOrganization: import_zod3.z.optional(companySchema).describe("The organization that is hiring for the role")
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  Avatar,
+  BackButton,
   Badge,
   Button,
   Checkbox,
   Chip,
   Combobox,
+  CompanyBenefits,
+  CompanyInformation,
+  CompanyService,
+  CompanyTake,
   Counter,
+  Icon,
   Input,
+  JobDescription,
+  JobHeader,
+  JobPost,
+  JobPostService,
   Label,
+  LinkButton,
   ListItem,
+  MapComponent,
   PlacesQueryInput,
+  ReadMore,
   Select,
-  cn
+  SharedService,
+  WindowHistoryProvider,
+  cn,
+  fetchLocation,
+  useDisplayText,
+  useWindowHistory
 });
 //# sourceMappingURL=index.cjs.map