magneto365.ui 2.75.1-job-details.7 → 2.75.1-job-details.9

package/dist/esm/index.js

@@ -46,6 +46,7 @@ export { Typography } from './components/UI/atoms/Typography/Typography.componen
 export { ETypographyFontWeight } from './components/UI/atoms/Typography/Typography.interface.js';
 export { UserMenuButtonAnalyst } from './components/UI/atoms/UserMenuButtonAnalyst/UserMenuButtonAnalyst.component.js';
 export { InlineDetails } from './components/UI/atoms/InlineDetails/InlineDetails.component.js';
+export { HorizontalBar } from './components/UI/atoms/HorizontalBar/HorizontalBar.component.js';
 export { Actions } from './components/UI/molecules/Actions/Actions.component.js';
 export { Alert } from './components/UI/molecules/Alert/Alert.component.js';
 export { AlertJobModal } from './components/UI/molecules/AlertJobModal/AlertJobModal.component.js';
@@ -201,6 +202,17 @@ export { MegaMenu } from './components/UI/template/MegaMenu/MegaMenu.component.j
 export { default as SideFilter } from './components/UI/template/SideFilter/SideFilter.component.js';
 export { default as SortBar } from './components/UI/template/SortBar/SortBar.component.js';
 export { default as VacantPositions } from './components/UI/template/VacantPositionsTemplate/VacantPositions.component.js';
+import 'react';
+import './constants/stories/DatePicker.constants.js';
+import './constants/stories/jobVideo.constants.js';
+import './constants/stories/megaMenu.constants.js';
+import './constants/stories/sideFilter.constants.js';
+import './constants/stories/vacancies.constants.js';
+import './constants/stories/vacantPositionsCategory.constants.js';
+import './constants/img.constants.js';
+export { FormHandlerProvider, useFormHandler } from './components/UI/template/TestsFormHandler/TestsFormHandler.context.js';
+export { default as TestFormHandler } from './components/UI/template/TestsFormHandler/TestsFormHandler.component.js';
+export { default as GlobalQuestion } from './components/UI/template/TestsFormHandler/children/GlobalQuestion/GlobalQuestion.component.js';
 export { default as withClickOut } from './components/hoc/withClickOut/index.js';
 export { default as withMegaMenuSideCards } from './components/hoc/megaMenu/withSideCards.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/utils/icons/iconMapping.utils.js

@@ -0,0 +1,89 @@
+import FiltersContract from '../../assets/filters-contract.svg.js';
+import FiltersDate from '../../assets/filters-date.svg.js';
+import FiltersExperience from '../../assets/filters-experience.svg.js';
+import FiltersInternship from '../../assets/filters-internship.svg.js';
+import FiltersModality from '../../assets/filters-modality.svg.js';
+import FiltersOthers from '../../assets/filters-others.svg.js';
+import FiltersSalary from '../../assets/filters-salary.svg.js';
+import FiltersSectors from '../../assets/filters-sectors.svg.js';
+
+var iconMap = {
+    sectors_ids: FiltersSectors,
+    sector_id: FiltersSectors,
+    categories_ids: FiltersSectors,
+    category_id: FiltersSectors,
+    salary_show: FiltersSalary,
+    salary_min: FiltersSalary,
+    salary_max: FiltersSalary,
+    salary_range: FiltersSalary,
+    compensation: FiltersSalary,
+    experience_months_number: FiltersExperience,
+    experience_years: FiltersExperience,
+    experience_level: FiltersExperience,
+    seniority_level: FiltersExperience,
+    publish_date: FiltersDate,
+    created_at: FiltersDate,
+    deadline_date: FiltersDate,
+    application_deadline: FiltersDate,
+    contract_type_id: FiltersContract,
+    employment_type: FiltersContract,
+    job_type: FiltersContract,
+    work_arrangement: FiltersContract,
+    internship_types_id: FiltersInternship,
+    education_level: FiltersInternship,
+    degree_required: FiltersInternship,
+    academic_level: FiltersInternship,
+    location_ids: FiltersModality,
+    city_id: FiltersModality,
+    state_id: FiltersModality,
+    country_id: FiltersModality,
+    remote_work: FiltersModality,
+    work_modality: FiltersModality,
+    is_remote: FiltersModality,
+    department_id: FiltersModality,
+    company_size: FiltersModality,
+    disabled_people: FiltersOthers,
+    gender_preference: FiltersOthers,
+    age_range: FiltersOthers,
+    diversity: FiltersOthers,
+    aditional_information: FiltersOthers,
+    is_internal: FiltersOthers
+};
+var getFieldIconByPattern = function (field) {
+    var fieldLower = field.toLowerCase();
+    if (fieldLower.includes('salary') || fieldLower.includes('sueldo') || fieldLower.includes('salario')) {
+        return FiltersSalary;
+    }
+    if (fieldLower.includes('experience') || fieldLower.includes('experiencia')) {
+        return FiltersExperience;
+    }
+    if (fieldLower.includes('date') || fieldLower.includes('fecha')) {
+        return FiltersDate;
+    }
+    if (fieldLower.includes('sector') || fieldLower.includes('category') || fieldLower.includes('categoria')) {
+        return FiltersSectors;
+    }
+    if (fieldLower.includes('contract') || fieldLower.includes('contrato')) {
+        return FiltersContract;
+    }
+    if (fieldLower.includes('internship') || fieldLower.includes('pasantia') || fieldLower.includes('education')) {
+        return FiltersInternship;
+    }
+    if (fieldLower.includes('remote') || fieldLower.includes('modality') || fieldLower.includes('modalidad')) {
+        return FiltersModality;
+    }
+    if (fieldLower.includes('people') || fieldLower.includes('person') || fieldLower.includes('gender')) {
+        return FiltersOthers;
+    }
+    return FiltersOthers;
+};
+var getFieldIcon = function (field, providedIcon) {
+    if (providedIcon)
+        return providedIcon;
+    if (iconMap[field])
+        return iconMap[field];
+    return getFieldIconByPattern(field);
+};
+
+export { getFieldIcon };
+//# sourceMappingURL=iconMapping.utils.js.map

