frst-components 0.20.2 → 0.20.3
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/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +651 -230
- package/dist/src/components/LXP/accordionTrack/accordionTrack.d.ts.map +1 -1
- package/dist/src/components/LXP/accordionTrack/accordionTrackList.d.ts +1 -1
- package/dist/src/components/LXP/accordionTrack/accordionTrackList.d.ts.map +1 -1
- package/dist/src/components/LXP/accordionTrack/contentCoursesTrails.d.ts.map +1 -1
- package/dist/src/components/LXP/thumbnails/thumbnails.d.ts +1 -1
- package/dist/src/components/LXP/thumbnails/thumbnails.d.ts.map +1 -1
- package/dist/src/components/LXP/thumbnails/thumbnailsDraggable.d.ts +1 -1
- package/dist/src/components/LXP/thumbnails/thumbnailsDraggable.d.ts.map +1 -1
- package/dist/src/components/emoji-picker/emojiPickerStyles.d.ts +9 -0
- package/dist/src/components/emoji-picker/emojiPickerStyles.d.ts.map +1 -0
- package/dist/src/components/emoji-picker/index.d.ts +7 -1
- package/dist/src/components/emoji-picker/index.d.ts.map +1 -1
- package/dist/src/components/input-comment-v2/index.d.ts +5 -0
- package/dist/src/components/input-comment-v2/index.d.ts.map +1 -0
- package/dist/src/components/input-comment-v2/inputCommentStyles.d.ts +18 -0
- package/dist/src/components/input-comment-v2/inputCommentStyles.d.ts.map +1 -0
- package/dist/src/components/modal/modalLXP/Modal.d.ts +4 -0
- package/dist/src/components/modal/modalLXP/Modal.d.ts.map +1 -0
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -54,6 +54,16 @@ var ComputerIcon = require('@mui/icons-material/Computer');
|
|
|
54
54
|
var PersonAddIcon = require('@mui/icons-material/PersonAdd');
|
|
55
55
|
var ArrowBackIosIcon = require('@mui/icons-material/ArrowBackIos');
|
|
56
56
|
var ArrowForwardIosIcon = require('@mui/icons-material/ArrowForwardIos');
|
|
57
|
+
var data = require('@emoji-mart/data');
|
|
58
|
+
var emojiMart = require('emoji-mart');
|
|
59
|
+
var de = require('@emoji-mart/data/i18n/de.json');
|
|
60
|
+
var en = require('@emoji-mart/data/i18n/en.json');
|
|
61
|
+
var fr = require('@emoji-mart/data/i18n/fr.json');
|
|
62
|
+
var it = require('@emoji-mart/data/i18n/it.json');
|
|
63
|
+
var pl = require('@emoji-mart/data/i18n/pl.json');
|
|
64
|
+
var pt = require('@emoji-mart/data/i18n/pt.json');
|
|
65
|
+
var ru = require('@emoji-mart/data/i18n/ru.json');
|
|
66
|
+
var zh = require('@emoji-mart/data/i18n/zh.json');
|
|
57
67
|
|
|
58
68
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
59
69
|
|
|
@@ -110,6 +120,15 @@ var ComputerIcon__default = /*#__PURE__*/_interopDefaultLegacy(ComputerIcon);
|
|
|
110
120
|
var PersonAddIcon__default = /*#__PURE__*/_interopDefaultLegacy(PersonAddIcon);
|
|
111
121
|
var ArrowBackIosIcon__default = /*#__PURE__*/_interopDefaultLegacy(ArrowBackIosIcon);
|
|
112
122
|
var ArrowForwardIosIcon__default = /*#__PURE__*/_interopDefaultLegacy(ArrowForwardIosIcon);
|
|
123
|
+
var data__default = /*#__PURE__*/_interopDefaultLegacy(data);
|
|
124
|
+
var de__namespace = /*#__PURE__*/_interopNamespace(de);
|
|
125
|
+
var en__namespace = /*#__PURE__*/_interopNamespace(en);
|
|
126
|
+
var fr__namespace = /*#__PURE__*/_interopNamespace(fr);
|
|
127
|
+
var it__namespace = /*#__PURE__*/_interopNamespace(it);
|
|
128
|
+
var pl__namespace = /*#__PURE__*/_interopNamespace(pl);
|
|
129
|
+
var pt__namespace = /*#__PURE__*/_interopNamespace(pt);
|
|
130
|
+
var ru__namespace = /*#__PURE__*/_interopNamespace(ru);
|
|
131
|
+
var zh__namespace = /*#__PURE__*/_interopNamespace(zh);
|
|
113
132
|
|
|
114
133
|
function EditIcon({ fill, width, height }) {
|
|
115
134
|
return (jsxRuntime.jsx("svg", { width: width ? width : '20', height: height ? height : '20', viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.1788 1.92286C16.3858 1.71638 16.667 1.6 16.9607 1.6C17.2544 1.6 17.5356 1.71638 17.7426 1.92286C17.9496 2.12928 18.0654 2.4088 18.0654 2.69981C18.0654 2.99083 17.9496 3.27034 17.7426 3.47676L9.5855 11.6127C9.4439 11.7539 9.26546 11.8543 9.07141 11.9027C8.26586 12.1036 7.52969 11.3753 7.73154 10.57C7.78007 10.3765 7.88036 10.1997 8.02166 10.0588L16.1788 1.92286ZM16.9607 0C16.244 0 15.5563 0.283939 15.0489 0.790021L6.5187 9.29803C6.41591 9.40055 6.34296 9.52912 6.30766 9.66994L5.40975 13.2523C5.34143 13.5248 5.42113 13.8133 5.61971 14.0121C5.81829 14.2109 6.10663 14.291 6.3793 14.223L9.97094 13.3274C10.1114 13.2924 10.2398 13.2199 10.3423 13.1176L18.8725 4.6096C19.38 4.10345 19.6654 3.41652 19.6654 2.69981C19.6654 1.9831 19.38 1.29617 18.8725 0.790021C18.3651 0.283939 17.6774 0 16.9607 0ZM2.59582 1.89842C1.90804 1.89842 1.24801 2.17091 0.761035 2.65662C0.273994 3.1424 0 3.80169 0 4.48958V17.0277C0 17.7156 0.273995 18.3749 0.761035 18.8607C1.24801 19.3464 1.90804 19.6188 2.59582 19.6188H15.1666C15.8544 19.6188 16.5144 19.3464 17.0014 18.8607C17.4884 18.3749 17.7624 17.7156 17.7624 17.0277V10.7586C17.7624 10.3168 17.4042 9.95864 16.9624 9.95864C16.5206 9.95864 16.1624 10.3168 16.1624 10.7586V17.0277C16.1624 17.2899 16.058 17.5418 15.8715 17.7278C15.6849 17.9139 15.4314 18.0189 15.1666 18.0189H2.59582C2.33104 18.0189 2.07753 17.9139 1.89093 17.7278C1.70441 17.5418 1.6 17.2899 1.6 17.0277V4.48958C1.6 4.22738 1.70441 3.9755 1.89093 3.78946C2.07753 3.60335 2.33104 3.49842 2.59582 3.49842H8.8812C9.32303 3.49842 9.6812 3.14025 9.6812 2.69842C9.6812 2.25659 9.32303 1.89842 8.8812 1.89842H2.59582Z", fill: fill ?? '#0645AD' }) }));
|
|
@@ -157,7 +176,7 @@ function Trash({ fill, width, height }) {
|
|
|
157
176
|
return (jsxRuntime.jsx("svg", { width: width ? width : '14', height: height ? height : '16', viewBox: "0 0 14 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.43064 2.09763C5.49315 2.03512 5.57794 2 5.66634 2H8.33301C8.42141 2 8.5062 2.03512 8.56871 2.09763C8.63122 2.16014 8.66634 2.24493 8.66634 2.33333V2.66667H5.33301V2.33333C5.33301 2.24493 5.36813 2.16014 5.43064 2.09763ZM10.6663 2.33333V2.66667H11.6663C11.6674 2.66667 11.6685 2.66667 11.6695 2.66667H13C13.5523 2.66667 14 3.11439 14 3.66667C14 4.21896 13.5523 4.66667 13 4.66667H12.6663V13C12.6663 13.6188 12.4205 14.2123 11.9829 14.6499C11.5453 15.0875 10.9518 15.3333 10.333 15.3333H3.66634C3.0475 15.3333 2.45401 15.0875 2.01643 14.6499C1.57884 14.2123 1.33301 13.6188 1.33301 13V4.66667H1C0.447715 4.66667 0 4.21896 0 3.66667C0 3.11439 0.447715 2.66667 1 2.66667H2.32981C2.33087 2.66667 2.33194 2.66667 2.33301 2.66667H3.33301V2.33333C3.33301 1.71449 3.57884 1.121 4.01643 0.683417C4.45401 0.245833 5.0475 0 5.66634 0H8.33301C8.95185 0 9.54534 0.245833 9.98292 0.683417C10.4205 1.121 10.6663 1.71449 10.6663 2.33333ZM3.33301 4.66667V13C3.33301 13.0884 3.36813 13.1732 3.43064 13.2357C3.49315 13.2982 3.57794 13.3333 3.66634 13.3333H10.333C10.4214 13.3333 10.5062 13.2982 10.5687 13.2357C10.6312 13.1732 10.6663 13.0884 10.6663 13V4.66667L3.33301 4.66667Z", fill: fill ? fill : '#0645AD' }) }));
|
|
158
177
|
}
|
|
159
178
|
function TrashDelete({ fill, width, height }) {
|
|
160
|
-
return (jsxRuntime.jsxs("svg", { width: width ?? '25', height: height ?? '24', viewBox: `0 0 ${width ?? '25'} ${height ?? '24'}`, fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M4.36035 7.33398H6.13813H20.3604", stroke: fill ?? '#923534',
|
|
179
|
+
return (jsxRuntime.jsxs("svg", { width: width ?? '25', height: height ?? '24', viewBox: `0 0 ${width ?? '25'} ${height ?? '24'}`, fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M4.36035 7.33398H6.13813H20.3604", stroke: fill ?? '#923534', strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M18.9054 7.5V18.4C18.9054 18.8243 18.7083 19.2313 18.3576 19.5314C18.0069 19.8314 17.5312 20 17.0352 20H7.68458C7.18859 20 6.71292 19.8314 6.3622 19.5314C6.01148 19.2313 5.81445 18.8243 5.81445 18.4V7.5M8.61965 7.2V5.6C8.61965 5.17565 8.81668 4.76869 9.1674 4.46863C9.51811 4.16857 9.99379 4 10.4898 4H14.23C14.726 4 15.2017 4.16857 15.5524 4.46863C15.9031 4.76869 16.1002 5.17565 16.1002 5.6V7.2", stroke: fill ?? '#923534', strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
161
180
|
}
|
|
162
181
|
function AlertCicle({ fill, width, height }) {
|
|
163
182
|
return (jsxRuntime.jsxs("svg", { width: width ? width : '16', height: height ? height : '16', viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z", stroke: fill ?? '#FF0000', strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M12 8V12", stroke: fill ?? '#FF0000', strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M12 16H12.01", stroke: fill ?? '#FF0000', strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
@@ -192,6 +211,9 @@ function WithTrail({ fill, width, height }) {
|
|
|
192
211
|
function EyeOff({ fill, width, height }) {
|
|
193
212
|
return (jsxRuntime.jsxs("svg", { width: width ? width : '16', height: height ? height : '16', viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M9.41335 9.41319C9.23026 9.60969 9.00945 9.76729 8.76412 9.8766C8.51879 9.98591 8.25396 10.0447 7.98541 10.0494C7.71687 10.0542 7.45013 10.0048 7.20109 9.90418C6.95206 9.80359 6.72583 9.65387 6.53592 9.46396C6.346 9.27404 6.19628 9.04782 6.09569 8.79878C5.9951 8.54975 5.9457 8.283 5.95044 8.01446C5.95518 7.74592 6.01396 7.48108 6.12327 7.23575C6.23258 6.99042 6.39019 6.76962 6.58669 6.58652M11.96 11.9599C10.8204 12.8285 9.43276 13.3098 8.00002 13.3332C3.33335 13.3332 0.666687 7.99985 0.666687 7.99985C1.49595 6.45445 2.64611 5.10426 4.04002 4.03985L11.96 11.9599ZM6.60002 2.82652C7.05891 2.71911 7.52873 2.66541 8.00002 2.66652C12.6667 2.66652 15.3334 7.99985 15.3334 7.99985C14.9287 8.75693 14.4461 9.46968 13.8934 10.1265L6.60002 2.82652Z", stroke: fill ?? '#FFF', strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M0.666687 0.666504L15.3334 15.3332", stroke: fill ?? '#FFF', strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
194
213
|
}
|
|
214
|
+
function SmileOutlined({ fill, width, height }) {
|
|
215
|
+
return (jsxRuntime.jsx("svg", { width: width ? width : '22', height: height ? height : '22', viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M5.75 8.86719C5.75 9.16556 5.86853 9.4517 6.0795 9.66268C6.29048 9.87366 6.57663 9.99219 6.875 9.99219C7.17337 9.99219 7.45952 9.87366 7.6705 9.66268C7.88147 9.4517 8 9.16556 8 8.86719C8 8.56882 7.88147 8.28267 7.6705 8.07169C7.45952 7.86071 7.17337 7.74219 6.875 7.74219C6.57663 7.74219 6.29048 7.86071 6.0795 8.07169C5.86853 8.28267 5.75 8.56882 5.75 8.86719ZM14 8.86719C14 9.16556 14.1185 9.4517 14.3295 9.66268C14.5405 9.87366 14.8266 9.99219 15.125 9.99219C15.4234 9.99219 15.7095 9.87366 15.9205 9.66268C16.1315 9.4517 16.25 9.16556 16.25 8.86719C16.25 8.56882 16.1315 8.28267 15.9205 8.07169C15.7095 7.86071 15.4234 7.74219 15.125 7.74219C14.8266 7.74219 14.5405 7.86071 14.3295 8.07169C14.1185 8.28267 14 8.56882 14 8.86719ZM11 0.5C5.20156 0.5 0.5 5.20156 0.5 11C0.5 16.7984 5.20156 21.5 11 21.5C16.7984 21.5 21.5 16.7984 21.5 11C21.5 5.20156 16.7984 0.5 11 0.5ZM17.1641 17.1641C16.3625 17.9656 15.4297 18.5938 14.3914 19.0344C13.3203 19.4891 12.1789 19.7188 11 19.7188C9.82109 19.7188 8.67969 19.4891 7.60625 19.0344C6.56954 18.5965 5.62785 17.9613 4.83359 17.1641C4.03203 16.3625 3.40391 15.4297 2.96328 14.3914C2.51094 13.3203 2.28125 12.1789 2.28125 11C2.28125 9.82109 2.51094 8.67969 2.96562 7.60625C3.40346 6.56954 4.03868 5.62785 4.83594 4.83359C5.6375 4.03203 6.57031 3.40391 7.60859 2.96328C8.67969 2.51094 9.82109 2.28125 11 2.28125C12.1789 2.28125 13.3203 2.51094 14.3937 2.96562C15.4305 3.40346 16.3721 4.03868 17.1664 4.83594C17.968 5.6375 18.5961 6.57031 19.0367 7.60859C19.4891 8.67969 19.7188 9.82109 19.7188 11C19.7188 12.1789 19.4891 13.3203 19.0344 14.3937C18.5971 15.4301 17.9618 16.3711 17.1641 17.1641ZM14.5625 11.4922H13.4352C13.3367 11.4922 13.2523 11.5672 13.2453 11.6656C13.1562 12.8258 12.1836 13.7422 11 13.7422C9.81641 13.7422 8.84141 12.8258 8.75469 11.6656C8.74766 11.5672 8.66328 11.4922 8.56484 11.4922H7.4375C7.41207 11.4922 7.3869 11.4973 7.36351 11.5073C7.34013 11.5173 7.31903 11.532 7.30149 11.5504C7.28395 11.5688 7.27034 11.5906 7.26149 11.6144C7.25264 11.6383 7.24873 11.6637 7.25 11.6891C7.35313 13.6648 8.99609 15.2422 11 15.2422C13.0039 15.2422 14.6469 13.6648 14.75 11.6891C14.7513 11.6637 14.7474 11.6383 14.7385 11.6144C14.7297 11.5906 14.716 11.5688 14.6985 11.5504C14.681 11.532 14.6599 11.5173 14.6365 11.5073C14.6131 11.4973 14.5879 11.4922 14.5625 11.4922Z", fill: fill ?? '#FFF' }) }));
|
|
216
|
+
}
|
|
195
217
|
function SaveIcon({ fill, width, height }) {
|
|
196
218
|
return (jsxRuntime.jsxs("svg", { width: width ? width : '22', height: height ? height : '22', viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("rect", { width: "22", height: "22", fill: fill ? fill : '#757575' }), jsxRuntime.jsx("path", { d: "M15.6667 17H6.33333C5.97971 17 5.64057 16.8595 5.39052 16.6095C5.14048 16.3594 5 16.0203 5 15.6667V6.33333C5 5.97971 5.14048 5.64057 5.39052 5.39052C5.64057 5.14048 5.97971 5 6.33333 5H13.6667L17 8.33333V15.6667C17 16.0203 16.8595 16.3594 16.6095 16.6095C16.3594 16.8595 16.0203 17 15.6667 17Z", stroke: "white", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M14.3327 17.0003V11.667H7.66602V17.0003", stroke: "white", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M7.66602 5V8.33333H12.9993", stroke: "white", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
197
219
|
}
|
|
@@ -217,7 +239,7 @@ function SearchIcon({ fill, stroke, customColor_1, width, height }) {
|
|
|
217
239
|
return (jsxRuntime.jsx("svg", { width: width ? width : '28', height: height ? height : '20', viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.2 8.6C1.2 4.51309 4.51309 1.2 8.6 1.2C12.6869 1.2 16 4.51309 16 8.6C16 10.6044 15.2031 12.4227 13.9088 13.7553C13.879 13.7758 13.8507 13.7993 13.8242 13.8258C13.7977 13.8522 13.7743 13.8805 13.7538 13.9102C12.4214 15.2037 10.6037 16 8.6 16C4.51309 16 1.2 12.6869 1.2 8.6ZM14.2413 15.0914C12.7312 16.4048 10.7585 17.2 8.6 17.2C3.85035 17.2 0 13.3496 0 8.6C0 3.85035 3.85035 0 8.6 0C13.3496 0 17.2 3.85035 17.2 8.6C17.2 10.7593 16.4042 12.7327 15.0899 14.243L19.0227 18.1758C19.257 18.4101 19.257 18.79 19.0227 19.0243C18.7884 19.2586 18.4085 19.2586 18.1742 19.0243L14.2413 15.0914Z", fill: fill ?? 'black' }) }));
|
|
218
240
|
}
|
|
219
241
|
function CloseIcon({ fill, width, height }) {
|
|
220
|
-
return (jsxRuntime.jsxs("svg", { width: width ? width : '12', height: height ? height : '12', viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M11.3334 0.666687L0.666748 11.3334", stroke: fill ? fill : '#222222',
|
|
242
|
+
return (jsxRuntime.jsxs("svg", { width: width ? width : '12', height: height ? height : '12', viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M11.3334 0.666687L0.666748 11.3334", stroke: fill ? fill : '#222222', strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M0.666748 0.666687L11.3334 11.3334", stroke: fill ? fill : '#222222', strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
221
243
|
}
|
|
222
244
|
function AddIcon({ fill, width, height }) {
|
|
223
245
|
return (jsxRuntime.jsxs("svg", { width: width ? width : '17', height: height ? height : '16', viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M8.16992 1V15", stroke: fill ? fill : '#0645AD', strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M1.16992 8H15.1699", stroke: fill ? fill : '#0645AD', strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
@@ -394,22 +416,22 @@ function Challenge({ fill, width, height }) {
|
|
|
394
416
|
return (jsxRuntime.jsx("svg", { width: width ? width : '32', height: height ? height : '32', viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M6.66668 28.6666L6.13402 28.3904C6.03758 28.5764 6.04514 28.7992 6.15398 28.9783C6.26282 29.1573 6.45716 29.2666 6.66668 29.2666V28.6666ZM25.3333 28.6666V29.2666C25.5429 29.2666 25.7372 29.1573 25.846 28.9783C25.9549 28.7992 25.9624 28.5764 25.866 28.3904L25.3333 28.6666ZM30.6667 28.6666V29.2666C30.8793 29.2666 31.076 29.1541 31.1838 28.9709C31.2916 28.7876 31.2944 28.561 31.1912 28.3752L30.6667 28.6666ZM24 16.6666L24.5245 16.3752C24.4229 16.1923 24.2333 16.0755 24.0243 16.0671C23.8152 16.0586 23.6168 16.1597 23.5008 16.3338L24 16.6666ZM20.8341 20.3338C20.6503 20.6095 20.7248 20.982 21.0005 21.1658C21.2762 21.3496 21.6488 21.2751 21.8326 20.9994L20.8341 20.3338ZM1.33334 28.6666L0.808849 28.3752C0.705605 28.561 0.70841 28.7876 0.816221 28.9709C0.924032 29.1541 1.12075 29.2666 1.33334 29.2666L1.33334 28.6666ZM8.00001 16.6666L8.49924 16.3338C8.38318 16.1597 8.18481 16.0586 7.97575 16.0671C7.76668 16.0755 7.57713 16.1923 7.47552 16.3752L8.00001 16.6666ZM10.1674 20.9994C10.3513 21.2751 10.7238 21.3496 10.9995 21.1658C11.2752 20.982 11.3497 20.6095 11.1659 20.3338L10.1674 20.9994ZM14.6667 18.6666L14.2424 19.0908L14.6667 19.5151L15.0909 19.0908L14.6667 18.6666ZM16 17.3333L16.4243 16.909L16 16.4847L15.5757 16.909L16 17.3333ZM17.3333 18.6666L16.9091 19.0908L17.3333 19.5151L17.7576 19.0908L17.3333 18.6666ZM16 3.33325V2.73325C15.6686 2.73325 15.4 3.00188 15.4 3.33325H16ZM21.3333 3.33325H21.9333C21.9333 3.00188 21.6647 2.73325 21.3333 2.73325V3.33325ZM21.3333 6.66658V7.26659C21.6647 7.26659 21.9333 6.99796 21.9333 6.66658H21.3333ZM16 6.66658H15.4C15.4 6.99796 15.6686 7.26659 16 7.26659V6.66658ZM15.4674 10.3904L6.13402 28.3904L7.19933 28.9428L16.5327 10.9428L15.4674 10.3904ZM6.66668 29.2666H25.3333V28.0666H6.66668V29.2666ZM25.866 28.3904L16.5327 10.3904L15.4674 10.9428L24.8007 28.9428L25.866 28.3904ZM17.3333 29.2666H30.6667V28.0666H17.3333V29.2666ZM31.1912 28.3752L24.5245 16.3752L23.4755 16.958L30.1422 28.958L31.1912 28.3752ZM23.5008 16.3338L20.8341 20.3338L21.8326 20.9994L24.4992 16.9994L23.5008 16.3338ZM14.6667 28.0666H1.33334V29.2666H14.6667V28.0666ZM1.85784 28.958L8.5245 16.958L7.47552 16.3752L0.808849 28.3752L1.85784 28.958ZM7.50078 16.9994L10.1674 20.9994L11.1659 20.3338L8.49924 16.3338L7.50078 16.9994ZM12.2424 17.0908L14.2424 19.0908L15.0909 18.2423L13.0909 16.2423L12.2424 17.0908ZM15.0909 19.0908L16.4243 17.7575L15.5757 16.909L14.2424 18.2423L15.0909 19.0908ZM15.5757 17.7575L16.9091 19.0908L17.7576 18.2423L16.4243 16.909L15.5757 17.7575ZM17.7576 19.0908L19.7576 17.0908L18.9091 16.2423L16.9091 18.2423L17.7576 19.0908ZM16.6 10.6666V3.33325H15.4V10.6666H16.6ZM16 3.93325H21.3333V2.73325H16V3.93325ZM20.7333 3.33325V6.66658H21.9333V3.33325H20.7333ZM21.3333 6.06659H16V7.26659H21.3333V6.06659ZM16.6 6.66658V3.33325H15.4V6.66658H16.6Z", fill: fill ? fill : 'white' }) }));
|
|
395
417
|
}
|
|
396
418
|
function SawBadgeIcon({ fill, width, height }) {
|
|
397
|
-
return (jsxRuntime.jsxs("svg", { width: width ? width : '20', height: height ? height : '20', viewBox: "0 0 20 20", fill: fill ? fill : 'none', xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsxs("g", {
|
|
419
|
+
return (jsxRuntime.jsxs("svg", { width: width ? width : '20', height: height ? height : '20', viewBox: "0 0 20 20", fill: fill ? fill : 'none', xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsxs("g", { clipPath: "url(#clip0_408_14996)", children: [jsxRuntime.jsx("path", { d: "M11.9804 2.16073C11.0545 0.717602 8.94551 0.717602 8.01957 2.16073C7.69063 2.67341 7.05964 2.90307 6.47811 2.72178C4.84118 2.21146 3.2256 3.56709 3.44392 5.26776C3.52148 5.87195 3.18574 6.45346 2.62372 6.68839C1.04173 7.34966 0.675512 9.4266 1.93593 10.5891C2.3837 11.002 2.50031 11.6633 2.22078 12.2045C1.43396 13.728 2.48845 15.5544 4.20121 15.6347C4.80968 15.6633 5.32406 16.0949 5.45782 16.6892C5.83433 18.3619 7.81613 19.0833 9.1798 18.0439C9.66426 17.6746 10.3357 17.6746 10.8202 18.0438C12.1839 19.0833 14.1657 18.3619 14.5422 16.6892C14.6759 16.0949 15.1903 15.6633 15.7988 15.6347C17.5115 15.5544 18.566 13.728 17.7792 12.2045C17.4997 11.6633 17.6163 11.002 18.0641 10.5891C19.3245 9.4266 18.9583 7.34966 17.3763 6.68839C16.8143 6.45346 16.4785 5.87195 16.5561 5.26776C16.7744 3.56709 15.1588 2.21146 13.5219 2.72178C12.9404 2.90307 12.3094 2.67341 11.9804 2.16073Z", fill: "#398787", stroke: "white" }), jsxRuntime.jsx("path", { d: "M6.25 10.4167L9.16667 12.9167L14.1667 7.5", stroke: "white", strokeLinecap: "round", strokeLinejoin: "round" })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "clip0_408_14996", children: jsxRuntime.jsx("rect", { width: "20", height: "20", fill: "white" }) }) })] }));
|
|
398
420
|
}
|
|
399
421
|
function GoalInviteIcon({ fill, width, height }) {
|
|
400
|
-
return (jsxRuntime.jsxs("svg", { width: width ? width : '25', height: height ? height : '25', viewBox: "0 0 25 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M7.02656 9.04883H5.82656C4.94291 9.04883 4.22656 9.67563 4.22656 10.4488V18.8488C4.22656 19.622 4.94291 20.2488 5.82656 20.2488H18.6266C19.5102 20.2488 20.2266 19.622 20.2266 18.8488V10.4488C20.2266 9.67563 19.5102 9.04883 18.6266 9.04883H17.4266", stroke: fill ? fill : '#0645AD',
|
|
422
|
+
return (jsxRuntime.jsxs("svg", { width: width ? width : '25', height: height ? height : '25', viewBox: "0 0 25 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M7.02656 9.04883H5.82656C4.94291 9.04883 4.22656 9.67563 4.22656 10.4488V18.8488C4.22656 19.622 4.94291 20.2488 5.82656 20.2488H18.6266C19.5102 20.2488 20.2266 19.622 20.2266 18.8488V10.4488C20.2266 9.67563 19.5102 9.04883 18.6266 9.04883H17.4266", stroke: fill ? fill : '#0645AD', strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M20.2266 10.6484L13.0506 15.2084C12.8036 15.3632 12.518 15.4452 12.2266 15.4452C11.9351 15.4452 11.6495 15.3632 11.4026 15.2084L4.22656 10.6484", stroke: fill ? fill : '#0645AD', strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M7.02637 12.6486V7.84863C7.02637 6.74406 7.9218 5.84863 9.02637 5.84863H15.4264C16.5309 5.84863 17.4264 6.74406 17.4264 7.84863V12.6486", stroke: fill ? fill : '#0645AD', strokeWidth: "1.5" }), jsxRuntime.jsx("path", { d: "M15.4264 13.8487C14.6264 11.8487 13.4264 11.4487 12.2264 11.4487C11.0264 11.4487 9.82637 11.8487 9.02637 13.8487", stroke: fill ? fill : '#0645AD', strokeWidth: "1.5" }), jsxRuntime.jsx("circle", { cx: "12.2265", cy: "9.04873", r: "0.85", stroke: fill ? fill : '#0645AD', strokeWidth: "1.5" })] }));
|
|
401
423
|
}
|
|
402
424
|
function GoalViewsIcon({ fill, width, height }) {
|
|
403
425
|
return (jsxRuntime.jsxs("svg", { width: width ? width : '24', height: height ? height : '24', viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("rect", { x: "18", y: "2.25", width: "3.75", height: "19.5", rx: "1.875", stroke: fill ? fill : '#0645AD', strokeWidth: "2" }), jsxRuntime.jsx("rect", { x: "10.125", y: "8.25", width: "3.75", height: "13.5", rx: "1.875", stroke: fill ? fill : '#0645AD', strokeWidth: "2" }), jsxRuntime.jsx("rect", { x: "2.25", y: "15", width: "3.75", height: "6.75", rx: "1.875", stroke: fill ? fill : '#0645AD', strokeWidth: "2" })] }));
|
|
404
426
|
}
|
|
405
427
|
function StatusProblemaSawBadgeIcon({ fill, width, height }) {
|
|
406
|
-
return (jsxRuntime.jsxs("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("circle", { cx: "24", cy: "24", r: "24", fill: "#D1F6D1" }), jsxRuntime.jsxs("g", {
|
|
428
|
+
return (jsxRuntime.jsxs("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("circle", { cx: "24", cy: "24", r: "24", fill: "#D1F6D1" }), jsxRuntime.jsxs("g", { clipPath: "url(#clip0_482_14529)", children: [jsxRuntime.jsx("path", { d: "M26.2923 14.6469C25.2206 12.9765 22.7794 12.9765 21.7077 14.6469C21.2886 15.3 20.4848 15.5926 19.744 15.3616C17.8492 14.7709 15.9792 16.34 16.2319 18.3086C16.3307 19.0783 15.903 19.8191 15.187 20.1183C13.3559 20.8837 12.932 23.2878 14.3909 24.6334C14.9613 25.1595 15.1099 26.0019 14.7538 26.6913C13.843 28.4547 15.0636 30.5688 17.0461 30.6618C17.8213 30.6981 18.4765 31.248 18.6469 32.005C19.0828 33.9413 21.3767 34.7762 22.9551 33.5731C23.5723 33.1027 24.4277 33.1027 25.0449 33.5731C26.6233 34.7762 28.9172 33.9413 29.3531 32.005C29.5235 31.248 30.1787 30.6981 30.9539 30.6618C32.9364 30.5688 34.157 28.4547 33.2462 26.6913C32.8901 26.0019 33.0387 25.1595 33.6091 24.6334C35.068 23.2878 34.6441 20.8837 32.813 20.1183C32.097 19.8191 31.6693 19.0783 31.7681 18.3086C32.0208 16.34 30.1508 14.7709 28.256 15.3616C27.5152 15.5926 26.7114 15.3 26.2923 14.6469Z", stroke: "#222222" }), jsxRuntime.jsx("path", { d: "M19.5 24.5L23 27.5L29 21", stroke: "#222222", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "clip0_482_14529", children: jsxRuntime.jsx("rect", { width: "24", height: "24", fill: "white", transform: "translate(12 12)" }) }) })] }));
|
|
407
429
|
}
|
|
408
430
|
function StatusProblemaSendIcon({ fill, width, height }) {
|
|
409
|
-
return (jsxRuntime.jsxs("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("circle", { cx: "24", cy: "24", r: "24", fill: "#CDDAEF" }), jsxRuntime.jsx("path", { d: "M33 15L22 26", stroke: "#222222",
|
|
431
|
+
return (jsxRuntime.jsxs("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("circle", { cx: "24", cy: "24", r: "24", fill: "#CDDAEF" }), jsxRuntime.jsx("path", { d: "M33 15L22 26", stroke: "#222222", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M31.9154 14.7941C32.7223 14.4868 33.5132 15.2777 33.2059 16.0846L26.8633 32.7337C26.5456 33.5677 25.3775 33.5994 25.015 32.7839L22 26L15.2161 22.985C14.4006 22.6225 14.4323 21.4544 15.2663 21.1367L31.9154 14.7941Z", stroke: "#222222", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
410
432
|
}
|
|
411
433
|
function StatusProblemaEdit({ fill, width, height }) {
|
|
412
|
-
return (jsxRuntime.jsxs("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("circle", { cx: "24", cy: "24", r: "24", fill: "#FEF0D0" }), jsxRuntime.jsx("path", { d: "M24 17.0669H18.5556C18.143 17.0669 17.7473 17.2417 17.4556 17.5529C17.1639 17.8641 17 18.2861 17 18.7262V30.341C17 30.781 17.1639 31.2031 17.4556 31.5142C17.7473 31.8254 18.143 32.0002 18.5556 32.0002H29.4444C29.857 32.0002 30.2527 31.8254 30.5444 31.5142C30.8361 31.2031 31 30.781 31 30.341V24.5336", stroke: "#222222",
|
|
434
|
+
return (jsxRuntime.jsxs("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("circle", { cx: "24", cy: "24", r: "24", fill: "#FEF0D0" }), jsxRuntime.jsx("path", { d: "M24 17.0669H18.5556C18.143 17.0669 17.7473 17.2417 17.4556 17.5529C17.1639 17.8641 17 18.2861 17 18.7262V30.341C17 30.781 17.1639 31.2031 17.4556 31.5142C17.7473 31.8254 18.143 32.0002 18.5556 32.0002H29.4444C29.857 32.0002 30.2527 31.8254 30.5444 31.5142C30.8361 31.2031 31 30.781 31 30.341V24.5336", stroke: "#222222", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M30.1791 16.5163C30.489 16.1857 30.9093 16 31.3476 16C31.7858 16 32.2061 16.1857 32.516 16.5163C32.8259 16.8468 33 17.2951 33 17.7626C33 18.2301 32.8259 18.6784 32.516 19.0089L25.1159 26.9024L22 27.7333L22.779 24.4098L30.1791 16.5163Z", stroke: "#222222", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
413
435
|
}
|
|
414
436
|
function PlayIcon({ width, height, customColor_1, customColor_2 }) {
|
|
415
437
|
return (jsxRuntime.jsxs("svg", { width: width ? width : '32', height: height ? height : '32', viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsxs("g", { filter: "url(#filter0_d_1_22)", children: [jsxRuntime.jsx("circle", { cx: "16", cy: "16", r: "16", fill: customColor_1 ? customColor_1 : '#EE4C15' }), jsxRuntime.jsx("path", { d: "M22.3411 17.3317C22.934 16.9358 22.934 16.0643 22.3411 15.6684L14.5553 10.47C13.8908 10.0264 13 10.5027 13 11.3017V21.6984C13 22.4974 13.8908 22.9737 14.5553 22.5301L22.3411 17.3317Z", fill: customColor_2 ? customColor_2 : 'white' })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("filter", { id: "filter0_d_1_22", x: "0", y: "0", width: width ? width : '32', height: height ? height : '32', filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB", children: [jsxRuntime.jsx("feFlood", { "flood-opacity": "0", result: "BackgroundImageFix" }), jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsxRuntime.jsx("feMorphology", { radius: "20", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_1_22" }), jsxRuntime.jsx("feOffset", { dy: "3" }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "2.5" }), jsxRuntime.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 1 0 0 0 0 0.301961 0 0 0 0 0.0509804 0 0 0 0.4 0" }), jsxRuntime.jsx("feBlend", { mode: "multiply", in2: "BackgroundImageFix", result: "effect1_dropShadow_1_22" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_1_22", result: "shape" })] }) })] }));
|
|
@@ -430,31 +452,31 @@ function MuteIcon({ width, height, fill }) {
|
|
|
430
452
|
return (jsxRuntime.jsxs("svg", { width: width ? width : '21', height: height ? height : '24', viewBox: "0 0 21 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M7.6271 6.54614C8.28897 6.07337 9.20834 6.5465 9.20834 7.35987V17.6402C9.20834 18.4535 8.28897 18.9267 7.62711 18.4539L4.25001 16.0417H2.70834C1.60377 16.0417 0.708344 15.1462 0.708344 14.0417V10.9583C0.708344 9.85378 1.60377 8.95835 2.70834 8.95835H4.25001L7.6271 6.54614Z", fill: fill ? fill : '#222222' }), jsxRuntime.jsx("path", { d: "M18 10L12 16", stroke: fill ? fill : '#222222', strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M12 10L18 16", stroke: fill ? fill : '#222222', strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
431
453
|
}
|
|
432
454
|
function ThumbVideo({ fill, width, height }) {
|
|
433
|
-
return (jsxRuntime.jsxs("svg", { width: width ? width : '117', height: height ? height : '127', viewBox: "0 0 177 127", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M163.62 1.5H12.88C6.595 1.5 1.5 6.595 1.5 12.88V113.92C1.5 120.205 6.595 125.3 12.88 125.3H163.62C169.905 125.3 175 120.205 175 113.92V12.88C175 6.595 169.905 1.5 163.62 1.5Z", stroke: "white",
|
|
455
|
+
return (jsxRuntime.jsxs("svg", { width: width ? width : '117', height: height ? height : '127', viewBox: "0 0 177 127", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M163.62 1.5H12.88C6.595 1.5 1.5 6.595 1.5 12.88V113.92C1.5 120.205 6.595 125.3 12.88 125.3H163.62C169.905 125.3 175 120.205 175 113.92V12.88C175 6.595 169.905 1.5 163.62 1.5Z", stroke: "white", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M175 103.86H1.5", stroke: "white", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M79.01 114.58H97.49", stroke: "white", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M56.78 55.96C56.78 47.62 60.1 39.61 66 33.71C71.9 27.81 79.91 24.49 88.25 24.49C96.59 24.49 104.6 27.81 110.5 33.71C116.4 39.61 119.72 47.62 119.72 55.96C119.72 64.3 116.4 72.31 110.5 78.21C104.6 84.11 96.59 87.43 88.25 87.43C79.91 87.42 71.91 84.1 66.01 78.2C60.11 72.3 56.79 64.3 56.78 55.96Z", stroke: "white", strokeWidth: "3", "stroke-miterlimit": "10" }), jsxRuntime.jsx("path", { d: "M82.28 44.93V66.77C82.28 67.9 83.56 68.55 84.47 67.89L99.47 56.97C100.23 56.42 100.23 55.29 99.47 54.74L84.47 43.82C83.56 43.16 82.28 43.81 82.28 44.94V44.93Z", stroke: "white", strokeWidth: "3", "stroke-miterlimit": "10" })] }));
|
|
434
456
|
}
|
|
435
457
|
function ThumbTexto({ fill, width, height }) {
|
|
436
|
-
return (jsxRuntime.jsxs("svg", { width: width ? width : '117', height: height ? height : '127', viewBox: "0 0 177 127", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M163.62 1.5H12.88C6.595 1.5 1.5 6.595 1.5 12.88V113.92C1.5 120.205 6.595 125.3 12.88 125.3H163.62C169.905 125.3 175 120.205 175 113.92V12.88C175 6.595 169.905 1.5 163.62 1.5Z", stroke: "white",
|
|
458
|
+
return (jsxRuntime.jsxs("svg", { width: width ? width : '117', height: height ? height : '127', viewBox: "0 0 177 127", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M163.62 1.5H12.88C6.595 1.5 1.5 6.595 1.5 12.88V113.92C1.5 120.205 6.595 125.3 12.88 125.3H163.62C169.905 125.3 175 120.205 175 113.92V12.88C175 6.595 169.905 1.5 163.62 1.5Z", stroke: "white", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M175 103.86H1.5", stroke: "white", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M79.01 114.58H97.49", stroke: "white", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M94.2401 21.9399H52.4201C50.1701 21.9399 48.3201 23.7799 48.3201 26.0399V54.4099C48.3201 56.6599 50.1601 58.5099 52.4201 58.5099H59.2801V69.3199C59.2801 70.7299 60.9901 71.4399 61.9901 70.4399L72.5101 58.5099H94.2301C96.4801 58.5099 98.3301 56.6699 98.3301 54.4099V26.0399C98.3301 23.7899 96.4901 21.9399 94.2301 21.9399H94.2401Z", stroke: "white", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M87.7701 32.8398H58.8801", stroke: "white", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M87.7701 40.2197H58.8801", stroke: "white", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M87.7701 47.5898H58.8801", stroke: "white", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("mask", { id: "mask0_8643_48376", maskUnits: "userSpaceOnUse", x: "75", y: "37", width: "57", height: "54", children: jsxRuntime.jsx("path", { d: "M102 37.8999L125.24 38.1599C128.48 38.1599 131.11 40.7899 131.11 44.0299V72.3999C131.11 75.6399 128.48 78.2699 125.24 78.2699H120.16V87.1599C120.16 88.6999 119.18 90.1499 117.69 90.5499C116.48 90.8799 115.27 90.5399 114.41 89.6799C114.38 89.6499 114.36 89.6299 114.33 89.5999L104.34 78.2699L83 80.8899C79.76 80.8899 75 76.1299 75 72.8899V61.8899H96C98.84 61.8899 102 58.7299 102 55.8899V37.8899V37.8999Z", fill: "white" }) }), jsxRuntime.jsxs("g", { mask: "url(#mask0_8643_48376)", children: [jsxRuntime.jsx("path", { d: "M89.55 51.1199H118.44", stroke: "white", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M89.55 58.4998H118.44", stroke: "white", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M89.55 65.8699H118.44", stroke: "white", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M83.08 40.22H124.9C127.15 40.22 129 42.06 129 44.32V72.69C129 74.94 127.16 76.79 124.9 76.79H118.04V87.6C118.04 89.01 116.33 89.72 115.33 88.72L104.81 76.79H83.09C80.84 76.79 78.99 74.95 78.99 72.69V44.32C78.99 42.07 80.83 40.22 83.09 40.22H83.08Z", stroke: "white", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" })] })] }));
|
|
437
459
|
}
|
|
438
460
|
function ThumbPodcast({ fill, width, height }) {
|
|
439
|
-
return (jsxRuntime.jsxs("svg", { width: width ? width : '113', height: height ? height : '146', viewBox: "0 0 113 146", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M101.53 1.29004H11.05C5.65974 1.29004 1.29004 5.65974 1.29004 11.05V134.93C1.29004 140.32 5.65974 144.69 11.05 144.69H101.53C106.92 144.69 111.29 140.32 111.29 134.93V11.05C111.29 5.65974 106.92 1.29004 101.53 1.29004Z", stroke: "white",
|
|
461
|
+
return (jsxRuntime.jsxs("svg", { width: width ? width : '113', height: height ? height : '146', viewBox: "0 0 113 146", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M101.53 1.29004H11.05C5.65974 1.29004 1.29004 5.65974 1.29004 11.05V134.93C1.29004 140.32 5.65974 144.69 11.05 144.69H101.53C106.92 144.69 111.29 140.32 111.29 134.93V11.05C111.29 5.65974 106.92 1.29004 101.53 1.29004Z", stroke: "white", strokeWidth: "2.57", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M111.29 119.85H1.29004", stroke: "white", strokeWidth: "2.57", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M50.4299 132.27H62.1399", stroke: "white", strokeWidth: "2.57", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M56.1201 83.52C54.6401 83.52 53.1601 84.08 52.0301 85.21C49.7701 87.47 49.7601 91.14 52.0301 93.41C53.1601 94.54 54.6401 95.1 56.1301 95.1C57.6201 95.1 59.1001 94.53 60.2301 93.4C62.4901 91.14 62.4901 87.47 60.2301 85.21C59.1001 84.08 57.6101 83.51 56.1301 83.51L56.1201 83.52Z", stroke: "white", strokeWidth: "2.57", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M43.8401 77.02C50.6301 70.24 61.6301 70.24 68.4201 77.04", stroke: "white", strokeWidth: "2.57", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M32.9199 66.0901C45.7399 53.2701 66.5299 53.2801 79.3499 66.1101", stroke: "white", strokeWidth: "2.57", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M22 55.16C40.85 36.31 71.42 36.33 90.29 55.2", stroke: "white", strokeWidth: "2.57", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
440
462
|
}
|
|
441
463
|
function StarFavorite({ fill = '#E0E0E0', width = '24px', stroke = '#BDBDBD', height = '23' }) {
|
|
442
|
-
return (jsxRuntime.jsx("svg", { width: width, height: height, viewBox: "0 0 24 23", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M11.1062 1.78116C11.4752 1.04583 12.5248 1.04583 12.8938 1.78116L15.4737 6.92247C15.6205 7.21502 15.9012 7.41721 16.2251 7.46379L21.9686 8.28959C22.7936 8.40821 23.12 9.42484 22.5181 10.0015L18.3849 13.9616C18.1443 14.1921 18.0343 14.5272 18.0916 14.8554L19.0697 20.4652C19.2117 21.2799 18.3596 21.9051 17.625 21.5251L12.4595 18.8529C12.1713 18.7039 11.8287 18.7039 11.5405 18.8529L6.37496 21.5251C5.64038 21.9051 4.78829 21.2799 4.93035 20.4652L5.90845 14.8554C5.96567 14.5272 5.85569 14.1921 5.61513 13.9616L1.48189 10.0015C0.880041 9.42484 1.20637 8.40821 2.0314 8.28959L7.77486 7.46379C8.09884 7.41721 8.37952 7.21502 8.52632 6.92247L11.1062 1.78116Z", fill: fill, stroke: stroke,
|
|
464
|
+
return (jsxRuntime.jsx("svg", { width: width, height: height, viewBox: "0 0 24 23", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M11.1062 1.78116C11.4752 1.04583 12.5248 1.04583 12.8938 1.78116L15.4737 6.92247C15.6205 7.21502 15.9012 7.41721 16.2251 7.46379L21.9686 8.28959C22.7936 8.40821 23.12 9.42484 22.5181 10.0015L18.3849 13.9616C18.1443 14.1921 18.0343 14.5272 18.0916 14.8554L19.0697 20.4652C19.2117 21.2799 18.3596 21.9051 17.625 21.5251L12.4595 18.8529C12.1713 18.7039 11.8287 18.7039 11.5405 18.8529L6.37496 21.5251C5.64038 21.9051 4.78829 21.2799 4.93035 20.4652L5.90845 14.8554C5.96567 14.5272 5.85569 14.1921 5.61513 13.9616L1.48189 10.0015C0.880041 9.42484 1.20637 8.40821 2.0314 8.28959L7.77486 7.46379C8.09884 7.41721 8.37952 7.21502 8.52632 6.92247L11.1062 1.78116Z", fill: fill, stroke: stroke, strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
|
|
443
465
|
}
|
|
444
466
|
function IconUp({ fill, width, height }) {
|
|
445
|
-
return (jsxRuntime.jsx("svg", { width: "18", height: "10", viewBox: "0 0 18 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M1.45361 9L9.37114 1L17.2887 9", stroke: "#222222",
|
|
467
|
+
return (jsxRuntime.jsx("svg", { width: "18", height: "10", viewBox: "0 0 18 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M1.45361 9L9.37114 1L17.2887 9", stroke: "#222222", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
|
|
446
468
|
}
|
|
447
469
|
function IconGaps({ fill, width, height }) {
|
|
448
|
-
return (jsxRuntime.jsxs("svg", { width: "25", height: "24", viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M9.66127 22C9.1639 20.402 8.41378 19.211 7.41041 18.4265C5.9056 17.25 3.51466 17.9815 2.63157 16.7675C1.74848 15.5535 3.25024 13.3215 3.77705 12.0045C4.30437 10.6875 1.75711 10.222 2.05452 9.848C2.25245 9.5985 3.54004 8.8795 5.91626 7.69C6.59127 3.8965 9.08473 2 13.3977 2C19.8666 2 22.3311 7.403 22.3311 10.84C22.3311 14.2765 19.3468 17.9785 15.0958 18.777C14.7157 19.322 15.2638 20.397 16.7402 22.0005", stroke: "#0645AD",
|
|
470
|
+
return (jsxRuntime.jsxs("svg", { width: "25", height: "24", viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M9.66127 22C9.1639 20.402 8.41378 19.211 7.41041 18.4265C5.9056 17.25 3.51466 17.9815 2.63157 16.7675C1.74848 15.5535 3.25024 13.3215 3.77705 12.0045C4.30437 10.6875 1.75711 10.222 2.05452 9.848C2.25245 9.5985 3.54004 8.8795 5.91626 7.69C6.59127 3.8965 9.08473 2 13.3977 2C19.8666 2 22.3311 7.403 22.3311 10.84C22.3311 14.2765 19.3468 17.9785 15.0958 18.777C14.7157 19.322 15.2638 20.397 16.7402 22.0005", stroke: "#0645AD", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.89679 7.24994C9.56487 8.51694 9.66333 9.40694 10.1927 9.91894C10.7215 10.4314 11.6229 10.7664 12.8968 10.9239C12.6075 12.5589 12.9602 13.3254 13.9539 13.2244C14.9477 13.1234 15.545 12.7169 15.7455 12.0044C17.2985 12.4344 18.1405 12.0744 18.2709 10.9244C18.4663 9.19944 17.5223 7.82394 17.1351 7.82394C16.7484 7.82394 15.7455 7.77744 15.7455 7.24994C15.7455 6.72244 14.5741 6.42494 13.517 6.42494C12.4598 6.42494 13.0957 5.72244 11.6442 5.99994C10.6763 6.18494 10.0937 6.60144 9.89679 7.24994V7.24994Z", stroke: "#0645AD", strokeWidth: "1.2", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M15.4795 12.75C14.9634 13.0655 14.2554 13.59 13.9569 14C13.2114 15.025 12.6069 15.6485 12.475 16.304", stroke: "#0645AD", strokeWidth: "1.2", strokeLinecap: "round" })] }));
|
|
449
471
|
}
|
|
450
472
|
function IconModules({ fill, width, height }) {
|
|
451
|
-
return (jsxRuntime.jsxs("svg", { width: "25", height: "24", viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M21.6079 4.5C21.6079 5.54426 20.7522 6.4 19.6853 6.4C18.6184 6.4 17.7627 5.54426 17.7627 4.5C17.7627 3.45574 18.6184 2.6 19.6853 2.6C20.7522 2.6 21.6079 3.45574 21.6079 4.5Z", stroke: "#0645AD",
|
|
473
|
+
return (jsxRuntime.jsxs("svg", { width: "25", height: "24", viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M21.6079 4.5C21.6079 5.54426 20.7522 6.4 19.6853 6.4C18.6184 6.4 17.7627 5.54426 17.7627 4.5C17.7627 3.45574 18.6184 2.6 19.6853 2.6C20.7522 2.6 21.6079 3.45574 21.6079 4.5Z", stroke: "#0645AD", strokeWidth: "1.2" }), jsxRuntime.jsx("path", { d: "M21.6079 12.5C21.6079 13.5443 20.7522 14.4 19.6853 14.4C18.6184 14.4 17.7627 13.5443 17.7627 12.5C17.7627 11.4557 18.6184 10.6 19.6853 10.6C20.7522 10.6 21.6079 11.4557 21.6079 12.5Z", stroke: "#0645AD", strokeWidth: "1.2" }), jsxRuntime.jsx("path", { d: "M21.6079 19.5C21.6079 20.5443 20.7522 21.4 19.6853 21.4C18.6184 21.4 17.7627 20.5443 17.7627 19.5C17.7627 18.4557 18.6184 17.6 19.6853 17.6C20.7522 17.6 21.6079 18.4557 21.6079 19.5Z", stroke: "#0645AD", strokeWidth: "1.2" }), jsxRuntime.jsx("path", { d: "M14.1356 12L17.1627 12", stroke: "#0645AD", strokeWidth: "1.2", strokeLinecap: "round" }), jsxRuntime.jsx("path", { d: "M14.1356 16H15.8654L18.1718 18", stroke: "#0645AD", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M14.1356 8H15.8654L18.1718 6", stroke: "#0645AD", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M3.03613 15L5.05421 15", stroke: "#0645AD", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M11.1085 10L10.0995 10", stroke: "#0645AD", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M3.0361 10H5.99596C6.39957 10 7.07227 9.25 7.07227 8.49999C7.07227 7 7.07227 8.8377 7.07227 7", stroke: "#0645AD", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M11.1084 15H8.14858C7.74496 15 7.07227 15.5 7.07227 16C7.07227 17 7.07227 15.7749 7.07227 17", stroke: "#0645AD", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M10.9344 4.41895L10.977 4.47036L11.0298 4.51117C11.1053 4.56956 11.5175 5.03708 11.5175 6V18C11.5175 18.1873 11.4114 18.8808 10.9187 19.5999C10.708 19.8492 10.4509 20.0482 10.1646 20.1854C9.87158 20.3259 9.55413 20.3987 9.23347 20.4H8.51448C6.96145 20.3982 5.46746 19.7556 4.36173 18.605C3.2553 17.4537 2.62893 15.8878 2.6271 14.2497V9.75031C2.62893 8.11221 3.2553 6.5463 4.36173 5.39496C5.46737 4.24444 6.96122 3.60189 8.51413 3.6H9.23343C9.5541 3.60126 9.87157 3.67412 10.1646 3.8146C10.458 3.95526 10.7209 4.16085 10.9344 4.41895Z", stroke: "#0645AD", strokeWidth: "1.2" })] }));
|
|
452
474
|
}
|
|
453
475
|
function CheckIconSimple({ width = '15', height = '12', fill = '#2CA92A' }) {
|
|
454
476
|
return (jsxRuntime.jsx("svg", { width: width, height: height, viewBox: "0 0 15 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M4.59 8.58002L1.77231 5.76233C1.57753 5.56756 1.26191 5.567 1.06645 5.76108L0.356057 6.46647C0.160106 6.66105 0.158987 6.97763 0.353558 7.17358L0.354805 7.17483L4.23645 11.0565C4.43171 11.2517 4.74829 11.2517 4.94355 11.0565L14.2364 1.76358C14.4317 1.56831 14.4317 1.25173 14.2364 1.05647L13.5336 0.353577L13.5333 0.353783C13.3382 0.158601 13.0217 0.158509 12.8264 0.353577L4.59 8.58002Z", fill: fill }) }));
|
|
455
477
|
}
|
|
456
478
|
function IconContent({ fill, width, height }) {
|
|
457
|
-
return (jsxRuntime.jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M15.2884 10.4968L10.1 13.038V7.10845L15.2884 10.4968Z", stroke: "white",
|
|
479
|
+
return (jsxRuntime.jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M15.2884 10.4968L10.1 13.038V7.10845L15.2884 10.4968Z", stroke: "white", strokeWidth: "1.2", strokeLinejoin: "round" }), jsxRuntime.jsx("rect", { x: "1.6", y: "2.6", width: "20.8", height: "14.8", rx: "1.4", stroke: "white", strokeWidth: "1.2" }), jsxRuntime.jsx("path", { d: "M6 21.5H18", stroke: "white", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
458
480
|
}
|
|
459
481
|
function TrashIconNew({ fill, stroke, customColor_1, width, height }) {
|
|
460
482
|
return (jsxRuntime.jsxs("svg", { width: width ?? '19', height: height ?? '19', viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M0.833252 4.33325H2.61103H16.8333", stroke: fill ? fill : '#0645AD', strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M15.3786 4.5V15.4C15.3786 15.8243 15.1816 16.2313 14.8309 16.5314C14.4802 16.8314 14.0045 17 13.5085 17H4.15785C3.66186 17 3.18619 16.8314 2.83547 16.5314C2.48475 16.2313 2.28772 15.8243 2.28772 15.4V4.5M5.09291 4.2V2.6C5.09291 2.17565 5.28995 1.76869 5.64066 1.46863C5.99138 1.16857 6.46706 1 6.96304 1H10.7033C11.1993 1 11.675 1.16857 12.0257 1.46863C12.3764 1.76869 12.5734 2.17565 12.5734 2.6V4.2", stroke: fill ? fill : '#0645AD', strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
@@ -487,8 +509,8 @@ function styleInject(css, ref) {
|
|
|
487
509
|
}
|
|
488
510
|
}
|
|
489
511
|
|
|
490
|
-
var css_248z$
|
|
491
|
-
styleInject(css_248z$
|
|
512
|
+
var css_248z$j = "/* DEFAULTS */\n@import url('https://fonts.googleapis.com/css?family=Work+Sans:regular,bold,italic&subset=latin,latin-ext');\n@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400&family=Work+Sans:wght@700&display=swap');\n@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');\n@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=VT323&display=swap');\n\nhtml,\nbody {\n padding: 0;\n margin: 0;\n font-family: Work Sans !important;\n font-weight: 500 !important;\n}\n\np {\n margin: 0px;\n}\n\nbr {\n display: block;\n margin: 8px 0;\n}\n\n* {\n box-sizing: border-box;\n outline: none;\n}\n\n.avatar {\n vertical-align: middle;\n width: 50px;\n height: 50px;\n border-radius: 50%;\n}\n\n.ellipsis {\n overflow: hidden !important;\n white-space: nowrap !important;\n text-overflow: ellipsis !important;\n display: inline-block !important;\n}\n\n.tag {\n border-radius: 13px;\n min-height: 24px;\n text-align: center;\n font-size: 14px;\n line-height: 16px;\n display: inline-block;\n}\n\n.content {\n padding: 24px !important;\n border-radius: inherit;\n}\n\n.fixedBottom {\n position: absolute !important;\n bottom: 0px !important;\n right: 0px !important;\n}\n\n.innerContent {\n padding: 0px 24px 0px 24px !important;\n border-radius: inherit;\n}\n\n.centeredVertically {\n display: inline-flex;\n align-items: center;\n}\n\n.cardContent {\n position: relative;\n width: 100%;\n height: 100%;\n box-shadow: none !important;\n border: 1px solid #c4c4c4;\n background-color: #fff;\n box-sizing: border-box !important;\n border-radius: 8px !important;\n padding: 24px !important;\n}\n\n.cardContentNoMargin {\n position: relative;\n height: 100%;\n width: 100%;\n box-shadow: none !important;\n border: 1px solid #c4c4c4;\n background-color: #fff;\n box-sizing: border-box !important;\n border-radius: 8px !important;\n}\n\n.cardTopRightConner {\n float: right;\n border-radius: 0px 8px;\n}\n\n.frstButton {\n color: #fff;\n font-weight: bold !important;\n background-color: #ff4d0d;\n border-color: #ff4d0d;\n height: 48px !important;\n font-size: 16px !important;\n padding-left: 16px !important;\n padding-right: 16px !important;\n padding-top: 18px !important;\n padding-bottom: 18px !important;\n text-transform: none !important;\n border-radius: 5px 5px 5px 5px !important;\n box-shadow: 0 2px 0 rgb(0 0 0 / 2%) !important;\n}\n\n.blue {\n border: 1px solid #e8e8e8 !important;\n background-color: #fff !important;\n color: #0645ad !important;\n}\n\n.shimmer {\n background: #f6f7f8;\n background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #c4c4c4 40%, #c4c4c4 100%);\n background-repeat: no-repeat;\n background-size: 100% 100%;\n position: relative;\n color: transparent;\n\n -webkit-animation-duration: 1s;\n -webkit-animation-fill-mode: forwards;\n -webkit-animation-iteration-count: infinite;\n -webkit-animation-name: placeholderShimmer;\n -webkit-animation-timing-function: linear;\n}\n\n@keyframes placeholderShimmer {\n 0% {\n background-position: -468px 0;\n }\n\n 100% {\n background-position: 468px 0;\n }\n}\n";
|
|
513
|
+
styleInject(css_248z$j);
|
|
492
514
|
|
|
493
515
|
function Tag(props) {
|
|
494
516
|
function getBG() {
|
|
@@ -1670,9 +1692,9 @@ function CalendarCard(props) {
|
|
|
1670
1692
|
jsxRuntime.jsx(FRSTButton, { style: { marginLeft: 'auto' }, variant: "contained", onClick: props.trails[module]?.joinEventAction, children: t('calendar.card.joinEvent') })] })] }) }) }));
|
|
1671
1693
|
}
|
|
1672
1694
|
|
|
1673
|
-
var css_248z$
|
|
1674
|
-
var style$
|
|
1675
|
-
styleInject(css_248z$
|
|
1695
|
+
var css_248z$i = ".TextIcon-module_container__c5xjY {\n display: flex;\n justify-content: 'flex-start';\n align-items: 'center';\n position: relative;\n flex-direction: row;\n flex-wrap: wrap;\n}\n";
|
|
1696
|
+
var style$h = {"container":"TextIcon-module_container__c5xjY"};
|
|
1697
|
+
styleInject(css_248z$i);
|
|
1676
1698
|
|
|
1677
1699
|
///-----------------------------------------
|
|
1678
1700
|
/// Componente
|
|
@@ -1681,12 +1703,12 @@ styleInject(css_248z$h);
|
|
|
1681
1703
|
* @componente
|
|
1682
1704
|
*/
|
|
1683
1705
|
function TextIcon(props) {
|
|
1684
|
-
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx("div", { className: style$
|
|
1706
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx("div", { className: style$h.container, style: { ...props.style }, children: jsxRuntime.jsxs("div", { style: { display: 'flex', width: '100%', justifyContent: 'flex-start', alignItems: 'center' }, children: [jsxRuntime.jsx("div", { style: { display: 'inline-flex', width: 30, height: 30, position: 'relative', justifyContent: 'center', alignItems: 'center' }, children: props.svg }), jsxRuntime.jsx("div", { style: { display: 'inline-flex', marginLeft: 8, whiteSpace: 'pre-wrap' }, children: props.description })] }) }) }));
|
|
1685
1707
|
}
|
|
1686
1708
|
|
|
1687
|
-
var css_248z$
|
|
1688
|
-
var style$
|
|
1689
|
-
styleInject(css_248z$
|
|
1709
|
+
var css_248z$h = "@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=VT323&display=swap');\n\n.Rating-module_container__yehpg {\n width: 150px;\n padding: 8px;\n height: 80px;\n display: flex;\n justify-content: 'flex-start';\n align-items: 'center';\n position: relative;\n margin-left: 16px;\n flex-direction: row;\n flex-wrap: wrap;\n font-family: 'Work Sans';\n \n}\n\n.Rating-module_titulo__mPtNy{\n display: flex;\n justify-content: flex-start;\n align-items: center;\n font-size: 16px;\n font-weight: 600px;\n}\n\n.Rating-module_content__fqIyW{\n display: flex;\n width: 100%;\n justify-content: flex-start;\n align-items: flex-start;\n \n}\n\n.Rating-module_star__Wzye9{\n display: inline-flex;\n width: 35px; \n height: 35px; \n position: relative; \n justify-content: center; \n align-items: center;\n}\n\n.Rating-module_avaliacao__AOld-{\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100px;\n height: 100%;\n margin-left: 4px;\n}\n";
|
|
1710
|
+
var style$g = {"container":"Rating-module_container__yehpg","titulo":"Rating-module_titulo__mPtNy","content":"Rating-module_content__fqIyW","star":"Rating-module_star__Wzye9","avaliacao":"Rating-module_avaliacao__AOld-"};
|
|
1711
|
+
styleInject(css_248z$h);
|
|
1690
1712
|
|
|
1691
1713
|
///-----------------------------------------
|
|
1692
1714
|
/// Componente
|
|
@@ -1716,12 +1738,12 @@ function Rating$1(props) {
|
|
|
1716
1738
|
'#FFC200',
|
|
1717
1739
|
'#FF4D0D',
|
|
1718
1740
|
];
|
|
1719
|
-
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { className: style$
|
|
1741
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { className: style$g.container, style: { ...props.style }, children: [jsxRuntime.jsx("div", { className: style$g.titulo, style: { display: 'flex', justifyContent: 'flex-start', alignItems: 'center', fontSize: 16, fontWeight: 600 }, children: props.titulo }), jsxRuntime.jsxs("div", { className: style$g.content, style: { display: 'flex', width: '100%', justifyContent: 'flex-start', alignItems: 'flex-start' }, children: [jsxRuntime.jsxs("div", { className: style$g.star, style: { display: 'inline-flex', width: 35, height: 35, position: 'relative', justifyContent: 'center', alignItems: 'center' }, children: [jsxRuntime.jsx(StarIcon, { color: MapColorStar[props.tipoVisualizacao - 1] }), jsxRuntime.jsx("span", { style: { position: 'absolute', fontSize: 10, color: MapColorNumberStar[props.tipoVisualizacao - 1], fontWeight: 'bold', top: 12, textAlign: 'center' }, children: props.nota })] }), jsxRuntime.jsxs("div", { className: style$g.avaliacao, style: { justifyContent: props.descricaoAvaliacao ? 'flex-start' : 'center' }, children: [jsxRuntime.jsx("span", { style: { fontSize: 14, fontWeight: 600 }, children: props.descricaoAvaliacao }), jsxRuntime.jsx("span", { style: { fontSize: 12, fontWeight: 400 }, children: `${props.qtdeAvaliacao} ${props.qtdeAvaliacao > 1 ? props.nomeAvaliacao : props.nomeAvaliacao}` })] })] })] }) }));
|
|
1720
1742
|
}
|
|
1721
1743
|
|
|
1722
|
-
var css_248z$
|
|
1723
|
-
var style$
|
|
1724
|
-
styleInject(css_248z$
|
|
1744
|
+
var css_248z$g = "@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=VT323&display=swap');\n\n.RatingCurtidas-module_container__Ns11t {\n width: 150px;\n padding: 8px;\n height: 80px;\n display: flex;\n justify-content: 'flex-start';\n align-items: 'center';\n position: relative;\n margin-left: 16px;\n flex-direction: row;\n flex-wrap: wrap;\n font-family: 'Work Sans';\n \n}\n";
|
|
1745
|
+
var style$f = {"container":"RatingCurtidas-module_container__Ns11t"};
|
|
1746
|
+
styleInject(css_248z$g);
|
|
1725
1747
|
|
|
1726
1748
|
///-----------------------------------------
|
|
1727
1749
|
/// Componente
|
|
@@ -1762,12 +1784,12 @@ function RocketButton(props) {
|
|
|
1762
1784
|
* @componente
|
|
1763
1785
|
*/
|
|
1764
1786
|
function RatingCurtidas(props) {
|
|
1765
|
-
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { className: style$
|
|
1787
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { className: style$f.container, style: { ...props.style }, children: [jsxRuntime.jsx("div", { style: { display: 'flex', justifyContent: 'flex-start', alignItems: 'center', fontSize: 16, fontWeight: 600 }, children: props.titulo }), jsxRuntime.jsxs("div", { style: { display: 'flex', width: '100%', justifyContent: 'flex-start', alignItems: 'flex-start' }, children: [jsxRuntime.jsx("div", { style: { display: 'inline-flex', width: 40, height: 40, justifyContent: 'center', alignItems: 'center', position: 'relative' }, children: jsxRuntime.jsx(RocketButton, { tipoBotao: props.tipoBotao }) }), jsxRuntime.jsx("div", { style: { display: 'inline-flex', width: 90, marginLeft: 4 }, children: jsxRuntime.jsxs("div", { style: { display: 'flex', flexDirection: 'column', flexWrap: 'wrap', width: 100 }, children: [jsxRuntime.jsx("span", { style: { fontSize: 14, fontWeight: 600 }, children: props.qtdeCurtidas ? props.qtdeCurtidas : 0 }), jsxRuntime.jsx("span", { style: { fontSize: 12, fontWeight: 400 }, children: props.descricaoCurtida })] }) })] })] }) }));
|
|
1766
1788
|
}
|
|
1767
1789
|
|
|
1768
|
-
var css_248z$
|
|
1769
|
-
var style$
|
|
1770
|
-
styleInject(css_248z$
|
|
1790
|
+
var css_248z$f = "@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=VT323&display=swap');\n\n.Planet-module_container__YS3oo {\n width: 100px;\n height: 100px;\n display: flex;\n justify-content: 'center';\n align-items: 'center';\n position: relative;\n margin-left: 16px;\n\n text-align: center;\n font-size: 26px;\n font-family: 'VT323', monospace;\n color: white;\n -webkit-text-stroke: 0.5px black;\n text-shadow:2px 0 0 black,0 2px 0 black,-2px 0 0 black,0 -2px 0 black;\n}\n\n.Planet-module_label__bZgzb {\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n padding: 2px;\n border: 2px dashed white;\n bottom: 0;\n left: 8px;\n right: 8px;\n width: calc(100% -16px);\n}\n@media (max-width: 600px) {\n .Planet-module_label__bZgzb {\n font-size: 22px;\n text-shadow: none;\n -webkit-text-stroke: 0%;\n color: black;\n }\n}\n\n@media (max-width: 540px) {\n .Planet-module_label__bZgzb {\n font-size: 18px;\n text-shadow: none;\n -webkit-text-stroke: 0%;\n color: black;\n }\n}\n\n@media (max-width: 470px) {\n .Planet-module_label__bZgzb {\n font-size: 16px;\n text-shadow: none;\n -webkit-text-stroke: 0%;\n color: black;\n }\n}\n\n@media (max-width: 400px) {\n .Planet-module_label__bZgzb {\n font-size: 14px;\n text-shadow: none;\n -webkit-text-stroke: 0%;\n color: black;\n }\n}\n\n.Planet-module_block__yUjqK {\n position: absolute;\n justify-content: center;\n align-items: center;\n display: flex;\n padding: 4px;\n \n bottom: 16px;\n left: 0;\n right: 0;\n top: 0;\n /* width: calc(100% -16px); */\n \n}\n\n.Planet-module_block__yUjqK img {\n width: 50%;\n height: 50%;\n object-fit: contain;\n margin-top: 0;\n}\n\n.Planet-module_imgAtive__dgis2 {\n filter: grayscale(0);\n opacity: 1;\n height: 100% !important;\n width: 100% !important;\n object-fit: contain;\n margin-left: 2px;\n}\n\n.Planet-module_imgAtive__dgis2:hover {\n cursor: pointer\n}\n\n.Planet-module_imgInative__RXloV {\n filter: grayscale(1);\n opacity: 1;\n height: 100% !important;\n width: 100% !important;\n object-fit: contain;\n margin-left: 2px;\n}\n\n.Planet-module_imgInative__RXloV:hover {\n cursor: pointer;\n}\n\n.Planet-module_imgBlocked__txZ4a {\n filter: grayscale(1);\n opacity: 0.5;\n height: 100% !important;\n width: 100% !important;\n object-fit: contain;\n margin-left: 2px;;\n}\n\n.Planet-module_imgBlockedL__xcI-B:hover {\n cursor: not-allowed;\n}\n\n.Planet-module_missaoTitle__RbGDH{\n font-style: normal;\n font-weight: 600;\n font-size: 16px;\n display: flex;\n align-items: center;\n \n color: #0645AD;\n}";
|
|
1791
|
+
var style$e = {"container":"Planet-module_container__YS3oo","label":"Planet-module_label__bZgzb","block":"Planet-module_block__yUjqK","imgAtive":"Planet-module_imgAtive__dgis2","imgInative":"Planet-module_imgInative__RXloV","imgBlocked":"Planet-module_imgBlocked__txZ4a","imgBlockedL":"Planet-module_imgBlockedL__xcI-B","missaoTitle":"Planet-module_missaoTitle__RbGDH"};
|
|
1792
|
+
styleInject(css_248z$f);
|
|
1771
1793
|
|
|
1772
1794
|
///-----------------------------------------
|
|
1773
1795
|
/// Componente
|
|
@@ -1820,16 +1842,16 @@ function Steps(props) {
|
|
|
1820
1842
|
React.useEffect(() => {
|
|
1821
1843
|
setIdioma(props.idioma ? props.idioma : 'pt-BR');
|
|
1822
1844
|
}, [props.idioma]);
|
|
1823
|
-
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { className: style$
|
|
1845
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { className: style$e.container, style: { ...props.style }, onClick: () => {
|
|
1824
1846
|
if (props.status !== 'B') {
|
|
1825
1847
|
props.onClick();
|
|
1826
1848
|
}
|
|
1827
1849
|
}, children: [jsxRuntime.jsx("img", { src: TypeStep[props.step - 1], className: props.status === "A" ?
|
|
1828
|
-
style$
|
|
1850
|
+
style$e.imgAtive
|
|
1829
1851
|
: props.status === "I" ?
|
|
1830
|
-
style$
|
|
1831
|
-
: style$
|
|
1832
|
-
jsxRuntime.jsx("div", { className: style$
|
|
1852
|
+
style$e.imgInative
|
|
1853
|
+
: style$e.imgBlocked }), jsxRuntime.jsx("div", { className: style$e.label, children: mapTraducao.get(Idioma)[props.step - 1] }), props.status === 'B' &&
|
|
1854
|
+
jsxRuntime.jsx("div", { className: style$e.block, children: jsxRuntime.jsx("img", { src: 'https://api-motor.s3.amazonaws.com/lock.png' }) })] }) }));
|
|
1833
1855
|
}
|
|
1834
1856
|
|
|
1835
1857
|
///-----------------------------------------
|
|
@@ -1909,17 +1931,17 @@ function MissionSteps(props) {
|
|
|
1909
1931
|
};
|
|
1910
1932
|
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: 'center', width: '100%', position: 'relative', padding: 20, backgroundColor: 'white', marginTop: '10px' }, children: [stepActive > 1 ?
|
|
1911
1933
|
size[0] >= BREAKWIDTH ?
|
|
1912
|
-
jsxRuntime.jsx("span", { onClick: () => { setStep(stepActive - 1); }, className: style$
|
|
1934
|
+
jsxRuntime.jsx("span", { onClick: () => { setStep(stepActive - 1); }, className: style$e.missaoTitle, style: leftButtonStyle, children: `${mapTraducao.get(Idioma).previous}` })
|
|
1913
1935
|
:
|
|
1914
|
-
jsxRuntime.jsx("span", { onClick: () => { setStep(stepActive - 1); }, className: style$
|
|
1936
|
+
jsxRuntime.jsx("span", { onClick: () => { setStep(stepActive - 1); }, className: style$e.missaoTitle, style: leftButtonStyle, children: `${mapTraducao.get(Idioma).previousShort}` })
|
|
1915
1937
|
: null, stepActive < stepLiberado ?
|
|
1916
1938
|
size[0] >= BREAKWIDTH ?
|
|
1917
|
-
jsxRuntime.jsx("span", { onClick: () => { setStep(stepActive + 1); }, className: style$
|
|
1939
|
+
jsxRuntime.jsx("span", { onClick: () => { setStep(stepActive + 1); }, className: style$e.missaoTitle, style: rightButtonStyle, children: `${mapTraducao.get(Idioma).next}` })
|
|
1918
1940
|
:
|
|
1919
|
-
jsxRuntime.jsx("span", { onClick: () => { setStep(stepActive + 1); }, className: style$
|
|
1941
|
+
jsxRuntime.jsx("span", { onClick: () => { setStep(stepActive + 1); }, className: style$e.missaoTitle, style: rightButtonStyle, children: `${mapTraducao.get(Idioma).nextShort}` })
|
|
1920
1942
|
: props.stepProblem < 5 &&
|
|
1921
1943
|
props.onClickContinue &&
|
|
1922
|
-
jsxRuntime.jsx("span", { className: style$
|
|
1944
|
+
jsxRuntime.jsx("span", { className: style$e.missaoTitle, style: { ...rightButtonStyle, marginTop: '-10px' }, children: jsxRuntime.jsx(Button$3, { handleClick: () => props.onClickContinue(), label: mapTraducao.get(Idioma).continueChallenge, variant: "primary", endIcon: jsxRuntime.jsx(FowardArrow, { fill: "#fff" }), style: { height: '40px' } }) }), jsxRuntime.jsxs("div", { style: { display: "inline-flex", marginTop: 40, justifyContent: 'center', width: '100%' }, children: [jsxRuntime.jsx(Steps, { step: 1, idioma: Idioma, status: stepLiberado >= 1 ? stepActive === 1 ? "A" : "I" : "B", onClick: () => {
|
|
1923
1945
|
setStep(1);
|
|
1924
1946
|
} }), jsxRuntime.jsx(Steps, { step: 2, idioma: Idioma, status: stepLiberado >= 2 ? stepActive === 2 ? "A" : "I" : "B", onClick: () => {
|
|
1925
1947
|
setStep(2);
|
|
@@ -1932,9 +1954,9 @@ function MissionSteps(props) {
|
|
|
1932
1954
|
} })] })] }) }));
|
|
1933
1955
|
}
|
|
1934
1956
|
|
|
1935
|
-
var css_248z$
|
|
1936
|
-
var style$
|
|
1937
|
-
styleInject(css_248z$
|
|
1957
|
+
var css_248z$e = "@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=VT323&display=swap');\n\n.avatarWithInfo-module_container__Y-yUf {\n /* width: 100%; */\n height: fit-content;\n padding: 4px 16px 4px 4px;\n display: inline-flex;\n justify-content: space-between;\n align-items: center;\n \n border: 1px solid #BDBDBD;\n border-radius: 25px;\n background-color: #FFF;\n font-size: 16px;\n \n flex-direction: row;\n flex-wrap: nowrap;\n font-family: 'Work Sans';\n flex-wrap: wrap;\n}";
|
|
1958
|
+
var style$d = {"container":"avatarWithInfo-module_container__Y-yUf"};
|
|
1959
|
+
styleInject(css_248z$e);
|
|
1938
1960
|
|
|
1939
1961
|
const AvatarImg$1 = styled__default["default"].img `
|
|
1940
1962
|
width: ${props => props.size || '120px'};
|
|
@@ -1973,7 +1995,7 @@ function Vector(props) {
|
|
|
1973
1995
|
* @componente Planet: Componente responsável por gerenciar os controles dos steps das missões
|
|
1974
1996
|
*/
|
|
1975
1997
|
function AvatarWithInfo(props) {
|
|
1976
|
-
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { className: style$
|
|
1998
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { className: style$d.container, style: { ...props.style }, children: [jsxRuntime.jsx(Avatar, { size: '40px', src: props.fotoAvatar }), jsxRuntime.jsx("span", { style: { fontWeight: 600, marginLeft: 8, marginRight: 4 }, children: props.nomeCompleto }), " ", props.cargo ? jsxRuntime.jsx(Vector, {}) : '', " ", jsxRuntime.jsx("span", { style: { fontWeight: 400, marginLeft: 4, marginRight: 8, textAlign: 'center' }, children: props.cargo })] }) }));
|
|
1977
1999
|
}
|
|
1978
2000
|
|
|
1979
2001
|
const LinkButton$1 = styled__default["default"].a `
|
|
@@ -2332,9 +2354,9 @@ function Button$3({ variant, label, sizeIcon, disabled, startIcon, endIcon, hand
|
|
|
2332
2354
|
jsxRuntime.jsx(Button$4, { ref: ref, style: { ...style }, length: length, active: active, value: value, variant: variant, disabled: disabled, onClick: handleClick, id: id, children: label }) }));
|
|
2333
2355
|
}
|
|
2334
2356
|
|
|
2335
|
-
var css_248z$
|
|
2336
|
-
var style$
|
|
2337
|
-
styleInject(css_248z$
|
|
2357
|
+
var css_248z$d = ".BannerProblem-module_container__iitVU {\n padding: 50px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n position: relative;\n flex-direction: row;\n flex-wrap: wrap;\n background-color: white;\n font-family: 'Work Sans';\n font-style: normal;\n\n}\n\n.BannerProblem-module_titleProblem__BeJIN{\n font-weight: 700;\n font-size: 18px;\n word-wrap: break-word;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 4px;\n}\n\n.BannerProblem-module_created__OrSsa{\n font-size: 12px;\n\n font-family: 'Work Sans';\n font-style: normal;\n font-weight: 400;\n font-size: 12px;\n line-height: 14px;\n /* identical to box height, or 117% */\n\n display: flex;\n align-items: center;\n letter-spacing: -0.02em;\n\n color: #757575;\n}\n\n.BannerProblem-module_description__olZ05{\n font-style: normal;\n font-weight: 600;\n font-size: 32px;\n text-align: left;\n display: flex;\n margin-top: 8px;\n width: 100%;\n color: #FF4D0D;\n margin-bottom: 0px;\n}\n\n@media(max-width: 880px){\n .BannerProblem-module_description__olZ05{\n word-wrap: break-word;\n }\n}\n\n.BannerProblem-module_missaoTitle__300kZ{\n font-style: normal;\n font-weight: 600;\n font-size: 16px;\n display: flex;\n align-items: center;\n width: 100%;\n \n color: #0645AD;\n}\n\nh2{\n font-family: 'Work Sans';\n font-style: normal;\n font-weight: 700;\n font-size: 16px;\n display: flex;\n align-items: center;\n width: 100%;\n margin-top: 16;\n margin-bottom: 0;\n}\n\nh3{\n font-family: 'Work Sans';\n font-style: normal;\n font-weight: 400;\n font-size: 14px;\n line-height: 21px;\n margin: 0;\n word-wrap: break-word;\n}\n\n.BannerProblem-module_contentInput__YXpxk {\n background-color: #F2F2F2; \n border-width: 1px; \n border-radius: 4px;\n padding: 24px 16px 24px 16px;\n border: 1px solid #BDBDBD;\n}\n\n.BannerProblem-module_contentInput__YXpxk input {\n width: 100% !important;\n margin: 4px;\n padding: 16px;\n border-radius: 8px;\n border: 1px solid #BDBDBD;\n background-color: white;\n}\n\n.BannerProblem-module_goal_invite__B0T5N svg {\n max-width: none;\n max-height: none !important;\n}\n";
|
|
2358
|
+
var style$c = {"container":"BannerProblem-module_container__iitVU","titleProblem":"BannerProblem-module_titleProblem__BeJIN","created":"BannerProblem-module_created__OrSsa","description":"BannerProblem-module_description__olZ05","missaoTitle":"BannerProblem-module_missaoTitle__300kZ","contentInput":"BannerProblem-module_contentInput__YXpxk","goal_invite":"BannerProblem-module_goal_invite__B0T5N"};
|
|
2359
|
+
styleInject(css_248z$d);
|
|
2338
2360
|
|
|
2339
2361
|
const SpanHeaderTag = styled__default["default"].span `
|
|
2340
2362
|
display: flex;
|
|
@@ -2441,8 +2463,8 @@ function BannerProblem(props) {
|
|
|
2441
2463
|
return title;
|
|
2442
2464
|
};
|
|
2443
2465
|
const MOBILEWIDTH = 650;
|
|
2444
|
-
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { className: style$
|
|
2445
|
-
jsxRuntime.jsx(SpanHeaderTag, { background: props.topHeaderTagBgColor, color: props.topHeaderTagColor, children: props.topHeaderTagText }), jsxRuntime.jsxs("div", { style: { width: '100%', display: 'flex', justifyContent: 'space-between', flexDirection: 'row', alignItems: 'center' }, children: [jsxRuntime.jsxs("span", { className: style$
|
|
2466
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { className: style$c.container, style: { ...props.style }, children: [props.topHeaderTagText &&
|
|
2467
|
+
jsxRuntime.jsx(SpanHeaderTag, { background: props.topHeaderTagBgColor, color: props.topHeaderTagColor, children: props.topHeaderTagText }), jsxRuntime.jsxs("div", { style: { width: '100%', display: 'flex', justifyContent: 'space-between', flexDirection: 'row', alignItems: 'center' }, children: [jsxRuntime.jsxs("span", { className: style$c.titleProblem, children: [showChallengeTitle(), props.isVerified &&
|
|
2446
2468
|
jsxRuntime.jsx(Tooltip$2, { direction: "bottom", content: props.verifiedTooltipContent, trigger: 'hover', width: '361px', height: '54px', style: { top: '10px', textAlign: 'center' }, children: jsxRuntime.jsx(SawBadgeIcon, {}) })] }), props.isEditable &&
|
|
2447
2469
|
jsxRuntime.jsx(Button$3, { label: Edit ? (props.textButtonLinkEditSave ? props.textButtonLinkEditSave : "Salvar Alterações") : (props.textButtonLinkEdit ? props.textButtonLinkEdit : "Editar"), variant: 'link', handleClick: () => handleEdit(), startIcon: jsxRuntime.jsx(EditIcon, {}) })] }), Edit ?
|
|
2448
2470
|
jsxRuntime.jsx("div", { style: {
|
|
@@ -2466,7 +2488,7 @@ function BannerProblem(props) {
|
|
|
2466
2488
|
wordBreak: 'break-word',
|
|
2467
2489
|
}, children: TituloProblema }) })
|
|
2468
2490
|
:
|
|
2469
|
-
jsxRuntime.jsx("h1", { className: style$
|
|
2491
|
+
jsxRuntime.jsx("h1", { className: style$c.description, children: TituloProblema }), jsxRuntime.jsx("div", { style: { display: 'flex', justifyContent: 'space-between', position: 'relative', width: '100%', borderBottom: '1px solid #CCCCCC' }, children: jsxRuntime.jsxs("div", { style: { display: 'inline-flex', width: '100%' }, children: [jsxRuntime.jsxs("div", { style: { width: '100%', maxWidth: 600 }, children: [jsxRuntime.jsxs("div", { style: { display: 'flex', flexDirection: 'column', width: 'fit-content', paddingTop: '16px' }, children: [jsxRuntime.jsx("span", { className: style$c.created, children: props.dataCriacao }), jsxRuntime.jsx(AvatarWithInfo, { cargo: props.cargo, nomeCompleto: props.nome, fotoAvatar: props.avatar, style: { marginBottom: 8, marginTop: 24 } })] }), jsxRuntime.jsx(TextIcon, { description: props.area, svg: jsxRuntime.jsx(Brain, {}) }), props.company && jsxRuntime.jsx(TextIcon, { style: { width: '80%' }, description: props.company, svg: jsxRuntime.jsx(CompanyIcon, {}) }), jsxRuntime.jsx(TextIcon, { description: adapterEmail(props.email, size[0]), svg: jsxRuntime.jsx(Mail, {}) }), Edit && props.isVisibleEditTrail ?
|
|
2470
2492
|
jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { style: { marginTop: 12, backgroundColor: '#F2F2F2', borderWidth: 1, borderRadius: 4, padding: '24px 16px 24px 16px', border: '1px solid #BDBDBD' }, children: [jsxRuntime.jsx("h3", { style: { marginBottom: 12, textAlign: 'left', width: '100%', fontSize: 16 }, children: props.textTrailLabel ? props.textTrailLabel : 'Deseja vincular este novo problema a uma Trilha de Aprendizagem?' }), jsxRuntime.jsx(Select__default$1["default"], { id: "select", styles: customStyles, options: props.trilhaData ? props.trilhaData : [], value: props.trilhaData.filter(function (temp) { return temp.value === TrilhaId; }), placeholder: props.placeholderSelectTrail ? props.placeholderSelectTrail : 'Selecione uma trilha', onChange: e => {
|
|
2471
2493
|
setTrilhaId(e.value);
|
|
2472
2494
|
setTrilhaDescricaoSelecionada(e.label);
|
|
@@ -2476,7 +2498,7 @@ function BannerProblem(props) {
|
|
|
2476
2498
|
jsxRuntime.jsx(TextIcon, { description: props.textIconDescription ? props.textIconDescription : 'Ainda não está vinculado a uma trilha', svg: jsxRuntime.jsx(WithoutTrail, {}) })
|
|
2477
2499
|
:
|
|
2478
2500
|
jsxRuntime.jsx(TextIcon, { description: TrilhaBanner, svg: jsxRuntime.jsx(WithTrail, {}) }) }), jsxRuntime.jsx("div", { style: { marginTop: 16, marginBottom: 26, maxWidth: !Edit ? '400px' : '100%' }, children: Edit && props.isVisibleEditTags ?
|
|
2479
|
-
jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { className: style$
|
|
2501
|
+
jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { className: style$c.contentInput, children: [jsxRuntime.jsx("h3", { style: { marginBottom: 12, textAlign: 'left', width: '100%', fontSize: 16 }, children: props.textContentInput ? props.textContentInput : 'Busque e selecione até três palavras-chave:' }), jsxRuntime.jsx(Select__default$1["default"], { id: "select", styles: customStyles, options: tagListShow, value: tagListShow.filter(function (temp) { return temp.value === Tag1; }), placeholder: props.placeholderSelectTag ? props.placeholderSelectTag : 'Selecione uma Tag', onChange: e => { setTag1(e.value); } }), jsxRuntime.jsx(Select__default$1["default"], { id: "select", styles: customStyles, options: tagListShow, value: tagListShow.filter(function (temp) { return temp.value === Tag2; }), placeholder: props.placeholderSelectTag ? props.placeholderSelectTag : 'Selecione uma Tag', onChange: e => { setTag2(e.value); } }), jsxRuntime.jsx(Select__default$1["default"], { id: "select", styles: customStyles, options: tagListShow, value: tagListShow.filter(function (temp) { return temp.value === Tag3; }), placeholder: props.placeholderSelectTag ? props.placeholderSelectTag : 'Selecione uma Tag', onChange: e => { setTag3(e.value); } })] }) })
|
|
2480
2502
|
:
|
|
2481
2503
|
jsxRuntime.jsx(jsxRuntime.Fragment, { children: Tags?.map((item, key) => (item &&
|
|
2482
2504
|
jsxRuntime.jsx(Tag, { title: item, style: { color: '#000 !important', marginRight: 8, marginTop: 8 }, color: "#E4E1FF", selected: false, inverted: false }, key))) }) }), size[0] <= MOBILEWIDTH || Edit ?
|
|
@@ -2513,9 +2535,9 @@ ${email.slice(indexBreak)}`;
|
|
|
2513
2535
|
}
|
|
2514
2536
|
}
|
|
2515
2537
|
|
|
2516
|
-
var css_248z$
|
|
2517
|
-
var style$
|
|
2518
|
-
styleInject(css_248z$
|
|
2538
|
+
var css_248z$c = ".MessageBox-module_container__6oBFw {\n min-width: 200px;\n padding: 8px;\n min-height: 30px;\n margin-top: 8px;\n font-size: 14px;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n position: relative;\n flex-direction: row;\n flex-wrap: wrap;\n \n}\n\n.MessageBox-module_square__bUGB6{\n height: 20px;\n width: 20px;\n display: inline-flex; \n justify-content: center; \n align-items: center;\n margin-right: 8px;\n}\n\n.MessageBox-module_success__OT-qh{\n \n border-Width: 2;\n border: 1px solid;\n border-color: #2CA92A;\n background-color: #D1F6D1;\n color: #222;\n}\n\n.MessageBox-module_success__OT-qh:hover{\n background-color: #2CA92A !important;\n color: white;\n}\n\n.MessageBox-module_successNoHover__0-hv8{\n \n border-Width: 2;\n border: 1px solid;\n border-color: #2CA92A;\n background-color: #D1F6D1;\n color: #222;\n}\n\n.MessageBox-module_warning__WFHrV{\n border-Width: 2;\n border: 1px solid;\n border-color: #FFC200;\n background-color: #FEF0D4;\n color: #222;\n}\n\n.MessageBox-module_warning__WFHrV:hover{\n background-color: #FFC200 !important;\n color: white;\n}\n\n.MessageBox-module_warningNoHover__9REga{\n border-Width: 2;\n border: 1px solid;\n border-color: #FFC200;\n background-color: #FEF0D4;\n color: #222;\n}\n\n.MessageBox-module_error__PzfdG{\n border-Width: 2;\n border: 1px solid;\n border-color: #EA0000;\n background-color: #FFE5E5;\n color: #222;\n}\n\n.MessageBox-module_error__PzfdG:hover{\n background-color: #EA0000 !important;\n color: white;\n}\n\n.MessageBox-module_errorNoHover__wBfkm{\n border-Width: 2;\n border: 1px solid;\n border-color: #EA0000;\n background-color: #FFE5E5;\n color: #222;\n}\n\n.MessageBox-module_notificacao__TIUt0{\n border-Width: 2;\n border: 1px solid;\n border-color: #757575;\n background-color: #F2F2F2;\n color: #0645AD;\n font-weight: 700;\n}\n\n.MessageBox-module_notificacao__TIUt0:hover{\n background-color: #F2F2F2 !important;\n \n}\n\n.MessageBox-module_notificacao__TIUt0 span {\n color: #757575 !important;\n font-weight: 400;\n}\n\n.MessageBox-module_notificacaoNoHover__NHKEm{\n border-Width: 2;\n border: 1px solid;\n border-color: #757575;\n background-color: #F2F2F2;\n color: #0645AD;\n font-weight: 700;\n}\n\n.MessageBox-module_notificacaoNoHover__NHKEm span {\n color: #757575 !important;\n font-weight: 400;\n}\n\n.MessageBox-module_notificacaoErro__-Daph{\n border-Width: 2;\n border: 1px solid;\n border-color: #EA0000 ;\n background-color: #FFE5E5;\n color: #222;\n}\n\n.MessageBox-module_notificacaoErro__-Daph:hover{\n background-color: #EA0000 !important;\n color: white;\n}\n\n.MessageBox-module_notificacaoErroNoHover__kW518{\n border-Width: 2;\n border: 1px solid;\n border-color: #EA0000 ;\n background-color: #FFE5E5;\n color: #222;\n}";
|
|
2539
|
+
var style$b = {"container":"MessageBox-module_container__6oBFw","square":"MessageBox-module_square__bUGB6","success":"MessageBox-module_success__OT-qh","successNoHover":"MessageBox-module_successNoHover__0-hv8","warning":"MessageBox-module_warning__WFHrV","warningNoHover":"MessageBox-module_warningNoHover__9REga","error":"MessageBox-module_error__PzfdG","errorNoHover":"MessageBox-module_errorNoHover__wBfkm","notificacao":"MessageBox-module_notificacao__TIUt0","notificacaoNoHover":"MessageBox-module_notificacaoNoHover__NHKEm","notificacaoErro":"MessageBox-module_notificacaoErro__-Daph","notificacaoErroNoHover":"MessageBox-module_notificacaoErroNoHover__kW518"};
|
|
2540
|
+
styleInject(css_248z$c);
|
|
2519
2541
|
|
|
2520
2542
|
///-----------------------------------------
|
|
2521
2543
|
/// Componente
|
|
@@ -2569,22 +2591,22 @@ function MessageBox(props) {
|
|
|
2569
2591
|
jsxRuntime.jsx(SaveIcon, { fill: 'red' })
|
|
2570
2592
|
];
|
|
2571
2593
|
return (jsxRuntime.jsxs("div", { style: { position: 'relative' }, children: [jsxRuntime.jsxs("div", { className: props.hasHover ?
|
|
2572
|
-
`${props.tipoVisualizacao === 1 ? style$
|
|
2573
|
-
: props.tipoVisualizacao === 2 ? style$
|
|
2574
|
-
: props.tipoVisualizacao === 3 ? style$
|
|
2575
|
-
: props.tipoVisualizacao === 4 ? style$
|
|
2576
|
-
: props.tipoVisualizacao === 5 ? style$
|
|
2577
|
-
: ''} ${style$
|
|
2594
|
+
`${props.tipoVisualizacao === 1 ? style$b.success
|
|
2595
|
+
: props.tipoVisualizacao === 2 ? style$b.warning
|
|
2596
|
+
: props.tipoVisualizacao === 3 ? style$b.error
|
|
2597
|
+
: props.tipoVisualizacao === 4 ? style$b.notificacao
|
|
2598
|
+
: props.tipoVisualizacao === 5 ? style$b.notificacaoErro
|
|
2599
|
+
: ''} ${style$b.container}`
|
|
2578
2600
|
:
|
|
2579
|
-
`${props.tipoVisualizacao === 1 ? style$
|
|
2580
|
-
: props.tipoVisualizacao === 2 ? style$
|
|
2581
|
-
: props.tipoVisualizacao === 3 ? style$
|
|
2582
|
-
: props.tipoVisualizacao === 4 ? style$
|
|
2583
|
-
: props.tipoVisualizacao === 5 ? style$
|
|
2584
|
-
: ''} ${style$
|
|
2601
|
+
`${props.tipoVisualizacao === 1 ? style$b.successNoHover
|
|
2602
|
+
: props.tipoVisualizacao === 2 ? style$b.warningNoHover
|
|
2603
|
+
: props.tipoVisualizacao === 3 ? style$b.errorNoHover
|
|
2604
|
+
: props.tipoVisualizacao === 4 ? style$b.notificacaoNoHover
|
|
2605
|
+
: props.tipoVisualizacao === 5 ? style$b.notificacaoErroNoHover
|
|
2606
|
+
: ''} ${style$b.container}`, style: {
|
|
2585
2607
|
cursor: props.onClick ? 'pointer' : 'default',
|
|
2586
2608
|
...props.style
|
|
2587
|
-
}, onClick: props.onClick, children: [jsxRuntime.jsx("div", { className: style$
|
|
2609
|
+
}, onClick: props.onClick, children: [jsxRuntime.jsx("div", { className: style$b.square, style: { backgroundColor: MapBorderColor[props.tipoVisualizacao - 1] }, children: MapIconList[props.tipoVisualizacao - 1] }), jsxRuntime.jsxs("div", { style: { display: 'inline-flex', width: 'calc(100% - 30px)' }, children: [props.texto, jsxRuntime.jsxs("span", { children: [" \u00A0", props.descricao ? props.descricao : ''] })] })] }), props.hasClickExit &&
|
|
2588
2610
|
jsxRuntime.jsxs("div", { style: {
|
|
2589
2611
|
display: 'inline-flex',
|
|
2590
2612
|
position: 'absolute',
|
|
@@ -2766,7 +2788,7 @@ const Label$1 = styled__default["default"].label `
|
|
|
2766
2788
|
color: #663366 !important;
|
|
2767
2789
|
`}
|
|
2768
2790
|
`;
|
|
2769
|
-
const HelperText$
|
|
2791
|
+
const HelperText$3 = styled__default["default"].span `
|
|
2770
2792
|
font-family: 'Work Sans';
|
|
2771
2793
|
font-style: normal;
|
|
2772
2794
|
font-weight: 400;
|
|
@@ -2819,14 +2841,14 @@ function TextField(props) {
|
|
|
2819
2841
|
setClick(false);
|
|
2820
2842
|
}, 1000);
|
|
2821
2843
|
};
|
|
2822
|
-
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: { ...FRSTTheme, focused: focus, disabled: props.disabled, hovered: hover, error: props.error, multiline: props.multiline, width: props.width, height: props.height }, children: jsxRuntime.jsxs("div", { style: props.style, className: props.className, children: [jsxRuntime.jsx(Label$1, { htmlFor: props.id, isClicked: click, children: props.label }), jsxRuntime.jsxs(TextFieldContainer, { onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), onClick: () => showBorderAfterClick(), isClicked: click, children: [props.startIcon && !props.multiline && (jsxRuntime.jsx(StartIcon, { children: props.startIcon })), jsxRuntime.jsx(TextField$1, { onFocus: () => setFocus(true), onBlur: () => setFocus(false), id: props.id, placeholder: props.placeholder || `${t('globals.typeHere')}...`, as: props.multiline ? 'textarea' : 'input', type: inputType, value: props.value, disabled: props.disabled, onChange: props.onChange, name: props.name, required: props.required, defaultValue: props.defaultValue, maxLength: props.maxLength }), props.endIcon && !props.multiline && (!!props.endIcon && jsxRuntime.jsx(InputIconButton, { onClick: props.handleClickEndIcon, children: endIconState }))] }), props.helperText && jsxRuntime.jsx(HelperText$
|
|
2844
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: { ...FRSTTheme, focused: focus, disabled: props.disabled, hovered: hover, error: props.error, multiline: props.multiline, width: props.width, height: props.height }, children: jsxRuntime.jsxs("div", { style: props.style, className: props.className, children: [jsxRuntime.jsx(Label$1, { htmlFor: props.id, isClicked: click, children: props.label }), jsxRuntime.jsxs(TextFieldContainer, { onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), onClick: () => showBorderAfterClick(), isClicked: click, children: [props.startIcon && !props.multiline && (jsxRuntime.jsx(StartIcon, { children: props.startIcon })), jsxRuntime.jsx(TextField$1, { onFocus: () => setFocus(true), onBlur: () => setFocus(false), id: props.id, placeholder: props.placeholder || `${t('globals.typeHere')}...`, as: props.multiline ? 'textarea' : 'input', type: inputType, value: props.value, disabled: props.disabled, onChange: props.onChange, name: props.name, required: props.required, defaultValue: props.defaultValue, maxLength: props.maxLength }), props.endIcon && !props.multiline && (!!props.endIcon && jsxRuntime.jsx(InputIconButton, { onClick: props.handleClickEndIcon, children: endIconState }))] }), props.helperText && jsxRuntime.jsx(HelperText$3, { children: props.helperText })] }) }));
|
|
2823
2845
|
}
|
|
2824
2846
|
|
|
2825
2847
|
function Textarea(props) {
|
|
2826
2848
|
return jsxRuntime.jsx(TextField, { ...props, multiline: true });
|
|
2827
2849
|
}
|
|
2828
2850
|
|
|
2829
|
-
const InputWrapper = styled__default["default"].div `
|
|
2851
|
+
const InputWrapper$1 = styled__default["default"].div `
|
|
2830
2852
|
display: flex;
|
|
2831
2853
|
align-items:flex-end;
|
|
2832
2854
|
width: 100%;
|
|
@@ -2845,7 +2867,7 @@ const InputWrapper = styled__default["default"].div `
|
|
|
2845
2867
|
${({ focus, theme }) => focus &&
|
|
2846
2868
|
`border: 1px solid` + theme.colors.primary1 + " !important;"}
|
|
2847
2869
|
`;
|
|
2848
|
-
const InputText$
|
|
2870
|
+
const InputText$3 = styled__default["default"].textarea `
|
|
2849
2871
|
display: flex;
|
|
2850
2872
|
align-items: center;
|
|
2851
2873
|
|
|
@@ -2885,7 +2907,7 @@ styled__default["default"].div `
|
|
|
2885
2907
|
cursor: pointer;
|
|
2886
2908
|
transition: all 0.2s ease-in-out;
|
|
2887
2909
|
`;
|
|
2888
|
-
const HelperText$
|
|
2910
|
+
const HelperText$2 = styled__default["default"].span `
|
|
2889
2911
|
display: flex;
|
|
2890
2912
|
position: absolute;
|
|
2891
2913
|
align-items: center;
|
|
@@ -2923,7 +2945,7 @@ function randID$3() {
|
|
|
2923
2945
|
.substr(2, 9);
|
|
2924
2946
|
}
|
|
2925
2947
|
|
|
2926
|
-
function InputComment({ placeholder, value, onChange, remain, limit, hasEmoji, showCharacterCounter, IDInput, styles, disabled, emojiWindowlanguage }) {
|
|
2948
|
+
function InputComment$1({ placeholder, value, onChange, remain, limit, hasEmoji, showCharacterCounter, IDInput, styles, disabled, emojiWindowlanguage }) {
|
|
2927
2949
|
const [focus, setFocus] = React.useState(false);
|
|
2928
2950
|
// Emoji Window States
|
|
2929
2951
|
const [isVisibleEmojiWindow, setIsVisibleEmojiWindow] = React.useState(false);
|
|
@@ -2959,8 +2981,8 @@ function InputComment({ placeholder, value, onChange, remain, limit, hasEmoji, s
|
|
|
2959
2981
|
if (!actionAreaEmojiButton)
|
|
2960
2982
|
setIsVisibleEmojiWindow(false);
|
|
2961
2983
|
};
|
|
2962
|
-
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs("div", { style: { ...styles }, onClick: verifyClick, children: [jsxRuntime.jsx(InputWrapper, { focus: focus, children: jsxRuntime.jsx(InputText$
|
|
2963
|
-
jsxRuntime.jsxs(HelperText$
|
|
2984
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs("div", { style: { ...styles }, onClick: verifyClick, children: [jsxRuntime.jsx(InputWrapper$1, { focus: focus, children: jsxRuntime.jsx(InputText$3, { id: iDInputComment, onFocus: () => setFocus(true), onBlur: () => setFocus(false), onChange: inputInChanging, value: stringValueTextArea, placeholder: placeholder, maxLength: limit, disabled: disabled }) }), showCharacterCounter &&
|
|
2985
|
+
jsxRuntime.jsxs(HelperText$2, { children: [limit - remain, "/", limit] })] }) }));
|
|
2964
2986
|
function resizeTextArea() {
|
|
2965
2987
|
let tx = document.getElementById(iDInputComment);
|
|
2966
2988
|
const txResize = (tx) => {
|
|
@@ -4466,7 +4488,7 @@ const InputSearchWrapper$1 = styled__default["default"].div `
|
|
|
4466
4488
|
|
|
4467
4489
|
${({ isOnFocus }) => isOnFocus && 'outline: 1.5px solid #AE9BAE; border: 1px solid #663366;'}
|
|
4468
4490
|
`;
|
|
4469
|
-
const InputText$
|
|
4491
|
+
const InputText$2 = styled__default["default"].input `
|
|
4470
4492
|
margin-left:10px;
|
|
4471
4493
|
display: flex;
|
|
4472
4494
|
align-items: center;
|
|
@@ -4519,7 +4541,7 @@ function SearchField({ label, hasSearchIcon, placeholder, value, onChange, textB
|
|
|
4519
4541
|
const [inputOnFocus, setInputOnFocus] = React.useState(false);
|
|
4520
4542
|
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(Container$f, { className: className, onMouseOver: () => setActionAreaInput(true), onMouseOut: () => setActionAreaInput(false), onFocus: () => setInputOnFocus(true), onBlur: () => setInputOnFocus(false), children: [label &&
|
|
4521
4543
|
jsxRuntime.jsxs(LabelField, { isHover: actionAreaInput, isOnFocus: inputOnFocus, children: [" ", label, " "] }), jsxRuntime.jsxs(InputSearchWrapper$1, { isHover: actionAreaInput, isOnFocus: inputOnFocus, children: [hasSearchIcon &&
|
|
4522
|
-
jsxRuntime.jsxs(ContainerIcon$2, { children: [" ", jsxRuntime.jsx(SearchIcon, {}), " "] }), jsxRuntime.jsx(InputText$
|
|
4544
|
+
jsxRuntime.jsxs(ContainerIcon$2, { children: [" ", jsxRuntime.jsx(SearchIcon, {}), " "] }), jsxRuntime.jsx(InputText$2, { placeholder: placeholder, onChange: onChange, value: value, onKeyDown: (event) => {
|
|
4523
4545
|
if (event.key === "Enter") {
|
|
4524
4546
|
handleClickButton();
|
|
4525
4547
|
}
|
|
@@ -4818,19 +4840,19 @@ function FilterAccordionCheckbox({ generalTitle, object, onSelected }) {
|
|
|
4818
4840
|
}
|
|
4819
4841
|
}
|
|
4820
4842
|
|
|
4821
|
-
var css_248z$
|
|
4822
|
-
var style$
|
|
4823
|
-
styleInject(css_248z$
|
|
4843
|
+
var css_248z$b = ".statusProblema-module_modalBox__SJtEw{\n background-color: #FFF;\n width: 800px;\n min-height: 400px;\n max-height: 80%;\n padding-top: 20px;\n padding-bottom: 20px;\n\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n position: relative;\n\n border-radius: 10px;\n\n font-family: 'Work Sans';\n\n}\n\n.statusProblema-module_fechar__6ESi1{\n font-size: 12px;\n padding: 8px;\n display: flex;\n justify-content: right;\n align-items: center;\n position: absolute;\n top: 0;\n right: 0;\n margin-top: 0px;\n cursor: default;\n margin-top: 10px;\n margin-right: 10px;\n}\n\n.statusProblema-module_titulo__6REcF{\n width: 100%;\n margin-top: 10px;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n padding-left: 24px;\n font-family: 'Work Sans';\n font-style: normal;\n font-weight: 700;\n font-size: 24px;\n line-height: 130%;\n text-align: center;\n letter-spacing: 0.01em;\n color: #222222;\n}\n\n.statusProblema-module_container__KLG2- {\n overflow: auto;\n min-width: 100%;\n max-width: 100%;\n \n \n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: column;\n flex-wrap: noWrap;\n\n margin-top: 20px;\n margin-left: 0px;\n\n border: 1px solid #BDBDBD;\n border-left: 0px;\n padding-bottom: 16px;\n}\n\n.statusProblema-module_containerItem__-Ui-d {\n width: 400px;\n margin-top: 24px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.statusProblema-module_containerData__QoS0I {\n text-align: center;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n}\n\n@media (max-width: 500px) { \n .statusProblema-module_containerItem__-Ui-d {\n width: 90vw;\n }\n}\n\n.statusProblema-module_avatar__4mtlc{\n\n font-size: 14px;\n text-align: center;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n\n.statusProblema-module_descricao__OJJt7{ \n text-align: left;\n display: flex;\n justify-content: center;\n align-items: center;\n font-family: 'PT Sans';\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n line-height: 110%;\n}\n\n\n.statusProblema-module_modal_controls_wrapper__1dEvp {\n gap: 23px;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-top: 20px;\n padding: 0 24px;\n}\n\n.statusProblema-module_status_logo__1zV01 {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.statusProblema-module_name__BZi68 {\n font-family: 'Work Sans';\n font-style: normal;\n font-weight: 600;\n font-size: 16px;\n line-height: 20px;\n display: flex;\n align-items: center;\n text-align: center;\n letter-spacing: -0.02em;\n color: #FF4D0D;\n}\n\n.statusProblema-module_sub_title__s8MA4 {\n font-family: 'PT Sans';\n font-style: normal;\n font-weight: 400;\n font-size: 14px;\n line-height: 18px;\n text-align: center;\n}\n";
|
|
4844
|
+
var style$a = {"modalBox":"statusProblema-module_modalBox__SJtEw","fechar":"statusProblema-module_fechar__6ESi1","titulo":"statusProblema-module_titulo__6REcF","container":"statusProblema-module_container__KLG2-","containerItem":"statusProblema-module_containerItem__-Ui-d","containerData":"statusProblema-module_containerData__QoS0I","avatar":"statusProblema-module_avatar__4mtlc","descricao":"statusProblema-module_descricao__OJJt7","modal_controls_wrapper":"statusProblema-module_modal_controls_wrapper__1dEvp","status_logo":"statusProblema-module_status_logo__1zV01","name":"statusProblema-module_name__BZi68","sub_title":"statusProblema-module_sub_title__s8MA4"};
|
|
4845
|
+
styleInject(css_248z$b);
|
|
4824
4846
|
|
|
4825
4847
|
var problemaFRST = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAyZSURBVHgB7Z1PbBTXHcd/b3ZdVbUNmwu5hTWXXCCYSlUjNRWG5ED5Y+CWkAO2RKXQi91TG3LAHEKTU+0eaKVGtakC9FJhDKQ5BLBFIjVqJUzg0lbCm0g9wKUbbKo29s7L+86bx87Ozu7O7s6fN8v7SOPd+bMz6/nO7/d+773fe8uoB+AjhQINbAyTzYpk8WFifDNx8Z6JRVJwFz8l4rwsXtVy11lnbJnW8stssVymjMMog/CDAyNCCCEk2y2WYbGpSPGAB2BZLEsQnV1bW6SMkQmBHQvtXx8TN/mwK2iB0qEsxF4km18hu7LIPv5fiTRHW4F9oo6Qjkixz+sstnYCO+6XmBCWDlN6ltoJc0Lw87q5cW0ElsLSaW2tNSwos20+wz56MkcakLrAjrDMmhXvitRblKhin0lb6NQE7hmLbQ0i8fG0XHfiAvN9hSLlN2afAWH9zNH6+pmkg7FEBeaH+ieJrNOUreApSlDNmhbWfIYSIhGBn2GrbURJWPOeJKzZophxrLavcseIW0OR+vru8APwaPESmwU7DRWDG8Ids9j/iWwjXPbVtZ9TTMQisHTJ9mXR6D9MhjDE5rIjF5jv7x+mXO5yD9Zr4yYWkSMtg/lPBo9QzrplxO0IWS7jHkZIZBbMR/uPE7fmyNA9zB5jC0/OUwREIrARNwYiErlrgY24MRKByF0J7JQXebpMhvjYoKPsL6vz1CEdC+xUhdCA8ew2OyZFWfRK7RG9UsvUAR1F0VJcW0TLRtwEKIiayWW+77tF6oDOqkmOuKYqlCCi4eg7l53WwTZpW2B+aODXRtwUQKug0/TbHm0JLLv7TNtyerDJdjsoQgdZJqjShrJo0twVtkkzvAWboEoXCpTvmw17cCiB+ejAaVPuagSjkbCuuqWLNq5ZW0K56tYWnK9MkRFXR0K56qYWLHOW2S0y6Avne5ql5Da3YCch3aA3rGnduKHAfP/gmAmsMgACLjmIIJDGFpxjbbeaGFKCsYaeNlBgY72Zo9jIioMt2OITZMgYwR63TmA3cjbprlmjQVkcYMFsjAzZhLHjdZu8K26r1QoZskqZVnND3tmBai3YqoyQIcvIeU085Gt25/hxjedlSZb+zUSvHiMaeonoyddENy4QPfpKblsT6zcvkpYwC3ObTD9dVW9Sc88/PEC07aX67fduE93/lFLjlBDw5YPV9emTRANC9BPvyfWJHxGt3CMtWc09p9x01YLTcs+4ia++Wb/9jbeJHn5J9M4BaTlJAutV4p7YLq+PbVtekKLCorHoinTTjhVXBc5RpGNi2gYW+yfXOnAjIfDzW6UlTb5SfzyOAY3EhyBYGonRbD+2K9T5cQzEheV2cr0k8bjpqsCMdhOn9MCNhMgKvP/gvnTf21+puutDwlUeE+L3uz2YsPIPfkn0+XW5DuEnfku048fVcz34gmjmpBQIIuCh8e7HOc4ek/vxYGFRLDyWr5d+Jb/T2Y/k+ugm+Yrz4Xped47r4XxJex4Fo6ftGE4ULed+1KzP1yu4unmvCyF/+j45ocPCORn4wMrfuSQfAnD2uhQPDwREwTF4SE68L/ejDMX+B/fk/r9eq3oKgO3qYQE3LsrlQYPy9t3r8vup86nrzXxW6wmSpaAaPaQFOwO1NYyelQWoG/WaW1bDOpT4OAYWh5sMUbdslds/+bAa6WI7hAQQDy4UD4gqW/FZiAzr/1wct/KFDP7AzFvV77PdV1RgfZsbZZ99o/p9cR48RKM/k6KnAXcG3y+6LtoaIR0Z8FiAE+S44k2cq90OVCQO4XFzJ38nrP09aVmwKgWExjEQ52Uh4naPq4bI7bhVdU24du/n8EDhOwztoNSwrBHxd9oVmO2kVAvgBqgbpMpOxb3P6o999KV8RdSNqBwLPo8bjQWiYt/eY1J4lOFOMRBBVex7DVzxQKql3k78yfMjhQJVKkXSDZS3ymJhdRADrhBC3/iwGnTBHWJR63td962sFm5SlbtABWio1968ID+LxotOQDAFnn+hGkED5crV/nQoYqhLnjY2MLE2pQ5uyrtucLNtRzVKRhmm3B/eQyxErSoQgpvFgwDBUHbCNQPV8qRu9kNVnheqn2PCa+311MFR7rYjCh4qVSRMfyrLfFwP67jewjlKlYGN4dzUi32i/sv2UVogwEFZBneGMhDL+v+J/vl3WbXxlp//+Jt8xfHff43oxR+QExz+cYro4z+IpvZHUlScA/txo/EeQiAIgoX956HcjnPg2nD/t/8st+F8d27I42D5wBskOdb+Zu12nBvWq4oCdT0EZ//+F6WKzZeYCKenhAVnLz1HuW9V9vpxGh7EQ/OkHNzwgM9796njG52vFa2ulwacz+Qz27nfSohWLUr+z3fbAqVj8yXjm0VDB0+tNm6IGW4NWdq1YBmig9FWYcHWc2ToWSzhp7eSoVcpxD6dsCFVjMC9jhG4xzEC9zgiyKLM/8KmoTF5stnXIpJOry6M9l2k5oQFbc1IhGv1eTQZoi8Y6TzNsh9Veiz6hdHJ8bQJ1HedZtfq9LvHTylPvQrahdH4j9SZi2erCX1eIBhSfLb0aE2R8bJw0XbvD1U5dqo+3QYg1adXxQXCO4umStZh90nGCMq99mZC9iIivhIuGj9xnmKHP8ollYIa1eeDUme974HKY/aClB6VzBeUEdntd00azpctYcYdzUOsNRACyQLN8Avoz8tup+sPDxTyp9XSTSAWJRxlsMVLZEgzhzk+GBMWnM/3ngWDgRaCBQ1XgVtPM9U1atbyyxabL5d7LtCCWK+/XbttzScoBPbnQCMQQ7Xq0ldypMPoyeoYqKzBqIQRhmpkA6w4+foCqi6oqvgDoCAaNRKEbXxYCciWRNbjiYD6MerQiLCxYMgLMi3RYJLmcNZ24XQXL25btL1ISaJSZDGQK4y4URA0hAQCQ7hWoxmQgYnvGlSX1hVbaioF5glH0shdTkpY4M2t9uNY8XY53gnvm1mpSqXNAkxq6rhoTGbJRwfLieVnYaRCEjcLyee/OVlb/aEm30kNUEMZDqtF0OUtg4NmItCTspqgtNpdyCk5K1Y3Uo3y86IaE/xLo0Z6dfyp/fX7MKRkrYPOMnwvPBRB58wGS+qNpz/YvkJJseKOpYVoUQ3vgGsNOhei4V6s4zbFnlfvqgLn+uYoKWAhEDjqRHEETH53jKEk/ipTGPBQ7PUNSlvTeF4OL7nKonr7tLsQ9WF+aBA7RijLoInSP7r+sCjv79+uHbnvJ0x1678ZEJjTEpuvTvPvS9lJ0E3HBcrk6bfqt0cRIH1ygbSH2XPe1VqB4aZ7IYUHluotj+G6u51KAWX8zQwI7HHPoCajw3HTBwevCJGPU9aBoLDa3/+iswnL1GCye66wYapa6TPndc+griPY/BBHhgn4gY7Ann4RbEHgETJkB9GfwBbWdvk3B+dFc36GDNmC85mgzQ1zdfjophXxoSIZ9AddgwurQ0G7Go9ssO1xMmQDbjf0uM1/+cyUxfrTxHpB87FJpizWH5s39bRNBXZD7kUy6Mpcs98tBK1HF+Zy42aAmoZAk9x6Sw/bUmDRulUizoyr1g2bzfhbrYIIPaTBBFwa0SKw8hJ+ALhx1XoADaz1PWEPDy2wcdWaIDQI45oVbY86E50R06IzYoIMySOaI0XUPNnOR9oXGPNL2/Ytd8p4Q1K0Ue56aXsSFmeoi2UdFVZcIkMyCHHbKXdrP9oh/Ej/MNnWLTPXZczIoGpXO+Wul46nUWLzT5bJJtMhETfiHncqLuhqnix2bRX5t0bk+Bh373HHRDJ3g2gEGRMvs2SIknF2dXWOuiSyyTmMyJESibgg0tlX+MHBI8Lpz5rAq0MQUNndu+XaU0aMqCcX3XpykQzhcapC9lEneI30tDFgRG4TjOW1vjnaTbTciFhmm0W7NVt4PNQo08/gAffIsvbEIS6IfQY0fmjTJDF+2pTLPlDeouPg6uNpipFEprgzLruOJcqtj8VltV4SncOQj26aEn8nnllrTshqay+ZMI41b1SmemKAW3skZrVeUpuF1BnkZlmzz4DbXhL/41Sr7Me4SP13ZZ0WMPw4Zq8JjXqtzcfTErb6NTTBbepEtsJOyjapWqwfbQRWOK6b2FimymgneKJ5Iex5XYRVaCewwgnGKpUR8XZMLLtJT5acKYtyfXNOpouGaCuwF4/YR8Q33p1aNUta6l3dRfWSCYH9yGkmkPRnYbqJnbEFaJhm2ZmJ117EfJ66ud8wZFJgP06m58bGsCM6ZwX3V80LzuKsB/zCqtM1x+TEV4yXhGWWnN+vwE8cYBb8fH45Cxbaim8BADv613K+UEgAAAAASUVORK5CYII=";
|
|
4826
4848
|
|
|
4827
4849
|
function ApprovesItem(props) {
|
|
4828
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: style$
|
|
4850
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: style$a.containerItem, children: [jsxRuntime.jsx("div", { className: style$a.avatar, style: { width: props.size }, children: jsxRuntime.jsx(Avatar, { src: props.avatar, size: props.avatarSize }) }), props.statusApprove === 'reviewed' ?
|
|
4829
4851
|
jsxRuntime.jsx("div", { children: jsxRuntime.jsx(StatusProblemaSawBadgeIcon, {}) })
|
|
4830
4852
|
: props.statusApprove === 'adjustments' ?
|
|
4831
4853
|
jsxRuntime.jsx("div", { children: jsxRuntime.jsx(StatusProblemaEdit, {}) })
|
|
4832
4854
|
:
|
|
4833
|
-
jsxRuntime.jsx("div", { children: jsxRuntime.jsx(StatusProblemaSendIcon, {}) }), jsxRuntime.jsx("div", { style: { width: props.size }, className: style$
|
|
4855
|
+
jsxRuntime.jsx("div", { children: jsxRuntime.jsx(StatusProblemaSendIcon, {}) }), jsxRuntime.jsx("div", { style: { width: props.size }, className: style$a.status_logo, children: jsxRuntime.jsx(Avatar, { src: problemaFRST, size: props.avatarSize }) })] }), jsxRuntime.jsx("div", { className: style$a.containerItem, style: { marginTop: '8px' }, children: jsxRuntime.jsxs("div", { className: style$a.containerData, style: { width: props.size }, children: [jsxRuntime.jsx("span", { className: style$a.name, children: props.nomeAvatar }), jsxRuntime.jsx("span", { className: style$a.sub_title, children: props.dataAvatar })] }) })] }));
|
|
4834
4856
|
}
|
|
4835
4857
|
function ModalStatusProblema(props) {
|
|
4836
4858
|
// Função para pegar o width da tela
|
|
@@ -4844,15 +4866,15 @@ function ModalStatusProblema(props) {
|
|
|
4844
4866
|
return () => window.removeEventListener('resize', updateSize);
|
|
4845
4867
|
}, []);
|
|
4846
4868
|
const BREAKWIDTH = 500;
|
|
4847
|
-
return (jsxRuntime.jsx(material.Modal, { open: props.open, onClose: props.handleClose, children: jsxRuntime.jsxs(material.Box, { className: style$
|
|
4869
|
+
return (jsxRuntime.jsx(material.Modal, { open: props.open, onClose: props.handleClose, children: jsxRuntime.jsxs(material.Box, { className: style$a.modalBox, style: { top: '50%', left: '50%', transform: 'translate(-50%, -50%)', ...props.style }, children: [jsxRuntime.jsx("div", { className: style$a.fechar, onClick: props.handleClose, children: jsxRuntime.jsx(CloseIcon, {}) }), jsxRuntime.jsx("div", { className: style$a.titulo, children: props.title }), jsxRuntime.jsx("div", { className: style$a.container, style: { height: props.approves.length >= 3 ? 555 : 185 * props.approves.length }, children: props.approves.map((item, index) => (jsxRuntime.jsx(ApprovesItem, { avatarSize: (size[0] >= BREAKWIDTH) ? '120px' : '100px', size: (size[0] >= BREAKWIDTH) ? '160px' : '120px', nomeAvatar: item.nome, dataAvatar: item.data, statusApprove: item.approve, avatar: item.avatarFoto }, index))) }), jsxRuntime.jsxs("div", { className: style$a.modal_controls_wrapper, children: [jsxRuntime.jsx("div", { className: style$a.descricao, children: props.description }), jsxRuntime.jsx("div", { className: style$a.conclusao, children: jsxRuntime.jsx(Button$3, { variant: 'primary', label: props.language === 'en-US' ? 'ok, close' : 'Ok, entendi', handleClick: props.handleClose, style: { width: '100%', minWidth: '140px' } }) })] })] }) }));
|
|
4848
4870
|
}
|
|
4849
4871
|
|
|
4850
|
-
var css_248z$
|
|
4851
|
-
var style$
|
|
4852
|
-
styleInject(css_248z$
|
|
4872
|
+
var css_248z$a = ".modalLearningTech-module_modalBox__y9RGt{\n background-color: #FFF;\n max-width: 900px;\n min-height: 300px;\n max-height: 80%;\n padding-top: 30px;\n padding-bottom: 30px;\n\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n position: relative;\n\n border-radius: 10px;\n\n font-family: 'Work Sans';\n \n\n}\n\n.modalLearningTech-module_fechar__1Vw6M{\n font-size: 12px;\n color: #222222;\n padding: 12px;\n background-color: transparent;\n border-top-right-radius: 10px;\n\n display: flex;\n justify-content: right;\n align-items: center;\n position: absolute;\n top: 0px;\n right: 0px;\n\n margin-top: 0px;\n cursor: pointer;\n}\n\n.modalLearningTech-module_titulo__U8Urp{\n \n width: 100%;\n\n margin-top: 10px;\n \n font-size: 24px;\n font-weight: 700;\n \n\n display: flex;\n justify-content: center;\n align-items: center;\n\n \n}\n\n.modalLearningTech-module_container__HKtAY {\n overflow: auto;\n width: 100%;\n\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: column;\n flex-wrap: noWrap;\n\n margin-top: 10px;\n\n}\n\n.modalLearningTech-module_conclusao__KHnxJ{\n margin-top: 30px;\n\n display: inline-flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: nowrap;\n\n}";
|
|
4873
|
+
var style$9 = {"modalBox":"modalLearningTech-module_modalBox__y9RGt","fechar":"modalLearningTech-module_fechar__1Vw6M","titulo":"modalLearningTech-module_titulo__U8Urp","container":"modalLearningTech-module_container__HKtAY","conclusao":"modalLearningTech-module_conclusao__KHnxJ"};
|
|
4874
|
+
styleInject(css_248z$a);
|
|
4853
4875
|
|
|
4854
4876
|
function ModalLearningTech(props) {
|
|
4855
|
-
return (jsxRuntime.jsx(material.Modal, { open: props.open, onClose: props.handleClose, children: jsxRuntime.jsxs(material.Box, { className: style$
|
|
4877
|
+
return (jsxRuntime.jsx(material.Modal, { open: props.open, onClose: props.handleClose, children: jsxRuntime.jsxs(material.Box, { className: style$9.modalBox, style: { top: '50%', left: '50%', transform: 'translate(-50%, -50%)', ...props.style }, children: [jsxRuntime.jsx("div", { className: style$9.fechar, onClick: props.handleClose, children: jsxRuntime.jsx(CloseIcon, {}) }), jsxRuntime.jsx("div", { className: style$9.titulo, children: props.title }), jsxRuntime.jsx("div", { className: style$9.container, children: props.children }), jsxRuntime.jsx("div", { className: style$9.conclusao, children: props.confirmationButton ?
|
|
4856
4878
|
props.cancelButton ?
|
|
4857
4879
|
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Button$3, { variant: 'link', label: props.cancelButton, handleClick: props.handleClose }), jsxRuntime.jsx("span", { style: { marginRight: 8, marginLeft: 8 }, children: props.language === 'en-US' ? 'or' : 'ou' }), jsxRuntime.jsx(Button$3, { variant: props.typeButtonConfirmation, label: props.confirmationButton, handleClick: props.handleConfirmation })] })
|
|
4858
4880
|
:
|
|
@@ -4861,9 +4883,9 @@ function ModalLearningTech(props) {
|
|
|
4861
4883
|
jsxRuntime.jsx(jsxRuntime.Fragment, {}) })] }) }));
|
|
4862
4884
|
}
|
|
4863
4885
|
|
|
4864
|
-
var css_248z$
|
|
4865
|
-
var style$
|
|
4866
|
-
styleInject(css_248z$
|
|
4886
|
+
var css_248z$9 = ".modalVideo-module_modalBox__qB5gT {\n background-color: #fff;\n max-width: 670px;\n max-height: 80%;\n padding-top: 20px;\n position: relative;\n border-radius: 10px;\n font-family: 'Work Sans';\n}\n\n.modalVideo-module_fechar__jywh1 {\n font-size: 13px;\n color: #222222;\n}\n\n.modalVideo-module_container__OYjiD {\n overflow: auto;\n width: 100%;\n\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: column;\n flex-wrap: noWrap;\n\n margin-top: 10px;\n}\n";
|
|
4887
|
+
var style$8 = {"modalBox":"modalVideo-module_modalBox__qB5gT","fechar":"modalVideo-module_fechar__jywh1","container":"modalVideo-module_container__OYjiD"};
|
|
4888
|
+
styleInject(css_248z$9);
|
|
4867
4889
|
|
|
4868
4890
|
const WrapperStars = styled__default["default"].div `
|
|
4869
4891
|
display: flex;
|
|
@@ -4976,22 +4998,22 @@ function ModalVideo(props) {
|
|
|
4976
4998
|
setCurrentRating(props.rating);
|
|
4977
4999
|
}
|
|
4978
5000
|
}, [props.rating]);
|
|
4979
|
-
return (jsxRuntime.jsx(material.Modal, { open: props.open, onClose: props.handleClose, children: jsxRuntime.jsxs(material.Box, { id: `modal-video${(props.title ? props.title : '').replace(/( )+/g, '')}`, className: style$
|
|
5001
|
+
return (jsxRuntime.jsx(material.Modal, { open: props.open, onClose: props.handleClose, children: jsxRuntime.jsxs(material.Box, { id: `modal-video${(props.title ? props.title : '').replace(/( )+/g, '')}`, className: style$8.modalBox, style: {
|
|
4980
5002
|
top: '50%',
|
|
4981
5003
|
left: '50%',
|
|
4982
5004
|
transform: 'translate(-50%, -50%)',
|
|
4983
5005
|
height: props.showRating ? '80%' : '400px',
|
|
4984
5006
|
maxHeight: props.showRating ? '620px' : '400px',
|
|
4985
5007
|
overflowY: 'auto'
|
|
4986
|
-
}, children: [jsxRuntime.jsxs(material.Stack, { flexDirection: "row", alignItems: "flex-start", justifyContent: "space-between", px: 3, children: [jsxRuntime.jsx(material.Box, { textAlign: "left", style: { paddingLeft: 6, }, children: props.title }), jsxRuntime.jsx(material.Box, { className: style$
|
|
5008
|
+
}, children: [jsxRuntime.jsxs(material.Stack, { flexDirection: "row", alignItems: "flex-start", justifyContent: "space-between", px: 3, children: [jsxRuntime.jsx(material.Box, { textAlign: "left", style: { paddingLeft: 6, }, children: props.title }), jsxRuntime.jsx(material.Box, { className: style$8.fechar, onClick: props.handleClose, children: jsxRuntime.jsx(CloseIcon, {}) })] }), jsxRuntime.jsxs(material.Box, { p: 3, children: [props.videoUrl && (jsxRuntime.jsx(material.Box, { width: "100%", children: jsxRuntime.jsx(Video, { videoId: IdVideo, privateHash: HashVideo, autoplay: 1, controls: 1, keyboard: 1, timeStart: convertTimeToString(props.timeBegin), showSpeedControl: 1, width: 620, height: 400 }) })), props.showRating && (jsxRuntime.jsx(material.Box, { style: { display: 'flex', justifyContent: 'flex-end' }, children: jsxRuntime.jsxs(material.Box, { style: { maxWidth: 240 }, children: [jsxRuntime.jsx("p", { style: { textAlign: 'left', fontSize: 14, fontWeight: 400 }, children: props.ratingDescription }), jsxRuntime.jsx(material.Box, { style: { display: 'flex', justifyContent: 'flex-end' }, children: jsxRuntime.jsx(Rating, { isVisibleNumberRating: true, marginStars: "3.5px", orientation: "horizontal", qtdStars: 5, rating: currentRating, sizeStars: 25, handleRating: (e) => {
|
|
4987
5009
|
setCurrentRating(e);
|
|
4988
5010
|
props.handleChangeRating(props.recommendationId, e);
|
|
4989
5011
|
}, disabled: false }) })] }) }))] })] }) }));
|
|
4990
5012
|
}
|
|
4991
5013
|
|
|
4992
|
-
var css_248z$
|
|
4993
|
-
var style$
|
|
4994
|
-
styleInject(css_248z$
|
|
5014
|
+
var css_248z$8 = ".cardProblemaGestor-module_container__si6gB {\n width: 100%;\n padding-top: 30px;\n padding-left: 16px;\n padding-right: 16px;\n padding-bottom: 16px;\n\n justify-content: flex-start;\n align-items: flex-start;\n flex-direction: row;\n position: relative;\n}\n\n.cardProblemaGestor-module_container__si6gB:hover {\n cursor: pointer;\n}\n\n.cardProblemaGestor-module_tagStatusProblem__SKKTK {\n position: absolute;\n top: 0;\n right: 0;\n\n font-size: 12px;\n font-weight: 500;\n padding: 8px;\n\n border-bottom-left-radius: 8px;\n \n\n}\n\n.cardProblemaGestor-module_checkBox__SK00W {\n \n display: flex;\n justify-content: flex-start;\n align-items: flex-start;\n height: 100%;\n padding-top: 20px;\n padding-left: 12px;\n \n\n position: absolute;\n left: 0;\n\n}\n\n.cardProblemaGestor-module_contentCard__0-ex3 {\n \n \n display: flex;\n justify-content: center;\n align-items: flex-start;\n flex-direction: column;\n}\n\n.cardProblemaGestor-module_avatarInfoUser__dZei- {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n}\n\n.cardProblemaGestor-module_infoUser__naGfk {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n flex-direction: column;\n margin-left: 4px;\n}\n\n.cardProblemaGestor-module_tituloCard__i4n9p {\n \n margin-top: 4px;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n\n font-weight: 600;\n font-size: 18px;\n word-wrap: break-word;\n}\n\n.cardProblemaGestor-module_tagsContainer__K2zv5 {\n \n \n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-wrap: wrap;\n}\n\n.cardProblemaGestor-module_avaliacao__w2-fB {\n\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-wrap: wrap;\n \n}\n";
|
|
5015
|
+
var style$7 = {"container":"cardProblemaGestor-module_container__si6gB","tagStatusProblem":"cardProblemaGestor-module_tagStatusProblem__SKKTK","checkBox":"cardProblemaGestor-module_checkBox__SK00W","contentCard":"cardProblemaGestor-module_contentCard__0-ex3","avatarInfoUser":"cardProblemaGestor-module_avatarInfoUser__dZei-","infoUser":"cardProblemaGestor-module_infoUser__naGfk","tituloCard":"cardProblemaGestor-module_tituloCard__i4n9p","tagsContainer":"cardProblemaGestor-module_tagsContainer__K2zv5","avaliacao":"cardProblemaGestor-module_avaliacao__w2-fB"};
|
|
5016
|
+
styleInject(css_248z$8);
|
|
4995
5017
|
|
|
4996
5018
|
/**
|
|
4997
5019
|
* @param {CardProblemGestorProps} props
|
|
@@ -4999,16 +5021,16 @@ styleInject(css_248z$7);
|
|
|
4999
5021
|
function CardProblemGestor(props) {
|
|
5000
5022
|
const statusBg = props.statusBackgroundColor || '#757575';
|
|
5001
5023
|
const statusColor = props.statusColor || '#FFFFFF';
|
|
5002
|
-
return (jsxRuntime.jsxs("div", { className: style$
|
|
5003
|
-
jsxRuntime.jsx("div", { className: style$
|
|
5004
|
-
jsxRuntime.jsx("div", { className: style$
|
|
5005
|
-
jsxRuntime.jsxs("div", { className: style$
|
|
5024
|
+
return (jsxRuntime.jsxs("div", { className: style$7.container, style: { border: '1px solid ', borderColor: '#CCC', backgroundColor: '#FFF', color: '#000' }, onClick: () => props.onClick(props.problemID), children: [jsxRuntime.jsx("div", { className: style$7.tagStatusProblem, style: { background: statusBg || '#757575', color: statusColor }, children: props.statusName }), jsxRuntime.jsxs("div", { className: style$7.contentCard, children: [jsxRuntime.jsxs("div", { className: style$7.avatarInfoUser, children: [jsxRuntime.jsxs("div", { children: [" ", jsxRuntime.jsx(Avatar, { size: '40px', src: props.userAvatar }), " "] }), jsxRuntime.jsxs("div", { className: style$7.infoUser, children: [jsxRuntime.jsx("span", { style: { fontSize: 16, fontWeight: 600 }, children: props.userName }), jsxRuntime.jsx("span", { style: { fontSize: 14, fontWeight: 400 }, children: props.userCargo })] })] }), props.cardTitle &&
|
|
5025
|
+
jsxRuntime.jsx("div", { className: style$7.tituloCard, style: { color: '#FF4D0D', width: '100%' }, children: jsxRuntime.jsx("span", { children: props.cardTitle }) }), props.tags &&
|
|
5026
|
+
jsxRuntime.jsx("div", { className: style$7.tagsContainer, children: props.tags.map((item, index) => (jsxRuntime.jsx(Tag, { title: item, color: '#050505', selected: false, inverted: true, style: { fontWeight: 500, fontSize: 14, marginRight: 8, marginTop: 8 } }, index))) }), props.ratingImpacto &&
|
|
5027
|
+
jsxRuntime.jsxs("div", { className: style$7.avaliacao, children: [jsxRuntime.jsx(Rating$1, { nota: props.ratingImpacto.nota, qtdeAvaliacao: props.ratingImpacto.qtdeAvaliacao, descricaoAvaliacao: props.ratingImpacto.description, titulo: props.locales?.impact, tipoVisualizacao: 2, style: { margin: 0, width: 120 }, nomeAvaliacao: props.locales?.evaluation }), jsxRuntime.jsx(Rating$1, { nota: props.ratingRelevancia.nota, qtdeAvaliacao: props.ratingRelevancia.qtdeAvaliacao, descricaoAvaliacao: props.ratingRelevancia.description, titulo: props.locales?.relevance, tipoVisualizacao: 2, style: { margin: 0, width: 120 }, nomeAvaliacao: props.locales?.evaluation }), jsxRuntime.jsx(RatingCurtidas, { qtdeCurtidas: props.ratingCurtidas, titulo: props.locales?.likes, tipoBotao: 4, style: { margin: 0, width: 90 }, descricaoCurtida: props.locales?.likesDescription })] }), props.lastUpdated &&
|
|
5006
5028
|
jsxRuntime.jsxs("div", { style: { color: '#0645AD', fontSize: 12, fontWeight: 400, marginTop: 8 }, children: [props.lastUpdated, " "] })] })] }));
|
|
5007
5029
|
}
|
|
5008
5030
|
|
|
5009
|
-
var css_248z$
|
|
5010
|
-
var style$
|
|
5011
|
-
styleInject(css_248z$
|
|
5031
|
+
var css_248z$7 = ".cardProblem-module_container__eYX3j {\n width: 100%;\n border-radius: 10px;\n padding-right: 24px;\n padding-left: 48px;\n padding-top: 40px;\n padding-bottom: 24px;\n\n\n justify-content: flex-start;\n align-items: flex-start;\n flex-direction: row;\n position: relative;\n}\n\n.cardProblem-module_container__eYX3j:hover {\n box-shadow: 4px 8px 8px rgba(0, 0, 0, 0.2);\n}\n\n.cardProblem-module_contentCard__oBqoN:hover {\n cursor: pointer;\n}\n\n.cardProblem-module_tagStatusProblem__11NQe {\n position: absolute;\n top: 0;\n right: 0;\n\n font-size: 12px;\n font-weight: 500;\n padding: 8px;\n\n border-bottom-left-radius: 8px;\n border-top-right-radius: 5px;\n\n}\n\n.cardProblem-module_checkBox__hhdF6 {\n\n display: flex;\n justify-content: flex-start;\n align-items: flex-start;\n height: 100%;\n padding-top: 17px;\n padding-left: 16px;\n\n\n position: absolute;\n left: 0;\n\n}\n\n.cardProblem-module_contentCard__oBqoN {\n\n margin-left: 8px;\n display: flex;\n justify-content: center;\n align-items: flex-start;\n flex-direction: column;\n}\n\n.cardProblem-module_avatarInfoUser__0ppVK {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n margin-bottom: 24px;\n \n\n}\n\n.cardProblem-module_infoUser__Zx6rx {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n flex-direction: column;\n margin-left: 16px;\n}\n\n.cardProblem-module_tituloCard__JD95u {\n\n margin-top: 4px;\n margin-bottom: 8px;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n\n font-weight: 600;\n font-size: 18px;\n word-break: break-all;\n}\n\n.cardProblem-module_tagsContainer__IwGeV {\n\n\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-wrap: wrap;\n}\n\n.cardProblem-module_buttonVerMais__qgmLA {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n\n position: absolute;\n bottom: 0;\n right: 0;\n font-weight: 600;\n\n margin-bottom: 26px;\n margin-right: 30px;\n}";
|
|
5032
|
+
var style$6 = {"container":"cardProblem-module_container__eYX3j","contentCard":"cardProblem-module_contentCard__oBqoN","tagStatusProblem":"cardProblem-module_tagStatusProblem__11NQe","checkBox":"cardProblem-module_checkBox__hhdF6","avatarInfoUser":"cardProblem-module_avatarInfoUser__0ppVK","infoUser":"cardProblem-module_infoUser__Zx6rx","tituloCard":"cardProblem-module_tituloCard__JD95u","tagsContainer":"cardProblem-module_tagsContainer__IwGeV","buttonVerMais":"cardProblem-module_buttonVerMais__qgmLA"};
|
|
5033
|
+
styleInject(css_248z$7);
|
|
5012
5034
|
|
|
5013
5035
|
const translate = {
|
|
5014
5036
|
"pt-BR": {
|
|
@@ -5128,13 +5150,13 @@ function CardProblem(props) {
|
|
|
5128
5150
|
updateSize();
|
|
5129
5151
|
return () => window.removeEventListener('resize', updateSize);
|
|
5130
5152
|
}, []);
|
|
5131
|
-
return (jsxRuntime.jsxs("div", { className: style$
|
|
5153
|
+
return (jsxRuntime.jsxs("div", { className: style$6.container, style: { border: '1px solid ', borderColor: statusColor, backgroundColor: selected ? '#FF4D0D' : '#FFF', color: selected ? '#FFF' : '#000' }, children: [jsxRuntime.jsx("div", { className: style$6.tagStatusProblem, style: { background: statusColor, color: statusName === translate[languageSlected]['hypothesesTaised'] ? '#222222' : '#FFF' }, children: statusName }), jsxRuntime.jsx("div", { className: style$6.checkBox, onClick: () => {
|
|
5132
5154
|
props.handleSelect(props.problemID);
|
|
5133
|
-
}, children: selected ? jsxRuntime.jsx(CheckboxChecked, {}) : jsxRuntime.jsx(CheckboxEmpty, {}) }), jsxRuntime.jsxs("div", { className: style$
|
|
5155
|
+
}, children: selected ? jsxRuntime.jsx(CheckboxChecked, {}) : jsxRuntime.jsx(CheckboxEmpty, {}) }), jsxRuntime.jsxs("div", { className: style$6.contentCard, onClick: () => { props.onClick(props.problemID); }, children: [jsxRuntime.jsxs("div", { className: style$6.avatarInfoUser, children: [jsxRuntime.jsxs("div", { children: [" ", jsxRuntime.jsx(Avatar, { size: '40px', src: props.userAvatar }), " "] }), jsxRuntime.jsxs("div", { className: style$6.infoUser, children: [jsxRuntime.jsx("span", { style: { fontSize: 16, fontWeight: 600 }, children: props.userName }), jsxRuntime.jsx("span", { style: { fontSize: 14, fontWeight: 400 }, children: props.userCargo })] })] }), props.isVerified ?
|
|
5134
5156
|
jsxRuntime.jsxs("div", { style: { textAlign: 'center', display: 'flex' }, children: [jsxRuntime.jsx("div", { style: { color: selected ? '#FFF' : '#000', width: '100%', fontWeight: 700 }, children: jsxRuntime.jsx("span", { children: translate[languageSlected]['verifiedChallenge'] }) }), jsxRuntime.jsx(SawBadgeIcon, {})] })
|
|
5135
5157
|
:
|
|
5136
5158
|
jsxRuntime.jsx("div", { style: { color: selected ? '#FFF' : '#000', width: '100%', fontWeight: 700 }, children: jsxRuntime.jsx("span", { children: translate[languageSlected]['challenge'] }) }), props.cardTitle &&
|
|
5137
|
-
jsxRuntime.jsx("div", { className: style$
|
|
5159
|
+
jsxRuntime.jsx("div", { className: style$6.tituloCard, style: { color: selected ? '#FFF' : '#FF4D0D', width: '100%' }, children: jsxRuntime.jsx("span", { children: props.cardTitle }) }), statusName !== translate[languageSlected][6] ?
|
|
5138
5160
|
props.trilhaVinculada ?
|
|
5139
5161
|
jsxRuntime.jsx(TextIcon, { description: `${translate[languageSlected]['linkedTrail']} ${props.trilhaVinculada}`, svg: jsxRuntime.jsx(WithTrail, {}), style: { fontSize: 12, fontWeight: 400, marginTop: 8 } })
|
|
5140
5162
|
:
|
|
@@ -5142,12 +5164,12 @@ function CardProblem(props) {
|
|
|
5142
5164
|
:
|
|
5143
5165
|
jsxRuntime.jsx(jsxRuntime.Fragment, {}), props.lastUpdated &&
|
|
5144
5166
|
jsxRuntime.jsxs("div", { style: { color: '#000', fontSize: 12, fontWeight: 400, marginTop: 40 }, children: [props.lastUpdated, " "] }), props.isButtonVerMais &&
|
|
5145
|
-
jsxRuntime.jsx("div", { className: style$
|
|
5167
|
+
jsxRuntime.jsx("div", { className: style$6.buttonVerMais, children: jsxRuntime.jsx(Button$3, { variant: 'link', label: translate[languageSlected]['viewMore'], handleClick: () => props.onClick(props.problemID) }) })] })] }));
|
|
5146
5168
|
}
|
|
5147
5169
|
|
|
5148
|
-
var css_248z$
|
|
5149
|
-
var style$
|
|
5150
|
-
styleInject(css_248z$
|
|
5170
|
+
var css_248z$6 = ".cardDefinicaoProblema-module_container__zNoyg {\r\n width: 282px;\r\n height: 445px;\r\n\r\n color: #222222;\r\n background-color: #FFF;\r\n border-radius: 10px;\r\n\r\n justify-content: center;\r\n align-items: center;\r\n flex-direction: column;\r\n position: relative;\r\n}\r\n\r\n.cardDefinicaoProblema-module_tagStatusProblem__FoQ12 {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n\r\n font-size: 12px;\r\n font-weight: 500;\r\n padding: 8px;\r\n\r\n border-bottom-left-radius: 10px;\r\n border-top-right-radius: 10px;\r\n\r\n\r\n}\r\n\r\n\r\n.cardDefinicaoProblema-module_headerContainer__UXFIi {\r\n\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n height: 200px;\r\n\r\n}\r\n\r\n.cardDefinicaoProblema-module_headerContainer__UXFIi img {\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n.cardDefinicaoProblema-module_descriptionContainer__Z7yo8 {\r\n\r\n padding: 20px;\r\n height: 197px;\r\n\r\n display: flex;\r\n justify-content: flex-start;\r\n align-items: flex-start;\r\n flex-direction: column;\r\n flex-wrap: wrap;\r\n\r\n}\r\n\r\n.cardDefinicaoProblema-module_footerContainer__6EjXg {\r\n height: 48px;\r\n\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n border-top: 1px solid #E8E8E8;\r\n border-top-left-radius: 5px;\r\n border-top-right-radius: 5px;\r\n padding: 15px;\r\n gap: 32px;\r\n}\r\n\r\n.cardDefinicaoProblema-module_footerContainerType2__v2sGa {\r\n position: relative;\r\n}\r\n\r\n.cardDefinicaoProblema-module_footerContainerType2__v2sGa::after {\r\n content: \"\";\r\n position: absolute;\r\n background-color: #E8E8E8;\r\n width: 1px;\r\n height: 100%;\r\n left: 50%;\r\n}\r\n\r\n.cardDefinicaoProblema-module_footerContainer__6EjXg svg {\r\n max-height: 100% !important;\r\n}\r\n";
|
|
5171
|
+
var style$5 = {"container":"cardDefinicaoProblema-module_container__zNoyg","tagStatusProblem":"cardDefinicaoProblema-module_tagStatusProblem__FoQ12","headerContainer":"cardDefinicaoProblema-module_headerContainer__UXFIi","descriptionContainer":"cardDefinicaoProblema-module_descriptionContainer__Z7yo8","footerContainer":"cardDefinicaoProblema-module_footerContainer__6EjXg","footerContainerType2":"cardDefinicaoProblema-module_footerContainerType2__v2sGa"};
|
|
5172
|
+
styleInject(css_248z$6);
|
|
5151
5173
|
|
|
5152
5174
|
/**
|
|
5153
5175
|
* @param {CardDefinicaoProblemaTranslateProps} props
|
|
@@ -5181,13 +5203,13 @@ function CardDefinicaoProblema(props) {
|
|
|
5181
5203
|
break;
|
|
5182
5204
|
}
|
|
5183
5205
|
}, [props.problemStatus]);
|
|
5184
|
-
return (jsxRuntime.jsxs("div", { className: style$
|
|
5185
|
-
jsxRuntime.jsx("div", { className: style$
|
|
5206
|
+
return (jsxRuntime.jsxs("div", { className: style$5.container, children: [props.typeButton !== 1 &&
|
|
5207
|
+
jsxRuntime.jsx("div", { className: style$5.tagStatusProblem, style: { background: statusColor, color: statusName === (props.textHipotesesLevantadas ? props.textHipotesesLevantadas : "Hipóteses Levantadas") ? '#222222' : '#FFF' }, children: statusName }), jsxRuntime.jsx("div", { className: style$5.headerContainer, children: jsxRuntime.jsx("img", { src: 'https://api-motor.s3.amazonaws.com/background-prezi.png' }) }), jsxRuntime.jsxs("div", { className: style$5.descriptionContainer, children: [jsxRuntime.jsxs("span", { style: { fontSize: 16, fontWeight: 500 }, children: [" ", props.cardTitle] }), jsxRuntime.jsxs("span", { style: { fontSize: 16, fontWeight: 400, marginTop: 16 }, children: [" ", props.cardDescription] })] }), jsxRuntime.jsxs("div", { className: `${style$5.footerContainer} ${props.typeButton === 2 && style$5.footerContainerType2}`, children: [props.typeButton === 2 && jsxRuntime.jsx(Button$3, { variant: 'link', label: props.textButtonVisualizar ? props.textButtonVisualizar : "Visualizar", startIcon: jsxRuntime.jsx(OpenedEye, {}), handleClick: () => props.handleToView() }), jsxRuntime.jsx(Button$3, { variant: 'link', label: props.typeButton === 1 ? (props.textButtonDefinirProblema ? props.textButtonDefinirProblema : 'Definir novo problema') : (props.textButtonContinue ? props.textButtonContinue : 'Continuar'), startIcon: props.typeButton === 1 ? jsxRuntime.jsx(AddIcon, {}) : jsxRuntime.jsx(EditIcon, {}), handleClick: () => props.handleClick(props.problemId) })] })] }));
|
|
5186
5208
|
}
|
|
5187
5209
|
|
|
5188
|
-
var css_248z$
|
|
5189
|
-
var style$
|
|
5190
|
-
styleInject(css_248z$
|
|
5210
|
+
var css_248z$5 = ".cardResultConquista-module_container__39blw {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: column;\n position: relative;\n\n width: 343px;\n height: 265px;\n padding: 24px;\n border: 1px solid #BDBDBD;\n border-radius: 8px;\n font-family: 'work sans';\n word-wrap: break-word;\n}\n\n.cardResultConquista-module_container__39blw:hover {\n box-shadow: 0px 0px 20px -7px #BDBDBD;\n}\n\n.cardResultConquista-module_container__39blw:active {\n box-shadow: 0px 0px 20px -7px #BDBDBD;\n background-color: #FF4D0D;\n}\n\n.cardResultConquista-module_cardAvatar__mEUL0 {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n}\n\n.cardResultConquista-module_description__rgSn5 {\n max-height: 100px !important;\n width: 300px;\n text-overflow: ellipsis;\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 4; /** número de linhas que você quer exibir */\n -webkit-box-orient: vertical;\n word-wrap: break-word;\n}\n\n.cardResultConquista-module_verMais__8mtfe {\n position:absolute;\n color: #0645AD;\n font-weight: 700;\n right: 0;\n bottom: 0;\n margin-right: 20px;\n margin-bottom: 12px;\n}";
|
|
5211
|
+
var style$4 = {"container":"cardResultConquista-module_container__39blw","cardAvatar":"cardResultConquista-module_cardAvatar__mEUL0","description":"cardResultConquista-module_description__rgSn5","verMais":"cardResultConquista-module_verMais__8mtfe"};
|
|
5212
|
+
styleInject(css_248z$5);
|
|
5191
5213
|
|
|
5192
5214
|
var Conquista = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAxCAYAAACYq/ofAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAdKSURBVHgB7VrNThtXFD7njm0idRHnCTI8QZxdF00YngDyBMCiFaBKgWWgEUYJidRNiNQCUheYJwh5AgzpojvME9Q8QSaLSomx7+137p1x7MnYzGCMqNRPgvF47s859/yfMVNGLD/e2jbMD+imoent7oe1w8uGKcoIYYKJKmyIb+yPKGAy5Sz0FSgjsOgk2DncOVlfoBvASlAtt0zpo8nISGaJ3DS269VQrsycTSJLU6+ORIR0W8G8sTz1amPoGEPHBXelJhtzMHAc89RNM+tUy9JWB23HAwcyz8mlgJHnsCpfa11XnrefOpYok3ivE59poqxAnDgYEOunjblg86RoaEaTCZPG7pMx7zE9TE4CszMQzSRdAaK+u8dr03nmKNJle4SQRpIexXQfkgomSJXBhA9DPy7AvTUxYY4KhSYmiSwP4bdryYURRw7BzX3KieVgax5rBouPtub3PqzXss7TbV2GhpBSavu3+rN677OlR69mWVHwhXRYJOsMQoWRTeqegPCR7u6iU8mvYoatobLijTzTmD27lxCb8tiXf15Ms+EGpKIb9qbD8jDkAfroJEepzwbBSkPmsNmEkvg/PXq5knUuImJFrt/RRTPlmQ+KQ2q7e8/jsFDCwBaV7EScegOMTKWuLJKD6i1+X/X3/qo2BxEg3uZz26vgRCsQ41NxjTvH61XYyVQBUoFaYJlO406h04hjxQBUhNi0MTbLMHQGtQvkvkBfGioa2LAu1pgzWUCI+XZdJzkulippxItBw99/lGgM3T6CDr/Bo7JWrXm3eWdT5Crfy3MZJ+OXp7ZSPSXouYt/Z2l7uVBgLM1Cu/DgIjs8A1SnYhTX5bbVKc4mFyh1Raz95DNZqM1mFR/t6RlNq5p5cud47d5e3Ulvr/68LvfEhYdQNZvmwLWEmi82KQUxscnvW+RoE1rtmCjGWEa00sguYf0dS2QTg+bSiMXlHKcQpG38R329AeLFxTZZmY1OZIhJaOqE4gAkCBtuTceM9mLxhxeBJda4g+2D4ac2gEdOCep12GVETksiKL6diQwzWApezH67iDmED0+3IbvOs6ZjhkMEqqPFoOr3Phe1UMYcGUtPOhMCa18yxmv1SSRyHhWjzWZ8GLFrVl8nmwNhoN0xZZcWqP0kIe6EuLwYuBMbxAxU662M61CxTyqRVMuwxfeDmCBH1Qz+N3rHLAav/Zh45dmvfMtQd0qEnfp6TRgQzxIZZsim1HeqE16rThJ8tJqlIYjdo7jOxcdbSPq2TiUgRo+beogbF4LlQI3W3dzvx2Cr8lWSnYUoNjV6A2xfGg/9X7CexXj7GhNYBpjiaez/5USxWAND5mgIxD1KAIVnOlXMVazISvE+PNvfdtMhlSYCc2DX8NpW95ewd9FwlwkF2uSz5taT/nk9ELVAIjbNVvyOGajT+4JSb4QIMcJIWkPVy1aSNm+jcxA9/fvxWkWu7B6L/vvpLp5cJoDYQ23PtyUG9sb9GbziE2ECI8ryOama3xRW4n0iZiAN9c4YUxd3ae8lPhjPpRzRNYmYQK3Nws7JWhAbo1zhficj19v8h4p+cu7XTIAe2L3AtKxjjD6MpSK0CY3JuakVYuxKJdKLSkAqG1oMyzHkW0agx4OkUuLW5KAEUWxRGEpLPeK8zALeU1QJOdpcLBXxdGlMRPQMh8te7Qa+9f1gCC5YagTrzye49fCSVCMTxBaEYGRB24gRn+JiLt7zssz5UkaohyE2vIKF+wxVNt49WVulESCeSrwSOWm7LBt2oo2pZU39MzMSYzn4FQGpvcIuMPryHXR4fvfklwO6AqJuySnFTKDklmidrEEuQ25GevFz8DrAqUlyWLkqMy5p5HkN+9urZy+8khiJEUF0oqIWFTBV3TtZ38w674spvbOJHwwbTqBKI2BkRrpE6dI2u0DZ0J3O6t6fz+uDxkcORCSJwGZWR5FEjGthJEbSw+HaiGocQRme6H7UVnLGjFplaM6VA9fKSAzLkOZ5SsmU4eUOPMW1vMZ8GcbCSAxUgOhlmLcanRCl9TZizwMb3ceAm+j9hpLDkVW1bA3pq+Amm9ghEf/3GIGduCoPPSe3k+ufSReGxoCxMRL1yWzPSa5aSmnZsFgMaAwYn2oxzUqVGHunyE7CtMbGdWBsjES5WP+7P3gwiSMDi6oRMBZG4gJJserLvUrqYluuLV3M3DrNimuJI0uPX86hKhcic5/0sP5WHozMiPS/UPa+s3U2oSzOTYHYjCmj4/hwFGYyv9UdSIfx3siporgK6ApAUVVThk6VU7crq1xuiUgnBYXPLGbeRU0vDeXZqEfboCtD2rA26jvngO6LVhe1PBLKJRHXKGOpPSQ2fIpO4RyE3MN1mkYCf+qugVdraA6Km86cl+VipKhJJEG2qz5GLAev0R8w+5e9i+nFrf3BQF78z8htQy4bQSYbyk925CdPFL2dGgfQppXmHN25k32PXIzgtUINTQa86OSnNEawJJesV/N0MP8F5hSqQY4bC0cAAAAASUVORK5CYII=";
|
|
5193
5215
|
|
|
@@ -5210,10 +5232,10 @@ function CardResultConquista(props) {
|
|
|
5210
5232
|
React.useEffect(() => {
|
|
5211
5233
|
setBtnViewMore(props.textMoreDetails);
|
|
5212
5234
|
}, [props.textMoreDetails]);
|
|
5213
|
-
return (jsxRuntime.jsxs("div", { className: style$
|
|
5235
|
+
return (jsxRuntime.jsxs("div", { className: style$4.container, style: { ...props.style, cursor: 'pointer', backgroundColor: isPressed ? '#FF4D0D' : '#FFF' }, onClick: () => {
|
|
5214
5236
|
props.onClick(props.problemId);
|
|
5215
5237
|
setIsPressed(true);
|
|
5216
|
-
}, children: [jsxRuntime.jsxs("div", { className: style$
|
|
5238
|
+
}, children: [jsxRuntime.jsxs("div", { className: style$4.cardAvatar, children: [jsxRuntime.jsx(Avatar, { size: '50px', src: props.userAvatar }), jsxRuntime.jsx("span", { children: "\u00A0\u00A0" }), props.statusCard === 1 ?
|
|
5217
5239
|
isPressed ?
|
|
5218
5240
|
jsxRuntime.jsx("img", { src: ConquistaPressed, alt: "Icone de conquista" })
|
|
5219
5241
|
:
|
|
@@ -5222,7 +5244,7 @@ function CardResultConquista(props) {
|
|
|
5222
5244
|
isPressed ?
|
|
5223
5245
|
jsxRuntime.jsx("img", { src: AprendizadoPressed, alt: "Icone de aprendizado" })
|
|
5224
5246
|
:
|
|
5225
|
-
jsxRuntime.jsx("img", { src: Aprendizado, alt: "Icone de aprendizado" })] }), jsxRuntime.jsx("span", { style: { color: isPressed ? '#FFF' : '#222', fontWeight: 600, fontSize: 16, marginTop: 12 }, children: props.userName }), jsxRuntime.jsx("span", { style: { color: isPressed ? '#FFF' : '#222', fontWeight: 400, fontSize: 12, marginTop: 4 }, children: props.userArea }), jsxRuntime.jsx("div", { className: style$
|
|
5247
|
+
jsxRuntime.jsx("img", { src: Aprendizado, alt: "Icone de aprendizado" })] }), jsxRuntime.jsx("span", { style: { color: isPressed ? '#FFF' : '#222', fontWeight: 600, fontSize: 16, marginTop: 12 }, children: props.userName }), jsxRuntime.jsx("span", { style: { color: isPressed ? '#FFF' : '#222', fontWeight: 400, fontSize: 12, marginTop: 4 }, children: props.userArea }), jsxRuntime.jsx("div", { className: style$4.description, style: { color: isPressed ? '#FFD600' : '#FF4D0D', fontWeight: 500, fontSize: 16, textAlign: 'center', marginTop: 12 }, children: props.description }), jsxRuntime.jsx("div", { className: style$4.verMais, children: btnViewMore ? btnViewMore : "Mais detalhes" })] }));
|
|
5226
5248
|
}
|
|
5227
5249
|
|
|
5228
5250
|
const WrapperCard$7 = styled__default["default"].div `
|
|
@@ -7945,12 +7967,12 @@ function StarMetric({ disabled, onChange }) {
|
|
|
7945
7967
|
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsx(WrapperCard$5, { children: jsxRuntime.jsxs(Box__default["default"], { children: [jsxRuntime.jsx(Typography__default["default"], { component: "legend" }), jsxRuntime.jsx(Rating__default["default"], { disabled: disabled ? disabled : false, onChange: (e) => { onChange(); } })] }) }) }));
|
|
7946
7968
|
}
|
|
7947
7969
|
|
|
7948
|
-
var css_248z$
|
|
7949
|
-
var style$
|
|
7950
|
-
styleInject(css_248z$
|
|
7970
|
+
var css_248z$4 = ".calendarLxp-module_containerCalendar__rGMXM {\n display: flex;\n position: relative;\n width: fit-content;\n min-height: 550px;\n border-radius: 8px;\n background-color: #FFF;\n}\n\n.calendarLxp-module_fechar__B-og5{\n font-size: 12px;\n color: #222222;\n\n display: flex;\n justify-content: right;\n align-items: center;\n position: absolute;\n top: 0;\n right: 0;\n\n margin-right: 24px;\n margin-top: 24px;\n cursor: default;\n \n}\n\n.calendarLxp-module_calendar__-C-pK {\n padding: 32px;\n display: inline-flex;\n \n}\n\n.calendarLxp-module_btnSubmit__A-5NS {\n position: absolute;\n right: 0;\n bottom: 0;\n margin-right: 24px;\n margin-bottom: 24px;\n}\n";
|
|
7971
|
+
var style$3 = {"containerCalendar":"calendarLxp-module_containerCalendar__rGMXM","fechar":"calendarLxp-module_fechar__B-og5","calendar":"calendarLxp-module_calendar__-C-pK","btnSubmit":"calendarLxp-module_btnSubmit__A-5NS"};
|
|
7972
|
+
styleInject(css_248z$4);
|
|
7951
7973
|
|
|
7952
|
-
var css_248z$
|
|
7953
|
-
styleInject(css_248z$
|
|
7974
|
+
var css_248z$3 = ".rdrCalendarWrapper{\n color: #000000;\n font-size: 16px;\n font-family: 'PT Sans';\n}\n\n.rdrDateDisplayWrapper{\n background-color: rgb(239, 242, 247);\n}\n\n.rdrDateDisplay{\n margin: 0.833em;\n}\n\n.rdrDateDisplayItem{\n border-radius: 4px;\n background-color: rgb(255, 255, 255);\n box-shadow: 0 1px 2px 0 rgba(35, 57, 66, 0.21);\n border: 1px solid transparent;\n}\n\n.rdrDateDisplayItem input{\n cursor: pointer;\n height: 2.5em;\n line-height: 2.5em;\n border: 0px;\n background: transparent;\n width: 100%;\n color: #222222;\n }\n\n.rdrDateDisplayItemActive{\n border-color: currentColor;\n}\n\n.rdrDateDisplayItemActive input{\n color: #7d888d\n }\n\n.rdrMonthAndYearWrapper {\n align-items: center;\n height: 60px;\n padding-top: 10px;\n}\n\n.rdrMonthAndYearPickers{\n font-weight: 600;\n}\n\n.rdrMonthAndYearPickers select{\n -moz-appearance: none;\n appearance: none;\n -webkit-appearance: none;\n border: 0;\n background: transparent;\n padding: 10px 30px 10px 10px;\n border-radius: 4px;\n outline: 0;\n color: #FF4D0D;\n background: url(\"data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>\") no-repeat;\n background-position: right 8px center;\n cursor: pointer;\n text-align: center;\n display: none;\n }\n\n.rdrMonthAndYearPickers select:hover{\n background-color: rgba(187, 22, 22, 0.07);\n }\n\n.rdrMonthPicker, .rdrYearPicker{\n margin: 0 5px\n}\n\n.rdrNextPrevButton {\n display: block;\n width: 24px;\n height: 24px;\n margin: 0 0.833em;\n padding: 0;\n border: 0;\n border-radius: 5px;\n background: #EFF2F7\n}\n\n.rdrNextPrevButton:hover{\n background: #E1E7F0;\n }\n\n.rdrNextPrevButton i {\n display: block;\n width: 0;\n height: 0;\n padding: 0;\n text-align: center;\n border-style: solid;\n margin: auto;\n transform: translate(-3px, 0px);\n }\n\n.rdrPprevButton i {\n border-width: 4px 6px 4px 4px;\n border-color: transparent rgb(52, 73, 94) transparent transparent;\n transform: translate(-3px, 0px);\n }\n\n.rdrNextButton i {\n margin: 0 0 0 7px;\n border-width: 4px 4px 4px 6px;\n border-color: transparent transparent transparent rgb(52, 73, 94);\n transform: translate(3px, 0px);\n }\n\n.rdrWeekDays {\n padding: 0 0.833em;\n}\n\n.rdrMonth{\n padding: 0 0.833em 1.666em 0.833em;\n}\n\n.rdrMonth .rdrWeekDays {\n padding: 0;\n }\n\n.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{\n display: none;\n}\n\n.rdrWeekDay {\n font-weight: 400;\n line-height: 2.667em;\n color: #FF4D0D;\n}\n\n.rdrDay {\n background: transparent;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border: 0;\n padding: 0;\n line-height: 3.000em;\n height: 3.000em;\n text-align: center;\n color: #1d2429;\n}\n\n.rdrDay:focus {\n outline: 0;\n }\n\n.rdrDayNumber {\n outline: 0;\n font-weight: 300;\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n top: 5px;\n bottom: 5px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.rdrDayToday .rdrDayNumber span{\n font-weight: 500\n}\n\n.rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after{\n background: #fff;\n }\n\n.rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span{\n color: rgba(255, 255, 255, 0.85);\n }\n\n.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{\n background: currentColor;\n position: absolute;\n top: 5px;\n left: 0;\n right: 0;\n bottom: 5px;\n}\n\n.rdrSelected{\n left: 2px;\n right: 2px;\n}\n\n\n.rdrStartEdge{\n border-top-left-radius: 1.042em;\n border-bottom-left-radius: 1.042em;\n left: 2px;\n}\n\n.rdrEndEdge{\n border-top-right-radius: 1.042em;\n border-bottom-right-radius: 1.042em;\n right: 2px;\n}\n\n.rdrSelected{\n border-radius: 1.042em;\n}\n\n.rdrDayStartOfMonth .rdrInRange, .rdrDayStartOfMonth .rdrEndEdge, .rdrDayStartOfWeek .rdrInRange, .rdrDayStartOfWeek .rdrEndEdge{\n border-top-left-radius: 1.042em;\n border-bottom-left-radius: 1.042em;\n left: 2px;\n }\n\n.rdrDayEndOfMonth .rdrInRange, .rdrDayEndOfMonth .rdrStartEdge, .rdrDayEndOfWeek .rdrInRange, .rdrDayEndOfWeek .rdrStartEdge{\n border-top-right-radius: 1.042em;\n border-bottom-right-radius: 1.042em;\n right: 2px;\n }\n\n.rdrDayStartOfMonth .rdrDayInPreview, .rdrDayStartOfMonth .rdrDayEndPreview, .rdrDayStartOfWeek .rdrDayInPreview, .rdrDayStartOfWeek .rdrDayEndPreview{\n border-top-left-radius: 1.333em;\n border-bottom-left-radius: 1.333em;\n border-left-width: 1px;\n left: 0px;\n }\n\n.rdrDayEndOfMonth .rdrDayInPreview, .rdrDayEndOfMonth .rdrDayStartPreview, .rdrDayEndOfWeek .rdrDayInPreview, .rdrDayEndOfWeek .rdrDayStartPreview{\n border-top-right-radius: 1.333em;\n border-bottom-right-radius: 1.333em;\n border-right-width: 1px;\n right: 0px;\n }\n\n.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{\n background: rgba(255, 255, 255, 0.09);\n position: absolute;\n top: 3px;\n left: 0px;\n right: 0px;\n bottom: 3px;\n pointer-events: none;\n border: 0px solid currentColor;\n z-index: 1;\n}\n\n.rdrDayStartPreview{\n border-top-width: 1px;\n border-left-width: 1px;\n border-bottom-width: 1px;\n border-top-left-radius: 1.333em;\n border-bottom-left-radius: 1.333em;\n left: 0px;\n}\n\n.rdrDayInPreview{\n border-top-width: 1px;\n border-bottom-width: 1px;\n}\n\n.rdrDayEndPreview{\n border-top-width: 1px;\n border-right-width: 1px;\n border-bottom-width: 1px;\n border-top-right-radius: 1.333em;\n border-bottom-right-radius: 1.333em;\n right: 2px;\n right: 0px;\n}\n\n.rdrDefinedRangesWrapper{\n font-size: 12px;\n width: 226px;\n border-right: solid 1px #eff2f7;\n background: #fff;\n}\n\n.rdrDefinedRangesWrapper .rdrStaticRangeSelected{\n color: currentColor;\n font-weight: 600;\n }\n\n.rdrStaticRange{\n border: 0;\n cursor: pointer;\n display: block;\n outline: 0;\n border-bottom: 1px solid #eff2f7;\n padding: 0;\n background: #fff\n}\n\n.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{\n background: #eff2f7;\n }\n\n.rdrStaticRangeLabel{\n display: block;\n outline: 0;\n line-height: 18px;\n padding: 10px 20px;\n text-align: left;\n}\n\n.rdrInputRanges{\n padding: 10px 0;\n}\n\n.rdrInputRange{\n align-items: center;\n padding: 5px 20px;\n}\n\n.rdrInputRangeInput{\n width: 30px;\n height: 30px;\n line-height: 30px;\n border-radius: 4px;\n text-align: center;\n border: solid 1px rgb(222, 231, 235);\n margin-right: 10px;\n color: rgb(108, 118, 122)\n}\n\n.rdrInputRangeInput:focus, .rdrInputRangeInput:hover{\n border-color: rgb(180, 191, 196);\n outline: 0;\n color: #333;\n }\n\n.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{\n content: '';\n border: 1px solid currentColor;\n border-radius: 1.333em;\n position: absolute;\n top: -2px;\n bottom: -2px;\n left: 0px;\n right: 0px;\n background: transparent;\n}\n\n.rdrDayPassive{\n pointer-events: none;\n}\n\n.rdrDayPassive .rdrDayNumber span{\n color: #AEB0B3;\n }\n\n.rdrDayPassive .rdrInRange, .rdrDayPassive .rdrStartEdge, .rdrDayPassive .rdrEndEdge, .rdrDayPassive .rdrSelected, .rdrDayPassive .rdrDayStartPreview, .rdrDayPassive .rdrDayInPreview, .rdrDayPassive .rdrDayEndPreview{\n display: none;\n }\n\n.rdrDayDisabled {\n background-color: rgb(248, 248, 248);\n}\n\n.rdrDayDisabled .rdrDayNumber span{\n color: #aeb9bf;\n }\n\n.rdrDayDisabled .rdrInRange, .rdrDayDisabled .rdrStartEdge, .rdrDayDisabled .rdrEndEdge, .rdrDayDisabled .rdrSelected, .rdrDayDisabled .rdrDayStartPreview, .rdrDayDisabled .rdrDayInPreview, .rdrDayDisabled .rdrDayEndPreview{\n filter: grayscale(100%) opacity(60%);\n }\n\n.rdrMonthName{\n text-align: center;\n font-weight: 700;\n color: #FF4D0D;\n padding: 0.833em;\n}\n";
|
|
7975
|
+
styleInject(css_248z$3);
|
|
7954
7976
|
|
|
7955
7977
|
const defineds = {
|
|
7956
7978
|
startOfWeek: dateFns.startOfWeek(new Date()),
|
|
@@ -8037,7 +8059,7 @@ function CalendarLxp(props) {
|
|
|
8037
8059
|
}
|
|
8038
8060
|
]);
|
|
8039
8061
|
locale.pt.options.weekStartsOn = 0;
|
|
8040
|
-
return (jsxRuntime.jsx(material.Modal, { open: props.open, onClose: props.handleClose, children: jsxRuntime.jsxs(material.Box, { className: style$
|
|
8062
|
+
return (jsxRuntime.jsx(material.Modal, { open: props.open, onClose: props.handleClose, children: jsxRuntime.jsxs(material.Box, { className: style$3.containerCalendar, style: { ...props.styles }, children: [jsxRuntime.jsx("div", { className: style$3.fechar, onClick: props.handleClose, children: jsxRuntime.jsx(CloseIcon, {}) }), jsxRuntime.jsxs("div", { className: style$3.calendar, children: [jsxRuntime.jsx("div", { style: { fontSize: 16 }, children: jsxRuntime.jsx(reactDateRange.DefinedRange, { inputRanges: [], staticRanges: defaultStaticRanges, ranges: newRange, rangeColors: ['#0645AD'], onChange: item => setNewRange([item.selection]) }) }), jsxRuntime.jsx("div", { children: jsxRuntime.jsx(reactDateRange.DateRange, { locale: locale.pt, ranges: newRange, onChange: item => setNewRange([item.selection]), months: 2, direction: 'horizontal', rangeColors: ['#FF4D0D'], showDateDisplay: false, showPreview: false, weekdayDisplayFormat: 'EEEEE', preventSnapRefocus: true }) })] }), jsxRuntime.jsx("div", { className: style$3.btnSubmit, children: jsxRuntime.jsx(Button$3, { label: 'Aplicar', variant: 'primary', handleClick: () => {
|
|
8041
8063
|
props.onSave([newRange[0].startDate, newRange[0].endDate]);
|
|
8042
8064
|
} }) })] }) }));
|
|
8043
8065
|
}
|
|
@@ -8263,7 +8285,7 @@ const InputSearchWrapper = styled__default["default"].div `
|
|
|
8263
8285
|
border: ${({ isMobile }) => !isMobile ? '1px' : '0px'} solid ${({ isHover, theme }) => isHover ? theme.colors.shadeBlack : '#000'};
|
|
8264
8286
|
transition: width 1s ease-in-out;
|
|
8265
8287
|
`;
|
|
8266
|
-
const InputText = styled__default["default"].input `
|
|
8288
|
+
const InputText$1 = styled__default["default"].input `
|
|
8267
8289
|
margin-left:10px;
|
|
8268
8290
|
display: flex;
|
|
8269
8291
|
align-items: center;
|
|
@@ -8411,7 +8433,7 @@ function FieldSearch({ variant, placeholder, onChange, listResults, hasOptionSee
|
|
|
8411
8433
|
return () => clearTimeout(delayDebounceFn);
|
|
8412
8434
|
}, [ValueSearch]);
|
|
8413
8435
|
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsx("div", { style: { position: 'relative' }, id: 'bar-search-global-menu', children: variant == 'LXP' ?
|
|
8414
|
-
jsxRuntime.jsxs(Container$7, { onMouseOver: () => setActionAreaInput(true), onMouseOut: () => setActionAreaInput(false), onFocus: () => handleFocusUp(), onBlur: () => handleFocusDown(), children: [jsxRuntime.jsxs(InputSearchWrapper, { isHover: actionAreaInput, isOnFocus: inputOnFocus, isMobile: !openSearchFieldMobile, style: { ...style }, children: [jsxRuntime.jsx(ContainerIcon$1, { onClick: () => isMobile && setOpenSearchFieldMobile(!openSearchFieldMobile), children: jsxRuntime.jsx(SearchIcon, { fill: '#fff' }) }), jsxRuntime.jsx(InputText, { placeholder: placeholder, onChange: (e) => {
|
|
8436
|
+
jsxRuntime.jsxs(Container$7, { onMouseOver: () => setActionAreaInput(true), onMouseOut: () => setActionAreaInput(false), onFocus: () => handleFocusUp(), onBlur: () => handleFocusDown(), children: [jsxRuntime.jsxs(InputSearchWrapper, { isHover: actionAreaInput, isOnFocus: inputOnFocus, isMobile: !openSearchFieldMobile, style: { ...style }, children: [jsxRuntime.jsx(ContainerIcon$1, { onClick: () => isMobile && setOpenSearchFieldMobile(!openSearchFieldMobile), children: jsxRuntime.jsx(SearchIcon, { fill: '#fff' }) }), jsxRuntime.jsx(InputText$1, { placeholder: placeholder, onChange: (e) => {
|
|
8415
8437
|
setIsOpenDrop(false);
|
|
8416
8438
|
setValueSearch(e.target.value);
|
|
8417
8439
|
}, value: ValueSearch })] }), Loading &&
|
|
@@ -8449,7 +8471,7 @@ function FieldSearch({ variant, placeholder, onChange, listResults, hasOptionSee
|
|
|
8449
8471
|
return seeAll.onClick(e);
|
|
8450
8472
|
}, children: seeAll.label })] })] })
|
|
8451
8473
|
:
|
|
8452
|
-
jsxRuntime.jsx(Container$7, { onMouseOver: () => setActionAreaInput(true), onMouseOut: () => setActionAreaInput(false), onFocus: () => setInputOnFocus(true), onBlur: () => setInputOnFocus(false), children: jsxRuntime.jsxs(InputSearchWrapper, { isHover: actionAreaInput, isOnFocus: inputOnFocus, style: { ...style }, children: [jsxRuntime.jsxs(ContainerIcon$1, { children: [" ", jsxRuntime.jsx(SearchIcon, { fill: '#fff' }), " "] }), jsxRuntime.jsx(InputText, { placeholder: placeholder, onChange: onChange, value: value })] }) }) }) }));
|
|
8474
|
+
jsxRuntime.jsx(Container$7, { onMouseOver: () => setActionAreaInput(true), onMouseOut: () => setActionAreaInput(false), onFocus: () => setInputOnFocus(true), onBlur: () => setInputOnFocus(false), children: jsxRuntime.jsxs(InputSearchWrapper, { isHover: actionAreaInput, isOnFocus: inputOnFocus, style: { ...style }, children: [jsxRuntime.jsxs(ContainerIcon$1, { children: [" ", jsxRuntime.jsx(SearchIcon, { fill: '#fff' }), " "] }), jsxRuntime.jsx(InputText$1, { placeholder: placeholder, onChange: onChange, value: value })] }) }) }) }));
|
|
8453
8475
|
}
|
|
8454
8476
|
|
|
8455
8477
|
const Wrapper$2 = styled__default["default"].button `
|
|
@@ -9287,9 +9309,9 @@ function HasNotificationIcon() {
|
|
|
9287
9309
|
return (jsxRuntime.jsx("div", { children: jsxRuntime.jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("rect", { width: "10", height: "10", rx: "5", fill: "#FF4D0D" }) }) }));
|
|
9288
9310
|
}
|
|
9289
9311
|
|
|
9290
|
-
var css_248z$
|
|
9291
|
-
var style$
|
|
9292
|
-
styleInject(css_248z$
|
|
9312
|
+
var css_248z$2 = ".extraContent-module_container__tV2ud {\n background-color: #E0E0E0;\n display: flex;\n flex-direction: column;\n height: 100%;\n font-family: 'PT Sans';\n padding: 20px;\n}\n\n.extraContent-module_contentInfo__TGKPS {\n padding: 32px 20px;\n}\n\n.extraContent-module_notes__I6JnG {\n display: flex;\n flex-direction: column;\n}\n\n.extraContent-module_saveNotes__DHETt {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n margin-top: 24px;\n}";
|
|
9313
|
+
var style$2 = {"container":"extraContent-module_container__tV2ud","contentInfo":"extraContent-module_contentInfo__TGKPS","notes":"extraContent-module_notes__I6JnG","saveNotes":"extraContent-module_saveNotes__DHETt"};
|
|
9314
|
+
styleInject(css_248z$2);
|
|
9293
9315
|
|
|
9294
9316
|
function AdminExtraContent(props) {
|
|
9295
9317
|
const [valueTabs, setValueTabs] = React.useState(0);
|
|
@@ -9302,7 +9324,7 @@ function AdminExtraContent(props) {
|
|
|
9302
9324
|
let bookInfo;
|
|
9303
9325
|
return (jsxRuntime.jsxs("div", { style: { marginTop: 16 }, children: [jsxRuntime.jsx(TextField, { label: "Nome do livro", onChange: (e) => bookInfo.name = e.target.value }), jsxRuntime.jsx(TextField, { label: "Nome do autor", onChange: (e) => bookInfo.autor = e.target.value }), jsxRuntime.jsx(TextField, { label: "Link para compra", onChange: (e) => bookInfo.link = e.target.value }), jsxRuntime.jsx("div", { style: { marginBottom: 8 }, children: jsxRuntime.jsx("span", { children: " Fa\u00E7a upload da capa do livro abaixo" }) }), jsxRuntime.jsx(FileUpload, { variant: "landscape" })] }));
|
|
9304
9326
|
}
|
|
9305
|
-
return (jsxRuntime.jsxs("div", { className: style$
|
|
9327
|
+
return (jsxRuntime.jsxs("div", { className: style$2.container, children: [jsxRuntime.jsx("span", { style: { fontSize: 18, fontWeight: 700 }, children: "Material extra" }), jsxRuntime.jsx("div", { className: style$2.contentTabs, children: jsxRuntime.jsxs(material.Tabs, { value: valueTabs, onChange: handleChangeTabs, sx: {
|
|
9306
9328
|
'& .Mui-selected ': {
|
|
9307
9329
|
color: '#FF4D0D !important',
|
|
9308
9330
|
fontWeight: '700 !important'
|
|
@@ -9315,7 +9337,7 @@ function AdminExtraContent(props) {
|
|
|
9315
9337
|
'& .MuiTabs-indicator': {
|
|
9316
9338
|
backgroundColor: '#FF5427 !important',
|
|
9317
9339
|
}
|
|
9318
|
-
}, children: [jsxRuntime.jsx(material.Tab, { label: 'Transcri\u00E7\u00E3o', value: 0 }), jsxRuntime.jsx(material.Tab, { label: 'Material de apoio', value: 1 }), jsxRuntime.jsx(material.Tab, { label: 'Livros', value: 2 })] }) }), jsxRuntime.jsxs("div", { className: style$
|
|
9340
|
+
}, children: [jsxRuntime.jsx(material.Tab, { label: 'Transcri\u00E7\u00E3o', value: 0 }), jsxRuntime.jsx(material.Tab, { label: 'Material de apoio', value: 1 }), jsxRuntime.jsx(material.Tab, { label: 'Livros', value: 2 })] }) }), jsxRuntime.jsxs("div", { className: style$2.contentInfo, children: [valueTabs === 0 &&
|
|
9319
9341
|
jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("div", { children: jsxRuntime.jsx("span", { style: { fontSize: 16, fontWeight: 400 }, children: "Para ajudar as pessoas com algum problema auditivo ou que somente desejam revisar de forma r\u00E1pida o conte\u00FAdo, transcreva abaixo o que foi dito durante o v\u00EDdeo." }) }), jsxRuntime.jsx(Textarea, { label: "Transcri\u00E7\u00E3o", style: { marginTop: 24 }, height: '150px', onChange: (e) => {
|
|
9320
9342
|
setTranscriptionText(e.target.value);
|
|
9321
9343
|
} })] }), valueTabs === 1 &&
|
|
@@ -9527,7 +9549,7 @@ function StudentExtraContent(props) {
|
|
|
9527
9549
|
const handleComments = (e) => {
|
|
9528
9550
|
setComments(e.target.value);
|
|
9529
9551
|
};
|
|
9530
|
-
return (jsxRuntime.jsxs("div", { className: style$
|
|
9552
|
+
return (jsxRuntime.jsxs("div", { className: style$2.container, children: [jsxRuntime.jsx("div", { className: style$2.contentTabs, children: jsxRuntime.jsxs(material.Tabs, { value: valueTabs, onChange: handleChangeTabs, sx: {
|
|
9531
9553
|
'& .Mui-selected ': {
|
|
9532
9554
|
color: '#FF4D0D !important',
|
|
9533
9555
|
fontWeight: '700 !important'
|
|
@@ -9540,8 +9562,8 @@ function StudentExtraContent(props) {
|
|
|
9540
9562
|
'& .MuiTabs-indicator': {
|
|
9541
9563
|
backgroundColor: '#FF5427 !important',
|
|
9542
9564
|
}
|
|
9543
|
-
}, children: [jsxRuntime.jsx(material.Tab, { label: 'Anota\u00E7\u00F5es', value: 0 }), jsxRuntime.jsx(material.Tab, { label: 'Livros recomendados', value: 1 }), jsxRuntime.jsx(material.Tab, { label: 'Material de apoio', value: 2 }), jsxRuntime.jsx(material.Tab, { label: 'Transcri\u00E7\u00E3o', value: 3 }), jsxRuntime.jsx(material.Tab, { label: 'Coment\u00E1rios', value: 4 })] }) }), jsxRuntime.jsxs("div", { className: style$
|
|
9544
|
-
jsxRuntime.jsxs("div", { className: style$
|
|
9565
|
+
}, children: [jsxRuntime.jsx(material.Tab, { label: 'Anota\u00E7\u00F5es', value: 0 }), jsxRuntime.jsx(material.Tab, { label: 'Livros recomendados', value: 1 }), jsxRuntime.jsx(material.Tab, { label: 'Material de apoio', value: 2 }), jsxRuntime.jsx(material.Tab, { label: 'Transcri\u00E7\u00E3o', value: 3 }), jsxRuntime.jsx(material.Tab, { label: 'Coment\u00E1rios', value: 4 })] }) }), jsxRuntime.jsxs("div", { className: style$2.contentInfo, children: [valueTabs === 0 &&
|
|
9566
|
+
jsxRuntime.jsxs("div", { className: style$2.notes, children: [jsxRuntime.jsx("span", { style: { fontSize: 16, fontWeight: 400, color: '#000' }, children: " Escreva e fa\u00E7a suas anota\u00E7\u00F5es aqui para rever depois, este espa\u00E7o \u00E9 seu." }), jsxRuntime.jsx("div", { style: { marginTop: 12 }, children: jsxRuntime.jsx(RichTextExample, {}) }), jsxRuntime.jsx("div", { className: style$2.saveNotes, children: jsxRuntime.jsx(Button$3, { label: "Salvar", variant: "primary", handleClick: () => { } }) })] }), valueTabs === 1 &&
|
|
9545
9567
|
jsxRuntime.jsx(material.Grid, { container: true, spacing: 0, children: props.bookList?.map((item, index) => {
|
|
9546
9568
|
return (jsxRuntime.jsxs(material.Grid, { item: true, style: { position: 'relative', width: 200, height: 310, backgroundColor: '#FFF', display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'flex-start', padding: '16px 32px 8px 32px', border: '1px solid #BDBDBD', cursor: 'pointer' }, onClick: () => { props.onClickBook(item.id); }, children: [jsxRuntime.jsx("img", { src: item.img, width: 130, height: 185 }), jsxRuntime.jsxs("span", { style: { fontSize: 16, fontWeight: 400, color: '#000', marginTop: 12 }, children: [" ", item.title, " "] }), jsxRuntime.jsxs("span", { style: { fontSize: 12, fontWeight: 400, color: '#000', position: 'absolute', bottom: 0, marginBottom: 8 }, children: [" ", item.autor, " "] })] }, index));
|
|
9547
9569
|
}) }), valueTabs === 2 &&
|
|
@@ -9549,7 +9571,7 @@ function StudentExtraContent(props) {
|
|
|
9549
9571
|
return (jsxRuntime.jsxs(material.Grid, { item: true, style: { width: 200, height: 240, backgroundColor: '#FFF', display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'space-between', padding: '16px 32px 8px 32px', border: '1px solid #BDBDBD' }, children: [jsxRuntime.jsx("img", { src: item.img, width: 65, height: 70 }), jsxRuntime.jsx("span", { style: { fontSize: 16, fontWeight: 400, color: '#000', marginTop: 12 }, children: item.description }), jsxRuntime.jsxs("label", { htmlFor: "downloadBtn", onClick: () => { props.onClickSuportMaterial(item.id); }, style: { color: '#0645AD', fontWeight: 700, cursor: 'pointer' }, children: [" ", jsxRuntime.jsx(DownloadIcon, { fill: "#0645AD" }), " \u00A0 Download"] })] }, index));
|
|
9550
9572
|
}) }), valueTabs === 3 &&
|
|
9551
9573
|
jsxRuntime.jsx("div", { style: { fontSize: 16, fontWeight: 400, textAlign: 'justify' }, children: jsxRuntime.jsx("span", { children: props.transcription }) }), valueTabs === 4 &&
|
|
9552
|
-
jsxRuntime.jsxs("div", { style: { display: 'flex', flexDirection: 'column' }, children: [jsxRuntime.jsxs("div", { style: { display: 'flex', flexDirection: 'row' }, children: [jsxRuntime.jsx(Avatar, { size: '40px', src: props.userAvatar }), jsxRuntime.jsx(InputComment, { className: '', showCharacterCounter: false, IDInput: '1', emojiWindowlanguage: 'pt', placeholder: 'Comente aqui sobre o seu problema', value: comments, onChange: (e) => handleComments(e), remain: 1000 - comments.length, limit: 1000, hasEmoji: true, styles: { marginLeft: '8px', width: '80%' } })] }), jsxRuntime.jsx("div", { children: props.commentList?.map((item, index) => {
|
|
9574
|
+
jsxRuntime.jsxs("div", { style: { display: 'flex', flexDirection: 'column' }, children: [jsxRuntime.jsxs("div", { style: { display: 'flex', flexDirection: 'row' }, children: [jsxRuntime.jsx(Avatar, { size: '40px', src: props.userAvatar }), jsxRuntime.jsx(InputComment$1, { className: '', showCharacterCounter: false, IDInput: '1', emojiWindowlanguage: 'pt', placeholder: 'Comente aqui sobre o seu problema', value: comments, onChange: (e) => handleComments(e), remain: 1000 - comments.length, limit: 1000, hasEmoji: true, styles: { marginLeft: '8px', width: '80%' } })] }), jsxRuntime.jsx("div", { children: props.commentList?.map((item, index) => {
|
|
9553
9575
|
return (jsxRuntime.jsxs("div", { style: { display: 'flex', flexDirection: 'row', marginTop: 20 }, children: [jsxRuntime.jsx(Avatar, { size: '40px', src: item?.userAvatar }), jsxRuntime.jsx(CommentaryBox, { className: '', name: item.userName, position: item.userPosition, value: item.comments, date: item.date, onChange: () => { }, styles: { marginRight: 8, width: '80%' }, textLiked: 'Curtir', actionLike: () => { item.isLiked = true; }, isLiked: item?.isLiked })] }, index));
|
|
9554
9576
|
}) })] })] })] }));
|
|
9555
9577
|
}
|
|
@@ -10193,7 +10215,7 @@ const LoadingContainer = styled__default["default"].div `
|
|
|
10193
10215
|
user-select: none;
|
|
10194
10216
|
|
|
10195
10217
|
`;
|
|
10196
|
-
|
|
10218
|
+
styled__default["default"].div `
|
|
10197
10219
|
position: absolute;
|
|
10198
10220
|
width: 155px;
|
|
10199
10221
|
height: 205px;
|
|
@@ -10353,7 +10375,7 @@ function VectorCross(props) {
|
|
|
10353
10375
|
return (jsxRuntime.jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M12.2051 1.53845V22.8718", stroke: "#EBEBEB", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M1.53809 12.2051H22.8714", stroke: "#EBEBEB", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
10354
10376
|
}
|
|
10355
10377
|
|
|
10356
|
-
function Thumbnails({ variant, src, showSwitch, handleClickCourse, handleClickNew, handleSwitchAtivar, handleClickPopOverDelete, handleClickPopOverEdit, title, provided, isDisabled, isLoading, txtButtonLabel, txtCriarNovoCurso, txtCriarNovoCurso2, txtAtivarCurso, txtPopOverDeleteContent, txtPopOverMoveToTrails, txtPopOverEditContent, isActive }) {
|
|
10378
|
+
function Thumbnails({ variant, src, showSwitch, handleClickCourse, handleClickNew, handleSwitchAtivar, handleClickPopOverDelete, handleClickPopOverEdit, handleClickPopOverEditActivity, handleClickPopOverDeleteTrail, title, provided, isDisabled, isLoading, txtButtonLabel, txtCriarNovoCurso, txtCriarNovoCurso2, txtAtivarCurso, txtPopOverDeleteContent, txtPopOverMoveToTrails, txtPopOverEditContent, isActive, isTrail, txtPopOverDeleteTrail, txtPopOverEditContentActivity }) {
|
|
10357
10379
|
const defaultImg = "https://i.gyazo.com/35d9c18bbdc6a48d843b0aa24ab2499e.png";
|
|
10358
10380
|
const [ativo, setAtivo] = React.useState(isDisabled);
|
|
10359
10381
|
const [showModules, setShowModules] = React.useState(false);
|
|
@@ -10370,11 +10392,6 @@ function Thumbnails({ variant, src, showSwitch, handleClickCourse, handleClickNe
|
|
|
10370
10392
|
setShowModules(true);
|
|
10371
10393
|
}
|
|
10372
10394
|
};
|
|
10373
|
-
const handleHoverImageOut = () => {
|
|
10374
|
-
if (showModules) {
|
|
10375
|
-
setShowModules(false);
|
|
10376
|
-
}
|
|
10377
|
-
};
|
|
10378
10395
|
const LightTooltip = styles.styled(({ className, ...props }) => (jsxRuntime.jsx(Tooltip__default["default"], { ...props, classes: { popper: className } })))(({ theme }) => ({
|
|
10379
10396
|
[`& .${Tooltip$3.tooltipClasses.tooltip}`]: {
|
|
10380
10397
|
backgroundColor: theme.palette.common.white,
|
|
@@ -10387,7 +10404,7 @@ function Thumbnails({ variant, src, showSwitch, handleClickCourse, handleClickNe
|
|
|
10387
10404
|
jsxRuntime.jsx(jsxRuntime.Fragment, { children: Loading ?
|
|
10388
10405
|
jsxRuntime.jsxs(LoadingContainer, { children: [jsxRuntime.jsx(LoadingImage, {}), jsxRuntime.jsx(LoadingContent, {}), jsxRuntime.jsx(LoadingContent, { style: { width: '50%' } })] })
|
|
10389
10406
|
:
|
|
10390
|
-
jsxRuntime.jsxs(ContainerThumbnails, { showSwitchIndividual: showSwitch, className: variant = 'default', ref: provided ? provided.innerRef : null, ...provided ? provided.draggableProps : null, children: [jsxRuntime.
|
|
10407
|
+
jsxRuntime.jsxs(ContainerThumbnails, { showSwitchIndividual: showSwitch, className: variant = 'default', ref: provided ? provided.innerRef : null, ...provided ? provided.draggableProps : null, children: [jsxRuntime.jsxs(GeralThumbnails, { ref: provided ? provided.innerRef : null, ...provided ? provided.dragHandleProps : null, children: [jsxRuntime.jsxs(Thumbnails$1, { children: [jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {})] }), jsxRuntime.jsxs(Thumbnails$1, { children: [jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {})] }), jsxRuntime.jsxs(Thumbnails$1, { children: [jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {}), jsxRuntime.jsx(VectorEllipse, {})] })] }), jsxRuntime.jsx(Image, { onMouseEnter: handleHoverImage, className: 'imageHover', src: src || defaultImg, active: ativo }), jsxRuntime.jsxs(ContainerMain, { children: [jsxRuntime.jsx(LightTooltip, { title: title, children: jsxRuntime.jsx(Typography$2, { style: { color: ativo ? '#000000' : '#bdbdbd' }, children: title && title?.length > 17 ? `${title.substring(0, 17)}...` : title }) }), jsxRuntime.jsx(IconVertical, { onClick: (element) => {
|
|
10391
10408
|
setElementPopover(element.currentTarget);
|
|
10392
10409
|
}, children: jsxRuntime.jsx(MoreVertical, { fill: ativo ? '#000000' : '#bdbdbd' }) })] }), showSwitch &&
|
|
10393
10410
|
jsxRuntime.jsx(ContainerAtivar, { children: jsxRuntime.jsx(TypographyAtivar, { active: ativo, style: { fontWeight: ativo ? 700 : 400 }, children: txtAtivarCurso ? txtAtivarCurso : 'Ativar Curso' }) })] }) })
|
|
@@ -10398,21 +10415,41 @@ function Thumbnails({ variant, src, showSwitch, handleClickCourse, handleClickNe
|
|
|
10398
10415
|
jsxRuntime.jsxs(ContainerThumbnailsAdd, { children: [jsxRuntime.jsx(ContainerEllipse, { onClick: handleClickNew, children: jsxRuntime.jsx(VectorCross, {}) }), jsxRuntime.jsx(TypographyAdd, { children: txtCriarNovoCurso ? txtCriarNovoCurso : 'Criar novo conteúdo' })] }) })
|
|
10399
10416
|
: null, jsxRuntime.jsx(PopOver, { element: ElementPopover, onClosePopover: () => {
|
|
10400
10417
|
setElementPopover(null);
|
|
10401
|
-
}, variant: 'upRight', children: jsxRuntime.
|
|
10402
|
-
|
|
10403
|
-
|
|
10404
|
-
|
|
10405
|
-
|
|
10406
|
-
|
|
10407
|
-
|
|
10408
|
-
|
|
10409
|
-
|
|
10418
|
+
}, variant: 'upRight', children: jsxRuntime.jsx("div", { style: { display: 'flex', flexDirection: 'column', padding: 0 }, children: isTrail ?
|
|
10419
|
+
jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(PopOverItem, { label: txtPopOverDeleteTrail ? txtPopOverDeleteTrail : "Excluir da Trilha", onClick: () => {
|
|
10420
|
+
setElementPopover(null);
|
|
10421
|
+
/// timeout para corrigir o bug de scroll na tela
|
|
10422
|
+
setTimeout(() => {
|
|
10423
|
+
handleClickPopOverDelete();
|
|
10424
|
+
}, 500);
|
|
10425
|
+
}, isFontBold: true, noBorder: true, color: '#C00F00', icon: jsxRuntime.jsx(Trash, { fill: '#C00F00' }), style: {
|
|
10426
|
+
borderBottom: '1px black solid',
|
|
10427
|
+
width: 100
|
|
10428
|
+
} }) })
|
|
10429
|
+
:
|
|
10430
|
+
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(PopOverItem, { label: txtPopOverEditContent ? txtPopOverEditContent : "Editar Conteúdo", onClick: () => {
|
|
10431
|
+
setElementPopover(null);
|
|
10432
|
+
handleClickPopOverEdit();
|
|
10433
|
+
}, style: {
|
|
10434
|
+
borderBottom: '1px black solid'
|
|
10435
|
+
} }), jsxRuntime.jsx(PopOverItem, { label: txtPopOverEditContentActivity ? txtPopOverEditContentActivity : "Editar Atividades", onClick: () => {
|
|
10436
|
+
setElementPopover(null);
|
|
10437
|
+
handleClickPopOverEditActivity();
|
|
10438
|
+
}, style: {
|
|
10439
|
+
borderBottom: '1px black solid'
|
|
10440
|
+
} }), jsxRuntime.jsx(PopOverItem, { label: txtPopOverDeleteContent ? txtPopOverDeleteContent : "Excluir Conteúdo", onClick: () => {
|
|
10441
|
+
setElementPopover(null);
|
|
10442
|
+
/// timeout para corrigir o bug de scroll na tela
|
|
10443
|
+
setTimeout(() => {
|
|
10444
|
+
handleClickPopOverDelete();
|
|
10445
|
+
}, 500);
|
|
10446
|
+
}, icon: jsxRuntime.jsx(Trash, { fill: '#C00F00' }), noBorder: true, isFontBold: true, color: '#C00F00' })] }) }) })] }) }));
|
|
10410
10447
|
}
|
|
10411
10448
|
|
|
10412
10449
|
// import { Draggable } from 'react-beautiful-dnd'
|
|
10413
|
-
function ThumbnailsDraggable({ variant, src, handleClickCourse, handleClickNew, handleClickContent, handleSwitchAtivar, title, id, index, isDisabled, isLoading, txtButtonLabel, txtAtivarCurso, showSwitch, txtCriarNovoCurso, txtCriarNovoCurso2, handleClickPopOverDelete, handleClickPopOverEdit, handleClickPopOverMove, txtPopOverDeleteContent, txtPopOverEditContent, isActive, txtPopOverMoveToTrails }) {
|
|
10450
|
+
function ThumbnailsDraggable({ variant, src, handleClickCourse, handleClickNew, handleClickContent, handleSwitchAtivar, title, id, index, isDisabled, isLoading, txtButtonLabel, txtAtivarCurso, showSwitch, txtCriarNovoCurso, txtCriarNovoCurso2, handleClickPopOverDelete, handleClickPopOverEdit, handleClickPopOverEditActivity, handleClickPopOverMove, txtPopOverDeleteContent, txtPopOverEditContent, isActive, isTrail, txtPopOverMoveToTrails, txtPopOverDeleteTrail, txtPopOverEditContentActivity }) {
|
|
10414
10451
|
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(dnd.Draggable, { index: parseInt(index), draggableId: id, children: (provided) => {
|
|
10415
|
-
return (jsxRuntime.jsx(Thumbnails, { src: src, isDisabled: isDisabled, handleClickCourse: handleClickCourse, handleSwitchAtivar: handleSwitchAtivar, handleClickNew: handleClickNew, handleClickContent: handleClickContent, variant: variant, title: title, id: id, isActive: isActive, isLoading: isLoading, showSwitch: showSwitch, index: index, provided: provided, txtButtonLabel: txtButtonLabel, txtAtivarCurso: txtAtivarCurso, txtCriarNovoCurso: txtCriarNovoCurso, txtCriarNovoCurso2: txtCriarNovoCurso2, handleClickPopOverDelete: handleClickPopOverDelete, handleClickPopOverEdit: handleClickPopOverEdit, handleClickPopOverMove: handleClickPopOverMove, txtPopOverDeleteContent: txtPopOverDeleteContent, txtPopOverEditContent: txtPopOverEditContent, txtPopOverMoveToTrails: txtPopOverMoveToTrails }));
|
|
10452
|
+
return (jsxRuntime.jsx(Thumbnails, { src: src, isDisabled: isDisabled, handleClickCourse: handleClickCourse, handleSwitchAtivar: handleSwitchAtivar, handleClickNew: handleClickNew, handleClickContent: handleClickContent, variant: variant, title: title, id: id, isActive: isActive, isLoading: isLoading, showSwitch: showSwitch, index: index, isTrail: isTrail, provided: provided, txtButtonLabel: txtButtonLabel, txtAtivarCurso: txtAtivarCurso, txtCriarNovoCurso: txtCriarNovoCurso, txtCriarNovoCurso2: txtCriarNovoCurso2, handleClickPopOverEditActivity: handleClickPopOverEditActivity, handleClickPopOverDelete: handleClickPopOverDelete, handleClickPopOverEdit: handleClickPopOverEdit, handleClickPopOverMove: handleClickPopOverMove, txtPopOverDeleteContent: txtPopOverDeleteContent, txtPopOverEditContent: txtPopOverEditContent, txtPopOverMoveToTrails: txtPopOverMoveToTrails, txtPopOverDeleteTrail: txtPopOverDeleteTrail, txtPopOverEditContentActivity: txtPopOverEditContentActivity }));
|
|
10416
10453
|
} }, id) }));
|
|
10417
10454
|
}
|
|
10418
10455
|
|
|
@@ -10516,21 +10553,38 @@ const useStyles = core.makeStyles((theme) => {
|
|
|
10516
10553
|
};
|
|
10517
10554
|
});
|
|
10518
10555
|
function ContentCoursesTrails(props) {
|
|
10556
|
+
const [OpenPopper, setOpenPopper] = React.useState(false);
|
|
10519
10557
|
const [checked, setChecked] = React.useState(true);
|
|
10558
|
+
const [checkedPrivate, setCheckedPrivate] = React.useState(true);
|
|
10520
10559
|
const [up, setUp] = React.useState(true);
|
|
10521
10560
|
const [ElementPopover, setElementPopover] = React.useState(null);
|
|
10522
10561
|
const [ElementPopoverPublish, setElementPopoverPublish] = React.useState(null);
|
|
10523
10562
|
const [active, setActive] = React.useState(false);
|
|
10524
10563
|
const [nameTrail, setNameTrail] = React.useState('');
|
|
10525
|
-
const [Publishing, setPublishing] = React.useState(
|
|
10526
|
-
const [CanPublishing, setCanPublishing] = React.useState(true);
|
|
10564
|
+
const [Publishing, setPublishing] = React.useState(props.publishStatus);
|
|
10527
10565
|
const [arrowRef, setArrowRef] = React__default["default"].useState(null);
|
|
10528
10566
|
const classes = useStyles();
|
|
10529
10567
|
// const refContainer = useRef(null);
|
|
10568
|
+
React.useEffect(() => {
|
|
10569
|
+
setPublishing(props.publishStatus);
|
|
10570
|
+
setOpenPopper(props.publishStatus === "pending");
|
|
10571
|
+
}, [props.publishStatus]);
|
|
10572
|
+
React.useEffect(() => {
|
|
10573
|
+
if (props.publishStatus && props.publishStatus === "processing") {
|
|
10574
|
+
console.log(" . --- Startando Verificacao Publicacao", props.trailId);
|
|
10575
|
+
setTimeout(() => {
|
|
10576
|
+
checkStatusPublish();
|
|
10577
|
+
}, 5000);
|
|
10578
|
+
}
|
|
10579
|
+
}, []);
|
|
10530
10580
|
const handleChange = (checkedValue) => {
|
|
10531
10581
|
setChecked(checkedValue);
|
|
10532
10582
|
props.handleChangeCheck(checkedValue);
|
|
10533
10583
|
};
|
|
10584
|
+
const handleChangePrivate = (checkedValue) => {
|
|
10585
|
+
setCheckedPrivate(checkedValue);
|
|
10586
|
+
props.handleChangePrivate(!checkedValue);
|
|
10587
|
+
};
|
|
10534
10588
|
const changeSelect = () => {
|
|
10535
10589
|
{
|
|
10536
10590
|
if (up) {
|
|
@@ -10552,8 +10606,20 @@ function ContentCoursesTrails(props) {
|
|
|
10552
10606
|
setActive(true);
|
|
10553
10607
|
}
|
|
10554
10608
|
};
|
|
10609
|
+
const checkStatusPublish = async () => {
|
|
10610
|
+
let publicacao = await props.handlePublicarCheck(props.trailId);
|
|
10611
|
+
console.log(props.trailId, 'publicacao', publicacao);
|
|
10612
|
+
setPublishing(publicacao);
|
|
10613
|
+
if (publicacao) {
|
|
10614
|
+
if (publicacao === "processing") {
|
|
10615
|
+
setTimeout(() => {
|
|
10616
|
+
checkStatusPublish();
|
|
10617
|
+
}, 5000);
|
|
10618
|
+
}
|
|
10619
|
+
}
|
|
10620
|
+
};
|
|
10555
10621
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(ContainerHeader, { className: "opened", active: props.ativo, children: [jsxRuntime.jsx(ContentTrailName, { active: active, children: !active ?
|
|
10556
|
-
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(TypographyTrailName, { children: props.TrailName }), jsxRuntime.jsx(Select, { onClick: changeSelect, children: props.show ? jsxRuntime.jsx(VectorUp, {}) : jsxRuntime.jsx(VectorDown, {}) })] })
|
|
10622
|
+
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(TypographyTrailName, { children: props.TrailName }), jsxRuntime.jsx(Select, { onClick: changeSelect, children: props.show ? props.show === true ? jsxRuntime.jsx(VectorUp, {}) : jsxRuntime.jsx(VectorDown, {}) : null })] })
|
|
10557
10623
|
:
|
|
10558
10624
|
jsxRuntime.jsx(ContainerInputNameTrail, { children: jsxRuntime.jsx("input", { placeholder: props.txtPlacerolderInputNameTrail ? props.txtPlacerolderInputNameTrail : 'Digite o nome da trilha', value: nameTrail, onChange: (e) => {
|
|
10559
10625
|
setNameTrail(e.target.value);
|
|
@@ -10565,14 +10631,14 @@ function ContentCoursesTrails(props) {
|
|
|
10565
10631
|
}
|
|
10566
10632
|
}
|
|
10567
10633
|
} }) }) }), props.showButtonActive &&
|
|
10568
|
-
jsxRuntime.jsxs(ContentActiveHeader, { children: [jsxRuntime.jsxs(TypographyActiveHeader, { active: props.ativo, style: { fontWeight: props.ativo ? 700 : 400 }, children: [props.txtAtivarTrilha ? props.txtAtivarTrilha : 'Ativar trilha', jsxRuntime.jsx(Switch__default["default"], { onChange: handleChange, checked: props.ativo, height: 16, width: 40, checkedIcon: false, uncheckedIcon: false, handleDiameter: 24, onHandleColor: '#ffffff', offHandleColor: '#ffffff', onColor: '#FF4D0D', offColor: '#757575', activeBoxShadow: props.ativo ? '0 0 2px 2px #FF4D0D' : '0 0 2px 2px #757575', boxShadow: props.ativo ? '0 0 2px 2px #FF4D0D' : '0 0 2px 2px #757575' })] }), jsxRuntime.jsxs(TypographyActiveHeader, { active: props.ativo, style: { fontWeight: props.ativo ? 700 : 400 }, children: [jsxRuntime.jsx(Button$3, { id: `btnPublish${props.id}`, handleMount: (element) => {
|
|
10634
|
+
jsxRuntime.jsxs(ContentActiveHeader, { children: [jsxRuntime.jsxs(TypographyActiveHeader, { active: props.ativo, style: { fontWeight: props.ativo ? 700 : 400 }, children: [props.txtPrivateTrilha ? props.txtPrivateTrilha : 'Tornar a Trilha Pública', jsxRuntime.jsx(Switch__default["default"], { onChange: handleChangePrivate, checked: !props.private, height: 16, width: 40, checkedIcon: false, uncheckedIcon: false, handleDiameter: 24, onHandleColor: '#ffffff', offHandleColor: '#ffffff', onColor: '#FF4D0D', offColor: '#757575', activeBoxShadow: props.private ? '0 0 2px 2px #FF4D0D' : '0 0 2px 2px #757575', boxShadow: props.private ? '0 0 2px 2px #FF4D0D' : '0 0 2px 2px #757575' })] }), jsxRuntime.jsxs(TypographyActiveHeader, { active: props.ativo, style: { fontWeight: props.ativo ? 700 : 400 }, children: [props.txtAtivarTrilha ? props.txtAtivarTrilha : 'Ativar trilha', jsxRuntime.jsx(Switch__default["default"], { onChange: handleChange, checked: props.ativo, height: 16, width: 40, checkedIcon: false, uncheckedIcon: false, handleDiameter: 24, onHandleColor: '#ffffff', offHandleColor: '#ffffff', onColor: '#FF4D0D', offColor: '#757575', activeBoxShadow: props.ativo ? '0 0 2px 2px #FF4D0D' : '0 0 2px 2px #757575', boxShadow: props.ativo ? '0 0 2px 2px #FF4D0D' : '0 0 2px 2px #757575' })] }), jsxRuntime.jsxs(TypographyActiveHeader, { active: props.ativo, style: { fontWeight: props.ativo ? 700 : 400 }, children: [jsxRuntime.jsx(Button$3, { id: `btnPublish${props.id}`, handleMount: (element) => {
|
|
10569
10635
|
let el = document.getElementById(element);
|
|
10570
10636
|
setElementPopoverPublish(el ? el : null);
|
|
10571
|
-
}, handleClick: () => {
|
|
10572
|
-
|
|
10573
|
-
|
|
10574
|
-
|
|
10575
|
-
}, startIcon: Publishing && jsxRuntime.jsx(Loading, { sizeLoading: 'small', loadColor: '#
|
|
10637
|
+
}, handleClick: async () => {
|
|
10638
|
+
setPublishing('processing');
|
|
10639
|
+
await props.handlePublicarTrilha(props);
|
|
10640
|
+
checkStatusPublish();
|
|
10641
|
+
}, startIcon: Publishing === 'processing' && jsxRuntime.jsx(Loading, { sizeLoading: 'small', loadColor: '#a5a5a5', style: { width: 40 } }), label: Publishing === 'pending' ? "Publicar" : Publishing === 'complete' ? "Publicado" : "Publicando...", variant: 'secondary', disabled: Publishing === 'pending' ? false : true }), jsxRuntime.jsx(core.Popper, { id: Publishing === 'pending' ? `btnPublishPopper${props.id}` : undefined, open: OpenPopper, anchorEl: ElementPopoverPublish ? ElementPopoverPublish : null, placement: 'top', className: classes.popper, transition: true, modifiers: {
|
|
10576
10642
|
preventOverflow: {
|
|
10577
10643
|
enabled: true,
|
|
10578
10644
|
boundariesElement: "window"
|
|
@@ -10581,7 +10647,7 @@ function ContentCoursesTrails(props) {
|
|
|
10581
10647
|
enabled: true,
|
|
10582
10648
|
element: arrowRef
|
|
10583
10649
|
}
|
|
10584
|
-
}, children: ({ TransitionProps }) => (jsxRuntime.jsx(core.Fade, { ...TransitionProps, timeout: 350, children: jsxRuntime.jsx(core.Paper, { children: jsxRuntime.jsx(core.ClickAwayListener, { onClickAway: () => { }, children: jsxRuntime.jsxs(core.Paper, { className: classes.popoverRoot, children: [jsxRuntime.jsx("span", { className: classes.arrow, ref: setArrowRef }), jsxRuntime.jsx(core.Box, { className: classes.content, children: "Ap\u00F3s realizar todas as altera\u00E7\u00F5es na trilha, \u00E9 necess\u00E1rio clicar em publicar para que o conte\u00FAdo editado esteja dispon\u00EDvel" })] }) }) }) })) })] }), jsxRuntime.jsx(IconVerticalHeader, { onClick: (element) => {
|
|
10650
|
+
}, children: ({ TransitionProps }) => (jsxRuntime.jsx(core.Fade, { ...TransitionProps, timeout: 350, children: jsxRuntime.jsx(core.Paper, { children: jsxRuntime.jsx(core.ClickAwayListener, { onClickAway: () => { setOpenPopper(false); }, children: jsxRuntime.jsxs(core.Paper, { className: classes.popoverRoot, children: [jsxRuntime.jsx("span", { className: classes.arrow, ref: setArrowRef }), jsxRuntime.jsx(core.Box, { className: classes.content, children: "Ap\u00F3s realizar todas as altera\u00E7\u00F5es na trilha, \u00E9 necess\u00E1rio clicar em publicar para que o conte\u00FAdo editado esteja dispon\u00EDvel" })] }) }) }) })) }, props)] }), jsxRuntime.jsx(IconVerticalHeader, { onClick: (element) => {
|
|
10585
10651
|
setElementPopover(element.currentTarget);
|
|
10586
10652
|
}, children: jsxRuntime.jsx("div", { style: { marginRight: 8 }, children: jsxRuntime.jsx(MoreVertical, { fill: props.ativo ? '#000000' : '#bdbdbd' }) }) })] }), jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(PopOver, { element: ElementPopover, onClosePopover: () => {
|
|
10587
10653
|
setElementPopover(null);
|
|
@@ -10590,8 +10656,10 @@ function ContentCoursesTrails(props) {
|
|
|
10590
10656
|
handleClickActiveNameTrail();
|
|
10591
10657
|
setElementPopover(null);
|
|
10592
10658
|
} }), jsxRuntime.jsx(PopOverItem, { label: props.txtTrailsPopOverDelete ? props.txtTrailsPopOverDelete : "Excluir trilha", onClick: () => {
|
|
10593
|
-
props.handlePopOverTrailDelete(props.id);
|
|
10594
10659
|
setElementPopover(null);
|
|
10660
|
+
setTimeout(() => {
|
|
10661
|
+
props.handlePopOverTrailDelete(props.id);
|
|
10662
|
+
}, 500);
|
|
10595
10663
|
}, icon: jsxRuntime.jsx(Trash, { fill: '#C00F00' }), noBorder: true, isFontBold: true, color: '#C00F00' })] }) }) })] }), up && props.children] }));
|
|
10596
10664
|
}
|
|
10597
10665
|
|
|
@@ -10599,6 +10667,26 @@ function ContentCourses(data) {
|
|
|
10599
10667
|
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: data.children }));
|
|
10600
10668
|
}
|
|
10601
10669
|
|
|
10670
|
+
var css_248z$1 = ".modal-module_modalBox__14oto{\n background-color: #FFF;\n max-width: 900px;\n min-height: 200px;\n max-height: 80%;\n padding-top: 30px;\n padding-bottom: 30px;\n padding: 24px;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: column;\n position: relative;\n border-radius: 10px;\n font-family: 'Work Sans';\n}\n\n.modal-module_fechar__-eB6z{\n font-size: 12px;\n color: #222222;\n padding: 24px;\n background-color: transparent;\n border-top-right-radius: 10px;\n\n display: flex;\n justify-content: right;\n align-items: center;\n position: absolute;\n top: 0px;\n right: 0px;\n\n margin-top: 0px;\n cursor: pointer;\n}\n\n.modal-module_titulo__JU-S9{\n \n width: 100%;\n\n margin-top: 24px;\n margin-bottom: 12px;\n\n font-size: 24px;\n font-weight: 700;\n display: flex;\n justify-content: flex-start;\n align-items: flex-start;\n\n \n}\n\n.modal-module_container__VvDU9 {\n overflow: auto;\n width: 100%;\n font-family: 'PT Sans';\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n display: flex;\n justify-content: flex-start;\n align-items: flex-start;\n flex-direction: column;\n flex-wrap: noWrap;\n\n margin-top: 10px;\n\n}\n\n.modal-module_conclusao__ekXzz{\n margin-top: 30px;\n gap: 12px;\n width: 100%;\n display: inline-flex;\n justify-content: flex-end;\n align-items: center;\n flex-wrap: nowrap;\n}";
|
|
10671
|
+
var style$1 = {"modalBox":"modal-module_modalBox__14oto","fechar":"modal-module_fechar__-eB6z","titulo":"modal-module_titulo__JU-S9","container":"modal-module_container__VvDU9","conclusao":"modal-module_conclusao__ekXzz"};
|
|
10672
|
+
styleInject(css_248z$1);
|
|
10673
|
+
|
|
10674
|
+
function ModalLXP(props) {
|
|
10675
|
+
return (jsxRuntime.jsx(material.Modal, { open: props.open, onClose: props.handleClose, children: jsxRuntime.jsxs(material.Box, { className: style$1.modalBox, style: { top: '50%', left: '50%', transform: 'translate(-50%, -50%)', ...props.style }, children: [jsxRuntime.jsx("div", { className: style$1.fechar, onClick: props.handleClose, children: jsxRuntime.jsx(CloseIcon, {}) }), jsxRuntime.jsx("div", { className: style$1.titulo, children: props.title }), jsxRuntime.jsx("div", { className: style$1.container, children: props.children }), jsxRuntime.jsx("div", { className: style$1.conclusao, children: props.confirmationButton ?
|
|
10676
|
+
props.cancelButton ?
|
|
10677
|
+
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Button$3, { variant: "link", label: props.confirmationButton, handleClick: () => {
|
|
10678
|
+
props.handleConfirmation();
|
|
10679
|
+
props.handleClose();
|
|
10680
|
+
} }), jsxRuntime.jsx("span", { style: { marginRight: 8, marginLeft: 8 }, children: props.language === 'en-US' ? 'or' : 'ou' }), jsxRuntime.jsx(Button$3, { variant: 'primary', label: props.cancelButton, handleClick: props.handleClose })] })
|
|
10681
|
+
:
|
|
10682
|
+
jsxRuntime.jsx(Button$3, { variant: "primary", label: props.confirmationButton, handleClick: () => {
|
|
10683
|
+
props.handleConfirmation();
|
|
10684
|
+
props.handleClose();
|
|
10685
|
+
} })
|
|
10686
|
+
:
|
|
10687
|
+
jsxRuntime.jsx(jsxRuntime.Fragment, {}) })] }) }));
|
|
10688
|
+
}
|
|
10689
|
+
|
|
10602
10690
|
function AccordionTrack(props) {
|
|
10603
10691
|
const [trails, setTrail] = React.useState(props.trailsData);
|
|
10604
10692
|
const [courseData, setCourseData] = React.useState(props.courseData);
|
|
@@ -10606,6 +10694,10 @@ function AccordionTrack(props) {
|
|
|
10606
10694
|
const [ShowTrail, setShowTrail] = React.useState([]);
|
|
10607
10695
|
const [ShowIndividual, setShowIndividual] = React.useState(true);
|
|
10608
10696
|
const [IsLoading, setIsLoading] = React.useState(props.isLoading);
|
|
10697
|
+
const [ModalDeleteConteudo, setModalDeleteConteudo] = React.useState(false);
|
|
10698
|
+
const [ModalDeleteTrilha, setModalDeleteTrilha] = React.useState(false);
|
|
10699
|
+
const [ModalDeleteTrilhaConteudo, setModalDeleteTrilhaConteudo] = React.useState(false);
|
|
10700
|
+
const [IdDelete, setIdDelete] = React.useState('0');
|
|
10609
10701
|
const MEUS_CONTEUDOS_CONTENT = '0';
|
|
10610
10702
|
const CONTEUDO_INDIVIDUAL_CONTENT = '1';
|
|
10611
10703
|
React.useEffect(() => {
|
|
@@ -10627,23 +10719,28 @@ function AccordionTrack(props) {
|
|
|
10627
10719
|
React.useEffect(() => {
|
|
10628
10720
|
setCourseIndividualData(props.courseIndividualData);
|
|
10629
10721
|
}, [props.courseIndividualData]);
|
|
10630
|
-
return (jsxRuntime.
|
|
10631
|
-
|
|
10632
|
-
|
|
10633
|
-
|
|
10634
|
-
|
|
10635
|
-
|
|
10636
|
-
|
|
10637
|
-
|
|
10638
|
-
|
|
10639
|
-
|
|
10640
|
-
|
|
10641
|
-
|
|
10642
|
-
|
|
10643
|
-
|
|
10644
|
-
|
|
10645
|
-
|
|
10646
|
-
|
|
10722
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(ContentCourses, { TrailName: '', children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(TypographyMyContents, { children: props.textMeusConteudos ? props.textMeusConteudos : 'Meus Conteúdos' }), jsxRuntime.jsx("h2", { style: { fontFamily: 'PT Sans', fontWeight: 700, fontSize: 16, color: '#000000' }, children: IsLoading ?
|
|
10723
|
+
jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(LoadingContent$1, { style: { width: 200, height: 20 } }) })
|
|
10724
|
+
:
|
|
10725
|
+
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [props.textTotalDe ? props.textTotalDe : 'Total de', " ", courseData.length, " ", props.textRegistros ? props.textRegistros : 'registros'] }) })] }), jsxRuntime.jsx(dnd.Droppable, { droppableId: MEUS_CONTEUDOS_CONTENT, direction: "horizontal", children: (provided) => {
|
|
10726
|
+
return (jsxRuntime.jsxs(ContainerTrailsEmpty, { children: [jsxRuntime.jsx(ScrollContainer, { stepMove: 380, isVisibleControlsButtons: true, sizeArrowButton: 80, marginsArrowButton: 10, horizontalMarginInternScroll: '5px', styles: { justifyContent: 'flex-start', width: '100%' }, refreshResize: props.updateScrollSize, children: jsxRuntime.jsx(ContainerCard, { ref: provided.innerRef, ...provided.droppableProps, children: IsLoading ?
|
|
10727
|
+
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Thumbnails, { variant: 'default', isDisabled: false, isLoading: true }), jsxRuntime.jsx(Thumbnails, { variant: 'default', isDisabled: false, isLoading: true }), jsxRuntime.jsx(Thumbnails, { variant: 'default', isDisabled: false, isLoading: true }), jsxRuntime.jsx(Thumbnails, { variant: 'default', isDisabled: false, isLoading: true })] })
|
|
10728
|
+
:
|
|
10729
|
+
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { onClick: () => {
|
|
10730
|
+
props.onNewTrail && props.onNewTrail();
|
|
10731
|
+
}, style: { wordWrap: 'break-word' }, children: jsxRuntime.jsx(Thumbnails, { variant: 'add', isDisabled: false, txtCriarNovoCurso: props.txtCriarNovoCurso }) }), courseData && courseData.map((el, contentIndex) => {
|
|
10732
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(ThumbnailsDraggable, { isDisabled: el.active, id: `content${contentIndex}`, index: contentIndex, title: el.title, variant: 'default', handleSwitchAtivar: (checked) => {
|
|
10733
|
+
props.handleSwitchAtivarConteudo(el.id, checked);
|
|
10734
|
+
}, isActive: el.active_individual, showSwitch: true, isTrail: false, src: el.settings.cover_thumb_url, txtButtonLabel: props.txtButtonLabel, txtAtivarCurso: props.txtAtivarCurso, txtCriarNovoCurso: props.txtCriarNovoCurso, handleClickCourse: () => { props.handleEditCourse(el.id); }, handleClickPopOverEdit: () => { props.handlePopOverEdit(el.id); }, handleClickPopOverMove: () => { props.handlePopOverMove(el.id); }, handleClickPopOverEditActivity: () => { props.handleClickPopOverEditActivity(el.id); }, handleClickPopOverDelete: () => {
|
|
10735
|
+
setIdDelete(el.id);
|
|
10736
|
+
setModalDeleteConteudo(true);
|
|
10737
|
+
}, txtPopOverEditContent: props.txtPopOverEditContent, txtPopOverMoveToTrails: props.txtPopOverMoveToTrails, txtPopOverDeleteContent: props.txtPopOverDeleteContent }, `content${contentIndex}`) }));
|
|
10738
|
+
})] }) }) }), provided.placeholder] }));
|
|
10739
|
+
} }, MEUS_CONTEUDOS_CONTENT)] }), IsLoading ?
|
|
10740
|
+
jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(ContentCoursesTrails, { TrailName: props.txtLoadingTrilhas ? props.txtLoadingTrilhas : 'Carregando Trilhas...', ativo: true, txtAtivarTrilha: props.txtAtivarTrilha, handlePopOverTrailEdit: (id) => { props.handlePopOverTrailEdit(id); }, children: jsxRuntime.jsx(dnd.Droppable, { droppableId: CONTEUDO_INDIVIDUAL_CONTENT, direction: "horizontal", children: (provided) => {
|
|
10741
|
+
return (jsxRuntime.jsxs(ContainerTrailsNormal, { style: {}, children: [jsxRuntime.jsx(ScrollContainer, { stepMove: 380, isVisibleControlsButtons: true, sizeArrowButton: 80, marginsArrowButton: 10, horizontalMarginInternScroll: '5px', refreshResize: props.updateScrollSize, styles: { backgroundColor: '#ebebeb', justifyContent: 'flex-start', width: '100%' }, children: jsxRuntime.jsx(ContainerCard, { ref: provided.innerRef, ...provided.droppableProps, children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Thumbnails, { variant: 'default', isDisabled: false, isLoading: true }), jsxRuntime.jsx(Thumbnails, { variant: 'default', isDisabled: false, isLoading: true }), jsxRuntime.jsx(Thumbnails, { variant: 'default', isDisabled: false, isLoading: true }), jsxRuntime.jsx(Thumbnails, { variant: 'default', isDisabled: false, isLoading: true })] }) }) }), provided.placeholder] }));
|
|
10742
|
+
} }, CONTEUDO_INDIVIDUAL_CONTENT) }) })
|
|
10743
|
+
:
|
|
10647
10744
|
jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(ContentCoursesTrails, { TrailName: props.txtCursoIndividual ? props.txtCursoIndividual : 'Conteúdo individual', ativo: true, show: ShowIndividual, handleChangeCheck: (bActive) => {
|
|
10648
10745
|
// if (props.handleSwitchActiveTrail) {
|
|
10649
10746
|
// props.handleSwitchActiveTrail(trailIndex, bActive)
|
|
@@ -10655,50 +10752,62 @@ function AccordionTrack(props) {
|
|
|
10655
10752
|
}, handleChangeShow: (bShow) => {
|
|
10656
10753
|
console.log(bShow);
|
|
10657
10754
|
setShowIndividual(bShow);
|
|
10658
|
-
}, txtAtivarTrilha: props.txtAtivarTrilha, handlePopOverTrailEdit: (id) => { props.handlePopOverTrailEdit(id); },
|
|
10755
|
+
}, txtAtivarTrilha: props.txtAtivarTrilha, handlePopOverTrailEdit: (id) => { props.handlePopOverTrailEdit(id); }, children: jsxRuntime.jsx(dnd.Droppable, { droppableId: CONTEUDO_INDIVIDUAL_CONTENT, direction: "horizontal", children: (provided) => {
|
|
10659
10756
|
return (jsxRuntime.jsxs(ContainerTrailsNormal, { style: {}, children: [jsxRuntime.jsx(ScrollContainer, { stepMove: 380, isVisibleControlsButtons: true, sizeArrowButton: 80, marginsArrowButton: 10, horizontalMarginInternScroll: '5px', refreshResize: props.updateScrollSize, styles: { backgroundColor: '#ebebeb', justifyContent: 'flex-start', width: '100%' }, children: jsxRuntime.jsx(ContainerCard, { ref: provided.innerRef, ...provided.droppableProps, children: courseIndividualData && courseIndividualData.map((individual, individualIndex) => {
|
|
10660
10757
|
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(ThumbnailsDraggable, { id: `contentTrails${1}_individual${individualIndex}`, index: `${individualIndex}`, isDisabled: individual.active === false ? false : individual.active, title: individual.title, variant: 'default', showSwitch: true, handleClickCourse: () => {
|
|
10661
10758
|
props.handleEditCourse(individual.id);
|
|
10662
10759
|
}, handleSwitchAtivar: (checked) => {
|
|
10663
10760
|
props.handleSwitchAtivarConteudo(individual.id, checked);
|
|
10664
|
-
}, src: individual.settings.cover_thumb_url, txtButtonLabel: props.txtButtonLabel, txtAtivarCurso: props.txtAtivarCurso, txtCriarNovoCurso: props.txtCriarNovoCurso, handleClickPopOverEdit: () => { props.handlePopOverEdit(individual.id); }, handleClickPopOverMove: () => { props.handlePopOverMove(individual.id); }, handleClickPopOverDelete: () => {
|
|
10665
|
-
|
|
10761
|
+
}, isTrail: false, src: individual.settings.cover_thumb_url, txtButtonLabel: props.txtButtonLabel, txtAtivarCurso: props.txtAtivarCurso, txtCriarNovoCurso: props.txtCriarNovoCurso, handleClickPopOverEdit: () => { props.handlePopOverEdit(individual.id); }, handleClickPopOverMove: () => { props.handlePopOverMove(individual.id); }, handleClickPopOverEditActivity: () => { props.handleClickPopOverEditActivity(individual.id); }, handleClickPopOverDelete: () => {
|
|
10762
|
+
setIdDelete(individual.id);
|
|
10763
|
+
setModalDeleteConteudo(true);
|
|
10666
10764
|
}, txtPopOverEditContent: props.txtPopOverEditContent, txtPopOverMoveToTrails: props.txtPopOverMoveToTrails, txtPopOverDeleteContent: props.txtPopOverDeleteContent }, `contentTrails${1}_individual${individualIndex}`) }));
|
|
10667
10765
|
}) }) }), provided.placeholder] }));
|
|
10668
10766
|
} }, CONTEUDO_INDIVIDUAL_CONTENT) }) }), !IsLoading &&
|
|
10669
|
-
|
|
10670
|
-
|
|
10671
|
-
|
|
10672
|
-
|
|
10673
|
-
|
|
10674
|
-
|
|
10675
|
-
|
|
10676
|
-
|
|
10677
|
-
|
|
10678
|
-
|
|
10679
|
-
|
|
10680
|
-
|
|
10681
|
-
|
|
10682
|
-
|
|
10683
|
-
|
|
10684
|
-
|
|
10685
|
-
|
|
10686
|
-
|
|
10687
|
-
|
|
10688
|
-
|
|
10689
|
-
|
|
10690
|
-
|
|
10691
|
-
|
|
10692
|
-
|
|
10693
|
-
|
|
10694
|
-
|
|
10767
|
+
jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(TypographyMyTrails, { style: { marginTop: 20 }, children: props.textMinhasTrihas ? props.textMinhasTrihas : 'Minhas Trilhas' }), trails && trails.map((trail, trailIndex) => {
|
|
10768
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(ContentCoursesTrails, { showButtonActive: true, trailId: trail.id, id: `${3000}${trailIndex}`, TrailName: trail.name, private: trail.private, handleChangePrivate: (bPrivate) => {
|
|
10769
|
+
if (props.handleSwitchPrivateTrail) {
|
|
10770
|
+
props.handleSwitchPrivateTrail(trailIndex, bPrivate);
|
|
10771
|
+
}
|
|
10772
|
+
}, ativo: trail.active, publishStatus: trail.publish_status, handleChangeCheck: (bActive) => {
|
|
10773
|
+
if (props.handleSwitchActiveTrail) {
|
|
10774
|
+
props.handleSwitchActiveTrail(trailIndex, bActive);
|
|
10775
|
+
}
|
|
10776
|
+
}, handleChangeTrailName: (name) => {
|
|
10777
|
+
if (props.onSetNameTrail) {
|
|
10778
|
+
props.onSetNameTrail(name, trailIndex);
|
|
10779
|
+
}
|
|
10780
|
+
}, handleChangeShow: (bShow) => {
|
|
10781
|
+
setShowTrail((prev) => {
|
|
10782
|
+
prev = { ...prev };
|
|
10783
|
+
prev[trailIndex] = bShow;
|
|
10784
|
+
return prev;
|
|
10785
|
+
});
|
|
10786
|
+
}, showButtonPublish: true, handlePublicarTrilha: () => { props.handlePublicarTrilha(trail.id); }, handlePublicarCheck: props.handlePublicarCheck, txtAtivarTrilha: props.txtAtivarTrilha, handlePopOverTrailEdit: () => { props.handlePopOverTrailEdit(trail.id); }, handlePopOverTrailDelete: (id) => {
|
|
10787
|
+
setIdDelete(trail.id);
|
|
10788
|
+
setModalDeleteTrilha(true);
|
|
10789
|
+
}, children: ShowTrail.length === 0 || ShowTrail[trailIndex] &&
|
|
10790
|
+
jsxRuntime.jsx(dnd.Droppable, { droppableId: (trailIndex + 2).toString(), direction: "horizontal", children: (provided) => {
|
|
10791
|
+
return (jsxRuntime.jsxs(ContainerTrailsNormal, { style: { height: 350 }, children: [jsxRuntime.jsx(ScrollContainer, { stepMove: 380, isVisibleControlsButtons: true, sizeArrowButton: 80, marginsArrowButton: 10, horizontalMarginInternScroll: '5px', refreshResize: props.updateScrollSize, styles: { backgroundColor: '#ebebeb', justifyContent: 'flex-start', width: '100%' }, children: jsxRuntime.jsx(ContainerCard, { ref: provided.innerRef, ...provided.droppableProps, children: trail.trail_course && trail.trail_course.map((el, courseTrailIndex) => {
|
|
10792
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(ThumbnailsDraggable, { id: `trail_${trailIndex}_course_${courseTrailIndex}`, index: `${courseTrailIndex}`, isDisabled: trail.active === false ? false : el.course.active, title: el.course.title, variant: 'default', handleClickCourse: () => {
|
|
10793
|
+
props.handleEditCourse(el.course.id);
|
|
10794
|
+
}, isTrail: true, showSwitch: false, src: el.course.settings.cover_thumb_url, txtButtonLabel: props.txtButtonLabel, txtAtivarCurso: props.txtAtivarCurso, txtCriarNovoCurso: props.txtCriarNovoCurso, handleClickPopOverEdit: () => { props.handlePopOverEdit(el.course.id); }, handleClickPopOverMove: () => { props.handlePopOverMove(el.course.id); }, handleClickPopOverDelete: () => {
|
|
10795
|
+
setIdDelete(el.id);
|
|
10796
|
+
setModalDeleteTrilhaConteudo(true);
|
|
10797
|
+
}, txtPopOverEditContent: props.txtPopOverEditContent, txtPopOverMoveToTrails: props.txtPopOverMoveToTrails, txtPopOverDeleteContent: props.txtPopOverDeleteContent }) }));
|
|
10798
|
+
}) }) }), provided.placeholder] }, `contentTrailsDrop${trailIndex}`));
|
|
10799
|
+
} }, trailIndex + 2) }, `contentTrails${trailIndex}`) }));
|
|
10800
|
+
})] }), jsxRuntime.jsx(ModalLXP, { open: ModalDeleteConteudo, handleClose: () => { setModalDeleteConteudo(false); }, handleConfirmation: () => { props.handleDeleteCourse(IdDelete); }, title: "Você tem certeza?", style: { width: 600 }, confirmationButton: "Sim, confirmar", cancelButton: "Não, confirmar", children: jsxRuntime.jsx("div", { children: "Voc\u00EA realmente quer deletar este conte\u00FAdo? Voc\u00EA ir\u00E1 perder todas as atividades criadas." }) }), jsxRuntime.jsx(ModalLXP, { open: ModalDeleteTrilha, handleClose: () => { setModalDeleteTrilha(false); }, handleConfirmation: () => {
|
|
10801
|
+
console.log("Passou aqui");
|
|
10802
|
+
props.handlePopOverTrailDelete(IdDelete);
|
|
10803
|
+
}, title: "Você tem certeza?", style: { width: 600 }, confirmationButton: "Sim, confirmar", cancelButton: "Não, confirmar", children: jsxRuntime.jsx("div", { children: "Voc\u00EA realmente quer deletar esta trilha?" }) }), jsxRuntime.jsx(ModalLXP, { open: ModalDeleteTrilhaConteudo, handleClose: () => { setModalDeleteTrilhaConteudo(false); }, handleConfirmation: () => { props.handleDeleteCourseTrail(IdDelete); }, title: "Você tem certeza?", style: { width: 600 }, confirmationButton: "Sim, confirmar", cancelButton: "Não, confirmar", children: jsxRuntime.jsx("div", { children: "Voc\u00EA realmente quer remover o conte\u00FAdo desta trilha?" }) })] }));
|
|
10695
10804
|
}
|
|
10696
10805
|
|
|
10697
10806
|
function AccordionTrackList({ trailsData, courseData, handleChange, onNewTrail, handleEditCourse,
|
|
10698
10807
|
// handlePopOverDelete,
|
|
10699
|
-
handlePopOverMove, handlePopOverEdit, handlePopOverTrailEdit, handlePopOverTrailDelete, handleSwitchActiveTrail, onSetNameTrail, handleSwitchAtivar, handleDeleteCourse, handleDeleteCourseTrail, handleMessageError, handleUpdateTrail, txtPopOverDeleteContent, txtPopOverEditContent, txtPopOverMoveToTrails, textMeusConteudos, textTotalDe, textRegistros, textMinhasTrihas, txtAtivarCurso, txtButtonLabel, txtCriarNovoCurso, txtAtivarTrilha, isLoading, handlePublicarTrilha }) {
|
|
10700
|
-
const [trails, setTrails] = React.useState(
|
|
10701
|
-
const [courses, setCourses] = React.useState(
|
|
10808
|
+
handlePopOverMove, handlePopOverEdit, handlePopOverTrailEdit, handlePopOverTrailDelete, handleSwitchActiveTrail, onSetNameTrail, handleSwitchAtivar, handleDeleteCourse, handleDeleteCourseTrail, handleMessageError, handleUpdateTrail, txtPopOverDeleteContent, txtPopOverEditContent, txtPopOverMoveToTrails, textMeusConteudos, textTotalDe, textRegistros, textMinhasTrihas, txtAtivarCurso, txtButtonLabel, txtCriarNovoCurso, txtAtivarTrilha, isLoading, handlePublicarTrilha, changeCourses, handlePublicarCheck, handleClickPopOverEditActivity, handleSwitchPrivateTrail }) {
|
|
10809
|
+
const [trails, setTrails] = React.useState([]);
|
|
10810
|
+
const [courses, setCourses] = React.useState([]);
|
|
10702
10811
|
const [ConteudoIndividual, setConteudoIndividual] = React.useState([]);
|
|
10703
10812
|
const [MeusConteudosData, setMeusConteudosData] = React.useState([]);
|
|
10704
10813
|
const [updateScrollSize, setUpdateScrollSize] = React.useState(0);
|
|
@@ -10713,11 +10822,6 @@ handlePopOverMove, handlePopOverEdit, handlePopOverTrailEdit, handlePopOverTrail
|
|
|
10713
10822
|
});
|
|
10714
10823
|
return uuid;
|
|
10715
10824
|
};
|
|
10716
|
-
React.useEffect(() => {
|
|
10717
|
-
if (handleChange) {
|
|
10718
|
-
handleChange({ courses: courses, trails: trails });
|
|
10719
|
-
}
|
|
10720
|
-
}, [trails]);
|
|
10721
10825
|
React.useEffect(() => {
|
|
10722
10826
|
console.log("Atualizou em accordionTrackList", courses);
|
|
10723
10827
|
setMeusConteudosData(courses ? courses.filter(item => !item.active_individual) : []);
|
|
@@ -10725,10 +10829,16 @@ handlePopOverMove, handlePopOverEdit, handlePopOverTrailEdit, handlePopOverTrail
|
|
|
10725
10829
|
}, [courses]);
|
|
10726
10830
|
React.useEffect(() => {
|
|
10727
10831
|
console.log("Atualizou props em accordionTrackList", courseData);
|
|
10728
|
-
|
|
10832
|
+
if (JSON.stringify(courseData) !== JSON.stringify(courses)) {
|
|
10833
|
+
console.log("Acessando os registros de Cursos");
|
|
10834
|
+
setCourses(courseData);
|
|
10835
|
+
}
|
|
10729
10836
|
}, [courseData]);
|
|
10730
10837
|
React.useEffect(() => {
|
|
10731
|
-
|
|
10838
|
+
if (JSON.stringify(trailsData) !== JSON.stringify(trails)) {
|
|
10839
|
+
console.log("Acessando os registros de trilhas");
|
|
10840
|
+
setTrails(trailsData);
|
|
10841
|
+
}
|
|
10732
10842
|
}, [trailsData]);
|
|
10733
10843
|
const handleDragEnd = ({ destination, source }) => {
|
|
10734
10844
|
if (!destination) {
|
|
@@ -10769,6 +10879,9 @@ handlePopOverMove, handlePopOverEdit, handlePopOverTrailEdit, handlePopOverTrail
|
|
|
10769
10879
|
let uuidConteudo = source.droppableId === MEUS_CONTEUDOS_CONTENT ? MeusConteudosData[source.index].uuid : ConteudoIndividual[source.index].uuid;
|
|
10770
10880
|
let indexTrail = courses.findIndex(item => item.uuid === uuidConteudo);
|
|
10771
10881
|
if (indexTrail >= 0) {
|
|
10882
|
+
let changedCourse = courses[indexTrail];
|
|
10883
|
+
changedCourse.active_individual = destination.droppableId === CONTEUDO_INDIVIDUAL_CONTENT;
|
|
10884
|
+
changeCourses(changedCourse);
|
|
10772
10885
|
setCourses((prev) => {
|
|
10773
10886
|
prev = [...prev];
|
|
10774
10887
|
prev[indexTrail].active_individual = destination.droppableId === CONTEUDO_INDIVIDUAL_CONTENT;
|
|
@@ -10816,12 +10929,20 @@ handlePopOverMove, handlePopOverEdit, handlePopOverTrailEdit, handlePopOverTrail
|
|
|
10816
10929
|
};
|
|
10817
10930
|
const setActiveTrail = (index, active) => {
|
|
10818
10931
|
setTrails((prev) => {
|
|
10819
|
-
prev =
|
|
10932
|
+
prev = [...prev];
|
|
10820
10933
|
prev[index].active = active;
|
|
10821
10934
|
handleSwitchActiveTrail(prev[index].id, active);
|
|
10822
10935
|
return prev;
|
|
10823
10936
|
});
|
|
10824
10937
|
};
|
|
10938
|
+
const setPrivateTrail = (index, bPrivate) => {
|
|
10939
|
+
setTrails((prev) => {
|
|
10940
|
+
prev = [...prev];
|
|
10941
|
+
prev[index].private = bPrivate;
|
|
10942
|
+
handleSwitchPrivateTrail(prev[index].id, bPrivate);
|
|
10943
|
+
return prev;
|
|
10944
|
+
});
|
|
10945
|
+
};
|
|
10825
10946
|
const setActiveContent = (id, active) => {
|
|
10826
10947
|
let indexTrail = courses.findIndex(item => item.id === id);
|
|
10827
10948
|
setCourses((prev) => {
|
|
@@ -10834,7 +10955,7 @@ handlePopOverMove, handlePopOverEdit, handlePopOverTrailEdit, handlePopOverTrail
|
|
|
10834
10955
|
const setNameTrail = (name, id) => {
|
|
10835
10956
|
({ ...trails[id] });
|
|
10836
10957
|
setTrails((prev) => {
|
|
10837
|
-
prev =
|
|
10958
|
+
prev = [...prev];
|
|
10838
10959
|
prev[id].name = name;
|
|
10839
10960
|
return prev;
|
|
10840
10961
|
});
|
|
@@ -10842,13 +10963,15 @@ handlePopOverMove, handlePopOverEdit, handlePopOverTrailEdit, handlePopOverTrail
|
|
|
10842
10963
|
};
|
|
10843
10964
|
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsx(dnd.DragDropContext, { onDragEnd: handleDragEnd, children: jsxRuntime.jsx(AccordionTrack, { trailsData: trails, courseData: MeusConteudosData, courseIndividualData: ConteudoIndividual, handleSwitchActiveTrail: (index, active) => {
|
|
10844
10965
|
setActiveTrail(index, active);
|
|
10966
|
+
}, handleSwitchPrivateTrail: (index, active) => {
|
|
10967
|
+
setPrivateTrail(index, active);
|
|
10845
10968
|
}, onSetNameTrail: (name, id) => {
|
|
10846
10969
|
setNameTrail(name, id);
|
|
10847
10970
|
}, onNewTrail: () => {
|
|
10848
10971
|
if (onNewTrail) {
|
|
10849
10972
|
onNewTrail();
|
|
10850
10973
|
}
|
|
10851
|
-
}, handleSwitchAtivarConteudo: setActiveContent, handleSwitchAtivar: handleSwitchAtivar, handleEditCourse: handleEditCourse, handlePublicarTrilha: handlePublicarTrilha, textMeusConteudos: textMeusConteudos, textTotalDe: textTotalDe, textRegistros: textRegistros, textMinhasTrihas: textMinhasTrihas, txtAtivarCurso: txtAtivarCurso, txtAtivarTrilha: txtAtivarTrilha, txtButtonLabel: txtButtonLabel, txtCriarNovoCurso: txtCriarNovoCurso, isLoading: isLoading, updateScrollSize: updateScrollSize, handleDeleteCourse: handleDeleteCourse, handleDeleteCourseTrail: handleDeleteCourseTrail,
|
|
10974
|
+
}, handleSwitchAtivarConteudo: setActiveContent, handleSwitchAtivar: handleSwitchAtivar, handleEditCourse: handleEditCourse, handlePublicarTrilha: handlePublicarTrilha, handlePublicarCheck: handlePublicarCheck, textMeusConteudos: textMeusConteudos, textTotalDe: textTotalDe, textRegistros: textRegistros, textMinhasTrihas: textMinhasTrihas, txtAtivarCurso: txtAtivarCurso, txtAtivarTrilha: txtAtivarTrilha, txtButtonLabel: txtButtonLabel, txtCriarNovoCurso: txtCriarNovoCurso, isLoading: isLoading, updateScrollSize: updateScrollSize, handleDeleteCourse: handleDeleteCourse, handleDeleteCourseTrail: handleDeleteCourseTrail, handlePopOverTrailDelete: handlePopOverTrailDelete, handlePopOverEdit: handlePopOverEdit, handlePopOverTrailEdit: handlePopOverTrailEdit, handlePopOverMove: handlePopOverMove, txtPopOverDeleteContent: txtPopOverDeleteContent, txtPopOverMoveToTrails: txtPopOverMoveToTrails, txtPopOverEditContent: txtPopOverEditContent, handleClickPopOverEditActivity: handleClickPopOverEditActivity }) }) }));
|
|
10852
10975
|
}
|
|
10853
10976
|
|
|
10854
10977
|
const Container$4 = styled__default["default"].div `
|
|
@@ -12345,7 +12468,7 @@ const SpeechBubble = styled__default["default"].div `
|
|
|
12345
12468
|
align-self: flex-start;
|
|
12346
12469
|
}
|
|
12347
12470
|
`;
|
|
12348
|
-
const HelperText = styled__default["default"].div `
|
|
12471
|
+
const HelperText$1 = styled__default["default"].div `
|
|
12349
12472
|
font-family: 'PT Sans';
|
|
12350
12473
|
font-style: normal;
|
|
12351
12474
|
font-weight: 400;
|
|
@@ -12378,7 +12501,7 @@ const ItemFrstSocials = styled__default["default"].button `
|
|
|
12378
12501
|
|
|
12379
12502
|
function BannerSRG(props) {
|
|
12380
12503
|
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(ContainerTotal, { isExtendedVersion: props?.isExtendedVersion, bannerLarge: props?.bannerSRG?.large, bannerNormal: props?.bannerSRG?.normal, bannerResponsive: props?.bannerSRG?.responsive, style: { ...props.style }, children: [jsxRuntime.jsxs(ContainerBanner, { children: [jsxRuntime.jsxs(WrapperContent, { style: { maxHeight: '240px', height: '240px', display: 'flex', alignItems: 'flex-start', marginTop: '-100px' }, children: [props && props.social &&
|
|
12381
|
-
jsxRuntime.jsxs(FrstSocials, { children: [props.social.onClickSite && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickSite(), children: [" ", jsxRuntime.jsx(SiteIcon, {}), " "] }), props.social.onClickLinkedin && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickLinkedin(), children: [" ", jsxRuntime.jsx(LinkedinIcon, {}), " "] }), props.social.onClickInstagram && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickInstagram(), children: [" ", jsxRuntime.jsx(InstagramIcon, {}), " "] }), props.social.onClickYoutube && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickYoutube(), children: [" ", jsxRuntime.jsx(YoutubeIcon, {}), " "] }), props.social.onClickSpotify && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickSpotify(), children: [" ", jsxRuntime.jsx(SpotifyIcon, {}), " "] }), props.social.onClickPodCast && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickPodCast(), children: [" ", jsxRuntime.jsx(PodCastIcon, {}), " "] })] }), jsxRuntime.jsx(LateralMenu, { variant: 'primary', channel: '', name: props.lateralMenu.name, hiddenButtonHeader: true, avatar: props.lateralMenu.avatar, button: props.lateralMenu.button, listOptions: props.lateralMenu.listOptions })] }), jsxRuntime.jsx(WrapperContent, { children: jsxRuntime.jsx("img", { src: props.logoSRG }) }), jsxRuntime.jsxs(WrapperContentMain, { children: [jsxRuntime.jsx(TitleSRG, { children: props?.labels?.textTitle ? props?.labels?.textTitle : 'Space Race Game' }), jsxRuntime.jsx(DescriptionSRG, { children: props?.labels?.textDescription }), jsxRuntime.jsx(Button$3, { variant: 'primary', label: props?.newProject?.label ? props.newProject?.label : 'Criar novo projeto', handleClick: () => props.newProject.action(), startIcon: jsxRuntime.jsx(AddIcon, { fill: '#FFFFFF' }) })] }), jsxRuntime.jsxs(WrapperContentHelper, { children: [jsxRuntime.jsxs(SpeechBubble, { children: [jsxRuntime.jsx(HelperText, { children: props.labels.textHelperDescription }), jsxRuntime.jsx(Button$3, { variant: 'link', label: props?.acessHere?.label ? props.acessHere.label : 'Acesse aqui', handleClick: () => props.acessHere.action(), style: { color: '#21bffc' } })] }), jsxRuntime.jsx("img", { src: props.avatarSRG })] }), jsxRuntime.jsx(WrapperContent, { children: jsxRuntime.jsx(Button$3, { variant: 'primary', label: props?.newProject?.label ? props.newProject?.label : 'Criar novo projeto', handleClick: () => props.newProject.action(), startIcon: jsxRuntime.jsx(AddIcon, { fill: '#FFFFFF' }) }) })] }), jsxRuntime.jsx(VersionExtended, { isExtendedVersion: props.isExtendedVersion, heightExtended: props.heightExtended })] }) }));
|
|
12504
|
+
jsxRuntime.jsxs(FrstSocials, { children: [props.social.onClickSite && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickSite(), children: [" ", jsxRuntime.jsx(SiteIcon, {}), " "] }), props.social.onClickLinkedin && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickLinkedin(), children: [" ", jsxRuntime.jsx(LinkedinIcon, {}), " "] }), props.social.onClickInstagram && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickInstagram(), children: [" ", jsxRuntime.jsx(InstagramIcon, {}), " "] }), props.social.onClickYoutube && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickYoutube(), children: [" ", jsxRuntime.jsx(YoutubeIcon, {}), " "] }), props.social.onClickSpotify && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickSpotify(), children: [" ", jsxRuntime.jsx(SpotifyIcon, {}), " "] }), props.social.onClickPodCast && jsxRuntime.jsxs(ItemFrstSocials, { onClick: () => props.social.onClickPodCast(), children: [" ", jsxRuntime.jsx(PodCastIcon, {}), " "] })] }), jsxRuntime.jsx(LateralMenu, { variant: 'primary', channel: '', name: props.lateralMenu.name, hiddenButtonHeader: true, avatar: props.lateralMenu.avatar, button: props.lateralMenu.button, listOptions: props.lateralMenu.listOptions })] }), jsxRuntime.jsx(WrapperContent, { children: jsxRuntime.jsx("img", { src: props.logoSRG }) }), jsxRuntime.jsxs(WrapperContentMain, { children: [jsxRuntime.jsx(TitleSRG, { children: props?.labels?.textTitle ? props?.labels?.textTitle : 'Space Race Game' }), jsxRuntime.jsx(DescriptionSRG, { children: props?.labels?.textDescription }), jsxRuntime.jsx(Button$3, { variant: 'primary', label: props?.newProject?.label ? props.newProject?.label : 'Criar novo projeto', handleClick: () => props.newProject.action(), startIcon: jsxRuntime.jsx(AddIcon, { fill: '#FFFFFF' }) })] }), jsxRuntime.jsxs(WrapperContentHelper, { children: [jsxRuntime.jsxs(SpeechBubble, { children: [jsxRuntime.jsx(HelperText$1, { children: props.labels.textHelperDescription }), jsxRuntime.jsx(Button$3, { variant: 'link', label: props?.acessHere?.label ? props.acessHere.label : 'Acesse aqui', handleClick: () => props.acessHere.action(), style: { color: '#21bffc' } })] }), jsxRuntime.jsx("img", { src: props.avatarSRG })] }), jsxRuntime.jsx(WrapperContent, { children: jsxRuntime.jsx(Button$3, { variant: 'primary', label: props?.newProject?.label ? props.newProject?.label : 'Criar novo projeto', handleClick: () => props.newProject.action(), startIcon: jsxRuntime.jsx(AddIcon, { fill: '#FFFFFF' }) }) })] }), jsxRuntime.jsx(VersionExtended, { isExtendedVersion: props.isExtendedVersion, heightExtended: props.heightExtended })] }) }));
|
|
12382
12505
|
}
|
|
12383
12506
|
|
|
12384
12507
|
const achievementHeader = styled__default["default"].div `
|
|
@@ -12678,7 +12801,7 @@ function FeedInteraction(props) {
|
|
|
12678
12801
|
jsxRuntime.jsxs("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center', flexDirection: 'column' }, children: [jsxRuntime.jsx(Rating, { isVisibleNumberRating: false, orientation: 'horizontal', qtdStars: 5, sizeStars: 20, marginStars: '3.5px', disabled: props.isDisabledAvaluation, rating: props.ratingImpacto, handleRating: props?.handleImpactoChange }), jsxRuntime.jsx("span", { children: props.textImpacto })] }), props.isChallengeReview &&
|
|
12679
12802
|
jsxRuntime.jsxs("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center', flexDirection: 'column', marginLeft: 24 }, children: [jsxRuntime.jsx(Rating, { isVisibleNumberRating: false, orientation: 'horizontal', qtdStars: 5, sizeStars: 20, marginStars: '3.5px', disabled: props.isDisabledAvaluation, rating: props.ratingRelevancia, handleRating: props?.handleRelevanciaChange }), jsxRuntime.jsx("span", { children: props.textRelevancia })] }), props.isPostReview &&
|
|
12680
12803
|
jsxRuntime.jsx("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center', flexDirection: 'column' }, children: jsxRuntime.jsx(Rating, { isVisibleNumberRating: false, orientation: 'horizontal', qtdStars: 5, sizeStars: 20, marginStars: '3.5px', disabled: props.isDisabledAvaluation, rating: props.ratingPostReview, handleRating: props?.handlePostReviewChange }) })] })] }), openComments &&
|
|
12681
|
-
jsxRuntime.jsxs(commentsContainer, { children: [jsxRuntime.jsxs(inputComment, { children: [jsxRuntime.jsx(Avatar, { size: '40px', src: props.userAvatar }), jsxRuntime.jsx(InputComment, { styles: { width: '100%', marginLeft: 8 }, IDInput: 'userComment', showCharacterCounter: false, className: 'userComment', hasEmoji: true, emojiWindowlanguage: 'pt', placeholder: props.userCommentPlaceholder ? props.userCommentPlaceholder : '', onChange: OnChangeComment, value: commentData }), jsxRuntime.jsx(submitButton, { style: { display: focusComment ? 'block' : 'none' }, children: jsxRuntime.jsx(Button$3, { variant: 'primary', label: props.textSaveCommentBtn, handleClick: HandleSaveComment }) })] }), props.isChallengeReview ?
|
|
12804
|
+
jsxRuntime.jsxs(commentsContainer, { children: [jsxRuntime.jsxs(inputComment, { children: [jsxRuntime.jsx(Avatar, { size: '40px', src: props.userAvatar }), jsxRuntime.jsx(InputComment$1, { styles: { width: '100%', marginLeft: 8 }, IDInput: 'userComment', showCharacterCounter: false, className: 'userComment', hasEmoji: true, emojiWindowlanguage: 'pt', placeholder: props.userCommentPlaceholder ? props.userCommentPlaceholder : '', onChange: OnChangeComment, value: commentData }), jsxRuntime.jsx(submitButton, { style: { display: focusComment ? 'block' : 'none' }, children: jsxRuntime.jsx(Button$3, { variant: 'primary', label: props.textSaveCommentBtn, handleClick: HandleSaveComment }) })] }), props.isChallengeReview ?
|
|
12682
12805
|
stateLatestComment ?
|
|
12683
12806
|
jsxRuntime.jsxs(commentList, { children: [props.textLatestComment, jsxRuntime.jsxs(comment, { children: [jsxRuntime.jsx(Avatar, { size: '40px', src: stateLatestComment.avatar }), jsxRuntime.jsx(CommentaryBox, { styles: { width: '100%', marginLeft: 8 }, name: stateLatestComment.name, date: stateLatestComment.date, position: stateLatestComment.position, value: stateLatestComment.value, className: stateLatestComment.className, onChange: stateLatestComment.onChange, actionLike: stateLatestComment.actionLike, textLiked: stateLatestComment.textLike, textUnliked: stateLatestComment.textDeslike, isLiked: stateLatestComment.isLiked, totalLikes: stateLatestComment.totalLikes, hasDropdown: stateLatestComment.hasDropdown, isAuthor: stateLatestComment.isAuthor, isMe: stateLatestComment.isMe, actionDeleteComment: stateLatestComment.actionDeleteComment, actionEditComment: stateLatestComment.actionEditComment, actionAnswer: stateLatestComment.actionAnswer, actionMakePrivate: stateLatestComment.actionMakePrivate, actionUpdateValue: stateLatestComment.actionUpdateValue, detectLinks: stateLatestComment.detectLinks, hasAnswer: stateLatestComment.hasAnswer, isPrivateAuthor: stateLatestComment.isPrivateAuthor, isPrivateMe: stateLatestComment.isPrivateMe, idTextComment: stateLatestComment.idTextComment, textAnswer: stateLatestComment.textAnswer, textCancelButton: stateLatestComment.textCancelButton, textDeleteComment: stateLatestComment.textDeleteComment, textEditComment: stateLatestComment.textEditComment, textEdited: stateLatestComment.textEdited, textMakePrivate: stateLatestComment.textMakePrivate, textMakePublic: stateLatestComment.textMakePublic, textPrivateComment: stateLatestComment.textPrivateComment, textSaveButton: stateLatestComment.textSaveButton, textSaveButtonMobile: stateLatestComment.textSaveButtonMobile, textYou: stateLatestComment.textYou, wasEdited: stateLatestComment.wasEdited })] })] })
|
|
12684
12807
|
: null
|
|
@@ -14783,6 +14906,302 @@ function MenuMore({ iconButton, options, style }) {
|
|
|
14783
14906
|
}) })] }) }));
|
|
14784
14907
|
}
|
|
14785
14908
|
|
|
14909
|
+
const SmileIcon = styled__default["default"].div `
|
|
14910
|
+
display: flex;
|
|
14911
|
+
justify-content: center;
|
|
14912
|
+
align-items: center;
|
|
14913
|
+
|
|
14914
|
+
width: 40px;
|
|
14915
|
+
height: 40px;
|
|
14916
|
+
|
|
14917
|
+
min-width: 40px;
|
|
14918
|
+
border-radius: 50%;
|
|
14919
|
+
background-color: transparent;
|
|
14920
|
+
margin: 4px;
|
|
14921
|
+
&:hover {
|
|
14922
|
+
background-color: ${({ theme }) => theme.colors.neutralsGrey6};
|
|
14923
|
+
}
|
|
14924
|
+
cursor: pointer;
|
|
14925
|
+
transition: all 0.2s ease-in-out;
|
|
14926
|
+
`;
|
|
14927
|
+
const EmojiWindow = styled__default["default"].div `
|
|
14928
|
+
width: 375px;
|
|
14929
|
+
height: 332px;
|
|
14930
|
+
overflow: hidden;
|
|
14931
|
+
display:${({ visible }) => visible ? 'flex' : 'none'};
|
|
14932
|
+
flex-direction: column;
|
|
14933
|
+
align-items: center;
|
|
14934
|
+
top: -330px;
|
|
14935
|
+
right: 0px;
|
|
14936
|
+
background-color: ${({ theme }) => theme.colors.shadeWhite};
|
|
14937
|
+
border: 1px solid ${({ theme }) => theme.colors.neutralsGrey4};
|
|
14938
|
+
position: absolute;
|
|
14939
|
+
|
|
14940
|
+
|
|
14941
|
+
& > div:nth-child(1) > em-emoji-picker:nth-child(1) {
|
|
14942
|
+
padding: 10px;
|
|
14943
|
+
padding-top: 5px;
|
|
14944
|
+
height: 332px;
|
|
14945
|
+
|
|
14946
|
+
& .padding-lr {
|
|
14947
|
+
border: 2px solid #000 !important;
|
|
14948
|
+
}
|
|
14949
|
+
}
|
|
14950
|
+
`;
|
|
14951
|
+
const ButtonClose = styled__default["default"].div `
|
|
14952
|
+
cursor: pointer;
|
|
14953
|
+
align-self: flex-end;
|
|
14954
|
+
height: 40px;
|
|
14955
|
+
margin-bottom: -42px;
|
|
14956
|
+
margin-top: 10x;
|
|
14957
|
+
z-index: 6;
|
|
14958
|
+
padding: 10px;
|
|
14959
|
+
border-radius: 5px;
|
|
14960
|
+
margin-right: 2px;
|
|
14961
|
+
&:hover {
|
|
14962
|
+
background: #efefef;
|
|
14963
|
+
}
|
|
14964
|
+
}
|
|
14965
|
+
`;
|
|
14966
|
+
|
|
14967
|
+
function EmojiPicker({ isOpenPicker, setIsOpenPicker, onEmojiSelect, configPicker }) {
|
|
14968
|
+
const ref = React.useRef();
|
|
14969
|
+
const [actionAreaEmojiButton, setActionAreaEmojiButton] = React.useState(false);
|
|
14970
|
+
const [colorEmojiButton, setColorEmojiButton] = React.useState('');
|
|
14971
|
+
React.useEffect(() => {
|
|
14972
|
+
let title = configPicker.title ? configPicker?.title : 'FRST FALCONI';
|
|
14973
|
+
let emojiSize = configPicker?.emojiSize;
|
|
14974
|
+
let perLine = configPicker?.perLine;
|
|
14975
|
+
let SheetSize = configPicker?.sheetSize;
|
|
14976
|
+
let i18n = choseLanguage(configPicker?.language);
|
|
14977
|
+
// let filteredEmoji = excludeEmojiCode();
|
|
14978
|
+
new emojiMart.Picker({ title, data: data__default["default"], ref, i18n, emojiSize, perLine, SheetSize, onEmojiSelect });
|
|
14979
|
+
}, [configPicker?.language]);
|
|
14980
|
+
React.useEffect(() => {
|
|
14981
|
+
(isOpenPicker) ? configsWhenOpenWindowEmoji() : configsWhenCloseWindowEmoji();
|
|
14982
|
+
if (isOpenPicker) {
|
|
14983
|
+
let myComponent = document.querySelector('em-emoji-picker');
|
|
14984
|
+
let myClassElement = myComponent.shadowRoot.querySelector('#nav');
|
|
14985
|
+
let myBoryElement = myComponent.shadowRoot.querySelector('#root');
|
|
14986
|
+
try {
|
|
14987
|
+
//@ts-ignore
|
|
14988
|
+
myClassElement.style.paddingRight = '50px';
|
|
14989
|
+
//@ts-ignore
|
|
14990
|
+
myBoryElement.style.paddingBottom = '100px';
|
|
14991
|
+
}
|
|
14992
|
+
catch (e) { }
|
|
14993
|
+
}
|
|
14994
|
+
}, [isOpenPicker]);
|
|
14995
|
+
return jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs("div", { style: { position: 'relative' }, children: [jsxRuntime.jsxs(EmojiWindow, { visible: isOpenPicker, onMouseOver: () => setActionAreaEmojiButton(true), onMouseOut: () => setActionAreaEmojiButton(false), children: [jsxRuntime.jsx(ButtonClose, { onClick: () => setIsOpenPicker(false), children: jsxRuntime.jsx(XIcon, {}) }), jsxRuntime.jsx("div", { ref: ref })] }), jsxRuntime.jsx(SmileIcon, { onMouseOver: () => setActionAreaEmojiButton(true), onMouseOut: () => setActionAreaEmojiButton(false), onClick: () => {
|
|
14996
|
+
setIsOpenPicker(!isOpenPicker);
|
|
14997
|
+
}, children: jsxRuntime.jsx(SmileOutlined, { fill: colorEmojiButton }) })] }) }) });
|
|
14998
|
+
function configsWhenOpenWindowEmoji() {
|
|
14999
|
+
setColorEmojiButton(FRSTTheme['colors'].primary1);
|
|
15000
|
+
// document.body.addEventListener("click", (e: any) => verifyClick(), true);
|
|
15001
|
+
// document.getElementById(iDEmojiButton).removeEventListener("click", (e: any) => setIsVisibleEmojiWindow(!isVisibleEmojiWindow), false);
|
|
15002
|
+
}
|
|
15003
|
+
function configsWhenCloseWindowEmoji() {
|
|
15004
|
+
setColorEmojiButton(FRSTTheme['colors'].neutralsGrey2);
|
|
15005
|
+
// document.body.removeEventListener("click", (e: any) => verifyClick(), true);
|
|
15006
|
+
// document.getElementById(iDEmojiButton).addEventListener("click", (e: any) => setIsVisibleEmojiWindow(!isVisibleEmojiWindow), false);
|
|
15007
|
+
}
|
|
15008
|
+
}
|
|
15009
|
+
function choseLanguage(props) {
|
|
15010
|
+
switch (props) {
|
|
15011
|
+
case 'de':
|
|
15012
|
+
return de__namespace;
|
|
15013
|
+
case 'en':
|
|
15014
|
+
return en__namespace;
|
|
15015
|
+
case 'fr':
|
|
15016
|
+
return fr__namespace;
|
|
15017
|
+
case 'it':
|
|
15018
|
+
return it__namespace;
|
|
15019
|
+
case 'pl':
|
|
15020
|
+
return pl__namespace;
|
|
15021
|
+
case 'pt':
|
|
15022
|
+
return pt__namespace;
|
|
15023
|
+
case 'ru':
|
|
15024
|
+
return ru__namespace;
|
|
15025
|
+
case 'zh':
|
|
15026
|
+
return zh__namespace;
|
|
15027
|
+
default:
|
|
15028
|
+
return en__namespace;
|
|
15029
|
+
}
|
|
15030
|
+
}
|
|
15031
|
+
function XIcon() {
|
|
15032
|
+
return (jsxRuntime.jsxs("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M17 1L1 17", stroke: "#BDBDBD", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M1 1L17 17", stroke: "#BDBDBD", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
15033
|
+
}
|
|
15034
|
+
|
|
15035
|
+
const InputWrapper = styled__default["default"].div `
|
|
15036
|
+
display: flex;
|
|
15037
|
+
align-items:flex-end;
|
|
15038
|
+
width: 100%;
|
|
15039
|
+
min-height: 48px;
|
|
15040
|
+
background-color: ${({ theme }) => theme.colors.shadeWhite};
|
|
15041
|
+
|
|
15042
|
+
border: 1px solid ${({ theme }) => theme.colors.neutralsGrey4};
|
|
15043
|
+
border-radius: 24px;
|
|
15044
|
+
|
|
15045
|
+
transition: all 0.2s ease-in-out;
|
|
15046
|
+
|
|
15047
|
+
&:hover {
|
|
15048
|
+
border: 1px solid ${({ theme }) => theme.colors.shadeBlack};
|
|
15049
|
+
}
|
|
15050
|
+
|
|
15051
|
+
${({ focus, theme }) => focus &&
|
|
15052
|
+
`border: 1px solid` + theme.colors.primary1 + " !important;"}
|
|
15053
|
+
`;
|
|
15054
|
+
const InputText = styled__default["default"].textarea `
|
|
15055
|
+
display: flex;
|
|
15056
|
+
align-items: center;
|
|
15057
|
+
|
|
15058
|
+
width: 100%;
|
|
15059
|
+
height: ${({ height }) => height || '20px'};
|
|
15060
|
+
outline: 0;
|
|
15061
|
+
|
|
15062
|
+
font-family: 'Work Sans';
|
|
15063
|
+
font-style: normal;
|
|
15064
|
+
font-weight: normal;
|
|
15065
|
+
font-size: 16px;
|
|
15066
|
+
line-height: 20px;
|
|
15067
|
+
letter-spacing: -0.02em;
|
|
15068
|
+
|
|
15069
|
+
overflow: hidden;
|
|
15070
|
+
resize: none;
|
|
15071
|
+
|
|
15072
|
+
padding: 0;
|
|
15073
|
+
margin: 14px;
|
|
15074
|
+
border: none;
|
|
15075
|
+
`;
|
|
15076
|
+
styled__default["default"].div `
|
|
15077
|
+
display: flex;
|
|
15078
|
+
justify-content: center;
|
|
15079
|
+
align-items: center;
|
|
15080
|
+
|
|
15081
|
+
width: 40px;
|
|
15082
|
+
height: 40px;
|
|
15083
|
+
|
|
15084
|
+
min-width: 40px;
|
|
15085
|
+
border-radius: 50%;
|
|
15086
|
+
background-color: transparent;
|
|
15087
|
+
margin: 4px;
|
|
15088
|
+
&:hover {
|
|
15089
|
+
background-color: ${({ theme }) => theme.colors.neutralsGrey6};
|
|
15090
|
+
}
|
|
15091
|
+
cursor: pointer;
|
|
15092
|
+
transition: all 0.2s ease-in-out;
|
|
15093
|
+
`;
|
|
15094
|
+
const HelperText = styled__default["default"].span `
|
|
15095
|
+
display: flex;
|
|
15096
|
+
position: absolute;
|
|
15097
|
+
align-items: center;
|
|
15098
|
+
|
|
15099
|
+
font-family: 'Work Sans';
|
|
15100
|
+
font-style: normal;
|
|
15101
|
+
font-weight: 400;
|
|
15102
|
+
font-size: 12px;
|
|
15103
|
+
line-height: 14px;
|
|
15104
|
+
|
|
15105
|
+
letter-spacing: -0.02em;
|
|
15106
|
+
|
|
15107
|
+
color: ${({ theme }) => theme.colors.neutralsGrey2};
|
|
15108
|
+
|
|
15109
|
+
margin-top: 8px;
|
|
15110
|
+
margin-left: 13px;
|
|
15111
|
+
`;
|
|
15112
|
+
styled__default["default"].div `
|
|
15113
|
+
width: 375px;
|
|
15114
|
+
height: 332px;
|
|
15115
|
+
overflow: hidden;
|
|
15116
|
+
display:${({ visible }) => visible ? 'flex' : 'none'};
|
|
15117
|
+
justify-content: center;
|
|
15118
|
+
top: -330px;
|
|
15119
|
+
right: 0px;
|
|
15120
|
+
background-color: ${({ theme }) => theme.colors.shadeWhite};
|
|
15121
|
+
border: 1px solid ${({ theme }) => theme.colors.neutralsGrey4};
|
|
15122
|
+
position: absolute;
|
|
15123
|
+
|
|
15124
|
+
|
|
15125
|
+
& > div:nth-child(1) > em-emoji-picker:nth-child(1) {
|
|
15126
|
+
padding: 10px;
|
|
15127
|
+
padding-top: 5px;
|
|
15128
|
+
height: 332px;
|
|
15129
|
+
}
|
|
15130
|
+
`;
|
|
15131
|
+
// transform: scale(0.845);
|
|
15132
|
+
|
|
15133
|
+
function InputComment({ placeholder, value, onChange, remain, limit, hasEmoji, showCharacterCounter, IDInput, styles, disabled, emojiWindowlanguage }) {
|
|
15134
|
+
const [focus, setFocus] = React.useState(false);
|
|
15135
|
+
// Emoji Window States
|
|
15136
|
+
const refInput = React.useRef(null);
|
|
15137
|
+
const [isOpenPicker, setIsOpenPicker] = React.useState();
|
|
15138
|
+
// TextArea states
|
|
15139
|
+
const [stringValueTextArea, setStringValueTextArea] = React.useState(value);
|
|
15140
|
+
React.useEffect(() => {
|
|
15141
|
+
resizeTextArea(refInput);
|
|
15142
|
+
onChange(stringValueTextArea);
|
|
15143
|
+
}, [stringValueTextArea]);
|
|
15144
|
+
const onEmojiClick = (emojiObject) => {
|
|
15145
|
+
if (!stringValueTextArea || stringValueTextArea?.length < limit) {
|
|
15146
|
+
let lastPositionStart = refInput.current.selectionStart;
|
|
15147
|
+
let lastPositionEnd = refInput.current.selectionEnd;
|
|
15148
|
+
let newStringWithEmoji = handleStringToIncluedEmoji([lastPositionStart, lastPositionEnd], emojiObject.native, refInput.current.innerHTML);
|
|
15149
|
+
setStringValueTextArea(newStringWithEmoji + '');
|
|
15150
|
+
repositionCursorAfterNewEmojiInTextArea([lastPositionStart, lastPositionEnd], emojiObject?.native?.length);
|
|
15151
|
+
}
|
|
15152
|
+
};
|
|
15153
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs("div", { style: { ...styles }, children: [jsxRuntime.jsxs(InputWrapper, { focus: focus, children: [jsxRuntime.jsx(InputText, { ref: refInput, onFocus: () => setFocus(true), onBlur: () => {
|
|
15154
|
+
setFocus(false);
|
|
15155
|
+
}, onChange: (e) => setStringValueTextArea(e.target.value), value: stringValueTextArea, placeholder: placeholder, maxLength: limit, disabled: disabled }), hasEmoji &&
|
|
15156
|
+
jsxRuntime.jsx(EmojiPicker, { isOpenPicker: isOpenPicker, setIsOpenPicker: setIsOpenPicker, onEmojiSelect: (emoji) => onEmojiClick(emoji), configPicker: {
|
|
15157
|
+
title: 'FRST FALCONI',
|
|
15158
|
+
perLine: 10,
|
|
15159
|
+
sheetSize: 8,
|
|
15160
|
+
language: 'pt'
|
|
15161
|
+
} })] }), showCharacterCounter &&
|
|
15162
|
+
jsxRuntime.jsxs(HelperText, { children: [limit - remain, "/", limit] })] }) }));
|
|
15163
|
+
function resizeTextArea(refInput) {
|
|
15164
|
+
const txResize = (tx) => {
|
|
15165
|
+
tx.style.height = '20px';
|
|
15166
|
+
tx.style.height = tx.scrollHeight + 'px';
|
|
15167
|
+
// setHeightPositionWindowEmoji(tx.scrollHeight - 350 + 'px')
|
|
15168
|
+
};
|
|
15169
|
+
{
|
|
15170
|
+
refInput.current && refInput.current.style && txResize(refInput.current);
|
|
15171
|
+
}
|
|
15172
|
+
}
|
|
15173
|
+
function handleStringToIncluedEmoji(pos, emojiObject, stringValueTextArea) {
|
|
15174
|
+
let finalString = '';
|
|
15175
|
+
if (stringValueTextArea) {
|
|
15176
|
+
if (pos[0] == pos[1]) {
|
|
15177
|
+
finalString = stringValueTextArea.substr(0, pos[0]) + emojiObject + stringValueTextArea.substr(pos[1]);
|
|
15178
|
+
}
|
|
15179
|
+
else if (pos[0] < pos[1]) {
|
|
15180
|
+
finalString = stringValueTextArea.substr(0, pos[0]) + emojiObject + stringValueTextArea.substr(pos[1], stringValueTextArea.length);
|
|
15181
|
+
}
|
|
15182
|
+
else {
|
|
15183
|
+
finalString = stringValueTextArea + emojiObject;
|
|
15184
|
+
}
|
|
15185
|
+
return finalString;
|
|
15186
|
+
}
|
|
15187
|
+
else {
|
|
15188
|
+
return emojiObject;
|
|
15189
|
+
}
|
|
15190
|
+
}
|
|
15191
|
+
function repositionCursorAfterNewEmojiInTextArea(pos, lenghtEmoji) {
|
|
15192
|
+
let newPos = 0;
|
|
15193
|
+
console.log('lenghtEmoji ', lenghtEmoji);
|
|
15194
|
+
console.log('pos ', pos);
|
|
15195
|
+
if (pos[0] != pos[1]) { // Cursor in multiple chars selected
|
|
15196
|
+
newPos = pos[0] + (lenghtEmoji ? lenghtEmoji : 0);
|
|
15197
|
+
}
|
|
15198
|
+
else { // Cursor text in specific point
|
|
15199
|
+
newPos = pos[1] + (lenghtEmoji ? lenghtEmoji : 0);
|
|
15200
|
+
}
|
|
15201
|
+
refInput.current.setSelectionRange(newPos, newPos);
|
|
15202
|
+
}
|
|
15203
|
+
}
|
|
15204
|
+
|
|
14786
15205
|
exports.AccordionTrackList = AccordionTrackList;
|
|
14787
15206
|
exports.AddIcon = AddIcon;
|
|
14788
15207
|
exports.AlertCicle = AlertCicle;
|
|
@@ -14826,6 +15245,7 @@ exports.ContentThumbnails = ContentThumbnails;
|
|
|
14826
15245
|
exports.DateRangePicker = StepLearningCycle;
|
|
14827
15246
|
exports.Diamond = Diamond;
|
|
14828
15247
|
exports.DoubleCheck = DoubleCheck;
|
|
15248
|
+
exports.EmojiPicker = EmojiPicker;
|
|
14829
15249
|
exports.ExclusiveClassCard = ExclusiveClassCard;
|
|
14830
15250
|
exports.ExitArrow = ExitArrow;
|
|
14831
15251
|
exports.ExtraContent = ExtraContent;
|
|
@@ -14842,7 +15262,8 @@ exports.HomeFilledIcon = HomeFilledIcon;
|
|
|
14842
15262
|
exports.HomeLineIcon = HomeLineIcon;
|
|
14843
15263
|
exports.IconContent = IconContent;
|
|
14844
15264
|
exports.IconNotification = IconNotification;
|
|
14845
|
-
exports.InputComment = InputComment;
|
|
15265
|
+
exports.InputComment = InputComment$1;
|
|
15266
|
+
exports.InputCommentV2 = InputComment;
|
|
14846
15267
|
exports.InstagramIcon = InstagramIcon;
|
|
14847
15268
|
exports.InteractionsModal = InteractionsModal;
|
|
14848
15269
|
exports.LampFilledIcon = LampFilledIcon;
|