diy-template-components 1.1.0 → 1.1.1

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
@@ -361,11 +361,13 @@ const buttonStyles = createUseStyles(theme => ({
361
361
  textAlign: 'center',
362
362
  color: ({
363
363
  disabled
364
- } = {}) => disabled ? colorMixer(theme?.palette?.background?.default, 0.5).color : theme?.colors?.CtaTextColor,
364
+ } = {}) => disabled ? colorMixer(theme?.palette?.background?.default, 0.5).color : theme?.palette?.background?.default,
365
365
  background: ({
366
366
  disabled
367
- } = {}) => disabled ? colorMixer(theme?.palette?.primary.main, 0.5).color : theme?.colors?.ctaColor,
368
- border: 'none',
367
+ } = {}) => disabled ? colorMixer(theme?.palette?.primary.main, 0.5).color : theme?.palette?.primary?.main,
368
+ border: ({
369
+ disabled
370
+ } = {}) => disabled ? `1px solid ${colorMixer(theme.palette.primary.main, 0.5).color}` : `1px solid ${theme?.palette?.primary?.main}`,
369
371
  textDecoration: 'none',
370
372
  cursor: ({
371
373
  disabled
@@ -387,13 +389,13 @@ const buttonStyles = createUseStyles(theme => ({
387
389
  lineHeight: '18px',
388
390
  color: ({
389
391
  disabled
390
- } = {}) => disabled ? colorMixer(theme.palette.primary.main, 0.5).color : theme?.colors?.CtaTextColor,
392
+ } = {}) => disabled ? colorMixer(theme.palette.primary.main, 0.5).color : theme.palette.primary.main,
391
393
  background: ({
392
394
  disabled
393
- } = {}) => disabled ? colorMixer(theme?.palette?.parimar?.default, 0.5).color : theme?.colors?.ctaColor,
395
+ } = {}) => disabled ? colorMixer(theme?.palette?.background?.default, 0.5).color : theme?.palette?.background?.default,
394
396
  border: ({
395
397
  disabled
396
- } = {}) => disabled ? `1px solid ${colorMixer(theme.palette.primary.main, 0.5).color}` : `1px solid ${theme?.colors?.ctaColor}`,
398
+ } = {}) => disabled ? `1px solid ${colorMixer(theme.palette.primary.main, 0.5).color}` : `1px solid ${theme.palette.primary.main}`,
397
399
  cursor: ({
398
400
  disabled
399
401
  } = {}) => disabled ? 'not-allowed' : 'pointer',
@@ -1026,6 +1028,25 @@ var appStore = "data:image/svg+xml,%3Csvg%20width%3D%22116%22%20height%3D%2240%2
1026
1028
 
1027
1029
  var downloadApkImage = "data:image/png;base64,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";
1028
1030
 
