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

package/dist/components/jobPost/JobPost.js

@@ -0,0 +1,1336 @@
+"use client";
+
+// src/components/jobPost/JobPost.tsx
+import * as DateFns from "date-fns";
+
+// src/components/company/CompanyBenefits.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function CompanyBenefits({ benefits }) {
+  if (!benefits) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", "data-testid": "company-benefits", children: [
+    /* @__PURE__ */ 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__ */ jsx("ul", { className: "flex flex-col gap-3", children: benefits.map((benefit, i) => /* @__PURE__ */ jsx("li", { className: "text-base text-grey-80", children: benefit }, `${benefit}-${i}`)) })
+  ] });
+}
+
+// src/components/ui/LinkButton.tsx
+import Link from "next/link";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var LinkButton = ({
+  disabled = false,
+  useAnchor = false,
+  children,
+  href,
+  ...props
+}) => {
+  const Component = useAnchor ? "a" : Link;
+  return /* @__PURE__ */ jsx2(
+    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
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+function CompanyInformation({
+  name,
+  how,
+  mission,
+  wow,
+  website
+}) {
+  return /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsxs2(
+      "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__ */ jsx3("p", { "data-testid": "company-information", className: "text-base text-grey-80", children: how }),
+    mission && /* @__PURE__ */ jsxs2("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx3("span", { children: "\u{1F680}" }),
+      /* @__PURE__ */ jsxs2("p", { className: "text-base text-grey-80", children: [
+        /* @__PURE__ */ jsx3("span", { className: "pr-1 font-bold", children: "Mission" }),
+        mission
+      ] })
+    ] }),
+    wow && /* @__PURE__ */ jsxs2("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx3("span", { children: "\u{1F31F}" }),
+      /* @__PURE__ */ jsxs2("p", { className: "text-base text-grey-80", children: [
+        /* @__PURE__ */ jsx3("span", { className: "pr-1 font-bold", children: "Wow Factor" }),
+        wow
+      ] })
+    ] }),
+    website && /* @__PURE__ */ jsx3("div", { className: "pt-2", children: /* @__PURE__ */ jsx3(
+      LinkButton,
+      {
+        "data-testid": "company-website-link",
+        href: website,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        children: "Website"
+      }
+    ) })
+  ] });
+}
+
+// src/components/primitives/avatar.tsx
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import * as React from "react";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/primitives/avatar.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var AvatarBase = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
+  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__ */ jsx4(
+  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__ */ jsx4(
+  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
+import { cva } from "cva";
+import Link2 from "next/link";
+import { jsx as jsx5, jsxs as jsxs3 } from "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__ */ jsxs3(AvatarBase, { className: avatarVariants({ size }), children: [
+    /* @__PURE__ */ jsx5(AvatarImage, { src, alt: name }),
+    /* @__PURE__ */ jsx5(AvatarFallback, { children: fallback?.toUpperCase() })
+  ] });
+  if (href) {
+    return /* @__PURE__ */ jsx5(Link2, { href, ...linkProps, children: renderAvatar() });
+  }
+  return renderAvatar();
+}
+var avatarVariants = 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
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+function CompanyTake({ content, avatarSrc }) {
+  if (!content) return null;
+  return /* @__PURE__ */ jsxs4(
+    "div",
+    {
+      "data-testid": "company-take",
+      className: "align-center w-full justify-start rounded-2xl bg-green-90 p-6",
+      children: [
+        /* @__PURE__ */ jsx6("p", { className: "text-lg font-bold text-white sm:text-xl", children: "The Real Dill \u2618\uFE0F" }),
+        /* @__PURE__ */ jsx6("div", { className: "mt-2 flex items-center justify-start", children: /* @__PURE__ */ jsx6("p", { className: "text-sm font-normal text-grey-10", children: content }) }),
+        /* @__PURE__ */ jsxs4("div", { className: "mt-8 flex w-full items-center gap-3", children: [
+          /* @__PURE__ */ jsx6(Avatar, { name: "Jon Lee", src: avatarSrc }),
+          /* @__PURE__ */ jsxs4("div", { className: "flex flex-col flex-wrap items-start", children: [
+            /* @__PURE__ */ jsx6("p", { className: "text-sm font-bold text-white", children: "Jon Lee, PT, DPT, OCS, FAAOMPT, MBA" }),
+            /* @__PURE__ */ jsx6("p", { className: "text-xs font-normal text-grey-30", children: "Pickle co-founder" })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/ui/ReadMore.tsx
+import { useEffect, useState } from "react";
+import Markdown from "react-markdown";
+
+// src/components/ui/Button.tsx
+import { Slot } from "@radix-ui/react-slot";
+import { cva as cva2 } from "cva";
+import { forwardRef as forwardRef2 } from "react";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var Button = forwardRef2(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Component = asChild ? Slot : "button";
+    return /* @__PURE__ */ jsx7(
+      Component,
+      {
+        className: cn(buttonVariants({ variant, size, className })),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+var buttonVariants = cva2(
+  [
+    "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
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+function ReadMore({ text, ...props }) {
+  const [isExpanded, setIsExpanded] = useState(false);
+  const [maxWords, setMaxWords] = useState(160);
+  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__ */ jsxs5("div", { ...props, children: [
+    /* @__PURE__ */ jsx8("div", { "data-testid": "read-more-text", className: "prose lg:prose-lg", children: /* @__PURE__ */ jsx8(Markdown, { children: snippet }) }),
+    /* @__PURE__ */ jsx8(Button, { className: "mt-2 flex items-center justify-center", variant: "link", onClick: toggleText, children: /* @__PURE__ */ jsxs5("p", { className: "text-sm font-bold underline underline-offset-2", children: [
+      "Read ",
+      isExpanded ? "less" : "more"
+    ] }) })
+  ] });
+}
+
+// src/components/jobPost/JobDescription.tsx
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+function JobDescription({ description }) {
+  if (!description) return null;
+  return /* @__PURE__ */ jsxs6("div", { className: "flex w-full flex-col gap-2", children: [
+    /* @__PURE__ */ jsx9("h3", { className: "text-xl font-bold", children: "Job Description" }),
+    /* @__PURE__ */ jsx9(ReadMore, { text: description })
+  ] });
+}
+
+// src/components/jobPost/JobHeader.tsx
+import { Dot } from "lucide-react";
+import Image2 from "next/image";
+
+// src/components/buttons/BackButton.tsx
+import { X } from "lucide-react";
+import { useRouter } from "next/navigation";
+
+// src/components/ui/Icon.tsx
+import { Slot as Slot2 } from "@radix-ui/react-slot";
+import { cva as cva3 } from "cva";
+import { forwardRef as forwardRef3 } from "react";
+import { twMerge as twMerge2 } from "tailwind-merge";
+import { jsx as jsx10 } from "react/jsx-runtime";
+var Icon = forwardRef3(
+  ({ variant, size, active = false, readonly = false, className, ...props }, ref) => {
+    const Component = readonly ? Slot2 : "button";
+    return /* @__PURE__ */ jsx10(
+      Component,
+      {
+        className: cn(
+          twMerge2(iconVariants({ variant: active ? "active" : variant, size })),
+          className
+        ),
+        ...props,
+        ref
+      }
+    );
+  }
+);
+Icon.displayName = "Icon";
+var iconVariants = cva3(
+  [
+    "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
+import { useContext } from "react";
+
+// src/contexts/WindowHistoryProvider.tsx
+import { useSearchParams } from "next/navigation";
+import { createContext, useEffect as useEffect2, useMemo, useState as useState2 } from "react";
+import { jsx as jsx11 } from "react/jsx-runtime";
+var WindowHistoryContext = createContext({});
+
+// src/hooks/useWindowHistory.ts
+function useWindowHistory() {
+  const windowHistoryContext = 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
+import { jsx as jsx12 } from "react/jsx-runtime";
+function BackButton({ acceptedRoutes, fallbackHref, className, ...props }) {
+  const { history } = useWindowHistory();
+  const router = 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__ */ jsx12(
+    Icon,
+    {
+      "aria-label": "back button",
+      variant: "transparent",
+      size: "small",
+      onClick: goBack,
+      className,
+      ...props,
+      children: /* @__PURE__ */ jsx12(X, {})
+    }
+  );
+}
+
+// src/components/ui/Chip.tsx
+import { cva as cva4 } from "cva";
+import { twMerge as twMerge3 } from "tailwind-merge";
+import { jsx as jsx13 } from "react/jsx-runtime";
+var Chip = ({ className, variant, size, ...props }) => /* @__PURE__ */ jsx13("div", { className: twMerge3(chipVariants({ variant, size, className })), ...props });
+var chipVariants = cva4(["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
+import {
+  Banknote,
+  Bell,
+  BriefcaseBusiness,
+  Building,
+  Building2,
+  CircleUser,
+  CircleUserRound,
+  Clock2,
+  Contact,
+  GalleryVerticalEnd,
+  Home,
+  KeyRound,
+  Layers,
+  LifeBuoy,
+  MapPin,
+  MessageSquareDot,
+  Settings,
+  SquareKanban,
+  Users,
+  Wallet
+} from "lucide-react";
+var iconMap = {
+  house: Home,
+  layers: Layers,
+  users: Users,
+  settings: Settings,
+  building: Building,
+  bell: Bell,
+  wallet: Wallet,
+  contact: Contact,
+  banknote: Banknote,
+  "message-square-dot": MessageSquareDot,
+  "life-buoy": LifeBuoy,
+  "building-2": Building2,
+  "gallery-vertical-end": GalleryVerticalEnd,
+  "square-kanban": SquareKanban,
+  "briefcase-business": BriefcaseBusiness,
+  "circle-user": CircleUser,
+  "key-round": KeyRound,
+  "clock-2": Clock2,
+  "circle-user-round": CircleUserRound,
+  "map-pin": MapPin
+};
+
+// src/components/jobPost/JobHeader.tsx
+import { jsx as jsx14, jsxs as jsxs7 } from "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__ */ jsx14(Icon2, { size: 18 });
+  };
+  return /* @__PURE__ */ jsxs7(
+    "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__ */ jsxs7("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__ */ jsx14(
+            Image2,
+            {
+              className: "h-full w-full rounded-t-3xl object-cover",
+              src: bannerSrc,
+              alt: "job banner",
+              fill: true
+            }
+          ),
+          /* @__PURE__ */ jsx14(
+            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__ */ jsx14(
+            "div",
+            {
+              className: "absolute left-4 top-8 md:left-6 md:top-16 lg:top-24",
+              "data-testid": "job-header-avatar",
+              children: /* @__PURE__ */ jsx14(
+                Avatar,
+                {
+                  size: "large",
+                  target: "_blank",
+                  href: avatarHref,
+                  name: avatarName,
+                  src: avatarSrc,
+                  rel: "noopener noreferrer"
+                }
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs7("div", { className: "flex w-full flex-col items-start justify-start gap-4 px-6", children: [
+          /* @__PURE__ */ jsxs7("div", { className: "flex flex-col md:flex-row", children: [
+            standalone && /* @__PURE__ */ jsx14("div", { className: "-mt-4 mr-4 md:mt-0", "data-testid": "job-header-avatar", children: /* @__PURE__ */ jsx14(
+              Avatar,
+              {
+                size: "large",
+                target: "_blank",
+                href: avatarHref,
+                name: avatarName,
+                src: avatarSrc,
+                rel: "noopener noreferrer"
+              }
+            ) }),
+            /* @__PURE__ */ jsx14("div", { className: "prose mt-4 flex w-full items-center text-grey-80 lg:prose-lg", children: subtitles?.map((subtitle, i) => /* @__PURE__ */ jsxs7(
+              "div",
+              {
+                "data-testid": `job-header-subtitle-${i}`,
+                className: "flex items-center",
+                children: [
+                  subtitle,
+                  i < subtitles.length - 1 && /* @__PURE__ */ jsx14(Dot, { className: "mx-1 shrink-0", size: 10 })
+                ]
+              },
+              subtitle
+            )) })
+          ] }),
+          /* @__PURE__ */ jsxs7(
+            "div",
+            {
+              "data-testid": "job-header-content",
+              className: "mt-2 flex w-full flex-row flex-wrap items-center justify-between gap-1",
+              children: [
+                /* @__PURE__ */ jsx14(
+                  "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__ */ jsx14(
+                  "div",
+                  {
+                    className: "flex w-full justify-end gap-2 md:w-auto",
+                    "data-testid": "job-header-actions",
+                    children: actions
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx14(
+            "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__ */ jsxs7(
+                Chip_default,
+                {
+                  size: "small",
+                  variant: "neutral",
+                  "aria-label": name,
+                  "data-testid": `job-header-tag-${name}`,
+                  children: [
+                    renderIcon(icon),
+                    /* @__PURE__ */ jsx14("span", { children: label })
+                  ]
+                },
+                name
+              ))
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+// src/types/data/shared_pickle_output_latest.ts
+import { z } from "zod";
+var TypeEnum = z.enum(["MONETARY_AMOUNT"]);
+var DetailLevelEnum = z.enum(["COUNTRY", "GEO", "LOCALITY", "POSTAL_CODE", "REGION"]);
+var UnitTextEnum = z.enum(["DAY", "HOUR", "MONTH", "PER_ACTIVITY", "WEEK", "YEAR"]);
+var CurrencyEnum = z.enum(["EUR", "GBP", "USD"]);
+var postalAddressSchema = z.object({
+  version: z.literal("1.0.0").default("1.0.0"),
+  type: z.string().describe("Document type used within sanity"),
+  addressCountry: z.string().describe("The physical country as defined in ISO 3166 Alpha-2"),
+  addressRegion: z.optional(z.string()).describe("The region in which the locality is, and which is in the country."),
+  addressLocality: z.optional(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: z.optional(z.string()).describe("The street address within the locality."),
+  postalCode: z.optional(z.string()).describe("The postal code")
+});
+var placeSchema = z.object({
+  version: z.literal("1.0.0").default("1.0.0"),
+  detailLevel: z.optional(DetailLevelEnum),
+  latitude: z.optional(z.number()).describe("The latitude of a location."),
+  longitude: z.optional(z.number()).describe("The longitude of a location."),
+  address: z.optional(postalAddressSchema).describe("The physical place of the location")
+});
+var quantitativeValueSchema = z.object({
+  version: z.literal("1.0.0").default("1.0.0"),
+  type: z.string().describe("Document type used within sanity"),
+  value: z.optional(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: z.optional(z.number()).describe("The single minium value in a range for a quantitative_value, requires a maximum value."),
+  maxValue: z.optional(z.number()).describe("The maximum value in a range for a quantitative_value, requires a minimum value."),
+  unitText: UnitTextEnum
+});
+var monetaryAmountSchema = z.object({
+  version: z.literal("1.0.0").default("1.0.0"),
+  type: z.string().describe("Document type used within sanity"),
+  singleValue: z.optional(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: z.optional(z.number()).describe("The annualized single minium value in a range for a quantitative_value. Deprecated use value.minValue"),
+  maxValue: z.optional(z.number()).describe("The annualized maximum value in a range for a quantitative_value. Deprecated use value.maxValue"),
+  value: z.optional(quantitativeValueSchema).describe("The quantitative_value for a given salary"),
+  currency: 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
+import { useEffect as useEffect3, useMemo as useMemo2, useState as useState3 } from "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] = useState3("");
+  const displayService = useMemo2(() => new DisplayTextService(), []);
+  useEffect3(() => {
+    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
+import { jsx as jsx15, jsxs as jsxs8 } from "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__ */ jsxs8(
+    "div",
+    {
+      className: cn(
+        "flex flex-col gap-10 pb-4",
+        !standalone && "border-1 rounded-3xl border-grey-5"
+      ),
+      children: [
+        /* @__PURE__ */ jsx15(
+          JobHeader,
+          {
+            title: job.title,
+            bannerSrc,
+            avatarName: job.hiringOrganization?.companyName,
+            subtitles: [job.hiringOrganization?.companyName ?? "", `Posted ${formattedDate}`],
+            actions,
+            standalone,
+            backFallbackHref: fallbackHref,
+            tags
+          }
+        ),
+        /* @__PURE__ */ jsxs8("div", { className: "flex flex-col gap-8 px-6", children: [
+          /* @__PURE__ */ jsx15(JobDescription, { description: job.description }),
+          /* @__PURE__ */ jsx15(
+            CompanyTake,
+            {
+              avatarSrc,
+              content: job.hiringOrganization?.companyNDG?.companyNDGTake
+            }
+          ),
+          /* @__PURE__ */ jsx15(
+            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__ */ jsx15(
+            CompanyBenefits,
+            {
+              benefits: job.hiringOrganization?.companyCareers?.companyBenefits?.map((b) => b.description).filter((d) => d !== void 0)
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+export {
+  JobPost
+};
+//# sourceMappingURL=JobPost.js.map