diy-template-components 0.0.76 → 0.1.3
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 +1172 -105
- package/build/index.es.js.map +1 -1
- package/build/index.js +1174 -105
- package/build/index.js.map +1 -1
- package/package.json +3 -2
package/build/index.js
CHANGED
|
@@ -18,6 +18,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
18
18
|
var React = require('react');
|
|
19
19
|
var Slider = require('react-slick');
|
|
20
20
|
var axios = require('axios');
|
|
21
|
+
var moment = require('moment');
|
|
22
|
+
var Countdown = require('react-countdown');
|
|
21
23
|
var reactJss = require('react-jss');
|
|
22
24
|
|
|
23
25
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -25,6 +27,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
25
27
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
26
28
|
var Slider__default = /*#__PURE__*/_interopDefaultLegacy(Slider);
|
|
27
29
|
var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
|
|
30
|
+
var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
|
|
31
|
+
var Countdown__default = /*#__PURE__*/_interopDefaultLegacy(Countdown);
|
|
28
32
|
|
|
29
33
|
function _extends() {
|
|
30
34
|
_extends = Object.assign || function (target) {
|
|
@@ -459,10 +463,6 @@ function useLinkBuilder(data) {
|
|
|
459
463
|
return data.link;
|
|
460
464
|
}
|
|
461
465
|
|
|
462
|
-
if (data?.isExternal) {
|
|
463
|
-
return data.link;
|
|
464
|
-
}
|
|
465
|
-
|
|
466
466
|
if (!isPreview) {
|
|
467
467
|
const link = data.link === '/' ? '' : '/' + data.link;
|
|
468
468
|
return basePath ? `//${basePath}${link}` : null;
|
|
@@ -501,8 +501,8 @@ const Button = /*#__PURE__*/React.forwardRef(function Button({
|
|
|
501
501
|
return data?.isLink ? /*#__PURE__*/React__default["default"].createElement("a", _extends({
|
|
502
502
|
ref: ref,
|
|
503
503
|
href: link,
|
|
504
|
-
target: data?.
|
|
505
|
-
rel: data?.
|
|
504
|
+
target: data?.isExistingLink === false ? '_blank' : null,
|
|
505
|
+
rel: data?.isExistingLink === false ? 'nofollow noopener' : null,
|
|
506
506
|
className: (active ? classes.active : '') + ' ' + classes[type] + ' ' + classes[size] + ' ' + classes.anchorClass,
|
|
507
507
|
style: styling
|
|
508
508
|
}, elementProps), data?.value) : /*#__PURE__*/React__default["default"].createElement("button", _extends({
|
|
@@ -633,6 +633,16 @@ var success = "data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%
|
|
|
633
633
|
|
|
634
634
|
var quote = "data:image/svg+xml,%3Csvg%20width%3D%2228%22%20height%3D%2221%22%20viewBox%3D%220%200%2028%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.352%2020.88H3.384L0%2010.584V0H11.736V10.584L8.352%2020.88ZM24.0476%2020.88H19.1516L15.7676%2010.584V0H27.5036V10.584L24.0476%2020.88Z%22%20fill%3D%22%236269C9%22%2F%3E%3C%2Fsvg%3E";
|
|
635
635
|
|
|
636
|
+
var clock = "data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9%2016.5C13.1421%2016.5%2016.5%2013.1421%2016.5%209C16.5%204.85786%2013.1421%201.5%209%201.5C4.85786%201.5%201.5%204.85786%201.5%209C1.5%2013.1421%204.85786%2016.5%209%2016.5Z%22%20fill%3D%22%234E93FF%22%2F%3E%3Cpath%20d%3D%22M11.7825%2011.9478C11.685%2011.9478%2011.5875%2011.9253%2011.4975%2011.8653L9.17248%2010.4778C8.59498%2010.1328%208.16748%209.37531%208.16748%208.70781V5.63281C8.16748%205.32531%208.42248%205.07031%208.72998%205.07031C9.03748%205.07031%209.29248%205.32531%209.29248%205.63281V8.70781C9.29248%208.97781%209.51748%209.37531%209.74998%209.51031L12.075%2010.8978C12.345%2011.0553%2012.4275%2011.4003%2012.27%2011.6703C12.1575%2011.8503%2011.97%2011.9478%2011.7825%2011.9478Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E";
|
|
637
|
+
|
|
638
|
+
var bookSaved = "data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.4375%204.50055V14.933C8.4375%2015.4655%207.8975%2015.833%207.41%2015.6305C6.015%2015.0455%204.2825%2014.5355%203.0525%2014.3705L2.82%2014.3405C2.0925%2014.2505%201.5%2013.583%201.5%2012.8555V3.93805C1.5%203.03805%202.2275%202.31055%203.1275%202.31055H3.18C4.59%202.43055%206.6675%203.09055%208.04%203.83305C8.2875%203.96805%208.4375%204.21555%208.4375%204.50055Z%22%20fill%3D%22%234E93FF%22%2F%3E%3Cpath%20d%3D%22M14.8725%202.31055H14.8275C14.6475%202.32555%2014.4525%202.34805%2014.25%202.38555C13.3275%202.53555%2012.2325%202.85055%2011.25%203.24055C10.785%203.42805%2010.35%203.63055%209.9675%203.83305C9.72%203.96805%209.5625%204.22305%209.5625%204.50055V14.933C9.5625%2015.4655%2010.1025%2015.833%2010.59%2015.6305C11.985%2015.0455%2013.7175%2014.5355%2014.9475%2014.3705L15.18%2014.3405C15.9075%2014.2505%2016.5%2013.583%2016.5%2012.8555V3.93805C16.5%203.03805%2015.7725%202.31055%2014.8725%202.31055ZM14.4525%2010.298C14.4525%2010.5905%2014.2425%2010.718%2013.9875%2010.5755L13.1925%2010.133C13.11%2010.088%2012.975%2010.088%2012.885%2010.133L12.09%2010.5755C11.835%2010.718%2011.625%2010.5905%2011.625%2010.298V7.99555C11.625%207.65055%2011.91%207.36555%2012.255%207.36555H13.83C14.175%207.36555%2014.46%207.65055%2014.46%207.99555V10.298H14.4525Z%22%20fill%3D%22%234E93FF%22%2F%3E%3C%2Fsvg%3E";
|
|
639
|
+
|
|
640
|
+
var certificate = "data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2214%22%20viewBox%3D%220%200%2012%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20opacity%3D%220.7%22%20d%3D%22M10.5%200H1.5C0.675%200%200%200.63%200%201.4V12.6C0%2013.37%200.675%2014%201.5%2014H10.5C11.325%2014%2012%2013.37%2012%2012.6V1.4C12%200.63%2011.325%200%2010.5%200ZM1.5%201.4H5.25V7L3.375%205.95L1.5%207V1.4Z%22%20fill%3D%22%231676F3%22%2F%3E%3C%2Fsvg%3E";
|
|
641
|
+
|
|
642
|
+
var calendar = "data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.5627%202.67V1.5C12.5627%201.1925%2012.3077%200.9375%2012.0002%200.9375C11.6927%200.9375%2011.4377%201.1925%2011.4377%201.5V2.625H6.56267V1.5C6.56267%201.1925%206.30767%200.9375%206.00017%200.9375C5.69267%200.9375%205.43767%201.1925%205.43767%201.5V2.67C3.41267%202.8575%202.43017%204.065%202.28017%205.8575C2.26517%206.075%202.44517%206.255%202.65517%206.255H15.3452C15.5627%206.255%2015.7427%206.0675%2015.7202%205.8575C15.5702%204.065%2014.5877%202.8575%2012.5627%202.67Z%22%20fill%3D%22%234E93FF%22%2F%3E%3Cpath%20d%3D%22M15%207.38086H3C2.5875%207.38086%202.25%207.71836%202.25%208.13086V12.7509C2.25%2015.0009%203.375%2016.5009%206%2016.5009H12C14.625%2016.5009%2015.75%2015.0009%2015.75%2012.7509V8.13086C15.75%207.71836%2015.4125%207.38086%2015%207.38086ZM6.9075%2013.6584C6.87%2013.6884%206.8325%2013.7259%206.795%2013.7484C6.75%2013.7784%206.705%2013.8009%206.66%2013.8159C6.615%2013.8384%206.57%2013.8534%206.525%2013.8609C6.4725%2013.8684%206.4275%2013.8759%206.375%2013.8759C6.2775%2013.8759%206.18%2013.8534%206.09%2013.8159C5.9925%2013.7784%205.9175%2013.7259%205.8425%2013.6584C5.7075%2013.5159%205.625%2013.3209%205.625%2013.1259C5.625%2012.9309%205.7075%2012.7359%205.8425%2012.5934C5.9175%2012.5259%205.9925%2012.4734%206.09%2012.4359C6.225%2012.3759%206.375%2012.3609%206.525%2012.3909C6.57%2012.3984%206.615%2012.4134%206.66%2012.4359C6.705%2012.4509%206.75%2012.4734%206.795%2012.5034C6.8325%2012.5334%206.87%2012.5634%206.9075%2012.5934C7.0425%2012.7359%207.125%2012.9309%207.125%2013.1259C7.125%2013.3209%207.0425%2013.5159%206.9075%2013.6584ZM6.9075%2011.0334C6.765%2011.1684%206.57%2011.2509%206.375%2011.2509C6.18%2011.2509%205.985%2011.1684%205.8425%2011.0334C5.7075%2010.8909%205.625%2010.6959%205.625%2010.5009C5.625%2010.3059%205.7075%2010.1109%205.8425%209.96836C6.0525%209.75836%206.3825%209.69086%206.66%209.81086C6.7575%209.84836%206.84%209.90086%206.9075%209.96836C7.0425%2010.1109%207.125%2010.3059%207.125%2010.5009C7.125%2010.6959%207.0425%2010.8909%206.9075%2011.0334ZM9.5325%2013.6584C9.39%2013.7934%209.195%2013.8759%209%2013.8759C8.805%2013.8759%208.61%2013.7934%208.4675%2013.6584C8.3325%2013.5159%208.25%2013.3209%208.25%2013.1259C8.25%2012.9309%208.3325%2012.7359%208.4675%2012.5934C8.745%2012.3159%209.255%2012.3159%209.5325%2012.5934C9.6675%2012.7359%209.75%2012.9309%209.75%2013.1259C9.75%2013.3209%209.6675%2013.5159%209.5325%2013.6584ZM9.5325%2011.0334C9.495%2011.0634%209.4575%2011.0934%209.42%2011.1234C9.375%2011.1534%209.33%2011.1759%209.285%2011.1909C9.24%2011.2134%209.195%2011.2284%209.15%2011.2359C9.0975%2011.2434%209.0525%2011.2509%209%2011.2509C8.805%2011.2509%208.61%2011.1684%208.4675%2011.0334C8.3325%2010.8909%208.25%2010.6959%208.25%2010.5009C8.25%2010.3059%208.3325%2010.1109%208.4675%209.96836C8.535%209.90086%208.6175%209.84836%208.715%209.81086C8.9925%209.69086%209.3225%209.75836%209.5325%209.96836C9.6675%2010.1109%209.75%2010.3059%209.75%2010.5009C9.75%2010.6959%209.6675%2010.8909%209.5325%2011.0334ZM12.1575%2013.6584C12.015%2013.7934%2011.82%2013.8759%2011.625%2013.8759C11.43%2013.8759%2011.235%2013.7934%2011.0925%2013.6584C10.9575%2013.5159%2010.875%2013.3209%2010.875%2013.1259C10.875%2012.9309%2010.9575%2012.7359%2011.0925%2012.5934C11.37%2012.3159%2011.88%2012.3159%2012.1575%2012.5934C12.2925%2012.7359%2012.375%2012.9309%2012.375%2013.1259C12.375%2013.3209%2012.2925%2013.5159%2012.1575%2013.6584ZM12.1575%2011.0334C12.12%2011.0634%2012.0825%2011.0934%2012.045%2011.1234C12%2011.1534%2011.955%2011.1759%2011.91%2011.1909C11.865%2011.2134%2011.82%2011.2284%2011.775%2011.2359C11.7225%2011.2434%2011.67%2011.2509%2011.625%2011.2509C11.43%2011.2509%2011.235%2011.1684%2011.0925%2011.0334C10.9575%2010.8909%2010.875%2010.6959%2010.875%2010.5009C10.875%2010.3059%2010.9575%2010.1109%2011.0925%209.96836C11.1675%209.90086%2011.2425%209.84836%2011.34%209.81086C11.475%209.75086%2011.625%209.73586%2011.775%209.76586C11.82%209.77336%2011.865%209.78836%2011.91%209.81086C11.955%209.82586%2012%209.84836%2012.045%209.87836C12.0825%209.90836%2012.12%209.93836%2012.1575%209.96836C12.2925%2010.1109%2012.375%2010.3059%2012.375%2010.5009C12.375%2010.6959%2012.2925%2010.8909%2012.1575%2011.0334Z%22%20fill%3D%22%234E93FF%22%2F%3E%3C%2Fsvg%3E";
|
|
643
|
+
|
|
644
|
+
var video = "data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2219%22%20viewBox%3D%220%200%2018%2019%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.8625%205.1275C15.555%204.9625%2014.91%204.79%2014.0325%205.405L12.93%206.185C12.8475%203.8525%2011.835%202.9375%209.375%202.9375H4.875C2.31%202.9375%201.3125%203.935%201.3125%206.5V12.5C1.3125%2014.225%202.25%2016.0625%204.875%2016.0625H9.375C11.835%2016.0625%2012.8475%2015.1475%2012.93%2012.815L14.0325%2013.595C14.4975%2013.925%2014.9025%2014.03%2015.225%2014.03C15.5025%2014.03%2015.72%2013.9475%2015.8625%2013.8725C16.17%2013.715%2016.6875%2013.2875%2016.6875%2012.215V6.785C16.6875%205.7125%2016.17%205.285%2015.8625%205.1275ZM8.25%209.035C7.4775%209.035%206.84%208.405%206.84%207.625C6.84%206.845%207.4775%206.215%208.25%206.215C9.0225%206.215%209.66%206.845%209.66%207.625C9.66%208.405%209.0225%209.035%208.25%209.035Z%22%20fill%3D%22%23589DF5%22%2F%3E%3C%2Fsvg%3E";
|
|
645
|
+
|
|
636
646
|
/** @returns {import('./types').IconData} */
|
|
637
647
|
|
|
638
648
|
const getConfiguredIcon1 = url => ({
|
|
@@ -720,7 +730,13 @@ const icons = {
|
|
|
720
730
|
// Others
|
|
721
731
|
Teachers: getConfiguredIcon2(teachers, false, true),
|
|
722
732
|
Learning: getConfiguredIcon2(learning, false, true),
|
|
723
|
-
Success: getConfiguredIcon2(success, false, true)
|
|
733
|
+
Success: getConfiguredIcon2(success, false, true),
|
|
734
|
+
// landing pages
|
|
735
|
+
Clock: getConfiguredIcon2(clock, false, true),
|
|
736
|
+
'Book Saved': getConfiguredIcon2(bookSaved, false, true),
|
|
737
|
+
Certificate: getConfiguredIcon2(certificate, false, true),
|
|
738
|
+
Calendar: getConfiguredIcon2(calendar, false, true),
|
|
739
|
+
Video: getConfiguredIcon2(video, false, true)
|
|
724
740
|
};
|
|
725
741
|
|
|
726
742
|
const someMethod1 = (
|
|
@@ -985,7 +1001,7 @@ function Dropdown(props) {
|
|
|
985
1001
|
link: dt.slug,
|
|
986
1002
|
isLink: true,
|
|
987
1003
|
value: dt.title,
|
|
988
|
-
isExternal:
|
|
1004
|
+
isExternal: false
|
|
989
1005
|
},
|
|
990
1006
|
fluid: true,
|
|
991
1007
|
active: dt.active,
|
|
@@ -1005,7 +1021,8 @@ function OptionList({
|
|
|
1005
1021
|
isMobile,
|
|
1006
1022
|
moreContent,
|
|
1007
1023
|
navDataCount,
|
|
1008
|
-
isTutorWebsite
|
|
1024
|
+
isTutorWebsite,
|
|
1025
|
+
isLandingPages
|
|
1009
1026
|
}) {
|
|
1010
1027
|
React.useContext(PageContext);
|
|
1011
1028
|
|
|
@@ -1016,7 +1033,7 @@ function OptionList({
|
|
|
1016
1033
|
link: dt.slug,
|
|
1017
1034
|
active: dt.active,
|
|
1018
1035
|
isLink: true,
|
|
1019
|
-
|
|
1036
|
+
isExistingLink: false
|
|
1020
1037
|
};
|
|
1021
1038
|
});
|
|
1022
1039
|
};
|
|
@@ -1067,7 +1084,7 @@ function OptionList({
|
|
|
1067
1084
|
link: headerData?.appLink,
|
|
1068
1085
|
isLink: 1,
|
|
1069
1086
|
value: 'Download App',
|
|
1070
|
-
|
|
1087
|
+
isExistingLink: false
|
|
1071
1088
|
},
|
|
1072
1089
|
type: 'primary',
|
|
1073
1090
|
size: 'small',
|
|
@@ -1081,7 +1098,7 @@ function OptionList({
|
|
|
1081
1098
|
link: headerData?.loginCtaLink,
|
|
1082
1099
|
isLink: 1,
|
|
1083
1100
|
value: 'Login',
|
|
1084
|
-
|
|
1101
|
+
isExistingLink: false
|
|
1085
1102
|
},
|
|
1086
1103
|
type: 'primary',
|
|
1087
1104
|
size: isMobile ? 'small' : 'medium',
|
|
@@ -1096,7 +1113,8 @@ function OptionList({
|
|
|
1096
1113
|
function DesktopHeader({
|
|
1097
1114
|
header,
|
|
1098
1115
|
navData,
|
|
1099
|
-
isTutorWebsite
|
|
1116
|
+
isTutorWebsite,
|
|
1117
|
+
isLandingPages
|
|
1100
1118
|
}) {
|
|
1101
1119
|
const {
|
|
1102
1120
|
isFixed = true
|
|
@@ -1155,6 +1173,7 @@ function DesktopHeader({
|
|
|
1155
1173
|
navDataCount: navData?.length,
|
|
1156
1174
|
headerData: header,
|
|
1157
1175
|
isMobile: false,
|
|
1176
|
+
isLandingPages: isLandingPages,
|
|
1158
1177
|
moreContent: moreContentFn(),
|
|
1159
1178
|
isTutorWebsite: isTutorWebsite
|
|
1160
1179
|
}))));
|
|
@@ -1167,7 +1186,8 @@ var phoneAndroid = "data:image/svg+xml,%3Csvg%20width%3D%2244%22%20height%3D%224
|
|
|
1167
1186
|
function MobileHeader({
|
|
1168
1187
|
header,
|
|
1169
1188
|
navData,
|
|
1170
|
-
isTutorWebsite
|
|
1189
|
+
isTutorWebsite,
|
|
1190
|
+
isLandingPages
|
|
1171
1191
|
}) {
|
|
1172
1192
|
const {
|
|
1173
1193
|
isFixed = true
|
|
@@ -1205,7 +1225,7 @@ function MobileHeader({
|
|
|
1205
1225
|
src: phoneIos,
|
|
1206
1226
|
alt: "iosUrl"
|
|
1207
1227
|
}),
|
|
1208
|
-
|
|
1228
|
+
isExistingLink: false
|
|
1209
1229
|
},
|
|
1210
1230
|
type: '',
|
|
1211
1231
|
size: 'small',
|
|
@@ -1227,7 +1247,7 @@ function MobileHeader({
|
|
|
1227
1247
|
src: phoneAndroid,
|
|
1228
1248
|
alt: "iosUrl"
|
|
1229
1249
|
}),
|
|
1230
|
-
|
|
1250
|
+
isExistingLink: false
|
|
1231
1251
|
},
|
|
1232
1252
|
type: '',
|
|
1233
1253
|
size: 'small',
|
|
@@ -1247,7 +1267,7 @@ function MobileHeader({
|
|
|
1247
1267
|
link: header?.iosUrl,
|
|
1248
1268
|
isLink: 1,
|
|
1249
1269
|
value: 'Download App',
|
|
1250
|
-
|
|
1270
|
+
isExistingLink: false
|
|
1251
1271
|
},
|
|
1252
1272
|
type: 'primary',
|
|
1253
1273
|
size: 'small',
|
|
@@ -1260,7 +1280,7 @@ function MobileHeader({
|
|
|
1260
1280
|
link: header?.androidURL,
|
|
1261
1281
|
isLink: 1,
|
|
1262
1282
|
value: 'Download App',
|
|
1263
|
-
|
|
1283
|
+
isExistingLink: false
|
|
1264
1284
|
},
|
|
1265
1285
|
type: 'primary',
|
|
1266
1286
|
size: 'small',
|
|
@@ -1277,7 +1297,7 @@ function MobileHeader({
|
|
|
1277
1297
|
link: header?.appLink,
|
|
1278
1298
|
isLink: 1,
|
|
1279
1299
|
value: 'Download App',
|
|
1280
|
-
|
|
1300
|
+
isExistingLink: false
|
|
1281
1301
|
},
|
|
1282
1302
|
type: 'primary',
|
|
1283
1303
|
size: 'small',
|
|
@@ -1338,7 +1358,8 @@ function Header({
|
|
|
1338
1358
|
}) {
|
|
1339
1359
|
const {
|
|
1340
1360
|
isMobile,
|
|
1341
|
-
isTutorWebsite
|
|
1361
|
+
isTutorWebsite,
|
|
1362
|
+
isLandingPages
|
|
1342
1363
|
} = React.useContext(PageContext);
|
|
1343
1364
|
|
|
1344
1365
|
const filterHiddenNavs = () => {
|
|
@@ -1348,11 +1369,13 @@ function Header({
|
|
|
1348
1369
|
return isMobile ? /*#__PURE__*/React__default["default"].createElement(MobileHeader, {
|
|
1349
1370
|
navData: filterHiddenNavs(),
|
|
1350
1371
|
header: data,
|
|
1351
|
-
isTutorWebsite: isTutorWebsite
|
|
1372
|
+
isTutorWebsite: isTutorWebsite,
|
|
1373
|
+
isLandingPages: isLandingPages
|
|
1352
1374
|
}) : /*#__PURE__*/React__default["default"].createElement(DesktopHeader, {
|
|
1353
1375
|
navData: filterHiddenNavs(),
|
|
1354
1376
|
header: data,
|
|
1355
|
-
isTutorWebsite: isTutorWebsite
|
|
1377
|
+
isTutorWebsite: isTutorWebsite,
|
|
1378
|
+
isLandingPages: isLandingPages
|
|
1356
1379
|
});
|
|
1357
1380
|
}
|
|
1358
1381
|
|
|
@@ -1812,44 +1835,51 @@ function ArimaMadurai() {
|
|
|
1812
1835
|
}
|
|
1813
1836
|
|
|
1814
1837
|
const TYPE_TO_COMPONENT_MAP$1 = {
|
|
1815
|
-
BANNER_CAROUSEL_RIGHT: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$
|
|
1816
|
-
GRID_CARD: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$
|
|
1817
|
-
BANNER_CAROUSEL_CENTER: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$
|
|
1818
|
-
BANNER_CAROUSEL_LEFT: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$
|
|
1819
|
-
FORM_SUBSCRIBE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$
|
|
1820
|
-
TEXT_TESTIMONIAL: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$
|
|
1821
|
-
VIDEO_TESTIMONIAL: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$
|
|
1822
|
-
VIDEO: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$
|
|
1823
|
-
INFO: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$
|
|
1824
|
-
TEXT: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$
|
|
1825
|
-
IMAGE_GALLERY: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$
|
|
1826
|
-
FAQ_LISTING: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$
|
|
1827
|
-
COURSE_CAROUSEL: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$
|
|
1828
|
-
TEAM_CARD: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$
|
|
1829
|
-
TEXT_GRID: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$
|
|
1830
|
-
CONTACT: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$
|
|
1831
|
-
FORM_ENQUIRY: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index; }))
|
|
1838
|
+
BANNER_CAROUSEL_RIGHT: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$j; })),
|
|
1839
|
+
GRID_CARD: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$i; })),
|
|
1840
|
+
BANNER_CAROUSEL_CENTER: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$h; })),
|
|
1841
|
+
BANNER_CAROUSEL_LEFT: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$g; })),
|
|
1842
|
+
FORM_SUBSCRIBE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$f; })),
|
|
1843
|
+
TEXT_TESTIMONIAL: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$e; })),
|
|
1844
|
+
VIDEO_TESTIMONIAL: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$d; })),
|
|
1845
|
+
VIDEO: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$c; })),
|
|
1846
|
+
INFO: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$b; })),
|
|
1847
|
+
TEXT: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$a; })),
|
|
1848
|
+
IMAGE_GALLERY: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$9; })),
|
|
1849
|
+
FAQ_LISTING: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$8; })),
|
|
1850
|
+
COURSE_CAROUSEL: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$6; })),
|
|
1851
|
+
TEAM_CARD: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$5; })),
|
|
1852
|
+
TEXT_GRID: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$7; })),
|
|
1853
|
+
CONTACT: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$4; })),
|
|
1854
|
+
FORM_ENQUIRY: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$3; })),
|
|
1855
|
+
WEBINAR_LANDING_PAGE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$2; })),
|
|
1856
|
+
COURSE_LANDING_PAGE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index$1; })),
|
|
1857
|
+
FORM_LANDING_PAGE: /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return index; }))
|
|
1832
1858
|
};
|
|
1833
1859
|
|
|
1834
1860
|
const getCompToRender$1 = type => TYPE_TO_COMPONENT_MAP$1[type] || (() => null);
|
|
1835
1861
|
|
|
1836
1862
|
const MemoisedSection$1 = /*#__PURE__*/React.memo(({
|
|
1837
|
-
sectionData
|
|
1863
|
+
sectionData,
|
|
1864
|
+
extraProps
|
|
1838
1865
|
}) => {
|
|
1839
1866
|
const SectionComp = getCompToRender$1(sectionData.type);
|
|
1840
1867
|
return /*#__PURE__*/React__default["default"].createElement(SectionComp, {
|
|
1841
|
-
sectionData: sectionData
|
|
1868
|
+
sectionData: sectionData,
|
|
1869
|
+
extraProps: extraProps
|
|
1842
1870
|
});
|
|
1843
1871
|
});
|
|
1844
1872
|
function SectionRenderer$1({
|
|
1845
|
-
sectionData
|
|
1873
|
+
sectionData,
|
|
1874
|
+
extraProps
|
|
1846
1875
|
}) {
|
|
1847
1876
|
return /*#__PURE__*/React__default["default"].createElement(React.Suspense, {
|
|
1848
1877
|
fallback: null
|
|
1849
1878
|
/*GIF maybe*/
|
|
1850
1879
|
|
|
1851
1880
|
}, /*#__PURE__*/React__default["default"].createElement(MemoisedSection$1, {
|
|
1852
|
-
sectionData: sectionData
|
|
1881
|
+
sectionData: sectionData,
|
|
1882
|
+
extraProps: extraProps
|
|
1853
1883
|
}));
|
|
1854
1884
|
}
|
|
1855
1885
|
|
|
@@ -1877,9 +1907,11 @@ function PageRenderer$1({
|
|
|
1877
1907
|
sections,
|
|
1878
1908
|
header,
|
|
1879
1909
|
footer,
|
|
1880
|
-
validations = {}
|
|
1910
|
+
validations = {},
|
|
1911
|
+
_id
|
|
1881
1912
|
},
|
|
1882
1913
|
isMobile = false,
|
|
1914
|
+
isLandingPages = false,
|
|
1883
1915
|
baseURLs = {},
|
|
1884
1916
|
hashToken,
|
|
1885
1917
|
SectionWrapper,
|
|
@@ -1889,12 +1921,15 @@ function PageRenderer$1({
|
|
|
1889
1921
|
isEdit,
|
|
1890
1922
|
sectionPlaceholder,
|
|
1891
1923
|
templateId,
|
|
1892
|
-
isTutorWebsite = false
|
|
1924
|
+
isTutorWebsite = false,
|
|
1925
|
+
extraProps,
|
|
1926
|
+
hideLogin
|
|
1893
1927
|
}) {
|
|
1894
1928
|
const theme = React.useMemo(() => getTheme(color, font), [color, font]);
|
|
1895
1929
|
const navList = header?.navs;
|
|
1896
1930
|
const context = React.useMemo(() => ({
|
|
1897
1931
|
isMobile,
|
|
1932
|
+
isLandingPages,
|
|
1898
1933
|
layout,
|
|
1899
1934
|
baseURLs,
|
|
1900
1935
|
hashToken,
|
|
@@ -1905,8 +1940,11 @@ function PageRenderer$1({
|
|
|
1905
1940
|
templateId,
|
|
1906
1941
|
navList,
|
|
1907
1942
|
validations,
|
|
1908
|
-
isTutorWebsite
|
|
1909
|
-
|
|
1943
|
+
isTutorWebsite,
|
|
1944
|
+
extraProps,
|
|
1945
|
+
hideLogin,
|
|
1946
|
+
_id
|
|
1947
|
+
}), [isMobile, isLandingPages, layout, baseURLs, hashToken, isPreview, isEdit, templateId, navList, isMasterTemplate, basePath, validations, isTutorWebsite, extraProps, hideLogin, _id]);
|
|
1910
1948
|
const Wrapper = SectionWrapper || React.Fragment;
|
|
1911
1949
|
return /*#__PURE__*/React__default["default"].createElement(ThemeProvider, {
|
|
1912
1950
|
theme: theme
|
|
@@ -1916,7 +1954,8 @@ function PageRenderer$1({
|
|
|
1916
1954
|
fontFamily: font
|
|
1917
1955
|
}), !!header && /*#__PURE__*/React__default["default"].createElement(Wrapper, !!SectionWrapper && {
|
|
1918
1956
|
sectionData: header,
|
|
1919
|
-
isHeader: true
|
|
1957
|
+
isHeader: true,
|
|
1958
|
+
hideLogin
|
|
1920
1959
|
}, /*#__PURE__*/React__default["default"].createElement(Header, {
|
|
1921
1960
|
data: header
|
|
1922
1961
|
})), sections?.length ? sections?.map((sectionData, sectionIndex) => /*#__PURE__*/React__default["default"].createElement(Wrapper, _extends({}, !!SectionWrapper && {
|
|
@@ -1925,7 +1964,8 @@ function PageRenderer$1({
|
|
|
1925
1964
|
}, {
|
|
1926
1965
|
key: sectionData.type + (sectionData._id || sectionIndex)
|
|
1927
1966
|
}), /*#__PURE__*/React__default["default"].createElement(SectionRenderer$1, {
|
|
1928
|
-
sectionData: sectionData
|
|
1967
|
+
sectionData: sectionData,
|
|
1968
|
+
extraProps: extraProps
|
|
1929
1969
|
}))) : sectionPlaceholder, !!footer && /*#__PURE__*/React__default["default"].createElement(Wrapper, !!SectionWrapper && {
|
|
1930
1970
|
sectionData: footer,
|
|
1931
1971
|
isFooter: true
|
|
@@ -2350,7 +2390,7 @@ function BannerCarouselRight({
|
|
|
2350
2390
|
})))));
|
|
2351
2391
|
}
|
|
2352
2392
|
|
|
2353
|
-
var index$
|
|
2393
|
+
var index$j = /*#__PURE__*/Object.freeze({
|
|
2354
2394
|
__proto__: null,
|
|
2355
2395
|
'default': BannerCarouselRight
|
|
2356
2396
|
});
|
|
@@ -2602,7 +2642,7 @@ function List({
|
|
|
2602
2642
|
}))));
|
|
2603
2643
|
}
|
|
2604
2644
|
|
|
2605
|
-
var index$
|
|
2645
|
+
var index$i = /*#__PURE__*/Object.freeze({
|
|
2606
2646
|
__proto__: null,
|
|
2607
2647
|
'default': List
|
|
2608
2648
|
});
|
|
@@ -2771,7 +2811,7 @@ function BannerCarouselCenter({
|
|
|
2771
2811
|
}))));
|
|
2772
2812
|
}
|
|
2773
2813
|
|
|
2774
|
-
var index$
|
|
2814
|
+
var index$h = /*#__PURE__*/Object.freeze({
|
|
2775
2815
|
__proto__: null,
|
|
2776
2816
|
'default': BannerCarouselCenter
|
|
2777
2817
|
});
|
|
@@ -2962,7 +3002,7 @@ function BannerCarouselLeft({
|
|
|
2962
3002
|
})))));
|
|
2963
3003
|
}
|
|
2964
3004
|
|
|
2965
|
-
var index$
|
|
3005
|
+
var index$g = /*#__PURE__*/Object.freeze({
|
|
2966
3006
|
__proto__: null,
|
|
2967
3007
|
'default': BannerCarouselLeft
|
|
2968
3008
|
});
|
|
@@ -3331,7 +3371,7 @@ function SubscribeToNewsletter({
|
|
|
3331
3371
|
})))))));
|
|
3332
3372
|
}
|
|
3333
3373
|
|
|
3334
|
-
var index$
|
|
3374
|
+
var index$f = /*#__PURE__*/Object.freeze({
|
|
3335
3375
|
__proto__: null,
|
|
3336
3376
|
'default': SubscribeToNewsletter
|
|
3337
3377
|
});
|
|
@@ -3593,7 +3633,7 @@ function Testimonials({
|
|
|
3593
3633
|
}));
|
|
3594
3634
|
}
|
|
3595
3635
|
|
|
3596
|
-
var index$
|
|
3636
|
+
var index$e = /*#__PURE__*/Object.freeze({
|
|
3597
3637
|
__proto__: null,
|
|
3598
3638
|
'default': Testimonials
|
|
3599
3639
|
});
|
|
@@ -3746,13 +3786,13 @@ function VideoPlayer(props) {
|
|
|
3746
3786
|
|
|
3747
3787
|
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, !isLoaded && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3748
3788
|
className: classes.imgContainer
|
|
3749
|
-
}, isEnabled ? /*#__PURE__*/React__default["default"].createElement(Loader, null) : /*#__PURE__*/React__default["default"].createElement(Icon, {
|
|
3789
|
+
}, isEnabled ? /*#__PURE__*/React__default["default"].createElement(Loader, null) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, props.onlyThumbnail ? null : /*#__PURE__*/React__default["default"].createElement(Icon, {
|
|
3750
3790
|
name: "Video Play",
|
|
3751
3791
|
color: theme.palette.font.invertedDefault,
|
|
3752
3792
|
onClick: () => {
|
|
3753
3793
|
setIsEnableed(true);
|
|
3754
3794
|
}
|
|
3755
|
-
})), isEnabled && /*#__PURE__*/React__default["default"].createElement("iframe", {
|
|
3795
|
+
}))), isEnabled && /*#__PURE__*/React__default["default"].createElement("iframe", {
|
|
3756
3796
|
className: classes.iframe + ' ' + classes.hideImg,
|
|
3757
3797
|
src: imageUrl ? getId(videoUrl) + '?autoplay=1' : getId(videoUrl),
|
|
3758
3798
|
frameBorder: "0",
|
|
@@ -3893,7 +3933,7 @@ const useVideoTestimonialStyles = createUseStyles(theme => {
|
|
|
3893
3933
|
};
|
|
3894
3934
|
});
|
|
3895
3935
|
|
|
3896
|
-
const SingleVideoSlide = props => {
|
|
3936
|
+
const SingleVideoSlide$2 = props => {
|
|
3897
3937
|
const {
|
|
3898
3938
|
data
|
|
3899
3939
|
} = props;
|
|
@@ -3966,13 +4006,13 @@ function VideoTestimonial({
|
|
|
3966
4006
|
dangerouslySetInnerHTML: {
|
|
3967
4007
|
__html: videoData.title.metadata.value
|
|
3968
4008
|
}
|
|
3969
|
-
})), /*#__PURE__*/React__default["default"].createElement(Wrapper, null, videoData.videoCarousel.components.map((data, index) => /*#__PURE__*/React__default["default"].createElement(SingleVideoSlide, {
|
|
4009
|
+
})), /*#__PURE__*/React__default["default"].createElement(Wrapper, null, videoData.videoCarousel.components.map((data, index) => /*#__PURE__*/React__default["default"].createElement(SingleVideoSlide$2, {
|
|
3970
4010
|
data: data,
|
|
3971
4011
|
key: index
|
|
3972
4012
|
}))))));
|
|
3973
4013
|
}
|
|
3974
4014
|
|
|
3975
|
-
var index$
|
|
4015
|
+
var index$d = /*#__PURE__*/Object.freeze({
|
|
3976
4016
|
__proto__: null,
|
|
3977
4017
|
'default': VideoTestimonial
|
|
3978
4018
|
});
|
|
@@ -4200,7 +4240,7 @@ function Video({
|
|
|
4200
4240
|
}, carouselContent))));
|
|
4201
4241
|
}
|
|
4202
4242
|
|
|
4203
|
-
var index$
|
|
4243
|
+
var index$c = /*#__PURE__*/Object.freeze({
|
|
4204
4244
|
__proto__: null,
|
|
4205
4245
|
'default': Video
|
|
4206
4246
|
});
|
|
@@ -4426,7 +4466,7 @@ function Info({
|
|
|
4426
4466
|
}, carouselContent))));
|
|
4427
4467
|
}
|
|
4428
4468
|
|
|
4429
|
-
var index$
|
|
4469
|
+
var index$b = /*#__PURE__*/Object.freeze({
|
|
4430
4470
|
__proto__: null,
|
|
4431
4471
|
'default': Info
|
|
4432
4472
|
});
|
|
@@ -4545,7 +4585,7 @@ const TextSection = ({
|
|
|
4545
4585
|
})))));
|
|
4546
4586
|
};
|
|
4547
4587
|
|
|
4548
|
-
var index$
|
|
4588
|
+
var index$a = /*#__PURE__*/Object.freeze({
|
|
4549
4589
|
__proto__: null,
|
|
4550
4590
|
'default': TextSection
|
|
4551
4591
|
});
|
|
@@ -4702,7 +4742,7 @@ function PhotoGallery({
|
|
|
4702
4742
|
}, carouselContent))));
|
|
4703
4743
|
}
|
|
4704
4744
|
|
|
4705
|
-
var index$
|
|
4745
|
+
var index$9 = /*#__PURE__*/Object.freeze({
|
|
4706
4746
|
__proto__: null,
|
|
4707
4747
|
'default': PhotoGallery
|
|
4708
4748
|
});
|
|
@@ -4880,7 +4920,7 @@ const Accordion = ({
|
|
|
4880
4920
|
})));
|
|
4881
4921
|
};
|
|
4882
4922
|
|
|
4883
|
-
var index$
|
|
4923
|
+
var index$8 = /*#__PURE__*/Object.freeze({
|
|
4884
4924
|
__proto__: null,
|
|
4885
4925
|
'default': FAQListing
|
|
4886
4926
|
});
|
|
@@ -5045,7 +5085,7 @@ const TextGrid = ({
|
|
|
5045
5085
|
}, carouselContent))));
|
|
5046
5086
|
};
|
|
5047
5087
|
|
|
5048
|
-
var index$
|
|
5088
|
+
var index$7 = /*#__PURE__*/Object.freeze({
|
|
5049
5089
|
__proto__: null,
|
|
5050
5090
|
'default': TextGrid
|
|
5051
5091
|
});
|
|
@@ -5499,7 +5539,7 @@ function SimpleCardsContainer({
|
|
|
5499
5539
|
}, children);
|
|
5500
5540
|
}
|
|
5501
5541
|
|
|
5502
|
-
var index$
|
|
5542
|
+
var index$6 = /*#__PURE__*/Object.freeze({
|
|
5503
5543
|
__proto__: null,
|
|
5504
5544
|
'default': courses
|
|
5505
5545
|
});
|
|
@@ -5722,7 +5762,7 @@ function TeamCard({
|
|
|
5722
5762
|
}, " ", carouselContent)));
|
|
5723
5763
|
}
|
|
5724
5764
|
|
|
5725
|
-
var index$
|
|
5765
|
+
var index$5 = /*#__PURE__*/Object.freeze({
|
|
5726
5766
|
__proto__: null,
|
|
5727
5767
|
'default': TeamCard
|
|
5728
5768
|
});
|
|
@@ -6096,7 +6136,7 @@ function FormEnquiry({
|
|
|
6096
6136
|
}))))));
|
|
6097
6137
|
}
|
|
6098
6138
|
|
|
6099
|
-
var index$
|
|
6139
|
+
var index$4 = /*#__PURE__*/Object.freeze({
|
|
6100
6140
|
__proto__: null,
|
|
6101
6141
|
'default': FormEnquiry
|
|
6102
6142
|
});
|
|
@@ -6470,46 +6510,1068 @@ function Contact({
|
|
|
6470
6510
|
}))))));
|
|
6471
6511
|
}
|
|
6472
6512
|
|
|
6473
|
-
var index = /*#__PURE__*/Object.freeze({
|
|
6513
|
+
var index$3 = /*#__PURE__*/Object.freeze({
|
|
6474
6514
|
__proto__: null,
|
|
6475
6515
|
'default': Contact
|
|
6476
6516
|
});
|
|
6477
6517
|
|
|
6478
|
-
const
|
|
6479
|
-
|
|
6480
|
-
|
|
6481
|
-
|
|
6482
|
-
|
|
6483
|
-
|
|
6484
|
-
|
|
6485
|
-
|
|
6486
|
-
|
|
6487
|
-
|
|
6488
|
-
|
|
6489
|
-
|
|
6490
|
-
|
|
6491
|
-
|
|
6492
|
-
|
|
6493
|
-
|
|
6494
|
-
|
|
6495
|
-
|
|
6496
|
-
|
|
6518
|
+
const useWebinarPromotionPage = createUseStyles(theme => {
|
|
6519
|
+
return {
|
|
6520
|
+
webinarSuperContainer: {
|
|
6521
|
+
display: 'flex',
|
|
6522
|
+
justifyContent: 'center',
|
|
6523
|
+
padding: '70px',
|
|
6524
|
+
'&, & *, & *:before, & *:after': {
|
|
6525
|
+
fontFamily: theme?.typography?.fontFamily,
|
|
6526
|
+
boxSizing: 'border-box'
|
|
6527
|
+
},
|
|
6528
|
+
'& h2,& h3': {
|
|
6529
|
+
fontWeight: '500',
|
|
6530
|
+
'& b,& strong': {
|
|
6531
|
+
fontWeight: '700'
|
|
6532
|
+
}
|
|
6533
|
+
}
|
|
6534
|
+
},
|
|
6535
|
+
sectionContainer: {
|
|
6536
|
+
margin: '0 auto',
|
|
6537
|
+
maxWidth: ({
|
|
6538
|
+
containerWidth
|
|
6539
|
+
} = {}) => containerWidth
|
|
6540
|
+
},
|
|
6541
|
+
videoTestimonialContainer: {
|
|
6542
|
+
width: '100%',
|
|
6543
|
+
maxWidth: '1440px',
|
|
6544
|
+
fontFamily: theme?.typography?.fontFamily
|
|
6545
|
+
},
|
|
6546
|
+
videoTestimonialHeading: {
|
|
6547
|
+
fontSize: '16px',
|
|
6548
|
+
lineHeight: '20px',
|
|
6549
|
+
letterSpacing: '3px',
|
|
6550
|
+
textTransform: 'uppercase',
|
|
6551
|
+
color: theme.palette.font.tertiary,
|
|
6552
|
+
wordBreak: 'break-word',
|
|
6553
|
+
fontWeight: '700'
|
|
6554
|
+
},
|
|
6555
|
+
videoTestimonialTitle: {
|
|
6556
|
+
fontSize: '56px',
|
|
6557
|
+
lineHeight: '71px',
|
|
6558
|
+
letterSpacing: '-3px',
|
|
6559
|
+
margin: '0',
|
|
6560
|
+
color: theme.palette.font.default,
|
|
6561
|
+
wordBreak: 'break-word'
|
|
6562
|
+
},
|
|
6563
|
+
videoCarouselContainer: {
|
|
6564
|
+
marginTop: '16px'
|
|
6565
|
+
},
|
|
6566
|
+
webinarCarousel: {
|
|
6567
|
+
display: 'flex',
|
|
6568
|
+
justifyContent: 'flex-start',
|
|
6569
|
+
gap: '60px'
|
|
6570
|
+
},
|
|
6571
|
+
iframeSuperContainer: {
|
|
6572
|
+
height: '100%',
|
|
6573
|
+
width: '100%',
|
|
6574
|
+
display: 'flex',
|
|
6575
|
+
alignItems: 'center'
|
|
6576
|
+
},
|
|
6577
|
+
iframeContainer: {
|
|
6578
|
+
width: '90%',
|
|
6579
|
+
position: 'relative',
|
|
6580
|
+
paddingBottom: '56.25%',
|
|
6581
|
+
// top: "6%",
|
|
6582
|
+
left: '5%'
|
|
6583
|
+
},
|
|
6584
|
+
offerText: {
|
|
6585
|
+
textAlign: 'center',
|
|
6586
|
+
color: theme.palette.font.primary
|
|
6587
|
+
},
|
|
6588
|
+
offerPrice: {
|
|
6589
|
+
fontSize: '32px',
|
|
6590
|
+
fontWeight: '700'
|
|
6591
|
+
},
|
|
6592
|
+
priceContainer: {
|
|
6593
|
+
display: 'flex',
|
|
6594
|
+
flexDirection: 'column',
|
|
6595
|
+
width: 'fit-content'
|
|
6596
|
+
},
|
|
6597
|
+
originalPrice: {
|
|
6598
|
+
textDecoration: 'line-through',
|
|
6599
|
+
color: 'rgba(51, 51, 51, 0.6)'
|
|
6600
|
+
},
|
|
6601
|
+
offerDiscount: {
|
|
6602
|
+
color: '#08BD80',
|
|
6603
|
+
fontWeight: '600'
|
|
6604
|
+
},
|
|
6605
|
+
bottomContainer: {
|
|
6606
|
+
display: 'flex',
|
|
6607
|
+
justifyContent: 'space-around',
|
|
6608
|
+
marginTop: '5%'
|
|
6609
|
+
},
|
|
6610
|
+
iframe: {
|
|
6611
|
+
position: 'absolute',
|
|
6612
|
+
width: '100%',
|
|
6613
|
+
height: '100%',
|
|
6614
|
+
borderRadius: theme.shape.borderRadius.small
|
|
6615
|
+
},
|
|
6616
|
+
videoDetails: {
|
|
6617
|
+
width: '100%',
|
|
6618
|
+
display: 'flex',
|
|
6619
|
+
flexDirection: 'column',
|
|
6620
|
+
alignItems: 'flex-start'
|
|
6621
|
+
},
|
|
6622
|
+
videoDetailsHeading: {
|
|
6623
|
+
fontSize: '40px',
|
|
6624
|
+
lineHeight: '48px',
|
|
6625
|
+
margin: '0',
|
|
6626
|
+
letterSpacing: '-1px',
|
|
6627
|
+
wordBreak: 'break-word',
|
|
6628
|
+
color: theme.palette.font.default
|
|
6629
|
+
},
|
|
6630
|
+
courseViewContainer: {
|
|
6631
|
+
width: '645px',
|
|
6632
|
+
backgroundColor: '#f4f9ff',
|
|
6633
|
+
display: 'flex',
|
|
6634
|
+
flexDirection: 'column'
|
|
6635
|
+
},
|
|
6636
|
+
bannerContainer: {
|
|
6637
|
+
background: '#EB5757',
|
|
6638
|
+
color: '#fff',
|
|
6639
|
+
textAlign: 'center',
|
|
6640
|
+
padding: '6.5px 18px',
|
|
6641
|
+
position: 'relative',
|
|
6642
|
+
'&:after': {
|
|
6643
|
+
width: '0',
|
|
6644
|
+
height: '0',
|
|
6645
|
+
border: '11.5px solid transparent',
|
|
6646
|
+
position: 'absolute',
|
|
6647
|
+
content: '""',
|
|
6648
|
+
borderTopColor: '#EB5757',
|
|
6649
|
+
right: '-23px',
|
|
6650
|
+
top: '0px',
|
|
6651
|
+
borderLeftColor: ' #EB5757'
|
|
6652
|
+
},
|
|
6653
|
+
'&:before': {
|
|
6654
|
+
width: 0,
|
|
6655
|
+
height: 0,
|
|
6656
|
+
border: '22.5px solid transparent',
|
|
6657
|
+
position: 'absolute',
|
|
6658
|
+
content: '""',
|
|
6659
|
+
borderBottomColor: '#EB5757',
|
|
6660
|
+
right: '-23px',
|
|
6661
|
+
top: '-10.5px'
|
|
6662
|
+
}
|
|
6663
|
+
},
|
|
6664
|
+
courseDetailsTags: {
|
|
6665
|
+
marginTop: '16px',
|
|
6666
|
+
display: 'flex'
|
|
6667
|
+
},
|
|
6668
|
+
courseDetailTag: {
|
|
6669
|
+
display: 'flex',
|
|
6670
|
+
alignItems: 'center',
|
|
6671
|
+
marginRight: '20px',
|
|
6672
|
+
'& div': {
|
|
6673
|
+
fontSize: '14px',
|
|
6674
|
+
marginLeft: '10px'
|
|
6675
|
+
}
|
|
6676
|
+
},
|
|
6677
|
+
courseDetailContent: {
|
|
6678
|
+
marginTop: '16px',
|
|
6679
|
+
fontSize: '16px',
|
|
6680
|
+
lineHeight: '24px',
|
|
6681
|
+
wordBreak: 'break-word',
|
|
6682
|
+
color: theme.palette.font.primary,
|
|
6683
|
+
margin: '10px 0 20px'
|
|
6684
|
+
},
|
|
6685
|
+
courseDetailViewFullDetails: {
|
|
6686
|
+
cursor: 'pointer',
|
|
6687
|
+
fontSize: '16px',
|
|
6688
|
+
lineHeight: '24px',
|
|
6689
|
+
margin: '0',
|
|
6690
|
+
color: '#1676F3',
|
|
6691
|
+
wordBreak: 'break-word'
|
|
6692
|
+
},
|
|
6693
|
+
courseDetailTime: {
|
|
6694
|
+
color: '#EB5757',
|
|
6695
|
+
fontWeight: '600'
|
|
6696
|
+
},
|
|
6697
|
+
webinarButtonContainer: {
|
|
6698
|
+
marginBottom: '20px'
|
|
6699
|
+
},
|
|
6700
|
+
'@media (max-width: 767px)': {
|
|
6701
|
+
courseViewContainer: {
|
|
6702
|
+
width: '100%'
|
|
6703
|
+
},
|
|
6704
|
+
webinarSuperContainer: {
|
|
6705
|
+
padding: '20px 10px 60px 20px'
|
|
6706
|
+
},
|
|
6707
|
+
videoCarousel: {
|
|
6708
|
+
flexDirection: 'column-reverse',
|
|
6709
|
+
gap: '20px'
|
|
6710
|
+
},
|
|
6711
|
+
videoCarouselContainer: {
|
|
6712
|
+
height: 'max-content',
|
|
6713
|
+
paddingRight: '10px'
|
|
6714
|
+
},
|
|
6715
|
+
videoDetails: {
|
|
6716
|
+
width: '100%'
|
|
6717
|
+
},
|
|
6718
|
+
videoDetailsHeading: {
|
|
6719
|
+
fontSize: '16px',
|
|
6720
|
+
lineHeight: '20px'
|
|
6721
|
+
},
|
|
6722
|
+
videoTestimonialTitle: {
|
|
6723
|
+
fontSize: '24px',
|
|
6724
|
+
lineHeight: '36px',
|
|
6725
|
+
letterSpacing: '-1px'
|
|
6726
|
+
},
|
|
6727
|
+
videoDetailsContent: {
|
|
6728
|
+
marginTop: '4px'
|
|
6729
|
+
}
|
|
6730
|
+
}
|
|
6731
|
+
};
|
|
6732
|
+
});
|
|
6497
6733
|
|
|
6498
|
-
const
|
|
6734
|
+
const SingleVideoSlide$1 = props => {
|
|
6735
|
+
React.useEffect(() => {// remaining days epoch
|
|
6736
|
+
// current date epoch
|
|
6737
|
+
// subtract remaining days from current day epoch
|
|
6738
|
+
// moment the result - and see if there are days
|
|
6739
|
+
// days is present show days
|
|
6740
|
+
// else start reverse timer
|
|
6741
|
+
}, []);
|
|
6742
|
+
const {
|
|
6743
|
+
data,
|
|
6744
|
+
webinarCtaClick
|
|
6745
|
+
} = props;
|
|
6499
6746
|
|
|
6500
|
-
const
|
|
6501
|
-
|
|
6502
|
-
|
|
6503
|
-
|
|
6504
|
-
|
|
6505
|
-
|
|
6506
|
-
|
|
6507
|
-
|
|
6508
|
-
|
|
6509
|
-
|
|
6747
|
+
const renderer = ({
|
|
6748
|
+
hours,
|
|
6749
|
+
minutes,
|
|
6750
|
+
seconds,
|
|
6751
|
+
completed
|
|
6752
|
+
}) => {
|
|
6753
|
+
if (hours < 24) {
|
|
6754
|
+
return /*#__PURE__*/React__default["default"].createElement("span", null, hours, ":", minutes, ":", seconds);
|
|
6755
|
+
} else {
|
|
6756
|
+
let given = moment__default["default"](props.data.endTime);
|
|
6757
|
+
let current = moment__default["default"]().startOf('day');
|
|
6758
|
+
return /*#__PURE__*/React__default["default"].createElement("span", null, moment__default["default"]().duration(given.diff(current)).asDays());
|
|
6759
|
+
}
|
|
6760
|
+
};
|
|
6761
|
+
|
|
6762
|
+
const classes = useWebinarPromotionPage();
|
|
6763
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
6764
|
+
className: classes.videoCarouselContainer
|
|
6765
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
6766
|
+
className: classes.webinarCarousel
|
|
6767
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
6768
|
+
className: classes.iframeSuperContainer
|
|
6769
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
6770
|
+
className: classes.videoDetails
|
|
6771
|
+
}, /*#__PURE__*/React__default["default"].createElement("h3", {
|
|
6772
|
+
className: classes.bannerContainer
|
|
6773
|
+
}, data.offerPriceValidFor <= 0 ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, "Hurry up! Offer for limited period only") : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, "Hurry up! Offer is left for ", data.offerPriceValidFor, " users now")), /*#__PURE__*/React__default["default"].createElement("h3", {
|
|
6774
|
+
ref: data?.videoTextHeading?.refSetter,
|
|
6775
|
+
className: classes.videoDetailsHeading,
|
|
6776
|
+
dangerouslySetInnerHTML: {
|
|
6777
|
+
__html: data.title
|
|
6778
|
+
}
|
|
6779
|
+
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
6780
|
+
className: classes.courseDetailsTags
|
|
6781
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
6782
|
+
className: classes.courseDetailTag
|
|
6783
|
+
}, /*#__PURE__*/React__default["default"].createElement(Icon, {
|
|
6784
|
+
name: 'Calendar'
|
|
6785
|
+
}), /*#__PURE__*/React__default["default"].createElement("div", null, moment__default["default"](data.startDate).format('dddd, MMMM Do, h:mm:ss'))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
6786
|
+
className: classes.courseDetailTag
|
|
6787
|
+
}, /*#__PURE__*/React__default["default"].createElement(Icon, {
|
|
6788
|
+
name: 'Video'
|
|
6789
|
+
}), /*#__PURE__*/React__default["default"].createElement("div", null, data.webinarLocation))), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
6790
|
+
ref: data?.videoTextContent?.refSetter,
|
|
6791
|
+
className: classes.courseDetailContent,
|
|
6792
|
+
dangerouslySetInnerHTML: {
|
|
6793
|
+
__html: data.description.substring(0, 250)
|
|
6794
|
+
}
|
|
6795
|
+
}), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
6796
|
+
ref: data?.videoTextSubContent?.refSetter,
|
|
6797
|
+
className: classes.courseDetailViewFullDetails,
|
|
6798
|
+
dangerouslySetInnerHTML: {
|
|
6799
|
+
__html: data.description.length > 250 ? 'Read More' : null
|
|
6800
|
+
}
|
|
6801
|
+
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
6802
|
+
className: classes.courseViewContainer
|
|
6803
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
6804
|
+
className: classes.offerText
|
|
6805
|
+
}, "Offer Ends in", ' ', /*#__PURE__*/React__default["default"].createElement("span", {
|
|
6806
|
+
className: classes.courseDetailTime
|
|
6807
|
+
}, /*#__PURE__*/React__default["default"].createElement(Countdown__default["default"], {
|
|
6808
|
+
renderer: renderer,
|
|
6809
|
+
date: data.endDate
|
|
6810
|
+
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
6811
|
+
ref: data?.videoFrame?.refSetter,
|
|
6812
|
+
className: classes.iframeContainer
|
|
6813
|
+
}, /*#__PURE__*/React__default["default"].createElement(VideoPlayer, {
|
|
6814
|
+
onlyThumbnail: true,
|
|
6815
|
+
imageUrl: data.thumbnail,
|
|
6816
|
+
videoUrl: data.thumbnail
|
|
6817
|
+
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
6818
|
+
className: classes.bottomContainer
|
|
6819
|
+
}, data.isPaid && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
6820
|
+
className: classes.priceContainer
|
|
6821
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
6822
|
+
className: classes.offerPrice
|
|
6823
|
+
}, data.offerPrice), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
6824
|
+
style: {
|
|
6825
|
+
fontSize: '20px'
|
|
6826
|
+
}
|
|
6827
|
+
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
6828
|
+
className: classes.originalPrice
|
|
6829
|
+
}, data.regularPrice), ' ', /*#__PURE__*/React__default["default"].createElement("span", {
|
|
6830
|
+
className: classes.offerDiscount
|
|
6831
|
+
}, "50% OFF"))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
6832
|
+
className: classes.webinarButtonContainer
|
|
6833
|
+
}, /*#__PURE__*/React__default["default"].createElement(Button, {
|
|
6834
|
+
style: {
|
|
6835
|
+
backgroundColor: '#009AE0',
|
|
6836
|
+
width: data.isPaid ? '150px' : '250px'
|
|
6837
|
+
},
|
|
6838
|
+
data: {
|
|
6839
|
+
// link: 'headerData?.loginCtaLink',
|
|
6840
|
+
// isLink: 1,
|
|
6841
|
+
value: data.isPaid ? 'BUY NOW' : 'REGISTER NOW' // isExternal: 1
|
|
6842
|
+
|
|
6843
|
+
},
|
|
6844
|
+
onClick: webinarCtaClick,
|
|
6845
|
+
type: 'primary',
|
|
6846
|
+
size: 'medium',
|
|
6847
|
+
target: null,
|
|
6848
|
+
rel: null
|
|
6849
|
+
}))))));
|
|
6850
|
+
};
|
|
6851
|
+
|
|
6852
|
+
function CoursePromotionPage$1({
|
|
6853
|
+
sectionData,
|
|
6854
|
+
extraProps = {}
|
|
6855
|
+
}) {
|
|
6856
|
+
const {
|
|
6857
|
+
layout: {
|
|
6858
|
+
containerWidth
|
|
6859
|
+
}
|
|
6860
|
+
} = React.useContext(PageContext);
|
|
6861
|
+
const classes = useWebinarPromotionPage({
|
|
6862
|
+
containerWidth
|
|
6863
|
+
});
|
|
6864
|
+
console.log(sectionData);
|
|
6865
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
6866
|
+
className: classes.webinarSuperContainer
|
|
6867
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
6868
|
+
className: classes.videoTestimonialContainer
|
|
6869
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
6870
|
+
className: classes.sectionContainer
|
|
6871
|
+
}, /*#__PURE__*/React__default["default"].createElement(SingleVideoSlide$1, {
|
|
6872
|
+
data: sectionData.components[0].metadata,
|
|
6873
|
+
webinarCtaClick: extraProps.webinarCtaClick
|
|
6874
|
+
}))));
|
|
6875
|
+
}
|
|
6876
|
+
|
|
6877
|
+
var index$2 = /*#__PURE__*/Object.freeze({
|
|
6878
|
+
__proto__: null,
|
|
6879
|
+
'default': CoursePromotionPage$1
|
|
6880
|
+
});
|
|
6881
|
+
|
|
6882
|
+
const useCoursePromotionPage = createUseStyles(theme => {
|
|
6883
|
+
return {
|
|
6884
|
+
courseSuperContainer: {
|
|
6885
|
+
display: 'flex',
|
|
6886
|
+
justifyContent: 'center',
|
|
6887
|
+
padding: '70px ',
|
|
6888
|
+
'&, & *, & *:before, & *:after': {
|
|
6889
|
+
fontFamily: theme?.typography?.fontFamily,
|
|
6890
|
+
boxSizing: 'border-box'
|
|
6891
|
+
},
|
|
6892
|
+
'& h2,& h3': {
|
|
6893
|
+
fontWeight: '500',
|
|
6894
|
+
'& b,& strong': {
|
|
6895
|
+
fontWeight: '700'
|
|
6896
|
+
}
|
|
6897
|
+
}
|
|
6898
|
+
},
|
|
6899
|
+
sectionContainer: {
|
|
6900
|
+
margin: '0 auto',
|
|
6901
|
+
maxWidth: ({
|
|
6902
|
+
containerWidth
|
|
6903
|
+
} = {}) => containerWidth
|
|
6904
|
+
},
|
|
6905
|
+
videoTestimonialContainer: {
|
|
6906
|
+
width: '100%',
|
|
6907
|
+
maxWidth: '1440px',
|
|
6908
|
+
fontFamily: theme?.typography?.fontFamily
|
|
6909
|
+
},
|
|
6910
|
+
videoTestimonialHeading: {
|
|
6911
|
+
fontSize: '16px',
|
|
6912
|
+
lineHeight: '20px',
|
|
6913
|
+
letterSpacing: '3px',
|
|
6914
|
+
textTransform: 'uppercase',
|
|
6915
|
+
color: theme.palette.font.tertiary,
|
|
6916
|
+
wordBreak: 'break-word',
|
|
6917
|
+
fontWeight: '700'
|
|
6918
|
+
},
|
|
6919
|
+
videoTestimonialTitle: {
|
|
6920
|
+
fontSize: '56px',
|
|
6921
|
+
lineHeight: '71px',
|
|
6922
|
+
letterSpacing: '-3px',
|
|
6923
|
+
margin: '0',
|
|
6924
|
+
color: theme.palette.font.default,
|
|
6925
|
+
wordBreak: 'break-word'
|
|
6926
|
+
},
|
|
6927
|
+
videoCarouselContainer: {
|
|
6928
|
+
marginTop: '16px'
|
|
6929
|
+
},
|
|
6930
|
+
coursePageCarousel: {
|
|
6931
|
+
display: 'flex',
|
|
6932
|
+
justifyContent: 'flex-start',
|
|
6933
|
+
gap: '60px'
|
|
6934
|
+
},
|
|
6935
|
+
iframeSuperContainer: {
|
|
6936
|
+
height: '100%',
|
|
6937
|
+
width: '100%',
|
|
6938
|
+
display: 'flex',
|
|
6939
|
+
alignItems: 'center'
|
|
6940
|
+
},
|
|
6941
|
+
iframeContainer: {
|
|
6942
|
+
width: '90%',
|
|
6943
|
+
position: 'relative',
|
|
6944
|
+
paddingBottom: '56.25%',
|
|
6945
|
+
// top: "6%",
|
|
6946
|
+
left: '5%'
|
|
6947
|
+
},
|
|
6948
|
+
offerText: {
|
|
6949
|
+
textAlign: 'center',
|
|
6950
|
+
color: theme.palette.font.primary
|
|
6951
|
+
},
|
|
6952
|
+
offerPrice: {
|
|
6953
|
+
fontSize: '32px',
|
|
6954
|
+
fontWeight: '700'
|
|
6955
|
+
},
|
|
6956
|
+
priceContainer: {
|
|
6957
|
+
display: 'flex',
|
|
6958
|
+
flexDirection: 'column',
|
|
6959
|
+
width: 'fit-content'
|
|
6960
|
+
},
|
|
6961
|
+
originalPrice: {
|
|
6962
|
+
textDecoration: 'line-through',
|
|
6963
|
+
color: 'rgba(51, 51, 51, 0.6)'
|
|
6964
|
+
},
|
|
6965
|
+
offerDiscount: {
|
|
6966
|
+
color: '#08BD80',
|
|
6967
|
+
fontWeight: '600'
|
|
6968
|
+
},
|
|
6969
|
+
bottomContainer: {
|
|
6970
|
+
display: 'flex',
|
|
6971
|
+
justifyContent: 'space-around',
|
|
6972
|
+
marginTop: '5%'
|
|
6973
|
+
},
|
|
6974
|
+
iframe: {
|
|
6975
|
+
position: 'absolute',
|
|
6976
|
+
width: '100%',
|
|
6977
|
+
height: '100%',
|
|
6978
|
+
borderRadius: theme.shape.borderRadius.small
|
|
6979
|
+
},
|
|
6980
|
+
videoDetails: {
|
|
6981
|
+
width: '100%',
|
|
6982
|
+
display: 'flex',
|
|
6983
|
+
flexDirection: 'column',
|
|
6984
|
+
alignItems: 'flex-start'
|
|
6985
|
+
},
|
|
6986
|
+
videoDetailsHeading: {
|
|
6987
|
+
fontSize: '40px',
|
|
6988
|
+
lineHeight: '48px',
|
|
6989
|
+
margin: '0',
|
|
6990
|
+
letterSpacing: '-1px',
|
|
6991
|
+
wordBreak: 'break-word',
|
|
6992
|
+
color: theme.palette.font.default
|
|
6993
|
+
},
|
|
6994
|
+
courseViewContainer: {
|
|
6995
|
+
width: '645px',
|
|
6996
|
+
backgroundColor: '#f4f9ff',
|
|
6997
|
+
display: 'flex',
|
|
6998
|
+
flexDirection: 'column'
|
|
6999
|
+
},
|
|
7000
|
+
bannerContainer: {
|
|
7001
|
+
background: '#EB5757',
|
|
7002
|
+
color: '#fff',
|
|
7003
|
+
textAlign: 'center',
|
|
7004
|
+
padding: '6.5px 18px',
|
|
7005
|
+
position: 'relative',
|
|
7006
|
+
'&:after': {
|
|
7007
|
+
width: '0',
|
|
7008
|
+
height: '0',
|
|
7009
|
+
border: '11.5px solid transparent',
|
|
7010
|
+
position: 'absolute',
|
|
7011
|
+
content: '""',
|
|
7012
|
+
borderTopColor: '#EB5757',
|
|
7013
|
+
right: '-23px',
|
|
7014
|
+
top: '0px',
|
|
7015
|
+
borderLeftColor: ' #EB5757'
|
|
7016
|
+
},
|
|
7017
|
+
'&:before': {
|
|
7018
|
+
width: 0,
|
|
7019
|
+
height: 0,
|
|
7020
|
+
border: '22.5px solid transparent',
|
|
7021
|
+
position: 'absolute',
|
|
7022
|
+
content: '""',
|
|
7023
|
+
borderBottomColor: '#EB5757',
|
|
7024
|
+
right: '-23px',
|
|
7025
|
+
top: '-10.5px'
|
|
7026
|
+
}
|
|
7027
|
+
},
|
|
7028
|
+
courseDetailsTags: {
|
|
7029
|
+
marginTop: '16px',
|
|
7030
|
+
display: 'flex'
|
|
7031
|
+
},
|
|
7032
|
+
courseDetailTag: {
|
|
7033
|
+
display: 'flex',
|
|
7034
|
+
alignItems: 'center',
|
|
7035
|
+
marginRight: '20px',
|
|
7036
|
+
'& div': {
|
|
7037
|
+
fontSize: '14px',
|
|
7038
|
+
marginLeft: '10px'
|
|
7039
|
+
}
|
|
7040
|
+
},
|
|
7041
|
+
courseDetailContent: {
|
|
7042
|
+
marginTop: '16px',
|
|
7043
|
+
fontSize: '16px',
|
|
7044
|
+
lineHeight: '24px',
|
|
7045
|
+
wordBreak: 'break-word',
|
|
7046
|
+
color: theme.palette.font.primary,
|
|
7047
|
+
margin: '10px 0 20px'
|
|
7048
|
+
},
|
|
7049
|
+
courseDetailViewFullDetails: {
|
|
7050
|
+
cursor: 'pointer',
|
|
7051
|
+
fontSize: '16px',
|
|
7052
|
+
lineHeight: '24px',
|
|
7053
|
+
margin: '0',
|
|
7054
|
+
color: '#1676F3',
|
|
7055
|
+
wordBreak: 'break-word'
|
|
7056
|
+
},
|
|
7057
|
+
courseDetailTime: {
|
|
7058
|
+
color: '#EB5757',
|
|
7059
|
+
fontWeight: '600'
|
|
7060
|
+
},
|
|
7061
|
+
'@media (max-width: 767px)': {
|
|
7062
|
+
courseViewContainer: {
|
|
7063
|
+
width: '100%'
|
|
7064
|
+
},
|
|
7065
|
+
courseSuperContainer: {
|
|
7066
|
+
padding: '20px 10px 60px 20px'
|
|
7067
|
+
},
|
|
7068
|
+
videoCarousel: {
|
|
7069
|
+
flexDirection: 'column-reverse',
|
|
7070
|
+
gap: '20px'
|
|
7071
|
+
},
|
|
7072
|
+
videoCarouselContainer: {
|
|
7073
|
+
height: 'max-content',
|
|
7074
|
+
paddingRight: '10px'
|
|
7075
|
+
},
|
|
7076
|
+
videoDetails: {
|
|
7077
|
+
width: '100%'
|
|
7078
|
+
},
|
|
7079
|
+
videoDetailsHeading: {
|
|
7080
|
+
fontSize: '20px',
|
|
7081
|
+
fontWeight: '600',
|
|
7082
|
+
lineHeight: '20px'
|
|
7083
|
+
},
|
|
7084
|
+
videoTestimonialTitle: {
|
|
7085
|
+
fontSize: '24px',
|
|
7086
|
+
lineHeight: '36px',
|
|
7087
|
+
letterSpacing: '-1px'
|
|
7088
|
+
},
|
|
7089
|
+
videoDetailsContent: {
|
|
7090
|
+
marginTop: '4px'
|
|
7091
|
+
}
|
|
7092
|
+
}
|
|
7093
|
+
};
|
|
7094
|
+
});
|
|
7095
|
+
|
|
7096
|
+
const SingleVideoSlide = props => {
|
|
7097
|
+
React.useEffect(() => {// remaining days epoch
|
|
7098
|
+
// current date epoch
|
|
7099
|
+
// subtract remaining days from current day epoch
|
|
7100
|
+
// moment the result - and see if there are days
|
|
7101
|
+
// days is present show days
|
|
7102
|
+
// else start reverse timer
|
|
7103
|
+
}, []);
|
|
7104
|
+
|
|
7105
|
+
const renderer = ({
|
|
7106
|
+
hours,
|
|
7107
|
+
minutes,
|
|
7108
|
+
seconds,
|
|
7109
|
+
completed
|
|
7110
|
+
}) => {
|
|
7111
|
+
if (hours < 24) {
|
|
7112
|
+
return /*#__PURE__*/React__default["default"].createElement("span", null, hours, ":", minutes, ":", seconds);
|
|
7113
|
+
} else {
|
|
7114
|
+
let given = moment__default["default"](props.data.endTime);
|
|
7115
|
+
let current = moment__default["default"]().startOf('day');
|
|
7116
|
+
return /*#__PURE__*/React__default["default"].createElement("span", null, moment__default["default"].duration(given.diff(current)).asDays());
|
|
7117
|
+
}
|
|
7118
|
+
};
|
|
7119
|
+
|
|
7120
|
+
const {
|
|
7121
|
+
data,
|
|
7122
|
+
courseBuyNow
|
|
7123
|
+
} = props;
|
|
7124
|
+
const classes = useCoursePromotionPage();
|
|
7125
|
+
console.log(courseBuyNow, 'courseBuyNow');
|
|
7126
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
7127
|
+
className: classes.videoCarouselContainer
|
|
7128
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
7129
|
+
className: classes.coursePageCarousel
|
|
7130
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
7131
|
+
className: classes.iframeSuperContainer
|
|
7132
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
7133
|
+
className: classes.videoDetails
|
|
7134
|
+
}, /*#__PURE__*/React__default["default"].createElement("h3", {
|
|
7135
|
+
className: classes.bannerContainer
|
|
7136
|
+
}, data.offerPriceValidFor <= 0 ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, "Hurry up! Offer for limited period only") : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, "Hurry up! Offer is left for ", data.offerPriceValidFor, " users now")), /*#__PURE__*/React__default["default"].createElement("h3", {
|
|
7137
|
+
ref: data?.videoTextHeading?.refSetter,
|
|
7138
|
+
className: classes.videoDetailsHeading,
|
|
7139
|
+
dangerouslySetInnerHTML: {
|
|
7140
|
+
__html: data.courseName
|
|
7141
|
+
}
|
|
7142
|
+
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
7143
|
+
className: classes.courseDetailsTags
|
|
7144
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
7145
|
+
className: classes.courseDetailTag
|
|
7146
|
+
}, /*#__PURE__*/React__default["default"].createElement(Icon, {
|
|
7147
|
+
name: 'Clock'
|
|
7148
|
+
}), /*#__PURE__*/React__default["default"].createElement("div", null, data.courseInfo?.validity ? data.courseInfo?.validity : '1 year Validity')), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
7149
|
+
className: classes.courseDetailTag
|
|
7150
|
+
}, /*#__PURE__*/React__default["default"].createElement(Icon, {
|
|
7151
|
+
name: 'Book Saved'
|
|
7152
|
+
}), /*#__PURE__*/React__default["default"].createElement("div", null, data.courseInfo?.books ? data.courseInfo?.books : 'Physical Books')), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
7153
|
+
className: classes.courseDetailTag
|
|
7154
|
+
}, /*#__PURE__*/React__default["default"].createElement(Icon, {
|
|
7155
|
+
name: 'Certificate'
|
|
7156
|
+
}), /*#__PURE__*/React__default["default"].createElement("div", null, data.courseInfo?.certificate ? data.courseInfo?.certificate : 'Course Cerficate'))), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
7157
|
+
ref: data?.videoTextContent?.refSetter,
|
|
7158
|
+
className: classes.courseDetailContent,
|
|
7159
|
+
dangerouslySetInnerHTML: {
|
|
7160
|
+
__html: data.description.substring(0, 250)
|
|
7161
|
+
}
|
|
7162
|
+
}), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
7163
|
+
ref: data?.videoTextSubContent?.refSetter,
|
|
7164
|
+
className: classes.courseDetailViewFullDetails,
|
|
7165
|
+
dangerouslySetInnerHTML: {
|
|
7166
|
+
__html: data.description.length > 250 ? 'Read More' : null
|
|
7167
|
+
}
|
|
7168
|
+
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
7169
|
+
className: classes.courseViewContainer
|
|
7170
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
7171
|
+
className: classes.offerText
|
|
7172
|
+
}, "Offer Ends in", ' ', /*#__PURE__*/React__default["default"].createElement("span", {
|
|
7173
|
+
className: classes.courseDetailTime
|
|
7174
|
+
}, /*#__PURE__*/React__default["default"].createElement(Countdown__default["default"], {
|
|
7175
|
+
renderer: renderer,
|
|
7176
|
+
date: data.endDate
|
|
7177
|
+
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
7178
|
+
ref: data?.videoFrame?.refSetter,
|
|
7179
|
+
className: classes.iframeContainer
|
|
7180
|
+
}, /*#__PURE__*/React__default["default"].createElement(VideoPlayer, {
|
|
7181
|
+
onlyThumbnail: true,
|
|
7182
|
+
imageUrl: data.thumbnail,
|
|
7183
|
+
videoUrl: data.thumbnail
|
|
7184
|
+
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
7185
|
+
className: classes.bottomContainer
|
|
7186
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
7187
|
+
className: classes.priceContainer
|
|
7188
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
7189
|
+
className: classes.offerPrice
|
|
7190
|
+
}, "\u20B9 ", data.effectivePrice), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
7191
|
+
style: {
|
|
7192
|
+
fontSize: '20px'
|
|
7193
|
+
}
|
|
7194
|
+
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
7195
|
+
className: classes.originalPrice
|
|
7196
|
+
}, "\u20B9 ", data.price), ' ', /*#__PURE__*/React__default["default"].createElement("span", {
|
|
7197
|
+
className: classes.offerDiscount
|
|
7198
|
+
}, "50% OFF"))), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Button, {
|
|
7199
|
+
style: {
|
|
7200
|
+
width: '150px'
|
|
7201
|
+
},
|
|
7202
|
+
data: {
|
|
7203
|
+
// link: 'headerData?.loginCtaLink',
|
|
7204
|
+
// isLink: 1,
|
|
7205
|
+
value: 'BUY NOW' // isExternal: 1
|
|
7206
|
+
|
|
7207
|
+
},
|
|
7208
|
+
onClick: courseBuyNow,
|
|
7209
|
+
type: 'primary',
|
|
7210
|
+
size: 'medium',
|
|
7211
|
+
target: null,
|
|
7212
|
+
rel: null // styling={isMobile ? { margin: '0 40px' } : {}}
|
|
7213
|
+
|
|
7214
|
+
}))))));
|
|
7215
|
+
};
|
|
7216
|
+
|
|
7217
|
+
function CoursePromotionPage({
|
|
7218
|
+
sectionData,
|
|
7219
|
+
extraProps = {}
|
|
7220
|
+
}) {
|
|
7221
|
+
const {
|
|
7222
|
+
layout: {
|
|
7223
|
+
containerWidth
|
|
7224
|
+
}
|
|
7225
|
+
} = React.useContext(PageContext);
|
|
7226
|
+
const classes = useCoursePromotionPage({
|
|
7227
|
+
containerWidth
|
|
7228
|
+
});
|
|
7229
|
+
console.log(sectionData, 'sectionData');
|
|
7230
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
7231
|
+
className: classes.courseSuperContainer
|
|
7232
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
7233
|
+
className: classes.videoTestimonialContainer
|
|
7234
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
7235
|
+
className: classes.sectionContainer
|
|
7236
|
+
}, /*#__PURE__*/React__default["default"].createElement(SingleVideoSlide, {
|
|
7237
|
+
data: sectionData.components[0].metadata,
|
|
7238
|
+
courseBuyNow: extraProps.courseBuyNow
|
|
7239
|
+
}))));
|
|
7240
|
+
}
|
|
7241
|
+
|
|
7242
|
+
var index$1 = /*#__PURE__*/Object.freeze({
|
|
7243
|
+
__proto__: null,
|
|
7244
|
+
'default': CoursePromotionPage
|
|
7245
|
+
});
|
|
7246
|
+
|
|
7247
|
+
const useFormPageStyles = createUseStyles(theme => ({
|
|
7248
|
+
formPageSection: {
|
|
7249
|
+
padding: '35px 70px',
|
|
7250
|
+
background: '#F4F9FF',
|
|
7251
|
+
'&, & *, & *:before, & *:after': {
|
|
7252
|
+
fontFamily: theme?.typography?.fontFamily,
|
|
7253
|
+
boxSizing: 'border-box'
|
|
7254
|
+
}
|
|
7255
|
+
},
|
|
7256
|
+
formPageHeader: {
|
|
7257
|
+
textAlign: 'center'
|
|
7258
|
+
},
|
|
7259
|
+
formPageTitle: {
|
|
7260
|
+
fontSize: '50px',
|
|
7261
|
+
fontWeight: '700'
|
|
7262
|
+
},
|
|
7263
|
+
formPageSubtitle: {
|
|
7264
|
+
marginTop: '16px',
|
|
7265
|
+
fontSize: '16px',
|
|
7266
|
+
lineHeight: '23px',
|
|
7267
|
+
color: 'rgba(51, 51, 51, 0.5)',
|
|
7268
|
+
marginBottom: '32px'
|
|
7269
|
+
},
|
|
7270
|
+
formPageFormContainer: {
|
|
7271
|
+
marginTop: '32px',
|
|
7272
|
+
'& form': {
|
|
7273
|
+
padding: '35px 140px',
|
|
7274
|
+
background: '#FFFFFF',
|
|
7275
|
+
borderRadius: '8px',
|
|
7276
|
+
boxShadow: '0px 4px 10px rgba(0, 0, 0, 0.16)'
|
|
7277
|
+
}
|
|
7278
|
+
},
|
|
7279
|
+
inputField: {
|
|
7280
|
+
marginTop: '20px',
|
|
7281
|
+
padding: '20px',
|
|
7282
|
+
border: '1px solid #D8E0F0',
|
|
7283
|
+
borderRadius: '16px'
|
|
7284
|
+
},
|
|
7285
|
+
inputFieldLabel: {
|
|
7286
|
+
color: '#333',
|
|
7287
|
+
fontSize: '20px',
|
|
7288
|
+
display: 'block',
|
|
7289
|
+
marginBottom: '10px'
|
|
7290
|
+
},
|
|
7291
|
+
inputFieldControl: {
|
|
7292
|
+
width: '100%',
|
|
7293
|
+
height: '50px',
|
|
7294
|
+
borderRadius: '8px',
|
|
7295
|
+
border: '1px solid #D8E0F0',
|
|
7296
|
+
padding: '5px 10px',
|
|
7297
|
+
color: '#7D8592',
|
|
7298
|
+
fontSize: '16px'
|
|
7299
|
+
},
|
|
7300
|
+
checkboxField: {
|
|
7301
|
+
marginTop: '20px',
|
|
7302
|
+
padding: '20px',
|
|
7303
|
+
border: '1px solid #D8E0F0',
|
|
7304
|
+
borderRadius: '8px'
|
|
7305
|
+
},
|
|
7306
|
+
checkBoxFieldLabel: {
|
|
7307
|
+
color: '#333',
|
|
7308
|
+
fontSize: '20px',
|
|
7309
|
+
margin: '10px 0'
|
|
7310
|
+
},
|
|
7311
|
+
checkboxFieldControl: {
|
|
7312
|
+
padding: '6px 0',
|
|
7313
|
+
'& label': {
|
|
7314
|
+
fontFamily: '16px',
|
|
7315
|
+
marginLeft: '10px',
|
|
7316
|
+
color: '#7D8592'
|
|
7317
|
+
}
|
|
7318
|
+
},
|
|
7319
|
+
submitBtnContainer: {
|
|
7320
|
+
marginTop: '20px',
|
|
7321
|
+
width: '100%',
|
|
7322
|
+
margin: '0 auto',
|
|
7323
|
+
'& button': {
|
|
7324
|
+
background: '#6269C9',
|
|
7325
|
+
height: '44px',
|
|
7326
|
+
padding: '10px 40px',
|
|
7327
|
+
border: '1px solid #4A90E2',
|
|
7328
|
+
color: '#FFFFFF',
|
|
7329
|
+
fontSize: '16px',
|
|
7330
|
+
cursor: 'pointer',
|
|
7331
|
+
borderRadius: '8px'
|
|
7332
|
+
}
|
|
7333
|
+
},
|
|
7334
|
+
// SMALL SCREEN
|
|
7335
|
+
'@media screen and (max-width: 767px)': {
|
|
7336
|
+
formPageSection: {
|
|
7337
|
+
padding: '24px'
|
|
7338
|
+
},
|
|
7339
|
+
formPageTitle: {
|
|
7340
|
+
fontSize: '24px'
|
|
7341
|
+
},
|
|
7342
|
+
formPageFormContainer: {
|
|
7343
|
+
'& form': {
|
|
7344
|
+
padding: '24px'
|
|
7345
|
+
}
|
|
7346
|
+
}
|
|
7347
|
+
}
|
|
7348
|
+
}));
|
|
7349
|
+
|
|
7350
|
+
const formPageMock = {
|
|
7351
|
+
title: 'Sed ut perspiciatis unde omnis iste',
|
|
7352
|
+
subTitle: 'Sed ut perspiciatis unde omnis iste natus error',
|
|
7353
|
+
questions: [{
|
|
7354
|
+
_id: '22',
|
|
7355
|
+
text: 'fdsafds',
|
|
7356
|
+
type: 'SA',
|
|
7357
|
+
options: [{
|
|
7358
|
+
value: ''
|
|
7359
|
+
}],
|
|
7360
|
+
isRequired: false,
|
|
7361
|
+
order: 1
|
|
7362
|
+
}, {
|
|
7363
|
+
_id: '23',
|
|
7364
|
+
text: 'fasdfdsaffdsafds',
|
|
7365
|
+
type: 'MC',
|
|
7366
|
+
options: [{
|
|
7367
|
+
value: 'fadsfdsf'
|
|
7368
|
+
}, {
|
|
7369
|
+
value: 'fdsafdsaf'
|
|
7370
|
+
}, {
|
|
7371
|
+
value: 'fsadfd'
|
|
7372
|
+
}, {
|
|
7373
|
+
value: 'fadsf'
|
|
7374
|
+
}],
|
|
7375
|
+
isRequired: false,
|
|
7376
|
+
order: 1
|
|
7377
|
+
}, {
|
|
7378
|
+
_id: '24',
|
|
7379
|
+
text: 'ewaofdsfkds',
|
|
7380
|
+
type: 'SC',
|
|
7381
|
+
options: [{
|
|
7382
|
+
value: 'fasdfdsf'
|
|
7383
|
+
}, {
|
|
7384
|
+
value: 'fasdfdasf'
|
|
7385
|
+
}, {
|
|
7386
|
+
value: 'fdsafsdf'
|
|
7387
|
+
}, {
|
|
7388
|
+
value: 'fdsafds'
|
|
7389
|
+
}],
|
|
7390
|
+
isRequired: false,
|
|
7391
|
+
order: 1
|
|
7392
|
+
}]
|
|
7393
|
+
};
|
|
7394
|
+
|
|
7395
|
+
const FormPage = ({
|
|
7396
|
+
sectionData,
|
|
7397
|
+
extraProps = {}
|
|
7398
|
+
}) => {
|
|
7399
|
+
const [formData, setFormData] = React.useState({});
|
|
7400
|
+
const classes = useFormPageStyles();
|
|
7401
|
+
const metadata = sectionData?.components?.[0]?.metadata || formPageMock;
|
|
7402
|
+
const {
|
|
7403
|
+
_id
|
|
7404
|
+
} = React.useContext(PageContext);
|
|
7405
|
+
|
|
7406
|
+
const handleSubmit = async e => {
|
|
7407
|
+
e.preventDefault();
|
|
7408
|
+
let formResponse = [];
|
|
7409
|
+
|
|
7410
|
+
for (const [key, value] of Object.entries(formData)) {
|
|
7411
|
+
formResponse.push({
|
|
7412
|
+
questionId: key,
|
|
7413
|
+
questionName: value.questionName,
|
|
7414
|
+
questionType: value.questionType,
|
|
7415
|
+
solutionArray: value.solutionArray
|
|
7416
|
+
});
|
|
7417
|
+
} // page id - section id
|
|
7418
|
+
|
|
7419
|
+
|
|
7420
|
+
axios__default["default"].post(`https://diy.clp.staging.classplus.co/v1/diy/landingPages/form`, {
|
|
7421
|
+
paylaod: formResponse,
|
|
7422
|
+
sectionId: sectionData?.components?.[0]?._id || null,
|
|
7423
|
+
landingPageId: _id || null
|
|
7424
|
+
}).then(() => {
|
|
7425
|
+
if (extraProps && extraProps.formSubmitSuccess) {
|
|
7426
|
+
extraProps.formSubmitSuccess();
|
|
7427
|
+
}
|
|
7428
|
+
});
|
|
7429
|
+
};
|
|
7430
|
+
|
|
7431
|
+
return /*#__PURE__*/React__default["default"].createElement("section", {
|
|
7432
|
+
className: classes.formPageSection
|
|
7433
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
7434
|
+
className: classes.formPageFormContainer
|
|
7435
|
+
}, /*#__PURE__*/React__default["default"].createElement("form", {
|
|
7436
|
+
onSubmit: handleSubmit
|
|
7437
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
7438
|
+
className: classes.formPageHeader
|
|
7439
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
7440
|
+
className: classes.formPageTitle
|
|
7441
|
+
}, metadata?.title), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
7442
|
+
className: classes.formPageSubtitle
|
|
7443
|
+
}, metadata?.subTitle)), metadata?.questions?.map((item, index) => /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, item.type === 'SA' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
7444
|
+
className: classes.inputField
|
|
7445
|
+
}, /*#__PURE__*/React__default["default"].createElement("label", {
|
|
7446
|
+
className: classes.inputFieldLabel
|
|
7447
|
+
}, item.text), /*#__PURE__*/React__default["default"].createElement("input", {
|
|
7448
|
+
className: classes.inputFieldControl,
|
|
7449
|
+
type: "text",
|
|
7450
|
+
placeholder: "Short answer",
|
|
7451
|
+
name: item._id,
|
|
7452
|
+
onChange: e => {
|
|
7453
|
+
setFormData({ ...formData,
|
|
7454
|
+
[item._id]: {
|
|
7455
|
+
questionName: item.text,
|
|
7456
|
+
solutionArray: [e.target.value],
|
|
7457
|
+
questionType: 'SA'
|
|
7458
|
+
}
|
|
7459
|
+
});
|
|
7460
|
+
}
|
|
7461
|
+
})), item.type === 'MC' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
7462
|
+
className: classes.checkboxField
|
|
7463
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
7464
|
+
className: classes.checkBoxFieldLabel
|
|
7465
|
+
}, item.text), item.options.map((option, index) => /*#__PURE__*/React__default["default"].createElement("div", {
|
|
7466
|
+
className: classes.checkboxFieldControl
|
|
7467
|
+
}, /*#__PURE__*/React__default["default"].createElement("input", {
|
|
7468
|
+
value: option.value,
|
|
7469
|
+
type: "checkbox",
|
|
7470
|
+
name: option.value,
|
|
7471
|
+
id: option.value,
|
|
7472
|
+
onChange: e => {
|
|
7473
|
+
setFormData({ ...formData,
|
|
7474
|
+
[item._id]: {
|
|
7475
|
+
questionName: item.text,
|
|
7476
|
+
solutionArray: [],
|
|
7477
|
+
questionType: 'SA'
|
|
7478
|
+
}
|
|
7479
|
+
});
|
|
7480
|
+
},
|
|
7481
|
+
onBlur: e => {
|
|
7482
|
+
let newSolArray = [];
|
|
7483
|
+
|
|
7484
|
+
if (formData[item._id]) {
|
|
7485
|
+
if (!formData[item._id].solutionArray?.find(el => el === option.value)) {
|
|
7486
|
+
newSolArray.push(e.target.value);
|
|
7487
|
+
}
|
|
7488
|
+
}
|
|
7489
|
+
|
|
7490
|
+
setFormData({ ...formData,
|
|
7491
|
+
[item._id]: {
|
|
7492
|
+
questionName: item.text,
|
|
7493
|
+
solutionArray: [...newSolArray],
|
|
7494
|
+
questionType: 'SA'
|
|
7495
|
+
}
|
|
7496
|
+
});
|
|
7497
|
+
}
|
|
7498
|
+
}), /*#__PURE__*/React__default["default"].createElement("label", {
|
|
7499
|
+
htmlFor: option.value
|
|
7500
|
+
}, option.value)))), item.type === 'SC' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
7501
|
+
className: classes.checkboxField
|
|
7502
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
7503
|
+
className: classes.checkBoxFieldLabel
|
|
7504
|
+
}, item.text), item.options.map((option, index) => /*#__PURE__*/React__default["default"].createElement("div", {
|
|
7505
|
+
className: classes.checkboxFieldControl
|
|
7506
|
+
}, /*#__PURE__*/React__default["default"].createElement("input", {
|
|
7507
|
+
// value={option.value}
|
|
7508
|
+
type: "radio",
|
|
7509
|
+
name: "text" // name={option.value}
|
|
7510
|
+
// id={option.value}
|
|
7511
|
+
,
|
|
7512
|
+
onChange: e => {
|
|
7513
|
+
setFormData({ ...formData,
|
|
7514
|
+
[item._id]: {
|
|
7515
|
+
questionName: item.text,
|
|
7516
|
+
solutionArray: [item.text],
|
|
7517
|
+
questionType: 'SC'
|
|
7518
|
+
}
|
|
7519
|
+
});
|
|
7520
|
+
}
|
|
7521
|
+
}), /*#__PURE__*/React__default["default"].createElement("label", {
|
|
7522
|
+
htmlFor: option.value
|
|
7523
|
+
}, option.value)))))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
7524
|
+
className: classes.submitBtnContainer
|
|
7525
|
+
}, /*#__PURE__*/React__default["default"].createElement("button", null, "Submit")))));
|
|
7526
|
+
};
|
|
7527
|
+
|
|
7528
|
+
var index = /*#__PURE__*/Object.freeze({
|
|
7529
|
+
__proto__: null,
|
|
7530
|
+
'default': FormPage
|
|
7531
|
+
});
|
|
7532
|
+
|
|
7533
|
+
const TYPE_TO_COMPONENT_MAP = {
|
|
7534
|
+
BANNER_CAROUSEL_RIGHT: BannerCarouselRight,
|
|
7535
|
+
GRID_CARD: List,
|
|
7536
|
+
BANNER_CAROUSEL_CENTER: BannerCarouselCenter,
|
|
7537
|
+
BANNER_CAROUSEL_LEFT: BannerCarouselLeft,
|
|
7538
|
+
FORM_SUBSCRIBE: SubscribeToNewsletter,
|
|
7539
|
+
TEXT_TESTIMONIAL: Testimonials,
|
|
7540
|
+
VIDEO_TESTIMONIAL: VideoTestimonial,
|
|
7541
|
+
VIDEO: Video,
|
|
7542
|
+
INFO: Info,
|
|
7543
|
+
TEXT: TextSection,
|
|
7544
|
+
IMAGE_GALLERY: PhotoGallery,
|
|
7545
|
+
FAQ_LISTING: FAQListing,
|
|
7546
|
+
TEXT_GRID: TextGrid,
|
|
7547
|
+
COURSE_CAROUSEL: courses,
|
|
7548
|
+
TEAM_CARD: TeamCard,
|
|
7549
|
+
CONTACT: FormEnquiry,
|
|
7550
|
+
FORM_ENQUIRY: Contact,
|
|
7551
|
+
WEBINAR_LANDING_PAGE: CoursePromotionPage$1,
|
|
7552
|
+
COURSE_LANDING_PAGE: CoursePromotionPage,
|
|
7553
|
+
FORM_LANDING_PAGE: FormPage
|
|
7554
|
+
};
|
|
7555
|
+
|
|
7556
|
+
const getCompToRender = type => TYPE_TO_COMPONENT_MAP[type] || (() => null);
|
|
7557
|
+
|
|
7558
|
+
const MemoisedSection = /*#__PURE__*/React.memo(({
|
|
7559
|
+
sectionData,
|
|
7560
|
+
extraProps
|
|
7561
|
+
}) => {
|
|
7562
|
+
const SectionComp = getCompToRender(sectionData.type);
|
|
7563
|
+
return /*#__PURE__*/React__default["default"].createElement(SectionComp, {
|
|
7564
|
+
sectionData: sectionData,
|
|
7565
|
+
extraProps: extraProps
|
|
7566
|
+
});
|
|
7567
|
+
});
|
|
7568
|
+
function SectionRenderer({
|
|
7569
|
+
sectionData,
|
|
7570
|
+
extraProps
|
|
6510
7571
|
}) {
|
|
6511
7572
|
return /*#__PURE__*/React__default["default"].createElement(MemoisedSection, {
|
|
6512
|
-
sectionData: sectionData
|
|
7573
|
+
sectionData: sectionData,
|
|
7574
|
+
extraProps: extraProps
|
|
6513
7575
|
});
|
|
6514
7576
|
}
|
|
6515
7577
|
|
|
@@ -6528,6 +7590,7 @@ function PageRenderer({
|
|
|
6528
7590
|
validations = {}
|
|
6529
7591
|
},
|
|
6530
7592
|
isMobile = false,
|
|
7593
|
+
isLandingPages = false,
|
|
6531
7594
|
baseURLs = {},
|
|
6532
7595
|
hashToken,
|
|
6533
7596
|
SectionWrapper,
|
|
@@ -6537,12 +7600,15 @@ function PageRenderer({
|
|
|
6537
7600
|
isEdit,
|
|
6538
7601
|
sectionPlaceholder,
|
|
6539
7602
|
templateId,
|
|
6540
|
-
isTutorWebsite = false
|
|
7603
|
+
isTutorWebsite = false,
|
|
7604
|
+
extraProps,
|
|
7605
|
+
hideLogin
|
|
6541
7606
|
}) {
|
|
6542
7607
|
const theme = React.useMemo(() => getTheme(color, font), [color, font]);
|
|
6543
7608
|
const navList = header?.navs;
|
|
6544
7609
|
const context = React.useMemo(() => ({
|
|
6545
7610
|
isMobile,
|
|
7611
|
+
isLandingPages,
|
|
6546
7612
|
layout,
|
|
6547
7613
|
baseURLs,
|
|
6548
7614
|
hashToken,
|
|
@@ -6553,8 +7619,10 @@ function PageRenderer({
|
|
|
6553
7619
|
templateId,
|
|
6554
7620
|
navList,
|
|
6555
7621
|
validations,
|
|
6556
|
-
isTutorWebsite
|
|
6557
|
-
|
|
7622
|
+
isTutorWebsite,
|
|
7623
|
+
extraProps,
|
|
7624
|
+
hideLogin
|
|
7625
|
+
}), [isMobile, isLandingPages, layout, baseURLs, hashToken, isPreview, isEdit, templateId, navList, isMasterTemplate, basePath, validations, isTutorWebsite, extraProps, hideLogin]);
|
|
6558
7626
|
const Wrapper = SectionWrapper || React.Fragment;
|
|
6559
7627
|
return /*#__PURE__*/React__default["default"].createElement(ThemeProvider, {
|
|
6560
7628
|
theme: theme
|
|
@@ -6573,7 +7641,8 @@ function PageRenderer({
|
|
|
6573
7641
|
}, {
|
|
6574
7642
|
key: sectionData.type + (sectionData._id || sectionIndex)
|
|
6575
7643
|
}), /*#__PURE__*/React__default["default"].createElement(SectionRenderer, {
|
|
6576
|
-
sectionData: sectionData
|
|
7644
|
+
sectionData: sectionData,
|
|
7645
|
+
extraProps: extraProps
|
|
6577
7646
|
}))) : sectionPlaceholder, !!footer && /*#__PURE__*/React__default["default"].createElement(Wrapper, !!SectionWrapper && {
|
|
6578
7647
|
sectionData: footer,
|
|
6579
7648
|
isFooter: true
|