@marvalt/shcoder 0.1.5 → 0.1.7

package/dist/index.esm.js

@@ -93,11 +93,11 @@ function useMembers(attrs) {
                         orderby: attrs.orderby || 'date',
                         order: attrs.order || 'desc',
                     });
-                    // Process members to match Member interface
+                    // Process members: preserve all keys (including ACF in member_meta); only normalize featured_image_urls
                     const processedMembers = filtered.map((member) => {
                         const processed = {
                             ...member,
-                            member_meta: member.member_meta || {},
+                            member_meta: member.member_meta ?? {},
                             featured_image_urls: extractFeaturedImage(member),
                         };
                         return processed;
@@ -139,11 +139,11 @@ function useMembers(attrs) {
                     throw new Error(`Failed to fetch members: ${response.statusText}`);
                 }
                 const data = await response.json();
-                // Process members to extract featured images from _embedded
+                // Process members: preserve all keys (including ACF in member_meta); only normalize featured_image_urls
                 const processedMembers = data.map((member) => {
                     const processed = {
                         ...member,
-                        member_meta: member.member_meta || {},
+                        member_meta: member.member_meta ?? {},
                         featured_image_urls: extractFeaturedImage(member),
                     };
                     return processed;
@@ -183,10 +183,10 @@ function useMember(id) {
                     const provider = staticDataProvider();
                     const found = provider.getMemberById(id);
                     if (found) {
-                        // Process member to match Member interface
+                        // Preserve all keys (including ACF in member_meta); only normalize featured_image_urls
                         const processed = {
                             ...found,
-                            member_meta: found.member_meta || {},
+                            member_meta: found.member_meta ?? {},
                             featured_image_urls: extractFeaturedImage(found),
                         };
                         setMember(processed);
@@ -208,10 +208,10 @@ function useMember(id) {
                     throw new Error(`Failed to fetch member: ${response.statusText}`);
                 }
                 const data = await response.json();
-                // Process member to extract featured image from _embedded
+                // Preserve all keys (including ACF in member_meta); only normalize featured_image_urls
                 const processed = {
                     ...data,
-                    member_meta: data.member_meta || {},
+                    member_meta: data.member_meta ?? {},
                     featured_image_urls: extractFeaturedImage(data),
                 };
                 setMember(processed);
@@ -1767,7 +1767,7 @@ function getCloudflareVariantUrl(url, options) {
     }
     const { width, height } = options;
     const base = url.endsWith('/') ? url.slice(0, -1) : url;
-    const variant = `w=${Math.max(1, Math.floor(width))}` + (`,h=${Math.max(1, Math.floor(height))}` );
+    const variant = `w=${Math.max(1, Math.floor(width))}` + (height != null ? `,h=${Math.max(1, Math.floor(height))}` : '');
     return `${base}/${variant}`;
 }
 
@@ -1775,7 +1775,7 @@ function getCloudflareVariantUrl(url, options) {
  * MemberCardsGrid component - displays multiple members in a grid
  * Usage: [member_cards tax="leadership" cols="3" image="true"]
  */
-const MemberCardsGrid = ({ tax, category, role, cols = '3', image = 'true', limit, orderby, order, className = '', }) => {
+const MemberCardsGrid = ({ tax, category, role, cols = '3', image = 'true', limit, orderby, order, className = '', getProfileUrl, profileButtonLabel, renderCardAction, }) => {
     const { members, loading, error } = useMembers({
         tax: tax || category,
         role,
@@ -1803,18 +1803,28 @@ const MemberCardsGrid = ({ tax, category, role, cols = '3', image = 'true', limi
     }[colsNum] || 'grid-cols-1 md:grid-cols-2 lg:grid-cols-3';
     return (jsxRuntimeExports.jsx("div", { className: `member-cards-grid grid ${gridCols} gap-6 ${className}`, children: members.map((member) => {
             const meta = member.member_meta || {};
-            const rawImageUrl = showImage
-                ? (member.featured_image_urls?.medium?.url || member.featured_image_urls?.full?.url)
+            // Prefer Cloudflare URL from static generator enrichment (featured_media_cloudflare_url), then featured_image_urls
+            const cfFromEnrichment = showImage && typeof member.featured_media_cloudflare_url === 'string'
+                ? member.featured_media_cloudflare_url
                 : null;
-            // Prefer Cloudflare URLs with 9:16 @ 720x1280, but fall back to any URL so images still render
-            const imageUrl = rawImageUrl
-                ? (isCloudflareImageUrl(rawImageUrl)
-                    ? getCloudflareVariantUrl(rawImageUrl, { width: 720, height: 1280 })
-                    : rawImageUrl)
+            const rawImageUrl = showImage && !cfFromEnrichment
+                ? (member.featured_image_urls?.medium?.url || member.featured_image_urls?.full?.url)
                 : null;
+            const imageUrl = cfFromEnrichment
+                ? getCloudflareVariantUrl(cfFromEnrichment, { width: 720, height: 1280 })
+                : rawImageUrl
+                    ? (isCloudflareImageUrl(rawImageUrl)
+                        ? getCloudflareVariantUrl(rawImageUrl, { width: 720, height: 1280 })
+                        : rawImageUrl)
+                    : null;
             const fullName = [meta.members_firstname, meta.members_last_name].filter(Boolean).join(' ')
                 || member.title.rendered;
-            return (jsxRuntimeExports.jsxs("div", { className: "member-card bg-white rounded-lg shadow-md overflow-hidden", children: [imageUrl && (jsxRuntimeExports.jsx("div", { className: "member-card-image aspect-[9/16] w-full overflow-hidden bg-slate-100", children: jsxRuntimeExports.jsx("img", { src: imageUrl, alt: fullName, className: "h-full w-full object-cover" }) })), jsxRuntimeExports.jsxs("div", { className: "member-card-content p-6", children: [jsxRuntimeExports.jsx("h3", { className: "member-card-name text-xl font-bold mb-2", children: fullName }), meta.member_role && (jsxRuntimeExports.jsx("p", { className: "member-card-role text-gray-600 mb-2", children: meta.member_role })), meta.business_name && (jsxRuntimeExports.jsx("p", { className: "member-card-company text-sm text-gray-500 mb-2", children: meta.business_name })), meta.tagline && (jsxRuntimeExports.jsx("p", { className: "member-card-tagline text-sm italic mb-3", children: meta.tagline })), meta.member_pitch && (jsxRuntimeExports.jsx("p", { className: "member-card-pitch text-sm mb-3 line-clamp-3", children: meta.member_pitch })), meta.website && (jsxRuntimeExports.jsx("a", { href: meta.website, target: "_blank", rel: "noopener noreferrer", className: "member-card-website text-blue-600 hover:underline text-sm", children: "Visit Website \u2192" }))] })] }, member.id));
+            const profileUrl = getProfileUrl?.(member);
+            const hasExplicitAction = !!(profileButtonLabel || renderCardAction);
+            const wrapCardInLink = profileUrl && !hasExplicitAction;
+            const cardContent = (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [imageUrl && (jsxRuntimeExports.jsx("div", { className: "member-card-image aspect-[9/16] w-full overflow-hidden bg-slate-100", children: jsxRuntimeExports.jsx("img", { src: imageUrl, alt: fullName, className: "h-full w-full object-cover" }) })), jsxRuntimeExports.jsxs("div", { className: "member-card-content p-6", children: [jsxRuntimeExports.jsx("h3", { className: "member-card-name text-xl font-bold mb-2", children: fullName }), meta.member_role && (jsxRuntimeExports.jsx("p", { className: "member-card-role text-gray-600 mb-2", children: meta.member_role })), meta.business_name && (jsxRuntimeExports.jsx("p", { className: "member-card-company text-sm text-gray-500 mb-2", children: meta.business_name })), meta.tagline && (jsxRuntimeExports.jsx("p", { className: "member-card-tagline text-sm italic mb-3", children: meta.tagline })), meta.member_pitch && (jsxRuntimeExports.jsx("p", { className: "member-card-pitch text-sm mb-3 line-clamp-3", children: meta.member_pitch })), meta.website && (jsxRuntimeExports.jsx("a", { href: meta.website, target: "_blank", rel: "noopener noreferrer", className: "member-card-website text-blue-600 hover:underline text-sm", children: "Visit Website \u2192" })), hasExplicitAction && (jsxRuntimeExports.jsx("div", { className: "member-card-actions mt-4", children: renderCardAction ? (renderCardAction(member)) : profileUrl && profileButtonLabel ? (jsxRuntimeExports.jsx("a", { href: profileUrl, className: "member-card-profile-button inline-block px-4 py-2 text-sm font-medium text-white bg-blue-600 rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500", children: profileButtonLabel })) : null }))] })] }));
+            const cardInner = wrapCardInLink ? (jsxRuntimeExports.jsx("a", { href: profileUrl, className: "member-card-link block h-full text-inherit no-underline hover:opacity-95 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500 rounded-lg", children: cardContent })) : (cardContent);
+            return (jsxRuntimeExports.jsx("div", { className: "member-card bg-white rounded-lg shadow-md overflow-hidden", children: cardInner }, member.id));
         }) }));
 };