package/dist/esm/utils/icons/iconMapping.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconMapping.utils.js","sources":["../../../../src/utils/icons/iconMapping.utils.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/esm/utils/validateAnswers/validateStepAnswers.js

@@ -0,0 +1,28 @@
+var validateCurrentStepAnswers = function (currentStepQuestions, answers) {
+    return Object.entries(currentStepQuestions).every(function (_a) {
+        var questionId = _a[0], questionType = _a[1];
+        var answer = answers[questionId];
+        if (questionType === 'multiple') {
+            return Array.isArray(answer) && answer.length > 0;
+        }
+        else if (questionType === 'single') {
+            return answer && typeof answer === 'object' && !Array.isArray(answer) && 'id' in answer;
+        }
+        else if (questionType === 'text') {
+            return typeof answer === 'string' && answer.trim().length > 0;
+        }
+        return false;
+    });
+};
+var questionTypeValidators = {
+    multiple: function (answer) { return !Array.isArray(answer) || answer.length === 0; },
+    single: function (answer) { return !(answer && typeof answer === 'object' && !Array.isArray(answer) && 'id' in answer); },
+    text: function (answer) { return !(typeof answer === 'string' && answer.trim().length > 0); }
+};
+var isMissingValidator = function (answer, question) {
+    var validator = questionTypeValidators[question.type];
+    return validator ? validator(answer) : false;
+};
+
+export { isMissingValidator, questionTypeValidators, validateCurrentStepAnswers };
+//# sourceMappingURL=validateStepAnswers.js.map

