diy-template-components 1.1.0 → 1.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/index.es.js +279 -387
- package/build/index.es.js.map +1 -1
- package/build/index.js +279 -387
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.es.js
CHANGED
|
@@ -361,11 +361,13 @@ const buttonStyles = createUseStyles(theme => ({
|
|
|
361
361
|
textAlign: 'center',
|
|
362
362
|
color: ({
|
|
363
363
|
disabled
|
|
364
|
-
} = {}) => disabled ? colorMixer(theme?.palette?.background?.default, 0.5).color : theme?.
|
|
364
|
+
} = {}) => disabled ? colorMixer(theme?.palette?.background?.default, 0.5).color : theme?.palette?.background?.default,
|
|
365
365
|
background: ({
|
|
366
366
|
disabled
|
|
367
|
-
} = {}) => disabled ? colorMixer(theme?.palette?.primary.main, 0.5).color : theme?.
|
|
368
|
-
border:
|
|
367
|
+
} = {}) => disabled ? colorMixer(theme?.palette?.primary.main, 0.5).color : theme?.palette?.primary?.main,
|
|
368
|
+
border: ({
|
|
369
|
+
disabled
|
|
370
|
+
} = {}) => disabled ? `1px solid ${colorMixer(theme.palette.primary.main, 0.5).color}` : `1px solid ${theme?.palette?.primary?.main}`,
|
|
369
371
|
textDecoration: 'none',
|
|
370
372
|
cursor: ({
|
|
371
373
|
disabled
|
|
@@ -387,13 +389,13 @@ const buttonStyles = createUseStyles(theme => ({
|
|
|
387
389
|
lineHeight: '18px',
|
|
388
390
|
color: ({
|
|
389
391
|
disabled
|
|
390
|
-
} = {}) => disabled ? colorMixer(theme.palette.primary.main, 0.5).color : theme
|
|
392
|
+
} = {}) => disabled ? colorMixer(theme.palette.primary.main, 0.5).color : theme.palette.primary.main,
|
|
391
393
|
background: ({
|
|
392
394
|
disabled
|
|
393
|
-
} = {}) => disabled ? colorMixer(theme?.palette?.
|
|
395
|
+
} = {}) => disabled ? colorMixer(theme?.palette?.background?.default, 0.5).color : theme?.palette?.background?.default,
|
|
394
396
|
border: ({
|
|
395
397
|
disabled
|
|
396
|
-
} = {}) => disabled ? `1px solid ${colorMixer(theme.palette.primary.main, 0.5).color}` : `1px solid ${theme
|
|
398
|
+
} = {}) => disabled ? `1px solid ${colorMixer(theme.palette.primary.main, 0.5).color}` : `1px solid ${theme.palette.primary.main}`,
|
|
397
399
|
cursor: ({
|
|
398
400
|
disabled
|
|
399
401
|
} = {}) => disabled ? 'not-allowed' : 'pointer',
|
|
@@ -1026,6 +1028,25 @@ var appStore = "data:image/svg+xml,%3Csvg%20width%3D%22116%22%20height%3D%2240%2
|
|
|
1026
1028
|
|
|
1027
1029
|
var downloadApkImage = "data:image/png;base64,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";
|
|
1028
1030
|
|
|
1031
|
+
function getShortenedSubstring(name, length, allowDots = true) {
|
|
1032
|
+
if (name) {
|
|
1033
|
+
return name.length < length ? name : `${name.substr(0, length)}${allowDots && '...'}`;
|
|
1034
|
+
}
|
|
1035
|
+
return '';
|
|
1036
|
+
}
|
|
1037
|
+
function getAppDownloadLink(androidLink = '', iosLink = '') {
|
|
1038
|
+
if (typeof window !== 'undefined') {
|
|
1039
|
+
const userAgent = window.navigator?.userAgent;
|
|
1040
|
+
if (/Android/.test(userAgent) && androidLink) {
|
|
1041
|
+
return androidLink;
|
|
1042
|
+
}
|
|
1043
|
+
if (/iPad|iPhone|iPod/.test(userAgent) && iosLink) {
|
|
1044
|
+
return iosLink;
|
|
1045
|
+
}
|
|
1046
|
+
return androidLink || iosLink;
|
|
1047
|
+
}
|
|
1048
|
+
}
|
|
1049
|
+
|
|
1029
1050
|
function OptionList({
|
|
1030
1051
|
optionsData,
|
|
1031
1052
|
headerData,
|
|
@@ -1052,6 +1073,7 @@ function OptionList({
|
|
|
1052
1073
|
};
|
|
1053
1074
|
const tabData = tabsDataModifier();
|
|
1054
1075
|
const classes = useSectionStyles$a();
|
|
1076
|
+
console.log(headerData, 'sakshat header options');
|
|
1055
1077
|
const isAndroidDelisted = headerData?.isAndroidDelisted;
|
|
1056
1078
|
const apkURL = headerData?.apkURL;
|
|
1057
1079
|
const downloadApkURL = isAndroidDelisted && apkURL ? apkURL : null;
|
|
@@ -1097,6 +1119,7 @@ function OptionList({
|
|
|
1097
1119
|
alt: "appStore"
|
|
1098
1120
|
})) : null);
|
|
1099
1121
|
};
|
|
1122
|
+
const iosLink = isTutorWebsite ? headerData?.iosUrl : headerData?.iosDownloadLink;
|
|
1100
1123
|
return /*#__PURE__*/React.createElement("div", {
|
|
1101
1124
|
className: classes.listSection
|
|
1102
1125
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -1120,9 +1143,9 @@ function OptionList({
|
|
|
1120
1143
|
list: moreContent,
|
|
1121
1144
|
label: 'More',
|
|
1122
1145
|
icon: arrowDown
|
|
1123
|
-
}) : null, isTutorWebsite && /*#__PURE__*/React.createElement(React.Fragment, null, isAndroidDelisted && !headerData.navs ? /*#__PURE__*/React.createElement(React.Fragment, null, renderDownloadAppButton()) : /*#__PURE__*/React.createElement(React.Fragment, null, !headerData?.navs && renderAppDownloadLinks())), isMobile ? downloadApkURL?.length > 0 || headerData?.
|
|
1146
|
+
}) : null, isTutorWebsite && /*#__PURE__*/React.createElement(React.Fragment, null, isAndroidDelisted && !headerData.navs ? /*#__PURE__*/React.createElement(React.Fragment, null, renderDownloadAppButton()) : /*#__PURE__*/React.createElement(React.Fragment, null, !headerData?.navs && renderAppDownloadLinks())), isMobile ? downloadApkURL?.length > 0 || headerData?.androidDownloadLink?.length || headerData?.iosDownloadLink?.length > 0 ? /*#__PURE__*/React.createElement(Button, {
|
|
1124
1147
|
data: {
|
|
1125
|
-
link:
|
|
1148
|
+
link: isAndroidDelisted ? getAppDownloadLink(downloadApkURL, iosLink) : getAppDownloadLink(headerData?.androidDownloadLink, iosLink),
|
|
1126
1149
|
isLink: 1,
|
|
1127
1150
|
value: downloadAppText,
|
|
1128
1151
|
isExternal: 1
|
|
@@ -1275,6 +1298,7 @@ function DesktopHeader({
|
|
|
1275
1298
|
}
|
|
1276
1299
|
return moreContent;
|
|
1277
1300
|
};
|
|
1301
|
+
console.log(header, 'sakshat header desktop');
|
|
1278
1302
|
return /*#__PURE__*/React.createElement("nav", {
|
|
1279
1303
|
className: classes.section
|
|
1280
1304
|
}, !(header?.websiteLogo === DEFAULT_HEADER_IMAGE_LP && isCustomWebsite) ? /*#__PURE__*/React.createElement("div", {
|
|
@@ -1315,10 +1339,6 @@ function DesktopHeader({
|
|
|
1315
1339
|
}));
|
|
1316
1340
|
}
|
|
1317
1341
|
|
|
1318
|
-
var phoneIos = "data:image/svg+xml,%3Csvg%20width%3D%2244%22%20height%3D%2244%22%20viewBox%3D%220%200%2044%2044%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20filter%3D%22url%28%23filter0_d_3094_7439%29%22%3E%3Crect%20x%3D%222%22%20y%3D%221%22%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%224%22%20fill%3D%22%23F0F4F8%22%2F%3E%3Cpath%20d%3D%22M30.4539%2016.8288C30.3555%2016.8912%2028.0131%2018.1908%2028.0131%2021.0732C28.1235%2024.3612%2030.9687%2025.5132%2031.0179%2025.5132C30.9699%2025.5744%2030.5883%2027.084%2029.4603%2028.6656C28.5651%2030.0276%2027.5715%2031.4016%2026.0631%2031.4016C24.6279%2031.4016%2024.1119%2030.4932%2022.4559%2030.4932C20.6775%2030.4932%2020.1747%2031.4016%2018.8127%2031.4016C17.3043%2031.4016%2016.2375%2029.9544%2015.2931%2028.6044C14.0667%2026.838%2013.0251%2024.066%2012.9879%2021.4044C12.9627%2019.9944%2013.2327%2018.6084%2013.9191%2017.43C14.8887%2015.786%2016.6179%2014.67%2018.5067%2014.634C19.9539%2014.5848%2021.2427%2015.6264%2022.1247%2015.6264C22.9719%2015.6264%2024.5535%2014.6328%2026.3439%2014.6328C27.1167%2014.634%2029.1783%2014.8668%2030.4539%2016.8288ZM22.0023%2014.352C21.7455%2013.0632%2022.4559%2011.7756%2023.1183%2010.9536C23.9655%209.95998%2025.3023%209.28558%2026.4543%209.28558C26.5287%2010.5744%2026.0619%2011.8368%2025.2279%2012.7572C24.4803%2013.7508%2023.1927%2014.4984%2022.0023%2014.352Z%22%20fill%3D%22%234D4D4D%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3Cfilter%20id%3D%22filter0_d_3094_7439%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2244%22%20height%3D%2244%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22%2F%3E%3CfeOffset%20dy%3D%221%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22%2F%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.4%200%200%200%200%200.4%200%200%200%200%200.4%200%200%200%200.16%200%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_3094_7439%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_dropShadow_3094_7439%22%20result%3D%22shape%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3C%2Fsvg%3E";
|
|
1319
|
-
|
|
1320
|
-
var phoneAndroid = "data:image/svg+xml,%3Csvg%20width%3D%2244%22%20height%3D%2244%22%20viewBox%3D%220%200%2044%2044%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20filter%3D%22url%28%23filter0_d_3094_7442%29%22%3E%3Crect%20x%3D%222%22%20y%3D%221%22%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%224%22%20fill%3D%22%23F0F4F8%22%2F%3E%3Cpath%20d%3D%22M13.9713%2011.7196C13.7108%2012.0303%2013.579%2012.4279%2013.6028%2012.8316V30.3709C13.5804%2030.7744%2013.712%2031.1716%2013.9713%2031.4829L14.0316%2031.5428L23.9128%2021.7144V21.4814L14.0316%2011.6597L13.9713%2011.7196Z%22%20fill%3D%22url%28%23paint0_linear_3094_7442%29%22%2F%3E%3Cpath%20d%3D%22M27.2088%2024.9906L23.9128%2021.7144V21.4814L27.2088%2018.2119L27.2825%2018.2519L31.1881%2020.4559C32.3069%2021.0819%2032.3069%2022.114%2031.1881%2022.7466L27.2825%2024.9506L27.2088%2024.9906Z%22%20fill%3D%22url%28%23paint1_linear_3094_7442%29%22%2F%3E%3Cpath%20d%3D%22M27.2824%2024.9507L23.9328%2021.6213L13.9712%2031.4829C14.2008%2031.6706%2014.4867%2031.777%2014.7838%2031.7854C15.0809%2031.7939%2015.3725%2031.7039%2015.6125%2031.5296L27.2623%2024.9507%22%20fill%3D%22url%28%23paint2_linear_3094_7442%29%22%2F%3E%3Cpath%20d%3D%22M27.2824%2018.2519L15.6125%2011.6663C15.375%2011.4849%2015.0816%2011.391%2014.7822%2011.4007C14.4829%2011.4104%2014.1962%2011.5231%2013.9712%2011.7196L23.9127%2021.6012L27.2824%2018.2519Z%22%20fill%3D%22url%28%23paint3_linear_3094_7442%29%22%2F%3E%3Cpath%20opacity%3D%220.1%22%20d%3D%22M27.209%2024.8774L15.6128%2031.4163C15.3815%2031.5876%2015.1007%2031.6802%2014.8123%2031.6802C14.5238%2031.6802%2014.243%2031.5876%2014.0117%2031.4163L13.9514%2031.4762L14.0117%2031.5362C14.243%2031.7075%2014.5238%2031.8%2014.8123%2031.8C15.1007%2031.8%2015.3815%2031.7075%2015.6128%2031.5362L27.2626%2024.9573L27.209%2024.8774Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20opacity%3D%220.07%22%20d%3D%22M13.9713%2031.3764C13.7116%2031.0627%2013.5801%2030.6633%2013.6029%2030.2577V30.3709C13.5804%2030.7745%2013.712%2031.1716%2013.9713%2031.4829L14.0316%2031.423L13.9713%2031.3764Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20opacity%3D%220.07%22%20d%3D%22M31.188%2022.6267L27.2087%2024.8773L27.2824%2024.9506L31.188%2022.7199C31.4171%2022.6198%2031.6154%2022.461%2031.7625%2022.2597C31.9096%2022.0585%2032.0003%2021.8221%2032.0254%2021.5746C31.9797%2021.8034%2031.88%2022.0181%2031.7344%2022.201C31.5888%2022.3839%2031.4015%2022.5298%2031.188%2022.6267Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M15.6123%2011.7861L31.1878%2020.5691C31.3992%2020.6635%2031.5852%2020.8062%2031.7307%2020.9856C31.8762%2021.1649%2031.9771%2021.3758%2032.0252%2021.6012C32.0015%2021.3533%2031.9113%2021.1162%2031.764%2020.9148C31.6167%2020.7133%2031.4177%2020.5548%2031.1878%2020.4559L15.6123%2011.6663C14.5136%2011.0403%2013.6025%2011.5597%2013.6025%2012.8315V12.9447C13.6025%2011.6796%2014.5136%2011.1535%2015.6123%2011.7861Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3Cfilter%20id%3D%22filter0_d_3094_7442%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2244%22%20height%3D%2244%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22%2F%3E%3CfeOffset%20dy%3D%221%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22%2F%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.4%200%200%200%200%200.4%200%200%200%200%200.4%200%200%200%200.16%200%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_3094_7442%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_dropShadow_3094_7442%22%20result%3D%22shape%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient%20id%3D%22paint0_linear_3094_7442%22%20x1%3D%2223.0419%22%20y1%3D%2212.6452%22%20x2%3D%229.73126%22%20y2%3D%2226.0365%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23008EFF%22%2F%3E%3Cstop%20offset%3D%220.01%22%20stop-color%3D%22%23008FFF%22%2F%3E%3Cstop%20offset%3D%220.26%22%20stop-color%3D%22%2300ACFF%22%2F%3E%3Cstop%20offset%3D%220.51%22%20stop-color%3D%22%2300C0FF%22%2F%3E%3Cstop%20offset%3D%220.76%22%20stop-color%3D%22%2300CDFF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2300D1FF%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint1_linear_3094_7442%22%20x1%3D%2231.3221%22%20y1%3D%2221.6012%22%20x2%3D%2212.0152%22%20y2%3D%2221.6012%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FFD800%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF8A00%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint2_linear_3094_7442%22%20x1%3D%2225.4535%22%20y1%3D%2223.4192%22%20x2%3D%227.40854%22%20y2%3D%2241.5735%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF3A44%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23B11162%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint3_linear_3094_7442%22%20x1%3D%2211.4657%22%20y1%3D%225.87984%22%20x2%3D%2219.5294%22%20y2%3D%2213.9857%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23328E71%22%2F%3E%3Cstop%20offset%3D%220.07%22%20stop-color%3D%22%232D9571%22%2F%3E%3Cstop%20offset%3D%220.48%22%20stop-color%3D%22%2315BD74%22%2F%3E%3Cstop%20offset%3D%220.8%22%20stop-color%3D%22%2306D575%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2300DE76%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E";
|
|
1321
|
-
|
|
1322
1342
|
function MobileHeader({
|
|
1323
1343
|
header,
|
|
1324
1344
|
navData,
|
|
@@ -1351,56 +1371,18 @@ function MobileHeader({
|
|
|
1351
1371
|
body?.removeAttribute('style');
|
|
1352
1372
|
}
|
|
1353
1373
|
}, [sideMenu]);
|
|
1354
|
-
let iosUrl = null;
|
|
1355
|
-
let androidUrl = null;
|
|
1356
1374
|
let downloadLink = null;
|
|
1357
1375
|
const downloadAppText = countryCode === 'KR' ? '앱다운로드' : 'Download App';
|
|
1376
|
+
const apkURL = header?.apkURL;
|
|
1377
|
+
const isAndroidDelisted = header?.isAndroidDelisted;
|
|
1378
|
+
const iosDownloadLink = header?.iosDownloadLink;
|
|
1379
|
+
const androidDownloadLink = header?.androidDownloadLink;
|
|
1380
|
+
console.log(header, 'sakshat header mobile');
|
|
1358
1381
|
if (isTutorWebsite) {
|
|
1359
|
-
if (
|
|
1360
|
-
iosUrl = /*#__PURE__*/React.createElement(Button, {
|
|
1361
|
-
data: {
|
|
1362
|
-
link: header?.iosUrl,
|
|
1363
|
-
isLink: 1,
|
|
1364
|
-
value: /*#__PURE__*/React.createElement("img", {
|
|
1365
|
-
src: phoneIos,
|
|
1366
|
-
alt: "iosUrl"
|
|
1367
|
-
}),
|
|
1368
|
-
isExternal: 1
|
|
1369
|
-
},
|
|
1370
|
-
type: '',
|
|
1371
|
-
size: 'small',
|
|
1372
|
-
target: 'blank',
|
|
1373
|
-
rel: null,
|
|
1374
|
-
style: {
|
|
1375
|
-
padding: 0,
|
|
1376
|
-
paddingRight: '8px'
|
|
1377
|
-
}
|
|
1378
|
-
});
|
|
1379
|
-
}
|
|
1380
|
-
if (header?.androidURL) {
|
|
1381
|
-
androidUrl = /*#__PURE__*/React.createElement(Button, {
|
|
1382
|
-
data: {
|
|
1383
|
-
link: header?.androidURL,
|
|
1384
|
-
isLink: 1,
|
|
1385
|
-
value: /*#__PURE__*/React.createElement("img", {
|
|
1386
|
-
src: phoneAndroid,
|
|
1387
|
-
alt: "iosUrl"
|
|
1388
|
-
}),
|
|
1389
|
-
isExternal: 1
|
|
1390
|
-
},
|
|
1391
|
-
type: '',
|
|
1392
|
-
size: 'small',
|
|
1393
|
-
target: 'blank',
|
|
1394
|
-
rel: null,
|
|
1395
|
-
style: {
|
|
1396
|
-
padding: 0
|
|
1397
|
-
}
|
|
1398
|
-
});
|
|
1399
|
-
}
|
|
1400
|
-
if (header?.isAndroidDelisted && header?.apkURL) {
|
|
1382
|
+
if (isAndroidDelisted && apkURL) {
|
|
1401
1383
|
downloadLink = /*#__PURE__*/React.createElement(Button, {
|
|
1402
1384
|
data: {
|
|
1403
|
-
link:
|
|
1385
|
+
link: getAppDownloadLink(apkURL, iosDownloadLink),
|
|
1404
1386
|
isLink: 1,
|
|
1405
1387
|
value: downloadAppText,
|
|
1406
1388
|
isExternal: 1
|
|
@@ -1410,27 +1392,12 @@ function MobileHeader({
|
|
|
1410
1392
|
target: 'blank',
|
|
1411
1393
|
rel: null
|
|
1412
1394
|
});
|
|
1413
|
-
} else if (
|
|
1414
|
-
downloadLink = /*#__PURE__*/React.createElement("div", null, iosUrl, androidUrl);
|
|
1415
|
-
} else if (header?.iosUrl) {
|
|
1395
|
+
} else if (androidDownloadLink?.length || iosDownloadLink?.length) {
|
|
1416
1396
|
downloadLink = /*#__PURE__*/React.createElement(Button, {
|
|
1417
1397
|
data: {
|
|
1418
|
-
link:
|
|
1398
|
+
link: getAppDownloadLink(androidDownloadLink, iosDownloadLink),
|
|
1419
1399
|
isLink: 1,
|
|
1420
|
-
value:
|
|
1421
|
-
isExternal: 1
|
|
1422
|
-
},
|
|
1423
|
-
type: 'primary',
|
|
1424
|
-
size: 'small',
|
|
1425
|
-
target: 'blank',
|
|
1426
|
-
rel: null
|
|
1427
|
-
});
|
|
1428
|
-
} else if (header?.androidURL) {
|
|
1429
|
-
downloadLink = /*#__PURE__*/React.createElement(Button, {
|
|
1430
|
-
data: {
|
|
1431
|
-
link: header?.androidURL,
|
|
1432
|
-
isLink: 1,
|
|
1433
|
-
value: header?.downloadAppButtonText || downloadAppText,
|
|
1400
|
+
value: downloadAppText,
|
|
1434
1401
|
isExternal: 1
|
|
1435
1402
|
},
|
|
1436
1403
|
type: 'primary',
|
|
@@ -1442,10 +1409,10 @@ function MobileHeader({
|
|
|
1442
1409
|
downloadLink = null;
|
|
1443
1410
|
}
|
|
1444
1411
|
} else {
|
|
1445
|
-
if (
|
|
1412
|
+
if (isAndroidDelisted && apkURL) {
|
|
1446
1413
|
downloadLink = /*#__PURE__*/React.createElement(Button, {
|
|
1447
1414
|
data: {
|
|
1448
|
-
link: header?.
|
|
1415
|
+
link: getAppDownloadLink(header?.apkURL, header?.iosUrl),
|
|
1449
1416
|
isLink: 1,
|
|
1450
1417
|
value: downloadAppText,
|
|
1451
1418
|
isExternal: 1
|
|
@@ -1455,10 +1422,11 @@ function MobileHeader({
|
|
|
1455
1422
|
target: 'blank',
|
|
1456
1423
|
rel: null
|
|
1457
1424
|
});
|
|
1458
|
-
} else if (header?.appLink) {
|
|
1425
|
+
} else if (header?.appLink || header?.iosUrl) {
|
|
1426
|
+
console.log('inside custom website');
|
|
1459
1427
|
downloadLink = /*#__PURE__*/React.createElement(Button, {
|
|
1460
1428
|
data: {
|
|
1461
|
-
link: header?.appLink,
|
|
1429
|
+
link: getAppDownloadLink(header?.appLink, header?.iosUrl),
|
|
1462
1430
|
isLink: 1,
|
|
1463
1431
|
value: downloadAppText,
|
|
1464
1432
|
isExternal: 1
|
|
@@ -2074,13 +2042,17 @@ function getTheme(colorTheme = 'blue', fontFamily = 'Arial', isMobile) {
|
|
|
2074
2042
|
const shape = {
|
|
2075
2043
|
borderRadius
|
|
2076
2044
|
};
|
|
2045
|
+
const spacing = {
|
|
2046
|
+
padding: isMobile ? mobilePadding : padding,
|
|
2047
|
+
margin: isMobile ? mobileMargin : margin
|
|
2048
|
+
};
|
|
2077
2049
|
return {
|
|
2078
2050
|
palette,
|
|
2079
2051
|
shape,
|
|
2080
2052
|
typography,
|
|
2081
2053
|
shadows: generateShadows(palette),
|
|
2082
|
-
borders: generateBorders(palette)
|
|
2083
|
-
|
|
2054
|
+
borders: generateBorders(palette),
|
|
2055
|
+
spacing
|
|
2084
2056
|
};
|
|
2085
2057
|
}
|
|
2086
2058
|
|
|
@@ -2202,165 +2174,6 @@ const defaultMetadata = {
|
|
|
2202
2174
|
layout: defaultLayout
|
|
2203
2175
|
};
|
|
2204
2176
|
|
|
2205
|
-
const GRADIENT = `linear-gradient`;
|
|
2206
|
-
const allColors = {
|
|
2207
|
-
white: '#FFFFFF',
|
|
2208
|
-
black: '#000000',
|
|
2209
|
-
lightblack: '#333333',
|
|
2210
|
-
gray: '#999999',
|
|
2211
|
-
// Blue gradient
|
|
2212
|
-
|
|
2213
|
-
blue: '#1676F3',
|
|
2214
|
-
bluegradient: `${GRADIENT}(#5418D1,#2C88FF)`,
|
|
2215
|
-
tertiaryblue: '#F4F9FF',
|
|
2216
|
-
// Orange gradient
|
|
2217
|
-
|
|
2218
|
-
orange: '#FF9000',
|
|
2219
|
-
orangegradient: `${GRADIENT}(#E96263 , #EAAE4C)`,
|
|
2220
|
-
tertiaryorange: '#FFF6EA',
|
|
2221
|
-
// Pink gradient
|
|
2222
|
-
|
|
2223
|
-
pink: '#F72585',
|
|
2224
|
-
pinkgradient: `${GRADIENT}(#F97794,#623AA2)`,
|
|
2225
|
-
tertiarypink: '#FEE9F3',
|
|
2226
|
-
// Violet gradient
|
|
2227
|
-
|
|
2228
|
-
purple: '#6026A8',
|
|
2229
|
-
purplegradient: `${GRADIENT}(#B66EC0 , #460FA1)`,
|
|
2230
|
-
tertiarypurple: '#F5F2FA',
|
|
2231
|
-
// Green gradient
|
|
2232
|
-
|
|
2233
|
-
green: '#8ECE19',
|
|
2234
|
-
greengradient: `${GRADIENT}(#0E5CAD, #79F1A4)`,
|
|
2235
|
-
tertiarygreen: '#F4FAFA',
|
|
2236
|
-
//Red solid
|
|
2237
|
-
|
|
2238
|
-
red: '#F41828',
|
|
2239
|
-
tertiaryred: '#FFF2F3',
|
|
2240
|
-
//Maroon solid
|
|
2241
|
-
|
|
2242
|
-
rust: '#9B2226',
|
|
2243
|
-
tertiaryrust: '#FFF0F0',
|
|
2244
|
-
//Golden gradient
|
|
2245
|
-
|
|
2246
|
-
golden: `#F2BA35`,
|
|
2247
|
-
goldengradient: `${GRADIENT}(#F0EA88, #CFA749)`,
|
|
2248
|
-
//light green gradient
|
|
2249
|
-
|
|
2250
|
-
lightgreen: `#D6E359`,
|
|
2251
|
-
lightgreengradient: `${GRADIENT}(#D6E359, #9DB545)`,
|
|
2252
|
-
//light blue gradient
|
|
2253
|
-
|
|
2254
|
-
lightblue: `#A8EDF8`,
|
|
2255
|
-
lightbluegradient: `${GRADIENT}(#A8EDF8, #5EC9E1)`,
|
|
2256
|
-
skyblue: '#00ADE7',
|
|
2257
|
-
tertiaryskyblue: '#F2FCFF'
|
|
2258
|
-
};
|
|
2259
|
-
|
|
2260
|
-
const generateTheme = (theme = 'blue', fontFamily = 'Arial', isMobile) => {
|
|
2261
|
-
let themeColor = theme.split('-');
|
|
2262
|
-
let color, gradient, darkMode;
|
|
2263
|
-
if (themeColor.length === 1) {
|
|
2264
|
-
color = themeColor[0];
|
|
2265
|
-
} else if (themeColor.length === 2) {
|
|
2266
|
-
color = themeColor[0];
|
|
2267
|
-
gradient = themeColor[1];
|
|
2268
|
-
} else {
|
|
2269
|
-
color = themeColor[0];
|
|
2270
|
-
gradient = themeColor[1];
|
|
2271
|
-
darkMode = themeColor[2];
|
|
2272
|
-
}
|
|
2273
|
-
console.log('color', allColors, gradient, darkMode);
|
|
2274
|
-
|
|
2275
|
-
// switch (color) {
|
|
2276
|
-
// case solidColors:
|
|
2277
|
-
// break;
|
|
2278
|
-
|
|
2279
|
-
// case gradientColors:
|
|
2280
|
-
// break;
|
|
2281
|
-
|
|
2282
|
-
// default:
|
|
2283
|
-
// break;
|
|
2284
|
-
// }
|
|
2285
|
-
|
|
2286
|
-
// type 1
|
|
2287
|
-
// const solidColors = {
|
|
2288
|
-
// font1: solidBaseColors?.black,
|
|
2289
|
-
// font2: solidBaseColors?.black,
|
|
2290
|
-
// font3: solidBaseColors?.black,
|
|
2291
|
-
// font4: solidBaseColors?.black,
|
|
2292
|
-
// AccentColor: solidBaseColors[theme],
|
|
2293
|
-
// background1: solidBaseColors?.white,
|
|
2294
|
-
// background2: solidBaseColors['tertiary' + theme],
|
|
2295
|
-
// background3: solidBaseColors['tertiary' + theme],
|
|
2296
|
-
// ctaColor: solidBaseColors[theme],
|
|
2297
|
-
// CtaTextColor: solidBaseColors?.white,
|
|
2298
|
-
// icon: solidBaseColors[theme],
|
|
2299
|
-
// iconBg: solidBaseColors['tertiary' + theme],
|
|
2300
|
-
// stripBg: solidBaseColors[theme],
|
|
2301
|
-
// stripText: solidBaseColors?.white,
|
|
2302
|
-
// inputBorderColor: solidBaseColors?.blue2,
|
|
2303
|
-
// tertiaryBlue2: solidBaseColors?.tertiaryblue2
|
|
2304
|
-
// };
|
|
2305
|
-
|
|
2306
|
-
//type 2
|
|
2307
|
-
// const gradientColors = {
|
|
2308
|
-
// font1: gradientBaseColors?.white,
|
|
2309
|
-
// font2: gradientBaseColors?.black,
|
|
2310
|
-
// font3: gradientBaseColors?.black,
|
|
2311
|
-
// font4: gradientBaseColors?.white,
|
|
2312
|
-
// AccentColor: gradientBaseColors[theme],
|
|
2313
|
-
// background1: gradientBaseColors[theme + 'gradient'],
|
|
2314
|
-
// background2: gradientBaseColors['tertiary' + theme],
|
|
2315
|
-
// background3: gradientBaseColors[theme + 'gradient'],
|
|
2316
|
-
// ctaColor: gradientBaseColors[theme + 'gradient'],
|
|
2317
|
-
// CtaTextColor: gradientBaseColors?.white,
|
|
2318
|
-
// icon: gradientBaseColors[theme],
|
|
2319
|
-
// iconBg: gradientBaseColors['tertiary' + theme],
|
|
2320
|
-
// stripBg: gradientBaseColors?.black,
|
|
2321
|
-
// stripText: gradientBaseColors?.white
|
|
2322
|
-
// };
|
|
2323
|
-
|
|
2324
|
-
const colors = {
|
|
2325
|
-
font1: gradient ? allColors?.white : allColors?.black,
|
|
2326
|
-
font2: darkMode ? allColors[color] : allColors?.black,
|
|
2327
|
-
font3: darkMode ? allColors?.white : allColors?.black,
|
|
2328
|
-
font4: darkMode ? allColors[color] : gradient ? allColors?.white : allColors?.black,
|
|
2329
|
-
AccentColor: allColors[color],
|
|
2330
|
-
background1: darkMode ? allColors?.lightblack : gradient ? allColors[color + 'gradient'] : allColors?.white,
|
|
2331
|
-
background2: darkMode ? allColors?.lightblack : allColors['tertiary' + color],
|
|
2332
|
-
background3: darkMode ? allColors?.lightblack : gradient ? allColors[color + 'gradient'] : allColors['tertiary' + color],
|
|
2333
|
-
ctaColor: darkMode ? allColors[color + 'gradient'] : gradient ? allColors[color + 'gradient'] : allColors[color],
|
|
2334
|
-
CtaTextColor: darkMode ? allColors?.lightblack : allColors?.white,
|
|
2335
|
-
icon: allColors[color],
|
|
2336
|
-
iconBg: darkMode ? allColors?.lightblack : allColors['tertiary' + color],
|
|
2337
|
-
stripBg: darkMode ? allColors[color + 'gradient'] : allColors?.black,
|
|
2338
|
-
stripText: darkMode ? allColors?.lightblack : allColors?.white,
|
|
2339
|
-
inputBorderColor: allColors?.blue2,
|
|
2340
|
-
tertiaryBlue2: allColors?.tertiaryblue2,
|
|
2341
|
-
white: allColors?.white,
|
|
2342
|
-
black: allColors?.black,
|
|
2343
|
-
lightblack: allColors?.lightblack,
|
|
2344
|
-
gray: allColors?.gray
|
|
2345
|
-
};
|
|
2346
|
-
const typography = {
|
|
2347
|
-
fontFamily: `"${fontFamily}", "Roboto", "Helvetica", "Arial", "sans-serif"`,
|
|
2348
|
-
fontSize: isMobile ? fontSizeMob : fontSize,
|
|
2349
|
-
fontWeight
|
|
2350
|
-
};
|
|
2351
|
-
// const shape = { borderRadius };
|
|
2352
|
-
const spacing = {
|
|
2353
|
-
padding: isMobile ? mobilePadding : padding,
|
|
2354
|
-
margin: isMobile ? mobileMargin : margin
|
|
2355
|
-
};
|
|
2356
|
-
return {
|
|
2357
|
-
...getTheme(theme),
|
|
2358
|
-
typography,
|
|
2359
|
-
spacing,
|
|
2360
|
-
colors
|
|
2361
|
-
};
|
|
2362
|
-
};
|
|
2363
|
-
|
|
2364
2177
|
function PageRenderer$1({
|
|
2365
2178
|
pageData: {
|
|
2366
2179
|
metadata: {
|
|
@@ -2417,7 +2230,7 @@ function PageRenderer$1({
|
|
|
2417
2230
|
countryCode,
|
|
2418
2231
|
currencySymbol
|
|
2419
2232
|
}), [isMobile, isLandingPages, layout, baseURLs, hashToken, isPreview, isEdit, templateId, navList, isMasterTemplate, basePath, validations, isTutorWebsite, extraProps, hideLogin, _id, countryCode, currencySymbol]);
|
|
2420
|
-
const theme = useMemo(() =>
|
|
2233
|
+
const theme = useMemo(() => getTheme(color, font, context.isMobile), [color, font, context.isMobile]);
|
|
2421
2234
|
const Wrapper = SectionWrapper || Fragment;
|
|
2422
2235
|
return /*#__PURE__*/React.createElement(ThemeProvider, {
|
|
2423
2236
|
theme: theme
|
|
@@ -2455,7 +2268,7 @@ const useSectionStyles$8 = createUseStyles(theme => ({
|
|
|
2455
2268
|
padding: ({
|
|
2456
2269
|
isMobile
|
|
2457
2270
|
} = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
|
|
2458
|
-
|
|
2271
|
+
backgroundColor: theme?.palette?.background?.primary,
|
|
2459
2272
|
'&, & *, & *:before, & *:after': {
|
|
2460
2273
|
fontFamily: theme?.typography?.fontFamily,
|
|
2461
2274
|
boxSizing: 'border-box'
|
|
@@ -2513,14 +2326,14 @@ const useSectionStyles$8 = createUseStyles(theme => ({
|
|
|
2513
2326
|
marginBottom: '8px',
|
|
2514
2327
|
fontSize: theme.typography.fontSize.subHead,
|
|
2515
2328
|
letterSpacing: '3px',
|
|
2516
|
-
color: theme?.
|
|
2329
|
+
color: theme?.palette?.font?.default,
|
|
2517
2330
|
wordBreak: 'break-word',
|
|
2518
2331
|
maxWidth: '100%'
|
|
2519
2332
|
},
|
|
2520
2333
|
heading: {
|
|
2521
2334
|
margin: '0',
|
|
2522
2335
|
fontSize: theme.typography.fontSize.h1,
|
|
2523
|
-
color: theme?.
|
|
2336
|
+
color: theme?.palette?.font?.default,
|
|
2524
2337
|
wordBreak: ({
|
|
2525
2338
|
wordBreakValue
|
|
2526
2339
|
}) => wordBreakValue || 'break-word',
|
|
@@ -2529,7 +2342,7 @@ const useSectionStyles$8 = createUseStyles(theme => ({
|
|
|
2529
2342
|
},
|
|
2530
2343
|
description: {
|
|
2531
2344
|
margin: `${theme.spacing.margin.tiny}px 0px`,
|
|
2532
|
-
color: theme?.
|
|
2345
|
+
color: theme?.palette?.font?.primary,
|
|
2533
2346
|
lineHeight: '24px',
|
|
2534
2347
|
wordBreak: 'break-word'
|
|
2535
2348
|
},
|
|
@@ -2646,7 +2459,7 @@ const useCarouselStyles = createUseStyles(theme => ({
|
|
|
2646
2459
|
width: '26px',
|
|
2647
2460
|
background: ({
|
|
2648
2461
|
inverted
|
|
2649
|
-
} = {}) => !!inverted ? theme?.palette?.font?.invertedDefault : theme.
|
|
2462
|
+
} = {}) => !!inverted ? theme?.palette?.font?.invertedDefault : theme.palette.primary.main
|
|
2650
2463
|
},
|
|
2651
2464
|
'@media screen and (max-width: 767px)': {
|
|
2652
2465
|
sliderClass: {
|
|
@@ -2682,7 +2495,7 @@ const useArrowButtonStyles = createUseStyles(theme => ({
|
|
|
2682
2495
|
height: sizeHandler,
|
|
2683
2496
|
border: ({
|
|
2684
2497
|
inverted
|
|
2685
|
-
}) => `solid 1px ${inverted ? theme?.palette?.font?.invertedDefault : theme?.
|
|
2498
|
+
}) => `solid 1px ${inverted ? theme?.palette?.font?.invertedDefault : theme?.palette?.primary?.light}`,
|
|
2686
2499
|
borderRadius: '50%',
|
|
2687
2500
|
display: 'flex',
|
|
2688
2501
|
justifyContent: 'center',
|
|
@@ -2704,7 +2517,7 @@ function ArrowButton(props) {
|
|
|
2704
2517
|
}, /*#__PURE__*/React.createElement(Icon, {
|
|
2705
2518
|
height: props.size === 'small' ? '12px' : '18px',
|
|
2706
2519
|
name: "Angle",
|
|
2707
|
-
color: props.inverted ? theme?.palette?.font?.invertedDefault : theme?.
|
|
2520
|
+
color: props.inverted ? theme?.palette?.font?.invertedDefault : theme?.palette?.primary?.main,
|
|
2708
2521
|
inverted: true
|
|
2709
2522
|
}));
|
|
2710
2523
|
}
|
|
@@ -2914,6 +2727,7 @@ const useSectionStyles$7 = createUseStyles(theme => ({
|
|
|
2914
2727
|
justifyContent: 'center',
|
|
2915
2728
|
flexDirection: 'column',
|
|
2916
2729
|
alignItems: 'center',
|
|
2730
|
+
backgroundColor: theme?.palette?.background?.default,
|
|
2917
2731
|
'&, & *, & *:before, & *:after': {
|
|
2918
2732
|
fontFamily: theme?.typography?.fontFamily,
|
|
2919
2733
|
boxSizing: 'border-box'
|
|
@@ -2931,7 +2745,7 @@ const useSectionStyles$7 = createUseStyles(theme => ({
|
|
|
2931
2745
|
subTitleHeading: {
|
|
2932
2746
|
marginBottom: '8px',
|
|
2933
2747
|
fontSize: theme.typography.fontSize.subHead,
|
|
2934
|
-
color: theme?.
|
|
2748
|
+
color: theme?.palette?.font?.default,
|
|
2935
2749
|
alignItems: 'center',
|
|
2936
2750
|
textAlign: 'center',
|
|
2937
2751
|
wordBreak: 'break-word',
|
|
@@ -2941,7 +2755,7 @@ const useSectionStyles$7 = createUseStyles(theme => ({
|
|
|
2941
2755
|
heading: {
|
|
2942
2756
|
marginBottom: theme.spacing.margin.tiny,
|
|
2943
2757
|
fontSize: theme.typography.fontSize.h2,
|
|
2944
|
-
color: theme?.
|
|
2758
|
+
color: theme?.palette?.font?.default,
|
|
2945
2759
|
fontWeight: theme.typography.fontWeight.bold,
|
|
2946
2760
|
textAlign: 'center',
|
|
2947
2761
|
wordBreak: 'break-word'
|
|
@@ -2958,7 +2772,7 @@ const useSectionStyles$7 = createUseStyles(theme => ({
|
|
|
2958
2772
|
display: 'flex',
|
|
2959
2773
|
width: 'calc(100% - 200px)',
|
|
2960
2774
|
alignItems: 'center',
|
|
2961
|
-
background: theme?.
|
|
2775
|
+
background: theme?.palette?.background?.default,
|
|
2962
2776
|
boxShadow: theme?.shadows?.primary,
|
|
2963
2777
|
borderRadius: theme?.shape?.borderRadius?.regular,
|
|
2964
2778
|
overflow: 'hidden',
|
|
@@ -2982,13 +2796,33 @@ const useSectionStyles$7 = createUseStyles(theme => ({
|
|
|
2982
2796
|
'& $contentText': {
|
|
2983
2797
|
marginLeft: '170px'
|
|
2984
2798
|
}
|
|
2799
|
+
},
|
|
2800
|
+
'&:nth-child(7n+1) $contentNumber': {
|
|
2801
|
+
background: palettes.purple.primary.lightest
|
|
2802
|
+
},
|
|
2803
|
+
'&:nth-child(7n+2) $contentNumber': {
|
|
2804
|
+
background: palettes.orange.primary.lightest
|
|
2805
|
+
},
|
|
2806
|
+
'&:nth-child(7n+3) $contentNumber': {
|
|
2807
|
+
background: palettes.red.primary.lightest
|
|
2808
|
+
},
|
|
2809
|
+
'&:nth-child(7n+4) $contentNumber': {
|
|
2810
|
+
background: palettes.green.primary.lightest
|
|
2811
|
+
},
|
|
2812
|
+
'&:nth-child(7n+5) $contentNumber': {
|
|
2813
|
+
background: palettes.pink.primary.lightest
|
|
2814
|
+
},
|
|
2815
|
+
'&:nth-child(7n+6) $contentNumber': {
|
|
2816
|
+
background: palettes.blue.primary.lightest
|
|
2817
|
+
},
|
|
2818
|
+
'&:nth-child(7n) $contentNumber': {
|
|
2819
|
+
background: palettes.rust.primary.lightest
|
|
2985
2820
|
}
|
|
2986
2821
|
},
|
|
2987
2822
|
contentNumber: {
|
|
2988
2823
|
position: 'absolute',
|
|
2989
2824
|
top: '0',
|
|
2990
2825
|
fontWeight: '700',
|
|
2991
|
-
background: theme?.colors?.background3,
|
|
2992
2826
|
fontSize: '72px',
|
|
2993
2827
|
letterSpacing: '-3px',
|
|
2994
2828
|
display: 'flex',
|
|
@@ -2996,7 +2830,7 @@ const useSectionStyles$7 = createUseStyles(theme => ({
|
|
|
2996
2830
|
justifyContent: 'center',
|
|
2997
2831
|
padding: '48px',
|
|
2998
2832
|
height: '100%',
|
|
2999
|
-
color: theme?.
|
|
2833
|
+
color: theme?.palette?.font?.default,
|
|
3000
2834
|
wordBreak: 'break-word'
|
|
3001
2835
|
},
|
|
3002
2836
|
contentText: {
|
|
@@ -3008,14 +2842,14 @@ const useSectionStyles$7 = createUseStyles(theme => ({
|
|
|
3008
2842
|
fontWeight: theme.typography.fontWeight.bold,
|
|
3009
2843
|
lineHeight: '32px',
|
|
3010
2844
|
marginBottom: '8px',
|
|
3011
|
-
color: theme?.
|
|
2845
|
+
color: theme?.palette?.font?.default,
|
|
3012
2846
|
wordBreak: 'break-word'
|
|
3013
2847
|
},
|
|
3014
2848
|
contentPara: {
|
|
3015
2849
|
fontStyle: 'normal',
|
|
3016
2850
|
fontSize: '16px',
|
|
3017
2851
|
lineHeight: '26px',
|
|
3018
|
-
color: theme?.
|
|
2852
|
+
color: theme?.palette?.font?.primary,
|
|
3019
2853
|
wordBreak: 'break-word'
|
|
3020
2854
|
},
|
|
3021
2855
|
'@media screen and (max-width: 767px)': {
|
|
@@ -3428,7 +3262,6 @@ const useSectionStyles$5 = createUseStyles(theme => {
|
|
|
3428
3262
|
return {
|
|
3429
3263
|
section: {
|
|
3430
3264
|
padding: `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
|
|
3431
|
-
background: theme?.colors?.background2,
|
|
3432
3265
|
'&, & *, & *:before, & *:after': {
|
|
3433
3266
|
fontFamily: theme?.typography?.fontFamily,
|
|
3434
3267
|
boxSizing: 'border-box'
|
|
@@ -3472,7 +3305,7 @@ const useSectionStyles$5 = createUseStyles(theme => {
|
|
|
3472
3305
|
}
|
|
3473
3306
|
},
|
|
3474
3307
|
imageBorder: {
|
|
3475
|
-
|
|
3308
|
+
border: `2px solid ${theme?.palette?.primary?.light}`,
|
|
3476
3309
|
borderRadius: theme?.shape?.borderRadius?.small,
|
|
3477
3310
|
position: 'absolute',
|
|
3478
3311
|
width: '100%',
|
|
@@ -3497,13 +3330,13 @@ const useSectionStyles$5 = createUseStyles(theme => {
|
|
|
3497
3330
|
marginBottom: '8px',
|
|
3498
3331
|
fontSize: theme?.typography?.fontSize?.subHead,
|
|
3499
3332
|
letterSpacing: '3px',
|
|
3500
|
-
color: theme?.
|
|
3333
|
+
color: theme?.palette?.font?.default,
|
|
3501
3334
|
wordBreak: 'break-word'
|
|
3502
3335
|
},
|
|
3503
3336
|
heading: {
|
|
3504
3337
|
margin: '0',
|
|
3505
3338
|
fontSize: theme?.typography?.fontSize?.h1,
|
|
3506
|
-
color: theme?.
|
|
3339
|
+
color: theme?.palette?.font?.default,
|
|
3507
3340
|
wordBreak: ({
|
|
3508
3341
|
wordBreakValue
|
|
3509
3342
|
}) => wordBreakValue || 'break-word',
|
|
@@ -3513,7 +3346,7 @@ const useSectionStyles$5 = createUseStyles(theme => {
|
|
|
3513
3346
|
description: {
|
|
3514
3347
|
marginTop: theme.spacing.margin.tiny,
|
|
3515
3348
|
marginBottom: theme.spacing.margin.tiny,
|
|
3516
|
-
color: theme?.
|
|
3349
|
+
color: theme?.palette?.font?.primary,
|
|
3517
3350
|
lineHeight: '24px',
|
|
3518
3351
|
wordBreak: 'break-word'
|
|
3519
3352
|
},
|
|
@@ -3679,16 +3512,16 @@ const useSectionStyles$4 = createUseStyles(theme => ({
|
|
|
3679
3512
|
containerWidth
|
|
3680
3513
|
} = {}) => containerWidth
|
|
3681
3514
|
},
|
|
3682
|
-
|
|
3683
|
-
|
|
3684
|
-
|
|
3685
|
-
|
|
3686
|
-
|
|
3687
|
-
|
|
3688
|
-
|
|
3689
|
-
|
|
3515
|
+
partialBackground: {
|
|
3516
|
+
top: '0',
|
|
3517
|
+
left: '0',
|
|
3518
|
+
width: '100%',
|
|
3519
|
+
height: '50%',
|
|
3520
|
+
position: 'absolute',
|
|
3521
|
+
background: theme?.palette?.background?.primary
|
|
3522
|
+
},
|
|
3690
3523
|
sectionContainer: {
|
|
3691
|
-
backgroundColor: theme?.
|
|
3524
|
+
backgroundColor: theme?.palette?.background?.default,
|
|
3692
3525
|
boxShadow: theme?.shadows?.secondary,
|
|
3693
3526
|
borderRadius: theme?.shape?.borderRadius?.regular,
|
|
3694
3527
|
padding: theme.spacing.padding.small,
|
|
@@ -3699,7 +3532,7 @@ const useSectionStyles$4 = createUseStyles(theme => ({
|
|
|
3699
3532
|
fontWeight: theme.typography.fontWeight.bold,
|
|
3700
3533
|
lineHeight: '71px',
|
|
3701
3534
|
letterSpacing: '-3px',
|
|
3702
|
-
color: theme?.
|
|
3535
|
+
color: theme?.palette?.font?.default,
|
|
3703
3536
|
marginBottom: theme.spacing.padding.tiny,
|
|
3704
3537
|
wordBreak: 'break-word'
|
|
3705
3538
|
},
|
|
@@ -3711,7 +3544,7 @@ const useSectionStyles$4 = createUseStyles(theme => ({
|
|
|
3711
3544
|
title: {
|
|
3712
3545
|
fontSize: theme.typography.fontSize.h6,
|
|
3713
3546
|
lineHeight: '32px',
|
|
3714
|
-
color: theme?.
|
|
3547
|
+
color: theme?.palette?.font?.primary,
|
|
3715
3548
|
wordBreak: 'break-word',
|
|
3716
3549
|
flex: 1
|
|
3717
3550
|
},
|
|
@@ -3839,8 +3672,8 @@ const inputStyles = createUseStyles(theme => ({
|
|
|
3839
3672
|
inputField: {
|
|
3840
3673
|
width: '100%',
|
|
3841
3674
|
// maxWidth: '314px',
|
|
3842
|
-
|
|
3843
|
-
border: `1px solid ${theme?.
|
|
3675
|
+
background: theme?.palette?.background?.default,
|
|
3676
|
+
border: `1px solid ${theme?.palette?.border?.secondary}`,
|
|
3844
3677
|
borderRadius: theme?.shape?.borderRadius?.regular,
|
|
3845
3678
|
padding: '14px 12px',
|
|
3846
3679
|
display: 'flex',
|
|
@@ -3854,7 +3687,7 @@ const inputStyles = createUseStyles(theme => ({
|
|
|
3854
3687
|
fontWeight: '400',
|
|
3855
3688
|
fontSize: '16px',
|
|
3856
3689
|
lineHeight: '20px',
|
|
3857
|
-
color: theme?.
|
|
3690
|
+
color: theme?.palette?.font?.primary,
|
|
3858
3691
|
fontFamily: theme?.typography?.fontFamily
|
|
3859
3692
|
},
|
|
3860
3693
|
'&:focus': {
|
|
@@ -4054,6 +3887,7 @@ var index$h = /*#__PURE__*/Object.freeze({
|
|
|
4054
3887
|
|
|
4055
3888
|
const useTestimonialStyles = createUseStyles(theme => ({
|
|
4056
3889
|
testimonialContainer: {
|
|
3890
|
+
background: theme?.palette?.background?.primary,
|
|
4057
3891
|
overflow: 'hidden',
|
|
4058
3892
|
padding: `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
|
|
4059
3893
|
'&, & *, & *:before, & *:after': {
|
|
@@ -4071,14 +3905,14 @@ const useTestimonialStyles = createUseStyles(theme => ({
|
|
|
4071
3905
|
} = {}) => containerWidth
|
|
4072
3906
|
},
|
|
4073
3907
|
testimonialText: {
|
|
4074
|
-
color: theme?.
|
|
3908
|
+
color: theme?.palette?.font?.default,
|
|
4075
3909
|
fontSize: theme.typography.fontSize.subHead,
|
|
4076
3910
|
wordBreak: 'break-word',
|
|
4077
3911
|
textTransform: 'uppercase'
|
|
4078
3912
|
},
|
|
4079
3913
|
testimonialHeader: {
|
|
4080
3914
|
fontSize: theme.typography.fontSize.h2,
|
|
4081
|
-
color: theme?.
|
|
3915
|
+
color: theme?.palette?.font?.default,
|
|
4082
3916
|
fontWeight: theme.typography.fontWeight.bold,
|
|
4083
3917
|
marginBottom: theme.spacing.margin.tiny,
|
|
4084
3918
|
marginTop: '8px',
|
|
@@ -4095,7 +3929,7 @@ const useTestimonialStyles = createUseStyles(theme => ({
|
|
|
4095
3929
|
position: 'relative',
|
|
4096
3930
|
height: 'calc(100% - 12px)',
|
|
4097
3931
|
width: 'calc(100% - 24px)',
|
|
4098
|
-
background: theme?.
|
|
3932
|
+
background: theme?.palette?.background?.default,
|
|
4099
3933
|
boxShadow: theme?.shadows?.primary,
|
|
4100
3934
|
borderRadius: theme?.shape?.borderRadius?.regular
|
|
4101
3935
|
},
|
|
@@ -4122,7 +3956,7 @@ const useTestimonialStyles = createUseStyles(theme => ({
|
|
|
4122
3956
|
marginBottom: theme.spacing.margin.tiny,
|
|
4123
3957
|
fontSize: theme.typography.fontSize.body,
|
|
4124
3958
|
wordBreak: 'break-word',
|
|
4125
|
-
color: theme?.
|
|
3959
|
+
color: theme?.palette?.font?.primary,
|
|
4126
3960
|
lineHeight: '26px'
|
|
4127
3961
|
},
|
|
4128
3962
|
userContainer: {
|
|
@@ -4151,7 +3985,7 @@ const useTestimonialStyles = createUseStyles(theme => ({
|
|
|
4151
3985
|
marginRight: '16px'
|
|
4152
3986
|
},
|
|
4153
3987
|
userName: {
|
|
4154
|
-
color: theme?.
|
|
3988
|
+
color: theme?.palette?.font?.default,
|
|
4155
3989
|
margin: '0',
|
|
4156
3990
|
fontSize: theme.typography.fontSize.h5,
|
|
4157
3991
|
// paddingTop: '16px',
|
|
@@ -4170,6 +4004,19 @@ const useTestimonialStyles = createUseStyles(theme => ({
|
|
|
4170
4004
|
testimonialContainer: {
|
|
4171
4005
|
padding: `${theme.spacing.padding.medium}px ${theme.spacing.padding.small}px`
|
|
4172
4006
|
},
|
|
4007
|
+
// testimonialCardAndText: {
|
|
4008
|
+
// margin: '0 20px'
|
|
4009
|
+
// },
|
|
4010
|
+
|
|
4011
|
+
// testimonialHeader: {
|
|
4012
|
+
// fontSize: '24px',
|
|
4013
|
+
// color: theme?.palette?.font?.default,
|
|
4014
|
+
// margin: '4px 0 12px 0',
|
|
4015
|
+
// overflow: 'hidden',
|
|
4016
|
+
// // whiteSpace: 'nowrap',
|
|
4017
|
+
// wordBreak: 'break-word',
|
|
4018
|
+
// textOverflow: 'ellipsis'
|
|
4019
|
+
// },
|
|
4173
4020
|
testimonialText: {
|
|
4174
4021
|
textAlign: 'center'
|
|
4175
4022
|
},
|
|
@@ -4222,7 +4069,7 @@ function QuotesComponent() {
|
|
|
4222
4069
|
width: "28px",
|
|
4223
4070
|
height: "21px",
|
|
4224
4071
|
name: "Quote",
|
|
4225
|
-
color: theme?.
|
|
4072
|
+
color: theme?.palette?.primary?.main
|
|
4226
4073
|
}));
|
|
4227
4074
|
}
|
|
4228
4075
|
|
|
@@ -4752,7 +4599,7 @@ const useVideoStyles = createUseStyles(theme => {
|
|
|
4752
4599
|
padding: ({
|
|
4753
4600
|
isMobile
|
|
4754
4601
|
} = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
|
|
4755
|
-
backgroundColor: theme?.
|
|
4602
|
+
backgroundColor: theme?.palette?.background?.primary,
|
|
4756
4603
|
'&, & *, & *:before, & *:after': {
|
|
4757
4604
|
fontFamily: theme?.typography?.fontFamily,
|
|
4758
4605
|
boxSizing: 'border-box'
|
|
@@ -4775,7 +4622,7 @@ const useVideoStyles = createUseStyles(theme => {
|
|
|
4775
4622
|
fontSize: theme.typography.fontSize.subHead,
|
|
4776
4623
|
textTransform: 'uppercase',
|
|
4777
4624
|
lineHeight: '20px',
|
|
4778
|
-
color: theme?.
|
|
4625
|
+
color: theme?.palette?.font?.default,
|
|
4779
4626
|
letterSpacing: '3px',
|
|
4780
4627
|
wordBreak: 'break-word'
|
|
4781
4628
|
},
|
|
@@ -4786,14 +4633,14 @@ const useVideoStyles = createUseStyles(theme => {
|
|
|
4786
4633
|
letterSpacing: '-3px',
|
|
4787
4634
|
marginBottom: theme.spacing.margin.tiny,
|
|
4788
4635
|
marginTop: '8px',
|
|
4789
|
-
color: theme?.
|
|
4636
|
+
color: theme?.palette?.font?.default,
|
|
4790
4637
|
wordBreak: 'break-word'
|
|
4791
4638
|
},
|
|
4792
4639
|
sliderContainer: {
|
|
4793
4640
|
marginRight: `-${theme.spacing.padding.medium}px`
|
|
4794
4641
|
},
|
|
4795
4642
|
singleSlideContainer: {
|
|
4796
|
-
backgroundColor:
|
|
4643
|
+
backgroundColor: theme?.palette?.background?.default,
|
|
4797
4644
|
// margin: '20px',
|
|
4798
4645
|
width: 'calc(100% - 24px)',
|
|
4799
4646
|
height: 'calc(100% - 40px)',
|
|
@@ -4830,14 +4677,14 @@ const useVideoStyles = createUseStyles(theme => {
|
|
|
4830
4677
|
fontWeight: theme.typography.fontWeight.bold,
|
|
4831
4678
|
lineHeight: '32px',
|
|
4832
4679
|
marginBottom: '8px',
|
|
4833
|
-
color: theme?.
|
|
4680
|
+
color: theme?.palette?.font?.default,
|
|
4834
4681
|
wordBreak: 'break-word'
|
|
4835
4682
|
},
|
|
4836
4683
|
videoDetailsSubHeading: {
|
|
4837
4684
|
fontSize: theme.typography.fontSize.body,
|
|
4838
4685
|
lineHeight: '24px',
|
|
4839
4686
|
wordBreak: 'break-word',
|
|
4840
|
-
color: theme?.
|
|
4687
|
+
color: theme?.palette?.font?.primary
|
|
4841
4688
|
},
|
|
4842
4689
|
'@media (max-width: 767px)': {
|
|
4843
4690
|
videoHeading: {
|
|
@@ -4984,10 +4831,11 @@ var index$e = /*#__PURE__*/Object.freeze({
|
|
|
4984
4831
|
|
|
4985
4832
|
const useSectionStyles$3 = createUseStyles(theme => ({
|
|
4986
4833
|
section: {
|
|
4834
|
+
position: 'relative',
|
|
4987
4835
|
padding: ({
|
|
4988
4836
|
isMobile
|
|
4989
4837
|
} = {}) => 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`,
|
|
4990
|
-
|
|
4838
|
+
backgroundColor: theme?.palette?.background?.default,
|
|
4991
4839
|
'&, & *, & *:before, & *:after': {
|
|
4992
4840
|
fontFamily: theme?.typography?.fontFamily,
|
|
4993
4841
|
boxSizing: 'border-box'
|
|
@@ -5006,13 +4854,21 @@ const useSectionStyles$3 = createUseStyles(theme => ({
|
|
|
5006
4854
|
containerWidth
|
|
5007
4855
|
} = {}) => containerWidth
|
|
5008
4856
|
},
|
|
4857
|
+
partialBackground: {
|
|
4858
|
+
position: 'absolute',
|
|
4859
|
+
top: '0',
|
|
4860
|
+
left: '0',
|
|
4861
|
+
height: '50%',
|
|
4862
|
+
background: theme?.palette?.background?.primary,
|
|
4863
|
+
width: '100%'
|
|
4864
|
+
},
|
|
5009
4865
|
content: {
|
|
5010
4866
|
position: 'relative'
|
|
5011
4867
|
},
|
|
5012
4868
|
subTitleHeading: {
|
|
5013
4869
|
width: '100%',
|
|
5014
4870
|
fontSize: theme.typography.fontSize.subHead,
|
|
5015
|
-
color: theme?.
|
|
4871
|
+
color: theme?.palette?.font?.default,
|
|
5016
4872
|
textTransform: 'uppercase',
|
|
5017
4873
|
textAlign: 'left',
|
|
5018
4874
|
lineHeight: '20px',
|
|
@@ -5024,7 +4880,7 @@ const useSectionStyles$3 = createUseStyles(theme => ({
|
|
|
5024
4880
|
fontSize: theme.typography.fontSize.h2,
|
|
5025
4881
|
width: '100%',
|
|
5026
4882
|
lineHeight: '70px',
|
|
5027
|
-
color: theme?.
|
|
4883
|
+
color: theme?.palette?.font?.default,
|
|
5028
4884
|
textAlign: 'left',
|
|
5029
4885
|
wordBreak: 'break-word'
|
|
5030
4886
|
},
|
|
@@ -5034,7 +4890,7 @@ const useSectionStyles$3 = createUseStyles(theme => ({
|
|
|
5034
4890
|
// },
|
|
5035
4891
|
|
|
5036
4892
|
card: {
|
|
5037
|
-
background: theme?.
|
|
4893
|
+
background: theme?.palette?.background?.default,
|
|
5038
4894
|
boxShadow: theme?.shadows?.primary,
|
|
5039
4895
|
borderRadius: theme.shape.borderRadius.large,
|
|
5040
4896
|
margin: ({
|
|
@@ -5055,7 +4911,7 @@ const useSectionStyles$3 = createUseStyles(theme => ({
|
|
|
5055
4911
|
textAlign: 'center',
|
|
5056
4912
|
fontSize: theme.typography.fontSize.h6,
|
|
5057
4913
|
fontWeight: theme.typography.fontWeight.bold,
|
|
5058
|
-
color: theme?.
|
|
4914
|
+
color: theme?.palette?.font?.default,
|
|
5059
4915
|
margin: `16px 0px`,
|
|
5060
4916
|
wordBreak: 'break-word'
|
|
5061
4917
|
},
|
|
@@ -5067,7 +4923,7 @@ const useSectionStyles$3 = createUseStyles(theme => ({
|
|
|
5067
4923
|
alignItems: 'center',
|
|
5068
4924
|
justifyContent: 'center',
|
|
5069
4925
|
borderRadius: '50%',
|
|
5070
|
-
background: theme?.
|
|
4926
|
+
background: theme?.palette?.background?.primary
|
|
5071
4927
|
},
|
|
5072
4928
|
buttonContainerClass: {
|
|
5073
4929
|
marginRight: theme.spacing.margin.regular,
|
|
@@ -5081,7 +4937,7 @@ const useSectionStyles$3 = createUseStyles(theme => ({
|
|
|
5081
4937
|
textAlign: 'center',
|
|
5082
4938
|
fontSize: theme.typography.fontSize.body,
|
|
5083
4939
|
lineHeight: '22px',
|
|
5084
|
-
color: theme?.
|
|
4940
|
+
color: theme?.palette?.font?.primary,
|
|
5085
4941
|
margin: '0',
|
|
5086
4942
|
wordBreak: 'break-word'
|
|
5087
4943
|
},
|
|
@@ -5167,7 +5023,7 @@ function Info({
|
|
|
5167
5023
|
className: classes.imageContainer
|
|
5168
5024
|
}, /*#__PURE__*/React.createElement(Icon, {
|
|
5169
5025
|
name: dt.icon.metadata.value,
|
|
5170
|
-
color: theme
|
|
5026
|
+
color: theme.palette.primary.main,
|
|
5171
5027
|
width: isMobile ? '30px' : '40px',
|
|
5172
5028
|
height: isMobile ? '30px' : '40px'
|
|
5173
5029
|
})), /*#__PURE__*/React.createElement("h3", {
|
|
@@ -5224,7 +5080,7 @@ const useSectionStyles$2 = createUseStyles(theme => ({
|
|
|
5224
5080
|
padding: ({
|
|
5225
5081
|
isMobile
|
|
5226
5082
|
} = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
|
|
5227
|
-
backgroundColor: theme?.
|
|
5083
|
+
backgroundColor: theme?.palette?.background?.default,
|
|
5228
5084
|
'&, & *, & *:before, & *:after': {
|
|
5229
5085
|
fontFamily: theme?.typography?.fontFamily,
|
|
5230
5086
|
boxSizing: 'border-box'
|
|
@@ -5241,7 +5097,7 @@ const useSectionStyles$2 = createUseStyles(theme => ({
|
|
|
5241
5097
|
subHeading: {
|
|
5242
5098
|
fontSize: theme.typography.fontSize.subHead,
|
|
5243
5099
|
marginBottom: '8px',
|
|
5244
|
-
color: theme?.
|
|
5100
|
+
color: theme?.palette?.font?.default,
|
|
5245
5101
|
wordBreak: 'break-word',
|
|
5246
5102
|
textTransform: 'uppercase',
|
|
5247
5103
|
letterSpacing: '3px'
|
|
@@ -5251,7 +5107,7 @@ const useSectionStyles$2 = createUseStyles(theme => ({
|
|
|
5251
5107
|
fontWeight: theme.typography.fontWeight.bold,
|
|
5252
5108
|
lineHeight: 'normal',
|
|
5253
5109
|
margin: '0',
|
|
5254
|
-
color: theme?.
|
|
5110
|
+
color: theme?.palette?.font?.default,
|
|
5255
5111
|
wordBreak: 'break-word',
|
|
5256
5112
|
marginBottom: theme.spacing.margin.tiny
|
|
5257
5113
|
},
|
|
@@ -5262,7 +5118,7 @@ const useSectionStyles$2 = createUseStyles(theme => ({
|
|
|
5262
5118
|
padding: '32px 0px'
|
|
5263
5119
|
},
|
|
5264
5120
|
textPara: {
|
|
5265
|
-
color: theme?.
|
|
5121
|
+
color: theme?.palette?.font?.primary,
|
|
5266
5122
|
wordBreak: 'break-word',
|
|
5267
5123
|
fontSize: theme.typography.fontSize.body,
|
|
5268
5124
|
lineHeight: '24px'
|
|
@@ -5569,7 +5425,7 @@ const useFaqListStyles = createUseStyles(theme => ({
|
|
|
5569
5425
|
padding: ({
|
|
5570
5426
|
isMobile
|
|
5571
5427
|
} = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
|
|
5572
|
-
backgroundColor: theme?.
|
|
5428
|
+
backgroundColor: theme?.palette?.background?.primary,
|
|
5573
5429
|
'&, & *, & *:before, & *:after': {
|
|
5574
5430
|
fontFamily: theme?.typography?.fontFamily,
|
|
5575
5431
|
boxSizing: 'border-box'
|
|
@@ -5584,7 +5440,7 @@ const useFaqListStyles = createUseStyles(theme => ({
|
|
|
5584
5440
|
} = {}) => containerWidth
|
|
5585
5441
|
},
|
|
5586
5442
|
sectionSubheading: {
|
|
5587
|
-
color: theme?.
|
|
5443
|
+
color: theme?.palette?.font.default,
|
|
5588
5444
|
fontSize: theme.typography.fontSize.subHead,
|
|
5589
5445
|
marginBottom: '8px',
|
|
5590
5446
|
wordBreak: 'break-word'
|
|
@@ -5593,16 +5449,15 @@ const useFaqListStyles = createUseStyles(theme => ({
|
|
|
5593
5449
|
fontSize: theme.typography.fontSize.h2,
|
|
5594
5450
|
fontWeight: theme.typography.fontWeight.bold,
|
|
5595
5451
|
wordBreak: 'break-word',
|
|
5596
|
-
marginBottom: `${theme.spacing.margin.tiny}px
|
|
5597
|
-
color: theme?.colors?.font3
|
|
5452
|
+
marginBottom: `${theme.spacing.margin.tiny}px`
|
|
5598
5453
|
},
|
|
5599
5454
|
container: {
|
|
5600
5455
|
boxShadow: theme?.shadows?.secondary,
|
|
5601
5456
|
borderRadius: '8px',
|
|
5602
|
-
backgroundColor: theme?.
|
|
5457
|
+
backgroundColor: theme?.palette?.background?.default
|
|
5603
5458
|
},
|
|
5604
5459
|
basicCardContainer: {
|
|
5605
|
-
borderBottom:
|
|
5460
|
+
borderBottom: theme?.borders?.secondary,
|
|
5606
5461
|
padding: `${theme.spacing.padding.tiny}px`
|
|
5607
5462
|
},
|
|
5608
5463
|
innerContainer: {
|
|
@@ -5621,14 +5476,14 @@ const useFaqListStyles = createUseStyles(theme => ({
|
|
|
5621
5476
|
alignItems: 'center'
|
|
5622
5477
|
},
|
|
5623
5478
|
title: {
|
|
5624
|
-
color: theme?.
|
|
5479
|
+
color: theme?.palette?.font.default,
|
|
5625
5480
|
fontSize: theme.typography.fontSize.h5,
|
|
5626
5481
|
fontWeight: theme.typography.fontWeight.bold,
|
|
5627
5482
|
margin: '0',
|
|
5628
5483
|
wordBreak: 'break-word'
|
|
5629
5484
|
},
|
|
5630
5485
|
content: {
|
|
5631
|
-
color: theme?.
|
|
5486
|
+
color: theme?.palette?.font.primary,
|
|
5632
5487
|
fontSize: theme.typography.fontSize.body,
|
|
5633
5488
|
lineHeight: '24px',
|
|
5634
5489
|
maxHeight: ({
|
|
@@ -5748,10 +5603,11 @@ var index$a = /*#__PURE__*/Object.freeze({
|
|
|
5748
5603
|
|
|
5749
5604
|
const useTextGridStyles = createUseStyles(theme => ({
|
|
5750
5605
|
section: {
|
|
5751
|
-
background: theme.colors.background1,
|
|
5752
5606
|
padding: ({
|
|
5753
5607
|
isMobile
|
|
5754
5608
|
} = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
|
|
5609
|
+
// backgroundColor: theme?.palette?.background?.primary,
|
|
5610
|
+
|
|
5755
5611
|
'&, & *, & *:before, & *:after': {
|
|
5756
5612
|
fontFamily: theme?.typography?.fontFamily,
|
|
5757
5613
|
boxSizing: 'border-box'
|
|
@@ -5759,7 +5615,14 @@ const useTextGridStyles = createUseStyles(theme => ({
|
|
|
5759
5615
|
'& h2,& h3,& p': {
|
|
5760
5616
|
marginTop: '0'
|
|
5761
5617
|
}
|
|
5618
|
+
// '& h2,& h3': {
|
|
5619
|
+
// fontWeight: '500',
|
|
5620
|
+
// '& b,& strong': {
|
|
5621
|
+
// fontWeight: '700'
|
|
5622
|
+
// }
|
|
5623
|
+
// }
|
|
5762
5624
|
},
|
|
5625
|
+
|
|
5763
5626
|
sectionContainer: {
|
|
5764
5627
|
margin: '0 auto',
|
|
5765
5628
|
maxWidth: ({
|
|
@@ -5767,7 +5630,7 @@ const useTextGridStyles = createUseStyles(theme => ({
|
|
|
5767
5630
|
} = {}) => containerWidth
|
|
5768
5631
|
},
|
|
5769
5632
|
subheading: {
|
|
5770
|
-
color: theme?.
|
|
5633
|
+
color: theme?.palette?.font.default,
|
|
5771
5634
|
fontSize: theme.typography.fontSize.subHead,
|
|
5772
5635
|
lineHeight: '20px',
|
|
5773
5636
|
letterSpacing: '3px',
|
|
@@ -5781,8 +5644,7 @@ const useTextGridStyles = createUseStyles(theme => ({
|
|
|
5781
5644
|
fontWeight: theme.typography.fontWeight.bold,
|
|
5782
5645
|
letterSpacing: '-3px',
|
|
5783
5646
|
marginBottom: theme.spacing.margin.tiny,
|
|
5784
|
-
wordBreak: 'break-word'
|
|
5785
|
-
color: theme?.colors?.font1
|
|
5647
|
+
wordBreak: 'break-word'
|
|
5786
5648
|
},
|
|
5787
5649
|
sliderContainer: {
|
|
5788
5650
|
margin: '0 -10px'
|
|
@@ -6052,7 +5914,7 @@ const useCourseStyles = createUseStyles(theme => {
|
|
|
6052
5914
|
display: 'flex',
|
|
6053
5915
|
justifyContent: 'flex-start',
|
|
6054
5916
|
alignItems: 'center',
|
|
6055
|
-
fontSize: theme.typography.fontSize.
|
|
5917
|
+
fontSize: theme.typography.fontSize.subHead,
|
|
6056
5918
|
color: theme?.palette?.font?.primary,
|
|
6057
5919
|
'& img': {
|
|
6058
5920
|
marginRight: '5px'
|
|
@@ -6185,13 +6047,6 @@ async function getCourseList(baseURLs, hashToken) {
|
|
|
6185
6047
|
|
|
6186
6048
|
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";
|
|
6187
6049
|
|
|
6188
|
-
function getShortenedSubstring(name, length, allowDots = true) {
|
|
6189
|
-
if (name) {
|
|
6190
|
-
return name.length < length ? name : `${name.substr(0, length)}${allowDots && '...'}`;
|
|
6191
|
-
}
|
|
6192
|
-
return '';
|
|
6193
|
-
}
|
|
6194
|
-
|
|
6195
6050
|
const formatCurrency = (countryCode, value, currencySymbol) => {
|
|
6196
6051
|
let formattedValue = Number(value);
|
|
6197
6052
|
const getFormattedValue = (countryCode, currencySymbol, value) => {
|
|
@@ -6459,10 +6314,11 @@ var index$8 = /*#__PURE__*/Object.freeze({
|
|
|
6459
6314
|
const useTeamStyles = createUseStyles(theme => {
|
|
6460
6315
|
return {
|
|
6461
6316
|
teamSuperContainer: {
|
|
6462
|
-
background: `linear-gradient(180deg, ${theme?.colors?.background2} 50%, #FFFFFF 50%)`,
|
|
6463
6317
|
padding: ({
|
|
6464
6318
|
isMobile
|
|
6465
6319
|
} = {}) => 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`,
|
|
6320
|
+
// backgroundColor: theme?.palette?.background?.primary,
|
|
6321
|
+
|
|
6466
6322
|
'&, & *, & *:before, & *:after': {
|
|
6467
6323
|
fontFamily: theme?.typography?.fontFamily,
|
|
6468
6324
|
boxSizing: 'border-box'
|
|
@@ -6483,17 +6339,25 @@ const useTeamStyles = createUseStyles(theme => {
|
|
|
6483
6339
|
lineHeight: '20px',
|
|
6484
6340
|
letterSpacing: '3px',
|
|
6485
6341
|
marginBottom: '8px',
|
|
6486
|
-
color: theme?.
|
|
6342
|
+
color: theme?.palette?.font?.default,
|
|
6487
6343
|
// wordBreak: 'break-word',
|
|
6488
6344
|
position: 'relative'
|
|
6489
6345
|
},
|
|
6346
|
+
partialBackground: {
|
|
6347
|
+
position: 'absolute',
|
|
6348
|
+
top: '0',
|
|
6349
|
+
left: '0',
|
|
6350
|
+
height: '50%',
|
|
6351
|
+
background: theme?.palette?.background?.primary,
|
|
6352
|
+
width: '100%'
|
|
6353
|
+
},
|
|
6490
6354
|
teamTitle: {
|
|
6491
6355
|
fontSize: theme.typography.fontSize.h2,
|
|
6492
6356
|
fontWeight: theme.typography.fontWeight.bold,
|
|
6493
6357
|
lineHeight: '70px',
|
|
6494
6358
|
letterSpacing: '-3px',
|
|
6495
6359
|
wordBreak: 'break-word',
|
|
6496
|
-
color: theme?.
|
|
6360
|
+
color: theme?.palette?.font?.default,
|
|
6497
6361
|
position: 'relative'
|
|
6498
6362
|
},
|
|
6499
6363
|
sliderContainer: {
|
|
@@ -6585,10 +6449,12 @@ const useTeamStyles = createUseStyles(theme => {
|
|
|
6585
6449
|
teamDetailsHeading: {
|
|
6586
6450
|
fontSize: '16px',
|
|
6587
6451
|
lineHeight: '24px',
|
|
6588
|
-
margin: '0'
|
|
6452
|
+
margin: '0',
|
|
6453
|
+
color: theme?.palette?.font?.body
|
|
6589
6454
|
},
|
|
6590
6455
|
teamDetailsSubHeading: {
|
|
6591
|
-
marginTop: '0px'
|
|
6456
|
+
marginTop: '0px',
|
|
6457
|
+
color: theme?.palette?.font?.primary
|
|
6592
6458
|
}
|
|
6593
6459
|
}
|
|
6594
6460
|
};
|
|
@@ -6699,7 +6565,7 @@ const useSectionStyles$1 = createUseStyles(theme => ({
|
|
|
6699
6565
|
justifyContent: 'center',
|
|
6700
6566
|
flexDirection: 'column',
|
|
6701
6567
|
alignItems: 'center',
|
|
6702
|
-
|
|
6568
|
+
backgroundColor: theme?.palette?.background?.default,
|
|
6703
6569
|
padding: ({
|
|
6704
6570
|
isMobile
|
|
6705
6571
|
} = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
|
|
@@ -6721,16 +6587,16 @@ const useSectionStyles$1 = createUseStyles(theme => ({
|
|
|
6721
6587
|
containerWidth
|
|
6722
6588
|
} = {}) => containerWidth
|
|
6723
6589
|
},
|
|
6724
|
-
|
|
6725
|
-
|
|
6726
|
-
|
|
6727
|
-
|
|
6728
|
-
|
|
6729
|
-
|
|
6730
|
-
|
|
6731
|
-
|
|
6590
|
+
partialBackground: {
|
|
6591
|
+
top: '0',
|
|
6592
|
+
left: '0',
|
|
6593
|
+
width: '100%',
|
|
6594
|
+
height: '50%',
|
|
6595
|
+
position: 'absolute',
|
|
6596
|
+
background: theme?.palette?.background?.primary
|
|
6597
|
+
},
|
|
6732
6598
|
sectionContainer: {
|
|
6733
|
-
backgroundColor: theme?.
|
|
6599
|
+
backgroundColor: theme?.palette?.background?.default,
|
|
6734
6600
|
boxShadow: theme?.shadows?.secondary,
|
|
6735
6601
|
borderRadius: theme?.shape?.borderRadius?.regular,
|
|
6736
6602
|
padding: '48px',
|
|
@@ -6739,7 +6605,7 @@ const useSectionStyles$1 = createUseStyles(theme => ({
|
|
|
6739
6605
|
title: {
|
|
6740
6606
|
margin: '0',
|
|
6741
6607
|
fontSize: theme.typography.fontSize.h2,
|
|
6742
|
-
color: theme?.
|
|
6608
|
+
color: theme?.palette?.font?.default,
|
|
6743
6609
|
fontWeight: theme.typography.fontWeight.bold,
|
|
6744
6610
|
lineHeight: '71px',
|
|
6745
6611
|
letterSpacing: '-3px',
|
|
@@ -6762,7 +6628,7 @@ const useSectionStyles$1 = createUseStyles(theme => ({
|
|
|
6762
6628
|
subtitle: {
|
|
6763
6629
|
// margin: '0 0 40px 0',
|
|
6764
6630
|
fontSize: theme.typography.fontSize.h5,
|
|
6765
|
-
color: theme?.
|
|
6631
|
+
color: theme?.palette?.font?.default,
|
|
6766
6632
|
lineHeight: '32px',
|
|
6767
6633
|
wordBreak: 'break-word',
|
|
6768
6634
|
marginBottom: '32px'
|
|
@@ -6785,7 +6651,7 @@ const useSectionStyles$1 = createUseStyles(theme => ({
|
|
|
6785
6651
|
},
|
|
6786
6652
|
addressText: {
|
|
6787
6653
|
fontSize: theme.typography.fontSize.h6,
|
|
6788
|
-
color: theme?.
|
|
6654
|
+
color: theme?.palette?.font?.default,
|
|
6789
6655
|
lineHeight: '24px',
|
|
6790
6656
|
fontSize: '16px'
|
|
6791
6657
|
},
|
|
@@ -7122,7 +6988,7 @@ const useSectionStyles = createUseStyles(theme => ({
|
|
|
7122
6988
|
padding: ({
|
|
7123
6989
|
isMobile
|
|
7124
6990
|
} = {}) => isMobile ? `${theme.spacing.padding.regular}px ${theme.spacing.padding.small}px` : `${theme.spacing.padding.small}px ${theme.spacing.padding.medium}px`,
|
|
7125
|
-
|
|
6991
|
+
backgroundColor: theme?.palette?.background?.default,
|
|
7126
6992
|
'&, & *, & *:before, & *:after': {
|
|
7127
6993
|
fontFamily: theme?.typography?.fontFamily,
|
|
7128
6994
|
boxSizing: 'border-box'
|
|
@@ -7142,8 +7008,16 @@ const useSectionStyles = createUseStyles(theme => ({
|
|
|
7142
7008
|
containerWidth
|
|
7143
7009
|
} = {}) => containerWidth
|
|
7144
7010
|
},
|
|
7011
|
+
partialBackground: {
|
|
7012
|
+
top: '0',
|
|
7013
|
+
left: '0',
|
|
7014
|
+
width: '100%',
|
|
7015
|
+
height: '50%',
|
|
7016
|
+
position: 'absolute',
|
|
7017
|
+
background: theme?.palette?.background?.primary
|
|
7018
|
+
},
|
|
7145
7019
|
sectionContainer: {
|
|
7146
|
-
backgroundColor: theme?.
|
|
7020
|
+
backgroundColor: theme?.palette?.background?.default,
|
|
7147
7021
|
boxShadow: theme?.shadows?.secondary,
|
|
7148
7022
|
borderRadius: theme?.shape?.borderRadius?.regular,
|
|
7149
7023
|
padding: '48px',
|
|
@@ -7152,7 +7026,7 @@ const useSectionStyles = createUseStyles(theme => ({
|
|
|
7152
7026
|
title: {
|
|
7153
7027
|
margin: '0',
|
|
7154
7028
|
fontSize: theme.typography.fontSize.h2,
|
|
7155
|
-
color: theme?.
|
|
7029
|
+
color: theme?.palette?.font?.default,
|
|
7156
7030
|
lineHeight: '71px',
|
|
7157
7031
|
letterSpacing: '-3px',
|
|
7158
7032
|
textAlign: 'left',
|
|
@@ -7177,7 +7051,7 @@ const useSectionStyles = createUseStyles(theme => ({
|
|
|
7177
7051
|
subtitle: {
|
|
7178
7052
|
// margin: '0 0 auto 0',
|
|
7179
7053
|
fontSize: theme.typography.fontSize.h6,
|
|
7180
|
-
color: theme?.
|
|
7054
|
+
color: theme?.palette?.font?.default,
|
|
7181
7055
|
// lineHeight: '32px',
|
|
7182
7056
|
// margin: '16px 0',
|
|
7183
7057
|
textAlign: 'center',
|
|
@@ -7208,8 +7082,8 @@ const useSectionStyles = createUseStyles(theme => ({
|
|
|
7208
7082
|
inputField: {
|
|
7209
7083
|
width: '100%',
|
|
7210
7084
|
// maxWidth: '314px',
|
|
7211
|
-
|
|
7212
|
-
border: `1px solid ${theme?.
|
|
7085
|
+
background: theme?.palette?.background?.default,
|
|
7086
|
+
border: `1px solid ${theme?.palette?.border?.secondary}`,
|
|
7213
7087
|
borderRadius: theme?.shape?.borderRadius?.regular,
|
|
7214
7088
|
// padding: '14px 12px',
|
|
7215
7089
|
display: 'flex',
|
|
@@ -7222,7 +7096,7 @@ const useSectionStyles = createUseStyles(theme => ({
|
|
|
7222
7096
|
fontWeight: '400',
|
|
7223
7097
|
fontSize: theme.typography.fontSize.subHead,
|
|
7224
7098
|
lineHeight: '20px',
|
|
7225
|
-
color: theme?.
|
|
7099
|
+
color: theme?.palette?.font?.primary,
|
|
7226
7100
|
fontFamily: theme?.typography?.fontFamily
|
|
7227
7101
|
},
|
|
7228
7102
|
'&:focus': {
|
|
@@ -7535,7 +7409,6 @@ const useWebinarPromotionPage = createUseStyles(theme => {
|
|
|
7535
7409
|
webinarSuperContainer: {
|
|
7536
7410
|
display: 'flex',
|
|
7537
7411
|
justifyContent: 'center',
|
|
7538
|
-
background: theme.colors.background1,
|
|
7539
7412
|
padding: ({
|
|
7540
7413
|
isMobile
|
|
7541
7414
|
} = {}) => isMobile ? `${theme.spacing.padding.medium}px ${theme.spacing.padding.regular}px` : `${theme.spacing.padding.regular}px ${theme.spacing.padding.medium}px`,
|
|
@@ -7558,6 +7431,30 @@ const useWebinarPromotionPage = createUseStyles(theme => {
|
|
|
7558
7431
|
maxWidth: '1440px',
|
|
7559
7432
|
fontFamily: theme?.typography?.fontFamily
|
|
7560
7433
|
},
|
|
7434
|
+
// videoTestimonialHeading: {
|
|
7435
|
+
// fontSize: theme.typography.fontSize.subHead,
|
|
7436
|
+
// lineHeight: '20px',
|
|
7437
|
+
// letterSpacing: '3px',
|
|
7438
|
+
// textTransform: 'uppercase',
|
|
7439
|
+
// color: theme.palette.font.tertiary,
|
|
7440
|
+
// wordBreak: 'break-word',
|
|
7441
|
+
// fontWeight: theme.typography.fontWeight.bold,
|
|
7442
|
+
// },
|
|
7443
|
+
|
|
7444
|
+
// videoTestimonialTitle: {
|
|
7445
|
+
// fontSize: theme.typography.fontSize.h2,
|
|
7446
|
+
// lineHeight: '71px',
|
|
7447
|
+
// fontWeight: theme.typography.fontWeight.bold,
|
|
7448
|
+
// letterSpacing: '-3px',
|
|
7449
|
+
// margin: '0',
|
|
7450
|
+
// color: theme.palette.font.default,
|
|
7451
|
+
// wordBreak: 'break-word'
|
|
7452
|
+
// },
|
|
7453
|
+
|
|
7454
|
+
// videoCarouselContainer: {
|
|
7455
|
+
// marginTop: '16px'
|
|
7456
|
+
// },
|
|
7457
|
+
|
|
7561
7458
|
webinarCarousel: {
|
|
7562
7459
|
display: 'flex',
|
|
7563
7460
|
justifyContent: 'flex-start',
|
|
@@ -7586,7 +7483,7 @@ const useWebinarPromotionPage = createUseStyles(theme => {
|
|
|
7586
7483
|
},
|
|
7587
7484
|
offerText: {
|
|
7588
7485
|
textAlign: 'center',
|
|
7589
|
-
color: theme
|
|
7486
|
+
color: theme.palette.font.primary,
|
|
7590
7487
|
marginBottom: '5%'
|
|
7591
7488
|
},
|
|
7592
7489
|
offerPrice: {
|
|
@@ -7633,7 +7530,7 @@ const useWebinarPromotionPage = createUseStyles(theme => {
|
|
|
7633
7530
|
margin: '0',
|
|
7634
7531
|
letterSpacing: '-1px',
|
|
7635
7532
|
wordBreak: wordBreakValue => wordBreakValue || 'break-word',
|
|
7636
|
-
color: theme
|
|
7533
|
+
color: theme.palette.font.default
|
|
7637
7534
|
},
|
|
7638
7535
|
courseViewContainer: {
|
|
7639
7536
|
width: '645px',
|
|
@@ -7648,7 +7545,7 @@ const useWebinarPromotionPage = createUseStyles(theme => {
|
|
|
7648
7545
|
bannerContainer: {
|
|
7649
7546
|
width: '100%',
|
|
7650
7547
|
background: '#EB5757',
|
|
7651
|
-
color:
|
|
7548
|
+
color: '#fff',
|
|
7652
7549
|
textAlign: 'center',
|
|
7653
7550
|
padding: '10px 10px 23px 40px',
|
|
7654
7551
|
wordWrap: 'break-word',
|
|
@@ -7667,26 +7564,24 @@ const useWebinarPromotionPage = createUseStyles(theme => {
|
|
|
7667
7564
|
display: 'flex',
|
|
7668
7565
|
alignItems: 'center',
|
|
7669
7566
|
marginRight: '20px',
|
|
7670
|
-
color: theme?.colors?.font1,
|
|
7671
7567
|
'& div': {
|
|
7672
|
-
fontSize: theme.typography.fontSize.
|
|
7568
|
+
fontSize: theme.typography.fontSize.subHead,
|
|
7673
7569
|
marginLeft: '10px'
|
|
7674
7570
|
}
|
|
7675
7571
|
},
|
|
7676
7572
|
courseDetailContent: {
|
|
7677
|
-
fontSize: theme.typography.fontSize.
|
|
7678
|
-
lineHeight: '21px',
|
|
7573
|
+
fontSize: theme.typography.fontSize.subHead,
|
|
7679
7574
|
wordBreak: 'break-word',
|
|
7680
|
-
color: theme
|
|
7575
|
+
color: theme.palette.font.primary,
|
|
7681
7576
|
whiteSpace: 'pre-wrap',
|
|
7682
7577
|
width: '80%'
|
|
7683
7578
|
},
|
|
7684
7579
|
courseDetailViewFullDetails: {
|
|
7685
7580
|
cursor: 'pointer',
|
|
7686
|
-
fontSize: theme.typography.fontSize.
|
|
7581
|
+
fontSize: theme.typography.fontSize.subHead,
|
|
7687
7582
|
lineHeight: '24px',
|
|
7688
|
-
color: theme?.colors?.font1,
|
|
7689
7583
|
marginTop: '-20px',
|
|
7584
|
+
color: '#00ADE7',
|
|
7690
7585
|
wordBreak: 'break-word'
|
|
7691
7586
|
},
|
|
7692
7587
|
courseDetailTime: {
|
|
@@ -7893,13 +7788,13 @@ const SingleVideoSlide$1 = props => {
|
|
|
7893
7788
|
className: classes.iconBackground
|
|
7894
7789
|
}, /*#__PURE__*/React.createElement(Icon, {
|
|
7895
7790
|
name: 'Calendar',
|
|
7896
|
-
color: theme
|
|
7791
|
+
color: theme.palette.primary.main
|
|
7897
7792
|
})), /*#__PURE__*/React.createElement("div", null, moment(data.startDate).locale(momentLocale).format('Do MMM YY') + ' ', moment(data.startTime).locale(momentLocale).format('h:mm A'), /*#__PURE__*/React.createElement("span", null, " - "), moment(data.endTime).locale(momentLocale).format('h:mm A'))), /*#__PURE__*/React.createElement("div", {
|
|
7898
7793
|
className: classes.courseDetailTag
|
|
7899
7794
|
}, /*#__PURE__*/React.createElement("span", {
|
|
7900
7795
|
className: classes.iconBackground
|
|
7901
7796
|
}, /*#__PURE__*/React.createElement(Icon, {
|
|
7902
|
-
color: theme
|
|
7797
|
+
color: theme.palette.primary.main,
|
|
7903
7798
|
width: "20px",
|
|
7904
7799
|
name: `${data.webinarLocation === 'Location' ? 'Location' : 'Video'}`
|
|
7905
7800
|
})), /*#__PURE__*/React.createElement("div", null, data.webinarLocation === 'Location' ? data.webinarLink : data.webinarLocation))), /*#__PURE__*/React.createElement("p", {
|
|
@@ -8007,15 +7902,13 @@ var index$4 = /*#__PURE__*/Object.freeze({
|
|
|
8007
7902
|
});
|
|
8008
7903
|
|
|
8009
7904
|
const useCoursePromotionPage = createUseStyles(theme => {
|
|
8010
|
-
console.log(theme, 'themere');
|
|
8011
7905
|
return {
|
|
8012
7906
|
courseSuperContainer: {
|
|
8013
7907
|
display: 'flex',
|
|
8014
7908
|
justifyContent: 'center',
|
|
8015
|
-
background: theme?.colors?.background1,
|
|
8016
7909
|
padding: ({
|
|
8017
7910
|
isMobile
|
|
8018
|
-
} = {}) => isMobile ? `${theme.spacing.padding.
|
|
7911
|
+
} = {}) => isMobile ? `${theme.spacing.padding.medium}px ${theme.spacing.padding.regular}px` : `${theme.spacing.padding.regular}px ${theme.spacing.padding.medium}px`,
|
|
8019
7912
|
'&, & *, & *:before, & *:after': {
|
|
8020
7913
|
fontFamily: theme?.typography?.fontFamily,
|
|
8021
7914
|
boxSizing: 'border-box'
|
|
@@ -8125,7 +8018,7 @@ const useCoursePromotionPage = createUseStyles(theme => {
|
|
|
8125
8018
|
display: 'flex',
|
|
8126
8019
|
flexDirection: 'column',
|
|
8127
8020
|
alignItems: 'flex-start',
|
|
8128
|
-
gap: '
|
|
8021
|
+
gap: '20px'
|
|
8129
8022
|
},
|
|
8130
8023
|
videoDetailsHeading: {
|
|
8131
8024
|
fontSize: theme.typography.fontSize.h3,
|
|
@@ -8133,7 +8026,7 @@ const useCoursePromotionPage = createUseStyles(theme => {
|
|
|
8133
8026
|
margin: '0',
|
|
8134
8027
|
letterSpacing: '-1px',
|
|
8135
8028
|
wordBreak: 'break-word',
|
|
8136
|
-
color: theme
|
|
8029
|
+
color: theme.palette.font.default
|
|
8137
8030
|
},
|
|
8138
8031
|
courseViewContainer: {
|
|
8139
8032
|
width: '445px',
|
|
@@ -8149,7 +8042,7 @@ const useCoursePromotionPage = createUseStyles(theme => {
|
|
|
8149
8042
|
bannerContainer: {
|
|
8150
8043
|
width: '100%',
|
|
8151
8044
|
background: '#EB5757',
|
|
8152
|
-
color:
|
|
8045
|
+
color: '#fff',
|
|
8153
8046
|
textAlign: 'center',
|
|
8154
8047
|
padding: '10px 10px 23px 40px',
|
|
8155
8048
|
wordWrap: 'break-word',
|
|
@@ -8188,27 +8081,26 @@ const useCoursePromotionPage = createUseStyles(theme => {
|
|
|
8188
8081
|
alignItems: 'center',
|
|
8189
8082
|
marginRight: '20px',
|
|
8190
8083
|
'& div': {
|
|
8191
|
-
fontSize: theme.typography.fontSize.
|
|
8084
|
+
fontSize: theme.typography.fontSize.subHead,
|
|
8192
8085
|
fontWeight: theme.typography.fontWeight.semiBold,
|
|
8193
8086
|
marginLeft: '10px'
|
|
8194
8087
|
}
|
|
8195
8088
|
},
|
|
8196
8089
|
courseDetailContent: {
|
|
8197
|
-
marginTop: '
|
|
8198
|
-
fontSize: theme.typography.fontSize.
|
|
8199
|
-
lineHeight: '
|
|
8090
|
+
// marginTop: '16px',
|
|
8091
|
+
fontSize: theme.typography.fontSize.subHead,
|
|
8092
|
+
lineHeight: '24px',
|
|
8200
8093
|
wordBreak: 'break-word',
|
|
8201
|
-
color: theme
|
|
8094
|
+
color: theme.palette.font.primary,
|
|
8202
8095
|
whiteSpace: 'pre-wrap',
|
|
8203
8096
|
margin: '10px 0 20px'
|
|
8204
8097
|
},
|
|
8205
8098
|
courseDetailViewFullDetails: {
|
|
8206
8099
|
cursor: 'pointer',
|
|
8207
|
-
fontSize: theme.typography.fontSize.
|
|
8208
|
-
|
|
8209
|
-
|
|
8210
|
-
|
|
8211
|
-
color: theme.colors?.font1,
|
|
8100
|
+
fontSize: theme.typography.fontSize.subHead,
|
|
8101
|
+
lineHeight: '24px',
|
|
8102
|
+
marginTop: '-24px',
|
|
8103
|
+
color: '#00ADE7',
|
|
8212
8104
|
wordBreak: 'break-word'
|
|
8213
8105
|
},
|
|
8214
8106
|
courseDetailTime: {
|
|
@@ -8279,8 +8171,7 @@ const useCoursePromotionPage = createUseStyles(theme => {
|
|
|
8279
8171
|
// fontSize: '20px',
|
|
8280
8172
|
fontWeight: '600',
|
|
8281
8173
|
lineHeight: 'normal',
|
|
8282
|
-
letterSpacing: '0px'
|
|
8283
|
-
color: theme?.colors?.font1
|
|
8174
|
+
letterSpacing: '0px'
|
|
8284
8175
|
},
|
|
8285
8176
|
videoTestimonialTitle: {
|
|
8286
8177
|
// fontSize: '24px',
|
|
@@ -8597,7 +8488,7 @@ const useFormPageStyles = createUseStyles(theme => ({
|
|
|
8597
8488
|
padding: ({
|
|
8598
8489
|
isMobile
|
|
8599
8490
|
} = {}) => isMobile ? `${theme.spacing.padding.medium}px ${theme.spacing.padding.regular}px` : `${theme.spacing.padding.regular}px ${theme.spacing.padding.medium}px`,
|
|
8600
|
-
background:
|
|
8491
|
+
background: '#F4F9FF',
|
|
8601
8492
|
'&, & *, & *:before, & *:after': {
|
|
8602
8493
|
fontFamily: theme?.typography?.fontFamily,
|
|
8603
8494
|
boxSizing: 'border-box'
|
|
@@ -8614,7 +8505,7 @@ const useFormPageStyles = createUseStyles(theme => ({
|
|
|
8614
8505
|
marginTop: '8px',
|
|
8615
8506
|
fontSize: theme.typography.fontSize.h6,
|
|
8616
8507
|
lineHeight: '23px',
|
|
8617
|
-
color:
|
|
8508
|
+
color: 'rgba(51, 51, 51, 0.5)',
|
|
8618
8509
|
marginBottom: theme.spacing.margin.tiny
|
|
8619
8510
|
},
|
|
8620
8511
|
formPageFormContainer: {
|
|
@@ -8633,8 +8524,8 @@ const useFormPageStyles = createUseStyles(theme => ({
|
|
|
8633
8524
|
},
|
|
8634
8525
|
|
|
8635
8526
|
inputFieldLabel: {
|
|
8636
|
-
color:
|
|
8637
|
-
fontSize: theme.typography.fontSize.
|
|
8527
|
+
color: '#333',
|
|
8528
|
+
fontSize: theme.typography.fontSize.subHead,
|
|
8638
8529
|
fontWeight: theme.typography.fontWeight.semiBold,
|
|
8639
8530
|
display: 'block',
|
|
8640
8531
|
marginTop: '20px',
|
|
@@ -8645,8 +8536,8 @@ const useFormPageStyles = createUseStyles(theme => ({
|
|
|
8645
8536
|
borderRadius: '8px',
|
|
8646
8537
|
border: '1px solid #D8E0F0',
|
|
8647
8538
|
padding: '12px 16px',
|
|
8648
|
-
color:
|
|
8649
|
-
fontSize: theme.typography.fontSize.
|
|
8539
|
+
color: '#7D8592',
|
|
8540
|
+
fontSize: theme.typography.fontSize.subHead
|
|
8650
8541
|
},
|
|
8651
8542
|
checkboxField: {
|
|
8652
8543
|
// padding: '20px',
|
|
@@ -8654,21 +8545,21 @@ const useFormPageStyles = createUseStyles(theme => ({
|
|
|
8654
8545
|
// borderRadius: '8px'
|
|
8655
8546
|
},
|
|
8656
8547
|
checkBoxFieldLabel: {
|
|
8657
|
-
color:
|
|
8658
|
-
fontSize: theme.typography.fontSize.
|
|
8548
|
+
color: '#333',
|
|
8549
|
+
fontSize: theme.typography.fontSize.subHead,
|
|
8659
8550
|
fontWeight: theme.typography.fontWeight.semiBold,
|
|
8660
8551
|
marginTop: '20px',
|
|
8661
8552
|
marginBottom: '12px'
|
|
8662
8553
|
},
|
|
8663
8554
|
inputFieldRequired: {
|
|
8664
|
-
color:
|
|
8555
|
+
color: '#F41828'
|
|
8665
8556
|
},
|
|
8666
8557
|
checkboxFieldControl: {
|
|
8667
8558
|
padding: '8px 0',
|
|
8668
8559
|
'& label': {
|
|
8669
|
-
fontSize: theme.typography.fontSize.
|
|
8560
|
+
fontSize: theme.typography.fontSize.subHead,
|
|
8670
8561
|
marginLeft: '10px',
|
|
8671
|
-
color:
|
|
8562
|
+
color: '#7D8592'
|
|
8672
8563
|
}
|
|
8673
8564
|
},
|
|
8674
8565
|
submitBtnContainer: {
|
|
@@ -8681,7 +8572,8 @@ const useFormPageStyles = createUseStyles(theme => ({
|
|
|
8681
8572
|
'& button': {
|
|
8682
8573
|
// height: '44px',
|
|
8683
8574
|
padding: '16px 24px',
|
|
8684
|
-
|
|
8575
|
+
color: '#FFFFFF',
|
|
8576
|
+
fontSize: theme.typography.fontSize.subHead,
|
|
8685
8577
|
cursor: 'pointer',
|
|
8686
8578
|
borderRadius: '8px'
|
|
8687
8579
|
}
|
|
@@ -9689,7 +9581,7 @@ function PageRenderer({
|
|
|
9689
9581
|
countryCode,
|
|
9690
9582
|
currencySymbol
|
|
9691
9583
|
}), [isMobile, isLandingPages, layout, baseURLs, hashToken, isPreview, isEdit, templateId, navList, isMasterTemplate, basePath, validations, isTutorWebsite, extraProps, hideLogin, _id, countryCode, currencySymbol]);
|
|
9692
|
-
const theme = useMemo(() =>
|
|
9584
|
+
const theme = useMemo(() => getTheme(color, font, context.isMobile), [color, font, context.isMobile]);
|
|
9693
9585
|
const Wrapper = SectionWrapper || Fragment;
|
|
9694
9586
|
return /*#__PURE__*/React.createElement(ThemeProvider, {
|
|
9695
9587
|
theme: theme
|