diy-template-components 1.1.3 → 1.1.5

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.
Files changed (5) hide show
  1. package/build/index.es.js +411 -290
  2. package/build/index.es.js.map +1 -1
  3. package/build/index.js +411 -290
  4. package/build/index.js.map +1 -1
  5. package/package.json +1 -1
package/build/index.es.js CHANGED
@@ -361,13 +361,11 @@ const buttonStyles = createUseStyles(theme => ({
361
361
  textAlign: 'center',
362
362
  color: ({
363
363
  disabled
364
- } = {}) => disabled ? colorMixer(theme?.palette?.background?.default, 0.5).color : theme?.palette?.background?.default,
364
+ } = {}) => disabled ? colorMixer(theme?.palette?.background?.default, 0.5).color : theme?.colors?.CtaTextColor,
365
365
  background: ({
366
366
  disabled
367
- } = {}) => disabled ? colorMixer(theme?.palette?.primary.main, 0.5).color : theme?.palette?.primary?.main,
368
- border: ({
369
- disabled
370
- } = {}) => disabled ? `1px solid ${colorMixer(theme.palette.primary.main, 0.5).color}` : `1px solid ${theme?.palette?.primary?.main}`,
367
+ } = {}) => disabled ? colorMixer(theme?.palette?.primary.main, 0.5).color : theme?.colors?.ctaColor,
368
+ border: 'none',
371
369
  textDecoration: 'none',
372
370
  cursor: ({
373
371
  disabled
@@ -389,13 +387,13 @@ const buttonStyles = createUseStyles(theme => ({
389
387
  lineHeight: '18px',
390
388
  color: ({
391
389
  disabled
392
- } = {}) => disabled ? colorMixer(theme.palette.primary.main, 0.5).color : theme.palette.primary.main,
390
+ } = {}) => disabled ? colorMixer(theme.palette.primary.main, 0.5).color : theme?.colors?.CtaTextColor,
393
391
  background: ({
394
392
  disabled
395
- } = {}) => disabled ? colorMixer(theme?.palette?.background?.default, 0.5).color : theme?.palette?.background?.default,
393
+ } = {}) => disabled ? colorMixer(theme?.palette?.parimar?.default, 0.5).color : theme?.colors?.ctaColor,
396
394
  border: ({
397
395
  disabled
398
- } = {}) => disabled ? `1px solid ${colorMixer(theme.palette.primary.main, 0.5).color}` : `1px solid ${theme.palette.primary.main}`,
396
+ } = {}) => disabled ? `1px solid ${colorMixer(theme.palette.primary.main, 0.5).color}` : `1px solid ${theme?.colors?.ctaColor}`,
399
397
  cursor: ({
400
398
  disabled
401
399
  } = {}) => disabled ? 'not-allowed' : 'pointer',
@@ -1028,25 +1026,6 @@ var appStore = "data:image/svg+xml,%3Csvg%20width%3D%22116%22%20height%3D%2240%2
1028
1026
 
1029
1027
  var downloadApkImage = "data:image/png;base64,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";
1030
1028
 
1031
- function getShortenedSubstring(name, length, allowDots = true) {
1032
- if (name) {
1033
- return name.length < length ? name : `${name.substr(0, length)}${allowDots && '...'}`;
1034
- }
1035
- return '';
1036
- }
1037
- function getAppDownloadLink(androidLink = '', iosLink = '') {
1038
- if (typeof window !== 'undefined') {
1039
- const userAgent = window.navigator?.userAgent;
1040
- if (/Android/.test(userAgent) && androidLink) {
1041
- return androidLink;
1042
- }
1043
- if (/iPad|iPhone|iPod/.test(userAgent) && iosLink) {
1044
- return iosLink;
1045
- }
1046
- return androidLink || iosLink;
1047
- }
1048
- }
1049
-
1050
1029
  function OptionList({
1051
1030
  optionsData,
1052
1031
  headerData,
@@ -1073,7 +1052,6 @@ function OptionList({
1073
1052
  };
1074
1053
  const tabData = tabsDataModifier();
1075
1054
  const classes = useSectionStyles$a();
1076
- console.log(headerData, 'sakshat header options');
1077
1055
  const isAndroidDelisted = headerData?.isAndroidDelisted;
1078
1056
  const apkURL = headerData?.apkURL;
1079
1057
  const downloadApkURL = isAndroidDelisted && apkURL ? apkURL : null;
@@ -1119,8 +1097,6 @@ function OptionList({
1119
1097
  alt: "appStore"
1120
1098
  })) : null);
1121
1099
  };
