diy-template-components 2.0.58 → 2.0.60

package/build/index.es.js

@@ -9,7 +9,7 @@ function ___$insertStyle(css) {
     return css;
 }
 
-import React, { createContext, useContext as useContext$1, 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';
@@ -469,7 +469,7 @@ function useLinkBuilder(data) {
     isEdit,
     basePath,
     isMasterTemplate
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   if (isEdit || !data.isLink) {
     return null;
   }
@@ -507,7 +507,7 @@ const Button = /*#__PURE__*/forwardRef(function Button({
 }, ref) {
   const {
     isEdit
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const link = useLinkBuilder(data);
   const classes = buttonStyles({
     fluid,
@@ -1072,7 +1072,7 @@ function OptionList({
   const {
     isPreview,
     countryCode
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   function checkIsActiveTab(slug = '') {
     if (typeof window !== 'undefined') {
       const pathname = window.location.pathname;
@@ -1236,7 +1236,7 @@ const NextImageRenderer = ({
     isCustomWebsite,
     pageData,
     isMobile
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
 
   // return empty div if src is empty string or empty object or null
   if (!src || typeof src === 'object' && Object.keys(src).length === 0) {
@@ -1312,7 +1312,7 @@ function DesktopHeader({
   } = header;
   const {
     isCustomWebsite
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const logoUrl = useLinkBuilder({
     isLink: true,
     link: '/'
@@ -1393,7 +1393,7 @@ function MobileHeader({
   const {
     isCustomWebsite,
     countryCode
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const {
     isFixed = true
   } = header;
@@ -1561,7 +1561,7 @@ function Header({
   const {
     isMobile,
     isTutorWebsite
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const filterHiddenNavs = () => {
     return data?.navs?.filter(dt => !dt.isHiddenNav);
   };
@@ -1795,7 +1795,7 @@ function Footer({
   const theme = useTheme();
   const {
     isCustomWebsite
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const classes = useSectionStyles$9({
     isCustomWebsite
   });
@@ -2458,7 +2458,8 @@ function PageRenderer$1({
     isCustomWebsite,
     _id,
     countryCode,
-    currencySymbol
+    currencySymbol,
+    pageData
   }), [isMobile, isLandingPages, layout, baseURLs, hashToken, isPreview, isEdit, templateId, navList, isMasterTemplate, basePath, validations, isTutorWebsite, extraProps, hideLogin, _id, countryCode, currencySymbol]);
   const theme = useMemo(() => generateTheme(color, font, context.isMobile), [color, font, context.isMobile]);
   const Wrapper = SectionWrapper || Fragment;
@@ -2783,7 +2784,7 @@ function Carousel({
   const sliderRef = useRef();
   const {
     isMobile
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const classes = useCarouselStyles({
     isMobile,
     buttonContainerClass,
@@ -2861,7 +2862,7 @@ function Section$4({
     isMobile,
     isCustomWebsite,
     countryCode
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const classes = useSectionStyles$8({
     isCustomWebsite,
     isMobile,
@@ -2918,7 +2919,7 @@ function BannerCarouselRight({
     layout: {
       containerWidth
     }
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const classes = useSectionStyles$8({
     containerWidth,
     isMobile
@@ -3115,7 +3116,7 @@ function List({
       containerWidth
     },
     isMobile
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const classes = useSectionStyles$7({
     containerWidth,
     isMobile
@@ -3380,7 +3381,7 @@ const Section$3 = ({
     isMobile,
     isCustomWebsite,
     countryCode
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const hasContent = Boolean(nodeData.cardHeading.metadata.value || nodeData.title.metadata.valu || nodeData.description.metadata.value);
   const mobileImageSrc = isMobile && nodeData?.mobileImage?.metadata?.value;
   const desktopImageSrc = nodeData?.image?.metadata?.value;
@@ -3619,7 +3620,7 @@ function Section$2({
     isMobile,
     isCustomWebsite,
     countryCode
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const classes = useSectionStyles$5({
     isCustomWebsite,
     isMobile,
@@ -3676,7 +3677,7 @@ function BannerCarouselLeft({
     layout: {
       containerWidth
     }
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const classes = useSectionStyles$5({
     containerWidth
   });
@@ -3975,7 +3976,7 @@ function SubscribeToNewsletter({
     isEdit,
     isLandingPages,
     extraProps
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const [nodeData] = sectionData.components;
   const classes = useSectionStyles$4({
     containerWidth,
@@ -4279,7 +4280,7 @@ function Section$1({
     layout: {
       containerWidth
     }
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const carouselList = nodeData?.cardCarousel?.components;
   const cardsCount = carouselList?.length;
   const slidesToShow = isMobile ? 1 : 2;
@@ -4749,7 +4750,7 @@ function VideoTestimonial({
     countryCode,
     currencySymbol,
     isMobile
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const classes = useVideoTestimonialStyles({
     containerWidth,
     isMobile
@@ -4973,7 +4974,7 @@ function Video({
     layout: {
       containerWidth
     }
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const [videoData] = sectionData.components;
   const cardsCount = videoData?.videoCarousel?.components?.length;
   const slidesToShow = isMobile ? 1 : 2;
@@ -5179,7 +5180,7 @@ function Info({
     layout: {
       containerWidth
     }
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const theme = useTheme();
   const slidesToShow = isMobile ? 1 : 4;
   const [nodeData] = sectionData.components;
@@ -5336,7 +5337,7 @@ const TextSection = ({
       containerWidth
     },
     isMobile
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const classes = useSectionStyles$2({
     containerWidth,
     isMobile
@@ -5519,7 +5520,7 @@ function PhotoGallery({
     layout: {
       containerWidth
     }
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const [nodeData] = sectionData.components;
   const carouselList = nodeData?.cardCarousel?.components;
   const cardsCount = carouselList?.length;
@@ -5713,7 +5714,7 @@ const FAQListing = ({
       containerWidth
     },
     isMobile
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const classes = useFaqListStyles({
     selectedIndex,
     containerWidth,
@@ -5896,7 +5897,7 @@ const TextGrid = ({
     layout: {
       containerWidth
     }
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const [nodeData] = sectionData.components;
   const cardsCount = nodeData?.contentList?.components?.length;
   const slidesToShow = isMobile ? 1 : 2;
@@ -6289,7 +6290,7 @@ function CourseCard({
   const classes = useCourseStyles();
   const {
     isEdit
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const discount = parseInt((card?.price - card?.finalPrice) / card?.price * 100).toFixed(2);
   const defaultCardImg = 'https://cp-assets-public.s3.ap-south-1.amazonaws.com/cams/cards-icon/default_course.png';
   const price = formatCurrency(countryCode, card?.price, currencySymbol);
@@ -6354,7 +6355,7 @@ function courses({
     isEdit,
     countryCode,
     currencySymbol
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const [cardList, setCardList] = useState(null);
   const [errored, setErrored] = useState(false);
   const [fallBackImages, setFallbackImages] = useState([]);
@@ -6754,7 +6755,7 @@ function TeamCard({
     layout: {
       containerWidth
     }
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const [teamData] = sectionData.components;
   const cardsCount = teamData?.teamCarousel?.components?.length;
   const slidesToShow = isMobile ? 1 : 4;
@@ -6993,7 +6994,7 @@ function FormEnquiry({
     isEdit,
     isLandingPages,
     extraProps
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const classes = useSectionStyles$1({
     containerWidth,
     isMobile
@@ -7454,7 +7455,7 @@ function Contact({
     isEdit,
     isLandingPages,
     extraProps
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   let [btnDisabled, setBtnDisabled] = useState(false);
   const [isSubmitted, setIsSubmitted] = useState(false);
   const [nodeData] = sectionData.components;
@@ -8113,7 +8114,7 @@ function CoursePromotionPage$1({
     countryCode,
     currencySymbol,
     isMobile
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const classes = useWebinarPromotionPage({
     containerWidth,
     isMobile,
@@ -8448,7 +8449,7 @@ const SingleVideoSlide = props => {
     },
     isMobile,
     isEdit
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const renderer = ({
     days,
     hours,
@@ -8705,7 +8706,7 @@ function CoursePromotionPage({
     countryCode,
     currencySymbol,
     isMobile
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const classes = useCoursePromotionPage({
     containerWidth,
     isMobile
@@ -8897,7 +8898,7 @@ const FormPage = ({
     baseURLs,
     isMobile,
     countryCode
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const classes = useFormPageStyles({
     isMobile
   });
@@ -9188,7 +9189,7 @@ function Tiles({
     },
     isPreview,
     isEdit
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const classes = useTilesStyles({
     isMobile
   });
@@ -9937,7 +9938,7 @@ function ABOUT_INSTITUTE({
       containerWidth
     },
     isMobile
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const classes = useAboutInstituteStyles({
     containerWidth,
     isMobile
@@ -10137,7 +10138,7 @@ const TimerAndCall = ({
     pageData
   } = useContext(PageContext);
   const [nodeData] = sectionData?.components;
-  console.log('sid sectionData', sectionData, extraProps, pageData, PageContext);
+  console.log('sid sectionData1', sectionData, extraProps, pageData);
   const classes = useTimerCallPageStyles({
     isMobile
   });