Resolved build failures-VI

Author: EsariUp

headapps/Sugcon2024/package-lock.json

@@ -40,12 +40,13 @@
     "@fortawesome/free-regular-svg-icons": "^6.5.1",
     "@fortawesome/free-solid-svg-icons": "^6.5.1",
     "@fortawesome/react-fontawesome": "^0.2.0",
+    "@mdx-js/react": "^3.1.1",
     "@next/third-parties": "^15.4.1",
     "@sitecore-cloudsdk/events": "^0.5.4",
     "@sitecore-cloudsdk/personalize": "^0.5.4",
     "@sitecore-feaas/clientside": "^0.5.5",
     "@sitecore-jss/sitecore-jss-nextjs": "~22.9.0",
-    "@sitecore/engage": "^1.4.1",
+    "@sitecore/engage": "^1.4.3",
     "@types/react-slick": "^0.23.13",
     "bootstrap": "^5.1.3",
     "cheerio": "^1.0.0-rc.12",
@@ -66,7 +67,7 @@
     "swr": "^2.2.5"
   },
   "devDependencies": {
-    "@graphql-codegen/cli": "^1.21.8",
+    "@graphql-codegen/cli": "^6.0.0",
     "@graphql-codegen/import-types-preset": "^2.2.6",
     "@graphql-codegen/plugin-helpers": "^3.1.2",
     "@graphql-codegen/typed-document-node": "^2.3.12",
@@ -103,13 +104,13 @@
     "eslint-plugin-react": "^7.32.1",
     "eslint-plugin-storybook": "^0.6.15",
     "eslint-plugin-yaml": "^0.5.0",
-    "graphql-let": "^0.18.6",
+    "graphql-let": "^0.18.4",
     "npm-run-all": "~4.1.5",
     "prettier": "^2.8.3",
     "storybook": "^8.2.9",
     "ts-node": "^10.9.1",
     "tsconfig-paths": "^4.1.2",
-    "typescript": "~4.9.4",
+    "typescript": "^5.9.2",
     "yaml-loader": "^0.8.0"
   },
   "overrides": {

headapps/Sugcon2024/package.json

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Box, Heading, Text, Flex } from '@chakra-ui/react';
 import {
   TextField,

headapps/Sugcon2024/src/components/Basic Components/ErrorMessage.tsx

@@ -15,15 +15,15 @@ import { siteResolver } from 'lib/site-resolver';
  * See Sitecore Engage SDK documentation for details.
  * https://www.npmjs.com/package/@sitecore/engage
  */
+const resolvePointOfSale = (site: SiteInfo, language: string): string => {
+  return `${site.name}_${language}`;
+};
+
 const CdpPageView = (): JSX.Element => {
   const {
     sitecoreContext: { pageState, route, variantId, site },
   } = useSitecoreContext();
 
-  const resolvePointOfSale = (site: SiteInfo, language: string): string => {
-    return `${site.name}_${language}`;
-  };
-
   /**
    * Creates a page view event using the Sitecore Engage SDK.
    */

headapps/Sugcon2024/src/components/CdpPageView.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import {
   ComponentParams,
   ComponentRendering,

headapps/Sugcon2024/src/components/ColumnSplitter.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Field, withDatasourceCheck } from '@sitecore-jss/sitecore-jss-nextjs';
 import useSWR from 'swr';
 import clsx from 'clsx';

headapps/Sugcon2024/src/components/Events/Sessions.tsx

@@ -32,7 +32,13 @@ class PersonalizePlugin implements MiddlewarePlugin {
       },
       // Configuration for your Sitecore CDP endpoint
       cdpConfig: {
-        sitecoreEdgeContextId: process.env.NEXT_PUBLIC_CDP_CONTEXT_ID || '',
+        sitecoreEdgeContextId: process.env.NEXT_PUBLIC_CDP_CONTEXT_ID 
+          ? process.env.NEXT_PUBLIC_CDP_CONTEXT_ID
+          : (() => {
+              throw new Error(
+                'Environment variable NEXT_PUBLIC_CDP_CONTEXT_ID is required but not set.'
+              );
+            })(),
         sitecoreEdgeUrl:
           process.env.NEXT_PUBLIC_CDP_EDGE_URL || 'https://edge-platform.sitecorecloud.io',
         channel: process.env.NEXT_PUBLIC_CDP_CHANNEL || 'WEB',

headapps/Sugcon2024/src/lib/middleware/plugins/personalize.ts

@@ -6,11 +6,15 @@ class FEeaSThemesPlugin implements Plugin {
   order = 2;
 
   async exec(props: SitecorePageProps) {
+     const contextId = process.env.SITECORE_EDGE_CONTEXT_ID;
+    if (!contextId) {
+      throw new Error('Environment variable SITECORE_EDGE_CONTEXT_ID is required but not set.');
+    }
     // Collect FEAAS themes
     props.headLinks.push(
       ...getDesignLibraryStylesheetLinks(
         props.layoutData,
-        process.env.SITECORE_EDGE_CONTEXT_ID || ''
+        contextId
       )
     );
 

headapps/Sugcon2024/src/lib/page-props-factory/plugins/feaas-themes.ts

@@ -1,4 +1,5 @@
 import { useEffect } from 'react';
+import { JSX } from 'react';
 import { GetStaticPaths, GetStaticProps } from 'next';
 import NotFound from 'src/NotFound';
 import Layout from 'src/Layout';

headapps/Sugcon2024/src/pages/[[...path]].tsx

@@ -7,8 +7,7 @@
       "temp/*": ["src/temp/*"],
       "assets/*": ["src/assets/*"],
       "template/*": ["src/components/Templates/*"],
-      "graphql-types": ["node_modules/@types/graphql-let/__generated__/__types__"],
-      "react": ["node_modules/@types/react"]
+      "graphql-types": ["node_modules/@types/graphql-let/__generated__/__types__"]
     },
     "target": "es5",
     "lib": ["dom", "dom.iterable", "esnext"],
@@ -23,17 +22,18 @@
     "moduleResolution": "node",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve",
+    "jsx": "react-jsx",
     "allowSyntheticDefaultImports": true,
     "noImplicitReturns": true,
     "noImplicitAny": true,
     "noImplicitThis": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "incremental": true,
-    "forceConsistentCasingInFileNames": false
+    "forceConsistentCasingInFileNames": false,
+    "typeRoots": ["node_modules/@types", "src/types"],
+    "types": ["node", "react", "react-dom", "aria-query", "mdx"]
   },
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
   "exclude": ["node_modules"]
 }
-