diy-template-components 0.0.49 → 0.0.52

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 { createTheming, createUseStyles as createUseStyles$1, useTheme as useTheme$1 } from 'react-jss';
@@ -397,7 +397,7 @@ function useLinkBuilder(data) {
     isEdit,
     basePath,
     isMasterTemplate
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
 
   if (isEdit || !data.isLink) {
     return null;
@@ -436,7 +436,7 @@ const Button = /*#__PURE__*/forwardRef(function Button({
 }, ref) {
   const {
     isEdit
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const link = useLinkBuilder(data);
   const classes = buttonStyles({
     fluid,
@@ -939,8 +939,6 @@ function Dropdown(props) {
   })));
 }
 
-const isCoursesLink = data => data.link === 'courses';
-
 function OptionList({
   optionsData,
   headerData,
@@ -948,9 +946,7 @@ function OptionList({
   moreContent,
   navDataCount
 }) {
-  const {
-    isPreview
-  } = useContext$1(PageContext);
+  useContext(PageContext);
 
   const tabsDataModifier = () => {
     return optionsData?.map(dt => {
@@ -973,7 +969,7 @@ function OptionList({
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.optionList
   }, tabData?.map((dt, ind) => {
-    return /*#__PURE__*/React.createElement(Button, _extends({
+    return /*#__PURE__*/React.createElement(Button, {
       key: ind,
       data: dt,
       type: 'tertiary',
@@ -984,9 +980,7 @@ function OptionList({
         margin: '0 10px'
       },
       active: dt.active
-    }, isPreview && isCoursesLink(dt) ? {
-      target: '_blank'
-    } : {}));
+    });
   })), navDataCount > 5 && !isMobile ? /*#__PURE__*/React.createElement(Dropdown, {
     list: moreContent,
     label: 'More',
@@ -1153,7 +1147,7 @@ function Header({
 }) {
   const {
     isMobile
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
 
   const filterHiddenNavs = () => {
     return data?.navs?.filter(dt => !dt.isHiddenNav);
@@ -2013,7 +2007,7 @@ function Carousel({
   const sliderRef = useRef();
   const {
     isMobile
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const classes = useCarouselStyles({
     isMobile,
     buttonContainerClass,
@@ -2088,7 +2082,7 @@ function Section$3({
       containerWidth
     },
     isMobile
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   return /*#__PURE__*/React.createElement("div", {
     className: classes.centerData
   }, /*#__PURE__*/React.createElement("div", {
@@ -2136,7 +2130,7 @@ function BannerCarouselRight({
     layout: {
       containerWidth
     }
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const classes = useSectionStyles$8({
     containerWidth
   });
@@ -2358,7 +2352,7 @@ function List({
     layout: {
       containerWidth
     }
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const classes = useSectionStyles$7({
     containerWidth
   });
@@ -2518,7 +2512,7 @@ const Section$2 = ({
       containerWidth
     },
     isMobile
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const classes = useSectionStyles$6({
     imageUrl: nodeData.image.metadata.value,
     containerWidth
@@ -2702,7 +2696,7 @@ function Section$1({
       containerWidth
     },
     isMobile
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   return /*#__PURE__*/React.createElement("div", {
     className: classes.centerData
   }, /*#__PURE__*/React.createElement("div", {
@@ -2752,7 +2746,7 @@ function BannerCarouselLeft({
     layout: {
       containerWidth
     }
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const classes = useSectionStyles$5({
     containerWidth
   });
@@ -3028,7 +3022,7 @@ function SubscribeToNewsletter({
     validations,
     isPreview,
     isEdit
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const [nodeData] = sectionData.components;
   const classes = useSectionStyles$4({
     containerWidth
@@ -3316,7 +3310,7 @@ function Section({
     layout: {
       containerWidth
     }
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const carouselList = nodeData?.cardCarousel?.components;
   const cardsCount = carouselList?.length;
   const slidesToShow = isMobile ? 1 : 2;
@@ -3750,7 +3744,7 @@ function VideoTestimonial({
     layout: {
       containerWidth
     }
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const classes = useVideoTestimonialStyles({
     containerWidth
   });
@@ -3963,7 +3957,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;
@@ -4159,7 +4153,7 @@ function Info({
     layout: {
       containerWidth
     }
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const theme = useTheme();
   const slidesToShow = isMobile ? 1 : 4;
   const [nodeData] = sectionData.components;
@@ -4315,7 +4309,7 @@ const TextSection = ({
     layout: {
       containerWidth
     }
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const classes = useSectionStyles$2({
     containerWidth
   });
@@ -4454,7 +4448,7 @@ function PhotoGallery({
     layout: {
       containerWidth
     }
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const [nodeData] = sectionData.components;
   const carouselList = nodeData?.cardCarousel?.components;
   const cardsCount = carouselList?.length;
@@ -4621,7 +4615,7 @@ const FAQListing = ({
     layout: {
       containerWidth
     }
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const classes = useFaqListStyles({
     selectedIndex,
     containerWidth
@@ -4796,7 +4790,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;
@@ -5164,7 +5158,7 @@ function CourseCard({
     className: classes.courseCardStrikePrice
   }, /*#__PURE__*/React.createElement("span", null, '₹', card?.price), ' ', discount > 0 && discount + '% OFF')), /*#__PURE__*/React.createElement("a", {
     className: classes.coursesAnchorTag,
-    href: isEdit ? card?.shareableLink : null
+    href: isEdit ? null : card?.shareableLink
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.courseCardBuyBtn
   }, "Buy Now")))));
@@ -5182,7 +5176,7 @@ function courses({
     hashToken,
     isMasterTemplate,
     isEdit
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const [cardList, setCardList] = useState(null);
   const [errored, setErrored] = useState(false);
   const [fallBackImages, setFallbackImages] = useState([]);
@@ -5483,7 +5477,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;
@@ -5688,7 +5682,7 @@ function FormEnquiry({
     validations,
     isPreview,
     isEdit
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   const classes = useSectionStyles$1({
     containerWidth
   });
@@ -6100,7 +6094,7 @@ function Contact({
     validations,
     isPreview,
     isEdit
-  } = useContext$1(PageContext);
+  } = useContext(PageContext);
   let [btnDisabled, setBtnDisabled] = useState(false);
   const [nodeData] = sectionData.components;
   const classes = useSectionStyles({