feat: release v0.0.1

dist/react/video-player/components/with-errors/index.d.ts

@@ -0,0 +1,7 @@
+import { IWithDurationBadgePlayerProps } from "../with-duration-badge";
+export interface IWithErrorsVideoPlayerProps extends IWithDurationBadgePlayerProps {
+    showErrors?: boolean;
+}
+declare const WithErrors: ({ showErrors, children, ...props }: IWithErrorsVideoPlayerProps) => import("react/jsx-runtime").JSX.Element;
+export default WithErrors;
+//# sourceMappingURL=index.d.ts.map

dist/react/video-player/components/with-errors/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/react/video-player/components/with-errors/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,6BAA6B,EAAE,MAAM,wBAAwB,CAAC;AAIvE,MAAM,WAAW,2BAChB,SAAQ,6BAA6B;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,UAAU,GAAI,oCAIjB,2BAA2B,4CAW7B,CAAC;AAEF,eAAe,UAAU,CAAC"}

dist/react/video-player/components/with-errors/index.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import VideoError from "./video-error";
+import styles from "./with-errors.module.scss";
+const WithErrors = ({ showErrors = false, children, ...props }) => {
+    return (_jsxs("div", { className: styles.videoMain, style: { aspectRatio: props.options.aspectRatio }, children: [showErrors && _jsx(VideoError, { className: styles.errors }), React.cloneElement(children, { ...props })] }));
+};
+export default WithErrors;
+//# sourceMappingURL=index.js.map

dist/react/video-player/components/with-errors/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/react/video-player/components/with-errors/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAMrD,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAO/C,MAAM,UAAU,GAAG,CAAC,EACnB,UAAU,GAAG,KAAK,EAClB,QAAQ,EACR,GAAG,KAAK,EACqB,EAAE,EAAE;IAEjC,OAAO,CACN,eACC,SAAS,EAAE,MAAM,CAAC,SAAS,EAC3B,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE,aAEhD,UAAU,IAAI,KAAC,UAAU,IAAC,SAAS,EAAE,MAAM,CAAC,MAAM,GAAI,EACtD,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,GAAG,KAAK,EAAE,CAAC,IACtC,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

dist/react/video-player/components/with-errors/video-error/index.d.ts

@@ -0,0 +1,7 @@
+import { IBaseComponentProps } from "../../../shared/types";
+interface IVideoErrorProps extends IBaseComponentProps {
+    error?: string;
+}
+declare const VideoError: ({ error, className, }: IVideoErrorProps) => import("react/jsx-runtime").JSX.Element;
+export default VideoError;
+//# sourceMappingURL=index.d.ts.map

dist/react/video-player/components/with-errors/video-error/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/react/video-player/components/with-errors/video-error/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAG5D,UAAU,gBAAiB,SAAQ,mBAAmB;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAqBD,QAAA,MAAM,UAAU,GAAI,uBAGjB,gBAAgB,4CAOlB,CAAC;AAEF,eAAe,UAAU,CAAC"}

dist/react/video-player/components/with-errors/video-error/index.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import cn from "classnames";
+import VideoErrorIcon from "./video-error-icon.svg";
+import styles from "./video-error.module.scss";
+const renderSvg = (asset) => {
+    if (typeof asset === "string") {
+        return (_jsx("img", { src: asset, alt: "", "aria-hidden": "true", width: 80, height: 80 }));
+    }
+    const SvgComponent = asset;
+    return _jsx(SvgComponent, {});
+};
+const VideoError = ({ error = "Ошибка обработки", className, }) => {
+    return (_jsxs("div", { className: cn(styles.container, className), children: [renderSvg(VideoErrorIcon), _jsx("p", { className: styles.text, children: error })] }));
+};
+export default VideoError;
+//# sourceMappingURL=index.js.map

dist/react/video-player/components/with-errors/video-error/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/react/video-player/components/with-errors/video-error/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,cAAc,MAAM,wBAAwB,CAAC;AAEpD,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAM/C,MAAM,SAAS,GAAG,CAAC,KAAc,EAAE,EAAE;IACpC,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC/B,OAAO,CACN,cACC,GAAG,EAAE,KAAK,EACV,GAAG,EAAC,EAAE,iBACM,MAAM,EAClB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACT,CACF,CAAC;IACH,CAAC;IAED,MAAM,YAAY,GACjB,KAA2D,CAAC;IAE7D,OAAO,KAAC,YAAY,KAAG,CAAC;AACzB,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,EACnB,KAAK,GAAG,kBAAkB,EAC1B,SAAS,GACS,EAAE,EAAE;IACtB,OAAO,CACN,eAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,aAC7C,SAAS,CAAC,cAAc,CAAC,EAC1B,YAAG,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,KAAK,GAAK,IACjC,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

dist/react/video-player/components/with-errors/video-error/video-error-icon.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80" fill="none">
+    <circle cx="40" cy="40" r="40" fill="black" fill-opacity="0.8" />
+    <path
+        d="M29.9417 52.8761H50.7006C52.9774 52.8761 54.3568 51.2957 54.3568 49.2466C54.3568 48.6172 54.1693 47.9609 53.8345 47.3716L43.4416 29.2645C42.7452 28.0458 41.5533 27.4297 40.3211 27.4297C39.0889 27.4297 37.8836 28.0458 37.2006 29.2645L26.8077 47.3716C26.4461 47.9744 26.2854 48.6172 26.2854 49.2466C26.2854 51.2957 27.6649 52.8761 29.9417 52.8761ZM40.3345 43.9297C39.6381 43.9297 39.2497 43.5279 39.2363 42.818L39.0622 35.5324C39.0488 34.8225 39.5711 34.3136 40.3211 34.3136C41.0444 34.3136 41.6068 34.8359 41.5934 35.5458L41.3926 42.818C41.3791 43.5413 40.9908 43.9297 40.3345 43.9297ZM40.3345 48.4163C39.5309 48.4163 38.8345 47.7735 38.8345 46.9833C38.8345 46.1796 39.5175 45.5369 40.3345 45.5369C41.1381 45.5369 41.8212 46.1663 41.8212 46.9833C41.8212 47.7868 41.1247 48.4163 40.3345 48.4163Z"
+        fill="white" />
+</svg>

dist/react/video-player/components/with-errors/video-error/video-error.module.scss

@@ -0,0 +1,23 @@
+.container {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  width: 100%;
+  background-color: var(--Text-Primary);
+}
+
+.icon {
+  stroke: white;
+  stroke-width: 2;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+
+.text {
+  margin-top: 20px;
+  font-size: 13px;
+  text-align: center;
+  color: white;
+}

dist/react/video-player/components/with-errors/with-errors.module.scss

@@ -0,0 +1,6 @@
+.errors {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 3;
+}