diy-template-components 5.14.0 → 5.16.0

package/build/index.es.js

@@ -349,7 +349,7 @@ const useSectionStyles$b = createUseStyles(theme => ({
       bottom: 0,
       left: 0,
       width: '100%',
-      zIndex: '10000'
+      zIndex: '100'
     }
   },
   mobileAppNameClass: {
@@ -10914,7 +10914,7 @@ const SingleVideoSlide$1 = props => {
     currencySymbol
   } = props;
   const showCourseInstallmentData = data?.courseOverviewData;
-  const InstalmentData = isEdit ? data?.courseOverviewData?.installments?.formData?.installments[0].installmentAmount : data?.courseOverviewData?.installments?.formData?.installmentInfo?.installments?.[0]?.installmentPrice;
+  const InstalmentData = isEdit ? data?.courseOverviewData?.installments?.formData?.installments[0].installmentAmount : data?.courseOverviewData?.installments?.formData?.installmentInfo?.installments[0].installmentPrice;
   const checkIfOfferIsValid = () => moment().diff(moment(props?.data?.endDate || 0)) < 0;
   const checkForShowDiscount = () => {
     if (props.data.endDate === null || checkIfOfferIsValid()) {
@@ -13154,6 +13154,13 @@ function StickyCta({
     window.addEventListener('resize', onResize);
     return () => window.removeEventListener('resize', onResize);
   }, []);
+
+  // Must run on every path so hook count is stable (Rules of Hooks)
+  useEffect(() => {
+    if (p.type !== 'sticky') return;
+    document.body.classList.add('has-sticky-cta');
+    return () => document.body.classList.remove('has-sticky-cta');
+  }, [p.type]);
   const editHintBlock = showEditHint ? /*#__PURE__*/React.createElement("div", {
     "data-section": "sticky-cta-edit-hint",
     style: {
@@ -13212,10 +13219,6 @@ function StickyCta({
   // type === 'sticky' – use primary Button (same as other sections) linking to WhatsApp
   const barStyle = getStickyBarStyle(breakpoint, theme);
   const textStyle = getStickyTextStyle(breakpoint, theme);
-  useEffect(() => {
-    document.body.classList.add('has-sticky-cta');
-    return () => document.body.classList.remove('has-sticky-cta');
-  }, []);
   const stickyBarPaddingStyles = `
     body.has-sticky-cta {
       padding-bottom: ${STICKY_BAR_HEIGHT_BY_BREAKPOINT.mobile}px;