@pixelated-tech/components 3.3.5 → 3.3.6

package/README.md

@@ -301,8 +301,7 @@ npm run storybook
 - [ ] **Project Scaffolding CLI**: Interactive CLI tool that generates complete Next.js projects with pixelated-components pre-configured, including routes.json, layout.tsx, package.json, and basic page structure
 - [ ] **Template Marketplace**: Pre-built industry-specific templates (restaurant, law firm, contractor, etc.) that users can clone and customize
 - [ ] **Configuration Wizard**: Step-by-step setup wizard that collects business info, generates site configuration, and creates initial content structure
-- [ ] **Centralized Site Manager**: Web dashboard for managing multiple pixelated sites, with bulk updates, version control, and deployment status monitoring
-- [ ] **Site Health Monitoring**: Automated monitoring dashboard that checks site performance, broken links, SEO scores, and security vulnerabilities across all sites
+- [ IP ] **Site Health Monitoring**: Automated monitoring dashboard that checks site performance, broken links, SEO scores, and security vulnerabilities across all sites
 - [ ] **Content Migration Tools**: Automated importers for WordPress, Squarespace, Wix, and other platforms to migrate content to pixelated sites
 - [ ] **A/B Testing Framework**: Built-in experimentation system for testing different layouts, content, and CTAs with automatic winner selection
 - [ ] **Personalization Engine**: Dynamic content delivery based on user behavior, location, and preferences

package/dist/components/cms/hubspot.components.js

