@next-degree/pickle-shared-js 0.12.1 → 0.12.2

package/dist/{company_service_sanity-Br0R7m-A.d.cts → company_service_sanity-2J1ZuUnu.d.cts}

@@ -1,6 +1,6 @@
 import { z } from 'zod';
 import { O as OfficeTypeEnum, P as PublishStatusEnum, T as TitleEnum, i as industrySchema, o as officeSchema, s as socialMediaSchema } from './company_service_latest-C7Moeufo.cjs';
-import { i as imageSchema } from './shared_pickle_output_latest--XZhOUyE.cjs';
+import { i as imageSchema } from './shared_pickle_output_latest-CtvHTPeX.cjs';
 
 declare const foundingInformationSchema: z.ZodEffects<z.ZodEffects<z.ZodObject<Omit<z.objectUtil.extendShape<{
     version: z.ZodDefault<z.ZodLiteral<"1.0.0">>;

package/dist/{company_service_sanity-DF01qvTz.d.ts → company_service_sanity-KaAGfnNV.d.ts}

@@ -1,6 +1,6 @@
 import { z } from 'zod';
 import { O as OfficeTypeEnum, P as PublishStatusEnum, T as TitleEnum, i as industrySchema, o as officeSchema, s as socialMediaSchema } from './company_service_latest-C7Moeufo.js';
-import { i as imageSchema } from './shared_pickle_output_latest--XZhOUyE.js';
+import { i as imageSchema } from './shared_pickle_output_latest-CtvHTPeX.js';
 
 declare const foundingInformationSchema: z.ZodEffects<z.ZodEffects<z.ZodObject<Omit<z.objectUtil.extendShape<{
     version: z.ZodDefault<z.ZodLiteral<"1.0.0">>;

package/dist/components/jobCard/JobLocation.cjs

@@ -65,19 +65,99 @@ var TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props },
 ));
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
-// src/components/jobCard/JobLocation.tsx
+// src/components/ui/Chip.tsx
+var import_cva = require("cva");
+var import_tailwind_merge2 = require("tailwind-merge");
 var import_jsx_runtime2 = require("react/jsx-runtime");
-function JobLocation({ mainLocation, extendedLocations }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex items-center gap-2", "data-testid": "job-card-location", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.MapPin, { size: 16 }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "text-sm font-thin", children: mainLocation }),
-    extendedLocations && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Tooltip, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TooltipTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "length-text group text-nowrap rounded-full bg-grey-5 px-2 py-1 text-sm font-bold text-gray-700 group-hover:cursor-pointer", children: [
-        "+ ",
-        extendedLocations.length,
-        " more"
-      ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TooltipContent, { className: "border-1 rounded-md border border-grey-5 bg-white p-2", children: extendedLocations.map((location) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "text-nowrap text-sm", children: location }, location)) })
+var Chip = ({ className, variant, size, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: (0, import_tailwind_merge2.twMerge)(chipVariants({ variant, size, className })), ...props });
+var chipVariants = (0, import_cva.cva)(["flex", "items-center", "rounded-3xl", "border", "w-fit"], {
+  variants: {
+    variant: {
+      neutral: ["text-grey-80", "border-grey-10"],
+      primary: ["text-purple-100", "border-purple-20"],
+      danger: ["text-pumpkin-100", "border-pumpkin-20"],
+      jobLocation: ["text-grey-80", "border-grey-10", "bg-grey-5"],
+      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/locations.ts
+function formattedAddress(address, isRemote = false) {
+  if (!address) return null;
+  const { addressLocality, addressRegion, addressCountry } = address;
+  const remoteMessage = isRemote ? " | Remote" : "";
+  if (addressLocality && addressRegion)
+    return `${addressLocality}, ${addressRegion + remoteMessage}`;
+  if (addressRegion && addressCountry) return `${addressRegion}, ${addressCountry + remoteMessage}`;
+  if (addressRegion) return `${addressRegion + remoteMessage}`;
+  if (addressCountry) return `${addressCountry + remoteMessage}`;
+  return null;
+}
+function getAddressList(jobPost) {
+  const locations = [];
+  if (jobPost.jobLocation) {
+    const address = formattedAddress(jobPost.jobLocation, jobPost.isRemote);
+    if (address) locations.push(address);
+  }
+  if (jobPost.applicableOffices && jobPost.applicableOffices.length > 0) {
+    jobPost.applicableOffices.map((office) => {
+      const address = formattedAddress(office?.geoLocation?.address, jobPost.isRemote);
+      if (address && !locations.includes(address)) locations.push(address);
+    });
+  }
+  if (jobPost.applicantLocationRequirements && jobPost.applicantLocationRequirements.length > 0) {
+    jobPost.applicantLocationRequirements.map((place) => {
+      const address = formattedAddress(place?.address, jobPost.isRemote);
+      if (address && !locations.includes(address)) locations.push(address);
+    });
+  }
+  return locations;
+}
+
+// src/components/jobCard/JobLocation.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function JobLocation({ jobPost }) {
+  const locations = getAddressList(jobPost);
+  if (!locations || locations.length === 0) return null;
+  const primaryOffice = locations[0];
+  const extendedLocations = locations.slice(1).map((address) => address);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex items-center gap-2", "data-testid": "job-location-element", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react.MapPin, { size: 16 }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "text-sm font-thin", children: primaryOffice }),
+    extendedLocations.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TooltipTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+        Chip_default,
+        {
+          className: "font-bold",
+          size: "small",
+          variant: "jobLocation",
+          "data-testid": "job-location-tooltip",
+          children: [
+            "+ ",
+            extendedLocations.length,
+            " more"
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        TooltipContent,
+        {
+          className: "border-1 rounded-md border border-grey-5 bg-white p-2",
+          "data-testid": "job-location-tooltip-content",
+          children: extendedLocations.map((location) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "text-nowrap text-sm", children: location }, location))
+        }
+      )
     ] }) })
   ] });
 }

