magneto365.ui 2.63.7 → 2.63.8
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/cjs/css/magneto.ui.lib.min.css +1 -1
- package/dist/cjs/index.js +523 -517
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/UI/organism/JobDetailsDrawer/JobDetailsDrawer.interface.d.ts +8 -0
- package/dist/cjs/types/components/UI/organism/MobileJobDetailsDrawer/MobileJobDetailsDrawer.interface.d.ts +5 -0
- package/dist/esm/css/magneto.ui.lib.min.css +1 -1
- package/dist/esm/index.js +523 -517
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/UI/organism/JobDetailsDrawer/JobDetailsDrawer.interface.d.ts +8 -0
- package/dist/esm/types/components/UI/organism/MobileJobDetailsDrawer/MobileJobDetailsDrawer.interface.d.ts +5 -0
- package/dist/index.d.ts +13 -1
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -248,7 +248,7 @@ var useMediaQuery = function (defaultValue, options) {
|
|
|
248
248
|
return component;
|
|
249
249
|
};
|
|
250
250
|
|
|
251
|
-
var styles$
|
|
251
|
+
var styles$2u = {"magneto-ui-icon":"mg_icon_magneto-ui-icon_tp25u","magneto-ui-hover":"mg_icon_magneto-ui-hover_tp25u","magneto-ui-rotate":"mg_icon_magneto-ui-rotate_tp25u"};
|
|
252
252
|
|
|
253
253
|
function formatNumber(num) {
|
|
254
254
|
if (typeof num !== 'number')
|
|
@@ -295,7 +295,7 @@ var classNames = {
|
|
|
295
295
|
}
|
|
296
296
|
};
|
|
297
297
|
|
|
298
|
-
var cx$P = classNames.bind(styles$
|
|
298
|
+
var cx$P = classNames.bind(styles$2u);
|
|
299
299
|
var Component$2D = function (_a) {
|
|
300
300
|
var fallbackIcon = _a.fallbackIcon, _b = _a.showDefaultFallback, showDefaultFallback = _b === void 0 ? true : _b, icon = _a.icon, _c = _a.hover, hover = _c === void 0 ? false : _c, size = _a.size, className = _a.className, alt = _a.alt, isRotate = _a.isRotate;
|
|
301
301
|
var _d = React.useState(false), imageError = _d[0], setImageError = _d[1];
|
|
@@ -314,7 +314,7 @@ var Component$2D = function (_a) {
|
|
|
314
314
|
*/
|
|
315
315
|
var IconItem = Component$2D;
|
|
316
316
|
|
|
317
|
-
var styles$
|
|
317
|
+
var styles$2t = {"avatarComponent":"mg_avatar_avatarComponent_1upgt","magneto-ui-default-avatar":"mg_avatar_magneto-ui-default-avatar_1upgt"};
|
|
318
318
|
|
|
319
319
|
var Add = "https://static.magneto365.com/lib/assets/f738cef7b76c444f.svg";
|
|
320
320
|
|
|
@@ -604,9 +604,9 @@ var Component$2C = function (_a) {
|
|
|
604
604
|
var handleError = function () {
|
|
605
605
|
setImageError(true);
|
|
606
606
|
};
|
|
607
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
607
|
+
return (React__default["default"].createElement("div", { className: styles$2t.avatarComponent, onClick: onClick },
|
|
608
608
|
userImage && !imageError && React__default["default"].createElement("img", { src: userImage, alt: "User Avatar", loading: "lazy", onError: handleError }),
|
|
609
|
-
(!userImage || imageError) && (React__default["default"].createElement("div", { className: styles$
|
|
609
|
+
(!userImage || imageError) && (React__default["default"].createElement("div", { className: styles$2t['magneto-ui-default-avatar'] },
|
|
610
610
|
React__default["default"].createElement(IconItem, { icon: fallbackImage || User, hover: false })))));
|
|
611
611
|
};
|
|
612
612
|
/**
|
|
@@ -614,12 +614,12 @@ var Component$2C = function (_a) {
|
|
|
614
614
|
*/
|
|
615
615
|
var Avatar = Component$2C;
|
|
616
616
|
|
|
617
|
-
var styles$
|
|
617
|
+
var styles$2s = {"badge-count":"mg_badge_badge-count_15t5z","badge-count__animation":"mg_badge_badge-count_animation_15t5z","pulse":"mg_badge_pulse_15t5z"};
|
|
618
618
|
|
|
619
619
|
var Component$2B = function (_a) {
|
|
620
620
|
var _b = _a.number, number = _b === void 0 ? undefined : _b, className = _a.className;
|
|
621
|
-
return (React__default["default"].createElement("p", { className: "".concat(styles$
|
|
622
|
-
React__default["default"].createElement("span", { className: styles$
|
|
621
|
+
return (React__default["default"].createElement("p", { className: "".concat(styles$2s['badge-count'], " ").concat(className) },
|
|
622
|
+
React__default["default"].createElement("span", { className: styles$2s['badge-count__animation'] }),
|
|
623
623
|
number && number));
|
|
624
624
|
};
|
|
625
625
|
var Badge = Component$2B;
|
|
@@ -1067,7 +1067,7 @@ var CNM = /** @class */ (function () {
|
|
|
1067
1067
|
return CNM;
|
|
1068
1068
|
}());
|
|
1069
1069
|
|
|
1070
|
-
var styles$
|
|
1070
|
+
var styles$2r = {"magneto-ui-bar-loader":"mg_bar_loader_magneto-ui-bar-loader_1f3jh","magneto-ui-bar-loader__bar":"mg_bar_loader_magneto-ui-bar-loader_bar_1f3jh","magneto-ui-bar-loader__bar--animated":"mg_bar_loader_magneto-ui-bar-loader_bar--animated_1f3jh","progress":"mg_bar_loader_progress_1f3jh","magneto-ui-bar-loader__bar--completed":"mg_bar_loader_magneto-ui-bar-loader_bar--completed_1f3jh"};
|
|
1071
1071
|
|
|
1072
1072
|
var Component$2A = function (_a) {
|
|
1073
1073
|
var className = _a.className, color = _a.color, percent = _a.percent;
|
|
@@ -1089,10 +1089,10 @@ var Component$2A = function (_a) {
|
|
|
1089
1089
|
var _a;
|
|
1090
1090
|
return (_a = {}, _a["".concat(BAR_LOADER_PREFIX, "-completed")] = "".concat(validateCompleted(percent), "%"), _a);
|
|
1091
1091
|
}, [percent, validateCompleted]);
|
|
1092
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1093
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1092
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2r, cls: [className] }) },
|
|
1093
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2r, cls: ['bar-loader'] }), style: __assign(__assign({}, barColor), barCompleted) },
|
|
1094
1094
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
1095
|
-
styles: styles$
|
|
1095
|
+
styles: styles$2r,
|
|
1096
1096
|
cls: ['bar-loader__bar', percent !== undefined ? 'bar-loader__bar--completed' : 'bar-loader__bar--animated']
|
|
1097
1097
|
}) }))));
|
|
1098
1098
|
};
|
|
@@ -1101,7 +1101,7 @@ var Component$2A = function (_a) {
|
|
|
1101
1101
|
*/
|
|
1102
1102
|
var BarLoader = Component$2A;
|
|
1103
1103
|
|
|
1104
|
-
var styles$
|
|
1104
|
+
var styles$2q = {"breadcrumbComponent":"mg_breadcrumb_breadcrumbComponent_vlbg8","magneto-ui-bc":"mg_breadcrumb_magneto-ui-bc_vlbg8","magneto-ui-bc-active":"mg_breadcrumb_magneto-ui-bc-active_vlbg8","no-transform":"mg_breadcrumb_no-transform_vlbg8"};
|
|
1105
1105
|
|
|
1106
1106
|
var Component$2z = function (_a) {
|
|
1107
1107
|
var breadcrumbText = _a.breadcrumbText, breadcrumbCustomText = _a.breadcrumbCustomText, queryParams = _a.queryParams, _b = _a.haveRedirect, haveRedirect = _b === void 0 ? true : _b, _c = _a.detailTitle, detailTitle = _c === void 0 ? '' : _c, breadCrumbFromServer = _a.breadCrumbFromServer, urlFromServer = _a.urlFromServer;
|
|
@@ -1109,7 +1109,7 @@ var Component$2z = function (_a) {
|
|
|
1109
1109
|
var breadcrumbSplitText = breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.split('/');
|
|
1110
1110
|
var lastIndexBC = (breadcrumbSplitText === null || breadcrumbSplitText === void 0 ? void 0 : breadcrumbSplitText.length) - 1;
|
|
1111
1111
|
var haveDetailTitle = detailTitle !== '';
|
|
1112
|
-
var detailTileStyle = detailTitle ? styles$
|
|
1112
|
+
var detailTileStyle = detailTitle ? styles$2q['no-transform'] : '';
|
|
1113
1113
|
var regexBase4 = /[0-9a-f]{8} [0-9a-f]{4} [0-9a-f]{4} [0-9a-f]{4} [0-9a-f]{12}/g;
|
|
1114
1114
|
// This removes the base64 from the vacancy breadcrumbs
|
|
1115
1115
|
var title = breadcrumbSplitText[lastIndexBC].replace(/-/g, ' ').replace(regexBase4, '');
|
|
@@ -1121,9 +1121,9 @@ var Component$2z = function (_a) {
|
|
|
1121
1121
|
"/ ",
|
|
1122
1122
|
href)));
|
|
1123
1123
|
}),
|
|
1124
|
-
React__default["default"].createElement("p", { className: "".concat(styles$
|
|
1124
|
+
React__default["default"].createElement("p", { className: "".concat(styles$2q['magneto-ui-bc-active'], " ").concat(detailTileStyle) },
|
|
1125
1125
|
"/ ",
|
|
1126
|
-
haveDetailTitle ? detailTitle : title))) : (React__default["default"].createElement(React__default["default"].Fragment, null, breadcrumbSplitText.map(function (bc, i) { return (React__default["default"].createElement("p", { className: "".concat(lastIndexBC == i ? styles$
|
|
1126
|
+
haveDetailTitle ? detailTitle : title))) : (React__default["default"].createElement(React__default["default"].Fragment, null, breadcrumbSplitText.map(function (bc, i) { return (React__default["default"].createElement("p", { className: "".concat(lastIndexBC == i ? styles$2q['magneto-ui-bc-active'] : '', " ").concat(styles$2q['magneto-ui-bc']), key: i },
|
|
1127
1127
|
i > 0 && '/',
|
|
1128
1128
|
" ",
|
|
1129
1129
|
bc)); })));
|
|
@@ -1139,28 +1139,28 @@ var Component$2z = function (_a) {
|
|
|
1139
1139
|
queryParams,
|
|
1140
1140
|
lastIndexBC
|
|
1141
1141
|
]);
|
|
1142
|
-
return React__default["default"].createElement("div", { className: styles$
|
|
1142
|
+
return React__default["default"].createElement("div", { className: styles$2q.breadcrumbComponent }, breadCrumbsRender);
|
|
1143
1143
|
};
|
|
1144
1144
|
/**
|
|
1145
1145
|
* Atom UI of breadcrumb
|
|
1146
1146
|
*/
|
|
1147
1147
|
var Breadcrumb = Component$2z;
|
|
1148
1148
|
|
|
1149
|
-
var styles$
|
|
1149
|
+
var styles$2p = {"magneto-ui-button":"mg_button_magneto-ui-button_2zrcl","magneto-ui-button__mobile-text":"mg_button_magneto-ui-button_mobile-text_2zrcl","magneto-ui-button__icon":"mg_button_magneto-ui-button_icon_2zrcl","hover-effect":"mg_button_hover-effect_2zrcl"};
|
|
1150
1150
|
|
|
1151
1151
|
var Component$2y = function (_a) {
|
|
1152
1152
|
var buttonText = _a.buttonText, buttonTitle = _a.buttonTitle, addHover = _a.addHover, onClick = _a.onClick, suffixIcon = _a.suffixIcon, prefixIcon = _a.prefixIcon, className = _a.className, _b = _a.iconSize, iconSize = _b === void 0 ? 20 : _b;
|
|
1153
|
-
return (React__default["default"].createElement("button", { className: "".concat(className, " ").concat(styles$
|
|
1154
|
-
typeof suffixIcon === 'string' ? (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: styles$
|
|
1155
|
-
buttonText && React__default["default"].createElement("p", { className: styles$
|
|
1156
|
-
typeof prefixIcon === 'string' ? (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: addHover, className: styles$
|
|
1153
|
+
return (React__default["default"].createElement("button", { className: "".concat(className, " ").concat(styles$2p['magneto-ui-button'], " ").concat(addHover ? styles$2p['hover-effect'] : '', " "), type: "button", onClick: onClick, title: buttonTitle },
|
|
1154
|
+
typeof suffixIcon === 'string' ? (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: styles$2p['magneto-ui-button__icon'] })) : (suffixIcon),
|
|
1155
|
+
buttonText && React__default["default"].createElement("p", { className: styles$2p['magneto-ui-button__mobile-text'] }, buttonText),
|
|
1156
|
+
typeof prefixIcon === 'string' ? (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: addHover, className: styles$2p['magneto-ui-button__icon'] })) : (prefixIcon)));
|
|
1157
1157
|
};
|
|
1158
1158
|
/**
|
|
1159
1159
|
* UI Atom Component of Save Button
|
|
1160
1160
|
*/
|
|
1161
1161
|
var Button = Component$2y;
|
|
1162
1162
|
|
|
1163
|
-
var styles$
|
|
1163
|
+
var styles$2o = {"button-link":"mg_button_link_button-link_1iyy1","button-link__text":"mg_button_link_button-link_text_1iyy1"};
|
|
1164
1164
|
|
|
1165
1165
|
var Component$2x = function (_a) {
|
|
1166
1166
|
var buttonText = _a.buttonText, onClick = _a.onClick, suffixIcon = _a.suffixIcon, prefixIcon = _a.prefixIcon, className = _a.className, _b = _a.iconSize, iconSize = _b === void 0 ? 20 : _b, href = _a.href, rel = _a.rel, target = _a.target;
|
|
@@ -1170,17 +1170,17 @@ var Component$2x = function (_a) {
|
|
|
1170
1170
|
onClick();
|
|
1171
1171
|
}
|
|
1172
1172
|
}, [onClick]);
|
|
1173
|
-
return (React__default["default"].createElement("a", { className: "".concat(className ? className : styles$
|
|
1174
|
-
suffixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$
|
|
1175
|
-
buttonText && React__default["default"].createElement("p", { className: styles$
|
|
1176
|
-
prefixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$
|
|
1173
|
+
return (React__default["default"].createElement("a", { className: "".concat(className ? className : styles$2o['button-link']), type: "button", onClick: handleClick, href: href, rel: rel, target: target },
|
|
1174
|
+
suffixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$2o['button-link__icon'] })),
|
|
1175
|
+
buttonText && React__default["default"].createElement("p", { className: styles$2o['button-link__text'] }, buttonText),
|
|
1176
|
+
prefixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$2o['button-link__icon'] }))));
|
|
1177
1177
|
};
|
|
1178
1178
|
/**
|
|
1179
1179
|
* UI Atom Component of Save Button
|
|
1180
1180
|
*/
|
|
1181
1181
|
var ButtonLink = Component$2x;
|
|
1182
1182
|
|
|
1183
|
-
var styles$
|
|
1183
|
+
var styles$2n = {"magneto-ui-comparative-counter":"mg_comparative_counter_magneto-ui-comparative-counter_1ue4r","error-label":"mg_comparative_counter_error-label_1ue4r"};
|
|
1184
1184
|
|
|
1185
1185
|
var nf = new Intl.NumberFormat('de-DE');
|
|
1186
1186
|
var Component$2w = function (_a) {
|
|
@@ -1188,7 +1188,7 @@ var Component$2w = function (_a) {
|
|
|
1188
1188
|
var currentHigherMax = React.useMemo(function () {
|
|
1189
1189
|
return current > max;
|
|
1190
1190
|
}, [current, max]);
|
|
1191
|
-
return (React__default["default"].createElement("p", { style: { textAlign: position }, className: "".concat(styles$
|
|
1191
|
+
return (React__default["default"].createElement("p", { style: { textAlign: position }, className: "".concat(styles$2n["".concat(classMUI, "-comparative-counter")], " ").concat(currentHigherMax ? styles$2n['error-label'] : '') },
|
|
1192
1192
|
nf.format(current),
|
|
1193
1193
|
React__default["default"].createElement("span", null,
|
|
1194
1194
|
" / ",
|
|
@@ -1196,9 +1196,9 @@ var Component$2w = function (_a) {
|
|
|
1196
1196
|
};
|
|
1197
1197
|
var ComparativeCounter = Component$2w;
|
|
1198
1198
|
|
|
1199
|
-
var styles$
|
|
1199
|
+
var styles$2m = {"checkbox":"mg_checkbox_checkbox_1w9e7","checkbox--inline":"mg_checkbox_checkbox--inline_1w9e7","checkbox--block":"mg_checkbox_checkbox--block_1w9e7","checkbox--background":"mg_checkbox_checkbox--background_1w9e7","checkbox--checked":"mg_checkbox_checkbox--checked_1w9e7","custom-checked":"mg_checkbox_custom-checked_1w9e7","checkbox__box":"mg_checkbox_checkbox_box_1w9e7","checkbox__box--checked":"mg_checkbox_checkbox_box--checked_1w9e7"};
|
|
1200
1200
|
|
|
1201
|
-
var cx$O = classNames.bind(styles$
|
|
1201
|
+
var cx$O = classNames.bind(styles$2m);
|
|
1202
1202
|
var defaultCheck = function (_a) {
|
|
1203
1203
|
var type = _a.type, checked = _a.checked;
|
|
1204
1204
|
if (type === 'background')
|
|
@@ -1220,23 +1220,23 @@ var Component$2v = function (_a) {
|
|
|
1220
1220
|
};
|
|
1221
1221
|
var Checkbox = Component$2v;
|
|
1222
1222
|
|
|
1223
|
-
var styles$
|
|
1223
|
+
var styles$2l = {"magneto-ui--date-dropdown__icon":"mg_date_dropdown_magneto-ui--date-dropdown_icon_1xs1p","magneto-ui--date-dropdown__wrapper":"mg_date_dropdown_magneto-ui--date-dropdown_wrapper_1xs1p","magneto-ui--date-dropdown__select":"mg_date_dropdown_magneto-ui--date-dropdown_select_1xs1p","magneto-ui--date-dropdown__option":"mg_date_dropdown_magneto-ui--date-dropdown_option_1xs1p"};
|
|
1224
1224
|
|
|
1225
1225
|
var Component$2u = function (_a) {
|
|
1226
1226
|
var placeholderLabel = _a.placeholderLabel, dateOptions = _a.dateOptions, _b = _a.selectedOption, selectedOption = _b === void 0 ? '' : _b, onOptionChanged = _a.onOptionChanged, _c = _a.disabled, disabled = _c === void 0 ? false : _c;
|
|
1227
1227
|
var disabledArrow = React.useMemo(function () {
|
|
1228
1228
|
if (disabled)
|
|
1229
|
-
return (React__default["default"].createElement(IconItem, { className: styles$
|
|
1229
|
+
return (React__default["default"].createElement(IconItem, { className: styles$2l['magneto-ui--date-dropdown__icon'], icon: ArrowDown2, alt: "arrow-icon", size: 24 }));
|
|
1230
1230
|
return React__default["default"].createElement(IconItem, { icon: ArrowDown3, alt: "arrow-icon", size: 24 });
|
|
1231
1231
|
}, [disabled]);
|
|
1232
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1233
|
-
React__default["default"].createElement("select", { className: styles$
|
|
1234
|
-
React__default["default"].createElement("option", { className: styles$
|
|
1232
|
+
return (React__default["default"].createElement("div", { className: styles$2l['magneto-ui--date-dropdown__wrapper'] },
|
|
1233
|
+
React__default["default"].createElement("select", { className: styles$2l["magneto-ui--date-dropdown__select"], value: selectedOption, onChange: onOptionChanged, disabled: disabled },
|
|
1234
|
+
React__default["default"].createElement("option", { className: styles$2l['magneto-ui--date-dropdown__option'], value: "", disabled: true, hidden: true }, placeholderLabel), dateOptions === null || dateOptions === void 0 ? void 0 :
|
|
1235
1235
|
dateOptions.map(function (_a) {
|
|
1236
1236
|
var optionValue = _a.optionValue, optionLabel = _a.optionLabel;
|
|
1237
|
-
return (React__default["default"].createElement("option", { className: styles$
|
|
1237
|
+
return (React__default["default"].createElement("option", { className: styles$2l['magneto-ui--date-dropdown__option'], key: optionValue, value: optionValue }, optionLabel));
|
|
1238
1238
|
})),
|
|
1239
|
-
React__default["default"].createElement("span", { className: styles$
|
|
1239
|
+
React__default["default"].createElement("span", { className: styles$2l['magneto-ui--date-dropdown__icon'] }, disabledArrow)));
|
|
1240
1240
|
};
|
|
1241
1241
|
var DateDropdown = Component$2u;
|
|
1242
1242
|
|
|
@@ -1293,7 +1293,7 @@ var fixArrayDate = function (array) {
|
|
|
1293
1293
|
return dateArray.setArray(array).fixMonth().getArray();
|
|
1294
1294
|
};
|
|
1295
1295
|
|
|
1296
|
-
var styles$
|
|
1296
|
+
var styles$2k = {"date-input":"mg_date_input_date-input_1o5wy","date-input__input":"mg_date_input_date-input_input_1o5wy","date-input__separator":"mg_date_input_date-input_separator_1o5wy","date-input__separator--filled":"mg_date_input_date-input_separator--filled_1o5wy","date-input--fit":"mg_date_input_date-input--fit_1o5wy","date-input--error":"mg_date_input_date-input--error_1o5wy","date-input__left":"mg_date_input_date-input_left_1o5wy","date-input__right":"mg_date_input_date-input_right_1o5wy"};
|
|
1297
1297
|
|
|
1298
1298
|
// placeholder to every input.
|
|
1299
1299
|
var placeholder = ['D', 'D', 'M', 'M', 'A', 'A', 'A', 'A'];
|
|
@@ -1404,21 +1404,21 @@ var Component$2t = function (_a) {
|
|
|
1404
1404
|
}
|
|
1405
1405
|
}, []);
|
|
1406
1406
|
return (React__default["default"].createElement("div", { className: [
|
|
1407
|
-
styles$
|
|
1407
|
+
styles$2k['date-input'],
|
|
1408
1408
|
className,
|
|
1409
|
-
fit ? styles$
|
|
1410
|
-
hasError ? styles$
|
|
1409
|
+
fit ? styles$2k['date-input--fit'] : '',
|
|
1410
|
+
hasError ? styles$2k['date-input--error'] : ''
|
|
1411
1411
|
].join(' ') },
|
|
1412
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1412
|
+
React__default["default"].createElement("div", { className: styles$2k['date-input__left'], onClick: function () {
|
|
1413
1413
|
var _a;
|
|
1414
1414
|
(_a = inputsRef.current[0]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
1415
1415
|
} }),
|
|
1416
1416
|
internalValues.map(function (value, index) { return (React__default["default"].createElement(React__default["default"].Fragment, { key: index },
|
|
1417
1417
|
[2, 4].includes(index) ? (
|
|
1418
1418
|
// include / separator in date (DD / MM / YYYY)
|
|
1419
|
-
React__default["default"].createElement("span", { className: [styles$
|
|
1420
|
-
React__default["default"].createElement("input", { className: styles$
|
|
1421
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1419
|
+
React__default["default"].createElement("span", { className: [styles$2k['date-input__separator'], value ? styles$2k['date-input__separator--filled'] : ''].join(' ') }, "/")) : null,
|
|
1420
|
+
React__default["default"].createElement("input", { className: styles$2k['date-input__input'], style: { width: width }, type: "text", maxLength: 1, value: value, placeholder: placeholder[index], onChange: function (e) { return handleChange(index, e.target.value); }, onKeyDown: function (e) { return handleKeyDown(index, e.key); }, onPaste: function (e) { return handlePaste(index, e); }, ref: function (el) { return (inputsRef.current[index] = el); }, inputMode: "numeric" }))); }),
|
|
1421
|
+
React__default["default"].createElement("div", { className: styles$2k['date-input__right'], onClick: function () {
|
|
1422
1422
|
var _a;
|
|
1423
1423
|
(_a = inputsRef.current[inputsRef.current.length - 1]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
1424
1424
|
} })));
|
|
@@ -1439,15 +1439,15 @@ var Component$2s = function (_a) {
|
|
|
1439
1439
|
*/
|
|
1440
1440
|
var Divider = Component$2s;
|
|
1441
1441
|
|
|
1442
|
-
var styles$
|
|
1442
|
+
var styles$2j = {"dots-loader":"mg_dots_loader_dots-loader_zwly0","dots-loader__dot":"mg_dots_loader_dots-loader_dot_zwly0","bounce":"mg_dots_loader_bounce_zwly0"};
|
|
1443
1443
|
|
|
1444
1444
|
var Component$2r = function (_a) {
|
|
1445
1445
|
var _b = _a.count, count = _b === void 0 ? 3 : _b, _c = _a.color, color = _c === void 0 ? '#000' : _c;
|
|
1446
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1446
|
+
return (React__default["default"].createElement("div", { className: styles$2j['dots-loader'] }, Array.from({ length: count }).map(function (_, index) { return (React__default["default"].createElement("span", { key: index, className: styles$2j['dots-loader__dot'], style: { animationDelay: "".concat(index * 0.2, "s"), backgroundColor: color } })); })));
|
|
1447
1447
|
};
|
|
1448
1448
|
var DotsLoader = Component$2r;
|
|
1449
1449
|
|
|
1450
|
-
var styles$
|
|
1450
|
+
var styles$2i = {"magneto-ui-flat-loader":"mg_flat_loader_magneto-ui-flat-loader_q96bq","rotation":"mg_flat_loader_rotation_q96bq"};
|
|
1451
1451
|
|
|
1452
1452
|
var Component$2q = function (_a) {
|
|
1453
1453
|
var color = _a.color, size = _a.size, secondColor = _a.secondColor;
|
|
@@ -1463,33 +1463,33 @@ var Component$2q = function (_a) {
|
|
|
1463
1463
|
height: '15px'
|
|
1464
1464
|
};
|
|
1465
1465
|
}, [size]);
|
|
1466
|
-
return (React__default["default"].createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$
|
|
1466
|
+
return (React__default["default"].createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$2i["".concat(classMUI, "-flat-loader")] }));
|
|
1467
1467
|
};
|
|
1468
1468
|
var FlatLoader = Component$2q;
|
|
1469
1469
|
|
|
1470
|
-
var styles$
|
|
1470
|
+
var styles$2h = {"headerTabComponent":"mg_header_tab_headerTabComponent_1mp3q","headerTabComponent__count":"mg_header_tab_headerTabComponent_count_1mp3q","headerTabComponent__text":"mg_header_tab_headerTabComponent_text_1mp3q"};
|
|
1471
1471
|
|
|
1472
1472
|
var Component$2p = function (_a) {
|
|
1473
1473
|
var tabType = _a.tabType, tabText = _a.tabText, url = _a.url, isActive = _a.isActive, _b = _a.count, count = _b === void 0 ? 0 : _b;
|
|
1474
1474
|
var TabLink = tabType === 'tabOption' ? url : '';
|
|
1475
|
-
return (React__default["default"].createElement(React__default["default"].Fragment, null, tabType === 'tabTitle' ? (React__default["default"].createElement("div", { className: styles$
|
|
1476
|
-
count > 0 && React__default["default"].createElement(Badge, { number: count, className: styles$
|
|
1477
|
-
React__default["default"].createElement("p", { className: styles$
|
|
1478
|
-
count > 0 && React__default["default"].createElement(Badge, { number: count, className: styles$
|
|
1479
|
-
React__default["default"].createElement("p", { className: styles$
|
|
1475
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null, tabType === 'tabTitle' ? (React__default["default"].createElement("div", { className: styles$2h.headerTabComponent, "data-tab-type": "tabTitle" },
|
|
1476
|
+
count > 0 && React__default["default"].createElement(Badge, { number: count, className: styles$2h['headerTabComponent__count'] }),
|
|
1477
|
+
React__default["default"].createElement("p", { className: styles$2h['headerTabComponent__text'] }, tabText))) : (React__default["default"].createElement("a", { className: styles$2h.headerTabComponent, href: TabLink, "data-tab-type": "tabOption", "data-is-active": isActive },
|
|
1478
|
+
count > 0 && React__default["default"].createElement(Badge, { number: count, className: styles$2h['headerTabComponent__count'] }),
|
|
1479
|
+
React__default["default"].createElement("p", { className: styles$2h['headerTabComponent__text'] }, tabText)))));
|
|
1480
1480
|
};
|
|
1481
1481
|
/**
|
|
1482
1482
|
* UI Atom component for HeaderTab
|
|
1483
1483
|
*/
|
|
1484
1484
|
var HeaderTab = Component$2p;
|
|
1485
1485
|
|
|
1486
|
-
var styles$
|
|
1486
|
+
var styles$2g = {"magneto-ui-play-button":"mg_image_magneto-ui-play-button_7q9yc"};
|
|
1487
1487
|
|
|
1488
1488
|
var Image = function (_a) {
|
|
1489
1489
|
var image = _a.image, alt = _a.alt, playIcon = _a.playIcon, className = _a.className;
|
|
1490
1490
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1491
1491
|
React__default["default"].createElement("img", { src: image, alt: alt, loading: "lazy", className: className }),
|
|
1492
|
-
playIcon && React__default["default"].createElement("div", { className: styles$
|
|
1492
|
+
playIcon && React__default["default"].createElement("div", { className: styles$2g['magneto-ui-play-button'] }, playIcon)));
|
|
1493
1493
|
};
|
|
1494
1494
|
|
|
1495
1495
|
var style$$ = {"magneto-ui-container":"mg_input_search_magneto-ui-container_171v5","magneto-ui-container__input-search":"mg_input_search_magneto-ui-container_input-search_171v5","magneto-ui-container__input-search--btn":"mg_input_search_magneto-ui-container_input-search--btn_171v5","magneto-ui-container__input-search--icon":"mg_input_search_magneto-ui-container_input-search--icon_171v5"};
|
|
@@ -1509,22 +1509,22 @@ var InputSearch = function (_a) {
|
|
|
1509
1509
|
React__default["default"].createElement(IconItem, { icon: Close, alt: "search-icon" }))) : (hasASearchFunction)));
|
|
1510
1510
|
};
|
|
1511
1511
|
|
|
1512
|
-
var styles$
|
|
1512
|
+
var styles$2f = {"magneto-ui-job-company-logo":"mg_job_company_logo_magneto-ui-job-company-logo_roy42"};
|
|
1513
1513
|
|
|
1514
1514
|
var Component$2o = function (_a) {
|
|
1515
1515
|
var offerCompanyLogo = _a.offerCompanyLogo;
|
|
1516
1516
|
if (typeof offerCompanyLogo === 'string' || !offerCompanyLogo) {
|
|
1517
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1517
|
+
return (React__default["default"].createElement("div", { className: styles$2f['magneto-ui-job-company-logo'] },
|
|
1518
1518
|
React__default["default"].createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, loading: "lazy", width: '100px', height: '100px' })));
|
|
1519
1519
|
}
|
|
1520
|
-
return React__default["default"].createElement("div", { className: styles$
|
|
1520
|
+
return React__default["default"].createElement("div", { className: styles$2f['magneto-ui-job-company-logo'] }, offerCompanyLogo);
|
|
1521
1521
|
};
|
|
1522
1522
|
/**
|
|
1523
1523
|
* UI Atom component of Company Logo
|
|
1524
1524
|
*/
|
|
1525
1525
|
var JobCompanyLogo = Component$2o;
|
|
1526
1526
|
|
|
1527
|
-
var styles$
|
|
1527
|
+
var styles$2e = {"magneto-ui-job-header":"mg_job_header_magneto-ui-job-header_vn7ok","magneto-ui-job-header__title":"mg_job_header_magneto-ui-job-header_title_vn7ok","magneto-ui-job-header__subtitle":"mg_job_header_magneto-ui-job-header_subtitle_vn7ok","magneto-ui-job-header__link":"mg_job_header_magneto-ui-job-header_link_vn7ok"};
|
|
1528
1528
|
|
|
1529
1529
|
var Component$2n = function (_a) {
|
|
1530
1530
|
var title = _a.title, styles = _a.styles;
|
|
@@ -1550,16 +1550,16 @@ var Component$2l = function (_a) {
|
|
|
1550
1550
|
if (isHidden || !offerCompanyName)
|
|
1551
1551
|
return React__default["default"].createElement(React.Fragment, null);
|
|
1552
1552
|
if (offerCompanyLink) {
|
|
1553
|
-
return (React__default["default"].createElement("a", { className: styles$
|
|
1553
|
+
return (React__default["default"].createElement("a", { className: styles$2e['magneto-ui-job-header__link'], href: offerCompanyLink, title: offerCompanyName }, offerCompanyName));
|
|
1554
1554
|
}
|
|
1555
|
-
return React__default["default"].createElement("h2", { className: styles$
|
|
1555
|
+
return React__default["default"].createElement("h2", { className: styles$2e['magneto-ui-job-header__subtitle'] }, offerCompanyName);
|
|
1556
1556
|
}, [isHidden, offerCompanyLink, offerCompanyName]);
|
|
1557
1557
|
var GenerateTitle = function () {
|
|
1558
1558
|
if (typeTitle === TYPE_TITLE.SUB_TITLE)
|
|
1559
|
-
return React__default["default"].createElement(SubTitleJobDetails, { styles: styles$
|
|
1560
|
-
return React__default["default"].createElement(MainTitleJobDetails, { styles: styles$
|
|
1559
|
+
return React__default["default"].createElement(SubTitleJobDetails, { styles: styles$2e['magneto-ui-job-header__title'], title: String(offerTitle) });
|
|
1560
|
+
return React__default["default"].createElement(MainTitleJobDetails, { styles: styles$2e['magneto-ui-job-header__title'], title: String(offerTitle) });
|
|
1561
1561
|
};
|
|
1562
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1562
|
+
return (React__default["default"].createElement("div", { className: styles$2e['magneto-ui-job-header'] },
|
|
1563
1563
|
GenerateTitle(),
|
|
1564
1564
|
showCompanyName));
|
|
1565
1565
|
};
|
|
@@ -1568,7 +1568,7 @@ var Component$2l = function (_a) {
|
|
|
1568
1568
|
*/
|
|
1569
1569
|
var JobHeader = Component$2l;
|
|
1570
1570
|
|
|
1571
|
-
var styles$
|
|
1571
|
+
var styles$2d = {"linkComponent":"mg_link_linkComponent_1sftl"};
|
|
1572
1572
|
|
|
1573
1573
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
1574
1574
|
var toCSSVariables = function (input) {
|
|
@@ -1587,7 +1587,7 @@ var toCSSVariables = function (input) {
|
|
|
1587
1587
|
var Component$2k = function (_a) {
|
|
1588
1588
|
var type = _a.type, href = _a.href, text = _a.text, title = _a.title, iconProps = _a.iconProps, linkStyles = _a.linkStyles, isMobile = _a.isMobile, rel = _a.rel, target = _a.target;
|
|
1589
1589
|
var stylesValue = React.useMemo(function () { return toCSSVariables(linkStyles); }, [linkStyles]);
|
|
1590
|
-
return (React__default["default"].createElement("a", { className: styles$
|
|
1590
|
+
return (React__default["default"].createElement("a", { className: styles$2d.linkComponent, style: stylesValue, href: href, title: title ? title : text, "data-link-type": type, "data-is-mobile": isMobile, rel: rel, target: target },
|
|
1591
1591
|
iconProps && React__default["default"].createElement(IconItem, __assign({}, iconProps)),
|
|
1592
1592
|
!isMobile && React__default["default"].createElement("p", null, text)));
|
|
1593
1593
|
};
|
|
@@ -1596,11 +1596,11 @@ var Component$2k = function (_a) {
|
|
|
1596
1596
|
*/
|
|
1597
1597
|
var Link = Component$2k;
|
|
1598
1598
|
|
|
1599
|
-
var styles$
|
|
1599
|
+
var styles$2c = {"loadingComponent":"mg_loading_loadingComponent_qi83n","animate":"mg_loading_animate_qi83n"};
|
|
1600
1600
|
|
|
1601
1601
|
var Component$2j = function (_a) {
|
|
1602
1602
|
var loadingIcon = _a.loadingIcon;
|
|
1603
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1603
|
+
return (React__default["default"].createElement("div", { className: styles$2c.loadingComponent },
|
|
1604
1604
|
React__default["default"].createElement(IconItem, __assign({}, loadingIcon))));
|
|
1605
1605
|
};
|
|
1606
1606
|
/**
|
|
@@ -1624,7 +1624,7 @@ var Component$2i = function (_a) {
|
|
|
1624
1624
|
};
|
|
1625
1625
|
var LogoComponent = Component$2i;
|
|
1626
1626
|
|
|
1627
|
-
var styles$
|
|
1627
|
+
var styles$2b = {"MainButtonComponent":"mg_main_button_MainButtonComponent_lh5z0","disabled":"mg_main_button_disabled_lh5z0"};
|
|
1628
1628
|
|
|
1629
1629
|
var Component$2h = function (_a) {
|
|
1630
1630
|
var buttonType = _a.buttonType, buttonSize = _a.buttonSize, buttonText = _a.buttonText, buttonStyles = _a.buttonStyles, loadingState = _a.loadingState, iconProps = _a.iconProps, isMobile = _a.isMobile, className = _a.className, _b = _a.title, title = _b === void 0 ? '' : _b, disabled = _a.disabled, onClick = _a.onClick;
|
|
@@ -1639,21 +1639,21 @@ var Component$2h = function (_a) {
|
|
|
1639
1639
|
iconProps && React__default["default"].createElement(IconItem, __assign({}, iconProps)),
|
|
1640
1640
|
!isMobile && React__default["default"].createElement("p", null, buttonText)));
|
|
1641
1641
|
};
|
|
1642
|
-
return (React__default["default"].createElement("button", { className: "".concat(styles$
|
|
1642
|
+
return (React__default["default"].createElement("button", { className: "".concat(styles$2b.MainButtonComponent, " ").concat(className, " ").concat(disabled ? styles$2b.disabled : ''), type: buttonType, style: stylesValue, onClick: onClick, "data-button-size": buttonSize, "data-is-mobile": isMobile, title: title ? title : buttonText, disabled: disabled }, renderContent()));
|
|
1643
1643
|
};
|
|
1644
1644
|
/**
|
|
1645
1645
|
* Atom UI component of button for general purpose
|
|
1646
1646
|
*/
|
|
1647
1647
|
var MainButton = Component$2h;
|
|
1648
1648
|
|
|
1649
|
-
var styles$
|
|
1649
|
+
var styles$2a = {"magneto-ui-mega-menu-tab":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_f61nm","magneto-ui-mega-menu-tab__icon":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_icon_f61nm","magneto-ui-mega-menu-tab__selected":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_selected_f61nm","magneto-ui-mega-menu-tab__label":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_label_f61nm","magneto-ui-mega-menu-tab__label-selected":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_label-selected_f61nm"};
|
|
1650
1650
|
|
|
1651
|
-
var styles$
|
|
1651
|
+
var styles$29 = {"magneto-ui--search-item":"mg_search_item_magneto-ui--search-item_15w47","magneto-ui--search-item__text":"mg_search_item_magneto-ui--search-item_text_15w47"};
|
|
1652
1652
|
|
|
1653
1653
|
var Component$2g = function (_a) {
|
|
1654
1654
|
var tag = _a.tag, url = _a.url, className = _a.className, _b = _a.icon, icon = _b === void 0 ? ArrowRight2 : _b;
|
|
1655
|
-
return (React__default["default"].createElement("a", { title: tag, className: "".concat(className ? className : styles$
|
|
1656
|
-
React__default["default"].createElement("p", { className: styles$
|
|
1655
|
+
return (React__default["default"].createElement("a", { title: tag, className: "".concat(className ? className : styles$29['magneto-ui--search-item']), href: url },
|
|
1656
|
+
React__default["default"].createElement("p", { className: styles$29['magneto-ui--search-item__text'] }, tag),
|
|
1657
1657
|
React__default["default"].createElement(IconItem, { alt: "arrow icon", hover: false, icon: icon, size: 14 })));
|
|
1658
1658
|
};
|
|
1659
1659
|
/**
|
|
@@ -1668,21 +1668,21 @@ var MegaMenuTab = function (_a) {
|
|
|
1668
1668
|
return '';
|
|
1669
1669
|
return ArrowDown2;
|
|
1670
1670
|
}, [selected, showArrow]);
|
|
1671
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
1672
|
-
React__default["default"].createElement(SearchItem, { tag: label, url: url, icon: icon, className: "".concat(styles$
|
|
1671
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$2a["".concat(classMUI, "-mega-menu-tab")], " ").concat(selected ? styles$2a["".concat(classMUI, "-mega-menu-tab__selected")] : '') },
|
|
1672
|
+
React__default["default"].createElement(SearchItem, { tag: label, url: url, icon: icon, className: "".concat(styles$2a["".concat(classMUI, "-mega-menu-tab__label")], " ").concat(selected ? styles$2a["".concat(classMUI, "-mega-menu-tab__label-selected")] : '') })));
|
|
1673
1673
|
};
|
|
1674
1674
|
|
|
1675
|
-
var styles$
|
|
1675
|
+
var styles$28 = {"magneto-ui-menu-dropdown-list":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_18usg","magneto-ui-menu-dropdown-list--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list--visible_18usg","magneto-ui-menu-dropdown-list__container":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_container_18usg","magneto-ui-menu-dropdown-list__container--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_container--visible_18usg","magneto-ui-menu-dropdown-list__children":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_children_18usg","magneto-ui-menu-dropdown-list__children--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_children--visible_18usg"};
|
|
1676
1676
|
|
|
1677
1677
|
var Component$2f = function (_a) {
|
|
1678
1678
|
var children = _a.children, listClassName = _a.listClassName, opened = _a.opened;
|
|
1679
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1679
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$28, cls: ['menu-dropdown-list', opened && 'menu-dropdown-list--visible'] }) },
|
|
1680
1680
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
1681
|
-
styles: styles$
|
|
1681
|
+
styles: styles$28,
|
|
1682
1682
|
cls: ['menu-dropdown-list__container', opened && 'menu-dropdown-list__container--visible']
|
|
1683
1683
|
}) },
|
|
1684
1684
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
1685
|
-
styles: styles$
|
|
1685
|
+
styles: styles$28,
|
|
1686
1686
|
cls: ['menu-dropdown-list__children', opened && 'menu-dropdown-list__children--visible', listClassName]
|
|
1687
1687
|
}) }, children))));
|
|
1688
1688
|
};
|
|
@@ -1691,7 +1691,7 @@ var Component$2f = function (_a) {
|
|
|
1691
1691
|
*/
|
|
1692
1692
|
var MenuDropdownList = Component$2f;
|
|
1693
1693
|
|
|
1694
|
-
var styles$
|
|
1694
|
+
var styles$27 = {"magneto-ui-menu-dropdown__content":"mg_menu_dropdown_magneto-ui-menu-dropdown_content_v03jf","magneto-ui-menu-dropdown__container":"mg_menu_dropdown_magneto-ui-menu-dropdown_container_v03jf","magneto-ui-menu-dropdown__title":"mg_menu_dropdown_magneto-ui-menu-dropdown_title_v03jf","magneto-ui-menu-dropdown__suffix":"mg_menu_dropdown_magneto-ui-menu-dropdown_suffix_v03jf","magneto-ui-menu-dropdown__suffix--visible":"mg_menu_dropdown_magneto-ui-menu-dropdown_suffix--visible_v03jf"};
|
|
1695
1695
|
|
|
1696
1696
|
var Component$2e = function (_a) {
|
|
1697
1697
|
var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.listClassName, listClassName = _c === void 0 ? '' : _c, onClick = _a.onClick, opened = _a.opened, prefixIcon = _a.prefixIcon, _d = _a.suffixIcon, suffixIcon = _d === void 0 ? { icon: ArrowDownWhite } : _d, title = _a.title;
|
|
@@ -1708,13 +1708,13 @@ var Component$2e = function (_a) {
|
|
|
1708
1708
|
var handleButtonClick = React.useCallback(function (e) {
|
|
1709
1709
|
e.stopPropagation();
|
|
1710
1710
|
}, []);
|
|
1711
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1712
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1713
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1711
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$27, cls: ['menu-dropdown', className] }), onClick: toggleOptions },
|
|
1712
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$27, cls: ['menu-dropdown__content'] }) },
|
|
1713
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$27, cls: ['menu-dropdown__container'] }) },
|
|
1714
1714
|
prefixIcon && React__default["default"].createElement(IconItem, __assign({ size: 18 }, prefixIcon)),
|
|
1715
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
1715
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$27, cls: ['menu-dropdown__title'] }) }, title),
|
|
1716
1716
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
1717
|
-
styles: styles$
|
|
1717
|
+
styles: styles$27,
|
|
1718
1718
|
cls: ['menu-dropdown__suffix', localOpened && 'menu-dropdown__suffix--visible']
|
|
1719
1719
|
}) },
|
|
1720
1720
|
React__default["default"].createElement(IconItem, __assign({ size: 18 }, suffixIcon)))),
|
|
@@ -1737,7 +1737,7 @@ var MenuItem = function (_a) {
|
|
|
1737
1737
|
React__default["default"].createElement("p", null, text))));
|
|
1738
1738
|
};
|
|
1739
1739
|
|
|
1740
|
-
var styles$
|
|
1740
|
+
var styles$26 = {"container":"mg_multi_range_slider_container_y44v2","slider":"mg_multi_range_slider_slider_y44v2","track":"mg_multi_range_slider_track_y44v2","range":"mg_multi_range_slider_range_y44v2","values":"mg_multi_range_slider_values_y44v2","left_value":"mg_multi_range_slider_left_value_y44v2","right_value":"mg_multi_range_slider_right_value_y44v2","thumb":"mg_multi_range_slider_thumb_y44v2","zIndex_3":"mg_multi_range_slider_zIndex_3_y44v2","zIndex_4":"mg_multi_range_slider_zIndex_4_y44v2","zIndex_5":"mg_multi_range_slider_zIndex_5_y44v2"};
|
|
1741
1741
|
|
|
1742
1742
|
var MultiRangeSlider = function (_a) {
|
|
1743
1743
|
var min = _a.min, max = _a.max, currentMin = _a.currentMin, currentMax = _a.currentMax, _b = _a.showValues, showValues = _b === void 0 ? true : _b, onChange = _a.onChange, currency = _a.currency, _c = _a.steps, steps = _c === void 0 ? 0 : _c, _d = _a.size, size = _d === void 0 ? 260 : _d, defaultMin = _a.defaultMin, defaultMax = _a.defaultMax;
|
|
@@ -1795,30 +1795,30 @@ var MultiRangeSlider = function (_a) {
|
|
|
1795
1795
|
var handleMouseUpValues = React.useCallback(function () {
|
|
1796
1796
|
onChange({ min: minVal, max: maxVal });
|
|
1797
1797
|
}, [minVal, maxVal, onChange]);
|
|
1798
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1798
|
+
return (React__default["default"].createElement("div", { className: styles$26.container },
|
|
1799
1799
|
React__default["default"].createElement("input", { style: { width: size }, type: "range", min: min, max: max, step: steps, value: minVal, ref: minValRef, onMouseUp: handleMouseUpValues, onChange: function (event) {
|
|
1800
1800
|
var value = Math.min(+event.target.value, maxVal - 1);
|
|
1801
1801
|
setMinVal(value);
|
|
1802
1802
|
event.target.value = value.toString();
|
|
1803
|
-
}, className: "\n ".concat(styles$
|
|
1803
|
+
}, className: "\n ".concat(styles$26.thumb, " \n ").concat(styles$26.zIndex_3, " \n ").concat(minVal > max - 100 ? styles$26.zIndex_5 : '', "\n ") }),
|
|
1804
1804
|
React__default["default"].createElement("input", { type: "range", style: { width: size }, min: min, max: max, step: steps, value: maxVal, ref: maxValRef, onMouseUp: handleMouseUpValues, onChange: function (event) {
|
|
1805
1805
|
var value = Math.max(+event.target.value, minVal + 1);
|
|
1806
1806
|
setMaxVal(value);
|
|
1807
1807
|
event.target.value = value.toString();
|
|
1808
|
-
}, className: "".concat(styles$
|
|
1809
|
-
React__default["default"].createElement("div", { style: { width: size }, className: styles$
|
|
1810
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1811
|
-
React__default["default"].createElement("div", { ref: range, className: styles$
|
|
1812
|
-
showValues && (React__default["default"].createElement("div", { className: styles$
|
|
1813
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1814
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1808
|
+
}, className: "".concat(styles$26.thumb, " ").concat(styles$26.zIndex_4) }),
|
|
1809
|
+
React__default["default"].createElement("div", { style: { width: size }, className: styles$26.slider },
|
|
1810
|
+
React__default["default"].createElement("div", { className: styles$26.track }),
|
|
1811
|
+
React__default["default"].createElement("div", { ref: range, className: styles$26.range }),
|
|
1812
|
+
showValues && (React__default["default"].createElement("div", { className: styles$26.values },
|
|
1813
|
+
React__default["default"].createElement("div", { className: styles$26.left_value }, hasCurrency),
|
|
1814
|
+
React__default["default"].createElement("div", { className: styles$26.right_value }, maxVal.toLocaleString()))))));
|
|
1815
1815
|
};
|
|
1816
1816
|
|
|
1817
|
-
var styles$
|
|
1817
|
+
var styles$25 = {"content":"mg_paragraph_content_1mtnz"};
|
|
1818
1818
|
|
|
1819
1819
|
var Component$2d = function (_a) {
|
|
1820
1820
|
var paragraph = _a.paragraph;
|
|
1821
|
-
return React__default["default"].createElement("p", { className: styles$
|
|
1821
|
+
return React__default["default"].createElement("p", { className: styles$25.content }, paragraph);
|
|
1822
1822
|
};
|
|
1823
1823
|
var Paragraph = React.memo(Component$2d);
|
|
1824
1824
|
|
|
@@ -1854,12 +1854,12 @@ exports.ERadioType = void 0;
|
|
|
1854
1854
|
ERadioType["button"] = "button";
|
|
1855
1855
|
})(exports.ERadioType || (exports.ERadioType = {}));
|
|
1856
1856
|
|
|
1857
|
-
var styles$
|
|
1857
|
+
var styles$24 = {"magneto-ui-radio-button":"mg_radio_button_magneto-ui-radio-button_1ekre","magneto-ui-radio-button--checked":"mg_radio_button_magneto-ui-radio-button--checked_1ekre","magneto-ui-radio-button--disabled":"mg_radio_button_magneto-ui-radio-button--disabled_1ekre","magneto-ui-radio-button__children":"mg_radio_button_magneto-ui-radio-button_children_1ekre"};
|
|
1858
1858
|
|
|
1859
1859
|
var Component$2b = function (_a) {
|
|
1860
1860
|
var checked = _a.checked, children = _a.children, childrenClassName = _a.childrenClassName, className = _a.className, defaultChecked = _a.defaultChecked, disabled = _a.disabled, id = _a.id, onChange = _a.onChange, prefixIcon = _a.prefixIcon, suffixIcon = _a.suffixIcon;
|
|
1861
1861
|
return (React__default["default"].createElement("label", { className: CNM.get({
|
|
1862
|
-
styles: styles$
|
|
1862
|
+
styles: styles$24,
|
|
1863
1863
|
cls: [
|
|
1864
1864
|
'radio-button',
|
|
1865
1865
|
(checked || defaultChecked) && 'radio-button--checked',
|
|
@@ -1869,7 +1869,7 @@ var Component$2b = function (_a) {
|
|
|
1869
1869
|
}), htmlFor: id },
|
|
1870
1870
|
prefixIcon && React__default["default"].createElement(IconItem, __assign({ size: 18 }, prefixIcon)),
|
|
1871
1871
|
React__default["default"].createElement("input", { type: "radio", disabled: disabled, id: id, checked: checked || defaultChecked, onChange: onChange }),
|
|
1872
|
-
children && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
1872
|
+
children && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$24, cls: ['radio-button__children', childrenClassName] }) }, children)),
|
|
1873
1873
|
suffixIcon && React__default["default"].createElement(IconItem, __assign({ size: 18 }, suffixIcon))));
|
|
1874
1874
|
};
|
|
1875
1875
|
/**
|
|
@@ -1877,21 +1877,21 @@ var Component$2b = function (_a) {
|
|
|
1877
1877
|
*/
|
|
1878
1878
|
var RadioButton = Component$2b;
|
|
1879
1879
|
|
|
1880
|
-
var styles$
|
|
1880
|
+
var styles$23 = {"magneto-ui-radio-default":"mg_radio_default_magneto-ui-radio-default_1csy4","magneto-ui-radio-default--disabled":"mg_radio_default_magneto-ui-radio-default--disabled_1csy4","magneto-ui-radio-default__indicator":"mg_radio_default_magneto-ui-radio-default_indicator_1csy4","magneto-ui-radio-default__indicator--checked":"mg_radio_default_magneto-ui-radio-default_indicator--checked_1csy4","magneto-ui-radio-default__label":"mg_radio_default_magneto-ui-radio-default_label_1csy4"};
|
|
1881
1881
|
|
|
1882
1882
|
var Component$2a = function (_a) {
|
|
1883
1883
|
var checked = _a.checked, children = _a.children, childrenClassName = _a.childrenClassName, className = _a.className, defaultChecked = _a.defaultChecked, disabled = _a.disabled, id = _a.id, indicatorClassName = _a.indicatorClassName, onChange = _a.onChange;
|
|
1884
|
-
return (React__default["default"].createElement("label", { className: CNM.get({ styles: styles$
|
|
1884
|
+
return (React__default["default"].createElement("label", { className: CNM.get({ styles: styles$23, cls: ['radio-default', disabled && 'radio-default--disabled', className] }), htmlFor: id },
|
|
1885
1885
|
React__default["default"].createElement("input", { type: "radio", id: id, disabled: disabled, checked: checked || defaultChecked, onChange: onChange }),
|
|
1886
1886
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
1887
|
-
styles: styles$
|
|
1887
|
+
styles: styles$23,
|
|
1888
1888
|
cls: [
|
|
1889
1889
|
'radio-default__indicator',
|
|
1890
1890
|
(checked || defaultChecked) && 'radio-default__indicator--checked',
|
|
1891
1891
|
indicatorClassName
|
|
1892
1892
|
]
|
|
1893
1893
|
}) }),
|
|
1894
|
-
children && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
1894
|
+
children && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$23, cls: ['radio-default-label', childrenClassName] }) }, children))));
|
|
1895
1895
|
};
|
|
1896
1896
|
/**
|
|
1897
1897
|
* Molecule UI component for radio default
|
|
@@ -1917,21 +1917,21 @@ var Component$29 = function (_a) {
|
|
|
1917
1917
|
*/
|
|
1918
1918
|
var Radio = Component$29;
|
|
1919
1919
|
|
|
1920
|
-
var styles$
|
|
1920
|
+
var styles$22 = {"magneto-ui-save-button":"mg_save_button_magneto-ui-save-button_1d7nc","magneto-ui-save-button__mobile-text":"mg_save_button_magneto-ui-save-button_mobile-text_1d7nc","button-content":"mg_save_button_button-content_1d7nc","hover-effect":"mg_save_button_hover-effect_1d7nc"};
|
|
1921
1921
|
|
|
1922
1922
|
var Component$28 = function (_a) {
|
|
1923
1923
|
var isAuthenticated = _a.isAuthenticated, isSaved = _a.isSaved, buttonText = _a.buttonText, buttonTitle = _a.buttonTitle, addHover = _a.addHover, onClick = _a.onClick;
|
|
1924
|
-
return isAuthenticated ? (React__default["default"].createElement("button", { className: "".concat(styles$
|
|
1925
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1924
|
+
return isAuthenticated ? (React__default["default"].createElement("button", { className: "".concat(styles$22['magneto-ui-save-button'], " ").concat(addHover && styles$22['hover-effect']), type: "button", onClick: onClick, "aria-label": buttonTitle },
|
|
1925
|
+
React__default["default"].createElement("div", { className: styles$22['button-content'] },
|
|
1926
1926
|
React__default["default"].createElement(IconItem, { size: 20, icon: isSaved ? ArchiveRemove : ArchiveAdd, hover: addHover }),
|
|
1927
|
-
buttonText && React__default["default"].createElement("p", { className: styles$
|
|
1927
|
+
buttonText && React__default["default"].createElement("p", { className: styles$22['magneto-ui-save-button__mobile-text'] }, buttonText)))) : null;
|
|
1928
1928
|
};
|
|
1929
1929
|
/**
|
|
1930
1930
|
* UI Atom Component of Save Button
|
|
1931
1931
|
*/
|
|
1932
1932
|
var SaveButton = Component$28;
|
|
1933
1933
|
|
|
1934
|
-
var styles$
|
|
1934
|
+
var styles$21 = {"magneto-ui-share-button":"mg_share_button_magneto-ui-share-button_15yvi","magneto-ui-share-button__mobile-text":"mg_share_button_magneto-ui-share-button_mobile-text_15yvi","button-content":"mg_share_button_button-content_15yvi","hover-effect":"mg_share_button_hover-effect_15yvi"};
|
|
1935
1935
|
|
|
1936
1936
|
var Component$27 = function (_a) {
|
|
1937
1937
|
var _b = _a.className, className = _b === void 0 ? '' : _b, buttonTitle = _a.buttonTitle, buttonText = _a.buttonText, detailUrl = _a.detailUrl, addHover = _a.addHover, onCopySuccess = _a.onCopySuccess;
|
|
@@ -1940,14 +1940,14 @@ var Component$27 = function (_a) {
|
|
|
1940
1940
|
navigator.clipboard.writeText(detailUrl).then(function () { return onCopySuccess(); });
|
|
1941
1941
|
}
|
|
1942
1942
|
};
|
|
1943
|
-
return (React__default["default"].createElement("button", { className: "".concat(styles$
|
|
1944
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1943
|
+
return (React__default["default"].createElement("button", { className: "".concat(styles$21['magneto-ui-share-button'], " ").concat(addHover && styles$21['hover-effect'], " ").concat(className), type: "button", onClick: handleCopyClick, title: buttonTitle },
|
|
1944
|
+
React__default["default"].createElement("div", { className: styles$21['button-content'] },
|
|
1945
1945
|
React__default["default"].createElement(IconItem, { size: 20, icon: Link1, hover: addHover }),
|
|
1946
|
-
buttonText && React__default["default"].createElement("p", { className: styles$
|
|
1946
|
+
buttonText && React__default["default"].createElement("p", { className: styles$21['magneto-ui-share-button__mobile-text'] }, buttonText))));
|
|
1947
1947
|
};
|
|
1948
1948
|
var ShareButton = Component$27;
|
|
1949
1949
|
|
|
1950
|
-
var styles$
|
|
1950
|
+
var styles$20 = {"magneto-ui-skill":"mg_skill_magneto-ui-skill_1nwsu","magneto-ui-skill__wrapper":"mg_skill_magneto-ui-skill_wrapper_1nwsu","magneto-ui-skill__bar":"mg_skill_magneto-ui-skill_bar_1nwsu","one":"mg_skill_one_1nwsu","two":"mg_skill_two_1nwsu","three":"mg_skill_three_1nwsu","four":"mg_skill_four_1nwsu"};
|
|
1951
1951
|
|
|
1952
1952
|
var Component$26 = function (_a) {
|
|
1953
1953
|
var name = _a.name, score = _a.score;
|
|
@@ -1985,15 +1985,15 @@ var Component$26 = function (_a) {
|
|
|
1985
1985
|
4: 'four'
|
|
1986
1986
|
};
|
|
1987
1987
|
var levelClass = scoreToLevel[score || 0] || '';
|
|
1988
|
-
var fillAnimation = animationApplied ? styles$
|
|
1989
|
-
return (React__default["default"].createElement("div", { ref: skillRef, className: styles$
|
|
1990
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1988
|
+
var fillAnimation = animationApplied ? styles$20[levelClass] : '';
|
|
1989
|
+
return (React__default["default"].createElement("div", { ref: skillRef, className: styles$20['magneto-ui-skill'] },
|
|
1990
|
+
React__default["default"].createElement("div", { className: styles$20['magneto-ui-skill__wrapper'] },
|
|
1991
1991
|
React__default["default"].createElement("p", null, name),
|
|
1992
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
1992
|
+
React__default["default"].createElement("div", { className: "".concat(styles$20['magneto-ui-skill__bar'], " ").concat(fillAnimation || styles$20['magneto-ui-skill--no-animation']) }))));
|
|
1993
1993
|
};
|
|
1994
1994
|
var Skill = Component$26;
|
|
1995
1995
|
|
|
1996
|
-
var styles$
|
|
1996
|
+
var styles$1$ = {"magneto-ui-switch_container":"mg_switch_magneto-ui-switch_container_1g2ul","magneto-ui-switch":"mg_switch_magneto-ui-switch_1g2ul","magneto-ui-slider":"mg_switch_magneto-ui-slider_1g2ul","magneto-ui-round":"mg_switch_magneto-ui-round_1g2ul"};
|
|
1997
1997
|
|
|
1998
1998
|
var Switch = function (_a) {
|
|
1999
1999
|
var _b = _a.isActive, isActive = _b === void 0 ? false : _b, _c = _a.setIsActive, setIsActive = _c === void 0 ? function () { return null; } : _c, _d = _a.title, title = _d === void 0 ? '' : _d, _e = _a.className, className = _e === void 0 ? '' : _e, _f = _a.isDisabled, isDisabled = _f === void 0 ? false : _f;
|
|
@@ -2007,10 +2007,10 @@ var Switch = function (_a) {
|
|
|
2007
2007
|
setChecked(function (state) { return !state; });
|
|
2008
2008
|
setIsActive(!isActive);
|
|
2009
2009
|
}, [isDisabled, setIsActive, isActive]);
|
|
2010
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2011
|
-
React__default["default"].createElement("label", { className: styles$
|
|
2010
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$1$['magneto-ui-switch_container'], " ").concat(className) },
|
|
2011
|
+
React__default["default"].createElement("label", { className: styles$1$['magneto-ui-switch'] },
|
|
2012
2012
|
React__default["default"].createElement("input", { type: "checkbox", onChange: handleChange, checked: checked, role: "switch" }),
|
|
2013
|
-
React__default["default"].createElement("span", { className: "".concat(styles$
|
|
2013
|
+
React__default["default"].createElement("span", { className: "".concat(styles$1$['magneto-ui-slider'], " ").concat(styles$1$['magneto-ui-round']) })),
|
|
2014
2014
|
title && React__default["default"].createElement("p", null, title)));
|
|
2015
2015
|
};
|
|
2016
2016
|
|
|
@@ -2038,7 +2038,7 @@ var Tags = function (_a) {
|
|
|
2038
2038
|
React__default["default"].createElement(IconItem, { icon: icon, alt: "tag-icon" })));
|
|
2039
2039
|
};
|
|
2040
2040
|
|
|
2041
|
-
var styles$
|
|
2041
|
+
var styles$1_ = {"magneto-ui-toggle-button":"mg_toggle_button_magneto-ui-toggle-button_1g06c","magneto-ui-toggle-button__img":"mg_toggle_button_magneto-ui-toggle-button_img_1g06c","toggle-button-selected":"mg_toggle_button_toggle-button-selected_1g06c","toggle-image-selected":"mg_toggle_button_toggle-image-selected_1g06c"};
|
|
2042
2042
|
|
|
2043
2043
|
var Component$25 = function (_a) {
|
|
2044
2044
|
var className = _a.className, _b = _a.color, color = _b === void 0 ? '#001B38' : _b, _c = _a.onChange, onChange = _c === void 0 ? function () { return ({}); } : _c, id = _a.id, name = _a.name, currentSelect = _a.currentSelect, _d = _a.baseColor, baseColor = _d === void 0 ? 'transparent' : _d, _e = _a.customIcon, customIcon = _e === void 0 ? '' : _e;
|
|
@@ -2071,20 +2071,20 @@ var Component$25 = function (_a) {
|
|
|
2071
2071
|
color: isColorDark(baseColor || '#FFFFFF') ? '#FFFFFF' : '#000000'
|
|
2072
2072
|
};
|
|
2073
2073
|
}, [baseColor, color, currentSelect]);
|
|
2074
|
-
return (React__default["default"].createElement("button", { className: "".concat(styles$
|
|
2075
|
-
customIcon && (React__default["default"].createElement("img", { className: "".concat(styles$
|
|
2074
|
+
return (React__default["default"].createElement("button", { className: "".concat(styles$1_["".concat(classMUI, "-toggle-button")], " ").concat(className || '', " ").concat(currentSelect ? styles$1_['toggle-button-selected'] : ''), style: __assign({}, selectStyles), onClick: function () { return handleClick({ id: id, name: name }); }, type: "button" },
|
|
2075
|
+
customIcon && (React__default["default"].createElement("img", { className: "".concat(styles$1_["".concat(classMUI, "-toggle-button__img")], " ").concat(currentSelect ? styles$1_['toggle-image-selected'] : ''), src: customIcon, alt: "toogle-btn" })),
|
|
2076
2076
|
name));
|
|
2077
2077
|
};
|
|
2078
2078
|
var ToggleButton = Component$25;
|
|
2079
2079
|
|
|
2080
|
-
var styles$
|
|
2080
|
+
var styles$1Z = {"magneto-ui-user-menu-button-analyst":"mg_user_menu_button_analyst_magneto-ui-user-menu-button-analyst_1crg0"};
|
|
2081
2081
|
|
|
2082
2082
|
var Component$24 = function (_a) {
|
|
2083
2083
|
var className = _a.className, title = _a.title, onClick = _a.onClick, user = _a.user;
|
|
2084
2084
|
var userInfo = useMediaQuery(React__default["default"].createElement("span", null, "".concat(user, " | ").concat(title)), {
|
|
2085
2085
|
sm: null
|
|
2086
2086
|
});
|
|
2087
|
-
return (React__default["default"].createElement("button", { className: CNM.get({ styles: styles$
|
|
2087
|
+
return (React__default["default"].createElement("button", { className: CNM.get({ styles: styles$1Z, cls: ['user-menu-button-analyst', className] }), onClick: onClick },
|
|
2088
2088
|
React__default["default"].createElement(IconItem, { icon: UserRoundedBlue, size: 20 }),
|
|
2089
2089
|
userInfo,
|
|
2090
2090
|
React__default["default"].createElement(IconItem, { icon: ArrowDownBlue, size: 16 })));
|
|
@@ -2094,7 +2094,7 @@ var Component$24 = function (_a) {
|
|
|
2094
2094
|
*/
|
|
2095
2095
|
var UserMenuButtonAnalyst = Component$24;
|
|
2096
2096
|
|
|
2097
|
-
var styles$
|
|
2097
|
+
var styles$1Y = {"magneto-ui-actions":"mg_actions_magneto-ui-actions_ks5p3","magneto-ui-actions__header":"mg_actions_magneto-ui-actions_header_ks5p3","magneto-ui-actions__header-title":"mg_actions_magneto-ui-actions_header-title_ks5p3","magneto-ui-actions__header-subtitle":"mg_actions_magneto-ui-actions_header-subtitle_ks5p3","magneto-ui-actions__button":"mg_actions_magneto-ui-actions_button_ks5p3","magneto-ui-actions__link":"mg_actions_magneto-ui-actions_link_ks5p3","magneto-ui-actions__link--no-decorator":"mg_actions_magneto-ui-actions_link--no-decorator_ks5p3","magneto-ui-actions__apply-button":"mg_actions_magneto-ui-actions_apply-button_ks5p3","magneto-ui-actions__back":"mg_actions_magneto-ui-actions_back_ks5p3","magneto-ui-actions__share":"mg_actions_magneto-ui-actions_share_ks5p3","magneto-ui__external-child":"mg_actions_magneto-ui_external-child_ks5p3"};
|
|
2098
2098
|
|
|
2099
2099
|
var ShareIcons = {
|
|
2100
2100
|
Facebook: {
|
|
@@ -2127,39 +2127,39 @@ var Component$23 = function (_a) {
|
|
|
2127
2127
|
};
|
|
2128
2128
|
if (component)
|
|
2129
2129
|
return component;
|
|
2130
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2131
|
-
React__default["default"].createElement("div", { id: styles$
|
|
2130
|
+
return (React__default["default"].createElement("div", { className: styles$1Y['magneto-ui-actions'] },
|
|
2131
|
+
React__default["default"].createElement("div", { id: styles$1Y['magneto-ui__external-child'] }, !isApplied && externalButtonChild),
|
|
2132
2132
|
React__default["default"].createElement(SaveButton, __assign({}, saveButtonProps)),
|
|
2133
|
-
React__default["default"].createElement("button", { className: styles$
|
|
2133
|
+
React__default["default"].createElement("button", { className: styles$1Y['magneto-ui-actions__button'], "aria-label": shareButtonProps.title, onClick: function () {
|
|
2134
2134
|
return setComponent(React__default["default"].createElement(Actions.ShareLinks, { offerCompanyName: offerCompanyName, shareButtonProps: copyButtonProps, ActionsHeader: ActionsHeader, backText: backText, onBack: handleBack }));
|
|
2135
2135
|
} },
|
|
2136
2136
|
React__default["default"].createElement(IconItem, { size: 20, icon: Share }),
|
|
2137
2137
|
shareButtonProps.content), actionsLinkList === null || actionsLinkList === void 0 ? void 0 :
|
|
2138
2138
|
actionsLinkList.map(function (_a, index) {
|
|
2139
2139
|
var url = _a.url, text = _a.text, Icon = _a.Icon;
|
|
2140
|
-
return (React__default["default"].createElement("a", { className: styles$
|
|
2140
|
+
return (React__default["default"].createElement("a", { className: styles$1Y['magneto-ui-actions__link'], key: index, href: url, target: "_blank", rel: "noreferrer" },
|
|
2141
2141
|
React__default["default"].createElement(IconItem, { hover: false, size: 20, icon: Icon }),
|
|
2142
2142
|
React__default["default"].createElement("p", { key: index }, text)));
|
|
2143
2143
|
}),
|
|
2144
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2145
|
-
React__default["default"].createElement("p", { className: styles$
|
|
2146
|
-
offerCompanyName ? React__default["default"].createElement("p", { className: styles$
|
|
2144
|
+
React__default["default"].createElement("div", { className: styles$1Y['magneto-ui-actions__header'] },
|
|
2145
|
+
React__default["default"].createElement("p", { className: styles$1Y['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
2146
|
+
offerCompanyName ? React__default["default"].createElement("p", { className: styles$1Y['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null)));
|
|
2147
2147
|
};
|
|
2148
2148
|
var ShareLinksAction = function (_a) {
|
|
2149
2149
|
var onBack = _a.onBack, _b = _a.shareButtonProps, _c = _b.shareLinks, shareLinks = _c === void 0 ? [] : _c, shareProps = __rest(_b, ["shareLinks"]), ActionsHeader = _a.ActionsHeader, offerCompanyName = _a.offerCompanyName, backText = _a.backText;
|
|
2150
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2151
|
-
React__default["default"].createElement(ShareButton, __assign({ className: styles$
|
|
2150
|
+
return (React__default["default"].createElement("div", { className: styles$1Y['magneto-ui-actions'] },
|
|
2151
|
+
React__default["default"].createElement(ShareButton, __assign({ className: styles$1Y['magneto-ui-actions__share'] }, shareProps)),
|
|
2152
2152
|
shareLinks.map(function (_a, index) {
|
|
2153
2153
|
var title = _a.title, ariaLabel = _a.ariaLabel, href = _a.href, icon = _a.icon, name = _a.name;
|
|
2154
|
-
return (React__default["default"].createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$
|
|
2154
|
+
return (React__default["default"].createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$1Y['magneto-ui-actions__link'], styles$1Y['magneto-ui-actions__link--no-decorator']].join(' ') },
|
|
2155
2155
|
React__default["default"].createElement(IconItem, { size: 40, icon: name ? ShareIcons[name].icon : icon }),
|
|
2156
2156
|
React__default["default"].createElement("span", null, title)));
|
|
2157
2157
|
}),
|
|
2158
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2159
|
-
React__default["default"].createElement("p", { className: styles$
|
|
2160
|
-
offerCompanyName ? React__default["default"].createElement("p", { className: styles$
|
|
2161
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2162
|
-
React__default["default"].createElement("button", { className: styles$
|
|
2158
|
+
React__default["default"].createElement("div", { className: styles$1Y['magneto-ui-actions__header'] },
|
|
2159
|
+
React__default["default"].createElement("p", { className: styles$1Y['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
2160
|
+
offerCompanyName ? React__default["default"].createElement("p", { className: styles$1Y['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null),
|
|
2161
|
+
React__default["default"].createElement("div", { className: styles$1Y['magneto-ui-actions__back'] },
|
|
2162
|
+
React__default["default"].createElement("button", { className: styles$1Y['magneto-ui-actions__button'], onClick: function () { return onBack(); } },
|
|
2163
2163
|
React__default["default"].createElement(IconItem, { size: 20, icon: ArrowLeft2 })),
|
|
2164
2164
|
backText)));
|
|
2165
2165
|
};
|
|
@@ -2323,11 +2323,11 @@ var BrandsMenuPopover = function (_a) {
|
|
|
2323
2323
|
};
|
|
2324
2324
|
var BrandsMenuPopover$1 = withClickOut(BrandsMenuPopover);
|
|
2325
2325
|
|
|
2326
|
-
var styles$
|
|
2326
|
+
var styles$1X = {"BreadcrumbsComponent":"mg_breadcrumbs_BreadcrumbsComponent_13csm"};
|
|
2327
2327
|
|
|
2328
2328
|
var Component$20 = function (_a) {
|
|
2329
2329
|
var homeUrl = _a.homeUrl, breadcrumbProps = _a.breadcrumbProps, _b = _a.iconProps, iconProps = _b === void 0 ? iconPropsBreadCrumb : _b;
|
|
2330
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2330
|
+
return (React__default["default"].createElement("div", { className: styles$1X.BreadcrumbsComponent },
|
|
2331
2331
|
React__default["default"].createElement("a", { href: homeUrl },
|
|
2332
2332
|
React__default["default"].createElement(IconItem, __assign({}, iconProps))),
|
|
2333
2333
|
breadcrumbProps && React__default["default"].createElement(Breadcrumb, __assign({}, breadcrumbProps))));
|
|
@@ -2337,19 +2337,19 @@ var Component$20 = function (_a) {
|
|
|
2337
2337
|
*/
|
|
2338
2338
|
var Breadcrumbs = Component$20;
|
|
2339
2339
|
|
|
2340
|
-
var styles$
|
|
2340
|
+
var styles$1W = {"magneto-ui-cities-detail-drawer":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_16b6c","magneto-ui-cities-detail-drawer__item-detail-icon":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-icon_16b6c","magneto-ui-cities-detail-drawer__item-detail-text":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text_16b6c","magneto-ui-cities-detail-drawer__item-detail-text-remote":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text-remote_16b6c","magneto-ui-cities-detail-drawer__item-detail-text-link":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text-link_16b6c"};
|
|
2341
2341
|
|
|
2342
2342
|
var CitiesDetailDrawer = function (_a) {
|
|
2343
2343
|
var cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
|
|
2344
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2345
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2344
|
+
return (React__default["default"].createElement("div", { className: styles$1W['magneto-ui-cities-detail-drawer'] }, cities && (cities === null || cities === void 0 ? void 0 : cities.length) ? (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
2345
|
+
React__default["default"].createElement("div", { className: styles$1W['magneto-ui-cities-detail-drawer__item-detail-icon'] },
|
|
2346
2346
|
React__default["default"].createElement(IconItem, { alt: 'Location-icon', icon: Location, hover: false, size: 16 })),
|
|
2347
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2348
|
-
isRemote && (React__default["default"].createElement("p", { className: styles$
|
|
2347
|
+
React__default["default"].createElement("div", { className: styles$1W['magneto-ui-cities-detail-drawer__item-detail-text'] },
|
|
2348
|
+
isRemote && (React__default["default"].createElement("p", { className: styles$1W['magneto-ui-cities-detail-drawer__item-detail-text-remote'] }, textRemote)),
|
|
2349
2349
|
cities &&
|
|
2350
2350
|
cities.map(function (_a, index) {
|
|
2351
2351
|
var name = _a.name, url = _a.url, title = _a.title;
|
|
2352
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2352
|
+
return (React__default["default"].createElement("div", { className: styles$1W['magneto-ui-cities-detail-drawer__item-detail-text-link'], key: url },
|
|
2353
2353
|
url ? React__default["default"].createElement(Link, { href: url, target: "_blank", text: name, title: title }) : React__default["default"].createElement("span", null, name),
|
|
2354
2354
|
index !== cities.length - 1 && React__default["default"].createElement("span", null, ' - ')));
|
|
2355
2355
|
})))) : null));
|
|
@@ -2357,21 +2357,21 @@ var CitiesDetailDrawer = function (_a) {
|
|
|
2357
2357
|
|
|
2358
2358
|
var Avatar3DImg = "https://static.magneto365.com/lib/assets/img/d01f8eef0ddaca1f.png";
|
|
2359
2359
|
|
|
2360
|
-
var styles$
|
|
2360
|
+
var styles$1V = {"create-account-cta":"mg_create_account_c_t_a_create-account-cta_kugln","create-account-cta__loader":"mg_create_account_c_t_a_create-account-cta_loader_kugln","create-account-cta__avatar":"mg_create_account_c_t_a_create-account-cta_avatar_kugln","create-account-cta__summary":"mg_create_account_c_t_a_create-account-cta_summary_kugln","create-account-cta__arrow":"mg_create_account_c_t_a_create-account-cta_arrow_kugln"};
|
|
2361
2361
|
|
|
2362
2362
|
var Component$1$ = function (_a) {
|
|
2363
2363
|
var ctaClick = _a.ctaClick, description = _a.description, title = _a.title, isLoading = _a.isLoading;
|
|
2364
|
-
return (React__default["default"].createElement("button", { disabled: isLoading, onClick: ctaClick, className: styles$
|
|
2364
|
+
return (React__default["default"].createElement("button", { disabled: isLoading, onClick: ctaClick, className: styles$1V['create-account-cta'] }, isLoading ? (React__default["default"].createElement("div", { className: styles$1V['create-account-cta__loader'] },
|
|
2365
2365
|
React__default["default"].createElement(DotsLoader, { color: "#1a324c", count: 3 }))) : (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
2366
|
-
React__default["default"].createElement("img", { className: styles$
|
|
2367
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2366
|
+
React__default["default"].createElement("img", { className: styles$1V['create-account-cta__avatar'], src: Avatar3DImg, alt: "avatar" }),
|
|
2367
|
+
React__default["default"].createElement("div", { className: styles$1V['create-account-cta__summary'] },
|
|
2368
2368
|
React__default["default"].createElement("h4", null, title),
|
|
2369
2369
|
React__default["default"].createElement("p", null, description)),
|
|
2370
|
-
React__default["default"].createElement("img", { className: styles$
|
|
2370
|
+
React__default["default"].createElement("img", { className: styles$1V['create-account-cta__arrow'], src: ArrowRight2, alt: "arrow" })))));
|
|
2371
2371
|
};
|
|
2372
2372
|
var CreateAccountCTA = Component$1$;
|
|
2373
2373
|
|
|
2374
|
-
var styles$
|
|
2374
|
+
var styles$1U = {"magneto-ui--date-picker__wrapper":"mg_date_picker_magneto-ui--date-picker_wrapper_12pj2"};
|
|
2375
2375
|
|
|
2376
2376
|
var defaultValue$1 = function (value) {
|
|
2377
2377
|
return value ? parseDate(value) : { initialMonth: '', initialYear: '' };
|
|
@@ -2410,7 +2410,7 @@ var Component$1_ = function (_a) {
|
|
|
2410
2410
|
}
|
|
2411
2411
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
2412
2412
|
}, [disabled]);
|
|
2413
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2413
|
+
return (React__default["default"].createElement("div", { className: styles$1U['magneto-ui--date-picker__wrapper'] },
|
|
2414
2414
|
React__default["default"].createElement(DateDropdown, { placeholderLabel: monthPlaceholder, dateOptions: monthOptionsList, selectedOption: selectedMonth, onOptionChanged: handleMonthChange, disabled: disabled }),
|
|
2415
2415
|
React__default["default"].createElement(DateDropdown, { placeholderLabel: yearPlaceholder, dateOptions: yearOptionsList, selectedOption: selectedYear, onOptionChanged: handleYearChange, disabled: disabled })));
|
|
2416
2416
|
};
|
|
@@ -2528,7 +2528,7 @@ var EXPANDABLE_INFO_ACTION_ICONS = {
|
|
|
2528
2528
|
_c)
|
|
2529
2529
|
};
|
|
2530
2530
|
|
|
2531
|
-
var styles$
|
|
2531
|
+
var styles$1T = {"magneto-ui-expandable-info-action__button":"mg_expandable_info_action_magneto-ui-expandable-info-action_button_1ajzq","magneto-ui-expandable-info-action__button--dark-blue":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--dark-blue_1ajzq","magneto-ui-expandable-info-action__button--light-blue":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--light-blue_1ajzq","magneto-ui-expandable-info-action__button--white":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--white_1ajzq","magneto-ui-expandable-info-action__button--green":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--green_1ajzq","magneto-ui-expandable-info-action__title":"mg_expandable_info_action_magneto-ui-expandable-info-action_title_1ajzq"};
|
|
2532
2532
|
|
|
2533
2533
|
var Component$1Y = function (_a) {
|
|
2534
2534
|
var className = _a.className, loading = _a.loading, onAction = _a.onAction, prefixIcon = _a.prefixIcon, suffixIcon = _a.suffixIcon, title = _a.title, _b = _a.variant, variant = _b === void 0 ? 'blue' : _b;
|
|
@@ -2536,7 +2536,7 @@ var Component$1Y = function (_a) {
|
|
|
2536
2536
|
var Component = React.useMemo(function () { return (isUrl ? 'a' : 'button'); }, [isUrl]);
|
|
2537
2537
|
var componentProps = React.useMemo(function () {
|
|
2538
2538
|
var className = CNM.get({
|
|
2539
|
-
styles: styles$
|
|
2539
|
+
styles: styles$1T,
|
|
2540
2540
|
cls: ['expandable-info-action__button', "expandable-info-action__button--".concat(variant)]
|
|
2541
2541
|
});
|
|
2542
2542
|
if (isUrl)
|
|
@@ -2558,11 +2558,11 @@ var Component$1Y = function (_a) {
|
|
|
2558
2558
|
}
|
|
2559
2559
|
return;
|
|
2560
2560
|
}, [loading, variant]);
|
|
2561
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
2562
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
2561
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1T, cls: ['expandable-info-action', className] }) },
|
|
2562
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1T, cls: ['expandable-info-action__container'] }) },
|
|
2563
2563
|
React__default["default"].createElement(Component, __assign({}, componentProps),
|
|
2564
2564
|
(prefixIcon || loading) && React__default["default"].createElement(IconItem, __assign({ size: 12 }, prefixIcon, { icon: icon(prefixIcon === null || prefixIcon === void 0 ? void 0 : prefixIcon.icon) })),
|
|
2565
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
2565
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1T, cls: ['expandable-info-action__title'] }) }, title),
|
|
2566
2566
|
suffixIcon && React__default["default"].createElement(IconItem, __assign({ size: 12 }, suffixIcon, { icon: icon(suffixIcon.icon) }))))));
|
|
2567
2567
|
};
|
|
2568
2568
|
/**
|
|
@@ -2570,36 +2570,36 @@ var Component$1Y = function (_a) {
|
|
|
2570
2570
|
*/
|
|
2571
2571
|
var ExpandableInfoAction = Component$1Y;
|
|
2572
2572
|
|
|
2573
|
-
var styles$
|
|
2573
|
+
var styles$1S = {"magneto-ui-expandable-info-details__container":"mg_expandable_info_details_magneto-ui-expandable-info-details_container_1o8tr","magneto-ui-expandable-info-details__section":"mg_expandable_info_details_magneto-ui-expandable-info-details_section_1o8tr","magneto-ui-expandable-info-details__section--multiple":"mg_expandable_info_details_magneto-ui-expandable-info-details_section--multiple_1o8tr","magneto-ui-expandable-info-details__sub-section":"mg_expandable_info_details_magneto-ui-expandable-info-details_sub-section_1o8tr","magneto-ui-expandable-info-details__sub-section--initial":"mg_expandable_info_details_magneto-ui-expandable-info-details_sub-section--initial_1o8tr","magneto-ui-expandable-info-details__item":"mg_expandable_info_details_magneto-ui-expandable-info-details_item_1o8tr","magneto-ui-expandable-info-details__item--first":"mg_expandable_info_details_magneto-ui-expandable-info-details_item--first_1o8tr","magneto-ui-expandable-info-details__text":"mg_expandable_info_details_magneto-ui-expandable-info-details_text_1o8tr","magneto-ui-expandable-info-details__text--bold":"mg_expandable_info_details_magneto-ui-expandable-info-details_text--bold_1o8tr","magneto-ui-expandable-info-details__footer":"mg_expandable_info_details_magneto-ui-expandable-info-details_footer_1o8tr","magneto-ui-expandable-info-details__action":"mg_expandable_info_details_magneto-ui-expandable-info-details_action_1o8tr"};
|
|
2574
2574
|
|
|
2575
2575
|
var Component$1X = function (_a) {
|
|
2576
2576
|
var sections = _a.sections, footer = _a.footer;
|
|
2577
2577
|
var sectionStyles = React.useCallback(function (multiple) {
|
|
2578
2578
|
return CNM.get({
|
|
2579
|
-
styles: styles$
|
|
2579
|
+
styles: styles$1S,
|
|
2580
2580
|
cls: ['expandable-info-details__section', multiple && 'expandable-info-details__section--multiple']
|
|
2581
2581
|
});
|
|
2582
2582
|
}, []);
|
|
2583
2583
|
var subSectionStyles = React.useCallback(function (initial) {
|
|
2584
2584
|
return CNM.get({
|
|
2585
|
-
styles: styles$
|
|
2585
|
+
styles: styles$1S,
|
|
2586
2586
|
cls: ['expandable-info-details__sub-section', initial && 'expandable-info-details__sub-section--initial']
|
|
2587
2587
|
});
|
|
2588
2588
|
}, []);
|
|
2589
2589
|
var itemStyles = React.useCallback(function (first) {
|
|
2590
2590
|
return CNM.get({
|
|
2591
|
-
styles: styles$
|
|
2591
|
+
styles: styles$1S,
|
|
2592
2592
|
cls: ['expandable-info-details__item', first && 'expandable-info-details__item--first']
|
|
2593
2593
|
});
|
|
2594
2594
|
}, []);
|
|
2595
2595
|
var textStyles = React.useCallback(function (bold) {
|
|
2596
2596
|
return CNM.get({
|
|
2597
|
-
styles: styles$
|
|
2597
|
+
styles: styles$1S,
|
|
2598
2598
|
cls: ['expandable-info-details__text', bold && 'expandable-info-details__text--bold']
|
|
2599
2599
|
});
|
|
2600
2600
|
}, []);
|
|
2601
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
2602
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
2601
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1S, cls: ['expandable-info-details'] }) },
|
|
2602
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1S, cls: ['expandable-info-details__container'] }) }, sections === null || sections === void 0 ? void 0 :
|
|
2603
2603
|
sections.map(function (section, index) {
|
|
2604
2604
|
var _a, _b;
|
|
2605
2605
|
return (React__default["default"].createElement("div", { key: "eids-".concat(index), className: sectionStyles(((_a = section === null || section === void 0 ? void 0 : section.children) === null || _a === void 0 ? void 0 : _a.length) > 1) }, (_b = section === null || section === void 0 ? void 0 : section.children) === null || _b === void 0 ? void 0 : _b.map(function (subSection, subIndex) {
|
|
@@ -2613,8 +2613,8 @@ var Component$1X = function (_a) {
|
|
|
2613
2613
|
React__default["default"].createElement("span", { className: textStyles(false) }, content.summary))); }))));
|
|
2614
2614
|
})));
|
|
2615
2615
|
}),
|
|
2616
|
-
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
2617
|
-
React__default["default"].createElement(ExpandableInfoAction, { variant: "white", title: footer === null || footer === void 0 ? void 0 : footer.title, onAction: footer === null || footer === void 0 ? void 0 : footer.onAction, className: CNM.get({ styles: styles$
|
|
2616
|
+
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1S, cls: ['expandable-info-details__footer'] }) },
|
|
2617
|
+
React__default["default"].createElement(ExpandableInfoAction, { variant: "white", title: footer === null || footer === void 0 ? void 0 : footer.title, onAction: footer === null || footer === void 0 ? void 0 : footer.onAction, className: CNM.get({ styles: styles$1S, cls: ['expandable-info-details__action'] }) }))))));
|
|
2618
2618
|
};
|
|
2619
2619
|
/**
|
|
2620
2620
|
* Molecule UI child component of expandable info
|
|
@@ -2640,7 +2640,7 @@ var EXPANDABLE_INFO_MESSAGE_ICONS = {
|
|
|
2640
2640
|
_a$2)
|
|
2641
2641
|
};
|
|
2642
2642
|
|
|
2643
|
-
var styles$
|
|
2643
|
+
var styles$1R = {"magneto-ui-expandable-info-message__container":"mg_expandable_info_message_magneto-ui-expandable-info-message_container_oubsq","magneto-ui-expandable-info-message__text":"mg_expandable_info_message_magneto-ui-expandable-info-message_text_oubsq","magneto-ui-expandable-info-message__text--blue":"mg_expandable_info_message_magneto-ui-expandable-info-message_text--blue_oubsq","magneto-ui-expandable-info-message__text--white":"mg_expandable_info_message_magneto-ui-expandable-info-message_text--white_oubsq"};
|
|
2644
2644
|
|
|
2645
2645
|
var Component$1W = function (_a) {
|
|
2646
2646
|
var className = _a.className, title = _a.title, prefixIcon = _a.prefixIcon, variant = _a.variant;
|
|
@@ -2655,11 +2655,11 @@ var Component$1W = function (_a) {
|
|
|
2655
2655
|
}, [variant]);
|
|
2656
2656
|
if (!title)
|
|
2657
2657
|
return null;
|
|
2658
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
2659
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
2658
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1R, cls: ['expandable-info-message', className] }) },
|
|
2659
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1R, cls: ['expandable-info-message__container'] }) },
|
|
2660
2660
|
prefixIcon && React__default["default"].createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
2661
2661
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
2662
|
-
styles: styles$
|
|
2662
|
+
styles: styles$1R,
|
|
2663
2663
|
cls: ['expandable-info-message__text', "expandable-info-message__text--".concat(variant)]
|
|
2664
2664
|
}) }, title))));
|
|
2665
2665
|
};
|
|
@@ -2668,7 +2668,7 @@ var Component$1W = function (_a) {
|
|
|
2668
2668
|
*/
|
|
2669
2669
|
var ExpandableInfoMessage = Component$1W;
|
|
2670
2670
|
|
|
2671
|
-
var styles$
|
|
2671
|
+
var styles$1Q = {"magneto-ui-expandable-info-modal":"mg_expandable_info_modal_magneto-ui-expandable-info-modal_56w98"};
|
|
2672
2672
|
|
|
2673
2673
|
var Component$1V = function (_a) {
|
|
2674
2674
|
var toggler = _a.toggler, details = _a.details;
|
|
@@ -2678,7 +2678,7 @@ var Component$1V = function (_a) {
|
|
|
2678
2678
|
}, []);
|
|
2679
2679
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
2680
2680
|
React__default["default"].createElement(ExpandableInfoToggler, __assign({}, toggler, { onToggle: handleOnToggle })),
|
|
2681
|
-
React__default["default"].createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$
|
|
2681
|
+
React__default["default"].createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$1Q, cls: ['expandable-info-modal'] }) },
|
|
2682
2682
|
React__default["default"].createElement(ExpandableInfoDetails, __assign({}, details)))));
|
|
2683
2683
|
};
|
|
2684
2684
|
/**
|
|
@@ -2686,23 +2686,23 @@ var Component$1V = function (_a) {
|
|
|
2686
2686
|
*/
|
|
2687
2687
|
var ExpandableInfoModal = Component$1V;
|
|
2688
2688
|
|
|
2689
|
-
var styles$
|
|
2689
|
+
var styles$1P = {"magneto-ui-expandable-info-popover":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_13xbj","magneto-ui-expandable-info-popover--small":"mg_expandable_info_popover_magneto-ui-expandable-info-popover--small_13xbj","magneto-ui-expandable-info-popover--large":"mg_expandable_info_popover_magneto-ui-expandable-info-popover--large_13xbj","magneto-ui-expandable-info-popover--white":"mg_expandable_info_popover_magneto-ui-expandable-info-popover--white_13xbj","magneto-ui-expandable-info-popover__arrow":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_arrow_13xbj","magneto-ui-expandable-info-popover__arrow--small":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_arrow--small_13xbj","magneto-ui-expandable-info-popover__arrow--large":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_arrow--large_13xbj"};
|
|
2690
2690
|
|
|
2691
|
-
var styles$
|
|
2691
|
+
var styles$1O = {"mega-menu-side-container":"mg_with_side_cards_mega-menu-side-container_16koz","mega-menu-side-container__side":"mg_with_side_cards_mega-menu-side-container_side_16koz","mega-menu-side-container__main":"mg_with_side_cards_mega-menu-side-container_main_16koz"};
|
|
2692
2692
|
|
|
2693
2693
|
var DesktopSideCards = function (_a) {
|
|
2694
2694
|
var WrappedComponent = _a.WrappedComponent, sideProps = _a.sideProps, wrapperProps = _a.wrapperProps;
|
|
2695
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2696
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2695
|
+
return (React__default["default"].createElement("div", { className: styles$1O['mega-menu-side-container'] },
|
|
2696
|
+
React__default["default"].createElement("div", { className: styles$1O['mega-menu-side-container__side'] },
|
|
2697
2697
|
React__default["default"].createElement(MegaMenuSideCards, __assign({}, sideProps))),
|
|
2698
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2698
|
+
React__default["default"].createElement("div", { className: styles$1O['mega-menu-side-container__main'] },
|
|
2699
2699
|
React__default["default"].createElement(WrappedComponent, __assign({}, wrapperProps)))));
|
|
2700
2700
|
};
|
|
2701
2701
|
|
|
2702
2702
|
var MobileSideCards = function (_a) {
|
|
2703
2703
|
var WrappedComponent = _a.WrappedComponent, sideProps = _a.sideProps, wrapperProps = _a.wrapperProps, showContent = _a.showContent;
|
|
2704
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2705
|
-
React__default["default"].createElement(WrappedComponent, __assign({}, wrapperProps)))) : (React__default["default"].createElement("div", { className: styles$
|
|
2704
|
+
return (React__default["default"].createElement("div", { className: styles$1O['mega-menu-side-container'] }, showContent ? (React__default["default"].createElement("div", { className: styles$1O['mega-menu-side-container__main'] },
|
|
2705
|
+
React__default["default"].createElement(WrappedComponent, __assign({}, wrapperProps)))) : (React__default["default"].createElement("div", { className: styles$1O['mega-menu-side-container__side'] },
|
|
2706
2706
|
React__default["default"].createElement(MegaMenuSideCards, __assign({}, sideProps))))));
|
|
2707
2707
|
};
|
|
2708
2708
|
|
|
@@ -2759,9 +2759,9 @@ var MobileSideCardsDrawer = function (_a) {
|
|
|
2759
2759
|
updateDrawerContent(index);
|
|
2760
2760
|
toogleDrawer();
|
|
2761
2761
|
}, [toogleDrawer, updateDrawerContent]);
|
|
2762
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2762
|
+
return (React__default["default"].createElement("div", { className: styles$1O['mega-menu-side-container'] },
|
|
2763
2763
|
React__default["default"].createElement(MegaMenuSideCards, __assign({}, sideProps, { onSelectCard: onSelectSideCard })),
|
|
2764
|
-
React__default["default"].createElement(Drawer, { isOpen: showDrawer, toggleDrawer: toogleDrawer, content: React__default["default"].createElement("div", { className: styles$
|
|
2764
|
+
React__default["default"].createElement(Drawer, { isOpen: showDrawer, toggleDrawer: toogleDrawer, content: React__default["default"].createElement("div", { className: styles$1O['mega-menu-side-container__main'] },
|
|
2765
2765
|
React__default["default"].createElement(WrappedComponent, __assign({}, wrapperProps))), title: title })));
|
|
2766
2766
|
};
|
|
2767
2767
|
|
|
@@ -2779,7 +2779,7 @@ var withMegaMenuSideCards = function (WrappedComponent) {
|
|
|
2779
2779
|
var Component$1T = function (_a) {
|
|
2780
2780
|
var details = _a.details, toggler = _a.toggler, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c;
|
|
2781
2781
|
return (React__default["default"].createElement(Popover, { widthBase: 'auto', show: clickOut, positionX: "right", positionY: toggler.size === exports.EExpandableInfoSize.LARGE ? 'top' : 'bottom', className: CNM.get({
|
|
2782
|
-
styles: styles$
|
|
2782
|
+
styles: styles$1P,
|
|
2783
2783
|
cls: [
|
|
2784
2784
|
'expandable-info-popover',
|
|
2785
2785
|
"expandable-info-popover--".concat(toggler.size),
|
|
@@ -2787,7 +2787,7 @@ var Component$1T = function (_a) {
|
|
|
2787
2787
|
]
|
|
2788
2788
|
}), content: React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
2789
2789
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
2790
|
-
styles: styles$
|
|
2790
|
+
styles: styles$1P,
|
|
2791
2791
|
cls: ['expandable-info-popover__arrow', "expandable-info-popover__arrow--".concat(toggler.size)]
|
|
2792
2792
|
}) }),
|
|
2793
2793
|
React__default["default"].createElement(ExpandableInfoDetails, __assign({}, details))) },
|
|
@@ -2802,13 +2802,13 @@ var EXPANDABLE_INFO_TOGGLER_ICONS = {
|
|
|
2802
2802
|
coin: CoinBlackOutline
|
|
2803
2803
|
};
|
|
2804
2804
|
|
|
2805
|
-
var styles$
|
|
2805
|
+
var styles$1N = {"magneto-ui-expandable-info-toggler__container":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container_x381d","magneto-ui-expandable-info-toggler__container--no-details":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--no-details_x381d","magneto-ui-expandable-info-toggler__container--blue":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--blue_x381d","magneto-ui-expandable-info-toggler__container--white":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--white_x381d","magneto-ui-expandable-info-toggler__container--small":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--small_x381d","magneto-ui-expandable-info-toggler__text":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text_x381d","magneto-ui-expandable-info-toggler__text--blue":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text--blue_x381d","magneto-ui-expandable-info-toggler__text--white":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text--white_x381d","magneto-ui-expandable-info-toggler__text--small":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text--small_x381d","magneto-ui-expandable-info-toggler__summary":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_summary_x381d","magneto-ui-expandable-info-toggler__summary--small":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_summary--small_x381d","magneto-ui-expandable-info-toggler__summary--large":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_summary--large_x381d"};
|
|
2806
2806
|
|
|
2807
2807
|
var Component$1S = function (_a) {
|
|
2808
2808
|
var details = _a.details, onToggle = _a.onToggle, prefixIcon = _a.prefixIcon, size = _a.size, suffixIcon = _a.suffixIcon, summary = _a.summary, title = _a.title, _b = _a.variant, variant = _b === void 0 ? 'white' : _b;
|
|
2809
2809
|
var styleGenerator = React.useCallback(function (base) {
|
|
2810
2810
|
return CNM.get({
|
|
2811
|
-
styles: styles$
|
|
2811
|
+
styles: styles$1N,
|
|
2812
2812
|
cls: __spreadArray(__spreadArray([], base, true), ["".concat(base.at(0), "--").concat(variant)], false)
|
|
2813
2813
|
});
|
|
2814
2814
|
}, [variant]);
|
|
@@ -2840,7 +2840,7 @@ var Component$1S = function (_a) {
|
|
|
2840
2840
|
prefixIcon && React__default["default"].createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
2841
2841
|
React__default["default"].createElement("span", { className: styleGenerator(['expandable-info-toggler__text']) }, title + ':'),
|
|
2842
2842
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
2843
|
-
styles: styles$
|
|
2843
|
+
styles: styles$1N,
|
|
2844
2844
|
cls: [
|
|
2845
2845
|
'expandable-info-toggler__summary',
|
|
2846
2846
|
(size === exports.EExpandableInfoSize.SMALL || suffixIcon) && 'expandable-info-toggler__summary--small',
|
|
@@ -2855,7 +2855,7 @@ var Component$1S = function (_a) {
|
|
|
2855
2855
|
*/
|
|
2856
2856
|
var ExpandableInfoToggler = Component$1S;
|
|
2857
2857
|
|
|
2858
|
-
var styles$
|
|
2858
|
+
var styles$1M = {"magneto-ui-expandable-info":"mg_expandable_info_magneto-ui-expandable-info_bokzy","magneto-ui-expandable-info__container":"mg_expandable_info_magneto-ui-expandable-info_container_bokzy","magneto-ui-expandable-info__container--white":"mg_expandable_info_magneto-ui-expandable-info_container--white_bokzy","magneto-ui-expandable-info__container--blue":"mg_expandable_info_magneto-ui-expandable-info_container--blue_bokzy","magneto-ui-expandable-info__container--small":"mg_expandable_info_magneto-ui-expandable-info_container--small_bokzy","magneto-ui-expandable-info__container--floating":"mg_expandable_info_magneto-ui-expandable-info_container--floating_bokzy","magneto-ui-expandable-info__actions":"mg_expandable_info_magneto-ui-expandable-info_actions_bokzy"};
|
|
2859
2859
|
|
|
2860
2860
|
var Component$1R = function (_a) {
|
|
2861
2861
|
var actions = _a.actions, details = _a.details, floating = _a.floating, message = _a.message, prefixIcon = _a.prefixIcon, _b = _a.size, size = _b === void 0 ? 'large' : _b, suffixIcon = _a.suffixIcon, summary = _a.summary, title = _a.title, _c = _a.variant, variant = _c === void 0 ? 'white' : _c;
|
|
@@ -2871,9 +2871,9 @@ var Component$1R = function (_a) {
|
|
|
2871
2871
|
var container = useMediaQuery(React__default["default"].createElement(ExpandableInfoPopover, { details: details, toggler: togglerProps }), {
|
|
2872
2872
|
sm: React__default["default"].createElement(ExpandableInfoModal, { details: details, toggler: togglerProps })
|
|
2873
2873
|
});
|
|
2874
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
2874
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1M, cls: ['expandable-info'] }) },
|
|
2875
2875
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
2876
|
-
styles: styles$
|
|
2876
|
+
styles: styles$1M,
|
|
2877
2877
|
cls: [
|
|
2878
2878
|
'expandable-info__container',
|
|
2879
2879
|
"expandable-info__container--".concat(variant),
|
|
@@ -2883,7 +2883,7 @@ var Component$1R = function (_a) {
|
|
|
2883
2883
|
}) },
|
|
2884
2884
|
container,
|
|
2885
2885
|
size === exports.EExpandableInfoSize.LARGE && (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
2886
|
-
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
2886
|
+
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1M, cls: ['expandable-info__actions'] }) }, actions === null || actions === void 0 ? void 0 : actions.map(function (action) { return action && React__default["default"].createElement(ExpandableInfoAction, __assign({ key: action.title }, action)); }))),
|
|
2887
2887
|
React__default["default"].createElement(ExpandableInfoMessage, __assign({ variant: variant }, message)))))));
|
|
2888
2888
|
};
|
|
2889
2889
|
/**
|
|
@@ -2917,7 +2917,7 @@ var FilterContainerMenu = function (_a) {
|
|
|
2917
2917
|
return React__default["default"].createElement("div", { className: style$N["".concat(classMUI, "-filter-container")] }, children);
|
|
2918
2918
|
};
|
|
2919
2919
|
|
|
2920
|
-
var styles$
|
|
2920
|
+
var styles$1L = {"magneto-ui-filter-item":"mg_filter_menu_item_magneto-ui-filter-item_m5cdm","selected":"mg_filter_menu_item_selected_m5cdm","disabled":"mg_filter_menu_item_disabled_m5cdm","isSearched":"mg_filter_menu_item_isSearched_m5cdm","skeleton":"mg_filter_menu_item_skeleton_m5cdm","shimmer":"mg_filter_menu_item_shimmer_m5cdm"};
|
|
2921
2921
|
|
|
2922
2922
|
var FilterMenuItem = function (_a) {
|
|
2923
2923
|
var id = _a.id, label = _a.label, total = _a.total, field = _a.field, multiple = _a.multiple, loading = _a.loading, type = _a.type, isApplied = _a.isApplied, hasTotal = _a.hasTotal, _b = _a.isSearched, isSearched = _b === void 0 ? false : _b, customClass = _a.customClass, customId = _a.customId, _c = _a.hiddenCount, hiddenCount = _c === void 0 ? false : _c, setIsApplied = _a.setIsApplied, props = __rest(_a, ["id", "label", "total", "field", "multiple", "loading", "type", "isApplied", "hasTotal", "isSearched", "customClass", "customId", "hiddenCount", "setIsApplied"]);
|
|
@@ -2932,49 +2932,49 @@ var FilterMenuItem = function (_a) {
|
|
|
2932
2932
|
return isSearched || isApplied || hiddenCount ? false : !total;
|
|
2933
2933
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
2934
2934
|
var className = React.useMemo(function () {
|
|
2935
|
-
return isApplied ? styles$
|
|
2935
|
+
return isApplied ? styles$1L.selected : isSearched ? styles$1L.isSearched : hiddenCount ? '' : !total && styles$1L.disabled;
|
|
2936
2936
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
2937
2937
|
var handleClick = React.useCallback(function () {
|
|
2938
2938
|
var customId = type === 'RANGE' ? { id: id, from: props.from, to: props.to } : id;
|
|
2939
2939
|
setIsApplied({ id: customId, field: field, isApplied: isApplied, multiple: multiple });
|
|
2940
2940
|
}, [setIsApplied, id, field, isApplied, multiple, type, props.from, props.to]);
|
|
2941
2941
|
if (loading)
|
|
2942
|
-
return React__default["default"].createElement("div", { className: styles$
|
|
2943
|
-
return (React__default["default"].createElement("button", { id: customId, className: "".concat(styles$
|
|
2942
|
+
return React__default["default"].createElement("div", { className: styles$1L.skeleton });
|
|
2943
|
+
return (React__default["default"].createElement("button", { id: customId, className: "".concat(styles$1L['magneto-ui-filter-item'], " ").concat(className, " ").concat(customClass ? customClass : ''), title: label, onClick: handleClick, disabled: disabled },
|
|
2944
2944
|
React__default["default"].createElement("span", null, label),
|
|
2945
2945
|
displayOutput));
|
|
2946
2946
|
};
|
|
2947
2947
|
|
|
2948
|
-
var styles$
|
|
2948
|
+
var styles$1K = {"magneto-ui-filter-search":"mg_filter_search_item_magneto-ui-filter-search_1ibtk","disabled":"mg_filter_search_item_disabled_1ibtk","skeleton":"mg_filter_search_item_skeleton_1ibtk","shimmer":"mg_filter_search_item_shimmer_1ibtk"};
|
|
2949
2949
|
|
|
2950
2950
|
var FilterSearchItem = function (_a) {
|
|
2951
2951
|
var placeholder = _a.placeholder, _b = _a.disabled, disabled = _b === void 0 ? false : _b, loading = _a.loading, handleSearch = _a.handleSearch;
|
|
2952
2952
|
var inputRef = React.useRef(null);
|
|
2953
2953
|
if (loading)
|
|
2954
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2954
|
+
return (React__default["default"].createElement("div", { className: styles$1K.skeleton },
|
|
2955
2955
|
React__default["default"].createElement(IconItem, { icon: SearchIcon, size: 17 })));
|
|
2956
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2956
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$1K['magneto-ui-filter-search'], " ").concat(disabled ? styles$1K.disabled : '') },
|
|
2957
2957
|
React__default["default"].createElement(IconItem, { icon: SearchIcon, size: 17 }),
|
|
2958
2958
|
React__default["default"].createElement("input", { ref: inputRef, type: "search", placeholder: placeholder, onChange: function (event) { return handleSearch(event, inputRef); }, disabled: disabled })));
|
|
2959
2959
|
};
|
|
2960
2960
|
|
|
2961
|
-
var styles$
|
|
2961
|
+
var styles$1J = {"fraud-card-job":"mg_fraud_card_job_fraud-card-job_136f2","fraud-card-job__header":"mg_fraud_card_job_fraud-card-job_header_136f2","fraud-card-job__text":"mg_fraud_card_job_fraud-card-job_text_136f2","fraud-card-job__link":"mg_fraud_card_job_fraud-card-job_link_136f2"};
|
|
2962
2962
|
|
|
2963
2963
|
var Component$1Q = function (_a) {
|
|
2964
2964
|
var title = _a.title, content = _a.content, linkText = _a.linkText, link = _a.link;
|
|
2965
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2966
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2965
|
+
return (React__default["default"].createElement("div", { className: styles$1J['fraud-card-job'] },
|
|
2966
|
+
React__default["default"].createElement("div", { className: styles$1J['fraud-card-job__header'] },
|
|
2967
2967
|
React__default["default"].createElement("img", { src: Warning3D, alt: "warning" }),
|
|
2968
2968
|
React__default["default"].createElement("h4", null, title)),
|
|
2969
2969
|
React__default["default"].createElement("div", null,
|
|
2970
|
-
React__default["default"].createElement("p", { className: styles$
|
|
2971
|
-
React__default["default"].createElement("a", { target: "_blank", rel: "noreferrer", className: styles$
|
|
2970
|
+
React__default["default"].createElement("p", { className: styles$1J['fraud-card-job__text'] }, content),
|
|
2971
|
+
React__default["default"].createElement("a", { target: "_blank", rel: "noreferrer", className: styles$1J['fraud-card-job__link'], href: link },
|
|
2972
2972
|
React__default["default"].createElement("img", { src: WarningHex, alt: "warning" }),
|
|
2973
2973
|
linkText))));
|
|
2974
2974
|
};
|
|
2975
2975
|
var FraudCardJob = Component$1Q;
|
|
2976
2976
|
|
|
2977
|
-
var styles$
|
|
2977
|
+
var styles$1I = {"magneto-ui-frequent-search":"mg_frequent_search_magneto-ui-frequent-search_46vb2","magneto-ui-frequent-search__heading":"mg_frequent_search_magneto-ui-frequent-search_heading_46vb2","magneto-ui-frequent-search__items":"mg_frequent_search_magneto-ui-frequent-search_items_46vb2","magneto-ui-frequent-search__buttons-container":"mg_frequent_search_magneto-ui-frequent-search_buttons-container_46vb2","magneto-ui-frequent-search__buttons-container--btn":"mg_frequent_search_magneto-ui-frequent-search_buttons-container--btn_46vb2"};
|
|
2978
2978
|
|
|
2979
2979
|
var Component$1P = function (_a) {
|
|
2980
2980
|
var searchHeading = _a.searchHeading, searchList = _a.searchList, showLess = _a.showLess, showMore = _a.showMore, showFrequentSearch = _a.showFrequentSearch;
|
|
@@ -2986,17 +2986,17 @@ var Component$1P = function (_a) {
|
|
|
2986
2986
|
return searchList;
|
|
2987
2987
|
}, [searchList, showFullList]);
|
|
2988
2988
|
var searchListResponsive = useMediaQuery(searchList, { md: searchListDinamyc });
|
|
2989
|
-
return (React__default["default"].createElement(React__default["default"].Fragment, null, showFrequentSearch !== false ? (React__default["default"].createElement("div", { className: styles$
|
|
2990
|
-
React__default["default"].createElement("h2", { className: styles$
|
|
2991
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2989
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null, showFrequentSearch !== false ? (React__default["default"].createElement("div", { className: styles$1I['magneto-ui-frequent-search'] },
|
|
2990
|
+
React__default["default"].createElement("h2", { className: styles$1I['magneto-ui-frequent-search__heading'] }, searchHeading),
|
|
2991
|
+
React__default["default"].createElement("div", { className: styles$1I['magneto-ui-frequent-search__items'] }, searchListResponsive.map(function (_a, i) {
|
|
2992
2992
|
var props = __rest(_a, []);
|
|
2993
2993
|
return (React__default["default"].createElement(SearchItem, __assign({ key: i }, props)));
|
|
2994
2994
|
})),
|
|
2995
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2995
|
+
React__default["default"].createElement("div", { className: styles$1I['magneto-ui-frequent-search__buttons-container'] }, showFullList ? (React__default["default"].createElement("button", { className: styles$1I['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(false); }, title: showMore },
|
|
2996
2996
|
showMore,
|
|
2997
2997
|
" (",
|
|
2998
2998
|
searchList.length,
|
|
2999
|
-
")")) : (React__default["default"].createElement("button", { className: styles$
|
|
2999
|
+
")")) : (React__default["default"].createElement("button", { className: styles$1I['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(true); }, title: showLess }, showLess))))) : (React__default["default"].createElement(React.Fragment, null))));
|
|
3000
3000
|
};
|
|
3001
3001
|
/**
|
|
3002
3002
|
* UI Atom component of Frequent Search
|
|
@@ -3014,35 +3014,35 @@ var Component$1O = function (_a) {
|
|
|
3014
3014
|
};
|
|
3015
3015
|
var HeaderDrawerCompany = Component$1O;
|
|
3016
3016
|
|
|
3017
|
-
var styles$
|
|
3017
|
+
var styles$1H = {"TabComponent":"mg_tab_TabComponent_zqqnn"};
|
|
3018
3018
|
|
|
3019
3019
|
var Component$1N = function (_a) {
|
|
3020
3020
|
var children = _a.children;
|
|
3021
|
-
return React__default["default"].createElement("div", { className: styles$
|
|
3021
|
+
return React__default["default"].createElement("div", { className: styles$1H.TabComponent }, children);
|
|
3022
3022
|
};
|
|
3023
3023
|
/**
|
|
3024
3024
|
* Molecule UI for Tab
|
|
3025
3025
|
*/
|
|
3026
3026
|
var Tab = Component$1N;
|
|
3027
3027
|
|
|
3028
|
-
var styles$
|
|
3028
|
+
var styles$1G = {"TabButtonComponent":"mg_tab_button_TabButtonComponent_hysss"};
|
|
3029
3029
|
|
|
3030
3030
|
var Component$1M = function (_a) {
|
|
3031
3031
|
var tabButtonLink = _a.tabButtonLink, tabButtonLinkStyles = _a.tabButtonLinkStyles, tabButtonStyles = _a.tabButtonStyles;
|
|
3032
3032
|
var stylesValue = React.useMemo(function () { return toCSSVariables(tabButtonStyles); }, [tabButtonStyles]);
|
|
3033
3033
|
var boxShadow = (tabButtonStyles || {}).boxShadow;
|
|
3034
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
3034
|
+
return (React__default["default"].createElement("div", { className: styles$1G.TabButtonComponent, style: stylesValue, "data-box-shadow": boxShadow }, tabButtonLink && React__default["default"].createElement(Link, __assign({}, tabButtonLink, { linkStyles: tabButtonLinkStyles }))));
|
|
3035
3035
|
};
|
|
3036
3036
|
/**
|
|
3037
3037
|
* Molecule UI component for Tab Button
|
|
3038
3038
|
*/
|
|
3039
3039
|
var TabButton = Component$1M;
|
|
3040
3040
|
|
|
3041
|
-
var styles$
|
|
3041
|
+
var styles$1F = {"HeaderDrawerTabsComponent":"mg_header_drawer_tabs_HeaderDrawerTabsComponent_1wrvo"};
|
|
3042
3042
|
|
|
3043
3043
|
var Component$1L = function (_a) {
|
|
3044
3044
|
var logoProps = _a.logoProps, leftTabLink = _a.leftTabLink, rightTabLink = _a.rightTabLink, leftTabStyle = _a.leftTabStyle, rightTabStyle = _a.rightTabStyle, homeUrl = _a.homeUrl;
|
|
3045
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
3045
|
+
return (React__default["default"].createElement("div", { className: styles$1F.HeaderDrawerTabsComponent },
|
|
3046
3046
|
React__default["default"].createElement("a", { href: homeUrl },
|
|
3047
3047
|
React__default["default"].createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
3048
3048
|
React__default["default"].createElement(Tab, null,
|
|
@@ -3051,11 +3051,11 @@ var Component$1L = function (_a) {
|
|
|
3051
3051
|
};
|
|
3052
3052
|
var HeaderDrawerTabs = Component$1L;
|
|
3053
3053
|
|
|
3054
|
-
var styles$
|
|
3054
|
+
var styles$1E = {"HeaderTabsComponent":"mg_header_tabs_HeaderTabsComponent_yjqx4"};
|
|
3055
3055
|
|
|
3056
3056
|
var Component$1K = function (_a) {
|
|
3057
3057
|
var _b = _a.headerTabList, headerTabList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c, addDivider = _a.addDivider;
|
|
3058
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
3058
|
+
return (React__default["default"].createElement("div", { className: styles$1E.HeaderTabsComponent, "data-add-divider": addDivider }, headerTabList.map(function (_a, index) {
|
|
3059
3059
|
var headerTabProps = __rest(_a, []);
|
|
3060
3060
|
return (React__default["default"].createElement(React__default["default"].Fragment, { key: index },
|
|
3061
3061
|
React__default["default"].createElement(HeaderTab, __assign({}, headerTabProps, { isActive: Array.isArray(headerTabProps.slug)
|
|
@@ -3068,7 +3068,7 @@ var Component$1K = function (_a) {
|
|
|
3068
3068
|
*/
|
|
3069
3069
|
var HeaderTabs = Component$1K;
|
|
3070
3070
|
|
|
3071
|
-
var styles$
|
|
3071
|
+
var styles$1D = {"magneto-ui-input":"mg_input_magneto-ui-input_tifvx","magneto-ui-input--container":"mg_input_magneto-ui-input--container_tifvx","magneto-ui-input--container__input":"mg_input_magneto-ui-input--container_input_tifvx","magneto-ui-input--container__label":"mg_input_magneto-ui-input--container_label_tifvx","magneto-ui-input--container__icon":"mg_input_magneto-ui-input--container_icon_tifvx","magneto-ui-input--container__icon-action":"mg_input_magneto-ui-input--container_icon-action_tifvx","magneto-ui-input--container__error":"mg_input_magneto-ui-input--container_error_tifvx","magneto-ui-input__footer":"mg_input_magneto-ui-input_footer_tifvx","footer-without-error":"mg_input_footer-without-error_tifvx"};
|
|
3072
3072
|
|
|
3073
3073
|
var Input = function (_a) {
|
|
3074
3074
|
var _b = _a.value, value = _b === void 0 ? '' : _b, onChange = _a.onChange, _c = _a.name, name = _c === void 0 ? '' : _c, type = _a.type, placeholder = _a.placeholder, customIcon = _a.customIcon, _d = _a.hideIcon, hideIcon = _d === void 0 ? false : _d, error = _a.error, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.autoFocus, autoFocus = _f === void 0 ? false : _f, _g = _a.hasCounter, hasCounter = _g === void 0 ? false : _g, _h = _a.maxCounterValue, maxCounterValue = _h === void 0 ? 0 : _h, actionIcon = _a.actionIcon, _j = _a.actionInputIcon, actionInputIcon = _j === void 0 ? function () { return null; } : _j, props = __rest(_a, ["value", "onChange", "name", "type", "placeholder", "customIcon", "hideIcon", "error", "disabled", "autoFocus", "hasCounter", "maxCounterValue", "actionIcon", "actionInputIcon"]);
|
|
@@ -3103,26 +3103,26 @@ var Input = function (_a) {
|
|
|
3103
3103
|
setInputValue(e.target.value);
|
|
3104
3104
|
}, [onChange]);
|
|
3105
3105
|
return (React__default["default"].createElement("div", { style: { height: 'auto', width: '100%' } },
|
|
3106
|
-
React__default["default"].createElement("div", { className: styles$
|
|
3106
|
+
React__default["default"].createElement("div", { className: styles$1D["".concat(classMUI, "-input")] },
|
|
3107
3107
|
React__default["default"].createElement("div", null,
|
|
3108
|
-
React__default["default"].createElement("div", { className: styles$
|
|
3108
|
+
React__default["default"].createElement("div", { className: styles$1D["".concat(classMUI, "-input--container")] },
|
|
3109
3109
|
React__default["default"].createElement("label", { htmlFor: name, style: {
|
|
3110
3110
|
left: hideIcon ? '10px' : '40px',
|
|
3111
3111
|
top: haveValueOrFocus ? '30%' : '45%',
|
|
3112
3112
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
3113
|
-
}, className: styles$
|
|
3113
|
+
}, className: styles$1D["".concat(classMUI, "-input--container__label")] }, placeholder),
|
|
3114
3114
|
React__default["default"].createElement("input", __assign({}, props, { style: {
|
|
3115
3115
|
padding: hideIcon ? '0px 10px' : '0px 40px'
|
|
3116
|
-
}, disabled: disabled, className: styles$
|
|
3117
|
-
hideIcon ? null : (React__default["default"].createElement("img", { className: styles$
|
|
3118
|
-
actionIcon ? (React__default["default"].createElement("button", { type: "button", onClick: actionInputIcon, className: styles$
|
|
3116
|
+
}, disabled: disabled, className: styles$1D["".concat(classMUI, "-input--container__input")], type: type, name: name, value: value, onChange: handleChange, onFocus: function () { return setOnFocus(true); }, onBlur: function () { return setOnFocus(false); }, id: name, autoComplete: "off" })),
|
|
3117
|
+
hideIcon ? null : (React__default["default"].createElement("img", { className: styles$1D["".concat(classMUI, "-input--container__icon")], src: customIcon ? customIcon : dinamyIcon[type] || DocumentTextGray })),
|
|
3118
|
+
actionIcon ? (React__default["default"].createElement("button", { type: "button", onClick: actionInputIcon, className: styles$1D["".concat(classMUI, "-input--container__icon-action")] },
|
|
3119
3119
|
React__default["default"].createElement("img", { "data-name": "icon", src: actionIcon }))) : null))),
|
|
3120
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
3121
|
-
error && (React__default["default"].createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$
|
|
3120
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1D["".concat(classMUI, "-input__footer")], " ").concat(!error && hasCounter ? styles$1D['footer-without-error'] : '') },
|
|
3121
|
+
error && (React__default["default"].createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$1D["".concat(classMUI, "-input--container__error")] }, error)),
|
|
3122
3122
|
hasCounter && React__default["default"].createElement(ComparativeCounter, { current: inputValue.length, max: maxCounterValue }))));
|
|
3123
3123
|
};
|
|
3124
3124
|
|
|
3125
|
-
var styles$
|
|
3125
|
+
var styles$1C = {"magneto-ui-input-plus":"mg_input_plus_magneto-ui-input-plus_1diki","magneto-ui-input-plus__plus-button":"mg_input_plus_magneto-ui-input-plus_plus-button_1diki","disabled":"mg_input_plus_disabled_1diki","disabled-img":"mg_input_plus_disabled-img_1diki"};
|
|
3126
3126
|
|
|
3127
3127
|
var InputPlus = function (_a) {
|
|
3128
3128
|
var onChange = _a.onChange, placeholder = _a.placeholder, _b = _a.maxWords, maxWords = _b === void 0 ? 4 : _b, disabled = _a.disabled, isLoading = _a.isLoading, _c = _a.className, className = _c === void 0 ? '' : _c, getValue = _a.getValue;
|
|
@@ -3166,23 +3166,23 @@ var InputPlus = function (_a) {
|
|
|
3166
3166
|
}
|
|
3167
3167
|
}
|
|
3168
3168
|
}, [disabledBtn, handleSubmmit]);
|
|
3169
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
3169
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$1C["".concat(classMUI, "-input-plus")], " ").concat(className) },
|
|
3170
3170
|
React__default["default"].createElement("input", { onKeyDown: handleKeyDown, placeholder: placeholder, value: inputValue, onChange: handleValue, type: "text" }),
|
|
3171
|
-
React__default["default"].createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$
|
|
3171
|
+
React__default["default"].createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$1C["".concat(classMUI, "-input-plus__plus-button")], " ").concat(disabledBtn ? styles$1C.disabled : ''), disabled: disabledBtn }, isLoading ? (React__default["default"].createElement(FlatLoader, { color: "white", secondColor: "transparent" })) : (React__default["default"].createElement("img", { className: "".concat(disabledBtn ? styles$1C['disabled-img'] : ''), src: Add2, alt: "icon" })))));
|
|
3172
3172
|
};
|
|
3173
3173
|
|
|
3174
|
-
var styles$
|
|
3174
|
+
var styles$1B = {"magneto-ui-job-actions":"mg_job_actions_magneto-ui-job-actions_1awr3","magneto-ui-job-actions__button-wrapper":"mg_job_actions_magneto-ui-job-actions_button-wrapper_1awr3","magneto-ui-job-actions__buttons-wrapper":"mg_job_actions_magneto-ui-job-actions_buttons-wrapper_1awr3","magneto-ui-job-actions__icon-wrapper":"mg_job_actions_magneto-ui-job-actions_icon-wrapper_1awr3","magneto-ui-job-actions__icon-anchor":"mg_job_actions_magneto-ui-job-actions_icon-anchor_1awr3","magneto-ui__external-child":"mg_job_actions_magneto-ui_external-child_1awr3"};
|
|
3175
3175
|
|
|
3176
3176
|
var style$L = {"popover":"mg_share_popover_popover_3xlr8","popover--hidden":"mg_share_popover_popover--hidden_3xlr8","popover__btn":"mg_share_popover_popover_btn_3xlr8","content":"mg_share_popover_content_3xlr8","content__link":"mg_share_popover_content_link_3xlr8","content__share":"mg_share_popover_content_share_3xlr8"};
|
|
3177
3177
|
|
|
3178
|
-
var styles$
|
|
3178
|
+
var styles$1A = {"tooltip-container":"mg_tooltip_tooltip-container_6uf1v","tooltip":"mg_tooltip_tooltip_6uf1v","tooltip-text":"mg_tooltip_tooltip-text_6uf1v","tooltip-top":"mg_tooltip_tooltip-top_6uf1v","tooltip-bottom":"mg_tooltip_tooltip-bottom_6uf1v","tooltip-left":"mg_tooltip_tooltip-left_6uf1v","tooltip-right":"mg_tooltip_tooltip-right_6uf1v"};
|
|
3179
3179
|
|
|
3180
3180
|
var Tooltip = function (_a) {
|
|
3181
3181
|
var title = _a.title, _b = _a.position, position = _b === void 0 ? 'top' : _b, children = _a.children, _c = _a.width, width = _c === void 0 ? '10rem' : _c, _d = _a.visible, visible = _d === void 0 ? true : _d;
|
|
3182
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
3183
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
3182
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$1A['tooltip-container'], " ").concat(styles$1A["tooltip-".concat(position)]) },
|
|
3183
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1A['tooltip'], " ").concat(styles$1A["tooltip-".concat(position)]) },
|
|
3184
3184
|
children,
|
|
3185
|
-
visible && (React__default["default"].createElement("span", { className: "".concat(styles$
|
|
3185
|
+
visible && (React__default["default"].createElement("span", { className: "".concat(styles$1A['tooltip-text'], " ").concat(styles$1A["tooltip-text-".concat(position)]), style: { width: width } }, title)))));
|
|
3186
3186
|
};
|
|
3187
3187
|
|
|
3188
3188
|
var Component$1J = function (_a) {
|
|
@@ -3217,20 +3217,20 @@ var Component$1I = function (_a) {
|
|
|
3217
3217
|
var isMobile = useMediaQuery(true, { md: false });
|
|
3218
3218
|
var ActionLink = function (_a) {
|
|
3219
3219
|
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
3220
|
-
var iconContent = (React__default["default"].createElement("a", { className: styles$
|
|
3220
|
+
var iconContent = (React__default["default"].createElement("a", { className: styles$1B['magneto-ui-job-actions__icon-anchor'], href: url, target: "_blank", rel: "noreferrer" },
|
|
3221
3221
|
React__default["default"].createElement(IconItem, { hover: true, size: 20, icon: icon })));
|
|
3222
3222
|
return (React__default["default"].createElement(Tooltip, { title: title, position: "bottom", visible: isMobile }, iconContent));
|
|
3223
3223
|
};
|
|
3224
3224
|
var filteredActionsLinkList = actionsLinkList === null || actionsLinkList === void 0 ? void 0 : actionsLinkList.filter(function (item) { return item.url !== null && item.url !== undefined; });
|
|
3225
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
3226
|
-
!isApplied && React__default["default"].createElement("div", { id: styles$
|
|
3227
|
-
React__default["default"].createElement("div", { className: styles$
|
|
3225
|
+
return (React__default["default"].createElement("div", { className: styles$1B['magneto-ui-job-actions'] },
|
|
3226
|
+
!isApplied && React__default["default"].createElement("div", { id: styles$1B['magneto-ui__external-child'] }, externalButtonChild),
|
|
3227
|
+
React__default["default"].createElement("div", { className: styles$1B['magneto-ui-job-actions__buttons-wrapper'] },
|
|
3228
3228
|
!isApplied && (React__default["default"].createElement(Tooltip, { title: saveButtonProps.buttonTitle || 'Guardar', position: "bottom", visible: isMobile },
|
|
3229
3229
|
React__default["default"].createElement(SaveButton, __assign({}, saveButtonProps)))),
|
|
3230
3230
|
React__default["default"].createElement(SharePopover, __assign({}, shareButtonProps)), filteredActionsLinkList === null || filteredActionsLinkList === void 0 ? void 0 :
|
|
3231
3231
|
filteredActionsLinkList.map(function (_a) {
|
|
3232
3232
|
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
3233
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
3233
|
+
return (React__default["default"].createElement("div", { className: styles$1B['magneto-ui-job-actions__icon-wrapper'], key: "".concat(url, "-JobActions") },
|
|
3234
3234
|
React__default["default"].createElement(ActionLink, { url: url, title: title, icon: icon })));
|
|
3235
3235
|
}))));
|
|
3236
3236
|
};
|
|
@@ -3239,13 +3239,13 @@ var Component$1I = function (_a) {
|
|
|
3239
3239
|
*/
|
|
3240
3240
|
var JobActions = Component$1I;
|
|
3241
3241
|
|
|
3242
|
-
var styles$
|
|
3242
|
+
var styles$1z = {"magneto-ui-job-apply-card":"mg_job_apply_card_magneto-ui-job-apply-card_16e1d","magneto-ui-job-apply-card__wrapper":"mg_job_apply_card_magneto-ui-job-apply-card_wrapper_16e1d","magneto-ui-job-apply-card__header":"mg_job_apply_card_magneto-ui-job-apply-card_header_16e1d","magneto-ui-job-apply-card__requirements":"mg_job_apply_card_magneto-ui-job-apply-card_requirements_16e1d","magneto-ui__external-child":"mg_job_apply_card_magneto-ui_external-child_16e1d"};
|
|
3243
3243
|
|
|
3244
3244
|
var Component$1H = function (_a) {
|
|
3245
3245
|
var offerApplyHeader = _a.offerApplyHeader, offerApplyElements = _a.offerApplyElements, externalChild = _a.externalChild, isApplied = _a.isApplied;
|
|
3246
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
3247
|
-
React__default["default"].createElement("div", { className: styles$
|
|
3248
|
-
React__default["default"].createElement("div", { className: styles$
|
|
3246
|
+
return (React__default["default"].createElement("div", { className: styles$1z['magneto-ui-job-apply-card'] },
|
|
3247
|
+
React__default["default"].createElement("div", { className: styles$1z['magneto-ui-job-apply-card__wrapper'] },
|
|
3248
|
+
React__default["default"].createElement("div", { className: styles$1z['magneto-ui-job-apply-card__header'] },
|
|
3249
3249
|
React__default["default"].createElement("p", null, offerApplyHeader),
|
|
3250
3250
|
(offerApplyElements === null || offerApplyElements === void 0 ? void 0 : offerApplyElements.length) &&
|
|
3251
3251
|
offerApplyElements
|
|
@@ -3255,11 +3255,11 @@ var Component$1H = function (_a) {
|
|
|
3255
3255
|
})
|
|
3256
3256
|
.map(function (_a) {
|
|
3257
3257
|
var offerApplyLabel = _a.offerApplyLabel, offerApplyInfo = _a.offerApplyInfo;
|
|
3258
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
3258
|
+
return (React__default["default"].createElement("div", { className: styles$1z['magneto-ui-job-apply-card__requirements'], key: "".concat(offerApplyLabel, "-JobApplyCard") },
|
|
3259
3259
|
React__default["default"].createElement("p", null, offerApplyLabel),
|
|
3260
3260
|
React__default["default"].createElement("p", null, offerApplyInfo)));
|
|
3261
3261
|
})),
|
|
3262
|
-
!isApplied && React__default["default"].createElement("div", { id: styles$
|
|
3262
|
+
!isApplied && React__default["default"].createElement("div", { id: styles$1z['magneto-ui__external-child'] }, externalChild))));
|
|
3263
3263
|
};
|
|
3264
3264
|
/**
|
|
3265
3265
|
* UI Molecule Component for Job Apply Card
|
|
@@ -3348,13 +3348,13 @@ var JobCard = function (_a) {
|
|
|
3348
3348
|
return React__default["default"].createElement(React__default["default"].Fragment, null, cardResponsive);
|
|
3349
3349
|
};
|
|
3350
3350
|
|
|
3351
|
-
var styles$
|
|
3351
|
+
var styles$1y = {"magneto-ui-job-company-header":"mg_job_company_header_magneto-ui-job-company-header_5apvk","magneto-ui-job-company-header__data-actions":"mg_job_company_header_magneto-ui-job-company-header_data-actions_5apvk"};
|
|
3352
3352
|
|
|
3353
3353
|
var Component$1G = function (_a) {
|
|
3354
3354
|
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobHeaderProps = _a.jobHeaderProps, jobActionsProps = _a.jobActionsProps, isApplied = _a.isApplied;
|
|
3355
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
3355
|
+
return (React__default["default"].createElement("div", { className: styles$1y['magneto-ui-job-company-header'] },
|
|
3356
3356
|
React__default["default"].createElement(JobCompanyLogo, __assign({}, jobCompanyLogoProps)),
|
|
3357
|
-
React__default["default"].createElement("div", { className: styles$
|
|
3357
|
+
React__default["default"].createElement("div", { className: styles$1y['magneto-ui-job-company-header__data-actions'] },
|
|
3358
3358
|
React__default["default"].createElement(JobHeader, __assign({}, jobHeaderProps)),
|
|
3359
3359
|
isApplied && jobActionsProps && (React__default["default"].createElement(JobActions, __assign({ isApplied: isApplied, actionsAnchorIcons: anchorIconList }, jobActionsProps))))));
|
|
3360
3360
|
};
|
|
@@ -3363,11 +3363,11 @@ var Component$1G = function (_a) {
|
|
|
3363
3363
|
*/
|
|
3364
3364
|
var JobCompanyHeader = Component$1G;
|
|
3365
3365
|
|
|
3366
|
-
var styles$
|
|
3366
|
+
var styles$1x = {"magneto-ui-job-detail-card":"mg_job_detail_card_magneto-ui-job-detail-card_htydq"};
|
|
3367
3367
|
|
|
3368
3368
|
var Component$1F = function (_a) {
|
|
3369
3369
|
var offerDescription = _a.offerDescription;
|
|
3370
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
3370
|
+
return (React__default["default"].createElement("div", { className: styles$1x['magneto-ui-job-detail-card'] }, offerDescription !== null ? React__default["default"].createElement("div", { dangerouslySetInnerHTML: { __html: offerDescription } }) : React__default["default"].createElement(React.Fragment, null)));
|
|
3371
3371
|
};
|
|
3372
3372
|
/**
|
|
3373
3373
|
* UI Molecule Component for Job Detail Card Header
|
|
@@ -3387,7 +3387,7 @@ var JobDetailContainer = function (_a) {
|
|
|
3387
3387
|
children));
|
|
3388
3388
|
};
|
|
3389
3389
|
|
|
3390
|
-
var styles$
|
|
3390
|
+
var styles$1w = {"magneto-ui-job-details":"mg_job_details_magneto-ui-job-details_nkmig","magneto-ui-job-details__wrapper":"mg_job_details_magneto-ui-job-details_wrapper_nkmig","magneto-ui-job-details__item-detail":"mg_job_details_magneto-ui-job-details_item-detail_nkmig","magneto-ui-job-details__item-detail-icon":"mg_job_details_magneto-ui-job-details_item-detail-icon_nkmig","magneto-ui-job-details__item-detail-text":"mg_job_details_magneto-ui-job-details_item-detail-text_nkmig"};
|
|
3391
3391
|
|
|
3392
3392
|
var Component$1E = function (_a) {
|
|
3393
3393
|
var offerDetailsList = _a.offerDetailsList, iconList = _a.iconList, altList = _a.altList, cities = _a.cities, textRemote = _a.textRemote, isRemote = _a.isRemote;
|
|
@@ -3399,15 +3399,15 @@ var Component$1E = function (_a) {
|
|
|
3399
3399
|
var offerDetailText = _a.offerDetailText;
|
|
3400
3400
|
return !!offerDetailText && index !== 1;
|
|
3401
3401
|
});
|
|
3402
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
3403
|
-
React__default["default"].createElement("div", { className: styles$
|
|
3402
|
+
return (React__default["default"].createElement("div", { className: styles$1w['magneto-ui-job-details'] },
|
|
3403
|
+
React__default["default"].createElement("div", { className: styles$1w['magneto-ui-job-details__wrapper'] },
|
|
3404
3404
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.length) &&
|
|
3405
3405
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.map(function (_a) {
|
|
3406
3406
|
var offerDetailText = _a.offerDetailText, icon = _a.icon, _b = _a.alt, alt = _b === void 0 ? '' : _b;
|
|
3407
|
-
return (React__default["default"].createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$
|
|
3408
|
-
React__default["default"].createElement("div", { className: styles$
|
|
3407
|
+
return (React__default["default"].createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$1w['magneto-ui-job-details__item-detail'] },
|
|
3408
|
+
React__default["default"].createElement("div", { className: styles$1w['magneto-ui-job-details__item-detail-icon'] },
|
|
3409
3409
|
React__default["default"].createElement(IconItem, { alt: alt, icon: icon, hover: false, size: 16 })),
|
|
3410
|
-
React__default["default"].createElement("p", { className: styles$
|
|
3410
|
+
React__default["default"].createElement("p", { className: styles$1w['magneto-ui-job-details__item-detail-text'] }, offerDetailText)));
|
|
3411
3411
|
})),
|
|
3412
3412
|
React__default["default"].createElement(CitiesDetailDrawer, { cities: cities, isRemote: isRemote, textRemote: textRemote }))));
|
|
3413
3413
|
};
|
|
@@ -3417,7 +3417,7 @@ var Component$1E = function (_a) {
|
|
|
3417
3417
|
Component$1E.displayName = 'JobDetails';
|
|
3418
3418
|
var JobDetails = Component$1E;
|
|
3419
3419
|
|
|
3420
|
-
var styles$
|
|
3420
|
+
var styles$1v = {"magneto-ui-job-footer-card":"mg_job_footer_card_magneto-ui-job-footer-card_xmrf6","magneto-ui-job-footer-card__icons":"mg_job_footer_card_magneto-ui-job-footer-card_icons_xmrf6","magneto-ui-job-footer-card__wrapper":"mg_job_footer_card_magneto-ui-job-footer-card_wrapper_xmrf6","magneto-ui__share-button":"mg_job_footer_card_magneto-ui_share-button_xmrf6"};
|
|
3421
3421
|
|
|
3422
3422
|
var Component$1D = function (_a) {
|
|
3423
3423
|
var offerFooterHeader = _a.offerFooterHeader, offerCompanyLogo = _a.offerCompanyLogo, offerFooterList = _a.offerFooterList, iconList = _a.iconList, shareButtonProps = _a.shareButtonProps, companyImgAlt = _a.companyImgAlt;
|
|
@@ -3430,18 +3430,18 @@ var Component$1D = function (_a) {
|
|
|
3430
3430
|
title: title
|
|
3431
3431
|
});
|
|
3432
3432
|
});
|
|
3433
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
3433
|
+
return (React__default["default"].createElement("div", { className: styles$1v['magneto-ui-job-footer-card'] },
|
|
3434
3434
|
React__default["default"].createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, alt: companyImgAlt, loading: "lazy", width: '100px', height: '100px' }),
|
|
3435
|
-
React__default["default"].createElement("div", { className: styles$
|
|
3435
|
+
React__default["default"].createElement("div", { className: styles$1v['magneto-ui-job-footer-card__icons'] },
|
|
3436
3436
|
React__default["default"].createElement("p", null, offerFooterHeader),
|
|
3437
|
-
React__default["default"].createElement("div", { className: styles$
|
|
3437
|
+
React__default["default"].createElement("div", { className: styles$1v['magneto-ui-job-footer-card__wrapper'] },
|
|
3438
3438
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.length) &&
|
|
3439
3439
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.map(function (_a, i) {
|
|
3440
3440
|
var href = _a.href, ariaLabel = _a.ariaLabel, icon = _a.icon, title = _a.title;
|
|
3441
3441
|
return href !== null && (React__default["default"].createElement("a", { key: "".concat(href, "-jobFooterList") + i, title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel },
|
|
3442
3442
|
React__default["default"].createElement(IconItem, { hover: false, icon: icon || undefined })));
|
|
3443
3443
|
})),
|
|
3444
|
-
React__default["default"].createElement("div", { className: styles$
|
|
3444
|
+
React__default["default"].createElement("div", { className: styles$1v['magneto-ui__share-button'] },
|
|
3445
3445
|
React__default["default"].createElement(ShareButton, __assign({}, shareButtonProps)))))));
|
|
3446
3446
|
};
|
|
3447
3447
|
/**
|
|
@@ -3449,13 +3449,13 @@ var Component$1D = function (_a) {
|
|
|
3449
3449
|
*/
|
|
3450
3450
|
var JobFooterCard = Component$1D;
|
|
3451
3451
|
|
|
3452
|
-
var styles$
|
|
3452
|
+
var styles$1u = {"magneto-ui-job-skills-card":"mg_job_skills_card_magneto-ui-job-skills-card_o3vgw","magneto-ui-job-skills-card__skills-wrapper":"mg_job_skills_card_magneto-ui-job-skills-card_skills-wrapper_o3vgw"};
|
|
3453
3453
|
|
|
3454
3454
|
var Component$1C = function (_a) {
|
|
3455
3455
|
var offerSkillsLabel = _a.offerSkillsLabel, offerSkills = _a.offerSkills;
|
|
3456
|
-
return (React__default["default"].createElement(React.Fragment, null, offerSkills && offerSkills.length >= 1 && (React__default["default"].createElement("div", { className: styles$
|
|
3456
|
+
return (React__default["default"].createElement(React.Fragment, null, offerSkills && offerSkills.length >= 1 && (React__default["default"].createElement("div", { className: styles$1u['magneto-ui-job-skills-card'] },
|
|
3457
3457
|
React__default["default"].createElement("p", null, offerSkillsLabel),
|
|
3458
|
-
React__default["default"].createElement("div", { className: styles$
|
|
3458
|
+
React__default["default"].createElement("div", { className: styles$1u['magneto-ui-job-skills-card__skills-wrapper'] }, offerSkills === null || offerSkills === void 0 ? void 0 : offerSkills.map(function (_a) {
|
|
3459
3459
|
var name = _a.name, score = _a.score, id = _a.id;
|
|
3460
3460
|
return (React__default["default"].createElement(React__default["default"].Fragment, { key: "".concat(id, "-JobSkillsCard") },
|
|
3461
3461
|
React__default["default"].createElement(Skill, { id: id, name: name, score: score })));
|
|
@@ -3466,7 +3466,7 @@ var Component$1C = function (_a) {
|
|
|
3466
3466
|
*/
|
|
3467
3467
|
var JobSkillsCard = Component$1C;
|
|
3468
3468
|
|
|
3469
|
-
var styles$
|
|
3469
|
+
var styles$1t = {"magneto-ui-job-video":"mg_job_video_magneto-ui-job-video_ntfx8","magneto-ui-play-button":"mg_job_video_magneto-ui-play-button_ntfx8","jobDetailsVideo":"mg_job_video_jobDetailsVideo_ntfx8"};
|
|
3470
3470
|
|
|
3471
3471
|
var JobVideo = function (_a) {
|
|
3472
3472
|
var imageProps = _a.imageProps, jobId = _a.jobId, videoClassName = _a.videoClassName, vjsOptions = _a.vjsOptions, VideoComponent = _a.VideoComponent, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo;
|
|
@@ -3481,7 +3481,7 @@ var JobVideo = function (_a) {
|
|
|
3481
3481
|
setLoadVideo && setLoadVideo(false);
|
|
3482
3482
|
}
|
|
3483
3483
|
}, [detailJobId, jobId, setLoadVideo]);
|
|
3484
|
-
return loadVideo || uploadVideo ? (React__default["default"].createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$
|
|
3484
|
+
return loadVideo || uploadVideo ? (React__default["default"].createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$1t[videoClassName] })) : (React__default["default"].createElement("div", { className: styles$1t['magneto-ui-job-video'], onClick: handleLoadVideo },
|
|
3485
3485
|
React__default["default"].createElement(Image, __assign({}, imageProps))));
|
|
3486
3486
|
};
|
|
3487
3487
|
|
|
@@ -3588,7 +3588,7 @@ var MagnetoResolution = function (_a) {
|
|
|
3588
3588
|
React__default["default"].createElement("a", { className: "".concat(style$C["".concat(classMUI, "-magneto-resolution__text--link")]), href: resolutionHref }, resolutionHrefText))));
|
|
3589
3589
|
};
|
|
3590
3590
|
|
|
3591
|
-
var styles$
|
|
3591
|
+
var styles$1s = {"magneto-ui-mega-menu-card":"mg_mega_menu_card_magneto-ui-mega-menu-card_34o92","magneto-ui-mega-menu-card__content":"mg_mega_menu_card_magneto-ui-mega-menu-card_content_34o92","magneto-ui-mega-menu-card__title":"mg_mega_menu_card_magneto-ui-mega-menu-card_title_34o92","magneto-ui-mega-menu-card__icon":"mg_mega_menu_card_magneto-ui-mega-menu-card_icon_34o92","magneto-ui-mega-menu-card__logo":"mg_mega_menu_card_magneto-ui-mega-menu-card_logo_34o92","magneto-ui-mega-menu-card__quotas":"mg_mega_menu_card_magneto-ui-mega-menu-card_quotas_34o92","magneto-ui-mega-menu-card__arrow":"mg_mega_menu_card_magneto-ui-mega-menu-card_arrow_34o92"};
|
|
3592
3592
|
|
|
3593
3593
|
var MegaMenuCard = function (_a) {
|
|
3594
3594
|
var title = _a.title, logo = _a.logo, icon = _a.icon, quotas = _a.quotas, onClick = _a.onClick, className = _a.className, showRigthArrow = _a.showRigthArrow, href = _a.href, target = _a.target;
|
|
@@ -3598,19 +3598,19 @@ var MegaMenuCard = function (_a) {
|
|
|
3598
3598
|
onClick();
|
|
3599
3599
|
}
|
|
3600
3600
|
}, [onClick]);
|
|
3601
|
-
var rigthArrow = (React__default["default"].createElement("div", { className: styles$
|
|
3601
|
+
var rigthArrow = (React__default["default"].createElement("div", { className: styles$1s["magneto-ui-mega-menu-card__arrow"] },
|
|
3602
3602
|
React__default["default"].createElement(IconItem, { icon: ArrowRight2, size: 16 })));
|
|
3603
3603
|
var arrow = useMediaQuery(showRigthArrow && rigthArrow, {
|
|
3604
3604
|
md: rigthArrow
|
|
3605
3605
|
});
|
|
3606
|
-
return (React__default["default"].createElement("a", { className: "".concat(styles$
|
|
3607
|
-
icon && (React__default["default"].createElement("div", { className: styles$
|
|
3606
|
+
return (React__default["default"].createElement("a", { className: "".concat(styles$1s["magneto-ui-mega-menu-card"], " ").concat(className ? className : ''), onClick: handleClick, href: href, target: target },
|
|
3607
|
+
icon && (React__default["default"].createElement("div", { className: styles$1s["magneto-ui-mega-menu-card__icon"] },
|
|
3608
3608
|
React__default["default"].createElement(IconItem, { icon: icon, size: 16 }))),
|
|
3609
|
-
logo && (React__default["default"].createElement("div", { className: styles$
|
|
3610
|
-
React__default["default"].createElement(Image, { image: logo, alt: 'logo', className: styles$
|
|
3611
|
-
React__default["default"].createElement("div", { className: styles$
|
|
3612
|
-
React__default["default"].createElement("div", { className: styles$
|
|
3613
|
-
React__default["default"].createElement("div", { className: styles$
|
|
3609
|
+
logo && (React__default["default"].createElement("div", { className: styles$1s["magneto-ui-mega-menu-card__logo"] },
|
|
3610
|
+
React__default["default"].createElement(Image, { image: logo, alt: 'logo', className: styles$1s["magneto-ui-mega-menu-card__logo"] }))),
|
|
3611
|
+
React__default["default"].createElement("div", { className: styles$1s["magneto-ui-mega-menu-card__content"] },
|
|
3612
|
+
React__default["default"].createElement("div", { className: styles$1s["magneto-ui-mega-menu-card__title"] }, title),
|
|
3613
|
+
React__default["default"].createElement("div", { className: styles$1s["magneto-ui-mega-menu-card__quotas"] }, "".concat(quotas.toLocaleString('es-CO', {
|
|
3614
3614
|
maximumFractionDigits: 3
|
|
3615
3615
|
}), " cupos"))),
|
|
3616
3616
|
arrow));
|
|
@@ -3692,7 +3692,7 @@ var MegaMenuJobsTabs = function () {
|
|
|
3692
3692
|
React__default["default"].createElement("div", { className: "".concat(style$B["mega-menu-jobs-tabs__content"]) }, content)));
|
|
3693
3693
|
};
|
|
3694
3694
|
|
|
3695
|
-
var styles$
|
|
3695
|
+
var styles$1r = {"magneto-ui-mega-menu-popover__dropdown":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_dropdown_123jk","magneto-ui-mega-menu-popover__dropdown--open":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_dropdown--open_123jk","magneto-ui-mega-menu-popover__action":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action_123jk","magneto-ui-mega-menu-popover__action--text":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--text_123jk","magneto-ui-mega-menu-popover__action--icon":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--icon_123jk","magneto-ui-mega-menu-popover__action--icon-reverse":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--icon-reverse_123jk","magneto-ui-mega-menu-popover__shadow":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_shadow_123jk","magneto-ui-mega-menu-popover__content":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_content_123jk"};
|
|
3696
3696
|
|
|
3697
3697
|
var popoverClassName = 'magneto-ui-mega-menu-popover';
|
|
3698
3698
|
var MegaMenuPopover = function (_a) {
|
|
@@ -3714,12 +3714,12 @@ var MegaMenuPopover = function (_a) {
|
|
|
3714
3714
|
body.style.overflowY = showContent ? 'hidden' : 'auto';
|
|
3715
3715
|
}, [showContent]);
|
|
3716
3716
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
3717
|
-
jobAction && (React__default["default"].createElement("button", { className: "".concat(styles$
|
|
3718
|
-
React__default["default"].createElement("p", { className: "".concat(styles$
|
|
3719
|
-
React__default["default"].createElement(IconItem, { className: "".concat(styles$
|
|
3720
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
3721
|
-
React__default["default"].createElement("div", { className: styles$
|
|
3722
|
-
React__default["default"].createElement("div", { className: styles$
|
|
3717
|
+
jobAction && (React__default["default"].createElement("button", { className: "".concat(styles$1r["".concat(popoverClassName, "__action")]), onClick: handleShowContent(!showContent) },
|
|
3718
|
+
React__default["default"].createElement("p", { className: "".concat(styles$1r["".concat(popoverClassName, "__action--text")]) }, jobAction.label),
|
|
3719
|
+
React__default["default"].createElement(IconItem, { className: "".concat(styles$1r["".concat(popoverClassName, "__action--icon")], " ").concat(showContent ? styles$1r["".concat(popoverClassName, "__action--icon-reverse")] : ''), icon: ArrowDown2, alt: "arrow-icon", size: 16 }))),
|
|
3720
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1r["".concat(popoverClassName, "__dropdown")], " ").concat(showContent ? styles$1r["".concat(popoverClassName, "__dropdown--open")] : '') },
|
|
3721
|
+
React__default["default"].createElement("div", { className: styles$1r["".concat(popoverClassName, "__shadow")], onClick: handleShowContent(false) }),
|
|
3722
|
+
React__default["default"].createElement("div", { className: styles$1r["".concat(popoverClassName, "__content")], onClick: function (event) {
|
|
3723
3723
|
event.stopPropagation();
|
|
3724
3724
|
} }, children))));
|
|
3725
3725
|
};
|
|
@@ -3744,17 +3744,17 @@ var MegaMenuSideCards = function (_a) {
|
|
|
3744
3744
|
React__default["default"].createElement(ButtonLink, { href: action.url, buttonText: action.label, onClick: action.onClick, className: "".concat(style$A["mega-menu-side-cards__action"]), prefixIcon: ArrowRightWhite })))));
|
|
3745
3745
|
};
|
|
3746
3746
|
|
|
3747
|
-
var styles$
|
|
3747
|
+
var styles$1q = {"magneto-ui-menu-search":"mg_menu_search_magneto-ui-menu-search_1nz6y","magneto-ui-menu-search_container":"mg_menu_search_magneto-ui-menu-search_container_1nz6y","magneto-ui-menu-search_content":"mg_menu_search_magneto-ui-menu-search_content_1nz6y","open":"mg_menu_search_open_1nz6y"};
|
|
3748
3748
|
|
|
3749
3749
|
var MenuSearch = function (_a) {
|
|
3750
3750
|
var children = _a.children, content = _a.content, show = _a.show, handleOnBlur = _a.handleOnBlur;
|
|
3751
3751
|
var onBlur = React.useCallback(function () {
|
|
3752
3752
|
handleOnBlur && handleOnBlur();
|
|
3753
3753
|
}, [handleOnBlur]);
|
|
3754
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
3755
|
-
React__default["default"].createElement("div", { className: styles$
|
|
3754
|
+
return (React__default["default"].createElement("div", { className: styles$1q['magneto-ui-menu-search'], onBlur: onBlur },
|
|
3755
|
+
React__default["default"].createElement("div", { className: styles$1q['magneto-ui-menu-search_container'] },
|
|
3756
3756
|
children,
|
|
3757
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
3757
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1q['magneto-ui-menu-search_content'], " ").concat(show && styles$1q.open) }, content))));
|
|
3758
3758
|
};
|
|
3759
3759
|
|
|
3760
3760
|
var iconByType = {
|
|
@@ -3765,7 +3765,7 @@ var iconByType = {
|
|
|
3765
3765
|
};
|
|
3766
3766
|
var transitionDuration = 300;
|
|
3767
3767
|
|
|
3768
|
-
var styles$
|
|
3768
|
+
var styles$1p = {"magneto-ui-message__container":"mg_message_magneto-ui-message_container_1q82j","magneto-ui-message__container--show":"mg_message_magneto-ui-message_container--show_1q82j","magneto-ui-message__container--hidden":"mg_message_magneto-ui-message_container--hidden_1q82j","magneto-ui-message__container--info":"mg_message_magneto-ui-message_container--info_1q82j","magneto-ui-message__container--success":"mg_message_magneto-ui-message_container--success_1q82j","magneto-ui-message__container--warning":"mg_message_magneto-ui-message_container--warning_1q82j","magneto-ui-message__container--error":"mg_message_magneto-ui-message_container--error_1q82j","magneto-ui-message__text":"mg_message_magneto-ui-message_text_1q82j","magneto-ui-message__text--bold":"mg_message_magneto-ui-message_text--bold_1q82j","magneto-ui-message__icon":"mg_message_magneto-ui-message_icon_1q82j"};
|
|
3769
3769
|
|
|
3770
3770
|
var Component$1x = function (_a) {
|
|
3771
3771
|
var className = _a.className, description = _a.description, _b = _a.duration, duration = _b === void 0 ? 3000 : _b, iconProps = _a.iconProps, onHide = _a.onHide, text = _a.text, _c = _a.type, type = _c === void 0 ? 'info' : _c, _d = _a.visible, visible = _d === void 0 ? true : _d;
|
|
@@ -3779,7 +3779,7 @@ var Component$1x = function (_a) {
|
|
|
3779
3779
|
}); }, []);
|
|
3780
3780
|
var containerStyles = React.useMemo(function () {
|
|
3781
3781
|
return CNM.get({
|
|
3782
|
-
styles: styles$
|
|
3782
|
+
styles: styles$1p,
|
|
3783
3783
|
cls: [
|
|
3784
3784
|
'message__container',
|
|
3785
3785
|
"message__container--".concat(toggleAnimation ? 'show' : 'hidden'),
|
|
@@ -3787,7 +3787,7 @@ var Component$1x = function (_a) {
|
|
|
3787
3787
|
]
|
|
3788
3788
|
});
|
|
3789
3789
|
}, [type, toggleAnimation]);
|
|
3790
|
-
var textStyles = React.useCallback(function (bold) { return CNM.get({ styles: styles$
|
|
3790
|
+
var textStyles = React.useCallback(function (bold) { return CNM.get({ styles: styles$1p, cls: ['message__text', bold && 'message__text--bold'] }); }, []);
|
|
3791
3791
|
React.useEffect(function () {
|
|
3792
3792
|
if (!localVisible)
|
|
3793
3793
|
return;
|
|
@@ -3819,9 +3819,9 @@ var Component$1x = function (_a) {
|
|
|
3819
3819
|
setIsAnimating(visible);
|
|
3820
3820
|
}, [isAnimating, visible]);
|
|
3821
3821
|
return localVisible
|
|
3822
|
-
? ReactDOM__default["default"].createPortal(React__default["default"].createElement("div", { style: containerVar, className: CNM.get({ styles: styles$
|
|
3822
|
+
? ReactDOM__default["default"].createPortal(React__default["default"].createElement("div", { style: containerVar, className: CNM.get({ styles: styles$1p, cls: [className] }) },
|
|
3823
3823
|
React__default["default"].createElement("div", { className: containerStyles },
|
|
3824
|
-
React__default["default"].createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$
|
|
3824
|
+
React__default["default"].createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$1p, cls: ['message__icon'] }), icon: iconByType[type], showDefaultFallback: false, size: 20 }, iconProps)),
|
|
3825
3825
|
React__default["default"].createElement("div", null,
|
|
3826
3826
|
text && React__default["default"].createElement("span", { className: textStyles(!!description) }, text),
|
|
3827
3827
|
description && React__default["default"].createElement("span", { className: textStyles() }, description)))), document.body)
|
|
@@ -3832,11 +3832,11 @@ var Component$1x = function (_a) {
|
|
|
3832
3832
|
*/
|
|
3833
3833
|
var Message = Component$1x;
|
|
3834
3834
|
|
|
3835
|
-
var styles$
|
|
3835
|
+
var styles$1o = {"magneto-ui-mobile-job-details-header":"mg_mobile_job_detail_header_magneto-ui-mobile-job-details-header_1fct0"};
|
|
3836
3836
|
|
|
3837
3837
|
var Component$1w = function (_a) {
|
|
3838
3838
|
var returnText = _a.returnText, onClick = _a.onClick;
|
|
3839
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
3839
|
+
return (React__default["default"].createElement("div", { className: styles$1o['magneto-ui-mobile-job-details-header'] },
|
|
3840
3840
|
React__default["default"].createElement("button", { onClick: onClick },
|
|
3841
3841
|
React__default["default"].createElement(IconItem, { alt: "arrow-left", icon: ArrowLeft2 })),
|
|
3842
3842
|
React__default["default"].createElement("p", null, returnText)));
|
|
@@ -3846,7 +3846,7 @@ var Component$1w = function (_a) {
|
|
|
3846
3846
|
*/
|
|
3847
3847
|
var MobileJobDetailsHeader = Component$1w;
|
|
3848
3848
|
|
|
3849
|
-
var styles$
|
|
3849
|
+
var styles$1n = {"MobileSearchbarComponent":"mg_mobile_searchbar_MobileSearchbarComponent_41dye","magneto-ui-search-button":"mg_mobile_searchbar_magneto-ui-search-button_41dye","magneto-ui-remove-button":"mg_mobile_searchbar_magneto-ui-remove-button_41dye","search-badge":"mg_mobile_searchbar_search-badge_41dye"};
|
|
3850
3850
|
|
|
3851
3851
|
var Component$1v = function (_a) {
|
|
3852
3852
|
var termValue = _a.termValue, onSearch = _a.onSearch, onClick = _a.onClick, focusSearchInput = _a.focusSearchInput, showMobileSearchbar = _a.showMobileSearchbar;
|
|
@@ -3870,20 +3870,20 @@ var Component$1v = function (_a) {
|
|
|
3870
3870
|
(_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
3871
3871
|
}
|
|
3872
3872
|
}, [focusSearchInput]);
|
|
3873
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
3873
|
+
return (React__default["default"].createElement("div", { className: styles$1n.MobileSearchbarComponent, "data-show-mobile-searchbar": showMobileSearchbar },
|
|
3874
3874
|
React__default["default"].createElement("form", { onSubmit: handleSubmit },
|
|
3875
|
-
searchValue && React__default["default"].createElement("div", { className: styles$
|
|
3876
|
-
React__default["default"].createElement(MainButton, __assign({ className: styles$
|
|
3875
|
+
searchValue && React__default["default"].createElement("div", { className: styles$1n['search-badge'] }),
|
|
3876
|
+
React__default["default"].createElement(MainButton, __assign({ className: styles$1n['magneto-ui-search-button'] }, searchMobileProps)),
|
|
3877
3877
|
React__default["default"].createElement("label", { htmlFor: "search" }),
|
|
3878
3878
|
React__default["default"].createElement("input", { type: "text", name: "search", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, ref: searchInputRef }),
|
|
3879
|
-
React__default["default"].createElement(MainButton, __assign({ className: styles$
|
|
3879
|
+
React__default["default"].createElement(MainButton, __assign({ className: styles$1n['magneto-ui-remove-button'], onClick: handleClearSearch }, closeSearchMobileProps)))));
|
|
3880
3880
|
};
|
|
3881
3881
|
/**
|
|
3882
3882
|
* Molecule UI component for MobileSearchbar
|
|
3883
3883
|
*/
|
|
3884
3884
|
var MobileSearchbar = Component$1v;
|
|
3885
3885
|
|
|
3886
|
-
var styles$
|
|
3886
|
+
var styles$1m = {"magneto-ui-modal":"mg_modal_magneto-ui-modal_1vun3","magneto-ui-modal__close-btn":"mg_modal_magneto-ui-modal_close-btn_1vun3","magneto-ui-modal__title":"mg_modal_magneto-ui-modal_title_1vun3","magneto-ui-modal__description":"mg_modal_magneto-ui-modal_description_1vun3","magneto-ui-modal__children-container":"mg_modal_magneto-ui-modal_children-container_1vun3","magneto-ui-background-modal":"mg_modal_magneto-ui-background-modal_1vun3","fadeIn":"mg_modal_fadeIn_1vun3"};
|
|
3887
3887
|
|
|
3888
3888
|
var Modal = function (_a) {
|
|
3889
3889
|
var onClose = _a.onClose, isOpen = _a.isOpen, children = _a.children, title = _a.title, description = _a.description, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.blockBackgroundClose, blockBackgroundClose = _c === void 0 ? false : _c;
|
|
@@ -3896,21 +3896,21 @@ var Modal = function (_a) {
|
|
|
3896
3896
|
if (!isOpen)
|
|
3897
3897
|
return null;
|
|
3898
3898
|
return (React__default["default"].createElement(React.Fragment, null,
|
|
3899
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
3900
|
-
title ? React__default["default"].createElement("h2", { className: "".concat(styles$
|
|
3901
|
-
description ? React__default["default"].createElement("p", { className: "".concat(styles$
|
|
3899
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1m["".concat(classMUI, "-modal")], " ").concat(className) },
|
|
3900
|
+
title ? React__default["default"].createElement("h2", { className: "".concat(styles$1m["".concat(classMUI, "-modal__title")]) }, title) : null,
|
|
3901
|
+
description ? React__default["default"].createElement("p", { className: "".concat(styles$1m["".concat(classMUI, "-modal__description")]) }, description) : null,
|
|
3902
3902
|
children,
|
|
3903
|
-
React__default["default"].createElement("button", { "data-name": "close-drawer", className: "".concat(styles$
|
|
3903
|
+
React__default["default"].createElement("button", { "data-name": "close-drawer", className: "".concat(styles$1m["".concat(classMUI, "-modal__close-btn")]), onClick: onClose, type: "button" },
|
|
3904
3904
|
React__default["default"].createElement("img", { src: Close, alt: "close icon" }))),
|
|
3905
|
-
React__default["default"].createElement("span", { className: "".concat(styles$
|
|
3905
|
+
React__default["default"].createElement("span", { className: "".concat(styles$1m["".concat(classMUI, "-background-modal")]), onClick: blockBackgroundClose ? function () { return null; } : onClose })));
|
|
3906
3906
|
};
|
|
3907
3907
|
var Title = function (_a) {
|
|
3908
3908
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
3909
|
-
return (React__default["default"].createElement("h2", __assign({ className: "".concat(styles$
|
|
3909
|
+
return (React__default["default"].createElement("h2", __assign({ className: "".concat(styles$1m["".concat(classMUI, "-modal__title")], " ").concat(className) }, props), children));
|
|
3910
3910
|
};
|
|
3911
3911
|
var Description = function (_a) {
|
|
3912
3912
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
3913
|
-
return (React__default["default"].createElement("p", __assign({ className: "".concat(styles$
|
|
3913
|
+
return (React__default["default"].createElement("p", __assign({ className: "".concat(styles$1m["".concat(classMUI, "-modal__description")], " ").concat(className) }, props), children));
|
|
3914
3914
|
};
|
|
3915
3915
|
var Modal$1 = Object.assign(Modal, { Title: Title, Description: Description });
|
|
3916
3916
|
|
|
@@ -3923,22 +3923,22 @@ var Component$1u = function (_a) {
|
|
|
3923
3923
|
};
|
|
3924
3924
|
var ModalResponsive = Component$1u;
|
|
3925
3925
|
|
|
3926
|
-
var styles$
|
|
3926
|
+
var styles$1l = {"magneto-ui-btn-pagination_anchor":"mg_btn_pagination_magneto-ui-btn-pagination_anchor_1y0uc","magneto-ui-btn-pagination_with__icon":"mg_btn_pagination_magneto-ui-btn-pagination_with_icon_1y0uc","magneto-ui-btn-pagination_btn":"mg_btn_pagination_magneto-ui-btn-pagination_btn_1y0uc","magneto-ui-btn-pagination_active":"mg_btn_pagination_magneto-ui-btn-pagination_active_1y0uc","magneto-ui-btn-pagination_disabled":"mg_btn_pagination_magneto-ui-btn-pagination_disabled_1y0uc","magneto-ui-btn-pagination_spinner":"mg_btn_pagination_magneto-ui-btn-pagination_spinner_1y0uc","spin":"mg_btn_pagination_spin_1y0uc"};
|
|
3927
3927
|
|
|
3928
3928
|
var BtnPagination = function (_a) {
|
|
3929
3929
|
var loading = _a.loading, value = _a.value, current = _a.current, text = _a.text, icon = _a.icon, onClick = _a.onClick, dynamicPaginationUrl = _a.dynamicPaginationUrl;
|
|
3930
3930
|
var displayContent = React.useMemo(function () {
|
|
3931
3931
|
if (loading && value && current === value)
|
|
3932
|
-
return React__default["default"].createElement(IconItem, { icon: SpinnerWhite, className: styles$
|
|
3932
|
+
return React__default["default"].createElement(IconItem, { icon: SpinnerWhite, className: styles$1l['magneto-ui-btn-pagination_spinner'] });
|
|
3933
3933
|
return value;
|
|
3934
3934
|
}, [loading, current, value]);
|
|
3935
3935
|
var pageQueryParam = 'paginator[page]=';
|
|
3936
3936
|
var displayIcon = React.useMemo(function () { return (icon ? React__default["default"].createElement(IconItem, { icon: icon }) : React__default["default"].createElement(React.Fragment, null)); }, [icon]);
|
|
3937
3937
|
var title = React.useMemo(function () { return (text ? text : "".concat(value)); }, [text, value]);
|
|
3938
|
-
return (React__default["default"].createElement(React.Fragment, null, dynamicPaginationUrl ? (React__default["default"].createElement("a", { className: styles$
|
|
3939
|
-
React__default["default"].createElement("button", { className: "\n ".concat(loading && styles$
|
|
3938
|
+
return (React__default["default"].createElement(React.Fragment, null, dynamicPaginationUrl ? (React__default["default"].createElement("a", { className: styles$1l['magneto-ui-btn-pagination_anchor'], href: "".concat(dynamicPaginationUrl, "?").concat(pageQueryParam).concat(value), onClick: function (e) { return e.preventDefault(); } },
|
|
3939
|
+
React__default["default"].createElement("button", { className: "\n ".concat(loading && styles$1l['magneto-ui-btn-pagination_disabled'], " \n ").concat(value && current === value && styles$1l['magneto-ui-btn-pagination_active'], " \n ").concat(text && styles$1l['magneto-ui-btn-pagination_with__icon'], "\n ").concat(styles$1l['magneto-ui-btn-pagination_btn'], "\n "), title: title, disabled: loading, onClick: onClick },
|
|
3940
3940
|
displayContent,
|
|
3941
|
-
displayIcon))) : (React__default["default"].createElement("button", { className: "\n ".concat(loading && styles$
|
|
3941
|
+
displayIcon))) : (React__default["default"].createElement("button", { className: "\n ".concat(loading && styles$1l['magneto-ui-btn-pagination_disabled'], " \n ").concat(value && current === value && styles$1l['magneto-ui-btn-pagination_active'], " \n ").concat(text && styles$1l['magneto-ui-btn-pagination_with__icon'], "\n ").concat(styles$1l['magneto-ui-btn-pagination_btn'], "\n "), title: title, disabled: loading, onClick: onClick },
|
|
3942
3942
|
displayContent,
|
|
3943
3943
|
displayIcon))));
|
|
3944
3944
|
};
|
|
@@ -3989,7 +3989,7 @@ var createPagination = function (_a) {
|
|
|
3989
3989
|
};
|
|
3990
3990
|
};
|
|
3991
3991
|
|
|
3992
|
-
var styles$
|
|
3992
|
+
var styles$1k = {"magneto-ui-pagination":"mg_pagination_magneto-ui-pagination_n897h","magneto-ui-pagination_ellipsis":"mg_pagination_magneto-ui-pagination_ellipsis_n897h"};
|
|
3993
3993
|
|
|
3994
3994
|
var Pagination = function (_a) {
|
|
3995
3995
|
var total = _a.total, current = _a.current, pageSize = _a.pageSize, loading = _a.loading, onChange = _a.onChange, prevTitle = _a.prevTitle, nextTitle = _a.nextTitle, _b = _a.numberOfButtons, numberOfButtons = _b === void 0 ? 3 : _b, dynamicUrl = _a.dynamicUrl;
|
|
@@ -4008,16 +4008,16 @@ var Pagination = function (_a) {
|
|
|
4008
4008
|
}, [total, current, pageSize, numberOfButtons]), buttons = _c.buttons, first = _c.first, last = _c.last;
|
|
4009
4009
|
if (total <= pageSize)
|
|
4010
4010
|
return React__default["default"].createElement(React.Fragment, null);
|
|
4011
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
4011
|
+
return (React__default["default"].createElement("div", { className: styles$1k['magneto-ui-pagination'] },
|
|
4012
4012
|
first !== current && (React__default["default"].createElement(BtnPagination, { loading: loading, text: prevTitle, icon: ArrowLeft2, onClick: function () { return handleClick(current - 1); } })),
|
|
4013
4013
|
React__default["default"].createElement("ul", null,
|
|
4014
4014
|
!buttons.includes(first) && (React__default["default"].createElement("li", null,
|
|
4015
4015
|
React__default["default"].createElement(BtnPagination, { loading: loading, value: first, current: current, onClick: function () { return handleClick(first); }, dynamicPaginationUrl: dynamicUrl }),
|
|
4016
|
-
React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
4016
|
+
React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$1k['magneto-ui-pagination_ellipsis'] }))),
|
|
4017
4017
|
buttons.map(function (page, index) { return (React__default["default"].createElement("li", { key: "".concat(page, "-").concat(index) },
|
|
4018
4018
|
React__default["default"].createElement(BtnPagination, { loading: loading, value: page, current: current, onClick: function () { return handleClick(page); }, dynamicPaginationUrl: dynamicUrl }))); }),
|
|
4019
4019
|
!buttons.includes(last) && (React__default["default"].createElement("li", null,
|
|
4020
|
-
React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
4020
|
+
React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$1k['magneto-ui-pagination_ellipsis'] }),
|
|
4021
4021
|
React__default["default"].createElement(BtnPagination, { loading: loading, value: last, current: current, onClick: function () { return handleClick(last); }, dynamicPaginationUrl: dynamicUrl })))),
|
|
4022
4022
|
last !== current && (React__default["default"].createElement(BtnPagination, { loading: loading, text: nextTitle, icon: ArrowRight2, onClick: function () { return handleClick(current + 1); } }))));
|
|
4023
4023
|
};
|
|
@@ -4037,7 +4037,7 @@ var generateID = function () {
|
|
|
4037
4037
|
return uniqueID;
|
|
4038
4038
|
};
|
|
4039
4039
|
|
|
4040
|
-
var styles$
|
|
4040
|
+
var styles$1j = {"magneto-ui-score-level":"mg_score_level_magneto-ui-score-level_thedx","magneto-ui-score-level__summary":"mg_score_level_magneto-ui-score-level_summary_thedx","magneto-ui-score-level__delete-action":"mg_score_level_magneto-ui-score-level_delete-action_thedx"};
|
|
4041
4041
|
|
|
4042
4042
|
var Component$1t = function (_a) {
|
|
4043
4043
|
var name = _a.name, onChange = _a.onChange, removeSkill = _a.removeSkill, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color, id = _a.id;
|
|
@@ -4067,17 +4067,17 @@ var Component$1t = function (_a) {
|
|
|
4067
4067
|
}
|
|
4068
4068
|
return { backgroundColor: '#c4c4c4' };
|
|
4069
4069
|
}, [color, score, spanHover]);
|
|
4070
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
4070
|
+
return (React__default["default"].createElement("div", { className: styles$1j['magneto-ui-score-level'] },
|
|
4071
4071
|
React__default["default"].createElement("p", null, name),
|
|
4072
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4072
|
+
React__default["default"].createElement("div", { className: styles$1j['magneto-ui-score-level__summary'] },
|
|
4073
4073
|
React__default["default"].createElement("div", null, levels.map(function (_, index) { return (React__default["default"].createElement("span", { onMouseOver: function () { return setSpanHover(index + 1); }, onMouseLeave: function () { return setSpanHover(0); }, style: setDinamycColor(index + 1), key: generateID(), onClick: function () { return handleScoreChange(index + 1); } })); })),
|
|
4074
4074
|
React__default["default"].createElement("p", null, labelScore)),
|
|
4075
|
-
React__default["default"].createElement("button", { className: styles$
|
|
4075
|
+
React__default["default"].createElement("button", { className: styles$1j['magneto-ui-score-level__delete-action'], onClick: function () { return removeSkill(name); }, type: "button" },
|
|
4076
4076
|
React__default["default"].createElement("img", { src: Trash, alt: "remove-skill-icon" }))));
|
|
4077
4077
|
};
|
|
4078
4078
|
var ScoreLevel = Component$1t;
|
|
4079
4079
|
|
|
4080
|
-
var styles$
|
|
4080
|
+
var styles$1i = {"magneto-ui-score-level":"mg_score_level_static_magneto-ui-score-level_1o91a","magneto-ui-score-level__summary":"mg_score_level_static_magneto-ui-score-level_summary_1o91a"};
|
|
4081
4081
|
|
|
4082
4082
|
var Component$1s = function (_a) {
|
|
4083
4083
|
var name = _a.name, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color;
|
|
@@ -4094,15 +4094,15 @@ var Component$1s = function (_a) {
|
|
|
4094
4094
|
}
|
|
4095
4095
|
return { backgroundColor: '#c4c4c4' };
|
|
4096
4096
|
}, [color, scoreValue]);
|
|
4097
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
4097
|
+
return (React__default["default"].createElement("div", { className: styles$1i['magneto-ui-score-level'] },
|
|
4098
4098
|
React__default["default"].createElement("p", null, name),
|
|
4099
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4099
|
+
React__default["default"].createElement("div", { className: styles$1i['magneto-ui-score-level__summary'] },
|
|
4100
4100
|
React__default["default"].createElement("div", null, levels.map(function (_, index) { return (React__default["default"].createElement("span", { style: setDinamycColor(index + 1), key: generateID() })); })),
|
|
4101
4101
|
React__default["default"].createElement("p", null, labelScore))));
|
|
4102
4102
|
};
|
|
4103
4103
|
var ScoreLevelStatic = Component$1s;
|
|
4104
4104
|
|
|
4105
|
-
var styles$
|
|
4105
|
+
var styles$1h = {"SearchbarComponent":"mg_searchbar_SearchbarComponent_19nle","SearchbarComponent__badge":"mg_searchbar_SearchbarComponent_badge_19nle","magneto-ui-searchbar-buttons":"mg_searchbar_magneto-ui-searchbar-buttons_19nle","magneto-ui-remove-button":"mg_searchbar_magneto-ui-remove-button_19nle"};
|
|
4106
4106
|
|
|
4107
4107
|
var Component$1r = function (_a) {
|
|
4108
4108
|
var placeholder = _a.placeholder, onSearch = _a.onSearch, searchButtonProps = _a.searchButtonProps, removeButtonProps = _a.removeButtonProps, termValue = _a.termValue;
|
|
@@ -4120,13 +4120,13 @@ var Component$1r = function (_a) {
|
|
|
4120
4120
|
setSearchValue('');
|
|
4121
4121
|
onSearch('');
|
|
4122
4122
|
};
|
|
4123
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
4123
|
+
return (React__default["default"].createElement("div", { className: styles$1h.SearchbarComponent },
|
|
4124
4124
|
React__default["default"].createElement("form", { onSubmit: handleSubmit },
|
|
4125
4125
|
React__default["default"].createElement("input", { type: "text", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, placeholder: placeholder }),
|
|
4126
|
-
searchValue && React__default["default"].createElement("div", { className: styles$
|
|
4127
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4126
|
+
searchValue && React__default["default"].createElement("div", { className: styles$1h['SearchbarComponent__badge'] }),
|
|
4127
|
+
React__default["default"].createElement("div", { className: styles$1h['magneto-ui-searchbar-buttons'] },
|
|
4128
4128
|
searchValue && (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
4129
|
-
React__default["default"].createElement(MainButton, __assign({ className: styles$
|
|
4129
|
+
React__default["default"].createElement(MainButton, __assign({ className: styles$1h['magneto-ui-remove-button'], onClick: handleClearSearch }, removeButtonProps)),
|
|
4130
4130
|
React__default["default"].createElement("span", null, "|"))),
|
|
4131
4131
|
React__default["default"].createElement(MainButton, __assign({}, searchButtonProps))))));
|
|
4132
4132
|
};
|
|
@@ -4135,17 +4135,17 @@ var Component$1r = function (_a) {
|
|
|
4135
4135
|
*/
|
|
4136
4136
|
var Searchbar = Component$1r;
|
|
4137
4137
|
|
|
4138
|
-
var styles$
|
|
4138
|
+
var styles$1g = {"search-button":"mg_search_button_search-button_svn7v","search-button__badge":"mg_search_button_search-button_badge_svn7v"};
|
|
4139
4139
|
|
|
4140
4140
|
var Component$1q = function (_a) {
|
|
4141
4141
|
var props = __rest(_a, []);
|
|
4142
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
4143
|
-
props.searchValue && React__default["default"].createElement("div", { className: styles$
|
|
4142
|
+
return (React__default["default"].createElement("div", { className: styles$1g['search-button'] },
|
|
4143
|
+
props.searchValue && React__default["default"].createElement("div", { className: styles$1g['search-button__badge'] }),
|
|
4144
4144
|
React__default["default"].createElement(MainButton, __assign({ onClick: props.onClick }, props))));
|
|
4145
4145
|
};
|
|
4146
4146
|
var SearchButton = Component$1q;
|
|
4147
4147
|
|
|
4148
|
-
var styles$
|
|
4148
|
+
var styles$1f = {"magneto-ui-similar-jobs":"mg_similar_jobs_card_magneto-ui-similar-jobs_h6mjd","magneto-ui-similar-jobs__arrow":"mg_similar_jobs_card_magneto-ui-similar-jobs_arrow_h6mjd","magneto-ui-similar-jobs__img":"mg_similar_jobs_card_magneto-ui-similar-jobs_img_h6mjd","magneto-ui-similar-jobs__title":"mg_similar_jobs_card_magneto-ui-similar-jobs_title_h6mjd","magneto-ui-similar-jobs__info":"mg_similar_jobs_card_magneto-ui-similar-jobs_info_h6mjd"};
|
|
4149
4149
|
|
|
4150
4150
|
var SimilarJobsCard = function (_a) {
|
|
4151
4151
|
var cities = _a.cities, companyLogo = _a.companyLogo, experience = _a.experience, jobUrlSlug = _a.jobUrlSlug, salary = _a.salary, title = _a.title, companyName = _a.companyName, hideLogo = _a.hideLogo;
|
|
@@ -4155,12 +4155,12 @@ var SimilarJobsCard = function (_a) {
|
|
|
4155
4155
|
var experienceFormat = experience ? " | ".concat(experience) : '';
|
|
4156
4156
|
return "".concat(citiesFormat).concat(salaryFormat).concat(experienceFormat);
|
|
4157
4157
|
}, [cities, salary, experience]);
|
|
4158
|
-
return (React__default["default"].createElement("a", { title: title, className: "".concat(styles$
|
|
4159
|
-
!hideLogo && (React__default["default"].createElement("img", { className: "".concat(styles$
|
|
4158
|
+
return (React__default["default"].createElement("a", { title: title, className: "".concat(styles$1f["".concat(classMUI, "-similar-jobs")]), href: jobUrlSlug },
|
|
4159
|
+
!hideLogo && (React__default["default"].createElement("img", { className: "".concat(styles$1f["".concat(classMUI, "-similar-jobs__img")]), src: companyLogo ? companyLogo : NoLogo, alt: "".concat(companyName ? companyName : 'company', "-logo").toLowerCase() })),
|
|
4160
4160
|
React__default["default"].createElement("div", null,
|
|
4161
|
-
React__default["default"].createElement("p", { className: "".concat(styles$
|
|
4162
|
-
React__default["default"].createElement("p", { className: "".concat(styles$
|
|
4163
|
-
React__default["default"].createElement(IconItem, { className: "".concat(styles$
|
|
4161
|
+
React__default["default"].createElement("p", { className: "".concat(styles$1f["".concat(classMUI, "-similar-jobs__title")]) }, title),
|
|
4162
|
+
React__default["default"].createElement("p", { className: "".concat(styles$1f["".concat(classMUI, "-similar-jobs__info")]) }, formatInfo)),
|
|
4163
|
+
React__default["default"].createElement(IconItem, { className: "".concat(styles$1f["".concat(classMUI, "-similar-jobs__arrow")]), icon: ArrowRight2, alt: "arow-right-icon" })));
|
|
4164
4164
|
};
|
|
4165
4165
|
|
|
4166
4166
|
var style$y = {"magneto-ui-btn-menu":"mg_sort_menu_magneto-ui-btn-menu_lw7uc","magneto-ui-btn-text":"mg_sort_menu_magneto-ui-btn-text_lw7uc","disabled":"mg_sort_menu_disabled_lw7uc"};
|
|
@@ -4182,7 +4182,7 @@ var SortMenu = function (_a) {
|
|
|
4182
4182
|
};
|
|
4183
4183
|
var SortMenu$1 = withClickOut(SortMenu);
|
|
4184
4184
|
|
|
4185
|
-
var styles$
|
|
4185
|
+
var styles$1e = {"magneto-ui-text-area":"mg_text_area_magneto-ui-text-area_biieu","magneto-ui-text-area--container":"mg_text_area_magneto-ui-text-area--container_biieu","magneto-ui-text-area--container__text-area":"mg_text_area_magneto-ui-text-area--container_text-area_biieu","magneto-ui-text-area--container__label":"mg_text_area_magneto-ui-text-area--container_label_biieu","magneto-ui-text-area--container__icon":"mg_text_area_magneto-ui-text-area--container_icon_biieu","magneto-ui-text-area--container__error":"mg_text_area_magneto-ui-text-area--container_error_biieu","magneto-ui-text-area__footer":"mg_text_area_magneto-ui-text-area_footer_biieu"};
|
|
4186
4186
|
|
|
4187
4187
|
var TextArea = function (_a) {
|
|
4188
4188
|
var _b = _a.value, value = _b === void 0 ? '' : _b, onChange = _a.onChange, name = _a.name, placeholder = _a.placeholder, error = _a.error, _c = _a.rows, rows = _c === void 0 ? 4 : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.hasCounter, hasCounter = _e === void 0 ? false : _e, _f = _a.maxCounterValue, maxCounterValue = _f === void 0 ? 0 : _f, props = __rest(_a, ["value", "onChange", "name", "placeholder", "error", "rows", "disabled", "hasCounter", "maxCounterValue"]);
|
|
@@ -4208,15 +4208,15 @@ var TextArea = function (_a) {
|
|
|
4208
4208
|
return;
|
|
4209
4209
|
setShowPlaceholder(scrollTop === 0);
|
|
4210
4210
|
}, [showPlaceholder]);
|
|
4211
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
4212
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4211
|
+
return (React__default["default"].createElement("div", { className: styles$1e["".concat(classMUI, "-text-area")] },
|
|
4212
|
+
React__default["default"].createElement("div", { className: styles$1e["".concat(classMUI, "-text-area--container")] },
|
|
4213
4213
|
showPlaceholder && (React__default["default"].createElement("label", { htmlFor: name, style: {
|
|
4214
4214
|
top: haveValueOrFocus ? '5px' : '10px',
|
|
4215
4215
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
4216
|
-
}, className: styles$
|
|
4217
|
-
React__default["default"].createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$
|
|
4218
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4219
|
-
React__default["default"].createElement("span", { className: styles$
|
|
4216
|
+
}, className: styles$1e["".concat(classMUI, "-text-area--container__label")] }, placeholder)),
|
|
4217
|
+
React__default["default"].createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$1e["".concat(classMUI, "-text-area--container__text-area")], name: name, value: value, onChange: handleChange, onFocus: function () { return setOnFocus(true); }, onBlur: function () { return setOnFocus(false); }, onScroll: handleScroll, id: name, rows: rows }))),
|
|
4218
|
+
React__default["default"].createElement("div", { className: styles$1e["".concat(classMUI, "-text-area__footer")] },
|
|
4219
|
+
React__default["default"].createElement("span", { className: styles$1e["".concat(classMUI, "-text-area--container__error")] }, error),
|
|
4220
4220
|
hasCounter && React__default["default"].createElement(ComparativeCounter, { current: inputValue === null || inputValue === void 0 ? void 0 : inputValue.length, max: maxCounterValue }))));
|
|
4221
4221
|
};
|
|
4222
4222
|
|
|
@@ -4242,7 +4242,7 @@ var Component$1p = function (_a) {
|
|
|
4242
4242
|
};
|
|
4243
4243
|
var TimelineEvent = Component$1p;
|
|
4244
4244
|
|
|
4245
|
-
var styles$
|
|
4245
|
+
var styles$1d = {"toggle-button-list":"mg_toggle_button_list_toggle-button-list_zejg7"};
|
|
4246
4246
|
|
|
4247
4247
|
var Component$1o = function (_a) {
|
|
4248
4248
|
var list = _a.list, toggleButtonProps = _a.toggleButtonProps, _b = _a.onChange, onChange = _b === void 0 ? function () { return ({}); } : _b, _c = _a.className, className = _c === void 0 ? '' : _c, currentSelect = _a.currentSelect;
|
|
@@ -4267,7 +4267,7 @@ var Component$1o = function (_a) {
|
|
|
4267
4267
|
}
|
|
4268
4268
|
return false;
|
|
4269
4269
|
};
|
|
4270
|
-
return (React__default["default"].createElement("div", { className: "".concat(className, " ").concat(styles$
|
|
4270
|
+
return (React__default["default"].createElement("div", { className: "".concat(className, " ").concat(styles$1d['toggle-button-list']) }, list === null || list === void 0 ? void 0 : list.map(function (_a) {
|
|
4271
4271
|
var _b = _a.id, id = _b === void 0 ? '' : _b, _c = _a.name, name = _c === void 0 ? '' : _c, customIcon = _a.customIcon;
|
|
4272
4272
|
return (React__default["default"].createElement(ToggleButton, __assign({}, toggleButtonProps, { customIcon: customIcon, currentSelect: valueHasSelected(+id), key: id, id: id, name: name, onChange: onHandleChange })));
|
|
4273
4273
|
})));
|
|
@@ -4294,9 +4294,9 @@ var userMenuAnalystIcons = {
|
|
|
4294
4294
|
recoverPassword: Security
|
|
4295
4295
|
};
|
|
4296
4296
|
|
|
4297
|
-
var styles$
|
|
4297
|
+
var styles$1c = {"magneto-ui-user-menu-analyst-options":"mg_user_menu_analyst_options_magneto-ui-user-menu-analyst-options_1vrkj","magneto-ui-user-menu-analyst-options__divider":"mg_user_menu_analyst_options_magneto-ui-user-menu-analyst-options_divider_1vrkj"};
|
|
4298
4298
|
|
|
4299
|
-
var styles$
|
|
4299
|
+
var styles$1b = {"magneto-ui-user-menu-analyst-option-default":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default_m64bi","magneto-ui-user-menu-analyst-option-default__container":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default_container_m64bi","magneto-ui-user-menu-analyst-option-default--button":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default--button_m64bi","magneto-ui-user-menu-analyst-option-default--underline":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default--underline_m64bi"};
|
|
4300
4300
|
|
|
4301
4301
|
var Component$1m = function (_a) {
|
|
4302
4302
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
@@ -4312,12 +4312,12 @@ var Component$1m = function (_a) {
|
|
|
4312
4312
|
}
|
|
4313
4313
|
}, [handleModal, handleMenuOpen, option]);
|
|
4314
4314
|
return (React__default["default"].createElement("span", { className: CNM.get({
|
|
4315
|
-
styles: styles$
|
|
4315
|
+
styles: styles$1b,
|
|
4316
4316
|
cls: [getOptionTypeStyles(option.type), 'user-menu-analyst-option-default', className]
|
|
4317
4317
|
}) },
|
|
4318
4318
|
prefix,
|
|
4319
4319
|
React__default["default"].createElement(MenuIcon, { className: CNM.get({
|
|
4320
|
-
styles: styles$
|
|
4320
|
+
styles: styles$1b,
|
|
4321
4321
|
cls: ['user-menu-analyst-option-default__container']
|
|
4322
4322
|
}), text: option.title || '', icon: option.icon && userMenuAnalystIcons[option.icon] ? userMenuAnalystIcons[option.icon] : option.icon, iconProps: { showDefaultFallback: false }, iconSize: 18, url: url, type: typeof option.data === 'function' || option.modal ? 'button' : 'link', onClick: handleOnClick, target: target, rel: rel }),
|
|
4323
4323
|
suffix));
|
|
@@ -4327,16 +4327,16 @@ var Component$1m = function (_a) {
|
|
|
4327
4327
|
*/
|
|
4328
4328
|
var UserMenuAnalystOptionDefault = React__default["default"].memo(Component$1m);
|
|
4329
4329
|
|
|
4330
|
-
var styles$
|
|
4330
|
+
var styles$1a = {"magneto-ui-user-menu-analyst-option-hover":"mg_user_menu_analyst_option_hover_magneto-ui-user-menu-analyst-option-hover_yk2al","magneto-ui-user-menu-analyst-option-hover__default":"mg_user_menu_analyst_option_hover_magneto-ui-user-menu-analyst-option-hover_default_yk2al"};
|
|
4331
4331
|
|
|
4332
4332
|
var Component$1l = function (_a) {
|
|
4333
4333
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
4334
4334
|
return (React__default["default"].createElement("span", { className: CNM.get({
|
|
4335
|
-
styles: styles$
|
|
4335
|
+
styles: styles$1a,
|
|
4336
4336
|
cls: [className, 'user-menu-analyst-option-hover']
|
|
4337
4337
|
}) },
|
|
4338
4338
|
prefix,
|
|
4339
|
-
React__default["default"].createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$
|
|
4339
|
+
React__default["default"].createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$1a, cls: ['user-menu-analyst-option-hover__default'] }), handleMenuOpen: handleMenuOpen, handleModal: handleModal, option: option, url: url }),
|
|
4340
4340
|
suffix));
|
|
4341
4341
|
};
|
|
4342
4342
|
/**
|
|
@@ -4344,12 +4344,12 @@ var Component$1l = function (_a) {
|
|
|
4344
4344
|
*/
|
|
4345
4345
|
var UserMenuAnalystOptionHover = React__default["default"].memo(Component$1l);
|
|
4346
4346
|
|
|
4347
|
-
var styles$
|
|
4347
|
+
var styles$19 = {"magneto-ui-user-menu-analyst-option-text":"mg_user_menu_analyst_option_text_magneto-ui-user-menu-analyst-option-text_30oi7"};
|
|
4348
4348
|
|
|
4349
4349
|
var Component$1k = function (_a) {
|
|
4350
4350
|
var option = _a.option, className = _a.className;
|
|
4351
4351
|
return (React__default["default"].createElement("span", { className: CNM.get({
|
|
4352
|
-
styles: styles$
|
|
4352
|
+
styles: styles$19,
|
|
4353
4353
|
cls: [className, 'user-menu-analyst-option-text']
|
|
4354
4354
|
}) },
|
|
4355
4355
|
React__default["default"].createElement("p", null, option.title)));
|
|
@@ -4405,26 +4405,26 @@ var optionTypes = (_b = {},
|
|
|
4405
4405
|
_b);
|
|
4406
4406
|
var getOptionType = function (type) { return (type ? optionTypes[type] : UserMenuAnalystOptionDefault); };
|
|
4407
4407
|
|
|
4408
|
-
var styles$
|
|
4408
|
+
var styles$18 = {"magneto-ui-user-menu-analyst-title__title":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_title_1djbn","magneto-ui-user-menu-analyst-title__subtitle":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_subtitle_1djbn","magneto-ui-user-menu-analyst-title__subtitle--first":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_subtitle--first_1djbn","magneto-ui-user-menu-analyst-title__subtitle--last":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_subtitle--last_1djbn"};
|
|
4409
4409
|
|
|
4410
4410
|
var Component$1i = function (_a) {
|
|
4411
4411
|
var subTitle = _a.subTitle, title = _a.title;
|
|
4412
4412
|
var separatorIndex = subTitle === null || subTitle === void 0 ? void 0 : subTitle.indexOf(':');
|
|
4413
4413
|
return (React__default["default"].createElement("div", null,
|
|
4414
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
4414
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$18, cls: ['user-menu-analyst-title__title'] }) }, title),
|
|
4415
4415
|
subTitle && separatorIndex && (React__default["default"].createElement("div", null,
|
|
4416
4416
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
4417
|
-
styles: styles$
|
|
4417
|
+
styles: styles$18,
|
|
4418
4418
|
cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--first']
|
|
4419
4419
|
}) }, subTitle.slice(0, separatorIndex + 1).trim() + ' '),
|
|
4420
4420
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
4421
|
-
styles: styles$
|
|
4421
|
+
styles: styles$18,
|
|
4422
4422
|
cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--last']
|
|
4423
4423
|
}) }, subTitle.slice(separatorIndex + 1).trim())))));
|
|
4424
4424
|
};
|
|
4425
4425
|
var UserMenuAnalystTitle = Component$1i;
|
|
4426
4426
|
|
|
4427
|
-
var styles$
|
|
4427
|
+
var styles$17 = {"magneto-ui-user-menu-analyst-option__object":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_object_jswqx","magneto-ui-user-menu-analyst-option__dropdown-title":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_dropdown-title_jswqx","magneto-ui-user-menu-analyst-option__dropdown":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_dropdown_jswqx","magneto-ui-user-menu-analyst-option__dropdown-list":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_dropdown-list_jswqx","magneto-ui-user-menu-analyst-option__empty-text":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_empty-text_jswqx","magneto-ui-user-menu-analyst-option__arrow":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_arrow_jswqx"};
|
|
4428
4428
|
|
|
4429
4429
|
var Component$1h = function (_a) {
|
|
4430
4430
|
var _b;
|
|
@@ -4452,13 +4452,13 @@ var Component$1h = function (_a) {
|
|
|
4452
4452
|
var OptionType = getOptionType(option.type);
|
|
4453
4453
|
if (!OptionType)
|
|
4454
4454
|
return null;
|
|
4455
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
4456
|
-
React__default["default"].createElement(OptionType, { className: CNM.get({ styles: styles$
|
|
4455
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$17, cls: ['user-menu-analyst-option__object'] }) },
|
|
4456
|
+
React__default["default"].createElement(OptionType, { className: CNM.get({ styles: styles$17, cls: [classNames === null || classNames === void 0 ? void 0 : classNames.link] }), option: option, url: url(option), handleModal: handleModal, handleMenuOpen: handleMenuOpen, prefix: React__default["default"].createElement(UserMenuAnalystOptionActions, { actions: option.prefix || [], getUrl: url, handleModal: handleModal, handleMenuOpen: handleMenuOpen, option: option }), suffix: React__default["default"].createElement(UserMenuAnalystOptionActions, { actions: option.suffix || [], getUrl: url, handleModal: handleModal, handleMenuOpen: handleMenuOpen, option: option }) })));
|
|
4457
4457
|
}
|
|
4458
|
-
return (React__default["default"].createElement(MenuDropdown, { title: React__default["default"].createElement(UserMenuAnalystTitle, { title: option.title || '', subTitle: option.subTitle }), opened: isOpenDropdown, onClick: function () { return setIsOpenDropdown(!isOpenDropdown); }, listClassName: CNM.get({ styles: styles$
|
|
4458
|
+
return (React__default["default"].createElement(MenuDropdown, { title: React__default["default"].createElement(UserMenuAnalystTitle, { title: option.title || '', subTitle: option.subTitle }), opened: isOpenDropdown, onClick: function () { return setIsOpenDropdown(!isOpenDropdown); }, listClassName: CNM.get({ styles: styles$17, cls: ['user-menu-analyst-option__dropdown-list'] }), suffixIcon: { icon: ArrowLeft2, className: CNM.get({ styles: styles$17, cls: ['user-menu-analyst-option__arrow'] }) }, prefixIcon: {
|
|
4459
4459
|
icon: option.icon && userMenuAnalystIcons[option.icon] ? userMenuAnalystIcons[option.icon] : option.icon
|
|
4460
4460
|
}, className: CNM.get({
|
|
4461
|
-
styles: styles$
|
|
4461
|
+
styles: styles$17,
|
|
4462
4462
|
cls: [
|
|
4463
4463
|
'user-menu-analyst-option__dropdown',
|
|
4464
4464
|
isOpenDropdown && 'user-menu-analyst-option__dropdown--open',
|
|
@@ -4467,7 +4467,7 @@ var Component$1h = function (_a) {
|
|
|
4467
4467
|
}) }, (_b = option.data) === null || _b === void 0 ? void 0 : _b.map(function (item, i) {
|
|
4468
4468
|
var _a;
|
|
4469
4469
|
return (React__default["default"].createElement(React__default["default"].Fragment, { key: "option-".concat(item.title, "-").concat(i) },
|
|
4470
|
-
item.title && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
4470
|
+
item.title && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$17, cls: ['user-menu-analyst-option__dropdown-title'] }) }, item.title)), (_a = item === null || item === void 0 ? void 0 : item.children) === null || _a === void 0 ? void 0 :
|
|
4471
4471
|
_a.map(function (child, j) { return (React__default["default"].createElement(Component$1h, { key: "option-".concat(child.title, "-").concat(j), classNames: {
|
|
4472
4472
|
link: (classNames === null || classNames === void 0 ? void 0 : classNames.link) || '',
|
|
4473
4473
|
dropdown: (classNames === null || classNames === void 0 ? void 0 : classNames.dropdown) || ''
|
|
@@ -4482,11 +4482,11 @@ var UserMenuAnalystOption = Component$1h;
|
|
|
4482
4482
|
var Component$1g = function (_a) {
|
|
4483
4483
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, isMenuOpen = _a.isMenuOpen, optionClassNames = _a.optionClassNames, options = _a.options, queryString = _a.queryString;
|
|
4484
4484
|
var isLastSection = React.useMemo(function () { return (options === null || options === void 0 ? void 0 : options.length) === 1; }, [options]);
|
|
4485
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
4485
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1c, cls: ['user-menu-analyst-options', className] }) }, options === null || options === void 0 ? void 0 : options.map(function (option, i) {
|
|
4486
4486
|
var _a;
|
|
4487
4487
|
return (React__default["default"].createElement(React__default["default"].Fragment, { key: "user-menu-analyst-section-".concat(i) }, (_a = option.children) === null || _a === void 0 ? void 0 :
|
|
4488
4488
|
_a.map(function (item, j) { return (React__default["default"].createElement(UserMenuAnalystOption, { key: "user-menu-analyst-option-".concat(j), isOpen: isMenuOpen, option: item, classNames: optionClassNames, queryString: queryString, handleModal: handleModal, handleMenuOpen: handleMenuOpen })); }),
|
|
4489
|
-
!isLastSection && i < options.length - 1 && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
4489
|
+
!isLastSection && i < options.length - 1 && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1c, cls: ['user-menu-analyst-options__divider'] }) },
|
|
4490
4490
|
React__default["default"].createElement(Divider, null)))));
|
|
4491
4491
|
})));
|
|
4492
4492
|
};
|
|
@@ -4495,7 +4495,7 @@ var Component$1g = function (_a) {
|
|
|
4495
4495
|
*/
|
|
4496
4496
|
var UserMenuAnalystOptions = Component$1g;
|
|
4497
4497
|
|
|
4498
|
-
var styles$
|
|
4498
|
+
var styles$16 = {"magneto-ui-user-menu-analyst":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_x7jdf","magneto-ui-user-menu-analyst__header":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_header_x7jdf","magneto-ui-user-menu-analyst__user":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user_x7jdf","magneto-ui-user-menu-analyst__user-info":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info_x7jdf","magneto-ui-user-menu-analyst__user-info--name":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--name_x7jdf","magneto-ui-user-menu-analyst__user-info--mail":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--mail_x7jdf","magneto-ui-user-menu-analyst__user-info--title":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--title_x7jdf","magneto-ui-user-menu-analyst__user-info--action":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--action_x7jdf","magneto-ui-user-menu-analyst__company":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_company_x7jdf","magneto-ui-user-menu-analyst__company--empty":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_company--empty_x7jdf","magneto-ui-user-menu-analyst__company-dropdown":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_company-dropdown_x7jdf"};
|
|
4499
4499
|
|
|
4500
4500
|
var Component$1f = function (_a) {
|
|
4501
4501
|
var action = _a.action, headerSections = _a.headerSections, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, _b = _a.isMenuOpen, isMenuOpen = _b === void 0 ? false : _b, footerSections = _a.footerSections, user = _a.user, _c = _a.queryString, queryString = _c === void 0 ? {} : _c;
|
|
@@ -4515,22 +4515,22 @@ var Component$1f = function (_a) {
|
|
|
4515
4515
|
: action.data;
|
|
4516
4516
|
}
|
|
4517
4517
|
}, [action, queryString]);
|
|
4518
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
4519
|
-
React__default["default"].createElement("header", { className: CNM.get({ styles: styles$
|
|
4520
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
4518
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$16, cls: ['user-menu-analyst'] }) },
|
|
4519
|
+
React__default["default"].createElement("header", { className: CNM.get({ styles: styles$16, cls: ['user-menu-analyst__header'] }) },
|
|
4520
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$16, cls: ['user-menu-analyst__user'] }) },
|
|
4521
4521
|
React__default["default"].createElement(Avatar, { userImage: avatar, fallbackImage: UserRoundedGray }),
|
|
4522
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
4523
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
4524
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
4525
|
-
action ? (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
4522
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$16, cls: ['user-menu-analyst__user-info'] }) },
|
|
4523
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$16, cls: ['user-menu-analyst__user-info--name'] }) }, user.name),
|
|
4524
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$16, cls: ['user-menu-analyst__user-info--mail'] }) }, user.email),
|
|
4525
|
+
action ? (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$16, cls: ['user-menu-analyst__user-info--action'] }) },
|
|
4526
4526
|
React__default["default"].createElement(IconItem, { showDefaultFallback: false, size: 14, icon: action.icon && userMenuAnalystIcons[action.icon] ? userMenuAnalystIcons[action.icon] : action.icon }),
|
|
4527
|
-
typeof action.data === 'string' ? (React__default["default"].createElement(Link, { text: action.title, href: actionUrl, rel: action.rel, target: action.target })) : (React__default["default"].createElement("button", { onClick: action.data }, action.title)))) : (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
4527
|
+
typeof action.data === 'string' ? (React__default["default"].createElement(Link, { text: action.title, href: actionUrl, rel: action.rel, target: action.target })) : (React__default["default"].createElement("button", { onClick: action.data }, action.title)))) : (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$16, cls: ['user-menu-analyst__user-info--title'] }) }, user.title)))),
|
|
4528
4528
|
headerSections && (React__default["default"].createElement(UserMenuAnalystOptions, { options: headerSections || [], queryString: queryString, isMenuOpen: isMenuOpen, handleModal: handleModal, handleMenuOpen: handleMenuOpen, className: CNM.get({
|
|
4529
|
-
styles: styles$
|
|
4529
|
+
styles: styles$16,
|
|
4530
4530
|
cls: ['user-menu-analyst__company', (headerSections === null || headerSections === void 0 ? void 0 : headerSections.length) === 0 && 'user-menu-analyst__company--empty']
|
|
4531
4531
|
}), optionClassNames: {
|
|
4532
|
-
link: CNM.get({ styles: styles$
|
|
4533
|
-
dropdown: CNM.get({ styles: styles$
|
|
4532
|
+
link: CNM.get({ styles: styles$16, cls: ['user-menu-analyst__company-link'] }),
|
|
4533
|
+
dropdown: CNM.get({ styles: styles$16, cls: ['user-menu-analyst__company-dropdown'] })
|
|
4534
4534
|
} }))),
|
|
4535
4535
|
footerSections && (footerSections === null || footerSections === void 0 ? void 0 : footerSections.length) > 0 && (React__default["default"].createElement(UserMenuAnalystOptions, { handleModal: handleModal, handleMenuOpen: handleMenuOpen, options: footerSections || [], queryString: queryString }))));
|
|
4536
4536
|
};
|
|
@@ -4539,11 +4539,11 @@ var Component$1f = function (_a) {
|
|
|
4539
4539
|
*/
|
|
4540
4540
|
var UserMenuAnalyst = Component$1f;
|
|
4541
4541
|
|
|
4542
|
-
var styles$
|
|
4542
|
+
var styles$15 = {"magneto-ui-user-menu-wrapper-analyst-dropdown":"mg_user_menu_wrapper_analyst_dropdown_magneto-ui-user-menu-wrapper-analyst-dropdown_1rwtz"};
|
|
4543
4543
|
|
|
4544
4544
|
var Component$1e = function (_a) {
|
|
4545
4545
|
var action = _a.action, user = _a.user, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, handleModal = _a.handleModal, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c, footerSections = _a.footerSections, headerSections = _a.headerSections;
|
|
4546
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
4546
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$15, cls: ['user-menu-wrapper-analyst-dropdown'] }) },
|
|
4547
4547
|
React__default["default"].createElement(Popover, { widthBase: 'auto', show: clickOut, content: React__default["default"].createElement(UserMenuAnalyst, { isMenuOpen: clickOut, user: user, action: action, handleModal: handleModal, handleMenuOpen: setClickOut, headerSections: headerSections, footerSections: footerSections }), positionX: "left", positionY: "bottom" },
|
|
4548
4548
|
React__default["default"].createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(!clickOut); } }))));
|
|
4549
4549
|
};
|
|
@@ -4552,12 +4552,12 @@ var Component$1e = function (_a) {
|
|
|
4552
4552
|
*/
|
|
4553
4553
|
var UserMenuWrapperAnalystDropdown = withClickOut(Component$1e);
|
|
4554
4554
|
|
|
4555
|
-
var styles$
|
|
4555
|
+
var styles$14 = {"magneto-ui-user-menu-wrapper-analyst-modal":"mg_user_menu_wrapper_analyst_modal_magneto-ui-user-menu-wrapper-analyst-modal_b9ktw"};
|
|
4556
4556
|
|
|
4557
4557
|
var Component$1d = function (_a) {
|
|
4558
4558
|
var action = _a.action, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, footerSections = _a.footerSections, headerSections = _a.headerSections, handleModal = _a.handleModal, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c, user = _a.user;
|
|
4559
4559
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
4560
|
-
React__default["default"].createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$
|
|
4560
|
+
React__default["default"].createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$14, cls: ['user-menu-wrapper-analyst-modal'] }) },
|
|
4561
4561
|
React__default["default"].createElement(UserMenuAnalyst, { isMenuOpen: clickOut, user: user, action: action, handleModal: handleModal, handleMenuOpen: setClickOut, headerSections: headerSections, footerSections: footerSections })),
|
|
4562
4562
|
React__default["default"].createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(true); } })));
|
|
4563
4563
|
};
|
|
@@ -4590,19 +4590,19 @@ var Component$1c = function (_a) {
|
|
|
4590
4590
|
*/
|
|
4591
4591
|
var UserMenuWrapperAnalyst = Component$1c;
|
|
4592
4592
|
|
|
4593
|
-
var styles$
|
|
4593
|
+
var styles$13 = {"alert-job":"mg_alert_job_status_alert-job_1qnyy","normal":"mg_alert_job_status_normal_1qnyy","warning":"mg_alert_job_status_warning_1qnyy"};
|
|
4594
4594
|
|
|
4595
|
-
var styles$
|
|
4595
|
+
var styles$12 = {"alert-job__content":"mg_alert_job_status_container_alert-job_content_g6vk0"};
|
|
4596
4596
|
|
|
4597
|
-
var cx$M = classNames.bind(styles$
|
|
4597
|
+
var cx$M = classNames.bind(styles$12);
|
|
4598
4598
|
var AlertJobStatusContainer = function (_a) {
|
|
4599
4599
|
var className = _a.className, children = _a.children;
|
|
4600
4600
|
return React__default["default"].createElement("div", { className: cx$M('alert-job__content', className) }, children);
|
|
4601
4601
|
};
|
|
4602
4602
|
|
|
4603
|
-
var styles$
|
|
4603
|
+
var styles$11 = {"alert-job__icon":"mg_alert_job_status_icon_alert-job_icon_1d1sg"};
|
|
4604
4604
|
|
|
4605
|
-
var cx$L = classNames.bind(styles$
|
|
4605
|
+
var cx$L = classNames.bind(styles$11);
|
|
4606
4606
|
var alertIcons = {
|
|
4607
4607
|
success: Checked2,
|
|
4608
4608
|
warning: Warning3D
|
|
@@ -4614,9 +4614,9 @@ var AlertJobStatusIcon = function (_a) {
|
|
|
4614
4614
|
return (React__default["default"].createElement("img", { style: customWidth, className: cx$L('alert-job__icon', className), src: src !== null && src !== void 0 ? src : iconByType, alt: alt !== null && alt !== void 0 ? alt : "icon-item", loading: "lazy" }));
|
|
4615
4615
|
};
|
|
4616
4616
|
|
|
4617
|
-
var styles
|
|
4617
|
+
var styles$10 = {"alert-modal__button":"mg_alert_job_status_button_alert-modal_button_d8bsk"};
|
|
4618
4618
|
|
|
4619
|
-
var cx$K = classNames.bind(styles
|
|
4619
|
+
var cx$K = classNames.bind(styles$10);
|
|
4620
4620
|
var AlertJobStatusButton = function (_a) {
|
|
4621
4621
|
var className = _a.className, children = _a.children, _b = _a.icon, icon = _b === void 0 ? ArrowRightWhite : _b, _c = _a.sizeIcon, sizeIcon = _c === void 0 ? 14 : _c, buttonProps = __rest(_a, ["className", "children", "icon", "sizeIcon"]);
|
|
4622
4622
|
return (React__default["default"].createElement("button", __assign({ className: cx$K('alert-modal__button', className) }, buttonProps),
|
|
@@ -4624,7 +4624,7 @@ var AlertJobStatusButton = function (_a) {
|
|
|
4624
4624
|
React__default["default"].createElement(IconItem, { alt: "arrow-icon", hover: false, icon: icon, size: sizeIcon })));
|
|
4625
4625
|
};
|
|
4626
4626
|
|
|
4627
|
-
var cx$J = classNames.bind(styles$
|
|
4627
|
+
var cx$J = classNames.bind(styles$13);
|
|
4628
4628
|
var Component$1b = function (_a) {
|
|
4629
4629
|
var children = _a.children, className = _a.className, type = _a.type;
|
|
4630
4630
|
return React__default["default"].createElement("div", { className: cx$J('alert-job', className, type) }, children);
|
|
@@ -4636,11 +4636,11 @@ var AlertJobStatus = Object.assign(Component$1b, {
|
|
|
4636
4636
|
Text: TextCustom
|
|
4637
4637
|
});
|
|
4638
4638
|
|
|
4639
|
-
var styles
|
|
4639
|
+
var styles$$ = {"similar-card":"mg_similar_card_similar-card_8mo62","similar-card__arrow":"mg_similar_card_similar-card_arrow_8mo62","similar-card__text":"mg_similar_card_similar-card_text_8mo62","similar-card__arrow-mobile":"mg_similar_card_similar-card_arrow-mobile_8mo62"};
|
|
4640
4640
|
|
|
4641
|
-
var styles$
|
|
4641
|
+
var styles$_ = {"similar-card-logo":"mg_similar_card_logo_similar-card-logo_1adpr"};
|
|
4642
4642
|
|
|
4643
|
-
var cx$I = classNames.bind(styles$
|
|
4643
|
+
var cx$I = classNames.bind(styles$_);
|
|
4644
4644
|
var Component$1a = function (_a) {
|
|
4645
4645
|
var className = _a.className, src = _a.src, alt = _a.alt, _b = _a.hideLogo, hideLogo = _b === void 0 ? false : _b;
|
|
4646
4646
|
if (hideLogo)
|
|
@@ -4649,7 +4649,7 @@ var Component$1a = function (_a) {
|
|
|
4649
4649
|
};
|
|
4650
4650
|
var SimilarCardLogo = Component$1a;
|
|
4651
4651
|
|
|
4652
|
-
var cx$H = classNames.bind(styles
|
|
4652
|
+
var cx$H = classNames.bind(styles$$);
|
|
4653
4653
|
var Component$19 = function (_a) {
|
|
4654
4654
|
var className = _a.className, src = _a.src, alt = _a.alt, _b = _a.showIconMobile, showIconMobile = _b === void 0 ? false : _b;
|
|
4655
4655
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
@@ -4657,7 +4657,7 @@ var Component$19 = function (_a) {
|
|
|
4657
4657
|
};
|
|
4658
4658
|
var SimilarCardIcon = Component$19;
|
|
4659
4659
|
|
|
4660
|
-
var cx$G = classNames.bind(styles
|
|
4660
|
+
var cx$G = classNames.bind(styles$$);
|
|
4661
4661
|
var Component$18 = function (_a) {
|
|
4662
4662
|
var children = _a.children, _b = _a.title, title = _b === void 0 ? 'jobLink' : _b, _c = _a.jobUrlSlug, jobUrlSlug = _c === void 0 ? '#' : _c, className = _a.className;
|
|
4663
4663
|
return (React__default["default"].createElement("a", { className: cx$G("similar-card", className), href: jobUrlSlug, title: title }, children));
|
|
@@ -4693,7 +4693,7 @@ var ModalPortal = function (_a) {
|
|
|
4693
4693
|
return mounted && portalNode.current ? ReactDOM__default["default"].createPortal(children, portalNode.current) : null;
|
|
4694
4694
|
};
|
|
4695
4695
|
|
|
4696
|
-
var styles$
|
|
4696
|
+
var styles$Z = {"notification":"mg_notification_notification_ylzl6","top-left":"mg_notification_top-left_ylzl6","top-right":"mg_notification_top-right_ylzl6","bottom-left":"mg_notification_bottom-left_ylzl6","bottom-right":"mg_notification_bottom-right_ylzl6","notification__content":"mg_notification_notification_content_ylzl6","notification__message":"mg_notification_notification_message_ylzl6","notification__close-btn":"mg_notification_notification_close-btn_ylzl6"};
|
|
4697
4697
|
|
|
4698
4698
|
var Notification = function (_a) {
|
|
4699
4699
|
var onClose = _a.onClose, message = _a.message, _b = _a.position, position = _b === void 0 ? 'top-right' : _b, className = _a.className, _c = _a.autoCloseDuration, autoCloseDuration = _c === void 0 ? 5000 : _c, extraContent = _a.extraContent;
|
|
@@ -4704,30 +4704,30 @@ var Notification = function (_a) {
|
|
|
4704
4704
|
}
|
|
4705
4705
|
}, [autoCloseDuration, onClose]);
|
|
4706
4706
|
return (React__default["default"].createElement(ModalPortal, null,
|
|
4707
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
4708
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4709
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4710
|
-
React__default["default"].createElement("button", { className: styles$
|
|
4707
|
+
React__default["default"].createElement("div", { className: "".concat(styles$Z.notification, " ").concat(styles$Z[position], " ").concat(className), role: "alert" },
|
|
4708
|
+
React__default["default"].createElement("div", { className: styles$Z['notification__content'] },
|
|
4709
|
+
React__default["default"].createElement("div", { className: styles$Z['notification__message'] }, message),
|
|
4710
|
+
React__default["default"].createElement("button", { className: styles$Z['notification__close-btn'], onClick: onClose, type: "button", "aria-label": "Close notification" },
|
|
4711
4711
|
React__default["default"].createElement("img", { src: Close, alt: "close icon" }))),
|
|
4712
4712
|
extraContent && extraContent)));
|
|
4713
4713
|
};
|
|
4714
4714
|
|
|
4715
|
-
var styles$
|
|
4715
|
+
var styles$Y = {"alert-modal":"mg_alert_job_modal_alert-modal_oyuqf","alert-modal__mobile":"mg_alert_job_modal_alert-modal_mobile_oyuqf","alert-modal__header":"mg_alert_job_modal_alert-modal_header_oyuqf","alert-modal__body":"mg_alert_job_modal_alert-modal_body_oyuqf","alert-modal__footer":"mg_alert_job_modal_alert-modal_footer_oyuqf","alert-modal__icon":"mg_alert_job_modal_alert-modal_icon_oyuqf","alert-modal__title":"mg_alert_job_modal_alert-modal_title_oyuqf","alert-modal__checkbox":"mg_alert_job_modal_alert-modal_checkbox_oyuqf","alert-modal__button":"mg_alert_job_modal_alert-modal_button_oyuqf"};
|
|
4716
4716
|
|
|
4717
|
-
var cx$F = classNames.bind(styles$
|
|
4717
|
+
var cx$F = classNames.bind(styles$Y);
|
|
4718
4718
|
var AlertJobModalIcon = function (_a) {
|
|
4719
4719
|
var src = _a.src, _b = _a.size, size = _b === void 0 ? 50 : _b, alt = _a.alt, className = _a.className;
|
|
4720
4720
|
var customWidth = size ? { width: size + 'px' } : {};
|
|
4721
4721
|
return (React__default["default"].createElement("img", { style: customWidth, className: cx$F('alert-job__icon', className), src: src !== null && src !== void 0 ? src : Urgent, alt: alt !== null && alt !== void 0 ? alt : "icon-item", loading: "lazy" }));
|
|
4722
4722
|
};
|
|
4723
4723
|
|
|
4724
|
-
var cx$E = classNames.bind(styles$
|
|
4724
|
+
var cx$E = classNames.bind(styles$Y);
|
|
4725
4725
|
var AlertJobModalHeader = function (_a) {
|
|
4726
4726
|
var className = _a.className, children = _a.children;
|
|
4727
4727
|
return React__default["default"].createElement("div", { className: cx$E('alert-modal__header', className) }, children);
|
|
4728
4728
|
};
|
|
4729
4729
|
|
|
4730
|
-
var cx$D = classNames.bind(styles$
|
|
4730
|
+
var cx$D = classNames.bind(styles$Y);
|
|
4731
4731
|
var AlertJobModalTitle = function (_a) {
|
|
4732
4732
|
var title = _a.title, subtitle = _a.subtitle, className = _a.className, children = _a.children;
|
|
4733
4733
|
return (React__default["default"].createElement("div", { className: cx$D('alert-modal__title', className) },
|
|
@@ -4736,19 +4736,19 @@ var AlertJobModalTitle = function (_a) {
|
|
|
4736
4736
|
children));
|
|
4737
4737
|
};
|
|
4738
4738
|
|
|
4739
|
-
var cx$C = classNames.bind(styles$
|
|
4739
|
+
var cx$C = classNames.bind(styles$Y);
|
|
4740
4740
|
var AlertJobModalBody = function (_a) {
|
|
4741
4741
|
var className = _a.className, children = _a.children;
|
|
4742
4742
|
return React__default["default"].createElement("div", { className: cx$C('alert-modal__body', className) }, children);
|
|
4743
4743
|
};
|
|
4744
4744
|
|
|
4745
|
-
var cx$B = classNames.bind(styles$
|
|
4745
|
+
var cx$B = classNames.bind(styles$Y);
|
|
4746
4746
|
var AlertJobModalFooter = function (_a) {
|
|
4747
4747
|
var className = _a.className, children = _a.children;
|
|
4748
4748
|
return React__default["default"].createElement("div", { className: cx$B('alert-modal__footer', className) }, children);
|
|
4749
4749
|
};
|
|
4750
4750
|
|
|
4751
|
-
var cx$A = classNames.bind(styles$
|
|
4751
|
+
var cx$A = classNames.bind(styles$Y);
|
|
4752
4752
|
var AlertJobModalButton = function (_a) {
|
|
4753
4753
|
var className = _a.className, children = _a.children, _b = _a.icon, icon = _b === void 0 ? ArrowRightWhite : _b, _c = _a.sizeIcon, sizeIcon = _c === void 0 ? 14 : _c, buttonProps = __rest(_a, ["className", "children", "icon", "sizeIcon"]);
|
|
4754
4754
|
return (React__default["default"].createElement("button", __assign({ className: cx$A('alert-modal__button', className) }, buttonProps),
|
|
@@ -4756,7 +4756,7 @@ var AlertJobModalButton = function (_a) {
|
|
|
4756
4756
|
React__default["default"].createElement(IconItem, { alt: "arrow-icon", hover: false, icon: icon, size: sizeIcon })));
|
|
4757
4757
|
};
|
|
4758
4758
|
|
|
4759
|
-
var cx$z = classNames.bind(styles$
|
|
4759
|
+
var cx$z = classNames.bind(styles$Y);
|
|
4760
4760
|
var Component$17 = function (_a) {
|
|
4761
4761
|
var children = _a.children, className = _a.className, mobileClassName = _a.mobileClassName, open = _a.open, onClose = _a.onClose;
|
|
4762
4762
|
return (React__default["default"].createElement(ModalResponsive, { open: open, onClose: onClose, modalClassName: cx$z('alert-modal', className), mobileDrawerClassName: cx$z('alert-modal__mobile', mobileClassName) }, children));
|
|
@@ -4781,54 +4781,54 @@ var AlphabetFilter = function (_a) {
|
|
|
4781
4781
|
React__default["default"].createElement(FilterActions, __assign({ allAction: allActionText, onClickAction: onClickAction }, { filtersRef: filtersRef }))));
|
|
4782
4782
|
};
|
|
4783
4783
|
|
|
4784
|
-
var styles$
|
|
4784
|
+
var styles$X = {"section-summary":"mg_application_section_section-summary_1r3rt","start":"mg_application_section_start_1r3rt","center":"mg_application_section_center_1r3rt","end":"mg_application_section_end_1r3rt"};
|
|
4785
4785
|
|
|
4786
|
-
var cx$y = classNames.bind(styles$
|
|
4786
|
+
var cx$y = classNames.bind(styles$X);
|
|
4787
4787
|
var Component$16 = function (_a) {
|
|
4788
4788
|
var _b = _a.aligned, aligned = _b === void 0 ? 'start' : _b, className = _a.className, children = _a.children;
|
|
4789
4789
|
return React__default["default"].createElement("div", { className: cx$y('section-summary', aligned, className) }, children);
|
|
4790
4790
|
};
|
|
4791
4791
|
var ApplicationSection = Component$16;
|
|
4792
4792
|
|
|
4793
|
-
var styles$
|
|
4793
|
+
var styles$W = {"title-summary":"mg_application_title_title-summary_opa1s"};
|
|
4794
4794
|
|
|
4795
|
-
var cx$x = classNames.bind(styles$
|
|
4795
|
+
var cx$x = classNames.bind(styles$W);
|
|
4796
4796
|
var Component$15 = function (_a) {
|
|
4797
4797
|
var children = _a.children, className = _a.className;
|
|
4798
4798
|
return React__default["default"].createElement("div", { className: cx$x('title-summary', className) }, children);
|
|
4799
4799
|
};
|
|
4800
4800
|
var ApplicationTitle = Component$15;
|
|
4801
4801
|
|
|
4802
|
-
var styles$
|
|
4802
|
+
var styles$V = {"subtitle-summary":"mg_application_sub_title_subtitle-summary_1qgmh"};
|
|
4803
4803
|
|
|
4804
|
-
var cx$w = classNames.bind(styles$
|
|
4804
|
+
var cx$w = classNames.bind(styles$V);
|
|
4805
4805
|
var Component$14 = function (_a) {
|
|
4806
4806
|
var children = _a.children, className = _a.className;
|
|
4807
4807
|
return React__default["default"].createElement("div", { className: cx$w('subtitle-summary', className) }, children);
|
|
4808
4808
|
};
|
|
4809
4809
|
var ApplicationSubtitle = Component$14;
|
|
4810
4810
|
|
|
4811
|
-
var styles$
|
|
4811
|
+
var styles$U = {"button-summary":"mg_application_button_button-summary_cc5lv","primary":"mg_application_button_primary_cc5lv","secondary":"mg_application_button_secondary_cc5lv"};
|
|
4812
4812
|
|
|
4813
|
-
var cx$v = classNames.bind(styles$
|
|
4813
|
+
var cx$v = classNames.bind(styles$U);
|
|
4814
4814
|
var Component$13 = function (_a) {
|
|
4815
4815
|
var className = _a.className, children = _a.children, _b = _a.variant, variant = _b === void 0 ? 'primary' : _b, props = __rest(_a, ["className", "children", "variant"]);
|
|
4816
4816
|
return (React__default["default"].createElement("button", __assign({}, props, { className: cx$v('button-summary', variant, className) }), children));
|
|
4817
4817
|
};
|
|
4818
4818
|
var ApplicationButton = Component$13;
|
|
4819
4819
|
|
|
4820
|
-
var styles$
|
|
4820
|
+
var styles$T = {"text-summary":"mg_application_text_text-summary_bvtna"};
|
|
4821
4821
|
|
|
4822
|
-
var cx$u = classNames.bind(styles$
|
|
4822
|
+
var cx$u = classNames.bind(styles$T);
|
|
4823
4823
|
var Component$12 = function (_a) {
|
|
4824
4824
|
var children = _a.children, className = _a.className;
|
|
4825
4825
|
return React__default["default"].createElement("p", { className: cx$u('text-summary', className) }, children);
|
|
4826
4826
|
};
|
|
4827
4827
|
var ApplicationText = Component$12;
|
|
4828
4828
|
|
|
4829
|
-
var styles$
|
|
4829
|
+
var styles$S = {"summary-modal":"mg_application_summary_summary-modal_17gu5"};
|
|
4830
4830
|
|
|
4831
|
-
var cx$t = classNames.bind(styles$
|
|
4831
|
+
var cx$t = classNames.bind(styles$S);
|
|
4832
4832
|
var Component$11 = function (_a) {
|
|
4833
4833
|
var children = _a.children, props = __rest(_a, ["children"]);
|
|
4834
4834
|
return (React__default["default"].createElement(ModalResponsive, __assign({ modalClassName: cx$t('summary-modal'), mobileDrawerClassName: cx$t('summary-drawer') }, props), children));
|
|
@@ -4889,7 +4889,7 @@ var Component$$ = function (_a) {
|
|
|
4889
4889
|
};
|
|
4890
4890
|
var DrawerMenu = Component$$;
|
|
4891
4891
|
|
|
4892
|
-
var styles$
|
|
4892
|
+
var styles$R = {"magneto-ui-filter-card":"mg_filter_card_magneto-ui-filter-card_1ex6b","magneto-ui-filter-card_header":"mg_filter_card_magneto-ui-filter-card_header_1ex6b","magneto-ui-filter-card_options":"mg_filter_card_magneto-ui-filter-card_options_1ex6b","hasSearch":"mg_filter_card_hasSearch_1ex6b"};
|
|
4893
4893
|
|
|
4894
4894
|
var FilterCard = function (_a) {
|
|
4895
4895
|
var label = _a.label, values = _a.values, renderType = _a.renderType, _b = _a.searchPlaceholder, searchPlaceholder = _b === void 0 ? '' : _b, _c = _a.switchText, switchText = _c === void 0 ? '' : _c, setIsApplied = _a.setIsApplied, props = __rest(_a, ["label", "values", "renderType", "searchPlaceholder", "switchText", "setIsApplied"]);
|
|
@@ -4909,18 +4909,18 @@ var FilterCard = function (_a) {
|
|
|
4909
4909
|
}, [values, setOptions]);
|
|
4910
4910
|
if (!values.length)
|
|
4911
4911
|
return React__default["default"].createElement(React.Fragment, null);
|
|
4912
|
-
return (React__default["default"].createElement("article", { className: "".concat(styles$
|
|
4913
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4912
|
+
return (React__default["default"].createElement("article", { className: "".concat(styles$R['magneto-ui-filter-card'], " ").concat(hasSearch && styles$R.hasSearch) },
|
|
4913
|
+
React__default["default"].createElement("div", { className: styles$R['magneto-ui-filter-card_header'] },
|
|
4914
4914
|
React__default["default"].createElement("p", null, label),
|
|
4915
4915
|
switchText && (React__default["default"].createElement(Switch, { title: switchText, setIsActive: function (value) { return console.log('Change isActive', value); }, isActive: true }))),
|
|
4916
4916
|
hasSearch && (React__default["default"].createElement(FilterSearchItem, { loading: props.loading, placeholder: searchPlaceholder, handleSearch: handleSearch })),
|
|
4917
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4917
|
+
React__default["default"].createElement("div", { className: styles$R['magneto-ui-filter-card_options'] }, options.map(function (opt, key) {
|
|
4918
4918
|
var optProps = __assign(__assign(__assign({}, props), opt), { hasTotal: hasTotal, setIsApplied: setIsApplied, type: props.type });
|
|
4919
4919
|
return React__default["default"].createElement(FilterMenuItem, __assign({ key: "".concat(key, "-").concat(opt.label) }, optProps));
|
|
4920
4920
|
}))));
|
|
4921
4921
|
};
|
|
4922
4922
|
|
|
4923
|
-
var styles$
|
|
4923
|
+
var styles$Q = {"magneto-ui-filter-header":"mg_filter_header_magneto-ui-filter-header_c34vr","magneto-ui-filter-header_title":"mg_filter_header_magneto-ui-filter-header_title_c34vr","magneto-ui-filter-header_clean":"mg_filter_header_magneto-ui-filter-header_clean_c34vr","magneto-ui-filter-header_btn":"mg_filter_header_magneto-ui-filter-header_btn_c34vr","magneto-ui-filter-header_switch":"mg_filter_header_magneto-ui-filter-header_switch_c34vr","magneto-ui-filter-header_summary":"mg_filter_header_magneto-ui-filter-header_summary_c34vr","disabled":"mg_filter_header_disabled_c34vr"};
|
|
4924
4924
|
|
|
4925
4925
|
var FilterHeader = function (_a) {
|
|
4926
4926
|
var title = _a.title, buttonText = _a.buttonText, filterSummary = _a.filterSummary, totalApplied = _a.totalApplied, clearFilters = _a.clearFilters, switchText = _a.switchText;
|
|
@@ -4929,28 +4929,28 @@ var FilterHeader = function (_a) {
|
|
|
4929
4929
|
buttonText: buttonText,
|
|
4930
4930
|
title: buttonText,
|
|
4931
4931
|
iconProps: { icon: Broom, size: 18 },
|
|
4932
|
-
className: styles$
|
|
4932
|
+
className: styles$Q['magneto-ui-filter-header_btn'],
|
|
4933
4933
|
disabled: !totalApplied,
|
|
4934
4934
|
onClick: function () { return clearFilters(); }
|
|
4935
4935
|
};
|
|
4936
4936
|
}, [buttonText, totalApplied, clearFilters]);
|
|
4937
4937
|
var displayBtnClear = React.useMemo(function () {
|
|
4938
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
4938
|
+
return (React__default["default"].createElement("div", { className: styles$Q['magneto-ui-filter-header_clean'] },
|
|
4939
4939
|
React__default["default"].createElement(MainButton, __assign({}, mainBtnProps)),
|
|
4940
|
-
typeof totalApplied === 'number' && (React__default["default"].createElement("span", { className: !totalApplied ? styles$
|
|
4940
|
+
typeof totalApplied === 'number' && (React__default["default"].createElement("span", { className: !totalApplied ? styles$Q.disabled : '' }, "(".concat(totalApplied, ")")))));
|
|
4941
4941
|
}, [totalApplied, mainBtnProps]);
|
|
4942
4942
|
var displayFilterSummary = React.useMemo(function () {
|
|
4943
|
-
return React__default["default"].createElement("span", { className: styles$
|
|
4943
|
+
return React__default["default"].createElement("span", { className: styles$Q['magneto-ui-filter-header_summary'] }, filterSummary);
|
|
4944
4944
|
}, [filterSummary]);
|
|
4945
|
-
return (React__default["default"].createElement("article", { className: styles$
|
|
4946
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4945
|
+
return (React__default["default"].createElement("article", { className: styles$Q['magneto-ui-filter-header'] },
|
|
4946
|
+
React__default["default"].createElement("div", { className: styles$Q['magneto-ui-filter-header_title'] },
|
|
4947
4947
|
React__default["default"].createElement("p", null, title),
|
|
4948
4948
|
displayBtnClear),
|
|
4949
4949
|
switchText && (React__default["default"].createElement(Switch
|
|
4950
4950
|
//TODO: review isActive, setIsActive
|
|
4951
4951
|
, {
|
|
4952
4952
|
//TODO: review isActive, setIsActive
|
|
4953
|
-
title: switchText, className: styles$
|
|
4953
|
+
title: switchText, className: styles$Q['magneto-ui-filter-header_switch'], setIsActive: function (value) { return console.log('Change isActive', value); }, isActive: true })),
|
|
4954
4954
|
displayFilterSummary));
|
|
4955
4955
|
};
|
|
4956
4956
|
|
|
@@ -5010,9 +5010,9 @@ var FooterMenuLinks = function (_a) {
|
|
|
5010
5010
|
return React__default["default"].createElement(React__default["default"].Fragment, null, footerMenuResponsive);
|
|
5011
5011
|
};
|
|
5012
5012
|
|
|
5013
|
-
var styles$
|
|
5013
|
+
var styles$P = {"magneto-ui-header-analyst":"mg_header_analyst_magneto-ui-header-analyst_19p1u","magneto-ui-header-analyst__container":"mg_header_analyst_magneto-ui-header-analyst_container_19p1u","magneto-ui-header-analyst__main-menu":"mg_header_analyst_magneto-ui-header-analyst_main-menu_19p1u","magneto-ui-header-analyst__logo":"mg_header_analyst_magneto-ui-header-analyst_logo_19p1u","magneto-ui-header-analyst__legend":"mg_header_analyst_magneto-ui-header-analyst_legend_19p1u","magneto-ui-header-analyst__user-menu":"mg_header_analyst_magneto-ui-header-analyst_user-menu_19p1u"};
|
|
5014
5014
|
|
|
5015
|
-
var cx$s = classNames.bind(styles$
|
|
5015
|
+
var cx$s = classNames.bind(styles$P);
|
|
5016
5016
|
var Component$_ = function (_a) {
|
|
5017
5017
|
var breadCrumbProps = _a.breadCrumbProps, _b = _a.className, className = _b === void 0 ? '' : _b, handleModal = _a.handleModal, legend = _a.legend, _c = _a.logoProps, logoProps = _c === void 0 ? __assign({ fallbackImage: logoPropsDark.logo }, logoPropsDark) : _c, onMainMenuClick = _a.onMainMenuClick, userMenuProps = _a.userMenuProps, userNotificationProps = _a.userNotificationProps;
|
|
5018
5018
|
var headerLogo = useMediaQuery(React__default["default"].createElement("a", { href: logoProps.href, rel: logoProps.rel, target: logoProps.target },
|
|
@@ -5040,7 +5040,7 @@ var Component$_ = function (_a) {
|
|
|
5040
5040
|
*/
|
|
5041
5041
|
var HeaderAnalyst = Component$_;
|
|
5042
5042
|
|
|
5043
|
-
var styles$
|
|
5043
|
+
var styles$O = {"JobDetailsDrawerComponent":"mg_job_details_drawer_JobDetailsDrawerComponent_3tw3x","JobHeaderCardWrapper":"mg_job_details_drawer_JobHeaderCardWrapper_3tw3x","JobLockedAlert":"mg_job_details_drawer_JobLockedAlert_3tw3x","JobBodyCardWrapper":"mg_job_details_drawer_JobBodyCardWrapper_3tw3x"};
|
|
5044
5044
|
|
|
5045
5045
|
var style$p = {"magneto-ui-job-detail-skeleton":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_em1pm","magneto-ui-job-detail-skeleton__section":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_section_em1pm","magneto-ui-job-detail-skeleton__header":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_header_em1pm","magneto-ui-job-detail-skeleton__header_title":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_header_title_em1pm","magneto-ui-job-detail-skeleton__header_btn":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_header_btn_em1pm","magneto-ui-job-detail-skeleton__header_card":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_header_card_em1pm","skeleton":"mg_job_details_skeleton_skeleton_em1pm","shimmer":"mg_job_details_skeleton_shimmer_em1pm"};
|
|
5046
5046
|
|
|
@@ -5070,7 +5070,7 @@ var Component$Z = function () {
|
|
|
5070
5070
|
*/
|
|
5071
5071
|
var JobDetailsSkeleton = Component$Z;
|
|
5072
5072
|
|
|
5073
|
-
var styles$
|
|
5073
|
+
var styles$N = {"magneto-ui-similar-jobs-section":"mg_similar_jobs_magneto-ui-similar-jobs-section_1xski","magneto-ui-similar-jobs-section__title":"mg_similar_jobs_magneto-ui-similar-jobs-section_title_1xski","magneto-ui-similar-jobs-section__link":"mg_similar_jobs_magneto-ui-similar-jobs-section_link_1xski"};
|
|
5074
5074
|
|
|
5075
5075
|
var SimilarJobs = function (_a) {
|
|
5076
5076
|
var sectionTitle = _a.sectionTitle; _a.moreJobsText; _a.moreJobsLink; var hideLogo = _a.hideLogo, similarJobsCard = _a.similarJobsCard;
|
|
@@ -5078,8 +5078,8 @@ var SimilarJobs = function (_a) {
|
|
|
5078
5078
|
var pageExists = false;
|
|
5079
5079
|
if (similarJobsCard.length <= 0)
|
|
5080
5080
|
return null;
|
|
5081
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
5082
|
-
React__default["default"].createElement("h3", { className: "".concat(styles$
|
|
5081
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$N["".concat(classMUI, "-similar-jobs-section")]) },
|
|
5082
|
+
React__default["default"].createElement("h3", { className: "".concat(styles$N["".concat(classMUI, "-similar-jobs-section__title")]) }, "".concat(sectionTitle, ":")),
|
|
5083
5083
|
similarJobsCard.map(function (_a) {
|
|
5084
5084
|
var id = _a.id, props = __rest(_a, ["id"]);
|
|
5085
5085
|
return (React__default["default"].createElement(SimilarJobsCard, __assign({ key: id, hideLogo: hideLogo }, props)));
|
|
@@ -5088,7 +5088,7 @@ var SimilarJobs = function (_a) {
|
|
|
5088
5088
|
};
|
|
5089
5089
|
|
|
5090
5090
|
var Component$Y = function (_a) {
|
|
5091
|
-
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobActionsProps = _a.jobActionsProps, jobDetailsProps = _a.jobDetailsProps, jobDetailCardProps = _a.jobDetailCardProps, jobSkillsCardProps = _a.jobSkillsCardProps, jobApplyCardProps = _a.jobApplyCardProps, jobFooterCardProps = _a.jobFooterCardProps, jobDetailAction = _a.jobDetailAction, modalPendingInfoComponent = _a.modalPendingInfoComponent, isLoading = _a.isLoading, selectedJobId = _a.selectedJobId, similarJobsProps = _a.similarJobsProps, jobVideo = _a.jobVideo, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo, cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote, fraudCardJobProps = _a.fraudCardJobProps, alertJobStatusProps = _a.alertJobStatusProps, isApplied = _a.isApplied;
|
|
5091
|
+
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobActionsProps = _a.jobActionsProps, jobDetailsProps = _a.jobDetailsProps, jobDetailCardProps = _a.jobDetailCardProps, jobSkillsCardProps = _a.jobSkillsCardProps, jobApplyCardProps = _a.jobApplyCardProps, jobFooterCardProps = _a.jobFooterCardProps, jobDetailAction = _a.jobDetailAction, modalPendingInfoComponent = _a.modalPendingInfoComponent, isLoading = _a.isLoading, selectedJobId = _a.selectedJobId, similarJobsProps = _a.similarJobsProps, jobVideo = _a.jobVideo, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo, cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote, fraudCardJobProps = _a.fraudCardJobProps, alertJobStatusProps = _a.alertJobStatusProps, isApplied = _a.isApplied, canApply = _a.canApply;
|
|
5092
5092
|
var jobDetailsRef = React.useRef(null);
|
|
5093
5093
|
React.useEffect(function () {
|
|
5094
5094
|
if (jobDetailsRef.current) {
|
|
@@ -5098,11 +5098,12 @@ var Component$Y = function (_a) {
|
|
|
5098
5098
|
if (isLoading)
|
|
5099
5099
|
return React__default["default"].createElement(JobDetailsSkeleton, null);
|
|
5100
5100
|
return (React__default["default"].createElement(React.Fragment, null,
|
|
5101
|
-
jobDetailAction ? (jobDetailAction) : (React__default["default"].createElement("section", { className: styles$
|
|
5102
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5101
|
+
jobDetailAction ? (jobDetailAction) : (React__default["default"].createElement("section", { className: styles$O.JobDetailsDrawerComponent },
|
|
5102
|
+
React__default["default"].createElement("div", { className: styles$O['JobHeaderCardWrapper'] },
|
|
5103
5103
|
React__default["default"].createElement(JobCompanyHeader, __assign({}, jobCompanyLogoProps, { isApplied: isApplied, jobActionsProps: jobActionsProps })),
|
|
5104
|
+
(canApply === null || canApply === void 0 ? void 0 : canApply.isApplicable) === false && (React__default["default"].createElement(Alert, { type: "info", text: canApply === null || canApply === void 0 ? void 0 : canApply.message, className: styles$O.JobLockedAlert })),
|
|
5104
5105
|
isApplied ? (React__default["default"].createElement(AlertJobStatus, __assign({}, alertJobStatusProps))) : (React__default["default"].createElement(JobActions, __assign({ actionsAnchorIcons: anchorIconList }, jobActionsProps)))),
|
|
5105
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5106
|
+
React__default["default"].createElement("div", { className: styles$O['JobBodyCardWrapper'], ref: jobDetailsRef },
|
|
5106
5107
|
jobDetailsProps && (React__default["default"].createElement(JobDetails, { altList: altList, iconList: iconDetailList, offerDetailsList: jobDetailsProps, cities: cities, isRemote: isRemote, textRemote: textRemote })),
|
|
5107
5108
|
jobVideo && React__default["default"].createElement(JobVideo, __assign({}, jobVideo, { loadVideo: loadVideo, setLoadVideo: setLoadVideo })),
|
|
5108
5109
|
React__default["default"].createElement(JobDetailCard, __assign({}, jobDetailCardProps)),
|
|
@@ -5118,7 +5119,7 @@ var Component$Y = function (_a) {
|
|
|
5118
5119
|
*/
|
|
5119
5120
|
var JobDetailsDrawer = Component$Y;
|
|
5120
5121
|
|
|
5121
|
-
var styles$
|
|
5122
|
+
var styles$M = {"LoginHeaderComponent":"mg_login_header_LoginHeaderComponent_1sfpu","magneto-ui-first-row":"mg_login_header_magneto-ui-first-row_1sfpu","magneto-ui-second-row":"mg_login_header_magneto-ui-second-row_1sfpu","magneto-ui-left-section":"mg_login_header_magneto-ui-left-section_1sfpu","magneto-ui-searchbar-section":"mg_login_header_magneto-ui-searchbar-section_1sfpu","magneto-ui-user-section":"mg_login_header_magneto-ui-user-section_1sfpu","magneto-ui-third-row":"mg_login_header_magneto-ui-third-row_1sfpu"};
|
|
5122
5123
|
|
|
5123
5124
|
var Component$X = function (_a) {
|
|
5124
5125
|
var onClick = _a.onClick, listMenuUserProps = _a.listMenuUserProps, breadcrumbProps = _a.breadcrumbProps, profileImage = _a.profileImage, jobsTabsProps = _a.jobsTabsProps, processTabsProps = _a.processTabsProps, curriculumTabProps = _a.curriculumTabProps, searchbar = _a.searchbar, MobileSearchbarProps = _a.MobileSearchbarProps, homeUrl = _a.homeUrl;
|
|
@@ -5152,19 +5153,19 @@ var Component$X = function (_a) {
|
|
|
5152
5153
|
var loginHeaderBreadcrumbs = useMediaQuery(React__default["default"].createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
5153
5154
|
md: null
|
|
5154
5155
|
});
|
|
5155
|
-
return (React__default["default"].createElement("header", { className: styles$
|
|
5156
|
+
return (React__default["default"].createElement("header", { className: styles$M.LoginHeaderComponent },
|
|
5156
5157
|
loginHeaderMobileSearchbar,
|
|
5157
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5158
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5159
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5158
|
+
React__default["default"].createElement("div", { className: styles$M['magneto-ui-first-row'] }),
|
|
5159
|
+
React__default["default"].createElement("div", { className: styles$M['magneto-ui-second-row'] },
|
|
5160
|
+
React__default["default"].createElement("div", { className: styles$M['magneto-ui-left-section'] },
|
|
5160
5161
|
loginHeaderMenuButton,
|
|
5161
5162
|
React__default["default"].createElement("a", { href: homeUrl }, loginHeaderLogo),
|
|
5162
5163
|
loginHeaderMobileSearchbarButton),
|
|
5163
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5164
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5164
|
+
React__default["default"].createElement("div", { className: styles$M['magneto-ui-searchbar-section'] }, loginHeaderSearchbar),
|
|
5165
|
+
React__default["default"].createElement("div", { className: styles$M['magneto-ui-user-section'] },
|
|
5165
5166
|
loginHeaderOptionTabs,
|
|
5166
5167
|
loginHeaderPopover)),
|
|
5167
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5168
|
+
React__default["default"].createElement("div", { className: styles$M['magneto-ui-third-row'] }, loginHeaderBreadcrumbs),
|
|
5168
5169
|
React__default["default"].createElement(MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(false); } },
|
|
5169
5170
|
React__default["default"].createElement(ListMenuIcons, __assign({}, listMenuUserProps)))));
|
|
5170
5171
|
};
|
|
@@ -5173,7 +5174,7 @@ var Component$X = function (_a) {
|
|
|
5173
5174
|
*/
|
|
5174
5175
|
var LoginHeader = Component$X;
|
|
5175
5176
|
|
|
5176
|
-
var styles$
|
|
5177
|
+
var styles$L = {"magneto-ui-login-jobs-header":"mg_login_jobs_header_magneto-ui-login-jobs-header_1mb6j","magneto-ui-login-jobs-header--second-row":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_1mb6j","magneto-ui-login-jobs-header--second-row__left-section":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_left-section_1mb6j","magneto-ui-login-jobs-header--second-row__left-section--company-logo":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_left-section--company-logo_1mb6j","magneto-ui-login-jobs-header--second-row__left-section--gif":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_left-section--gif_1mb6j","magneto-ui-login-jobs-header--second-row__middle-section":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_middle-section_1mb6j","magneto-ui-login-jobs-header--second-row__right-section":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_right-section_1mb6j","magneto-ui-login-jobs-header--third-row":"mg_login_jobs_header_magneto-ui-login-jobs-header--third-row_1mb6j","have-gif":"mg_login_jobs_header_have-gif_1mb6j"};
|
|
5177
5178
|
|
|
5178
5179
|
var Muiclass$3 = 'magneto-ui';
|
|
5179
5180
|
var LoginJobsHeader = function (_a) {
|
|
@@ -5183,7 +5184,7 @@ var LoginJobsHeader = function (_a) {
|
|
|
5183
5184
|
var _c = React.useState(false), showSearchBar = _c[0], setShowSearchBar = _c[1];
|
|
5184
5185
|
var _d = React.useState(false), toggleMobileDrawer = _d[0], setToggleMobileDrawer = _d[1];
|
|
5185
5186
|
var haveGif = React.useMemo(function () {
|
|
5186
|
-
return gif ? styles$
|
|
5187
|
+
return gif ? styles$L['have-gif'] : '';
|
|
5187
5188
|
}, [gif]);
|
|
5188
5189
|
var toggleSearchBar = function () {
|
|
5189
5190
|
setShowSearchBar(!showSearchBar);
|
|
@@ -5211,28 +5212,28 @@ var LoginJobsHeader = function (_a) {
|
|
|
5211
5212
|
var LogoutHeaderBreadcrumbs = useMediaQuery(React__default["default"].createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
5212
5213
|
md: null
|
|
5213
5214
|
});
|
|
5214
|
-
return (React__default["default"].createElement("header", { className: styles$
|
|
5215
|
+
return (React__default["default"].createElement("header", { className: styles$L["".concat(Muiclass$3, "-login-jobs-header")] },
|
|
5215
5216
|
LogoutHeaderMobileSearchbar,
|
|
5216
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5217
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5217
|
+
React__default["default"].createElement("div", { className: styles$L["".concat(Muiclass$3, "-login-jobs-header--second-row")] },
|
|
5218
|
+
React__default["default"].createElement("div", { className: styles$L["".concat(Muiclass$3, "-login-jobs-header--second-row__left-section")] },
|
|
5218
5219
|
LoginHeaderMenuButton,
|
|
5219
5220
|
React__default["default"].createElement("a", { href: homeUrl },
|
|
5220
5221
|
React__default["default"].createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
5221
5222
|
brandsProps.brands && ((_b = brandsProps.brands) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (React__default["default"].createElement(BrandMenu, __assign({}, brandMenuProps))) : (React__default["default"].createElement("a", { href: companyUrl },
|
|
5222
|
-
React__default["default"].createElement("img", { className: styles$
|
|
5223
|
-
gif && (React__default["default"].createElement("img", { className: styles$
|
|
5223
|
+
React__default["default"].createElement("img", { className: styles$L["".concat(Muiclass$3, "-login-jobs-header--second-row__left-section--company-logo")], src: companyLogo, alt: companySlug ? companySlug : '' }))),
|
|
5224
|
+
gif && (React__default["default"].createElement("img", { className: styles$L["".concat(Muiclass$3, "-login-jobs-header--second-row__left-section--gif")], alt: companySlug ? companySlug : '', src: gif })),
|
|
5224
5225
|
LogoutHeaderMobileSearchbarButton),
|
|
5225
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
5226
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5226
|
+
React__default["default"].createElement("div", { className: "".concat(styles$L["".concat(Muiclass$3, "-login-jobs-header--second-row__middle-section")], " ").concat(haveGif) }, LogoutHeaderSearchbar),
|
|
5227
|
+
React__default["default"].createElement("div", { className: styles$L["".concat(Muiclass$3, "-login-jobs-header--second-row__right-section")] },
|
|
5227
5228
|
!gif && loginHeaderOptionTabs,
|
|
5228
5229
|
" ",
|
|
5229
5230
|
loginHeaderPopover)),
|
|
5230
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5231
|
+
React__default["default"].createElement("div", { className: styles$L["".concat(Muiclass$3, "-login-jobs-header--third-row")] }, LogoutHeaderBreadcrumbs),
|
|
5231
5232
|
React__default["default"].createElement(MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(false); } },
|
|
5232
5233
|
React__default["default"].createElement(ListMenuIcons, __assign({}, listMenuUserProps)))));
|
|
5233
5234
|
};
|
|
5234
5235
|
|
|
5235
|
-
var styles$
|
|
5236
|
+
var styles$K = {"LogoutHeaderComponent":"mg_logout_header_LogoutHeaderComponent_1cj57","magneto-ui-first-row":"mg_logout_header_magneto-ui-first-row_1cj57","magneto-ui-second-row":"mg_logout_header_magneto-ui-second-row_1cj57","magneto-ui-left-section":"mg_logout_header_magneto-ui-left-section_1cj57","magneto-ui-middle-section":"mg_logout_header_magneto-ui-middle-section_1cj57","magneto-ui-right-section":"mg_logout_header_magneto-ui-right-section_1cj57","magneto-ui-third-row":"mg_logout_header_magneto-ui-third-row_1cj57"};
|
|
5236
5237
|
|
|
5237
5238
|
var Component$W = function (_a) {
|
|
5238
5239
|
var leftTabButton = _a.leftTabButton, rightTabButton = _a.rightTabButton, searchbar = _a.searchbar, mobileSearchbar = _a.mobileSearchbar, signInLink = _a.signInLink, signUpButton = _a.signUpButton, breadcrumbProps = _a.breadcrumbProps, onMenuClick = _a.onMenuClick, homeUrl = _a.homeUrl, allJobsText = _a.allJobsText, allJobsLink = _a.allJobsLink, _b = _a.hasMobileSearchBarButton, hasMobileSearchBarButton = _b === void 0 ? false : _b;
|
|
@@ -5277,29 +5278,29 @@ var Component$W = function (_a) {
|
|
|
5277
5278
|
var LogoutHeaderBreadcrumbs = useMediaQuery(React__default["default"].createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
5278
5279
|
md: null
|
|
5279
5280
|
});
|
|
5280
|
-
return (React__default["default"].createElement("header", { className: styles$
|
|
5281
|
+
return (React__default["default"].createElement("header", { className: styles$K.LogoutHeaderComponent },
|
|
5281
5282
|
LogoutHeaderMobileSearchbar,
|
|
5282
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5283
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5284
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5283
|
+
React__default["default"].createElement("div", { className: styles$K['magneto-ui-first-row'] }, LogoutHeaderTab),
|
|
5284
|
+
React__default["default"].createElement("div", { className: styles$K['magneto-ui-second-row'] },
|
|
5285
|
+
React__default["default"].createElement("div", { className: styles$K['magneto-ui-left-section'] },
|
|
5285
5286
|
LogoutHeaderMenuButton,
|
|
5286
5287
|
React__default["default"].createElement("a", { href: homeUrl }, LogoutHeaderLogo),
|
|
5287
5288
|
LogoutHeaderMobileSearchbarButton),
|
|
5288
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5289
|
+
React__default["default"].createElement("div", { className: styles$K['magneto-ui-middle-section'] },
|
|
5289
5290
|
LogoutHeaderSearchbar,
|
|
5290
5291
|
" ",
|
|
5291
5292
|
React__default["default"].createElement(SearchItem, { tag: allJobsText, url: allJobsLink })),
|
|
5292
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5293
|
+
React__default["default"].createElement("div", { className: styles$K['magneto-ui-right-section'] },
|
|
5293
5294
|
LogoutHeaderLinkSignIn,
|
|
5294
5295
|
LogoutHeaderButtonSignUp)),
|
|
5295
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5296
|
+
React__default["default"].createElement("div", { className: styles$K['magneto-ui-third-row'] }, LogoutHeaderBreadcrumbs)));
|
|
5296
5297
|
};
|
|
5297
5298
|
/**
|
|
5298
5299
|
* UI Header Organisim for 1024 resolution/size
|
|
5299
5300
|
*/
|
|
5300
5301
|
var LogoutHeader = Component$W;
|
|
5301
5302
|
|
|
5302
|
-
var styles$
|
|
5303
|
+
var styles$J = {"magneto-ui-logout-jobs-header":"mg_logout_jobs_header_magneto-ui-logout-jobs-header_jn6bp","magneto-ui-logout-jobs-header--second-row":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_jn6bp","magneto-ui-logout-jobs-header--second-row__left-section":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_left-section_jn6bp","magneto-ui-logout-jobs-header--second-row__left-section--company-logo":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_left-section--company-logo_jn6bp","magneto-ui-logout-jobs-header--second-row__left-section--gif":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_left-section--gif_jn6bp","magneto-ui-logout-jobs-header--second-row__middle-section":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_middle-section_jn6bp","magneto-ui-logout-jobs-header--second-row__right-section":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_right-section_jn6bp","magneto-ui-logout-jobs-header--third-row":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--third-row_jn6bp"};
|
|
5303
5304
|
|
|
5304
5305
|
var Muiclass$2 = 'magneto-ui';
|
|
5305
5306
|
var LogoutJobsHeader = function (_a) {
|
|
@@ -5330,24 +5331,24 @@ var LogoutJobsHeader = function (_a) {
|
|
|
5330
5331
|
var LogoutHeaderBreadcrumbs = useMediaQuery(React__default["default"].createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
5331
5332
|
md: null
|
|
5332
5333
|
});
|
|
5333
|
-
return (React__default["default"].createElement("header", { className: styles$
|
|
5334
|
+
return (React__default["default"].createElement("header", { className: styles$J["".concat(Muiclass$2, "-logout-jobs-header")] },
|
|
5334
5335
|
LogoutHeaderMobileSearchbar,
|
|
5335
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5336
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5336
|
+
React__default["default"].createElement("div", { className: styles$J["".concat(Muiclass$2, "-logout-jobs-header--second-row")] },
|
|
5337
|
+
React__default["default"].createElement("div", { className: styles$J["".concat(Muiclass$2, "-logout-jobs-header--second-row__left-section")] },
|
|
5337
5338
|
LogoutHeaderMenuButton,
|
|
5338
5339
|
React__default["default"].createElement("a", { href: homeUrl },
|
|
5339
5340
|
React__default["default"].createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
5340
5341
|
brandsProps.brands && ((_b = brandsProps.brands) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (React__default["default"].createElement(BrandMenu, __assign({}, brandMenuProps))) : (React__default["default"].createElement("a", { href: companyUrl },
|
|
5341
|
-
React__default["default"].createElement("img", { className: styles$
|
|
5342
|
-
gif && (React__default["default"].createElement("img", { className: styles$
|
|
5342
|
+
React__default["default"].createElement("img", { className: styles$J["".concat(Muiclass$2, "-logout-jobs-header--second-row__left-section--company-logo")], src: companyLogo, alt: companySlug ? companySlug : '' }))),
|
|
5343
|
+
gif && (React__default["default"].createElement("img", { className: styles$J["".concat(Muiclass$2, "-logout-jobs-header--second-row__left-section--gif")], alt: companySlug ? companySlug : '', src: gif })),
|
|
5343
5344
|
LogoutHeaderMobileSearchbarButton),
|
|
5344
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5345
|
+
React__default["default"].createElement("div", { className: styles$J["".concat(Muiclass$2, "-logout-jobs-header--second-row__middle-section")] },
|
|
5345
5346
|
LogoutHeaderSearchbar,
|
|
5346
5347
|
React__default["default"].createElement(SearchItem, { tag: allJobsText, url: allJobsLink })),
|
|
5347
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5348
|
+
React__default["default"].createElement("div", { className: styles$J["".concat(Muiclass$2, "-logout-jobs-header--second-row__right-section")] },
|
|
5348
5349
|
LogoutHeaderLinkSignIn,
|
|
5349
5350
|
LogoutHeaderButtonSignUp)),
|
|
5350
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5351
|
+
React__default["default"].createElement("div", { className: styles$J["".concat(Muiclass$2, "-logout-jobs-header--third-row")] }, LogoutHeaderBreadcrumbs)));
|
|
5351
5352
|
};
|
|
5352
5353
|
|
|
5353
5354
|
var style$o = {"magneto-ui-magneto-social-media":"mg_magneto_social_media_magneto-ui-magneto-social-media_1zvjc","magneto-ui-magneto-social-media__follow-text":"mg_magneto_social_media_magneto-ui-magneto-social-media_follow-text_1zvjc","magneto-ui-magneto-social-media__app-links-container":"mg_magneto_social_media_magneto-ui-magneto-social-media_app-links-container_1zvjc","magneto-ui-magneto-social-media__app-links-container--img":"mg_magneto_social_media_magneto-ui-magneto-social-media_app-links-container--img_1zvjc"};
|
|
@@ -5383,7 +5384,7 @@ var MegaMenuCards = function (_a) {
|
|
|
5383
5384
|
action && (React__default["default"].createElement(ButtonLink, { buttonText: action.label, href: action.url, onClick: action.onClick, target: (_b = action.target) !== null && _b !== void 0 ? _b : '_self', prefixIcon: ArrowRightWhite, className: "".concat(style$n["mega-menu-cards__action"]) }))));
|
|
5384
5385
|
};
|
|
5385
5386
|
|
|
5386
|
-
var styles$
|
|
5387
|
+
var styles$I = {"magneto-ui--date-options":"mg_date_options_magneto-ui--date-options_7fpt5","magneto-ui--date-options--wrapper":"mg_date_options_magneto-ui--date-options--wrapper_7fpt5","magneto-ui--date-options__btn":"mg_date_options_magneto-ui--date-options_btn_7fpt5","magneto-ui--date-options__btn-selected":"mg_date_options_magneto-ui--date-options_btn-selected_7fpt5"};
|
|
5387
5388
|
|
|
5388
5389
|
var Component$V = function (_a) {
|
|
5389
5390
|
var optionsList = _a.optionsList, selected = _a.selected, handleOnClick = _a.handleOnClick;
|
|
@@ -5391,10 +5392,10 @@ var Component$V = function (_a) {
|
|
|
5391
5392
|
handleOnClick(optionValue);
|
|
5392
5393
|
};
|
|
5393
5394
|
var parsedSelected = typeof selected === 'string' ? parseInt(selected, 10) : selected;
|
|
5394
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
5395
|
-
React__default["default"].createElement("ul", { className: styles$
|
|
5395
|
+
return (React__default["default"].createElement("div", { className: styles$I['magneto-ui--date-options'] },
|
|
5396
|
+
React__default["default"].createElement("ul", { className: styles$I['magneto-ui--date-options--wrapper'] }, optionsList.map(function (_a) {
|
|
5396
5397
|
var optionValue = _a.optionValue, optionLabel = _a.optionLabel;
|
|
5397
|
-
return (React__default["default"].createElement("li", { className: "".concat(styles$
|
|
5398
|
+
return (React__default["default"].createElement("li", { className: "".concat(styles$I['magneto-ui--date-options__btn'], " ").concat(parsedSelected === optionValue ? styles$I['magneto-ui--date-options__btn-selected'] : ''), key: optionValue, value: optionValue, onClick: function () { return handleOptionClick(optionValue); } }, optionLabel));
|
|
5398
5399
|
}))));
|
|
5399
5400
|
};
|
|
5400
5401
|
/**
|
|
@@ -5402,7 +5403,7 @@ var Component$V = function (_a) {
|
|
|
5402
5403
|
*/
|
|
5403
5404
|
var DateOptions = Component$V;
|
|
5404
5405
|
|
|
5405
|
-
var styles$
|
|
5406
|
+
var styles$H = {"magneto-ui--date-selection":"mg_date_selection_magneto-ui--date-selection_1ttne","magneto-ui--date-selection__header":"mg_date_selection_magneto-ui--date-selection_header_1ttne","magneto-ui--date-selection__options":"mg_date_selection_magneto-ui--date-selection_options_1ttne","magneto-ui--date-selection__btn--wrapper":"mg_date_selection_magneto-ui--date-selection_btn--wrapper_1ttne","magneto-ui--date-selection__cancel-btn":"mg_date_selection_magneto-ui--date-selection_cancel-btn_1ttne","magneto-ui--date-selection__apply-btn":"mg_date_selection_magneto-ui--date-selection_apply-btn_1ttne"};
|
|
5406
5407
|
|
|
5407
5408
|
var Component$U = function (_a) {
|
|
5408
5409
|
var applyLabel = _a.applyLabel, cancelLabel = _a.cancelLabel, dateOptions = _a.dateOptions, disabled = _a.disabled, isOpen = _a.isOpen, onClose = _a.onClose, onApplyCallback = _a.onApplyCallback, selectionHeader = _a.selectionHeader, initialValue = _a.initialValue;
|
|
@@ -5426,18 +5427,18 @@ var Component$U = function (_a) {
|
|
|
5426
5427
|
setInitialSelectedOption(null);
|
|
5427
5428
|
}
|
|
5428
5429
|
}, [disabled]);
|
|
5429
|
-
return (React__default["default"].createElement(MobileDrawer, { isOpen: isOpen, onClose: onClose, className: styles$
|
|
5430
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5430
|
+
return (React__default["default"].createElement(MobileDrawer, { isOpen: isOpen, onClose: onClose, className: styles$H['magneto-ui--date-selection'] },
|
|
5431
|
+
React__default["default"].createElement("div", { className: styles$H['magneto-ui--date-selection__header'] },
|
|
5431
5432
|
React__default["default"].createElement("h2", null, selectionHeader)),
|
|
5432
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5433
|
+
React__default["default"].createElement("div", { className: styles$H['magneto-ui--date-selection__options'] },
|
|
5433
5434
|
React__default["default"].createElement(DateOptions, { handleOnClick: handleOptionClick, optionsList: dateOptions, selected: selectedOption })),
|
|
5434
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5435
|
-
React__default["default"].createElement("button", { className: styles$
|
|
5436
|
-
React__default["default"].createElement("button", { className: styles$
|
|
5435
|
+
React__default["default"].createElement("div", { className: styles$H['magneto-ui--date-selection__btn--wrapper'] },
|
|
5436
|
+
React__default["default"].createElement("button", { className: styles$H['magneto-ui--date-selection__cancel-btn'], onClick: onCancelClick }, cancelLabel),
|
|
5437
|
+
React__default["default"].createElement("button", { className: styles$H['magneto-ui--date-selection__apply-btn'], onClick: onApplyClick }, applyLabel))));
|
|
5437
5438
|
};
|
|
5438
5439
|
var DateSelection = Component$U;
|
|
5439
5440
|
|
|
5440
|
-
var styles$
|
|
5441
|
+
var styles$G = {"magneto-ui--mobile-date-picker":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_1a4uw","magneto-ui--mobile-date-picker__container":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container_1a4uw","magneto-ui--mobile-date-picker__container--placeholder":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container--placeholder_1a4uw","magneto-ui--mobile-date-picker__container__icon":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container_icon_1a4uw","magneto-ui--mobile-date-picker__container__icon--disabled":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container_icon--disabled_1a4uw","magneto-ui--mobile-date-picker__container-value":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-value_1a4uw","magneto-ui--mobile-date-picker__container-value--placeholder-shrink":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-value--placeholder-shrink_1a4uw","magneto-ui--mobile-date-picker__container-value__icon":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-value_icon_1a4uw","magneto-ui--mobile-date-picker__container-value__icon--disabled":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-value_icon--disabled_1a4uw","magneto-ui--mobile-date-picker__container-disabled":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-disabled_1a4uw","magneto-ui--mobile-date-picker__container-disabled--placeholder":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-disabled--placeholder_1a4uw","magneto-ui--mobile-date-picker__input":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_input_1a4uw","magneto-ui--mobile-date-picker__value":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_value_1a4uw","magneto-ui--mobile-date-picker__icon":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_icon_1a4uw","magneto-ui--mobile-date-picker__icon--disabled":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_icon--disabled_1a4uw"};
|
|
5441
5442
|
|
|
5442
5443
|
var defaultValue = function (value) {
|
|
5443
5444
|
return value ? parseDate(value) : { initialMonth: '', initialYear: '' };
|
|
@@ -5507,18 +5508,18 @@ var Component$T = function (_a) {
|
|
|
5507
5508
|
}
|
|
5508
5509
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
5509
5510
|
}, [disabled]);
|
|
5510
|
-
return (React__default["default"].createElement("section", { className: styles$
|
|
5511
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5512
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5513
|
-
React__default["default"].createElement("span", { className: styles$
|
|
5514
|
-
React__default["default"].createElement("p", { className: styles$
|
|
5515
|
-
React__default["default"].createElement("span", { className: styles$
|
|
5511
|
+
return (React__default["default"].createElement("section", { className: styles$G['magneto-ui--mobile-date-picker'] },
|
|
5512
|
+
React__default["default"].createElement("div", { className: styles$G["".concat(componentClass)], onClick: toggleMonthPicker },
|
|
5513
|
+
React__default["default"].createElement("div", { className: styles$G['magneto-ui--mobile-date-picker__input'] },
|
|
5514
|
+
React__default["default"].createElement("span", { className: styles$G["".concat(placeholderClass)] }, monthPlaceholder),
|
|
5515
|
+
React__default["default"].createElement("p", { className: styles$G['magneto-ui--mobile-date-picker__value'] }, monthSelected !== null ? getMonthName(monthSelected) : '')),
|
|
5516
|
+
React__default["default"].createElement("span", { className: styles$G["".concat(iconClass)] }, disabledArrow)),
|
|
5516
5517
|
React__default["default"].createElement(DateSelection, { applyLabel: applyLabel, cancelLabel: cancelLabel, dateOptions: monthDateOptions, disabled: disabled, isOpen: isMonthPickerOpen, selectionHeader: selectionMonthHeader, onClose: onClose, onApplyCallback: handleMonthDateSelection, initialValue: monthSelected }),
|
|
5517
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5518
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5519
|
-
React__default["default"].createElement("span", { className: styles$
|
|
5520
|
-
React__default["default"].createElement("p", { className: styles$
|
|
5521
|
-
React__default["default"].createElement("span", { className: styles$
|
|
5518
|
+
React__default["default"].createElement("div", { className: styles$G["".concat(componentClass)], onClick: toggleYearPicker },
|
|
5519
|
+
React__default["default"].createElement("div", { className: styles$G['magneto-ui--mobile-date-picker__input'] },
|
|
5520
|
+
React__default["default"].createElement("span", { className: styles$G["".concat(placeholderClass)] }, yearPlaceholder),
|
|
5521
|
+
React__default["default"].createElement("p", { className: styles$G['magneto-ui--mobile-date-picker__value'] }, yearSelected)),
|
|
5522
|
+
React__default["default"].createElement("span", { className: styles$G["".concat(iconClass)] }, disabledArrow)),
|
|
5522
5523
|
React__default["default"].createElement(DateSelection, { applyLabel: applyLabel, cancelLabel: cancelLabel, dateOptions: yearDateOptions, disabled: disabled, isOpen: isYearPickerOpen, selectionHeader: selectionYearHeader, onClose: onClose, onApplyCallback: handleYearDateSelection, initialValue: yearSelected })));
|
|
5523
5524
|
};
|
|
5524
5525
|
var MobileDatePicker = Component$T;
|
|
@@ -5530,7 +5531,7 @@ var Component$S = function (_a) {
|
|
|
5530
5531
|
};
|
|
5531
5532
|
var MobileDrawerMenu = Component$S;
|
|
5532
5533
|
|
|
5533
|
-
var styles$
|
|
5534
|
+
var styles$F = {"MobileJobDetailsActionsBarComponent":"mg_mobile_job_details_actions_bar_MobileJobDetailsActionsBarComponent_84fe5","DrawerButtonWrapper":"mg_mobile_job_details_actions_bar_DrawerButtonWrapper_84fe5","magneto-ui__external-child":"mg_mobile_job_details_actions_bar_magneto-ui_external-child_84fe5","showContainer":"mg_mobile_job_details_actions_bar_showContainer_84fe5","hideContainer":"mg_mobile_job_details_actions_bar_hideContainer_84fe5"};
|
|
5534
5535
|
|
|
5535
5536
|
var Component$R = function (_a) {
|
|
5536
5537
|
var externalButtonChild = _a.externalButtonChild, actionsProps = _a.actionsProps, onClose = _a.onClose, isApplied = _a.isApplied;
|
|
@@ -5538,10 +5539,10 @@ var Component$R = function (_a) {
|
|
|
5538
5539
|
var onOpenClick = function () {
|
|
5539
5540
|
setToggleMobileDrawer(!toggleMobileDrawer);
|
|
5540
5541
|
};
|
|
5541
|
-
var showButtonContainer = onClose ? styles$
|
|
5542
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
5543
|
-
React__default["default"].createElement("div", { id: styles$
|
|
5544
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5542
|
+
var showButtonContainer = onClose ? styles$F['showContainer'] : styles$F['hideContainer'];
|
|
5543
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$F.MobileJobDetailsActionsBarComponent, " ").concat(showButtonContainer) },
|
|
5544
|
+
React__default["default"].createElement("div", { id: styles$F['magneto-ui__external-child'] }, !isApplied && externalButtonChild),
|
|
5545
|
+
React__default["default"].createElement("div", { className: styles$F['DrawerButtonWrapper'] },
|
|
5545
5546
|
React__default["default"].createElement("button", { type: "button", onClick: onOpenClick },
|
|
5546
5547
|
React__default["default"].createElement(IconItem, { icon: More, hover: false }))),
|
|
5547
5548
|
React__default["default"].createElement(MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(!toggleMobileDrawer); } },
|
|
@@ -5644,8 +5645,10 @@ var Swipe = function (_a) {
|
|
|
5644
5645
|
} }))));
|
|
5645
5646
|
};
|
|
5646
5647
|
|
|
5648
|
+
var styles$E = {"job-locked-alert":"mg_mobile_job_details_drawer_job-locked-alert_srb1t"};
|
|
5649
|
+
|
|
5647
5650
|
var Component$P = function (_a) {
|
|
5648
|
-
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobDetailsHeaderText = _a.jobDetailsHeaderText, jobDetailsProps = _a.jobDetailsProps, jobDetailCardProps = _a.jobDetailCardProps, jobSkillsCardProps = _a.jobSkillsCardProps, jobApplyCardProps = _a.jobApplyCardProps, jobFooterCardProps = _a.jobFooterCardProps, mobileJobDetailsBarProps = _a.mobileJobDetailsBarProps, jobDetailAction = _a.jobDetailAction, modalPendingInfoComponent = _a.modalPendingInfoComponent, _b = _a.isOpen, isOpen = _b === void 0 ? true : _b, isLoading = _a.isLoading, onClose = _a.onClose, similarJobsProps = _a.similarJobsProps, jobVideo = _a.jobVideo, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo, swipeProps = _a.swipeProps, cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote, fraudCardJobProps = _a.fraudCardJobProps, isApplied = _a.isApplied, alertJobStatusProps = _a.alertJobStatusProps;
|
|
5651
|
+
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobDetailsHeaderText = _a.jobDetailsHeaderText, jobDetailsProps = _a.jobDetailsProps, jobDetailCardProps = _a.jobDetailCardProps, jobSkillsCardProps = _a.jobSkillsCardProps, jobApplyCardProps = _a.jobApplyCardProps, jobFooterCardProps = _a.jobFooterCardProps, mobileJobDetailsBarProps = _a.mobileJobDetailsBarProps, jobDetailAction = _a.jobDetailAction, modalPendingInfoComponent = _a.modalPendingInfoComponent, _b = _a.isOpen, isOpen = _b === void 0 ? true : _b, isLoading = _a.isLoading, onClose = _a.onClose, similarJobsProps = _a.similarJobsProps, jobVideo = _a.jobVideo, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo, swipeProps = _a.swipeProps, cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote, fraudCardJobProps = _a.fraudCardJobProps, isApplied = _a.isApplied, alertJobStatusProps = _a.alertJobStatusProps, canApply = _a.canApply;
|
|
5649
5652
|
var handleClose = React.useCallback(function () {
|
|
5650
5653
|
if (onClose) {
|
|
5651
5654
|
onClose();
|
|
@@ -5655,6 +5658,7 @@ var Component$P = function (_a) {
|
|
|
5655
5658
|
return jobDetailAction ? (jobDetailAction) : isLoading ? (React__default["default"].createElement(MobileJobDetailsDrawerSkeleton, null)) : (React__default["default"].createElement(React.Fragment, null,
|
|
5656
5659
|
React__default["default"].createElement(MobileJobDetailsHeader, { returnText: jobDetailsHeaderText, onClick: handleClose }),
|
|
5657
5660
|
React__default["default"].createElement(JobCompanyHeader, __assign({}, jobCompanyLogoProps)),
|
|
5661
|
+
(canApply === null || canApply === void 0 ? void 0 : canApply.isApplicable) === false && (React__default["default"].createElement(Alert, { type: "info", text: canApply === null || canApply === void 0 ? void 0 : canApply.message, className: styles$E['job-locked-alert'] })),
|
|
5658
5662
|
isApplied && React__default["default"].createElement(AlertJobStatus, __assign({}, alertJobStatusProps)),
|
|
5659
5663
|
jobDetailsProps && (React__default["default"].createElement(JobDetails, { iconList: iconDetailList, offerDetailsList: jobDetailsProps, cities: cities, isRemote: isRemote, textRemote: textRemote })),
|
|
5660
5664
|
jobVideo && React__default["default"].createElement(JobVideo, __assign({}, jobVideo, { loadVideo: loadVideo, setLoadVideo: setLoadVideo })),
|
|
@@ -5669,7 +5673,11 @@ var Component$P = function (_a) {
|
|
|
5669
5673
|
isLoading,
|
|
5670
5674
|
jobDetailsHeaderText,
|
|
5671
5675
|
handleClose,
|
|
5676
|
+
canApply === null || canApply === void 0 ? void 0 : canApply.isApplicable,
|
|
5677
|
+
canApply === null || canApply === void 0 ? void 0 : canApply.message,
|
|
5672
5678
|
jobCompanyLogoProps,
|
|
5679
|
+
isApplied,
|
|
5680
|
+
alertJobStatusProps,
|
|
5673
5681
|
jobDetailsProps,
|
|
5674
5682
|
cities,
|
|
5675
5683
|
isRemote,
|
|
@@ -5682,9 +5690,7 @@ var Component$P = function (_a) {
|
|
|
5682
5690
|
fraudCardJobProps,
|
|
5683
5691
|
jobApplyCardProps,
|
|
5684
5692
|
jobFooterCardProps,
|
|
5685
|
-
similarJobsProps
|
|
5686
|
-
alertJobStatusProps,
|
|
5687
|
-
isApplied
|
|
5693
|
+
similarJobsProps
|
|
5688
5694
|
]);
|
|
5689
5695
|
var content = React.useMemo(function () {
|
|
5690
5696
|
return swipeProps ? (React__default["default"].createElement(Swipe, __assign({}, swipeProps, { openModal: isOpen && swipeProps.openModal }), renderContent)) : (renderContent);
|