@trafilea/afrodita-components 6.39.8 → 6.39.10

package/build/index.d.ts

@@ -155,7 +155,7 @@ declare type Custom$1 = 'custom/atom' | 'custom/avatar_placeholder' | 'custom/br
 declare type Download$1 = 'download/apple_store' | 'download/google_play';
 declare type Emoji$1 = 'emoji/blowing_kiss' | 'emoji/frowning' | 'emoji/grinning' | 'emoji/grinning_with_sweat' | 'emoji/relieved' | 'emoji/smiling_v2' | 'emoji/smiling_v3' | 'emoji/thinking';
 declare type Messaging$1 = 'messaging/ada_chat' | 'messaging/comment' | 'messaging/comment_dots' | 'messaging/comment_light' | 'messaging/comment_money' | 'messaging/community' | 'messaging/light' | 'messaging/light_bulb' | 'messaging/light_bulb_solid' | 'messaging/mail' | 'messaging/messenger' | 'messaging/question_circle' | 'messaging/quote_left' | 'messaging/quote_right' | 'messaging/quote_solid_left' | 'messaging/quote_solid_right' | 'messaging/question_circle_light';
-declare type MyAccount$1 = 'myaccount/birthday_gifts' | 'myaccount/community' | 'myaccount/deals_offers' | 'myaccount/free_returns' | 'myaccount/free_shipping' | 'myaccount/guard' | 'myaccount/members_only_discount' | 'myaccount/members_only_discount_opposite' | 'myaccount/personal_stylist' | 'myaccount/priority_shipping' | 'myaccount/profile' | 'myaccount/place_image' | 'myaccount/sale_tag' | 'myaccount/style_fashion_content' | 'myaccount/cart' | 'myaccount/vip';
+declare type MyAccount$1 = 'myaccount/birthday_gifts' | 'myaccount/community' | 'myaccount/deals_offers' | 'myaccount/free_returns' | 'myaccount/free_shipping' | 'myaccount/guard' | 'myaccount/members_only_discount' | 'myaccount/members_only_discount_opposite' | 'myaccount/personal_stylist' | 'myaccount/priority_shipping' | 'myaccount/profile' | 'myaccount/place_image' | 'myaccount/sale_tag' | 'myaccount/style_fashion_content' | 'myaccount/cart' | 'myaccount/vip' | 'myaccount/calendar';
 declare type Navigation$1 = 'navigation/address_information' | 'navigation/benefits' | 'navigation/club_membership' | 'navigation/ellipsis' | 'navigation/ellipsis_horizontal' | 'navigation/filters' | 'navigation/hamburger' | 'navigation/home' | 'navigation/home_solid' | 'navigation/loading' | 'navigation/lock' | 'navigation/lock_solid' | 'navigation/map_marker' | 'navigation/map_marker_light' | 'navigation/map_solid' | 'navigation/menu_lines' | 'navigation/search' | 'navigation/shaperbox' | 'navigation/shopping_bag' | 'navigation/shopping_bag_v2' | 'navigation/shopping_bag_v3' | 'navigation/shopping_bag_v4' | 'navigation/shopping_cart' | 'navigation/shopping_cart_v2' | 'navigation/slide_dot' | 'navigation/slide_dot_solid' | 'navigation/user' | 'navigation/address_information_light' | 'navigation/user_solid' | 'navigation/user_v2' | 'navigation/filters_v2' | 'navigation/gift';
 declare type Other$1 = 'other/bod_con_label' | 'other/bod_con_mobile_label' | 'other/call_us' | 'other/chat' | 'other/email' | 'other/express_shipping' | 'other/fit_guarantee' | 'other/fit_predictor' | 'other/free_exchange' | 'other/get_discount' | 'other/hassel_free_returns' | 'other/loading' | 'other/mc_afee' | 'other/play' | 'other/qr_code' | 'other/question_with_circle' | 'other/revel_beauty' | 'other/shapermint' | 'other/shapermint_club_icon' | 'other/shapermint_club_icon2' | 'other/shapermint_club_label' | 'other/shapermint_club_mobile_label' | 'other/shapermint_logo' | 'other/shm_club' | 'other/shop_now' | 'other/sign_form' | 'other/sixty_days_tsd' | 'other/the_bod_con' | 'other/the_spa_dr' | 'other/lock' | 'other/help_center' | 'other/coupons';
 declare type Payment$1 = 'payment/amazon' | 'payment/amex' | 'payment/jcb' | 'payment/klarna' | 'payment/master_card' | 'payment/paypal' | 'payment/visa' | 'payment/payment_methods';
