magneto365.ui 2.52.1 → 2.54.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/58346511fd62e29a.svg +5 -0
- package/dist/assets/8a37a9c7b0fd5027.svg +9 -0
- package/dist/cjs/css/magneto.ui.lib.min.css +1 -1
- package/dist/cjs/index.js +446 -409
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/UI/atoms/Badge/Badge.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/atoms/Badge/Badge.interface.d.ts +10 -0
- package/dist/cjs/types/components/UI/atoms/Badge/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/atoms/HeaderTab/HeaderTab.interface.d.ts +7 -0
- package/dist/cjs/types/components/UI/atoms/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/molecules/FraudCardJob/FraudCardJob.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/molecules/FraudCardJob/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/molecules/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/organism/JobDetailsDrawer/JobDetailsDrawer.interface.d.ts +4 -0
- package/dist/cjs/types/components/UI/organism/MobileJobDetailsDrawer/MobileJobDetailsDrawer.interface.d.ts +4 -0
- package/dist/cjs/types/constants/icons.constants.d.ts +2 -0
- package/dist/esm/css/magneto.ui.lib.min.css +1 -1
- package/dist/esm/index.js +445 -410
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/UI/atoms/Badge/Badge.component.d.ts +3 -0
- package/dist/esm/types/components/UI/atoms/Badge/Badge.interface.d.ts +10 -0
- package/dist/esm/types/components/UI/atoms/Badge/index.d.ts +1 -0
- package/dist/esm/types/components/UI/atoms/HeaderTab/HeaderTab.interface.d.ts +7 -0
- package/dist/esm/types/components/UI/atoms/index.d.ts +1 -0
- package/dist/esm/types/components/UI/molecules/FraudCardJob/FraudCardJob.component.d.ts +3 -0
- package/dist/esm/types/components/UI/molecules/FraudCardJob/index.d.ts +1 -0
- package/dist/esm/types/components/UI/molecules/index.d.ts +1 -0
- package/dist/esm/types/components/UI/organism/JobDetailsDrawer/JobDetailsDrawer.interface.d.ts +4 -0
- package/dist/esm/types/components/UI/organism/MobileJobDetailsDrawer/MobileJobDetailsDrawer.interface.d.ts +4 -0
- package/dist/esm/types/constants/icons.constants.d.ts +2 -0
- package/dist/index.d.ts +33 -1
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -250,7 +250,7 @@ var useMediaQuery = function (defaultValue, options) {
|
|
|
250
250
|
|
|
251
251
|
var style$_ = {"magneto-ui-icon":"mg_icon_magneto-ui-icon_4jxnv","magneto-ui-hover":"mg_icon_magneto-ui-hover_4jxnv"};
|
|
252
252
|
|
|
253
|
-
var Component$
|
|
253
|
+
var Component$2b = function (_a) {
|
|
254
254
|
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;
|
|
255
255
|
var _d = React.useState(false), imageError = _d[0], setImageError = _d[1];
|
|
256
256
|
var handleError = function () {
|
|
@@ -266,9 +266,9 @@ var Component$29 = function (_a) {
|
|
|
266
266
|
/**
|
|
267
267
|
* Atom UI component of Icon for general purpose
|
|
268
268
|
*/
|
|
269
|
-
var IconItem = Component$
|
|
269
|
+
var IconItem = Component$2b;
|
|
270
270
|
|
|
271
|
-
var styles$
|
|
271
|
+
var styles$27 = {"avatarComponent":"mg_avatar_avatarComponent_1upgt","magneto-ui-default-avatar":"mg_avatar_magneto-ui-default-avatar_1upgt"};
|
|
272
272
|
|
|
273
273
|
var Add = "https://static.magneto365.com/lib/assets/f738cef7b76c444f.svg";
|
|
274
274
|
|
|
@@ -510,6 +510,10 @@ var UserSearchWhiteOutline = "https://static.magneto365.com/lib/assets/eb30208cb
|
|
|
510
510
|
|
|
511
511
|
var Warning = "https://static.magneto365.com/lib/assets/bfab45bdc4d8d900.svg";
|
|
512
512
|
|
|
513
|
+
var WarningHex = "https://static.magneto365.com/lib/assets/58346511fd62e29a.svg";
|
|
514
|
+
|
|
515
|
+
var Warning3D = "https://static.magneto365.com/lib/assets/8a37a9c7b0fd5027.svg";
|
|
516
|
+
|
|
513
517
|
var WarningYellowBold = "https://static.magneto365.com/lib/assets/8949e8e4bfb2ef16.svg";
|
|
514
518
|
|
|
515
519
|
var WhatsAppColor = "https://static.magneto365.com/lib/assets/75c50160036c6fdf.svg";
|
|
@@ -522,21 +526,31 @@ var Youtube = "https://static.magneto365.com/lib/assets/f78dbede1bdf3dd0.svg";
|
|
|
522
526
|
|
|
523
527
|
var YoutubeSolid = "https://static.magneto365.com/lib/assets/cdcc07646d43bd9d.svg";
|
|
524
528
|
|
|
525
|
-
var Component$
|
|
529
|
+
var Component$2a = function (_a) {
|
|
526
530
|
var userImage = _a.userImage, fallbackImage = _a.fallbackImage, onClick = _a.onClick;
|
|
527
531
|
var _b = React.useState(false), imageError = _b[0], setImageError = _b[1];
|
|
528
532
|
var handleError = function () {
|
|
529
533
|
setImageError(true);
|
|
530
534
|
};
|
|
531
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
535
|
+
return (React__default["default"].createElement("div", { className: styles$27.avatarComponent, onClick: onClick },
|
|
532
536
|
userImage && !imageError && React__default["default"].createElement("img", { src: userImage, alt: "User Avatar", loading: "lazy", onError: handleError }),
|
|
533
|
-
(!userImage || imageError) && (React__default["default"].createElement("div", { className: styles$
|
|
537
|
+
(!userImage || imageError) && (React__default["default"].createElement("div", { className: styles$27['magneto-ui-default-avatar'] },
|
|
534
538
|
React__default["default"].createElement(IconItem, { icon: fallbackImage || User, hover: false })))));
|
|
535
539
|
};
|
|
536
540
|
/**
|
|
537
541
|
* UI Atom component of Avatar
|
|
538
542
|
*/
|
|
539
|
-
var Avatar = Component$
|
|
543
|
+
var Avatar = Component$2a;
|
|
544
|
+
|
|
545
|
+
var styles$26 = {"badge-count":"mg_badge_badge-count_15t5z","badge-count__animation":"mg_badge_badge-count_animation_15t5z","pulse":"mg_badge_pulse_15t5z"};
|
|
546
|
+
|
|
547
|
+
var Component$29 = function (_a) {
|
|
548
|
+
var _b = _a.number, number = _b === void 0 ? undefined : _b, className = _a.className;
|
|
549
|
+
return (React__default["default"].createElement("p", { className: "".concat(styles$26['badge-count'], " ").concat(className) },
|
|
550
|
+
React__default["default"].createElement("span", { className: styles$26['badge-count__animation'] }),
|
|
551
|
+
number && number));
|
|
552
|
+
};
|
|
553
|
+
var Badge = Component$29;
|
|
540
554
|
|
|
541
555
|
var BAR_LOADER_PREFIX = '--bar-loader';
|
|
542
556
|
|
|
@@ -653,9 +667,9 @@ var SignUpButtonStyle = {
|
|
|
653
667
|
}
|
|
654
668
|
};
|
|
655
669
|
|
|
656
|
-
var styles$
|
|
670
|
+
var styles$25 = {"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"};
|
|
657
671
|
|
|
658
|
-
var styles$
|
|
672
|
+
var styles$24 = {"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"};
|
|
659
673
|
|
|
660
674
|
var ShareIcons = {
|
|
661
675
|
Facebook: {
|
|
@@ -675,7 +689,7 @@ var ShareIcons = {
|
|
|
675
689
|
}
|
|
676
690
|
};
|
|
677
691
|
|
|
678
|
-
var Component$
|
|
692
|
+
var Component$28 = function (_a) {
|
|
679
693
|
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;
|
|
680
694
|
var _b = React.useState(), component = _b[0], setComponent = _b[1];
|
|
681
695
|
var actionsLinkList = ActionsAnchorIcons === null || ActionsAnchorIcons === void 0 ? void 0 : ActionsAnchorIcons.map(function (_, index) { return ({
|
|
@@ -688,46 +702,46 @@ var Component$27 = function (_a) {
|
|
|
688
702
|
};
|
|
689
703
|
if (component)
|
|
690
704
|
return component;
|
|
691
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
692
|
-
React__default["default"].createElement("div", { id: styles$
|
|
705
|
+
return (React__default["default"].createElement("div", { className: styles$24['magneto-ui-actions'] },
|
|
706
|
+
React__default["default"].createElement("div", { id: styles$24['magneto-ui__external-child'] }, externalButtonChild),
|
|
693
707
|
React__default["default"].createElement(SaveButton, __assign({}, saveButtonProps)),
|
|
694
|
-
React__default["default"].createElement("button", { className: styles$
|
|
708
|
+
React__default["default"].createElement("button", { className: styles$24['magneto-ui-actions__button'], title: shareButtonProps.title, onClick: function () {
|
|
695
709
|
return setComponent(React__default["default"].createElement(Actions.ShareLinks, { offerCompanyName: offerCompanyName, shareButtonProps: copyButtonProps, ActionsHeader: ActionsHeader, backText: backText, onBack: handleBack }));
|
|
696
710
|
} },
|
|
697
711
|
React__default["default"].createElement(IconItem, { size: 20, icon: Share }),
|
|
698
712
|
shareButtonProps.content), actionsLinkList === null || actionsLinkList === void 0 ? void 0 :
|
|
699
713
|
actionsLinkList.map(function (_a, index) {
|
|
700
714
|
var url = _a.url, text = _a.text, Icon = _a.Icon;
|
|
701
|
-
return (React__default["default"].createElement("a", { className: styles$
|
|
715
|
+
return (React__default["default"].createElement("a", { className: styles$24['magneto-ui-actions__link'], key: index, href: url, target: "_blank", rel: "noreferrer" },
|
|
702
716
|
React__default["default"].createElement(IconItem, { hover: false, size: 20, icon: Icon }),
|
|
703
717
|
React__default["default"].createElement("p", { key: index }, text)));
|
|
704
718
|
}),
|
|
705
|
-
React__default["default"].createElement("div", { className: styles$
|
|
706
|
-
React__default["default"].createElement("p", { className: styles$
|
|
707
|
-
offerCompanyName ? React__default["default"].createElement("p", { className: styles$
|
|
719
|
+
React__default["default"].createElement("div", { className: styles$24['magneto-ui-actions__header'] },
|
|
720
|
+
React__default["default"].createElement("p", { className: styles$24['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
721
|
+
offerCompanyName ? React__default["default"].createElement("p", { className: styles$24['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null)));
|
|
708
722
|
};
|
|
709
723
|
var ShareLinksAction = function (_a) {
|
|
710
724
|
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;
|
|
711
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
712
|
-
React__default["default"].createElement(ShareButton, __assign({ className: styles$
|
|
725
|
+
return (React__default["default"].createElement("div", { className: styles$24['magneto-ui-actions'] },
|
|
726
|
+
React__default["default"].createElement(ShareButton, __assign({ className: styles$24['magneto-ui-actions__share'] }, shareProps)),
|
|
713
727
|
shareLinks.map(function (_a, index) {
|
|
714
728
|
var title = _a.title, ariaLabel = _a.ariaLabel, href = _a.href, icon = _a.icon, name = _a.name;
|
|
715
|
-
return (React__default["default"].createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$
|
|
729
|
+
return (React__default["default"].createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$24['magneto-ui-actions__link'], styles$24['magneto-ui-actions__link--no-decorator']].join(' ') },
|
|
716
730
|
React__default["default"].createElement(IconItem, { size: 40, icon: name ? ShareIcons[name].icon : icon }),
|
|
717
731
|
React__default["default"].createElement("span", null, title)));
|
|
718
732
|
}),
|
|
719
|
-
React__default["default"].createElement("div", { className: styles$
|
|
720
|
-
React__default["default"].createElement("p", { className: styles$
|
|
721
|
-
offerCompanyName ? React__default["default"].createElement("p", { className: styles$
|
|
722
|
-
React__default["default"].createElement("div", { className: styles$
|
|
723
|
-
React__default["default"].createElement("button", { className: styles$
|
|
733
|
+
React__default["default"].createElement("div", { className: styles$24['magneto-ui-actions__header'] },
|
|
734
|
+
React__default["default"].createElement("p", { className: styles$24['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
735
|
+
offerCompanyName ? React__default["default"].createElement("p", { className: styles$24['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null),
|
|
736
|
+
React__default["default"].createElement("div", { className: styles$24['magneto-ui-actions__back'] },
|
|
737
|
+
React__default["default"].createElement("button", { className: styles$24['magneto-ui-actions__button'], onClick: function () { return onBack(); } },
|
|
724
738
|
React__default["default"].createElement(IconItem, { size: 20, icon: ArrowLeft2 })),
|
|
725
739
|
backText)));
|
|
726
740
|
};
|
|
727
741
|
/**
|
|
728
742
|
* UI Molecule componet of Actions
|
|
729
743
|
*/
|
|
730
|
-
var Actions = Object.assign(Component$
|
|
744
|
+
var Actions = Object.assign(Component$28, { ShareLinks: ShareLinksAction });
|
|
731
745
|
|
|
732
746
|
var style$Z = {"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"};
|
|
733
747
|
|
|
@@ -753,7 +767,7 @@ var alertIcons = {
|
|
|
753
767
|
warning: Warning,
|
|
754
768
|
error: Error
|
|
755
769
|
};
|
|
756
|
-
var Component$
|
|
770
|
+
var Component$27 = function (_a) {
|
|
757
771
|
var text = _a.text, type = _a.type, customText = _a.customText, _b = _a.border, border = _b === void 0 ? false : _b, size = _a.size, onClose = _a.onClose, _c = _a.className, className = _c === void 0 ? '' : _c, extraButton = _a.extraButton;
|
|
758
772
|
var borderStyle = border ? style$Z["".concat(classMUI, "-").concat(type, "--with-border")] : '';
|
|
759
773
|
var typeStyle = style$Z["".concat(classMUI, "-").concat(type)];
|
|
@@ -765,7 +779,7 @@ var Component$26 = function (_a) {
|
|
|
765
779
|
React__default["default"].createElement(IconItem, { icon: Close, alt: type }))),
|
|
766
780
|
extraButton));
|
|
767
781
|
};
|
|
768
|
-
var Alert = Component$
|
|
782
|
+
var Alert = Component$27;
|
|
769
783
|
|
|
770
784
|
var style$X = {"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"};
|
|
771
785
|
|
|
@@ -853,7 +867,7 @@ var classNames = {
|
|
|
853
867
|
};
|
|
854
868
|
|
|
855
869
|
var cx$f = classNames.bind(style$W);
|
|
856
|
-
var Component$
|
|
870
|
+
var Component$26 = function (_a) {
|
|
857
871
|
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;
|
|
858
872
|
var _d = React.useState(false), showContent = _d[0], setShowContent = _d[1];
|
|
859
873
|
var _e = React.useState(isOpen), renderPortal = _e[0], setRenderPortal = _e[1];
|
|
@@ -889,7 +903,7 @@ var Component$25 = function (_a) {
|
|
|
889
903
|
/**
|
|
890
904
|
* Molecule UI component for Mobile Drawer
|
|
891
905
|
*/
|
|
892
|
-
var MobileDrawer = Component$
|
|
906
|
+
var MobileDrawer = Component$26;
|
|
893
907
|
|
|
894
908
|
var style$V = {"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"};
|
|
895
909
|
|
|
@@ -945,11 +959,11 @@ var BrandsMenuPopover = function (_a) {
|
|
|
945
959
|
};
|
|
946
960
|
var BrandsMenuPopover$1 = withClickOut(BrandsMenuPopover);
|
|
947
961
|
|
|
948
|
-
var styles$
|
|
962
|
+
var styles$23 = {"BreadcrumbsComponent":"mg_breadcrumbs_BreadcrumbsComponent_13csm"};
|
|
949
963
|
|
|
950
|
-
var Component$
|
|
964
|
+
var Component$25 = function (_a) {
|
|
951
965
|
var homeUrl = _a.homeUrl, breadcrumbProps = _a.breadcrumbProps, _b = _a.iconProps, iconProps = _b === void 0 ? iconPropsBreadCrumb : _b;
|
|
952
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
966
|
+
return (React__default["default"].createElement("div", { className: styles$23.BreadcrumbsComponent },
|
|
953
967
|
React__default["default"].createElement("a", { href: homeUrl },
|
|
954
968
|
React__default["default"].createElement(IconItem, __assign({}, iconProps))),
|
|
955
969
|
breadcrumbProps && React__default["default"].createElement(Breadcrumb, __assign({}, breadcrumbProps))));
|
|
@@ -957,52 +971,52 @@ var Component$24 = function (_a) {
|
|
|
957
971
|
/**
|
|
958
972
|
* Molecule UI component for breadcrums information
|
|
959
973
|
*/
|
|
960
|
-
var Breadcrumbs = Component$
|
|
974
|
+
var Breadcrumbs = Component$25;
|
|
961
975
|
|
|
962
|
-
var styles$
|
|
976
|
+
var styles$22 = {"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"};
|
|
963
977
|
|
|
964
978
|
var CitiesDetailDrawer = function (_a) {
|
|
965
979
|
var cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
|
|
966
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
967
|
-
React__default["default"].createElement("div", { className: styles$
|
|
980
|
+
return (React__default["default"].createElement("div", { className: styles$22['magneto-ui-cities-detail-drawer'] }, cities && (cities === null || cities === void 0 ? void 0 : cities.length) ? (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
981
|
+
React__default["default"].createElement("div", { className: styles$22['magneto-ui-cities-detail-drawer__item-detail-icon'] },
|
|
968
982
|
React__default["default"].createElement(IconItem, { alt: 'Location-icon', icon: Location, hover: false, size: 16 })),
|
|
969
|
-
React__default["default"].createElement("div", { className: styles$
|
|
970
|
-
isRemote && (React__default["default"].createElement("p", { className: styles$
|
|
983
|
+
React__default["default"].createElement("div", { className: styles$22['magneto-ui-cities-detail-drawer__item-detail-text'] },
|
|
984
|
+
isRemote && (React__default["default"].createElement("p", { className: styles$22['magneto-ui-cities-detail-drawer__item-detail-text-remote'] }, textRemote)),
|
|
971
985
|
cities &&
|
|
972
986
|
cities.map(function (_a, index) {
|
|
973
987
|
var name = _a.name, url = _a.url, title = _a.title;
|
|
974
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
988
|
+
return (React__default["default"].createElement("div", { className: styles$22['magneto-ui-cities-detail-drawer__item-detail-text-link'], key: url },
|
|
975
989
|
url ? React__default["default"].createElement(Link, { href: url, target: "_blank", text: name, title: title }) : React__default["default"].createElement("span", null, name),
|
|
976
990
|
index !== cities.length - 1 && React__default["default"].createElement("span", null, ' - ')));
|
|
977
991
|
})))) : null));
|
|
978
992
|
};
|
|
979
993
|
|
|
980
|
-
var styles$
|
|
994
|
+
var styles$21 = {"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"};
|
|
981
995
|
|
|
982
|
-
var Component$
|
|
996
|
+
var Component$24 = function (_a) {
|
|
983
997
|
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;
|
|
984
998
|
var disabledArrow = React.useMemo(function () {
|
|
985
999
|
if (disabled)
|
|
986
|
-
return (React__default["default"].createElement(IconItem, { className: styles$
|
|
1000
|
+
return (React__default["default"].createElement(IconItem, { className: styles$21['magneto-ui--date-dropdown__icon'], icon: ArrowDown2, alt: "arrow-icon", size: 24 }));
|
|
987
1001
|
return React__default["default"].createElement(IconItem, { icon: ArrowDown3, alt: "arrow-icon", size: 24 });
|
|
988
1002
|
}, [disabled]);
|
|
989
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
990
|
-
React__default["default"].createElement("select", { className: styles$
|
|
991
|
-
React__default["default"].createElement("option", { className: styles$
|
|
1003
|
+
return (React__default["default"].createElement("div", { className: styles$21['magneto-ui--date-dropdown__wrapper'] },
|
|
1004
|
+
React__default["default"].createElement("select", { className: styles$21["magneto-ui--date-dropdown__select"], value: selectedOption, onChange: onOptionChanged, disabled: disabled },
|
|
1005
|
+
React__default["default"].createElement("option", { className: styles$21['magneto-ui--date-dropdown__option'], value: "", disabled: true, hidden: true }, placeholderLabel), dateOptions === null || dateOptions === void 0 ? void 0 :
|
|
992
1006
|
dateOptions.map(function (_a) {
|
|
993
1007
|
var optionValue = _a.optionValue, optionLabel = _a.optionLabel;
|
|
994
|
-
return (React__default["default"].createElement("option", { className: styles$
|
|
1008
|
+
return (React__default["default"].createElement("option", { className: styles$21['magneto-ui--date-dropdown__option'], key: optionValue, value: optionValue }, optionLabel));
|
|
995
1009
|
})),
|
|
996
|
-
React__default["default"].createElement("span", { className: styles$
|
|
1010
|
+
React__default["default"].createElement("span", { className: styles$21['magneto-ui--date-dropdown__icon'] }, disabledArrow)));
|
|
997
1011
|
};
|
|
998
|
-
var DateDropdown = Component$
|
|
1012
|
+
var DateDropdown = Component$24;
|
|
999
1013
|
|
|
1000
|
-
var styles$
|
|
1014
|
+
var styles$20 = {"magneto-ui--date-picker__wrapper":"mg_date_picker_magneto-ui--date-picker_wrapper_12pj2"};
|
|
1001
1015
|
|
|
1002
1016
|
var defaultValue$1 = function (value) {
|
|
1003
1017
|
return value ? parseDate(value) : { initialMonth: '', initialYear: '' };
|
|
1004
1018
|
};
|
|
1005
|
-
var Component$
|
|
1019
|
+
var Component$23 = function (_a) {
|
|
1006
1020
|
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;
|
|
1007
1021
|
var _b = React.useState(defaultValue$1(value).initialMonth), selectedMonth = _b[0], setSelectedMonth = _b[1];
|
|
1008
1022
|
var _c = React.useState(defaultValue$1(value).initialYear), selectedYear = _c[0], setSelectedYear = _c[1];
|
|
@@ -1036,16 +1050,16 @@ var Component$22 = function (_a) {
|
|
|
1036
1050
|
}
|
|
1037
1051
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
1038
1052
|
}, [disabled]);
|
|
1039
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1053
|
+
return (React__default["default"].createElement("div", { className: styles$20['magneto-ui--date-picker__wrapper'] },
|
|
1040
1054
|
React__default["default"].createElement(DateDropdown, { placeholderLabel: monthPlaceholder, dateOptions: monthOptionsList, selectedOption: selectedMonth, onOptionChanged: handleMonthChange, disabled: disabled }),
|
|
1041
1055
|
React__default["default"].createElement(DateDropdown, { placeholderLabel: yearPlaceholder, dateOptions: yearOptionsList, selectedOption: selectedYear, onOptionChanged: handleYearChange, disabled: disabled })));
|
|
1042
1056
|
};
|
|
1043
|
-
var DatePicker = Component$
|
|
1057
|
+
var DatePicker = Component$23;
|
|
1044
1058
|
|
|
1045
1059
|
var style$U = {"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"};
|
|
1046
1060
|
|
|
1047
1061
|
var DEFAULT_PADDING = 20;
|
|
1048
|
-
var Component$
|
|
1062
|
+
var Component$22 = function (_a) {
|
|
1049
1063
|
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;
|
|
1050
1064
|
var fullDrawer = isFull ? "full-drawer" : '';
|
|
1051
1065
|
var paddingValue = customPadding !== undefined ? "".concat(customPadding, "px") : "".concat(DEFAULT_PADDING, "px");
|
|
@@ -1091,7 +1105,7 @@ var Component$21 = function (_a) {
|
|
|
1091
1105
|
/**
|
|
1092
1106
|
* Molecule UI component for Drawer
|
|
1093
1107
|
*/
|
|
1094
|
-
var Drawer = Component$
|
|
1108
|
+
var Drawer = Component$22;
|
|
1095
1109
|
|
|
1096
1110
|
var style$T = {"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"};
|
|
1097
1111
|
|
|
@@ -1154,15 +1168,15 @@ var EXPANDABLE_INFO_ACTION_ICONS = {
|
|
|
1154
1168
|
_c)
|
|
1155
1169
|
};
|
|
1156
1170
|
|
|
1157
|
-
var styles$
|
|
1171
|
+
var styles$1$ = {"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"};
|
|
1158
1172
|
|
|
1159
|
-
var Component$
|
|
1173
|
+
var Component$21 = function (_a) {
|
|
1160
1174
|
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;
|
|
1161
1175
|
var isUrl = React.useMemo(function () { return onAction && typeof onAction === 'string'; }, [onAction]);
|
|
1162
1176
|
var Component = React.useMemo(function () { return (isUrl ? 'a' : 'button'); }, [isUrl]);
|
|
1163
1177
|
var componentProps = React.useMemo(function () {
|
|
1164
1178
|
var className = CNM.get({
|
|
1165
|
-
styles: styles$
|
|
1179
|
+
styles: styles$1$,
|
|
1166
1180
|
cls: ['expandable-info-action__button', "expandable-info-action__button--".concat(variant)]
|
|
1167
1181
|
});
|
|
1168
1182
|
if (isUrl)
|
|
@@ -1184,48 +1198,48 @@ var Component$20 = function (_a) {
|
|
|
1184
1198
|
}
|
|
1185
1199
|
return;
|
|
1186
1200
|
}, [loading, variant]);
|
|
1187
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1188
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1201
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1$, cls: ['expandable-info-action', className] }) },
|
|
1202
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1$, cls: ['expandable-info-action__container'] }) },
|
|
1189
1203
|
React__default["default"].createElement(Component, __assign({}, componentProps),
|
|
1190
1204
|
(prefixIcon || loading) && React__default["default"].createElement(IconItem, __assign({ size: 12 }, prefixIcon, { icon: icon(prefixIcon === null || prefixIcon === void 0 ? void 0 : prefixIcon.icon) })),
|
|
1191
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
1205
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1$, cls: ['expandable-info-action__title'] }) }, title),
|
|
1192
1206
|
suffixIcon && React__default["default"].createElement(IconItem, __assign({ size: 12 }, suffixIcon, { icon: icon(suffixIcon.icon) }))))));
|
|
1193
1207
|
};
|
|
1194
1208
|
/**
|
|
1195
1209
|
* Molecule UI child component of expandable info
|
|
1196
1210
|
*/
|
|
1197
|
-
var ExpandableInfoAction = Component$
|
|
1211
|
+
var ExpandableInfoAction = Component$21;
|
|
1198
1212
|
|
|
1199
|
-
var styles$
|
|
1213
|
+
var styles$1_ = {"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"};
|
|
1200
1214
|
|
|
1201
|
-
var Component$
|
|
1215
|
+
var Component$20 = function (_a) {
|
|
1202
1216
|
var sections = _a.sections, footer = _a.footer;
|
|
1203
1217
|
var sectionStyles = React.useCallback(function (multiple) {
|
|
1204
1218
|
return CNM.get({
|
|
1205
|
-
styles: styles$
|
|
1219
|
+
styles: styles$1_,
|
|
1206
1220
|
cls: ['expandable-info-details__section', multiple && 'expandable-info-details__section--multiple']
|
|
1207
1221
|
});
|
|
1208
1222
|
}, []);
|
|
1209
1223
|
var subSectionStyles = React.useCallback(function (initial) {
|
|
1210
1224
|
return CNM.get({
|
|
1211
|
-
styles: styles$
|
|
1225
|
+
styles: styles$1_,
|
|
1212
1226
|
cls: ['expandable-info-details__sub-section', initial && 'expandable-info-details__sub-section--initial']
|
|
1213
1227
|
});
|
|
1214
1228
|
}, []);
|
|
1215
1229
|
var itemStyles = React.useCallback(function (first) {
|
|
1216
1230
|
return CNM.get({
|
|
1217
|
-
styles: styles$
|
|
1231
|
+
styles: styles$1_,
|
|
1218
1232
|
cls: ['expandable-info-details__item', first && 'expandable-info-details__item--first']
|
|
1219
1233
|
});
|
|
1220
1234
|
}, []);
|
|
1221
1235
|
var textStyles = React.useCallback(function (bold) {
|
|
1222
1236
|
return CNM.get({
|
|
1223
|
-
styles: styles$
|
|
1237
|
+
styles: styles$1_,
|
|
1224
1238
|
cls: ['expandable-info-details__text', bold && 'expandable-info-details__text--bold']
|
|
1225
1239
|
});
|
|
1226
1240
|
}, []);
|
|
1227
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1228
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1241
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1_, cls: ['expandable-info-details'] }) },
|
|
1242
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1_, cls: ['expandable-info-details__container'] }) }, sections === null || sections === void 0 ? void 0 :
|
|
1229
1243
|
sections.map(function (section, index) {
|
|
1230
1244
|
var _a, _b;
|
|
1231
1245
|
return (React__default["default"].createElement("div", { key: "eids-".concat(index), className: sectionStyles(((_a = section === null || section === void 0 ? void 0 : section.children) === null || _a === void 0 ? void 0 : _a.length) > 1) }, (_b = section === null || section === void 0 ? void 0 : section.children) === null || _b === void 0 ? void 0 : _b.map(function (subSection, subIndex) {
|
|
@@ -1239,13 +1253,13 @@ var Component$1$ = function (_a) {
|
|
|
1239
1253
|
React__default["default"].createElement("span", { className: textStyles(false) }, content.summary))); }))));
|
|
1240
1254
|
})));
|
|
1241
1255
|
}),
|
|
1242
|
-
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1243
|
-
React__default["default"].createElement(ExpandableInfoAction, { variant: "white", title: footer === null || footer === void 0 ? void 0 : footer.title, onAction: footer === null || footer === void 0 ? void 0 : footer.onAction, className: CNM.get({ styles: styles$
|
|
1256
|
+
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1_, cls: ['expandable-info-details__footer'] }) },
|
|
1257
|
+
React__default["default"].createElement(ExpandableInfoAction, { variant: "white", title: footer === null || footer === void 0 ? void 0 : footer.title, onAction: footer === null || footer === void 0 ? void 0 : footer.onAction, className: CNM.get({ styles: styles$1_, cls: ['expandable-info-details__action'] }) }))))));
|
|
1244
1258
|
};
|
|
1245
1259
|
/**
|
|
1246
1260
|
* Molecule UI child component of expandable info
|
|
1247
1261
|
*/
|
|
1248
|
-
var ExpandableInfoDetails = Component$
|
|
1262
|
+
var ExpandableInfoDetails = Component$20;
|
|
1249
1263
|
|
|
1250
1264
|
exports.EExpandableInfoVariant = void 0;
|
|
1251
1265
|
(function (EExpandableInfoVariant) {
|
|
@@ -1266,9 +1280,9 @@ var EXPANDABLE_INFO_MESSAGE_ICONS = {
|
|
|
1266
1280
|
_a$3)
|
|
1267
1281
|
};
|
|
1268
1282
|
|
|
1269
|
-
var styles$
|
|
1283
|
+
var styles$1Z = {"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"};
|
|
1270
1284
|
|
|
1271
|
-
var Component$
|
|
1285
|
+
var Component$1$ = function (_a) {
|
|
1272
1286
|
var className = _a.className, title = _a.title, prefixIcon = _a.prefixIcon, variant = _a.variant;
|
|
1273
1287
|
var icon = React.useCallback(function (icon) {
|
|
1274
1288
|
if (icon) {
|
|
@@ -1281,22 +1295,22 @@ var Component$1_ = function (_a) {
|
|
|
1281
1295
|
}, [variant]);
|
|
1282
1296
|
if (!title)
|
|
1283
1297
|
return null;
|
|
1284
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1285
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1298
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1Z, cls: ['expandable-info-message', className] }) },
|
|
1299
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1Z, cls: ['expandable-info-message__container'] }) },
|
|
1286
1300
|
prefixIcon && React__default["default"].createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
1287
1301
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
1288
|
-
styles: styles$
|
|
1302
|
+
styles: styles$1Z,
|
|
1289
1303
|
cls: ['expandable-info-message__text', "expandable-info-message__text--".concat(variant)]
|
|
1290
1304
|
}) }, title))));
|
|
1291
1305
|
};
|
|
1292
1306
|
/**
|
|
1293
1307
|
* Molecule UI child component of expandable info
|
|
1294
1308
|
*/
|
|
1295
|
-
var ExpandableInfoMessage = Component$
|
|
1309
|
+
var ExpandableInfoMessage = Component$1$;
|
|
1296
1310
|
|
|
1297
|
-
var styles$
|
|
1311
|
+
var styles$1Y = {"magneto-ui-expandable-info-modal":"mg_expandable_info_modal_magneto-ui-expandable-info-modal_56w98"};
|
|
1298
1312
|
|
|
1299
|
-
var Component$
|
|
1313
|
+
var Component$1_ = function (_a) {
|
|
1300
1314
|
var toggler = _a.toggler, details = _a.details;
|
|
1301
1315
|
var _b = React.useState(false), visible = _b[0], setVisible = _b[1];
|
|
1302
1316
|
var handleOnToggle = React.useCallback(function () {
|
|
@@ -1304,28 +1318,28 @@ var Component$1Z = function (_a) {
|
|
|
1304
1318
|
}, []);
|
|
1305
1319
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1306
1320
|
React__default["default"].createElement(ExpandableInfoToggler, __assign({}, toggler, { onToggle: handleOnToggle })),
|
|
1307
|
-
React__default["default"].createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$
|
|
1321
|
+
React__default["default"].createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$1Y, cls: ['expandable-info-modal'] }) },
|
|
1308
1322
|
React__default["default"].createElement(ExpandableInfoDetails, __assign({}, details)))));
|
|
1309
1323
|
};
|
|
1310
1324
|
/**
|
|
1311
1325
|
* Molecule UI child component of expandable info
|
|
1312
1326
|
*/
|
|
1313
|
-
var ExpandableInfoModal = Component$
|
|
1327
|
+
var ExpandableInfoModal = Component$1_;
|
|
1314
1328
|
|
|
1315
|
-
var styles$
|
|
1329
|
+
var styles$1X = {"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"};
|
|
1316
1330
|
|
|
1317
1331
|
var style$S = {"mega-menu-side-cards":"mg_mega_menu_side_cards_mega-menu-side-cards_ojemf","mega-menu-side-cards__action":"mg_mega_menu_side_cards_mega-menu-side-cards_action_ojemf","mega-menu-side-cards__card":"mg_mega_menu_side_cards_mega-menu-side-cards_card_ojemf","mega-menu-side-cards__card--selected":"mg_mega_menu_side_cards_mega-menu-side-cards_card--selected_ojemf"};
|
|
1318
1332
|
|
|
1319
|
-
var styles$
|
|
1333
|
+
var styles$1W = {"magneto-ui-play-button":"mg_image_magneto-ui-play-button_7q9yc"};
|
|
1320
1334
|
|
|
1321
1335
|
var Image = function (_a) {
|
|
1322
1336
|
var image = _a.image, alt = _a.alt, playIcon = _a.playIcon, className = _a.className;
|
|
1323
1337
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1324
1338
|
React__default["default"].createElement("img", { src: image, alt: alt, loading: "lazy", className: className }),
|
|
1325
|
-
playIcon && React__default["default"].createElement("div", { className: styles$
|
|
1339
|
+
playIcon && React__default["default"].createElement("div", { className: styles$1W['magneto-ui-play-button'] }, playIcon)));
|
|
1326
1340
|
};
|
|
1327
1341
|
|
|
1328
|
-
var styles$
|
|
1342
|
+
var styles$1V = {"magneto-ui-mega-menu-card":"mg_mega_menu_card_magneto-ui-mega-menu-card_1bg7o","magneto-ui-mega-menu-card__title":"mg_mega_menu_card_magneto-ui-mega-menu-card_title_1bg7o","magneto-ui-mega-menu-card__icon":"mg_mega_menu_card_magneto-ui-mega-menu-card_icon_1bg7o","magneto-ui-mega-menu-card__logo":"mg_mega_menu_card_magneto-ui-mega-menu-card_logo_1bg7o","magneto-ui-mega-menu-card__quotas":"mg_mega_menu_card_magneto-ui-mega-menu-card_quotas_1bg7o","magneto-ui-mega-menu-card__arrow":"mg_mega_menu_card_magneto-ui-mega-menu-card_arrow_1bg7o"};
|
|
1329
1343
|
|
|
1330
1344
|
var MegaMenuCard = function (_a) {
|
|
1331
1345
|
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;
|
|
@@ -1335,17 +1349,17 @@ var MegaMenuCard = function (_a) {
|
|
|
1335
1349
|
onClick();
|
|
1336
1350
|
}
|
|
1337
1351
|
}, [onClick]);
|
|
1338
|
-
return (React__default["default"].createElement("a", { className: "".concat(styles$
|
|
1339
|
-
icon && (React__default["default"].createElement("div", { className: styles$
|
|
1352
|
+
return (React__default["default"].createElement("a", { className: "".concat(styles$1V["magneto-ui-mega-menu-card"], " ").concat(className ? className : ''), onClick: handleClick, href: href, target: target },
|
|
1353
|
+
icon && (React__default["default"].createElement("div", { className: styles$1V["magneto-ui-mega-menu-card__icon"] },
|
|
1340
1354
|
React__default["default"].createElement(IconItem, { icon: icon, size: 16 }))),
|
|
1341
|
-
logo && (React__default["default"].createElement("div", { className: styles$
|
|
1342
|
-
React__default["default"].createElement(Image, { image: logo, alt: 'logo', className: styles$
|
|
1343
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1344
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1345
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1355
|
+
logo && (React__default["default"].createElement("div", { className: styles$1V["magneto-ui-mega-menu-card__logo"] },
|
|
1356
|
+
React__default["default"].createElement(Image, { image: logo, alt: 'logo', className: styles$1V["magneto-ui-mega-menu-card__logo"] }))),
|
|
1357
|
+
React__default["default"].createElement("div", { className: styles$1V["magneto-ui-mega-menu-card__content"] },
|
|
1358
|
+
React__default["default"].createElement("div", { className: styles$1V["magneto-ui-mega-menu-card__title"] }, title),
|
|
1359
|
+
React__default["default"].createElement("div", { className: styles$1V["magneto-ui-mega-menu-card__quotas"] }, "".concat(quotas.toLocaleString('es-CO', {
|
|
1346
1360
|
maximumFractionDigits: 3
|
|
1347
1361
|
}), " cupos"))),
|
|
1348
|
-
showRigthArrow && (React__default["default"].createElement("div", { className: styles$
|
|
1362
|
+
showRigthArrow && (React__default["default"].createElement("div", { className: styles$1V["magneto-ui-mega-menu-card__arrow"] },
|
|
1349
1363
|
React__default["default"].createElement(IconItem, { icon: ArrowRight2, size: 16 })))));
|
|
1350
1364
|
};
|
|
1351
1365
|
|
|
@@ -1364,24 +1378,24 @@ var MegaMenuSideCards = function (_a) {
|
|
|
1364
1378
|
React__default["default"].createElement(SearchItem, { url: action.url, tag: action.label, className: "".concat(style$S["mega-menu-side-cards__action"]), icon: ArrowRightWhite })))));
|
|
1365
1379
|
};
|
|
1366
1380
|
|
|
1367
|
-
var styles$
|
|
1381
|
+
var styles$1U = {"mega-menu-side-container":"mg_with_container_mega-menu-side-container_12vzc","mega-menu-side-container__side":"mg_with_container_mega-menu-side-container_side_12vzc","mega-menu-side-container__main":"mg_with_container_mega-menu-side-container_main_12vzc"};
|
|
1368
1382
|
|
|
1369
1383
|
var withMegaMenuContainer = function (WrappedComponent) {
|
|
1370
1384
|
var Component = function (_a) {
|
|
1371
1385
|
var sideProps = _a.sideProps, wrapperProps = _a.wrapperProps;
|
|
1372
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1373
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1386
|
+
return (React__default["default"].createElement("div", { className: styles$1U['mega-menu-side-container'] },
|
|
1387
|
+
React__default["default"].createElement("div", { className: styles$1U['mega-menu-side-container__side'] },
|
|
1374
1388
|
React__default["default"].createElement(MegaMenuSideCards, __assign({}, sideProps))),
|
|
1375
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1389
|
+
React__default["default"].createElement("div", { className: styles$1U['mega-menu-side-container__main'] },
|
|
1376
1390
|
React__default["default"].createElement(WrappedComponent, __assign({}, wrapperProps)))));
|
|
1377
1391
|
};
|
|
1378
1392
|
return Component;
|
|
1379
1393
|
};
|
|
1380
1394
|
|
|
1381
|
-
var Component$
|
|
1395
|
+
var Component$1Z = function (_a) {
|
|
1382
1396
|
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;
|
|
1383
1397
|
return (React__default["default"].createElement(Popover, { widthBase: 'auto', show: clickOut, positionX: "right", positionY: toggler.size === exports.EExpandableInfoSize.LARGE ? 'top' : 'bottom', className: CNM.get({
|
|
1384
|
-
styles: styles$
|
|
1398
|
+
styles: styles$1X,
|
|
1385
1399
|
cls: [
|
|
1386
1400
|
'expandable-info-popover',
|
|
1387
1401
|
"expandable-info-popover--".concat(toggler.size),
|
|
@@ -1389,7 +1403,7 @@ var Component$1Y = function (_a) {
|
|
|
1389
1403
|
]
|
|
1390
1404
|
}), content: React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1391
1405
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
1392
|
-
styles: styles$
|
|
1406
|
+
styles: styles$1X,
|
|
1393
1407
|
cls: ['expandable-info-popover__arrow', "expandable-info-popover__arrow--".concat(toggler.size)]
|
|
1394
1408
|
}) }),
|
|
1395
1409
|
React__default["default"].createElement(ExpandableInfoDetails, __assign({}, details))) },
|
|
@@ -1398,19 +1412,19 @@ var Component$1Y = function (_a) {
|
|
|
1398
1412
|
/**
|
|
1399
1413
|
* Molecule UI child component of expandable info
|
|
1400
1414
|
*/
|
|
1401
|
-
var ExpandableInfoPopover = withClickOut(Component$
|
|
1415
|
+
var ExpandableInfoPopover = withClickOut(Component$1Z);
|
|
1402
1416
|
|
|
1403
1417
|
var EXPANDABLE_INFO_TOGGLER_ICONS = {
|
|
1404
1418
|
coin: CoinBlackOutline
|
|
1405
1419
|
};
|
|
1406
1420
|
|
|
1407
|
-
var styles$
|
|
1421
|
+
var styles$1T = {"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"};
|
|
1408
1422
|
|
|
1409
|
-
var Component$
|
|
1423
|
+
var Component$1Y = function (_a) {
|
|
1410
1424
|
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;
|
|
1411
1425
|
var styleGenerator = React.useCallback(function (base) {
|
|
1412
1426
|
return CNM.get({
|
|
1413
|
-
styles: styles$
|
|
1427
|
+
styles: styles$1T,
|
|
1414
1428
|
cls: __spreadArray(__spreadArray([], base, true), ["".concat(base.at(0), "--").concat(variant)], false)
|
|
1415
1429
|
});
|
|
1416
1430
|
}, [variant]);
|
|
@@ -1442,7 +1456,7 @@ var Component$1X = function (_a) {
|
|
|
1442
1456
|
prefixIcon && React__default["default"].createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
1443
1457
|
React__default["default"].createElement("span", { className: styleGenerator(['expandable-info-toggler__text']) }, title + ':'),
|
|
1444
1458
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
1445
|
-
styles: styles$
|
|
1459
|
+
styles: styles$1T,
|
|
1446
1460
|
cls: [
|
|
1447
1461
|
'expandable-info-toggler__summary',
|
|
1448
1462
|
(size === exports.EExpandableInfoSize.SMALL || suffixIcon) && 'expandable-info-toggler__summary--small',
|
|
@@ -1455,11 +1469,11 @@ var Component$1X = function (_a) {
|
|
|
1455
1469
|
/**
|
|
1456
1470
|
* Molecule UI child component of expandable info
|
|
1457
1471
|
*/
|
|
1458
|
-
var ExpandableInfoToggler = Component$
|
|
1472
|
+
var ExpandableInfoToggler = Component$1Y;
|
|
1459
1473
|
|
|
1460
|
-
var styles$
|
|
1474
|
+
var styles$1S = {"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"};
|
|
1461
1475
|
|
|
1462
|
-
var Component$
|
|
1476
|
+
var Component$1X = function (_a) {
|
|
1463
1477
|
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;
|
|
1464
1478
|
var togglerProps = React.useMemo(function () { return ({
|
|
1465
1479
|
details: details,
|
|
@@ -1473,9 +1487,9 @@ var Component$1W = function (_a) {
|
|
|
1473
1487
|
var container = useMediaQuery(React__default["default"].createElement(ExpandableInfoPopover, { details: details, toggler: togglerProps }), {
|
|
1474
1488
|
sm: React__default["default"].createElement(ExpandableInfoModal, { details: details, toggler: togglerProps })
|
|
1475
1489
|
});
|
|
1476
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1490
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1S, cls: ['expandable-info'] }) },
|
|
1477
1491
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
1478
|
-
styles: styles$
|
|
1492
|
+
styles: styles$1S,
|
|
1479
1493
|
cls: [
|
|
1480
1494
|
'expandable-info__container',
|
|
1481
1495
|
"expandable-info__container--".concat(variant),
|
|
@@ -1485,13 +1499,13 @@ var Component$1W = function (_a) {
|
|
|
1485
1499
|
}) },
|
|
1486
1500
|
container,
|
|
1487
1501
|
size === exports.EExpandableInfoSize.LARGE && (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1488
|
-
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1502
|
+
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1S, cls: ['expandable-info__actions'] }) }, actions === null || actions === void 0 ? void 0 : actions.map(function (action) { return action && React__default["default"].createElement(ExpandableInfoAction, __assign({ key: action.title }, action)); }))),
|
|
1489
1503
|
React__default["default"].createElement(ExpandableInfoMessage, __assign({ variant: variant }, message)))))));
|
|
1490
1504
|
};
|
|
1491
1505
|
/**
|
|
1492
1506
|
* Molecule UI component for expandable info
|
|
1493
1507
|
*/
|
|
1494
|
-
var ExpandableInfo = Component$
|
|
1508
|
+
var ExpandableInfo = Component$1X;
|
|
1495
1509
|
|
|
1496
1510
|
var style$R = {"filter-actions":"mg_filter_actions_filter-actions_4rkdk","filter-actions__action":"mg_filter_actions_filter-actions_action_4rkdk","filter-actions__action--selected":"mg_filter_actions_filter-actions_action--selected_4rkdk"};
|
|
1497
1511
|
|
|
@@ -1519,7 +1533,7 @@ var FilterContainerMenu = function (_a) {
|
|
|
1519
1533
|
return React__default["default"].createElement("div", { className: style$Q["".concat(classMUI, "-filter-container")] }, children);
|
|
1520
1534
|
};
|
|
1521
1535
|
|
|
1522
|
-
var styles$
|
|
1536
|
+
var styles$1R = {"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"};
|
|
1523
1537
|
|
|
1524
1538
|
var FilterMenuItem = function (_a) {
|
|
1525
1539
|
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"]);
|
|
@@ -1534,35 +1548,35 @@ var FilterMenuItem = function (_a) {
|
|
|
1534
1548
|
return isSearched || isApplied || hiddenCount ? false : !total;
|
|
1535
1549
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
1536
1550
|
var className = React.useMemo(function () {
|
|
1537
|
-
return isApplied ? styles$
|
|
1551
|
+
return isApplied ? styles$1R.selected : isSearched ? styles$1R.isSearched : hiddenCount ? '' : !total && styles$1R.disabled;
|
|
1538
1552
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
1539
1553
|
var handleClick = React.useCallback(function () {
|
|
1540
1554
|
var customId = type === 'RANGE' ? { id: id, from: props.from, to: props.to } : id;
|
|
1541
1555
|
setIsApplied({ id: customId, field: field, isApplied: isApplied, multiple: multiple });
|
|
1542
1556
|
}, [setIsApplied, id, field, isApplied, multiple, type, props.from, props.to]);
|
|
1543
1557
|
if (loading)
|
|
1544
|
-
return React__default["default"].createElement("div", { className: styles$
|
|
1545
|
-
return (React__default["default"].createElement("button", { id: customId, className: "".concat(styles$
|
|
1558
|
+
return React__default["default"].createElement("div", { className: styles$1R.skeleton });
|
|
1559
|
+
return (React__default["default"].createElement("button", { id: customId, className: "".concat(styles$1R['magneto-ui-filter-item'], " ").concat(className, " ").concat(customClass ? customClass : ''), title: label, onClick: handleClick, disabled: disabled },
|
|
1546
1560
|
React__default["default"].createElement("span", null, label),
|
|
1547
1561
|
displayOutput));
|
|
1548
1562
|
};
|
|
1549
1563
|
|
|
1550
|
-
var styles$
|
|
1564
|
+
var styles$1Q = {"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"};
|
|
1551
1565
|
|
|
1552
1566
|
var FilterSearchItem = function (_a) {
|
|
1553
1567
|
var placeholder = _a.placeholder, _b = _a.disabled, disabled = _b === void 0 ? false : _b, loading = _a.loading, handleSearch = _a.handleSearch;
|
|
1554
1568
|
var inputRef = React.useRef(null);
|
|
1555
1569
|
if (loading)
|
|
1556
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1570
|
+
return (React__default["default"].createElement("div", { className: styles$1Q.skeleton },
|
|
1557
1571
|
React__default["default"].createElement(IconItem, { icon: SearchIcon, size: 17 })));
|
|
1558
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
1572
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$1Q['magneto-ui-filter-search'], " ").concat(disabled ? styles$1Q.disabled : '') },
|
|
1559
1573
|
React__default["default"].createElement(IconItem, { icon: SearchIcon, size: 17 }),
|
|
1560
1574
|
React__default["default"].createElement("input", { ref: inputRef, type: "search", placeholder: placeholder, onChange: function (event) { return handleSearch(event, inputRef); }, disabled: disabled })));
|
|
1561
1575
|
};
|
|
1562
1576
|
|
|
1563
|
-
var styles$
|
|
1577
|
+
var styles$1P = {"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"};
|
|
1564
1578
|
|
|
1565
|
-
var Component$
|
|
1579
|
+
var Component$1W = function (_a) {
|
|
1566
1580
|
var searchHeading = _a.searchHeading, searchList = _a.searchList, showLess = _a.showLess, showMore = _a.showMore, showFrequentSearch = _a.showFrequentSearch;
|
|
1567
1581
|
var _b = React.useState(true), showFullList = _b[0], setShowFullList = _b[1];
|
|
1568
1582
|
var searchListDinamyc = React.useMemo(function () {
|
|
@@ -1572,46 +1586,46 @@ var Component$1V = function (_a) {
|
|
|
1572
1586
|
return searchList;
|
|
1573
1587
|
}, [searchList, showFullList]);
|
|
1574
1588
|
var searchListResponsive = useMediaQuery(searchList, { md: searchListDinamyc });
|
|
1575
|
-
return (React__default["default"].createElement(React__default["default"].Fragment, null, showFrequentSearch !== false ? (React__default["default"].createElement("div", { className: styles$
|
|
1576
|
-
React__default["default"].createElement("h2", { className: styles$
|
|
1577
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1589
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null, showFrequentSearch !== false ? (React__default["default"].createElement("div", { className: styles$1P['magneto-ui-frequent-search'] },
|
|
1590
|
+
React__default["default"].createElement("h2", { className: styles$1P['magneto-ui-frequent-search__heading'] }, searchHeading),
|
|
1591
|
+
React__default["default"].createElement("div", { className: styles$1P['magneto-ui-frequent-search__items'] }, searchListResponsive.map(function (_a, i) {
|
|
1578
1592
|
var props = __rest(_a, []);
|
|
1579
1593
|
return (React__default["default"].createElement(SearchItem, __assign({ key: i }, props)));
|
|
1580
1594
|
})),
|
|
1581
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1595
|
+
React__default["default"].createElement("div", { className: styles$1P['magneto-ui-frequent-search__buttons-container'] }, showFullList ? (React__default["default"].createElement("button", { className: styles$1P['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(false); }, title: showMore },
|
|
1582
1596
|
showMore,
|
|
1583
1597
|
" (",
|
|
1584
1598
|
searchList.length,
|
|
1585
|
-
")")) : (React__default["default"].createElement("button", { className: styles$
|
|
1599
|
+
")")) : (React__default["default"].createElement("button", { className: styles$1P['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(true); }, title: showLess }, showLess))))) : (React__default["default"].createElement(React.Fragment, null))));
|
|
1586
1600
|
};
|
|
1587
1601
|
/**
|
|
1588
1602
|
* UI Atom component of Frequent Search
|
|
1589
1603
|
*/
|
|
1590
|
-
var FrequentSearch = Component$
|
|
1604
|
+
var FrequentSearch = Component$1W;
|
|
1591
1605
|
|
|
1592
1606
|
var style$P = {"header-drawer-company":"mg_header_drawer_company_header-drawer-company_jtdka"};
|
|
1593
1607
|
|
|
1594
|
-
var Component$
|
|
1608
|
+
var Component$1V = function (_a) {
|
|
1595
1609
|
var logo = _a.logo, alt = _a.alt, logoCompany = _a.logoCompany, logoCompanyAlt = _a.logoCompanyAlt, flag = _a.flag, flagAlt = _a.flagAlt;
|
|
1596
1610
|
return (React__default["default"].createElement("div", { className: style$P['header-drawer-company'] },
|
|
1597
1611
|
React__default["default"].createElement(LogoComponent, { logo: logo, alt: alt }),
|
|
1598
1612
|
React__default["default"].createElement(LogoComponent, { logo: logoCompany, alt: logoCompanyAlt }),
|
|
1599
1613
|
React__default["default"].createElement("img", { src: flag, alt: flagAlt, loading: "lazy", width: '25px', height: '20px' })));
|
|
1600
1614
|
};
|
|
1601
|
-
var HeaderDrawerCompany = Component$
|
|
1615
|
+
var HeaderDrawerCompany = Component$1V;
|
|
1602
1616
|
|
|
1603
|
-
var styles$
|
|
1617
|
+
var styles$1O = {"TabComponent":"mg_tab_TabComponent_zqqnn"};
|
|
1604
1618
|
|
|
1605
|
-
var Component$
|
|
1619
|
+
var Component$1U = function (_a) {
|
|
1606
1620
|
var children = _a.children;
|
|
1607
|
-
return React__default["default"].createElement("div", { className: styles$
|
|
1621
|
+
return React__default["default"].createElement("div", { className: styles$1O.TabComponent }, children);
|
|
1608
1622
|
};
|
|
1609
1623
|
/**
|
|
1610
1624
|
* Molecule UI for Tab
|
|
1611
1625
|
*/
|
|
1612
|
-
var Tab = Component$
|
|
1626
|
+
var Tab = Component$1U;
|
|
1613
1627
|
|
|
1614
|
-
var styles$
|
|
1628
|
+
var styles$1N = {"TabButtonComponent":"mg_tab_button_TabButtonComponent_hysss"};
|
|
1615
1629
|
|
|
1616
1630
|
var toCSSVariables = function (input) {
|
|
1617
1631
|
var output = {};
|
|
@@ -1626,35 +1640,35 @@ var toCSSVariables = function (input) {
|
|
|
1626
1640
|
return output;
|
|
1627
1641
|
};
|
|
1628
1642
|
|
|
1629
|
-
var Component$
|
|
1643
|
+
var Component$1T = function (_a) {
|
|
1630
1644
|
var tabButtonLink = _a.tabButtonLink, tabButtonLinkStyles = _a.tabButtonLinkStyles, tabButtonStyles = _a.tabButtonStyles;
|
|
1631
1645
|
var stylesValue = React.useMemo(function () { return toCSSVariables(tabButtonStyles); }, [tabButtonStyles]);
|
|
1632
1646
|
var boxShadow = (tabButtonStyles || {}).boxShadow;
|
|
1633
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1647
|
+
return (React__default["default"].createElement("div", { className: styles$1N.TabButtonComponent, style: stylesValue, "data-box-shadow": boxShadow }, tabButtonLink && React__default["default"].createElement(Link, __assign({}, tabButtonLink, { linkStyles: tabButtonLinkStyles }))));
|
|
1634
1648
|
};
|
|
1635
1649
|
/**
|
|
1636
1650
|
* Molecule UI component for Tab Button
|
|
1637
1651
|
*/
|
|
1638
|
-
var TabButton = Component$
|
|
1652
|
+
var TabButton = Component$1T;
|
|
1639
1653
|
|
|
1640
|
-
var styles$
|
|
1654
|
+
var styles$1M = {"HeaderDrawerTabsComponent":"mg_header_drawer_tabs_HeaderDrawerTabsComponent_1wrvo"};
|
|
1641
1655
|
|
|
1642
|
-
var Component$
|
|
1656
|
+
var Component$1S = function (_a) {
|
|
1643
1657
|
var logoProps = _a.logoProps, leftTabLink = _a.leftTabLink, rightTabLink = _a.rightTabLink, leftTabStyle = _a.leftTabStyle, rightTabStyle = _a.rightTabStyle, homeUrl = _a.homeUrl;
|
|
1644
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1658
|
+
return (React__default["default"].createElement("div", { className: styles$1M.HeaderDrawerTabsComponent },
|
|
1645
1659
|
React__default["default"].createElement("a", { href: homeUrl },
|
|
1646
1660
|
React__default["default"].createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
1647
1661
|
React__default["default"].createElement(Tab, null,
|
|
1648
1662
|
React__default["default"].createElement(TabButton, { tabButtonLink: leftTabLink, tabButtonLinkStyles: leftTabStyle === null || leftTabStyle === void 0 ? void 0 : leftTabStyle.tabButtonLinkStyles, tabButtonStyles: leftTabStyle === null || leftTabStyle === void 0 ? void 0 : leftTabStyle.tabButtonStyles }),
|
|
1649
1663
|
React__default["default"].createElement(TabButton, { tabButtonLink: rightTabLink, tabButtonLinkStyles: rightTabStyle === null || rightTabStyle === void 0 ? void 0 : rightTabStyle.tabButtonLinkStyles, tabButtonStyles: rightTabStyle === null || rightTabStyle === void 0 ? void 0 : rightTabStyle.tabButtonStyles }))));
|
|
1650
1664
|
};
|
|
1651
|
-
var HeaderDrawerTabs = Component$
|
|
1665
|
+
var HeaderDrawerTabs = Component$1S;
|
|
1652
1666
|
|
|
1653
|
-
var styles$
|
|
1667
|
+
var styles$1L = {"HeaderTabsComponent":"mg_header_tabs_HeaderTabsComponent_yjqx4"};
|
|
1654
1668
|
|
|
1655
|
-
var Component$
|
|
1669
|
+
var Component$1R = function (_a) {
|
|
1656
1670
|
var _b = _a.headerTabList, headerTabList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c, addDivider = _a.addDivider;
|
|
1657
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1671
|
+
return (React__default["default"].createElement("div", { className: styles$1L.HeaderTabsComponent, "data-add-divider": addDivider }, headerTabList.map(function (_a, index) {
|
|
1658
1672
|
var headerTabProps = __rest(_a, []);
|
|
1659
1673
|
return (React__default["default"].createElement(React__default["default"].Fragment, { key: index },
|
|
1660
1674
|
React__default["default"].createElement(HeaderTab, __assign({}, headerTabProps, { isActive: Array.isArray(headerTabProps.slug)
|
|
@@ -1665,9 +1679,9 @@ var Component$1Q = function (_a) {
|
|
|
1665
1679
|
/**
|
|
1666
1680
|
* Molecule UI component for header tabs information`
|
|
1667
1681
|
*/
|
|
1668
|
-
var HeaderTabs = Component$
|
|
1682
|
+
var HeaderTabs = Component$1R;
|
|
1669
1683
|
|
|
1670
|
-
var styles$
|
|
1684
|
+
var styles$1K = {"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"};
|
|
1671
1685
|
|
|
1672
1686
|
var Input = function (_a) {
|
|
1673
1687
|
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"]);
|
|
@@ -1702,28 +1716,28 @@ var Input = function (_a) {
|
|
|
1702
1716
|
setInputValue(e.target.value);
|
|
1703
1717
|
}, [onChange]);
|
|
1704
1718
|
return (React__default["default"].createElement("div", { style: { height: 'auto', width: '100%' } },
|
|
1705
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1719
|
+
React__default["default"].createElement("div", { className: styles$1K["".concat(classMUI, "-input")] },
|
|
1706
1720
|
React__default["default"].createElement("div", null,
|
|
1707
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1721
|
+
React__default["default"].createElement("div", { className: styles$1K["".concat(classMUI, "-input--container")] },
|
|
1708
1722
|
React__default["default"].createElement("label", { htmlFor: name, style: {
|
|
1709
1723
|
left: hideIcon ? '10px' : '40px',
|
|
1710
1724
|
top: haveValueOrFocus ? '30%' : '45%',
|
|
1711
1725
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
1712
|
-
}, className: styles$
|
|
1726
|
+
}, className: styles$1K["".concat(classMUI, "-input--container__label")] }, placeholder),
|
|
1713
1727
|
React__default["default"].createElement("input", __assign({}, props, { style: {
|
|
1714
1728
|
padding: hideIcon ? '0px 10px' : '0px 40px'
|
|
1715
|
-
}, disabled: disabled, className: styles$
|
|
1716
|
-
hideIcon ? null : (React__default["default"].createElement("img", { className: styles$
|
|
1717
|
-
actionIcon ? (React__default["default"].createElement("button", { type: "button", onClick: actionInputIcon, className: styles$
|
|
1729
|
+
}, disabled: disabled, className: styles$1K["".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" })),
|
|
1730
|
+
hideIcon ? null : (React__default["default"].createElement("img", { className: styles$1K["".concat(classMUI, "-input--container__icon")], src: customIcon ? customIcon : dinamyIcon[type] || DocumentTextGray })),
|
|
1731
|
+
actionIcon ? (React__default["default"].createElement("button", { type: "button", onClick: actionInputIcon, className: styles$1K["".concat(classMUI, "-input--container__icon-action")] },
|
|
1718
1732
|
React__default["default"].createElement("img", { "data-name": "icon", src: actionIcon }))) : null))),
|
|
1719
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
1720
|
-
error && (React__default["default"].createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$
|
|
1733
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1K["".concat(classMUI, "-input__footer")], " ").concat(!error && hasCounter ? styles$1K['footer-without-error'] : '') },
|
|
1734
|
+
error && (React__default["default"].createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$1K["".concat(classMUI, "-input--container__error")] }, error)),
|
|
1721
1735
|
hasCounter && React__default["default"].createElement(ComparativeCounter, { current: inputValue.length, max: maxCounterValue }))));
|
|
1722
1736
|
};
|
|
1723
1737
|
|
|
1724
|
-
var styles$
|
|
1738
|
+
var styles$1J = {"magneto-ui-flat-loader":"mg_flat_loader_magneto-ui-flat-loader_q96bq","rotation":"mg_flat_loader_rotation_q96bq"};
|
|
1725
1739
|
|
|
1726
|
-
var Component$
|
|
1740
|
+
var Component$1Q = function (_a) {
|
|
1727
1741
|
var color = _a.color, size = _a.size, secondColor = _a.secondColor;
|
|
1728
1742
|
var loadingSize = React.useMemo(function () {
|
|
1729
1743
|
if (size) {
|
|
@@ -1737,11 +1751,11 @@ var Component$1P = function (_a) {
|
|
|
1737
1751
|
height: '15px'
|
|
1738
1752
|
};
|
|
1739
1753
|
}, [size]);
|
|
1740
|
-
return (React__default["default"].createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$
|
|
1754
|
+
return (React__default["default"].createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$1J["".concat(classMUI, "-flat-loader")] }));
|
|
1741
1755
|
};
|
|
1742
|
-
var FlatLoader = Component$
|
|
1756
|
+
var FlatLoader = Component$1Q;
|
|
1743
1757
|
|
|
1744
|
-
var styles$
|
|
1758
|
+
var styles$1I = {"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"};
|
|
1745
1759
|
|
|
1746
1760
|
var InputPlus = function (_a) {
|
|
1747
1761
|
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;
|
|
@@ -1785,16 +1799,16 @@ var InputPlus = function (_a) {
|
|
|
1785
1799
|
}
|
|
1786
1800
|
}
|
|
1787
1801
|
}, [disabledBtn, handleSubmmit]);
|
|
1788
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
1802
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$1I["".concat(classMUI, "-input-plus")], " ").concat(className) },
|
|
1789
1803
|
React__default["default"].createElement("input", { onKeyDown: handleKeyDown, placeholder: placeholder, value: inputValue, onChange: handleValue, type: "text" }),
|
|
1790
|
-
React__default["default"].createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$
|
|
1804
|
+
React__default["default"].createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$1I["".concat(classMUI, "-input-plus__plus-button")], " ").concat(disabledBtn ? styles$1I.disabled : ''), disabled: disabledBtn }, isLoading ? (React__default["default"].createElement(FlatLoader, { color: "white", secondColor: "transparent" })) : (React__default["default"].createElement("img", { className: "".concat(disabledBtn ? styles$1I['disabled-img'] : ''), src: Add2, alt: "icon" })))));
|
|
1791
1805
|
};
|
|
1792
1806
|
|
|
1793
|
-
var styles$
|
|
1807
|
+
var styles$1H = {"magneto-ui-job-actions":"mg_job_actions_magneto-ui-job-actions_gnly4","magneto-ui-job-actions__button-wrapper":"mg_job_actions_magneto-ui-job-actions_button-wrapper_gnly4","magneto-ui-job-actions__buttons-wrapper":"mg_job_actions_magneto-ui-job-actions_buttons-wrapper_gnly4","magneto-ui-job-actions__icon-wrapper":"mg_job_actions_magneto-ui-job-actions_icon-wrapper_gnly4","magneto-ui-job-actions__icon-anchor":"mg_job_actions_magneto-ui-job-actions_icon-anchor_gnly4","magneto-ui__external-child":"mg_job_actions_magneto-ui_external-child_gnly4"};
|
|
1794
1808
|
|
|
1795
1809
|
var style$O = {"popover":"mg_share_popover_popover_nlj0v","popover--hidden":"mg_share_popover_popover--hidden_nlj0v","popover__btn":"mg_share_popover_popover_btn_nlj0v","content":"mg_share_popover_content_nlj0v","content__link":"mg_share_popover_content_link_nlj0v"};
|
|
1796
1810
|
|
|
1797
|
-
var Component$
|
|
1811
|
+
var Component$1P = function (_a) {
|
|
1798
1812
|
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"]);
|
|
1799
1813
|
var _f = React.useState(false), show = _f[0], setShow = _f[1];
|
|
1800
1814
|
return (React__default["default"].createElement(Popover, { className: [style$O['popover'], !show ? style$O['popover--hidden'] : ''].join(' '), positionX: "right", positionY: "bottom", show: show, widthBase: 45, content: React__default["default"].createElement("ul", { className: [style$O['content'], classNameContent].join(' ') },
|
|
@@ -1812,10 +1826,10 @@ var Component$1O = function (_a) {
|
|
|
1812
1826
|
React__default["default"].createElement("button", __assign({}, btnProps, { className: [style$O['popover__btn'], classNameButton].join(' '), onClick: function () { return setShow(function (show) { return !show; }); }, onBlur: function () { return setShow(false); } }),
|
|
1813
1827
|
React__default["default"].createElement(IconItem, { size: 20, icon: Share }))));
|
|
1814
1828
|
};
|
|
1815
|
-
Component$
|
|
1816
|
-
var SharePopover = Component$
|
|
1829
|
+
Component$1P.displayName = 'SharePopover';
|
|
1830
|
+
var SharePopover = Component$1P;
|
|
1817
1831
|
|
|
1818
|
-
var Component$
|
|
1832
|
+
var Component$1O = function (_a) {
|
|
1819
1833
|
var actionsAnchorIcons = _a.actionsAnchorIcons, actionsAnchorLinks = _a.actionsAnchorLinks, actionsAnchorTitle = _a.actionsAnchorTitle, externalButtonChild = _a.externalButtonChild, saveButtonProps = _a.saveButtonProps, shareButtonProps = _a.shareButtonProps;
|
|
1820
1834
|
var actionsLinkList = actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons.map(function (_, index) { return ({
|
|
1821
1835
|
icon: actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons[index],
|
|
@@ -1823,30 +1837,30 @@ var Component$1N = function (_a) {
|
|
|
1823
1837
|
title: actionsAnchorTitle === null || actionsAnchorTitle === void 0 ? void 0 : actionsAnchorTitle[index]
|
|
1824
1838
|
}); });
|
|
1825
1839
|
var filteredActionsLinkList = actionsLinkList === null || actionsLinkList === void 0 ? void 0 : actionsLinkList.filter(function (item) { return item.url !== null && item.url !== undefined; });
|
|
1826
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1827
|
-
React__default["default"].createElement("div", { id: styles$
|
|
1828
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1840
|
+
return (React__default["default"].createElement("div", { className: styles$1H['magneto-ui-job-actions'] },
|
|
1841
|
+
React__default["default"].createElement("div", { id: styles$1H['magneto-ui__external-child'] }, externalButtonChild),
|
|
1842
|
+
React__default["default"].createElement("div", { className: styles$1H['magneto-ui-job-actions__buttons-wrapper'] },
|
|
1829
1843
|
React__default["default"].createElement(SaveButton, __assign({}, saveButtonProps)),
|
|
1830
1844
|
React__default["default"].createElement(SharePopover, __assign({}, shareButtonProps)), filteredActionsLinkList === null || filteredActionsLinkList === void 0 ? void 0 :
|
|
1831
1845
|
filteredActionsLinkList.map(function (_a) {
|
|
1832
1846
|
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
1833
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1834
|
-
React__default["default"].createElement("a", { className: styles$
|
|
1847
|
+
return (React__default["default"].createElement("div", { className: styles$1H['magneto-ui-job-actions__icon-wrapper'], key: "".concat(url, "-JobActions") },
|
|
1848
|
+
React__default["default"].createElement("a", { className: styles$1H['magneto-ui-job-actions__icon-anchor'], href: url, target: "_blank", rel: "noreferrer", title: title },
|
|
1835
1849
|
React__default["default"].createElement(IconItem, { hover: true, size: 20, icon: icon }))));
|
|
1836
1850
|
}))));
|
|
1837
1851
|
};
|
|
1838
1852
|
/**
|
|
1839
1853
|
* UI Molecule Component for Jobs Actions
|
|
1840
1854
|
*/
|
|
1841
|
-
var JobActions = Component$
|
|
1855
|
+
var JobActions = Component$1O;
|
|
1842
1856
|
|
|
1843
|
-
var styles$
|
|
1857
|
+
var styles$1G = {"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"};
|
|
1844
1858
|
|
|
1845
|
-
var Component$
|
|
1859
|
+
var Component$1N = function (_a) {
|
|
1846
1860
|
var offerApplyHeader = _a.offerApplyHeader, offerApplyElements = _a.offerApplyElements, externalChild = _a.externalChild;
|
|
1847
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1848
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1849
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1861
|
+
return (React__default["default"].createElement("div", { className: styles$1G['magneto-ui-job-apply-card'] },
|
|
1862
|
+
React__default["default"].createElement("div", { className: styles$1G['magneto-ui-job-apply-card__wrapper'] },
|
|
1863
|
+
React__default["default"].createElement("div", { className: styles$1G['magneto-ui-job-apply-card__header'] },
|
|
1850
1864
|
React__default["default"].createElement("p", null, offerApplyHeader),
|
|
1851
1865
|
(offerApplyElements === null || offerApplyElements === void 0 ? void 0 : offerApplyElements.length) &&
|
|
1852
1866
|
offerApplyElements
|
|
@@ -1856,16 +1870,16 @@ var Component$1M = function (_a) {
|
|
|
1856
1870
|
})
|
|
1857
1871
|
.map(function (_a) {
|
|
1858
1872
|
var offerApplyLabel = _a.offerApplyLabel, offerApplyInfo = _a.offerApplyInfo;
|
|
1859
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1873
|
+
return (React__default["default"].createElement("div", { className: styles$1G['magneto-ui-job-apply-card__requirements'], key: "".concat(offerApplyLabel, "-JobApplyCard") },
|
|
1860
1874
|
React__default["default"].createElement("p", null, offerApplyLabel),
|
|
1861
1875
|
React__default["default"].createElement("p", null, offerApplyInfo)));
|
|
1862
1876
|
})),
|
|
1863
|
-
React__default["default"].createElement("div", { id: styles$
|
|
1877
|
+
React__default["default"].createElement("div", { id: styles$1G['magneto-ui__external-child'] }, externalChild))));
|
|
1864
1878
|
};
|
|
1865
1879
|
/**
|
|
1866
1880
|
* UI Molecule Component for Job Apply Card
|
|
1867
1881
|
*/
|
|
1868
|
-
var JobApplyCard = Component$
|
|
1882
|
+
var JobApplyCard = Component$1N;
|
|
1869
1883
|
|
|
1870
1884
|
var style$N = {"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"};
|
|
1871
1885
|
|
|
@@ -1949,29 +1963,29 @@ var JobCard = function (_a) {
|
|
|
1949
1963
|
return React__default["default"].createElement(React__default["default"].Fragment, null, cardResponsive);
|
|
1950
1964
|
};
|
|
1951
1965
|
|
|
1952
|
-
var styles$
|
|
1966
|
+
var styles$1F = {"magneto-ui-job-company-header":"mg_job_company_header_magneto-ui-job-company-header_13130"};
|
|
1953
1967
|
|
|
1954
|
-
var Component$
|
|
1968
|
+
var Component$1M = function (_a) {
|
|
1955
1969
|
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobHeaderProps = _a.jobHeaderProps;
|
|
1956
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1970
|
+
return (React__default["default"].createElement("div", { className: styles$1F['magneto-ui-job-company-header'] },
|
|
1957
1971
|
React__default["default"].createElement(JobCompanyLogo, __assign({}, jobCompanyLogoProps)),
|
|
1958
1972
|
React__default["default"].createElement(JobHeader, __assign({}, jobHeaderProps))));
|
|
1959
1973
|
};
|
|
1960
1974
|
/**
|
|
1961
1975
|
* UI Molecule component for Company Job Header
|
|
1962
1976
|
*/
|
|
1963
|
-
var JobCompanyHeader = Component$
|
|
1977
|
+
var JobCompanyHeader = Component$1M;
|
|
1964
1978
|
|
|
1965
|
-
var styles$
|
|
1979
|
+
var styles$1E = {"magneto-ui-job-detail-card":"mg_job_detail_card_magneto-ui-job-detail-card_htydq"};
|
|
1966
1980
|
|
|
1967
|
-
var Component$
|
|
1981
|
+
var Component$1L = function (_a) {
|
|
1968
1982
|
var offerDescription = _a.offerDescription;
|
|
1969
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1983
|
+
return (React__default["default"].createElement("div", { className: styles$1E['magneto-ui-job-detail-card'] }, offerDescription !== null ? React__default["default"].createElement("div", { dangerouslySetInnerHTML: { __html: offerDescription } }) : React__default["default"].createElement(React.Fragment, null)));
|
|
1970
1984
|
};
|
|
1971
1985
|
/**
|
|
1972
1986
|
* UI Molecule Component for Job Detail Card Header
|
|
1973
1987
|
*/
|
|
1974
|
-
var JobDetailCard = Component$
|
|
1988
|
+
var JobDetailCard = Component$1L;
|
|
1975
1989
|
|
|
1976
1990
|
var style$L = {"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"};
|
|
1977
1991
|
|
|
@@ -1986,9 +2000,9 @@ var JobDetailContainer = function (_a) {
|
|
|
1986
2000
|
children));
|
|
1987
2001
|
};
|
|
1988
2002
|
|
|
1989
|
-
var styles$
|
|
2003
|
+
var styles$1D = {"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"};
|
|
1990
2004
|
|
|
1991
|
-
var Component$
|
|
2005
|
+
var Component$1K = function (_a) {
|
|
1992
2006
|
var offerDetailsList = _a.offerDetailsList, iconList = _a.iconList, altList = _a.altList, cities = _a.cities, textRemote = _a.textRemote, isRemote = _a.isRemote;
|
|
1993
2007
|
var jobDetailsList = offerDetailsList === null || offerDetailsList === void 0 ? void 0 : offerDetailsList.map(function (offerDetailText, index) { return ({
|
|
1994
2008
|
icon: iconList && iconList[index],
|
|
@@ -1998,27 +2012,27 @@ var Component$1J = function (_a) {
|
|
|
1998
2012
|
var offerDetailText = _a.offerDetailText;
|
|
1999
2013
|
return !!offerDetailText && index !== 1;
|
|
2000
2014
|
});
|
|
2001
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2002
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2015
|
+
return (React__default["default"].createElement("div", { className: styles$1D['magneto-ui-job-details'] },
|
|
2016
|
+
React__default["default"].createElement("div", { className: styles$1D['magneto-ui-job-details__wrapper'] },
|
|
2003
2017
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.length) &&
|
|
2004
2018
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.map(function (_a) {
|
|
2005
2019
|
var offerDetailText = _a.offerDetailText, icon = _a.icon, _b = _a.alt, alt = _b === void 0 ? '' : _b;
|
|
2006
|
-
return (React__default["default"].createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$
|
|
2007
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2020
|
+
return (React__default["default"].createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$1D['magneto-ui-job-details__item-detail'] },
|
|
2021
|
+
React__default["default"].createElement("div", { className: styles$1D['magneto-ui-job-details__item-detail-icon'] },
|
|
2008
2022
|
React__default["default"].createElement(IconItem, { alt: alt, icon: icon, hover: false, size: 16 })),
|
|
2009
|
-
React__default["default"].createElement("p", { className: styles$
|
|
2023
|
+
React__default["default"].createElement("p", { className: styles$1D['magneto-ui-job-details__item-detail-text'] }, offerDetailText)));
|
|
2010
2024
|
})),
|
|
2011
2025
|
React__default["default"].createElement(CitiesDetailDrawer, { cities: cities, isRemote: isRemote, textRemote: textRemote }))));
|
|
2012
2026
|
};
|
|
2013
2027
|
/**
|
|
2014
2028
|
* UI Molecule component for Job Detail
|
|
2015
2029
|
*/
|
|
2016
|
-
Component$
|
|
2017
|
-
var JobDetails = Component$
|
|
2030
|
+
Component$1K.displayName = 'JobDetails';
|
|
2031
|
+
var JobDetails = Component$1K;
|
|
2018
2032
|
|
|
2019
|
-
var styles$
|
|
2033
|
+
var styles$1C = {"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"};
|
|
2020
2034
|
|
|
2021
|
-
var Component$
|
|
2035
|
+
var Component$1J = function (_a) {
|
|
2022
2036
|
var offerFooterHeader = _a.offerFooterHeader, offerCompanyLogo = _a.offerCompanyLogo, offerFooterList = _a.offerFooterList, iconList = _a.iconList, shareButtonProps = _a.shareButtonProps, companyImgAlt = _a.companyImgAlt;
|
|
2023
2037
|
var jobFooterList = offerFooterList === null || offerFooterList === void 0 ? void 0 : offerFooterList.map(function (_a, index) {
|
|
2024
2038
|
var href = _a.href, title = _a.title, ariaLabel = _a.ariaLabel;
|
|
@@ -2029,28 +2043,28 @@ var Component$1I = function (_a) {
|
|
|
2029
2043
|
title: title
|
|
2030
2044
|
});
|
|
2031
2045
|
});
|
|
2032
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2046
|
+
return (React__default["default"].createElement("div", { className: styles$1C['magneto-ui-job-footer-card'] },
|
|
2033
2047
|
React__default["default"].createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, alt: companyImgAlt, loading: "lazy", width: '100px', height: '100px' }),
|
|
2034
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2048
|
+
React__default["default"].createElement("div", { className: styles$1C['magneto-ui-job-footer-card__icons'] },
|
|
2035
2049
|
React__default["default"].createElement("p", null, offerFooterHeader),
|
|
2036
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2050
|
+
React__default["default"].createElement("div", { className: styles$1C['magneto-ui-job-footer-card__wrapper'] },
|
|
2037
2051
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.length) &&
|
|
2038
2052
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.map(function (_a, i) {
|
|
2039
2053
|
var href = _a.href, ariaLabel = _a.ariaLabel, icon = _a.icon, title = _a.title;
|
|
2040
2054
|
return href !== null && (React__default["default"].createElement("a", { key: "".concat(href, "-jobFooterList") + i, title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel },
|
|
2041
2055
|
React__default["default"].createElement(IconItem, { hover: false, icon: icon || undefined })));
|
|
2042
2056
|
})),
|
|
2043
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2057
|
+
React__default["default"].createElement("div", { className: styles$1C['magneto-ui__share-button'] },
|
|
2044
2058
|
React__default["default"].createElement(ShareButton, __assign({}, shareButtonProps)))))));
|
|
2045
2059
|
};
|
|
2046
2060
|
/**
|
|
2047
2061
|
* UI Molecule component for Job Footer Card
|
|
2048
2062
|
*/
|
|
2049
|
-
var JobFooterCard = Component$
|
|
2063
|
+
var JobFooterCard = Component$1J;
|
|
2050
2064
|
|
|
2051
|
-
var styles$
|
|
2065
|
+
var styles$1B = {"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"};
|
|
2052
2066
|
|
|
2053
|
-
var Component$
|
|
2067
|
+
var Component$1I = function (_a) {
|
|
2054
2068
|
var name = _a.name, score = _a.score;
|
|
2055
2069
|
var _b = React.useState(false), animationApplied = _b[0], setAnimationApplied = _b[1];
|
|
2056
2070
|
var skillRef = React.useRef(null);
|
|
@@ -2086,21 +2100,21 @@ var Component$1H = function (_a) {
|
|
|
2086
2100
|
4: 'four'
|
|
2087
2101
|
};
|
|
2088
2102
|
var levelClass = scoreToLevel[score || 0] || '';
|
|
2089
|
-
var fillAnimation = animationApplied ? styles$
|
|
2090
|
-
return (React__default["default"].createElement("div", { ref: skillRef, className: styles$
|
|
2091
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2103
|
+
var fillAnimation = animationApplied ? styles$1B[levelClass] : '';
|
|
2104
|
+
return (React__default["default"].createElement("div", { ref: skillRef, className: styles$1B['magneto-ui-skill'] },
|
|
2105
|
+
React__default["default"].createElement("div", { className: styles$1B['magneto-ui-skill__wrapper'] },
|
|
2092
2106
|
React__default["default"].createElement("p", null, name),
|
|
2093
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2107
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1B['magneto-ui-skill__bar'], " ").concat(fillAnimation || styles$1B['magneto-ui-skill--no-animation']) }))));
|
|
2094
2108
|
};
|
|
2095
|
-
var Skill = Component$
|
|
2109
|
+
var Skill = Component$1I;
|
|
2096
2110
|
|
|
2097
|
-
var styles$
|
|
2111
|
+
var styles$1A = {"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"};
|
|
2098
2112
|
|
|
2099
|
-
var Component$
|
|
2113
|
+
var Component$1H = function (_a) {
|
|
2100
2114
|
var offerSkillsLabel = _a.offerSkillsLabel, offerSkills = _a.offerSkills;
|
|
2101
|
-
return (React__default["default"].createElement(React.Fragment, null, offerSkills && offerSkills.length >= 1 && (React__default["default"].createElement("div", { className: styles$
|
|
2115
|
+
return (React__default["default"].createElement(React.Fragment, null, offerSkills && offerSkills.length >= 1 && (React__default["default"].createElement("div", { className: styles$1A['magneto-ui-job-skills-card'] },
|
|
2102
2116
|
React__default["default"].createElement("p", null, offerSkillsLabel),
|
|
2103
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2117
|
+
React__default["default"].createElement("div", { className: styles$1A['magneto-ui-job-skills-card__skills-wrapper'] }, offerSkills === null || offerSkills === void 0 ? void 0 : offerSkills.map(function (_a) {
|
|
2104
2118
|
var name = _a.name, score = _a.score, id = _a.id;
|
|
2105
2119
|
return (React__default["default"].createElement(React__default["default"].Fragment, { key: "".concat(id, "-JobSkillsCard") },
|
|
2106
2120
|
React__default["default"].createElement(Skill, { id: id, name: name, score: score })));
|
|
@@ -2109,9 +2123,9 @@ var Component$1G = function (_a) {
|
|
|
2109
2123
|
/**
|
|
2110
2124
|
* UI Molecule component of Job Skills Card
|
|
2111
2125
|
*/
|
|
2112
|
-
var JobSkillsCard = Component$
|
|
2126
|
+
var JobSkillsCard = Component$1H;
|
|
2113
2127
|
|
|
2114
|
-
var styles$
|
|
2128
|
+
var styles$1z = {"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"};
|
|
2115
2129
|
|
|
2116
2130
|
var JobVideo = function (_a) {
|
|
2117
2131
|
var imageProps = _a.imageProps, jobId = _a.jobId, videoClassName = _a.videoClassName, vjsOptions = _a.vjsOptions, VideoComponent = _a.VideoComponent, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo;
|
|
@@ -2126,13 +2140,13 @@ var JobVideo = function (_a) {
|
|
|
2126
2140
|
setLoadVideo && setLoadVideo(false);
|
|
2127
2141
|
}
|
|
2128
2142
|
}, [detailJobId, jobId, setLoadVideo]);
|
|
2129
|
-
return loadVideo || uploadVideo ? (React__default["default"].createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$
|
|
2143
|
+
return loadVideo || uploadVideo ? (React__default["default"].createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$1z[videoClassName] })) : (React__default["default"].createElement("div", { className: styles$1z['magneto-ui-job-video'], onClick: handleLoadVideo },
|
|
2130
2144
|
React__default["default"].createElement(Image, __assign({}, imageProps))));
|
|
2131
2145
|
};
|
|
2132
2146
|
|
|
2133
2147
|
var style$K = {"magneto-ui-list-icon":"mg_list_icon_link_magneto-ui-list-icon_1b3zm"};
|
|
2134
2148
|
|
|
2135
|
-
var Component$
|
|
2149
|
+
var Component$1G = function (_a) {
|
|
2136
2150
|
var listIcon = _a.listIcon, size = _a.size, _b = _a.hover, hover = _b === void 0 ? true : _b, spacing = _a.spacing;
|
|
2137
2151
|
return (React__default["default"].createElement("div", { style: { gap: "".concat(spacing, "px") }, className: style$K['magneto-ui-list-icon'] }, listIcon.map(function (_a, index) {
|
|
2138
2152
|
var icon = _a.icon, url = _a.url, title = _a.title;
|
|
@@ -2140,11 +2154,11 @@ var Component$1F = function (_a) {
|
|
|
2140
2154
|
React__default["default"].createElement(IconItem, { alt: title, hover: hover, size: size, icon: icon })));
|
|
2141
2155
|
})));
|
|
2142
2156
|
};
|
|
2143
|
-
var ListIconLink = Component$
|
|
2157
|
+
var ListIconLink = Component$1G;
|
|
2144
2158
|
|
|
2145
2159
|
var style$J = {"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"};
|
|
2146
2160
|
|
|
2147
|
-
var Component$
|
|
2161
|
+
var Component$1F = function (_a) {
|
|
2148
2162
|
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;
|
|
2149
2163
|
var menuActive = isActive ? style$J['isActive'] : '';
|
|
2150
2164
|
return (React__default["default"].createElement(React__default["default"].Fragment, null, type === 'link' ? (React__default["default"].createElement("a", { href: url, className: "".concat(style$J['magneto-ui-menu-icon'], " ").concat(menuActive, " ").concat(className), title: text, rel: rel, target: target },
|
|
@@ -2153,11 +2167,11 @@ var Component$1E = function (_a) {
|
|
|
2153
2167
|
icon && React__default["default"].createElement(IconItem, __assign({ size: iconSize, hover: false, icon: icon }, iconProps)),
|
|
2154
2168
|
React__default["default"].createElement("p", { className: style$J['magneto-ui-menu-icon__menu-text'] }, text)))));
|
|
2155
2169
|
};
|
|
2156
|
-
var MenuIcon = Component$
|
|
2170
|
+
var MenuIcon = Component$1F;
|
|
2157
2171
|
|
|
2158
2172
|
var style$I = {"mangeto-ui-list-menu-icons":"mg_list_menu_icons_mangeto-ui-list-menu-icons_u92cd"};
|
|
2159
2173
|
|
|
2160
|
-
var Component$
|
|
2174
|
+
var Component$1E = function (_a) {
|
|
2161
2175
|
var urlParam = _a.urlParam, menuItems = _a.menuItems, menuItems1440 = _a.menuItems1440, logout = _a.logout, settings = _a.settings, haveGif = _a.haveGif;
|
|
2162
2176
|
var logoutText = logout.logoutText, onClick = logout.onClick;
|
|
2163
2177
|
var settingsText = settings.settingsText, onClickSettings = settings.onClick;
|
|
@@ -2178,16 +2192,16 @@ var Component$1D = function (_a) {
|
|
|
2178
2192
|
React__default["default"].createElement(Divider, null),
|
|
2179
2193
|
React__default["default"].createElement(MenuIcon, { type: "button", onClick: onClick, icon: LogoutIcon, text: logoutText })));
|
|
2180
2194
|
};
|
|
2181
|
-
var ListMenuIcons = Component$
|
|
2195
|
+
var ListMenuIcons = Component$1E;
|
|
2182
2196
|
|
|
2183
|
-
var Component$
|
|
2197
|
+
var Component$1D = function (_a) {
|
|
2184
2198
|
var _b = _a.menuList, menuList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c;
|
|
2185
2199
|
return (React__default["default"].createElement("div", null, menuList.map(function (_a, index) {
|
|
2186
2200
|
var text = _a.text, url = _a.url, slug = _a.slug;
|
|
2187
2201
|
return (React__default["default"].createElement(MenuItem, { key: index, isActive: urlParam === slug ? true : false, url: url, text: text }));
|
|
2188
2202
|
})));
|
|
2189
2203
|
};
|
|
2190
|
-
var ListMenuItems = Component$
|
|
2204
|
+
var ListMenuItems = Component$1D;
|
|
2191
2205
|
|
|
2192
2206
|
var style$H = {"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"};
|
|
2193
2207
|
|
|
@@ -2261,9 +2275,9 @@ var useMegaMenuMain = function () {
|
|
|
2261
2275
|
return mainHeaderProps;
|
|
2262
2276
|
};
|
|
2263
2277
|
|
|
2264
|
-
var styles$
|
|
2278
|
+
var styles$1y = {"button-link":"mg_button_link_button-link_1iyy1","button-link__text":"mg_button_link_button-link_text_1iyy1"};
|
|
2265
2279
|
|
|
2266
|
-
var Component$
|
|
2280
|
+
var Component$1C = function (_a) {
|
|
2267
2281
|
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;
|
|
2268
2282
|
var handleClick = React.useCallback(function (event) {
|
|
2269
2283
|
if (onClick) {
|
|
@@ -2271,15 +2285,15 @@ var Component$1B = function (_a) {
|
|
|
2271
2285
|
onClick();
|
|
2272
2286
|
}
|
|
2273
2287
|
}, [onClick]);
|
|
2274
|
-
return (React__default["default"].createElement("a", { className: "".concat(className, " ").concat(styles$
|
|
2275
|
-
suffixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$
|
|
2276
|
-
buttonText && React__default["default"].createElement("p", { className: styles$
|
|
2277
|
-
prefixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$
|
|
2288
|
+
return (React__default["default"].createElement("a", { className: "".concat(className, " ").concat(styles$1y['button-link'], " "), type: "button", onClick: handleClick, href: href, rel: rel, target: target },
|
|
2289
|
+
suffixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$1y['button-link__icon'] })),
|
|
2290
|
+
buttonText && React__default["default"].createElement("p", { className: styles$1y['button-link__text'] }, buttonText),
|
|
2291
|
+
prefixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$1y['button-link__icon'] }))));
|
|
2278
2292
|
};
|
|
2279
2293
|
/**
|
|
2280
2294
|
* UI Atom Component of Save Button
|
|
2281
2295
|
*/
|
|
2282
|
-
var ButtonLink = Component$
|
|
2296
|
+
var ButtonLink = Component$1C;
|
|
2283
2297
|
|
|
2284
2298
|
var MegaMenuJobsTabs = function () {
|
|
2285
2299
|
var _a = React.useState(0), selectedTab = _a[0], setSelectedTab = _a[1];
|
|
@@ -2306,7 +2320,7 @@ var MegaMenuJobsTabs = function () {
|
|
|
2306
2320
|
React__default["default"].createElement("div", { className: "".concat(style$E["mega-menu-jobs-tabs__content"]) }, content)));
|
|
2307
2321
|
};
|
|
2308
2322
|
|
|
2309
|
-
var styles$
|
|
2323
|
+
var styles$1x = {"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"};
|
|
2310
2324
|
|
|
2311
2325
|
var popoverClassName = 'magneto-ui-mega-menu-popover';
|
|
2312
2326
|
var MegaMenuPopover = function (_a) {
|
|
@@ -2325,27 +2339,27 @@ var MegaMenuPopover = function (_a) {
|
|
|
2325
2339
|
body.style.overflowY = showContent ? 'hidden' : 'auto';
|
|
2326
2340
|
}, [showContent]);
|
|
2327
2341
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
2328
|
-
jobAction && (React__default["default"].createElement("button", { className: "".concat(styles$
|
|
2329
|
-
React__default["default"].createElement("p", { className: "".concat(styles$
|
|
2330
|
-
React__default["default"].createElement(IconItem, { className: "".concat(styles$
|
|
2331
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2332
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2333
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2342
|
+
jobAction && (React__default["default"].createElement("button", { className: "".concat(styles$1x["".concat(popoverClassName, "__action")]), onClick: handleShowContent(!showContent) },
|
|
2343
|
+
React__default["default"].createElement("p", { className: "".concat(styles$1x["".concat(popoverClassName, "__action--text")]) }, jobAction.label),
|
|
2344
|
+
React__default["default"].createElement(IconItem, { className: "".concat(styles$1x["".concat(popoverClassName, "__action--icon")], " ").concat(showContent ? styles$1x["".concat(popoverClassName, "__action--icon-reverse")] : ''), icon: ArrowDown2, alt: "arrow-icon", size: 16 }))),
|
|
2345
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1x["".concat(popoverClassName, "__dropdown")], " ").concat(showContent ? styles$1x["".concat(popoverClassName, "__dropdown--open")] : '') },
|
|
2346
|
+
React__default["default"].createElement("div", { className: styles$1x["".concat(popoverClassName, "__shadow")], onClick: handleShowContent(false) }),
|
|
2347
|
+
React__default["default"].createElement("div", { className: styles$1x["".concat(popoverClassName, "__content")], onClick: function (event) {
|
|
2334
2348
|
event.stopPropagation();
|
|
2335
2349
|
} }, children))));
|
|
2336
2350
|
};
|
|
2337
2351
|
|
|
2338
|
-
var styles$
|
|
2352
|
+
var styles$1w = {"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"};
|
|
2339
2353
|
|
|
2340
2354
|
var MenuSearch = function (_a) {
|
|
2341
2355
|
var children = _a.children, content = _a.content, show = _a.show, handleOnBlur = _a.handleOnBlur;
|
|
2342
2356
|
var onBlur = React.useCallback(function () {
|
|
2343
2357
|
handleOnBlur && handleOnBlur();
|
|
2344
2358
|
}, [handleOnBlur]);
|
|
2345
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2346
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2359
|
+
return (React__default["default"].createElement("div", { className: styles$1w['magneto-ui-menu-search'], onBlur: onBlur },
|
|
2360
|
+
React__default["default"].createElement("div", { className: styles$1w['magneto-ui-menu-search_container'] },
|
|
2347
2361
|
children,
|
|
2348
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2362
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1w['magneto-ui-menu-search_content'], " ").concat(show && styles$1w.open) }, content))));
|
|
2349
2363
|
};
|
|
2350
2364
|
|
|
2351
2365
|
var iconByType = {
|
|
@@ -2356,9 +2370,9 @@ var iconByType = {
|
|
|
2356
2370
|
};
|
|
2357
2371
|
var transitionDuration = 300;
|
|
2358
2372
|
|
|
2359
|
-
var styles$
|
|
2373
|
+
var styles$1v = {"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"};
|
|
2360
2374
|
|
|
2361
|
-
var Component$
|
|
2375
|
+
var Component$1B = function (_a) {
|
|
2362
2376
|
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;
|
|
2363
2377
|
var _e = React.useState(false), toggleAnimation = _e[0], setToggleAnimation = _e[1];
|
|
2364
2378
|
var _f = React.useState(visible), localVisible = _f[0], setLocalVisible = _f[1];
|
|
@@ -2370,7 +2384,7 @@ var Component$1A = function (_a) {
|
|
|
2370
2384
|
}); }, []);
|
|
2371
2385
|
var containerStyles = React.useMemo(function () {
|
|
2372
2386
|
return CNM.get({
|
|
2373
|
-
styles: styles$
|
|
2387
|
+
styles: styles$1v,
|
|
2374
2388
|
cls: [
|
|
2375
2389
|
'message__container',
|
|
2376
2390
|
"message__container--".concat(toggleAnimation ? 'show' : 'hidden'),
|
|
@@ -2378,7 +2392,7 @@ var Component$1A = function (_a) {
|
|
|
2378
2392
|
]
|
|
2379
2393
|
});
|
|
2380
2394
|
}, [type, toggleAnimation]);
|
|
2381
|
-
var textStyles = React.useCallback(function (bold) { return CNM.get({ styles: styles$
|
|
2395
|
+
var textStyles = React.useCallback(function (bold) { return CNM.get({ styles: styles$1v, cls: ['message__text', bold && 'message__text--bold'] }); }, []);
|
|
2382
2396
|
React.useEffect(function () {
|
|
2383
2397
|
if (!localVisible)
|
|
2384
2398
|
return;
|
|
@@ -2410,9 +2424,9 @@ var Component$1A = function (_a) {
|
|
|
2410
2424
|
setIsAnimating(visible);
|
|
2411
2425
|
}, [isAnimating, visible]);
|
|
2412
2426
|
return localVisible
|
|
2413
|
-
? ReactDOM__default["default"].createPortal(React__default["default"].createElement("div", { style: containerVar, className: CNM.get({ styles: styles$
|
|
2427
|
+
? ReactDOM__default["default"].createPortal(React__default["default"].createElement("div", { style: containerVar, className: CNM.get({ styles: styles$1v, cls: [className] }) },
|
|
2414
2428
|
React__default["default"].createElement("div", { className: containerStyles },
|
|
2415
|
-
React__default["default"].createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$
|
|
2429
|
+
React__default["default"].createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$1v, cls: ['message__icon'] }), icon: iconByType[type], showDefaultFallback: false, size: 20 }, iconProps)),
|
|
2416
2430
|
React__default["default"].createElement("div", null,
|
|
2417
2431
|
text && React__default["default"].createElement("span", { className: textStyles(!!description) }, text),
|
|
2418
2432
|
description && React__default["default"].createElement("span", { className: textStyles() }, description)))), document.body)
|
|
@@ -2421,13 +2435,13 @@ var Component$1A = function (_a) {
|
|
|
2421
2435
|
/**
|
|
2422
2436
|
* Molecule UI component for Message
|
|
2423
2437
|
*/
|
|
2424
|
-
var Message = Component$
|
|
2438
|
+
var Message = Component$1B;
|
|
2425
2439
|
|
|
2426
|
-
var styles$
|
|
2440
|
+
var styles$1u = {"magneto-ui-mobile-job-details-header":"mg_mobile_job_detail_header_magneto-ui-mobile-job-details-header_1fct0"};
|
|
2427
2441
|
|
|
2428
|
-
var Component$
|
|
2442
|
+
var Component$1A = function (_a) {
|
|
2429
2443
|
var returnText = _a.returnText, onClick = _a.onClick;
|
|
2430
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2444
|
+
return (React__default["default"].createElement("div", { className: styles$1u['magneto-ui-mobile-job-details-header'] },
|
|
2431
2445
|
React__default["default"].createElement("button", { onClick: onClick },
|
|
2432
2446
|
React__default["default"].createElement(IconItem, { alt: "arrow-left", icon: ArrowLeft2 })),
|
|
2433
2447
|
React__default["default"].createElement("p", null, returnText)));
|
|
@@ -2435,11 +2449,11 @@ var Component$1z = function (_a) {
|
|
|
2435
2449
|
/**
|
|
2436
2450
|
* UI Molecule Component for Mobile Jobs Drawer
|
|
2437
2451
|
*/
|
|
2438
|
-
var MobileJobDetailsHeader = Component$
|
|
2452
|
+
var MobileJobDetailsHeader = Component$1A;
|
|
2439
2453
|
|
|
2440
|
-
var styles$
|
|
2454
|
+
var styles$1t = {"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"};
|
|
2441
2455
|
|
|
2442
|
-
var Component$
|
|
2456
|
+
var Component$1z = function (_a) {
|
|
2443
2457
|
var termValue = _a.termValue, onSearch = _a.onSearch, onClick = _a.onClick, focusSearchInput = _a.focusSearchInput, showMobileSearchbar = _a.showMobileSearchbar;
|
|
2444
2458
|
var _b = React.useState(termValue ? termValue : ''), searchValue = _b[0], setSearchValue = _b[1];
|
|
2445
2459
|
var searchInputRef = React.useRef(null);
|
|
@@ -2461,20 +2475,20 @@ var Component$1y = function (_a) {
|
|
|
2461
2475
|
(_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
2462
2476
|
}
|
|
2463
2477
|
}, [focusSearchInput]);
|
|
2464
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2478
|
+
return (React__default["default"].createElement("div", { className: styles$1t.MobileSearchbarComponent, "data-show-mobile-searchbar": showMobileSearchbar },
|
|
2465
2479
|
React__default["default"].createElement("form", { onSubmit: handleSubmit },
|
|
2466
|
-
searchValue && React__default["default"].createElement("div", { className: styles$
|
|
2467
|
-
React__default["default"].createElement(MainButton, __assign({ className: styles$
|
|
2480
|
+
searchValue && React__default["default"].createElement("div", { className: styles$1t['search-badge'] }),
|
|
2481
|
+
React__default["default"].createElement(MainButton, __assign({ className: styles$1t['magneto-ui-search-button'] }, searchMobileProps)),
|
|
2468
2482
|
React__default["default"].createElement("label", { htmlFor: "search" }),
|
|
2469
2483
|
React__default["default"].createElement("input", { type: "text", name: "search", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, ref: searchInputRef }),
|
|
2470
|
-
React__default["default"].createElement(MainButton, __assign({ className: styles$
|
|
2484
|
+
React__default["default"].createElement(MainButton, __assign({ className: styles$1t['magneto-ui-remove-button'], onClick: handleClearSearch }, closeSearchMobileProps)))));
|
|
2471
2485
|
};
|
|
2472
2486
|
/**
|
|
2473
2487
|
* Molecule UI component for MobileSearchbar
|
|
2474
2488
|
*/
|
|
2475
|
-
var MobileSearchbar = Component$
|
|
2489
|
+
var MobileSearchbar = Component$1z;
|
|
2476
2490
|
|
|
2477
|
-
var styles$
|
|
2491
|
+
var styles$1s = {"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"};
|
|
2478
2492
|
|
|
2479
2493
|
var Modal = function (_a) {
|
|
2480
2494
|
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;
|
|
@@ -2487,40 +2501,40 @@ var Modal = function (_a) {
|
|
|
2487
2501
|
if (!isOpen)
|
|
2488
2502
|
return null;
|
|
2489
2503
|
return (React__default["default"].createElement(React.Fragment, null,
|
|
2490
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2491
|
-
title ? React__default["default"].createElement("h2", { className: "".concat(styles$
|
|
2492
|
-
description ? React__default["default"].createElement("p", { className: "".concat(styles$
|
|
2504
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1s["".concat(classMUI, "-modal")], " ").concat(className) },
|
|
2505
|
+
title ? React__default["default"].createElement("h2", { className: "".concat(styles$1s["".concat(classMUI, "-modal__title")]) }, title) : null,
|
|
2506
|
+
description ? React__default["default"].createElement("p", { className: "".concat(styles$1s["".concat(classMUI, "-modal__description")]) }, description) : null,
|
|
2493
2507
|
children,
|
|
2494
|
-
React__default["default"].createElement("button", { "data-name": "close-drawer", className: "".concat(styles$
|
|
2508
|
+
React__default["default"].createElement("button", { "data-name": "close-drawer", className: "".concat(styles$1s["".concat(classMUI, "-modal__close-btn")]), onClick: onClose, type: "button" },
|
|
2495
2509
|
React__default["default"].createElement("img", { src: Close, alt: "close icon" }))),
|
|
2496
|
-
React__default["default"].createElement("span", { className: "".concat(styles$
|
|
2510
|
+
React__default["default"].createElement("span", { className: "".concat(styles$1s["".concat(classMUI, "-background-modal")]), onClick: blockBackgroundClose ? function () { return null; } : onClose })));
|
|
2497
2511
|
};
|
|
2498
2512
|
var Title = function (_a) {
|
|
2499
2513
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
2500
|
-
return (React__default["default"].createElement("h2", __assign({ className: "".concat(styles$
|
|
2514
|
+
return (React__default["default"].createElement("h2", __assign({ className: "".concat(styles$1s["".concat(classMUI, "-modal__title")], " ").concat(className) }, props), children));
|
|
2501
2515
|
};
|
|
2502
2516
|
var Description = function (_a) {
|
|
2503
2517
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
2504
|
-
return (React__default["default"].createElement("p", __assign({ className: "".concat(styles$
|
|
2518
|
+
return (React__default["default"].createElement("p", __assign({ className: "".concat(styles$1s["".concat(classMUI, "-modal__description")], " ").concat(className) }, props), children));
|
|
2505
2519
|
};
|
|
2506
2520
|
var Modal$1 = Object.assign(Modal, { Title: Title, Description: Description });
|
|
2507
2521
|
|
|
2508
|
-
var styles$
|
|
2522
|
+
var styles$1r = {"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"};
|
|
2509
2523
|
|
|
2510
2524
|
var BtnPagination = function (_a) {
|
|
2511
2525
|
var loading = _a.loading, value = _a.value, current = _a.current, text = _a.text, icon = _a.icon, onClick = _a.onClick, dynamicPaginationUrl = _a.dynamicPaginationUrl;
|
|
2512
2526
|
var displayContent = React.useMemo(function () {
|
|
2513
2527
|
if (loading && value && current === value)
|
|
2514
|
-
return React__default["default"].createElement(IconItem, { icon: SpinnerWhite, className: styles$
|
|
2528
|
+
return React__default["default"].createElement(IconItem, { icon: SpinnerWhite, className: styles$1r['magneto-ui-btn-pagination_spinner'] });
|
|
2515
2529
|
return value;
|
|
2516
2530
|
}, [loading, current, value]);
|
|
2517
2531
|
var pageQueryParam = 'paginator[page]=';
|
|
2518
2532
|
var displayIcon = React.useMemo(function () { return (icon ? React__default["default"].createElement(IconItem, { icon: icon }) : React__default["default"].createElement(React.Fragment, null)); }, [icon]);
|
|
2519
2533
|
var title = React.useMemo(function () { return (text ? text : "".concat(value)); }, [text, value]);
|
|
2520
|
-
return (React__default["default"].createElement(React.Fragment, null, dynamicPaginationUrl ? (React__default["default"].createElement("a", { className: styles$
|
|
2521
|
-
React__default["default"].createElement("button", { className: "\n ".concat(loading && styles$
|
|
2534
|
+
return (React__default["default"].createElement(React.Fragment, null, dynamicPaginationUrl ? (React__default["default"].createElement("a", { className: styles$1r['magneto-ui-btn-pagination_anchor'], href: "".concat(dynamicPaginationUrl, "?").concat(pageQueryParam).concat(value), onClick: function (e) { return e.preventDefault(); } },
|
|
2535
|
+
React__default["default"].createElement("button", { className: "\n ".concat(loading && styles$1r['magneto-ui-btn-pagination_disabled'], " \n ").concat(value && current === value && styles$1r['magneto-ui-btn-pagination_active'], " \n ").concat(text && styles$1r['magneto-ui-btn-pagination_with__icon'], "\n ").concat(styles$1r['magneto-ui-btn-pagination_btn'], "\n "), title: title, disabled: loading, onClick: onClick },
|
|
2522
2536
|
displayContent,
|
|
2523
|
-
displayIcon))) : (React__default["default"].createElement("button", { className: "\n ".concat(loading && styles$
|
|
2537
|
+
displayIcon))) : (React__default["default"].createElement("button", { className: "\n ".concat(loading && styles$1r['magneto-ui-btn-pagination_disabled'], " \n ").concat(value && current === value && styles$1r['magneto-ui-btn-pagination_active'], " \n ").concat(text && styles$1r['magneto-ui-btn-pagination_with__icon'], "\n ").concat(styles$1r['magneto-ui-btn-pagination_btn'], "\n "), title: title, disabled: loading, onClick: onClick },
|
|
2524
2538
|
displayContent,
|
|
2525
2539
|
displayIcon))));
|
|
2526
2540
|
};
|
|
@@ -2571,7 +2585,7 @@ var createPagination = function (_a) {
|
|
|
2571
2585
|
};
|
|
2572
2586
|
};
|
|
2573
2587
|
|
|
2574
|
-
var styles$
|
|
2588
|
+
var styles$1q = {"magneto-ui-pagination":"mg_pagination_magneto-ui-pagination_n897h","magneto-ui-pagination_ellipsis":"mg_pagination_magneto-ui-pagination_ellipsis_n897h"};
|
|
2575
2589
|
|
|
2576
2590
|
var Pagination = function (_a) {
|
|
2577
2591
|
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;
|
|
@@ -2590,16 +2604,16 @@ var Pagination = function (_a) {
|
|
|
2590
2604
|
}, [total, current, pageSize, numberOfButtons]), buttons = _c.buttons, first = _c.first, last = _c.last;
|
|
2591
2605
|
if (total <= pageSize)
|
|
2592
2606
|
return React__default["default"].createElement(React.Fragment, null);
|
|
2593
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2607
|
+
return (React__default["default"].createElement("div", { className: styles$1q['magneto-ui-pagination'] },
|
|
2594
2608
|
first !== current && (React__default["default"].createElement(BtnPagination, { loading: loading, text: prevTitle, icon: ArrowLeft2, onClick: function () { return handleClick(current - 1); } })),
|
|
2595
2609
|
React__default["default"].createElement("ul", null,
|
|
2596
2610
|
!buttons.includes(first) && (React__default["default"].createElement("li", null,
|
|
2597
2611
|
React__default["default"].createElement(BtnPagination, { loading: loading, value: first, current: current, onClick: function () { return handleClick(first); }, dynamicPaginationUrl: dynamicUrl }),
|
|
2598
|
-
React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
2612
|
+
React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$1q['magneto-ui-pagination_ellipsis'] }))),
|
|
2599
2613
|
buttons.map(function (page, index) { return (React__default["default"].createElement("li", { key: "".concat(page, "-").concat(index) },
|
|
2600
2614
|
React__default["default"].createElement(BtnPagination, { loading: loading, value: page, current: current, onClick: function () { return handleClick(page); }, dynamicPaginationUrl: dynamicUrl }))); }),
|
|
2601
2615
|
!buttons.includes(last) && (React__default["default"].createElement("li", null,
|
|
2602
|
-
React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
2616
|
+
React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$1q['magneto-ui-pagination_ellipsis'] }),
|
|
2603
2617
|
React__default["default"].createElement(BtnPagination, { loading: loading, value: last, current: current, onClick: function () { return handleClick(last); }, dynamicPaginationUrl: dynamicUrl })))),
|
|
2604
2618
|
last !== current && (React__default["default"].createElement(BtnPagination, { loading: loading, text: nextTitle, icon: ArrowRight2, onClick: function () { return handleClick(current + 1); } }))));
|
|
2605
2619
|
};
|
|
@@ -2619,9 +2633,9 @@ var generateID = function () {
|
|
|
2619
2633
|
return uniqueID;
|
|
2620
2634
|
};
|
|
2621
2635
|
|
|
2622
|
-
var styles$
|
|
2636
|
+
var styles$1p = {"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"};
|
|
2623
2637
|
|
|
2624
|
-
var Component$
|
|
2638
|
+
var Component$1y = function (_a) {
|
|
2625
2639
|
var name = _a.name, onChange = _a.onChange, removeSkill = _a.removeSkill, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color, id = _a.id;
|
|
2626
2640
|
var _b = React.useState(scoreValue || 1), score = _b[0], setScore = _b[1];
|
|
2627
2641
|
var _c = React.useState(0), spanHover = _c[0], setSpanHover = _c[1];
|
|
@@ -2649,19 +2663,19 @@ var Component$1x = function (_a) {
|
|
|
2649
2663
|
}
|
|
2650
2664
|
return { backgroundColor: '#c4c4c4' };
|
|
2651
2665
|
}, [color, score, spanHover]);
|
|
2652
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2666
|
+
return (React__default["default"].createElement("div", { className: styles$1p['magneto-ui-score-level'] },
|
|
2653
2667
|
React__default["default"].createElement("p", null, name),
|
|
2654
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2668
|
+
React__default["default"].createElement("div", { className: styles$1p['magneto-ui-score-level__summary'] },
|
|
2655
2669
|
React__default["default"].createElement("div", null, levels.map(function (_, index) { return (React__default["default"].createElement("span", { onMouseOver: function () { return setSpanHover(index + 1); }, onMouseLeave: function () { return setSpanHover(0); }, style: setDinamycColor(index + 1), key: generateID(), onClick: function () { return handleScoreChange(index + 1); } })); })),
|
|
2656
2670
|
React__default["default"].createElement("p", null, labelScore)),
|
|
2657
|
-
React__default["default"].createElement("button", { className: styles$
|
|
2671
|
+
React__default["default"].createElement("button", { className: styles$1p['magneto-ui-score-level__delete-action'], onClick: function () { return removeSkill(name); }, type: "button" },
|
|
2658
2672
|
React__default["default"].createElement("img", { src: Trash, alt: "remove-skill-icon" }))));
|
|
2659
2673
|
};
|
|
2660
|
-
var ScoreLevel = Component$
|
|
2674
|
+
var ScoreLevel = Component$1y;
|
|
2661
2675
|
|
|
2662
|
-
var styles$
|
|
2676
|
+
var styles$1o = {"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"};
|
|
2663
2677
|
|
|
2664
|
-
var Component$
|
|
2678
|
+
var Component$1x = function (_a) {
|
|
2665
2679
|
var name = _a.name, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color;
|
|
2666
2680
|
var labelScore = React.useMemo(function () {
|
|
2667
2681
|
return levels[scoreValue - 1];
|
|
@@ -2676,17 +2690,17 @@ var Component$1w = function (_a) {
|
|
|
2676
2690
|
}
|
|
2677
2691
|
return { backgroundColor: '#c4c4c4' };
|
|
2678
2692
|
}, [color, scoreValue]);
|
|
2679
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2693
|
+
return (React__default["default"].createElement("div", { className: styles$1o['magneto-ui-score-level'] },
|
|
2680
2694
|
React__default["default"].createElement("p", null, name),
|
|
2681
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2695
|
+
React__default["default"].createElement("div", { className: styles$1o['magneto-ui-score-level__summary'] },
|
|
2682
2696
|
React__default["default"].createElement("div", null, levels.map(function (_, index) { return (React__default["default"].createElement("span", { style: setDinamycColor(index + 1), key: generateID() })); })),
|
|
2683
2697
|
React__default["default"].createElement("p", null, labelScore))));
|
|
2684
2698
|
};
|
|
2685
|
-
var ScoreLevelStatic = Component$
|
|
2699
|
+
var ScoreLevelStatic = Component$1x;
|
|
2686
2700
|
|
|
2687
|
-
var styles$
|
|
2701
|
+
var styles$1n = {"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"};
|
|
2688
2702
|
|
|
2689
|
-
var Component$
|
|
2703
|
+
var Component$1w = function (_a) {
|
|
2690
2704
|
var placeholder = _a.placeholder, onSearch = _a.onSearch, searchButtonProps = _a.searchButtonProps, removeButtonProps = _a.removeButtonProps, termValue = _a.termValue;
|
|
2691
2705
|
var _b = React.useState(''), searchValue = _b[0], setSearchValue = _b[1];
|
|
2692
2706
|
React.useEffect(function () {
|
|
@@ -2702,32 +2716,32 @@ var Component$1v = function (_a) {
|
|
|
2702
2716
|
setSearchValue('');
|
|
2703
2717
|
onSearch('');
|
|
2704
2718
|
};
|
|
2705
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2719
|
+
return (React__default["default"].createElement("div", { className: styles$1n.SearchbarComponent },
|
|
2706
2720
|
React__default["default"].createElement("form", { onSubmit: handleSubmit },
|
|
2707
2721
|
React__default["default"].createElement("input", { type: "text", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, placeholder: placeholder }),
|
|
2708
|
-
searchValue && React__default["default"].createElement("div", { className: styles$
|
|
2709
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2722
|
+
searchValue && React__default["default"].createElement("div", { className: styles$1n['SearchbarComponent__badge'] }),
|
|
2723
|
+
React__default["default"].createElement("div", { className: styles$1n['magneto-ui-searchbar-buttons'] },
|
|
2710
2724
|
searchValue && (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
2711
|
-
React__default["default"].createElement(MainButton, __assign({ className: styles$
|
|
2725
|
+
React__default["default"].createElement(MainButton, __assign({ className: styles$1n['magneto-ui-remove-button'], onClick: handleClearSearch }, removeButtonProps)),
|
|
2712
2726
|
React__default["default"].createElement("span", null, "|"))),
|
|
2713
2727
|
React__default["default"].createElement(MainButton, __assign({}, searchButtonProps))))));
|
|
2714
2728
|
};
|
|
2715
2729
|
/**
|
|
2716
2730
|
* UI Molecule of a searchbar
|
|
2717
2731
|
*/
|
|
2718
|
-
var Searchbar = Component$
|
|
2732
|
+
var Searchbar = Component$1w;
|
|
2719
2733
|
|
|
2720
|
-
var styles$
|
|
2734
|
+
var styles$1m = {"search-button":"mg_search_button_search-button_svn7v","search-button__badge":"mg_search_button_search-button_badge_svn7v"};
|
|
2721
2735
|
|
|
2722
|
-
var Component$
|
|
2736
|
+
var Component$1v = function (_a) {
|
|
2723
2737
|
var props = __rest(_a, []);
|
|
2724
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2725
|
-
props.searchValue && React__default["default"].createElement("div", { className: styles$
|
|
2738
|
+
return (React__default["default"].createElement("div", { className: styles$1m['search-button'] },
|
|
2739
|
+
props.searchValue && React__default["default"].createElement("div", { className: styles$1m['search-button__badge'] }),
|
|
2726
2740
|
React__default["default"].createElement(MainButton, __assign({ onClick: props.onClick }, props))));
|
|
2727
2741
|
};
|
|
2728
|
-
var SearchButton = Component$
|
|
2742
|
+
var SearchButton = Component$1v;
|
|
2729
2743
|
|
|
2730
|
-
var styles$
|
|
2744
|
+
var styles$1l = {"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"};
|
|
2731
2745
|
|
|
2732
2746
|
var SimilarJobsCard = function (_a) {
|
|
2733
2747
|
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;
|
|
@@ -2737,12 +2751,12 @@ var SimilarJobsCard = function (_a) {
|
|
|
2737
2751
|
var experienceFormat = experience ? " | ".concat(experience) : '';
|
|
2738
2752
|
return "".concat(citiesFormat).concat(salaryFormat).concat(experienceFormat);
|
|
2739
2753
|
}, [cities, salary, experience]);
|
|
2740
|
-
return (React__default["default"].createElement("a", { title: title, className: "".concat(styles$
|
|
2741
|
-
!hideLogo && (React__default["default"].createElement("img", { className: "".concat(styles$
|
|
2754
|
+
return (React__default["default"].createElement("a", { title: title, className: "".concat(styles$1l["".concat(classMUI, "-similar-jobs")]), href: jobUrlSlug },
|
|
2755
|
+
!hideLogo && (React__default["default"].createElement("img", { className: "".concat(styles$1l["".concat(classMUI, "-similar-jobs__img")]), src: companyLogo ? companyLogo : NoLogo, alt: "".concat(companyName ? companyName : 'company', "-logo").toLowerCase() })),
|
|
2742
2756
|
React__default["default"].createElement("div", null,
|
|
2743
|
-
React__default["default"].createElement("p", { className: "".concat(styles$
|
|
2744
|
-
React__default["default"].createElement("p", { className: "".concat(styles$
|
|
2745
|
-
React__default["default"].createElement(IconItem, { className: "".concat(styles$
|
|
2757
|
+
React__default["default"].createElement("p", { className: "".concat(styles$1l["".concat(classMUI, "-similar-jobs__title")]) }, title),
|
|
2758
|
+
React__default["default"].createElement("p", { className: "".concat(styles$1l["".concat(classMUI, "-similar-jobs__info")]) }, formatInfo)),
|
|
2759
|
+
React__default["default"].createElement(IconItem, { className: "".concat(styles$1l["".concat(classMUI, "-similar-jobs__arrow")]), icon: ArrowRight2, alt: "arow-right-icon" })));
|
|
2746
2760
|
};
|
|
2747
2761
|
|
|
2748
2762
|
var style$C = {"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"};
|
|
@@ -2764,7 +2778,7 @@ var SortMenu = function (_a) {
|
|
|
2764
2778
|
};
|
|
2765
2779
|
var SortMenu$1 = withClickOut(SortMenu);
|
|
2766
2780
|
|
|
2767
|
-
var styles$
|
|
2781
|
+
var styles$1k = {"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"};
|
|
2768
2782
|
|
|
2769
2783
|
var TextArea = function (_a) {
|
|
2770
2784
|
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"]);
|
|
@@ -2790,15 +2804,15 @@ var TextArea = function (_a) {
|
|
|
2790
2804
|
return;
|
|
2791
2805
|
setShowPlaceholder(scrollTop === 0);
|
|
2792
2806
|
}, [showPlaceholder]);
|
|
2793
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2794
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2807
|
+
return (React__default["default"].createElement("div", { className: styles$1k["".concat(classMUI, "-text-area")] },
|
|
2808
|
+
React__default["default"].createElement("div", { className: styles$1k["".concat(classMUI, "-text-area--container")] },
|
|
2795
2809
|
showPlaceholder && (React__default["default"].createElement("label", { htmlFor: name, style: {
|
|
2796
2810
|
top: haveValueOrFocus ? '5px' : '10px',
|
|
2797
2811
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
2798
|
-
}, className: styles$
|
|
2799
|
-
React__default["default"].createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$
|
|
2800
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2801
|
-
React__default["default"].createElement("span", { className: styles$
|
|
2812
|
+
}, className: styles$1k["".concat(classMUI, "-text-area--container__label")] }, placeholder)),
|
|
2813
|
+
React__default["default"].createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$1k["".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 }))),
|
|
2814
|
+
React__default["default"].createElement("div", { className: styles$1k["".concat(classMUI, "-text-area__footer")] },
|
|
2815
|
+
React__default["default"].createElement("span", { className: styles$1k["".concat(classMUI, "-text-area--container__error")] }, error),
|
|
2802
2816
|
hasCounter && React__default["default"].createElement(ComparativeCounter, { current: inputValue === null || inputValue === void 0 ? void 0 : inputValue.length, max: maxCounterValue }))));
|
|
2803
2817
|
};
|
|
2804
2818
|
|
|
@@ -2809,7 +2823,7 @@ var timelineIcons = {
|
|
|
2809
2823
|
current: Clock,
|
|
2810
2824
|
blocked: Lock
|
|
2811
2825
|
};
|
|
2812
|
-
var Component$
|
|
2826
|
+
var Component$1u = function (_a) {
|
|
2813
2827
|
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;
|
|
2814
2828
|
var iconByType = React.useMemo(function () { return timelineIcons[status]; }, [status]);
|
|
2815
2829
|
var titleStyle = style$B["".concat(classMUI, "-timeline-event__text--title-").concat(status)];
|
|
@@ -2822,11 +2836,11 @@ var Component$1t = function (_a) {
|
|
|
2822
2836
|
React__default["default"].createElement("p", { className: "".concat(style$B["".concat(classMUI, "-timeline-event__text--title")], " ").concat(titleStyle) }, title),
|
|
2823
2837
|
React__default["default"].createElement("p", { className: "".concat(style$B["".concat(classMUI, "-timeline-event__text--subtitle")], " ").concat(subtitleStyle) }, subtitle))));
|
|
2824
2838
|
};
|
|
2825
|
-
var TimelineEvent = Component$
|
|
2839
|
+
var TimelineEvent = Component$1u;
|
|
2826
2840
|
|
|
2827
|
-
var styles$
|
|
2841
|
+
var styles$1j = {"toggle-button-list":"mg_toggle_button_list_toggle-button-list_zejg7"};
|
|
2828
2842
|
|
|
2829
|
-
var Component$
|
|
2843
|
+
var Component$1t = function (_a) {
|
|
2830
2844
|
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;
|
|
2831
2845
|
var _d = React.useState(), valueSelected = _d[0], setValueSelected = _d[1];
|
|
2832
2846
|
React.useEffect(function () {
|
|
@@ -2849,29 +2863,29 @@ var Component$1s = function (_a) {
|
|
|
2849
2863
|
}
|
|
2850
2864
|
return false;
|
|
2851
2865
|
};
|
|
2852
|
-
return (React__default["default"].createElement("div", { className: "".concat(className, " ").concat(styles$
|
|
2866
|
+
return (React__default["default"].createElement("div", { className: "".concat(className, " ").concat(styles$1j['toggle-button-list']) }, list === null || list === void 0 ? void 0 : list.map(function (_a) {
|
|
2853
2867
|
var _b = _a.id, id = _b === void 0 ? '' : _b, _c = _a.name, name = _c === void 0 ? '' : _c, customIcon = _a.customIcon;
|
|
2854
2868
|
return (React__default["default"].createElement(ToggleButton, __assign({}, toggleButtonProps, { customIcon: customIcon, currentSelect: valueHasSelected(+id), key: id, id: id, name: name, onChange: onHandleChange })));
|
|
2855
2869
|
})));
|
|
2856
2870
|
};
|
|
2857
|
-
var ToggleButtonList = Component$
|
|
2871
|
+
var ToggleButtonList = Component$1t;
|
|
2858
2872
|
|
|
2859
|
-
var styles$
|
|
2873
|
+
var styles$1i = {"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"};
|
|
2860
2874
|
|
|
2861
2875
|
var Tooltip = function (_a) {
|
|
2862
2876
|
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;
|
|
2863
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2864
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2877
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$1i['tooltip-container'], " ").concat(styles$1i["tooltip-".concat(position)]) },
|
|
2878
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1i['tooltip'], " ").concat(styles$1i["tooltip-".concat(position)]) },
|
|
2865
2879
|
children,
|
|
2866
|
-
React__default["default"].createElement("span", { className: "".concat(styles$
|
|
2880
|
+
React__default["default"].createElement("span", { className: "".concat(styles$1i['tooltip-text'], " ").concat(styles$1i["tooltip-text-".concat(position)]), style: { width: width } }, title))));
|
|
2867
2881
|
};
|
|
2868
2882
|
|
|
2869
|
-
var Component$
|
|
2883
|
+
var Component$1s = function (_a) {
|
|
2870
2884
|
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;
|
|
2871
2885
|
return (React__default["default"].createElement(Popover, { widthBase: 40, show: clickOut, content: React__default["default"].createElement(ListMenuIcons, __assign({}, listMenuUserProps)), positionX: "left", positionY: "bottom" },
|
|
2872
2886
|
React__default["default"].createElement(Avatar, __assign({}, profileImage, { onClick: function () { return setClickOut(!clickOut); } }))));
|
|
2873
2887
|
};
|
|
2874
|
-
var UserMenu = withClickOut(Component$
|
|
2888
|
+
var UserMenu = withClickOut(Component$1s);
|
|
2875
2889
|
|
|
2876
2890
|
var userMenuAnalystIcons = {
|
|
2877
2891
|
helpImprove: MagicStarBlackOutline,
|
|
@@ -2885,11 +2899,11 @@ var userMenuAnalystIcons = {
|
|
|
2885
2899
|
rateUsHelp: Messages2BlackOutline
|
|
2886
2900
|
};
|
|
2887
2901
|
|
|
2888
|
-
var styles$
|
|
2902
|
+
var styles$1h = {"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"};
|
|
2889
2903
|
|
|
2890
|
-
var styles$
|
|
2904
|
+
var styles$1g = {"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"};
|
|
2891
2905
|
|
|
2892
|
-
var Component$
|
|
2906
|
+
var Component$1r = function (_a) {
|
|
2893
2907
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
2894
2908
|
var _b = option.rel, rel = _b === void 0 ? 'noreferrer' : _b, _c = option.target, target = _c === void 0 ? '_self' : _c;
|
|
2895
2909
|
var handleOnClick = React.useCallback(function () {
|
|
@@ -2903,12 +2917,12 @@ var Component$1q = function (_a) {
|
|
|
2903
2917
|
}
|
|
2904
2918
|
}, [handleModal, handleMenuOpen, option]);
|
|
2905
2919
|
return (React__default["default"].createElement("span", { className: CNM.get({
|
|
2906
|
-
styles: styles$
|
|
2920
|
+
styles: styles$1g,
|
|
2907
2921
|
cls: [getOptionTypeStyles(option.type), 'user-menu-analyst-option-default', className]
|
|
2908
2922
|
}) },
|
|
2909
2923
|
prefix,
|
|
2910
2924
|
React__default["default"].createElement(MenuIcon, { className: CNM.get({
|
|
2911
|
-
styles: styles$
|
|
2925
|
+
styles: styles$1g,
|
|
2912
2926
|
cls: ['user-menu-analyst-option-default__container']
|
|
2913
2927
|
}), 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 }),
|
|
2914
2928
|
suffix));
|
|
@@ -2916,31 +2930,31 @@ var Component$1q = function (_a) {
|
|
|
2916
2930
|
/**
|
|
2917
2931
|
* Molecule UI great-grand child component of menu dropdown
|
|
2918
2932
|
*/
|
|
2919
|
-
var UserMenuAnalystOptionDefault = React__default["default"].memo(Component$
|
|
2933
|
+
var UserMenuAnalystOptionDefault = React__default["default"].memo(Component$1r);
|
|
2920
2934
|
|
|
2921
|
-
var styles$
|
|
2935
|
+
var styles$1f = {"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"};
|
|
2922
2936
|
|
|
2923
|
-
var Component$
|
|
2937
|
+
var Component$1q = function (_a) {
|
|
2924
2938
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
2925
2939
|
return (React__default["default"].createElement("span", { className: CNM.get({
|
|
2926
|
-
styles: styles$
|
|
2940
|
+
styles: styles$1f,
|
|
2927
2941
|
cls: [className, 'user-menu-analyst-option-hover']
|
|
2928
2942
|
}) },
|
|
2929
2943
|
prefix,
|
|
2930
|
-
React__default["default"].createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$
|
|
2944
|
+
React__default["default"].createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$1f, cls: ['user-menu-analyst-option-hover__default'] }), handleMenuOpen: handleMenuOpen, handleModal: handleModal, option: option, url: url }),
|
|
2931
2945
|
suffix));
|
|
2932
2946
|
};
|
|
2933
2947
|
/**
|
|
2934
2948
|
* Molecule UI great-grand child component of menu dropdown
|
|
2935
2949
|
*/
|
|
2936
|
-
var UserMenuAnalystOptionHover = React__default["default"].memo(Component$
|
|
2950
|
+
var UserMenuAnalystOptionHover = React__default["default"].memo(Component$1q);
|
|
2937
2951
|
|
|
2938
|
-
var styles$
|
|
2952
|
+
var styles$1e = {"magneto-ui-user-menu-analyst-option-text":"mg_user_menu_analyst_option_text_magneto-ui-user-menu-analyst-option-text_30oi7"};
|
|
2939
2953
|
|
|
2940
|
-
var Component$
|
|
2954
|
+
var Component$1p = function (_a) {
|
|
2941
2955
|
var option = _a.option, className = _a.className;
|
|
2942
2956
|
return (React__default["default"].createElement("span", { className: CNM.get({
|
|
2943
|
-
styles: styles$
|
|
2957
|
+
styles: styles$1e,
|
|
2944
2958
|
cls: [className, 'user-menu-analyst-option-text']
|
|
2945
2959
|
}) },
|
|
2946
2960
|
React__default["default"].createElement("p", null, option.title)));
|
|
@@ -2948,9 +2962,9 @@ var Component$1o = function (_a) {
|
|
|
2948
2962
|
/**
|
|
2949
2963
|
* Molecule UI great-grand child component of menu dropdown
|
|
2950
2964
|
*/
|
|
2951
|
-
var UserMenuAnalystOptionText = React__default["default"].memo(Component$
|
|
2965
|
+
var UserMenuAnalystOptionText = React__default["default"].memo(Component$1p);
|
|
2952
2966
|
|
|
2953
|
-
var Component$
|
|
2967
|
+
var Component$1o = function (_a) {
|
|
2954
2968
|
var actions = _a.actions, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, getUrl = _a.getUrl, option = _a.option;
|
|
2955
2969
|
return (React__default["default"].createElement(React__default["default"].Fragment, null, actions.map(function (action, index) { return (React__default["default"].createElement(Tooltip, { key: "".concat(action.title, "-").concat(index), title: action.title || '', position: "bottom", width: "fit-content" },
|
|
2956
2970
|
React__default["default"].createElement(Action, { action: action, getUrl: getUrl, option: option, handleModal: handleModal, handleMenuOpen: handleMenuOpen },
|
|
@@ -2970,7 +2984,7 @@ var Action = function (_a) {
|
|
|
2970
2984
|
/**
|
|
2971
2985
|
* Molecule UI great-grand child component of menu dropdown
|
|
2972
2986
|
*/
|
|
2973
|
-
var UserMenuAnalystOptionActions = React__default["default"].memo(Component$
|
|
2987
|
+
var UserMenuAnalystOptionActions = React__default["default"].memo(Component$1o);
|
|
2974
2988
|
|
|
2975
2989
|
var EUserMenuAnalystOptionType;
|
|
2976
2990
|
(function (EUserMenuAnalystOptionType) {
|
|
@@ -2996,28 +3010,28 @@ var optionTypes = (_b = {},
|
|
|
2996
3010
|
_b);
|
|
2997
3011
|
var getOptionType = function (type) { return (type ? optionTypes[type] : UserMenuAnalystOptionDefault); };
|
|
2998
3012
|
|
|
2999
|
-
var styles$
|
|
3013
|
+
var styles$1d = {"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"};
|
|
3000
3014
|
|
|
3001
|
-
var Component$
|
|
3015
|
+
var Component$1n = function (_a) {
|
|
3002
3016
|
var subTitle = _a.subTitle, title = _a.title;
|
|
3003
3017
|
var separatorIndex = subTitle === null || subTitle === void 0 ? void 0 : subTitle.indexOf(':');
|
|
3004
3018
|
return (React__default["default"].createElement("div", null,
|
|
3005
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
3019
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1d, cls: ['user-menu-analyst-title__title'] }) }, title),
|
|
3006
3020
|
subTitle && separatorIndex && (React__default["default"].createElement("div", null,
|
|
3007
3021
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
3008
|
-
styles: styles$
|
|
3022
|
+
styles: styles$1d,
|
|
3009
3023
|
cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--first']
|
|
3010
3024
|
}) }, subTitle.slice(0, separatorIndex + 1).trim() + ' '),
|
|
3011
3025
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
3012
|
-
styles: styles$
|
|
3026
|
+
styles: styles$1d,
|
|
3013
3027
|
cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--last']
|
|
3014
3028
|
}) }, subTitle.slice(separatorIndex + 1).trim())))));
|
|
3015
3029
|
};
|
|
3016
|
-
var UserMenuAnalystTitle = Component$
|
|
3030
|
+
var UserMenuAnalystTitle = Component$1n;
|
|
3017
3031
|
|
|
3018
|
-
var styles$
|
|
3032
|
+
var styles$1c = {"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"};
|
|
3019
3033
|
|
|
3020
|
-
var Component$
|
|
3034
|
+
var Component$1m = function (_a) {
|
|
3021
3035
|
var _b;
|
|
3022
3036
|
var classNames = _a.classNames, option = _a.option, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, isOpen = _a.isOpen, _c = _a.queryString, queryString = _c === void 0 ? {} : _c;
|
|
3023
3037
|
var _d = React.useState(false), isOpenDropdown = _d[0], setIsOpenDropdown = _d[1];
|
|
@@ -3043,13 +3057,13 @@ var Component$1l = function (_a) {
|
|
|
3043
3057
|
var OptionType = getOptionType(option.type);
|
|
3044
3058
|
if (!OptionType)
|
|
3045
3059
|
return null;
|
|
3046
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3047
|
-
React__default["default"].createElement(OptionType, { className: CNM.get({ styles: styles$
|
|
3060
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1c, cls: ['user-menu-analyst-option__object'] }) },
|
|
3061
|
+
React__default["default"].createElement(OptionType, { className: CNM.get({ styles: styles$1c, cls: [classNames === null || classNames === void 0 ? void 0 : classNames.link] }), option: option, url: url(option), handleModal: handleModal, handleMenuOpen: handleMenuOpen, prefix: React__default["default"].createElement(UserMenuAnalystOptionActions, { actions: option.prefix || [], getUrl: url, handleModal: handleModal, handleMenuOpen: handleMenuOpen, option: option }), suffix: React__default["default"].createElement(UserMenuAnalystOptionActions, { actions: option.suffix || [], getUrl: url, handleModal: handleModal, handleMenuOpen: handleMenuOpen, option: option }) })));
|
|
3048
3062
|
}
|
|
3049
|
-
return (React__default["default"].createElement(MenuDropdown, { title: React__default["default"].createElement(UserMenuAnalystTitle, { title: option.title || '', subTitle: option.subTitle }), opened: isOpenDropdown, onClick: function () { return setIsOpenDropdown(!isOpenDropdown); }, listClassName: CNM.get({ styles: styles$
|
|
3063
|
+
return (React__default["default"].createElement(MenuDropdown, { title: React__default["default"].createElement(UserMenuAnalystTitle, { title: option.title || '', subTitle: option.subTitle }), opened: isOpenDropdown, onClick: function () { return setIsOpenDropdown(!isOpenDropdown); }, listClassName: CNM.get({ styles: styles$1c, cls: ['user-menu-analyst-option__dropdown-list'] }), suffixIcon: { icon: ArrowLeft2, className: CNM.get({ styles: styles$1c, cls: ['user-menu-analyst-option__arrow'] }) }, prefixIcon: {
|
|
3050
3064
|
icon: option.icon && userMenuAnalystIcons[option.icon] ? userMenuAnalystIcons[option.icon] : option.icon
|
|
3051
3065
|
}, className: CNM.get({
|
|
3052
|
-
styles: styles$
|
|
3066
|
+
styles: styles$1c,
|
|
3053
3067
|
cls: [
|
|
3054
3068
|
'user-menu-analyst-option__dropdown',
|
|
3055
3069
|
isOpenDropdown && 'user-menu-analyst-option__dropdown--open',
|
|
@@ -3058,8 +3072,8 @@ var Component$1l = function (_a) {
|
|
|
3058
3072
|
}) }, (_b = option.data) === null || _b === void 0 ? void 0 : _b.map(function (item, i) {
|
|
3059
3073
|
var _a;
|
|
3060
3074
|
return (React__default["default"].createElement(React__default["default"].Fragment, { key: "option-".concat(item.title, "-").concat(i) },
|
|
3061
|
-
item.title && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
3062
|
-
_a.map(function (child, j) { return (React__default["default"].createElement(Component$
|
|
3075
|
+
item.title && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1c, 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 :
|
|
3076
|
+
_a.map(function (child, j) { return (React__default["default"].createElement(Component$1m, { key: "option-".concat(child.title, "-").concat(j), classNames: {
|
|
3063
3077
|
link: (classNames === null || classNames === void 0 ? void 0 : classNames.link) || '',
|
|
3064
3078
|
dropdown: (classNames === null || classNames === void 0 ? void 0 : classNames.dropdown) || ''
|
|
3065
3079
|
}, option: child, queryString: queryString, handleModal: handleModal, handleMenuOpen: handleMenuOpen })); })));
|
|
@@ -3068,27 +3082,27 @@ var Component$1l = function (_a) {
|
|
|
3068
3082
|
/**
|
|
3069
3083
|
* Molecule UI grand child component of menu dropdown
|
|
3070
3084
|
*/
|
|
3071
|
-
var UserMenuAnalystOption = Component$
|
|
3085
|
+
var UserMenuAnalystOption = Component$1m;
|
|
3072
3086
|
|
|
3073
|
-
var Component$
|
|
3087
|
+
var Component$1l = function (_a) {
|
|
3074
3088
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, isMenuOpen = _a.isMenuOpen, optionClassNames = _a.optionClassNames, options = _a.options, queryString = _a.queryString;
|
|
3075
3089
|
var isLastSection = React.useMemo(function () { return (options === null || options === void 0 ? void 0 : options.length) === 1; }, [options]);
|
|
3076
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3090
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1h, cls: ['user-menu-analyst-options', className] }) }, options === null || options === void 0 ? void 0 : options.map(function (option, i) {
|
|
3077
3091
|
var _a;
|
|
3078
3092
|
return (React__default["default"].createElement(React__default["default"].Fragment, { key: "user-menu-analyst-section-".concat(i) }, (_a = option.children) === null || _a === void 0 ? void 0 :
|
|
3079
3093
|
_a.map(function (item, j) { return (React__default["default"].createElement(UserMenuAnalystOption, { key: "user-menu-analyst-option-".concat(j), isOpen: isMenuOpen, option: item, classNames: optionClassNames, queryString: queryString, handleModal: handleModal, handleMenuOpen: handleMenuOpen })); }),
|
|
3080
|
-
!isLastSection && i < options.length - 1 && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3094
|
+
!isLastSection && i < options.length - 1 && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1h, cls: ['user-menu-analyst-options__divider'] }) },
|
|
3081
3095
|
React__default["default"].createElement(Divider, null)))));
|
|
3082
3096
|
})));
|
|
3083
3097
|
};
|
|
3084
3098
|
/**
|
|
3085
3099
|
* Molecule UI child component of user menu analyst
|
|
3086
3100
|
*/
|
|
3087
|
-
var UserMenuAnalystOptions = Component$
|
|
3101
|
+
var UserMenuAnalystOptions = Component$1l;
|
|
3088
3102
|
|
|
3089
|
-
var styles$
|
|
3103
|
+
var styles$1b = {"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"};
|
|
3090
3104
|
|
|
3091
|
-
var Component$
|
|
3105
|
+
var Component$1k = function (_a) {
|
|
3092
3106
|
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;
|
|
3093
3107
|
var avatar = React.useMemo(function () { return user.avatar || UserRoundedGray; }, [user]);
|
|
3094
3108
|
var actionUrl = React.useMemo(function () {
|
|
@@ -3106,58 +3120,58 @@ var Component$1j = function (_a) {
|
|
|
3106
3120
|
: action.data;
|
|
3107
3121
|
}
|
|
3108
3122
|
}, [action, queryString]);
|
|
3109
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3110
|
-
React__default["default"].createElement("header", { className: CNM.get({ styles: styles$
|
|
3111
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3123
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1b, cls: ['user-menu-analyst'] }) },
|
|
3124
|
+
React__default["default"].createElement("header", { className: CNM.get({ styles: styles$1b, cls: ['user-menu-analyst__header'] }) },
|
|
3125
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1b, cls: ['user-menu-analyst__user'] }) },
|
|
3112
3126
|
React__default["default"].createElement(Avatar, { userImage: avatar, fallbackImage: UserRoundedGray }),
|
|
3113
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3114
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
3115
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
3116
|
-
action ? (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
3127
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1b, cls: ['user-menu-analyst__user-info'] }) },
|
|
3128
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1b, cls: ['user-menu-analyst__user-info--name'] }) }, user.name),
|
|
3129
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1b, cls: ['user-menu-analyst__user-info--mail'] }) }, user.email),
|
|
3130
|
+
action ? (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1b, cls: ['user-menu-analyst__user-info--action'] }) },
|
|
3117
3131
|
React__default["default"].createElement(IconItem, { showDefaultFallback: false, size: 14, icon: action.icon && userMenuAnalystIcons[action.icon] ? userMenuAnalystIcons[action.icon] : action.icon }),
|
|
3118
|
-
typeof action.data === 'string' ? (React__default["default"].createElement(Link, { text: action.title, href: actionUrl, rel: action.rel, target: action.target })) : (React__default["default"].createElement("button", { onClick: action.data }, action.title)))) : (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
3132
|
+
typeof action.data === 'string' ? (React__default["default"].createElement(Link, { text: action.title, href: actionUrl, rel: action.rel, target: action.target })) : (React__default["default"].createElement("button", { onClick: action.data }, action.title)))) : (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1b, cls: ['user-menu-analyst__user-info--title'] }) }, user.title)))),
|
|
3119
3133
|
headerSections && (React__default["default"].createElement(UserMenuAnalystOptions, { options: headerSections || [], queryString: queryString, isMenuOpen: isMenuOpen, handleModal: handleModal, handleMenuOpen: handleMenuOpen, className: CNM.get({
|
|
3120
|
-
styles: styles$
|
|
3134
|
+
styles: styles$1b,
|
|
3121
3135
|
cls: ['user-menu-analyst__company', (headerSections === null || headerSections === void 0 ? void 0 : headerSections.length) === 0 && 'user-menu-analyst__company--empty']
|
|
3122
3136
|
}), optionClassNames: {
|
|
3123
|
-
link: CNM.get({ styles: styles$
|
|
3124
|
-
dropdown: CNM.get({ styles: styles$
|
|
3137
|
+
link: CNM.get({ styles: styles$1b, cls: ['user-menu-analyst__company-link'] }),
|
|
3138
|
+
dropdown: CNM.get({ styles: styles$1b, cls: ['user-menu-analyst__company-dropdown'] })
|
|
3125
3139
|
} }))),
|
|
3126
3140
|
footerSections && (footerSections === null || footerSections === void 0 ? void 0 : footerSections.length) > 0 && (React__default["default"].createElement(UserMenuAnalystOptions, { handleModal: handleModal, handleMenuOpen: handleMenuOpen, options: footerSections || [], queryString: queryString }))));
|
|
3127
3141
|
};
|
|
3128
3142
|
/**
|
|
3129
3143
|
* Molecule UI component for user menu
|
|
3130
3144
|
*/
|
|
3131
|
-
var UserMenuAnalyst = Component$
|
|
3145
|
+
var UserMenuAnalyst = Component$1k;
|
|
3132
3146
|
|
|
3133
|
-
var styles$
|
|
3147
|
+
var styles$1a = {"magneto-ui-user-menu-wrapper-analyst-dropdown":"mg_user_menu_wrapper_analyst_dropdown_magneto-ui-user-menu-wrapper-analyst-dropdown_1rwtz"};
|
|
3134
3148
|
|
|
3135
|
-
var Component$
|
|
3149
|
+
var Component$1j = function (_a) {
|
|
3136
3150
|
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;
|
|
3137
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3151
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1a, cls: ['user-menu-wrapper-analyst-dropdown'] }) },
|
|
3138
3152
|
React__default["default"].createElement(Popover, { widthBase: 'auto', show: clickOut, content: React__default["default"].createElement(UserMenuAnalyst, { isMenuOpen: clickOut, user: user, action: action, handleModal: handleModal, handleMenuOpen: setClickOut, headerSections: headerSections, footerSections: footerSections }), positionX: "left", positionY: "bottom" },
|
|
3139
3153
|
React__default["default"].createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(!clickOut); } }))));
|
|
3140
3154
|
};
|
|
3141
3155
|
/**
|
|
3142
3156
|
* Molecule UI child component of user menu analyst wrapper
|
|
3143
3157
|
*/
|
|
3144
|
-
var UserMenuWrapperAnalystDropdown = withClickOut(Component$
|
|
3158
|
+
var UserMenuWrapperAnalystDropdown = withClickOut(Component$1j);
|
|
3145
3159
|
|
|
3146
|
-
var styles$
|
|
3160
|
+
var styles$19 = {"magneto-ui-user-menu-wrapper-analyst-modal":"mg_user_menu_wrapper_analyst_modal_magneto-ui-user-menu-wrapper-analyst-modal_b9ktw"};
|
|
3147
3161
|
|
|
3148
|
-
var Component$
|
|
3162
|
+
var Component$1i = function (_a) {
|
|
3149
3163
|
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;
|
|
3150
3164
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
3151
|
-
React__default["default"].createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$
|
|
3165
|
+
React__default["default"].createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$19, cls: ['user-menu-wrapper-analyst-modal'] }) },
|
|
3152
3166
|
React__default["default"].createElement(UserMenuAnalyst, { isMenuOpen: clickOut, user: user, action: action, handleModal: handleModal, handleMenuOpen: setClickOut, headerSections: headerSections, footerSections: footerSections })),
|
|
3153
3167
|
React__default["default"].createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(true); } })));
|
|
3154
3168
|
};
|
|
3155
3169
|
/**
|
|
3156
3170
|
* Molecule UI child component of user menu analyst wrapper
|
|
3157
3171
|
*/
|
|
3158
|
-
var UserMenuWrapperAnalystModal = Component$
|
|
3172
|
+
var UserMenuWrapperAnalystModal = Component$1i;
|
|
3159
3173
|
|
|
3160
|
-
var Component$
|
|
3174
|
+
var Component$1h = function (_a) {
|
|
3161
3175
|
var props = __rest(_a, []);
|
|
3162
3176
|
var _b = React.useState(false), visible = _b[0], setVisible = _b[1];
|
|
3163
3177
|
React.useEffect(function () {
|
|
@@ -3179,19 +3193,35 @@ var Component$1g = function (_a) {
|
|
|
3179
3193
|
/**
|
|
3180
3194
|
* Molecule UI component for user menu wrapper analyst
|
|
3181
3195
|
*/
|
|
3182
|
-
var UserMenuWrapperAnalyst = Component$
|
|
3196
|
+
var UserMenuWrapperAnalyst = Component$1h;
|
|
3197
|
+
|
|
3198
|
+
var styles$18 = {"fraud-card-job":"mg_fraud_card_job_fraud-card-job_i29nu","fraud-card-job__header":"mg_fraud_card_job_fraud-card-job_header_i29nu","fraud-card-job__text":"mg_fraud_card_job_fraud-card-job_text_i29nu","fraud-card-job__link":"mg_fraud_card_job_fraud-card-job_link_i29nu"};
|
|
3199
|
+
|
|
3200
|
+
var Component$1g = function (_a) {
|
|
3201
|
+
var fraudLink = _a.fraudLink;
|
|
3202
|
+
return (React__default["default"].createElement("div", { className: styles$18['fraud-card-job'] },
|
|
3203
|
+
React__default["default"].createElement("div", { className: styles$18['fraud-card-job__header'] },
|
|
3204
|
+
React__default["default"].createElement("img", { src: Warning3D, alt: "warning" }),
|
|
3205
|
+
React__default["default"].createElement("h4", null, "\u00A1Ten cuidado con el fraude!")),
|
|
3206
|
+
React__default["default"].createElement("div", null,
|
|
3207
|
+
React__default["default"].createElement("p", { className: styles$18['fraud-card-job__text'] }, "Magneto y sus empresas aliadas nunca te pedir\u00E1n dinero a cambio en un proceso de selecci\u00F3n. Ten cuidado, revisa bien la vacante y si ves algo sospechoso rep\u00F3rtalo."),
|
|
3208
|
+
React__default["default"].createElement("a", { className: styles$18['fraud-card-job__link'], href: fraudLink },
|
|
3209
|
+
React__default["default"].createElement("img", { src: WarningHex, alt: "warning" }),
|
|
3210
|
+
"Reportar fraude"))));
|
|
3211
|
+
};
|
|
3212
|
+
var FraudCardJob = Component$1g;
|
|
3183
3213
|
|
|
3184
3214
|
var Component$1f = function (_a) {
|
|
3185
3215
|
var handleClose = _a.handleClose, isOpen = _a.isOpen, name = _a.name, data = _a.data, screens = _a.screens, step = _a.step, setStep = _a.setStep;
|
|
3186
3216
|
var component = React.useMemo(function () {
|
|
3187
3217
|
var _a, _b, _c;
|
|
3188
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3218
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$25, cls: ['modal-analyst-container'] }) },
|
|
3189
3219
|
React__default["default"].createElement(ModalAnalystHeader, { header: (_a = screens[step]) === null || _a === void 0 ? void 0 : _a.header }),
|
|
3190
3220
|
React__default["default"].createElement(ModalAnalystContent, { content: (_b = screens[step]) === null || _b === void 0 ? void 0 : _b.content }),
|
|
3191
3221
|
React__default["default"].createElement(ModalAnalystFooter, { footer: (_c = screens[step]) === null || _c === void 0 ? void 0 : _c.footer, name: name, data: data, setStep: setStep, handleClose: handleClose })));
|
|
3192
3222
|
}, [handleClose, name, data, screens, step, setStep]);
|
|
3193
|
-
var container = useMediaQuery(React__default["default"].createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
3194
|
-
sm: (React__default["default"].createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
3223
|
+
var container = useMediaQuery(React__default["default"].createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$25, cls: ['modal-analyst-container--desktop'] }) }, component), {
|
|
3224
|
+
sm: (React__default["default"].createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$25, cls: ['modal-analyst-container--mobile'] }) }, component))
|
|
3195
3225
|
});
|
|
3196
3226
|
return container;
|
|
3197
3227
|
};
|
|
@@ -4398,14 +4428,16 @@ var Component$15 = function (_a) {
|
|
|
4398
4428
|
*/
|
|
4399
4429
|
var Divider = Component$15;
|
|
4400
4430
|
|
|
4401
|
-
var styles$$ = {"headerTabComponent":"
|
|
4431
|
+
var styles$$ = {"headerTabComponent":"mg_header_tab_headerTabComponent_1mp3q","headerTabComponent__count":"mg_header_tab_headerTabComponent_count_1mp3q","headerTabComponent__text":"mg_header_tab_headerTabComponent_text_1mp3q"};
|
|
4402
4432
|
|
|
4403
4433
|
var Component$14 = function (_a) {
|
|
4404
|
-
var tabType = _a.tabType, tabText = _a.tabText, url = _a.url, isActive = _a.isActive;
|
|
4434
|
+
var tabType = _a.tabType, tabText = _a.tabText, url = _a.url, isActive = _a.isActive, _b = _a.count, count = _b === void 0 ? 0 : _b;
|
|
4405
4435
|
var TabLink = tabType === 'tabOption' ? url : '';
|
|
4406
4436
|
return (React__default["default"].createElement(React__default["default"].Fragment, null, tabType === 'tabTitle' ? (React__default["default"].createElement("div", { className: styles$$.headerTabComponent, "data-tab-type": "tabTitle" },
|
|
4407
|
-
|
|
4408
|
-
React__default["default"].createElement("p",
|
|
4437
|
+
count > 0 && React__default["default"].createElement(Badge, { number: count, className: styles$$['headerTabComponent__count'] }),
|
|
4438
|
+
React__default["default"].createElement("p", { className: styles$$['headerTabComponent__text'] }, tabText))) : (React__default["default"].createElement("a", { className: styles$$.headerTabComponent, href: TabLink, "data-tab-type": "tabOption", "data-is-active": isActive },
|
|
4439
|
+
count > 0 && React__default["default"].createElement(Badge, { number: count, className: styles$$['headerTabComponent__count'] }),
|
|
4440
|
+
React__default["default"].createElement("p", { className: styles$$['headerTabComponent__text'] }, tabText)))));
|
|
4409
4441
|
};
|
|
4410
4442
|
/**
|
|
4411
4443
|
* UI Atom component for HeaderTab
|
|
@@ -5189,7 +5221,7 @@ var SimilarJobs = function (_a) {
|
|
|
5189
5221
|
};
|
|
5190
5222
|
|
|
5191
5223
|
var Component$H = function (_a) {
|
|
5192
|
-
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobActionsProps = _a.jobActionsProps, jobDetailsProps = _a.jobDetailsProps, jobDetailCardProps = _a.jobDetailCardProps, jobSkillsCardProps = _a.jobSkillsCardProps, jobApplyCardProps = _a.jobApplyCardProps, jobFooterCardProps = _a.jobFooterCardProps, jobDetailAction = _a.jobDetailAction, modalPendingInfoComponent = _a.modalPendingInfoComponent, isLoading = _a.isLoading, selectedJobId = _a.selectedJobId, similarJobsProps = _a.similarJobsProps, jobVideo = _a.jobVideo, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo, cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
|
|
5224
|
+
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobActionsProps = _a.jobActionsProps, jobDetailsProps = _a.jobDetailsProps, jobDetailCardProps = _a.jobDetailCardProps, jobSkillsCardProps = _a.jobSkillsCardProps, jobApplyCardProps = _a.jobApplyCardProps, jobFooterCardProps = _a.jobFooterCardProps, jobDetailAction = _a.jobDetailAction, modalPendingInfoComponent = _a.modalPendingInfoComponent, isLoading = _a.isLoading, selectedJobId = _a.selectedJobId, similarJobsProps = _a.similarJobsProps, jobVideo = _a.jobVideo, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo, cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote, fraudLink = _a.fraudLink;
|
|
5193
5225
|
var jobDetailsRef = React.useRef(null);
|
|
5194
5226
|
React.useEffect(function () {
|
|
5195
5227
|
if (jobDetailsRef.current) {
|
|
@@ -5208,6 +5240,7 @@ var Component$H = function (_a) {
|
|
|
5208
5240
|
jobVideo && React__default["default"].createElement(JobVideo, __assign({}, jobVideo, { loadVideo: loadVideo, setLoadVideo: setLoadVideo })),
|
|
5209
5241
|
React__default["default"].createElement(JobDetailCard, __assign({}, jobDetailCardProps)),
|
|
5210
5242
|
React__default["default"].createElement(JobSkillsCard, __assign({}, jobSkillsCardProps)),
|
|
5243
|
+
React__default["default"].createElement(FraudCardJob, { fraudLink: fraudLink }),
|
|
5211
5244
|
React__default["default"].createElement(JobApplyCard, __assign({}, jobApplyCardProps)),
|
|
5212
5245
|
React__default["default"].createElement(JobFooterCard, __assign({ iconList: iconFooterList }, jobFooterCardProps)),
|
|
5213
5246
|
similarJobsProps ? React__default["default"].createElement(SimilarJobs, __assign({}, similarJobsProps)) : null))),
|
|
@@ -5745,7 +5778,7 @@ var Swipe = function (_a) {
|
|
|
5745
5778
|
};
|
|
5746
5779
|
|
|
5747
5780
|
var Component$y = function (_a) {
|
|
5748
|
-
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobDetailsHeaderText = _a.jobDetailsHeaderText, jobDetailsProps = _a.jobDetailsProps, jobDetailCardProps = _a.jobDetailCardProps, jobSkillsCardProps = _a.jobSkillsCardProps, jobApplyCardProps = _a.jobApplyCardProps, jobFooterCardProps = _a.jobFooterCardProps, mobileJobDetailsBarProps = _a.mobileJobDetailsBarProps, jobDetailAction = _a.jobDetailAction, modalPendingInfoComponent = _a.modalPendingInfoComponent, _b = _a.isOpen, isOpen = _b === void 0 ? true : _b, isLoading = _a.isLoading, onClose = _a.onClose, similarJobsProps = _a.similarJobsProps, jobVideo = _a.jobVideo, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo, swipeProps = _a.swipeProps, cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
|
|
5781
|
+
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobDetailsHeaderText = _a.jobDetailsHeaderText, jobDetailsProps = _a.jobDetailsProps, jobDetailCardProps = _a.jobDetailCardProps, jobSkillsCardProps = _a.jobSkillsCardProps, jobApplyCardProps = _a.jobApplyCardProps, jobFooterCardProps = _a.jobFooterCardProps, mobileJobDetailsBarProps = _a.mobileJobDetailsBarProps, jobDetailAction = _a.jobDetailAction, modalPendingInfoComponent = _a.modalPendingInfoComponent, _b = _a.isOpen, isOpen = _b === void 0 ? true : _b, isLoading = _a.isLoading, onClose = _a.onClose, similarJobsProps = _a.similarJobsProps, jobVideo = _a.jobVideo, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo, swipeProps = _a.swipeProps, cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote, fraudLink = _a.fraudLink;
|
|
5749
5782
|
var handleClose = React.useCallback(function () {
|
|
5750
5783
|
if (onClose) {
|
|
5751
5784
|
onClose();
|
|
@@ -5759,27 +5792,29 @@ var Component$y = function (_a) {
|
|
|
5759
5792
|
jobVideo && React__default["default"].createElement(JobVideo, __assign({}, jobVideo, { loadVideo: loadVideo, setLoadVideo: setLoadVideo })),
|
|
5760
5793
|
React__default["default"].createElement(JobDetailCard, __assign({}, jobDetailCardProps)),
|
|
5761
5794
|
jobSkillsCardProps && React__default["default"].createElement(JobSkillsCard, __assign({}, jobSkillsCardProps)),
|
|
5795
|
+
React__default["default"].createElement(FraudCardJob, { fraudLink: fraudLink }),
|
|
5762
5796
|
React__default["default"].createElement(JobApplyCard, __assign({}, jobApplyCardProps)),
|
|
5763
5797
|
React__default["default"].createElement(JobFooterCard, __assign({ iconList: iconFooterList }, jobFooterCardProps)),
|
|
5764
5798
|
similarJobsProps ? React__default["default"].createElement(SimilarJobs, __assign({}, similarJobsProps)) : null));
|
|
5765
5799
|
}, [
|
|
5766
|
-
handleClose,
|
|
5767
|
-
isLoading,
|
|
5768
|
-
jobApplyCardProps,
|
|
5769
|
-
jobCompanyLogoProps,
|
|
5770
5800
|
jobDetailAction,
|
|
5771
|
-
|
|
5801
|
+
isLoading,
|
|
5772
5802
|
jobDetailsHeaderText,
|
|
5803
|
+
handleClose,
|
|
5804
|
+
jobCompanyLogoProps,
|
|
5773
5805
|
jobDetailsProps,
|
|
5774
|
-
|
|
5775
|
-
|
|
5776
|
-
|
|
5806
|
+
cities,
|
|
5807
|
+
isRemote,
|
|
5808
|
+
textRemote,
|
|
5777
5809
|
jobVideo,
|
|
5778
5810
|
loadVideo,
|
|
5779
5811
|
setLoadVideo,
|
|
5780
|
-
|
|
5781
|
-
|
|
5782
|
-
|
|
5812
|
+
jobDetailCardProps,
|
|
5813
|
+
jobSkillsCardProps,
|
|
5814
|
+
fraudLink,
|
|
5815
|
+
jobApplyCardProps,
|
|
5816
|
+
jobFooterCardProps,
|
|
5817
|
+
similarJobsProps
|
|
5783
5818
|
]);
|
|
5784
5819
|
var content = React.useMemo(function () {
|
|
5785
5820
|
return swipeProps ? (React__default["default"].createElement(Swipe, __assign({}, swipeProps, { openModal: isOpen && swipeProps.openModal }), renderContent)) : (renderContent);
|
|
@@ -7815,6 +7850,7 @@ exports.Alert = Alert;
|
|
|
7815
7850
|
exports.AlphabetFilter = AlphabetFilter;
|
|
7816
7851
|
exports.AnalystTemplate = AnalystTemplate;
|
|
7817
7852
|
exports.Avatar = Avatar;
|
|
7853
|
+
exports.Badge = Badge;
|
|
7818
7854
|
exports.BarLoader = BarLoader;
|
|
7819
7855
|
exports.BrandMenu = BrandMenu;
|
|
7820
7856
|
exports.BrandsContainer = BrandsContainer;
|
|
@@ -7844,6 +7880,7 @@ exports.FilterSearchItem = FilterSearchItem;
|
|
|
7844
7880
|
exports.FlatLoader = FlatLoader;
|
|
7845
7881
|
exports.Footer = Footer;
|
|
7846
7882
|
exports.FooterMenuLinks = FooterMenuLinks;
|
|
7883
|
+
exports.FraudCardJob = FraudCardJob;
|
|
7847
7884
|
exports.FrequentSearch = FrequentSearch;
|
|
7848
7885
|
exports.HeaderAnalyst = HeaderAnalyst;
|
|
7849
7886
|
exports.HeaderDrawerCompany = HeaderDrawerCompany;
|