@trafilea/afrodita-components 6.21.7 → 6.21.9

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.d.ts CHANGED
@@ -2930,6 +2930,7 @@ interface CouponProps {
2930
2930
  btnText?: string;
2931
2931
  couponCode?: string;
2932
2932
  offerLink?: string;
2933
+ onClickRedeemOfferHandler?: () => void;
2933
2934
  onClickHandler?: () => void;
2934
2935
  }
2935
2936
  declare const CouponCard: FC<CouponProps>;
@@ -5199,9 +5199,12 @@ var FlexStart = newStyled.div(templateObject_5$A || (templateObject_5$A = __make
5199
5199
  var templateObject_1$1R, templateObject_2$1h, templateObject_3$10, templateObject_4$P, templateObject_5$A;
5200
5200
 
5201
5201
  var CouponCard = function (_a) {
5202
- var image = _a.image, title = _a.title, content = _a.content, couponCode = _a.couponCode, offerLink = _a.offerLink, width = _a.width, height = _a.height, _b = _a.btnText, btnText = _b === void 0 ? 'Redeem Offer' : _b, onClickHandler = _a.onClickHandler;
5202
+ var image = _a.image, title = _a.title, content = _a.content, couponCode = _a.couponCode, offerLink = _a.offerLink, width = _a.width, height = _a.height, _b = _a.btnText, btnText = _b === void 0 ? 'Redeem Offer' : _b, onClickRedeemOfferHandler = _a.onClickRedeemOfferHandler, onClickHandler = _a.onClickHandler;
5203
5203
  var _c = useState(false), showCoupon = _c[0], setShowCoupon = _c[1];
5204
- return (jsxs$1(Container$1a, __assign$1({ height: height, width: width }, { children: [jsx$1(LeftSide, { children: jsx$1(Image$3, { objectFit: "cover", src: image.src, alt: image.alt, width: "100%", height: "100%", borderRadius: "8px 0 0 8px" }, void 0) }, void 0), jsxs$1(RightSide, { children: [jsxs$1(FlexStart, { children: [jsx$1(Text$7, __assign$1({ variant: "body", weight: "bold", size: "small" }, { children: title }), void 0), content] }, void 0), jsx$1(FlexCentered, { children: !showCoupon ? (jsx$1(ButtonPrimary, { type: "button", text: btnText, wide: true, size: ComponentSize.Large, onClick: function () { return setShowCoupon(function (prev) { return !prev; }); } }, void 0)) : (jsxs$1(Fragment$2, { children: [jsx$1(ButtonSecondaryOutline, { "data-testid": "coupon-code-btn", testId: "coupon-code-btn", type: "button", text: couponCode !== null && couponCode !== void 0 ? couponCode : '', wide: true, size: ComponentSize.Small, icon: {
5204
+ return (jsxs$1(Container$1a, __assign$1({ height: height, width: width }, { children: [jsx$1(LeftSide, { children: jsx$1(Image$3, { objectFit: "cover", src: image.src, alt: image.alt, width: "100%", height: "100%", borderRadius: "8px 0 0 8px" }, void 0) }, void 0), jsxs$1(RightSide, { children: [jsxs$1(FlexStart, { children: [jsx$1(Text$7, __assign$1({ variant: "body", weight: "bold", size: "small" }, { children: title }), void 0), content] }, void 0), jsx$1(FlexCentered, { children: !showCoupon ? (jsx$1(ButtonPrimary, { type: "button", text: btnText, wide: true, size: ComponentSize.Large, onClick: function () {
5205
+ onClickRedeemOfferHandler && onClickRedeemOfferHandler();
5206
+ setShowCoupon(function (prev) { return !prev; });
5207
+ } }, void 0)) : (jsxs$1(Fragment$2, { children: [jsx$1(ButtonSecondaryOutline, { "data-testid": "coupon-code-btn", testId: "coupon-code-btn", type: "button", text: couponCode !== null && couponCode !== void 0 ? couponCode : '', wide: true, size: ComponentSize.Small, icon: {
5205
5208
  name: 'actions/copy_outlined',
5206
5209
  position: 'right',
5207
5210
  margin: '10px',
@@ -19953,7 +19956,7 @@ var Timer = function (_a) {
19953
19956
  }, [onTimeUp, secs]);
19954
19957
  var _h = secondsToTime(secs), hours = _h.hours, minutes = _h.minutes, seconds = _h.seconds;
19955
19958
  if (isCardsVersion) {
19956
- return (jsxs$1(TimerContainerV2, __assign$1({ "data-testid": "Time", timerColor: timerColor }, { children: [showHours && (jsxs$1(UnitBlock, __assign$1({ variant: "body", weight: "bold" }, { children: [(hours || displayZeroValues) && "".concat(hours), jsx$1(Unit, { children: HRS }, void 0)] }), "Hours")), jsxs$1(UnitBlock, __assign$1({ variant: "body", weight: "bold" }, { children: [(minutes || displayZeroValues) && "".concat(minutes), jsx$1(Unit, { children: MIN }, void 0)] }), "Minutes"), jsxs$1(UnitBlock, __assign$1({ variant: "body", weight: "bold" }, { children: [showSeconds && "".concat(seconds), jsx$1(Unit, { children: SEC }, void 0)] }), "Seconds")] }), void 0));
19959
+ return (jsxs$1(TimerContainerV2, __assign$1({ "data-testid": "Time", timerColor: timerColor }, { children: [showHours && (jsxs$1(UnitBlock, __assign$1({ variant: "body", weight: "bold" }, { children: [(hours || displayZeroValues) && "".concat(hours), jsx$1(Unit, { children: HRS }, "HoursUnit")] }), "Hours")), jsxs$1(UnitBlock, __assign$1({ variant: "body", weight: "bold" }, { children: [(minutes || displayZeroValues) && "".concat(minutes), jsx$1(Unit, { children: MIN }, "MinutesUnit")] }), "Minutes"), jsxs$1(UnitBlock, __assign$1({ variant: "body", weight: "bold" }, { children: [showSeconds && "".concat(seconds), jsx$1(Unit, { children: SEC }, "SecondsUnit")] }), "Seconds")] }), void 0));
19957
19960
  }
19958
19961
  return (jsxs$1(TimerContainer$1, __assign$1({ "data-testid": "Time", timerColor: timerColor }, { children: [showHours && (hours || displayZeroValues) && "".concat(hours, "h "), (minutes || displayZeroValues) && "".concat(minutes, "m "), showSeconds && "".concat(seconds, "s")] }), void 0));
19959
19962
  };