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.js CHANGED
@@ -9754,11 +9754,12 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
9754
9754
  },
9755
9755
  infoContainer: {
9756
9756
  padding: '24px',
9757
- gap: '24px',
9757
+ gap: '16px',
9758
9758
  display: 'flex',
9759
9759
  flexDirection: 'column',
9760
9760
  borderRadius: '16px',
9761
- background: 'var(--Blue-Tertiary, #F4F9FF)'
9761
+ background: 'var(--Blue-Tertiary, #F4F9FF)',
9762
+ flex: 1
9762
9763
  },
9763
9764
  metaInfo: {
9764
9765
  display: 'flex',
@@ -9800,12 +9801,12 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
9800
9801
  infoDetails: {
9801
9802
  display: 'flex',
9802
9803
  flexDirection: 'Column',
9803
- gap: '12px'
9804
+ gap: '4px'
9804
9805
  },
9805
9806
  infoContent: {
9806
9807
  display: 'flex',
9807
9808
  flexDirection: 'Column',
9808
- gap: '16px'
9809
+ gap: '4px'
9809
9810
  },
9810
9811
  instHeading: {
9811
9812
  color: 'var(--Black, #0A1629)',
@@ -9819,7 +9820,7 @@ const useAboutInstituteStyles = createUseStyles(theme => ({
9819
9820
  fontWeight: '600'
9820
9821
  },
9821
9822
  instAbout: {
9822
- fontSize: '16px',
9823
+ fontSize: '14px',
9823
9824
  fontStyle: 'normal',
9824
9825
  fontWeight: '400',
9825
9826
  wordBreak: 'break-word'
@@ -9909,13 +9910,7 @@ function ABOUT_INSTITUTE({
9909
9910
  layout: {
9910
9911
  containerWidth
9911
9912
  },
9912
- baseURLs,
9913
- isMobile,
9914
- validations,
9915
- isPreview,
9916
- isEdit,
9917
- isLandingPages,
9918
- extraProps
9913
+ isMobile
9919
9914
  } = React.useContext(PageContext);
9920
9915
  const classes = useAboutInstituteStyles({
9921
9916
  containerWidth,
@@ -9923,15 +9918,19 @@ function ABOUT_INSTITUTE({
9923
9918
  });
9924
9919
  const [nodeData] = sectionData?.components;
9925
9920
  const [highlightNodeData] = nodeData?.highlight?.components;
9926
- console.log('about your institute', nodeData, highlightNodeData);
9927
9921
  const theme = useTheme();
9928
- const ImageJSX = () => /*#__PURE__*/React__default["default"].createElement("div", {
9929
- className: classes.imageContainer
9930
- }, /*#__PURE__*/React__default["default"].createElement(NextImageRenderer, {
9931
- className: classes.image,
9932
- alt: "logo",
9933
- src: nodeData?.image?.metadata?.value
9934
- }));
9922
+ const ImageJSX = () => {
9923
+ if (!nodeData?.image?.metadata?.value) {
9924
+ return null;
9925
+ }
9926
+ return /*#__PURE__*/React__default["default"].createElement("div", {
9927
+ className: classes.imageContainer
9928
+ }, /*#__PURE__*/React__default["default"].createElement(NextImageRenderer, {
9929
+ className: classes.image,
9930
+ alt: "logo",
9931
+ src: nodeData?.image?.metadata?.value
9932
+ }));
9933
+ };
9935
9934
  const ContentJSX = () => /*#__PURE__*/React__default["default"].createElement("div", {
9936
9935
  className: classes.infoContainer
9937
9936
  }, /*#__PURE__*/React__default["default"].createElement("div", {