diy-template-components 2.0.109 → 2.0.111

package/build/index.es.js

@@ -1,14 +1,3 @@
-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, { createContext, useContext, forwardRef, useRef, useEffect, useState, useMemo, useLayoutEffect, Suspense, memo, lazy, Fragment } from 'react';
 import Slider from 'react-slick';
 import axios from 'axios';
@@ -19,18 +8,13 @@ import ReactDOMServer from 'react-dom/server';
 import { createTheming, createUseStyles as createUseStyles$1, useTheme as useTheme$1 } from 'react-jss';
 
 function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
-    return target;
-  };
-  return _extends.apply(this, arguments);
+    return n;
+  }, _extends.apply(null, arguments);
 }
 
 const PageContext = /*#__PURE__*/createContext({});
@@ -867,7 +851,7 @@ const icons = {
   GroupProfile: getConfiguredIcon2(groupProfile, false, true)
 };
 
-const someMethod1 = ( /** @type {import('./types').IconData["svgChildrenConfigs"]} */svgChildrenConfigs, color, hoverColor) => {
+const someMethod1 = (/** @type {import('./types').IconData["svgChildrenConfigs"]} */svgChildrenConfigs, color, hoverColor) => {
   /** @type {{ [k:string]:React.CSSProperties; }} */
   const obj = {};
   for (const svgChildConfig of svgChildrenConfigs) {
@@ -956,7 +940,7 @@ const Icon = ({
   }, []);
   /** */
 
-  const rootRef = useRef( /** @type {HTMLElement} */null);
+  const rootRef = useRef(/** @type {HTMLElement} */null);
   // this ref is used to cancel the fetch promise success callback in case name prop changed
   const currentName = useRef(name);
   const [svgState, setSvgState] = useState(defaultSvgState);
@@ -6597,7 +6581,6 @@ const useCourseStyles = createUseStyles(theme => {
 });
 
 async function getCourseList(baseURLs, hashToken) {
-  console.log('hash', baseURLs, hashToken);
   if (!hashToken) {
     throw 'Missing hash token';
   }
@@ -6612,7 +6595,6 @@ async function getCourseList(baseURLs, hashToken) {
       requiredFilters: '[10]'
     }
   });
-  console.log('res', res);
   if (res) {
     return res.data;
   }
@@ -6757,20 +6739,16 @@ function courses({
   const [nodeData] = sectionData?.components;
   const [utmParams, setUtmParams] = useState('');
   const handleApiCall = () => {
-    console.log('base', baseURLs);
     if (baseURLs) {
       getCourseList(baseURLs, hashToken).then(response => {
-        console.log('response', response);
         const placeholders = nodeData?.cardCarousel?.metadata?.placeholders;
         const coursesData = response?.data?.coursesData;
         if (coursesData && coursesData.length) {
           setCardList(response?.data?.coursesData);
           setShowShimmer(false);
         } else {
-          console.log('edit');
           // For Edit Page: If no data found, show placeholders. If placeholder doesn't come from backend, show shimmer.
           if (isEdit) {
-            console.log('edit1', placeholders);
             if (placeholders && placeholders.length) {
               setShowShimmer(false);
               setFallbackImages(placeholders);
@@ -6780,7 +6758,6 @@ function courses({
           else setErrored(true);
         }
       }).catch(err => {
-        console.log('err', err);
         const errMsg = err?.response?.data?.data?.message;
         if (errMsg === 'NOT_FOUND') {
           if (nodeData?.cardCarousel?.metadata?.placeholders?.length && isEdit) {
@@ -6795,10 +6772,8 @@ function courses({
   };
   useEffect(() => {
     const placeholders = nodeData?.cardCarousel?.metadata?.placeholders;
-    console.log('placeholders test', placeholders, isMasterTemplate);
-    debugger;
     // For Master template Preview: Show placeholder images. If placeholder doesn't come from backend, show shimmer.
-    if (isMasterTemplate && false) {
+    if (isMasterTemplate) {
       if (placeholders && placeholders.length) {
         setShowShimmer(false);
         setFallbackImages(placeholders);
@@ -9539,15 +9514,15 @@ const useTilesStyles = createUseStyles(theme => {
       lineHeight: '46px',
       color: '#7D8592',
       marginBottom: theme.spacing.margin.tiny,
-      textAlign: 'center'
+      textAlign: 'center',
+      '@media screen and (max-width: 767px)': {
+        lineHeight: '16px'
+      }
     },
     '@media screen and (max-width: 767px)': {
       tileDiv: {
         width: '100%'
       },
-      headerTitle: {
-        lineHeight: '0px'
-      },
       row: {
         marginTop: '24px',
         display: 'grid',
@@ -10058,7 +10033,7 @@ function EmailDripMarket({
     }
   };
   const convertToHtml = sectionData => {
-    const html = ReactDOMServer.renderToStaticMarkup( /*#__PURE__*/React.createElement(Section, {
+    const html = ReactDOMServer.renderToStaticMarkup(/*#__PURE__*/React.createElement(Section, {
       nodeData: sectionData,
       renderHTML: true,
       isProceed: extraProps.isProceed,