@pixelated-tech/components 3.13.16 → 3.14.1

package/dist/components/admin/site-health/google.api.integration.js

@@ -6,6 +6,7 @@
 "use server";
 import { google } from 'googleapis';
 import { CacheManager } from '../../general/cache-manager';
+import { getDomain } from '../../general/utilities';
 import { calculateDateRanges, formatChartDate, getCachedData, setCachedData } from './google.api.utils';
 // Migration-time debug flag (owner requested): verbose cache traces during migration
 const debug = false; // keep as literal during migration for traceability
@@ -72,8 +73,8 @@ export async function createSearchConsoleClient(config) {
         auth: result.auth
     };
 }
-// Cache for analytics data (1 hour)
-const analyticsCache = new CacheManager({ prefix: 'sitehealth-analytics-', ttl: 60 * 60 * 1000 });
+// Cache for analytics data (1 hour) — isolated per domain
+const analyticsCache = new CacheManager({ domain: getDomain(), namespace: 'analytics', ttl: 60 * 60 * 1000 });
 /**
  * Get Google Analytics data for a site with current/previous period comparison
  */
@@ -168,8 +169,8 @@ export async function getGoogleAnalyticsData(config, siteName, startDate, endDat
         };
     }
 }
-// Cache for search console data (1 hour)
-const searchConsoleCache = new CacheManager({ prefix: 'sitehealth-searchconsole-', ttl: 60 * 60 * 1000 });
+// Cache for search console data (1 hour) — isolated per domain
+const searchConsoleCache = new CacheManager({ domain: getDomain(), namespace: 'searchconsole', ttl: 60 * 60 * 1000 });
 /**
  * Get Google Search Console data for a site with current/previous period comparison
  */

package/dist/components/admin/site-health/site-health-cloudwatch.integration.js

@@ -5,10 +5,11 @@
 "use server";
 import { CloudWatchClient, GetMetricDataCommand } from '@aws-sdk/client-cloudwatch';
 import { CacheManager } from '../../general/cache-manager';
+import { getDomain } from '../../general/utilities';
 import { getFullPixelatedConfig } from '../../config/config';
 const debug = false; // migration-time verbose logging
-// Cache for health check data (15 minutes)
-const healthCheckCache = new CacheManager({ prefix: 'sitehealth-cloudwatch-', ttl: 15 * 60 * 1000 });
+// Cache for health check data (15 minutes) — isolated per domain
+const healthCheckCache = new CacheManager({ domain: getDomain(), namespace: 'cloudwatch', ttl: 15 * 60 * 1000 });
 /**
  * Get health check data for a site using CloudWatch metrics
  */

package/dist/components/admin/site-health/site-health-dependency-vulnerabilities.js

@@ -37,8 +37,6 @@ export function SiteHealthDependencyVulnerabilities({ siteName }) {
                                                     data.status === 'Moderate Risk' ? '#f59e0b' :
                                                         data.status === 'High Risk' ? '#ef4444' :
                                                             data.status === 'Critical' ? '#ef4444' : '#6b7280'
-                                        } }) })] }) }), _jsxs("div", { className: "health-audit-item", children: [_jsx("span", { className: "health-audit-icon", style: { color: '#10b981' }, children: "\u2713" }), _jsx("div", { className: "health-audit-content", children: _jsxs("span", { className: "health-audit-title", children: ["Dependencies: ", data.totalDependencies || data.dependencies || 0] }) })] }), data.vulnerabilities && data.vulnerabilities.length > 0 && (_jsxs("div", { children: [_jsxs("h5", { style: { fontSize: '1rem', fontWeight: '600', marginBottom: '1rem' }, children: ["Vulnerabilities (", data.summary.total, ")"] }), _jsx("div", { className: "health-audit-list", children: data.vulnerabilities.map((vuln, index) => (
-                                // eslint-disable-next-line pixelated/class-name-kebab-case
-                                _jsx("div", { className: `health-vulnerability-item health-vulnerability-${vuln.severity}`, children: _jsxs("div", { className: "health-vulnerability-header", children: [_jsx("span", { className: "health-vulnerability-severity", children: vuln.severity }), _jsxs("div", { children: [_jsx("span", { className: "health-vulnerability-name", children: vuln.name }), vuln.title && (_jsx("p", { className: "health-vulnerability-details", children: vuln.title })), _jsxs("div", { className: "health-vulnerability-meta", children: [_jsxs("span", { className: "health-vulnerability-range", children: ["Range: ", vuln.range] }), vuln.fixAvailable && (_jsx("span", { className: "health-vulnerability-fix", children: "\u2713 Fix available" }))] }), vuln.url && (_jsx("a", { href: vuln.url, target: "_blank", rel: "noopener noreferrer", className: "health-vulnerability-link", children: "View details \u2192" }))] })] }) }, index))) })] })), (!data.vulnerabilities || data.vulnerabilities.length === 0) && data.status === 'Secure' && (_jsxs("div", { className: "health-audit-item", children: [_jsx("span", { className: "health-audit-icon", style: { color: '#10b981' }, children: "\u2713" }), _jsx("div", { className: "health-audit-content", children: _jsx("span", { className: "health-audit-title", children: "No vulnerabilities found" }) })] })), _jsxs("p", { className: "health-timestamp", children: ["Last checked: ", new Date(data.timestamp).toLocaleString()] })] }));
+                                        } }) })] }) }), _jsxs("div", { className: "health-audit-item", children: [_jsx("span", { className: "health-audit-icon", style: { color: '#10b981' }, children: "\u2713" }), _jsx("div", { className: "health-audit-content", children: _jsxs("span", { className: "health-audit-title", children: ["Dependencies: ", data.totalDependencies || data.dependencies || 0] }) })] }), data.vulnerabilities && data.vulnerabilities.length > 0 && (_jsxs("div", { children: [_jsxs("h5", { style: { fontSize: '1rem', fontWeight: '600', marginBottom: '1rem' }, children: ["Vulnerabilities (", data.summary.total, ")"] }), _jsx("div", { className: "health-audit-list", children: data.vulnerabilities.map((vuln, index) => (_jsx("div", { className: `health-vulnerability-item health-vulnerability-${vuln.severity}`, children: _jsxs("div", { className: "health-vulnerability-header", children: [_jsx("span", { className: "health-vulnerability-severity", children: vuln.severity }), _jsxs("div", { children: [_jsx("span", { className: "health-vulnerability-name", children: vuln.name }), vuln.title && (_jsx("p", { className: "health-vulnerability-details", children: vuln.title })), _jsxs("div", { className: "health-vulnerability-meta", children: [_jsxs("span", { className: "health-vulnerability-range", children: ["Range: ", vuln.range] }), vuln.fixAvailable && (_jsx("span", { className: "health-vulnerability-fix", children: "\u2713 Fix available" }))] }), vuln.url && (_jsx("a", { href: vuln.url, target: "_blank", rel: "noopener noreferrer", className: "health-vulnerability-link", children: "View details \u2192" }))] })] }) }, index))) })] })), (!data.vulnerabilities || data.vulnerabilities.length === 0) && data.status === 'Secure' && (_jsxs("div", { className: "health-audit-item", children: [_jsx("span", { className: "health-audit-icon", style: { color: '#10b981' }, children: "\u2713" }), _jsx("div", { className: "health-audit-content", children: _jsx("span", { className: "health-audit-title", children: "No vulnerabilities found" }) })] })), _jsxs("p", { className: "health-timestamp", children: ["Last checked: ", new Date(data.timestamp).toLocaleString()] })] }));
         } }));
 }

