diy-template-components 1.0.0 → 1.0.2

package/build/index.es.js

@@ -1,15 +1,15 @@
-function ___$insertStyle(css) {
-    if (!css || !window) {
-        return;
-    }
-    const style = document.createElement('style');
-    style.setAttribute('type', 'text/css');
-    style.innerHTML = css;
-    document.head.appendChild(style);
-    return css;
+function ___$insertStyle(css) {
+    if (!css || typeof window === 'undefined') {
+        return;
+    }
+    const style = document.createElement('style');
+    style.setAttribute('type', 'text/css');
+    style.innerHTML = css;
+    document.head.appendChild(style);
+    return css;
 }
 
-import React$1, { createContext, useContext, forwardRef, useRef, useEffect, useState, useMemo, useLayoutEffect, Suspense, memo, lazy, Fragment } from 'react';
+import React, { createContext, useContext, forwardRef, useRef, useEffect, useState, useMemo, useLayoutEffect, Suspense, memo, lazy, Fragment } from 'react';
 import Slider from 'react-slick';
 import axios from 'axios';
 import moment from 'moment';
@@ -35,7 +35,7 @@ function _extends() {
 
 const PageContext = /*#__PURE__*/createContext({});
 
-const context = /*#__PURE__*/React$1.createContext({});
+const context = /*#__PURE__*/React.createContext({});
 const theming = createTheming(context);
 const createUseStyles = styles => createUseStyles$1(styles, {
   theming
@@ -506,21 +506,21 @@ const Button = /*#__PURE__*/forwardRef(function Button({
     fluid,
     disabled
   });
-  return data?.isLink ? /*#__PURE__*/React$1.createElement("a", _extends({
+  return data?.isLink ? /*#__PURE__*/React.createElement("a", _extends({
     ref: ref,
     href: link,
     target: data?.isExternal ? '_blank' : null,
     rel: data?.isExternal ? 'nofollow noopener' : null,
     className: (active ? classes.active : '') + ' ' + classes[type] + ' ' + classes[size] + ' ' + classes.anchorClass,
     style: styling
-  }, elementProps), data?.value) : /*#__PURE__*/React$1.createElement("button", _extends({
+  }, elementProps), data?.value) : /*#__PURE__*/React.createElement("button", _extends({
     ref: ref,
     className: (active ? classes.active : '') + ' ' + classes[type] + ' ' + classes[size],
     onClick: isEdit ? null : onClick,
     style: styling
   }, elementProps, {
     disabled: disabled
-  }), /*#__PURE__*/React$1.createElement("span", {
+  }), /*#__PURE__*/React.createElement("span", {
     dangerouslySetInnerHTML: {
       __html: data?.value
     }
@@ -903,7 +903,7 @@ const Icon = ({
       });
     }
   }, [name]);
-  return /*#__PURE__*/React$1.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement("svg", _extends({
     ref: rootRef,
     className: _className
   }, svgState.attributes, {
@@ -986,20 +986,20 @@ const useDropdownStyles = createUseStyles(theme => ({
 function Dropdown(props) {
   const theme = useTheme();
   const classes = useDropdownStyles(props);
-  return /*#__PURE__*/React$1.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: classes.container
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.label
-  }, props.label, ' ', /*#__PURE__*/React$1.createElement(Icon, {
+  }, props.label, ' ', /*#__PURE__*/React.createElement(Icon, {
     name: "Angle",
     className: classes.icon,
     color: theme.palette.primary.main,
     width: "12px",
     height: "12px"
-  })), /*#__PURE__*/React$1.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: classes.listBox
   }, props?.list?.map((dt, ind) => {
-    return /*#__PURE__*/React$1.createElement(Button, {
+    return /*#__PURE__*/React.createElement(Button, {
       key: ind,
       data: {
         link: dt.slug,
@@ -1042,14 +1042,14 @@ function OptionList({
   };
   const tabData = tabsDataModifier();
   const classes = useSectionStyles$a();
-  return /*#__PURE__*/React$1.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: classes.listSection
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.optionsContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.optionList
   }, tabData?.map((dt, ind) => {
-    return /*#__PURE__*/React$1.createElement(Button, {
+    return /*#__PURE__*/React.createElement(Button, {
       key: ind,
       data: dt,
       type: 'tertiary',
@@ -1061,27 +1061,27 @@ function OptionList({
       },
       active: dt.active
     });
-  })), navDataCount > 5 && !isMobile ? /*#__PURE__*/React$1.createElement(Dropdown, {
+  })), navDataCount > 5 && !isMobile ? /*#__PURE__*/React.createElement(Dropdown, {
     list: moreContent,
     label: 'More',
     icon: arrowDown
-  }) : null, isTutorWebsite && !headerData?.navs ? /*#__PURE__*/React$1.createElement("div", {
+  }) : null, isTutorWebsite && !headerData?.navs ? /*#__PURE__*/React.createElement("div", {
     className: classes.socialBtn
-  }, headerData?.androidURL ? /*#__PURE__*/React$1.createElement("a", {
+  }, headerData?.androidURL ? /*#__PURE__*/React.createElement("a", {
     href: headerData?.androidURL,
     target: "_blank",
     className: classes.socialBtnItems
-  }, /*#__PURE__*/React$1.createElement("img", {
+  }, /*#__PURE__*/React.createElement("img", {
     src: playStore,
     alt: "playStore"
-  })) : null, headerData?.iosUrl ? /*#__PURE__*/React$1.createElement("a", {
+  })) : null, headerData?.iosUrl ? /*#__PURE__*/React.createElement("a", {
     target: "_blank",
     href: headerData?.iosUrl,
     className: classes.socialBtnItems
-  }, /*#__PURE__*/React$1.createElement("img", {
+  }, /*#__PURE__*/React.createElement("img", {
     src: appStore,
     alt: "appStore"
-  })) : null) : null, isMobile ? headerData?.appLink && /*#__PURE__*/React$1.createElement(Button, {
+  })) : null) : null, isMobile ? headerData?.appLink && /*#__PURE__*/React.createElement(Button, {
     data: {
       link: headerData?.appLink,
       isLink: 1,
@@ -1095,7 +1095,7 @@ function OptionList({
     styling: isMobile ? {
       margin: '0 40px'
     } : {}
-  }) : headerData?.loginCtaLink ? /*#__PURE__*/React$1.createElement(Button, {
+  }) : headerData?.loginCtaLink ? /*#__PURE__*/React.createElement(Button, {
     data: {
       link: headerData?.loginCtaLink,
       isLink: 1,
@@ -1164,7 +1164,7 @@ const NextImageRenderer = ({
         }
       };
       const NextImage = require('next/image').default;
-      return /*#__PURE__*/React$1.createElement(NextImage, _extends({
+      return /*#__PURE__*/React.createElement(NextImage, _extends({
         priority: sectionIndex === 0 ? true : false,
         loader: imageLoader,
         src: src,
@@ -1175,7 +1175,7 @@ const NextImageRenderer = ({
         alt: "image"
       }));
     } else {
-      return /*#__PURE__*/React$1.createElement("img", {
+      return /*#__PURE__*/React.createElement("img", {
         ref: refSetter,
         className: className,
         src: src
@@ -1183,7 +1183,7 @@ const NextImageRenderer = ({
     }
   } catch (err) {
     console.log('next image failed', err);
-    return /*#__PURE__*/React$1.createElement("img", {
+    return /*#__PURE__*/React.createElement("img", {
       ref: refSetter,
       className: className,
       src: src
@@ -1231,32 +1231,32 @@ function DesktopHeader({
     }
     return moreContent;
   };
-  return /*#__PURE__*/React$1.createElement("nav", {
+  return /*#__PURE__*/React.createElement("nav", {
     className: classes.section
-  }, !(header?.websiteLogo === DEFAULT_HEADER_IMAGE_LP && isCustomWebsite) ? /*#__PURE__*/React$1.createElement("div", {
+  }, !(header?.websiteLogo === DEFAULT_HEADER_IMAGE_LP && isCustomWebsite) ? /*#__PURE__*/React.createElement("div", {
     className: classes.headerSection
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.headerContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.imageDiv
-  }, header?.websiteLogo ? /*#__PURE__*/React$1.createElement("a", {
+  }, header?.websiteLogo ? /*#__PURE__*/React.createElement("a", {
     href: logoUrl,
     className: classes.imageAnchor,
     style: {
       pointerEvents: isLandingPage ? 'none' : 'auto',
       cursor: isLandingPage ? 'not-allowed' : 'default'
     }
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes?.imageDivImage
-  }, /*#__PURE__*/React$1.createElement(NextImageRenderer, {
+  }, /*#__PURE__*/React.createElement(NextImageRenderer, {
     src: header?.websiteLogo,
     className: classes.imageDivImageNext,
     order: 1
-  }))) : null, isTutorWebsite && header?.appName ? /*#__PURE__*/React$1.createElement("a", {
+  }))) : null, isTutorWebsite && header?.appName ? /*#__PURE__*/React.createElement("a", {
     href: logoUrl
-  }, /*#__PURE__*/React$1.createElement("p", {
+  }, /*#__PURE__*/React.createElement("p", {
     className: classes.appNameClass
-  }, " ", header?.appName)) : null), /*#__PURE__*/React$1.createElement(OptionList, {
+  }, " ", header?.appName)) : null), /*#__PURE__*/React.createElement(OptionList, {
     optionsData: optionDataFn(),
     navDataCount: navData?.length,
     headerData: header,
@@ -1264,7 +1264,7 @@ function DesktopHeader({
     isLandingPages: isLandingPage,
     moreContent: moreContentFn(),
     isTutorWebsite: isTutorWebsite
-  }))) : /*#__PURE__*/React$1.createElement("div", {
+  }))) : /*#__PURE__*/React.createElement("div", {
     style: {
       paddingTop: '30px'
     }
@@ -1311,11 +1311,11 @@ function MobileHeader({
   let downloadLink = null;
   if (isTutorWebsite) {
     if (header?.iosUrl) {
-      iosUrl = /*#__PURE__*/React$1.createElement(Button, {
+      iosUrl = /*#__PURE__*/React.createElement(Button, {
         data: {
           link: header?.iosUrl,
           isLink: 1,
-          value: /*#__PURE__*/React$1.createElement("img", {
+          value: /*#__PURE__*/React.createElement("img", {
             src: phoneIos,
             alt: "iosUrl"
           }),
@@ -1332,11 +1332,11 @@ function MobileHeader({
       });
     }
     if (header?.androidURL) {
-      androidUrl = /*#__PURE__*/React$1.createElement(Button, {
+      androidUrl = /*#__PURE__*/React.createElement(Button, {
         data: {
           link: header?.androidURL,
           isLink: 1,
-          value: /*#__PURE__*/React$1.createElement("img", {
+          value: /*#__PURE__*/React.createElement("img", {
             src: phoneAndroid,
             alt: "iosUrl"
           }),
@@ -1352,9 +1352,9 @@ function MobileHeader({
       });
     }
     if (iosUrl && androidUrl) {
-      downloadLink = /*#__PURE__*/React$1.createElement("div", null, iosUrl, androidUrl);
+      downloadLink = /*#__PURE__*/React.createElement("div", null, iosUrl, androidUrl);
     } else if (header?.iosUrl) {
-      downloadLink = /*#__PURE__*/React$1.createElement(Button, {
+      downloadLink = /*#__PURE__*/React.createElement(Button, {
         data: {
           link: header?.iosUrl,
           isLink: 1,
@@ -1367,7 +1367,7 @@ function MobileHeader({
         rel: null
       });
     } else if (header?.androidURL) {
-      downloadLink = /*#__PURE__*/React$1.createElement(Button, {
+      downloadLink = /*#__PURE__*/React.createElement(Button, {
         data: {
           link: header?.androidURL,
           isLink: 1,
@@ -1384,7 +1384,7 @@ function MobileHeader({
     }
   } else {
     if (header?.appLink) {
-      downloadLink = /*#__PURE__*/React$1.createElement(Button, {
+      downloadLink = /*#__PURE__*/React.createElement(Button, {
         data: {
           link: header?.appLink,
           isLink: 1,
@@ -1400,56 +1400,56 @@ function MobileHeader({
       downloadLink = null;
     }
   }
-  return /*#__PURE__*/React$1.createElement("nav", {
+  return /*#__PURE__*/React.createElement("nav", {
     ref: navEl,
     className: classes.section
-  }, !(header?.websiteLogo === DEFAULT_HEADER_IMAGE_LP && isCustomWebsite) ? /*#__PURE__*/React$1.createElement("div", {
+  }, !(header?.websiteLogo === DEFAULT_HEADER_IMAGE_LP && isCustomWebsite) ? /*#__PURE__*/React.createElement("div", {
     className: classes.headerSection
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.mobileHeader
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.mobileContent
-  }, !!navData?.length && /*#__PURE__*/React$1.createElement("div", {
+  }, !!navData?.length && /*#__PURE__*/React.createElement("div", {
     onClick: () => {
       openSideMenu(true);
     },
     className: classes.sideDrawerImg
-  }, /*#__PURE__*/React$1.createElement(Icon, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     name: 'Menu',
     color: theme.palette.primary.main,
     width: '24px'
-  })), header?.websiteLogo ? /*#__PURE__*/React$1.createElement("a", {
+  })), header?.websiteLogo ? /*#__PURE__*/React.createElement("a", {
     href: logoUrl,
     className: classes.imageAnchorMobile,
     style: {
       pointerEvents: isLandingPage ? 'none' : 'auto',
       cursor: isLandingPage ? 'not-allowed' : 'default'
     }
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes?.imageDivImageMobile
-  }, /*#__PURE__*/React$1.createElement(NextImageRenderer, {
+  }, /*#__PURE__*/React.createElement(NextImageRenderer, {
     src: header?.websiteLogo,
     className: classes.imageDivImageNext,
     order: 1
-  }))) : null, isTutorWebsite && header?.appName ? /*#__PURE__*/React$1.createElement("p", {
+  }))) : null, isTutorWebsite && header?.appName ? /*#__PURE__*/React.createElement("p", {
     className: classes.mobileAppNameClass
-  }, " ", header?.appName) : null), downloadLink), sideMenu ? /*#__PURE__*/React$1.createElement("div", {
+  }, " ", header?.appName) : null), downloadLink), sideMenu ? /*#__PURE__*/React.createElement("div", {
     className: classes.mobileMenu
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.backdrop,
     onClick: () => {
       openSideMenu(false);
     }
-  }), /*#__PURE__*/React$1.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: classes.menuContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.menuItem
-  }, /*#__PURE__*/React$1.createElement(OptionList, {
+  }, /*#__PURE__*/React.createElement(OptionList, {
     optionsData: navData,
     navDataCount: navData?.length,
     headerData: header,
     isMobile: true
-  })))) : null) : /*#__PURE__*/React$1.createElement("div", {
+  })))) : null) : /*#__PURE__*/React.createElement("div", {
     style: {
       paddingTop: '30px'
     }
@@ -1467,12 +1467,12 @@ function Header({
   const filterHiddenNavs = () => {
     return data?.navs?.filter(dt => !dt.isHiddenNav);
   };
-  return isMobile ? /*#__PURE__*/React$1.createElement(MobileHeader, {
+  return isMobile ? /*#__PURE__*/React.createElement(MobileHeader, {
     navData: filterHiddenNavs(),
     header: data,
     isTutorWebsite: isTutorWebsite,
     isLandingPage: isLandingPage
-  }) : /*#__PURE__*/React$1.createElement(DesktopHeader, {
+  }) : /*#__PURE__*/React.createElement(DesktopHeader, {
     navData: filterHiddenNavs(),
     header: data,
     isTutorWebsite: isTutorWebsite,
@@ -1697,131 +1697,131 @@ function Footer({
   const classes = useSectionStyles$9({
     isCustomWebsite
   });
-  return /*#__PURE__*/React$1.createElement("footer", {
+  return /*#__PURE__*/React.createElement("footer", {
     className: data.metadata.isCpBranding ? `${classes.section}` : `${classes.section} ${classes.sectionNoBranding}`
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: data.metadata.isCpBranding ? `${classes.upperContainer}` : `${classes.upperContainer} ${classes.upperContainerNoBranding}`
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.upperContainerItem1
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.upperContainerItem1Img
-  }, /*#__PURE__*/React$1.createElement(NextImageRenderer, {
+  }, /*#__PURE__*/React.createElement(NextImageRenderer, {
     src: data?.logo?.metadata?.url,
     ref: data?.logo?.refSetter,
     className: classes.footerLogoImage
-  }))), /*#__PURE__*/React$1.createElement("div", {
+  }))), /*#__PURE__*/React.createElement("div", {
     className: classes.upperContainerItem2
-  }, data?.address?.metadata.value && data?.address?.metadata.value !== '<br>' ? /*#__PURE__*/React$1.createElement("p", {
+  }, data?.address?.metadata.value && data?.address?.metadata.value !== '<br>' ? /*#__PURE__*/React.createElement("p", {
     className: classes.addressContainer
-  }, /*#__PURE__*/React$1.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: classes.addressImg
-  }, /*#__PURE__*/React$1.createElement(Icon, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     name: 'Location',
     color: theme.palette.font.primary,
     width: '18px'
-  })), /*#__PURE__*/React$1.createElement("span", {
+  })), /*#__PURE__*/React.createElement("span", {
     className: classes.addressText,
     ref: data?.address?.refSetter,
     dangerouslySetInnerHTML: {
       __html: data?.address?.metadata.value
     }
-  })) : null, data?.phone?.metadata.value && data?.phone?.metadata.value !== '<br>' ? /*#__PURE__*/React$1.createElement("p", {
+  })) : null, data?.phone?.metadata.value && data?.phone?.metadata.value !== '<br>' ? /*#__PURE__*/React.createElement("p", {
     className: classes.addressContainer
-  }, /*#__PURE__*/React$1.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: classes.addressImg
-  }, /*#__PURE__*/React$1.createElement(Icon, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     name: 'Phone',
     color: theme.palette.font.primary,
     width: '18px'
-  })), /*#__PURE__*/React$1.createElement("span", {
+  })), /*#__PURE__*/React.createElement("span", {
     className: classes.addressText,
     ref: data?.phone?.refSetter,
     dangerouslySetInnerHTML: {
       __html: data?.phone?.metadata.value
     }
-  })) : null, data?.email?.metadata.value && data?.email?.metadata.value !== '<br>' ? /*#__PURE__*/React$1.createElement("p", {
+  })) : null, data?.email?.metadata.value && data?.email?.metadata.value !== '<br>' ? /*#__PURE__*/React.createElement("p", {
     className: classes.addressContainer
-  }, /*#__PURE__*/React$1.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: classes.addressImg
-  }, /*#__PURE__*/React$1.createElement(Icon, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     name: 'Email',
     color: theme.palette.font.primary,
     width: '18px'
-  })), /*#__PURE__*/React$1.createElement("span", {
+  })), /*#__PURE__*/React.createElement("span", {
     className: classes.addressText,
     ref: data?.email?.refSetter,
     dangerouslySetInnerHTML: {
       __html: data?.email?.metadata.value
     }
-  })) : null), /*#__PURE__*/React$1.createElement("div", {
+  })) : null), /*#__PURE__*/React.createElement("div", {
     className: classes.upperContainerItem3
-  }, data?.facebookLink?.metadata?.value ? /*#__PURE__*/React$1.createElement("button", {
+  }, data?.facebookLink?.metadata?.value ? /*#__PURE__*/React.createElement("button", {
     ref: data?.facebookLink?.refSetter,
     className: classes.socialMediaCta,
     onClick: () => {
       window.open(data?.facebookLink?.metadata?.value, '_blank');
     }
-  }, /*#__PURE__*/React$1.createElement(Icon, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     name: 'Facebook Solid',
     color: theme.palette.background.default,
     width: '16px',
     height: '16px'
-  })) : null, data?.twitterLink?.metadata?.value ? /*#__PURE__*/React$1.createElement("button", {
+  })) : null, data?.twitterLink?.metadata?.value ? /*#__PURE__*/React.createElement("button", {
     ref: data?.twitterLink?.refSetter,
     className: classes.socialMediaCta,
     onClick: () => {
       window.open(data?.twitterLink?.metadata?.value, '_blank');
     }
-  }, /*#__PURE__*/React$1.createElement(Icon, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     name: 'Twitter Solid',
     color: theme.palette.background.default,
     width: '16px',
     height: '16px'
-  })) : null, data?.instagramLink?.metadata?.value ? /*#__PURE__*/React$1.createElement("button", {
+  })) : null, data?.instagramLink?.metadata?.value ? /*#__PURE__*/React.createElement("button", {
     ref: data?.instagramLink?.refSetter,
     className: classes.socialMediaCta,
     onClick: () => {
       window.open(data?.instagramLink?.metadata?.value, '_blank');
     }
-  }, /*#__PURE__*/React$1.createElement(Icon, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     name: 'Instagram',
     color: theme.palette.background.default,
     width: '16px',
     height: '16px'
-  })) : null, data?.telegramLink?.metadata?.value ? /*#__PURE__*/React$1.createElement("button", {
+  })) : null, data?.telegramLink?.metadata?.value ? /*#__PURE__*/React.createElement("button", {
     ref: data?.telegramLink?.refSetter,
     className: classes.socialMediaCta,
     onClick: () => {
       window.open(data?.telegramLink?.metadata?.value, '_blank');
     }
-  }, /*#__PURE__*/React$1.createElement(Icon, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     name: 'Telegram',
     color: theme.palette.background.default,
     width: '16px',
     height: '16px'
-  })) : null, data?.youtubeLink?.metadata?.value ? /*#__PURE__*/React$1.createElement("button", {
+  })) : null, data?.youtubeLink?.metadata?.value ? /*#__PURE__*/React.createElement("button", {
     ref: data?.youtubeLink?.refSetter,
     className: classes.socialMediaCta,
     onClick: () => {
       window.open(data?.youtubeLink?.metadata?.value, '_blank');
     }
-  }, /*#__PURE__*/React$1.createElement(Icon, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     name: 'YouTube',
     color: theme.palette.background.default,
     width: '16px',
     height: '16px'
-  })) : null)), data.metadata.isCpBranding ? /*#__PURE__*/React$1.createElement("div", {
+  })) : null)), data.metadata.isCpBranding ? /*#__PURE__*/React.createElement("div", {
     className: classes.lowerContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.bottomLeftText
-  }, "2022 All Rights Reserved"), /*#__PURE__*/React$1.createElement("div", {
+  }, "2022 All Rights Reserved"), /*#__PURE__*/React.createElement("div", {
     className: classes.poweredByContainer
-  }, /*#__PURE__*/React$1.createElement("p", null, "Powered by"), /*#__PURE__*/React$1.createElement("a", {
+  }, /*#__PURE__*/React.createElement("p", null, "Powered by"), /*#__PURE__*/React.createElement("a", {
     title: "Powered by Classplus",
     target: "_blank",
     href: "https://classplusapp.com/",
     className: classes.poweredDiv
-  }, /*#__PURE__*/React$1.createElement(NextImageRenderer, {
+  }, /*#__PURE__*/React.createElement(NextImageRenderer, {
     src: 'https://storage.googleapis.com/coursewebview/logo.png',
     alt: "classplus",
     className: classes.poweredDivImg
@@ -2023,7 +2023,7 @@ function FontSeeder({
   fontFamily
 }) {
   const Comp = getFontComponent(fontFamily);
-  return /*#__PURE__*/React$1.createElement(Comp, null);
+  return /*#__PURE__*/React.createElement(Comp, null);
 }
 const useRubikFont = createUseStyles$1({
   '@import': `url('https://fonts.googleapis.com/css2?family=Lato&family=Rubik:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap')`
@@ -2089,7 +2089,7 @@ const MemoisedSection$1 = /*#__PURE__*/memo(({
   sectionIndex
 }) => {
   const SectionComp = getCompToRender$1(sectionData.type);
-  return /*#__PURE__*/React$1.createElement(SectionComp, {
+  return /*#__PURE__*/React.createElement(SectionComp, {
     sectionData: sectionData,
     extraProps: extraProps,
     sectionIndex: sectionIndex
@@ -2100,9 +2100,9 @@ function SectionRenderer$1({
   sectionIndex,
   extraProps
 }) {
-  return /*#__PURE__*/React$1.createElement(Suspense, {
+  return /*#__PURE__*/React.createElement(Suspense, {
     fallback: null /*GIF maybe*/
-  }, /*#__PURE__*/React$1.createElement(MemoisedSection$1, {
+  }, /*#__PURE__*/React.createElement(MemoisedSection$1, {
     sectionData: sectionData,
     extraProps: extraProps,
     sectionIndex: sectionIndex
@@ -2179,32 +2179,32 @@ function PageRenderer$1({
   }), [isMobile, isLandingPages, layout, baseURLs, hashToken, isPreview, isEdit, templateId, navList, isMasterTemplate, basePath, validations, isTutorWebsite, extraProps, hideLogin, _id, countryCode, currencySymbol]);
   const theme = useMemo(() => getTheme(color, font, context.isMobile), [color, font, context.isMobile]);
   const Wrapper = SectionWrapper || Fragment;
-  return /*#__PURE__*/React$1.createElement(ThemeProvider, {
+  return /*#__PURE__*/React.createElement(ThemeProvider, {
     theme: theme
-  }, /*#__PURE__*/React$1.createElement(PageContext.Provider, {
+  }, /*#__PURE__*/React.createElement(PageContext.Provider, {
     value: context
-  }, /*#__PURE__*/React$1.createElement(FontSeeder, {
+  }, /*#__PURE__*/React.createElement(FontSeeder, {
     fontFamily: font
-  }), !!header && /*#__PURE__*/React$1.createElement(Wrapper, !!SectionWrapper && {
+  }), !!header && /*#__PURE__*/React.createElement(Wrapper, !!SectionWrapper && {
     sectionData: header,
     isHeader: true,
     hideLogin
-  }, /*#__PURE__*/React$1.createElement(Header, {
+  }, /*#__PURE__*/React.createElement(Header, {
     data: header,
     isLandingPage: isLandingPage
-  })), sections?.length ? sections?.map((sectionData, sectionIndex) => /*#__PURE__*/React$1.createElement(Wrapper, _extends({}, !!SectionWrapper && {
+  })), sections?.length ? sections?.map((sectionData, sectionIndex) => /*#__PURE__*/React.createElement(Wrapper, _extends({}, !!SectionWrapper && {
     sectionData,
     sectionIndex
   }, {
     key: sectionData.type + (sectionData._id || sectionIndex)
-  }), /*#__PURE__*/React$1.createElement(SectionRenderer$1, {
+  }), /*#__PURE__*/React.createElement(SectionRenderer$1, {
     sectionData: sectionData,
     extraProps: extraProps,
     sectionIndex: sectionIndex
-  }))) : sectionPlaceholder, !!footer && /*#__PURE__*/React$1.createElement(Wrapper, !!SectionWrapper && {
+  }))) : sectionPlaceholder, !!footer && /*#__PURE__*/React.createElement(Wrapper, !!SectionWrapper && {
     sectionData: footer,
     isFooter: true
-  }, /*#__PURE__*/React$1.createElement(Footer, {
+  }, /*#__PURE__*/React.createElement(Footer, {
     data: footer
   }))));
 }
@@ -2454,10 +2454,10 @@ function ArrowButton(props) {
     onClick
   } = props;
   const classes = useArrowButtonStyles(props);
-  return /*#__PURE__*/React$1.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     onClick: onClick,
     className: classes.arrowButtonContainer
-  }, /*#__PURE__*/React$1.createElement(Icon, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     height: props.size === 'small' ? '12px' : '18px',
     name: "Angle",
     color: props.inverted ? theme?.palette?.font?.invertedDefault : theme?.palette?.primary?.main,
@@ -2518,10 +2518,10 @@ function Carousel({
         leftCount,
         rightCount
       } = dotsToShow(currentDot, children.length);
-      return /*#__PURE__*/React$1.createElement("div", null, /*#__PURE__*/React$1.createElement("ul", null, dots.map((item, i) => {
-        if (currentDot - leftCount <= i && currentDot + rightCount >= i) return /*#__PURE__*/React$1.createElement("li", {
+      return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("ul", null, dots.map((item, i) => {
+        if (currentDot - leftCount <= i && currentDot + rightCount >= i) return /*#__PURE__*/React.createElement("li", {
           key: i
-        }, item.props.children);else return /*#__PURE__*/React$1.createElement(Fragment, {
+        }, item.props.children);else return /*#__PURE__*/React.createElement(Fragment, {
           key: i
         });
       })));
@@ -2531,9 +2531,9 @@ function Carousel({
         leftCount,
         rightCount
       } = dotsToShow(currentDot, children.length);
-      if (currentDot - leftCount <= i && currentDot + rightCount >= i) return /*#__PURE__*/React$1.createElement("div", {
+      if (currentDot - leftCount <= i && currentDot + rightCount >= i) return /*#__PURE__*/React.createElement("div", {
         className: i == currentDot ? classes.activeDot : classes.dots
-      });else return /*#__PURE__*/React$1.createElement(React$1.Fragment, null);
+      });else return /*#__PURE__*/React.createElement(React.Fragment, null);
     },
     ...settings,
     className: settings?.className ? settings?.className + ' ' + classes.sliderClass : classes.sliderClass
@@ -2544,15 +2544,15 @@ function Carousel({
   const previousClick = () => {
     sliderRef.current.slickPrev();
   };
-  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(Slider, _extends({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Slider, _extends({
     ref: sliderRef
-  }, sliderSettings), children), hideArrow || isMobile ? null : /*#__PURE__*/React$1.createElement("div", {
+  }, sliderSettings), children), hideArrow || isMobile ? null : /*#__PURE__*/React.createElement("div", {
     className: buttonContainerClass || classes.buttonContainer
-  }, /*#__PURE__*/React$1.createElement(ArrowButton, {
+  }, /*#__PURE__*/React.createElement(ArrowButton, {
     onClick: previousClick,
     left: true,
     inverted: inverted
-  }), /*#__PURE__*/React$1.createElement(ArrowButton, {
+  }), /*#__PURE__*/React.createElement(ArrowButton, {
     onClick: nextClick,
     right: true,
     inverted: inverted
@@ -2574,42 +2574,42 @@ function Section$4({
     isCustomWebsite,
     isMobile
   });
-  return /*#__PURE__*/React$1.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: classes.centerData
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.partialBackground
-  }), /*#__PURE__*/React$1.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: classes.contentContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.textContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.subTitleHeading
-  }, /*#__PURE__*/React$1.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     ref: nodeData?.cardHeading?.refSetter,
     dangerouslySetInnerHTML: {
       __html: nodeData.cardHeading.metadata.value
     }
-  })), /*#__PURE__*/React$1.createElement("h2", {
+  })), /*#__PURE__*/React.createElement("h2", {
     className: classes.heading
-  }, /*#__PURE__*/React$1.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     ref: nodeData?.title?.refSetter,
     dangerouslySetInnerHTML: {
       __html: nodeData.title.metadata.value
     }
-  })), /*#__PURE__*/React$1.createElement("p", {
+  })), /*#__PURE__*/React.createElement("p", {
     ref: nodeData?.description?.refSetter,
     className: classes.description,
     dangerouslySetInnerHTML: {
       __html: nodeData.description.metadata.value
     }
-  }), nodeData?.cta?.validations?.isEmptyAllowed && nodeData?.cta?.metadata?.value === '' ? null : /*#__PURE__*/React$1.createElement(Button, {
+  }), nodeData?.cta?.validations?.isEmptyAllowed && nodeData?.cta?.metadata?.value === '' ? null : /*#__PURE__*/React.createElement(Button, {
     ref: nodeData?.cta?.refSetter,
     data: nodeData.cta.metadata,
     type: nodeData?.cta?.metadata?.type,
     size: isMobile ? 'small' : 'medium'
-  })), /*#__PURE__*/React$1.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: classes?.imageContainer
-  }, /*#__PURE__*/React$1.createElement(NextImageRenderer, {
+  }, /*#__PURE__*/React.createElement(NextImageRenderer, {
     ref: nodeData?.image?.refSetter,
     className: classes.sideBannerImage,
     src: nodeData.image.metadata.value,
@@ -2638,11 +2638,11 @@ function BannerCarouselRight({
     buttonContainerClass: classes.absoluteButtonsBannerRight,
     inverted: false
   } : {};
-  return /*#__PURE__*/React$1.createElement("section", {
+  return /*#__PURE__*/React.createElement("section", {
     className: classes.bannerCarouselRightSection
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.sectionContainer
-  }, /*#__PURE__*/React$1.createElement(Wrapper, wrapperProps, bannerCarousel.components.map((node, idx) => /*#__PURE__*/React$1.createElement(Section$4, {
+  }, /*#__PURE__*/React.createElement(Wrapper, wrapperProps, bannerCarousel.components.map((node, idx) => /*#__PURE__*/React.createElement(Section$4, {
     nodeData: node,
     key: idx /* or some other unique property */,
     sectionIndex: sectionIndex
@@ -2843,41 +2843,41 @@ function List({
   const getNumber = val => {
     return val.toString().length == 1 ? '0' + val : val;
   };
-  return /*#__PURE__*/React$1.createElement("section", {
+  return /*#__PURE__*/React.createElement("section", {
     className: classes.section
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.sectionContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.subTitleHeading
-  }, /*#__PURE__*/React$1.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     ref: nodeData?.cardHeading?.refSetter,
     dangerouslySetInnerHTML: {
       __html: nodeData.cardHeading.metadata.value
     }
-  })), /*#__PURE__*/React$1.createElement("h2", {
+  })), /*#__PURE__*/React.createElement("h2", {
     className: classes.heading
-  }, /*#__PURE__*/React$1.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     ref: nodeData?.title?.refSetter,
     dangerouslySetInnerHTML: {
       __html: nodeData.title.metadata.value
     }
-  })), /*#__PURE__*/React$1.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: classes.contentContainer
   }, nodeData.contentList.components.map((dt, ind) => {
-    return /*#__PURE__*/React$1.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       key: ind,
       className: classes.content
-    }, /*#__PURE__*/React$1.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: classes.contentNumber
-    }, getNumber(ind + 1)), /*#__PURE__*/React$1.createElement("div", {
+    }, getNumber(ind + 1)), /*#__PURE__*/React.createElement("div", {
       className: classes.contentText
-    }, /*#__PURE__*/React$1.createElement("h3", {
+    }, /*#__PURE__*/React.createElement("h3", {
       ref: dt?.contentHeading?.refSetter,
       className: classes.contentHeading,
       dangerouslySetInnerHTML: {
         __html: dt.contentHeading.metadata.value
       }
-    }), /*#__PURE__*/React$1.createElement("p", {
+    }), /*#__PURE__*/React.createElement("p", {
       ref: dt?.contentPara?.refSetter,
       className: classes.contentPara,
       dangerouslySetInnerHTML: {
@@ -3058,44 +3058,44 @@ const Section$3 = ({
     containerWidth,
     isCustomWebsite
   });
-  return /*#__PURE__*/React$1.createElement("section", {
+  return /*#__PURE__*/React.createElement("section", {
     className: classes.bannerCarouselCenterSection
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.contentContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.sectionContainer
-  }, !(nodeData.cardHeading.metadata.value === '<br>' && nodeData.title.metadata.value === '<br>' && nodeData.description.metadata.value === '<br>' && nodeData?.cta?.metadata?.value === '') ? /*#__PURE__*/React$1.createElement("div", {
+  }, !(nodeData.cardHeading.metadata.value === '<br>' && nodeData.title.metadata.value === '<br>' && nodeData.description.metadata.value === '<br>' && nodeData?.cta?.metadata?.value === '') ? /*#__PURE__*/React.createElement("div", {
     className: classes.textContainer
-  }, nodeData.cardHeading.metadata.value !== '<br>' ? /*#__PURE__*/React$1.createElement("div", {
+  }, nodeData.cardHeading.metadata.value !== '<br>' ? /*#__PURE__*/React.createElement("div", {
     className: classes.subTitleHeading
-  }, /*#__PURE__*/React$1.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     ref: nodeData?.cardHeading?.refSetter,
     dangerouslySetInnerHTML: {
       __html: nodeData.cardHeading.metadata.value
     }
-  })) : null, nodeData.title.metadata.value !== '<br>' ? /*#__PURE__*/React$1.createElement("h2", {
+  })) : null, nodeData.title.metadata.value !== '<br>' ? /*#__PURE__*/React.createElement("h2", {
     className: classes.heading
-  }, /*#__PURE__*/React$1.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     ref: nodeData?.title?.refSetter,
     dangerouslySetInnerHTML: {
       __html: nodeData.title.metadata.value
     }
-  })) : null, nodeData.description.metadata.value !== '<br>' ? /*#__PURE__*/React$1.createElement("p", {
+  })) : null, nodeData.description.metadata.value !== '<br>' ? /*#__PURE__*/React.createElement("p", {
     ref: nodeData?.description?.refSetter,
     className: classes.description,
     dangerouslySetInnerHTML: {
       __html: nodeData.description.metadata.value
     }
-  }) : null, nodeData?.cta?.validations?.isEmptyAllowed && nodeData?.cta?.metadata?.value === '' ? null : /*#__PURE__*/React$1.createElement("div", {
+  }) : null, nodeData?.cta?.validations?.isEmptyAllowed && nodeData?.cta?.metadata?.value === '' ? null : /*#__PURE__*/React.createElement("div", {
     className: classes.buttonClass
-  }, /*#__PURE__*/React$1.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(Button, {
     ref: nodeData?.cta?.refSetter,
     data: nodeData.cta.metadata,
     type: nodeData?.cta?.metadata?.type,
     size: isMobile ? 'small' : 'medium'
-  }))) : null), /*#__PURE__*/React$1.createElement("div", {
+  }))) : null), /*#__PURE__*/React.createElement("div", {
     className: classes?.centerBgImageContainer
-  }, /*#__PURE__*/React$1.createElement(NextImageRenderer, {
+  }, /*#__PURE__*/React.createElement(NextImageRenderer, {
     src: nodeData.image.metadata.value,
     className: classes?.centerBgImage,
     sectionIndex: sectionIndex
@@ -3117,9 +3117,9 @@ function BannerCarouselCenter({
     buttonContainerClass: classes.absoluteButtons,
     inverted: true
   } : {};
-  return /*#__PURE__*/React$1.createElement("section", {
+  return /*#__PURE__*/React.createElement("section", {
     className: classes.bannerCarouselCenterSection
-  }, /*#__PURE__*/React$1.createElement(Wrapper, wrapperProps, bannerCarousel.components.map((node, idx) => /*#__PURE__*/React$1.createElement(Section$3, {
+  }, /*#__PURE__*/React.createElement(Wrapper, wrapperProps, bannerCarousel.components.map((node, idx) => /*#__PURE__*/React.createElement(Section$3, {
     nodeData: node,
     isCustomWebsite: isCustomWebsite,
     key: idx /* or some other unique property */,
@@ -3279,40 +3279,40 @@ function Section$2({
     isCustomWebsite,
     isMobile
   });
-  return /*#__PURE__*/React$1.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: classes.centerData
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.imageContainerDiv
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.imageContainer
-  }, /*#__PURE__*/React$1.createElement(NextImageRenderer, {
+  }, /*#__PURE__*/React.createElement(NextImageRenderer, {
     src: nodeData.image.metadata.value,
     ref: nodeData?.image?.refSetter,
     className: classes.sideBannerImage,
     sectionIndex: sectionIndex
-  }))), /*#__PURE__*/React$1.createElement("div", {
+  }))), /*#__PURE__*/React.createElement("div", {
     className: classes.textContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.subTitleHeading
-  }, /*#__PURE__*/React$1.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     ref: nodeData?.cardHeading?.refSetter,
     dangerouslySetInnerHTML: {
       __html: nodeData.cardHeading.metadata.value
     }
-  })), /*#__PURE__*/React$1.createElement("h2", {
+  })), /*#__PURE__*/React.createElement("h2", {
     className: classes.heading
-  }, /*#__PURE__*/React$1.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     ref: nodeData?.title?.refSetter,
     dangerouslySetInnerHTML: {
       __html: nodeData.title.metadata.value
     }
-  })), /*#__PURE__*/React$1.createElement("p", {
+  })), /*#__PURE__*/React.createElement("p", {
     ref: nodeData?.description?.refSetter,
     className: classes.description,
     dangerouslySetInnerHTML: {
       __html: nodeData.description.metadata.value
     }
-  }), nodeData?.cta?.validations?.isEmptyAllowed && nodeData?.cta?.metadata?.value === '' ? null : /*#__PURE__*/React$1.createElement(Button, {
+  }), nodeData?.cta?.validations?.isEmptyAllowed && nodeData?.cta?.metadata?.value === '' ? null : /*#__PURE__*/React.createElement(Button, {
     ref: nodeData?.cta?.refSetter,
     data: nodeData.cta.metadata,
     type: nodeData?.cta?.metadata?.type,
@@ -3338,11 +3338,11 @@ function BannerCarouselLeft({
     bannerCarousel
   }] = sectionData.components;
   const Wrapper = bannerCarousel.components.length > 1 ? Carousel : Fragment;
-  return /*#__PURE__*/React$1.createElement("section", {
+  return /*#__PURE__*/React.createElement("section", {
     className: classes.section
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.sectionContainer
-  }, /*#__PURE__*/React$1.createElement(Wrapper, null, bannerCarousel.components.map((node, idx) => /*#__PURE__*/React$1.createElement(Section$2, {
+  }, /*#__PURE__*/React.createElement(Wrapper, null, bannerCarousel.components.map((node, idx) => /*#__PURE__*/React.createElement(Section$2, {
     nodeData: node,
     key: idx /* or some other unique property */,
     sectionIndex: sectionIndex
@@ -3598,7 +3598,7 @@ function Input({
   } = props;
   const classes = inputStyles();
   const Comp = inputType;
-  return /*#__PURE__*/React$1.createElement(Comp, _extends({}, inputType === 'input' ? {
+  return /*#__PURE__*/React.createElement(Comp, _extends({}, inputType === 'input' ? {
     type: 'text'
   } : {
     rows: '3'
@@ -3668,34 +3668,34 @@ function SubscribeToNewsletter({
       setBtnDisabled(false);
     }
   }, [isValid]);
-  return /*#__PURE__*/React$1.createElement("section", {
+  return /*#__PURE__*/React.createElement("section", {
     className: classes.section
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.newsLetterContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.partialBackground
-  }), /*#__PURE__*/React$1.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: classes.sectionContainer
-  }, /*#__PURE__*/React$1.createElement("h2", {
+  }, /*#__PURE__*/React.createElement("h2", {
     className: classes.cardHeading
-  }, /*#__PURE__*/React$1.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     ref: nodeData?.cardHeading?.refSetter,
     dangerouslySetInnerHTML: {
       __html: nodeData.cardHeading.metadata.value
     }
-  })), /*#__PURE__*/React$1.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: classes.contentContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     ref: nodeData?.title?.refSetter,
     className: classes.title,
     dangerouslySetInnerHTML: {
       __html: nodeData.title.metadata.value
     }
-  }), /*#__PURE__*/React$1.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: classes.inputContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.inputFieldDiv
-  }, /*#__PURE__*/React$1.createElement(Input, {
+  }, /*#__PURE__*/React.createElement(Input, {
     data: nodeData?.inputField,
     value: inputVal,
     isValid: isValid,
@@ -3714,9 +3714,9 @@ function SubscribeToNewsletter({
     onFocus: () => {
       setIsValid(true);
     }
-  })), nodeData.cta.metadata.value !== '' && /*#__PURE__*/React$1.createElement("div", {
+  })), nodeData.cta.metadata.value !== '' && /*#__PURE__*/React.createElement("div", {
     className: classes.btnContainer
-  }, /*#__PURE__*/React$1.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(Button, {
     ref: nodeData?.cta?.refSetter,
     data: btnDisabled && isValid ? {
       value: 'Submitted'
@@ -3916,7 +3916,7 @@ const useTestimonialStyles = createUseStyles(theme => ({
 
 function QuotesComponent() {
   const theme = useTheme();
-  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(Icon, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
     width: "28px",
     height: "21px",
     name: "Quote",
@@ -3953,21 +3953,21 @@ function Section$1({
   /*#__PURE__*/
   // kept an extra element as slick mutates this element and gives it 100% width
   // and so, we can't use margins here on the top level element
-  React$1.createElement(Fragment, {
+  React.createElement(Fragment, {
     key: idx
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.singleCard
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.quoteIcon
-  }, /*#__PURE__*/React$1.createElement(QuotesComponent, null)), /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement(QuotesComponent, null)), /*#__PURE__*/React.createElement("div", {
     className: classes.cardDetails
-  }, /*#__PURE__*/React$1.createElement("p", {
+  }, /*#__PURE__*/React.createElement("p", {
     ref: el?.cardTextContent?.refSetter,
     className: classes.reviewText,
     dangerouslySetInnerHTML: {
       __html: el?.cardTextContent?.metadata?.value
     }
-  }), /*#__PURE__*/React$1.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: classes.userContainer
   }, el?.cardUserImage?.metadata?.value ?
   /*#__PURE__*/
@@ -3977,46 +3977,46 @@ function Section$1({
   //   src={el?.cardUserImage?.metadata?.value}
   //   alt="userImg"
   // />
-  React$1.createElement("div", {
+  React.createElement("div", {
     className: classes.userImageContainer
-  }, /*#__PURE__*/React$1.createElement(NextImageRenderer, {
+  }, /*#__PURE__*/React.createElement(NextImageRenderer, {
     ref: el?.cardUserImage?.refSetter,
     className: classes.userImage,
     src: el?.cardUserImage?.metadata?.value,
     alt: "userImg",
     sectionIndex: sectionIndex
-  })) : /*#__PURE__*/React$1.createElement("div", {
+  })) : /*#__PURE__*/React.createElement("div", {
     ref: el?.cardUserImage?.refSetter,
     className: classes.userImageDummy
-  }), /*#__PURE__*/React$1.createElement("h3", {
+  }), /*#__PURE__*/React.createElement("h3", {
     ref: el?.cardUserName?.refSetter,
     className: classes.userName,
     dangerouslySetInnerHTML: {
       __html: el?.cardUserName?.metadata?.value
     }
   }))))));
-  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement("div", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: classes.sectionContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.testimonialCardAndText
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.testimonialText
-  }, /*#__PURE__*/React$1.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     ref: nodeData?.carouselHeading?.refSetter,
     dangerouslySetInnerHTML: {
       __html: nodeData?.carouselHeading?.metadata?.value
     }
-  })), /*#__PURE__*/React$1.createElement("h2", {
+  })), /*#__PURE__*/React.createElement("h2", {
     className: classes.testimonialHeader
-  }, /*#__PURE__*/React$1.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     ref: nodeData?.title?.refSetter,
     dangerouslySetInnerHTML: {
       __html: nodeData?.title?.metadata?.value
     }
-  })), cardsCount > slidesToShow ? /*#__PURE__*/React$1.createElement(Carousel, {
+  })), cardsCount > slidesToShow ? /*#__PURE__*/React.createElement(Carousel, {
     hideArrow: isMobile,
     settings: settings
-  }, carouselContent) : /*#__PURE__*/React$1.createElement("div", {
+  }, carouselContent) : /*#__PURE__*/React.createElement("div", {
     className: classes.contentRow
   }, carouselContent))));
 }
@@ -4025,9 +4025,9 @@ function Testimonials({
   sectionIndex
 }) {
   const classes = useTestimonialStyles();
-  return /*#__PURE__*/React$1.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: classes.testimonialContainer
-  }, /*#__PURE__*/React$1.createElement(Section$1, {
+  }, /*#__PURE__*/React.createElement(Section$1, {
     nodeData: sectionData.components[0],
     sectionIndex: sectionIndex
   }));
@@ -4107,11 +4107,11 @@ function Loader({
       };
     }
   }, []);
-  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement("div", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: classes.loaderContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.spinner
-  }), texts && texts.length ? /*#__PURE__*/React$1.createElement("p", {
+  }), texts && texts.length ? /*#__PURE__*/React.createElement("p", {
     className: classes.loaderDesc
   }, " ", loaderText) : ''));
 }
@@ -4189,23 +4189,23 @@ function VideoPlayer(props) {
       return url;
     }
   }
-  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, !isLoaded && /*#__PURE__*/React$1.createElement("div", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, !isLoaded && /*#__PURE__*/React.createElement("div", {
     className: classes.imgContainer,
     onClick: () => {
       setIsEnableed(true);
     }
-  }, /*#__PURE__*/React$1.createElement(NextImageRenderer, {
+  }, /*#__PURE__*/React.createElement(NextImageRenderer, {
     src: imageUrl,
     sectionIndex: props?.sectionIndex,
     className: classes.videoPlayerImage
-  }), isEnabled ? /*#__PURE__*/React$1.createElement(Loader, null) : /*#__PURE__*/React$1.createElement(React$1.Fragment, null, props.onlyThumbnail ? null : /*#__PURE__*/React$1.createElement(Icon, {
+  }), isEnabled ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(React.Fragment, null, props.onlyThumbnail ? null : /*#__PURE__*/React.createElement(Icon, {
     name: "Video Play",
     color: theme.palette.font.invertedDefault,
     className: classes?.icon,
     onClick: () => {
       setIsEnableed(true);
     }
-  }))), isEnabled && /*#__PURE__*/React$1.createElement("iframe", {
+  }))), isEnabled && /*#__PURE__*/React.createElement("iframe", {
     className: classes.iframe + ' ' + classes.hideImg,
     src: imageUrl ? getId(videoUrl) + '?autoplay=1' : getId(videoUrl),
     frameBorder: "0",
@@ -4342,34 +4342,34 @@ const SingleVideoSlide$2 = props => {
     data
   } = props;
   const classes = useVideoTestimonialStyles();
-  return /*#__PURE__*/React$1.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: classes.videoCarouselContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.videoCarousel
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.iframeSuperContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     ref: data?.videoFrame?.refSetter,
     className: classes.iframeContainer
-  }, /*#__PURE__*/React$1.createElement(VideoPlayer, {
+  }, /*#__PURE__*/React.createElement(VideoPlayer, {
     imageUrl: data.videoFrame.metadata?.thumbnail,
     videoUrl: data.videoFrame.metadata?.value,
     sectionIndex: props?.sectionIndex
-  }))), /*#__PURE__*/React$1.createElement("div", {
+  }))), /*#__PURE__*/React.createElement("div", {
     className: classes.videoDetails
-  }, /*#__PURE__*/React$1.createElement("h3", {
+  }, /*#__PURE__*/React.createElement("h3", {
     ref: data?.videoTextHeading?.refSetter,
     className: classes.videoDetailsHeading,
     dangerouslySetInnerHTML: {
       __html: data.videoTextHeading.metadata.value
     }
-  }), /*#__PURE__*/React$1.createElement("p", {
+  }), /*#__PURE__*/React.createElement("p", {
     ref: data?.videoTextContent?.refSetter,
     className: classes.videoDetailsContent,
     dangerouslySetInnerHTML: {
       __html: data.videoTextContent.metadata.value
     }
-  }), /*#__PURE__*/React$1.createElement("p", {
+  }), /*#__PURE__*/React.createElement("p", {
     ref: data?.videoTextSubContent?.refSetter,
     className: classes.videoDetailsSubContent,
     dangerouslySetInnerHTML: {
@@ -4396,27 +4396,27 @@ function VideoTestimonial({
   });
   const [videoData] = sectionData.components;
   const Wrapper = videoData.videoCarousel.components.length > 1 ? Carousel : Fragment;
-  return /*#__PURE__*/React$1.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: classes.videoTestimonialSuperContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.videoTestimonialContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.sectionContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.videoTestimonialHeading
-  }, /*#__PURE__*/React$1.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     ref: videoData?.videoHeading?.refSetter,
     dangerouslySetInnerHTML: {
       __html: videoData.videoHeading.metadata.value
     }
-  })), /*#__PURE__*/React$1.createElement("h2", {
+  })), /*#__PURE__*/React.createElement("h2", {
     className: classes.videoTestimonialTitle
-  }, /*#__PURE__*/React$1.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     ref: videoData?.title?.refSetter,
     dangerouslySetInnerHTML: {
       __html: videoData.title.metadata.value
     }
-  })), /*#__PURE__*/React$1.createElement(Wrapper, null, videoData.videoCarousel.components.map((data, index) => /*#__PURE__*/React$1.createElement(SingleVideoSlide$2, {
+  })), /*#__PURE__*/React.createElement(Wrapper, null, videoData.videoCarousel.components.map((data, index) => /*#__PURE__*/React.createElement(SingleVideoSlide$2, {
     data: data,
     key: index,
     sectionIndex: sectionIndex,
@@ -4578,26 +4578,26 @@ const SingleSlide$1 = props => {
     data
   } = props;
   const classes = useVideoStyles();
-  return /*#__PURE__*/React$1.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: classes.singleSlideContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     ref: data?.videoFrame?.refSetter,
     className: classes.iframeContainer,
     style: {
       background: 'linear-gradient(#333333,rgb(0 0 0))'
     }
-  }, /*#__PURE__*/React$1.createElement(VideoPlayer, {
+  }, /*#__PURE__*/React.createElement(VideoPlayer, {
     imageUrl: data.videoFrame.metadata?.thumbnail,
     videoUrl: data.videoFrame.metadata?.value
-  })), /*#__PURE__*/React$1.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: classes.videoDetailsContainer
-  }, /*#__PURE__*/React$1.createElement("h3", {
+  }, /*#__PURE__*/React.createElement("h3", {
     ref: data?.videoTitle?.refSetter,
     className: classes.videoDetailsHeading,
     dangerouslySetInnerHTML: {
       __html: data.videoTitle.metadata.value
     }
-  }), /*#__PURE__*/React$1.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     ref: data?.videoSubTitle?.refSetter,
     className: classes.videoDetailsSubHeading,
     dangerouslySetInnerHTML: {
@@ -4630,34 +4630,34 @@ function Video({
     centerPadding: isMobile ? '0px' : '100px 0 0',
     centerMode: true
   };
-  const carouselContent = videoData.videoCarousel.components.map((data, index) => /*#__PURE__*/React$1.createElement(SingleSlide$1, {
+  const carouselContent = videoData.videoCarousel.components.map((data, index) => /*#__PURE__*/React.createElement(SingleSlide$1, {
     data: data,
     key: index
   }));
-  return /*#__PURE__*/React$1.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: classes.videoSuperContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.videoContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.sectionContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.videoHeading
-  }, /*#__PURE__*/React$1.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     ref: videoData?.videoHeading?.refSetter,
     dangerouslySetInnerHTML: {
       __html: videoData.videoHeading.metadata.value
     }
-  })), /*#__PURE__*/React$1.createElement("h2", {
+  })), /*#__PURE__*/React.createElement("h2", {
     className: classes.videoTitle
-  }, /*#__PURE__*/React$1.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     ref: videoData?.videoTitle?.refSetter,
     dangerouslySetInnerHTML: {
       __html: videoData.videoTitle.metadata.value
     }
-  })), cardsCount > slidesToShow ? /*#__PURE__*/React$1.createElement(Carousel, {
+  })), cardsCount > slidesToShow ? /*#__PURE__*/React.createElement(Carousel, {
     hideArrow: isMobile,
     settings: settings
-  }, carouselContent) : /*#__PURE__*/React$1.createElement("div", {
+  }, carouselContent) : /*#__PURE__*/React.createElement("div", {
     className: classes.contentRow
   }, carouselContent))));
 }
@@ -4835,60 +4835,60 @@ function Info({
   const carouselContent = carouselList.map((dt, ind) =>
   /*#__PURE__*/
   // Need to keep this Fragment otherwise Slick mutates the top level div
-  React$1.createElement(Fragment, {
+  React.createElement(Fragment, {
     key: ind
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.card
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.cardContent
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     ref: dt?.icon?.refSetter,
     className: classes.imageContainer
-  }, /*#__PURE__*/React$1.createElement(Icon, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     name: dt.icon.metadata.value,
     color: theme.palette.primary.main,
     width: isMobile ? '30px' : '40px',
     height: isMobile ? '30px' : '40px'
-  })), /*#__PURE__*/React$1.createElement("h3", {
+  })), /*#__PURE__*/React.createElement("h3", {
     ref: dt?.contentHeading?.refSetter,
     className: classes.cardHeading,
     dangerouslySetInnerHTML: {
       __html: dt.contentHeading.metadata.value
     }
-  }), /*#__PURE__*/React$1.createElement("p", {
+  }), /*#__PURE__*/React.createElement("p", {
     ref: dt?.contentPara?.refSetter,
     className: classes.cardPara,
     dangerouslySetInnerHTML: {
       __html: dt.contentPara.metadata.value
     }
   })))));
-  return /*#__PURE__*/React$1.createElement("section", {
+  return /*#__PURE__*/React.createElement("section", {
     className: classes.section
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.sectionContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.partialBackground
-  }), /*#__PURE__*/React$1.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: classes.content
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.subTitleHeading
-  }, /*#__PURE__*/React$1.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     ref: nodeData?.cardHeading?.refSetter,
     dangerouslySetInnerHTML: {
       __html: nodeData?.cardHeading?.metadata?.value
     }
-  })), /*#__PURE__*/React$1.createElement("h2", {
+  })), /*#__PURE__*/React.createElement("h2", {
     className: classes.heading
-  }, /*#__PURE__*/React$1.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     ref: nodeData?.title?.refSetter,
     dangerouslySetInnerHTML: {
       __html: nodeData?.title?.metadata?.value
     }
-  })), cardsCount > slidesToShow ? /*#__PURE__*/React$1.createElement(Carousel, {
+  })), cardsCount > slidesToShow ? /*#__PURE__*/React.createElement(Carousel, {
     hideArrow: isMobile,
     settings: settings
     // buttonContainerClass={classes.buttonContainerClass}
-  }, carouselContent) : /*#__PURE__*/React$1.createElement("div", {
+  }, carouselContent) : /*#__PURE__*/React.createElement("div", {
     className: classes.contentRow
   }, carouselContent))));
 }
@@ -4968,33 +4968,33 @@ const TextSection = ({
     isMobile
   });
   const [nodeData] = sectionData.components;
-  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement("section", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("section", {
     className: classes.section
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.sectionContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.subHeading
-  }, /*#__PURE__*/React$1.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     ref: nodeData?.subHeading?.refSetter,
     dangerouslySetInnerHTML: {
       __html: nodeData.subHeading.metadata.value
     }
-  })), /*#__PURE__*/React$1.createElement("h2", {
+  })), /*#__PURE__*/React.createElement("h2", {
     className: classes.title
-  }, /*#__PURE__*/React$1.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     ref: nodeData?.title?.refSetter,
     dangerouslySetInnerHTML: {
       __html: nodeData.title.metadata.value
     }
-  })), /*#__PURE__*/React$1.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: classes.textContent
-  }, /*#__PURE__*/React$1.createElement("p", {
+  }, /*#__PURE__*/React.createElement("p", {
     ref: nodeData?.textLeft?.refSetter,
     className: classes.textPara,
     dangerouslySetInnerHTML: {
       __html: nodeData.textLeft.metadata.value
     }
-  }), /*#__PURE__*/React$1.createElement("p", {
+  }), /*#__PURE__*/React.createElement("p", {
     ref: nodeData?.textRight?.refSetter,
     className: classes.textPara,
     dangerouslySetInnerHTML: {
@@ -5133,39 +5133,39 @@ function PhotoGallery({
     arrows: false
   };
   const carouselContent = carouselList?.map((el, idx) => {
-    return /*#__PURE__*/React$1.createElement(Fragment, {
+    return /*#__PURE__*/React.createElement(Fragment, {
       key: idx
-    }, /*#__PURE__*/React$1.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: classes.singleCard
-    }, /*#__PURE__*/React$1.createElement(NextImageRenderer, {
+    }, /*#__PURE__*/React.createElement(NextImageRenderer, {
       src: el?.cardImage?.metadata?.value,
       ref: el?.cardImage?.refSetter,
       className: classes?.carouselImage,
       sectionIndex: sectionIndex
     })));
   });
-  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement("div", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: classes.container
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.sectionContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.cardHeading
-  }, /*#__PURE__*/React$1.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     ref: nodeData?.carouselHeading?.refSetter,
     dangerouslySetInnerHTML: {
       __html: nodeData?.carouselHeading?.metadata?.value
     }
-  })), /*#__PURE__*/React$1.createElement("h2", {
+  })), /*#__PURE__*/React.createElement("h2", {
     className: classes.title
-  }, /*#__PURE__*/React$1.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     ref: nodeData?.title?.refSetter,
     dangerouslySetInnerHTML: {
       __html: nodeData?.title?.metadata?.value
     }
-  })), cardsCount > slidesToShow ? /*#__PURE__*/React$1.createElement(Carousel, {
+  })), cardsCount > slidesToShow ? /*#__PURE__*/React.createElement(Carousel, {
     hideArrow: isMobile,
     settings: settings
-  }, carouselContent) : /*#__PURE__*/React$1.createElement("div", {
+  }, carouselContent) : /*#__PURE__*/React.createElement("div", {
     className: classes.contentRow
   }, carouselContent))));
 }
@@ -5276,27 +5276,27 @@ const FAQListing = ({
     isMobile
   });
   const [nodeData] = sectionData.components;
-  return /*#__PURE__*/React$1.createElement("section", {
+  return /*#__PURE__*/React.createElement("section", {
     className: classes.section
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.sectionContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.sectionSubheading
-  }, /*#__PURE__*/React$1.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     ref: nodeData?.subheading?.refSetter,
     dangerouslySetInnerHTML: {
       __html: nodeData.subheading.metadata.value
     }
-  })), /*#__PURE__*/React$1.createElement("h2", {
+  })), /*#__PURE__*/React.createElement("h2", {
     className: classes.sectionHeading
-  }, /*#__PURE__*/React$1.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     ref: nodeData?.title?.refSetter,
     dangerouslySetInnerHTML: {
       __html: nodeData.title.metadata.value
     }
-  })), /*#__PURE__*/React$1.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: classes.container
-  }, nodeData.faqQuestions.components.map((item, index) => /*#__PURE__*/React$1.createElement(Accordion, {
+  }, nodeData.faqQuestions.components.map((item, index) => /*#__PURE__*/React.createElement(Accordion, {
     key: index,
     item: item,
     onClick: () => {
@@ -5313,26 +5313,26 @@ const Accordion = ({
   const classes = useFaqListStyles({
     isSelected
   });
-  return /*#__PURE__*/React$1.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: classes.basicCardContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     onClick: onClick,
     className: classes.innerContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.header
-  }, /*#__PURE__*/React$1.createElement("h3", {
+  }, /*#__PURE__*/React.createElement("h3", {
     ref: item?.question?.refSetter,
     className: classes.title,
     dangerouslySetInnerHTML: {
       __html: item.question.metadata.value
     }
-  }), /*#__PURE__*/React$1.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: classes.arrowButton
-  }, /*#__PURE__*/React$1.createElement(ArrowButton, {
+  }, /*#__PURE__*/React.createElement(ArrowButton, {
     down: isSelected,
     up: !isSelected,
     size: "small"
-  }))), /*#__PURE__*/React$1.createElement("div", {
+  }))), /*#__PURE__*/React.createElement("div", {
     ref: item?.answer?.refSetter,
     className: classes.content,
     dangerouslySetInnerHTML: {
@@ -5466,47 +5466,47 @@ const TextGrid = ({
     infinite: false,
     slidesToShow: isMobile ? 1.1 : 2
   };
-  const carouselContent = nodeData?.contentList?.components?.map((item, index) => /*#__PURE__*/React$1.createElement(Fragment, {
+  const carouselContent = nodeData?.contentList?.components?.map((item, index) => /*#__PURE__*/React.createElement(Fragment, {
     key: index
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.node
-  }, /*#__PURE__*/React$1.createElement("h3", {
+  }, /*#__PURE__*/React.createElement("h3", {
     ref: item?.contentHeading?.refSetter,
     className: classes.nodeTitle,
     dangerouslySetInnerHTML: {
       __html: item.contentHeading.metadata.value
     }
-  }), /*#__PURE__*/React$1.createElement("p", {
+  }), /*#__PURE__*/React.createElement("p", {
     ref: item?.contentPara?.refSetter,
     className: classes.nodePara,
     dangerouslySetInnerHTML: {
       __html: item.contentPara.metadata.value
     }
   }))));
-  return /*#__PURE__*/React$1.createElement("section", {
+  return /*#__PURE__*/React.createElement("section", {
     className: classes.section
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.sectionContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.subheading
-  }, /*#__PURE__*/React$1.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     ref: nodeData?.subheading?.refSetter,
     dangerouslySetInnerHTML: {
       __html: nodeData.subheading.metadata.value
     }
-  })), /*#__PURE__*/React$1.createElement("h2", {
+  })), /*#__PURE__*/React.createElement("h2", {
     className: classes.heading
-  }, /*#__PURE__*/React$1.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     ref: nodeData?.title?.refSetter,
     dangerouslySetInnerHTML: {
       __html: nodeData.title.metadata.value
     }
-  })), /*#__PURE__*/React$1.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: classes.slickContainer
-  }, cardsCount > slidesToShow ? /*#__PURE__*/React$1.createElement(Carousel, {
+  }, cardsCount > slidesToShow ? /*#__PURE__*/React.createElement(Carousel, {
     hideArrow: isMobile,
     settings: settings
-  }, carouselContent) : /*#__PURE__*/React$1.createElement("div", {
+  }, carouselContent) : /*#__PURE__*/React.createElement("div", {
     className: classes.contentRow
   }, carouselContent))));
 };
@@ -5851,46 +5851,46 @@ function CourseCard({
   const finalPrice = formatCurrency(countryCode, card?.finalPrice, currencySymbol);
   const buyNowText = countryCode === 'KR' ? '이 웨비나 신청하기' : 'Buy Now';
   const offText = countryCode === 'KR' ? '할인' : 'OFF';
-  return /*#__PURE__*/React$1.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: classes.singleCard
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.courseCardImg
-  }, /*#__PURE__*/React$1.createElement(NextImageRenderer, {
+  }, /*#__PURE__*/React.createElement(NextImageRenderer, {
     src: card?.imageUrl ? card?.imageUrl : defaultCardImg,
     className: classes.courseCardImgThumbnail
-  })), /*#__PURE__*/React$1.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: classes.courseCardData
-  }, /*#__PURE__*/React$1.createElement("div", null, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     className: classes.courseCardTags
-  }, card?.tag?.text == 'LIVE COURSE' && /*#__PURE__*/React$1.createElement("div", {
+  }, card?.tag?.text == 'LIVE COURSE' && /*#__PURE__*/React.createElement("div", {
     className: classes.courseCardTag
-  }, " LIVE COURSE"), !!card?.isSamplingEnabled && /*#__PURE__*/React$1.createElement("div", {
+  }, " LIVE COURSE"), !!card?.isSamplingEnabled && /*#__PURE__*/React.createElement("div", {
     className: classes.courseCardTag
-  }, " FREE CONTENT"), !!card?.isPhysicalDeliveryEnabled && /*#__PURE__*/React$1.createElement("div", {
+  }, " FREE CONTENT"), !!card?.isPhysicalDeliveryEnabled && /*#__PURE__*/React.createElement("div", {
     className: classes.courseCardTag
-  }, " BOOKS")), /*#__PURE__*/React$1.createElement("div", {
+  }, " BOOKS")), /*#__PURE__*/React.createElement("div", {
     className: classes.courseCardName
-  }, getShortenedSubstring(card?.name, 50)), card.maxCouponDiscount && card.maxCouponDiscount.text && /*#__PURE__*/React$1.createElement("div", {
+  }, getShortenedSubstring(card?.name, 50)), card.maxCouponDiscount && card.maxCouponDiscount.text && /*#__PURE__*/React.createElement("div", {
     className: classes.courseCardDiscount
-  }, /*#__PURE__*/React$1.createElement("img", {
+  }, /*#__PURE__*/React.createElement("img", {
     src: tagIcon,
     alt: ""
-  }), card.maxCouponDiscount.text), card?.tag?.text == 'LIVE COURSE' || !!card?.isSamplingEnabled || !!card?.isPhysicalDeliveryEnabled ? /*#__PURE__*/React$1.createElement(React$1.Fragment, null) : /*#__PURE__*/React$1.createElement("div", {
+  }), card.maxCouponDiscount.text), card?.tag?.text == 'LIVE COURSE' || !!card?.isSamplingEnabled || !!card?.isPhysicalDeliveryEnabled ? /*#__PURE__*/React.createElement(React.Fragment, null) : /*#__PURE__*/React.createElement("div", {
     style: {
       paddingTop: '20px'
     }
-  })), /*#__PURE__*/React$1.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: classes.courseCardFooter
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.courseCardPriceContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.courseCardPrice
-  }, finalPrice), card?.price !== card?.finalPrice ? /*#__PURE__*/React$1.createElement("div", {
+  }, finalPrice), card?.price !== card?.finalPrice ? /*#__PURE__*/React.createElement("div", {
     className: classes.courseCardStrikePrice
-  }, /*#__PURE__*/React$1.createElement("span", null, price), " ", discount > 0 && discount + `% ${offText}`) : null), /*#__PURE__*/React$1.createElement("a", {
+  }, /*#__PURE__*/React.createElement("span", null, price), " ", discount > 0 && discount + `% ${offText}`) : null), /*#__PURE__*/React.createElement("a", {
     className: classes.coursesAnchorTag,
     href: isEdit ? null : card?.shareableLink
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.courseCardBuyBtn
   }, buyNowText)))));
 }
@@ -5977,51 +5977,51 @@ function courses({
   } : {
     classes
   };
-  return errored ? null : /*#__PURE__*/React$1.createElement("div", {
+  return errored ? null : /*#__PURE__*/React.createElement("div", {
     className: classes.coursesContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.sectionContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.coursesCardAndText
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.coursesText
-  }, /*#__PURE__*/React$1.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     ref: nodeData?.heading?.refSetter,
     dangerouslySetInnerHTML: {
       __html: nodeData?.heading?.metadata?.value
     }
-  })), /*#__PURE__*/React$1.createElement("h2", {
+  })), /*#__PURE__*/React.createElement("h2", {
     className: classes.coursesHeader
-  }, /*#__PURE__*/React$1.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     ref: nodeData?.title?.refSetter,
     dangerouslySetInnerHTML: {
       __html: nodeData?.title?.metadata?.value
     }
-  })), !showShimmer ? /*#__PURE__*/React$1.createElement(Wrapper, wrapperProps, cardList != null ? cardList?.map((card, index) => /*#__PURE__*/React$1.createElement(CourseCard, {
+  })), !showShimmer ? /*#__PURE__*/React.createElement(Wrapper, wrapperProps, cardList != null ? cardList?.map((card, index) => /*#__PURE__*/React.createElement(CourseCard, {
     key: index,
     card: card,
     countryCode: countryCode,
     currencySymbol: currencySymbol
   })) : fallBackImages?.map((dt, ind) => {
-    return /*#__PURE__*/React$1.createElement(Fragment, {
+    return /*#__PURE__*/React.createElement(Fragment, {
       key: ind
-    }, /*#__PURE__*/React$1.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       style: {
         padding: '0 12px',
         width: '100%'
       }
-    }, /*#__PURE__*/React$1.createElement("img", {
+    }, /*#__PURE__*/React.createElement("img", {
       src: dt?.url,
       style: {
         width: '100%'
       }
     })));
-  })) : /*#__PURE__*/React$1.createElement("div", {
+  })) : /*#__PURE__*/React.createElement("div", {
     className: classes.shimmerContainer
   }, Array.from({
     length: isMobile ? 1 : 3
   }).map((val, i) => {
-    return /*#__PURE__*/React$1.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: classes.shine,
       key: i
     });
@@ -6031,7 +6031,7 @@ function SimpleCardsContainer({
   children,
   classes
 }) {
-  return /*#__PURE__*/React$1.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: classes.singleCardContainer
   }, children);
 }
@@ -6185,25 +6185,25 @@ const SingleSlide = ({
   sectionIndex
 }) => {
   const classes = useTeamStyles();
-  return /*#__PURE__*/React$1.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: classes.singleSlideContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.imageContainer
-  }, /*#__PURE__*/React$1.createElement(NextImageRenderer, {
+  }, /*#__PURE__*/React.createElement(NextImageRenderer, {
     ref: data?.image?.refSetter,
     className: classes.image,
     alt: "Hero Image",
     src: data.image.metadata.value,
     sectionIndex: sectionIndex
-  })), /*#__PURE__*/React$1.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: classes.teamDetailsContainer
-  }, /*#__PURE__*/React$1.createElement("h3", {
+  }, /*#__PURE__*/React.createElement("h3", {
     ref: data?.teamSlideTitle?.refSetter,
     className: classes.teamDetailsHeading,
     dangerouslySetInnerHTML: {
       __html: data.teamSlideTitle.metadata.value
     }
-  }), /*#__PURE__*/React$1.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     ref: data?.teamSlideSubTitle?.refSetter,
     className: classes.teamDetailsSubHeading,
     dangerouslySetInnerHTML: {
@@ -6240,34 +6240,34 @@ function TeamCard({
     centerMode: true
   };
   const carouselContent = teamData.teamCarousel.components.map((data, idx) => {
-    return /*#__PURE__*/React$1.createElement(SingleSlide, {
+    return /*#__PURE__*/React.createElement(SingleSlide, {
       key: idx,
       data: data,
       sectionIndex: sectionIndex
     });
   });
-  return /*#__PURE__*/React$1.createElement("section", {
+  return /*#__PURE__*/React.createElement("section", {
     className: classes.teamSuperContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.sectionContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.teamHeading
-  }, /*#__PURE__*/React$1.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     ref: teamData?.teamHeading?.refSetter,
     dangerouslySetInnerHTML: {
       __html: teamData.teamHeading.metadata.value
     }
-  })), /*#__PURE__*/React$1.createElement("h2", {
+  })), /*#__PURE__*/React.createElement("h2", {
     className: classes.teamTitle
-  }, /*#__PURE__*/React$1.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     ref: teamData?.teamTitle?.refSetter,
     dangerouslySetInnerHTML: {
       __html: teamData.teamTitle.metadata.value
     }
-  })), cardsCount > slidesToShow ? /*#__PURE__*/React$1.createElement(Carousel, {
+  })), cardsCount > slidesToShow ? /*#__PURE__*/React.createElement(Carousel, {
     hideArrow: isMobile,
     settings: settings
-  }, carouselContent) : /*#__PURE__*/React$1.createElement("div", {
+  }, carouselContent) : /*#__PURE__*/React.createElement("div", {
     className: classes.contentRow
   }, " ", carouselContent)));
 }
@@ -6498,80 +6498,80 @@ function FormEnquiry({
       }
     }
   };
-  return /*#__PURE__*/React$1.createElement("section", {
+  return /*#__PURE__*/React.createElement("section", {
     className: classes.section
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.formContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.partialBackground
-  }), /*#__PURE__*/React$1.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: classes.sectionContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.contentContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.leftContainer
-  }, /*#__PURE__*/React$1.createElement("h2", {
+  }, /*#__PURE__*/React.createElement("h2", {
     className: classes.title
-  }, /*#__PURE__*/React$1.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     ref: nodeData?.title?.refSetter,
     dangerouslySetInnerHTML: {
       __html: nodeData?.title?.metadata?.value
     }
-  })), /*#__PURE__*/React$1.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     ref: nodeData?.subtitle?.refSetter,
     className: classes.subtitle,
     dangerouslySetInnerHTML: {
       __html: nodeData?.subtitle?.metadata?.value
     }
-  }), /*#__PURE__*/React$1.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: classes.addressContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.addressRow
-  }, /*#__PURE__*/React$1.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: classes.addressImg
-  }, /*#__PURE__*/React$1.createElement(Icon, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     name: 'Location',
     color: theme.palette.font.primary,
     width: '12px'
-  })), /*#__PURE__*/React$1.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     ref: nodeData?.address?.refSetter,
     className: classes.addressText,
     dangerouslySetInnerHTML: {
       __html: nodeData?.address?.metadata?.value
     }
-  })), /*#__PURE__*/React$1.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: classes.addressRow
-  }, /*#__PURE__*/React$1.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: classes.addressImg
-  }, /*#__PURE__*/React$1.createElement(Icon, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     name: 'Phone',
     color: theme.palette.font.primary,
     width: '12px'
-  })), /*#__PURE__*/React$1.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     ref: nodeData?.phoneNumber?.refSetter,
     className: classes.addressText,
     dangerouslySetInnerHTML: {
       __html: nodeData?.phoneNumber?.metadata?.value
     }
-  })), /*#__PURE__*/React$1.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: classes.addressRow
-  }, /*#__PURE__*/React$1.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: classes.addressImg
-  }, /*#__PURE__*/React$1.createElement(Icon, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     name: 'Email',
     color: theme.palette.font.primary,
     width: '12px'
-  })), /*#__PURE__*/React$1.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     ref: nodeData?.email?.refSetter,
     className: classes.addressText,
     dangerouslySetInnerHTML: {
       __html: nodeData?.email?.metadata?.value
     }
-  })))), /*#__PURE__*/React$1.createElement("div", {
+  })))), /*#__PURE__*/React.createElement("div", {
     className: classes.rightContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.inputDiv
-  }, /*#__PURE__*/React$1.createElement(Input, {
+  }, /*#__PURE__*/React.createElement(Input, {
     data: nodeData.nameField,
     value: inputVal.name,
     isValid: validData.nameValid,
@@ -6591,9 +6591,9 @@ function FormEnquiry({
         nameValid: 1
       });
     }
-  })), /*#__PURE__*/React$1.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: classes.inputDiv
-  }, /*#__PURE__*/React$1.createElement(Input, {
+  }, /*#__PURE__*/React.createElement(Input, {
     data: nodeData.phoneField,
     value: inputVal.phone,
     isValid: validData.phoneValid,
@@ -6613,9 +6613,9 @@ function FormEnquiry({
         phoneValid: 1
       });
     }
-  })), /*#__PURE__*/React$1.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: classes.inputDiv
-  }, ' ', /*#__PURE__*/React$1.createElement(Input, {
+  }, ' ', /*#__PURE__*/React.createElement(Input, {
     data: nodeData.emailField,
     value: inputVal.email,
     isValid: validData.emailValid,
@@ -6635,9 +6635,9 @@ function FormEnquiry({
         emailValid: 1
       });
     }
-  })), /*#__PURE__*/React$1.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: classes.inputDiv
-  }, ' ', /*#__PURE__*/React$1.createElement(Input, {
+  }, ' ', /*#__PURE__*/React.createElement(Input, {
     data: nodeData.messageField,
     value: inputVal.message,
     isValid: validData.messageValid,
@@ -6657,7 +6657,7 @@ function FormEnquiry({
         messageValid: 1
       });
     }
-  })), nodeData.cta.metadata.value !== '' && /*#__PURE__*/React$1.createElement("div", null, /*#__PURE__*/React$1.createElement(Button, {
+  })), nodeData.cta.metadata.value !== '' && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
     ref: nodeData?.cta?.refSetter,
     data: btnDisabled && validData?.messageValid && validData?.emailValid && validData?.nameValid && validData?.phoneValid ? {
       value: 'Submitted'
@@ -6934,43 +6934,43 @@ function Contact({
       }
     }
   };
-  return /*#__PURE__*/React$1.createElement("section", {
+  return /*#__PURE__*/React.createElement("section", {
     className: classes.section
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.contactContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.partialBackground
-  }), /*#__PURE__*/React$1.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: classes.sectionContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.contentContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.leftContainer
-  }, /*#__PURE__*/React$1.createElement("h2", {
+  }, /*#__PURE__*/React.createElement("h2", {
     className: classes.title
-  }, /*#__PURE__*/React$1.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     ref: nodeData?.title?.refSetter,
     dangerouslySetInnerHTML: {
       __html: nodeData?.title?.metadata?.value
     }
-  })), /*#__PURE__*/React$1.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     ref: nodeData?.subtitle?.refSetter,
     className: classes.subtitle,
     dangerouslySetInnerHTML: {
       __html: nodeData?.subtitle?.metadata?.value
     }
-  }), /*#__PURE__*/React$1.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: classes.addressContainer
-  }, /*#__PURE__*/React$1.createElement(NextImageRenderer, {
+  }, /*#__PURE__*/React.createElement(NextImageRenderer, {
     className: classes?.telephoneImage,
     ref: nodeData?.image?.refSetter,
     src: nodeData?.image?.metadata?.value,
     sectionIndex: sectionIndex
-  }))), /*#__PURE__*/React$1.createElement("div", {
+  }))), /*#__PURE__*/React.createElement("div", {
     className: classes.rightContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.inputDiv
-  }, /*#__PURE__*/React$1.createElement(Input, {
+  }, /*#__PURE__*/React.createElement(Input, {
     data: nodeData.nameField,
     value: inputVal.name,
     isValid: validData.nameValid,
@@ -6990,9 +6990,9 @@ function Contact({
         nameValid: 1
       });
     }
-  })), /*#__PURE__*/React$1.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: classes.inputDiv
-  }, /*#__PURE__*/React$1.createElement(Input, {
+  }, /*#__PURE__*/React.createElement(Input, {
     data: nodeData.phoneField,
     value: inputVal.phone,
     isValid: validData.phoneValid,
@@ -7012,9 +7012,9 @@ function Contact({
         phoneValid: 1
       });
     }
-  })), /*#__PURE__*/React$1.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: classes.inputDiv
-  }, ' ', /*#__PURE__*/React$1.createElement(Input, {
+  }, ' ', /*#__PURE__*/React.createElement(Input, {
     data: nodeData.emailField,
     value: inputVal.email,
     isValid: validData.emailValid,
@@ -7034,9 +7034,9 @@ function Contact({
         emailValid: 1
       });
     }
-  })), /*#__PURE__*/React$1.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: classes.inputDiv
-  }, ' ', /*#__PURE__*/React$1.createElement(Input, {
+  }, ' ', /*#__PURE__*/React.createElement(Input, {
     data: nodeData.messageField,
     value: inputVal.message,
     isValid: validData.messageValid,
@@ -7056,9 +7056,9 @@ function Contact({
         messageValid: 1
       });
     }
-  })), nodeData.cta.metadata.value !== '' && /*#__PURE__*/React$1.createElement("div", {
+  })), nodeData.cta.metadata.value !== '' && /*#__PURE__*/React.createElement("div", {
     className: classes.btnContainer
-  }, /*#__PURE__*/React$1.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(Button, {
     ref: nodeData?.cta?.refSetter,
     data: btnDisabled && validData?.messageValid && validData?.emailValid && validData?.nameValid && validData?.phoneValid ? {
       value: 'Submitted'
@@ -7550,13 +7550,13 @@ function CoursePromotionPage$1({
     containerWidth,
     isMobile
   });
-  return /*#__PURE__*/React$1.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: classes.webinarSuperContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.videoTestimonialContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.sectionContainer
-  }, /*#__PURE__*/React$1.createElement(SingleVideoSlide$1, {
+  }, /*#__PURE__*/React.createElement(SingleVideoSlide$1, {
     data: sectionData.components[0].metadata,
     webinarCtaClick: extraProps.webinarCtaClick,
     conversions: extraProps.conversions,
@@ -7883,13 +7883,13 @@ const SingleVideoSlide = props => {
   }) => {
     if (days === 0 && hours < 24) {
       if (countryCode === 'KR') {
-        return /*#__PURE__*/React$1.createElement("span", null, hours, " \uC2DC\uAC04 ", minutes, " \uBD84 ", seconds, "\uCD08");
+        return /*#__PURE__*/React.createElement("span", null, hours, " \uC2DC\uAC04 ", minutes, " \uBD84 ", seconds, "\uCD08");
       }
-      return /*#__PURE__*/React$1.createElement("span", null, hours, "h ", minutes, "m ", seconds, "s");
+      return /*#__PURE__*/React.createElement("span", null, hours, "h ", minutes, "m ", seconds, "s");
     } else {
       let given = moment(props.data.endDate);
       let current = moment().startOf('day');
-      return /*#__PURE__*/React$1.createElement("span", null, Math.floor(moment.duration(given.diff(current)).asDays()), ' ', countryCode === 'KR' ? '일' : 'day(s)');
+      return /*#__PURE__*/React.createElement("span", null, Math.floor(moment.duration(given.diff(current)).asDays()), ' ', countryCode === 'KR' ? '일' : 'day(s)');
     }
   };
   const {
@@ -7937,20 +7937,20 @@ const SingleVideoSlide = props => {
   const limitedPeriodOfferText = countryCode === 'KR' ? `기간 한정 딜이므로 서두르세요!` : 'Hurry up! Offer for limited period only';
   const renderOfferEndsInText = () => {
     if (countryCode === 'KR') {
-      return /*#__PURE__*/React$1.createElement("p", {
+      return /*#__PURE__*/React.createElement("p", {
         className: classes.offerText
-      }, /*#__PURE__*/React$1.createElement("span", {
+      }, /*#__PURE__*/React.createElement("span", {
         className: classes.courseDetailTime
-      }, /*#__PURE__*/React$1.createElement(Countdown, {
+      }, /*#__PURE__*/React.createElement(Countdown, {
         renderer: renderer,
         date: data.endDate
       })), ' ', "\uD6C4\xA0\uC2E0\uCCAD\xA0\uB9C8\uAC10\xA0\uC608\uC815");
     } else {
-      return /*#__PURE__*/React$1.createElement("p", {
+      return /*#__PURE__*/React.createElement("p", {
         className: classes.offerText
-      }, "Offer Ends in", ' ', /*#__PURE__*/React$1.createElement("span", {
+      }, "Offer Ends in", ' ', /*#__PURE__*/React.createElement("span", {
         className: classes.courseDetailTime
-      }, /*#__PURE__*/React$1.createElement(Countdown, {
+      }, /*#__PURE__*/React.createElement(Countdown, {
         renderer: renderer,
         date: data.endDate
       })));
@@ -7966,72 +7966,79 @@ const SingleVideoSlide = props => {
       return 'Read More';
     }
   };
-  return /*#__PURE__*/React$1.createElement("div", {
+  const handleCourseCertificateText = () => {
+    if (countryCode === 'KR') {
+      return '수료증 발급';
+    } else {
+      return 'Course Certificate';
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
     className: classes.videoCarouselContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.coursePageCarousel
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.iframeSuperContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.videoDetails
-  }, (checkIfOfferIsValid() || data.offerPriceValidFor > 0) && (data.offerPriceValidFor > conversions || data.offerPriceValidFor === null) && /*#__PURE__*/React$1.createElement("div", null, data.offerPriceValidFor - conversions > 0 && data.discount && (data.endDate ? checkIfOfferIsValid() : true) ? /*#__PURE__*/React$1.createElement("div", {
+  }, (checkIfOfferIsValid() || data.offerPriceValidFor > 0) && (data.offerPriceValidFor > conversions || data.offerPriceValidFor === null) && /*#__PURE__*/React.createElement("div", null, data.offerPriceValidFor - conversions > 0 && data.discount && (data.endDate ? checkIfOfferIsValid() : true) ? /*#__PURE__*/React.createElement("div", {
     className: classes.bannerContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.bannerContainerText
-  }, renderHurryUpBannerText())) : checkIfOfferIsValid() && /*#__PURE__*/React$1.createElement("div", {
+  }, renderHurryUpBannerText())) : checkIfOfferIsValid() && /*#__PURE__*/React.createElement("div", {
     className: classes.bannerContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.bannerContainerText
-  }, limitedPeriodOfferText))), /*#__PURE__*/React$1.createElement("div", {
+  }, limitedPeriodOfferText))), /*#__PURE__*/React.createElement("div", {
     className: classes.emblemContainer
   }, data?.courseOverviewData?.courseTagList.length && data?.courseOverviewData?.courseTagList?.map(data => {
-    return /*#__PURE__*/React$1.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: classes.courseEmblem
     }, data?.text);
-  })), /*#__PURE__*/React$1.createElement("h3", {
+  })), /*#__PURE__*/React.createElement("h3", {
     className: classes.videoDetailsHeading
-  }, /*#__PURE__*/React$1.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     ref: data?.videoTextHeading?.refSetter,
     dangerouslySetInnerHTML: {
       __html: data.courseName
     }
-  })), /*#__PURE__*/React$1.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: classes.courseDetailsTags
-  }, data?.courseOverviewData?.courseDuration?.text ? /*#__PURE__*/React$1.createElement("div", {
+  }, data?.courseOverviewData?.courseDuration?.text ? /*#__PURE__*/React.createElement("div", {
     className: classes.courseDetailTag
-  }, /*#__PURE__*/React$1.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: classes.iconBackground
-  }, /*#__PURE__*/React$1.createElement(Icon, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     name: 'Clock',
     color: theme.palette.primary.main
-  })), /*#__PURE__*/React$1.createElement("div", null, data?.courseOverviewData?.courseDuration?.text)) : null, data?.courseOverviewData?.metaData?.isPhysicalDeliveryEnabled ? /*#__PURE__*/React$1.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", null, data?.courseOverviewData?.courseDuration?.text)) : null, data?.courseOverviewData?.metaData?.isPhysicalDeliveryEnabled ? /*#__PURE__*/React.createElement("div", {
     className: classes.courseDetailTag
-  }, /*#__PURE__*/React$1.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: classes.iconBackground
-  }, /*#__PURE__*/React$1.createElement(Icon, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     name: 'Book Saved',
     color: theme.palette.primary.main
-  })), /*#__PURE__*/React$1.createElement("div", null, data?.courseOverviewData?.metaData?.isPhysicalDeliveryEnabled ? 'Physical Books' : null)) : null, data?.courseOverviewData?.metaData?.isCertificateEnabled ? /*#__PURE__*/React$1.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", null, data?.courseOverviewData?.metaData?.isPhysicalDeliveryEnabled ? 'Physical Books' : null)) : null, data?.courseOverviewData?.metaData?.isCertificateEnabled ? /*#__PURE__*/React.createElement("div", {
     className: classes.courseDetailTag
-  }, /*#__PURE__*/React$1.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: classes.iconBackground
-  }, /*#__PURE__*/React$1.createElement(Icon, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     name: 'Certificate',
     color: theme.palette.primary.main
-  })), /*#__PURE__*/React$1.createElement("div", null, data?.courseOverviewData?.metaData?.isCertificateEnabled ? 'Course Cerficate' : null)) : null, data?.courseOverviewData?.resourseDataText.heading ? /*#__PURE__*/React$1.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", null, data?.courseOverviewData?.metaData?.isCertificateEnabled ? handleCourseCertificateText() : null)) : null, data?.courseOverviewData?.resourseDataText.heading ? /*#__PURE__*/React.createElement("div", {
     className: classes.courseDetailTag
-  }, /*#__PURE__*/React$1.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: classes.iconBackground
-  }, /*#__PURE__*/React$1.createElement(Icon, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     name: 'Certificate',
     color: theme.palette.primary.main
-  })), /*#__PURE__*/React$1.createElement("div", null, data?.courseOverviewData?.resourseDataText?.heading)) : null), /*#__PURE__*/React$1.createElement("p", {
+  })), /*#__PURE__*/React.createElement("div", null, data?.courseOverviewData?.resourseDataText?.heading)) : null), /*#__PURE__*/React.createElement("p", {
     ref: data?.videoTextContent?.refSetter,
     className: classes.courseDetailContent,
     dangerouslySetInnerHTML: {
       __html: isReadMore ? data.description : data.description.substring(0, 250)
     }
-  }), /*#__PURE__*/React$1.createElement("p", {
+  }), /*#__PURE__*/React.createElement("p", {
     onClick: () => {
       setIsReadMore(true);
     },
@@ -8040,37 +8047,37 @@ const SingleVideoSlide = props => {
     dangerouslySetInnerHTML: {
       __html: data.description.length > 250 && !isReadMore ? handleReadMoreText() : null
     }
-  }))), /*#__PURE__*/React$1.createElement("div", {
+  }))), /*#__PURE__*/React.createElement("div", {
     style: {
       display: 'flex',
       flexDirection: 'column'
     }
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.courseViewContainer
-  }, checkIfOfferIsValid() && (data.offerPriceValidFor !== null ? data.offerPriceValidFor - conversions > 0 : true) && renderOfferEndsInText(), /*#__PURE__*/React$1.createElement("div", {
+  }, checkIfOfferIsValid() && (data.offerPriceValidFor !== null ? data.offerPriceValidFor - conversions > 0 : true) && renderOfferEndsInText(), /*#__PURE__*/React.createElement("div", {
     ref: data?.videoFrame?.refSetter,
     className: classes.iframeContainer
-  }, /*#__PURE__*/React$1.createElement(VideoPlayer, {
+  }, /*#__PURE__*/React.createElement(VideoPlayer, {
     onlyThumbnail: true,
     imageUrl: data.thumbnail,
     videoUrl: data.thumbnail,
     sectionIndex: props?.sectionIndex
-  })), /*#__PURE__*/React$1.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: classes.bottomContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.priceContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.offerPrice
-  }, effectivePrice), checkForShowDiscount() && (data.endDate ? checkIfOfferIsValid() : true) && /*#__PURE__*/React$1.createElement("p", {
+  }, effectivePrice), checkForShowDiscount() && (data.endDate ? checkIfOfferIsValid() : true) && /*#__PURE__*/React.createElement("p", {
     style: {
       // fontSize: '20px',
       marginTop: '0px'
     }
-  }, /*#__PURE__*/React$1.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: classes.originalPrice
-  }, finalPrice), ' ', /*#__PURE__*/React$1.createElement("span", {
+  }, finalPrice), ' ', /*#__PURE__*/React.createElement("span", {
     className: classes.offerDiscount
-  }, `${data && discount(data)}%`))), /*#__PURE__*/React$1.createElement("div", null, /*#__PURE__*/React$1.createElement(Button, {
+  }, `${data && discount(data)}%`))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
     style: {
       width: '150px'
     },
