magneto365.ui 2.55.0 → 2.55.2

package/dist/cjs/types/components/UI/molecules/FraudCardJob/FraudCardJob.component.d.ts

@@ -1,3 +1,3 @@
-export declare const FraudCardJob: ({ fraudLink }: {
-    fraudLink: string;
-}) => JSX.Element;
+import React from 'react';
+import { IFraudCardJob } from './FraudCardJob.interface';
+export declare const FraudCardJob: React.FC<IFraudCardJob>;

package/dist/cjs/types/components/UI/molecules/FraudCardJob/FraudCardJob.interface.d.ts

@@ -0,0 +1,18 @@
+export interface IFraudCardJob {
+    /**
+     * This is the text that display in the title of the card
+     */
+    title: string;
+    /**
+     *This is the text that display in the body of the card
+     */
+    content: string;
+    /**
+     * This is the text that display in the report button of the card
+     */
+    linkText: string;
+    /**
+     * This is the link to redirect to the fraud form
+     */
+    link: string;
+}

package/dist/cjs/types/components/UI/molecules/MegaMenuCard/MegaMenuCard.interface.d.ts

@@ -30,7 +30,7 @@ export interface IMegaMenuCard {
     /**
      * Onclick callback
      * */
-    onClick: () => void;
+    onClick?: () => void;
     /**
      * Show arrow icon
      * */

package/dist/cjs/types/components/UI/molecules/MegaMenuSideCards/MegaMenuSideCards.interface.d.ts

@@ -5,4 +5,5 @@ export interface IMegaMenuSideCards {
     onSelectCard?: (index: number) => void;
     action?: IMegaMenuLink;
     maxCards?: number;
+    initValue?: number;
 }

package/dist/cjs/types/components/UI/organism/JobDetailsDrawer/JobDetailsDrawer.interface.d.ts

@@ -8,6 +8,7 @@ import { ReactNode } from 'react';
 import { ISimilarJobs } from '../SimilarJobs/SimilarJobs.interface';
 import { IJobVideo } from '@components/UI/molecules/JobVideo';
 import { ICityDetail } from '../../molecules/CitiesDetailDrawer';
+import { IFraudCardJob } from '../../molecules/FraudCardJob/FraudCardJob.interface';
 export interface IJobDetailsDrawer {
     /**
      * Props for the job company logo and header section.
@@ -74,7 +75,7 @@ export interface IJobDetailsDrawer {
     isRemote: boolean;
     textRemote: string;
     /**
-     * set link to fraud card
+     * Props for the fraud card job.
      */
-    fraudLink: string;
+    fraudCardJobProps: IFraudCardJob;
 }

package/dist/cjs/types/components/UI/organism/MobileJobDetailsDrawer/MobileJobDetailsDrawer.interface.d.ts

@@ -1,9 +1,10 @@
+import { ReactNode } from 'react';
 import { IJobApplyCard, IJobCompanyHeader, IJobDetailCard, IJobFooterCard, IJobSkillsCard, ICityDetail } from '@components/UI/molecules';
 import { IMobileJobDetailsActionsBar } from '../MobileJobDetailsActionsBar';
-import { ReactNode } from 'react';
-import { ISimilarJobs } from '../SimilarJobs/SimilarJobs.interface';
 import { IJobVideo } from '@components/UI/molecules/JobVideo';
+import { ISimilarJobs } from '../SimilarJobs/SimilarJobs.interface';
 import { SwipeProps } from '../Swipe/Swipe.interface';
+import { IFraudCardJob } from './../../molecules/FraudCardJob/FraudCardJob.interface';
 export interface IMobileJobDetailsDrawer {
     /**
      * Props for the job company logo and header section.
@@ -84,7 +85,7 @@ export interface IMobileJobDetailsDrawer {
     isRemote: boolean;
     textRemote: string;
     /**
-     * set link to fraud card
+     * Props for the fraud card job.
      */
-    fraudLink: string;
+    fraudCardJobProps: IFraudCardJob;
 }

package/dist/cjs/types/constants/icons.constants.d.ts

@@ -33,7 +33,7 @@ export { default as Calendar1 } from '../assets/Calendar1.svg';
 export { default as Checked } from '../assets/Checked.svg';
 export { default as ClipboardClose } from '../assets/ClipboardClose.svg';
 export { default as Clock } from '../assets/Clock.svg';
-export { default as ClockLine } from '../assets/clock.svg';
+export { default as ClockLine } from '../assets/clock-line.svg';
 export { default as Close } from '../assets/Close.svg';
 export { default as CloseCircle } from '../assets/closeCircle.svg';
 export { default as CloseCircleRedBold } from '../assets/closeCircleRedBold.svg';

package/dist/cjs/types/constants/stories/fraudCardJob.constant.d.ts

@@ -0,0 +1,2 @@
+import { IFraudCardJob } from '../../components/UI/molecules/FraudCardJob/FraudCardJob.interface';
+export declare const fraudCardJob: IFraudCardJob;

package/dist/esm/index.js

@@ -1365,8 +1365,8 @@ var MegaMenuCard = function (_a) {
 };
 
 var MegaMenuSideCards = function (_a) {
-    var jobs = _a.jobs, action = _a.action, onSelectCard = _a.onSelectCard, _b = _a.maxCards, maxCards = _b === void 0 ? 10 : _b;
-    var _c = useState(0), selected = _c[0], setSelected = _c[1];
+    var jobs = _a.jobs, action = _a.action, onSelectCard = _a.onSelectCard, initValue = _a.initValue, _b = _a.maxCards, maxCards = _b === void 0 ? 10 : _b;
+    var _c = useState(initValue || 0), selected = _c[0], setSelected = _c[1];
     var handleClick = useCallback(function (index) { return function () {
         setSelected(index);
         onSelectCard && onSelectCard(index);
@@ -1374,7 +1374,7 @@ var MegaMenuSideCards = function (_a) {
     return (React.createElement("ul", { className: "".concat(style$S["mega-menu-side-cards"]) },
         jobs &&
             jobs.slice(0, maxCards).map(function (job, key) { return (React.createElement("li", { key: key },
-                React.createElement(MegaMenuCard, __assign({}, job, { showRigthArrow: selected == key, className: "".concat(style$S["mega-menu-side-cards__card"], " ").concat(selected == key ? style$S["mega-menu-side-cards__card--selected"] : ''), onClick: handleClick(key) })))); }),
+                React.createElement(MegaMenuCard, __assign({}, job, { showRigthArrow: selected == key, className: "".concat(style$S["mega-menu-side-cards__card"], " ").concat(selected == key ? style$S["mega-menu-side-cards__card--selected"] : ''), onClick: onSelectCard ? handleClick(key) : undefined })))); }),
         action && (React.createElement("li", null,
             React.createElement(SearchItem, { url: action.url, tag: action.label, className: "".concat(style$S["mega-menu-side-cards__action"]), icon: ArrowRightWhite })))));
 };
@@ -1578,16 +1578,16 @@ var FilterSearchItem = function (_a) {
 var styles$1Q = {"fraud-card-job":"mg_fraud_card_job_fraud-card-job_136f2","fraud-card-job__header":"mg_fraud_card_job_fraud-card-job_header_136f2","fraud-card-job__text":"mg_fraud_card_job_fraud-card-job_text_136f2","fraud-card-job__link":"mg_fraud_card_job_fraud-card-job_link_136f2"};
 
 var Component$23 = function (_a) {
-    var fraudLink = _a.fraudLink;
+    var title = _a.title, content = _a.content, linkText = _a.linkText, link = _a.link;
     return (React.createElement("div", { className: styles$1Q['fraud-card-job'] },
         React.createElement("div", { className: styles$1Q['fraud-card-job__header'] },
             React.createElement("img", { src: Warning3D, alt: "warning" }),
-            React.createElement("h4", null, "\u00A1Ten cuidado con el fraude!")),
+            React.createElement("h4", null, title)),
         React.createElement("div", null,
-            React.createElement("p", { className: styles$1Q['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."),
-            React.createElement("a", { target: "_blank", rel: "noreferrer", className: styles$1Q['fraud-card-job__link'], href: fraudLink },
+            React.createElement("p", { className: styles$1Q['fraud-card-job__text'] }, content),
+            React.createElement("a", { target: "_blank", rel: "noreferrer", className: styles$1Q['fraud-card-job__link'], href: link },
                 React.createElement("img", { src: WarningHex, alt: "warning" }),
-                "Reportar fraude"))));
+                linkText))));
 };
 var FraudCardJob = Component$23;
 
@@ -5231,7 +5231,7 @@ var SimilarJobs = function (_a) {
 };
 
 var Component$P = 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, fraudLink = _a.fraudLink;
+    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 jobDetailsRef = useRef(null);
     useEffect(function () {
         if (jobDetailsRef.current) {
@@ -5250,7 +5250,7 @@ var Component$P = function (_a) {
                 jobVideo && React.createElement(JobVideo, __assign({}, jobVideo, { loadVideo: loadVideo, setLoadVideo: setLoadVideo })),
                 React.createElement(JobDetailCard, __assign({}, jobDetailCardProps)),
                 React.createElement(JobSkillsCard, __assign({}, jobSkillsCardProps)),
-                React.createElement(FraudCardJob, { fraudLink: fraudLink }),
+                React.createElement(FraudCardJob, __assign({}, fraudCardJobProps)),
                 React.createElement(JobApplyCard, __assign({}, jobApplyCardProps)),
                 React.createElement(JobFooterCard, __assign({ iconList: iconFooterList }, jobFooterCardProps)),
                 similarJobsProps ? React.createElement(SimilarJobs, __assign({}, similarJobsProps)) : null))),
@@ -5788,7 +5788,7 @@ var Swipe = function (_a) {
 };
 
 var Component$G = 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, fraudLink = _a.fraudLink;
+    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 handleClose = useCallback(function () {
         if (onClose) {
             onClose();
@@ -5802,7 +5802,7 @@ var Component$G = function (_a) {
             jobVideo && React.createElement(JobVideo, __assign({}, jobVideo, { loadVideo: loadVideo, setLoadVideo: setLoadVideo })),
             React.createElement(JobDetailCard, __assign({}, jobDetailCardProps)),
             jobSkillsCardProps && React.createElement(JobSkillsCard, __assign({}, jobSkillsCardProps)),
-            React.createElement(FraudCardJob, { fraudLink: fraudLink }),
+            React.createElement(FraudCardJob, __assign({}, fraudCardJobProps)),
             React.createElement(JobApplyCard, __assign({}, jobApplyCardProps)),
             React.createElement(JobFooterCard, __assign({ iconList: iconFooterList }, jobFooterCardProps)),
             similarJobsProps ? React.createElement(SimilarJobs, __assign({}, similarJobsProps)) : null));
@@ -5821,7 +5821,7 @@ var Component$G = function (_a) {
         setLoadVideo,
         jobDetailCardProps,
         jobSkillsCardProps,
-        fraudLink,
+        fraudCardJobProps,
         jobApplyCardProps,
         jobFooterCardProps,
         similarJobsProps