infinity-forge/dist/ui/components/form/input-youtube/index.js

codie Library

"use strict";
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);
};
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
    if (k2 === undefined) k2 = k;
    var desc = Object.getOwnPropertyDescriptor(m, k);
    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
      desc = { enumerable: true, get: function() { return m[k]; } };
    }
    Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
    if (k2 === undefined) k2 = k;
    o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
    Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
    o["default"] = v;
});
var __importStar = (this && this.__importStar) || (function () {
    var ownKeys = function(o) {
        ownKeys = Object.getOwnPropertyNames || function (o) {
            var ar = [];
            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
            return ar;
        };
        return ownKeys(o);
    };
    return function (mod) {
        if (mod && mod.__esModule) return mod;
        var result = {};
        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
        __setModuleDefault(result, mod);
        return result;
    };
})();
Object.defineProperty(exports, "__esModule", { value: true });
exports.InputYoutube = InputYoutube;
var jsx_runtime_1 = require("react/jsx-runtime");
var formik_1 = require("formik");
var ui_1 = require("../../../../ui/index.js");
var S = __importStar(require("./styles.js"));
function formatYoutubeLink(value) {
    if (typeof value === 'string') {
        if (value === null || value === void 0 ? void 0 : value.startsWith('<iframe')) {
            var srcMatch = value.match(/src="([^"]+)"/);
            if (srcMatch) {
                return srcMatch[1];
            }
        }
        else if (value.includes('youtube.com/watch?v=')) {
            var videoId = value.split('v=')[1].split('&')[0];
            var embedUrl = "https://www.youtube.com/embed/".concat(videoId);
            return embedUrl;
        }
    }
}
function InputYoutube(props) {
    var values = (0, formik_1.useFormikContext)().values;
    var inputValue = formatYoutubeLink(values[props.name]);
    return ((0, jsx_runtime_1.jsxs)(S.Video, { children: [(0, jsx_runtime_1.jsxs)("svg", { height: '80px', width: '80px', version: '1.1', id: 'Layer_1', xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 512 512', xmlSpace: 'preserve', children: [(0, jsx_runtime_1.jsx)("path", { d: 'M493.392,347.76H224.728c-10.256-0.032-18.568-8.344-18.6-18.6V182.84\r\n\tc0.032-10.256,8.344-18.568,18.6-18.6H493.4c10.256,0.032,18.568,8.344,18.6,18.6v146.328\r\n\tC511.96,339.424,503.648,347.728,493.392,347.76z' }), (0, jsx_runtime_1.jsx)("path", { d: 'M24.096,300.152v-31.744L0,223.96h15.84l9.152,19.52c2.624,5.664,4.544,9.976,6.592,15.16h0.2\r\n\tc1.944-4.856,4.064-9.6,6.688-15.16l9.152-19.52H63.32l-25.336,44.096v32.088L24.096,300.152L24.096,300.152z' }), (0, jsx_runtime_1.jsx)("path", { d: 'M112.992,272.096c1.136,15.008-10.112,28.088-25.12,29.224c-1.048,0.08-2.096,0.096-3.136,0.056\r\n\tc-14.672,0.584-27.04-10.848-27.624-25.52c-0.04-0.936-0.024-1.88,0.04-2.816c-1.136-14.976,10.096-28.04,25.072-29.176\r\n\tc1.144-0.088,2.288-0.104,3.432-0.04c14.568-0.552,26.832,10.808,27.384,25.376C113.08,270.168,113.064,271.136,112.992,272.096z\r\n\t M71.512,272.712c0,10.584,5.184,18.64,13.656,18.64c7.928,0,13.48-7.784,13.48-18.912c0-8.6-3.864-18.4-13.344-18.4\r\n\tC75.472,254,71.512,263.488,71.512,272.712L71.512,272.712z' }), (0, jsx_runtime_1.jsx)("path", { d: 'M173.72,283.624c0,6.552,0.232,12,0.448,16.52h-12.224l-0.68-8.392h-0.208c-3.736,6.136-10.472,9.8-17.656,9.6\r\n\tc-10.072,0-19.2-6.008-19.2-24v-32.296h13.888v29.976c0,9.152,2.968,15.096,10.304,15.096c6.376-0.184,11.44-5.424,11.408-11.808\r\n\tv-33.248h13.92C173.72,245.072,173.72,283.624,173.72,283.624z' }), (0, jsx_runtime_1.jsx)("path", { d: 'M493.392,347.76H224.728c-10.256-0.032-18.568-8.344-18.6-18.6V182.84c0.032-10.256,8.344-18.568,18.6-18.6H493.4\r\n\tc10.256,0.032,18.568,8.344,18.6,18.6v146.328C511.96,339.424,503.648,347.728,493.392,347.76z' }), (0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsx)("path", { style: { opacity: 0.2, fill: '#fff' }, d: 'M206.128,187.792V313.2\r\n\t\t\tc0.032,2.336,0.416,4.648,1.144,6.864L392.416,164.24H206.24' }) }) }), (0, jsx_runtime_1.jsxs)("g", { children: [(0, jsx_runtime_1.jsx)("path", { style: { fill: '#fff' }, d: 'M262.224,235.568H240.52V223.96h57.6v11.608h-21.96v64.592h-13.936V235.568z' }), (0, jsx_runtime_1.jsx)("path", { style: { fill: '#fff' }, d: 'M350.12,283.624c0,6.552,0.232,12,0.448,16.52h-12.224l-0.68-8.392h-0.2\r\n\t\tc-3.736,6.136-10.472,9.8-17.656,9.6c-10.072,0-19.2-6.008-19.2-24v-32.296h13.872v29.976c0,9.152,2.968,15.096,10.304,15.096\r\n\t\tc6.376-0.184,11.44-5.424,11.408-11.808v-33.248h13.92L350.12,283.624z' }), (0, jsx_runtime_1.jsx)("path", { style: { fill: '#fff' }, d: 'M364.704,300.152c0.232-3.752,0.48-9.824,0.48-15.496v-64.8h13.888v32.8h0.232\r\n\t\tc3.92-5.816,10.6-9.152,17.6-8.8c13.48,0,23.072,11.2,22.976,27.928c0,19.8-12.568,29.6-24.984,29.6\r\n\t\tc-7.128,0.36-13.856-3.304-17.408-9.496h-0.232l-0.68,8.256L364.704,300.152z M379.104,277.416c-0.016,1.104,0.104,2.2,0.344,3.272\r\n\t\tc1.408,5.68,6.472,9.688,12.32,9.76c8.704,0,14.032-7.032,14.032-18.088c0-9.76-4.64-17.688-13.92-17.688\r\n\t\tc-5.944,0.2-11,4.376-12.32,10.176c-0.272,1.184-0.416,2.4-0.448,3.616L379.104,277.416L379.104,277.416z' }), (0, jsx_runtime_1.jsx)("path", { style: { fill: '#fff' }, d: 'M441.168,276.528c0.304,8.256,7.248,14.704,15.504,14.4c0.488-0.016,0.976-0.056,1.456-0.128\r\n\t\tc5.2,0.12,10.376-0.736,15.256-2.528l2.048,9.6c-6.144,2.344-12.68,3.504-19.256,3.416c-14.336,1.304-27.024-9.264-28.328-23.6\r\n\t\tc-0.128-1.416-0.144-2.84-0.04-4.256c-1.272-15.024,9.872-28.232,24.896-29.504c0.672-0.056,1.336-0.088,2.008-0.096\r\n\t\tc17.888,0,23.76,14.744,23.76,26.832c0.016,1.968-0.136,3.936-0.448,5.88h-36.856V276.528z M465.368,266.768\r\n\t\tc0.88-6.488-3.664-12.464-10.152-13.344c-0.424-0.056-0.848-0.096-1.28-0.104c-7.136,0.424-12.736,6.296-12.8,13.448H465.368z' })] })] }), (0, jsx_runtime_1.jsx)(ui_1.Input, __assign({}, props, { placeholder: 'URL V\u00EDdeo youtube' })), inputValue && ((0, jsx_runtime_1.jsx)("iframe", { src: inputValue, title: 'YouTube video player', frameBorder: '0', allow: 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share', referrerPolicy: 'strict-origin-when-cross-origin', allowFullScreen: true }))] }));
}
//# sourceMappingURL=index.js.map