@expressms/smartapp-ui 3.0.0-alpha.22 → 3.0.0-alpha.23

package/build/main//321/201omponents/Skeleton/Skeleton.js

@@ -0,0 +1,59 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import styled, { css, keyframes } from 'styled-components';
+import { generateColor } from '../../helpers';
+import '../../styles/styles.scss';
+var Skeleton = function (_a) {
+    var className = _a.className, styles = _a.styles, baseColor = _a.baseColor, width = _a.width, height = _a.height, _b = _a.borderRadius, borderRadius = _b === void 0 ? 8 : _b, circle = _a.circle, 
+    // needed to determine the offset, the left border must coincide with the left border of the skeletons (without padding in container)
+    containerRef = _a.containerRef, 
+    // if not default, then it must be specified for all skeletons
+    _c = _a.animationDuration, 
+    // if not default, then it must be specified for all skeletons
+    animationDuration = _c === void 0 ? 2 : _c, 
+    // equal to gradient width
+    _d = _a.initialOffset, 
+    // equal to gradient width
+    initialOffset = _d === void 0 ? -230 : _d;
+    var skeletonRef = useRef(null);
+    var _e = useState({ container: { left: 0, width: 0 }, item: { left: 0, width: 0 } }), position = _e[0], setPosition = _e[1];
+    //after mount set offset sizes
+    useEffect(function () {
+        var containerRefCurrent = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current;
+        var skeletonRefContainerCurrent = skeletonRef === null || skeletonRef === void 0 ? void 0 : skeletonRef.current;
+        if (containerRefCurrent && skeletonRefContainerCurrent) {
+            var containerLeft = containerRefCurrent.getBoundingClientRect().left || 0;
+            var containerWidth = containerRefCurrent.clientWidth || 0;
+            var itemLeft = skeletonRefContainerCurrent.getBoundingClientRect().left || 0;
+            var itemWidth = skeletonRefContainerCurrent.getBoundingClientRect().width || 0;
+            setPosition({ container: { left: containerLeft, width: containerWidth }, item: { left: itemLeft, width: itemWidth } });
+        }
+    }, [containerRef]);
+    var calculateOffset = function () {
+        var diff = position.item.left - position.container.left;
+        var startOffset = initialOffset - diff;
+        var finalOffset = position.container.width - diff;
+        return { startOffset: startOffset, finalOffset: finalOffset };
+    };
+    var skeletonBackgroundColor = generateColor(baseColor, 'var(--color-input-primary)');
+    var skeletonCSS = {
+        width: width,
+        height: circle ? width : height,
+        minWidth: circle ? width : 0,
+        borderRadius: circle ? '50%' : borderRadius,
+        backgroundColor: skeletonBackgroundColor,
+    };
+    return (_jsx(StyledSkeleton, { "$animationDuration": animationDuration, "$initialOffset": calculateOffset().startOffset, "$finalOffset": calculateOffset().finalOffset, "$CSS": skeletonCSS, ref: skeletonRef, className: className, style: styles }));
+};
+export default Skeleton;
+var StyledSkeleton = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n  overflow: hidden;\n  background-size: 230px;\n  background-repeat: no-repeat;\n  background-image: linear-gradient(\n    90deg,\n    var(--color-skeleton-gradient-edge) var(--skeleton-start-edge-gradient-size),\n    var(--color-skeleton-gradient-center) var(--skeleton-center-gradient-size),\n    var(--color-skeleton-gradient-edge) var(--skeleton-end-edge-gradient-size)\n  );\n  ", ";\n"], ["\n  position: relative;\n  overflow: hidden;\n  background-size: 230px;\n  background-repeat: no-repeat;\n  background-image: linear-gradient(\n    90deg,\n    var(--color-skeleton-gradient-edge) var(--skeleton-start-edge-gradient-size),\n    var(--color-skeleton-gradient-center) var(--skeleton-center-gradient-size),\n    var(--color-skeleton-gradient-edge) var(--skeleton-end-edge-gradient-size)\n  );\n  ", ";\n"])), function (_a) {
+    var $CSS = _a.$CSS, $animationDuration = _a.$animationDuration, $initialOffset = _a.$initialOffset, $finalOffset = _a.$finalOffset;
+    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    animation: ", " ", "s infinite linear;\n    ", ";\n  "], ["\n    animation: ", " ", "s infinite linear;\n    ", ";\n  "])), flash($initialOffset, $finalOffset), $animationDuration, $CSS);
+});
+var flash = function (initialOffset, finalOffset) { return keyframes(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n   0% {\n      background-position: ", "px;\n    }\n\n    60%,\n    100% {\n      background-position: ", "px;\n    }\n  \n"], ["\n   0% {\n      background-position: ", "px;\n    }\n\n    60%,\n    100% {\n      background-position: ", "px;\n    }\n  \n"])), initialOffset, finalOffset); };
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=Skeleton.js.map

package/build/main//321/201omponents/Skeleton/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/сomponents/Skeleton/Skeleton.tsx"],"names":[],"mappings":"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"}

package/build/main//321/201omponents/Skeleton/index.d.ts

@@ -0,0 +1 @@
+export { default as Skeleton } from './Skeleton';

package/build/main//321/201omponents/Skeleton/index.js

@@ -0,0 +1,2 @@
+export { default as Skeleton } from './Skeleton';
+//# sourceMappingURL=index.js.map

package/build/main//321/201omponents/Skeleton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/сomponents/Skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA"}

package/build/main//321/201omponents/Skeleton/types.d.ts

@@ -0,0 +1,17 @@
+import { RefObject } from 'react';
+import { TStyles } from '../../constants';
+type Enumerate<N extends number, Acc extends number[] = []> = Acc['length'] extends N ? Acc[number] : Enumerate<N, [...Acc, Acc['length']]>;
+type IntRange<F extends number, T extends number> = Exclude<Enumerate<T>, Enumerate<F>>;
+export interface ISkeletonProps {
+    className?: string;
+    styles?: TStyles;
+    baseColor?: string;
+    width?: number;
+    height?: number;
+    borderRadius?: number;
+    circle?: boolean;
+    containerRef: RefObject<HTMLDivElement | null>;
+    animationDuration?: IntRange<1, 7>;
+    initialOffset?: number;
+}
+export {};

package/build/main//321/201omponents/Skeleton/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/build/main//321/201omponents/Skeleton/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/Skeleton/types.ts"],"names":[],"mappings":""}

package/build/main//321/201omponents/Stories/Stories.d.ts

@@ -0,0 +1,4 @@
+import { IStoriesProps } from './types';
+import '../../styles/styles.scss';
+declare const StoriesComponent: ({ isCloseIconHidden, isStoryStoppedOnBtnClick, platform, fontFamily, imageClassName, titleClassName, bodyClassName, buttonClassName, contentClassName, bottomContentClassName, contentStyles, closeIconPosition, closeIcon, bottomContent, currentStoryId, groupStories, allGroupsStories, changeStoryToViewed, changeGroupStoriesToViewed, handleCloseGroupStories, }: IStoriesProps) => import("react/jsx-runtime").JSX.Element | null;
+export default StoriesComponent;

package/build/main//321/201omponents/Stories/Stories.js

@@ -0,0 +1,338 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var _a, _b;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable max-lines */
+import { useCallback, useEffect, useLayoutEffect, useState } from 'react';
+import Stories from 'react-insta-stories';
+import { useSwipeable } from 'react-swipeable';
+import Popup from 'reactjs-popup';
+import classNames from 'classnames';
+import { isEmpty, isNull, sortBy } from 'lodash';
+import { generateColor, generateFontFamilyStyle, isIosPlatform, isWebPlatform } from '../../helpers';
+import { COLORS, NUMBER_OF_STORIES_FOR_ROUND_INDICATORS, PLATFORM } from '../../constants';
+import { STORY_BACKGROUND_TYPES, STORY_TYPE, } from './types';
+import { ReactComponent as CloseStoriesIcon } from '../../assets/icons/close-stories.svg';
+import { ReactComponent as ExternalLinkIcon } from '../../assets/icons/external-link.svg';
+import { ReactComponent as LoaderIcon } from '../../assets/icons/story-loader.svg';
+import '../../styles/styles.scss';
+var storyItemBaseStyles = {
+    height: '100%',
+    width: '100%',
+};
+var progressContainerStyles = function (platform, storiesCount) { return ({
+    gap: storiesCount >= NUMBER_OF_STORIES_FOR_ROUND_INDICATORS ? '8px' : '12px',
+    width: '100%',
+    filter: 'none',
+    paddingTop: isWebPlatform(platform) ? '22px' : isIosPlatform(platform) ? '21px' : '26px',
+    paddingLeft: '0',
+    paddingRight: '0',
+    paddingBottom: '0',
+}); };
+var progressWrapperStyles = {
+    height: '4px',
+    borderRadius: '51px',
+    background: 'rgba(255, 255, 255, 0.4)',
+    margin: 0,
+    overflow: 'hidden',
+};
+var progressStyles = {
+    height: '4px',
+    borderRadius: '51px',
+    background: 'rgba(255, 255, 255, 1)',
+};
+var DEFAULT_STORY_DURATION = 5000;
+var STORY_SIZE;
+(function (STORY_SIZE) {
+    STORY_SIZE["xs"] = "xs";
+    STORY_SIZE["sm"] = "sm";
+    STORY_SIZE["l"] = "l";
+})(STORY_SIZE || (STORY_SIZE = {}));
+var STORY_SIZE_HEIGHT = (_a = {},
+    _a[STORY_SIZE.xs] = 620,
+    _a[STORY_SIZE.sm] = 768,
+    _a[STORY_SIZE.l] = 812,
+    _a);
+var STORY_WIDTH_BREAKPOINT = (_b = {},
+    _b[STORY_SIZE.xs] = 377,
+    _b[STORY_SIZE.sm] = 399,
+    _b);
+var generateSize = function (width, height) {
+    var isSizeXS = width < STORY_WIDTH_BREAKPOINT[STORY_SIZE.xs] || height < STORY_SIZE_HEIGHT[STORY_SIZE.sm];
+    var isSizeSM = width < STORY_WIDTH_BREAKPOINT[STORY_SIZE.sm] || height < STORY_SIZE_HEIGHT[STORY_SIZE.l];
+    if (isSizeXS)
+        return STORY_SIZE.xs;
+    if (isSizeSM)
+        return STORY_SIZE.sm;
+    return STORY_SIZE.l;
+};
+var PERCENTAGE_OF_IMAGE_WIDTH = 0.827;
+var ACTIONS;
+(function (ACTIONS) {
+    ACTIONS["pause"] = "pause";
+    ACTIONS["play"] = "play";
+})(ACTIONS || (ACTIONS = {}));
+var StoriesComponent = function (_a) {
+    var _b;
+    var _c = _a.isCloseIconHidden, isCloseIconHidden = _c === void 0 ? false : _c, _d = _a.isStoryStoppedOnBtnClick, isStoryStoppedOnBtnClick = _d === void 0 ? false : _d, _e = _a.platform, platform = _e === void 0 ? PLATFORM.web : _e, fontFamily = _a.fontFamily, imageClassName = _a.imageClassName, titleClassName = _a.titleClassName, bodyClassName = _a.bodyClassName, buttonClassName = _a.buttonClassName, contentClassName = _a.contentClassName, bottomContentClassName = _a.bottomContentClassName, contentStyles = _a.contentStyles, closeIconPosition = _a.closeIconPosition, closeIcon = _a.closeIcon, bottomContent = _a.bottomContent, currentStoryId = _a.currentStoryId, groupStories = _a.groupStories, allGroupsStories = _a.allGroupsStories, changeStoryToViewed = _a.changeStoryToViewed, changeGroupStoriesToViewed = _a.changeGroupStoriesToViewed, handleCloseGroupStories = _a.handleCloseGroupStories;
+    var sortStoriesByOrder = function (stories) { return sortBy(stories, ['order']); };
+    var generateActiveGroupStoriesIndex = function () { return allGroupsStories.findIndex(function (_a) {
+        var id = _a.id;
+        return id === (activeGroupStories === null || activeGroupStories === void 0 ? void 0 : activeGroupStories.id);
+    }); };
+    var _f = useState(groupStories), activeGroupStories = _f[0], setActiveGroupStories = _f[1];
+    var _g = useState(sortStoriesByOrder((groupStories === null || groupStories === void 0 ? void 0 : groupStories.stories) || [])), stories = _g[0], setStories = _g[1];
+    var _h = useState(currentStoryId || ((_b = stories[0]) === null || _b === void 0 ? void 0 : _b.id)), activeStoryId = _h[0], setActiveStoryId = _h[1];
+    var _j = useState(false), isAnimateToRight = _j[0], setIsAnimateToRight = _j[1];
+    var _k = useState(false), isAnimateToLeft = _k[0], setIsAnimateToLeft = _k[1];
+    var _l = useState(false), isImageStoryPaused = _l[0], setIsImageStoryPaused = _l[1];
+    var activeStory = stories.find(function (_a) {
+        var id = _a.id;
+        return id === activeStoryId;
+    });
+    var activeStoryIndex = stories.findIndex(function (_a) {
+        var id = _a.id;
+        return id === activeStoryId;
+    });
+    var popupElement = document.querySelector('.smartapp-stories-content');
+    var containerHeight = (popupElement === null || popupElement === void 0 ? void 0 : popupElement.offsetHeight) || 0;
+    var containerWidth = (popupElement === null || popupElement === void 0 ? void 0 : popupElement.offsetWidth) || 0;
+    var size = generateSize(containerWidth, containerHeight);
+    var isShowCloseIconInsideStory = STORY_SIZE_HEIGHT[size] < containerHeight;
+    var isColorOnBackground = function (type) { return type === STORY_BACKGROUND_TYPES.color; };
+    var isImageOnBackground = function (_a) {
+        var type = _a.type;
+        return type === STORY_BACKGROUND_TYPES.image;
+    };
+    var generateStoryStyles = function (_a) {
+        var type = _a.type, value = _a.value;
+        return isColorOnBackground(type)
+            ? __assign(__assign({}, storyItemBaseStyles), { background: value }) : __assign(__assign({}, storyItemBaseStyles), { backgroundImage: "url(".concat(value, ")"), backgroundSize: 'cover', backgroundPosition: 'center', backgroundRepeat: 'no-repeat' });
+    };
+    var changeActiveGroupStories = function (groupStoriesItem) {
+        setActiveGroupStories(groupStoriesItem);
+        setStories(sortStoriesByOrder(groupStoriesItem.stories));
+        setTimeout(function () {
+            setIsAnimateToLeft(false);
+            setIsAnimateToRight(false);
+        }, 500);
+    };
+    var handlePrevious = function () {
+        var prevGroupStories = allGroupsStories[generateActiveGroupStoriesIndex() - 1];
+        if (prevGroupStories) {
+            setIsAnimateToLeft(true);
+            changeActiveGroupStories(prevGroupStories);
+        }
+        else {
+            handleCloseGroupStories();
+        }
+    };
+    var handleNext = function () {
+        var nextGroupStories = allGroupsStories[generateActiveGroupStoriesIndex() + 1];
+        if (nextGroupStories) {
+            setIsAnimateToRight(true);
+            changeActiveGroupStories(nextGroupStories);
+        }
+        else {
+            handleCloseGroupStories();
+        }
+    };
+    var onStoryStart = function (storyIndex) {
+        var _a = stories[storyIndex], storyId = _a.id, storyType = _a.type, viewed = _a.viewed;
+        var isVideoStory = storyType === STORY_TYPE.video;
+        var isLastStory = stories.at(-1).id === storyId;
+        isVideoStory && setActiveStoryId(storyId);
+        isImageStoryPaused && setIsImageStoryPaused(false);
+        if (!viewed)
+            changeStoryToViewed === null || changeStoryToViewed === void 0 ? void 0 : changeStoryToViewed(stories[storyIndex], activeGroupStories);
+        if (isLastStory && !activeGroupStories.viewed)
+            changeGroupStoriesToViewed === null || changeGroupStoriesToViewed === void 0 ? void 0 : changeGroupStoriesToViewed(activeGroupStories);
+    };
+    var generateCurrentStoryIndex = useCallback(function () { return stories.findIndex(function (_a) {
+        var id = _a.id;
+        return id === activeStoryId;
+    }); }, [stories, activeStoryId]);
+    var onPrevious = function () {
+        activeStoryId === stories[0].id ? handlePrevious() : onStoryStart(generateCurrentStoryIndex() - 1);
+    };
+    var onNext = function () {
+        var currentStoryIndex = generateCurrentStoryIndex();
+        currentStoryIndex !== stories.length - 1 && onStoryStart(currentStoryIndex + 1);
+    };
+    var handleButtonClick = function (action) {
+        var currentStoryIndex = generateCurrentStoryIndex();
+        var isNotLastStory = currentStoryIndex !== stories.length - 1;
+        var nextActiveStory = stories[currentStoryIndex + 1];
+        var generateGroupStoriesId = function () {
+            var nextGroupStories = allGroupsStories[generateActiveGroupStoriesIndex() + 1];
+            if (isNotLastStory)
+                return activeGroupStories === null || activeGroupStories === void 0 ? void 0 : activeGroupStories.id;
+            return (nextGroupStories === null || nextGroupStories === void 0 ? void 0 : nextGroupStories.id) || null;
+        };
+        if (isStoryStoppedOnBtnClick) {
+            if (isNotLastStory)
+                setActiveStoryId(nextActiveStory.id);
+            else
+                handleNext();
+            setTimeout(function () { return setIsImageStoryPaused(true); }, 100);
+        }
+        action(generateGroupStoriesId(), isNotLastStory ? nextActiveStory.id : null);
+    };
+    var renderButton = function (_a) {
+        var text = _a.text, textColor = _a.textColor, backgroundColor = _a.backgroundColor, isTransitionToExternalSource = _a.isTransitionToExternalSource, action = _a.action;
+        return (_jsxs("div", __assign({ style: {
+                color: generateColor(textColor, COLORS.darkBlack),
+                background: generateColor(backgroundColor, COLORS.white),
+            }, className: classNames('smartapp-stories__story--bottom-content__button', buttonClassName, {
+                'smartapp-stories__story--bottom-content__button--with-icon': isTransitionToExternalSource,
+            }), onClick: function () { return handleButtonClick(action); } }, { children: [text, isTransitionToExternalSource && _jsx(ExternalLinkIcon, {})] })));
+    };
+    var createImageContent = function (_a) {
+        var id = _a.id, durationInMs = _a.durationInMs, title = _a.title, body = _a.body, backgroundSource = _a.backgroundSource, button = _a.button, image = _a.image;
+        return ({
+            duration: durationInMs || DEFAULT_STORY_DURATION,
+            content: function (_a) {
+                var action = _a.action;
+                // eslint-disable-next-line react-hooks/rules-of-hooks
+                var _b = useState(false), isImageLoaded = _b[0], setIsImageLoaded = _b[1];
+                var isLoaderVisible = image && (!isImageLoaded || isAnimateToLeft || isAnimateToRight);
+                var storyContainer = document.querySelector('.smartapp-stories');
+                var containerWidth = (storyContainer === null || storyContainer === void 0 ? void 0 : storyContainer.offsetWidth) || 0;
+                var imageContainerHeight = containerWidth * PERCENTAGE_OF_IMAGE_WIDTH;
+                // eslint-disable-next-line react-hooks/rules-of-hooks
+                useLayoutEffect(function () {
+                    if (currentStoryId)
+                        return;
+                    activeStoryId !== id && setActiveStoryId(id);
+                }, []);
+                // eslint-disable-next-line react-hooks/rules-of-hooks
+                useLayoutEffect(function () {
+                    if (isImageStoryPaused)
+                        setTimeout(function () { return action(ACTIONS.pause); }, 0);
+                    // eslint-disable-next-line
+                }, [isImageStoryPaused]);
+                // eslint-disable-next-line react-hooks/rules-of-hooks
+                useLayoutEffect(function () {
+                    if (isImageStoryPaused)
+                        return;
+                    var timeoutId;
+                    timeoutId = setTimeout(function () { return action(isLoaderVisible ? ACTIONS.pause : ACTIONS.play); }, 0);
+                    return function () { return clearTimeout(timeoutId); };
+                    // eslint-disable-next-line
+                }, [isLoaderVisible]);
+                var handleImageLoad = function () {
+                    setIsImageLoaded(true);
+                    if (isImageStoryPaused)
+                        return;
+                    setTimeout(function () { return action(ACTIONS.play); }, 0);
+                };
+                return (_jsx("div", __assign({ style: generateStoryStyles(backgroundSource) }, { children: _jsxs("div", __assign({ style: __assign(__assign({}, generateFontFamilyStyle(fontFamily)), contentStyles), className: classNames('smartapp-stories__story', { 'smartapp-stories__story--image-bg': isImageOnBackground(backgroundSource) }, contentClassName) }, { children: [_jsxs("div", __assign({ style: { opacity: isLoaderVisible ? '0' : '1' } }, { children: [image && (_jsx("div", __assign({ className: classNames('smartapp-stories__story--image', imageClassName), style: { maxHeight: "".concat(imageContainerHeight, "px") } }, { children: _jsx("img", { src: image, alt: "", onLoad: handleImageLoad, onError: handleImageLoad }) }))), title && _jsx("div", __assign({ className: classNames('smartapp-stories__story--title', titleClassName) }, { children: title })), body && _jsx("div", __assign({ className: classNames('smartapp-stories__story--body', bodyClassName) }, { children: body })), (button || bottomContent) && (_jsxs("div", __assign({ className: classNames('smartapp-stories__story--bottom-content', "smartapp-stories__story--bottom-content__".concat(platform), bottomContentClassName) }, { children: [button && renderButton(button), bottomContent] })))] })), isLoaderVisible && (_jsx("div", __assign({ className: "smartapp-stories__story--loader" }, { children: _jsx(LoaderIcon, {}) })))] })) }), id));
+            },
+        });
+    };
+    var createVideoContent = function (_a) {
+        var url = _a.url;
+        return ({
+            type: STORY_TYPE.video,
+            url: url,
+        });
+    };
+    var generateStories = function () { return stories.map(function (story) { return (story.type === STORY_TYPE.image ? createImageContent(story) : createVideoContent(story)); }); };
+    var swipeableHandlers = useSwipeable({
+        trackMouse: true,
+        onSwipedLeft: function () { return handleNext(); },
+        onSwipedRight: function () { return handlePrevious(); },
+    });
+    var createBackgroundVideo = function (id, url) {
+        var video = document.createElement('video');
+        video.id = "background_video_".concat(id);
+        video.src = url;
+        video.muted = true;
+        video.playsInline = true;
+        video.autoplay = true;
+        video.classList.add('smartapp-stories-content__background-video');
+        return video;
+    };
+    useEffect(function () {
+        currentStoryId && setActiveStoryId(currentStoryId);
+    }, [currentStoryId]);
+    useEffect(function () {
+        var sortedStories = sortStoriesByOrder((groupStories === null || groupStories === void 0 ? void 0 : groupStories.stories) || []);
+        setActiveGroupStories(groupStories);
+        setStories(sortedStories);
+    }, [groupStories]);
+    useEffect(function () {
+        var video = document.querySelector('video');
+        var pauseVideosOnBackground = function () {
+            var backgroundVideos = document.querySelectorAll("#background_video_".concat(activeStoryId));
+            backgroundVideos.forEach(function (video) { return video.pause(); });
+        };
+        var playVideosOnBackground = function () {
+            var backgroundVideos = document.querySelectorAll("#background_video_".concat(activeStoryId));
+            backgroundVideos.forEach(function (video) { return video.play().catch(function () { }); });
+        };
+        video === null || video === void 0 ? void 0 : video.addEventListener(ACTIONS.play, playVideosOnBackground);
+        video === null || video === void 0 ? void 0 : video.addEventListener(ACTIONS.pause, pauseVideosOnBackground);
+        return function () {
+            video === null || video === void 0 ? void 0 : video.removeEventListener(ACTIONS.play, playVideosOnBackground);
+            video === null || video === void 0 ? void 0 : video.removeEventListener(ACTIONS.pause, pauseVideosOnBackground);
+        };
+    }, [activeStoryId]);
+    useEffect(function () {
+        var currentStoryIndex = generateCurrentStoryIndex();
+        var indicatorsContainer = document.querySelector('.smartapp-stories > div:first-of-type > div:first-of-type');
+        var indicators = Array.from((indicatorsContainer === null || indicatorsContainer === void 0 ? void 0 : indicatorsContainer.children) || []);
+        indicators.forEach(function (indicator, index) {
+            if (indicators.length >= NUMBER_OF_STORIES_FOR_ROUND_INDICATORS) {
+                indicator.style.width = index !== currentStoryIndex ? '4px' : '48px';
+            }
+            else {
+                indicator.style.width = '38px';
+            }
+        });
+    }, [generateCurrentStoryIndex]);
+    useEffect(function () {
+        var popupElement = document.querySelector('.smartapp-stories-content');
+        var videoWrapper = document.querySelector('.smartapp-stories-content > div > div > div:nth-child(2) > div');
+        if (activeStory) {
+            if (activeStory.type === STORY_TYPE.image) {
+                var _a = activeStory.backgroundSource, type = _a.type, value = _a.value;
+                var prevBackgroundVideos = document.querySelectorAll('.smartapp-stories-content__background-video');
+                var background = isColorOnBackground(type) ? value : "url(".concat(value, ")");
+                !isEmpty(prevBackgroundVideos) && prevBackgroundVideos.forEach(function (video) { return video.remove(); });
+                isWebPlatform(platform) && (popupElement === null || popupElement === void 0 ? void 0 : popupElement.style.setProperty('--background', background));
+            }
+            else {
+                var id = activeStory.id, url = activeStory.url;
+                var prevBackgroundVideos = document.querySelectorAll('.smartapp-stories-content__background-video');
+                !isEmpty(prevBackgroundVideos) && prevBackgroundVideos.forEach(function (video) { return video.remove(); });
+                // eslint-disable-next-line max-depth
+                if (isWebPlatform(platform)) {
+                    popupElement === null || popupElement === void 0 ? void 0 : popupElement.style.removeProperty('--background');
+                    popupElement === null || popupElement === void 0 ? void 0 : popupElement.appendChild(createBackgroundVideo(id, url));
+                }
+                videoWrapper === null || videoWrapper === void 0 ? void 0 : videoWrapper.appendChild(createBackgroundVideo(id, url));
+            }
+        }
+    }, [platform, activeStory]);
+    if (isNull(activeGroupStories)) {
+        return null;
+    }
+    var closeStoriesIcon = !isCloseIconHidden && (_jsx("div", __assign({ className: classNames('smartapp-stories__icon', "smartapp-stories__icon--".concat(platform), "smartapp-stories__icon--".concat(closeIconPosition)), onClick: handleCloseGroupStories }, { children: closeIcon || _jsx(CloseStoriesIcon, {}) })));
+    return (_jsxs(Popup, __assign({ className: "smartapp-stories", open: true }, { children: [_jsxs("div", __assign({ className: classNames('smartapp-stories', "smartapp-stories__".concat(size), "smartapp-stories__".concat(platform), {
+                    'smartapp-stories__video': (activeStory === null || activeStory === void 0 ? void 0 : activeStory.type) === STORY_TYPE.video,
+                    'smartapp-stories__animate-right': isAnimateToRight,
+                    'smartapp-stories__animate-left': isAnimateToLeft,
+                }) }, swipeableHandlers, { children: [_jsx(Stories, { currentIndex: activeStoryIndex, defaultInterval: 6000, width: "100%", height: "100%", stories: generateStories(), onStoryStart: onStoryStart, onPrevious: onPrevious, onNext: onNext, onAllStoriesEnd: handleNext, progressContainerStyles: progressContainerStyles(platform, stories.length), progressWrapperStyles: progressWrapperStyles, progressStyles: progressStyles }, activeGroupStories.id), isShowCloseIconInsideStory && closeStoriesIcon] })), !isShowCloseIconInsideStory && closeStoriesIcon] })));
+};
+export default StoriesComponent;
+//# sourceMappingURL=Stories.js.map

package/build/main//321/201omponents/Stories/Stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stories.js","sourceRoot":"","sources":["../../../../src/сomponents/Stories/Stories.tsx"],"names":[],"mappings":"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"}

package/build/main//321/201omponents/Stories/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Stories';

package/build/main//321/201omponents/Stories/index.js

@@ -0,0 +1,2 @@
+export { default } from './Stories';
+//# sourceMappingURL=index.js.map

package/build/main//321/201omponents/Stories/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/сomponents/Stories/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA"}

package/build/main//321/201omponents/Stories/types.d.ts

@@ -0,0 +1,71 @@
+import { ReactElement } from 'react';
+import { IFontFamilyProps, IPlatformProps, TStyles } from '../../constants';
+export declare enum STORY_BACKGROUND_TYPES {
+    color = "color",
+    image = "image"
+}
+export declare enum STORY_TYPE {
+    image = "image",
+    video = "video"
+}
+export declare enum STORY_CLOSE_ICON_POSITION {
+    left = "left",
+    right = "right"
+}
+export type TBackgroundType = 'color' | 'image';
+export type TBackgroundSource = {
+    type: TBackgroundType;
+    value: string;
+};
+type TCommonStoryItem = {
+    id: number;
+    order: number;
+    viewed?: boolean;
+};
+export type TImageStoryButton = {
+    text: string;
+    isTransitionToExternalSource?: boolean;
+    textColor?: string;
+    backgroundColor?: string;
+    action: (groupStoriesId?: number | null, activeStoryId?: number | null) => void;
+};
+export interface TImageStoryItem extends TCommonStoryItem {
+    type: 'image';
+    durationInMs?: number;
+    title: string | null;
+    body: string | ReactElement | null;
+    backgroundSource: TBackgroundSource;
+    button: TImageStoryButton | null;
+    image: string | null;
+}
+export interface TVideoStoryItem extends TCommonStoryItem {
+    type: 'video';
+    url: string;
+}
+export type TStoryItem = TImageStoryItem | TVideoStoryItem;
+export type TGroupStories = {
+    id: number;
+    viewed: boolean;
+    stories: TStoryItem[];
+};
+export interface IStoriesProps extends IPlatformProps, IFontFamilyProps {
+    isCloseIconHidden?: boolean;
+    isStoryStoppedOnBtnClick?: boolean;
+    imageClassName?: string;
+    titleClassName?: string;
+    bodyClassName?: string;
+    buttonClassName?: string;
+    contentClassName?: string;
+    bottomContentClassName?: string;
+    contentStyles?: TStyles;
+    closeIconPosition?: 'left' | 'right';
+    closeIcon?: ReactElement;
+    bottomContent?: ReactElement;
+    currentStoryId?: number | null;
+    groupStories: TGroupStories | null;
+    allGroupsStories: TGroupStories[];
+    changeStoryToViewed?: (story: TStoryItem, groupStories: TGroupStories) => void;
+    changeGroupStoriesToViewed?: (groupStories: TGroupStories) => void;
+    handleCloseGroupStories: () => void;
+}
+export {};

package/build/main//321/201omponents/Stories/types.js

@@ -0,0 +1,16 @@
+export var STORY_BACKGROUND_TYPES;
+(function (STORY_BACKGROUND_TYPES) {
+    STORY_BACKGROUND_TYPES["color"] = "color";
+    STORY_BACKGROUND_TYPES["image"] = "image";
+})(STORY_BACKGROUND_TYPES || (STORY_BACKGROUND_TYPES = {}));
+export var STORY_TYPE;
+(function (STORY_TYPE) {
+    STORY_TYPE["image"] = "image";
+    STORY_TYPE["video"] = "video";
+})(STORY_TYPE || (STORY_TYPE = {}));
+export var STORY_CLOSE_ICON_POSITION;
+(function (STORY_CLOSE_ICON_POSITION) {
+    STORY_CLOSE_ICON_POSITION["left"] = "left";
+    STORY_CLOSE_ICON_POSITION["right"] = "right";
+})(STORY_CLOSE_ICON_POSITION || (STORY_CLOSE_ICON_POSITION = {}));
+//# sourceMappingURL=types.js.map

package/build/main//321/201omponents/Stories/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/Stories/types.ts"],"names":[],"mappings":"AAGA,MAAM,CAAN,IAAY,sBAGX;AAHD,WAAY,sBAAsB;IAChC,yCAAe,CAAA;IACf,yCAAe,CAAA;AACjB,CAAC,EAHW,sBAAsB,KAAtB,sBAAsB,QAGjC;AAED,MAAM,CAAN,IAAY,UAGX;AAHD,WAAY,UAAU;IACpB,6BAAe,CAAA;IACf,6BAAe,CAAA;AACjB,CAAC,EAHW,UAAU,KAAV,UAAU,QAGrB;AAED,MAAM,CAAN,IAAY,yBAGX;AAHD,WAAY,yBAAyB;IACnC,0CAAa,CAAA;IACb,4CAAe,CAAA;AACjB,CAAC,EAHW,yBAAyB,KAAzB,yBAAyB,QAGpC"}

package/build/main//321/201omponents/Switcher/Switcher.d.ts

@@ -0,0 +1,4 @@
+import { ISwitcherProps } from './types';
+import '../../styles/styles.scss';
+declare const Switcher: ({ pages }: ISwitcherProps) => import("react/jsx-runtime").JSX.Element;
+export default Switcher;

package/build/main//321/201omponents/Switcher/Switcher.js

@@ -0,0 +1,34 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { NavLink } from 'react-router-dom';
+import Slider from 'react-slick';
+import '../../styles/styles.scss';
+var Switcher = function (_a) {
+    var pages = _a.pages;
+    var sliderSettings = {
+        variableWidth: true,
+        dots: false,
+        centerPadding: '60px',
+        swipeToSlide: true,
+        slidesToShow: 3,
+        arrows: false,
+        infinite: false,
+        speed: 300,
+    };
+    return (_jsx("div", __assign({ className: "smartapp-switcher" }, { children: _jsx(Slider, __assign({}, sliderSettings, { children: pages.map(function (page) { return (_jsx(NavLink, __assign({ className: function (_a) {
+                    var isActive = _a.isActive;
+                    return isActive ? ' smartapp-switcher__instance smartapp-switcher__instance--active' : 'smartapp-switcher__instance';
+                }, to: page.route }, { children: page.title }), page.route)); }) })) })));
+};
+export default Switcher;
+//# sourceMappingURL=Switcher.js.map

package/build/main//321/201omponents/Switcher/Switcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switcher.js","sourceRoot":"","sources":["../../../../src/сomponents/Switcher/Switcher.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC1C,OAAO,MAAM,MAAM,aAAa,CAAA;AAEhC,OAAO,0BAA0B,CAAA;AAEjC,IAAM,QAAQ,GAAG,UAAC,EAAyB;QAAvB,KAAK,WAAA;IACvB,IAAM,cAAc,GAAG;QACrB,aAAa,EAAE,IAAI;QACnB,IAAI,EAAE,KAAK;QACX,aAAa,EAAE,MAAM;QACrB,YAAY,EAAE,IAAI;QAClB,YAAY,EAAE,CAAC;QACf,MAAM,EAAE,KAAK;QACb,QAAQ,EAAE,KAAK;QACf,KAAK,EAAE,GAAG;KACX,CAAA;IAED,OAAO,CACL,uBAAK,SAAS,EAAC,mBAAmB,gBAChC,KAAC,MAAM,eAAK,cAAc,cACvB,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACnB,KAAC,OAAO,aAEN,SAAS,EAAE,UAAC,EAAY;wBAAV,QAAQ,cAAA;oBACpB,OAAA,QAAQ,CAAC,CAAC,CAAC,kEAAkE,CAAC,CAAC,CAAC,6BAA6B;gBAA7G,CAA6G,EAE/G,EAAE,EAAE,IAAI,CAAC,KAAK,gBAEb,IAAI,CAAC,KAAK,KANN,IAAI,CAAC,KAAK,CAOP,CACX,EAVoB,CAUpB,CAAC,IACK,IACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}