package/dist/esm/utils/validateAnswers/validateStepAnswers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validateStepAnswers.js","sources":["../../../../src/utils/validateAnswers/validateStepAnswers.ts"],"sourcesContent":[null],"names":[],"mappings":"IAEa,0BAA0B,GAAG,UACxC,oBAAuE,EACvE,OAAsC;IAEtC,OAAO,MAAM,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAC,KAAK,CAAC,UAAC,EAA0B;YAAzB,UAAU,QAAA,EAAE,YAAY,QAAA;QAC1E,IAAM,MAAM,GAAG,OAAO,CAAC,UAAU,CAAC,CAAA;QAClC,IAAI,YAAY,KAAK,UAAU,EAAE;YAC/B,OAAO,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,CAAA;SAClD;aAAM,IAAI,YAAY,KAAK,QAAQ,EAAE;YACpC,OAAO,MAAM,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,IAAI,IAAI,MAAM,CAAA;SACxF;aAAM,IAAI,YAAY,KAAK,MAAM,EAAE;YAClC,OAAO,OAAO,MAAM,KAAK,QAAQ,IAAI,MAAM,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAA;SAC9D;QACD,OAAO,KAAK,CAAA;KACb,CAAC,CAAA;AACJ,EAAC;IAEY,sBAAsB,GAAG;IACpC,QAAQ,EAAE,UAAC,MAAkB,IAAK,OAAA,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,GAAA;IAC/E,MAAM,EAAE,UAAC,MAAkB,IAAK,OAAA,EAAE,MAAM,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,IAAI,IAAI,MAAM,CAAC,GAAA;IACnH,IAAI,EAAE,UAAC,MAAkB,IAAK,OAAA,EAAE,OAAO,MAAM,KAAK,QAAQ,IAAI,MAAM,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC,GAAA;EACxF;IAEY,kBAAkB,GAAG,UAAC,MAAkB,EAAE,QAAmB;IACxE,IAAM,SAAS,GAAG,sBAAsB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;IACvD,OAAO,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,GAAG,KAAK,CAAA;AAC9C;;;;"}

package/dist/types/components/Domain/Jobs/JobCompanyLogo/JobCompanyLogo.component.d.ts

@@ -0,0 +1,9 @@
+import React__default from 'react';
+import { IJobCompanyLogo } from './JobCompanyLogo.interface';
+
+/**
+ * UI Atom component of Company Logo
+ */
+declare const JobCompanyLogo: React__default.FC<IJobCompanyLogo>;
+
+export { JobCompanyLogo };

package/dist/types/components/Domain/Jobs/JobCompanyLogo/JobCompanyLogo.interface.d.ts

@@ -0,0 +1,9 @@
+interface IJobCompanyLogo {
+    /**
+     * The JSX element representing the company logo to be displayed.
+     */
+    offerCompanyLogo?: JSX.Element | string;
+    alt?: string;
+}
+
+export { IJobCompanyLogo };

package/dist/types/components/Domain/Jobs/JobDetails/JobDetails.interface.d.ts

@@ -0,0 +1,14 @@
+interface IJobDetails {
+    renderHeader: () => React.ReactNode;
+    children?: React.ReactNode;
+    renderFooter?: () => React.ReactNode;
+    className?: string;
+    classNames?: {
+        header?: string;
+        body?: string;
+        footer?: string;
+        separator?: string;
+    };
+}
+
+export { IJobDetails };

package/dist/types/components/Domain/Jobs/JobDetails/children/JobDetailsAction/JobDetailsAction.interface.d.ts

@@ -0,0 +1,18 @@
+import { ISharePopover } from '@components/UI/molecules';
+import { iconJobDetailsAction } from '@constants/jobDetails.constants';
+
+declare namespace IJobDetailsAction {
+    interface Common {
+        icon?: keyof typeof iconJobDetailsAction;
+        iconSize?: number;
+        iconAlt?: string;
+        rounded?: boolean;
+        variant?: 'transparent' | 'grey' | 'ai-job-apply' | 'ai-job-detail';
+    }
+    export type Button = React.ComponentPropsWithoutRef<'button'> & Common;
+    export type Link = React.ComponentPropsWithoutRef<'a'> & Common;
+    export type SharePopover = ISharePopover & Common;
+    export {};
+}
+
+export { IJobDetailsAction };

package/dist/types/components/Domain/Jobs/JobDetails/children/JobDetailsDrawer/JobDetailsDrawer.interface.d.ts

@@ -0,0 +1,5 @@
+import { IDrawer } from '@components/UI/molecules';
+
+declare type IJobDetailsDrawer = Omit<IDrawer, 'hideButton' | 'direction' | 'fit-content' | 'customPadding'>;
+
+export { IJobDetailsDrawer };

package/dist/types/components/Domain/Jobs/JobDetails/children/JobDetailsFraud/JobDetailsFraud.interface.d.ts

@@ -0,0 +1,7 @@
+interface IJobDetailsFraud {
+    className?: string;
+    children?: React.ReactNode;
+    renderTitle?: () => React.ReactNode;
+}
+
+export { IJobDetailsFraud };

