@trafilea/afrodita-components 6.21.2 → 6.21.4

package/build/index.d.ts

@@ -2928,6 +2928,7 @@ interface CouponProps {
     btnText?: string;
     couponCode?: string;
     offerLink?: string;
+    onClickHandler?: () => void;
 }
 declare const CouponCard: FC<CouponProps>;
 
@@ -3673,6 +3674,7 @@ declare type VideoProps = {
     thumbnail: string;
     source: string;
     height?: string;
+    withProgressBar?: boolean;
 } & DetailedHTMLProps<VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>;
 declare const Video: React.FC<VideoProps>;
 

package/build/index.esm.js

@@ -5198,16 +5198,14 @@ var RightSide = newStyled.div(templateObject_4$O || (templateObject_4$O = __make
 var FlexStart = newStyled.div(templateObject_5$A || (templateObject_5$A = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: start;\n  gap: 5px;\n  width: 100%;\n  padding: 12px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: start;\n  gap: 5px;\n  width: 100%;\n  padding: 12px;\n"])));
 var templateObject_1$1R, templateObject_2$1g, templateObject_3$$, templateObject_4$O, templateObject_5$A;
 
-var _this$1 = undefined;
 var CouponCard = function (_a) {
-    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;
+    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;
     var _c = useState(false), showCoupon = _c[0], setShowCoupon = _c[1];
-    var handleCopy = useCallback(function (couponCode) { return (couponCode ? navigator.clipboard.writeText(couponCode) : undefined); }, []);
     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: {
                                         name: 'actions/copy_outlined',
                                         position: 'right',
                                         margin: '10px',
-                                    }, onClick: handleCopy.bind(_this$1, couponCode !== null && couponCode !== void 0 ? couponCode : '') }, void 0), jsx$1(Text$7, __assign$1({ variant: "link", weight: "demi", underline: true, href: offerLink }, { children: "Go to offer" }), void 0)] }, void 0)) }, void 0)] }, void 0)] }), void 0));
+                                    }, onClick: function () { return onClickHandler && onClickHandler(); } }, void 0), jsx$1(Text$7, __assign$1({ variant: "link", weight: "demi", underline: true, href: offerLink }, { children: "Go to offer" }), void 0)] }, void 0)) }, void 0)] }, void 0)] }), void 0));
 };
 
 // Partner titles
@@ -13591,12 +13589,12 @@ var templateObject_1$11, templateObject_2$J, templateObject_3$A, templateObject_
 
 var Video$1 = function (_a) {
     var _b, _c, _d, _e;
-    var source = _a.source, thumbnail = _a.thumbnail, height = _a.height, className = _a.className, rest = __rest(_a, ["source", "thumbnail", "height", "className"]);
+    var source = _a.source, thumbnail = _a.thumbnail, height = _a.height, className = _a.className, _f = _a.withProgressBar, withProgressBar = _f === void 0 ? true : _f, rest = __rest(_a, ["source", "thumbnail", "height", "className", "withProgressBar"]);
     var videoRef = useRef(null);
-    var _f = useState(true), isLoading = _f[0], setIsLoading = _f[1];
-    var _g = useState(false), isPlaying = _g[0], setIsPlaying = _g[1];
-    var _h = useState(0), videoProgress = _h[0], setVideoProgress = _h[1];
-    var _j = useState(false), debouncePlay = _j[0], setDebouncePlay = _j[1];
+    var _g = useState(true), isLoading = _g[0], setIsLoading = _g[1];
+    var _h = useState(false), isPlaying = _h[0], setIsPlaying = _h[1];
+    var _j = useState(0), videoProgress = _j[0], setVideoProgress = _j[1];
+    var _k = useState(false), debouncePlay = _k[0], setDebouncePlay = _k[1];
     var isStarted = videoProgress > 0;
     var progress = videoProgress / ((_c = (_b = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _b === void 0 ? void 0 : _b.duration) !== null && _c !== void 0 ? _c : 0);
     var hideProgressBar = videoProgress === ((_e = (_d = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _d === void 0 ? void 0 : _d.duration) !== null && _e !== void 0 ? _e : 0) || videoProgress === 0;
@@ -13626,7 +13624,7 @@ var Video$1 = function (_a) {
             setVideoProgress(videoRef.current.currentTime);
         }
     };
-    return (jsxs$1(Container$O, __assign$1({ className: className }, { children: [!isLoading && jsx$1(ProgressBar$1, { progress: progress, hide: hideProgressBar }, void 0), !isPlaying ? (jsx$1(PlayContainer, __assign$1({ "data-testid": "play", onClick: handlePlayClick }, { children: isStarted && jsx$1(PlayIcon, {}, void 0) }), void 0)) : (jsx$1(PauseContainer, { "data-testid": "pause", onClick: handlePauseClick }, void 0)), jsxs$1(HTMLVideo, __assign$1({}, rest, { "data-testid": "video", poster: thumbnail, playsInline: true, ref: videoRef, onTimeUpdate: onTimeUpdate, onCanPlay: function () { return setIsLoading(false); }, onLoadedData: function () { return setIsLoading(false); }, onPause: function () { return setIsPlaying(false); }, onPlaying: function () { return setIsPlaying(true); }, height: height || 'auto' }, { children: [jsx$1("track", { kind: "captions" }, void 0), jsx$1("source", { src: source }, void 0)] }), void 0)] }), void 0));
+    return (jsxs$1(Container$O, __assign$1({ className: className }, { children: [!isLoading && withProgressBar && jsx$1(ProgressBar$1, { progress: progress, hide: hideProgressBar }, void 0), !isPlaying ? (jsx$1(PlayContainer, __assign$1({ "data-testid": "play", onClick: handlePlayClick }, { children: isStarted && jsx$1(PlayIcon, {}, void 0) }), void 0)) : (jsx$1(PauseContainer, { "data-testid": "pause", onClick: handlePauseClick }, void 0)), jsxs$1(HTMLVideo, __assign$1({}, rest, { "data-testid": "video", poster: thumbnail, playsInline: true, ref: videoRef, onTimeUpdate: onTimeUpdate, onCanPlay: function () { return setIsLoading(false); }, onLoadedData: function () { return setIsLoading(false); }, onPause: function () { return setIsPlaying(false); }, onPlaying: function () { return setIsPlaying(true); }, height: height || 'auto' }, { children: [jsx$1("track", { kind: "captions" }, void 0), jsx$1("source", { src: source }, void 0)] }), void 0)] }), void 0));
 };
 
 var Container$N = newStyled.div(templateObject_1$10 || (templateObject_1$10 = __makeTemplateObject(["\n  ", "\n  z-index: 0;\n  position: relative;\n  height: fit-content;\n  /* &.styleforhorizontal {\n    height: 30rem;\n  } */\n  display: block;\n  overflow: hidden;\n  white-space: nowrap;\n  grid-area: 1/2;\n  width: 100%;\n  max-width: max-content;\n"], ["\n  ", "\n  z-index: 0;\n  position: relative;\n  height: fit-content;\n  /* &.styleforhorizontal {\n    height: 30rem;\n  } */\n  display: block;\n  overflow: hidden;\n  white-space: nowrap;\n  grid-area: 1/2;\n  width: 100%;\n  max-width: max-content;\n"])), function (_a) {