@expressms/smartapp-ui 2.9.6-alpha.1 → 2.9.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/main/assets/icons/chip-info.svg +3 -0
- package/build/main/constants/constants.d.ts +6 -1
- package/build/main/constants/constants.js +6 -0
- package/build/main/constants/constants.js.map +1 -1
- package/build/main/constants/types.d.ts +3 -0
- package/build/main/styles/styles.scss +1 -1
- package/build/main//321/201omponents/Avatar/Avatar.d.ts +1 -1
- package/build/main//321/201omponents/Avatar/Avatar.js +95 -14
- package/build/main//321/201omponents/Avatar/Avatar.js.map +1 -1
- package/build/main//321/201omponents/Avatar/types.d.ts +3 -2
- package/build/main//321/201omponents/Avatar/types.js.map +1 -1
- package/build/main//321/201omponents/Chip/Chip.d.ts +1 -1
- package/build/main//321/201omponents/Chip/Chip.js +7 -7
- package/build/main//321/201omponents/Chip/Chip.js.map +1 -1
- package/build/main//321/201omponents/Chip/types.d.ts +2 -2
- package/build/main//321/201omponents/Modal/Modal.js +1 -2
- package/build/main//321/201omponents/Modal/Modal.js.map +1 -1
- package/build/main//321/201omponents/Stories/Stories.d.ts +1 -1
- package/build/main//321/201omponents/Stories/Stories.js +69 -31
- package/build/main//321/201omponents/Stories/Stories.js.map +1 -1
- package/build/main//321/201omponents/Stories/types.d.ts +3 -1
- package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.js +2 -2
- package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/Option/Option.js +1 -6
- package/build/main//321/201omponents/UserDropdown/Option/Option.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js +14 -14
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/helpers.d.ts +6 -3
- package/build/main//321/201omponents/UserDropdown/helpers.js +4 -4
- package/build/main//321/201omponents/UserDropdown/helpers.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/types.d.ts +10 -13
- package/build/main//321/201omponents/UserDropdown/types.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IAvatarProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const Avatar: ({ theme, className, styles, avatarRef, isSelected, isHighlighted, isInactive, isSpam, isWarning, isCrown, isEye, size, username, initials, avatar, counter, icon, outlineDefaultBackground, outlineDarkBackground, onClick, onMouseDown, }: IAvatarProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare const Avatar: ({ theme, language, className, styles, avatarRef, isSelected, isHighlighted, isInactive, isSpam, isWarning, isCrown, isEye, isTooltipAvailableOnEye, size, username, initials, avatar, counter, icon, outlineDefaultBackground, outlineDarkBackground, onClick, onMouseDown, }: IAvatarProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default Avatar;
|
|
@@ -9,12 +9,15 @@ var __assign = (this && this.__assign) || function () {
|
|
|
9
9
|
};
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
|
+
var _a;
|
|
12
13
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
|
+
import { useEffect, useRef, useState } from 'react';
|
|
15
|
+
import Popup from 'reactjs-popup';
|
|
13
16
|
import { isString } from 'lodash';
|
|
14
17
|
import classNames from 'classnames';
|
|
15
18
|
import { calculatePercentageOfValue, createInitials, isDarkTheme, userNameToColor } from '../../helpers';
|
|
16
19
|
import { AVATAR_SIZES, AvatarFontSizes } from './types';
|
|
17
|
-
import { COLORS, MAX_NUMBER_OF_CHARACTERS_IN_INITIALS, THEME } from '../../constants';
|
|
20
|
+
import { COLORS, LANGUAGES, MAX_NUMBER_OF_CHARACTERS_IN_INITIALS, POPUP_ON_EVENT_TYPE, POPUP_VERTICAL_POSITION, THEME, } from '../../constants';
|
|
18
21
|
import { ReactComponent as TickIcon } from '../../assets/icons/tick.svg';
|
|
19
22
|
import { ReactComponent as InfoIcon } from '../../assets/icons/info.svg';
|
|
20
23
|
import { ReactComponent as CrownIcon } from '../../assets/icons/crown.svg';
|
|
@@ -41,8 +44,37 @@ var PERCENTS;
|
|
|
41
44
|
var AVATAR_OPACITY = 0.5;
|
|
42
45
|
var USER_INITIALS_OPACITY = 0.3;
|
|
43
46
|
var WARNING_AVATAR_BACKGROUND_COLOR = 'var(--color-icon-transparent-pressed)';
|
|
47
|
+
var POPUP_APPEARANCE_DELAY = 500;
|
|
48
|
+
var POPUP_HIDDEN_CLASSNAME = 'private-icon-hidden';
|
|
49
|
+
var POPUP_PADDINGS = 32;
|
|
50
|
+
var POPUP_INDENTS = 42; // paddings + margins + borders
|
|
51
|
+
var POPUP_LEFT_OFFSET = 36;
|
|
52
|
+
var POPUP_ARROW_SIZE = 8;
|
|
53
|
+
var CHIP_TOP_PADDING = 4;
|
|
54
|
+
var POPUP_VERTICAL_OFFSET = 11;
|
|
55
|
+
var POPUP_TEXT = (_a = {},
|
|
56
|
+
_a[LANGUAGES.ru] = 'Невозможно отобразить расписание участника',
|
|
57
|
+
_a[LANGUAGES.en] = 'Unable to display the schedule of participant',
|
|
58
|
+
_a[LANGUAGES.de] = 'Der Zeitplan des Teilnehmers kann nicht angezeigt werden',
|
|
59
|
+
_a[LANGUAGES.es] = 'No se puede mostrar el calendario de participantes',
|
|
60
|
+
_a[LANGUAGES.fr] = "Impossible d'afficher l'horaire du participant",
|
|
61
|
+
_a[LANGUAGES.ar] = 'غير قادر على عرض جدول المشاركين',
|
|
62
|
+
_a[LANGUAGES.ms] = 'Tidak dapat memapar jadual peserta',
|
|
63
|
+
_a[LANGUAGES.tr] = 'Katılımcının programı görüntülenemiyor',
|
|
64
|
+
_a[LANGUAGES.id] = 'Tidak dapat menampilkan jadwal peserta',
|
|
65
|
+
_a);
|
|
44
66
|
var Avatar = function (_a) {
|
|
45
|
-
var _b = _a.theme, theme = _b === void 0 ? THEME.default : _b, className = _a.className, styles = _a.styles, avatarRef = _a.avatarRef, isSelected = _a.isSelected, isHighlighted = _a.isHighlighted, isInactive = _a.isInactive, isSpam = _a.isSpam, isWarning = _a.isWarning, isCrown = _a.isCrown, isEye = _a.isEye,
|
|
67
|
+
var _b = _a.theme, theme = _b === void 0 ? THEME.default : _b, _c = _a.language, language = _c === void 0 ? LANGUAGES.ru : _c, className = _a.className, styles = _a.styles, avatarRef = _a.avatarRef, isSelected = _a.isSelected, isHighlighted = _a.isHighlighted, isInactive = _a.isInactive, isSpam = _a.isSpam, isWarning = _a.isWarning, isCrown = _a.isCrown, isEye = _a.isEye, _d = _a.isTooltipAvailableOnEye, isTooltipAvailableOnEye = _d === void 0 ? false : _d, _e = _a.size, size = _e === void 0 ? 44 : _e, _f = _a.username, username = _f === void 0 ? '' : _f, initials = _a.initials, avatar = _a.avatar, _g = _a.counter, counter = _g === void 0 ? 0 : _g, icon = _a.icon, _h = _a.outlineDefaultBackground, outlineDefaultBackground = _h === void 0 ? COLORS.white : _h, _j = _a.outlineDarkBackground, outlineDarkBackground = _j === void 0 ? COLORS.brightBlack : _j, _k = _a.onClick, onClick = _k === void 0 ? function () { return undefined; } : _k, onMouseDown = _a.onMouseDown;
|
|
68
|
+
var popupRef = useRef(null);
|
|
69
|
+
var popupContentRef = useRef(null);
|
|
70
|
+
var avatarLocalRef = useRef(null);
|
|
71
|
+
var _l = useState(-1), popupLeft = _l[0], setPopupLeft = _l[1];
|
|
72
|
+
var _m = useState(-1), popupArrowLeft = _m[0], setPopupArrowLeft = _m[1];
|
|
73
|
+
var _o = useState(-1), popupTop = _o[0], setPopupTop = _o[1];
|
|
74
|
+
var _p = useState(POPUP_VERTICAL_POSITION.top), popupVerticalPosition = _p[0], setPopupVerticalPosition = _p[1];
|
|
75
|
+
var _q = useState(0), popupMaxWidth = _q[0], setPopupMaxWidth = _q[1];
|
|
76
|
+
var _r = useState(null), timeoutId = _r[0], setTimeoutId = _r[1];
|
|
77
|
+
var _s = useState(POPUP_HIDDEN_CLASSNAME), hiddenClassName = _s[0], setHiddenClassName = _s[1];
|
|
46
78
|
var inactiveOpacity = avatar ? AVATAR_OPACITY : USER_INITIALS_OPACITY;
|
|
47
79
|
var outlineBackground = isDarkTheme(theme) ? outlineDarkBackground : outlineDefaultBackground;
|
|
48
80
|
var outlineWidth = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_5, shouldBeRounded: false });
|
|
@@ -119,11 +151,56 @@ var Avatar = function (_a) {
|
|
|
119
151
|
borderRadius: borderRadius,
|
|
120
152
|
} }, { children: counterText })));
|
|
121
153
|
};
|
|
154
|
+
useEffect(function () {
|
|
155
|
+
setPopupMaxWidth(window.innerWidth - POPUP_INDENTS);
|
|
156
|
+
setPopupVerticalPosition(POPUP_VERTICAL_POSITION.top);
|
|
157
|
+
setPopupLeft(-1);
|
|
158
|
+
setPopupTop(-1);
|
|
159
|
+
setPopupArrowLeft(-1);
|
|
160
|
+
setHiddenClassName(POPUP_HIDDEN_CLASSNAME);
|
|
161
|
+
}, [language, size]);
|
|
162
|
+
var handleOpenPopup = function (privateIconRight) {
|
|
163
|
+
var popupRefCurrent = popupRef.current;
|
|
164
|
+
var popupContentRefCurrent = popupContentRef.current;
|
|
165
|
+
var avatarRefCurrent = (avatarRef === null || avatarRef === void 0 ? void 0 : avatarRef.current) || avatarLocalRef.current;
|
|
166
|
+
if (popupRefCurrent && popupContentRefCurrent && avatarRefCurrent) {
|
|
167
|
+
var _a = avatarRefCurrent.getBoundingClientRect(), avatarLeft = _a.left, top_1 = _a.top, right = _a.right;
|
|
168
|
+
var _b = popupContentRefCurrent.getBoundingClientRect(), popupContentWidth = _b.width, height = _b.height;
|
|
169
|
+
var popupContentWidthWithIndents = popupContentWidth + POPUP_INDENTS;
|
|
170
|
+
var nextLeft = avatarLeft - POPUP_LEFT_OFFSET;
|
|
171
|
+
var popupContentRightmostPosition = nextLeft + popupContentWidthWithIndents;
|
|
172
|
+
var popupContentOutsideScreen = popupContentRightmostPosition - window.innerWidth;
|
|
173
|
+
var finalNextLeftValue = Math.max(nextLeft - Math.max(popupContentOutsideScreen, 0), 0);
|
|
174
|
+
var popupHeight = height + POPUP_PADDINGS + POPUP_ARROW_SIZE;
|
|
175
|
+
var nextTop = top_1 - popupHeight - CHIP_TOP_PADDING;
|
|
176
|
+
var isBottomPosition = nextTop < 0;
|
|
177
|
+
var nextTopValue = isBottomPosition ? top_1 + size + POPUP_VERTICAL_OFFSET : nextTop;
|
|
178
|
+
var nextPopupArrowLeft = right - finalNextLeftValue - (POPUP_ARROW_SIZE + privateIconRight) / 2;
|
|
179
|
+
if (popupLeft !== finalNextLeftValue || popupTop !== nextTopValue || popupMaxWidth !== popupContentWidth) {
|
|
180
|
+
popupRefCurrent.close();
|
|
181
|
+
setPopupVerticalPosition(isBottomPosition ? POPUP_VERTICAL_POSITION.bottom : POPUP_VERTICAL_POSITION.top);
|
|
182
|
+
setPopupLeft(finalNextLeftValue);
|
|
183
|
+
setPopupTop(nextTopValue);
|
|
184
|
+
setPopupArrowLeft(nextPopupArrowLeft);
|
|
185
|
+
setPopupMaxWidth(popupContentWidth);
|
|
186
|
+
var nextTimeoutId = setTimeout(function () { var _a; return (_a = popupRef.current) === null || _a === void 0 ? void 0 : _a.open(); }, 0);
|
|
187
|
+
setTimeoutId(nextTimeoutId);
|
|
188
|
+
}
|
|
189
|
+
setHiddenClassName('');
|
|
190
|
+
}
|
|
191
|
+
};
|
|
192
|
+
var handleClosePopup = function () { return timeoutId && clearTimeout(timeoutId); };
|
|
193
|
+
var generatePopupContentStyle = function () { return ({
|
|
194
|
+
'--private-icon-content-top': "".concat(popupTop, "px"),
|
|
195
|
+
'--private-icon-content-left': "".concat(popupLeft, "px"),
|
|
196
|
+
'--private-icon-arrow-left': "".concat(popupArrowLeft, "px"),
|
|
197
|
+
'--private-icon-content-max-width': "".concat(popupMaxWidth, "px"),
|
|
198
|
+
}); };
|
|
122
199
|
var renderEye = function () {
|
|
123
200
|
var top = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_8 });
|
|
124
201
|
var right = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_25 });
|
|
125
202
|
var eyeSize = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_65 });
|
|
126
|
-
return (_jsx(PrivateIcon, { className: "smartapp-avatar__content--eye", width: eyeSize, height: eyeSize, color: outlineBackground, style: { top: "-".concat(top, "px"), right: "-".concat(right, "px") } }));
|
|
203
|
+
return (_jsx(Popup, __assign({ ref: popupRef, disabled: !isTooltipAvailableOnEye, onOpen: function () { return handleOpenPopup(right); }, onClose: handleClosePopup, className: classNames('private-icon', hiddenClassName), position: "".concat(popupVerticalPosition, " center"), contentStyle: generatePopupContentStyle(), on: [POPUP_ON_EVENT_TYPE.hover], mouseEnterDelay: POPUP_APPEARANCE_DELAY, trigger: function () { return (_jsx(PrivateIcon, { className: "smartapp-avatar__content--eye", width: eyeSize, height: eyeSize, color: outlineBackground, style: { top: "-".concat(top, "px"), right: "-".concat(right, "px") } })); } }, { children: _jsx("span", __assign({ ref: popupContentRef }, { children: POPUP_TEXT[language] })) })));
|
|
127
204
|
};
|
|
128
205
|
var renderCrown = function () {
|
|
129
206
|
var bottom = calculatePercentageOfValue({ value: size, percentage: PERCENTS.pct_10 });
|
|
@@ -132,17 +209,21 @@ var Avatar = function (_a) {
|
|
|
132
209
|
return (_jsx(CrownIcon, { className: "smartapp-avatar__content--crown", width: crownSize, height: crownSize, color: outlineBackground, style: { bottom: "-".concat(bottom, "px"), right: "-".concat(right, "px") } }));
|
|
133
210
|
};
|
|
134
211
|
var generateBackgroundValueForStyles = function () { return (isWarning ? WARNING_AVATAR_BACKGROUND_COLOR : userNameToColor(initials || username)); };
|
|
135
|
-
var generateAvatarContentStyles = function () {
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
:
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
212
|
+
var generateAvatarContentStyles = function () {
|
|
213
|
+
var fontSize = generateFontSizeAvatar();
|
|
214
|
+
return {
|
|
215
|
+
width: "".concat(size, "px"),
|
|
216
|
+
minWidth: "".concat(size, "px"),
|
|
217
|
+
height: "".concat(size, "px"),
|
|
218
|
+
fontSize: fontSize,
|
|
219
|
+
lineHeight: fontSize,
|
|
220
|
+
background: isInactive
|
|
221
|
+
? "linear-gradient(180deg, ".concat(COLORS.inactiveAvatarGradientStart, " 0%, ").concat(COLORS.inactiveAvatarGradientEnd, " 100%)")
|
|
222
|
+
: generateBackgroundValueForStyles(),
|
|
223
|
+
opacity: isInactive ? inactiveOpacity : 1,
|
|
224
|
+
};
|
|
225
|
+
};
|
|
226
|
+
return (_jsx("div", __assign({ ref: avatarRef || avatarLocalRef, className: classNames('smartapp-avatar', "smartapp-avatar__".concat(theme), { 'smartapp-avatar__outline': isHighlighted }, className), style: __assign({ '--avatar-outline-width': "".concat(outlineWidth, "px") }, styles), onClick: onClick, onMouseDown: onMouseDown }, { children: _jsxs("div", __assign({ style: generateAvatarContentStyles(), className: classNames('smartapp-avatar__content', {
|
|
146
227
|
'smartapp-avatar__content--spam': isSpam,
|
|
147
228
|
'smartapp-avatar__content--inactive': isInactive,
|
|
148
229
|
}) }, { children: [!!counter && renderCounter(), isEye && renderEye(), renderContent(), isCrown && renderCrown()] })) })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/сomponents/Avatar/Avatar.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/сomponents/Avatar/Avatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactElement, ReactNode, RefObject } from 'react';
|
|
2
|
-
import { IThemeProps, TStyles } from '../../constants';
|
|
3
|
-
export interface IAvatarProps extends IThemeProps {
|
|
2
|
+
import { ILanguageProps, IThemeProps, TStyles } from '../../constants';
|
|
3
|
+
export interface IAvatarProps extends IThemeProps, ILanguageProps {
|
|
4
4
|
avatarRef?: RefObject<HTMLDivElement | null>;
|
|
5
5
|
className?: string;
|
|
6
6
|
styles?: TStyles;
|
|
@@ -11,6 +11,7 @@ export interface IAvatarProps extends IThemeProps {
|
|
|
11
11
|
isCrown?: boolean;
|
|
12
12
|
isWarning?: boolean;
|
|
13
13
|
isEye?: boolean;
|
|
14
|
+
isTooltipAvailableOnEye?: boolean;
|
|
14
15
|
size?: 16 | 20 | 24 | 32 | 36 | 40 | 44 | 48 | 56 | 64 | 80 | 100 | 160 | 200;
|
|
15
16
|
username?: string;
|
|
16
17
|
initials?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/Avatar/types.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/Avatar/types.ts"],"names":[],"mappings":"AA2BA,MAAM,CAAN,IAAY,YAeX;AAfD,WAAY,YAAY;IACtB,sDAAY,CAAA;IACZ,sDAAY,CAAA;IACZ,sDAAY,CAAA;IACZ,sDAAY,CAAA;IACZ,sDAAY,CAAA;IACZ,sDAAY,CAAA;IACZ,sDAAY,CAAA;IACZ,sDAAY,CAAA;IACZ,sDAAY,CAAA;IACZ,sDAAY,CAAA;IACZ,sDAAY,CAAA;IACZ,yDAAc,CAAA;IACd,yDAAc,CAAA;IACd,yDAAc,CAAA;AAChB,CAAC,EAfW,YAAY,KAAZ,YAAY,QAevB;AAED,MAAM,CAAN,IAAY,eASX;AATD,WAAY,eAAe;IACzB,iCAAc,CAAA;IACd,iCAAc,CAAA;IACd,kCAAe,CAAA;IACf,kCAAe,CAAA;IACf,iCAAc,CAAA;IACd,kCAAe,CAAA;IACf,mCAAgB,CAAA;IAChB,oCAAiB,CAAA;AACnB,CAAC,EATW,eAAe,KAAf,eAAe,QAS1B"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IChipProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const Chip: ({ name, email, avatar, isAvatarHidden, isDisabled, isError, isLoading, isWarning, userType, isEye, isMyContacts, contextMenuItems, className, styles, iconColor, platform, onDelete, }: IChipProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare const Chip: ({ language, name, email, avatar, isAvatarHidden, isDisabled, isError, isLoading, isWarning, userType, isEye, isMyContacts, contextMenuItems, className, styles, iconColor, platform, onDelete, }: IChipProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default Chip;
|
|
@@ -17,11 +17,12 @@ import ContextMenu from '../ContextMenu';
|
|
|
17
17
|
import Loader from '../Loader';
|
|
18
18
|
import { useLongTap } from '../../hooks/useLongTap';
|
|
19
19
|
import { generateAvatarIcon, generateColor, isWebPlatform, renderUserIcon } from '../../helpers';
|
|
20
|
-
import { COLOR_CHIP, COLORS, FIT_CONTENT, PLATFORM } from '../../constants';
|
|
20
|
+
import { COLOR_CHIP, COLORS, FIT_CONTENT, LANGUAGES, PLATFORM } from '../../constants';
|
|
21
21
|
import { USER_TYPES } from '../UserDropdown/constants';
|
|
22
22
|
import { AVATAR_SIZES } from '../Avatar/types';
|
|
23
23
|
import { ReactComponent as LoaderIcon } from '../../assets/icons/avatar-loader.svg';
|
|
24
24
|
import { ReactComponent as DeleteIcon } from '../../assets/icons/delete-chip.svg';
|
|
25
|
+
import { ReactComponent as InfoIcon } from '../../assets/icons/chip-info.svg';
|
|
25
26
|
import '../../styles/styles.scss';
|
|
26
27
|
var CHIP_HEIGHT = 32;
|
|
27
28
|
var CONTEXT_MENU_INDENT_TOP = 4;
|
|
@@ -33,9 +34,8 @@ var OPACITY_VALUES;
|
|
|
33
34
|
})(OPACITY_VALUES || (OPACITY_VALUES = {}));
|
|
34
35
|
var generateLoaderStyles = function () { return ({ background: 'none', width: '24px', height: '24px' }); };
|
|
35
36
|
var Chip = function (_a) {
|
|
36
|
-
var name = _a.name, email = _a.email, avatar = _a.avatar,
|
|
37
|
-
var
|
|
38
|
-
var isChipDisabled = isError ? false : isDisabled;
|
|
37
|
+
var _b = _a.language, language = _b === void 0 ? LANGUAGES.ru : _b, name = _a.name, email = _a.email, avatar = _a.avatar, _c = _a.isAvatarHidden, isAvatarHidden = _c === void 0 ? false : _c, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.isError, isError = _e === void 0 ? false : _e, _f = _a.isLoading, isLoading = _f === void 0 ? false : _f, _g = _a.isWarning, isWarning = _g === void 0 ? false : _g, _h = _a.userType, userType = _h === void 0 ? USER_TYPES.user : _h, _j = _a.isEye, isEye = _j === void 0 ? false : _j, isMyContacts = _a.isMyContacts, contextMenuItems = _a.contextMenuItems, className = _a.className, styles = _a.styles, iconColor = _a.iconColor, _k = _a.platform, platform = _k === void 0 ? PLATFORM.web : _k, onDelete = _a.onDelete;
|
|
38
|
+
var _l = useState(false), isOpenContextMenu = _l[0], setIsOpenContextMenu = _l[1];
|
|
39
39
|
var chipRef = useRef(null);
|
|
40
40
|
useEffect(function () {
|
|
41
41
|
window.addEventListener('mouseup', handleMouseUp);
|
|
@@ -57,7 +57,7 @@ var Chip = function (_a) {
|
|
|
57
57
|
var _b = ((_a = chipRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || {}, _c = _b.left, left = _c === void 0 ? 0 : _c, _d = _b.top, top = _d === void 0 ? 0 : _d;
|
|
58
58
|
return { x: left, y: top + CONTEXT_MENU_INDENT };
|
|
59
59
|
}, [chipRef]);
|
|
60
|
-
var
|
|
60
|
+
var _m = useLongTap({ onLongTap: handleOpenContextMenu }), cancelPressTimer = _m.cancelPressTimer, startPressTimer = _m.startPressTimer;
|
|
61
61
|
var handleContextMenu = function (event) {
|
|
62
62
|
if (!isWebPlatform(platform))
|
|
63
63
|
return;
|
|
@@ -65,8 +65,8 @@ var Chip = function (_a) {
|
|
|
65
65
|
handleOpenContextMenu();
|
|
66
66
|
};
|
|
67
67
|
var contextMenuHeader = (_jsxs("div", __assign({ className: "smartapp-chip__context-menu-header" }, { children: [_jsx(Avatar, { username: name, avatar: avatar, size: AVATAR_SIZES.size_32, isEye: isEye, outlineDefaultBackground: COLOR_CHIP }), _jsxs("div", __assign({ className: "smartapp-chip__context-menu-header__content" }, { children: [_jsxs("div", __assign({ className: "smartapp-chip__context-menu-header__content--name" }, { children: [_jsx("div", { children: renderUserIcon(isMyContacts) }), _jsx("span", { children: name })] })), _jsx("div", __assign({ className: "smartapp-chip__context-menu-header__content--email" }, { children: email }))] }))] })));
|
|
68
|
-
return (_jsxs("div", __assign({ ref: chipRef, className: classNames('smartapp-chip', { 'smartapp-
|
|
69
|
-
color: generateColor(iconColor
|
|
68
|
+
return (_jsxs("div", __assign({ ref: chipRef, className: classNames('smartapp-chip', { 'smartapp-chip__disabled': isDisabled, 'smartapp-chip__loading': isLoading }, className), style: styles, onContextMenu: handleContextMenu, onTouchStart: !isOpenContextMenu ? startPressTimer : undefined, onTouchEnd: cancelPressTimer, onTouchMove: cancelPressTimer }, { children: [_jsxs("div", __assign({ className: "smartapp-chip__info" }, { children: [!isAvatarHidden && (_jsx("div", __assign({ className: "smartapp-chip__info--avatar" }, { children: isLoading ? (_jsx(Loader, { icon: _jsx(LoaderIcon, {}), color: COLORS.iconAccent, isLoader: true, iconSize: AVATAR_SIZES.size_24, containerStyles: generateLoaderStyles(), isFullScreen: false })) : (_jsx(Avatar, { isTooltipAvailableOnEye: true, language: language, icon: generateAvatarIcon(userType), username: name, isWarning: isWarning, avatar: avatar, size: AVATAR_SIZES.size_24, isEye: isEye, outlineDefaultBackground: COLOR_CHIP })) }))), _jsxs("div", __assign({ className: classNames('smartapp-chip__info--name', { 'smartapp-chip__info--name__loading': isLoading }) }, { children: [_jsx("p", { children: name }), isError && _jsx(InfoIcon, { color: COLORS.iconNegative })] }))] })), !isDisabled && onDelete && (_jsx("div", __assign({ className: "smartapp-chip__delete-icon", onClick: handleDeleteClick, onMouseDown: handleMouseDown }, { children: _jsx(DeleteIcon, { style: {
|
|
69
|
+
color: generateColor(iconColor),
|
|
70
70
|
opacity: isLoading ? OPACITY_VALUES.loading : OPACITY_VALUES.default,
|
|
71
71
|
} }) }))), contextMenuItems && (_jsx(ContextMenu, { isMenuOpen: isOpenContextMenu, position: setContextMenuPosition(), closeMenu: handleCloseContextMenu, items: contextMenuItems, actionData: email || name, topSlot: contextMenuHeader, menuStyles: { width: FIT_CONTENT } }))] })));
|
|
72
72
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../../src/сomponents/Chip/Chip.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,WAAW,MAAM,gBAAgB,CAAA;AACxC,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAChG,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../../src/сomponents/Chip/Chip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { ICommonProps, TStyles } from '../../constants';
|
|
1
|
+
import { ICommonProps, ILanguageProps, TStyles } from '../../constants';
|
|
2
2
|
import { USER_TYPES } from '../UserDropdown/constants';
|
|
3
3
|
import { MenuItem } from '../ContextMenu/types';
|
|
4
|
-
export interface IChipProps extends ICommonProps {
|
|
4
|
+
export interface IChipProps extends ICommonProps, ILanguageProps {
|
|
5
5
|
name: string;
|
|
6
6
|
email?: string;
|
|
7
7
|
avatar?: string;
|
|
@@ -113,8 +113,7 @@ var Modal = function (_a) {
|
|
|
113
113
|
}), style: titleStyles }, { children: title }))] })));
|
|
114
114
|
};
|
|
115
115
|
var renderCloseIcon = function () {
|
|
116
|
-
return !isCloseIconInvisible && (_jsx("div", __assign({ onClick: !isCloseButtonDisabled ? handleCloseModal : function () {
|
|
117
|
-
}, className: classNames('smartapp-modal__content--close-icon', {
|
|
116
|
+
return !isCloseIconInvisible && (_jsx("div", __assign({ onClick: !isCloseButtonDisabled ? handleCloseModal : function () { }, className: classNames('smartapp-modal__content--close-icon', {
|
|
118
117
|
'smartapp-modal__content--close-icon__disabled': isCloseButtonDisabled,
|
|
119
118
|
}) }, { children: _jsx(CloseIcon, { style: { color: generateColor(iconColor) } }) })));
|
|
120
119
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/сomponents/Modal/Modal.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/сomponents/Modal/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IStoriesProps } from './types';
|
|
2
2
|
import '../../styles/styles.scss';
|
|
3
|
-
declare const StoriesComponent: ({ isCloseIconHidden, platform, fontFamily, imageClassName, titleClassName, bodyClassName, buttonClassName, contentClassName, bottomContentClassName, contentStyles, closeIconPosition, closeIcon, bottomContent, groupStories, allGroupsStories, changeStoryToViewed, changeGroupStoriesToViewed, handleCloseGroupStories, }: IStoriesProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
3
|
+
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;
|
|
4
4
|
export default StoriesComponent;
|
|
@@ -76,23 +76,33 @@ var generateSize = function (width, height) {
|
|
|
76
76
|
return STORY_SIZE.l;
|
|
77
77
|
};
|
|
78
78
|
var PERCENTAGE_OF_IMAGE_WIDTH = 0.827;
|
|
79
|
+
var ACTIONS;
|
|
80
|
+
(function (ACTIONS) {
|
|
81
|
+
ACTIONS["pause"] = "pause";
|
|
82
|
+
ACTIONS["play"] = "play";
|
|
83
|
+
})(ACTIONS || (ACTIONS = {}));
|
|
79
84
|
var StoriesComponent = function (_a) {
|
|
80
85
|
var _b;
|
|
81
|
-
var _c = _a.isCloseIconHidden, isCloseIconHidden = _c === void 0 ? false : _c, _d = _a.platform, platform =
|
|
86
|
+
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, _f = _a.fontFamily, fontFamily = _f === void 0 ? FONT_FAMILY.openSans : _f, 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;
|
|
82
87
|
var sortStoriesByOrder = function (stories) { return sortBy(stories, ['order']); };
|
|
83
88
|
var generateActiveGroupStoriesIndex = function () { return allGroupsStories.findIndex(function (_a) {
|
|
84
89
|
var id = _a.id;
|
|
85
90
|
return id === (activeGroupStories === null || activeGroupStories === void 0 ? void 0 : activeGroupStories.id);
|
|
86
91
|
}); };
|
|
87
|
-
var
|
|
88
|
-
var
|
|
89
|
-
var
|
|
90
|
-
var
|
|
91
|
-
var
|
|
92
|
+
var _g = useState(groupStories), activeGroupStories = _g[0], setActiveGroupStories = _g[1];
|
|
93
|
+
var _h = useState(sortStoriesByOrder((groupStories === null || groupStories === void 0 ? void 0 : groupStories.stories) || [])), stories = _h[0], setStories = _h[1];
|
|
94
|
+
var _j = useState(currentStoryId || ((_b = stories[0]) === null || _b === void 0 ? void 0 : _b.id)), activeStoryId = _j[0], setActiveStoryId = _j[1];
|
|
95
|
+
var _k = useState(false), isAnimateToRight = _k[0], setIsAnimateToRight = _k[1];
|
|
96
|
+
var _l = useState(false), isAnimateToLeft = _l[0], setIsAnimateToLeft = _l[1];
|
|
97
|
+
var _m = useState(false), isImageStoryPaused = _m[0], setIsImageStoryPaused = _m[1];
|
|
92
98
|
var activeStory = stories.find(function (_a) {
|
|
93
99
|
var id = _a.id;
|
|
94
100
|
return id === activeStoryId;
|
|
95
101
|
});
|
|
102
|
+
var activeStoryIndex = stories.findIndex(function (_a) {
|
|
103
|
+
var id = _a.id;
|
|
104
|
+
return id === activeStoryId;
|
|
105
|
+
});
|
|
96
106
|
var popupElement = document.querySelector('.smartapp-stories-content');
|
|
97
107
|
var containerHeight = (popupElement === null || popupElement === void 0 ? void 0 : popupElement.offsetHeight) || 0;
|
|
98
108
|
var containerWidth = (popupElement === null || popupElement === void 0 ? void 0 : popupElement.offsetWidth) || 0;
|
|
@@ -137,19 +147,15 @@ var StoriesComponent = function (_a) {
|
|
|
137
147
|
}
|
|
138
148
|
};
|
|
139
149
|
var onStoryStart = function (storyIndex) {
|
|
140
|
-
var
|
|
141
|
-
isVideoStory
|
|
142
|
-
var
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
if (!
|
|
148
|
-
|
|
149
|
-
}
|
|
150
|
-
if (isLastStory && !activeGroupStories.viewed && changeGroupStoriesToViewed) {
|
|
151
|
-
changeGroupStoriesToViewed(activeGroupStories);
|
|
152
|
-
}
|
|
150
|
+
var _a = stories[storyIndex], storyId = _a.id, storyType = _a.type, viewed = _a.viewed;
|
|
151
|
+
var isVideoStory = storyType === STORY_TYPE.video;
|
|
152
|
+
var isLastStory = stories.at(-1).id === storyId;
|
|
153
|
+
isVideoStory && setActiveStoryId(storyId);
|
|
154
|
+
isImageStoryPaused && setIsImageStoryPaused(false);
|
|
155
|
+
if (!viewed)
|
|
156
|
+
changeStoryToViewed === null || changeStoryToViewed === void 0 ? void 0 : changeStoryToViewed(stories[storyIndex], activeGroupStories);
|
|
157
|
+
if (isLastStory && !activeGroupStories.viewed)
|
|
158
|
+
changeGroupStoriesToViewed === null || changeGroupStoriesToViewed === void 0 ? void 0 : changeGroupStoriesToViewed(activeGroupStories);
|
|
153
159
|
};
|
|
154
160
|
var generateCurrentStoryIndex = useCallback(function () { return stories.findIndex(function (_a) {
|
|
155
161
|
var id = _a.id;
|
|
@@ -162,6 +168,25 @@ var StoriesComponent = function (_a) {
|
|
|
162
168
|
var currentStoryIndex = generateCurrentStoryIndex();
|
|
163
169
|
currentStoryIndex !== stories.length - 1 && onStoryStart(currentStoryIndex + 1);
|
|
164
170
|
};
|
|
171
|
+
var handleButtonClick = function (action) {
|
|
172
|
+
var currentStoryIndex = generateCurrentStoryIndex();
|
|
173
|
+
var isNotLastStory = currentStoryIndex !== stories.length - 1;
|
|
174
|
+
var nextActiveStory = stories[currentStoryIndex + 1];
|
|
175
|
+
var generateGroupStoriesId = function () {
|
|
176
|
+
var nextGroupStories = allGroupsStories[generateActiveGroupStoriesIndex() + 1];
|
|
177
|
+
if (isNotLastStory)
|
|
178
|
+
return activeGroupStories === null || activeGroupStories === void 0 ? void 0 : activeGroupStories.id;
|
|
179
|
+
return (nextGroupStories === null || nextGroupStories === void 0 ? void 0 : nextGroupStories.id) || null;
|
|
180
|
+
};
|
|
181
|
+
if (isStoryStoppedOnBtnClick) {
|
|
182
|
+
if (isNotLastStory)
|
|
183
|
+
setActiveStoryId(nextActiveStory.id);
|
|
184
|
+
else
|
|
185
|
+
handleNext();
|
|
186
|
+
setTimeout(function () { return setIsImageStoryPaused(true); }, 100);
|
|
187
|
+
}
|
|
188
|
+
action(generateGroupStoriesId(), isNotLastStory ? nextActiveStory.id : null);
|
|
189
|
+
};
|
|
165
190
|
var renderButton = function (_a) {
|
|
166
191
|
var text = _a.text, textColor = _a.textColor, backgroundColor = _a.backgroundColor, isTransitionToExternalSource = _a.isTransitionToExternalSource, action = _a.action;
|
|
167
192
|
return (_jsxs("div", __assign({ style: {
|
|
@@ -169,7 +194,7 @@ var StoriesComponent = function (_a) {
|
|
|
169
194
|
background: generateColor(backgroundColor, COLORS.white),
|
|
170
195
|
}, className: classNames('smartapp-stories__story--bottom-content__button', buttonClassName, {
|
|
171
196
|
'smartapp-stories__story--bottom-content__button--with-icon': isTransitionToExternalSource,
|
|
172
|
-
}), onClick: action }, { children: [text, isTransitionToExternalSource && _jsx(ExternalLinkIcon, {})] })));
|
|
197
|
+
}), onClick: function () { return handleButtonClick(action); } }, { children: [text, isTransitionToExternalSource && _jsx(ExternalLinkIcon, {})] })));
|
|
173
198
|
};
|
|
174
199
|
var createImageContent = function (_a) {
|
|
175
200
|
var id = _a.id, durationInMs = _a.durationInMs, title = _a.title, body = _a.body, backgroundSource = _a.backgroundSource, button = _a.button, image = _a.image;
|
|
@@ -185,20 +210,30 @@ var StoriesComponent = function (_a) {
|
|
|
185
210
|
var imageContainerHeight = containerWidth * PERCENTAGE_OF_IMAGE_WIDTH;
|
|
186
211
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
187
212
|
useLayoutEffect(function () {
|
|
188
|
-
|
|
213
|
+
if (currentStoryId)
|
|
214
|
+
return;
|
|
215
|
+
activeStoryId !== id && setActiveStoryId(id);
|
|
189
216
|
}, []);
|
|
190
217
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
191
218
|
useLayoutEffect(function () {
|
|
219
|
+
if (isImageStoryPaused)
|
|
220
|
+
setTimeout(function () { return action(ACTIONS.pause); }, 0);
|
|
221
|
+
// eslint-disable-next-line
|
|
222
|
+
}, [isImageStoryPaused]);
|
|
223
|
+
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
224
|
+
useLayoutEffect(function () {
|
|
225
|
+
if (isImageStoryPaused)
|
|
226
|
+
return;
|
|
192
227
|
var timeoutId;
|
|
193
|
-
timeoutId = setTimeout(function () { return action(isLoaderVisible ?
|
|
228
|
+
timeoutId = setTimeout(function () { return action(isLoaderVisible ? ACTIONS.pause : ACTIONS.play); }, 0);
|
|
194
229
|
return function () { return clearTimeout(timeoutId); };
|
|
195
230
|
// eslint-disable-next-line
|
|
196
231
|
}, [isLoaderVisible]);
|
|
197
232
|
var handleImageLoad = function () {
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
}, 0);
|
|
233
|
+
setIsImageLoaded(true);
|
|
234
|
+
if (isImageStoryPaused)
|
|
235
|
+
return;
|
|
236
|
+
setTimeout(function () { return action(ACTIONS.play); }, 0);
|
|
202
237
|
};
|
|
203
238
|
return (_jsx("div", __assign({ style: generateStoryStyles(backgroundSource) }, { children: _jsxs("div", __assign({ style: __assign({ fontFamily: "".concat(fontFamily, ", sans-serif") }, 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));
|
|
204
239
|
},
|
|
@@ -227,6 +262,9 @@ var StoriesComponent = function (_a) {
|
|
|
227
262
|
video.classList.add('smartapp-stories-content__background-video');
|
|
228
263
|
return video;
|
|
229
264
|
};
|
|
265
|
+
useEffect(function () {
|
|
266
|
+
currentStoryId && setActiveStoryId(currentStoryId);
|
|
267
|
+
}, [currentStoryId]);
|
|
230
268
|
useEffect(function () {
|
|
231
269
|
var sortedStories = sortStoriesByOrder((groupStories === null || groupStories === void 0 ? void 0 : groupStories.stories) || []);
|
|
232
270
|
setActiveGroupStories(groupStories);
|
|
@@ -242,11 +280,11 @@ var StoriesComponent = function (_a) {
|
|
|
242
280
|
var backgroundVideos = document.querySelectorAll("#background_video_".concat(activeStoryId));
|
|
243
281
|
backgroundVideos.forEach(function (video) { return video.play().catch(function () { }); });
|
|
244
282
|
};
|
|
245
|
-
video === null || video === void 0 ? void 0 : video.addEventListener(
|
|
246
|
-
video === null || video === void 0 ? void 0 : video.addEventListener(
|
|
283
|
+
video === null || video === void 0 ? void 0 : video.addEventListener(ACTIONS.play, playVideosOnBackground);
|
|
284
|
+
video === null || video === void 0 ? void 0 : video.addEventListener(ACTIONS.pause, pauseVideosOnBackground);
|
|
247
285
|
return function () {
|
|
248
|
-
video === null || video === void 0 ? void 0 : video.removeEventListener(
|
|
249
|
-
video === null || video === void 0 ? void 0 : video.removeEventListener(
|
|
286
|
+
video === null || video === void 0 ? void 0 : video.removeEventListener(ACTIONS.play, playVideosOnBackground);
|
|
287
|
+
video === null || video === void 0 ? void 0 : video.removeEventListener(ACTIONS.pause, pauseVideosOnBackground);
|
|
250
288
|
};
|
|
251
289
|
}, [activeStoryId]);
|
|
252
290
|
useEffect(function () {
|
|
@@ -294,7 +332,7 @@ var StoriesComponent = function (_a) {
|
|
|
294
332
|
'smartapp-stories__video': (activeStory === null || activeStory === void 0 ? void 0 : activeStory.type) === STORY_TYPE.video,
|
|
295
333
|
'smartapp-stories__animate-right': isAnimateToRight,
|
|
296
334
|
'smartapp-stories__animate-left': isAnimateToLeft,
|
|
297
|
-
}) }, swipeableHandlers, { children: [_jsx(Stories, { 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] })));
|
|
335
|
+
}) }, 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] })));
|
|
298
336
|
};
|
|
299
337
|
export default StoriesComponent;
|
|
300
338
|
//# sourceMappingURL=Stories.js.map
|