@@ -720,6 +720,8 @@ declare namespace Messaging {
 
 declare const BirthdayGifts: IconComponent;
 
+declare const Calendar: IconComponent;
+
 declare const Cart: IconComponent;
 
 declare const Community: IconComponent;
@@ -751,6 +753,7 @@ declare const StyleFashionContent: IconComponent;
 declare const VIP: IconComponent;
 
 declare const MyAccount_BirthdayGifts: typeof BirthdayGifts;
+declare const MyAccount_Calendar: typeof Calendar;
 declare const MyAccount_Cart: typeof Cart;
 declare const MyAccount_Community: typeof Community;
 declare const MyAccount_DealsOffers: typeof DealsOffers;
@@ -769,6 +772,7 @@ declare const MyAccount_VIP: typeof VIP;
 declare namespace MyAccount {
   export {
     MyAccount_BirthdayGifts as BirthdayGifts,
+    MyAccount_Calendar as Calendar,
     MyAccount_Cart as Cart,
     MyAccount_Community as Community,
     MyAccount_DealsOffers as DealsOffers,
@@ -3370,8 +3374,9 @@ interface SizeSelectorProps {
     width?: string;
     hasSizeGuide?: boolean;
     sizeTipReferences?: SizeTip[];
+    showExtendedSize?: boolean;
 }
-declare const SizeSelector: ({ label, sizes, selectedValue, onChange, onClickSizeTip, inline, width, hasSizeGuide, sizeTipReferences, }: SizeSelectorProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const SizeSelector: ({ label, sizes, selectedValue, onChange, onClickSizeTip, inline, width, hasSizeGuide, sizeTipReferences, showExtendedSize, }: SizeSelectorProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 interface SliderNavigationProps {
     children: JSX.Element | JSX.Element[] | StyledComponent<any>;

package/build/index.esm.js

@@ -4340,6 +4340,8 @@ var Messaging = /*#__PURE__*/Object.freeze({
 
 var BirthdayGifts = function (props) { return (jsx$1(Icon$1, __assign$1({}, props, { name: "myaccount/birthday_gifts" }), void 0)); };
 
+var Calendar = function (props) { return jsx$1(Icon$1, __assign$1({}, props, { name: "myaccount/calendar" }), void 0); };
+
 var Cart = function (props) { return jsx$1(Icon$1, __assign$1({}, props, { name: "myaccount/cart" }), void 0); };
 
 var Community = function (props) { return jsx$1(Icon$1, __assign$1({}, props, { name: "myaccount/community" }), void 0); };
@@ -4373,6 +4375,7 @@ var VIP = function (props) { return jsx$1(Icon$1, __assign$1({}, props, { name:
 var MyAccount = /*#__PURE__*/Object.freeze({
     __proto__: null,
     BirthdayGifts: BirthdayGifts,
+    Calendar: Calendar,
     Cart: Cart,
     Community: Community,
     DealsOffers: DealsOffers,
@@ -19404,7 +19407,7 @@ var templateObject_1$E, templateObject_2$v;
 
 var SizeSelector = function (_a) {
     var _b;
-    var label = _a.label, sizes = _a.sizes, selectedValue = _a.selectedValue, onChange = _a.onChange, onClickSizeTip = _a.onClickSizeTip, _c = _a.inline, inline = _c === void 0 ? false : _c, width = _a.width, _d = _a.hasSizeGuide, hasSizeGuide = _d === void 0 ? false : _d, sizeTipReferences = _a.sizeTipReferences;
+    var label = _a.label, sizes = _a.sizes, selectedValue = _a.selectedValue, onChange = _a.onChange, onClickSizeTip = _a.onClickSizeTip, _c = _a.inline, inline = _c === void 0 ? false : _c, width = _a.width, _d = _a.hasSizeGuide, hasSizeGuide = _d === void 0 ? false : _d, sizeTipReferences = _a.sizeTipReferences, _e = _a.showExtendedSize, showExtendedSize = _e === void 0 ? false : _e;
     var activeSizeTip = hasSizeGuide
         ? sizeTipReferences === null || sizeTipReferences === void 0 ? void 0 : sizeTipReferences.find(function (sizeTip) { return (sizeTip === null || sizeTip === void 0 ? void 0 : sizeTip.size) === (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.label); })
         : null;
@@ -19412,7 +19415,7 @@ var SizeSelector = function (_a) {
             display: 'flex',
             flexDirection: inline ? 'row' : 'column',
             alignItems: inline ? 'center' : 'start',
-        } }, { children: [jsxs(Text$7, __assign$1({ variant: "body", weight: "regular", size: "small", css: { alignSelf: inline ? 'start' : 'inherit', padding: inline ? '0.75rem 0' : '0' } }, { children: [label, !inline && (jsx(Text$7, __assign$1({ variant: "label", weight: "demi", size: "regular" }, { children: selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.description }), void 0))] }), void 0), hasSizeGuide && (jsxs(Row, __assign$1({ "data-testid": "sizing-tip" }, { children: [jsx(Icon.Actions.CircleInfo, { width: 1.2 }, void 0), jsx(Text$7, __assign$1({ variant: "body", weight: "demi", size: "small", css: { display: 'flex' } }, { children: "Sizing Tip:" }), void 0), jsx(Text$7, __assign$1({ variant: "body", weight: "regular", size: "small" }, { children: activeSizeTip === null || activeSizeTip === void 0 ? void 0 : activeSizeTip.tip }), void 0), onClickSizeTip && (jsx(SizeFitGuide, { hideIcon: true, onClick: onClickSizeTip, title: (_b = activeSizeTip === null || activeSizeTip === void 0 ? void 0 : activeSizeTip.cta) !== null && _b !== void 0 ? _b : 'Size and Fit Guide' }, void 0))] }), void 0)), jsx(ButtonsContainer, __assign$1({ inline: inline }, { children: sizes === null || sizes === void 0 ? void 0 : sizes.map(function (size) {
+        } }, { children: [jsxs(Text$7, __assign$1({ variant: "body", weight: "regular", size: "small", css: { alignSelf: inline ? 'start' : 'inherit', padding: inline ? '0.75rem 0' : '0' } }, { children: [label, !inline && !showExtendedSize && (jsx(Text$7, __assign$1({ variant: "label", weight: "demi", size: "regular" }, { children: selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.description }), void 0))] }), void 0), hasSizeGuide && (jsxs(Row, __assign$1({ "data-testid": "sizing-tip" }, { children: [jsx(Icon.Actions.CircleInfo, { width: 1.2 }, void 0), jsx(Text$7, __assign$1({ variant: "body", weight: "demi", size: "small", css: { display: 'flex' } }, { children: "Sizing Tip:" }), void 0), jsx(Text$7, __assign$1({ variant: "body", weight: "regular", size: "small" }, { children: activeSizeTip === null || activeSizeTip === void 0 ? void 0 : activeSizeTip.tip }), void 0), onClickSizeTip && (jsx(SizeFitGuide, { hideIcon: true, onClick: onClickSizeTip, title: (_b = activeSizeTip === null || activeSizeTip === void 0 ? void 0 : activeSizeTip.cta) !== null && _b !== void 0 ? _b : 'Size and Fit Guide' }, void 0))] }), void 0)), jsx(ButtonsContainer, __assign$1({ inline: inline }, { children: sizes === null || sizes === void 0 ? void 0 : sizes.map(function (size) {
                     var active = !size.disabled && size.label === selectedValue.label;
                     return (jsx(SelectorSecondary, { css: {
                             padding: '0.75rem 1rem 0.625rem',
@@ -20515,6 +20518,26 @@ function usePreventVerticalScroll(ref, dragThreshold) {
     }, [preventTouch, ref, touchStart]);
 }
 
+var sendCommandToIframe = function (command, elementId) {
+    if (elementId === void 0) { elementId = 'vwo-video'; }
+    var iframe = document.getElementById(elementId);
+    var origin = new URL(iframe === null || iframe === void 0 ? void 0 : iframe.src).origin;
+    // TODO: Add verification to only allow specific origins
+    // const allowedOrigins = ['https://youtube.com'];
+    // if (!allowedOrigins.includes(origin)) return;
+    (iframe === null || iframe === void 0 ? void 0 : iframe.contentWindow) &&
+        iframe.contentWindow.postMessage(JSON.stringify({
+            event: 'command',
+            func: command,
+        }), origin);
+};
+var stopVideoCommand = function () {
+    sendCommandToIframe('stopVideo');
+};
+var playVideoCommand = function () {
+    sendCommandToIframe('playVideo');
+};
+
 var Container$g = newStyled.div(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n  ", "\n  position: relative;\n  max-height: 524px;\n  overflow: hidden;\n  & .slick-dots li.slick-active button:before {\n    background-color: ", ";\n  }\n"], ["\n  ", "\n  position: relative;\n  max-height: 524px;\n  overflow: hidden;\n  & .slick-dots li.slick-active button:before {\n    background-color: ", ";\n  }\n"])), function (_a) {
     var borderRadiusVariant = _a.borderRadiusVariant;
     return borderRadiusVariant &&
@@ -20523,7 +20546,6 @@ var Container$g = newStyled.div(templateObject_1$i || (templateObject_1$i = __ma
     var theme = _a.theme;
     return theme.component.slideNavigation.slideDots.selectedDotColor;
 });
-// max-height: 31.875rem;
 var TopTagContainer$4 = newStyled.div(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n  position: absolute;\n  left: ", ";\n  top: ", ";\n"], ["\n  position: absolute;\n  left: ", ";\n  top: ", ";\n"])), function (props) { return (props.borderRadiusVariant ? '13px' : '0'); }, function (props) { return (props.borderRadiusVariant ? '11px' : '0'); });
 var TopRightTagContainer$1 = newStyled.div(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n  position: absolute;\n  right: 0;\n  top: 0;\n"], ["\n  position: absolute;\n  right: 0;\n  top: 0;\n"])));
 var BottomTagContainer$4 = newStyled.div(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"], ["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"])));
@@ -20553,28 +20575,29 @@ var ImageProductSlide = function (_a) {
     var contents = _a.contents, _b = _a.customClick, customClick = _b === void 0 ? false : _b, topTag = _a.topTag, topRightTag = _a.topRightTag, bottomTag = _a.bottomTag, testId = _a.testId, borderRadiusVariant = _a.borderRadiusVariant, selectedValue = _a.selectedValue, onChange = _a.onChange, _c = _a.itemsOnViewport, itemsOnViewport = _c === void 0 ? 0 : _c;
     var slick = useRef(null);
     var sliderWrapper = useRef(null);
-    useRef(null);
     var _d = useState(false); _d[0]; var setIsPlaying = _d[1];
     usePreventVerticalScroll(sliderWrapper);
     var onButtonClick = useCallback(function (i) {
         var _a;
         (_a = slick.current) === null || _a === void 0 ? void 0 : _a.slickGoTo(i);
     }, [slick]);
-    var _sendCommandToIframe = function (command) {
-        var iframe = document.getElementById('vwo-video');
-        (iframe === null || iframe === void 0 ? void 0 : iframe.contentWindow) &&
-            iframe.contentWindow.postMessage(JSON.stringify({
-                event: 'command',
-                func: command,
-            }), '*');
-    };
-    var _stopVideo = function () {
-        _sendCommandToIframe('stopVideo');
-        setIsPlaying(false);
+    var stopVideo = function () {
+        stopVideoCommand();
+        setIsPlaying(function (prevIsPlaying) {
+            if (prevIsPlaying) {
+                return !prevIsPlaying;
+            }
+            return prevIsPlaying;
+        });
     };
-    var _playVideo = function () {
-        _sendCommandToIframe('playVideo');
-        setIsPlaying(true);
+    var playVideo = function () {
+        playVideoCommand();
+        setIsPlaying(function (prevIsPlaying) {
+            if (!prevIsPlaying) {
+                return prevIsPlaying;
+            }
+            return !prevIsPlaying;
+        });
     };
     useEffect(function () {
         var _a;
@@ -20590,7 +20613,7 @@ var ImageProductSlide = function (_a) {
                         var activeSlide = contents[e];
                         // If autoplay is true and iframe is the active slide, play the video
                         var autoplay = (_a = activeSlide === null || activeSlide === void 0 ? void 0 : activeSlide.url) === null || _a === void 0 ? void 0 : _a.includes('autoplay=1');
-                        autoplay ? _playVideo() : _stopVideo();
+                        autoplay ? playVideo() : stopVideo();
                         onChange === null || onChange === void 0 ? void 0 : onChange(e);
                     } }, settings$3, { nextArrow: jsx$1(NavButtonContainer$3, { children: jsx$1(Button$4, { children: jsx$1(Icon.Arrows.ChevronRight, { height: 2.125, width: 1.25, fill: "#292929" }, void 0) }, void 0) }, void 0), prevArrow: jsx$1(NavButtonContainer$3, { children: jsx$1(Button$4, { children: jsx$1(Icon.Arrows.ChevronLeft, { height: 2.125, width: 1.25, fill: "#292929" }, void 0) }, void 0) }, void 0), ref: slick }, { children: contents.map(function (content, idx) {
                         var _a;
@@ -20963,7 +20986,6 @@ var Container$b = newStyled.div(templateObject_1$b || (templateObject_1$b = __ma
     var theme = _a.theme;
     return theme.component.slideNavigation.slideDots.selectedDotColor;
 });
-// max-height: 31.875rem;
 var TopTagContainer$2 = newStyled.div(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n  position: absolute;\n  left: ", ";\n  top: ", ";\n"], ["\n  position: absolute;\n  left: ", ";\n  top: ", ";\n"])), function (props) { return (props.borderRadiusVariant ? '13px' : '0'); }, function (props) { return (props.borderRadiusVariant ? '11px' : '0'); });
 var BottomTagContainer$2 = newStyled.div(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"], ["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"])));
 var VideoOverlay = newStyled.div(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n  content: '';\n  background: transparent;\n  width: 100%;\n  height: 100%;\n  min-height: 1px;\n  position: absolute;\n  top: 0;\n"], ["\n  content: '';\n  background: transparent;\n  width: 100%;\n  height: 100%;\n  min-height: 1px;\n  position: absolute;\n  top: 0;\n"])));
@@ -20991,21 +21013,23 @@ var ImageProductSlideV3 = function (_a) {
         var _a;
         (_a = slick.current) === null || _a === void 0 ? void 0 : _a.slickGoTo(i);
     }, [slick]);
-    var _sendCommandToIframe = function (command) {
-        var iframe = document.getElementById('vwo-video');
-        (iframe === null || iframe === void 0 ? void 0 : iframe.contentWindow) &&
-            iframe.contentWindow.postMessage(JSON.stringify({
-                event: 'command',
-                func: command,
-            }), '*');
-    };
-    var _stopVideo = function () {
-        _sendCommandToIframe('stopVideo');
-        setIsPlaying(false);
+    var stopVideo = function () {
+        stopVideoCommand();
+        setIsPlaying(function (prevIsPlaying) {
+            if (prevIsPlaying) {
+                return !prevIsPlaying;
+            }
+            return prevIsPlaying;
+        });
     };
-    var _playVideo = function () {
-        _sendCommandToIframe('playVideo');
-        setIsPlaying(true);
+    var playVideo = function () {
+        playVideoCommand();
+        setIsPlaying(function (prevIsPlaying) {
+            if (!prevIsPlaying) {
+                return prevIsPlaying;
+            }
+            return !prevIsPlaying;
+        });
     };
     useEffect(function () {
         var _a;
@@ -21021,11 +21045,11 @@ var ImageProductSlideV3 = function (_a) {
                         var activeSlide = images[e];
                         // If autoplay is true and iframe is the active slide, play the video
                         var autoplay = (_a = activeSlide === null || activeSlide === void 0 ? void 0 : activeSlide.url) === null || _a === void 0 ? void 0 : _a.includes('autoplay=1');
-                        autoplay ? _playVideo() : _stopVideo();
+                        autoplay ? playVideo() : stopVideo();
                     } }, settings$2, { nextArrow: jsx$1(NavButtonContainer$2, { children: jsx$1(Button$2, { children: jsx$1(Icon.Arrows.ChevronRight, { height: 2.125, width: 1.25, fill: "#292929" }, void 0) }, void 0) }, void 0), prevArrow: jsx$1(NavButtonContainer$2, { children: jsx$1(Button$2, { children: jsx$1(Icon.Arrows.ChevronLeft, { height: 2.125, width: 1.25, fill: "#292929" }, void 0) }, void 0) }, void 0), ref: slick }, { children: images.map(function (image) {
                         var _a, _b;
                         return (jsxs$1("div", { children: [!((_a = image === null || image === void 0 ? void 0 : image.alt) === null || _a === void 0 ? void 0 : _a.includes('-video')) && (jsxs$1(Fragment$2, { children: [jsx$1(InnerImageZoom, { src: image.url, zoomSrc: image.url, zoomType: "hover", imgAttributes: { alt: image.alt, width: '100%', height: '510px' }, height: 510, fullscreenOnMobile: true, className: "zoomWrapper" }, void 0), jsx$1(TopTagContainer$2, __assign$1({ borderRadiusVariant: borderRadiusVariant, "data-testid": "topTag" }, { children: topTag }), void 0), jsx$1(BottomTagContainer$2, __assign$1({ "data-testid": "bottomTag" }, { children: bottomTag }), void 0)] }, void 0)), ((_b = image === null || image === void 0 ? void 0 : image.alt) === null || _b === void 0 ? void 0 : _b.includes('-video')) && (jsxs$1(Video, { children: [jsx$1("iframe", { id: "vwo-video", ref: iframeRef, allowFullScreen: true, title: image.alt, width: "100%", height: "220px", src: image === null || image === void 0 ? void 0 : image.url, allow: "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" }, void 0), jsx$1(VideoOverlay, { onClick: function () {
-                                                isPlaying ? _stopVideo() : _playVideo();
+                                                isPlaying ? stopVideo() : playVideo();
                                             } }, void 0), jsxs$1(VideoTag, { children: [jsx$1(Icon.PDP.PlayMini, { width: 1.5 }, void 0), jsx$1(Text, { children: "VIDEO" }, void 0)] }, void 0)] }, void 0))] }, image.key));
                     }) }), void 0) }), void 0)] }, void 0));
 };
@@ -21038,21 +21062,6 @@ var ProductGalleryMobileV3 = function (_a) {
 };
 var templateObject_1$a;
 
-var _sendCommandToIframe = function (command) {
-    var iframe = document.getElementById('vwo-video');
-    (iframe === null || iframe === void 0 ? void 0 : iframe.contentWindow) &&
-        iframe.contentWindow.postMessage(JSON.stringify({
-            event: 'command',
-            func: command,
-        }), '*' + '');
-};
-var _stopVideo = function () {
-    _sendCommandToIframe('stopVideo');
-};
-var _playVideo = function () {
-    _sendCommandToIframe('playVideo');
-};
-
 function closeZoom() {
     var closeButton = document.querySelectorAll('.iiz__btn.iiz__close.iiz__close--visible')[0];
     if (closeButton) {
@@ -21066,7 +21075,7 @@ var afterChangeSlide = function (_a) {
     var activeSlide = contents[slide];
     // If autoplay is true and iframe is the active slide, play the video
     var autoplay = (_b = activeSlide === null || activeSlide === void 0 ? void 0 : activeSlide.url) === null || _b === void 0 ? void 0 : _b.includes('autoplay=1');
-    autoplay ? _playVideo() : _stopVideo();
+    autoplay ? playVideoCommand() : stopVideoCommand();
     setSelectedImageIndex(Math.round(slide));
     onChange === null || onChange === void 0 ? void 0 : onChange(slide);
     closeZoom();