package/dist/components/config/crypto.js

@@ -56,7 +56,23 @@ export function decrypt(payload, keyHex) {
 }
 /**
  * Checks if a string is encrypted using our format.
+ * Validates that the string has the proper structure: pxl:v1:iv:authTag:encryptedContent
  */
 export function isEncrypted(text) {
-    return typeof text === 'string' && text.startsWith(ENCRYPTED_PREFIX);
+    if (typeof text !== 'string' || !text.startsWith(ENCRYPTED_PREFIX)) {
+        return false;
+    }
+    // Remove prefix and check that we have the expected structure (3 colon-separated parts)
+    const data = text.slice(ENCRYPTED_PREFIX.length);
+    const parts = data.split(':');
+    // Must have exactly 3 parts: iv, authTag, encryptedContent
+    if (parts.length !== 3) {
+        return false;
+    }
+    // Each part should be valid hex and have minimum length
+    // IV: 12 bytes = 24 hex chars, AuthTag: 16 bytes = 32 hex chars, Content: at least 1 byte = 2 hex chars
+    const [ivHex, authTagHex, encryptedHex] = parts;
+    return (ivHex.length === 24 && /^[0-9a-f]*$/i.test(ivHex) &&
+        authTagHex.length === 32 && /^[0-9a-f]*$/i.test(authTagHex) &&
+        encryptedHex.length > 0 && /^[0-9a-f]*$/i.test(encryptedHex));
 }

package/dist/components/general/404.js

