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.js CHANGED
@@ -6958,32 +6958,20 @@ const useWebinarPromotionPage = createUseStyles(theme => {
6958
6958
  borderRadius: '10px'
6959
6959
  },
6960
6960
  bannerContainer: {
6961
+ width: '100%',
6961
6962
  background: '#EB5757',
6962
6963
  color: '#fff',
6963
6964
  textAlign: 'center',
6964
- padding: '6.5px 18px',
6965
+ padding: '10px 10px 23px 40px',
6966
+ wordWrap: 'break-word',
6965
6967
  position: 'relative',
6966
- '&:after': {
6967
- width: '0',
6968
- height: '-webkit-fill-available',
6969
- border: '11.5px solid transparent',
6970
- position: 'absolute',
6971
- content: '""',
6972
- borderTopColor: '#EB5757',
6973
- right: '-23px',
6974
- top: '0px',
6975
- borderLeftColor: ' #EB5757'
6976
- },
6977
- '&:before': {
6978
- width: 0,
6979
- height: 0,
6980
- border: '22.5px solid transparent',
6981
- position: 'absolute',
6982
- content: '""',
6983
- borderBottomColor: '#EB5757',
6984
- right: '-23px',
6985
- top: '-10.5px'
6986
- }
6968
+ fontSize: '18px',
6969
+ transform: 'rotate(180deg)',
6970
+ clipPath: 'polygon(0 0, 100% 0, 100% calc(100% - 10px), 0 calc(100% - 10px), 15px calc(50% - 10px/2))',
6971
+ marginBottom: '16px'
6972
+ },
6973
+ bannerContainerText: {
6974
+ transform: 'rotate(180deg)'
6987
6975
  },
6988
6976
  courseDetailsTags: {
6989
6977
  marginTop: '16px',
@@ -7132,11 +7120,15 @@ const SingleVideoSlide$1 = props => {
7132
7120
  className: classes.iframeSuperContainer
7133
7121
  }, /*#__PURE__*/React__default["default"].createElement("div", {
7134
7122
  className: classes.videoDetails
7135
- }, data?.isPaid !== 0 && (checkIfOfferIsValid() || data.offerPriceValidFor > 0) && data.offerPriceValidFor > conversions && /*#__PURE__*/React__default["default"].createElement("div", null, data.offerPriceValidFor - conversions > 0 && data.discount && (data.offerPriceEndDate ? checkIfOfferIsValid() : true) ? /*#__PURE__*/React__default["default"].createElement("h3", {
7123
+ }, data?.isPaid !== 0 && (checkIfOfferIsValid() || data.offerPriceValidFor > 0) && data.offerPriceValidFor > conversions && /*#__PURE__*/React__default["default"].createElement("div", null, data.offerPriceValidFor - conversions > 0 && data.discount && (data.offerPriceEndDate ? checkIfOfferIsValid() : true) ? /*#__PURE__*/React__default["default"].createElement("div", {
7136
7124
  className: classes.bannerContainer
7137
- }, "Hurry up! Offer left for", ' ', data.offerPriceValidFor - conversions, ' ', data.offerPriceValidFor - conversions > 1 ? 'users now' : 'user only') : checkIfOfferIsValid() && /*#__PURE__*/React__default["default"].createElement("h3", {
7125
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
7126
+ className: classes.bannerContainerText
7127
+ }, "Hurry up! Offer left for", ' ', data.offerPriceValidFor - conversions, ' ', data.offerPriceValidFor - conversions > 1 ? 'users now' : 'user only')) : checkIfOfferIsValid() && /*#__PURE__*/React__default["default"].createElement("div", {
7138
7128
  className: classes.bannerContainer
7139
- }, "Hurry up! Offer for limited period only")), /*#__PURE__*/React__default["default"].createElement("h3", {
7129
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
7130
+ className: classes.bannerContainerText
7131
+ }, "Hurry up! Offer for limited period only"))), /*#__PURE__*/React__default["default"].createElement("h3", {
7140
7132
  ref: data?.videoTextHeading?.refSetter,
7141
7133
  className: classes.videoDetailsHeading,
7142
7134
  dangerouslySetInnerHTML: {
@@ -7395,32 +7387,20 @@ const useCoursePromotionPage = createUseStyles(theme => {
7395
7387
  paddingTop: '10px'
7396
7388
  },
7397
7389
  bannerContainer: {
7390
+ width: '100%',
7398
7391
  background: '#EB5757',
7399
7392
  color: '#fff',
7400
7393
  textAlign: 'center',
7401
- padding: '6.5px 18px',
7394
+ padding: '10px 10px 23px 40px',
7395
+ wordWrap: 'break-word',
7402
7396
  position: 'relative',
7403
- '&:after': {
7404
- width: '0',
7405
- height: '0',
7406
- border: '11.5px solid transparent',
7407
- position: 'absolute',
7408
- content: '""',
7409
- borderTopColor: '#EB5757',
7410
- right: '-23px',
7411
- top: '0px',
7412
- borderLeftColor: ' #EB5757'
7413
- },
7414
- '&:before': {
7415
- width: 0,
7416
- height: 0,
7417
- border: '22.5px solid transparent',
7418
- position: 'absolute',
7419
- content: '""',
7420
- borderBottomColor: '#EB5757',
7421
- right: '-23px',
7422
- top: '-10.5px'
7423
- }
7397
+ fontSize: '18px',
7398
+ transform: 'rotate(180deg)',
7399
+ clipPath: 'polygon(0 0, 100% 0, 100% calc(100% - 10px), 0 calc(100% - 10px), 15px calc(50% - 10px/2))',
7400
+ marginBottom: '16px'
7401
+ },
7402
+ bannerContainerText: {
7403
+ transform: 'rotate(180deg)'
7424
7404
  },
7425
7405
  emblemContainer: {
7426
7406
  display: 'flex',
@@ -7439,9 +7419,11 @@ const useCoursePromotionPage = createUseStyles(theme => {
7439
7419
  },
7440
7420
  courseDetailsTags: {
7441
7421
  marginTop: '16px',
7442
- display: 'flex'
7422
+ display: 'flex',
7423
+ flexWrap: 'wrap'
7443
7424
  },
7444
7425
  courseDetailTag: {
7426
+ marginTop: '5px',
7445
7427
  display: 'flex',
7446
7428
  alignItems: 'center',
7447
7429
  marginRight: '20px',
@@ -7617,11 +7599,15 @@ const SingleVideoSlide = props => {
7617
7599
  className: classes.iframeSuperContainer
7618
7600
  }, /*#__PURE__*/React__default["default"].createElement("div", {
7619
7601
  className: classes.videoDetails
7620
- }, (checkIfOfferIsValid() || data.offerPriceValidFor > 0) && data.offerPriceValidFor > conversions && /*#__PURE__*/React__default["default"].createElement("div", null, data.offerPriceValidFor - conversions > 0 && data.discount && (data.endDate ? checkIfOfferIsValid() : true) ? /*#__PURE__*/React__default["default"].createElement("h3", {
7602
+ }, (checkIfOfferIsValid() || data.offerPriceValidFor > 0) && data.offerPriceValidFor > conversions && /*#__PURE__*/React__default["default"].createElement("div", null, data.offerPriceValidFor - conversions > 0 && data.discount && (data.endDate ? checkIfOfferIsValid() : true) ? /*#__PURE__*/React__default["default"].createElement("div", {
7621
7603
  className: classes.bannerContainer
7622
- }, "Hurry up! Offer left for", ' ', data.offerPriceValidFor - conversions, " users now") : checkIfOfferIsValid() && /*#__PURE__*/React__default["default"].createElement("h3", {
7604
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
7605
+ className: classes.bannerContainerText
7606
+ }, "Hurry up! Offer left for", ' ', data.offerPriceValidFor - conversions, " users now")) : checkIfOfferIsValid() && /*#__PURE__*/React__default["default"].createElement("div", {
7623
7607
  className: classes.bannerContainer
7624
- }, "Hurry up! Offer for limited period only")), /*#__PURE__*/React__default["default"].createElement("div", {
7608
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
7609
+ className: classes.bannerContainerText
7610
+ }, "Hurry up! Offer for limited period only"))), /*#__PURE__*/React__default["default"].createElement("div", {
7625
7611
  className: classes.emblemContainer
7626
7612
  }, data?.courseOverviewData?.courseTagList.length && data?.courseOverviewData?.courseTagList?.map(data => {
7627
7613
  return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -8170,7 +8156,7 @@ const useTilesStyles = createUseStyles(theme => {
8170
8156
  left: '7%',
8171
8157
  color: 'white',
8172
8158
  fontWeight: '600',
8173
- fontSize: '28px',
8159
+ fontSize: '20px',
8174
8160
  width: '150px'
8175
8161
  },
8176
8162
  row: {