magneto365.ui 2.57.4 → 2.58.0

package/dist/esm/index.js

@@ -241,7 +241,7 @@ var useMediaQuery = function (defaultValue, options) {
 
 var style$10 = {"magneto-ui-icon":"mg_icon_magneto-ui-icon_4jxnv","magneto-ui-hover":"mg_icon_magneto-ui-hover_4jxnv"};
 
-var Component$2z = function (_a) {
+var Component$2A = function (_a) {
     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;
     var _d = useState(false), imageError = _d[0], setImageError = _d[1];
     var handleError = function () {
@@ -257,7 +257,7 @@ var Component$2z = function (_a) {
 /**
  * Atom UI component of Icon for general purpose
  */
-var IconItem = Component$2z;
+var IconItem = Component$2A;
 
 var styles$2m = {"avatarComponent":"mg_avatar_avatarComponent_1upgt","magneto-ui-default-avatar":"mg_avatar_magneto-ui-default-avatar_1upgt"};
 
@@ -317,6 +317,8 @@ var Calendar1 = "https://static.magneto365.com/lib/assets/0b8544276681f8c8.svg";
 
 var Checked = "https://static.magneto365.com/lib/assets/530e8da9d7699174.svg";
 
+var Checked2 = "https://static.magneto365.com/lib/assets/4cf4b85aba741f29.svg";
+
 var Clock = "https://static.magneto365.com/lib/assets/4219aa1f11a79041.svg";
 
 var ClockLine = "https://static.magneto365.com/lib/assets/035d90cb55b544da.svg";
@@ -527,7 +529,7 @@ var Youtube = "https://static.magneto365.com/lib/assets/f78dbede1bdf3dd0.svg";
 
 var YoutubeSolid = "https://static.magneto365.com/lib/assets/cdcc07646d43bd9d.svg";
 
-var Component$2y = function (_a) {
+var Component$2z = function (_a) {
     var userImage = _a.userImage, fallbackImage = _a.fallbackImage, onClick = _a.onClick;
     var _b = useState(false), imageError = _b[0], setImageError = _b[1];
     var handleError = function () {
@@ -541,17 +543,17 @@ var Component$2y = function (_a) {
 /**
  * UI Atom component of Avatar
  */
-var Avatar = Component$2y;
+var Avatar = Component$2z;
 
 var styles$2l = {"badge-count":"mg_badge_badge-count_15t5z","badge-count__animation":"mg_badge_badge-count_animation_15t5z","pulse":"mg_badge_pulse_15t5z"};
 
-var Component$2x = function (_a) {
+var Component$2y = function (_a) {
     var _b = _a.number, number = _b === void 0 ? undefined : _b, className = _a.className;
     return (React.createElement("p", { className: "".concat(styles$2l['badge-count'], " ").concat(className) },
         React.createElement("span", { className: styles$2l['badge-count__animation'] }),
         number && number));
 };
-var Badge = Component$2x;
+var Badge = Component$2y;
 
 var BAR_LOADER_PREFIX = '--bar-loader';
 
@@ -690,8 +692,8 @@ var ShareIcons = {
     }
 };
 
-var Component$2w = function (_a) {
-    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;
+var Component$2x = function (_a) {
+    var ActionsAnchorIcons = _a.ActionsAnchorIcons, ActionsAnchorLinks = _a.ActionsAnchorLinks, ActionAnchorText = _a.ActionAnchorText, ActionsHeader = _a.ActionsHeader, externalButtonChild = _a.externalButtonChild, saveButtonProps = _a.saveButtonProps, shareButtonProps = _a.shareButtonProps, copyButtonProps = _a.copyButtonProps, offerCompanyName = _a.offerCompanyName, backText = _a.backText, isApplied = _a.isApplied;
     var _b = useState(), component = _b[0], setComponent = _b[1];
     var actionsLinkList = ActionsAnchorIcons === null || ActionsAnchorIcons === void 0 ? void 0 : ActionsAnchorIcons.map(function (_, index) { return ({
         Icon: ActionsAnchorIcons === null || ActionsAnchorIcons === void 0 ? void 0 : ActionsAnchorIcons[index],
@@ -704,7 +706,7 @@ var Component$2w = function (_a) {
     if (component)
         return component;
     return (React.createElement("div", { className: styles$2j['magneto-ui-actions'] },
-        React.createElement("div", { id: styles$2j['magneto-ui__external-child'] }, externalButtonChild),
+        React.createElement("div", { id: styles$2j['magneto-ui__external-child'] }, !isApplied && externalButtonChild),
         React.createElement(SaveButton, __assign({}, saveButtonProps)),
         React.createElement("button", { className: styles$2j['magneto-ui-actions__button'], "aria-label": shareButtonProps.title, onClick: function () {
                 return setComponent(React.createElement(Actions.ShareLinks, { offerCompanyName: offerCompanyName, shareButtonProps: copyButtonProps, ActionsHeader: ActionsHeader, backText: backText, onBack: handleBack }));
@@ -742,27 +744,27 @@ var ShareLinksAction = function (_a) {
 /**
  * UI Molecule componet of Actions
  */
-var Actions = Object.assign(Component$2w, { ShareLinks: ShareLinksAction });
+var Actions = Object.assign(Component$2x, { ShareLinks: ShareLinksAction });
 
 var style$$ = {"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"};
 
 var style$_ = {"magneto-ui-bold":"mg_text_magneto-ui-bold_16w4y","magneto-ui-lighter":"mg_text_magneto-ui-lighter_16w4y","magneto-ui-normal":"mg_text_magneto-ui-normal_16w4y"};
 
-var Componente = function (_a) {
+var Component$2w = function (_a) {
     var text = _a.text, customText = _a.customText, className = _a.className;
     var textRender = useMemo(function () {
         return (customText === null || customText === void 0 ? void 0 : customText.length) ? (React.createElement("span", { className: className }, customText.map(function (_a, index) {
             var value = _a.value, fontWeight = _a.fontWeight, _b = _a.lineBreak, lineBreak = _b === void 0 ? false : _b;
-            return (React.createElement(Fragment, { key: "".concat(value, "-").concat(index) },
+            return (React.createElement(Fragment, { key: "custom-text-".concat(index) },
                 React.createElement("span", { className: style$_["".concat(classMUI, "-").concat(fontWeight)] }, value),
                 lineBreak && React.createElement("br", null)));
         }))) : (React.createElement("p", { className: className }, text));
     }, [text, customText, className]);
     return React.createElement(React.Fragment, null, textRender);
 };
-var Text$1 = Componente;
+var Text$1 = Component$2w;
 
-var alertIcons = {
+var alertIcons$1 = {
     info: Info,
     success: Success,
     warning: Warning,
@@ -772,7 +774,7 @@ var Component$2v = function (_a) {
     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;
     var borderStyle = border ? style$$["".concat(classMUI, "-").concat(type, "--with-border")] : '';
     var typeStyle = style$$["".concat(classMUI, "-").concat(type)];
-    var iconByType = useMemo(function () { return alertIcons[type]; }, [type]);
+    var iconByType = useMemo(function () { return alertIcons$1[type]; }, [type]);
     return (React.createElement("div", { className: "".concat(style$$["".concat(classMUI, "-alert")], " ").concat(className, " ").concat(borderStyle, " ").concat(typeStyle), style: { width: size } },
         React.createElement(IconItem, { className: style$$["".concat(classMUI, "-icon")], icon: iconByType, alt: type }),
         React.createElement(Text$1, { text: text, customText: customText, className: style$$["".concat(classMUI, "-text")] }),
@@ -1917,7 +1919,7 @@ Component$29.displayName = 'SharePopover';
 var SharePopover = Component$29;
 
 var Component$28 = function (_a) {
-    var actionsAnchorIcons = _a.actionsAnchorIcons, actionsAnchorLinks = _a.actionsAnchorLinks, actionsAnchorTitle = _a.actionsAnchorTitle, externalButtonChild = _a.externalButtonChild, saveButtonProps = _a.saveButtonProps, shareButtonProps = _a.shareButtonProps;
+    var actionsAnchorIcons = _a.actionsAnchorIcons, actionsAnchorLinks = _a.actionsAnchorLinks, actionsAnchorTitle = _a.actionsAnchorTitle, externalButtonChild = _a.externalButtonChild, saveButtonProps = _a.saveButtonProps, shareButtonProps = _a.shareButtonProps, isApplied = _a.isApplied;
     var actionsLinkList = actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons.map(function (_, index) { return ({
         icon: actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons[index],
         url: actionsAnchorLinks === null || actionsAnchorLinks === void 0 ? void 0 : actionsAnchorLinks[index],
@@ -1932,10 +1934,10 @@ var Component$28 = function (_a) {
     };
     var filteredActionsLinkList = actionsLinkList === null || actionsLinkList === void 0 ? void 0 : actionsLinkList.filter(function (item) { return item.url !== null && item.url !== undefined; });
     return (React.createElement("div", { className: styles$1V['magneto-ui-job-actions'] },
-        React.createElement("div", { id: styles$1V['magneto-ui__external-child'] }, externalButtonChild),
+        !isApplied && React.createElement("div", { id: styles$1V['magneto-ui__external-child'] }, externalButtonChild),
         React.createElement("div", { className: styles$1V['magneto-ui-job-actions__buttons-wrapper'] },
-            React.createElement(Tooltip, { title: saveButtonProps.buttonTitle || 'Guardar', position: "bottom", visible: isMobile },
-                React.createElement(SaveButton, __assign({}, saveButtonProps))),
+            !isApplied && (React.createElement(Tooltip, { title: saveButtonProps.buttonTitle || 'Guardar', position: "bottom", visible: isMobile },
+                React.createElement(SaveButton, __assign({}, saveButtonProps)))),
             React.createElement(SharePopover, __assign({}, shareButtonProps)), filteredActionsLinkList === null || filteredActionsLinkList === void 0 ? void 0 :
             filteredActionsLinkList.map(function (_a) {
                 var url = _a.url, title = _a.title, icon = _a.icon;
@@ -1951,7 +1953,7 @@ var JobActions = Component$28;
 var styles$1T = {"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"};
 
 var Component$27 = function (_a) {
-    var offerApplyHeader = _a.offerApplyHeader, offerApplyElements = _a.offerApplyElements, externalChild = _a.externalChild;
+    var offerApplyHeader = _a.offerApplyHeader, offerApplyElements = _a.offerApplyElements, externalChild = _a.externalChild, isApplied = _a.isApplied;
     return (React.createElement("div", { className: styles$1T['magneto-ui-job-apply-card'] },
         React.createElement("div", { className: styles$1T['magneto-ui-job-apply-card__wrapper'] },
             React.createElement("div", { className: styles$1T['magneto-ui-job-apply-card__header'] },
@@ -1968,7 +1970,7 @@ var Component$27 = function (_a) {
                             React.createElement("p", null, offerApplyLabel),
                             React.createElement("p", null, offerApplyInfo)));
                     })),
-            React.createElement("div", { id: styles$1T['magneto-ui__external-child'] }, externalChild))));
+            !isApplied && React.createElement("div", { id: styles$1T['magneto-ui__external-child'] }, externalChild))));
 };
 /**
  * UI Molecule Component for Job Apply Card
@@ -2057,13 +2059,15 @@ var JobCard = function (_a) {
     return React.createElement(React.Fragment, null, cardResponsive);
 };
 
-var styles$1S = {"magneto-ui-job-company-header":"mg_job_company_header_magneto-ui-job-company-header_13130"};
+var styles$1S = {"magneto-ui-job-company-header":"mg_job_company_header_magneto-ui-job-company-header_5apvk","magneto-ui-job-company-header__data-actions":"mg_job_company_header_magneto-ui-job-company-header_data-actions_5apvk"};
 
 var Component$26 = function (_a) {
-    var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobHeaderProps = _a.jobHeaderProps;
+    var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobHeaderProps = _a.jobHeaderProps, jobActionsProps = _a.jobActionsProps, isApplied = _a.isApplied;
     return (React.createElement("div", { className: styles$1S['magneto-ui-job-company-header'] },
         React.createElement(JobCompanyLogo, __assign({}, jobCompanyLogoProps)),
-        React.createElement(JobHeader, __assign({}, jobHeaderProps))));
+        React.createElement("div", { className: styles$1S['magneto-ui-job-company-header__data-actions'] },
+            React.createElement(JobHeader, __assign({}, jobHeaderProps)),
+            isApplied && jobActionsProps && (React.createElement(JobActions, __assign({ isApplied: isApplied, actionsAnchorIcons: anchorIconList }, jobActionsProps))))));
 };
 /**
  * UI Molecule component for Company Job Header
@@ -3288,7 +3292,7 @@ var Component$1C = function (_a) {
  */
 var UserMenuWrapperAnalyst = Component$1C;
 
-var styles$1m = {"alert-job":"mg_alert_job_status_alert-job_m2adj","alert-job__search-item":"mg_alert_job_status_alert-job_search-item_m2adj"};
+var styles$1m = {"alert-job":"mg_alert_job_status_alert-job_1lsa1","alert-job__search-item":"mg_alert_job_status_alert-job_search-item_1lsa1","normal":"mg_alert_job_status_normal_1lsa1","warning":"mg_alert_job_status_warning_1lsa1"};
 
 var styles$1l = {"alert-job__content":"mg_alert_job_status_container_alert-job_content_g6vk0"};
 
@@ -3301,16 +3305,21 @@ var AlertJobStatusContainer = function (_a) {
 var styles$1k = {"alert-job__icon":"mg_alert_job_status_icon_alert-job_icon_1d1sg"};
 
 var cx$A = classNames.bind(styles$1k);
+var alertIcons = {
+    success: Checked2,
+    warning: Warning3D
+};
 var AlertJobStatusIcon = function (_a) {
-    var src = _a.src, _b = _a.size, size = _b === void 0 ? 34 : _b, alt = _a.alt, className = _a.className;
+    var src = _a.src, _b = _a.size, size = _b === void 0 ? 34 : _b, alt = _a.alt, className = _a.className, _c = _a.type, type = _c === void 0 ? 'warning' : _c;
     var customWidth = size ? { width: size + 'px' } : {};
-    return (React.createElement("img", { style: customWidth, className: cx$A('alert-job__icon', className), src: src !== null && src !== void 0 ? src : Warning3D, alt: alt !== null && alt !== void 0 ? alt : "icon-item", loading: "lazy" }));
+    var iconByType = useMemo(function () { return alertIcons[type]; }, [type]);
+    return (React.createElement("img", { style: customWidth, className: cx$A('alert-job__icon', className), src: src !== null && src !== void 0 ? src : iconByType, alt: alt !== null && alt !== void 0 ? alt : "icon-item", loading: "lazy" }));
 };
 
 var cx$z = classNames.bind(styles$1m);
 var Component$1B = function (_a) {
-    var children = _a.children, className = _a.className;
-    return React.createElement("div", { className: cx$z('alert-job', className) }, children);
+    var children = _a.children, className = _a.className, type = _a.type;
+    return React.createElement("div", { className: cx$z('alert-job', className, type) }, children);
 };
 var AlertJobStatus = Object.assign(Component$1B, {
     Container: AlertJobStatusContainer,
@@ -5430,7 +5439,7 @@ var SimilarJobs = function (_a) {
 };
 
 var Component$T = function (_a) {
-    var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobActionsProps = _a.jobActionsProps, jobDetailsProps = _a.jobDetailsProps, jobDetailCardProps = _a.jobDetailCardProps, jobSkillsCardProps = _a.jobSkillsCardProps, jobApplyCardProps = _a.jobApplyCardProps, jobFooterCardProps = _a.jobFooterCardProps, jobDetailAction = _a.jobDetailAction, modalPendingInfoComponent = _a.modalPendingInfoComponent, isLoading = _a.isLoading, selectedJobId = _a.selectedJobId, similarJobsProps = _a.similarJobsProps, jobVideo = _a.jobVideo, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo, cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote, fraudCardJobProps = _a.fraudCardJobProps;
+    var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobActionsProps = _a.jobActionsProps, jobDetailsProps = _a.jobDetailsProps, jobDetailCardProps = _a.jobDetailCardProps, jobSkillsCardProps = _a.jobSkillsCardProps, jobApplyCardProps = _a.jobApplyCardProps, jobFooterCardProps = _a.jobFooterCardProps, jobDetailAction = _a.jobDetailAction, modalPendingInfoComponent = _a.modalPendingInfoComponent, isLoading = _a.isLoading, selectedJobId = _a.selectedJobId, similarJobsProps = _a.similarJobsProps, jobVideo = _a.jobVideo, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo, cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote, fraudCardJobProps = _a.fraudCardJobProps, alertJobStatusProps = _a.alertJobStatusProps, isApplied = _a.isApplied;
     var jobDetailsRef = useRef(null);
     useEffect(function () {
         if (jobDetailsRef.current) {
@@ -5442,8 +5451,8 @@ var Component$T = function (_a) {
     return (React.createElement(Fragment, null,
         jobDetailAction ? (jobDetailAction) : (React.createElement("section", { className: styles$J.JobDetailsDrawerComponent },
             React.createElement("div", { className: styles$J['JobHeaderCardWrapper'] },
-                React.createElement(JobCompanyHeader, __assign({}, jobCompanyLogoProps)),
-                React.createElement(JobActions, __assign({ actionsAnchorIcons: anchorIconList }, jobActionsProps))),
+                React.createElement(JobCompanyHeader, __assign({}, jobCompanyLogoProps, { isApplied: isApplied, jobActionsProps: jobActionsProps })),
+                isApplied ? (React.createElement(AlertJobStatus, __assign({}, alertJobStatusProps))) : (React.createElement(JobActions, __assign({ actionsAnchorIcons: anchorIconList }, jobActionsProps)))),
             React.createElement("div", { className: styles$J['JobBodyCardWrapper'], ref: jobDetailsRef },
                 jobDetailsProps && (React.createElement(JobDetails, { altList: altList, iconList: iconDetailList, offerDetailsList: jobDetailsProps, cities: cities, isRemote: isRemote, textRemote: textRemote })),
                 jobVideo && React.createElement(JobVideo, __assign({}, jobVideo, { loadVideo: loadVideo, setLoadVideo: setLoadVideo })),
@@ -5874,19 +5883,19 @@ var MobileDrawerMenu = Component$N;
 var styles$A = {"MobileJobDetailsActionsBarComponent":"mg_mobile_job_details_actions_bar_MobileJobDetailsActionsBarComponent_84fe5","DrawerButtonWrapper":"mg_mobile_job_details_actions_bar_DrawerButtonWrapper_84fe5","magneto-ui__external-child":"mg_mobile_job_details_actions_bar_magneto-ui_external-child_84fe5","showContainer":"mg_mobile_job_details_actions_bar_showContainer_84fe5","hideContainer":"mg_mobile_job_details_actions_bar_hideContainer_84fe5"};
 
 var Component$M = function (_a) {
-    var externalButtonChild = _a.externalButtonChild, actionsProps = _a.actionsProps, onClose = _a.onClose;
+    var externalButtonChild = _a.externalButtonChild, actionsProps = _a.actionsProps, onClose = _a.onClose, isApplied = _a.isApplied;
     var _b = useState(false), toggleMobileDrawer = _b[0], setToggleMobileDrawer = _b[1];
     var onOpenClick = function () {
         setToggleMobileDrawer(!toggleMobileDrawer);
     };
     var showButtonContainer = onClose ? styles$A['showContainer'] : styles$A['hideContainer'];
     return (React.createElement("div", { className: "".concat(styles$A.MobileJobDetailsActionsBarComponent, " ").concat(showButtonContainer) },
-        React.createElement("div", { id: styles$A['magneto-ui__external-child'] }, externalButtonChild),
+        React.createElement("div", { id: styles$A['magneto-ui__external-child'] }, !isApplied && externalButtonChild),
         React.createElement("div", { className: styles$A['DrawerButtonWrapper'] },
             React.createElement("button", { type: "button", onClick: onOpenClick },
                 React.createElement(IconItem, { icon: More, hover: false }))),
         React.createElement(MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(!toggleMobileDrawer); } },
-            React.createElement(Actions, __assign({ ActionsAnchorIcons: anchorIconList }, actionsProps)))));
+            React.createElement(Actions, __assign({ ActionsAnchorIcons: anchorIconList }, actionsProps, { isApplied: isApplied })))));
 };
 /**
  * UI Organism Component for Mobile Job Details Drawer
@@ -5990,7 +5999,7 @@ var Swipe = function (_a) {
 };
 
 var Component$K = function (_a) {
-    var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobDetailsHeaderText = _a.jobDetailsHeaderText, jobDetailsProps = _a.jobDetailsProps, jobDetailCardProps = _a.jobDetailCardProps, jobSkillsCardProps = _a.jobSkillsCardProps, jobApplyCardProps = _a.jobApplyCardProps, jobFooterCardProps = _a.jobFooterCardProps, mobileJobDetailsBarProps = _a.mobileJobDetailsBarProps, jobDetailAction = _a.jobDetailAction, modalPendingInfoComponent = _a.modalPendingInfoComponent, _b = _a.isOpen, isOpen = _b === void 0 ? true : _b, isLoading = _a.isLoading, onClose = _a.onClose, similarJobsProps = _a.similarJobsProps, jobVideo = _a.jobVideo, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo, swipeProps = _a.swipeProps, cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote, fraudCardJobProps = _a.fraudCardJobProps;
+    var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobDetailsHeaderText = _a.jobDetailsHeaderText, jobDetailsProps = _a.jobDetailsProps, jobDetailCardProps = _a.jobDetailCardProps, jobSkillsCardProps = _a.jobSkillsCardProps, jobApplyCardProps = _a.jobApplyCardProps, jobFooterCardProps = _a.jobFooterCardProps, mobileJobDetailsBarProps = _a.mobileJobDetailsBarProps, jobDetailAction = _a.jobDetailAction, modalPendingInfoComponent = _a.modalPendingInfoComponent, _b = _a.isOpen, isOpen = _b === void 0 ? true : _b, isLoading = _a.isLoading, onClose = _a.onClose, similarJobsProps = _a.similarJobsProps, jobVideo = _a.jobVideo, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo, swipeProps = _a.swipeProps, cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote, fraudCardJobProps = _a.fraudCardJobProps, isApplied = _a.isApplied, alertJobStatusProps = _a.alertJobStatusProps;
     var handleClose = useCallback(function () {
         if (onClose) {
             onClose();
@@ -6000,12 +6009,13 @@ var Component$K = function (_a) {
         return jobDetailAction ? (jobDetailAction) : isLoading ? (React.createElement(MobileJobDetailsDrawerSkeleton, null)) : (React.createElement(Fragment, null,
             React.createElement(MobileJobDetailsHeader, { returnText: jobDetailsHeaderText, onClick: handleClose }),
             React.createElement(JobCompanyHeader, __assign({}, jobCompanyLogoProps)),
+            isApplied && React.createElement(AlertJobStatus, __assign({}, alertJobStatusProps)),
             jobDetailsProps && (React.createElement(JobDetails, { iconList: iconDetailList, offerDetailsList: jobDetailsProps, cities: cities, isRemote: isRemote, textRemote: textRemote })),
             jobVideo && React.createElement(JobVideo, __assign({}, jobVideo, { loadVideo: loadVideo, setLoadVideo: setLoadVideo })),
             React.createElement(JobDetailCard, __assign({}, jobDetailCardProps)),
             jobSkillsCardProps && React.createElement(JobSkillsCard, __assign({}, jobSkillsCardProps)),
             React.createElement(FraudCardJob, __assign({}, fraudCardJobProps)),
-            React.createElement(JobApplyCard, __assign({}, jobApplyCardProps)),
+            React.createElement(JobApplyCard, __assign({}, jobApplyCardProps, { isApplied: isApplied })),
             React.createElement(JobFooterCard, __assign({ iconList: iconFooterList }, jobFooterCardProps)),
             similarJobsProps ? React.createElement(SimilarJobs, __assign({}, similarJobsProps)) : null));
     }, [
@@ -6026,7 +6036,9 @@ var Component$K = function (_a) {
         fraudCardJobProps,
         jobApplyCardProps,
         jobFooterCardProps,
-        similarJobsProps
+        similarJobsProps,
+        alertJobStatusProps,
+        isApplied
     ]);
     var content = useMemo(function () {
         return swipeProps ? (React.createElement(Swipe, __assign({}, swipeProps, { openModal: isOpen && swipeProps.openModal }), renderContent)) : (renderContent);
@@ -6034,7 +6046,7 @@ var Component$K = function (_a) {
     return (React.createElement(Fragment, null,
         React.createElement(Drawer$1, { isOpen: isOpen, isFull: true, onClose: handleClose, direction: "right", customPadding: 0, hideButton: true, isMobile: true },
             content,
-            !jobDetailAction && React.createElement(MobileJobDetailsActionsBar, __assign({}, mobileJobDetailsBarProps, { onClose: isOpen }))),
+            !jobDetailAction && (React.createElement(MobileJobDetailsActionsBar, __assign({}, mobileJobDetailsBarProps, { onClose: isOpen, isApplied: isApplied })))),
         modalPendingInfoComponent));
 };
 /**