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/esm/index.js
CHANGED
|
@@ -239,7 +239,7 @@ var useMediaQuery = function (defaultValue, options) {
|
|
|
239
239
|
return component;
|
|
240
240
|
};
|
|
241
241
|
|
|
242
|
-
var styles$
|
|
242
|
+
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"};
|
|
243
243
|
|
|
244
244
|
function formatNumber(num) {
|
|
245
245
|
if (typeof num !== 'number')
|
|
@@ -286,7 +286,7 @@ var classNames = {
|
|
|
286
286
|
}
|
|
287
287
|
};
|
|
288
288
|
|
|
289
|
-
var cx$P = classNames.bind(styles$
|
|
289
|
+
var cx$P = classNames.bind(styles$2u);
|
|
290
290
|
var Component$2D = function (_a) {
|
|
291
291
|
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;
|
|
292
292
|
var _d = useState(false), imageError = _d[0], setImageError = _d[1];
|
|
@@ -305,7 +305,7 @@ var Component$2D = function (_a) {
|
|
|
305
305
|
*/
|
|
306
306
|
var IconItem = Component$2D;
|
|
307
307
|
|
|
308
|
-
var styles$
|
|
308
|
+
var styles$2t = {"avatarComponent":"mg_avatar_avatarComponent_1upgt","magneto-ui-default-avatar":"mg_avatar_magneto-ui-default-avatar_1upgt"};
|
|
309
309
|
|
|
310
310
|
var Add = "https://static.magneto365.com/lib/assets/f738cef7b76c444f.svg";
|
|
311
311
|
|
|
@@ -595,9 +595,9 @@ var Component$2C = function (_a) {
|
|
|
595
595
|
var handleError = function () {
|
|
596
596
|
setImageError(true);
|
|
597
597
|
};
|
|
598
|
-
return (React.createElement("div", { className: styles$
|
|
598
|
+
return (React.createElement("div", { className: styles$2t.avatarComponent, onClick: onClick },
|
|
599
599
|
userImage && !imageError && React.createElement("img", { src: userImage, alt: "User Avatar", loading: "lazy", onError: handleError }),
|
|
600
|
-
(!userImage || imageError) && (React.createElement("div", { className: styles$
|
|
600
|
+
(!userImage || imageError) && (React.createElement("div", { className: styles$2t['magneto-ui-default-avatar'] },
|
|
601
601
|
React.createElement(IconItem, { icon: fallbackImage || User, hover: false })))));
|
|
602
602
|
};
|
|
603
603
|
/**
|
|
@@ -605,12 +605,12 @@ var Component$2C = function (_a) {
|
|
|
605
605
|
*/
|
|
606
606
|
var Avatar = Component$2C;
|
|
607
607
|
|
|
608
|
-
var styles$
|
|
608
|
+
var styles$2s = {"badge-count":"mg_badge_badge-count_15t5z","badge-count__animation":"mg_badge_badge-count_animation_15t5z","pulse":"mg_badge_pulse_15t5z"};
|
|
609
609
|
|
|
610
610
|
var Component$2B = function (_a) {
|
|
611
611
|
var _b = _a.number, number = _b === void 0 ? undefined : _b, className = _a.className;
|
|
612
|
-
return (React.createElement("p", { className: "".concat(styles$
|
|
613
|
-
React.createElement("span", { className: styles$
|
|
612
|
+
return (React.createElement("p", { className: "".concat(styles$2s['badge-count'], " ").concat(className) },
|
|
613
|
+
React.createElement("span", { className: styles$2s['badge-count__animation'] }),
|
|
614
614
|
number && number));
|
|
615
615
|
};
|
|
616
616
|
var Badge = Component$2B;
|
|
@@ -1058,7 +1058,7 @@ var CNM = /** @class */ (function () {
|
|
|
1058
1058
|
return CNM;
|
|
1059
1059
|
}());
|
|
1060
1060
|
|
|
1061
|
-
var styles$
|
|
1061
|
+
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"};
|
|
1062
1062
|
|
|
1063
1063
|
var Component$2A = function (_a) {
|
|
1064
1064
|
var className = _a.className, color = _a.color, percent = _a.percent;
|
|
@@ -1080,10 +1080,10 @@ var Component$2A = function (_a) {
|
|
|
1080
1080
|
var _a;
|
|
1081
1081
|
return (_a = {}, _a["".concat(BAR_LOADER_PREFIX, "-completed")] = "".concat(validateCompleted(percent), "%"), _a);
|
|
1082
1082
|
}, [percent, validateCompleted]);
|
|
1083
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1084
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1083
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$2r, cls: [className] }) },
|
|
1084
|
+
React.createElement("div", { className: CNM.get({ styles: styles$2r, cls: ['bar-loader'] }), style: __assign(__assign({}, barColor), barCompleted) },
|
|
1085
1085
|
React.createElement("div", { className: CNM.get({
|
|
1086
|
-
styles: styles$
|
|
1086
|
+
styles: styles$2r,
|
|
1087
1087
|
cls: ['bar-loader__bar', percent !== undefined ? 'bar-loader__bar--completed' : 'bar-loader__bar--animated']
|
|
1088
1088
|
}) }))));
|
|
1089
1089
|
};
|
|
@@ -1092,7 +1092,7 @@ var Component$2A = function (_a) {
|
|
|
1092
1092
|
*/
|
|
1093
1093
|
var BarLoader = Component$2A;
|
|
1094
1094
|
|
|
1095
|
-
var styles$
|
|
1095
|
+
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"};
|
|
1096
1096
|
|
|
1097
1097
|
var Component$2z = function (_a) {
|
|
1098
1098
|
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;
|
|
@@ -1100,7 +1100,7 @@ var Component$2z = function (_a) {
|
|
|
1100
1100
|
var breadcrumbSplitText = breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.split('/');
|
|
1101
1101
|
var lastIndexBC = (breadcrumbSplitText === null || breadcrumbSplitText === void 0 ? void 0 : breadcrumbSplitText.length) - 1;
|
|
1102
1102
|
var haveDetailTitle = detailTitle !== '';
|
|
1103
|
-
var detailTileStyle = detailTitle ? styles$
|
|
1103
|
+
var detailTileStyle = detailTitle ? styles$2q['no-transform'] : '';
|
|
1104
1104
|
var regexBase4 = /[0-9a-f]{8} [0-9a-f]{4} [0-9a-f]{4} [0-9a-f]{4} [0-9a-f]{12}/g;
|
|
1105
1105
|
// This removes the base64 from the vacancy breadcrumbs
|
|
1106
1106
|
var title = breadcrumbSplitText[lastIndexBC].replace(/-/g, ' ').replace(regexBase4, '');
|
|
@@ -1112,9 +1112,9 @@ var Component$2z = function (_a) {
|
|
|
1112
1112
|
"/ ",
|
|
1113
1113
|
href)));
|
|
1114
1114
|
}),
|
|
1115
|
-
React.createElement("p", { className: "".concat(styles$
|
|
1115
|
+
React.createElement("p", { className: "".concat(styles$2q['magneto-ui-bc-active'], " ").concat(detailTileStyle) },
|
|
1116
1116
|
"/ ",
|
|
1117
|
-
haveDetailTitle ? detailTitle : title))) : (React.createElement(React.Fragment, null, breadcrumbSplitText.map(function (bc, i) { return (React.createElement("p", { className: "".concat(lastIndexBC == i ? styles$
|
|
1117
|
+
haveDetailTitle ? detailTitle : title))) : (React.createElement(React.Fragment, null, breadcrumbSplitText.map(function (bc, i) { return (React.createElement("p", { className: "".concat(lastIndexBC == i ? styles$2q['magneto-ui-bc-active'] : '', " ").concat(styles$2q['magneto-ui-bc']), key: i },
|
|
1118
1118
|
i > 0 && '/',
|
|
1119
1119
|
" ",
|
|
1120
1120
|
bc)); })));
|
|
@@ -1130,28 +1130,28 @@ var Component$2z = function (_a) {
|
|
|
1130
1130
|
queryParams,
|
|
1131
1131
|
lastIndexBC
|
|
1132
1132
|
]);
|
|
1133
|
-
return React.createElement("div", { className: styles$
|
|
1133
|
+
return React.createElement("div", { className: styles$2q.breadcrumbComponent }, breadCrumbsRender);
|
|
1134
1134
|
};
|
|
1135
1135
|
/**
|
|
1136
1136
|
* Atom UI of breadcrumb
|
|
1137
1137
|
*/
|
|
1138
1138
|
var Breadcrumb = Component$2z;
|
|
1139
1139
|
|
|
1140
|
-
var styles$
|
|
1140
|
+
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"};
|
|
1141
1141
|
|
|
1142
1142
|
var Component$2y = function (_a) {
|
|
1143
1143
|
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;
|
|
1144
|
-
return (React.createElement("button", { className: "".concat(className, " ").concat(styles$
|
|
1145
|
-
typeof suffixIcon === 'string' ? (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: styles$
|
|
1146
|
-
buttonText && React.createElement("p", { className: styles$
|
|
1147
|
-
typeof prefixIcon === 'string' ? (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: addHover, className: styles$
|
|
1144
|
+
return (React.createElement("button", { className: "".concat(className, " ").concat(styles$2p['magneto-ui-button'], " ").concat(addHover ? styles$2p['hover-effect'] : '', " "), type: "button", onClick: onClick, title: buttonTitle },
|
|
1145
|
+
typeof suffixIcon === 'string' ? (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: styles$2p['magneto-ui-button__icon'] })) : (suffixIcon),
|
|
1146
|
+
buttonText && React.createElement("p", { className: styles$2p['magneto-ui-button__mobile-text'] }, buttonText),
|
|
1147
|
+
typeof prefixIcon === 'string' ? (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: addHover, className: styles$2p['magneto-ui-button__icon'] })) : (prefixIcon)));
|
|
1148
1148
|
};
|
|
1149
1149
|
/**
|
|
1150
1150
|
* UI Atom Component of Save Button
|
|
1151
1151
|
*/
|
|
1152
1152
|
var Button = Component$2y;
|
|
1153
1153
|
|
|
1154
|
-
var styles$
|
|
1154
|
+
var styles$2o = {"button-link":"mg_button_link_button-link_1iyy1","button-link__text":"mg_button_link_button-link_text_1iyy1"};
|
|
1155
1155
|
|
|
1156
1156
|
var Component$2x = function (_a) {
|
|
1157
1157
|
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;
|
|
@@ -1161,17 +1161,17 @@ var Component$2x = function (_a) {
|
|
|
1161
1161
|
onClick();
|
|
1162
1162
|
}
|
|
1163
1163
|
}, [onClick]);
|
|
1164
|
-
return (React.createElement("a", { className: "".concat(className ? className : styles$
|
|
1165
|
-
suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$
|
|
1166
|
-
buttonText && React.createElement("p", { className: styles$
|
|
1167
|
-
prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$
|
|
1164
|
+
return (React.createElement("a", { className: "".concat(className ? className : styles$2o['button-link']), type: "button", onClick: handleClick, href: href, rel: rel, target: target },
|
|
1165
|
+
suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$2o['button-link__icon'] })),
|
|
1166
|
+
buttonText && React.createElement("p", { className: styles$2o['button-link__text'] }, buttonText),
|
|
1167
|
+
prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$2o['button-link__icon'] }))));
|
|
1168
1168
|
};
|
|
1169
1169
|
/**
|
|
1170
1170
|
* UI Atom Component of Save Button
|
|
1171
1171
|
*/
|
|
1172
1172
|
var ButtonLink = Component$2x;
|
|
1173
1173
|
|
|
1174
|
-
var styles$
|
|
1174
|
+
var styles$2n = {"magneto-ui-comparative-counter":"mg_comparative_counter_magneto-ui-comparative-counter_1ue4r","error-label":"mg_comparative_counter_error-label_1ue4r"};
|
|
1175
1175
|
|
|
1176
1176
|
var nf = new Intl.NumberFormat('de-DE');
|
|
1177
1177
|
var Component$2w = function (_a) {
|
|
@@ -1179,7 +1179,7 @@ var Component$2w = function (_a) {
|
|
|
1179
1179
|
var currentHigherMax = useMemo(function () {
|
|
1180
1180
|
return current > max;
|
|
1181
1181
|
}, [current, max]);
|
|
1182
|
-
return (React.createElement("p", { style: { textAlign: position }, className: "".concat(styles$
|
|
1182
|
+
return (React.createElement("p", { style: { textAlign: position }, className: "".concat(styles$2n["".concat(classMUI, "-comparative-counter")], " ").concat(currentHigherMax ? styles$2n['error-label'] : '') },
|
|
1183
1183
|
nf.format(current),
|
|
1184
1184
|
React.createElement("span", null,
|
|
1185
1185
|
" / ",
|
|
@@ -1187,9 +1187,9 @@ var Component$2w = function (_a) {
|
|
|
1187
1187
|
};
|
|
1188
1188
|
var ComparativeCounter = Component$2w;
|
|
1189
1189
|
|
|
1190
|
-
var styles$
|
|
1190
|
+
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"};
|
|
1191
1191
|
|
|
1192
|
-
var cx$O = classNames.bind(styles$
|
|
1192
|
+
var cx$O = classNames.bind(styles$2m);
|
|
1193
1193
|
var defaultCheck = function (_a) {
|
|
1194
1194
|
var type = _a.type, checked = _a.checked;
|
|
1195
1195
|
if (type === 'background')
|
|
@@ -1211,23 +1211,23 @@ var Component$2v = function (_a) {
|
|
|
1211
1211
|
};
|
|
1212
1212
|
var Checkbox = Component$2v;
|
|
1213
1213
|
|
|
1214
|
-
var styles$
|
|
1214
|
+
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"};
|
|
1215
1215
|
|
|
1216
1216
|
var Component$2u = function (_a) {
|
|
1217
1217
|
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;
|
|
1218
1218
|
var disabledArrow = useMemo(function () {
|
|
1219
1219
|
if (disabled)
|
|
1220
|
-
return (React.createElement(IconItem, { className: styles$
|
|
1220
|
+
return (React.createElement(IconItem, { className: styles$2l['magneto-ui--date-dropdown__icon'], icon: ArrowDown2, alt: "arrow-icon", size: 24 }));
|
|
1221
1221
|
return React.createElement(IconItem, { icon: ArrowDown3, alt: "arrow-icon", size: 24 });
|
|
1222
1222
|
}, [disabled]);
|
|
1223
|
-
return (React.createElement("div", { className: styles$
|
|
1224
|
-
React.createElement("select", { className: styles$
|
|
1225
|
-
React.createElement("option", { className: styles$
|
|
1223
|
+
return (React.createElement("div", { className: styles$2l['magneto-ui--date-dropdown__wrapper'] },
|
|
1224
|
+
React.createElement("select", { className: styles$2l["magneto-ui--date-dropdown__select"], value: selectedOption, onChange: onOptionChanged, disabled: disabled },
|
|
1225
|
+
React.createElement("option", { className: styles$2l['magneto-ui--date-dropdown__option'], value: "", disabled: true, hidden: true }, placeholderLabel), dateOptions === null || dateOptions === void 0 ? void 0 :
|
|
1226
1226
|
dateOptions.map(function (_a) {
|
|
1227
1227
|
var optionValue = _a.optionValue, optionLabel = _a.optionLabel;
|
|
1228
|
-
return (React.createElement("option", { className: styles$
|
|
1228
|
+
return (React.createElement("option", { className: styles$2l['magneto-ui--date-dropdown__option'], key: optionValue, value: optionValue }, optionLabel));
|
|
1229
1229
|
})),
|
|
1230
|
-
React.createElement("span", { className: styles$
|
|
1230
|
+
React.createElement("span", { className: styles$2l['magneto-ui--date-dropdown__icon'] }, disabledArrow)));
|
|
1231
1231
|
};
|
|
1232
1232
|
var DateDropdown = Component$2u;
|
|
1233
1233
|
|
|
@@ -1284,7 +1284,7 @@ var fixArrayDate = function (array) {
|
|
|
1284
1284
|
return dateArray.setArray(array).fixMonth().getArray();
|
|
1285
1285
|
};
|
|
1286
1286
|
|
|
1287
|
-
var styles$
|
|
1287
|
+
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"};
|
|
1288
1288
|
|
|
1289
1289
|
// placeholder to every input.
|
|
1290
1290
|
var placeholder = ['D', 'D', 'M', 'M', 'A', 'A', 'A', 'A'];
|
|
@@ -1395,21 +1395,21 @@ var Component$2t = function (_a) {
|
|
|
1395
1395
|
}
|
|
1396
1396
|
}, []);
|
|
1397
1397
|
return (React.createElement("div", { className: [
|
|
1398
|
-
styles$
|
|
1398
|
+
styles$2k['date-input'],
|
|
1399
1399
|
className,
|
|
1400
|
-
fit ? styles$
|
|
1401
|
-
hasError ? styles$
|
|
1400
|
+
fit ? styles$2k['date-input--fit'] : '',
|
|
1401
|
+
hasError ? styles$2k['date-input--error'] : ''
|
|
1402
1402
|
].join(' ') },
|
|
1403
|
-
React.createElement("div", { className: styles$
|
|
1403
|
+
React.createElement("div", { className: styles$2k['date-input__left'], onClick: function () {
|
|
1404
1404
|
var _a;
|
|
1405
1405
|
(_a = inputsRef.current[0]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
1406
1406
|
} }),
|
|
1407
1407
|
internalValues.map(function (value, index) { return (React.createElement(React.Fragment, { key: index },
|
|
1408
1408
|
[2, 4].includes(index) ? (
|
|
1409
1409
|
// include / separator in date (DD / MM / YYYY)
|
|
1410
|
-
React.createElement("span", { className: [styles$
|
|
1411
|
-
React.createElement("input", { className: styles$
|
|
1412
|
-
React.createElement("div", { className: styles$
|
|
1410
|
+
React.createElement("span", { className: [styles$2k['date-input__separator'], value ? styles$2k['date-input__separator--filled'] : ''].join(' ') }, "/")) : null,
|
|
1411
|
+
React.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" }))); }),
|
|
1412
|
+
React.createElement("div", { className: styles$2k['date-input__right'], onClick: function () {
|
|
1413
1413
|
var _a;
|
|
1414
1414
|
(_a = inputsRef.current[inputsRef.current.length - 1]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
1415
1415
|
} })));
|
|
@@ -1430,15 +1430,15 @@ var Component$2s = function (_a) {
|
|
|
1430
1430
|
*/
|
|
1431
1431
|
var Divider = Component$2s;
|
|
1432
1432
|
|
|
1433
|
-
var styles$
|
|
1433
|
+
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"};
|
|
1434
1434
|
|
|
1435
1435
|
var Component$2r = function (_a) {
|
|
1436
1436
|
var _b = _a.count, count = _b === void 0 ? 3 : _b, _c = _a.color, color = _c === void 0 ? '#000' : _c;
|
|
1437
|
-
return (React.createElement("div", { className: styles$
|
|
1437
|
+
return (React.createElement("div", { className: styles$2j['dots-loader'] }, Array.from({ length: count }).map(function (_, index) { return (React.createElement("span", { key: index, className: styles$2j['dots-loader__dot'], style: { animationDelay: "".concat(index * 0.2, "s"), backgroundColor: color } })); })));
|
|
1438
1438
|
};
|
|
1439
1439
|
var DotsLoader = Component$2r;
|
|
1440
1440
|
|
|
1441
|
-
var styles$
|
|
1441
|
+
var styles$2i = {"magneto-ui-flat-loader":"mg_flat_loader_magneto-ui-flat-loader_q96bq","rotation":"mg_flat_loader_rotation_q96bq"};
|
|
1442
1442
|
|
|
1443
1443
|
var Component$2q = function (_a) {
|
|
1444
1444
|
var color = _a.color, size = _a.size, secondColor = _a.secondColor;
|
|
@@ -1454,33 +1454,33 @@ var Component$2q = function (_a) {
|
|
|
1454
1454
|
height: '15px'
|
|
1455
1455
|
};
|
|
1456
1456
|
}, [size]);
|
|
1457
|
-
return (React.createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$
|
|
1457
|
+
return (React.createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$2i["".concat(classMUI, "-flat-loader")] }));
|
|
1458
1458
|
};
|
|
1459
1459
|
var FlatLoader = Component$2q;
|
|
1460
1460
|
|
|
1461
|
-
var styles$
|
|
1461
|
+
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"};
|
|
1462
1462
|
|
|
1463
1463
|
var Component$2p = function (_a) {
|
|
1464
1464
|
var tabType = _a.tabType, tabText = _a.tabText, url = _a.url, isActive = _a.isActive, _b = _a.count, count = _b === void 0 ? 0 : _b;
|
|
1465
1465
|
var TabLink = tabType === 'tabOption' ? url : '';
|
|
1466
|
-
return (React.createElement(React.Fragment, null, tabType === 'tabTitle' ? (React.createElement("div", { className: styles$
|
|
1467
|
-
count > 0 && React.createElement(Badge, { number: count, className: styles$
|
|
1468
|
-
React.createElement("p", { className: styles$
|
|
1469
|
-
count > 0 && React.createElement(Badge, { number: count, className: styles$
|
|
1470
|
-
React.createElement("p", { className: styles$
|
|
1466
|
+
return (React.createElement(React.Fragment, null, tabType === 'tabTitle' ? (React.createElement("div", { className: styles$2h.headerTabComponent, "data-tab-type": "tabTitle" },
|
|
1467
|
+
count > 0 && React.createElement(Badge, { number: count, className: styles$2h['headerTabComponent__count'] }),
|
|
1468
|
+
React.createElement("p", { className: styles$2h['headerTabComponent__text'] }, tabText))) : (React.createElement("a", { className: styles$2h.headerTabComponent, href: TabLink, "data-tab-type": "tabOption", "data-is-active": isActive },
|
|
1469
|
+
count > 0 && React.createElement(Badge, { number: count, className: styles$2h['headerTabComponent__count'] }),
|
|
1470
|
+
React.createElement("p", { className: styles$2h['headerTabComponent__text'] }, tabText)))));
|
|
1471
1471
|
};
|
|
1472
1472
|
/**
|
|
1473
1473
|
* UI Atom component for HeaderTab
|
|
1474
1474
|
*/
|
|
1475
1475
|
var HeaderTab = Component$2p;
|
|
1476
1476
|
|
|
1477
|
-
var styles$
|
|
1477
|
+
var styles$2g = {"magneto-ui-play-button":"mg_image_magneto-ui-play-button_7q9yc"};
|
|
1478
1478
|
|
|
1479
1479
|
var Image = function (_a) {
|
|
1480
1480
|
var image = _a.image, alt = _a.alt, playIcon = _a.playIcon, className = _a.className;
|
|
1481
1481
|
return (React.createElement(React.Fragment, null,
|
|
1482
1482
|
React.createElement("img", { src: image, alt: alt, loading: "lazy", className: className }),
|
|
1483
|
-
playIcon && React.createElement("div", { className: styles$
|
|
1483
|
+
playIcon && React.createElement("div", { className: styles$2g['magneto-ui-play-button'] }, playIcon)));
|
|
1484
1484
|
};
|
|
1485
1485
|
|
|
1486
1486
|
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"};
|
|
@@ -1500,22 +1500,22 @@ var InputSearch = function (_a) {
|
|
|
1500
1500
|
React.createElement(IconItem, { icon: Close, alt: "search-icon" }))) : (hasASearchFunction)));
|
|
1501
1501
|
};
|
|
1502
1502
|
|
|
1503
|
-
var styles$
|
|
1503
|
+
var styles$2f = {"magneto-ui-job-company-logo":"mg_job_company_logo_magneto-ui-job-company-logo_roy42"};
|
|
1504
1504
|
|
|
1505
1505
|
var Component$2o = function (_a) {
|
|
1506
1506
|
var offerCompanyLogo = _a.offerCompanyLogo;
|
|
1507
1507
|
if (typeof offerCompanyLogo === 'string' || !offerCompanyLogo) {
|
|
1508
|
-
return (React.createElement("div", { className: styles$
|
|
1508
|
+
return (React.createElement("div", { className: styles$2f['magneto-ui-job-company-logo'] },
|
|
1509
1509
|
React.createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, loading: "lazy", width: '100px', height: '100px' })));
|
|
1510
1510
|
}
|
|
1511
|
-
return React.createElement("div", { className: styles$
|
|
1511
|
+
return React.createElement("div", { className: styles$2f['magneto-ui-job-company-logo'] }, offerCompanyLogo);
|
|
1512
1512
|
};
|
|
1513
1513
|
/**
|
|
1514
1514
|
* UI Atom component of Company Logo
|
|
1515
1515
|
*/
|
|
1516
1516
|
var JobCompanyLogo = Component$2o;
|
|
1517
1517
|
|
|
1518
|
-
var styles$
|
|
1518
|
+
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"};
|
|
1519
1519
|
|
|
1520
1520
|
var Component$2n = function (_a) {
|
|
1521
1521
|
var title = _a.title, styles = _a.styles;
|
|
@@ -1541,16 +1541,16 @@ var Component$2l = function (_a) {
|
|
|
1541
1541
|
if (isHidden || !offerCompanyName)
|
|
1542
1542
|
return React.createElement(Fragment, null);
|
|
1543
1543
|
if (offerCompanyLink) {
|
|
1544
|
-
return (React.createElement("a", { className: styles$
|
|
1544
|
+
return (React.createElement("a", { className: styles$2e['magneto-ui-job-header__link'], href: offerCompanyLink, title: offerCompanyName }, offerCompanyName));
|
|
1545
1545
|
}
|
|
1546
|
-
return React.createElement("h2", { className: styles$
|
|
1546
|
+
return React.createElement("h2", { className: styles$2e['magneto-ui-job-header__subtitle'] }, offerCompanyName);
|
|
1547
1547
|
}, [isHidden, offerCompanyLink, offerCompanyName]);
|
|
1548
1548
|
var GenerateTitle = function () {
|
|
1549
1549
|
if (typeTitle === TYPE_TITLE.SUB_TITLE)
|
|
1550
|
-
return React.createElement(SubTitleJobDetails, { styles: styles$
|
|
1551
|
-
return React.createElement(MainTitleJobDetails, { styles: styles$
|
|
1550
|
+
return React.createElement(SubTitleJobDetails, { styles: styles$2e['magneto-ui-job-header__title'], title: String(offerTitle) });
|
|
1551
|
+
return React.createElement(MainTitleJobDetails, { styles: styles$2e['magneto-ui-job-header__title'], title: String(offerTitle) });
|
|
1552
1552
|
};
|
|
1553
|
-
return (React.createElement("div", { className: styles$
|
|
1553
|
+
return (React.createElement("div", { className: styles$2e['magneto-ui-job-header'] },
|
|
1554
1554
|
GenerateTitle(),
|
|
1555
1555
|
showCompanyName));
|
|
1556
1556
|
};
|
|
@@ -1559,7 +1559,7 @@ var Component$2l = function (_a) {
|
|
|
1559
1559
|
*/
|
|
1560
1560
|
var JobHeader = Component$2l;
|
|
1561
1561
|
|
|
1562
|
-
var styles$
|
|
1562
|
+
var styles$2d = {"linkComponent":"mg_link_linkComponent_1sftl"};
|
|
1563
1563
|
|
|
1564
1564
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
1565
1565
|
var toCSSVariables = function (input) {
|
|
@@ -1578,7 +1578,7 @@ var toCSSVariables = function (input) {
|
|
|
1578
1578
|
var Component$2k = function (_a) {
|
|
1579
1579
|
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;
|
|
1580
1580
|
var stylesValue = useMemo(function () { return toCSSVariables(linkStyles); }, [linkStyles]);
|
|
1581
|
-
return (React.createElement("a", { className: styles$
|
|
1581
|
+
return (React.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 },
|
|
1582
1582
|
iconProps && React.createElement(IconItem, __assign({}, iconProps)),
|
|
1583
1583
|
!isMobile && React.createElement("p", null, text)));
|
|
1584
1584
|
};
|
|
@@ -1587,11 +1587,11 @@ var Component$2k = function (_a) {
|
|
|
1587
1587
|
*/
|
|
1588
1588
|
var Link = Component$2k;
|
|
1589
1589
|
|
|
1590
|
-
var styles$
|
|
1590
|
+
var styles$2c = {"loadingComponent":"mg_loading_loadingComponent_qi83n","animate":"mg_loading_animate_qi83n"};
|
|
1591
1591
|
|
|
1592
1592
|
var Component$2j = function (_a) {
|
|
1593
1593
|
var loadingIcon = _a.loadingIcon;
|
|
1594
|
-
return (React.createElement("div", { className: styles$
|
|
1594
|
+
return (React.createElement("div", { className: styles$2c.loadingComponent },
|
|
1595
1595
|
React.createElement(IconItem, __assign({}, loadingIcon))));
|
|
1596
1596
|
};
|
|
1597
1597
|
/**
|
|
@@ -1615,7 +1615,7 @@ var Component$2i = function (_a) {
|
|
|
1615
1615
|
};
|
|
1616
1616
|
var LogoComponent = Component$2i;
|
|
1617
1617
|
|
|
1618
|
-
var styles$
|
|
1618
|
+
var styles$2b = {"MainButtonComponent":"mg_main_button_MainButtonComponent_lh5z0","disabled":"mg_main_button_disabled_lh5z0"};
|
|
1619
1619
|
|
|
1620
1620
|
var Component$2h = function (_a) {
|
|
1621
1621
|
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;
|
|
@@ -1630,21 +1630,21 @@ var Component$2h = function (_a) {
|
|
|
1630
1630
|
iconProps && React.createElement(IconItem, __assign({}, iconProps)),
|
|
1631
1631
|
!isMobile && React.createElement("p", null, buttonText)));
|
|
1632
1632
|
};
|
|
1633
|
-
return (React.createElement("button", { className: "".concat(styles$
|
|
1633
|
+
return (React.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()));
|
|
1634
1634
|
};
|
|
1635
1635
|
/**
|
|
1636
1636
|
* Atom UI component of button for general purpose
|
|
1637
1637
|
*/
|
|
1638
1638
|
var MainButton = Component$2h;
|
|
1639
1639
|
|
|
1640
|
-
var styles$
|
|
1640
|
+
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"};
|
|
1641
1641
|
|
|
1642
|
-
var styles$
|
|
1642
|
+
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"};
|
|
1643
1643
|
|
|
1644
1644
|
var Component$2g = function (_a) {
|
|
1645
1645
|
var tag = _a.tag, url = _a.url, className = _a.className, _b = _a.icon, icon = _b === void 0 ? ArrowRight2 : _b;
|
|
1646
|
-
return (React.createElement("a", { title: tag, className: "".concat(className ? className : styles$
|
|
1647
|
-
React.createElement("p", { className: styles$
|
|
1646
|
+
return (React.createElement("a", { title: tag, className: "".concat(className ? className : styles$29['magneto-ui--search-item']), href: url },
|
|
1647
|
+
React.createElement("p", { className: styles$29['magneto-ui--search-item__text'] }, tag),
|
|
1648
1648
|
React.createElement(IconItem, { alt: "arrow icon", hover: false, icon: icon, size: 14 })));
|
|
1649
1649
|
};
|
|
1650
1650
|
/**
|
|
@@ -1659,21 +1659,21 @@ var MegaMenuTab = function (_a) {
|
|
|
1659
1659
|
return '';
|
|
1660
1660
|
return ArrowDown2;
|
|
1661
1661
|
}, [selected, showArrow]);
|
|
1662
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
1663
|
-
React.createElement(SearchItem, { tag: label, url: url, icon: icon, className: "".concat(styles$
|
|
1662
|
+
return (React.createElement("div", { className: "".concat(styles$2a["".concat(classMUI, "-mega-menu-tab")], " ").concat(selected ? styles$2a["".concat(classMUI, "-mega-menu-tab__selected")] : '') },
|
|
1663
|
+
React.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")] : '') })));
|
|
1664
1664
|
};
|
|
1665
1665
|
|
|
1666
|
-
var styles$
|
|
1666
|
+
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"};
|
|
1667
1667
|
|
|
1668
1668
|
var Component$2f = function (_a) {
|
|
1669
1669
|
var children = _a.children, listClassName = _a.listClassName, opened = _a.opened;
|
|
1670
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1670
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$28, cls: ['menu-dropdown-list', opened && 'menu-dropdown-list--visible'] }) },
|
|
1671
1671
|
React.createElement("div", { className: CNM.get({
|
|
1672
|
-
styles: styles$
|
|
1672
|
+
styles: styles$28,
|
|
1673
1673
|
cls: ['menu-dropdown-list__container', opened && 'menu-dropdown-list__container--visible']
|
|
1674
1674
|
}) },
|
|
1675
1675
|
React.createElement("div", { className: CNM.get({
|
|
1676
|
-
styles: styles$
|
|
1676
|
+
styles: styles$28,
|
|
1677
1677
|
cls: ['menu-dropdown-list__children', opened && 'menu-dropdown-list__children--visible', listClassName]
|
|
1678
1678
|
}) }, children))));
|
|
1679
1679
|
};
|
|
@@ -1682,7 +1682,7 @@ var Component$2f = function (_a) {
|
|
|
1682
1682
|
*/
|
|
1683
1683
|
var MenuDropdownList = Component$2f;
|
|
1684
1684
|
|
|
1685
|
-
var styles$
|
|
1685
|
+
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"};
|
|
1686
1686
|
|
|
1687
1687
|
var Component$2e = function (_a) {
|
|
1688
1688
|
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;
|
|
@@ -1699,13 +1699,13 @@ var Component$2e = function (_a) {
|
|
|
1699
1699
|
var handleButtonClick = useCallback(function (e) {
|
|
1700
1700
|
e.stopPropagation();
|
|
1701
1701
|
}, []);
|
|
1702
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1703
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1704
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1702
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$27, cls: ['menu-dropdown', className] }), onClick: toggleOptions },
|
|
1703
|
+
React.createElement("div", { className: CNM.get({ styles: styles$27, cls: ['menu-dropdown__content'] }) },
|
|
1704
|
+
React.createElement("div", { className: CNM.get({ styles: styles$27, cls: ['menu-dropdown__container'] }) },
|
|
1705
1705
|
prefixIcon && React.createElement(IconItem, __assign({ size: 18 }, prefixIcon)),
|
|
1706
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
1706
|
+
React.createElement("span", { className: CNM.get({ styles: styles$27, cls: ['menu-dropdown__title'] }) }, title),
|
|
1707
1707
|
React.createElement("div", { className: CNM.get({
|
|
1708
|
-
styles: styles$
|
|
1708
|
+
styles: styles$27,
|
|
1709
1709
|
cls: ['menu-dropdown__suffix', localOpened && 'menu-dropdown__suffix--visible']
|
|
1710
1710
|
}) },
|
|
1711
1711
|
React.createElement(IconItem, __assign({ size: 18 }, suffixIcon)))),
|
|
@@ -1728,7 +1728,7 @@ var MenuItem = function (_a) {
|
|
|
1728
1728
|
React.createElement("p", null, text))));
|
|
1729
1729
|
};
|
|
1730
1730
|
|
|
1731
|
-
var styles$
|
|
1731
|
+
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"};
|
|
1732
1732
|
|
|
1733
1733
|
var MultiRangeSlider = function (_a) {
|
|
1734
1734
|
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;
|
|
@@ -1786,30 +1786,30 @@ var MultiRangeSlider = function (_a) {
|
|
|
1786
1786
|
var handleMouseUpValues = useCallback(function () {
|
|
1787
1787
|
onChange({ min: minVal, max: maxVal });
|
|
1788
1788
|
}, [minVal, maxVal, onChange]);
|
|
1789
|
-
return (React.createElement("div", { className: styles$
|
|
1789
|
+
return (React.createElement("div", { className: styles$26.container },
|
|
1790
1790
|
React.createElement("input", { style: { width: size }, type: "range", min: min, max: max, step: steps, value: minVal, ref: minValRef, onMouseUp: handleMouseUpValues, onChange: function (event) {
|
|
1791
1791
|
var value = Math.min(+event.target.value, maxVal - 1);
|
|
1792
1792
|
setMinVal(value);
|
|
1793
1793
|
event.target.value = value.toString();
|
|
1794
|
-
}, className: "\n ".concat(styles$
|
|
1794
|
+
}, className: "\n ".concat(styles$26.thumb, " \n ").concat(styles$26.zIndex_3, " \n ").concat(minVal > max - 100 ? styles$26.zIndex_5 : '', "\n ") }),
|
|
1795
1795
|
React.createElement("input", { type: "range", style: { width: size }, min: min, max: max, step: steps, value: maxVal, ref: maxValRef, onMouseUp: handleMouseUpValues, onChange: function (event) {
|
|
1796
1796
|
var value = Math.max(+event.target.value, minVal + 1);
|
|
1797
1797
|
setMaxVal(value);
|
|
1798
1798
|
event.target.value = value.toString();
|
|
1799
|
-
}, className: "".concat(styles$
|
|
1800
|
-
React.createElement("div", { style: { width: size }, className: styles$
|
|
1801
|
-
React.createElement("div", { className: styles$
|
|
1802
|
-
React.createElement("div", { ref: range, className: styles$
|
|
1803
|
-
showValues && (React.createElement("div", { className: styles$
|
|
1804
|
-
React.createElement("div", { className: styles$
|
|
1805
|
-
React.createElement("div", { className: styles$
|
|
1799
|
+
}, className: "".concat(styles$26.thumb, " ").concat(styles$26.zIndex_4) }),
|
|
1800
|
+
React.createElement("div", { style: { width: size }, className: styles$26.slider },
|
|
1801
|
+
React.createElement("div", { className: styles$26.track }),
|
|
1802
|
+
React.createElement("div", { ref: range, className: styles$26.range }),
|
|
1803
|
+
showValues && (React.createElement("div", { className: styles$26.values },
|
|
1804
|
+
React.createElement("div", { className: styles$26.left_value }, hasCurrency),
|
|
1805
|
+
React.createElement("div", { className: styles$26.right_value }, maxVal.toLocaleString()))))));
|
|
1806
1806
|
};
|
|
1807
1807
|
|
|
1808
|
-
var styles$
|
|
1808
|
+
var styles$25 = {"content":"mg_paragraph_content_1mtnz"};
|
|
1809
1809
|
|
|
1810
1810
|
var Component$2d = function (_a) {
|
|
1811
1811
|
var paragraph = _a.paragraph;
|
|
1812
|
-
return React.createElement("p", { className: styles$
|
|
1812
|
+
return React.createElement("p", { className: styles$25.content }, paragraph);
|
|
1813
1813
|
};
|
|
1814
1814
|
var Paragraph = memo(Component$2d);
|
|
1815
1815
|
|
|
@@ -1845,12 +1845,12 @@ var ERadioType;
|
|
|
1845
1845
|
ERadioType["button"] = "button";
|
|
1846
1846
|
})(ERadioType || (ERadioType = {}));
|
|
1847
1847
|
|
|
1848
|
-
var styles$
|
|
1848
|
+
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"};
|
|
1849
1849
|
|
|
1850
1850
|
var Component$2b = function (_a) {
|
|
1851
1851
|
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;
|
|
1852
1852
|
return (React.createElement("label", { className: CNM.get({
|
|
1853
|
-
styles: styles$
|
|
1853
|
+
styles: styles$24,
|
|
1854
1854
|
cls: [
|
|
1855
1855
|
'radio-button',
|
|
1856
1856
|
(checked || defaultChecked) && 'radio-button--checked',
|
|
@@ -1860,7 +1860,7 @@ var Component$2b = function (_a) {
|
|
|
1860
1860
|
}), htmlFor: id },
|
|
1861
1861
|
prefixIcon && React.createElement(IconItem, __assign({ size: 18 }, prefixIcon)),
|
|
1862
1862
|
React.createElement("input", { type: "radio", disabled: disabled, id: id, checked: checked || defaultChecked, onChange: onChange }),
|
|
1863
|
-
children && (React.createElement("span", { className: CNM.get({ styles: styles$
|
|
1863
|
+
children && (React.createElement("span", { className: CNM.get({ styles: styles$24, cls: ['radio-button__children', childrenClassName] }) }, children)),
|
|
1864
1864
|
suffixIcon && React.createElement(IconItem, __assign({ size: 18 }, suffixIcon))));
|
|
1865
1865
|
};
|
|
1866
1866
|
/**
|
|
@@ -1868,21 +1868,21 @@ var Component$2b = function (_a) {
|
|
|
1868
1868
|
*/
|
|
1869
1869
|
var RadioButton = Component$2b;
|
|
1870
1870
|
|
|
1871
|
-
var styles$
|
|
1871
|
+
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"};
|
|
1872
1872
|
|
|
1873
1873
|
var Component$2a = function (_a) {
|
|
1874
1874
|
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;
|
|
1875
|
-
return (React.createElement("label", { className: CNM.get({ styles: styles$
|
|
1875
|
+
return (React.createElement("label", { className: CNM.get({ styles: styles$23, cls: ['radio-default', disabled && 'radio-default--disabled', className] }), htmlFor: id },
|
|
1876
1876
|
React.createElement("input", { type: "radio", id: id, disabled: disabled, checked: checked || defaultChecked, onChange: onChange }),
|
|
1877
1877
|
React.createElement("div", { className: CNM.get({
|
|
1878
|
-
styles: styles$
|
|
1878
|
+
styles: styles$23,
|
|
1879
1879
|
cls: [
|
|
1880
1880
|
'radio-default__indicator',
|
|
1881
1881
|
(checked || defaultChecked) && 'radio-default__indicator--checked',
|
|
1882
1882
|
indicatorClassName
|
|
1883
1883
|
]
|
|
1884
1884
|
}) }),
|
|
1885
|
-
children && (React.createElement("span", { className: CNM.get({ styles: styles$
|
|
1885
|
+
children && (React.createElement("span", { className: CNM.get({ styles: styles$23, cls: ['radio-default-label', childrenClassName] }) }, children))));
|
|
1886
1886
|
};
|
|
1887
1887
|
/**
|
|
1888
1888
|
* Molecule UI component for radio default
|
|
@@ -1908,21 +1908,21 @@ var Component$29 = function (_a) {
|
|
|
1908
1908
|
*/
|
|
1909
1909
|
var Radio = Component$29;
|
|
1910
1910
|
|
|
1911
|
-
var styles$
|
|
1911
|
+
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"};
|
|
1912
1912
|
|
|
1913
1913
|
var Component$28 = function (_a) {
|
|
1914
1914
|
var isAuthenticated = _a.isAuthenticated, isSaved = _a.isSaved, buttonText = _a.buttonText, buttonTitle = _a.buttonTitle, addHover = _a.addHover, onClick = _a.onClick;
|
|
1915
|
-
return isAuthenticated ? (React.createElement("button", { className: "".concat(styles$
|
|
1916
|
-
React.createElement("div", { className: styles$
|
|
1915
|
+
return isAuthenticated ? (React.createElement("button", { className: "".concat(styles$22['magneto-ui-save-button'], " ").concat(addHover && styles$22['hover-effect']), type: "button", onClick: onClick, "aria-label": buttonTitle },
|
|
1916
|
+
React.createElement("div", { className: styles$22['button-content'] },
|
|
1917
1917
|
React.createElement(IconItem, { size: 20, icon: isSaved ? ArchiveRemove : ArchiveAdd, hover: addHover }),
|
|
1918
|
-
buttonText && React.createElement("p", { className: styles$
|
|
1918
|
+
buttonText && React.createElement("p", { className: styles$22['magneto-ui-save-button__mobile-text'] }, buttonText)))) : null;
|
|
1919
1919
|
};
|
|
1920
1920
|
/**
|
|
1921
1921
|
* UI Atom Component of Save Button
|
|
1922
1922
|
*/
|
|
1923
1923
|
var SaveButton = Component$28;
|
|
1924
1924
|
|
|
1925
|
-
var styles$
|
|
1925
|
+
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"};
|
|
1926
1926
|
|
|
1927
1927
|
var Component$27 = function (_a) {
|
|
1928
1928
|
var _b = _a.className, className = _b === void 0 ? '' : _b, buttonTitle = _a.buttonTitle, buttonText = _a.buttonText, detailUrl = _a.detailUrl, addHover = _a.addHover, onCopySuccess = _a.onCopySuccess;
|
|
@@ -1931,14 +1931,14 @@ var Component$27 = function (_a) {
|
|
|
1931
1931
|
navigator.clipboard.writeText(detailUrl).then(function () { return onCopySuccess(); });
|
|
1932
1932
|
}
|
|
1933
1933
|
};
|
|
1934
|
-
return (React.createElement("button", { className: "".concat(styles$
|
|
1935
|
-
React.createElement("div", { className: styles$
|
|
1934
|
+
return (React.createElement("button", { className: "".concat(styles$21['magneto-ui-share-button'], " ").concat(addHover && styles$21['hover-effect'], " ").concat(className), type: "button", onClick: handleCopyClick, title: buttonTitle },
|
|
1935
|
+
React.createElement("div", { className: styles$21['button-content'] },
|
|
1936
1936
|
React.createElement(IconItem, { size: 20, icon: Link1, hover: addHover }),
|
|
1937
|
-
buttonText && React.createElement("p", { className: styles$
|
|
1937
|
+
buttonText && React.createElement("p", { className: styles$21['magneto-ui-share-button__mobile-text'] }, buttonText))));
|
|
1938
1938
|
};
|
|
1939
1939
|
var ShareButton = Component$27;
|
|
1940
1940
|
|
|
1941
|
-
var styles$
|
|
1941
|
+
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"};
|
|
1942
1942
|
|
|
1943
1943
|
var Component$26 = function (_a) {
|
|
1944
1944
|
var name = _a.name, score = _a.score;
|
|
@@ -1976,15 +1976,15 @@ var Component$26 = function (_a) {
|
|
|
1976
1976
|
4: 'four'
|
|
1977
1977
|
};
|
|
1978
1978
|
var levelClass = scoreToLevel[score || 0] || '';
|
|
1979
|
-
var fillAnimation = animationApplied ? styles$
|
|
1980
|
-
return (React.createElement("div", { ref: skillRef, className: styles$
|
|
1981
|
-
React.createElement("div", { className: styles$
|
|
1979
|
+
var fillAnimation = animationApplied ? styles$20[levelClass] : '';
|
|
1980
|
+
return (React.createElement("div", { ref: skillRef, className: styles$20['magneto-ui-skill'] },
|
|
1981
|
+
React.createElement("div", { className: styles$20['magneto-ui-skill__wrapper'] },
|
|
1982
1982
|
React.createElement("p", null, name),
|
|
1983
|
-
React.createElement("div", { className: "".concat(styles$
|
|
1983
|
+
React.createElement("div", { className: "".concat(styles$20['magneto-ui-skill__bar'], " ").concat(fillAnimation || styles$20['magneto-ui-skill--no-animation']) }))));
|
|
1984
1984
|
};
|
|
1985
1985
|
var Skill = Component$26;
|
|
1986
1986
|
|
|
1987
|
-
var styles$
|
|
1987
|
+
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"};
|
|
1988
1988
|
|
|
1989
1989
|
var Switch = function (_a) {
|
|
1990
1990
|
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;
|
|
@@ -1998,10 +1998,10 @@ var Switch = function (_a) {
|
|
|
1998
1998
|
setChecked(function (state) { return !state; });
|
|
1999
1999
|
setIsActive(!isActive);
|
|
2000
2000
|
}, [isDisabled, setIsActive, isActive]);
|
|
2001
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
2002
|
-
React.createElement("label", { className: styles$
|
|
2001
|
+
return (React.createElement("div", { className: "".concat(styles$1$['magneto-ui-switch_container'], " ").concat(className) },
|
|
2002
|
+
React.createElement("label", { className: styles$1$['magneto-ui-switch'] },
|
|
2003
2003
|
React.createElement("input", { type: "checkbox", onChange: handleChange, checked: checked, role: "switch" }),
|
|
2004
|
-
React.createElement("span", { className: "".concat(styles$
|
|
2004
|
+
React.createElement("span", { className: "".concat(styles$1$['magneto-ui-slider'], " ").concat(styles$1$['magneto-ui-round']) })),
|
|
2005
2005
|
title && React.createElement("p", null, title)));
|
|
2006
2006
|
};
|
|
2007
2007
|
|
|
@@ -2029,7 +2029,7 @@ var Tags = function (_a) {
|
|
|
2029
2029
|
React.createElement(IconItem, { icon: icon, alt: "tag-icon" })));
|
|
2030
2030
|
};
|
|
2031
2031
|
|
|
2032
|
-
var styles$
|
|
2032
|
+
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"};
|
|
2033
2033
|
|
|
2034
2034
|
var Component$25 = function (_a) {
|
|
2035
2035
|
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;
|
|
@@ -2062,20 +2062,20 @@ var Component$25 = function (_a) {
|
|
|
2062
2062
|
color: isColorDark(baseColor || '#FFFFFF') ? '#FFFFFF' : '#000000'
|
|
2063
2063
|
};
|
|
2064
2064
|
}, [baseColor, color, currentSelect]);
|
|
2065
|
-
return (React.createElement("button", { className: "".concat(styles$
|
|
2066
|
-
customIcon && (React.createElement("img", { className: "".concat(styles$
|
|
2065
|
+
return (React.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" },
|
|
2066
|
+
customIcon && (React.createElement("img", { className: "".concat(styles$1_["".concat(classMUI, "-toggle-button__img")], " ").concat(currentSelect ? styles$1_['toggle-image-selected'] : ''), src: customIcon, alt: "toogle-btn" })),
|
|
2067
2067
|
name));
|
|
2068
2068
|
};
|
|
2069
2069
|
var ToggleButton = Component$25;
|
|
2070
2070
|
|
|
2071
|
-
var styles$
|
|
2071
|
+
var styles$1Z = {"magneto-ui-user-menu-button-analyst":"mg_user_menu_button_analyst_magneto-ui-user-menu-button-analyst_1crg0"};
|
|
2072
2072
|
|
|
2073
2073
|
var Component$24 = function (_a) {
|
|
2074
2074
|
var className = _a.className, title = _a.title, onClick = _a.onClick, user = _a.user;
|
|
2075
2075
|
var userInfo = useMediaQuery(React.createElement("span", null, "".concat(user, " | ").concat(title)), {
|
|
2076
2076
|
sm: null
|
|
2077
2077
|
});
|
|
2078
|
-
return (React.createElement("button", { className: CNM.get({ styles: styles$
|
|
2078
|
+
return (React.createElement("button", { className: CNM.get({ styles: styles$1Z, cls: ['user-menu-button-analyst', className] }), onClick: onClick },
|
|
2079
2079
|
React.createElement(IconItem, { icon: UserRoundedBlue, size: 20 }),
|
|
2080
2080
|
userInfo,
|
|
2081
2081
|
React.createElement(IconItem, { icon: ArrowDownBlue, size: 16 })));
|
|
@@ -2085,7 +2085,7 @@ var Component$24 = function (_a) {
|
|
|
2085
2085
|
*/
|
|
2086
2086
|
var UserMenuButtonAnalyst = Component$24;
|
|
2087
2087
|
|
|
2088
|
-
var styles$
|
|
2088
|
+
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"};
|
|
2089
2089
|
|
|
2090
2090
|
var ShareIcons = {
|
|
2091
2091
|
Facebook: {
|
|
@@ -2118,39 +2118,39 @@ var Component$23 = function (_a) {
|
|
|
2118
2118
|
};
|
|
2119
2119
|
if (component)
|
|
2120
2120
|
return component;
|
|
2121
|
-
return (React.createElement("div", { className: styles$
|
|
2122
|
-
React.createElement("div", { id: styles$
|
|
2121
|
+
return (React.createElement("div", { className: styles$1Y['magneto-ui-actions'] },
|
|
2122
|
+
React.createElement("div", { id: styles$1Y['magneto-ui__external-child'] }, !isApplied && externalButtonChild),
|
|
2123
2123
|
React.createElement(SaveButton, __assign({}, saveButtonProps)),
|
|
2124
|
-
React.createElement("button", { className: styles$
|
|
2124
|
+
React.createElement("button", { className: styles$1Y['magneto-ui-actions__button'], "aria-label": shareButtonProps.title, onClick: function () {
|
|
2125
2125
|
return setComponent(React.createElement(Actions.ShareLinks, { offerCompanyName: offerCompanyName, shareButtonProps: copyButtonProps, ActionsHeader: ActionsHeader, backText: backText, onBack: handleBack }));
|
|
2126
2126
|
} },
|
|
2127
2127
|
React.createElement(IconItem, { size: 20, icon: Share }),
|
|
2128
2128
|
shareButtonProps.content), actionsLinkList === null || actionsLinkList === void 0 ? void 0 :
|
|
2129
2129
|
actionsLinkList.map(function (_a, index) {
|
|
2130
2130
|
var url = _a.url, text = _a.text, Icon = _a.Icon;
|
|
2131
|
-
return (React.createElement("a", { className: styles$
|
|
2131
|
+
return (React.createElement("a", { className: styles$1Y['magneto-ui-actions__link'], key: index, href: url, target: "_blank", rel: "noreferrer" },
|
|
2132
2132
|
React.createElement(IconItem, { hover: false, size: 20, icon: Icon }),
|
|
2133
2133
|
React.createElement("p", { key: index }, text)));
|
|
2134
2134
|
}),
|
|
2135
|
-
React.createElement("div", { className: styles$
|
|
2136
|
-
React.createElement("p", { className: styles$
|
|
2137
|
-
offerCompanyName ? React.createElement("p", { className: styles$
|
|
2135
|
+
React.createElement("div", { className: styles$1Y['magneto-ui-actions__header'] },
|
|
2136
|
+
React.createElement("p", { className: styles$1Y['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
2137
|
+
offerCompanyName ? React.createElement("p", { className: styles$1Y['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null)));
|
|
2138
2138
|
};
|
|
2139
2139
|
var ShareLinksAction = function (_a) {
|
|
2140
2140
|
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;
|
|
2141
|
-
return (React.createElement("div", { className: styles$
|
|
2142
|
-
React.createElement(ShareButton, __assign({ className: styles$
|
|
2141
|
+
return (React.createElement("div", { className: styles$1Y['magneto-ui-actions'] },
|
|
2142
|
+
React.createElement(ShareButton, __assign({ className: styles$1Y['magneto-ui-actions__share'] }, shareProps)),
|
|
2143
2143
|
shareLinks.map(function (_a, index) {
|
|
2144
2144
|
var title = _a.title, ariaLabel = _a.ariaLabel, href = _a.href, icon = _a.icon, name = _a.name;
|
|
2145
|
-
return (React.createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$
|
|
2145
|
+
return (React.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(' ') },
|
|
2146
2146
|
React.createElement(IconItem, { size: 40, icon: name ? ShareIcons[name].icon : icon }),
|
|
2147
2147
|
React.createElement("span", null, title)));
|
|
2148
2148
|
}),
|
|
2149
|
-
React.createElement("div", { className: styles$
|
|
2150
|
-
React.createElement("p", { className: styles$
|
|
2151
|
-
offerCompanyName ? React.createElement("p", { className: styles$
|
|
2152
|
-
React.createElement("div", { className: styles$
|
|
2153
|
-
React.createElement("button", { className: styles$
|
|
2149
|
+
React.createElement("div", { className: styles$1Y['magneto-ui-actions__header'] },
|
|
2150
|
+
React.createElement("p", { className: styles$1Y['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
2151
|
+
offerCompanyName ? React.createElement("p", { className: styles$1Y['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null),
|
|
2152
|
+
React.createElement("div", { className: styles$1Y['magneto-ui-actions__back'] },
|
|
2153
|
+
React.createElement("button", { className: styles$1Y['magneto-ui-actions__button'], onClick: function () { return onBack(); } },
|
|
2154
2154
|
React.createElement(IconItem, { size: 20, icon: ArrowLeft2 })),
|
|
2155
2155
|
backText)));
|
|
2156
2156
|
};
|
|
@@ -2314,11 +2314,11 @@ var BrandsMenuPopover = function (_a) {
|
|
|
2314
2314
|
};
|
|
2315
2315
|
var BrandsMenuPopover$1 = withClickOut(BrandsMenuPopover);
|
|
2316
2316
|
|
|
2317
|
-
var styles$
|
|
2317
|
+
var styles$1X = {"BreadcrumbsComponent":"mg_breadcrumbs_BreadcrumbsComponent_13csm"};
|
|
2318
2318
|
|
|
2319
2319
|
var Component$20 = function (_a) {
|
|
2320
2320
|
var homeUrl = _a.homeUrl, breadcrumbProps = _a.breadcrumbProps, _b = _a.iconProps, iconProps = _b === void 0 ? iconPropsBreadCrumb : _b;
|
|
2321
|
-
return (React.createElement("div", { className: styles$
|
|
2321
|
+
return (React.createElement("div", { className: styles$1X.BreadcrumbsComponent },
|
|
2322
2322
|
React.createElement("a", { href: homeUrl },
|
|
2323
2323
|
React.createElement(IconItem, __assign({}, iconProps))),
|
|
2324
2324
|
breadcrumbProps && React.createElement(Breadcrumb, __assign({}, breadcrumbProps))));
|
|
@@ -2328,19 +2328,19 @@ var Component$20 = function (_a) {
|
|
|
2328
2328
|
*/
|
|
2329
2329
|
var Breadcrumbs = Component$20;
|
|
2330
2330
|
|
|
2331
|
-
var styles$
|
|
2331
|
+
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"};
|
|
2332
2332
|
|
|
2333
2333
|
var CitiesDetailDrawer = function (_a) {
|
|
2334
2334
|
var cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
|
|
2335
|
-
return (React.createElement("div", { className: styles$
|
|
2336
|
-
React.createElement("div", { className: styles$
|
|
2335
|
+
return (React.createElement("div", { className: styles$1W['magneto-ui-cities-detail-drawer'] }, cities && (cities === null || cities === void 0 ? void 0 : cities.length) ? (React.createElement(React.Fragment, null,
|
|
2336
|
+
React.createElement("div", { className: styles$1W['magneto-ui-cities-detail-drawer__item-detail-icon'] },
|
|
2337
2337
|
React.createElement(IconItem, { alt: 'Location-icon', icon: Location, hover: false, size: 16 })),
|
|
2338
|
-
React.createElement("div", { className: styles$
|
|
2339
|
-
isRemote && (React.createElement("p", { className: styles$
|
|
2338
|
+
React.createElement("div", { className: styles$1W['magneto-ui-cities-detail-drawer__item-detail-text'] },
|
|
2339
|
+
isRemote && (React.createElement("p", { className: styles$1W['magneto-ui-cities-detail-drawer__item-detail-text-remote'] }, textRemote)),
|
|
2340
2340
|
cities &&
|
|
2341
2341
|
cities.map(function (_a, index) {
|
|
2342
2342
|
var name = _a.name, url = _a.url, title = _a.title;
|
|
2343
|
-
return (React.createElement("div", { className: styles$
|
|
2343
|
+
return (React.createElement("div", { className: styles$1W['magneto-ui-cities-detail-drawer__item-detail-text-link'], key: url },
|
|
2344
2344
|
url ? React.createElement(Link, { href: url, target: "_blank", text: name, title: title }) : React.createElement("span", null, name),
|
|
2345
2345
|
index !== cities.length - 1 && React.createElement("span", null, ' - ')));
|
|
2346
2346
|
})))) : null));
|
|
@@ -2348,21 +2348,21 @@ var CitiesDetailDrawer = function (_a) {
|
|
|
2348
2348
|
|
|
2349
2349
|
var Avatar3DImg = "https://static.magneto365.com/lib/assets/img/d01f8eef0ddaca1f.png";
|
|
2350
2350
|
|
|
2351
|
-
var styles$
|
|
2351
|
+
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"};
|
|
2352
2352
|
|
|
2353
2353
|
var Component$1$ = function (_a) {
|
|
2354
2354
|
var ctaClick = _a.ctaClick, description = _a.description, title = _a.title, isLoading = _a.isLoading;
|
|
2355
|
-
return (React.createElement("button", { disabled: isLoading, onClick: ctaClick, className: styles$
|
|
2355
|
+
return (React.createElement("button", { disabled: isLoading, onClick: ctaClick, className: styles$1V['create-account-cta'] }, isLoading ? (React.createElement("div", { className: styles$1V['create-account-cta__loader'] },
|
|
2356
2356
|
React.createElement(DotsLoader, { color: "#1a324c", count: 3 }))) : (React.createElement(React.Fragment, null,
|
|
2357
|
-
React.createElement("img", { className: styles$
|
|
2358
|
-
React.createElement("div", { className: styles$
|
|
2357
|
+
React.createElement("img", { className: styles$1V['create-account-cta__avatar'], src: Avatar3DImg, alt: "avatar" }),
|
|
2358
|
+
React.createElement("div", { className: styles$1V['create-account-cta__summary'] },
|
|
2359
2359
|
React.createElement("h4", null, title),
|
|
2360
2360
|
React.createElement("p", null, description)),
|
|
2361
|
-
React.createElement("img", { className: styles$
|
|
2361
|
+
React.createElement("img", { className: styles$1V['create-account-cta__arrow'], src: ArrowRight2, alt: "arrow" })))));
|
|
2362
2362
|
};
|
|
2363
2363
|
var CreateAccountCTA = Component$1$;
|
|
2364
2364
|
|
|
2365
|
-
var styles$
|
|
2365
|
+
var styles$1U = {"magneto-ui--date-picker__wrapper":"mg_date_picker_magneto-ui--date-picker_wrapper_12pj2"};
|
|
2366
2366
|
|
|
2367
2367
|
var defaultValue$1 = function (value) {
|
|
2368
2368
|
return value ? parseDate(value) : { initialMonth: '', initialYear: '' };
|
|
@@ -2401,7 +2401,7 @@ var Component$1_ = function (_a) {
|
|
|
2401
2401
|
}
|
|
2402
2402
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
2403
2403
|
}, [disabled]);
|
|
2404
|
-
return (React.createElement("div", { className: styles$
|
|
2404
|
+
return (React.createElement("div", { className: styles$1U['magneto-ui--date-picker__wrapper'] },
|
|
2405
2405
|
React.createElement(DateDropdown, { placeholderLabel: monthPlaceholder, dateOptions: monthOptionsList, selectedOption: selectedMonth, onOptionChanged: handleMonthChange, disabled: disabled }),
|
|
2406
2406
|
React.createElement(DateDropdown, { placeholderLabel: yearPlaceholder, dateOptions: yearOptionsList, selectedOption: selectedYear, onOptionChanged: handleYearChange, disabled: disabled })));
|
|
2407
2407
|
};
|
|
@@ -2519,7 +2519,7 @@ var EXPANDABLE_INFO_ACTION_ICONS = {
|
|
|
2519
2519
|
_c)
|
|
2520
2520
|
};
|
|
2521
2521
|
|
|
2522
|
-
var styles$
|
|
2522
|
+
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"};
|
|
2523
2523
|
|
|
2524
2524
|
var Component$1Y = function (_a) {
|
|
2525
2525
|
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;
|
|
@@ -2527,7 +2527,7 @@ var Component$1Y = function (_a) {
|
|
|
2527
2527
|
var Component = useMemo(function () { return (isUrl ? 'a' : 'button'); }, [isUrl]);
|
|
2528
2528
|
var componentProps = useMemo(function () {
|
|
2529
2529
|
var className = CNM.get({
|
|
2530
|
-
styles: styles$
|
|
2530
|
+
styles: styles$1T,
|
|
2531
2531
|
cls: ['expandable-info-action__button', "expandable-info-action__button--".concat(variant)]
|
|
2532
2532
|
});
|
|
2533
2533
|
if (isUrl)
|
|
@@ -2549,11 +2549,11 @@ var Component$1Y = function (_a) {
|
|
|
2549
2549
|
}
|
|
2550
2550
|
return;
|
|
2551
2551
|
}, [loading, variant]);
|
|
2552
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
2553
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
2552
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1T, cls: ['expandable-info-action', className] }) },
|
|
2553
|
+
React.createElement("div", { className: CNM.get({ styles: styles$1T, cls: ['expandable-info-action__container'] }) },
|
|
2554
2554
|
React.createElement(Component, __assign({}, componentProps),
|
|
2555
2555
|
(prefixIcon || loading) && React.createElement(IconItem, __assign({ size: 12 }, prefixIcon, { icon: icon(prefixIcon === null || prefixIcon === void 0 ? void 0 : prefixIcon.icon) })),
|
|
2556
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
2556
|
+
React.createElement("span", { className: CNM.get({ styles: styles$1T, cls: ['expandable-info-action__title'] }) }, title),
|
|
2557
2557
|
suffixIcon && React.createElement(IconItem, __assign({ size: 12 }, suffixIcon, { icon: icon(suffixIcon.icon) }))))));
|
|
2558
2558
|
};
|
|
2559
2559
|
/**
|
|
@@ -2561,36 +2561,36 @@ var Component$1Y = function (_a) {
|
|
|
2561
2561
|
*/
|
|
2562
2562
|
var ExpandableInfoAction = Component$1Y;
|
|
2563
2563
|
|
|
2564
|
-
var styles$
|
|
2564
|
+
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"};
|
|
2565
2565
|
|
|
2566
2566
|
var Component$1X = function (_a) {
|
|
2567
2567
|
var sections = _a.sections, footer = _a.footer;
|
|
2568
2568
|
var sectionStyles = useCallback(function (multiple) {
|
|
2569
2569
|
return CNM.get({
|
|
2570
|
-
styles: styles$
|
|
2570
|
+
styles: styles$1S,
|
|
2571
2571
|
cls: ['expandable-info-details__section', multiple && 'expandable-info-details__section--multiple']
|
|
2572
2572
|
});
|
|
2573
2573
|
}, []);
|
|
2574
2574
|
var subSectionStyles = useCallback(function (initial) {
|
|
2575
2575
|
return CNM.get({
|
|
2576
|
-
styles: styles$
|
|
2576
|
+
styles: styles$1S,
|
|
2577
2577
|
cls: ['expandable-info-details__sub-section', initial && 'expandable-info-details__sub-section--initial']
|
|
2578
2578
|
});
|
|
2579
2579
|
}, []);
|
|
2580
2580
|
var itemStyles = useCallback(function (first) {
|
|
2581
2581
|
return CNM.get({
|
|
2582
|
-
styles: styles$
|
|
2582
|
+
styles: styles$1S,
|
|
2583
2583
|
cls: ['expandable-info-details__item', first && 'expandable-info-details__item--first']
|
|
2584
2584
|
});
|
|
2585
2585
|
}, []);
|
|
2586
2586
|
var textStyles = useCallback(function (bold) {
|
|
2587
2587
|
return CNM.get({
|
|
2588
|
-
styles: styles$
|
|
2588
|
+
styles: styles$1S,
|
|
2589
2589
|
cls: ['expandable-info-details__text', bold && 'expandable-info-details__text--bold']
|
|
2590
2590
|
});
|
|
2591
2591
|
}, []);
|
|
2592
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
2593
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
2592
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1S, cls: ['expandable-info-details'] }) },
|
|
2593
|
+
React.createElement("div", { className: CNM.get({ styles: styles$1S, cls: ['expandable-info-details__container'] }) }, sections === null || sections === void 0 ? void 0 :
|
|
2594
2594
|
sections.map(function (section, index) {
|
|
2595
2595
|
var _a, _b;
|
|
2596
2596
|
return (React.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) {
|
|
@@ -2604,8 +2604,8 @@ var Component$1X = function (_a) {
|
|
|
2604
2604
|
React.createElement("span", { className: textStyles(false) }, content.summary))); }))));
|
|
2605
2605
|
})));
|
|
2606
2606
|
}),
|
|
2607
|
-
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
2608
|
-
React.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$
|
|
2607
|
+
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React.createElement("div", { className: CNM.get({ styles: styles$1S, cls: ['expandable-info-details__footer'] }) },
|
|
2608
|
+
React.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'] }) }))))));
|
|
2609
2609
|
};
|
|
2610
2610
|
/**
|
|
2611
2611
|
* Molecule UI child component of expandable info
|
|
@@ -2631,7 +2631,7 @@ var EXPANDABLE_INFO_MESSAGE_ICONS = {
|
|
|
2631
2631
|
_a$2)
|
|
2632
2632
|
};
|
|
2633
2633
|
|
|
2634
|
-
var styles$
|
|
2634
|
+
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"};
|
|
2635
2635
|
|
|
2636
2636
|
var Component$1W = function (_a) {
|
|
2637
2637
|
var className = _a.className, title = _a.title, prefixIcon = _a.prefixIcon, variant = _a.variant;
|
|
@@ -2646,11 +2646,11 @@ var Component$1W = function (_a) {
|
|
|
2646
2646
|
}, [variant]);
|
|
2647
2647
|
if (!title)
|
|
2648
2648
|
return null;
|
|
2649
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
2650
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
2649
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1R, cls: ['expandable-info-message', className] }) },
|
|
2650
|
+
React.createElement("div", { className: CNM.get({ styles: styles$1R, cls: ['expandable-info-message__container'] }) },
|
|
2651
2651
|
prefixIcon && React.createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
2652
2652
|
React.createElement("span", { className: CNM.get({
|
|
2653
|
-
styles: styles$
|
|
2653
|
+
styles: styles$1R,
|
|
2654
2654
|
cls: ['expandable-info-message__text', "expandable-info-message__text--".concat(variant)]
|
|
2655
2655
|
}) }, title))));
|
|
2656
2656
|
};
|
|
@@ -2659,7 +2659,7 @@ var Component$1W = function (_a) {
|
|
|
2659
2659
|
*/
|
|
2660
2660
|
var ExpandableInfoMessage = Component$1W;
|
|
2661
2661
|
|
|
2662
|
-
var styles$
|
|
2662
|
+
var styles$1Q = {"magneto-ui-expandable-info-modal":"mg_expandable_info_modal_magneto-ui-expandable-info-modal_56w98"};
|
|
2663
2663
|
|
|
2664
2664
|
var Component$1V = function (_a) {
|
|
2665
2665
|
var toggler = _a.toggler, details = _a.details;
|
|
@@ -2669,7 +2669,7 @@ var Component$1V = function (_a) {
|
|
|
2669
2669
|
}, []);
|
|
2670
2670
|
return (React.createElement(React.Fragment, null,
|
|
2671
2671
|
React.createElement(ExpandableInfoToggler, __assign({}, toggler, { onToggle: handleOnToggle })),
|
|
2672
|
-
React.createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$
|
|
2672
|
+
React.createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$1Q, cls: ['expandable-info-modal'] }) },
|
|
2673
2673
|
React.createElement(ExpandableInfoDetails, __assign({}, details)))));
|
|
2674
2674
|
};
|
|
2675
2675
|
/**
|
|
@@ -2677,23 +2677,23 @@ var Component$1V = function (_a) {
|
|
|
2677
2677
|
*/
|
|
2678
2678
|
var ExpandableInfoModal = Component$1V;
|
|
2679
2679
|
|
|
2680
|
-
var styles$
|
|
2680
|
+
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"};
|
|
2681
2681
|
|
|
2682
|
-
var styles$
|
|
2682
|
+
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"};
|
|
2683
2683
|
|
|
2684
2684
|
var DesktopSideCards = function (_a) {
|
|
2685
2685
|
var WrappedComponent = _a.WrappedComponent, sideProps = _a.sideProps, wrapperProps = _a.wrapperProps;
|
|
2686
|
-
return (React.createElement("div", { className: styles$
|
|
2687
|
-
React.createElement("div", { className: styles$
|
|
2686
|
+
return (React.createElement("div", { className: styles$1O['mega-menu-side-container'] },
|
|
2687
|
+
React.createElement("div", { className: styles$1O['mega-menu-side-container__side'] },
|
|
2688
2688
|
React.createElement(MegaMenuSideCards, __assign({}, sideProps))),
|
|
2689
|
-
React.createElement("div", { className: styles$
|
|
2689
|
+
React.createElement("div", { className: styles$1O['mega-menu-side-container__main'] },
|
|
2690
2690
|
React.createElement(WrappedComponent, __assign({}, wrapperProps)))));
|
|
2691
2691
|
};
|
|
2692
2692
|
|
|
2693
2693
|
var MobileSideCards = function (_a) {
|
|
2694
2694
|
var WrappedComponent = _a.WrappedComponent, sideProps = _a.sideProps, wrapperProps = _a.wrapperProps, showContent = _a.showContent;
|
|
2695
|
-
return (React.createElement("div", { className: styles$
|
|
2696
|
-
React.createElement(WrappedComponent, __assign({}, wrapperProps)))) : (React.createElement("div", { className: styles$
|
|
2695
|
+
return (React.createElement("div", { className: styles$1O['mega-menu-side-container'] }, showContent ? (React.createElement("div", { className: styles$1O['mega-menu-side-container__main'] },
|
|
2696
|
+
React.createElement(WrappedComponent, __assign({}, wrapperProps)))) : (React.createElement("div", { className: styles$1O['mega-menu-side-container__side'] },
|
|
2697
2697
|
React.createElement(MegaMenuSideCards, __assign({}, sideProps))))));
|
|
2698
2698
|
};
|
|
2699
2699
|
|
|
@@ -2750,9 +2750,9 @@ var MobileSideCardsDrawer = function (_a) {
|
|
|
2750
2750
|
updateDrawerContent(index);
|
|
2751
2751
|
toogleDrawer();
|
|
2752
2752
|
}, [toogleDrawer, updateDrawerContent]);
|
|
2753
|
-
return (React.createElement("div", { className: styles$
|
|
2753
|
+
return (React.createElement("div", { className: styles$1O['mega-menu-side-container'] },
|
|
2754
2754
|
React.createElement(MegaMenuSideCards, __assign({}, sideProps, { onSelectCard: onSelectSideCard })),
|
|
2755
|
-
React.createElement(Drawer, { isOpen: showDrawer, toggleDrawer: toogleDrawer, content: React.createElement("div", { className: styles$
|
|
2755
|
+
React.createElement(Drawer, { isOpen: showDrawer, toggleDrawer: toogleDrawer, content: React.createElement("div", { className: styles$1O['mega-menu-side-container__main'] },
|
|
2756
2756
|
React.createElement(WrappedComponent, __assign({}, wrapperProps))), title: title })));
|
|
2757
2757
|
};
|
|
2758
2758
|
|
|
@@ -2770,7 +2770,7 @@ var withMegaMenuSideCards = function (WrappedComponent) {
|
|
|
2770
2770
|
var Component$1T = function (_a) {
|
|
2771
2771
|
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;
|
|
2772
2772
|
return (React.createElement(Popover, { widthBase: 'auto', show: clickOut, positionX: "right", positionY: toggler.size === EExpandableInfoSize.LARGE ? 'top' : 'bottom', className: CNM.get({
|
|
2773
|
-
styles: styles$
|
|
2773
|
+
styles: styles$1P,
|
|
2774
2774
|
cls: [
|
|
2775
2775
|
'expandable-info-popover',
|
|
2776
2776
|
"expandable-info-popover--".concat(toggler.size),
|
|
@@ -2778,7 +2778,7 @@ var Component$1T = function (_a) {
|
|
|
2778
2778
|
]
|
|
2779
2779
|
}), content: React.createElement(React.Fragment, null,
|
|
2780
2780
|
React.createElement("span", { className: CNM.get({
|
|
2781
|
-
styles: styles$
|
|
2781
|
+
styles: styles$1P,
|
|
2782
2782
|
cls: ['expandable-info-popover__arrow', "expandable-info-popover__arrow--".concat(toggler.size)]
|
|
2783
2783
|
}) }),
|
|
2784
2784
|
React.createElement(ExpandableInfoDetails, __assign({}, details))) },
|
|
@@ -2793,13 +2793,13 @@ var EXPANDABLE_INFO_TOGGLER_ICONS = {
|
|
|
2793
2793
|
coin: CoinBlackOutline
|
|
2794
2794
|
};
|
|
2795
2795
|
|
|
2796
|
-
var styles$
|
|
2796
|
+
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"};
|
|
2797
2797
|
|
|
2798
2798
|
var Component$1S = function (_a) {
|
|
2799
2799
|
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;
|
|
2800
2800
|
var styleGenerator = useCallback(function (base) {
|
|
2801
2801
|
return CNM.get({
|
|
2802
|
-
styles: styles$
|
|
2802
|
+
styles: styles$1N,
|
|
2803
2803
|
cls: __spreadArray(__spreadArray([], base, true), ["".concat(base.at(0), "--").concat(variant)], false)
|
|
2804
2804
|
});
|
|
2805
2805
|
}, [variant]);
|
|
@@ -2831,7 +2831,7 @@ var Component$1S = function (_a) {
|
|
|
2831
2831
|
prefixIcon && React.createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
2832
2832
|
React.createElement("span", { className: styleGenerator(['expandable-info-toggler__text']) }, title + ':'),
|
|
2833
2833
|
React.createElement("div", { className: CNM.get({
|
|
2834
|
-
styles: styles$
|
|
2834
|
+
styles: styles$1N,
|
|
2835
2835
|
cls: [
|
|
2836
2836
|
'expandable-info-toggler__summary',
|
|
2837
2837
|
(size === EExpandableInfoSize.SMALL || suffixIcon) && 'expandable-info-toggler__summary--small',
|
|
@@ -2846,7 +2846,7 @@ var Component$1S = function (_a) {
|
|
|
2846
2846
|
*/
|
|
2847
2847
|
var ExpandableInfoToggler = Component$1S;
|
|
2848
2848
|
|
|
2849
|
-
var styles$
|
|
2849
|
+
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"};
|
|
2850
2850
|
|
|
2851
2851
|
var Component$1R = function (_a) {
|
|
2852
2852
|
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;
|
|
@@ -2862,9 +2862,9 @@ var Component$1R = function (_a) {
|
|
|
2862
2862
|
var container = useMediaQuery(React.createElement(ExpandableInfoPopover, { details: details, toggler: togglerProps }), {
|
|
2863
2863
|
sm: React.createElement(ExpandableInfoModal, { details: details, toggler: togglerProps })
|
|
2864
2864
|
});
|
|
2865
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
2865
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1M, cls: ['expandable-info'] }) },
|
|
2866
2866
|
React.createElement("div", { className: CNM.get({
|
|
2867
|
-
styles: styles$
|
|
2867
|
+
styles: styles$1M,
|
|
2868
2868
|
cls: [
|
|
2869
2869
|
'expandable-info__container',
|
|
2870
2870
|
"expandable-info__container--".concat(variant),
|
|
@@ -2874,7 +2874,7 @@ var Component$1R = function (_a) {
|
|
|
2874
2874
|
}) },
|
|
2875
2875
|
container,
|
|
2876
2876
|
size === EExpandableInfoSize.LARGE && (React.createElement(React.Fragment, null,
|
|
2877
|
-
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
2877
|
+
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React.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.createElement(ExpandableInfoAction, __assign({ key: action.title }, action)); }))),
|
|
2878
2878
|
React.createElement(ExpandableInfoMessage, __assign({ variant: variant }, message)))))));
|
|
2879
2879
|
};
|
|
2880
2880
|
/**
|
|
@@ -2908,7 +2908,7 @@ var FilterContainerMenu = function (_a) {
|
|
|
2908
2908
|
return React.createElement("div", { className: style$N["".concat(classMUI, "-filter-container")] }, children);
|
|
2909
2909
|
};
|
|
2910
2910
|
|
|
2911
|
-
var styles$
|
|
2911
|
+
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"};
|
|
2912
2912
|
|
|
2913
2913
|
var FilterMenuItem = function (_a) {
|
|
2914
2914
|
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"]);
|
|
@@ -2923,49 +2923,49 @@ var FilterMenuItem = function (_a) {
|
|
|
2923
2923
|
return isSearched || isApplied || hiddenCount ? false : !total;
|
|
2924
2924
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
2925
2925
|
var className = useMemo(function () {
|
|
2926
|
-
return isApplied ? styles$
|
|
2926
|
+
return isApplied ? styles$1L.selected : isSearched ? styles$1L.isSearched : hiddenCount ? '' : !total && styles$1L.disabled;
|
|
2927
2927
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
2928
2928
|
var handleClick = useCallback(function () {
|
|
2929
2929
|
var customId = type === 'RANGE' ? { id: id, from: props.from, to: props.to } : id;
|
|
2930
2930
|
setIsApplied({ id: customId, field: field, isApplied: isApplied, multiple: multiple });
|
|
2931
2931
|
}, [setIsApplied, id, field, isApplied, multiple, type, props.from, props.to]);
|
|
2932
2932
|
if (loading)
|
|
2933
|
-
return React.createElement("div", { className: styles$
|
|
2934
|
-
return (React.createElement("button", { id: customId, className: "".concat(styles$
|
|
2933
|
+
return React.createElement("div", { className: styles$1L.skeleton });
|
|
2934
|
+
return (React.createElement("button", { id: customId, className: "".concat(styles$1L['magneto-ui-filter-item'], " ").concat(className, " ").concat(customClass ? customClass : ''), title: label, onClick: handleClick, disabled: disabled },
|
|
2935
2935
|
React.createElement("span", null, label),
|
|
2936
2936
|
displayOutput));
|
|
2937
2937
|
};
|
|
2938
2938
|
|
|
2939
|
-
var styles$
|
|
2939
|
+
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"};
|
|
2940
2940
|
|
|
2941
2941
|
var FilterSearchItem = function (_a) {
|
|
2942
2942
|
var placeholder = _a.placeholder, _b = _a.disabled, disabled = _b === void 0 ? false : _b, loading = _a.loading, handleSearch = _a.handleSearch;
|
|
2943
2943
|
var inputRef = useRef(null);
|
|
2944
2944
|
if (loading)
|
|
2945
|
-
return (React.createElement("div", { className: styles$
|
|
2945
|
+
return (React.createElement("div", { className: styles$1K.skeleton },
|
|
2946
2946
|
React.createElement(IconItem, { icon: SearchIcon, size: 17 })));
|
|
2947
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
2947
|
+
return (React.createElement("div", { className: "".concat(styles$1K['magneto-ui-filter-search'], " ").concat(disabled ? styles$1K.disabled : '') },
|
|
2948
2948
|
React.createElement(IconItem, { icon: SearchIcon, size: 17 }),
|
|
2949
2949
|
React.createElement("input", { ref: inputRef, type: "search", placeholder: placeholder, onChange: function (event) { return handleSearch(event, inputRef); }, disabled: disabled })));
|
|
2950
2950
|
};
|
|
2951
2951
|
|
|
2952
|
-
var styles$
|
|
2952
|
+
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"};
|
|
2953
2953
|
|
|
2954
2954
|
var Component$1Q = function (_a) {
|
|
2955
2955
|
var title = _a.title, content = _a.content, linkText = _a.linkText, link = _a.link;
|
|
2956
|
-
return (React.createElement("div", { className: styles$
|
|
2957
|
-
React.createElement("div", { className: styles$
|
|
2956
|
+
return (React.createElement("div", { className: styles$1J['fraud-card-job'] },
|
|
2957
|
+
React.createElement("div", { className: styles$1J['fraud-card-job__header'] },
|
|
2958
2958
|
React.createElement("img", { src: Warning3D, alt: "warning" }),
|
|
2959
2959
|
React.createElement("h4", null, title)),
|
|
2960
2960
|
React.createElement("div", null,
|
|
2961
|
-
React.createElement("p", { className: styles$
|
|
2962
|
-
React.createElement("a", { target: "_blank", rel: "noreferrer", className: styles$
|
|
2961
|
+
React.createElement("p", { className: styles$1J['fraud-card-job__text'] }, content),
|
|
2962
|
+
React.createElement("a", { target: "_blank", rel: "noreferrer", className: styles$1J['fraud-card-job__link'], href: link },
|
|
2963
2963
|
React.createElement("img", { src: WarningHex, alt: "warning" }),
|
|
2964
2964
|
linkText))));
|
|
2965
2965
|
};
|
|
2966
2966
|
var FraudCardJob = Component$1Q;
|
|
2967
2967
|
|
|
2968
|
-
var styles$
|
|
2968
|
+
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"};
|
|
2969
2969
|
|
|
2970
2970
|
var Component$1P = function (_a) {
|
|
2971
2971
|
var searchHeading = _a.searchHeading, searchList = _a.searchList, showLess = _a.showLess, showMore = _a.showMore, showFrequentSearch = _a.showFrequentSearch;
|
|
@@ -2977,17 +2977,17 @@ var Component$1P = function (_a) {
|
|
|
2977
2977
|
return searchList;
|
|
2978
2978
|
}, [searchList, showFullList]);
|
|
2979
2979
|
var searchListResponsive = useMediaQuery(searchList, { md: searchListDinamyc });
|
|
2980
|
-
return (React.createElement(React.Fragment, null, showFrequentSearch !== false ? (React.createElement("div", { className: styles$
|
|
2981
|
-
React.createElement("h2", { className: styles$
|
|
2982
|
-
React.createElement("div", { className: styles$
|
|
2980
|
+
return (React.createElement(React.Fragment, null, showFrequentSearch !== false ? (React.createElement("div", { className: styles$1I['magneto-ui-frequent-search'] },
|
|
2981
|
+
React.createElement("h2", { className: styles$1I['magneto-ui-frequent-search__heading'] }, searchHeading),
|
|
2982
|
+
React.createElement("div", { className: styles$1I['magneto-ui-frequent-search__items'] }, searchListResponsive.map(function (_a, i) {
|
|
2983
2983
|
var props = __rest(_a, []);
|
|
2984
2984
|
return (React.createElement(SearchItem, __assign({ key: i }, props)));
|
|
2985
2985
|
})),
|
|
2986
|
-
React.createElement("div", { className: styles$
|
|
2986
|
+
React.createElement("div", { className: styles$1I['magneto-ui-frequent-search__buttons-container'] }, showFullList ? (React.createElement("button", { className: styles$1I['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(false); }, title: showMore },
|
|
2987
2987
|
showMore,
|
|
2988
2988
|
" (",
|
|
2989
2989
|
searchList.length,
|
|
2990
|
-
")")) : (React.createElement("button", { className: styles$
|
|
2990
|
+
")")) : (React.createElement("button", { className: styles$1I['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(true); }, title: showLess }, showLess))))) : (React.createElement(Fragment, null))));
|
|
2991
2991
|
};
|
|
2992
2992
|
/**
|
|
2993
2993
|
* UI Atom component of Frequent Search
|
|
@@ -3005,35 +3005,35 @@ var Component$1O = function (_a) {
|
|
|
3005
3005
|
};
|
|
3006
3006
|
var HeaderDrawerCompany = Component$1O;
|
|
3007
3007
|
|
|
3008
|
-
var styles$
|
|
3008
|
+
var styles$1H = {"TabComponent":"mg_tab_TabComponent_zqqnn"};
|
|
3009
3009
|
|
|
3010
3010
|
var Component$1N = function (_a) {
|
|
3011
3011
|
var children = _a.children;
|
|
3012
|
-
return React.createElement("div", { className: styles$
|
|
3012
|
+
return React.createElement("div", { className: styles$1H.TabComponent }, children);
|
|
3013
3013
|
};
|
|
3014
3014
|
/**
|
|
3015
3015
|
* Molecule UI for Tab
|
|
3016
3016
|
*/
|
|
3017
3017
|
var Tab = Component$1N;
|
|
3018
3018
|
|
|
3019
|
-
var styles$
|
|
3019
|
+
var styles$1G = {"TabButtonComponent":"mg_tab_button_TabButtonComponent_hysss"};
|
|
3020
3020
|
|
|
3021
3021
|
var Component$1M = function (_a) {
|
|
3022
3022
|
var tabButtonLink = _a.tabButtonLink, tabButtonLinkStyles = _a.tabButtonLinkStyles, tabButtonStyles = _a.tabButtonStyles;
|
|
3023
3023
|
var stylesValue = useMemo(function () { return toCSSVariables(tabButtonStyles); }, [tabButtonStyles]);
|
|
3024
3024
|
var boxShadow = (tabButtonStyles || {}).boxShadow;
|
|
3025
|
-
return (React.createElement("div", { className: styles$
|
|
3025
|
+
return (React.createElement("div", { className: styles$1G.TabButtonComponent, style: stylesValue, "data-box-shadow": boxShadow }, tabButtonLink && React.createElement(Link, __assign({}, tabButtonLink, { linkStyles: tabButtonLinkStyles }))));
|
|
3026
3026
|
};
|
|
3027
3027
|
/**
|
|
3028
3028
|
* Molecule UI component for Tab Button
|
|
3029
3029
|
*/
|
|
3030
3030
|
var TabButton = Component$1M;
|
|
3031
3031
|
|
|
3032
|
-
var styles$
|
|
3032
|
+
var styles$1F = {"HeaderDrawerTabsComponent":"mg_header_drawer_tabs_HeaderDrawerTabsComponent_1wrvo"};
|
|
3033
3033
|
|
|
3034
3034
|
var Component$1L = function (_a) {
|
|
3035
3035
|
var logoProps = _a.logoProps, leftTabLink = _a.leftTabLink, rightTabLink = _a.rightTabLink, leftTabStyle = _a.leftTabStyle, rightTabStyle = _a.rightTabStyle, homeUrl = _a.homeUrl;
|
|
3036
|
-
return (React.createElement("div", { className: styles$
|
|
3036
|
+
return (React.createElement("div", { className: styles$1F.HeaderDrawerTabsComponent },
|
|
3037
3037
|
React.createElement("a", { href: homeUrl },
|
|
3038
3038
|
React.createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
3039
3039
|
React.createElement(Tab, null,
|
|
@@ -3042,11 +3042,11 @@ var Component$1L = function (_a) {
|
|
|
3042
3042
|
};
|
|
3043
3043
|
var HeaderDrawerTabs = Component$1L;
|
|
3044
3044
|
|
|
3045
|
-
var styles$
|
|
3045
|
+
var styles$1E = {"HeaderTabsComponent":"mg_header_tabs_HeaderTabsComponent_yjqx4"};
|
|
3046
3046
|
|
|
3047
3047
|
var Component$1K = function (_a) {
|
|
3048
3048
|
var _b = _a.headerTabList, headerTabList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c, addDivider = _a.addDivider;
|
|
3049
|
-
return (React.createElement("div", { className: styles$
|
|
3049
|
+
return (React.createElement("div", { className: styles$1E.HeaderTabsComponent, "data-add-divider": addDivider }, headerTabList.map(function (_a, index) {
|
|
3050
3050
|
var headerTabProps = __rest(_a, []);
|
|
3051
3051
|
return (React.createElement(React.Fragment, { key: index },
|
|
3052
3052
|
React.createElement(HeaderTab, __assign({}, headerTabProps, { isActive: Array.isArray(headerTabProps.slug)
|
|
@@ -3059,7 +3059,7 @@ var Component$1K = function (_a) {
|
|
|
3059
3059
|
*/
|
|
3060
3060
|
var HeaderTabs = Component$1K;
|
|
3061
3061
|
|
|
3062
|
-
var styles$
|
|
3062
|
+
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"};
|
|
3063
3063
|
|
|
3064
3064
|
var Input = function (_a) {
|
|
3065
3065
|
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"]);
|
|
@@ -3094,26 +3094,26 @@ var Input = function (_a) {
|
|
|
3094
3094
|
setInputValue(e.target.value);
|
|
3095
3095
|
}, [onChange]);
|
|
3096
3096
|
return (React.createElement("div", { style: { height: 'auto', width: '100%' } },
|
|
3097
|
-
React.createElement("div", { className: styles$
|
|
3097
|
+
React.createElement("div", { className: styles$1D["".concat(classMUI, "-input")] },
|
|
3098
3098
|
React.createElement("div", null,
|
|
3099
|
-
React.createElement("div", { className: styles$
|
|
3099
|
+
React.createElement("div", { className: styles$1D["".concat(classMUI, "-input--container")] },
|
|
3100
3100
|
React.createElement("label", { htmlFor: name, style: {
|
|
3101
3101
|
left: hideIcon ? '10px' : '40px',
|
|
3102
3102
|
top: haveValueOrFocus ? '30%' : '45%',
|
|
3103
3103
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
3104
|
-
}, className: styles$
|
|
3104
|
+
}, className: styles$1D["".concat(classMUI, "-input--container__label")] }, placeholder),
|
|
3105
3105
|
React.createElement("input", __assign({}, props, { style: {
|
|
3106
3106
|
padding: hideIcon ? '0px 10px' : '0px 40px'
|
|
3107
|
-
}, disabled: disabled, className: styles$
|
|
3108
|
-
hideIcon ? null : (React.createElement("img", { className: styles$
|
|
3109
|
-
actionIcon ? (React.createElement("button", { type: "button", onClick: actionInputIcon, className: styles$
|
|
3107
|
+
}, 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" })),
|
|
3108
|
+
hideIcon ? null : (React.createElement("img", { className: styles$1D["".concat(classMUI, "-input--container__icon")], src: customIcon ? customIcon : dinamyIcon[type] || DocumentTextGray })),
|
|
3109
|
+
actionIcon ? (React.createElement("button", { type: "button", onClick: actionInputIcon, className: styles$1D["".concat(classMUI, "-input--container__icon-action")] },
|
|
3110
3110
|
React.createElement("img", { "data-name": "icon", src: actionIcon }))) : null))),
|
|
3111
|
-
React.createElement("div", { className: "".concat(styles$
|
|
3112
|
-
error && (React.createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$
|
|
3111
|
+
React.createElement("div", { className: "".concat(styles$1D["".concat(classMUI, "-input__footer")], " ").concat(!error && hasCounter ? styles$1D['footer-without-error'] : '') },
|
|
3112
|
+
error && (React.createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$1D["".concat(classMUI, "-input--container__error")] }, error)),
|
|
3113
3113
|
hasCounter && React.createElement(ComparativeCounter, { current: inputValue.length, max: maxCounterValue }))));
|
|
3114
3114
|
};
|
|
3115
3115
|
|
|
3116
|
-
var styles$
|
|
3116
|
+
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"};
|
|
3117
3117
|
|
|
3118
3118
|
var InputPlus = function (_a) {
|
|
3119
3119
|
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;
|
|
@@ -3157,23 +3157,23 @@ var InputPlus = function (_a) {
|
|
|
3157
3157
|
}
|
|
3158
3158
|
}
|
|
3159
3159
|
}, [disabledBtn, handleSubmmit]);
|
|
3160
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
3160
|
+
return (React.createElement("div", { className: "".concat(styles$1C["".concat(classMUI, "-input-plus")], " ").concat(className) },
|
|
3161
3161
|
React.createElement("input", { onKeyDown: handleKeyDown, placeholder: placeholder, value: inputValue, onChange: handleValue, type: "text" }),
|
|
3162
|
-
React.createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$
|
|
3162
|
+
React.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.createElement(FlatLoader, { color: "white", secondColor: "transparent" })) : (React.createElement("img", { className: "".concat(disabledBtn ? styles$1C['disabled-img'] : ''), src: Add2, alt: "icon" })))));
|
|
3163
3163
|
};
|
|
3164
3164
|
|
|
3165
|
-
var styles$
|
|
3165
|
+
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"};
|
|
3166
3166
|
|
|
3167
3167
|
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"};
|
|
3168
3168
|
|
|
3169
|
-
var styles$
|
|
3169
|
+
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"};
|
|
3170
3170
|
|
|
3171
3171
|
var Tooltip = function (_a) {
|
|
3172
3172
|
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;
|
|
3173
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
3174
|
-
React.createElement("div", { className: "".concat(styles$
|
|
3173
|
+
return (React.createElement("div", { className: "".concat(styles$1A['tooltip-container'], " ").concat(styles$1A["tooltip-".concat(position)]) },
|
|
3174
|
+
React.createElement("div", { className: "".concat(styles$1A['tooltip'], " ").concat(styles$1A["tooltip-".concat(position)]) },
|
|
3175
3175
|
children,
|
|
3176
|
-
visible && (React.createElement("span", { className: "".concat(styles$
|
|
3176
|
+
visible && (React.createElement("span", { className: "".concat(styles$1A['tooltip-text'], " ").concat(styles$1A["tooltip-text-".concat(position)]), style: { width: width } }, title)))));
|
|
3177
3177
|
};
|
|
3178
3178
|
|
|
3179
3179
|
var Component$1J = function (_a) {
|
|
@@ -3208,20 +3208,20 @@ var Component$1I = function (_a) {
|
|
|
3208
3208
|
var isMobile = useMediaQuery(true, { md: false });
|
|
3209
3209
|
var ActionLink = function (_a) {
|
|
3210
3210
|
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
3211
|
-
var iconContent = (React.createElement("a", { className: styles$
|
|
3211
|
+
var iconContent = (React.createElement("a", { className: styles$1B['magneto-ui-job-actions__icon-anchor'], href: url, target: "_blank", rel: "noreferrer" },
|
|
3212
3212
|
React.createElement(IconItem, { hover: true, size: 20, icon: icon })));
|
|
3213
3213
|
return (React.createElement(Tooltip, { title: title, position: "bottom", visible: isMobile }, iconContent));
|
|
3214
3214
|
};
|
|
3215
3215
|
var filteredActionsLinkList = actionsLinkList === null || actionsLinkList === void 0 ? void 0 : actionsLinkList.filter(function (item) { return item.url !== null && item.url !== undefined; });
|
|
3216
|
-
return (React.createElement("div", { className: styles$
|
|
3217
|
-
!isApplied && React.createElement("div", { id: styles$
|
|
3218
|
-
React.createElement("div", { className: styles$
|
|
3216
|
+
return (React.createElement("div", { className: styles$1B['magneto-ui-job-actions'] },
|
|
3217
|
+
!isApplied && React.createElement("div", { id: styles$1B['magneto-ui__external-child'] }, externalButtonChild),
|
|
3218
|
+
React.createElement("div", { className: styles$1B['magneto-ui-job-actions__buttons-wrapper'] },
|
|
3219
3219
|
!isApplied && (React.createElement(Tooltip, { title: saveButtonProps.buttonTitle || 'Guardar', position: "bottom", visible: isMobile },
|
|
3220
3220
|
React.createElement(SaveButton, __assign({}, saveButtonProps)))),
|
|
3221
3221
|
React.createElement(SharePopover, __assign({}, shareButtonProps)), filteredActionsLinkList === null || filteredActionsLinkList === void 0 ? void 0 :
|
|
3222
3222
|
filteredActionsLinkList.map(function (_a) {
|
|
3223
3223
|
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
3224
|
-
return (React.createElement("div", { className: styles$
|
|
3224
|
+
return (React.createElement("div", { className: styles$1B['magneto-ui-job-actions__icon-wrapper'], key: "".concat(url, "-JobActions") },
|
|
3225
3225
|
React.createElement(ActionLink, { url: url, title: title, icon: icon })));
|
|
3226
3226
|
}))));
|
|
3227
3227
|
};
|
|
@@ -3230,13 +3230,13 @@ var Component$1I = function (_a) {
|
|
|
3230
3230
|
*/
|
|
3231
3231
|
var JobActions = Component$1I;
|
|
3232
3232
|
|
|
3233
|
-
var styles$
|
|
3233
|
+
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"};
|
|
3234
3234
|
|
|
3235
3235
|
var Component$1H = function (_a) {
|
|
3236
3236
|
var offerApplyHeader = _a.offerApplyHeader, offerApplyElements = _a.offerApplyElements, externalChild = _a.externalChild, isApplied = _a.isApplied;
|
|
3237
|
-
return (React.createElement("div", { className: styles$
|
|
3238
|
-
React.createElement("div", { className: styles$
|
|
3239
|
-
React.createElement("div", { className: styles$
|
|
3237
|
+
return (React.createElement("div", { className: styles$1z['magneto-ui-job-apply-card'] },
|
|
3238
|
+
React.createElement("div", { className: styles$1z['magneto-ui-job-apply-card__wrapper'] },
|
|
3239
|
+
React.createElement("div", { className: styles$1z['magneto-ui-job-apply-card__header'] },
|
|
3240
3240
|
React.createElement("p", null, offerApplyHeader),
|
|
3241
3241
|
(offerApplyElements === null || offerApplyElements === void 0 ? void 0 : offerApplyElements.length) &&
|
|
3242
3242
|
offerApplyElements
|
|
@@ -3246,11 +3246,11 @@ var Component$1H = function (_a) {
|
|
|
3246
3246
|
})
|
|
3247
3247
|
.map(function (_a) {
|
|
3248
3248
|
var offerApplyLabel = _a.offerApplyLabel, offerApplyInfo = _a.offerApplyInfo;
|
|
3249
|
-
return (React.createElement("div", { className: styles$
|
|
3249
|
+
return (React.createElement("div", { className: styles$1z['magneto-ui-job-apply-card__requirements'], key: "".concat(offerApplyLabel, "-JobApplyCard") },
|
|
3250
3250
|
React.createElement("p", null, offerApplyLabel),
|
|
3251
3251
|
React.createElement("p", null, offerApplyInfo)));
|
|
3252
3252
|
})),
|
|
3253
|
-
!isApplied && React.createElement("div", { id: styles$
|
|
3253
|
+
!isApplied && React.createElement("div", { id: styles$1z['magneto-ui__external-child'] }, externalChild))));
|
|
3254
3254
|
};
|
|
3255
3255
|
/**
|
|
3256
3256
|
* UI Molecule Component for Job Apply Card
|
|
@@ -3339,13 +3339,13 @@ var JobCard = function (_a) {
|
|
|
3339
3339
|
return React.createElement(React.Fragment, null, cardResponsive);
|
|
3340
3340
|
};
|
|
3341
3341
|
|
|
3342
|
-
var styles$
|
|
3342
|
+
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"};
|
|
3343
3343
|
|
|
3344
3344
|
var Component$1G = function (_a) {
|
|
3345
3345
|
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobHeaderProps = _a.jobHeaderProps, jobActionsProps = _a.jobActionsProps, isApplied = _a.isApplied;
|
|
3346
|
-
return (React.createElement("div", { className: styles$
|
|
3346
|
+
return (React.createElement("div", { className: styles$1y['magneto-ui-job-company-header'] },
|
|
3347
3347
|
React.createElement(JobCompanyLogo, __assign({}, jobCompanyLogoProps)),
|
|
3348
|
-
React.createElement("div", { className: styles$
|
|
3348
|
+
React.createElement("div", { className: styles$1y['magneto-ui-job-company-header__data-actions'] },
|
|
3349
3349
|
React.createElement(JobHeader, __assign({}, jobHeaderProps)),
|
|
3350
3350
|
isApplied && jobActionsProps && (React.createElement(JobActions, __assign({ isApplied: isApplied, actionsAnchorIcons: anchorIconList }, jobActionsProps))))));
|
|
3351
3351
|
};
|
|
@@ -3354,11 +3354,11 @@ var Component$1G = function (_a) {
|
|
|
3354
3354
|
*/
|
|
3355
3355
|
var JobCompanyHeader = Component$1G;
|
|
3356
3356
|
|
|
3357
|
-
var styles$
|
|
3357
|
+
var styles$1x = {"magneto-ui-job-detail-card":"mg_job_detail_card_magneto-ui-job-detail-card_htydq"};
|
|
3358
3358
|
|
|
3359
3359
|
var Component$1F = function (_a) {
|
|
3360
3360
|
var offerDescription = _a.offerDescription;
|
|
3361
|
-
return (React.createElement("div", { className: styles$
|
|
3361
|
+
return (React.createElement("div", { className: styles$1x['magneto-ui-job-detail-card'] }, offerDescription !== null ? React.createElement("div", { dangerouslySetInnerHTML: { __html: offerDescription } }) : React.createElement(Fragment, null)));
|
|
3362
3362
|
};
|
|
3363
3363
|
/**
|
|
3364
3364
|
* UI Molecule Component for Job Detail Card Header
|
|
@@ -3378,7 +3378,7 @@ var JobDetailContainer = function (_a) {
|
|
|
3378
3378
|
children));
|
|
3379
3379
|
};
|
|
3380
3380
|
|
|
3381
|
-
var styles$
|
|
3381
|
+
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"};
|
|
3382
3382
|
|
|
3383
3383
|
var Component$1E = function (_a) {
|
|
3384
3384
|
var offerDetailsList = _a.offerDetailsList, iconList = _a.iconList, altList = _a.altList, cities = _a.cities, textRemote = _a.textRemote, isRemote = _a.isRemote;
|
|
@@ -3390,15 +3390,15 @@ var Component$1E = function (_a) {
|
|
|
3390
3390
|
var offerDetailText = _a.offerDetailText;
|
|
3391
3391
|
return !!offerDetailText && index !== 1;
|
|
3392
3392
|
});
|
|
3393
|
-
return (React.createElement("div", { className: styles$
|
|
3394
|
-
React.createElement("div", { className: styles$
|
|
3393
|
+
return (React.createElement("div", { className: styles$1w['magneto-ui-job-details'] },
|
|
3394
|
+
React.createElement("div", { className: styles$1w['magneto-ui-job-details__wrapper'] },
|
|
3395
3395
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.length) &&
|
|
3396
3396
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.map(function (_a) {
|
|
3397
3397
|
var offerDetailText = _a.offerDetailText, icon = _a.icon, _b = _a.alt, alt = _b === void 0 ? '' : _b;
|
|
3398
|
-
return (React.createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$
|
|
3399
|
-
React.createElement("div", { className: styles$
|
|
3398
|
+
return (React.createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$1w['magneto-ui-job-details__item-detail'] },
|
|
3399
|
+
React.createElement("div", { className: styles$1w['magneto-ui-job-details__item-detail-icon'] },
|
|
3400
3400
|
React.createElement(IconItem, { alt: alt, icon: icon, hover: false, size: 16 })),
|
|
3401
|
-
React.createElement("p", { className: styles$
|
|
3401
|
+
React.createElement("p", { className: styles$1w['magneto-ui-job-details__item-detail-text'] }, offerDetailText)));
|
|
3402
3402
|
})),
|
|
3403
3403
|
React.createElement(CitiesDetailDrawer, { cities: cities, isRemote: isRemote, textRemote: textRemote }))));
|
|
3404
3404
|
};
|
|
@@ -3408,7 +3408,7 @@ var Component$1E = function (_a) {
|
|
|
3408
3408
|
Component$1E.displayName = 'JobDetails';
|
|
3409
3409
|
var JobDetails = Component$1E;
|
|
3410
3410
|
|
|
3411
|
-
var styles$
|
|
3411
|
+
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"};
|
|
3412
3412
|
|
|
3413
3413
|
var Component$1D = function (_a) {
|
|
3414
3414
|
var offerFooterHeader = _a.offerFooterHeader, offerCompanyLogo = _a.offerCompanyLogo, offerFooterList = _a.offerFooterList, iconList = _a.iconList, shareButtonProps = _a.shareButtonProps, companyImgAlt = _a.companyImgAlt;
|
|
@@ -3421,18 +3421,18 @@ var Component$1D = function (_a) {
|
|
|
3421
3421
|
title: title
|
|
3422
3422
|
});
|
|
3423
3423
|
});
|
|
3424
|
-
return (React.createElement("div", { className: styles$
|
|
3424
|
+
return (React.createElement("div", { className: styles$1v['magneto-ui-job-footer-card'] },
|
|
3425
3425
|
React.createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, alt: companyImgAlt, loading: "lazy", width: '100px', height: '100px' }),
|
|
3426
|
-
React.createElement("div", { className: styles$
|
|
3426
|
+
React.createElement("div", { className: styles$1v['magneto-ui-job-footer-card__icons'] },
|
|
3427
3427
|
React.createElement("p", null, offerFooterHeader),
|
|
3428
|
-
React.createElement("div", { className: styles$
|
|
3428
|
+
React.createElement("div", { className: styles$1v['magneto-ui-job-footer-card__wrapper'] },
|
|
3429
3429
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.length) &&
|
|
3430
3430
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.map(function (_a, i) {
|
|
3431
3431
|
var href = _a.href, ariaLabel = _a.ariaLabel, icon = _a.icon, title = _a.title;
|
|
3432
3432
|
return href !== null && (React.createElement("a", { key: "".concat(href, "-jobFooterList") + i, title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel },
|
|
3433
3433
|
React.createElement(IconItem, { hover: false, icon: icon || undefined })));
|
|
3434
3434
|
})),
|
|
3435
|
-
React.createElement("div", { className: styles$
|
|
3435
|
+
React.createElement("div", { className: styles$1v['magneto-ui__share-button'] },
|
|
3436
3436
|
React.createElement(ShareButton, __assign({}, shareButtonProps)))))));
|
|
3437
3437
|
};
|
|
3438
3438
|
/**
|
|
@@ -3440,13 +3440,13 @@ var Component$1D = function (_a) {
|
|
|
3440
3440
|
*/
|
|
3441
3441
|
var JobFooterCard = Component$1D;
|
|
3442
3442
|
|
|
3443
|
-
var styles$
|
|
3443
|
+
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"};
|
|
3444
3444
|
|
|
3445
3445
|
var Component$1C = function (_a) {
|
|
3446
3446
|
var offerSkillsLabel = _a.offerSkillsLabel, offerSkills = _a.offerSkills;
|
|
3447
|
-
return (React.createElement(Fragment, null, offerSkills && offerSkills.length >= 1 && (React.createElement("div", { className: styles$
|
|
3447
|
+
return (React.createElement(Fragment, null, offerSkills && offerSkills.length >= 1 && (React.createElement("div", { className: styles$1u['magneto-ui-job-skills-card'] },
|
|
3448
3448
|
React.createElement("p", null, offerSkillsLabel),
|
|
3449
|
-
React.createElement("div", { className: styles$
|
|
3449
|
+
React.createElement("div", { className: styles$1u['magneto-ui-job-skills-card__skills-wrapper'] }, offerSkills === null || offerSkills === void 0 ? void 0 : offerSkills.map(function (_a) {
|
|
3450
3450
|
var name = _a.name, score = _a.score, id = _a.id;
|
|
3451
3451
|
return (React.createElement(React.Fragment, { key: "".concat(id, "-JobSkillsCard") },
|
|
3452
3452
|
React.createElement(Skill, { id: id, name: name, score: score })));
|
|
@@ -3457,7 +3457,7 @@ var Component$1C = function (_a) {
|
|
|
3457
3457
|
*/
|
|
3458
3458
|
var JobSkillsCard = Component$1C;
|
|
3459
3459
|
|
|
3460
|
-
var styles$
|
|
3460
|
+
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"};
|
|
3461
3461
|
|
|
3462
3462
|
var JobVideo = function (_a) {
|
|
3463
3463
|
var imageProps = _a.imageProps, jobId = _a.jobId, videoClassName = _a.videoClassName, vjsOptions = _a.vjsOptions, VideoComponent = _a.VideoComponent, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo;
|
|
@@ -3472,7 +3472,7 @@ var JobVideo = function (_a) {
|
|
|
3472
3472
|
setLoadVideo && setLoadVideo(false);
|
|
3473
3473
|
}
|
|
3474
3474
|
}, [detailJobId, jobId, setLoadVideo]);
|
|
3475
|
-
return loadVideo || uploadVideo ? (React.createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$
|
|
3475
|
+
return loadVideo || uploadVideo ? (React.createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$1t[videoClassName] })) : (React.createElement("div", { className: styles$1t['magneto-ui-job-video'], onClick: handleLoadVideo },
|
|
3476
3476
|
React.createElement(Image, __assign({}, imageProps))));
|
|
3477
3477
|
};
|
|
3478
3478
|
|
|
@@ -3579,7 +3579,7 @@ var MagnetoResolution = function (_a) {
|
|
|
3579
3579
|
React.createElement("a", { className: "".concat(style$C["".concat(classMUI, "-magneto-resolution__text--link")]), href: resolutionHref }, resolutionHrefText))));
|
|
3580
3580
|
};
|
|
3581
3581
|
|
|
3582
|
-
var styles$
|
|
3582
|
+
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"};
|
|
3583
3583
|
|
|
3584
3584
|
var MegaMenuCard = function (_a) {
|
|
3585
3585
|
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;
|
|
@@ -3589,19 +3589,19 @@ var MegaMenuCard = function (_a) {
|
|
|
3589
3589
|
onClick();
|
|
3590
3590
|
}
|
|
3591
3591
|
}, [onClick]);
|
|
3592
|
-
var rigthArrow = (React.createElement("div", { className: styles$
|
|
3592
|
+
var rigthArrow = (React.createElement("div", { className: styles$1s["magneto-ui-mega-menu-card__arrow"] },
|
|
3593
3593
|
React.createElement(IconItem, { icon: ArrowRight2, size: 16 })));
|
|
3594
3594
|
var arrow = useMediaQuery(showRigthArrow && rigthArrow, {
|
|
3595
3595
|
md: rigthArrow
|
|
3596
3596
|
});
|
|
3597
|
-
return (React.createElement("a", { className: "".concat(styles$
|
|
3598
|
-
icon && (React.createElement("div", { className: styles$
|
|
3597
|
+
return (React.createElement("a", { className: "".concat(styles$1s["magneto-ui-mega-menu-card"], " ").concat(className ? className : ''), onClick: handleClick, href: href, target: target },
|
|
3598
|
+
icon && (React.createElement("div", { className: styles$1s["magneto-ui-mega-menu-card__icon"] },
|
|
3599
3599
|
React.createElement(IconItem, { icon: icon, size: 16 }))),
|
|
3600
|
-
logo && (React.createElement("div", { className: styles$
|
|
3601
|
-
React.createElement(Image, { image: logo, alt: 'logo', className: styles$
|
|
3602
|
-
React.createElement("div", { className: styles$
|
|
3603
|
-
React.createElement("div", { className: styles$
|
|
3604
|
-
React.createElement("div", { className: styles$
|
|
3600
|
+
logo && (React.createElement("div", { className: styles$1s["magneto-ui-mega-menu-card__logo"] },
|
|
3601
|
+
React.createElement(Image, { image: logo, alt: 'logo', className: styles$1s["magneto-ui-mega-menu-card__logo"] }))),
|
|
3602
|
+
React.createElement("div", { className: styles$1s["magneto-ui-mega-menu-card__content"] },
|
|
3603
|
+
React.createElement("div", { className: styles$1s["magneto-ui-mega-menu-card__title"] }, title),
|
|
3604
|
+
React.createElement("div", { className: styles$1s["magneto-ui-mega-menu-card__quotas"] }, "".concat(quotas.toLocaleString('es-CO', {
|
|
3605
3605
|
maximumFractionDigits: 3
|
|
3606
3606
|
}), " cupos"))),
|
|
3607
3607
|
arrow));
|
|
@@ -3683,7 +3683,7 @@ var MegaMenuJobsTabs = function () {
|
|
|
3683
3683
|
React.createElement("div", { className: "".concat(style$B["mega-menu-jobs-tabs__content"]) }, content)));
|
|
3684
3684
|
};
|
|
3685
3685
|
|
|
3686
|
-
var styles$
|
|
3686
|
+
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"};
|
|
3687
3687
|
|
|
3688
3688
|
var popoverClassName = 'magneto-ui-mega-menu-popover';
|
|
3689
3689
|
var MegaMenuPopover = function (_a) {
|
|
@@ -3705,12 +3705,12 @@ var MegaMenuPopover = function (_a) {
|
|
|
3705
3705
|
body.style.overflowY = showContent ? 'hidden' : 'auto';
|
|
3706
3706
|
}, [showContent]);
|
|
3707
3707
|
return (React.createElement(React.Fragment, null,
|
|
3708
|
-
jobAction && (React.createElement("button", { className: "".concat(styles$
|
|
3709
|
-
React.createElement("p", { className: "".concat(styles$
|
|
3710
|
-
React.createElement(IconItem, { className: "".concat(styles$
|
|
3711
|
-
React.createElement("div", { className: "".concat(styles$
|
|
3712
|
-
React.createElement("div", { className: styles$
|
|
3713
|
-
React.createElement("div", { className: styles$
|
|
3708
|
+
jobAction && (React.createElement("button", { className: "".concat(styles$1r["".concat(popoverClassName, "__action")]), onClick: handleShowContent(!showContent) },
|
|
3709
|
+
React.createElement("p", { className: "".concat(styles$1r["".concat(popoverClassName, "__action--text")]) }, jobAction.label),
|
|
3710
|
+
React.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 }))),
|
|
3711
|
+
React.createElement("div", { className: "".concat(styles$1r["".concat(popoverClassName, "__dropdown")], " ").concat(showContent ? styles$1r["".concat(popoverClassName, "__dropdown--open")] : '') },
|
|
3712
|
+
React.createElement("div", { className: styles$1r["".concat(popoverClassName, "__shadow")], onClick: handleShowContent(false) }),
|
|
3713
|
+
React.createElement("div", { className: styles$1r["".concat(popoverClassName, "__content")], onClick: function (event) {
|
|
3714
3714
|
event.stopPropagation();
|
|
3715
3715
|
} }, children))));
|
|
3716
3716
|
};
|
|
@@ -3735,17 +3735,17 @@ var MegaMenuSideCards = function (_a) {
|
|
|
3735
3735
|
React.createElement(ButtonLink, { href: action.url, buttonText: action.label, onClick: action.onClick, className: "".concat(style$A["mega-menu-side-cards__action"]), prefixIcon: ArrowRightWhite })))));
|
|
3736
3736
|
};
|
|
3737
3737
|
|
|
3738
|
-
var styles$
|
|
3738
|
+
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"};
|
|
3739
3739
|
|
|
3740
3740
|
var MenuSearch = function (_a) {
|
|
3741
3741
|
var children = _a.children, content = _a.content, show = _a.show, handleOnBlur = _a.handleOnBlur;
|
|
3742
3742
|
var onBlur = useCallback(function () {
|
|
3743
3743
|
handleOnBlur && handleOnBlur();
|
|
3744
3744
|
}, [handleOnBlur]);
|
|
3745
|
-
return (React.createElement("div", { className: styles$
|
|
3746
|
-
React.createElement("div", { className: styles$
|
|
3745
|
+
return (React.createElement("div", { className: styles$1q['magneto-ui-menu-search'], onBlur: onBlur },
|
|
3746
|
+
React.createElement("div", { className: styles$1q['magneto-ui-menu-search_container'] },
|
|
3747
3747
|
children,
|
|
3748
|
-
React.createElement("div", { className: "".concat(styles$
|
|
3748
|
+
React.createElement("div", { className: "".concat(styles$1q['magneto-ui-menu-search_content'], " ").concat(show && styles$1q.open) }, content))));
|
|
3749
3749
|
};
|
|
3750
3750
|
|
|
3751
3751
|
var iconByType = {
|
|
@@ -3756,7 +3756,7 @@ var iconByType = {
|
|
|
3756
3756
|
};
|
|
3757
3757
|
var transitionDuration = 300;
|
|
3758
3758
|
|
|
3759
|
-
var styles$
|
|
3759
|
+
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"};
|
|
3760
3760
|
|
|
3761
3761
|
var Component$1x = function (_a) {
|
|
3762
3762
|
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;
|
|
@@ -3770,7 +3770,7 @@ var Component$1x = function (_a) {
|
|
|
3770
3770
|
}); }, []);
|
|
3771
3771
|
var containerStyles = useMemo(function () {
|
|
3772
3772
|
return CNM.get({
|
|
3773
|
-
styles: styles$
|
|
3773
|
+
styles: styles$1p,
|
|
3774
3774
|
cls: [
|
|
3775
3775
|
'message__container',
|
|
3776
3776
|
"message__container--".concat(toggleAnimation ? 'show' : 'hidden'),
|
|
@@ -3778,7 +3778,7 @@ var Component$1x = function (_a) {
|
|
|
3778
3778
|
]
|
|
3779
3779
|
});
|
|
3780
3780
|
}, [type, toggleAnimation]);
|
|
3781
|
-
var textStyles = useCallback(function (bold) { return CNM.get({ styles: styles$
|
|
3781
|
+
var textStyles = useCallback(function (bold) { return CNM.get({ styles: styles$1p, cls: ['message__text', bold && 'message__text--bold'] }); }, []);
|
|
3782
3782
|
useEffect(function () {
|
|
3783
3783
|
if (!localVisible)
|
|
3784
3784
|
return;
|
|
@@ -3810,9 +3810,9 @@ var Component$1x = function (_a) {
|
|
|
3810
3810
|
setIsAnimating(visible);
|
|
3811
3811
|
}, [isAnimating, visible]);
|
|
3812
3812
|
return localVisible
|
|
3813
|
-
? ReactDOM.createPortal(React.createElement("div", { style: containerVar, className: CNM.get({ styles: styles$
|
|
3813
|
+
? ReactDOM.createPortal(React.createElement("div", { style: containerVar, className: CNM.get({ styles: styles$1p, cls: [className] }) },
|
|
3814
3814
|
React.createElement("div", { className: containerStyles },
|
|
3815
|
-
React.createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$
|
|
3815
|
+
React.createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$1p, cls: ['message__icon'] }), icon: iconByType[type], showDefaultFallback: false, size: 20 }, iconProps)),
|
|
3816
3816
|
React.createElement("div", null,
|
|
3817
3817
|
text && React.createElement("span", { className: textStyles(!!description) }, text),
|
|
3818
3818
|
description && React.createElement("span", { className: textStyles() }, description)))), document.body)
|
|
@@ -3823,11 +3823,11 @@ var Component$1x = function (_a) {
|
|
|
3823
3823
|
*/
|
|
3824
3824
|
var Message = Component$1x;
|
|
3825
3825
|
|
|
3826
|
-
var styles$
|
|
3826
|
+
var styles$1o = {"magneto-ui-mobile-job-details-header":"mg_mobile_job_detail_header_magneto-ui-mobile-job-details-header_1fct0"};
|
|
3827
3827
|
|
|
3828
3828
|
var Component$1w = function (_a) {
|
|
3829
3829
|
var returnText = _a.returnText, onClick = _a.onClick;
|
|
3830
|
-
return (React.createElement("div", { className: styles$
|
|
3830
|
+
return (React.createElement("div", { className: styles$1o['magneto-ui-mobile-job-details-header'] },
|
|
3831
3831
|
React.createElement("button", { onClick: onClick },
|
|
3832
3832
|
React.createElement(IconItem, { alt: "arrow-left", icon: ArrowLeft2 })),
|
|
3833
3833
|
React.createElement("p", null, returnText)));
|
|
@@ -3837,7 +3837,7 @@ var Component$1w = function (_a) {
|
|
|
3837
3837
|
*/
|
|
3838
3838
|
var MobileJobDetailsHeader = Component$1w;
|
|
3839
3839
|
|
|
3840
|
-
var styles$
|
|
3840
|
+
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"};
|
|
3841
3841
|
|
|
3842
3842
|
var Component$1v = function (_a) {
|
|
3843
3843
|
var termValue = _a.termValue, onSearch = _a.onSearch, onClick = _a.onClick, focusSearchInput = _a.focusSearchInput, showMobileSearchbar = _a.showMobileSearchbar;
|
|
@@ -3861,20 +3861,20 @@ var Component$1v = function (_a) {
|
|
|
3861
3861
|
(_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
3862
3862
|
}
|
|
3863
3863
|
}, [focusSearchInput]);
|
|
3864
|
-
return (React.createElement("div", { className: styles$
|
|
3864
|
+
return (React.createElement("div", { className: styles$1n.MobileSearchbarComponent, "data-show-mobile-searchbar": showMobileSearchbar },
|
|
3865
3865
|
React.createElement("form", { onSubmit: handleSubmit },
|
|
3866
|
-
searchValue && React.createElement("div", { className: styles$
|
|
3867
|
-
React.createElement(MainButton, __assign({ className: styles$
|
|
3866
|
+
searchValue && React.createElement("div", { className: styles$1n['search-badge'] }),
|
|
3867
|
+
React.createElement(MainButton, __assign({ className: styles$1n['magneto-ui-search-button'] }, searchMobileProps)),
|
|
3868
3868
|
React.createElement("label", { htmlFor: "search" }),
|
|
3869
3869
|
React.createElement("input", { type: "text", name: "search", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, ref: searchInputRef }),
|
|
3870
|
-
React.createElement(MainButton, __assign({ className: styles$
|
|
3870
|
+
React.createElement(MainButton, __assign({ className: styles$1n['magneto-ui-remove-button'], onClick: handleClearSearch }, closeSearchMobileProps)))));
|
|
3871
3871
|
};
|
|
3872
3872
|
/**
|
|
3873
3873
|
* Molecule UI component for MobileSearchbar
|
|
3874
3874
|
*/
|
|
3875
3875
|
var MobileSearchbar = Component$1v;
|
|
3876
3876
|
|
|
3877
|
-
var styles$
|
|
3877
|
+
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"};
|
|
3878
3878
|
|
|
3879
3879
|
var Modal = function (_a) {
|
|
3880
3880
|
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;
|
|
@@ -3887,21 +3887,21 @@ var Modal = function (_a) {
|
|
|
3887
3887
|
if (!isOpen)
|
|
3888
3888
|
return null;
|
|
3889
3889
|
return (React.createElement(Fragment, null,
|
|
3890
|
-
React.createElement("div", { className: "".concat(styles$
|
|
3891
|
-
title ? React.createElement("h2", { className: "".concat(styles$
|
|
3892
|
-
description ? React.createElement("p", { className: "".concat(styles$
|
|
3890
|
+
React.createElement("div", { className: "".concat(styles$1m["".concat(classMUI, "-modal")], " ").concat(className) },
|
|
3891
|
+
title ? React.createElement("h2", { className: "".concat(styles$1m["".concat(classMUI, "-modal__title")]) }, title) : null,
|
|
3892
|
+
description ? React.createElement("p", { className: "".concat(styles$1m["".concat(classMUI, "-modal__description")]) }, description) : null,
|
|
3893
3893
|
children,
|
|
3894
|
-
React.createElement("button", { "data-name": "close-drawer", className: "".concat(styles$
|
|
3894
|
+
React.createElement("button", { "data-name": "close-drawer", className: "".concat(styles$1m["".concat(classMUI, "-modal__close-btn")]), onClick: onClose, type: "button" },
|
|
3895
3895
|
React.createElement("img", { src: Close, alt: "close icon" }))),
|
|
3896
|
-
React.createElement("span", { className: "".concat(styles$
|
|
3896
|
+
React.createElement("span", { className: "".concat(styles$1m["".concat(classMUI, "-background-modal")]), onClick: blockBackgroundClose ? function () { return null; } : onClose })));
|
|
3897
3897
|
};
|
|
3898
3898
|
var Title = function (_a) {
|
|
3899
3899
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
3900
|
-
return (React.createElement("h2", __assign({ className: "".concat(styles$
|
|
3900
|
+
return (React.createElement("h2", __assign({ className: "".concat(styles$1m["".concat(classMUI, "-modal__title")], " ").concat(className) }, props), children));
|
|
3901
3901
|
};
|
|
3902
3902
|
var Description = function (_a) {
|
|
3903
3903
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
3904
|
-
return (React.createElement("p", __assign({ className: "".concat(styles$
|
|
3904
|
+
return (React.createElement("p", __assign({ className: "".concat(styles$1m["".concat(classMUI, "-modal__description")], " ").concat(className) }, props), children));
|
|
3905
3905
|
};
|
|
3906
3906
|
var Modal$1 = Object.assign(Modal, { Title: Title, Description: Description });
|
|
3907
3907
|
|
|
@@ -3914,22 +3914,22 @@ var Component$1u = function (_a) {
|
|
|
3914
3914
|
};
|
|
3915
3915
|
var ModalResponsive = Component$1u;
|
|
3916
3916
|
|
|
3917
|
-
var styles$
|
|
3917
|
+
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"};
|
|
3918
3918
|
|
|
3919
3919
|
var BtnPagination = function (_a) {
|
|
3920
3920
|
var loading = _a.loading, value = _a.value, current = _a.current, text = _a.text, icon = _a.icon, onClick = _a.onClick, dynamicPaginationUrl = _a.dynamicPaginationUrl;
|
|
3921
3921
|
var displayContent = useMemo(function () {
|
|
3922
3922
|
if (loading && value && current === value)
|
|
3923
|
-
return React.createElement(IconItem, { icon: SpinnerWhite, className: styles$
|
|
3923
|
+
return React.createElement(IconItem, { icon: SpinnerWhite, className: styles$1l['magneto-ui-btn-pagination_spinner'] });
|
|
3924
3924
|
return value;
|
|
3925
3925
|
}, [loading, current, value]);
|
|
3926
3926
|
var pageQueryParam = 'paginator[page]=';
|
|
3927
3927
|
var displayIcon = useMemo(function () { return (icon ? React.createElement(IconItem, { icon: icon }) : React.createElement(Fragment, null)); }, [icon]);
|
|
3928
3928
|
var title = useMemo(function () { return (text ? text : "".concat(value)); }, [text, value]);
|
|
3929
|
-
return (React.createElement(Fragment, null, dynamicPaginationUrl ? (React.createElement("a", { className: styles$
|
|
3930
|
-
React.createElement("button", { className: "\n ".concat(loading && styles$
|
|
3929
|
+
return (React.createElement(Fragment, null, dynamicPaginationUrl ? (React.createElement("a", { className: styles$1l['magneto-ui-btn-pagination_anchor'], href: "".concat(dynamicPaginationUrl, "?").concat(pageQueryParam).concat(value), onClick: function (e) { return e.preventDefault(); } },
|
|
3930
|
+
React.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 },
|
|
3931
3931
|
displayContent,
|
|
3932
|
-
displayIcon))) : (React.createElement("button", { className: "\n ".concat(loading && styles$
|
|
3932
|
+
displayIcon))) : (React.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 },
|
|
3933
3933
|
displayContent,
|
|
3934
3934
|
displayIcon))));
|
|
3935
3935
|
};
|
|
@@ -3980,7 +3980,7 @@ var createPagination = function (_a) {
|
|
|
3980
3980
|
};
|
|
3981
3981
|
};
|
|
3982
3982
|
|
|
3983
|
-
var styles$
|
|
3983
|
+
var styles$1k = {"magneto-ui-pagination":"mg_pagination_magneto-ui-pagination_n897h","magneto-ui-pagination_ellipsis":"mg_pagination_magneto-ui-pagination_ellipsis_n897h"};
|
|
3984
3984
|
|
|
3985
3985
|
var Pagination = function (_a) {
|
|
3986
3986
|
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;
|
|
@@ -3999,16 +3999,16 @@ var Pagination = function (_a) {
|
|
|
3999
3999
|
}, [total, current, pageSize, numberOfButtons]), buttons = _c.buttons, first = _c.first, last = _c.last;
|
|
4000
4000
|
if (total <= pageSize)
|
|
4001
4001
|
return React.createElement(Fragment, null);
|
|
4002
|
-
return (React.createElement("div", { className: styles$
|
|
4002
|
+
return (React.createElement("div", { className: styles$1k['magneto-ui-pagination'] },
|
|
4003
4003
|
first !== current && (React.createElement(BtnPagination, { loading: loading, text: prevTitle, icon: ArrowLeft2, onClick: function () { return handleClick(current - 1); } })),
|
|
4004
4004
|
React.createElement("ul", null,
|
|
4005
4005
|
!buttons.includes(first) && (React.createElement("li", null,
|
|
4006
4006
|
React.createElement(BtnPagination, { loading: loading, value: first, current: current, onClick: function () { return handleClick(first); }, dynamicPaginationUrl: dynamicUrl }),
|
|
4007
|
-
React.createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
4007
|
+
React.createElement(IconItem, { icon: Ellipsis, className: styles$1k['magneto-ui-pagination_ellipsis'] }))),
|
|
4008
4008
|
buttons.map(function (page, index) { return (React.createElement("li", { key: "".concat(page, "-").concat(index) },
|
|
4009
4009
|
React.createElement(BtnPagination, { loading: loading, value: page, current: current, onClick: function () { return handleClick(page); }, dynamicPaginationUrl: dynamicUrl }))); }),
|
|
4010
4010
|
!buttons.includes(last) && (React.createElement("li", null,
|
|
4011
|
-
React.createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
4011
|
+
React.createElement(IconItem, { icon: Ellipsis, className: styles$1k['magneto-ui-pagination_ellipsis'] }),
|
|
4012
4012
|
React.createElement(BtnPagination, { loading: loading, value: last, current: current, onClick: function () { return handleClick(last); }, dynamicPaginationUrl: dynamicUrl })))),
|
|
4013
4013
|
last !== current && (React.createElement(BtnPagination, { loading: loading, text: nextTitle, icon: ArrowRight2, onClick: function () { return handleClick(current + 1); } }))));
|
|
4014
4014
|
};
|
|
@@ -4028,7 +4028,7 @@ var generateID = function () {
|
|
|
4028
4028
|
return uniqueID;
|
|
4029
4029
|
};
|
|
4030
4030
|
|
|
4031
|
-
var styles$
|
|
4031
|
+
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"};
|
|
4032
4032
|
|
|
4033
4033
|
var Component$1t = function (_a) {
|
|
4034
4034
|
var name = _a.name, onChange = _a.onChange, removeSkill = _a.removeSkill, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color, id = _a.id;
|
|
@@ -4058,17 +4058,17 @@ var Component$1t = function (_a) {
|
|
|
4058
4058
|
}
|
|
4059
4059
|
return { backgroundColor: '#c4c4c4' };
|
|
4060
4060
|
}, [color, score, spanHover]);
|
|
4061
|
-
return (React.createElement("div", { className: styles$
|
|
4061
|
+
return (React.createElement("div", { className: styles$1j['magneto-ui-score-level'] },
|
|
4062
4062
|
React.createElement("p", null, name),
|
|
4063
|
-
React.createElement("div", { className: styles$
|
|
4063
|
+
React.createElement("div", { className: styles$1j['magneto-ui-score-level__summary'] },
|
|
4064
4064
|
React.createElement("div", null, levels.map(function (_, index) { return (React.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); } })); })),
|
|
4065
4065
|
React.createElement("p", null, labelScore)),
|
|
4066
|
-
React.createElement("button", { className: styles$
|
|
4066
|
+
React.createElement("button", { className: styles$1j['magneto-ui-score-level__delete-action'], onClick: function () { return removeSkill(name); }, type: "button" },
|
|
4067
4067
|
React.createElement("img", { src: Trash, alt: "remove-skill-icon" }))));
|
|
4068
4068
|
};
|
|
4069
4069
|
var ScoreLevel = Component$1t;
|
|
4070
4070
|
|
|
4071
|
-
var styles$
|
|
4071
|
+
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"};
|
|
4072
4072
|
|
|
4073
4073
|
var Component$1s = function (_a) {
|
|
4074
4074
|
var name = _a.name, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color;
|
|
@@ -4085,15 +4085,15 @@ var Component$1s = function (_a) {
|
|
|
4085
4085
|
}
|
|
4086
4086
|
return { backgroundColor: '#c4c4c4' };
|
|
4087
4087
|
}, [color, scoreValue]);
|
|
4088
|
-
return (React.createElement("div", { className: styles$
|
|
4088
|
+
return (React.createElement("div", { className: styles$1i['magneto-ui-score-level'] },
|
|
4089
4089
|
React.createElement("p", null, name),
|
|
4090
|
-
React.createElement("div", { className: styles$
|
|
4090
|
+
React.createElement("div", { className: styles$1i['magneto-ui-score-level__summary'] },
|
|
4091
4091
|
React.createElement("div", null, levels.map(function (_, index) { return (React.createElement("span", { style: setDinamycColor(index + 1), key: generateID() })); })),
|
|
4092
4092
|
React.createElement("p", null, labelScore))));
|
|
4093
4093
|
};
|
|
4094
4094
|
var ScoreLevelStatic = Component$1s;
|
|
4095
4095
|
|
|
4096
|
-
var styles$
|
|
4096
|
+
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"};
|
|
4097
4097
|
|
|
4098
4098
|
var Component$1r = function (_a) {
|
|
4099
4099
|
var placeholder = _a.placeholder, onSearch = _a.onSearch, searchButtonProps = _a.searchButtonProps, removeButtonProps = _a.removeButtonProps, termValue = _a.termValue;
|
|
@@ -4111,13 +4111,13 @@ var Component$1r = function (_a) {
|
|
|
4111
4111
|
setSearchValue('');
|
|
4112
4112
|
onSearch('');
|
|
4113
4113
|
};
|
|
4114
|
-
return (React.createElement("div", { className: styles$
|
|
4114
|
+
return (React.createElement("div", { className: styles$1h.SearchbarComponent },
|
|
4115
4115
|
React.createElement("form", { onSubmit: handleSubmit },
|
|
4116
4116
|
React.createElement("input", { type: "text", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, placeholder: placeholder }),
|
|
4117
|
-
searchValue && React.createElement("div", { className: styles$
|
|
4118
|
-
React.createElement("div", { className: styles$
|
|
4117
|
+
searchValue && React.createElement("div", { className: styles$1h['SearchbarComponent__badge'] }),
|
|
4118
|
+
React.createElement("div", { className: styles$1h['magneto-ui-searchbar-buttons'] },
|
|
4119
4119
|
searchValue && (React.createElement(React.Fragment, null,
|
|
4120
|
-
React.createElement(MainButton, __assign({ className: styles$
|
|
4120
|
+
React.createElement(MainButton, __assign({ className: styles$1h['magneto-ui-remove-button'], onClick: handleClearSearch }, removeButtonProps)),
|
|
4121
4121
|
React.createElement("span", null, "|"))),
|
|
4122
4122
|
React.createElement(MainButton, __assign({}, searchButtonProps))))));
|
|
4123
4123
|
};
|
|
@@ -4126,17 +4126,17 @@ var Component$1r = function (_a) {
|
|
|
4126
4126
|
*/
|
|
4127
4127
|
var Searchbar = Component$1r;
|
|
4128
4128
|
|
|
4129
|
-
var styles$
|
|
4129
|
+
var styles$1g = {"search-button":"mg_search_button_search-button_svn7v","search-button__badge":"mg_search_button_search-button_badge_svn7v"};
|
|
4130
4130
|
|
|
4131
4131
|
var Component$1q = function (_a) {
|
|
4132
4132
|
var props = __rest(_a, []);
|
|
4133
|
-
return (React.createElement("div", { className: styles$
|
|
4134
|
-
props.searchValue && React.createElement("div", { className: styles$
|
|
4133
|
+
return (React.createElement("div", { className: styles$1g['search-button'] },
|
|
4134
|
+
props.searchValue && React.createElement("div", { className: styles$1g['search-button__badge'] }),
|
|
4135
4135
|
React.createElement(MainButton, __assign({ onClick: props.onClick }, props))));
|
|
4136
4136
|
};
|
|
4137
4137
|
var SearchButton = Component$1q;
|
|
4138
4138
|
|
|
4139
|
-
var styles$
|
|
4139
|
+
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"};
|
|
4140
4140
|
|
|
4141
4141
|
var SimilarJobsCard = function (_a) {
|
|
4142
4142
|
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;
|
|
@@ -4146,12 +4146,12 @@ var SimilarJobsCard = function (_a) {
|
|
|
4146
4146
|
var experienceFormat = experience ? " | ".concat(experience) : '';
|
|
4147
4147
|
return "".concat(citiesFormat).concat(salaryFormat).concat(experienceFormat);
|
|
4148
4148
|
}, [cities, salary, experience]);
|
|
4149
|
-
return (React.createElement("a", { title: title, className: "".concat(styles$
|
|
4150
|
-
!hideLogo && (React.createElement("img", { className: "".concat(styles$
|
|
4149
|
+
return (React.createElement("a", { title: title, className: "".concat(styles$1f["".concat(classMUI, "-similar-jobs")]), href: jobUrlSlug },
|
|
4150
|
+
!hideLogo && (React.createElement("img", { className: "".concat(styles$1f["".concat(classMUI, "-similar-jobs__img")]), src: companyLogo ? companyLogo : NoLogo, alt: "".concat(companyName ? companyName : 'company', "-logo").toLowerCase() })),
|
|
4151
4151
|
React.createElement("div", null,
|
|
4152
|
-
React.createElement("p", { className: "".concat(styles$
|
|
4153
|
-
React.createElement("p", { className: "".concat(styles$
|
|
4154
|
-
React.createElement(IconItem, { className: "".concat(styles$
|
|
4152
|
+
React.createElement("p", { className: "".concat(styles$1f["".concat(classMUI, "-similar-jobs__title")]) }, title),
|
|
4153
|
+
React.createElement("p", { className: "".concat(styles$1f["".concat(classMUI, "-similar-jobs__info")]) }, formatInfo)),
|
|
4154
|
+
React.createElement(IconItem, { className: "".concat(styles$1f["".concat(classMUI, "-similar-jobs__arrow")]), icon: ArrowRight2, alt: "arow-right-icon" })));
|
|
4155
4155
|
};
|
|
4156
4156
|
|
|
4157
4157
|
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"};
|
|
@@ -4173,7 +4173,7 @@ var SortMenu = function (_a) {
|
|
|
4173
4173
|
};
|
|
4174
4174
|
var SortMenu$1 = withClickOut(SortMenu);
|
|
4175
4175
|
|
|
4176
|
-
var styles$
|
|
4176
|
+
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"};
|
|
4177
4177
|
|
|
4178
4178
|
var TextArea = function (_a) {
|
|
4179
4179
|
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"]);
|
|
@@ -4199,15 +4199,15 @@ var TextArea = function (_a) {
|
|
|
4199
4199
|
return;
|
|
4200
4200
|
setShowPlaceholder(scrollTop === 0);
|
|
4201
4201
|
}, [showPlaceholder]);
|
|
4202
|
-
return (React.createElement("div", { className: styles$
|
|
4203
|
-
React.createElement("div", { className: styles$
|
|
4202
|
+
return (React.createElement("div", { className: styles$1e["".concat(classMUI, "-text-area")] },
|
|
4203
|
+
React.createElement("div", { className: styles$1e["".concat(classMUI, "-text-area--container")] },
|
|
4204
4204
|
showPlaceholder && (React.createElement("label", { htmlFor: name, style: {
|
|
4205
4205
|
top: haveValueOrFocus ? '5px' : '10px',
|
|
4206
4206
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
4207
|
-
}, className: styles$
|
|
4208
|
-
React.createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$
|
|
4209
|
-
React.createElement("div", { className: styles$
|
|
4210
|
-
React.createElement("span", { className: styles$
|
|
4207
|
+
}, className: styles$1e["".concat(classMUI, "-text-area--container__label")] }, placeholder)),
|
|
4208
|
+
React.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 }))),
|
|
4209
|
+
React.createElement("div", { className: styles$1e["".concat(classMUI, "-text-area__footer")] },
|
|
4210
|
+
React.createElement("span", { className: styles$1e["".concat(classMUI, "-text-area--container__error")] }, error),
|
|
4211
4211
|
hasCounter && React.createElement(ComparativeCounter, { current: inputValue === null || inputValue === void 0 ? void 0 : inputValue.length, max: maxCounterValue }))));
|
|
4212
4212
|
};
|
|
4213
4213
|
|
|
@@ -4233,7 +4233,7 @@ var Component$1p = function (_a) {
|
|
|
4233
4233
|
};
|
|
4234
4234
|
var TimelineEvent = Component$1p;
|
|
4235
4235
|
|
|
4236
|
-
var styles$
|
|
4236
|
+
var styles$1d = {"toggle-button-list":"mg_toggle_button_list_toggle-button-list_zejg7"};
|
|
4237
4237
|
|
|
4238
4238
|
var Component$1o = function (_a) {
|
|
4239
4239
|
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;
|
|
@@ -4258,7 +4258,7 @@ var Component$1o = function (_a) {
|
|
|
4258
4258
|
}
|
|
4259
4259
|
return false;
|
|
4260
4260
|
};
|
|
4261
|
-
return (React.createElement("div", { className: "".concat(className, " ").concat(styles$
|
|
4261
|
+
return (React.createElement("div", { className: "".concat(className, " ").concat(styles$1d['toggle-button-list']) }, list === null || list === void 0 ? void 0 : list.map(function (_a) {
|
|
4262
4262
|
var _b = _a.id, id = _b === void 0 ? '' : _b, _c = _a.name, name = _c === void 0 ? '' : _c, customIcon = _a.customIcon;
|
|
4263
4263
|
return (React.createElement(ToggleButton, __assign({}, toggleButtonProps, { customIcon: customIcon, currentSelect: valueHasSelected(+id), key: id, id: id, name: name, onChange: onHandleChange })));
|
|
4264
4264
|
})));
|
|
@@ -4285,9 +4285,9 @@ var userMenuAnalystIcons = {
|
|
|
4285
4285
|
recoverPassword: Security
|
|
4286
4286
|
};
|
|
4287
4287
|
|
|
4288
|
-
var styles$
|
|
4288
|
+
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"};
|
|
4289
4289
|
|
|
4290
|
-
var styles$
|
|
4290
|
+
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"};
|
|
4291
4291
|
|
|
4292
4292
|
var Component$1m = function (_a) {
|
|
4293
4293
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
@@ -4303,12 +4303,12 @@ var Component$1m = function (_a) {
|
|
|
4303
4303
|
}
|
|
4304
4304
|
}, [handleModal, handleMenuOpen, option]);
|
|
4305
4305
|
return (React.createElement("span", { className: CNM.get({
|
|
4306
|
-
styles: styles$
|
|
4306
|
+
styles: styles$1b,
|
|
4307
4307
|
cls: [getOptionTypeStyles(option.type), 'user-menu-analyst-option-default', className]
|
|
4308
4308
|
}) },
|
|
4309
4309
|
prefix,
|
|
4310
4310
|
React.createElement(MenuIcon, { className: CNM.get({
|
|
4311
|
-
styles: styles$
|
|
4311
|
+
styles: styles$1b,
|
|
4312
4312
|
cls: ['user-menu-analyst-option-default__container']
|
|
4313
4313
|
}), 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 }),
|
|
4314
4314
|
suffix));
|
|
@@ -4318,16 +4318,16 @@ var Component$1m = function (_a) {
|
|
|
4318
4318
|
*/
|
|
4319
4319
|
var UserMenuAnalystOptionDefault = React.memo(Component$1m);
|
|
4320
4320
|
|
|
4321
|
-
var styles$
|
|
4321
|
+
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"};
|
|
4322
4322
|
|
|
4323
4323
|
var Component$1l = function (_a) {
|
|
4324
4324
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
4325
4325
|
return (React.createElement("span", { className: CNM.get({
|
|
4326
|
-
styles: styles$
|
|
4326
|
+
styles: styles$1a,
|
|
4327
4327
|
cls: [className, 'user-menu-analyst-option-hover']
|
|
4328
4328
|
}) },
|
|
4329
4329
|
prefix,
|
|
4330
|
-
React.createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$
|
|
4330
|
+
React.createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$1a, cls: ['user-menu-analyst-option-hover__default'] }), handleMenuOpen: handleMenuOpen, handleModal: handleModal, option: option, url: url }),
|
|
4331
4331
|
suffix));
|
|
4332
4332
|
};
|
|
4333
4333
|
/**
|
|
@@ -4335,12 +4335,12 @@ var Component$1l = function (_a) {
|
|
|
4335
4335
|
*/
|
|
4336
4336
|
var UserMenuAnalystOptionHover = React.memo(Component$1l);
|
|
4337
4337
|
|
|
4338
|
-
var styles$
|
|
4338
|
+
var styles$19 = {"magneto-ui-user-menu-analyst-option-text":"mg_user_menu_analyst_option_text_magneto-ui-user-menu-analyst-option-text_30oi7"};
|
|
4339
4339
|
|
|
4340
4340
|
var Component$1k = function (_a) {
|
|
4341
4341
|
var option = _a.option, className = _a.className;
|
|
4342
4342
|
return (React.createElement("span", { className: CNM.get({
|
|
4343
|
-
styles: styles$
|
|
4343
|
+
styles: styles$19,
|
|
4344
4344
|
cls: [className, 'user-menu-analyst-option-text']
|
|
4345
4345
|
}) },
|
|
4346
4346
|
React.createElement("p", null, option.title)));
|
|
@@ -4396,26 +4396,26 @@ var optionTypes = (_b = {},
|
|
|
4396
4396
|
_b);
|
|
4397
4397
|
var getOptionType = function (type) { return (type ? optionTypes[type] : UserMenuAnalystOptionDefault); };
|
|
4398
4398
|
|
|
4399
|
-
var styles$
|
|
4399
|
+
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"};
|
|
4400
4400
|
|
|
4401
4401
|
var Component$1i = function (_a) {
|
|
4402
4402
|
var subTitle = _a.subTitle, title = _a.title;
|
|
4403
4403
|
var separatorIndex = subTitle === null || subTitle === void 0 ? void 0 : subTitle.indexOf(':');
|
|
4404
4404
|
return (React.createElement("div", null,
|
|
4405
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
4405
|
+
React.createElement("span", { className: CNM.get({ styles: styles$18, cls: ['user-menu-analyst-title__title'] }) }, title),
|
|
4406
4406
|
subTitle && separatorIndex && (React.createElement("div", null,
|
|
4407
4407
|
React.createElement("span", { className: CNM.get({
|
|
4408
|
-
styles: styles$
|
|
4408
|
+
styles: styles$18,
|
|
4409
4409
|
cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--first']
|
|
4410
4410
|
}) }, subTitle.slice(0, separatorIndex + 1).trim() + ' '),
|
|
4411
4411
|
React.createElement("span", { className: CNM.get({
|
|
4412
|
-
styles: styles$
|
|
4412
|
+
styles: styles$18,
|
|
4413
4413
|
cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--last']
|
|
4414
4414
|
}) }, subTitle.slice(separatorIndex + 1).trim())))));
|
|
4415
4415
|
};
|
|
4416
4416
|
var UserMenuAnalystTitle = Component$1i;
|
|
4417
4417
|
|
|
4418
|
-
var styles$
|
|
4418
|
+
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"};
|
|
4419
4419
|
|
|
4420
4420
|
var Component$1h = function (_a) {
|
|
4421
4421
|
var _b;
|
|
@@ -4443,13 +4443,13 @@ var Component$1h = function (_a) {
|
|
|
4443
4443
|
var OptionType = getOptionType(option.type);
|
|
4444
4444
|
if (!OptionType)
|
|
4445
4445
|
return null;
|
|
4446
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
4447
|
-
React.createElement(OptionType, { className: CNM.get({ styles: styles$
|
|
4446
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$17, cls: ['user-menu-analyst-option__object'] }) },
|
|
4447
|
+
React.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.createElement(UserMenuAnalystOptionActions, { actions: option.prefix || [], getUrl: url, handleModal: handleModal, handleMenuOpen: handleMenuOpen, option: option }), suffix: React.createElement(UserMenuAnalystOptionActions, { actions: option.suffix || [], getUrl: url, handleModal: handleModal, handleMenuOpen: handleMenuOpen, option: option }) })));
|
|
4448
4448
|
}
|
|
4449
|
-
return (React.createElement(MenuDropdown, { title: React.createElement(UserMenuAnalystTitle, { title: option.title || '', subTitle: option.subTitle }), opened: isOpenDropdown, onClick: function () { return setIsOpenDropdown(!isOpenDropdown); }, listClassName: CNM.get({ styles: styles$
|
|
4449
|
+
return (React.createElement(MenuDropdown, { title: React.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: {
|
|
4450
4450
|
icon: option.icon && userMenuAnalystIcons[option.icon] ? userMenuAnalystIcons[option.icon] : option.icon
|
|
4451
4451
|
}, className: CNM.get({
|
|
4452
|
-
styles: styles$
|
|
4452
|
+
styles: styles$17,
|
|
4453
4453
|
cls: [
|
|
4454
4454
|
'user-menu-analyst-option__dropdown',
|
|
4455
4455
|
isOpenDropdown && 'user-menu-analyst-option__dropdown--open',
|
|
@@ -4458,7 +4458,7 @@ var Component$1h = function (_a) {
|
|
|
4458
4458
|
}) }, (_b = option.data) === null || _b === void 0 ? void 0 : _b.map(function (item, i) {
|
|
4459
4459
|
var _a;
|
|
4460
4460
|
return (React.createElement(React.Fragment, { key: "option-".concat(item.title, "-").concat(i) },
|
|
4461
|
-
item.title && (React.createElement("span", { className: CNM.get({ styles: styles$
|
|
4461
|
+
item.title && (React.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 :
|
|
4462
4462
|
_a.map(function (child, j) { return (React.createElement(Component$1h, { key: "option-".concat(child.title, "-").concat(j), classNames: {
|
|
4463
4463
|
link: (classNames === null || classNames === void 0 ? void 0 : classNames.link) || '',
|
|
4464
4464
|
dropdown: (classNames === null || classNames === void 0 ? void 0 : classNames.dropdown) || ''
|
|
@@ -4473,11 +4473,11 @@ var UserMenuAnalystOption = Component$1h;
|
|
|
4473
4473
|
var Component$1g = function (_a) {
|
|
4474
4474
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, isMenuOpen = _a.isMenuOpen, optionClassNames = _a.optionClassNames, options = _a.options, queryString = _a.queryString;
|
|
4475
4475
|
var isLastSection = useMemo(function () { return (options === null || options === void 0 ? void 0 : options.length) === 1; }, [options]);
|
|
4476
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
4476
|
+
return (React.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) {
|
|
4477
4477
|
var _a;
|
|
4478
4478
|
return (React.createElement(React.Fragment, { key: "user-menu-analyst-section-".concat(i) }, (_a = option.children) === null || _a === void 0 ? void 0 :
|
|
4479
4479
|
_a.map(function (item, j) { return (React.createElement(UserMenuAnalystOption, { key: "user-menu-analyst-option-".concat(j), isOpen: isMenuOpen, option: item, classNames: optionClassNames, queryString: queryString, handleModal: handleModal, handleMenuOpen: handleMenuOpen })); }),
|
|
4480
|
-
!isLastSection && i < options.length - 1 && (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
4480
|
+
!isLastSection && i < options.length - 1 && (React.createElement("div", { className: CNM.get({ styles: styles$1c, cls: ['user-menu-analyst-options__divider'] }) },
|
|
4481
4481
|
React.createElement(Divider, null)))));
|
|
4482
4482
|
})));
|
|
4483
4483
|
};
|
|
@@ -4486,7 +4486,7 @@ var Component$1g = function (_a) {
|
|
|
4486
4486
|
*/
|
|
4487
4487
|
var UserMenuAnalystOptions = Component$1g;
|
|
4488
4488
|
|
|
4489
|
-
var styles$
|
|
4489
|
+
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"};
|
|
4490
4490
|
|
|
4491
4491
|
var Component$1f = function (_a) {
|
|
4492
4492
|
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;
|
|
@@ -4506,22 +4506,22 @@ var Component$1f = function (_a) {
|
|
|
4506
4506
|
: action.data;
|
|
4507
4507
|
}
|
|
4508
4508
|
}, [action, queryString]);
|
|
4509
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
4510
|
-
React.createElement("header", { className: CNM.get({ styles: styles$
|
|
4511
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
4509
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$16, cls: ['user-menu-analyst'] }) },
|
|
4510
|
+
React.createElement("header", { className: CNM.get({ styles: styles$16, cls: ['user-menu-analyst__header'] }) },
|
|
4511
|
+
React.createElement("div", { className: CNM.get({ styles: styles$16, cls: ['user-menu-analyst__user'] }) },
|
|
4512
4512
|
React.createElement(Avatar, { userImage: avatar, fallbackImage: UserRoundedGray }),
|
|
4513
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
4514
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
4515
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
4516
|
-
action ? (React.createElement("span", { className: CNM.get({ styles: styles$
|
|
4513
|
+
React.createElement("div", { className: CNM.get({ styles: styles$16, cls: ['user-menu-analyst__user-info'] }) },
|
|
4514
|
+
React.createElement("span", { className: CNM.get({ styles: styles$16, cls: ['user-menu-analyst__user-info--name'] }) }, user.name),
|
|
4515
|
+
React.createElement("span", { className: CNM.get({ styles: styles$16, cls: ['user-menu-analyst__user-info--mail'] }) }, user.email),
|
|
4516
|
+
action ? (React.createElement("span", { className: CNM.get({ styles: styles$16, cls: ['user-menu-analyst__user-info--action'] }) },
|
|
4517
4517
|
React.createElement(IconItem, { showDefaultFallback: false, size: 14, icon: action.icon && userMenuAnalystIcons[action.icon] ? userMenuAnalystIcons[action.icon] : action.icon }),
|
|
4518
|
-
typeof action.data === 'string' ? (React.createElement(Link, { text: action.title, href: actionUrl, rel: action.rel, target: action.target })) : (React.createElement("button", { onClick: action.data }, action.title)))) : (React.createElement("span", { className: CNM.get({ styles: styles$
|
|
4518
|
+
typeof action.data === 'string' ? (React.createElement(Link, { text: action.title, href: actionUrl, rel: action.rel, target: action.target })) : (React.createElement("button", { onClick: action.data }, action.title)))) : (React.createElement("span", { className: CNM.get({ styles: styles$16, cls: ['user-menu-analyst__user-info--title'] }) }, user.title)))),
|
|
4519
4519
|
headerSections && (React.createElement(UserMenuAnalystOptions, { options: headerSections || [], queryString: queryString, isMenuOpen: isMenuOpen, handleModal: handleModal, handleMenuOpen: handleMenuOpen, className: CNM.get({
|
|
4520
|
-
styles: styles$
|
|
4520
|
+
styles: styles$16,
|
|
4521
4521
|
cls: ['user-menu-analyst__company', (headerSections === null || headerSections === void 0 ? void 0 : headerSections.length) === 0 && 'user-menu-analyst__company--empty']
|
|
4522
4522
|
}), optionClassNames: {
|
|
4523
|
-
link: CNM.get({ styles: styles$
|
|
4524
|
-
dropdown: CNM.get({ styles: styles$
|
|
4523
|
+
link: CNM.get({ styles: styles$16, cls: ['user-menu-analyst__company-link'] }),
|
|
4524
|
+
dropdown: CNM.get({ styles: styles$16, cls: ['user-menu-analyst__company-dropdown'] })
|
|
4525
4525
|
} }))),
|
|
4526
4526
|
footerSections && (footerSections === null || footerSections === void 0 ? void 0 : footerSections.length) > 0 && (React.createElement(UserMenuAnalystOptions, { handleModal: handleModal, handleMenuOpen: handleMenuOpen, options: footerSections || [], queryString: queryString }))));
|
|
4527
4527
|
};
|
|
@@ -4530,11 +4530,11 @@ var Component$1f = function (_a) {
|
|
|
4530
4530
|
*/
|
|
4531
4531
|
var UserMenuAnalyst = Component$1f;
|
|
4532
4532
|
|
|
4533
|
-
var styles$
|
|
4533
|
+
var styles$15 = {"magneto-ui-user-menu-wrapper-analyst-dropdown":"mg_user_menu_wrapper_analyst_dropdown_magneto-ui-user-menu-wrapper-analyst-dropdown_1rwtz"};
|
|
4534
4534
|
|
|
4535
4535
|
var Component$1e = function (_a) {
|
|
4536
4536
|
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;
|
|
4537
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
4537
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$15, cls: ['user-menu-wrapper-analyst-dropdown'] }) },
|
|
4538
4538
|
React.createElement(Popover, { widthBase: 'auto', show: clickOut, content: React.createElement(UserMenuAnalyst, { isMenuOpen: clickOut, user: user, action: action, handleModal: handleModal, handleMenuOpen: setClickOut, headerSections: headerSections, footerSections: footerSections }), positionX: "left", positionY: "bottom" },
|
|
4539
4539
|
React.createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(!clickOut); } }))));
|
|
4540
4540
|
};
|
|
@@ -4543,12 +4543,12 @@ var Component$1e = function (_a) {
|
|
|
4543
4543
|
*/
|
|
4544
4544
|
var UserMenuWrapperAnalystDropdown = withClickOut(Component$1e);
|
|
4545
4545
|
|
|
4546
|
-
var styles$
|
|
4546
|
+
var styles$14 = {"magneto-ui-user-menu-wrapper-analyst-modal":"mg_user_menu_wrapper_analyst_modal_magneto-ui-user-menu-wrapper-analyst-modal_b9ktw"};
|
|
4547
4547
|
|
|
4548
4548
|
var Component$1d = function (_a) {
|
|
4549
4549
|
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;
|
|
4550
4550
|
return (React.createElement(React.Fragment, null,
|
|
4551
|
-
React.createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$
|
|
4551
|
+
React.createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$14, cls: ['user-menu-wrapper-analyst-modal'] }) },
|
|
4552
4552
|
React.createElement(UserMenuAnalyst, { isMenuOpen: clickOut, user: user, action: action, handleModal: handleModal, handleMenuOpen: setClickOut, headerSections: headerSections, footerSections: footerSections })),
|
|
4553
4553
|
React.createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(true); } })));
|
|
4554
4554
|
};
|
|
@@ -4581,19 +4581,19 @@ var Component$1c = function (_a) {
|
|
|
4581
4581
|
*/
|
|
4582
4582
|
var UserMenuWrapperAnalyst = Component$1c;
|
|
4583
4583
|
|
|
4584
|
-
var styles$
|
|
4584
|
+
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"};
|
|
4585
4585
|
|
|
4586
|
-
var styles$
|
|
4586
|
+
var styles$12 = {"alert-job__content":"mg_alert_job_status_container_alert-job_content_g6vk0"};
|
|
4587
4587
|
|
|
4588
|
-
var cx$M = classNames.bind(styles$
|
|
4588
|
+
var cx$M = classNames.bind(styles$12);
|
|
4589
4589
|
var AlertJobStatusContainer = function (_a) {
|
|
4590
4590
|
var className = _a.className, children = _a.children;
|
|
4591
4591
|
return React.createElement("div", { className: cx$M('alert-job__content', className) }, children);
|
|
4592
4592
|
};
|
|
4593
4593
|
|
|
4594
|
-
var styles$
|
|
4594
|
+
var styles$11 = {"alert-job__icon":"mg_alert_job_status_icon_alert-job_icon_1d1sg"};
|
|
4595
4595
|
|
|
4596
|
-
var cx$L = classNames.bind(styles$
|
|
4596
|
+
var cx$L = classNames.bind(styles$11);
|
|
4597
4597
|
var alertIcons = {
|
|
4598
4598
|
success: Checked2,
|
|
4599
4599
|
warning: Warning3D
|
|
@@ -4605,9 +4605,9 @@ var AlertJobStatusIcon = function (_a) {
|
|
|
4605
4605
|
return (React.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" }));
|
|
4606
4606
|
};
|
|
4607
4607
|
|
|
4608
|
-
var styles
|
|
4608
|
+
var styles$10 = {"alert-modal__button":"mg_alert_job_status_button_alert-modal_button_d8bsk"};
|
|
4609
4609
|
|
|
4610
|
-
var cx$K = classNames.bind(styles
|
|
4610
|
+
var cx$K = classNames.bind(styles$10);
|
|
4611
4611
|
var AlertJobStatusButton = function (_a) {
|
|
4612
4612
|
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"]);
|
|
4613
4613
|
return (React.createElement("button", __assign({ className: cx$K('alert-modal__button', className) }, buttonProps),
|
|
@@ -4615,7 +4615,7 @@ var AlertJobStatusButton = function (_a) {
|
|
|
4615
4615
|
React.createElement(IconItem, { alt: "arrow-icon", hover: false, icon: icon, size: sizeIcon })));
|
|
4616
4616
|
};
|
|
4617
4617
|
|
|
4618
|
-
var cx$J = classNames.bind(styles$
|
|
4618
|
+
var cx$J = classNames.bind(styles$13);
|
|
4619
4619
|
var Component$1b = function (_a) {
|
|
4620
4620
|
var children = _a.children, className = _a.className, type = _a.type;
|
|
4621
4621
|
return React.createElement("div", { className: cx$J('alert-job', className, type) }, children);
|
|
@@ -4627,11 +4627,11 @@ var AlertJobStatus = Object.assign(Component$1b, {
|
|
|
4627
4627
|
Text: TextCustom
|
|
4628
4628
|
});
|
|
4629
4629
|
|
|
4630
|
-
var styles
|
|
4630
|
+
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"};
|
|
4631
4631
|
|
|
4632
|
-
var styles$
|
|
4632
|
+
var styles$_ = {"similar-card-logo":"mg_similar_card_logo_similar-card-logo_1adpr"};
|
|
4633
4633
|
|
|
4634
|
-
var cx$I = classNames.bind(styles$
|
|
4634
|
+
var cx$I = classNames.bind(styles$_);
|
|
4635
4635
|
var Component$1a = function (_a) {
|
|
4636
4636
|
var className = _a.className, src = _a.src, alt = _a.alt, _b = _a.hideLogo, hideLogo = _b === void 0 ? false : _b;
|
|
4637
4637
|
if (hideLogo)
|
|
@@ -4640,7 +4640,7 @@ var Component$1a = function (_a) {
|
|
|
4640
4640
|
};
|
|
4641
4641
|
var SimilarCardLogo = Component$1a;
|
|
4642
4642
|
|
|
4643
|
-
var cx$H = classNames.bind(styles
|
|
4643
|
+
var cx$H = classNames.bind(styles$$);
|
|
4644
4644
|
var Component$19 = function (_a) {
|
|
4645
4645
|
var className = _a.className, src = _a.src, alt = _a.alt, _b = _a.showIconMobile, showIconMobile = _b === void 0 ? false : _b;
|
|
4646
4646
|
return (React.createElement(React.Fragment, null,
|
|
@@ -4648,7 +4648,7 @@ var Component$19 = function (_a) {
|
|
|
4648
4648
|
};
|
|
4649
4649
|
var SimilarCardIcon = Component$19;
|
|
4650
4650
|
|
|
4651
|
-
var cx$G = classNames.bind(styles
|
|
4651
|
+
var cx$G = classNames.bind(styles$$);
|
|
4652
4652
|
var Component$18 = function (_a) {
|
|
4653
4653
|
var children = _a.children, _b = _a.title, title = _b === void 0 ? 'jobLink' : _b, _c = _a.jobUrlSlug, jobUrlSlug = _c === void 0 ? '#' : _c, className = _a.className;
|
|
4654
4654
|
return (React.createElement("a", { className: cx$G("similar-card", className), href: jobUrlSlug, title: title }, children));
|
|
@@ -4684,7 +4684,7 @@ var ModalPortal = function (_a) {
|
|
|
4684
4684
|
return mounted && portalNode.current ? ReactDOM.createPortal(children, portalNode.current) : null;
|
|
4685
4685
|
};
|
|
4686
4686
|
|
|
4687
|
-
var styles$
|
|
4687
|
+
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"};
|
|
4688
4688
|
|
|
4689
4689
|
var Notification = function (_a) {
|
|
4690
4690
|
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;
|
|
@@ -4695,30 +4695,30 @@ var Notification = function (_a) {
|
|
|
4695
4695
|
}
|
|
4696
4696
|
}, [autoCloseDuration, onClose]);
|
|
4697
4697
|
return (React.createElement(ModalPortal, null,
|
|
4698
|
-
React.createElement("div", { className: "".concat(styles$
|
|
4699
|
-
React.createElement("div", { className: styles$
|
|
4700
|
-
React.createElement("div", { className: styles$
|
|
4701
|
-
React.createElement("button", { className: styles$
|
|
4698
|
+
React.createElement("div", { className: "".concat(styles$Z.notification, " ").concat(styles$Z[position], " ").concat(className), role: "alert" },
|
|
4699
|
+
React.createElement("div", { className: styles$Z['notification__content'] },
|
|
4700
|
+
React.createElement("div", { className: styles$Z['notification__message'] }, message),
|
|
4701
|
+
React.createElement("button", { className: styles$Z['notification__close-btn'], onClick: onClose, type: "button", "aria-label": "Close notification" },
|
|
4702
4702
|
React.createElement("img", { src: Close, alt: "close icon" }))),
|
|
4703
4703
|
extraContent && extraContent)));
|
|
4704
4704
|
};
|
|
4705
4705
|
|
|
4706
|
-
var styles$
|
|
4706
|
+
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"};
|
|
4707
4707
|
|
|
4708
|
-
var cx$F = classNames.bind(styles$
|
|
4708
|
+
var cx$F = classNames.bind(styles$Y);
|
|
4709
4709
|
var AlertJobModalIcon = function (_a) {
|
|
4710
4710
|
var src = _a.src, _b = _a.size, size = _b === void 0 ? 50 : _b, alt = _a.alt, className = _a.className;
|
|
4711
4711
|
var customWidth = size ? { width: size + 'px' } : {};
|
|
4712
4712
|
return (React.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" }));
|
|
4713
4713
|
};
|
|
4714
4714
|
|
|
4715
|
-
var cx$E = classNames.bind(styles$
|
|
4715
|
+
var cx$E = classNames.bind(styles$Y);
|
|
4716
4716
|
var AlertJobModalHeader = function (_a) {
|
|
4717
4717
|
var className = _a.className, children = _a.children;
|
|
4718
4718
|
return React.createElement("div", { className: cx$E('alert-modal__header', className) }, children);
|
|
4719
4719
|
};
|
|
4720
4720
|
|
|
4721
|
-
var cx$D = classNames.bind(styles$
|
|
4721
|
+
var cx$D = classNames.bind(styles$Y);
|
|
4722
4722
|
var AlertJobModalTitle = function (_a) {
|
|
4723
4723
|
var title = _a.title, subtitle = _a.subtitle, className = _a.className, children = _a.children;
|
|
4724
4724
|
return (React.createElement("div", { className: cx$D('alert-modal__title', className) },
|
|
@@ -4727,19 +4727,19 @@ var AlertJobModalTitle = function (_a) {
|
|
|
4727
4727
|
children));
|
|
4728
4728
|
};
|
|
4729
4729
|
|
|
4730
|
-
var cx$C = classNames.bind(styles$
|
|
4730
|
+
var cx$C = classNames.bind(styles$Y);
|
|
4731
4731
|
var AlertJobModalBody = function (_a) {
|
|
4732
4732
|
var className = _a.className, children = _a.children;
|
|
4733
4733
|
return React.createElement("div", { className: cx$C('alert-modal__body', className) }, children);
|
|
4734
4734
|
};
|
|
4735
4735
|
|
|
4736
|
-
var cx$B = classNames.bind(styles$
|
|
4736
|
+
var cx$B = classNames.bind(styles$Y);
|
|
4737
4737
|
var AlertJobModalFooter = function (_a) {
|
|
4738
4738
|
var className = _a.className, children = _a.children;
|
|
4739
4739
|
return React.createElement("div", { className: cx$B('alert-modal__footer', className) }, children);
|
|
4740
4740
|
};
|
|
4741
4741
|
|
|
4742
|
-
var cx$A = classNames.bind(styles$
|
|
4742
|
+
var cx$A = classNames.bind(styles$Y);
|
|
4743
4743
|
var AlertJobModalButton = function (_a) {
|
|
4744
4744
|
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"]);
|
|
4745
4745
|
return (React.createElement("button", __assign({ className: cx$A('alert-modal__button', className) }, buttonProps),
|
|
@@ -4747,7 +4747,7 @@ var AlertJobModalButton = function (_a) {
|
|
|
4747
4747
|
React.createElement(IconItem, { alt: "arrow-icon", hover: false, icon: icon, size: sizeIcon })));
|
|
4748
4748
|
};
|
|
4749
4749
|
|
|
4750
|
-
var cx$z = classNames.bind(styles$
|
|
4750
|
+
var cx$z = classNames.bind(styles$Y);
|
|
4751
4751
|
var Component$17 = function (_a) {
|
|
4752
4752
|
var children = _a.children, className = _a.className, mobileClassName = _a.mobileClassName, open = _a.open, onClose = _a.onClose;
|
|
4753
4753
|
return (React.createElement(ModalResponsive, { open: open, onClose: onClose, modalClassName: cx$z('alert-modal', className), mobileDrawerClassName: cx$z('alert-modal__mobile', mobileClassName) }, children));
|
|
@@ -4772,54 +4772,54 @@ var AlphabetFilter = function (_a) {
|
|
|
4772
4772
|
React.createElement(FilterActions, __assign({ allAction: allActionText, onClickAction: onClickAction }, { filtersRef: filtersRef }))));
|
|
4773
4773
|
};
|
|
4774
4774
|
|
|
4775
|
-
var styles$
|
|
4775
|
+
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"};
|
|
4776
4776
|
|
|
4777
|
-
var cx$y = classNames.bind(styles$
|
|
4777
|
+
var cx$y = classNames.bind(styles$X);
|
|
4778
4778
|
var Component$16 = function (_a) {
|
|
4779
4779
|
var _b = _a.aligned, aligned = _b === void 0 ? 'start' : _b, className = _a.className, children = _a.children;
|
|
4780
4780
|
return React.createElement("div", { className: cx$y('section-summary', aligned, className) }, children);
|
|
4781
4781
|
};
|
|
4782
4782
|
var ApplicationSection = Component$16;
|
|
4783
4783
|
|
|
4784
|
-
var styles$
|
|
4784
|
+
var styles$W = {"title-summary":"mg_application_title_title-summary_opa1s"};
|
|
4785
4785
|
|
|
4786
|
-
var cx$x = classNames.bind(styles$
|
|
4786
|
+
var cx$x = classNames.bind(styles$W);
|
|
4787
4787
|
var Component$15 = function (_a) {
|
|
4788
4788
|
var children = _a.children, className = _a.className;
|
|
4789
4789
|
return React.createElement("div", { className: cx$x('title-summary', className) }, children);
|
|
4790
4790
|
};
|
|
4791
4791
|
var ApplicationTitle = Component$15;
|
|
4792
4792
|
|
|
4793
|
-
var styles$
|
|
4793
|
+
var styles$V = {"subtitle-summary":"mg_application_sub_title_subtitle-summary_1qgmh"};
|
|
4794
4794
|
|
|
4795
|
-
var cx$w = classNames.bind(styles$
|
|
4795
|
+
var cx$w = classNames.bind(styles$V);
|
|
4796
4796
|
var Component$14 = function (_a) {
|
|
4797
4797
|
var children = _a.children, className = _a.className;
|
|
4798
4798
|
return React.createElement("div", { className: cx$w('subtitle-summary', className) }, children);
|
|
4799
4799
|
};
|
|
4800
4800
|
var ApplicationSubtitle = Component$14;
|
|
4801
4801
|
|
|
4802
|
-
var styles$
|
|
4802
|
+
var styles$U = {"button-summary":"mg_application_button_button-summary_cc5lv","primary":"mg_application_button_primary_cc5lv","secondary":"mg_application_button_secondary_cc5lv"};
|
|
4803
4803
|
|
|
4804
|
-
var cx$v = classNames.bind(styles$
|
|
4804
|
+
var cx$v = classNames.bind(styles$U);
|
|
4805
4805
|
var Component$13 = function (_a) {
|
|
4806
4806
|
var className = _a.className, children = _a.children, _b = _a.variant, variant = _b === void 0 ? 'primary' : _b, props = __rest(_a, ["className", "children", "variant"]);
|
|
4807
4807
|
return (React.createElement("button", __assign({}, props, { className: cx$v('button-summary', variant, className) }), children));
|
|
4808
4808
|
};
|
|
4809
4809
|
var ApplicationButton = Component$13;
|
|
4810
4810
|
|
|
4811
|
-
var styles$
|
|
4811
|
+
var styles$T = {"text-summary":"mg_application_text_text-summary_bvtna"};
|
|
4812
4812
|
|
|
4813
|
-
var cx$u = classNames.bind(styles$
|
|
4813
|
+
var cx$u = classNames.bind(styles$T);
|
|
4814
4814
|
var Component$12 = function (_a) {
|
|
4815
4815
|
var children = _a.children, className = _a.className;
|
|
4816
4816
|
return React.createElement("p", { className: cx$u('text-summary', className) }, children);
|
|
4817
4817
|
};
|
|
4818
4818
|
var ApplicationText = Component$12;
|
|
4819
4819
|
|
|
4820
|
-
var styles$
|
|
4820
|
+
var styles$S = {"summary-modal":"mg_application_summary_summary-modal_17gu5"};
|
|
4821
4821
|
|
|
4822
|
-
var cx$t = classNames.bind(styles$
|
|
4822
|
+
var cx$t = classNames.bind(styles$S);
|
|
4823
4823
|
var Component$11 = function (_a) {
|
|
4824
4824
|
var children = _a.children, props = __rest(_a, ["children"]);
|
|
4825
4825
|
return (React.createElement(ModalResponsive, __assign({ modalClassName: cx$t('summary-modal'), mobileDrawerClassName: cx$t('summary-drawer') }, props), children));
|
|
@@ -4880,7 +4880,7 @@ var Component$$ = function (_a) {
|
|
|
4880
4880
|
};
|
|
4881
4881
|
var DrawerMenu = Component$$;
|
|
4882
4882
|
|
|
4883
|
-
var styles$
|
|
4883
|
+
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"};
|
|
4884
4884
|
|
|
4885
4885
|
var FilterCard = function (_a) {
|
|
4886
4886
|
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"]);
|
|
@@ -4900,18 +4900,18 @@ var FilterCard = function (_a) {
|
|
|
4900
4900
|
}, [values, setOptions]);
|
|
4901
4901
|
if (!values.length)
|
|
4902
4902
|
return React.createElement(Fragment, null);
|
|
4903
|
-
return (React.createElement("article", { className: "".concat(styles$
|
|
4904
|
-
React.createElement("div", { className: styles$
|
|
4903
|
+
return (React.createElement("article", { className: "".concat(styles$R['magneto-ui-filter-card'], " ").concat(hasSearch && styles$R.hasSearch) },
|
|
4904
|
+
React.createElement("div", { className: styles$R['magneto-ui-filter-card_header'] },
|
|
4905
4905
|
React.createElement("p", null, label),
|
|
4906
4906
|
switchText && (React.createElement(Switch, { title: switchText, setIsActive: function (value) { return console.log('Change isActive', value); }, isActive: true }))),
|
|
4907
4907
|
hasSearch && (React.createElement(FilterSearchItem, { loading: props.loading, placeholder: searchPlaceholder, handleSearch: handleSearch })),
|
|
4908
|
-
React.createElement("div", { className: styles$
|
|
4908
|
+
React.createElement("div", { className: styles$R['magneto-ui-filter-card_options'] }, options.map(function (opt, key) {
|
|
4909
4909
|
var optProps = __assign(__assign(__assign({}, props), opt), { hasTotal: hasTotal, setIsApplied: setIsApplied, type: props.type });
|
|
4910
4910
|
return React.createElement(FilterMenuItem, __assign({ key: "".concat(key, "-").concat(opt.label) }, optProps));
|
|
4911
4911
|
}))));
|
|
4912
4912
|
};
|
|
4913
4913
|
|
|
4914
|
-
var styles$
|
|
4914
|
+
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"};
|
|
4915
4915
|
|
|
4916
4916
|
var FilterHeader = function (_a) {
|
|
4917
4917
|
var title = _a.title, buttonText = _a.buttonText, filterSummary = _a.filterSummary, totalApplied = _a.totalApplied, clearFilters = _a.clearFilters, switchText = _a.switchText;
|
|
@@ -4920,28 +4920,28 @@ var FilterHeader = function (_a) {
|
|
|
4920
4920
|
buttonText: buttonText,
|
|
4921
4921
|
title: buttonText,
|
|
4922
4922
|
iconProps: { icon: Broom, size: 18 },
|
|
4923
|
-
className: styles$
|
|
4923
|
+
className: styles$Q['magneto-ui-filter-header_btn'],
|
|
4924
4924
|
disabled: !totalApplied,
|
|
4925
4925
|
onClick: function () { return clearFilters(); }
|
|
4926
4926
|
};
|
|
4927
4927
|
}, [buttonText, totalApplied, clearFilters]);
|
|
4928
4928
|
var displayBtnClear = useMemo(function () {
|
|
4929
|
-
return (React.createElement("div", { className: styles$
|
|
4929
|
+
return (React.createElement("div", { className: styles$Q['magneto-ui-filter-header_clean'] },
|
|
4930
4930
|
React.createElement(MainButton, __assign({}, mainBtnProps)),
|
|
4931
|
-
typeof totalApplied === 'number' && (React.createElement("span", { className: !totalApplied ? styles$
|
|
4931
|
+
typeof totalApplied === 'number' && (React.createElement("span", { className: !totalApplied ? styles$Q.disabled : '' }, "(".concat(totalApplied, ")")))));
|
|
4932
4932
|
}, [totalApplied, mainBtnProps]);
|
|
4933
4933
|
var displayFilterSummary = useMemo(function () {
|
|
4934
|
-
return React.createElement("span", { className: styles$
|
|
4934
|
+
return React.createElement("span", { className: styles$Q['magneto-ui-filter-header_summary'] }, filterSummary);
|
|
4935
4935
|
}, [filterSummary]);
|
|
4936
|
-
return (React.createElement("article", { className: styles$
|
|
4937
|
-
React.createElement("div", { className: styles$
|
|
4936
|
+
return (React.createElement("article", { className: styles$Q['magneto-ui-filter-header'] },
|
|
4937
|
+
React.createElement("div", { className: styles$Q['magneto-ui-filter-header_title'] },
|
|
4938
4938
|
React.createElement("p", null, title),
|
|
4939
4939
|
displayBtnClear),
|
|
4940
4940
|
switchText && (React.createElement(Switch
|
|
4941
4941
|
//TODO: review isActive, setIsActive
|
|
4942
4942
|
, {
|
|
4943
4943
|
//TODO: review isActive, setIsActive
|
|
4944
|
-
title: switchText, className: styles$
|
|
4944
|
+
title: switchText, className: styles$Q['magneto-ui-filter-header_switch'], setIsActive: function (value) { return console.log('Change isActive', value); }, isActive: true })),
|
|
4945
4945
|
displayFilterSummary));
|
|
4946
4946
|
};
|
|
4947
4947
|
|
|
@@ -5001,9 +5001,9 @@ var FooterMenuLinks = function (_a) {
|
|
|
5001
5001
|
return React.createElement(React.Fragment, null, footerMenuResponsive);
|
|
5002
5002
|
};
|
|
5003
5003
|
|
|
5004
|
-
var styles$
|
|
5004
|
+
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"};
|
|
5005
5005
|
|
|
5006
|
-
var cx$s = classNames.bind(styles$
|
|
5006
|
+
var cx$s = classNames.bind(styles$P);
|
|
5007
5007
|
var Component$_ = function (_a) {
|
|
5008
5008
|
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;
|
|
5009
5009
|
var headerLogo = useMediaQuery(React.createElement("a", { href: logoProps.href, rel: logoProps.rel, target: logoProps.target },
|
|
@@ -5031,7 +5031,7 @@ var Component$_ = function (_a) {
|
|
|
5031
5031
|
*/
|
|
5032
5032
|
var HeaderAnalyst = Component$_;
|
|
5033
5033
|
|
|
5034
|
-
var styles$
|
|
5034
|
+
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"};
|
|
5035
5035
|
|
|
5036
5036
|
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"};
|
|
5037
5037
|
|
|
@@ -5061,7 +5061,7 @@ var Component$Z = function () {
|
|
|
5061
5061
|
*/
|
|
5062
5062
|
var JobDetailsSkeleton = Component$Z;
|
|
5063
5063
|
|
|
5064
|
-
var styles$
|
|
5064
|
+
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"};
|
|
5065
5065
|
|
|
5066
5066
|
var SimilarJobs = function (_a) {
|
|
5067
5067
|
var sectionTitle = _a.sectionTitle; _a.moreJobsText; _a.moreJobsLink; var hideLogo = _a.hideLogo, similarJobsCard = _a.similarJobsCard;
|
|
@@ -5069,8 +5069,8 @@ var SimilarJobs = function (_a) {
|
|
|
5069
5069
|
var pageExists = false;
|
|
5070
5070
|
if (similarJobsCard.length <= 0)
|
|
5071
5071
|
return null;
|
|
5072
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
5073
|
-
React.createElement("h3", { className: "".concat(styles$
|
|
5072
|
+
return (React.createElement("div", { className: "".concat(styles$N["".concat(classMUI, "-similar-jobs-section")]) },
|
|
5073
|
+
React.createElement("h3", { className: "".concat(styles$N["".concat(classMUI, "-similar-jobs-section__title")]) }, "".concat(sectionTitle, ":")),
|
|
5074
5074
|
similarJobsCard.map(function (_a) {
|
|
5075
5075
|
var id = _a.id, props = __rest(_a, ["id"]);
|
|
5076
5076
|
return (React.createElement(SimilarJobsCard, __assign({ key: id, hideLogo: hideLogo }, props)));
|
|
@@ -5079,7 +5079,7 @@ var SimilarJobs = function (_a) {
|
|
|
5079
5079
|
};
|
|
5080
5080
|
|
|
5081
5081
|
var Component$Y = function (_a) {
|
|
5082
|
-
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;
|
|
5082
|
+
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;
|
|
5083
5083
|
var jobDetailsRef = useRef(null);
|
|
5084
5084
|
useEffect(function () {
|
|
5085
5085
|
if (jobDetailsRef.current) {
|
|
@@ -5089,11 +5089,12 @@ var Component$Y = function (_a) {
|
|
|
5089
5089
|
if (isLoading)
|
|
5090
5090
|
return React.createElement(JobDetailsSkeleton, null);
|
|
5091
5091
|
return (React.createElement(Fragment, null,
|
|
5092
|
-
jobDetailAction ? (jobDetailAction) : (React.createElement("section", { className: styles$
|
|
5093
|
-
React.createElement("div", { className: styles$
|
|
5092
|
+
jobDetailAction ? (jobDetailAction) : (React.createElement("section", { className: styles$O.JobDetailsDrawerComponent },
|
|
5093
|
+
React.createElement("div", { className: styles$O['JobHeaderCardWrapper'] },
|
|
5094
5094
|
React.createElement(JobCompanyHeader, __assign({}, jobCompanyLogoProps, { isApplied: isApplied, jobActionsProps: jobActionsProps })),
|
|
5095
|
+
(canApply === null || canApply === void 0 ? void 0 : canApply.isApplicable) === false && (React.createElement(Alert, { type: "info", text: canApply === null || canApply === void 0 ? void 0 : canApply.message, className: styles$O.JobLockedAlert })),
|
|
5095
5096
|
isApplied ? (React.createElement(AlertJobStatus, __assign({}, alertJobStatusProps))) : (React.createElement(JobActions, __assign({ actionsAnchorIcons: anchorIconList }, jobActionsProps)))),
|
|
5096
|
-
React.createElement("div", { className: styles$
|
|
5097
|
+
React.createElement("div", { className: styles$O['JobBodyCardWrapper'], ref: jobDetailsRef },
|
|
5097
5098
|
jobDetailsProps && (React.createElement(JobDetails, { altList: altList, iconList: iconDetailList, offerDetailsList: jobDetailsProps, cities: cities, isRemote: isRemote, textRemote: textRemote })),
|
|
5098
5099
|
jobVideo && React.createElement(JobVideo, __assign({}, jobVideo, { loadVideo: loadVideo, setLoadVideo: setLoadVideo })),
|
|
5099
5100
|
React.createElement(JobDetailCard, __assign({}, jobDetailCardProps)),
|
|
@@ -5109,7 +5110,7 @@ var Component$Y = function (_a) {
|
|
|
5109
5110
|
*/
|
|
5110
5111
|
var JobDetailsDrawer = Component$Y;
|
|
5111
5112
|
|
|
5112
|
-
var styles$
|
|
5113
|
+
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"};
|
|
5113
5114
|
|
|
5114
5115
|
var Component$X = function (_a) {
|
|
5115
5116
|
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;
|
|
@@ -5143,19 +5144,19 @@ var Component$X = function (_a) {
|
|
|
5143
5144
|
var loginHeaderBreadcrumbs = useMediaQuery(React.createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
5144
5145
|
md: null
|
|
5145
5146
|
});
|
|
5146
|
-
return (React.createElement("header", { className: styles$
|
|
5147
|
+
return (React.createElement("header", { className: styles$M.LoginHeaderComponent },
|
|
5147
5148
|
loginHeaderMobileSearchbar,
|
|
5148
|
-
React.createElement("div", { className: styles$
|
|
5149
|
-
React.createElement("div", { className: styles$
|
|
5150
|
-
React.createElement("div", { className: styles$
|
|
5149
|
+
React.createElement("div", { className: styles$M['magneto-ui-first-row'] }),
|
|
5150
|
+
React.createElement("div", { className: styles$M['magneto-ui-second-row'] },
|
|
5151
|
+
React.createElement("div", { className: styles$M['magneto-ui-left-section'] },
|
|
5151
5152
|
loginHeaderMenuButton,
|
|
5152
5153
|
React.createElement("a", { href: homeUrl }, loginHeaderLogo),
|
|
5153
5154
|
loginHeaderMobileSearchbarButton),
|
|
5154
|
-
React.createElement("div", { className: styles$
|
|
5155
|
-
React.createElement("div", { className: styles$
|
|
5155
|
+
React.createElement("div", { className: styles$M['magneto-ui-searchbar-section'] }, loginHeaderSearchbar),
|
|
5156
|
+
React.createElement("div", { className: styles$M['magneto-ui-user-section'] },
|
|
5156
5157
|
loginHeaderOptionTabs,
|
|
5157
5158
|
loginHeaderPopover)),
|
|
5158
|
-
React.createElement("div", { className: styles$
|
|
5159
|
+
React.createElement("div", { className: styles$M['magneto-ui-third-row'] }, loginHeaderBreadcrumbs),
|
|
5159
5160
|
React.createElement(MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(false); } },
|
|
5160
5161
|
React.createElement(ListMenuIcons, __assign({}, listMenuUserProps)))));
|
|
5161
5162
|
};
|
|
@@ -5164,7 +5165,7 @@ var Component$X = function (_a) {
|
|
|
5164
5165
|
*/
|
|
5165
5166
|
var LoginHeader = Component$X;
|
|
5166
5167
|
|
|
5167
|
-
var styles$
|
|
5168
|
+
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"};
|
|
5168
5169
|
|
|
5169
5170
|
var Muiclass$3 = 'magneto-ui';
|
|
5170
5171
|
var LoginJobsHeader = function (_a) {
|
|
@@ -5174,7 +5175,7 @@ var LoginJobsHeader = function (_a) {
|
|
|
5174
5175
|
var _c = useState(false), showSearchBar = _c[0], setShowSearchBar = _c[1];
|
|
5175
5176
|
var _d = useState(false), toggleMobileDrawer = _d[0], setToggleMobileDrawer = _d[1];
|
|
5176
5177
|
var haveGif = useMemo(function () {
|
|
5177
|
-
return gif ? styles$
|
|
5178
|
+
return gif ? styles$L['have-gif'] : '';
|
|
5178
5179
|
}, [gif]);
|
|
5179
5180
|
var toggleSearchBar = function () {
|
|
5180
5181
|
setShowSearchBar(!showSearchBar);
|
|
@@ -5202,28 +5203,28 @@ var LoginJobsHeader = function (_a) {
|
|
|
5202
5203
|
var LogoutHeaderBreadcrumbs = useMediaQuery(React.createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
5203
5204
|
md: null
|
|
5204
5205
|
});
|
|
5205
|
-
return (React.createElement("header", { className: styles$
|
|
5206
|
+
return (React.createElement("header", { className: styles$L["".concat(Muiclass$3, "-login-jobs-header")] },
|
|
5206
5207
|
LogoutHeaderMobileSearchbar,
|
|
5207
|
-
React.createElement("div", { className: styles$
|
|
5208
|
-
React.createElement("div", { className: styles$
|
|
5208
|
+
React.createElement("div", { className: styles$L["".concat(Muiclass$3, "-login-jobs-header--second-row")] },
|
|
5209
|
+
React.createElement("div", { className: styles$L["".concat(Muiclass$3, "-login-jobs-header--second-row__left-section")] },
|
|
5209
5210
|
LoginHeaderMenuButton,
|
|
5210
5211
|
React.createElement("a", { href: homeUrl },
|
|
5211
5212
|
React.createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
5212
5213
|
brandsProps.brands && ((_b = brandsProps.brands) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (React.createElement(BrandMenu, __assign({}, brandMenuProps))) : (React.createElement("a", { href: companyUrl },
|
|
5213
|
-
React.createElement("img", { className: styles$
|
|
5214
|
-
gif && (React.createElement("img", { className: styles$
|
|
5214
|
+
React.createElement("img", { className: styles$L["".concat(Muiclass$3, "-login-jobs-header--second-row__left-section--company-logo")], src: companyLogo, alt: companySlug ? companySlug : '' }))),
|
|
5215
|
+
gif && (React.createElement("img", { className: styles$L["".concat(Muiclass$3, "-login-jobs-header--second-row__left-section--gif")], alt: companySlug ? companySlug : '', src: gif })),
|
|
5215
5216
|
LogoutHeaderMobileSearchbarButton),
|
|
5216
|
-
React.createElement("div", { className: "".concat(styles$
|
|
5217
|
-
React.createElement("div", { className: styles$
|
|
5217
|
+
React.createElement("div", { className: "".concat(styles$L["".concat(Muiclass$3, "-login-jobs-header--second-row__middle-section")], " ").concat(haveGif) }, LogoutHeaderSearchbar),
|
|
5218
|
+
React.createElement("div", { className: styles$L["".concat(Muiclass$3, "-login-jobs-header--second-row__right-section")] },
|
|
5218
5219
|
!gif && loginHeaderOptionTabs,
|
|
5219
5220
|
" ",
|
|
5220
5221
|
loginHeaderPopover)),
|
|
5221
|
-
React.createElement("div", { className: styles$
|
|
5222
|
+
React.createElement("div", { className: styles$L["".concat(Muiclass$3, "-login-jobs-header--third-row")] }, LogoutHeaderBreadcrumbs),
|
|
5222
5223
|
React.createElement(MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(false); } },
|
|
5223
5224
|
React.createElement(ListMenuIcons, __assign({}, listMenuUserProps)))));
|
|
5224
5225
|
};
|
|
5225
5226
|
|
|
5226
|
-
var styles$
|
|
5227
|
+
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"};
|
|
5227
5228
|
|
|
5228
5229
|
var Component$W = function (_a) {
|
|
5229
5230
|
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;
|
|
@@ -5268,29 +5269,29 @@ var Component$W = function (_a) {
|
|
|
5268
5269
|
var LogoutHeaderBreadcrumbs = useMediaQuery(React.createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
5269
5270
|
md: null
|
|
5270
5271
|
});
|
|
5271
|
-
return (React.createElement("header", { className: styles$
|
|
5272
|
+
return (React.createElement("header", { className: styles$K.LogoutHeaderComponent },
|
|
5272
5273
|
LogoutHeaderMobileSearchbar,
|
|
5273
|
-
React.createElement("div", { className: styles$
|
|
5274
|
-
React.createElement("div", { className: styles$
|
|
5275
|
-
React.createElement("div", { className: styles$
|
|
5274
|
+
React.createElement("div", { className: styles$K['magneto-ui-first-row'] }, LogoutHeaderTab),
|
|
5275
|
+
React.createElement("div", { className: styles$K['magneto-ui-second-row'] },
|
|
5276
|
+
React.createElement("div", { className: styles$K['magneto-ui-left-section'] },
|
|
5276
5277
|
LogoutHeaderMenuButton,
|
|
5277
5278
|
React.createElement("a", { href: homeUrl }, LogoutHeaderLogo),
|
|
5278
5279
|
LogoutHeaderMobileSearchbarButton),
|
|
5279
|
-
React.createElement("div", { className: styles$
|
|
5280
|
+
React.createElement("div", { className: styles$K['magneto-ui-middle-section'] },
|
|
5280
5281
|
LogoutHeaderSearchbar,
|
|
5281
5282
|
" ",
|
|
5282
5283
|
React.createElement(SearchItem, { tag: allJobsText, url: allJobsLink })),
|
|
5283
|
-
React.createElement("div", { className: styles$
|
|
5284
|
+
React.createElement("div", { className: styles$K['magneto-ui-right-section'] },
|
|
5284
5285
|
LogoutHeaderLinkSignIn,
|
|
5285
5286
|
LogoutHeaderButtonSignUp)),
|
|
5286
|
-
React.createElement("div", { className: styles$
|
|
5287
|
+
React.createElement("div", { className: styles$K['magneto-ui-third-row'] }, LogoutHeaderBreadcrumbs)));
|
|
5287
5288
|
};
|
|
5288
5289
|
/**
|
|
5289
5290
|
* UI Header Organisim for 1024 resolution/size
|
|
5290
5291
|
*/
|
|
5291
5292
|
var LogoutHeader = Component$W;
|
|
5292
5293
|
|
|
5293
|
-
var styles$
|
|
5294
|
+
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"};
|
|
5294
5295
|
|
|
5295
5296
|
var Muiclass$2 = 'magneto-ui';
|
|
5296
5297
|
var LogoutJobsHeader = function (_a) {
|
|
@@ -5321,24 +5322,24 @@ var LogoutJobsHeader = function (_a) {
|
|
|
5321
5322
|
var LogoutHeaderBreadcrumbs = useMediaQuery(React.createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
5322
5323
|
md: null
|
|
5323
5324
|
});
|
|
5324
|
-
return (React.createElement("header", { className: styles$
|
|
5325
|
+
return (React.createElement("header", { className: styles$J["".concat(Muiclass$2, "-logout-jobs-header")] },
|
|
5325
5326
|
LogoutHeaderMobileSearchbar,
|
|
5326
|
-
React.createElement("div", { className: styles$
|
|
5327
|
-
React.createElement("div", { className: styles$
|
|
5327
|
+
React.createElement("div", { className: styles$J["".concat(Muiclass$2, "-logout-jobs-header--second-row")] },
|
|
5328
|
+
React.createElement("div", { className: styles$J["".concat(Muiclass$2, "-logout-jobs-header--second-row__left-section")] },
|
|
5328
5329
|
LogoutHeaderMenuButton,
|
|
5329
5330
|
React.createElement("a", { href: homeUrl },
|
|
5330
5331
|
React.createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
5331
5332
|
brandsProps.brands && ((_b = brandsProps.brands) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (React.createElement(BrandMenu, __assign({}, brandMenuProps))) : (React.createElement("a", { href: companyUrl },
|
|
5332
|
-
React.createElement("img", { className: styles$
|
|
5333
|
-
gif && (React.createElement("img", { className: styles$
|
|
5333
|
+
React.createElement("img", { className: styles$J["".concat(Muiclass$2, "-logout-jobs-header--second-row__left-section--company-logo")], src: companyLogo, alt: companySlug ? companySlug : '' }))),
|
|
5334
|
+
gif && (React.createElement("img", { className: styles$J["".concat(Muiclass$2, "-logout-jobs-header--second-row__left-section--gif")], alt: companySlug ? companySlug : '', src: gif })),
|
|
5334
5335
|
LogoutHeaderMobileSearchbarButton),
|
|
5335
|
-
React.createElement("div", { className: styles$
|
|
5336
|
+
React.createElement("div", { className: styles$J["".concat(Muiclass$2, "-logout-jobs-header--second-row__middle-section")] },
|
|
5336
5337
|
LogoutHeaderSearchbar,
|
|
5337
5338
|
React.createElement(SearchItem, { tag: allJobsText, url: allJobsLink })),
|
|
5338
|
-
React.createElement("div", { className: styles$
|
|
5339
|
+
React.createElement("div", { className: styles$J["".concat(Muiclass$2, "-logout-jobs-header--second-row__right-section")] },
|
|
5339
5340
|
LogoutHeaderLinkSignIn,
|
|
5340
5341
|
LogoutHeaderButtonSignUp)),
|
|
5341
|
-
React.createElement("div", { className: styles$
|
|
5342
|
+
React.createElement("div", { className: styles$J["".concat(Muiclass$2, "-logout-jobs-header--third-row")] }, LogoutHeaderBreadcrumbs)));
|
|
5342
5343
|
};
|
|
5343
5344
|
|
|
5344
5345
|
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"};
|
|
@@ -5374,7 +5375,7 @@ var MegaMenuCards = function (_a) {
|
|
|
5374
5375
|
action && (React.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"]) }))));
|
|
5375
5376
|
};
|
|
5376
5377
|
|
|
5377
|
-
var styles$
|
|
5378
|
+
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"};
|
|
5378
5379
|
|
|
5379
5380
|
var Component$V = function (_a) {
|
|
5380
5381
|
var optionsList = _a.optionsList, selected = _a.selected, handleOnClick = _a.handleOnClick;
|
|
@@ -5382,10 +5383,10 @@ var Component$V = function (_a) {
|
|
|
5382
5383
|
handleOnClick(optionValue);
|
|
5383
5384
|
};
|
|
5384
5385
|
var parsedSelected = typeof selected === 'string' ? parseInt(selected, 10) : selected;
|
|
5385
|
-
return (React.createElement("div", { className: styles$
|
|
5386
|
-
React.createElement("ul", { className: styles$
|
|
5386
|
+
return (React.createElement("div", { className: styles$I['magneto-ui--date-options'] },
|
|
5387
|
+
React.createElement("ul", { className: styles$I['magneto-ui--date-options--wrapper'] }, optionsList.map(function (_a) {
|
|
5387
5388
|
var optionValue = _a.optionValue, optionLabel = _a.optionLabel;
|
|
5388
|
-
return (React.createElement("li", { className: "".concat(styles$
|
|
5389
|
+
return (React.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));
|
|
5389
5390
|
}))));
|
|
5390
5391
|
};
|
|
5391
5392
|
/**
|
|
@@ -5393,7 +5394,7 @@ var Component$V = function (_a) {
|
|
|
5393
5394
|
*/
|
|
5394
5395
|
var DateOptions = Component$V;
|
|
5395
5396
|
|
|
5396
|
-
var styles$
|
|
5397
|
+
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"};
|
|
5397
5398
|
|
|
5398
5399
|
var Component$U = function (_a) {
|
|
5399
5400
|
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;
|
|
@@ -5417,18 +5418,18 @@ var Component$U = function (_a) {
|
|
|
5417
5418
|
setInitialSelectedOption(null);
|
|
5418
5419
|
}
|
|
5419
5420
|
}, [disabled]);
|
|
5420
|
-
return (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: onClose, className: styles$
|
|
5421
|
-
React.createElement("div", { className: styles$
|
|
5421
|
+
return (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: onClose, className: styles$H['magneto-ui--date-selection'] },
|
|
5422
|
+
React.createElement("div", { className: styles$H['magneto-ui--date-selection__header'] },
|
|
5422
5423
|
React.createElement("h2", null, selectionHeader)),
|
|
5423
|
-
React.createElement("div", { className: styles$
|
|
5424
|
+
React.createElement("div", { className: styles$H['magneto-ui--date-selection__options'] },
|
|
5424
5425
|
React.createElement(DateOptions, { handleOnClick: handleOptionClick, optionsList: dateOptions, selected: selectedOption })),
|
|
5425
|
-
React.createElement("div", { className: styles$
|
|
5426
|
-
React.createElement("button", { className: styles$
|
|
5427
|
-
React.createElement("button", { className: styles$
|
|
5426
|
+
React.createElement("div", { className: styles$H['magneto-ui--date-selection__btn--wrapper'] },
|
|
5427
|
+
React.createElement("button", { className: styles$H['magneto-ui--date-selection__cancel-btn'], onClick: onCancelClick }, cancelLabel),
|
|
5428
|
+
React.createElement("button", { className: styles$H['magneto-ui--date-selection__apply-btn'], onClick: onApplyClick }, applyLabel))));
|
|
5428
5429
|
};
|
|
5429
5430
|
var DateSelection = Component$U;
|
|
5430
5431
|
|
|
5431
|
-
var styles$
|
|
5432
|
+
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"};
|
|
5432
5433
|
|
|
5433
5434
|
var defaultValue = function (value) {
|
|
5434
5435
|
return value ? parseDate(value) : { initialMonth: '', initialYear: '' };
|
|
@@ -5498,18 +5499,18 @@ var Component$T = function (_a) {
|
|
|
5498
5499
|
}
|
|
5499
5500
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
5500
5501
|
}, [disabled]);
|
|
5501
|
-
return (React.createElement("section", { className: styles$
|
|
5502
|
-
React.createElement("div", { className: styles$
|
|
5503
|
-
React.createElement("div", { className: styles$
|
|
5504
|
-
React.createElement("span", { className: styles$
|
|
5505
|
-
React.createElement("p", { className: styles$
|
|
5506
|
-
React.createElement("span", { className: styles$
|
|
5502
|
+
return (React.createElement("section", { className: styles$G['magneto-ui--mobile-date-picker'] },
|
|
5503
|
+
React.createElement("div", { className: styles$G["".concat(componentClass)], onClick: toggleMonthPicker },
|
|
5504
|
+
React.createElement("div", { className: styles$G['magneto-ui--mobile-date-picker__input'] },
|
|
5505
|
+
React.createElement("span", { className: styles$G["".concat(placeholderClass)] }, monthPlaceholder),
|
|
5506
|
+
React.createElement("p", { className: styles$G['magneto-ui--mobile-date-picker__value'] }, monthSelected !== null ? getMonthName(monthSelected) : '')),
|
|
5507
|
+
React.createElement("span", { className: styles$G["".concat(iconClass)] }, disabledArrow)),
|
|
5507
5508
|
React.createElement(DateSelection, { applyLabel: applyLabel, cancelLabel: cancelLabel, dateOptions: monthDateOptions, disabled: disabled, isOpen: isMonthPickerOpen, selectionHeader: selectionMonthHeader, onClose: onClose, onApplyCallback: handleMonthDateSelection, initialValue: monthSelected }),
|
|
5508
|
-
React.createElement("div", { className: styles$
|
|
5509
|
-
React.createElement("div", { className: styles$
|
|
5510
|
-
React.createElement("span", { className: styles$
|
|
5511
|
-
React.createElement("p", { className: styles$
|
|
5512
|
-
React.createElement("span", { className: styles$
|
|
5509
|
+
React.createElement("div", { className: styles$G["".concat(componentClass)], onClick: toggleYearPicker },
|
|
5510
|
+
React.createElement("div", { className: styles$G['magneto-ui--mobile-date-picker__input'] },
|
|
5511
|
+
React.createElement("span", { className: styles$G["".concat(placeholderClass)] }, yearPlaceholder),
|
|
5512
|
+
React.createElement("p", { className: styles$G['magneto-ui--mobile-date-picker__value'] }, yearSelected)),
|
|
5513
|
+
React.createElement("span", { className: styles$G["".concat(iconClass)] }, disabledArrow)),
|
|
5513
5514
|
React.createElement(DateSelection, { applyLabel: applyLabel, cancelLabel: cancelLabel, dateOptions: yearDateOptions, disabled: disabled, isOpen: isYearPickerOpen, selectionHeader: selectionYearHeader, onClose: onClose, onApplyCallback: handleYearDateSelection, initialValue: yearSelected })));
|
|
5514
5515
|
};
|
|
5515
5516
|
var MobileDatePicker = Component$T;
|
|
@@ -5521,7 +5522,7 @@ var Component$S = function (_a) {
|
|
|
5521
5522
|
};
|
|
5522
5523
|
var MobileDrawerMenu = Component$S;
|
|
5523
5524
|
|
|
5524
|
-
var styles$
|
|
5525
|
+
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"};
|
|
5525
5526
|
|
|
5526
5527
|
var Component$R = function (_a) {
|
|
5527
5528
|
var externalButtonChild = _a.externalButtonChild, actionsProps = _a.actionsProps, onClose = _a.onClose, isApplied = _a.isApplied;
|
|
@@ -5529,10 +5530,10 @@ var Component$R = function (_a) {
|
|
|
5529
5530
|
var onOpenClick = function () {
|
|
5530
5531
|
setToggleMobileDrawer(!toggleMobileDrawer);
|
|
5531
5532
|
};
|
|
5532
|
-
var showButtonContainer = onClose ? styles$
|
|
5533
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
5534
|
-
React.createElement("div", { id: styles$
|
|
5535
|
-
React.createElement("div", { className: styles$
|
|
5533
|
+
var showButtonContainer = onClose ? styles$F['showContainer'] : styles$F['hideContainer'];
|
|
5534
|
+
return (React.createElement("div", { className: "".concat(styles$F.MobileJobDetailsActionsBarComponent, " ").concat(showButtonContainer) },
|
|
5535
|
+
React.createElement("div", { id: styles$F['magneto-ui__external-child'] }, !isApplied && externalButtonChild),
|
|
5536
|
+
React.createElement("div", { className: styles$F['DrawerButtonWrapper'] },
|
|
5536
5537
|
React.createElement("button", { type: "button", onClick: onOpenClick },
|
|
5537
5538
|
React.createElement(IconItem, { icon: More, hover: false }))),
|
|
5538
5539
|
React.createElement(MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(!toggleMobileDrawer); } },
|
|
@@ -5635,8 +5636,10 @@ var Swipe = function (_a) {
|
|
|
5635
5636
|
} }))));
|
|
5636
5637
|
};
|
|
5637
5638
|
|
|
5639
|
+
var styles$E = {"job-locked-alert":"mg_mobile_job_details_drawer_job-locked-alert_srb1t"};
|
|
5640
|
+
|
|
5638
5641
|
var Component$P = function (_a) {
|
|
5639
|
-
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;
|
|
5642
|
+
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;
|
|
5640
5643
|
var handleClose = useCallback(function () {
|
|
5641
5644
|
if (onClose) {
|
|
5642
5645
|
onClose();
|
|
@@ -5646,6 +5649,7 @@ var Component$P = function (_a) {
|
|
|
5646
5649
|
return jobDetailAction ? (jobDetailAction) : isLoading ? (React.createElement(MobileJobDetailsDrawerSkeleton, null)) : (React.createElement(Fragment, null,
|
|
5647
5650
|
React.createElement(MobileJobDetailsHeader, { returnText: jobDetailsHeaderText, onClick: handleClose }),
|
|
5648
5651
|
React.createElement(JobCompanyHeader, __assign({}, jobCompanyLogoProps)),
|
|
5652
|
+
(canApply === null || canApply === void 0 ? void 0 : canApply.isApplicable) === false && (React.createElement(Alert, { type: "info", text: canApply === null || canApply === void 0 ? void 0 : canApply.message, className: styles$E['job-locked-alert'] })),
|
|
5649
5653
|
isApplied && React.createElement(AlertJobStatus, __assign({}, alertJobStatusProps)),
|
|
5650
5654
|
jobDetailsProps && (React.createElement(JobDetails, { iconList: iconDetailList, offerDetailsList: jobDetailsProps, cities: cities, isRemote: isRemote, textRemote: textRemote })),
|
|
5651
5655
|
jobVideo && React.createElement(JobVideo, __assign({}, jobVideo, { loadVideo: loadVideo, setLoadVideo: setLoadVideo })),
|
|
@@ -5660,7 +5664,11 @@ var Component$P = function (_a) {
|
|
|
5660
5664
|
isLoading,
|
|
5661
5665
|
jobDetailsHeaderText,
|
|
5662
5666
|
handleClose,
|
|
5667
|
+
canApply === null || canApply === void 0 ? void 0 : canApply.isApplicable,
|
|
5668
|
+
canApply === null || canApply === void 0 ? void 0 : canApply.message,
|
|
5663
5669
|
jobCompanyLogoProps,
|
|
5670
|
+
isApplied,
|
|
5671
|
+
alertJobStatusProps,
|
|
5664
5672
|
jobDetailsProps,
|
|
5665
5673
|
cities,
|
|
5666
5674
|
isRemote,
|
|
@@ -5673,9 +5681,7 @@ var Component$P = function (_a) {
|
|
|
5673
5681
|
fraudCardJobProps,
|
|
5674
5682
|
jobApplyCardProps,
|
|
5675
5683
|
jobFooterCardProps,
|
|
5676
|
-
similarJobsProps
|
|
5677
|
-
alertJobStatusProps,
|
|
5678
|
-
isApplied
|
|
5684
|
+
similarJobsProps
|
|
5679
5685
|
]);
|
|
5680
5686
|
var content = useMemo(function () {
|
|
5681
5687
|
return swipeProps ? (React.createElement(Swipe, __assign({}, swipeProps, { openModal: isOpen && swipeProps.openModal }), renderContent)) : (renderContent);
|