infinity-forge 0.64.5 → 0.64.6
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/ui/hooks/permitions/camera/styles.d.ts +4 -0
- package/dist/ui/hooks/permitions/camera/styles.js +14 -0
- package/dist/ui/hooks/permitions/camera/styles.js.map +1 -0
- package/dist/ui/hooks/permitions/camera/use-camera.js +34 -2
- package/dist/ui/hooks/permitions/camera/use-camera.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const Camera: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
3
|
+
ref?: import("react").Ref<HTMLDivElement>;
|
|
4
|
+
}, never>> & string;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
+
};
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.Camera = void 0;
|
|
11
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
+
exports.Camera = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n .content {\n display: flex;\n flex-direction: column;\n gap: 2px;\n position: relative;\n z-index: 22;\n\n .buttons {\n display: flex;\n align-items: center;\n gap: 5px;\n position: absolute;\n left: 50%;\n bottom: 20px;\n transform: translate(-50%);\n\n button {\n width: 50px;\n height: 50px;\n }\n\n button.confirm {\n background: #1fa82c;\n border: 2px solid #1fa82c;\n\n svg {\n stroke: #fff;\n }\n }\n\n button.close {\n background: red;\n border: 2px solid red;\n\n svg {\n fill: #fff;\n }\n }\n }\n\n button.take {\n position: absolute;\n left: 50%;\n bottom: 20px;\n transform: translate(-50%);\n }\n\n button {\n width: 60px;\n height: 60px;\n border-radius: 50%;\n padding: 12px;\n border: none;\n background: #dedede;\n border: 2px solid #dedede;\n box-shadow: 0px 0px 0px 2px #fff inset;\n\n &:before {\n position: absolute;\n content: '';\n width: 1px;\n height: 1px;\n border-radius: 50%;\n top: 0;\n left: 0;\n background: #000;\n z-index: 22;\n }\n\n svg {\n width: auto;\n height: 100%;\n }\n }\n }\n"], ["\n .content {\n display: flex;\n flex-direction: column;\n gap: 2px;\n position: relative;\n z-index: 22;\n\n .buttons {\n display: flex;\n align-items: center;\n gap: 5px;\n position: absolute;\n left: 50%;\n bottom: 20px;\n transform: translate(-50%);\n\n button {\n width: 50px;\n height: 50px;\n }\n\n button.confirm {\n background: #1fa82c;\n border: 2px solid #1fa82c;\n\n svg {\n stroke: #fff;\n }\n }\n\n button.close {\n background: red;\n border: 2px solid red;\n\n svg {\n fill: #fff;\n }\n }\n }\n\n button.take {\n position: absolute;\n left: 50%;\n bottom: 20px;\n transform: translate(-50%);\n }\n\n button {\n width: 60px;\n height: 60px;\n border-radius: 50%;\n padding: 12px;\n border: none;\n background: #dedede;\n border: 2px solid #dedede;\n box-shadow: 0px 0px 0px 2px #fff inset;\n\n &:before {\n position: absolute;\n content: '';\n width: 1px;\n height: 1px;\n border-radius: 50%;\n top: 0;\n left: 0;\n background: #000;\n z-index: 22;\n }\n\n svg {\n width: auto;\n height: 100%;\n }\n }\n }\n"])));
|
|
13
|
+
var templateObject_1;
|
|
14
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/hooks/permitions/camera/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,MAAM,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,25CAAA,w1CA4ElC,KAAA"}
|
|
@@ -1,4 +1,27 @@
|
|
|
1
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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
2
25
|
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
3
26
|
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
4
27
|
return new (P || (P = Promise))(function (resolve, reject) {
|
|
@@ -45,11 +68,12 @@ var react_1 = require("react");
|
|
|
45
68
|
var ui_1 = require("../../../../ui/index.js");
|
|
46
69
|
var webcan_component_1 = __importDefault(require("./webcan-component.js"));
|
|
47
70
|
var use_monitoring_video_permission_1 = require("./use-monitoring-video-permission.js");
|
|
71
|
+
var S = __importStar(require("./styles.js"));
|
|
48
72
|
function useCamera() {
|
|
49
73
|
function ButtonOpenCamera(_a) {
|
|
50
74
|
var children = _a.children, onConfirm = _a.onConfirm;
|
|
51
75
|
var _b = (0, react_1.useState)(false), open = _b[0], setOpen = _b[1];
|
|
52
|
-
return ((0, jsx_runtime_1.
|
|
76
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ui_1.Modal, { styles: { padding: 0 }, open: open, onClose: function () { return setOpen(false); }, children: open && (0, jsx_runtime_1.jsx)(CameraPermition, { onConfirm: onConfirm }) }), (0, jsx_runtime_1.jsx)("button", { style: { padding: 0, background: 'none', border: 0 }, type: 'button', onClick: function () { return setOpen(true); }, children: children })] }));
|
|
53
77
|
}
|
|
54
78
|
return { ButtonOpenCamera: ButtonOpenCamera };
|
|
55
79
|
}
|
|
@@ -71,6 +95,14 @@ function CameraPermition(_a) {
|
|
|
71
95
|
});
|
|
72
96
|
});
|
|
73
97
|
}
|
|
74
|
-
|
|
98
|
+
function cancelCapturePhoto() {
|
|
99
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
100
|
+
return __generator(this, function (_a) {
|
|
101
|
+
setCameraResult({ image: null, file: null });
|
|
102
|
+
return [2 /*return*/];
|
|
103
|
+
});
|
|
104
|
+
});
|
|
105
|
+
}
|
|
106
|
+
return ((0, jsx_runtime_1.jsx)(S.Camera, { children: permission === null ? ((0, jsx_runtime_1.jsx)(ui_1.LoaderCircle, { size: 40, color: '#000' })) : permission ? ((0, jsx_runtime_1.jsx)("div", { className: 'content', children: cameraResult.image ? ((0, jsx_runtime_1.jsxs)("div", { className: 'result', children: [(0, jsx_runtime_1.jsx)("img", { src: cameraResult.image, alt: '' }), (0, jsx_runtime_1.jsxs)("div", { className: 'buttons', children: [(0, jsx_runtime_1.jsx)("button", { className: 'confirm', type: 'button', onClick: function () { return onConfirm(cameraResult); }, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'Checked' }) }), (0, jsx_runtime_1.jsx)("button", { className: 'close', type: 'button', onClick: cancelCapturePhoto, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'CloseIcon' }) })] })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(webcan_component_1.default, { audio: false, ref: webcamRef, screenshotFormat: 'image/jpeg', videoConstraints: { facingMode: 'user' } }), (0, jsx_runtime_1.jsx)("button", { className: 'take', type: 'button', onClick: handleCapturePhoto, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconCam', stroke: 'currentColor' }) })] })) })) : ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h1", { children: "N\u00E3o tem permiss\u00E3o para usar sua c\u00E2mera" }), (0, jsx_runtime_1.jsxs)("ul", { children: [(0, jsx_runtime_1.jsx)("li", { children: "1. Clique no \u00EDcone de bloqueio na barra de endere\u00E7o do navegador" }), (0, jsx_runtime_1.jsx)("li", { children: "2. Ativar c\u00E2mera" })] })] })) }));
|
|
75
107
|
}
|
|
76
108
|
//# sourceMappingURL=use-camera.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-camera.js","sourceRoot":"","sources":["../../../../../src/ui/hooks/permitions/camera/use-camera.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"use-camera.js","sourceRoot":"","sources":["../../../../../src/ui/hooks/permitions/camera/use-camera.tsx"],"names":[],"mappings":"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"}
|