diy-template-components 0.1.29 → 0.1.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/build/index.es.js +36 -6
  2. package/build/index.es.js.map +1 -1
  3. package/build/index.js +36 -6
  4. package/build/index.js.map +1 -1
  5. package/package.json +1 -1
package/build/index.es.js CHANGED
@@ -6721,6 +6721,15 @@ const useWebinarPromotionPage = createUseStyles(theme => {
6721
6721
  webinarButtonContainer: {
6722
6722
  marginBottom: '20px'
6723
6723
  },
6724
+ iconBackground: {
6725
+ display: 'flex',
6726
+ width: '36px',
6727
+ height: '36px',
6728
+ backgroundColor: 'rgb(240, 244, 248)',
6729
+ justifyContent: 'center',
6730
+ alignItems: 'center',
6731
+ borderRadius: '6px'
6732
+ },
6724
6733
  '@media (max-width: 767px)': {
6725
6734
  courseViewContainer: {
6726
6735
  width: '100%'
@@ -6843,16 +6852,20 @@ const SingleVideoSlide$1 = props => {
6843
6852
  className: classes.courseDetailsTags
6844
6853
  }, /*#__PURE__*/React.createElement("div", {
6845
6854
  className: classes.courseDetailTag
6855
+ }, /*#__PURE__*/React.createElement("span", {
6856
+ className: classes.iconBackground
6846
6857
  }, /*#__PURE__*/React.createElement(Icon, {
6847
6858
  name: 'Calendar',
6848
6859
  color: theme.palette.primary.main
6849
- }), /*#__PURE__*/React.createElement("div", null, moment(data.startDate).format('Do MMM YY') + ' ', moment(data.startTime).format('h:mm A'), /*#__PURE__*/React.createElement("span", null, " - "), moment(data.endTime).format('h:mm A'))), /*#__PURE__*/React.createElement("div", {
6860
+ })), /*#__PURE__*/React.createElement("div", null, moment(data.startDate).format('Do MMM YY') + ' ', moment(data.startTime).format('h:mm A'), /*#__PURE__*/React.createElement("span", null, " - "), moment(data.endTime).format('h:mm A'))), /*#__PURE__*/React.createElement("div", {
6850
6861
  className: classes.courseDetailTag
6862
+ }, /*#__PURE__*/React.createElement("span", {
6863
+ className: classes.iconBackground
6851
6864
  }, /*#__PURE__*/React.createElement(Icon, {
6852
6865
  color: theme.palette.primary.main,
6853
6866
  width: "20px",
6854
6867
  name: `${data.webinarLocation === 'Location' ? 'Location' : 'Video'}`
6855
- }), /*#__PURE__*/React.createElement("div", null, data.webinarLocation === 'Location' ? data.webinarLink : data.webinarLocation))), /*#__PURE__*/React.createElement("p", {
6868
+ })), /*#__PURE__*/React.createElement("div", null, data.webinarLocation === 'Location' ? data.webinarLink : data.webinarLocation))), /*#__PURE__*/React.createElement("p", {
6856
6869
  ref: data?.videoTextContent?.refSetter,
6857
6870
  className: classes.courseDetailContent,
6858
6871
  dangerouslySetInnerHTML: {
@@ -7156,6 +7169,15 @@ const useCoursePromotionPage = createUseStyles(theme => {
7156
7169
  color: '#EB5757',
7157
7170
  fontWeight: '600'
7158
7171
  },
7172
+ iconBackground: {
7173
+ display: 'flex',
7174
+ width: '36px',
7175
+ height: '36px',
7176
+ backgroundColor: 'rgb(240, 244, 248)',
7177
+ justifyContent: 'center',
7178
+ alignItems: 'center',
7179
+ borderRadius: '6px'
7180
+ },
7159
7181
  '@media (max-width: 767px)': {
7160
7182
  courseViewContainer: {
7161
7183
  width: '100%',
@@ -7287,25 +7309,33 @@ const SingleVideoSlide = props => {
7287
7309
  className: classes.courseDetailsTags
7288
7310
  }, data?.courseOverviewData?.courseDuration?.text ? /*#__PURE__*/React.createElement("div", {
7289
7311
  className: classes.courseDetailTag
7312
+ }, /*#__PURE__*/React.createElement("span", {
7313
+ className: classes.iconBackground
7290
7314
  }, /*#__PURE__*/React.createElement(Icon, {
7291
7315
  name: 'Clock',
7292
7316
  color: theme.palette.primary.main
7293
- }), /*#__PURE__*/React.createElement("div", null, data?.courseOverviewData?.courseDuration?.text)) : null, data?.courseOverviewData?.metaData?.isPhysicalDeliveryEnabled ? /*#__PURE__*/React.createElement("div", {
7317
+ })), /*#__PURE__*/React.createElement("div", null, data?.courseOverviewData?.courseDuration?.text)) : null, data?.courseOverviewData?.metaData?.isPhysicalDeliveryEnabled ? /*#__PURE__*/React.createElement("div", {
7294
7318
  className: classes.courseDetailTag
7319
+ }, /*#__PURE__*/React.createElement("span", {
7320
+ className: classes.iconBackground
7295
7321
  }, /*#__PURE__*/React.createElement(Icon, {
7296
7322
  name: 'Book Saved',
7297
7323
  color: theme.palette.primary.main
7298
- }), /*#__PURE__*/React.createElement("div", null, data?.courseOverviewData?.metaData?.isPhysicalDeliveryEnabled ? 'Physical Books' : null)) : null, data?.courseOverviewData?.metaData?.isCertificateEnabled ? /*#__PURE__*/React.createElement("div", {
7324
+ })), /*#__PURE__*/React.createElement("div", null, data?.courseOverviewData?.metaData?.isPhysicalDeliveryEnabled ? 'Physical Books' : null)) : null, data?.courseOverviewData?.metaData?.isCertificateEnabled ? /*#__PURE__*/React.createElement("div", {
7299
7325
  className: classes.courseDetailTag
7326
+ }, /*#__PURE__*/React.createElement("span", {
7327
+ className: classes.iconBackground
7300
7328
  }, /*#__PURE__*/React.createElement(Icon, {
7301
7329
  name: 'Certificate',
7302
7330
  color: theme.palette.primary.main
7303
- }), /*#__PURE__*/React.createElement("div", null, data?.courseOverviewData?.metaData?.isCertificateEnabled ? 'Course Cerficate' : null)) : null, data?.courseOverviewData?.resourseDataText.heading ? /*#__PURE__*/React.createElement("div", {
7331
+ })), /*#__PURE__*/React.createElement("div", null, data?.courseOverviewData?.metaData?.isCertificateEnabled ? 'Course Cerficate' : null)) : null, data?.courseOverviewData?.resourseDataText.heading ? /*#__PURE__*/React.createElement("div", {
7304
7332
  className: classes.courseDetailTag
7333
+ }, /*#__PURE__*/React.createElement("span", {
7334
+ className: classes.iconBackground
7305
7335
  }, /*#__PURE__*/React.createElement(Icon, {
7306
7336
  name: 'Certificate',
7307
7337
  color: theme.palette.primary.main
7308
- }), /*#__PURE__*/React.createElement("div", null, data?.courseOverviewData?.resourseDataText?.heading)) : null), /*#__PURE__*/React.createElement("p", {
7338
+ })), /*#__PURE__*/React.createElement("div", null, data?.courseOverviewData?.resourseDataText?.heading)) : null), /*#__PURE__*/React.createElement("p", {
7309
7339
  ref: data?.videoTextContent?.refSetter,
7310
7340
  className: classes.courseDetailContent,
7311
7341
  dangerouslySetInnerHTML: {