Merge pull request #59 from ramangupta44/bug/promo-banner-rv-issue

Added Headers

src/sxastarter/next.config.js

@@ -1,7 +1,7 @@
 const jssConfig = require('./src/temp/config');
 const { getPublicUrl } = require('@sitecore-jss/sitecore-jss-nextjs/utils');
 const plugins = require('./src/temp/next-config-plugins') || {};
-
+const headerConfig =  require('./project-configs/header');
 const publicUrl = getPublicUrl();
 
 /**
@@ -56,6 +56,8 @@ const nextConfig = {
       }, 
     ];
   },
+
+ ...headerConfig,
 };
 
 module.exports = () => {

src/sxastarter/project-configs/header.js

@@ -0,0 +1,30 @@
+const securityHeaders = [
+  {
+    key: 'X-XSS-Protection',
+    value: '1; mode=block',
+  },
+  {
+    key: 'X-Content-Type-Options',
+    value: 'nosniff',
+  },
+  {
+    key: 'Strict-Transport-Security',
+    value: 'max-age=31536000; includeSubDomains; preload',
+  },
+  {
+    key: 'Content-Security-Policy',
+    value:
+      "default-src *; style-src 'self' 'unsafe-inline' 'unsafe-eval' *; script-src 'self' 'unsafe-inline' 'unsafe-eval' *; frame-src 'self' *; object-src 'self' ; img-src 'self' data: https:;  font-src 'self' data: * https://fonts.gstatic.com; connect-src 'self' *; media-src * data: https:; base-uri 'self';",
+  },
+];
+
+module.exports = {
+  async headers() {
+    return [
+      {
+        source: '/:path*',
+        headers: securityHeaders,
+      },
+    ];
+  },
+};

src/sxastarter/src/components/Espire/PageContent/PlainHTMLResuable.tsx

@@ -1,12 +1,20 @@
 import React from 'react';
 import { PlainHTMLResuableTemplateProps } from 'lib/component-props/EspireTemplateProps/PageContent/PlainHTMLResuableTemplateProps';
-import { withDatasourceCheck } from '@sitecore-jss/sitecore-jss-nextjs';
+import { withDatasourceCheck, Text } from '@sitecore-jss/sitecore-jss-nextjs';
+import { EditMode } from 'lib/component-props';
 
 export const PlainHTMLResuable = (props: PlainHTMLResuableTemplateProps): JSX.Element => {
+  const editMode = EditMode();
   return (
-    <div className={`plain-text-reusable ${props.params.styles}`}>
-      <div dangerouslySetInnerHTML={{ __html: props?.fields?.PlainHTML?.value }} />
-    </div>
+    <>
+      {editMode ? (
+        <Text field={props?.fields?.PlainHTML} />
+      ) : (
+        <div className={`plain-text-reusable ${props.params.styles}`}>
+          <div dangerouslySetInnerHTML={{ __html: props?.fields?.PlainHTML?.value }} />
+        </div>
+      )}
+    </>
   );
 };