@@ -31,7 +31,7 @@ export function FourOhFour(props) {
     if (randomIndex !== null && imageURL /* cloudinaryURL */ !== '') {
         return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "fof-body-container", children: [_jsxs("h1", { className: "centered text-outline", children: ["404 - ", images[randomIndex].text] }), _jsx("div", { className: "centered-button", children: _jsx("a", { href: "/", target: "_self", rel: "noopener noreferrer", children: "Go Home" }) })] }), _jsx("div", { className: "fof-image-container", children: _jsx("div", { className: "fof-image-wrapper", children: _jsx(SmartImage, { src: imageURL, 
                             // src={cloudinaryURL} 
-                            title: "Page Not Found - " + images[randomIndex].description, alt: "Page Not Found - " + images[randomIndex].description, variant: "nextjs", cloudinaryEnv: config?.cloudinary?.product_env ?? undefined, cloudinaryDomain: config?.cloudinary?.baseUrl ?? undefined, cloudinaryTransforms: config?.cloudinary?.transforms ?? undefined }) }) })] }));
+                            aboveFold: true, title: "Page Not Found - " + images[randomIndex].description, alt: "Page Not Found - " + images[randomIndex].description, variant: "nextjs", cloudinaryEnv: config?.cloudinary?.product_env ?? undefined, cloudinaryDomain: config?.cloudinary?.baseUrl ?? undefined, cloudinaryTransforms: config?.cloudinary?.transforms ?? undefined }) }) })] }));
     }
     else {
         return (_jsx(_Fragment, {}));

package/dist/components/general/cache-manager.js

@@ -3,6 +3,19 @@
  *
  * A unified caching utility that supports Memory, LocalStorage, and SessionStorage.
  * Includes TTL (Time-To-Live) support and automatic SSR fallback.
+ *
+ * ARCHITECTURE NOTE: The `domain` parameter is required to enforce clear namespace separation and
+ * provide future-proofing. While the library is currently deployed **per-domain** (each site gets
+ * its own isolated copy of this library), the domain parameter serves important purposes:
+ * 1. **Code Clarity**: Makes the multi-tenant intent explicit in code
+ * 2. **Future-Proofing**: If architecture changes to shared backends (Redis), isolation is built-in
+ * 3. **Safety**: Prevents accidental empty prefixes that could cause collisions
+ *
+ * Each domain runs in isolation:
+ * - Client-side: Uses window.location to determine domain (e.g., pixelvivid.com → "pixelvivid")
+ * - Server-side: Defaults to 'pixelated' (safe because server caches are in-memory per process)
+ * - Memory caches: Naturally isolated to their process, so multi-tenancy doesn't apply
+ * - Local/Session storage: Browser-based, inherently isolated by domain
  */
 export class CacheManager {
     memoryCache = new Map();
@@ -10,10 +23,14 @@ export class CacheManager {
     mode;
     prefix;
     ttl;
-    constructor(options = {}) {
+    constructor(options) {
         this.mode = options.mode || 'memory';
-        this.prefix = options.prefix || 'pix_';
         this.ttl = options.ttl || this.defaultTTL;
+        // Build prefix from domain + optional namespace
+        // domain + namespace pattern: "pixelvivid_cart_" or "sitehealth_analytics_"
+        this.prefix = options.namespace
+            ? `${options.domain}_${options.namespace}_`
+            : `${options.domain}_`;
         // Fallback to memory if browser storage is requested but unavailable (SSR/Node environment)
         if (typeof window === 'undefined' && (this.mode === 'local' || this.mode === 'session')) {
             this.mode = 'memory';

package/dist/components/general/callout.js

@@ -113,7 +113,7 @@ cloudinaryTransforms */  }) {
             ((variant === 'boxed' || variant === 'boxed grid') && boxShape ? " " + boxShape : "") +
             (layout && variant !== 'split' ? " " + layout : "") +
             (direction && layout !== 'vertical' ? " " + direction : "") +
-            (variant && (variant === 'boxed grid' || variant === 'grid') && gridColumns ? ` callout-grid-${gridColumns.left}-${gridColumns.right}` : ''), children: (direction === "right") ? _jsxs(_Fragment, { children: [body, image] }) : _jsxs(_Fragment, { children: [image, body] }) }));
+            (variant && (variant === 'boxed grid' || variant === 'grid') && gridColumns ? ` callout-grid-${gridColumns.left}-${gridColumns.right}` : ''), suppressHydrationWarning: true, children: (direction === "right") ? _jsxs(_Fragment, { children: [body, image] }) : _jsxs(_Fragment, { children: [image, body] }) }));
 }
 /* ========== CALLOUT HEADER ========== */
 /**

package/dist/components/general/carousel.drag.js

@@ -188,28 +188,25 @@ export function DragHandler(props) {
         }
     }
     ;
-    function handleEventListeners(activeIndex) {
-        useEffect(() => {
-            // const container = document.getElementById(classSelector);
-            // { passive: true } is needed for preventDefault to work on drag events
-            document.addEventListener('touchstart', dragStart, { capture: true, passive: false });
-            document.addEventListener('touchmove', draggable, { capture: true, passive: false });
-            document.addEventListener('touchend', dragEnd, { capture: true, passive: true });
-            document.addEventListener('mousedown', dragStart, { capture: true, passive: false });
-            document.addEventListener('mousemove', draggable, { capture: true, passive: false });
-            document.addEventListener('mouseup', dragEnd, { capture: true, passive: true });
-            document.addEventListener('transitionend', transitionEnd, { capture: true, passive: true });
-            return () => {
-                // { passive: true } is not needed to match and remove an event listener
-                document.removeEventListener('touchstart', dragStart, { capture: true });
-                document.removeEventListener('touchmove', draggable, { capture: true });
-                document.removeEventListener('touchend', dragEnd, { capture: true });
-                document.removeEventListener('mousedown', dragStart, { capture: true });
-                document.removeEventListener('mousemove', draggable, { capture: true });
-                document.removeEventListener('mouseup', dragEnd, { capture: true });
-                document.removeEventListener('transitionend', transitionEnd, { capture: true });
-            };
-        }, [activeIndex]);
-    }
-    handleEventListeners(props.activeIndex);
+    useEffect(() => {
+        // const container = document.getElementById(classSelector);
+        // { passive: true } is needed for preventDefault to work on drag events
+        document.addEventListener('touchstart', dragStart, { capture: true, passive: false });
+        document.addEventListener('touchmove', draggable, { capture: true, passive: false });
+        document.addEventListener('touchend', dragEnd, { capture: true, passive: true });
+        document.addEventListener('mousedown', dragStart, { capture: true, passive: false });
+        document.addEventListener('mousemove', draggable, { capture: true, passive: false });
+        document.addEventListener('mouseup', dragEnd, { capture: true, passive: true });
+        document.addEventListener('transitionend', transitionEnd, { capture: true, passive: true });
+        return () => {
+            // { passive: true } is not needed to match and remove an event listener
+            document.removeEventListener('touchstart', dragStart, { capture: true });
+            document.removeEventListener('touchmove', draggable, { capture: true });
+            document.removeEventListener('touchend', dragEnd, { capture: true });
+            document.removeEventListener('mousedown', dragStart, { capture: true });
+            document.removeEventListener('mousemove', draggable, { capture: true });
+            document.removeEventListener('mouseup', dragEnd, { capture: true });
+            document.removeEventListener('transitionend', transitionEnd, { capture: true });
+        };
+    }, [props.activeIndex]);
 }

package/dist/components/general/carousel.js

@@ -115,10 +115,10 @@ export function Carousel(props) {
             console.log('CarouselSimple: Dragging disabled');
     }
     if (props.cards && props.cards.length > 0) {
-        return (_jsxs("div", { className: "carousel-container", children: [_jsx("div", { className: "carousel-cards-container", children: props.cards.map((card, i) => (_jsx(CarouselCard, { index: i, cardIndex: cardIndex, cardLength: props.cards.length, link: card.link, linkTarget: card.linkTarget || '_self', image: card.image, imageAlt: card.imageAlt, imgFit: (props.imgFit || 'fill'), headerText: card.headerText, subHeaderText: card.subHeaderText, bodyText: card.bodyText }, i))) }), _jsxs("div", { className: "carousel-buttons", children: [_jsx(CarouselButton, { clickFunction: previousCard, glyph: '\u25C0' }), _jsx(CarouselButton, { clickFunction: stopTimer, glyph: '\u23F8' }), _jsx(CarouselButton, { clickFunction: nextCard, glyph: '\u25B6' })] })] }));
+        return (_jsxs("div", { className: "carousel-container", suppressHydrationWarning: true, children: [_jsx("div", { className: "carousel-cards-container", children: props.cards.map((card, i) => (_jsx(CarouselCard, { index: i, cardIndex: cardIndex, cardLength: props.cards.length, link: card.link, linkTarget: card.linkTarget || '_self', image: card.image, imageAlt: card.imageAlt, imgFit: (props.imgFit || 'fill'), headerText: card.headerText, subHeaderText: card.subHeaderText, bodyText: card.bodyText }, i))) }), _jsxs("div", { className: "carousel-buttons", children: [_jsx(CarouselButton, { clickFunction: previousCard, glyph: '\u25C0' }), _jsx(CarouselButton, { clickFunction: stopTimer, glyph: '\u23F8' }), _jsx(CarouselButton, { clickFunction: nextCard, glyph: '\u25B6' })] })] }));
     }
     else {
-        return (_jsx("div", { className: 'section-container', children: _jsx("div", { className: "carousel-container", children: _jsx(CarouselLoading, {}) }) }));
+        return (_jsx("div", { className: 'section-container', children: _jsx("div", { className: "carousel-container", suppressHydrationWarning: true, children: _jsx(CarouselLoading, {}) }) }));
     }
 }
 /* ========== CAROUSEL CARD ========== */
@@ -139,7 +139,7 @@ function CarouselCard(props) {
     }
     const imgFit = props.imgFit ? "img" + capitalize(props.imgFit) : 'imgFill';
     const config = usePixelatedConfig();
