magneto365.ui 2.74.1-beta.2 → 2.75.1-job-details.1

package/dist/index.d.ts

@@ -2,18 +2,19 @@
 import * as React$1 from 'react';
 import React__default, { ChangeEvent, FC, ReactNode, Ref, SetStateAction } from 'react';
 import * as _components_UI_atoms from '@components/UI/atoms';
-import { IDateDropdown as IDateDropdown$1, IconProps as IconProps$1, ICollapseContext as ICollapseContext$1, IAvatar as IAvatar$1, IRatingBadge as IRatingBadge$1, TCollapseBody as TCollapseBody$1, TCollapseHeader as TCollapseHeader$1, TCollapseToggler as TCollapseToggler$1, ISearchItem as ISearchItem$1, IJobCompanyLogo as IJobCompanyLogo$1, IJobHeader as IJobHeader$1, IShareButton as IShareButton$1, IImage as IImage$1, IMainButton as IMainButton$1, ILogoComponent as ILogoComponent$1, IButtonLink as IButtonLink$1 } from '@components/UI/atoms';
+import { IDateDropdown as IDateDropdown$1, IconProps as IconProps$1, ICollapseContext as ICollapseContext$1, IAvatar as IAvatar$1, IRatingBadge as IRatingBadge$1, TCollapseBody as TCollapseBody$1, TCollapseHeader as TCollapseHeader$1, TCollapseToggler as TCollapseToggler$1, ISearchItem as ISearchItem$1, IJobCompanyLogo as IJobCompanyLogo$1, IJobHeader as IJobHeader$1, IShareButton as IShareButton$1, IImage as IImage$1, IMainButton as IMainButton$1, ILogoComponent as ILogoComponent$1, Typography as Typography$1, ISkill as ISkill$1, IButtonLink as IButtonLink$1 } from '@components/UI/atoms';
 import { TInputFile as TInputFile$1 } from '@components/UI/atoms/InputFile/inputFile.interface';
 import { IconProps as IconProps$2 } from '@components/UI/atoms/Icon';
+import { iconJobDetailsAction } from '@constants/jobDetails.constants';
 import { MagnetoUIColor as MagnetoUIColor$1, MagnetoUIText as MagnetoUIText$1 } from 'magneto-ui';
 import { ISaveButton as ISaveButton$1 } from '@components/UI/atoms/SaveButton';
 import { ICustomText as ICustomText$1 } from '@components/UI/atoms/Text/Text.interface';
 import { IBarChart as IBarChart$1 } from '@components/UI/atoms/BarChart/BarChart.interface';
 import { IFilterValue as IFilterValue$1, ISetIsApplied as ISetIsApplied$1, IFilter as IFilter$1, ISearchRenderTypeProps as ISearchRenderTypeProps$1 } from '@components/UI/template/SideFilter';
 import { TVacantOption as TVacantOption$1 } from '@components/UI/page';
-import { IJobsActions as IJobsActions$1 } from '@components/UI/molecules/JobActions';
+import { IJobsActions as IJobsActions$1, TJobActionsVariant as TJobActionsVariant$1 } from '@components/UI/molecules/JobActions';
 import * as _components_UI_molecules from '@components/UI/molecules';
-import { IMegaMenuCard as IMegaMenuCard$1, IFiltersRef as IFiltersRef$1, IDatePicker as IDatePicker$1, IBreadcrumbs as IBreadcrumbs$1, IUserMenuWrapperAnalystProps as IUserMenuWrapperAnalystProps$1, IJobCompanyHeader as IJobCompanyHeader$2, IJobDetailCard as IJobDetailCard$1, IJobSkillsCard as IJobSkillsCard$1, IJobApplyCard as IJobApplyCard$1, IJobFooterCard as IJobFooterCard$1, ICityDetail as ICityDetail$1, IAlertJobStatus as IAlertJobStatus$1, TimeLineItemStatus as TimeLineItemStatus$1, IUserMenuAnalystProps as IUserMenuAnalystProps$1, IFrequentSearch as IFrequentSearch$1, IPaginationProps as IPaginationProps$1, IEmptyResults as IEmptyResults$2, IJobCard as IJobCard$2, IHorizontalMenu as IHorizontalMenu$1, TCandidateProfile as TCandidateProfile$1, ISearchbar as ISearchbar$1, IMegaMenuSideCards as IMegaMenuSideCards$1 } from '@components/UI/molecules';
+import { IMegaMenuCard as IMegaMenuCard$1, IFiltersRef as IFiltersRef$1, IDatePicker as IDatePicker$1, IBreadcrumbs as IBreadcrumbs$1, IUserMenuWrapperAnalystProps as IUserMenuWrapperAnalystProps$1, ISharePopover as ISharePopover$1, IJobCompanyHeader as IJobCompanyHeader$2, IJobDetailCard as IJobDetailCard$1, IJobSkillsCard as IJobSkillsCard$1, IJobApplyCard as IJobApplyCard$1, IJobFooterCard as IJobFooterCard$1, ICityDetail as ICityDetail$1, IAlertJobStatus as IAlertJobStatus$1, TJobActionsVariant as TJobActionsVariant$2, IJobsActions as IJobsActions$2, TimeLineItemStatus as TimeLineItemStatus$1, IUserMenuAnalystProps as IUserMenuAnalystProps$1, IFrequentSearch as IFrequentSearch$1, IPaginationProps as IPaginationProps$1, IEmptyResults as IEmptyResults$2, IJobCard as IJobCard$2, IHorizontalMenu as IHorizontalMenu$1, TCandidateProfile as TCandidateProfile$1, ISearchbar as ISearchbar$1, IMegaMenuSideCards as IMegaMenuSideCards$1 } from '@components/UI/molecules';
 import { IMegaMenuLink as IMegaMenuLink$1 } from '@components/UI/template/MegaMenu/MegaMenuContext.interface';
 import { IToggleButton as IToggleButton$1, IToggleButtonOnchangeValues as IToggleButtonOnchangeValues$1 } from '@components/UI/atoms/ToggleButton/ToggleButton.interface';
 import * as _components_UI_organism from '@components/UI/organism';
