diy-template-components 2.0.33 → 2.0.35

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/build/index.es.js CHANGED
@@ -9738,11 +9738,12 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
9738
9738
  },
9739
9739
  infoContainer: {
9740
9740
  padding: '24px',
9741
- gap: '24px',
9741
+ gap: '16px',
9742
9742
  display: 'flex',
9743
9743
  flexDirection: 'column',
9744
9744
  borderRadius: '16px',
9745
- background: 'var(--Blue-Tertiary, #F4F9FF)'
9745
+ background: 'var(--Blue-Tertiary, #F4F9FF)',
9746
+ flex: 1
9746
9747
  },
9747
9748
  metaInfo: {
9748
9749
  display: 'flex',
@@ -9784,12 +9785,12 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
9784
9785
  infoDetails: {
9785
9786
  display: 'flex',
9786
9787
  flexDirection: 'Column',
9787
- gap: '12px'
9788
+ gap: '4px'
9788
9789
  },
9789
9790
  infoContent: {
9790
9791
  display: 'flex',
9791
9792
  flexDirection: 'Column',
9792
- gap: '16px'
9793
+ gap: '4px'
9793
9794
  },
9794
9795
  instHeading: {
9795
9796
  color: 'var(--Black, #0A1629)',
@@ -9803,7 +9804,7 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
9803
9804
  fontWeight: '600'
9804
9805
  },
9805
9806
  instAbout: {
9806
- fontSize: '16px',
9807
+ fontSize: '14px',
9807
9808
  fontStyle: 'normal',
9808
9809
  fontWeight: '400',
9809
9810
  wordBreak: 'break-word'
@@ -9893,13 +9894,7 @@ function ABOUT_INSTITUTE({
9893
9894
  layout: {
9894
9895
  containerWidth
9895
9896
  },
9896
- baseURLs,
9897
- isMobile,
9898
- validations,
9899
- isPreview,
9900
- isEdit,
9901
- isLandingPages,
9902
- extraProps
9897
+ isMobile
9903
9898
  } = useContext(PageContext);
9904
9899
  const classes = useAboutInstituteStyles({
9905
9900
  containerWidth,
@@ -9907,15 +9902,19 @@ function ABOUT_INSTITUTE({
9907
9902
  });
9908
9903
  const [nodeData] = sectionData?.components;
9909
9904
  const [highlightNodeData] = nodeData?.highlight?.components;
9910
- console.log('about your institute', nodeData, highlightNodeData);
9911
9905
  const theme = useTheme();
9912
- const ImageJSX = () => /*#__PURE__*/React.createElement("div", {
9913
- className: classes.imageContainer
9914
- }, /*#__PURE__*/React.createElement(NextImageRenderer, {
9915
- className: classes.image,
9916
- alt: "logo",
9917
- src: nodeData?.image?.metadata?.value
9918
- }));
9906
+ const ImageJSX = () => {
9907
+ if (!nodeData?.image?.metadata?.value) {
9908
+ return null;
9909
+ }
9910
+ return /*#__PURE__*/React.createElement("div", {
9911
+ className: classes.imageContainer
9912
+ }, /*#__PURE__*/React.createElement(NextImageRenderer, {
9913
+ className: classes.image,
9914
+ alt: "logo",
9915
+ src: nodeData?.image?.metadata?.value
9916
+ }));
9917
+ };
9919
9918
  const ContentJSX = () => /*#__PURE__*/React.createElement("div", {
9920
9919
  className: classes.infoContainer
9921
9920
  }, /*#__PURE__*/React.createElement("div", {