diy-template-components 2.0.9 → 2.0.11

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 +382 -456
  2. package/build/index.es.js.map +1 -1
  3. package/build/index.js +382 -456
  4. package/build/index.js.map +1 -1
  5. package/package.json +1 -1
package/build/index.js CHANGED
@@ -73,7 +73,7 @@ const useSectionStyles$a = createUseStyles(theme => ({
73
73
  height: '60px'
74
74
  },
75
75
  headerContainer: {
76
- background: theme?.colors?.white,
76
+ background: theme?.palette?.background?.default,
77
77
  boxShadow: theme?.shadows?.primary,
78
78
  padding: '20px 40px',
79
79
  display: 'flex',
@@ -131,11 +131,11 @@ const useSectionStyles$a = createUseStyles(theme => ({
131
131
  lineHeight: '20px',
132
132
  display: 'flex',
133
133
  alignItems: 'center',
134
- color: theme?.colors?.headerText,
134
+ color: theme.palette.primary.main,
135
135
  padding: '20px',
136
136
  '&:hover': {
137
137
  cursor: 'pointer',
138
- background: theme?.colors?.headerHover,
138
+ background: theme.palette.primary.lightest,
139
139
  borderRadius: theme?.shape?.borderRadius?.small
140
140
  }
141
141
  },
@@ -144,7 +144,7 @@ const useSectionStyles$a = createUseStyles(theme => ({
144
144
  alignItems: 'center',
145
145
  justifyContent: 'space-between',
146
146
  padding: '18px 24px 18px 16px',
147
- background: theme?.colors?.white,
147
+ background: theme?.palette?.background?.default,
148
148
  boxShadow: theme?.shadows?.primary,
149
149
  position: ({
150
150
  isFixed
@@ -220,7 +220,7 @@ const useSectionStyles$a = createUseStyles(theme => ({
220
220
  height: '100%'
221
221
  },
222
222
  menuContainer: {
223
- background: theme?.colors?.white,
223
+ background: theme?.palette?.background?.default,
224
224
  boxShadow: theme.shadows.secondary,
225
225
  width: '75%',
226
226
  height: '100%',
@@ -337,9 +337,9 @@ const alpha = {
337
337
  eightyPercent: 0.8
338
338
  };
339
339
  const getRGBFromHex = hex => {
340
- const r = parseInt(hex?.slice(1, 3), 16);
341
- const g = parseInt(hex?.slice(3, 5), 16);
342
- const b = parseInt(hex?.slice(5, 7), 16);
340
+ const r = parseInt(hex.slice(1, 3), 16);
341
+ const g = parseInt(hex.slice(3, 5), 16);
342
+ const b = parseInt(hex.slice(5, 7), 16);
343
343
  return [r, g, b];
344
344
  };
345
345
  const hexToRgbA = (hex, alpha = null) => {
@@ -377,11 +377,13 @@ const buttonStyles = createUseStyles(theme => ({
377
377
  textAlign: 'center',
378
378
  color: ({
379
379
  disabled
380
- } = {}) => disabled ? colorMixer(theme?.palette?.background?.default, 0.5).color : theme?.colors?.CtaTextColor,
380
+ } = {}) => disabled ? colorMixer(theme?.palette?.background?.default, 0.5).color : theme?.palette?.background?.default,
381
381
  background: ({
382
382
  disabled
383
- } = {}) => disabled ? colorMixer(theme?.palette?.primary.main, 0.5).color : theme?.colors?.ctaColor,
384
- border: 'none',
383
+ } = {}) => disabled ? colorMixer(theme?.palette?.primary.main, 0.5).color : theme?.palette?.primary?.main,
384
+ border: ({
385
+ disabled
386
+ } = {}) => disabled ? `1px solid ${colorMixer(theme.palette.primary.main, 0.5).color}` : `1px solid ${theme?.palette?.primary?.main}`,
385
387
  textDecoration: 'none',
386
388
  cursor: ({
387
389
  disabled
@@ -403,13 +405,13 @@ const buttonStyles = createUseStyles(theme => ({
403
405
  lineHeight: '18px',
404
406
  color: ({
405
407
  disabled
406
- } = {}) => disabled ? colorMixer(theme.palette.primary.main, 0.5).color : theme?.colors?.CtaTextColor,
408
+ } = {}) => disabled ? colorMixer(theme.palette.primary.main, 0.5).color : theme.palette.primary.main,
407
409
  background: ({
408
410
  disabled
409
- } = {}) => disabled ? colorMixer(theme?.palette?.parimar?.default, 0.5).color : theme?.colors?.ctaColor,
411
+ } = {}) => disabled ? colorMixer(theme?.palette?.background?.default, 0.5).color : theme?.palette?.background?.default,
410
412
  border: ({
411
413
  disabled
412
- } = {}) => disabled ? `1px solid ${colorMixer(theme.palette.primary.main, 0.5).color}` : `1px solid ${theme?.colors?.ctaColor}`,
414
+ } = {}) => disabled ? `1px solid ${colorMixer(theme.palette.primary.main, 0.5).color}` : `1px solid ${theme.palette.primary.main}`,
413
415
  cursor: ({
414
416
  disabled
415
417
  } = {}) => disabled ? 'not-allowed' : 'pointer',
@@ -1042,25 +1044,6 @@ var appStore = "data:image/svg+xml,%3Csvg%20width%3D%22116%22%20height%3D%2240%2
1042
1044
 
1043
1045
  var downloadApkImage = "data:image/png;base64,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";
1044
1046
 
1045
- function getShortenedSubstring(name, length, allowDots = true) {
1046
- if (name) {
1047
- return name.length < length ? name : `${name.substr(0, length)}${allowDots && '...'}`;
1048
- }
1049
- return '';
1050
- }
1051
- function getAppDownloadLink(androidLink = '', iosLink = '') {
1052
- if (typeof window !== 'undefined') {
1053
- const userAgent = window.navigator?.userAgent;
1054
- if (/Android/.test(userAgent) && androidLink) {
1055
- return androidLink;
1056
- }
1057
- if (/iPad|iPhone|iPod/.test(userAgent) && iosLink) {
1058
- return iosLink;
1059
- }
1060
- return androidLink || iosLink;
1061
- }
1062
- }
1063
-
1064
1047
  function OptionList({
1065
1048
  optionsData,
1066
1049
  headerData,
@@ -1068,7 +1051,8 @@ function OptionList({
1068
1051
  moreContent,
1069
1052
  navDataCount,
1070
1053
  isTutorWebsite,
1071
- isLandingPages
1054
+ isLandingPages,
1055
+ onDownloadAppTriggered
1072
1056
  }) {
1073
1057
  const {
1074
1058
  isPreview,
@@ -1087,9 +1071,6 @@ function OptionList({
1087
1071
  };
1088
1072
  const tabData = tabsDataModifier();
1089
1073
  const classes = useSectionStyles$a();
1090
-
1091
- // console.log(headerData, 'sakshat header options');
1092
-
1093
1074
  const isAndroidDelisted = headerData?.isAndroidDelisted;
1094
1075
  const apkURL = headerData?.apkURL;
1095
1076
  const downloadApkURL = isAndroidDelisted && apkURL ? apkURL : null;
@@ -1099,7 +1080,12 @@ function OptionList({
1099
1080
  download: true,
1100
1081
  href: headerData?.apkURL,
1101
1082
  target: "_blank",
1102
- className: classes.socialBtnItems
1083
+ className: classes.socialBtnItems,
1084
+ onClick: () => {
1085
+ if (typeof onDownloadAppTriggered == "function") {
1086
+ onDownloadAppTriggered(isAndroidDelisted, headerData?.apkURL);
1087
+ }
1088
+ }
1103
1089
  }, /*#__PURE__*/React__default["default"].createElement("img", {
1104
1090
  style: {
1105
1091
  width: '139px',
@@ -1135,10 +1121,6 @@ function OptionList({
1135
1121
  alt: "appStore"
1136
1122
  })) : null);
1137
1123
  };
1138
- const iosLink = isTutorWebsite ? headerData?.iosDownloadLink : headerData?.iosUrl;
1139
-
1140
- // console.log(iosLink, 'sakshat ios link');
1141
-
1142
1124
  return /*#__PURE__*/React__default["default"].createElement("div", {
1143
1125
  className: classes.listSection
1144
1126
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -1162,9 +1144,9 @@ function OptionList({
1162
1144
  list: moreContent,
1163
1145
  label: 'More',
1164
1146
  icon: arrowDown
1165
- }) : null, isTutorWebsite && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, isAndroidDelisted && !headerData.navs ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, renderDownloadAppButton()) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, !headerData?.navs && renderAppDownloadLinks())), isMobile ? downloadApkURL?.length > 0 || headerData?.androidDownloadLink?.length || headerData?.iosDownloadLink?.length > 0 || headerData?.iosUrl?.length > 0 ? /*#__PURE__*/React__default["default"].createElement(Button, {
1147
+ }) : null, isTutorWebsite && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, isAndroidDelisted && !headerData.navs ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, renderDownloadAppButton()) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, !headerData?.navs && renderAppDownloadLinks())), isMobile ? downloadApkURL?.length > 0 || headerData?.appLink?.length > 0 ? /*#__PURE__*/React__default["default"].createElement(Button, {
1166
1148
  data: {
1167
- link: isAndroidDelisted ? getAppDownloadLink(downloadApkURL, iosLink) : getAppDownloadLink(headerData?.androidDownloadLink, iosLink),
1149
+ link: downloadApkURL ? downloadApkURL : headerData?.appLink,
1168
1150
  isLink: 1,
1169
1151
  value: downloadAppText,
1170
1152
  isExternal: 1
@@ -1288,7 +1270,8 @@ function DesktopHeader({
1288
1270
  header,
1289
1271
  navData,
1290
1272
  isTutorWebsite,
1291
- isLandingPage = false
1273
+ isLandingPage = false,
1274
+ onDownloadAppTriggered
1292
1275
  }) {
1293
1276
  const {
1294
1277
  isFixed = true
@@ -1322,9 +1305,6 @@ function DesktopHeader({
1322
1305
  }
1323
1306
  return moreContent;
1324
1307
  };
1325
-
1326
- // console.log(header, 'sakshat header desktop');
1327
-
1328
1308
  return /*#__PURE__*/React__default["default"].createElement("nav", {
1329
1309
  className: classes.section
1330
1310
  }, !(header?.websiteLogo === DEFAULT_HEADER_IMAGE_LP && isCustomWebsite) ? /*#__PURE__*/React__default["default"].createElement("div", {
@@ -1357,7 +1337,8 @@ function DesktopHeader({
1357
1337
  isMobile: false,
1358
1338
  isLandingPages: isLandingPage,
1359
1339
  moreContent: moreContentFn(),
1360
- isTutorWebsite: isTutorWebsite
1340
+ isTutorWebsite: isTutorWebsite,
1341
+ onDownloadAppTriggered: onDownloadAppTriggered
1361
1342
  }))) : /*#__PURE__*/React__default["default"].createElement("div", {
1362
1343
  style: {
1363
1344
  paddingTop: '30px'
@@ -1365,11 +1346,16 @@ function DesktopHeader({
1365
1346
  }));
1366
1347
  }
1367
1348
 
1349
+ 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";
1350
+
1351
+ 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";
1352
+
1368
1353
  function MobileHeader({
1369
1354
  header,
1370
1355
  navData,
1371
1356
  isTutorWebsite,
1372
- isLandingPage = false
1357
+ isLandingPage = false,
1358
+ onDownloadAppTriggered
1373
1359
  }) {
1374
1360
  const {
1375
1361
  isCustomWebsite,
@@ -1397,35 +1383,91 @@ function MobileHeader({
1397
1383
  body?.removeAttribute('style');
1398
1384
  }
1399
1385
  }, [sideMenu]);
1386
+ let iosUrl = null;
1387
+ let androidUrl = null;
1400
1388
  let downloadLink = null;
1401
1389
  const downloadAppText = countryCode === 'KR' ? '앱다운로드' : 'Download App';
1402
- const apkURL = header?.apkURL;
1403
- const isAndroidDelisted = header?.isAndroidDelisted;
1404
- const iosDownloadLink = header?.iosDownloadLink;
1405
- const androidDownloadLink = header?.androidDownloadLink;
1406
-
1407
- // console.log(header, 'sakshat header mobile');
1408
-
1409
1390
  if (isTutorWebsite) {
1410
- if (isAndroidDelisted && apkURL) {
1411
- downloadLink = /*#__PURE__*/React__default["default"].createElement(Button, {
1391
+ console.log("potato");
1392
+ if (header?.iosUrl) {
1393
+ iosUrl = /*#__PURE__*/React__default["default"].createElement(Button, {
1394
+ data: {
1395
+ link: header?.iosUrl,
1396
+ isLink: 1,
1397
+ value: /*#__PURE__*/React__default["default"].createElement("img", {
1398
+ src: phoneIos,
1399
+ alt: "iosUrl"
1400
+ }),
1401
+ isExternal: 1
1402
+ },
1403
+ type: '',
1404
+ size: 'small',
1405
+ target: 'blank',
1406
+ rel: null,
1407
+ style: {
1408
+ padding: 0,
1409
+ paddingRight: '8px'
1410
+ }
1411
+ });
1412
+ }
1413
+ if (header?.androidURL) {
1414
+ androidUrl = /*#__PURE__*/React__default["default"].createElement(Button, {
1412
1415
  data: {
1413
- link: getAppDownloadLink(apkURL, iosDownloadLink),
1416
+ link: header?.androidURL,
1414
1417
  isLink: 1,
1418
+ value: /*#__PURE__*/React__default["default"].createElement("img", {
1419
+ src: phoneAndroid,
1420
+ alt: "iosUrl"
1421
+ }),
1422
+ isExternal: 1
1423
+ },
1424
+ type: '',
1425
+ size: 'small',
1426
+ target: 'blank',
1427
+ rel: null,
1428
+ style: {
1429
+ padding: 0
1430
+ }
1431
+ });
1432
+ }
1433
+ if (header?.isAndroidDelisted && header?.apkURL) {
1434
+ downloadLink = /*#__PURE__*/React__default["default"].createElement(Button, {
1435
+ data: {
1415
1436
  value: downloadAppText,
1416
1437
  isExternal: 1
1417
1438
  },
1418
1439
  type: 'primary',
1419
1440
  size: 'small',
1420
1441
  target: 'blank',
1442
+ rel: null,
1443
+ onClick: () => {
1444
+ window.open(header?.iosUrl ? header?.iosUrl : header?.apkURL, "_blank");
1445
+ if (!header?.iosUrl && typeof onDownloadAppTriggered == "function") {
1446
+ onDownloadAppTriggered(header?.isAndroidDelisted, header?.apkURL);
1447
+ }
1448
+ }
1449
+ });
1450
+ } else if (iosUrl && androidUrl) {
1451
+ downloadLink = /*#__PURE__*/React__default["default"].createElement("div", null, iosUrl, androidUrl);
1452
+ } else if (header?.iosUrl) {
1453
+ downloadLink = /*#__PURE__*/React__default["default"].createElement(Button, {
1454
+ data: {
1455
+ link: header?.iosUrl,
1456
+ isLink: 1,
1457
+ value: header?.downloadAppButtonText || downloadAppText,
1458
+ isExternal: 1
1459
+ },
1460
+ type: 'primary',
1461
+ size: 'small',
1462
+ target: 'blank',
1421
1463
  rel: null
1422
1464
  });
1423
- } else if (androidDownloadLink?.length || iosDownloadLink?.length) {
1465
+ } else if (header?.androidURL) {
1424
1466
  downloadLink = /*#__PURE__*/React__default["default"].createElement(Button, {
1425
1467
  data: {
1426
- link: getAppDownloadLink(androidDownloadLink, iosDownloadLink),
1468
+ link: header?.androidURL,
1427
1469
  isLink: 1,
1428
- value: downloadAppText,
1470
+ value: header?.downloadAppButtonText || downloadAppText,
1429
1471
  isExternal: 1
1430
1472
  },
1431
1473
  type: 'primary',
@@ -1437,24 +1479,27 @@ function MobileHeader({
1437
1479
  downloadLink = null;
1438
1480
  }
1439
1481
  } else {
1440
- if (isAndroidDelisted && apkURL) {
1482
+ if (header?.isAndroidDelisted && header?.apkURL) {
1441
1483
  downloadLink = /*#__PURE__*/React__default["default"].createElement(Button, {
1442
1484
  data: {
1443
- link: getAppDownloadLink(header?.apkURL, header?.iosUrl),
1444
- isLink: 1,
1445
1485
  value: downloadAppText,
1446
1486
  isExternal: 1
1447
1487
  },
1448
1488
  type: 'primary',
1449
1489
  size: 'small',
1450
1490
  target: 'blank',
1451
- rel: null
1491
+ rel: null,
1492
+ onClick: () => {
1493
+ window.open(header?.iosUrl ? header?.iosUrl : header?.apkURL, "_blank");
1494
+ if (!header?.iosUrl && typeof onDownloadAppTriggered == "function") {
1495
+ onDownloadAppTriggered(header?.isAndroidDelisted, header?.apkURL);
1496
+ }
1497
+ }
1452
1498
  });
1453
- } else if (header?.appLink || header?.iosUrl) {
1454
- console.log('inside custom website');
1499
+ } else if (header?.appLink) {
1455
1500
  downloadLink = /*#__PURE__*/React__default["default"].createElement(Button, {
1456
1501
  data: {
1457
- link: getAppDownloadLink(header?.appLink, header?.iosUrl),
1502
+ link: header?.appLink,
1458
1503
  isLink: 1,
1459
1504
  value: downloadAppText,
1460
1505
  isExternal: 1
@@ -1526,7 +1571,8 @@ function MobileHeader({
1526
1571
 
1527
1572
  function Header({
1528
1573
  data,
1529
- isLandingPage
1574
+ isLandingPage,
1575
+ extraProps
1530
1576
  }) {
1531
1577
  const {
1532
1578
  isMobile,
@@ -1539,12 +1585,14 @@ function Header({
1539
1585
  navData: filterHiddenNavs(),
1540
1586
  header: data,
1541
1587
  isTutorWebsite: isTutorWebsite,
1542
- isLandingPage: isLandingPage
1588
+ isLandingPage: isLandingPage,
1589
+ onDownloadAppTriggered: extraProps.DownloadAppButtonTriggered
1543
1590
  }) : /*#__PURE__*/React__default["default"].createElement(DesktopHeader, {
1544
1591
  navData: filterHiddenNavs(),
1545
1592
  header: data,
1546
1593
  isTutorWebsite: isTutorWebsite,
1547
- isLandingPage: isLandingPage
1594
+ isLandingPage: isLandingPage,
1595
+ onDownloadAppTriggered: extraProps.DownloadAppButtonTriggered
1548
1596
  });
1549
1597
  }
1550
1598
 
@@ -1583,7 +1631,6 @@ const useSectionStyles$9 = createUseStyles(theme => ({
1583
1631
 
1584
1632
  // '& img': { maxHeight: '55px' }
1585
1633
  },
1586
-
1587
1634
  upperContainerItem1Img: {
1588
1635
  maxHeight: '55px',
1589
1636
  paddingBottom: '84px',
@@ -2010,7 +2057,6 @@ const mobilePadding = {
2010
2057
  // 24px
2011
2058
  medium: baseFactor * 6 // 48px
2012
2059
  };
2013
-
2014
2060
  const padding = {
2015
2061
  minute: baseFactor * 2,
2016
2062
  // 16px
@@ -2070,13 +2116,17 @@ function getTheme(colorTheme = 'blue', fontFamily = 'Arial', isMobile) {
2070
2116
  const shape = {
2071
2117
  borderRadius
2072
2118
  };
2119
+ const spacing = {
2120
+ padding: isMobile ? mobilePadding : padding,
2121
+ margin: isMobile ? mobileMargin : margin
2122
+ };
2073
2123
  return {
2074
2124
  palette,
2075
2125
  shape,
2076
2126
  typography,
2077
2127
  shadows: generateShadows(palette),
2078
- borders: generateBorders(palette)
2079
- // spacing
2128
+ borders: generateBorders(palette),
2129
+ spacing
2080
2130
  };
2081
2131
  }
2082
2132
 
@@ -2198,178 +2248,6 @@ const defaultMetadata = {
2198
2248
  layout: defaultLayout
2199
2249
  };
2200
2250
 
2201
- const GRADIENT = `linear-gradient`;
2202
- const allColors = {
2203
- white: '#FFFFFF',
2204
- black: '#000000',
2205
- lightblack: '#333333',
2206
- gray: '#999999',
2207
- bannerRed: '#EB5757',
2208
- // Blue gradient
2209
-
2210
- blue: '#1676F3',
2211
- bluegradient: `${GRADIENT}(180deg,#5418D1 0.42%,#2C88FF 79.92%)`,
2212
- tertiaryblue: '#F4F9FF',
2213
- // Orange gradient
2214
-
2215
- orange: '#FF9000',
2216
- orangegradient: `${GRADIENT}(138deg, #E96263 12.32%, #EAAE4C 98.22%)`,
2217
- tertiaryorange: '#FFF6EA',
2218
- // Pink gradient
2219
-
2220
- pink: '#F72585',
2221
- pinkgradient: `${GRADIENT}(135deg, #F97794 0%, #623AA2 100%)`,
2222
- tertiarypink: '#FEE9F3',
2223
- // Violet gradient
2224
-
2225
- violet: '#6026A8',
2226
- violetgradient: `${GRADIENT}(226deg, #B66EC0 -12.73%, #460FA1 104.66%)`,
2227
- tertiaryviolet: '#F5F2FA',
2228
- // Teal gradient
2229
-
2230
- teal: '#46A9A9',
2231
- tealgradient: `${GRADIENT}(135deg, #0E5CAD 0%, #79F1A4 100%)`,
2232
- tertiaryteal: '#F4FAFA',
2233
- //Red solid
2234
-
2235
- red: '#F41828',
2236
- tertiaryred: '#FFF2F3',
2237
- // Green
2238
-
2239
- green: '#8ECE19',
2240
- tertiarygreen: '#F4FAFA',
2241
- //Maroon solid
2242
-
2243
- rust: '#9B2226',
2244
- tertiaryrust: '#FFF0F0',
2245
- //Purple solid
2246
-
2247
- purple: '#6269C9',
2248
- tertiarypurple: '#F4F6FF',
2249
- //Golden gradient
2250
-
2251
- golden: `#F2BA35`,
2252
- goldengradient: `${GRADIENT}(180deg, #F0EA88 0%, #CFA749 99.48%)`,
2253
- //light green gradient
2254
-
2255
- lightgreen: `#D6E359`,
2256
- lightgreengradient: `${GRADIENT}(180deg, #D6E359 0%, #9DB545 100%)`,
2257
- //light blue gradient
2258
-
2259
- lightblue: `#A8EDF8`,
2260
- lightbluegradient: `${GRADIENT}(90deg, #A8EDF8 0.29%, #5EC9E1 97.33%)`,
2261
- skyblue: '#00ADE7',
2262
- tertiaryskyblue: '#F2FCFF'
2263
- };
2264
-
2265
- const generateTheme = (theme = 'blue', fontFamily = 'Arial', isMobile) => {
2266
- let themeColor = theme.split('-');
2267
- let color, gradient, darkMode;
2268
- if (themeColor.length === 1) {
2269
- color = themeColor[0] == 'default' ? 'skyblue' : themeColor[0];
2270
- } else if (themeColor.length === 2) {
2271
- color = themeColor[0];
2272
- gradient = themeColor[1];
2273
- } else {
2274
- color = themeColor[0];
2275
- gradient = themeColor[1];
2276
- darkMode = themeColor[2];
2277
- }
2278
- console.log('color', allColors, gradient, darkMode);
2279
-
2280
- // switch (color) {
2281
- // case solidColors:
2282
- // break;
2283
-
2284
- // case gradientColors:
2285
- // break;
2286
-
2287
- // default:
2288
- // break;
2289
- // }
2290
-
2291
- // type 1
2292
- // const solidColors = {
2293
- // font1: solidBaseColors?.black,
2294
- // font2: solidBaseColors?.black,
2295
- // font3: solidBaseColors?.black,
2296
- // font4: solidBaseColors?.black,
2297
- // AccentColor: solidBaseColors[theme],
2298
- // background1: solidBaseColors?.white,
2299
- // background2: solidBaseColors['tertiary' + theme],
2300
- // background3: solidBaseColors['tertiary' + theme],
2301
- // ctaColor: solidBaseColors[theme],
2302
- // CtaTextColor: solidBaseColors?.white,
2303
- // icon: solidBaseColors[theme],
2304
- // iconBg: solidBaseColors['tertiary' + theme],
2305
- // stripBg: solidBaseColors[theme],
2306
- // stripText: solidBaseColors?.white,
2307
- // inputBorderColor: solidBaseColors?.blue2,
2308
- // tertiaryBlue2: solidBaseColors?.tertiaryblue2
2309
- // };
2310
-
2311
- //type 2
2312
- // const gradientColors = {
2313
- // font1: gradientBaseColors?.white,
2314
- // font2: gradientBaseColors?.black,
2315
- // font3: gradientBaseColors?.black,
2316
- // font4: gradientBaseColors?.white,
2317
- // AccentColor: gradientBaseColors[theme],
2318
- // background1: gradientBaseColors[theme + 'gradient'],
2319
- // background2: gradientBaseColors['tertiary' + theme],
2320
- // background3: gradientBaseColors[theme + 'gradient'],
2321
- // ctaColor: gradientBaseColors[theme + 'gradient'],
2322
- // CtaTextColor: gradientBaseColors?.white,
2323
- // icon: gradientBaseColors[theme],
2324
- // iconBg: gradientBaseColors['tertiary' + theme],
2325
- // stripBg: gradientBaseColors?.black,
2326
- // stripText: gradientBaseColors?.white
2327
- // };
2328
-
2329
- const colors = {
2330
- font1: gradient ? allColors?.white : allColors?.black,
2331
- font2: darkMode ? allColors[color] : allColors?.black,
2332
- font3: darkMode ? allColors?.white : allColors?.black,
2333
- font4: darkMode ? allColors[color] : gradient ? allColors?.white : allColors?.black,
2334
- AccentColor: allColors[color],
2335
- background1: darkMode ? allColors?.lightblack : gradient ? allColors[color + 'gradient'] : allColors?.white,
2336
- background2: darkMode ? allColors?.lightblack : allColors['tertiary' + color],
2337
- background3: darkMode ? allColors?.lightblack : gradient ? allColors[color + 'gradient'] : allColors['tertiary' + color],
2338
- ctaColor: darkMode ? allColors[color + 'gradient'] : gradient ? allColors[color + 'gradient'] : allColors[color],
2339
- CtaTextColor: darkMode ? allColors?.lightblack : allColors?.white,
2340
- icon: allColors[color],
2341
- iconBg: darkMode ? allColors?.lightblack : allColors['tertiary' + color],
2342
- stripBg: darkMode ? allColors[color + 'gradient'] : allColors?.black,
2343
- stripText: darkMode ? allColors?.lightblack : allColors?.white,
2344
- inputBorderColor: allColors?.blue2,
2345
- tertiaryBlue2: allColors?.tertiaryblue2,
2346
- white: allColors?.white,
2347
- black: allColors?.black,
2348
- lightblack: allColors?.lightblack,
2349
- gray: allColors?.gray,
2350
- bannerColor: darkMode ? allColors[color] : gradient ? allColors?.white : allColors?.bannerRed,
2351
- bannerCtaColor: gradient ? allColors?.lightblack : allColors?.white,
2352
- headerText: allColors[color],
2353
- headerHover: allColors['tertiary' + color]
2354
- };
2355
- const typography = {
2356
- fontFamily: `"${fontFamily}", "Roboto", "Helvetica", "Arial", "sans-serif"`,
2357
- fontSize: isMobile ? fontSizeMob : fontSize,
2358
- fontWeight
2359
- };
2360
- // const shape = { borderRadius };
2361
- const spacing = {
2362
- padding: isMobile ? mobilePadding : padding,
2363
- margin: isMobile ? mobileMargin : margin
2364
- };
2365
- return {
2366
- ...getTheme(theme),
2367
- typography,
2368
- spacing,
2369
- colors
2370
- };
2371
- };
2372
-
2373
2251
  function PageRenderer$1({
2374
2252
  pageData: {
2375
2253
  metadata: {
@@ -2426,7 +2304,7 @@ function PageRenderer$1({
2426
2304
  countryCode,
2427
2305
  currencySymbol
2428
2306
  }), [isMobile, isLandingPages, layout, baseURLs, hashToken, isPreview, isEdit, templateId, navList, isMasterTemplate, basePath, validations, isTutorWebsite, extraProps, hideLogin, _id, countryCode, currencySymbol]);
2429
- const theme = React.useMemo(() => generateTheme(color, font, context.isMobile), [color, font, context.isMobile]);
2307
+ const theme = React.useMemo(() => getTheme(color, font, context.isMobile), [color, font, context.isMobile]);
2430
2308
  const Wrapper = SectionWrapper || React.Fragment;
2431
2309
  return /*#__PURE__*/React__default["default"].createElement(ThemeProvider, {
2432
2310
  theme: theme
@@ -2464,7 +2342,7 @@ const useSectionStyles$8 = createUseStyles(theme => ({
2464
2342
  padding: ({
2465
2343
  isMobile
2466
2344
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
2467
- background: theme?.colors?.background2,
2345
+ backgroundColor: theme?.palette?.background?.primary,
2468
2346
  '&, & *, & *:before, & *:after': {
2469
2347
  fontFamily: theme?.typography?.fontFamily,
2470
2348
  boxSizing: 'border-box'
@@ -2476,7 +2354,6 @@ const useSectionStyles$8 = createUseStyles(theme => ({
2476
2354
  // }
2477
2355
  // }
2478
2356
  },
2479
-
2480
2357
  sectionContainer: {
2481
2358
  margin: '0 auto',
2482
2359
  maxWidth: ({
@@ -2522,14 +2399,14 @@ const useSectionStyles$8 = createUseStyles(theme => ({
2522
2399
  marginBottom: '8px',
2523
2400
  fontSize: theme.typography.fontSize.subHead,
2524
2401
  letterSpacing: '3px',
2525
- color: theme?.colors?.font3,
2402
+ color: theme?.palette?.font?.default,
2526
2403
  wordBreak: 'break-word',
2527
2404
  maxWidth: '100%'
2528
2405
  },
2529
2406
  heading: {
2530
2407
  margin: '0',
2531
2408
  fontSize: theme.typography.fontSize.h1,
2532
- color: theme?.colors?.font3,
2409
+ color: theme?.palette?.font?.default,
2533
2410
  wordBreak: ({
2534
2411
  wordBreakValue
2535
2412
  }) => wordBreakValue || 'break-word',
@@ -2538,7 +2415,7 @@ const useSectionStyles$8 = createUseStyles(theme => ({
2538
2415
  },
2539
2416
  description: {
2540
2417
  margin: `${theme.spacing.margin.tiny}px 0px`,
2541
- color: theme?.colors?.font3,
2418
+ color: theme?.palette?.font?.primary,
2542
2419
  lineHeight: '24px',
2543
2420
  wordBreak: 'break-word'
2544
2421
  },
@@ -2655,7 +2532,7 @@ const useCarouselStyles = createUseStyles(theme => ({
2655
2532
  width: '26px',
2656
2533
  background: ({
2657
2534
  inverted
2658
- } = {}) => !!inverted ? theme?.palette?.font?.invertedDefault : theme.colors.AccentColor
2535
+ } = {}) => !!inverted ? theme?.palette?.font?.invertedDefault : theme.palette.primary.main
2659
2536
  },
2660
2537
  '@media screen and (max-width: 767px)': {
2661
2538
  sliderClass: {
@@ -2691,7 +2568,7 @@ const useArrowButtonStyles = createUseStyles(theme => ({
2691
2568
  height: sizeHandler,
2692
2569
  border: ({
2693
2570
  inverted
2694
- }) => `solid 1px ${inverted ? theme?.palette?.font?.invertedDefault : theme?.colors?.AccentColor}`,
2571
+ }) => `solid 1px ${inverted ? theme?.palette?.font?.invertedDefault : theme?.palette?.primary?.light}`,
2695
2572
  borderRadius: '50%',
2696
2573
  display: 'flex',
2697
2574
  justifyContent: 'center',
@@ -2713,7 +2590,7 @@ function ArrowButton(props) {
2713
2590
  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
2714
2591
  height: props.size === 'small' ? '12px' : '18px',
2715
2592
  name: "Angle",
2716
- color: props.inverted ? theme?.palette?.font?.invertedDefault : theme?.colors?.AccentColor,
2593
+ color: props.inverted ? theme?.palette?.font?.invertedDefault : theme?.palette?.primary?.main,
2717
2594
  inverted: true
2718
2595
  }));
2719
2596
  }
@@ -2923,6 +2800,7 @@ const useSectionStyles$7 = createUseStyles(theme => ({
2923
2800
  justifyContent: 'center',
2924
2801
  flexDirection: 'column',
2925
2802
  alignItems: 'center',
2803
+ backgroundColor: theme?.palette?.background?.default,
2926
2804
  '&, & *, & *:before, & *:after': {
2927
2805
  fontFamily: theme?.typography?.fontFamily,
2928
2806
  boxSizing: 'border-box'
@@ -2940,7 +2818,7 @@ const useSectionStyles$7 = createUseStyles(theme => ({
2940
2818
  subTitleHeading: {
2941
2819
  marginBottom: '8px',
2942
2820
  fontSize: theme.typography.fontSize.subHead,
2943
- color: theme?.colors?.black,
2821
+ color: theme?.palette?.font?.default,
2944
2822
  alignItems: 'center',
2945
2823
  textAlign: 'center',
2946
2824
  wordBreak: 'break-word',
@@ -2950,7 +2828,7 @@ const useSectionStyles$7 = createUseStyles(theme => ({
2950
2828
  heading: {
2951
2829
  marginBottom: theme.spacing.margin.tiny,
2952
2830
  fontSize: theme.typography.fontSize.h2,
2953
- color: theme?.colors?.black,
2831
+ color: theme?.palette?.font?.default,
2954
2832
  fontWeight: theme.typography.fontWeight.bold,
2955
2833
  textAlign: 'center',
2956
2834
  wordBreak: 'break-word'
@@ -2967,7 +2845,7 @@ const useSectionStyles$7 = createUseStyles(theme => ({
2967
2845
  display: 'flex',
2968
2846
  width: 'calc(100% - 200px)',
2969
2847
  alignItems: 'center',
2970
- background: theme?.colors?.white,
2848
+ background: theme?.palette?.background?.default,
2971
2849
  boxShadow: theme?.shadows?.primary,
2972
2850
  borderRadius: theme?.shape?.borderRadius?.regular,
2973
2851
  overflow: 'hidden',
@@ -2991,13 +2869,33 @@ const useSectionStyles$7 = createUseStyles(theme => ({
2991
2869
  '& $contentText': {
2992
2870
  marginLeft: '170px'
2993
2871
  }
2872
+ },
2873
+ '&:nth-child(7n+1) $contentNumber': {
2874
+ background: palettes.purple.primary.lightest
2875
+ },
2876
+ '&:nth-child(7n+2) $contentNumber': {
2877
+ background: palettes.orange.primary.lightest
2878
+ },
2879
+ '&:nth-child(7n+3) $contentNumber': {
2880
+ background: palettes.red.primary.lightest
2881
+ },
2882
+ '&:nth-child(7n+4) $contentNumber': {
2883
+ background: palettes.green.primary.lightest
2884
+ },
2885
+ '&:nth-child(7n+5) $contentNumber': {
2886
+ background: palettes.pink.primary.lightest
2887
+ },
2888
+ '&:nth-child(7n+6) $contentNumber': {
2889
+ background: palettes.blue.primary.lightest
2890
+ },
2891
+ '&:nth-child(7n) $contentNumber': {
2892
+ background: palettes.rust.primary.lightest
2994
2893
  }
2995
2894
  },
2996
2895
  contentNumber: {
2997
2896
  position: 'absolute',
2998
2897
  top: '0',
2999
2898
  fontWeight: '700',
3000
- background: theme?.colors?.background3,
3001
2899
  fontSize: '72px',
3002
2900
  letterSpacing: '-3px',
3003
2901
  display: 'flex',
@@ -3005,7 +2903,7 @@ const useSectionStyles$7 = createUseStyles(theme => ({
3005
2903
  justifyContent: 'center',
3006
2904
  padding: '48px',
3007
2905
  height: '100%',
3008
- color: theme?.colors?.font4,
2906
+ color: theme?.palette?.font?.default,
3009
2907
  wordBreak: 'break-word'
3010
2908
  },
3011
2909
  contentText: {
@@ -3017,14 +2915,14 @@ const useSectionStyles$7 = createUseStyles(theme => ({
3017
2915
  fontWeight: theme.typography.fontWeight.bold,
3018
2916
  lineHeight: '32px',
3019
2917
  marginBottom: '8px',
3020
- color: theme?.colors?.lightblack,
2918
+ color: theme?.palette?.font?.default,
3021
2919
  wordBreak: 'break-word'
3022
2920
  },
3023
2921
  contentPara: {
3024
2922
  fontStyle: 'normal',
3025
2923
  fontSize: '16px',
3026
2924
  lineHeight: '26px',
3027
- color: theme?.colors?.gray,
2925
+ color: theme?.palette?.font?.primary,
3028
2926
  wordBreak: 'break-word'
3029
2927
  },
3030
2928
  '@media screen and (max-width: 767px)': {
@@ -3046,7 +2944,6 @@ const useSectionStyles$7 = createUseStyles(theme => ({
3046
2944
  // padding: '0'
3047
2945
  }
3048
2946
  },
3049
-
3050
2947
  '&:nth-child(2n+1)': {
3051
2948
  marginRight: '0',
3052
2949
  '& $contentText': {
@@ -3056,7 +2953,6 @@ const useSectionStyles$7 = createUseStyles(theme => ({
3056
2953
  }
3057
2954
  }
3058
2955
  },
3059
-
3060
2956
  contentNumber: {
3061
2957
  width: '100%',
3062
2958
  padding: '24px',
@@ -3437,7 +3333,6 @@ const useSectionStyles$5 = createUseStyles(theme => {
3437
3333
  return {
3438
3334
  section: {
3439
3335
  padding: `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
3440
- background: theme?.colors?.background2,
3441
3336
  '&, & *, & *:before, & *:after': {
3442
3337
  fontFamily: theme?.typography?.fontFamily,
3443
3338
  boxSizing: 'border-box'
@@ -3449,7 +3344,6 @@ const useSectionStyles$5 = createUseStyles(theme => {
3449
3344
  // }
3450
3345
  // }
3451
3346
  },
3452
-
3453
3347
  sectionContainer: {
3454
3348
  margin: '0 auto',
3455
3349
  maxWidth: ({
@@ -3463,7 +3357,6 @@ const useSectionStyles$5 = createUseStyles(theme => {
3463
3357
 
3464
3358
  // padding: `${theme?.spacing?.padding?.regular}px ${theme?.spacing?.padding?.medium}px 0px ${theme?.spacing?.padding?.medium}px`
3465
3359
  },
3466
-
3467
3360
  imageContainerDiv: {
3468
3361
  width: '50%',
3469
3362
  position: 'relative'
@@ -3481,7 +3374,7 @@ const useSectionStyles$5 = createUseStyles(theme => {
3481
3374
  }
3482
3375
  },
3483
3376
  imageBorder: {
3484
- // border: `2px solid ${theme?.palette?.primary?.light}`,
3377
+ border: `2px solid ${theme?.palette?.primary?.light}`,
3485
3378
  borderRadius: theme?.shape?.borderRadius?.small,
3486
3379
  position: 'absolute',
3487
3380
  width: '100%',
@@ -3506,13 +3399,13 @@ const useSectionStyles$5 = createUseStyles(theme => {
3506
3399
  marginBottom: '8px',
3507
3400
  fontSize: theme?.typography?.fontSize?.subHead,
3508
3401
  letterSpacing: '3px',
3509
- color: theme?.colors?.font3,
3402
+ color: theme?.palette?.font?.default,
3510
3403
  wordBreak: 'break-word'
3511
3404
  },
3512
3405
  heading: {
3513
3406
  margin: '0',
3514
3407
  fontSize: theme?.typography?.fontSize?.h1,
3515
- color: theme?.colors?.font3,
3408
+ color: theme?.palette?.font?.default,
3516
3409
  wordBreak: ({
3517
3410
  wordBreakValue
3518
3411
  }) => wordBreakValue || 'break-word',
@@ -3522,7 +3415,7 @@ const useSectionStyles$5 = createUseStyles(theme => {
3522
3415
  description: {
3523
3416
  marginTop: theme.spacing.margin.tiny,
3524
3417
  marginBottom: theme.spacing.margin.tiny,
3525
- color: theme?.colors?.font3,
3418
+ color: theme?.palette?.font?.primary,
3526
3419
  lineHeight: '24px',
3527
3420
  wordBreak: 'break-word'
3528
3421
  },
@@ -3535,7 +3428,6 @@ const useSectionStyles$5 = createUseStyles(theme => {
3535
3428
  width: '100%'
3536
3429
  // padding: `${theme?.spacing?.padding?.medium}px ${theme?.spacing?.padding?.regular}px`
3537
3430
  },
3538
-
3539
3431
  imageContainer: {
3540
3432
  height: 'unset !important',
3541
3433
  '& img': {
@@ -3688,16 +3580,16 @@ const useSectionStyles$4 = createUseStyles(theme => ({
3688
3580
  containerWidth
3689
3581
  } = {}) => containerWidth
3690
3582
  },
3691
- // partialBackground: {
3692
- // top: '0',
3693
- // left: '0',
3694
- // width: '100%',
3695
- // height: '50%',
3696
- // position: 'absolute',
3697
- // background: theme?.palette?.background?.primary
3698
- // },
3583
+ partialBackground: {
3584
+ top: '0',
3585
+ left: '0',
3586
+ width: '100%',
3587
+ height: '50%',
3588
+ position: 'absolute',
3589
+ background: theme?.palette?.background?.primary
3590
+ },
3699
3591
  sectionContainer: {
3700
- backgroundColor: theme?.colors?.background2,
3592
+ backgroundColor: theme?.palette?.background?.default,
3701
3593
  boxShadow: theme?.shadows?.secondary,
3702
3594
  borderRadius: theme?.shape?.borderRadius?.regular,
3703
3595
  padding: theme.spacing.padding.small,
@@ -3708,7 +3600,7 @@ const useSectionStyles$4 = createUseStyles(theme => ({
3708
3600
  fontWeight: theme.typography.fontWeight.bold,
3709
3601
  lineHeight: '71px',
3710
3602
  letterSpacing: '-3px',
3711
- color: theme?.colors?.font3,
3603
+ color: theme?.palette?.font?.default,
3712
3604
  marginBottom: theme.spacing.padding.tiny,
3713
3605
  wordBreak: 'break-word'
3714
3606
  },
@@ -3720,7 +3612,7 @@ const useSectionStyles$4 = createUseStyles(theme => ({
3720
3612
  title: {
3721
3613
  fontSize: theme.typography.fontSize.h6,
3722
3614
  lineHeight: '32px',
3723
- color: theme?.colors?.font3,
3615
+ color: theme?.palette?.font?.primary,
3724
3616
  wordBreak: 'break-word',
3725
3617
  flex: 1
3726
3618
  },
@@ -3848,8 +3740,8 @@ const inputStyles = createUseStyles(theme => ({
3848
3740
  inputField: {
3849
3741
  width: '100%',
3850
3742
  // maxWidth: '314px',
3851
- // background: theme?.palette?.background?.default,
3852
- border: `1px solid ${theme?.colors?.icon}`,
3743
+ background: theme?.palette?.background?.default,
3744
+ border: `1px solid ${theme?.palette?.border?.secondary}`,
3853
3745
  borderRadius: theme?.shape?.borderRadius?.regular,
3854
3746
  padding: '14px 12px',
3855
3747
  display: 'flex',
@@ -3863,7 +3755,7 @@ const inputStyles = createUseStyles(theme => ({
3863
3755
  fontWeight: '400',
3864
3756
  fontSize: '16px',
3865
3757
  lineHeight: '20px',
3866
- color: theme?.colors?.black,
3758
+ color: theme?.palette?.font?.primary,
3867
3759
  fontFamily: theme?.typography?.fontFamily
3868
3760
  },
3869
3761
  '&:focus': {
@@ -4063,6 +3955,7 @@ var index$h = /*#__PURE__*/Object.freeze({
4063
3955
 
4064
3956
  const useTestimonialStyles = createUseStyles(theme => ({
4065
3957
  testimonialContainer: {
3958
+ background: theme?.palette?.background?.primary,
4066
3959
  overflow: 'hidden',
4067
3960
  padding: `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
4068
3961
  '&, & *, & *:before, & *:after': {
@@ -4080,14 +3973,14 @@ const useTestimonialStyles = createUseStyles(theme => ({
4080
3973
  } = {}) => containerWidth
4081
3974
  },
4082
3975
  testimonialText: {
4083
- color: theme?.colors?.lightblack,
3976
+ color: theme?.palette?.font?.default,
4084
3977
  fontSize: theme.typography.fontSize.subHead,
4085
3978
  wordBreak: 'break-word',
4086
3979
  textTransform: 'uppercase'
4087
3980
  },
4088
3981
  testimonialHeader: {
4089
3982
  fontSize: theme.typography.fontSize.h2,
4090
- color: theme?.colors?.lightblack,
3983
+ color: theme?.palette?.font?.default,
4091
3984
  fontWeight: theme.typography.fontWeight.bold,
4092
3985
  marginBottom: theme.spacing.margin.tiny,
4093
3986
  marginTop: '8px',
@@ -4104,7 +3997,7 @@ const useTestimonialStyles = createUseStyles(theme => ({
4104
3997
  position: 'relative',
4105
3998
  height: 'calc(100% - 12px)',
4106
3999
  width: 'calc(100% - 24px)',
4107
- background: theme?.colors?.background1,
4000
+ background: theme?.palette?.background?.default,
4108
4001
  boxShadow: theme?.shadows?.primary,
4109
4002
  borderRadius: theme?.shape?.borderRadius?.regular
4110
4003
  },
@@ -4131,7 +4024,7 @@ const useTestimonialStyles = createUseStyles(theme => ({
4131
4024
  marginBottom: theme.spacing.margin.tiny,
4132
4025
  fontSize: theme.typography.fontSize.body,
4133
4026
  wordBreak: 'break-word',
4134
- color: theme?.colors?.font1,
4027
+ color: theme?.palette?.font?.primary,
4135
4028
  lineHeight: '26px'
4136
4029
  },
4137
4030
  userContainer: {
@@ -4160,7 +4053,7 @@ const useTestimonialStyles = createUseStyles(theme => ({
4160
4053
  marginRight: '16px'
4161
4054
  },
4162
4055
  userName: {
4163
- color: theme?.colors?.font1,
4056
+ color: theme?.palette?.font?.default,
4164
4057
  margin: '0',
4165
4058
  fontSize: theme.typography.fontSize.h5,
4166
4059
  // paddingTop: '16px',
@@ -4179,6 +4072,19 @@ const useTestimonialStyles = createUseStyles(theme => ({
4179
4072
  testimonialContainer: {
4180
4073
  padding: `${theme.spacing.padding.medium}px ${theme.spacing.padding.small}px`
4181
4074
  },
4075
+ // testimonialCardAndText: {
4076
+ // margin: '0 20px'
4077
+ // },
4078
+
4079
+ // testimonialHeader: {
4080
+ // fontSize: '24px',
4081
+ // color: theme?.palette?.font?.default,
4082
+ // margin: '4px 0 12px 0',
4083
+ // overflow: 'hidden',
4084
+ // // whiteSpace: 'nowrap',
4085
+ // wordBreak: 'break-word',
4086
+ // textOverflow: 'ellipsis'
4087
+ // },
4182
4088
  testimonialText: {
4183
4089
  textAlign: 'center'
4184
4090
  },
@@ -4231,7 +4137,7 @@ function QuotesComponent() {
4231
4137
  width: "28px",
4232
4138
  height: "21px",
4233
4139
  name: "Quote",
4234
- color: theme?.colors?.icon
4140
+ color: theme?.palette?.primary?.main
4235
4141
  }));
4236
4142
  }
4237
4143
 
@@ -4542,7 +4448,6 @@ const useVideoTestimonialStyles = createUseStyles(theme => {
4542
4448
  fontFamily: theme?.typography?.fontFamily
4543
4449
  // boxSizing: 'border-box'
4544
4450
  },
4545
-
4546
4451
  '& h2,& h3,& p': {
4547
4452
  marginTop: '0'
4548
4453
  }
@@ -4567,7 +4472,6 @@ const useVideoTestimonialStyles = createUseStyles(theme => {
4567
4472
  wordBreak: 'break-word'
4568
4473
  // marginBottom: '8px'
4569
4474
  },
4570
-
4571
4475
  videoTestimonialTitle: {
4572
4476
  fontSize: theme.typography.fontSize.h2,
4573
4477
  // lineHeight: '71px',
@@ -4761,7 +4665,7 @@ const useVideoStyles = createUseStyles(theme => {
4761
4665
  padding: ({
4762
4666
  isMobile
4763
4667
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
4764
- backgroundColor: theme?.colors?.background2,
4668
+ backgroundColor: theme?.palette?.background?.primary,
4765
4669
  '&, & *, & *:before, & *:after': {
4766
4670
  fontFamily: theme?.typography?.fontFamily,
4767
4671
  boxSizing: 'border-box'
@@ -4784,7 +4688,7 @@ const useVideoStyles = createUseStyles(theme => {
4784
4688
  fontSize: theme.typography.fontSize.subHead,
4785
4689
  textTransform: 'uppercase',
4786
4690
  lineHeight: '20px',
4787
- color: theme?.colors?.font2,
4691
+ color: theme?.palette?.font?.default,
4788
4692
  letterSpacing: '3px',
4789
4693
  wordBreak: 'break-word'
4790
4694
  },
@@ -4795,14 +4699,14 @@ const useVideoStyles = createUseStyles(theme => {
4795
4699
  letterSpacing: '-3px',
4796
4700
  marginBottom: theme.spacing.margin.tiny,
4797
4701
  marginTop: '8px',
4798
- color: theme?.colors?.font2,
4702
+ color: theme?.palette?.font?.default,
4799
4703
  wordBreak: 'break-word'
4800
4704
  },
4801
4705
  sliderContainer: {
4802
4706
  marginRight: `-${theme.spacing.padding.medium}px`
4803
4707
  },
4804
4708
  singleSlideContainer: {
4805
- backgroundColor: 'white',
4709
+ backgroundColor: theme?.palette?.background?.default,
4806
4710
  // margin: '20px',
4807
4711
  width: 'calc(100% - 24px)',
4808
4712
  height: 'calc(100% - 40px)',
@@ -4839,14 +4743,14 @@ const useVideoStyles = createUseStyles(theme => {
4839
4743
  fontWeight: theme.typography.fontWeight.bold,
4840
4744
  lineHeight: '32px',
4841
4745
  marginBottom: '8px',
4842
- color: theme?.colors?.lightblack,
4746
+ color: theme?.palette?.font?.default,
4843
4747
  wordBreak: 'break-word'
4844
4748
  },
4845
4749
  videoDetailsSubHeading: {
4846
4750
  fontSize: theme.typography.fontSize.body,
4847
4751
  lineHeight: '24px',
4848
4752
  wordBreak: 'break-word',
4849
- color: theme?.colors?.gray
4753
+ color: theme?.palette?.font?.primary
4850
4754
  },
4851
4755
  '@media (max-width: 767px)': {
4852
4756
  videoHeading: {
@@ -4993,10 +4897,11 @@ var index$e = /*#__PURE__*/Object.freeze({
4993
4897
 
4994
4898
  const useSectionStyles$3 = createUseStyles(theme => ({
4995
4899
  section: {
4900
+ position: 'relative',
4996
4901
  padding: ({
4997
4902
  isMobile
4998
4903
  } = {}) => 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`,
4999
- background: `linear-gradient(180deg, ${theme?.colors?.background2} 50%, #FFFFFF 50%)`,
4904
+ backgroundColor: theme?.palette?.background?.default,
5000
4905
  '&, & *, & *:before, & *:after': {
5001
4906
  fontFamily: theme?.typography?.fontFamily,
5002
4907
  boxSizing: 'border-box'
@@ -5008,20 +4913,27 @@ const useSectionStyles$3 = createUseStyles(theme => ({
5008
4913
  // }
5009
4914
  // }
5010
4915
  },
5011
-
5012
4916
  sectionContainer: {
5013
4917
  margin: '0 auto',
5014
4918
  maxWidth: ({
5015
4919
  containerWidth
5016
4920
  } = {}) => containerWidth
5017
4921
  },
4922
+ partialBackground: {
4923
+ position: 'absolute',
4924
+ top: '0',
4925
+ left: '0',
4926
+ height: '50%',
4927
+ background: theme?.palette?.background?.primary,
4928
+ width: '100%'
4929
+ },
5018
4930
  content: {
5019
4931
  position: 'relative'
5020
4932
  },
5021
4933
  subTitleHeading: {
5022
4934
  width: '100%',
5023
4935
  fontSize: theme.typography.fontSize.subHead,
5024
- color: theme?.colors?.font2,
4936
+ color: theme?.palette?.font?.default,
5025
4937
  textTransform: 'uppercase',
5026
4938
  textAlign: 'left',
5027
4939
  lineHeight: '20px',
@@ -5033,7 +4945,7 @@ const useSectionStyles$3 = createUseStyles(theme => ({
5033
4945
  fontSize: theme.typography.fontSize.h2,
5034
4946
  width: '100%',
5035
4947
  lineHeight: '70px',
5036
- color: theme?.colors?.font2,
4948
+ color: theme?.palette?.font?.default,
5037
4949
  textAlign: 'left',
5038
4950
  wordBreak: 'break-word'
5039
4951
  },
@@ -5043,7 +4955,7 @@ const useSectionStyles$3 = createUseStyles(theme => ({
5043
4955
  // },
5044
4956
 
5045
4957
  card: {
5046
- background: theme?.colors?.white,
4958
+ background: theme?.palette?.background?.default,
5047
4959
  boxShadow: theme?.shadows?.primary,
5048
4960
  borderRadius: theme.shape.borderRadius.large,
5049
4961
  margin: ({
@@ -5064,7 +4976,7 @@ const useSectionStyles$3 = createUseStyles(theme => ({
5064
4976
  textAlign: 'center',
5065
4977
  fontSize: theme.typography.fontSize.h6,
5066
4978
  fontWeight: theme.typography.fontWeight.bold,
5067
- color: theme?.colors?.lightblack,
4979
+ color: theme?.palette?.font?.default,
5068
4980
  margin: `16px 0px`,
5069
4981
  wordBreak: 'break-word'
5070
4982
  },
@@ -5076,7 +4988,7 @@ const useSectionStyles$3 = createUseStyles(theme => ({
5076
4988
  alignItems: 'center',
5077
4989
  justifyContent: 'center',
5078
4990
  borderRadius: '50%',
5079
- background: theme?.colors?.background2
4991
+ background: theme?.palette?.background?.primary
5080
4992
  },
5081
4993
  buttonContainerClass: {
5082
4994
  marginRight: theme.spacing.margin.regular,
@@ -5090,7 +5002,7 @@ const useSectionStyles$3 = createUseStyles(theme => ({
5090
5002
  textAlign: 'center',
5091
5003
  fontSize: theme.typography.fontSize.body,
5092
5004
  lineHeight: '22px',
5093
- color: theme?.colors?.gray,
5005
+ color: theme?.palette?.font?.primary,
5094
5006
  margin: '0',
5095
5007
  wordBreak: 'break-word'
5096
5008
  },
@@ -5176,7 +5088,7 @@ function Info({
5176
5088
  className: classes.imageContainer
5177
5089
  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
5178
5090
  name: dt.icon.metadata.value,
5179
- color: theme?.colors?.icon,
5091
+ color: theme.palette.primary.main,
5180
5092
  width: isMobile ? '30px' : '40px',
5181
5093
  height: isMobile ? '30px' : '40px'
5182
5094
  })), /*#__PURE__*/React__default["default"].createElement("h3", {
@@ -5233,7 +5145,7 @@ const useSectionStyles$2 = createUseStyles(theme => ({
5233
5145
  padding: ({
5234
5146
  isMobile
5235
5147
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
5236
- backgroundColor: theme?.colors?.background2,
5148
+ backgroundColor: theme?.palette?.background?.default,
5237
5149
  '&, & *, & *:before, & *:after': {
5238
5150
  fontFamily: theme?.typography?.fontFamily,
5239
5151
  boxSizing: 'border-box'
@@ -5250,7 +5162,7 @@ const useSectionStyles$2 = createUseStyles(theme => ({
5250
5162
  subHeading: {
5251
5163
  fontSize: theme.typography.fontSize.subHead,
5252
5164
  marginBottom: '8px',
5253
- color: theme?.colors?.font3,
5165
+ color: theme?.palette?.font?.default,
5254
5166
  wordBreak: 'break-word',
5255
5167
  textTransform: 'uppercase',
5256
5168
  letterSpacing: '3px'
@@ -5260,7 +5172,7 @@ const useSectionStyles$2 = createUseStyles(theme => ({
5260
5172
  fontWeight: theme.typography.fontWeight.bold,
5261
5173
  lineHeight: 'normal',
5262
5174
  margin: '0',
5263
- color: theme?.colors?.font3,
5175
+ color: theme?.palette?.font?.default,
5264
5176
  wordBreak: 'break-word',
5265
5177
  marginBottom: theme.spacing.margin.tiny
5266
5178
  },
@@ -5271,7 +5183,7 @@ const useSectionStyles$2 = createUseStyles(theme => ({
5271
5183
  padding: '32px 0px'
5272
5184
  },
5273
5185
  textPara: {
5274
- color: theme?.colors?.font3,
5186
+ color: theme?.palette?.font?.primary,
5275
5187
  wordBreak: 'break-word',
5276
5188
  fontSize: theme.typography.fontSize.body,
5277
5189
  lineHeight: '24px'
@@ -5366,7 +5278,6 @@ const usePhotoGalleryStyles = createUseStyles(theme => {
5366
5278
  // }
5367
5279
  // }
5368
5280
  },
5369
-
5370
5281
  sectionContainer: {
5371
5282
  margin: '0 auto',
5372
5283
  maxWidth: ({
@@ -5397,7 +5308,6 @@ const usePhotoGalleryStyles = createUseStyles(theme => {
5397
5308
  position: 'relative',
5398
5309
  paddingBottom: '59.83%' // keeping aspect ratio 585x350
5399
5310
  },
5400
-
5401
5311
  contentRow: {
5402
5312
  display: 'grid',
5403
5313
  gridTemplateColumns: ({
@@ -5578,7 +5488,7 @@ const useFaqListStyles = createUseStyles(theme => ({
5578
5488
  padding: ({
5579
5489
  isMobile
5580
5490
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
5581
- backgroundColor: theme?.colors?.background2,
5491
+ backgroundColor: theme?.palette?.background?.primary,
5582
5492
  '&, & *, & *:before, & *:after': {
5583
5493
  fontFamily: theme?.typography?.fontFamily,
5584
5494
  boxSizing: 'border-box'
@@ -5593,7 +5503,7 @@ const useFaqListStyles = createUseStyles(theme => ({
5593
5503
  } = {}) => containerWidth
5594
5504
  },
5595
5505
  sectionSubheading: {
5596
- color: theme?.colors?.font3,
5506
+ color: theme?.palette?.font.default,
5597
5507
  fontSize: theme.typography.fontSize.subHead,
5598
5508
  marginBottom: '8px',
5599
5509
  wordBreak: 'break-word'
@@ -5602,16 +5512,15 @@ const useFaqListStyles = createUseStyles(theme => ({
5602
5512
  fontSize: theme.typography.fontSize.h2,
5603
5513
  fontWeight: theme.typography.fontWeight.bold,
5604
5514
  wordBreak: 'break-word',
5605
- marginBottom: `${theme.spacing.margin.tiny}px`,
5606
- color: theme?.colors?.font3
5515
+ marginBottom: `${theme.spacing.margin.tiny}px`
5607
5516
  },
5608
5517
  container: {
5609
5518
  boxShadow: theme?.shadows?.secondary,
5610
5519
  borderRadius: '8px',
5611
- backgroundColor: theme?.colors?.white
5520
+ backgroundColor: theme?.palette?.background?.default
5612
5521
  },
5613
5522
  basicCardContainer: {
5614
- borderBottom: `1px solid #D8E0F0`,
5523
+ borderBottom: theme?.borders?.secondary,
5615
5524
  padding: `${theme.spacing.padding.tiny}px`
5616
5525
  },
5617
5526
  innerContainer: {
@@ -5630,14 +5539,14 @@ const useFaqListStyles = createUseStyles(theme => ({
5630
5539
  alignItems: 'center'
5631
5540
  },
5632
5541
  title: {
5633
- color: theme?.colors?.lightblack,
5542
+ color: theme?.palette?.font.default,
5634
5543
  fontSize: theme.typography.fontSize.h5,
5635
5544
  fontWeight: theme.typography.fontWeight.bold,
5636
5545
  margin: '0',
5637
5546
  wordBreak: 'break-word'
5638
5547
  },
5639
5548
  content: {
5640
- color: theme?.colors?.lightblack,
5549
+ color: theme?.palette?.font.primary,
5641
5550
  fontSize: theme.typography.fontSize.body,
5642
5551
  lineHeight: '24px',
5643
5552
  maxHeight: ({
@@ -5757,10 +5666,11 @@ var index$a = /*#__PURE__*/Object.freeze({
5757
5666
 
5758
5667
  const useTextGridStyles = createUseStyles(theme => ({
5759
5668
  section: {
5760
- background: theme.colors.background1,
5761
5669
  padding: ({
5762
5670
  isMobile
5763
5671
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
5672
+ // backgroundColor: theme?.palette?.background?.primary,
5673
+
5764
5674
  '&, & *, & *:before, & *:after': {
5765
5675
  fontFamily: theme?.typography?.fontFamily,
5766
5676
  boxSizing: 'border-box'
@@ -5768,6 +5678,12 @@ const useTextGridStyles = createUseStyles(theme => ({
5768
5678
  '& h2,& h3,& p': {
5769
5679
  marginTop: '0'
5770
5680
  }
5681
+ // '& h2,& h3': {
5682
+ // fontWeight: '500',
5683
+ // '& b,& strong': {
5684
+ // fontWeight: '700'
5685
+ // }
5686
+ // }
5771
5687
  },
5772
5688
  sectionContainer: {
5773
5689
  margin: '0 auto',
@@ -5776,7 +5692,7 @@ const useTextGridStyles = createUseStyles(theme => ({
5776
5692
  } = {}) => containerWidth
5777
5693
  },
5778
5694
  subheading: {
5779
- color: theme?.colors?.font1,
5695
+ color: theme?.palette?.font.default,
5780
5696
  fontSize: theme.typography.fontSize.subHead,
5781
5697
  lineHeight: '20px',
5782
5698
  letterSpacing: '3px',
@@ -5790,8 +5706,7 @@ const useTextGridStyles = createUseStyles(theme => ({
5790
5706
  fontWeight: theme.typography.fontWeight.bold,
5791
5707
  letterSpacing: '-3px',
5792
5708
  marginBottom: theme.spacing.margin.tiny,
5793
- wordBreak: 'break-word',
5794
- color: theme?.colors?.font1
5709
+ wordBreak: 'break-word'
5795
5710
  },
5796
5711
  sliderContainer: {
5797
5712
  margin: '0 -10px'
@@ -5944,7 +5859,6 @@ const useCourseStyles = createUseStyles(theme => {
5944
5859
  // }
5945
5860
  // }
5946
5861
  },
5947
-
5948
5862
  sectionContainer: {
5949
5863
  margin: '0 auto',
5950
5864
  maxWidth: ({
@@ -5977,7 +5891,6 @@ const useCourseStyles = createUseStyles(theme => {
5977
5891
  // textAlign: 'center',
5978
5892
  // wordBreak: 'break-word'
5979
5893
  },
5980
-
5981
5894
  slickContainer: {
5982
5895
  marginRight: '-20px'
5983
5896
  },
@@ -6025,7 +5938,6 @@ const useCourseStyles = createUseStyles(theme => {
6025
5938
  justifyContent: 'space-between'
6026
5939
  //alignItems: 'center',
6027
5940
  },
6028
-
6029
5941
  courseCardTags: {
6030
5942
  display: 'flex',
6031
5943
  justifyContent: 'flex-start',
@@ -6056,12 +5968,11 @@ const useCourseStyles = createUseStyles(theme => {
6056
5968
  // whiteSpace: 'nowrap',
6057
5969
  // textOverflow: 'ellipsis'
6058
5970
  },
6059
-
6060
5971
  courseCardDiscount: {
6061
5972
  display: 'flex',
6062
5973
  justifyContent: 'flex-start',
6063
5974
  alignItems: 'center',
6064
- fontSize: theme.typography.fontSize.body,
5975
+ fontSize: theme.typography.fontSize.subHead,
6065
5976
  color: theme?.palette?.font?.primary,
6066
5977
  '& img': {
6067
5978
  marginRight: '5px'
@@ -6094,8 +6005,8 @@ const useCourseStyles = createUseStyles(theme => {
6094
6005
  },
6095
6006
  courseCardBuyBtn: {
6096
6007
  cursor: 'pointer',
6097
- background: theme?.colors?.ctaColor,
6098
- color: theme?.colors?.CtaTextColor,
6008
+ background: theme?.palette?.primary?.main,
6009
+ color: theme?.palette?.font?.invertedDefault,
6099
6010
  padding: '8px 16px',
6100
6011
  fontWeight: theme.typography.fontWeight.bold,
6101
6012
  cursor: 'pointer',
@@ -6163,7 +6074,6 @@ const useCourseStyles = createUseStyles(theme => {
6163
6074
  // whiteSpace: 'nowrap',
6164
6075
  // textOverflow: 'ellipsis'
6165
6076
  },
6166
-
6167
6077
  singleCard: {
6168
6078
  margin: '6px 2px'
6169
6079
  // width: 'calc(100% - 12px)'
@@ -6194,6 +6104,13 @@ async function getCourseList(baseURLs, hashToken) {
6194
6104
 
6195
6105
  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";
6196
6106
 
6107
+ function getShortenedSubstring(name, length, allowDots = true) {
6108
+ if (name) {
6109
+ return name.length < length ? name : `${name.substr(0, length)}${allowDots && '...'}`;
6110
+ }
6111
+ return '';
6112
+ }
6113
+
6197
6114
  const formatCurrency = (countryCode, value, currencySymbol) => {
6198
6115
  let formattedValue = Number(value);
6199
6116
  const getFormattedValue = (countryCode, currencySymbol, value) => {
@@ -6461,10 +6378,11 @@ var index$8 = /*#__PURE__*/Object.freeze({
6461
6378
  const useTeamStyles = createUseStyles(theme => {
6462
6379
  return {
6463
6380
  teamSuperContainer: {
6464
- background: `linear-gradient(180deg, ${theme?.colors?.background2} 50%, #FFFFFF 50%)`,
6465
6381
  padding: ({
6466
6382
  isMobile
6467
6383
  } = {}) => 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`,
6384
+ // backgroundColor: theme?.palette?.background?.primary,
6385
+
6468
6386
  '&, & *, & *:before, & *:after': {
6469
6387
  fontFamily: theme?.typography?.fontFamily,
6470
6388
  boxSizing: 'border-box'
@@ -6485,17 +6403,25 @@ const useTeamStyles = createUseStyles(theme => {
6485
6403
  lineHeight: '20px',
6486
6404
  letterSpacing: '3px',
6487
6405
  marginBottom: '8px',
6488
- color: theme?.colors?.font2,
6406
+ color: theme?.palette?.font?.default,
6489
6407
  // wordBreak: 'break-word',
6490
6408
  position: 'relative'
6491
6409
  },
6410
+ partialBackground: {
6411
+ position: 'absolute',
6412
+ top: '0',
6413
+ left: '0',
6414
+ height: '50%',
6415
+ background: theme?.palette?.background?.primary,
6416
+ width: '100%'
6417
+ },
6492
6418
  teamTitle: {
6493
6419
  fontSize: theme.typography.fontSize.h2,
6494
6420
  fontWeight: theme.typography.fontWeight.bold,
6495
6421
  lineHeight: '70px',
6496
6422
  letterSpacing: '-3px',
6497
6423
  wordBreak: 'break-word',
6498
- color: theme?.colors?.font2,
6424
+ color: theme?.palette?.font?.default,
6499
6425
  position: 'relative'
6500
6426
  },
6501
6427
  sliderContainer: {
@@ -6539,7 +6465,6 @@ const useTeamStyles = createUseStyles(theme => {
6539
6465
  margin: '20px 0 0'
6540
6466
  // overflowWrap: 'break-word'
6541
6467
  },
6542
-
6543
6468
  teamDetailsHeading: {
6544
6469
  fontSize: theme.typography.fontSize.h6,
6545
6470
  fontWeight: theme.typography.fontWeight.bold,
@@ -6583,14 +6508,15 @@ const useTeamStyles = createUseStyles(theme => {
6583
6508
  // margin: '15px 0 0',
6584
6509
  // paddingBottom: '0'
6585
6510
  },
6586
-
6587
6511
  teamDetailsHeading: {
6588
6512
  fontSize: '16px',
6589
6513
  lineHeight: '24px',
6590
- margin: '0'
6514
+ margin: '0',
6515
+ color: theme?.palette?.font?.body
6591
6516
  },
6592
6517
  teamDetailsSubHeading: {
6593
- marginTop: '0px'
6518
+ marginTop: '0px',
6519
+ color: theme?.palette?.font?.primary
6594
6520
  }
6595
6521
  }
6596
6522
  };
@@ -6701,7 +6627,7 @@ const useSectionStyles$1 = createUseStyles(theme => ({
6701
6627
  justifyContent: 'center',
6702
6628
  flexDirection: 'column',
6703
6629
  alignItems: 'center',
6704
- background: `linear-gradient(180deg, ${theme?.colors?.background2} 50%, #FFFFFF 50%)`,
6630
+ backgroundColor: theme?.palette?.background?.default,
6705
6631
  padding: ({
6706
6632
  isMobile
6707
6633
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
@@ -6716,23 +6642,22 @@ const useSectionStyles$1 = createUseStyles(theme => ({
6716
6642
  // }
6717
6643
  // }
6718
6644
  },
6719
-
6720
6645
  formContainer: {
6721
6646
  margin: '0 auto',
6722
6647
  maxWidth: ({
6723
6648
  containerWidth
6724
6649
  } = {}) => containerWidth
6725
6650
  },
6726
- // partialBackground: {
6727
- // top: '0',
6728
- // left: '0',
6729
- // width: '100%',
6730
- // height: '50%',
6731
- // position: 'absolute',
6732
- // background: theme?.colors?.white
6733
- // },
6651
+ partialBackground: {
6652
+ top: '0',
6653
+ left: '0',
6654
+ width: '100%',
6655
+ height: '50%',
6656
+ position: 'absolute',
6657
+ background: theme?.palette?.background?.primary
6658
+ },
6734
6659
  sectionContainer: {
6735
- backgroundColor: theme?.colors?.white,
6660
+ backgroundColor: theme?.palette?.background?.default,
6736
6661
  boxShadow: theme?.shadows?.secondary,
6737
6662
  borderRadius: theme?.shape?.borderRadius?.regular,
6738
6663
  padding: '48px',
@@ -6741,7 +6666,7 @@ const useSectionStyles$1 = createUseStyles(theme => ({
6741
6666
  title: {
6742
6667
  margin: '0',
6743
6668
  fontSize: theme.typography.fontSize.h2,
6744
- color: theme?.colors?.lightblack,
6669
+ color: theme?.palette?.font?.default,
6745
6670
  fontWeight: theme.typography.fontWeight.bold,
6746
6671
  lineHeight: '71px',
6747
6672
  letterSpacing: '-3px',
@@ -6753,18 +6678,16 @@ const useSectionStyles$1 = createUseStyles(theme => ({
6753
6678
  display: 'flex'
6754
6679
  // alignItems: 'flex-start',
6755
6680
  },
6756
-
6757
6681
  leftContainerForm: {
6758
6682
  width: '65%',
6759
6683
  display: 'flex',
6760
6684
  flexDirection: 'column'
6761
6685
  // justifyContent: 'space-between'
6762
6686
  },
6763
-
6764
6687
  subtitle: {
6765
6688
  // margin: '0 0 40px 0',
6766
6689
  fontSize: theme.typography.fontSize.h5,
6767
- color: theme?.colors?.lightblack,
6690
+ color: theme?.palette?.font?.default,
6768
6691
  lineHeight: '32px',
6769
6692
  wordBreak: 'break-word',
6770
6693
  marginBottom: '32px'
@@ -6787,7 +6710,7 @@ const useSectionStyles$1 = createUseStyles(theme => ({
6787
6710
  },
6788
6711
  addressText: {
6789
6712
  fontSize: theme.typography.fontSize.h6,
6790
- color: theme?.colors?.lightblack,
6713
+ color: theme?.palette?.font?.default,
6791
6714
  lineHeight: '24px',
6792
6715
  fontSize: '16px'
6793
6716
  },
@@ -6828,7 +6751,6 @@ const useSectionStyles$1 = createUseStyles(theme => ({
6828
6751
  width: '100%'
6829
6752
  // padding: '0 16ox'
6830
6753
  },
6831
-
6832
6754
  rightContainer: {
6833
6755
  width: '100%',
6834
6756
  padding: '0'
@@ -7124,7 +7046,7 @@ const useSectionStyles = createUseStyles(theme => ({
7124
7046
  padding: ({
7125
7047
  isMobile
7126
7048
  } = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
7127
- background: `linear-gradient(180deg, ${theme?.colors?.background2} 50%, #FFFFFF 50%)`,
7049
+ backgroundColor: theme?.palette?.background?.default,
7128
7050
  '&, & *, & *:before, & *:after': {
7129
7051
  fontFamily: theme?.typography?.fontFamily,
7130
7052
  boxSizing: 'border-box'
@@ -7136,7 +7058,6 @@ const useSectionStyles = createUseStyles(theme => ({
7136
7058
  // }
7137
7059
  // }
7138
7060
  },
7139
-
7140
7061
  contactContainer: {
7141
7062
  width: '100%',
7142
7063
  margin: '0 auto',
@@ -7144,8 +7065,16 @@ const useSectionStyles = createUseStyles(theme => ({
7144
7065
  containerWidth
7145
7066
  } = {}) => containerWidth
7146
7067
  },
7068
+ partialBackground: {
7069
+ top: '0',
7070
+ left: '0',
7071
+ width: '100%',
7072
+ height: '50%',
7073
+ position: 'absolute',
7074
+ background: theme?.palette?.background?.primary
7075
+ },
7147
7076
  sectionContainer: {
7148
- backgroundColor: theme?.colors?.white,
7077
+ backgroundColor: theme?.palette?.background?.default,
7149
7078
  boxShadow: theme?.shadows?.secondary,
7150
7079
  borderRadius: theme?.shape?.borderRadius?.regular,
7151
7080
  padding: '48px',
@@ -7154,7 +7083,7 @@ const useSectionStyles = createUseStyles(theme => ({
7154
7083
  title: {
7155
7084
  margin: '0',
7156
7085
  fontSize: theme.typography.fontSize.h2,
7157
- color: theme?.colors?.lightblack?.default,
7086
+ color: theme?.palette?.font?.default,
7158
7087
  lineHeight: '71px',
7159
7088
  letterSpacing: '-3px',
7160
7089
  textAlign: 'left',
@@ -7175,11 +7104,10 @@ const useSectionStyles = createUseStyles(theme => ({
7175
7104
  // justifyContent: 'space-between',
7176
7105
  // flex: 1
7177
7106
  },
7178
-
7179
7107
  subtitle: {
7180
7108
  // margin: '0 0 auto 0',
7181
7109
  fontSize: theme.typography.fontSize.h6,
7182
- color: theme?.colors?.lightblack,
7110
+ color: theme?.palette?.font?.default,
7183
7111
  // lineHeight: '32px',
7184
7112
  // margin: '16px 0',
7185
7113
  textAlign: 'center',
@@ -7210,8 +7138,8 @@ const useSectionStyles = createUseStyles(theme => ({
7210
7138
  inputField: {
7211
7139
  width: '100%',
7212
7140
  // maxWidth: '314px',
7213
- // background: theme?.palette?.background?.default,
7214
- border: `1px solid ${theme?.colors?.cta}`,
7141
+ background: theme?.palette?.background?.default,
7142
+ border: `1px solid ${theme?.palette?.border?.secondary}`,
7215
7143
  borderRadius: theme?.shape?.borderRadius?.regular,
7216
7144
  // padding: '14px 12px',
7217
7145
  display: 'flex',
@@ -7224,7 +7152,7 @@ const useSectionStyles = createUseStyles(theme => ({
7224
7152
  fontWeight: '400',
7225
7153
  fontSize: theme.typography.fontSize.subHead,
7226
7154
  lineHeight: '20px',
7227
- color: theme?.colors?.lightblack,
7155
+ color: theme?.palette?.font?.primary,
7228
7156
  fontFamily: theme?.typography?.fontFamily
7229
7157
  },
7230
7158
  '&:focus': {
@@ -7537,7 +7465,6 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7537
7465
  webinarSuperContainer: {
7538
7466
  display: 'flex',
7539
7467
  justifyContent: 'center',
7540
- background: theme.colors.background1,
7541
7468
  padding: ({
7542
7469
  isMobile
7543
7470
  } = {}) => isMobile ? `${theme.spacing.padding.medium}px ${theme.spacing.padding.regular}px` : `${theme.spacing.padding.regular}px ${theme.spacing.padding.medium}px`,
@@ -7560,6 +7487,30 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7560
7487
  maxWidth: '1440px',
7561
7488
  fontFamily: theme?.typography?.fontFamily
7562
7489
  },
7490
+ // videoTestimonialHeading: {
7491
+ // fontSize: theme.typography.fontSize.subHead,
7492
+ // lineHeight: '20px',
7493
+ // letterSpacing: '3px',
7494
+ // textTransform: 'uppercase',
7495
+ // color: theme.palette.font.tertiary,
7496
+ // wordBreak: 'break-word',
7497
+ // fontWeight: theme.typography.fontWeight.bold,
7498
+ // },
7499
+
7500
+ // videoTestimonialTitle: {
7501
+ // fontSize: theme.typography.fontSize.h2,
7502
+ // lineHeight: '71px',
7503
+ // fontWeight: theme.typography.fontWeight.bold,
7504
+ // letterSpacing: '-3px',
7505
+ // margin: '0',
7506
+ // color: theme.palette.font.default,
7507
+ // wordBreak: 'break-word'
7508
+ // },
7509
+
7510
+ // videoCarouselContainer: {
7511
+ // marginTop: '16px'
7512
+ // },
7513
+
7563
7514
  webinarCarousel: {
7564
7515
  display: 'flex',
7565
7516
  justifyContent: 'flex-start',
@@ -7580,7 +7531,7 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7580
7531
  iframeContainer: {
7581
7532
  width: '100%',
7582
7533
  position: 'relative',
7583
- aspectRatio: '4/3',
7534
+ paddingBottom: '56.25%',
7584
7535
  // top: "6%",
7585
7536
  // left: '5%'
7586
7537
  borderRadius: '8px',
@@ -7588,9 +7539,8 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7588
7539
  },
7589
7540
  offerText: {
7590
7541
  textAlign: 'center',
7591
- color: theme?.colors?.lightblack,
7592
- marginBottom: '5% !important',
7593
- fontWeight: '700'
7542
+ color: theme.palette.font.primary,
7543
+ marginBottom: '5%'
7594
7544
  },
7595
7545
  offerPrice: {
7596
7546
  fontSize: theme.typography.fontSize.h5,
@@ -7615,7 +7565,6 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7615
7565
  marginTop: '5%'
7616
7566
  // padding: '0px 5% 0px 5%'
7617
7567
  },
7618
-
7619
7568
  iframe: {
7620
7569
  position: 'absolute',
7621
7570
  width: '100%',
@@ -7636,7 +7585,7 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7636
7585
  margin: '0',
7637
7586
  letterSpacing: '-1px',
7638
7587
  wordBreak: wordBreakValue => wordBreakValue || 'break-word',
7639
- color: theme?.colors?.font1
7588
+ color: theme.palette.font.default
7640
7589
  },
7641
7590
  courseViewContainer: {
7642
7591
  width: '645px',
@@ -7650,9 +7599,8 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7650
7599
  },
7651
7600
  bannerContainer: {
7652
7601
  width: '100%',
7653
- background: theme?.colors?.bannerColor,
7654
- color: theme?.colors?.bannerCtaColor,
7655
- fontWeight: '600',
7602
+ background: '#EB5757',
7603
+ color: '#fff',
7656
7604
  textAlign: 'center',
7657
7605
  padding: '10px 10px 23px 40px',
7658
7606
  wordWrap: 'break-word',
@@ -7671,26 +7619,24 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7671
7619
  display: 'flex',
7672
7620
  alignItems: 'center',
7673
7621
  marginRight: '20px',
7674
- color: theme?.colors?.font1,
7675
7622
  '& div': {
7676
- fontSize: theme.typography.fontSize.body,
7623
+ fontSize: theme.typography.fontSize.subHead,
7677
7624
  marginLeft: '10px'
7678
7625
  }
7679
7626
  },
7680
7627
  courseDetailContent: {
7681
- fontSize: theme.typography.fontSize.body,
7682
- lineHeight: '21px',
7628
+ fontSize: theme.typography.fontSize.subHead,
7683
7629
  wordBreak: 'break-word',
7684
- color: theme?.colors?.font1,
7630
+ color: theme.palette.font.primary,
7685
7631
  whiteSpace: 'pre-wrap',
7686
7632
  width: '80%'
7687
7633
  },
7688
7634
  courseDetailViewFullDetails: {
7689
7635
  cursor: 'pointer',
7690
- fontSize: theme.typography.fontSize.body,
7636
+ fontSize: theme.typography.fontSize.subHead,
7691
7637
  lineHeight: '24px',
7692
- color: theme?.colors?.font1,
7693
7638
  marginTop: '-20px',
7639
+ color: '#00ADE7',
7694
7640
  wordBreak: 'break-word'
7695
7641
  },
7696
7642
  courseDetailTime: {
@@ -7705,7 +7651,7 @@ const useWebinarPromotionPage = createUseStyles(theme => {
7705
7651
  display: 'flex',
7706
7652
  width: '36px',
7707
7653
  height: '36px',
7708
- backgroundColor: theme?.colors?.icon,
7654
+ backgroundColor: 'rgb(240, 244, 248)',
7709
7655
  justifyContent: 'center',
7710
7656
  alignItems: 'center',
7711
7657
  borderRadius: '6px'
@@ -7897,15 +7843,14 @@ const SingleVideoSlide$1 = props => {
7897
7843
  className: classes.iconBackground
7898
7844
  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
7899
7845
  name: 'Calendar',
7900
- width: "24px",
7901
- color: theme?.colors?.background2
7846
+ color: theme.palette.primary.main
7902
7847
  })), /*#__PURE__*/React__default["default"].createElement("div", null, moment__default["default"](data.startDate).locale(momentLocale).format('Do MMM YY') + ' ', moment__default["default"](data.startTime).locale(momentLocale).format('h:mm A'), /*#__PURE__*/React__default["default"].createElement("span", null, " - "), moment__default["default"](data.endTime).locale(momentLocale).format('h:mm A'))), /*#__PURE__*/React__default["default"].createElement("div", {
7903
7848
  className: classes.courseDetailTag
7904
7849
  }, /*#__PURE__*/React__default["default"].createElement("span", {
7905
7850
  className: classes.iconBackground
7906
7851
  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
7907
- color: theme?.colors?.background2,
7908
- width: "24px",
7852
+ color: theme.palette.primary.main,
7853
+ width: "20px",
7909
7854
  name: `${data.webinarLocation === 'Location' ? 'Location' : 'Video'}`
7910
7855
  })), /*#__PURE__*/React__default["default"].createElement("div", null, data.webinarLocation === 'Location' ? data.webinarLink : data.webinarLocation))), /*#__PURE__*/React__default["default"].createElement("p", {
7911
7856
  ref: data?.videoTextContent?.refSetter,
@@ -7963,7 +7908,6 @@ const SingleVideoSlide$1 = props => {
7963
7908
  value: data.isPaid ? buyNowText : registerNowText
7964
7909
  // isExternal: 1
7965
7910
  },
7966
-
7967
7911
  onClick: webinarCtaClick,
7968
7912
  type: 'primary',
7969
7913
  size: 'medium',
@@ -8012,15 +7956,13 @@ var index$4 = /*#__PURE__*/Object.freeze({
8012
7956
  });
8013
7957
 
8014
7958
  const useCoursePromotionPage = createUseStyles(theme => {
8015
- console.log(theme, 'themere');
8016
7959
  return {
8017
7960
  courseSuperContainer: {
8018
7961
  display: 'flex',
8019
7962
  justifyContent: 'center',
8020
- background: theme?.colors?.background1,
8021
7963
  padding: ({
8022
7964
  isMobile
8023
- } = {}) => isMobile ? `${theme.spacing.padding.small}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.regular}px ${theme.spacing.padding.medium}px`,
7965
+ } = {}) => isMobile ? `${theme.spacing.padding.medium}px ${theme.spacing.padding.regular}px` : `${theme.spacing.padding.regular}px ${theme.spacing.padding.medium}px`,
8024
7966
  '&, & *, & *:before, & *:after': {
8025
7967
  fontFamily: theme?.typography?.fontFamily,
8026
7968
  boxSizing: 'border-box'
@@ -8032,7 +7974,6 @@ const useCoursePromotionPage = createUseStyles(theme => {
8032
7974
  // }
8033
7975
  // }
8034
7976
  },
8035
-
8036
7977
  sectionContainer: {
8037
7978
  margin: '0 auto',
8038
7979
  maxWidth: ({
@@ -8084,14 +8025,13 @@ const useCoursePromotionPage = createUseStyles(theme => {
8084
8025
  iframeContainer: {
8085
8026
  width: '100%',
8086
8027
  position: 'relative',
8087
- aspectRatio: '4/3',
8088
- borderRadius: '8px',
8089
- overflow: 'hidden'
8028
+ paddingBottom: '56.25%'
8029
+ // top: "6%",
8030
+ // left: '5%'
8090
8031
  },
8091
8032
  offerText: {
8092
8033
  textAlign: 'center',
8093
- color: theme.palette.font.primary,
8094
- fontWeight: '700'
8034
+ color: theme.palette.font.primary
8095
8035
  },
8096
8036
  offerPrice: {
8097
8037
  fontSize: theme.typography.fontSize.h4,
@@ -8138,7 +8078,7 @@ const useCoursePromotionPage = createUseStyles(theme => {
8138
8078
  margin: '0',
8139
8079
  letterSpacing: '-1px',
8140
8080
  wordBreak: 'break-word',
8141
- color: theme?.colors?.font1
8081
+ color: theme.palette.font.default
8142
8082
  },
8143
8083
  courseViewContainer: {
8144
8084
  width: '445px',
@@ -8150,22 +8090,19 @@ const useCoursePromotionPage = createUseStyles(theme => {
8150
8090
  // paddingBottom: '10px',
8151
8091
  // paddingTop: '10px'
8152
8092
  },
8153
-
8154
8093
  bannerContainer: {
8155
8094
  width: '100%',
8156
- background: theme?.colors?.bannerColor,
8157
- color: theme?.colors?.bannerCtaColor,
8158
- fontWeight: '600',
8095
+ background: '#EB5757',
8096
+ color: '#fff',
8159
8097
  textAlign: 'center',
8160
8098
  padding: '10px 10px 23px 40px',
8161
8099
  wordWrap: 'break-word',
8162
8100
  position: 'relative',
8163
- fontSize: '14px',
8101
+ fontSize: theme.typography.fontSize.subHead,
8164
8102
  transform: 'rotate(180deg)',
8165
8103
  clipPath: 'polygon(0 0, 100% 0, 100% calc(100% - 10px), 0 calc(100% - 10px), 15px calc(50% - 10px/2))'
8166
8104
  // marginBottom: '16px'
8167
8105
  },
8168
-
8169
8106
  bannerContainerText: {
8170
8107
  transform: 'rotate(180deg)'
8171
8108
  },
@@ -8176,8 +8113,8 @@ const useCoursePromotionPage = createUseStyles(theme => {
8176
8113
  },
8177
8114
  courseEmblem: {
8178
8115
  background: '#F0F4F8',
8179
- fontSize: theme.typography.fontSize.body,
8180
- borderRadius: '4px',
8116
+ fontSize: theme.typography.fontSize.subHead,
8117
+ borderRadius: '2.00337px',
8181
8118
  padding: '8px',
8182
8119
  display: 'flex',
8183
8120
  alignItems: 'center',
@@ -8193,29 +8130,27 @@ const useCoursePromotionPage = createUseStyles(theme => {
8193
8130
  display: 'flex',
8194
8131
  alignItems: 'center',
8195
8132
  marginRight: '20px',
8196
- color: theme?.colors?.font1,
8197
8133
  '& div': {
8198
- fontSize: theme.typography.fontSize.body,
8199
- fontWeight: theme.typography.fontWeight.medium,
8134
+ fontSize: theme.typography.fontSize.subHead,
8135
+ fontWeight: theme.typography.fontWeight.semiBold,
8200
8136
  marginLeft: '10px'
8201
8137
  }
8202
8138
  },
8203
8139
  courseDetailContent: {
8204
- marginTop: '20px',
8205
- fontSize: theme.typography.fontSize.body,
8206
- lineHeight: '21px',
8140
+ // marginTop: '16px',
8141
+ fontSize: theme.typography.fontSize.subHead,
8142
+ lineHeight: '24px',
8207
8143
  wordBreak: 'break-word',
8208
- color: theme?.colors?.font1,
8144
+ color: theme.palette.font.primary,
8209
8145
  whiteSpace: 'pre-wrap',
8210
8146
  margin: '10px 0 20px'
8211
8147
  },
8212
8148
  courseDetailViewFullDetails: {
8213
8149
  cursor: 'pointer',
8214
- fontSize: theme.typography.fontSize.body,
8215
- textDecoration: 'underline',
8216
- lineHeight: '21px',
8217
- marginTop: '20px',
8218
- color: theme.colors?.font1,
8150
+ fontSize: theme.typography.fontSize.subHead,
8151
+ lineHeight: '24px',
8152
+ marginTop: '-24px',
8153
+ color: '#00ADE7',
8219
8154
  wordBreak: 'break-word'
8220
8155
  },
8221
8156
  courseDetailTime: {
@@ -8226,7 +8161,7 @@ const useCoursePromotionPage = createUseStyles(theme => {
8226
8161
  display: 'flex',
8227
8162
  width: '36px',
8228
8163
  height: '36px',
8229
- backgroundColor: theme?.colors?.icon,
8164
+ backgroundColor: 'rgb(240, 244, 248)',
8230
8165
  justifyContent: 'center',
8231
8166
  alignItems: 'center',
8232
8167
  borderRadius: '6px'
@@ -8278,7 +8213,6 @@ const useCoursePromotionPage = createUseStyles(theme => {
8278
8213
  height: 'max-content'
8279
8214
  // paddingRight: '10px'
8280
8215
  },
8281
-
8282
8216
  videoDetails: {
8283
8217
  width: '100%'
8284
8218
  },
@@ -8286,8 +8220,7 @@ const useCoursePromotionPage = createUseStyles(theme => {
8286
8220
  // fontSize: '20px',
8287
8221
  fontWeight: '600',
8288
8222
  lineHeight: 'normal',
8289
- letterSpacing: '0px',
8290
- color: theme?.colors?.font1
8223
+ letterSpacing: '0px'
8291
8224
  },
8292
8225
  videoTestimonialTitle: {
8293
8226
  // fontSize: '24px',
@@ -8456,32 +8389,28 @@ const SingleVideoSlide = props => {
8456
8389
  className: classes.iconBackground
8457
8390
  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
8458
8391
  name: 'Clock',
8459
- width: "24px",
8460
- color: theme?.colors?.background2
8392
+ color: theme.palette.primary.main
8461
8393
  })), /*#__PURE__*/React__default["default"].createElement("div", null, data?.courseOverviewData?.courseDuration?.text)) : null, data?.courseOverviewData?.metaData?.isPhysicalDeliveryEnabled ? /*#__PURE__*/React__default["default"].createElement("div", {
8462
8394
  className: classes.courseDetailTag
8463
8395
  }, /*#__PURE__*/React__default["default"].createElement("span", {
8464
8396
  className: classes.iconBackground
8465
8397
  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
8466
8398
  name: 'Book Saved',
8467
- color: theme?.colors?.background2,
8468
- width: "24px"
8399
+ color: theme.palette.primary.main
8469
8400
  })), /*#__PURE__*/React__default["default"].createElement("div", null, data?.courseOverviewData?.metaData?.isPhysicalDeliveryEnabled ? 'Physical Books' : null)) : null, data?.courseOverviewData?.metaData?.isCertificateEnabled ? /*#__PURE__*/React__default["default"].createElement("div", {
8470
8401
  className: classes.courseDetailTag
8471
8402
  }, /*#__PURE__*/React__default["default"].createElement("span", {
8472
8403
  className: classes.iconBackground
8473
8404
  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
8474
8405
  name: 'Certificate',
8475
- color: theme?.colors?.background2,
8476
- width: "20px"
8477
- })), /*#__PURE__*/React__default["default"].createElement("div", null, data?.courseOverviewData?.metaData?.isCertificateEnabled ? handleCourseCertificateText() : null)) : null, data?.courseOverviewData?.resourseDataText?.heading ? /*#__PURE__*/React__default["default"].createElement("div", {
8406
+ color: theme.palette.primary.main
8407
+ })), /*#__PURE__*/React__default["default"].createElement("div", null, data?.courseOverviewData?.metaData?.isCertificateEnabled ? handleCourseCertificateText() : null)) : null, data?.courseOverviewData?.resourseDataText.heading ? /*#__PURE__*/React__default["default"].createElement("div", {
8478
8408
  className: classes.courseDetailTag
8479
8409
  }, /*#__PURE__*/React__default["default"].createElement("span", {
8480
8410
  className: classes.iconBackground
8481
8411
  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
8482
8412
  name: 'Certificate',
8483
- color: theme?.colors?.background2,
8484
- width: "20px"
8413
+ color: theme.palette.primary.main
8485
8414
  })), /*#__PURE__*/React__default["default"].createElement("div", null, data?.courseOverviewData?.resourseDataText?.heading)) : null), /*#__PURE__*/React__default["default"].createElement("p", {
8486
8415
  ref: data?.videoTextContent?.refSetter,
8487
8416
  className: classes.courseDetailContent,
@@ -8537,7 +8466,6 @@ const SingleVideoSlide = props => {
8537
8466
  value: buyNowText
8538
8467
  // isExternal: 1
8539
8468
  },
8540
-
8541
8469
  onClick: courseBuyNow,
8542
8470
  type: 'primary',
8543
8471
  size: 'medium',
@@ -8608,7 +8536,7 @@ const useFormPageStyles = createUseStyles(theme => ({
8608
8536
  padding: ({
8609
8537
  isMobile
8610
8538
  } = {}) => isMobile ? `${theme.spacing.padding.medium}px ${theme.spacing.padding.regular}px` : `${theme.spacing.padding.regular}px ${theme.spacing.padding.medium}px`,
8611
- background: theme?.colors?.background3,
8539
+ background: '#F4F9FF',
8612
8540
  '&, & *, & *:before, & *:after': {
8613
8541
  fontFamily: theme?.typography?.fontFamily,
8614
8542
  boxSizing: 'border-box'
@@ -8625,7 +8553,7 @@ const useFormPageStyles = createUseStyles(theme => ({
8625
8553
  marginTop: '8px',
8626
8554
  fontSize: theme.typography.fontSize.h6,
8627
8555
  lineHeight: '23px',
8628
- color: theme?.colors?.gray,
8556
+ color: 'rgba(51, 51, 51, 0.5)',
8629
8557
  marginBottom: theme.spacing.margin.tiny
8630
8558
  },
8631
8559
  formPageFormContainer: {
@@ -8642,10 +8570,9 @@ const useFormPageStyles = createUseStyles(theme => ({
8642
8570
  // border: '1px solid #D8E0F0',
8643
8571
  // borderRadius: '16px'
8644
8572
  },
8645
-
8646
8573
  inputFieldLabel: {
8647
- color: theme?.colors?.lightblack,
8648
- fontSize: theme.typography.fontSize.body,
8574
+ color: '#333',
8575
+ fontSize: theme.typography.fontSize.subHead,
8649
8576
  fontWeight: theme.typography.fontWeight.semiBold,
8650
8577
  display: 'block',
8651
8578
  marginTop: '20px',
@@ -8656,8 +8583,8 @@ const useFormPageStyles = createUseStyles(theme => ({
8656
8583
  borderRadius: '8px',
8657
8584
  border: '1px solid #D8E0F0',
8658
8585
  padding: '12px 16px',
8659
- color: theme?.colors?.lightblack,
8660
- fontSize: theme.typography.fontSize.body
8586
+ color: '#7D8592',
8587
+ fontSize: theme.typography.fontSize.subHead
8661
8588
  },
8662
8589
  checkboxField: {
8663
8590
  // padding: '20px',
@@ -8665,21 +8592,21 @@ const useFormPageStyles = createUseStyles(theme => ({
8665
8592
  // borderRadius: '8px'
8666
8593
  },
8667
8594
  checkBoxFieldLabel: {
8668
- color: theme?.colors?.lightblack,
8669
- fontSize: theme.typography.fontSize.body,
8595
+ color: '#333',
8596
+ fontSize: theme.typography.fontSize.subHead,
8670
8597
  fontWeight: theme.typography.fontWeight.semiBold,
8671
8598
  marginTop: '20px',
8672
8599
  marginBottom: '12px'
8673
8600
  },
8674
8601
  inputFieldRequired: {
8675
- color: theme?.colors?.lightblack
8602
+ color: '#F41828'
8676
8603
  },
8677
8604
  checkboxFieldControl: {
8678
8605
  padding: '8px 0',
8679
8606
  '& label': {
8680
- fontSize: theme.typography.fontSize.body,
8607
+ fontSize: theme.typography.fontSize.subHead,
8681
8608
  marginLeft: '10px',
8682
- color: theme?.colors?.lightblack
8609
+ color: '#7D8592'
8683
8610
  }
8684
8611
  },
8685
8612
  submitBtnContainer: {
@@ -8692,7 +8619,8 @@ const useFormPageStyles = createUseStyles(theme => ({
8692
8619
  '& button': {
8693
8620
  // height: '44px',
8694
8621
  padding: '16px 24px',
8695
- fontSize: theme.typography.fontSize.body,
8622
+ color: '#FFFFFF',
8623
+ fontSize: theme.typography.fontSize.subHead,
8696
8624
  cursor: 'pointer',
8697
8625
  borderRadius: '8px'
8698
8626
  }
@@ -8955,7 +8883,6 @@ const FormPage = ({
8955
8883
  value: countryCode === 'KR' ? '제출하기' : 'SUBMIT'
8956
8884
  // isExternal: 1
8957
8885
  },
8958
-
8959
8886
  type: 'primary',
8960
8887
  size: 'medium',
8961
8888
  target: null,
@@ -9138,7 +9065,6 @@ const useEmailStyles = createUseStyles(theme => ({
9138
9065
  height: '48px'
9139
9066
  /* margin: 18px 0px; */
9140
9067
  },
9141
-
9142
9068
  'p-young-guru-title': {
9143
9069
  fontFamily: theme?.typography?.fontFamily,
9144
9070
  fontStyle: 'normal',
@@ -9166,7 +9092,6 @@ const useEmailStyles = createUseStyles(theme => ({
9166
9092
  textAlign: 'center'
9167
9093
  /* padding:35px 0 40px */
9168
9094
  },
9169
-
9170
9095
  'two-columns .column': {
9171
9096
  width: '100%',
9172
9097
  maxWidth: '275px',
@@ -9700,7 +9625,7 @@ function PageRenderer({
9700
9625
  countryCode,
9701
9626
  currencySymbol
9702
9627
  }), [isMobile, isLandingPages, layout, baseURLs, hashToken, isPreview, isEdit, templateId, navList, isMasterTemplate, basePath, validations, isTutorWebsite, extraProps, hideLogin, _id, countryCode, currencySymbol]);
9703
- const theme = React.useMemo(() => generateTheme(color, font, context.isMobile), [color, font, context.isMobile]);
9628
+ const theme = React.useMemo(() => getTheme(color, font, context.isMobile), [color, font, context.isMobile]);
9704
9629
  const Wrapper = SectionWrapper || React.Fragment;
9705
9630
  return /*#__PURE__*/React__default["default"].createElement(ThemeProvider, {
9706
9631
  theme: theme
@@ -9713,7 +9638,8 @@ function PageRenderer({
9713
9638
  isHeader: true
9714
9639
  }, /*#__PURE__*/React__default["default"].createElement(Header, {
9715
9640
  data: header,
9716
- isLandingPage: isLandingPage
9641
+ isLandingPage: isLandingPage,
9642
+ extraProps: extraProps
9717
9643
  })), sections?.length ? sections?.map((sectionData, sectionIndex) => /*#__PURE__*/React__default["default"].createElement(Wrapper, _extends({}, !!SectionWrapper && {
9718
9644
  sectionData,
9719
9645
  sectionIndex