diy-template-components 0.2.57 → 0.2.59

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 +38 -52
  2. package/build/index.es.js.map +1 -1
  3. package/build/index.js +38 -52
  4. package/build/index.js.map +1 -1
  5. package/package.json +1 -1
package/build/index.es.js CHANGED
@@ -6943,32 +6943,20 @@ const useWebinarPromotionPage = createUseStyles(theme => {
6943
6943
  borderRadius: '10px'
6944
6944
  },
6945
6945
  bannerContainer: {
6946
+ width: '100%',
6946
6947
  background: '#EB5757',
6947
6948
  color: '#fff',
6948
6949
  textAlign: 'center',
6949
- padding: '6.5px 18px',
6950
+ padding: '10px 10px 23px 40px',
6951
+ wordWrap: 'break-word',
6950
6952
  position: 'relative',
6951
- '&:after': {
6952
- width: '0',
6953
- height: '-webkit-fill-available',
6954
- border: '11.5px solid transparent',
6955
- position: 'absolute',
6956
- content: '""',
6957
- borderTopColor: '#EB5757',
6958
- right: '-23px',
6959
- top: '0px',
6960
- borderLeftColor: ' #EB5757'
6961
- },
6962
- '&:before': {
6963
- width: 0,
6964
- height: 0,
6965
- border: '22.5px solid transparent',
6966
- position: 'absolute',
6967
- content: '""',
6968
- borderBottomColor: '#EB5757',
6969
- right: '-23px',
6970
- top: '-10.5px'
6971
- }
6953
+ fontSize: '18px',
6954
+ transform: 'rotate(180deg)',
6955
+ clipPath: 'polygon(0 0, 100% 0, 100% calc(100% - 10px), 0 calc(100% - 10px), 15px calc(50% - 10px/2))',
6956
+ marginBottom: '16px'
6957
+ },
6958
+ bannerContainerText: {
6959
+ transform: 'rotate(180deg)'
6972
6960
  },
6973
6961
  courseDetailsTags: {
6974
6962
  marginTop: '16px',
@@ -7117,11 +7105,15 @@ const SingleVideoSlide$1 = props => {
7117
7105
  className: classes.iframeSuperContainer
7118
7106
  }, /*#__PURE__*/React.createElement("div", {
7119
7107
  className: classes.videoDetails
7120
- }, data?.isPaid !== 0 && (checkIfOfferIsValid() || data.offerPriceValidFor > 0) && data.offerPriceValidFor > conversions && /*#__PURE__*/React.createElement("div", null, data.offerPriceValidFor - conversions > 0 && data.discount && (data.offerPriceEndDate ? checkIfOfferIsValid() : true) ? /*#__PURE__*/React.createElement("h3", {
7108
+ }, data?.isPaid !== 0 && (checkIfOfferIsValid() || data.offerPriceValidFor > 0) && data.offerPriceValidFor > conversions && /*#__PURE__*/React.createElement("div", null, data.offerPriceValidFor - conversions > 0 && data.discount && (data.offerPriceEndDate ? checkIfOfferIsValid() : true) ? /*#__PURE__*/React.createElement("div", {
7121
7109
  className: classes.bannerContainer
7122
- }, "Hurry up! Offer left for", ' ', data.offerPriceValidFor - conversions, ' ', data.offerPriceValidFor - conversions > 1 ? 'users now' : 'user only') : checkIfOfferIsValid() && /*#__PURE__*/React.createElement("h3", {
7110
+ }, /*#__PURE__*/React.createElement("div", {
7111
+ className: classes.bannerContainerText
7112
+ }, "Hurry up! Offer left for", ' ', data.offerPriceValidFor - conversions, ' ', data.offerPriceValidFor - conversions > 1 ? 'users now' : 'user only')) : checkIfOfferIsValid() && /*#__PURE__*/React.createElement("div", {
7123
7113
  className: classes.bannerContainer
7124
- }, "Hurry up! Offer for limited period only")), /*#__PURE__*/React.createElement("h3", {
7114
+ }, /*#__PURE__*/React.createElement("div", {
7115
+ className: classes.bannerContainerText
7116
+ }, "Hurry up! Offer for limited period only"))), /*#__PURE__*/React.createElement("h3", {
7125
7117
  ref: data?.videoTextHeading?.refSetter,
7126
7118
  className: classes.videoDetailsHeading,
7127
7119
  dangerouslySetInnerHTML: {
@@ -7380,32 +7372,20 @@ const useCoursePromotionPage = createUseStyles(theme => {
7380
7372
  paddingTop: '10px'
7381
7373
  },
7382
7374
  bannerContainer: {
7375
+ width: '100%',
7383
7376
  background: '#EB5757',
7384
7377
  color: '#fff',
7385
7378
  textAlign: 'center',
7386
- padding: '6.5px 18px',
7379
+ padding: '10px 10px 23px 40px',
7380
+ wordWrap: 'break-word',
7387
7381
  position: 'relative',
7388
- '&:after': {
7389
- width: '0',
7390
- height: '0',
7391
- border: '11.5px solid transparent',
7392
- position: 'absolute',
7393
- content: '""',
7394
- borderTopColor: '#EB5757',
7395
- right: '-23px',
7396
- top: '0px',
7397
- borderLeftColor: ' #EB5757'
7398
- },
7399
- '&:before': {
7400
- width: 0,
7401
- height: 0,
7402
- border: '22.5px solid transparent',
7403
- position: 'absolute',
7404
- content: '""',
7405
- borderBottomColor: '#EB5757',
7406
- right: '-23px',
7407
- top: '-10.5px'
7408
- }
7382
+ fontSize: '18px',
7383
+ transform: 'rotate(180deg)',
7384
+ clipPath: 'polygon(0 0, 100% 0, 100% calc(100% - 10px), 0 calc(100% - 10px), 15px calc(50% - 10px/2))',
7385
+ marginBottom: '16px'
7386
+ },
7387
+ bannerContainerText: {
7388
+ transform: 'rotate(180deg)'
7409
7389
  },
7410
7390
  emblemContainer: {
7411
7391
  display: 'flex',
@@ -7424,9 +7404,11 @@ const useCoursePromotionPage = createUseStyles(theme => {
7424
7404
  },
7425
7405
  courseDetailsTags: {
7426
7406
  marginTop: '16px',
7427
- display: 'flex'
7407
+ display: 'flex',
7408
+ flexWrap: 'wrap'
7428
7409
  },
7429
7410
  courseDetailTag: {
7411
+ marginTop: '5px',
7430
7412
  display: 'flex',
7431
7413
  alignItems: 'center',
7432
7414
  marginRight: '20px',
@@ -7602,11 +7584,15 @@ const SingleVideoSlide = props => {
7602
7584
  className: classes.iframeSuperContainer
7603
7585
  }, /*#__PURE__*/React.createElement("div", {
7604
7586
  className: classes.videoDetails
7605
- }, (checkIfOfferIsValid() || data.offerPriceValidFor > 0) && data.offerPriceValidFor > conversions && /*#__PURE__*/React.createElement("div", null, data.offerPriceValidFor - conversions > 0 && data.discount && (data.endDate ? checkIfOfferIsValid() : true) ? /*#__PURE__*/React.createElement("h3", {
7587
+ }, (checkIfOfferIsValid() || data.offerPriceValidFor > 0) && data.offerPriceValidFor > conversions && /*#__PURE__*/React.createElement("div", null, data.offerPriceValidFor - conversions > 0 && data.discount && (data.endDate ? checkIfOfferIsValid() : true) ? /*#__PURE__*/React.createElement("div", {
7606
7588
  className: classes.bannerContainer
7607
- }, "Hurry up! Offer left for", ' ', data.offerPriceValidFor - conversions, " users now") : checkIfOfferIsValid() && /*#__PURE__*/React.createElement("h3", {
7589
+ }, /*#__PURE__*/React.createElement("div", {
7590
+ className: classes.bannerContainerText
7591
+ }, "Hurry up! Offer left for", ' ', data.offerPriceValidFor - conversions, " users now")) : checkIfOfferIsValid() && /*#__PURE__*/React.createElement("div", {
7608
7592
  className: classes.bannerContainer
7609
- }, "Hurry up! Offer for limited period only")), /*#__PURE__*/React.createElement("div", {
7593
+ }, /*#__PURE__*/React.createElement("div", {
7594
+ className: classes.bannerContainerText
7595
+ }, "Hurry up! Offer for limited period only"))), /*#__PURE__*/React.createElement("div", {
7610
7596
  className: classes.emblemContainer
7611
7597
  }, data?.courseOverviewData?.courseTagList.length && data?.courseOverviewData?.courseTagList?.map(data => {
7612
7598
  return /*#__PURE__*/React.createElement("div", {
@@ -8155,7 +8141,7 @@ const useTilesStyles = createUseStyles(theme => {
8155
8141
  left: '7%',
8156
8142
  color: 'white',
8157
8143
  fontWeight: '600',
8158
- fontSize: '28px',
8144
+ fontSize: '20px',
8159
8145
  width: '150px'
8160
8146
  },
8161
8147
  row: {