@expressms/smartapp-ui 2.5.8 → 2.5.9

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

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { IntRange } from '../types';
+export interface IScrollBarProps {
+    containerHeight?: string;
+    width?: IntRange<4, 7>;
+    hideDuration?: number;
+    handleScroll?: () => void;
+    content: ReactNode;
+}

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

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

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

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

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

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ISkeletonProps } from './types';
+import '../../styles/styles.scss';
+export declare const Skeleton: FC<ISkeletonProps>;

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

@@ -0,0 +1,66 @@
+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 { COLORS, THEME } from '../../constants';
+import { getColor, isDarkTheme } from '../../helpers';
+import '../../styles/styles.scss';
+// animation gradient size
+var startEdgeGradientSize = '8.26%';
+var centerGradientSize = '39.24%';
+var endEdgeGradientSize = '70.22%';
+export var Skeleton = function (_a) {
+    var className = _a.className, baseColor = _a.baseColor, width = _a.width, height = _a.height, _b = _a.borderRadius, borderRadius = _b === void 0 ? 8 : _b, circle = _a.circle, _c = _a.theme, theme = _c === void 0 ? THEME.default : _c, 
+    // 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
+    _d = _a.animationDuration, 
+    // if not default, then it must be specified for all skeletons
+    animationDuration = _d === void 0 ? 2 : _d, 
+    // equal to gradient width
+    _e = _a.initialOffset, 
+    // equal to gradient width
+    initialOffset = _e === void 0 ? -230 : _e;
+    var skeletonRef = useRef(null);
+    var _f = useState({ container: { left: 0, width: 0 }, item: { left: 0, width: 0 } }), position = _f[0], setPosition = _f[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 getOffset = 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 = getColor(baseColor, 'var(--color-input-primary)');
+    var skeletonGradientCenter = isDarkTheme(theme) ? COLORS.skeletonDarkGradientCenter : COLORS.skeletonGradientCenter;
+    var skeletonGradientEdge = COLORS.skeletonGradientEdge;
+    var skeletonCSS = {
+        width: width,
+        height: circle ? width : height,
+        minWidth: circle ? width : 0,
+        borderRadius: circle ? '50%' : borderRadius,
+        backgroundColor: skeletonBackgroundColor,
+        backgroundImage: "linear-gradient(\n      90deg,\n      ".concat(skeletonGradientEdge, " ").concat(startEdgeGradientSize, ",\n      ").concat(skeletonGradientCenter, " ").concat(centerGradientSize, ",\n      ").concat(skeletonGradientEdge, " ").concat(endEdgeGradientSize, "\n    );"),
+    };
+    return (_jsx(StyledSkeleton, { "$animationDuration": animationDuration, "$initialOffset": getOffset().startOffset, "$finalOffset": getOffset().finalOffset, "$CSS": skeletonCSS, ref: skeletonRef, className: className }));
+};
+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  ", ";\n"], ["\n  position: relative;\n  overflow: hidden;\n  background-size: 230px;\n  background-repeat: no-repeat;\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   0% {\n      background-position: ", "px;\n    }\n\n    60%,\n    100% {\n      background-position: ", "px;\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 { Skeleton } from './Skeleton';

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

@@ -0,0 +1,2 @@
+export { 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,QAAQ,EAAE,MAAM,YAAY,CAAA"}

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

@@ -0,0 +1,16 @@
+import { RefObject } from 'react';
+import { IThemeProps } 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 extends IThemeProps {
+    className?: string;
+    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: ({ platform, fontFamily, 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,281 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useLayoutEffect, useState } from 'react';
+import classNames from 'classnames';
+import { isNull, sortBy, isEmpty } from 'lodash';
+import Stories from 'react-insta-stories';
+import Popup from 'reactjs-popup';
+import { useSwipeable } from 'react-swipeable';
+import { ReactComponent as CloseStoriesIcon } from '../../assets/icons/close-stories.svg';
+import { ReactComponent as LoaderIcon } from '../../assets/icons/story-loader.svg';
+import { ReactComponent as ExternalLinkIcon } from '../../assets/icons/external-link.svg';
+import { STORY_BACKGROUND_TYPES, STORY_TYPE, } from './types';
+import { COLORS, DEFAULT_FONT_FAMILY, NUMBER_OF_STORIES_FOR_ROUND_INDICATORS, PLATFORM } from '../../constants';
+import { getColor, isIosPlatform, isWebPlatform } from '../../helpers';
+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 IMAGE_PADDINGS = 48;
+var PERCENTAGE_OF_IMAGE_WIDTH = 82.7;
+var StoriesComponent = function (_a) {
+    var _b, _c;
+    var _d;
+    var _e = _a.platform, platform = _e === void 0 ? PLATFORM.web : _e, _f = _a.fontFamily, fontFamily = _f === void 0 ? DEFAULT_FONT_FAMILY : _f, groupStories = _a.groupStories, allGroupsStories = _a.allGroupsStories, changeStoryToViewed = _a.changeStoryToViewed, changeGroupStoriesToViewed = _a.changeGroupStoriesToViewed, handleCloseGroupStories = _a.handleCloseGroupStories;
+    var sortStoriesByOrder = function (stories) { return sortBy(stories, ['order']); };
+    var getActiveGroupStoriesIndex = function () { return allGroupsStories.findIndex(function (_a) {
+        var id = _a.id;
+        return id === (activeGroupStories === null || activeGroupStories === void 0 ? void 0 : activeGroupStories.id);
+    }); };
+    var _g = useState(groupStories), activeGroupStories = _g[0], setActiveGroupStories = _g[1];
+    var _h = useState(sortStoriesByOrder((groupStories === null || groupStories === void 0 ? void 0 : groupStories.stories) || [])), stories = _h[0], setStories = _h[1];
+    var _j = useState((_d = stories[0]) === null || _d === void 0 ? void 0 : _d.id), activeStoryId = _j[0], setActiveStoryId = _j[1];
+    var _k = useState(false), isAnimateToRight = _k[0], setIsAnimateToRight = _k[1];
+    var _l = useState(false), isAnimateToLeft = _l[0], setIsAnimateToLeft = _l[1];
+    var activeStory = stories.find(function (_a) {
+        var id = _a.id;
+        return id === activeStoryId;
+    });
+    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 getStoryStyles = 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[getActiveGroupStoriesIndex() - 1];
+        if (prevGroupStories) {
+            setIsAnimateToLeft(true);
+            changeActiveGroupStories(prevGroupStories);
+        }
+        else {
+            handleCloseGroupStories();
+        }
+    };
+    var handleNext = function () {
+        var nextGroupStories = allGroupsStories[getActiveGroupStoriesIndex() + 1];
+        if (nextGroupStories) {
+            setIsAnimateToRight(true);
+            changeActiveGroupStories(nextGroupStories);
+        }
+        else {
+            handleCloseGroupStories();
+        }
+    };
+    var onStoryStart = function (storyIndex) {
+        var isVideoStory = stories[storyIndex].type === STORY_TYPE.video;
+        isVideoStory && setActiveStoryId(stories[storyIndex].id);
+        var story = stories.find(function (_a) {
+            var id = _a.id;
+            return id === stories[storyIndex].id;
+        });
+        var isLastStory = stories.at(-1).id === story.id;
+        if (!story.viewed && changeStoryToViewed) {
+            changeStoryToViewed(story, activeGroupStories);
+        }
+        if (isLastStory && !activeGroupStories.viewed && changeGroupStoriesToViewed) {
+            changeGroupStoriesToViewed(activeGroupStories);
+        }
+    };
+    var getCurrentStoryIndex = 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(getCurrentStoryIndex() - 1);
+    };
+    var onNext = function () {
+        var currentStoryIndex = getCurrentStoryIndex();
+        currentStoryIndex !== stories.length - 1 && onStoryStart(currentStoryIndex + 1);
+    };
+    var getImageContent = 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];
+                // eslint-disable-next-line react-hooks/rules-of-hooks
+                var _c = useState(0), storyWidth = _c[0], setStoryWidth = _c[1];
+                var imageContainerWidth = storyWidth - IMAGE_PADDINGS;
+                var imageContainerHeight = (imageContainerWidth * PERCENTAGE_OF_IMAGE_WIDTH) / 100;
+                var isLoaderVisible = image && (!isImageLoaded || isAnimateToLeft || isAnimateToRight);
+                // eslint-disable-next-line react-hooks/rules-of-hooks
+                useLayoutEffect(function () {
+                    setActiveStoryId(id);
+                    setStoryElementWidth();
+                }, []);
+                // eslint-disable-next-line react-hooks/rules-of-hooks
+                useLayoutEffect(function () {
+                    var timeoutId;
+                    timeoutId = setTimeout(function () { return action(isLoaderVisible ? 'pause' : 'play'); }, 0);
+                    return function () { return clearTimeout(timeoutId); };
+                    // eslint-disable-next-line
+                }, [isLoaderVisible]);
+                var setStoryElementWidth = function () {
+                    var storyElement = document.querySelector('.smartapp-stories__story');
+                    var storyElementWidth = (storyElement === null || storyElement === void 0 ? void 0 : storyElement.getBoundingClientRect().width) || 0;
+                    setStoryWidth(storyElementWidth);
+                };
+                var handleImageLoad = function () {
+                    setTimeout(function () {
+                        action('play');
+                        setIsImageLoaded(true);
+                    }, 0);
+                };
+                window.onresize = setStoryElementWidth;
+                return (_jsx("div", __assign({ style: getStoryStyles(backgroundSource) }, { children: _jsxs("div", __assign({ style: { fontFamily: "".concat(fontFamily, ", sans-serif") }, className: classNames('smartapp-stories__story', { 'smartapp-stories__story--image-bg': isImageOnBackground(backgroundSource) }) }, { children: [_jsxs("div", __assign({ style: { opacity: isLoaderVisible ? '0' : '1' } }, { children: [image && (_jsx("div", __assign({ className: "smartapp-stories__story--image", style: { width: "".concat(imageContainerWidth, "px"), height: "".concat(imageContainerHeight, "px") } }, { children: _jsx("img", { src: image, alt: "", onLoad: handleImageLoad, onError: handleImageLoad }) }))), title && _jsx("div", __assign({ className: "smartapp-stories__story--title" }, { children: title })), body && _jsx("div", __assign({ className: "smartapp-stories__story--body" }, { children: body })), button && (_jsxs("div", __assign({ style: {
+                                            color: getColor(button.textColor, COLORS.darkBlack),
+                                            background: getColor(button.backgroundColor, COLORS.white),
+                                        }, className: classNames('smartapp-stories__story--button', "smartapp-stories__story--button__".concat(platform), {
+                                            'smartapp-stories__story--button__with-icon': button.isTransitionToExternalSource,
+                                        }), onClick: button.action }, { children: [button.text, button.isTransitionToExternalSource && _jsx(ExternalLinkIcon, {})] })))] })), isLoaderVisible && (_jsx("div", __assign({ className: "smartapp-stories__story--loader" }, { children: _jsx(LoaderIcon, {}) })))] })) }), id));
+            },
+        });
+    };
+    var getVideoContent = function (_a) {
+        var url = _a.url;
+        return ({
+            type: STORY_TYPE.video,
+            url: url,
+        });
+    };
+    var getStories = function () { return stories.map(function (story) { return (story.type === STORY_TYPE.image ? getImageContent(story) : getVideoContent(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 () {
+        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('play', playVideosOnBackground);
+        video === null || video === void 0 ? void 0 : video.addEventListener('pause', pauseVideosOnBackground);
+        return function () {
+            video === null || video === void 0 ? void 0 : video.removeEventListener('play', playVideosOnBackground);
+            video === null || video === void 0 ? void 0 : video.removeEventListener('pause', pauseVideosOnBackground);
+        };
+    }, [activeStoryId]);
+    useEffect(function () {
+        var currentStoryIndex = getCurrentStoryIndex();
+        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';
+            }
+        });
+    }, [getCurrentStoryIndex]);
+    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;
+    }
+    return (_jsxs(Popup, __assign({ className: "smartapp-stories", open: true }, { children: [_jsx("div", __assign({ className: classNames((_b = {
+                        'smartapp-stories': true
+                    },
+                    _b["smartapp-stories__".concat(platform)] = true,
+                    _b['smartapp-stories__video'] = (activeStory === null || activeStory === void 0 ? void 0 : activeStory.type) === STORY_TYPE.video,
+                    _b['smartapp-stories__animate-right'] = isAnimateToRight,
+                    _b['smartapp-stories__animate-left'] = isAnimateToLeft,
+                    _b)) }, swipeableHandlers, { children: _jsx(Stories, { defaultInterval: 6000, width: "100%", height: "100%", stories: getStories(), onStoryStart: onStoryStart, onPrevious: onPrevious, onNext: onNext, onAllStoriesEnd: handleNext, progressContainerStyles: progressContainerStyles(platform, stories.length), progressWrapperStyles: progressWrapperStyles, progressStyles: progressStyles }, activeGroupStories.id) })), _jsx(CloseStoriesIcon, { className: classNames((_c = {
+                        'smartapp-stories__icon': true
+                    },
+                    _c["smartapp-stories__icon--".concat(platform)] = true,
+                    _c)), onClick: handleCloseGroupStories })] })));
+};
+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,54 @@
+import { ReactElement } from 'react';
+import { IPlatformProps } from '../../constants';
+export declare enum STORY_BACKGROUND_TYPES {
+    color = "color",
+    image = "image"
+}
+export declare enum STORY_TYPE {
+    image = "image",
+    video = "video"
+}
+export type TBackgroundType = 'color' | 'image';
+export type TBackgroundSource = {
+    type: TBackgroundType;
+    value: string;
+};
+type TCommonStoryItem = {
+    id: number;
+    order: number;
+    viewed?: boolean;
+};
+export interface TImageStoryItem extends TCommonStoryItem {
+    type: 'image';
+    durationInMs?: number;
+    title: string | null;
+    body: string | ReactElement | null;
+    backgroundSource: TBackgroundSource;
+    button: {
+        text: string;
+        isTransitionToExternalSource?: boolean;
+        textColor?: string;
+        backgroundColor?: string;
+        action: () => void;
+    } | 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 {
+    fontFamily?: string;
+    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,11 @@
+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 = {}));
+//# 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"}

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 Slider from 'react-slick';
+import { NavLink } from 'react-router-dom';
+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,MAAM,MAAM,aAAa,CAAA;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAE1C,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"}

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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+type PageType = {
+    route: string;
+    title: string;
+};
+export interface ISwitcherProps {
+    pages: PageType[];
+}
+export {};

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

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

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

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

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

@@ -0,0 +1,5 @@
+import { ISyncLoaderProps } from './types';
+import '../../styles/styles.scss';
+export declare const DEFAULT_SYNC_LOADER_TEXT = "\u041E\u0431\u043D\u043E\u0432\u043B\u0435\u043D\u0438\u0435";
+declare const SyncLoader: ({ isLoading, text, theme, color, fontFamily, }: ISyncLoaderProps) => import("react/jsx-runtime").JSX.Element | null;
+export default SyncLoader;