1122
- const iosLink = isTutorWebsite ? headerData?.iosDownloadLink : headerData?.iosUrl;
1123
- console.log(iosLink, 'sakshat ios link');
1124
1100
  return /*#__PURE__*/React.createElement("div", {
1125
1101
  className: classes.listSection
1126
1102
  }, /*#__PURE__*/React.createElement("div", {
@@ -1144,9 +1120,9 @@ function OptionList({
1144
1120
  list: moreContent,
1145
1121
  label: 'More',
1146
1122
  icon: arrowDown
1147
- }) : null, isTutorWebsite && /*#__PURE__*/React.createElement(React.Fragment, null, isAndroidDelisted && !headerData.navs ? /*#__PURE__*/React.createElement(React.Fragment, null, renderDownloadAppButton()) : /*#__PURE__*/React.createElement(React.Fragment, null, !headerData?.navs && renderAppDownloadLinks())), isMobile ? downloadApkURL?.length > 0 || headerData?.androidDownloadLink?.length || headerData?.iosDownloadLink?.length > 0 ? /*#__PURE__*/React.createElement(Button, {
1123
+ }) : null, isTutorWebsite && /*#__PURE__*/React.createElement(React.Fragment, null, isAndroidDelisted && !headerData.navs ? /*#__PURE__*/React.createElement(React.Fragment, null, renderDownloadAppButton()) : /*#__PURE__*/React.createElement(React.Fragment, null, !headerData?.navs && renderAppDownloadLinks())), isMobile ? downloadApkURL?.length > 0 || headerData?.appLink?.length > 0 ? /*#__PURE__*/React.createElement(Button, {
1148
1124
  data: {
1149
- link: isAndroidDelisted ? getAppDownloadLink(downloadApkURL, iosLink) : getAppDownloadLink(headerData?.androidDownloadLink, iosLink),
1125
+ link: downloadApkURL ? downloadApkURL : headerData?.appLink,
1150
1126
  isLink: 1,
1151
1127
  value: downloadAppText,
1152
1128
  isExternal: 1
@@ -1299,7 +1275,6 @@ function DesktopHeader({
1299
1275
  }
1300
1276
  return moreContent;
1301
1277
  };
1302
- console.log(header, 'sakshat header desktop');
1303
1278
  return /*#__PURE__*/React.createElement("nav", {
1304
1279
  className: classes.section
1305
1280
  }, !(header?.websiteLogo === DEFAULT_HEADER_IMAGE_LP && isCustomWebsite) ? /*#__PURE__*/React.createElement("div", {
@@ -1340,6 +1315,10 @@ function DesktopHeader({
1340
1315
  }));
1341
1316
  }
1342
1317
 
1318
+ var phoneIos = "data:image/svg+xml,%3Csvg%20width%3D%2244%22%20height%3D%2244%22%20viewBox%3D%220%200%2044%2044%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20filter%3D%22url%28%23filter0_d_3094_7439%29%22%3E%3Crect%20x%3D%222%22%20y%3D%221%22%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%224%22%20fill%3D%22%23F0F4F8%22%2F%3E%3Cpath%20d%3D%22M30.4539%2016.8288C30.3555%2016.8912%2028.0131%2018.1908%2028.0131%2021.0732C28.1235%2024.3612%2030.9687%2025.5132%2031.0179%2025.5132C30.9699%2025.5744%2030.5883%2027.084%2029.4603%2028.6656C28.5651%2030.0276%2027.5715%2031.4016%2026.0631%2031.4016C24.6279%2031.4016%2024.1119%2030.4932%2022.4559%2030.4932C20.6775%2030.4932%2020.1747%2031.4016%2018.8127%2031.4016C17.3043%2031.4016%2016.2375%2029.9544%2015.2931%2028.6044C14.0667%2026.838%2013.0251%2024.066%2012.9879%2021.4044C12.9627%2019.9944%2013.2327%2018.6084%2013.9191%2017.43C14.8887%2015.786%2016.6179%2014.67%2018.5067%2014.634C19.9539%2014.5848%2021.2427%2015.6264%2022.1247%2015.6264C22.9719%2015.6264%2024.5535%2014.6328%2026.3439%2014.6328C27.1167%2014.634%2029.1783%2014.8668%2030.4539%2016.8288ZM22.0023%2014.352C21.7455%2013.0632%2022.4559%2011.7756%2023.1183%2010.9536C23.9655%209.95998%2025.3023%209.28558%2026.4543%209.28558C26.5287%2010.5744%2026.0619%2011.8368%2025.2279%2012.7572C24.4803%2013.7508%2023.1927%2014.4984%2022.0023%2014.352Z%22%20fill%3D%22%234D4D4D%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3Cfilter%20id%3D%22filter0_d_3094_7439%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2244%22%20height%3D%2244%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22%2F%3E%3CfeOffset%20dy%3D%221%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22%2F%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.4%200%200%200%200%200.4%200%200%200%200%200.4%200%200%200%200.16%200%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_3094_7439%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_dropShadow_3094_7439%22%20result%3D%22shape%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3C%2Fsvg%3E";
1319
+
1320
+ var phoneAndroid = "data:image/svg+xml,%3Csvg%20width%3D%2244%22%20height%3D%2244%22%20viewBox%3D%220%200%2044%2044%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20filter%3D%22url%28%23filter0_d_3094_7442%29%22%3E%3Crect%20x%3D%222%22%20y%3D%221%22%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%224%22%20fill%3D%22%23F0F4F8%22%2F%3E%3Cpath%20d%3D%22M13.9713%2011.7196C13.7108%2012.0303%2013.579%2012.4279%2013.6028%2012.8316V30.3709C13.5804%2030.7744%2013.712%2031.1716%2013.9713%2031.4829L14.0316%2031.5428L23.9128%2021.7144V21.4814L14.0316%2011.6597L13.9713%2011.7196Z%22%20fill%3D%22url%28%23paint0_linear_3094_7442%29%22%2F%3E%3Cpath%20d%3D%22M27.2088%2024.9906L23.9128%2021.7144V21.4814L27.2088%2018.2119L27.2825%2018.2519L31.1881%2020.4559C32.3069%2021.0819%2032.3069%2022.114%2031.1881%2022.7466L27.2825%2024.9506L27.2088%2024.9906Z%22%20fill%3D%22url%28%23paint1_linear_3094_7442%29%22%2F%3E%3Cpath%20d%3D%22M27.2824%2024.9507L23.9328%2021.6213L13.9712%2031.4829C14.2008%2031.6706%2014.4867%2031.777%2014.7838%2031.7854C15.0809%2031.7939%2015.3725%2031.7039%2015.6125%2031.5296L27.2623%2024.9507%22%20fill%3D%22url%28%23paint2_linear_3094_7442%29%22%2F%3E%3Cpath%20d%3D%22M27.2824%2018.2519L15.6125%2011.6663C15.375%2011.4849%2015.0816%2011.391%2014.7822%2011.4007C14.4829%2011.4104%2014.1962%2011.5231%2013.9712%2011.7196L23.9127%2021.6012L27.2824%2018.2519Z%22%20fill%3D%22url%28%23paint3_linear_3094_7442%29%22%2F%3E%3Cpath%20opacity%3D%220.1%22%20d%3D%22M27.209%2024.8774L15.6128%2031.4163C15.3815%2031.5876%2015.1007%2031.6802%2014.8123%2031.6802C14.5238%2031.6802%2014.243%2031.5876%2014.0117%2031.4163L13.9514%2031.4762L14.0117%2031.5362C14.243%2031.7075%2014.5238%2031.8%2014.8123%2031.8C15.1007%2031.8%2015.3815%2031.7075%2015.6128%2031.5362L27.2626%2024.9573L27.209%2024.8774Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20opacity%3D%220.07%22%20d%3D%22M13.9713%2031.3764C13.7116%2031.0627%2013.5801%2030.6633%2013.6029%2030.2577V30.3709C13.5804%2030.7745%2013.712%2031.1716%2013.9713%2031.4829L14.0316%2031.423L13.9713%2031.3764Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20opacity%3D%220.07%22%20d%3D%22M31.188%2022.6267L27.2087%2024.8773L27.2824%2024.9506L31.188%2022.7199C31.4171%2022.6198%2031.6154%2022.461%2031.7625%2022.2597C31.9096%2022.0585%2032.0003%2021.8221%2032.0254%2021.5746C31.9797%2021.8034%2031.88%2022.0181%2031.7344%2022.201C31.5888%2022.3839%2031.4015%2022.5298%2031.188%2022.6267Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M15.6123%2011.7861L31.1878%2020.5691C31.3992%2020.6635%2031.5852%2020.8062%2031.7307%2020.9856C31.8762%2021.1649%2031.9771%2021.3758%2032.0252%2021.6012C32.0015%2021.3533%2031.9113%2021.1162%2031.764%2020.9148C31.6167%2020.7133%2031.4177%2020.5548%2031.1878%2020.4559L15.6123%2011.6663C14.5136%2011.0403%2013.6025%2011.5597%2013.6025%2012.8315V12.9447C13.6025%2011.6796%2014.5136%2011.1535%2015.6123%2011.7861Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3Cfilter%20id%3D%22filter0_d_3094_7442%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2244%22%20height%3D%2244%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22%2F%3E%3CfeOffset%20dy%3D%221%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22%2F%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.4%200%200%200%200%200.4%200%200%200%200%200.4%200%200%200%200.16%200%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_3094_7442%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_dropShadow_3094_7442%22%20result%3D%22shape%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient%20id%3D%22paint0_linear_3094_7442%22%20x1%3D%2223.0419%22%20y1%3D%2212.6452%22%20x2%3D%229.73126%22%20y2%3D%2226.0365%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23008EFF%22%2F%3E%3Cstop%20offset%3D%220.01%22%20stop-color%3D%22%23008FFF%22%2F%3E%3Cstop%20offset%3D%220.26%22%20stop-color%3D%22%2300ACFF%22%2F%3E%3Cstop%20offset%3D%220.51%22%20stop-color%3D%22%2300C0FF%22%2F%3E%3Cstop%20offset%3D%220.76%22%20stop-color%3D%22%2300CDFF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2300D1FF%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint1_linear_3094_7442%22%20x1%3D%2231.3221%22%20y1%3D%2221.6012%22%20x2%3D%2212.0152%22%20y2%3D%2221.6012%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FFD800%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF8A00%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint2_linear_3094_7442%22%20x1%3D%2225.4535%22%20y1%3D%2223.4192%22%20x2%3D%227.40854%22%20y2%3D%2241.5735%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF3A44%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23B11162%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint3_linear_3094_7442%22%20x1%3D%2211.4657%22%20y1%3D%225.87984%22%20x2%3D%2219.5294%22%20y2%3D%2213.9857%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23328E71%22%2F%3E%3Cstop%20offset%3D%220.07%22%20stop-color%3D%22%232D9571%22%2F%3E%3Cstop%20offset%3D%220.48%22%20stop-color%3D%22%2315BD74%22%2F%3E%3Cstop%20offset%3D%220.8%22%20stop-color%3D%22%2306D575%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2300DE76%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E";
1321
+
1343
1322
  function MobileHeader({
1344
1323
  header,
1345
1324
  navData,
@@ -1372,18 +1351,56 @@ function MobileHeader({
1372
1351
  body?.removeAttribute('style');
1373
1352
  }
1374
1353
  }, [sideMenu]);
1354
+ let iosUrl = null;
1355
+ let androidUrl = null;
1375
1356
  let downloadLink = null;
1376
1357
  const downloadAppText = countryCode === 'KR' ? '앱다운로드' : 'Download App';
1377
- const apkURL = header?.apkURL;
1378
- const isAndroidDelisted = header?.isAndroidDelisted;
1379
- const iosDownloadLink = header?.iosDownloadLink;
1380
- const androidDownloadLink = header?.androidDownloadLink;
1381
- console.log(header, 'sakshat header mobile');
1382
1358
  if (isTutorWebsite) {
1383
- if (isAndroidDelisted && apkURL) {
1359
+ if (header?.iosUrl) {
1360
+ iosUrl = /*#__PURE__*/React.createElement(Button, {
1361
+ data: {
1362
+ link: header?.iosUrl,
1363
+ isLink: 1,
1364
+ value: /*#__PURE__*/React.createElement("img", {
1365
+ src: phoneIos,
1366
+ alt: "iosUrl"
1367
+ }),
1368
+ isExternal: 1
1369
+ },
1370
+ type: '',
1371
+ size: 'small',
1372
+ target: 'blank',
1373
+ rel: null,
1374
+ style: {
1375
+ padding: 0,
1376
+ paddingRight: '8px'
1377
+ }
1378
+ });
1379
+ }
1380
+ if (header?.androidURL) {
1381
+ androidUrl = /*#__PURE__*/React.createElement(Button, {
1382
+ data: {
1383
+ link: header?.androidURL,
1384
+ isLink: 1,
1385
+ value: /*#__PURE__*/React.createElement("img", {
1386
+ src: phoneAndroid,
1387
+ alt: "iosUrl"
1388
+ }),
1389
+ isExternal: 1
1390
+ },
1391
+ type: '',
1392
+ size: 'small',
1393
+ target: 'blank',
1394
+ rel: null,
1395
+ style: {
1396
+ padding: 0
1397
+ }
1398
+ });
1399
+ }
1400
+ if (header?.isAndroidDelisted && header?.apkURL) {
1384
1401
  downloadLink = /*#__PURE__*/React.createElement(Button, {
1385
1402
  data: {
1386
- link: getAppDownloadLink(apkURL, iosDownloadLink),
1403
+ link: header?.iosUrl ? header?.iosUrl : header?.apkURL,
1387
1404
  isLink: 1,
1388
1405
  value: downloadAppText,
1389
1406
  isExternal: 1
@@ -1393,12 +1410,27 @@ function MobileHeader({
1393
1410
  target: 'blank',
1394
1411
  rel: null
1395
1412
  });
1396
- } else if (androidDownloadLink?.length || iosDownloadLink?.length) {
1413
+ } else if (iosUrl && androidUrl) {
1414
+ downloadLink = /*#__PURE__*/React.createElement("div", null, iosUrl, androidUrl);
1415
+ } else if (header?.iosUrl) {
1397
1416
  downloadLink = /*#__PURE__*/React.createElement(Button, {
1398
1417
  data: {
1399
- link: getAppDownloadLink(androidDownloadLink, iosDownloadLink),
1418
+ link: header?.iosUrl,
1400
1419
  isLink: 1,
1401
- value: downloadAppText,
1420
+ value: header?.downloadAppButtonText || downloadAppText,
1421
+ isExternal: 1
1422
+ },
1423
+ type: 'primary',
1424
+ size: 'small',
1425
+ target: 'blank',
1426
+ rel: null
1427
+ });
1428
+ } else if (header?.androidURL) {
1429
+ downloadLink = /*#__PURE__*/React.createElement(Button, {
1430
+ data: {
1431
+ link: header?.androidURL,
1432
+ isLink: 1,
1433
+ value: header?.downloadAppButtonText || downloadAppText,
1402
1434
  isExternal: 1
1403
1435
  },
1404
1436
  type: 'primary',
@@ -1410,10 +1442,10 @@ function MobileHeader({
1410
1442
  downloadLink = null;
1411
1443
  }
1412
1444
  } else {
1413
- if (isAndroidDelisted && apkURL) {
1445
+ if (header?.isAndroidDelisted && header?.apkURL) {
1414
1446
  downloadLink = /*#__PURE__*/React.createElement(Button, {
1415
1447
  data: {
1416
- link: getAppDownloadLink(header?.apkURL, header?.iosUrl),
1448
+ link: header?.iosUrl ? header?.iosUrl : header?.apkURL,
1417
1449
  isLink: 1,
1418
1450
  value: downloadAppText,
1419
1451
  isExternal: 1
@@ -1423,11 +1455,10 @@ function MobileHeader({
1423
1455
  target: 'blank',
1424
1456
  rel: null
1425
1457
  });
1426
- } else if (header?.appLink || header?.iosUrl) {
1427
- console.log('inside custom website');
1458
+ } else if (header?.appLink) {
1428
1459
  downloadLink = /*#__PURE__*/React.createElement(Button, {
1429
1460
  data: {
1430
- link: getAppDownloadLink(header?.appLink, header?.iosUrl),
1461
+ link: header?.appLink,
1431
1462
  isLink: 1,
1432
1463
  value: downloadAppText,
1433
1464
  isExternal: 1
@@ -2043,17 +2074,13 @@ function getTheme(colorTheme = 'blue', fontFamily = 'Arial', isMobile) {
2043
2074
  const shape = {
2044
2075
  borderRadius
2045
2076
  };
2046
- const spacing = {
2047
- padding: isMobile ? mobilePadding : padding,
2048
- margin: isMobile ? mobileMargin : margin
2049
- };
2050
2077
  return {
2051
2078
  palette,
2052
2079
  shape,
2053
2080
  typography,
2054
2081
  shadows: generateShadows(palette),
2055
- borders: generateBorders(palette),
2056
- spacing
2082
+ borders: generateBorders(palette)
2083
+ // spacing
2057
2084
  };
2058
2085
  }
2059
2086
 
@@ -2175,6 +2202,173 @@ const defaultMetadata = {
2175
2202
  layout: defaultLayout
2176
2203
  };
2177
2204
 
2205
+ const GRADIENT = `linear-gradient`;
2206
+ const allColors = {
2207
+ white: '#FFFFFF',
2208
+ black: '#000000',
2209
+ lightblack: '#333333',
2210
+ gray: '#999999',
2211
+ // Blue gradient
2212
+
2213
+ blue: '#1676F3',
2214
+ bluegradient: `${GRADIENT}(180deg,#5418D1 0.42%,#2C88FF 79.92%)`,
2215
+ tertiaryblue: '#F4F9FF',
2216
+ // Orange gradient
2217
+
2218
+ orange: '#FF9000',
2219
+ orangegradient: `${GRADIENT}(138deg, #E96263 12.32%, #EAAE4C 98.22%)`,
2220
+ tertiaryorange: '#FFF6EA',
2221
+ // Pink gradient
2222
+
2223
+ pink: '#F72585',
2224
+ pinkgradient: `${GRADIENT}(135deg, #F97794 0%, #623AA2 100%)`,
2225
+ tertiarypink: '#FEE9F3',
2226
+ // Violet gradient
2227
+
2228
+ violet: '#6026A8',
2229
+ violetgradient: `${GRADIENT}(226deg, #B66EC0 -12.73%, #460FA1 104.66%)`,
2230
+ tertiaryviolet: '#F5F2FA',
2231
+ // Teal gradient
2232
+
2233
+ teal: '#46A9A9',
2234
+ tealgradient: `${GRADIENT}(135deg, #0E5CAD 0%, #79F1A4 100%)`,
2235
+ tertiaryteal: '#F4FAFA',
2236
+ //Red solid
2237
+
2238
+ red: '#F41828',
2239
+ tertiaryred: '#FFF2F3',
2240
+ // Green
2241
+
2242
+ green: '#8ECE19',
2243
+ tertiarygreen: '#F4FAFA',
2244
+ //Maroon solid
2245
+
2246
+ rust: '#9B2226',
2247
+ tertiaryrust: '#FFF0F0',
2248
+ //Purple solid
2249
+
2250
+ purple: '#6269C9',
2251
+ tertiarypurple: '#F4F6FF',
2252
+ //Golden gradient
2253
+
2254
+ golden: `#F2BA35`,
2255
+ goldengradient: `${GRADIENT}(180deg, #F0EA88 0%, #CFA749 99.48%)`,
2256
+ //light green gradient
2257
+
2258
+ lightgreen: `#D6E359`,
2259
+ lightgreengradient: `${GRADIENT}(180deg, #D6E359 0%, #9DB545 100%)`,
2260
+ //light blue gradient
2261
+
2262
+ lightblue: `#A8EDF8`,
2263
+ lightbluegradient: `${GRADIENT}(90deg, #A8EDF8 0.29%, #5EC9E1 97.33%)`,
2264
+ skyblue: '#00ADE7',
2265
+ tertiaryskyblue: '#F2FCFF'
2266
+ };
2267
+
2268
+ const generateTheme = (theme = 'blue', fontFamily = 'Arial', isMobile) => {
2269
+ let themeColor = theme.split('-');
2270
+ let color, gradient, darkMode;
2271
+ if (themeColor.length === 1) {
2272
+ color = themeColor[0];
2273
+ } else if (themeColor.length === 2) {
2274
+ color = themeColor[0];
2275
+ gradient = themeColor[1];
2276
+ } else {
2277
+ color = themeColor[0];
2278
+ gradient = themeColor[1];
2279
+ darkMode = themeColor[2];
2280
+ }
2281
+ console.log('color', allColors, gradient, darkMode);
2282
+
2283
+ // switch (color) {
2284
+ // case solidColors:
2285
+ // break;
2286
+
2287
+ // case gradientColors:
2288
+ // break;
2289
+
2290
+ // default:
2291
+ // break;
2292
+ // }
2293
+
2294
+ // type 1
2295
+ // const solidColors = {
2296
+ // font1: solidBaseColors?.black,
2297
+ // font2: solidBaseColors?.black,
2298
+ // font3: solidBaseColors?.black,
2299
+ // font4: solidBaseColors?.black,
2300
+ // AccentColor: solidBaseColors[theme],
2301
+ // background1: solidBaseColors?.white,
2302
+ // background2: solidBaseColors['tertiary' + theme],
2303
+ // background3: solidBaseColors['tertiary' + theme],
2304
+ // ctaColor: solidBaseColors[theme],
2305
+ // CtaTextColor: solidBaseColors?.white,
2306
+ // icon: solidBaseColors[theme],
2307
+ // iconBg: solidBaseColors['tertiary' + theme],
2308
+ // stripBg: solidBaseColors[theme],
2309
+ // stripText: solidBaseColors?.white,
2310
+ // inputBorderColor: solidBaseColors?.blue2,
2311
+ // tertiaryBlue2: solidBaseColors?.tertiaryblue2
2312
+ // };
2313
+
2314
+ //type 2
2315
+ // const gradientColors = {
2316
+ // font1: gradientBaseColors?.white,
2317
+ // font2: gradientBaseColors?.black,
2318
+ // font3: gradientBaseColors?.black,
2319
+ // font4: gradientBaseColors?.white,
2320
+ // AccentColor: gradientBaseColors[theme],
2321
+ // background1: gradientBaseColors[theme + 'gradient'],
2322
+ // background2: gradientBaseColors['tertiary' + theme],
2323
+ // background3: gradientBaseColors[theme + 'gradient'],
2324
+ // ctaColor: gradientBaseColors[theme + 'gradient'],
2325
+ // CtaTextColor: gradientBaseColors?.white,
2326
+ // icon: gradientBaseColors[theme],
2327
+ // iconBg: gradientBaseColors['tertiary' + theme],
2328
+ // stripBg: gradientBaseColors?.black,
2329
+ // stripText: gradientBaseColors?.white
2330
+ // };
2331
+
2332
+ const colors = {
2333
+ font1: gradient ? allColors?.white : allColors?.black,
2334
+ font2: darkMode ? allColors[color] : allColors?.black,
2335
+ font3: darkMode ? allColors?.white : allColors?.black,
2336
+ font4: darkMode ? allColors[color] : gradient ? allColors?.white : allColors?.black,
2337
+ AccentColor: allColors[color],
2338
+ background1: darkMode ? allColors?.lightblack : gradient ? allColors[color + 'gradient'] : allColors?.white,
2339
+ background2: darkMode ? allColors?.lightblack : allColors['tertiary' + color],
2340
+ background3: darkMode ? allColors?.lightblack : gradient ? allColors[color + 'gradient'] : allColors['tertiary' + color],
2341
+ ctaColor: darkMode ? allColors[color + 'gradient'] : gradient ? allColors[color + 'gradient'] : allColors[color],
2342
+ CtaTextColor: darkMode ? allColors?.lightblack : allColors?.white,
2343
+ icon: allColors[color],
2344
+ iconBg: darkMode ? allColors?.lightblack : allColors['tertiary' + color],
2345
+ stripBg: darkMode ? allColors[color + 'gradient'] : allColors?.black,
2346
+ stripText: darkMode ? allColors?.lightblack : allColors?.white,
2347
+ inputBorderColor: allColors?.blue2,
2348
+ tertiaryBlue2: allColors?.tertiaryblue2,
2349
+ white: allColors?.white,
2350
+ black: allColors?.black,
2351
+ lightblack: allColors?.lightblack,
2352
+ gray: allColors?.gray
2353
+ };
2354
+ const typography = {
2355
+ fontFamily: `"${fontFamily}", "Roboto", "Helvetica", "Arial", "sans-serif"`,
2356
+ fontSize: isMobile ? fontSizeMob : fontSize,
2357
+ fontWeight
2358
+ };
2359
+ // const shape = { borderRadius };
2360
+ const spacing = {
2361
+ padding: isMobile ? mobilePadding : padding,
2362
+ margin: isMobile ? mobileMargin : margin
2363
+ };
2364
+ return {
2365
+ ...getTheme(theme),
2366
+ typography,
2367
+ spacing,
2368
+ colors
2369
+ };
2370
+ };
2371
+
2178
2372
  function PageRenderer$1({
2179
2373
  pageData: {
2180
2374
  metadata: {
@@ -2231,7 +2425,7 @@ function PageRenderer$1({
2231
2425
  countryCode,
2232
2426
  currencySymbol
2233
2427
  }), [isMobile, isLandingPages, layout, baseURLs, hashToken, isPreview, isEdit, templateId, navList, isMasterTemplate, basePath, validations, isTutorWebsite, extraProps, hideLogin, _id, countryCode, currencySymbol]);
2234
- const theme = useMemo(() => getTheme(color, font, context.isMobile), [color, font, context.isMobile]);
2428
+ const theme = useMemo(() => generateTheme(color, font, context.isMobile), [color, font, context.isMobile]);
2235
2429
  const Wrapper = SectionWrapper || Fragment;
2236
2430
  return /*#__PURE__*/React.createElement(ThemeProvider, {
2237
2431
  theme: theme
@@ -2269,7 +2463,7 @@ const useSectionStyles$8 = createUseStyles(theme => ({
2269
2463
  padding: ({
2270
2464
  isMobile
2271
2465
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
2272
- backgroundColor: theme?.palette?.background?.primary,
2466
+ background: theme?.colors?.background2,
2273
2467
  '&, & *, & *:before, & *:after': {
2274
2468
  fontFamily: theme?.typography?.fontFamily,
2275
2469
  boxSizing: 'border-box'
@@ -2327,14 +2521,14 @@ const useSectionStyles$8 = createUseStyles(theme => ({
2327
2521
  marginBottom: '8px',
2328
2522
  fontSize: theme.typography.fontSize.subHead,
2329
2523
  letterSpacing: '3px',
2330
- color: theme?.palette?.font?.default,
2524
+ color: theme?.colors?.font3,
2331
2525
  wordBreak: 'break-word',
2332
2526
  maxWidth: '100%'
2333
2527
  },
2334
2528
  heading: {
2335
2529
  margin: '0',
2336
2530
  fontSize: theme.typography.fontSize.h1,
2337
- color: theme?.palette?.font?.default,
2531
+ color: theme?.colors?.font3,
2338
2532
  wordBreak: ({
2339
2533
  wordBreakValue
2340
2534
  }) => wordBreakValue || 'break-word',
@@ -2343,7 +2537,7 @@ const useSectionStyles$8 = createUseStyles(theme => ({
2343
2537
  },
2344
2538
  description: {
2345
2539
  margin: `${theme.spacing.margin.tiny}px 0px`,
2346
- color: theme?.palette?.font?.primary,
2540
+ color: theme?.colors?.font3,
2347
2541
  lineHeight: '24px',
2348
2542
  wordBreak: 'break-word'
2349
2543
  },
@@ -2460,7 +2654,7 @@ const useCarouselStyles = createUseStyles(theme => ({
2460
2654
  width: '26px',
2461
2655
  background: ({
2462
2656
  inverted
2463
- } = {}) => !!inverted ? theme?.palette?.font?.invertedDefault : theme.palette.primary.main
2657
+ } = {}) => !!inverted ? theme?.palette?.font?.invertedDefault : theme.colors.AccentColor
2464
2658
  },
2465
2659
  '@media screen and (max-width: 767px)': {
2466
2660
  sliderClass: {
@@ -2496,7 +2690,7 @@ const useArrowButtonStyles = createUseStyles(theme => ({
2496
2690
  height: sizeHandler,
2497
2691
  border: ({
2498
2692
  inverted
2499
- }) => `solid 1px ${inverted ? theme?.palette?.font?.invertedDefault : theme?.palette?.primary?.light}`,
2693
+ }) => `solid 1px ${inverted ? theme?.palette?.font?.invertedDefault : theme?.colors?.AccentColor}`,
2500
2694
  borderRadius: '50%',
2501
2695
  display: 'flex',
2502
2696
  justifyContent: 'center',
@@ -2518,7 +2712,7 @@ function ArrowButton(props) {
2518
2712
  }, /*#__PURE__*/React.createElement(Icon, {
2519
2713
  height: props.size === 'small' ? '12px' : '18px',
2520
2714
  name: "Angle",
2521
- color: props.inverted ? theme?.palette?.font?.invertedDefault : theme?.palette?.primary?.main,
2715
+ color: props.inverted ? theme?.palette?.font?.invertedDefault : theme?.colors?.AccentColor,
2522
2716
  inverted: true
2523
2717
  }));
2524
2718
  }
@@ -2728,7 +2922,6 @@ const useSectionStyles$7 = createUseStyles(theme => ({
2728
2922
  justifyContent: 'center',
2729
2923
  flexDirection: 'column',
2730
2924
  alignItems: 'center',
2731
- backgroundColor: theme?.palette?.background?.default,
2732
2925
  '&, & *, & *:before, & *:after': {
2733
2926
  fontFamily: theme?.typography?.fontFamily,
2734
2927
  boxSizing: 'border-box'
@@ -2746,7 +2939,7 @@ const useSectionStyles$7 = createUseStyles(theme => ({
2746
2939
  subTitleHeading: {
2747
2940
  marginBottom: '8px',
2748
2941
  fontSize: theme.typography.fontSize.subHead,
2749
- color: theme?.palette?.font?.default,
2942
+ color: theme?.colors?.black,
2750
2943
  alignItems: 'center',
2751
2944
  textAlign: 'center',
2752
2945
  wordBreak: 'break-word',
@@ -2756,7 +2949,7 @@ const useSectionStyles$7 = createUseStyles(theme => ({
2756
2949
  heading: {
2757
2950
  marginBottom: theme.spacing.margin.tiny,
2758
2951
  fontSize: theme.typography.fontSize.h2,
2759
- color: theme?.palette?.font?.default,
2952
+ color: theme?.colors?.black,
2760
2953
  fontWeight: theme.typography.fontWeight.bold,
2761
2954
  textAlign: 'center',
2762
2955
  wordBreak: 'break-word'
@@ -2773,7 +2966,7 @@ const useSectionStyles$7 = createUseStyles(theme => ({
2773
2966
  display: 'flex',
2774
2967
  width: 'calc(100% - 200px)',
2775
2968
  alignItems: 'center',
2776
- background: theme?.palette?.background?.default,
2969
+ background: theme?.colors?.white,
2777
2970
  boxShadow: theme?.shadows?.primary,
2778
2971
  borderRadius: theme?.shape?.borderRadius?.regular,
2779
2972
  overflow: 'hidden',
@@ -2797,33 +2990,13 @@ const useSectionStyles$7 = createUseStyles(theme => ({
2797
2990
  '& $contentText': {
2798
2991
  marginLeft: '170px'
2799
2992
  }
2800
- },
2801
- '&:nth-child(7n+1) $contentNumber': {
2802
- background: palettes.purple.primary.lightest
2803
- },
2804
- '&:nth-child(7n+2) $contentNumber': {
2805
- background: palettes.orange.primary.lightest
2806
- },
2807
- '&:nth-child(7n+3) $contentNumber': {
2808
- background: palettes.red.primary.lightest
2809
- },
2810
- '&:nth-child(7n+4) $contentNumber': {
2811
- background: palettes.green.primary.lightest
2812
- },
2813
- '&:nth-child(7n+5) $contentNumber': {
2814
- background: palettes.pink.primary.lightest
2815
- },
2816
- '&:nth-child(7n+6) $contentNumber': {
2817
- background: palettes.blue.primary.lightest
2818
- },
2819
- '&:nth-child(7n) $contentNumber': {
2820
- background: palettes.rust.primary.lightest
2821
2993
  }
2822
2994
  },
2823
2995
  contentNumber: {
2824
2996
  position: 'absolute',
2825
2997
  top: '0',
2826
2998
  fontWeight: '700',
2999
+ background: theme?.colors?.background3,
2827
3000
  fontSize: '72px',
2828
3001
  letterSpacing: '-3px',
2829
3002
  display: 'flex',
@@ -2831,7 +3004,7 @@ const useSectionStyles$7 = createUseStyles(theme => ({
2831
3004
  justifyContent: 'center',
2832
3005
  padding: '48px',
2833
3006
  height: '100%',
2834
- color: theme?.palette?.font?.default,
3007
+ color: theme?.colors?.font4,
2835
3008
  wordBreak: 'break-word'
2836
3009
  },
2837
3010
  contentText: {
@@ -2843,14 +3016,14 @@ const useSectionStyles$7 = createUseStyles(theme => ({
2843
3016
  fontWeight: theme.typography.fontWeight.bold,
2844
3017
  lineHeight: '32px',
2845
3018
  marginBottom: '8px',
2846
- color: theme?.palette?.font?.default,
3019
+ color: theme?.colors?.lightblack,
2847
3020
  wordBreak: 'break-word'
2848
3021
  },
2849
3022
  contentPara: {
2850
3023
  fontStyle: 'normal',
2851
3024
  fontSize: '16px',
2852
3025
  lineHeight: '26px',
2853
- color: theme?.palette?.font?.primary,
3026
+ color: theme?.colors?.gray,
2854
3027
  wordBreak: 'break-word'
2855
3028
  },
2856
3029
  '@media screen and (max-width: 767px)': {
@@ -3263,6 +3436,7 @@ const useSectionStyles$5 = createUseStyles(theme => {
3263
3436
  return {
3264
3437
  section: {
3265
3438
  padding: `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
3439
+ background: theme?.colors?.background2,
3266
3440
  '&, & *, & *:before, & *:after': {
3267
3441
  fontFamily: theme?.typography?.fontFamily,
3268
3442
  boxSizing: 'border-box'
@@ -3306,7 +3480,7 @@ const useSectionStyles$5 = createUseStyles(theme => {
3306
3480
  }
3307
3481
  },
3308
3482
  imageBorder: {
3309
- border: `2px solid ${theme?.palette?.primary?.light}`,
3483
+ // border: `2px solid ${theme?.palette?.primary?.light}`,
3310
3484
  borderRadius: theme?.shape?.borderRadius?.small,
3311
3485
  position: 'absolute',
3312
3486
  width: '100%',
@@ -3331,13 +3505,13 @@ const useSectionStyles$5 = createUseStyles(theme => {
3331
3505
  marginBottom: '8px',
3332
3506
  fontSize: theme?.typography?.fontSize?.subHead,
3333
3507
  letterSpacing: '3px',
3334
- color: theme?.palette?.font?.default,
3508
+ color: theme?.colors?.font3,
3335
3509
  wordBreak: 'break-word'
3336
3510
  },
3337
3511
  heading: {
3338
3512
  margin: '0',
3339
3513
  fontSize: theme?.typography?.fontSize?.h1,
3340
- color: theme?.palette?.font?.default,
3514
+ color: theme?.colors?.font3,
3341
3515
  wordBreak: ({
3342
3516
  wordBreakValue
3343
3517
  }) => wordBreakValue || 'break-word',
@@ -3347,7 +3521,7 @@ const useSectionStyles$5 = createUseStyles(theme => {
3347
3521
  description: {
3348
3522
  marginTop: theme.spacing.margin.tiny,
3349
3523
  marginBottom: theme.spacing.margin.tiny,
3350
- color: theme?.palette?.font?.primary,
3524
+ color: theme?.colors?.font3,
3351
3525
  lineHeight: '24px',
3352
3526
  wordBreak: 'break-word'
3353
3527
  },
@@ -3513,16 +3687,16 @@ const useSectionStyles$4 = createUseStyles(theme => ({
3513
3687
  containerWidth
3514
3688
  } = {}) => containerWidth
3515
3689
  },
3516
- partialBackground: {
3517
- top: '0',
3518
- left: '0',
3519
- width: '100%',
3520
- height: '50%',
3521
- position: 'absolute',
3522
- background: theme?.palette?.background?.primary
3523
- },
3690
+ // partialBackground: {
3691
+ // top: '0',
3692
+ // left: '0',
3693
+ // width: '100%',
3694
+ // height: '50%',
3695
+ // position: 'absolute',
3696
+ // background: theme?.palette?.background?.primary
3697
+ // },
3524
3698
  sectionContainer: {
3525
- backgroundColor: theme?.palette?.background?.default,
3699
+ backgroundColor: theme?.colors?.background2,
3526
3700
  boxShadow: theme?.shadows?.secondary,
3527
3701
  borderRadius: theme?.shape?.borderRadius?.regular,
3528
3702
  padding: theme.spacing.padding.small,
@@ -3533,7 +3707,7 @@ const useSectionStyles$4 = createUseStyles(theme => ({
3533
3707
  fontWeight: theme.typography.fontWeight.bold,
3534
3708
  lineHeight: '71px',
3535
3709
  letterSpacing: '-3px',
3536
- color: theme?.palette?.font?.default,
3710
+ color: theme?.colors?.font3,
3537
3711
  marginBottom: theme.spacing.padding.tiny,
3538
3712
  wordBreak: 'break-word'
3539
3713
  },
@@ -3545,7 +3719,7 @@ const useSectionStyles$4 = createUseStyles(theme => ({
3545
3719
  title: {
3546
3720
  fontSize: theme.typography.fontSize.h6,
3547
3721
  lineHeight: '32px',
3548
- color: theme?.palette?.font?.primary,
3722
+ color: theme?.colors?.font3,
3549
3723
  wordBreak: 'break-word',
3550
3724
  flex: 1
3551
3725
  },
@@ -3673,8 +3847,8 @@ const inputStyles = createUseStyles(theme => ({
3673
3847
  inputField: {
3674
3848
  width: '100%',
3675
3849
  // maxWidth: '314px',
3676
- background: theme?.palette?.background?.default,
3677
- border: `1px solid ${theme?.palette?.border?.secondary}`,
3850
+ // background: theme?.palette?.background?.default,
3851
+ border: `1px solid ${theme?.colors?.icon}`,
3678
3852
  borderRadius: theme?.shape?.borderRadius?.regular,
3679
3853
  padding: '14px 12px',
3680
3854
  display: 'flex',
@@ -3688,7 +3862,7 @@ const inputStyles = createUseStyles(theme => ({
3688
3862
  fontWeight: '400',
3689
3863
  fontSize: '16px',
3690
3864
  lineHeight: '20px',
3691
- color: theme?.palette?.font?.primary,
3865
+ color: theme?.colors?.black,
3692
3866
  fontFamily: theme?.typography?.fontFamily
3693
3867
  },
3694
3868
  '&:focus': {
@@ -3888,7 +4062,6 @@ var index$h = /*#__PURE__*/Object.freeze({
3888
4062
 
3889
4063
  const useTestimonialStyles = createUseStyles(theme => ({
3890
4064
  testimonialContainer: {
3891
- background: theme?.palette?.background?.primary,
3892
4065
  overflow: 'hidden',
3893
4066
  padding: `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
3894
4067
  '&, & *, & *:before, & *:after': {
@@ -3906,14 +4079,14 @@ const useTestimonialStyles = createUseStyles(theme => ({
3906
4079
  } = {}) => containerWidth
3907
4080
  },
3908
4081
  testimonialText: {
3909
- color: theme?.palette?.font?.default,
4082
+ color: theme?.colors?.lightblack,
3910
4083
  fontSize: theme.typography.fontSize.subHead,
3911
4084
  wordBreak: 'break-word',
3912
4085
  textTransform: 'uppercase'
3913
4086
  },
3914
4087
  testimonialHeader: {
3915
4088
  fontSize: theme.typography.fontSize.h2,
3916
- color: theme?.palette?.font?.default,
4089
+ color: theme?.colors?.lightblack,
3917
4090
  fontWeight: theme.typography.fontWeight.bold,
3918
4091
  marginBottom: theme.spacing.margin.tiny,
3919
4092
  marginTop: '8px',
@@ -3930,7 +4103,7 @@ const useTestimonialStyles = createUseStyles(theme => ({
3930
4103
  position: 'relative',
3931
4104
  height: 'calc(100% - 12px)',
3932
4105
  width: 'calc(100% - 24px)',
3933
- background: theme?.palette?.background?.default,
4106
+ background: theme?.colors?.background1,
3934
4107
  boxShadow: theme?.shadows?.primary,
3935
4108
  borderRadius: theme?.shape?.borderRadius?.regular
3936
4109
  },
@@ -3957,7 +4130,7 @@ const useTestimonialStyles = createUseStyles(theme => ({
3957
4130
  marginBottom: theme.spacing.margin.tiny,
3958
4131
  fontSize: theme.typography.fontSize.body,
3959
4132
  wordBreak: 'break-word',
3960
- color: theme?.palette?.font?.primary,
4133
+ color: theme?.colors?.font1,
3961
4134
  lineHeight: '26px'
3962
4135
  },
3963
4136
  userContainer: {
@@ -3986,7 +4159,7 @@ const useTestimonialStyles = createUseStyles(theme => ({
3986
4159
  marginRight: '16px'
3987
4160
  },
3988
4161
  userName: {
3989
- color: theme?.palette?.font?.default,
4162
+ color: theme?.colors?.font1,
3990
4163
  margin: '0',
3991
4164
  fontSize: theme.typography.fontSize.h5,
3992
4165
  // paddingTop: '16px',
@@ -4005,19 +4178,6 @@ const useTestimonialStyles = createUseStyles(theme => ({
4005
4178
  testimonialContainer: {
4006
4179
  padding: `${theme.spacing.padding.medium}px ${theme.spacing.padding.small}px`
4007
4180
  },
4008
- // testimonialCardAndText: {
4009
- // margin: '0 20px'
4010
- // },
4011
-
4012
- // testimonialHeader: {
4013
- // fontSize: '24px',
4014
- // color: theme?.palette?.font?.default,
4015
- // margin: '4px 0 12px 0',
4016
- // overflow: 'hidden',
4017
- // // whiteSpace: 'nowrap',
4018
- // wordBreak: 'break-word',
4019
- // textOverflow: 'ellipsis'
4020
- // },
4021
4181
  testimonialText: {
4022
4182
  textAlign: 'center'
4023
4183
  },
@@ -4070,7 +4230,7 @@ function QuotesComponent() {
4070
4230
  width: "28px",
4071
4231
  height: "21px",
4072
4232
  name: "Quote",
4073
- color: theme?.palette?.primary?.main
4233
+ color: theme?.colors?.icon
4074
4234
  }));
4075
4235
  }
4076
4236
 
@@ -4600,7 +4760,7 @@ const useVideoStyles = createUseStyles(theme => {
4600
4760
  padding: ({
4601
4761
  isMobile
4602
4762
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
4603
- backgroundColor: theme?.palette?.background?.primary,
4763
+ backgroundColor: theme?.colors?.background2,
4604
4764
  '&, & *, & *:before, & *:after': {
4605
4765
  fontFamily: theme?.typography?.fontFamily,
4606
4766
  boxSizing: 'border-box'
@@ -4623,7 +4783,7 @@ const useVideoStyles = createUseStyles(theme => {
4623
4783
  fontSize: theme.typography.fontSize.subHead,
4624
4784
  textTransform: 'uppercase',
4625
4785
  lineHeight: '20px',
4626
- color: theme?.palette?.font?.default,
4786
+ color: theme?.colors?.font2,
4627
4787
  letterSpacing: '3px',
4628
4788
  wordBreak: 'break-word'
4629
4789
  },
@@ -4634,14 +4794,14 @@ const useVideoStyles = createUseStyles(theme => {
4634
4794
  letterSpacing: '-3px',
4635
4795
  marginBottom: theme.spacing.margin.tiny,
4636
4796
  marginTop: '8px',
4637
- color: theme?.palette?.font?.default,
4797
+ color: theme?.colors?.font2,
4638
4798
  wordBreak: 'break-word'
4639
4799
  },
4640
4800
  sliderContainer: {
4641
4801
  marginRight: `-${theme.spacing.padding.medium}px`
4642
4802
  },
4643
4803
  singleSlideContainer: {
4644
- backgroundColor: theme?.palette?.background?.default,
4804
+ backgroundColor: 'white',
4645
4805
  // margin: '20px',
4646
4806
  width: 'calc(100% - 24px)',
4647
4807
  height: 'calc(100% - 40px)',
@@ -4678,14 +4838,14 @@ const useVideoStyles = createUseStyles(theme => {
4678
4838
  fontWeight: theme.typography.fontWeight.bold,
4679
4839
  lineHeight: '32px',
4680
4840
  marginBottom: '8px',
4681
- color: theme?.palette?.font?.default,
4841
+ color: theme?.colors?.lightblack,
4682
4842
  wordBreak: 'break-word'
4683
4843
  },
4684
4844
  videoDetailsSubHeading: {
4685
4845
  fontSize: theme.typography.fontSize.body,
4686
4846
  lineHeight: '24px',
4687
4847
  wordBreak: 'break-word',
4688
- color: theme?.palette?.font?.primary
4848
+ color: theme?.colors?.gray
4689
4849
  },
4690
4850
  '@media (max-width: 767px)': {
4691
4851
  videoHeading: {
@@ -4832,11 +4992,10 @@ var index$e = /*#__PURE__*/Object.freeze({
4832
4992
 
4833
4993
  const useSectionStyles$3 = createUseStyles(theme => ({
4834
4994
  section: {
4835
- position: 'relative',
4836
4995
  padding: ({
4837
4996
  isMobile
4838
4997
  } = {}) => 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`,
4839
- backgroundColor: theme?.palette?.background?.default,
4998
+ background: `linear-gradient(180deg, ${theme?.colors?.background2} 50%, #FFFFFF 50%)`,
4840
4999
  '&, & *, & *:before, & *:after': {
4841
5000
  fontFamily: theme?.typography?.fontFamily,
4842
5001
  boxSizing: 'border-box'
@@ -4855,21 +5014,13 @@ const useSectionStyles$3 = createUseStyles(theme => ({
4855
5014
  containerWidth
4856
5015
  } = {}) => containerWidth
4857
5016
  },
4858
- partialBackground: {
4859
- position: 'absolute',
4860
- top: '0',
4861
- left: '0',
4862
- height: '50%',
4863
- background: theme?.palette?.background?.primary,
4864
- width: '100%'
4865
- },
4866
5017
  content: {
4867
5018
  position: 'relative'
4868
5019
  },
4869
5020
  subTitleHeading: {
4870
5021
  width: '100%',
4871
5022
  fontSize: theme.typography.fontSize.subHead,
4872
- color: theme?.palette?.font?.default,
5023
+ color: theme?.colors?.font2,
4873
5024
  textTransform: 'uppercase',
4874
5025
  textAlign: 'left',
4875
5026
  lineHeight: '20px',
@@ -4881,7 +5032,7 @@ const useSectionStyles$3 = createUseStyles(theme => ({
4881
5032
  fontSize: theme.typography.fontSize.h2,
4882
5033
  width: '100%',
4883
5034
  lineHeight: '70px',
4884
- color: theme?.palette?.font?.default,
5035
+ color: theme?.colors?.font2,
4885
5036
  textAlign: 'left',
4886
5037
  wordBreak: 'break-word'
4887
5038
  },
@@ -4891,7 +5042,7 @@ const useSectionStyles$3 = createUseStyles(theme => ({
4891
5042
  // },
4892
5043
 
4893
5044
  card: {
4894
- background: theme?.palette?.background?.default,
5045
+ background: theme?.colors?.white,
4895
5046
  boxShadow: theme?.shadows?.primary,
4896
5047
  borderRadius: theme.shape.borderRadius.large,
4897
5048
  margin: ({
@@ -4912,7 +5063,7 @@ const useSectionStyles$3 = createUseStyles(theme => ({
4912
5063
  textAlign: 'center',
4913
5064
  fontSize: theme.typography.fontSize.h6,
4914
5065
  fontWeight: theme.typography.fontWeight.bold,
4915
- color: theme?.palette?.font?.default,
5066
+ color: theme?.colors?.lightblack,
4916
5067
  margin: `16px 0px`,
4917
5068
  wordBreak: 'break-word'
4918
5069
  },
@@ -4924,7 +5075,7 @@ const useSectionStyles$3 = createUseStyles(theme => ({
4924
5075
  alignItems: 'center',
4925
5076
  justifyContent: 'center',
4926
5077
  borderRadius: '50%',
4927
- background: theme?.palette?.background?.primary
5078
+ background: theme?.colors?.background2
4928
5079
  },
4929
5080
  buttonContainerClass: {
4930
5081
  marginRight: theme.spacing.margin.regular,
@@ -4938,7 +5089,7 @@ const useSectionStyles$3 = createUseStyles(theme => ({
4938
5089
  textAlign: 'center',
4939
5090
  fontSize: theme.typography.fontSize.body,
4940
5091
  lineHeight: '22px',
4941
- color: theme?.palette?.font?.primary,
5092
+ color: theme?.colors?.gray,
4942
5093
  margin: '0',
4943
5094
  wordBreak: 'break-word'
4944
5095
  },
@@ -5024,7 +5175,7 @@ function Info({
5024
5175
  className: classes.imageContainer
5025
5176
  }, /*#__PURE__*/React.createElement(Icon, {
5026
5177
  name: dt.icon.metadata.value,
5027
- color: theme.palette.primary.main,
5178
+ color: theme?.colors?.icon,
5028
5179
  width: isMobile ? '30px' : '40px',
5029
5180
  height: isMobile ? '30px' : '40px'
5030
5181
  })), /*#__PURE__*/React.createElement("h3", {
@@ -5081,7 +5232,7 @@ const useSectionStyles$2 = createUseStyles(theme => ({
5081
5232
  padding: ({
5082
5233
  isMobile
5083
5234
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
5084
- backgroundColor: theme?.palette?.background?.default,
5235
+ backgroundColor: theme?.colors?.background2,
5085
5236
  '&, & *, & *:before, & *:after': {
5086
5237
  fontFamily: theme?.typography?.fontFamily,
5087
5238
  boxSizing: 'border-box'
@@ -5098,7 +5249,7 @@ const useSectionStyles$2 = createUseStyles(theme => ({
5098
5249
  subHeading: {
5099
5250
  fontSize: theme.typography.fontSize.subHead,
5100
5251
  marginBottom: '8px',
5101
- color: theme?.palette?.font?.default,
5252
+ color: theme?.colors?.font3,
5102
5253
  wordBreak: 'break-word',
5103
5254
  textTransform: 'uppercase',
5104
5255
  letterSpacing: '3px'
@@ -5108,7 +5259,7 @@ const useSectionStyles$2 = createUseStyles(theme => ({
5108
5259
  fontWeight: theme.typography.fontWeight.bold,
5109
5260
  lineHeight: 'normal',
5110
5261
  margin: '0',
5111
- color: theme?.palette?.font?.default,
5262
+ color: theme?.colors?.font3,
5112
5263
  wordBreak: 'break-word',
5113
5264
  marginBottom: theme.spacing.margin.tiny
5114
5265
  },
@@ -5119,7 +5270,7 @@ const useSectionStyles$2 = createUseStyles(theme => ({
5119
5270
  padding: '32px 0px'
5120
5271
  },
5121
5272
  textPara: {
5122
- color: theme?.palette?.font?.primary,
5273
+ color: theme?.colors?.font3,
5123
5274
  wordBreak: 'break-word',
5124
5275
  fontSize: theme.typography.fontSize.body,
5125
5276
  lineHeight: '24px'
@@ -5426,7 +5577,7 @@ const useFaqListStyles = createUseStyles(theme => ({
5426
5577
  padding: ({
5427
5578
  isMobile
5428
5579
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
5429
- backgroundColor: theme?.palette?.background?.primary,
5580
+ backgroundColor: theme?.colors?.background2,
5430
5581
  '&, & *, & *:before, & *:after': {
5431
5582
  fontFamily: theme?.typography?.fontFamily,
5432
5583
  boxSizing: 'border-box'
@@ -5441,7 +5592,7 @@ const useFaqListStyles = createUseStyles(theme => ({
5441
5592
  } = {}) => containerWidth
5442
5593
  },
5443
5594
  sectionSubheading: {
5444
- color: theme?.palette?.font.default,
5595
+ color: theme?.colors?.font3,
5445
5596
  fontSize: theme.typography.fontSize.subHead,
5446
5597
  marginBottom: '8px',
5447
5598
  wordBreak: 'break-word'
@@ -5450,15 +5601,16 @@ const useFaqListStyles = createUseStyles(theme => ({
5450
5601
  fontSize: theme.typography.fontSize.h2,
5451
5602
  fontWeight: theme.typography.fontWeight.bold,
5452
5603
  wordBreak: 'break-word',
5453
- marginBottom: `${theme.spacing.margin.tiny}px`
5604
+ marginBottom: `${theme.spacing.margin.tiny}px`,
5605
+ color: theme?.colors?.font3
5454
5606
  },
5455
5607
  container: {
5456
5608
  boxShadow: theme?.shadows?.secondary,
5457
5609
  borderRadius: '8px',
5458
- backgroundColor: theme?.palette?.background?.default
5610
+ backgroundColor: theme?.colors?.white
5459
5611
  },
5460
5612
  basicCardContainer: {
5461
- borderBottom: theme?.borders?.secondary,
5613
+ borderBottom: `1px solid #D3D3D3`,
5462
5614
  padding: `${theme.spacing.padding.tiny}px`
5463
5615
  },
5464
5616
  innerContainer: {
@@ -5477,14 +5629,14 @@ const useFaqListStyles = createUseStyles(theme => ({
5477
5629
  alignItems: 'center'
5478
5630
  },
5479
5631
  title: {
5480
- color: theme?.palette?.font.default,
5632
+ color: theme?.colors?.lightblack,
5481
5633
  fontSize: theme.typography.fontSize.h5,
5482
5634
  fontWeight: theme.typography.fontWeight.bold,
5483
5635
  margin: '0',
5484
5636
  wordBreak: 'break-word'
5485
5637
  },
5486
5638
  content: {
5487
- color: theme?.palette?.font.primary,
5639
+ color: theme?.colors?.lightblack,
5488
5640
  fontSize: theme.typography.fontSize.body,
5489
5641
  lineHeight: '24px',
5490
5642
  maxHeight: ({
@@ -5604,11 +5756,10 @@ var index$a = /*#__PURE__*/Object.freeze({
5604
5756
 
5605
5757
  const useTextGridStyles = createUseStyles(theme => ({
5606
5758
  section: {
5759
+ background: theme.colors.background1,
5607
5760
  padding: ({
5608
5761
  isMobile
5609
5762
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
5610
- // backgroundColor: theme?.palette?.background?.primary,
5611
-
5612
5763
  '&, & *, & *:before, & *:after': {
5613
5764
  fontFamily: theme?.typography?.fontFamily,
5614
5765
  boxSizing: 'border-box'
@@ -5616,14 +5767,7 @@ const useTextGridStyles = createUseStyles(theme => ({
5616
5767
  '& h2,& h3,& p': {
5617
5768
  marginTop: '0'
5618
5769
  }
5619
- // '& h2,& h3': {
5620
- // fontWeight: '500',
5621
- // '& b,& strong': {
5622
- // fontWeight: '700'
5623
- // }
5624
- // }
5625
5770
  },
5626
-
5627
5771
  sectionContainer: {
5628
5772
  margin: '0 auto',
5629
5773
  maxWidth: ({
@@ -5631,7 +5775,7 @@ const useTextGridStyles = createUseStyles(theme => ({
5631
5775
  } = {}) => containerWidth
5632
5776
  },
5633
5777
  subheading: {
5634
- color: theme?.palette?.font.default,
5778
+ color: theme?.colors?.font1,
5635
5779
  fontSize: theme.typography.fontSize.subHead,
5636
5780
  lineHeight: '20px',
5637
5781
  letterSpacing: '3px',
@@ -5645,7 +5789,8 @@ const useTextGridStyles = createUseStyles(theme => ({
5645
5789
  fontWeight: theme.typography.fontWeight.bold,
5646
5790
  letterSpacing: '-3px',
5647
5791
  marginBottom: theme.spacing.margin.tiny,
5648
- wordBreak: 'break-word'
5792
+ wordBreak: 'break-word',
5793
+ color: theme?.colors?.font1
5649
5794
  },
5650
5795
  sliderContainer: {
5651
5796
  margin: '0 -10px'
@@ -5915,7 +6060,7 @@ const useCourseStyles = createUseStyles(theme => {
5915
6060
  display: 'flex',
5916
6061
  justifyContent: 'flex-start',
5917
6062
  alignItems: 'center',
5918
- fontSize: theme.typography.fontSize.subHead,
6063
+ fontSize: theme.typography.fontSize.body,
5919
6064
  color: theme?.palette?.font?.primary,
5920
6065
  '& img': {
5921
6066
  marginRight: '5px'
@@ -5948,8 +6093,8 @@ const useCourseStyles = createUseStyles(theme => {
5948
6093
  },
5949
6094
  courseCardBuyBtn: {
5950
6095
  cursor: 'pointer',
5951
- background: theme?.palette?.primary?.main,
5952
- color: theme?.palette?.font?.invertedDefault,
6096
+ background: theme?.colors?.ctaColor,
6097
+ color: theme?.colors?.CtaTextColor,
5953
6098
  padding: '8px 16px',
5954
6099
  fontWeight: theme.typography.fontWeight.bold,
5955
6100
  cursor: 'pointer',
@@ -6048,6 +6193,13 @@ async function getCourseList(baseURLs, hashToken) {
6048
6193
 
6049
6194
  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";
6050
6195
 
6196
+ function getShortenedSubstring(name, length, allowDots = true) {
6197
+ if (name) {
6198
+ return name.length < length ? name : `${name.substr(0, length)}${allowDots && '...'}`;
6199
+ }
6200
+ return '';
6201
+ }
6202
+
6051
6203
  const formatCurrency = (countryCode, value, currencySymbol) => {
6052
6204
  let formattedValue = Number(value);
6053
6205
  const getFormattedValue = (countryCode, currencySymbol, value) => {
@@ -6315,11 +6467,10 @@ var index$8 = /*#__PURE__*/Object.freeze({
6315
6467
  const useTeamStyles = createUseStyles(theme => {
6316
6468
  return {
6317
6469
  teamSuperContainer: {
6470
+ background: `linear-gradient(180deg, ${theme?.colors?.background2} 50%, #FFFFFF 50%)`,
6318
6471
  padding: ({
6319
6472
  isMobile
6320
6473
  } = {}) => 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`,
6321
- // backgroundColor: theme?.palette?.background?.primary,
6322
-
6323
6474
  '&, & *, & *:before, & *:after': {
6324
6475
  fontFamily: theme?.typography?.fontFamily,
6325
6476
  boxSizing: 'border-box'
@@ -6340,25 +6491,17 @@ const useTeamStyles = createUseStyles(theme => {
6340
6491
  lineHeight: '20px',
6341
6492
  letterSpacing: '3px',
6342
6493
  marginBottom: '8px',
6343
- color: theme?.palette?.font?.default,
6494
+ color: theme?.colors?.font2,
6344
6495
  // wordBreak: 'break-word',
6345
6496
  position: 'relative'
6346
6497
  },
6347
- partialBackground: {
6348
- position: 'absolute',
6349
- top: '0',
6350
- left: '0',
6351
- height: '50%',
6352
- background: theme?.palette?.background?.primary,
6353
- width: '100%'
6354
- },
6355
6498
  teamTitle: {
6356
6499
  fontSize: theme.typography.fontSize.h2,
6357
6500
  fontWeight: theme.typography.fontWeight.bold,
6358
6501
  lineHeight: '70px',
6359
6502
  letterSpacing: '-3px',
6360
6503
  wordBreak: 'break-word',
6361
- color: theme?.palette?.font?.default,
6504
+ color: theme?.colors?.font2,
6362
6505
  position: 'relative'
6363
6506
  },
6364
6507
  sliderContainer: {
@@ -6450,12 +6593,10 @@ const useTeamStyles = createUseStyles(theme => {
6450
6593
  teamDetailsHeading: {
6451
6594
  fontSize: '16px',
6452
6595
  lineHeight: '24px',
6453
- margin: '0',
6454
- color: theme?.palette?.font?.body
6596
+ margin: '0'
6455
6597
  },
6456
6598
  teamDetailsSubHeading: {
6457
- marginTop: '0px',
6458
- color: theme?.palette?.font?.primary
6599
+ marginTop: '0px'
6459
6600
  }
6460
6601
  }
6461
6602
  };
@@ -6566,7 +6707,7 @@ const useSectionStyles$1 = createUseStyles(theme => ({
6566
6707
  justifyContent: 'center',
6567
6708
  flexDirection: 'column',
6568
6709
  alignItems: 'center',
6569
- backgroundColor: theme?.palette?.background?.default,
6710
+ background: `linear-gradient(180deg, ${theme?.colors?.background2} 50%, #FFFFFF 50%)`,
6570
6711
  padding: ({
6571
6712
  isMobile
6572
6713
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
@@ -6588,16 +6729,16 @@ const useSectionStyles$1 = createUseStyles(theme => ({
6588
6729
  containerWidth
6589
6730
  } = {}) => containerWidth
6590
6731
  },
6591
- partialBackground: {
6592
- top: '0',
6593
- left: '0',
6594
- width: '100%',
6595
- height: '50%',
6596
- position: 'absolute',
6597
- background: theme?.palette?.background?.primary
6598
- },
6732
+ // partialBackground: {
6733
+ // top: '0',
6734
+ // left: '0',
6735
+ // width: '100%',
6736
+ // height: '50%',
6737
+ // position: 'absolute',
6738
+ // background: theme?.colors?.white
6739
+ // },
6599
6740
  sectionContainer: {
6600
- backgroundColor: theme?.palette?.background?.default,
6741
+ backgroundColor: theme?.colors?.white,
6601
6742
  boxShadow: theme?.shadows?.secondary,
6602
6743
  borderRadius: theme?.shape?.borderRadius?.regular,
6603
6744
  padding: '48px',
@@ -6606,7 +6747,7 @@ const useSectionStyles$1 = createUseStyles(theme => ({
6606
6747
  title: {
6607
6748
  margin: '0',
6608
6749
  fontSize: theme.typography.fontSize.h2,
6609
- color: theme?.palette?.font?.default,
6750
+ color: theme?.colors?.lightblack,
6610
6751
  fontWeight: theme.typography.fontWeight.bold,
6611
6752
  lineHeight: '71px',
6612
6753
  letterSpacing: '-3px',
@@ -6629,7 +6770,7 @@ const useSectionStyles$1 = createUseStyles(theme => ({
6629
6770
  subtitle: {
6630
6771
  // margin: '0 0 40px 0',
6631
6772
  fontSize: theme.typography.fontSize.h5,
6632
- color: theme?.palette?.font?.default,
6773
+ color: theme?.colors?.lightblack,
6633
6774
  lineHeight: '32px',
6634
6775
  wordBreak: 'break-word',
6635
6776
  marginBottom: '32px'
@@ -6652,7 +6793,7 @@ const useSectionStyles$1 = createUseStyles(theme => ({
6652
6793
  },
6653
6794
  addressText: {
6654
6795
  fontSize: theme.typography.fontSize.h6,
6655
- color: theme?.palette?.font?.default,
6796
+ color: theme?.colors?.lightblack,
6656
6797
  lineHeight: '24px',
6657
6798
  fontSize: '16px'
6658
6799
  },
@@ -6989,7 +7130,7 @@ const useSectionStyles = createUseStyles(theme => ({
6989
7130
  padding: ({
6990
7131
  isMobile
6991
7132
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
6992
- backgroundColor: theme?.palette?.background?.default,
7133
+ background: `linear-gradient(180deg, ${theme?.colors?.background2} 50%, #FFFFFF 50%)`,
6993
7134
  '&, & *, & *:before, & *:after': {
6994
7135
  fontFamily: theme?.typography?.fontFamily,
6995
7136
  boxSizing: 'border-box'
@@ -7009,16 +7150,8 @@ const useSectionStyles = createUseStyles(theme => ({
7009
7150
  containerWidth
7010
7151
  } = {}) => containerWidth
7011
7152
  },
7012
- partialBackground: {
7013
- top: '0',
7014
- left: '0',
7015
- width: '100%',
7016
- height: '50%',
7017
- position: 'absolute',
7018
- background: theme?.palette?.background?.primary
7019
- },
7020
7153
  sectionContainer: {
7021
- backgroundColor: theme?.palette?.background?.default,
7154
+ backgroundColor: theme?.colors?.white,
7022
7155
  boxShadow: theme?.shadows?.secondary,
7023
7156
  borderRadius: theme?.shape?.borderRadius?.regular,
7024
7157
  padding: '48px',
@@ -7027,7 +7160,7 @@ const useSectionStyles = createUseStyles(theme => ({
7027
7160
  title: {
7028
7161
  margin: '0',
7029
7162
  fontSize: theme.typography.fontSize.h2,
7030
- color: theme?.palette?.font?.default,
7163
+ color: theme?.colors?.lightblack?.default,
7031
7164
  lineHeight: '71px',
7032
7165
  letterSpacing: '-3px',
7033
7166
  textAlign: 'left',
@@ -7052,7 +7185,7 @@ const useSectionStyles = createUseStyles(theme => ({
7052
7185
  subtitle: {
7053
7186
  // margin: '0 0 auto 0',
7054
7187
  fontSize: theme.typography.fontSize.h6,
7055
- color: theme?.palette?.font?.default,
7188
+ color: theme?.colors?.lightblack,
7056
7189
  // lineHeight: '32px',
7057
7190
  // margin: '16px 0',
7058
7191
  textAlign: 'center',
@@ -7083,8 +7216,8 @@ const useSectionStyles = createUseStyles(theme => ({
7083
7216
  inputField: {
7084
7217
  width: '100%',
7085
7218
  // maxWidth: '314px',
7086
- background: theme?.palette?.background?.default,
7087
- border: `1px solid ${theme?.palette?.border?.secondary}`,
7219
+ // background: theme?.palette?.background?.default,
7220
+ border: `1px solid ${theme?.colors?.cta}`,
7088
7221
  borderRadius: theme?.shape?.borderRadius?.regular,
7089
7222
  // padding: '14px 12px',
7090
7223
  display: 'flex',
@@ -7097,7 +7230,7 @@ const useSectionStyles = createUseStyles(theme => ({
7097
7230
  fontWeight: '400',
7098
7231
  fontSize: theme.typography.fontSize.subHead,
7099
7232
  lineHeight: '20px',
7100
- color: theme?.palette?.font?.primary,
7233
+ color: theme?.colors?.lightblack,
7101
7234
  fontFamily: theme?.typography?.fontFamily
7102
7235
  },
7103
7236
  '&:focus': {
@@ -7410,6 +7543,7 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7410
7543
  webinarSuperContainer: {
7411
7544
  display: 'flex',
7412
7545
  justifyContent: 'center',
7546
+ background: theme.colors.background1,
7413
7547
  padding: ({
7414
7548
  isMobile
7415
7549
  } = {}) => isMobile ? `${theme.spacing.padding.medium}px ${theme.spacing.padding.regular}px` : `${theme.spacing.padding.regular}px ${theme.spacing.padding.medium}px`,
@@ -7432,30 +7566,6 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7432
7566
  maxWidth: '1440px',
7433
7567
  fontFamily: theme?.typography?.fontFamily
7434
7568
  },
7435
- // videoTestimonialHeading: {
7436
- // fontSize: theme.typography.fontSize.subHead,
7437
- // lineHeight: '20px',
7438
- // letterSpacing: '3px',
7439
- // textTransform: 'uppercase',
7440
- // color: theme.palette.font.tertiary,
7441
- // wordBreak: 'break-word',
7442
- // fontWeight: theme.typography.fontWeight.bold,
7443
- // },
7444
-
7445
- // videoTestimonialTitle: {
7446
- // fontSize: theme.typography.fontSize.h2,
7447
- // lineHeight: '71px',
7448
- // fontWeight: theme.typography.fontWeight.bold,
7449
- // letterSpacing: '-3px',
7450
- // margin: '0',
7451
- // color: theme.palette.font.default,
7452
- // wordBreak: 'break-word'
7453
- // },
7454
-
7455
- // videoCarouselContainer: {
7456
- // marginTop: '16px'
7457
- // },
7458
-
7459
7569
  webinarCarousel: {
7460
7570
  display: 'flex',
7461
7571
  justifyContent: 'flex-start',
@@ -7484,7 +7594,7 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7484
7594
  },
7485
7595
  offerText: {
7486
7596
  textAlign: 'center',
7487
- color: theme.palette.font.primary,
7597
+ color: theme?.colors?.font1,
7488
7598
  marginBottom: '5%'
7489
7599
  },
7490
7600
  offerPrice: {
@@ -7531,7 +7641,7 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7531
7641
  margin: '0',
7532
7642
  letterSpacing: '-1px',
7533
7643
  wordBreak: wordBreakValue => wordBreakValue || 'break-word',
7534
- color: theme.palette.font.default
7644
+ color: theme?.colors?.font1
7535
7645
  },
7536
7646
  courseViewContainer: {
7537
7647
  width: '645px',
@@ -7546,7 +7656,7 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7546
7656
  bannerContainer: {
7547
7657
  width: '100%',
7548
7658
  background: '#EB5757',
7549
- color: '#fff',
7659
+ color: theme?.colors?.font1,
7550
7660
  textAlign: 'center',
7551
7661
  padding: '10px 10px 23px 40px',
7552
7662
  wordWrap: 'break-word',
@@ -7565,24 +7675,26 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7565
7675
  display: 'flex',
7566
7676
  alignItems: 'center',
7567
7677
  marginRight: '20px',
7678
+ color: theme?.colors?.font1,
7568
7679
  '& div': {
7569
- fontSize: theme.typography.fontSize.subHead,
7680
+ fontSize: theme.typography.fontSize.body,
7570
7681
  marginLeft: '10px'
7571
7682
  }
7572
7683
  },
7573
7684
  courseDetailContent: {
7574
- fontSize: theme.typography.fontSize.subHead,
7685
+ fontSize: theme.typography.fontSize.body,
7686
+ lineHeight: '21px',
7575
7687
  wordBreak: 'break-word',
7576
- color: theme.palette.font.primary,
7688
+ color: theme?.colors?.font1,
7577
7689
  whiteSpace: 'pre-wrap',
7578
7690
  width: '80%'
7579
7691
  },
7580
7692
  courseDetailViewFullDetails: {
7581
7693
  cursor: 'pointer',
7582
- fontSize: theme.typography.fontSize.subHead,
7694
+ fontSize: theme.typography.fontSize.body,
7583
7695
  lineHeight: '24px',
7696
+ color: theme?.colors?.font1,
7584
7697
  marginTop: '-20px',
7585
- color: '#00ADE7',
7586
7698
  wordBreak: 'break-word'
7587
7699
  },
7588
7700
  courseDetailTime: {
@@ -7597,7 +7709,7 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7597
7709
  display: 'flex',
7598
7710
  width: '36px',
7599
7711
  height: '36px',
7600
- backgroundColor: 'rgb(240, 244, 248)',
7712
+ backgroundColor: theme?.colors?.icon,
7601
7713
  justifyContent: 'center',
7602
7714
  alignItems: 'center',
7603
7715
  borderRadius: '6px'
@@ -7789,14 +7901,15 @@ const SingleVideoSlide$1 = props => {
7789
7901
  className: classes.iconBackground
7790
7902
  }, /*#__PURE__*/React.createElement(Icon, {
7791
7903
  name: 'Calendar',
7792
- color: theme.palette.primary.main
7904
+ width: "24px",
7905
+ color: theme?.colors?.background2
7793
7906
  })), /*#__PURE__*/React.createElement("div", null, moment(data.startDate).locale(momentLocale).format('Do MMM YY') + ' ', moment(data.startTime).locale(momentLocale).format('h:mm A'), /*#__PURE__*/React.createElement("span", null, " - "), moment(data.endTime).locale(momentLocale).format('h:mm A'))), /*#__PURE__*/React.createElement("div", {
7794
7907
  className: classes.courseDetailTag
7795
7908
  }, /*#__PURE__*/React.createElement("span", {
7796
7909
  className: classes.iconBackground
7797
7910
  }, /*#__PURE__*/React.createElement(Icon, {
7798
- color: theme.palette.primary.main,
7799
- width: "20px",
7911
+ color: theme?.colors?.background2,
7912
+ width: "24px",
7800
7913
  name: `${data.webinarLocation === 'Location' ? 'Location' : 'Video'}`
7801
7914
  })), /*#__PURE__*/React.createElement("div", null, data.webinarLocation === 'Location' ? data.webinarLink : data.webinarLocation))), /*#__PURE__*/React.createElement("p", {
7802
7915
  ref: data?.videoTextContent?.refSetter,
@@ -7903,13 +8016,15 @@ var index$4 = /*#__PURE__*/Object.freeze({
7903
8016
  });
7904
8017
 
7905
8018
  const useCoursePromotionPage = createUseStyles(theme => {
8019
+ console.log(theme, 'themere');
7906
8020
  return {
7907
8021
  courseSuperContainer: {
7908
8022
  display: 'flex',
7909
8023
  justifyContent: 'center',
8024
+ background: theme?.colors?.background1,
7910
8025
  padding: ({
7911
8026
  isMobile
7912
- } = {}) => isMobile ? `${theme.spacing.padding.medium}px ${theme.spacing.padding.regular}px` : `${theme.spacing.padding.regular}px ${theme.spacing.padding.medium}px`,
8027
+ } = {}) => isMobile ? `${theme.spacing.padding.small}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.regular}px ${theme.spacing.padding.medium}px`,
7913
8028
  '&, & *, & *:before, & *:after': {
7914
8029
  fontFamily: theme?.typography?.fontFamily,
7915
8030
  boxSizing: 'border-box'
@@ -8019,7 +8134,7 @@ const useCoursePromotionPage = createUseStyles(theme => {
8019
8134
  display: 'flex',
8020
8135
  flexDirection: 'column',
8021
8136
  alignItems: 'flex-start',
8022
- gap: '20px'
8137
+ gap: '0px'
8023
8138
  },
8024
8139
  videoDetailsHeading: {
8025
8140
  fontSize: theme.typography.fontSize.h3,
@@ -8027,7 +8142,7 @@ const useCoursePromotionPage = createUseStyles(theme => {
8027
8142
  margin: '0',
8028
8143
  letterSpacing: '-1px',
8029
8144
  wordBreak: 'break-word',
8030
- color: theme.palette.font.default
8145
+ color: theme?.colors?.font1
8031
8146
  },
8032
8147
  courseViewContainer: {
8033
8148
  width: '445px',
@@ -8043,7 +8158,7 @@ const useCoursePromotionPage = createUseStyles(theme => {
8043
8158
  bannerContainer: {
8044
8159
  width: '100%',
8045
8160
  background: '#EB5757',
8046
- color: '#fff',
8161
+ color: theme?.colors.font1,
8047
8162
  textAlign: 'center',
8048
8163
  padding: '10px 10px 23px 40px',
8049
8164
  wordWrap: 'break-word',
@@ -8064,7 +8179,7 @@ const useCoursePromotionPage = createUseStyles(theme => {
8064
8179
  },
8065
8180
  courseEmblem: {
8066
8181
  background: '#F0F4F8',
8067
- fontSize: theme.typography.fontSize.subHead,
8182
+ fontSize: theme.typography.fontSize.body,
8068
8183
  borderRadius: '2.00337px',
8069
8184
  padding: '8px',
8070
8185
  display: 'flex',
@@ -8081,27 +8196,29 @@ const useCoursePromotionPage = createUseStyles(theme => {
8081
8196
  display: 'flex',
8082
8197
  alignItems: 'center',
8083
8198
  marginRight: '20px',
8199
+ color: theme?.colors?.font1,
8084
8200
  '& div': {
8085
- fontSize: theme.typography.fontSize.subHead,
8201
+ fontSize: theme.typography.fontSize.body,
8086
8202
  fontWeight: theme.typography.fontWeight.semiBold,
8087
8203
  marginLeft: '10px'
8088
8204
  }
8089
8205
  },
8090
8206
  courseDetailContent: {
8091
- // marginTop: '16px',
8092
- fontSize: theme.typography.fontSize.subHead,
8093
- lineHeight: '24px',
8207
+ marginTop: '20px',
8208
+ fontSize: theme.typography.fontSize.body,
8209
+ lineHeight: '21px',
8094
8210
  wordBreak: 'break-word',
8095
- color: theme.palette.font.primary,
8211
+ color: theme?.colors?.font1,
8096
8212
  whiteSpace: 'pre-wrap',
8097
8213
  margin: '10px 0 20px'
8098
8214
  },
8099
8215
  courseDetailViewFullDetails: {
8100
8216
  cursor: 'pointer',
8101
- fontSize: theme.typography.fontSize.subHead,
8102
- lineHeight: '24px',
8103
- marginTop: '-24px',
8104
- color: '#00ADE7',
8217
+ fontSize: theme.typography.fontSize.body,
8218
+ textDecoration: 'underline',
8219
+ lineHeight: '21px',
8220
+ marginTop: '20px',
8221
+ color: theme.colors?.font1,
8105
8222
  wordBreak: 'break-word'
8106
8223
  },
8107
8224
  courseDetailTime: {
@@ -8112,7 +8229,7 @@ const useCoursePromotionPage = createUseStyles(theme => {
8112
8229
  display: 'flex',
8113
8230
  width: '36px',
8114
8231
  height: '36px',
8115
- backgroundColor: 'rgb(240, 244, 248)',
8232
+ backgroundColor: theme?.colors?.icon,
8116
8233
  justifyContent: 'center',
8117
8234
  alignItems: 'center',
8118
8235
  borderRadius: '6px'
@@ -8172,7 +8289,8 @@ const useCoursePromotionPage = createUseStyles(theme => {
8172
8289
  // fontSize: '20px',
8173
8290
  fontWeight: '600',
8174
8291
  lineHeight: 'normal',
8175
- letterSpacing: '0px'
8292
+ letterSpacing: '0px',
8293
+ color: theme?.colors?.font1
8176
8294
  },
8177
8295
  videoTestimonialTitle: {
8178
8296
  // fontSize: '24px',
@@ -8341,28 +8459,32 @@ const SingleVideoSlide = props => {
8341
8459
  className: classes.iconBackground
8342
8460
  }, /*#__PURE__*/React.createElement(Icon, {
8343
8461
  name: 'Clock',
8344
- color: theme.palette.primary.main
8462
+ width: "24px",
8463
+ color: theme?.colors?.background2
8345
8464
  })), /*#__PURE__*/React.createElement("div", null, data?.courseOverviewData?.courseDuration?.text)) : null, data?.courseOverviewData?.metaData?.isPhysicalDeliveryEnabled ? /*#__PURE__*/React.createElement("div", {
8346
8465
  className: classes.courseDetailTag
8347
8466
  }, /*#__PURE__*/React.createElement("span", {
8348
8467
  className: classes.iconBackground
8349
8468
  }, /*#__PURE__*/React.createElement(Icon, {
8350
8469
  name: 'Book Saved',
8351
- color: theme.palette.primary.main
8470
+ color: theme?.colors?.background2,
8471
+ width: "24px"
8352
8472
  })), /*#__PURE__*/React.createElement("div", null, data?.courseOverviewData?.metaData?.isPhysicalDeliveryEnabled ? 'Physical Books' : null)) : null, data?.courseOverviewData?.metaData?.isCertificateEnabled ? /*#__PURE__*/React.createElement("div", {
8353
8473
  className: classes.courseDetailTag
8354
8474
  }, /*#__PURE__*/React.createElement("span", {
8355
8475
  className: classes.iconBackground
8356
8476
  }, /*#__PURE__*/React.createElement(Icon, {
8357
8477
  name: 'Certificate',
8358
- color: theme.palette.primary.main
8478
+ color: theme?.colors?.background2,
8479
+ width: "24px"
8359
8480
  })), /*#__PURE__*/React.createElement("div", null, data?.courseOverviewData?.metaData?.isCertificateEnabled ? handleCourseCertificateText() : null)) : null, data?.courseOverviewData?.resourseDataText.heading ? /*#__PURE__*/React.createElement("div", {
8360
8481
  className: classes.courseDetailTag
8361
8482
  }, /*#__PURE__*/React.createElement("span", {
8362
8483
  className: classes.iconBackground
8363
8484
  }, /*#__PURE__*/React.createElement(Icon, {
8364
8485
  name: 'Certificate',
8365
- color: theme.palette.primary.main
8486
+ color: theme?.colors?.background2,
8487
+ width: "24px"
8366
8488
  })), /*#__PURE__*/React.createElement("div", null, data?.courseOverviewData?.resourseDataText?.heading)) : null), /*#__PURE__*/React.createElement("p", {
8367
8489
  ref: data?.videoTextContent?.refSetter,
8368
8490
  className: classes.courseDetailContent,
@@ -8489,7 +8611,7 @@ const useFormPageStyles = createUseStyles(theme => ({
8489
8611
  padding: ({
8490
8612
  isMobile
8491
8613
  } = {}) => isMobile ? `${theme.spacing.padding.medium}px ${theme.spacing.padding.regular}px` : `${theme.spacing.padding.regular}px ${theme.spacing.padding.medium}px`,
8492
- background: '#F4F9FF',
8614
+ background: theme?.colors?.background3,
8493
8615
  '&, & *, & *:before, & *:after': {
8494
8616
  fontFamily: theme?.typography?.fontFamily,
8495
8617
  boxSizing: 'border-box'
@@ -8506,7 +8628,7 @@ const useFormPageStyles = createUseStyles(theme => ({
8506
8628
  marginTop: '8px',
8507
8629
  fontSize: theme.typography.fontSize.h6,
8508
8630
  lineHeight: '23px',
8509
- color: 'rgba(51, 51, 51, 0.5)',
8631
+ color: theme?.colors?.gray,
8510
8632
  marginBottom: theme.spacing.margin.tiny
8511
8633
  },
8512
8634
  formPageFormContainer: {
@@ -8525,8 +8647,8 @@ const useFormPageStyles = createUseStyles(theme => ({
8525
8647
  },
8526
8648
 
8527
8649
  inputFieldLabel: {
8528
- color: '#333',
8529
- fontSize: theme.typography.fontSize.subHead,
8650
+ color: theme?.colors?.lightblack,
8651
+ fontSize: theme.typography.fontSize.body,
8530
8652
  fontWeight: theme.typography.fontWeight.semiBold,
8531
8653
  display: 'block',
8532
8654
  marginTop: '20px',
@@ -8537,8 +8659,8 @@ const useFormPageStyles = createUseStyles(theme => ({
8537
8659
  borderRadius: '8px',
8538
8660
  border: '1px solid #D8E0F0',
8539
8661
  padding: '12px 16px',
8540
- color: '#7D8592',
8541
- fontSize: theme.typography.fontSize.subHead
8662
+ color: theme?.colors?.lightblack,
8663
+ fontSize: theme.typography.fontSize.body
8542
8664
  },
8543
8665
  checkboxField: {
8544
8666
  // padding: '20px',
@@ -8546,21 +8668,21 @@ const useFormPageStyles = createUseStyles(theme => ({
8546
8668
  // borderRadius: '8px'
8547
8669
  },
8548
8670
  checkBoxFieldLabel: {
8549
- color: '#333',
8550
- fontSize: theme.typography.fontSize.subHead,
8671
+ color: theme?.colors?.lightblack,
8672
+ fontSize: theme.typography.fontSize.body,
8551
8673
  fontWeight: theme.typography.fontWeight.semiBold,
8552
8674
  marginTop: '20px',
8553
8675
  marginBottom: '12px'
8554
8676
  },
8555
8677
  inputFieldRequired: {
8556
- color: '#F41828'
8678
+ color: theme?.colors?.lightblack
8557
8679
  },
8558
8680
  checkboxFieldControl: {
8559
8681
  padding: '8px 0',
8560
8682
  '& label': {
8561
- fontSize: theme.typography.fontSize.subHead,
8683
+ fontSize: theme.typography.fontSize.body,
8562
8684
  marginLeft: '10px',
8563
- color: '#7D8592'
8685
+ color: theme?.colors?.lightblack
8564
8686
  }
8565
8687
  },
8566
8688
  submitBtnContainer: {
@@ -8573,8 +8695,7 @@ const useFormPageStyles = createUseStyles(theme => ({
8573
8695
  '& button': {
8574
8696
  // height: '44px',
8575
8697
  padding: '16px 24px',
8576
- color: '#FFFFFF',
8577
- fontSize: theme.typography.fontSize.subHead,
8698
+ fontSize: theme.typography.fontSize.body,
8578
8699
  cursor: 'pointer',
8579
8700
  borderRadius: '8px'
8580
8701
  }
@@ -9582,7 +9703,7 @@ function PageRenderer({
9582
9703
  countryCode,
9583
9704
  currencySymbol
9584
9705
  }), [isMobile, isLandingPages, layout, baseURLs, hashToken, isPreview, isEdit, templateId, navList, isMasterTemplate, basePath, validations, isTutorWebsite, extraProps, hideLogin, _id, countryCode, currencySymbol]);
9585
- const theme = useMemo(() => getTheme(color, font, context.isMobile), [color, font, context.isMobile]);
9706
+ const theme = useMemo(() => generateTheme(color, font, context.isMobile), [color, font, context.isMobile]);
9586
9707
  const Wrapper = SectionWrapper || Fragment;
9587
9708
  return /*#__PURE__*/React.createElement(ThemeProvider, {
9588
9709
  theme: theme