diy-template-components 1.1.2 → 1.1.4

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,13 +377,11 @@ 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?.palette?.background?.default,
380
+ } = {}) => disabled ? colorMixer(theme?.palette?.background?.default, 0.5).color : theme?.colors?.CtaTextColor,
381
381
  background: ({
382
382
  disabled
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}`,
383
+ } = {}) => disabled ? colorMixer(theme?.palette?.primary.main, 0.5).color : theme?.colors?.ctaColor,
384
+ border: 'none',
387
385
  textDecoration: 'none',
388
386
  cursor: ({
389
387
  disabled
@@ -405,13 +403,13 @@ const buttonStyles = createUseStyles(theme => ({
405
403
  lineHeight: '18px',
406
404
  color: ({
407
405
  disabled
408
- } = {}) => disabled ? colorMixer(theme.palette.primary.main, 0.5).color : theme.palette.primary.main,
406
+ } = {}) => disabled ? colorMixer(theme.palette.primary.main, 0.5).color : theme?.colors?.CtaTextColor,
409
407
  background: ({
410
408
  disabled
411
- } = {}) => disabled ? colorMixer(theme?.palette?.background?.default, 0.5).color : theme?.palette?.background?.default,
409
+ } = {}) => disabled ? colorMixer(theme?.palette?.parimar?.default, 0.5).color : theme?.colors?.ctaColor,
412
410
  border: ({
413
411
  disabled
414
- } = {}) => disabled ? `1px solid ${colorMixer(theme.palette.primary.main, 0.5).color}` : `1px solid ${theme.palette.primary.main}`,
412
+ } = {}) => disabled ? `1px solid ${colorMixer(theme.palette.primary.main, 0.5).color}` : `1px solid ${theme?.colors?.ctaColor}`,
415
413
  cursor: ({
416
414
  disabled
417
415
  } = {}) => disabled ? 'not-allowed' : 'pointer',
@@ -1044,25 +1042,6 @@ var appStore = "data:image/svg+xml,%3Csvg%20width%3D%22116%22%20height%3D%2240%2
1044
1042
 
1045
1043
  var downloadApkImage = "data:image/png;base64,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";
1046
1044
 
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
-
1066
1045
  function OptionList({
1067
1046
  optionsData,
1068
1047
  headerData,
@@ -1089,7 +1068,6 @@ function OptionList({
1089
1068
  };
1090
1069
  const tabData = tabsDataModifier();
1091
1070
  const classes = useSectionStyles$a();
1092
- console.log(headerData, 'sakshat header options');
1093
1071
  const isAndroidDelisted = headerData?.isAndroidDelisted;
1094
1072
  const apkURL = headerData?.apkURL;
1095
1073
  const downloadApkURL = isAndroidDelisted && apkURL ? apkURL : null;
@@ -1135,7 +1113,6 @@ function OptionList({
1135
1113
  alt: "appStore"
1136
1114
  })) : null);
1137
1115
  };
1138
- const iosLink = isTutorWebsite ? headerData?.iosUrl : headerData?.iosDownloadLink;
1139
1116
  return /*#__PURE__*/React__default["default"].createElement("div", {
1140
1117
  className: classes.listSection
1141
1118
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -1159,9 +1136,9 @@ function OptionList({
1159
1136
  list: moreContent,
1160
1137
  label: 'More',
1161
1138
  icon: arrowDown
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, {
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, {
1163
1140
  data: {
1164
- link: isAndroidDelisted ? getAppDownloadLink(downloadApkURL, iosLink) : getAppDownloadLink(headerData?.androidDownloadLink, iosLink),
1141
+ link: downloadApkURL ? downloadApkURL : headerData?.appLink,
1165
1142
  isLink: 1,
1166
1143
  value: downloadAppText,
1167
1144
  isExternal: 1
@@ -1314,7 +1291,6 @@ function DesktopHeader({
1314
1291
  }
1315
1292
  return moreContent;
1316
1293
  };
1317
- console.log(header, 'sakshat header desktop');
1318
1294
  return /*#__PURE__*/React__default["default"].createElement("nav", {
1319
1295
  className: classes.section
1320
1296
  }, !(header?.websiteLogo === DEFAULT_HEADER_IMAGE_LP && isCustomWebsite) ? /*#__PURE__*/React__default["default"].createElement("div", {
@@ -1355,6 +1331,10 @@ function DesktopHeader({
1355
1331
  }));
1356
1332
  }
1357
1333
 
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
+
1358
1338
  function MobileHeader({
1359
1339
  header,
1360
1340
  navData,
@@ -1387,18 +1367,56 @@ function MobileHeader({
1387
1367
  body?.removeAttribute('style');
1388
1368
  }
1389
1369
  }, [sideMenu]);
1370
+ let iosUrl = null;
1371
+ let androidUrl = null;
1390
1372
  let downloadLink = null;
1391
1373
  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');
1397
1374
  if (isTutorWebsite) {
1398
- if (isAndroidDelisted && apkURL) {
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) {
1399
1417
  downloadLink = /*#__PURE__*/React__default["default"].createElement(Button, {
1400
1418
  data: {
1401
- link: getAppDownloadLink(apkURL, iosDownloadLink),
1419
+ link: header?.iosUrl ? header?.iosUrl : header?.apkURL,
1402
1420
  isLink: 1,
1403
1421
  value: downloadAppText,
1404
1422
  isExternal: 1
@@ -1408,12 +1426,27 @@ function MobileHeader({
1408
1426
  target: 'blank',
1409
1427
  rel: null
1410
1428
  });
1411
- } else if (androidDownloadLink?.length || iosDownloadLink?.length) {
1429
+ } else if (iosUrl && androidUrl) {
1430
+ downloadLink = /*#__PURE__*/React__default["default"].createElement("div", null, iosUrl, androidUrl);
1431
+ } else if (header?.iosUrl) {
1412
1432
  downloadLink = /*#__PURE__*/React__default["default"].createElement(Button, {
1413
1433
  data: {
1414
- link: getAppDownloadLink(androidDownloadLink, iosDownloadLink),
1434
+ link: header?.iosUrl,
1415
1435
  isLink: 1,
1416
- value: downloadAppText,
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,
1417
1450
  isExternal: 1
1418
1451
  },
1419
1452
  type: 'primary',
@@ -1425,10 +1458,10 @@ function MobileHeader({
1425
1458
  downloadLink = null;
1426
1459
  }
1427
1460
  } else {
1428
- if (isAndroidDelisted && apkURL) {
1461
+ if (header?.isAndroidDelisted && header?.apkURL) {
1429
1462
  downloadLink = /*#__PURE__*/React__default["default"].createElement(Button, {
1430
1463
  data: {
1431
- link: getAppDownloadLink(header?.apkURL, header?.iosUrl),
1464
+ link: header?.iosUrl ? header?.iosUrl : header?.apkURL,
1432
1465
  isLink: 1,
1433
1466
  value: downloadAppText,
1434
1467
  isExternal: 1
@@ -1438,11 +1471,10 @@ function MobileHeader({
1438
1471
  target: 'blank',
1439
1472
  rel: null
1440
1473
  });
1441
- } else if (header?.appLink || header?.iosUrl) {
1442
- console.log('inside custom website');
1474
+ } else if (header?.appLink) {
1443
1475
  downloadLink = /*#__PURE__*/React__default["default"].createElement(Button, {
1444
1476
  data: {
1445
- link: getAppDownloadLink(header?.appLink, header?.iosUrl),
1477
+ link: header?.appLink,
1446
1478
  isLink: 1,
1447
1479
  value: downloadAppText,
1448
1480
  isExternal: 1
@@ -2058,17 +2090,13 @@ function getTheme(colorTheme = 'blue', fontFamily = 'Arial', isMobile) {
2058
2090
  const shape = {
2059
2091
  borderRadius
2060
2092
  };
2061
- const spacing = {
2062
- padding: isMobile ? mobilePadding : padding,
2063
- margin: isMobile ? mobileMargin : margin
2064
- };
2065
2093
  return {
2066
2094
  palette,
2067
2095
  shape,
2068
2096
  typography,
2069
2097
  shadows: generateShadows(palette),
2070
- borders: generateBorders(palette),
2071
- spacing
2098
+ borders: generateBorders(palette)
2099
+ // spacing
2072
2100
  };
2073
2101
  }
2074
2102
 
@@ -2190,6 +2218,173 @@ const defaultMetadata = {
2190
2218
  layout: defaultLayout
2191
2219
  };
2192
2220
 
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}(180deg,#5418D1 0.42%,#2C88FF 79.92%)`,
2231
+ tertiaryblue: '#F4F9FF',
2232
+ // Orange gradient
2233
+
2234
+ orange: '#FF9000',
2235
+ orangegradient: `${GRADIENT}(138deg, #E96263 12.32%, #EAAE4C 98.22%)`,
2236
+ tertiaryorange: '#FFF6EA',
2237
+ // Pink gradient
2238
+
2239
+ pink: '#F72585',
2240
+ pinkgradient: `${GRADIENT}(135deg, #F97794 0%, #623AA2 100%)`,
2241
+ tertiarypink: '#FEE9F3',
2242
+ // Violet gradient
2243
+
2244
+ violet: '#6026A8',
2245
+ violetgradient: `${GRADIENT}(226deg, #B66EC0 -12.73%, #460FA1 104.66%)`,
2246
+ tertiaryviolet: '#F5F2FA',
2247
+ // Teal gradient
2248
+
2249
+ teal: '#46A9A9',
2250
+ tealgradient: `${GRADIENT}(135deg, #0E5CAD 0%, #79F1A4 100%)`,
2251
+ tertiaryteal: '#F4FAFA',
2252
+ //Red solid
2253
+
2254
+ red: '#F41828',
2255
+ tertiaryred: '#FFF2F3',
2256
+ // Green
2257
+
2258
+ green: '#8ECE19',
2259
+ tertiarygreen: '#F4FAFA',
2260
+ //Maroon solid
2261
+
2262
+ rust: '#9B2226',
2263
+ tertiaryrust: '#FFF0F0',
2264
+ //Purple solid
2265
+
2266
+ purple: '#6269C9',
2267
+ tertiarypurple: '#F4F6FF',
2268
+ //Golden gradient
2269
+
2270
+ golden: `#F2BA35`,
2271
+ goldengradient: `${GRADIENT}(180deg, #F0EA88 0%, #CFA749 99.48%)`,
2272
+ //light green gradient
2273
+
2274
+ lightgreen: `#D6E359`,
2275
+ lightgreengradient: `${GRADIENT}(180deg, #D6E359 0%, #9DB545 100%)`,
2276
+ //light blue gradient
2277
+
2278
+ lightblue: `#A8EDF8`,
2279
+ lightbluegradient: `${GRADIENT}(90deg, #A8EDF8 0.29%, #5EC9E1 97.33%)`,
2280
+ skyblue: '#00ADE7',
2281
+ tertiaryskyblue: '#F2FCFF'
2282
+ };
2283
+
2284
+ const generateTheme = (theme = 'blue', fontFamily = 'Arial', isMobile) => {
2285
+ let themeColor = theme.split('-');
2286
+ let color, gradient, darkMode;
2287
+ if (themeColor.length === 1) {
2288
+ color = themeColor[0];
2289
+ } else if (themeColor.length === 2) {
2290
+ color = themeColor[0];
2291
+ gradient = themeColor[1];
2292
+ } else {
2293
+ color = themeColor[0];
2294
+ gradient = themeColor[1];
2295
+ darkMode = themeColor[2];
2296
+ }
2297
+ console.log('color', allColors, gradient, darkMode);
2298
+
2299
+ // switch (color) {
2300
+ // case solidColors:
2301
+ // break;
2302
+
2303
+ // case gradientColors:
2304
+ // break;
2305
+
2306
+ // default:
2307
+ // break;
2308
+ // }
2309
+
2310
+ // type 1
2311
+ // const solidColors = {
2312
+ // font1: solidBaseColors?.black,
2313
+ // font2: solidBaseColors?.black,
2314
+ // font3: solidBaseColors?.black,
2315
+ // font4: solidBaseColors?.black,
2316
+ // AccentColor: solidBaseColors[theme],
2317
+ // background1: solidBaseColors?.white,
2318
+ // background2: solidBaseColors['tertiary' + theme],
2319
+ // background3: solidBaseColors['tertiary' + theme],
2320
+ // ctaColor: solidBaseColors[theme],
2321
+ // CtaTextColor: solidBaseColors?.white,
2322
+ // icon: solidBaseColors[theme],
2323
+ // iconBg: solidBaseColors['tertiary' + theme],
2324
+ // stripBg: solidBaseColors[theme],
2325
+ // stripText: solidBaseColors?.white,
2326
+ // inputBorderColor: solidBaseColors?.blue2,
2327
+ // tertiaryBlue2: solidBaseColors?.tertiaryblue2
2328
+ // };
2329
+
2330
+ //type 2
2331
+ // const gradientColors = {
2332
+ // font1: gradientBaseColors?.white,
2333
+ // font2: gradientBaseColors?.black,
2334
+ // font3: gradientBaseColors?.black,
2335
+ // font4: gradientBaseColors?.white,
2336
+ // AccentColor: gradientBaseColors[theme],
2337
+ // background1: gradientBaseColors[theme + 'gradient'],
2338
+ // background2: gradientBaseColors['tertiary' + theme],
2339
+ // background3: gradientBaseColors[theme + 'gradient'],
2340
+ // ctaColor: gradientBaseColors[theme + 'gradient'],
2341
+ // CtaTextColor: gradientBaseColors?.white,
2342
+ // icon: gradientBaseColors[theme],
2343
+ // iconBg: gradientBaseColors['tertiary' + theme],
2344
+ // stripBg: gradientBaseColors?.black,
2345
+ // stripText: gradientBaseColors?.white
2346
+ // };
2347
+
2348
+ const colors = {
2349
+ font1: gradient ? allColors?.white : allColors?.black,
2350
+ font2: darkMode ? allColors[color] : allColors?.black,
2351
+ font3: darkMode ? allColors?.white : allColors?.black,
2352
+ font4: darkMode ? allColors[color] : gradient ? allColors?.white : allColors?.black,
2353
+ AccentColor: allColors[color],
2354
+ background1: darkMode ? allColors?.lightblack : gradient ? allColors[color + 'gradient'] : allColors?.white,
2355
+ background2: darkMode ? allColors?.lightblack : allColors['tertiary' + color],
2356
+ background3: darkMode ? allColors?.lightblack : gradient ? allColors[color + 'gradient'] : allColors['tertiary' + color],
2357
+ ctaColor: darkMode ? allColors[color + 'gradient'] : gradient ? allColors[color + 'gradient'] : allColors[color],
2358
+ CtaTextColor: darkMode ? allColors?.lightblack : allColors?.white,
2359
+ icon: allColors[color],
2360
+ iconBg: darkMode ? allColors?.lightblack : allColors['tertiary' + color],
2361
+ stripBg: darkMode ? allColors[color + 'gradient'] : allColors?.black,
2362
+ stripText: darkMode ? allColors?.lightblack : allColors?.white,
2363
+ inputBorderColor: allColors?.blue2,
2364
+ tertiaryBlue2: allColors?.tertiaryblue2,
2365
+ white: allColors?.white,
2366
+ black: allColors?.black,
2367
+ lightblack: allColors?.lightblack,
2368
+ gray: allColors?.gray
2369
+ };
2370
+ const typography = {
2371
+ fontFamily: `"${fontFamily}", "Roboto", "Helvetica", "Arial", "sans-serif"`,
2372
+ fontSize: isMobile ? fontSizeMob : fontSize,
2373
+ fontWeight
2374
+ };
2375
+ // const shape = { borderRadius };
2376
+ const spacing = {
2377
+ padding: isMobile ? mobilePadding : padding,
2378
+ margin: isMobile ? mobileMargin : margin
2379
+ };
2380
+ return {
2381
+ ...getTheme(theme),
2382
+ typography,
2383
+ spacing,
2384
+ colors
2385
+ };
2386
+ };
2387
+
2193
2388
  function PageRenderer$1({
2194
2389
  pageData: {
2195
2390
  metadata: {
@@ -2246,7 +2441,7 @@ function PageRenderer$1({
2246
2441
  countryCode,
2247
2442
  currencySymbol
2248
2443
  }), [isMobile, isLandingPages, layout, baseURLs, hashToken, isPreview, isEdit, templateId, navList, isMasterTemplate, basePath, validations, isTutorWebsite, extraProps, hideLogin, _id, countryCode, currencySymbol]);
2249
- const theme = React.useMemo(() => getTheme(color, font, context.isMobile), [color, font, context.isMobile]);
2444
+ const theme = React.useMemo(() => generateTheme(color, font, context.isMobile), [color, font, context.isMobile]);
2250
2445
  const Wrapper = SectionWrapper || React.Fragment;
2251
2446
  return /*#__PURE__*/React__default["default"].createElement(ThemeProvider, {
2252
2447
  theme: theme
@@ -2284,7 +2479,7 @@ const useSectionStyles$8 = createUseStyles(theme => ({
2284
2479
  padding: ({
2285
2480
  isMobile
2286
2481
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
2287
- backgroundColor: theme?.palette?.background?.primary,
2482
+ background: theme?.colors?.background2,
2288
2483
  '&, & *, & *:before, & *:after': {
2289
2484
  fontFamily: theme?.typography?.fontFamily,
2290
2485
  boxSizing: 'border-box'
@@ -2342,14 +2537,14 @@ const useSectionStyles$8 = createUseStyles(theme => ({
2342
2537
  marginBottom: '8px',
2343
2538
  fontSize: theme.typography.fontSize.subHead,
2344
2539
  letterSpacing: '3px',
2345
- color: theme?.palette?.font?.default,
2540
+ color: theme?.colors?.font3,
2346
2541
  wordBreak: 'break-word',
2347
2542
  maxWidth: '100%'
2348
2543
  },
2349
2544
  heading: {
2350
2545
  margin: '0',
2351
2546
  fontSize: theme.typography.fontSize.h1,
2352
- color: theme?.palette?.font?.default,
2547
+ color: theme?.colors?.font3,
2353
2548
  wordBreak: ({
2354
2549
  wordBreakValue
2355
2550
  }) => wordBreakValue || 'break-word',
@@ -2358,7 +2553,7 @@ const useSectionStyles$8 = createUseStyles(theme => ({
2358
2553
  },
2359
2554
  description: {
2360
2555
  margin: `${theme.spacing.margin.tiny}px 0px`,
2361
- color: theme?.palette?.font?.primary,
2556
+ color: theme?.colors?.font3,
2362
2557
  lineHeight: '24px',
2363
2558
  wordBreak: 'break-word'
2364
2559
  },
@@ -2475,7 +2670,7 @@ const useCarouselStyles = createUseStyles(theme => ({
2475
2670
  width: '26px',
2476
2671
  background: ({
2477
2672
  inverted
2478
- } = {}) => !!inverted ? theme?.palette?.font?.invertedDefault : theme.palette.primary.main
2673
+ } = {}) => !!inverted ? theme?.palette?.font?.invertedDefault : theme.colors.AccentColor
2479
2674
  },
2480
2675
  '@media screen and (max-width: 767px)': {
2481
2676
  sliderClass: {
@@ -2511,7 +2706,7 @@ const useArrowButtonStyles = createUseStyles(theme => ({
2511
2706
  height: sizeHandler,
2512
2707
  border: ({
2513
2708
  inverted
2514
- }) => `solid 1px ${inverted ? theme?.palette?.font?.invertedDefault : theme?.palette?.primary?.light}`,
2709
+ }) => `solid 1px ${inverted ? theme?.palette?.font?.invertedDefault : theme?.colors?.AccentColor}`,
2515
2710
  borderRadius: '50%',
2516
2711
  display: 'flex',
2517
2712
  justifyContent: 'center',
@@ -2533,7 +2728,7 @@ function ArrowButton(props) {
2533
2728
  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
2534
2729
  height: props.size === 'small' ? '12px' : '18px',
2535
2730
  name: "Angle",
2536
- color: props.inverted ? theme?.palette?.font?.invertedDefault : theme?.palette?.primary?.main,
2731
+ color: props.inverted ? theme?.palette?.font?.invertedDefault : theme?.colors?.AccentColor,
2537
2732
  inverted: true
2538
2733
  }));
2539
2734
  }
@@ -2743,7 +2938,6 @@ const useSectionStyles$7 = createUseStyles(theme => ({
2743
2938
  justifyContent: 'center',
2744
2939
  flexDirection: 'column',
2745
2940
  alignItems: 'center',
2746
- backgroundColor: theme?.palette?.background?.default,
2747
2941
  '&, & *, & *:before, & *:after': {
2748
2942
  fontFamily: theme?.typography?.fontFamily,
2749
2943
  boxSizing: 'border-box'
@@ -2761,7 +2955,7 @@ const useSectionStyles$7 = createUseStyles(theme => ({
2761
2955
  subTitleHeading: {
2762
2956
  marginBottom: '8px',
2763
2957
  fontSize: theme.typography.fontSize.subHead,
2764
- color: theme?.palette?.font?.default,
2958
+ color: theme?.colors?.black,
2765
2959
  alignItems: 'center',
2766
2960
  textAlign: 'center',
2767
2961
  wordBreak: 'break-word',
@@ -2771,7 +2965,7 @@ const useSectionStyles$7 = createUseStyles(theme => ({
2771
2965
  heading: {
2772
2966
  marginBottom: theme.spacing.margin.tiny,
2773
2967
  fontSize: theme.typography.fontSize.h2,
2774
- color: theme?.palette?.font?.default,
2968
+ color: theme?.colors?.black,
2775
2969
  fontWeight: theme.typography.fontWeight.bold,
2776
2970
  textAlign: 'center',
2777
2971
  wordBreak: 'break-word'
@@ -2788,7 +2982,7 @@ const useSectionStyles$7 = createUseStyles(theme => ({
2788
2982
  display: 'flex',
2789
2983
  width: 'calc(100% - 200px)',
2790
2984
  alignItems: 'center',
2791
- background: theme?.palette?.background?.default,
2985
+ background: theme?.colors?.white,
2792
2986
  boxShadow: theme?.shadows?.primary,
2793
2987
  borderRadius: theme?.shape?.borderRadius?.regular,
2794
2988
  overflow: 'hidden',
@@ -2812,33 +3006,13 @@ const useSectionStyles$7 = createUseStyles(theme => ({
2812
3006
  '& $contentText': {
2813
3007
  marginLeft: '170px'
2814
3008
  }
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
2836
3009
  }
2837
3010
  },
2838
3011
  contentNumber: {
2839
3012
  position: 'absolute',
2840
3013
  top: '0',
2841
3014
  fontWeight: '700',
3015
+ background: theme?.colors?.background3,
2842
3016
  fontSize: '72px',
2843
3017
  letterSpacing: '-3px',
2844
3018
  display: 'flex',
@@ -2846,7 +3020,7 @@ const useSectionStyles$7 = createUseStyles(theme => ({
2846
3020
  justifyContent: 'center',
2847
3021
  padding: '48px',
2848
3022
  height: '100%',
2849
- color: theme?.palette?.font?.default,
3023
+ color: theme?.colors?.font4,
2850
3024
  wordBreak: 'break-word'
2851
3025
  },
2852
3026
  contentText: {
@@ -2858,14 +3032,14 @@ const useSectionStyles$7 = createUseStyles(theme => ({
2858
3032
  fontWeight: theme.typography.fontWeight.bold,
2859
3033
  lineHeight: '32px',
2860
3034
  marginBottom: '8px',
2861
- color: theme?.palette?.font?.default,
3035
+ color: theme?.colors?.lightblack,
2862
3036
  wordBreak: 'break-word'
2863
3037
  },
2864
3038
  contentPara: {
2865
3039
  fontStyle: 'normal',
2866
3040
  fontSize: '16px',
2867
3041
  lineHeight: '26px',
2868
- color: theme?.palette?.font?.primary,
3042
+ color: theme?.colors?.gray,
2869
3043
  wordBreak: 'break-word'
2870
3044
  },
2871
3045
  '@media screen and (max-width: 767px)': {
@@ -3278,6 +3452,7 @@ const useSectionStyles$5 = createUseStyles(theme => {
3278
3452
  return {
3279
3453
  section: {
3280
3454
  padding: `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
3455
+ background: theme?.colors?.background2,
3281
3456
  '&, & *, & *:before, & *:after': {
3282
3457
  fontFamily: theme?.typography?.fontFamily,
3283
3458
  boxSizing: 'border-box'
@@ -3321,7 +3496,7 @@ const useSectionStyles$5 = createUseStyles(theme => {
3321
3496
  }
3322
3497
  },
3323
3498
  imageBorder: {
3324
- border: `2px solid ${theme?.palette?.primary?.light}`,
3499
+ // border: `2px solid ${theme?.palette?.primary?.light}`,
3325
3500
  borderRadius: theme?.shape?.borderRadius?.small,
3326
3501
  position: 'absolute',
3327
3502
  width: '100%',
@@ -3346,13 +3521,13 @@ const useSectionStyles$5 = createUseStyles(theme => {
3346
3521
  marginBottom: '8px',
3347
3522
  fontSize: theme?.typography?.fontSize?.subHead,
3348
3523
  letterSpacing: '3px',
3349
- color: theme?.palette?.font?.default,
3524
+ color: theme?.colors?.font3,
3350
3525
  wordBreak: 'break-word'
3351
3526
  },
3352
3527
  heading: {
3353
3528
  margin: '0',
3354
3529
  fontSize: theme?.typography?.fontSize?.h1,
3355
- color: theme?.palette?.font?.default,
3530
+ color: theme?.colors?.font3,
3356
3531
  wordBreak: ({
3357
3532
  wordBreakValue
3358
3533
  }) => wordBreakValue || 'break-word',
@@ -3362,7 +3537,7 @@ const useSectionStyles$5 = createUseStyles(theme => {
3362
3537
  description: {
3363
3538
  marginTop: theme.spacing.margin.tiny,
3364
3539
  marginBottom: theme.spacing.margin.tiny,
3365
- color: theme?.palette?.font?.primary,
3540
+ color: theme?.colors?.font3,
3366
3541
  lineHeight: '24px',
3367
3542
  wordBreak: 'break-word'
3368
3543
  },
@@ -3528,16 +3703,16 @@ const useSectionStyles$4 = createUseStyles(theme => ({
3528
3703
  containerWidth
3529
3704
  } = {}) => containerWidth
3530
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
+ // partialBackground: {
3707
+ // top: '0',
3708
+ // left: '0',
3709
+ // width: '100%',
3710
+ // height: '50%',
3711
+ // position: 'absolute',
3712
+ // background: theme?.palette?.background?.primary
3713
+ // },
3539
3714
  sectionContainer: {
3540
- backgroundColor: theme?.palette?.background?.default,
3715
+ backgroundColor: theme?.colors?.background2,
3541
3716
  boxShadow: theme?.shadows?.secondary,
3542
3717
  borderRadius: theme?.shape?.borderRadius?.regular,
3543
3718
  padding: theme.spacing.padding.small,
@@ -3548,7 +3723,7 @@ const useSectionStyles$4 = createUseStyles(theme => ({
3548
3723
  fontWeight: theme.typography.fontWeight.bold,
3549
3724
  lineHeight: '71px',
3550
3725
  letterSpacing: '-3px',
3551
- color: theme?.palette?.font?.default,
3726
+ color: theme?.colors?.font3,
3552
3727
  marginBottom: theme.spacing.padding.tiny,
3553
3728
  wordBreak: 'break-word'
3554
3729
  },
@@ -3560,7 +3735,7 @@ const useSectionStyles$4 = createUseStyles(theme => ({
3560
3735
  title: {
3561
3736
  fontSize: theme.typography.fontSize.h6,
3562
3737
  lineHeight: '32px',
3563
- color: theme?.palette?.font?.primary,
3738
+ color: theme?.colors?.font3,
3564
3739
  wordBreak: 'break-word',
3565
3740
  flex: 1
3566
3741
  },
@@ -3688,8 +3863,8 @@ const inputStyles = createUseStyles(theme => ({
3688
3863
  inputField: {
3689
3864
  width: '100%',
3690
3865
  // maxWidth: '314px',
3691
- background: theme?.palette?.background?.default,
3692
- border: `1px solid ${theme?.palette?.border?.secondary}`,
3866
+ // background: theme?.palette?.background?.default,
3867
+ border: `1px solid ${theme?.colors?.icon}`,
3693
3868
  borderRadius: theme?.shape?.borderRadius?.regular,
3694
3869
  padding: '14px 12px',
3695
3870
  display: 'flex',
@@ -3703,7 +3878,7 @@ const inputStyles = createUseStyles(theme => ({
3703
3878
  fontWeight: '400',
3704
3879
  fontSize: '16px',
3705
3880
  lineHeight: '20px',
3706
- color: theme?.palette?.font?.primary,
3881
+ color: theme?.colors?.black,
3707
3882
  fontFamily: theme?.typography?.fontFamily
3708
3883
  },
3709
3884
  '&:focus': {
@@ -3903,7 +4078,6 @@ var index$h = /*#__PURE__*/Object.freeze({
3903
4078
 
3904
4079
  const useTestimonialStyles = createUseStyles(theme => ({
3905
4080
  testimonialContainer: {
3906
- background: theme?.palette?.background?.primary,
3907
4081
  overflow: 'hidden',
3908
4082
  padding: `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
3909
4083
  '&, & *, & *:before, & *:after': {
@@ -3921,14 +4095,14 @@ const useTestimonialStyles = createUseStyles(theme => ({
3921
4095
  } = {}) => containerWidth
3922
4096
  },
3923
4097
  testimonialText: {
3924
- color: theme?.palette?.font?.default,
4098
+ color: theme?.colors?.font2,
3925
4099
  fontSize: theme.typography.fontSize.subHead,
3926
4100
  wordBreak: 'break-word',
3927
4101
  textTransform: 'uppercase'
3928
4102
  },
3929
4103
  testimonialHeader: {
3930
4104
  fontSize: theme.typography.fontSize.h2,
3931
- color: theme?.palette?.font?.default,
4105
+ color: theme?.colors?.font2,
3932
4106
  fontWeight: theme.typography.fontWeight.bold,
3933
4107
  marginBottom: theme.spacing.margin.tiny,
3934
4108
  marginTop: '8px',
@@ -3945,7 +4119,7 @@ const useTestimonialStyles = createUseStyles(theme => ({
3945
4119
  position: 'relative',
3946
4120
  height: 'calc(100% - 12px)',
3947
4121
  width: 'calc(100% - 24px)',
3948
- background: theme?.palette?.background?.default,
4122
+ background: theme?.colors?.background1,
3949
4123
  boxShadow: theme?.shadows?.primary,
3950
4124
  borderRadius: theme?.shape?.borderRadius?.regular
3951
4125
  },
@@ -3972,7 +4146,7 @@ const useTestimonialStyles = createUseStyles(theme => ({
3972
4146
  marginBottom: theme.spacing.margin.tiny,
3973
4147
  fontSize: theme.typography.fontSize.body,
3974
4148
  wordBreak: 'break-word',
3975
- color: theme?.palette?.font?.primary,
4149
+ color: theme?.colors?.font1,
3976
4150
  lineHeight: '26px'
3977
4151
  },
3978
4152
  userContainer: {
@@ -4001,7 +4175,7 @@ const useTestimonialStyles = createUseStyles(theme => ({
4001
4175
  marginRight: '16px'
4002
4176
  },
4003
4177
  userName: {
4004
- color: theme?.palette?.font?.default,
4178
+ color: theme?.colors?.font1,
4005
4179
  margin: '0',
4006
4180
  fontSize: theme.typography.fontSize.h5,
4007
4181
  // paddingTop: '16px',
@@ -4020,19 +4194,6 @@ const useTestimonialStyles = createUseStyles(theme => ({
4020
4194
  testimonialContainer: {
4021
4195
  padding: `${theme.spacing.padding.medium}px ${theme.spacing.padding.small}px`
4022
4196
  },
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
- // },
4036
4197
  testimonialText: {
4037
4198
  textAlign: 'center'
4038
4199
  },
@@ -4085,7 +4246,7 @@ function QuotesComponent() {
4085
4246
  width: "28px",
4086
4247
  height: "21px",
4087
4248
  name: "Quote",
4088
- color: theme?.palette?.primary?.main
4249
+ color: theme?.colors?.icon
4089
4250
  }));
4090
4251
  }
4091
4252
 
@@ -4615,7 +4776,7 @@ const useVideoStyles = createUseStyles(theme => {
4615
4776
  padding: ({
4616
4777
  isMobile
4617
4778
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
4618
- backgroundColor: theme?.palette?.background?.primary,
4779
+ backgroundColor: theme?.colors?.background2,
4619
4780
  '&, & *, & *:before, & *:after': {
4620
4781
  fontFamily: theme?.typography?.fontFamily,
4621
4782
  boxSizing: 'border-box'
@@ -4638,7 +4799,7 @@ const useVideoStyles = createUseStyles(theme => {
4638
4799
  fontSize: theme.typography.fontSize.subHead,
4639
4800
  textTransform: 'uppercase',
4640
4801
  lineHeight: '20px',
4641
- color: theme?.palette?.font?.default,
4802
+ color: theme?.colors?.font2,
4642
4803
  letterSpacing: '3px',
4643
4804
  wordBreak: 'break-word'
4644
4805
  },
@@ -4649,14 +4810,14 @@ const useVideoStyles = createUseStyles(theme => {
4649
4810
  letterSpacing: '-3px',
4650
4811
  marginBottom: theme.spacing.margin.tiny,
4651
4812
  marginTop: '8px',
4652
- color: theme?.palette?.font?.default,
4813
+ color: theme?.colors?.font2,
4653
4814
  wordBreak: 'break-word'
4654
4815
  },
4655
4816
  sliderContainer: {
4656
4817
  marginRight: `-${theme.spacing.padding.medium}px`
4657
4818
  },
4658
4819
  singleSlideContainer: {
4659
- backgroundColor: theme?.palette?.background?.default,
4820
+ backgroundColor: 'white',
4660
4821
  // margin: '20px',
4661
4822
  width: 'calc(100% - 24px)',
4662
4823
  height: 'calc(100% - 40px)',
@@ -4693,14 +4854,14 @@ const useVideoStyles = createUseStyles(theme => {
4693
4854
  fontWeight: theme.typography.fontWeight.bold,
4694
4855
  lineHeight: '32px',
4695
4856
  marginBottom: '8px',
4696
- color: theme?.palette?.font?.default,
4857
+ color: theme?.colors?.lightblack,
4697
4858
  wordBreak: 'break-word'
4698
4859
  },
4699
4860
  videoDetailsSubHeading: {
4700
4861
  fontSize: theme.typography.fontSize.body,
4701
4862
  lineHeight: '24px',
4702
4863
  wordBreak: 'break-word',
4703
- color: theme?.palette?.font?.primary
4864
+ color: theme?.colors?.gray
4704
4865
  },
4705
4866
  '@media (max-width: 767px)': {
4706
4867
  videoHeading: {
@@ -4847,11 +5008,10 @@ var index$e = /*#__PURE__*/Object.freeze({
4847
5008
 
4848
5009
  const useSectionStyles$3 = createUseStyles(theme => ({
4849
5010
  section: {
4850
- position: 'relative',
4851
5011
  padding: ({
4852
5012
  isMobile
4853
5013
  } = {}) => 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`,
4854
- backgroundColor: theme?.palette?.background?.default,
5014
+ background: `linear-gradient(180deg, ${theme?.colors?.background2} 50%, #FFFFFF 50%)`,
4855
5015
  '&, & *, & *:before, & *:after': {
4856
5016
  fontFamily: theme?.typography?.fontFamily,
4857
5017
  boxSizing: 'border-box'
@@ -4870,21 +5030,13 @@ const useSectionStyles$3 = createUseStyles(theme => ({
4870
5030
  containerWidth
4871
5031
  } = {}) => containerWidth
4872
5032
  },
4873
- partialBackground: {
4874
- position: 'absolute',
4875
- top: '0',
4876
- left: '0',
4877
- height: '50%',
4878
- background: theme?.palette?.background?.primary,
4879
- width: '100%'
4880
- },
4881
5033
  content: {
4882
5034
  position: 'relative'
4883
5035
  },
4884
5036
  subTitleHeading: {
4885
5037
  width: '100%',
4886
5038
  fontSize: theme.typography.fontSize.subHead,
4887
- color: theme?.palette?.font?.default,
5039
+ color: theme?.colors?.font2,
4888
5040
  textTransform: 'uppercase',
4889
5041
  textAlign: 'left',
4890
5042
  lineHeight: '20px',
@@ -4896,7 +5048,7 @@ const useSectionStyles$3 = createUseStyles(theme => ({
4896
5048
  fontSize: theme.typography.fontSize.h2,
4897
5049
  width: '100%',
4898
5050
  lineHeight: '70px',
4899
- color: theme?.palette?.font?.default,
5051
+ color: theme?.colors?.font2,
4900
5052
  textAlign: 'left',
4901
5053
  wordBreak: 'break-word'
4902
5054
  },
@@ -4906,7 +5058,7 @@ const useSectionStyles$3 = createUseStyles(theme => ({
4906
5058
  // },
4907
5059
 
4908
5060
  card: {
4909
- background: theme?.palette?.background?.default,
5061
+ background: theme?.colors?.white,
4910
5062
  boxShadow: theme?.shadows?.primary,
4911
5063
  borderRadius: theme.shape.borderRadius.large,
4912
5064
  margin: ({
@@ -4927,7 +5079,7 @@ const useSectionStyles$3 = createUseStyles(theme => ({
4927
5079
  textAlign: 'center',
4928
5080
  fontSize: theme.typography.fontSize.h6,
4929
5081
  fontWeight: theme.typography.fontWeight.bold,
4930
- color: theme?.palette?.font?.default,
5082
+ color: theme?.colors?.lightblack,
4931
5083
  margin: `16px 0px`,
4932
5084
  wordBreak: 'break-word'
4933
5085
  },
@@ -4939,7 +5091,7 @@ const useSectionStyles$3 = createUseStyles(theme => ({
4939
5091
  alignItems: 'center',
4940
5092
  justifyContent: 'center',
4941
5093
  borderRadius: '50%',
4942
- background: theme?.palette?.background?.primary
5094
+ background: theme?.colors?.background2
4943
5095
  },
4944
5096
  buttonContainerClass: {
4945
5097
  marginRight: theme.spacing.margin.regular,
@@ -4953,7 +5105,7 @@ const useSectionStyles$3 = createUseStyles(theme => ({
4953
5105
  textAlign: 'center',
4954
5106
  fontSize: theme.typography.fontSize.body,
4955
5107
  lineHeight: '22px',
4956
- color: theme?.palette?.font?.primary,
5108
+ color: theme?.colors?.gray,
4957
5109
  margin: '0',
4958
5110
  wordBreak: 'break-word'
4959
5111
  },
@@ -5039,7 +5191,7 @@ function Info({
5039
5191
  className: classes.imageContainer
5040
5192
  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
5041
5193
  name: dt.icon.metadata.value,
5042
- color: theme.palette.primary.main,
5194
+ color: theme?.colors?.icon,
5043
5195
  width: isMobile ? '30px' : '40px',
5044
5196
  height: isMobile ? '30px' : '40px'
5045
5197
  })), /*#__PURE__*/React__default["default"].createElement("h3", {
@@ -5096,7 +5248,7 @@ const useSectionStyles$2 = createUseStyles(theme => ({
5096
5248
  padding: ({
5097
5249
  isMobile
5098
5250
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
5099
- backgroundColor: theme?.palette?.background?.default,
5251
+ backgroundColor: theme?.colors?.background2,
5100
5252
  '&, & *, & *:before, & *:after': {
5101
5253
  fontFamily: theme?.typography?.fontFamily,
5102
5254
  boxSizing: 'border-box'
@@ -5113,7 +5265,7 @@ const useSectionStyles$2 = createUseStyles(theme => ({
5113
5265
  subHeading: {
5114
5266
  fontSize: theme.typography.fontSize.subHead,
5115
5267
  marginBottom: '8px',
5116
- color: theme?.palette?.font?.default,
5268
+ color: theme?.colors?.font3,
5117
5269
  wordBreak: 'break-word',
5118
5270
  textTransform: 'uppercase',
5119
5271
  letterSpacing: '3px'
@@ -5123,7 +5275,7 @@ const useSectionStyles$2 = createUseStyles(theme => ({
5123
5275
  fontWeight: theme.typography.fontWeight.bold,
5124
5276
  lineHeight: 'normal',
5125
5277
  margin: '0',
5126
- color: theme?.palette?.font?.default,
5278
+ color: theme?.colors?.font3,
5127
5279
  wordBreak: 'break-word',
5128
5280
  marginBottom: theme.spacing.margin.tiny
5129
5281
  },
@@ -5134,7 +5286,7 @@ const useSectionStyles$2 = createUseStyles(theme => ({
5134
5286
  padding: '32px 0px'
5135
5287
  },
5136
5288
  textPara: {
5137
- color: theme?.palette?.font?.primary,
5289
+ color: theme?.colors?.font3,
5138
5290
  wordBreak: 'break-word',
5139
5291
  fontSize: theme.typography.fontSize.body,
5140
5292
  lineHeight: '24px'
@@ -5441,7 +5593,7 @@ const useFaqListStyles = createUseStyles(theme => ({
5441
5593
  padding: ({
5442
5594
  isMobile
5443
5595
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
5444
- backgroundColor: theme?.palette?.background?.primary,
5596
+ backgroundColor: theme?.colors?.background2,
5445
5597
  '&, & *, & *:before, & *:after': {
5446
5598
  fontFamily: theme?.typography?.fontFamily,
5447
5599
  boxSizing: 'border-box'
@@ -5456,7 +5608,7 @@ const useFaqListStyles = createUseStyles(theme => ({
5456
5608
  } = {}) => containerWidth
5457
5609
  },
5458
5610
  sectionSubheading: {
5459
- color: theme?.palette?.font.default,
5611
+ color: theme?.colors?.font3,
5460
5612
  fontSize: theme.typography.fontSize.subHead,
5461
5613
  marginBottom: '8px',
5462
5614
  wordBreak: 'break-word'
@@ -5465,15 +5617,16 @@ const useFaqListStyles = createUseStyles(theme => ({
5465
5617
  fontSize: theme.typography.fontSize.h2,
5466
5618
  fontWeight: theme.typography.fontWeight.bold,
5467
5619
  wordBreak: 'break-word',
5468
- marginBottom: `${theme.spacing.margin.tiny}px`
5620
+ marginBottom: `${theme.spacing.margin.tiny}px`,
5621
+ color: theme?.colors?.font3
5469
5622
  },
5470
5623
  container: {
5471
5624
  boxShadow: theme?.shadows?.secondary,
5472
5625
  borderRadius: '8px',
5473
- backgroundColor: theme?.palette?.background?.default
5626
+ backgroundColor: theme?.colors?.white
5474
5627
  },
5475
5628
  basicCardContainer: {
5476
- borderBottom: theme?.borders?.secondary,
5629
+ borderBottom: `1px solid ${theme?.colors?.background2}`,
5477
5630
  padding: `${theme.spacing.padding.tiny}px`
5478
5631
  },
5479
5632
  innerContainer: {
@@ -5492,14 +5645,14 @@ const useFaqListStyles = createUseStyles(theme => ({
5492
5645
  alignItems: 'center'
5493
5646
  },
5494
5647
  title: {
5495
- color: theme?.palette?.font.default,
5648
+ color: theme?.colors?.lightblack,
5496
5649
  fontSize: theme.typography.fontSize.h5,
5497
5650
  fontWeight: theme.typography.fontWeight.bold,
5498
5651
  margin: '0',
5499
5652
  wordBreak: 'break-word'
5500
5653
  },
5501
5654
  content: {
5502
- color: theme?.palette?.font.primary,
5655
+ color: theme?.colors?.lightblack,
5503
5656
  fontSize: theme.typography.fontSize.body,
5504
5657
  lineHeight: '24px',
5505
5658
  maxHeight: ({
@@ -5619,11 +5772,10 @@ var index$a = /*#__PURE__*/Object.freeze({
5619
5772
 
5620
5773
  const useTextGridStyles = createUseStyles(theme => ({
5621
5774
  section: {
5775
+ background: theme.colors.background1,
5622
5776
  padding: ({
5623
5777
  isMobile
5624
5778
  } = {}) => 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
-
5627
5779
  '&, & *, & *:before, & *:after': {
5628
5780
  fontFamily: theme?.typography?.fontFamily,
5629
5781
  boxSizing: 'border-box'
@@ -5631,14 +5783,7 @@ const useTextGridStyles = createUseStyles(theme => ({
5631
5783
  '& h2,& h3,& p': {
5632
5784
  marginTop: '0'
5633
5785
  }
5634
- // '& h2,& h3': {
5635
- // fontWeight: '500',
5636
- // '& b,& strong': {
5637
- // fontWeight: '700'
5638
- // }
5639
- // }
5640
5786
  },
5641
-
5642
5787
  sectionContainer: {
5643
5788
  margin: '0 auto',
5644
5789
  maxWidth: ({
@@ -5646,7 +5791,7 @@ const useTextGridStyles = createUseStyles(theme => ({
5646
5791
  } = {}) => containerWidth
5647
5792
  },
5648
5793
  subheading: {
5649
- color: theme?.palette?.font.default,
5794
+ color: theme?.colors?.font1,
5650
5795
  fontSize: theme.typography.fontSize.subHead,
5651
5796
  lineHeight: '20px',
5652
5797
  letterSpacing: '3px',
@@ -5660,7 +5805,8 @@ const useTextGridStyles = createUseStyles(theme => ({
5660
5805
  fontWeight: theme.typography.fontWeight.bold,
5661
5806
  letterSpacing: '-3px',
5662
5807
  marginBottom: theme.spacing.margin.tiny,
5663
- wordBreak: 'break-word'
5808
+ wordBreak: 'break-word',
5809
+ color: theme?.colors?.font1
5664
5810
  },
5665
5811
  sliderContainer: {
5666
5812
  margin: '0 -10px'
@@ -5930,7 +6076,7 @@ const useCourseStyles = createUseStyles(theme => {
5930
6076
  display: 'flex',
5931
6077
  justifyContent: 'flex-start',
5932
6078
  alignItems: 'center',
5933
- fontSize: theme.typography.fontSize.subHead,
6079
+ fontSize: theme.typography.fontSize.body,
5934
6080
  color: theme?.palette?.font?.primary,
5935
6081
  '& img': {
5936
6082
  marginRight: '5px'
@@ -5963,8 +6109,8 @@ const useCourseStyles = createUseStyles(theme => {
5963
6109
  },
5964
6110
  courseCardBuyBtn: {
5965
6111
  cursor: 'pointer',
5966
- background: theme?.palette?.primary?.main,
5967
- color: theme?.palette?.font?.invertedDefault,
6112
+ background: theme?.colors?.ctaColor,
6113
+ color: theme?.colors?.CtaTextColor,
5968
6114
  padding: '8px 16px',
5969
6115
  fontWeight: theme.typography.fontWeight.bold,
5970
6116
  cursor: 'pointer',
@@ -6063,6 +6209,13 @@ async function getCourseList(baseURLs, hashToken) {
6063
6209
 
6064
6210
  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";
6065
6211
 
6212
+ function getShortenedSubstring(name, length, allowDots = true) {
6213
+ if (name) {
6214
+ return name.length < length ? name : `${name.substr(0, length)}${allowDots && '...'}`;
6215
+ }
6216
+ return '';
6217
+ }
6218
+
6066
6219
  const formatCurrency = (countryCode, value, currencySymbol) => {
6067
6220
  let formattedValue = Number(value);
6068
6221
  const getFormattedValue = (countryCode, currencySymbol, value) => {
@@ -6330,11 +6483,10 @@ var index$8 = /*#__PURE__*/Object.freeze({
6330
6483
  const useTeamStyles = createUseStyles(theme => {
6331
6484
  return {
6332
6485
  teamSuperContainer: {
6486
+ background: `linear-gradient(180deg, ${theme?.colors?.background2} 50%, #FFFFFF 50%)`,
6333
6487
  padding: ({
6334
6488
  isMobile
6335
6489
  } = {}) => 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
-
6338
6490
  '&, & *, & *:before, & *:after': {
6339
6491
  fontFamily: theme?.typography?.fontFamily,
6340
6492
  boxSizing: 'border-box'
@@ -6355,25 +6507,17 @@ const useTeamStyles = createUseStyles(theme => {
6355
6507
  lineHeight: '20px',
6356
6508
  letterSpacing: '3px',
6357
6509
  marginBottom: '8px',
6358
- color: theme?.palette?.font?.default,
6510
+ color: theme?.colors?.font2,
6359
6511
  // wordBreak: 'break-word',
6360
6512
  position: 'relative'
6361
6513
  },
6362
- partialBackground: {
6363
- position: 'absolute',
6364
- top: '0',
6365
- left: '0',
6366
- height: '50%',
6367
- background: theme?.palette?.background?.primary,
6368
- width: '100%'
6369
- },
6370
6514
  teamTitle: {
6371
6515
  fontSize: theme.typography.fontSize.h2,
6372
6516
  fontWeight: theme.typography.fontWeight.bold,
6373
6517
  lineHeight: '70px',
6374
6518
  letterSpacing: '-3px',
6375
6519
  wordBreak: 'break-word',
6376
- color: theme?.palette?.font?.default,
6520
+ color: theme?.colors?.font2,
6377
6521
  position: 'relative'
6378
6522
  },
6379
6523
  sliderContainer: {
@@ -6465,12 +6609,10 @@ const useTeamStyles = createUseStyles(theme => {
6465
6609
  teamDetailsHeading: {
6466
6610
  fontSize: '16px',
6467
6611
  lineHeight: '24px',
6468
- margin: '0',
6469
- color: theme?.palette?.font?.body
6612
+ margin: '0'
6470
6613
  },
6471
6614
  teamDetailsSubHeading: {
6472
- marginTop: '0px',
6473
- color: theme?.palette?.font?.primary
6615
+ marginTop: '0px'
6474
6616
  }
6475
6617
  }
6476
6618
  };
@@ -6581,7 +6723,7 @@ const useSectionStyles$1 = createUseStyles(theme => ({
6581
6723
  justifyContent: 'center',
6582
6724
  flexDirection: 'column',
6583
6725
  alignItems: 'center',
6584
- backgroundColor: theme?.palette?.background?.default,
6726
+ background: `linear-gradient(180deg, ${theme?.colors?.background2} 50%, #FFFFFF 50%)`,
6585
6727
  padding: ({
6586
6728
  isMobile
6587
6729
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
@@ -6603,16 +6745,16 @@ const useSectionStyles$1 = createUseStyles(theme => ({
6603
6745
  containerWidth
6604
6746
  } = {}) => containerWidth
6605
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
+ // partialBackground: {
6749
+ // top: '0',
6750
+ // left: '0',
6751
+ // width: '100%',
6752
+ // height: '50%',
6753
+ // position: 'absolute',
6754
+ // background: theme?.colors?.white
6755
+ // },
6614
6756
  sectionContainer: {
6615
- backgroundColor: theme?.palette?.background?.default,
6757
+ backgroundColor: theme?.colors?.white,
6616
6758
  boxShadow: theme?.shadows?.secondary,
6617
6759
  borderRadius: theme?.shape?.borderRadius?.regular,
6618
6760
  padding: '48px',
@@ -6621,7 +6763,7 @@ const useSectionStyles$1 = createUseStyles(theme => ({
6621
6763
  title: {
6622
6764
  margin: '0',
6623
6765
  fontSize: theme.typography.fontSize.h2,
6624
- color: theme?.palette?.font?.default,
6766
+ color: theme?.colors?.lightblack,
6625
6767
  fontWeight: theme.typography.fontWeight.bold,
6626
6768
  lineHeight: '71px',
6627
6769
  letterSpacing: '-3px',
@@ -6644,7 +6786,7 @@ const useSectionStyles$1 = createUseStyles(theme => ({
6644
6786
  subtitle: {
6645
6787
  // margin: '0 0 40px 0',
6646
6788
  fontSize: theme.typography.fontSize.h5,
6647
- color: theme?.palette?.font?.default,
6789
+ color: theme?.colors?.lightblack,
6648
6790
  lineHeight: '32px',
6649
6791
  wordBreak: 'break-word',
6650
6792
  marginBottom: '32px'
@@ -6667,7 +6809,7 @@ const useSectionStyles$1 = createUseStyles(theme => ({
6667
6809
  },
6668
6810
  addressText: {
6669
6811
  fontSize: theme.typography.fontSize.h6,
6670
- color: theme?.palette?.font?.default,
6812
+ color: theme?.colors?.lightblack,
6671
6813
  lineHeight: '24px',
6672
6814
  fontSize: '16px'
6673
6815
  },
@@ -7004,7 +7146,7 @@ const useSectionStyles = createUseStyles(theme => ({
7004
7146
  padding: ({
7005
7147
  isMobile
7006
7148
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
7007
- backgroundColor: theme?.palette?.background?.default,
7149
+ background: `linear-gradient(180deg, ${theme?.colors?.background2} 50%, #FFFFFF 50%)`,
7008
7150
  '&, & *, & *:before, & *:after': {
7009
7151
  fontFamily: theme?.typography?.fontFamily,
7010
7152
  boxSizing: 'border-box'
@@ -7024,16 +7166,8 @@ const useSectionStyles = createUseStyles(theme => ({
7024
7166
  containerWidth
7025
7167
  } = {}) => containerWidth
7026
7168
  },
7027
- partialBackground: {
7028
- top: '0',
7029
- left: '0',
7030
- width: '100%',
7031
- height: '50%',
7032
- position: 'absolute',
7033
- background: theme?.palette?.background?.primary
7034
- },
7035
7169
  sectionContainer: {
7036
- backgroundColor: theme?.palette?.background?.default,
7170
+ backgroundColor: theme?.colors?.white,
7037
7171
  boxShadow: theme?.shadows?.secondary,
7038
7172
  borderRadius: theme?.shape?.borderRadius?.regular,
7039
7173
  padding: '48px',
@@ -7042,7 +7176,7 @@ const useSectionStyles = createUseStyles(theme => ({
7042
7176
  title: {
7043
7177
  margin: '0',
7044
7178
  fontSize: theme.typography.fontSize.h2,
7045
- color: theme?.palette?.font?.default,
7179
+ color: theme?.colors?.lightblack?.default,
7046
7180
  lineHeight: '71px',
7047
7181
  letterSpacing: '-3px',
7048
7182
  textAlign: 'left',
@@ -7067,7 +7201,7 @@ const useSectionStyles = createUseStyles(theme => ({
7067
7201
  subtitle: {
7068
7202
  // margin: '0 0 auto 0',
7069
7203
  fontSize: theme.typography.fontSize.h6,
7070
- color: theme?.palette?.font?.default,
7204
+ color: theme?.colors?.lightblack,
7071
7205
  // lineHeight: '32px',
7072
7206
  // margin: '16px 0',
7073
7207
  textAlign: 'center',
@@ -7098,8 +7232,8 @@ const useSectionStyles = createUseStyles(theme => ({
7098
7232
  inputField: {
7099
7233
  width: '100%',
7100
7234
  // maxWidth: '314px',
7101
- background: theme?.palette?.background?.default,
7102
- border: `1px solid ${theme?.palette?.border?.secondary}`,
7235
+ // background: theme?.palette?.background?.default,
7236
+ border: `1px solid ${theme?.colors?.cta}`,
7103
7237
  borderRadius: theme?.shape?.borderRadius?.regular,
7104
7238
  // padding: '14px 12px',
7105
7239
  display: 'flex',
@@ -7112,7 +7246,7 @@ const useSectionStyles = createUseStyles(theme => ({
7112
7246
  fontWeight: '400',
7113
7247
  fontSize: theme.typography.fontSize.subHead,
7114
7248
  lineHeight: '20px',
7115
- color: theme?.palette?.font?.primary,
7249
+ color: theme?.colors?.lightblack,
7116
7250
  fontFamily: theme?.typography?.fontFamily
7117
7251
  },
7118
7252
  '&:focus': {
@@ -7425,6 +7559,7 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7425
7559
  webinarSuperContainer: {
7426
7560
  display: 'flex',
7427
7561
  justifyContent: 'center',
7562
+ background: theme.colors.background1,
7428
7563
  padding: ({
7429
7564
  isMobile
7430
7565
  } = {}) => isMobile ? `${theme.spacing.padding.medium}px ${theme.spacing.padding.regular}px` : `${theme.spacing.padding.regular}px ${theme.spacing.padding.medium}px`,
@@ -7447,30 +7582,6 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7447
7582
  maxWidth: '1440px',
7448
7583
  fontFamily: theme?.typography?.fontFamily
7449
7584
  },
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
-
7474
7585
  webinarCarousel: {
7475
7586
  display: 'flex',
7476
7587
  justifyContent: 'flex-start',
@@ -7499,7 +7610,7 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7499
7610
  },
7500
7611
  offerText: {
7501
7612
  textAlign: 'center',
7502
- color: theme.palette.font.primary,
7613
+ color: theme?.colors?.font1,
7503
7614
  marginBottom: '5%'
7504
7615
  },
7505
7616
  offerPrice: {
@@ -7546,7 +7657,7 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7546
7657
  margin: '0',
7547
7658
  letterSpacing: '-1px',
7548
7659
  wordBreak: wordBreakValue => wordBreakValue || 'break-word',
7549
- color: theme.palette.font.default
7660
+ color: theme?.colors?.font1
7550
7661
  },
7551
7662
  courseViewContainer: {
7552
7663
  width: '645px',
@@ -7561,7 +7672,7 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7561
7672
  bannerContainer: {
7562
7673
  width: '100%',
7563
7674
  background: '#EB5757',
7564
- color: '#fff',
7675
+ color: theme?.colors?.font1,
7565
7676
  textAlign: 'center',
7566
7677
  padding: '10px 10px 23px 40px',
7567
7678
  wordWrap: 'break-word',
@@ -7580,24 +7691,26 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7580
7691
  display: 'flex',
7581
7692
  alignItems: 'center',
7582
7693
  marginRight: '20px',
7694
+ color: theme?.colors?.font1,
7583
7695
  '& div': {
7584
- fontSize: theme.typography.fontSize.subHead,
7696
+ fontSize: theme.typography.fontSize.body,
7585
7697
  marginLeft: '10px'
7586
7698
  }
7587
7699
  },
7588
7700
  courseDetailContent: {
7589
- fontSize: theme.typography.fontSize.subHead,
7701
+ fontSize: theme.typography.fontSize.body,
7702
+ lineHeight: '21px',
7590
7703
  wordBreak: 'break-word',
7591
- color: theme.palette.font.primary,
7704
+ color: theme?.colors?.font1,
7592
7705
  whiteSpace: 'pre-wrap',
7593
7706
  width: '80%'
7594
7707
  },
7595
7708
  courseDetailViewFullDetails: {
7596
7709
  cursor: 'pointer',
7597
- fontSize: theme.typography.fontSize.subHead,
7710
+ fontSize: theme.typography.fontSize.body,
7598
7711
  lineHeight: '24px',
7712
+ color: theme?.colors?.font1,
7599
7713
  marginTop: '-20px',
7600
- color: '#00ADE7',
7601
7714
  wordBreak: 'break-word'
7602
7715
  },
7603
7716
  courseDetailTime: {
@@ -7804,13 +7917,13 @@ const SingleVideoSlide$1 = props => {
7804
7917
  className: classes.iconBackground
7805
7918
  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
7806
7919
  name: 'Calendar',
7807
- color: theme.palette.primary.main
7920
+ color: theme?.colors?.icon
7808
7921
  })), /*#__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", {
7809
7922
  className: classes.courseDetailTag
7810
7923
  }, /*#__PURE__*/React__default["default"].createElement("span", {
7811
7924
  className: classes.iconBackground
7812
7925
  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
7813
- color: theme.palette.primary.main,
7926
+ color: theme?.colors?.icon,
7814
7927
  width: "20px",
7815
7928
  name: `${data.webinarLocation === 'Location' ? 'Location' : 'Video'}`
7816
7929
  })), /*#__PURE__*/React__default["default"].createElement("div", null, data.webinarLocation === 'Location' ? data.webinarLink : data.webinarLocation))), /*#__PURE__*/React__default["default"].createElement("p", {
@@ -7918,13 +8031,15 @@ var index$4 = /*#__PURE__*/Object.freeze({
7918
8031
  });
7919
8032
 
7920
8033
  const useCoursePromotionPage = createUseStyles(theme => {
8034
+ console.log(theme, 'themere');
7921
8035
  return {
7922
8036
  courseSuperContainer: {
7923
8037
  display: 'flex',
7924
8038
  justifyContent: 'center',
8039
+ background: theme?.colors?.background1,
7925
8040
  padding: ({
7926
8041
  isMobile
7927
- } = {}) => isMobile ? `${theme.spacing.padding.medium}px ${theme.spacing.padding.regular}px` : `${theme.spacing.padding.regular}px ${theme.spacing.padding.medium}px`,
8042
+ } = {}) => isMobile ? `${theme.spacing.padding.small}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.regular}px ${theme.spacing.padding.medium}px`,
7928
8043
  '&, & *, & *:before, & *:after': {
7929
8044
  fontFamily: theme?.typography?.fontFamily,
7930
8045
  boxSizing: 'border-box'
@@ -8034,7 +8149,7 @@ const useCoursePromotionPage = createUseStyles(theme => {
8034
8149
  display: 'flex',
8035
8150
  flexDirection: 'column',
8036
8151
  alignItems: 'flex-start',
8037
- gap: '20px'
8152
+ gap: '0px'
8038
8153
  },
8039
8154
  videoDetailsHeading: {
8040
8155
  fontSize: theme.typography.fontSize.h3,
@@ -8042,7 +8157,7 @@ const useCoursePromotionPage = createUseStyles(theme => {
8042
8157
  margin: '0',
8043
8158
  letterSpacing: '-1px',
8044
8159
  wordBreak: 'break-word',
8045
- color: theme.palette.font.default
8160
+ color: theme?.colors?.font1
8046
8161
  },
8047
8162
  courseViewContainer: {
8048
8163
  width: '445px',
@@ -8058,7 +8173,7 @@ const useCoursePromotionPage = createUseStyles(theme => {
8058
8173
  bannerContainer: {
8059
8174
  width: '100%',
8060
8175
  background: '#EB5757',
8061
- color: '#fff',
8176
+ color: theme?.colors.font1,
8062
8177
  textAlign: 'center',
8063
8178
  padding: '10px 10px 23px 40px',
8064
8179
  wordWrap: 'break-word',
@@ -8079,7 +8194,7 @@ const useCoursePromotionPage = createUseStyles(theme => {
8079
8194
  },
8080
8195
  courseEmblem: {
8081
8196
  background: '#F0F4F8',
8082
- fontSize: theme.typography.fontSize.subHead,
8197
+ fontSize: theme.typography.fontSize.body,
8083
8198
  borderRadius: '2.00337px',
8084
8199
  padding: '8px',
8085
8200
  display: 'flex',
@@ -8096,27 +8211,29 @@ const useCoursePromotionPage = createUseStyles(theme => {
8096
8211
  display: 'flex',
8097
8212
  alignItems: 'center',
8098
8213
  marginRight: '20px',
8214
+ color: theme?.colors?.font1,
8099
8215
  '& div': {
8100
- fontSize: theme.typography.fontSize.subHead,
8216
+ fontSize: theme.typography.fontSize.body,
8101
8217
  fontWeight: theme.typography.fontWeight.semiBold,
8102
8218
  marginLeft: '10px'
8103
8219
  }
8104
8220
  },
8105
8221
  courseDetailContent: {
8106
- // marginTop: '16px',
8107
- fontSize: theme.typography.fontSize.subHead,
8108
- lineHeight: '24px',
8222
+ marginTop: '20px',
8223
+ fontSize: theme.typography.fontSize.body,
8224
+ lineHeight: '21px',
8109
8225
  wordBreak: 'break-word',
8110
- color: theme.palette.font.primary,
8226
+ color: theme?.colors?.font1,
8111
8227
  whiteSpace: 'pre-wrap',
8112
8228
  margin: '10px 0 20px'
8113
8229
  },
8114
8230
  courseDetailViewFullDetails: {
8115
8231
  cursor: 'pointer',
8116
- fontSize: theme.typography.fontSize.subHead,
8117
- lineHeight: '24px',
8118
- marginTop: '-24px',
8119
- color: '#00ADE7',
8232
+ fontSize: theme.typography.fontSize.body,
8233
+ textDecoration: 'underline',
8234
+ lineHeight: '21px',
8235
+ marginTop: '20px',
8236
+ color: theme.colors?.font1,
8120
8237
  wordBreak: 'break-word'
8121
8238
  },
8122
8239
  courseDetailTime: {
@@ -8187,7 +8304,8 @@ const useCoursePromotionPage = createUseStyles(theme => {
8187
8304
  // fontSize: '20px',
8188
8305
  fontWeight: '600',
8189
8306
  lineHeight: 'normal',
8190
- letterSpacing: '0px'
8307
+ letterSpacing: '0px',
8308
+ color: theme?.colors?.font1
8191
8309
  },
8192
8310
  videoTestimonialTitle: {
8193
8311
  // fontSize: '24px',
@@ -8356,28 +8474,28 @@ const SingleVideoSlide = props => {
8356
8474
  className: classes.iconBackground
8357
8475
  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
8358
8476
  name: 'Clock',
8359
- color: theme.palette.primary.main
8477
+ color: theme?.colors?.icon
8360
8478
  })), /*#__PURE__*/React__default["default"].createElement("div", null, data?.courseOverviewData?.courseDuration?.text)) : null, data?.courseOverviewData?.metaData?.isPhysicalDeliveryEnabled ? /*#__PURE__*/React__default["default"].createElement("div", {
8361
8479
  className: classes.courseDetailTag
8362
8480
  }, /*#__PURE__*/React__default["default"].createElement("span", {
8363
8481
  className: classes.iconBackground
8364
8482
  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
8365
8483
  name: 'Book Saved',
8366
- color: theme.palette.primary.main
8484
+ color: theme?.colors?.icon
8367
8485
  })), /*#__PURE__*/React__default["default"].createElement("div", null, data?.courseOverviewData?.metaData?.isPhysicalDeliveryEnabled ? 'Physical Books' : null)) : null, data?.courseOverviewData?.metaData?.isCertificateEnabled ? /*#__PURE__*/React__default["default"].createElement("div", {
8368
8486
  className: classes.courseDetailTag
8369
8487
  }, /*#__PURE__*/React__default["default"].createElement("span", {
8370
8488
  className: classes.iconBackground
8371
8489
  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
8372
8490
  name: 'Certificate',
8373
- color: theme.palette.primary.main
8491
+ color: theme?.colors?.icon
8374
8492
  })), /*#__PURE__*/React__default["default"].createElement("div", null, data?.courseOverviewData?.metaData?.isCertificateEnabled ? handleCourseCertificateText() : null)) : null, data?.courseOverviewData?.resourseDataText.heading ? /*#__PURE__*/React__default["default"].createElement("div", {
8375
8493
  className: classes.courseDetailTag
8376
8494
  }, /*#__PURE__*/React__default["default"].createElement("span", {
8377
8495
  className: classes.iconBackground
8378
8496
  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
8379
8497
  name: 'Certificate',
8380
- color: theme.palette.primary.main
8498
+ color: theme?.colors?.icon
8381
8499
  })), /*#__PURE__*/React__default["default"].createElement("div", null, data?.courseOverviewData?.resourseDataText?.heading)) : null), /*#__PURE__*/React__default["default"].createElement("p", {
8382
8500
  ref: data?.videoTextContent?.refSetter,
8383
8501
  className: classes.courseDetailContent,
@@ -8504,7 +8622,7 @@ const useFormPageStyles = createUseStyles(theme => ({
8504
8622
  padding: ({
8505
8623
  isMobile
8506
8624
  } = {}) => isMobile ? `${theme.spacing.padding.medium}px ${theme.spacing.padding.regular}px` : `${theme.spacing.padding.regular}px ${theme.spacing.padding.medium}px`,
8507
- background: '#F4F9FF',
8625
+ background: theme?.colors?.background3,
8508
8626
  '&, & *, & *:before, & *:after': {
8509
8627
  fontFamily: theme?.typography?.fontFamily,
8510
8628
  boxSizing: 'border-box'
@@ -8521,7 +8639,7 @@ const useFormPageStyles = createUseStyles(theme => ({
8521
8639
  marginTop: '8px',
8522
8640
  fontSize: theme.typography.fontSize.h6,
8523
8641
  lineHeight: '23px',
8524
- color: 'rgba(51, 51, 51, 0.5)',
8642
+ color: theme?.colors?.gray,
8525
8643
  marginBottom: theme.spacing.margin.tiny
8526
8644
  },
8527
8645
  formPageFormContainer: {
@@ -8540,8 +8658,8 @@ const useFormPageStyles = createUseStyles(theme => ({
8540
8658
  },
8541
8659
 
8542
8660
  inputFieldLabel: {
8543
- color: '#333',
8544
- fontSize: theme.typography.fontSize.subHead,
8661
+ color: theme?.colors?.lightblack,
8662
+ fontSize: theme.typography.fontSize.body,
8545
8663
  fontWeight: theme.typography.fontWeight.semiBold,
8546
8664
  display: 'block',
8547
8665
  marginTop: '20px',
@@ -8552,8 +8670,8 @@ const useFormPageStyles = createUseStyles(theme => ({
8552
8670
  borderRadius: '8px',
8553
8671
  border: '1px solid #D8E0F0',
8554
8672
  padding: '12px 16px',
8555
- color: '#7D8592',
8556
- fontSize: theme.typography.fontSize.subHead
8673
+ color: theme?.colors?.lightblack,
8674
+ fontSize: theme.typography.fontSize.body
8557
8675
  },
8558
8676
  checkboxField: {
8559
8677
  // padding: '20px',
@@ -8561,21 +8679,21 @@ const useFormPageStyles = createUseStyles(theme => ({
8561
8679
  // borderRadius: '8px'
8562
8680
  },
8563
8681
  checkBoxFieldLabel: {
8564
- color: '#333',
8565
- fontSize: theme.typography.fontSize.subHead,
8682
+ color: theme?.colors?.lightblack,
8683
+ fontSize: theme.typography.fontSize.body,
8566
8684
  fontWeight: theme.typography.fontWeight.semiBold,
8567
8685
  marginTop: '20px',
8568
8686
  marginBottom: '12px'
8569
8687
  },
8570
8688
  inputFieldRequired: {
8571
- color: '#F41828'
8689
+ color: theme?.colors?.lightblack
8572
8690
  },
8573
8691
  checkboxFieldControl: {
8574
8692
  padding: '8px 0',
8575
8693
  '& label': {
8576
- fontSize: theme.typography.fontSize.subHead,
8694
+ fontSize: theme.typography.fontSize.body,
8577
8695
  marginLeft: '10px',
8578
- color: '#7D8592'
8696
+ color: theme?.colors?.lightblack
8579
8697
  }
8580
8698
  },
8581
8699
  submitBtnContainer: {
@@ -8588,8 +8706,7 @@ const useFormPageStyles = createUseStyles(theme => ({
8588
8706
  '& button': {
8589
8707
  // height: '44px',
8590
8708
  padding: '16px 24px',
8591
- color: '#FFFFFF',
8592
- fontSize: theme.typography.fontSize.subHead,
8709
+ fontSize: theme.typography.fontSize.body,
8593
8710
  cursor: 'pointer',
8594
8711
  borderRadius: '8px'
8595
8712
  }
@@ -9597,7 +9714,7 @@ function PageRenderer({
9597
9714
  countryCode,
9598
9715
  currencySymbol
9599
9716
  }), [isMobile, isLandingPages, layout, baseURLs, hashToken, isPreview, isEdit, templateId, navList, isMasterTemplate, basePath, validations, isTutorWebsite, extraProps, hideLogin, _id, countryCode, currencySymbol]);
9600
- const theme = React.useMemo(() => getTheme(color, font, context.isMobile), [color, font, context.isMobile]);
9717
+ const theme = React.useMemo(() => generateTheme(color, font, context.isMobile), [color, font, context.isMobile]);
9601
9718
  const Wrapper = SectionWrapper || React.Fragment;
9602
9719
  return /*#__PURE__*/React__default["default"].createElement(ThemeProvider, {
9603
9720
  theme: theme