-    const cardBody = (_jsxs("div", { draggable: 'false', children: [(props.link) ? _jsx("div", { draggable: 'false', className: "carousel-card-link" }) : null, (props.image) ? _jsx("div", { draggable: 'false', className: "carousel-card-image", children: _jsx(SmartImage, { draggable: false, src: props.image, title: props?.imageAlt, alt: props?.imageAlt || "", className: imgFit, cloudinaryEnv: config?.cloudinary?.product_env ?? undefined, cloudinaryDomain: config?.cloudinary?.baseUrl ?? undefined, cloudinaryTransforms: config?.cloudinary?.transforms ?? undefined }) }) : null, (props.headerText) ? _jsx("div", { draggable: 'false', className: "carousel-card-header", children: _jsx("h3", { draggable: 'false', children: props.headerText }) }) : null, (props.subHeaderText) ? _jsx("div", { draggable: 'false', className: "carousel-card-subheader", children: _jsx("h4", { draggable: 'false', children: props.subHeaderText }) }) : null, (props.bodyText) ? _jsx("div", { draggable: 'false', className: "carousel-card-body", children: props.bodyText }) : null] }));
+    const cardBody = (_jsxs("div", { draggable: 'false', children: [(props.link) ? _jsx("div", { draggable: 'false', className: "carousel-card-link" }) : null, (props.image) ? _jsx("div", { draggable: 'false', className: "carousel-card-image", children: _jsx(SmartImage, { draggable: false, src: props.image, title: props?.imageAlt, alt: props?.imageAlt || "", className: imgFit, aboveFold: props?.index === 0 ? true : false, cloudinaryEnv: config?.cloudinary?.product_env ?? undefined, cloudinaryDomain: config?.cloudinary?.baseUrl ?? undefined, cloudinaryTransforms: config?.cloudinary?.transforms ?? undefined }) }) : null, (props.headerText) ? _jsx("div", { draggable: 'false', className: "carousel-card-header", children: _jsx("h3", { draggable: 'false', children: props.headerText }) }) : null, (props.subHeaderText) ? _jsx("div", { draggable: 'false', className: "carousel-card-subheader", children: _jsx("h4", { draggable: 'false', children: props.subHeaderText }) }) : null, (props.bodyText) ? _jsx("div", { draggable: 'false', className: "carousel-card-body", children: props.bodyText }) : null] }));
     return (_jsx("div", { draggable: 'true', id: 'c-' + props.index, className: "carousel-card-wrapper", style: styles, children: _jsx("div", { draggable: 'false', className: "carousel-card", children: (props.link) ? _jsx("a", { draggable: 'false', href: props.link, target: props.linkTarget, children: cardBody }) : cardBody }) }));
 }
 // REMOVED PROPTYPE AS TYPESCRIPT TYPE COVERS THIS

package/dist/components/general/countup.js

@@ -58,5 +58,5 @@ export function CountUp({ id, pre = '', post = '', start, end, duration, decimal
             }
         }, intervalMs);
     }, [isVisible]);
-    return (_jsx(_Fragment, { children: _jsxs("div", { ref: containerRef, className: "countup", children: [_jsx("span", { className: 'countup-pre', children: pre }), _jsx("span", { id: id, className: 'countup-counter', children: counter }), _jsx("span", { className: 'countup-post', children: post }), _jsx("p", { children: content })] }) }));
+    return (_jsx(_Fragment, { children: _jsxs("div", { ref: containerRef, className: "countup", suppressHydrationWarning: true, children: [_jsx("span", { className: 'countup-pre', children: pre }), _jsx("span", { id: id, className: 'countup-counter', children: counter }), _jsx("span", { className: 'countup-post', children: post }), _jsx("p", { children: content })] }) }));
 }

package/dist/components/general/intersection-observer.js

