diy-template-components 1.1.0 → 1.1.2

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
@@ -377,11 +377,13 @@ const buttonStyles = createUseStyles(theme => ({
377
377
  textAlign: 'center',
378
378
  color: ({
379
379
  disabled
380
- } = {}) => disabled ? colorMixer(theme?.palette?.background?.default, 0.5).color : theme?.colors?.CtaTextColor,
380
+ } = {}) => disabled ? colorMixer(theme?.palette?.background?.default, 0.5).color : theme?.palette?.background?.default,
381
381
  background: ({
382
382
  disabled
383
- } = {}) => disabled ? colorMixer(theme?.palette?.primary.main, 0.5).color : theme?.colors?.ctaColor,
384
- border: 'none',
383
+ } = {}) => disabled ? colorMixer(theme?.palette?.primary.main, 0.5).color : theme?.palette?.primary?.main,
384
+ border: ({
385
+ disabled
386
+ } = {}) => disabled ? `1px solid ${colorMixer(theme.palette.primary.main, 0.5).color}` : `1px solid ${theme?.palette?.primary?.main}`,
385
387
  textDecoration: 'none',
386
388
  cursor: ({
387
389
  disabled
@@ -403,13 +405,13 @@ const buttonStyles = createUseStyles(theme => ({
403
405
  lineHeight: '18px',
404
406
  color: ({
405
407
  disabled
406
- } = {}) => disabled ? colorMixer(theme.palette.primary.main, 0.5).color : theme?.colors?.CtaTextColor,
408
+ } = {}) => disabled ? colorMixer(theme.palette.primary.main, 0.5).color : theme.palette.primary.main,
407
409
  background: ({
408
410
  disabled
409
- } = {}) => disabled ? colorMixer(theme?.palette?.parimar?.default, 0.5).color : theme?.colors?.ctaColor,
411
+ } = {}) => disabled ? colorMixer(theme?.palette?.background?.default, 0.5).color : theme?.palette?.background?.default,
410
412
  border: ({
411
413
  disabled
412
- } = {}) => disabled ? `1px solid ${colorMixer(theme.palette.primary.main, 0.5).color}` : `1px solid ${theme?.colors?.ctaColor}`,
414
+ } = {}) => disabled ? `1px solid ${colorMixer(theme.palette.primary.main, 0.5).color}` : `1px solid ${theme.palette.primary.main}`,
413
415
  cursor: ({
414
416
  disabled
415
417
  } = {}) => disabled ? 'not-allowed' : 'pointer',
@@ -1042,6 +1044,25 @@ var appStore = "data:image/svg+xml,%3Csvg%20width%3D%22116%22%20height%3D%2240%2
1042
1044
 
1043
1045
  var downloadApkImage = "data:image/png;base64,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";
1044
1046
 
1047
+ function getShortenedSubstring(name, length, allowDots = true) {
1048
+ if (name) {
1049
+ return name.length < length ? name : `${name.substr(0, length)}${allowDots && '...'}`;
1050
+ }
1051
+ return '';
1052
+ }
1053
+ function getAppDownloadLink(androidLink = '', iosLink = '') {
1054
+ if (typeof window !== 'undefined') {
1055
+ const userAgent = window.navigator?.userAgent;
1056
+ if (/Android/.test(userAgent) && androidLink) {
1057
+ return androidLink;
1058
+ }
1059
+ if (/iPad|iPhone|iPod/.test(userAgent) && iosLink) {
1060
+ return iosLink;
1061
+ }
1062
+ return androidLink || iosLink;
1063
+ }
1064
+ }
1065
+
1045
1066
  function OptionList({
1046
1067
  optionsData,
1047
1068
  headerData,
@@ -1068,6 +1089,7 @@ function OptionList({
1068
1089
  };
1069
1090
  const tabData = tabsDataModifier();
1070
1091
  const classes = useSectionStyles$a();
1092
+ console.log(headerData, 'sakshat header options');
1071
1093
  const isAndroidDelisted = headerData?.isAndroidDelisted;
1072
1094
  const apkURL = headerData?.apkURL;
1073
1095
  const downloadApkURL = isAndroidDelisted && apkURL ? apkURL : null;
@@ -1113,6 +1135,7 @@ function OptionList({
1113
1135
  alt: "appStore"
1114
1136
  })) : null);
1115
1137
  };