package/dist/types/components/Domain/Jobs/JobDetails/children/JobDetailsHeader/JobDetailsHeader.interface.d.ts

@@ -0,0 +1,13 @@
+interface IJobDetailsHeader {
+    className?: string;
+    classNames?: {
+        info?: string;
+        title?: string;
+        publishDate?: string;
+    };
+    title: React.ReactNode;
+    publishedDate: React.ReactNode;
+    children?: React.ReactNode;
+}
+
+export { IJobDetailsHeader };

package/dist/types/components/Domain/Jobs/JobDetails/children/JobDetailsSkills/JobDetailsSkills.interface.d.ts

@@ -0,0 +1,12 @@
+import { ISkill } from '@components/UI/atoms';
+
+declare type Skill = ISkill & {
+    id: number | string;
+};
+interface IJobDetailsSkills {
+    className?: string;
+    children?: React.ReactNode;
+    skills: Skill[];
+}
+
+export { IJobDetailsSkills };

package/dist/types/components/Domain/Jobs/JobDetails/children/JobDetailsSubTitle/JobDetailsSubTitle.interface.d.ts

@@ -0,0 +1,9 @@
+import { iconJobDetailsSubTitle } from '../../../../../../constants/jobDetails.constants';
+
+interface IJobDetailsSubTitle {
+    className?: string;
+    icon?: keyof typeof iconJobDetailsSubTitle;
+    children?: React.ReactNode;
+}
+
+export { IJobDetailsSubTitle };

package/dist/types/components/Domain/Jobs/JobDetails/children/JobDetailsSuggested/JobDetailsSuggested.interface.d.ts

@@ -0,0 +1,16 @@
+interface IJobDetailsSuggested {
+    behavior?: 'showcase' | 'tab';
+    classNames?: {
+        container?: string;
+        tag?: string;
+        header?: string;
+        body?: string;
+        footer?: string;
+    };
+    tag?: React.ReactNode;
+    title: React.ReactNode;
+    renderFooter: () => React.ReactNode;
+    children?: React.ReactNode;
+}
+
+export { IJobDetailsSuggested };

package/dist/types/components/Domain/Jobs/JobDetails/children/JobDetailsSummary/JobDetailsSummary.interface.d.ts

@@ -0,0 +1,18 @@
+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;
+}
+
+export { IJobDetailsSummary };

package/dist/types/components/Domain/Jobs/JobDetails/children/JobSuggestedCard/JobSuggestedCard.interface.d.ts

@@ -0,0 +1,32 @@
+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';
+    }
+}
+
+export { IJobSuggestedCard };

package/dist/types/components/Domain/Jobs/JobDetails/index.d.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import { IJobDetailsDrawer } from './children/JobDetailsDrawer/JobDetailsDrawer.interface';
+import { IJobDetailsSubTitle } from './children/JobDetailsSubTitle/JobDetailsSubTitle.interface';
+import { IJobDetailsAction } from './children/JobDetailsAction/JobDetailsAction.interface';
+import { ITypographyLink } from '../../../UI/atoms/Typography/children/TypographyLink/TypographyLink.interface';
+import { IJobDetailsFraud } from './children/JobDetailsFraud/JobDetailsFraud.interface';
+import { IJobDetailsSkills } from './children/JobDetailsSkills/JobDetailsSkills.interface';
+import { IJobDetailsSummary } from './children/JobDetailsSummary/JobDetailsSummary.interface';
+import { IJobSuggestedCard } from './children/JobSuggestedCard/JobSuggestedCard.interface';
+import { IJobDetailsSuggested } from './children/JobDetailsSuggested/JobDetailsSuggested.interface';
+import { IJobDetailsHeader } from './children/JobDetailsHeader/JobDetailsHeader.interface';
+import { IJobDetails } from './JobDetails.interface';
+
+declare const JobDetails: React.FC<IJobDetails> & {
+    Header: React.FC<IJobDetailsHeader>;
+    JobsSuggested: React.FC<IJobDetailsSuggested>;
+    JobSuggestedCard: React.FC<IJobSuggestedCard> & {
+        Section: React.FC<IJobSuggestedCard.Section>;
+    };
+    Summary: React.FC<IJobDetailsSummary>;
+    Skills: React.FC<IJobDetailsSkills>;
+    Fraud: React.FC<IJobDetailsFraud> & {
+        Link: React.FC<ITypographyLink>;
+    };
+    Action: {
+        Button: React.FC<IJobDetailsAction.Button>;
+        Link: React.FC<IJobDetailsAction.Link>;
+        SharePopover: React.FC<IJobDetailsAction.SharePopover>;
+    };
+    Subtitle: React.FC<IJobDetailsSubTitle>;
+    Drawer: React.FC<IJobDetailsDrawer> & {
+        Close: (props: React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>) => JSX.Element;
+    };
+    Skeleton: () => JSX.Element;
+};
+
+export { JobDetails };

