@next-degree/pickle-shared-js 0.10.7 → 0.10.8

package/dist/index.d.cts

@@ -18,6 +18,7 @@ export { InputOtp } from './components/ui/InputOtp.cjs';
 export { LinkButton } from './components/ui/LinkButton.cjs';
 export { ReadMore } from './components/ui/ReadMore.cjs';
 export { DatePicker } from './components/ui/DatePicker.cjs';
+export { StepTabs } from './components/ui/StepTabs.cjs';
 export { fetchLocation } from './lib/google.cjs';
 export { cn } from './lib/utils.cjs';
 export { CompanyBenefits } from './components/company/CompanyBenefits.cjs';
@@ -31,7 +32,7 @@ export { WindowHistoryProvider } from './contexts/WindowHistoryProvider.cjs';
 export { useDisplayText } from './hooks/useDisplayText.cjs';
 export { useWindowHistory } from './hooks/useWindowHistory.cjs';
 export { c as CompanyService } from './company_service_latest-Ba8VhDao.cjs';
-export { j as JobPostService } from './job_posting_service_latest-duSSyFvo.cjs';
+export { j as JobPostService } from './job_posting_service_latest-DOGQ9tEu.cjs';
 export { s as SharedService } from './shared_pickle_output_latest-DKOmTyYk.cjs';
 import 'cva/types';
 import 'react/jsx-runtime';
@@ -44,7 +45,8 @@ import '@radix-ui/react-switch';
 import './components/primitives/radio-group.cjs';
 import '@radix-ui/react-radio-group';
 import 'next/link';
+import '@radix-ui/react-tabs';
 import 'clsx';
 import './lib/icons.cjs';
-import './displayText-BIzvCN9H.cjs';
+import './displayText-4cJ7-3Mw.cjs';
 import 'zod';

package/dist/index.d.ts

@@ -18,6 +18,7 @@ export { InputOtp } from './components/ui/InputOtp.js';
 export { LinkButton } from './components/ui/LinkButton.js';
 export { ReadMore } from './components/ui/ReadMore.js';
 export { DatePicker } from './components/ui/DatePicker.js';
+export { StepTabs } from './components/ui/StepTabs.js';
 export { fetchLocation } from './lib/google.js';
 export { cn } from './lib/utils.js';
 export { CompanyBenefits } from './components/company/CompanyBenefits.js';
@@ -31,7 +32,7 @@ export { WindowHistoryProvider } from './contexts/WindowHistoryProvider.js';
 export { useDisplayText } from './hooks/useDisplayText.js';
 export { useWindowHistory } from './hooks/useWindowHistory.js';
 export { c as CompanyService } from './company_service_latest-Ba8VhDao.js';
-export { j as JobPostService } from './job_posting_service_latest-duSSyFvo.js';
+export { j as JobPostService } from './job_posting_service_latest-DOGQ9tEu.js';
 export { s as SharedService } from './shared_pickle_output_latest-DKOmTyYk.js';
 import 'cva/types';
 import 'react/jsx-runtime';
@@ -44,7 +45,8 @@ import '@radix-ui/react-switch';
 import './components/primitives/radio-group.js';
 import '@radix-ui/react-radio-group';
 import 'next/link';
+import '@radix-ui/react-tabs';
 import 'clsx';
 import './lib/icons.js';
-import './displayText-BtujjCCA.js';
+import './displayText-CBIWVZVw.js';
 import 'zod';

package/dist/index.js

@@ -1958,18 +1958,62 @@ var datePickerStyle = cva10([
   "font-normal"
 ]);
 
-// src/components/company/CompanyBenefits.tsx
+// src/components/ui/StepTabs.tsx
+import * as Tabs from "@radix-ui/react-tabs";
 import { jsx as jsx32, jsxs as jsxs19 } from "react/jsx-runtime";