@@ -8088,19 +8095,19 @@ const SingleVideoSlide = props => {
     name: "button",
     rel: null
     // styling={isMobile ? { margin: '0 40px' } : {}}
-  })))), showCourseInstallmentData && InstalmentData && /*#__PURE__*/React$1.createElement("div", {
+  })))), showCourseInstallmentData && InstalmentData && /*#__PURE__*/React.createElement("div", {
     className: classes.payInstallmentContainer,
     onClick: showCourseInstallment
-  }, /*#__PURE__*/React$1.createElement("img", {
+  }, /*#__PURE__*/React.createElement("img", {
     src: calendar,
     alt: "calender"
-  }), /*#__PURE__*/React$1.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: classes.payInstallmentHeader
-  }, /*#__PURE__*/React$1.createElement("h4", null, /*#__PURE__*/React$1.createElement("span", {
+  }, /*#__PURE__*/React.createElement("h4", null, /*#__PURE__*/React.createElement("span", {
     dangerouslySetInnerHTML: {
       __html: ` Start learning at Rs ${isEdit ? InstalmentData : InstalmentData / 100}`
     }
-  })), /*#__PURE__*/React$1.createElement("p", null, "Pay in Instalments")), /*#__PURE__*/React$1.createElement("img", {
+  })), /*#__PURE__*/React.createElement("p", null, "Pay in Instalments")), /*#__PURE__*/React.createElement("img", {
     className: classes.arrowRightIcon,
     src: arrowRight,
     alt: "open pay-installment popup"
@@ -8124,13 +8131,13 @@ function CoursePromotionPage({
     containerWidth,
     isMobile
   });
-  return /*#__PURE__*/React$1.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: classes.courseSuperContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.videoTestimonialContainer
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.sectionContainer
-  }, /*#__PURE__*/React$1.createElement(SingleVideoSlide, {
+  }, /*#__PURE__*/React.createElement(SingleVideoSlide, {
     data: sectionData.components[0].metadata,
     courseBuyNow: extraProps.courseBuyNow,
     showCourseInstallment: extraProps.showCourseInstallment,
@@ -8407,25 +8414,25 @@ const FormPage = ({
       }
     }
   };
-  return /*#__PURE__*/React$1.createElement("section", {
+  return /*#__PURE__*/React.createElement("section", {
     className: classes.formPageSection
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.formPageFormContainer
-  }, /*#__PURE__*/React$1.createElement("form", {
+  }, /*#__PURE__*/React.createElement("form", {
     onSubmit: handleSubmit
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.formPageHeader
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.formPageTitle
-  }, metadata?.title), /*#__PURE__*/React$1.createElement("div", {
+  }, metadata?.title), /*#__PURE__*/React.createElement("div", {
     className: classes.formPageSubtitle
-  }, metadata?.subTitle)), metadata?.questions?.map((item, index) => /*#__PURE__*/React$1.createElement(React$1.Fragment, null, item.type === 'SA' && /*#__PURE__*/React$1.createElement("div", {
+  }, metadata?.subTitle)), metadata?.questions?.map((item, index) => /*#__PURE__*/React.createElement(React.Fragment, null, item.type === 'SA' && /*#__PURE__*/React.createElement("div", {
     className: classes.inputField
-  }, /*#__PURE__*/React$1.createElement("label", {
+  }, /*#__PURE__*/React.createElement("label", {
     className: classes.inputFieldLabel
-  }, item.text, ' ', item.isRequired && /*#__PURE__*/React$1.createElement("span", {
+  }, item.text, ' ', item.isRequired && /*#__PURE__*/React.createElement("span", {
     className: classes.inputFieldRequired
-  }, "*")), /*#__PURE__*/React$1.createElement("input", {
+  }, "*")), /*#__PURE__*/React.createElement("input", {
     className: classes.inputFieldControl,
     required: item.isRequired,
     type: "text",
@@ -8443,32 +8450,32 @@ const FormPage = ({
         }
       });
     }
-  })), item.type === 'MC' && /*#__PURE__*/React$1.createElement("div", {
+  })), item.type === 'MC' && /*#__PURE__*/React.createElement("div", {
     className: classes.checkboxField
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.checkBoxFieldLabel
-  }, item.text, ' ', item.isRequired && /*#__PURE__*/React$1.createElement("span", {
+  }, item.text, ' ', item.isRequired && /*#__PURE__*/React.createElement("span", {
     className: classes.inputFieldRequired
-  }, "*")), item.options.map((option, index) => /*#__PURE__*/React$1.createElement("div", {
+  }, "*")), item.options.map((option, index) => /*#__PURE__*/React.createElement("div", {
     className: classes.checkboxFieldControl
-  }, /*#__PURE__*/React$1.createElement("input", {
+  }, /*#__PURE__*/React.createElement("input", {
     value: option.value,
     type: "checkbox",
     name: option.value,
     checked: formData[item._id]?.solutionArray?.includes(option.value),
     id: option.value,
     onClick: e => handleOnClick(e, item, option)
-  }), /*#__PURE__*/React$1.createElement("label", {
+  }), /*#__PURE__*/React.createElement("label", {
     htmlFor: option.value
-  }, option.value)))), item.type === 'SC' && /*#__PURE__*/React$1.createElement("div", {
+  }, option.value)))), item.type === 'SC' && /*#__PURE__*/React.createElement("div", {
     className: classes.checkboxField
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.checkBoxFieldLabel
-  }, item.text, ' ', item.isRequired && /*#__PURE__*/React$1.createElement("span", {
+  }, item.text, ' ', item.isRequired && /*#__PURE__*/React.createElement("span", {
     className: classes.inputFieldRequired
-  }, "*")), item.options.map((option, index) => /*#__PURE__*/React$1.createElement("div", {
+  }, "*")), item.options.map((option, index) => /*#__PURE__*/React.createElement("div", {
     className: classes.checkboxFieldControl
-  }, /*#__PURE__*/React$1.createElement("input", {
+  }, /*#__PURE__*/React.createElement("input", {
     // value={option.value}
     type: "radio",
     name: `text_${item._id}`,
@@ -8488,11 +8495,11 @@ const FormPage = ({
         }
       });
     }
-  }), /*#__PURE__*/React$1.createElement("label", {
+  }), /*#__PURE__*/React.createElement("label", {
     htmlFor: option.value
-  }, option.value)))))), /*#__PURE__*/React$1.createElement("div", {
+  }, option.value)))))), /*#__PURE__*/React.createElement("div", {
     className: classes.submitBtnContainer
-  }, /*#__PURE__*/React$1.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(Button, {
     data: {
       // link: 'headerData?.loginCtaLink',
       // isLink: 1,
@@ -8610,16 +8617,16 @@ function Tiles({
     }
   };
   const TileDiv = tilesList?.map((tile, i) => {
-    return /*#__PURE__*/React$1.createElement(Fragment, {
+    return /*#__PURE__*/React.createElement(Fragment, {
       key: i
-    }, /*#__PURE__*/React$1.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: classes.tileDiv,
       onClick: () => handleClick(tile.cta?.metadata?.value)
-    }, /*#__PURE__*/React$1.createElement(NextImageRenderer, {
+    }, /*#__PURE__*/React.createElement(NextImageRenderer, {
       className: classes.tileImg,
       src: tile?.tileImage?.metadata?.value,
       sectionIndex: sectionIndex
-    }), /*#__PURE__*/React$1.createElement("div", {
+    }), /*#__PURE__*/React.createElement("div", {
       className: classes.title,
       ref: tile.tileName?.refSetter,
       dangerouslySetInnerHTML: {
@@ -8627,21 +8634,21 @@ function Tiles({
       }
     })));
   });
-  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement("div", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: classes.tileParentDiv
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.header,
     ref: nodeData[0].sectionHeader?.refSetter,
     dangerouslySetInnerHTML: {
       __html: nodeData[0].sectionHeader?.metadata?.value
     }
-  }), /*#__PURE__*/React$1.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: classes.headerTitle,
     ref: nodeData[0].sectionTitle?.refSetter,
     dangerouslySetInnerHTML: {
       __html: nodeData[0].sectionTitle?.metadata?.value
     }
-  }), /*#__PURE__*/React$1.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: classes.row
   }, TileDiv)));
 }