package/dist/components/jobCard/JobLocation.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/jobCard/JobLocation.tsx","../../../src/components/primitives/tooltip.tsx","../../../src/lib/utils.ts"],"sourcesContent":["import { MapPin } from 'lucide-react'\n\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from '@/components/primitives/tooltip'\n\nexport type JobLocationProps = Readonly<{\n  mainLocation: string\n  extendedLocations?: string[]\n}>\n\nexport function JobLocation({ mainLocation, extendedLocations }: JobLocationProps) {\n  return (\n    <div className=\"flex items-center gap-2\" data-testid=\"job-card-location\">\n      <MapPin size={16} />\n      <span className=\"text-sm font-thin\">{mainLocation}</span>\n      {extendedLocations && (\n        <TooltipProvider>\n          <Tooltip>\n            <TooltipTrigger>\n              <div className=\"length-text group text-nowrap rounded-full bg-grey-5 px-2 py-1 text-sm font-bold text-gray-700 group-hover:cursor-pointer\">\n                + {extendedLocations.length} more\n              </div>\n            </TooltipTrigger>\n            <TooltipContent className=\"border-1 rounded-md border border-grey-5 bg-white p-2\">\n              {extendedLocations.map((location) => (\n                <div key={location} className=\"text-nowrap text-sm\">\n                  {location}\n                </div>\n              ))}\n            </TooltipContent>\n          </Tooltip>\n        </TooltipProvider>\n      )}\n    </div>\n  )\n}\n","'use client'\n\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst TooltipProvider = TooltipPrimitive.Provider\n\nconst Tooltip = TooltipPrimitive.Root\n\nconst TooltipTrigger = TooltipPrimitive.Trigger\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <TooltipPrimitive.Content\n    ref={ref}\n    sideOffset={sideOffset}\n    className={cn(\n      'z-50 overflow-hidden rounded-md border border-neutral-200 bg-white px-3 py-1.5 text-sm text-neutral-950 shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50',\n      className\n    )}\n    {...props}\n  />\n))\nTooltipContent.displayName = TooltipPrimitive.Content.displayName\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger }\n","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAuB;;;ACEvB,uBAAkC;AAClC,YAAuB;;;ACHvB,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;ADYE;AAVF,IAAM,kBAAmC;AAEzC,IAAM,UAA2B;AAEjC,IAAM,iBAAkC;AAExC,IAAM,iBAAuB,iBAG3B,CAAC,EAAE,WAAW,aAAa,GAAG,GAAG,MAAM,GAAG,QAC1C;AAAA,EAAkB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,eAAe,cAA+B,yBAAQ;;;ADVhD,IAAAA,sBAAA;AAHC,SAAS,YAAY,EAAE,cAAc,kBAAkB,GAAqB;AACjF,SACE,8CAAC,SAAI,WAAU,2BAA0B,eAAY,qBACnD;AAAA,iDAAC,8BAAO,MAAM,IAAI;AAAA,IAClB,6CAAC,UAAK,WAAU,qBAAqB,wBAAa;AAAA,IACjD,qBACC,6CAAC,mBACC,wDAAC,WACC;AAAA,mDAAC,kBACC,wDAAC,SAAI,WAAU,6HAA4H;AAAA;AAAA,QACtI,kBAAkB;AAAA,QAAO;AAAA,SAC9B,GACF;AAAA,MACA,6CAAC,kBAAe,WAAU,yDACvB,4BAAkB,IAAI,CAAC,aACtB,6CAAC,SAAmB,WAAU,uBAC3B,sBADO,QAEV,CACD,GACH;AAAA,OACF,GACF;AAAA,KAEJ;AAEJ;","names":["import_jsx_runtime"]}
+{"version":3,"sources":["../../../src/components/jobCard/JobLocation.tsx","../../../src/components/primitives/tooltip.tsx","../../../src/lib/utils.ts","../../../src/components/ui/Chip.tsx","../../../src/lib/locations.ts"],"sourcesContent":["import { MapPin } from 'lucide-react'\nimport { type z } from 'zod'\n\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from '@/components/primitives/tooltip'\nimport Chip from '@/components/ui/Chip'\nimport { getAddressList } from '@/lib/locations'\nimport { type jobPostSchema } from '@/types/latest/job_posting_service_latest'\n\ntype JobPost = z.infer<typeof jobPostSchema>\n\nexport type JobLocationProps = {\n  jobPost: JobPost\n}\n\nexport function JobLocation({ jobPost }: JobLocationProps) {\n  const locations = getAddressList(jobPost)\n  if (!locations || locations.length === 0) return null\n\n  const primaryOffice = locations[0]\n  const extendedLocations = locations.slice(1).map((address) => address)\n\n  return (\n    <div className=\"flex items-center gap-2\" data-testid=\"job-location-element\">\n      <MapPin size={16} />\n      <span className=\"text-sm font-thin\">{primaryOffice}</span>\n      {extendedLocations.length > 0 && (\n        <TooltipProvider>\n          <Tooltip>\n            <TooltipTrigger>\n              <Chip\n                className=\"font-bold\"\n                size={'small'}\n                variant={'jobLocation'}\n                data-testid=\"job-location-tooltip\"\n              >\n                + {extendedLocations.length} more\n              </Chip>\n            </TooltipTrigger>\n            <TooltipContent\n              className=\"border-1 rounded-md border border-grey-5 bg-white p-2\"\n              data-testid=\"job-location-tooltip-content\"\n            >\n              {extendedLocations.map((location) => (\n                <div key={location} className=\"text-nowrap text-sm\">\n                  {location}\n                </div>\n              ))}\n            </TooltipContent>\n          </Tooltip>\n        </TooltipProvider>\n      )}\n    </div>\n  )\n}\n","'use client'\n\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst TooltipProvider = TooltipPrimitive.Provider\n\nconst Tooltip = TooltipPrimitive.Root\n\nconst TooltipTrigger = TooltipPrimitive.Trigger\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <TooltipPrimitive.Content\n    ref={ref}\n    sideOffset={sideOffset}\n    className={cn(\n      'z-50 overflow-hidden rounded-md border border-neutral-200 bg-white px-3 py-1.5 text-sm text-neutral-950 shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50',\n      className\n    )}\n    {...props}\n  />\n))\nTooltipContent.displayName = TooltipPrimitive.Content.displayName\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger }\n","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import { cva, type VariantProps } from 'cva'\nimport React from 'react'\nimport { twMerge } from 'tailwind-merge'\n\ninterface ChipProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof chipVariants> {}\n\nconst Chip = ({ className, variant, size, ...props }: ChipProps) => (\n  <div className={twMerge(chipVariants({ variant, size, className }))} {...props} />\n)\n\nconst chipVariants = cva(['flex', 'items-center', 'rounded-3xl', 'border', 'w-fit'], {\n  variants: {\n    variant: {\n      neutral: ['text-grey-80', 'border-grey-10'],\n      primary: ['text-purple-100', 'border-purple-20'],\n      danger: ['text-pumpkin-100', 'border-pumpkin-20'],\n      jobLocation: ['text-grey-80', 'border-grey-10', 'bg-grey-5'],\n      onboarding: ['text-green-100', 'bg-green-10', 'cursor-pointer'],\n      onboardingSelected: ['text-white', 'bg-green-90', 'cursor-pointer'],\n    },\n    size: {\n      small: ['text-sm', 'leading-5', 'px-2', 'py-1', 'gap-1.5'],\n      medium: ['text-base', 'leading-6', 'px-3', 'py-2', 'gap-2'],\n    },\n  },\n  defaultVariants: {\n    variant: 'neutral',\n    size: 'medium',\n  },\n})\n\nexport default Chip\n","import { type z } from 'zod'\n\nimport { type JobPostModel } from '@/types/data/job_posting_service_latest'\nimport { type PostalAddressModel } from '@/types/data/shared_pickle_output_latest'\nimport { type jobPostSchema } from '@/types/latest/job_posting_service_latest'\n\ntype JobPost = z.infer<typeof jobPostSchema>\n\nexport function formattedAddress(\n  address: PostalAddressModel | undefined,\n  isRemote: boolean = false\n): string | null {\n  if (!address) return null\n  const { addressLocality, addressRegion, addressCountry } = address\n  const remoteMessage = isRemote ? ' | Remote' : ''\n  if (addressLocality && addressRegion)\n    return `${addressLocality}, ${addressRegion + remoteMessage}`\n  if (addressRegion && addressCountry) return `${addressRegion}, ${addressCountry + remoteMessage}`\n  if (addressRegion) return `${addressRegion + remoteMessage}`\n  if (addressCountry) return `${addressCountry + remoteMessage}`\n  return null\n}\n\nexport function getAddressList(jobPost: JobPost): string[] {\n  const locations: string[] = []\n  if (jobPost.jobLocation) {\n    const address = formattedAddress(jobPost.jobLocation, jobPost.isRemote)\n    if (address) locations.push(address)\n  }\n  if (jobPost.applicableOffices && jobPost.applicableOffices.length > 0) {\n    jobPost.applicableOffices.map((office) => {\n      const address = formattedAddress(office?.geoLocation?.address, jobPost.isRemote)\n      if (address && !locations.includes(address)) locations.push(address)\n    })\n  }\n  if (jobPost.applicantLocationRequirements && jobPost.applicantLocationRequirements.length > 0) {\n    jobPost.applicantLocationRequirements.map((place) => {\n      const address = formattedAddress(place?.address, jobPost.isRemote)\n      if (address && !locations.includes(address)) locations.push(address)\n    })\n  }\n  return locations\n}\n\nexport function formattedJobLocation(job: JobPostModel) {\n  const address = job.jobLocation && formattedAddress(job.jobLocation)\n  const remote = job.isRemote ? 'Remote' : ''\n\n  return [address, remote].filter(Boolean).join(' | ')\n}\n"],"mappings":"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","names":["import_tailwind_merge","import_jsx_runtime","import_jsx_runtime"]}

package/dist/components/jobCard/JobLocation.d.cts

@@ -1,9 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { z } from 'zod';
+import { a as jobPostSchema } from '../../job_posting_service_latest-DdgK8Nnz.cjs';
 
-type JobLocationProps = Readonly<{
-    mainLocation: string;
-    extendedLocations?: string[];
-}>;
-declare function JobLocation({ mainLocation, extendedLocations }: JobLocationProps): react_jsx_runtime.JSX.Element;
+type JobPost = z.infer<typeof jobPostSchema>;
+type JobLocationProps = {
+    jobPost: JobPost;
+};
+declare function JobLocation({ jobPost }: JobLocationProps): react_jsx_runtime.JSX.Element | null;
 
 export { JobLocation, type JobLocationProps };

package/dist/components/jobCard/JobLocation.d.ts

@@ -1,9 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { z } from 'zod';
+import { a as jobPostSchema } from '../../job_posting_service_latest-DdgK8Nnz.js';
 
-type JobLocationProps = Readonly<{
-    mainLocation: string;
-    extendedLocations?: string[];
-}>;
-declare function JobLocation({ mainLocation, extendedLocations }: JobLocationProps): react_jsx_runtime.JSX.Element;
+type JobPost = z.infer<typeof jobPostSchema>;
+type JobLocationProps = {
+    jobPost: JobPost;
+};
+declare function JobLocation({ jobPost }: JobLocationProps): react_jsx_runtime.JSX.Element | null;
 
 export { JobLocation, type JobLocationProps };

package/dist/components/jobCard/JobLocation.js

@@ -31,19 +31,99 @@ var TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props },
 ));
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
+// src/components/ui/Chip.tsx
+import { cva } from "cva";
+import { twMerge as twMerge2 } from "tailwind-merge";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var Chip = ({ className, variant, size, ...props }) => /* @__PURE__ */ jsx2("div", { className: twMerge2(chipVariants({ variant, size, className })), ...props });
+var chipVariants = cva(["flex", "items-center", "rounded-3xl", "border", "w-fit"], {
+  variants: {
+    variant: {
+      neutral: ["text-grey-80", "border-grey-10"],
+      primary: ["text-purple-100", "border-purple-20"],
+      danger: ["text-pumpkin-100", "border-pumpkin-20"],
+      jobLocation: ["text-grey-80", "border-grey-10", "bg-grey-5"],
+      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/locations.ts
+function formattedAddress(address, isRemote = false) {
+  if (!address) return null;
+  const { addressLocality, addressRegion, addressCountry } = address;
+  const remoteMessage = isRemote ? " | Remote" : "";
+  if (addressLocality && addressRegion)
+    return `${addressLocality}, ${addressRegion + remoteMessage}`;
+  if (addressRegion && addressCountry) return `${addressRegion}, ${addressCountry + remoteMessage}`;
+  if (addressRegion) return `${addressRegion + remoteMessage}`;
+  if (addressCountry) return `${addressCountry + remoteMessage}`;
+  return null;
+}
+function getAddressList(jobPost) {
+  const locations = [];
+  if (jobPost.jobLocation) {
+    const address = formattedAddress(jobPost.jobLocation, jobPost.isRemote);
+    if (address) locations.push(address);
+  }
+  if (jobPost.applicableOffices && jobPost.applicableOffices.length > 0) {
+    jobPost.applicableOffices.map((office) => {
+      const address = formattedAddress(office?.geoLocation?.address, jobPost.isRemote);
+      if (address && !locations.includes(address)) locations.push(address);
+    });
+  }
+  if (jobPost.applicantLocationRequirements && jobPost.applicantLocationRequirements.length > 0) {
+    jobPost.applicantLocationRequirements.map((place) => {
+      const address = formattedAddress(place?.address, jobPost.isRemote);
+      if (address && !locations.includes(address)) locations.push(address);
+    });
+  }
+  return locations;
+}
+
 // src/components/jobCard/JobLocation.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-function JobLocation({ mainLocation, extendedLocations }) {
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", "data-testid": "job-card-location", children: [
-    /* @__PURE__ */ jsx2(MapPin, { size: 16 }),
-    /* @__PURE__ */ jsx2("span", { className: "text-sm font-thin", children: mainLocation }),
-    extendedLocations && /* @__PURE__ */ jsx2(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-      /* @__PURE__ */ jsx2(TooltipTrigger, { children: /* @__PURE__ */ jsxs("div", { className: "length-text group text-nowrap rounded-full bg-grey-5 px-2 py-1 text-sm font-bold text-gray-700 group-hover:cursor-pointer", children: [
-        "+ ",
-        extendedLocations.length,
-        " more"
-      ] }) }),
-      /* @__PURE__ */ jsx2(TooltipContent, { className: "border-1 rounded-md border border-grey-5 bg-white p-2", children: extendedLocations.map((location) => /* @__PURE__ */ jsx2("div", { className: "text-nowrap text-sm", children: location }, location)) })
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+function JobLocation({ jobPost }) {
+  const locations = getAddressList(jobPost);
+  if (!locations || locations.length === 0) return null;
+  const primaryOffice = locations[0];
+  const extendedLocations = locations.slice(1).map((address) => address);
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", "data-testid": "job-location-element", children: [
+    /* @__PURE__ */ jsx3(MapPin, { size: 16 }),
+    /* @__PURE__ */ jsx3("span", { className: "text-sm font-thin", children: primaryOffice }),
+    extendedLocations.length > 0 && /* @__PURE__ */ jsx3(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx3(TooltipTrigger, { children: /* @__PURE__ */ jsxs(
+        Chip_default,
+        {
+          className: "font-bold",
+          size: "small",
+          variant: "jobLocation",
+          "data-testid": "job-location-tooltip",
+          children: [
+            "+ ",
+            extendedLocations.length,
+            " more"
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx3(
+        TooltipContent,
+        {
+          className: "border-1 rounded-md border border-grey-5 bg-white p-2",
+          "data-testid": "job-location-tooltip-content",
+          children: extendedLocations.map((location) => /* @__PURE__ */ jsx3("div", { className: "text-nowrap text-sm", children: location }, location))
+        }
+      )
     ] }) })
   ] });
 }

package/dist/components/jobCard/JobLocation.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/jobCard/JobLocation.tsx","../../../src/components/primitives/tooltip.tsx","../../../src/lib/utils.ts"],"sourcesContent":["import { MapPin } from 'lucide-react'\n\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from '@/components/primitives/tooltip'\n\nexport type JobLocationProps = Readonly<{\n  mainLocation: string\n  extendedLocations?: string[]\n}>\n\nexport function JobLocation({ mainLocation, extendedLocations }: JobLocationProps) {\n  return (\n    <div className=\"flex items-center gap-2\" data-testid=\"job-card-location\">\n      <MapPin size={16} />\n      <span className=\"text-sm font-thin\">{mainLocation}</span>\n      {extendedLocations && (\n        <TooltipProvider>\n          <Tooltip>\n            <TooltipTrigger>\n              <div className=\"length-text group text-nowrap rounded-full bg-grey-5 px-2 py-1 text-sm font-bold text-gray-700 group-hover:cursor-pointer\">\n                + {extendedLocations.length} more\n              </div>\n            </TooltipTrigger>\n            <TooltipContent className=\"border-1 rounded-md border border-grey-5 bg-white p-2\">\n              {extendedLocations.map((location) => (\n                <div key={location} className=\"text-nowrap text-sm\">\n                  {location}\n                </div>\n              ))}\n            </TooltipContent>\n          </Tooltip>\n        </TooltipProvider>\n      )}\n    </div>\n  )\n}\n","'use client'\n\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst TooltipProvider = TooltipPrimitive.Provider\n\nconst Tooltip = TooltipPrimitive.Root\n\nconst TooltipTrigger = TooltipPrimitive.Trigger\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <TooltipPrimitive.Content\n    ref={ref}\n    sideOffset={sideOffset}\n    className={cn(\n      'z-50 overflow-hidden rounded-md border border-neutral-200 bg-white px-3 py-1.5 text-sm text-neutral-950 shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50',\n      className\n    )}\n    {...props}\n  />\n))\nTooltipContent.displayName = TooltipPrimitive.Content.displayName\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger }\n","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";AAAA,SAAS,cAAc;;;ACEvB,YAAY,sBAAsB;AAClC,YAAY,WAAW;;;ACHvB,SAA0B,YAAY;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;ADYE;AAVF,IAAM,kBAAmC;AAEzC,IAAM,UAA2B;AAEjC,IAAM,iBAAkC;AAExC,IAAM,iBAAuB,iBAG3B,CAAC,EAAE,WAAW,aAAa,GAAG,GAAG,MAAM,GAAG,QAC1C;AAAA,EAAkB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,eAAe,cAA+B,yBAAQ;;;ADVhD,gBAAAA,MAMQ,YANR;AAHC,SAAS,YAAY,EAAE,cAAc,kBAAkB,GAAqB;AACjF,SACE,qBAAC,SAAI,WAAU,2BAA0B,eAAY,qBACnD;AAAA,oBAAAA,KAAC,UAAO,MAAM,IAAI;AAAA,IAClB,gBAAAA,KAAC,UAAK,WAAU,qBAAqB,wBAAa;AAAA,IACjD,qBACC,gBAAAA,KAAC,mBACC,+BAAC,WACC;AAAA,sBAAAA,KAAC,kBACC,+BAAC,SAAI,WAAU,6HAA4H;AAAA;AAAA,QACtI,kBAAkB;AAAA,QAAO;AAAA,SAC9B,GACF;AAAA,MACA,gBAAAA,KAAC,kBAAe,WAAU,yDACvB,4BAAkB,IAAI,CAAC,aACtB,gBAAAA,KAAC,SAAmB,WAAU,uBAC3B,sBADO,QAEV,CACD,GACH;AAAA,OACF,GACF;AAAA,KAEJ;AAEJ;","names":["jsx"]}
+{"version":3,"sources":["../../../src/components/jobCard/JobLocation.tsx","../../../src/components/primitives/tooltip.tsx","../../../src/lib/utils.ts","../../../src/components/ui/Chip.tsx","../../../src/lib/locations.ts"],"sourcesContent":["import { MapPin } from 'lucide-react'\nimport { type z } from 'zod'\n\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from '@/components/primitives/tooltip'\nimport Chip from '@/components/ui/Chip'\nimport { getAddressList } from '@/lib/locations'\nimport { type jobPostSchema } from '@/types/latest/job_posting_service_latest'\n\ntype JobPost = z.infer<typeof jobPostSchema>\n\nexport type JobLocationProps = {\n  jobPost: JobPost\n}\n\nexport function JobLocation({ jobPost }: JobLocationProps) {\n  const locations = getAddressList(jobPost)\n  if (!locations || locations.length === 0) return null\n\n  const primaryOffice = locations[0]\n  const extendedLocations = locations.slice(1).map((address) => address)\n\n  return (\n    <div className=\"flex items-center gap-2\" data-testid=\"job-location-element\">\n      <MapPin size={16} />\n      <span className=\"text-sm font-thin\">{primaryOffice}</span>\n      {extendedLocations.length > 0 && (\n        <TooltipProvider>\n          <Tooltip>\n            <TooltipTrigger>\n              <Chip\n                className=\"font-bold\"\n                size={'small'}\n                variant={'jobLocation'}\n                data-testid=\"job-location-tooltip\"\n              >\n                + {extendedLocations.length} more\n              </Chip>\n            </TooltipTrigger>\n            <TooltipContent\n              className=\"border-1 rounded-md border border-grey-5 bg-white p-2\"\n              data-testid=\"job-location-tooltip-content\"\n            >\n              {extendedLocations.map((location) => (\n                <div key={location} className=\"text-nowrap text-sm\">\n                  {location}\n                </div>\n              ))}\n            </TooltipContent>\n          </Tooltip>\n        </TooltipProvider>\n      )}\n    </div>\n  )\n}\n","'use client'\n\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst TooltipProvider = TooltipPrimitive.Provider\n\nconst Tooltip = TooltipPrimitive.Root\n\nconst TooltipTrigger = TooltipPrimitive.Trigger\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <TooltipPrimitive.Content\n    ref={ref}\n    sideOffset={sideOffset}\n    className={cn(\n      'z-50 overflow-hidden rounded-md border border-neutral-200 bg-white px-3 py-1.5 text-sm text-neutral-950 shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50',\n      className\n    )}\n    {...props}\n  />\n))\nTooltipContent.displayName = TooltipPrimitive.Content.displayName\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger }\n","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import { cva, type VariantProps } from 'cva'\nimport React from 'react'\nimport { twMerge } from 'tailwind-merge'\n\ninterface ChipProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof chipVariants> {}\n\nconst Chip = ({ className, variant, size, ...props }: ChipProps) => (\n  <div className={twMerge(chipVariants({ variant, size, className }))} {...props} />\n)\n\nconst chipVariants = cva(['flex', 'items-center', 'rounded-3xl', 'border', 'w-fit'], {\n  variants: {\n    variant: {\n      neutral: ['text-grey-80', 'border-grey-10'],\n      primary: ['text-purple-100', 'border-purple-20'],\n      danger: ['text-pumpkin-100', 'border-pumpkin-20'],\n      jobLocation: ['text-grey-80', 'border-grey-10', 'bg-grey-5'],\n      onboarding: ['text-green-100', 'bg-green-10', 'cursor-pointer'],\n      onboardingSelected: ['text-white', 'bg-green-90', 'cursor-pointer'],\n    },\n    size: {\n      small: ['text-sm', 'leading-5', 'px-2', 'py-1', 'gap-1.5'],\n      medium: ['text-base', 'leading-6', 'px-3', 'py-2', 'gap-2'],\n    },\n  },\n  defaultVariants: {\n    variant: 'neutral',\n    size: 'medium',\n  },\n})\n\nexport default Chip\n","import { type z } from 'zod'\n\nimport { type JobPostModel } from '@/types/data/job_posting_service_latest'\nimport { type PostalAddressModel } from '@/types/data/shared_pickle_output_latest'\nimport { type jobPostSchema } from '@/types/latest/job_posting_service_latest'\n\ntype JobPost = z.infer<typeof jobPostSchema>\n\nexport function formattedAddress(\n  address: PostalAddressModel | undefined,\n  isRemote: boolean = false\n): string | null {\n  if (!address) return null\n  const { addressLocality, addressRegion, addressCountry } = address\n  const remoteMessage = isRemote ? ' | Remote' : ''\n  if (addressLocality && addressRegion)\n    return `${addressLocality}, ${addressRegion + remoteMessage}`\n  if (addressRegion && addressCountry) return `${addressRegion}, ${addressCountry + remoteMessage}`\n  if (addressRegion) return `${addressRegion + remoteMessage}`\n  if (addressCountry) return `${addressCountry + remoteMessage}`\n  return null\n}\n\nexport function getAddressList(jobPost: JobPost): string[] {\n  const locations: string[] = []\n  if (jobPost.jobLocation) {\n    const address = formattedAddress(jobPost.jobLocation, jobPost.isRemote)\n    if (address) locations.push(address)\n  }\n  if (jobPost.applicableOffices && jobPost.applicableOffices.length > 0) {\n    jobPost.applicableOffices.map((office) => {\n      const address = formattedAddress(office?.geoLocation?.address, jobPost.isRemote)\n      if (address && !locations.includes(address)) locations.push(address)\n    })\n  }\n  if (jobPost.applicantLocationRequirements && jobPost.applicantLocationRequirements.length > 0) {\n    jobPost.applicantLocationRequirements.map((place) => {\n      const address = formattedAddress(place?.address, jobPost.isRemote)\n      if (address && !locations.includes(address)) locations.push(address)\n    })\n  }\n  return locations\n}\n\nexport function formattedJobLocation(job: JobPostModel) {\n  const address = job.jobLocation && formattedAddress(job.jobLocation)\n  const remote = job.isRemote ? 'Remote' : ''\n\n  return [address, remote].filter(Boolean).join(' | ')\n}\n"],"mappings":"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","names":["twMerge","jsx","jsx"]}

package/dist/components/jobPost/JobHeader.cjs

@@ -249,6 +249,7 @@ var chipVariants = (0, import_cva3.cva)(["flex", "items-center", "rounded-3xl",
       neutral: ["text-grey-80", "border-grey-10"],
       primary: ["text-purple-100", "border-purple-20"],
       danger: ["text-pumpkin-100", "border-pumpkin-20"],
+      jobLocation: ["text-grey-80", "border-grey-10", "bg-grey-5"],
       onboarding: ["text-green-100", "bg-green-10", "cursor-pointer"],
       onboardingSelected: ["text-white", "bg-green-90", "cursor-pointer"]
     },

package/dist/components/jobPost/JobHeader.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/jobPost/JobHeader.tsx","../../../src/components/buttons/BackButton.tsx","../../../src/components/ui/Icon.tsx","../../../src/lib/utils.ts","../../../src/hooks/useWindowHistory.ts","../../../src/contexts/WindowHistoryProvider.tsx","../../../src/components/ui/Avatar.tsx","../../../src/components/primitives/avatar.tsx","../../../src/components/ui/Chip.tsx","../../../src/lib/icons.ts"],"sourcesContent":["'use client'\n\nimport { Dot } from 'lucide-react'\nimport Image from 'next/image'\nimport { type ReactNode } from 'react'\n\nimport { BackButton } from '@/components/buttons/BackButton'\nimport { Avatar } from '@/components/ui/Avatar'\nimport Chip from '@/components/ui/Chip'\nimport { iconMap } from '@/lib/icons'\nimport { cn } from '@/lib/utils'\n\nexport type JobHeaderTag = {\n  name: string\n  label: string\n  icon: keyof typeof iconMap\n}\n\nexport type JobHeaderProps = {\n  title: string\n  bannerSrc: string\n  subtitles?: string[]\n  standalone?: boolean\n  avatarSrc?: string\n  avatarName?: string\n  avatarHref?: string\n  backFallbackHref?: string\n  backAcceptedRoutes?: string[]\n  actions?: ReactNode\n  tags?: JobHeaderTag[]\n}\n\nexport function JobHeader({\n  title,\n  subtitles,\n  standalone,\n  bannerSrc,\n  avatarSrc,\n  avatarName,\n  avatarHref,\n  backFallbackHref,\n  backAcceptedRoutes,\n  actions,\n  tags,\n}: Readonly<JobHeaderProps>) {\n  const renderIcon = (icon: JobHeaderTag['icon']) => {\n    const Icon = iconMap[icon]\n    return <Icon size={18} />\n  }\n\n  return (\n    <div\n      data-testid=\"job-header-root\"\n      className={cn(\n        '-mt-8 flex w-full flex-col items-center justify-between gap-6 md:-mt-0',\n        !standalone && 'rounded-3xl'\n      )}\n    >\n      {!standalone && (\n        <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\">\n          <Image\n            className=\"h-full w-full rounded-t-3xl object-cover\"\n            src={bannerSrc}\n            alt=\"job banner\"\n            fill\n          />\n          <BackButton\n            acceptedRoutes={backAcceptedRoutes}\n            fallbackHref={backFallbackHref}\n            className=\"absolute right-2 top-2 flex items-center justify-center text-white sm:hidden\"\n            data-testid=\"job-header-back-button\"\n          />\n          <div\n            className=\"absolute left-4 top-8 md:left-6 md:top-16 lg:top-24\"\n            data-testid=\"job-header-avatar\"\n          >\n            <Avatar\n              size=\"large\"\n              target=\"_blank\"\n              href={avatarHref}\n              name={avatarName}\n              src={avatarSrc}\n              rel=\"noopener noreferrer\"\n            />\n          </div>\n        </div>\n      )}\n\n      <div className=\"flex w-full flex-col items-start justify-start gap-4 px-6\">\n        <div className=\"flex flex-col md:flex-row\">\n          {standalone && (\n            <div className=\"-mt-4 mr-4 md:mt-0\" data-testid=\"job-header-avatar\">\n              <Avatar\n                size=\"large\"\n                target=\"_blank\"\n                href={avatarHref}\n                name={avatarName}\n                src={avatarSrc}\n                rel=\"noopener noreferrer\"\n              />\n            </div>\n          )}\n\n          <div className=\"prose mt-4 flex w-full items-center text-grey-80 lg:prose-lg\">\n            {subtitles?.map((subtitle, i) => (\n              <div\n                key={subtitle}\n                data-testid={`job-header-subtitle-${i}`}\n                className=\"flex items-center\"\n              >\n                {subtitle}\n                {i < subtitles.length - 1 && <Dot className=\"mx-1 shrink-0\" size={10} />}\n              </div>\n            ))}\n          </div>\n        </div>\n\n        <div\n          data-testid=\"job-header-content\"\n          className=\"mt-2 flex w-full flex-row flex-wrap items-center justify-between gap-1\"\n        >\n          <h2\n            data-testid=\"job-header-title\"\n            className=\"break-word max-w-full text-2xl font-bold text-black sm:max-w-2xl md:max-w-lg\"\n          >\n            {title}\n          </h2>\n\n          {!!actions && (\n            <div\n              className=\"flex w-full justify-end gap-2 md:w-auto\"\n              data-testid=\"job-header-actions\"\n            >\n              {actions}\n            </div>\n          )}\n        </div>\n\n        <div\n          data-testid=\"job-header-tags\"\n          className=\"flex flex-row flex-wrap items-center justify-start gap-2\"\n        >\n          {tags?.map(({ name, label, icon }) => (\n            <Chip\n              key={name}\n              size=\"small\"\n              variant=\"neutral\"\n              aria-label={name}\n              data-testid={`job-header-tag-${name}`}\n            >\n              {renderIcon(icon)}\n              <span>{label}</span>\n            </Chip>\n          ))}\n        </div>\n      </div>\n    </div>\n  )\n}\n","'use client'\n\nimport { X } from 'lucide-react'\nimport { useRouter } from 'next/navigation'\n\nimport { Icon } from '@/components/ui/Icon'\nimport { useWindowHistory } from '@/hooks/useWindowHistory'\n\ninterface Props extends React.HTMLAttributes<HTMLButtonElement> {\n  acceptedRoutes?: string[]\n  fallbackHref?: string\n}\n\nexport function BackButton({ acceptedRoutes, fallbackHref, className, ...props }: Readonly<Props>) {\n  const { history } = useWindowHistory()\n  const router = useRouter()\n\n  const isAcceptedRoute = (r: string) =>\n    !!acceptedRoutes?.find((route) => new RegExp('^' + route + '$', 'i').test(new URL(r).pathname))\n\n  const goBack = () => {\n    const previous = history[history.length - 2]\n    if (history.length > 1 && isAcceptedRoute(previous)) {\n      router.back()\n    } else {\n      router.push(fallbackHref ?? '/')\n    }\n  }\n\n  return (\n    <Icon\n      aria-label=\"back button\"\n      variant=\"transparent\"\n      size=\"small\"\n      onClick={goBack}\n      className={className}\n      {...props}\n    >\n      <X />\n    </Icon>\n  )\n}\n","import { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'cva'\nimport { forwardRef } from 'react'\nimport { twMerge } from 'tailwind-merge'\n\nimport { cn } from '@/lib/utils'\n\ninterface IconProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof iconVariants> {\n  active?: boolean\n  readonly?: boolean\n}\n\nexport const Icon = forwardRef<HTMLButtonElement, IconProps>(\n  ({ variant, size, active = false, readonly = false, className, ...props }, ref) => {\n    const Component = readonly ? Slot : 'button'\n    return (\n      <Component\n        className={cn(\n          twMerge(iconVariants({ variant: active ? 'active' : variant, size })),\n          className\n        )}\n        {...props}\n        ref={ref}\n      />\n    )\n  }\n)\n\nIcon.displayName = 'Icon'\n\nconst iconVariants = cva(\n  [\n    'inline-flex',\n    'items-center',\n    'rounded-full',\n    'outline-2',\n    'outline-offset-2',\n    'outline-dashed',\n    'outline-transparent',\n    'disabled:text-grey-40',\n    'disabled:bg-transparent',\n    'disabled:pointer-events-none',\n  ],\n  {\n    variants: {\n      variant: {\n        filled: [\n          'border',\n          'border-green-80',\n          'bg-green-90',\n          'text-white',\n          'hover:bg-green-80',\n          'active:bg-green-80',\n          'focus:outline-pickle-100',\n          'disabled:bg-green-70',\n        ],\n        transparent: [\n          'text-black',\n          'hover:bg-grey-5',\n          'active:bg-grey-10',\n          'focus:outline-purple-100',\n        ],\n        tonal: [\n          'border',\n          'border-grey-5',\n          'hover:border-grey-10',\n          'active:border-grey-20',\n          'focus:outline-purple-100',\n        ],\n        active: ['text-black', 'bg-pickle-100'],\n      },\n      size: {\n        small: ['h-10', 'w-10', 'p-3'],\n        medium: ['h-12', 'w-12', 'p-4'],\n        large: ['h-14', 'w-14', 'p-4'],\n      },\n    },\n    defaultVariants: {\n      variant: 'filled',\n      size: 'medium',\n    },\n  }\n)\n","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import { useContext } from 'react'\n\nimport {\n  WindowHistoryContext,\n  type WindowHistoryContextProps,\n} from '@/contexts/WindowHistoryProvider'\n\nexport function useWindowHistory(): WindowHistoryContextProps {\n  const windowHistoryContext = useContext(WindowHistoryContext)\n\n  return windowHistoryContext\n}\n","'use client'\n\nimport { useSearchParams } from 'next/navigation'\nimport { createContext, type PropsWithChildren, useEffect, useMemo, useState } from 'react'\n\nexport interface WindowHistoryContextProps {\n  history: string[]\n}\n\nexport const WindowHistoryContext = createContext({} as WindowHistoryContextProps)\n\nexport function WindowHistoryProvider({ children }: Readonly<PropsWithChildren>) {\n  const [history, setHistory] = useState<string[]>([])\n  const searchParams = useSearchParams()\n\n  useEffect(() => {\n    setHistory((prev) =>\n      prev.at(-1) === window.location.href ? prev : [...prev, window.location.href]\n    )\n  }, [searchParams])\n\n  const contextValue = useMemo(() => ({ history }), [history])\n\n  return (\n    <WindowHistoryContext.Provider value={contextValue}>{children}</WindowHistoryContext.Provider>\n  )\n}\n","import { cva, type VariantProps } from 'cva'\nimport Link from 'next/link'\nimport { type ComponentProps } from 'react'\n\nimport { AvatarBase, AvatarFallback, AvatarImage } from '@/components/primitives/avatar'\n\nexport type AvatarProps = VariantProps<typeof avatarVariants> &\n  Omit<ComponentProps<'a'>, 'href'> & {\n    src?: string\n    href?: string\n    name?: string\n  }\n\nexport function Avatar({ size, src, href, name, ...linkProps }: AvatarProps) {\n  const fallbackShort = name?.slice(0, 2)\n  const fallbackWords = name\n    ?.split(' ')\n    .map((n) => n[0])\n    .join('')\n    .slice(0, 2)\n\n  const fallback = fallbackWords && fallbackWords.length > 1 ? fallbackWords : fallbackShort\n\n  const renderAvatar = () => (\n    <AvatarBase className={avatarVariants({ size })}>\n      <AvatarImage src={src} alt={name} />\n      <AvatarFallback>{fallback?.toUpperCase()}</AvatarFallback>\n    </AvatarBase>\n  )\n\n  if (href) {\n    return (\n      <Link href={href} {...linkProps}>\n        {renderAvatar()}\n      </Link>\n    )\n  }\n\n  return renderAvatar()\n}\n\nexport const avatarVariants = cva('ring ring-white ring-2', {\n  variants: {\n    size: {\n      large: 'h-16 w-16',\n      medium: 'h-10 w-10',\n      small: 'h-8 w-8',\n    },\n  },\n  defaultVariants: {\n    size: 'medium',\n  },\n})\n","'use client'\n\nimport * as AvatarPrimitive from '@radix-ui/react-avatar'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\n/**\n * Adapted from Radix Primitives Avatar\n * https://ui.shadcn.com/docs/components/avatar\n * Changes made to support custom size prop and to export Avatar wrapper component\n */\n\nexport const AvatarBase = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Root\n    ref={ref}\n    className={cn('relative flex shrink-0 overflow-hidden rounded-full', className)}\n    {...props}\n  />\n))\nAvatarBase.displayName = AvatarPrimitive.Root.displayName\n\nexport const AvatarImage = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Image>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Image\n    ref={ref}\n    className={cn('aspect-square h-full w-full', className)}\n    data-testid=\"job-card-avatar\"\n    {...props}\n  />\n))\nAvatarImage.displayName = AvatarPrimitive.Image.displayName\n\nexport const AvatarFallback = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Fallback>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Fallback\n    ref={ref}\n    className={cn(\n      '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',\n      className\n    )}\n    {...props}\n  />\n))\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName\n","import { cva, type VariantProps } from 'cva'\nimport React from 'react'\nimport { twMerge } from 'tailwind-merge'\n\ninterface ChipProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof chipVariants> {}\n\nconst Chip = ({ className, variant, size, ...props }: ChipProps) => (\n  <div className={twMerge(chipVariants({ variant, size, className }))} {...props} />\n)\n\nconst chipVariants = cva(['flex', 'items-center', 'rounded-3xl', 'border', 'w-fit'], {\n  variants: {\n    variant: {\n      neutral: ['text-grey-80', 'border-grey-10'],\n      primary: ['text-purple-100', 'border-purple-20'],\n      danger: ['text-pumpkin-100', 'border-pumpkin-20'],\n      onboarding: ['text-green-100', 'bg-green-10', 'cursor-pointer'],\n      onboardingSelected: ['text-white', 'bg-green-90', 'cursor-pointer'],\n    },\n    size: {\n      small: ['text-sm', 'leading-5', 'px-2', 'py-1', 'gap-1.5'],\n      medium: ['text-base', 'leading-6', 'px-3', 'py-2', 'gap-2'],\n    },\n  },\n  defaultVariants: {\n    variant: 'neutral',\n    size: 'medium',\n  },\n})\n\nexport default Chip\n","import {\n  Banknote,\n  Bell,\n  BriefcaseBusiness,\n  Building,\n  Building2,\n  CircleUser,\n  CircleUserRound,\n  Clock2,\n  Contact,\n  GalleryVerticalEnd,\n  Home,\n  KeyRound,\n  Layers,\n  LifeBuoy,\n  MapPin,\n  MessageSquareDot,\n  Settings,\n  SquareKanban,\n  Users,\n  Wallet,\n} from 'lucide-react'\n\nexport const iconMap = {\n  house: Home,\n  layers: Layers,\n  users: Users,\n  settings: Settings,\n  building: Building,\n  bell: Bell,\n  wallet: Wallet,\n  contact: Contact,\n  banknote: Banknote,\n  'message-square-dot': MessageSquareDot,\n  'life-buoy': LifeBuoy,\n  'building-2': Building2,\n  'gallery-vertical-end': GalleryVerticalEnd,\n  'square-kanban': SquareKanban,\n  'briefcase-business': BriefcaseBusiness,\n  'circle-user': CircleUser,\n  'key-round': KeyRound,\n  'clock-2': Clock2,\n  'circle-user-round': CircleUserRound,\n  'map-pin': MapPin,\n} as const\n"],"mappings":"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","names":["import_lucide_react","import_navigation","import_tailwind_merge","import_react","import_react","import_jsx_runtime","import_jsx_runtime","import_cva","import_jsx_runtime","import_jsx_runtime","Link","import_cva","import_tailwind_merge","import_jsx_runtime","import_lucide_react","import_jsx_runtime","Icon","Image"]}
+{"version":3,"sources":["../../../src/components/jobPost/JobHeader.tsx","../../../src/components/buttons/BackButton.tsx","../../../src/components/ui/Icon.tsx","../../../src/lib/utils.ts","../../../src/hooks/useWindowHistory.ts","../../../src/contexts/WindowHistoryProvider.tsx","../../../src/components/ui/Avatar.tsx","../../../src/components/primitives/avatar.tsx","../../../src/components/ui/Chip.tsx","../../../src/lib/icons.ts"],"sourcesContent":["'use client'\n\nimport { Dot } from 'lucide-react'\nimport Image from 'next/image'\nimport { type ReactNode } from 'react'\n\nimport { BackButton } from '@/components/buttons/BackButton'\nimport { Avatar } from '@/components/ui/Avatar'\nimport Chip from '@/components/ui/Chip'\nimport { iconMap } from '@/lib/icons'\nimport { cn } from '@/lib/utils'\n\nexport type JobHeaderTag = {\n  name: string\n  label: string\n  icon: keyof typeof iconMap\n}\n\nexport type JobHeaderProps = {\n  title: string\n  bannerSrc: string\n  subtitles?: string[]\n  standalone?: boolean\n  avatarSrc?: string\n  avatarName?: string\n  avatarHref?: string\n  backFallbackHref?: string\n  backAcceptedRoutes?: string[]\n  actions?: ReactNode\n  tags?: JobHeaderTag[]\n}\n\nexport function JobHeader({\n  title,\n  subtitles,\n  standalone,\n  bannerSrc,\n  avatarSrc,\n  avatarName,\n  avatarHref,\n  backFallbackHref,\n  backAcceptedRoutes,\n  actions,\n  tags,\n}: Readonly<JobHeaderProps>) {\n  const renderIcon = (icon: JobHeaderTag['icon']) => {\n    const Icon = iconMap[icon]\n    return <Icon size={18} />\n  }\n\n  return (\n    <div\n      data-testid=\"job-header-root\"\n      className={cn(\n        '-mt-8 flex w-full flex-col items-center justify-between gap-6 md:-mt-0',\n        !standalone && 'rounded-3xl'\n      )}\n    >\n      {!standalone && (\n        <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\">\n          <Image\n            className=\"h-full w-full rounded-t-3xl object-cover\"\n            src={bannerSrc}\n            alt=\"job banner\"\n            fill\n          />\n          <BackButton\n            acceptedRoutes={backAcceptedRoutes}\n            fallbackHref={backFallbackHref}\n            className=\"absolute right-2 top-2 flex items-center justify-center text-white sm:hidden\"\n            data-testid=\"job-header-back-button\"\n          />\n          <div\n            className=\"absolute left-4 top-8 md:left-6 md:top-16 lg:top-24\"\n            data-testid=\"job-header-avatar\"\n          >\n            <Avatar\n              size=\"large\"\n              target=\"_blank\"\n              href={avatarHref}\n              name={avatarName}\n              src={avatarSrc}\n              rel=\"noopener noreferrer\"\n            />\n          </div>\n        </div>\n      )}\n\n      <div className=\"flex w-full flex-col items-start justify-start gap-4 px-6\">\n        <div className=\"flex flex-col md:flex-row\">\n          {standalone && (\n            <div className=\"-mt-4 mr-4 md:mt-0\" data-testid=\"job-header-avatar\">\n              <Avatar\n                size=\"large\"\n                target=\"_blank\"\n                href={avatarHref}\n                name={avatarName}\n                src={avatarSrc}\n                rel=\"noopener noreferrer\"\n              />\n            </div>\n          )}\n\n          <div className=\"prose mt-4 flex w-full items-center text-grey-80 lg:prose-lg\">\n            {subtitles?.map((subtitle, i) => (\n              <div\n                key={subtitle}\n                data-testid={`job-header-subtitle-${i}`}\n                className=\"flex items-center\"\n              >\n                {subtitle}\n                {i < subtitles.length - 1 && <Dot className=\"mx-1 shrink-0\" size={10} />}\n              </div>\n            ))}\n          </div>\n        </div>\n\n        <div\n          data-testid=\"job-header-content\"\n          className=\"mt-2 flex w-full flex-row flex-wrap items-center justify-between gap-1\"\n        >\n          <h2\n            data-testid=\"job-header-title\"\n            className=\"break-word max-w-full text-2xl font-bold text-black sm:max-w-2xl md:max-w-lg\"\n          >\n            {title}\n          </h2>\n\n          {!!actions && (\n            <div\n              className=\"flex w-full justify-end gap-2 md:w-auto\"\n              data-testid=\"job-header-actions\"\n            >\n              {actions}\n            </div>\n          )}\n        </div>\n\n        <div\n          data-testid=\"job-header-tags\"\n          className=\"flex flex-row flex-wrap items-center justify-start gap-2\"\n        >\n          {tags?.map(({ name, label, icon }) => (\n            <Chip\n              key={name}\n              size=\"small\"\n              variant=\"neutral\"\n              aria-label={name}\n              data-testid={`job-header-tag-${name}`}\n            >\n              {renderIcon(icon)}\n              <span>{label}</span>\n            </Chip>\n          ))}\n        </div>\n      </div>\n    </div>\n  )\n}\n","'use client'\n\nimport { X } from 'lucide-react'\nimport { useRouter } from 'next/navigation'\n\nimport { Icon } from '@/components/ui/Icon'\nimport { useWindowHistory } from '@/hooks/useWindowHistory'\n\ninterface Props extends React.HTMLAttributes<HTMLButtonElement> {\n  acceptedRoutes?: string[]\n  fallbackHref?: string\n}\n\nexport function BackButton({ acceptedRoutes, fallbackHref, className, ...props }: Readonly<Props>) {\n  const { history } = useWindowHistory()\n  const router = useRouter()\n\n  const isAcceptedRoute = (r: string) =>\n    !!acceptedRoutes?.find((route) => new RegExp('^' + route + '$', 'i').test(new URL(r).pathname))\n\n  const goBack = () => {\n    const previous = history[history.length - 2]\n    if (history.length > 1 && isAcceptedRoute(previous)) {\n      router.back()\n    } else {\n      router.push(fallbackHref ?? '/')\n    }\n  }\n\n  return (\n    <Icon\n      aria-label=\"back button\"\n      variant=\"transparent\"\n      size=\"small\"\n      onClick={goBack}\n      className={className}\n      {...props}\n    >\n      <X />\n    </Icon>\n  )\n}\n","import { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'cva'\nimport { forwardRef } from 'react'\nimport { twMerge } from 'tailwind-merge'\n\nimport { cn } from '@/lib/utils'\n\ninterface IconProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof iconVariants> {\n  active?: boolean\n  readonly?: boolean\n}\n\nexport const Icon = forwardRef<HTMLButtonElement, IconProps>(\n  ({ variant, size, active = false, readonly = false, className, ...props }, ref) => {\n    const Component = readonly ? Slot : 'button'\n    return (\n      <Component\n        className={cn(\n          twMerge(iconVariants({ variant: active ? 'active' : variant, size })),\n          className\n        )}\n        {...props}\n        ref={ref}\n      />\n    )\n  }\n)\n\nIcon.displayName = 'Icon'\n\nconst iconVariants = cva(\n  [\n    'inline-flex',\n    'items-center',\n    'rounded-full',\n    'outline-2',\n    'outline-offset-2',\n    'outline-dashed',\n    'outline-transparent',\n    'disabled:text-grey-40',\n    'disabled:bg-transparent',\n    'disabled:pointer-events-none',\n  ],\n  {\n    variants: {\n      variant: {\n        filled: [\n          'border',\n          'border-green-80',\n          'bg-green-90',\n          'text-white',\n          'hover:bg-green-80',\n          'active:bg-green-80',\n          'focus:outline-pickle-100',\n          'disabled:bg-green-70',\n        ],\n        transparent: [\n          'text-black',\n          'hover:bg-grey-5',\n          'active:bg-grey-10',\n          'focus:outline-purple-100',\n        ],\n        tonal: [\n          'border',\n          'border-grey-5',\n          'hover:border-grey-10',\n          'active:border-grey-20',\n          'focus:outline-purple-100',\n        ],\n        active: ['text-black', 'bg-pickle-100'],\n      },\n      size: {\n        small: ['h-10', 'w-10', 'p-3'],\n        medium: ['h-12', 'w-12', 'p-4'],\n        large: ['h-14', 'w-14', 'p-4'],\n      },\n    },\n    defaultVariants: {\n      variant: 'filled',\n      size: 'medium',\n    },\n  }\n)\n","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import { useContext } from 'react'\n\nimport {\n  WindowHistoryContext,\n  type WindowHistoryContextProps,\n} from '@/contexts/WindowHistoryProvider'\n\nexport function useWindowHistory(): WindowHistoryContextProps {\n  const windowHistoryContext = useContext(WindowHistoryContext)\n\n  return windowHistoryContext\n}\n","'use client'\n\nimport { useSearchParams } from 'next/navigation'\nimport { createContext, type PropsWithChildren, useEffect, useMemo, useState } from 'react'\n\nexport interface WindowHistoryContextProps {\n  history: string[]\n}\n\nexport const WindowHistoryContext = createContext({} as WindowHistoryContextProps)\n\nexport function WindowHistoryProvider({ children }: Readonly<PropsWithChildren>) {\n  const [history, setHistory] = useState<string[]>([])\n  const searchParams = useSearchParams()\n\n  useEffect(() => {\n    setHistory((prev) =>\n      prev.at(-1) === window.location.href ? prev : [...prev, window.location.href]\n    )\n  }, [searchParams])\n\n  const contextValue = useMemo(() => ({ history }), [history])\n\n  return (\n    <WindowHistoryContext.Provider value={contextValue}>{children}</WindowHistoryContext.Provider>\n  )\n}\n","import { cva, type VariantProps } from 'cva'\nimport Link from 'next/link'\nimport { type ComponentProps } from 'react'\n\nimport { AvatarBase, AvatarFallback, AvatarImage } from '@/components/primitives/avatar'\n\nexport type AvatarProps = VariantProps<typeof avatarVariants> &\n  Omit<ComponentProps<'a'>, 'href'> & {\n    src?: string\n    href?: string\n    name?: string\n  }\n\nexport function Avatar({ size, src, href, name, ...linkProps }: AvatarProps) {\n  const fallbackShort = name?.slice(0, 2)\n  const fallbackWords = name\n    ?.split(' ')\n    .map((n) => n[0])\n    .join('')\n    .slice(0, 2)\n\n  const fallback = fallbackWords && fallbackWords.length > 1 ? fallbackWords : fallbackShort\n\n  const renderAvatar = () => (\n    <AvatarBase className={avatarVariants({ size })}>\n      <AvatarImage src={src} alt={name} />\n      <AvatarFallback>{fallback?.toUpperCase()}</AvatarFallback>\n    </AvatarBase>\n  )\n\n  if (href) {\n    return (\n      <Link href={href} {...linkProps}>\n        {renderAvatar()}\n      </Link>\n    )\n  }\n\n  return renderAvatar()\n}\n\nexport const avatarVariants = cva('ring ring-white ring-2', {\n  variants: {\n    size: {\n      large: 'h-16 w-16',\n      medium: 'h-10 w-10',\n      small: 'h-8 w-8',\n    },\n  },\n  defaultVariants: {\n    size: 'medium',\n  },\n})\n","'use client'\n\nimport * as AvatarPrimitive from '@radix-ui/react-avatar'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\n/**\n * Adapted from Radix Primitives Avatar\n * https://ui.shadcn.com/docs/components/avatar\n * Changes made to support custom size prop and to export Avatar wrapper component\n */\n\nexport const AvatarBase = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Root\n    ref={ref}\n    className={cn('relative flex shrink-0 overflow-hidden rounded-full', className)}\n    {...props}\n  />\n))\nAvatarBase.displayName = AvatarPrimitive.Root.displayName\n\nexport const AvatarImage = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Image>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Image\n    ref={ref}\n    className={cn('aspect-square h-full w-full', className)}\n    data-testid=\"job-card-avatar\"\n    {...props}\n  />\n))\nAvatarImage.displayName = AvatarPrimitive.Image.displayName\n\nexport const AvatarFallback = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Fallback>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Fallback\n    ref={ref}\n    className={cn(\n      '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',\n      className\n    )}\n    {...props}\n  />\n))\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName\n","import { cva, type VariantProps } from 'cva'\nimport React from 'react'\nimport { twMerge } from 'tailwind-merge'\n\ninterface ChipProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof chipVariants> {}\n\nconst Chip = ({ className, variant, size, ...props }: ChipProps) => (\n  <div className={twMerge(chipVariants({ variant, size, className }))} {...props} />\n)\n\nconst chipVariants = cva(['flex', 'items-center', 'rounded-3xl', 'border', 'w-fit'], {\n  variants: {\n    variant: {\n      neutral: ['text-grey-80', 'border-grey-10'],\n      primary: ['text-purple-100', 'border-purple-20'],\n      danger: ['text-pumpkin-100', 'border-pumpkin-20'],\n      jobLocation: ['text-grey-80', 'border-grey-10', 'bg-grey-5'],\n      onboarding: ['text-green-100', 'bg-green-10', 'cursor-pointer'],\n      onboardingSelected: ['text-white', 'bg-green-90', 'cursor-pointer'],\n    },\n    size: {\n      small: ['text-sm', 'leading-5', 'px-2', 'py-1', 'gap-1.5'],\n      medium: ['text-base', 'leading-6', 'px-3', 'py-2', 'gap-2'],\n    },\n  },\n  defaultVariants: {\n    variant: 'neutral',\n    size: 'medium',\n  },\n})\n\nexport default Chip\n","import {\n  Banknote,\n  Bell,\n  BriefcaseBusiness,\n  Building,\n  Building2,\n  CircleUser,\n  CircleUserRound,\n  Clock2,\n  Contact,\n  GalleryVerticalEnd,\n  Home,\n  KeyRound,\n  Layers,\n  LifeBuoy,\n  MapPin,\n  MessageSquareDot,\n  Settings,\n  SquareKanban,\n  Users,\n  Wallet,\n} from 'lucide-react'\n\nexport const iconMap = {\n  house: Home,\n  layers: Layers,\n  users: Users,\n  settings: Settings,\n  building: Building,\n  bell: Bell,\n  wallet: Wallet,\n  contact: Contact,\n  banknote: Banknote,\n  'message-square-dot': MessageSquareDot,\n  'life-buoy': LifeBuoy,\n  'building-2': Building2,\n  'gallery-vertical-end': GalleryVerticalEnd,\n  'square-kanban': SquareKanban,\n  'briefcase-business': BriefcaseBusiness,\n  'circle-user': CircleUser,\n  'key-round': KeyRound,\n  'clock-2': Clock2,\n  'circle-user-round': CircleUserRound,\n  'map-pin': MapPin,\n} as const\n"],"mappings":"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","names":["import_lucide_react","import_navigation","import_tailwind_merge","import_react","import_react","import_jsx_runtime","import_jsx_runtime","import_cva","import_jsx_runtime","import_jsx_runtime","Link","import_cva","import_tailwind_merge","import_jsx_runtime","import_lucide_react","import_jsx_runtime","Icon","Image"]}

package/dist/components/jobPost/JobHeader.js

@@ -216,6 +216,7 @@ var chipVariants = cva3(["flex", "items-center", "rounded-3xl", "border", "w-fit
       neutral: ["text-grey-80", "border-grey-10"],
       primary: ["text-purple-100", "border-purple-20"],
       danger: ["text-pumpkin-100", "border-pumpkin-20"],
+      jobLocation: ["text-grey-80", "border-grey-10", "bg-grey-5"],
       onboarding: ["text-green-100", "bg-green-10", "cursor-pointer"],
       onboardingSelected: ["text-white", "bg-green-90", "cursor-pointer"]
     },