project-portfolio 2.2.0 → 2.2.1

package/README.md

@@ -295,18 +295,7 @@ export function ProjectGallery({ media, title }: { media: Media[]; title: string
 }
 ```
 
-The parent component is responsible for injecting the `.chisel-gallery-main-img` CSS class to control the main image height:
-
-```css
-.chisel-gallery-main-img {
-  height: 400px; /* adjust to your layout */
-}
-@media (min-width: 768px) {
-  .chisel-gallery-main-img {
-    height: 560px;
-  }
-}
-```
+The main image and thumbnails are standardised to a `16/9` aspect ratio — no external CSS required.
 
 | Prop | Type | Required | Default | Description |
 |---|---|---|---|---|
@@ -476,7 +465,7 @@ export async function ProjectsMegaMenu() {
 
 #### With a curated menu
 
-Pass `menuId` to show a specific curated set of projects instead of all projects. The Browse By filters on the right always reflect the full schema regardless of which menu is active. Available menu IDs can be retrieved from `GET /api/v1/clients/{clientSlug}/menus`.
+Pass `menuId` to show a specific curated set of projects instead of all projects. The value should be the menu **slug** (not the UUID) — available slugs can be retrieved from `GET /api/v1/clients/{clientSlug}/menus`. The Browse By filters on the right always reflect the full schema regardless of which menu is active.
 
 ```tsx
 <ProjectMenu
@@ -491,7 +480,7 @@ Pass `menuId` to show a specific curated set of projects instead of all projects
 |---|---|---|---|---|
 | `clientSlug` | `string` | Yes | — | Identifies which client's projects to load |
 | `apiBase` | `string` | Yes | — | Base URL of the projects API |
-| `menuId` | `string` | No | — | ID of a curated menu. When provided, fetches from `/menus/{menuId}` instead of all projects. Filters always shown regardless. |
+| `menuId` | `string` | No | — | Slug of a curated menu. When provided, fetches from `/menus/{slug}` instead of all projects. Filters always shown regardless. |
 | `basePath` | `string` | No | `"/projects"` | Base path for project detail links |
 | `viewAllPath` | `string` | No | Same as `basePath` | Path for the "View All Projects" link |
 | `subtitle` | `string` | No | — | Description paragraph shown above the project cards |
@@ -596,7 +585,7 @@ With a curated menu:
 | `dataUrl` | `string` | No* | — | URL of a local API route created with `createMenuHandler()`. Recommended for production |
 | `clientSlug` | `string` | No* | — | Client slug for direct fetch mode |
 | `apiBase` | `string` | No* | — | API base URL for direct fetch mode |
-| `menuId` | `string` | No | — | ID of a curated menu. Fetches from `/menus/{menuId}` for projects. Filters are always shown regardless. |
+| `menuId` | `string` | No | — | Slug of a curated menu. Fetches from `/menus/{slug}` for projects. Filters are always shown regardless. |
 | `basePath` | `string` | Yes | — | Base path for project detail links |
 | `viewAllPath` | `string` | Yes | — | Path for the "View All Projects" link |
 | `subtitle` | `string` | No | — | Description shown above the project cards (hidden on mobile) |

package/dist/GalleryCarousel.js

@@ -16,7 +16,7 @@ export function GalleryCarousel({ images, projectTitle, }) {
     function next() {
         setCurrent((c) => (c + 1) % total);
     }
-    return (_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "12px", fontFamily: font }, children: [_jsxs("div", { className: "chisel-gallery-main-img", style: { position: "relative", width: "100%", backgroundColor: "#f4f4f5", overflow: "hidden" }, children: [_jsx("img", { src: active.url, alt: active.alt || projectTitle, style: { width: "100%", height: "100%", objectFit: "cover", display: "block" } }), total > 1 && (_jsx("button", { onClick: prev, "aria-label": "Previous image", style: {
+    return (_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "12px", fontFamily: font }, children: [_jsxs("div", { style: { position: "relative", width: "100%", aspectRatio: "16/9", backgroundColor: "#f4f4f5", overflow: "hidden" }, children: [_jsx("img", { src: active.url, alt: active.alt || projectTitle, style: { position: "absolute", inset: 0, width: "100%", height: "100%", objectFit: "cover", display: "block" } }), total > 1 && (_jsx("button", { onClick: prev, "aria-label": "Previous image", style: {
                             position: "absolute",
                             left: "16px",
                             top: "50%",
@@ -68,8 +68,8 @@ export function GalleryCarousel({ images, projectTitle, }) {
                 }, children: caption })), total > 1 && (_jsx("div", { style: { display: "flex", gap: "8px", overflowX: "auto", WebkitOverflowScrolling: "touch", paddingBottom: "4px" }, children: images.map((img, i) => {
                     var _a;
                     return (_jsx("button", { onClick: () => setCurrent(i), "aria-label": `View image ${i + 1}`, style: {
-                            width: "72px",
-                            height: "52px",
+                            width: "88px",
+                            aspectRatio: "16/9",
                             padding: 0,
                             border: i === current ? "2px solid #f18a00" : "2px solid transparent",
                             borderRadius: "2px",

package/dist/ProjectCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectCard.d.ts","sourceRoot":"","sources":["../src/ProjectCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,iBAAiB,EAAmC,MAAM,SAAS,CAAA;AAE1F,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,CAAA;AAE5C,UAAU,gBAAgB;IACxB,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,iBAAiB,EAAE,CAAA;IAC3B,2FAA2F;IAC3F,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAeD,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,MAAM,EACN,eAAoB,EACpB,QAAQ,EACR,OAAgB,EAChB,QAAsB,GACvB,EAAE,gBAAgB,2CAqQlB"}
+{"version":3,"file":"ProjectCard.d.ts","sourceRoot":"","sources":["../src/ProjectCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,iBAAiB,EAAmC,MAAM,SAAS,CAAA;AAE1F,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,CAAA;AAE5C,UAAU,gBAAgB;IACxB,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,iBAAiB,EAAE,CAAA;IAC3B,2FAA2F;IAC3F,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAeD,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,MAAM,EACN,eAAoB,EACpB,QAAQ,EACR,OAAgB,EAChB,QAAsB,GACvB,EAAE,gBAAgB,2CA2QlB"}

package/dist/ProjectCard.js

@@ -13,7 +13,7 @@ function parseSingleValue(raw) {
     return String(raw !== null && raw !== void 0 ? raw : "");
 }
 export function ProjectCard({ project, schema, fieldOptionsMap = {}, priority, variant = "card", basePath = "/projects", }) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f;
     const imageUrl = (_d = (_a = project.image_url) !== null && _a !== void 0 ? _a : (_c = (_b = project.media) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.url) !== null && _d !== void 0 ? _d : null;
     const badgeField = schema.find((f) => f.display_position === "badge_overlay");
     const tagFields = schema
@@ -22,9 +22,11 @@ export function ProjectCard({ project, schema, fieldOptionsMap = {}, priority, v
     // Coverage/sq ft field for footer stat — matched by key or name regardless of type
     const numericField = schema.find((f) => /sq|sqft|square|coverage/i.test(f.key + f.name));
     const locationField = schema.find((f) => f.type === "location");
-    const badgeValue = badgeField
+    const badgeRaw = badgeField
         ? parseSingleValue(project.custom_field_values[badgeField.key])
         : null;
+    const badgeOptMap = badgeField ? ((_e = fieldOptionsMap[badgeField.key]) !== null && _e !== void 0 ? _e : {}) : {};
+    const badgeValue = badgeRaw ? ((_f = badgeOptMap[badgeRaw]) !== null && _f !== void 0 ? _f : badgeRaw) : null;
     const locationValue = locationField
         ? project.custom_field_values[locationField.key]
         : null;
@@ -47,7 +49,14 @@ export function ProjectCard({ project, schema, fieldOptionsMap = {}, priority, v
                 : String(val);
         return { label, formatted };
     })();
-    const compactTags = tagFields.flatMap((field) => parseMultiValue(project.custom_field_values[field.key]));
+    const compactTags = tagFields.flatMap((field) => {
+        var _a;
+        const optMap = (_a = fieldOptionsMap[field.key]) !== null && _a !== void 0 ? _a : {};
+        const hasOptions = Object.keys(optMap).length > 0;
+        const vals = parseMultiValue(project.custom_field_values[field.key]);
+        const active = hasOptions ? vals.filter((v) => optMap[v] !== undefined) : vals;
+        return active.map((v) => { var _a; return (_a = optMap[v]) !== null && _a !== void 0 ? _a : v; });
+    });
     const href = `${basePath}/${project.slug}`;
     if (variant === "compact") {
         return (_jsxs("a", { href: href, style: {

package/dist/ProjectDetail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectDetail.d.ts","sourceRoot":"","sources":["../src/ProjectDetail.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,kBAAkB;IACjC,+BAA+B;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,iEAAiE;IACjE,UAAU,EAAE,MAAM,CAAA;IAClB,mCAAmC;IACnC,OAAO,EAAE,MAAM,CAAA;IACf,iFAAiF;IACjF,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAmDD,wBAAsB,aAAa,CAAC,EAClC,IAAI,EACJ,UAAU,EACV,OAAO,EACP,QAAsB,EACtB,SAA0B,EAC1B,UAAe,GAChB,EAAE,kBAAkB,oDAwPpB"}
+{"version":3,"file":"ProjectDetail.d.ts","sourceRoot":"","sources":["../src/ProjectDetail.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,kBAAkB;IACjC,+BAA+B;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,iEAAiE;IACjE,UAAU,EAAE,MAAM,CAAA;IAClB,mCAAmC;IACnC,OAAO,EAAE,MAAM,CAAA;IACf,iFAAiF;IACjF,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAiED,wBAAsB,aAAa,CAAC,EAClC,IAAI,EACJ,UAAU,EACV,OAAO,EACP,QAAsB,EACtB,SAA0B,EAC1B,UAAe,GAChB,EAAE,kBAAkB,oDAoQpB"}

package/dist/ProjectDetail.js

@@ -21,25 +21,39 @@ function dedupeByKey(arr) {
 }
 // ─── Data fetching ───────────────────────────────────────────────────────────
 const fetchProjectDetail = cache(async (apiBase, clientSlug, slug, revalidate) => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     const fetchOpts = revalidate > 0
         ? { next: { revalidate } }
         : {};
     try {
+        // Single call — /projects/{slug} returns the project AND client.custom_fields_schema
+        // with full options embedded. No need for a separate /fields call.
         const projectRes = await fetch(`${apiBase}/api/v1/clients/${clientSlug}/projects/${slug}?api_key=pk_live_crmsuTIm7NNfb9uEWBCyv88F6kj2YQUR`, fetchOpts);
         const projectJson = projectRes.ok ? await projectRes.json() : null;
         const project = (_a = projectJson === null || projectJson === void 0 ? void 0 : projectJson.data) !== null && _a !== void 0 ? _a : null;
         const schema = dedupeByKey((_c = (_b = projectJson === null || projectJson === void 0 ? void 0 : projectJson.client) === null || _b === void 0 ? void 0 : _b.custom_fields_schema) !== null && _c !== void 0 ? _c : []);
-        return { project, schema };
+        // Build fieldOptionsMap directly from schema options — identical data to /fields
+        const fieldOptionsMap = {};
+        for (const field of schema) {
+            const map = {};
+            for (const opt of ((_d = field.options) !== null && _d !== void 0 ? _d : [])) {
+                if (typeof opt === "object" && opt.id && opt.label) {
+                    map[opt.id] = opt.label;
+                    map[opt.label] = opt.label;
+                }
+            }
+            fieldOptionsMap[field.key] = map;
+        }
+        return { project, schema, fieldOptionsMap };
     }
-    catch (_d) {
-        return { project: null, schema: [] };
+    catch (_e) {
+        return { project: null, schema: [], fieldOptionsMap: {} };
     }
 });
 // ─── Component ───────────────────────────────────────────────────────────────
 export async function ProjectDetail({ slug, clientSlug, apiBase, backPath = "/projects", backLabel = "All Projects", revalidate = 60, }) {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
-    const { project, schema } = await fetchProjectDetail(apiBase, clientSlug, slug, revalidate);
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    const { project, schema, fieldOptionsMap } = await fetchProjectDetail(apiBase, clientSlug, slug, revalidate);
     if (!project) {
         return (_jsx("div", { style: { textAlign: "center", padding: "6rem 1.5rem", fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif" }, children: _jsx("p", { style: { color: "#71717a", fontSize: "18px" }, children: "Project not found." }) }));
     }
@@ -49,29 +63,36 @@ export async function ProjectDetail({ slug, clientSlug, apiBase, backPath = "/pr
         : ((_g = (_f = project.media) === null || _f === void 0 ? void 0 : _f.slice(1)) !== null && _g !== void 0 ? _g : []);
     const badgeField = schema.find((f) => f.display_position === "badge_overlay");
     const locationField = schema.find((f) => f.type === "location");
-    const badgeValue = badgeField
+    const badgeRaw = badgeField
         ? ((_h = parseMultiValue(project.custom_field_values[badgeField.key])[0]) !== null && _h !== void 0 ? _h : null)
         : null;
+    const badgeOptMap = badgeField ? ((_j = fieldOptionsMap[badgeField.key]) !== null && _j !== void 0 ? _j : {}) : {};
+    const badgeValue = badgeRaw ? ((_k = badgeOptMap[badgeRaw]) !== null && _k !== void 0 ? _k : badgeRaw) : null;
     const locationValue = locationField
         ? project.custom_field_values[locationField.key]
         : null;
     const locationString = locationValue
         ? [locationValue.city, locationValue.state].filter(Boolean).join(", ")
         : null;
-    // Helper: format a raw field value to a display string
+    // Helper: format a raw field value to a display string, resolving slugs via fieldOptionsMap
     function formatFieldValue(field, raw) {
+        var _a, _b;
         if (raw === null || raw === undefined || raw === "")
             return null;
+        const optMap = (_a = fieldOptionsMap[field.key]) !== null && _a !== void 0 ? _a : {};
         if (typeof raw === "string")
-            return raw;
+            return (_b = optMap[raw]) !== null && _b !== void 0 ? _b : raw;
         if (typeof raw === "number") {
             if (/year/i.test(field.key + field.name))
                 return String(Math.round(raw));
             return Math.round(raw).toLocaleString();
         }
         if (Array.isArray(raw)) {
+            const hasOptions = Object.keys(optMap).length > 0;
             const vals = raw.map(String).filter(Boolean);
-            return vals.length > 0 ? vals.join(", ") : null;
+            const active = hasOptions ? vals.filter((v) => optMap[v] !== undefined) : vals;
+            const labels = active.map((v) => { var _a; return (_a = optMap[v]) !== null && _a !== void 0 ? _a : v; });
+            return labels.length > 0 ? labels.join(", ") : null;
         }
         return null;
     }
@@ -122,14 +143,21 @@ export async function ProjectDetail({ slug, clientSlug, apiBase, backPath = "/pr
             .chisel-overview-grid { display: grid; grid-template-columns: 1fr; gap: 2.5rem; }
             @media (min-width: 1024px) { .chisel-overview-grid { grid-template-columns: 1fr 300px; gap: 4rem; align-items: start; } }
           ` }), _jsx("div", { style: { maxWidth: "1280px", margin: "0 auto", boxSizing: "border-box", padding: "0 0 0 0" }, className: "chisel-stats-grid", children: metadataStats.map(({ label, value }) => (_jsxs("div", { className: "chisel-stat-item", children: [_jsx("p", { style: { fontSize: "10px", fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.12em", color: "#a1a1aa", margin: "0 0 8px 0" }, children: label }), _jsx("p", { style: { color: "#18181b", fontWeight: 600, fontSize: "15px", margin: 0, lineHeight: 1.4 }, children: value })] }, label))) })] })), _jsxs("article", { style: { maxWidth: "1280px", margin: "0 auto", padding: "3rem 1.5rem", boxSizing: "border-box" }, children: [(project.blurb || project.description || specFields.length > 0) && (_jsxs("section", { style: { marginBottom: "3rem" }, children: [_jsx("div", { style: { borderBottom: "1px solid #e4e4e7", marginBottom: "2rem", paddingBottom: "1rem", display: "flex", alignItems: "baseline", justifyContent: "space-between" }, children: _jsx("h2", { style: { color: "#18181b", fontWeight: 700, fontSize: "20px", margin: 0, letterSpacing: "-0.01em", fontFamily: font }, children: "Project Overview" }) }), _jsxs("div", { className: "chisel-overview-grid", children: [_jsxs("div", { children: [project.blurb && (_jsx("p", { style: { color: "#3f3f46", fontSize: "16px", fontWeight: 400, lineHeight: 1.85, margin: "0 0 20px 0" }, children: project.blurb })), project.description && project.description !== project.blurb && (_jsx("p", { style: { color: "#3f3f46", fontSize: "16px", fontWeight: 400, lineHeight: 1.85, margin: 0 }, children: project.description }))] }), specFields.length > 0 && (_jsx("aside", { style: { borderLeft: "3px solid #f18a00", paddingLeft: "2rem" }, children: _jsx("div", { style: { display: "flex", flexDirection: "column", gap: "2rem" }, children: specFields.map((field) => {
+                                                var _a;
                                                 const raw = project.custom_field_values[field.key];
-                                                const vals = Array.isArray(raw)
+                                                const optMap = (_a = fieldOptionsMap[field.key]) !== null && _a !== void 0 ? _a : {};
+                                                const hasOptions = Object.keys(optMap).length > 0;
+                                                const rawVals = Array.isArray(raw)
                                                     ? raw.map(String).filter(Boolean)
                                                     : typeof raw === "string"
                                                         ? [raw]
                                                         : raw !== null && raw !== undefined
                                                             ? [String(raw)]
                                                             : [];
+                                                // Filter out archived values and resolve slugs to labels
+                                                const vals = hasOptions
+                                                    ? rawVals.filter((v) => optMap[v] !== undefined).map((v) => { var _a; return (_a = optMap[v]) !== null && _a !== void 0 ? _a : v; })
+                                                    : rawVals;
                                                 if (vals.length === 0)
                                                     return null;
                                                 return (_jsxs("div", { children: [_jsx("p", { style: { fontSize: "10px", fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.12em", color: "#a1a1aa", margin: "0 0 12px 0" }, children: field.name }), _jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: "8px" }, children: vals.map((val) => (_jsx("span", { style: {
@@ -145,5 +173,5 @@ export async function ProjectDetail({ slug, clientSlug, apiBase, backPath = "/pr
                                                                 }, children: val }, val))) })] }, field.key));
                                             }) }) }))] })] })), _jsxs("section", { children: [_jsx("div", { style: { borderBottom: "1px solid #e4e4e7", marginBottom: "2rem", paddingBottom: "1rem" }, children: _jsx("h2", { style: { color: "#18181b", fontWeight: 700, fontSize: "20px", margin: 0, letterSpacing: "-0.01em", fontFamily: font }, children: "Project Gallery" }) }), galleryImages.length > 0 ? (_jsx(GalleryCarousel, { images: galleryImages, projectTitle: project.title })) : (
                             /* Placeholder */
-                            _jsx("div", { className: "chisel-gallery-placeholder", children: [0, 1, 2].map((i) => (_jsxs("div", { style: { aspectRatio: "4/3", borderRadius: "4px", backgroundColor: "#f9f9f9", border: "1px solid #e4e4e7", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", gap: "8px" }, children: [_jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "#a1a1aa", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909M3.75 19.5h16.5" }) }), _jsx("p", { style: { color: "#a1a1aa", fontSize: "12px", margin: 0 }, children: "Photos coming soon" })] }, i))) }))] })] })] }));
+                            _jsx("div", { className: "chisel-gallery-placeholder", children: [0, 1, 2].map((i) => (_jsxs("div", { style: { aspectRatio: "16/9", borderRadius: "4px", backgroundColor: "#f9f9f9", border: "1px solid #e4e4e7", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", gap: "8px" }, children: [_jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "#a1a1aa", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909M3.75 19.5h16.5" }) }), _jsx("p", { style: { color: "#a1a1aa", fontSize: "12px", margin: 0 }, children: "Photos coming soon" })] }, i))) }))] })] })] }));
 }

package/dist/ProjectMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectMenu.d.ts","sourceRoot":"","sources":["../src/ProjectMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAKzD,MAAM,WAAW,gBAAgB;IAC/B,yCAAyC;IACzC,UAAU,EAAE,MAAM,CAAA;IAClB,wDAAwD;IACxD,OAAO,EAAE,MAAM,CAAA;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,UAAU,EACV,OAAO,EACP,MAAM,EACN,UAAkB,GACnB,EAAE;IACD,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,gFAAgF;IAChF,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,aACoC,OAAO,uBAwE3C;AAED,wBAAsB,oBAAoB,CAAC,EACzC,OAAO,EACP,UAAU,EACV,MAAM,EACN,UAAkB,EAClB,OAAe,GAChB,EAAE;IACD,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,GAAG,OAAO,CAAC;IACV,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,MAAM,EAAE,iBAAiB,EAAE,CAAA;IAC3B,aAAa,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAC9C,cAAc,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,eAAe,EAAE,MAAM,CAAA;IACvB,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;CACxD,CAAC,CAqBD;AAgED,wBAAsB,WAAW,CAAC,EAChC,UAAU,EACV,OAAO,EACP,MAAM,EACN,QAAsB,EACtB,WAAW,EACX,QAAQ,EACR,IAA0E,EAC1E,WAAe,EACf,UAAkB,EAClB,OAAe,GAChB,EAAE,gBAAgB,oDAiClB"}
+{"version":3,"file":"ProjectMenu.d.ts","sourceRoot":"","sources":["../src/ProjectMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAKzD,MAAM,WAAW,gBAAgB;IAC/B,yCAAyC;IACzC,UAAU,EAAE,MAAM,CAAA;IAClB,wDAAwD;IACxD,OAAO,EAAE,MAAM,CAAA;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,UAAU,EACV,OAAO,EACP,MAAM,EACN,UAAkB,GACnB,EAAE;IACD,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,gFAAgF;IAChF,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,aACoC,OAAO,uBAmE3C;AAED,wBAAsB,oBAAoB,CAAC,EACzC,OAAO,EACP,UAAU,EACV,MAAM,EACN,UAAkB,EAClB,OAAe,GAChB,EAAE;IACD,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,GAAG,OAAO,CAAC;IACV,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,MAAM,EAAE,iBAAiB,EAAE,CAAA;IAC3B,aAAa,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAC9C,cAAc,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,eAAe,EAAE,MAAM,CAAA;IACvB,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;CACxD,CAAC,CAqBD;AA0DD,wBAAsB,WAAW,CAAC,EAChC,UAAU,EACV,OAAO,EACP,MAAM,EACN,QAAsB,EACtB,WAAW,EACX,QAAQ,EACR,IAA0E,EAC1E,WAAe,EACf,UAAkB,EAClB,OAAe,GAChB,EAAE,gBAAgB,oDAiClB"}

package/dist/ProjectMenu.js

@@ -28,7 +28,7 @@ const API_KEY = "pk_live_crmsuTIm7NNfb9uEWBCyv88F6kj2YQUR";
  */
 export function createMenuHandler({ clientSlug, apiBase, menuId, revalidate = 86400, }) {
     return async function GET(request) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         const bypass = process.env.CHISEL_CACHE_BYPASS === "true" ||
             new URL(request.url).searchParams.has("bust");
         const cacheTag = menuId ? `chisel-menu-${clientSlug}-${menuId}` : `chisel-menu-${clientSlug}`;
@@ -36,33 +36,27 @@ export function createMenuHandler({ clientSlug, apiBase, menuId, revalidate = 86
             ? { cache: "no-store" }
             : { next: { revalidate, tags: [cacheTag] } };
         try {
-            // Always fetch /projects for schema, and /fields for options
-            // If menuId is provided, also fetch the menu endpoint for curated projects
-            const fetches = [
-                fetch(`${apiBase}/api/v1/clients/${clientSlug}/projects?api_key=${API_KEY}`, fetchOpts),
-                fetch(`${apiBase}/api/v1/clients/${clientSlug}/fields?api_key=${API_KEY}`, fetchOpts),
-            ];
-            if (menuId) {
-                fetches.push(fetch(`${apiBase}/api/v1/clients/${clientSlug}/menus/${menuId}?api_key=${API_KEY}`, fetchOpts));
-            }
-            const responses = await Promise.all(fetches);
-            const [projectsRes, fieldsRes] = responses;
-            const menuRes = menuId ? responses[2] : null;
-            const projectsJson = projectsRes.ok ? await projectsRes.json() : {};
-            const menuJson = menuRes && menuRes.ok ? await menuRes.json() : null;
-            // If menuId provided, use menu projects; otherwise use all projects
-            // Filter out archived (is_published === false) projects in both cases
-            const rawProjects = menuJson
-                ? ((_b = (_a = menuJson.projects) !== null && _a !== void 0 ? _a : menuJson.data) !== null && _b !== void 0 ? _b : [])
-                : ((_c = projectsJson === null || projectsJson === void 0 ? void 0 : projectsJson.data) !== null && _c !== void 0 ? _c : []);
+            // /projects always returns schema + options. Use it in both cases.
+            // When menuId provided: 2 calls — /menus/{slug} for projects, /projects for schema.
+            // Without menuId: 1 call — /projects for everything.
+            const fetches = menuId
+                ? [
+                    fetch(`${apiBase}/api/v1/clients/${clientSlug}/menus/${menuId}?api_key=${API_KEY}`, fetchOpts),
+                    fetch(`${apiBase}/api/v1/clients/${clientSlug}/projects?api_key=${API_KEY}`, fetchOpts),
+                ]
+                : [fetch(`${apiBase}/api/v1/clients/${clientSlug}/projects?api_key=${API_KEY}`, fetchOpts)];
+            const [primaryRes, schemaRes] = await Promise.all(fetches);
+            const primaryJson = primaryRes.ok ? await primaryRes.json() : {};
+            const schemaJson = schemaRes ? (schemaRes.ok ? await schemaRes.json() : {}) : primaryJson;
+            const rawProjects = menuId
+                ? ((_a = primaryJson.projects) !== null && _a !== void 0 ? _a : [])
+                : ((_b = primaryJson.data) !== null && _b !== void 0 ? _b : []);
             const projects = rawProjects.filter((p) => p.is_published !== false);
-            // Always get schema from /projects response
-            const schema = (_e = (_d = projectsJson === null || projectsJson === void 0 ? void 0 : projectsJson.client) === null || _d === void 0 ? void 0 : _d.custom_fields_schema) !== null && _e !== void 0 ? _e : [];
-            const fieldsJson = fieldsRes.ok ? await fieldsRes.json() : { fields: [] };
+            const schema = (_d = (_c = schemaJson === null || schemaJson === void 0 ? void 0 : schemaJson.client) === null || _c === void 0 ? void 0 : _c.custom_fields_schema) !== null && _d !== void 0 ? _d : [];
             const fieldOptionsMap = {};
-            for (const field of ((_f = fieldsJson.fields) !== null && _f !== void 0 ? _f : [])) {
+            for (const field of schema) {
                 const map = {};
-                for (const opt of ((_g = field.options) !== null && _g !== void 0 ? _g : [])) {
+                for (const opt of ((_e = field.options) !== null && _e !== void 0 ? _e : [])) {
                     if (typeof opt === "object" && opt.id && opt.label) {
                         map[opt.id] = opt.label;
                         map[opt.label] = opt.label;
@@ -70,9 +64,9 @@ export function createMenuHandler({ clientSlug, apiBase, menuId, revalidate = 86
                 }
                 fieldOptionsMap[field.key] = map;
             }
-            const filterField = (_h = schema.find((f) => f.is_filterable && (f.type === "select" || f.type === "multi-select"))) !== null && _h !== void 0 ? _h : null;
+            const filterField = (_f = schema.find((f) => f.is_filterable && (f.type === "select" || f.type === "multi-select"))) !== null && _f !== void 0 ? _f : null;
             const filterOptions = filterField
-                ? ((_j = filterField.options) !== null && _j !== void 0 ? _j : []).map((opt) => {
+                ? ((_g = filterField.options) !== null && _g !== void 0 ? _g : []).map((opt) => {
                     var _a, _b;
                     if (typeof opt === "string")
                         return { id: opt.toLowerCase().replace(/\s+/g, "-"), label: opt };
@@ -83,12 +77,12 @@ export function createMenuHandler({ clientSlug, apiBase, menuId, revalidate = 86
                 projects,
                 schema,
                 filterOptions,
-                filterFieldKey: (_k = filterField === null || filterField === void 0 ? void 0 : filterField.key) !== null && _k !== void 0 ? _k : null,
-                filterFieldName: (_l = filterField === null || filterField === void 0 ? void 0 : filterField.name) !== null && _l !== void 0 ? _l : "Project Type",
+                filterFieldKey: (_h = filterField === null || filterField === void 0 ? void 0 : filterField.key) !== null && _h !== void 0 ? _h : null,
+                filterFieldName: (_j = filterField === null || filterField === void 0 ? void 0 : filterField.name) !== null && _j !== void 0 ? _j : "Project Type",
                 fieldOptionsMap,
             });
         }
-        catch (_m) {
+        catch (_k) {
             return Response.json({ projects: [], schema: [], filterOptions: [], filterFieldKey: null, filterFieldName: "Project Type", fieldOptionsMap: {} }, { status: 500 });
         }
     };
@@ -116,41 +110,34 @@ export async function fetchProjectMenuData({ apiBase, clientSlug, menuId, revali
     };
 }
 const _fetchMenuData = cache(async (apiBase, clientSlug, menuId, revalidate, noCache = false) => {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d, _e;
     const fetchOpts = noCache
         ? { cache: "no-store" }
         : { next: { revalidate } };
     try {
-        // Always fetch /projects for schema, and /fields for options
-        // If menuId is provided, also fetch the menu endpoint for curated projects
-        const fetches = [
-            fetch(`${apiBase}/api/v1/clients/${clientSlug}/projects?api_key=${API_KEY}`, fetchOpts),
-            fetch(`${apiBase}/api/v1/clients/${clientSlug}/fields?api_key=${API_KEY}`, fetchOpts),
-        ];
-        if (menuId) {
-            fetches.push(fetch(`${apiBase}/api/v1/clients/${clientSlug}/menus/${menuId}?api_key=${API_KEY}`, fetchOpts));
-        }
-        const responses = await Promise.all(fetches);
-        const [projectsRes, fieldsRes] = responses;
-        const menuRes = menuId ? responses[2] : null;
-        if (!projectsRes.ok)
+        // /projects always returns schema + options. Use it in both cases.
+        // When menuId provided: 2 calls — /menus/{slug} for projects, /projects for schema.
+        // Without menuId: 1 call — /projects for everything.
+        const fetches = menuId
+            ? [
+                fetch(`${apiBase}/api/v1/clients/${clientSlug}/menus/${menuId}?api_key=${API_KEY}`, fetchOpts),
+                fetch(`${apiBase}/api/v1/clients/${clientSlug}/projects?api_key=${API_KEY}`, fetchOpts),
+            ]
+            : [fetch(`${apiBase}/api/v1/clients/${clientSlug}/projects?api_key=${API_KEY}`, fetchOpts)];
+        const [primaryRes, schemaRes] = await Promise.all(fetches);
+        if (!primaryRes.ok)
             return { projects: [], schema: [], fieldOptionsMap: {} };
-        const projectsJson = await projectsRes.json();
-        const menuJson = menuRes && menuRes.ok ? await menuRes.json() : null;
-        // If menuId provided, use menu projects; otherwise use all projects
-        // Filter out archived (is_published === false) projects in both cases
-        const rawProjects = menuJson
-            ? ((_b = (_a = menuJson.projects) !== null && _a !== void 0 ? _a : menuJson.data) !== null && _b !== void 0 ? _b : [])
-            : ((_c = projectsJson === null || projectsJson === void 0 ? void 0 : projectsJson.data) !== null && _c !== void 0 ? _c : []);
+        const primaryJson = await primaryRes.json();
+        const schemaJson = schemaRes ? (schemaRes.ok ? await schemaRes.json() : {}) : primaryJson;
+        const rawProjects = menuId
+            ? ((_a = primaryJson.projects) !== null && _a !== void 0 ? _a : [])
+            : ((_b = primaryJson.data) !== null && _b !== void 0 ? _b : []);
         const projects = rawProjects.filter((p) => p.is_published !== false);
-        // Always get schema from /projects response
-        const schema = (_e = (_d = projectsJson === null || projectsJson === void 0 ? void 0 : projectsJson.client) === null || _d === void 0 ? void 0 : _d.custom_fields_schema) !== null && _e !== void 0 ? _e : [];
-        // Build fieldOptionsMap: { fieldKey: { id: label, label: label } }
-        const fieldsJson = fieldsRes.ok ? await fieldsRes.json() : { fields: [] };
+        const schema = (_d = (_c = schemaJson === null || schemaJson === void 0 ? void 0 : schemaJson.client) === null || _c === void 0 ? void 0 : _c.custom_fields_schema) !== null && _d !== void 0 ? _d : [];
         const fieldOptionsMap = {};
-        for (const field of ((_f = fieldsJson.fields) !== null && _f !== void 0 ? _f : [])) {
+        for (const field of schema) {
             const map = {};
-            for (const opt of ((_g = field.options) !== null && _g !== void 0 ? _g : [])) {
+            for (const opt of ((_e = field.options) !== null && _e !== void 0 ? _e : [])) {
                 if (typeof opt === "object" && opt.id && opt.label) {
                     map[opt.id] = opt.label;
                     map[opt.label] = opt.label;
@@ -160,7 +147,7 @@ const _fetchMenuData = cache(async (apiBase, clientSlug, menuId, revalidate, noC
         }
         return { projects, schema, fieldOptionsMap };
     }
-    catch (_h) {
+    catch (_f) {
         return { projects: [], schema: [], fieldOptionsMap: {} };
     }
 });

package/dist/ProjectPortfolio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectPortfolio.d.ts","sourceRoot":"","sources":["../src/ProjectPortfolio.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,qBAAqB;IACpC,8DAA8D;IAC9D,UAAU,EAAE,MAAM,CAAA;IAClB,mCAAmC;IACnC,OAAO,EAAE,MAAM,CAAA;IACf,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC,CAAA;IAC5D;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AA6ED;;;;;;;;;;;;;;GAcG;AACH,wBAAsB,gBAAgB,CAAC,EACrC,UAAU,EACV,OAAO,EACP,QAAsB,EACtB,YAAiB,EACjB,UAAe,EACf,OAAe,GAChB,EAAE,qBAAqB,oDA+HvB"}
+{"version":3,"file":"ProjectPortfolio.d.ts","sourceRoot":"","sources":["../src/ProjectPortfolio.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,qBAAqB;IACpC,8DAA8D;IAC9D,UAAU,EAAE,MAAM,CAAA;IAClB,mCAAmC;IACnC,OAAO,EAAE,MAAM,CAAA;IACf,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC,CAAA;IAC5D;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAyED;;;;;;;;;;;;;;GAcG;AACH,wBAAsB,gBAAgB,CAAC,EACrC,UAAU,EACV,OAAO,EACP,QAAsB,EACtB,YAAiB,EACjB,UAAe,EACf,OAAe,GAChB,EAAE,qBAAqB,oDA+HvB"}

package/dist/ProjectPortfolio.js

@@ -7,7 +7,7 @@ import { ProjectCard } from "./ProjectCard";
 // 2. next: { revalidate } — Next.js Data Cache, caches across multiple requests
 //    on production deployments. Silently ignored in preview/local.
 const fetchPortfolioData = cache(async (apiBase, clientSlug, revalidate, filtersKey = "{}", noCache = false) => {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d, _e, _f;
     const fetchOpts = noCache
         ? { cache: "no-store" }
         : { next: { revalidate } };
@@ -18,10 +18,8 @@ const fetchPortfolioData = cache(async (apiBase, clientSlug, revalidate, filters
         if (val)
             params.append(`filter[${key}]`, val);
     });
-    const [res, fieldsRes] = await Promise.all([
-        fetch(`${apiBase}/api/v1/clients/${clientSlug}/projects?${params.toString()}`, fetchOpts),
-        fetch(`${apiBase}/api/v1/clients/${clientSlug}/fields?api_key=pk_live_crmsuTIm7NNfb9uEWBCyv88F6kj2YQUR`, fetchOpts),
-    ]);
+    // Single call — /projects returns projects AND client.custom_fields_schema with full options.
+    const res = await fetch(`${apiBase}/api/v1/clients/${clientSlug}/projects?${params.toString()}`, fetchOpts);
     const json = res.ok
         ? await res.json()
         : { client: { name: "Projects", description: null, custom_fields_schema: [] }, data: [] };
@@ -33,13 +31,11 @@ const fetchPortfolioData = cache(async (apiBase, clientSlug, revalidate, filters
         seen.add(f.key);
         return true;
     });
-    // Build fieldOptionsMap: { fieldKey: { id: label, label: label } }
-    // Both id and label key to label so we normalize whichever shape is stored
-    const fieldsJson = fieldsRes.ok ? await fieldsRes.json() : { fields: [] };
+    // Build fieldOptionsMap directly from schema options — no separate /fields call needed
     const fieldOptionsMap = {};
-    for (const field of ((_c = fieldsJson.fields) !== null && _c !== void 0 ? _c : [])) {
+    for (const field of schema) {
         const map = {};
-        for (const opt of ((_d = field.options) !== null && _d !== void 0 ? _d : [])) {
+        for (const opt of ((_c = field.options) !== null && _c !== void 0 ? _c : [])) {
             if (typeof opt === "object" && opt.id && opt.label) {
                 map[opt.id] = opt.label;
                 map[opt.label] = opt.label;
@@ -48,8 +44,8 @@ const fetchPortfolioData = cache(async (apiBase, clientSlug, revalidate, filters
         fieldOptionsMap[field.key] = map;
     }
     return {
-        clientName: (_f = (_e = json.client) === null || _e === void 0 ? void 0 : _e.name) !== null && _f !== void 0 ? _f : "Projects",
-        projects: ((_g = json.data) !== null && _g !== void 0 ? _g : []).filter((p) => p.is_published !== false),
+        clientName: (_e = (_d = json.client) === null || _d === void 0 ? void 0 : _d.name) !== null && _e !== void 0 ? _e : "Projects",
+        projects: ((_f = json.data) !== null && _f !== void 0 ? _f : []).filter((p) => p.is_published !== false),
         schema,
         fieldOptionsMap,
     };

package/dist/SimilarProjects.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SimilarProjects.d.ts","sourceRoot":"","sources":["../src/SimilarProjects.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,oBAAoB;IACnC;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAChC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mEAAmE;IACnE,UAAU,EAAE,MAAM,CAAA;IAClB,mCAAmC;IACnC,OAAO,EAAE,MAAM,CAAA;IACf,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,uCAAuC;IACvC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;CACxB;AA6DD,wBAAsB,eAAe,CAAC,EACpC,OAAY,EACZ,WAAW,EACX,UAAU,EACV,OAAO,EACP,QAAsB,EACtB,QAAY,EACZ,UAAe,EACf,OAAgB,EAChB,YAAY,GACb,EAAE,oBAAoB,2DA8JtB"}
+{"version":3,"file":"SimilarProjects.d.ts","sourceRoot":"","sources":["../src/SimilarProjects.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,oBAAoB;IACnC;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAChC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mEAAmE;IACnE,UAAU,EAAE,MAAM,CAAA;IAClB,mCAAmC;IACnC,OAAO,EAAE,MAAM,CAAA;IACf,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,uCAAuC;IACvC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;CACxB;AA0DD,wBAAsB,eAAe,CAAC,EACpC,OAAY,EACZ,WAAW,EACX,UAAU,EACV,OAAO,EACP,QAAsB,EACtB,QAAY,EACZ,UAAe,EACf,OAAgB,EAChB,YAAY,GACb,EAAE,oBAAoB,2DA+JtB"}

package/dist/SimilarProjects.js

@@ -20,22 +20,19 @@ function dedupeByKey(arr) {
 }
 // ─── Data fetching ────────────────────────────────────────────────────────────
 const fetchSimilarData = cache(async (apiBase, clientSlug, revalidate) => {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d;
     const fetchOpts = revalidate > 0 ? { next: { revalidate } } : {};
     const API_KEY = "pk_live_crmsuTIm7NNfb9uEWBCyv88F6kj2YQUR";
     try {
-        const [res, fieldsRes] = await Promise.all([
-            fetch(`${apiBase}/api/v1/clients/${clientSlug}/projects?api_key=${API_KEY}`, fetchOpts),
-            fetch(`${apiBase}/api/v1/clients/${clientSlug}/fields?api_key=${API_KEY}`, fetchOpts),
-        ]);
+        // Single call — /projects returns projects AND client.custom_fields_schema with full options.
+        const res = await fetch(`${apiBase}/api/v1/clients/${clientSlug}/projects?api_key=${API_KEY}`, fetchOpts);
         const json = res.ok ? await res.json() : null;
         const allProjects = ((_a = json === null || json === void 0 ? void 0 : json.data) !== null && _a !== void 0 ? _a : []).filter((p) => p.is_published !== false);
         const schema = dedupeByKey((_c = (_b = json === null || json === void 0 ? void 0 : json.client) === null || _b === void 0 ? void 0 : _b.custom_fields_schema) !== null && _c !== void 0 ? _c : []);
-        const fieldsJson = fieldsRes.ok ? await fieldsRes.json() : { fields: [] };
         const fieldOptionsMap = {};
-        for (const field of ((_d = fieldsJson.fields) !== null && _d !== void 0 ? _d : [])) {
+        for (const field of schema) {
             const map = {};
-            for (const opt of ((_e = field.options) !== null && _e !== void 0 ? _e : [])) {
+            for (const opt of ((_d = field.options) !== null && _d !== void 0 ? _d : [])) {
                 if (typeof opt === "object" && opt.id && opt.label) {
                     map[opt.id] = opt.label;
                     map[opt.label] = opt.label;
@@ -45,7 +42,7 @@ const fetchSimilarData = cache(async (apiBase, clientSlug, revalidate) => {
         }
         return { allProjects, schema, fieldOptionsMap };
     }
-    catch (_f) {
+    catch (_e) {
         return { allProjects: [], schema: [], fieldOptionsMap: {} };
     }
 });
@@ -82,28 +79,27 @@ export async function SimilarProjects({ filters = {}, excludeSlug, clientSlug, a
     if (similar.length === 0)
         return null;
     const header = (_jsxs("div", { className: "chisel-similar-header", children: [_jsxs("div", { children: [_jsx("p", { style: { fontSize: "11px", fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.12em", color: "oklch(0.78 0.16 85)", margin: "0 0 6px 0" }, children: "More Work" }), _jsx("h2", { style: { color: "#18181b", fontWeight: 700, fontSize: "clamp(20px, 4vw, 28px)", margin: 0, fontFamily: font }, children: "Similar Projects" })] }), _jsxs("a", { href: basePath, style: { color: "#18181b", fontWeight: 600, fontSize: "15px", textDecoration: "none", display: "inline-flex", alignItems: "center", gap: "6px", fontFamily: font, flexShrink: 0 }, children: ["View All", _jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M9 18l6-6-6-6" }) })] })] }));
+    // Shared styles injected regardless of variant so .chisel-project-card-img is always defined
+    const sharedStyles = (_jsx("style", { children: `
+      .chisel-similar-header { display: flex; flex-direction: column; gap: 12px; margin-bottom: 2rem; }
+      @media (min-width: 640px) { .chisel-similar-header { flex-direction: row; align-items: flex-end; justify-content: space-between; } }
+      .chisel-similar-card-grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; }
+      @media (min-width: 640px)  { .chisel-similar-card-grid { grid-template-columns: repeat(2, 1fr); } }
+      @media (min-width: 1024px) { .chisel-similar-card-grid { grid-template-columns: repeat(3, 1fr); } }
+      .chisel-project-card-img { height: 180px; }
+      @media (min-width: 640px) { .chisel-project-card-img { height: 200px; } }
+      @media (min-width: 1024px) { .chisel-project-card-img { height: 220px; } }
+      .chisel-similar-grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; }
+      @media (min-width: 640px)  { .chisel-similar-grid { grid-template-columns: repeat(2, 1fr); } }
+      @media (min-width: 1024px) { .chisel-similar-grid { grid-template-columns: repeat(3, 1fr); } }
+      .chisel-similar-img { height: 56vw; min-height: 160px; max-height: 220px; }
+    ` }));
     // ── Card variant ─────────────────────────────────────────────────────────────
     if (variant === "card") {
-        return (_jsxs("section", { style: { borderTop: "1px solid #e4e4e7", maxWidth: "1280px", margin: "0 auto", padding: "3rem 1rem 2rem", boxSizing: "border-box", fontFamily: font }, children: [_jsx("style", { children: `
-          .chisel-similar-header { display: flex; flex-direction: column; gap: 12px; margin-bottom: 2rem; }
-          @media (min-width: 640px) { .chisel-similar-header { flex-direction: row; align-items: flex-end; justify-content: space-between; } }
-          .chisel-similar-card-grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; }
-          @media (min-width: 640px)  { .chisel-similar-card-grid { grid-template-columns: repeat(2, 1fr); } }
-          @media (min-width: 1024px) { .chisel-similar-card-grid { grid-template-columns: repeat(3, 1fr); } }
-          .chisel-project-card-img { height: 180px; }
-          @media (min-width: 640px) { .chisel-project-card-img { height: 200px; } }
-          @media (min-width: 1024px) { .chisel-project-card-img { height: 220px; } }
-        ` }), header, _jsx("div", { className: "chisel-similar-card-grid", children: similar.map((p, i) => (_jsx(ProjectCard, { project: p, schema: schema, fieldOptionsMap: fieldOptionsMap, basePath: basePath, priority: i === 0, variant: "card" }, p.id))) })] }));
+        return (_jsxs("section", { style: { borderTop: "1px solid #e4e4e7", maxWidth: "1280px", margin: "0 auto", padding: "3rem 1rem 2rem", boxSizing: "border-box", fontFamily: font }, children: [sharedStyles, header, _jsx("div", { className: "chisel-similar-card-grid", children: similar.map((p, i) => (_jsx(ProjectCard, { project: p, schema: schema, fieldOptionsMap: fieldOptionsMap, basePath: basePath, priority: i === 0, variant: "card" }, p.id))) })] }));
     }
     // ── List variant (default) ────────────────────────────────────────────────────
-    return (_jsxs("section", { style: { borderTop: "1px solid #e4e4e7", maxWidth: "1280px", margin: "0 auto", padding: "3rem 1rem 2rem", boxSizing: "border-box", fontFamily: font }, children: [_jsx("style", { children: `
-        .chisel-similar-grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; }
-        @media (min-width: 640px)  { .chisel-similar-grid { grid-template-columns: repeat(2, 1fr); } }
-        @media (min-width: 1024px) { .chisel-similar-grid { grid-template-columns: repeat(3, 1fr); } }
-        .chisel-similar-header { display: flex; flex-direction: column; gap: 12px; margin-bottom: 2rem; }
-        @media (min-width: 640px) { .chisel-similar-header { flex-direction: row; align-items: flex-end; justify-content: space-between; } }
-        .chisel-similar-img { height: 56vw; min-height: 160px; max-height: 220px; }
-      ` }), header, _jsx("div", { className: "chisel-similar-grid", children: similar.map((p) => {
+    return (_jsxs("section", { style: { borderTop: "1px solid #e4e4e7", maxWidth: "1280px", margin: "0 auto", padding: "3rem 1rem 2rem", boxSizing: "border-box", fontFamily: font }, children: [sharedStyles, header, _jsx("div", { className: "chisel-similar-grid", children: similar.map((p) => {
                     var _a, _b, _c, _d, _e;
                     const imgUrl = (_d = (_a = p.image_url) !== null && _a !== void 0 ? _a : (_c = (_b = p.media) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.url) !== null && _d !== void 0 ? _d : null;
                     const badge = badgeField

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "project-portfolio",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "description": "Self-contained project portfolio components for Next.js App Router. Includes ProjectPortfolio, ProjectPortfolioClient (with built-in filtering), ProjectDetail, SimilarProjects, ProjectMenu, ProjectMenuClient, and GalleryCarousel. Pass a clientSlug and apiBase — done.",
   "keywords": ["nextjs", "react", "portfolio", "projects", "megamenu", "gallery", "filtering"],
   "license": "MIT",