@@ -8736,41 +8743,41 @@ function Section({
   const landing = nodeData?.components[2];
   const footer = nodeData?.components[3];
   const classes = useEmailStyles();
-  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement("center", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("center", {
     className: classes.wrapper,
     ref: emailRef
-  }, isProceed && pixel, /*#__PURE__*/React$1.createElement("table", {
+  }, isProceed && pixel, /*#__PURE__*/React.createElement("table", {
     className: classes.main,
     style: {
       width: '100%',
       maxWidth: '600px',
       backgroundColor: '#ffffff'
     }
-  }, /*#__PURE__*/React$1.createElement("tbody", null, customHtmlData?.isCustomHtml ? /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("tbody", null, customHtmlData?.isCustomHtml ? /*#__PURE__*/React.createElement("div", {
     className: classes.email_description_para,
     dangerouslySetInnerHTML: {
       __html: `${customHtmlData?.html ? customHtmlData?.html : ''}`
       // __html: '<div>sdnfksdnflksdnfklsndk</div>'
     }
-  }) : /*#__PURE__*/React$1.createElement(React$1.Fragment, null, header?.isActive ? /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement("tr", null, /*#__PURE__*/React$1.createElement("td", null, /*#__PURE__*/React$1.createElement("table", {
+  }) : /*#__PURE__*/React.createElement(React.Fragment, null, header?.isActive ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("table", {
     style: {
       textAlign: 'center',
       background: '#ffffff',
       paddingTop: '16px',
       width: '100%'
     }
-  }, /*#__PURE__*/React$1.createElement("tr", null, /*#__PURE__*/React$1.createElement("td", {
+  }, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
     style: {
       display: 'inline-block'
     }
-  }, header?.components[0]?.metadata?.image?.length ? /*#__PURE__*/React$1.createElement("img", {
+  }, header?.components[0]?.metadata?.image?.length ? /*#__PURE__*/React.createElement("img", {
     src: header?.components[0]?.metadata?.image,
     alt: "",
     style: {
       width: 'auto',
       height: '48px'
     }
-  }) : renderHTML ? null : /*#__PURE__*/React$1.createElement("div", {
+  }) : renderHTML ? null : /*#__PURE__*/React.createElement("div", {
     style: {
       display: 'flex',
       alignItems: 'center',
@@ -8778,11 +8785,11 @@ function Section({
       fontStyle: 'italic',
       minHeight: '30px'
     }
-  }, "Your logo")))))), /*#__PURE__*/React$1.createElement("tr", null, /*#__PURE__*/React$1.createElement("td", {
+  }, "Your logo")))))), /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
     style: {
       textAlign: 'center'
     }
-  }, header?.components[1]?.metadata?.image?.length ? /*#__PURE__*/React$1.createElement("img", {
+  }, header?.components[1]?.metadata?.image?.length ? /*#__PURE__*/React.createElement("img", {
     src: header?.components[1]?.metadata?.image
     // width={600}
     ,
@@ -8792,7 +8799,7 @@ function Section({
       width: '100%',
       marginBottom: '-4px'
     }
-  }) : renderHTML ? null : /*#__PURE__*/React$1.createElement("div", {
+  }) : renderHTML ? null : /*#__PURE__*/React.createElement("div", {
     style: {
       maxWidth: '600px',
       width: '100%',
@@ -8804,14 +8811,14 @@ function Section({
       justifyContent: 'center',
       fontStyle: 'italic'
     }
-  }, "Cover Image")))) : null, body && body?.isActive ? /*#__PURE__*/React$1.createElement("tr", null, /*#__PURE__*/React$1.createElement("td", null, /*#__PURE__*/React$1.createElement("table", {
+  }, "Cover Image")))) : null, body && body?.isActive ? /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("table", {
     style: {
       textAlign: 'center',
       width: '100%',
       backgroundColor: '#ffffff',
       padding: '0px 24px'
     }
-  }, /*#__PURE__*/React$1.createElement("tr", null, /*#__PURE__*/React$1.createElement("td", null, /*#__PURE__*/React$1.createElement("p", {
+  }, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("p", {
     style: {
       // fontFamily: 'Roboto',
       fontStyle: 'normal',
@@ -8823,7 +8830,7 @@ function Section({
       marginTop: '24px'
     },
     ref: body?.components[0]?.refSetter
-  }, body?.components[0]?.metadata?.text), /*#__PURE__*/React$1.createElement("p", {
+  }, body?.components[0]?.metadata?.text), /*#__PURE__*/React.createElement("p", {
     style: {
       // fontFamily: 'Roboto',
       fontStyle: 'normal',
@@ -8836,7 +8843,7 @@ function Section({
       marginBottom: '15px'
     },
     ref: body?.components[1]?.refSetter
-  }, body?.components[1]?.metadata?.text), /*#__PURE__*/React$1.createElement("div", {
+  }, body?.components[1]?.metadata?.text), /*#__PURE__*/React.createElement("div", {
     style: {
       maxWidth: '435px',
       // margin: '0px 10px',
@@ -8853,12 +8860,12 @@ function Section({
     },
     className: classes.email_description_para,
     ref: body?.components[2]?.refSetter
-  })))))) : null, landing?.isActive ? /*#__PURE__*/React$1.createElement("tr", null, /*#__PURE__*/React$1.createElement("td", null, /*#__PURE__*/React$1.createElement("table", {
+  })))))) : null, landing?.isActive ? /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("table", {
     style: {
       width: '100%',
       padding: '12px'
     }
-  }, /*#__PURE__*/React$1.createElement("tr", null, /*#__PURE__*/React$1.createElement("td", null, /*#__PURE__*/React$1.createElement("table", {
+  }, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("table", {
     style: {
       width: '100%',
       background: '#f4f9fd',
@@ -8866,11 +8873,11 @@ function Section({
       padding: '32px',
       textAlign: 'center'
     }
-  }, /*#__PURE__*/React$1.createElement("tr", null, /*#__PURE__*/React$1.createElement("td", {
+  }, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
     style: {
       textAlign: 'center'
     }
-  }, landing?.components[0]?.metadata?.image?.length ? /*#__PURE__*/React$1.createElement("img", {
+  }, landing?.components[0]?.metadata?.image?.length ? /*#__PURE__*/React.createElement("img", {
     src: landing?.components[0]?.metadata?.image,
     alt: "",
     style: {
@@ -8878,7 +8885,7 @@ function Section({
       width: '100%',
       borderRadius: '10px'
     }
-  }) : renderHTML ? null : /*#__PURE__*/React$1.createElement("div", {
+  }) : renderHTML ? null : /*#__PURE__*/React.createElement("div", {
     style: {
       background: '#D9D9D9F0',
       width: '100%',
@@ -8889,7 +8896,7 @@ function Section({
       fontStyle: 'italic',
       borderRadius: '10px'
     }
-  }, "Thumbnail Image"), /*#__PURE__*/React$1.createElement("p", {
+  }, "Thumbnail Image"), /*#__PURE__*/React.createElement("p", {
     style: {
       // fontFamily: 'Roboto',
       fontStyle: 'normal',
@@ -8902,13 +8909,13 @@ function Section({
       textAlign: 'left'
     },
     ref: landing?.components[1]?.refSetter
-  }, landing?.components[1]?.metadata?.text), /*#__PURE__*/React$1.createElement("a", {
+  }, landing?.components[1]?.metadata?.text), /*#__PURE__*/React.createElement("a", {
     href: landing?.components[3]?.metadata?.text,
     target: "_blank",
     style: {
       textDecoration: 'none'
     }
-  }, /*#__PURE__*/React$1.createElement("p", {
+  }, /*#__PURE__*/React.createElement("p", {
     style: {
       background: '#009AE0',
       borderRadius: '7.18333px',
@@ -8925,13 +8932,13 @@ function Section({
       color: '#fafafa'
     },
     ref: landing?.components[2]?.refSetter
-  }, landing?.components[2]?.metadata?.text)))))))))) : null, footer?.isActive ? /*#__PURE__*/React$1.createElement("tr", null, /*#__PURE__*/React$1.createElement("td", null, /*#__PURE__*/React$1.createElement("table", {
+  }, landing?.components[2]?.metadata?.text)))))))))) : null, footer?.isActive ? /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("table", {
     style: {
       width: '100%',
       background: '#e3f0ff',
       textAlign: 'center'
     }
-  }, /*#__PURE__*/React$1.createElement("tr", null, /*#__PURE__*/React$1.createElement("td", null, /*#__PURE__*/React$1.createElement("p", {
+  }, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("p", {
     style: {
       // fontFamily: 'Roboto',
       fontStyle: 'normal',
@@ -8942,20 +8949,20 @@ function Section({
       color: '#0a1629',
       marginTop: '32px'
     }
-  }, "Connect with us on:"), /*#__PURE__*/React$1.createElement("table", {
+  }, "Connect with us on:"), /*#__PURE__*/React.createElement("table", {
     style: {
       width: '100%',
       marginTop: '8px',
       marginBottom: '16px'
     }
-  }, /*#__PURE__*/React$1.createElement("tbody", null, /*#__PURE__*/React$1.createElement("tr", null, /*#__PURE__*/React$1.createElement("td", null, /*#__PURE__*/React$1.createElement("div", null, /*#__PURE__*/React$1.createElement("a", {
+  }, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("a", {
     href: footer?.components[0]?.metadata?.text ? footer?.components[0]?.metadata?.text : undefined,
     target: "_blank",
     style: {
       textDecoration: 'none',
       display: renderHTML && footer?.components[0]?.metadata?.text ? '' : renderHTML === false ? '' : 'none'
     }
-  }, /*#__PURE__*/React$1.createElement("img", {
+  }, /*#__PURE__*/React.createElement("img", {
     src: footer?.components[0]?.metadata?.text ? footer?.components[0]?.metadata?.iconUrlColor : footer?.components[0]?.metadata?.iconUrl,
     alt: "",
     style: {
@@ -8965,14 +8972,14 @@ function Section({
       cursor: 'pointer'
     },
     ref: footer?.components[0]?.refSetter
-  })), /*#__PURE__*/React$1.createElement("a", {
+  })), /*#__PURE__*/React.createElement("a", {
     href: footer?.components[1]?.metadata?.text ? footer?.components[1]?.metadata?.text : undefined,
     target: "_blank",
     style: {
       textDecoration: 'none',
       display: renderHTML && footer?.components[1]?.metadata?.text ? '' : renderHTML === false ? '' : 'none'
     }
-  }, /*#__PURE__*/React$1.createElement("img", {
+  }, /*#__PURE__*/React.createElement("img", {
     src: footer?.components[1]?.metadata?.text ? footer?.components[1]?.metadata?.iconUrlColor : footer?.components[1]?.metadata?.iconUrl,
     alt: "",
     style: {
@@ -8982,14 +8989,14 @@ function Section({
       cursor: 'pointer'
     },
     ref: footer?.components[1]?.refSetter
-  })), /*#__PURE__*/React$1.createElement("a", {
+  })), /*#__PURE__*/React.createElement("a", {
     href: footer?.components[2]?.metadata?.text ? footer?.components[2]?.metadata?.text : undefined,
     target: "_blank",
     style: {
       textDecoration: 'none',
       display: renderHTML && footer?.components[2]?.metadata?.text ? '' : renderHTML === false ? '' : 'none'
     }
-  }, /*#__PURE__*/React$1.createElement("img", {
+  }, /*#__PURE__*/React.createElement("img", {
     src: footer?.components[2]?.metadata?.text ? footer?.components[2]?.metadata?.iconUrlColor : footer?.components[2]?.metadata?.iconUrl,
     alt: "",
     style: {
@@ -8999,14 +9006,14 @@ function Section({
       margin: '0px 12px'
     },
     ref: footer?.components[2]?.refSetter
-  })), /*#__PURE__*/React$1.createElement("a", {
+  })), /*#__PURE__*/React.createElement("a", {
     href: footer?.components[3]?.metadata?.text ? footer?.components[3]?.metadata?.text : undefined,
     target: "_blank",
     style: {
       textDecoration: 'none',
       display: renderHTML && footer?.components[3]?.metadata?.text ? '' : renderHTML === false ? '' : 'none'
     }
-  }, /*#__PURE__*/React$1.createElement("img", {
+  }, /*#__PURE__*/React.createElement("img", {
     src: footer?.components[3]?.metadata?.text ? footer?.components[3]?.metadata?.iconUrlColor : footer?.components[3]?.metadata?.iconUrl,
     alt: "",
     style: {
@@ -9016,14 +9023,14 @@ function Section({
       cursor: 'pointer'
     },
     ref: footer?.components[3]?.refSetter
-  })), /*#__PURE__*/React$1.createElement("a", {
+  })), /*#__PURE__*/React.createElement("a", {
     href: footer?.components[4]?.metadata?.text ? footer?.components[4]?.metadata?.text : undefined,
     target: "_blank",
     style: {
       textDecoration: 'none',
       display: renderHTML && footer?.components[4]?.metadata?.text ? '' : renderHTML === false ? '' : 'none'
     }
-  }, /*#__PURE__*/React$1.createElement("img", {
+  }, /*#__PURE__*/React.createElement("img", {
     src: footer?.components[4]?.metadata?.text ? footer?.components[4]?.metadata?.iconUrlColor : footer?.components[4]?.metadata?.iconUrl,
     alt: "",
     style: {
@@ -9033,12 +9040,12 @@ function Section({
       margin: '0px 12px'
     },
     ref: footer?.components[4]?.refSetter
-  })), /*#__PURE__*/React$1.createElement("table", {
+  })), /*#__PURE__*/React.createElement("table", {
     style: {
       width: '100%',
       marginTop: '13px'
     }
-  }, /*#__PURE__*/React$1.createElement("tr", null, /*#__PURE__*/React$1.createElement("td", null, /*#__PURE__*/React$1.createElement("p", {
+  }, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("p", {
     style: {
       // fontFamily: 'Roboto',
       fontStyle: 'normal',
@@ -9048,7 +9055,7 @@ function Section({
       textAlign: 'center',
       color: '#7d8592'
     }
-  }, "For any concerns, mail us at\xA0", footer?.components[5]?.metadata?.text ? footer?.components[5]?.metadata?.text : ''), /*#__PURE__*/React$1.createElement("p", {
+  }, "For any concerns, mail us at\xA0", footer?.components[5]?.metadata?.text ? footer?.components[5]?.metadata?.text : ''), /*#__PURE__*/React.createElement("p", {
     style: {
       // fontFamily: 'Roboto',
       fontStyle: 'normal',
@@ -9058,7 +9065,7 @@ function Section({
       textAlign: 'center',
       color: '#7d8592'
     }
-  }, "Copyright \xA9 2023 |\xA0", footer?.components[0]?.metadata?.text ? footer?.components[0]?.metadata?.text : ''), /*#__PURE__*/React$1.createElement("p", {
+  }, "Copyright \xA9 2023 |\xA0", footer?.components[0]?.metadata?.text ? footer?.components[0]?.metadata?.text : ''), /*#__PURE__*/React.createElement("p", {
     style: {
       // fontFamily: 'Roboto',
       fontStyle: 'normal',
@@ -9077,7 +9084,7 @@ function EmailDripMarket({
 }) {
   const isInitialMount = useRef(true);
   const convertToHtml = sectionData => {
-    const html = ReactDOMServer.renderToStaticMarkup( /*#__PURE__*/React$1.createElement(Section, {
+    const html = ReactDOMServer.renderToStaticMarkup( /*#__PURE__*/React.createElement(Section, {
       nodeData: sectionData,
       renderHTML: true,
       isProceed: extraProps.isProceed,
@@ -9095,17 +9102,17 @@ function EmailDripMarket({
 
   // const mockData = sectionData?.sections[0];
   const emailRef = useRef(null);
-  return /*#__PURE__*/React$1.createElement("section", {
+  return /*#__PURE__*/React.createElement("section", {
     style: {
       width: '95%',
       paddingBottom: '5%'
     }
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     onClick: e => {
       e.stopPropagation(); // prevent the click from event Capturing, in email onClick events do not work
       e.preventDefault();
     }
-  }, /*#__PURE__*/React$1.createElement(Section, {
+  }, /*#__PURE__*/React.createElement(Section, {
     sectionRef: emailRef,
     customHtmlData: extraProps?.customHtmlData,
     nodeData: sectionData
@@ -9149,7 +9156,7 @@ const MemoisedSection = /*#__PURE__*/memo(({
   sectionIndex
 }) => {
   const SectionComp = getCompToRender(sectionData.type);
-  return /*#__PURE__*/React$1.createElement(SectionComp, {
+  return /*#__PURE__*/React.createElement(SectionComp, {
     sectionData: sectionData,
     extraProps: extraProps,
     isCustomWebsite: isCustomWebsite,
@@ -9162,7 +9169,7 @@ function SectionRenderer({
   isCustomWebsite,
   sectionIndex
 }) {
-  return /*#__PURE__*/React$1.createElement(MemoisedSection, {
+  return /*#__PURE__*/React.createElement(MemoisedSection, {
     sectionData: sectionData,
     extraProps: extraProps,
     isCustomWebsite: isCustomWebsite,
@@ -9228,32 +9235,32 @@ function PageRenderer({
   }), [isMobile, isLandingPages, layout, baseURLs, hashToken, isPreview, isEdit, templateId, navList, isMasterTemplate, basePath, validations, isTutorWebsite, extraProps, hideLogin, _id, countryCode, currencySymbol]);
   const theme = useMemo(() => getTheme(color, font, context.isMobile), [color, font, context.isMobile]);
   const Wrapper = SectionWrapper || Fragment;
-  return /*#__PURE__*/React$1.createElement(ThemeProvider, {
+  return /*#__PURE__*/React.createElement(ThemeProvider, {
     theme: theme
-  }, /*#__PURE__*/React$1.createElement(PageContext.Provider, {
+  }, /*#__PURE__*/React.createElement(PageContext.Provider, {
     value: context
-  }, /*#__PURE__*/React$1.createElement(FontSeeder, {
+  }, /*#__PURE__*/React.createElement(FontSeeder, {
     fontFamily: font
-  }), !!header && /*#__PURE__*/React$1.createElement(Wrapper, !!SectionWrapper && {
+  }), !!header && /*#__PURE__*/React.createElement(Wrapper, !!SectionWrapper && {
     sectionData: header,
     isHeader: true
-  }, /*#__PURE__*/React$1.createElement(Header, {
+  }, /*#__PURE__*/React.createElement(Header, {
     data: header,
     isLandingPage: isLandingPage
-  })), sections?.length ? sections?.map((sectionData, sectionIndex) => /*#__PURE__*/React$1.createElement(Wrapper, _extends({}, !!SectionWrapper && {
+  })), sections?.length ? sections?.map((sectionData, sectionIndex) => /*#__PURE__*/React.createElement(Wrapper, _extends({}, !!SectionWrapper && {
     sectionData,
     sectionIndex
   }, {
     key: sectionData.type + (sectionData._id || sectionIndex)
-  }), /*#__PURE__*/React$1.createElement(SectionRenderer, {
+  }), /*#__PURE__*/React.createElement(SectionRenderer, {
     sectionData: sectionData,
     extraProps: extraProps,
     isCustomWebsite: isCustomWebsite,
     sectionIndex: sectionIndex
-  }))) : sectionPlaceholder, !!footer && /*#__PURE__*/React$1.createElement(Wrapper, !!SectionWrapper && {
+  }))) : sectionPlaceholder, !!footer && /*#__PURE__*/React.createElement(Wrapper, !!SectionWrapper && {
     sectionData: footer,
     isFooter: true
-  }, /*#__PURE__*/React$1.createElement(Footer, {
+  }, /*#__PURE__*/React.createElement(Footer, {
     data: footer
   }))));
 }