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

package/dist/components/jobPost/JobPost.cjs

@@ -0,0 +1,1349 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/jobPost/JobPost.tsx
+var JobPost_exports = {};
+__export(JobPost_exports, {
+  JobPost: () => JobPost
+});
+module.exports = __toCommonJS(JobPost_exports);
+var DateFns = __toESM(require("date-fns"), 1);
+
+// src/components/company/CompanyBenefits.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function CompanyBenefits({ benefits }) {
+  if (!benefits) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-2", "data-testid": "company-benefits", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.jsx)("ul", { className: "flex flex-col gap-3", children: benefits.map((benefit, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { className: "text-base text-grey-80", children: benefit }, `${benefit}-${i}`)) })
+  ] });
+}
+
+// src/components/ui/LinkButton.tsx
+var import_link = __toESM(require("next/link"), 1);
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var LinkButton = ({
+  disabled = false,
+  useAnchor = false,
+  children,
+  href,
+  ...props
+}) => {
+  const Component = useAnchor ? "a" : import_link.default;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.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/company/CompanyInformation.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function CompanyInformation({
+  name,
+  how,
+  mission,
+  wow,
+  website
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.jsx)("p", { "data-testid": "company-information", className: "text-base text-grey-80", children: how }),
+    mission && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "\u{1F680}" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { className: "text-base text-grey-80", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "pr-1 font-bold", children: "Mission" }),
+        mission
+      ] })
+    ] }),
+    wow && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "\u{1F31F}" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { className: "text-base text-grey-80", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "pr-1 font-bold", children: "Wow Factor" }),
+        wow
+      ] })
+    ] }),
+    website && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      LinkButton,
+      {
+        "data-testid": "company-website-link",
+        href: website,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        children: "Website"
+      }
+    ) })
+  ] });
+}
+
+// src/components/primitives/avatar.tsx
+var AvatarPrimitive = __toESM(require("@radix-ui/react-avatar"), 1);
+var React = __toESM(require("react"), 1);
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/primitives/avatar.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var AvatarBase = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  AvatarPrimitive.Root,
+  {
+    ref,
+    className: cn("relative flex shrink-0 overflow-hidden rounded-full", className),
+    ...props
+  }
+));
+AvatarBase.displayName = AvatarPrimitive.Root.displayName;
+var AvatarImage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.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 = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.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_cva = require("cva");
+var import_link2 = __toESM(require("next/link"), 1);
+var import_jsx_runtime5 = 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_runtime5.jsxs)(AvatarBase, { className: avatarVariants({ size }), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AvatarImage, { src, alt: name }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AvatarFallback, { children: fallback?.toUpperCase() })
+  ] });
+  if (href) {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_link2.default, { href, ...linkProps, children: renderAvatar() });
+  }
+  return renderAvatar();
+}
+var avatarVariants = (0, import_cva.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/company/CompanyTake.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function CompanyTake({ content, avatarSrc }) {
+  if (!content) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsx)("p", { className: "text-lg font-bold text-white sm:text-xl", children: "The Real Dill \u2618\uFE0F" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mt-2 flex items-center justify-start", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-sm font-normal text-grey-10", children: content }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mt-8 flex w-full items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Avatar, { name: "Jon Lee", src: avatarSrc }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex flex-col flex-wrap items-start", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-sm font-bold text-white", children: "Jon Lee, PT, DPT, OCS, FAAOMPT, MBA" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-xs font-normal text-grey-30", children: "Pickle co-founder" })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/ui/ReadMore.tsx
+var import_react2 = require("react");
+var import_react_markdown = __toESM(require("react-markdown"), 1);
+
+// src/components/ui/Button.tsx
+var import_react_slot = require("@radix-ui/react-slot");
+var import_cva2 = require("cva");
+var import_react = require("react");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var Button = (0, import_react.forwardRef)(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Component = asChild ? import_react_slot.Slot : "button";
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      Component,
+      {
+        className: cn(buttonVariants({ variant, size, className })),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+var buttonVariants = (0, import_cva2.cva)(
+  [
+    "flex",
+    "items-center",
+    "justify-center",
+    "gap-2",
+    "rounded-full",
+    "font-bold",
+    "outline-2",
+    "outline-offset-2",
+    "outline-dashed",
+    "outline-transparent"
+  ],
+  {
+    variants: {
+      variant: {
+        neutral: [
+          "bg-black",
+          "text-white",
+          "hover:bg-grey-90",
+          "active:bg-grey-80",
+          "focus:outline-purple-100",
+          "disabled:text-grey-40",
+          "disabled:bg-grey-10"
+        ],
+        primary: [
+          "bg-pickle-100",
+          "text-black",
+          "hover:bg-pickle-80",
+          "active:bg-pickle-60",
+          "focus:outline-purple-100",
+          "disabled:text-grey-40",
+          "disabled:bg-grey-10"
+        ],
+        secondary: [
+          "bg-green-80",
+          "text-white",
+          "hover:bg-green-90",
+          "active:bg-green-100",
+          "focus:outline-pickle-100",
+          "disabled:text-grey-40",
+          "disabled:bg-grey-10"
+        ],
+        transparent: [
+          "text-white",
+          "hover:bg-green-80",
+          "active:bg-green-100",
+          "focus:outline-pickle-100",
+          "disabled:text-grey-40"
+        ],
+        link: [
+          "leading-tight",
+          "text-black",
+          "underline",
+          "hover:text-purple-100",
+          "focus:text-black",
+          "focus:outline-purple-100",
+          "active:text-purple-80"
+        ]
+      },
+      size: {
+        small: ["h-10", "text-sm", "px-4", "py-2"],
+        medium: ["h-12", "text-base", "px-6", "py-3"],
+        large: ["h-14", "text-lg", "px-8", "py-4"]
+      }
+    },
+    defaultVariants: {
+      variant: "neutral",
+      size: "medium"
+    },
+    compoundVariants: [
+      {
+        variant: "link",
+        size: "small",
+        class: ["h-3", "text-xs", "p-0"]
+      },
+      {
+        variant: "link",
+        size: "medium",
+        class: ["h-4", "text-sm", "p-0"]
+      },
+      {
+        variant: "link",
+        size: "large",
+        class: ["h-6", "text-base", "p-0"]
+      }
+    ]
+  }
+);
+
+// src/components/ui/ReadMore.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function ReadMore({ text, ...props }) {
+  const [isExpanded, setIsExpanded] = (0, import_react2.useState)(false);
+  const [maxWords, setMaxWords] = (0, import_react2.useState)(160);
+  (0, import_react2.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_runtime8.jsxs)("div", { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { "data-testid": "read-more-text", className: "prose lg:prose-lg", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_markdown.default, { children: snippet }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { className: "mt-2 flex items-center justify-center", variant: "link", onClick: toggleText, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("p", { className: "text-sm font-bold underline underline-offset-2", children: [
+      "Read ",
+      isExpanded ? "less" : "more"
+    ] }) })
+  ] });
+}
+
+// src/components/jobPost/JobDescription.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function JobDescription({ description }) {
+  if (!description) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex w-full flex-col gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h3", { className: "text-xl font-bold", children: "Job Description" }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ReadMore, { text: description })
+  ] });
+}
+
+// src/components/jobPost/JobHeader.tsx
+var import_lucide_react3 = require("lucide-react");
+var import_image = __toESM(require("next/image"), 1);
+
+// src/components/buttons/BackButton.tsx
+var import_lucide_react = require("lucide-react");
+var import_navigation2 = require("next/navigation");
+
+// src/components/ui/Icon.tsx
+var import_react_slot2 = require("@radix-ui/react-slot");
+var import_cva3 = require("cva");
+var import_react3 = require("react");
+var import_tailwind_merge2 = require("tailwind-merge");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var Icon = (0, import_react3.forwardRef)(
+  ({ variant, size, active = false, readonly = false, className, ...props }, ref) => {
+    const Component = readonly ? import_react_slot2.Slot : "button";
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      Component,
+      {
+        className: cn(
+          (0, import_tailwind_merge2.twMerge)(iconVariants({ variant: active ? "active" : variant, size })),
+          className
+        ),
+        ...props,
+        ref
+      }
+    );
+  }
+);
+Icon.displayName = "Icon";
+var iconVariants = (0, import_cva3.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/hooks/useWindowHistory.ts
+var import_react5 = require("react");
+
+// src/contexts/WindowHistoryProvider.tsx
+var import_navigation = require("next/navigation");
+var import_react4 = require("react");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var WindowHistoryContext = (0, import_react4.createContext)({});
+
+// src/hooks/useWindowHistory.ts
+function useWindowHistory() {
+  const windowHistoryContext = (0, import_react5.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_runtime12 = 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_runtime12.jsx)(
+    Icon,
+    {
+      "aria-label": "back button",
+      variant: "transparent",
+      size: "small",
+      onClick: goBack,
+      className,
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react.X, {})
+    }
+  );
+}
+
+// src/components/ui/Chip.tsx
+var import_cva4 = require("cva");
+var import_tailwind_merge3 = require("tailwind-merge");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var Chip = ({ className, variant, size, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: (0, import_tailwind_merge3.twMerge)(chipVariants({ variant, size, className })), ...props });
+var chipVariants = (0, import_cva4.cva)(["flex", "items-center", "rounded-3xl", "border", "w-fit"], {
+  variants: {
+    variant: {
+      neutral: ["text-grey-80", "border-grey-10"],
+      primary: ["text-purple-100", "border-purple-20"],
+      danger: ["text-pumpkin-100", "border-pumpkin-20"],
+      onboarding: ["text-green-100", "bg-green-10", "cursor-pointer"],
+      onboardingSelected: ["text-white", "bg-green-90", "cursor-pointer"]
+    },
+    size: {
+      small: ["text-sm", "leading-5", "px-2", "py-1", "gap-1.5"],
+      medium: ["text-base", "leading-6", "px-3", "py-2", "gap-2"]
+    }
+  },
+  defaultVariants: {
+    variant: "neutral",
+    size: "medium"
+  }
+});
+var Chip_default = Chip;
+
+// src/lib/icons.ts
+var import_lucide_react2 = require("lucide-react");
+var iconMap = {
+  house: import_lucide_react2.Home,
+  layers: import_lucide_react2.Layers,
+  users: import_lucide_react2.Users,
+  settings: import_lucide_react2.Settings,
+  building: import_lucide_react2.Building,
+  bell: import_lucide_react2.Bell,
+  wallet: import_lucide_react2.Wallet,
+  contact: import_lucide_react2.Contact,
+  banknote: import_lucide_react2.Banknote,
+  "message-square-dot": import_lucide_react2.MessageSquareDot,
+  "life-buoy": import_lucide_react2.LifeBuoy,
+  "building-2": import_lucide_react2.Building2,
+  "gallery-vertical-end": import_lucide_react2.GalleryVerticalEnd,
+  "square-kanban": import_lucide_react2.SquareKanban,
+  "briefcase-business": import_lucide_react2.BriefcaseBusiness,
+  "circle-user": import_lucide_react2.CircleUser,
+  "key-round": import_lucide_react2.KeyRound,
+  "clock-2": import_lucide_react2.Clock2,
+  "circle-user-round": import_lucide_react2.CircleUserRound,
+  "map-pin": import_lucide_react2.MapPin
+};
+
+// src/components/jobPost/JobHeader.tsx
+var import_jsx_runtime14 = 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_runtime14.jsx)(Icon2, { size: 18 });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime14.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_runtime14.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_runtime14.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_runtime14.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_runtime14.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_runtime14.jsx)(
+                Avatar,
+                {
+                  size: "large",
+                  target: "_blank",
+                  href: avatarHref,
+                  name: avatarName,
+                  src: avatarSrc,
+                  rel: "noopener noreferrer"
+                }
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex w-full flex-col items-start justify-start gap-4 px-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex flex-col md:flex-row", children: [
+            standalone && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "-mt-4 mr-4 md:mt-0", "data-testid": "job-header-avatar", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              Avatar,
+              {
+                size: "large",
+                target: "_blank",
+                href: avatarHref,
+                name: avatarName,
+                src: avatarSrc,
+                rel: "noopener noreferrer"
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.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_runtime14.jsxs)(
+              "div",
+              {
+                "data-testid": `job-header-subtitle-${i}`,
+                className: "flex items-center",
+                children: [
+                  subtitle,
+                  i < subtitles.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react3.Dot, { className: "mx-1 shrink-0", size: 10 })
+                ]
+              },
+              subtitle
+            )) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.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_runtime14.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_runtime14.jsx)(
+                  "div",
+                  {
+                    className: "flex w-full justify-end gap-2 md:w-auto",
+                    "data-testid": "job-header-actions",
+                    children: actions
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime14.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_runtime14.jsxs)(
+                Chip_default,
+                {
+                  size: "small",
+                  variant: "neutral",
+                  "aria-label": name,
+                  "data-testid": `job-header-tag-${name}`,
+                  children: [
+                    renderIcon(icon),
+                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: label })
+                  ]
+                },
+                name
+              ))
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+// src/types/data/shared_pickle_output_latest.ts
+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_react6 = 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_react6.useState)("");
+  const displayService = (0, import_react6.useMemo)(() => new DisplayTextService(), []);
+  (0, import_react6.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_runtime15 = 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_runtime15.jsxs)(
+    "div",
+    {
+      className: cn(
+        "flex flex-col gap-10 pb-4",
+        !standalone && "border-1 rounded-3xl border-grey-5"
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime15.jsxs)("div", { className: "flex flex-col gap-8 px-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(JobDescription, { description: job.description }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            CompanyTake,
+            {
+              avatarSrc,
+              content: job.hiringOrganization?.companyNDG?.companyNDGTake
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime15.jsx)(
+            CompanyBenefits,
+            {
+              benefits: job.hiringOrganization?.companyCareers?.companyBenefits?.map((b) => b.description).filter((d) => d !== void 0)
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  JobPost
+});
+//# sourceMappingURL=JobPost.cjs.map