jiti-meet/react/features/shared-video/components/AbstractSharedVideoDialog.js

// @flow

import { Component } from 'react';
import type { Dispatch } from 'redux';

import { getYoutubeId } from '../functions';

/**
 * The type of the React {@code Component} props of
 * {@link AbstractSharedVideoDialog}.
 */
export type Props = {

    /**
     * Invoked to update the shared video link.
     */
    dispatch: Dispatch<any>,

    /**
     * Function to be invoked after typing a valid video.
     */
    onPostSubmit: Function,

    /**
     * Invoked to obtain translated strings.
     */
    t: Function
};

/**
 * Implements an abstract class for {@code SharedVideoDialog}.
 */
export default class AbstractSharedVideoDialog<S: *> extends Component < Props, S > {

    /**
     * Instantiates a new component.
     *
     * @inheritdoc
     */
    constructor(props: Props) {
        super(props);

        this._onSetVideoLink = this._onSetVideoLink.bind(this);
    }

    _onSetVideoLink: string => boolean;

    /**
     * Validates the entered video link by extracting the id and dispatches it.
     *
     * It returns a boolean to comply the Dialog behaviour:
     *     {@code true} - the dialog should be closed.
     *     {@code false} - the dialog should be left open.
     *
    * @param {string} link - The entered video link.
     * @returns {boolean}
     */
    _onSetVideoLink(link: string) {
        if (!link) {
            return false;
        }

        const trimmedLink = link.trim();

        if (!trimmedLink) {
            return false;
        }

        const { onPostSubmit } = this.props;
        const youtubeId = getYoutubeId(trimmedLink);

        if (youtubeId) {
            onPostSubmit(youtubeId);

            return true;
        }

        // Check if the URL is valid, native may crash otherwise.
        try {
            // eslint-disable-next-line no-new
            new URL(trimmedLink);
        } catch (_) {
            return false;
        }

        onPostSubmit(trimmedLink);

        return true;
    }
}