diy-template-components 2.0.11 → 2.0.13

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 +413 -352
  2. package/build/index.es.js.map +1 -1
  3. package/build/index.js +413 -352
  4. package/build/index.js.map +1 -1
  5. package/package.json +1 -1
package/build/index.es.js CHANGED
@@ -57,7 +57,7 @@ const useSectionStyles$a = createUseStyles(theme => ({
57
57
  height: '60px'
58
58
  },
59
59
  headerContainer: {
60
- background: theme?.palette?.background?.default,
60
+ background: theme?.colors?.white,
61
61
  boxShadow: theme?.shadows?.primary,
62
62
  padding: '20px 40px',
63
63
  display: 'flex',
@@ -115,11 +115,11 @@ const useSectionStyles$a = createUseStyles(theme => ({
115
115
  lineHeight: '20px',
116
116
  display: 'flex',
117
117
  alignItems: 'center',
118
- color: theme.palette.primary.main,
118
+ color: theme?.colors?.headerText,
119
119
  padding: '20px',
120
120
  '&:hover': {
121
121
  cursor: 'pointer',
122
- background: theme.palette.primary.lightest,
122
+ background: theme?.colors?.headerHover,
123
123
  borderRadius: theme?.shape?.borderRadius?.small
124
124
  }
125
125
  },
@@ -128,7 +128,7 @@ const useSectionStyles$a = createUseStyles(theme => ({
128
128
  alignItems: 'center',
129
129
  justifyContent: 'space-between',
130
130
  padding: '18px 24px 18px 16px',
131
- background: theme?.palette?.background?.default,
131
+ background: theme?.colors?.white,
132
132
  boxShadow: theme?.shadows?.primary,
133
133
  position: ({
134
134
  isFixed
@@ -204,7 +204,7 @@ const useSectionStyles$a = createUseStyles(theme => ({
204
204
  height: '100%'
205
205
  },
206
206
  menuContainer: {
207
- background: theme?.palette?.background?.default,
207
+ background: theme?.colors?.white,
208
208
  boxShadow: theme.shadows.secondary,
209
209
  width: '75%',
210
210
  height: '100%',
@@ -321,9 +321,9 @@ const alpha = {
321
321
  eightyPercent: 0.8
322
322
  };
323
323
  const getRGBFromHex = hex => {
324
- const r = parseInt(hex.slice(1, 3), 16);
325
- const g = parseInt(hex.slice(3, 5), 16);
326
- const b = parseInt(hex.slice(5, 7), 16);
324
+ const r = parseInt(hex?.slice(1, 3), 16);
325
+ const g = parseInt(hex?.slice(3, 5), 16);
326
+ const b = parseInt(hex?.slice(5, 7), 16);
327
327
  return [r, g, b];
328
328
  };
329
329
  const hexToRgbA = (hex, alpha = null) => {
@@ -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,6 +1026,25 @@ 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
 
1029
+ function getShortenedSubstring(name, length, allowDots = true) {
1030
+ if (name) {
1031
+ return name.length < length ? name : `${name.substr(0, length)}${allowDots && '...'}`;
1032
+ }
1033
+ return '';
1034
+ }
1035
+ function getAppDownloadLink(androidLink = '', iosLink = '') {
1036
+ if (typeof window !== 'undefined') {
1037
+ const userAgent = window.navigator?.userAgent;
1038
+ if (/Android/.test(userAgent) && androidLink) {
1039
+ return androidLink;
1040
+ }
1041
+ if (/iPad|iPhone|iPod/.test(userAgent) && iosLink) {
1042
+ return iosLink;
1043
+ }
1044
+ return androidLink || iosLink;
1045
+ }
1046
+ }
1047
+
1031
1048
  function OptionList({
1032
1049
  optionsData,
1033
1050
  headerData,
@@ -1055,13 +1072,15 @@ function OptionList({
1055
1072
  };
1056
1073
  const tabData = tabsDataModifier();
1057
1074
  const classes = useSectionStyles$a();
1075
+
1076
+ // console.log(headerData, 'sakshat header options');
1077
+
1058
1078
  const isAndroidDelisted = headerData?.isAndroidDelisted;
1059
1079
  const apkURL = headerData?.apkURL;
1060
1080
  const downloadApkURL = isAndroidDelisted && apkURL ? apkURL : null;
1061
1081
  const downloadAppText = countryCode === 'KR' ? '앱다운로드' : 'Download App';
1062
1082
  const renderDownloadAppButton = () => {
1063
1083
  return /*#__PURE__*/React.createElement(React.Fragment, null, apkURL && /*#__PURE__*/React.createElement("a", {
1064
- download: true,
1065
1084
  href: headerData?.apkURL,
1066
1085
  target: "_blank",
1067
1086
  className: classes.socialBtnItems,
@@ -1105,6 +1124,12 @@ function OptionList({
1105
1124
  alt: "appStore"
1106
1125
  })) : null);
1107
1126
  };
1127
+ const iosLink = isTutorWebsite ? headerData?.iosDownloadLink : headerData?.iosUrl;
1128
+ const androidLink = isTutorWebsite ? headerData?.androidDownloadLink : headerData?.appLink;
1129
+
1130
+ // console.log(iosLink, 'sakshat ios link');
1131
+ // console.log(androidLink, 'sakshat android link');
1132
+
1108
1133
  return /*#__PURE__*/React.createElement("div", {
1109
1134
  className: classes.listSection
1110
1135
  }, /*#__PURE__*/React.createElement("div", {
@@ -1128,9 +1153,9 @@ function OptionList({
1128
1153
  list: moreContent,
1129
1154
  label: 'More',
1130
1155
  icon: arrowDown
1131
- }) : 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, {
1156
+ }) : 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 || androidLink?.length > 0 || iosLink?.length > 0 ? /*#__PURE__*/React.createElement(Button, {
1132
1157
  data: {
1133
- link: downloadApkURL ? downloadApkURL : headerData?.appLink,
1158
+ link: isAndroidDelisted ? getAppDownloadLink(downloadApkURL, iosLink) : getAppDownloadLink(androidLink, iosLink),
1134
1159
  isLink: 1,
1135
1160
  value: downloadAppText,
1136
1161
  isExternal: 1
@@ -1289,6 +1314,9 @@ function DesktopHeader({
1289
1314
  }
1290
1315
  return moreContent;
1291
1316
  };
1317
+
1318
+ // console.log(header, 'sakshat header desktop');
1319
+
1292
1320
  return /*#__PURE__*/React.createElement("nav", {
1293
1321
  className: classes.section
1294
1322
  }, !(header?.websiteLogo === DEFAULT_HEADER_IMAGE_LP && isCustomWebsite) ? /*#__PURE__*/React.createElement("div", {
@@ -1330,10 +1358,6 @@ function DesktopHeader({
1330
1358
  }));
1331
1359
  }
1332
1360
 
1333
- 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";
1334
-
1335
- 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";
1336
-
1337
1361
  function MobileHeader({
1338
1362
  header,
1339
1363
  navData,
@@ -1367,54 +1391,17 @@ function MobileHeader({
1367
1391
  body?.removeAttribute('style');
1368
1392
  }
1369
1393
  }, [sideMenu]);
1370
- let iosUrl = null;
1371
- let androidUrl = null;
1372
1394
  let downloadLink = null;
1373
1395
  const downloadAppText = countryCode === 'KR' ? '앱다운로드' : 'Download App';
1396
+ const apkURL = header?.apkURL;
1397
+ const isAndroidDelisted = header?.isAndroidDelisted;
1398
+ const iosDownloadLink = header?.iosDownloadLink;
1399
+ const androidDownloadLink = header?.androidDownloadLink;
1400
+
1401
+ // console.log(header, 'sakshat header mobile');
1402
+
1374
1403
  if (isTutorWebsite) {
1375
- console.log("potato");
1376
- if (header?.iosUrl) {
1377
- iosUrl = /*#__PURE__*/React.createElement(Button, {
1378
- data: {
1379
- link: header?.iosUrl,
1380
- isLink: 1,
1381
- value: /*#__PURE__*/React.createElement("img", {
1382
- src: phoneIos,
1383
- alt: "iosUrl"
1384
- }),
1385
- isExternal: 1
1386
- },
1387
- type: '',
1388
- size: 'small',
1389
- target: 'blank',
1390
- rel: null,
1391
- style: {
1392
- padding: 0,
1393
- paddingRight: '8px'
1394
- }
1395
- });
1396
- }
1397
- if (header?.androidURL) {
1398
- androidUrl = /*#__PURE__*/React.createElement(Button, {
1399
- data: {
1400
- link: header?.androidURL,
1401
- isLink: 1,
1402
- value: /*#__PURE__*/React.createElement("img", {
1403
- src: phoneAndroid,
1404
- alt: "iosUrl"
1405
- }),
1406
- isExternal: 1
1407
- },
1408
- type: '',
1409
- size: 'small',
1410
- target: 'blank',
1411
- rel: null,
1412
- style: {
1413
- padding: 0
1414
- }
1415
- });
1416
- }
1417
- if (header?.isAndroidDelisted && header?.apkURL) {
1404
+ if (isAndroidDelisted && apkURL) {
1418
1405
  downloadLink = /*#__PURE__*/React.createElement(Button, {
1419
1406
  data: {
1420
1407
  value: downloadAppText,
@@ -1425,33 +1412,19 @@ function MobileHeader({
1425
1412
  target: 'blank',
1426
1413
  rel: null,
1427
1414
  onClick: () => {
1428
- window.open(header?.iosUrl ? header?.iosUrl : header?.apkURL, "_blank");
1429
- if (!header?.iosUrl && typeof onDownloadAppTriggered == "function") {
1415
+ let url = getAppDownloadLink(apkURL, iosDownloadLink);
1416
+ window.open(url, "_blank");
1417
+ if (url === apkURL && typeof onDownloadAppTriggered == "function") {
1430
1418
  onDownloadAppTriggered(header?.isAndroidDelisted, header?.apkURL);
1431
1419
  }
1432
1420
  }
1433
1421
  });
1434
- } else if (iosUrl && androidUrl) {
1435
- downloadLink = /*#__PURE__*/React.createElement("div", null, iosUrl, androidUrl);
1436
- } else if (header?.iosUrl) {
1437
- downloadLink = /*#__PURE__*/React.createElement(Button, {
1438
- data: {
1439
- link: header?.iosUrl,
1440
- isLink: 1,
1441
- value: header?.downloadAppButtonText || downloadAppText,
1442
- isExternal: 1
1443
- },
1444
- type: 'primary',
1445
- size: 'small',
1446
- target: 'blank',
1447
- rel: null
1448
- });
1449
- } else if (header?.androidURL) {
1422
+ } else if (androidDownloadLink?.length || iosDownloadLink?.length) {
1450
1423
  downloadLink = /*#__PURE__*/React.createElement(Button, {
1451
1424
  data: {
1452
- link: header?.androidURL,
1425
+ link: getAppDownloadLink(androidDownloadLink, iosDownloadLink),
1453
1426
  isLink: 1,
1454
- value: header?.downloadAppButtonText || downloadAppText,
1427
+ value: downloadAppText,
1455
1428
  isExternal: 1
1456
1429
  },
1457
1430
  type: 'primary',
@@ -1463,7 +1436,7 @@ function MobileHeader({
1463
1436
  downloadLink = null;
1464
1437
  }
1465
1438
  } else {
1466
- if (header?.isAndroidDelisted && header?.apkURL) {
1439
+ if (isAndroidDelisted && apkURL) {
1467
1440
  downloadLink = /*#__PURE__*/React.createElement(Button, {
1468
1441
  data: {
1469
1442
  value: downloadAppText,
@@ -1474,16 +1447,18 @@ function MobileHeader({
1474
1447
  target: 'blank',
1475
1448
  rel: null,
1476
1449
  onClick: () => {
1477
- window.open(header?.iosUrl ? header?.iosUrl : header?.apkURL, "_blank");
1478
- if (!header?.iosUrl && typeof onDownloadAppTriggered == "function") {
1450
+ let url = getAppDownloadLink(apkURL, iosDownloadLink);
1451
+ window.open(url, "_blank");
1452
+ if (url === apkURL && typeof onDownloadAppTriggered == "function") {
1479
1453
  onDownloadAppTriggered(header?.isAndroidDelisted, header?.apkURL);
1480
1454
  }
1481
1455
  }
1482
1456
  });
1483
- } else if (header?.appLink) {
1457
+ } else if (header?.appLink || header?.iosUrl) {
1458
+ console.log('inside custom website');
1484
1459
  downloadLink = /*#__PURE__*/React.createElement(Button, {
1485
1460
  data: {
1486
- link: header?.appLink,
1461
+ link: getAppDownloadLink(header?.appLink, header?.iosUrl),
1487
1462
  isLink: 1,
1488
1463
  value: downloadAppText,
1489
1464
  isExternal: 1
@@ -2100,17 +2075,13 @@ function getTheme(colorTheme = 'blue', fontFamily = 'Arial', isMobile) {
2100
2075
  const shape = {
2101
2076
  borderRadius
2102
2077
  };
2103
- const spacing = {
2104
- padding: isMobile ? mobilePadding : padding,
2105
- margin: isMobile ? mobileMargin : margin
2106
- };
2107
2078
  return {
2108
2079
  palette,
2109
2080
  shape,
2110
2081
  typography,
2111
2082
  shadows: generateShadows(palette),
2112
- borders: generateBorders(palette),
2113
- spacing
2083
+ borders: generateBorders(palette)
2084
+ // spacing
2114
2085
  };
2115
2086
  }
2116
2087
 
@@ -2232,6 +2203,178 @@ const defaultMetadata = {
2232
2203
  layout: defaultLayout
2233
2204
  };
2234
2205
 
2206
+ const GRADIENT = `linear-gradient`;
2207
+ const allColors = {
2208
+ white: '#FFFFFF',
2209
+ black: '#000000',
2210
+ lightblack: '#333333',
2211
+ gray: '#999999',
2212
+ bannerRed: '#EB5757',
2213
+ // Blue gradient
2214
+
2215
+ blue: '#1676F3',
2216
+ bluegradient: `${GRADIENT}(180deg,#5418D1 0.42%,#2C88FF 79.92%)`,
2217
+ tertiaryblue: '#F4F9FF',
2218
+ // Orange gradient
2219
+
2220
+ orange: '#FF9000',
2221
+ orangegradient: `${GRADIENT}(138deg, #E96263 12.32%, #EAAE4C 98.22%)`,
2222
+ tertiaryorange: '#FFF6EA',
2223
+ // Pink gradient
2224
+
2225
+ pink: '#F72585',
2226
+ pinkgradient: `${GRADIENT}(135deg, #F97794 0%, #623AA2 100%)`,
2227
+ tertiarypink: '#FEE9F3',
2228
+ // Violet gradient
2229
+
2230
+ violet: '#6026A8',
2231
+ violetgradient: `${GRADIENT}(226deg, #B66EC0 -12.73%, #460FA1 104.66%)`,
2232
+ tertiaryviolet: '#F5F2FA',
2233
+ // Teal gradient
2234
+
2235
+ teal: '#46A9A9',
2236
+ tealgradient: `${GRADIENT}(135deg, #0E5CAD 0%, #79F1A4 100%)`,
2237
+ tertiaryteal: '#F4FAFA',
2238
+ //Red solid
2239
+
2240
+ red: '#F41828',
2241
+ tertiaryred: '#FFF2F3',
2242
+ // Green
2243
+
2244
+ green: '#8ECE19',
2245
+ tertiarygreen: '#F4FAFA',
2246
+ //Maroon solid
2247
+
2248
+ rust: '#9B2226',
2249
+ tertiaryrust: '#FFF0F0',
2250
+ //Purple solid
2251
+
2252
+ purple: '#6269C9',
2253
+ tertiarypurple: '#F4F6FF',
2254
+ //Golden gradient
2255
+
2256
+ golden: `#F2BA35`,
2257
+ goldengradient: `${GRADIENT}(180deg, #F0EA88 0%, #CFA749 99.48%)`,
2258
+ //light green gradient
2259
+
2260
+ lightgreen: `#D6E359`,
2261
+ lightgreengradient: `${GRADIENT}(180deg, #D6E359 0%, #9DB545 100%)`,
2262
+ //light blue gradient
2263
+
2264
+ lightblue: `#A8EDF8`,
2265
+ lightbluegradient: `${GRADIENT}(90deg, #A8EDF8 0.29%, #5EC9E1 97.33%)`,
2266
+ skyblue: '#00ADE7',
2267
+ tertiaryskyblue: '#F2FCFF'
2268
+ };
2269
+
2270
+ const generateTheme = (theme = 'blue', fontFamily = 'Arial', isMobile) => {
2271
+ let themeColor = theme.split('-');
2272
+ let color, gradient, darkMode;
2273
+ if (themeColor.length === 1) {
2274
+ color = themeColor[0] == 'default' ? 'skyblue' : themeColor[0];
2275
+ } else if (themeColor.length === 2) {
2276
+ color = themeColor[0];
2277
+ gradient = themeColor[1];
2278
+ } else {
2279
+ color = themeColor[0];
2280
+ gradient = themeColor[1];
2281
+ darkMode = themeColor[2];
2282
+ }
2283
+ console.log('color', allColors, gradient, darkMode);
2284
+
2285
+ // switch (color) {
2286
+ // case solidColors:
2287
+ // break;
2288
+
2289
+ // case gradientColors:
2290
+ // break;
2291
+
2292
+ // default:
2293
+ // break;
2294
+ // }
2295
+
2296
+ // type 1
2297
+ // const solidColors = {
2298
+ // font1: solidBaseColors?.black,
2299
+ // font2: solidBaseColors?.black,
2300
+ // font3: solidBaseColors?.black,
2301
+ // font4: solidBaseColors?.black,
2302
+ // AccentColor: solidBaseColors[theme],
2303
+ // background1: solidBaseColors?.white,
2304
+ // background2: solidBaseColors['tertiary' + theme],
2305
+ // background3: solidBaseColors['tertiary' + theme],
2306
+ // ctaColor: solidBaseColors[theme],
2307
+ // CtaTextColor: solidBaseColors?.white,
2308
+ // icon: solidBaseColors[theme],
2309
+ // iconBg: solidBaseColors['tertiary' + theme],
2310
+ // stripBg: solidBaseColors[theme],
2311
+ // stripText: solidBaseColors?.white,
2312
+ // inputBorderColor: solidBaseColors?.blue2,
2313
+ // tertiaryBlue2: solidBaseColors?.tertiaryblue2
2314
+ // };
2315
+
2316
+ //type 2
2317
+ // const gradientColors = {
2318
+ // font1: gradientBaseColors?.white,
2319
+ // font2: gradientBaseColors?.black,
2320
+ // font3: gradientBaseColors?.black,
2321
+ // font4: gradientBaseColors?.white,
2322
+ // AccentColor: gradientBaseColors[theme],
2323
+ // background1: gradientBaseColors[theme + 'gradient'],
2324
+ // background2: gradientBaseColors['tertiary' + theme],
2325
+ // background3: gradientBaseColors[theme + 'gradient'],
2326
+ // ctaColor: gradientBaseColors[theme + 'gradient'],
2327
+ // CtaTextColor: gradientBaseColors?.white,
2328
+ // icon: gradientBaseColors[theme],
2329
+ // iconBg: gradientBaseColors['tertiary' + theme],
2330
+ // stripBg: gradientBaseColors?.black,
2331
+ // stripText: gradientBaseColors?.white
2332
+ // };
2333
+
2334
+ const colors = {
2335
+ font1: gradient ? allColors?.white : allColors?.black,
2336
+ font2: darkMode ? allColors[color] : allColors?.black,
2337
+ font3: darkMode ? allColors?.white : allColors?.black,
2338
+ font4: darkMode ? allColors[color] : gradient ? allColors?.white : allColors?.black,
2339
+ AccentColor: allColors[color],
2340
+ background1: darkMode ? allColors?.lightblack : gradient ? allColors[color + 'gradient'] : allColors?.white,
2341
+ background2: darkMode ? allColors?.lightblack : allColors['tertiary' + color],
2342
+ background3: darkMode ? allColors?.lightblack : gradient ? allColors[color + 'gradient'] : allColors['tertiary' + color],
2343
+ ctaColor: darkMode ? allColors[color + 'gradient'] : gradient ? allColors[color + 'gradient'] : allColors[color],
2344
+ CtaTextColor: darkMode ? allColors?.lightblack : allColors?.white,
2345
+ icon: allColors[color],
2346
+ iconBg: darkMode ? allColors?.lightblack : allColors['tertiary' + color],
2347
+ stripBg: darkMode ? allColors[color + 'gradient'] : allColors?.black,
2348
+ stripText: darkMode ? allColors?.lightblack : allColors?.white,
2349
+ inputBorderColor: allColors?.blue2,
2350
+ tertiaryBlue2: allColors?.tertiaryblue2,
2351
+ white: allColors?.white,
2352
+ black: allColors?.black,
2353
+ lightblack: allColors?.lightblack,
2354
+ gray: allColors?.gray,
2355
+ bannerColor: darkMode ? allColors[color] : gradient ? allColors?.white : allColors?.bannerRed,
2356
+ bannerCtaColor: gradient ? allColors?.lightblack : allColors?.white,
2357
+ headerText: allColors[color],
2358
+ headerHover: allColors['tertiary' + color]
2359
+ };
2360
+ const typography = {
2361
+ fontFamily: `"${fontFamily}", "Roboto", "Helvetica", "Arial", "sans-serif"`,
2362
+ fontSize: isMobile ? fontSizeMob : fontSize,
2363
+ fontWeight
2364
+ };
2365
+ // const shape = { borderRadius };
2366
+ const spacing = {
2367
+ padding: isMobile ? mobilePadding : padding,
2368
+ margin: isMobile ? mobileMargin : margin
2369
+ };
2370
+ return {
2371
+ ...getTheme(theme),
2372
+ typography,
2373
+ spacing,
2374
+ colors
2375
+ };
2376
+ };
2377
+
2235
2378
  function PageRenderer$1({
2236
2379
  pageData: {
2237
2380
  metadata: {
@@ -2288,7 +2431,7 @@ function PageRenderer$1({
2288
2431
  countryCode,
2289
2432
  currencySymbol
2290
2433
  }), [isMobile, isLandingPages, layout, baseURLs, hashToken, isPreview, isEdit, templateId, navList, isMasterTemplate, basePath, validations, isTutorWebsite, extraProps, hideLogin, _id, countryCode, currencySymbol]);
2291
- const theme = useMemo(() => getTheme(color, font, context.isMobile), [color, font, context.isMobile]);
2434
+ const theme = useMemo(() => generateTheme(color, font, context.isMobile), [color, font, context.isMobile]);
2292
2435
  const Wrapper = SectionWrapper || Fragment;
2293
2436
  return /*#__PURE__*/React.createElement(ThemeProvider, {
2294
2437
  theme: theme
@@ -2326,7 +2469,7 @@ const useSectionStyles$8 = createUseStyles(theme => ({
2326
2469
  padding: ({
2327
2470
  isMobile
2328
2471
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
2329
- backgroundColor: theme?.palette?.background?.primary,
2472
+ background: theme?.colors?.background2,
2330
2473
  '&, & *, & *:before, & *:after': {
2331
2474
  fontFamily: theme?.typography?.fontFamily,
2332
2475
  boxSizing: 'border-box'
@@ -2383,14 +2526,14 @@ const useSectionStyles$8 = createUseStyles(theme => ({
2383
2526
  marginBottom: '8px',
2384
2527
  fontSize: theme.typography.fontSize.subHead,
2385
2528
  letterSpacing: '3px',
2386
- color: theme?.palette?.font?.default,
2529
+ color: theme?.colors?.font3,
2387
2530
  wordBreak: 'break-word',
2388
2531
  maxWidth: '100%'
2389
2532
  },
2390
2533
  heading: {
2391
2534
  margin: '0',
2392
2535
  fontSize: theme.typography.fontSize.h1,
2393
- color: theme?.palette?.font?.default,
2536
+ color: theme?.colors?.font3,
2394
2537
  wordBreak: ({
2395
2538
  wordBreakValue
2396
2539
  }) => wordBreakValue || 'break-word',
@@ -2399,7 +2542,7 @@ const useSectionStyles$8 = createUseStyles(theme => ({
2399
2542
  },
2400
2543
  description: {
2401
2544
  margin: `${theme.spacing.margin.tiny}px 0px`,
2402
- color: theme?.palette?.font?.primary,
2545
+ color: theme?.colors?.font3,
2403
2546
  lineHeight: '24px',
2404
2547
  wordBreak: 'break-word'
2405
2548
  },
@@ -2516,7 +2659,7 @@ const useCarouselStyles = createUseStyles(theme => ({
2516
2659
  width: '26px',
2517
2660
  background: ({
2518
2661
  inverted
2519
- } = {}) => !!inverted ? theme?.palette?.font?.invertedDefault : theme.palette.primary.main
2662
+ } = {}) => !!inverted ? theme?.palette?.font?.invertedDefault : theme.colors.AccentColor
2520
2663
  },
2521
2664
  '@media screen and (max-width: 767px)': {
2522
2665
  sliderClass: {
@@ -2552,7 +2695,7 @@ const useArrowButtonStyles = createUseStyles(theme => ({
2552
2695
  height: sizeHandler,
2553
2696
  border: ({
2554
2697
  inverted
2555
- }) => `solid 1px ${inverted ? theme?.palette?.font?.invertedDefault : theme?.palette?.primary?.light}`,
2698
+ }) => `solid 1px ${inverted ? theme?.palette?.font?.invertedDefault : theme?.colors?.AccentColor}`,
2556
2699
  borderRadius: '50%',
2557
2700
  display: 'flex',
2558
2701
  justifyContent: 'center',
@@ -2574,7 +2717,7 @@ function ArrowButton(props) {
2574
2717
  }, /*#__PURE__*/React.createElement(Icon, {
2575
2718
  height: props.size === 'small' ? '12px' : '18px',
2576
2719
  name: "Angle",
2577
- color: props.inverted ? theme?.palette?.font?.invertedDefault : theme?.palette?.primary?.main,
2720
+ color: props.inverted ? theme?.palette?.font?.invertedDefault : theme?.colors?.AccentColor,
2578
2721
  inverted: true
2579
2722
  }));
2580
2723
  }
@@ -2784,7 +2927,6 @@ const useSectionStyles$7 = createUseStyles(theme => ({
2784
2927
  justifyContent: 'center',
2785
2928
  flexDirection: 'column',
2786
2929
  alignItems: 'center',
2787
- backgroundColor: theme?.palette?.background?.default,
2788
2930
  '&, & *, & *:before, & *:after': {
2789
2931
  fontFamily: theme?.typography?.fontFamily,
2790
2932
  boxSizing: 'border-box'
@@ -2802,7 +2944,7 @@ const useSectionStyles$7 = createUseStyles(theme => ({
2802
2944
  subTitleHeading: {
2803
2945
  marginBottom: '8px',
2804
2946
  fontSize: theme.typography.fontSize.subHead,
2805
- color: theme?.palette?.font?.default,
2947
+ color: theme?.colors?.black,
2806
2948
  alignItems: 'center',
2807
2949
  textAlign: 'center',
2808
2950
  wordBreak: 'break-word',
@@ -2812,7 +2954,7 @@ const useSectionStyles$7 = createUseStyles(theme => ({
2812
2954
  heading: {
2813
2955
  marginBottom: theme.spacing.margin.tiny,
2814
2956
  fontSize: theme.typography.fontSize.h2,
2815
- color: theme?.palette?.font?.default,
2957
+ color: theme?.colors?.black,
2816
2958
  fontWeight: theme.typography.fontWeight.bold,
2817
2959
  textAlign: 'center',
2818
2960
  wordBreak: 'break-word'
@@ -2829,7 +2971,7 @@ const useSectionStyles$7 = createUseStyles(theme => ({
2829
2971
  display: 'flex',
2830
2972
  width: 'calc(100% - 200px)',
2831
2973
  alignItems: 'center',
2832
- background: theme?.palette?.background?.default,
2974
+ background: theme?.colors?.white,
2833
2975
  boxShadow: theme?.shadows?.primary,
2834
2976
  borderRadius: theme?.shape?.borderRadius?.regular,
2835
2977
  overflow: 'hidden',
@@ -2853,33 +2995,13 @@ const useSectionStyles$7 = createUseStyles(theme => ({
2853
2995
  '& $contentText': {
2854
2996
  marginLeft: '170px'
2855
2997
  }
2856
- },
2857
- '&:nth-child(7n+1) $contentNumber': {
2858
- background: palettes.purple.primary.lightest
2859
- },
2860
- '&:nth-child(7n+2) $contentNumber': {
2861
- background: palettes.orange.primary.lightest
2862
- },
2863
- '&:nth-child(7n+3) $contentNumber': {
2864
- background: palettes.red.primary.lightest
2865
- },
2866
- '&:nth-child(7n+4) $contentNumber': {
2867
- background: palettes.green.primary.lightest
2868
- },
2869
- '&:nth-child(7n+5) $contentNumber': {
2870
- background: palettes.pink.primary.lightest
2871
- },
2872
- '&:nth-child(7n+6) $contentNumber': {
2873
- background: palettes.blue.primary.lightest
2874
- },
2875
- '&:nth-child(7n) $contentNumber': {
2876
- background: palettes.rust.primary.lightest
2877
2998
  }
2878
2999
  },
2879
3000
  contentNumber: {
2880
3001
  position: 'absolute',
2881
3002
  top: '0',
2882
3003
  fontWeight: '700',
3004
+ background: theme?.colors?.background3,
2883
3005
  fontSize: '72px',
2884
3006
  letterSpacing: '-3px',
2885
3007
  display: 'flex',
@@ -2887,7 +3009,7 @@ const useSectionStyles$7 = createUseStyles(theme => ({
2887
3009
  justifyContent: 'center',
2888
3010
  padding: '48px',
2889
3011
  height: '100%',
2890
- color: theme?.palette?.font?.default,
3012
+ color: theme?.colors?.font4,
2891
3013
  wordBreak: 'break-word'
2892
3014
  },
2893
3015
  contentText: {
@@ -2899,14 +3021,14 @@ const useSectionStyles$7 = createUseStyles(theme => ({
2899
3021
  fontWeight: theme.typography.fontWeight.bold,
2900
3022
  lineHeight: '32px',
2901
3023
  marginBottom: '8px',
2902
- color: theme?.palette?.font?.default,
3024
+ color: theme?.colors?.lightblack,
2903
3025
  wordBreak: 'break-word'
2904
3026
  },
2905
3027
  contentPara: {
2906
3028
  fontStyle: 'normal',
2907
3029
  fontSize: '16px',
2908
3030
  lineHeight: '26px',
2909
- color: theme?.palette?.font?.primary,
3031
+ color: theme?.colors?.gray,
2910
3032
  wordBreak: 'break-word'
2911
3033
  },
2912
3034
  '@media screen and (max-width: 767px)': {
@@ -3317,6 +3439,7 @@ const useSectionStyles$5 = createUseStyles(theme => {
3317
3439
  return {
3318
3440
  section: {
3319
3441
  padding: `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
3442
+ background: theme?.colors?.background2,
3320
3443
  '&, & *, & *:before, & *:after': {
3321
3444
  fontFamily: theme?.typography?.fontFamily,
3322
3445
  boxSizing: 'border-box'
@@ -3358,7 +3481,7 @@ const useSectionStyles$5 = createUseStyles(theme => {
3358
3481
  }
3359
3482
  },
3360
3483
  imageBorder: {
3361
- border: `2px solid ${theme?.palette?.primary?.light}`,
3484
+ // border: `2px solid ${theme?.palette?.primary?.light}`,
3362
3485
  borderRadius: theme?.shape?.borderRadius?.small,
3363
3486
  position: 'absolute',
3364
3487
  width: '100%',
@@ -3383,13 +3506,13 @@ const useSectionStyles$5 = createUseStyles(theme => {
3383
3506
  marginBottom: '8px',
3384
3507
  fontSize: theme?.typography?.fontSize?.subHead,
3385
3508
  letterSpacing: '3px',
3386
- color: theme?.palette?.font?.default,
3509
+ color: theme?.colors?.font3,
3387
3510
  wordBreak: 'break-word'
3388
3511
  },
3389
3512
  heading: {
3390
3513
  margin: '0',
3391
3514
  fontSize: theme?.typography?.fontSize?.h1,
3392
- color: theme?.palette?.font?.default,
3515
+ color: theme?.colors?.font3,
3393
3516
  wordBreak: ({
3394
3517
  wordBreakValue
3395
3518
  }) => wordBreakValue || 'break-word',
@@ -3399,7 +3522,7 @@ const useSectionStyles$5 = createUseStyles(theme => {
3399
3522
  description: {
3400
3523
  marginTop: theme.spacing.margin.tiny,
3401
3524
  marginBottom: theme.spacing.margin.tiny,
3402
- color: theme?.palette?.font?.primary,
3525
+ color: theme?.colors?.font3,
3403
3526
  lineHeight: '24px',
3404
3527
  wordBreak: 'break-word'
3405
3528
  },
@@ -3564,16 +3687,16 @@ const useSectionStyles$4 = createUseStyles(theme => ({
3564
3687
  containerWidth
3565
3688
  } = {}) => containerWidth
3566
3689
  },
3567
- partialBackground: {
3568
- top: '0',
3569
- left: '0',
3570
- width: '100%',
3571
- height: '50%',
3572
- position: 'absolute',
3573
- background: theme?.palette?.background?.primary
3574
- },
3690
+ // partialBackground: {
3691
+ // top: '0',
3692
+ // left: '0',
3693
+ // width: '100%',
3694
+ // height: '50%',
3695
+ // position: 'absolute',
3696
+ // background: theme?.palette?.background?.primary
3697
+ // },
3575
3698
  sectionContainer: {
3576
- backgroundColor: theme?.palette?.background?.default,
3699
+ backgroundColor: theme?.colors?.background2,
3577
3700
  boxShadow: theme?.shadows?.secondary,
3578
3701
  borderRadius: theme?.shape?.borderRadius?.regular,
3579
3702
  padding: theme.spacing.padding.small,
@@ -3584,7 +3707,7 @@ const useSectionStyles$4 = createUseStyles(theme => ({
3584
3707
  fontWeight: theme.typography.fontWeight.bold,
3585
3708
  lineHeight: '71px',
3586
3709
  letterSpacing: '-3px',
3587
- color: theme?.palette?.font?.default,
3710
+ color: theme?.colors?.font3,
3588
3711
  marginBottom: theme.spacing.padding.tiny,
3589
3712
  wordBreak: 'break-word'
3590
3713
  },
@@ -3596,7 +3719,7 @@ const useSectionStyles$4 = createUseStyles(theme => ({
3596
3719
  title: {
3597
3720
  fontSize: theme.typography.fontSize.h6,
3598
3721
  lineHeight: '32px',
3599
- color: theme?.palette?.font?.primary,
3722
+ color: theme?.colors?.font3,
3600
3723
  wordBreak: 'break-word',
3601
3724
  flex: 1
3602
3725
  },
@@ -3724,8 +3847,8 @@ const inputStyles = createUseStyles(theme => ({
3724
3847
  inputField: {
3725
3848
  width: '100%',
3726
3849
  // maxWidth: '314px',
3727
- background: theme?.palette?.background?.default,
3728
- border: `1px solid ${theme?.palette?.border?.secondary}`,
3850
+ // background: theme?.palette?.background?.default,
3851
+ border: `1px solid ${theme?.colors?.icon}`,
3729
3852
  borderRadius: theme?.shape?.borderRadius?.regular,
3730
3853
  padding: '14px 12px',
3731
3854
  display: 'flex',
@@ -3739,7 +3862,7 @@ const inputStyles = createUseStyles(theme => ({
3739
3862
  fontWeight: '400',
3740
3863
  fontSize: '16px',
3741
3864
  lineHeight: '20px',
3742
- color: theme?.palette?.font?.primary,
3865
+ color: theme?.colors?.black,
3743
3866
  fontFamily: theme?.typography?.fontFamily
3744
3867
  },
3745
3868
  '&:focus': {
@@ -3939,7 +4062,6 @@ var index$h = /*#__PURE__*/Object.freeze({
3939
4062
 
3940
4063
  const useTestimonialStyles = createUseStyles(theme => ({
3941
4064
  testimonialContainer: {
3942
- background: theme?.palette?.background?.primary,
3943
4065
  overflow: 'hidden',
3944
4066
  padding: `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
3945
4067
  '&, & *, & *:before, & *:after': {
@@ -3957,14 +4079,14 @@ const useTestimonialStyles = createUseStyles(theme => ({
3957
4079
  } = {}) => containerWidth
3958
4080
  },
3959
4081
  testimonialText: {
3960
- color: theme?.palette?.font?.default,
4082
+ color: theme?.colors?.lightblack,
3961
4083
  fontSize: theme.typography.fontSize.subHead,
3962
4084
  wordBreak: 'break-word',
3963
4085
  textTransform: 'uppercase'
3964
4086
  },
3965
4087
  testimonialHeader: {
3966
4088
  fontSize: theme.typography.fontSize.h2,
3967
- color: theme?.palette?.font?.default,
4089
+ color: theme?.colors?.lightblack,
3968
4090
  fontWeight: theme.typography.fontWeight.bold,
3969
4091
  marginBottom: theme.spacing.margin.tiny,
3970
4092
  marginTop: '8px',
@@ -3981,7 +4103,7 @@ const useTestimonialStyles = createUseStyles(theme => ({
3981
4103
  position: 'relative',
3982
4104
  height: 'calc(100% - 12px)',
3983
4105
  width: 'calc(100% - 24px)',
3984
- background: theme?.palette?.background?.default,
4106
+ background: theme?.colors?.background1,
3985
4107
  boxShadow: theme?.shadows?.primary,
3986
4108
  borderRadius: theme?.shape?.borderRadius?.regular
3987
4109
  },
@@ -4008,7 +4130,7 @@ const useTestimonialStyles = createUseStyles(theme => ({
4008
4130
  marginBottom: theme.spacing.margin.tiny,
4009
4131
  fontSize: theme.typography.fontSize.body,
4010
4132
  wordBreak: 'break-word',
4011
- color: theme?.palette?.font?.primary,
4133
+ color: theme?.colors?.font1,
4012
4134
  lineHeight: '26px'
4013
4135
  },
4014
4136
  userContainer: {
@@ -4037,7 +4159,7 @@ const useTestimonialStyles = createUseStyles(theme => ({
4037
4159
  marginRight: '16px'
4038
4160
  },
4039
4161
  userName: {
4040
- color: theme?.palette?.font?.default,
4162
+ color: theme?.colors?.font1,
4041
4163
  margin: '0',
4042
4164
  fontSize: theme.typography.fontSize.h5,
4043
4165
  // paddingTop: '16px',
@@ -4056,19 +4178,6 @@ const useTestimonialStyles = createUseStyles(theme => ({
4056
4178
  testimonialContainer: {
4057
4179
  padding: `${theme.spacing.padding.medium}px ${theme.spacing.padding.small}px`
4058
4180
  },
4059
- // testimonialCardAndText: {
4060
- // margin: '0 20px'
4061
- // },
4062
-
4063
- // testimonialHeader: {
4064
- // fontSize: '24px',
4065
- // color: theme?.palette?.font?.default,
4066
- // margin: '4px 0 12px 0',
4067
- // overflow: 'hidden',
4068
- // // whiteSpace: 'nowrap',
4069
- // wordBreak: 'break-word',
4070
- // textOverflow: 'ellipsis'
4071
- // },
4072
4181
  testimonialText: {
4073
4182
  textAlign: 'center'
4074
4183
  },
@@ -4121,7 +4230,7 @@ function QuotesComponent() {
4121
4230
  width: "28px",
4122
4231
  height: "21px",
4123
4232
  name: "Quote",
4124
- color: theme?.palette?.primary?.main
4233
+ color: theme?.colors?.icon
4125
4234
  }));
4126
4235
  }
4127
4236
 
@@ -4649,7 +4758,7 @@ const useVideoStyles = createUseStyles(theme => {
4649
4758
  padding: ({
4650
4759
  isMobile
4651
4760
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
4652
- backgroundColor: theme?.palette?.background?.primary,
4761
+ backgroundColor: theme?.colors?.background2,
4653
4762
  '&, & *, & *:before, & *:after': {
4654
4763
  fontFamily: theme?.typography?.fontFamily,
4655
4764
  boxSizing: 'border-box'
@@ -4672,7 +4781,7 @@ const useVideoStyles = createUseStyles(theme => {
4672
4781
  fontSize: theme.typography.fontSize.subHead,
4673
4782
  textTransform: 'uppercase',
4674
4783
  lineHeight: '20px',
4675
- color: theme?.palette?.font?.default,
4784
+ color: theme?.colors?.font2,
4676
4785
  letterSpacing: '3px',
4677
4786
  wordBreak: 'break-word'
4678
4787
  },
@@ -4683,14 +4792,14 @@ const useVideoStyles = createUseStyles(theme => {
4683
4792
  letterSpacing: '-3px',
4684
4793
  marginBottom: theme.spacing.margin.tiny,
4685
4794
  marginTop: '8px',
4686
- color: theme?.palette?.font?.default,
4795
+ color: theme?.colors?.font2,
4687
4796
  wordBreak: 'break-word'
4688
4797
  },
4689
4798
  sliderContainer: {
4690
4799
  marginRight: `-${theme.spacing.padding.medium}px`
4691
4800
  },
4692
4801
  singleSlideContainer: {
4693
- backgroundColor: theme?.palette?.background?.default,
4802
+ backgroundColor: 'white',
4694
4803
  // margin: '20px',
4695
4804
  width: 'calc(100% - 24px)',
4696
4805
  height: 'calc(100% - 40px)',
@@ -4727,14 +4836,14 @@ const useVideoStyles = createUseStyles(theme => {
4727
4836
  fontWeight: theme.typography.fontWeight.bold,
4728
4837
  lineHeight: '32px',
4729
4838
  marginBottom: '8px',
4730
- color: theme?.palette?.font?.default,
4839
+ color: theme?.colors?.lightblack,
4731
4840
  wordBreak: 'break-word'
4732
4841
  },
4733
4842
  videoDetailsSubHeading: {
4734
4843
  fontSize: theme.typography.fontSize.body,
4735
4844
  lineHeight: '24px',
4736
4845
  wordBreak: 'break-word',
4737
- color: theme?.palette?.font?.primary
4846
+ color: theme?.colors?.gray
4738
4847
  },
4739
4848
  '@media (max-width: 767px)': {
4740
4849
  videoHeading: {
@@ -4881,11 +4990,10 @@ var index$e = /*#__PURE__*/Object.freeze({
4881
4990
 
4882
4991
  const useSectionStyles$3 = createUseStyles(theme => ({
4883
4992
  section: {
4884
- position: 'relative',
4885
4993
  padding: ({
4886
4994
  isMobile
4887
4995
  } = {}) => 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`,
4888
- backgroundColor: theme?.palette?.background?.default,
4996
+ background: `linear-gradient(180deg, ${theme?.colors?.background2} 50%, #FFFFFF 50%)`,
4889
4997
  '&, & *, & *:before, & *:after': {
4890
4998
  fontFamily: theme?.typography?.fontFamily,
4891
4999
  boxSizing: 'border-box'
@@ -4903,21 +5011,13 @@ const useSectionStyles$3 = createUseStyles(theme => ({
4903
5011
  containerWidth
4904
5012
  } = {}) => containerWidth
4905
5013
  },
4906
- partialBackground: {
4907
- position: 'absolute',
4908
- top: '0',
4909
- left: '0',
4910
- height: '50%',
4911
- background: theme?.palette?.background?.primary,
4912
- width: '100%'
4913
- },
4914
5014
  content: {
4915
5015
  position: 'relative'
4916
5016
  },
4917
5017
  subTitleHeading: {
4918
5018
  width: '100%',
4919
5019
  fontSize: theme.typography.fontSize.subHead,
4920
- color: theme?.palette?.font?.default,
5020
+ color: theme?.colors?.font2,
4921
5021
  textTransform: 'uppercase',
4922
5022
  textAlign: 'left',
4923
5023
  lineHeight: '20px',
@@ -4929,7 +5029,7 @@ const useSectionStyles$3 = createUseStyles(theme => ({
4929
5029
  fontSize: theme.typography.fontSize.h2,
4930
5030
  width: '100%',
4931
5031
  lineHeight: '70px',
4932
- color: theme?.palette?.font?.default,
5032
+ color: theme?.colors?.font2,
4933
5033
  textAlign: 'left',
4934
5034
  wordBreak: 'break-word'
4935
5035
  },
@@ -4939,7 +5039,7 @@ const useSectionStyles$3 = createUseStyles(theme => ({
4939
5039
  // },
4940
5040
 
4941
5041
  card: {
4942
- background: theme?.palette?.background?.default,
5042
+ background: theme?.colors?.white,
4943
5043
  boxShadow: theme?.shadows?.primary,
4944
5044
  borderRadius: theme.shape.borderRadius.large,
4945
5045
  margin: ({
@@ -4960,7 +5060,7 @@ const useSectionStyles$3 = createUseStyles(theme => ({
4960
5060
  textAlign: 'center',
4961
5061
  fontSize: theme.typography.fontSize.h6,
4962
5062
  fontWeight: theme.typography.fontWeight.bold,
4963
- color: theme?.palette?.font?.default,
5063
+ color: theme?.colors?.lightblack,
4964
5064
  margin: `16px 0px`,
4965
5065
  wordBreak: 'break-word'
4966
5066
  },
@@ -4972,7 +5072,7 @@ const useSectionStyles$3 = createUseStyles(theme => ({
4972
5072
  alignItems: 'center',
4973
5073
  justifyContent: 'center',
4974
5074
  borderRadius: '50%',
4975
- background: theme?.palette?.background?.primary
5075
+ background: theme?.colors?.background2
4976
5076
  },
4977
5077
  buttonContainerClass: {
4978
5078
  marginRight: theme.spacing.margin.regular,
@@ -4986,7 +5086,7 @@ const useSectionStyles$3 = createUseStyles(theme => ({
4986
5086
  textAlign: 'center',
4987
5087
  fontSize: theme.typography.fontSize.body,
4988
5088
  lineHeight: '22px',
4989
- color: theme?.palette?.font?.primary,
5089
+ color: theme?.colors?.gray,
4990
5090
  margin: '0',
4991
5091
  wordBreak: 'break-word'
4992
5092
  },
@@ -5072,7 +5172,7 @@ function Info({
5072
5172
  className: classes.imageContainer
5073
5173
  }, /*#__PURE__*/React.createElement(Icon, {
5074
5174
  name: dt.icon.metadata.value,
5075
- color: theme.palette.primary.main,
5175
+ color: theme?.colors?.icon,
5076
5176
  width: isMobile ? '30px' : '40px',
5077
5177
  height: isMobile ? '30px' : '40px'
5078
5178
  })), /*#__PURE__*/React.createElement("h3", {
@@ -5129,7 +5229,7 @@ const useSectionStyles$2 = createUseStyles(theme => ({
5129
5229
  padding: ({
5130
5230
  isMobile
5131
5231
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
5132
- backgroundColor: theme?.palette?.background?.default,
5232
+ backgroundColor: theme?.colors?.background2,
5133
5233
  '&, & *, & *:before, & *:after': {
5134
5234
  fontFamily: theme?.typography?.fontFamily,
5135
5235
  boxSizing: 'border-box'
@@ -5146,7 +5246,7 @@ const useSectionStyles$2 = createUseStyles(theme => ({
5146
5246
  subHeading: {
5147
5247
  fontSize: theme.typography.fontSize.subHead,
5148
5248
  marginBottom: '8px',
5149
- color: theme?.palette?.font?.default,
5249
+ color: theme?.colors?.font3,
5150
5250
  wordBreak: 'break-word',
5151
5251
  textTransform: 'uppercase',
5152
5252
  letterSpacing: '3px'
@@ -5156,7 +5256,7 @@ const useSectionStyles$2 = createUseStyles(theme => ({
5156
5256
  fontWeight: theme.typography.fontWeight.bold,
5157
5257
  lineHeight: 'normal',
5158
5258
  margin: '0',
5159
- color: theme?.palette?.font?.default,
5259
+ color: theme?.colors?.font3,
5160
5260
  wordBreak: 'break-word',
5161
5261
  marginBottom: theme.spacing.margin.tiny
5162
5262
  },
@@ -5167,7 +5267,7 @@ const useSectionStyles$2 = createUseStyles(theme => ({
5167
5267
  padding: '32px 0px'
5168
5268
  },
5169
5269
  textPara: {
5170
- color: theme?.palette?.font?.primary,
5270
+ color: theme?.colors?.font3,
5171
5271
  wordBreak: 'break-word',
5172
5272
  fontSize: theme.typography.fontSize.body,
5173
5273
  lineHeight: '24px'
@@ -5472,7 +5572,7 @@ const useFaqListStyles = createUseStyles(theme => ({
5472
5572
  padding: ({
5473
5573
  isMobile
5474
5574
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
5475
- backgroundColor: theme?.palette?.background?.primary,
5575
+ backgroundColor: theme?.colors?.background2,
5476
5576
  '&, & *, & *:before, & *:after': {
5477
5577
  fontFamily: theme?.typography?.fontFamily,
5478
5578
  boxSizing: 'border-box'
@@ -5487,7 +5587,7 @@ const useFaqListStyles = createUseStyles(theme => ({
5487
5587
  } = {}) => containerWidth
5488
5588
  },
5489
5589
  sectionSubheading: {
5490
- color: theme?.palette?.font.default,
5590
+ color: theme?.colors?.font3,
5491
5591
  fontSize: theme.typography.fontSize.subHead,
5492
5592
  marginBottom: '8px',
5493
5593
  wordBreak: 'break-word'
@@ -5496,15 +5596,16 @@ const useFaqListStyles = createUseStyles(theme => ({
5496
5596
  fontSize: theme.typography.fontSize.h2,
5497
5597
  fontWeight: theme.typography.fontWeight.bold,
5498
5598
  wordBreak: 'break-word',
5499
- marginBottom: `${theme.spacing.margin.tiny}px`
5599
+ marginBottom: `${theme.spacing.margin.tiny}px`,
5600
+ color: theme?.colors?.font3
5500
5601
  },
5501
5602
  container: {
5502
5603
  boxShadow: theme?.shadows?.secondary,
5503
5604
  borderRadius: '8px',
5504
- backgroundColor: theme?.palette?.background?.default
5605
+ backgroundColor: theme?.colors?.white
5505
5606
  },
5506
5607
  basicCardContainer: {
5507
- borderBottom: theme?.borders?.secondary,
5608
+ borderBottom: `1px solid #D8E0F0`,
5508
5609
  padding: `${theme.spacing.padding.tiny}px`
5509
5610
  },
5510
5611
  innerContainer: {
@@ -5523,14 +5624,14 @@ const useFaqListStyles = createUseStyles(theme => ({
5523
5624
  alignItems: 'center'
5524
5625
  },
5525
5626
  title: {
5526
- color: theme?.palette?.font.default,
5627
+ color: theme?.colors?.lightblack,
5527
5628
  fontSize: theme.typography.fontSize.h5,
5528
5629
  fontWeight: theme.typography.fontWeight.bold,
5529
5630
  margin: '0',
5530
5631
  wordBreak: 'break-word'
5531
5632
  },
5532
5633
  content: {
5533
- color: theme?.palette?.font.primary,
5634
+ color: theme?.colors?.lightblack,
5534
5635
  fontSize: theme.typography.fontSize.body,
5535
5636
  lineHeight: '24px',
5536
5637
  maxHeight: ({
@@ -5650,11 +5751,10 @@ var index$a = /*#__PURE__*/Object.freeze({
5650
5751
 
5651
5752
  const useTextGridStyles = createUseStyles(theme => ({
5652
5753
  section: {
5754
+ background: theme.colors.background1,
5653
5755
  padding: ({
5654
5756
  isMobile
5655
5757
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
5656
- // backgroundColor: theme?.palette?.background?.primary,
5657
-
5658
5758
  '&, & *, & *:before, & *:after': {
5659
5759
  fontFamily: theme?.typography?.fontFamily,
5660
5760
  boxSizing: 'border-box'
@@ -5662,12 +5762,6 @@ const useTextGridStyles = createUseStyles(theme => ({
5662
5762
  '& h2,& h3,& p': {
5663
5763
  marginTop: '0'
5664
5764
  }
5665
- // '& h2,& h3': {
5666
- // fontWeight: '500',
5667
- // '& b,& strong': {
5668
- // fontWeight: '700'
5669
- // }
5670
- // }
5671
5765
  },
5672
5766
  sectionContainer: {
5673
5767
  margin: '0 auto',
@@ -5676,7 +5770,7 @@ const useTextGridStyles = createUseStyles(theme => ({
5676
5770
  } = {}) => containerWidth
5677
5771
  },
5678
5772
  subheading: {
5679
- color: theme?.palette?.font.default,
5773
+ color: theme?.colors?.font1,
5680
5774
  fontSize: theme.typography.fontSize.subHead,
5681
5775
  lineHeight: '20px',
5682
5776
  letterSpacing: '3px',
@@ -5690,7 +5784,8 @@ const useTextGridStyles = createUseStyles(theme => ({
5690
5784
  fontWeight: theme.typography.fontWeight.bold,
5691
5785
  letterSpacing: '-3px',
5692
5786
  marginBottom: theme.spacing.margin.tiny,
5693
- wordBreak: 'break-word'
5787
+ wordBreak: 'break-word',
5788
+ color: theme?.colors?.font1
5694
5789
  },
5695
5790
  sliderContainer: {
5696
5791
  margin: '0 -10px'
@@ -5956,7 +6051,7 @@ const useCourseStyles = createUseStyles(theme => {
5956
6051
  display: 'flex',
5957
6052
  justifyContent: 'flex-start',
5958
6053
  alignItems: 'center',
5959
- fontSize: theme.typography.fontSize.subHead,
6054
+ fontSize: theme.typography.fontSize.body,
5960
6055
  color: theme?.palette?.font?.primary,
5961
6056
  '& img': {
5962
6057
  marginRight: '5px'
@@ -5989,8 +6084,8 @@ const useCourseStyles = createUseStyles(theme => {
5989
6084
  },
5990
6085
  courseCardBuyBtn: {
5991
6086
  cursor: 'pointer',
5992
- background: theme?.palette?.primary?.main,
5993
- color: theme?.palette?.font?.invertedDefault,
6087
+ background: theme?.colors?.ctaColor,
6088
+ color: theme?.colors?.CtaTextColor,
5994
6089
  padding: '8px 16px',
5995
6090
  fontWeight: theme.typography.fontWeight.bold,
5996
6091
  cursor: 'pointer',
@@ -6088,13 +6183,6 @@ async function getCourseList(baseURLs, hashToken) {
6088
6183
 
6089
6184
  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";
6090
6185
 
6091
- function getShortenedSubstring(name, length, allowDots = true) {
6092
- if (name) {
6093
- return name.length < length ? name : `${name.substr(0, length)}${allowDots && '...'}`;
6094
- }
6095
- return '';
6096
- }
6097
-
6098
6186
  const formatCurrency = (countryCode, value, currencySymbol) => {
6099
6187
  let formattedValue = Number(value);
6100
6188
  const getFormattedValue = (countryCode, currencySymbol, value) => {
@@ -6362,11 +6450,10 @@ var index$8 = /*#__PURE__*/Object.freeze({
6362
6450
  const useTeamStyles = createUseStyles(theme => {
6363
6451
  return {
6364
6452
  teamSuperContainer: {
6453
+ background: `linear-gradient(180deg, ${theme?.colors?.background2} 50%, #FFFFFF 50%)`,
6365
6454
  padding: ({
6366
6455
  isMobile
6367
6456
  } = {}) => 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`,
6368
- // backgroundColor: theme?.palette?.background?.primary,
6369
-
6370
6457
  '&, & *, & *:before, & *:after': {
6371
6458
  fontFamily: theme?.typography?.fontFamily,
6372
6459
  boxSizing: 'border-box'
@@ -6387,25 +6474,17 @@ const useTeamStyles = createUseStyles(theme => {
6387
6474
  lineHeight: '20px',
6388
6475
  letterSpacing: '3px',
6389
6476
  marginBottom: '8px',
6390
- color: theme?.palette?.font?.default,
6477
+ color: theme?.colors?.font2,
6391
6478
  // wordBreak: 'break-word',
6392
6479
  position: 'relative'
6393
6480
  },
6394
- partialBackground: {
6395
- position: 'absolute',
6396
- top: '0',
6397
- left: '0',
6398
- height: '50%',
6399
- background: theme?.palette?.background?.primary,
6400
- width: '100%'
6401
- },
6402
6481
  teamTitle: {
6403
6482
  fontSize: theme.typography.fontSize.h2,
6404
6483
  fontWeight: theme.typography.fontWeight.bold,
6405
6484
  lineHeight: '70px',
6406
6485
  letterSpacing: '-3px',
6407
6486
  wordBreak: 'break-word',
6408
- color: theme?.palette?.font?.default,
6487
+ color: theme?.colors?.font2,
6409
6488
  position: 'relative'
6410
6489
  },
6411
6490
  sliderContainer: {
@@ -6495,12 +6574,10 @@ const useTeamStyles = createUseStyles(theme => {
6495
6574
  teamDetailsHeading: {
6496
6575
  fontSize: '16px',
6497
6576
  lineHeight: '24px',
6498
- margin: '0',
6499
- color: theme?.palette?.font?.body
6577
+ margin: '0'
6500
6578
  },
6501
6579
  teamDetailsSubHeading: {
6502
- marginTop: '0px',
6503
- color: theme?.palette?.font?.primary
6580
+ marginTop: '0px'
6504
6581
  }
6505
6582
  }
6506
6583
  };
@@ -6611,7 +6688,7 @@ const useSectionStyles$1 = createUseStyles(theme => ({
6611
6688
  justifyContent: 'center',
6612
6689
  flexDirection: 'column',
6613
6690
  alignItems: 'center',
6614
- backgroundColor: theme?.palette?.background?.default,
6691
+ background: `linear-gradient(180deg, ${theme?.colors?.background2} 50%, #FFFFFF 50%)`,
6615
6692
  padding: ({
6616
6693
  isMobile
6617
6694
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
@@ -6632,16 +6709,16 @@ const useSectionStyles$1 = createUseStyles(theme => ({
6632
6709
  containerWidth
6633
6710
  } = {}) => containerWidth
6634
6711
  },
6635
- partialBackground: {
6636
- top: '0',
6637
- left: '0',
6638
- width: '100%',
6639
- height: '50%',
6640
- position: 'absolute',
6641
- background: theme?.palette?.background?.primary
6642
- },
6712
+ // partialBackground: {
6713
+ // top: '0',
6714
+ // left: '0',
6715
+ // width: '100%',
6716
+ // height: '50%',
6717
+ // position: 'absolute',
6718
+ // background: theme?.colors?.white
6719
+ // },
6643
6720
  sectionContainer: {
6644
- backgroundColor: theme?.palette?.background?.default,
6721
+ backgroundColor: theme?.colors?.white,
6645
6722
  boxShadow: theme?.shadows?.secondary,
6646
6723
  borderRadius: theme?.shape?.borderRadius?.regular,
6647
6724
  padding: '48px',
@@ -6650,7 +6727,7 @@ const useSectionStyles$1 = createUseStyles(theme => ({
6650
6727
  title: {
6651
6728
  margin: '0',
6652
6729
  fontSize: theme.typography.fontSize.h2,
6653
- color: theme?.palette?.font?.default,
6730
+ color: theme?.colors?.lightblack,
6654
6731
  fontWeight: theme.typography.fontWeight.bold,
6655
6732
  lineHeight: '71px',
6656
6733
  letterSpacing: '-3px',
@@ -6671,7 +6748,7 @@ const useSectionStyles$1 = createUseStyles(theme => ({
6671
6748
  subtitle: {
6672
6749
  // margin: '0 0 40px 0',
6673
6750
  fontSize: theme.typography.fontSize.h5,
6674
- color: theme?.palette?.font?.default,
6751
+ color: theme?.colors?.lightblack,
6675
6752
  lineHeight: '32px',
6676
6753
  wordBreak: 'break-word',
6677
6754
  marginBottom: '32px'
@@ -6694,7 +6771,7 @@ const useSectionStyles$1 = createUseStyles(theme => ({
6694
6771
  },
6695
6772
  addressText: {
6696
6773
  fontSize: theme.typography.fontSize.h6,
6697
- color: theme?.palette?.font?.default,
6774
+ color: theme?.colors?.lightblack,
6698
6775
  lineHeight: '24px',
6699
6776
  fontSize: '16px'
6700
6777
  },
@@ -7030,7 +7107,7 @@ const useSectionStyles = createUseStyles(theme => ({
7030
7107
  padding: ({
7031
7108
  isMobile
7032
7109
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
7033
- backgroundColor: theme?.palette?.background?.default,
7110
+ background: `linear-gradient(180deg, ${theme?.colors?.background2} 50%, #FFFFFF 50%)`,
7034
7111
  '&, & *, & *:before, & *:after': {
7035
7112
  fontFamily: theme?.typography?.fontFamily,
7036
7113
  boxSizing: 'border-box'
@@ -7049,16 +7126,8 @@ const useSectionStyles = createUseStyles(theme => ({
7049
7126
  containerWidth
7050
7127
  } = {}) => containerWidth
7051
7128
  },
7052
- partialBackground: {
7053
- top: '0',
7054
- left: '0',
7055
- width: '100%',
7056
- height: '50%',
7057
- position: 'absolute',
7058
- background: theme?.palette?.background?.primary
7059
- },
7060
7129
  sectionContainer: {
7061
- backgroundColor: theme?.palette?.background?.default,
7130
+ backgroundColor: theme?.colors?.white,
7062
7131
  boxShadow: theme?.shadows?.secondary,
7063
7132
  borderRadius: theme?.shape?.borderRadius?.regular,
7064
7133
  padding: '48px',
@@ -7067,7 +7136,7 @@ const useSectionStyles = createUseStyles(theme => ({
7067
7136
  title: {
7068
7137
  margin: '0',
7069
7138
  fontSize: theme.typography.fontSize.h2,
7070
- color: theme?.palette?.font?.default,
7139
+ color: theme?.colors?.lightblack?.default,
7071
7140
  lineHeight: '71px',
7072
7141
  letterSpacing: '-3px',
7073
7142
  textAlign: 'left',
@@ -7091,7 +7160,7 @@ const useSectionStyles = createUseStyles(theme => ({
7091
7160
  subtitle: {
7092
7161
  // margin: '0 0 auto 0',
7093
7162
  fontSize: theme.typography.fontSize.h6,
7094
- color: theme?.palette?.font?.default,
7163
+ color: theme?.colors?.lightblack,
7095
7164
  // lineHeight: '32px',
7096
7165
  // margin: '16px 0',
7097
7166
  textAlign: 'center',
@@ -7122,8 +7191,8 @@ const useSectionStyles = createUseStyles(theme => ({
7122
7191
  inputField: {
7123
7192
  width: '100%',
7124
7193
  // maxWidth: '314px',
7125
- background: theme?.palette?.background?.default,
7126
- border: `1px solid ${theme?.palette?.border?.secondary}`,
7194
+ // background: theme?.palette?.background?.default,
7195
+ border: `1px solid ${theme?.colors?.cta}`,
7127
7196
  borderRadius: theme?.shape?.borderRadius?.regular,
7128
7197
  // padding: '14px 12px',
7129
7198
  display: 'flex',
@@ -7136,7 +7205,7 @@ const useSectionStyles = createUseStyles(theme => ({
7136
7205
  fontWeight: '400',
7137
7206
  fontSize: theme.typography.fontSize.subHead,
7138
7207
  lineHeight: '20px',
7139
- color: theme?.palette?.font?.primary,
7208
+ color: theme?.colors?.lightblack,
7140
7209
  fontFamily: theme?.typography?.fontFamily
7141
7210
  },
7142
7211
  '&:focus': {
@@ -7449,6 +7518,7 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7449
7518
  webinarSuperContainer: {
7450
7519
  display: 'flex',
7451
7520
  justifyContent: 'center',
7521
+ background: theme.colors.background1,
7452
7522
  padding: ({
7453
7523
  isMobile
7454
7524
  } = {}) => isMobile ? `${theme.spacing.padding.medium}px ${theme.spacing.padding.regular}px` : `${theme.spacing.padding.regular}px ${theme.spacing.padding.medium}px`,
@@ -7471,30 +7541,6 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7471
7541
  maxWidth: '1440px',
7472
7542
  fontFamily: theme?.typography?.fontFamily
7473
7543
  },
7474
- // videoTestimonialHeading: {
7475
- // fontSize: theme.typography.fontSize.subHead,
7476
- // lineHeight: '20px',
7477
- // letterSpacing: '3px',
7478
- // textTransform: 'uppercase',
7479
- // color: theme.palette.font.tertiary,
7480
- // wordBreak: 'break-word',
7481
- // fontWeight: theme.typography.fontWeight.bold,
7482
- // },
7483
-
7484
- // videoTestimonialTitle: {
7485
- // fontSize: theme.typography.fontSize.h2,
7486
- // lineHeight: '71px',
7487
- // fontWeight: theme.typography.fontWeight.bold,
7488
- // letterSpacing: '-3px',
7489
- // margin: '0',
7490
- // color: theme.palette.font.default,
7491
- // wordBreak: 'break-word'
7492
- // },
7493
-
7494
- // videoCarouselContainer: {
7495
- // marginTop: '16px'
7496
- // },
7497
-
7498
7544
  webinarCarousel: {
7499
7545
  display: 'flex',
7500
7546
  justifyContent: 'flex-start',
@@ -7515,7 +7561,7 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7515
7561
  iframeContainer: {
7516
7562
  width: '100%',
7517
7563
  position: 'relative',
7518
- paddingBottom: '56.25%',
7564
+ aspectRatio: '4/3',
7519
7565
  // top: "6%",
7520
7566
  // left: '5%'
7521
7567
  borderRadius: '8px',
@@ -7523,8 +7569,9 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7523
7569
  },
7524
7570
  offerText: {
7525
7571
  textAlign: 'center',
7526
- color: theme.palette.font.primary,
7527
- marginBottom: '5%'
7572
+ color: theme?.colors?.lightblack,
7573
+ marginBottom: '5% !important',
7574
+ fontWeight: '700'
7528
7575
  },
7529
7576
  offerPrice: {
7530
7577
  fontSize: theme.typography.fontSize.h5,
@@ -7569,7 +7616,7 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7569
7616
  margin: '0',
7570
7617
  letterSpacing: '-1px',
7571
7618
  wordBreak: wordBreakValue => wordBreakValue || 'break-word',
7572
- color: theme.palette.font.default
7619
+ color: theme?.colors?.font1
7573
7620
  },
7574
7621
  courseViewContainer: {
7575
7622
  width: '645px',
@@ -7583,8 +7630,9 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7583
7630
  },
7584
7631
  bannerContainer: {
7585
7632
  width: '100%',
7586
- background: '#EB5757',
7587
- color: '#fff',
7633
+ background: theme?.colors?.bannerColor,
7634
+ color: theme?.colors?.bannerCtaColor,
7635
+ fontWeight: '600',
7588
7636
  textAlign: 'center',
7589
7637
  padding: '10px 10px 23px 40px',
7590
7638
  wordWrap: 'break-word',
@@ -7603,24 +7651,26 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7603
7651
  display: 'flex',
7604
7652
  alignItems: 'center',
7605
7653
  marginRight: '20px',
7654
+ color: theme?.colors?.font1,
7606
7655
  '& div': {
7607
- fontSize: theme.typography.fontSize.subHead,
7656
+ fontSize: theme.typography.fontSize.body,
7608
7657
  marginLeft: '10px'
7609
7658
  }
7610
7659
  },
7611
7660
  courseDetailContent: {
7612
- fontSize: theme.typography.fontSize.subHead,
7661
+ fontSize: theme.typography.fontSize.body,
7662
+ lineHeight: '21px',
7613
7663
  wordBreak: 'break-word',
7614
- color: theme.palette.font.primary,
7664
+ color: theme?.colors?.font1,
7615
7665
  whiteSpace: 'pre-wrap',
7616
7666
  width: '80%'
7617
7667
  },
7618
7668
  courseDetailViewFullDetails: {
7619
7669
  cursor: 'pointer',
7620
- fontSize: theme.typography.fontSize.subHead,
7670
+ fontSize: theme.typography.fontSize.body,
7621
7671
  lineHeight: '24px',
7672
+ color: theme?.colors?.font1,
7622
7673
  marginTop: '-20px',
7623
- color: '#00ADE7',
7624
7674
  wordBreak: 'break-word'
7625
7675
  },
7626
7676
  courseDetailTime: {
@@ -7635,7 +7685,7 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7635
7685
  display: 'flex',
7636
7686
  width: '36px',
7637
7687
  height: '36px',
7638
- backgroundColor: 'rgb(240, 244, 248)',
7688
+ backgroundColor: theme?.colors?.icon,
7639
7689
  justifyContent: 'center',
7640
7690
  alignItems: 'center',
7641
7691
  borderRadius: '6px'
@@ -7827,14 +7877,15 @@ const SingleVideoSlide$1 = props => {
7827
7877
  className: classes.iconBackground
7828
7878
  }, /*#__PURE__*/React.createElement(Icon, {
7829
7879
  name: 'Calendar',
7830
- color: theme.palette.primary.main
7880
+ width: "24px",
7881
+ color: theme?.colors?.background2
7831
7882
  })), /*#__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", {
7832
7883
  className: classes.courseDetailTag
7833
7884
  }, /*#__PURE__*/React.createElement("span", {
7834
7885
  className: classes.iconBackground
7835
7886
  }, /*#__PURE__*/React.createElement(Icon, {
7836
- color: theme.palette.primary.main,
7837
- width: "20px",
7887
+ color: theme?.colors?.background2,
7888
+ width: "24px",
7838
7889
  name: `${data.webinarLocation === 'Location' ? 'Location' : 'Video'}`
7839
7890
  })), /*#__PURE__*/React.createElement("div", null, data.webinarLocation === 'Location' ? data.webinarLink : data.webinarLocation))), /*#__PURE__*/React.createElement("p", {
7840
7891
  ref: data?.videoTextContent?.refSetter,
@@ -7940,13 +7991,15 @@ var index$4 = /*#__PURE__*/Object.freeze({
7940
7991
  });
7941
7992
 
7942
7993
  const useCoursePromotionPage = createUseStyles(theme => {
7994
+ console.log(theme, 'themere');
7943
7995
  return {
7944
7996
  courseSuperContainer: {
7945
7997
  display: 'flex',
7946
7998
  justifyContent: 'center',
7999
+ background: theme?.colors?.background1,
7947
8000
  padding: ({
7948
8001
  isMobile
7949
- } = {}) => isMobile ? `${theme.spacing.padding.medium}px ${theme.spacing.padding.regular}px` : `${theme.spacing.padding.regular}px ${theme.spacing.padding.medium}px`,
8002
+ } = {}) => isMobile ? `${theme.spacing.padding.small}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.regular}px ${theme.spacing.padding.medium}px`,
7950
8003
  '&, & *, & *:before, & *:after': {
7951
8004
  fontFamily: theme?.typography?.fontFamily,
7952
8005
  boxSizing: 'border-box'
@@ -8009,13 +8062,14 @@ const useCoursePromotionPage = createUseStyles(theme => {
8009
8062
  iframeContainer: {
8010
8063
  width: '100%',
8011
8064
  position: 'relative',
8012
- paddingBottom: '56.25%'
8013
- // top: "6%",
8014
- // left: '5%'
8065
+ aspectRatio: '4/3',
8066
+ borderRadius: '8px',
8067
+ overflow: 'hidden'
8015
8068
  },
8016
8069
  offerText: {
8017
8070
  textAlign: 'center',
8018
- color: theme.palette.font.primary
8071
+ color: theme.palette.font.primary,
8072
+ fontWeight: '700'
8019
8073
  },
8020
8074
  offerPrice: {
8021
8075
  fontSize: theme.typography.fontSize.h4,
@@ -8062,7 +8116,7 @@ const useCoursePromotionPage = createUseStyles(theme => {
8062
8116
  margin: '0',
8063
8117
  letterSpacing: '-1px',
8064
8118
  wordBreak: 'break-word',
8065
- color: theme.palette.font.default
8119
+ color: theme?.colors?.font1
8066
8120
  },
8067
8121
  courseViewContainer: {
8068
8122
  width: '445px',
@@ -8076,13 +8130,14 @@ const useCoursePromotionPage = createUseStyles(theme => {
8076
8130
  },
8077
8131
  bannerContainer: {
8078
8132
  width: '100%',
8079
- background: '#EB5757',
8080
- color: '#fff',
8133
+ background: theme?.colors?.bannerColor,
8134
+ color: theme?.colors?.bannerCtaColor,
8135
+ fontWeight: '600',
8081
8136
  textAlign: 'center',
8082
8137
  padding: '10px 10px 23px 40px',
8083
8138
  wordWrap: 'break-word',
8084
8139
  position: 'relative',
8085
- fontSize: theme.typography.fontSize.subHead,
8140
+ fontSize: '14px',
8086
8141
  transform: 'rotate(180deg)',
8087
8142
  clipPath: 'polygon(0 0, 100% 0, 100% calc(100% - 10px), 0 calc(100% - 10px), 15px calc(50% - 10px/2))'
8088
8143
  // marginBottom: '16px'
@@ -8097,8 +8152,8 @@ const useCoursePromotionPage = createUseStyles(theme => {
8097
8152
  },
8098
8153
  courseEmblem: {
8099
8154
  background: '#F0F4F8',
8100
- fontSize: theme.typography.fontSize.subHead,
8101
- borderRadius: '2.00337px',
8155
+ fontSize: theme.typography.fontSize.body,
8156
+ borderRadius: '4px',
8102
8157
  padding: '8px',
8103
8158
  display: 'flex',
8104
8159
  alignItems: 'center',
@@ -8114,27 +8169,29 @@ const useCoursePromotionPage = createUseStyles(theme => {
8114
8169
  display: 'flex',
8115
8170
  alignItems: 'center',
8116
8171
  marginRight: '20px',
8172
+ color: theme?.colors?.font1,
8117
8173
  '& div': {
8118
- fontSize: theme.typography.fontSize.subHead,
8119
- fontWeight: theme.typography.fontWeight.semiBold,
8174
+ fontSize: theme.typography.fontSize.body,
8175
+ fontWeight: theme.typography.fontWeight.medium,
8120
8176
  marginLeft: '10px'
8121
8177
  }
8122
8178
  },
8123
8179
  courseDetailContent: {
8124
- // marginTop: '16px',
8125
- fontSize: theme.typography.fontSize.subHead,
8126
- lineHeight: '24px',
8180
+ marginTop: '20px',
8181
+ fontSize: theme.typography.fontSize.body,
8182
+ lineHeight: '21px',
8127
8183
  wordBreak: 'break-word',
8128
- color: theme.palette.font.primary,
8184
+ color: theme?.colors?.font1,
8129
8185
  whiteSpace: 'pre-wrap',
8130
8186
  margin: '10px 0 20px'
8131
8187
  },
8132
8188
  courseDetailViewFullDetails: {
8133
8189
  cursor: 'pointer',
8134
- fontSize: theme.typography.fontSize.subHead,
8135
- lineHeight: '24px',
8136
- marginTop: '-24px',
8137
- color: '#00ADE7',
8190
+ fontSize: theme.typography.fontSize.body,
8191
+ textDecoration: 'underline',
8192
+ lineHeight: '21px',
8193
+ marginTop: '20px',
8194
+ color: theme.colors?.font1,
8138
8195
  wordBreak: 'break-word'
8139
8196
  },
8140
8197
  courseDetailTime: {
@@ -8145,7 +8202,7 @@ const useCoursePromotionPage = createUseStyles(theme => {
8145
8202
  display: 'flex',
8146
8203
  width: '36px',
8147
8204
  height: '36px',
8148
- backgroundColor: 'rgb(240, 244, 248)',
8205
+ backgroundColor: theme?.colors?.icon,
8149
8206
  justifyContent: 'center',
8150
8207
  alignItems: 'center',
8151
8208
  borderRadius: '6px'
@@ -8204,7 +8261,8 @@ const useCoursePromotionPage = createUseStyles(theme => {
8204
8261
  // fontSize: '20px',
8205
8262
  fontWeight: '600',
8206
8263
  lineHeight: 'normal',
8207
- letterSpacing: '0px'
8264
+ letterSpacing: '0px',
8265
+ color: theme?.colors?.font1
8208
8266
  },
8209
8267
  videoTestimonialTitle: {
8210
8268
  // fontSize: '24px',
@@ -8373,28 +8431,32 @@ const SingleVideoSlide = props => {
8373
8431
  className: classes.iconBackground
8374
8432
  }, /*#__PURE__*/React.createElement(Icon, {
8375
8433
  name: 'Clock',
8376
- color: theme.palette.primary.main
8434
+ width: "24px",
8435
+ color: theme?.colors?.background2
8377
8436
  })), /*#__PURE__*/React.createElement("div", null, data?.courseOverviewData?.courseDuration?.text)) : null, data?.courseOverviewData?.metaData?.isPhysicalDeliveryEnabled ? /*#__PURE__*/React.createElement("div", {
8378
8437
  className: classes.courseDetailTag
8379
8438
  }, /*#__PURE__*/React.createElement("span", {
8380
8439
  className: classes.iconBackground
8381
8440
  }, /*#__PURE__*/React.createElement(Icon, {
8382
8441
  name: 'Book Saved',
8383
- color: theme.palette.primary.main
8442
+ color: theme?.colors?.background2,
8443
+ width: "24px"
8384
8444
  })), /*#__PURE__*/React.createElement("div", null, data?.courseOverviewData?.metaData?.isPhysicalDeliveryEnabled ? 'Physical Books' : null)) : null, data?.courseOverviewData?.metaData?.isCertificateEnabled ? /*#__PURE__*/React.createElement("div", {
8385
8445
  className: classes.courseDetailTag
8386
8446
  }, /*#__PURE__*/React.createElement("span", {
8387
8447
  className: classes.iconBackground
8388
8448
  }, /*#__PURE__*/React.createElement(Icon, {
8389
8449
  name: 'Certificate',
8390
- color: theme.palette.primary.main
8391
- })), /*#__PURE__*/React.createElement("div", null, data?.courseOverviewData?.metaData?.isCertificateEnabled ? handleCourseCertificateText() : null)) : null, data?.courseOverviewData?.resourseDataText.heading ? /*#__PURE__*/React.createElement("div", {
8450
+ color: theme?.colors?.background2,
8451
+ width: "20px"
8452
+ })), /*#__PURE__*/React.createElement("div", null, data?.courseOverviewData?.metaData?.isCertificateEnabled ? handleCourseCertificateText() : null)) : null, data?.courseOverviewData?.resourseDataText?.heading ? /*#__PURE__*/React.createElement("div", {
8392
8453
  className: classes.courseDetailTag
8393
8454
  }, /*#__PURE__*/React.createElement("span", {
8394
8455
  className: classes.iconBackground
8395
8456
  }, /*#__PURE__*/React.createElement(Icon, {
8396
8457
  name: 'Certificate',
8397
- color: theme.palette.primary.main
8458
+ color: theme?.colors?.background2,
8459
+ width: "20px"
8398
8460
  })), /*#__PURE__*/React.createElement("div", null, data?.courseOverviewData?.resourseDataText?.heading)) : null), /*#__PURE__*/React.createElement("p", {
8399
8461
  ref: data?.videoTextContent?.refSetter,
8400
8462
  className: classes.courseDetailContent,
@@ -8520,7 +8582,7 @@ const useFormPageStyles = createUseStyles(theme => ({
8520
8582
  padding: ({
8521
8583
  isMobile
8522
8584
  } = {}) => isMobile ? `${theme.spacing.padding.medium}px ${theme.spacing.padding.regular}px` : `${theme.spacing.padding.regular}px ${theme.spacing.padding.medium}px`,
8523
- background: '#F4F9FF',
8585
+ background: theme?.colors?.background3,
8524
8586
  '&, & *, & *:before, & *:after': {
8525
8587
  fontFamily: theme?.typography?.fontFamily,
8526
8588
  boxSizing: 'border-box'
@@ -8537,7 +8599,7 @@ const useFormPageStyles = createUseStyles(theme => ({
8537
8599
  marginTop: '8px',
8538
8600
  fontSize: theme.typography.fontSize.h6,
8539
8601
  lineHeight: '23px',
8540
- color: 'rgba(51, 51, 51, 0.5)',
8602
+ color: theme?.colors?.gray,
8541
8603
  marginBottom: theme.spacing.margin.tiny
8542
8604
  },
8543
8605
  formPageFormContainer: {
@@ -8555,8 +8617,8 @@ const useFormPageStyles = createUseStyles(theme => ({
8555
8617
  // borderRadius: '16px'
8556
8618
  },
8557
8619
  inputFieldLabel: {
8558
- color: '#333',
8559
- fontSize: theme.typography.fontSize.subHead,
8620
+ color: theme?.colors?.lightblack,
8621
+ fontSize: theme.typography.fontSize.body,
8560
8622
  fontWeight: theme.typography.fontWeight.semiBold,
8561
8623
  display: 'block',
8562
8624
  marginTop: '20px',
@@ -8567,8 +8629,8 @@ const useFormPageStyles = createUseStyles(theme => ({
8567
8629
  borderRadius: '8px',
8568
8630
  border: '1px solid #D8E0F0',
8569
8631
  padding: '12px 16px',
8570
- color: '#7D8592',
8571
- fontSize: theme.typography.fontSize.subHead
8632
+ color: theme?.colors?.lightblack,
8633
+ fontSize: theme.typography.fontSize.body
8572
8634
  },
8573
8635
  checkboxField: {
8574
8636
  // padding: '20px',
@@ -8576,21 +8638,21 @@ const useFormPageStyles = createUseStyles(theme => ({
8576
8638
  // borderRadius: '8px'
8577
8639
  },
8578
8640
  checkBoxFieldLabel: {
8579
- color: '#333',
8580
- fontSize: theme.typography.fontSize.subHead,
8641
+ color: theme?.colors?.lightblack,
8642
+ fontSize: theme.typography.fontSize.body,
8581
8643
  fontWeight: theme.typography.fontWeight.semiBold,
8582
8644
  marginTop: '20px',
8583
8645
  marginBottom: '12px'
8584
8646
  },
8585
8647
  inputFieldRequired: {
8586
- color: '#F41828'
8648
+ color: theme?.colors?.lightblack
8587
8649
  },
8588
8650
  checkboxFieldControl: {
8589
8651
  padding: '8px 0',
8590
8652
  '& label': {
8591
- fontSize: theme.typography.fontSize.subHead,
8653
+ fontSize: theme.typography.fontSize.body,
8592
8654
  marginLeft: '10px',
8593
- color: '#7D8592'
8655
+ color: theme?.colors?.lightblack
8594
8656
  }
8595
8657
  },
8596
8658
  submitBtnContainer: {
@@ -8603,8 +8665,7 @@ const useFormPageStyles = createUseStyles(theme => ({
8603
8665
  '& button': {
8604
8666
  // height: '44px',
8605
8667
  padding: '16px 24px',
8606
- color: '#FFFFFF',
8607
- fontSize: theme.typography.fontSize.subHead,
8668
+ fontSize: theme.typography.fontSize.body,
8608
8669
  cursor: 'pointer',
8609
8670
  borderRadius: '8px'
8610
8671
  }
@@ -9609,7 +9670,7 @@ function PageRenderer({
9609
9670
  countryCode,
9610
9671
  currencySymbol
9611
9672
  }), [isMobile, isLandingPages, layout, baseURLs, hashToken, isPreview, isEdit, templateId, navList, isMasterTemplate, basePath, validations, isTutorWebsite, extraProps, hideLogin, _id, countryCode, currencySymbol]);
9612
- const theme = useMemo(() => getTheme(color, font, context.isMobile), [color, font, context.isMobile]);
9673
+ const theme = useMemo(() => generateTheme(color, font, context.isMobile), [color, font, context.isMobile]);
9613
9674
  const Wrapper = SectionWrapper || Fragment;
9614
9675
  return /*#__PURE__*/React.createElement(ThemeProvider, {
9615
9676
  theme: theme