@deneb-ui/ui 2.0.33 → 2.0.34

package/dist/SiteDataProvider.js

@@ -271,12 +271,8 @@ function SiteDataProvider({ children, initialSiteData, fallbackSiteData, }) {
         window.parent.postMessage({ type: exports.LEGACY_PREVIEW_READY_MESSAGE, pathname: window.location.pathname }, parentOrigin ?? '*');
         return () => window.removeEventListener('message', onMessage);
     }, []);
-    const [hydrated, setHydrated] = (0, react_1.useState)(false);
-    (0, react_1.useEffect)(() => {
-        setHydrated(true);
-    }, []);
     const value = (0, react_1.useMemo)(() => siteData, [siteData]);
-    return ((0, jsx_runtime_1.jsxs)(exports.SiteDataContext.Provider, { value: value, children: [(0, jsx_runtime_1.jsx)(FontLoader_1.FontLoader, {}), (0, jsx_runtime_1.jsx)(ResponsiveBaseStyles_1.ResponsiveBaseStyles, {}), (0, jsx_runtime_1.jsx)(DenebComponentStyles_1.DenebComponentStyles, {}), hydrated ? (children) : ((0, jsx_runtime_1.jsx)("div", { className: "min-h-screen", style: { background: 'var(--page-bg, #f9f5ef)' }, suppressHydrationWarning: true, "aria-hidden": true }))] }));
+    return ((0, jsx_runtime_1.jsxs)(exports.SiteDataContext.Provider, { value: value, children: [(0, jsx_runtime_1.jsx)(FontLoader_1.FontLoader, {}), (0, jsx_runtime_1.jsx)(ResponsiveBaseStyles_1.ResponsiveBaseStyles, {}), (0, jsx_runtime_1.jsx)(DenebComponentStyles_1.DenebComponentStyles, {}), children] }));
 }
 function useSiteData() {
     return (0, react_1.useContext)(exports.SiteDataContext);

package/dist/location/LocationCard.d.ts

@@ -1,13 +1,18 @@
 import React from 'react';
 export interface LocationCardProps {
+    name?: string | null;
     title?: string;
     titleFieldPath?: string;
     address?: string | null;
     city?: string | null;
+    state?: string | null;
     country?: string | null;
     postalCode?: string | null;
     mapUrl?: string | null;
+    addressUrl?: string | null;
+    url?: string | null;
     fieldPath?: string;
+    nameFieldPath?: string;
     addressFieldPath?: string;
     mapUrlFieldPath?: string;
     directionsLabel?: string;
@@ -17,4 +22,4 @@ export interface LocationCardProps {
 /**
  * Premium storefront LocationCard displaying address, pin icon, and Google Maps directions button.
  */
-export declare function LocationCard({ title, titleFieldPath, address, city, country, postalCode, mapUrl, fieldPath, addressFieldPath, mapUrlFieldPath, directionsLabel, className, style, }: LocationCardProps): React.JSX.Element | null;
+export declare function LocationCard({ name, title, titleFieldPath, address, city, state, country, postalCode, mapUrl, addressUrl, url, fieldPath, nameFieldPath, addressFieldPath, mapUrlFieldPath, directionsLabel, className, style, }: LocationCardProps): React.JSX.Element | null;

package/dist/location/LocationCard.js

@@ -9,8 +9,11 @@ const EditableText_1 = require("../EditableText");
 /**
  * Premium storefront LocationCard displaying address, pin icon, and Google Maps directions button.
  */
-function LocationCard({ title = 'Our Location', titleFieldPath, address, city, country, postalCode, mapUrl, fieldPath, addressFieldPath = 'common.business.location.address', mapUrlFieldPath = 'common.business.location.addressUrl', directionsLabel = 'Get Directions →', className = '', style, }) {
-    if (!address && !city && !country && !mapUrl) {
+function LocationCard({ name, title = 'Our Location', titleFieldPath, address, city, state, country, postalCode, mapUrl, addressUrl, url, fieldPath, nameFieldPath, addressFieldPath = 'common.business.location.address', mapUrlFieldPath = 'common.business.location.addressUrl', directionsLabel = 'Get Directions →', className = '', style, }) {
+    const explicitUrl = (addressUrl || mapUrl || url || '').trim();
+    const cardTitle = name || title || 'Our Location';
+    const resolvedTitleFieldPath = nameFieldPath || titleFieldPath || (fieldPath ? `${fieldPath}.name` : 'contact.locationTitle');
+    if (!address && !city && !country && !explicitUrl && !name) {
         return null;
     }
     const cardStyles = {
@@ -37,5 +40,5 @@ function LocationCard({ title = 'Our Location', titleFieldPath, address, city, c
         alignItems: 'center',
         justifyContent: 'center',
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { className: `deneb-location-card ${className}`.trim(), style: cardStyles, children: [(0, jsx_runtime_1.jsx)("div", { style: iconCircleStyles, children: (0, jsx_runtime_1.jsxs)("svg", { "data-preview-static": "location-card-icon", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [(0, jsx_runtime_1.jsx)("path", { d: "M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z" }), (0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "10", r: "3" })] }) }), (0, jsx_runtime_1.jsx)(EditableText_1.EditableText, { as: "h3", id: titleFieldPath || (fieldPath ? `${fieldPath}.title` : 'contact.locationTitle'), defaultValue: title, style: { margin: 0, fontSize: '1.25rem', fontWeight: 600, color: 'var(--color-text, #0f172a)' } }), (0, jsx_runtime_1.jsx)(Address_1.Address, { address: address, city: city, country: country, postalCode: postalCode, fieldPath: fieldPath, addressFieldPath: addressFieldPath }), (0, jsx_runtime_1.jsx)("div", { style: { marginTop: '0.5rem', width: '100%' }, children: (0, jsx_runtime_1.jsx)(MapLink_1.MapLink, { mapUrl: mapUrl, address: address, city: city, country: country, label: directionsLabel, fieldPath: mapUrlFieldPath, variant: "primary", size: "md", style: { width: '100%' } }) })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: `deneb-location-card ${className}`.trim(), style: cardStyles, children: [(0, jsx_runtime_1.jsx)("div", { style: iconCircleStyles, children: (0, jsx_runtime_1.jsxs)("svg", { "data-preview-static": "location-card-icon", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [(0, jsx_runtime_1.jsx)("path", { d: "M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z" }), (0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "10", r: "3" })] }) }), (0, jsx_runtime_1.jsx)(EditableText_1.EditableText, { as: "h3", id: titleFieldPath || (fieldPath ? `${fieldPath}.title` : 'contact.locationTitle'), defaultValue: cardTitle, style: { margin: 0, fontSize: '1.25rem', fontWeight: 600, color: 'var(--color-text, #0f172a)' } }), (0, jsx_runtime_1.jsx)(Address_1.Address, { address: address, city: city, country: country, postalCode: postalCode, fieldPath: fieldPath, addressFieldPath: addressFieldPath }), (0, jsx_runtime_1.jsx)("div", { style: { marginTop: '0.5rem', width: '100%' }, children: (0, jsx_runtime_1.jsx)(MapLink_1.MapLink, { name: name, mapUrl: explicitUrl, addressUrl: explicitUrl, url: explicitUrl, address: address, city: city, state: state, country: country, postalCode: postalCode, label: directionsLabel, urlFieldPath: mapUrlFieldPath, variant: "primary", size: "md", style: { width: '100%' } }) })] }));
 }

package/dist/location/MapLink.d.ts

@@ -1,9 +1,14 @@
 import React from 'react';
 export interface MapLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    name?: string | null;
     mapUrl?: string | null;
+    addressUrl?: string | null;
+    url?: string | null;
     address?: string | null;
     city?: string | null;
+    state?: string | null;
     country?: string | null;
+    postalCode?: string | null;
     label?: React.ReactNode;
     /** Visible label field path, e.g. `contact.directionsLabel`. */
     labelFieldPath?: string;
@@ -18,4 +23,4 @@ export interface MapLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorEleme
 /**
  * Directions CTA with Fivora-safe split fields: label on the button, URL on a hidden sibling.
  */
-export declare function MapLink({ mapUrl, address, city, country, label, labelFieldPath, urlFieldPath, fieldPath, variant, size, icon, className, style, ...rest }: MapLinkProps): React.JSX.Element | null;
+export declare function MapLink({ name, mapUrl, addressUrl, url, address, city, state, country, postalCode, label, labelFieldPath, urlFieldPath, fieldPath, variant, size, icon, className, style, ...rest }: MapLinkProps): React.JSX.Element | null;

package/dist/location/MapLink.js

@@ -7,11 +7,12 @@ const urls_1 = require("../utils/urls");
 /**
  * Directions CTA with Fivora-safe split fields: label on the button, URL on a hidden sibling.
  */
-function MapLink({ mapUrl, address, city, country, label = 'Get Directions', labelFieldPath, urlFieldPath, fieldPath, variant = 'outline', size = 'md', icon, className = '', style, ...rest }) {
+function MapLink({ name, mapUrl, addressUrl, url, address, city, state, country, postalCode, label = 'Get Directions', labelFieldPath, urlFieldPath, fieldPath, variant = 'outline', size = 'md', icon, className = '', style, ...rest }) {
     const resolvedUrlFieldPath = urlFieldPath || fieldPath || 'contact.directionsUrl';
     const resolvedLabelFieldPath = labelFieldPath || resolvedUrlFieldPath.replace(/Url$/, 'Label');
-    const resolvedHref = (0, urls_1.createMapUrl)({ mapUrl, addressUrl: mapUrl, address, city, country });
-    const urlText = (mapUrl && mapUrl.trim()) || resolvedHref;
+    const explicitUrl = (addressUrl || mapUrl || url || '').trim();
+    const resolvedHref = (0, urls_1.createMapUrl)({ name, mapUrl: explicitUrl, addressUrl: explicitUrl, url: explicitUrl, address, city, state, country, postalCode });
+    const urlText = explicitUrl || resolvedHref;
     const finalHref = resolvedHref || '#';
     if (!finalHref && !label)
         return null;

package/dist/utils/urls.d.ts

@@ -3,12 +3,27 @@
  * Created by Chamika Gayashan & Induranga Kawishwara
  */
 export interface MapLocationInput {
+    /** Location or branch name, e.g. "Main Roastery", "Downtown Cafe". */
+    name?: string | null;
+    /** Alternative title property. */
+    title?: string | null;
+    /** Explicit Google Maps or destination URL. */
     mapUrl?: string | null;
     /** Fivora-paired sibling of `address` (`addressUrl` shares the `address` inspector stem). */
     addressUrl?: string | null;
+    /** Generic external or map URL. */
+    url?: string | null;
+    /** Link URL alias. */
+    linkUrl?: string | null;
+    /** Street address. */
     address?: string | null;
     city?: string | null;
+    state?: string | null;
     country?: string | null;
+    postalCode?: string | null;
+    zipCode?: string | null;
+    /** Permissive index signature so custom or template-specific keys never trigger TS2561. */
+    [key: string]: any;
 }
 /**
  * Creates a valid WhatsApp click-to-chat URL.

package/dist/utils/urls.js

@@ -66,13 +66,24 @@ function createMapUrl(location) {
         }
         return `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(location)}`;
     }
-    const explicitUrl = (location.addressUrl || location.mapUrl || '').trim();
+    const explicitUrl = (location.addressUrl ||
+        location.mapUrl ||
+        location.url ||
+        location.linkUrl ||
+        '').trim();
     if (explicitUrl) {
         return explicitUrl;
     }
-    const queryParts = [location.address, location.city, location.country]
-        .filter((part) => Boolean(part && part.trim()))
-        .map((part) => part.trim());
+    const queryParts = [
+        location.name || location.title,
+        location.address,
+        location.city,
+        location.state,
+        location.country,
+        location.postalCode || location.zipCode,
+    ]
+        .filter((part) => Boolean(part && String(part).trim()))
+        .map((part) => String(part).trim());
     if (queryParts.length > 0) {
         return `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(queryParts.join(', '))}`;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deneb-ui/ui",
-  "version": "2.0.33",
+  "version": "2.0.34",
   "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.33"
+    "@deneb-ui/core": "^2.0.34"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",