diy-template-components 5.14.0 → 5.16.0

package/build/index.js

@@ -363,7 +363,7 @@ const useSectionStyles$b = createUseStyles(theme => ({
       bottom: 0,
       left: 0,
       width: '100%',
-      zIndex: '10000'
+      zIndex: '100'
     }
   },
   mobileAppNameClass: {
@@ -10928,7 +10928,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__default["default"]().diff(moment__default["default"](props?.data?.endDate || 0)) < 0;
   const checkForShowDiscount = () => {
     if (props.data.endDate === null || checkIfOfferIsValid()) {
@@ -13168,6 +13168,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)
+  React.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__default["default"].createElement("div", {
     "data-section": "sticky-cta-edit-hint",
     style: {
@@ -13226,10 +13233,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);
-  React.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;