@recruitnepal/shared-packages 1.8.8 → 1.8.9

package/dist/components/JobCard/FallbackImage.d.ts

@@ -6,7 +6,9 @@ type FallbackImageProps = {
     className?: string;
     fallbackText?: string;
     fallbackClassName?: string;
+    /** When provided, relative src (no http/https or leading /) is resolved as imageBaseUrl + src. Required for API paths like "uploads/company/logo.png". */
+    imageBaseUrl?: string | null;
 };
-export declare function FallbackImage({ src, alt, width, height, className, fallbackText, fallbackClassName, }: FallbackImageProps): import("react/jsx-runtime").JSX.Element;
+export declare function FallbackImage({ src, alt, width, height, className, fallbackText, fallbackClassName, imageBaseUrl, }: FallbackImageProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=FallbackImage.d.ts.map

package/dist/components/JobCard/FallbackImage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FallbackImage.d.ts","sourceRoot":"","sources":["../../../src/components/JobCard/FallbackImage.tsx"],"names":[],"mappings":"AAKA,KAAK,kBAAkB,GAAG;IACxB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,GAAG,EACH,GAAoB,EACpB,KAAU,EACV,MAAW,EACX,SAAS,EACT,YAAY,EACZ,iBAAiB,GAClB,EAAE,kBAAkB,2CAiDpB"}
+{"version":3,"file":"FallbackImage.d.ts","sourceRoot":"","sources":["../../../src/components/JobCard/FallbackImage.tsx"],"names":[],"mappings":"AAKA,KAAK,kBAAkB,GAAG;IACxB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,0JAA0J;IAC1J,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B,CAAC;AAUF,wBAAgB,aAAa,CAAC,EAC5B,GAAG,EACH,GAAoB,EACpB,KAAU,EACV,MAAW,EACX,SAAS,EACT,YAAY,EACZ,iBAAiB,EACjB,YAAY,GACb,EAAE,kBAAkB,2CAkDpB"}

package/dist/components/JobCard/FallbackImage.js

@@ -2,19 +2,28 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useState, useEffect } from 'react';
 import { cn } from '../../utils/cn';
