@pixelated-tech/components 3.8.1 → 3.9.0

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

@@ -4,7 +4,7 @@ import { useState, useEffect } from "react";
 import PropTypes from "prop-types";
 import { Carousel } from '../general/carousel';
 import { SmartImage } from "../general/smartimage";
-import { defaultEbayProps, ebaySunglassCategory, getEbayItems, getEbayItem, getShoppingCartItem } from "./ebay.functions";
+import { getEbayItems, getEbayItem, getShoppingCartItem, getEbayRateLimits, getEbayAppToken } from "./ebay.functions";
 import { addToShoppingCart } from "./shoppingcart.functions";
 import { AddToCartButton, /* GoToCartButton */ ViewItemDetails } from "./shoppingcart.components";
 import { getCloudinaryRemoteFetchURL as getImg } from "../general/cloudinary";
@@ -20,9 +20,10 @@ EbayItems.propTypes = {
 };
 export function EbayItems(props) {
     // https://developer.ebay.com/devzone/finding/HowTo/GettingStarted_JS_NV_JSON/GettingStarted_JS_NV_JSON.html
+    const config = usePixelatedConfig();
     const [items, setItems] = useState([]);
     const [aspects, setAspects] = useState([]);
-    const [apiProps] = useState({ ...defaultEbayProps, ...props.apiProps });
+    const apiProps = { ...(config?.ebay || {}), ...props.apiProps };
     paintItems.propTypes = {
         items: PropTypes.array.isRequired,
         cloudinaryProductEnv: PropTypes.string,
@@ -33,7 +34,7 @@ export function EbayItems(props) {
         let newItems = [];
         for (let key in props.items) {
             const item = props.items[key];
-            const newItem = _jsx(EbayListItem, { item: item, cloudinaryProductEnv: props.cloudinaryProductEnv }, item.legacyItemId);
+            const newItem = _jsx(EbayListItem, { item: item, apiProps: apiProps, cloudinaryProductEnv: props.cloudinaryProductEnv }, item.legacyItemId);
             newItems.push(newItem);
         }
         return newItems;
@@ -126,16 +127,18 @@ export function EbayListFilter(props) {
 EbayListItem.propTypes = {
     item: PropTypes.any.isRequired,
     cloudinaryProductEnv: PropTypes.string,
+    apiProps: PropTypes.any,
 };
 export function EbayListItem(props) {
     const thisItem = props.item;
+    const apiProps = props.apiProps;
     // const itemURL = thisItem.itemWebUrl;
     const itemURL = "./store/" + thisItem.legacyItemId;
     const itemURLTarget = "_self"; /* "_blank" */
     const itemImage = (props.cloudinaryProductEnv)
         ? getImg({ url: thisItem.thumbnailImages[0].imageUrl, product_env: props.cloudinaryProductEnv })
         : thisItem.thumbnailImages[0].imageUrl;
-    const shoppingCartItem = getShoppingCartItem({ thisItem: thisItem, cloudinaryProductEnv: props.cloudinaryProductEnv });
+    const shoppingCartItem = getShoppingCartItem({ thisItem: thisItem, cloudinaryProductEnv: props.cloudinaryProductEnv, apiProps: apiProps });
     // CHANGE EBAY URL TO LOCAL EBAY ITEM DETAIL URL
     shoppingCartItem.itemURL = itemURL;
     const config = usePixelatedConfig();
@@ -145,7 +148,7 @@ export function EbayListItem(props) {
                     ? _jsx("a", { href: itemURL, target: itemURLTarget, rel: "noopener noreferrer", children: itemImageComponent })
                     : (itemImageComponent) }), _jsxs("div", { className: "ebayItemBody grid-s5-e13", children: [_jsx("div", { className: "ebayItemHeader", children: itemURL
                             ? _jsx(EbayItemHeader, { url: itemURL, target: itemURLTarget, title: thisItem.title })
-                            : _jsx(EbayItemHeader, { title: thisItem.title }) }), _jsxs("div", { className: "ebayItemDetails grid12", children: [_jsxs("div", { children: [_jsx("b", { children: "Item ID: " }), thisItem.legacyItemId] }), _jsxs("div", { children: [_jsx("b", { children: "Quantity: " }), thisItem.categories[0].categoryId == ebaySunglassCategory ? 1 : 10] }), _jsxs("div", { children: [_jsx("b", { children: "Condition: " }), thisItem.condition] }), _jsxs("div", { children: [_jsx("b", { children: "Seller: " }), thisItem.seller.username, " (", thisItem.seller.feedbackScore, ")", _jsx("br", {}), thisItem.seller.feedbackPercentage, "% positive"] }), _jsxs("div", { children: [_jsx("b", { children: "Buying Options: " }), thisItem.buyingOptions[0]] }), _jsxs("div", { children: [_jsx("b", { children: "Location: " }), thisItem.itemLocation.postalCode + ", " + thisItem.itemLocation.country] }), _jsxs("div", { children: [_jsx("b", { children: "Listing Date: " }), thisItem.itemCreationDate] })] }), _jsx("div", { className: "ebayItemPrice", children: itemURL
+                            : _jsx(EbayItemHeader, { title: thisItem.title }) }), _jsxs("div", { className: "ebayItemDetails grid12", children: [_jsxs("div", { children: [_jsx("b", { children: "Item ID: " }), thisItem.legacyItemId] }), _jsxs("div", { children: [_jsx("b", { children: "Quantity: " }), thisItem.categories[0].categoryId == apiProps.itemCategory ? 1 : 10] }), _jsxs("div", { children: [_jsx("b", { children: "Condition: " }), thisItem.condition] }), _jsxs("div", { children: [_jsx("b", { children: "Seller: " }), thisItem.seller.username, " (", thisItem.seller.feedbackScore, ")", _jsx("br", {}), thisItem.seller.feedbackPercentage, "% positive"] }), _jsxs("div", { children: [_jsx("b", { children: "Buying Options: " }), thisItem.buyingOptions[0]] }), _jsxs("div", { children: [_jsx("b", { children: "Location: " }), thisItem.itemLocation.postalCode + ", " + thisItem.itemLocation.country] }), _jsxs("div", { children: [_jsx("b", { children: "Listing Date: " }), thisItem.itemCreationDate] })] }), _jsx("div", { className: "ebayItemPrice", children: itemURL
                             ? _jsxs("a", { href: itemURL, target: itemURLTarget, rel: "noreferrer", children: ["$", thisItem.price.value + " " + thisItem.price.currency] })
                             : "$" + thisItem.price.value + " " + thisItem.price.currency }), _jsx("br", {}), _jsxs("div", { className: "ebayItemAddToCart", children: [_jsx(ViewItemDetails, { href: "/store", itemID: thisItem.legacyItemId }), _jsx(AddToCartButton, { handler: addToShoppingCart, item: shoppingCartItem, itemID: thisItem.legacyItemId })] })] })] }));
 }