+function StepTabs({
+  list,
+  currentStep,
+  setCurrentStep,
+  children,
+  className,
+  defaultValue,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs19(
+    Tabs.Root,
+    {
+      value: currentStep,
+      onValueChange: setCurrentStep,
+      defaultValue: defaultValue ?? "0",
+      className: cn("flex flex-col rounded-lg border shadow-sm", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx32(Tabs.List, { className: "flex shrink-0 border-b border-grey-20", children: children.length > 1 && list.map((item, index) => /* @__PURE__ */ jsx32(
+          Tabs.Trigger,
+          {
+            className: "flex h-[45px] flex-1 cursor-default select-none items-center justify-center bg-white px-5 text-[15px] leading-none text-gray-800 outline-none first:rounded-tl-md last:rounded-tr-md hover:text-purple-100 data-[state=active]:text-purple-100 data-[state=active]:shadow-[inset_0_-1px_0_0,0_1px_0_0] data-[state=active]:shadow-current data-[state=active]:focus:relative data-[state=active]:focus:shadow-[0_0_0_2px] data-[state=active]:focus:shadow-black",
+            value: index.toString(),
+            children: item
+          },
+          `${item}-${index}`
+        )) }),
+        children.map((child, index) => /* @__PURE__ */ jsx32(
+          Tabs.Content,
+          {
+            className: "grow rounded-b-md bg-white p-5 outline-none",
+            value: index.toString(),
+            children: child
+          },
+          index
+        ))
+      ]
+    }
+  );
+}
+
+// src/components/company/CompanyBenefits.tsx
+import { jsx as jsx33, jsxs as jsxs20 } from "react/jsx-runtime";
 function CompanyBenefits({ benefits }) {
   if (!benefits) return null;
-  return /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-2", "data-testid": "company-benefits", children: [
-    /* @__PURE__ */ jsx32("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__ */ jsx32("ul", { className: "flex flex-col gap-3", children: benefits.map((benefit, i) => /* @__PURE__ */ jsx32("li", { className: "text-base text-grey-80", children: benefit }, `${benefit}-${i}`)) })
+  return /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-2", "data-testid": "company-benefits", children: [
+    /* @__PURE__ */ jsx33("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__ */ jsx33("ul", { className: "flex flex-col gap-3", children: benefits.map((benefit, i) => /* @__PURE__ */ jsx33("li", { className: "text-base text-grey-80", children: benefit }, `${benefit}-${i}`)) })
   ] });
 }
 
 // src/components/company/CompanyInformation.tsx