@@ -25,9 +25,9 @@ HubSpotForm.propTypes = {
 };
 export function HubSpotForm({ region, portalId, formId, target, containerId = 'hubspot-form-container' }) {
     const config = usePixelatedConfig();
-    const finalRegion = region || config.hubspot?.region || 'na1';
-    const finalPortalId = portalId || config.hubspot?.portalId || '';
-    const finalFormId = formId || config.hubspot?.formId || '';
+    const finalRegion = region || config?.hubspot?.region || 'na1';
+    const finalPortalId = portalId || config?.hubspot?.portalId || '';
+    const finalFormId = formId || config?.hubspot?.formId || '';
     const formTarget = target || `#${containerId}`;
     useEffect(() => {
         const createHubspotForm = () => {

package/dist/components/config/config.client.js

@@ -12,18 +12,29 @@ export const PixelatedClientConfigProvider = ({ config, children, }) => {
 export const usePixelatedConfig = () => {
     const ctx = React.useContext(PixelatedConfigContext);
     if (!ctx) {
-        // Always throw error when provider is missing (consistent across dev/prod)
-        // Previously had environment-specific behavior:
-        // if (process.env.NODE_ENV !== 'production') {
-        //   throw new Error('PixelatedClientConfigProvider not found. Wrap your app with PixelatedClientConfigProvider.');
-        // }
-        // // In production return an empty object typed as PixelatedConfig to avoid runtime crashes
-        // return {} as PixelatedConfig;
-        throw new Error('PixelatedClientConfigProvider not found. Wrap your app with PixelatedClientConfigProvider.');
+        // Get calling function name from stack trace
+        let caller = 'unknown component';
+        try {
+            const error = new Error();
+            const stack = error.stack?.split('\n')[2]; // Get the caller line
+            if (stack) {
+                const match = stack.match(/at\s+([^\s(]+)/);
+                if (match && match[1]) {
+                    caller = match[1].replace(/^use/, '').toLowerCase(); // Remove 'use' prefix and lowercase
+                }
+            }
+        }
+        catch {
+            // Ignore errors in stack parsing
+        }
+        // Log warning when provider is missing but continue gracefully
+        console.warn(`PixelatedClientConfigProvider not found when called by ${caller}. Some components may not work as expected. Wrap your app with PixelatedClientConfigProvider for full functionality.`);
+        return null;
     }
-    // Also throw if config is empty (no environment config loaded)
+    // Also return null if config is empty (no environment config loaded)
     if (Object.keys(ctx).length === 0) {
-        throw new Error('Pixelated config is empty. Check that PIXELATED_CONFIG_JSON or PIXELATED_CONFIG_B64 environment variables are set.');
+        console.warn('Pixelated config is empty. Check that PIXELATED_CONFIG_JSON or PIXELATED_CONFIG_B64 environment variables are set.');
+        return null;
     }
     return ctx;
 };

package/dist/components/general/table.js

@@ -18,6 +18,7 @@ Table.propTypes = {
     data: PropTypes.array.isRequired,
     id: PropTypes.string.isRequired,
     sortable: PropTypes.bool,
+    altRowColor: PropTypes.string,
 };
 export function Table(props) {
     const [tableData, setTableData] = useState(props.data);
@@ -31,7 +32,8 @@ export function Table(props) {
     }
     function getRows(data) {
         return data.map((obj, i) => {
-            return _jsx("tr", { children: getCells(obj) }, i);
+            const rowStyle = (props.altRowColor && i % 2 === 1) ? { backgroundColor: props.altRowColor } : {};
+            return _jsx("tr", { style: rowStyle, children: getCells(obj) }, i);
         });
     }
     function getCells(obj) {

package/dist/components/seo/googleanalytics.js

@@ -19,8 +19,7 @@ export function GoogleAnalytics(props) {
     const id = props.id || config?.googleAnalytics?.id;
     const adId = config?.googleAnalytics?.adId;
     if (!id) {
-        console.warn('Google Analytics ID not provided. Set id prop or googleAnalytics.id in config.');
-        return null;
+        throw new Error('Google Analytics ID not provided. Set id prop or ensure PixelatedServerConfigProvider is configured with googleAnalytics.id.');
     }
     if (typeof window === 'undefined') {
         return;

package/dist/types/components/config/config.client.d.ts

@@ -8,6 +8,5 @@ export declare const PixelatedClientConfigProvider: ({ config, children, }: {
  * Hook to get the Pixelated config. This throws in development when the provider is missing to
  * make misconfiguration obvious. If you prefer a non-throwing variant use `useOptionalPixelatedConfig`.
  */
-export declare const usePixelatedConfig: () => PixelatedConfig;
-/** Non-throwing hook — returns null when provider not present */
+export declare const usePixelatedConfig: () => PixelatedConfig | null;
 //# sourceMappingURL=config.client.d.ts.map

package/dist/types/components/config/config.client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.client.d.ts","sourceRoot":"","sources":["../../../../src/components/config/config.client.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAItD,eAAO,MAAM,6BAA6B,GAAI,uBAG3C;IACD,MAAM,EAAE,eAAe,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,4CAEA,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,QAAO,eAiBrC,CAAC;AAEF,iEAAiE"}
+{"version":3,"file":"config.client.d.ts","sourceRoot":"","sources":["../../../../src/components/config/config.client.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAItD,eAAO,MAAM,6BAA6B,GAAI,uBAG3C;IACD,MAAM,EAAE,eAAe,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,4CAEA,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,QAAO,eAAe,GAAG,IA4BvD,CAAC"}

package/dist/types/components/general/table.d.ts

@@ -7,6 +7,7 @@ export declare namespace Table {
         data: PropTypes.Validator<any[]>;
         id: PropTypes.Validator<string>;
         sortable: PropTypes.Requireable<boolean>;
+        altRowColor: PropTypes.Requireable<string>;
     };
 }
 //# sourceMappingURL=table.d.ts.map

package/dist/types/components/general/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../src/components/general/table.tsx"],"names":[],"mappings":"AACA,OAAO,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAEnD,OAAO,aAAa,CAAC;AAarB,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,SAAS,CAAC,CAAC;AAC3D,wBAAgB,KAAK,CAAE,KAAK,EAAE,SAAS,2CAqGtC;yBArGe,KAAK"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../src/components/general/table.tsx"],"names":[],"mappings":"AACA,OAAO,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAEnD,OAAO,aAAa,CAAC;AAcrB,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,SAAS,CAAC,CAAC;AAC3D,wBAAgB,KAAK,CAAE,KAAK,EAAE,SAAS,2CAsGtC;yBAtGe,KAAK"}

package/dist/types/components/seo/googleanalytics.d.ts

@@ -6,7 +6,7 @@ declare global {
     }
 }
 export type GoogleAnalyticsType = InferProps<typeof GoogleAnalytics.propTypes>;
-export declare function GoogleAnalytics(props: GoogleAnalyticsType): import("react/jsx-runtime").JSX.Element | null | undefined;
+export declare function GoogleAnalytics(props: GoogleAnalyticsType): import("react/jsx-runtime").JSX.Element | undefined;
 export declare namespace GoogleAnalytics {
     var propTypes: {
         id: PropTypes.Requireable<string>;

package/dist/types/components/seo/googleanalytics.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"googleanalytics.d.ts","sourceRoot":"","sources":["../../../../src/components/seo/googleanalytics.tsx"],"names":[],"mappings":"AAIA,OAAO,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAanD,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,MAAM;QACf,SAAS,CAAC,EAAE,GAAG,EAAE,CAAC;QAClB,IAAI,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;KAChC;CACD;AAiBD,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,CAAC;AAC/E,wBAAgB,eAAe,CAAE,KAAK,EAAE,mBAAmB,8DAuC1D;yBAvCe,eAAe;;;;;AA+C/B,MAAM,MAAM,wBAAwB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,SAAS,CAAC,CAAC;AACzF,wBAAgB,oBAAoB,CAAE,KAAK,EAAE,wBAAwB,oBAYpE;yBAZe,oBAAoB"}
+{"version":3,"file":"googleanalytics.d.ts","sourceRoot":"","sources":["../../../../src/components/seo/googleanalytics.tsx"],"names":[],"mappings":"AAIA,OAAO,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAanD,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,MAAM;QACf,SAAS,CAAC,EAAE,GAAG,EAAE,CAAC;QAClB,IAAI,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;KAChC;CACD;AAiBD,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,CAAC;AAC/E,wBAAgB,eAAe,CAAE,KAAK,EAAE,mBAAmB,uDAsC1D;yBAtCe,eAAe;;;;;AA8C/B,MAAM,MAAM,wBAAwB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,SAAS,CAAC,CAAC;AACzF,wBAAgB,oBAAoB,CAAE,KAAK,EAAE,wBAAwB,oBAYpE;yBAZe,oBAAoB"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pixelated-tech/components",
-	"version": "3.3.5",
+	"version": "3.3.6",
 	"private": false,
 	"author": {
 		"name": "Pixelated Technologies",
@@ -123,7 +123,7 @@
 		"eslint-plugin-storybook": "^10.1.10",
 		"file-loader": "^6.2.0",
 		"happy-dom": "^20.0.11",
-		"jsdom": "^27.3.0",
+		"jsdom": "^27.4.0",
 		"less-loader": "^12.3.0",
 		"mini-css-extract-plugin": "^2.9.4",
 		"next": "^16.1.1",