@@ -166,8 +169,9 @@ EbayItemDetail.propTypes = {
     cloudinaryProductEnv: PropTypes.string,
 };
 export function EbayItemDetail(props) {
+    const config = usePixelatedConfig();
     const [item, setItem] = useState({});
-    const [apiProps] = useState({ ...defaultEbayProps, ...props.apiProps });
+    const apiProps = { ...(config?.ebay || {}), ...props.apiProps };
     useEffect(() => {
         if (debug)
             console.log("Running useEffect");
@@ -193,11 +197,11 @@ export function EbayItemDetail(props) {
                 : thisImage.imageUrl }));
         const itemURL = undefined;
         const itemURLTarget = "_self"; /* "_blank" */
-        const shoppingCartItem = getShoppingCartItem({ thisItem: thisItem, cloudinaryProductEnv: props.cloudinaryProductEnv });
+        const shoppingCartItem = getShoppingCartItem({ thisItem: thisItem, cloudinaryProductEnv: props.cloudinaryProductEnv, apiProps: apiProps });
         shoppingCartItem.itemURL = itemURL;
         return (_jsx(_Fragment, { children: _jsxs("div", { className: "ebayItem row-12col", children: [_jsx("div", { className: "ebayItemHeader grid-s1-e13", children: itemURL
                             ? _jsx(EbayItemHeader, { url: itemURL, title: thisItem.title })
-                            : _jsx(EbayItemHeader, { title: thisItem.title }) }), _jsx("br", {}), _jsx("div", { className: "ebayItemPhotoCarousel grid-s1-e7", children: _jsx(Carousel, { cards: images, draggable: true, imgFit: "contain" }) }), _jsxs("div", { className: "grid-s7-e13", children: [_jsx("div", { className: "ebayItemDetails grid12", children: _jsx("div", { dangerouslySetInnerHTML: { __html: thisItem.description.replace(/(<br\s*\/?>\s*){2,}/gi, '') } }) }), _jsx("br", {}), _jsxs("div", { className: "ebayItemDetails grid12", children: [_jsxs("div", { children: [_jsx("b", { children: "Item ID: " }), thisItem.legacyItemId] }), _jsxs("div", { children: [_jsx("b", { children: "Quantity: " }), thisItem.categoryId == ebaySunglassCategory ? 1 : 10] }), _jsxs("div", { children: [_jsx("b", { children: "Category: " }), thisItem.categoryPath] }), _jsxs("div", { children: [_jsx("b", { children: "Condition: " }), thisItem.condition] }), _jsxs("div", { children: [_jsx("b", { children: "Seller: " }), thisItem.seller.username, " (", thisItem.seller.feedbackScore, ")", _jsx("br", {}), thisItem.seller.feedbackPercentage, "% positive"] }), _jsxs("div", { children: [_jsx("b", { children: "Buying Options: " }), thisItem.buyingOptions[0]] }), _jsxs("div", { children: [_jsx("b", { children: "Location: " }), thisItem.itemLocation.city + ", " + thisItem.itemLocation.stateOrProvince] }), _jsxs("div", { children: [_jsx("b", { children: "Listing Date: " }), thisItem.itemCreationDate] }), _jsx("br", {})] }), _jsx("div", { className: "ebayItemPrice", children: itemURL
+                            : _jsx(EbayItemHeader, { title: thisItem.title }) }), _jsx("br", {}), _jsx("div", { className: "ebayItemPhotoCarousel grid-s1-e7", children: _jsx(Carousel, { cards: images, draggable: true, imgFit: "contain" }) }), _jsxs("div", { className: "grid-s7-e13", children: [_jsx("div", { className: "ebayItemDetails grid12", children: _jsx("div", { dangerouslySetInnerHTML: { __html: thisItem.description.replace(/(<br\s*\/?>\s*){2,}/gi, '') } }) }), _jsx("br", {}), _jsxs("div", { className: "ebayItemDetails grid12", children: [_jsxs("div", { children: [_jsx("b", { children: "Item ID: " }), thisItem.legacyItemId] }), _jsxs("div", { children: [_jsx("b", { children: "Quantity: " }), thisItem.categoryId == apiProps.itemCategory ? 1 : 10] }), _jsxs("div", { children: [_jsx("b", { children: "Category: " }), thisItem.categoryPath] }), _jsxs("div", { children: [_jsx("b", { children: "Condition: " }), thisItem.condition] }), _jsxs("div", { children: [_jsx("b", { children: "Seller: " }), thisItem.seller.username, " (", thisItem.seller.feedbackScore, ")", _jsx("br", {}), thisItem.seller.feedbackPercentage, "% positive"] }), _jsxs("div", { children: [_jsx("b", { children: "Buying Options: " }), thisItem.buyingOptions[0]] }), _jsxs("div", { children: [_jsx("b", { children: "Location: " }), thisItem.itemLocation.city + ", " + thisItem.itemLocation.stateOrProvince] }), _jsxs("div", { children: [_jsx("b", { children: "Listing Date: " }), thisItem.itemCreationDate] }), _jsx("br", {})] }), _jsx("div", { className: "ebayItemPrice", children: itemURL
                                     ? _jsxs("a", { href: itemURL, target: itemURLTarget, rel: "noreferrer", children: ["$", thisItem.price.value + " " + thisItem.price.currency] })
                                     : "$" + thisItem.price.value + " " + thisItem.price.currency }), _jsx("br", {}), _jsx("div", { className: "ebayItemAddToCart", children: _jsx(AddToCartButton, { handler: addToShoppingCart, item: shoppingCartItem, itemID: thisItem.legacyItemId }) })] })] }) }));
     }
@@ -205,3 +209,105 @@ export function EbayItemDetail(props) {
         return (_jsx(_Fragment, { children: _jsx("div", { id: "ebayItems", className: "ebayItems", children: _jsx("div", { className: "centered", children: "Loading..." }) }) }));
     }
 }
+/* ========== EBAY RATE LIMITS VISUALIZER ========== */
+EbayRateLimitsVisualizer.propTypes = {
+    token: PropTypes.string,
+    apiProps: PropTypes.object,
+};
+export function EbayRateLimitsVisualizer(props) {
+    const config = usePixelatedConfig();
+    const apiProps = {
+        ...(config?.ebay || {}),
+        ...props.apiProps
+    };
+    const [token, setToken] = useState(props.token || '');
+    const [data, setData] = useState(null);
+    const [loading, setLoading] = useState(false);
+    const [fetchingToken, setFetchingToken] = useState(false);
+    const [error, setError] = useState(null);
+    const fetchToken = async () => {
+        setFetchingToken(true);
+        setError(null);
+        try {
+            const newToken = await getEbayAppToken({ apiProps });
+            if (newToken) {
+                setToken(newToken);
+                return newToken;
+            }
+            else {
+                setError('Failed to fetch eBay token. Check your appId and appCertId.');
+            }
+        }
+        catch (e) {
+            setError('Token fetch error: ' + e.message);
+        }
+        finally {
+            setFetchingToken(false);
+        }
+    };
+    // Auto-fetch token on mount if credentials are available
+    useEffect(() => {
+        if (!token && apiProps.appId && apiProps.appCertId) {
+            fetchToken();
+        }
+    }, []);
+    const fetchData = async () => {
+        setLoading(true);
+        setError(null);
+        try {
+            const result = await getEbayRateLimits({
+                token: token,
+                apiProps: apiProps
+            });
+            setData(result);
+        }
+        catch (e) {
+            setError(e.message || 'Failed to fetch data');
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    const showMockData = () => {
+        setData({
+            rate_limit: {
+                apiContext: "Buy",
+                apiName: "Browse",
+                apiVersion: "v1",
+                resources: [
+                    {
+                        resourceName: "item_summary",
+                        methods: [
+                            {
+                                methodName: "search",
+                                quotaTotal: 5000,
+                                quotaRemaining: 4950,
+                                quotaResets: "2026-01-10T00:00:00.000Z"
+                            }
+                        ]
+                    }
+                ]
+            },
+            user_rate_limit: {
+                userContext: "Individual",
+                resources: [
+                    {
+                        resourceName: "item",
+                        methods: [
+                            {
+                                methodName: "get",
+                                quotaTotal: 1000,
+                                quotaRemaining: 990,
+                                quotaResets: "2026-01-10T00:00:00.000Z"
+                            }
+                        ]
+                    }
+                ]
+            }
+        });
+    };
+    // Check for API-level errors in the returned data
+    const hasTokenError = data?.rate_limit?.errors?.[0]?.message === "Invalid access token" ||
+        data?.user_rate_limit?.errors?.[0]?.message === "Invalid access token";
+    return (_jsxs("div", { style: { padding: '20px', fontFamily: 'sans-serif', border: '1px solid #ddd', borderRadius: '8px' }, children: [_jsx("h3", { children: "Ebay Rate Limits Data Visualizer" }), _jsxs("div", { style: { marginBottom: '20px', display: 'flex', flexDirection: 'column', gap: '10px' }, children: [_jsxs("div", { style: { display: 'flex', gap: '10px', alignItems: 'center' }, children: [_jsx("label", { htmlFor: "ebay-token", children: _jsx("b", { children: "Token:" }) }), _jsx("input", { id: "ebay-token", type: "text", value: token, onChange: (e) => setToken(e.target.value), placeholder: "Paste eBay token here", style: { flexGrow: 1, padding: '5px', fontFamily: 'monospace' } }), _jsx("button", { onClick: fetchToken, disabled: fetchingToken || !apiProps.appId, children: fetchingToken ? 'Fetching Token...' : 'Auto-Fetch Token' })] }), _jsxs("div", { style: { display: 'flex', gap: '10px' }, children: [_jsx("button", { onClick: fetchData, disabled: loading || !token, style: { padding: '8px 16px', cursor: 'pointer', background: '#0070f3', color: 'white', border: 'none', borderRadius: '4px' }, children: loading ? 'Fetching Limits...' : 'Fetch Rate Limits' }), _jsx("button", { onClick: showMockData, style: { padding: '8px 16px', cursor: 'pointer', border: '1px solid #ccc', borderRadius: '4px', background: 'white' }, children: "Load Sample Structure" })] })] }), error && (_jsxs("div", { style: { color: '#d00', background: '#fff5f5', padding: '10px', borderRadius: '4px', marginBottom: '10px', border: '1px solid #feb2b2' }, children: [_jsx("b", { children: "Error:" }), " ", error] })), hasTokenError && (_jsxs("div", { style: { color: '#c53030', background: '#fff5f5', padding: '10px', borderRadius: '4px', marginBottom: '10px', border: '1px solid #feb2b2' }, children: ["\uD83D\uDEA8 ", _jsx("b", { children: "Authentication Error:" }), " Your eBay access token is invalid or expired. Use \"Auto-Fetch Token\" if credentials are set, or paste a new one."] })), data ? (_jsxs("div", { style: { marginTop: '20px' }, children: [_jsxs("div", { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center' }, children: [_jsx("h4", { children: "Response Data:" }), _jsx("button", { onClick: () => setData(null), style: { padding: '4px 8px', fontSize: '12px' }, children: "Clear" })] }), _jsx("pre", { style: { background: '#f8f9fa', padding: '15px', borderRadius: '5px', overflow: 'auto', border: '1px solid #e9ecef', fontSize: '13px' }, children: JSON.stringify(data, null, 2) })] })) : (_jsx("div", { style: { color: '#666', fontStyle: 'italic', marginTop: '20px' }, children: "No rate limit data loaded yet." }))] }));
+}

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

@@ -15,21 +15,55 @@ https://developer.ebay.com/api-docs/static/oauth-ui-tokens.html
 https://developer.ebay.com/my/keys
 https://developer.ebay.com/my/auth?env=production&index=0
 */
-// category : 0 : {categoryId: '79720', categoryName: 'Sunglasses'}
-// category : 0 : {categoryId: '179241', categoryName: 'Accessories'}
-// categoryId : "79720"
-export const ebaySunglassCategory = '79720'; // Ebay Sunglasses Category
+/**
+ * Merges provided props with server-side config if available.
+ * This ensures functions work out-of-the-box on the server without manual prop passing.
+ */
+function getMergedEbayConfig(providedApiProps) {
+    let apiProps = {
+        proxyURL: '',
+        baseTokenURL: '',
+        baseSearchURL: '',
+        qsSearchURL: '',
+        baseItemURL: '',
+        qsItemURL: '',
+        baseAnalyticsURL: '',
+        ...providedApiProps
+    };
+    if (typeof window === 'undefined') {
+        try {
+            // eslint-disable-next-line @typescript-eslint/no-require-imports
+            const { getFullPixelatedConfig } = require('../config/config');
+            const config = getFullPixelatedConfig();
+            if (config) {
+                apiProps = {
+                    proxyURL: config.global?.proxyUrl || '',
+                    ...apiProps,
+                    ...(config.ebay || {}),
+                    ...providedApiProps
+                };
+            }
+        }
+        catch (e) {
+            // Fail-silent, use what we have
+        }
+    }
+    return apiProps;
+}
 getShoppingCartItem.propTypes = {
     thisItem: PropTypes.any.isRequired,
     cloudinaryProductEnv: PropTypes.string,
+    apiProps: PropTypes.any,
 };
 export function getShoppingCartItem(props) {
     let qty = 0;
     const thisItem = props.thisItem;
-    if (thisItem.categoryId && thisItem.categoryId == ebaySunglassCategory) {
+    const apiProps = props.apiProps;
+    const itemCategory = apiProps?.itemCategory;
+    if (thisItem.categoryId && thisItem.categoryId == itemCategory) {
         qty = 1;
     }
-    else if (thisItem.categories[0].categoryId && thisItem.categories[0].categoryId == ebaySunglassCategory) {
+    else if (thisItem.categories?.[0]?.categoryId && thisItem.categories[0].categoryId == itemCategory) {
         qty = 1;
     }
     else {
@@ -56,29 +90,12 @@ search tokenScope: 'https://api.ebay.com/oauth/api_scope',
 item tokenScope: 'https://api.ebay.com/oauth/api_scope/buy.item.bulk',
 getItem tokenScope: 'https://api.ebay.com/oauth/api_scope',
 */
-export const defaultEbayProps = {
-    proxyURL: "https://proxy.pixelated.tech/prod/proxy?url=",
-    baseTokenURL: 'https://api.ebay.com/identity/v1/oauth2/token',
-    tokenScope: 'https://api.ebay.com/oauth/api_scope',
-    baseSearchURL: 'https://api.ebay.com/buy/browse/v1/item_summary/search',
-    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
-    sbxAppDevId: 'fa7b86b5-3a10-43ae-bf6f-497aa4e55ddd',
-    sbxAppCertId: 'SBX-d482b6ae0d62-f57c-4d3c-88b7-22ec',
-    globalId: 'EBAY-US',
-};
 /* ========== GET TOKEN ========== */
 getEbayAppToken.propTypes = {
     apiProps: PropTypes.object.isRequired,
 };
 export function getEbayAppToken(props) {
-    const apiProps = { ...defaultEbayProps, ...props.apiProps };
+    const apiProps = getMergedEbayConfig(props.apiProps);
     const fetchToken = async () => {
         if (debug)
             console.log("Fetching Token");
@@ -115,7 +132,7 @@ getEbayBrowseSearch.propTypes = {
     token: PropTypes.string.isRequired,
 };
 export function getEbayBrowseSearch(props) {
-    const apiProps = { ...defaultEbayProps, ...props.apiProps };
+    const apiProps = getMergedEbayConfig(props.apiProps);
     const fetchData = async (token) => {
         const fullURL = apiProps.baseSearchURL + apiProps.qsSearchURL;
         const cacheKey = `search_${fullURL}`;
@@ -160,7 +177,7 @@ getEbayBrowseItem.propTypes = {
     token: PropTypes.string.isRequired,
 };
 export function getEbayBrowseItem(props) {
-    const apiProps = { ...defaultEbayProps, ...props.apiProps };
+    const apiProps = getMergedEbayConfig(props.apiProps);
     const fetchData = async (token) => {
         const fullURL = (apiProps.baseItemURL ?? '') + (apiProps.qsItemURL ?? '');
         const cacheKey = `item_${fullURL}`;
@@ -200,12 +217,12 @@ export function getEbayBrowseItem(props) {
     return fetchData(props.token);
 }
 /* ========== RATE LIMITS ========== */
-getEbayAllRateLimits.propTypes = {
+getEbayRateLimits.propTypes = {
     apiProps: PropTypes.object.isRequired,
     token: PropTypes.string.isRequired,
 };
-export function getEbayAllRateLimits(props) {
-    const apiProps = { ...defaultEbayProps, ...props.apiProps };
+export function getEbayRateLimits(props) {
+    const apiProps = getMergedEbayConfig(props.apiProps);
     const fetchAllLimits = async (token) => {
         if (debug)
             console.log("Fetching all eBay API Rate Limits");
@@ -247,7 +264,7 @@ getEbayItems.propTypes = {
     apiProps: PropTypes.object.isRequired,
 };
 export async function getEbayItems(props) {
-    const apiProps = { ...defaultEbayProps, ...props.apiProps };
+    const apiProps = getMergedEbayConfig(props.apiProps);
     try {
         const response = await getEbayAppToken({ apiProps: apiProps });
         if (debug)
@@ -268,7 +285,7 @@ getEbayItem.propTypes = {
     apiProps: PropTypes.object.isRequired,
 };
 export async function getEbayItem(props) {
-    const apiProps = { ...defaultEbayProps, ...props.apiProps };
+    const apiProps = getMergedEbayConfig(props.apiProps);
     try {
         const response = await getEbayAppToken({ apiProps: apiProps });
         if (debug)
@@ -286,7 +303,7 @@ export async function getEbayItem(props) {
 }
 /* ========== ITEM SEARCH ========== */
 export function getEbayItemsSearch(props) {
-    const apiProps = { ...defaultEbayProps, ...props.apiProps };
+    const apiProps = getMergedEbayConfig(props.apiProps);
     const fetchData = async (token) => {
         const fullURL = apiProps.baseSearchURL + apiProps.qsSearchURL;
         const cacheKey = `search_${fullURL}`;

package/dist/components/sitebuilder/config/ConfigEngine.js

@@ -1,8 +1,11 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { generateGoogleFontsUrl } from './google-fonts';
 import { ALL_WEBSAFE_FONTS } from './fonts';
+import { assertVisualDesign } from '../../config/config.validators';
 export function VisualDesignStyles({ visualdesign }) {
-    const tokens = visualdesign || {};
+    // Validate visualdesign early so invalid routes.json fails fast
+    assertVisualDesign(visualdesign);
+    const tokens = visualdesign;
     const resolveValue = (v) => (v && typeof v === 'object' && 'value' in v) ? v.value : v;
     // Check if Google Fonts are being used
     const hasGoogleFonts = () => {
@@ -82,7 +85,7 @@ export function VisualDesignStyles({ visualdesign }) {
  * Component to handle Google Fonts imports - should be used in the document head
  */
 export function GoogleFontsImports({ visualdesign }) {
-    const tokens = visualdesign || {};
+    const tokens = visualdesign;
     const fonts = [];
     // Extract Google font names from the new 3-field font structure
     for (const [key, val] of Object.entries(tokens)) {

package/dist/components/sitebuilder/config/google-fonts.js

@@ -2,6 +2,7 @@
  * Google Fonts Integration
  * Fetches and caches Google Fonts data for use in visual design forms
  */
+import { getFullPixelatedConfig } from '../../config/config';
 // Cache for Google Fonts data
 let fontsCache = null;
 let cacheTimestamp = 0;
@@ -31,16 +32,17 @@ const FALLBACK_GOOGLE_FONTS = [
 ];
 /**
  * Fetch Google Fonts list from API
- * Note: Requires GOOGLE_FONTS_API_KEY environment variable
+ * Reads API key from `pixelated.config.json` under `google.api_key` (server-side)
  */
 export async function fetchGoogleFonts() {
     // Check cache first
     if (fontsCache && (Date.now() - cacheTimestamp) < CACHE_DURATION) {
         return fontsCache;
     }
-    const apiKey = process.env.GOOGLE_FONTS_API_KEY;
+    const cfg = getFullPixelatedConfig();
+    const apiKey = cfg?.google?.api_key;
     if (!apiKey) {
-        console.warn('GOOGLE_FONTS_API_KEY not set, returning empty fonts list');
+        console.warn('google.api_key not set in pixelated.config.json; returning empty fonts list');
         return [];
     }
     try {

package/dist/components/sitebuilder/page/lib/pageStorageLocal.js

@@ -1,6 +1,7 @@
 import fs from 'fs';
 import path from 'path';
-const PAGES_DIR = process.env.PAGES_DIR || 'public/data/pages';
+import { getFullPixelatedConfig } from '../../../config/config';
+const PAGES_DIR = getFullPixelatedConfig()?.global?.pagesDir || 'public/data/pages';
 /**
  * Get absolute path to pages directory
  */

package/dist/config/pixelated.config.json

@@ -1,72 +1,84 @@
 {
-  "global": {
-    "proxyUrl": "https://proxy.pixelated.tech/prod/proxy?url="
-  },
-  "cloudinary": {
-    "product_env": "dlbon7tpq",
-    "baseUrl": "https://res.cloudinary.com",
-    "secure": true,
-    "transforms": "f_auto,c_limit,q_auto,dpr_auto"
-  },
-  "contentful": {
-    "proxyURL": "https://proxy.pixelated.tech/prod/proxy?url=",
-    "base_url": "https://cdn.contentful.com",
-    "space_id": "ank9sh265hdu",
-    "environment": "master",
-    "delivery_access_token": "gcbxpeK2rfX4esUvaA9Hn_ngVuez03YfnGp5DHyVh5A",
-    "management_access_token": "CFPAT-CZmIOPsdKL7IU9UV6oVSTvM91MW9Se4g52gmBn-WlA4",
-    "preview_access_token": "W1Dw8BN_YzvqRoymEYDjBABQB3ulxTR421m2VfiLCyw"
-  },
-  "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",
-	"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",
-    "baseTokenURL": "https://api.ebay.com/identity/v1/oauth2/token",
-    "baseSearchURL": "https://api.ebay.com/buy/browse/v1/item_summary/search",
-    "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"
-  },
-  "flickr": {
-    "baseURL": "https://api.flickr.com/services/rest/?",
-    "urlProps": {
-      "method": "flickr.photos.search",
-      "api_key": "882cab5548d53c9e6b5fb24d59cc321d",
-      "user_id": "15473210@N04",
-      "tags": "pixelatedviewsgallery",
-      "extras": "date_taken,description,owner_name",
-      "sort": "date-taken-desc",
-      "per_page": 500,
-      "format": "json",
-      "photoSize": "Medium",
-      "nojsoncallback": "true"
-    }
-  },
-  "googleAnalytics": {
-    "id": "G-1J1W90VBE1",
-    "adId": "AW-17721931789"
-  },
-  "googleSearchConsole": {
-    "id": "009500278966481927899:bcssp73qony"
-  },
-  "googleMaps": {
-    "apiKey": "AIzaSyBJVi0O9Ir9imRgINLZbojTifatX-Z4aUs"
-  },
-  "paypal": {
-    "sandboxPayPalApiKey": "AT10GG2ZHoApTtEw7dJoU6XRDYkf3wEvK2k_-eZ9GOvOK-REphG8yKCyZCqFi95OrxKgrdctlfWxayHG",
-    "sandboxPayPalSecret": "EDUrdPonwcNYZwO5j7hNmFSmF-13zptaCndUnO0-Vr_j0GYEW4m-Tfar9IaukHwm0ixL5fUojOOFtZVk",
-    "payPalApiKey": "AeWRwYpsrfslATCndF6xjL4GLcqA1UxQZLC5vxQE-FTvPezXfLbCJO_uAFk5zoXUKRFnP-zJ_73yEkBE",
-    "payPalSecret": "EBvYvynRXZCI6RbK4rg2NiENNG4N8tbgl8qAmpxB6f9nUkZjXMODxXJZ91JycP439kPrQcnB7uRKp0-F"
-  },
-  "wordpress": {
-    "baseURL": "https://public-api.wordpress.com/rest/v1/sites/",
-    "site": "blog.pixelated.tech"
-  }
-}
+	"global": {
+		"proxyUrl": "https://proxy.pixelated.tech/prod/proxy?url="
+	},
+	"cloudinary": {
+		"product_env": "dlbon7tpq",
+		"baseUrl": "https://res.cloudinary.com",
+		"secure": true,
+		"transforms": "f_auto,c_limit,q_auto,dpr_auto"
+	},
+	"contentful": {
+		"proxyURL": "https://proxy.pixelated.tech/prod/proxy?url=",
+		"base_url": "https://cdn.contentful.com",
+		"space_id": "ank9sh265hdu",
+		"environment": "master",
+		"delivery_access_token": "gcbxpeK2rfX4esUvaA9Hn_ngVuez03YfnGp5DHyVh5A",
+		"management_access_token": "CFPAT-CZmIOPsdKL7IU9UV6oVSTvM91MW9Se4g52gmBn-WlA4",
+		"preview_access_token": "W1Dw8BN_YzvqRoymEYDjBABQB3ulxTR421m2VfiLCyw"
+	},
+	"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",
+		"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",
+		"baseTokenURL": "https://api.ebay.com/identity/v1/oauth2/token",
+		"baseSearchURL": "https://api.ebay.com/buy/browse/v1/item_summary/search",
+		"baseAnalyticsURL": "https://api.ebay.com/developer/analytics/v1_beta",
+		"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",
+		"itemCategory": "79720"
+	},
+	"flickr": {
+		"baseURL": "https://api.flickr.com/services/rest/?",
+		"urlProps": {
+			"method": "flickr.photos.search",
+			"api_key": "882cab5548d53c9e6b5fb24d59cc321d",
+			"user_id": "15473210@N04",
+			"tags": "pixelatedviewsgallery",
+			"extras": "date_taken,description,owner_name",
+			"sort": "date-taken-desc",
+			"per_page": 500,
+			"format": "json",
+			"photoSize": "Medium",
+			"nojsoncallback": "true"
+		}
+	},
+	"google": {
+		"client_id": "80165502504-j9d4l6qpfmvjkfetn261dsobivluj75c.apps.googleusercontent.com",
+		"client_secret": "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",
+		"api_key": "AIzaSyBJVi0O9Ir9imRgINLZbojTifatX-Z4aUs",
+		"refresh_token": "1//05NlarHOjB4fOCgYIARAAGAUSNgF-L9IrszHlwYnNU2fz5YtMHEyjVTYZ_SmOEQdw_qA64M1fJB7tHCQmMakQxpfFK-8A80sc0g"
+	},
+	"googleAnalytics": {
+		"id": "G-1J1W90VBE1",
+		"adId": "AW-17721931789"
+	},
+	"googleSearchConsole": {
+		"id": "009500278966481927899:bcssp73qony"
+	},
+	"googleMaps": {
+		"apiKey": "AIzaSyBJVi0O9Ir9imRgINLZbojTifatX-Z4aUs"
+	},
+	"nextAuth": {
+		"secret": "RZJ0yls+FdikOyfQ8UX0MB4bJFS9e73Wfaai1EVsUi8=",
+		"url": "https://localhost:3006"
+	},
+	"paypal": {
+		"sandboxPayPalApiKey": "AT10GG2ZHoApTtEw7dJoU6XRDYkf3wEvK2k_-eZ9GOvOK-REphG8yKCyZCqFi95OrxKgrdctlfWxayHG",
+		"sandboxPayPalSecret": "EDUrdPonwcNYZwO5j7hNmFSmF-13zptaCndUnO0-Vr_j0GYEW4m-Tfar9IaukHwm0ixL5fUojOOFtZVk",
+		"payPalApiKey": "AeWRwYpsrfslATCndF6xjL4GLcqA1UxQZLC5vxQE-FTvPezXfLbCJO_uAFk5zoXUKRFnP-zJ_73yEkBE",
+		"payPalSecret": "EBvYvynRXZCI6RbK4rg2NiENNG4N8tbgl8qAmpxB6f9nUkZjXMODxXJZ91JycP439kPrQcnB7uRKp0-F"
+	},
+	"wordpress": {
+		"baseURL": "https://public-api.wordpress.com/rest/v1/sites/",
+		"site": "blog.pixelated.tech"
+	}
+}

package/dist/index.adminclient.js

@@ -6,6 +6,7 @@ export * from './components/admin/site-health/site-health-axe-core';
 export * from './components/admin/site-health/site-health-cloudwatch';
 export * from './components/admin/site-health/site-health-cloudwatch.integration';
 export * from './components/admin/site-health/site-health-core-web-vitals.integration';
+export * from './components/admin/site-health/site-health-axe-core.integration';
 export * from './components/admin/site-health/site-health-dependency-vulnerabilities';
 export * from './components/admin/site-health/site-health-github';
 export * from './components/admin/site-health/site-health-google-analytics';

package/dist/index.js

@@ -2,6 +2,7 @@
 export * from './components/config/config.client';
 export * from './components/config/config.types';
 export * from './components/config/config.utils';
+export * from './components/config/config.validators';
 export * from './components/general/404';
 export * from './components/general/accordion';
 export * from './components/general/buzzwordbingo';
@@ -39,6 +40,7 @@ export * from './components/general/menu-simple';
 export * from './components/general/metadata.components';
 export * from './components/general/metadata.functions';
 export * from './components/general/microinteractions';
+export * from './components/general/proxy-csp-listener';
 export * from './components/general/modal';
 export * from './components/general/nerdjoke';
 export * from './components/general/recipe';

package/dist/index.server.js

@@ -9,6 +9,7 @@ export * from './components/config/config';
 export * from './components/config/config.server';
 export * from './components/config/config.types';
 export * from './components/config/config.utils';
+export * from './components/config/config.validators';
 export * from './components/config/crypto';
 // SEO
 export * from './components/general/contentful.delivery';

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

@@ -1 +1 @@
-{"version":3,"file":"site-health-axe-core.d.ts","sourceRoot":"","sources":["../../../../../src/components/admin/site-health/site-health-axe-core.tsx"],"names":[],"mappings":"AAGA,OAAO,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAQnD,MAAM,MAAM,qBAAqB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,SAAS,CAAC,CAAC;AACnF,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,EAAE,qBAAqB,2CA4PpE;yBA5Pe,iBAAiB"}
+{"version":3,"file":"site-health-axe-core.d.ts","sourceRoot":"","sources":["../../../../../src/components/admin/site-health/site-health-axe-core.tsx"],"names":[],"mappings":"AAGA,OAAO,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAQnD,MAAM,MAAM,qBAAqB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,SAAS,CAAC,CAAC;AACnF,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,EAAE,qBAAqB,2CAiSpE;yBAjSe,iBAAiB"}

package/dist/types/components/admin/site-health/site-health-axe-core.integration.d.ts

@@ -56,7 +56,9 @@ export interface AxeCoreData {
     };
     timestamp: string;
     status: 'success' | 'error';
+    warnings?: string[];
     error?: string;
+    injectionSource?: string;
 }
 export declare function performAxeCoreAnalysis(url: string): Promise<AxeCoreData>;
 export {};