@@ -99,6 +99,8 @@ export function observeIntersection(selector, callback, options = {}) {
  * Check if an element is fully in the viewport
  */
 export function isElementInViewport(element) {
+    if (!element)
+        return false;
     const rect = element.getBoundingClientRect();
     return (rect.top >= 0 &&
         rect.left >= 0 &&
@@ -109,6 +111,8 @@ export function isElementInViewport(element) {
  * Check if an element is partially in the viewport
  */
 export function isElementPartiallyInViewport(element) {
+    if (!element)
+        return false;
     const rect = element.getBoundingClientRect();
     return (rect.top < (window.innerHeight || document.documentElement.clientHeight) &&
         rect.left < (window.innerWidth || document.documentElement.clientWidth) &&

package/dist/components/general/metadata.functions.js

@@ -6,7 +6,7 @@ export function descriptionToKeywords(descriptionText, numKeywords = 5, customSt
     // Define a default list of common English stop words
     const defaultStopWords = new Set([
         'a', 'an', 'and', 'are', 'as', 'at', 'be', 'but', 'by', 'for', 'if', 'in', 'into',
-        'is', 'it', 'no', 'not', 'of', 'on', 'or', 'such', 'that', 'the', 'their',
+        'is', 'it', 'no', 'not', 'of', 'on', 'or', 'over', 'such', 'that', 'the', 'their',
         'then', 'there', 'these', 'they', 'this', 'to', 'was', 'will', 'with'
     ]);
     const allStopWords = new Set([...defaultStopWords, ...customStopWords]);
@@ -128,5 +128,5 @@ export function generateMetaTags(props) {
     const image_height = prop_image_height || siteInfo?.image_height;
     const image_width = prop_image_width || siteInfo?.image_width;
     const favicon = prop_favicon || siteInfo?.favicon;
-    return (_jsxs(_Fragment, { children: [_jsx("title", { children: title }), _jsx("meta", { charSet: "UTF-8" }), _jsx("meta", { httpEquiv: "content-type", content: "text/html; charset=UTF-8" }), _jsx("meta", { httpEquiv: 'Expires', content: '0' }), _jsx("meta", { httpEquiv: 'Pragma', content: 'no-cache' }), _jsx("meta", { httpEquiv: 'Cache-Control', content: 'no-cache' }), _jsx("meta", { name: "application-name", content: site_name }), _jsx("meta", { name: "author", content: site_name + ", " + email }), _jsx("meta", { name: 'copyright', content: site_name }), _jsx("meta", { name: "creator", content: site_name }), _jsx("meta", { name: "description", content: description }), _jsx("meta", { name: "keywords", content: keywords }), _jsx("meta", { name: 'language', content: 'EN' }), _jsx("meta", { name: 'owner', content: site_name }), _jsx("meta", { name: "publisher", content: site_name }), _jsx("meta", { name: 'rating', content: 'General' }), _jsx("meta", { name: 'reply-to', content: email }), _jsx("meta", { name: "robots", content: "index, follow" }), _jsx("meta", { name: 'url', content: url }), _jsx("meta", { name: "viewport", content: "width=device-width, initial-scale=1.0, shrink-to-fit=no" }), _jsx("meta", { property: "og:description", content: description }), _jsx("meta", { property: 'og:email', content: email }), _jsx("meta", { property: "og:image", content: image }), _jsx("meta", { property: "og:image:height", content: image_height != null ? String(image_height) : undefined }), _jsx("meta", { property: "og:image:width", content: image_width != null ? String(image_width) : undefined }), _jsx("meta", { property: "og:locale", content: "en_US" }), _jsx("meta", { property: "og:site_name", content: site_name }), _jsx("meta", { property: "og:title", content: title }), _jsx("meta", { property: "og:type", content: "website" }), _jsx("meta", { property: "og:url", content: url }), _jsx("meta", { itemProp: "name", content: site_name }), _jsx("meta", { itemProp: "url", content: url }), _jsx("meta", { itemProp: "description", content: description }), _jsx("meta", { itemProp: "thumbnailUrl", content: image }), _jsx("meta", { property: "twitter:domain", content: newOrigin }), _jsx("meta", { property: "twitter:url", content: url }), _jsx("meta", { name: "twitter:card", content: "summary_large_image" }), _jsx("meta", { name: "twitter:creator", content: site_name }), _jsx("meta", { name: "twitter:description", content: description }), _jsx("meta", { name: "twitter:image", content: image }), _jsx("meta", { name: "twitter:image:height", content: image_height != null ? String(image_height) : undefined }), _jsx("meta", { name: "twitter:image:width", content: image_width != null ? String(image_width) : undefined }), _jsx("meta", { name: "twitter:title", content: title }), _jsx("link", { rel: "author", href: "humans.txt" }), _jsx("link", { rel: "canonical", href: url }), _jsx("link", { rel: "icon", type: "image/x-icon", href: favicon }), _jsx("link", { rel: "shortcut icon", type: "image/x-icon", href: favicon }), _jsx("link", { rel: "manifest", href: "/manifest.webmanifest" }), _jsx("link", { rel: "preconnect", href: "https://images.ctfassets.net/" }), _jsx("link", { rel: "preconnect", href: "https://res.cloudinary.com/" }), _jsx("link", { rel: "preconnect", href: "https://farm2.static.flickr.com" }), _jsx("link", { rel: "preconnect", href: "https://farm6.static.flickr.com" }), _jsx("link", { rel: "preconnect", href: "https://farm8.static.flickr.com" }), _jsx("link", { rel: "preconnect", href: "https://farm66.static.flickr.com" })] }));
+    return (_jsxs(_Fragment, { children: [_jsx("title", { children: title }), _jsx("meta", { charSet: "UTF-8" }), _jsx("meta", { httpEquiv: "content-type", content: "text/html; charset=UTF-8" }), _jsx("meta", { httpEquiv: 'Expires', content: '0' }), _jsx("meta", { httpEquiv: 'Pragma', content: 'no-cache' }), _jsx("meta", { httpEquiv: 'Cache-Control', content: 'no-cache' }), _jsx("meta", { name: "application-name", content: site_name }), _jsx("meta", { name: "author", content: site_name + ", " + email }), _jsx("meta", { name: 'copyright', content: site_name }), _jsx("meta", { name: "creator", content: site_name }), _jsx("meta", { name: "description", content: description }), _jsx("meta", { name: "keywords", content: keywords }), _jsx("meta", { name: 'language', content: 'EN' }), _jsx("meta", { name: 'owner', content: site_name }), _jsx("meta", { name: "publisher", content: site_name }), _jsx("meta", { name: 'rating', content: 'General' }), _jsx("meta", { name: 'reply-to', content: email }), _jsx("meta", { name: "robots", content: "index, follow" }), _jsx("meta", { name: 'url', content: url }), _jsx("meta", { name: "viewport", content: "width=device-width, initial-scale=1.0, shrink-to-fit=no" }), _jsx("meta", { property: "og:description", content: description }), _jsx("meta", { property: 'og:email', content: email }), _jsx("meta", { property: "og:image", content: image }), _jsx("meta", { property: "og:image:height", content: image_height != null ? String(image_height) : undefined }), _jsx("meta", { property: "og:image:width", content: image_width != null ? String(image_width) : undefined }), _jsx("meta", { property: "og:locale", content: "en_US" }), _jsx("meta", { property: "og:site_name", content: site_name }), _jsx("meta", { property: "og:title", content: title }), _jsx("meta", { property: "og:type", content: "website" }), _jsx("meta", { property: "og:url", content: url }), _jsx("meta", { itemProp: "name", content: site_name }), _jsx("meta", { itemProp: "url", content: url }), _jsx("meta", { itemProp: "description", content: description }), _jsx("meta", { itemProp: "thumbnailUrl", content: image }), _jsx("meta", { property: "twitter:domain", content: newOrigin }), _jsx("meta", { property: "twitter:url", content: url }), _jsx("meta", { name: "twitter:card", content: "summary_large_image" }), _jsx("meta", { name: "twitter:creator", content: site_name }), _jsx("meta", { name: "twitter:description", content: description }), _jsx("meta", { name: "twitter:image", content: image }), _jsx("meta", { name: "twitter:image:height", content: image_height != null ? String(image_height) : undefined }), _jsx("meta", { name: "twitter:image:width", content: image_width != null ? String(image_width) : undefined }), _jsx("meta", { name: "twitter:title", content: title }), _jsx("link", { rel: "author", fetchPriority: "high", href: "humans.txt" }), _jsx("link", { rel: "canonical", fetchPriority: "high", href: url }), _jsx("link", { rel: "icon", fetchPriority: "high", type: "image/x-icon", href: favicon }), _jsx("link", { rel: "shortcut icon", fetchPriority: "high", type: "image/x-icon", href: favicon }), _jsx("link", { rel: "manifest", fetchPriority: "high", href: "/manifest.webmanifest" }), _jsx("link", { rel: "preconnect", fetchPriority: "high", href: "https://images.ctfassets.net/" }), _jsx("link", { rel: "preconnect", fetchPriority: "high", href: "https://res.cloudinary.com/" }), _jsx("link", { rel: "preconnect", fetchPriority: "high", href: "https://farm2.static.flickr.com" }), _jsx("link", { rel: "preconnect", fetchPriority: "high", href: "https://farm6.static.flickr.com" }), _jsx("link", { rel: "preconnect", fetchPriority: "high", href: "https://farm8.static.flickr.com" }), _jsx("link", { rel: "preconnect", fetchPriority: "high", href: "https://farm66.static.flickr.com" })] }));
 }

package/dist/components/general/proxy-handler.js

@@ -41,14 +41,14 @@ export function handlePixelatedProxy(req) {
     response.headers.set("Permissions-Policy", "camera=(), microphone=(), geolocation=(), interest-cohort=()");
     // Content Security Policy (CSP)
     // Includes all discovered domains in the workspace: HubSpot, Gravatar, Flickr, Contentful, Cloudinary, eBay, and Google Analytics + Search.
-    const scriptSrc = "'self' 'unsafe-inline' 'unsafe-eval' https://va.vercel-scripts.com https://*.googletagmanager.com https://*.hs-scripts.com https://*.hs-analytics.net https://*.hsforms.net https://*.hscollectedforms.net https://*.hs-banner.com https://*.google.com https://*.doubleclick.net https://*.googleadservices.com https://*.adtrafficquality.google https://*.hsappstatic.net https://assets.calendly.com https://cdn.jsdelivr.net https://www.paypal.com https://www.paypalobjects.com";
+    const scriptSrc = "'self' 'unsafe-inline' 'unsafe-eval' https://va.vercel-scripts.com https://*.googletagmanager.com https://*.hs-scripts.com https://*.hs-analytics.net https://*.hsforms.net https://*.hscollectedforms.net https://*.hs-banner.com https://*.google.com https://*.doubleclick.net https://*.googleadservices.com https://*.adtrafficquality.google https://*.hsappstatic.net https://assets.calendly.com https://cdn.jsdelivr.net https://www.paypal.com https://www.paypalobjects.com https://cdn.curator.io https://connect.facebook.net";
     const csp = [
         "default-src 'self'",
         `script-src ${scriptSrc}`,
         `script-src-elem ${scriptSrc}`,
         "connect-src 'self' https: https://*.hubspot.com https://proxy.pixelated.tech https://sendmail.pixelated.tech https://*.google-analytics.com https://*.analytics.google.com https://cdn.jsdelivr.net",
         "img-src 'self' data: https: https://*.gravatar.com https://*.staticflickr.com https://*.ctfassets.net https://res.cloudinary.com https://*.ebayimg.com",
-        "style-src 'self' 'unsafe-inline' https://fonts.googleapis.com https://*.google.com https://www.paypalobjects.com",
+        "style-src 'self' 'unsafe-inline' https://fonts.googleapis.com https://*.google.com https://www.paypalobjects.com https://cdn.curator.io",
         "font-src 'self' data: https://fonts.gstatic.com",
         "media-src 'self' https://*.ctfassets.net",
         "frame-src 'self' https://*.hubspot.com https://*.googletagmanager.com https://*.adtrafficquality.google https://*.google.com https://calendly.com https://*.calendly.com https://*.hsforms.net https://www.paypal.com https://www.paypalobjects.com",

package/dist/components/general/semantic.js

@@ -166,8 +166,8 @@ PageSectionHeader.propTypes = {
 export function PageSectionHeader({ title, url }) {
     const calloutTarget = url && url.substring(0, 4).toLowerCase() === 'http' ? '_blank' : '_self';
     return (_jsx(_Fragment, { children: url
-            ? _jsx("a", { href: url, target: calloutTarget, rel: "noopener noreferrer", children: _jsx("h2", { className: "page-section-header", children: title }) })
-            : _jsx("h2", { className: "page-section-header", children: title }) }));
+            ? _jsx("a", { href: url, target: calloutTarget, rel: "noopener noreferrer", children: _jsx("h2", { className: "page-section-header", suppressHydrationWarning: true, children: title }) })
+            : _jsx("h2", { className: "page-section-header", suppressHydrationWarning: true, children: title }) }));
 }
 ;
 // ========== PAGE SECTION BACKGROUND IMAGE ==========
@@ -240,10 +240,7 @@ export function PageGridItem({ id, className, columnSpan, rowSpan, columnStart,
         ...(alignSelf && { alignSelf }),
         ...(justifySelf && { justifySelf }),
     };
-    return (
-    /* THIS IS AN OLD STYLE */
-    /* <div className={"grid-item" + */
-    _jsx("div", { className: "grid-item" +
+    return (_jsx("div", { className: "grid-item" +
             (className ? ` ${className}` : '') +
             (columnStart && columnSpan && !columnEnd ? ` grid-s${columnStart}-w${columnSpan}` : '') +
             (columnStart && columnEnd && !columnSpan ? ` grid-s${columnStart}-e${columnEnd}` : ''), id: (id) ? id : undefined, style: itemStyle, children: children }));

package/dist/components/general/sitemap.js

@@ -6,6 +6,7 @@ import { getContentfulFieldValues, getContentfulAssets } from "../integrations/c
 import { getEbayAppToken, getEbayItemsSearch } from "../shoppingcart/ebay.functions";
 import { getFullPixelatedConfig } from '../config/config';
 import { CacheManager } from '../general/cache-manager';
+import { getDomain } from './utilities';
 /**
  * Helper to construct an origin string from a Next-like headers() object or plain values.
  * Accepts an object with `get(key)` method, or `undefined` and falls back to localhost origin.
@@ -438,7 +439,7 @@ export async function createEbayItemURLs(origin) {
 }
 const SITEMAP_TTL = 24 * 60 * 60 * 1000; // one day
 const EBAY_SITE_SITEMAP_KEY = 'ebay_sitemap_items';
-const ebaySitemapCache = new CacheManager({ mode: 'memory', prefix: 'ebaySitemap_', ttl: SITEMAP_TTL });
+const ebaySitemapCache = new CacheManager({ mode: 'memory', domain: getDomain(), namespace: 'ebaySitemap', ttl: SITEMAP_TTL });
 function getEbayCacheTTL(configTTL) {
     if (typeof configTTL === 'number' && configTTL > 0) {
         return configTTL;

package/dist/components/general/smartimage.js

@@ -207,7 +207,7 @@ export function SmartImage(props) {
     delete newProps.cloudinaryTransforms;
     if (variant !== 'img') {
         try {
-            return (_jsx(Image, { ...newProps, src: newProps.src, alt: newProps.alt, onError: handleError }));
+            return (_jsx(Image, { ...newProps, src: newProps.src, alt: newProps.alt, onError: handleError, suppressHydrationWarning: true }));
         }
         catch (e) {
             console.warn(`SmartImage: Next.js Image threw exception for "${props.src}", falling back to plain img`, e);
@@ -216,7 +216,5 @@ export function SmartImage(props) {
         }
     }
     /* ===== IMG VARIANT ===== */
-    return (
-    /* eslint-disable-next-line pixelated/no-raw-img */
-    _jsx("img", { ...newProps, ref: imgRef, alt: newProps.alt }));
+    return (_jsx("img", { ...newProps, ref: imgRef, alt: newProps.alt, suppressHydrationWarning: true }));
 }

package/dist/components/general/styleguide.js

@@ -35,7 +35,7 @@ export function StyleGuideUI(props) {
 				justify-content: center;
 				display: flex;
 			}
-			` }), _jsxs(PageSection, { columns: 1, maxWidth: "1024px", padding: "20px", id: "fonts-section", children: [_jsxs("h1", { children: ["H1 - ", primaryHeaderFont, " font"] }), _jsxs("h2", { children: ["H2 - ", primaryHeaderFont, " font"] }), _jsxs("h3", { children: ["H3 - ", primaryHeaderFont, " font"] }), _jsxs("h4", { children: ["H4 - ", primaryHeaderFont, " font"] }), _jsxs("h5", { children: ["H5 - ", primaryHeaderFont, " font"] }), _jsxs("h6", { children: ["H6 - ", primaryHeaderFont, " font"] }), _jsxs("p", { children: [primaryBodyFont, " font.  This is a paragraph of text to demonstrate the body font style. "] }), _jsxs("p", { children: [primaryBodyFont, " font.  The quick brown fox jumps over the lazy dog. "] }), _jsxs("p", { children: [primaryBodyFont, " font.  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."] })] }), _jsxs(PageSection, { columns: 1, maxWidth: "1024px", padding: "20px", id: "fonts-section", children: [_jsx("h2", { children: "Information Architecture" }), _jsx("ul", { children: flattenRoutes(routes).map((r, index) => {
+			` }), _jsxs(PageSection, { columns: 1, maxWidth: "1024px", padding: "20px", id: "fonts-section", children: [_jsxs("h1", { suppressHydrationWarning: true, children: ["H1 - ", primaryHeaderFont, " font"] }), _jsxs("h2", { suppressHydrationWarning: true, children: ["H2 - ", primaryHeaderFont, " font"] }), _jsxs("h3", { suppressHydrationWarning: true, children: ["H3 - ", primaryHeaderFont, " font"] }), _jsxs("h4", { suppressHydrationWarning: true, children: ["H4 - ", primaryHeaderFont, " font"] }), _jsxs("h5", { suppressHydrationWarning: true, children: ["H5 - ", primaryHeaderFont, " font"] }), _jsxs("h6", { suppressHydrationWarning: true, children: ["H6 - ", primaryHeaderFont, " font"] }), _jsxs("p", { suppressHydrationWarning: true, children: [primaryBodyFont, " font.  This is a paragraph of text to demonstrate the body font style. "] }), _jsxs("p", { suppressHydrationWarning: true, children: [primaryBodyFont, " font.  The quick brown fox jumps over the lazy dog. "] }), _jsxs("p", { suppressHydrationWarning: true, children: [primaryBodyFont, " font.  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."] })] }), _jsxs(PageSection, { columns: 1, maxWidth: "1024px", padding: "20px", id: "fonts-section", children: [_jsx("h2", { children: "Information Architecture" }), _jsx("ul", { children: flattenRoutes(routes).map((r, index) => {
                             return _jsxs("li", { children: [r.name, " - ", r.path] }, index);
                         }) })] })] }));
 }

package/dist/components/general/tiles.js

@@ -42,7 +42,7 @@ Tiles.propTypes = {
 export function Tiles(props) {
     const rowCount = props.rowCount ?? 2;
     if (props.cards && props.cards.length > 0) {
-        return (_jsx("div", { className: "tiles-container", children: _jsx("div", { className: `tile-container row-${rowCount}col`, children: props.cards.map((card, i) => (_jsx("div", { className: "grid-item", children: _jsx(Tile, { index: card.index ?? i, cardLength: card.cardLength ?? props.cards.length, link: card.link, image: card.image, imageAlt: card.imageAlt, bodyText: card.bodyText, imgClick: props.imgClick, variant: (props.variant ?? "overlay") }) }, i))) }) }));
+        return (_jsx("div", { className: "tiles-container", children: _jsx("div", { className: `tile-container row-${rowCount}col`, suppressHydrationWarning: true, children: props.cards.map((card, i) => (_jsx("div", { className: "grid-item", children: _jsx(Tile, { index: card.index ?? i, cardLength: card.cardLength ?? props.cards.length, link: card.link, image: card.image, imageAlt: card.imageAlt, bodyText: card.bodyText, imgClick: props.imgClick, variant: (props.variant ?? "overlay") }) }, i))) }) }));
     }
     else {
         return (_jsx(Loading, {}));
@@ -85,7 +85,7 @@ function Tile(props) {
     const captionText = (props.bodyText && props.bodyText.length > 0) ? props.bodyText : (props.imageAlt ?? "");
     const tileBody = _jsxs("div", { className: "tile-image" + (imgClick ? " clickable" : ""), children: [_jsx(SmartImage, { src: props.image, title: props?.imageAlt ?? undefined, alt: props?.imageAlt ?? "", onClick: imgClick ? (event) => imgClick(event, props.image) : undefined, cloudinaryEnv: config?.cloudinary?.product_env ?? undefined }), _jsx("div", { className: "tile-image-overlay", children: _jsxs("div", { className: "tile-image-overlay-text", children: [_jsx("div", { className: "tile-image-overlay-title", children: props.imageAlt }), _jsx("div", { className: "tile-image-overlay-body", children: props.bodyText })] }) })] });
     const rootClass = `tile${(props.variant) ? ' ' + props.variant : ''}`;
-    return (_jsx("div", { className: rootClass, id: 'tile-' + props.index, children: props.link ?
+    return (_jsx("div", { className: rootClass, id: 'tile-' + props.index, suppressHydrationWarning: true, children: props.link ?
             _jsx("a", { href: props.link, className: "tile-link", children: tileBody })
             :
                 tileBody }));

package/dist/components/general/timeline.js

@@ -47,5 +47,5 @@ TimelineItem.propTypes = {
 };
 export default function TimelineItem(props) {
     const config = usePixelatedConfig();
-    return (_jsx("div", { className: "timeline-container timeline-" + props.direction, children: _jsx("div", { className: "timeline-content", children: _jsxs("div", { className: "row-3col", children: [_jsx("div", { className: "grid-s1-e2", children: _jsx(SmartImage, { src: props.image || "", title: props.title, alt: props.title, cloudinaryEnv: config?.cloudinary?.product_env ?? undefined }) }), _jsxs("div", { className: "grid-s2-e4", children: [_jsx("h2", { children: props.title }), _jsx("p", { children: props.content })] })] }) }) }));
+    return (_jsx("div", { className: "timeline-container timeline-" + props.direction, suppressHydrationWarning: true, children: _jsx("div", { className: "timeline-content", children: _jsxs("div", { className: "row-3col", children: [_jsx("div", { className: "grid-s1-e2", children: _jsx(SmartImage, { src: props.image || "", title: props.title, alt: props.title, cloudinaryEnv: config?.cloudinary?.product_env ?? undefined }) }), _jsxs("div", { className: "grid-s2-e4", children: [_jsx("h2", { children: props.title }), _jsx("p", { children: props.content })] })] }) }) }));
 }

package/dist/components/general/utilities.js

@@ -64,6 +64,74 @@ Array.prototype.contains = function(obj) {
   return this.indexOf(obj) > -1;
 };
 */
+/**
+ * Get the domain name to use as a key component for CacheManager.
+ * Safe to call in browser contexts. For server-side, use getDomainFromHeaders() instead.
+ *
+ * Extracts the domain name from the current hostname to use as a cache/storage prefix.
+ * This ensures multi-tenant applications don't have key collisions across different domain instances.
+ *
+ * @returns Domain name suitable for multi-tenant cache isolation (lowercase, no special characters)
+ *
+ * @example
+ * const domain = getDomain();
+ * const cache = new CacheManager({
+ *   mode: 'local',
+ *   domain,
+ *   namespace: 'checkout'
+ * });
+ *
+ * @example
+ * // In different environments:
+ * // www.pixelvivid.com → "pixelvivid"
+ * // manningmetalworks.com → "manningmetalworks"
+ * // localhost → "pixelated" (development)
+ */
+export function getDomain() {
+    // Browser environment
+    if (typeof window !== 'undefined' && window.location?.hostname) {
+        return extractDomainName(window.location.hostname);
+    }
+    // SSR/Node environment - return safe fallback
+    // Library is deployed per-domain, so no actual multi-tenancy at library level
+    // Each domain runs its own isolated copy of this library
+    return 'pixelated';
+}
+/**
+ * Extract the domain name from a hostname string.
+ * Handles www prefixes and multi-level TLDs.
+ *
+ * @param hostname - The hostname (e.g., "www.example.com" or "example.com")
+ * @returns The domain name without www or TLD (lowercase)
+ *
+ * @example
+ * extractDomainName('www.pixelvivid.com') // → "pixelvivid"
+ * extractDomainName('manningmetalworks.com') // → "manningmetalworks"
+ * extractDomainName('localhost') // → "pixelated"
+ */
+export function extractDomainName(hostname) {
+    if (!hostname)
+        return 'pixelated';
+    // Normalize: lowercase, trim whitespace
+    const normalized = hostname.toLowerCase().trim();
+    // Handle localhost / 127.0.0.1 - use development prefix
+    if (normalized === 'localhost' || normalized === '127.0.0.1' || normalized.startsWith('localhost:')) {
+        return 'pixelated';
+    }
+    // Split by dots
+    const parts = normalized.split('.');
+    // Single label (rare but possible in development)
+    if (parts.length === 1) {
+        return parts[0];
+    }
+    // Two labels: domain.com → domain
+    if (parts.length === 2) {
+        return parts[0];
+    }
+    // Multiple labels: www.domain.com or subdomain.domain.com → domain
+    // Take the second-to-last part (the domain before the TLD)
+    return parts[parts.length - 2];
+}
 export function attributeMap(oldAttribute) {
     // https://reactjs.org/docs/dom-elements.html
     const attributes = {

package/dist/components/integrations/contentful.delivery.js

@@ -114,10 +114,10 @@ getContentfulContentType.propTypes = {
     /** Contentful API configuration */
     apiProps: PropTypes.shape({
         proxyURL: PropTypes.string,
-        base_url: PropTypes.string.isRequired,
-        space_id: PropTypes.string.isRequired,
-        environment: PropTypes.string.isRequired,
-        access_token: PropTypes.string.isRequired,
+        base_url: PropTypes.string,
+        space_id: PropTypes.string,
+        environment: PropTypes.string,
+        access_token: PropTypes.string,
     }).isRequired,
     /** Content type ID to retrieve */
     contentType: PropTypes.string.isRequired,
@@ -142,10 +142,10 @@ getContentfulEntryByEntryID.propTypes = {
     /** Contentful API configuration */
     apiProps: PropTypes.shape({
         proxyURL: PropTypes.string,
-        base_url: PropTypes.string.isRequired,
-        space_id: PropTypes.string.isRequired,
-        environment: PropTypes.string.isRequired,
-        delivery_access_token: PropTypes.string.isRequired,
+        base_url: PropTypes.string,
+        space_id: PropTypes.string,
+        environment: PropTypes.string,
+        delivery_access_token: PropTypes.string,
     }).isRequired,
     /** Target entry ID */
     entry_id: PropTypes.string.isRequired,
@@ -239,10 +239,10 @@ getContentfulAssets.propTypes = {
     /** Contentful API configuration */
     apiProps: PropTypes.shape({
         proxyURL: PropTypes.string,
-        base_url: PropTypes.string.isRequired,
-        space_id: PropTypes.string.isRequired,
-        environment: PropTypes.string.isRequired,
-        access_token: PropTypes.string.isRequired,
+        base_url: PropTypes.string,
+        space_id: PropTypes.string,
+        environment: PropTypes.string,
+        access_token: PropTypes.string,
     }).isRequired,
 };
 export async function getContentfulAssets(props) {
@@ -263,10 +263,10 @@ getContentfulAssetURLs.propTypes = {
     /** Contentful API configuration */
     apiProps: PropTypes.shape({
         proxyURL: PropTypes.string,
-        base_url: PropTypes.string.isRequired,
-        space_id: PropTypes.string.isRequired,
-        environment: PropTypes.string.isRequired,
-        access_token: PropTypes.string.isRequired,
+        base_url: PropTypes.string,
+        space_id: PropTypes.string,
+        environment: PropTypes.string,
+        access_token: PropTypes.string,
     }).isRequired,
 };
 export async function getContentfulAssetURLs(props) {

package/dist/components/integrations/contentful.items.components.js

@@ -13,15 +13,6 @@ import { SmartImage } from "../general/smartimage";
 import "../../css/pixelated.grid.scss";
 import "./contentful.items.css";
 const debug = false;
-let ContentfulApiProps = {
-    proxyURL: 'https://proxy.pixelated.tech/prod/proxy?url=',
-    base_url: "https://cdn.contentful.com",
-    space_id: "soi9w77t7027",
-    environment: "master",
-    management_access_token: "",
-    delivery_access_token: "muY9LfpCt4qoXosDsnRkkoH3DAVVuUFEuB0WRKRdBUM",
-    preview_access_token: "",
-};
 const contentfulContentType = "item";
 /* ========== CONTENTFUL ITEMS PAGE ========== */
 /**
@@ -50,7 +41,7 @@ export function ContentfulItems(props) {
         if ((providerContentful as any).proxyURL) localContentfulApiProps.proxyURL = (providerContentful as any).proxyURL;
     } */
     const providerContentfulApiProps = usePixelatedConfig()?.contentful;
-    const mergedApiProps = { ...ContentfulApiProps, ...providerContentfulApiProps, ...props.apiProps, };
+    const mergedApiProps = { ...providerContentfulApiProps, ...props.apiProps };
     const [apiProps] = useState(mergedApiProps);
     /**
      * paintItems — Convert Contentful API items and assets into rendered list nodes.
@@ -204,7 +195,7 @@ export function ContentfulItemDetail(props) {
     const [assets, setAssets] = useState({});
     const [cards, setCards] = useState([]);
     const providerContentfulApiProps = usePixelatedConfig()?.contentful;
-    const [apiProps] = useState({ ...ContentfulApiProps, ...providerContentfulApiProps, ...props.apiProps });
+    const [apiProps] = useState({ ...providerContentfulApiProps, ...props.apiProps });
     useEffect(() => {
         if (debug)
             console.log("Running useEffect");