magneto365.ui 2.61.2 → 2.63.0
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/assets/gif/e2ca38f1e0d908d9.gif +0 -0
- package/dist/assets/img/d01f8eef0ddaca1f.png +0 -0
- package/dist/cjs/css/magneto.ui.lib.min.css +1 -1
- package/dist/cjs/index.js +547 -514
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/UI/atoms/DotsLoader/DotsLoader.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/atoms/DotsLoader/DotsLoader.interface.d.ts +10 -0
- package/dist/cjs/types/components/UI/atoms/DotsLoader/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/atoms/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/molecules/CreateAccountCTA/CreateAccountCTA.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/molecules/CreateAccountCTA/CreateAccountCTA.interface.d.ts +18 -0
- package/dist/cjs/types/components/UI/molecules/CreateAccountCTA/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/molecules/MegaMenuEmpty/MegaMenuEmpty.interface.d.ts +6 -2
- package/dist/cjs/types/components/UI/molecules/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/page/JobsPage/JobsPage.interface.d.ts +8 -0
- package/dist/cjs/types/constants/gifs.constants.d.ts +1 -0
- package/dist/cjs/types/constants/img.constants.d.ts +1 -0
- package/dist/cjs/types/constants/stories/createAccountCTA.constants.d.ts +2 -0
- package/dist/cjs/types/constants/stories/jobsPage.constants.d.ts +190 -0
- package/dist/cjs/types/constants/stories/megaMenu.constants.d.ts +3 -0
- package/dist/esm/css/magneto.ui.lib.min.css +1 -1
- package/dist/esm/index.js +546 -515
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/UI/atoms/DotsLoader/DotsLoader.component.d.ts +3 -0
- package/dist/esm/types/components/UI/atoms/DotsLoader/DotsLoader.interface.d.ts +10 -0
- package/dist/esm/types/components/UI/atoms/DotsLoader/index.d.ts +1 -0
- package/dist/esm/types/components/UI/atoms/index.d.ts +1 -0
- package/dist/esm/types/components/UI/molecules/CreateAccountCTA/CreateAccountCTA.component.d.ts +3 -0
- package/dist/esm/types/components/UI/molecules/CreateAccountCTA/CreateAccountCTA.interface.d.ts +18 -0
- package/dist/esm/types/components/UI/molecules/CreateAccountCTA/index.d.ts +1 -0
- package/dist/esm/types/components/UI/molecules/MegaMenuEmpty/MegaMenuEmpty.interface.d.ts +6 -2
- package/dist/esm/types/components/UI/molecules/index.d.ts +1 -0
- package/dist/esm/types/components/UI/page/JobsPage/JobsPage.interface.d.ts +8 -0
- package/dist/esm/types/constants/gifs.constants.d.ts +1 -0
- package/dist/esm/types/constants/img.constants.d.ts +1 -0
- package/dist/esm/types/constants/stories/createAccountCTA.constants.d.ts +2 -0
- package/dist/esm/types/constants/stories/jobsPage.constants.d.ts +190 -0
- package/dist/esm/types/constants/stories/megaMenu.constants.d.ts +3 -0
- package/dist/index.d.ts +49 -3
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -241,7 +241,7 @@ var useMediaQuery = function (defaultValue, options) {
|
|
|
241
241
|
|
|
242
242
|
var style$11 = {"magneto-ui-icon":"mg_icon_magneto-ui-icon_4jxnv","magneto-ui-hover":"mg_icon_magneto-ui-hover_4jxnv"};
|
|
243
243
|
|
|
244
|
-
var Component$
|
|
244
|
+
var Component$2D = function (_a) {
|
|
245
245
|
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;
|
|
246
246
|
var _d = useState(false), imageError = _d[0], setImageError = _d[1];
|
|
247
247
|
var handleError = function () {
|
|
@@ -257,9 +257,9 @@ var Component$2B = function (_a) {
|
|
|
257
257
|
/**
|
|
258
258
|
* Atom UI component of Icon for general purpose
|
|
259
259
|
*/
|
|
260
|
-
var IconItem = Component$
|
|
260
|
+
var IconItem = Component$2D;
|
|
261
261
|
|
|
262
|
-
var styles$
|
|
262
|
+
var styles$2s = {"avatarComponent":"mg_avatar_avatarComponent_1upgt","magneto-ui-default-avatar":"mg_avatar_magneto-ui-default-avatar_1upgt"};
|
|
263
263
|
|
|
264
264
|
var Add = "https://static.magneto365.com/lib/assets/f738cef7b76c444f.svg";
|
|
265
265
|
|
|
@@ -543,31 +543,31 @@ var Youtube = "https://static.magneto365.com/lib/assets/f78dbede1bdf3dd0.svg";
|
|
|
543
543
|
|
|
544
544
|
var YoutubeSolid = "https://static.magneto365.com/lib/assets/cdcc07646d43bd9d.svg";
|
|
545
545
|
|
|
546
|
-
var Component$
|
|
546
|
+
var Component$2C = function (_a) {
|
|
547
547
|
var userImage = _a.userImage, fallbackImage = _a.fallbackImage, onClick = _a.onClick;
|
|
548
548
|
var _b = useState(false), imageError = _b[0], setImageError = _b[1];
|
|
549
549
|
var handleError = function () {
|
|
550
550
|
setImageError(true);
|
|
551
551
|
};
|
|
552
|
-
return (React.createElement("div", { className: styles$
|
|
552
|
+
return (React.createElement("div", { className: styles$2s.avatarComponent, onClick: onClick },
|
|
553
553
|
userImage && !imageError && React.createElement("img", { src: userImage, alt: "User Avatar", loading: "lazy", onError: handleError }),
|
|
554
|
-
(!userImage || imageError) && (React.createElement("div", { className: styles$
|
|
554
|
+
(!userImage || imageError) && (React.createElement("div", { className: styles$2s['magneto-ui-default-avatar'] },
|
|
555
555
|
React.createElement(IconItem, { icon: fallbackImage || User, hover: false })))));
|
|
556
556
|
};
|
|
557
557
|
/**
|
|
558
558
|
* UI Atom component of Avatar
|
|
559
559
|
*/
|
|
560
|
-
var Avatar = Component$
|
|
560
|
+
var Avatar = Component$2C;
|
|
561
561
|
|
|
562
|
-
var styles$
|
|
562
|
+
var styles$2r = {"badge-count":"mg_badge_badge-count_15t5z","badge-count__animation":"mg_badge_badge-count_animation_15t5z","pulse":"mg_badge_pulse_15t5z"};
|
|
563
563
|
|
|
564
|
-
var Component$
|
|
564
|
+
var Component$2B = function (_a) {
|
|
565
565
|
var _b = _a.number, number = _b === void 0 ? undefined : _b, className = _a.className;
|
|
566
|
-
return (React.createElement("p", { className: "".concat(styles$
|
|
567
|
-
React.createElement("span", { className: styles$
|
|
566
|
+
return (React.createElement("p", { className: "".concat(styles$2r['badge-count'], " ").concat(className) },
|
|
567
|
+
React.createElement("span", { className: styles$2r['badge-count__animation'] }),
|
|
568
568
|
number && number));
|
|
569
569
|
};
|
|
570
|
-
var Badge = Component$
|
|
570
|
+
var Badge = Component$2B;
|
|
571
571
|
|
|
572
572
|
var BAR_LOADER_PREFIX = '--bar-loader';
|
|
573
573
|
|
|
@@ -685,9 +685,9 @@ var SignUpButtonStyle = {
|
|
|
685
685
|
}
|
|
686
686
|
};
|
|
687
687
|
|
|
688
|
-
var styles$
|
|
688
|
+
var styles$2q = {"magneto-ui-modal-analyst-container":"mg_modal_analyst_container_magneto-ui-modal-analyst-container_1aqq3","magneto-ui-modal-analyst-container--desktop":"mg_modal_analyst_container_magneto-ui-modal-analyst-container--desktop_1aqq3","magneto-ui-modal-analyst-container--mobile":"mg_modal_analyst_container_magneto-ui-modal-analyst-container--mobile_1aqq3"};
|
|
689
689
|
|
|
690
|
-
var styles$
|
|
690
|
+
var styles$2p = {"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"};
|
|
691
691
|
|
|
692
692
|
var ShareIcons = {
|
|
693
693
|
Facebook: {
|
|
@@ -707,7 +707,7 @@ var ShareIcons = {
|
|
|
707
707
|
}
|
|
708
708
|
};
|
|
709
709
|
|
|
710
|
-
var Component$
|
|
710
|
+
var Component$2A = function (_a) {
|
|
711
711
|
var ActionsAnchorIcons = _a.ActionsAnchorIcons, ActionsAnchorLinks = _a.ActionsAnchorLinks, ActionAnchorText = _a.ActionAnchorText, ActionsHeader = _a.ActionsHeader, externalButtonChild = _a.externalButtonChild, saveButtonProps = _a.saveButtonProps, shareButtonProps = _a.shareButtonProps, copyButtonProps = _a.copyButtonProps, offerCompanyName = _a.offerCompanyName, backText = _a.backText, isApplied = _a.isApplied;
|
|
712
712
|
var _b = useState(), component = _b[0], setComponent = _b[1];
|
|
713
713
|
var actionsLinkList = ActionsAnchorIcons === null || ActionsAnchorIcons === void 0 ? void 0 : ActionsAnchorIcons.map(function (_, index) { return ({
|
|
@@ -720,46 +720,46 @@ var Component$2y = function (_a) {
|
|
|
720
720
|
};
|
|
721
721
|
if (component)
|
|
722
722
|
return component;
|
|
723
|
-
return (React.createElement("div", { className: styles$
|
|
724
|
-
React.createElement("div", { id: styles$
|
|
723
|
+
return (React.createElement("div", { className: styles$2p['magneto-ui-actions'] },
|
|
724
|
+
React.createElement("div", { id: styles$2p['magneto-ui__external-child'] }, !isApplied && externalButtonChild),
|
|
725
725
|
React.createElement(SaveButton, __assign({}, saveButtonProps)),
|
|
726
|
-
React.createElement("button", { className: styles$
|
|
726
|
+
React.createElement("button", { className: styles$2p['magneto-ui-actions__button'], "aria-label": shareButtonProps.title, onClick: function () {
|
|
727
727
|
return setComponent(React.createElement(Actions.ShareLinks, { offerCompanyName: offerCompanyName, shareButtonProps: copyButtonProps, ActionsHeader: ActionsHeader, backText: backText, onBack: handleBack }));
|
|
728
728
|
} },
|
|
729
729
|
React.createElement(IconItem, { size: 20, icon: Share }),
|
|
730
730
|
shareButtonProps.content), actionsLinkList === null || actionsLinkList === void 0 ? void 0 :
|
|
731
731
|
actionsLinkList.map(function (_a, index) {
|
|
732
732
|
var url = _a.url, text = _a.text, Icon = _a.Icon;
|
|
733
|
-
return (React.createElement("a", { className: styles$
|
|
733
|
+
return (React.createElement("a", { className: styles$2p['magneto-ui-actions__link'], key: index, href: url, target: "_blank", rel: "noreferrer" },
|
|
734
734
|
React.createElement(IconItem, { hover: false, size: 20, icon: Icon }),
|
|
735
735
|
React.createElement("p", { key: index }, text)));
|
|
736
736
|
}),
|
|
737
|
-
React.createElement("div", { className: styles$
|
|
738
|
-
React.createElement("p", { className: styles$
|
|
739
|
-
offerCompanyName ? React.createElement("p", { className: styles$
|
|
737
|
+
React.createElement("div", { className: styles$2p['magneto-ui-actions__header'] },
|
|
738
|
+
React.createElement("p", { className: styles$2p['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
739
|
+
offerCompanyName ? React.createElement("p", { className: styles$2p['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null)));
|
|
740
740
|
};
|
|
741
741
|
var ShareLinksAction = function (_a) {
|
|
742
742
|
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;
|
|
743
|
-
return (React.createElement("div", { className: styles$
|
|
744
|
-
React.createElement(ShareButton, __assign({ className: styles$
|
|
743
|
+
return (React.createElement("div", { className: styles$2p['magneto-ui-actions'] },
|
|
744
|
+
React.createElement(ShareButton, __assign({ className: styles$2p['magneto-ui-actions__share'] }, shareProps)),
|
|
745
745
|
shareLinks.map(function (_a, index) {
|
|
746
746
|
var title = _a.title, ariaLabel = _a.ariaLabel, href = _a.href, icon = _a.icon, name = _a.name;
|
|
747
|
-
return (React.createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$
|
|
747
|
+
return (React.createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$2p['magneto-ui-actions__link'], styles$2p['magneto-ui-actions__link--no-decorator']].join(' ') },
|
|
748
748
|
React.createElement(IconItem, { size: 40, icon: name ? ShareIcons[name].icon : icon }),
|
|
749
749
|
React.createElement("span", null, title)));
|
|
750
750
|
}),
|
|
751
|
-
React.createElement("div", { className: styles$
|
|
752
|
-
React.createElement("p", { className: styles$
|
|
753
|
-
offerCompanyName ? React.createElement("p", { className: styles$
|
|
754
|
-
React.createElement("div", { className: styles$
|
|
755
|
-
React.createElement("button", { className: styles$
|
|
751
|
+
React.createElement("div", { className: styles$2p['magneto-ui-actions__header'] },
|
|
752
|
+
React.createElement("p", { className: styles$2p['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
753
|
+
offerCompanyName ? React.createElement("p", { className: styles$2p['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null),
|
|
754
|
+
React.createElement("div", { className: styles$2p['magneto-ui-actions__back'] },
|
|
755
|
+
React.createElement("button", { className: styles$2p['magneto-ui-actions__button'], onClick: function () { return onBack(); } },
|
|
756
756
|
React.createElement(IconItem, { size: 20, icon: ArrowLeft2 })),
|
|
757
757
|
backText)));
|
|
758
758
|
};
|
|
759
759
|
/**
|
|
760
760
|
* UI Molecule componet of Actions
|
|
761
761
|
*/
|
|
762
|
-
var Actions = Object.assign(Component$
|
|
762
|
+
var Actions = Object.assign(Component$2A, { ShareLinks: ShareLinksAction });
|
|
763
763
|
|
|
764
764
|
var style$10 = {"magneto-ui-alert":"mg_alert_magneto-ui-alert_1v3n3","magneto-ui-warning":"mg_alert_magneto-ui-warning_1v3n3","magneto-ui-warning--with-border":"mg_alert_magneto-ui-warning--with-border_1v3n3","magneto-ui-success":"mg_alert_magneto-ui-success_1v3n3","magneto-ui-success--with-border":"mg_alert_magneto-ui-success--with-border_1v3n3","magneto-ui-error":"mg_alert_magneto-ui-error_1v3n3","magneto-ui-error--with-border":"mg_alert_magneto-ui-error--with-border_1v3n3","magneto-ui-info":"mg_alert_magneto-ui-info_1v3n3","magneto-ui-info--with-border":"mg_alert_magneto-ui-info--with-border_1v3n3","magneto-ui-close-action":"mg_alert_magneto-ui-close-action_1v3n3"};
|
|
765
765
|
|
|
@@ -784,7 +784,7 @@ var alertIcons$1 = {
|
|
|
784
784
|
warning: Warning,
|
|
785
785
|
error: Error
|
|
786
786
|
};
|
|
787
|
-
var Component$
|
|
787
|
+
var Component$2z = function (_a) {
|
|
788
788
|
var _b = _a.text, text = _b === void 0 ? '' : _b, type = _a.type, customText = _a.customText, _c = _a.border, border = _c === void 0 ? false : _c, size = _a.size, onClose = _a.onClose, _d = _a.className, className = _d === void 0 ? '' : _d, extraButton = _a.extraButton;
|
|
789
789
|
var borderStyle = border ? style$10["".concat(classMUI, "-").concat(type, "--with-border")] : '';
|
|
790
790
|
var typeStyle = style$10["".concat(classMUI, "-").concat(type)];
|
|
@@ -796,7 +796,7 @@ var Component$2x = function (_a) {
|
|
|
796
796
|
React.createElement(IconItem, { icon: Close, alt: type }))),
|
|
797
797
|
extraButton));
|
|
798
798
|
};
|
|
799
|
-
var Alert = Component$
|
|
799
|
+
var Alert = Component$2z;
|
|
800
800
|
|
|
801
801
|
var style$_ = {"magneto-ui-brands__header--row":"mg_brands_container_magneto-ui-brands_header--row_1pjqh","magneto-ui-brands-container":"mg_brands_container_magneto-ui-brands-container_1pjqh","magneto-ui-brands-container__brands":"mg_brands_container_magneto-ui-brands-container_brands_1pjqh","magneto-ui-brands-container__brands--brand":"mg_brands_container_magneto-ui-brands-container_brands--brand_1pjqh"};
|
|
802
802
|
|
|
@@ -884,7 +884,7 @@ var classNames = {
|
|
|
884
884
|
};
|
|
885
885
|
|
|
886
886
|
var cx$O = classNames.bind(style$Z);
|
|
887
|
-
var Component$
|
|
887
|
+
var Component$2y = function (_a) {
|
|
888
888
|
var onClose = _a.onClose, isOpen = _a.isOpen, children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.blockBackgroundClose, blockBackgroundClose = _c === void 0 ? false : _c;
|
|
889
889
|
var _d = useState(false), showContent = _d[0], setShowContent = _d[1];
|
|
890
890
|
var _e = useState(isOpen), renderPortal = _e[0], setRenderPortal = _e[1];
|
|
@@ -920,7 +920,7 @@ var Component$2w = function (_a) {
|
|
|
920
920
|
/**
|
|
921
921
|
* Molecule UI component for Mobile Drawer
|
|
922
922
|
*/
|
|
923
|
-
var MobileDrawer = Component$
|
|
923
|
+
var MobileDrawer = Component$2y;
|
|
924
924
|
|
|
925
925
|
var style$Y = {"magneto-ui-brand-button":"mg_brand_button_magneto-ui-brand-button_145qe","magneto-ui-brand-button__company-logo":"mg_brand_button_magneto-ui-brand-button_company-logo_145qe","magneto-ui-brand-button__company-logo--img":"mg_brand_button_magneto-ui-brand-button_company-logo--img_145qe","magneto-ui-brand-button__icon":"mg_brand_button_magneto-ui-brand-button_icon_145qe","rotate":"mg_brand_button_rotate_145qe"};
|
|
926
926
|
|
|
@@ -976,11 +976,11 @@ var BrandsMenuPopover = function (_a) {
|
|
|
976
976
|
};
|
|
977
977
|
var BrandsMenuPopover$1 = withClickOut(BrandsMenuPopover);
|
|
978
978
|
|
|
979
|
-
var styles$
|
|
979
|
+
var styles$2o = {"BreadcrumbsComponent":"mg_breadcrumbs_BreadcrumbsComponent_13csm"};
|
|
980
980
|
|
|
981
|
-
var Component$
|
|
981
|
+
var Component$2x = function (_a) {
|
|
982
982
|
var homeUrl = _a.homeUrl, breadcrumbProps = _a.breadcrumbProps, _b = _a.iconProps, iconProps = _b === void 0 ? iconPropsBreadCrumb : _b;
|
|
983
|
-
return (React.createElement("div", { className: styles$
|
|
983
|
+
return (React.createElement("div", { className: styles$2o.BreadcrumbsComponent },
|
|
984
984
|
React.createElement("a", { href: homeUrl },
|
|
985
985
|
React.createElement(IconItem, __assign({}, iconProps))),
|
|
986
986
|
breadcrumbProps && React.createElement(Breadcrumb, __assign({}, breadcrumbProps))));
|
|
@@ -988,52 +988,68 @@ var Component$2v = function (_a) {
|
|
|
988
988
|
/**
|
|
989
989
|
* Molecule UI component for breadcrums information
|
|
990
990
|
*/
|
|
991
|
-
var Breadcrumbs = Component$
|
|
991
|
+
var Breadcrumbs = Component$2x;
|
|
992
992
|
|
|
993
|
-
var styles$
|
|
993
|
+
var styles$2n = {"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"};
|
|
994
994
|
|
|
995
995
|
var CitiesDetailDrawer = function (_a) {
|
|
996
996
|
var cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
|
|
997
|
-
return (React.createElement("div", { className: styles$
|
|
998
|
-
React.createElement("div", { className: styles$
|
|
997
|
+
return (React.createElement("div", { className: styles$2n['magneto-ui-cities-detail-drawer'] }, cities && (cities === null || cities === void 0 ? void 0 : cities.length) ? (React.createElement(React.Fragment, null,
|
|
998
|
+
React.createElement("div", { className: styles$2n['magneto-ui-cities-detail-drawer__item-detail-icon'] },
|
|
999
999
|
React.createElement(IconItem, { alt: 'Location-icon', icon: Location, hover: false, size: 16 })),
|
|
1000
|
-
React.createElement("div", { className: styles$
|
|
1001
|
-
isRemote && (React.createElement("p", { className: styles$
|
|
1000
|
+
React.createElement("div", { className: styles$2n['magneto-ui-cities-detail-drawer__item-detail-text'] },
|
|
1001
|
+
isRemote && (React.createElement("p", { className: styles$2n['magneto-ui-cities-detail-drawer__item-detail-text-remote'] }, textRemote)),
|
|
1002
1002
|
cities &&
|
|
1003
1003
|
cities.map(function (_a, index) {
|
|
1004
1004
|
var name = _a.name, url = _a.url, title = _a.title;
|
|
1005
|
-
return (React.createElement("div", { className: styles$
|
|
1005
|
+
return (React.createElement("div", { className: styles$2n['magneto-ui-cities-detail-drawer__item-detail-text-link'], key: url },
|
|
1006
1006
|
url ? React.createElement(Link, { href: url, target: "_blank", text: name, title: title }) : React.createElement("span", null, name),
|
|
1007
1007
|
index !== cities.length - 1 && React.createElement("span", null, ' - ')));
|
|
1008
1008
|
})))) : null));
|
|
1009
1009
|
};
|
|
1010
1010
|
|
|
1011
|
-
var
|
|
1011
|
+
var Avatar3DImg = "https://static.magneto365.com/lib/assets/img/d01f8eef0ddaca1f.png";
|
|
1012
1012
|
|
|
1013
|
-
var
|
|
1013
|
+
var styles$2m = {"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"};
|
|
1014
|
+
|
|
1015
|
+
var Component$2w = function (_a) {
|
|
1016
|
+
var ctaClick = _a.ctaClick, description = _a.description, title = _a.title, isLoading = _a.isLoading;
|
|
1017
|
+
return (React.createElement("button", { disabled: isLoading, onClick: ctaClick, className: styles$2m['create-account-cta'] }, isLoading ? (React.createElement("div", { className: styles$2m['create-account-cta__loader'] },
|
|
1018
|
+
React.createElement(DotsLoader, { color: "#1a324c", count: 3 }))) : (React.createElement(React.Fragment, null,
|
|
1019
|
+
React.createElement("img", { className: styles$2m['create-account-cta__avatar'], src: Avatar3DImg, alt: "avatar" }),
|
|
1020
|
+
React.createElement("div", { className: styles$2m['create-account-cta__summary'] },
|
|
1021
|
+
React.createElement("h4", null, title),
|
|
1022
|
+
React.createElement("p", null, description)),
|
|
1023
|
+
React.createElement("img", { className: styles$2m['create-account-cta__arrow'], src: ArrowRight2, alt: "arrow" })))));
|
|
1024
|
+
};
|
|
1025
|
+
var CreateAccountCTA = Component$2w;
|
|
1026
|
+
|
|
1027
|
+
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"};
|
|
1028
|
+
|
|
1029
|
+
var Component$2v = function (_a) {
|
|
1014
1030
|
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;
|
|
1015
1031
|
var disabledArrow = useMemo(function () {
|
|
1016
1032
|
if (disabled)
|
|
1017
|
-
return (React.createElement(IconItem, { className: styles$
|
|
1033
|
+
return (React.createElement(IconItem, { className: styles$2l['magneto-ui--date-dropdown__icon'], icon: ArrowDown2, alt: "arrow-icon", size: 24 }));
|
|
1018
1034
|
return React.createElement(IconItem, { icon: ArrowDown3, alt: "arrow-icon", size: 24 });
|
|
1019
1035
|
}, [disabled]);
|
|
1020
|
-
return (React.createElement("div", { className: styles$
|
|
1021
|
-
React.createElement("select", { className: styles$
|
|
1022
|
-
React.createElement("option", { className: styles$
|
|
1036
|
+
return (React.createElement("div", { className: styles$2l['magneto-ui--date-dropdown__wrapper'] },
|
|
1037
|
+
React.createElement("select", { className: styles$2l["magneto-ui--date-dropdown__select"], value: selectedOption, onChange: onOptionChanged, disabled: disabled },
|
|
1038
|
+
React.createElement("option", { className: styles$2l['magneto-ui--date-dropdown__option'], value: "", disabled: true, hidden: true }, placeholderLabel), dateOptions === null || dateOptions === void 0 ? void 0 :
|
|
1023
1039
|
dateOptions.map(function (_a) {
|
|
1024
1040
|
var optionValue = _a.optionValue, optionLabel = _a.optionLabel;
|
|
1025
|
-
return (React.createElement("option", { className: styles$
|
|
1041
|
+
return (React.createElement("option", { className: styles$2l['magneto-ui--date-dropdown__option'], key: optionValue, value: optionValue }, optionLabel));
|
|
1026
1042
|
})),
|
|
1027
|
-
React.createElement("span", { className: styles$
|
|
1043
|
+
React.createElement("span", { className: styles$2l['magneto-ui--date-dropdown__icon'] }, disabledArrow)));
|
|
1028
1044
|
};
|
|
1029
|
-
var DateDropdown = Component$
|
|
1045
|
+
var DateDropdown = Component$2v;
|
|
1030
1046
|
|
|
1031
|
-
var styles$
|
|
1047
|
+
var styles$2k = {"magneto-ui--date-picker__wrapper":"mg_date_picker_magneto-ui--date-picker_wrapper_12pj2"};
|
|
1032
1048
|
|
|
1033
1049
|
var defaultValue$1 = function (value) {
|
|
1034
1050
|
return value ? parseDate(value) : { initialMonth: '', initialYear: '' };
|
|
1035
1051
|
};
|
|
1036
|
-
var Component$
|
|
1052
|
+
var Component$2u = function (_a) {
|
|
1037
1053
|
var monthOptionsLabels = _a.monthOptionsLabels, monthPlaceholder = _a.monthPlaceholder, yearPlaceholder = _a.yearPlaceholder, value = _a.value, disabled = _a.disabled, onChange = _a.onChange, futureYears = _a.futureYears, pastYears = _a.pastYears;
|
|
1038
1054
|
var _b = useState(defaultValue$1(value).initialMonth), selectedMonth = _b[0], setSelectedMonth = _b[1];
|
|
1039
1055
|
var _c = useState(defaultValue$1(value).initialYear), selectedYear = _c[0], setSelectedYear = _c[1];
|
|
@@ -1067,16 +1083,16 @@ var Component$2t = function (_a) {
|
|
|
1067
1083
|
}
|
|
1068
1084
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
1069
1085
|
}, [disabled]);
|
|
1070
|
-
return (React.createElement("div", { className: styles$
|
|
1086
|
+
return (React.createElement("div", { className: styles$2k['magneto-ui--date-picker__wrapper'] },
|
|
1071
1087
|
React.createElement(DateDropdown, { placeholderLabel: monthPlaceholder, dateOptions: monthOptionsList, selectedOption: selectedMonth, onOptionChanged: handleMonthChange, disabled: disabled }),
|
|
1072
1088
|
React.createElement(DateDropdown, { placeholderLabel: yearPlaceholder, dateOptions: yearOptionsList, selectedOption: selectedYear, onOptionChanged: handleYearChange, disabled: disabled })));
|
|
1073
1089
|
};
|
|
1074
|
-
var DatePicker = Component$
|
|
1090
|
+
var DatePicker = Component$2u;
|
|
1075
1091
|
|
|
1076
1092
|
var style$X = {"magneto-ui-drawer":"mg_drawer_magneto-ui-drawer_1hxen","magneto-ui-close-button":"mg_drawer_magneto-ui-close-button_1hxen","background-drawer":"mg_drawer_background-drawer_1hxen","fadeIn":"mg_drawer_fadeIn_1hxen","show-left":"mg_drawer_show-left_1hxen","hidden-left":"mg_drawer_hidden-left_1hxen","show-right":"mg_drawer_show-right_1hxen","hidden-right":"mg_drawer_hidden-right_1hxen","full-drawer":"mg_drawer_full-drawer_1hxen"};
|
|
1077
1093
|
|
|
1078
1094
|
var DEFAULT_PADDING = 20;
|
|
1079
|
-
var Component$
|
|
1095
|
+
var Component$2t = function (_a) {
|
|
1080
1096
|
var _b = _a.className, className = _b === void 0 ? '' : _b, isOpen = _a.isOpen, _c = _a.direction, direction = _c === void 0 ? 'left' : _c, isFull = _a.isFull, customPadding = _a.customPadding, drawerWidth = _a.drawerWidth, isMobile = _a.isMobile, hideButton = _a.hideButton, children = _a.children, onClose = _a.onClose, _d = _a.blockBackgroundClose, blockBackgroundClose = _d === void 0 ? false : _d;
|
|
1081
1097
|
var fullDrawer = isFull ? "full-drawer" : '';
|
|
1082
1098
|
var paddingValue = customPadding !== undefined ? "".concat(customPadding, "px") : "".concat(DEFAULT_PADDING, "px");
|
|
@@ -1122,7 +1138,7 @@ var Component$2s = function (_a) {
|
|
|
1122
1138
|
/**
|
|
1123
1139
|
* Molecule UI component for Drawer
|
|
1124
1140
|
*/
|
|
1125
|
-
var Drawer$1 = Component$
|
|
1141
|
+
var Drawer$1 = Component$2t;
|
|
1126
1142
|
|
|
1127
1143
|
var style$W = {"magneto-ui-empty-result":"mg_empty_results_magneto-ui-empty-result_1g4q8","fadeIn":"mg_empty_results_fadeIn_1g4q8","magneto-ui-empty-result__img-container":"mg_empty_results_magneto-ui-empty-result_img-container_1g4q8","magneto-ui-empty-result__img-container--img":"mg_empty_results_magneto-ui-empty-result_img-container--img_1g4q8","magneto-ui-empty-result__info":"mg_empty_results_magneto-ui-empty-result_info_1g4q8","magneto-ui-empty-result__info--search":"mg_empty_results_magneto-ui-empty-result_info--search_1g4q8","magneto-ui-empty-result__tags":"mg_empty_results_magneto-ui-empty-result_tags_1g4q8"};
|
|
1128
1144
|
|
|
@@ -1185,15 +1201,15 @@ var EXPANDABLE_INFO_ACTION_ICONS = {
|
|
|
1185
1201
|
_c)
|
|
1186
1202
|
};
|
|
1187
1203
|
|
|
1188
|
-
var styles$
|
|
1204
|
+
var styles$2j = {"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"};
|
|
1189
1205
|
|
|
1190
|
-
var Component$
|
|
1206
|
+
var Component$2s = function (_a) {
|
|
1191
1207
|
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;
|
|
1192
1208
|
var isUrl = useMemo(function () { return onAction && typeof onAction === 'string'; }, [onAction]);
|
|
1193
1209
|
var Component = useMemo(function () { return (isUrl ? 'a' : 'button'); }, [isUrl]);
|
|
1194
1210
|
var componentProps = useMemo(function () {
|
|
1195
1211
|
var className = CNM.get({
|
|
1196
|
-
styles: styles$
|
|
1212
|
+
styles: styles$2j,
|
|
1197
1213
|
cls: ['expandable-info-action__button', "expandable-info-action__button--".concat(variant)]
|
|
1198
1214
|
});
|
|
1199
1215
|
if (isUrl)
|
|
@@ -1215,48 +1231,48 @@ var Component$2r = function (_a) {
|
|
|
1215
1231
|
}
|
|
1216
1232
|
return;
|
|
1217
1233
|
}, [loading, variant]);
|
|
1218
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1219
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1234
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$2j, cls: ['expandable-info-action', className] }) },
|
|
1235
|
+
React.createElement("div", { className: CNM.get({ styles: styles$2j, cls: ['expandable-info-action__container'] }) },
|
|
1220
1236
|
React.createElement(Component, __assign({}, componentProps),
|
|
1221
1237
|
(prefixIcon || loading) && React.createElement(IconItem, __assign({ size: 12 }, prefixIcon, { icon: icon(prefixIcon === null || prefixIcon === void 0 ? void 0 : prefixIcon.icon) })),
|
|
1222
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
1238
|
+
React.createElement("span", { className: CNM.get({ styles: styles$2j, cls: ['expandable-info-action__title'] }) }, title),
|
|
1223
1239
|
suffixIcon && React.createElement(IconItem, __assign({ size: 12 }, suffixIcon, { icon: icon(suffixIcon.icon) }))))));
|
|
1224
1240
|
};
|
|
1225
1241
|
/**
|
|
1226
1242
|
* Molecule UI child component of expandable info
|
|
1227
1243
|
*/
|
|
1228
|
-
var ExpandableInfoAction = Component$
|
|
1244
|
+
var ExpandableInfoAction = Component$2s;
|
|
1229
1245
|
|
|
1230
|
-
var styles$
|
|
1246
|
+
var styles$2i = {"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"};
|
|
1231
1247
|
|
|
1232
|
-
var Component$
|
|
1248
|
+
var Component$2r = function (_a) {
|
|
1233
1249
|
var sections = _a.sections, footer = _a.footer;
|
|
1234
1250
|
var sectionStyles = useCallback(function (multiple) {
|
|
1235
1251
|
return CNM.get({
|
|
1236
|
-
styles: styles$
|
|
1252
|
+
styles: styles$2i,
|
|
1237
1253
|
cls: ['expandable-info-details__section', multiple && 'expandable-info-details__section--multiple']
|
|
1238
1254
|
});
|
|
1239
1255
|
}, []);
|
|
1240
1256
|
var subSectionStyles = useCallback(function (initial) {
|
|
1241
1257
|
return CNM.get({
|
|
1242
|
-
styles: styles$
|
|
1258
|
+
styles: styles$2i,
|
|
1243
1259
|
cls: ['expandable-info-details__sub-section', initial && 'expandable-info-details__sub-section--initial']
|
|
1244
1260
|
});
|
|
1245
1261
|
}, []);
|
|
1246
1262
|
var itemStyles = useCallback(function (first) {
|
|
1247
1263
|
return CNM.get({
|
|
1248
|
-
styles: styles$
|
|
1264
|
+
styles: styles$2i,
|
|
1249
1265
|
cls: ['expandable-info-details__item', first && 'expandable-info-details__item--first']
|
|
1250
1266
|
});
|
|
1251
1267
|
}, []);
|
|
1252
1268
|
var textStyles = useCallback(function (bold) {
|
|
1253
1269
|
return CNM.get({
|
|
1254
|
-
styles: styles$
|
|
1270
|
+
styles: styles$2i,
|
|
1255
1271
|
cls: ['expandable-info-details__text', bold && 'expandable-info-details__text--bold']
|
|
1256
1272
|
});
|
|
1257
1273
|
}, []);
|
|
1258
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1259
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1274
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$2i, cls: ['expandable-info-details'] }) },
|
|
1275
|
+
React.createElement("div", { className: CNM.get({ styles: styles$2i, cls: ['expandable-info-details__container'] }) }, sections === null || sections === void 0 ? void 0 :
|
|
1260
1276
|
sections.map(function (section, index) {
|
|
1261
1277
|
var _a, _b;
|
|
1262
1278
|
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) {
|
|
@@ -1270,13 +1286,13 @@ var Component$2q = function (_a) {
|
|
|
1270
1286
|
React.createElement("span", { className: textStyles(false) }, content.summary))); }))));
|
|
1271
1287
|
})));
|
|
1272
1288
|
}),
|
|
1273
|
-
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1274
|
-
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$
|
|
1289
|
+
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React.createElement("div", { className: CNM.get({ styles: styles$2i, cls: ['expandable-info-details__footer'] }) },
|
|
1290
|
+
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$2i, cls: ['expandable-info-details__action'] }) }))))));
|
|
1275
1291
|
};
|
|
1276
1292
|
/**
|
|
1277
1293
|
* Molecule UI child component of expandable info
|
|
1278
1294
|
*/
|
|
1279
|
-
var ExpandableInfoDetails = Component$
|
|
1295
|
+
var ExpandableInfoDetails = Component$2r;
|
|
1280
1296
|
|
|
1281
1297
|
var EExpandableInfoVariant;
|
|
1282
1298
|
(function (EExpandableInfoVariant) {
|
|
@@ -1297,9 +1313,9 @@ var EXPANDABLE_INFO_MESSAGE_ICONS = {
|
|
|
1297
1313
|
_a$3)
|
|
1298
1314
|
};
|
|
1299
1315
|
|
|
1300
|
-
var styles$
|
|
1316
|
+
var styles$2h = {"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"};
|
|
1301
1317
|
|
|
1302
|
-
var Component$
|
|
1318
|
+
var Component$2q = function (_a) {
|
|
1303
1319
|
var className = _a.className, title = _a.title, prefixIcon = _a.prefixIcon, variant = _a.variant;
|
|
1304
1320
|
var icon = useCallback(function (icon) {
|
|
1305
1321
|
if (icon) {
|
|
@@ -1312,22 +1328,22 @@ var Component$2p = function (_a) {
|
|
|
1312
1328
|
}, [variant]);
|
|
1313
1329
|
if (!title)
|
|
1314
1330
|
return null;
|
|
1315
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1316
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1331
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$2h, cls: ['expandable-info-message', className] }) },
|
|
1332
|
+
React.createElement("div", { className: CNM.get({ styles: styles$2h, cls: ['expandable-info-message__container'] }) },
|
|
1317
1333
|
prefixIcon && React.createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
1318
1334
|
React.createElement("span", { className: CNM.get({
|
|
1319
|
-
styles: styles$
|
|
1335
|
+
styles: styles$2h,
|
|
1320
1336
|
cls: ['expandable-info-message__text', "expandable-info-message__text--".concat(variant)]
|
|
1321
1337
|
}) }, title))));
|
|
1322
1338
|
};
|
|
1323
1339
|
/**
|
|
1324
1340
|
* Molecule UI child component of expandable info
|
|
1325
1341
|
*/
|
|
1326
|
-
var ExpandableInfoMessage = Component$
|
|
1342
|
+
var ExpandableInfoMessage = Component$2q;
|
|
1327
1343
|
|
|
1328
|
-
var styles$
|
|
1344
|
+
var styles$2g = {"magneto-ui-expandable-info-modal":"mg_expandable_info_modal_magneto-ui-expandable-info-modal_56w98"};
|
|
1329
1345
|
|
|
1330
|
-
var Component$
|
|
1346
|
+
var Component$2p = function (_a) {
|
|
1331
1347
|
var toggler = _a.toggler, details = _a.details;
|
|
1332
1348
|
var _b = useState(false), visible = _b[0], setVisible = _b[1];
|
|
1333
1349
|
var handleOnToggle = useCallback(function () {
|
|
@@ -1335,37 +1351,37 @@ var Component$2o = function (_a) {
|
|
|
1335
1351
|
}, []);
|
|
1336
1352
|
return (React.createElement(React.Fragment, null,
|
|
1337
1353
|
React.createElement(ExpandableInfoToggler, __assign({}, toggler, { onToggle: handleOnToggle })),
|
|
1338
|
-
React.createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$
|
|
1354
|
+
React.createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$2g, cls: ['expandable-info-modal'] }) },
|
|
1339
1355
|
React.createElement(ExpandableInfoDetails, __assign({}, details)))));
|
|
1340
1356
|
};
|
|
1341
1357
|
/**
|
|
1342
1358
|
* Molecule UI child component of expandable info
|
|
1343
1359
|
*/
|
|
1344
|
-
var ExpandableInfoModal = Component$
|
|
1360
|
+
var ExpandableInfoModal = Component$2p;
|
|
1345
1361
|
|
|
1346
|
-
var styles$
|
|
1362
|
+
var styles$2f = {"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"};
|
|
1347
1363
|
|
|
1348
|
-
var styles$
|
|
1364
|
+
var styles$2e = {"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"};
|
|
1349
1365
|
|
|
1350
1366
|
var DesktopSideCards = function (_a) {
|
|
1351
1367
|
var WrappedComponent = _a.WrappedComponent, sideProps = _a.sideProps, wrapperProps = _a.wrapperProps;
|
|
1352
|
-
return (React.createElement("div", { className: styles$
|
|
1353
|
-
React.createElement("div", { className: styles$
|
|
1368
|
+
return (React.createElement("div", { className: styles$2e['mega-menu-side-container'] },
|
|
1369
|
+
React.createElement("div", { className: styles$2e['mega-menu-side-container__side'] },
|
|
1354
1370
|
React.createElement(MegaMenuSideCards, __assign({}, sideProps))),
|
|
1355
|
-
React.createElement("div", { className: styles$
|
|
1371
|
+
React.createElement("div", { className: styles$2e['mega-menu-side-container__main'] },
|
|
1356
1372
|
React.createElement(WrappedComponent, __assign({}, wrapperProps)))));
|
|
1357
1373
|
};
|
|
1358
1374
|
|
|
1359
1375
|
var MobileSideCards = function (_a) {
|
|
1360
1376
|
var WrappedComponent = _a.WrappedComponent, sideProps = _a.sideProps, wrapperProps = _a.wrapperProps, showContent = _a.showContent;
|
|
1361
|
-
return (React.createElement("div", { className: styles$
|
|
1362
|
-
React.createElement(WrappedComponent, __assign({}, wrapperProps)))) : (React.createElement("div", { className: styles$
|
|
1377
|
+
return (React.createElement("div", { className: styles$2e['mega-menu-side-container'] }, showContent ? (React.createElement("div", { className: styles$2e['mega-menu-side-container__main'] },
|
|
1378
|
+
React.createElement(WrappedComponent, __assign({}, wrapperProps)))) : (React.createElement("div", { className: styles$2e['mega-menu-side-container__side'] },
|
|
1363
1379
|
React.createElement(MegaMenuSideCards, __assign({}, sideProps))))));
|
|
1364
1380
|
};
|
|
1365
1381
|
|
|
1366
1382
|
var style$V = {"mega-menu-drawer-item__content":"mg_mega_menu_drawer_item_mega-menu-drawer-item_content_becoo","is-active":"mg_mega_menu_drawer_item_is-active_becoo","mega-menu-drawer-item__arrow":"mg_mega_menu_drawer_item_mega-menu-drawer-item_arrow_becoo","mega-menu-drawer-item__action":"mg_mega_menu_drawer_item_mega-menu-drawer-item_action_becoo","mega-menu-drawer-item__action--icon":"mg_mega_menu_drawer_item_mega-menu-drawer-item_action--icon_becoo","item-drawer__content":"mg_mega_menu_drawer_item_item-drawer_content_becoo","item-drawer__header":"mg_mega_menu_drawer_item_item-drawer_header_becoo","item-drawer__title":"mg_mega_menu_drawer_item_item-drawer_title_becoo","item-drawer__back":"mg_mega_menu_drawer_item_item-drawer_back_becoo"};
|
|
1367
1383
|
|
|
1368
|
-
var Component$
|
|
1384
|
+
var Component$2o = function (_a) {
|
|
1369
1385
|
var _b = _a.url, url = _b === void 0 ? '#' : _b, _c = _a.text, text = _c === void 0 ? '' : _c, isActive = _a.isActive, icon = _a.icon, content = _a.content, onClickOption = _a.onClickOption;
|
|
1370
1386
|
var _d = useState(false), openDrawer = _d[0], setOpenDrawer = _d[1];
|
|
1371
1387
|
var menuActive = isActive ? style$V['is-active'] : '';
|
|
@@ -1396,7 +1412,7 @@ var MegaMenuJobsDrawer = function (_a) {
|
|
|
1396
1412
|
React.createElement("p", { className: style$V['item-drawer__title'] }, title)),
|
|
1397
1413
|
React.createElement("div", { className: "".concat(style$V['item-drawer__content']) }, content)));
|
|
1398
1414
|
};
|
|
1399
|
-
var MegaMenuDrawerItem = Object.assign(Component$
|
|
1415
|
+
var MegaMenuDrawerItem = Object.assign(Component$2o, {
|
|
1400
1416
|
Drawer: MegaMenuJobsDrawer
|
|
1401
1417
|
});
|
|
1402
1418
|
|
|
@@ -1416,9 +1432,9 @@ var MobileSideCardsDrawer = function (_a) {
|
|
|
1416
1432
|
updateDrawerContent(index);
|
|
1417
1433
|
toogleDrawer();
|
|
1418
1434
|
}, [toogleDrawer, updateDrawerContent]);
|
|
1419
|
-
return (React.createElement("div", { className: styles$
|
|
1435
|
+
return (React.createElement("div", { className: styles$2e['mega-menu-side-container'] },
|
|
1420
1436
|
React.createElement(MegaMenuSideCards, __assign({}, sideProps, { onSelectCard: onSelectSideCard })),
|
|
1421
|
-
React.createElement(Drawer, { isOpen: showDrawer, toggleDrawer: toogleDrawer, content: React.createElement("div", { className: styles$
|
|
1437
|
+
React.createElement(Drawer, { isOpen: showDrawer, toggleDrawer: toogleDrawer, content: React.createElement("div", { className: styles$2e['mega-menu-side-container__main'] },
|
|
1422
1438
|
React.createElement(WrappedComponent, __assign({}, wrapperProps))), title: title })));
|
|
1423
1439
|
};
|
|
1424
1440
|
|
|
@@ -1433,10 +1449,10 @@ var withMegaMenuSideCards = function (WrappedComponent) {
|
|
|
1433
1449
|
return Component;
|
|
1434
1450
|
};
|
|
1435
1451
|
|
|
1436
|
-
var Component$
|
|
1452
|
+
var Component$2n = function (_a) {
|
|
1437
1453
|
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;
|
|
1438
1454
|
return (React.createElement(Popover, { widthBase: 'auto', show: clickOut, positionX: "right", positionY: toggler.size === EExpandableInfoSize.LARGE ? 'top' : 'bottom', className: CNM.get({
|
|
1439
|
-
styles: styles$
|
|
1455
|
+
styles: styles$2f,
|
|
1440
1456
|
cls: [
|
|
1441
1457
|
'expandable-info-popover',
|
|
1442
1458
|
"expandable-info-popover--".concat(toggler.size),
|
|
@@ -1444,7 +1460,7 @@ var Component$2m = function (_a) {
|
|
|
1444
1460
|
]
|
|
1445
1461
|
}), content: React.createElement(React.Fragment, null,
|
|
1446
1462
|
React.createElement("span", { className: CNM.get({
|
|
1447
|
-
styles: styles$
|
|
1463
|
+
styles: styles$2f,
|
|
1448
1464
|
cls: ['expandable-info-popover__arrow', "expandable-info-popover__arrow--".concat(toggler.size)]
|
|
1449
1465
|
}) }),
|
|
1450
1466
|
React.createElement(ExpandableInfoDetails, __assign({}, details))) },
|
|
@@ -1453,19 +1469,19 @@ var Component$2m = function (_a) {
|
|
|
1453
1469
|
/**
|
|
1454
1470
|
* Molecule UI child component of expandable info
|
|
1455
1471
|
*/
|
|
1456
|
-
var ExpandableInfoPopover = withClickOut(Component$
|
|
1472
|
+
var ExpandableInfoPopover = withClickOut(Component$2n);
|
|
1457
1473
|
|
|
1458
1474
|
var EXPANDABLE_INFO_TOGGLER_ICONS = {
|
|
1459
1475
|
coin: CoinBlackOutline
|
|
1460
1476
|
};
|
|
1461
1477
|
|
|
1462
|
-
var styles$
|
|
1478
|
+
var styles$2d = {"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"};
|
|
1463
1479
|
|
|
1464
|
-
var Component$
|
|
1480
|
+
var Component$2m = function (_a) {
|
|
1465
1481
|
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;
|
|
1466
1482
|
var styleGenerator = useCallback(function (base) {
|
|
1467
1483
|
return CNM.get({
|
|
1468
|
-
styles: styles$
|
|
1484
|
+
styles: styles$2d,
|
|
1469
1485
|
cls: __spreadArray(__spreadArray([], base, true), ["".concat(base.at(0), "--").concat(variant)], false)
|
|
1470
1486
|
});
|
|
1471
1487
|
}, [variant]);
|
|
@@ -1497,7 +1513,7 @@ var Component$2l = function (_a) {
|
|
|
1497
1513
|
prefixIcon && React.createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
1498
1514
|
React.createElement("span", { className: styleGenerator(['expandable-info-toggler__text']) }, title + ':'),
|
|
1499
1515
|
React.createElement("div", { className: CNM.get({
|
|
1500
|
-
styles: styles$
|
|
1516
|
+
styles: styles$2d,
|
|
1501
1517
|
cls: [
|
|
1502
1518
|
'expandable-info-toggler__summary',
|
|
1503
1519
|
(size === EExpandableInfoSize.SMALL || suffixIcon) && 'expandable-info-toggler__summary--small',
|
|
@@ -1510,11 +1526,11 @@ var Component$2l = function (_a) {
|
|
|
1510
1526
|
/**
|
|
1511
1527
|
* Molecule UI child component of expandable info
|
|
1512
1528
|
*/
|
|
1513
|
-
var ExpandableInfoToggler = Component$
|
|
1529
|
+
var ExpandableInfoToggler = Component$2m;
|
|
1514
1530
|
|
|
1515
|
-
var styles$
|
|
1531
|
+
var styles$2c = {"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"};
|
|
1516
1532
|
|
|
1517
|
-
var Component$
|
|
1533
|
+
var Component$2l = function (_a) {
|
|
1518
1534
|
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;
|
|
1519
1535
|
var togglerProps = useMemo(function () { return ({
|
|
1520
1536
|
details: details,
|
|
@@ -1528,9 +1544,9 @@ var Component$2k = function (_a) {
|
|
|
1528
1544
|
var container = useMediaQuery(React.createElement(ExpandableInfoPopover, { details: details, toggler: togglerProps }), {
|
|
1529
1545
|
sm: React.createElement(ExpandableInfoModal, { details: details, toggler: togglerProps })
|
|
1530
1546
|
});
|
|
1531
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1547
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$2c, cls: ['expandable-info'] }) },
|
|
1532
1548
|
React.createElement("div", { className: CNM.get({
|
|
1533
|
-
styles: styles$
|
|
1549
|
+
styles: styles$2c,
|
|
1534
1550
|
cls: [
|
|
1535
1551
|
'expandable-info__container',
|
|
1536
1552
|
"expandable-info__container--".concat(variant),
|
|
@@ -1540,13 +1556,13 @@ var Component$2k = function (_a) {
|
|
|
1540
1556
|
}) },
|
|
1541
1557
|
container,
|
|
1542
1558
|
size === EExpandableInfoSize.LARGE && (React.createElement(React.Fragment, null,
|
|
1543
|
-
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1559
|
+
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React.createElement("div", { className: CNM.get({ styles: styles$2c, 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)); }))),
|
|
1544
1560
|
React.createElement(ExpandableInfoMessage, __assign({ variant: variant }, message)))))));
|
|
1545
1561
|
};
|
|
1546
1562
|
/**
|
|
1547
1563
|
* Molecule UI component for expandable info
|
|
1548
1564
|
*/
|
|
1549
|
-
var ExpandableInfo = Component$
|
|
1565
|
+
var ExpandableInfo = Component$2l;
|
|
1550
1566
|
|
|
1551
1567
|
var style$U = {"filter-actions":"mg_filter_actions_filter-actions_brvmy","filter-actions__action":"mg_filter_actions_filter-actions_action_brvmy","filter-actions__action--selected":"mg_filter_actions_filter-actions_action--selected_brvmy"};
|
|
1552
1568
|
|
|
@@ -1574,7 +1590,7 @@ var FilterContainerMenu = function (_a) {
|
|
|
1574
1590
|
return React.createElement("div", { className: style$T["".concat(classMUI, "-filter-container")] }, children);
|
|
1575
1591
|
};
|
|
1576
1592
|
|
|
1577
|
-
var styles$
|
|
1593
|
+
var styles$2b = {"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"};
|
|
1578
1594
|
|
|
1579
1595
|
var FilterMenuItem = function (_a) {
|
|
1580
1596
|
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"]);
|
|
@@ -1589,51 +1605,51 @@ var FilterMenuItem = function (_a) {
|
|
|
1589
1605
|
return isSearched || isApplied || hiddenCount ? false : !total;
|
|
1590
1606
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
1591
1607
|
var className = useMemo(function () {
|
|
1592
|
-
return isApplied ? styles$
|
|
1608
|
+
return isApplied ? styles$2b.selected : isSearched ? styles$2b.isSearched : hiddenCount ? '' : !total && styles$2b.disabled;
|
|
1593
1609
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
1594
1610
|
var handleClick = useCallback(function () {
|
|
1595
1611
|
var customId = type === 'RANGE' ? { id: id, from: props.from, to: props.to } : id;
|
|
1596
1612
|
setIsApplied({ id: customId, field: field, isApplied: isApplied, multiple: multiple });
|
|
1597
1613
|
}, [setIsApplied, id, field, isApplied, multiple, type, props.from, props.to]);
|
|
1598
1614
|
if (loading)
|
|
1599
|
-
return React.createElement("div", { className: styles$
|
|
1600
|
-
return (React.createElement("button", { id: customId, className: "".concat(styles$
|
|
1615
|
+
return React.createElement("div", { className: styles$2b.skeleton });
|
|
1616
|
+
return (React.createElement("button", { id: customId, className: "".concat(styles$2b['magneto-ui-filter-item'], " ").concat(className, " ").concat(customClass ? customClass : ''), title: label, onClick: handleClick, disabled: disabled },
|
|
1601
1617
|
React.createElement("span", null, label),
|
|
1602
1618
|
displayOutput));
|
|
1603
1619
|
};
|
|
1604
1620
|
|
|
1605
|
-
var styles$
|
|
1621
|
+
var styles$2a = {"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"};
|
|
1606
1622
|
|
|
1607
1623
|
var FilterSearchItem = function (_a) {
|
|
1608
1624
|
var placeholder = _a.placeholder, _b = _a.disabled, disabled = _b === void 0 ? false : _b, loading = _a.loading, handleSearch = _a.handleSearch;
|
|
1609
1625
|
var inputRef = useRef(null);
|
|
1610
1626
|
if (loading)
|
|
1611
|
-
return (React.createElement("div", { className: styles$
|
|
1627
|
+
return (React.createElement("div", { className: styles$2a.skeleton },
|
|
1612
1628
|
React.createElement(IconItem, { icon: SearchIcon, size: 17 })));
|
|
1613
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
1629
|
+
return (React.createElement("div", { className: "".concat(styles$2a['magneto-ui-filter-search'], " ").concat(disabled ? styles$2a.disabled : '') },
|
|
1614
1630
|
React.createElement(IconItem, { icon: SearchIcon, size: 17 }),
|
|
1615
1631
|
React.createElement("input", { ref: inputRef, type: "search", placeholder: placeholder, onChange: function (event) { return handleSearch(event, inputRef); }, disabled: disabled })));
|
|
1616
1632
|
};
|
|
1617
1633
|
|
|
1618
|
-
var styles$
|
|
1634
|
+
var styles$29 = {"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"};
|
|
1619
1635
|
|
|
1620
|
-
var Component$
|
|
1636
|
+
var Component$2k = function (_a) {
|
|
1621
1637
|
var title = _a.title, content = _a.content, linkText = _a.linkText, link = _a.link;
|
|
1622
|
-
return (React.createElement("div", { className: styles$
|
|
1623
|
-
React.createElement("div", { className: styles$
|
|
1638
|
+
return (React.createElement("div", { className: styles$29['fraud-card-job'] },
|
|
1639
|
+
React.createElement("div", { className: styles$29['fraud-card-job__header'] },
|
|
1624
1640
|
React.createElement("img", { src: Warning3D, alt: "warning" }),
|
|
1625
1641
|
React.createElement("h4", null, title)),
|
|
1626
1642
|
React.createElement("div", null,
|
|
1627
|
-
React.createElement("p", { className: styles$
|
|
1628
|
-
React.createElement("a", { target: "_blank", rel: "noreferrer", className: styles$
|
|
1643
|
+
React.createElement("p", { className: styles$29['fraud-card-job__text'] }, content),
|
|
1644
|
+
React.createElement("a", { target: "_blank", rel: "noreferrer", className: styles$29['fraud-card-job__link'], href: link },
|
|
1629
1645
|
React.createElement("img", { src: WarningHex, alt: "warning" }),
|
|
1630
1646
|
linkText))));
|
|
1631
1647
|
};
|
|
1632
|
-
var FraudCardJob = Component$
|
|
1648
|
+
var FraudCardJob = Component$2k;
|
|
1633
1649
|
|
|
1634
|
-
var styles$
|
|
1650
|
+
var styles$28 = {"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"};
|
|
1635
1651
|
|
|
1636
|
-
var Component$
|
|
1652
|
+
var Component$2j = function (_a) {
|
|
1637
1653
|
var searchHeading = _a.searchHeading, searchList = _a.searchList, showLess = _a.showLess, showMore = _a.showMore, showFrequentSearch = _a.showFrequentSearch;
|
|
1638
1654
|
var _b = useState(true), showFullList = _b[0], setShowFullList = _b[1];
|
|
1639
1655
|
var searchListDinamyc = useMemo(function () {
|
|
@@ -1643,46 +1659,46 @@ var Component$2i = function (_a) {
|
|
|
1643
1659
|
return searchList;
|
|
1644
1660
|
}, [searchList, showFullList]);
|
|
1645
1661
|
var searchListResponsive = useMediaQuery(searchList, { md: searchListDinamyc });
|
|
1646
|
-
return (React.createElement(React.Fragment, null, showFrequentSearch !== false ? (React.createElement("div", { className: styles$
|
|
1647
|
-
React.createElement("h2", { className: styles$
|
|
1648
|
-
React.createElement("div", { className: styles$
|
|
1662
|
+
return (React.createElement(React.Fragment, null, showFrequentSearch !== false ? (React.createElement("div", { className: styles$28['magneto-ui-frequent-search'] },
|
|
1663
|
+
React.createElement("h2", { className: styles$28['magneto-ui-frequent-search__heading'] }, searchHeading),
|
|
1664
|
+
React.createElement("div", { className: styles$28['magneto-ui-frequent-search__items'] }, searchListResponsive.map(function (_a, i) {
|
|
1649
1665
|
var props = __rest(_a, []);
|
|
1650
1666
|
return (React.createElement(SearchItem, __assign({ key: i }, props)));
|
|
1651
1667
|
})),
|
|
1652
|
-
React.createElement("div", { className: styles$
|
|
1668
|
+
React.createElement("div", { className: styles$28['magneto-ui-frequent-search__buttons-container'] }, showFullList ? (React.createElement("button", { className: styles$28['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(false); }, title: showMore },
|
|
1653
1669
|
showMore,
|
|
1654
1670
|
" (",
|
|
1655
1671
|
searchList.length,
|
|
1656
|
-
")")) : (React.createElement("button", { className: styles$
|
|
1672
|
+
")")) : (React.createElement("button", { className: styles$28['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(true); }, title: showLess }, showLess))))) : (React.createElement(Fragment, null))));
|
|
1657
1673
|
};
|
|
1658
1674
|
/**
|
|
1659
1675
|
* UI Atom component of Frequent Search
|
|
1660
1676
|
*/
|
|
1661
|
-
var FrequentSearch = Component$
|
|
1677
|
+
var FrequentSearch = Component$2j;
|
|
1662
1678
|
|
|
1663
1679
|
var style$S = {"header-drawer-company":"mg_header_drawer_company_header-drawer-company_jtdka"};
|
|
1664
1680
|
|
|
1665
|
-
var Component$
|
|
1681
|
+
var Component$2i = function (_a) {
|
|
1666
1682
|
var logo = _a.logo, alt = _a.alt, logoCompany = _a.logoCompany, logoCompanyAlt = _a.logoCompanyAlt, flag = _a.flag, flagAlt = _a.flagAlt;
|
|
1667
1683
|
return (React.createElement("div", { className: style$S['header-drawer-company'] },
|
|
1668
1684
|
React.createElement(LogoComponent, { logo: logo, alt: alt }),
|
|
1669
1685
|
React.createElement(LogoComponent, { logo: logoCompany, alt: logoCompanyAlt }),
|
|
1670
1686
|
React.createElement("img", { src: flag, alt: flagAlt, loading: "lazy", width: '25px', height: '20px' })));
|
|
1671
1687
|
};
|
|
1672
|
-
var HeaderDrawerCompany = Component$
|
|
1688
|
+
var HeaderDrawerCompany = Component$2i;
|
|
1673
1689
|
|
|
1674
|
-
var styles$
|
|
1690
|
+
var styles$27 = {"TabComponent":"mg_tab_TabComponent_zqqnn"};
|
|
1675
1691
|
|
|
1676
|
-
var Component$
|
|
1692
|
+
var Component$2h = function (_a) {
|
|
1677
1693
|
var children = _a.children;
|
|
1678
|
-
return React.createElement("div", { className: styles$
|
|
1694
|
+
return React.createElement("div", { className: styles$27.TabComponent }, children);
|
|
1679
1695
|
};
|
|
1680
1696
|
/**
|
|
1681
1697
|
* Molecule UI for Tab
|
|
1682
1698
|
*/
|
|
1683
|
-
var Tab = Component$
|
|
1699
|
+
var Tab = Component$2h;
|
|
1684
1700
|
|
|
1685
|
-
var styles$
|
|
1701
|
+
var styles$26 = {"TabButtonComponent":"mg_tab_button_TabButtonComponent_hysss"};
|
|
1686
1702
|
|
|
1687
1703
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
1688
1704
|
var toCSSVariables = function (input) {
|
|
@@ -1698,35 +1714,35 @@ var toCSSVariables = function (input) {
|
|
|
1698
1714
|
return output;
|
|
1699
1715
|
};
|
|
1700
1716
|
|
|
1701
|
-
var Component$
|
|
1717
|
+
var Component$2g = function (_a) {
|
|
1702
1718
|
var tabButtonLink = _a.tabButtonLink, tabButtonLinkStyles = _a.tabButtonLinkStyles, tabButtonStyles = _a.tabButtonStyles;
|
|
1703
1719
|
var stylesValue = useMemo(function () { return toCSSVariables(tabButtonStyles); }, [tabButtonStyles]);
|
|
1704
1720
|
var boxShadow = (tabButtonStyles || {}).boxShadow;
|
|
1705
|
-
return (React.createElement("div", { className: styles$
|
|
1721
|
+
return (React.createElement("div", { className: styles$26.TabButtonComponent, style: stylesValue, "data-box-shadow": boxShadow }, tabButtonLink && React.createElement(Link, __assign({}, tabButtonLink, { linkStyles: tabButtonLinkStyles }))));
|
|
1706
1722
|
};
|
|
1707
1723
|
/**
|
|
1708
1724
|
* Molecule UI component for Tab Button
|
|
1709
1725
|
*/
|
|
1710
|
-
var TabButton = Component$
|
|
1726
|
+
var TabButton = Component$2g;
|
|
1711
1727
|
|
|
1712
|
-
var styles$
|
|
1728
|
+
var styles$25 = {"HeaderDrawerTabsComponent":"mg_header_drawer_tabs_HeaderDrawerTabsComponent_1wrvo"};
|
|
1713
1729
|
|
|
1714
|
-
var Component$
|
|
1730
|
+
var Component$2f = function (_a) {
|
|
1715
1731
|
var logoProps = _a.logoProps, leftTabLink = _a.leftTabLink, rightTabLink = _a.rightTabLink, leftTabStyle = _a.leftTabStyle, rightTabStyle = _a.rightTabStyle, homeUrl = _a.homeUrl;
|
|
1716
|
-
return (React.createElement("div", { className: styles$
|
|
1732
|
+
return (React.createElement("div", { className: styles$25.HeaderDrawerTabsComponent },
|
|
1717
1733
|
React.createElement("a", { href: homeUrl },
|
|
1718
1734
|
React.createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
1719
1735
|
React.createElement(Tab, null,
|
|
1720
1736
|
React.createElement(TabButton, { tabButtonLink: leftTabLink, tabButtonLinkStyles: leftTabStyle === null || leftTabStyle === void 0 ? void 0 : leftTabStyle.tabButtonLinkStyles, tabButtonStyles: leftTabStyle === null || leftTabStyle === void 0 ? void 0 : leftTabStyle.tabButtonStyles }),
|
|
1721
1737
|
React.createElement(TabButton, { tabButtonLink: rightTabLink, tabButtonLinkStyles: rightTabStyle === null || rightTabStyle === void 0 ? void 0 : rightTabStyle.tabButtonLinkStyles, tabButtonStyles: rightTabStyle === null || rightTabStyle === void 0 ? void 0 : rightTabStyle.tabButtonStyles }))));
|
|
1722
1738
|
};
|
|
1723
|
-
var HeaderDrawerTabs = Component$
|
|
1739
|
+
var HeaderDrawerTabs = Component$2f;
|
|
1724
1740
|
|
|
1725
|
-
var styles$
|
|
1741
|
+
var styles$24 = {"HeaderTabsComponent":"mg_header_tabs_HeaderTabsComponent_yjqx4"};
|
|
1726
1742
|
|
|
1727
|
-
var Component$
|
|
1743
|
+
var Component$2e = function (_a) {
|
|
1728
1744
|
var _b = _a.headerTabList, headerTabList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c, addDivider = _a.addDivider;
|
|
1729
|
-
return (React.createElement("div", { className: styles$
|
|
1745
|
+
return (React.createElement("div", { className: styles$24.HeaderTabsComponent, "data-add-divider": addDivider }, headerTabList.map(function (_a, index) {
|
|
1730
1746
|
var headerTabProps = __rest(_a, []);
|
|
1731
1747
|
return (React.createElement(React.Fragment, { key: index },
|
|
1732
1748
|
React.createElement(HeaderTab, __assign({}, headerTabProps, { isActive: Array.isArray(headerTabProps.slug)
|
|
@@ -1737,9 +1753,9 @@ var Component$2d = function (_a) {
|
|
|
1737
1753
|
/**
|
|
1738
1754
|
* Molecule UI component for header tabs information`
|
|
1739
1755
|
*/
|
|
1740
|
-
var HeaderTabs = Component$
|
|
1756
|
+
var HeaderTabs = Component$2e;
|
|
1741
1757
|
|
|
1742
|
-
var styles$
|
|
1758
|
+
var styles$23 = {"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"};
|
|
1743
1759
|
|
|
1744
1760
|
var Input = function (_a) {
|
|
1745
1761
|
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"]);
|
|
@@ -1774,28 +1790,28 @@ var Input = function (_a) {
|
|
|
1774
1790
|
setInputValue(e.target.value);
|
|
1775
1791
|
}, [onChange]);
|
|
1776
1792
|
return (React.createElement("div", { style: { height: 'auto', width: '100%' } },
|
|
1777
|
-
React.createElement("div", { className: styles$
|
|
1793
|
+
React.createElement("div", { className: styles$23["".concat(classMUI, "-input")] },
|
|
1778
1794
|
React.createElement("div", null,
|
|
1779
|
-
React.createElement("div", { className: styles$
|
|
1795
|
+
React.createElement("div", { className: styles$23["".concat(classMUI, "-input--container")] },
|
|
1780
1796
|
React.createElement("label", { htmlFor: name, style: {
|
|
1781
1797
|
left: hideIcon ? '10px' : '40px',
|
|
1782
1798
|
top: haveValueOrFocus ? '30%' : '45%',
|
|
1783
1799
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
1784
|
-
}, className: styles$
|
|
1800
|
+
}, className: styles$23["".concat(classMUI, "-input--container__label")] }, placeholder),
|
|
1785
1801
|
React.createElement("input", __assign({}, props, { style: {
|
|
1786
1802
|
padding: hideIcon ? '0px 10px' : '0px 40px'
|
|
1787
|
-
}, disabled: disabled, className: styles$
|
|
1788
|
-
hideIcon ? null : (React.createElement("img", { className: styles$
|
|
1789
|
-
actionIcon ? (React.createElement("button", { type: "button", onClick: actionInputIcon, className: styles$
|
|
1803
|
+
}, disabled: disabled, className: styles$23["".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" })),
|
|
1804
|
+
hideIcon ? null : (React.createElement("img", { className: styles$23["".concat(classMUI, "-input--container__icon")], src: customIcon ? customIcon : dinamyIcon[type] || DocumentTextGray })),
|
|
1805
|
+
actionIcon ? (React.createElement("button", { type: "button", onClick: actionInputIcon, className: styles$23["".concat(classMUI, "-input--container__icon-action")] },
|
|
1790
1806
|
React.createElement("img", { "data-name": "icon", src: actionIcon }))) : null))),
|
|
1791
|
-
React.createElement("div", { className: "".concat(styles$
|
|
1792
|
-
error && (React.createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$
|
|
1807
|
+
React.createElement("div", { className: "".concat(styles$23["".concat(classMUI, "-input__footer")], " ").concat(!error && hasCounter ? styles$23['footer-without-error'] : '') },
|
|
1808
|
+
error && (React.createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$23["".concat(classMUI, "-input--container__error")] }, error)),
|
|
1793
1809
|
hasCounter && React.createElement(ComparativeCounter, { current: inputValue.length, max: maxCounterValue }))));
|
|
1794
1810
|
};
|
|
1795
1811
|
|
|
1796
|
-
var styles$
|
|
1812
|
+
var styles$22 = {"magneto-ui-flat-loader":"mg_flat_loader_magneto-ui-flat-loader_q96bq","rotation":"mg_flat_loader_rotation_q96bq"};
|
|
1797
1813
|
|
|
1798
|
-
var Component$
|
|
1814
|
+
var Component$2d = function (_a) {
|
|
1799
1815
|
var color = _a.color, size = _a.size, secondColor = _a.secondColor;
|
|
1800
1816
|
var loadingSize = useMemo(function () {
|
|
1801
1817
|
if (size) {
|
|
@@ -1809,11 +1825,11 @@ var Component$2c = function (_a) {
|
|
|
1809
1825
|
height: '15px'
|
|
1810
1826
|
};
|
|
1811
1827
|
}, [size]);
|
|
1812
|
-
return (React.createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$
|
|
1828
|
+
return (React.createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$22["".concat(classMUI, "-flat-loader")] }));
|
|
1813
1829
|
};
|
|
1814
|
-
var FlatLoader = Component$
|
|
1830
|
+
var FlatLoader = Component$2d;
|
|
1815
1831
|
|
|
1816
|
-
var styles$
|
|
1832
|
+
var styles$21 = {"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"};
|
|
1817
1833
|
|
|
1818
1834
|
var InputPlus = function (_a) {
|
|
1819
1835
|
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;
|
|
@@ -1857,26 +1873,26 @@ var InputPlus = function (_a) {
|
|
|
1857
1873
|
}
|
|
1858
1874
|
}
|
|
1859
1875
|
}, [disabledBtn, handleSubmmit]);
|
|
1860
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
1876
|
+
return (React.createElement("div", { className: "".concat(styles$21["".concat(classMUI, "-input-plus")], " ").concat(className) },
|
|
1861
1877
|
React.createElement("input", { onKeyDown: handleKeyDown, placeholder: placeholder, value: inputValue, onChange: handleValue, type: "text" }),
|
|
1862
|
-
React.createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$
|
|
1878
|
+
React.createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$21["".concat(classMUI, "-input-plus__plus-button")], " ").concat(disabledBtn ? styles$21.disabled : ''), disabled: disabledBtn }, isLoading ? (React.createElement(FlatLoader, { color: "white", secondColor: "transparent" })) : (React.createElement("img", { className: "".concat(disabledBtn ? styles$21['disabled-img'] : ''), src: Add2, alt: "icon" })))));
|
|
1863
1879
|
};
|
|
1864
1880
|
|
|
1865
|
-
var styles$
|
|
1881
|
+
var styles$20 = {"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"};
|
|
1866
1882
|
|
|
1867
1883
|
var style$R = {"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"};
|
|
1868
1884
|
|
|
1869
|
-
var styles$
|
|
1885
|
+
var styles$1$ = {"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"};
|
|
1870
1886
|
|
|
1871
1887
|
var Tooltip = function (_a) {
|
|
1872
1888
|
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;
|
|
1873
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
1874
|
-
React.createElement("div", { className: "".concat(styles$
|
|
1889
|
+
return (React.createElement("div", { className: "".concat(styles$1$['tooltip-container'], " ").concat(styles$1$["tooltip-".concat(position)]) },
|
|
1890
|
+
React.createElement("div", { className: "".concat(styles$1$['tooltip'], " ").concat(styles$1$["tooltip-".concat(position)]) },
|
|
1875
1891
|
children,
|
|
1876
|
-
visible && (React.createElement("span", { className: "".concat(styles$
|
|
1892
|
+
visible && (React.createElement("span", { className: "".concat(styles$1$['tooltip-text'], " ").concat(styles$1$["tooltip-text-".concat(position)]), style: { width: width } }, title)))));
|
|
1877
1893
|
};
|
|
1878
1894
|
|
|
1879
|
-
var Component$
|
|
1895
|
+
var Component$2c = function (_a) {
|
|
1880
1896
|
var _b = _a.shareLinks, shareLinks = _b === void 0 ? [] : _b, _c = _a.btnProps, btnProps = _c === void 0 ? {} : _c, _d = _a.classNameContent, classNameContent = _d === void 0 ? '' : _d, _e = _a.classNameButton, classNameButton = _e === void 0 ? '' : _e, rest = __rest(_a, ["shareLinks", "btnProps", "classNameContent", "classNameButton"]);
|
|
1881
1897
|
var _f = useState(false), show = _f[0], setShow = _f[1];
|
|
1882
1898
|
return (React.createElement(Popover, { className: [style$R['popover'], !show ? style$R['popover--hidden'] : ''].join(' '), positionX: "right", positionY: "bottom", show: show, widthBase: 45, content: React.createElement("ul", { className: [style$R['content'], classNameContent].join(' ') },
|
|
@@ -1895,10 +1911,10 @@ var Component$2b = function (_a) {
|
|
|
1895
1911
|
React.createElement("button", __assign({}, btnProps, { title: "", "aria-label": btnProps.title, className: [style$R['popover__btn'], classNameButton].join(' '), onClick: function () { return setShow(function (show) { return !show; }); }, onBlur: function () { return setShow(false); } }),
|
|
1896
1912
|
React.createElement(IconItem, { size: 20, icon: Share })))));
|
|
1897
1913
|
};
|
|
1898
|
-
Component$
|
|
1899
|
-
var SharePopover = Component$
|
|
1914
|
+
Component$2c.displayName = 'SharePopover';
|
|
1915
|
+
var SharePopover = Component$2c;
|
|
1900
1916
|
|
|
1901
|
-
var Component$
|
|
1917
|
+
var Component$2b = function (_a) {
|
|
1902
1918
|
var actionsAnchorIcons = _a.actionsAnchorIcons, actionsAnchorLinks = _a.actionsAnchorLinks, actionsAnchorTitle = _a.actionsAnchorTitle, externalButtonChild = _a.externalButtonChild, saveButtonProps = _a.saveButtonProps, shareButtonProps = _a.shareButtonProps, isApplied = _a.isApplied;
|
|
1903
1919
|
var actionsLinkList = actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons.map(function (_, index) { return ({
|
|
1904
1920
|
icon: actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons[index],
|
|
@@ -1908,35 +1924,35 @@ var Component$2a = function (_a) {
|
|
|
1908
1924
|
var isMobile = useMediaQuery(true, { md: false });
|
|
1909
1925
|
var ActionLink = function (_a) {
|
|
1910
1926
|
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
1911
|
-
var iconContent = (React.createElement("a", { className: styles$
|
|
1927
|
+
var iconContent = (React.createElement("a", { className: styles$20['magneto-ui-job-actions__icon-anchor'], href: url, target: "_blank", rel: "noreferrer" },
|
|
1912
1928
|
React.createElement(IconItem, { hover: true, size: 20, icon: icon })));
|
|
1913
1929
|
return (React.createElement(Tooltip, { title: title, position: "bottom", visible: isMobile }, iconContent));
|
|
1914
1930
|
};
|
|
1915
1931
|
var filteredActionsLinkList = actionsLinkList === null || actionsLinkList === void 0 ? void 0 : actionsLinkList.filter(function (item) { return item.url !== null && item.url !== undefined; });
|
|
1916
|
-
return (React.createElement("div", { className: styles$
|
|
1917
|
-
!isApplied && React.createElement("div", { id: styles$
|
|
1918
|
-
React.createElement("div", { className: styles$
|
|
1932
|
+
return (React.createElement("div", { className: styles$20['magneto-ui-job-actions'] },
|
|
1933
|
+
!isApplied && React.createElement("div", { id: styles$20['magneto-ui__external-child'] }, externalButtonChild),
|
|
1934
|
+
React.createElement("div", { className: styles$20['magneto-ui-job-actions__buttons-wrapper'] },
|
|
1919
1935
|
!isApplied && (React.createElement(Tooltip, { title: saveButtonProps.buttonTitle || 'Guardar', position: "bottom", visible: isMobile },
|
|
1920
1936
|
React.createElement(SaveButton, __assign({}, saveButtonProps)))),
|
|
1921
1937
|
React.createElement(SharePopover, __assign({}, shareButtonProps)), filteredActionsLinkList === null || filteredActionsLinkList === void 0 ? void 0 :
|
|
1922
1938
|
filteredActionsLinkList.map(function (_a) {
|
|
1923
1939
|
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
1924
|
-
return (React.createElement("div", { className: styles$
|
|
1940
|
+
return (React.createElement("div", { className: styles$20['magneto-ui-job-actions__icon-wrapper'], key: "".concat(url, "-JobActions") },
|
|
1925
1941
|
React.createElement(ActionLink, { url: url, title: title, icon: icon })));
|
|
1926
1942
|
}))));
|
|
1927
1943
|
};
|
|
1928
1944
|
/**
|
|
1929
1945
|
* UI Molecule Component for Jobs Actions
|
|
1930
1946
|
*/
|
|
1931
|
-
var JobActions = Component$
|
|
1947
|
+
var JobActions = Component$2b;
|
|
1932
1948
|
|
|
1933
|
-
var styles$
|
|
1949
|
+
var styles$1_ = {"magneto-ui-job-apply-card":"mg_job_apply_card_magneto-ui-job-apply-card_qw6j6","magneto-ui-job-apply-card__wrapper":"mg_job_apply_card_magneto-ui-job-apply-card_wrapper_qw6j6","magneto-ui-job-apply-card__header":"mg_job_apply_card_magneto-ui-job-apply-card_header_qw6j6","magneto-ui-job-apply-card__requirements":"mg_job_apply_card_magneto-ui-job-apply-card_requirements_qw6j6","magneto-ui__external-child":"mg_job_apply_card_magneto-ui_external-child_qw6j6"};
|
|
1934
1950
|
|
|
1935
|
-
var Component$
|
|
1951
|
+
var Component$2a = function (_a) {
|
|
1936
1952
|
var offerApplyHeader = _a.offerApplyHeader, offerApplyElements = _a.offerApplyElements, externalChild = _a.externalChild, isApplied = _a.isApplied;
|
|
1937
|
-
return (React.createElement("div", { className: styles$
|
|
1938
|
-
React.createElement("div", { className: styles$
|
|
1939
|
-
React.createElement("div", { className: styles$
|
|
1953
|
+
return (React.createElement("div", { className: styles$1_['magneto-ui-job-apply-card'] },
|
|
1954
|
+
React.createElement("div", { className: styles$1_['magneto-ui-job-apply-card__wrapper'] },
|
|
1955
|
+
React.createElement("div", { className: styles$1_['magneto-ui-job-apply-card__header'] },
|
|
1940
1956
|
React.createElement("p", null, offerApplyHeader),
|
|
1941
1957
|
(offerApplyElements === null || offerApplyElements === void 0 ? void 0 : offerApplyElements.length) &&
|
|
1942
1958
|
offerApplyElements
|
|
@@ -1946,16 +1962,16 @@ var Component$29 = function (_a) {
|
|
|
1946
1962
|
})
|
|
1947
1963
|
.map(function (_a) {
|
|
1948
1964
|
var offerApplyLabel = _a.offerApplyLabel, offerApplyInfo = _a.offerApplyInfo;
|
|
1949
|
-
return (React.createElement("div", { className: styles$
|
|
1965
|
+
return (React.createElement("div", { className: styles$1_['magneto-ui-job-apply-card__requirements'], key: "".concat(offerApplyLabel, "-JobApplyCard") },
|
|
1950
1966
|
React.createElement("p", null, offerApplyLabel),
|
|
1951
1967
|
React.createElement("p", null, offerApplyInfo)));
|
|
1952
1968
|
})),
|
|
1953
|
-
!isApplied && React.createElement("div", { id: styles$
|
|
1969
|
+
!isApplied && React.createElement("div", { id: styles$1_['magneto-ui__external-child'] }, externalChild))));
|
|
1954
1970
|
};
|
|
1955
1971
|
/**
|
|
1956
1972
|
* UI Molecule Component for Job Apply Card
|
|
1957
1973
|
*/
|
|
1958
|
-
var JobApplyCard = Component$
|
|
1974
|
+
var JobApplyCard = Component$2a;
|
|
1959
1975
|
|
|
1960
1976
|
var style$Q = {"magneto-ui-card-jobs":"mg_job_card_desktop_magneto-ui-card-jobs_1u1yc","magneto-ui-card-jobs--arrow":"mg_job_card_desktop_magneto-ui-card-jobs--arrow_1u1yc","magneto-ui-card-jobs--data":"mg_job_card_desktop_magneto-ui-card-jobs--data_1u1yc","magneto-ui-card-jobs--row1":"mg_job_card_desktop_magneto-ui-card-jobs--row1_1u1yc","magneto-ui-card-jobs--row2":"mg_job_card_desktop_magneto-ui-card-jobs--row2_1u1yc","magneto-ui-card-jobs--row3":"mg_job_card_desktop_magneto-ui-card-jobs--row3_1u1yc","magneto-ui-card-jobs--row4":"mg_job_card_desktop_magneto-ui-card-jobs--row4_1u1yc","magneto-ui-card-jobs--row2__position":"mg_job_card_desktop_magneto-ui-card-jobs--row2_position_1u1yc","magneto-ui-card-jobs--row2__urgent":"mg_job_card_desktop_magneto-ui-card-jobs--row2_urgent_1u1yc","magneto-ui-card-jobs--row2__variant":"mg_job_card_desktop_magneto-ui-card-jobs--row2_variant_1u1yc","magneto-ui-card-jobs--row3__info1":"mg_job_card_desktop_magneto-ui-card-jobs--row3_info1_1u1yc","magneto-ui-card-jobs--row3__info2":"mg_job_card_desktop_magneto-ui-card-jobs--row3_info2_1u1yc","magneto-ui-card-jobs--brand":"mg_job_card_desktop_magneto-ui-card-jobs--brand_1u1yc","magneto-ui-card-jobs--brand__img":"mg_job_card_desktop_magneto-ui-card-jobs--brand_img_1u1yc","was-seen":"mg_job_card_desktop_was-seen_1u1yc","is-active":"mg_job_card_desktop_is-active_1u1yc"};
|
|
1961
1977
|
|
|
@@ -2039,31 +2055,31 @@ var JobCard = function (_a) {
|
|
|
2039
2055
|
return React.createElement(React.Fragment, null, cardResponsive);
|
|
2040
2056
|
};
|
|
2041
2057
|
|
|
2042
|
-
var styles$
|
|
2058
|
+
var styles$1Z = {"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"};
|
|
2043
2059
|
|
|
2044
|
-
var Component$
|
|
2060
|
+
var Component$29 = function (_a) {
|
|
2045
2061
|
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobHeaderProps = _a.jobHeaderProps, jobActionsProps = _a.jobActionsProps, isApplied = _a.isApplied;
|
|
2046
|
-
return (React.createElement("div", { className: styles$
|
|
2062
|
+
return (React.createElement("div", { className: styles$1Z['magneto-ui-job-company-header'] },
|
|
2047
2063
|
React.createElement(JobCompanyLogo, __assign({}, jobCompanyLogoProps)),
|
|
2048
|
-
React.createElement("div", { className: styles$
|
|
2064
|
+
React.createElement("div", { className: styles$1Z['magneto-ui-job-company-header__data-actions'] },
|
|
2049
2065
|
React.createElement(JobHeader, __assign({}, jobHeaderProps)),
|
|
2050
2066
|
isApplied && jobActionsProps && (React.createElement(JobActions, __assign({ isApplied: isApplied, actionsAnchorIcons: anchorIconList }, jobActionsProps))))));
|
|
2051
2067
|
};
|
|
2052
2068
|
/**
|
|
2053
2069
|
* UI Molecule component for Company Job Header
|
|
2054
2070
|
*/
|
|
2055
|
-
var JobCompanyHeader = Component$
|
|
2071
|
+
var JobCompanyHeader = Component$29;
|
|
2056
2072
|
|
|
2057
|
-
var styles$
|
|
2073
|
+
var styles$1Y = {"magneto-ui-job-detail-card":"mg_job_detail_card_magneto-ui-job-detail-card_htydq"};
|
|
2058
2074
|
|
|
2059
|
-
var Component$
|
|
2075
|
+
var Component$28 = function (_a) {
|
|
2060
2076
|
var offerDescription = _a.offerDescription;
|
|
2061
|
-
return (React.createElement("div", { className: styles$
|
|
2077
|
+
return (React.createElement("div", { className: styles$1Y['magneto-ui-job-detail-card'] }, offerDescription !== null ? React.createElement("div", { dangerouslySetInnerHTML: { __html: offerDescription } }) : React.createElement(Fragment, null)));
|
|
2062
2078
|
};
|
|
2063
2079
|
/**
|
|
2064
2080
|
* UI Molecule Component for Job Detail Card Header
|
|
2065
2081
|
*/
|
|
2066
|
-
var JobDetailCard = Component$
|
|
2082
|
+
var JobDetailCard = Component$28;
|
|
2067
2083
|
|
|
2068
2084
|
var style$O = {"magneto-ui-job-detail-container":"mg_job_detail_container_magneto-ui-job-detail-container_2904j","magneto-ui-job-detail-container--btn":"mg_job_detail_container_magneto-ui-job-detail-container--btn_2904j","is-open":"mg_job_detail_container_is-open_2904j"};
|
|
2069
2085
|
|
|
@@ -2078,9 +2094,9 @@ var JobDetailContainer = function (_a) {
|
|
|
2078
2094
|
children));
|
|
2079
2095
|
};
|
|
2080
2096
|
|
|
2081
|
-
var styles$
|
|
2097
|
+
var styles$1X = {"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"};
|
|
2082
2098
|
|
|
2083
|
-
var Component$
|
|
2099
|
+
var Component$27 = function (_a) {
|
|
2084
2100
|
var offerDetailsList = _a.offerDetailsList, iconList = _a.iconList, altList = _a.altList, cities = _a.cities, textRemote = _a.textRemote, isRemote = _a.isRemote;
|
|
2085
2101
|
var jobDetailsList = offerDetailsList === null || offerDetailsList === void 0 ? void 0 : offerDetailsList.map(function (offerDetailText, index) { return ({
|
|
2086
2102
|
icon: iconList && iconList[index],
|
|
@@ -2090,27 +2106,27 @@ var Component$26 = function (_a) {
|
|
|
2090
2106
|
var offerDetailText = _a.offerDetailText;
|
|
2091
2107
|
return !!offerDetailText && index !== 1;
|
|
2092
2108
|
});
|
|
2093
|
-
return (React.createElement("div", { className: styles$
|
|
2094
|
-
React.createElement("div", { className: styles$
|
|
2109
|
+
return (React.createElement("div", { className: styles$1X['magneto-ui-job-details'] },
|
|
2110
|
+
React.createElement("div", { className: styles$1X['magneto-ui-job-details__wrapper'] },
|
|
2095
2111
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.length) &&
|
|
2096
2112
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.map(function (_a) {
|
|
2097
2113
|
var offerDetailText = _a.offerDetailText, icon = _a.icon, _b = _a.alt, alt = _b === void 0 ? '' : _b;
|
|
2098
|
-
return (React.createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$
|
|
2099
|
-
React.createElement("div", { className: styles$
|
|
2114
|
+
return (React.createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$1X['magneto-ui-job-details__item-detail'] },
|
|
2115
|
+
React.createElement("div", { className: styles$1X['magneto-ui-job-details__item-detail-icon'] },
|
|
2100
2116
|
React.createElement(IconItem, { alt: alt, icon: icon, hover: false, size: 16 })),
|
|
2101
|
-
React.createElement("p", { className: styles$
|
|
2117
|
+
React.createElement("p", { className: styles$1X['magneto-ui-job-details__item-detail-text'] }, offerDetailText)));
|
|
2102
2118
|
})),
|
|
2103
2119
|
React.createElement(CitiesDetailDrawer, { cities: cities, isRemote: isRemote, textRemote: textRemote }))));
|
|
2104
2120
|
};
|
|
2105
2121
|
/**
|
|
2106
2122
|
* UI Molecule component for Job Detail
|
|
2107
2123
|
*/
|
|
2108
|
-
Component$
|
|
2109
|
-
var JobDetails = Component$
|
|
2124
|
+
Component$27.displayName = 'JobDetails';
|
|
2125
|
+
var JobDetails = Component$27;
|
|
2110
2126
|
|
|
2111
|
-
var styles$
|
|
2127
|
+
var styles$1W = {"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"};
|
|
2112
2128
|
|
|
2113
|
-
var Component$
|
|
2129
|
+
var Component$26 = function (_a) {
|
|
2114
2130
|
var offerFooterHeader = _a.offerFooterHeader, offerCompanyLogo = _a.offerCompanyLogo, offerFooterList = _a.offerFooterList, iconList = _a.iconList, shareButtonProps = _a.shareButtonProps, companyImgAlt = _a.companyImgAlt;
|
|
2115
2131
|
var jobFooterList = offerFooterList === null || offerFooterList === void 0 ? void 0 : offerFooterList.map(function (_a, index) {
|
|
2116
2132
|
var href = _a.href, title = _a.title, ariaLabel = _a.ariaLabel;
|
|
@@ -2121,28 +2137,28 @@ var Component$25 = function (_a) {
|
|
|
2121
2137
|
title: title
|
|
2122
2138
|
});
|
|
2123
2139
|
});
|
|
2124
|
-
return (React.createElement("div", { className: styles$
|
|
2140
|
+
return (React.createElement("div", { className: styles$1W['magneto-ui-job-footer-card'] },
|
|
2125
2141
|
React.createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, alt: companyImgAlt, loading: "lazy", width: '100px', height: '100px' }),
|
|
2126
|
-
React.createElement("div", { className: styles$
|
|
2142
|
+
React.createElement("div", { className: styles$1W['magneto-ui-job-footer-card__icons'] },
|
|
2127
2143
|
React.createElement("p", null, offerFooterHeader),
|
|
2128
|
-
React.createElement("div", { className: styles$
|
|
2144
|
+
React.createElement("div", { className: styles$1W['magneto-ui-job-footer-card__wrapper'] },
|
|
2129
2145
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.length) &&
|
|
2130
2146
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.map(function (_a, i) {
|
|
2131
2147
|
var href = _a.href, ariaLabel = _a.ariaLabel, icon = _a.icon, title = _a.title;
|
|
2132
2148
|
return href !== null && (React.createElement("a", { key: "".concat(href, "-jobFooterList") + i, title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel },
|
|
2133
2149
|
React.createElement(IconItem, { hover: false, icon: icon || undefined })));
|
|
2134
2150
|
})),
|
|
2135
|
-
React.createElement("div", { className: styles$
|
|
2151
|
+
React.createElement("div", { className: styles$1W['magneto-ui__share-button'] },
|
|
2136
2152
|
React.createElement(ShareButton, __assign({}, shareButtonProps)))))));
|
|
2137
2153
|
};
|
|
2138
2154
|
/**
|
|
2139
2155
|
* UI Molecule component for Job Footer Card
|
|
2140
2156
|
*/
|
|
2141
|
-
var JobFooterCard = Component$
|
|
2157
|
+
var JobFooterCard = Component$26;
|
|
2142
2158
|
|
|
2143
|
-
var styles$
|
|
2159
|
+
var styles$1V = {"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"};
|
|
2144
2160
|
|
|
2145
|
-
var Component$
|
|
2161
|
+
var Component$25 = function (_a) {
|
|
2146
2162
|
var name = _a.name, score = _a.score;
|
|
2147
2163
|
var _b = useState(false), animationApplied = _b[0], setAnimationApplied = _b[1];
|
|
2148
2164
|
var skillRef = useRef(null);
|
|
@@ -2178,21 +2194,21 @@ var Component$24 = function (_a) {
|
|
|
2178
2194
|
4: 'four'
|
|
2179
2195
|
};
|
|
2180
2196
|
var levelClass = scoreToLevel[score || 0] || '';
|
|
2181
|
-
var fillAnimation = animationApplied ? styles$
|
|
2182
|
-
return (React.createElement("div", { ref: skillRef, className: styles$
|
|
2183
|
-
React.createElement("div", { className: styles$
|
|
2197
|
+
var fillAnimation = animationApplied ? styles$1V[levelClass] : '';
|
|
2198
|
+
return (React.createElement("div", { ref: skillRef, className: styles$1V['magneto-ui-skill'] },
|
|
2199
|
+
React.createElement("div", { className: styles$1V['magneto-ui-skill__wrapper'] },
|
|
2184
2200
|
React.createElement("p", null, name),
|
|
2185
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2201
|
+
React.createElement("div", { className: "".concat(styles$1V['magneto-ui-skill__bar'], " ").concat(fillAnimation || styles$1V['magneto-ui-skill--no-animation']) }))));
|
|
2186
2202
|
};
|
|
2187
|
-
var Skill = Component$
|
|
2203
|
+
var Skill = Component$25;
|
|
2188
2204
|
|
|
2189
|
-
var styles$
|
|
2205
|
+
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"};
|
|
2190
2206
|
|
|
2191
|
-
var Component$
|
|
2207
|
+
var Component$24 = function (_a) {
|
|
2192
2208
|
var offerSkillsLabel = _a.offerSkillsLabel, offerSkills = _a.offerSkills;
|
|
2193
|
-
return (React.createElement(Fragment, null, offerSkills && offerSkills.length >= 1 && (React.createElement("div", { className: styles$
|
|
2209
|
+
return (React.createElement(Fragment, null, offerSkills && offerSkills.length >= 1 && (React.createElement("div", { className: styles$1U['magneto-ui-job-skills-card'] },
|
|
2194
2210
|
React.createElement("p", null, offerSkillsLabel),
|
|
2195
|
-
React.createElement("div", { className: styles$
|
|
2211
|
+
React.createElement("div", { className: styles$1U['magneto-ui-job-skills-card__skills-wrapper'] }, offerSkills === null || offerSkills === void 0 ? void 0 : offerSkills.map(function (_a) {
|
|
2196
2212
|
var name = _a.name, score = _a.score, id = _a.id;
|
|
2197
2213
|
return (React.createElement(React.Fragment, { key: "".concat(id, "-JobSkillsCard") },
|
|
2198
2214
|
React.createElement(Skill, { id: id, name: name, score: score })));
|
|
@@ -2201,9 +2217,9 @@ var Component$23 = function (_a) {
|
|
|
2201
2217
|
/**
|
|
2202
2218
|
* UI Molecule component of Job Skills Card
|
|
2203
2219
|
*/
|
|
2204
|
-
var JobSkillsCard = Component$
|
|
2220
|
+
var JobSkillsCard = Component$24;
|
|
2205
2221
|
|
|
2206
|
-
var styles$
|
|
2222
|
+
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"};
|
|
2207
2223
|
|
|
2208
2224
|
var JobVideo = function (_a) {
|
|
2209
2225
|
var imageProps = _a.imageProps, jobId = _a.jobId, videoClassName = _a.videoClassName, vjsOptions = _a.vjsOptions, VideoComponent = _a.VideoComponent, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo;
|
|
@@ -2218,13 +2234,13 @@ var JobVideo = function (_a) {
|
|
|
2218
2234
|
setLoadVideo && setLoadVideo(false);
|
|
2219
2235
|
}
|
|
2220
2236
|
}, [detailJobId, jobId, setLoadVideo]);
|
|
2221
|
-
return loadVideo || uploadVideo ? (React.createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$
|
|
2237
|
+
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 },
|
|
2222
2238
|
React.createElement(Image, __assign({}, imageProps))));
|
|
2223
2239
|
};
|
|
2224
2240
|
|
|
2225
2241
|
var style$N = {"magneto-ui-list-icon":"mg_list_icon_link_magneto-ui-list-icon_1b3zm"};
|
|
2226
2242
|
|
|
2227
|
-
var Component$
|
|
2243
|
+
var Component$23 = function (_a) {
|
|
2228
2244
|
var listIcon = _a.listIcon, size = _a.size, _b = _a.hover, hover = _b === void 0 ? true : _b, spacing = _a.spacing, _c = _a.className, className = _c === void 0 ? '' : _c;
|
|
2229
2245
|
return (React.createElement("div", { style: { gap: "".concat(spacing, "px") }, className: "".concat(style$N['magneto-ui-list-icon'], " ").concat(className) }, listIcon.map(function (_a, index) {
|
|
2230
2246
|
var icon = _a.icon, url = _a.url, title = _a.title;
|
|
@@ -2232,11 +2248,11 @@ var Component$22 = function (_a) {
|
|
|
2232
2248
|
React.createElement(IconItem, { alt: title, hover: hover, size: size, icon: icon })));
|
|
2233
2249
|
})));
|
|
2234
2250
|
};
|
|
2235
|
-
var ListIconLink = Component$
|
|
2251
|
+
var ListIconLink = Component$23;
|
|
2236
2252
|
|
|
2237
2253
|
var style$M = {"magneto-ui-menu-icon":"mg_menu_icon_magneto-ui-menu-icon_1nc3s","magneto-ui-menu-icon__menu-text":"mg_menu_icon_magneto-ui-menu-icon_menu-text_1nc3s","isActive":"mg_menu_icon_isActive_1nc3s"};
|
|
2238
2254
|
|
|
2239
|
-
var Component$
|
|
2255
|
+
var Component$22 = function (_a) {
|
|
2240
2256
|
var text = _a.text, icon = _a.icon, iconProps = _a.iconProps, _b = _a.iconSize, iconSize = _b === void 0 ? 20 : _b, url = _a.url, _c = _a.type, type = _c === void 0 ? 'link' : _c, onClick = _a.onClick, isActive = _a.isActive, _d = _a.className, className = _d === void 0 ? '' : _d, rel = _a.rel, target = _a.target;
|
|
2241
2257
|
var menuActive = isActive ? style$M['isActive'] : '';
|
|
2242
2258
|
return (React.createElement(React.Fragment, null, type === 'link' ? (React.createElement("a", { href: url, className: "".concat(style$M['magneto-ui-menu-icon'], " ").concat(menuActive, " ").concat(className), title: text, rel: rel, target: target },
|
|
@@ -2245,7 +2261,7 @@ var Component$21 = function (_a) {
|
|
|
2245
2261
|
icon && React.createElement(IconItem, __assign({ size: iconSize, hover: false, icon: icon }, iconProps)),
|
|
2246
2262
|
React.createElement("p", { className: style$M['magneto-ui-menu-icon__menu-text'] }, text)))));
|
|
2247
2263
|
};
|
|
2248
|
-
var MenuIcon = Component$
|
|
2264
|
+
var MenuIcon = Component$22;
|
|
2249
2265
|
|
|
2250
2266
|
var style$L = {"mangeto-ui-list-menu-icons":"mg_list_menu_icons_mangeto-ui-list-menu-icons_u92cd"};
|
|
2251
2267
|
|
|
@@ -2255,7 +2271,7 @@ var getIcons = function (iconName) {
|
|
|
2255
2271
|
return megaMenuUserLoggedIcons[iconName];
|
|
2256
2272
|
};
|
|
2257
2273
|
|
|
2258
|
-
var Component$
|
|
2274
|
+
var Component$21 = function (_a) {
|
|
2259
2275
|
var menuItems1440 = _a.menuItems1440, haveGif = _a.haveGif, urlParam = _a.urlParam, menuItems = _a.menuItems, logout = _a.logout;
|
|
2260
2276
|
var logoutText = logout.logoutText, onClick = logout.onClick;
|
|
2261
2277
|
var userMenu = useMediaQuery(menuItems1440 && !haveGif ? menuItems1440 : menuItems, { xl: menuItems });
|
|
@@ -2273,16 +2289,16 @@ var Component$20 = function (_a) {
|
|
|
2273
2289
|
})),
|
|
2274
2290
|
React.createElement(MenuIcon, { type: "button", onClick: onClick, icon: LogoutIcon, text: logoutText })));
|
|
2275
2291
|
};
|
|
2276
|
-
var ListMenuIcons = Component$
|
|
2292
|
+
var ListMenuIcons = Component$21;
|
|
2277
2293
|
|
|
2278
|
-
var Component$
|
|
2294
|
+
var Component$20 = function (_a) {
|
|
2279
2295
|
var _b = _a.menuList, menuList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c;
|
|
2280
2296
|
return (React.createElement("div", null, menuList.map(function (_a, index) {
|
|
2281
2297
|
var text = _a.text, url = _a.url, slug = _a.slug;
|
|
2282
2298
|
return (React.createElement(MenuItem, { key: index, isActive: urlParam === slug ? true : false, url: url, text: text }));
|
|
2283
2299
|
})));
|
|
2284
2300
|
};
|
|
2285
|
-
var ListMenuItems = Component$
|
|
2301
|
+
var ListMenuItems = Component$20;
|
|
2286
2302
|
|
|
2287
2303
|
var style$K = {"magneto-ui-list-menu":"mg_list_menu_text_magneto-ui-list-menu_1m4l3","magneto-ui-list-menu__title":"mg_list_menu_text_magneto-ui-list-menu_title_1m4l3","magneto-ui-list-menu__link":"mg_list_menu_text_magneto-ui-list-menu_link_1m4l3","magneto-ui-list-menu__create-account":"mg_list_menu_text_magneto-ui-list-menu_create-account_1m4l3","magneto-ui-list-menu__create-account--btn":"mg_list_menu_text_magneto-ui-list-menu_create-account--btn_1m4l3"};
|
|
2288
2304
|
|
|
@@ -2325,16 +2341,16 @@ var MagnetoResolution = function (_a) {
|
|
|
2325
2341
|
React.createElement("a", { className: "".concat(style$I["".concat(classMUI, "-magneto-resolution__text--link")]), href: resolutionHref }, resolutionHrefText))));
|
|
2326
2342
|
};
|
|
2327
2343
|
|
|
2328
|
-
var styles$
|
|
2344
|
+
var styles$1S = {"magneto-ui-play-button":"mg_image_magneto-ui-play-button_7q9yc"};
|
|
2329
2345
|
|
|
2330
2346
|
var Image = function (_a) {
|
|
2331
2347
|
var image = _a.image, alt = _a.alt, playIcon = _a.playIcon, className = _a.className;
|
|
2332
2348
|
return (React.createElement(React.Fragment, null,
|
|
2333
2349
|
React.createElement("img", { src: image, alt: alt, loading: "lazy", className: className }),
|
|
2334
|
-
playIcon && React.createElement("div", { className: styles$
|
|
2350
|
+
playIcon && React.createElement("div", { className: styles$1S['magneto-ui-play-button'] }, playIcon)));
|
|
2335
2351
|
};
|
|
2336
2352
|
|
|
2337
|
-
var styles$
|
|
2353
|
+
var styles$1R = {"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"};
|
|
2338
2354
|
|
|
2339
2355
|
var MegaMenuCard = function (_a) {
|
|
2340
2356
|
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;
|
|
@@ -2344,19 +2360,19 @@ var MegaMenuCard = function (_a) {
|
|
|
2344
2360
|
onClick();
|
|
2345
2361
|
}
|
|
2346
2362
|
}, [onClick]);
|
|
2347
|
-
var rigthArrow = (React.createElement("div", { className: styles$
|
|
2363
|
+
var rigthArrow = (React.createElement("div", { className: styles$1R["magneto-ui-mega-menu-card__arrow"] },
|
|
2348
2364
|
React.createElement(IconItem, { icon: ArrowRight2, size: 16 })));
|
|
2349
2365
|
var arrow = useMediaQuery(showRigthArrow && rigthArrow, {
|
|
2350
2366
|
md: rigthArrow
|
|
2351
2367
|
});
|
|
2352
|
-
return (React.createElement("a", { className: "".concat(styles$
|
|
2353
|
-
icon && (React.createElement("div", { className: styles$
|
|
2368
|
+
return (React.createElement("a", { className: "".concat(styles$1R["magneto-ui-mega-menu-card"], " ").concat(className ? className : ''), onClick: handleClick, href: href, target: target },
|
|
2369
|
+
icon && (React.createElement("div", { className: styles$1R["magneto-ui-mega-menu-card__icon"] },
|
|
2354
2370
|
React.createElement(IconItem, { icon: icon, size: 16 }))),
|
|
2355
|
-
logo && (React.createElement("div", { className: styles$
|
|
2356
|
-
React.createElement(Image, { image: logo, alt: 'logo', className: styles$
|
|
2357
|
-
React.createElement("div", { className: styles$
|
|
2358
|
-
React.createElement("div", { className: styles$
|
|
2359
|
-
React.createElement("div", { className: styles$
|
|
2371
|
+
logo && (React.createElement("div", { className: styles$1R["magneto-ui-mega-menu-card__logo"] },
|
|
2372
|
+
React.createElement(Image, { image: logo, alt: 'logo', className: styles$1R["magneto-ui-mega-menu-card__logo"] }))),
|
|
2373
|
+
React.createElement("div", { className: styles$1R["magneto-ui-mega-menu-card__content"] },
|
|
2374
|
+
React.createElement("div", { className: styles$1R["magneto-ui-mega-menu-card__title"] }, title),
|
|
2375
|
+
React.createElement("div", { className: styles$1R["magneto-ui-mega-menu-card__quotas"] }, "".concat(quotas.toLocaleString('es-CO', {
|
|
2360
2376
|
maximumFractionDigits: 3
|
|
2361
2377
|
}), " cupos"))),
|
|
2362
2378
|
arrow));
|
|
@@ -2412,9 +2428,9 @@ var useLoggedInUser = function () {
|
|
|
2412
2428
|
return listMenuUserProps;
|
|
2413
2429
|
};
|
|
2414
2430
|
|
|
2415
|
-
var styles$
|
|
2431
|
+
var styles$1Q = {"button-link":"mg_button_link_button-link_1iyy1","button-link__text":"mg_button_link_button-link_text_1iyy1"};
|
|
2416
2432
|
|
|
2417
|
-
var Component$
|
|
2433
|
+
var Component$1$ = function (_a) {
|
|
2418
2434
|
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;
|
|
2419
2435
|
var handleClick = useCallback(function (event) {
|
|
2420
2436
|
if (onClick) {
|
|
@@ -2422,15 +2438,15 @@ var Component$1_ = function (_a) {
|
|
|
2422
2438
|
onClick();
|
|
2423
2439
|
}
|
|
2424
2440
|
}, [onClick]);
|
|
2425
|
-
return (React.createElement("a", { className: "".concat(className ? className : styles$
|
|
2426
|
-
suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$
|
|
2427
|
-
buttonText && React.createElement("p", { className: styles$
|
|
2428
|
-
prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$
|
|
2441
|
+
return (React.createElement("a", { className: "".concat(className ? className : styles$1Q['button-link']), type: "button", onClick: handleClick, href: href, rel: rel, target: target },
|
|
2442
|
+
suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$1Q['button-link__icon'] })),
|
|
2443
|
+
buttonText && React.createElement("p", { className: styles$1Q['button-link__text'] }, buttonText),
|
|
2444
|
+
prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$1Q['button-link__icon'] }))));
|
|
2429
2445
|
};
|
|
2430
2446
|
/**
|
|
2431
2447
|
* UI Atom Component of Save Button
|
|
2432
2448
|
*/
|
|
2433
|
-
var ButtonLink = Component$
|
|
2449
|
+
var ButtonLink = Component$1$;
|
|
2434
2450
|
|
|
2435
2451
|
var MegaMenuJobsTabs = function () {
|
|
2436
2452
|
var _a, _b;
|
|
@@ -2458,7 +2474,7 @@ var MegaMenuJobsTabs = function () {
|
|
|
2458
2474
|
React.createElement("div", { className: "".concat(style$H["mega-menu-jobs-tabs__content"]) }, content)));
|
|
2459
2475
|
};
|
|
2460
2476
|
|
|
2461
|
-
var styles$
|
|
2477
|
+
var styles$1P = {"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"};
|
|
2462
2478
|
|
|
2463
2479
|
var popoverClassName = 'magneto-ui-mega-menu-popover';
|
|
2464
2480
|
var MegaMenuPopover = function (_a) {
|
|
@@ -2480,12 +2496,12 @@ var MegaMenuPopover = function (_a) {
|
|
|
2480
2496
|
body.style.overflowY = showContent ? 'hidden' : 'auto';
|
|
2481
2497
|
}, [showContent]);
|
|
2482
2498
|
return (React.createElement(React.Fragment, null,
|
|
2483
|
-
jobAction && (React.createElement("button", { className: "".concat(styles$
|
|
2484
|
-
React.createElement("p", { className: "".concat(styles$
|
|
2485
|
-
React.createElement(IconItem, { className: "".concat(styles$
|
|
2486
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2487
|
-
React.createElement("div", { className: styles$
|
|
2488
|
-
React.createElement("div", { className: styles$
|
|
2499
|
+
jobAction && (React.createElement("button", { className: "".concat(styles$1P["".concat(popoverClassName, "__action")]), onClick: handleShowContent(!showContent) },
|
|
2500
|
+
React.createElement("p", { className: "".concat(styles$1P["".concat(popoverClassName, "__action--text")]) }, jobAction.label),
|
|
2501
|
+
React.createElement(IconItem, { className: "".concat(styles$1P["".concat(popoverClassName, "__action--icon")], " ").concat(showContent ? styles$1P["".concat(popoverClassName, "__action--icon-reverse")] : ''), icon: ArrowDown2, alt: "arrow-icon", size: 16 }))),
|
|
2502
|
+
React.createElement("div", { className: "".concat(styles$1P["".concat(popoverClassName, "__dropdown")], " ").concat(showContent ? styles$1P["".concat(popoverClassName, "__dropdown--open")] : '') },
|
|
2503
|
+
React.createElement("div", { className: styles$1P["".concat(popoverClassName, "__shadow")], onClick: handleShowContent(false) }),
|
|
2504
|
+
React.createElement("div", { className: styles$1P["".concat(popoverClassName, "__content")], onClick: function (event) {
|
|
2489
2505
|
event.stopPropagation();
|
|
2490
2506
|
} }, children))));
|
|
2491
2507
|
};
|
|
@@ -2510,17 +2526,17 @@ var MegaMenuSideCards = function (_a) {
|
|
|
2510
2526
|
React.createElement(ButtonLink, { href: action.url, buttonText: action.label, onClick: action.onClick, className: "".concat(style$G["mega-menu-side-cards__action"]), prefixIcon: ArrowRightWhite })))));
|
|
2511
2527
|
};
|
|
2512
2528
|
|
|
2513
|
-
var styles$
|
|
2529
|
+
var styles$1O = {"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"};
|
|
2514
2530
|
|
|
2515
2531
|
var MenuSearch = function (_a) {
|
|
2516
2532
|
var children = _a.children, content = _a.content, show = _a.show, handleOnBlur = _a.handleOnBlur;
|
|
2517
2533
|
var onBlur = useCallback(function () {
|
|
2518
2534
|
handleOnBlur && handleOnBlur();
|
|
2519
2535
|
}, [handleOnBlur]);
|
|
2520
|
-
return (React.createElement("div", { className: styles$
|
|
2521
|
-
React.createElement("div", { className: styles$
|
|
2536
|
+
return (React.createElement("div", { className: styles$1O['magneto-ui-menu-search'], onBlur: onBlur },
|
|
2537
|
+
React.createElement("div", { className: styles$1O['magneto-ui-menu-search_container'] },
|
|
2522
2538
|
children,
|
|
2523
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2539
|
+
React.createElement("div", { className: "".concat(styles$1O['magneto-ui-menu-search_content'], " ").concat(show && styles$1O.open) }, content))));
|
|
2524
2540
|
};
|
|
2525
2541
|
|
|
2526
2542
|
var iconByType = {
|
|
@@ -2531,9 +2547,9 @@ var iconByType = {
|
|
|
2531
2547
|
};
|
|
2532
2548
|
var transitionDuration = 300;
|
|
2533
2549
|
|
|
2534
|
-
var styles$
|
|
2550
|
+
var styles$1N = {"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"};
|
|
2535
2551
|
|
|
2536
|
-
var Component$
|
|
2552
|
+
var Component$1_ = function (_a) {
|
|
2537
2553
|
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;
|
|
2538
2554
|
var _e = useState(false), toggleAnimation = _e[0], setToggleAnimation = _e[1];
|
|
2539
2555
|
var _f = useState(visible), localVisible = _f[0], setLocalVisible = _f[1];
|
|
@@ -2545,7 +2561,7 @@ var Component$1Z = function (_a) {
|
|
|
2545
2561
|
}); }, []);
|
|
2546
2562
|
var containerStyles = useMemo(function () {
|
|
2547
2563
|
return CNM.get({
|
|
2548
|
-
styles: styles$
|
|
2564
|
+
styles: styles$1N,
|
|
2549
2565
|
cls: [
|
|
2550
2566
|
'message__container',
|
|
2551
2567
|
"message__container--".concat(toggleAnimation ? 'show' : 'hidden'),
|
|
@@ -2553,7 +2569,7 @@ var Component$1Z = function (_a) {
|
|
|
2553
2569
|
]
|
|
2554
2570
|
});
|
|
2555
2571
|
}, [type, toggleAnimation]);
|
|
2556
|
-
var textStyles = useCallback(function (bold) { return CNM.get({ styles: styles$
|
|
2572
|
+
var textStyles = useCallback(function (bold) { return CNM.get({ styles: styles$1N, cls: ['message__text', bold && 'message__text--bold'] }); }, []);
|
|
2557
2573
|
useEffect(function () {
|
|
2558
2574
|
if (!localVisible)
|
|
2559
2575
|
return;
|
|
@@ -2585,9 +2601,9 @@ var Component$1Z = function (_a) {
|
|
|
2585
2601
|
setIsAnimating(visible);
|
|
2586
2602
|
}, [isAnimating, visible]);
|
|
2587
2603
|
return localVisible
|
|
2588
|
-
? ReactDOM.createPortal(React.createElement("div", { style: containerVar, className: CNM.get({ styles: styles$
|
|
2604
|
+
? ReactDOM.createPortal(React.createElement("div", { style: containerVar, className: CNM.get({ styles: styles$1N, cls: [className] }) },
|
|
2589
2605
|
React.createElement("div", { className: containerStyles },
|
|
2590
|
-
React.createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$
|
|
2606
|
+
React.createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$1N, cls: ['message__icon'] }), icon: iconByType[type], showDefaultFallback: false, size: 20 }, iconProps)),
|
|
2591
2607
|
React.createElement("div", null,
|
|
2592
2608
|
text && React.createElement("span", { className: textStyles(!!description) }, text),
|
|
2593
2609
|
description && React.createElement("span", { className: textStyles() }, description)))), document.body)
|
|
@@ -2596,13 +2612,13 @@ var Component$1Z = function (_a) {
|
|
|
2596
2612
|
/**
|
|
2597
2613
|
* Molecule UI component for Message
|
|
2598
2614
|
*/
|
|
2599
|
-
var Message = Component$
|
|
2615
|
+
var Message = Component$1_;
|
|
2600
2616
|
|
|
2601
|
-
var styles$
|
|
2617
|
+
var styles$1M = {"magneto-ui-mobile-job-details-header":"mg_mobile_job_detail_header_magneto-ui-mobile-job-details-header_1fct0"};
|
|
2602
2618
|
|
|
2603
|
-
var Component$
|
|
2619
|
+
var Component$1Z = function (_a) {
|
|
2604
2620
|
var returnText = _a.returnText, onClick = _a.onClick;
|
|
2605
|
-
return (React.createElement("div", { className: styles$
|
|
2621
|
+
return (React.createElement("div", { className: styles$1M['magneto-ui-mobile-job-details-header'] },
|
|
2606
2622
|
React.createElement("button", { onClick: onClick },
|
|
2607
2623
|
React.createElement(IconItem, { alt: "arrow-left", icon: ArrowLeft2 })),
|
|
2608
2624
|
React.createElement("p", null, returnText)));
|
|
@@ -2610,11 +2626,11 @@ var Component$1Y = function (_a) {
|
|
|
2610
2626
|
/**
|
|
2611
2627
|
* UI Molecule Component for Mobile Jobs Drawer
|
|
2612
2628
|
*/
|
|
2613
|
-
var MobileJobDetailsHeader = Component$
|
|
2629
|
+
var MobileJobDetailsHeader = Component$1Z;
|
|
2614
2630
|
|
|
2615
|
-
var styles$
|
|
2631
|
+
var styles$1L = {"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"};
|
|
2616
2632
|
|
|
2617
|
-
var Component$
|
|
2633
|
+
var Component$1Y = function (_a) {
|
|
2618
2634
|
var termValue = _a.termValue, onSearch = _a.onSearch, onClick = _a.onClick, focusSearchInput = _a.focusSearchInput, showMobileSearchbar = _a.showMobileSearchbar;
|
|
2619
2635
|
var _b = useState(termValue ? termValue : ''), searchValue = _b[0], setSearchValue = _b[1];
|
|
2620
2636
|
var searchInputRef = useRef(null);
|
|
@@ -2636,20 +2652,20 @@ var Component$1X = function (_a) {
|
|
|
2636
2652
|
(_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
2637
2653
|
}
|
|
2638
2654
|
}, [focusSearchInput]);
|
|
2639
|
-
return (React.createElement("div", { className: styles$
|
|
2655
|
+
return (React.createElement("div", { className: styles$1L.MobileSearchbarComponent, "data-show-mobile-searchbar": showMobileSearchbar },
|
|
2640
2656
|
React.createElement("form", { onSubmit: handleSubmit },
|
|
2641
|
-
searchValue && React.createElement("div", { className: styles$
|
|
2642
|
-
React.createElement(MainButton, __assign({ className: styles$
|
|
2657
|
+
searchValue && React.createElement("div", { className: styles$1L['search-badge'] }),
|
|
2658
|
+
React.createElement(MainButton, __assign({ className: styles$1L['magneto-ui-search-button'] }, searchMobileProps)),
|
|
2643
2659
|
React.createElement("label", { htmlFor: "search" }),
|
|
2644
2660
|
React.createElement("input", { type: "text", name: "search", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, ref: searchInputRef }),
|
|
2645
|
-
React.createElement(MainButton, __assign({ className: styles$
|
|
2661
|
+
React.createElement(MainButton, __assign({ className: styles$1L['magneto-ui-remove-button'], onClick: handleClearSearch }, closeSearchMobileProps)))));
|
|
2646
2662
|
};
|
|
2647
2663
|
/**
|
|
2648
2664
|
* Molecule UI component for MobileSearchbar
|
|
2649
2665
|
*/
|
|
2650
|
-
var MobileSearchbar = Component$
|
|
2666
|
+
var MobileSearchbar = Component$1Y;
|
|
2651
2667
|
|
|
2652
|
-
var styles$
|
|
2668
|
+
var styles$1K = {"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"};
|
|
2653
2669
|
|
|
2654
2670
|
var Modal = function (_a) {
|
|
2655
2671
|
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;
|
|
@@ -2662,49 +2678,49 @@ var Modal = function (_a) {
|
|
|
2662
2678
|
if (!isOpen)
|
|
2663
2679
|
return null;
|
|
2664
2680
|
return (React.createElement(Fragment, null,
|
|
2665
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2666
|
-
title ? React.createElement("h2", { className: "".concat(styles$
|
|
2667
|
-
description ? React.createElement("p", { className: "".concat(styles$
|
|
2681
|
+
React.createElement("div", { className: "".concat(styles$1K["".concat(classMUI, "-modal")], " ").concat(className) },
|
|
2682
|
+
title ? React.createElement("h2", { className: "".concat(styles$1K["".concat(classMUI, "-modal__title")]) }, title) : null,
|
|
2683
|
+
description ? React.createElement("p", { className: "".concat(styles$1K["".concat(classMUI, "-modal__description")]) }, description) : null,
|
|
2668
2684
|
children,
|
|
2669
|
-
React.createElement("button", { "data-name": "close-drawer", className: "".concat(styles$
|
|
2685
|
+
React.createElement("button", { "data-name": "close-drawer", className: "".concat(styles$1K["".concat(classMUI, "-modal__close-btn")]), onClick: onClose, type: "button" },
|
|
2670
2686
|
React.createElement("img", { src: Close, alt: "close icon" }))),
|
|
2671
|
-
React.createElement("span", { className: "".concat(styles$
|
|
2687
|
+
React.createElement("span", { className: "".concat(styles$1K["".concat(classMUI, "-background-modal")]), onClick: blockBackgroundClose ? function () { return null; } : onClose })));
|
|
2672
2688
|
};
|
|
2673
2689
|
var Title = function (_a) {
|
|
2674
2690
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
2675
|
-
return (React.createElement("h2", __assign({ className: "".concat(styles$
|
|
2691
|
+
return (React.createElement("h2", __assign({ className: "".concat(styles$1K["".concat(classMUI, "-modal__title")], " ").concat(className) }, props), children));
|
|
2676
2692
|
};
|
|
2677
2693
|
var Description = function (_a) {
|
|
2678
2694
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
2679
|
-
return (React.createElement("p", __assign({ className: "".concat(styles$
|
|
2695
|
+
return (React.createElement("p", __assign({ className: "".concat(styles$1K["".concat(classMUI, "-modal__description")], " ").concat(className) }, props), children));
|
|
2680
2696
|
};
|
|
2681
2697
|
var Modal$1 = Object.assign(Modal, { Title: Title, Description: Description });
|
|
2682
2698
|
|
|
2683
|
-
var Component$
|
|
2699
|
+
var Component$1X = function (_a) {
|
|
2684
2700
|
var children = _a.children, open = _a.open, onClose = _a.onClose, modalClassName = _a.modalClassName, mobileDrawerClassName = _a.mobileDrawerClassName;
|
|
2685
2701
|
var container = useMediaQuery(React.createElement(Modal$1, { className: modalClassName, isOpen: open, onClose: onClose }, children), {
|
|
2686
2702
|
md: (React.createElement(MobileDrawer, { className: mobileDrawerClassName, isOpen: open, onClose: onClose }, children))
|
|
2687
2703
|
});
|
|
2688
2704
|
return container;
|
|
2689
2705
|
};
|
|
2690
|
-
var ModalResponsive = Component$
|
|
2706
|
+
var ModalResponsive = Component$1X;
|
|
2691
2707
|
|
|
2692
|
-
var styles$
|
|
2708
|
+
var styles$1J = {"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"};
|
|
2693
2709
|
|
|
2694
2710
|
var BtnPagination = function (_a) {
|
|
2695
2711
|
var loading = _a.loading, value = _a.value, current = _a.current, text = _a.text, icon = _a.icon, onClick = _a.onClick, dynamicPaginationUrl = _a.dynamicPaginationUrl;
|
|
2696
2712
|
var displayContent = useMemo(function () {
|
|
2697
2713
|
if (loading && value && current === value)
|
|
2698
|
-
return React.createElement(IconItem, { icon: SpinnerWhite, className: styles$
|
|
2714
|
+
return React.createElement(IconItem, { icon: SpinnerWhite, className: styles$1J['magneto-ui-btn-pagination_spinner'] });
|
|
2699
2715
|
return value;
|
|
2700
2716
|
}, [loading, current, value]);
|
|
2701
2717
|
var pageQueryParam = 'paginator[page]=';
|
|
2702
2718
|
var displayIcon = useMemo(function () { return (icon ? React.createElement(IconItem, { icon: icon }) : React.createElement(Fragment, null)); }, [icon]);
|
|
2703
2719
|
var title = useMemo(function () { return (text ? text : "".concat(value)); }, [text, value]);
|
|
2704
|
-
return (React.createElement(Fragment, null, dynamicPaginationUrl ? (React.createElement("a", { className: styles$
|
|
2705
|
-
React.createElement("button", { className: "\n ".concat(loading && styles$
|
|
2720
|
+
return (React.createElement(Fragment, null, dynamicPaginationUrl ? (React.createElement("a", { className: styles$1J['magneto-ui-btn-pagination_anchor'], href: "".concat(dynamicPaginationUrl, "?").concat(pageQueryParam).concat(value), onClick: function (e) { return e.preventDefault(); } },
|
|
2721
|
+
React.createElement("button", { className: "\n ".concat(loading && styles$1J['magneto-ui-btn-pagination_disabled'], " \n ").concat(value && current === value && styles$1J['magneto-ui-btn-pagination_active'], " \n ").concat(text && styles$1J['magneto-ui-btn-pagination_with__icon'], "\n ").concat(styles$1J['magneto-ui-btn-pagination_btn'], "\n "), title: title, disabled: loading, onClick: onClick },
|
|
2706
2722
|
displayContent,
|
|
2707
|
-
displayIcon))) : (React.createElement("button", { className: "\n ".concat(loading && styles$
|
|
2723
|
+
displayIcon))) : (React.createElement("button", { className: "\n ".concat(loading && styles$1J['magneto-ui-btn-pagination_disabled'], " \n ").concat(value && current === value && styles$1J['magneto-ui-btn-pagination_active'], " \n ").concat(text && styles$1J['magneto-ui-btn-pagination_with__icon'], "\n ").concat(styles$1J['magneto-ui-btn-pagination_btn'], "\n "), title: title, disabled: loading, onClick: onClick },
|
|
2708
2724
|
displayContent,
|
|
2709
2725
|
displayIcon))));
|
|
2710
2726
|
};
|
|
@@ -2755,7 +2771,7 @@ var createPagination = function (_a) {
|
|
|
2755
2771
|
};
|
|
2756
2772
|
};
|
|
2757
2773
|
|
|
2758
|
-
var styles$
|
|
2774
|
+
var styles$1I = {"magneto-ui-pagination":"mg_pagination_magneto-ui-pagination_n897h","magneto-ui-pagination_ellipsis":"mg_pagination_magneto-ui-pagination_ellipsis_n897h"};
|
|
2759
2775
|
|
|
2760
2776
|
var Pagination = function (_a) {
|
|
2761
2777
|
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;
|
|
@@ -2774,16 +2790,16 @@ var Pagination = function (_a) {
|
|
|
2774
2790
|
}, [total, current, pageSize, numberOfButtons]), buttons = _c.buttons, first = _c.first, last = _c.last;
|
|
2775
2791
|
if (total <= pageSize)
|
|
2776
2792
|
return React.createElement(Fragment, null);
|
|
2777
|
-
return (React.createElement("div", { className: styles$
|
|
2793
|
+
return (React.createElement("div", { className: styles$1I['magneto-ui-pagination'] },
|
|
2778
2794
|
first !== current && (React.createElement(BtnPagination, { loading: loading, text: prevTitle, icon: ArrowLeft2, onClick: function () { return handleClick(current - 1); } })),
|
|
2779
2795
|
React.createElement("ul", null,
|
|
2780
2796
|
!buttons.includes(first) && (React.createElement("li", null,
|
|
2781
2797
|
React.createElement(BtnPagination, { loading: loading, value: first, current: current, onClick: function () { return handleClick(first); }, dynamicPaginationUrl: dynamicUrl }),
|
|
2782
|
-
React.createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
2798
|
+
React.createElement(IconItem, { icon: Ellipsis, className: styles$1I['magneto-ui-pagination_ellipsis'] }))),
|
|
2783
2799
|
buttons.map(function (page, index) { return (React.createElement("li", { key: "".concat(page, "-").concat(index) },
|
|
2784
2800
|
React.createElement(BtnPagination, { loading: loading, value: page, current: current, onClick: function () { return handleClick(page); }, dynamicPaginationUrl: dynamicUrl }))); }),
|
|
2785
2801
|
!buttons.includes(last) && (React.createElement("li", null,
|
|
2786
|
-
React.createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
2802
|
+
React.createElement(IconItem, { icon: Ellipsis, className: styles$1I['magneto-ui-pagination_ellipsis'] }),
|
|
2787
2803
|
React.createElement(BtnPagination, { loading: loading, value: last, current: current, onClick: function () { return handleClick(last); }, dynamicPaginationUrl: dynamicUrl })))),
|
|
2788
2804
|
last !== current && (React.createElement(BtnPagination, { loading: loading, text: nextTitle, icon: ArrowRight2, onClick: function () { return handleClick(current + 1); } }))));
|
|
2789
2805
|
};
|
|
@@ -2803,9 +2819,9 @@ var generateID = function () {
|
|
|
2803
2819
|
return uniqueID;
|
|
2804
2820
|
};
|
|
2805
2821
|
|
|
2806
|
-
var styles$
|
|
2822
|
+
var styles$1H = {"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"};
|
|
2807
2823
|
|
|
2808
|
-
var Component$
|
|
2824
|
+
var Component$1W = function (_a) {
|
|
2809
2825
|
var name = _a.name, onChange = _a.onChange, removeSkill = _a.removeSkill, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color, id = _a.id;
|
|
2810
2826
|
var _b = useState(scoreValue || 1), score = _b[0], setScore = _b[1];
|
|
2811
2827
|
var _c = useState(0), spanHover = _c[0], setSpanHover = _c[1];
|
|
@@ -2833,19 +2849,19 @@ var Component$1V = function (_a) {
|
|
|
2833
2849
|
}
|
|
2834
2850
|
return { backgroundColor: '#c4c4c4' };
|
|
2835
2851
|
}, [color, score, spanHover]);
|
|
2836
|
-
return (React.createElement("div", { className: styles$
|
|
2852
|
+
return (React.createElement("div", { className: styles$1H['magneto-ui-score-level'] },
|
|
2837
2853
|
React.createElement("p", null, name),
|
|
2838
|
-
React.createElement("div", { className: styles$
|
|
2854
|
+
React.createElement("div", { className: styles$1H['magneto-ui-score-level__summary'] },
|
|
2839
2855
|
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); } })); })),
|
|
2840
2856
|
React.createElement("p", null, labelScore)),
|
|
2841
|
-
React.createElement("button", { className: styles$
|
|
2857
|
+
React.createElement("button", { className: styles$1H['magneto-ui-score-level__delete-action'], onClick: function () { return removeSkill(name); }, type: "button" },
|
|
2842
2858
|
React.createElement("img", { src: Trash, alt: "remove-skill-icon" }))));
|
|
2843
2859
|
};
|
|
2844
|
-
var ScoreLevel = Component$
|
|
2860
|
+
var ScoreLevel = Component$1W;
|
|
2845
2861
|
|
|
2846
|
-
var styles$
|
|
2862
|
+
var styles$1G = {"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"};
|
|
2847
2863
|
|
|
2848
|
-
var Component$
|
|
2864
|
+
var Component$1V = function (_a) {
|
|
2849
2865
|
var name = _a.name, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color;
|
|
2850
2866
|
var labelScore = useMemo(function () {
|
|
2851
2867
|
return levels[scoreValue - 1];
|
|
@@ -2860,17 +2876,17 @@ var Component$1U = function (_a) {
|
|
|
2860
2876
|
}
|
|
2861
2877
|
return { backgroundColor: '#c4c4c4' };
|
|
2862
2878
|
}, [color, scoreValue]);
|
|
2863
|
-
return (React.createElement("div", { className: styles$
|
|
2879
|
+
return (React.createElement("div", { className: styles$1G['magneto-ui-score-level'] },
|
|
2864
2880
|
React.createElement("p", null, name),
|
|
2865
|
-
React.createElement("div", { className: styles$
|
|
2881
|
+
React.createElement("div", { className: styles$1G['magneto-ui-score-level__summary'] },
|
|
2866
2882
|
React.createElement("div", null, levels.map(function (_, index) { return (React.createElement("span", { style: setDinamycColor(index + 1), key: generateID() })); })),
|
|
2867
2883
|
React.createElement("p", null, labelScore))));
|
|
2868
2884
|
};
|
|
2869
|
-
var ScoreLevelStatic = Component$
|
|
2885
|
+
var ScoreLevelStatic = Component$1V;
|
|
2870
2886
|
|
|
2871
|
-
var styles$
|
|
2887
|
+
var styles$1F = {"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"};
|
|
2872
2888
|
|
|
2873
|
-
var Component$
|
|
2889
|
+
var Component$1U = function (_a) {
|
|
2874
2890
|
var placeholder = _a.placeholder, onSearch = _a.onSearch, searchButtonProps = _a.searchButtonProps, removeButtonProps = _a.removeButtonProps, termValue = _a.termValue;
|
|
2875
2891
|
var _b = useState(''), searchValue = _b[0], setSearchValue = _b[1];
|
|
2876
2892
|
useEffect(function () {
|
|
@@ -2886,32 +2902,32 @@ var Component$1T = function (_a) {
|
|
|
2886
2902
|
setSearchValue('');
|
|
2887
2903
|
onSearch('');
|
|
2888
2904
|
};
|
|
2889
|
-
return (React.createElement("div", { className: styles$
|
|
2905
|
+
return (React.createElement("div", { className: styles$1F.SearchbarComponent },
|
|
2890
2906
|
React.createElement("form", { onSubmit: handleSubmit },
|
|
2891
2907
|
React.createElement("input", { type: "text", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, placeholder: placeholder }),
|
|
2892
|
-
searchValue && React.createElement("div", { className: styles$
|
|
2893
|
-
React.createElement("div", { className: styles$
|
|
2908
|
+
searchValue && React.createElement("div", { className: styles$1F['SearchbarComponent__badge'] }),
|
|
2909
|
+
React.createElement("div", { className: styles$1F['magneto-ui-searchbar-buttons'] },
|
|
2894
2910
|
searchValue && (React.createElement(React.Fragment, null,
|
|
2895
|
-
React.createElement(MainButton, __assign({ className: styles$
|
|
2911
|
+
React.createElement(MainButton, __assign({ className: styles$1F['magneto-ui-remove-button'], onClick: handleClearSearch }, removeButtonProps)),
|
|
2896
2912
|
React.createElement("span", null, "|"))),
|
|
2897
2913
|
React.createElement(MainButton, __assign({}, searchButtonProps))))));
|
|
2898
2914
|
};
|
|
2899
2915
|
/**
|
|
2900
2916
|
* UI Molecule of a searchbar
|
|
2901
2917
|
*/
|
|
2902
|
-
var Searchbar = Component$
|
|
2918
|
+
var Searchbar = Component$1U;
|
|
2903
2919
|
|
|
2904
|
-
var styles$
|
|
2920
|
+
var styles$1E = {"search-button":"mg_search_button_search-button_svn7v","search-button__badge":"mg_search_button_search-button_badge_svn7v"};
|
|
2905
2921
|
|
|
2906
|
-
var Component$
|
|
2922
|
+
var Component$1T = function (_a) {
|
|
2907
2923
|
var props = __rest(_a, []);
|
|
2908
|
-
return (React.createElement("div", { className: styles$
|
|
2909
|
-
props.searchValue && React.createElement("div", { className: styles$
|
|
2924
|
+
return (React.createElement("div", { className: styles$1E['search-button'] },
|
|
2925
|
+
props.searchValue && React.createElement("div", { className: styles$1E['search-button__badge'] }),
|
|
2910
2926
|
React.createElement(MainButton, __assign({ onClick: props.onClick }, props))));
|
|
2911
2927
|
};
|
|
2912
|
-
var SearchButton = Component$
|
|
2928
|
+
var SearchButton = Component$1T;
|
|
2913
2929
|
|
|
2914
|
-
var styles$
|
|
2930
|
+
var styles$1D = {"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"};
|
|
2915
2931
|
|
|
2916
2932
|
var SimilarJobsCard = function (_a) {
|
|
2917
2933
|
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;
|
|
@@ -2921,12 +2937,12 @@ var SimilarJobsCard = function (_a) {
|
|
|
2921
2937
|
var experienceFormat = experience ? " | ".concat(experience) : '';
|
|
2922
2938
|
return "".concat(citiesFormat).concat(salaryFormat).concat(experienceFormat);
|
|
2923
2939
|
}, [cities, salary, experience]);
|
|
2924
|
-
return (React.createElement("a", { title: title, className: "".concat(styles$
|
|
2925
|
-
!hideLogo && (React.createElement("img", { className: "".concat(styles$
|
|
2940
|
+
return (React.createElement("a", { title: title, className: "".concat(styles$1D["".concat(classMUI, "-similar-jobs")]), href: jobUrlSlug },
|
|
2941
|
+
!hideLogo && (React.createElement("img", { className: "".concat(styles$1D["".concat(classMUI, "-similar-jobs__img")]), src: companyLogo ? companyLogo : NoLogo, alt: "".concat(companyName ? companyName : 'company', "-logo").toLowerCase() })),
|
|
2926
2942
|
React.createElement("div", null,
|
|
2927
|
-
React.createElement("p", { className: "".concat(styles$
|
|
2928
|
-
React.createElement("p", { className: "".concat(styles$
|
|
2929
|
-
React.createElement(IconItem, { className: "".concat(styles$
|
|
2943
|
+
React.createElement("p", { className: "".concat(styles$1D["".concat(classMUI, "-similar-jobs__title")]) }, title),
|
|
2944
|
+
React.createElement("p", { className: "".concat(styles$1D["".concat(classMUI, "-similar-jobs__info")]) }, formatInfo)),
|
|
2945
|
+
React.createElement(IconItem, { className: "".concat(styles$1D["".concat(classMUI, "-similar-jobs__arrow")]), icon: ArrowRight2, alt: "arow-right-icon" })));
|
|
2930
2946
|
};
|
|
2931
2947
|
|
|
2932
2948
|
var style$E = {"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"};
|
|
@@ -2948,7 +2964,7 @@ var SortMenu = function (_a) {
|
|
|
2948
2964
|
};
|
|
2949
2965
|
var SortMenu$1 = withClickOut(SortMenu);
|
|
2950
2966
|
|
|
2951
|
-
var styles$
|
|
2967
|
+
var styles$1C = {"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"};
|
|
2952
2968
|
|
|
2953
2969
|
var TextArea = function (_a) {
|
|
2954
2970
|
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"]);
|
|
@@ -2974,15 +2990,15 @@ var TextArea = function (_a) {
|
|
|
2974
2990
|
return;
|
|
2975
2991
|
setShowPlaceholder(scrollTop === 0);
|
|
2976
2992
|
}, [showPlaceholder]);
|
|
2977
|
-
return (React.createElement("div", { className: styles$
|
|
2978
|
-
React.createElement("div", { className: styles$
|
|
2993
|
+
return (React.createElement("div", { className: styles$1C["".concat(classMUI, "-text-area")] },
|
|
2994
|
+
React.createElement("div", { className: styles$1C["".concat(classMUI, "-text-area--container")] },
|
|
2979
2995
|
showPlaceholder && (React.createElement("label", { htmlFor: name, style: {
|
|
2980
2996
|
top: haveValueOrFocus ? '5px' : '10px',
|
|
2981
2997
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
2982
|
-
}, className: styles$
|
|
2983
|
-
React.createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$
|
|
2984
|
-
React.createElement("div", { className: styles$
|
|
2985
|
-
React.createElement("span", { className: styles$
|
|
2998
|
+
}, className: styles$1C["".concat(classMUI, "-text-area--container__label")] }, placeholder)),
|
|
2999
|
+
React.createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$1C["".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 }))),
|
|
3000
|
+
React.createElement("div", { className: styles$1C["".concat(classMUI, "-text-area__footer")] },
|
|
3001
|
+
React.createElement("span", { className: styles$1C["".concat(classMUI, "-text-area--container__error")] }, error),
|
|
2986
3002
|
hasCounter && React.createElement(ComparativeCounter, { current: inputValue === null || inputValue === void 0 ? void 0 : inputValue.length, max: maxCounterValue }))));
|
|
2987
3003
|
};
|
|
2988
3004
|
|
|
@@ -2993,7 +3009,7 @@ var timelineIcons = {
|
|
|
2993
3009
|
current: Clock,
|
|
2994
3010
|
blocked: Lock
|
|
2995
3011
|
};
|
|
2996
|
-
var Component$
|
|
3012
|
+
var Component$1S = function (_a) {
|
|
2997
3013
|
var title = _a.title, subtitle = _a.subtitle, status = _a.status, _b = _a.index, index = _b === void 0 ? 0 : _b, _c = _a.onClick, onClick = _c === void 0 ? function () { return ({}); } : _c;
|
|
2998
3014
|
var iconByType = useMemo(function () { return timelineIcons[status]; }, [status]);
|
|
2999
3015
|
var titleStyle = style$D["".concat(classMUI, "-timeline-event__text--title-").concat(status)];
|
|
@@ -3006,11 +3022,11 @@ var Component$1R = function (_a) {
|
|
|
3006
3022
|
React.createElement("p", { className: "".concat(style$D["".concat(classMUI, "-timeline-event__text--title")], " ").concat(titleStyle) }, title),
|
|
3007
3023
|
React.createElement("p", { className: "".concat(style$D["".concat(classMUI, "-timeline-event__text--subtitle")], " ").concat(subtitleStyle) }, subtitle))));
|
|
3008
3024
|
};
|
|
3009
|
-
var TimelineEvent = Component$
|
|
3025
|
+
var TimelineEvent = Component$1S;
|
|
3010
3026
|
|
|
3011
|
-
var styles$
|
|
3027
|
+
var styles$1B = {"toggle-button-list":"mg_toggle_button_list_toggle-button-list_zejg7"};
|
|
3012
3028
|
|
|
3013
|
-
var Component$
|
|
3029
|
+
var Component$1R = function (_a) {
|
|
3014
3030
|
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;
|
|
3015
3031
|
var _d = useState(), valueSelected = _d[0], setValueSelected = _d[1];
|
|
3016
3032
|
useEffect(function () {
|
|
@@ -3033,19 +3049,19 @@ var Component$1Q = function (_a) {
|
|
|
3033
3049
|
}
|
|
3034
3050
|
return false;
|
|
3035
3051
|
};
|
|
3036
|
-
return (React.createElement("div", { className: "".concat(className, " ").concat(styles$
|
|
3052
|
+
return (React.createElement("div", { className: "".concat(className, " ").concat(styles$1B['toggle-button-list']) }, list === null || list === void 0 ? void 0 : list.map(function (_a) {
|
|
3037
3053
|
var _b = _a.id, id = _b === void 0 ? '' : _b, _c = _a.name, name = _c === void 0 ? '' : _c, customIcon = _a.customIcon;
|
|
3038
3054
|
return (React.createElement(ToggleButton, __assign({}, toggleButtonProps, { customIcon: customIcon, currentSelect: valueHasSelected(+id), key: id, id: id, name: name, onChange: onHandleChange })));
|
|
3039
3055
|
})));
|
|
3040
3056
|
};
|
|
3041
|
-
var ToggleButtonList = Component$
|
|
3057
|
+
var ToggleButtonList = Component$1R;
|
|
3042
3058
|
|
|
3043
|
-
var Component$
|
|
3059
|
+
var Component$1Q = function (_a) {
|
|
3044
3060
|
var listMenuUserProps = _a.listMenuUserProps, profileImage = _a.profileImage, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c;
|
|
3045
3061
|
return (React.createElement(Popover, { widthBase: 40, show: clickOut, content: React.createElement(ListMenuIcons, __assign({}, listMenuUserProps)), positionX: "left", positionY: "bottom" },
|
|
3046
3062
|
React.createElement(Avatar, __assign({}, profileImage, { onClick: function () { return setClickOut(!clickOut); } }))));
|
|
3047
3063
|
};
|
|
3048
|
-
var UserMenu = withClickOut(Component$
|
|
3064
|
+
var UserMenu = withClickOut(Component$1Q);
|
|
3049
3065
|
|
|
3050
3066
|
var userMenuAnalystIcons = {
|
|
3051
3067
|
helpImprove: MagicStarBlackOutline,
|
|
@@ -3060,11 +3076,11 @@ var userMenuAnalystIcons = {
|
|
|
3060
3076
|
recoverPassword: Security
|
|
3061
3077
|
};
|
|
3062
3078
|
|
|
3063
|
-
var styles$
|
|
3079
|
+
var styles$1A = {"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"};
|
|
3064
3080
|
|
|
3065
|
-
var styles$
|
|
3081
|
+
var styles$1z = {"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"};
|
|
3066
3082
|
|
|
3067
|
-
var Component$
|
|
3083
|
+
var Component$1P = function (_a) {
|
|
3068
3084
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
3069
3085
|
var _b = option.rel, rel = _b === void 0 ? 'noreferrer' : _b, _c = option.target, target = _c === void 0 ? '_self' : _c;
|
|
3070
3086
|
var handleOnClick = useCallback(function () {
|
|
@@ -3078,12 +3094,12 @@ var Component$1O = function (_a) {
|
|
|
3078
3094
|
}
|
|
3079
3095
|
}, [handleModal, handleMenuOpen, option]);
|
|
3080
3096
|
return (React.createElement("span", { className: CNM.get({
|
|
3081
|
-
styles: styles$
|
|
3097
|
+
styles: styles$1z,
|
|
3082
3098
|
cls: [getOptionTypeStyles(option.type), 'user-menu-analyst-option-default', className]
|
|
3083
3099
|
}) },
|
|
3084
3100
|
prefix,
|
|
3085
3101
|
React.createElement(MenuIcon, { className: CNM.get({
|
|
3086
|
-
styles: styles$
|
|
3102
|
+
styles: styles$1z,
|
|
3087
3103
|
cls: ['user-menu-analyst-option-default__container']
|
|
3088
3104
|
}), 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 }),
|
|
3089
3105
|
suffix));
|
|
@@ -3091,31 +3107,31 @@ var Component$1O = function (_a) {
|
|
|
3091
3107
|
/**
|
|
3092
3108
|
* Molecule UI great-grand child component of menu dropdown
|
|
3093
3109
|
*/
|
|
3094
|
-
var UserMenuAnalystOptionDefault = React.memo(Component$
|
|
3110
|
+
var UserMenuAnalystOptionDefault = React.memo(Component$1P);
|
|
3095
3111
|
|
|
3096
|
-
var styles$
|
|
3112
|
+
var styles$1y = {"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"};
|
|
3097
3113
|
|
|
3098
|
-
var Component$
|
|
3114
|
+
var Component$1O = function (_a) {
|
|
3099
3115
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
3100
3116
|
return (React.createElement("span", { className: CNM.get({
|
|
3101
|
-
styles: styles$
|
|
3117
|
+
styles: styles$1y,
|
|
3102
3118
|
cls: [className, 'user-menu-analyst-option-hover']
|
|
3103
3119
|
}) },
|
|
3104
3120
|
prefix,
|
|
3105
|
-
React.createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$
|
|
3121
|
+
React.createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$1y, cls: ['user-menu-analyst-option-hover__default'] }), handleMenuOpen: handleMenuOpen, handleModal: handleModal, option: option, url: url }),
|
|
3106
3122
|
suffix));
|
|
3107
3123
|
};
|
|
3108
3124
|
/**
|
|
3109
3125
|
* Molecule UI great-grand child component of menu dropdown
|
|
3110
3126
|
*/
|
|
3111
|
-
var UserMenuAnalystOptionHover = React.memo(Component$
|
|
3127
|
+
var UserMenuAnalystOptionHover = React.memo(Component$1O);
|
|
3112
3128
|
|
|
3113
|
-
var styles$
|
|
3129
|
+
var styles$1x = {"magneto-ui-user-menu-analyst-option-text":"mg_user_menu_analyst_option_text_magneto-ui-user-menu-analyst-option-text_30oi7"};
|
|
3114
3130
|
|
|
3115
|
-
var Component$
|
|
3131
|
+
var Component$1N = function (_a) {
|
|
3116
3132
|
var option = _a.option, className = _a.className;
|
|
3117
3133
|
return (React.createElement("span", { className: CNM.get({
|
|
3118
|
-
styles: styles$
|
|
3134
|
+
styles: styles$1x,
|
|
3119
3135
|
cls: [className, 'user-menu-analyst-option-text']
|
|
3120
3136
|
}) },
|
|
3121
3137
|
React.createElement("p", null, option.title)));
|
|
@@ -3123,9 +3139,9 @@ var Component$1M = function (_a) {
|
|
|
3123
3139
|
/**
|
|
3124
3140
|
* Molecule UI great-grand child component of menu dropdown
|
|
3125
3141
|
*/
|
|
3126
|
-
var UserMenuAnalystOptionText = React.memo(Component$
|
|
3142
|
+
var UserMenuAnalystOptionText = React.memo(Component$1N);
|
|
3127
3143
|
|
|
3128
|
-
var Component$
|
|
3144
|
+
var Component$1M = function (_a) {
|
|
3129
3145
|
var actions = _a.actions, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, getUrl = _a.getUrl, option = _a.option;
|
|
3130
3146
|
return (React.createElement(React.Fragment, null, actions.map(function (action, index) { return (React.createElement(Tooltip, { key: "".concat(action.title, "-").concat(index), title: action.title || '', position: "bottom", width: "fit-content" },
|
|
3131
3147
|
React.createElement(Action, { action: action, getUrl: getUrl, option: option, handleModal: handleModal, handleMenuOpen: handleMenuOpen },
|
|
@@ -3145,7 +3161,7 @@ var Action = function (_a) {
|
|
|
3145
3161
|
/**
|
|
3146
3162
|
* Molecule UI great-grand child component of menu dropdown
|
|
3147
3163
|
*/
|
|
3148
|
-
var UserMenuAnalystOptionActions = React.memo(Component$
|
|
3164
|
+
var UserMenuAnalystOptionActions = React.memo(Component$1M);
|
|
3149
3165
|
|
|
3150
3166
|
var EUserMenuAnalystOptionType;
|
|
3151
3167
|
(function (EUserMenuAnalystOptionType) {
|
|
@@ -3171,28 +3187,28 @@ var optionTypes = (_b = {},
|
|
|
3171
3187
|
_b);
|
|
3172
3188
|
var getOptionType = function (type) { return (type ? optionTypes[type] : UserMenuAnalystOptionDefault); };
|
|
3173
3189
|
|
|
3174
|
-
var styles$
|
|
3190
|
+
var styles$1w = {"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"};
|
|
3175
3191
|
|
|
3176
|
-
var Component$
|
|
3192
|
+
var Component$1L = function (_a) {
|
|
3177
3193
|
var subTitle = _a.subTitle, title = _a.title;
|
|
3178
3194
|
var separatorIndex = subTitle === null || subTitle === void 0 ? void 0 : subTitle.indexOf(':');
|
|
3179
3195
|
return (React.createElement("div", null,
|
|
3180
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
3196
|
+
React.createElement("span", { className: CNM.get({ styles: styles$1w, cls: ['user-menu-analyst-title__title'] }) }, title),
|
|
3181
3197
|
subTitle && separatorIndex && (React.createElement("div", null,
|
|
3182
3198
|
React.createElement("span", { className: CNM.get({
|
|
3183
|
-
styles: styles$
|
|
3199
|
+
styles: styles$1w,
|
|
3184
3200
|
cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--first']
|
|
3185
3201
|
}) }, subTitle.slice(0, separatorIndex + 1).trim() + ' '),
|
|
3186
3202
|
React.createElement("span", { className: CNM.get({
|
|
3187
|
-
styles: styles$
|
|
3203
|
+
styles: styles$1w,
|
|
3188
3204
|
cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--last']
|
|
3189
3205
|
}) }, subTitle.slice(separatorIndex + 1).trim())))));
|
|
3190
3206
|
};
|
|
3191
|
-
var UserMenuAnalystTitle = Component$
|
|
3207
|
+
var UserMenuAnalystTitle = Component$1L;
|
|
3192
3208
|
|
|
3193
|
-
var styles$
|
|
3209
|
+
var styles$1v = {"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"};
|
|
3194
3210
|
|
|
3195
|
-
var Component$
|
|
3211
|
+
var Component$1K = function (_a) {
|
|
3196
3212
|
var _b;
|
|
3197
3213
|
var classNames = _a.classNames, option = _a.option, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, isOpen = _a.isOpen, _c = _a.queryString, queryString = _c === void 0 ? {} : _c;
|
|
3198
3214
|
var _d = useState(false), isOpenDropdown = _d[0], setIsOpenDropdown = _d[1];
|
|
@@ -3218,13 +3234,13 @@ var Component$1J = function (_a) {
|
|
|
3218
3234
|
var OptionType = getOptionType(option.type);
|
|
3219
3235
|
if (!OptionType)
|
|
3220
3236
|
return null;
|
|
3221
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3222
|
-
React.createElement(OptionType, { className: CNM.get({ styles: styles$
|
|
3237
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1v, cls: ['user-menu-analyst-option__object'] }) },
|
|
3238
|
+
React.createElement(OptionType, { className: CNM.get({ styles: styles$1v, 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 }) })));
|
|
3223
3239
|
}
|
|
3224
|
-
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$
|
|
3240
|
+
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$1v, cls: ['user-menu-analyst-option__dropdown-list'] }), suffixIcon: { icon: ArrowLeft2, className: CNM.get({ styles: styles$1v, cls: ['user-menu-analyst-option__arrow'] }) }, prefixIcon: {
|
|
3225
3241
|
icon: option.icon && userMenuAnalystIcons[option.icon] ? userMenuAnalystIcons[option.icon] : option.icon
|
|
3226
3242
|
}, className: CNM.get({
|
|
3227
|
-
styles: styles$
|
|
3243
|
+
styles: styles$1v,
|
|
3228
3244
|
cls: [
|
|
3229
3245
|
'user-menu-analyst-option__dropdown',
|
|
3230
3246
|
isOpenDropdown && 'user-menu-analyst-option__dropdown--open',
|
|
@@ -3233,8 +3249,8 @@ var Component$1J = function (_a) {
|
|
|
3233
3249
|
}) }, (_b = option.data) === null || _b === void 0 ? void 0 : _b.map(function (item, i) {
|
|
3234
3250
|
var _a;
|
|
3235
3251
|
return (React.createElement(React.Fragment, { key: "option-".concat(item.title, "-").concat(i) },
|
|
3236
|
-
item.title && (React.createElement("span", { className: CNM.get({ styles: styles$
|
|
3237
|
-
_a.map(function (child, j) { return (React.createElement(Component$
|
|
3252
|
+
item.title && (React.createElement("span", { className: CNM.get({ styles: styles$1v, 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 :
|
|
3253
|
+
_a.map(function (child, j) { return (React.createElement(Component$1K, { key: "option-".concat(child.title, "-").concat(j), classNames: {
|
|
3238
3254
|
link: (classNames === null || classNames === void 0 ? void 0 : classNames.link) || '',
|
|
3239
3255
|
dropdown: (classNames === null || classNames === void 0 ? void 0 : classNames.dropdown) || ''
|
|
3240
3256
|
}, option: child, queryString: queryString, handleModal: handleModal, handleMenuOpen: handleMenuOpen })); })));
|
|
@@ -3243,27 +3259,27 @@ var Component$1J = function (_a) {
|
|
|
3243
3259
|
/**
|
|
3244
3260
|
* Molecule UI grand child component of menu dropdown
|
|
3245
3261
|
*/
|
|
3246
|
-
var UserMenuAnalystOption = Component$
|
|
3262
|
+
var UserMenuAnalystOption = Component$1K;
|
|
3247
3263
|
|
|
3248
|
-
var Component$
|
|
3264
|
+
var Component$1J = function (_a) {
|
|
3249
3265
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, isMenuOpen = _a.isMenuOpen, optionClassNames = _a.optionClassNames, options = _a.options, queryString = _a.queryString;
|
|
3250
3266
|
var isLastSection = useMemo(function () { return (options === null || options === void 0 ? void 0 : options.length) === 1; }, [options]);
|
|
3251
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3267
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1A, cls: ['user-menu-analyst-options', className] }) }, options === null || options === void 0 ? void 0 : options.map(function (option, i) {
|
|
3252
3268
|
var _a;
|
|
3253
3269
|
return (React.createElement(React.Fragment, { key: "user-menu-analyst-section-".concat(i) }, (_a = option.children) === null || _a === void 0 ? void 0 :
|
|
3254
3270
|
_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 })); }),
|
|
3255
|
-
!isLastSection && i < options.length - 1 && (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3271
|
+
!isLastSection && i < options.length - 1 && (React.createElement("div", { className: CNM.get({ styles: styles$1A, cls: ['user-menu-analyst-options__divider'] }) },
|
|
3256
3272
|
React.createElement(Divider, null)))));
|
|
3257
3273
|
})));
|
|
3258
3274
|
};
|
|
3259
3275
|
/**
|
|
3260
3276
|
* Molecule UI child component of user menu analyst
|
|
3261
3277
|
*/
|
|
3262
|
-
var UserMenuAnalystOptions = Component$
|
|
3278
|
+
var UserMenuAnalystOptions = Component$1J;
|
|
3263
3279
|
|
|
3264
|
-
var styles$
|
|
3280
|
+
var styles$1u = {"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"};
|
|
3265
3281
|
|
|
3266
|
-
var Component$
|
|
3282
|
+
var Component$1I = function (_a) {
|
|
3267
3283
|
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;
|
|
3268
3284
|
var avatar = useMemo(function () { return user.avatar || UserRoundedGray; }, [user]);
|
|
3269
3285
|
var actionUrl = useMemo(function () {
|
|
@@ -3281,58 +3297,58 @@ var Component$1H = function (_a) {
|
|
|
3281
3297
|
: action.data;
|
|
3282
3298
|
}
|
|
3283
3299
|
}, [action, queryString]);
|
|
3284
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3285
|
-
React.createElement("header", { className: CNM.get({ styles: styles$
|
|
3286
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3300
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1u, cls: ['user-menu-analyst'] }) },
|
|
3301
|
+
React.createElement("header", { className: CNM.get({ styles: styles$1u, cls: ['user-menu-analyst__header'] }) },
|
|
3302
|
+
React.createElement("div", { className: CNM.get({ styles: styles$1u, cls: ['user-menu-analyst__user'] }) },
|
|
3287
3303
|
React.createElement(Avatar, { userImage: avatar, fallbackImage: UserRoundedGray }),
|
|
3288
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3289
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
3290
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
3291
|
-
action ? (React.createElement("span", { className: CNM.get({ styles: styles$
|
|
3304
|
+
React.createElement("div", { className: CNM.get({ styles: styles$1u, cls: ['user-menu-analyst__user-info'] }) },
|
|
3305
|
+
React.createElement("span", { className: CNM.get({ styles: styles$1u, cls: ['user-menu-analyst__user-info--name'] }) }, user.name),
|
|
3306
|
+
React.createElement("span", { className: CNM.get({ styles: styles$1u, cls: ['user-menu-analyst__user-info--mail'] }) }, user.email),
|
|
3307
|
+
action ? (React.createElement("span", { className: CNM.get({ styles: styles$1u, cls: ['user-menu-analyst__user-info--action'] }) },
|
|
3292
3308
|
React.createElement(IconItem, { showDefaultFallback: false, size: 14, icon: action.icon && userMenuAnalystIcons[action.icon] ? userMenuAnalystIcons[action.icon] : action.icon }),
|
|
3293
|
-
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$
|
|
3309
|
+
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$1u, cls: ['user-menu-analyst__user-info--title'] }) }, user.title)))),
|
|
3294
3310
|
headerSections && (React.createElement(UserMenuAnalystOptions, { options: headerSections || [], queryString: queryString, isMenuOpen: isMenuOpen, handleModal: handleModal, handleMenuOpen: handleMenuOpen, className: CNM.get({
|
|
3295
|
-
styles: styles$
|
|
3311
|
+
styles: styles$1u,
|
|
3296
3312
|
cls: ['user-menu-analyst__company', (headerSections === null || headerSections === void 0 ? void 0 : headerSections.length) === 0 && 'user-menu-analyst__company--empty']
|
|
3297
3313
|
}), optionClassNames: {
|
|
3298
|
-
link: CNM.get({ styles: styles$
|
|
3299
|
-
dropdown: CNM.get({ styles: styles$
|
|
3314
|
+
link: CNM.get({ styles: styles$1u, cls: ['user-menu-analyst__company-link'] }),
|
|
3315
|
+
dropdown: CNM.get({ styles: styles$1u, cls: ['user-menu-analyst__company-dropdown'] })
|
|
3300
3316
|
} }))),
|
|
3301
3317
|
footerSections && (footerSections === null || footerSections === void 0 ? void 0 : footerSections.length) > 0 && (React.createElement(UserMenuAnalystOptions, { handleModal: handleModal, handleMenuOpen: handleMenuOpen, options: footerSections || [], queryString: queryString }))));
|
|
3302
3318
|
};
|
|
3303
3319
|
/**
|
|
3304
3320
|
* Molecule UI component for user menu
|
|
3305
3321
|
*/
|
|
3306
|
-
var UserMenuAnalyst = Component$
|
|
3322
|
+
var UserMenuAnalyst = Component$1I;
|
|
3307
3323
|
|
|
3308
|
-
var styles$
|
|
3324
|
+
var styles$1t = {"magneto-ui-user-menu-wrapper-analyst-dropdown":"mg_user_menu_wrapper_analyst_dropdown_magneto-ui-user-menu-wrapper-analyst-dropdown_1rwtz"};
|
|
3309
3325
|
|
|
3310
|
-
var Component$
|
|
3326
|
+
var Component$1H = function (_a) {
|
|
3311
3327
|
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;
|
|
3312
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3328
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1t, cls: ['user-menu-wrapper-analyst-dropdown'] }) },
|
|
3313
3329
|
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" },
|
|
3314
3330
|
React.createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(!clickOut); } }))));
|
|
3315
3331
|
};
|
|
3316
3332
|
/**
|
|
3317
3333
|
* Molecule UI child component of user menu analyst wrapper
|
|
3318
3334
|
*/
|
|
3319
|
-
var UserMenuWrapperAnalystDropdown = withClickOut(Component$
|
|
3335
|
+
var UserMenuWrapperAnalystDropdown = withClickOut(Component$1H);
|
|
3320
3336
|
|
|
3321
|
-
var styles$
|
|
3337
|
+
var styles$1s = {"magneto-ui-user-menu-wrapper-analyst-modal":"mg_user_menu_wrapper_analyst_modal_magneto-ui-user-menu-wrapper-analyst-modal_b9ktw"};
|
|
3322
3338
|
|
|
3323
|
-
var Component$
|
|
3339
|
+
var Component$1G = function (_a) {
|
|
3324
3340
|
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;
|
|
3325
3341
|
return (React.createElement(React.Fragment, null,
|
|
3326
|
-
React.createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$
|
|
3342
|
+
React.createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$1s, cls: ['user-menu-wrapper-analyst-modal'] }) },
|
|
3327
3343
|
React.createElement(UserMenuAnalyst, { isMenuOpen: clickOut, user: user, action: action, handleModal: handleModal, handleMenuOpen: setClickOut, headerSections: headerSections, footerSections: footerSections })),
|
|
3328
3344
|
React.createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(true); } })));
|
|
3329
3345
|
};
|
|
3330
3346
|
/**
|
|
3331
3347
|
* Molecule UI child component of user menu analyst wrapper
|
|
3332
3348
|
*/
|
|
3333
|
-
var UserMenuWrapperAnalystModal = Component$
|
|
3349
|
+
var UserMenuWrapperAnalystModal = Component$1G;
|
|
3334
3350
|
|
|
3335
|
-
var Component$
|
|
3351
|
+
var Component$1F = function (_a) {
|
|
3336
3352
|
var props = __rest(_a, []);
|
|
3337
3353
|
var _b = useState(false), visible = _b[0], setVisible = _b[1];
|
|
3338
3354
|
useEffect(function () {
|
|
@@ -3354,21 +3370,21 @@ var Component$1E = function (_a) {
|
|
|
3354
3370
|
/**
|
|
3355
3371
|
* Molecule UI component for user menu wrapper analyst
|
|
3356
3372
|
*/
|
|
3357
|
-
var UserMenuWrapperAnalyst = Component$
|
|
3373
|
+
var UserMenuWrapperAnalyst = Component$1F;
|
|
3358
3374
|
|
|
3359
|
-
var styles$
|
|
3375
|
+
var styles$1r = {"alert-job":"mg_alert_job_status_alert-job_1qnyy","normal":"mg_alert_job_status_normal_1qnyy","warning":"mg_alert_job_status_warning_1qnyy"};
|
|
3360
3376
|
|
|
3361
|
-
var styles$
|
|
3377
|
+
var styles$1q = {"alert-job__content":"mg_alert_job_status_container_alert-job_content_g6vk0"};
|
|
3362
3378
|
|
|
3363
|
-
var cx$N = classNames.bind(styles$
|
|
3379
|
+
var cx$N = classNames.bind(styles$1q);
|
|
3364
3380
|
var AlertJobStatusContainer = function (_a) {
|
|
3365
3381
|
var className = _a.className, children = _a.children;
|
|
3366
3382
|
return React.createElement("div", { className: cx$N('alert-job__content', className) }, children);
|
|
3367
3383
|
};
|
|
3368
3384
|
|
|
3369
|
-
var styles$
|
|
3385
|
+
var styles$1p = {"alert-job__icon":"mg_alert_job_status_icon_alert-job_icon_1d1sg"};
|
|
3370
3386
|
|
|
3371
|
-
var cx$M = classNames.bind(styles$
|
|
3387
|
+
var cx$M = classNames.bind(styles$1p);
|
|
3372
3388
|
var alertIcons = {
|
|
3373
3389
|
success: Checked2,
|
|
3374
3390
|
warning: Warning3D
|
|
@@ -3380,9 +3396,9 @@ var AlertJobStatusIcon = function (_a) {
|
|
|
3380
3396
|
return (React.createElement("img", { style: customWidth, className: cx$M('alert-job__icon', className), src: src !== null && src !== void 0 ? src : iconByType, alt: alt !== null && alt !== void 0 ? alt : "icon-item", loading: "lazy" }));
|
|
3381
3397
|
};
|
|
3382
3398
|
|
|
3383
|
-
var styles$
|
|
3399
|
+
var styles$1o = {"alert-modal__button":"mg_alert_job_status_button_alert-modal_button_d8bsk"};
|
|
3384
3400
|
|
|
3385
|
-
var cx$L = classNames.bind(styles$
|
|
3401
|
+
var cx$L = classNames.bind(styles$1o);
|
|
3386
3402
|
var AlertJobStatusButton = function (_a) {
|
|
3387
3403
|
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"]);
|
|
3388
3404
|
return (React.createElement("button", __assign({ className: cx$L('alert-modal__button', className) }, buttonProps),
|
|
@@ -3390,64 +3406,58 @@ var AlertJobStatusButton = function (_a) {
|
|
|
3390
3406
|
React.createElement(IconItem, { alt: "arrow-icon", hover: false, icon: icon, size: sizeIcon })));
|
|
3391
3407
|
};
|
|
3392
3408
|
|
|
3393
|
-
var cx$K = classNames.bind(styles$
|
|
3394
|
-
var Component$
|
|
3409
|
+
var cx$K = classNames.bind(styles$1r);
|
|
3410
|
+
var Component$1E = function (_a) {
|
|
3395
3411
|
var children = _a.children, className = _a.className, type = _a.type;
|
|
3396
3412
|
return React.createElement("div", { className: cx$K('alert-job', className, type) }, children);
|
|
3397
3413
|
};
|
|
3398
|
-
var AlertJobStatus = Object.assign(Component$
|
|
3414
|
+
var AlertJobStatus = Object.assign(Component$1E, {
|
|
3399
3415
|
Container: AlertJobStatusContainer,
|
|
3400
3416
|
Icon: AlertJobStatusIcon,
|
|
3401
3417
|
Button: AlertJobStatusButton,
|
|
3402
3418
|
Text: TextCustom
|
|
3403
3419
|
});
|
|
3404
3420
|
|
|
3405
|
-
var styles$
|
|
3421
|
+
var styles$1n = {"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"};
|
|
3406
3422
|
|
|
3407
|
-
var styles$
|
|
3423
|
+
var styles$1m = {"similar-card-logo":"mg_similar_card_logo_similar-card-logo_1adpr"};
|
|
3408
3424
|
|
|
3409
|
-
var cx$J = classNames.bind(styles$
|
|
3410
|
-
var Component$
|
|
3425
|
+
var cx$J = classNames.bind(styles$1m);
|
|
3426
|
+
var Component$1D = function (_a) {
|
|
3411
3427
|
var className = _a.className, src = _a.src, alt = _a.alt, _b = _a.hideLogo, hideLogo = _b === void 0 ? false : _b;
|
|
3412
3428
|
if (hideLogo)
|
|
3413
3429
|
return null;
|
|
3414
3430
|
return (React.createElement("img", { className: cx$J("similar-card-logo", className), src: src || NoLogo, alt: (alt === null || alt === void 0 ? void 0 : alt.toLowerCase()) || 'company-logo' }));
|
|
3415
3431
|
};
|
|
3416
|
-
var SimilarCardLogo = Component$
|
|
3432
|
+
var SimilarCardLogo = Component$1D;
|
|
3417
3433
|
|
|
3418
|
-
var cx$I = classNames.bind(styles$
|
|
3419
|
-
var Component$
|
|
3434
|
+
var cx$I = classNames.bind(styles$1n);
|
|
3435
|
+
var Component$1C = function (_a) {
|
|
3420
3436
|
var className = _a.className, src = _a.src, alt = _a.alt, _b = _a.showIconMobile, showIconMobile = _b === void 0 ? false : _b;
|
|
3421
3437
|
return (React.createElement(React.Fragment, null,
|
|
3422
3438
|
React.createElement(IconItem, { className: cx$I('similar-card__arrow', { 'similar-card__arrow-mobile': !showIconMobile }, className), icon: src || ArrowRight2, alt: (alt === null || alt === void 0 ? void 0 : alt.toLowerCase()) || 'card-icon' })));
|
|
3423
3439
|
};
|
|
3424
|
-
var SimilarCardIcon = Component$
|
|
3440
|
+
var SimilarCardIcon = Component$1C;
|
|
3425
3441
|
|
|
3426
|
-
var cx$H = classNames.bind(styles$
|
|
3427
|
-
var Component$
|
|
3442
|
+
var cx$H = classNames.bind(styles$1n);
|
|
3443
|
+
var Component$1B = function (_a) {
|
|
3428
3444
|
var children = _a.children, _b = _a.title, title = _b === void 0 ? 'jobLink' : _b, _c = _a.jobUrlSlug, jobUrlSlug = _c === void 0 ? '#' : _c, className = _a.className;
|
|
3429
3445
|
return (React.createElement("a", { className: cx$H("similar-card", className), href: jobUrlSlug, title: title }, children));
|
|
3430
3446
|
};
|
|
3431
|
-
var SimilarCard = Object.assign(Component$
|
|
3447
|
+
var SimilarCard = Object.assign(Component$1B, {
|
|
3432
3448
|
Text: TextCustom,
|
|
3433
3449
|
Logo: SimilarCardLogo,
|
|
3434
3450
|
Icon: SimilarCardIcon
|
|
3435
3451
|
});
|
|
3436
3452
|
|
|
3437
|
-
var SwipeLeft = "https://static.magneto365.com/lib/assets/gif/b858b5e2933b8b3c.gif";
|
|
3438
|
-
|
|
3439
|
-
var SwipeRight = "https://static.magneto365.com/lib/assets/gif/8303bee2f625ec72.gif";
|
|
3440
|
-
|
|
3441
|
-
var NoData = "https://static.magneto365.com/lib/assets/gif/f106e872354f9e4b.gif";
|
|
3442
|
-
|
|
3443
3453
|
var style$C = {"mega-menu-empty":"mg_mega_menu_empty_mega-menu-empty_ms4x7","mega-menu-empty__title":"mg_mega_menu_empty_mega-menu-empty_title_ms4x7","mega-menu-empty__subtitle":"mg_mega_menu_empty_mega-menu-empty_subtitle_ms4x7","mega-menu-empty__image":"mg_mega_menu_empty_mega-menu-empty_image_ms4x7"};
|
|
3444
3454
|
|
|
3445
3455
|
var MegaMenuEmpty = function (_a) {
|
|
3446
|
-
var title = _a.title, subtitle = _a.subtitle;
|
|
3456
|
+
var title = _a.title, subtitle = _a.subtitle, _b = _a.imageData, imageData = _b === void 0 ? 'noData' : _b;
|
|
3447
3457
|
return (React.createElement("div", { className: style$C['mega-menu-empty'] },
|
|
3448
3458
|
React.createElement("h4", { className: style$C['mega-menu-empty__title'] }, title),
|
|
3449
3459
|
React.createElement("p", { className: style$C['mega-menu-empty__subtitle'] }, subtitle),
|
|
3450
|
-
React.createElement("img", { className: style$C['mega-menu-empty__image'], src:
|
|
3460
|
+
React.createElement("img", { className: style$C['mega-menu-empty__image'], src: staticMessages[imageData], height: 170 })));
|
|
3451
3461
|
};
|
|
3452
3462
|
|
|
3453
3463
|
var ModalPortal = function (_a) {
|
|
@@ -3465,7 +3475,7 @@ var ModalPortal = function (_a) {
|
|
|
3465
3475
|
return mounted && portalNode.current ? ReactDOM.createPortal(children, portalNode.current) : null;
|
|
3466
3476
|
};
|
|
3467
3477
|
|
|
3468
|
-
var styles$
|
|
3478
|
+
var styles$1l = {"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"};
|
|
3469
3479
|
|
|
3470
3480
|
var Notification = function (_a) {
|
|
3471
3481
|
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;
|
|
@@ -3476,30 +3486,30 @@ var Notification = function (_a) {
|
|
|
3476
3486
|
}
|
|
3477
3487
|
}, [autoCloseDuration, onClose]);
|
|
3478
3488
|
return (React.createElement(ModalPortal, null,
|
|
3479
|
-
React.createElement("div", { className: "".concat(styles$
|
|
3480
|
-
React.createElement("div", { className: styles$
|
|
3481
|
-
React.createElement("div", { className: styles$
|
|
3482
|
-
React.createElement("button", { className: styles$
|
|
3489
|
+
React.createElement("div", { className: "".concat(styles$1l.notification, " ").concat(styles$1l[position], " ").concat(className), role: "alert" },
|
|
3490
|
+
React.createElement("div", { className: styles$1l['notification__content'] },
|
|
3491
|
+
React.createElement("div", { className: styles$1l['notification__message'] }, message),
|
|
3492
|
+
React.createElement("button", { className: styles$1l['notification__close-btn'], onClick: onClose, type: "button", "aria-label": "Close notification" },
|
|
3483
3493
|
React.createElement("img", { src: Close, alt: "close icon" }))),
|
|
3484
3494
|
extraContent && extraContent)));
|
|
3485
3495
|
};
|
|
3486
3496
|
|
|
3487
|
-
var styles$
|
|
3497
|
+
var styles$1k = {"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"};
|
|
3488
3498
|
|
|
3489
|
-
var cx$G = classNames.bind(styles$
|
|
3499
|
+
var cx$G = classNames.bind(styles$1k);
|
|
3490
3500
|
var AlertJobModalIcon = function (_a) {
|
|
3491
3501
|
var src = _a.src, _b = _a.size, size = _b === void 0 ? 50 : _b, alt = _a.alt, className = _a.className;
|
|
3492
3502
|
var customWidth = size ? { width: size + 'px' } : {};
|
|
3493
3503
|
return (React.createElement("img", { style: customWidth, className: cx$G('alert-job__icon', className), src: src !== null && src !== void 0 ? src : Urgent, alt: alt !== null && alt !== void 0 ? alt : "icon-item", loading: "lazy" }));
|
|
3494
3504
|
};
|
|
3495
3505
|
|
|
3496
|
-
var cx$F = classNames.bind(styles$
|
|
3506
|
+
var cx$F = classNames.bind(styles$1k);
|
|
3497
3507
|
var AlertJobModalHeader = function (_a) {
|
|
3498
3508
|
var className = _a.className, children = _a.children;
|
|
3499
3509
|
return React.createElement("div", { className: cx$F('alert-modal__header', className) }, children);
|
|
3500
3510
|
};
|
|
3501
3511
|
|
|
3502
|
-
var cx$E = classNames.bind(styles$
|
|
3512
|
+
var cx$E = classNames.bind(styles$1k);
|
|
3503
3513
|
var AlertJobModalTitle = function (_a) {
|
|
3504
3514
|
var title = _a.title, subtitle = _a.subtitle, className = _a.className, children = _a.children;
|
|
3505
3515
|
return (React.createElement("div", { className: cx$E('alert-modal__title', className) },
|
|
@@ -3508,19 +3518,19 @@ var AlertJobModalTitle = function (_a) {
|
|
|
3508
3518
|
children));
|
|
3509
3519
|
};
|
|
3510
3520
|
|
|
3511
|
-
var cx$D = classNames.bind(styles$
|
|
3521
|
+
var cx$D = classNames.bind(styles$1k);
|
|
3512
3522
|
var AlertJobModalBody = function (_a) {
|
|
3513
3523
|
var className = _a.className, children = _a.children;
|
|
3514
3524
|
return React.createElement("div", { className: cx$D('alert-modal__body', className) }, children);
|
|
3515
3525
|
};
|
|
3516
3526
|
|
|
3517
|
-
var cx$C = classNames.bind(styles$
|
|
3527
|
+
var cx$C = classNames.bind(styles$1k);
|
|
3518
3528
|
var AlertJobModalFooter = function (_a) {
|
|
3519
3529
|
var className = _a.className, children = _a.children;
|
|
3520
3530
|
return React.createElement("div", { className: cx$C('alert-modal__footer', className) }, children);
|
|
3521
3531
|
};
|
|
3522
3532
|
|
|
3523
|
-
var cx$B = classNames.bind(styles$
|
|
3533
|
+
var cx$B = classNames.bind(styles$1k);
|
|
3524
3534
|
var AlertJobModalButton = function (_a) {
|
|
3525
3535
|
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"]);
|
|
3526
3536
|
return (React.createElement("button", __assign({ className: cx$B('alert-modal__button', className) }, buttonProps),
|
|
@@ -3528,12 +3538,12 @@ var AlertJobModalButton = function (_a) {
|
|
|
3528
3538
|
React.createElement(IconItem, { alt: "arrow-icon", hover: false, icon: icon, size: sizeIcon })));
|
|
3529
3539
|
};
|
|
3530
3540
|
|
|
3531
|
-
var cx$A = classNames.bind(styles$
|
|
3532
|
-
var Component$
|
|
3541
|
+
var cx$A = classNames.bind(styles$1k);
|
|
3542
|
+
var Component$1A = function (_a) {
|
|
3533
3543
|
var children = _a.children, className = _a.className, mobileClassName = _a.mobileClassName, open = _a.open, onClose = _a.onClose;
|
|
3534
3544
|
return (React.createElement(ModalResponsive, { open: open, onClose: onClose, modalClassName: cx$A('alert-modal', className), mobileDrawerClassName: cx$A('alert-modal__mobile', mobileClassName) }, children));
|
|
3535
3545
|
};
|
|
3536
|
-
var AlertJobModal = Object.assign(Component$
|
|
3546
|
+
var AlertJobModal = Object.assign(Component$1A, {
|
|
3537
3547
|
Header: AlertJobModalHeader,
|
|
3538
3548
|
Body: AlertJobModalBody,
|
|
3539
3549
|
Footer: AlertJobModalFooter,
|
|
@@ -3542,35 +3552,35 @@ var AlertJobModal = Object.assign(Component$1z, {
|
|
|
3542
3552
|
Button: AlertJobModalButton
|
|
3543
3553
|
});
|
|
3544
3554
|
|
|
3545
|
-
var Component$
|
|
3555
|
+
var Component$1z = function (_a) {
|
|
3546
3556
|
var handleClose = _a.handleClose, isOpen = _a.isOpen, name = _a.name, data = _a.data, screens = _a.screens, step = _a.step, setStep = _a.setStep;
|
|
3547
3557
|
var component = useMemo(function () {
|
|
3548
3558
|
var _a, _b, _c;
|
|
3549
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3559
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$2q, cls: ['modal-analyst-container'] }) },
|
|
3550
3560
|
React.createElement(ModalAnalystHeader, { header: (_a = screens[step]) === null || _a === void 0 ? void 0 : _a.header }),
|
|
3551
3561
|
React.createElement(ModalAnalystContent, { content: (_b = screens[step]) === null || _b === void 0 ? void 0 : _b.content }),
|
|
3552
3562
|
React.createElement(ModalAnalystFooter, { footer: (_c = screens[step]) === null || _c === void 0 ? void 0 : _c.footer, name: name, data: data, setStep: setStep, handleClose: handleClose })));
|
|
3553
3563
|
}, [handleClose, name, data, screens, step, setStep]);
|
|
3554
|
-
var container = useMediaQuery(React.createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
3555
|
-
sm: (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
3564
|
+
var container = useMediaQuery(React.createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$2q, cls: ['modal-analyst-container--desktop'] }) }, component), {
|
|
3565
|
+
sm: (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$2q, cls: ['modal-analyst-container--mobile'] }) }, component))
|
|
3556
3566
|
});
|
|
3557
3567
|
return container;
|
|
3558
3568
|
};
|
|
3559
3569
|
/**
|
|
3560
3570
|
* Molecule UI child component of modal analyst
|
|
3561
3571
|
*/
|
|
3562
|
-
var ModalAnalystContainer = Component$
|
|
3572
|
+
var ModalAnalystContainer = Component$1z;
|
|
3563
3573
|
|
|
3564
|
-
var Component$
|
|
3574
|
+
var Component$1y = function (_a) {
|
|
3565
3575
|
var content = _a.content;
|
|
3566
3576
|
return React.createElement("div", null, content);
|
|
3567
3577
|
};
|
|
3568
3578
|
/**
|
|
3569
3579
|
* Molecule UI child component of modal analyst
|
|
3570
3580
|
*/
|
|
3571
|
-
var ModalAnalystContent = Component$
|
|
3581
|
+
var ModalAnalystContent = Component$1y;
|
|
3572
3582
|
|
|
3573
|
-
var styles$
|
|
3583
|
+
var styles$1j = {"magneto-ui-modal-analyst-footer":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_1cd9r","magneto-ui-modal-analyst-footer--top-divider":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer--top-divider_1cd9r","magneto-ui-modal-analyst-footer__button":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button_1cd9r","magneto-ui-modal-analyst-footer__button--loading":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button--loading_1cd9r","magneto-ui-modal-analyst-footer__button--green":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button--green_1cd9r","magneto-ui-modal-analyst-footer__button--blue":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button--blue_1cd9r","magneto-ui-modal-analyst-footer__button--white":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button--white_1cd9r","magneto-ui-modal-analyst-footer__button--gray":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button--gray_1cd9r","magneto-ui-modal-analyst-footer__button--red":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button--red_1cd9r","magneto-ui-modal-analyst-footer__prefix-icon-container":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-icon-container_1cd9r","magneto-ui-modal-analyst-footer__prefix-icon-container--active":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-icon-container--active_1cd9r","magneto-ui-modal-analyst-footer__prefix-icon-container--margin-right":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-icon-container--margin-right_1cd9r","magneto-ui-modal-analyst-footer__prefix-loading":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-loading_1cd9r","magneto-ui-modal-analyst-footer__prefix-loading--active":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-loading--active_1cd9r","magneto-ui-modal-analyst-footer__prefix-loading--empty-icon":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-loading--empty-icon_1cd9r","magneto-ui-modal-analyst-footer__prefix-icon":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-icon_1cd9r","magneto-ui-modal-analyst-footer__prefix-icon--inactive":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-icon--inactive_1cd9r"};
|
|
3574
3584
|
|
|
3575
3585
|
var EModalAnalystActionType;
|
|
3576
3586
|
(function (EModalAnalystActionType) {
|
|
@@ -3595,7 +3605,7 @@ var MODAL_ICONS = {
|
|
|
3595
3605
|
closeCircle: CloseCircle
|
|
3596
3606
|
};
|
|
3597
3607
|
|
|
3598
|
-
var Component$
|
|
3608
|
+
var Component$1x = function (_a) {
|
|
3599
3609
|
var footer = _a.footer, handleClose = _a.handleClose, name = _a.name, data = _a.data, setStep = _a.setStep;
|
|
3600
3610
|
var _b = footer || {}, hasTopDivider = _b.hasTopDivider, actions = _b.actions;
|
|
3601
3611
|
var _c = useState(Array.from({ length: (actions === null || actions === void 0 ? void 0 : actions.length) || 0 }, function (_, i) { return ({
|
|
@@ -3633,12 +3643,12 @@ var Component$1w = function (_a) {
|
|
|
3633
3643
|
});
|
|
3634
3644
|
}, [setStep, handleClose, setterLoading, loading, name, data]);
|
|
3635
3645
|
return (React.createElement("div", { className: CNM.get({
|
|
3636
|
-
styles: styles$
|
|
3646
|
+
styles: styles$1j,
|
|
3637
3647
|
cls: ['modal-analyst-footer', hasTopDivider && 'modal-analyst-footer--top-divider']
|
|
3638
3648
|
}) }, actions === null || actions === void 0 ? void 0 : actions.map(function (action) {
|
|
3639
3649
|
var _a, _b, _c, _d, _e;
|
|
3640
3650
|
return (React.createElement("button", { key: action.title, onClick: function () { return handleOnClick(action); }, type: "button", className: CNM.get({
|
|
3641
|
-
styles: styles$
|
|
3651
|
+
styles: styles$1j,
|
|
3642
3652
|
cls: [
|
|
3643
3653
|
'modal-analyst-footer__button',
|
|
3644
3654
|
"modal-analyst-footer__button--".concat(action.type),
|
|
@@ -3646,7 +3656,7 @@ var Component$1w = function (_a) {
|
|
|
3646
3656
|
]
|
|
3647
3657
|
}) },
|
|
3648
3658
|
React.createElement("div", { className: CNM.get({
|
|
3649
|
-
styles: styles$
|
|
3659
|
+
styles: styles$1j,
|
|
3650
3660
|
cls: [
|
|
3651
3661
|
'modal-analyst-footer__prefix-icon-container',
|
|
3652
3662
|
action.loading && 'modal-analyst-footer__prefix-icon-container--active',
|
|
@@ -3654,7 +3664,7 @@ var Component$1w = function (_a) {
|
|
|
3654
3664
|
]
|
|
3655
3665
|
}) },
|
|
3656
3666
|
React.createElement("span", { className: CNM.get({
|
|
3657
|
-
styles: styles$
|
|
3667
|
+
styles: styles$1j,
|
|
3658
3668
|
cls: [
|
|
3659
3669
|
'modal-analyst-footer__prefix-loading',
|
|
3660
3670
|
getLoading(action) && 'modal-analyst-footer__prefix-loading--active',
|
|
@@ -3663,7 +3673,7 @@ var Component$1w = function (_a) {
|
|
|
3663
3673
|
}) },
|
|
3664
3674
|
React.createElement(IconItem, { icon: LOADING_ICONS[action.type], size: 20, showDefaultFallback: false })),
|
|
3665
3675
|
React.createElement(IconItem, __assign({ showDefaultFallback: false, className: CNM.get({
|
|
3666
|
-
styles: styles$
|
|
3676
|
+
styles: styles$1j,
|
|
3667
3677
|
cls: [
|
|
3668
3678
|
'modal-analyst-footer__prefix-icon',
|
|
3669
3679
|
getLoading(action) && 'modal-analyst-footer__prefix-icon--inactive',
|
|
@@ -3678,13 +3688,13 @@ var Component$1w = function (_a) {
|
|
|
3678
3688
|
/**
|
|
3679
3689
|
* Molecule UI child component of modal analyst
|
|
3680
3690
|
*/
|
|
3681
|
-
var ModalAnalystFooter = Component$
|
|
3691
|
+
var ModalAnalystFooter = Component$1x;
|
|
3682
3692
|
|
|
3683
|
-
var styles$
|
|
3693
|
+
var styles$1i = {"magneto-ui-modal-analyst-header":"mg_modal_analyst_header_magneto-ui-modal-analyst-header_reb8f"};
|
|
3684
3694
|
|
|
3685
|
-
var Component$
|
|
3695
|
+
var Component$1w = function (_a) {
|
|
3686
3696
|
var header = _a.header;
|
|
3687
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3697
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1i, cls: ['modal-analyst-header'] }) },
|
|
3688
3698
|
(header === null || header === void 0 ? void 0 : header.prefixIcon) && (React.createElement(IconItem, __assign({ showDefaultFallback: false, size: 20 }, header === null || header === void 0 ? void 0 : header.prefixIcon, { icon: (header === null || header === void 0 ? void 0 : header.prefixIcon.icon) && MODAL_ICONS[header === null || header === void 0 ? void 0 : header.prefixIcon.icon]
|
|
3689
3699
|
? MODAL_ICONS[header === null || header === void 0 ? void 0 : header.prefixIcon.icon]
|
|
3690
3700
|
: header.prefixIcon.icon }))),
|
|
@@ -3696,7 +3706,7 @@ var Component$1v = function (_a) {
|
|
|
3696
3706
|
/**
|
|
3697
3707
|
* Molecule UI child component of modal analyst
|
|
3698
3708
|
*/
|
|
3699
|
-
var ModalAnalystHeader = Component$
|
|
3709
|
+
var ModalAnalystHeader = Component$1w;
|
|
3700
3710
|
|
|
3701
3711
|
var MenuButtonAnalystProps = {
|
|
3702
3712
|
buttonType: 'button',
|
|
@@ -4386,6 +4396,18 @@ var LocationBlue = "https://static.magneto365.com/lib/assets/megaMenu/5b59e34612
|
|
|
4386
4396
|
|
|
4387
4397
|
var Book = "https://static.magneto365.com/lib/assets/megaMenu/ca9ee6d183e7647b.svg";
|
|
4388
4398
|
|
|
4399
|
+
var SwipeLeft = "https://static.magneto365.com/lib/assets/gif/b858b5e2933b8b3c.gif";
|
|
4400
|
+
|
|
4401
|
+
var SwipeRight = "https://static.magneto365.com/lib/assets/gif/8303bee2f625ec72.gif";
|
|
4402
|
+
|
|
4403
|
+
var NoData = "https://static.magneto365.com/lib/assets/gif/f106e872354f9e4b.gif";
|
|
4404
|
+
|
|
4405
|
+
var Waiting = "https://static.magneto365.com/lib/assets/gif/e2ca38f1e0d908d9.gif";
|
|
4406
|
+
|
|
4407
|
+
var staticMessages = {
|
|
4408
|
+
noData: NoData,
|
|
4409
|
+
waiting: Waiting
|
|
4410
|
+
};
|
|
4389
4411
|
var alphabet = 'ABCDEFGHIJKLMNÑOPQRSTUVWXYZ';
|
|
4390
4412
|
var megaMenuJobImage = {
|
|
4391
4413
|
title: 'Cajero cafeteria en la esquina del barrio de por mi casa',
|
|
@@ -4441,9 +4463,9 @@ var CNM = /** @class */ (function () {
|
|
|
4441
4463
|
return CNM;
|
|
4442
4464
|
}());
|
|
4443
4465
|
|
|
4444
|
-
var styles$
|
|
4466
|
+
var styles$1h = {"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"};
|
|
4445
4467
|
|
|
4446
|
-
var Component$
|
|
4468
|
+
var Component$1v = function (_a) {
|
|
4447
4469
|
var className = _a.className, color = _a.color, percent = _a.percent;
|
|
4448
4470
|
var validateCompleted = useCallback(function (value) {
|
|
4449
4471
|
if (!value)
|
|
@@ -4463,27 +4485,27 @@ var Component$1u = function (_a) {
|
|
|
4463
4485
|
var _a;
|
|
4464
4486
|
return (_a = {}, _a["".concat(BAR_LOADER_PREFIX, "-completed")] = "".concat(validateCompleted(percent), "%"), _a);
|
|
4465
4487
|
}, [percent, validateCompleted]);
|
|
4466
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
4467
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
4488
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1h, cls: [className] }) },
|
|
4489
|
+
React.createElement("div", { className: CNM.get({ styles: styles$1h, cls: ['bar-loader'] }), style: __assign(__assign({}, barColor), barCompleted) },
|
|
4468
4490
|
React.createElement("div", { className: CNM.get({
|
|
4469
|
-
styles: styles$
|
|
4491
|
+
styles: styles$1h,
|
|
4470
4492
|
cls: ['bar-loader__bar', percent !== undefined ? 'bar-loader__bar--completed' : 'bar-loader__bar--animated']
|
|
4471
4493
|
}) }))));
|
|
4472
4494
|
};
|
|
4473
4495
|
/**
|
|
4474
4496
|
* UI Atom component of Bar Loader
|
|
4475
4497
|
*/
|
|
4476
|
-
var BarLoader = Component$
|
|
4498
|
+
var BarLoader = Component$1v;
|
|
4477
4499
|
|
|
4478
|
-
var styles$
|
|
4500
|
+
var styles$1g = {"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"};
|
|
4479
4501
|
|
|
4480
|
-
var Component$
|
|
4502
|
+
var Component$1u = function (_a) {
|
|
4481
4503
|
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;
|
|
4482
4504
|
var breadcrumbs = breadcrumbCustomText ? breadcrumbCustomText : breadcrumbText || '';
|
|
4483
4505
|
var breadcrumbSplitText = breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.split('/');
|
|
4484
4506
|
var lastIndexBC = (breadcrumbSplitText === null || breadcrumbSplitText === void 0 ? void 0 : breadcrumbSplitText.length) - 1;
|
|
4485
4507
|
var haveDetailTitle = detailTitle !== '';
|
|
4486
|
-
var detailTileStyle = detailTitle ? styles$
|
|
4508
|
+
var detailTileStyle = detailTitle ? styles$1g['no-transform'] : '';
|
|
4487
4509
|
var regexBase4 = /[0-9a-f]{8} [0-9a-f]{4} [0-9a-f]{4} [0-9a-f]{4} [0-9a-f]{12}/g;
|
|
4488
4510
|
// This removes the base64 from the vacancy breadcrumbs
|
|
4489
4511
|
var title = breadcrumbSplitText[lastIndexBC].replace(/-/g, ' ').replace(regexBase4, '');
|
|
@@ -4495,9 +4517,9 @@ var Component$1t = function (_a) {
|
|
|
4495
4517
|
"/ ",
|
|
4496
4518
|
href)));
|
|
4497
4519
|
}),
|
|
4498
|
-
React.createElement("p", { className: "".concat(styles$
|
|
4520
|
+
React.createElement("p", { className: "".concat(styles$1g['magneto-ui-bc-active'], " ").concat(detailTileStyle) },
|
|
4499
4521
|
"/ ",
|
|
4500
|
-
haveDetailTitle ? detailTitle : title))) : (React.createElement(React.Fragment, null, breadcrumbSplitText.map(function (bc, i) { return (React.createElement("p", { className: "".concat(lastIndexBC == i ? styles$
|
|
4522
|
+
haveDetailTitle ? detailTitle : title))) : (React.createElement(React.Fragment, null, breadcrumbSplitText.map(function (bc, i) { return (React.createElement("p", { className: "".concat(lastIndexBC == i ? styles$1g['magneto-ui-bc-active'] : '', " ").concat(styles$1g['magneto-ui-bc']), key: i },
|
|
4501
4523
|
i > 0 && '/',
|
|
4502
4524
|
" ",
|
|
4503
4525
|
bc)); })));
|
|
@@ -4513,53 +4535,53 @@ var Component$1t = function (_a) {
|
|
|
4513
4535
|
queryParams,
|
|
4514
4536
|
lastIndexBC
|
|
4515
4537
|
]);
|
|
4516
|
-
return React.createElement("div", { className: styles$
|
|
4538
|
+
return React.createElement("div", { className: styles$1g.breadcrumbComponent }, breadCrumbsRender);
|
|
4517
4539
|
};
|
|
4518
4540
|
/**
|
|
4519
4541
|
* Atom UI of breadcrumb
|
|
4520
4542
|
*/
|
|
4521
|
-
var Breadcrumb = Component$
|
|
4543
|
+
var Breadcrumb = Component$1u;
|
|
4522
4544
|
|
|
4523
|
-
var styles$
|
|
4545
|
+
var styles$1f = {"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"};
|
|
4524
4546
|
|
|
4525
|
-
var Component$
|
|
4547
|
+
var Component$1t = function (_a) {
|
|
4526
4548
|
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;
|
|
4527
|
-
return (React.createElement("button", { className: "".concat(className, " ").concat(styles$
|
|
4528
|
-
typeof suffixIcon === 'string' ? (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: styles$
|
|
4529
|
-
buttonText && React.createElement("p", { className: styles$
|
|
4530
|
-
typeof prefixIcon === 'string' ? (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: addHover, className: styles$
|
|
4549
|
+
return (React.createElement("button", { className: "".concat(className, " ").concat(styles$1f['magneto-ui-button'], " ").concat(addHover ? styles$1f['hover-effect'] : '', " "), type: "button", onClick: onClick, title: buttonTitle },
|
|
4550
|
+
typeof suffixIcon === 'string' ? (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: styles$1f['magneto-ui-button__icon'] })) : (suffixIcon),
|
|
4551
|
+
buttonText && React.createElement("p", { className: styles$1f['magneto-ui-button__mobile-text'] }, buttonText),
|
|
4552
|
+
typeof prefixIcon === 'string' ? (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: addHover, className: styles$1f['magneto-ui-button__icon'] })) : (prefixIcon)));
|
|
4531
4553
|
};
|
|
4532
4554
|
/**
|
|
4533
4555
|
* UI Atom Component of Save Button
|
|
4534
4556
|
*/
|
|
4535
|
-
var Button = Component$
|
|
4557
|
+
var Button = Component$1t;
|
|
4536
4558
|
|
|
4537
|
-
var styles$
|
|
4559
|
+
var styles$1e = {"magneto-ui-comparative-counter":"mg_comparative_counter_magneto-ui-comparative-counter_1ue4r","error-label":"mg_comparative_counter_error-label_1ue4r"};
|
|
4538
4560
|
|
|
4539
4561
|
var nf = new Intl.NumberFormat('de-DE');
|
|
4540
|
-
var Component$
|
|
4562
|
+
var Component$1s = function (_a) {
|
|
4541
4563
|
var _b = _a.current, current = _b === void 0 ? 0 : _b, _c = _a.max, max = _c === void 0 ? 0 : _c, _d = _a.position, position = _d === void 0 ? 'left' : _d;
|
|
4542
4564
|
var currentHigherMax = useMemo(function () {
|
|
4543
4565
|
return current > max;
|
|
4544
4566
|
}, [current, max]);
|
|
4545
|
-
return (React.createElement("p", { style: { textAlign: position }, className: "".concat(styles$
|
|
4567
|
+
return (React.createElement("p", { style: { textAlign: position }, className: "".concat(styles$1e["".concat(classMUI, "-comparative-counter")], " ").concat(currentHigherMax ? styles$1e['error-label'] : '') },
|
|
4546
4568
|
nf.format(current),
|
|
4547
4569
|
React.createElement("span", null,
|
|
4548
4570
|
" / ",
|
|
4549
4571
|
nf.format(max))));
|
|
4550
4572
|
};
|
|
4551
|
-
var ComparativeCounter = Component$
|
|
4573
|
+
var ComparativeCounter = Component$1s;
|
|
4552
4574
|
|
|
4553
|
-
var styles$
|
|
4575
|
+
var styles$1d = {"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"};
|
|
4554
4576
|
|
|
4555
|
-
var cx$z = classNames.bind(styles$
|
|
4577
|
+
var cx$z = classNames.bind(styles$1d);
|
|
4556
4578
|
var defaultCheck = function (_a) {
|
|
4557
4579
|
var type = _a.type, checked = _a.checked;
|
|
4558
4580
|
if (type === 'background')
|
|
4559
4581
|
return;
|
|
4560
4582
|
return (React.createElement("div", { "aria-checked": checked, role: "checkbox", className: cx$z('checkbox__box', { 'checkbox__box--checked': checked }) }, checked ? React.createElement(React.Fragment, null, "\u2713") : null));
|
|
4561
4583
|
};
|
|
4562
|
-
var Component$
|
|
4584
|
+
var Component$1r = function (_a) {
|
|
4563
4585
|
var id = _a.id, checked = _a.checked, _b = _a.onChange, onChange = _b === void 0 ? stubTrue : _b, children = _a.children, _c = _a.type, type = _c === void 0 ? 'box' : _c, className = _a.className, _d = _a.display, display = _d === void 0 ? 'inline' : _d, _e = _a.renderCheck, renderCheck = _e === void 0 ? defaultCheck : _e, rest = __rest(_a, ["id", "checked", "onChange", "children", "type", "className", "display", "renderCheck"]);
|
|
4564
4586
|
return (React.createElement("label", { className: cx$z('checkbox', "checkbox--".concat(display), className, {
|
|
4565
4587
|
'checkbox--checked': checked,
|
|
@@ -4572,7 +4594,7 @@ var Component$1q = function (_a) {
|
|
|
4572
4594
|
}, type: "checkbox", id: id }, rest)),
|
|
4573
4595
|
children));
|
|
4574
4596
|
};
|
|
4575
|
-
var Checkbox = Component$
|
|
4597
|
+
var Checkbox = Component$1r;
|
|
4576
4598
|
|
|
4577
4599
|
var DateArray = /** @class */ (function () {
|
|
4578
4600
|
function DateArray(array) {
|
|
@@ -4627,7 +4649,7 @@ var fixArrayDate = function (array) {
|
|
|
4627
4649
|
return dateArray.setArray(array).fixMonth().getArray();
|
|
4628
4650
|
};
|
|
4629
4651
|
|
|
4630
|
-
var styles$
|
|
4652
|
+
var styles$1c = {"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"};
|
|
4631
4653
|
|
|
4632
4654
|
// placeholder to every input.
|
|
4633
4655
|
var placeholder = ['D', 'D', 'M', 'M', 'A', 'A', 'A', 'A'];
|
|
@@ -4635,7 +4657,7 @@ var stringArraytoDate = function (array) {
|
|
|
4635
4657
|
var d1 = array[0], d2 = array[1], m1 = array[2], m2 = array[3], year = array.slice(4);
|
|
4636
4658
|
return new Date(Number(year.join('')), Number("".concat(m1).concat(m2)) - 1, Number("".concat(d1).concat(d2)));
|
|
4637
4659
|
};
|
|
4638
|
-
var Component$
|
|
4660
|
+
var Component$1q = function (_a) {
|
|
4639
4661
|
var _b = _a.className, className = _b === void 0 ? '' : _b, value = _a.value, _c = _a.onChange, onChange = _c === void 0 ? function () { return null; } : _c, _d = _a.fit, fit = _d === void 0 ? false : _d, _e = _a.hasError, hasError = _e === void 0 ? false : _e;
|
|
4640
4662
|
// Represent the value of every input field (there are 8 in total).
|
|
4641
4663
|
var _f = useState(Array(8).fill('')), internalValues = _f[0], setInternalValues = _f[1];
|
|
@@ -4738,30 +4760,30 @@ var Component$1p = function (_a) {
|
|
|
4738
4760
|
}
|
|
4739
4761
|
}, []);
|
|
4740
4762
|
return (React.createElement("div", { className: [
|
|
4741
|
-
styles$
|
|
4763
|
+
styles$1c['date-input'],
|
|
4742
4764
|
className,
|
|
4743
|
-
fit ? styles$
|
|
4744
|
-
hasError ? styles$
|
|
4765
|
+
fit ? styles$1c['date-input--fit'] : '',
|
|
4766
|
+
hasError ? styles$1c['date-input--error'] : ''
|
|
4745
4767
|
].join(' ') },
|
|
4746
|
-
React.createElement("div", { className: styles$
|
|
4768
|
+
React.createElement("div", { className: styles$1c['date-input__left'], onClick: function () {
|
|
4747
4769
|
var _a;
|
|
4748
4770
|
(_a = inputsRef.current[0]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
4749
4771
|
} }),
|
|
4750
4772
|
internalValues.map(function (value, index) { return (React.createElement(React.Fragment, { key: index },
|
|
4751
4773
|
[2, 4].includes(index) ? (
|
|
4752
4774
|
// include / separator in date (DD / MM / YYYY)
|
|
4753
|
-
React.createElement("span", { className: [styles$
|
|
4754
|
-
React.createElement("input", { className: styles$
|
|
4755
|
-
React.createElement("div", { className: styles$
|
|
4775
|
+
React.createElement("span", { className: [styles$1c['date-input__separator'], value ? styles$1c['date-input__separator--filled'] : ''].join(' ') }, "/")) : null,
|
|
4776
|
+
React.createElement("input", { className: styles$1c['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" }))); }),
|
|
4777
|
+
React.createElement("div", { className: styles$1c['date-input__right'], onClick: function () {
|
|
4756
4778
|
var _a;
|
|
4757
4779
|
(_a = inputsRef.current[inputsRef.current.length - 1]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
4758
4780
|
} })));
|
|
4759
4781
|
};
|
|
4760
|
-
var DateInput = Component$
|
|
4782
|
+
var DateInput = Component$1q;
|
|
4761
4783
|
|
|
4762
4784
|
var style$B = {"divider":"mg_divider_divider_1vn87"};
|
|
4763
4785
|
|
|
4764
|
-
var Component$
|
|
4786
|
+
var Component$1p = function (_a) {
|
|
4765
4787
|
var _b = _a.direction, direction = _b === void 0 ? 'HORIZONTAL' : _b, _c = _a.spacing, spacing = _c === void 0 ? 0 : _c;
|
|
4766
4788
|
var inlineStyle = direction == 'HORIZONTAL'
|
|
4767
4789
|
? { width: 'calc(100% - 10px)', height: 1, margin: "".concat(spacing, "px 0px") }
|
|
@@ -4771,7 +4793,15 @@ var Component$1o = function (_a) {
|
|
|
4771
4793
|
/**
|
|
4772
4794
|
* Atom UI Divider Component
|
|
4773
4795
|
*/
|
|
4774
|
-
var Divider = Component$
|
|
4796
|
+
var Divider = Component$1p;
|
|
4797
|
+
|
|
4798
|
+
var styles$1b = {"dots-loader":"mg_dots_loader_dots-loader_zwly0","dots-loader__dot":"mg_dots_loader_dots-loader_dot_zwly0","bounce":"mg_dots_loader_bounce_zwly0"};
|
|
4799
|
+
|
|
4800
|
+
var Component$1o = function (_a) {
|
|
4801
|
+
var _b = _a.count, count = _b === void 0 ? 3 : _b, _c = _a.color, color = _c === void 0 ? '#000' : _c;
|
|
4802
|
+
return (React.createElement("div", { className: styles$1b['dots-loader'] }, Array.from({ length: count }).map(function (_, index) { return (React.createElement("span", { key: index, className: styles$1b['dots-loader__dot'], style: { animationDelay: "".concat(index * 0.2, "s"), backgroundColor: color } })); })));
|
|
4803
|
+
};
|
|
4804
|
+
var DotsLoader = Component$1o;
|
|
4775
4805
|
|
|
4776
4806
|
var styles$1a = {"headerTabComponent":"mg_header_tab_headerTabComponent_1mp3q","headerTabComponent__count":"mg_header_tab_headerTabComponent_count_1mp3q","headerTabComponent__text":"mg_header_tab_headerTabComponent_text_1mp3q"};
|
|
4777
4807
|
|
|
@@ -8391,7 +8421,7 @@ var JobCardSkeleton = function (_a) {
|
|
|
8391
8421
|
};
|
|
8392
8422
|
|
|
8393
8423
|
var JobsPage = function (_a) {
|
|
8394
|
-
var jobDetailsDrawerProps = _a.jobDetailsDrawerProps, mobileJobDetailsDrawerProps = _a.mobileJobDetailsDrawerProps, sortBarProps = _a.sortBarProps, sideFilterProps = _a.sideFilterProps, frequentSearchProps = _a.frequentSearchProps, vacantProps = _a.vacantProps, footerProps = _a.footerProps, paginationProps = _a.paginationProps, setJobSelected = _a.setJobSelected, jobSelected = _a.jobSelected, isLoading = _a.isLoading, device = _a.device, emptyResultsProps = _a.emptyResultsProps, jobDetailAction = _a.jobDetailAction, customParagraph = _a.customParagraph, dynamicPaginationUrl = _a.dynamicPaginationUrl, displayAlwaysFilter = _a.displayAlwaysFilter;
|
|
8424
|
+
var jobDetailsDrawerProps = _a.jobDetailsDrawerProps, mobileJobDetailsDrawerProps = _a.mobileJobDetailsDrawerProps, sortBarProps = _a.sortBarProps, sideFilterProps = _a.sideFilterProps, frequentSearchProps = _a.frequentSearchProps, vacantProps = _a.vacantProps, footerProps = _a.footerProps, paginationProps = _a.paginationProps, setJobSelected = _a.setJobSelected, jobSelected = _a.jobSelected, isLoading = _a.isLoading, device = _a.device, emptyResultsProps = _a.emptyResultsProps, jobDetailAction = _a.jobDetailAction, customParagraph = _a.customParagraph, dynamicPaginationUrl = _a.dynamicPaginationUrl, displayAlwaysFilter = _a.displayAlwaysFilter, createAccountCTAProps = _a.createAccountCTAProps;
|
|
8395
8425
|
var _b = useState(false), isFiltersOpen = _b[0], setIsFiltersOpen = _b[1];
|
|
8396
8426
|
var _c = useState(false), loadVideo = _c[0], setLoadVideo = _c[1];
|
|
8397
8427
|
var _d = useState(device === 'desktop'), showDetail = _d[0], setShowDetail = _d[1];
|
|
@@ -8448,6 +8478,7 @@ var JobsPage = function (_a) {
|
|
|
8448
8478
|
sideFilterAltRender,
|
|
8449
8479
|
React.createElement("div", { className: style$2["".concat(classMUI, "-jobs-page--center-row")] },
|
|
8450
8480
|
React.createElement(SortBar, __assign({}, sortBarProps, { isFiltersOpen: isFiltersOpen, setIsFiltersOpen: setIsFiltersOpen, emptyVacant: emptyVacant })),
|
|
8481
|
+
createAccountCTAProps && React.createElement(CreateAccountCTA, __assign({}, createAccountCTAProps)),
|
|
8451
8482
|
mainTitleByMediaQuery,
|
|
8452
8483
|
React.createElement("div", { className: style$2["".concat(classMUI, "-jobs-page--center-row__jobs-result")] }, cardsAltRender),
|
|
8453
8484
|
customParagraph && React.createElement(Paragraph, { paragraph: customParagraph }),
|
|
@@ -8536,5 +8567,5 @@ var Component = function (_a) {
|
|
|
8536
8567
|
};
|
|
8537
8568
|
var SuggestedJobsPage = Component;
|
|
8538
8569
|
|
|
8539
|
-
export { Actions, Alert, AlertJobModal, AlertJobStatus, AlertJobStatusContainer, AlertJobStatusIcon, AlertsPanel, AlphabetFilter, AnalystTemplate, ApplicationButton, ApplicationSubtitle, ApplicationSummary, ApplicationText, ApplicationTitle, Avatar, Badge, BarLoader, BrandMenu, BrandsContainer, BrandsMenuMobile, BrandsMenuPopover$1 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, ButtonLink, Checkbox, CitiesDetailDrawer, ComparativeCounter, DateDropdown, DateInput, DatePicker, DatePickerResponsiveComponent, Divider, Drawer$1 as Drawer, DrawerMenu, EExpandableInfoSize, EExpandableInfoVariant, ERadioType, EmptyResult as EmptyResults, ExpandableInfo, FilterActions, FilterCard, FilterContainerMenu, FilterHeader, FilterMenuItem, FilterSearchItem, FlatLoader, Footer, FooterMenuLinks, FraudCardJob, FrequentSearch, HeaderAnalyst, HeaderDrawerCompany, HeaderDrawerTabs, HeaderTab, HeaderTabs, IconItem, Image, Input, InputPlus, InputSearch, JobActions, JobApplyCard, JobCard, JobCardDesktop, JobCardMobile, JobCompanyHeader, JobCompanyLogo, JobDetailCard, JobDetailContainer, JobDetails, JobDetailsDrawer, JobFooterCard, JobHeader, JobSkillsCard, JobSuggestedDrawer, JobSuggestedHeader, JobSuggestedSimilarJobs, JobVideo, JobsPage, Link, ListIconLink, ListMenuIcons, ListMenuItems, ListMenuText, ListSortMenu, Loading, LoginHeader, LoginJobsHeader, LoginJobsTemplate, LoginTemplate, LogoComponent, LogoutHeader, LogoutJobsHeader, LogoutJobsTemplate, LogoutTemplate, MagnetoResolution, MagnetoSocialMedia, ContextAppProvider as MagnetoUIProvider, MainButton, MegaMenu, MegaMenuCard, MegaMenuCards, MegaMenuDrawer, MegaMenuDrawerItem, MegaMenuEmpty, MegaMenuJobsTabs, MegaMenuPopover, MegaMenuSideCards, MegaMenuTab, MenuDropdown, MenuIcon, MenuItem, MenuSearch, Message, MobileDatePicker, MobileDrawer, MobileDrawerMenu, MobileJobDetailsDrawer, MobileJobDetailsHeader, MobileSearchbar, MobileSortMenu, Modal$1 as Modal, ModalAnalyst, ModalResponsive, MultiRangeSlider, MultipleSelectionEntry, NavMenuAnalyst, NavMenuAnalystRegionModal, NavMenuDrawerAnalyst, Notification, OneSelectionEntry, Pagination, Paragraph, Popover, ProcessesCard, Radio, RightsReservedText, SaveButton, ScoreLevel, ScoreLevelStatic, SearchButton, SearchItem, Searchbar, Select, Select2, ShareButton, SharePopover, SideFilter, SimilarCard, SimilarCardIcon, SimilarCardLogo, SimilarJobs, SimilarJobsCard, Skill, SortBar, SortMenu$1 as SortMenu, SuggestedJobsPage, Switch, Tab, TabButton, Tags as Tag, TextArea, TextCustom, Timeline, TimelineEvent, ToggleButton, ToggleButtonList, Tooltip, UserMenu, UserMenuAnalyst, UserMenuButtonAnalyst, UserMenuWrapperAnalyst, UserTermCheck, UserTermContent, UserTermHighlight, UserTermSubTitle, UserTermSubmit, UserTermText, UserTermTitle, UserTermUList, UserTerms, useMediaQuery, withClickOut, withMegaMenuSideCards };
|
|
8570
|
+
export { Actions, Alert, AlertJobModal, AlertJobStatus, AlertJobStatusContainer, AlertJobStatusIcon, AlertsPanel, AlphabetFilter, AnalystTemplate, ApplicationButton, ApplicationSubtitle, ApplicationSummary, ApplicationText, ApplicationTitle, Avatar, Badge, BarLoader, BrandMenu, BrandsContainer, BrandsMenuMobile, BrandsMenuPopover$1 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, ButtonLink, Checkbox, CitiesDetailDrawer, ComparativeCounter, CreateAccountCTA, DateDropdown, DateInput, DatePicker, DatePickerResponsiveComponent, Divider, DotsLoader, Drawer$1 as Drawer, DrawerMenu, EExpandableInfoSize, EExpandableInfoVariant, ERadioType, EmptyResult as EmptyResults, ExpandableInfo, FilterActions, FilterCard, FilterContainerMenu, FilterHeader, FilterMenuItem, FilterSearchItem, FlatLoader, Footer, FooterMenuLinks, FraudCardJob, FrequentSearch, HeaderAnalyst, HeaderDrawerCompany, HeaderDrawerTabs, HeaderTab, HeaderTabs, IconItem, Image, Input, InputPlus, InputSearch, JobActions, JobApplyCard, JobCard, JobCardDesktop, JobCardMobile, JobCompanyHeader, JobCompanyLogo, JobDetailCard, JobDetailContainer, JobDetails, JobDetailsDrawer, JobFooterCard, JobHeader, JobSkillsCard, JobSuggestedDrawer, JobSuggestedHeader, JobSuggestedSimilarJobs, JobVideo, JobsPage, Link, ListIconLink, ListMenuIcons, ListMenuItems, ListMenuText, ListSortMenu, Loading, LoginHeader, LoginJobsHeader, LoginJobsTemplate, LoginTemplate, LogoComponent, LogoutHeader, LogoutJobsHeader, LogoutJobsTemplate, LogoutTemplate, MagnetoResolution, MagnetoSocialMedia, ContextAppProvider as MagnetoUIProvider, MainButton, MegaMenu, MegaMenuCard, MegaMenuCards, MegaMenuDrawer, MegaMenuDrawerItem, MegaMenuEmpty, MegaMenuJobsTabs, MegaMenuPopover, MegaMenuSideCards, MegaMenuTab, MenuDropdown, MenuIcon, MenuItem, MenuSearch, Message, MobileDatePicker, MobileDrawer, MobileDrawerMenu, MobileJobDetailsDrawer, MobileJobDetailsHeader, MobileSearchbar, MobileSortMenu, Modal$1 as Modal, ModalAnalyst, ModalResponsive, MultiRangeSlider, MultipleSelectionEntry, NavMenuAnalyst, NavMenuAnalystRegionModal, NavMenuDrawerAnalyst, Notification, OneSelectionEntry, Pagination, Paragraph, Popover, ProcessesCard, Radio, RightsReservedText, SaveButton, ScoreLevel, ScoreLevelStatic, SearchButton, SearchItem, Searchbar, Select, Select2, ShareButton, SharePopover, SideFilter, SimilarCard, SimilarCardIcon, SimilarCardLogo, SimilarJobs, SimilarJobsCard, Skill, SortBar, SortMenu$1 as SortMenu, SuggestedJobsPage, Switch, Tab, TabButton, Tags as Tag, TextArea, TextCustom, Timeline, TimelineEvent, ToggleButton, ToggleButtonList, Tooltip, UserMenu, UserMenuAnalyst, UserMenuButtonAnalyst, UserMenuWrapperAnalyst, UserTermCheck, UserTermContent, UserTermHighlight, UserTermSubTitle, UserTermSubmit, UserTermText, UserTermTitle, UserTermUList, UserTerms, useMediaQuery, withClickOut, withMegaMenuSideCards };
|
|
8540
8571
|
//# sourceMappingURL=index.js.map
|