-export function FallbackImage({ src, alt = 'Company Logo', width = 62, height = 62, className, fallbackText, fallbackClassName, }) {
+function resolveSrc(src, imageBaseUrl) {
+    if (src.startsWith('http') || src.startsWith('/'))
+        return src;
+    if (!imageBaseUrl?.trim())
+        return src;
+    const base = imageBaseUrl.replace(/\/+$/, '');
+    const path = src.replace(/^\//, '');
+    return path ? `${base}/${path}` : base;
+}
+export function FallbackImage({ src, alt = 'Company Logo', width = 62, height = 62, className, fallbackText, fallbackClassName, imageBaseUrl, }) {
     const [hasError, setHasError] = useState(false);
     useEffect(() => {
         setHasError(false);
     }, [src]);
-    const resolvedSrc = hasError || !src ? null : src;
+    const resolvedSrc = hasError || !src ? null : resolveSrc(src, imageBaseUrl);
     const isLeadingCompany = typeof src === 'string' && src.includes('leading-company');
     const char = isLeadingCompany ? '?' : (fallbackText?.charAt(0)?.toUpperCase() || '?');
     if (!resolvedSrc) {
         return (_jsx("div", { className: cn('flex items-center justify-center font-bold bg-gradient-to-br from-blue-500 via-purple-500 to-pink-500 text-white', fallbackClassName, className), style: { width, height }, children: _jsx("span", { className: "select-none", children: char }) }));
     }
     if (isLeadingCompany && resolvedSrc) {
-        return (_jsx("img", { src: src, alt: alt, width: width, height: height, className: cn('object-cover', className), onError: () => setHasError(true) }));
+        return (_jsx("img", { src: resolvedSrc, alt: alt, width: width, height: height, className: cn('object-cover', className), onError: () => setHasError(true) }));
     }
     return (_jsx("img", { src: resolvedSrc, alt: alt, width: width, height: height, className: cn('w-full h-full object-contain max-w-full max-h-full', className), onError: () => setHasError(true) }));
 }

package/dist/components/JobCard/JobCard.d.ts

@@ -8,6 +8,8 @@ export type JobCardProps = {
     disableHover?: boolean;
     logoClassName?: string;
     logoWrapperClassName?: string;
+    /** Base URL for company logo when jobDetails.companyLogo is a relative path (e.g. from API). Pass e.g. env.IMAGE_BASE_URL so logos resolve correctly. */
+    imageBaseUrl?: string | null;
 };
-export declare function JobCard({ jobDetails, className, onClick, showDetails, hideSkills, disableHover, logoClassName, logoWrapperClassName, }: JobCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function JobCard({ jobDetails, className, onClick, showDetails, hideSkills, disableHover, logoClassName, logoWrapperClassName, imageBaseUrl, }: JobCardProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=JobCard.d.ts.map

package/dist/components/JobCard/JobCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"JobCard.d.ts","sourceRoot":"","sources":["../../../src/components/JobCard/JobCard.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,MAAM,MAAM,YAAY,GAAG;IACzB,UAAU,EAAE,cAAc,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEF,wBAAgB,OAAO,CAAC,EACtB,UAAU,EACV,SAAS,EACT,OAAO,EACP,WAAkB,EAClB,UAAkB,EAClB,YAAoB,EACpB,aAAa,EACb,oBAAoB,GACrB,EAAE,YAAY,2CA+Fd"}
+{"version":3,"file":"JobCard.d.ts","sourceRoot":"","sources":["../../../src/components/JobCard/JobCard.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,MAAM,MAAM,YAAY,GAAG;IACzB,UAAU,EAAE,cAAc,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,yJAAyJ;IACzJ,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B,CAAC;AAEF,wBAAgB,OAAO,CAAC,EACtB,UAAU,EACV,SAAS,EACT,OAAO,EACP,WAAkB,EAClB,UAAkB,EAClB,YAAoB,EACpB,aAAa,EACb,oBAAoB,EACpB,YAAY,GACb,EAAE,YAAY,2CAgGd"}

package/dist/components/JobCard/JobCard.js

@@ -8,7 +8,7 @@ import { formatEmploymentTypes } from '../../utils/formatEmploymentType';
 import { capitalize } from '../../utils/capitalize';
 import { FallbackImage } from './FallbackImage';
 import { Badge } from '../ui/Badge';
-export function JobCard({ jobDetails, className, onClick, showDetails = true, hideSkills = false, disableHover = false, logoClassName, logoWrapperClassName, }) {
+export function JobCard({ jobDetails, className, onClick, showDetails = true, hideSkills = false, disableHover = false, logoClassName, logoWrapperClassName, imageBaseUrl, }) {
     const jobTypeRef = useRef(jobDetails.jobType);
     if (jobTypeRef.current !== jobDetails.jobType) {
         jobTypeRef.current = jobDetails.jobType;
@@ -23,5 +23,5 @@ export function JobCard({ jobDetails, className, onClick, showDetails = true, hi
         : jobDetails.jobType
             ? [jobDetails.jobType]
             : [];
-    return (_jsxs("div", { className: cn('rounded-xl sm:rounded-3xl cursor-pointer', !disableHover && 'hover:shadow-md', className), onClick: onClick, children: [_jsxs("div", { className: "flex gap-2 items-center", children: [_jsx("div", { className: cn('w-14 h-14 border bg-white rounded-xl overflow-hidden flex items-center justify-center shrink-0', logoWrapperClassName), children: _jsx(FallbackImage, { src: jobDetails.companyLogo || null, alt: "Company Logo", width: 62, height: 62, className: cn('w-full h-full object-contain max-w-full max-h-full', logoClassName), fallbackText: jobDetails.hideCompanyName ? undefined : jobDetails.companyName?.charAt(0)?.toUpperCase(), fallbackClassName: "w-full h-full rounded-xl text-xl" }) }), _jsxs("div", { children: [_jsx("h2", { className: "text-md font-semibold text-text-primary", children: jobDetails.jobTitle }), _jsx("p", { className: "text-sm text-text-secondary", children: jobDetails.companyName })] })] }), showDetails && (_jsxs("div", { className: "mt-3", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-text-secondary mb-2", children: [jobDetails.location && (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(MapPin, { size: 14, className: "min-w-[14px]" }), capitalize(jobDetails.location)] })), normalizedJobTypeArray.length > 0 && (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(BriefcaseBusiness, { size: 14, className: "min-w-[14px]" }), formatEmploymentTypes(normalizedJobTypeArray)] })), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Banknote, { size: 14, className: "min-w-[14px]" }), capitalize(salaryText)] })] }), !hideSkills && jobDetails.skills && jobDetails.skills.length > 0 && (_jsx("div", { className: "flex items-center gap-3 flex-wrap mb-1", children: jobDetails.skills.slice(0, 3).map((skill, index) => (_jsx(Badge, { className: "py-1 px-3 text-xs bg-secondary border border-black/10 shrink-0", children: skill }, index))) }))] }))] }));
+    return (_jsxs("div", { className: cn('rounded-xl sm:rounded-3xl cursor-pointer', !disableHover && 'hover:shadow-md', className), onClick: onClick, children: [_jsxs("div", { className: "flex gap-2 items-center", children: [_jsx("div", { className: cn('w-14 h-14 border bg-white rounded-xl overflow-hidden flex items-center justify-center shrink-0', logoWrapperClassName), children: _jsx(FallbackImage, { src: jobDetails.companyLogo || null, alt: "Company Logo", width: 62, height: 62, className: cn('w-full h-full object-contain max-w-full max-h-full', logoClassName), fallbackText: jobDetails.hideCompanyName ? undefined : jobDetails.companyName?.charAt(0)?.toUpperCase(), fallbackClassName: "w-full h-full rounded-xl text-xl", imageBaseUrl: imageBaseUrl }) }), _jsxs("div", { children: [_jsx("h2", { className: "text-md font-semibold text-text-primary", children: jobDetails.jobTitle }), _jsx("p", { className: "text-sm text-text-secondary", children: jobDetails.companyName })] })] }), showDetails && (_jsxs("div", { className: "mt-3", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-text-secondary mb-2", children: [jobDetails.location && (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(MapPin, { size: 14, className: "min-w-[14px]" }), capitalize(jobDetails.location)] })), normalizedJobTypeArray.length > 0 && (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(BriefcaseBusiness, { size: 14, className: "min-w-[14px]" }), formatEmploymentTypes(normalizedJobTypeArray)] })), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Banknote, { size: 14, className: "min-w-[14px]" }), capitalize(salaryText)] })] }), !hideSkills && jobDetails.skills && jobDetails.skills.length > 0 && (_jsx("div", { className: "flex items-center gap-3 flex-wrap mb-1", children: jobDetails.skills.slice(0, 3).map((skill, index) => (_jsx(Badge, { className: "py-1 px-3 text-xs bg-secondary border border-black/10 shrink-0", children: skill }, index))) }))] }))] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@recruitnepal/shared-packages",
-  "version": "1.8.8",
+  "version": "1.8.9",
   "description": "Shared hooks, API client, types and utils for Recruit Nepal (CV builder UI and preprocess stay in each repo)",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",