infinity-forge 4.3.2 → 4.3.4
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/dist/test/index.js +14 -54
- package/dist/test/index.js.map +1 -1
- package/dist/ui/components/index.d.ts +1 -1
- package/dist/ui/components/index.js +1 -1
- package/dist/ui/components/index.js.map +1 -1
- package/dist/ui/components/video/component.d.ts +2 -0
- package/dist/ui/components/video/component.js +26 -0
- package/dist/ui/components/video/component.js.map +1 -0
- package/dist/ui/components/video/index.d.ts +2 -0
- package/dist/ui/components/video/index.js +19 -0
- package/dist/ui/components/video/index.js.map +1 -0
- package/dist/ui/components/video/interfaces.d.ts +15 -0
- package/dist/ui/components/video/interfaces.js +3 -0
- package/dist/ui/components/video/interfaces.js.map +1 -0
- package/dist/ui/components/video/panda-video/components/index.d.ts +2 -0
- package/dist/ui/components/video/panda-video/components/index.js +19 -0
- package/dist/ui/components/video/panda-video/components/index.js.map +1 -0
- package/dist/ui/components/video/panda-video/components/player-component.d.ts +1 -0
- package/dist/ui/components/video/panda-video/components/player-component.js +89 -0
- package/dist/ui/components/video/panda-video/components/player-component.js.map +1 -0
- package/dist/ui/components/video/panda-video/components/player-wrapper.d.ts +1 -0
- package/dist/ui/components/video/panda-video/components/player-wrapper.js +13 -0
- package/dist/ui/components/video/panda-video/components/player-wrapper.js.map +1 -0
- package/dist/ui/components/video/panda-video/index.d.ts +2 -0
- package/dist/ui/components/video/panda-video/index.js +19 -0
- package/dist/ui/components/video/panda-video/index.js.map +1 -0
- package/dist/ui/components/video/panda-video/interfaces.d.ts +89 -0
- package/dist/ui/components/video/panda-video/interfaces.js +3 -0
- package/dist/ui/components/video/panda-video/interfaces.js.map +1 -0
- package/dist/ui/components/video/panda-video/player.d.ts +5 -0
- package/dist/ui/components/video/panda-video/player.js +46 -0
- package/dist/ui/components/video/panda-video/player.js.map +1 -0
- package/dist/ui/hooks/index.d.ts +1 -1
- package/package.json +1 -1
- package/dist/test/test.d.ts +0 -1
- package/dist/test/test.js +0 -37
- package/dist/test/test.js.map +0 -1
- package/dist/ui/components/panda-video/index.d.ts +0 -13
- package/dist/ui/components/panda-video/index.js +0 -37
- package/dist/ui/components/panda-video/index.js.map +0 -1
package/dist/test/index.js
CHANGED
|
@@ -1,62 +1,22 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
3
|
exports.NaoRemoverDaHomeUsadaParaTesteTestarAquiDentro = void 0;
|
|
7
4
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
-
var
|
|
9
|
-
var moment_1 = __importDefault(require("moment"));
|
|
5
|
+
var ui_1 = require("../ui/index.js");
|
|
10
6
|
function NaoRemoverDaHomeUsadaParaTesteTestarAquiDentro() {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
columnsConfiguration: {
|
|
25
|
-
columns: [
|
|
26
|
-
{
|
|
27
|
-
id: 'description',
|
|
28
|
-
label: 'Nome Camapnha',
|
|
29
|
-
width: 100,
|
|
30
|
-
Component: {
|
|
31
|
-
Element: function (props) { return props === null || props === void 0 ? void 0 : props.description; },
|
|
32
|
-
props: {},
|
|
33
|
-
allProps: true,
|
|
34
|
-
},
|
|
35
|
-
},
|
|
36
|
-
{
|
|
37
|
-
id: 'startDate',
|
|
38
|
-
label: 'Data inicial',
|
|
39
|
-
width: 100,
|
|
40
|
-
Component: {
|
|
41
|
-
Element: function (props) { return props === null || props === void 0 ? void 0 : props.startDate; },
|
|
42
|
-
props: {},
|
|
43
|
-
allProps: true,
|
|
44
|
-
},
|
|
45
|
-
},
|
|
46
|
-
],
|
|
47
|
-
},
|
|
48
|
-
configs: {
|
|
49
|
-
errorMessage: 'Não há itens no momento',
|
|
50
|
-
tableData: data || [],
|
|
51
|
-
mobile: {
|
|
52
|
-
mediaQuery: 768,
|
|
53
|
-
Component: function (props) {
|
|
54
|
-
return (0, jsx_runtime_1.jsx)("div", { children: props.id });
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
},
|
|
58
|
-
}).Table;
|
|
59
|
-
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: Table }));
|
|
7
|
+
return ((0, jsx_runtime_1.jsx)(ui_1.VideoPlayer, { type: 'panda-video', configurations: {
|
|
8
|
+
onError: function (err) { },
|
|
9
|
+
onEvent: function (event) {
|
|
10
|
+
console.log(event);
|
|
11
|
+
},
|
|
12
|
+
onReady: function (t) {
|
|
13
|
+
console.log(t, '@');
|
|
14
|
+
console.log(t, '@');
|
|
15
|
+
},
|
|
16
|
+
videoURL: "",
|
|
17
|
+
videoId: '39809285-0dd0-41e7-b939-14b78ac04724',
|
|
18
|
+
configurations: {},
|
|
19
|
+
} }));
|
|
60
20
|
}
|
|
61
21
|
exports.NaoRemoverDaHomeUsadaParaTesteTestarAquiDentro = NaoRemoverDaHomeUsadaParaTesteTestarAquiDentro;
|
|
62
22
|
//# sourceMappingURL=index.js.map
|
package/dist/test/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/test/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/test/index.tsx"],"names":[],"mappings":";;;;AAAA,2BAAkC;AAElC,SAAgB,8CAA8C;IAC5D,OAAO,CACL,uBAAC,gBAAW,IACV,IAAI,EAAC,aAAa,EAClB,cAAc,EAAE;YACd,OAAO,EAAE,UAAC,GAAG,IAAM,CAAC;YACpB,OAAO,EAAE,UAAC,KAAK;gBACb,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;YACpB,CAAC;YACD,OAAO,EAAE,UAAC,CAAC;gBACT,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;gBACnB,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;YACrB,CAAC;YACD,QAAQ,EAAE,EAAE;YACZ,OAAO,EAAE,sCAAsC;YAC/C,cAAc,EAAE,EAAE;SACnB,GACD,CACH,CAAA;AACH,CAAC;AAnBD,wGAmBC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export * from './form/index.js';
|
|
2
|
+
export * from "./video/index.js";
|
|
2
3
|
export * from './modal/index.js';
|
|
3
4
|
export * from './button/index.js';
|
|
4
5
|
export * from './tooltip/index.js';
|
|
@@ -13,7 +14,6 @@ export * from './next-image/index.js';
|
|
|
13
14
|
export * from './breadcrumb/index.js';
|
|
14
15
|
export * from './pagination/index.js';
|
|
15
16
|
export * from './menu-mobile/index.js';
|
|
16
|
-
export * from './panda-video/index.js';
|
|
17
17
|
export * from './loader-circle/index.js';
|
|
18
18
|
export * from './error-boundary/index.js';
|
|
19
19
|
export * from './loading-screen/index.js';
|
|
@@ -15,6 +15,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
__exportStar(require("./form/index.js"), exports);
|
|
18
|
+
__exportStar(require("./video/index.js"), exports);
|
|
18
19
|
__exportStar(require("./modal/index.js"), exports);
|
|
19
20
|
__exportStar(require("./button/index.js"), exports);
|
|
20
21
|
__exportStar(require("./tooltip/index.js"), exports);
|
|
@@ -29,7 +30,6 @@ __exportStar(require("./next-image/index.js"), exports);
|
|
|
29
30
|
__exportStar(require("./breadcrumb/index.js"), exports);
|
|
30
31
|
__exportStar(require("./pagination/index.js"), exports);
|
|
31
32
|
__exportStar(require("./menu-mobile/index.js"), exports);
|
|
32
|
-
__exportStar(require("./panda-video/index.js"), exports);
|
|
33
33
|
__exportStar(require("./loader-circle/index.js"), exports);
|
|
34
34
|
__exportStar(require("./error-boundary/index.js"), exports);
|
|
35
35
|
__exportStar(require("./loading-screen/index.js"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAsB;AACtB,0CAAuB;AACvB,2CAAwB;AACxB,4CAAyB;AACzB,4CAAyB;AACzB,6CAA0B;AAC1B,6CAA0B;AAC1B,8CAA2B;AAC3B,4CAAyB;AACzB,8CAA2B;AAC3B,8CAA2B;AAC3B,+CAA4B;AAC5B,+CAA4B;AAC5B,+CAA4B;AAC5B,gDAA6B;AAC7B,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAsB;AACtB,0CAAuB;AACvB,0CAAuB;AACvB,2CAAwB;AACxB,4CAAyB;AACzB,4CAAyB;AACzB,6CAA0B;AAC1B,6CAA0B;AAC1B,8CAA2B;AAC3B,4CAAyB;AACzB,8CAA2B;AAC3B,8CAA2B;AAC3B,+CAA4B;AAC5B,+CAA4B;AAC5B,+CAA4B;AAC5B,gDAA6B;AAC7B,kDAA+B;AAC/B,mDAAgC;AAChC,mDAAgC;AAChC,0DAAuC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
+
exports.VideoPlayer = void 0;
|
|
15
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
16
|
+
var panda_video_1 = require("./panda-video/index.js");
|
|
17
|
+
function VideoPlayer(_a) {
|
|
18
|
+
var type = _a.type, configurations = _a.configurations;
|
|
19
|
+
switch (type) {
|
|
20
|
+
case 'panda-video':
|
|
21
|
+
return (0, jsx_runtime_1.jsx)(panda_video_1.PandaVideo, __assign({}, configurations));
|
|
22
|
+
default: return (0, jsx_runtime_1.jsx)("p", { children: "Componente de v\u00EDdeo n\u00E3o reconhecido" });
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
exports.VideoPlayer = VideoPlayer;
|
|
26
|
+
//# sourceMappingURL=component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/ui/components/video/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAEA,6CAA0C;AAG1C,SAAgB,WAAW,CAAC,EAA0C;QAAxC,IAAI,UAAA,EAAE,cAAc,oBAAA;IAChD,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,aAAa;YAChB,OAAO,uBAAC,wBAAU,eAAK,cAAc,EAAI,CAAA;QAE3C,OAAO,CAAC,CAAC,OAAO,0FAA0C,CAAA;IAC5D,CAAC;AACH,CAAC;AAPD,kCAOC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./component.js"), exports);
|
|
18
|
+
__exportStar(require("./panda-video/index.js"), exports);
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/video/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA2B;AAC3B,gDAA6B"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { PandaPlayerProps } from "./panda-video/index.js";
|
|
2
|
+
type PandaVideo = {
|
|
3
|
+
type: 'panda-video';
|
|
4
|
+
configurations: PandaPlayerProps;
|
|
5
|
+
};
|
|
6
|
+
type Vimeo = {
|
|
7
|
+
type: 'vimeo';
|
|
8
|
+
configurations: {
|
|
9
|
+
tiago: string;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
export type VideoPlayerProps = ({
|
|
13
|
+
type: "panda-video" | "vimeo";
|
|
14
|
+
} & PandaVideo) | Vimeo;
|
|
15
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/ui/components/video/interfaces.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./player-wrapper.js"), exports);
|
|
18
|
+
__exportStar(require("./player-component.js"), exports);
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/video/panda-video/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAgC;AAChC,qDAAkC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function PlayerComponent(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
3
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
4
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
5
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
6
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
7
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
8
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
12
|
+
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
13
|
+
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
14
|
+
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
15
|
+
function step(op) {
|
|
16
|
+
if (f) throw new TypeError("Generator is already executing.");
|
|
17
|
+
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
18
|
+
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
19
|
+
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
20
|
+
switch (op[0]) {
|
|
21
|
+
case 0: case 1: t = op; break;
|
|
22
|
+
case 4: _.label++; return { value: op[1], done: false };
|
|
23
|
+
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
24
|
+
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
25
|
+
default:
|
|
26
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
27
|
+
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
28
|
+
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
29
|
+
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
30
|
+
if (t[2]) _.ops.pop();
|
|
31
|
+
_.trys.pop(); continue;
|
|
32
|
+
}
|
|
33
|
+
op = body.call(thisArg, _);
|
|
34
|
+
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
35
|
+
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
36
|
+
}
|
|
37
|
+
};
|
|
38
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
39
|
+
exports.PlayerComponent = void 0;
|
|
40
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
41
|
+
var react_1 = require("react");
|
|
42
|
+
var player_1 = require("../player.js");
|
|
43
|
+
function PlayerComponent() {
|
|
44
|
+
var _a = (0, react_1.useState)(null), pandaPlayer = _a[0], setPandaPlayer = _a[1];
|
|
45
|
+
var _b = (0, player_1.usePlayerVideo)(), configurations = _b.configurations, videoURL = _b.videoURL, videoId = _b.videoId, onError = _b.onError, onEvent = _b.onEvent, onReady = _b.onReady;
|
|
46
|
+
var configsURL = Object.keys(configurations).reduce(function (reducer, key) { return reducer + '&' + key + '=' + configurations[key]; }, '');
|
|
47
|
+
var src = videoURL || "https://player-vz-e122e2e0-45e.tv.pandavideo.com.br/embed/?v=".concat(videoId).concat(configsURL);
|
|
48
|
+
(0, react_1.useEffect)(function () {
|
|
49
|
+
if (process.browser) {
|
|
50
|
+
window.pandascripttag = window.pandascripttag || [];
|
|
51
|
+
window.pandascripttag.push(function () {
|
|
52
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
53
|
+
var pandaPlayer;
|
|
54
|
+
return __generator(this, function (_a) {
|
|
55
|
+
pandaPlayer = new window.PandaPlayer('panda-' + videoId, {
|
|
56
|
+
onReady: function () {
|
|
57
|
+
pandaPlayer.onEvent(function (data) {
|
|
58
|
+
onEvent && onEvent(data);
|
|
59
|
+
});
|
|
60
|
+
},
|
|
61
|
+
playerConfigs: {
|
|
62
|
+
params: {
|
|
63
|
+
autoplay: true,
|
|
64
|
+
},
|
|
65
|
+
},
|
|
66
|
+
onError: function (error) {
|
|
67
|
+
onError && onError(error);
|
|
68
|
+
},
|
|
69
|
+
});
|
|
70
|
+
setTimeout(function () {
|
|
71
|
+
setPandaPlayer(pandaPlayer);
|
|
72
|
+
}, 1000);
|
|
73
|
+
return [2 /*return*/];
|
|
74
|
+
});
|
|
75
|
+
});
|
|
76
|
+
});
|
|
77
|
+
}
|
|
78
|
+
}, []);
|
|
79
|
+
(0, react_1.useEffect)(function () {
|
|
80
|
+
if (pandaPlayer) {
|
|
81
|
+
setTimeout(function () {
|
|
82
|
+
onReady && onReady(pandaPlayer);
|
|
83
|
+
}, 1000);
|
|
84
|
+
}
|
|
85
|
+
}, [pandaPlayer]);
|
|
86
|
+
return (0, jsx_runtime_1.jsx)("iframe", { src: src, id: 'panda-' + videoId, style: { border: 'none', width: '100%', height: '400px' } });
|
|
87
|
+
}
|
|
88
|
+
exports.PlayerComponent = PlayerComponent;
|
|
89
|
+
//# sourceMappingURL=player-component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"player-component.js","sourceRoot":"","sources":["../../../../../../src/ui/components/video/panda-video/components/player-component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA2C;AAE3C,oCAA0C;AAI1C,SAAgB,eAAe;IACvB,IAAA,KAAgC,IAAA,gBAAQ,EAA0B,IAAI,CAAC,EAAtE,WAAW,QAAA,EAAE,cAAc,QAA2C,CAAA;IAEvE,IAAA,KAAmE,IAAA,uBAAc,GAAE,EAAjF,cAAc,oBAAA,EAAE,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,OAAO,aAAA,EAAE,OAAO,aAAA,EAAE,OAAO,aAAqB,CAAA;IAEzF,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,MAAM,CACnD,UAAC,OAAO,EAAE,GAAG,IAAK,OAAA,OAAO,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,cAAc,CAAC,GAAG,CAAC,EAA/C,CAA+C,EACjE,EAAE,CACH,CAAA;IAED,IAAM,GAAG,GAAG,QAAQ,IAAI,uEAAgE,OAAO,SAAG,UAAU,CAAE,CAAA;IAE9G,IAAA,iBAAS,EAAC;QACR,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;YACnB,MAAc,CAAC,cAAc,GAAI,MAAc,CAAC,cAAc,IAAI,EAAS,CAAA;YAE3E,MAAc,CAAC,cAAc,CAAC,IAAI,CAAC;;;;wBAC5B,WAAW,GAAG,IAAK,MAAc,CAAC,WAAW,CAAC,QAAQ,GAAG,OAAO,EAAE;4BACtE,OAAO,EAAE;gCACP,WAAW,CAAC,OAAO,CAAC,UAAU,IAAI;oCAChC,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAAA;gCAC1B,CAAC,CAAC,CAAA;4BACJ,CAAC;4BACD,aAAa,EAAE;gCACb,MAAM,EAAE;oCACN,QAAQ,EAAE,IAAI;iCACf;6BACF;4BACD,OAAO,EAAE,UAAC,KAAK;gCACb,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,CAAA;4BAC3B,CAAC;yBACF,CAAC,CAAA;wBAEF,UAAU,CAAC;4BACT,cAAc,CAAC,WAAW,CAAC,CAAA;wBAC7B,CAAC,EAAE,IAAI,CAAC,CAAA;;;;aACT,CAAC,CAAA;QACJ,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAA,iBAAS,EAAC;QACR,IAAI,WAAW,EAAE,CAAC;YAChB,UAAU,CAAC;gBACT,OAAO,IAAI,OAAO,CAAC,WAAW,CAAC,CAAA;YACjC,CAAC,EAAE,IAAI,CAAC,CAAA;QACV,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,OAAO,mCAAQ,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,QAAQ,GAAG,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAI,CAAA;AAChH,CAAC;AAjDD,0CAiDC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function PlayerWrapper(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.PlayerWrapper = void 0;
|
|
4
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
var ui_1 = require("../../../../../ui/index.js");
|
|
6
|
+
var player_1 = require("../player.js");
|
|
7
|
+
var player_component_1 = require("./player-component.js");
|
|
8
|
+
function PlayerWrapper() {
|
|
9
|
+
var scriptIsReady = (0, player_1.usePlayerVideo)().scriptIsReady;
|
|
10
|
+
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: scriptIsReady ? (0, jsx_runtime_1.jsx)(player_component_1.PlayerComponent, {}) : (0, jsx_runtime_1.jsx)(ui_1.LoaderCircle, { size: 30, color: '#000' }) });
|
|
11
|
+
}
|
|
12
|
+
exports.PlayerWrapper = PlayerWrapper;
|
|
13
|
+
//# sourceMappingURL=player-wrapper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"player-wrapper.js","sourceRoot":"","sources":["../../../../../../src/ui/components/video/panda-video/components/player-wrapper.tsx"],"names":[],"mappings":";;;;AAAA,2BAAmC;AAEnC,oCAA0C;AAC1C,uDAAoD;AAEpD,SAAgB,aAAa;IACnB,IAAA,aAAa,GAAK,IAAA,uBAAc,GAAE,cAArB,CAAqB;IAE1C,OAAO,2DAAG,aAAa,CAAC,CAAC,CAAC,uBAAC,kCAAe,KAAG,CAAC,CAAC,CAAC,uBAAC,iBAAY,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,MAAM,GAAG,GAAI,CAAA;AAC7F,CAAC;AAJD,sCAIC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./player.js"), exports);
|
|
18
|
+
__exportStar(require("./interfaces.js"), exports);
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/video/panda-video/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAwB;AACxB,+CAA4B"}
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
type PandaVideoConfigurations = {
|
|
2
|
+
color?: string;
|
|
3
|
+
controlsColor?: string;
|
|
4
|
+
controls?: 'play-large' | 'play' | 'progress' | 'current-time' | 'volume' | 'captions' | 'settings' | 'pip' | 'fullscreen'[];
|
|
5
|
+
autoplay?: boolean;
|
|
6
|
+
muted?: boolean;
|
|
7
|
+
saveProgress?: boolean;
|
|
8
|
+
thumbnail?: string;
|
|
9
|
+
preload?: boolean;
|
|
10
|
+
mutedIndicatorIcon?: boolean;
|
|
11
|
+
mutedIndicatorTextTop?: string;
|
|
12
|
+
mutedIndicatorTextBottom?: string;
|
|
13
|
+
title?: string;
|
|
14
|
+
watermark?: string;
|
|
15
|
+
alternativeProgress?: boolean;
|
|
16
|
+
alternativeProgress2xLimit?: number;
|
|
17
|
+
alternativeProgressVelocity?: number;
|
|
18
|
+
alternativeProgressHeight?: number;
|
|
19
|
+
saveProgressTitle?: string;
|
|
20
|
+
saveProgressBackgroundOpacity?: number;
|
|
21
|
+
saveProgressButton1Title?: string;
|
|
22
|
+
saveProgressButton2Title?: string;
|
|
23
|
+
hideControlsOnStart?: boolean;
|
|
24
|
+
restartAfterEnd?: boolean;
|
|
25
|
+
troubleshootDialog?: boolean;
|
|
26
|
+
disableForward?: boolean;
|
|
27
|
+
playOpensFullscreen?: boolean;
|
|
28
|
+
availableSpeeds?: '0.5' | '0.75' | '1' | '1.25' | '1.5' | '2';
|
|
29
|
+
defaultSpeed?: number;
|
|
30
|
+
captionsFontSize?: number;
|
|
31
|
+
smartAutoplay?: boolean;
|
|
32
|
+
};
|
|
33
|
+
type PandaVideoPlayer = {
|
|
34
|
+
appendParentUrlOnOutsideCtas?: boolean;
|
|
35
|
+
audio?: boolean;
|
|
36
|
+
callbacks?: Array<() => void>;
|
|
37
|
+
captions?: {
|
|
38
|
+
active?: boolean;
|
|
39
|
+
currentTrack?: number;
|
|
40
|
+
meta?: Record<string, unknown>;
|
|
41
|
+
toggled?: boolean;
|
|
42
|
+
language?: string;
|
|
43
|
+
};
|
|
44
|
+
captureMessage?: (e: any) => void;
|
|
45
|
+
colors?: {
|
|
46
|
+
primaryColor?: string;
|
|
47
|
+
captionsColor?: string;
|
|
48
|
+
captionsBackgroundColor?: string;
|
|
49
|
+
controlsColor?: string;
|
|
50
|
+
menuColor?: string;
|
|
51
|
+
};
|
|
52
|
+
comparison_id?: string;
|
|
53
|
+
currentTime?: number;
|
|
54
|
+
duration?: number;
|
|
55
|
+
element_id?: string;
|
|
56
|
+
fullscreen?: boolean;
|
|
57
|
+
iframe?: Window;
|
|
58
|
+
library_id?: string;
|
|
59
|
+
live_id?: string;
|
|
60
|
+
muted?: boolean;
|
|
61
|
+
onError?: (error: any) => void;
|
|
62
|
+
onReady?: () => void;
|
|
63
|
+
outsideCtas?: any;
|
|
64
|
+
paused?: boolean;
|
|
65
|
+
pip?: boolean;
|
|
66
|
+
ready?: boolean;
|
|
67
|
+
speed?: {
|
|
68
|
+
selected?: number;
|
|
69
|
+
options?: number[];
|
|
70
|
+
turbo?: number;
|
|
71
|
+
};
|
|
72
|
+
video_external_id?: string;
|
|
73
|
+
video_height?: string;
|
|
74
|
+
video_hls?: string;
|
|
75
|
+
video_width?: string;
|
|
76
|
+
volume?: number;
|
|
77
|
+
_callbackQueue?: Array<any>;
|
|
78
|
+
_receivedEventsQueue?: Array<any>;
|
|
79
|
+
};
|
|
80
|
+
type PandaVideoEvent = {};
|
|
81
|
+
interface PandaPlayerProps {
|
|
82
|
+
onEvent?: (event: PandaVideoEvent) => void;
|
|
83
|
+
onReady?: (event: PandaVideoPlayer) => void;
|
|
84
|
+
onError?: (error: any) => void;
|
|
85
|
+
videoId?: string;
|
|
86
|
+
videoURL?: string;
|
|
87
|
+
configurations?: PandaVideoConfigurations;
|
|
88
|
+
}
|
|
89
|
+
export type { PandaPlayerProps, PandaVideoPlayer, PandaVideoConfigurations };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/ui/components/video/panda-video/interfaces.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
+
exports.usePlayerVideo = exports.PandaVideo = void 0;
|
|
15
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
16
|
+
var react_1 = require("react");
|
|
17
|
+
var components_1 = require("./components/index.js");
|
|
18
|
+
var playerVideoContext = (0, react_1.createContext)({
|
|
19
|
+
scriptIsReady: false,
|
|
20
|
+
videoId: '',
|
|
21
|
+
onError: function () { },
|
|
22
|
+
onEvent: function () { },
|
|
23
|
+
videoURL: '',
|
|
24
|
+
configurations: {}
|
|
25
|
+
});
|
|
26
|
+
function PandaVideo(props) {
|
|
27
|
+
var _a = (0, react_1.useState)(false), scriptIsReady = _a[0], setScriptIsReady = _a[1];
|
|
28
|
+
(0, react_1.useEffect)(function () {
|
|
29
|
+
if (process.browser && !scriptIsReady && !(window === null || window === void 0 ? void 0 : window.PandaPlayer)) {
|
|
30
|
+
var script = document.createElement('script');
|
|
31
|
+
script.src = 'https://player.pandavideo.com.br/api.v2.js';
|
|
32
|
+
script.async = true;
|
|
33
|
+
document.body.appendChild(script);
|
|
34
|
+
script.onload = function () {
|
|
35
|
+
setScriptIsReady(true);
|
|
36
|
+
};
|
|
37
|
+
}
|
|
38
|
+
}, []);
|
|
39
|
+
return ((0, jsx_runtime_1.jsx)(playerVideoContext.Provider, { value: __assign({ scriptIsReady: scriptIsReady }, props), children: (0, jsx_runtime_1.jsx)(components_1.PlayerWrapper, {}) }));
|
|
40
|
+
}
|
|
41
|
+
exports.PandaVideo = PandaVideo;
|
|
42
|
+
function usePlayerVideo() {
|
|
43
|
+
return (0, react_1.useContext)(playerVideoContext);
|
|
44
|
+
}
|
|
45
|
+
exports.usePlayerVideo = usePlayerVideo;
|
|
46
|
+
//# sourceMappingURL=player.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"player.js","sourceRoot":"","sources":["../../../../../src/ui/components/video/panda-video/player.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,+BAAsE;AAEtE,2CAA4C;AAI5C,IAAM,kBAAkB,GAAG,IAAA,qBAAa,EAAgD;IACtF,aAAa,EAAE,KAAK;IACpB,OAAO,EAAE,EAAE;IACX,OAAO,EAAE,cAAO,CAAC;IACjB,OAAO,EAAE,cAAO,CAAC;IACjB,QAAQ,EAAE,EAAE;IACZ,cAAc,EAAE,EAAE;CACnB,CAAC,CAAA;AAEF,SAAgB,UAAU,CAAC,KAAuB;IAC1C,IAAA,KAAoC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAlD,aAAa,QAAA,EAAE,gBAAgB,QAAmB,CAAA;IAEzD,IAAA,iBAAS,EAAC;QACR,IAAI,OAAO,CAAC,OAAO,IAAI,CAAC,aAAa,IAAI,CAAC,CAAC,MAAc,aAAd,MAAM,uBAAN,MAAM,CAAU,WAAW,CAAA,EAAE,CAAC;YACvE,IAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;YAC/C,MAAM,CAAC,GAAG,GAAG,4CAA4C,CAAA;YACzD,MAAM,CAAC,KAAK,GAAG,IAAI,CAAA;YACnB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;YAEjC,MAAM,CAAC,MAAM,GAAG;gBACd,gBAAgB,CAAC,IAAI,CAAC,CAAA;YACxB,CAAC,CAAA;QACH,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,uBAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,aAAI,aAAa,eAAA,IAAK,KAAK,aAC3D,uBAAC,0BAAa,KAAG,GACW,CAC/B,CAAA;AACH,CAAC;AArBD,gCAqBC;AAED,SAAgB,cAAc;IAC5B,OAAO,IAAA,kBAAU,EAAC,kBAAkB,CAAC,CAAA;AACvC,CAAC;AAFD,wCAEC"}
|
package/dist/ui/hooks/index.d.ts
CHANGED
package/package.json
CHANGED
package/dist/test/test.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare function PandaVideo(): import("react/jsx-runtime").JSX.Element;
|
package/dist/test/test.js
DELETED
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.PandaVideo = void 0;
|
|
7
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
-
var react_1 = require("react");
|
|
9
|
-
var script_1 = __importDefault(require("next/script"));
|
|
10
|
-
var videoUrl = "https://player-vz-c59f41fa-15a.tv.pandavideo.com.br/embed/?v=d59ead16-3807-409f-a035-355fc6b18a51";
|
|
11
|
-
function PandaVideo() {
|
|
12
|
-
var _a = (0, react_1.useState)(false), ready = _a[0], setReady = _a[1];
|
|
13
|
-
(0, react_1.useEffect)(function () {
|
|
14
|
-
if (ready) {
|
|
15
|
-
var _window_1 = window;
|
|
16
|
-
if (process.browser) {
|
|
17
|
-
_window_1.pandascripttag = _window_1.pandascripttag || [];
|
|
18
|
-
_window_1.pandascripttag.push(function () {
|
|
19
|
-
new _window_1.PandaPlayer('panda-XXXX', {
|
|
20
|
-
video_id: "d59ead16-3807-409f-a035-355fc6b18a51",
|
|
21
|
-
onReady: function () {
|
|
22
|
-
console.log('PLAYER LOADED');
|
|
23
|
-
},
|
|
24
|
-
});
|
|
25
|
-
});
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
return function () {
|
|
29
|
-
setReady(false);
|
|
30
|
-
};
|
|
31
|
-
}, [ready]);
|
|
32
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { style: { width: 900 }, children: (0, jsx_runtime_1.jsx)("div", { id: 'panda-XXXX' }) }), (0, jsx_runtime_1.jsx)(script_1.default, { async: true, src: 'https://player.pandavideo.com.br/api.v2.js', onLoad: function () {
|
|
33
|
-
setReady(true);
|
|
34
|
-
} })] }));
|
|
35
|
-
}
|
|
36
|
-
exports.PandaVideo = PandaVideo;
|
|
37
|
-
//# sourceMappingURL=test.js.map
|
package/dist/test/test.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"test.js","sourceRoot":"","sources":["../../src/test/test.tsx"],"names":[],"mappings":";;;;;;;AAAA,+BAA2C;AAE3C,uDAAgC;AAEhC,IAAM,QAAQ,GAAG,mGAAmG,CAAA;AAEpH,SAAgB,UAAU;IAClB,IAAA,KAAoB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAlC,KAAK,QAAA,EAAE,QAAQ,QAAmB,CAAA;IAEzC,IAAA,iBAAS,EAAC;QACR,IAAI,KAAK,EAAE,CAAC;YACV,IAAM,SAAO,GAAG,MAAa,CAAA;YAE7B,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;gBACpB,SAAO,CAAC,cAAc,GAAG,SAAO,CAAC,cAAc,IAAI,EAAE,CAAA;gBAErD,SAAO,CAAC,cAAc,CAAC,IAAI,CAAC;oBAC1B,IAAI,SAAO,CAAC,WAAW,CAAC,YAAY,EAAE;wBACpC,QAAQ,EAAE,sCAAsC;wBAChD,OAAO,EAAE;4BACP,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CAAA;wBAC9B,CAAC;qBACF,CAAC,CAAA;gBACJ,CAAC,CAAC,CAAA;YACJ,CAAC;QACH,CAAC;QAED,OAAO;YACL,QAAQ,CAAC,KAAK,CAAC,CAAA;QACjB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IACX,OAAO,CACL,6DACE,gCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,YACxB,gCAAK,EAAE,EAAC,YAAY,GAAO,GACvB,EAEN,uBAAC,gBAAM,IACL,KAAK,QACL,GAAG,EAAC,4CAA4C,EAChD,MAAM,EAAE;oBACN,QAAQ,CAAC,IAAI,CAAC,CAAA;gBAChB,CAAC,GACD,IACD,CACJ,CAAA;AACH,CAAC;AAxCD,gCAwCC"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
declare global {
|
|
2
|
-
interface Window {
|
|
3
|
-
pandascripttag: any;
|
|
4
|
-
PandaPlayer: any;
|
|
5
|
-
}
|
|
6
|
-
}
|
|
7
|
-
interface IPandaVideoProps {
|
|
8
|
-
id?: string;
|
|
9
|
-
videoUrl?: string;
|
|
10
|
-
functions?: any;
|
|
11
|
-
}
|
|
12
|
-
export declare function PandaVideo({ id, videoUrl, functions }: IPandaVideoProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
export {};
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.PandaVideo = void 0;
|
|
4
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
var react_1 = require("react");
|
|
6
|
-
function PandaVideo(_a) {
|
|
7
|
-
var id = _a.id, videoUrl = _a.videoUrl, functions = _a.functions;
|
|
8
|
-
(0, react_1.useEffect)(function () {
|
|
9
|
-
var script = document.createElement('script');
|
|
10
|
-
script.src = 'https://player.pandavideo.com.br/api.v2.js';
|
|
11
|
-
script.async = true;
|
|
12
|
-
document.body.appendChild(script);
|
|
13
|
-
script.onload = function () {
|
|
14
|
-
window.pandascripttag = window.pandascripttag || [];
|
|
15
|
-
window.pandascripttag.push(function () {
|
|
16
|
-
var player = new window.PandaPlayer('panda-XXXX', {
|
|
17
|
-
onReady: function () {
|
|
18
|
-
player.onEvent(function (_a) {
|
|
19
|
-
var message = _a.message;
|
|
20
|
-
functions === null || functions === void 0 ? void 0 : functions(message, player);
|
|
21
|
-
});
|
|
22
|
-
},
|
|
23
|
-
onError: function (event) {
|
|
24
|
-
console.log('Player on Error', event);
|
|
25
|
-
},
|
|
26
|
-
});
|
|
27
|
-
});
|
|
28
|
-
};
|
|
29
|
-
return function () {
|
|
30
|
-
document.body.removeChild(script);
|
|
31
|
-
};
|
|
32
|
-
}, []);
|
|
33
|
-
return ((0, jsx_runtime_1.jsx)("iframe", { id: 'panda-XXXX', src: videoUrl ||
|
|
34
|
-
"https://player-vz-ded14ebd-85a.tv.pandavideo.com.br/embed/?v=".concat(id, "&controls=play-large,play,progress,current-time,volume,captions,settings,pip,fullscreen"), style: { border: 'none', width: '100%', height: '480px' } }));
|
|
35
|
-
}
|
|
36
|
-
exports.PandaVideo = PandaVideo;
|
|
37
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/panda-video/index.tsx"],"names":[],"mappings":";;;;AAAA,+BAAiC;AAejC,SAAgB,UAAU,CAAC,EAA6C;QAA3C,EAAE,QAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA;IAClD,IAAA,iBAAS,EAAC;QACR,IAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;QAC/C,MAAM,CAAC,GAAG,GAAG,4CAA4C,CAAA;QACzD,MAAM,CAAC,KAAK,GAAG,IAAI,CAAA;QACnB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;QAEjC,MAAM,CAAC,MAAM,GAAG;YACd,MAAM,CAAC,cAAc,GAAG,MAAM,CAAC,cAAc,IAAI,EAAE,CAAA;YACnD,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC;gBACzB,IAAM,MAAM,GAAG,IAAI,MAAM,CAAC,WAAW,CAAC,YAAY,EAAE;oBAClD,OAAO,EAAE;wBACP,MAAM,CAAC,OAAO,CAAC,UAAU,EAAW;gCAAT,OAAO,aAAA;4BAChC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,OAAO,EAAE,MAAM,CAAC,CAAA;wBAC9B,CAAC,CAAC,CAAA;oBACJ,CAAC;oBACD,OAAO,EAAE,UAAC,KAAK;wBACb,OAAO,CAAC,GAAG,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;oBACvC,CAAC;iBACF,CAAC,CAAA;YACJ,CAAC,CAAC,CAAA;QACJ,CAAC,CAAA;QAED,OAAO;YACL,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;QACnC,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,mCACE,EAAE,EAAC,YAAY,EACf,GAAG,EACD,QAAQ;YACR,uEAAgE,EAAE,4FAAyF,EAE7J,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GACzD,CACH,CAAA;AACH,CAAC;AAtCD,gCAsCC"}
|