@@ -22,6 +23,7 @@ import { IListMenuText as IListMenuText$1 } from '@components/UI/molecules/ListM
 import { IJobCompanyHeader as IJobCompanyHeader$1 } from '@components/UI/molecules/JobCompanyHeader';
 import { ISimilarJobsCard as ISimilarJobsCard$1 } from '@components/UI/molecules/SimilarJobsCard/SimilarJobsCard.interface';
 import { IJobVideo as IJobVideo$1 } from '@components/UI/molecules/JobVideo';
+import { IActionLinkCard } from '@components/UI/molecules/ActionLinkCard/ActionLinkCard.interface';
 import { ISimilarCardData as ISimilarCardData$1 } from '@components/UI/molecules/SimilarCard';
 import * as _components_UI_molecules_AlertJobStatus from '@components/UI/molecules/AlertJobStatus';
 import { IMobileDatePicker as IMobileDatePicker$2 } from '@components/UI/organism/MobileDatePicker/MobileDatePicker.interface';
@@ -40,8 +42,6 @@ import { IRightsReservedText as IRightsReservedText$1 } from '@components/UI/mol
 import { IFooterMenuLinks as IFooterMenuLinks$1 } from '@components/UI/organism/FooterMenuLinks/FooterMenuLinks.interface';
 import { IMegaMenuTab as IMegaMenuTab$1 } from '@components/UI/atoms/MegaMenuTab/MegaMenuTab.interface';
 import { IPopoverRef as IPopoverRef$1 } from '@components/UI/molecules/MegaMenuPopover/MegaMenuPopover.interface';
-import { ISelectOptions as ISelectOptions$1 } from '@components/UI/organism/Select2/Select2.interface';
-import { IMegaMenuSearchBar } from '@components/UI/molecules/MegaMenuSearchBar/MegaMenuSearchBar.interface';
 import { ERenderType } from '@constants/stories';
 import { IAlphabetFilter as IAlphabetFilter$1 } from '@components/UI/organism/AlphabetFilter/AlphabetFilter.interface';
 
@@ -260,6 +260,10 @@ interface IButtonLink {
      * Target when opening the link
      */
     target?: string;
+    /**
+     * Title to show tooltip
+     */
+    title?: string;
 }
 
 /**
@@ -956,7 +960,6 @@ interface IPopover {
      */
     staticContent?: boolean;
     className?: string;
-    style?: React__default.CSSProperties;
 }
 
 /**
@@ -1049,7 +1052,7 @@ interface ISaveButton {
     /**
      * Specifies whether the user is authenticated or not.
      */
-    isAuthenticated: boolean;
+    isAuthenticated?: boolean;
     /**
      * Specifies whether the item is currently saved or not.
      */
@@ -1072,6 +1075,10 @@ interface ISaveButton {
      * The title or label associated with the button.
      */
     buttonTitle?: string;
+    /**
+     * Indicates the size of the icon in the button.
+     */
+    iconSize?: number;
 }
 
 /**
@@ -1133,27 +1140,37 @@ interface IShareButton {
      * (Optional property)
      */
     onCopyError?: () => void;
+    /**
+     * Additional CSS classes to apply to the button.
+     * (Optional property)
+     */
     className?: string;
+    /**
+     * icon to show
+     */
+    icon: keyof typeof iconJobDetailsAction;
 }
 
 declare const ShareButton: React__default.FC<IShareButton>;
 
 interface ISkill {
+    className?: string;
+    classNames?: {
+        name?: string;
+        level?: string;
+        circle?: string;
+    };
     /**
-     * The unique identifier for the skill, can be a number or null.
-     */
-    id: number | null;
-    /**
-     * The name or description of the skill, can be a string or null.
+     * The name or description of the skill
      */
-    name: string | null;
+    name: string;
     /**
-     * The score or proficiency level of the skill, can be a number or null.
+     * The score or proficiency level of the skill.
      */
-    score: number | null;
+    score: number;
 }
 
-declare const Skill: React__default.FC<ISkill>;
+declare const Skill$1: React__default.FC<ISkill>;
 
 interface ISwitch {
     /**
@@ -1478,7 +1495,7 @@ interface IShareLink {
      */
     name?: keyof typeof ShareIcons;
 }
