diy-template-components 0.2.57 → 0.2.58

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 +43 -49
  2. package/build/index.es.js.map +1 -1
  3. package/build/index.js +43 -49
  4. package/build/index.js.map +1 -1
  5. package/package.json +1 -1
package/build/index.es.js CHANGED
@@ -6943,33 +6943,26 @@ 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'
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
+ '@media screen and (max-width: 1024px)': {
6959
+ bannerContainer: {
6960
+ width: '400px'
6971
6961
  }
6972
6962
  },
6963
+ bannerContainerText: {
6964
+ transform: 'rotate(180deg)'
6965
+ },
6973
6966
  courseDetailsTags: {
6974
6967
  marginTop: '16px',
6975
6968
  display: 'flex'
@@ -7117,11 +7110,15 @@ const SingleVideoSlide$1 = props => {
7117
7110
  className: classes.iframeSuperContainer
7118
7111
  }, /*#__PURE__*/React.createElement("div", {
7119
7112
  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", {
7113
+ }, 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
7114
  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", {
7115
+ }, /*#__PURE__*/React.createElement("div", {
7116
+ className: classes.bannerContainerText
7117
+ }, "Hurry up! Offer left for", ' ', data.offerPriceValidFor - conversions, ' ', data.offerPriceValidFor - conversions > 1 ? 'users now' : 'user only')) : checkIfOfferIsValid() && /*#__PURE__*/React.createElement("div", {
7123
7118
  className: classes.bannerContainer
7124
- }, "Hurry up! Offer for limited period only")), /*#__PURE__*/React.createElement("h3", {
7119
+ }, /*#__PURE__*/React.createElement("div", {
7120
+ className: classes.bannerContainerText
7121
+ }, "Hurry up! Offer for limited period only"))), /*#__PURE__*/React.createElement("h3", {
7125
7122
  ref: data?.videoTextHeading?.refSetter,
7126
7123
  className: classes.videoDetailsHeading,
7127
7124
  dangerouslySetInnerHTML: {
@@ -7380,33 +7377,26 @@ const useCoursePromotionPage = createUseStyles(theme => {
7380
7377
  paddingTop: '10px'
7381
7378
  },
7382
7379
  bannerContainer: {
7380
+ width: '100%',
7383
7381
  background: '#EB5757',
7384
7382
  color: '#fff',
7385
7383
  textAlign: 'center',
7386
- padding: '6.5px 18px',
7384
+ padding: '10px 10px 23px 40px',
7385
+ wordWrap: 'break-word',
7387
7386
  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'
7387
+ fontSize: '18px',
7388
+ transform: 'rotate(180deg)',
7389
+ clipPath: 'polygon(0 0, 100% 0, 100% calc(100% - 10px), 0 calc(100% - 10px), 15px calc(50% - 10px/2))',
7390
+ marginBottom: '16px'
7391
+ },
7392
+ '@media screen and (max-width: 1024px)': {
7393
+ bannerContainer: {
7394
+ width: '400px'
7408
7395
  }
7409
7396
  },
7397
+ bannerContainerText: {
7398
+ transform: 'rotate(180deg)'
7399
+ },
7410
7400
  emblemContainer: {
7411
7401
  display: 'flex',
7412
7402
  justifyContent: 'space-between',
@@ -7602,11 +7592,15 @@ const SingleVideoSlide = props => {
7602
7592
  className: classes.iframeSuperContainer
7603
7593
  }, /*#__PURE__*/React.createElement("div", {
7604
7594
  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", {
7595
+ }, (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
7596
  className: classes.bannerContainer
7607
- }, "Hurry up! Offer left for", ' ', data.offerPriceValidFor - conversions, " users now") : checkIfOfferIsValid() && /*#__PURE__*/React.createElement("h3", {
7597
+ }, /*#__PURE__*/React.createElement("div", {
7598
+ className: classes.bannerContainerText
7599
+ }, "Hurry up! Offer left for", ' ', data.offerPriceValidFor - conversions, " users now")) : checkIfOfferIsValid() && /*#__PURE__*/React.createElement("div", {
7608
7600
  className: classes.bannerContainer
7609
- }, "Hurry up! Offer for limited period only")), /*#__PURE__*/React.createElement("div", {
7601
+ }, /*#__PURE__*/React.createElement("div", {
7602
+ className: classes.bannerContainerText
7603
+ }, "Hurry up! Offer for limited period only"))), /*#__PURE__*/React.createElement("div", {
7610
7604
  className: classes.emblemContainer
7611
7605
  }, data?.courseOverviewData?.courseTagList.length && data?.courseOverviewData?.courseTagList?.map(data => {
7612
7606
  return /*#__PURE__*/React.createElement("div", {
@@ -8155,7 +8149,7 @@ const useTilesStyles = createUseStyles(theme => {
8155
8149
  left: '7%',
8156
8150
  color: 'white',
8157
8151
  fontWeight: '600',
8158
- fontSize: '28px',
8152
+ fontSize: '20px',
8159
8153
  width: '150px'
8160
8154
  },
8161
8155
  row: {