-import { jsx as jsx33, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs21 } from "react/jsx-runtime";
 function CompanyInformation({
   name,
   how,
@@ -1977,8 +2021,8 @@ function CompanyInformation({
   wow,
   website
 }) {
-  return /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsxs21(
       "h2",
       {
         "data-testid": "company-name",
@@ -1989,22 +2033,22 @@ function CompanyInformation({
         ]
       }
     ),
-    how && /* @__PURE__ */ jsx33("p", { "data-testid": "company-information", className: "text-base text-grey-80", children: how }),
-    mission && /* @__PURE__ */ jsxs20("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsx33("span", { children: "\u{1F680}" }),
-      /* @__PURE__ */ jsxs20("p", { className: "text-base text-grey-80", children: [
-        /* @__PURE__ */ jsx33("span", { className: "pr-1 font-bold", children: "Mission" }),
+    how && /* @__PURE__ */ jsx34("p", { "data-testid": "company-information", className: "text-base text-grey-80", children: how }),
+    mission && /* @__PURE__ */ jsxs21("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx34("span", { children: "\u{1F680}" }),
+      /* @__PURE__ */ jsxs21("p", { className: "text-base text-grey-80", children: [
+        /* @__PURE__ */ jsx34("span", { className: "pr-1 font-bold", children: "Mission" }),
         mission
       ] })
     ] }),
-    wow && /* @__PURE__ */ jsxs20("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsx33("span", { children: "\u{1F31F}" }),
-      /* @__PURE__ */ jsxs20("p", { className: "text-base text-grey-80", children: [
-        /* @__PURE__ */ jsx33("span", { className: "pr-1 font-bold", children: "Wow Factor" }),
+    wow && /* @__PURE__ */ jsxs21("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx34("span", { children: "\u{1F31F}" }),
+      /* @__PURE__ */ jsxs21("p", { className: "text-base text-grey-80", children: [
+        /* @__PURE__ */ jsx34("span", { className: "pr-1 font-bold", children: "Wow Factor" }),
         wow
       ] })
     ] }),
-    website && /* @__PURE__ */ jsx33("div", { className: "pt-2", children: /* @__PURE__ */ jsx33(
+    website && /* @__PURE__ */ jsx34("div", { className: "pt-2", children: /* @__PURE__ */ jsx34(
       LinkButton,
       {
         "data-testid": "company-website-link",
@@ -2018,22 +2062,22 @@ function CompanyInformation({
 }
 
 // src/components/company/CompanyTake.tsx
-import { jsx as jsx34, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs22 } from "react/jsx-runtime";
 function CompanyTake({ content, avatarSrc }) {
   if (!content) return null;
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs22(
     "div",
     {
       "data-testid": "company-take",
       className: "align-center w-full justify-start rounded-2xl bg-green-90 p-6",
       children: [
-        /* @__PURE__ */ jsx34("p", { className: "text-lg font-bold text-white sm:text-xl", children: "The Real Dill \u2618\uFE0F" }),
-        /* @__PURE__ */ jsx34("div", { className: "mt-2 flex items-center justify-start", children: /* @__PURE__ */ jsx34("p", { className: "text-sm font-normal text-grey-10", children: content }) }),
-        /* @__PURE__ */ jsxs21("div", { className: "mt-8 flex w-full items-center gap-3", children: [
-          /* @__PURE__ */ jsx34(Avatar, { name: "Jon Lee", src: avatarSrc }),
-          /* @__PURE__ */ jsxs21("div", { className: "flex flex-col flex-wrap items-start", children: [
-            /* @__PURE__ */ jsx34("p", { className: "text-sm font-bold text-white", children: "Jon Lee, PT, DPT, OCS, FAAOMPT, MBA" }),
-            /* @__PURE__ */ jsx34("p", { className: "text-xs font-normal text-grey-30", children: "Pickle co-founder" })
+        /* @__PURE__ */ jsx35("p", { className: "text-lg font-bold text-white sm:text-xl", children: "The Real Dill \u2618\uFE0F" }),
+        /* @__PURE__ */ jsx35("div", { className: "mt-2 flex items-center justify-start", children: /* @__PURE__ */ jsx35("p", { className: "text-sm font-normal text-grey-10", children: content }) }),
+        /* @__PURE__ */ jsxs22("div", { className: "mt-8 flex w-full items-center gap-3", children: [
+          /* @__PURE__ */ jsx35(Avatar, { name: "Jon Lee", src: avatarSrc }),
+          /* @__PURE__ */ jsxs22("div", { className: "flex flex-col flex-wrap items-start", children: [
+            /* @__PURE__ */ jsx35("p", { className: "text-sm font-bold text-white", children: "Jon Lee, PT, DPT, OCS, FAAOMPT, MBA" }),
+            /* @__PURE__ */ jsx35("p", { className: "text-xs font-normal text-grey-30", children: "Pickle co-founder" })
           ] })
         ] })
       ]
@@ -2042,12 +2086,12 @@ function CompanyTake({ content, avatarSrc }) {
 }
 
 // src/components/jobPost/JobDescription.tsx
-import { jsx as jsx35, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs23 } from "react/jsx-runtime";
 function JobDescription({ description }) {
   if (!description) return null;
-  return /* @__PURE__ */ jsxs22("div", { className: "flex w-full flex-col gap-2", children: [
-    /* @__PURE__ */ jsx35("h3", { className: "text-xl font-bold", children: "Job Description" }),
-    /* @__PURE__ */ jsx35(ReadMore, { text: description })
+  return /* @__PURE__ */ jsxs23("div", { className: "flex w-full flex-col gap-2", children: [
+    /* @__PURE__ */ jsx36("h3", { className: "text-xl font-bold", children: "Job Description" }),
+    /* @__PURE__ */ jsx36(ReadMore, { text: description })
   ] });
 }
 
@@ -2065,7 +2109,7 @@ import { useContext as useContext2 } from "react";
 // src/contexts/WindowHistoryProvider.tsx
 import { useSearchParams } from "next/navigation";
 import { createContext, useEffect as useEffect7, useMemo, useState as useState7 } from "react";
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 var WindowHistoryContext = createContext({});
 function WindowHistoryProvider({ children }) {
   const [history, setHistory] = useState7([]);
@@ -2076,7 +2120,7 @@ function WindowHistoryProvider({ children }) {
     );
   }, [searchParams]);
   const contextValue = useMemo(() => ({ history }), [history]);
-  return /* @__PURE__ */ jsx36(WindowHistoryContext.Provider, { value: contextValue, children });
+  return /* @__PURE__ */ jsx37(WindowHistoryContext.Provider, { value: contextValue, children });
 }
 
 // src/hooks/useWindowHistory.ts
@@ -2086,7 +2130,7 @@ function useWindowHistory() {
 }
 
 // src/components/buttons/BackButton.tsx
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 function BackButton({ acceptedRoutes, fallbackHref, className, ...props }) {
   const { history } = useWindowHistory();
   const router = useRouter();
@@ -2099,7 +2143,7 @@ function BackButton({ acceptedRoutes, fallbackHref, className, ...props }) {
       router.push(fallbackHref ?? "/");
     }
   };
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     Icon,
     {
       "aria-label": "back button",
@@ -2108,7 +2152,7 @@ function BackButton({ acceptedRoutes, fallbackHref, className, ...props }) {
       onClick: goBack,
       className,
       ...props,
-      children: /* @__PURE__ */ jsx37(X4, {})
+      children: /* @__PURE__ */ jsx38(X4, {})
     }
   );
 }
@@ -2160,7 +2204,7 @@ var iconMap = {
 };
 
 // src/components/jobPost/JobHeader.tsx
-import { jsx as jsx38, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs24 } from "react/jsx-runtime";
 function JobHeader({
   title,
   subtitles,
@@ -2176,9 +2220,9 @@ function JobHeader({
 }) {
   const renderIcon = (icon) => {
     const Icon2 = iconMap[icon];
-    return /* @__PURE__ */ jsx38(Icon2, { size: 18 });
+    return /* @__PURE__ */ jsx39(Icon2, { size: 18 });
   };
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs24(
     "div",
     {
       "data-testid": "job-header-root",
@@ -2187,8 +2231,8 @@ function JobHeader({
         !standalone && "rounded-3xl"
       ),
       children: [
-        !standalone && /* @__PURE__ */ jsxs23("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__ */ jsx38(
+        !standalone && /* @__PURE__ */ jsxs24("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__ */ jsx39(
             Image2,
             {
               className: "h-full w-full rounded-t-3xl object-cover",
@@ -2197,7 +2241,7 @@ function JobHeader({
               fill: true
             }
           ),
-          /* @__PURE__ */ jsx38(
+          /* @__PURE__ */ jsx39(
             BackButton,
             {
               acceptedRoutes: backAcceptedRoutes,
@@ -2206,12 +2250,12 @@ function JobHeader({
               "data-testid": "job-header-back-button"
             }
           ),
-          /* @__PURE__ */ jsx38(
+          /* @__PURE__ */ jsx39(
             "div",
             {
               className: "absolute left-4 top-8 md:left-6 md:top-16 lg:top-24",
               "data-testid": "job-header-avatar",
-              children: /* @__PURE__ */ jsx38(
+              children: /* @__PURE__ */ jsx39(
                 Avatar,
                 {
                   size: "large",
@@ -2225,9 +2269,9 @@ function JobHeader({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs23("div", { className: "flex w-full flex-col items-start justify-start gap-4 px-6", children: [
-          /* @__PURE__ */ jsxs23("div", { className: "flex flex-col md:flex-row", children: [
-            standalone && /* @__PURE__ */ jsx38("div", { className: "-mt-4 mr-4 md:mt-0", "data-testid": "job-header-avatar", children: /* @__PURE__ */ jsx38(
+        /* @__PURE__ */ jsxs24("div", { className: "flex w-full flex-col items-start justify-start gap-4 px-6", children: [
+          /* @__PURE__ */ jsxs24("div", { className: "flex flex-col md:flex-row", children: [
+            standalone && /* @__PURE__ */ jsx39("div", { className: "-mt-4 mr-4 md:mt-0", "data-testid": "job-header-avatar", children: /* @__PURE__ */ jsx39(
               Avatar,
               {
                 size: "large",
@@ -2238,26 +2282,26 @@ function JobHeader({
                 rel: "noopener noreferrer"
               }
             ) }),
-            /* @__PURE__ */ jsx38("div", { className: "prose mt-4 flex w-full items-center text-grey-80 lg:prose-lg", children: subtitles?.map((subtitle, i) => /* @__PURE__ */ jsxs23(
+            /* @__PURE__ */ jsx39("div", { className: "prose mt-4 flex w-full items-center text-grey-80 lg:prose-lg", children: subtitles?.map((subtitle, i) => /* @__PURE__ */ jsxs24(
               "div",
               {
                 "data-testid": `job-header-subtitle-${i}`,
                 className: "flex items-center",
                 children: [
                   subtitle,
-                  i < subtitles.length - 1 && /* @__PURE__ */ jsx38(Dot2, { className: "mx-1 shrink-0", size: 10 })
+                  i < subtitles.length - 1 && /* @__PURE__ */ jsx39(Dot2, { className: "mx-1 shrink-0", size: 10 })
                 ]
               },
               subtitle
             )) })
           ] }),
-          /* @__PURE__ */ jsxs23(
+          /* @__PURE__ */ jsxs24(
             "div",
             {
               "data-testid": "job-header-content",
               className: "mt-2 flex w-full flex-row flex-wrap items-center justify-between gap-1",
               children: [
-                /* @__PURE__ */ jsx38(
+                /* @__PURE__ */ jsx39(
                   "h2",
                   {
                     "data-testid": "job-header-title",
@@ -2265,7 +2309,7 @@ function JobHeader({
                     children: title
                   }
                 ),
-                !!actions && /* @__PURE__ */ jsx38(
+                !!actions && /* @__PURE__ */ jsx39(
                   "div",
                   {
                     className: "flex w-full justify-end gap-2 md:w-auto",
@@ -2276,12 +2320,12 @@ function JobHeader({
               ]
             }
           ),
-          /* @__PURE__ */ jsx38(
+          /* @__PURE__ */ jsx39(
             "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__ */ jsxs23(
+              children: tags?.map(({ name, label, icon }) => /* @__PURE__ */ jsxs24(
                 Chip_default,
                 {
                   size: "small",
@@ -2290,7 +2334,7 @@ function JobHeader({
                   "data-testid": `job-header-tag-${name}`,
                   children: [
                     renderIcon(icon),
-                    /* @__PURE__ */ jsx38("span", { children: label })
+                    /* @__PURE__ */ jsx39("span", { children: label })
                   ]
                 },
                 name
@@ -3223,7 +3267,7 @@ function salaryRange(salary) {
 }
 
 // src/components/jobPost/JobPost.tsx
-import { jsx as jsx39, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs25 } from "react/jsx-runtime";
 function JobPost({
   job,
   bannerSrc,
@@ -3269,7 +3313,7 @@ function JobPost({
       label: formattedLocation
     }
   ].filter((t) => !!t);
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs25(
     "div",
     {
       className: cn(
@@ -3277,7 +3321,7 @@ function JobPost({
         !standalone && "border-1 rounded-3xl border-grey-5"
       ),
       children: [
-        /* @__PURE__ */ jsx39(
+        /* @__PURE__ */ jsx40(
           JobHeader,
           {
             title: job.title,
@@ -3293,16 +3337,16 @@ function JobPost({
             tags
           }
         ),
-        /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-8 px-6", children: [
-          /* @__PURE__ */ jsx39(JobDescription, { description: job.description }),
-          /* @__PURE__ */ jsx39(
+        /* @__PURE__ */ jsxs25("div", { className: "flex flex-col gap-8 px-6", children: [
+          /* @__PURE__ */ jsx40(JobDescription, { description: job.description }),
+          /* @__PURE__ */ jsx40(
             CompanyTake,
             {
               avatarSrc,
               content: job.hiringOrganization?.companyNDG?.companyNDGTake
             }
           ),
-          /* @__PURE__ */ jsx39(
+          /* @__PURE__ */ jsx40(
             CompanyInformation,
             {
               name: job.hiringOrganization?.companyName ?? "",
@@ -3312,7 +3356,7 @@ function JobPost({
               website: job.hiringOrganization?.companyWebsite
             }
           ),
-          /* @__PURE__ */ jsx39(
+          /* @__PURE__ */ jsx40(
             CompanyBenefits,
             {
               benefits: job.hiringOrganization?.companyCareers?.companyBenefits?.map((b) => b.title).filter((d) => d !== void 0)
@@ -3642,6 +3686,7 @@ export {
   ReadMore,
   Select_default as Select,
   shared_pickle_output_latest_exports2 as SharedService,
+  StepTabs,
   Switch,
   WindowHistoryProvider,
   cn,