-interface ISharePopover extends IShareButton {
+interface ISharePopover {
     shareLinks?: IShareLink[];
     classNameContent?: string;
     classNameButton?: string;
@@ -1487,6 +1504,20 @@ interface ISharePopover extends IShareButton {
      * (in the button component to be more specific).
      */
     btnProps?: JSX.IntrinsicElements['button'];
+    /**
+     * Indicates whether the component is default or detailed.
+     */
+    iconPopover?: keyof typeof iconJobDetailsAction;
+    /**
+     * Optional text to be displayed on the save button.
+     * (Optional property)
+     */
+    buttonText?: string;
+    /**
+     * Indicates size iconPopover.
+     */
+    iconPopoverSize?: number;
+    shareButtonProps: IShareButton;
 }
 
 declare const SharePopover: React__default.FC<ISharePopover>;
@@ -2623,10 +2654,6 @@ interface IInput extends React.InputHTMLAttributes<HTMLInputElement> {
      * this property sets the max counter value
      */
     maxCounterValue?: number;
-    /**
-     * Main Styles
-     */
-    mainClassName?: string;
 }
 
 declare const Input: React__default.FC<IInput>;
@@ -2682,6 +2709,11 @@ interface IJobsActions {
      * An array of string titles or labels associated with each action anchor link.
      */
     actionsAnchorTitle: string[];
+    /**
+     * An array of string texts associated with each action anchor link.
+     * Used only when variant is 'detailed'.
+     */
+    actionsAnchorText?: string[];
     /**
      * Content to be displayed as an external button.
      */
@@ -2699,11 +2731,28 @@ interface IJobsActions {
      * it's true it will not display save button
      */
     isApplied?: boolean;
+    /**
+     * Indicates whether the component is default or detailed.
+     */
+    variant?: TJobActionsVariant;
+    /**
+     * Indicates whether the component is being used on a job detail offer page.
+     * (Optional property)
+     */
+    isJobDetailPage?: boolean;
+    /**
+     * this is the main class to the actions
+     * (optional)
+     */
+    className?: string;
+    /**
+     * this is the main class to the external actions
+     * (optional)
+     */
+    externalChildClass?: string;
 }
+declare type TJobActionsVariant = 'default' | 'detailed';
 
-/**
- * UI Molecule Component for Jobs Actions
- */
 declare const JobActions: React__default.FC<IJobsActions>;
 
 interface JobRequirementsElement {
@@ -2729,7 +2778,7 @@ interface IJobApplyCard {
     /**
      * Content to be displayed as an external child element.
      */
-    externalChild: ReactNode | JSX.Element;
+    externalChild?: ReactNode | JSX.Element;
     /**
      * Props for show apply button
      */
@@ -2891,7 +2940,7 @@ interface IJobDetailContainer {
     /**
      * you must add jsx elements
      */
-    children: JSX.Element | JSX.Element[];
+    children: JSX.Element | JSX.Element[] | React.ReactNode;
     /**
      * this property opens and closes the menu
      */
@@ -2904,46 +2953,6 @@ interface IJobDetailContainer {
 
 declare const JobDetailContainer: React__default.FC<IJobDetailContainer>;
 
-interface IDetailList {
-    /**
-     * The text content of the detail item.
-     * (Optional property)
-     */
-    offerDetailText?: string | null;
-    /**
-     * The icon associated with the detail item.
-     * (Optional property)
-     */
-    icon?: string | null;
-    /**
-     * This array contains the list of icons text alternatives
-     */
-    alt?: string | null;
-}
-interface IJobDetails {
-    /**
-     * An array of strings representing the list of job details.
-     */
-    offerDetailsList: (string | null | undefined)[];
-    /**
-     * An array of strings representing the icons associated with each job detail.
-     * (Optional property)
-     */
-    iconList?: string[];
-    /**
-     * This array contains the list of icons text alternatives
-     */
-    altList?: string[];
-    /**
-     * This array contains the list of cities and his url
-     */
-    cities: ICityDetail[];
-    isRemote: boolean;
-    textRemote: string;
-}
-
-declare const JobDetails: React__default.FC<IJobDetails>;
-
 interface IFooterList {
     /**
      * The URL to navigate to when the list item is clicked. Can be null if there is no URL.
@@ -2991,6 +3000,22 @@ interface IJobFooterCard {
      * This is the company name
      */
     companyName?: string;
+    /**
+     * Content to be displayed as an external child element.
+     */
+    externalChild?: ReactNode | JSX.Element;
+    /**
+     * Props for show apply button
+     */
+    isApplied?: boolean;
+    /**
+     * Indicates whether the component is default or detailed.
+     */
+    variant?: TJobActionsVariant;
+    /**
+     * This is the main class to footer card
+     */
+    className?: string;
 }
 
 /**
@@ -3329,20 +3354,7 @@ interface IMegaMenuEmpty {
     /**
      * Image Data
      */
-    imageData?: string;
-    /**
-     * Image heigth
-     */
-    imageHeight?: number;
-    /**
-     * CustomStyles
-     */
-    customStyle?: {
-        content?: React.CSSProperties;
-        title?: React.CSSProperties;
-        subtitle?: React.CSSProperties;
-        image?: React.CSSProperties;
-    };
+    imageData: string;
 }
 
 declare const MegaMenuEmpty: React__default.FC<IMegaMenuEmpty>;
@@ -3528,10 +3540,6 @@ interface IMobileSearchbar {
      * Sets the value for the input in the searchbar
      */
     termValue?: any;
-    /**
-     * placeholder
-     */
-    placeholder?: string;
 }
 
 /**
@@ -4040,13 +4048,31 @@ declare const SimilarCardIcon: React__default.FC<ISimilarCard.Icon>;
 interface ISimilarJobsCard {
     id?: number | null;
     title: string;
+    /**
+     * Salary is just a string so that covering the following cases: salary value, salary range, and label for unknown salary.
+     */
     salary: string | null;
+    /**
+     * @deprecated is not being used for now.
+     */
     toAgree: boolean | null;
     cities: string[];
     jobUrlSlug: string;
+    /**
+     * @deprecated is not used in the new prototypes.
+     */
     experience: string | null;
     companyLogo: string | null;
     companyName?: string | null;
+    /**
+     * Label for contractType
+     */
+    contractType?: string | null;
+    /**
+     * Label for number of quotas that has the vacancy.
+     * @example '5 cupos'
+     */
+    quotas?: string | null;
     hideLogo?: boolean;
 }
 
@@ -4512,18 +4538,6 @@ interface IFilterCard extends IFilter$1, ISearchRenderTypeProps$1 {
      * This is the switch title and indicate if has switch
      */
     switchText?: string;
-    /**
-     * Identification Key for each filter card
-     */
-    index: number;
-    /**
-     *Function to bnotify an open filter
-     */
-    setCurrentOpenFilter: (index: number) => void;
-    /**
-     * key to know if a filter has changed
-     */
-    showFilters: boolean;
 }
 
 declare const FilterCard: FC<IFilterCard>;
@@ -4624,16 +4638,19 @@ declare const HeaderAnalyst: React__default.FC<IHeaderAnalyst>;
 interface ISimilarJobs {
     /**
      * this is the title in the top
+     * @deprecated is not used.
      */
-    sectionTitle: string;
+    sectionTitle?: string;
     /**
      * this is the link text
+     * @deprecated is not used.
      */
-    moreJobsText: string;
+    moreJobsText?: string;
     /**
      * this is the link text
+     * @deprecated is not used.
      */
-    moreJobsLink: string;
+    moreJobsLink?: string;
     /**
      * this property hide the image
      */
@@ -4729,6 +4746,19 @@ interface IJobDetailsDrawer {
      * Props for show alert when user can´t apply
      */
     canApply?: ICanApply;
+    /**
+     * Indicates whether the component is default or detailed.
+     */
+    variant?: TJobActionsVariant$1;
+    /**
+     * Indicates whether the component is being used on a job detail offer page.
+     * (Optional property)
+     */
+    isJobDetailPage?: boolean;
+    /**
+     * Props for show action link company
+     */
+    actionLinkCardProps?: IActionLinkCard;
 }
 
 /**
@@ -4736,6 +4766,174 @@ interface IJobDetailsDrawer {
  */
 declare const JobDetailsDrawer: React__default.FC<IJobDetailsDrawer>;
 
+declare const iconJobDetailsSubTitle: {
+    allJobs: any;
+    glass: any;
+    tag: any;
+    building: any;
+    briefcase: any;
+};
+
+interface IJobDetailsSubTitle {
+    className?: string;
+    icon?: keyof typeof iconJobDetailsSubTitle;
+    children?: React.ReactNode;
+}
+
+declare namespace IJobDetailsAction {
+    interface Common {
+        icon?: keyof typeof iconJobDetailsAction;
+        iconSize?: number;
+        iconAlt?: string;
+        rounded?: boolean;
+        variant?: 'transparent' | 'grey';
+    }
+    export type Button = React.ComponentPropsWithoutRef<'button'> & Common;
+    export type Link = React.ComponentPropsWithoutRef<'a'> & Common;
+    export type SharePopover = ISharePopover$1 & Common;
+    export {};
+}
+
+interface IJobDetailsFraudLink extends React.ComponentProps<typeof Typography$1.Link> {
+    className?: string;
+    children?: React.ReactNode;
+}
+
+interface IJobDetailsFraud {
+    className?: string;
+    children?: React.ReactNode;
+    renderTitle?: () => React.ReactNode;
+}
+
+declare type Skill = ISkill$1 & {
+    id: number | string;
+};
+interface IJobDetailsSkills {
+    className?: string;
+    children?: React.ReactNode;
+    skills: Skill[];
+}
+
+declare type Icon = 'calendar' | 'people' | 'briefcase' | 'dollar-circle' | 'location' | 'tag';
+interface Item {
+    id: number | string;
+    icon: Icon;
+    label: React.ReactNode;
+}
+interface IJobDetailsSummary {
+    items: Item[];
+    className?: string;
+    classNames?: {
+        item?: string;
+        label?: string;
+        icon?: string;
+    };
+    children?: React.ReactNode;
+}
+
+interface IJobDetailsSuggested {
+    behavior?: 'showcase' | 'tab';
+    classNames?: {
+        container?: string;
+        tag?: string;
+        header?: string;
+        body?: string;
+    };
+    tag?: React.ReactNode;
+    title: React.ReactNode;
+    children?: React.ReactNode;
+}
+
+interface IJobDetailsHeader {
+    className?: string;
+    classNames?: {
+        info?: string;
+        title?: string;
+        publishDate?: string;
+    };
+    title: React.ReactNode;
+    publishedDate: React.ReactNode;
+    children?: React.ReactNode;
+}
+
+interface IJobDetails {
+    renderHeader: () => React.ReactNode;
+    children?: React.ReactNode;
+    renderFooter?: () => React.ReactNode;
+    classNames?: {
+        header?: string;
+        body?: string;
+        footer?: string;
+    };
+}
+
+declare const JobDetails: React$1.FC<IJobDetails> & {
+    Header: React$1.FC<IJobDetailsHeader>;
+    JobsSuggested: React$1.FC<IJobDetailsSuggested>;
+    Summary: React$1.FC<IJobDetailsSummary>;
+    Skills: React$1.FC<IJobDetailsSkills>;
+    Fraud: React$1.FC<IJobDetailsFraud> & {
+        Link: React$1.FC<IJobDetailsFraudLink>;
+    };
+    Action: {
+        Button: React$1.FC<IJobDetailsAction.Button>;
+        Link: React$1.FC<IJobDetailsAction.Link>;
+        SharePopover: React$1.FC<IJobDetailsAction.SharePopover>;
+    };
+    Subtitle: React$1.FC<IJobDetailsSubTitle>;
+    Drawer: React$1.FC<IJobDetailsDrawer>;
+};
+
+interface IJobSuggestedCard {
+    /**
+     * this property sets any component
+     */
+    children: JSX.Element | JSX.Element[];
+    /**
+     * this property sets custom styles
+     */
+    className?: string;
+}
+declare namespace IJobSuggestedCard {
+    interface Section {
+        /**
+         * this property sets custom styles
+         */
+        className?: string;
+        /**
+         * this property sets any component
+         */
+        children: JSX.Element | JSX.Element[];
+        /**
+         * this property update to position align the components
+         */
+        aligned?: 'start' | 'center' | 'end';
+        /**
+         * this property update to position align the components
+         */
+        direction?: 'column' | 'row-reverse' | 'column-reverse | row';
+    }
+    interface Button extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+        /**
+         * this property sets custom styles
+         */
+        className?: string;
+        /**
+         * this property sets custom style button
+         */
+        variant?: 'primary' | 'secondary';
+    }
+}
+
+declare const JobSuggestedCard: React__default.FC<IJobSuggestedCard> & {
+    Section: React__default.FC<IJobSuggestedCard.Section>;
+    Button: React__default.FC<IJobSuggestedCard.Button>;
+};
+
+declare const ActionButton: React__default.FC<IJobSuggestedCard.Button>;
+
+declare const JobSuggestedSection: React__default.FC<IJobSuggestedCard.Section>;
+
 interface IJobSuggestedDrawer {
     /**
      * Management the loading status jobs ui
@@ -5120,6 +5318,18 @@ interface IMobileJobDetailsDrawer {
      * Props for show alert when user can´t apply
      */
     canApply?: ICanApply;
+    /**
+     * Props for show action link company
+     */
+    actionLinkCardProps?: IActionLinkCard;
+    /**
+     * Indicates whether the component is default or detailed.
+     */
+    variant?: TJobActionsVariant$2;
+    /**
+     * Props for the actions section associated with the job details.
+     */
+    jobActionsProps?: IJobsActions$2;
 }
 
 /**
@@ -5691,7 +5901,9 @@ interface ISelectField {
  */
 declare const Select2: React__default.FC<ISelectOptions<unknown>>;
 
-declare const SimilarJobs: React__default.FC<ISimilarJobs>;
+declare const SimilarJobs: React$1.FC<ISimilarJobs> & {
+    Link: React$1.FC<ITypographyLink>;
+};
 
 interface ITimelineProps {
     /**
@@ -6403,16 +6615,6 @@ interface IJobsPage {
      * Each job card contains information about a single job listing.
      */
     vacantProps: IVacancies$1[];
-    /**
-     * Props for the job details drawer component.
-     * The job details drawer shows detailed information about a selected job listing.
-     */
-    jobDetailsDrawerProps: IJobDetailsDrawer$1;
-    /**
-     * Props for the mobile version of the job details drawer component.
-     * This version is displayed on mobile devices and provides job details for selected listings.
-     */
-    mobileJobDetailsDrawerProps: IMobileJobDetailsDrawer$1;
     /**
      *
      */
@@ -6464,6 +6666,14 @@ interface IJobsPage {
      * This property sets the create account card data
      */
     createAccountCTAProps?: ICreateAccountCTA$1;
+    /**
+     * This property sets the job details title
+     */
+    jobDetailsTitle?: string;
+    /**
+     * This property sets the job details content
+     */
+    jobDetailsContent: React.ReactNode;
 }
 interface IVacancies$1 extends IJobCard$1 {
     offerVacancyData?: string;
@@ -6812,9 +7022,7 @@ interface IMegaMenuMainHeader {
         signUpText: string;
         onClickSignUp: (event: Event) => Promise<void>;
     };
-    selectCountry?: ISelectOptions$1<unknown>;
-    searchBarProps?: IMegaMenuSearchBar;
-    mobileSearchBarProps: ISearchbar$1;
+    searchBarProps?: ISearchbar$1;
     homeUrl?: string;
     homeText?: string;
 }
@@ -7242,4 +7450,4 @@ declare type MagnetoUIText = 'sm-2' | 'md' | 'md-2' | 'lg' | 'xl' | '2xl' | '3xl
  */
 declare type MagnetoUIWeight = 'normal' | 'bold' | 'black';
 
-export { Actions, Alert, AlertJobModal, AlertJobStatus, AlertJobStatusContainer, AlertJobStatusIcon, AlertsPanel, AlphabetFilter, AnalystTemplate, ApplicationButton, ApplicationSubtitle, ApplicationSummary, ApplicationText, ApplicationTitle, Avatar, Badge, BarChart, BarLoader, BarsChart, BrandMenu, BrandsContainer, BrandsMenuMobile, _default$3 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, ButtonElement, ButtonLink, CandidateNav, CandidateProfile, CandidateProfileTemplate, Carousel, CategoryGrid, _default as CategoryMenuCard, Checkbox, CitiesDetailDrawer, Collapse, CompanyCard, CompanyCardWithDescription, CompanyCardWithoutDescription, ComparativeCounter, ComponentProps, CreateAccountCTA, DateDropdown, DateInput, DatePicker, DatePickerResponsiveComponent, Divider, DotsLoader, Drawer, DrawerMenu, EAlertJobStatusIcon, EAlertJobStatusType, EAlertType, EExpandableInfoSize, EExpandableInfoVariant, ERadioType, ETypographyFontWeight, EmptyResult as EmptyResults, ExpandableInfo, FilterActions, FilterCard, FilterContainerMenu, FilterHeader, FilterMenuItem, FilterSearchItem, FlatLoader, Footer, FooterMenuLinks, FraudCardJob, FrequentSearch, HeaderAnalyst, HeaderDrawerCompany, HeaderDrawerTabs, HeaderTab, HeaderTabItem, HeaderTabs, HorizontalMenu, IActions, IAlert, IAlertJobStatus, IAlertsPanel, IAnalystProviderProps, IAnalystTemplateProps, IAvatar, IBreadcrumb, IBreadcrumbs, IBtnPaginationProps, IButton, IButtonLink, ICanApply, ICandidateNavButton, ICandidateNavContext, ICandidateProfileAvatar, ICandidateProfileTemplate, ICandidateProfileTemplateProfile, ICandidateProvider, ICandidateScreen, ICandidateTemplateContext, ICardsRef, ICarousel, ICategoryField, ICategoryGrid, ICategoryMenuCard, ICheckbox, ICitiesDetailDrawer, ICityDetail, ICollapseContext, ICompanyAnalyst, ICreatePaginationProps, ICreatePaginationResult, IDateDropdown, IDateInput, IDateList, IDatePicker, IDatePickerComponent, IDefaultFilter, IDefaultOrder, IDetailList, IDrawer, IDrawerOrganism, IDrawerPortal, IDynamicUrl, IEmptyResults, IExpandableInfoProps, IFieldsAlias, IFilter, IFilterActions, IFilterCard, IFilterHeader, IFilterMenuItem, IFilterRepository, IFilterSearchItem, IFilterValue, IFiltersRef, IFooterList, IFrequentSearch, IGetOptionsOnSearchProps, IHeaderAnalyst, IHeaderDrawerCompany, IHeaderDrawerTabs, IHeaderTab, IHeaderTabs, IHorizontalMenu, IHorizontalMenuOption, IImage, IInlineDetails, IJobApplyCard, IJobCard, IJobCompanyHeader, IJobCompanyLogo, IJobDetailCard, IJobDetails, IJobDetailsDrawer, IJobFooterCard, IJobHeader, IJobSkillsCard, IJobSuggestedDrawer, IJobVideo, IJobsActions, IJobsPage, ILinkProps, IListIcon, IListIconLink, IListMenuIcons, IListMenuItems, ILoading, ILoginHeader, ILoginJobsHeader, ILoginJobsTemplate, ILogoAnalyst, ILogoComponent, ILogout, ILogoutHeader, ILogoutJobsHeader, ILogoutJobsTemplate, ILogoutTemplate, IMainButton, IMegaMenu, IMegaMenuCard, IMegaMenuCards, IMegaMenuDrawer, IMegaMenuDrawerItem, IMegaMenuDrawerItemContent, IMegaMenuEmpty, IMegaMenuSideCards, IMegaMenuTab, IMenuCollapseChildren, IMenuDropdownProps, IMenuIcon, IMenuItem, IMenuItems, IMenuSearch, IMenuUser, IMessageProps, IMobileDatePicker, IMobileDrawer, IMobileDrawerMenu, IMobileJobDetailsDrawer, IMobileJobDetailsHeader, IMobileSearchbar, IMobileSortMenu, IModalAnalyst, IModalAnalystProps, IModalAnalystScreen, IModalProps, IMultiRangeSlider, INavMMenuAnalystRegionModal, INavMenuAnalystIcons, INavMenuAnalystOption, INavMenuAnalystProps, INavMenuAnalystQueryString, INavMenuAnalystRegion, INavMenuAnalystRegionModalProps, INavMenuAnalystSection, INavMenuDrawerAnalystProps, INotification, IOption, IOptionValues, IPaginationProps, IParagraph, IPopover, IPortalTooltipProps, IQualification, IQualificationStar, IRadioCommonProps, IRadioProps, IRatingBadge, ISaveButton, IScrollableTab, ISearchItem, ISearchRenderTypeOption, ISearchRenderTypeProps, ISearchbar, ISelect, ISetIsApplied, ISettings, IShareButton, IShareLink, IShareLinksActions, ISharePopover, ISideFilter, ISimilarCard, ISimilarCardData, ISimilarJobsCard, ISkill, ISortBar, ISortMenu, ISortMenuItem, ISubCompanyAnalyst, ISuggestedJobsPage, ISwitch, ITab, ITabButton, ITabItem, ITypographyBase, ITypographyEllipsis, ITypographyLink, ITypographyText, ITypographyTitle, IUnApplyWithChild, IUserAnalyst, IUserMenuAnalystAction, IUserMenuAnalystProps, IUserMenuAnalystQueryString, IUserMenuAnalystSection, IUserMenuButtonAnalystProps, IUserMenuWrapperAnalystProps, IUserTerm, IVacancies$1 as IVacancies, IVacantPositions, IValueSelect, IconItem, IconProps, IlistMenuUserProps, Image, ImageCard, InlineDetails, Input, InputFile, InputPlus, InputSearch, JobActions, JobApplyCard, JobCard, JobCardDesktop, JobCardMobile, JobCompanyHeader, JobCompanyLogo, JobDetailCard, JobDetailContainer, JobDetails, JobDetailsDrawer, JobFooterCard, JobHeader, JobRequirementsElement, JobSkillsCard, JobSuggestedDrawer, JobSuggestedHeader, JobSuggestedSimilarJobs, JobVideo, JobsPage, Link, LinkElement, LinkType, ListIconLink, ListMenuIcons, ListMenuItems, ListMenuText, ListSortMenu, Loading, LoginHeader, LoginJobsHeader, LoginJobsTemplate, LoginTemplate, LogoComponent, LogoutHeader, LogoutJobsHeader, LogoutJobsTemplate, LogoutTemplate, MagnetoResolution, MagnetoSocialMedia, MagnetoUIBorder, MagnetoUIColor, MagnetoUIGap, MagnetoUIMargin, MagnetoUIOpacity, MagnetoUIPadding, ContextAppProvider as MagnetoUIProvider, MagnetoUIRadius, MagnetoUIScale, MagnetoUIScreen, MagnetoUIShadow, MagnetoUIText, MagnetoUIWeight, MainButton, MegaMenu, MegaMenuCard, MegaMenuCards, MegaMenuDrawer, MegaMenuDrawerItem, MegaMenuEmpty, MegaMenuJobsTabs, MegaMenuPopover, MegaMenuSideCards, MegaMenuTab, MenuDropdown, MenuIcon, MenuItem, MenuItemInfo, MenuSearch, Message, MobileDatePicker, MobileDrawer, MobileDrawerMenu, MobileJobDetailsDrawer, MobileJobDetailsHeader, MobileSearchbar, MobileSortMenu, _default$2 as Modal, ModalAnalyst, ModalResponsive, MultiRangeSlider, MultipleSelectionEntry, NavMenuAnalyst, NavMenuAnalystRegionModal, NavMenuDrawerAnalyst, Notification, OneSelectionEntry, Pagination, Paragraph, Popover, PortalTooltip, ProcessesCard, Qualification, Radio, RatingBadge, RightsReservedText, SaveButton, ScoreLevel, ScoreLevelStatic, ScrollableTab, SearchButton, SearchItem, Searchbar, Select, Select2, ShareButton, SharePopover, SideFilter, SimilarCard, SimilarCardIcon, SimilarCardLogo, SimilarJobs, SimilarJobsCard, Skill, SortBar, _default$1 as SortMenu, SuggestedJobsPage, Switch, TCandidateNav, TCandidateNavOption, TCandidateNavOptions, TCandidateNavStep, TCandidateProfile, TCandidateProfileBody, TCandidateProfileHeader, TCandidateProfileTemplateMainNav, TCandidateProfileTemplateNav, TCandidateProfileToggler, TCollapse, TCollapseBody, TCollapseHeader, TCollapseToggler, TExpandableInfoSize, TExpandableInfoVariant, TInputFile, TMessageType, TToggleButtonList, TTypographyFontWeight, TTypographyParagraph, TVacantOption, TVacantOptionType, Tab, TabButton, TabButtonElement, TabItem, Tags as Tag, TextArea, TextCustom, TimeLineItemStatus, Timeline, TimelineEvent, TimelineEventProps, ToggleButton, ToggleButtonList, Tooltip, Typography, UserMenu, UserMenuAnalyst, UserMenuButtonAnalyst, UserMenuWrapperAnalyst, UserTermCheck, UserTermContent, UserTermHighlight, UserTermSubTitle, UserTermSubmit, UserTermText, UserTermTitle, UserTermUList, UserTerms, VacantPositions, useMediaQuery, withClickOut, withMegaMenuSideCards };
+export { ActionButton, Actions, Alert, AlertJobModal, AlertJobStatus, AlertJobStatusContainer, AlertJobStatusIcon, AlertsPanel, AlphabetFilter, AnalystTemplate, ApplicationButton, ApplicationSubtitle, ApplicationSummary, ApplicationText, ApplicationTitle, Avatar, Badge, BarChart, BarLoader, BarsChart, BrandMenu, BrandsContainer, BrandsMenuMobile, _default$3 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, ButtonElement, ButtonLink, CandidateNav, CandidateProfile, CandidateProfileTemplate, Carousel, CategoryGrid, _default as CategoryMenuCard, Checkbox, CitiesDetailDrawer, Collapse, CompanyCard, CompanyCardWithDescription, CompanyCardWithoutDescription, ComparativeCounter, ComponentProps, CreateAccountCTA, DateDropdown, DateInput, DatePicker, DatePickerResponsiveComponent, Divider, DotsLoader, Drawer, DrawerMenu, EAlertJobStatusIcon, EAlertJobStatusType, EAlertType, EExpandableInfoSize, EExpandableInfoVariant, ERadioType, ETypographyFontWeight, EmptyResult as EmptyResults, ExpandableInfo, FilterActions, FilterCard, FilterContainerMenu, FilterHeader, FilterMenuItem, FilterSearchItem, FlatLoader, Footer, FooterMenuLinks, FraudCardJob, FrequentSearch, HeaderAnalyst, HeaderDrawerCompany, HeaderDrawerTabs, HeaderTab, HeaderTabItem, HeaderTabs, HorizontalMenu, IActions, IAlert, IAlertJobStatus, IAlertsPanel, IAnalystProviderProps, IAnalystTemplateProps, IAvatar, IBreadcrumb, IBreadcrumbs, IBtnPaginationProps, IButton, IButtonLink, ICanApply, ICandidateNavButton, ICandidateNavContext, ICandidateProfileAvatar, ICandidateProfileTemplate, ICandidateProfileTemplateProfile, ICandidateProvider, ICandidateScreen, ICandidateTemplateContext, ICardsRef, ICarousel, ICategoryField, ICategoryGrid, ICategoryMenuCard, ICheckbox, ICitiesDetailDrawer, ICityDetail, ICollapseContext, ICompanyAnalyst, ICreatePaginationProps, ICreatePaginationResult, IDateDropdown, IDateInput, IDateList, IDatePicker, IDatePickerComponent, IDefaultFilter, IDefaultOrder, IDrawer, IDrawerOrganism, IDrawerPortal, IDynamicUrl, IEmptyResults, IExpandableInfoProps, IFieldsAlias, IFilter, IFilterActions, IFilterCard, IFilterHeader, IFilterMenuItem, IFilterRepository, IFilterSearchItem, IFilterValue, IFiltersRef, IFooterList, IFrequentSearch, IGetOptionsOnSearchProps, IHeaderAnalyst, IHeaderDrawerCompany, IHeaderDrawerTabs, IHeaderTab, IHeaderTabs, IHorizontalMenu, IHorizontalMenuOption, IImage, IInlineDetails, IJobApplyCard, IJobCard, IJobCompanyHeader, IJobCompanyLogo, IJobDetailCard, IJobDetailsDrawer, IJobFooterCard, IJobHeader, IJobSkillsCard, IJobSuggestedDrawer, IJobVideo, IJobsActions, IJobsPage, ILinkProps, IListIcon, IListIconLink, IListMenuIcons, IListMenuItems, ILoading, ILoginHeader, ILoginJobsHeader, ILoginJobsTemplate, ILogoAnalyst, ILogoComponent, ILogout, ILogoutHeader, ILogoutJobsHeader, ILogoutJobsTemplate, ILogoutTemplate, IMainButton, IMegaMenu, IMegaMenuCard, IMegaMenuCards, IMegaMenuDrawer, IMegaMenuDrawerItem, IMegaMenuDrawerItemContent, IMegaMenuEmpty, IMegaMenuSideCards, IMegaMenuTab, IMenuCollapseChildren, IMenuDropdownProps, IMenuIcon, IMenuItem, IMenuItems, IMenuSearch, IMenuUser, IMessageProps, IMobileDatePicker, IMobileDrawer, IMobileDrawerMenu, IMobileJobDetailsDrawer, IMobileJobDetailsHeader, IMobileSearchbar, IMobileSortMenu, IModalAnalyst, IModalAnalystProps, IModalAnalystScreen, IModalProps, IMultiRangeSlider, INavMMenuAnalystRegionModal, INavMenuAnalystIcons, INavMenuAnalystOption, INavMenuAnalystProps, INavMenuAnalystQueryString, INavMenuAnalystRegion, INavMenuAnalystRegionModalProps, INavMenuAnalystSection, INavMenuDrawerAnalystProps, INotification, IOption, IOptionValues, IPaginationProps, IParagraph, IPopover, IPortalTooltipProps, IQualification, IQualificationStar, IRadioCommonProps, IRadioProps, IRatingBadge, ISaveButton, IScrollableTab, ISearchItem, ISearchRenderTypeOption, ISearchRenderTypeProps, ISearchbar, ISelect, ISetIsApplied, ISettings, IShareButton, IShareLink, IShareLinksActions, ISharePopover, ISideFilter, ISimilarCard, ISimilarCardData, ISimilarJobsCard, ISkill, ISortBar, ISortMenu, ISortMenuItem, ISubCompanyAnalyst, ISuggestedJobsPage, ISwitch, ITab, ITabButton, ITabItem, ITypographyBase, ITypographyEllipsis, ITypographyLink, ITypographyText, ITypographyTitle, IUnApplyWithChild, IUserAnalyst, IUserMenuAnalystAction, IUserMenuAnalystProps, IUserMenuAnalystQueryString, IUserMenuAnalystSection, IUserMenuButtonAnalystProps, IUserMenuWrapperAnalystProps, IUserTerm, IVacancies$1 as IVacancies, IVacantPositions, IValueSelect, IconItem, IconProps, IlistMenuUserProps, Image, ImageCard, InlineDetails, Input, InputFile, InputPlus, InputSearch, JobActions, JobApplyCard, JobCard, JobCardDesktop, JobCardMobile, JobCompanyHeader, JobCompanyLogo, JobDetailCard, JobDetailContainer, JobDetails, JobDetailsDrawer, JobFooterCard, JobHeader, JobRequirementsElement, JobSkillsCard, JobSuggestedCard, JobSuggestedDrawer, JobSuggestedHeader, JobSuggestedSection, JobSuggestedSimilarJobs, JobVideo, JobsPage, Link, LinkElement, LinkType, ListIconLink, ListMenuIcons, ListMenuItems, ListMenuText, ListSortMenu, Loading, LoginHeader, LoginJobsHeader, LoginJobsTemplate, LoginTemplate, LogoComponent, LogoutHeader, LogoutJobsHeader, LogoutJobsTemplate, LogoutTemplate, MagnetoResolution, MagnetoSocialMedia, MagnetoUIBorder, MagnetoUIColor, MagnetoUIGap, MagnetoUIMargin, MagnetoUIOpacity, MagnetoUIPadding, ContextAppProvider as MagnetoUIProvider, MagnetoUIRadius, MagnetoUIScale, MagnetoUIScreen, MagnetoUIShadow, MagnetoUIText, MagnetoUIWeight, MainButton, MegaMenu, MegaMenuCard, MegaMenuCards, MegaMenuDrawer, MegaMenuDrawerItem, MegaMenuEmpty, MegaMenuJobsTabs, MegaMenuPopover, MegaMenuSideCards, MegaMenuTab, MenuDropdown, MenuIcon, MenuItem, MenuItemInfo, MenuSearch, Message, MobileDatePicker, MobileDrawer, MobileDrawerMenu, MobileJobDetailsDrawer, MobileJobDetailsHeader, MobileSearchbar, MobileSortMenu, _default$2 as Modal, ModalAnalyst, ModalResponsive, MultiRangeSlider, MultipleSelectionEntry, NavMenuAnalyst, NavMenuAnalystRegionModal, NavMenuDrawerAnalyst, Notification, OneSelectionEntry, Pagination, Paragraph, Popover, PortalTooltip, ProcessesCard, Qualification, Radio, RatingBadge, RightsReservedText, SaveButton, ScoreLevel, ScoreLevelStatic, ScrollableTab, SearchButton, SearchItem, Searchbar, Select, Select2, ShareButton, SharePopover, SideFilter, SimilarCard, SimilarCardIcon, SimilarCardLogo, SimilarJobs, SimilarJobsCard, Skill$1 as Skill, SortBar, _default$1 as SortMenu, SuggestedJobsPage, Switch, TCandidateNav, TCandidateNavOption, TCandidateNavOptions, TCandidateNavStep, TCandidateProfile, TCandidateProfileBody, TCandidateProfileHeader, TCandidateProfileTemplateMainNav, TCandidateProfileTemplateNav, TCandidateProfileToggler, TCollapse, TCollapseBody, TCollapseHeader, TCollapseToggler, TExpandableInfoSize, TExpandableInfoVariant, TInputFile, TJobActionsVariant, TMessageType, TToggleButtonList, TTypographyFontWeight, TTypographyParagraph, TVacantOption, TVacantOptionType, Tab, TabButton, TabButtonElement, TabItem, Tags as Tag, TextArea, TextCustom, TimeLineItemStatus, Timeline, TimelineEvent, TimelineEventProps, ToggleButton, ToggleButtonList, Tooltip, Typography, UserMenu, UserMenuAnalyst, UserMenuButtonAnalyst, UserMenuWrapperAnalyst, UserTermCheck, UserTermContent, UserTermHighlight, UserTermSubTitle, UserTermSubmit, UserTermText, UserTermTitle, UserTermUList, UserTerms, VacantPositions, useMediaQuery, withClickOut, withMegaMenuSideCards };