@pixelated-tech/components 3.8.0 → 3.8.1

package/README.md

@@ -242,6 +242,13 @@ External service integrations:
 - **Yelp** - Business reviews and ratings
 
 
+### Utilities
+Shared technical utilities and helpers:
+- **CacheManager** - Unified caching layer with Memory, Session, and LocalStorage support with TTL and SSR fallbacks.
+- **Cloudinary** - Image processing and URL generation helpers.
+- **Date/Time** - Formatting and manipulation utilities.
+
+
 ### Site Health & Monitoring
 Comprehensive site health monitoring and analytics:
 - **SiteHealthOverview** - Dashboard overview of site health metrics

package/dist/components/admin/site-health/site-health-utils.js

@@ -25,6 +25,28 @@ export function formatScore(score) {
  * Formats audit item details for display
  */
 export function formatAuditItem(item, auditTitle) {
+    // Handle raw timing data that might be passed directly
+    if (typeof item === 'number') {
+        let context = '';
+        if (auditTitle) {
+            if (auditTitle.toLowerCase().includes('server') || auditTitle.toLowerCase().includes('backend')) {
+                context = ' server response';
+            }
+            else if (auditTitle.toLowerCase().includes('network') || auditTitle.toLowerCase().includes('request')) {
+                context = ' network request';
+            }
+            else if (auditTitle.toLowerCase().includes('render') || auditTitle.toLowerCase().includes('blocking')) {
+                context = ' render blocking';
+            }
+            else if (auditTitle.toLowerCase().includes('javascript') || auditTitle.toLowerCase().includes('js')) {
+                context = ' JavaScript';
+            }
+            else if (auditTitle.toLowerCase().includes('image') || auditTitle.toLowerCase().includes('media')) {
+                context = ' media resource';
+            }
+        }
+        return `${item.toFixed(2)}ms${context}`;
+    }
     // Handle URLs
     if (item.url && typeof item.url === 'string') {
         return item.url;

package/dist/components/config/config.example.js

@@ -21,8 +21,10 @@ const pixelatedConfig = {
     ebay: {
         proxyURL: 'https://proxy.provier.com/proxy?url=',
         appId: 'your-ebay-client-id',
+        appDevId: 'your-ebay-client-dev-id',
         appCertId: 'your-ebay-client-secret',
         sbxAppId: 'your-ebay-sandbox-client-id',
+        sbxAppDevId: 'your-ebay-sandbox-client-dev-id',
         sbxAppCertId: 'your-ebay-sandbox-client-secret',
         globalId: 'EBAY_US',
         environment: 'production',

package/dist/components/config/config.types.js

@@ -19,9 +19,7 @@ export const SECRET_CONFIG_KEYS = {
             'preview_access_token'
         ],
         ebay: [
-            'appCertId',
-            'sbxAppId',
-            'sbxAppCertId'
+            'sbxAppId'
         ],
         paypal: [
             'sandboxPayPalApiKey',

package/dist/components/config/config.utils.js

@@ -11,25 +11,33 @@ export function getClientOnlyPixelatedConfig(src) {
         // 2. Check Service-Specific Secret List
         if (serviceName && SECRET_CONFIG_KEYS.services[serviceName]) {
             const serviceSecrets = SECRET_CONFIG_KEYS.services[serviceName];
-            if (serviceSecrets.includes(key))
+            if (serviceSecrets.includes(key)) {
+                // console.log(`Config Stripper: Removing secret key "${key}" from service "${serviceName}"`);
                 return true;
+            }
         }
         return false;
     }
     function strip(obj, serviceName) {
-        if (!obj || typeof obj !== 'object' || obj === null)
+        // Base case for non-objects
+        if (obj === null || typeof obj !== 'object')
             return obj;
+        // Avoid circular references
         if (visited.has(obj))
             return '[Circular]';
         visited.add(obj);
-        if (Array.isArray(obj))
+        // Handle Arrays
+        if (Array.isArray(obj)) {
             return obj.map((item) => strip(item, serviceName));
+        }
         const out = {};
         for (const k of Object.keys(obj)) {
-            // If we are at the top level, the key 'k' IS the service name (ebay, cloudinary, etc.)
+            // At the top level (serviceName is undefined), k is the service name
             const currentService = serviceName || k;
-            if (isSecretKey(k, serviceName))
+            // Check if this key should be stripped
+            if (isSecretKey(k, serviceName)) {
                 continue;
+            }
             out[k] = strip(obj[k], currentService);
         }
         return out;

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

@@ -0,0 +1,124 @@
+/**
+ * CacheManager
+ *
+ * A unified caching utility that supports Memory, LocalStorage, and SessionStorage.
+ * Includes TTL (Time-To-Live) support and automatic SSR fallback.
+ */
+export class CacheManager {
+    memoryCache = new Map();
+    defaultTTL = 60 * 60 * 1000; // 1 hour
+    mode;
+    prefix;
+    ttl;
+    constructor(options = {}) {
+        this.mode = options.mode || 'memory';
+        this.prefix = options.prefix || 'pix_';
+        this.ttl = options.ttl || this.defaultTTL;
+        // 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';
+        }
+    }
+    /**
+     * Returns the storage engine based on the mode
+     */
+    getStorage() {
+        if (typeof window === 'undefined')
+            return null;
+        if (this.mode === 'local')
+            return window.localStorage;
+        if (this.mode === 'session')
+            return window.sessionStorage;
+        return null;
+    }
+    /**
+     * Generates a prefixed key to avoid collisions
+     */
+    getFullKey(key) {
+        return `${this.prefix}${key}`;
+    }
+    /**
+     * Retrieves data from the cache
+     */
+    get(key) {
+        if (this.mode === 'none')
+            return null;
+        const fullKey = this.getFullKey(key);
+        let wrapper = null;
+        // 1. Check Memory cache first (fastest)
+        const memMatch = this.memoryCache.get(fullKey);
+        if (memMatch) {
+            wrapper = memMatch;
+        }
+        // 2. Check Browser storage if memory failed or was bypassed
+        if (!wrapper) {
+            const storage = this.getStorage();
+            if (storage) {
+                const raw = storage.getItem(fullKey);
+                if (raw) {
+                    try {
+                        wrapper = JSON.parse(raw);
+                    }
+                    catch (e) {
+                        return null;
+                    }
+                }
+            }
+        }
+        // 3. Validate Expiry
+        if (wrapper) {
+            if (Date.now() < wrapper.expiry) {
+                // Resync memory cache if we pulled from storage
+                if (!memMatch) {
+                    this.memoryCache.set(fullKey, wrapper);
+                }
+                return wrapper.data;
+            }
+            // Clean up expired items
+            this.remove(key);
+        }
+        return null;
+    }
+    /**
+     * Stores data in the cache with a specified TTL
+     */
+    set(key, data, customTTL) {
+        if (this.mode === 'none')
+            return;
+        const fullKey = this.getFullKey(key);
+        const expiry = Date.now() + (customTTL || this.ttl);
+        const wrapper = { data, expiry };
+        // Always update memory
+        this.memoryCache.set(fullKey, wrapper);
+        // Update browser storage if applicable
+        const storage = this.getStorage();
+        if (storage) {
+            storage.setItem(fullKey, JSON.stringify(wrapper));
+        }
+    }
+    /**
+     * Removes a specific item from all storage engines
+     */
+    remove(key) {
+        const fullKey = this.getFullKey(key);
+        this.memoryCache.delete(fullKey);
+        const storage = this.getStorage();
+        if (storage) {
+            storage.removeItem(fullKey);
+        }
+    }
+    /**
+     * Clears only the items belonging to this manager (by prefix)
+     */
+    clear() {
+        this.memoryCache.clear();
+        const storage = this.getStorage();
+        if (storage) {
+            Object.keys(storage).forEach(k => {
+                if (k.startsWith(this.prefix)) {
+                    storage.removeItem(k);
+                }
+            });
+        }
+    }
+}

package/dist/components/general/googlemap.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import PropTypes from "prop-types";
+import { usePixelatedConfig } from "../config/config.client";
 // https://developers.google.com/maps/documentation/embed/embedding-map
 GoogleMaps.propTypes = {
     title: PropTypes.string,
@@ -8,9 +9,11 @@ GoogleMaps.propTypes = {
     frameBorder: PropTypes.string,
     style: PropTypes.object,
     map_mode: PropTypes.string.isRequired,
-    api_key: PropTypes.string.isRequired,
+    api_key: PropTypes.string,
     parameters: PropTypes.string,
 };
 export function GoogleMaps(props) {
-    return (_jsx("div", { className: "gmap", suppressHydrationWarning: true, children: _jsx("iframe", { title: props.title || "Google Map", width: props.width || "600", height: props.height || "400", frameBorder: props.frameBorder || "0", style: props.style || { border: 0 }, referrerPolicy: "no-referrer-when-downgrade", src: `https://www.google.com/maps/embed/v1/${props.map_mode}?key=${props.api_key}&${props.parameters}`, allowFullScreen: true }) }));
+    const config = usePixelatedConfig();
+    const apiKey = props.api_key || config?.googleMaps?.apiKey;
+    return (_jsx("div", { className: "gmap", suppressHydrationWarning: true, children: _jsx("iframe", { title: props.title || "Google Map", width: props.width || "600", height: props.height || "400", frameBorder: props.frameBorder || "0", style: props.style || { border: 0 }, referrerPolicy: "no-referrer-when-downgrade", src: `https://www.google.com/maps/embed/v1/${props.map_mode}?key=${apiKey}&${props.parameters}`, allowFullScreen: true }) }));
 }

package/dist/components/general/sitemap.js

@@ -305,9 +305,11 @@ const defaultEbayProps = {
     baseItemURL: 'https://api.ebay.com/buy/browse/v1/item',
     qsItemURL: '/v1|295959752403|0?fieldgroups=PRODUCT,ADDITIONAL_SELLER_DETAILS',
     appId: 'BrianWha-Pixelate-PRD-1fb4458de-1a8431fe', // clientId
+    appDevId: 'fa7b86b5-3a10-43ae-bf6f-497aa4e55ddd',
     appCertId: 'PRD-fb4458deef01-0d54-496a-b572-a04b', // clientSecret
     sbxAppId: 'BrianWha-Pixelate-SBX-ad482b6ae-8cb8fead', // Sandbox
-    sbxAppCertId: '',
+    sbxAppDevId: 'fa7b86b5-3a10-43ae-bf6f-497aa4e55ddd',
+    sbxAppCertId: 'SBX-d482b6ae0d62-f57c-4d3c-88b7-22ec',
     globalId: 'EBAY-US',
 };
 export async function createEbayItemURLs(origin) {

package/dist/components/shoppingcart/ebay.components.js

@@ -8,7 +8,7 @@ import { defaultEbayProps, ebaySunglassCategory, getEbayItems, getEbayItem, getS
 import { addToShoppingCart } from "./shoppingcart.functions";
 import { AddToCartButton, /* GoToCartButton */ ViewItemDetails } from "./shoppingcart.components";
 import { getCloudinaryRemoteFetchURL as getImg } from "../general/cloudinary";
-import { Loading, ToggleLoading } from "../general/loading";
+import { ToggleLoading } from "../general/loading";
 import { usePixelatedConfig } from "../config/config.client";
 import "../../css/pixelated.grid.scss";
 import "./ebay.css";
@@ -44,6 +44,8 @@ export function EbayItems(props) {
     };
     async function fetchItems(props) {
         try {
+            if (debug)
+                console.log("Fetching ebay API Items Data");
             const myApiProps = { ...apiProps };
             if (props) {
                 const params = new URLSearchParams(myApiProps.qsSearchURL);
@@ -55,9 +57,9 @@ export function EbayItems(props) {
             }
             const response = await getEbayItems({ apiProps: myApiProps });
             if (debug)
-                console.log("eBay API Get Items Data", response);
-            setItems(response?.itemSummaries || []);
-            setAspects(response?.refinement?.aspectDistributions || []);
+                console.log("eBay API Search Items Data:", response);
+            setItems(response?.itemSummaries);
+            setAspects(response?.refinement?.aspectDistributions);
         }
         catch (error) {
             console.error("Error fetching eBay items:", error);
@@ -70,11 +72,11 @@ export function EbayItems(props) {
         fetchItems();
         ToggleLoading(false);
     }, []);
-    if (items.length > 0) {
-        return (_jsxs(_Fragment, { children: [_jsx(Loading, {}), _jsx("div", { className: "ebayItemsHeader", children: _jsx(EbayItemHeader, { title: `${items.length} Store Items` }) }), _jsx("div", { className: "ebayItemsHeader", children: _jsx(EbayListFilter, { aspects: aspects, callback: fetchItems }) }), _jsx("div", { id: "ebayItems", className: "ebayItems", children: paintItems({ items: items, cloudinaryProductEnv: props.cloudinaryProductEnv }) })] }));
+    if (items && items.length > 0) {
+        return (_jsxs(_Fragment, { children: [_jsx("div", { className: "ebayItemsHeader", children: _jsx(EbayItemHeader, { title: `${items.length} Store Items` }) }), _jsx("div", { className: "ebayItemsHeader", children: _jsx(EbayListFilter, { aspects: aspects, callback: fetchItems }) }), _jsx("div", { id: "ebayItems", className: "ebayItems", children: paintItems({ items: items, cloudinaryProductEnv: props.cloudinaryProductEnv }) })] }));
     }
     else {
-        return (_jsx("div", { className: "section-container", children: _jsx("div", { id: "ebayItems", className: "ebayItems", children: _jsx(Loading, {}) }) }));
+        return (_jsx("div", { className: "section-container", children: _jsx("div", { id: "ebayItems", className: "ebayItems" }) }));
     }
 }
 EbayListFilter.propTypes = {

package/dist/components/shoppingcart/ebay.functions.js

@@ -1,6 +1,13 @@
 import PropTypes from "prop-types";
 import { getCloudinaryRemoteFetchURL as getImg } from "../general/cloudinary";
+import { CacheManager } from "../general/cache-manager";
 const debug = false;
+// Initialize eBay Cache (Session storage, 1 hour TTL)
+const ebayCache = new CacheManager({
+    mode: 'session',
+    prefix: 'ebay_',
+    ttl: 60 * 60 * 1000
+});
 /* ===== EBAY BROWSE API DOCUMENTATION =====
 https://developer.ebay.com/api-docs/buy/browse/resources/item_summary/methods/search
 https://developer.ebay.com/api-docs/buy/static/ref-buy-browse-filters.html
@@ -57,10 +64,13 @@ export const defaultEbayProps = {
     qsSearchURL: '?q=sunglasses&fieldgroups=full&category_ids=79720&aspect_filter=categoryId:79720&filter=sellers:{pixelatedtech}&sort=newlyListed&limit=200',
     baseItemURL: 'https://api.ebay.com/buy/browse/v1/item',
     qsItemURL: '/v1|295959752403|0?fieldgroups=PRODUCT,ADDITIONAL_SELLER_DETAILS',
+    baseAnalyticsURL: 'https://api.ebay.com/developer/analytics/v1_beta',
     appId: 'BrianWha-Pixelate-PRD-1fb4458de-1a8431fe', // clientId
+    appDevId: 'fa7b86b5-3a10-43ae-bf6f-497aa4e55ddd',
     appCertId: 'PRD-fb4458deef01-0d54-496a-b572-a04b', // clientSecret
     sbxAppId: 'BrianWha-Pixelate-SBX-ad482b6ae-8cb8fead', // Sandbox
-    sbxAppCertId: '',
+    sbxAppDevId: 'fa7b86b5-3a10-43ae-bf6f-497aa4e55ddd',
+    sbxAppCertId: 'SBX-d482b6ae0d62-f57c-4d3c-88b7-22ec',
     globalId: 'EBAY-US',
 };
 /* ========== GET TOKEN ========== */
@@ -107,10 +117,19 @@ getEbayBrowseSearch.propTypes = {
 export function getEbayBrowseSearch(props) {
     const apiProps = { ...defaultEbayProps, ...props.apiProps };
     const fetchData = async (token) => {
+        const fullURL = apiProps.baseSearchURL + apiProps.qsSearchURL;
+        const cacheKey = `search_${fullURL}`;
+        // Check Cache
+        const cached = ebayCache.get(cacheKey);
+        if (cached) {
+            if (debug)
+                console.log("Returning cached eBay Search Data", cacheKey);
+            return cached;
+        }
         if (debug)
             console.log("Fetching ebay API Browse Search Data");
         try {
-            const response = await fetch(apiProps.proxyURL + encodeURIComponent(apiProps.baseSearchURL + apiProps.qsSearchURL), {
+            const response = await fetch(apiProps.proxyURL + encodeURIComponent(fullURL), {
                 method: 'GET',
                 headers: {
                     'Authorization': 'Bearer ' + token,
@@ -124,8 +143,10 @@ export function getEbayBrowseSearch(props) {
             }
             const data = await response.json();
             if (debug)
-                console.log("Fetched eBay API Browse Search Data:", await data);
-            return (await data);
+                console.log("Fetched eBay API Browse Search Data:", data);
+            // Store in Cache
+            ebayCache.set(cacheKey, data);
+            return data;
         }
         catch (error) {
             console.error('Error fetching data:', error);
@@ -141,10 +162,19 @@ getEbayBrowseItem.propTypes = {
 export function getEbayBrowseItem(props) {
     const apiProps = { ...defaultEbayProps, ...props.apiProps };
     const fetchData = async (token) => {
+        const fullURL = (apiProps.baseItemURL ?? '') + (apiProps.qsItemURL ?? '');
+        const cacheKey = `item_${fullURL}`;
+        // Check Cache
+        const cached = ebayCache.get(cacheKey);
+        if (cached) {
+            if (debug)
+                console.log("Returning cached eBay Item Data", cacheKey);
+            return cached;
+        }
         if (debug)
             console.log("Fetching ebay API Browse Item Data");
         try {
-            const response = await fetch(apiProps.proxyURL + encodeURIComponent((apiProps.baseItemURL ?? '') + (apiProps.qsItemURL ?? '')), {
+            const response = await fetch(apiProps.proxyURL + encodeURIComponent(fullURL), {
                 method: 'GET',
                 headers: {
                     'Authorization': 'Bearer ' + token,
@@ -158,8 +188,10 @@ export function getEbayBrowseItem(props) {
             }
             const data = await response.json();
             if (debug)
-                console.log("Fetched eBay Item Data:", await data);
-            return (await data);
+                console.log("Fetched eBay Item Data:", data);
+            // Store in Cache
+            ebayCache.set(cacheKey, data);
+            return data;
         }
         catch (error) {
             console.error('Error fetching data:', error);
@@ -167,6 +199,48 @@ export function getEbayBrowseItem(props) {
     };
     return fetchData(props.token);
 }
+/* ========== RATE LIMITS ========== */
+getEbayAllRateLimits.propTypes = {
+    apiProps: PropTypes.object.isRequired,
+    token: PropTypes.string.isRequired,
+};
+export function getEbayAllRateLimits(props) {
+    const apiProps = { ...defaultEbayProps, ...props.apiProps };
+    const fetchAllLimits = async (token) => {
+        if (debug)
+            console.log("Fetching all eBay API Rate Limits");
+        try {
+            const [rateLimitRes, userRateLimitRes] = await Promise.all([
+                fetch(apiProps.proxyURL + encodeURIComponent(apiProps.baseAnalyticsURL + '/rate_limit'), {
+                    method: 'GET',
+                    headers: { 'Authorization': 'Bearer ' + token }
+                }),
+                fetch(apiProps.proxyURL + encodeURIComponent(apiProps.baseAnalyticsURL + '/user_rate_limit'), {
+                    method: 'GET',
+                    headers: { 'Authorization': 'Bearer ' + token }
+                })
+            ]);
+            if (!rateLimitRes.ok || !userRateLimitRes.ok) {
+                throw new Error(`HTTP error! rate_limit: ${rateLimitRes.status}, user_rate_limit: ${userRateLimitRes.status}`);
+            }
+            const [rateLimit, userRateLimit] = await Promise.all([
+                rateLimitRes.json(),
+                userRateLimitRes.json()
+            ]);
+            const combinedData = {
+                rate_limit: rateLimit,
+                user_rate_limit: userRateLimit
+            };
+            if (debug)
+                console.log("Fetched Combined eBay Rate Limit Data:", combinedData);
+            return combinedData;
+        }
+        catch (error) {
+            console.error('Error fetching rate limits:', error);
+        }
+    };
+    return fetchAllLimits(props.token);
+}
 /* ========== EXPORTED FUNCTIONS ========== */
 /* ========== GET EBAY ITEMS ========== */
 getEbayItems.propTypes = {
@@ -214,10 +288,19 @@ export async function getEbayItem(props) {
 export function getEbayItemsSearch(props) {
     const apiProps = { ...defaultEbayProps, ...props.apiProps };
     const fetchData = async (token) => {
+        const fullURL = apiProps.baseSearchURL + apiProps.qsSearchURL;
+        const cacheKey = `search_${fullURL}`;
+        // Check Cache
+        const cached = ebayCache.get(cacheKey);
+        if (cached) {
+            if (debug)
+                console.log("Returning cached eBay Search Data", cacheKey);
+            return cached;
+        }
         if (debug)
-            console.log("Fetching ebay API Data");
+            console.log("Fetching ebay API Items Search Data");
         try {
-            const response = await fetch(apiProps.proxyURL + encodeURIComponent(apiProps.baseSearchURL + apiProps.qsSearchURL), {
+            const response = await fetch(apiProps.proxyURL + encodeURIComponent(fullURL), {
                 method: 'GET',
                 headers: {
                     'Authorization': 'Bearer ' + token,
@@ -230,6 +313,8 @@ export function getEbayItemsSearch(props) {
                 throw new Error(`HTTP error! status: ${response.status}`);
             }
             const data = await response.json();
+            // Store in Cache
+            ebayCache.set(cacheKey, data);
             return data;
         }
         catch (error) {

package/dist/components/shoppingcart/shoppingcart.components.js

@@ -21,9 +21,11 @@ const debug = false;
 /* ========== SHOPPING CART UI COMPONENT ========== */
 /* ================================================ */
 ShoppingCart.propTypes = {
-    payPalClientID: PropTypes.string.isRequired,
+    payPalClientID: PropTypes.string,
 };
 export function ShoppingCart(props) {
+    const config = usePixelatedConfig();
+    const payPalClientID = props.payPalClientID || config?.paypal?.payPalApiKey || config?.paypal?.sandboxPayPalApiKey;
     const [shoppingCart, setShoppingCart] = useState();
     const [shippingData, setShippingData] = useState();
     const [checkoutData, setcheckoutData] = useState();
@@ -146,7 +148,7 @@ export function ShoppingCart(props) {
     }
     else if (progressStep === "Checkout") {
         // ========== CHECKOUT ==========
-        return (_jsxs("div", { className: "pixCart", children: [_jsx(CalloutHeader, { title: "Checkout Summary : " }), checkoutData && _jsx(CheckoutItems, { ...checkoutData }), _jsx("br", {}), _jsx(FormButton, { className: "pixCartButton", type: "button", id: "backToCart", text: "<= Back To Cart", onClick: () => SetProgressStep("ShippingInfo") }), _jsx("br", {}), _jsx(PayPal, { payPalClientID: props.payPalClientID, checkoutData: getCheckoutData(), onApprove: handleOnApprove })] }));
+        return (_jsxs("div", { className: "pixCart", children: [_jsx(CalloutHeader, { title: "Checkout Summary : " }), checkoutData && _jsx(CheckoutItems, { ...checkoutData }), _jsx("br", {}), _jsx(FormButton, { className: "pixCartButton", type: "button", id: "backToCart", text: "<= Back To Cart", onClick: () => SetProgressStep("ShippingInfo") }), _jsx("br", {}), payPalClientID && (_jsx(PayPal, { payPalClientID: payPalClientID, checkoutData: getCheckoutData(), onApprove: handleOnApprove }))] }));
     }
     else if (progressStep === "ShippingInfo") {
         // ========== SHOPPING CART ==========

package/dist/config/pixelated.config.json

@@ -20,9 +20,11 @@
   "ebay": {
     "proxyURL": "https://proxy.pixelated.tech/prod/proxy?url=",
     "appId": "BrianWha-Pixelate-PRD-1fb4458de-1a8431fe",
+	"appDevId": "fa7b86b5-3a10-43ae-bf6f-497aa4e55ddd",
     "appCertId": "PRD-fb4458deef01-0d54-496a-b572-a04b",
     "sbxAppId": "BrianWha-Pixelate-SBX-ad482b6ae-8cb8fead",
-    "sbxAppCertId": "",
+	"sbxAppDevId": "fa7b86b5-3a10-43ae-bf6f-497aa4e55ddd",
+	"sbxAppCertId": "SBX-d482b6ae0d62-f57c-4d3c-88b7-22ec",
     "globalId": "EBAY_US",
     "environment": "production",
     "tokenScope": "https://api.ebay.com/oauth/api_scope",

package/dist/index.js

@@ -5,6 +5,7 @@ export * from './components/config/config.utils';
 export * from './components/general/404';
 export * from './components/general/accordion';
 export * from './components/general/buzzwordbingo';
+export * from './components/general/cache-manager';
 export * from './components/general/calendly';
 export * from './components/general/callout';
 export * from './components/general/carousel';

package/dist/scripts/release.sh

@@ -143,7 +143,7 @@ fi
 echo ""
 echo "💾 Step 5: Committing changes..."
 echo "================================================="
-if grep -q "\"config:encrypt\":" package.json && [ -f "./src/app/config/pixelated.config.json" ]; then
+if grep -q "\"config:encrypt\":" package.json; then
     echo "🔒 Encrypting configuration..."
     npm run config:encrypt
 fi
@@ -200,7 +200,7 @@ else
     echo "ℹ️  Tag v$new_version already exists"
 fi
 
-if grep -q "\"config:decrypt\":" package.json && [ -f "./src/app/config/pixelated.config.json" ]; then
+if grep -q "\"config:decrypt\":" package.json; then
     echo "🔓 Decrypting configuration for local development..."
     npm run config:decrypt
 fi

package/dist/test/config.mock.js

@@ -0,0 +1,13 @@
+import configJson from '@/config/pixelated.config.json';
+/**
+ * Standard mock configuration derived from the main pixelated.config.json.
+ * Used as the default configuration for renderWithProviders in tests.
+ */
+export const mockConfig = configJson;
+/**
+ * Helper to create a partial configuration override for specific test cases.
+ */
+export const createMockConfig = (overrides) => ({
+    ...mockConfig,
+    ...overrides,
+});

package/dist/test/setup.js

@@ -0,0 +1,46 @@
+import { afterEach, vi, beforeAll, afterAll } from 'vitest';
+import { cleanup } from '@testing-library/react';
+import '@testing-library/jest-dom';
+// Cleanup after each test
+afterEach(() => {
+    cleanup();
+});
+// Mock window.matchMedia
+Object.defineProperty(window, 'matchMedia', {
+    writable: true,
+    value: vi.fn().mockImplementation(query => ({
+        matches: false,
+        media: query,
+        onchange: null,
+        addListener: vi.fn(),
+        removeListener: vi.fn(),
+        addEventListener: vi.fn(),
+        removeEventListener: vi.fn(),
+        dispatchEvent: vi.fn(),
+    })),
+});
+// Mock IntersectionObserver
+global.IntersectionObserver = class IntersectionObserver {
+    constructor() { }
+    disconnect() { }
+    observe() { }
+    takeRecords() {
+        return [];
+    }
+    unobserve() { }
+};
+// Suppress console errors in tests (optional)
+const originalError = console.error;
+beforeAll(() => {
+    console.error = (...args) => {
+        if (typeof args[0] === 'string' &&
+            (args[0].includes('Warning: ReactDOM.render') ||
+                args[0].includes('Not implemented: HTMLFormElement.prototype.submit'))) {
+            return;
+        }
+        originalError.call(console, ...args);
+    };
+});
+afterAll(() => {
+    console.error = originalError;
+});

package/dist/test/test-utils.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from '@testing-library/react';
+import { PixelatedClientConfigProvider } from '@/components/config/config.client';
+import { mockConfig } from './config.mock';
+/**
+ * Custom render function that wraps components in the necessary providers.
+ * Defaults to using the mock version of the global pixelated.config.json.
+ */
+function renderWithProviders(ui, { config = {}, ...renderOptions } = {}) {
+    const mergedConfig = { ...mockConfig, ...config };
+    function Wrapper({ children }) {
+        return (_jsx(PixelatedClientConfigProvider, { config: mergedConfig, children: children }));
+    }
+    return {
+        ...render(ui, { wrapper: Wrapper, ...renderOptions }),
+        config: mergedConfig,
+    };
+}
+// Re-export everything from RTL
+export * from '@testing-library/react';
+// Override the default render with our custom one
+export { renderWithProviders as render };
+export { renderWithProviders };

package/dist/types/components/admin/site-health/site-health-utils.d.ts

@@ -13,5 +13,5 @@ export declare function formatScore(score: number | null): string;
 /**
  * Formats audit item details for display
  */
-export declare function formatAuditItem(item: Record<string, unknown>, auditTitle?: string): string;
+export declare function formatAuditItem(item: Record<string, unknown> | number, auditTitle?: string): string;
 //# sourceMappingURL=site-health-utils.d.ts.map

package/dist/types/components/admin/site-health/site-health-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"site-health-utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/admin/site-health/site-health-utils.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAE9D;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAE1D;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAGxD;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CA2J1F"}
+{"version":3,"file":"site-health-utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/admin/site-health/site-health-utils.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAE9D;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAE1D;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAGxD;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CA8KnG"}