@next-degree/pickle-shared-js 0.6.46 → 0.6.48

package/dist/index.cjs

@@ -44,6 +44,7 @@ __export(index_exports, {
   Counter: () => Counter,
   Icon: () => Icon,
   Input: () => Input_default,
+  InputOtp: () => InputOtp,
   JobDescription: () => JobDescription,
   JobHeader: () => JobHeader,
   JobPost: () => JobPost,
@@ -1378,11 +1379,96 @@ var counterVariants = (0, import_cva6.cva)(
   }
 );
 
-// src/components/primitives/avatar.tsx
-var AvatarPrimitive = __toESM(require("@radix-ui/react-avatar"), 1);
+// src/components/ui/InputOtp.tsx
+var import_react8 = require("react");
+
+// src/components/primitives/input-otp.tsx
 var React7 = __toESM(require("react"), 1);
+var import_input_otp = require("input-otp");
+var import_lucide_react12 = require("lucide-react");
 var import_jsx_runtime19 = require("react/jsx-runtime");
-var AvatarBase = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+var InputOTP = React7.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  import_input_otp.OTPInput,
+  {
+    ref,
+    containerClassName: cn(
+      "flex items-center gap-2 has-[:disabled]:opacity-50",
+      containerClassName
+    ),
+    className: cn("disabled:cursor-not-allowed", className),
+    ...props
+  }
+));
+InputOTP.displayName = "InputOTP";
+var InputOTPGroup = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { ref, className: cn("flex items-center", className), ...props }));
+InputOTPGroup.displayName = "InputOTPGroup";
+var InputOTPSlot = React7.forwardRef(({ index, error, className, ...props }, ref) => {
+  const inputOTPContext = React7.useContext(import_input_otp.OTPInputContext);
+  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+    "div",
+    {
+      ref,
+      className: cn(
+        "relative flex h-10 w-10 items-center justify-center border-y border-r border-neutral-200 text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md dark:border-neutral-800",
+        isActive && "z-10 ring-2 ring-purple-100 ring-offset-white dark:ring-purple-20 dark:ring-offset-purple-100",
+        error && "border-red-500 dark:border-red-400",
+        className
+      ),
+      ...props,
+      children: [
+        char,
+        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "animate-caret-blink h-4 w-px bg-neutral-950 duration-1000 dark:bg-neutral-50" }) })
+      ]
+    }
+  );
+});
+InputOTPSlot.displayName = "InputOTPSlot";
+var InputOTPSeparator = React7.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react12.Dot, {}) }));
+InputOTPSeparator.displayName = "InputOTPSeparator";
+
+// src/components/ui/InputOtp.tsx
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var InputOtp = (0, import_react8.forwardRef)(
+  ({ digits, label, description, error, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+      "div",
+      {
+        className: "group flex w-full flex-col gap-1",
+        "data-testid": `input-otp-wrapper-${props.id}`,
+        children: [
+          label && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            Label_default,
+            {
+              text: label,
+              htmlFor: props.name,
+              required: props.required,
+              description
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "relative flex flex-row items-center", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            InputOTP,
+            {
+              ref,
+              maxLength: digits,
+              "data-testid": `input-otp-element-${props.id}`,
+              ...props,
+              children: [...Array(digits)].map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(InputOTPGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(InputOTPSlot, { index, error: Boolean(error) }) }, index))
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ErrorMessage_default, { message: error })
+        ]
+      }
+    );
+  }
+);
+InputOtp.displayName = "Input";
+
+// src/components/primitives/avatar.tsx
+var AvatarPrimitive = __toESM(require("@radix-ui/react-avatar"), 1);
+var React8 = __toESM(require("react"), 1);
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var AvatarBase = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
   AvatarPrimitive.Root,
   {
     ref,
@@ -1391,7 +1477,7 @@ var AvatarBase = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 AvatarBase.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+var AvatarImage = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
   AvatarPrimitive.Image,
   {
     ref,
@@ -1401,7 +1487,7 @@ var AvatarImage = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+var AvatarFallback = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -1417,17 +1503,17 @@ 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");
+var import_jsx_runtime22 = 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() })
+  const renderAvatar = () => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(AvatarBase, { className: avatarVariants({ size }), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(AvatarImage, { src, alt: name }),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(AvatarFallback, { children: fallback?.toUpperCase() })
   ] });
   if (href) {
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_link.default, { href, ...linkProps, children: renderAvatar() });
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_link.default, { href, ...linkProps, children: renderAvatar() });
   }
   return renderAvatar();
 }