1138
+ const iosLink = isTutorWebsite ? headerData?.iosUrl : headerData?.iosDownloadLink;
1116
1139
  return /*#__PURE__*/React__default["default"].createElement("div", {
1117
1140
  className: classes.listSection
1118
1141
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -1136,9 +1159,9 @@ function OptionList({
1136
1159
  list: moreContent,
1137
1160
  label: 'More',
1138
1161
  icon: arrowDown
1139
- }) : null, isTutorWebsite && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, isAndroidDelisted && !headerData.navs ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, renderDownloadAppButton()) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, !headerData?.navs && renderAppDownloadLinks())), isMobile ? downloadApkURL?.length > 0 || headerData?.appLink?.length > 0 ? /*#__PURE__*/React__default["default"].createElement(Button, {
1162
+ }) : null, isTutorWebsite && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, isAndroidDelisted && !headerData.navs ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, renderDownloadAppButton()) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, !headerData?.navs && renderAppDownloadLinks())), isMobile ? downloadApkURL?.length > 0 || headerData?.androidDownloadLink?.length || headerData?.iosDownloadLink?.length > 0 ? /*#__PURE__*/React__default["default"].createElement(Button, {
1140
1163
  data: {
1141
- link: downloadApkURL ? downloadApkURL : headerData?.appLink,
1164
+ link: isAndroidDelisted ? getAppDownloadLink(downloadApkURL, iosLink) : getAppDownloadLink(headerData?.androidDownloadLink, iosLink),
1142
1165
  isLink: 1,
1143
1166
  value: downloadAppText,
1144
1167
  isExternal: 1
@@ -1291,6 +1314,7 @@ function DesktopHeader({
1291
1314
  }
1292
1315
  return moreContent;
1293
1316
  };
1317
+ console.log(header, 'sakshat header desktop');
1294
1318
  return /*#__PURE__*/React__default["default"].createElement("nav", {
1295
1319
  className: classes.section
1296
1320
  }, !(header?.websiteLogo === DEFAULT_HEADER_IMAGE_LP && isCustomWebsite) ? /*#__PURE__*/React__default["default"].createElement("div", {
@@ -1331,10 +1355,6 @@ function DesktopHeader({
1331
1355
  }));
1332
1356
  }
1333
1357
 
1334
- 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";
1335
-
1336
- 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";
1337
-
1338
1358
  function MobileHeader({
1339
1359
  header,
1340
1360
  navData,
@@ -1367,56 +1387,18 @@ function MobileHeader({
1367
1387
  body?.removeAttribute('style');
1368
1388
  }
1369
1389
  }, [sideMenu]);
1370
- let iosUrl = null;
1371
- let androidUrl = null;
1372
1390
  let downloadLink = null;
1373
1391
  const downloadAppText = countryCode === 'KR' ? '앱다운로드' : 'Download App';
1392
+ const apkURL = header?.apkURL;
1393
+ const isAndroidDelisted = header?.isAndroidDelisted;
1394
+ const iosDownloadLink = header?.iosDownloadLink;
1395
+ const androidDownloadLink = header?.androidDownloadLink;
1396
+ console.log(header, 'sakshat header mobile');
1374
1397
  if (isTutorWebsite) {
1375
- if (header?.iosUrl) {
1376
- iosUrl = /*#__PURE__*/React__default["default"].createElement(Button, {
1377
- data: {
1378
- link: header?.iosUrl,
1379
- isLink: 1,
1380
- value: /*#__PURE__*/React__default["default"].createElement("img", {
1381
- src: phoneIos,
1382
- alt: "iosUrl"
1383
- }),
1384
- isExternal: 1
1385
- },
1386
- type: '',
1387
- size: 'small',
1388
- target: 'blank',
1389
- rel: null,
1390
- style: {
1391
- padding: 0,
1392
- paddingRight: '8px'
1393
- }
1394
- });
1395
- }
1396
- if (header?.androidURL) {
1397
- androidUrl = /*#__PURE__*/React__default["default"].createElement(Button, {
1398
- data: {
1399
- link: header?.androidURL,
1400
- isLink: 1,
1401
- value: /*#__PURE__*/React__default["default"].createElement("img", {
1402
- src: phoneAndroid,
1403
- alt: "iosUrl"
1404
- }),
1405
- isExternal: 1
1406
- },
1407
- type: '',
1408
- size: 'small',
1409
- target: 'blank',
1410
- rel: null,
1411
- style: {
1412
- padding: 0
1413
- }
1414
- });
1415
- }
1416
- if (header?.isAndroidDelisted && header?.apkURL) {
1398
+ if (isAndroidDelisted && apkURL) {
1417
1399
  downloadLink = /*#__PURE__*/React__default["default"].createElement(Button, {
1418
1400
  data: {
1419
- link: header?.iosUrl ? header?.iosUrl : header?.apkURL,
1401
+ link: getAppDownloadLink(apkURL, iosDownloadLink),
1420
1402
  isLink: 1,
1421
1403
  value: downloadAppText,
1422
1404
  isExternal: 1
@@ -1426,27 +1408,12 @@ function MobileHeader({
1426
1408
  target: 'blank',
1427
1409
  rel: null
1428
1410
  });
1429
- } else if (iosUrl && androidUrl) {
1430
- downloadLink = /*#__PURE__*/React__default["default"].createElement("div", null, iosUrl, androidUrl);
1431
- } else if (header?.iosUrl) {
1411
+ } else if (androidDownloadLink?.length || iosDownloadLink?.length) {
1432
1412
  downloadLink = /*#__PURE__*/React__default["default"].createElement(Button, {
1433
1413
  data: {
1434
- link: header?.iosUrl,
1414
+ link: getAppDownloadLink(androidDownloadLink, iosDownloadLink),
1435
1415
  isLink: 1,
1436
- value: header?.downloadAppButtonText || downloadAppText,
1437
- isExternal: 1
1438
- },
1439
- type: 'primary',
1440
- size: 'small',
1441
- target: 'blank',
1442
- rel: null
1443
- });
1444
- } else if (header?.androidURL) {
1445
- downloadLink = /*#__PURE__*/React__default["default"].createElement(Button, {
1446
- data: {
1447
- link: header?.androidURL,
1448
- isLink: 1,
1449
- value: header?.downloadAppButtonText || downloadAppText,
1416
+ value: downloadAppText,
1450
1417
  isExternal: 1
1451
1418
  },
1452
1419
  type: 'primary',
@@ -1458,10 +1425,10 @@ function MobileHeader({
1458
1425
  downloadLink = null;
1459
1426
  }
1460
1427
  } else {
1461
- if (header?.isAndroidDelisted && header?.apkURL) {
1428
+ if (isAndroidDelisted && apkURL) {
1462
1429
  downloadLink = /*#__PURE__*/React__default["default"].createElement(Button, {
1463
1430
  data: {
1464
- link: header?.iosUrl ? header?.iosUrl : header?.apkURL,
1431
+ link: getAppDownloadLink(header?.apkURL, header?.iosUrl),
1465
1432
  isLink: 1,
1466
1433
  value: downloadAppText,
1467
1434
  isExternal: 1
@@ -1471,10 +1438,11 @@ function MobileHeader({
1471
1438
  target: 'blank',
1472
1439
  rel: null
1473
1440
  });
1474
- } else if (header?.appLink) {
1441
+ } else if (header?.appLink || header?.iosUrl) {
1442
+ console.log('inside custom website');
1475
1443
  downloadLink = /*#__PURE__*/React__default["default"].createElement(Button, {
1476
1444
  data: {
1477
- link: header?.appLink,
1445
+ link: getAppDownloadLink(header?.appLink, header?.iosUrl),
1478
1446
  isLink: 1,
1479
1447
  value: downloadAppText,
1480
1448
  isExternal: 1
@@ -2090,13 +2058,17 @@ function getTheme(colorTheme = 'blue', fontFamily = 'Arial', isMobile) {
2090
2058
  const shape = {
2091
2059
  borderRadius
2092
2060
  };
2061
+ const spacing = {
2062
+ padding: isMobile ? mobilePadding : padding,
2063
+ margin: isMobile ? mobileMargin : margin
2064
+ };
2093
2065
  return {
2094
2066
  palette,
2095
2067
  shape,
2096
2068
  typography,
2097
2069
  shadows: generateShadows(palette),
2098
- borders: generateBorders(palette)
2099
- // spacing
2070
+ borders: generateBorders(palette),
2071
+ spacing
2100
2072
  };
2101
2073
  }
2102
2074
 
@@ -2218,165 +2190,6 @@ const defaultMetadata = {
2218
2190
  layout: defaultLayout
2219
2191
  };
2220
2192
 
2221
- const GRADIENT = `linear-gradient`;
2222
- const allColors = {
2223
- white: '#FFFFFF',
2224
- black: '#000000',
2225
- lightblack: '#333333',
2226
- gray: '#999999',
2227
- // Blue gradient
2228
-
2229
- blue: '#1676F3',
2230
- bluegradient: `${GRADIENT}(#5418D1,#2C88FF)`,
2231
- tertiaryblue: '#F4F9FF',
2232
- // Orange gradient
2233
-
2234
- orange: '#FF9000',
2235
- orangegradient: `${GRADIENT}(#E96263 , #EAAE4C)`,
2236
- tertiaryorange: '#FFF6EA',
2237
- // Pink gradient
2238
-
2239
- pink: '#F72585',
2240
- pinkgradient: `${GRADIENT}(#F97794,#623AA2)`,
2241
- tertiarypink: '#FEE9F3',
2242
- // Violet gradient
2243
-
2244
- purple: '#6026A8',
2245
- purplegradient: `${GRADIENT}(#B66EC0 , #460FA1)`,
2246
- tertiarypurple: '#F5F2FA',
2247
- // Green gradient
2248
-
2249
- green: '#8ECE19',
2250
- greengradient: `${GRADIENT}(#0E5CAD, #79F1A4)`,
2251
- tertiarygreen: '#F4FAFA',
2252
- //Red solid
2253
-
2254
- red: '#F41828',
2255
- tertiaryred: '#FFF2F3',
2256
- //Maroon solid
2257
-
2258
- rust: '#9B2226',
2259
- tertiaryrust: '#FFF0F0',
2260
- //Golden gradient
2261
-
2262
- golden: `#F2BA35`,
2263
- goldengradient: `${GRADIENT}(#F0EA88, #CFA749)`,
2264
- //light green gradient
2265
-
2266
- lightgreen: `#D6E359`,
2267
- lightgreengradient: `${GRADIENT}(#D6E359, #9DB545)`,
2268
- //light blue gradient
2269
-
2270
- lightblue: `#A8EDF8`,
2271
- lightbluegradient: `${GRADIENT}(#A8EDF8, #5EC9E1)`,
2272
- skyblue: '#00ADE7',
2273
- tertiaryskyblue: '#F2FCFF'
2274
- };
2275
-
2276
- const generateTheme = (theme = 'blue', fontFamily = 'Arial', isMobile) => {
2277
- let themeColor = theme.split('-');
2278
- let color, gradient, darkMode;
2279
- if (themeColor.length === 1) {
2280
- color = themeColor[0];
2281
- } else if (themeColor.length === 2) {
2282
- color = themeColor[0];
2283
- gradient = themeColor[1];
2284
- } else {
2285
- color = themeColor[0];
2286
- gradient = themeColor[1];
2287
- darkMode = themeColor[2];
2288
- }
2289
- console.log('color', allColors, gradient, darkMode);
2290
-
2291
- // switch (color) {
2292
- // case solidColors:
2293
- // break;
2294
-
2295
- // case gradientColors:
2296
- // break;
2297
-
2298
- // default:
2299
- // break;
2300
- // }
2301
-
2302
- // type 1
2303
- // const solidColors = {
2304
- // font1: solidBaseColors?.black,
2305
- // font2: solidBaseColors?.black,
2306
- // font3: solidBaseColors?.black,
2307
- // font4: solidBaseColors?.black,
2308
- // AccentColor: solidBaseColors[theme],
2309
- // background1: solidBaseColors?.white,
2310
- // background2: solidBaseColors['tertiary' + theme],
2311
- // background3: solidBaseColors['tertiary' + theme],
2312
- // ctaColor: solidBaseColors[theme],
2313
- // CtaTextColor: solidBaseColors?.white,
2314
- // icon: solidBaseColors[theme],
2315
- // iconBg: solidBaseColors['tertiary' + theme],
2316
- // stripBg: solidBaseColors[theme],
2317
- // stripText: solidBaseColors?.white,
2318
- // inputBorderColor: solidBaseColors?.blue2,
2319
- // tertiaryBlue2: solidBaseColors?.tertiaryblue2
2320
- // };
2321
-
2322
- //type 2
2323
- // const gradientColors = {
2324
- // font1: gradientBaseColors?.white,
2325
- // font2: gradientBaseColors?.black,
2326
- // font3: gradientBaseColors?.black,
2327
- // font4: gradientBaseColors?.white,
2328
- // AccentColor: gradientBaseColors[theme],
2329
- // background1: gradientBaseColors[theme + 'gradient'],
2330
- // background2: gradientBaseColors['tertiary' + theme],
2331
- // background3: gradientBaseColors[theme + 'gradient'],
2332
- // ctaColor: gradientBaseColors[theme + 'gradient'],
2333
- // CtaTextColor: gradientBaseColors?.white,
2334
- // icon: gradientBaseColors[theme],
2335
- // iconBg: gradientBaseColors['tertiary' + theme],
2336
- // stripBg: gradientBaseColors?.black,
2337
- // stripText: gradientBaseColors?.white
2338
- // };
2339
-
2340
- const colors = {
2341
- font1: gradient ? allColors?.white : allColors?.black,
2342
- font2: darkMode ? allColors[color] : allColors?.black,
2343
- font3: darkMode ? allColors?.white : allColors?.black,
2344
- font4: darkMode ? allColors[color] : gradient ? allColors?.white : allColors?.black,
2345
- AccentColor: allColors[color],
2346
- background1: darkMode ? allColors?.lightblack : gradient ? allColors[color + 'gradient'] : allColors?.white,
2347
- background2: darkMode ? allColors?.lightblack : allColors['tertiary' + color],
2348
- background3: darkMode ? allColors?.lightblack : gradient ? allColors[color + 'gradient'] : allColors['tertiary' + color],
2349
- ctaColor: darkMode ? allColors[color + 'gradient'] : gradient ? allColors[color + 'gradient'] : allColors[color],
2350
- CtaTextColor: darkMode ? allColors?.lightblack : allColors?.white,
2351
- icon: allColors[color],
2352
- iconBg: darkMode ? allColors?.lightblack : allColors['tertiary' + color],
2353
- stripBg: darkMode ? allColors[color + 'gradient'] : allColors?.black,
2354
- stripText: darkMode ? allColors?.lightblack : allColors?.white,
2355
- inputBorderColor: allColors?.blue2,
2356
- tertiaryBlue2: allColors?.tertiaryblue2,
2357
- white: allColors?.white,
2358
- black: allColors?.black,
2359
- lightblack: allColors?.lightblack,
2360
- gray: allColors?.gray
2361
- };
2362
- const typography = {
2363
- fontFamily: `"${fontFamily}", "Roboto", "Helvetica", "Arial", "sans-serif"`,
2364
- fontSize: isMobile ? fontSizeMob : fontSize,
2365
- fontWeight
2366
- };
2367
- // const shape = { borderRadius };
2368
- const spacing = {
2369
- padding: isMobile ? mobilePadding : padding,
2370
- margin: isMobile ? mobileMargin : margin
2371
- };
2372
- return {
2373
- ...getTheme(theme),
2374
- typography,
2375
- spacing,
2376
- colors
2377
- };
2378
- };
2379
-
2380
2193
  function PageRenderer$1({
2381
2194
  pageData: {
2382
2195
  metadata: {
@@ -2433,7 +2246,7 @@ function PageRenderer$1({
2433
2246
  countryCode,
2434
2247
  currencySymbol
2435
2248
  }), [isMobile, isLandingPages, layout, baseURLs, hashToken, isPreview, isEdit, templateId, navList, isMasterTemplate, basePath, validations, isTutorWebsite, extraProps, hideLogin, _id, countryCode, currencySymbol]);
2436
- const theme = React.useMemo(() => generateTheme(color, font, context.isMobile), [color, font, context.isMobile]);
2249
+ const theme = React.useMemo(() => getTheme(color, font, context.isMobile), [color, font, context.isMobile]);
2437
2250
  const Wrapper = SectionWrapper || React.Fragment;
2438
2251
  return /*#__PURE__*/React__default["default"].createElement(ThemeProvider, {
2439
2252
  theme: theme
@@ -2471,7 +2284,7 @@ const useSectionStyles$8 = createUseStyles(theme => ({
2471
2284
  padding: ({
2472
2285
  isMobile
2473
2286
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
2474
- background: theme?.colors?.background2,
2287
+ backgroundColor: theme?.palette?.background?.primary,
2475
2288
  '&, & *, & *:before, & *:after': {
2476
2289
  fontFamily: theme?.typography?.fontFamily,
2477
2290
  boxSizing: 'border-box'
@@ -2529,14 +2342,14 @@ const useSectionStyles$8 = createUseStyles(theme => ({
2529
2342
  marginBottom: '8px',
2530
2343
  fontSize: theme.typography.fontSize.subHead,
2531
2344
  letterSpacing: '3px',
2532
- color: theme?.colors?.font3,
2345
+ color: theme?.palette?.font?.default,
2533
2346
  wordBreak: 'break-word',
2534
2347
  maxWidth: '100%'
2535
2348
  },
2536
2349
  heading: {
2537
2350
  margin: '0',
2538
2351
  fontSize: theme.typography.fontSize.h1,
2539
- color: theme?.colors?.font3,
2352
+ color: theme?.palette?.font?.default,
2540
2353
  wordBreak: ({
2541
2354
  wordBreakValue
2542
2355
  }) => wordBreakValue || 'break-word',
@@ -2545,7 +2358,7 @@ const useSectionStyles$8 = createUseStyles(theme => ({
2545
2358
  },
2546
2359
  description: {
2547
2360
  margin: `${theme.spacing.margin.tiny}px 0px`,
2548
- color: theme?.colors?.font3,
2361
+ color: theme?.palette?.font?.primary,
2549
2362
  lineHeight: '24px',
2550
2363
  wordBreak: 'break-word'
2551
2364
  },
@@ -2662,7 +2475,7 @@ const useCarouselStyles = createUseStyles(theme => ({
2662
2475
  width: '26px',
2663
2476
  background: ({
2664
2477
  inverted
2665
- } = {}) => !!inverted ? theme?.palette?.font?.invertedDefault : theme.colors.AccentColor
2478
+ } = {}) => !!inverted ? theme?.palette?.font?.invertedDefault : theme.palette.primary.main
2666
2479
  },
2667
2480
  '@media screen and (max-width: 767px)': {
2668
2481
  sliderClass: {
@@ -2698,7 +2511,7 @@ const useArrowButtonStyles = createUseStyles(theme => ({
2698
2511
  height: sizeHandler,
2699
2512
  border: ({
2700
2513
  inverted
2701
- }) => `solid 1px ${inverted ? theme?.palette?.font?.invertedDefault : theme?.colors?.AccentColor}`,
2514
+ }) => `solid 1px ${inverted ? theme?.palette?.font?.invertedDefault : theme?.palette?.primary?.light}`,
2702
2515
  borderRadius: '50%',
2703
2516
  display: 'flex',
2704
2517
  justifyContent: 'center',
@@ -2720,7 +2533,7 @@ function ArrowButton(props) {
2720
2533
  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
2721
2534
  height: props.size === 'small' ? '12px' : '18px',
2722
2535
  name: "Angle",
2723
- color: props.inverted ? theme?.palette?.font?.invertedDefault : theme?.colors?.AccentColor,
2536
+ color: props.inverted ? theme?.palette?.font?.invertedDefault : theme?.palette?.primary?.main,
2724
2537
  inverted: true
2725
2538
  }));
2726
2539
  }
@@ -2930,6 +2743,7 @@ const useSectionStyles$7 = createUseStyles(theme => ({
2930
2743
  justifyContent: 'center',
2931
2744
  flexDirection: 'column',
2932
2745
  alignItems: 'center',
2746
+ backgroundColor: theme?.palette?.background?.default,
2933
2747
  '&, & *, & *:before, & *:after': {
2934
2748
  fontFamily: theme?.typography?.fontFamily,
2935
2749
  boxSizing: 'border-box'
@@ -2947,7 +2761,7 @@ const useSectionStyles$7 = createUseStyles(theme => ({
2947
2761
  subTitleHeading: {
2948
2762
  marginBottom: '8px',
2949
2763
  fontSize: theme.typography.fontSize.subHead,
2950
- color: theme?.colors?.black,
2764
+ color: theme?.palette?.font?.default,
2951
2765
  alignItems: 'center',
2952
2766
  textAlign: 'center',
2953
2767
  wordBreak: 'break-word',
@@ -2957,7 +2771,7 @@ const useSectionStyles$7 = createUseStyles(theme => ({
2957
2771
  heading: {
2958
2772
  marginBottom: theme.spacing.margin.tiny,
2959
2773
  fontSize: theme.typography.fontSize.h2,
2960
- color: theme?.colors?.black,
2774
+ color: theme?.palette?.font?.default,
2961
2775
  fontWeight: theme.typography.fontWeight.bold,
2962
2776
  textAlign: 'center',
2963
2777
  wordBreak: 'break-word'
@@ -2974,7 +2788,7 @@ const useSectionStyles$7 = createUseStyles(theme => ({
2974
2788
  display: 'flex',
2975
2789
  width: 'calc(100% - 200px)',
2976
2790
  alignItems: 'center',
2977
- background: theme?.colors?.white,
2791
+ background: theme?.palette?.background?.default,
2978
2792
  boxShadow: theme?.shadows?.primary,
2979
2793
  borderRadius: theme?.shape?.borderRadius?.regular,
2980
2794
  overflow: 'hidden',
@@ -2998,13 +2812,33 @@ const useSectionStyles$7 = createUseStyles(theme => ({
2998
2812
  '& $contentText': {
2999
2813
  marginLeft: '170px'
3000
2814
  }
2815
+ },
2816
+ '&:nth-child(7n+1) $contentNumber': {
2817
+ background: palettes.purple.primary.lightest
2818
+ },
2819
+ '&:nth-child(7n+2) $contentNumber': {
2820
+ background: palettes.orange.primary.lightest
2821
+ },
2822
+ '&:nth-child(7n+3) $contentNumber': {
2823
+ background: palettes.red.primary.lightest
2824
+ },
2825
+ '&:nth-child(7n+4) $contentNumber': {
2826
+ background: palettes.green.primary.lightest
2827
+ },
2828
+ '&:nth-child(7n+5) $contentNumber': {
2829
+ background: palettes.pink.primary.lightest
2830
+ },
2831
+ '&:nth-child(7n+6) $contentNumber': {
2832
+ background: palettes.blue.primary.lightest
2833
+ },
2834
+ '&:nth-child(7n) $contentNumber': {
2835
+ background: palettes.rust.primary.lightest
3001
2836
  }
3002
2837
  },
3003
2838
  contentNumber: {
3004
2839
  position: 'absolute',
3005
2840
  top: '0',
3006
2841
  fontWeight: '700',
3007
- background: theme?.colors?.background3,
3008
2842
  fontSize: '72px',
3009
2843
  letterSpacing: '-3px',
3010
2844
  display: 'flex',
@@ -3012,7 +2846,7 @@ const useSectionStyles$7 = createUseStyles(theme => ({
3012
2846
  justifyContent: 'center',
3013
2847
  padding: '48px',
3014
2848
  height: '100%',
3015
- color: theme?.colors?.font4,
2849
+ color: theme?.palette?.font?.default,
3016
2850
  wordBreak: 'break-word'
3017
2851
  },
3018
2852
  contentText: {
@@ -3024,14 +2858,14 @@ const useSectionStyles$7 = createUseStyles(theme => ({
3024
2858
  fontWeight: theme.typography.fontWeight.bold,
3025
2859
  lineHeight: '32px',
3026
2860
  marginBottom: '8px',
3027
- color: theme?.colors?.lightblack,
2861
+ color: theme?.palette?.font?.default,
3028
2862
  wordBreak: 'break-word'
3029
2863
  },
3030
2864
  contentPara: {
3031
2865
  fontStyle: 'normal',
3032
2866
  fontSize: '16px',
3033
2867
  lineHeight: '26px',
3034
- color: theme?.colors?.gray,
2868
+ color: theme?.palette?.font?.primary,
3035
2869
  wordBreak: 'break-word'
3036
2870
  },
3037
2871
  '@media screen and (max-width: 767px)': {
@@ -3444,7 +3278,6 @@ const useSectionStyles$5 = createUseStyles(theme => {
3444
3278
  return {
3445
3279
  section: {
3446
3280
  padding: `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
3447
- background: theme?.colors?.background2,
3448
3281
  '&, & *, & *:before, & *:after': {
3449
3282
  fontFamily: theme?.typography?.fontFamily,
3450
3283
  boxSizing: 'border-box'
@@ -3488,7 +3321,7 @@ const useSectionStyles$5 = createUseStyles(theme => {
3488
3321
  }
3489
3322
  },
3490
3323
  imageBorder: {
3491
- // border: `2px solid ${theme?.palette?.primary?.light}`,
3324
+ border: `2px solid ${theme?.palette?.primary?.light}`,
3492
3325
  borderRadius: theme?.shape?.borderRadius?.small,
3493
3326
  position: 'absolute',
3494
3327
  width: '100%',
@@ -3513,13 +3346,13 @@ const useSectionStyles$5 = createUseStyles(theme => {
3513
3346
  marginBottom: '8px',
3514
3347
  fontSize: theme?.typography?.fontSize?.subHead,
3515
3348
  letterSpacing: '3px',
3516
- color: theme?.colors?.font3,
3349
+ color: theme?.palette?.font?.default,
3517
3350
  wordBreak: 'break-word'
3518
3351
  },
3519
3352
  heading: {
3520
3353
  margin: '0',
3521
3354
  fontSize: theme?.typography?.fontSize?.h1,
3522
- color: theme?.colors?.font3,
3355
+ color: theme?.palette?.font?.default,
3523
3356
  wordBreak: ({
3524
3357
  wordBreakValue
3525
3358
  }) => wordBreakValue || 'break-word',
@@ -3529,7 +3362,7 @@ const useSectionStyles$5 = createUseStyles(theme => {
3529
3362
  description: {
3530
3363
  marginTop: theme.spacing.margin.tiny,
3531
3364
  marginBottom: theme.spacing.margin.tiny,
3532
- color: theme?.colors?.font3,
3365
+ color: theme?.palette?.font?.primary,
3533
3366
  lineHeight: '24px',
3534
3367
  wordBreak: 'break-word'
3535
3368
  },
@@ -3695,16 +3528,16 @@ const useSectionStyles$4 = createUseStyles(theme => ({
3695
3528
  containerWidth
3696
3529
  } = {}) => containerWidth
3697
3530
  },
3698
- // partialBackground: {
3699
- // top: '0',
3700
- // left: '0',
3701
- // width: '100%',
3702
- // height: '50%',
3703
- // position: 'absolute',
3704
- // background: theme?.palette?.background?.primary
3705
- // },
3531
+ partialBackground: {
3532
+ top: '0',
3533
+ left: '0',
3534
+ width: '100%',
3535
+ height: '50%',
3536
+ position: 'absolute',
3537
+ background: theme?.palette?.background?.primary
3538
+ },
3706
3539
  sectionContainer: {
3707
- backgroundColor: theme?.colors?.background2,
3540
+ backgroundColor: theme?.palette?.background?.default,
3708
3541
  boxShadow: theme?.shadows?.secondary,
3709
3542
  borderRadius: theme?.shape?.borderRadius?.regular,
3710
3543
  padding: theme.spacing.padding.small,
@@ -3715,7 +3548,7 @@ const useSectionStyles$4 = createUseStyles(theme => ({
3715
3548
  fontWeight: theme.typography.fontWeight.bold,
3716
3549
  lineHeight: '71px',
3717
3550
  letterSpacing: '-3px',
3718
- color: theme?.colors?.font3,
3551
+ color: theme?.palette?.font?.default,
3719
3552
  marginBottom: theme.spacing.padding.tiny,
3720
3553
  wordBreak: 'break-word'
3721
3554
  },
@@ -3727,7 +3560,7 @@ const useSectionStyles$4 = createUseStyles(theme => ({
3727
3560
  title: {
3728
3561
  fontSize: theme.typography.fontSize.h6,
3729
3562
  lineHeight: '32px',
3730
- color: theme?.colors?.font3,
3563
+ color: theme?.palette?.font?.primary,
3731
3564
  wordBreak: 'break-word',
3732
3565
  flex: 1
3733
3566
  },
@@ -3855,8 +3688,8 @@ const inputStyles = createUseStyles(theme => ({
3855
3688
  inputField: {
3856
3689
  width: '100%',
3857
3690
  // maxWidth: '314px',
3858
- // background: theme?.palette?.background?.default,
3859
- border: `1px solid ${theme?.colors?.icon}`,
3691
+ background: theme?.palette?.background?.default,
3692
+ border: `1px solid ${theme?.palette?.border?.secondary}`,
3860
3693
  borderRadius: theme?.shape?.borderRadius?.regular,
3861
3694
  padding: '14px 12px',
3862
3695
  display: 'flex',
@@ -3870,7 +3703,7 @@ const inputStyles = createUseStyles(theme => ({
3870
3703
  fontWeight: '400',
3871
3704
  fontSize: '16px',
3872
3705
  lineHeight: '20px',
3873
- color: theme?.colors?.black,
3706
+ color: theme?.palette?.font?.primary,
3874
3707
  fontFamily: theme?.typography?.fontFamily
3875
3708
  },
3876
3709
  '&:focus': {
@@ -4070,6 +3903,7 @@ var index$h = /*#__PURE__*/Object.freeze({
4070
3903
 
4071
3904
  const useTestimonialStyles = createUseStyles(theme => ({
4072
3905
  testimonialContainer: {
3906
+ background: theme?.palette?.background?.primary,
4073
3907
  overflow: 'hidden',
4074
3908
  padding: `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
4075
3909
  '&, & *, & *:before, & *:after': {
@@ -4087,14 +3921,14 @@ const useTestimonialStyles = createUseStyles(theme => ({
4087
3921
  } = {}) => containerWidth
4088
3922
  },
4089
3923
  testimonialText: {
4090
- color: theme?.colors?.font2,
3924
+ color: theme?.palette?.font?.default,
4091
3925
  fontSize: theme.typography.fontSize.subHead,
4092
3926
  wordBreak: 'break-word',
4093
3927
  textTransform: 'uppercase'
4094
3928
  },
4095
3929
  testimonialHeader: {
4096
3930
  fontSize: theme.typography.fontSize.h2,
4097
- color: theme?.colors?.font2,
3931
+ color: theme?.palette?.font?.default,
4098
3932
  fontWeight: theme.typography.fontWeight.bold,
4099
3933
  marginBottom: theme.spacing.margin.tiny,
4100
3934
  marginTop: '8px',
@@ -4111,7 +3945,7 @@ const useTestimonialStyles = createUseStyles(theme => ({
4111
3945
  position: 'relative',
4112
3946
  height: 'calc(100% - 12px)',
4113
3947
  width: 'calc(100% - 24px)',
4114
- background: theme?.colors?.background1,
3948
+ background: theme?.palette?.background?.default,
4115
3949
  boxShadow: theme?.shadows?.primary,
4116
3950
  borderRadius: theme?.shape?.borderRadius?.regular
4117
3951
  },
@@ -4138,7 +3972,7 @@ const useTestimonialStyles = createUseStyles(theme => ({
4138
3972
  marginBottom: theme.spacing.margin.tiny,
4139
3973
  fontSize: theme.typography.fontSize.body,
4140
3974
  wordBreak: 'break-word',
4141
- color: theme?.colors?.font1,
3975
+ color: theme?.palette?.font?.primary,
4142
3976
  lineHeight: '26px'
4143
3977
  },
4144
3978
  userContainer: {
@@ -4167,7 +4001,7 @@ const useTestimonialStyles = createUseStyles(theme => ({
4167
4001
  marginRight: '16px'
4168
4002
  },
4169
4003
  userName: {
4170
- color: theme?.colors?.font1,
4004
+ color: theme?.palette?.font?.default,
4171
4005
  margin: '0',
4172
4006
  fontSize: theme.typography.fontSize.h5,
4173
4007
  // paddingTop: '16px',
@@ -4186,6 +4020,19 @@ const useTestimonialStyles = createUseStyles(theme => ({
4186
4020
  testimonialContainer: {
4187
4021
  padding: `${theme.spacing.padding.medium}px ${theme.spacing.padding.small}px`
4188
4022
  },
4023
+ // testimonialCardAndText: {
4024
+ // margin: '0 20px'
4025
+ // },
4026
+
4027
+ // testimonialHeader: {
4028
+ // fontSize: '24px',
4029
+ // color: theme?.palette?.font?.default,
4030
+ // margin: '4px 0 12px 0',
4031
+ // overflow: 'hidden',
4032
+ // // whiteSpace: 'nowrap',
4033
+ // wordBreak: 'break-word',
4034
+ // textOverflow: 'ellipsis'
4035
+ // },
4189
4036
  testimonialText: {
4190
4037
  textAlign: 'center'
4191
4038
  },
@@ -4238,7 +4085,7 @@ function QuotesComponent() {
4238
4085
  width: "28px",
4239
4086
  height: "21px",
4240
4087
  name: "Quote",
4241
- color: theme?.colors?.icon
4088
+ color: theme?.palette?.primary?.main
4242
4089
  }));
4243
4090
  }
4244
4091
 
@@ -4768,7 +4615,7 @@ const useVideoStyles = createUseStyles(theme => {
4768
4615
  padding: ({
4769
4616
  isMobile
4770
4617
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
4771
- backgroundColor: theme?.colors?.background2,
4618
+ backgroundColor: theme?.palette?.background?.primary,
4772
4619
  '&, & *, & *:before, & *:after': {
4773
4620
  fontFamily: theme?.typography?.fontFamily,
4774
4621
  boxSizing: 'border-box'
@@ -4791,7 +4638,7 @@ const useVideoStyles = createUseStyles(theme => {
4791
4638
  fontSize: theme.typography.fontSize.subHead,
4792
4639
  textTransform: 'uppercase',
4793
4640
  lineHeight: '20px',
4794
- color: theme?.colors?.font3,
4641
+ color: theme?.palette?.font?.default,
4795
4642
  letterSpacing: '3px',
4796
4643
  wordBreak: 'break-word'
4797
4644
  },
@@ -4802,14 +4649,14 @@ const useVideoStyles = createUseStyles(theme => {
4802
4649
  letterSpacing: '-3px',
4803
4650
  marginBottom: theme.spacing.margin.tiny,
4804
4651
  marginTop: '8px',
4805
- color: theme?.colors?.font3,
4652
+ color: theme?.palette?.font?.default,
4806
4653
  wordBreak: 'break-word'
4807
4654
  },
4808
4655
  sliderContainer: {
4809
4656
  marginRight: `-${theme.spacing.padding.medium}px`
4810
4657
  },
4811
4658
  singleSlideContainer: {
4812
- backgroundColor: 'white',
4659
+ backgroundColor: theme?.palette?.background?.default,
4813
4660
  // margin: '20px',
4814
4661
  width: 'calc(100% - 24px)',
4815
4662
  height: 'calc(100% - 40px)',
@@ -4846,14 +4693,14 @@ const useVideoStyles = createUseStyles(theme => {
4846
4693
  fontWeight: theme.typography.fontWeight.bold,
4847
4694
  lineHeight: '32px',
4848
4695
  marginBottom: '8px',
4849
- color: theme?.colors?.font2,
4696
+ color: theme?.palette?.font?.default,
4850
4697
  wordBreak: 'break-word'
4851
4698
  },
4852
4699
  videoDetailsSubHeading: {
4853
4700
  fontSize: theme.typography.fontSize.body,
4854
4701
  lineHeight: '24px',
4855
4702
  wordBreak: 'break-word',
4856
- color: theme?.colors?.font2
4703
+ color: theme?.palette?.font?.primary
4857
4704
  },
4858
4705
  '@media (max-width: 767px)': {
4859
4706
  videoHeading: {
@@ -5000,10 +4847,11 @@ var index$e = /*#__PURE__*/Object.freeze({
5000
4847
 
5001
4848
  const useSectionStyles$3 = createUseStyles(theme => ({
5002
4849
  section: {
4850
+ position: 'relative',
5003
4851
  padding: ({
5004
4852
  isMobile
5005
4853
  } = {}) => 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`,
5006
- background: `linear-gradient(180deg, ${theme?.colors?.background2} 50%, #FFFFFF 50%)`,
4854
+ backgroundColor: theme?.palette?.background?.default,
5007
4855
  '&, & *, & *:before, & *:after': {
5008
4856
  fontFamily: theme?.typography?.fontFamily,
5009
4857
  boxSizing: 'border-box'
@@ -5022,13 +4870,21 @@ const useSectionStyles$3 = createUseStyles(theme => ({
5022
4870
  containerWidth
5023
4871
  } = {}) => containerWidth
5024
4872
  },
4873
+ partialBackground: {
4874
+ position: 'absolute',
4875
+ top: '0',
4876
+ left: '0',
4877
+ height: '50%',
4878
+ background: theme?.palette?.background?.primary,
4879
+ width: '100%'
4880
+ },
5025
4881
  content: {
5026
4882
  position: 'relative'
5027
4883
  },
5028
4884
  subTitleHeading: {
5029
4885
  width: '100%',
5030
4886
  fontSize: theme.typography.fontSize.subHead,
5031
- color: theme?.colors?.font2,
4887
+ color: theme?.palette?.font?.default,
5032
4888
  textTransform: 'uppercase',
5033
4889
  textAlign: 'left',
5034
4890
  lineHeight: '20px',
@@ -5040,7 +4896,7 @@ const useSectionStyles$3 = createUseStyles(theme => ({
5040
4896
  fontSize: theme.typography.fontSize.h2,
5041
4897
  width: '100%',
5042
4898
  lineHeight: '70px',
5043
- color: theme?.colors?.font2,
4899
+ color: theme?.palette?.font?.default,
5044
4900
  textAlign: 'left',
5045
4901
  wordBreak: 'break-word'
5046
4902
  },
@@ -5050,7 +4906,7 @@ const useSectionStyles$3 = createUseStyles(theme => ({
5050
4906
  // },
5051
4907
 
5052
4908
  card: {
5053
- background: theme?.colors?.white,
4909
+ background: theme?.palette?.background?.default,
5054
4910
  boxShadow: theme?.shadows?.primary,
5055
4911
  borderRadius: theme.shape.borderRadius.large,
5056
4912
  margin: ({
@@ -5071,7 +4927,7 @@ const useSectionStyles$3 = createUseStyles(theme => ({
5071
4927
  textAlign: 'center',
5072
4928
  fontSize: theme.typography.fontSize.h6,
5073
4929
  fontWeight: theme.typography.fontWeight.bold,
5074
- color: theme?.colors?.lightblack,
4930
+ color: theme?.palette?.font?.default,
5075
4931
  margin: `16px 0px`,
5076
4932
  wordBreak: 'break-word'
5077
4933
  },
@@ -5083,7 +4939,7 @@ const useSectionStyles$3 = createUseStyles(theme => ({
5083
4939
  alignItems: 'center',
5084
4940
  justifyContent: 'center',
5085
4941
  borderRadius: '50%',
5086
- background: theme?.colors?.background2
4942
+ background: theme?.palette?.background?.primary
5087
4943
  },
5088
4944
  buttonContainerClass: {
5089
4945
  marginRight: theme.spacing.margin.regular,
@@ -5097,7 +4953,7 @@ const useSectionStyles$3 = createUseStyles(theme => ({
5097
4953
  textAlign: 'center',
5098
4954
  fontSize: theme.typography.fontSize.body,
5099
4955
  lineHeight: '22px',
5100
- color: theme?.colors?.gray,
4956
+ color: theme?.palette?.font?.primary,
5101
4957
  margin: '0',
5102
4958
  wordBreak: 'break-word'
5103
4959
  },
@@ -5183,7 +5039,7 @@ function Info({
5183
5039
  className: classes.imageContainer
5184
5040
  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
5185
5041
  name: dt.icon.metadata.value,
5186
- color: theme?.colors?.icon,
5042
+ color: theme.palette.primary.main,
5187
5043
  width: isMobile ? '30px' : '40px',
5188
5044
  height: isMobile ? '30px' : '40px'
5189
5045
  })), /*#__PURE__*/React__default["default"].createElement("h3", {
@@ -5240,7 +5096,7 @@ const useSectionStyles$2 = createUseStyles(theme => ({
5240
5096
  padding: ({
5241
5097
  isMobile
5242
5098
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
5243
- backgroundColor: theme?.colors?.background2,
5099
+ backgroundColor: theme?.palette?.background?.default,
5244
5100
  '&, & *, & *:before, & *:after': {
5245
5101
  fontFamily: theme?.typography?.fontFamily,
5246
5102
  boxSizing: 'border-box'
@@ -5257,7 +5113,7 @@ const useSectionStyles$2 = createUseStyles(theme => ({
5257
5113
  subHeading: {
5258
5114
  fontSize: theme.typography.fontSize.subHead,
5259
5115
  marginBottom: '8px',
5260
- color: theme?.colors?.font3,
5116
+ color: theme?.palette?.font?.default,
5261
5117
  wordBreak: 'break-word',
5262
5118
  textTransform: 'uppercase',
5263
5119
  letterSpacing: '3px'
@@ -5267,7 +5123,7 @@ const useSectionStyles$2 = createUseStyles(theme => ({
5267
5123
  fontWeight: theme.typography.fontWeight.bold,
5268
5124
  lineHeight: 'normal',
5269
5125
  margin: '0',
5270
- color: theme?.colors?.font3,
5126
+ color: theme?.palette?.font?.default,
5271
5127
  wordBreak: 'break-word',
5272
5128
  marginBottom: theme.spacing.margin.tiny
5273
5129
  },
@@ -5278,7 +5134,7 @@ const useSectionStyles$2 = createUseStyles(theme => ({
5278
5134
  padding: '32px 0px'
5279
5135
  },
5280
5136
  textPara: {
5281
- color: theme?.colors?.font3,
5137
+ color: theme?.palette?.font?.primary,
5282
5138
  wordBreak: 'break-word',
5283
5139
  fontSize: theme.typography.fontSize.body,
5284
5140
  lineHeight: '24px'
@@ -5585,7 +5441,7 @@ const useFaqListStyles = createUseStyles(theme => ({
5585
5441
  padding: ({
5586
5442
  isMobile
5587
5443
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
5588
- backgroundColor: theme?.colors?.background2,
5444
+ backgroundColor: theme?.palette?.background?.primary,
5589
5445
  '&, & *, & *:before, & *:after': {
5590
5446
  fontFamily: theme?.typography?.fontFamily,
5591
5447
  boxSizing: 'border-box'
@@ -5600,7 +5456,7 @@ const useFaqListStyles = createUseStyles(theme => ({
5600
5456
  } = {}) => containerWidth
5601
5457
  },
5602
5458
  sectionSubheading: {
5603
- color: theme?.colors?.font3,
5459
+ color: theme?.palette?.font.default,
5604
5460
  fontSize: theme.typography.fontSize.subHead,
5605
5461
  marginBottom: '8px',
5606
5462
  wordBreak: 'break-word'
@@ -5609,16 +5465,15 @@ const useFaqListStyles = createUseStyles(theme => ({
5609
5465
  fontSize: theme.typography.fontSize.h2,
5610
5466
  fontWeight: theme.typography.fontWeight.bold,
5611
5467
  wordBreak: 'break-word',
5612
- marginBottom: `${theme.spacing.margin.tiny}px`,
5613
- color: theme?.colors?.font3
5468
+ marginBottom: `${theme.spacing.margin.tiny}px`
5614
5469
  },
5615
5470
  container: {
5616
5471
  boxShadow: theme?.shadows?.secondary,
5617
5472
  borderRadius: '8px',
5618
- backgroundColor: theme?.colors?.white
5473
+ backgroundColor: theme?.palette?.background?.default
5619
5474
  },
5620
5475
  basicCardContainer: {
5621
- borderBottom: `1px solid ${theme?.colors?.background2}`,
5476
+ borderBottom: theme?.borders?.secondary,
5622
5477
  padding: `${theme.spacing.padding.tiny}px`
5623
5478
  },
5624
5479
  innerContainer: {
@@ -5637,14 +5492,14 @@ const useFaqListStyles = createUseStyles(theme => ({
5637
5492
  alignItems: 'center'
5638
5493
  },
5639
5494
  title: {
5640
- color: theme?.colors?.lightblack,
5495
+ color: theme?.palette?.font.default,
5641
5496
  fontSize: theme.typography.fontSize.h5,
5642
5497
  fontWeight: theme.typography.fontWeight.bold,
5643
5498
  margin: '0',
5644
5499
  wordBreak: 'break-word'
5645
5500
  },
5646
5501
  content: {
5647
- color: theme?.colors?.lightblack,
5502
+ color: theme?.palette?.font.primary,
5648
5503
  fontSize: theme.typography.fontSize.body,
5649
5504
  lineHeight: '24px',
5650
5505
  maxHeight: ({
@@ -5764,10 +5619,11 @@ var index$a = /*#__PURE__*/Object.freeze({
5764
5619
 
5765
5620
  const useTextGridStyles = createUseStyles(theme => ({
5766
5621
  section: {
5767
- background: theme.colors.background1,
5768
5622
  padding: ({
5769
5623
  isMobile
5770
5624
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
5625
+ // backgroundColor: theme?.palette?.background?.primary,
5626
+
5771
5627
  '&, & *, & *:before, & *:after': {
5772
5628
  fontFamily: theme?.typography?.fontFamily,
5773
5629
  boxSizing: 'border-box'
@@ -5775,7 +5631,14 @@ const useTextGridStyles = createUseStyles(theme => ({
5775
5631
  '& h2,& h3,& p': {
5776
5632
  marginTop: '0'
5777
5633
  }
5634
+ // '& h2,& h3': {
5635
+ // fontWeight: '500',
5636
+ // '& b,& strong': {
5637
+ // fontWeight: '700'
5638
+ // }
5639
+ // }
5778
5640
  },
5641
+
5779
5642
  sectionContainer: {
5780
5643
  margin: '0 auto',
5781
5644
  maxWidth: ({
@@ -5783,7 +5646,7 @@ const useTextGridStyles = createUseStyles(theme => ({
5783
5646
  } = {}) => containerWidth
5784
5647
  },
5785
5648
  subheading: {
5786
- color: theme?.colors?.font1,
5649
+ color: theme?.palette?.font.default,
5787
5650
  fontSize: theme.typography.fontSize.subHead,
5788
5651
  lineHeight: '20px',
5789
5652
  letterSpacing: '3px',
@@ -5797,8 +5660,7 @@ const useTextGridStyles = createUseStyles(theme => ({
5797
5660
  fontWeight: theme.typography.fontWeight.bold,
5798
5661
  letterSpacing: '-3px',
5799
5662
  marginBottom: theme.spacing.margin.tiny,
5800
- wordBreak: 'break-word',
5801
- color: theme?.colors?.font1
5663
+ wordBreak: 'break-word'
5802
5664
  },
5803
5665
  sliderContainer: {
5804
5666
  margin: '0 -10px'
@@ -6068,7 +5930,7 @@ const useCourseStyles = createUseStyles(theme => {
6068
5930
  display: 'flex',
6069
5931
  justifyContent: 'flex-start',
6070
5932
  alignItems: 'center',
6071
- fontSize: theme.typography.fontSize.body,
5933
+ fontSize: theme.typography.fontSize.subHead,
6072
5934
  color: theme?.palette?.font?.primary,
6073
5935
  '& img': {
6074
5936
  marginRight: '5px'
@@ -6201,13 +6063,6 @@ async function getCourseList(baseURLs, hashToken) {
6201
6063
 
6202
6064
  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";
6203
6065
 
6204
- function getShortenedSubstring(name, length, allowDots = true) {
6205
- if (name) {
6206
- return name.length < length ? name : `${name.substr(0, length)}${allowDots && '...'}`;
6207
- }
6208
- return '';
6209
- }
6210
-
6211
6066
  const formatCurrency = (countryCode, value, currencySymbol) => {
6212
6067
  let formattedValue = Number(value);
6213
6068
  const getFormattedValue = (countryCode, currencySymbol, value) => {
@@ -6475,10 +6330,11 @@ var index$8 = /*#__PURE__*/Object.freeze({
6475
6330
  const useTeamStyles = createUseStyles(theme => {
6476
6331
  return {
6477
6332
  teamSuperContainer: {
6478
- background: `linear-gradient(180deg, ${theme?.colors?.background2} 50%, #FFFFFF 50%)`,
6479
6333
  padding: ({
6480
6334
  isMobile
6481
6335
  } = {}) => 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`,
6336
+ // backgroundColor: theme?.palette?.background?.primary,
6337
+
6482
6338
  '&, & *, & *:before, & *:after': {
6483
6339
  fontFamily: theme?.typography?.fontFamily,
6484
6340
  boxSizing: 'border-box'
@@ -6499,17 +6355,25 @@ const useTeamStyles = createUseStyles(theme => {
6499
6355
  lineHeight: '20px',
6500
6356
  letterSpacing: '3px',
6501
6357
  marginBottom: '8px',
6502
- color: theme?.colors?.font2,
6358
+ color: theme?.palette?.font?.default,
6503
6359
  // wordBreak: 'break-word',
6504
6360
  position: 'relative'
6505
6361
  },
6362
+ partialBackground: {
6363
+ position: 'absolute',
6364
+ top: '0',
6365
+ left: '0',
6366
+ height: '50%',
6367
+ background: theme?.palette?.background?.primary,
6368
+ width: '100%'
6369
+ },
6506
6370
  teamTitle: {
6507
6371
  fontSize: theme.typography.fontSize.h2,
6508
6372
  fontWeight: theme.typography.fontWeight.bold,
6509
6373
  lineHeight: '70px',
6510
6374
  letterSpacing: '-3px',
6511
6375
  wordBreak: 'break-word',
6512
- color: theme?.colors?.font2,
6376
+ color: theme?.palette?.font?.default,
6513
6377
  position: 'relative'
6514
6378
  },
6515
6379
  sliderContainer: {
@@ -6601,10 +6465,12 @@ const useTeamStyles = createUseStyles(theme => {
6601
6465
  teamDetailsHeading: {
6602
6466
  fontSize: '16px',
6603
6467
  lineHeight: '24px',
6604
- margin: '0'
6468
+ margin: '0',
6469
+ color: theme?.palette?.font?.body
6605
6470
  },
6606
6471
  teamDetailsSubHeading: {
6607
- marginTop: '0px'
6472
+ marginTop: '0px',
6473
+ color: theme?.palette?.font?.primary
6608
6474
  }
6609
6475
  }
6610
6476
  };
@@ -6715,7 +6581,7 @@ const useSectionStyles$1 = createUseStyles(theme => ({
6715
6581
  justifyContent: 'center',
6716
6582
  flexDirection: 'column',
6717
6583
  alignItems: 'center',
6718
- background: `linear-gradient(180deg, ${theme?.colors?.background2} 50%, #FFFFFF 50%)`,
6584
+ backgroundColor: theme?.palette?.background?.default,
6719
6585
  padding: ({
6720
6586
  isMobile
6721
6587
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
@@ -6737,16 +6603,16 @@ const useSectionStyles$1 = createUseStyles(theme => ({
6737
6603
  containerWidth
6738
6604
  } = {}) => containerWidth
6739
6605
  },
6740
- // partialBackground: {
6741
- // top: '0',
6742
- // left: '0',
6743
- // width: '100%',
6744
- // height: '50%',
6745
- // position: 'absolute',
6746
- // background: theme?.colors?.white
6747
- // },
6606
+ partialBackground: {
6607
+ top: '0',
6608
+ left: '0',
6609
+ width: '100%',
6610
+ height: '50%',
6611
+ position: 'absolute',
6612
+ background: theme?.palette?.background?.primary
6613
+ },
6748
6614
  sectionContainer: {
6749
- backgroundColor: theme?.colors?.white,
6615
+ backgroundColor: theme?.palette?.background?.default,
6750
6616
  boxShadow: theme?.shadows?.secondary,
6751
6617
  borderRadius: theme?.shape?.borderRadius?.regular,
6752
6618
  padding: '48px',
@@ -6755,7 +6621,7 @@ const useSectionStyles$1 = createUseStyles(theme => ({
6755
6621
  title: {
6756
6622
  margin: '0',
6757
6623
  fontSize: theme.typography.fontSize.h2,
6758
- color: theme?.colors?.lightblack,
6624
+ color: theme?.palette?.font?.default,
6759
6625
  fontWeight: theme.typography.fontWeight.bold,
6760
6626
  lineHeight: '71px',
6761
6627
  letterSpacing: '-3px',
@@ -6778,7 +6644,7 @@ const useSectionStyles$1 = createUseStyles(theme => ({
6778
6644
  subtitle: {
6779
6645
  // margin: '0 0 40px 0',
6780
6646
  fontSize: theme.typography.fontSize.h5,
6781
- color: theme?.colors?.lightblack,
6647
+ color: theme?.palette?.font?.default,
6782
6648
  lineHeight: '32px',
6783
6649
  wordBreak: 'break-word',
6784
6650
  marginBottom: '32px'
@@ -6801,7 +6667,7 @@ const useSectionStyles$1 = createUseStyles(theme => ({
6801
6667
  },
6802
6668
  addressText: {
6803
6669
  fontSize: theme.typography.fontSize.h6,
6804
- color: theme?.colors?.lightblack,
6670
+ color: theme?.palette?.font?.default,
6805
6671
  lineHeight: '24px',
6806
6672
  fontSize: '16px'
6807
6673
  },
@@ -7138,7 +7004,7 @@ const useSectionStyles = createUseStyles(theme => ({
7138
7004
  padding: ({
7139
7005
  isMobile
7140
7006
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
7141
- background: `linear-gradient(180deg, ${theme?.colors?.background2} 50%, #FFFFFF 50%)`,
7007
+ backgroundColor: theme?.palette?.background?.default,
7142
7008
  '&, & *, & *:before, & *:after': {
7143
7009
  fontFamily: theme?.typography?.fontFamily,
7144
7010
  boxSizing: 'border-box'
@@ -7158,8 +7024,16 @@ const useSectionStyles = createUseStyles(theme => ({
7158
7024
  containerWidth
7159
7025
  } = {}) => containerWidth
7160
7026
  },
7027
+ partialBackground: {
7028
+ top: '0',
7029
+ left: '0',
7030
+ width: '100%',
7031
+ height: '50%',
7032
+ position: 'absolute',
7033
+ background: theme?.palette?.background?.primary
7034
+ },
7161
7035
  sectionContainer: {
7162
- backgroundColor: theme?.colors?.white,
7036
+ backgroundColor: theme?.palette?.background?.default,
7163
7037
  boxShadow: theme?.shadows?.secondary,
7164
7038
  borderRadius: theme?.shape?.borderRadius?.regular,
7165
7039
  padding: '48px',
@@ -7168,7 +7042,7 @@ const useSectionStyles = createUseStyles(theme => ({
7168
7042
  title: {
7169
7043
  margin: '0',
7170
7044
  fontSize: theme.typography.fontSize.h2,
7171
- color: theme?.colors?.lightblack?.default,
7045
+ color: theme?.palette?.font?.default,
7172
7046
  lineHeight: '71px',
7173
7047
  letterSpacing: '-3px',
7174
7048
  textAlign: 'left',
@@ -7193,7 +7067,7 @@ const useSectionStyles = createUseStyles(theme => ({
7193
7067
  subtitle: {
7194
7068
  // margin: '0 0 auto 0',
7195
7069
  fontSize: theme.typography.fontSize.h6,
7196
- color: theme?.colors?.lightblack,
7070
+ color: theme?.palette?.font?.default,
7197
7071
  // lineHeight: '32px',
7198
7072
  // margin: '16px 0',
7199
7073
  textAlign: 'center',
@@ -7224,8 +7098,8 @@ const useSectionStyles = createUseStyles(theme => ({
7224
7098
  inputField: {
7225
7099
  width: '100%',
7226
7100
  // maxWidth: '314px',
7227
- // background: theme?.palette?.background?.default,
7228
- border: `1px solid ${theme?.colors?.cta}`,
7101
+ background: theme?.palette?.background?.default,
7102
+ border: `1px solid ${theme?.palette?.border?.secondary}`,
7229
7103
  borderRadius: theme?.shape?.borderRadius?.regular,
7230
7104
  // padding: '14px 12px',
7231
7105
  display: 'flex',
@@ -7238,7 +7112,7 @@ const useSectionStyles = createUseStyles(theme => ({
7238
7112
  fontWeight: '400',
7239
7113
  fontSize: theme.typography.fontSize.subHead,
7240
7114
  lineHeight: '20px',
7241
- color: theme?.colors?.lightblack,
7115
+ color: theme?.palette?.font?.primary,
7242
7116
  fontFamily: theme?.typography?.fontFamily
7243
7117
  },
7244
7118
  '&:focus': {
@@ -7551,7 +7425,6 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7551
7425
  webinarSuperContainer: {
7552
7426
  display: 'flex',
7553
7427
  justifyContent: 'center',
7554
- background: theme.colors.background1,
7555
7428
  padding: ({
7556
7429
  isMobile
7557
7430
  } = {}) => isMobile ? `${theme.spacing.padding.medium}px ${theme.spacing.padding.regular}px` : `${theme.spacing.padding.regular}px ${theme.spacing.padding.medium}px`,
@@ -7574,6 +7447,30 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7574
7447
  maxWidth: '1440px',
7575
7448
  fontFamily: theme?.typography?.fontFamily
7576
7449
  },
7450
+ // videoTestimonialHeading: {
7451
+ // fontSize: theme.typography.fontSize.subHead,
7452
+ // lineHeight: '20px',
7453
+ // letterSpacing: '3px',
7454
+ // textTransform: 'uppercase',
7455
+ // color: theme.palette.font.tertiary,
7456
+ // wordBreak: 'break-word',
7457
+ // fontWeight: theme.typography.fontWeight.bold,
7458
+ // },
7459
+
7460
+ // videoTestimonialTitle: {
7461
+ // fontSize: theme.typography.fontSize.h2,
7462
+ // lineHeight: '71px',
7463
+ // fontWeight: theme.typography.fontWeight.bold,
7464
+ // letterSpacing: '-3px',
7465
+ // margin: '0',
7466
+ // color: theme.palette.font.default,
7467
+ // wordBreak: 'break-word'
7468
+ // },
7469
+
7470
+ // videoCarouselContainer: {
7471
+ // marginTop: '16px'
7472
+ // },
7473
+
7577
7474
  webinarCarousel: {
7578
7475
  display: 'flex',
7579
7476
  justifyContent: 'flex-start',
@@ -7602,7 +7499,7 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7602
7499
  },
7603
7500
  offerText: {
7604
7501
  textAlign: 'center',
7605
- color: theme?.colors?.font1,
7502
+ color: theme.palette.font.primary,
7606
7503
  marginBottom: '5%'
7607
7504
  },
7608
7505
  offerPrice: {
@@ -7649,7 +7546,7 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7649
7546
  margin: '0',
7650
7547
  letterSpacing: '-1px',
7651
7548
  wordBreak: wordBreakValue => wordBreakValue || 'break-word',
7652
- color: theme?.colors?.font1
7549
+ color: theme.palette.font.default
7653
7550
  },
7654
7551
  courseViewContainer: {
7655
7552
  width: '645px',
@@ -7664,7 +7561,7 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7664
7561
  bannerContainer: {
7665
7562
  width: '100%',
7666
7563
  background: '#EB5757',
7667
- color: theme?.colors?.font1,
7564
+ color: '#fff',
7668
7565
  textAlign: 'center',
7669
7566
  padding: '10px 10px 23px 40px',
7670
7567
  wordWrap: 'break-word',
@@ -7683,26 +7580,24 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7683
7580
  display: 'flex',
7684
7581
  alignItems: 'center',
7685
7582
  marginRight: '20px',
7686
- color: theme?.colors?.font1,
7687
7583
  '& div': {
7688
- fontSize: theme.typography.fontSize.body,
7584
+ fontSize: theme.typography.fontSize.subHead,
7689
7585
  marginLeft: '10px'
7690
7586
  }
7691
7587
  },
7692
7588
  courseDetailContent: {
7693
- fontSize: theme.typography.fontSize.body,
7694
- lineHeight: '21px',
7589
+ fontSize: theme.typography.fontSize.subHead,
7695
7590
  wordBreak: 'break-word',
7696
- color: theme?.colors?.font1,
7591
+ color: theme.palette.font.primary,
7697
7592
  whiteSpace: 'pre-wrap',
7698
7593
  width: '80%'
7699
7594
  },
7700
7595
  courseDetailViewFullDetails: {
7701
7596
  cursor: 'pointer',
7702
- fontSize: theme.typography.fontSize.body,
7597
+ fontSize: theme.typography.fontSize.subHead,
7703
7598
  lineHeight: '24px',
7704
- color: theme?.colors?.font1,
7705
7599
  marginTop: '-20px',
7600
+ color: '#00ADE7',
7706
7601
  wordBreak: 'break-word'
7707
7602
  },
7708
7603
  courseDetailTime: {
@@ -7909,13 +7804,13 @@ const SingleVideoSlide$1 = props => {
7909
7804
  className: classes.iconBackground
7910
7805
  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
7911
7806
  name: 'Calendar',
7912
- color: theme?.colors?.icon
7807
+ color: theme.palette.primary.main
7913
7808
  })), /*#__PURE__*/React__default["default"].createElement("div", null, moment__default["default"](data.startDate).locale(momentLocale).format('Do MMM YY') + ' ', moment__default["default"](data.startTime).locale(momentLocale).format('h:mm A'), /*#__PURE__*/React__default["default"].createElement("span", null, " - "), moment__default["default"](data.endTime).locale(momentLocale).format('h:mm A'))), /*#__PURE__*/React__default["default"].createElement("div", {
7914
7809
  className: classes.courseDetailTag
7915
7810
  }, /*#__PURE__*/React__default["default"].createElement("span", {
7916
7811
  className: classes.iconBackground
7917
7812
  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
7918
- color: theme?.colors?.icon,
7813
+ color: theme.palette.primary.main,
7919
7814
  width: "20px",
7920
7815
  name: `${data.webinarLocation === 'Location' ? 'Location' : 'Video'}`
7921
7816
  })), /*#__PURE__*/React__default["default"].createElement("div", null, data.webinarLocation === 'Location' ? data.webinarLink : data.webinarLocation))), /*#__PURE__*/React__default["default"].createElement("p", {
@@ -8023,15 +7918,13 @@ var index$4 = /*#__PURE__*/Object.freeze({
8023
7918
  });
8024
7919
 
8025
7920
  const useCoursePromotionPage = createUseStyles(theme => {
8026
- console.log(theme, 'themere');
8027
7921
  return {
8028
7922
  courseSuperContainer: {
8029
7923
  display: 'flex',
8030
7924
  justifyContent: 'center',
8031
- background: theme?.colors?.background1,
8032
7925
  padding: ({
8033
7926
  isMobile
8034
- } = {}) => isMobile ? `${theme.spacing.padding.small}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.regular}px ${theme.spacing.padding.medium}px`,
7927
+ } = {}) => isMobile ? `${theme.spacing.padding.medium}px ${theme.spacing.padding.regular}px` : `${theme.spacing.padding.regular}px ${theme.spacing.padding.medium}px`,
8035
7928
  '&, & *, & *:before, & *:after': {
8036
7929
  fontFamily: theme?.typography?.fontFamily,
8037
7930
  boxSizing: 'border-box'
@@ -8141,7 +8034,7 @@ const useCoursePromotionPage = createUseStyles(theme => {
8141
8034
  display: 'flex',
8142
8035
  flexDirection: 'column',
8143
8036
  alignItems: 'flex-start',
8144
- gap: '0px'
8037
+ gap: '20px'
8145
8038
  },
8146
8039
  videoDetailsHeading: {
8147
8040
  fontSize: theme.typography.fontSize.h3,
@@ -8149,7 +8042,7 @@ const useCoursePromotionPage = createUseStyles(theme => {
8149
8042
  margin: '0',
8150
8043
  letterSpacing: '-1px',
8151
8044
  wordBreak: 'break-word',
8152
- color: theme?.colors?.font1
8045
+ color: theme.palette.font.default
8153
8046
  },
8154
8047
  courseViewContainer: {
8155
8048
  width: '445px',
@@ -8165,7 +8058,7 @@ const useCoursePromotionPage = createUseStyles(theme => {
8165
8058
  bannerContainer: {
8166
8059
  width: '100%',
8167
8060
  background: '#EB5757',
8168
- color: theme?.colors.font1,
8061
+ color: '#fff',
8169
8062
  textAlign: 'center',
8170
8063
  padding: '10px 10px 23px 40px',
8171
8064
  wordWrap: 'break-word',
@@ -8204,27 +8097,26 @@ const useCoursePromotionPage = createUseStyles(theme => {
8204
8097
  alignItems: 'center',
8205
8098
  marginRight: '20px',
8206
8099
  '& div': {
8207
- fontSize: theme.typography.fontSize.body,
8100
+ fontSize: theme.typography.fontSize.subHead,
8208
8101
  fontWeight: theme.typography.fontWeight.semiBold,
8209
8102
  marginLeft: '10px'
8210
8103
  }
8211
8104
  },
8212
8105
  courseDetailContent: {
8213
- marginTop: '20px',
8214
- fontSize: theme.typography.fontSize.body,
8215
- lineHeight: '21px',
8106
+ // marginTop: '16px',
8107
+ fontSize: theme.typography.fontSize.subHead,
8108
+ lineHeight: '24px',
8216
8109
  wordBreak: 'break-word',
8217
- color: theme?.colors?.font1,
8110
+ color: theme.palette.font.primary,
8218
8111
  whiteSpace: 'pre-wrap',
8219
8112
  margin: '10px 0 20px'
8220
8113
  },
8221
8114
  courseDetailViewFullDetails: {
8222
8115
  cursor: 'pointer',
8223
- fontSize: theme.typography.fontSize.body,
8224
- textDecoration: 'underline',
8225
- lineHeight: '21px',
8226
- marginTop: '20px',
8227
- color: theme.colors?.font1,
8116
+ fontSize: theme.typography.fontSize.subHead,
8117
+ lineHeight: '24px',
8118
+ marginTop: '-24px',
8119
+ color: '#00ADE7',
8228
8120
  wordBreak: 'break-word'
8229
8121
  },
8230
8122
  courseDetailTime: {
@@ -8295,8 +8187,7 @@ const useCoursePromotionPage = createUseStyles(theme => {
8295
8187
  // fontSize: '20px',
8296
8188
  fontWeight: '600',
8297
8189
  lineHeight: 'normal',
8298
- letterSpacing: '0px',
8299
- color: theme?.colors?.font1
8190
+ letterSpacing: '0px'
8300
8191
  },
8301
8192
  videoTestimonialTitle: {
8302
8193
  // fontSize: '24px',
@@ -8613,7 +8504,7 @@ const useFormPageStyles = createUseStyles(theme => ({
8613
8504
  padding: ({
8614
8505
  isMobile
8615
8506
  } = {}) => isMobile ? `${theme.spacing.padding.medium}px ${theme.spacing.padding.regular}px` : `${theme.spacing.padding.regular}px ${theme.spacing.padding.medium}px`,
8616
- background: theme?.colors?.background3,
8507
+ background: '#F4F9FF',
8617
8508
  '&, & *, & *:before, & *:after': {
8618
8509
  fontFamily: theme?.typography?.fontFamily,
8619
8510
  boxSizing: 'border-box'
@@ -8630,7 +8521,7 @@ const useFormPageStyles = createUseStyles(theme => ({
8630
8521
  marginTop: '8px',
8631
8522
  fontSize: theme.typography.fontSize.h6,
8632
8523
  lineHeight: '23px',
8633
- color: theme?.colors?.gray,
8524
+ color: 'rgba(51, 51, 51, 0.5)',
8634
8525
  marginBottom: theme.spacing.margin.tiny
8635
8526
  },
8636
8527
  formPageFormContainer: {
@@ -8649,8 +8540,8 @@ const useFormPageStyles = createUseStyles(theme => ({
8649
8540
  },
8650
8541
 
8651
8542
  inputFieldLabel: {
8652
- color: theme?.colors?.lightblack,
8653
- fontSize: theme.typography.fontSize.body,
8543
+ color: '#333',
8544
+ fontSize: theme.typography.fontSize.subHead,
8654
8545
  fontWeight: theme.typography.fontWeight.semiBold,
8655
8546
  display: 'block',
8656
8547
  marginTop: '20px',
@@ -8661,8 +8552,8 @@ const useFormPageStyles = createUseStyles(theme => ({
8661
8552
  borderRadius: '8px',
8662
8553
  border: '1px solid #D8E0F0',
8663
8554
  padding: '12px 16px',
8664
- color: theme?.colors?.lightblack,
8665
- fontSize: theme.typography.fontSize.body
8555
+ color: '#7D8592',
8556
+ fontSize: theme.typography.fontSize.subHead
8666
8557
  },
8667
8558
  checkboxField: {
8668
8559
  // padding: '20px',
@@ -8670,21 +8561,21 @@ const useFormPageStyles = createUseStyles(theme => ({
8670
8561
  // borderRadius: '8px'
8671
8562
  },
8672
8563
  checkBoxFieldLabel: {
8673
- color: theme?.colors?.lightblack,
8674
- fontSize: theme.typography.fontSize.body,
8564
+ color: '#333',
8565
+ fontSize: theme.typography.fontSize.subHead,
8675
8566
  fontWeight: theme.typography.fontWeight.semiBold,
8676
8567
  marginTop: '20px',
8677
8568
  marginBottom: '12px'
8678
8569
  },
8679
8570
  inputFieldRequired: {
8680
- color: theme?.colors?.lightblack
8571
+ color: '#F41828'
8681
8572
  },
8682
8573
  checkboxFieldControl: {
8683
8574
  padding: '8px 0',
8684
8575
  '& label': {
8685
- fontSize: theme.typography.fontSize.body,
8576
+ fontSize: theme.typography.fontSize.subHead,
8686
8577
  marginLeft: '10px',
8687
- color: theme?.colors?.lightblack
8578
+ color: '#7D8592'
8688
8579
  }
8689
8580
  },
8690
8581
  submitBtnContainer: {
@@ -8697,7 +8588,8 @@ const useFormPageStyles = createUseStyles(theme => ({
8697
8588
  '& button': {
8698
8589
  // height: '44px',
8699
8590
  padding: '16px 24px',
8700
- fontSize: theme.typography.fontSize.body,
8591
+ color: '#FFFFFF',
8592
+ fontSize: theme.typography.fontSize.subHead,
8701
8593
  cursor: 'pointer',
8702
8594
  borderRadius: '8px'
8703
8595
  }
@@ -9705,7 +9597,7 @@ function PageRenderer({
9705
9597
  countryCode,
9706
9598
  currencySymbol
9707
9599
  }), [isMobile, isLandingPages, layout, baseURLs, hashToken, isPreview, isEdit, templateId, navList, isMasterTemplate, basePath, validations, isTutorWebsite, extraProps, hideLogin, _id, countryCode, currencySymbol]);
9708
- const theme = React.useMemo(() => generateTheme(color, font, context.isMobile), [color, font, context.isMobile]);
9600
+ const theme = React.useMemo(() => getTheme(color, font, context.isMobile), [color, font, context.isMobile]);
9709
9601
  const Wrapper = SectionWrapper || React.Fragment;
9710
9602
  return /*#__PURE__*/React__default["default"].createElement(ThemeProvider, {
9711
9603
  theme: theme