diy-template-components 0.3.8 → 1.0.0
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 +578 -574
- package/build/index.es.js.map +1 -1
- package/build/index.js +176 -171
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.es.js
CHANGED
|
@@ -1,19 +1,20 @@
|
|
|
1
|
-
function ___$insertStyle(css) {
|
|
2
|
-
if (!css ||
|
|
3
|
-
return;
|
|
4
|
-
}
|
|
5
|
-
const style = document.createElement('style');
|
|
6
|
-
style.setAttribute('type', 'text/css');
|
|
7
|
-
style.innerHTML = css;
|
|
8
|
-
document.head.appendChild(style);
|
|
9
|
-
return css;
|
|
1
|
+
function ___$insertStyle(css) {
|
|
2
|
+
if (!css || !window) {
|
|
3
|
+
return;
|
|
4
|
+
}
|
|
5
|
+
const style = document.createElement('style');
|
|
6
|
+
style.setAttribute('type', 'text/css');
|
|
7
|
+
style.innerHTML = css;
|
|
8
|
+
document.head.appendChild(style);
|
|
9
|
+
return css;
|
|
10
10
|
}
|
|
11
11
|
|
|
12
|
-
import React, { createContext, useContext, forwardRef, useRef, useEffect, useState, useMemo, useLayoutEffect, Suspense, memo, lazy, Fragment } from 'react';
|
|
12
|
+
import React$1, { createContext, useContext, forwardRef, useRef, useEffect, useState, useMemo, useLayoutEffect, Suspense, memo, lazy, Fragment } from 'react';
|
|
13
13
|
import Slider from 'react-slick';
|
|
14
14
|
import axios from 'axios';
|
|
15
15
|
import moment from 'moment';
|
|
16
16
|
import Countdown from 'react-countdown';
|
|
17
|
+
import koreanLocale from 'moment/locale/ko';
|
|
17
18
|
import ReactDOMServer from 'react-dom/server';
|
|
18
19
|
import { createTheming, createUseStyles as createUseStyles$1, useTheme as useTheme$1 } from 'react-jss';
|
|
19
20
|
|
|
@@ -34,7 +35,7 @@ function _extends() {
|
|
|
34
35
|
|
|
35
36
|
const PageContext = /*#__PURE__*/createContext({});
|
|
36
37
|
|
|
37
|
-
const context = /*#__PURE__*/React.createContext({});
|
|
38
|
+
const context = /*#__PURE__*/React$1.createContext({});
|
|
38
39
|
const theming = createTheming(context);
|
|
39
40
|
const createUseStyles = styles => createUseStyles$1(styles, {
|
|
40
41
|
theming
|
|
@@ -505,21 +506,21 @@ const Button = /*#__PURE__*/forwardRef(function Button({
|
|
|
505
506
|
fluid,
|
|
506
507
|
disabled
|
|
507
508
|
});
|
|
508
|
-
return data?.isLink ? /*#__PURE__*/React.createElement("a", _extends({
|
|
509
|
+
return data?.isLink ? /*#__PURE__*/React$1.createElement("a", _extends({
|
|
509
510
|
ref: ref,
|
|
510
511
|
href: link,
|
|
511
512
|
target: data?.isExternal ? '_blank' : null,
|
|
512
513
|
rel: data?.isExternal ? 'nofollow noopener' : null,
|
|
513
514
|
className: (active ? classes.active : '') + ' ' + classes[type] + ' ' + classes[size] + ' ' + classes.anchorClass,
|
|
514
515
|
style: styling
|
|
515
|
-
}, elementProps), data?.value) : /*#__PURE__*/React.createElement("button", _extends({
|
|
516
|
+
}, elementProps), data?.value) : /*#__PURE__*/React$1.createElement("button", _extends({
|
|
516
517
|
ref: ref,
|
|
517
518
|
className: (active ? classes.active : '') + ' ' + classes[type] + ' ' + classes[size],
|
|
518
519
|
onClick: isEdit ? null : onClick,
|
|
519
520
|
style: styling
|
|
520
521
|
}, elementProps, {
|
|
521
522
|
disabled: disabled
|
|
522
|
-
}), /*#__PURE__*/React.createElement("span", {
|
|
523
|
+
}), /*#__PURE__*/React$1.createElement("span", {
|
|
523
524
|
dangerouslySetInnerHTML: {
|
|
524
525
|
__html: data?.value
|
|
525
526
|
}
|
|
@@ -902,7 +903,7 @@ const Icon = ({
|
|
|
902
903
|
});
|
|
903
904
|
}
|
|
904
905
|
}, [name]);
|
|
905
|
-
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
906
|
+
return /*#__PURE__*/React$1.createElement("svg", _extends({
|
|
906
907
|
ref: rootRef,
|
|
907
908
|
className: _className
|
|
908
909
|
}, svgState.attributes, {
|
|
@@ -985,20 +986,20 @@ const useDropdownStyles = createUseStyles(theme => ({
|
|
|
985
986
|
function Dropdown(props) {
|
|
986
987
|
const theme = useTheme();
|
|
987
988
|
const classes = useDropdownStyles(props);
|
|
988
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
989
|
+
return /*#__PURE__*/React$1.createElement("div", {
|
|
989
990
|
className: classes.container
|
|
990
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
991
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
991
992
|
className: classes.label
|
|
992
|
-
}, props.label, ' ', /*#__PURE__*/React.createElement(Icon, {
|
|
993
|
+
}, props.label, ' ', /*#__PURE__*/React$1.createElement(Icon, {
|
|
993
994
|
name: "Angle",
|
|
994
995
|
className: classes.icon,
|
|
995
996
|
color: theme.palette.primary.main,
|
|
996
997
|
width: "12px",
|
|
997
998
|
height: "12px"
|
|
998
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
999
|
+
})), /*#__PURE__*/React$1.createElement("div", {
|
|
999
1000
|
className: classes.listBox
|
|
1000
1001
|
}, props?.list?.map((dt, ind) => {
|
|
1001
|
-
return /*#__PURE__*/React.createElement(Button, {
|
|
1002
|
+
return /*#__PURE__*/React$1.createElement(Button, {
|
|
1002
1003
|
key: ind,
|
|
1003
1004
|
data: {
|
|
1004
1005
|
link: dt.slug,
|
|
@@ -1041,14 +1042,14 @@ function OptionList({
|
|
|
1041
1042
|
};
|
|
1042
1043
|
const tabData = tabsDataModifier();
|
|
1043
1044
|
const classes = useSectionStyles$a();
|
|
1044
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
1045
|
+
return /*#__PURE__*/React$1.createElement("div", {
|
|
1045
1046
|
className: classes.listSection
|
|
1046
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
1047
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
1047
1048
|
className: classes.optionsContainer
|
|
1048
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
1049
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
1049
1050
|
className: classes.optionList
|
|
1050
1051
|
}, tabData?.map((dt, ind) => {
|
|
1051
|
-
return /*#__PURE__*/React.createElement(Button, {
|
|
1052
|
+
return /*#__PURE__*/React$1.createElement(Button, {
|
|
1052
1053
|
key: ind,
|
|
1053
1054
|
data: dt,
|
|
1054
1055
|
type: 'tertiary',
|
|
@@ -1060,27 +1061,27 @@ function OptionList({
|
|
|
1060
1061
|
},
|
|
1061
1062
|
active: dt.active
|
|
1062
1063
|
});
|
|
1063
|
-
})), navDataCount > 5 && !isMobile ? /*#__PURE__*/React.createElement(Dropdown, {
|
|
1064
|
+
})), navDataCount > 5 && !isMobile ? /*#__PURE__*/React$1.createElement(Dropdown, {
|
|
1064
1065
|
list: moreContent,
|
|
1065
1066
|
label: 'More',
|
|
1066
1067
|
icon: arrowDown
|
|
1067
|
-
}) : null, isTutorWebsite && !headerData?.navs ? /*#__PURE__*/React.createElement("div", {
|
|
1068
|
+
}) : null, isTutorWebsite && !headerData?.navs ? /*#__PURE__*/React$1.createElement("div", {
|
|
1068
1069
|
className: classes.socialBtn
|
|
1069
|
-
}, headerData?.androidURL ? /*#__PURE__*/React.createElement("a", {
|
|
1070
|
+
}, headerData?.androidURL ? /*#__PURE__*/React$1.createElement("a", {
|
|
1070
1071
|
href: headerData?.androidURL,
|
|
1071
1072
|
target: "_blank",
|
|
1072
1073
|
className: classes.socialBtnItems
|
|
1073
|
-
}, /*#__PURE__*/React.createElement("img", {
|
|
1074
|
+
}, /*#__PURE__*/React$1.createElement("img", {
|
|
1074
1075
|
src: playStore,
|
|
1075
1076
|
alt: "playStore"
|
|
1076
|
-
})) : null, headerData?.iosUrl ? /*#__PURE__*/React.createElement("a", {
|
|
1077
|
+
})) : null, headerData?.iosUrl ? /*#__PURE__*/React$1.createElement("a", {
|
|
1077
1078
|
target: "_blank",
|
|
1078
1079
|
href: headerData?.iosUrl,
|
|
1079
1080
|
className: classes.socialBtnItems
|
|
1080
|
-
}, /*#__PURE__*/React.createElement("img", {
|
|
1081
|
+
}, /*#__PURE__*/React$1.createElement("img", {
|
|
1081
1082
|
src: appStore,
|
|
1082
1083
|
alt: "appStore"
|
|
1083
|
-
})) : null) : null, isMobile ? headerData?.appLink && /*#__PURE__*/React.createElement(Button, {
|
|
1084
|
+
})) : null) : null, isMobile ? headerData?.appLink && /*#__PURE__*/React$1.createElement(Button, {
|
|
1084
1085
|
data: {
|
|
1085
1086
|
link: headerData?.appLink,
|
|
1086
1087
|
isLink: 1,
|
|
@@ -1094,7 +1095,7 @@ function OptionList({
|
|
|
1094
1095
|
styling: isMobile ? {
|
|
1095
1096
|
margin: '0 40px'
|
|
1096
1097
|
} : {}
|
|
1097
|
-
}) : headerData?.loginCtaLink ? /*#__PURE__*/React.createElement(Button, {
|
|
1098
|
+
}) : headerData?.loginCtaLink ? /*#__PURE__*/React$1.createElement(Button, {
|
|
1098
1099
|
data: {
|
|
1099
1100
|
link: headerData?.loginCtaLink,
|
|
1100
1101
|
isLink: 1,
|
|
@@ -1163,7 +1164,7 @@ const NextImageRenderer = ({
|
|
|
1163
1164
|
}
|
|
1164
1165
|
};
|
|
1165
1166
|
const NextImage = require('next/image').default;
|
|
1166
|
-
return /*#__PURE__*/React.createElement(NextImage, _extends({
|
|
1167
|
+
return /*#__PURE__*/React$1.createElement(NextImage, _extends({
|
|
1167
1168
|
priority: sectionIndex === 0 ? true : false,
|
|
1168
1169
|
loader: imageLoader,
|
|
1169
1170
|
src: src,
|
|
@@ -1174,7 +1175,7 @@ const NextImageRenderer = ({
|
|
|
1174
1175
|
alt: "image"
|
|
1175
1176
|
}));
|
|
1176
1177
|
} else {
|
|
1177
|
-
return /*#__PURE__*/React.createElement("img", {
|
|
1178
|
+
return /*#__PURE__*/React$1.createElement("img", {
|
|
1178
1179
|
ref: refSetter,
|
|
1179
1180
|
className: className,
|
|
1180
1181
|
src: src
|
|
@@ -1182,7 +1183,7 @@ const NextImageRenderer = ({
|
|
|
1182
1183
|
}
|
|
1183
1184
|
} catch (err) {
|
|
1184
1185
|
console.log('next image failed', err);
|
|
1185
|
-
return /*#__PURE__*/React.createElement("img", {
|
|
1186
|
+
return /*#__PURE__*/React$1.createElement("img", {
|
|
1186
1187
|
ref: refSetter,
|
|
1187
1188
|
className: className,
|
|
1188
1189
|
src: src
|
|
@@ -1230,32 +1231,32 @@ function DesktopHeader({
|
|
|
1230
1231
|
}
|
|
1231
1232
|
return moreContent;
|
|
1232
1233
|
};
|
|
1233
|
-
return /*#__PURE__*/React.createElement("nav", {
|
|
1234
|
+
return /*#__PURE__*/React$1.createElement("nav", {
|
|
1234
1235
|
className: classes.section
|
|
1235
|
-
}, !(header?.websiteLogo === DEFAULT_HEADER_IMAGE_LP && isCustomWebsite) ? /*#__PURE__*/React.createElement("div", {
|
|
1236
|
+
}, !(header?.websiteLogo === DEFAULT_HEADER_IMAGE_LP && isCustomWebsite) ? /*#__PURE__*/React$1.createElement("div", {
|
|
1236
1237
|
className: classes.headerSection
|
|
1237
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
1238
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
1238
1239
|
className: classes.headerContainer
|
|
1239
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
1240
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
1240
1241
|
className: classes.imageDiv
|
|
1241
|
-
}, header?.websiteLogo ? /*#__PURE__*/React.createElement("a", {
|
|
1242
|
+
}, header?.websiteLogo ? /*#__PURE__*/React$1.createElement("a", {
|
|
1242
1243
|
href: logoUrl,
|
|
1243
1244
|
className: classes.imageAnchor,
|
|
1244
1245
|
style: {
|
|
1245
1246
|
pointerEvents: isLandingPage ? 'none' : 'auto',
|
|
1246
1247
|
cursor: isLandingPage ? 'not-allowed' : 'default'
|
|
1247
1248
|
}
|
|
1248
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
1249
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
1249
1250
|
className: classes?.imageDivImage
|
|
1250
|
-
}, /*#__PURE__*/React.createElement(NextImageRenderer, {
|
|
1251
|
+
}, /*#__PURE__*/React$1.createElement(NextImageRenderer, {
|
|
1251
1252
|
src: header?.websiteLogo,
|
|
1252
1253
|
className: classes.imageDivImageNext,
|
|
1253
1254
|
order: 1
|
|
1254
|
-
}))) : null, isTutorWebsite && header?.appName ? /*#__PURE__*/React.createElement("a", {
|
|
1255
|
+
}))) : null, isTutorWebsite && header?.appName ? /*#__PURE__*/React$1.createElement("a", {
|
|
1255
1256
|
href: logoUrl
|
|
1256
|
-
}, /*#__PURE__*/React.createElement("p", {
|
|
1257
|
+
}, /*#__PURE__*/React$1.createElement("p", {
|
|
1257
1258
|
className: classes.appNameClass
|
|
1258
|
-
}, " ", header?.appName)) : null), /*#__PURE__*/React.createElement(OptionList, {
|
|
1259
|
+
}, " ", header?.appName)) : null), /*#__PURE__*/React$1.createElement(OptionList, {
|
|
1259
1260
|
optionsData: optionDataFn(),
|
|
1260
1261
|
navDataCount: navData?.length,
|
|
1261
1262
|
headerData: header,
|
|
@@ -1263,7 +1264,7 @@ function DesktopHeader({
|
|
|
1263
1264
|
isLandingPages: isLandingPage,
|
|
1264
1265
|
moreContent: moreContentFn(),
|
|
1265
1266
|
isTutorWebsite: isTutorWebsite
|
|
1266
|
-
}))) : /*#__PURE__*/React.createElement("div", {
|
|
1267
|
+
}))) : /*#__PURE__*/React$1.createElement("div", {
|
|
1267
1268
|
style: {
|
|
1268
1269
|
paddingTop: '30px'
|
|
1269
1270
|
}
|
|
@@ -1310,11 +1311,11 @@ function MobileHeader({
|
|
|
1310
1311
|
let downloadLink = null;
|
|
1311
1312
|
if (isTutorWebsite) {
|
|
1312
1313
|
if (header?.iosUrl) {
|
|
1313
|
-
iosUrl = /*#__PURE__*/React.createElement(Button, {
|
|
1314
|
+
iosUrl = /*#__PURE__*/React$1.createElement(Button, {
|
|
1314
1315
|
data: {
|
|
1315
1316
|
link: header?.iosUrl,
|
|
1316
1317
|
isLink: 1,
|
|
1317
|
-
value: /*#__PURE__*/React.createElement("img", {
|
|
1318
|
+
value: /*#__PURE__*/React$1.createElement("img", {
|
|
1318
1319
|
src: phoneIos,
|
|
1319
1320
|
alt: "iosUrl"
|
|
1320
1321
|
}),
|
|
@@ -1331,11 +1332,11 @@ function MobileHeader({
|
|
|
1331
1332
|
});
|
|
1332
1333
|
}
|
|
1333
1334
|
if (header?.androidURL) {
|
|
1334
|
-
androidUrl = /*#__PURE__*/React.createElement(Button, {
|
|
1335
|
+
androidUrl = /*#__PURE__*/React$1.createElement(Button, {
|
|
1335
1336
|
data: {
|
|
1336
1337
|
link: header?.androidURL,
|
|
1337
1338
|
isLink: 1,
|
|
1338
|
-
value: /*#__PURE__*/React.createElement("img", {
|
|
1339
|
+
value: /*#__PURE__*/React$1.createElement("img", {
|
|
1339
1340
|
src: phoneAndroid,
|
|
1340
1341
|
alt: "iosUrl"
|
|
1341
1342
|
}),
|
|
@@ -1351,9 +1352,9 @@ function MobileHeader({
|
|
|
1351
1352
|
});
|
|
1352
1353
|
}
|
|
1353
1354
|
if (iosUrl && androidUrl) {
|
|
1354
|
-
downloadLink = /*#__PURE__*/React.createElement("div", null, iosUrl, androidUrl);
|
|
1355
|
+
downloadLink = /*#__PURE__*/React$1.createElement("div", null, iosUrl, androidUrl);
|
|
1355
1356
|
} else if (header?.iosUrl) {
|
|
1356
|
-
downloadLink = /*#__PURE__*/React.createElement(Button, {
|
|
1357
|
+
downloadLink = /*#__PURE__*/React$1.createElement(Button, {
|
|
1357
1358
|
data: {
|
|
1358
1359
|
link: header?.iosUrl,
|
|
1359
1360
|
isLink: 1,
|
|
@@ -1366,7 +1367,7 @@ function MobileHeader({
|
|
|
1366
1367
|
rel: null
|
|
1367
1368
|
});
|
|
1368
1369
|
} else if (header?.androidURL) {
|
|
1369
|
-
downloadLink = /*#__PURE__*/React.createElement(Button, {
|
|
1370
|
+
downloadLink = /*#__PURE__*/React$1.createElement(Button, {
|
|
1370
1371
|
data: {
|
|
1371
1372
|
link: header?.androidURL,
|
|
1372
1373
|
isLink: 1,
|
|
@@ -1383,7 +1384,7 @@ function MobileHeader({
|
|
|
1383
1384
|
}
|
|
1384
1385
|
} else {
|
|
1385
1386
|
if (header?.appLink) {
|
|
1386
|
-
downloadLink = /*#__PURE__*/React.createElement(Button, {
|
|
1387
|
+
downloadLink = /*#__PURE__*/React$1.createElement(Button, {
|
|
1387
1388
|
data: {
|
|
1388
1389
|
link: header?.appLink,
|
|
1389
1390
|
isLink: 1,
|
|
@@ -1399,56 +1400,56 @@ function MobileHeader({
|
|
|
1399
1400
|
downloadLink = null;
|
|
1400
1401
|
}
|
|
1401
1402
|
}
|
|
1402
|
-
return /*#__PURE__*/React.createElement("nav", {
|
|
1403
|
+
return /*#__PURE__*/React$1.createElement("nav", {
|
|
1403
1404
|
ref: navEl,
|
|
1404
1405
|
className: classes.section
|
|
1405
|
-
}, !(header?.websiteLogo === DEFAULT_HEADER_IMAGE_LP && isCustomWebsite) ? /*#__PURE__*/React.createElement("div", {
|
|
1406
|
+
}, !(header?.websiteLogo === DEFAULT_HEADER_IMAGE_LP && isCustomWebsite) ? /*#__PURE__*/React$1.createElement("div", {
|
|
1406
1407
|
className: classes.headerSection
|
|
1407
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
1408
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
1408
1409
|
className: classes.mobileHeader
|
|
1409
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
1410
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
1410
1411
|
className: classes.mobileContent
|
|
1411
|
-
}, !!navData?.length && /*#__PURE__*/React.createElement("div", {
|
|
1412
|
+
}, !!navData?.length && /*#__PURE__*/React$1.createElement("div", {
|
|
1412
1413
|
onClick: () => {
|
|
1413
1414
|
openSideMenu(true);
|
|
1414
1415
|
},
|
|
1415
1416
|
className: classes.sideDrawerImg
|
|
1416
|
-
}, /*#__PURE__*/React.createElement(Icon, {
|
|
1417
|
+
}, /*#__PURE__*/React$1.createElement(Icon, {
|
|
1417
1418
|
name: 'Menu',
|
|
1418
1419
|
color: theme.palette.primary.main,
|
|
1419
1420
|
width: '24px'
|
|
1420
|
-
})), header?.websiteLogo ? /*#__PURE__*/React.createElement("a", {
|
|
1421
|
+
})), header?.websiteLogo ? /*#__PURE__*/React$1.createElement("a", {
|
|
1421
1422
|
href: logoUrl,
|
|
1422
1423
|
className: classes.imageAnchorMobile,
|
|
1423
1424
|
style: {
|
|
1424
1425
|
pointerEvents: isLandingPage ? 'none' : 'auto',
|
|
1425
1426
|
cursor: isLandingPage ? 'not-allowed' : 'default'
|
|
1426
1427
|
}
|
|
1427
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
1428
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
1428
1429
|
className: classes?.imageDivImageMobile
|
|
1429
|
-
}, /*#__PURE__*/React.createElement(NextImageRenderer, {
|
|
1430
|
+
}, /*#__PURE__*/React$1.createElement(NextImageRenderer, {
|
|
1430
1431
|
src: header?.websiteLogo,
|
|
1431
1432
|
className: classes.imageDivImageNext,
|
|
1432
1433
|
order: 1
|
|
1433
|
-
}))) : null, isTutorWebsite && header?.appName ? /*#__PURE__*/React.createElement("p", {
|
|
1434
|
+
}))) : null, isTutorWebsite && header?.appName ? /*#__PURE__*/React$1.createElement("p", {
|
|
1434
1435
|
className: classes.mobileAppNameClass
|
|
1435
|
-
}, " ", header?.appName) : null), downloadLink), sideMenu ? /*#__PURE__*/React.createElement("div", {
|
|
1436
|
+
}, " ", header?.appName) : null), downloadLink), sideMenu ? /*#__PURE__*/React$1.createElement("div", {
|
|
1436
1437
|
className: classes.mobileMenu
|
|
1437
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
1438
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
1438
1439
|
className: classes.backdrop,
|
|
1439
1440
|
onClick: () => {
|
|
1440
1441
|
openSideMenu(false);
|
|
1441
1442
|
}
|
|
1442
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
1443
|
+
}), /*#__PURE__*/React$1.createElement("div", {
|
|
1443
1444
|
className: classes.menuContainer
|
|
1444
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
1445
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
1445
1446
|
className: classes.menuItem
|
|
1446
|
-
}, /*#__PURE__*/React.createElement(OptionList, {
|
|
1447
|
+
}, /*#__PURE__*/React$1.createElement(OptionList, {
|
|
1447
1448
|
optionsData: navData,
|
|
1448
1449
|
navDataCount: navData?.length,
|
|
1449
1450
|
headerData: header,
|
|
1450
1451
|
isMobile: true
|
|
1451
|
-
})))) : null) : /*#__PURE__*/React.createElement("div", {
|
|
1452
|
+
})))) : null) : /*#__PURE__*/React$1.createElement("div", {
|
|
1452
1453
|
style: {
|
|
1453
1454
|
paddingTop: '30px'
|
|
1454
1455
|
}
|
|
@@ -1466,12 +1467,12 @@ function Header({
|
|
|
1466
1467
|
const filterHiddenNavs = () => {
|
|
1467
1468
|
return data?.navs?.filter(dt => !dt.isHiddenNav);
|
|
1468
1469
|
};
|
|
1469
|
-
return isMobile ? /*#__PURE__*/React.createElement(MobileHeader, {
|
|
1470
|
+
return isMobile ? /*#__PURE__*/React$1.createElement(MobileHeader, {
|
|
1470
1471
|
navData: filterHiddenNavs(),
|
|
1471
1472
|
header: data,
|
|
1472
1473
|
isTutorWebsite: isTutorWebsite,
|
|
1473
1474
|
isLandingPage: isLandingPage
|
|
1474
|
-
}) : /*#__PURE__*/React.createElement(DesktopHeader, {
|
|
1475
|
+
}) : /*#__PURE__*/React$1.createElement(DesktopHeader, {
|
|
1475
1476
|
navData: filterHiddenNavs(),
|
|
1476
1477
|
header: data,
|
|
1477
1478
|
isTutorWebsite: isTutorWebsite,
|
|
@@ -1696,131 +1697,131 @@ function Footer({
|
|
|
1696
1697
|
const classes = useSectionStyles$9({
|
|
1697
1698
|
isCustomWebsite
|
|
1698
1699
|
});
|
|
1699
|
-
return /*#__PURE__*/React.createElement("footer", {
|
|
1700
|
+
return /*#__PURE__*/React$1.createElement("footer", {
|
|
1700
1701
|
className: data.metadata.isCpBranding ? `${classes.section}` : `${classes.section} ${classes.sectionNoBranding}`
|
|
1701
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
1702
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
1702
1703
|
className: data.metadata.isCpBranding ? `${classes.upperContainer}` : `${classes.upperContainer} ${classes.upperContainerNoBranding}`
|
|
1703
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
1704
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
1704
1705
|
className: classes.upperContainerItem1
|
|
1705
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
1706
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
1706
1707
|
className: classes.upperContainerItem1Img
|
|
1707
|
-
}, /*#__PURE__*/React.createElement(NextImageRenderer, {
|
|
1708
|
+
}, /*#__PURE__*/React$1.createElement(NextImageRenderer, {
|
|
1708
1709
|
src: data?.logo?.metadata?.url,
|
|
1709
1710
|
ref: data?.logo?.refSetter,
|
|
1710
1711
|
className: classes.footerLogoImage
|
|
1711
|
-
}))), /*#__PURE__*/React.createElement("div", {
|
|
1712
|
+
}))), /*#__PURE__*/React$1.createElement("div", {
|
|
1712
1713
|
className: classes.upperContainerItem2
|
|
1713
|
-
}, data?.address?.metadata.value && data?.address?.metadata.value !== '<br>' ? /*#__PURE__*/React.createElement("p", {
|
|
1714
|
+
}, data?.address?.metadata.value && data?.address?.metadata.value !== '<br>' ? /*#__PURE__*/React$1.createElement("p", {
|
|
1714
1715
|
className: classes.addressContainer
|
|
1715
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
1716
|
+
}, /*#__PURE__*/React$1.createElement("span", {
|
|
1716
1717
|
className: classes.addressImg
|
|
1717
|
-
}, /*#__PURE__*/React.createElement(Icon, {
|
|
1718
|
+
}, /*#__PURE__*/React$1.createElement(Icon, {
|
|
1718
1719
|
name: 'Location',
|
|
1719
1720
|
color: theme.palette.font.primary,
|
|
1720
1721
|
width: '18px'
|
|
1721
|
-
})), /*#__PURE__*/React.createElement("span", {
|
|
1722
|
+
})), /*#__PURE__*/React$1.createElement("span", {
|
|
1722
1723
|
className: classes.addressText,
|
|
1723
1724
|
ref: data?.address?.refSetter,
|
|
1724
1725
|
dangerouslySetInnerHTML: {
|
|
1725
1726
|
__html: data?.address?.metadata.value
|
|
1726
1727
|
}
|
|
1727
|
-
})) : null, data?.phone?.metadata.value && data?.phone?.metadata.value !== '<br>' ? /*#__PURE__*/React.createElement("p", {
|
|
1728
|
+
})) : null, data?.phone?.metadata.value && data?.phone?.metadata.value !== '<br>' ? /*#__PURE__*/React$1.createElement("p", {
|
|
1728
1729
|
className: classes.addressContainer
|
|
1729
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
1730
|
+
}, /*#__PURE__*/React$1.createElement("span", {
|
|
1730
1731
|
className: classes.addressImg
|
|
1731
|
-
}, /*#__PURE__*/React.createElement(Icon, {
|
|
1732
|
+
}, /*#__PURE__*/React$1.createElement(Icon, {
|
|
1732
1733
|
name: 'Phone',
|
|
1733
1734
|
color: theme.palette.font.primary,
|
|
1734
1735
|
width: '18px'
|
|
1735
|
-
})), /*#__PURE__*/React.createElement("span", {
|
|
1736
|
+
})), /*#__PURE__*/React$1.createElement("span", {
|
|
1736
1737
|
className: classes.addressText,
|
|
1737
1738
|
ref: data?.phone?.refSetter,
|
|
1738
1739
|
dangerouslySetInnerHTML: {
|
|
1739
1740
|
__html: data?.phone?.metadata.value
|
|
1740
1741
|
}
|
|
1741
|
-
})) : null, data?.email?.metadata.value && data?.email?.metadata.value !== '<br>' ? /*#__PURE__*/React.createElement("p", {
|
|
1742
|
+
})) : null, data?.email?.metadata.value && data?.email?.metadata.value !== '<br>' ? /*#__PURE__*/React$1.createElement("p", {
|
|
1742
1743
|
className: classes.addressContainer
|
|
1743
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
1744
|
+
}, /*#__PURE__*/React$1.createElement("span", {
|
|
1744
1745
|
className: classes.addressImg
|
|
1745
|
-
}, /*#__PURE__*/React.createElement(Icon, {
|
|
1746
|
+
}, /*#__PURE__*/React$1.createElement(Icon, {
|
|
1746
1747
|
name: 'Email',
|
|
1747
1748
|
color: theme.palette.font.primary,
|
|
1748
1749
|
width: '18px'
|
|
1749
|
-
})), /*#__PURE__*/React.createElement("span", {
|
|
1750
|
+
})), /*#__PURE__*/React$1.createElement("span", {
|
|
1750
1751
|
className: classes.addressText,
|
|
1751
1752
|
ref: data?.email?.refSetter,
|
|
1752
1753
|
dangerouslySetInnerHTML: {
|
|
1753
1754
|
__html: data?.email?.metadata.value
|
|
1754
1755
|
}
|
|
1755
|
-
})) : null), /*#__PURE__*/React.createElement("div", {
|
|
1756
|
+
})) : null), /*#__PURE__*/React$1.createElement("div", {
|
|
1756
1757
|
className: classes.upperContainerItem3
|
|
1757
|
-
}, data?.facebookLink?.metadata?.value ? /*#__PURE__*/React.createElement("button", {
|
|
1758
|
+
}, data?.facebookLink?.metadata?.value ? /*#__PURE__*/React$1.createElement("button", {
|
|
1758
1759
|
ref: data?.facebookLink?.refSetter,
|
|
1759
1760
|
className: classes.socialMediaCta,
|
|
1760
1761
|
onClick: () => {
|
|
1761
1762
|
window.open(data?.facebookLink?.metadata?.value, '_blank');
|
|
1762
1763
|
}
|
|
1763
|
-
}, /*#__PURE__*/React.createElement(Icon, {
|
|
1764
|
+
}, /*#__PURE__*/React$1.createElement(Icon, {
|
|
1764
1765
|
name: 'Facebook Solid',
|
|
1765
1766
|
color: theme.palette.background.default,
|
|
1766
1767
|
width: '16px',
|
|
1767
1768
|
height: '16px'
|
|
1768
|
-
})) : null, data?.twitterLink?.metadata?.value ? /*#__PURE__*/React.createElement("button", {
|
|
1769
|
+
})) : null, data?.twitterLink?.metadata?.value ? /*#__PURE__*/React$1.createElement("button", {
|
|
1769
1770
|
ref: data?.twitterLink?.refSetter,
|
|
1770
1771
|
className: classes.socialMediaCta,
|
|
1771
1772
|
onClick: () => {
|
|
1772
1773
|
window.open(data?.twitterLink?.metadata?.value, '_blank');
|
|
1773
1774
|
}
|
|
1774
|
-
}, /*#__PURE__*/React.createElement(Icon, {
|
|
1775
|
+
}, /*#__PURE__*/React$1.createElement(Icon, {
|
|
1775
1776
|
name: 'Twitter Solid',
|
|
1776
1777
|
color: theme.palette.background.default,
|
|
1777
1778
|
width: '16px',
|
|
1778
1779
|
height: '16px'
|
|
1779
|
-
})) : null, data?.instagramLink?.metadata?.value ? /*#__PURE__*/React.createElement("button", {
|
|
1780
|
+
})) : null, data?.instagramLink?.metadata?.value ? /*#__PURE__*/React$1.createElement("button", {
|
|
1780
1781
|
ref: data?.instagramLink?.refSetter,
|
|
1781
1782
|
className: classes.socialMediaCta,
|
|
1782
1783
|
onClick: () => {
|
|
1783
1784
|
window.open(data?.instagramLink?.metadata?.value, '_blank');
|
|
1784
1785
|
}
|
|
1785
|
-
}, /*#__PURE__*/React.createElement(Icon, {
|
|
1786
|
+
}, /*#__PURE__*/React$1.createElement(Icon, {
|
|
1786
1787
|
name: 'Instagram',
|
|
1787
1788
|
color: theme.palette.background.default,
|
|
1788
1789
|
width: '16px',
|
|
1789
1790
|
height: '16px'
|
|
1790
|
-
})) : null, data?.telegramLink?.metadata?.value ? /*#__PURE__*/React.createElement("button", {
|
|
1791
|
+
})) : null, data?.telegramLink?.metadata?.value ? /*#__PURE__*/React$1.createElement("button", {
|
|
1791
1792
|
ref: data?.telegramLink?.refSetter,
|
|
1792
1793
|
className: classes.socialMediaCta,
|
|
1793
1794
|
onClick: () => {
|
|
1794
1795
|
window.open(data?.telegramLink?.metadata?.value, '_blank');
|
|
1795
1796
|
}
|
|
1796
|
-
}, /*#__PURE__*/React.createElement(Icon, {
|
|
1797
|
+
}, /*#__PURE__*/React$1.createElement(Icon, {
|
|
1797
1798
|
name: 'Telegram',
|
|
1798
1799
|
color: theme.palette.background.default,
|
|
1799
1800
|
width: '16px',
|
|
1800
1801
|
height: '16px'
|
|
1801
|
-
})) : null, data?.youtubeLink?.metadata?.value ? /*#__PURE__*/React.createElement("button", {
|
|
1802
|
+
})) : null, data?.youtubeLink?.metadata?.value ? /*#__PURE__*/React$1.createElement("button", {
|
|
1802
1803
|
ref: data?.youtubeLink?.refSetter,
|
|
1803
1804
|
className: classes.socialMediaCta,
|
|
1804
1805
|
onClick: () => {
|
|
1805
1806
|
window.open(data?.youtubeLink?.metadata?.value, '_blank');
|
|
1806
1807
|
}
|
|
1807
|
-
}, /*#__PURE__*/React.createElement(Icon, {
|
|
1808
|
+
}, /*#__PURE__*/React$1.createElement(Icon, {
|
|
1808
1809
|
name: 'YouTube',
|
|
1809
1810
|
color: theme.palette.background.default,
|
|
1810
1811
|
width: '16px',
|
|
1811
1812
|
height: '16px'
|
|
1812
|
-
})) : null)), data.metadata.isCpBranding ? /*#__PURE__*/React.createElement("div", {
|
|
1813
|
+
})) : null)), data.metadata.isCpBranding ? /*#__PURE__*/React$1.createElement("div", {
|
|
1813
1814
|
className: classes.lowerContainer
|
|
1814
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
1815
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
1815
1816
|
className: classes.bottomLeftText
|
|
1816
|
-
}, "2022 All Rights Reserved"), /*#__PURE__*/React.createElement("div", {
|
|
1817
|
+
}, "2022 All Rights Reserved"), /*#__PURE__*/React$1.createElement("div", {
|
|
1817
1818
|
className: classes.poweredByContainer
|
|
1818
|
-
}, /*#__PURE__*/React.createElement("p", null, "Powered by"), /*#__PURE__*/React.createElement("a", {
|
|
1819
|
+
}, /*#__PURE__*/React$1.createElement("p", null, "Powered by"), /*#__PURE__*/React$1.createElement("a", {
|
|
1819
1820
|
title: "Powered by Classplus",
|
|
1820
1821
|
target: "_blank",
|
|
1821
1822
|
href: "https://classplusapp.com/",
|
|
1822
1823
|
className: classes.poweredDiv
|
|
1823
|
-
}, /*#__PURE__*/React.createElement(NextImageRenderer, {
|
|
1824
|
+
}, /*#__PURE__*/React$1.createElement(NextImageRenderer, {
|
|
1824
1825
|
src: 'https://storage.googleapis.com/coursewebview/logo.png',
|
|
1825
1826
|
alt: "classplus",
|
|
1826
1827
|
className: classes.poweredDivImg
|
|
@@ -2022,7 +2023,7 @@ function FontSeeder({
|
|
|
2022
2023
|
fontFamily
|
|
2023
2024
|
}) {
|
|
2024
2025
|
const Comp = getFontComponent(fontFamily);
|
|
2025
|
-
return /*#__PURE__*/React.createElement(Comp, null);
|
|
2026
|
+
return /*#__PURE__*/React$1.createElement(Comp, null);
|
|
2026
2027
|
}
|
|
2027
2028
|
const useRubikFont = createUseStyles$1({
|
|
2028
2029
|
'@import': `url('https://fonts.googleapis.com/css2?family=Lato&family=Rubik:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap')`
|
|
@@ -2088,7 +2089,7 @@ const MemoisedSection$1 = /*#__PURE__*/memo(({
|
|
|
2088
2089
|
sectionIndex
|
|
2089
2090
|
}) => {
|
|
2090
2091
|
const SectionComp = getCompToRender$1(sectionData.type);
|
|
2091
|
-
return /*#__PURE__*/React.createElement(SectionComp, {
|
|
2092
|
+
return /*#__PURE__*/React$1.createElement(SectionComp, {
|
|
2092
2093
|
sectionData: sectionData,
|
|
2093
2094
|
extraProps: extraProps,
|
|
2094
2095
|
sectionIndex: sectionIndex
|
|
@@ -2099,9 +2100,9 @@ function SectionRenderer$1({
|
|
|
2099
2100
|
sectionIndex,
|
|
2100
2101
|
extraProps
|
|
2101
2102
|
}) {
|
|
2102
|
-
return /*#__PURE__*/React.createElement(Suspense, {
|
|
2103
|
+
return /*#__PURE__*/React$1.createElement(Suspense, {
|
|
2103
2104
|
fallback: null /*GIF maybe*/
|
|
2104
|
-
}, /*#__PURE__*/React.createElement(MemoisedSection$1, {
|
|
2105
|
+
}, /*#__PURE__*/React$1.createElement(MemoisedSection$1, {
|
|
2105
2106
|
sectionData: sectionData,
|
|
2106
2107
|
extraProps: extraProps,
|
|
2107
2108
|
sectionIndex: sectionIndex
|
|
@@ -2178,32 +2179,32 @@ function PageRenderer$1({
|
|
|
2178
2179
|
}), [isMobile, isLandingPages, layout, baseURLs, hashToken, isPreview, isEdit, templateId, navList, isMasterTemplate, basePath, validations, isTutorWebsite, extraProps, hideLogin, _id, countryCode, currencySymbol]);
|
|
2179
2180
|
const theme = useMemo(() => getTheme(color, font, context.isMobile), [color, font, context.isMobile]);
|
|
2180
2181
|
const Wrapper = SectionWrapper || Fragment;
|
|
2181
|
-
return /*#__PURE__*/React.createElement(ThemeProvider, {
|
|
2182
|
+
return /*#__PURE__*/React$1.createElement(ThemeProvider, {
|
|
2182
2183
|
theme: theme
|
|
2183
|
-
}, /*#__PURE__*/React.createElement(PageContext.Provider, {
|
|
2184
|
+
}, /*#__PURE__*/React$1.createElement(PageContext.Provider, {
|
|
2184
2185
|
value: context
|
|
2185
|
-
}, /*#__PURE__*/React.createElement(FontSeeder, {
|
|
2186
|
+
}, /*#__PURE__*/React$1.createElement(FontSeeder, {
|
|
2186
2187
|
fontFamily: font
|
|
2187
|
-
}), !!header && /*#__PURE__*/React.createElement(Wrapper, !!SectionWrapper && {
|
|
2188
|
+
}), !!header && /*#__PURE__*/React$1.createElement(Wrapper, !!SectionWrapper && {
|
|
2188
2189
|
sectionData: header,
|
|
2189
2190
|
isHeader: true,
|
|
2190
2191
|
hideLogin
|
|
2191
|
-
}, /*#__PURE__*/React.createElement(Header, {
|
|
2192
|
+
}, /*#__PURE__*/React$1.createElement(Header, {
|
|
2192
2193
|
data: header,
|
|
2193
2194
|
isLandingPage: isLandingPage
|
|
2194
|
-
})), sections?.length ? sections?.map((sectionData, sectionIndex) => /*#__PURE__*/React.createElement(Wrapper, _extends({}, !!SectionWrapper && {
|
|
2195
|
+
})), sections?.length ? sections?.map((sectionData, sectionIndex) => /*#__PURE__*/React$1.createElement(Wrapper, _extends({}, !!SectionWrapper && {
|
|
2195
2196
|
sectionData,
|
|
2196
2197
|
sectionIndex
|
|
2197
2198
|
}, {
|
|
2198
2199
|
key: sectionData.type + (sectionData._id || sectionIndex)
|
|
2199
|
-
}), /*#__PURE__*/React.createElement(SectionRenderer$1, {
|
|
2200
|
+
}), /*#__PURE__*/React$1.createElement(SectionRenderer$1, {
|
|
2200
2201
|
sectionData: sectionData,
|
|
2201
2202
|
extraProps: extraProps,
|
|
2202
2203
|
sectionIndex: sectionIndex
|
|
2203
|
-
}))) : sectionPlaceholder, !!footer && /*#__PURE__*/React.createElement(Wrapper, !!SectionWrapper && {
|
|
2204
|
+
}))) : sectionPlaceholder, !!footer && /*#__PURE__*/React$1.createElement(Wrapper, !!SectionWrapper && {
|
|
2204
2205
|
sectionData: footer,
|
|
2205
2206
|
isFooter: true
|
|
2206
|
-
}, /*#__PURE__*/React.createElement(Footer, {
|
|
2207
|
+
}, /*#__PURE__*/React$1.createElement(Footer, {
|
|
2207
2208
|
data: footer
|
|
2208
2209
|
}))));
|
|
2209
2210
|
}
|
|
@@ -2453,10 +2454,10 @@ function ArrowButton(props) {
|
|
|
2453
2454
|
onClick
|
|
2454
2455
|
} = props;
|
|
2455
2456
|
const classes = useArrowButtonStyles(props);
|
|
2456
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
2457
|
+
return /*#__PURE__*/React$1.createElement("div", {
|
|
2457
2458
|
onClick: onClick,
|
|
2458
2459
|
className: classes.arrowButtonContainer
|
|
2459
|
-
}, /*#__PURE__*/React.createElement(Icon, {
|
|
2460
|
+
}, /*#__PURE__*/React$1.createElement(Icon, {
|
|
2460
2461
|
height: props.size === 'small' ? '12px' : '18px',
|
|
2461
2462
|
name: "Angle",
|
|
2462
2463
|
color: props.inverted ? theme?.palette?.font?.invertedDefault : theme?.palette?.primary?.main,
|
|
@@ -2517,10 +2518,10 @@ function Carousel({
|
|
|
2517
2518
|
leftCount,
|
|
2518
2519
|
rightCount
|
|
2519
2520
|
} = dotsToShow(currentDot, children.length);
|
|
2520
|
-
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("ul", null, dots.map((item, i) => {
|
|
2521
|
-
if (currentDot - leftCount <= i && currentDot + rightCount >= i) return /*#__PURE__*/React.createElement("li", {
|
|
2521
|
+
return /*#__PURE__*/React$1.createElement("div", null, /*#__PURE__*/React$1.createElement("ul", null, dots.map((item, i) => {
|
|
2522
|
+
if (currentDot - leftCount <= i && currentDot + rightCount >= i) return /*#__PURE__*/React$1.createElement("li", {
|
|
2522
2523
|
key: i
|
|
2523
|
-
}, item.props.children);else return /*#__PURE__*/React.createElement(Fragment, {
|
|
2524
|
+
}, item.props.children);else return /*#__PURE__*/React$1.createElement(Fragment, {
|
|
2524
2525
|
key: i
|
|
2525
2526
|
});
|
|
2526
2527
|
})));
|
|
@@ -2530,9 +2531,9 @@ function Carousel({
|
|
|
2530
2531
|
leftCount,
|
|
2531
2532
|
rightCount
|
|
2532
2533
|
} = dotsToShow(currentDot, children.length);
|
|
2533
|
-
if (currentDot - leftCount <= i && currentDot + rightCount >= i) return /*#__PURE__*/React.createElement("div", {
|
|
2534
|
+
if (currentDot - leftCount <= i && currentDot + rightCount >= i) return /*#__PURE__*/React$1.createElement("div", {
|
|
2534
2535
|
className: i == currentDot ? classes.activeDot : classes.dots
|
|
2535
|
-
});else return /*#__PURE__*/React.createElement(React.Fragment, null);
|
|
2536
|
+
});else return /*#__PURE__*/React$1.createElement(React$1.Fragment, null);
|
|
2536
2537
|
},
|
|
2537
2538
|
...settings,
|
|
2538
2539
|
className: settings?.className ? settings?.className + ' ' + classes.sliderClass : classes.sliderClass
|
|
@@ -2543,15 +2544,15 @@ function Carousel({
|
|
|
2543
2544
|
const previousClick = () => {
|
|
2544
2545
|
sliderRef.current.slickPrev();
|
|
2545
2546
|
};
|
|
2546
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Slider, _extends({
|
|
2547
|
+
return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(Slider, _extends({
|
|
2547
2548
|
ref: sliderRef
|
|
2548
|
-
}, sliderSettings), children), hideArrow || isMobile ? null : /*#__PURE__*/React.createElement("div", {
|
|
2549
|
+
}, sliderSettings), children), hideArrow || isMobile ? null : /*#__PURE__*/React$1.createElement("div", {
|
|
2549
2550
|
className: buttonContainerClass || classes.buttonContainer
|
|
2550
|
-
}, /*#__PURE__*/React.createElement(ArrowButton, {
|
|
2551
|
+
}, /*#__PURE__*/React$1.createElement(ArrowButton, {
|
|
2551
2552
|
onClick: previousClick,
|
|
2552
2553
|
left: true,
|
|
2553
2554
|
inverted: inverted
|
|
2554
|
-
}), /*#__PURE__*/React.createElement(ArrowButton, {
|
|
2555
|
+
}), /*#__PURE__*/React$1.createElement(ArrowButton, {
|
|
2555
2556
|
onClick: nextClick,
|
|
2556
2557
|
right: true,
|
|
2557
2558
|
inverted: inverted
|
|
@@ -2573,42 +2574,42 @@ function Section$4({
|
|
|
2573
2574
|
isCustomWebsite,
|
|
2574
2575
|
isMobile
|
|
2575
2576
|
});
|
|
2576
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
2577
|
+
return /*#__PURE__*/React$1.createElement("div", {
|
|
2577
2578
|
className: classes.centerData
|
|
2578
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
2579
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
2579
2580
|
className: classes.partialBackground
|
|
2580
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
2581
|
+
}), /*#__PURE__*/React$1.createElement("div", {
|
|
2581
2582
|
className: classes.contentContainer
|
|
2582
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
2583
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
2583
2584
|
className: classes.textContainer
|
|
2584
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
2585
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
2585
2586
|
className: classes.subTitleHeading
|
|
2586
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
2587
|
+
}, /*#__PURE__*/React$1.createElement("span", {
|
|
2587
2588
|
ref: nodeData?.cardHeading?.refSetter,
|
|
2588
2589
|
dangerouslySetInnerHTML: {
|
|
2589
2590
|
__html: nodeData.cardHeading.metadata.value
|
|
2590
2591
|
}
|
|
2591
|
-
})), /*#__PURE__*/React.createElement("h2", {
|
|
2592
|
+
})), /*#__PURE__*/React$1.createElement("h2", {
|
|
2592
2593
|
className: classes.heading
|
|
2593
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
2594
|
+
}, /*#__PURE__*/React$1.createElement("span", {
|
|
2594
2595
|
ref: nodeData?.title?.refSetter,
|
|
2595
2596
|
dangerouslySetInnerHTML: {
|
|
2596
2597
|
__html: nodeData.title.metadata.value
|
|
2597
2598
|
}
|
|
2598
|
-
})), /*#__PURE__*/React.createElement("p", {
|
|
2599
|
+
})), /*#__PURE__*/React$1.createElement("p", {
|
|
2599
2600
|
ref: nodeData?.description?.refSetter,
|
|
2600
2601
|
className: classes.description,
|
|
2601
2602
|
dangerouslySetInnerHTML: {
|
|
2602
2603
|
__html: nodeData.description.metadata.value
|
|
2603
2604
|
}
|
|
2604
|
-
}), nodeData?.cta?.validations?.isEmptyAllowed && nodeData?.cta?.metadata?.value === '' ? null : /*#__PURE__*/React.createElement(Button, {
|
|
2605
|
+
}), nodeData?.cta?.validations?.isEmptyAllowed && nodeData?.cta?.metadata?.value === '' ? null : /*#__PURE__*/React$1.createElement(Button, {
|
|
2605
2606
|
ref: nodeData?.cta?.refSetter,
|
|
2606
2607
|
data: nodeData.cta.metadata,
|
|
2607
2608
|
type: nodeData?.cta?.metadata?.type,
|
|
2608
2609
|
size: isMobile ? 'small' : 'medium'
|
|
2609
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
2610
|
+
})), /*#__PURE__*/React$1.createElement("div", {
|
|
2610
2611
|
className: classes?.imageContainer
|
|
2611
|
-
}, /*#__PURE__*/React.createElement(NextImageRenderer, {
|
|
2612
|
+
}, /*#__PURE__*/React$1.createElement(NextImageRenderer, {
|
|
2612
2613
|
ref: nodeData?.image?.refSetter,
|
|
2613
2614
|
className: classes.sideBannerImage,
|
|
2614
2615
|
src: nodeData.image.metadata.value,
|
|
@@ -2637,11 +2638,11 @@ function BannerCarouselRight({
|
|
|
2637
2638
|
buttonContainerClass: classes.absoluteButtonsBannerRight,
|
|
2638
2639
|
inverted: false
|
|
2639
2640
|
} : {};
|
|
2640
|
-
return /*#__PURE__*/React.createElement("section", {
|
|
2641
|
+
return /*#__PURE__*/React$1.createElement("section", {
|
|
2641
2642
|
className: classes.bannerCarouselRightSection
|
|
2642
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
2643
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
2643
2644
|
className: classes.sectionContainer
|
|
2644
|
-
}, /*#__PURE__*/React.createElement(Wrapper, wrapperProps, bannerCarousel.components.map((node, idx) => /*#__PURE__*/React.createElement(Section$4, {
|
|
2645
|
+
}, /*#__PURE__*/React$1.createElement(Wrapper, wrapperProps, bannerCarousel.components.map((node, idx) => /*#__PURE__*/React$1.createElement(Section$4, {
|
|
2645
2646
|
nodeData: node,
|
|
2646
2647
|
key: idx /* or some other unique property */,
|
|
2647
2648
|
sectionIndex: sectionIndex
|
|
@@ -2842,41 +2843,41 @@ function List({
|
|
|
2842
2843
|
const getNumber = val => {
|
|
2843
2844
|
return val.toString().length == 1 ? '0' + val : val;
|
|
2844
2845
|
};
|
|
2845
|
-
return /*#__PURE__*/React.createElement("section", {
|
|
2846
|
+
return /*#__PURE__*/React$1.createElement("section", {
|
|
2846
2847
|
className: classes.section
|
|
2847
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
2848
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
2848
2849
|
className: classes.sectionContainer
|
|
2849
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
2850
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
2850
2851
|
className: classes.subTitleHeading
|
|
2851
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
2852
|
+
}, /*#__PURE__*/React$1.createElement("span", {
|
|
2852
2853
|
ref: nodeData?.cardHeading?.refSetter,
|
|
2853
2854
|
dangerouslySetInnerHTML: {
|
|
2854
2855
|
__html: nodeData.cardHeading.metadata.value
|
|
2855
2856
|
}
|
|
2856
|
-
})), /*#__PURE__*/React.createElement("h2", {
|
|
2857
|
+
})), /*#__PURE__*/React$1.createElement("h2", {
|
|
2857
2858
|
className: classes.heading
|
|
2858
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
2859
|
+
}, /*#__PURE__*/React$1.createElement("span", {
|
|
2859
2860
|
ref: nodeData?.title?.refSetter,
|
|
2860
2861
|
dangerouslySetInnerHTML: {
|
|
2861
2862
|
__html: nodeData.title.metadata.value
|
|
2862
2863
|
}
|
|
2863
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
2864
|
+
})), /*#__PURE__*/React$1.createElement("div", {
|
|
2864
2865
|
className: classes.contentContainer
|
|
2865
2866
|
}, nodeData.contentList.components.map((dt, ind) => {
|
|
2866
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
2867
|
+
return /*#__PURE__*/React$1.createElement("div", {
|
|
2867
2868
|
key: ind,
|
|
2868
2869
|
className: classes.content
|
|
2869
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
2870
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
2870
2871
|
className: classes.contentNumber
|
|
2871
|
-
}, getNumber(ind + 1)), /*#__PURE__*/React.createElement("div", {
|
|
2872
|
+
}, getNumber(ind + 1)), /*#__PURE__*/React$1.createElement("div", {
|
|
2872
2873
|
className: classes.contentText
|
|
2873
|
-
}, /*#__PURE__*/React.createElement("h3", {
|
|
2874
|
+
}, /*#__PURE__*/React$1.createElement("h3", {
|
|
2874
2875
|
ref: dt?.contentHeading?.refSetter,
|
|
2875
2876
|
className: classes.contentHeading,
|
|
2876
2877
|
dangerouslySetInnerHTML: {
|
|
2877
2878
|
__html: dt.contentHeading.metadata.value
|
|
2878
2879
|
}
|
|
2879
|
-
}), /*#__PURE__*/React.createElement("p", {
|
|
2880
|
+
}), /*#__PURE__*/React$1.createElement("p", {
|
|
2880
2881
|
ref: dt?.contentPara?.refSetter,
|
|
2881
2882
|
className: classes.contentPara,
|
|
2882
2883
|
dangerouslySetInnerHTML: {
|
|
@@ -3057,44 +3058,44 @@ const Section$3 = ({
|
|
|
3057
3058
|
containerWidth,
|
|
3058
3059
|
isCustomWebsite
|
|
3059
3060
|
});
|
|
3060
|
-
return /*#__PURE__*/React.createElement("section", {
|
|
3061
|
+
return /*#__PURE__*/React$1.createElement("section", {
|
|
3061
3062
|
className: classes.bannerCarouselCenterSection
|
|
3062
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
3063
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
3063
3064
|
className: classes.contentContainer
|
|
3064
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
3065
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
3065
3066
|
className: classes.sectionContainer
|
|
3066
|
-
}, !(nodeData.cardHeading.metadata.value === '<br>' && nodeData.title.metadata.value === '<br>' && nodeData.description.metadata.value === '<br>' && nodeData?.cta?.metadata?.value === '') ? /*#__PURE__*/React.createElement("div", {
|
|
3067
|
+
}, !(nodeData.cardHeading.metadata.value === '<br>' && nodeData.title.metadata.value === '<br>' && nodeData.description.metadata.value === '<br>' && nodeData?.cta?.metadata?.value === '') ? /*#__PURE__*/React$1.createElement("div", {
|
|
3067
3068
|
className: classes.textContainer
|
|
3068
|
-
}, nodeData.cardHeading.metadata.value !== '<br>' ? /*#__PURE__*/React.createElement("div", {
|
|
3069
|
+
}, nodeData.cardHeading.metadata.value !== '<br>' ? /*#__PURE__*/React$1.createElement("div", {
|
|
3069
3070
|
className: classes.subTitleHeading
|
|
3070
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
3071
|
+
}, /*#__PURE__*/React$1.createElement("span", {
|
|
3071
3072
|
ref: nodeData?.cardHeading?.refSetter,
|
|
3072
3073
|
dangerouslySetInnerHTML: {
|
|
3073
3074
|
__html: nodeData.cardHeading.metadata.value
|
|
3074
3075
|
}
|
|
3075
|
-
})) : null, nodeData.title.metadata.value !== '<br>' ? /*#__PURE__*/React.createElement("h2", {
|
|
3076
|
+
})) : null, nodeData.title.metadata.value !== '<br>' ? /*#__PURE__*/React$1.createElement("h2", {
|
|
3076
3077
|
className: classes.heading
|
|
3077
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
3078
|
+
}, /*#__PURE__*/React$1.createElement("span", {
|
|
3078
3079
|
ref: nodeData?.title?.refSetter,
|
|
3079
3080
|
dangerouslySetInnerHTML: {
|
|
3080
3081
|
__html: nodeData.title.metadata.value
|
|
3081
3082
|
}
|
|
3082
|
-
})) : null, nodeData.description.metadata.value !== '<br>' ? /*#__PURE__*/React.createElement("p", {
|
|
3083
|
+
})) : null, nodeData.description.metadata.value !== '<br>' ? /*#__PURE__*/React$1.createElement("p", {
|
|
3083
3084
|
ref: nodeData?.description?.refSetter,
|
|
3084
3085
|
className: classes.description,
|
|
3085
3086
|
dangerouslySetInnerHTML: {
|
|
3086
3087
|
__html: nodeData.description.metadata.value
|
|
3087
3088
|
}
|
|
3088
|
-
}) : null, nodeData?.cta?.validations?.isEmptyAllowed && nodeData?.cta?.metadata?.value === '' ? null : /*#__PURE__*/React.createElement("div", {
|
|
3089
|
+
}) : null, nodeData?.cta?.validations?.isEmptyAllowed && nodeData?.cta?.metadata?.value === '' ? null : /*#__PURE__*/React$1.createElement("div", {
|
|
3089
3090
|
className: classes.buttonClass
|
|
3090
|
-
}, /*#__PURE__*/React.createElement(Button, {
|
|
3091
|
+
}, /*#__PURE__*/React$1.createElement(Button, {
|
|
3091
3092
|
ref: nodeData?.cta?.refSetter,
|
|
3092
3093
|
data: nodeData.cta.metadata,
|
|
3093
3094
|
type: nodeData?.cta?.metadata?.type,
|
|
3094
3095
|
size: isMobile ? 'small' : 'medium'
|
|
3095
|
-
}))) : null), /*#__PURE__*/React.createElement("div", {
|
|
3096
|
+
}))) : null), /*#__PURE__*/React$1.createElement("div", {
|
|
3096
3097
|
className: classes?.centerBgImageContainer
|
|
3097
|
-
}, /*#__PURE__*/React.createElement(NextImageRenderer, {
|
|
3098
|
+
}, /*#__PURE__*/React$1.createElement(NextImageRenderer, {
|
|
3098
3099
|
src: nodeData.image.metadata.value,
|
|
3099
3100
|
className: classes?.centerBgImage,
|
|
3100
3101
|
sectionIndex: sectionIndex
|
|
@@ -3116,9 +3117,9 @@ function BannerCarouselCenter({
|
|
|
3116
3117
|
buttonContainerClass: classes.absoluteButtons,
|
|
3117
3118
|
inverted: true
|
|
3118
3119
|
} : {};
|
|
3119
|
-
return /*#__PURE__*/React.createElement("section", {
|
|
3120
|
+
return /*#__PURE__*/React$1.createElement("section", {
|
|
3120
3121
|
className: classes.bannerCarouselCenterSection
|
|
3121
|
-
}, /*#__PURE__*/React.createElement(Wrapper, wrapperProps, bannerCarousel.components.map((node, idx) => /*#__PURE__*/React.createElement(Section$3, {
|
|
3122
|
+
}, /*#__PURE__*/React$1.createElement(Wrapper, wrapperProps, bannerCarousel.components.map((node, idx) => /*#__PURE__*/React$1.createElement(Section$3, {
|
|
3122
3123
|
nodeData: node,
|
|
3123
3124
|
isCustomWebsite: isCustomWebsite,
|
|
3124
3125
|
key: idx /* or some other unique property */,
|
|
@@ -3278,40 +3279,40 @@ function Section$2({
|
|
|
3278
3279
|
isCustomWebsite,
|
|
3279
3280
|
isMobile
|
|
3280
3281
|
});
|
|
3281
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
3282
|
+
return /*#__PURE__*/React$1.createElement("div", {
|
|
3282
3283
|
className: classes.centerData
|
|
3283
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
3284
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
3284
3285
|
className: classes.imageContainerDiv
|
|
3285
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
3286
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
3286
3287
|
className: classes.imageContainer
|
|
3287
|
-
}, /*#__PURE__*/React.createElement(NextImageRenderer, {
|
|
3288
|
+
}, /*#__PURE__*/React$1.createElement(NextImageRenderer, {
|
|
3288
3289
|
src: nodeData.image.metadata.value,
|
|
3289
3290
|
ref: nodeData?.image?.refSetter,
|
|
3290
3291
|
className: classes.sideBannerImage,
|
|
3291
3292
|
sectionIndex: sectionIndex
|
|
3292
|
-
}))), /*#__PURE__*/React.createElement("div", {
|
|
3293
|
+
}))), /*#__PURE__*/React$1.createElement("div", {
|
|
3293
3294
|
className: classes.textContainer
|
|
3294
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
3295
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
3295
3296
|
className: classes.subTitleHeading
|
|
3296
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
3297
|
+
}, /*#__PURE__*/React$1.createElement("span", {
|
|
3297
3298
|
ref: nodeData?.cardHeading?.refSetter,
|
|
3298
3299
|
dangerouslySetInnerHTML: {
|
|
3299
3300
|
__html: nodeData.cardHeading.metadata.value
|
|
3300
3301
|
}
|
|
3301
|
-
})), /*#__PURE__*/React.createElement("h2", {
|
|
3302
|
+
})), /*#__PURE__*/React$1.createElement("h2", {
|
|
3302
3303
|
className: classes.heading
|
|
3303
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
3304
|
+
}, /*#__PURE__*/React$1.createElement("span", {
|
|
3304
3305
|
ref: nodeData?.title?.refSetter,
|
|
3305
3306
|
dangerouslySetInnerHTML: {
|
|
3306
3307
|
__html: nodeData.title.metadata.value
|
|
3307
3308
|
}
|
|
3308
|
-
})), /*#__PURE__*/React.createElement("p", {
|
|
3309
|
+
})), /*#__PURE__*/React$1.createElement("p", {
|
|
3309
3310
|
ref: nodeData?.description?.refSetter,
|
|
3310
3311
|
className: classes.description,
|
|
3311
3312
|
dangerouslySetInnerHTML: {
|
|
3312
3313
|
__html: nodeData.description.metadata.value
|
|
3313
3314
|
}
|
|
3314
|
-
}), nodeData?.cta?.validations?.isEmptyAllowed && nodeData?.cta?.metadata?.value === '' ? null : /*#__PURE__*/React.createElement(Button, {
|
|
3315
|
+
}), nodeData?.cta?.validations?.isEmptyAllowed && nodeData?.cta?.metadata?.value === '' ? null : /*#__PURE__*/React$1.createElement(Button, {
|
|
3315
3316
|
ref: nodeData?.cta?.refSetter,
|
|
3316
3317
|
data: nodeData.cta.metadata,
|
|
3317
3318
|
type: nodeData?.cta?.metadata?.type,
|
|
@@ -3337,11 +3338,11 @@ function BannerCarouselLeft({
|
|
|
3337
3338
|
bannerCarousel
|
|
3338
3339
|
}] = sectionData.components;
|
|
3339
3340
|
const Wrapper = bannerCarousel.components.length > 1 ? Carousel : Fragment;
|
|
3340
|
-
return /*#__PURE__*/React.createElement("section", {
|
|
3341
|
+
return /*#__PURE__*/React$1.createElement("section", {
|
|
3341
3342
|
className: classes.section
|
|
3342
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
3343
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
3343
3344
|
className: classes.sectionContainer
|
|
3344
|
-
}, /*#__PURE__*/React.createElement(Wrapper, null, bannerCarousel.components.map((node, idx) => /*#__PURE__*/React.createElement(Section$2, {
|
|
3345
|
+
}, /*#__PURE__*/React$1.createElement(Wrapper, null, bannerCarousel.components.map((node, idx) => /*#__PURE__*/React$1.createElement(Section$2, {
|
|
3345
3346
|
nodeData: node,
|
|
3346
3347
|
key: idx /* or some other unique property */,
|
|
3347
3348
|
sectionIndex: sectionIndex
|
|
@@ -3597,7 +3598,7 @@ function Input({
|
|
|
3597
3598
|
} = props;
|
|
3598
3599
|
const classes = inputStyles();
|
|
3599
3600
|
const Comp = inputType;
|
|
3600
|
-
return /*#__PURE__*/React.createElement(Comp, _extends({}, inputType === 'input' ? {
|
|
3601
|
+
return /*#__PURE__*/React$1.createElement(Comp, _extends({}, inputType === 'input' ? {
|
|
3601
3602
|
type: 'text'
|
|
3602
3603
|
} : {
|
|
3603
3604
|
rows: '3'
|
|
@@ -3667,34 +3668,34 @@ function SubscribeToNewsletter({
|
|
|
3667
3668
|
setBtnDisabled(false);
|
|
3668
3669
|
}
|
|
3669
3670
|
}, [isValid]);
|
|
3670
|
-
return /*#__PURE__*/React.createElement("section", {
|
|
3671
|
+
return /*#__PURE__*/React$1.createElement("section", {
|
|
3671
3672
|
className: classes.section
|
|
3672
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
3673
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
3673
3674
|
className: classes.newsLetterContainer
|
|
3674
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
3675
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
3675
3676
|
className: classes.partialBackground
|
|
3676
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
3677
|
+
}), /*#__PURE__*/React$1.createElement("div", {
|
|
3677
3678
|
className: classes.sectionContainer
|
|
3678
|
-
}, /*#__PURE__*/React.createElement("h2", {
|
|
3679
|
+
}, /*#__PURE__*/React$1.createElement("h2", {
|
|
3679
3680
|
className: classes.cardHeading
|
|
3680
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
3681
|
+
}, /*#__PURE__*/React$1.createElement("span", {
|
|
3681
3682
|
ref: nodeData?.cardHeading?.refSetter,
|
|
3682
3683
|
dangerouslySetInnerHTML: {
|
|
3683
3684
|
__html: nodeData.cardHeading.metadata.value
|
|
3684
3685
|
}
|
|
3685
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
3686
|
+
})), /*#__PURE__*/React$1.createElement("div", {
|
|
3686
3687
|
className: classes.contentContainer
|
|
3687
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
3688
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
3688
3689
|
ref: nodeData?.title?.refSetter,
|
|
3689
3690
|
className: classes.title,
|
|
3690
3691
|
dangerouslySetInnerHTML: {
|
|
3691
3692
|
__html: nodeData.title.metadata.value
|
|
3692
3693
|
}
|
|
3693
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
3694
|
+
}), /*#__PURE__*/React$1.createElement("div", {
|
|
3694
3695
|
className: classes.inputContainer
|
|
3695
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
3696
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
3696
3697
|
className: classes.inputFieldDiv
|
|
3697
|
-
}, /*#__PURE__*/React.createElement(Input, {
|
|
3698
|
+
}, /*#__PURE__*/React$1.createElement(Input, {
|
|
3698
3699
|
data: nodeData?.inputField,
|
|
3699
3700
|
value: inputVal,
|
|
3700
3701
|
isValid: isValid,
|
|
@@ -3713,9 +3714,9 @@ function SubscribeToNewsletter({
|
|
|
3713
3714
|
onFocus: () => {
|
|
3714
3715
|
setIsValid(true);
|
|
3715
3716
|
}
|
|
3716
|
-
})), nodeData.cta.metadata.value !== '' && /*#__PURE__*/React.createElement("div", {
|
|
3717
|
+
})), nodeData.cta.metadata.value !== '' && /*#__PURE__*/React$1.createElement("div", {
|
|
3717
3718
|
className: classes.btnContainer
|
|
3718
|
-
}, /*#__PURE__*/React.createElement(Button, {
|
|
3719
|
+
}, /*#__PURE__*/React$1.createElement(Button, {
|
|
3719
3720
|
ref: nodeData?.cta?.refSetter,
|
|
3720
3721
|
data: btnDisabled && isValid ? {
|
|
3721
3722
|
value: 'Submitted'
|
|
@@ -3915,7 +3916,7 @@ const useTestimonialStyles = createUseStyles(theme => ({
|
|
|
3915
3916
|
|
|
3916
3917
|
function QuotesComponent() {
|
|
3917
3918
|
const theme = useTheme();
|
|
3918
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
|
|
3919
|
+
return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(Icon, {
|
|
3919
3920
|
width: "28px",
|
|
3920
3921
|
height: "21px",
|
|
3921
3922
|
name: "Quote",
|
|
@@ -3952,21 +3953,21 @@ function Section$1({
|
|
|
3952
3953
|
/*#__PURE__*/
|
|
3953
3954
|
// kept an extra element as slick mutates this element and gives it 100% width
|
|
3954
3955
|
// and so, we can't use margins here on the top level element
|
|
3955
|
-
React.createElement(Fragment, {
|
|
3956
|
+
React$1.createElement(Fragment, {
|
|
3956
3957
|
key: idx
|
|
3957
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
3958
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
3958
3959
|
className: classes.singleCard
|
|
3959
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
3960
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
3960
3961
|
className: classes.quoteIcon
|
|
3961
|
-
}, /*#__PURE__*/React.createElement(QuotesComponent, null)), /*#__PURE__*/React.createElement("div", {
|
|
3962
|
+
}, /*#__PURE__*/React$1.createElement(QuotesComponent, null)), /*#__PURE__*/React$1.createElement("div", {
|
|
3962
3963
|
className: classes.cardDetails
|
|
3963
|
-
}, /*#__PURE__*/React.createElement("p", {
|
|
3964
|
+
}, /*#__PURE__*/React$1.createElement("p", {
|
|
3964
3965
|
ref: el?.cardTextContent?.refSetter,
|
|
3965
3966
|
className: classes.reviewText,
|
|
3966
3967
|
dangerouslySetInnerHTML: {
|
|
3967
3968
|
__html: el?.cardTextContent?.metadata?.value
|
|
3968
3969
|
}
|
|
3969
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
3970
|
+
}), /*#__PURE__*/React$1.createElement("div", {
|
|
3970
3971
|
className: classes.userContainer
|
|
3971
3972
|
}, el?.cardUserImage?.metadata?.value ?
|
|
3972
3973
|
/*#__PURE__*/
|
|
@@ -3976,46 +3977,46 @@ function Section$1({
|
|
|
3976
3977
|
// src={el?.cardUserImage?.metadata?.value}
|
|
3977
3978
|
// alt="userImg"
|
|
3978
3979
|
// />
|
|
3979
|
-
React.createElement("div", {
|
|
3980
|
+
React$1.createElement("div", {
|
|
3980
3981
|
className: classes.userImageContainer
|
|
3981
|
-
}, /*#__PURE__*/React.createElement(NextImageRenderer, {
|
|
3982
|
+
}, /*#__PURE__*/React$1.createElement(NextImageRenderer, {
|
|
3982
3983
|
ref: el?.cardUserImage?.refSetter,
|
|
3983
3984
|
className: classes.userImage,
|
|
3984
3985
|
src: el?.cardUserImage?.metadata?.value,
|
|
3985
3986
|
alt: "userImg",
|
|
3986
3987
|
sectionIndex: sectionIndex
|
|
3987
|
-
})) : /*#__PURE__*/React.createElement("div", {
|
|
3988
|
+
})) : /*#__PURE__*/React$1.createElement("div", {
|
|
3988
3989
|
ref: el?.cardUserImage?.refSetter,
|
|
3989
3990
|
className: classes.userImageDummy
|
|
3990
|
-
}), /*#__PURE__*/React.createElement("h3", {
|
|
3991
|
+
}), /*#__PURE__*/React$1.createElement("h3", {
|
|
3991
3992
|
ref: el?.cardUserName?.refSetter,
|
|
3992
3993
|
className: classes.userName,
|
|
3993
3994
|
dangerouslySetInnerHTML: {
|
|
3994
3995
|
__html: el?.cardUserName?.metadata?.value
|
|
3995
3996
|
}
|
|
3996
3997
|
}))))));
|
|
3997
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
3998
|
+
return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement("div", {
|
|
3998
3999
|
className: classes.sectionContainer
|
|
3999
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
4000
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
4000
4001
|
className: classes.testimonialCardAndText
|
|
4001
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
4002
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
4002
4003
|
className: classes.testimonialText
|
|
4003
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
4004
|
+
}, /*#__PURE__*/React$1.createElement("span", {
|
|
4004
4005
|
ref: nodeData?.carouselHeading?.refSetter,
|
|
4005
4006
|
dangerouslySetInnerHTML: {
|
|
4006
4007
|
__html: nodeData?.carouselHeading?.metadata?.value
|
|
4007
4008
|
}
|
|
4008
|
-
})), /*#__PURE__*/React.createElement("h2", {
|
|
4009
|
+
})), /*#__PURE__*/React$1.createElement("h2", {
|
|
4009
4010
|
className: classes.testimonialHeader
|
|
4010
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
4011
|
+
}, /*#__PURE__*/React$1.createElement("span", {
|
|
4011
4012
|
ref: nodeData?.title?.refSetter,
|
|
4012
4013
|
dangerouslySetInnerHTML: {
|
|
4013
4014
|
__html: nodeData?.title?.metadata?.value
|
|
4014
4015
|
}
|
|
4015
|
-
})), cardsCount > slidesToShow ? /*#__PURE__*/React.createElement(Carousel, {
|
|
4016
|
+
})), cardsCount > slidesToShow ? /*#__PURE__*/React$1.createElement(Carousel, {
|
|
4016
4017
|
hideArrow: isMobile,
|
|
4017
4018
|
settings: settings
|
|
4018
|
-
}, carouselContent) : /*#__PURE__*/React.createElement("div", {
|
|
4019
|
+
}, carouselContent) : /*#__PURE__*/React$1.createElement("div", {
|
|
4019
4020
|
className: classes.contentRow
|
|
4020
4021
|
}, carouselContent))));
|
|
4021
4022
|
}
|
|
@@ -4024,9 +4025,9 @@ function Testimonials({
|
|
|
4024
4025
|
sectionIndex
|
|
4025
4026
|
}) {
|
|
4026
4027
|
const classes = useTestimonialStyles();
|
|
4027
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
4028
|
+
return /*#__PURE__*/React$1.createElement("div", {
|
|
4028
4029
|
className: classes.testimonialContainer
|
|
4029
|
-
}, /*#__PURE__*/React.createElement(Section$1, {
|
|
4030
|
+
}, /*#__PURE__*/React$1.createElement(Section$1, {
|
|
4030
4031
|
nodeData: sectionData.components[0],
|
|
4031
4032
|
sectionIndex: sectionIndex
|
|
4032
4033
|
}));
|
|
@@ -4106,11 +4107,11 @@ function Loader({
|
|
|
4106
4107
|
};
|
|
4107
4108
|
}
|
|
4108
4109
|
}, []);
|
|
4109
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
4110
|
+
return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement("div", {
|
|
4110
4111
|
className: classes.loaderContainer
|
|
4111
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
4112
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
4112
4113
|
className: classes.spinner
|
|
4113
|
-
}), texts && texts.length ? /*#__PURE__*/React.createElement("p", {
|
|
4114
|
+
}), texts && texts.length ? /*#__PURE__*/React$1.createElement("p", {
|
|
4114
4115
|
className: classes.loaderDesc
|
|
4115
4116
|
}, " ", loaderText) : ''));
|
|
4116
4117
|
}
|
|
@@ -4188,23 +4189,23 @@ function VideoPlayer(props) {
|
|
|
4188
4189
|
return url;
|
|
4189
4190
|
}
|
|
4190
4191
|
}
|
|
4191
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, !isLoaded && /*#__PURE__*/React.createElement("div", {
|
|
4192
|
+
return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, !isLoaded && /*#__PURE__*/React$1.createElement("div", {
|
|
4192
4193
|
className: classes.imgContainer,
|
|
4193
4194
|
onClick: () => {
|
|
4194
4195
|
setIsEnableed(true);
|
|
4195
4196
|
}
|
|
4196
|
-
}, /*#__PURE__*/React.createElement(NextImageRenderer, {
|
|
4197
|
+
}, /*#__PURE__*/React$1.createElement(NextImageRenderer, {
|
|
4197
4198
|
src: imageUrl,
|
|
4198
4199
|
sectionIndex: props?.sectionIndex,
|
|
4199
4200
|
className: classes.videoPlayerImage
|
|
4200
|
-
}), isEnabled ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(React.Fragment, null, props.onlyThumbnail ? null : /*#__PURE__*/React.createElement(Icon, {
|
|
4201
|
+
}), isEnabled ? /*#__PURE__*/React$1.createElement(Loader, null) : /*#__PURE__*/React$1.createElement(React$1.Fragment, null, props.onlyThumbnail ? null : /*#__PURE__*/React$1.createElement(Icon, {
|
|
4201
4202
|
name: "Video Play",
|
|
4202
4203
|
color: theme.palette.font.invertedDefault,
|
|
4203
4204
|
className: classes?.icon,
|
|
4204
4205
|
onClick: () => {
|
|
4205
4206
|
setIsEnableed(true);
|
|
4206
4207
|
}
|
|
4207
|
-
}))), isEnabled && /*#__PURE__*/React.createElement("iframe", {
|
|
4208
|
+
}))), isEnabled && /*#__PURE__*/React$1.createElement("iframe", {
|
|
4208
4209
|
className: classes.iframe + ' ' + classes.hideImg,
|
|
4209
4210
|
src: imageUrl ? getId(videoUrl) + '?autoplay=1' : getId(videoUrl),
|
|
4210
4211
|
frameBorder: "0",
|
|
@@ -4341,34 +4342,34 @@ const SingleVideoSlide$2 = props => {
|
|
|
4341
4342
|
data
|
|
4342
4343
|
} = props;
|
|
4343
4344
|
const classes = useVideoTestimonialStyles();
|
|
4344
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
4345
|
+
return /*#__PURE__*/React$1.createElement("div", {
|
|
4345
4346
|
className: classes.videoCarouselContainer
|
|
4346
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
4347
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
4347
4348
|
className: classes.videoCarousel
|
|
4348
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
4349
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
4349
4350
|
className: classes.iframeSuperContainer
|
|
4350
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
4351
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
4351
4352
|
ref: data?.videoFrame?.refSetter,
|
|
4352
4353
|
className: classes.iframeContainer
|
|
4353
|
-
}, /*#__PURE__*/React.createElement(VideoPlayer, {
|
|
4354
|
+
}, /*#__PURE__*/React$1.createElement(VideoPlayer, {
|
|
4354
4355
|
imageUrl: data.videoFrame.metadata?.thumbnail,
|
|
4355
4356
|
videoUrl: data.videoFrame.metadata?.value,
|
|
4356
4357
|
sectionIndex: props?.sectionIndex
|
|
4357
|
-
}))), /*#__PURE__*/React.createElement("div", {
|
|
4358
|
+
}))), /*#__PURE__*/React$1.createElement("div", {
|
|
4358
4359
|
className: classes.videoDetails
|
|
4359
|
-
}, /*#__PURE__*/React.createElement("h3", {
|
|
4360
|
+
}, /*#__PURE__*/React$1.createElement("h3", {
|
|
4360
4361
|
ref: data?.videoTextHeading?.refSetter,
|
|
4361
4362
|
className: classes.videoDetailsHeading,
|
|
4362
4363
|
dangerouslySetInnerHTML: {
|
|
4363
4364
|
__html: data.videoTextHeading.metadata.value
|
|
4364
4365
|
}
|
|
4365
|
-
}), /*#__PURE__*/React.createElement("p", {
|
|
4366
|
+
}), /*#__PURE__*/React$1.createElement("p", {
|
|
4366
4367
|
ref: data?.videoTextContent?.refSetter,
|
|
4367
4368
|
className: classes.videoDetailsContent,
|
|
4368
4369
|
dangerouslySetInnerHTML: {
|
|
4369
4370
|
__html: data.videoTextContent.metadata.value
|
|
4370
4371
|
}
|
|
4371
|
-
}), /*#__PURE__*/React.createElement("p", {
|
|
4372
|
+
}), /*#__PURE__*/React$1.createElement("p", {
|
|
4372
4373
|
ref: data?.videoTextSubContent?.refSetter,
|
|
4373
4374
|
className: classes.videoDetailsSubContent,
|
|
4374
4375
|
dangerouslySetInnerHTML: {
|
|
@@ -4395,27 +4396,27 @@ function VideoTestimonial({
|
|
|
4395
4396
|
});
|
|
4396
4397
|
const [videoData] = sectionData.components;
|
|
4397
4398
|
const Wrapper = videoData.videoCarousel.components.length > 1 ? Carousel : Fragment;
|
|
4398
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
4399
|
+
return /*#__PURE__*/React$1.createElement("div", {
|
|
4399
4400
|
className: classes.videoTestimonialSuperContainer
|
|
4400
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
4401
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
4401
4402
|
className: classes.videoTestimonialContainer
|
|
4402
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
4403
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
4403
4404
|
className: classes.sectionContainer
|
|
4404
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
4405
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
4405
4406
|
className: classes.videoTestimonialHeading
|
|
4406
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
4407
|
+
}, /*#__PURE__*/React$1.createElement("span", {
|
|
4407
4408
|
ref: videoData?.videoHeading?.refSetter,
|
|
4408
4409
|
dangerouslySetInnerHTML: {
|
|
4409
4410
|
__html: videoData.videoHeading.metadata.value
|
|
4410
4411
|
}
|
|
4411
|
-
})), /*#__PURE__*/React.createElement("h2", {
|
|
4412
|
+
})), /*#__PURE__*/React$1.createElement("h2", {
|
|
4412
4413
|
className: classes.videoTestimonialTitle
|
|
4413
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
4414
|
+
}, /*#__PURE__*/React$1.createElement("span", {
|
|
4414
4415
|
ref: videoData?.title?.refSetter,
|
|
4415
4416
|
dangerouslySetInnerHTML: {
|
|
4416
4417
|
__html: videoData.title.metadata.value
|
|
4417
4418
|
}
|
|
4418
|
-
})), /*#__PURE__*/React.createElement(Wrapper, null, videoData.videoCarousel.components.map((data, index) => /*#__PURE__*/React.createElement(SingleVideoSlide$2, {
|
|
4419
|
+
})), /*#__PURE__*/React$1.createElement(Wrapper, null, videoData.videoCarousel.components.map((data, index) => /*#__PURE__*/React$1.createElement(SingleVideoSlide$2, {
|
|
4419
4420
|
data: data,
|
|
4420
4421
|
key: index,
|
|
4421
4422
|
sectionIndex: sectionIndex,
|
|
@@ -4577,26 +4578,26 @@ const SingleSlide$1 = props => {
|
|
|
4577
4578
|
data
|
|
4578
4579
|
} = props;
|
|
4579
4580
|
const classes = useVideoStyles();
|
|
4580
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
4581
|
+
return /*#__PURE__*/React$1.createElement("div", {
|
|
4581
4582
|
className: classes.singleSlideContainer
|
|
4582
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
4583
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
4583
4584
|
ref: data?.videoFrame?.refSetter,
|
|
4584
4585
|
className: classes.iframeContainer,
|
|
4585
4586
|
style: {
|
|
4586
4587
|
background: 'linear-gradient(#333333,rgb(0 0 0))'
|
|
4587
4588
|
}
|
|
4588
|
-
}, /*#__PURE__*/React.createElement(VideoPlayer, {
|
|
4589
|
+
}, /*#__PURE__*/React$1.createElement(VideoPlayer, {
|
|
4589
4590
|
imageUrl: data.videoFrame.metadata?.thumbnail,
|
|
4590
4591
|
videoUrl: data.videoFrame.metadata?.value
|
|
4591
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
4592
|
+
})), /*#__PURE__*/React$1.createElement("div", {
|
|
4592
4593
|
className: classes.videoDetailsContainer
|
|
4593
|
-
}, /*#__PURE__*/React.createElement("h3", {
|
|
4594
|
+
}, /*#__PURE__*/React$1.createElement("h3", {
|
|
4594
4595
|
ref: data?.videoTitle?.refSetter,
|
|
4595
4596
|
className: classes.videoDetailsHeading,
|
|
4596
4597
|
dangerouslySetInnerHTML: {
|
|
4597
4598
|
__html: data.videoTitle.metadata.value
|
|
4598
4599
|
}
|
|
4599
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
4600
|
+
}), /*#__PURE__*/React$1.createElement("div", {
|
|
4600
4601
|
ref: data?.videoSubTitle?.refSetter,
|
|
4601
4602
|
className: classes.videoDetailsSubHeading,
|
|
4602
4603
|
dangerouslySetInnerHTML: {
|
|
@@ -4629,34 +4630,34 @@ function Video({
|
|
|
4629
4630
|
centerPadding: isMobile ? '0px' : '100px 0 0',
|
|
4630
4631
|
centerMode: true
|
|
4631
4632
|
};
|
|
4632
|
-
const carouselContent = videoData.videoCarousel.components.map((data, index) => /*#__PURE__*/React.createElement(SingleSlide$1, {
|
|
4633
|
+
const carouselContent = videoData.videoCarousel.components.map((data, index) => /*#__PURE__*/React$1.createElement(SingleSlide$1, {
|
|
4633
4634
|
data: data,
|
|
4634
4635
|
key: index
|
|
4635
4636
|
}));
|
|
4636
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
4637
|
+
return /*#__PURE__*/React$1.createElement("div", {
|
|
4637
4638
|
className: classes.videoSuperContainer
|
|
4638
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
4639
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
4639
4640
|
className: classes.videoContainer
|
|
4640
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
4641
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
4641
4642
|
className: classes.sectionContainer
|
|
4642
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
4643
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
4643
4644
|
className: classes.videoHeading
|
|
4644
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
4645
|
+
}, /*#__PURE__*/React$1.createElement("span", {
|
|
4645
4646
|
ref: videoData?.videoHeading?.refSetter,
|
|
4646
4647
|
dangerouslySetInnerHTML: {
|
|
4647
4648
|
__html: videoData.videoHeading.metadata.value
|
|
4648
4649
|
}
|
|
4649
|
-
})), /*#__PURE__*/React.createElement("h2", {
|
|
4650
|
+
})), /*#__PURE__*/React$1.createElement("h2", {
|
|
4650
4651
|
className: classes.videoTitle
|
|
4651
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
4652
|
+
}, /*#__PURE__*/React$1.createElement("span", {
|
|
4652
4653
|
ref: videoData?.videoTitle?.refSetter,
|
|
4653
4654
|
dangerouslySetInnerHTML: {
|
|
4654
4655
|
__html: videoData.videoTitle.metadata.value
|
|
4655
4656
|
}
|
|
4656
|
-
})), cardsCount > slidesToShow ? /*#__PURE__*/React.createElement(Carousel, {
|
|
4657
|
+
})), cardsCount > slidesToShow ? /*#__PURE__*/React$1.createElement(Carousel, {
|
|
4657
4658
|
hideArrow: isMobile,
|
|
4658
4659
|
settings: settings
|
|
4659
|
-
}, carouselContent) : /*#__PURE__*/React.createElement("div", {
|
|
4660
|
+
}, carouselContent) : /*#__PURE__*/React$1.createElement("div", {
|
|
4660
4661
|
className: classes.contentRow
|
|
4661
4662
|
}, carouselContent))));
|
|
4662
4663
|
}
|
|
@@ -4834,60 +4835,60 @@ function Info({
|
|
|
4834
4835
|
const carouselContent = carouselList.map((dt, ind) =>
|
|
4835
4836
|
/*#__PURE__*/
|
|
4836
4837
|
// Need to keep this Fragment otherwise Slick mutates the top level div
|
|
4837
|
-
React.createElement(Fragment, {
|
|
4838
|
+
React$1.createElement(Fragment, {
|
|
4838
4839
|
key: ind
|
|
4839
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
4840
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
4840
4841
|
className: classes.card
|
|
4841
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
4842
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
4842
4843
|
className: classes.cardContent
|
|
4843
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
4844
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
4844
4845
|
ref: dt?.icon?.refSetter,
|
|
4845
4846
|
className: classes.imageContainer
|
|
4846
|
-
}, /*#__PURE__*/React.createElement(Icon, {
|
|
4847
|
+
}, /*#__PURE__*/React$1.createElement(Icon, {
|
|
4847
4848
|
name: dt.icon.metadata.value,
|
|
4848
4849
|
color: theme.palette.primary.main,
|
|
4849
4850
|
width: isMobile ? '30px' : '40px',
|
|
4850
4851
|
height: isMobile ? '30px' : '40px'
|
|
4851
|
-
})), /*#__PURE__*/React.createElement("h3", {
|
|
4852
|
+
})), /*#__PURE__*/React$1.createElement("h3", {
|
|
4852
4853
|
ref: dt?.contentHeading?.refSetter,
|
|
4853
4854
|
className: classes.cardHeading,
|
|
4854
4855
|
dangerouslySetInnerHTML: {
|
|
4855
4856
|
__html: dt.contentHeading.metadata.value
|
|
4856
4857
|
}
|
|
4857
|
-
}), /*#__PURE__*/React.createElement("p", {
|
|
4858
|
+
}), /*#__PURE__*/React$1.createElement("p", {
|
|
4858
4859
|
ref: dt?.contentPara?.refSetter,
|
|
4859
4860
|
className: classes.cardPara,
|
|
4860
4861
|
dangerouslySetInnerHTML: {
|
|
4861
4862
|
__html: dt.contentPara.metadata.value
|
|
4862
4863
|
}
|
|
4863
4864
|
})))));
|
|
4864
|
-
return /*#__PURE__*/React.createElement("section", {
|
|
4865
|
+
return /*#__PURE__*/React$1.createElement("section", {
|
|
4865
4866
|
className: classes.section
|
|
4866
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
4867
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
4867
4868
|
className: classes.sectionContainer
|
|
4868
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
4869
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
4869
4870
|
className: classes.partialBackground
|
|
4870
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
4871
|
+
}), /*#__PURE__*/React$1.createElement("div", {
|
|
4871
4872
|
className: classes.content
|
|
4872
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
4873
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
4873
4874
|
className: classes.subTitleHeading
|
|
4874
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
4875
|
+
}, /*#__PURE__*/React$1.createElement("span", {
|
|
4875
4876
|
ref: nodeData?.cardHeading?.refSetter,
|
|
4876
4877
|
dangerouslySetInnerHTML: {
|
|
4877
4878
|
__html: nodeData?.cardHeading?.metadata?.value
|
|
4878
4879
|
}
|
|
4879
|
-
})), /*#__PURE__*/React.createElement("h2", {
|
|
4880
|
+
})), /*#__PURE__*/React$1.createElement("h2", {
|
|
4880
4881
|
className: classes.heading
|
|
4881
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
4882
|
+
}, /*#__PURE__*/React$1.createElement("span", {
|
|
4882
4883
|
ref: nodeData?.title?.refSetter,
|
|
4883
4884
|
dangerouslySetInnerHTML: {
|
|
4884
4885
|
__html: nodeData?.title?.metadata?.value
|
|
4885
4886
|
}
|
|
4886
|
-
})), cardsCount > slidesToShow ? /*#__PURE__*/React.createElement(Carousel, {
|
|
4887
|
+
})), cardsCount > slidesToShow ? /*#__PURE__*/React$1.createElement(Carousel, {
|
|
4887
4888
|
hideArrow: isMobile,
|
|
4888
4889
|
settings: settings
|
|
4889
4890
|
// buttonContainerClass={classes.buttonContainerClass}
|
|
4890
|
-
}, carouselContent) : /*#__PURE__*/React.createElement("div", {
|
|
4891
|
+
}, carouselContent) : /*#__PURE__*/React$1.createElement("div", {
|
|
4891
4892
|
className: classes.contentRow
|
|
4892
4893
|
}, carouselContent))));
|
|
4893
4894
|
}
|
|
@@ -4967,33 +4968,33 @@ const TextSection = ({
|
|
|
4967
4968
|
isMobile
|
|
4968
4969
|
});
|
|
4969
4970
|
const [nodeData] = sectionData.components;
|
|
4970
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("section", {
|
|
4971
|
+
return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement("section", {
|
|
4971
4972
|
className: classes.section
|
|
4972
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
4973
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
4973
4974
|
className: classes.sectionContainer
|
|
4974
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
4975
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
4975
4976
|
className: classes.subHeading
|
|
4976
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
4977
|
+
}, /*#__PURE__*/React$1.createElement("span", {
|
|
4977
4978
|
ref: nodeData?.subHeading?.refSetter,
|
|
4978
4979
|
dangerouslySetInnerHTML: {
|
|
4979
4980
|
__html: nodeData.subHeading.metadata.value
|
|
4980
4981
|
}
|
|
4981
|
-
})), /*#__PURE__*/React.createElement("h2", {
|
|
4982
|
+
})), /*#__PURE__*/React$1.createElement("h2", {
|
|
4982
4983
|
className: classes.title
|
|
4983
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
4984
|
+
}, /*#__PURE__*/React$1.createElement("span", {
|
|
4984
4985
|
ref: nodeData?.title?.refSetter,
|
|
4985
4986
|
dangerouslySetInnerHTML: {
|
|
4986
4987
|
__html: nodeData.title.metadata.value
|
|
4987
4988
|
}
|
|
4988
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
4989
|
+
})), /*#__PURE__*/React$1.createElement("div", {
|
|
4989
4990
|
className: classes.textContent
|
|
4990
|
-
}, /*#__PURE__*/React.createElement("p", {
|
|
4991
|
+
}, /*#__PURE__*/React$1.createElement("p", {
|
|
4991
4992
|
ref: nodeData?.textLeft?.refSetter,
|
|
4992
4993
|
className: classes.textPara,
|
|
4993
4994
|
dangerouslySetInnerHTML: {
|
|
4994
4995
|
__html: nodeData.textLeft.metadata.value
|
|
4995
4996
|
}
|
|
4996
|
-
}), /*#__PURE__*/React.createElement("p", {
|
|
4997
|
+
}), /*#__PURE__*/React$1.createElement("p", {
|
|
4997
4998
|
ref: nodeData?.textRight?.refSetter,
|
|
4998
4999
|
className: classes.textPara,
|
|
4999
5000
|
dangerouslySetInnerHTML: {
|
|
@@ -5132,39 +5133,39 @@ function PhotoGallery({
|
|
|
5132
5133
|
arrows: false
|
|
5133
5134
|
};
|
|
5134
5135
|
const carouselContent = carouselList?.map((el, idx) => {
|
|
5135
|
-
return /*#__PURE__*/React.createElement(Fragment, {
|
|
5136
|
+
return /*#__PURE__*/React$1.createElement(Fragment, {
|
|
5136
5137
|
key: idx
|
|
5137
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
5138
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
5138
5139
|
className: classes.singleCard
|
|
5139
|
-
}, /*#__PURE__*/React.createElement(NextImageRenderer, {
|
|
5140
|
+
}, /*#__PURE__*/React$1.createElement(NextImageRenderer, {
|
|
5140
5141
|
src: el?.cardImage?.metadata?.value,
|
|
5141
5142
|
ref: el?.cardImage?.refSetter,
|
|
5142
5143
|
className: classes?.carouselImage,
|
|
5143
5144
|
sectionIndex: sectionIndex
|
|
5144
5145
|
})));
|
|
5145
5146
|
});
|
|
5146
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
5147
|
+
return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement("div", {
|
|
5147
5148
|
className: classes.container
|
|
5148
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
5149
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
5149
5150
|
className: classes.sectionContainer
|
|
5150
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
5151
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
5151
5152
|
className: classes.cardHeading
|
|
5152
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
5153
|
+
}, /*#__PURE__*/React$1.createElement("span", {
|
|
5153
5154
|
ref: nodeData?.carouselHeading?.refSetter,
|
|
5154
5155
|
dangerouslySetInnerHTML: {
|
|
5155
5156
|
__html: nodeData?.carouselHeading?.metadata?.value
|
|
5156
5157
|
}
|
|
5157
|
-
})), /*#__PURE__*/React.createElement("h2", {
|
|
5158
|
+
})), /*#__PURE__*/React$1.createElement("h2", {
|
|
5158
5159
|
className: classes.title
|
|
5159
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
5160
|
+
}, /*#__PURE__*/React$1.createElement("span", {
|
|
5160
5161
|
ref: nodeData?.title?.refSetter,
|
|
5161
5162
|
dangerouslySetInnerHTML: {
|
|
5162
5163
|
__html: nodeData?.title?.metadata?.value
|
|
5163
5164
|
}
|
|
5164
|
-
})), cardsCount > slidesToShow ? /*#__PURE__*/React.createElement(Carousel, {
|
|
5165
|
+
})), cardsCount > slidesToShow ? /*#__PURE__*/React$1.createElement(Carousel, {
|
|
5165
5166
|
hideArrow: isMobile,
|
|
5166
5167
|
settings: settings
|
|
5167
|
-
}, carouselContent) : /*#__PURE__*/React.createElement("div", {
|
|
5168
|
+
}, carouselContent) : /*#__PURE__*/React$1.createElement("div", {
|
|
5168
5169
|
className: classes.contentRow
|
|
5169
5170
|
}, carouselContent))));
|
|
5170
5171
|
}
|
|
@@ -5275,27 +5276,27 @@ const FAQListing = ({
|
|
|
5275
5276
|
isMobile
|
|
5276
5277
|
});
|
|
5277
5278
|
const [nodeData] = sectionData.components;
|
|
5278
|
-
return /*#__PURE__*/React.createElement("section", {
|
|
5279
|
+
return /*#__PURE__*/React$1.createElement("section", {
|
|
5279
5280
|
className: classes.section
|
|
5280
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
5281
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
5281
5282
|
className: classes.sectionContainer
|
|
5282
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
5283
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
5283
5284
|
className: classes.sectionSubheading
|
|
5284
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
5285
|
+
}, /*#__PURE__*/React$1.createElement("span", {
|
|
5285
5286
|
ref: nodeData?.subheading?.refSetter,
|
|
5286
5287
|
dangerouslySetInnerHTML: {
|
|
5287
5288
|
__html: nodeData.subheading.metadata.value
|
|
5288
5289
|
}
|
|
5289
|
-
})), /*#__PURE__*/React.createElement("h2", {
|
|
5290
|
+
})), /*#__PURE__*/React$1.createElement("h2", {
|
|
5290
5291
|
className: classes.sectionHeading
|
|
5291
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
5292
|
+
}, /*#__PURE__*/React$1.createElement("span", {
|
|
5292
5293
|
ref: nodeData?.title?.refSetter,
|
|
5293
5294
|
dangerouslySetInnerHTML: {
|
|
5294
5295
|
__html: nodeData.title.metadata.value
|
|
5295
5296
|
}
|
|
5296
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
5297
|
+
})), /*#__PURE__*/React$1.createElement("div", {
|
|
5297
5298
|
className: classes.container
|
|
5298
|
-
}, nodeData.faqQuestions.components.map((item, index) => /*#__PURE__*/React.createElement(Accordion, {
|
|
5299
|
+
}, nodeData.faqQuestions.components.map((item, index) => /*#__PURE__*/React$1.createElement(Accordion, {
|
|
5299
5300
|
key: index,
|
|
5300
5301
|
item: item,
|
|
5301
5302
|
onClick: () => {
|
|
@@ -5312,26 +5313,26 @@ const Accordion = ({
|
|
|
5312
5313
|
const classes = useFaqListStyles({
|
|
5313
5314
|
isSelected
|
|
5314
5315
|
});
|
|
5315
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
5316
|
+
return /*#__PURE__*/React$1.createElement("div", {
|
|
5316
5317
|
className: classes.basicCardContainer
|
|
5317
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
5318
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
5318
5319
|
onClick: onClick,
|
|
5319
5320
|
className: classes.innerContainer
|
|
5320
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
5321
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
5321
5322
|
className: classes.header
|
|
5322
|
-
}, /*#__PURE__*/React.createElement("h3", {
|
|
5323
|
+
}, /*#__PURE__*/React$1.createElement("h3", {
|
|
5323
5324
|
ref: item?.question?.refSetter,
|
|
5324
5325
|
className: classes.title,
|
|
5325
5326
|
dangerouslySetInnerHTML: {
|
|
5326
5327
|
__html: item.question.metadata.value
|
|
5327
5328
|
}
|
|
5328
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
5329
|
+
}), /*#__PURE__*/React$1.createElement("div", {
|
|
5329
5330
|
className: classes.arrowButton
|
|
5330
|
-
}, /*#__PURE__*/React.createElement(ArrowButton, {
|
|
5331
|
+
}, /*#__PURE__*/React$1.createElement(ArrowButton, {
|
|
5331
5332
|
down: isSelected,
|
|
5332
5333
|
up: !isSelected,
|
|
5333
5334
|
size: "small"
|
|
5334
|
-
}))), /*#__PURE__*/React.createElement("div", {
|
|
5335
|
+
}))), /*#__PURE__*/React$1.createElement("div", {
|
|
5335
5336
|
ref: item?.answer?.refSetter,
|
|
5336
5337
|
className: classes.content,
|
|
5337
5338
|
dangerouslySetInnerHTML: {
|
|
@@ -5465,47 +5466,47 @@ const TextGrid = ({
|
|
|
5465
5466
|
infinite: false,
|
|
5466
5467
|
slidesToShow: isMobile ? 1.1 : 2
|
|
5467
5468
|
};
|
|
5468
|
-
const carouselContent = nodeData?.contentList?.components?.map((item, index) => /*#__PURE__*/React.createElement(Fragment, {
|
|
5469
|
+
const carouselContent = nodeData?.contentList?.components?.map((item, index) => /*#__PURE__*/React$1.createElement(Fragment, {
|
|
5469
5470
|
key: index
|
|
5470
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
5471
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
5471
5472
|
className: classes.node
|
|
5472
|
-
}, /*#__PURE__*/React.createElement("h3", {
|
|
5473
|
+
}, /*#__PURE__*/React$1.createElement("h3", {
|
|
5473
5474
|
ref: item?.contentHeading?.refSetter,
|
|
5474
5475
|
className: classes.nodeTitle,
|
|
5475
5476
|
dangerouslySetInnerHTML: {
|
|
5476
5477
|
__html: item.contentHeading.metadata.value
|
|
5477
5478
|
}
|
|
5478
|
-
}), /*#__PURE__*/React.createElement("p", {
|
|
5479
|
+
}), /*#__PURE__*/React$1.createElement("p", {
|
|
5479
5480
|
ref: item?.contentPara?.refSetter,
|
|
5480
5481
|
className: classes.nodePara,
|
|
5481
5482
|
dangerouslySetInnerHTML: {
|
|
5482
5483
|
__html: item.contentPara.metadata.value
|
|
5483
5484
|
}
|
|
5484
5485
|
}))));
|
|
5485
|
-
return /*#__PURE__*/React.createElement("section", {
|
|
5486
|
+
return /*#__PURE__*/React$1.createElement("section", {
|
|
5486
5487
|
className: classes.section
|
|
5487
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
5488
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
5488
5489
|
className: classes.sectionContainer
|
|
5489
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
5490
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
5490
5491
|
className: classes.subheading
|
|
5491
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
5492
|
+
}, /*#__PURE__*/React$1.createElement("span", {
|
|
5492
5493
|
ref: nodeData?.subheading?.refSetter,
|
|
5493
5494
|
dangerouslySetInnerHTML: {
|
|
5494
5495
|
__html: nodeData.subheading.metadata.value
|
|
5495
5496
|
}
|
|
5496
|
-
})), /*#__PURE__*/React.createElement("h2", {
|
|
5497
|
+
})), /*#__PURE__*/React$1.createElement("h2", {
|
|
5497
5498
|
className: classes.heading
|
|
5498
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
5499
|
+
}, /*#__PURE__*/React$1.createElement("span", {
|
|
5499
5500
|
ref: nodeData?.title?.refSetter,
|
|
5500
5501
|
dangerouslySetInnerHTML: {
|
|
5501
5502
|
__html: nodeData.title.metadata.value
|
|
5502
5503
|
}
|
|
5503
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
5504
|
+
})), /*#__PURE__*/React$1.createElement("div", {
|
|
5504
5505
|
className: classes.slickContainer
|
|
5505
|
-
}, cardsCount > slidesToShow ? /*#__PURE__*/React.createElement(Carousel, {
|
|
5506
|
+
}, cardsCount > slidesToShow ? /*#__PURE__*/React$1.createElement(Carousel, {
|
|
5506
5507
|
hideArrow: isMobile,
|
|
5507
5508
|
settings: settings
|
|
5508
|
-
}, carouselContent) : /*#__PURE__*/React.createElement("div", {
|
|
5509
|
+
}, carouselContent) : /*#__PURE__*/React$1.createElement("div", {
|
|
5509
5510
|
className: classes.contentRow
|
|
5510
5511
|
}, carouselContent))));
|
|
5511
5512
|
};
|
|
@@ -5850,46 +5851,46 @@ function CourseCard({
|
|
|
5850
5851
|
const finalPrice = formatCurrency(countryCode, card?.finalPrice, currencySymbol);
|
|
5851
5852
|
const buyNowText = countryCode === 'KR' ? '이 웨비나 신청하기' : 'Buy Now';
|
|
5852
5853
|
const offText = countryCode === 'KR' ? '할인' : 'OFF';
|
|
5853
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
5854
|
+
return /*#__PURE__*/React$1.createElement("div", {
|
|
5854
5855
|
className: classes.singleCard
|
|
5855
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
5856
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
5856
5857
|
className: classes.courseCardImg
|
|
5857
|
-
}, /*#__PURE__*/React.createElement(NextImageRenderer, {
|
|
5858
|
+
}, /*#__PURE__*/React$1.createElement(NextImageRenderer, {
|
|
5858
5859
|
src: card?.imageUrl ? card?.imageUrl : defaultCardImg,
|
|
5859
5860
|
className: classes.courseCardImgThumbnail
|
|
5860
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
5861
|
+
})), /*#__PURE__*/React$1.createElement("div", {
|
|
5861
5862
|
className: classes.courseCardData
|
|
5862
|
-
}, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
|
|
5863
|
+
}, /*#__PURE__*/React$1.createElement("div", null, /*#__PURE__*/React$1.createElement("div", {
|
|
5863
5864
|
className: classes.courseCardTags
|
|
5864
|
-
}, card?.tag?.text == 'LIVE COURSE' && /*#__PURE__*/React.createElement("div", {
|
|
5865
|
+
}, card?.tag?.text == 'LIVE COURSE' && /*#__PURE__*/React$1.createElement("div", {
|
|
5865
5866
|
className: classes.courseCardTag
|
|
5866
|
-
}, " LIVE COURSE"), !!card?.isSamplingEnabled && /*#__PURE__*/React.createElement("div", {
|
|
5867
|
+
}, " LIVE COURSE"), !!card?.isSamplingEnabled && /*#__PURE__*/React$1.createElement("div", {
|
|
5867
5868
|
className: classes.courseCardTag
|
|
5868
|
-
}, " FREE CONTENT"), !!card?.isPhysicalDeliveryEnabled && /*#__PURE__*/React.createElement("div", {
|
|
5869
|
+
}, " FREE CONTENT"), !!card?.isPhysicalDeliveryEnabled && /*#__PURE__*/React$1.createElement("div", {
|
|
5869
5870
|
className: classes.courseCardTag
|
|
5870
|
-
}, " BOOKS")), /*#__PURE__*/React.createElement("div", {
|
|
5871
|
+
}, " BOOKS")), /*#__PURE__*/React$1.createElement("div", {
|
|
5871
5872
|
className: classes.courseCardName
|
|
5872
|
-
}, getShortenedSubstring(card?.name, 50)), card.maxCouponDiscount && card.maxCouponDiscount.text && /*#__PURE__*/React.createElement("div", {
|
|
5873
|
+
}, getShortenedSubstring(card?.name, 50)), card.maxCouponDiscount && card.maxCouponDiscount.text && /*#__PURE__*/React$1.createElement("div", {
|
|
5873
5874
|
className: classes.courseCardDiscount
|
|
5874
|
-
}, /*#__PURE__*/React.createElement("img", {
|
|
5875
|
+
}, /*#__PURE__*/React$1.createElement("img", {
|
|
5875
5876
|
src: tagIcon,
|
|
5876
5877
|
alt: ""
|
|
5877
|
-
}), card.maxCouponDiscount.text), card?.tag?.text == 'LIVE COURSE' || !!card?.isSamplingEnabled || !!card?.isPhysicalDeliveryEnabled ? /*#__PURE__*/React.createElement(React.Fragment, null) : /*#__PURE__*/React.createElement("div", {
|
|
5878
|
+
}), card.maxCouponDiscount.text), card?.tag?.text == 'LIVE COURSE' || !!card?.isSamplingEnabled || !!card?.isPhysicalDeliveryEnabled ? /*#__PURE__*/React$1.createElement(React$1.Fragment, null) : /*#__PURE__*/React$1.createElement("div", {
|
|
5878
5879
|
style: {
|
|
5879
5880
|
paddingTop: '20px'
|
|
5880
5881
|
}
|
|
5881
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
5882
|
+
})), /*#__PURE__*/React$1.createElement("div", {
|
|
5882
5883
|
className: classes.courseCardFooter
|
|
5883
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
5884
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
5884
5885
|
className: classes.courseCardPriceContainer
|
|
5885
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
5886
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
5886
5887
|
className: classes.courseCardPrice
|
|
5887
|
-
}, finalPrice), card?.price !== card?.finalPrice ? /*#__PURE__*/React.createElement("div", {
|
|
5888
|
+
}, finalPrice), card?.price !== card?.finalPrice ? /*#__PURE__*/React$1.createElement("div", {
|
|
5888
5889
|
className: classes.courseCardStrikePrice
|
|
5889
|
-
}, /*#__PURE__*/React.createElement("span", null, price), " ", discount > 0 && discount + `% ${offText}`) : null), /*#__PURE__*/React.createElement("a", {
|
|
5890
|
+
}, /*#__PURE__*/React$1.createElement("span", null, price), " ", discount > 0 && discount + `% ${offText}`) : null), /*#__PURE__*/React$1.createElement("a", {
|
|
5890
5891
|
className: classes.coursesAnchorTag,
|
|
5891
5892
|
href: isEdit ? null : card?.shareableLink
|
|
5892
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
5893
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
5893
5894
|
className: classes.courseCardBuyBtn
|
|
5894
5895
|
}, buyNowText)))));
|
|
5895
5896
|
}
|
|
@@ -5976,51 +5977,51 @@ function courses({
|
|
|
5976
5977
|
} : {
|
|
5977
5978
|
classes
|
|
5978
5979
|
};
|
|
5979
|
-
return errored ? null : /*#__PURE__*/React.createElement("div", {
|
|
5980
|
+
return errored ? null : /*#__PURE__*/React$1.createElement("div", {
|
|
5980
5981
|
className: classes.coursesContainer
|
|
5981
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
5982
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
5982
5983
|
className: classes.sectionContainer
|
|
5983
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
5984
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
5984
5985
|
className: classes.coursesCardAndText
|
|
5985
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
5986
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
5986
5987
|
className: classes.coursesText
|
|
5987
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
5988
|
+
}, /*#__PURE__*/React$1.createElement("span", {
|
|
5988
5989
|
ref: nodeData?.heading?.refSetter,
|
|
5989
5990
|
dangerouslySetInnerHTML: {
|
|
5990
5991
|
__html: nodeData?.heading?.metadata?.value
|
|
5991
5992
|
}
|
|
5992
|
-
})), /*#__PURE__*/React.createElement("h2", {
|
|
5993
|
+
})), /*#__PURE__*/React$1.createElement("h2", {
|
|
5993
5994
|
className: classes.coursesHeader
|
|
5994
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
5995
|
+
}, /*#__PURE__*/React$1.createElement("span", {
|
|
5995
5996
|
ref: nodeData?.title?.refSetter,
|
|
5996
5997
|
dangerouslySetInnerHTML: {
|
|
5997
5998
|
__html: nodeData?.title?.metadata?.value
|
|
5998
5999
|
}
|
|
5999
|
-
})), !showShimmer ? /*#__PURE__*/React.createElement(Wrapper, wrapperProps, cardList != null ? cardList?.map((card, index) => /*#__PURE__*/React.createElement(CourseCard, {
|
|
6000
|
+
})), !showShimmer ? /*#__PURE__*/React$1.createElement(Wrapper, wrapperProps, cardList != null ? cardList?.map((card, index) => /*#__PURE__*/React$1.createElement(CourseCard, {
|
|
6000
6001
|
key: index,
|
|
6001
6002
|
card: card,
|
|
6002
6003
|
countryCode: countryCode,
|
|
6003
6004
|
currencySymbol: currencySymbol
|
|
6004
6005
|
})) : fallBackImages?.map((dt, ind) => {
|
|
6005
|
-
return /*#__PURE__*/React.createElement(Fragment, {
|
|
6006
|
+
return /*#__PURE__*/React$1.createElement(Fragment, {
|
|
6006
6007
|
key: ind
|
|
6007
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
6008
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
6008
6009
|
style: {
|
|
6009
6010
|
padding: '0 12px',
|
|
6010
6011
|
width: '100%'
|
|
6011
6012
|
}
|
|
6012
|
-
}, /*#__PURE__*/React.createElement("img", {
|
|
6013
|
+
}, /*#__PURE__*/React$1.createElement("img", {
|
|
6013
6014
|
src: dt?.url,
|
|
6014
6015
|
style: {
|
|
6015
6016
|
width: '100%'
|
|
6016
6017
|
}
|
|
6017
6018
|
})));
|
|
6018
|
-
})) : /*#__PURE__*/React.createElement("div", {
|
|
6019
|
+
})) : /*#__PURE__*/React$1.createElement("div", {
|
|
6019
6020
|
className: classes.shimmerContainer
|
|
6020
6021
|
}, Array.from({
|
|
6021
6022
|
length: isMobile ? 1 : 3
|
|
6022
6023
|
}).map((val, i) => {
|
|
6023
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
6024
|
+
return /*#__PURE__*/React$1.createElement("div", {
|
|
6024
6025
|
className: classes.shine,
|
|
6025
6026
|
key: i
|
|
6026
6027
|
});
|
|
@@ -6030,7 +6031,7 @@ function SimpleCardsContainer({
|
|
|
6030
6031
|
children,
|
|
6031
6032
|
classes
|
|
6032
6033
|
}) {
|
|
6033
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
6034
|
+
return /*#__PURE__*/React$1.createElement("div", {
|
|
6034
6035
|
className: classes.singleCardContainer
|
|
6035
6036
|
}, children);
|
|
6036
6037
|
}
|
|
@@ -6184,25 +6185,25 @@ const SingleSlide = ({
|
|
|
6184
6185
|
sectionIndex
|
|
6185
6186
|
}) => {
|
|
6186
6187
|
const classes = useTeamStyles();
|
|
6187
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
6188
|
+
return /*#__PURE__*/React$1.createElement("div", {
|
|
6188
6189
|
className: classes.singleSlideContainer
|
|
6189
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
6190
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
6190
6191
|
className: classes.imageContainer
|
|
6191
|
-
}, /*#__PURE__*/React.createElement(NextImageRenderer, {
|
|
6192
|
+
}, /*#__PURE__*/React$1.createElement(NextImageRenderer, {
|
|
6192
6193
|
ref: data?.image?.refSetter,
|
|
6193
6194
|
className: classes.image,
|
|
6194
6195
|
alt: "Hero Image",
|
|
6195
6196
|
src: data.image.metadata.value,
|
|
6196
6197
|
sectionIndex: sectionIndex
|
|
6197
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
6198
|
+
})), /*#__PURE__*/React$1.createElement("div", {
|
|
6198
6199
|
className: classes.teamDetailsContainer
|
|
6199
|
-
}, /*#__PURE__*/React.createElement("h3", {
|
|
6200
|
+
}, /*#__PURE__*/React$1.createElement("h3", {
|
|
6200
6201
|
ref: data?.teamSlideTitle?.refSetter,
|
|
6201
6202
|
className: classes.teamDetailsHeading,
|
|
6202
6203
|
dangerouslySetInnerHTML: {
|
|
6203
6204
|
__html: data.teamSlideTitle.metadata.value
|
|
6204
6205
|
}
|
|
6205
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
6206
|
+
}), /*#__PURE__*/React$1.createElement("div", {
|
|
6206
6207
|
ref: data?.teamSlideSubTitle?.refSetter,
|
|
6207
6208
|
className: classes.teamDetailsSubHeading,
|
|
6208
6209
|
dangerouslySetInnerHTML: {
|
|
@@ -6239,34 +6240,34 @@ function TeamCard({
|
|
|
6239
6240
|
centerMode: true
|
|
6240
6241
|
};
|
|
6241
6242
|
const carouselContent = teamData.teamCarousel.components.map((data, idx) => {
|
|
6242
|
-
return /*#__PURE__*/React.createElement(SingleSlide, {
|
|
6243
|
+
return /*#__PURE__*/React$1.createElement(SingleSlide, {
|
|
6243
6244
|
key: idx,
|
|
6244
6245
|
data: data,
|
|
6245
6246
|
sectionIndex: sectionIndex
|
|
6246
6247
|
});
|
|
6247
6248
|
});
|
|
6248
|
-
return /*#__PURE__*/React.createElement("section", {
|
|
6249
|
+
return /*#__PURE__*/React$1.createElement("section", {
|
|
6249
6250
|
className: classes.teamSuperContainer
|
|
6250
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
6251
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
6251
6252
|
className: classes.sectionContainer
|
|
6252
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
6253
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
6253
6254
|
className: classes.teamHeading
|
|
6254
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
6255
|
+
}, /*#__PURE__*/React$1.createElement("span", {
|
|
6255
6256
|
ref: teamData?.teamHeading?.refSetter,
|
|
6256
6257
|
dangerouslySetInnerHTML: {
|
|
6257
6258
|
__html: teamData.teamHeading.metadata.value
|
|
6258
6259
|
}
|
|
6259
|
-
})), /*#__PURE__*/React.createElement("h2", {
|
|
6260
|
+
})), /*#__PURE__*/React$1.createElement("h2", {
|
|
6260
6261
|
className: classes.teamTitle
|
|
6261
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
6262
|
+
}, /*#__PURE__*/React$1.createElement("span", {
|
|
6262
6263
|
ref: teamData?.teamTitle?.refSetter,
|
|
6263
6264
|
dangerouslySetInnerHTML: {
|
|
6264
6265
|
__html: teamData.teamTitle.metadata.value
|
|
6265
6266
|
}
|
|
6266
|
-
})), cardsCount > slidesToShow ? /*#__PURE__*/React.createElement(Carousel, {
|
|
6267
|
+
})), cardsCount > slidesToShow ? /*#__PURE__*/React$1.createElement(Carousel, {
|
|
6267
6268
|
hideArrow: isMobile,
|
|
6268
6269
|
settings: settings
|
|
6269
|
-
}, carouselContent) : /*#__PURE__*/React.createElement("div", {
|
|
6270
|
+
}, carouselContent) : /*#__PURE__*/React$1.createElement("div", {
|
|
6270
6271
|
className: classes.contentRow
|
|
6271
6272
|
}, " ", carouselContent)));
|
|
6272
6273
|
}
|
|
@@ -6497,80 +6498,80 @@ function FormEnquiry({
|
|
|
6497
6498
|
}
|
|
6498
6499
|
}
|
|
6499
6500
|
};
|
|
6500
|
-
return /*#__PURE__*/React.createElement("section", {
|
|
6501
|
+
return /*#__PURE__*/React$1.createElement("section", {
|
|
6501
6502
|
className: classes.section
|
|
6502
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
6503
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
6503
6504
|
className: classes.formContainer
|
|
6504
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
6505
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
6505
6506
|
className: classes.partialBackground
|
|
6506
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
6507
|
+
}), /*#__PURE__*/React$1.createElement("div", {
|
|
6507
6508
|
className: classes.sectionContainer
|
|
6508
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
6509
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
6509
6510
|
className: classes.contentContainer
|
|
6510
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
6511
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
6511
6512
|
className: classes.leftContainer
|
|
6512
|
-
}, /*#__PURE__*/React.createElement("h2", {
|
|
6513
|
+
}, /*#__PURE__*/React$1.createElement("h2", {
|
|
6513
6514
|
className: classes.title
|
|
6514
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
6515
|
+
}, /*#__PURE__*/React$1.createElement("span", {
|
|
6515
6516
|
ref: nodeData?.title?.refSetter,
|
|
6516
6517
|
dangerouslySetInnerHTML: {
|
|
6517
6518
|
__html: nodeData?.title?.metadata?.value
|
|
6518
6519
|
}
|
|
6519
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
6520
|
+
})), /*#__PURE__*/React$1.createElement("div", {
|
|
6520
6521
|
ref: nodeData?.subtitle?.refSetter,
|
|
6521
6522
|
className: classes.subtitle,
|
|
6522
6523
|
dangerouslySetInnerHTML: {
|
|
6523
6524
|
__html: nodeData?.subtitle?.metadata?.value
|
|
6524
6525
|
}
|
|
6525
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
6526
|
+
}), /*#__PURE__*/React$1.createElement("div", {
|
|
6526
6527
|
className: classes.addressContainer
|
|
6527
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
6528
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
6528
6529
|
className: classes.addressRow
|
|
6529
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
6530
|
+
}, /*#__PURE__*/React$1.createElement("span", {
|
|
6530
6531
|
className: classes.addressImg
|
|
6531
|
-
}, /*#__PURE__*/React.createElement(Icon, {
|
|
6532
|
+
}, /*#__PURE__*/React$1.createElement(Icon, {
|
|
6532
6533
|
name: 'Location',
|
|
6533
6534
|
color: theme.palette.font.primary,
|
|
6534
6535
|
width: '12px'
|
|
6535
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
6536
|
+
})), /*#__PURE__*/React$1.createElement("div", {
|
|
6536
6537
|
ref: nodeData?.address?.refSetter,
|
|
6537
6538
|
className: classes.addressText,
|
|
6538
6539
|
dangerouslySetInnerHTML: {
|
|
6539
6540
|
__html: nodeData?.address?.metadata?.value
|
|
6540
6541
|
}
|
|
6541
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
6542
|
+
})), /*#__PURE__*/React$1.createElement("div", {
|
|
6542
6543
|
className: classes.addressRow
|
|
6543
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
6544
|
+
}, /*#__PURE__*/React$1.createElement("span", {
|
|
6544
6545
|
className: classes.addressImg
|
|
6545
|
-
}, /*#__PURE__*/React.createElement(Icon, {
|
|
6546
|
+
}, /*#__PURE__*/React$1.createElement(Icon, {
|
|
6546
6547
|
name: 'Phone',
|
|
6547
6548
|
color: theme.palette.font.primary,
|
|
6548
6549
|
width: '12px'
|
|
6549
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
6550
|
+
})), /*#__PURE__*/React$1.createElement("div", {
|
|
6550
6551
|
ref: nodeData?.phoneNumber?.refSetter,
|
|
6551
6552
|
className: classes.addressText,
|
|
6552
6553
|
dangerouslySetInnerHTML: {
|
|
6553
6554
|
__html: nodeData?.phoneNumber?.metadata?.value
|
|
6554
6555
|
}
|
|
6555
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
6556
|
+
})), /*#__PURE__*/React$1.createElement("div", {
|
|
6556
6557
|
className: classes.addressRow
|
|
6557
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
6558
|
+
}, /*#__PURE__*/React$1.createElement("span", {
|
|
6558
6559
|
className: classes.addressImg
|
|
6559
|
-
}, /*#__PURE__*/React.createElement(Icon, {
|
|
6560
|
+
}, /*#__PURE__*/React$1.createElement(Icon, {
|
|
6560
6561
|
name: 'Email',
|
|
6561
6562
|
color: theme.palette.font.primary,
|
|
6562
6563
|
width: '12px'
|
|
6563
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
6564
|
+
})), /*#__PURE__*/React$1.createElement("div", {
|
|
6564
6565
|
ref: nodeData?.email?.refSetter,
|
|
6565
6566
|
className: classes.addressText,
|
|
6566
6567
|
dangerouslySetInnerHTML: {
|
|
6567
6568
|
__html: nodeData?.email?.metadata?.value
|
|
6568
6569
|
}
|
|
6569
|
-
})))), /*#__PURE__*/React.createElement("div", {
|
|
6570
|
+
})))), /*#__PURE__*/React$1.createElement("div", {
|
|
6570
6571
|
className: classes.rightContainer
|
|
6571
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
6572
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
6572
6573
|
className: classes.inputDiv
|
|
6573
|
-
}, /*#__PURE__*/React.createElement(Input, {
|
|
6574
|
+
}, /*#__PURE__*/React$1.createElement(Input, {
|
|
6574
6575
|
data: nodeData.nameField,
|
|
6575
6576
|
value: inputVal.name,
|
|
6576
6577
|
isValid: validData.nameValid,
|
|
@@ -6590,9 +6591,9 @@ function FormEnquiry({
|
|
|
6590
6591
|
nameValid: 1
|
|
6591
6592
|
});
|
|
6592
6593
|
}
|
|
6593
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
6594
|
+
})), /*#__PURE__*/React$1.createElement("div", {
|
|
6594
6595
|
className: classes.inputDiv
|
|
6595
|
-
}, /*#__PURE__*/React.createElement(Input, {
|
|
6596
|
+
}, /*#__PURE__*/React$1.createElement(Input, {
|
|
6596
6597
|
data: nodeData.phoneField,
|
|
6597
6598
|
value: inputVal.phone,
|
|
6598
6599
|
isValid: validData.phoneValid,
|
|
@@ -6612,9 +6613,9 @@ function FormEnquiry({
|
|
|
6612
6613
|
phoneValid: 1
|
|
6613
6614
|
});
|
|
6614
6615
|
}
|
|
6615
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
6616
|
+
})), /*#__PURE__*/React$1.createElement("div", {
|
|
6616
6617
|
className: classes.inputDiv
|
|
6617
|
-
}, ' ', /*#__PURE__*/React.createElement(Input, {
|
|
6618
|
+
}, ' ', /*#__PURE__*/React$1.createElement(Input, {
|
|
6618
6619
|
data: nodeData.emailField,
|
|
6619
6620
|
value: inputVal.email,
|
|
6620
6621
|
isValid: validData.emailValid,
|
|
@@ -6634,9 +6635,9 @@ function FormEnquiry({
|
|
|
6634
6635
|
emailValid: 1
|
|
6635
6636
|
});
|
|
6636
6637
|
}
|
|
6637
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
6638
|
+
})), /*#__PURE__*/React$1.createElement("div", {
|
|
6638
6639
|
className: classes.inputDiv
|
|
6639
|
-
}, ' ', /*#__PURE__*/React.createElement(Input, {
|
|
6640
|
+
}, ' ', /*#__PURE__*/React$1.createElement(Input, {
|
|
6640
6641
|
data: nodeData.messageField,
|
|
6641
6642
|
value: inputVal.message,
|
|
6642
6643
|
isValid: validData.messageValid,
|
|
@@ -6656,7 +6657,7 @@ function FormEnquiry({
|
|
|
6656
6657
|
messageValid: 1
|
|
6657
6658
|
});
|
|
6658
6659
|
}
|
|
6659
|
-
})), nodeData.cta.metadata.value !== '' && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
|
|
6660
|
+
})), nodeData.cta.metadata.value !== '' && /*#__PURE__*/React$1.createElement("div", null, /*#__PURE__*/React$1.createElement(Button, {
|
|
6660
6661
|
ref: nodeData?.cta?.refSetter,
|
|
6661
6662
|
data: btnDisabled && validData?.messageValid && validData?.emailValid && validData?.nameValid && validData?.phoneValid ? {
|
|
6662
6663
|
value: 'Submitted'
|
|
@@ -6933,43 +6934,43 @@ function Contact({
|
|
|
6933
6934
|
}
|
|
6934
6935
|
}
|
|
6935
6936
|
};
|
|
6936
|
-
return /*#__PURE__*/React.createElement("section", {
|
|
6937
|
+
return /*#__PURE__*/React$1.createElement("section", {
|
|
6937
6938
|
className: classes.section
|
|
6938
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
6939
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
6939
6940
|
className: classes.contactContainer
|
|
6940
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
6941
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
6941
6942
|
className: classes.partialBackground
|
|
6942
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
6943
|
+
}), /*#__PURE__*/React$1.createElement("div", {
|
|
6943
6944
|
className: classes.sectionContainer
|
|
6944
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
6945
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
6945
6946
|
className: classes.contentContainer
|
|
6946
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
6947
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
6947
6948
|
className: classes.leftContainer
|
|
6948
|
-
}, /*#__PURE__*/React.createElement("h2", {
|
|
6949
|
+
}, /*#__PURE__*/React$1.createElement("h2", {
|
|
6949
6950
|
className: classes.title
|
|
6950
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
6951
|
+
}, /*#__PURE__*/React$1.createElement("span", {
|
|
6951
6952
|
ref: nodeData?.title?.refSetter,
|
|
6952
6953
|
dangerouslySetInnerHTML: {
|
|
6953
6954
|
__html: nodeData?.title?.metadata?.value
|
|
6954
6955
|
}
|
|
6955
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
6956
|
+
})), /*#__PURE__*/React$1.createElement("div", {
|
|
6956
6957
|
ref: nodeData?.subtitle?.refSetter,
|
|
6957
6958
|
className: classes.subtitle,
|
|
6958
6959
|
dangerouslySetInnerHTML: {
|
|
6959
6960
|
__html: nodeData?.subtitle?.metadata?.value
|
|
6960
6961
|
}
|
|
6961
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
6962
|
+
}), /*#__PURE__*/React$1.createElement("div", {
|
|
6962
6963
|
className: classes.addressContainer
|
|
6963
|
-
}, /*#__PURE__*/React.createElement(NextImageRenderer, {
|
|
6964
|
+
}, /*#__PURE__*/React$1.createElement(NextImageRenderer, {
|
|
6964
6965
|
className: classes?.telephoneImage,
|
|
6965
6966
|
ref: nodeData?.image?.refSetter,
|
|
6966
6967
|
src: nodeData?.image?.metadata?.value,
|
|
6967
6968
|
sectionIndex: sectionIndex
|
|
6968
|
-
}))), /*#__PURE__*/React.createElement("div", {
|
|
6969
|
+
}))), /*#__PURE__*/React$1.createElement("div", {
|
|
6969
6970
|
className: classes.rightContainer
|
|
6970
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
6971
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
6971
6972
|
className: classes.inputDiv
|
|
6972
|
-
}, /*#__PURE__*/React.createElement(Input, {
|
|
6973
|
+
}, /*#__PURE__*/React$1.createElement(Input, {
|
|
6973
6974
|
data: nodeData.nameField,
|
|
6974
6975
|
value: inputVal.name,
|
|
6975
6976
|
isValid: validData.nameValid,
|
|
@@ -6989,9 +6990,9 @@ function Contact({
|
|
|
6989
6990
|
nameValid: 1
|
|
6990
6991
|
});
|
|
6991
6992
|
}
|
|
6992
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
6993
|
+
})), /*#__PURE__*/React$1.createElement("div", {
|
|
6993
6994
|
className: classes.inputDiv
|
|
6994
|
-
}, /*#__PURE__*/React.createElement(Input, {
|
|
6995
|
+
}, /*#__PURE__*/React$1.createElement(Input, {
|
|
6995
6996
|
data: nodeData.phoneField,
|
|
6996
6997
|
value: inputVal.phone,
|
|
6997
6998
|
isValid: validData.phoneValid,
|
|
@@ -7011,9 +7012,9 @@ function Contact({
|
|
|
7011
7012
|
phoneValid: 1
|
|
7012
7013
|
});
|
|
7013
7014
|
}
|
|
7014
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
7015
|
+
})), /*#__PURE__*/React$1.createElement("div", {
|
|
7015
7016
|
className: classes.inputDiv
|
|
7016
|
-
}, ' ', /*#__PURE__*/React.createElement(Input, {
|
|
7017
|
+
}, ' ', /*#__PURE__*/React$1.createElement(Input, {
|
|
7017
7018
|
data: nodeData.emailField,
|
|
7018
7019
|
value: inputVal.email,
|
|
7019
7020
|
isValid: validData.emailValid,
|
|
@@ -7033,9 +7034,9 @@ function Contact({
|
|
|
7033
7034
|
emailValid: 1
|
|
7034
7035
|
});
|
|
7035
7036
|
}
|
|
7036
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
7037
|
+
})), /*#__PURE__*/React$1.createElement("div", {
|
|
7037
7038
|
className: classes.inputDiv
|
|
7038
|
-
}, ' ', /*#__PURE__*/React.createElement(Input, {
|
|
7039
|
+
}, ' ', /*#__PURE__*/React$1.createElement(Input, {
|
|
7039
7040
|
data: nodeData.messageField,
|
|
7040
7041
|
value: inputVal.message,
|
|
7041
7042
|
isValid: validData.messageValid,
|
|
@@ -7055,9 +7056,9 @@ function Contact({
|
|
|
7055
7056
|
messageValid: 1
|
|
7056
7057
|
});
|
|
7057
7058
|
}
|
|
7058
|
-
})), nodeData.cta.metadata.value !== '' && /*#__PURE__*/React.createElement("div", {
|
|
7059
|
+
})), nodeData.cta.metadata.value !== '' && /*#__PURE__*/React$1.createElement("div", {
|
|
7059
7060
|
className: classes.btnContainer
|
|
7060
|
-
}, /*#__PURE__*/React.createElement(Button, {
|
|
7061
|
+
}, /*#__PURE__*/React$1.createElement(Button, {
|
|
7061
7062
|
ref: nodeData?.cta?.refSetter,
|
|
7062
7063
|
data: btnDisabled && validData?.messageValid && validData?.emailValid && validData?.nameValid && validData?.phoneValid ? {
|
|
7063
7064
|
value: 'Submitted'
|
|
@@ -7425,7 +7426,10 @@ const SingleVideoSlide$1 = props => {
|
|
|
7425
7426
|
const finalPrice = formatCurrency(countryCode, data?.price, currencySymbol);
|
|
7426
7427
|
const buyNowText = countryCode === 'KR' ? '이 웨비나 신청하기' : 'BUY NOW';
|
|
7427
7428
|
const registerNowText = countryCode === 'KR' ? '웨비나 신청하기' : 'REGISTER NOW';
|
|
7428
|
-
const momentLocale = countryCode === 'KR' ? '
|
|
7429
|
+
const momentLocale = countryCode === 'KR' ? 'ko' : 'in';
|
|
7430
|
+
if (countryCode === 'KR') {
|
|
7431
|
+
moment.updateLocale('ko', koreanLocale);
|
|
7432
|
+
}
|
|
7429
7433
|
return /*#__PURE__*/React.createElement("div", {
|
|
7430
7434
|
className: classes.videoCarouselContainer
|
|
7431
7435
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -7546,13 +7550,13 @@ function CoursePromotionPage$1({
|
|
|
7546
7550
|
containerWidth,
|
|
7547
7551
|
isMobile
|
|
7548
7552
|
});
|
|
7549
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
7553
|
+
return /*#__PURE__*/React$1.createElement("div", {
|
|
7550
7554
|
className: classes.webinarSuperContainer
|
|
7551
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
7555
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
7552
7556
|
className: classes.videoTestimonialContainer
|
|
7553
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
7557
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
7554
7558
|
className: classes.sectionContainer
|
|
7555
|
-
}, /*#__PURE__*/React.createElement(SingleVideoSlide$1, {
|
|
7559
|
+
}, /*#__PURE__*/React$1.createElement(SingleVideoSlide$1, {
|
|
7556
7560
|
data: sectionData.components[0].metadata,
|
|
7557
7561
|
webinarCtaClick: extraProps.webinarCtaClick,
|
|
7558
7562
|
conversions: extraProps.conversions,
|
|
@@ -7879,13 +7883,13 @@ const SingleVideoSlide = props => {
|
|
|
7879
7883
|
}) => {
|
|
7880
7884
|
if (days === 0 && hours < 24) {
|
|
7881
7885
|
if (countryCode === 'KR') {
|
|
7882
|
-
return /*#__PURE__*/React.createElement("span", null, hours, " \uC2DC\uAC04 ", minutes, " \uBD84 ", seconds, "\uCD08");
|
|
7886
|
+
return /*#__PURE__*/React$1.createElement("span", null, hours, " \uC2DC\uAC04 ", minutes, " \uBD84 ", seconds, "\uCD08");
|
|
7883
7887
|
}
|
|
7884
|
-
return /*#__PURE__*/React.createElement("span", null, hours, "h ", minutes, "m ", seconds, "s");
|
|
7888
|
+
return /*#__PURE__*/React$1.createElement("span", null, hours, "h ", minutes, "m ", seconds, "s");
|
|
7885
7889
|
} else {
|
|
7886
7890
|
let given = moment(props.data.endDate);
|
|
7887
7891
|
let current = moment().startOf('day');
|
|
7888
|
-
return /*#__PURE__*/React.createElement("span", null, Math.floor(moment.duration(given.diff(current)).asDays()), ' ', countryCode === 'KR' ? '일' : 'day(s)');
|
|
7892
|
+
return /*#__PURE__*/React$1.createElement("span", null, Math.floor(moment.duration(given.diff(current)).asDays()), ' ', countryCode === 'KR' ? '일' : 'day(s)');
|
|
7889
7893
|
}
|
|
7890
7894
|
};
|
|
7891
7895
|
const {
|
|
@@ -7933,20 +7937,20 @@ const SingleVideoSlide = props => {
|
|
|
7933
7937
|
const limitedPeriodOfferText = countryCode === 'KR' ? `기간 한정 딜이므로 서두르세요!` : 'Hurry up! Offer for limited period only';
|
|
7934
7938
|
const renderOfferEndsInText = () => {
|
|
7935
7939
|
if (countryCode === 'KR') {
|
|
7936
|
-
return /*#__PURE__*/React.createElement("p", {
|
|
7940
|
+
return /*#__PURE__*/React$1.createElement("p", {
|
|
7937
7941
|
className: classes.offerText
|
|
7938
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
7942
|
+
}, /*#__PURE__*/React$1.createElement("span", {
|
|
7939
7943
|
className: classes.courseDetailTime
|
|
7940
|
-
}, /*#__PURE__*/React.createElement(Countdown, {
|
|
7944
|
+
}, /*#__PURE__*/React$1.createElement(Countdown, {
|
|
7941
7945
|
renderer: renderer,
|
|
7942
7946
|
date: data.endDate
|
|
7943
7947
|
})), ' ', "\uD6C4\xA0\uC2E0\uCCAD\xA0\uB9C8\uAC10\xA0\uC608\uC815");
|
|
7944
7948
|
} else {
|
|
7945
|
-
return /*#__PURE__*/React.createElement("p", {
|
|
7949
|
+
return /*#__PURE__*/React$1.createElement("p", {
|
|
7946
7950
|
className: classes.offerText
|
|
7947
|
-
}, "Offer Ends in", ' ', /*#__PURE__*/React.createElement("span", {
|
|
7951
|
+
}, "Offer Ends in", ' ', /*#__PURE__*/React$1.createElement("span", {
|
|
7948
7952
|
className: classes.courseDetailTime
|
|
7949
|
-
}, /*#__PURE__*/React.createElement(Countdown, {
|
|
7953
|
+
}, /*#__PURE__*/React$1.createElement(Countdown, {
|
|
7950
7954
|
renderer: renderer,
|
|
7951
7955
|
date: data.endDate
|
|
7952
7956
|
})));
|
|
@@ -7962,72 +7966,72 @@ const SingleVideoSlide = props => {
|
|
|
7962
7966
|
return 'Read More';
|
|
7963
7967
|
}
|
|
7964
7968
|
};
|
|
7965
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
7969
|
+
return /*#__PURE__*/React$1.createElement("div", {
|
|
7966
7970
|
className: classes.videoCarouselContainer
|
|
7967
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
7971
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
7968
7972
|
className: classes.coursePageCarousel
|
|
7969
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
7973
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
7970
7974
|
className: classes.iframeSuperContainer
|
|
7971
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
7975
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
7972
7976
|
className: classes.videoDetails
|
|
7973
|
-
}, (checkIfOfferIsValid() || data.offerPriceValidFor > 0) && (data.offerPriceValidFor > conversions || data.offerPriceValidFor === null) && /*#__PURE__*/React.createElement("div", null, data.offerPriceValidFor - conversions > 0 && data.discount && (data.endDate ? checkIfOfferIsValid() : true) ? /*#__PURE__*/React.createElement("div", {
|
|
7977
|
+
}, (checkIfOfferIsValid() || data.offerPriceValidFor > 0) && (data.offerPriceValidFor > conversions || data.offerPriceValidFor === null) && /*#__PURE__*/React$1.createElement("div", null, data.offerPriceValidFor - conversions > 0 && data.discount && (data.endDate ? checkIfOfferIsValid() : true) ? /*#__PURE__*/React$1.createElement("div", {
|
|
7974
7978
|
className: classes.bannerContainer
|
|
7975
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
7979
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
7976
7980
|
className: classes.bannerContainerText
|
|
7977
|
-
}, renderHurryUpBannerText())) : checkIfOfferIsValid() && /*#__PURE__*/React.createElement("div", {
|
|
7981
|
+
}, renderHurryUpBannerText())) : checkIfOfferIsValid() && /*#__PURE__*/React$1.createElement("div", {
|
|
7978
7982
|
className: classes.bannerContainer
|
|
7979
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
7983
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
7980
7984
|
className: classes.bannerContainerText
|
|
7981
|
-
}, limitedPeriodOfferText))), /*#__PURE__*/React.createElement("div", {
|
|
7985
|
+
}, limitedPeriodOfferText))), /*#__PURE__*/React$1.createElement("div", {
|
|
7982
7986
|
className: classes.emblemContainer
|
|
7983
7987
|
}, data?.courseOverviewData?.courseTagList.length && data?.courseOverviewData?.courseTagList?.map(data => {
|
|
7984
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
7988
|
+
return /*#__PURE__*/React$1.createElement("div", {
|
|
7985
7989
|
className: classes.courseEmblem
|
|
7986
7990
|
}, data?.text);
|
|
7987
|
-
})), /*#__PURE__*/React.createElement("h3", {
|
|
7991
|
+
})), /*#__PURE__*/React$1.createElement("h3", {
|
|
7988
7992
|
className: classes.videoDetailsHeading
|
|
7989
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
7993
|
+
}, /*#__PURE__*/React$1.createElement("span", {
|
|
7990
7994
|
ref: data?.videoTextHeading?.refSetter,
|
|
7991
7995
|
dangerouslySetInnerHTML: {
|
|
7992
7996
|
__html: data.courseName
|
|
7993
7997
|
}
|
|
7994
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
7998
|
+
})), /*#__PURE__*/React$1.createElement("div", {
|
|
7995
7999
|
className: classes.courseDetailsTags
|
|
7996
|
-
}, data?.courseOverviewData?.courseDuration?.text ? /*#__PURE__*/React.createElement("div", {
|
|
8000
|
+
}, data?.courseOverviewData?.courseDuration?.text ? /*#__PURE__*/React$1.createElement("div", {
|
|
7997
8001
|
className: classes.courseDetailTag
|
|
7998
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
8002
|
+
}, /*#__PURE__*/React$1.createElement("span", {
|
|
7999
8003
|
className: classes.iconBackground
|
|
8000
|
-
}, /*#__PURE__*/React.createElement(Icon, {
|
|
8004
|
+
}, /*#__PURE__*/React$1.createElement(Icon, {
|
|
8001
8005
|
name: 'Clock',
|
|
8002
8006
|
color: theme.palette.primary.main
|
|
8003
|
-
})), /*#__PURE__*/React.createElement("div", null, data?.courseOverviewData?.courseDuration?.text)) : null, data?.courseOverviewData?.metaData?.isPhysicalDeliveryEnabled ? /*#__PURE__*/React.createElement("div", {
|
|
8007
|
+
})), /*#__PURE__*/React$1.createElement("div", null, data?.courseOverviewData?.courseDuration?.text)) : null, data?.courseOverviewData?.metaData?.isPhysicalDeliveryEnabled ? /*#__PURE__*/React$1.createElement("div", {
|
|
8004
8008
|
className: classes.courseDetailTag
|
|
8005
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
8009
|
+
}, /*#__PURE__*/React$1.createElement("span", {
|
|
8006
8010
|
className: classes.iconBackground
|
|
8007
|
-
}, /*#__PURE__*/React.createElement(Icon, {
|
|
8011
|
+
}, /*#__PURE__*/React$1.createElement(Icon, {
|
|
8008
8012
|
name: 'Book Saved',
|
|
8009
8013
|
color: theme.palette.primary.main
|
|
8010
|
-
})), /*#__PURE__*/React.createElement("div", null, data?.courseOverviewData?.metaData?.isPhysicalDeliveryEnabled ? 'Physical Books' : null)) : null, data?.courseOverviewData?.metaData?.isCertificateEnabled ? /*#__PURE__*/React.createElement("div", {
|
|
8014
|
+
})), /*#__PURE__*/React$1.createElement("div", null, data?.courseOverviewData?.metaData?.isPhysicalDeliveryEnabled ? 'Physical Books' : null)) : null, data?.courseOverviewData?.metaData?.isCertificateEnabled ? /*#__PURE__*/React$1.createElement("div", {
|
|
8011
8015
|
className: classes.courseDetailTag
|
|
8012
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
8016
|
+
}, /*#__PURE__*/React$1.createElement("span", {
|
|
8013
8017
|
className: classes.iconBackground
|
|
8014
|
-
}, /*#__PURE__*/React.createElement(Icon, {
|
|
8018
|
+
}, /*#__PURE__*/React$1.createElement(Icon, {
|
|
8015
8019
|
name: 'Certificate',
|
|
8016
8020
|
color: theme.palette.primary.main
|
|
8017
|
-
})), /*#__PURE__*/React.createElement("div", null, data?.courseOverviewData?.metaData?.isCertificateEnabled ? 'Course Cerficate' : null)) : null, data?.courseOverviewData?.resourseDataText.heading ? /*#__PURE__*/React.createElement("div", {
|
|
8021
|
+
})), /*#__PURE__*/React$1.createElement("div", null, data?.courseOverviewData?.metaData?.isCertificateEnabled ? 'Course Cerficate' : null)) : null, data?.courseOverviewData?.resourseDataText.heading ? /*#__PURE__*/React$1.createElement("div", {
|
|
8018
8022
|
className: classes.courseDetailTag
|
|
8019
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
8023
|
+
}, /*#__PURE__*/React$1.createElement("span", {
|
|
8020
8024
|
className: classes.iconBackground
|
|
8021
|
-
}, /*#__PURE__*/React.createElement(Icon, {
|
|
8025
|
+
}, /*#__PURE__*/React$1.createElement(Icon, {
|
|
8022
8026
|
name: 'Certificate',
|
|
8023
8027
|
color: theme.palette.primary.main
|
|
8024
|
-
})), /*#__PURE__*/React.createElement("div", null, data?.courseOverviewData?.resourseDataText?.heading)) : null), /*#__PURE__*/React.createElement("p", {
|
|
8028
|
+
})), /*#__PURE__*/React$1.createElement("div", null, data?.courseOverviewData?.resourseDataText?.heading)) : null), /*#__PURE__*/React$1.createElement("p", {
|
|
8025
8029
|
ref: data?.videoTextContent?.refSetter,
|
|
8026
8030
|
className: classes.courseDetailContent,
|
|
8027
8031
|
dangerouslySetInnerHTML: {
|
|
8028
8032
|
__html: isReadMore ? data.description : data.description.substring(0, 250)
|
|
8029
8033
|
}
|
|
8030
|
-
}), /*#__PURE__*/React.createElement("p", {
|
|
8034
|
+
}), /*#__PURE__*/React$1.createElement("p", {
|
|
8031
8035
|
onClick: () => {
|
|
8032
8036
|
setIsReadMore(true);
|
|
8033
8037
|
},
|
|
@@ -8036,37 +8040,37 @@ const SingleVideoSlide = props => {
|
|
|
8036
8040
|
dangerouslySetInnerHTML: {
|
|
8037
8041
|
__html: data.description.length > 250 && !isReadMore ? handleReadMoreText() : null
|
|
8038
8042
|
}
|
|
8039
|
-
}))), /*#__PURE__*/React.createElement("div", {
|
|
8043
|
+
}))), /*#__PURE__*/React$1.createElement("div", {
|
|
8040
8044
|
style: {
|
|
8041
8045
|
display: 'flex',
|
|
8042
8046
|
flexDirection: 'column'
|
|
8043
8047
|
}
|
|
8044
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
8048
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
8045
8049
|
className: classes.courseViewContainer
|
|
8046
|
-
}, checkIfOfferIsValid() && (data.offerPriceValidFor !== null ? data.offerPriceValidFor - conversions > 0 : true) && renderOfferEndsInText(), /*#__PURE__*/React.createElement("div", {
|
|
8050
|
+
}, checkIfOfferIsValid() && (data.offerPriceValidFor !== null ? data.offerPriceValidFor - conversions > 0 : true) && renderOfferEndsInText(), /*#__PURE__*/React$1.createElement("div", {
|
|
8047
8051
|
ref: data?.videoFrame?.refSetter,
|
|
8048
8052
|
className: classes.iframeContainer
|
|
8049
|
-
}, /*#__PURE__*/React.createElement(VideoPlayer, {
|
|
8053
|
+
}, /*#__PURE__*/React$1.createElement(VideoPlayer, {
|
|
8050
8054
|
onlyThumbnail: true,
|
|
8051
8055
|
imageUrl: data.thumbnail,
|
|
8052
8056
|
videoUrl: data.thumbnail,
|
|
8053
8057
|
sectionIndex: props?.sectionIndex
|
|
8054
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
8058
|
+
})), /*#__PURE__*/React$1.createElement("div", {
|
|
8055
8059
|
className: classes.bottomContainer
|
|
8056
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
8060
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
8057
8061
|
className: classes.priceContainer
|
|
8058
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
8062
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
8059
8063
|
className: classes.offerPrice
|
|
8060
|
-
}, effectivePrice), checkForShowDiscount() && (data.endDate ? checkIfOfferIsValid() : true) && /*#__PURE__*/React.createElement("p", {
|
|
8064
|
+
}, effectivePrice), checkForShowDiscount() && (data.endDate ? checkIfOfferIsValid() : true) && /*#__PURE__*/React$1.createElement("p", {
|
|
8061
8065
|
style: {
|
|
8062
8066
|
// fontSize: '20px',
|
|
8063
8067
|
marginTop: '0px'
|
|
8064
8068
|
}
|
|
8065
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
8069
|
+
}, /*#__PURE__*/React$1.createElement("span", {
|
|
8066
8070
|
className: classes.originalPrice
|
|
8067
|
-
}, finalPrice), ' ', /*#__PURE__*/React.createElement("span", {
|
|
8071
|
+
}, finalPrice), ' ', /*#__PURE__*/React$1.createElement("span", {
|
|
8068
8072
|
className: classes.offerDiscount
|
|
8069
|
-
}, `${data && discount(data)}%`))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
|
|
8073
|
+
}, `${data && discount(data)}%`))), /*#__PURE__*/React$1.createElement("div", null, /*#__PURE__*/React$1.createElement(Button, {
|
|
8070
8074
|
style: {
|
|
8071
8075
|
width: '150px'
|
|
8072
8076
|
},
|
|
@@ -8084,19 +8088,19 @@ const SingleVideoSlide = props => {
|
|
|
8084
8088
|
name: "button",
|
|
8085
8089
|
rel: null
|
|
8086
8090
|
// styling={isMobile ? { margin: '0 40px' } : {}}
|
|
8087
|
-
})))), showCourseInstallmentData && InstalmentData && /*#__PURE__*/React.createElement("div", {
|
|
8091
|
+
})))), showCourseInstallmentData && InstalmentData && /*#__PURE__*/React$1.createElement("div", {
|
|
8088
8092
|
className: classes.payInstallmentContainer,
|
|
8089
8093
|
onClick: showCourseInstallment
|
|
8090
|
-
}, /*#__PURE__*/React.createElement("img", {
|
|
8094
|
+
}, /*#__PURE__*/React$1.createElement("img", {
|
|
8091
8095
|
src: calendar,
|
|
8092
8096
|
alt: "calender"
|
|
8093
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
8097
|
+
}), /*#__PURE__*/React$1.createElement("div", {
|
|
8094
8098
|
className: classes.payInstallmentHeader
|
|
8095
|
-
}, /*#__PURE__*/React.createElement("h4", null, /*#__PURE__*/React.createElement("span", {
|
|
8099
|
+
}, /*#__PURE__*/React$1.createElement("h4", null, /*#__PURE__*/React$1.createElement("span", {
|
|
8096
8100
|
dangerouslySetInnerHTML: {
|
|
8097
8101
|
__html: ` Start learning at Rs ${isEdit ? InstalmentData : InstalmentData / 100}`
|
|
8098
8102
|
}
|
|
8099
|
-
})), /*#__PURE__*/React.createElement("p", null, "Pay in Instalments")), /*#__PURE__*/React.createElement("img", {
|
|
8103
|
+
})), /*#__PURE__*/React$1.createElement("p", null, "Pay in Instalments")), /*#__PURE__*/React$1.createElement("img", {
|
|
8100
8104
|
className: classes.arrowRightIcon,
|
|
8101
8105
|
src: arrowRight,
|
|
8102
8106
|
alt: "open pay-installment popup"
|
|
@@ -8120,13 +8124,13 @@ function CoursePromotionPage({
|
|
|
8120
8124
|
containerWidth,
|
|
8121
8125
|
isMobile
|
|
8122
8126
|
});
|
|
8123
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
8127
|
+
return /*#__PURE__*/React$1.createElement("div", {
|
|
8124
8128
|
className: classes.courseSuperContainer
|
|
8125
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
8129
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
8126
8130
|
className: classes.videoTestimonialContainer
|
|
8127
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
8131
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
8128
8132
|
className: classes.sectionContainer
|
|
8129
|
-
}, /*#__PURE__*/React.createElement(SingleVideoSlide, {
|
|
8133
|
+
}, /*#__PURE__*/React$1.createElement(SingleVideoSlide, {
|
|
8130
8134
|
data: sectionData.components[0].metadata,
|
|
8131
8135
|
courseBuyNow: extraProps.courseBuyNow,
|
|
8132
8136
|
showCourseInstallment: extraProps.showCourseInstallment,
|
|
@@ -8403,25 +8407,25 @@ const FormPage = ({
|
|
|
8403
8407
|
}
|
|
8404
8408
|
}
|
|
8405
8409
|
};
|
|
8406
|
-
return /*#__PURE__*/React.createElement("section", {
|
|
8410
|
+
return /*#__PURE__*/React$1.createElement("section", {
|
|
8407
8411
|
className: classes.formPageSection
|
|
8408
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
8412
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
8409
8413
|
className: classes.formPageFormContainer
|
|
8410
|
-
}, /*#__PURE__*/React.createElement("form", {
|
|
8414
|
+
}, /*#__PURE__*/React$1.createElement("form", {
|
|
8411
8415
|
onSubmit: handleSubmit
|
|
8412
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
8416
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
8413
8417
|
className: classes.formPageHeader
|
|
8414
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
8418
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
8415
8419
|
className: classes.formPageTitle
|
|
8416
|
-
}, metadata?.title), /*#__PURE__*/React.createElement("div", {
|
|
8420
|
+
}, metadata?.title), /*#__PURE__*/React$1.createElement("div", {
|
|
8417
8421
|
className: classes.formPageSubtitle
|
|
8418
|
-
}, metadata?.subTitle)), metadata?.questions?.map((item, index) => /*#__PURE__*/React.createElement(React.Fragment, null, item.type === 'SA' && /*#__PURE__*/React.createElement("div", {
|
|
8422
|
+
}, metadata?.subTitle)), metadata?.questions?.map((item, index) => /*#__PURE__*/React$1.createElement(React$1.Fragment, null, item.type === 'SA' && /*#__PURE__*/React$1.createElement("div", {
|
|
8419
8423
|
className: classes.inputField
|
|
8420
|
-
}, /*#__PURE__*/React.createElement("label", {
|
|
8424
|
+
}, /*#__PURE__*/React$1.createElement("label", {
|
|
8421
8425
|
className: classes.inputFieldLabel
|
|
8422
|
-
}, item.text, ' ', item.isRequired && /*#__PURE__*/React.createElement("span", {
|
|
8426
|
+
}, item.text, ' ', item.isRequired && /*#__PURE__*/React$1.createElement("span", {
|
|
8423
8427
|
className: classes.inputFieldRequired
|
|
8424
|
-
}, "*")), /*#__PURE__*/React.createElement("input", {
|
|
8428
|
+
}, "*")), /*#__PURE__*/React$1.createElement("input", {
|
|
8425
8429
|
className: classes.inputFieldControl,
|
|
8426
8430
|
required: item.isRequired,
|
|
8427
8431
|
type: "text",
|
|
@@ -8439,32 +8443,32 @@ const FormPage = ({
|
|
|
8439
8443
|
}
|
|
8440
8444
|
});
|
|
8441
8445
|
}
|
|
8442
|
-
})), item.type === 'MC' && /*#__PURE__*/React.createElement("div", {
|
|
8446
|
+
})), item.type === 'MC' && /*#__PURE__*/React$1.createElement("div", {
|
|
8443
8447
|
className: classes.checkboxField
|
|
8444
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
8448
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
8445
8449
|
className: classes.checkBoxFieldLabel
|
|
8446
|
-
}, item.text, ' ', item.isRequired && /*#__PURE__*/React.createElement("span", {
|
|
8450
|
+
}, item.text, ' ', item.isRequired && /*#__PURE__*/React$1.createElement("span", {
|
|
8447
8451
|
className: classes.inputFieldRequired
|
|
8448
|
-
}, "*")), item.options.map((option, index) => /*#__PURE__*/React.createElement("div", {
|
|
8452
|
+
}, "*")), item.options.map((option, index) => /*#__PURE__*/React$1.createElement("div", {
|
|
8449
8453
|
className: classes.checkboxFieldControl
|
|
8450
|
-
}, /*#__PURE__*/React.createElement("input", {
|
|
8454
|
+
}, /*#__PURE__*/React$1.createElement("input", {
|
|
8451
8455
|
value: option.value,
|
|
8452
8456
|
type: "checkbox",
|
|
8453
8457
|
name: option.value,
|
|
8454
8458
|
checked: formData[item._id]?.solutionArray?.includes(option.value),
|
|
8455
8459
|
id: option.value,
|
|
8456
8460
|
onClick: e => handleOnClick(e, item, option)
|
|
8457
|
-
}), /*#__PURE__*/React.createElement("label", {
|
|
8461
|
+
}), /*#__PURE__*/React$1.createElement("label", {
|
|
8458
8462
|
htmlFor: option.value
|
|
8459
|
-
}, option.value)))), item.type === 'SC' && /*#__PURE__*/React.createElement("div", {
|
|
8463
|
+
}, option.value)))), item.type === 'SC' && /*#__PURE__*/React$1.createElement("div", {
|
|
8460
8464
|
className: classes.checkboxField
|
|
8461
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
8465
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
8462
8466
|
className: classes.checkBoxFieldLabel
|
|
8463
|
-
}, item.text, ' ', item.isRequired && /*#__PURE__*/React.createElement("span", {
|
|
8467
|
+
}, item.text, ' ', item.isRequired && /*#__PURE__*/React$1.createElement("span", {
|
|
8464
8468
|
className: classes.inputFieldRequired
|
|
8465
|
-
}, "*")), item.options.map((option, index) => /*#__PURE__*/React.createElement("div", {
|
|
8469
|
+
}, "*")), item.options.map((option, index) => /*#__PURE__*/React$1.createElement("div", {
|
|
8466
8470
|
className: classes.checkboxFieldControl
|
|
8467
|
-
}, /*#__PURE__*/React.createElement("input", {
|
|
8471
|
+
}, /*#__PURE__*/React$1.createElement("input", {
|
|
8468
8472
|
// value={option.value}
|
|
8469
8473
|
type: "radio",
|
|
8470
8474
|
name: `text_${item._id}`,
|
|
@@ -8484,11 +8488,11 @@ const FormPage = ({
|
|
|
8484
8488
|
}
|
|
8485
8489
|
});
|
|
8486
8490
|
}
|
|
8487
|
-
}), /*#__PURE__*/React.createElement("label", {
|
|
8491
|
+
}), /*#__PURE__*/React$1.createElement("label", {
|
|
8488
8492
|
htmlFor: option.value
|
|
8489
|
-
}, option.value)))))), /*#__PURE__*/React.createElement("div", {
|
|
8493
|
+
}, option.value)))))), /*#__PURE__*/React$1.createElement("div", {
|
|
8490
8494
|
className: classes.submitBtnContainer
|
|
8491
|
-
}, /*#__PURE__*/React.createElement(Button, {
|
|
8495
|
+
}, /*#__PURE__*/React$1.createElement(Button, {
|
|
8492
8496
|
data: {
|
|
8493
8497
|
// link: 'headerData?.loginCtaLink',
|
|
8494
8498
|
// isLink: 1,
|
|
@@ -8606,16 +8610,16 @@ function Tiles({
|
|
|
8606
8610
|
}
|
|
8607
8611
|
};
|
|
8608
8612
|
const TileDiv = tilesList?.map((tile, i) => {
|
|
8609
|
-
return /*#__PURE__*/React.createElement(Fragment, {
|
|
8613
|
+
return /*#__PURE__*/React$1.createElement(Fragment, {
|
|
8610
8614
|
key: i
|
|
8611
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
8615
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
8612
8616
|
className: classes.tileDiv,
|
|
8613
8617
|
onClick: () => handleClick(tile.cta?.metadata?.value)
|
|
8614
|
-
}, /*#__PURE__*/React.createElement(NextImageRenderer, {
|
|
8618
|
+
}, /*#__PURE__*/React$1.createElement(NextImageRenderer, {
|
|
8615
8619
|
className: classes.tileImg,
|
|
8616
8620
|
src: tile?.tileImage?.metadata?.value,
|
|
8617
8621
|
sectionIndex: sectionIndex
|
|
8618
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
8622
|
+
}), /*#__PURE__*/React$1.createElement("div", {
|
|
8619
8623
|
className: classes.title,
|
|
8620
8624
|
ref: tile.tileName?.refSetter,
|
|
8621
8625
|
dangerouslySetInnerHTML: {
|
|
@@ -8623,21 +8627,21 @@ function Tiles({
|
|
|
8623
8627
|
}
|
|
8624
8628
|
})));
|
|
8625
8629
|
});
|
|
8626
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
8630
|
+
return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement("div", {
|
|
8627
8631
|
className: classes.tileParentDiv
|
|
8628
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
8632
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
8629
8633
|
className: classes.header,
|
|
8630
8634
|
ref: nodeData[0].sectionHeader?.refSetter,
|
|
8631
8635
|
dangerouslySetInnerHTML: {
|
|
8632
8636
|
__html: nodeData[0].sectionHeader?.metadata?.value
|
|
8633
8637
|
}
|
|
8634
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
8638
|
+
}), /*#__PURE__*/React$1.createElement("div", {
|
|
8635
8639
|
className: classes.headerTitle,
|
|
8636
8640
|
ref: nodeData[0].sectionTitle?.refSetter,
|
|
8637
8641
|
dangerouslySetInnerHTML: {
|
|
8638
8642
|
__html: nodeData[0].sectionTitle?.metadata?.value
|
|
8639
8643
|
}
|
|
8640
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
8644
|
+
}), /*#__PURE__*/React$1.createElement("div", {
|
|
8641
8645
|
className: classes.row
|
|
8642
8646
|
}, TileDiv)));
|
|
8643
8647
|
}
|
|
@@ -8732,41 +8736,41 @@ function Section({
|
|
|
8732
8736
|
const landing = nodeData?.components[2];
|
|
8733
8737
|
const footer = nodeData?.components[3];
|
|
8734
8738
|
const classes = useEmailStyles();
|
|
8735
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("center", {
|
|
8739
|
+
return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement("center", {
|
|
8736
8740
|
className: classes.wrapper,
|
|
8737
8741
|
ref: emailRef
|
|
8738
|
-
}, isProceed && pixel, /*#__PURE__*/React.createElement("table", {
|
|
8742
|
+
}, isProceed && pixel, /*#__PURE__*/React$1.createElement("table", {
|
|
8739
8743
|
className: classes.main,
|
|
8740
8744
|
style: {
|
|
8741
8745
|
width: '100%',
|
|
8742
8746
|
maxWidth: '600px',
|
|
8743
8747
|
backgroundColor: '#ffffff'
|
|
8744
8748
|
}
|
|
8745
|
-
}, /*#__PURE__*/React.createElement("tbody", null, customHtmlData?.isCustomHtml ? /*#__PURE__*/React.createElement("div", {
|
|
8749
|
+
}, /*#__PURE__*/React$1.createElement("tbody", null, customHtmlData?.isCustomHtml ? /*#__PURE__*/React$1.createElement("div", {
|
|
8746
8750
|
className: classes.email_description_para,
|
|
8747
8751
|
dangerouslySetInnerHTML: {
|
|
8748
8752
|
__html: `${customHtmlData?.html ? customHtmlData?.html : ''}`
|
|
8749
8753
|
// __html: '<div>sdnfksdnflksdnfklsndk</div>'
|
|
8750
8754
|
}
|
|
8751
|
-
}) : /*#__PURE__*/React.createElement(React.Fragment, null, header?.isActive ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("table", {
|
|
8755
|
+
}) : /*#__PURE__*/React$1.createElement(React$1.Fragment, null, header?.isActive ? /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement("tr", null, /*#__PURE__*/React$1.createElement("td", null, /*#__PURE__*/React$1.createElement("table", {
|
|
8752
8756
|
style: {
|
|
8753
8757
|
textAlign: 'center',
|
|
8754
8758
|
background: '#ffffff',
|
|
8755
8759
|
paddingTop: '16px',
|
|
8756
8760
|
width: '100%'
|
|
8757
8761
|
}
|
|
8758
|
-
}, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
|
|
8762
|
+
}, /*#__PURE__*/React$1.createElement("tr", null, /*#__PURE__*/React$1.createElement("td", {
|
|
8759
8763
|
style: {
|
|
8760
8764
|
display: 'inline-block'
|
|
8761
8765
|
}
|
|
8762
|
-
}, header?.components[0]?.metadata?.image?.length ? /*#__PURE__*/React.createElement("img", {
|
|
8766
|
+
}, header?.components[0]?.metadata?.image?.length ? /*#__PURE__*/React$1.createElement("img", {
|
|
8763
8767
|
src: header?.components[0]?.metadata?.image,
|
|
8764
8768
|
alt: "",
|
|
8765
8769
|
style: {
|
|
8766
8770
|
width: 'auto',
|
|
8767
8771
|
height: '48px'
|
|
8768
8772
|
}
|
|
8769
|
-
}) : renderHTML ? null : /*#__PURE__*/React.createElement("div", {
|
|
8773
|
+
}) : renderHTML ? null : /*#__PURE__*/React$1.createElement("div", {
|
|
8770
8774
|
style: {
|
|
8771
8775
|
display: 'flex',
|
|
8772
8776
|
alignItems: 'center',
|
|
@@ -8774,11 +8778,11 @@ function Section({
|
|
|
8774
8778
|
fontStyle: 'italic',
|
|
8775
8779
|
minHeight: '30px'
|
|
8776
8780
|
}
|
|
8777
|
-
}, "Your logo")))))), /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
|
|
8781
|
+
}, "Your logo")))))), /*#__PURE__*/React$1.createElement("tr", null, /*#__PURE__*/React$1.createElement("td", {
|
|
8778
8782
|
style: {
|
|
8779
8783
|
textAlign: 'center'
|
|
8780
8784
|
}
|
|
8781
|
-
}, header?.components[1]?.metadata?.image?.length ? /*#__PURE__*/React.createElement("img", {
|
|
8785
|
+
}, header?.components[1]?.metadata?.image?.length ? /*#__PURE__*/React$1.createElement("img", {
|
|
8782
8786
|
src: header?.components[1]?.metadata?.image
|
|
8783
8787
|
// width={600}
|
|
8784
8788
|
,
|
|
@@ -8788,7 +8792,7 @@ function Section({
|
|
|
8788
8792
|
width: '100%',
|
|
8789
8793
|
marginBottom: '-4px'
|
|
8790
8794
|
}
|
|
8791
|
-
}) : renderHTML ? null : /*#__PURE__*/React.createElement("div", {
|
|
8795
|
+
}) : renderHTML ? null : /*#__PURE__*/React$1.createElement("div", {
|
|
8792
8796
|
style: {
|
|
8793
8797
|
maxWidth: '600px',
|
|
8794
8798
|
width: '100%',
|
|
@@ -8800,14 +8804,14 @@ function Section({
|
|
|
8800
8804
|
justifyContent: 'center',
|
|
8801
8805
|
fontStyle: 'italic'
|
|
8802
8806
|
}
|
|
8803
|
-
}, "Cover Image")))) : null, body && body?.isActive ? /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("table", {
|
|
8807
|
+
}, "Cover Image")))) : null, body && body?.isActive ? /*#__PURE__*/React$1.createElement("tr", null, /*#__PURE__*/React$1.createElement("td", null, /*#__PURE__*/React$1.createElement("table", {
|
|
8804
8808
|
style: {
|
|
8805
8809
|
textAlign: 'center',
|
|
8806
8810
|
width: '100%',
|
|
8807
8811
|
backgroundColor: '#ffffff',
|
|
8808
8812
|
padding: '0px 24px'
|
|
8809
8813
|
}
|
|
8810
|
-
}, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("p", {
|
|
8814
|
+
}, /*#__PURE__*/React$1.createElement("tr", null, /*#__PURE__*/React$1.createElement("td", null, /*#__PURE__*/React$1.createElement("p", {
|
|
8811
8815
|
style: {
|
|
8812
8816
|
// fontFamily: 'Roboto',
|
|
8813
8817
|
fontStyle: 'normal',
|
|
@@ -8819,7 +8823,7 @@ function Section({
|
|
|
8819
8823
|
marginTop: '24px'
|
|
8820
8824
|
},
|
|
8821
8825
|
ref: body?.components[0]?.refSetter
|
|
8822
|
-
}, body?.components[0]?.metadata?.text), /*#__PURE__*/React.createElement("p", {
|
|
8826
|
+
}, body?.components[0]?.metadata?.text), /*#__PURE__*/React$1.createElement("p", {
|
|
8823
8827
|
style: {
|
|
8824
8828
|
// fontFamily: 'Roboto',
|
|
8825
8829
|
fontStyle: 'normal',
|
|
@@ -8832,7 +8836,7 @@ function Section({
|
|
|
8832
8836
|
marginBottom: '15px'
|
|
8833
8837
|
},
|
|
8834
8838
|
ref: body?.components[1]?.refSetter
|
|
8835
|
-
}, body?.components[1]?.metadata?.text), /*#__PURE__*/React.createElement("div", {
|
|
8839
|
+
}, body?.components[1]?.metadata?.text), /*#__PURE__*/React$1.createElement("div", {
|
|
8836
8840
|
style: {
|
|
8837
8841
|
maxWidth: '435px',
|
|
8838
8842
|
// margin: '0px 10px',
|
|
@@ -8849,12 +8853,12 @@ function Section({
|
|
|
8849
8853
|
},
|
|
8850
8854
|
className: classes.email_description_para,
|
|
8851
8855
|
ref: body?.components[2]?.refSetter
|
|
8852
|
-
})))))) : null, landing?.isActive ? /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("table", {
|
|
8856
|
+
})))))) : null, landing?.isActive ? /*#__PURE__*/React$1.createElement("tr", null, /*#__PURE__*/React$1.createElement("td", null, /*#__PURE__*/React$1.createElement("table", {
|
|
8853
8857
|
style: {
|
|
8854
8858
|
width: '100%',
|
|
8855
8859
|
padding: '12px'
|
|
8856
8860
|
}
|
|
8857
|
-
}, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("table", {
|
|
8861
|
+
}, /*#__PURE__*/React$1.createElement("tr", null, /*#__PURE__*/React$1.createElement("td", null, /*#__PURE__*/React$1.createElement("table", {
|
|
8858
8862
|
style: {
|
|
8859
8863
|
width: '100%',
|
|
8860
8864
|
background: '#f4f9fd',
|
|
@@ -8862,11 +8866,11 @@ function Section({
|
|
|
8862
8866
|
padding: '32px',
|
|
8863
8867
|
textAlign: 'center'
|
|
8864
8868
|
}
|
|
8865
|
-
}, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
|
|
8869
|
+
}, /*#__PURE__*/React$1.createElement("tr", null, /*#__PURE__*/React$1.createElement("td", {
|
|
8866
8870
|
style: {
|
|
8867
8871
|
textAlign: 'center'
|
|
8868
8872
|
}
|
|
8869
|
-
}, landing?.components[0]?.metadata?.image?.length ? /*#__PURE__*/React.createElement("img", {
|
|
8873
|
+
}, landing?.components[0]?.metadata?.image?.length ? /*#__PURE__*/React$1.createElement("img", {
|
|
8870
8874
|
src: landing?.components[0]?.metadata?.image,
|
|
8871
8875
|
alt: "",
|
|
8872
8876
|
style: {
|
|
@@ -8874,7 +8878,7 @@ function Section({
|
|
|
8874
8878
|
width: '100%',
|
|
8875
8879
|
borderRadius: '10px'
|
|
8876
8880
|
}
|
|
8877
|
-
}) : renderHTML ? null : /*#__PURE__*/React.createElement("div", {
|
|
8881
|
+
}) : renderHTML ? null : /*#__PURE__*/React$1.createElement("div", {
|
|
8878
8882
|
style: {
|
|
8879
8883
|
background: '#D9D9D9F0',
|
|
8880
8884
|
width: '100%',
|
|
@@ -8885,7 +8889,7 @@ function Section({
|
|
|
8885
8889
|
fontStyle: 'italic',
|
|
8886
8890
|
borderRadius: '10px'
|
|
8887
8891
|
}
|
|
8888
|
-
}, "Thumbnail Image"), /*#__PURE__*/React.createElement("p", {
|
|
8892
|
+
}, "Thumbnail Image"), /*#__PURE__*/React$1.createElement("p", {
|
|
8889
8893
|
style: {
|
|
8890
8894
|
// fontFamily: 'Roboto',
|
|
8891
8895
|
fontStyle: 'normal',
|
|
@@ -8898,13 +8902,13 @@ function Section({
|
|
|
8898
8902
|
textAlign: 'left'
|
|
8899
8903
|
},
|
|
8900
8904
|
ref: landing?.components[1]?.refSetter
|
|
8901
|
-
}, landing?.components[1]?.metadata?.text), /*#__PURE__*/React.createElement("a", {
|
|
8905
|
+
}, landing?.components[1]?.metadata?.text), /*#__PURE__*/React$1.createElement("a", {
|
|
8902
8906
|
href: landing?.components[3]?.metadata?.text,
|
|
8903
8907
|
target: "_blank",
|
|
8904
8908
|
style: {
|
|
8905
8909
|
textDecoration: 'none'
|
|
8906
8910
|
}
|
|
8907
|
-
}, /*#__PURE__*/React.createElement("p", {
|
|
8911
|
+
}, /*#__PURE__*/React$1.createElement("p", {
|
|
8908
8912
|
style: {
|
|
8909
8913
|
background: '#009AE0',
|
|
8910
8914
|
borderRadius: '7.18333px',
|
|
@@ -8921,13 +8925,13 @@ function Section({
|
|
|
8921
8925
|
color: '#fafafa'
|
|
8922
8926
|
},
|
|
8923
8927
|
ref: landing?.components[2]?.refSetter
|
|
8924
|
-
}, landing?.components[2]?.metadata?.text)))))))))) : null, footer?.isActive ? /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("table", {
|
|
8928
|
+
}, landing?.components[2]?.metadata?.text)))))))))) : null, footer?.isActive ? /*#__PURE__*/React$1.createElement("tr", null, /*#__PURE__*/React$1.createElement("td", null, /*#__PURE__*/React$1.createElement("table", {
|
|
8925
8929
|
style: {
|
|
8926
8930
|
width: '100%',
|
|
8927
8931
|
background: '#e3f0ff',
|
|
8928
8932
|
textAlign: 'center'
|
|
8929
8933
|
}
|
|
8930
|
-
}, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("p", {
|
|
8934
|
+
}, /*#__PURE__*/React$1.createElement("tr", null, /*#__PURE__*/React$1.createElement("td", null, /*#__PURE__*/React$1.createElement("p", {
|
|
8931
8935
|
style: {
|
|
8932
8936
|
// fontFamily: 'Roboto',
|
|
8933
8937
|
fontStyle: 'normal',
|
|
@@ -8938,20 +8942,20 @@ function Section({
|
|
|
8938
8942
|
color: '#0a1629',
|
|
8939
8943
|
marginTop: '32px'
|
|
8940
8944
|
}
|
|
8941
|
-
}, "Connect with us on:"), /*#__PURE__*/React.createElement("table", {
|
|
8945
|
+
}, "Connect with us on:"), /*#__PURE__*/React$1.createElement("table", {
|
|
8942
8946
|
style: {
|
|
8943
8947
|
width: '100%',
|
|
8944
8948
|
marginTop: '8px',
|
|
8945
8949
|
marginBottom: '16px'
|
|
8946
8950
|
}
|
|
8947
|
-
}, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("a", {
|
|
8951
|
+
}, /*#__PURE__*/React$1.createElement("tbody", null, /*#__PURE__*/React$1.createElement("tr", null, /*#__PURE__*/React$1.createElement("td", null, /*#__PURE__*/React$1.createElement("div", null, /*#__PURE__*/React$1.createElement("a", {
|
|
8948
8952
|
href: footer?.components[0]?.metadata?.text ? footer?.components[0]?.metadata?.text : undefined,
|
|
8949
8953
|
target: "_blank",
|
|
8950
8954
|
style: {
|
|
8951
8955
|
textDecoration: 'none',
|
|
8952
8956
|
display: renderHTML && footer?.components[0]?.metadata?.text ? '' : renderHTML === false ? '' : 'none'
|
|
8953
8957
|
}
|
|
8954
|
-
}, /*#__PURE__*/React.createElement("img", {
|
|
8958
|
+
}, /*#__PURE__*/React$1.createElement("img", {
|
|
8955
8959
|
src: footer?.components[0]?.metadata?.text ? footer?.components[0]?.metadata?.iconUrlColor : footer?.components[0]?.metadata?.iconUrl,
|
|
8956
8960
|
alt: "",
|
|
8957
8961
|
style: {
|
|
@@ -8961,14 +8965,14 @@ function Section({
|
|
|
8961
8965
|
cursor: 'pointer'
|
|
8962
8966
|
},
|
|
8963
8967
|
ref: footer?.components[0]?.refSetter
|
|
8964
|
-
})), /*#__PURE__*/React.createElement("a", {
|
|
8968
|
+
})), /*#__PURE__*/React$1.createElement("a", {
|
|
8965
8969
|
href: footer?.components[1]?.metadata?.text ? footer?.components[1]?.metadata?.text : undefined,
|
|
8966
8970
|
target: "_blank",
|
|
8967
8971
|
style: {
|
|
8968
8972
|
textDecoration: 'none',
|
|
8969
8973
|
display: renderHTML && footer?.components[1]?.metadata?.text ? '' : renderHTML === false ? '' : 'none'
|
|
8970
8974
|
}
|
|
8971
|
-
}, /*#__PURE__*/React.createElement("img", {
|
|
8975
|
+
}, /*#__PURE__*/React$1.createElement("img", {
|
|
8972
8976
|
src: footer?.components[1]?.metadata?.text ? footer?.components[1]?.metadata?.iconUrlColor : footer?.components[1]?.metadata?.iconUrl,
|
|
8973
8977
|
alt: "",
|
|
8974
8978
|
style: {
|
|
@@ -8978,14 +8982,14 @@ function Section({
|
|
|
8978
8982
|
cursor: 'pointer'
|
|
8979
8983
|
},
|
|
8980
8984
|
ref: footer?.components[1]?.refSetter
|
|
8981
|
-
})), /*#__PURE__*/React.createElement("a", {
|
|
8985
|
+
})), /*#__PURE__*/React$1.createElement("a", {
|
|
8982
8986
|
href: footer?.components[2]?.metadata?.text ? footer?.components[2]?.metadata?.text : undefined,
|
|
8983
8987
|
target: "_blank",
|
|
8984
8988
|
style: {
|
|
8985
8989
|
textDecoration: 'none',
|
|
8986
8990
|
display: renderHTML && footer?.components[2]?.metadata?.text ? '' : renderHTML === false ? '' : 'none'
|
|
8987
8991
|
}
|
|
8988
|
-
}, /*#__PURE__*/React.createElement("img", {
|
|
8992
|
+
}, /*#__PURE__*/React$1.createElement("img", {
|
|
8989
8993
|
src: footer?.components[2]?.metadata?.text ? footer?.components[2]?.metadata?.iconUrlColor : footer?.components[2]?.metadata?.iconUrl,
|
|
8990
8994
|
alt: "",
|
|
8991
8995
|
style: {
|
|
@@ -8995,14 +8999,14 @@ function Section({
|
|
|
8995
8999
|
margin: '0px 12px'
|
|
8996
9000
|
},
|
|
8997
9001
|
ref: footer?.components[2]?.refSetter
|
|
8998
|
-
})), /*#__PURE__*/React.createElement("a", {
|
|
9002
|
+
})), /*#__PURE__*/React$1.createElement("a", {
|
|
8999
9003
|
href: footer?.components[3]?.metadata?.text ? footer?.components[3]?.metadata?.text : undefined,
|
|
9000
9004
|
target: "_blank",
|
|
9001
9005
|
style: {
|
|
9002
9006
|
textDecoration: 'none',
|
|
9003
9007
|
display: renderHTML && footer?.components[3]?.metadata?.text ? '' : renderHTML === false ? '' : 'none'
|
|
9004
9008
|
}
|
|
9005
|
-
}, /*#__PURE__*/React.createElement("img", {
|
|
9009
|
+
}, /*#__PURE__*/React$1.createElement("img", {
|
|
9006
9010
|
src: footer?.components[3]?.metadata?.text ? footer?.components[3]?.metadata?.iconUrlColor : footer?.components[3]?.metadata?.iconUrl,
|
|
9007
9011
|
alt: "",
|
|
9008
9012
|
style: {
|
|
@@ -9012,14 +9016,14 @@ function Section({
|
|
|
9012
9016
|
cursor: 'pointer'
|
|
9013
9017
|
},
|
|
9014
9018
|
ref: footer?.components[3]?.refSetter
|
|
9015
|
-
})), /*#__PURE__*/React.createElement("a", {
|
|
9019
|
+
})), /*#__PURE__*/React$1.createElement("a", {
|
|
9016
9020
|
href: footer?.components[4]?.metadata?.text ? footer?.components[4]?.metadata?.text : undefined,
|
|
9017
9021
|
target: "_blank",
|
|
9018
9022
|
style: {
|
|
9019
9023
|
textDecoration: 'none',
|
|
9020
9024
|
display: renderHTML && footer?.components[4]?.metadata?.text ? '' : renderHTML === false ? '' : 'none'
|
|
9021
9025
|
}
|
|
9022
|
-
}, /*#__PURE__*/React.createElement("img", {
|
|
9026
|
+
}, /*#__PURE__*/React$1.createElement("img", {
|
|
9023
9027
|
src: footer?.components[4]?.metadata?.text ? footer?.components[4]?.metadata?.iconUrlColor : footer?.components[4]?.metadata?.iconUrl,
|
|
9024
9028
|
alt: "",
|
|
9025
9029
|
style: {
|
|
@@ -9029,12 +9033,12 @@ function Section({
|
|
|
9029
9033
|
margin: '0px 12px'
|
|
9030
9034
|
},
|
|
9031
9035
|
ref: footer?.components[4]?.refSetter
|
|
9032
|
-
})), /*#__PURE__*/React.createElement("table", {
|
|
9036
|
+
})), /*#__PURE__*/React$1.createElement("table", {
|
|
9033
9037
|
style: {
|
|
9034
9038
|
width: '100%',
|
|
9035
9039
|
marginTop: '13px'
|
|
9036
9040
|
}
|
|
9037
|
-
}, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("p", {
|
|
9041
|
+
}, /*#__PURE__*/React$1.createElement("tr", null, /*#__PURE__*/React$1.createElement("td", null, /*#__PURE__*/React$1.createElement("p", {
|
|
9038
9042
|
style: {
|
|
9039
9043
|
// fontFamily: 'Roboto',
|
|
9040
9044
|
fontStyle: 'normal',
|
|
@@ -9044,7 +9048,7 @@ function Section({
|
|
|
9044
9048
|
textAlign: 'center',
|
|
9045
9049
|
color: '#7d8592'
|
|
9046
9050
|
}
|
|
9047
|
-
}, "For any concerns, mail us at\xA0", footer?.components[5]?.metadata?.text ? footer?.components[5]?.metadata?.text : ''), /*#__PURE__*/React.createElement("p", {
|
|
9051
|
+
}, "For any concerns, mail us at\xA0", footer?.components[5]?.metadata?.text ? footer?.components[5]?.metadata?.text : ''), /*#__PURE__*/React$1.createElement("p", {
|
|
9048
9052
|
style: {
|
|
9049
9053
|
// fontFamily: 'Roboto',
|
|
9050
9054
|
fontStyle: 'normal',
|
|
@@ -9054,7 +9058,7 @@ function Section({
|
|
|
9054
9058
|
textAlign: 'center',
|
|
9055
9059
|
color: '#7d8592'
|
|
9056
9060
|
}
|
|
9057
|
-
}, "Copyright \xA9 2023 |\xA0", footer?.components[0]?.metadata?.text ? footer?.components[0]?.metadata?.text : ''), /*#__PURE__*/React.createElement("p", {
|
|
9061
|
+
}, "Copyright \xA9 2023 |\xA0", footer?.components[0]?.metadata?.text ? footer?.components[0]?.metadata?.text : ''), /*#__PURE__*/React$1.createElement("p", {
|
|
9058
9062
|
style: {
|
|
9059
9063
|
// fontFamily: 'Roboto',
|
|
9060
9064
|
fontStyle: 'normal',
|
|
@@ -9073,7 +9077,7 @@ function EmailDripMarket({
|
|
|
9073
9077
|
}) {
|
|
9074
9078
|
const isInitialMount = useRef(true);
|
|
9075
9079
|
const convertToHtml = sectionData => {
|
|
9076
|
-
const html = ReactDOMServer.renderToStaticMarkup( /*#__PURE__*/React.createElement(Section, {
|
|
9080
|
+
const html = ReactDOMServer.renderToStaticMarkup( /*#__PURE__*/React$1.createElement(Section, {
|
|
9077
9081
|
nodeData: sectionData,
|
|
9078
9082
|
renderHTML: true,
|
|
9079
9083
|
isProceed: extraProps.isProceed,
|
|
@@ -9091,17 +9095,17 @@ function EmailDripMarket({
|
|
|
9091
9095
|
|
|
9092
9096
|
// const mockData = sectionData?.sections[0];
|
|
9093
9097
|
const emailRef = useRef(null);
|
|
9094
|
-
return /*#__PURE__*/React.createElement("section", {
|
|
9098
|
+
return /*#__PURE__*/React$1.createElement("section", {
|
|
9095
9099
|
style: {
|
|
9096
9100
|
width: '95%',
|
|
9097
9101
|
paddingBottom: '5%'
|
|
9098
9102
|
}
|
|
9099
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
9103
|
+
}, /*#__PURE__*/React$1.createElement("div", {
|
|
9100
9104
|
onClick: e => {
|
|
9101
9105
|
e.stopPropagation(); // prevent the click from event Capturing, in email onClick events do not work
|
|
9102
9106
|
e.preventDefault();
|
|
9103
9107
|
}
|
|
9104
|
-
}, /*#__PURE__*/React.createElement(Section, {
|
|
9108
|
+
}, /*#__PURE__*/React$1.createElement(Section, {
|
|
9105
9109
|
sectionRef: emailRef,
|
|
9106
9110
|
customHtmlData: extraProps?.customHtmlData,
|
|
9107
9111
|
nodeData: sectionData
|
|
@@ -9145,7 +9149,7 @@ const MemoisedSection = /*#__PURE__*/memo(({
|
|
|
9145
9149
|
sectionIndex
|
|
9146
9150
|
}) => {
|
|
9147
9151
|
const SectionComp = getCompToRender(sectionData.type);
|
|
9148
|
-
return /*#__PURE__*/React.createElement(SectionComp, {
|
|
9152
|
+
return /*#__PURE__*/React$1.createElement(SectionComp, {
|
|
9149
9153
|
sectionData: sectionData,
|
|
9150
9154
|
extraProps: extraProps,
|
|
9151
9155
|
isCustomWebsite: isCustomWebsite,
|
|
@@ -9158,7 +9162,7 @@ function SectionRenderer({
|
|
|
9158
9162
|
isCustomWebsite,
|
|
9159
9163
|
sectionIndex
|
|
9160
9164
|
}) {
|
|
9161
|
-
return /*#__PURE__*/React.createElement(MemoisedSection, {
|
|
9165
|
+
return /*#__PURE__*/React$1.createElement(MemoisedSection, {
|
|
9162
9166
|
sectionData: sectionData,
|
|
9163
9167
|
extraProps: extraProps,
|
|
9164
9168
|
isCustomWebsite: isCustomWebsite,
|
|
@@ -9224,32 +9228,32 @@ function PageRenderer({
|
|
|
9224
9228
|
}), [isMobile, isLandingPages, layout, baseURLs, hashToken, isPreview, isEdit, templateId, navList, isMasterTemplate, basePath, validations, isTutorWebsite, extraProps, hideLogin, _id, countryCode, currencySymbol]);
|
|
9225
9229
|
const theme = useMemo(() => getTheme(color, font, context.isMobile), [color, font, context.isMobile]);
|
|
9226
9230
|
const Wrapper = SectionWrapper || Fragment;
|
|
9227
|
-
return /*#__PURE__*/React.createElement(ThemeProvider, {
|
|
9231
|
+
return /*#__PURE__*/React$1.createElement(ThemeProvider, {
|
|
9228
9232
|
theme: theme
|
|
9229
|
-
}, /*#__PURE__*/React.createElement(PageContext.Provider, {
|
|
9233
|
+
}, /*#__PURE__*/React$1.createElement(PageContext.Provider, {
|
|
9230
9234
|
value: context
|
|
9231
|
-
}, /*#__PURE__*/React.createElement(FontSeeder, {
|
|
9235
|
+
}, /*#__PURE__*/React$1.createElement(FontSeeder, {
|
|
9232
9236
|
fontFamily: font
|
|
9233
|
-
}), !!header && /*#__PURE__*/React.createElement(Wrapper, !!SectionWrapper && {
|
|
9237
|
+
}), !!header && /*#__PURE__*/React$1.createElement(Wrapper, !!SectionWrapper && {
|
|
9234
9238
|
sectionData: header,
|
|
9235
9239
|
isHeader: true
|
|
9236
|
-
}, /*#__PURE__*/React.createElement(Header, {
|
|
9240
|
+
}, /*#__PURE__*/React$1.createElement(Header, {
|
|
9237
9241
|
data: header,
|
|
9238
9242
|
isLandingPage: isLandingPage
|
|
9239
|
-
})), sections?.length ? sections?.map((sectionData, sectionIndex) => /*#__PURE__*/React.createElement(Wrapper, _extends({}, !!SectionWrapper && {
|
|
9243
|
+
})), sections?.length ? sections?.map((sectionData, sectionIndex) => /*#__PURE__*/React$1.createElement(Wrapper, _extends({}, !!SectionWrapper && {
|
|
9240
9244
|
sectionData,
|
|
9241
9245
|
sectionIndex
|
|
9242
9246
|
}, {
|
|
9243
9247
|
key: sectionData.type + (sectionData._id || sectionIndex)
|
|
9244
|
-
}), /*#__PURE__*/React.createElement(SectionRenderer, {
|
|
9248
|
+
}), /*#__PURE__*/React$1.createElement(SectionRenderer, {
|
|
9245
9249
|
sectionData: sectionData,
|
|
9246
9250
|
extraProps: extraProps,
|
|
9247
9251
|
isCustomWebsite: isCustomWebsite,
|
|
9248
9252
|
sectionIndex: sectionIndex
|
|
9249
|
-
}))) : sectionPlaceholder, !!footer && /*#__PURE__*/React.createElement(Wrapper, !!SectionWrapper && {
|
|
9253
|
+
}))) : sectionPlaceholder, !!footer && /*#__PURE__*/React$1.createElement(Wrapper, !!SectionWrapper && {
|
|
9250
9254
|
sectionData: footer,
|
|
9251
9255
|
isFooter: true
|
|
9252
|
-
}, /*#__PURE__*/React.createElement(Footer, {
|
|
9256
|
+
}, /*#__PURE__*/React$1.createElement(Footer, {
|
|
9253
9257
|
data: footer
|
|
9254
9258
|
}))));
|
|
9255
9259
|
}
|