@deneb-ui/ui 2.0.51 → 2.0.52

package/dist/contact/ContactActions.d.ts

@@ -17,8 +17,7 @@ export interface ContactActionsProps {
     style?: React.CSSProperties;
 }
 /**
- * Smart container that automatically renders available contact channels.
- * When a merchant adds phone, WhatsApp, or email in site-data.json,
- * the corresponding action button appears automatically with zero template code changes.
+ * Always-mounted contact channels so Fivora empty-state validation keeps
+ * the field markers clickable when values are blank.
  */
-export declare function ContactActions({ phone, whatsapp, email, phoneFieldPath, whatsappFieldPath, emailFieldPath, labels, size, layout, className, style, }: ContactActionsProps): React.JSX.Element | null;
+export declare function ContactActions({ phone, whatsapp, email, phoneFieldPath, whatsappFieldPath, emailFieldPath, labels, size, layout, className, style, }: ContactActionsProps): React.JSX.Element;

package/dist/contact/ContactActions.js

@@ -7,17 +7,10 @@ const WhatsAppButton_1 = require("./WhatsAppButton");
 const PhoneButton_1 = require("./PhoneButton");
 const EmailButton_1 = require("./EmailButton");
 /**
- * Smart container that automatically renders available contact channels.
- * When a merchant adds phone, WhatsApp, or email in site-data.json,
- * the corresponding action button appears automatically with zero template code changes.
+ * Always-mounted contact channels so Fivora empty-state validation keeps
+ * the field markers clickable when values are blank.
  */
 function ContactActions({ phone, whatsapp, email, phoneFieldPath = 'common.business.phone', whatsappFieldPath = 'common.business.whatsapp', emailFieldPath = 'common.business.email', labels = {}, size = 'md', layout = 'row', className = '', style, }) {
-    const hasPhone = Boolean(phone && phone.trim());
-    const hasWhatsApp = Boolean(whatsapp && whatsapp.trim());
-    const hasEmail = Boolean(email && email.trim());
-    if (!hasPhone && !hasWhatsApp && !hasEmail) {
-        return null;
-    }
     const layoutStyles = {
         display: 'flex',
         flexDirection: layout === 'column' ? 'column' : 'row',
@@ -26,5 +19,5 @@ function ContactActions({ phone, whatsapp, email, phoneFieldPath = 'common.busin
         gap: '0.75rem',
         ...style,
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { className: `deneb-contact-actions deneb-layout-${layout} ${className}`.trim(), style: layoutStyles, children: [hasPhone && ((0, jsx_runtime_1.jsx)(PhoneButton_1.PhoneButton, { value: phone, fieldPath: phoneFieldPath, label: labels.phone || 'Call Us', size: size })), hasWhatsApp && ((0, jsx_runtime_1.jsx)(WhatsAppButton_1.WhatsAppButton, { value: whatsapp, fieldPath: whatsappFieldPath, label: labels.whatsapp || 'Chat on WhatsApp', size: size })), hasEmail && ((0, jsx_runtime_1.jsx)(EmailButton_1.EmailButton, { value: email, fieldPath: emailFieldPath, label: labels.email || 'Email Us', size: size }))] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: `deneb-contact-actions deneb-layout-${layout} ${className}`.trim(), style: layoutStyles, children: [(0, jsx_runtime_1.jsx)(PhoneButton_1.PhoneButton, { value: phone ?? '', fieldPath: phoneFieldPath, label: labels.phone || 'Call Us', size: size }), (0, jsx_runtime_1.jsx)(WhatsAppButton_1.WhatsAppButton, { value: whatsapp ?? '', fieldPath: whatsappFieldPath, label: labels.whatsapp || 'Chat on WhatsApp', size: size }), (0, jsx_runtime_1.jsx)(EmailButton_1.EmailButton, { value: email ?? '', fieldPath: emailFieldPath, label: labels.email || 'Email Us', size: size })] }));
 }

package/dist/contact/PhoneButton.js

@@ -5,7 +5,7 @@ exports.PhoneButton = PhoneButton;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const ContactButton_1 = require("./ContactButton");
 function PhoneButton({ phoneNumber, value, label = 'Call Us', fieldPath = 'common.business.phone', variant = 'primary', ...rest }) {
-    const number = phoneNumber || value;
+    const number = phoneNumber ?? value;
     if (!number && !fieldPath)
         return null;
     return ((0, jsx_runtime_1.jsx)(ContactButton_1.ContactButton, { type: "phone", value: number, label: label, fieldPath: fieldPath, variant: variant, ...rest }));

package/dist/social/SocialButton.d.ts

@@ -8,4 +8,4 @@ export interface SocialButtonProps extends React.AnchorHTMLAttributes<HTMLAnchor
     variant?: 'icon' | 'pill' | 'button';
     size?: 'sm' | 'md' | 'lg';
 }
-export declare function SocialButton({ platform, url, href, label, fieldPath, variant, size, className, style, ...rest }: SocialButtonProps): React.JSX.Element | null;
+export declare function SocialButton({ platform, url, href, label, fieldPath, variant, size, className, style, ...rest }: SocialButtonProps): React.JSX.Element;

package/dist/social/SocialButton.js

@@ -61,11 +61,7 @@ const PLATFORM_CONFIG = {
 };
 function SocialButton({ platform, url, href, label, fieldPath, variant = 'icon', size = 'md', className = '', style, ...rest }) {
     const derivedFieldPath = fieldPath || `common.business.social.${platform}`;
-    const hasFieldPath = Boolean(fieldPath);
-    const targetUrl = url || href || (hasFieldPath ? '#' : '');
-    // Don't render broken button if no valid URL and no fieldPath
-    if (!targetUrl)
-        return null;
+    const targetUrl = url ?? href ?? '#';
     const config = PLATFORM_CONFIG[platform] || PLATFORM_CONFIG.x;
     const iconSize = size === 'sm' ? 16 : size === 'lg' ? 22 : 18;
     const baseStyles = {

package/dist/social/SocialLinks.d.ts

@@ -8,7 +8,6 @@ export interface SocialLinksProps {
     style?: React.CSSProperties;
 }
 /**
- * Smart container rendering active social buttons.
- * Automatically filters out any unconfigured or empty platforms.
+ * Always-mounted social buttons so empty-state preview keeps field markers.
  */
-export declare function SocialLinks({ social, fieldPathPrefix, variant, size, className, style, }: SocialLinksProps): React.JSX.Element | null;
+export declare function SocialLinks({ social, fieldPathPrefix, variant, size, className, style, }: SocialLinksProps): React.JSX.Element;

package/dist/social/SocialLinks.js

@@ -16,17 +16,11 @@ const SUPPORTED_PLATFORMS = [
     'github',
 ];
 /**
- * Smart container rendering active social buttons.
- * Automatically filters out any unconfigured or empty platforms.
+ * Always-mounted social buttons so empty-state preview keeps field markers.
  */
 function SocialLinks({ social = {}, fieldPathPrefix = 'common.business.social', variant = 'icon', size = 'md', className = '', style, }) {
-    // Find platforms with valid URLs
-    const activePlatforms = Object.entries(social).filter(([platform, url]) => {
-        return Boolean(url && typeof url === 'string' && url.trim().length > 0);
-    });
-    if (activePlatforms.length === 0) {
-        return null;
-    }
+    const platforms = SUPPORTED_PLATFORMS.filter((platform) => Object.prototype.hasOwnProperty.call(social, platform) || Object.keys(social).length === 0);
+    const rendered = platforms.length ? platforms : SUPPORTED_PLATFORMS;
     const containerStyles = {
         display: 'inline-flex',
         alignItems: 'center',
@@ -34,9 +28,5 @@ function SocialLinks({ social = {}, fieldPathPrefix = 'common.business.social',
         gap: '0.625rem',
         ...style,
     };
-    return ((0, jsx_runtime_1.jsx)("div", { className: `deneb-social-links ${className}`.trim(), style: containerStyles, children: activePlatforms.map(([key, url]) => {
-            const lowerKey = key.toLowerCase();
-            const platform = SUPPORTED_PLATFORMS.includes(lowerKey) ? lowerKey : 'x';
-            return ((0, jsx_runtime_1.jsx)(SocialButton_1.SocialButton, { platform: platform, url: url, fieldPath: `${fieldPathPrefix}.${key}`, variant: variant, size: size }, key));
-        }) }));
+    return ((0, jsx_runtime_1.jsx)("div", { className: `deneb-social-links ${className}`.trim(), style: containerStyles, children: rendered.map((platform) => ((0, jsx_runtime_1.jsx)(SocialButton_1.SocialButton, { platform: platform, url: social[platform] ?? '', fieldPath: `${fieldPathPrefix}.${platform}`, variant: variant, size: size }, platform))) }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deneb-ui/ui",
-  "version": "2.0.51",
+  "version": "2.0.52",
   "description": "Visual-first React component library for editable commerce storefronts. Built for Next.js and Fivora.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -49,7 +49,7 @@
   ],
   "license": "MIT",
   "dependencies": {
-    "@deneb-ui/core": "^2.0.51"
+    "@deneb-ui/core": "^2.0.52"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",