\n
\n {children}
\n \n \n {cancelButtonText && (\n \n )}\n
\n \n );\n }\n\n protected validateProps(props: AlertProps) {\n if (props.onClose == null && (props.cancelButtonText == null) !== (props.onCancel == null)) {\n console.warn(ALERT_WARN_CANCEL_PROPS);\n }\n\n const hasCancelHandler = props.onCancel != null || props.onClose != null;\n if (props.canEscapeKeyCancel && !hasCancelHandler) {\n console.warn(ALERT_WARN_CANCEL_ESCAPE_KEY);\n }\n if (props.canOutsideClickCancel && !hasCancelHandler) {\n console.warn(ALERT_WARN_CANCEL_OUTSIDE_CLICK);\n }\n }\n\n private handleCancel = (evt?: React.SyntheticEvent\r\n {message.header && (\r\n
\r\n )}\r\n \r\n {checkbox && (\r\n \r\n {message.header}\r\n
\r\n )}\r\n {message.text && (\r\n \r\n {message.text}\r\n
\r\n )}\r\n {message.html && (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n `;\r\n\r\n class EnergyLevel extends HTMLElement {\r\n static get observedAttributes() {\r\n return [\"level\"];\r\n }\r\n\r\n attributeChangedCallback(name, oldValue, newValue) {}\r\n\r\n connectedCallback() {\r\n this.attachShadow({ mode: \"open\" });\r\n this.shadowRoot.appendChild(template.content.cloneNode(true));\r\n }\r\n\r\n disconnectedCallback() {}\r\n }\r\n\r\n window.customElements.define(\"energy-level\", EnergyLevel);\r\n})();\r\n","import React, { useRef, useState, useEffect, useCallback } from \"react\";\r\nimport { ResizeSensor } from \"@blueprintjs/core\";\r\nimport \"./FloatingPanel.scss\";\r\nimport ListItemWithIcon from \"components/ListItemWithIcon/ListItemWithIcon\";\r\nimport { useTabletDimension } from \"utils/hooks\";\r\nimport { test } from \"utils/helpers\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nconst FloatingPanel = ({\r\n list,\r\n className,\r\n title,\r\n onClose,\r\n itemsInProgress,\r\n content,\r\n isMinimizable = true,\r\n}) => {\r\n const [isMinimized, setIsMinimized] = useState(false);\r\n const [tooltipPosition, setTooltipPosition] = useState(\"LEFT\");\r\n const [isTablet] = useTabletDimension();\r\n const floatPanel = useRef();\r\n\r\n const [xPos, setXPos] = useState(\"auto\");\r\n const [yPos, setYPos] = useState(\"auto\");\r\n const [dragStartMouseX, setDragStartMouseX] = useState(null);\r\n const [dragStartMouseY, setDragStartMouseY] = useState(null);\r\n const [panelStartX, setPanelStartX] = useState(null);\r\n const [panelStartY, setPanelStartY] = useState(null);\r\n const [panelHeight, setPanelHeight] = useState(null);\r\n const [panelWidth, setPanelWidth] = useState(null);\r\n const [isDragging, setIsDragging] = useState(false);\r\n const { t } = useTranslation();\r\n\r\n const onMouseMove = useCallback(\r\n (e) => {\r\n if (!isDragging) return;\r\n e.stopPropagation();\r\n if (!e.changedTouches) {\r\n e.preventDefault();\r\n }\r\n\r\n const eventX = e.pageX ?? e.changedTouches[0]?.pageX;\r\n const eventY = e.pageY ?? e.changedTouches[0]?.pageY;\r\n const xCoord =\r\n panelStartX + (eventX - dragStartMouseX) > 0\r\n ? panelWidth + panelStartX + (eventX - dragStartMouseX) <\r\n floatPanel.current.offsetParent.offsetWidth\r\n ? panelStartX + (eventX - dragStartMouseX)\r\n : floatPanel.current.offsetLeft\r\n : 0;\r\n const yCoord =\r\n panelStartY + (eventY - dragStartMouseY) > 0\r\n ? panelHeight + panelStartY + (eventY - dragStartMouseY) <\r\n floatPanel.current.offsetParent.offsetHeight\r\n ? panelStartY + (eventY - dragStartMouseY)\r\n : floatPanel.current.offsetTop\r\n : 0;\r\n setXPos(xCoord);\r\n setYPos(yCoord);\r\n },\r\n [\r\n dragStartMouseX,\r\n dragStartMouseY,\r\n isDragging,\r\n panelHeight,\r\n panelStartX,\r\n panelStartY,\r\n panelWidth,\r\n ]\r\n );\r\n\r\n useEffect(() => {\r\n if (!isMinimized) {\r\n if (\r\n floatPanel.current?.offsetTop +\r\n floatPanel.current?.offsetHeight -\r\n floatPanel.current?.offsetParent?.offsetHeight >\r\n 0\r\n ) {\r\n setYPos(\r\n floatPanel.current?.offsetParent?.offsetHeight -\r\n floatPanel.current?.offsetHeight\r\n );\r\n }\r\n }\r\n }, [isMinimized]);\r\n\r\n useEffect(() => {\r\n if (\r\n floatPanel.current?.offsetHeight + yPos >=\r\n floatPanel.current?.offsetParent?.offsetHeight\r\n ) {\r\n setYPos(\r\n floatPanel.current.offsetParent.offsetHeight -\r\n floatPanel.current.offsetHeight\r\n );\r\n }\r\n }, [isTablet, yPos]);\r\n\r\n const onMouseUp = useCallback((e) => {\r\n setIsDragging(false);\r\n e.stopPropagation();\r\n if (!e.changedTouches) {\r\n e.preventDefault();\r\n }\r\n }, []);\r\n\r\n const onMouseDown = useCallback((e) => {\r\n e.stopPropagation();\r\n if (!e.changedTouches) {\r\n e.preventDefault();\r\n }\r\n\r\n const {\r\n x: elX,\r\n y: elY,\r\n height,\r\n width,\r\n } = floatPanel.current.getBoundingClientRect();\r\n const { x: parentX, y: parentY } =\r\n floatPanel.current.offsetParent.getBoundingClientRect?.() || {};\r\n\r\n setIsDragging(true);\r\n setDragStartMouseX(e.pageX ?? e.changedTouches[0]?.pageX);\r\n setDragStartMouseY(e.pageY ?? e.changedTouches[0]?.pageY);\r\n setPanelStartX(elX - (parentX ?? 0));\r\n setPanelStartY(elY - (parentY ?? 0));\r\n setPanelHeight(height);\r\n setPanelWidth(width);\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (isDragging) {\r\n document.addEventListener(\"mousemove\", onMouseMove);\r\n document.addEventListener(\"mouseup\", onMouseUp);\r\n document.addEventListener(\"touchmove\", onMouseMove);\r\n document.addEventListener(\"touchend\", onMouseUp);\r\n } else {\r\n document.removeEventListener(\"mousemove\", onMouseMove);\r\n document.removeEventListener(\"mouseup\", onMouseUp);\r\n document.removeEventListener(\"touchmove\", onMouseMove);\r\n document.removeEventListener(\"touchend\", onMouseUp);\r\n }\r\n return () => {\r\n document.removeEventListener(\"mousemove\", onMouseMove);\r\n document.removeEventListener(\"mouseup\", onMouseUp);\r\n document.removeEventListener(\"touchmove\", onMouseMove);\r\n document.removeEventListener(\"touchend\", onMouseUp);\r\n };\r\n }, [isDragging, onMouseMove, onMouseUp]);\r\n\r\n const handleResize = (entries) => {\r\n if (floatPanel.current) {\r\n const floatPanelRect = floatPanel.current?.getBoundingClientRect?.();\r\n\r\n if (entries[0].contentRect.width < floatPanelRect?.width + 420) {\r\n setTooltipPosition(\"TOP\");\r\n } else {\r\n setTooltipPosition(\"LEFT\");\r\n }\r\n\r\n if (\r\n floatPanel.current?.offsetLeft + floatPanel.current?.offsetWidth >\r\n entries[0].contentRect.width\r\n ) {\r\n floatPanel.current.style = null;\r\n }\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n document.getElementById(\"float-panel-title\")?.focus();\r\n return () => {\r\n document.querySelector('[data-test-id=\"OPEN_MODERATION_PANEL\"]')?.focus();\r\n };\r\n }, []);\r\n\r\n return (\r\n <>\r\n {!isTablet && (\r\n \r\n
\r\n {title && (\r\n \r\n {isMinimizable && (\r\n setIsMinimized((prev) => !prev)}\r\n {...test(\"TOGGLE_FLOATING_PANEL\")}\r\n >
\r\n )}\r\n \r\n {content &&
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default FloatingPanel;\r\n","import React from \"react\";\r\nimport { Button, Classes, MenuItem } from \"@blueprintjs/core\";\r\nimport { IconNames } from \"@blueprintjs/icons\";\r\nimport SelectList from \"components/SelectList\";\r\nimport { getFormattedString } from \"utils/helpers\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport \"./GeneralSelectList.scss\";\r\n\r\nconst GeneralSelectList = ({\r\n icon,\r\n title,\r\n disabled,\r\n items,\r\n customRenderItem,\r\n onItemSelect,\r\n noResultsText,\r\n selectedItemName,\r\n buttonProps,\r\n className,\r\n footer,\r\n matchTargetWidth = false,\r\n}) => {\r\n const { t } = useTranslation();\r\n const highlightTranslations = (text) => {\r\n const tokens = text.split(/|<\\/i>/);\r\n if (tokens[1]) {\r\n tokens[1] = {tokens[1]};\r\n }\r\n return tokens;\r\n };\r\n\r\n const renderItem = (item, { index, handleClick }) => (\r\n - {content}
- \r\n {list.map((item) => {\r\n const isInProgress = itemsInProgress.some(\r\n (el) => el === item.id\r\n );\r\n return (\r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default GeneralSelectList;\r\n","import React from \"react\";\r\nimport { Tooltip, Position } from \"@blueprintjs/core\";\r\nimport \"./ListItemWithIcon.scss\";\r\n\r\nconst ListItemWithIcon = ({\r\n data,\r\n parent,\r\n isBigStyle,\r\n tooltipPosition,\r\n inprogress,\r\n}) => {\r\n if (data.tooltip) {\r\n return (\r\n {footer}
\r\n \r\n \r\n
\r\n );\r\n}\r\nexport default memo(Timer);\r\n","import React, { memo, useRef, useEffect, useState } from \"react\";\r\nimport Timer from \"./TImer\";\r\nimport \"./CustomBannerTemplateWithBtns.css\";\r\nimport { useHTMLMessageFormatting } from \"utils/hooks\";\r\n\r\nfunction CustomBannerTemplateWithBtns({ data, closeNotification }) {\r\n const templateRef = useRef();\r\n const [isContentVisible, showContent] = useState(null);\r\n let additionalClassNameForCointainer = \"\";\r\n additionalClassNameForCointainer += data.type === \"banner\" ? \" banner\" : \"\";\r\n additionalClassNameForCointainer += data.className\r\n ? ` ${data.className}`\r\n : \"\";\r\n additionalClassNameForCointainer +=\r\n data.buttons && data.buttons.length > 0 ? \" with-button\" : \"\";\r\n\r\n const [formatMessage] = useHTMLMessageFormatting();\r\n\r\n useEffect(() => {\r\n const parent = templateRef.current.parentElement;\r\n try {\r\n if (parent?.classList.contains(\"bp5-toast-message\")) {\r\n parent.removeAttribute(\"role\");\r\n parent\r\n .closest(\"[aria-live].bp5-toast-container\")\r\n ?.removeAttribute(\"aria-live\");\r\n }\r\n } catch (e) {\r\n console.error(e);\r\n } finally {\r\n showContent(true);\r\n }\r\n }, [showContent]);\r\n\r\n function createButtons(buttons) {\r\n return (\r\n {countdownNumber}
\r\n \r\n {buttons.map((item, index) => {\r\n const onClickHandler = () => {\r\n item.onClick ? item.onClick() : closeNotification(true);\r\n if (item.callBack) item.callBack();\r\n };\r\n return (\r\n \r\n {item.text && {item.text}}\r\n {}\r\n {item.autoClickAfterNSeconds && (\r\n
\r\n );\r\n })}\r\n \r\n );\r\n }\r\n\r\n function createElement(element) {\r\n return \r\n {header &&
\r\n )}\r\n {buttons.length > 0 && createButtons(buttons)}\r\n {header}
}\r\n {name && {name}
}\r\n {message && {message}
}\r\n {link && (\r\n \r\n \r\n {linkText}\r\n \r\n
\r\n )}\r\n \r\n {data.icon && (\r\n
\r\n );\r\n case \"bannerWithBtns\":\r\n return (\r\n \r\n 
\r\n
\r\n )}\r\n \r\n {data.title && (\r\n
\r\n \r\n {data.title}\r\n
\r\n )}\r\n {data.message && (\r\n \r\n \r\n {data?.parseLinks\r\n ? formatMessage(data.message)\r\n : data.message}\r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n );\r\n }\r\n };\r\n\r\n return renderTemplate();\r\n};\r\n\r\nexport default memo(Templates);\r\n","import React from \"react\";\r\nimport { Position, Toaster } from \"@blueprintjs/core\";\r\nimport \"./Notifications.scss\";\r\nimport Templates from \"./Templates/Templates\";\r\n\r\n//https://blueprintjs.com/docs/#core/components/toast\r\n\r\nconst params = new URLSearchParams(window.location.search);\r\nconst isWebViewEnabled = [\"true\", \"1\"].includes(\r\n params.get(\"initializeWebView\")\r\n);\r\n\r\nconst Notification = Toaster.create({\r\n className: `notification${isWebViewEnabled ? \" web-view\" : \"\"}`,\r\n position: Position.TOP_RIGHT,\r\n});\r\nlet index = 0;\r\n\r\nconst toastsAdditionalClasses = {\r\n bannerWithBtns: \"order-1 hide-default-btn disable-animation-if-not-on-top\", // such as we reorder list of notification by css need to disable animation for not first item to avoid side effect\r\n banner: \"order-2\",\r\n default: \"order-2\",\r\n};\r\n\r\nexport const Classes = Object.freeze({\r\n UNDISMISSABLE: \"undismissable\",\r\n});\r\n\r\nconst customToasters = new WeakMap();\r\nconst onDismiss = (timer) => {\r\n // function to perform any task after notification dismiss\r\n};\r\nexport const showNotification = (type, data, customContainer) => {\r\n if (!data) {\r\n return null;\r\n }\r\n let _notification = Notification;\r\n\r\n const key = (++index + Date.now() * Math.random()).toString();\r\n let className = toastsAdditionalClasses[type] || \"\";\r\n\r\n if (data.className) {\r\n className += ` ${data.className.trim()}`;\r\n }\r\n\r\n if (customContainer) {\r\n if (customToasters.has(customContainer)) {\r\n _notification = customToasters.get(customContainer);\r\n } else {\r\n _notification = Toaster.create(\r\n {\r\n className: \"notification\",\r\n position: Position.TOP_RIGHT,\r\n },\r\n customContainer\r\n );\r\n customToasters.set(customContainer, _notification);\r\n }\r\n }\r\n\r\n return _notification.show(\r\n {\r\n message: (\r\n {data.message}
\r\n\r\n \r\n {props.icon}\r\n {props.name}\r\n \r\n\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default SelectList;\r\n","var _desc, _defs, _g;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgSpinnerCircle(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: \"20px\",\n height: \"20px\",\n viewBox: \"0 0 20 20\",\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title === undefined ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, \"spinner circle\") : title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _desc || (_desc = /*#__PURE__*/React.createElement(\"desc\", null, \"Created with Sketch.\")), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null)), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Symbols\",\n stroke: \"none\",\n strokeWidth: 1,\n fill: \"none\",\n fillRule: \"evenodd\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n id: \"input-field-with-spinner-final\",\n transform: \"translate(-125.000000, -10.000000)\",\n fill: \"#FFFFFF\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n id: \"spinner-2\",\n transform: \"translate(125.000000, 10.000000)\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n id: \"spinner-of-dots-1\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M4.40442013,14.1939606 C3.90450766,14.1939606 3.47969365,14.368884 3.12980306,14.7187309 C2.78004376,15.068884 2.60503282,15.4936105 2.60503282,15.993523 C2.60503282,16.4934792 2.77991247,16.9182057 3.12980306,17.2683589 C3.47982495,17.6182057 3.90463895,17.7931291 4.40442013,17.7931291 C4.89592998,17.7931291 5.31859956,17.6182057 5.67269147,17.2683589 C6.02665208,16.9186433 6.20363239,16.4934792 6.20363239,15.993523 C6.20363239,15.4936105 6.02669584,15.0691904 5.67269147,14.7187309 C5.3185558,14.3691904 4.89592998,14.1939606 4.40442013,14.1939606 Z\",\n id: \"Shape\",\n fillRule: \"nonzero\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M4.00459519,10.3957112 C4.00459519,9.84595186 3.80892779,9.37544858 3.41737418,8.98358862 C3.02586433,8.59207877 2.55514223,8.39636761 2.00538293,8.39636761 C1.45557987,8.39636761 0.984945295,8.59212254 0.593391685,8.98358862 C0.201925602,9.37514223 0.00621444201,9.84577681 0.00621444201,10.3957112 C0.00621444201,10.9453829 0.201881838,11.4157987 0.593391685,11.8074398 C0.984945295,12.199081 1.45557987,12.3948359 2.00538293,12.3948359 C2.55514223,12.3948359 3.02586433,12.199081 3.41737418,11.8074398 C3.80892779,11.4160613 4.00459519,10.9453829 4.00459519,10.3957112 Z\",\n id: \"Shape\",\n fillRule: \"nonzero\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M15.5997374,5.79781182 C15.8743982,5.79781182 16.1101094,5.69978118 16.3056018,5.50411379 C16.5013567,5.30827133 16.5994311,5.07286652 16.5994311,4.79803063 C16.5994311,4.52306346 16.5013567,4.2878337 16.3056018,4.09212254 C16.1099781,3.89628009 15.8743982,3.79842451 15.5997374,3.79842451 C15.3247702,3.79842451 15.0893217,3.89645514 14.8935667,4.09212254 C14.6979431,4.28787746 14.6000438,4.52306346 14.6000438,4.79803063 C14.6000438,5.07299781 14.6979431,5.30827133 14.8935667,5.50411379 C15.0893217,5.69995624 15.3247702,5.79781182 15.5997374,5.79781182 Z\",\n id: \"Shape\",\n fillRule: \"nonzero\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M4.40455142,2.5990372 C3.79636761,2.5990372 3.27785558,2.81356674 2.84884026,3.24249453 C2.41978118,3.67142232 2.20538293,4.18997812 2.20538293,4.79803063 C2.20538293,5.40630197 2.41978118,5.92463895 2.84884026,6.35374179 C3.27798687,6.78280088 3.79649891,6.99728665 4.40455142,6.99728665 C5.01260394,6.99728665 5.53115974,6.78266958 5.96008753,6.35374179 C6.38901532,5.92463895 6.60354486,5.40617068 6.60354486,4.79803063 C6.60354486,4.18997812 6.38901532,3.67142232 5.96008753,3.24249453 C5.53115974,2.81356674 5.01260394,2.5990372 4.40455142,2.5990372 Z\",\n id: \"Shape\",\n fillRule: \"nonzero\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M18.8483151,9.54595186 C18.6151422,9.31269147 18.3319475,9.19619256 17.9988621,9.19619256 C17.6654705,9.19619256 17.3822757,9.31269147 17.1491028,9.54595186 C16.9160613,9.77921225 16.7995624,10.0624945 16.7995624,10.3958862 C16.7995624,10.7289278 16.9160613,11.0126039 17.1491028,11.2453392 C17.382407,11.4786871 17.6654705,11.595186 17.9988621,11.595186 C18.3319475,11.595186 18.6153173,11.4786871 18.8483151,11.2453392 C19.081663,11.0123414 19.1980306,10.7289278 19.1980306,10.3958862 C19.1980306,10.0626696 19.0818381,9.77934354 18.8483151,9.54595186 Z\",\n id: \"Shape\",\n fillRule: \"nonzero\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M15.5997374,14.5940044 C15.2163239,14.5940044 14.8873085,14.7313348 14.6123414,15.006302 C14.3376805,15.2809628 14.2001751,15.6101532 14.2001751,15.9935667 C14.2001751,16.376674 14.3376805,16.7058643 14.6123414,16.9808753 C14.8873085,17.2557987 15.2163676,17.3929978 15.5997374,17.3929978 C15.9828446,17.3929978 16.31186,17.2555361 16.5868271,16.9808753 C16.8617943,16.7059081 16.9991685,16.376849 16.9991685,15.9935667 C16.9991685,15.6101532 16.8617943,15.2813129 16.5868271,15.006302 C16.3119037,14.731291 15.9828446,14.5940044 15.5997374,14.5940044 Z\",\n id: \"Shape\",\n fillRule: \"nonzero\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10.0020569,16.7928665 C9.56056893,16.7928665 9.18358862,16.9493654 8.87102845,17.2617943 C8.55877462,17.5742232 8.40253829,17.9509847 8.40253829,18.3925164 C8.40253829,18.8340481 8.55859956,19.2108534 8.87102845,19.5232385 C9.18358862,19.8356674 9.56039387,19.992035 10.0020569,19.992035 C10.4435886,19.992035 10.8203939,19.8356674 11.1328228,19.5232385 C11.4452516,19.2108534 11.6014442,18.8340481 11.6014442,18.3925164 C11.6014442,17.9509847 11.4452516,17.5742232 11.1328228,17.2617943 C10.8203939,16.9493654 10.4435886,16.7928665 10.0020569,16.7928665 Z\",\n id: \"Shape\",\n fillRule: \"nonzero\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10.0020569,0 C9.33575492,0 8.76905908,0.233129103 8.30253829,0.699606127 C7.8361488,1.16612691 7.60293217,1.73269147 7.60293217,2.3990372 C7.60293217,3.0654267 7.83606127,3.63172867 8.30253829,4.09829322 C8.76905908,4.56468271 9.33562363,4.79794311 10.0020569,4.79794311 C10.6686652,4.79794311 11.2349672,4.564814 11.7013129,4.09829322 C12.1676586,3.63194748 12.4008753,3.0654267 12.4008753,2.3990372 C12.4008753,1.73273523 12.1676586,1.16630197 11.7013129,0.699606127 C11.2349672,0.233260394 10.6686652,0 10.0020569,0 Z\",\n id: \"Shape\",\n fillRule: \"nonzero\"\n })))))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgSpinnerCircle);\nexport default __webpack_public_path__ + \"static/media/spinner_circle.f02825e66d795a83ca3baa05ceaa1345.svg\";\nexport { ForwardRef as ReactComponent };","import React from \"react\";\r\nimport spinner from \"assets/images/others/spinner.gif\";\r\nimport circle from \"assets/images/others/spinner_circle.svg\";\r\nimport \"./Spinner.scss\";\r\n\r\nconst Spinner = ({ bubbles, ...props }) => {\r\n const src = bubbles ? circle : spinner;\r\n return (\r\n \r\n 
\r\n
\r\n );\r\n};\r\n\r\nexport default Spinner;\r\n","import React, { useRef, useEffect } from \"react\";\r\n\r\nconst Video = ({ stream, ...props }) => {\r\n const videoRef = useRef(null);\r\n\r\n useEffect(() => {\r\n const currentVideo = videoRef.current;\r\n if (stream) {\r\n currentVideo.srcObject = stream;\r\n if (props.autoPlay !== false) {\r\n currentVideo.play().catch(() => {});\r\n }\r\n } else {\r\n currentVideo.pause();\r\n }\r\n return () => {\r\n if (currentVideo) {\r\n currentVideo.srcObject = null;\r\n }\r\n if (stream) {\r\n stream.getVideoTracks().forEach((track) => {\r\n track.stop();\r\n });\r\n }\r\n };\r\n }, [stream, props.autoPlay]);\r\n\r\n useEffect(() => {\r\n const { current: videoElement } = videoRef;\r\n videoElement.setAttribute(\"muted\", \"\");\r\n }, []);\r\n\r\n return ;\r\n};\r\n\r\nexport default React.memo(Video);\r\n","import React, { useEffect, useState, useRef } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { isMobileSafari, isAndroid, isMobile, isSafari } from \"react-device-detect\";\r\nimport OperatingSystemInfoProvider from \"utils/deviceDetect\";\r\nimport { useMobileDimension } from \"utils/hooks\";\r\nimport { debounce } from \"throttle-debounce\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { deviceDisableReason } from \"utils/constants\";\r\nimport logger from \"utils/logger\";\r\nimport Spinner from \"components/Spinner\";\r\nimport Video from \"components/Video\";\r\nimport { test } from \"utils/helpers\";\r\nimport useBackgroundEffect from \"utils/useBackgroundEffect\";\r\nimport \"./SelfView.scss\";\r\n\r\nconst prefix = \"SELFVIEW:\";\r\nconst isMobileOrTablet = isMobile || OperatingSystemInfoProvider.IsTabletDevice();\r\n// same constrains tha VC use when it gets user media\r\nconst DEFAULT_VIDEO_CONSTARINS = {\r\n height: isMobileOrTablet ? 360 : 720,\r\n width: isMobileOrTablet ? 640 : 1280,\r\n frameRate: 30\r\n}\r\nlet originalStream = null;\r\n\r\nconst mapStateToProps = ({ devices, config }) => ({\r\n selectedCamera: devices.selectedCamera,\r\n isCameraTurnedOn: devices.isCameraTurnedOn,\r\n isCameraDisabled: devices.isCameraDisabled,\r\n cameraDisableReasons: devices.cameraDisableReasons,\r\n cameraMuteControlToggle: config.urlCameraMuteControl.value,\r\n});\r\n\r\nconst SelfView = ({\r\n ignoreMuteState,\r\n externalControls,\r\n selectedCamera,\r\n isCameraTurnedOn,\r\n isCameraDisabled,\r\n cameraDisableReasons,\r\n cameraMuteControlToggle,\r\n}) => {\r\n const { t } = useTranslation();\r\n const [isMobileDimension] = useMobileDimension();\r\n const [isPlaying, setPlaying] = useState(false);\r\n const [facingMode, setFacingMode] = useState(\"\");\r\n const [stream, setStream] = useState(null);\r\n const isMounted = useRef(false);\r\n const [backgroundEffectAvailable] = useBackgroundEffect();\r\n\r\n const isCameraOff = !ignoreMuteState && !isCameraTurnedOn;\r\n const isNotPermitted = cameraDisableReasons.includes(\r\n deviceDisableReason.NO_PERMISSION\r\n );\r\n\r\n const startSource = debounce(500, (retry) => {\r\n stopSource();\r\n if (selectedCamera) {\r\n const deviceId = selectedCamera.id;\r\n logger.info(\r\n `${prefix} asking stream ${retry ? \"on retry\" : \"\"\r\n } for device ${deviceId}`\r\n );\r\n if (window.banuba?.getLastStream) {\r\n const stream = window.banuba.getLastStream();\r\n if (stream?.active) {\r\n stream.fromCache = true;\r\n setStream(stream);\r\n stream.getVideoTracks().forEach((track) => {\r\n setFacingMode(track.getSettings().facingMode || \"desktop\");\r\n });\r\n logger.info(\r\n `${prefix} Stream ${stream.id} was taken from the Banuba plugin cache `\r\n );\r\n return;\r\n }\r\n }\r\n navigator.mediaDevices\r\n .getUserMedia({ video: { deviceId, ...DEFAULT_VIDEO_CONSTARINS } })\r\n .then((stream) => {\r\n if (isMounted.current) {\r\n logger.info(\r\n `${prefix} Stream ${stream.id} started for device ${deviceId}`\r\n );\r\n stream.oninactive = () => {\r\n logger.info(\r\n `${prefix} oninactive for stream ${stream.id} inactive for device ${deviceId}`\r\n );\r\n };\r\n stream.getVideoTracks().forEach((track) => {\r\n setFacingMode(track.getSettings().facingMode || \"desktop\");\r\n });\r\n if (window.banuba?.effectBackground && !stream.fromCache) {\r\n window.banuba.effectBackground(stream, true).then((effectStream) => {\r\n originalStream = stream;\r\n if (isSafari) {\r\n setTimeout(() => {\r\n // workaround, sometimes on Safari it take more time to get working stream from canvas and we need some delay berore tye to assign it to the video element\r\n setStream(effectStream);\r\n }, 300)\r\n } else {\r\n setStream(effectStream);\r\n }\r\n });\r\n } else {\r\n setStream(stream);\r\n }\r\n } else {\r\n logger.info(\r\n `${prefix} Stream ${stream.id} stopped for device ${deviceId} as component is not mounted`\r\n );\r\n setTimeout(() => {\r\n stream.getVideoTracks().forEach((track) => track.stop());\r\n if (originalStream) {\r\n stream.getVideoTracks().forEach((track) => track.stop());\r\n originalStream = null;\r\n }\r\n });\r\n }\r\n })\r\n .catch((e) => {\r\n logger.error(\r\n `${prefix} Stream ${stream.id\r\n } for device ${deviceId} is not started. ${e.toString()}`\r\n );\r\n setStream(null);\r\n if (!retry && e.name === \"NotReadableError\") {\r\n startSource(true);\r\n }\r\n });\r\n } else {\r\n logger.info(`${prefix} Camera is not selected`);\r\n }\r\n });\r\n\r\n const stopSource = () => {\r\n if (stream) {\r\n logger.info(`${prefix} Stream ${stream.id} stopped`);\r\n setStream(null);\r\n setPlaying(false);\r\n const stopTracks = () => {\r\n stream.getVideoTracks().forEach((track) => track.stop());\r\n if (originalStream) {\r\n stream.getVideoTracks().forEach((track) => track.stop());\r\n originalStream = null;\r\n }\r\n }\r\n if (ignoreMuteState) {\r\n stopTracks();\r\n return;\r\n }\r\n setTimeout(stopTracks);\r\n \r\n }\r\n };\r\n\r\n const onPlaying = () => {\r\n logger.info(`${prefix} onPlaying for stream ${stream.id}`);\r\n setPlaying(true);\r\n };\r\n\r\n const onPause = () => {\r\n logger.info(`${prefix} onPause for stream ${(stream || {}).id}`);\r\n setPlaying(false);\r\n };\r\n\r\n useEffect(() => {\r\n isMounted.current = true;\r\n return () => {\r\n isMounted.current = false;\r\n };\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (!isCameraDisabled && isCameraTurnedOn) {\r\n if (selectedCamera && selectedCamera.isStarted) {\r\n startSource();\r\n } else {\r\n stopSource();\r\n }\r\n } else if (!isCameraDisabled && ignoreMuteState) {\r\n startSource();\r\n } else {\r\n stopSource();\r\n }\r\n return () => {\r\n startSource.cancel();\r\n if (stream) {\r\n logger.info(\r\n `${prefix} Stream ${stream.id} stopped as component unmounted`\r\n );\r\n setTimeout(() => {\r\n stream.getVideoTracks().forEach((track) => track.stop());\r\n if (originalStream) {\r\n stream.getVideoTracks().forEach((track) => track.stop());\r\n originalStream = null;\r\n }\r\n });\r\n }\r\n };\r\n // eslint-disable-next-line\r\n }, [\r\n ignoreMuteState,\r\n isCameraDisabled,\r\n isCameraTurnedOn,\r\n selectedCamera,\r\n backgroundEffectAvailable,\r\n ]);\r\n\r\n const Loading = () => {\r\n if (!isCameraOff && !isPlaying) {\r\n return {externalControls}
\r\n );\r\n }\r\n return null;\r\n };\r\n\r\n if (isCameraOff || isNotPermitted) {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n return (\r\n \r\n {t(\"CAMERA_OFF\")}\r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default connect(mapStateToProps)(SelfView);\r\n","var _image;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgLogoBlack(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n width: 480,\n height: 123,\n viewBox: \"0 0 480 123\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _image || (_image = /*#__PURE__*/React.createElement(\"image\", {\n x: 7,\n y: 9,\n width: 463,\n height: 105,\n xlinkHref: \"data:image/png;base64,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\"\n })));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgLogoBlack);\nexport default __webpack_public_path__ + \"static/media/Logo_black.3f9efee43e08b68b62c71044639a9fd3.svg\";\nexport { ForwardRef as ReactComponent };","import React from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport MainLogo from \"assets/Logo_black.svg\";\r\nimport {\r\n patentNotices,\r\n vidyoOSSAttributions,\r\n eulaAgreement,\r\n} from \"utils/constants\";\r\nimport { test } from \"utils/helpers\";\r\nimport \"./AboutTab.scss\";\r\n\r\nconst AboutTab = () => {\r\n const { t } = useTranslation();\r\n const getLinks = () => (\r\n <>\r\n \r\n
\r\n \r\n {t(\"SETTINGS_ABOUT\")}\r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default AboutTab;\r\n","/*\n * Copyright 2015 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport classNames from \"classnames\";\nimport * as React from \"react\";\n\nimport { AbstractPureComponent, Classes } from \"../../common\";\nimport { DISPLAYNAME_PREFIX, Props } from \"../../common/props\";\n\nexport interface CollapseProps extends Props {\n /** Contents to collapse. */\n children?: React.ReactNode;\n\n /**\n * Component to render as the root element.\n * Useful when rendering a `Collapse` inside a `\r\n
\r\n \r\n
\r\n \r\n {t(\"ABOUT\")} {process.env.REACT_APP_NAME}\r\n TM\r\n
\r\n \r\n \r\n
\r\n \r\n {t(\"VERSION\")}\r\n \r\n {window.appConfig.APP_VERSION}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {getLinks()}
\r\n