package/dist/types/components/Domain/Jobs/JobsPage/JobsPage.component.d.ts

@@ -0,0 +1,6 @@
+import React__default from 'react';
+import { IJobsPage } from './JobsPage.interface';
+
+declare const JobsPage: React__default.FC<IJobsPage>;
+
+export { JobsPage as default };

package/dist/types/{src/components/Domain/Jobs/JobsPage/index.d.ts → components/Domain/Jobs/JobsPage/JobsPage.interface.d.ts}

@@ -1,4 +1,3 @@
-import React__default from 'react';
 import { IJobCard } from '@components/UI/molecules/JobCard/JobCard.interface';
 import { IFrequentSearch, IPaginationProps, IJobSkillsCard } from '@components/UI/molecules';
 import { ISortBar } from '@components/UI/template/SortBar/SortBar.interface';
@@ -78,6 +77,10 @@ interface IJobsPage {
      * This property sets the job details content
      */
     jobDetailsContent: React.ReactNode;
+    /**
+     *  This property sets the job card type filter, which can be either 'row' or 'side'.
+     */
+    typeFilters?: 'row' | 'side';
 }
 interface IVacancies extends IJobCard {
     offerVacancyData?: string;
@@ -88,32 +91,5 @@ interface IDynamicUrl {
     fullUrl: string;
     fullJobsUrl: string;
 }
-/**
- * Different kinds of option. links for anchor tag, button for button tag and menu for dropdown component.
- */
-declare type TVacantOptionType = {
-    type: 'link';
-    href: string;
-} | {
-    type: 'menu';
-    children: TVacantOption[];
-} | {
-    type: 'button';
-    onClick?: VoidFunction;
-};
-declare type TVacantOption = {
-    className?: string;
-    /**
-     * Label to display in the option ui.
-     */
-    label: string;
-    /**
-     * icon to display in the option ui.
-     * @example values in ShareIcons constant like Facebook, X, Sms, Export or custom value as a link.
-     */
-    icon?: string;
-} & TVacantOptionType;
-
-declare const JobsPage: React__default.FC<IJobsPage>;
 
-export { IDynamicUrl, IJobsPage, IVacancies, JobsPage, TVacantOption, TVacantOptionType };
+export { IDynamicUrl, IJobsPage, IVacancies };

package/dist/types/components/Domain/Jobs/SimilarJobs/SimilarJobs.interface.d.ts

@@ -0,0 +1,29 @@
+import { ISimilarJobsCard } from './children/SimilarJobsCard/SimilarJobsCard.interface';
+
+interface ISimilarJobs {
+    /**
+     * this is the title in the top
+     * @deprecated is not used.
+     */
+    sectionTitle?: string;
+    /**
+     * this is the link text
+     * @deprecated is not used.
+     */
+    moreJobsText?: string;
+    /**
+     * this is the link text
+     * @deprecated is not used.
+     */
+    moreJobsLink?: string;
+    /**
+     * this property hide the image
+     */
+    hideLogo?: boolean;
+    /**
+     * these are similar jobs cards values
+     */
+    similarJobsCard: ISimilarJobsCard[];
+}
+
+export { ISimilarJobs };

package/dist/types/components/Domain/Jobs/SimilarJobs/children/SimilarJobsCard/SimilarJobsCard.interface.d.ts

@@ -0,0 +1,32 @@
+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;
+}
+
+export { ISimilarJobsCard };

package/dist/types/components/Domain/Jobs/SimilarJobs/index.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { ITypographyLink } from '../../../UI/atoms/Typography/children/TypographyLink/TypographyLink.interface';
+import { ISimilarJobs } from './SimilarJobs.interface';
+
+declare const SimilarJobs: React.FC<ISimilarJobs> & {
+    Link: React.FC<ITypographyLink>;
+};
+
+export { SimilarJobs };