1031
+ function getShortenedSubstring(name, length, allowDots = true) {
1032
+ if (name) {
1033
+ return name.length < length ? name : `${name.substr(0, length)}${allowDots && '...'}`;
1034
+ }
1035
+ return '';
1036
+ }
1037
+ function getAppDownloadLink(androidLink = '', iosLink = '') {
1038
+ if (typeof window !== 'undefined') {
1039
+ const userAgent = window.navigator?.userAgent;
1040
+ if (/Android/.test(userAgent) && androidLink) {
1041
+ return androidLink;
1042
+ }
1043
+ if (/iPad|iPhone|iPod/.test(userAgent) && iosLink) {
1044
+ return iosLink;
1045
+ }
1046
+ return androidLink || iosLink;
1047
+ }
1048
+ }
1049
+
1029
1050
  function OptionList({
1030
1051
  optionsData,
1031
1052
  headerData,
@@ -1052,6 +1073,7 @@ function OptionList({
1052
1073
  };
1053
1074
  const tabData = tabsDataModifier();
1054
1075
  const classes = useSectionStyles$a();
1076
+ console.log(headerData, 'sakshat header options');
1055
1077
  const isAndroidDelisted = headerData?.isAndroidDelisted;
1056
1078
  const apkURL = headerData?.apkURL;
1057
1079
  const downloadApkURL = isAndroidDelisted && apkURL ? apkURL : null;
@@ -1120,9 +1142,9 @@ function OptionList({
1120
1142
  list: moreContent,
1121
1143
  label: 'More',
1122
1144
  icon: arrowDown
1123
- }) : null, isTutorWebsite && /*#__PURE__*/React.createElement(React.Fragment, null, isAndroidDelisted && !headerData.navs ? /*#__PURE__*/React.createElement(React.Fragment, null, renderDownloadAppButton()) : /*#__PURE__*/React.createElement(React.Fragment, null, !headerData?.navs && renderAppDownloadLinks())), isMobile ? downloadApkURL?.length > 0 || headerData?.appLink?.length > 0 ? /*#__PURE__*/React.createElement(Button, {
1145
+ }) : null, isTutorWebsite && /*#__PURE__*/React.createElement(React.Fragment, null, isAndroidDelisted && !headerData.navs ? /*#__PURE__*/React.createElement(React.Fragment, null, renderDownloadAppButton()) : /*#__PURE__*/React.createElement(React.Fragment, null, !headerData?.navs && renderAppDownloadLinks())), isMobile ? downloadApkURL?.length > 0 || headerData?.androidDownloadLink?.length || headerData?.iosDownloadLink?.length > 0 ? /*#__PURE__*/React.createElement(Button, {
1124
1146
  data: {
1125
- link: downloadApkURL ? downloadApkURL : headerData?.appLink,
1147
+ link: isAndroidDelisted ? getAppDownloadLink(downloadApkURL, headerData?.iosDownloadLink) : getAppDownloadLink(headerData?.androidDownloadLink, headerData?.iosDownloadLink),
1126
1148
  isLink: 1,
1127
1149
  value: downloadAppText,
1128
1150
  isExternal: 1
@@ -1275,6 +1297,7 @@ function DesktopHeader({
1275
1297
  }
1276
1298
  return moreContent;
1277
1299
  };
1300
+ console.log(header, 'sakshat header desktop');
1278
1301
  return /*#__PURE__*/React.createElement("nav", {
1279
1302
  className: classes.section
1280
1303
  }, !(header?.websiteLogo === DEFAULT_HEADER_IMAGE_LP && isCustomWebsite) ? /*#__PURE__*/React.createElement("div", {
@@ -1315,10 +1338,6 @@ function DesktopHeader({
1315
1338
  }));
1316
1339
  }
1317
1340
 
1318
- var phoneIos = "data:image/svg+xml,%3Csvg%20width%3D%2244%22%20height%3D%2244%22%20viewBox%3D%220%200%2044%2044%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20filter%3D%22url%28%23filter0_d_3094_7439%29%22%3E%3Crect%20x%3D%222%22%20y%3D%221%22%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%224%22%20fill%3D%22%23F0F4F8%22%2F%3E%3Cpath%20d%3D%22M30.4539%2016.8288C30.3555%2016.8912%2028.0131%2018.1908%2028.0131%2021.0732C28.1235%2024.3612%2030.9687%2025.5132%2031.0179%2025.5132C30.9699%2025.5744%2030.5883%2027.084%2029.4603%2028.6656C28.5651%2030.0276%2027.5715%2031.4016%2026.0631%2031.4016C24.6279%2031.4016%2024.1119%2030.4932%2022.4559%2030.4932C20.6775%2030.4932%2020.1747%2031.4016%2018.8127%2031.4016C17.3043%2031.4016%2016.2375%2029.9544%2015.2931%2028.6044C14.0667%2026.838%2013.0251%2024.066%2012.9879%2021.4044C12.9627%2019.9944%2013.2327%2018.6084%2013.9191%2017.43C14.8887%2015.786%2016.6179%2014.67%2018.5067%2014.634C19.9539%2014.5848%2021.2427%2015.6264%2022.1247%2015.6264C22.9719%2015.6264%2024.5535%2014.6328%2026.3439%2014.6328C27.1167%2014.634%2029.1783%2014.8668%2030.4539%2016.8288ZM22.0023%2014.352C21.7455%2013.0632%2022.4559%2011.7756%2023.1183%2010.9536C23.9655%209.95998%2025.3023%209.28558%2026.4543%209.28558C26.5287%2010.5744%2026.0619%2011.8368%2025.2279%2012.7572C24.4803%2013.7508%2023.1927%2014.4984%2022.0023%2014.352Z%22%20fill%3D%22%234D4D4D%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3Cfilter%20id%3D%22filter0_d_3094_7439%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2244%22%20height%3D%2244%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22%2F%3E%3CfeOffset%20dy%3D%221%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22%2F%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.4%200%200%200%200%200.4%200%200%200%200%200.4%200%200%200%200.16%200%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_3094_7439%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_dropShadow_3094_7439%22%20result%3D%22shape%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3C%2Fsvg%3E";
1319
-
1320
- var phoneAndroid = "data:image/svg+xml,%3Csvg%20width%3D%2244%22%20height%3D%2244%22%20viewBox%3D%220%200%2044%2044%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20filter%3D%22url%28%23filter0_d_3094_7442%29%22%3E%3Crect%20x%3D%222%22%20y%3D%221%22%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%224%22%20fill%3D%22%23F0F4F8%22%2F%3E%3Cpath%20d%3D%22M13.9713%2011.7196C13.7108%2012.0303%2013.579%2012.4279%2013.6028%2012.8316V30.3709C13.5804%2030.7744%2013.712%2031.1716%2013.9713%2031.4829L14.0316%2031.5428L23.9128%2021.7144V21.4814L14.0316%2011.6597L13.9713%2011.7196Z%22%20fill%3D%22url%28%23paint0_linear_3094_7442%29%22%2F%3E%3Cpath%20d%3D%22M27.2088%2024.9906L23.9128%2021.7144V21.4814L27.2088%2018.2119L27.2825%2018.2519L31.1881%2020.4559C32.3069%2021.0819%2032.3069%2022.114%2031.1881%2022.7466L27.2825%2024.9506L27.2088%2024.9906Z%22%20fill%3D%22url%28%23paint1_linear_3094_7442%29%22%2F%3E%3Cpath%20d%3D%22M27.2824%2024.9507L23.9328%2021.6213L13.9712%2031.4829C14.2008%2031.6706%2014.4867%2031.777%2014.7838%2031.7854C15.0809%2031.7939%2015.3725%2031.7039%2015.6125%2031.5296L27.2623%2024.9507%22%20fill%3D%22url%28%23paint2_linear_3094_7442%29%22%2F%3E%3Cpath%20d%3D%22M27.2824%2018.2519L15.6125%2011.6663C15.375%2011.4849%2015.0816%2011.391%2014.7822%2011.4007C14.4829%2011.4104%2014.1962%2011.5231%2013.9712%2011.7196L23.9127%2021.6012L27.2824%2018.2519Z%22%20fill%3D%22url%28%23paint3_linear_3094_7442%29%22%2F%3E%3Cpath%20opacity%3D%220.1%22%20d%3D%22M27.209%2024.8774L15.6128%2031.4163C15.3815%2031.5876%2015.1007%2031.6802%2014.8123%2031.6802C14.5238%2031.6802%2014.243%2031.5876%2014.0117%2031.4163L13.9514%2031.4762L14.0117%2031.5362C14.243%2031.7075%2014.5238%2031.8%2014.8123%2031.8C15.1007%2031.8%2015.3815%2031.7075%2015.6128%2031.5362L27.2626%2024.9573L27.209%2024.8774Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20opacity%3D%220.07%22%20d%3D%22M13.9713%2031.3764C13.7116%2031.0627%2013.5801%2030.6633%2013.6029%2030.2577V30.3709C13.5804%2030.7745%2013.712%2031.1716%2013.9713%2031.4829L14.0316%2031.423L13.9713%2031.3764Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20opacity%3D%220.07%22%20d%3D%22M31.188%2022.6267L27.2087%2024.8773L27.2824%2024.9506L31.188%2022.7199C31.4171%2022.6198%2031.6154%2022.461%2031.7625%2022.2597C31.9096%2022.0585%2032.0003%2021.8221%2032.0254%2021.5746C31.9797%2021.8034%2031.88%2022.0181%2031.7344%2022.201C31.5888%2022.3839%2031.4015%2022.5298%2031.188%2022.6267Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M15.6123%2011.7861L31.1878%2020.5691C31.3992%2020.6635%2031.5852%2020.8062%2031.7307%2020.9856C31.8762%2021.1649%2031.9771%2021.3758%2032.0252%2021.6012C32.0015%2021.3533%2031.9113%2021.1162%2031.764%2020.9148C31.6167%2020.7133%2031.4177%2020.5548%2031.1878%2020.4559L15.6123%2011.6663C14.5136%2011.0403%2013.6025%2011.5597%2013.6025%2012.8315V12.9447C13.6025%2011.6796%2014.5136%2011.1535%2015.6123%2011.7861Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3Cfilter%20id%3D%22filter0_d_3094_7442%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2244%22%20height%3D%2244%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22%2F%3E%3CfeOffset%20dy%3D%221%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22%2F%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.4%200%200%200%200%200.4%200%200%200%200%200.4%200%200%200%200.16%200%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_3094_7442%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_dropShadow_3094_7442%22%20result%3D%22shape%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient%20id%3D%22paint0_linear_3094_7442%22%20x1%3D%2223.0419%22%20y1%3D%2212.6452%22%20x2%3D%229.73126%22%20y2%3D%2226.0365%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23008EFF%22%2F%3E%3Cstop%20offset%3D%220.01%22%20stop-color%3D%22%23008FFF%22%2F%3E%3Cstop%20offset%3D%220.26%22%20stop-color%3D%22%2300ACFF%22%2F%3E%3Cstop%20offset%3D%220.51%22%20stop-color%3D%22%2300C0FF%22%2F%3E%3Cstop%20offset%3D%220.76%22%20stop-color%3D%22%2300CDFF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2300D1FF%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint1_linear_3094_7442%22%20x1%3D%2231.3221%22%20y1%3D%2221.6012%22%20x2%3D%2212.0152%22%20y2%3D%2221.6012%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FFD800%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF8A00%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint2_linear_3094_7442%22%20x1%3D%2225.4535%22%20y1%3D%2223.4192%22%20x2%3D%227.40854%22%20y2%3D%2241.5735%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF3A44%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23B11162%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint3_linear_3094_7442%22%20x1%3D%2211.4657%22%20y1%3D%225.87984%22%20x2%3D%2219.5294%22%20y2%3D%2213.9857%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23328E71%22%2F%3E%3Cstop%20offset%3D%220.07%22%20stop-color%3D%22%232D9571%22%2F%3E%3Cstop%20offset%3D%220.48%22%20stop-color%3D%22%2315BD74%22%2F%3E%3Cstop%20offset%3D%220.8%22%20stop-color%3D%22%2306D575%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2300DE76%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E";
1321
-
1322
1341
  function MobileHeader({
1323
1342
  header,
1324
1343
  navData,
@@ -1351,56 +1370,18 @@ function MobileHeader({
1351
1370
  body?.removeAttribute('style');
1352
1371
  }
1353
1372
  }, [sideMenu]);
1354
- let iosUrl = null;
1355
- let androidUrl = null;
1356
1373
  let downloadLink = null;
1357
1374
  const downloadAppText = countryCode === 'KR' ? '앱다운로드' : 'Download App';
1375
+ const apkURL = header?.apkURL;
1376
+ const isAndroidDelisted = header?.isAndroidDelisted;
1377
+ const iosDownloadLink = header?.iosDownloadLink;
1378
+ const androidDownloadLink = header?.androidDownloadLink;
1379
+ console.log(header, 'sakshat header mobile');
1358
1380
  if (isTutorWebsite) {
1359
- if (header?.iosUrl) {
1360
- iosUrl = /*#__PURE__*/React.createElement(Button, {
1361
- data: {
1362
- link: header?.iosUrl,
1363
- isLink: 1,
1364
- value: /*#__PURE__*/React.createElement("img", {
1365
- src: phoneIos,
1366
- alt: "iosUrl"
1367
- }),
1368
- isExternal: 1
1369
- },
1370
- type: '',
1371
- size: 'small',
1372
- target: 'blank',
1373
- rel: null,
1374
- style: {
1375
- padding: 0,
1376
- paddingRight: '8px'
1377
- }
1378
- });
1379
- }
1380
- if (header?.androidURL) {
1381
- androidUrl = /*#__PURE__*/React.createElement(Button, {
1382
- data: {
1383
- link: header?.androidURL,
1384
- isLink: 1,
1385
- value: /*#__PURE__*/React.createElement("img", {
1386
- src: phoneAndroid,
1387
- alt: "iosUrl"
1388
- }),
1389
- isExternal: 1
1390
- },
1391
- type: '',
1392
- size: 'small',
1393
- target: 'blank',
1394
- rel: null,
1395
- style: {
1396
- padding: 0
1397
- }
1398
- });
1399
- }
1400
- if (header?.isAndroidDelisted && header?.apkURL) {
1381
+ if (isAndroidDelisted && apkURL) {
1401
1382
  downloadLink = /*#__PURE__*/React.createElement(Button, {
1402
1383
  data: {
1403
- link: header?.iosUrl ? header?.iosUrl : header?.apkURL,
1384
+ link: getAppDownloadLink(apkURL, iosDownloadLink),
1404
1385
  isLink: 1,
1405
1386
  value: downloadAppText,
1406
1387
  isExternal: 1
@@ -1410,27 +1391,12 @@ function MobileHeader({
1410
1391
  target: 'blank',
1411
1392
  rel: null
1412
1393
  });
1413
- } else if (iosUrl && androidUrl) {
1414
- downloadLink = /*#__PURE__*/React.createElement("div", null, iosUrl, androidUrl);
1415
- } else if (header?.iosUrl) {
1394
+ } else if (androidDownloadLink?.length || iosDownloadLink?.length) {
1416
1395
  downloadLink = /*#__PURE__*/React.createElement(Button, {
1417
1396
  data: {
1418
- link: header?.iosUrl,
1397
+ link: getAppDownloadLink(androidDownloadLink, iosDownloadLink),
1419
1398
  isLink: 1,
1420
- value: header?.downloadAppButtonText || downloadAppText,
1421
- isExternal: 1
1422
- },
1423
- type: 'primary',
1424
- size: 'small',
1425
- target: 'blank',
1426
- rel: null
1427
- });
1428
- } else if (header?.androidURL) {
1429
- downloadLink = /*#__PURE__*/React.createElement(Button, {
1430
- data: {
1431
- link: header?.androidURL,
1432
- isLink: 1,
1433
- value: header?.downloadAppButtonText || downloadAppText,
1399
+ value: downloadAppText,
1434
1400
  isExternal: 1
1435
1401
  },
1436
1402
  type: 'primary',
@@ -1442,10 +1408,10 @@ function MobileHeader({
1442
1408
  downloadLink = null;
1443
1409
  }
1444
1410
  } else {
1445
- if (header?.isAndroidDelisted && header?.apkURL) {
1411
+ if (isAndroidDelisted && apkURL) {
1446
1412
  downloadLink = /*#__PURE__*/React.createElement(Button, {
1447
1413
  data: {
1448
- link: header?.iosUrl ? header?.iosUrl : header?.apkURL,
1414
+ link: getAppDownloadLink(header?.apkURL, header?.iosUrl),
1449
1415
  isLink: 1,
1450
1416
  value: downloadAppText,
1451
1417
  isExternal: 1
@@ -1455,10 +1421,11 @@ function MobileHeader({
1455
1421
  target: 'blank',
1456
1422
  rel: null
1457
1423
  });
1458
- } else if (header?.appLink) {
1424
+ } else if (header?.appLink || header?.iosUrl) {
1425
+ console.log('inside custom website');
1459
1426
  downloadLink = /*#__PURE__*/React.createElement(Button, {
1460
1427
  data: {
1461
- link: header?.appLink,
1428
+ link: getAppDownloadLink(header?.appLink, header?.iosUrl),
1462
1429
  isLink: 1,
1463
1430
  value: downloadAppText,
1464
1431
  isExternal: 1
@@ -2074,13 +2041,17 @@ function getTheme(colorTheme = 'blue', fontFamily = 'Arial', isMobile) {
2074
2041
  const shape = {
2075
2042
  borderRadius
2076
2043
  };
2044
+ const spacing = {
2045
+ padding: isMobile ? mobilePadding : padding,
2046
+ margin: isMobile ? mobileMargin : margin
2047
+ };
2077
2048
  return {
2078
2049
  palette,
2079
2050
  shape,
2080
2051
  typography,
2081
2052
  shadows: generateShadows(palette),
2082
- borders: generateBorders(palette)
2083
- // spacing
2053
+ borders: generateBorders(palette),
2054
+ spacing
2084
2055
  };
2085
2056
  }
2086
2057
 
@@ -2202,165 +2173,6 @@ const defaultMetadata = {
2202
2173
  layout: defaultLayout
2203
2174
  };
2204
2175
 
2205
- const GRADIENT = `linear-gradient`;
2206
- const allColors = {
2207
- white: '#FFFFFF',
2208
- black: '#000000',
2209
- lightblack: '#333333',
2210
- gray: '#999999',
2211
- // Blue gradient
2212
-
2213
- blue: '#1676F3',
2214
- bluegradient: `${GRADIENT}(#5418D1,#2C88FF)`,
2215
- tertiaryblue: '#F4F9FF',
2216
- // Orange gradient
2217
-
2218
- orange: '#FF9000',
2219
- orangegradient: `${GRADIENT}(#E96263 , #EAAE4C)`,
2220
- tertiaryorange: '#FFF6EA',
2221
- // Pink gradient
2222
-
2223
- pink: '#F72585',
2224
- pinkgradient: `${GRADIENT}(#F97794,#623AA2)`,
2225
- tertiarypink: '#FEE9F3',
2226
- // Violet gradient
2227
-
2228
- purple: '#6026A8',
2229
- purplegradient: `${GRADIENT}(#B66EC0 , #460FA1)`,
2230
- tertiarypurple: '#F5F2FA',
2231
- // Green gradient
2232
-
2233
- green: '#8ECE19',
2234
- greengradient: `${GRADIENT}(#0E5CAD, #79F1A4)`,
2235
- tertiarygreen: '#F4FAFA',
2236
- //Red solid
2237
-
2238
- red: '#F41828',
2239
- tertiaryred: '#FFF2F3',
2240
- //Maroon solid
2241
-
2242
- rust: '#9B2226',
2243
- tertiaryrust: '#FFF0F0',
2244
- //Golden gradient
2245
-
2246
- golden: `#F2BA35`,
2247
- goldengradient: `${GRADIENT}(#F0EA88, #CFA749)`,
2248
- //light green gradient
2249
-
2250
- lightgreen: `#D6E359`,
2251
- lightgreengradient: `${GRADIENT}(#D6E359, #9DB545)`,
2252
- //light blue gradient
2253
-
2254
- lightblue: `#A8EDF8`,
2255
- lightbluegradient: `${GRADIENT}(#A8EDF8, #5EC9E1)`,
2256
- skyblue: '#00ADE7',
2257
- tertiaryskyblue: '#F2FCFF'
2258
- };
2259
-
2260
- const generateTheme = (theme = 'blue', fontFamily = 'Arial', isMobile) => {
2261
- let themeColor = theme.split('-');
2262
- let color, gradient, darkMode;
2263
- if (themeColor.length === 1) {
2264
- color = themeColor[0];
2265
- } else if (themeColor.length === 2) {
2266
- color = themeColor[0];
2267
- gradient = themeColor[1];
2268
- } else {
2269
- color = themeColor[0];
2270
- gradient = themeColor[1];
2271
- darkMode = themeColor[2];
2272
- }
2273
- console.log('color', allColors, gradient, darkMode);
2274
-
2275
- // switch (color) {
2276
- // case solidColors:
2277
- // break;
2278
-
2279
- // case gradientColors:
2280
- // break;
2281
-
2282
- // default:
2283
- // break;
2284
- // }
2285
-
2286
- // type 1
2287
- // const solidColors = {
2288
- // font1: solidBaseColors?.black,
2289
- // font2: solidBaseColors?.black,
2290
- // font3: solidBaseColors?.black,
2291
- // font4: solidBaseColors?.black,
2292
- // AccentColor: solidBaseColors[theme],
2293
- // background1: solidBaseColors?.white,
2294
- // background2: solidBaseColors['tertiary' + theme],
2295
- // background3: solidBaseColors['tertiary' + theme],
2296
- // ctaColor: solidBaseColors[theme],
2297
- // CtaTextColor: solidBaseColors?.white,
2298
- // icon: solidBaseColors[theme],
2299
- // iconBg: solidBaseColors['tertiary' + theme],
2300
- // stripBg: solidBaseColors[theme],
2301
- // stripText: solidBaseColors?.white,
2302
- // inputBorderColor: solidBaseColors?.blue2,
2303
- // tertiaryBlue2: solidBaseColors?.tertiaryblue2
2304
- // };
2305
-
2306
- //type 2
2307
- // const gradientColors = {
2308
- // font1: gradientBaseColors?.white,
2309
- // font2: gradientBaseColors?.black,
2310
- // font3: gradientBaseColors?.black,
2311
- // font4: gradientBaseColors?.white,
2312
- // AccentColor: gradientBaseColors[theme],
2313
- // background1: gradientBaseColors[theme + 'gradient'],
2314
- // background2: gradientBaseColors['tertiary' + theme],
2315
- // background3: gradientBaseColors[theme + 'gradient'],
2316
- // ctaColor: gradientBaseColors[theme + 'gradient'],
2317
- // CtaTextColor: gradientBaseColors?.white,
2318
- // icon: gradientBaseColors[theme],
2319
- // iconBg: gradientBaseColors['tertiary' + theme],
2320
- // stripBg: gradientBaseColors?.black,
2321
- // stripText: gradientBaseColors?.white
2322
- // };
2323
-
2324
- const colors = {
2325
- font1: gradient ? allColors?.white : allColors?.black,
2326
- font2: darkMode ? allColors[color] : allColors?.black,
2327
- font3: darkMode ? allColors?.white : allColors?.black,
2328
- font4: darkMode ? allColors[color] : gradient ? allColors?.white : allColors?.black,
2329
- AccentColor: allColors[color],
2330
- background1: darkMode ? allColors?.lightblack : gradient ? allColors[color + 'gradient'] : allColors?.white,
2331
- background2: darkMode ? allColors?.lightblack : allColors['tertiary' + color],
2332
- background3: darkMode ? allColors?.lightblack : gradient ? allColors[color + 'gradient'] : allColors['tertiary' + color],
2333
- ctaColor: darkMode ? allColors[color + 'gradient'] : gradient ? allColors[color + 'gradient'] : allColors[color],
2334
- CtaTextColor: darkMode ? allColors?.lightblack : allColors?.white,
2335
- icon: allColors[color],
2336
- iconBg: darkMode ? allColors?.lightblack : allColors['tertiary' + color],
2337
- stripBg: darkMode ? allColors[color + 'gradient'] : allColors?.black,
2338
- stripText: darkMode ? allColors?.lightblack : allColors?.white,
2339
- inputBorderColor: allColors?.blue2,
2340
- tertiaryBlue2: allColors?.tertiaryblue2,
2341
- white: allColors?.white,
2342
- black: allColors?.black,
2343
- lightblack: allColors?.lightblack,
2344
- gray: allColors?.gray
2345
- };
2346
- const typography = {
2347
- fontFamily: `"${fontFamily}", "Roboto", "Helvetica", "Arial", "sans-serif"`,
2348
- fontSize: isMobile ? fontSizeMob : fontSize,
2349
- fontWeight
2350
- };
2351
- // const shape = { borderRadius };
2352
- const spacing = {
2353
- padding: isMobile ? mobilePadding : padding,
2354
- margin: isMobile ? mobileMargin : margin
2355
- };
2356
- return {
2357
- ...getTheme(theme),
2358
- typography,
2359
- spacing,
2360
- colors
2361
- };
2362
- };
2363
-
2364
2176
  function PageRenderer$1({
2365
2177
  pageData: {
2366
2178
  metadata: {
@@ -2417,7 +2229,7 @@ function PageRenderer$1({
2417
2229
  countryCode,
2418
2230
  currencySymbol
2419
2231
  }), [isMobile, isLandingPages, layout, baseURLs, hashToken, isPreview, isEdit, templateId, navList, isMasterTemplate, basePath, validations, isTutorWebsite, extraProps, hideLogin, _id, countryCode, currencySymbol]);
2420
- const theme = useMemo(() => generateTheme(color, font, context.isMobile), [color, font, context.isMobile]);
2232
+ const theme = useMemo(() => getTheme(color, font, context.isMobile), [color, font, context.isMobile]);
2421
2233
  const Wrapper = SectionWrapper || Fragment;
2422
2234
  return /*#__PURE__*/React.createElement(ThemeProvider, {
2423
2235
  theme: theme
@@ -2455,7 +2267,7 @@ const useSectionStyles$8 = createUseStyles(theme => ({
2455
2267
  padding: ({
2456
2268
  isMobile
2457
2269
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
2458
- background: theme?.colors?.background2,
2270
+ backgroundColor: theme?.palette?.background?.primary,
2459
2271
  '&, & *, & *:before, & *:after': {
2460
2272
  fontFamily: theme?.typography?.fontFamily,
2461
2273
  boxSizing: 'border-box'
@@ -2513,14 +2325,14 @@ const useSectionStyles$8 = createUseStyles(theme => ({
2513
2325
  marginBottom: '8px',
2514
2326
  fontSize: theme.typography.fontSize.subHead,
2515
2327
  letterSpacing: '3px',
2516
- color: theme?.colors?.font3,
2328
+ color: theme?.palette?.font?.default,
2517
2329
  wordBreak: 'break-word',
2518
2330
  maxWidth: '100%'
2519
2331
  },
2520
2332
  heading: {
2521
2333
  margin: '0',
2522
2334
  fontSize: theme.typography.fontSize.h1,
2523
- color: theme?.colors?.font3,
2335
+ color: theme?.palette?.font?.default,
2524
2336
  wordBreak: ({
2525
2337
  wordBreakValue
2526
2338
  }) => wordBreakValue || 'break-word',
@@ -2529,7 +2341,7 @@ const useSectionStyles$8 = createUseStyles(theme => ({
2529
2341
  },
2530
2342
  description: {
2531
2343
  margin: `${theme.spacing.margin.tiny}px 0px`,
2532
- color: theme?.colors?.font3,
2344
+ color: theme?.palette?.font?.primary,
2533
2345
  lineHeight: '24px',
2534
2346
  wordBreak: 'break-word'
2535
2347
  },
@@ -2646,7 +2458,7 @@ const useCarouselStyles = createUseStyles(theme => ({
2646
2458
  width: '26px',
2647
2459
  background: ({
2648
2460
  inverted
2649
- } = {}) => !!inverted ? theme?.palette?.font?.invertedDefault : theme.colors.AccentColor
2461
+ } = {}) => !!inverted ? theme?.palette?.font?.invertedDefault : theme.palette.primary.main
2650
2462
  },
2651
2463
  '@media screen and (max-width: 767px)': {
2652
2464
  sliderClass: {
@@ -2682,7 +2494,7 @@ const useArrowButtonStyles = createUseStyles(theme => ({
2682
2494
  height: sizeHandler,
2683
2495
  border: ({
2684
2496
  inverted
2685
- }) => `solid 1px ${inverted ? theme?.palette?.font?.invertedDefault : theme?.colors?.AccentColor}`,
2497
+ }) => `solid 1px ${inverted ? theme?.palette?.font?.invertedDefault : theme?.palette?.primary?.light}`,
2686
2498
  borderRadius: '50%',
2687
2499
  display: 'flex',
2688
2500
  justifyContent: 'center',
@@ -2704,7 +2516,7 @@ function ArrowButton(props) {
2704
2516
  }, /*#__PURE__*/React.createElement(Icon, {
2705
2517
  height: props.size === 'small' ? '12px' : '18px',
2706
2518
  name: "Angle",
2707
- color: props.inverted ? theme?.palette?.font?.invertedDefault : theme?.colors?.AccentColor,
2519
+ color: props.inverted ? theme?.palette?.font?.invertedDefault : theme?.palette?.primary?.main,
2708
2520
  inverted: true
2709
2521
  }));
2710
2522
  }
@@ -2914,6 +2726,7 @@ const useSectionStyles$7 = createUseStyles(theme => ({
2914
2726
  justifyContent: 'center',
2915
2727
  flexDirection: 'column',
2916
2728
  alignItems: 'center',
2729
+ backgroundColor: theme?.palette?.background?.default,
2917
2730
  '&, & *, & *:before, & *:after': {
2918
2731
  fontFamily: theme?.typography?.fontFamily,
2919
2732
  boxSizing: 'border-box'
@@ -2931,7 +2744,7 @@ const useSectionStyles$7 = createUseStyles(theme => ({
2931
2744
  subTitleHeading: {
2932
2745
  marginBottom: '8px',
2933
2746
  fontSize: theme.typography.fontSize.subHead,
2934
- color: theme?.colors?.black,
2747
+ color: theme?.palette?.font?.default,
2935
2748
  alignItems: 'center',
2936
2749
  textAlign: 'center',
2937
2750
  wordBreak: 'break-word',
@@ -2941,7 +2754,7 @@ const useSectionStyles$7 = createUseStyles(theme => ({
2941
2754
  heading: {
2942
2755
  marginBottom: theme.spacing.margin.tiny,
2943
2756
  fontSize: theme.typography.fontSize.h2,
2944
- color: theme?.colors?.black,
2757
+ color: theme?.palette?.font?.default,
2945
2758
  fontWeight: theme.typography.fontWeight.bold,
2946
2759
  textAlign: 'center',
2947
2760
  wordBreak: 'break-word'
@@ -2958,7 +2771,7 @@ const useSectionStyles$7 = createUseStyles(theme => ({
2958
2771
  display: 'flex',
2959
2772
  width: 'calc(100% - 200px)',
2960
2773
  alignItems: 'center',
2961
- background: theme?.colors?.white,
2774
+ background: theme?.palette?.background?.default,
2962
2775
  boxShadow: theme?.shadows?.primary,
2963
2776
  borderRadius: theme?.shape?.borderRadius?.regular,
2964
2777
  overflow: 'hidden',
@@ -2982,13 +2795,33 @@ const useSectionStyles$7 = createUseStyles(theme => ({
2982
2795
  '& $contentText': {
2983
2796
  marginLeft: '170px'
2984
2797
  }
2798
+ },
2799
+ '&:nth-child(7n+1) $contentNumber': {
2800
+ background: palettes.purple.primary.lightest
2801
+ },
2802
+ '&:nth-child(7n+2) $contentNumber': {
2803
+ background: palettes.orange.primary.lightest
2804
+ },
2805
+ '&:nth-child(7n+3) $contentNumber': {
2806
+ background: palettes.red.primary.lightest
2807
+ },
2808
+ '&:nth-child(7n+4) $contentNumber': {
2809
+ background: palettes.green.primary.lightest
2810
+ },
2811
+ '&:nth-child(7n+5) $contentNumber': {
2812
+ background: palettes.pink.primary.lightest
2813
+ },
2814
+ '&:nth-child(7n+6) $contentNumber': {
2815
+ background: palettes.blue.primary.lightest
2816
+ },
2817
+ '&:nth-child(7n) $contentNumber': {
2818
+ background: palettes.rust.primary.lightest
2985
2819
  }
2986
2820
  },
2987
2821
  contentNumber: {
2988
2822
  position: 'absolute',
2989
2823
  top: '0',
2990
2824
  fontWeight: '700',
2991
- background: theme?.colors?.background3,
2992
2825
  fontSize: '72px',
2993
2826
  letterSpacing: '-3px',
2994
2827
  display: 'flex',
@@ -2996,7 +2829,7 @@ const useSectionStyles$7 = createUseStyles(theme => ({
2996
2829
  justifyContent: 'center',
2997
2830
  padding: '48px',
2998
2831
  height: '100%',
2999
- color: theme?.colors?.font4,
2832
+ color: theme?.palette?.font?.default,
3000
2833
  wordBreak: 'break-word'
3001
2834
  },
3002
2835
  contentText: {
@@ -3008,14 +2841,14 @@ const useSectionStyles$7 = createUseStyles(theme => ({
3008
2841
  fontWeight: theme.typography.fontWeight.bold,
3009
2842
  lineHeight: '32px',
3010
2843
  marginBottom: '8px',
3011
- color: theme?.colors?.lightblack,
2844
+ color: theme?.palette?.font?.default,
3012
2845
  wordBreak: 'break-word'
3013
2846
  },
3014
2847
  contentPara: {
3015
2848
  fontStyle: 'normal',
3016
2849
  fontSize: '16px',
3017
2850
  lineHeight: '26px',
3018
- color: theme?.colors?.gray,
2851
+ color: theme?.palette?.font?.primary,
3019
2852
  wordBreak: 'break-word'
3020
2853
  },
3021
2854
  '@media screen and (max-width: 767px)': {
@@ -3428,7 +3261,6 @@ const useSectionStyles$5 = createUseStyles(theme => {
3428
3261
  return {
3429
3262
  section: {
3430
3263
  padding: `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
3431
- background: theme?.colors?.background2,
3432
3264
  '&, & *, & *:before, & *:after': {
3433
3265
  fontFamily: theme?.typography?.fontFamily,
3434
3266
  boxSizing: 'border-box'
@@ -3472,7 +3304,7 @@ const useSectionStyles$5 = createUseStyles(theme => {
3472
3304
  }
3473
3305
  },
3474
3306
  imageBorder: {
3475
- // border: `2px solid ${theme?.palette?.primary?.light}`,
3307
+ border: `2px solid ${theme?.palette?.primary?.light}`,
3476
3308
  borderRadius: theme?.shape?.borderRadius?.small,
3477
3309
  position: 'absolute',
3478
3310
  width: '100%',
@@ -3497,13 +3329,13 @@ const useSectionStyles$5 = createUseStyles(theme => {
3497
3329
  marginBottom: '8px',
3498
3330
  fontSize: theme?.typography?.fontSize?.subHead,
3499
3331
  letterSpacing: '3px',
3500
- color: theme?.colors?.font3,
3332
+ color: theme?.palette?.font?.default,
3501
3333
  wordBreak: 'break-word'
3502
3334
  },
3503
3335
  heading: {
3504
3336
  margin: '0',
3505
3337
  fontSize: theme?.typography?.fontSize?.h1,
3506
- color: theme?.colors?.font3,
3338
+ color: theme?.palette?.font?.default,
3507
3339
  wordBreak: ({
3508
3340
  wordBreakValue
3509
3341
  }) => wordBreakValue || 'break-word',
@@ -3513,7 +3345,7 @@ const useSectionStyles$5 = createUseStyles(theme => {
3513
3345
  description: {
3514
3346
  marginTop: theme.spacing.margin.tiny,
3515
3347
  marginBottom: theme.spacing.margin.tiny,
3516
- color: theme?.colors?.font3,
3348
+ color: theme?.palette?.font?.primary,
3517
3349
  lineHeight: '24px',
3518
3350
  wordBreak: 'break-word'
3519
3351
  },
@@ -3679,16 +3511,16 @@ const useSectionStyles$4 = createUseStyles(theme => ({
3679
3511
  containerWidth
3680
3512
  } = {}) => containerWidth
3681
3513
  },
3682
- // partialBackground: {
3683
- // top: '0',
3684
- // left: '0',
3685
- // width: '100%',
3686
- // height: '50%',
3687
- // position: 'absolute',
3688
- // background: theme?.palette?.background?.primary
3689
- // },
3514
+ partialBackground: {
3515
+ top: '0',
3516
+ left: '0',
3517
+ width: '100%',
3518
+ height: '50%',
3519
+ position: 'absolute',
3520
+ background: theme?.palette?.background?.primary
3521
+ },
3690
3522
  sectionContainer: {
3691
- backgroundColor: theme?.colors?.background2,
3523
+ backgroundColor: theme?.palette?.background?.default,
3692
3524
  boxShadow: theme?.shadows?.secondary,
3693
3525
  borderRadius: theme?.shape?.borderRadius?.regular,
3694
3526
  padding: theme.spacing.padding.small,
@@ -3699,7 +3531,7 @@ const useSectionStyles$4 = createUseStyles(theme => ({
3699
3531
  fontWeight: theme.typography.fontWeight.bold,
3700
3532
  lineHeight: '71px',
3701
3533
  letterSpacing: '-3px',
3702
- color: theme?.colors?.font3,
3534
+ color: theme?.palette?.font?.default,
3703
3535
  marginBottom: theme.spacing.padding.tiny,
3704
3536
  wordBreak: 'break-word'
3705
3537
  },
@@ -3711,7 +3543,7 @@ const useSectionStyles$4 = createUseStyles(theme => ({
3711
3543
  title: {
3712
3544
  fontSize: theme.typography.fontSize.h6,
3713
3545
  lineHeight: '32px',
3714
- color: theme?.colors?.font3,
3546
+ color: theme?.palette?.font?.primary,
3715
3547
  wordBreak: 'break-word',
3716
3548
  flex: 1
3717
3549
  },
@@ -3839,8 +3671,8 @@ const inputStyles = createUseStyles(theme => ({
3839
3671
  inputField: {
3840
3672
  width: '100%',
3841
3673
  // maxWidth: '314px',
3842
- // background: theme?.palette?.background?.default,
3843
- border: `1px solid ${theme?.colors?.icon}`,
3674
+ background: theme?.palette?.background?.default,
3675
+ border: `1px solid ${theme?.palette?.border?.secondary}`,
3844
3676
  borderRadius: theme?.shape?.borderRadius?.regular,
3845
3677
  padding: '14px 12px',
3846
3678
  display: 'flex',
@@ -3854,7 +3686,7 @@ const inputStyles = createUseStyles(theme => ({
3854
3686
  fontWeight: '400',
3855
3687
  fontSize: '16px',
3856
3688
  lineHeight: '20px',
3857
- color: theme?.colors?.black,
3689
+ color: theme?.palette?.font?.primary,
3858
3690
  fontFamily: theme?.typography?.fontFamily
3859
3691
  },
3860
3692
  '&:focus': {
@@ -4054,6 +3886,7 @@ var index$h = /*#__PURE__*/Object.freeze({
4054
3886
 
4055
3887
  const useTestimonialStyles = createUseStyles(theme => ({
4056
3888
  testimonialContainer: {
3889
+ background: theme?.palette?.background?.primary,
4057
3890
  overflow: 'hidden',
4058
3891
  padding: `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
4059
3892
  '&, & *, & *:before, & *:after': {
@@ -4071,14 +3904,14 @@ const useTestimonialStyles = createUseStyles(theme => ({
4071
3904
  } = {}) => containerWidth
4072
3905
  },
4073
3906
  testimonialText: {
4074
- color: theme?.colors?.font2,
3907
+ color: theme?.palette?.font?.default,
4075
3908
  fontSize: theme.typography.fontSize.subHead,
4076
3909
  wordBreak: 'break-word',
4077
3910
  textTransform: 'uppercase'
4078
3911
  },
4079
3912
  testimonialHeader: {
4080
3913
  fontSize: theme.typography.fontSize.h2,
4081
- color: theme?.colors?.font2,
3914
+ color: theme?.palette?.font?.default,
4082
3915
  fontWeight: theme.typography.fontWeight.bold,
4083
3916
  marginBottom: theme.spacing.margin.tiny,
4084
3917
  marginTop: '8px',
@@ -4095,7 +3928,7 @@ const useTestimonialStyles = createUseStyles(theme => ({
4095
3928
  position: 'relative',
4096
3929
  height: 'calc(100% - 12px)',
4097
3930
  width: 'calc(100% - 24px)',
4098
- background: theme?.colors?.background1,
3931
+ background: theme?.palette?.background?.default,
4099
3932
  boxShadow: theme?.shadows?.primary,
4100
3933
  borderRadius: theme?.shape?.borderRadius?.regular
4101
3934
  },
@@ -4122,7 +3955,7 @@ const useTestimonialStyles = createUseStyles(theme => ({
4122
3955
  marginBottom: theme.spacing.margin.tiny,
4123
3956
  fontSize: theme.typography.fontSize.body,
4124
3957
  wordBreak: 'break-word',
4125
- color: theme?.colors?.font1,
3958
+ color: theme?.palette?.font?.primary,
4126
3959
  lineHeight: '26px'
4127
3960
  },
4128
3961
  userContainer: {
@@ -4151,7 +3984,7 @@ const useTestimonialStyles = createUseStyles(theme => ({
4151
3984
  marginRight: '16px'
4152
3985
  },
4153
3986
  userName: {
4154
- color: theme?.colors?.font1,
3987
+ color: theme?.palette?.font?.default,
4155
3988
  margin: '0',
4156
3989
  fontSize: theme.typography.fontSize.h5,
4157
3990
  // paddingTop: '16px',
@@ -4170,6 +4003,19 @@ const useTestimonialStyles = createUseStyles(theme => ({
4170
4003
  testimonialContainer: {
4171
4004
  padding: `${theme.spacing.padding.medium}px ${theme.spacing.padding.small}px`
4172
4005
  },
4006
+ // testimonialCardAndText: {
4007
+ // margin: '0 20px'
4008
+ // },
4009
+
4010
+ // testimonialHeader: {
4011
+ // fontSize: '24px',
4012
+ // color: theme?.palette?.font?.default,
4013
+ // margin: '4px 0 12px 0',
4014
+ // overflow: 'hidden',
4015
+ // // whiteSpace: 'nowrap',
4016
+ // wordBreak: 'break-word',
4017
+ // textOverflow: 'ellipsis'
4018
+ // },
4173
4019
  testimonialText: {
4174
4020
  textAlign: 'center'
4175
4021
  },
@@ -4222,7 +4068,7 @@ function QuotesComponent() {
4222
4068
  width: "28px",
4223
4069
  height: "21px",
4224
4070
  name: "Quote",
4225
- color: theme?.colors?.icon
4071
+ color: theme?.palette?.primary?.main
4226
4072
  }));
4227
4073
  }
4228
4074
 
@@ -4752,7 +4598,7 @@ const useVideoStyles = createUseStyles(theme => {
4752
4598
  padding: ({
4753
4599
  isMobile
4754
4600
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
4755
- backgroundColor: theme?.colors?.background2,
4601
+ backgroundColor: theme?.palette?.background?.primary,
4756
4602
  '&, & *, & *:before, & *:after': {
4757
4603
  fontFamily: theme?.typography?.fontFamily,
4758
4604
  boxSizing: 'border-box'
@@ -4775,7 +4621,7 @@ const useVideoStyles = createUseStyles(theme => {
4775
4621
  fontSize: theme.typography.fontSize.subHead,
4776
4622
  textTransform: 'uppercase',
4777
4623
  lineHeight: '20px',
4778
- color: theme?.colors?.font3,
4624
+ color: theme?.palette?.font?.default,
4779
4625
  letterSpacing: '3px',
4780
4626
  wordBreak: 'break-word'
4781
4627
  },
@@ -4786,14 +4632,14 @@ const useVideoStyles = createUseStyles(theme => {
4786
4632
  letterSpacing: '-3px',
4787
4633
  marginBottom: theme.spacing.margin.tiny,
4788
4634
  marginTop: '8px',
4789
- color: theme?.colors?.font3,
4635
+ color: theme?.palette?.font?.default,
4790
4636
  wordBreak: 'break-word'
4791
4637
  },
4792
4638
  sliderContainer: {
4793
4639
  marginRight: `-${theme.spacing.padding.medium}px`
4794
4640
  },
4795
4641
  singleSlideContainer: {
4796
- backgroundColor: 'white',
4642
+ backgroundColor: theme?.palette?.background?.default,
4797
4643
  // margin: '20px',
4798
4644
  width: 'calc(100% - 24px)',
4799
4645
  height: 'calc(100% - 40px)',
@@ -4830,14 +4676,14 @@ const useVideoStyles = createUseStyles(theme => {
4830
4676
  fontWeight: theme.typography.fontWeight.bold,
4831
4677
  lineHeight: '32px',
4832
4678
  marginBottom: '8px',
4833
- color: theme?.colors?.font2,
4679
+ color: theme?.palette?.font?.default,
4834
4680
  wordBreak: 'break-word'
4835
4681
  },
4836
4682
  videoDetailsSubHeading: {
4837
4683
  fontSize: theme.typography.fontSize.body,
4838
4684
  lineHeight: '24px',
4839
4685
  wordBreak: 'break-word',
4840
- color: theme?.colors?.font2
4686
+ color: theme?.palette?.font?.primary
4841
4687
  },
4842
4688
  '@media (max-width: 767px)': {
4843
4689
  videoHeading: {
@@ -4984,10 +4830,11 @@ var index$e = /*#__PURE__*/Object.freeze({
4984
4830
 
4985
4831
  const useSectionStyles$3 = createUseStyles(theme => ({
4986
4832
  section: {
4833
+ position: 'relative',
4987
4834
  padding: ({
4988
4835
  isMobile
4989
4836
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px 0px ${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
4990
- background: `linear-gradient(180deg, ${theme?.colors?.background2} 50%, #FFFFFF 50%)`,
4837
+ backgroundColor: theme?.palette?.background?.default,
4991
4838
  '&, & *, & *:before, & *:after': {
4992
4839
  fontFamily: theme?.typography?.fontFamily,
4993
4840
  boxSizing: 'border-box'
@@ -5006,13 +4853,21 @@ const useSectionStyles$3 = createUseStyles(theme => ({
5006
4853
  containerWidth
5007
4854
  } = {}) => containerWidth
5008
4855
  },
4856
+ partialBackground: {
4857
+ position: 'absolute',
4858
+ top: '0',
4859
+ left: '0',
4860
+ height: '50%',
4861
+ background: theme?.palette?.background?.primary,
4862
+ width: '100%'
4863
+ },
5009
4864
  content: {
5010
4865
  position: 'relative'
5011
4866
  },
5012
4867
  subTitleHeading: {
5013
4868
  width: '100%',
5014
4869
  fontSize: theme.typography.fontSize.subHead,
5015
- color: theme?.colors?.font2,
4870
+ color: theme?.palette?.font?.default,
5016
4871
  textTransform: 'uppercase',
5017
4872
  textAlign: 'left',
5018
4873
  lineHeight: '20px',
@@ -5024,7 +4879,7 @@ const useSectionStyles$3 = createUseStyles(theme => ({
5024
4879
  fontSize: theme.typography.fontSize.h2,
5025
4880
  width: '100%',
5026
4881
  lineHeight: '70px',
5027
- color: theme?.colors?.font2,
4882
+ color: theme?.palette?.font?.default,
5028
4883
  textAlign: 'left',
5029
4884
  wordBreak: 'break-word'
5030
4885
  },
@@ -5034,7 +4889,7 @@ const useSectionStyles$3 = createUseStyles(theme => ({
5034
4889
  // },
5035
4890
 
5036
4891
  card: {
5037
- background: theme?.colors?.white,
4892
+ background: theme?.palette?.background?.default,
5038
4893
  boxShadow: theme?.shadows?.primary,
5039
4894
  borderRadius: theme.shape.borderRadius.large,
5040
4895
  margin: ({
@@ -5055,7 +4910,7 @@ const useSectionStyles$3 = createUseStyles(theme => ({
5055
4910
  textAlign: 'center',
5056
4911
  fontSize: theme.typography.fontSize.h6,
5057
4912
  fontWeight: theme.typography.fontWeight.bold,
5058
- color: theme?.colors?.lightblack,
4913
+ color: theme?.palette?.font?.default,
5059
4914
  margin: `16px 0px`,
5060
4915
  wordBreak: 'break-word'
5061
4916
  },
@@ -5067,7 +4922,7 @@ const useSectionStyles$3 = createUseStyles(theme => ({
5067
4922
  alignItems: 'center',
5068
4923
  justifyContent: 'center',
5069
4924
  borderRadius: '50%',
5070
- background: theme?.colors?.background2
4925
+ background: theme?.palette?.background?.primary
5071
4926
  },
5072
4927
  buttonContainerClass: {
5073
4928
  marginRight: theme.spacing.margin.regular,
@@ -5081,7 +4936,7 @@ const useSectionStyles$3 = createUseStyles(theme => ({
5081
4936
  textAlign: 'center',
5082
4937
  fontSize: theme.typography.fontSize.body,
5083
4938
  lineHeight: '22px',
5084
- color: theme?.colors?.gray,
4939
+ color: theme?.palette?.font?.primary,
5085
4940
  margin: '0',
5086
4941
  wordBreak: 'break-word'
5087
4942
  },
@@ -5167,7 +5022,7 @@ function Info({
5167
5022
  className: classes.imageContainer
5168
5023
  }, /*#__PURE__*/React.createElement(Icon, {
5169
5024
  name: dt.icon.metadata.value,
5170
- color: theme?.colors?.icon,
5025
+ color: theme.palette.primary.main,
5171
5026
  width: isMobile ? '30px' : '40px',
5172
5027
  height: isMobile ? '30px' : '40px'
5173
5028
  })), /*#__PURE__*/React.createElement("h3", {
@@ -5224,7 +5079,7 @@ const useSectionStyles$2 = createUseStyles(theme => ({
5224
5079
  padding: ({
5225
5080
  isMobile
5226
5081
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
5227
- backgroundColor: theme?.colors?.background2,
5082
+ backgroundColor: theme?.palette?.background?.default,
5228
5083
  '&, & *, & *:before, & *:after': {
5229
5084
  fontFamily: theme?.typography?.fontFamily,
5230
5085
  boxSizing: 'border-box'
@@ -5241,7 +5096,7 @@ const useSectionStyles$2 = createUseStyles(theme => ({
5241
5096
  subHeading: {
5242
5097
  fontSize: theme.typography.fontSize.subHead,
5243
5098
  marginBottom: '8px',
5244
- color: theme?.colors?.font3,
5099
+ color: theme?.palette?.font?.default,
5245
5100
  wordBreak: 'break-word',
5246
5101
  textTransform: 'uppercase',
5247
5102
  letterSpacing: '3px'
@@ -5251,7 +5106,7 @@ const useSectionStyles$2 = createUseStyles(theme => ({
5251
5106
  fontWeight: theme.typography.fontWeight.bold,
5252
5107
  lineHeight: 'normal',
5253
5108
  margin: '0',
5254
- color: theme?.colors?.font3,
5109
+ color: theme?.palette?.font?.default,
5255
5110
  wordBreak: 'break-word',
5256
5111
  marginBottom: theme.spacing.margin.tiny
5257
5112
  },
@@ -5262,7 +5117,7 @@ const useSectionStyles$2 = createUseStyles(theme => ({
5262
5117
  padding: '32px 0px'
5263
5118
  },
5264
5119
  textPara: {
5265
- color: theme?.colors?.font3,
5120
+ color: theme?.palette?.font?.primary,
5266
5121
  wordBreak: 'break-word',
5267
5122
  fontSize: theme.typography.fontSize.body,
5268
5123
  lineHeight: '24px'
@@ -5569,7 +5424,7 @@ const useFaqListStyles = createUseStyles(theme => ({
5569
5424
  padding: ({
5570
5425
  isMobile
5571
5426
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
5572
- backgroundColor: theme?.colors?.background2,
5427
+ backgroundColor: theme?.palette?.background?.primary,
5573
5428
  '&, & *, & *:before, & *:after': {
5574
5429
  fontFamily: theme?.typography?.fontFamily,
5575
5430
  boxSizing: 'border-box'
@@ -5584,7 +5439,7 @@ const useFaqListStyles = createUseStyles(theme => ({
5584
5439
  } = {}) => containerWidth
5585
5440
  },
5586
5441
  sectionSubheading: {
5587
- color: theme?.colors?.font3,
5442
+ color: theme?.palette?.font.default,
5588
5443
  fontSize: theme.typography.fontSize.subHead,
5589
5444
  marginBottom: '8px',
5590
5445
  wordBreak: 'break-word'
@@ -5593,16 +5448,15 @@ const useFaqListStyles = createUseStyles(theme => ({
5593
5448
  fontSize: theme.typography.fontSize.h2,
5594
5449
  fontWeight: theme.typography.fontWeight.bold,
5595
5450
  wordBreak: 'break-word',
5596
- marginBottom: `${theme.spacing.margin.tiny}px`,
5597
- color: theme?.colors?.font3
5451
+ marginBottom: `${theme.spacing.margin.tiny}px`
5598
5452
  },
5599
5453
  container: {
5600
5454
  boxShadow: theme?.shadows?.secondary,
5601
5455
  borderRadius: '8px',
5602
- backgroundColor: theme?.colors?.white
5456
+ backgroundColor: theme?.palette?.background?.default
5603
5457
  },
5604
5458
  basicCardContainer: {
5605
- borderBottom: `1px solid ${theme?.colors?.background2}`,
5459
+ borderBottom: theme?.borders?.secondary,
5606
5460
  padding: `${theme.spacing.padding.tiny}px`
5607
5461
  },
5608
5462
  innerContainer: {
@@ -5621,14 +5475,14 @@ const useFaqListStyles = createUseStyles(theme => ({
5621
5475
  alignItems: 'center'
5622
5476
  },
5623
5477
  title: {
5624
- color: theme?.colors?.lightblack,
5478
+ color: theme?.palette?.font.default,
5625
5479
  fontSize: theme.typography.fontSize.h5,
5626
5480
  fontWeight: theme.typography.fontWeight.bold,
5627
5481
  margin: '0',
5628
5482
  wordBreak: 'break-word'
5629
5483
  },
5630
5484
  content: {
5631
- color: theme?.colors?.lightblack,
5485
+ color: theme?.palette?.font.primary,
5632
5486
  fontSize: theme.typography.fontSize.body,
5633
5487
  lineHeight: '24px',
5634
5488
  maxHeight: ({
@@ -5748,10 +5602,11 @@ var index$a = /*#__PURE__*/Object.freeze({
5748
5602
 
5749
5603
  const useTextGridStyles = createUseStyles(theme => ({
5750
5604
  section: {
5751
- background: theme.colors.background1,
5752
5605
  padding: ({
5753
5606
  isMobile
5754
5607
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
5608
+ // backgroundColor: theme?.palette?.background?.primary,
5609
+
5755
5610
  '&, & *, & *:before, & *:after': {
5756
5611
  fontFamily: theme?.typography?.fontFamily,
5757
5612
  boxSizing: 'border-box'
@@ -5759,7 +5614,14 @@ const useTextGridStyles = createUseStyles(theme => ({
5759
5614
  '& h2,& h3,& p': {
5760
5615
  marginTop: '0'
5761
5616
  }
5617
+ // '& h2,& h3': {
5618
+ // fontWeight: '500',
5619
+ // '& b,& strong': {
5620
+ // fontWeight: '700'
5621
+ // }
5622
+ // }
5762
5623
  },
5624
+
5763
5625
  sectionContainer: {
5764
5626
  margin: '0 auto',
5765
5627
  maxWidth: ({
@@ -5767,7 +5629,7 @@ const useTextGridStyles = createUseStyles(theme => ({
5767
5629
  } = {}) => containerWidth
5768
5630
  },
5769
5631
  subheading: {
5770
- color: theme?.colors?.font1,
5632
+ color: theme?.palette?.font.default,
5771
5633
  fontSize: theme.typography.fontSize.subHead,
5772
5634
  lineHeight: '20px',
5773
5635
  letterSpacing: '3px',
@@ -5781,8 +5643,7 @@ const useTextGridStyles = createUseStyles(theme => ({
5781
5643
  fontWeight: theme.typography.fontWeight.bold,
5782
5644
  letterSpacing: '-3px',
5783
5645
  marginBottom: theme.spacing.margin.tiny,
5784
- wordBreak: 'break-word',
5785
- color: theme?.colors?.font1
5646
+ wordBreak: 'break-word'
5786
5647
  },
5787
5648
  sliderContainer: {
5788
5649
  margin: '0 -10px'
@@ -6052,7 +5913,7 @@ const useCourseStyles = createUseStyles(theme => {
6052
5913
  display: 'flex',
6053
5914
  justifyContent: 'flex-start',
6054
5915
  alignItems: 'center',
6055
- fontSize: theme.typography.fontSize.body,
5916
+ fontSize: theme.typography.fontSize.subHead,
6056
5917
  color: theme?.palette?.font?.primary,
6057
5918
  '& img': {
6058
5919
  marginRight: '5px'
@@ -6185,13 +6046,6 @@ async function getCourseList(baseURLs, hashToken) {
6185
6046
 
6186
6047
  var tagIcon = "data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16.843%208.64984L9.34297%201.14984C9.04297%200.849837%208.6263%200.666504%208.16797%200.666504H2.33464C1.41797%200.666504%200.667969%201.4165%200.667969%202.33317V8.1665C0.667969%208.62484%200.851302%209.0415%201.15964%209.34984L8.65964%2016.8498C8.95964%2017.1498%209.3763%2017.3332%209.83464%2017.3332C10.293%2017.3332%2010.7096%2017.1498%2011.0096%2016.8415L16.843%2011.0082C17.1513%2010.7082%2017.3346%2010.2915%2017.3346%209.83317C17.3346%209.37484%2017.143%208.94984%2016.843%208.64984ZM3.58464%204.83317C2.89297%204.83317%202.33464%204.27484%202.33464%203.58317C2.33464%202.8915%202.89297%202.33317%203.58464%202.33317C4.2763%202.33317%204.83464%202.8915%204.83464%203.58317C4.83464%204.27484%204.2763%204.83317%203.58464%204.83317Z%22%20fill%3D%22%23FE9B0E%22%2F%3E%3C%2Fsvg%3E";
6187
6048
 
6188
- function getShortenedSubstring(name, length, allowDots = true) {
6189
- if (name) {
6190
- return name.length < length ? name : `${name.substr(0, length)}${allowDots && '...'}`;
6191
- }
6192
- return '';
6193
- }
6194
-
6195
6049
  const formatCurrency = (countryCode, value, currencySymbol) => {
6196
6050
  let formattedValue = Number(value);
6197
6051
  const getFormattedValue = (countryCode, currencySymbol, value) => {
@@ -6459,10 +6313,11 @@ var index$8 = /*#__PURE__*/Object.freeze({
6459
6313
  const useTeamStyles = createUseStyles(theme => {
6460
6314
  return {
6461
6315
  teamSuperContainer: {
6462
- background: `linear-gradient(180deg, ${theme?.colors?.background2} 50%, #FFFFFF 50%)`,
6463
6316
  padding: ({
6464
6317
  isMobile
6465
6318
  } = {}) => isMobile ? `${theme.spacing.padding.medium}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px ${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
6319
+ // backgroundColor: theme?.palette?.background?.primary,
6320
+
6466
6321
  '&, & *, & *:before, & *:after': {
6467
6322
  fontFamily: theme?.typography?.fontFamily,
6468
6323
  boxSizing: 'border-box'
@@ -6483,17 +6338,25 @@ const useTeamStyles = createUseStyles(theme => {
6483
6338
  lineHeight: '20px',
6484
6339
  letterSpacing: '3px',
6485
6340
  marginBottom: '8px',
6486
- color: theme?.colors?.font2,
6341
+ color: theme?.palette?.font?.default,
6487
6342
  // wordBreak: 'break-word',
6488
6343
  position: 'relative'
6489
6344
  },
6345
+ partialBackground: {
6346
+ position: 'absolute',
6347
+ top: '0',
6348
+ left: '0',
6349
+ height: '50%',
6350
+ background: theme?.palette?.background?.primary,
6351
+ width: '100%'
6352
+ },
6490
6353
  teamTitle: {
6491
6354
  fontSize: theme.typography.fontSize.h2,
6492
6355
  fontWeight: theme.typography.fontWeight.bold,
6493
6356
  lineHeight: '70px',
6494
6357
  letterSpacing: '-3px',
6495
6358
  wordBreak: 'break-word',
6496
- color: theme?.colors?.font2,
6359
+ color: theme?.palette?.font?.default,
6497
6360
  position: 'relative'
6498
6361
  },
6499
6362
  sliderContainer: {
@@ -6585,10 +6448,12 @@ const useTeamStyles = createUseStyles(theme => {
6585
6448
  teamDetailsHeading: {
6586
6449
  fontSize: '16px',
6587
6450
  lineHeight: '24px',
6588
- margin: '0'
6451
+ margin: '0',
6452
+ color: theme?.palette?.font?.body
6589
6453
  },
6590
6454
  teamDetailsSubHeading: {
6591
- marginTop: '0px'
6455
+ marginTop: '0px',
6456
+ color: theme?.palette?.font?.primary
6592
6457
  }
6593
6458
  }
6594
6459
  };
@@ -6699,7 +6564,7 @@ const useSectionStyles$1 = createUseStyles(theme => ({
6699
6564
  justifyContent: 'center',
6700
6565
  flexDirection: 'column',
6701
6566
  alignItems: 'center',
6702
- background: `linear-gradient(180deg, ${theme?.colors?.background2} 50%, #FFFFFF 50%)`,
6567
+ backgroundColor: theme?.palette?.background?.default,
6703
6568
  padding: ({
6704
6569
  isMobile
6705
6570
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
@@ -6721,16 +6586,16 @@ const useSectionStyles$1 = createUseStyles(theme => ({
6721
6586
  containerWidth
6722
6587
  } = {}) => containerWidth
6723
6588
  },
6724
- // partialBackground: {
6725
- // top: '0',
6726
- // left: '0',
6727
- // width: '100%',
6728
- // height: '50%',
6729
- // position: 'absolute',
6730
- // background: theme?.colors?.white
6731
- // },
6589
+ partialBackground: {
6590
+ top: '0',
6591
+ left: '0',
6592
+ width: '100%',
6593
+ height: '50%',
6594
+ position: 'absolute',
6595
+ background: theme?.palette?.background?.primary
6596
+ },
6732
6597
  sectionContainer: {
6733
- backgroundColor: theme?.colors?.white,
6598
+ backgroundColor: theme?.palette?.background?.default,
6734
6599
  boxShadow: theme?.shadows?.secondary,
6735
6600
  borderRadius: theme?.shape?.borderRadius?.regular,
6736
6601
  padding: '48px',
@@ -6739,7 +6604,7 @@ const useSectionStyles$1 = createUseStyles(theme => ({
6739
6604
  title: {
6740
6605
  margin: '0',
6741
6606
  fontSize: theme.typography.fontSize.h2,
6742
- color: theme?.colors?.lightblack,
6607
+ color: theme?.palette?.font?.default,
6743
6608
  fontWeight: theme.typography.fontWeight.bold,
6744
6609
  lineHeight: '71px',
6745
6610
  letterSpacing: '-3px',
@@ -6762,7 +6627,7 @@ const useSectionStyles$1 = createUseStyles(theme => ({
6762
6627
  subtitle: {
6763
6628
  // margin: '0 0 40px 0',
6764
6629
  fontSize: theme.typography.fontSize.h5,
6765
- color: theme?.colors?.lightblack,
6630
+ color: theme?.palette?.font?.default,
6766
6631
  lineHeight: '32px',
6767
6632
  wordBreak: 'break-word',
6768
6633
  marginBottom: '32px'
@@ -6785,7 +6650,7 @@ const useSectionStyles$1 = createUseStyles(theme => ({
6785
6650
  },
6786
6651
  addressText: {
6787
6652
  fontSize: theme.typography.fontSize.h6,
6788
- color: theme?.colors?.lightblack,
6653
+ color: theme?.palette?.font?.default,
6789
6654
  lineHeight: '24px',
6790
6655
  fontSize: '16px'
6791
6656
  },
@@ -7122,7 +6987,7 @@ const useSectionStyles = createUseStyles(theme => ({
7122
6987
  padding: ({
7123
6988
  isMobile
7124
6989
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
7125
- background: `linear-gradient(180deg, ${theme?.colors?.background2} 50%, #FFFFFF 50%)`,
6990
+ backgroundColor: theme?.palette?.background?.default,
7126
6991
  '&, & *, & *:before, & *:after': {
7127
6992
  fontFamily: theme?.typography?.fontFamily,
7128
6993
  boxSizing: 'border-box'
@@ -7142,8 +7007,16 @@ const useSectionStyles = createUseStyles(theme => ({
7142
7007
  containerWidth
7143
7008
  } = {}) => containerWidth
7144
7009
  },
7010
+ partialBackground: {
7011
+ top: '0',
7012
+ left: '0',
7013
+ width: '100%',
7014
+ height: '50%',
7015
+ position: 'absolute',
7016
+ background: theme?.palette?.background?.primary
7017
+ },
7145
7018
  sectionContainer: {
7146
- backgroundColor: theme?.colors?.white,
7019
+ backgroundColor: theme?.palette?.background?.default,
7147
7020
  boxShadow: theme?.shadows?.secondary,
7148
7021
  borderRadius: theme?.shape?.borderRadius?.regular,
7149
7022
  padding: '48px',
@@ -7152,7 +7025,7 @@ const useSectionStyles = createUseStyles(theme => ({
7152
7025
  title: {
7153
7026
  margin: '0',
7154
7027
  fontSize: theme.typography.fontSize.h2,
7155
- color: theme?.colors?.lightblack?.default,
7028
+ color: theme?.palette?.font?.default,
7156
7029
  lineHeight: '71px',
7157
7030
  letterSpacing: '-3px',
7158
7031
  textAlign: 'left',
@@ -7177,7 +7050,7 @@ const useSectionStyles = createUseStyles(theme => ({
7177
7050
  subtitle: {
7178
7051
  // margin: '0 0 auto 0',
7179
7052
  fontSize: theme.typography.fontSize.h6,
7180
- color: theme?.colors?.lightblack,
7053
+ color: theme?.palette?.font?.default,
7181
7054
  // lineHeight: '32px',
7182
7055
  // margin: '16px 0',
7183
7056
  textAlign: 'center',
@@ -7208,8 +7081,8 @@ const useSectionStyles = createUseStyles(theme => ({
7208
7081
  inputField: {
7209
7082
  width: '100%',
7210
7083
  // maxWidth: '314px',
7211
- // background: theme?.palette?.background?.default,
7212
- border: `1px solid ${theme?.colors?.cta}`,
7084
+ background: theme?.palette?.background?.default,
7085
+ border: `1px solid ${theme?.palette?.border?.secondary}`,
7213
7086
  borderRadius: theme?.shape?.borderRadius?.regular,
7214
7087
  // padding: '14px 12px',
7215
7088
  display: 'flex',
@@ -7222,7 +7095,7 @@ const useSectionStyles = createUseStyles(theme => ({
7222
7095
  fontWeight: '400',
7223
7096
  fontSize: theme.typography.fontSize.subHead,
7224
7097
  lineHeight: '20px',
7225
- color: theme?.colors?.lightblack,
7098
+ color: theme?.palette?.font?.primary,
7226
7099
  fontFamily: theme?.typography?.fontFamily
7227
7100
  },
7228
7101
  '&:focus': {
@@ -7535,7 +7408,6 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7535
7408
  webinarSuperContainer: {
7536
7409
  display: 'flex',
7537
7410
  justifyContent: 'center',
7538
- background: theme.colors.background1,
7539
7411
  padding: ({
7540
7412
  isMobile
7541
7413
  } = {}) => isMobile ? `${theme.spacing.padding.medium}px ${theme.spacing.padding.regular}px` : `${theme.spacing.padding.regular}px ${theme.spacing.padding.medium}px`,
@@ -7558,6 +7430,30 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7558
7430
  maxWidth: '1440px',
7559
7431
  fontFamily: theme?.typography?.fontFamily
7560
7432
  },
7433
+ // videoTestimonialHeading: {
7434
+ // fontSize: theme.typography.fontSize.subHead,
7435
+ // lineHeight: '20px',
7436
+ // letterSpacing: '3px',
7437
+ // textTransform: 'uppercase',
7438
+ // color: theme.palette.font.tertiary,
7439
+ // wordBreak: 'break-word',
7440
+ // fontWeight: theme.typography.fontWeight.bold,
7441
+ // },
7442
+
7443
+ // videoTestimonialTitle: {
7444
+ // fontSize: theme.typography.fontSize.h2,
7445
+ // lineHeight: '71px',
7446
+ // fontWeight: theme.typography.fontWeight.bold,
7447
+ // letterSpacing: '-3px',
7448
+ // margin: '0',
7449
+ // color: theme.palette.font.default,
7450
+ // wordBreak: 'break-word'
7451
+ // },
7452
+
7453
+ // videoCarouselContainer: {
7454
+ // marginTop: '16px'
7455
+ // },
7456
+
7561
7457
  webinarCarousel: {
7562
7458
  display: 'flex',
7563
7459
  justifyContent: 'flex-start',
@@ -7586,7 +7482,7 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7586
7482
  },
7587
7483
  offerText: {
7588
7484
  textAlign: 'center',
7589
- color: theme?.colors?.font1,
7485
+ color: theme.palette.font.primary,
7590
7486
  marginBottom: '5%'
7591
7487
  },
7592
7488
  offerPrice: {
@@ -7633,7 +7529,7 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7633
7529
  margin: '0',
7634
7530
  letterSpacing: '-1px',
7635
7531
  wordBreak: wordBreakValue => wordBreakValue || 'break-word',
7636
- color: theme?.colors?.font1
7532
+ color: theme.palette.font.default
7637
7533
  },
7638
7534
  courseViewContainer: {
7639
7535
  width: '645px',
@@ -7648,7 +7544,7 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7648
7544
  bannerContainer: {
7649
7545
  width: '100%',
7650
7546
  background: '#EB5757',
7651
- color: theme?.colors?.font1,
7547
+ color: '#fff',
7652
7548
  textAlign: 'center',
7653
7549
  padding: '10px 10px 23px 40px',
7654
7550
  wordWrap: 'break-word',
@@ -7667,26 +7563,24 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7667
7563
  display: 'flex',
7668
7564
  alignItems: 'center',
7669
7565
  marginRight: '20px',
7670
- color: theme?.colors?.font1,
7671
7566
  '& div': {
7672
- fontSize: theme.typography.fontSize.body,
7567
+ fontSize: theme.typography.fontSize.subHead,
7673
7568
  marginLeft: '10px'
7674
7569
  }
7675
7570
  },
7676
7571
  courseDetailContent: {
7677
- fontSize: theme.typography.fontSize.body,
7678
- lineHeight: '21px',
7572
+ fontSize: theme.typography.fontSize.subHead,
7679
7573
  wordBreak: 'break-word',
7680
- color: theme?.colors?.font1,
7574
+ color: theme.palette.font.primary,
7681
7575
  whiteSpace: 'pre-wrap',
7682
7576
  width: '80%'
7683
7577
  },
7684
7578
  courseDetailViewFullDetails: {
7685
7579
  cursor: 'pointer',
7686
- fontSize: theme.typography.fontSize.body,
7580
+ fontSize: theme.typography.fontSize.subHead,
7687
7581
  lineHeight: '24px',
7688
- color: theme?.colors?.font1,
7689
7582
  marginTop: '-20px',
7583
+ color: '#00ADE7',
7690
7584
  wordBreak: 'break-word'
7691
7585
  },
7692
7586
  courseDetailTime: {
@@ -7893,13 +7787,13 @@ const SingleVideoSlide$1 = props => {
7893
7787
  className: classes.iconBackground
7894
7788
  }, /*#__PURE__*/React.createElement(Icon, {
7895
7789
  name: 'Calendar',
7896
- color: theme?.colors?.icon
7790
+ color: theme.palette.primary.main
7897
7791
  })), /*#__PURE__*/React.createElement("div", null, moment(data.startDate).locale(momentLocale).format('Do MMM YY') + ' ', moment(data.startTime).locale(momentLocale).format('h:mm A'), /*#__PURE__*/React.createElement("span", null, " - "), moment(data.endTime).locale(momentLocale).format('h:mm A'))), /*#__PURE__*/React.createElement("div", {
7898
7792
  className: classes.courseDetailTag
7899
7793
  }, /*#__PURE__*/React.createElement("span", {
7900
7794
  className: classes.iconBackground
7901
7795
  }, /*#__PURE__*/React.createElement(Icon, {
7902
- color: theme?.colors?.icon,
7796
+ color: theme.palette.primary.main,
7903
7797
  width: "20px",
7904
7798
  name: `${data.webinarLocation === 'Location' ? 'Location' : 'Video'}`
7905
7799
  })), /*#__PURE__*/React.createElement("div", null, data.webinarLocation === 'Location' ? data.webinarLink : data.webinarLocation))), /*#__PURE__*/React.createElement("p", {
@@ -8007,15 +7901,13 @@ var index$4 = /*#__PURE__*/Object.freeze({
8007
7901
  });
8008
7902
 
8009
7903
  const useCoursePromotionPage = createUseStyles(theme => {
8010
- console.log(theme, 'themere');
8011
7904
  return {
8012
7905
  courseSuperContainer: {
8013
7906
  display: 'flex',
8014
7907
  justifyContent: 'center',
8015
- background: theme?.colors?.background1,
8016
7908
  padding: ({
8017
7909
  isMobile
8018
- } = {}) => isMobile ? `${theme.spacing.padding.small}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.regular}px ${theme.spacing.padding.medium}px`,
7910
+ } = {}) => isMobile ? `${theme.spacing.padding.medium}px ${theme.spacing.padding.regular}px` : `${theme.spacing.padding.regular}px ${theme.spacing.padding.medium}px`,
8019
7911
  '&, & *, & *:before, & *:after': {
8020
7912
  fontFamily: theme?.typography?.fontFamily,
8021
7913
  boxSizing: 'border-box'
@@ -8125,7 +8017,7 @@ const useCoursePromotionPage = createUseStyles(theme => {
8125
8017
  display: 'flex',
8126
8018
  flexDirection: 'column',
8127
8019
  alignItems: 'flex-start',
8128
- gap: '0px'
8020
+ gap: '20px'
8129
8021
  },
8130
8022
  videoDetailsHeading: {
8131
8023
  fontSize: theme.typography.fontSize.h3,
@@ -8133,7 +8025,7 @@ const useCoursePromotionPage = createUseStyles(theme => {
8133
8025
  margin: '0',
8134
8026
  letterSpacing: '-1px',
8135
8027
  wordBreak: 'break-word',
8136
- color: theme?.colors?.font1
8028
+ color: theme.palette.font.default
8137
8029
  },
8138
8030
  courseViewContainer: {
8139
8031
  width: '445px',
@@ -8149,7 +8041,7 @@ const useCoursePromotionPage = createUseStyles(theme => {
8149
8041
  bannerContainer: {
8150
8042
  width: '100%',
8151
8043
  background: '#EB5757',
8152
- color: theme?.colors.font1,
8044
+ color: '#fff',
8153
8045
  textAlign: 'center',
8154
8046
  padding: '10px 10px 23px 40px',
8155
8047
  wordWrap: 'break-word',
@@ -8188,27 +8080,26 @@ const useCoursePromotionPage = createUseStyles(theme => {
8188
8080
  alignItems: 'center',
8189
8081
  marginRight: '20px',
8190
8082
  '& div': {
8191
- fontSize: theme.typography.fontSize.body,
8083
+ fontSize: theme.typography.fontSize.subHead,
8192
8084
  fontWeight: theme.typography.fontWeight.semiBold,
8193
8085
  marginLeft: '10px'
8194
8086
  }
8195
8087
  },
8196
8088
  courseDetailContent: {
8197
- marginTop: '20px',
8198
- fontSize: theme.typography.fontSize.body,
8199
- lineHeight: '21px',
8089
+ // marginTop: '16px',
8090
+ fontSize: theme.typography.fontSize.subHead,
8091
+ lineHeight: '24px',
8200
8092
  wordBreak: 'break-word',
8201
- color: theme?.colors?.font1,
8093
+ color: theme.palette.font.primary,
8202
8094
  whiteSpace: 'pre-wrap',
8203
8095
  margin: '10px 0 20px'
8204
8096
  },
8205
8097
  courseDetailViewFullDetails: {
8206
8098
  cursor: 'pointer',
8207
- fontSize: theme.typography.fontSize.body,
8208
- textDecoration: 'underline',
8209
- lineHeight: '21px',
8210
- marginTop: '20px',
8211
- color: theme.colors?.font1,
8099
+ fontSize: theme.typography.fontSize.subHead,
8100
+ lineHeight: '24px',
8101
+ marginTop: '-24px',
8102
+ color: '#00ADE7',
8212
8103
  wordBreak: 'break-word'
8213
8104
  },
8214
8105
  courseDetailTime: {
@@ -8279,8 +8170,7 @@ const useCoursePromotionPage = createUseStyles(theme => {
8279
8170
  // fontSize: '20px',
8280
8171
  fontWeight: '600',
8281
8172
  lineHeight: 'normal',
8282
- letterSpacing: '0px',
8283
- color: theme?.colors?.font1
8173
+ letterSpacing: '0px'
8284
8174
  },
8285
8175
  videoTestimonialTitle: {
8286
8176
  // fontSize: '24px',
@@ -8597,7 +8487,7 @@ const useFormPageStyles = createUseStyles(theme => ({
8597
8487
  padding: ({
8598
8488
  isMobile
8599
8489
  } = {}) => isMobile ? `${theme.spacing.padding.medium}px ${theme.spacing.padding.regular}px` : `${theme.spacing.padding.regular}px ${theme.spacing.padding.medium}px`,
8600
- background: theme?.colors?.background3,
8490
+ background: '#F4F9FF',
8601
8491
  '&, & *, & *:before, & *:after': {
8602
8492
  fontFamily: theme?.typography?.fontFamily,
8603
8493
  boxSizing: 'border-box'
@@ -8614,7 +8504,7 @@ const useFormPageStyles = createUseStyles(theme => ({
8614
8504
  marginTop: '8px',
8615
8505
  fontSize: theme.typography.fontSize.h6,
8616
8506
  lineHeight: '23px',
8617
- color: theme?.colors?.gray,
8507
+ color: 'rgba(51, 51, 51, 0.5)',
8618
8508
  marginBottom: theme.spacing.margin.tiny
8619
8509
  },
8620
8510
  formPageFormContainer: {
@@ -8633,8 +8523,8 @@ const useFormPageStyles = createUseStyles(theme => ({
8633
8523
  },
8634
8524
 
8635
8525
  inputFieldLabel: {
8636
- color: theme?.colors?.lightblack,
8637
- fontSize: theme.typography.fontSize.body,
8526
+ color: '#333',
8527
+ fontSize: theme.typography.fontSize.subHead,
8638
8528
  fontWeight: theme.typography.fontWeight.semiBold,
8639
8529
  display: 'block',
8640
8530
  marginTop: '20px',
@@ -8645,8 +8535,8 @@ const useFormPageStyles = createUseStyles(theme => ({
8645
8535
  borderRadius: '8px',
8646
8536
  border: '1px solid #D8E0F0',
8647
8537
  padding: '12px 16px',
8648
- color: theme?.colors?.lightblack,
8649
- fontSize: theme.typography.fontSize.body
8538
+ color: '#7D8592',
8539
+ fontSize: theme.typography.fontSize.subHead
8650
8540
  },
8651
8541
  checkboxField: {
8652
8542
  // padding: '20px',
@@ -8654,21 +8544,21 @@ const useFormPageStyles = createUseStyles(theme => ({
8654
8544
  // borderRadius: '8px'
8655
8545
  },
8656
8546
  checkBoxFieldLabel: {
8657
- color: theme?.colors?.lightblack,
8658
- fontSize: theme.typography.fontSize.body,
8547
+ color: '#333',
8548
+ fontSize: theme.typography.fontSize.subHead,
8659
8549
  fontWeight: theme.typography.fontWeight.semiBold,
8660
8550
  marginTop: '20px',
8661
8551
  marginBottom: '12px'
8662
8552
  },
8663
8553
  inputFieldRequired: {
8664
- color: theme?.colors?.lightblack
8554
+ color: '#F41828'
8665
8555
  },
8666
8556
  checkboxFieldControl: {
8667
8557
  padding: '8px 0',
8668
8558
  '& label': {
8669
- fontSize: theme.typography.fontSize.body,
8559
+ fontSize: theme.typography.fontSize.subHead,
8670
8560
  marginLeft: '10px',
8671
- color: theme?.colors?.lightblack
8561
+ color: '#7D8592'
8672
8562
  }
8673
8563
  },
8674
8564
  submitBtnContainer: {
@@ -8681,7 +8571,8 @@ const useFormPageStyles = createUseStyles(theme => ({
8681
8571
  '& button': {
8682
8572
  // height: '44px',
8683
8573
  padding: '16px 24px',
8684
- fontSize: theme.typography.fontSize.body,
8574
+ color: '#FFFFFF',
8575
+ fontSize: theme.typography.fontSize.subHead,
8685
8576
  cursor: 'pointer',
8686
8577
  borderRadius: '8px'
8687
8578
  }
@@ -9689,7 +9580,7 @@ function PageRenderer({
9689
9580
  countryCode,
9690
9581
  currencySymbol
9691
9582
  }), [isMobile, isLandingPages, layout, baseURLs, hashToken, isPreview, isEdit, templateId, navList, isMasterTemplate, basePath, validations, isTutorWebsite, extraProps, hideLogin, _id, countryCode, currencySymbol]);
9692
- const theme = useMemo(() => generateTheme(color, font, context.isMobile), [color, font, context.isMobile]);
9583
+ const theme = useMemo(() => getTheme(color, font, context.isMobile), [color, font, context.isMobile]);
9693
9584
  const Wrapper = SectionWrapper || Fragment;
9694
9585
  return /*#__PURE__*/React.createElement(ThemeProvider, {
9695
9586
  theme: theme