@@ -1447,13 +1533,13 @@ var avatarVariants = (0, import_cva7.cva)("ring ring-white ring-2", {
 // 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_react9 = require("react");
 var import_tailwind_merge3 = require("tailwind-merge");
-var import_jsx_runtime21 = require("react/jsx-runtime");
-var Icon = (0, import_react8.forwardRef)(
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var Icon = (0, import_react9.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)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       Component,
       {
         className: cn(
@@ -1523,7 +1609,7 @@ var iconVariants = (0, import_cva8.cva)(
 
 // src/components/ui/LinkButton.tsx
 var import_link2 = __toESM(require("next/link"), 1);
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var LinkButton = ({
   disabled = false,
   useAnchor = false,
@@ -1532,7 +1618,7 @@ var LinkButton = ({
   ...props
 }) => {
   const Component = useAnchor ? "a" : import_link2.default;
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     Component,
     {
       href,
@@ -1545,13 +1631,13 @@ var LinkButton = ({
 };
 
 // src/components/ui/ReadMore.tsx
-var import_react9 = require("react");
+var import_react10 = require("react");
 var import_react_markdown = __toESM(require("react-markdown"), 1);
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime25 = 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 [isExpanded, setIsExpanded] = (0, import_react10.useState)(false);
+  const [maxWords, setMaxWords] = (0, import_react10.useState)(160);
+  (0, import_react10.useEffect)(() => {
     const updateMaxWords = () => {
       const windowWidth = window.innerWidth;
       if (windowWidth <= 768) {
@@ -1572,9 +1658,9 @@ function ReadMore({ text, ...props }) {
   }
   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: [
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { "data-testid": "read-more-text", className: "prose lg:prose-lg", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_markdown.default, { children: snippet }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Button, { className: "mt-2 flex items-center justify-center", variant: "link", onClick: toggleText, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("p", { className: "text-sm font-bold underline underline-offset-2", children: [
       "Read ",
       isExpanded ? "less" : "more"
     ] }) })
@@ -1582,17 +1668,17 @@ function ReadMore({ text, ...props }) {
 }
 
 // src/components/company/CompanyBenefits.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime26 = 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}`)) })
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col gap-2", "data-testid": "company-benefits", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.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_runtime26.jsx)("ul", { className: "flex flex-col gap-3", children: benefits.map((benefit, i) => /* @__PURE__ */ (0, import_jsx_runtime26.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");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function CompanyInformation({
   name,
   how,
@@ -1600,8 +1686,8 @@ function CompanyInformation({
   wow,
   website
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
       "h2",
       {
         "data-testid": "company-name",
@@ -1612,22 +1698,22 @@ function CompanyInformation({
         ]
       }
     ),
-    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" }),
+    how && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { "data-testid": "company-information", className: "text-base text-grey-80", children: how }),
+    mission && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { children: "\u{1F680}" }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("p", { className: "text-base text-grey-80", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime27.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 && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { children: "\u{1F31F}" }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("p", { className: "text-base text-grey-80", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime27.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)(
+    website && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       LinkButton,
       {
         "data-testid": "company-website-link",
@@ -1641,22 +1727,22 @@ function CompanyInformation({
 }
 
 // src/components/company/CompanyTake.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function CompanyTake({ content, avatarSrc }) {
   if (!content) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.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" })
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-lg font-bold text-white sm:text-xl", children: "The Real Dill \u2618\uFE0F" }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "mt-2 flex items-center justify-start", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-sm font-normal text-grey-10", children: content }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "mt-8 flex w-full items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Avatar, { name: "Jon Lee", src: avatarSrc }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-col flex-wrap items-start", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-sm font-bold text-white", children: "Jon Lee, PT, DPT, OCS, FAAOMPT, MBA" }),
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-xs font-normal text-grey-30", children: "Pickle co-founder" })
           ] })
         ] })
       ]
@@ -1665,54 +1751,51 @@ function CompanyTake({ content, avatarSrc }) {
 }
 
 // src/components/jobPost/JobDescription.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime29 = 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 })
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex w-full flex-col gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("h3", { className: "text-xl font-bold", children: "Job Description" }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ReadMore, { text: description })
   ] });
 }
 
 // src/components/jobPost/JobHeader.tsx
-var import_lucide_react14 = require("lucide-react");
+var import_lucide_react15 = 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_lucide_react13 = require("lucide-react");
 var import_navigation2 = require("next/navigation");
 
 // src/hooks/useWindowHistory.ts
-var import_react11 = require("react");
+var import_react12 = 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)({});
+var import_react11 = require("react");
+var import_jsx_runtime30 = require("react/jsx-runtime");
+var WindowHistoryContext = (0, import_react11.createContext)({});
 function WindowHistoryProvider({ children }) {
-  const [history, setHistory] = (0, import_react10.useState)([]);
+  const [history, setHistory] = (0, import_react11.useState)([]);
   const searchParams = (0, import_navigation.useSearchParams)();
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.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 });
+  const contextValue = (0, import_react11.useMemo)(() => ({ history }), [history]);
+  return /* @__PURE__ */ (0, import_jsx_runtime30.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");
-  }
+  const windowHistoryContext = (0, import_react12.useContext)(WindowHistoryContext);
   return windowHistoryContext;
 }
 
 // src/components/buttons/BackButton.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function BackButton({ acceptedRoutes, fallbackHref, className, ...props }) {
   const { history } = useWindowHistory();
   const router = (0, import_navigation2.useRouter)();
@@ -1721,7 +1804,7 @@ function BackButton({ acceptedRoutes, fallbackHref, className, ...props }) {
     const previous = history[history.length - 2];
     history.length > 1 && isAcceptedRoute(previous) ? router.back() : router.push(fallbackHref ?? "/");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     Icon,
     {
       "aria-label": "back button",
@@ -1730,38 +1813,38 @@ function BackButton({ acceptedRoutes, fallbackHref, className, ...props }) {
       onClick: goBack,
       className,
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react12.X, {})
+      children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react13.X, {})
     }
   );
 }
 
 // src/lib/icons.ts
-var import_lucide_react13 = require("lucide-react");
+var import_lucide_react14 = 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
+  house: import_lucide_react14.Home,
+  layers: import_lucide_react14.Layers,
+  users: import_lucide_react14.Users,
+  settings: import_lucide_react14.Settings,
+  building: import_lucide_react14.Building,
+  bell: import_lucide_react14.Bell,
+  wallet: import_lucide_react14.Wallet,
+  contact: import_lucide_react14.Contact,
+  banknote: import_lucide_react14.Banknote,
+  "message-square-dot": import_lucide_react14.MessageSquareDot,
+  "life-buoy": import_lucide_react14.LifeBuoy,
+  "building-2": import_lucide_react14.Building2,
+  "gallery-vertical-end": import_lucide_react14.GalleryVerticalEnd,
+  "square-kanban": import_lucide_react14.SquareKanban,
+  "briefcase-business": import_lucide_react14.BriefcaseBusiness,
+  "circle-user": import_lucide_react14.CircleUser,
+  "key-round": import_lucide_react14.KeyRound,
+  "clock-2": import_lucide_react14.Clock2,
+  "circle-user-round": import_lucide_react14.CircleUserRound,
+  "map-pin": import_lucide_react14.MapPin
 };
 
 // src/components/jobPost/JobHeader.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function JobHeader({
   title,
   subtitles,
@@ -1777,9 +1860,9 @@ function JobHeader({
 }) {
   const renderIcon = (icon) => {
     const Icon2 = iconMap[icon];
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Icon2, { size: 18 });
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon2, { size: 18 });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
     "div",
     {
       "data-testid": "job-header-root",
@@ -1788,8 +1871,8 @@ function JobHeader({
         !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)(
+        !standalone && /* @__PURE__ */ (0, import_jsx_runtime32.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_runtime32.jsx)(
             import_image.default,
             {
               className: "h-full w-full rounded-t-3xl object-cover",
@@ -1798,7 +1881,7 @@ function JobHeader({
               fill: true
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
             BackButton,
             {
               acceptedRoutes: backAcceptedRoutes,
@@ -1807,12 +1890,12 @@ function JobHeader({
               "data-testid": "job-header-back-button"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime32.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)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                 Avatar,
                 {
                   size: "large",
@@ -1826,9 +1909,9 @@ function JobHeader({
             }
           )
         ] }),
-        /* @__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)(
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex w-full flex-col items-start justify-start gap-4 px-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col md:flex-row", children: [
+            standalone && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "-mt-4 mr-4 md:mt-0", "data-testid": "job-header-avatar", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
               Avatar,
               {
                 size: "large",
@@ -1839,26 +1922,26 @@ function JobHeader({
                 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)(
+            /* @__PURE__ */ (0, import_jsx_runtime32.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_runtime32.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 })
+                  i < subtitles.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react15.Dot, { className: "mx-1 shrink-0", size: 10 })
                 ]
               },
               subtitle
             )) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime32.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)(
+                /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                   "h2",
                   {
                     "data-testid": "job-header-title",
@@ -1866,7 +1949,7 @@ function JobHeader({
                     children: title
                   }
                 ),
-                !!actions && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                !!actions && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
                   "div",
                   {
                     className: "flex w-full justify-end gap-2 md:w-auto",
@@ -1877,12 +1960,12 @@ function JobHeader({
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime32.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)(
+              children: tags?.map(({ name, label, icon }) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
                 Chip_default,
                 {
                   size: "small",
@@ -1891,7 +1974,7 @@ function JobHeader({
                   "data-testid": `job-header-tag-${name}`,
                   children: [
                     renderIcon(icon),
-                    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: label })
+                    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { children: label })
                   ]
                 },
                 name
@@ -2004,7 +2087,7 @@ function salaryRange(salary) {
 }
 
 // src/hooks/useDisplayText.ts
-var import_react12 = require("react");
+var import_react13 = require("react");
 
 // src/lib/mappings.ts
 var employmentTypeDisplayText = {
@@ -2448,9 +2531,9 @@ var DisplayTextService = class {
 
 // 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)(() => {
+  const [displayText, setDisplayText] = (0, import_react13.useState)("");
+  const displayService = (0, import_react13.useMemo)(() => new DisplayTextService(), []);
+  (0, import_react13.useEffect)(() => {
     if (!displayService || !value) {
       setDisplayText("");
       return;
@@ -2493,7 +2576,7 @@ function formattedJobLocation(job) {
 }
 
 // src/components/jobPost/JobPost.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 function JobPost({
   job,
   bannerSrc,
@@ -2537,7 +2620,7 @@ function JobPost({
       label: formattedLocation
     }
   ].filter((t) => !!t);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
     "div",
     {
       className: cn(
@@ -2545,7 +2628,7 @@ function JobPost({
         !standalone && "border-1 rounded-3xl border-grey-5"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           JobHeader,
           {
             title: job.title,
@@ -2559,16 +2642,16 @@ function JobPost({
             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)(
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col gap-8 px-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(JobDescription, { description: job.description }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
             CompanyTake,
             {
               avatarSrc,
               content: job.hiringOrganization?.companyNdg?.companyNdgTake
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
             CompanyInformation,
             {
               name: job.hiringOrganization?.companyName ?? "",
@@ -2578,7 +2661,7 @@ function JobPost({
               website: job.hiringOrganization?.companyWebsite
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
             CompanyBenefits,
             {
               benefits: job.hiringOrganization?.companyCareers?.companyBenefits?.map((b) => b.title).filter((d) => d !== void 0)
@@ -2818,6 +2901,7 @@ var jobPostSchema = import_zod3.z.object({
   Counter,
   Icon,
   Input,
+  InputOtp,
   JobDescription,
   JobHeader,
   JobPost,