diy-template-components 2.0.109 → 2.0.111

package/build/index.js

@@ -1,18 +1,5 @@
 'use strict';
 
-
-
-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;
-}
-
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
@@ -35,18 +22,13 @@ var koreanLocale__default = /*#__PURE__*/_interopDefaultLegacy(koreanLocale);
 var ReactDOMServer__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOMServer);
 
 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__*/React.createContext({});
@@ -883,7 +865,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) {
@@ -972,7 +954,7 @@ const Icon = ({
   }, []);
   /** */
 
-  const rootRef = React.useRef( /** @type {HTMLElement} */null);
+  const rootRef = React.useRef(/** @type {HTMLElement} */null);
   // this ref is used to cancel the fetch promise success callback in case name prop changed
   const currentName = React.useRef(name);
   const [svgState, setSvgState] = React.useState(defaultSvgState);
@@ -6613,7 +6595,6 @@ const useCourseStyles = createUseStyles(theme => {
 });
 
 async function getCourseList(baseURLs, hashToken) {
-  console.log('hash', baseURLs, hashToken);
   if (!hashToken) {
     throw 'Missing hash token';
   }
@@ -6628,7 +6609,6 @@ async function getCourseList(baseURLs, hashToken) {
       requiredFilters: '[10]'
     }
   });
-  console.log('res', res);
   if (res) {
     return res.data;
   }
@@ -6773,20 +6753,16 @@ function courses({
   const [nodeData] = sectionData?.components;
   const [utmParams, setUtmParams] = React.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);
@@ -6796,7 +6772,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) {
@@ -6811,10 +6786,8 @@ function courses({
   };
   React.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);
@@ -9555,15 +9528,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',
@@ -10074,7 +10047,7 @@ function EmailDripMarket({
     }
   };
   const convertToHtml = sectionData => {
-    const html = ReactDOMServer__default["default"].renderToStaticMarkup( /*#__PURE__*/React__default["default"].createElement(Section, {
+    const html = ReactDOMServer__default["default"].renderToStaticMarkup(/*#__PURE__*/React__default["default"].createElement(Section, {
       nodeData: sectionData,
       renderHTML: true,
       isProceed: extraProps.isProceed,