package/dist/types/components/Domain/Jobs/src/components/Domain/Jobs/index.d.ts

@@ -0,0 +1,4 @@
+export { default as JobsPage } from '../../../../JobsPage/JobsPage.component';
+export { JobDetails } from '../../../../JobDetails/index';
+export { SimilarJobs } from '../../../../SimilarJobs/index';
+export { JobCompanyLogo } from '../../../../JobCompanyLogo/JobCompanyLogo.component';

package/dist/types/components/UI/atoms/Avatar/Avatar.component.d.ts

@@ -0,0 +1,9 @@
+import React__default from 'react';
+import { IAvatar } from './Avatar.interface';
+
+/**
+ * UI Atom component of Avatar
+ */
+declare const Avatar: React__default.FC<IAvatar>;
+
+export { Avatar };

package/dist/types/components/UI/atoms/Avatar/Avatar.interface.d.ts

@@ -0,0 +1,16 @@
+interface IAvatar {
+    /**
+     * Sets the user image
+     */
+    userImage?: string | null;
+    /**
+     * Sets the fallback image when the image is not available
+     */
+    fallbackImage?: string;
+    /**
+     * Optional click handler
+     */
+    onClick?: () => void;
+}
+
+export { IAvatar };

package/dist/types/components/UI/atoms/Badge/Badge.component.d.ts

@@ -0,0 +1,6 @@
+import React__default from 'react';
+import { IBadge } from './Badge.interface';
+
+declare const Badge: React__default.FC<IBadge>;
+
+export { Badge };

package/dist/types/components/UI/atoms/Badge/Badge.interface.d.ts

@@ -0,0 +1,12 @@
+interface IBadge {
+    /**
+     * this property sets a custom number
+     */
+    number?: number;
+    /**
+     * this property sets custom classname
+     */
+    className?: string;
+}
+
+export { IBadge };

package/dist/types/components/UI/atoms/BarChart/BarChart.component.d.ts

@@ -0,0 +1,6 @@
+import React__default from 'react';
+import { IBarChart } from './BarChart.interface';
+
+declare const BarChart: React__default.FC<IBarChart>;
+
+export { BarChart };

package/dist/types/components/UI/atoms/BarChart/BarChart.interface.d.ts

@@ -0,0 +1,28 @@
+interface IBarChart {
+    /**
+     * Sets the range of the bar
+     */
+    bin: number[];
+    /**
+     * Sets the percentage of the bar
+     */
+    heightPercentage: number;
+    /**
+     * Sets the description text of the bar
+     */
+    jobText: string;
+    /**
+     * Sets the maximum percentage of the bar
+     */
+    maxPercentage?: number;
+    /**
+     * Sets the maximum height of the bar
+     */
+    maxHeight?: number;
+    /**
+     * Point color (RGB) or color
+     */
+    point?: string;
+}
+
+export { IBarChart };

package/dist/types/components/UI/atoms/BarLoader/BarLoader.component.d.ts

@@ -0,0 +1,9 @@
+import React__default from 'react';
+import { IBardLoader } from './BarLoader.interface';
+
+/**
+ * UI Atom component of Bar Loader
+ */
+declare const BarLoader: React__default.FC<IBardLoader>;
+
+export { BarLoader };

package/dist/types/components/UI/atoms/BarLoader/BarLoader.interface.d.ts

@@ -0,0 +1,16 @@
+interface IBardLoader {
+    /**
+     * Class name of bar loader wrapper
+     */
+    className?: string;
+    /**
+     * Color of loading bar
+     */
+    color?: string;
+    /**
+     * Percentage of completed
+     */
+    percent?: number;
+}
+
+export { IBardLoader };

package/dist/types/components/UI/atoms/Breadcrumb/Breadcrumb.component.d.ts

@@ -0,0 +1,9 @@
+import React__default from 'react';
+import { IBreadcrumb } from './Breadcrumb.interface';
+
+/**
+ * Atom UI of breadcrumb
+ */
+declare const Breadcrumb: React__default.FC<IBreadcrumb>;
+
+export { Breadcrumb };