qlu-20-ui-library 1.7.3 → 1.7.5

package/dist/types/components/AssignmentCreationCard/index.js

@@ -2,22 +2,23 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import "./style.scss";
 import { getInitials } from "../../utils";
 import { BadgeNonClickable, EllipsisText, IconButton, Loader } from "..";
-const RenderAddOrRemoveButton = ({ isAdmin = false, isLoading = false, iconType = "plus", onClick, }) => {
+const RenderAddOrRemoveButton = ({ isAdmin = false, isLoading = false, iconType = "plus", onClick, dataCy, }) => {
     if (isAdmin) {
         return null;
     }
     else if (isLoading) {
         return _jsx(Loader, { height: "36", width: "36" });
     }
-    return (_jsx(IconButton, { shape: "circular", color: "gray", variant: "tertiary", iconType: iconType, onClick: onClick, sizeVariant: "xs" }));
+    return (_jsx(IconButton, { shape: "circular", color: "gray", variant: "tertiary", iconType: iconType, onClick: onClick, sizeVariant: "xs", "data-cy": `${dataCy}-${iconType.toLowerCase()}` }));
 };
-const AssignmentCreation = ({ assigneeName, assigneeMail, iconType = "plus", isLoading = false, isAdmin = false, onClick, }) => {
+const AssignmentCreation = ({ assigneeName, assigneeMail, iconType = "plus", isLoading = false, isAdmin = false, onClick, dataCy, }) => {
     const invalidName = !assigneeName || !assigneeName.trim();
     return (_jsxs("div", { className: `assignmentCreation ${iconType}`, children: [_jsx("div", { className: "addTribeMemberCard--Initials", children: invalidName ? "U" : getInitials(assigneeName).toUpperCase() }), _jsxs("span", { className: "addTribeMemberCard--TextAndButton", children: [_jsxs("span", { className: "addTribeMemberCard--Details", children: [_jsx("span", { className: "addTribeMemberCard--Name", children: _jsx(EllipsisText, { maxWidth: "100%", children: assigneeName }) }), _jsx("span", { className: "addTribeMemberCard--Mail", children: _jsx(EllipsisText, { maxWidth: "100%", children: assigneeMail }) }), isAdmin && (_jsx(BadgeNonClickable, { showIcon: false, text: "Owner", variant: "neutral" }))] }), RenderAddOrRemoveButton({
                         iconType,
                         isAdmin,
                         isLoading,
                         onClick,
+                        dataCy,
                     })] })] }));
 };
 export default AssignmentCreation;

package/dist/types/components/AssignmentIdealProfileSelectionCard/DynamicEducationCard/index.d.ts

@@ -9,6 +9,7 @@ interface EducationCardProps {
 interface DynamicEducationCardProps {
     educations: EducationCardProps[];
     initialItemsToShow: number;
+    dataCy?: string;
 }
-declare const DynamicEducationCard: ({ educations, initialItemsToShow, }: DynamicEducationCardProps) => import("react/jsx-runtime").JSX.Element;
+declare const DynamicEducationCard: ({ educations, initialItemsToShow, dataCy, }: DynamicEducationCardProps) => import("react/jsx-runtime").JSX.Element;
 export default DynamicEducationCard;

package/dist/types/components/AssignmentIdealProfileSelectionCard/DynamicEducationCard/index.js

@@ -3,7 +3,7 @@ import "./style.scss";
 import { useState } from "react";
 import { ClickableText } from "../..";
 import EducationCard from "../../EducationCard";
-const DynamicEducationCard = ({ educations = [], initialItemsToShow = 3, }) => {
+const DynamicEducationCard = ({ educations = [], initialItemsToShow = 3, dataCy, }) => {
     const [count, setCount] = useState(initialItemsToShow);
     const [buttonText, setButtonText] = useState(`${educations.length > initialItemsToShow
         ? educations.length - initialItemsToShow
@@ -16,6 +16,6 @@ const DynamicEducationCard = ({ educations = [], initialItemsToShow = 3, }) => {
                             setCount(educations.length === count
                                 ? initialItemsToShow
                                 : educations.length);
-                        } })) })] }) }));
+                        }, dataCy: `${dataCy}-view-more-less` })) })] }) }));
 };
 export default DynamicEducationCard;

package/dist/types/components/AssignmentIdealProfileSelectionCard/DynamicExperienceCard/index.d.ts

@@ -15,6 +15,7 @@ interface DynamicExperienceCardProps {
     experiences: ExperienceCardProps[];
     initialItemsToShow: number;
     onCompanyClick: (universalName: string, urn: string) => void;
+    dataCy?: string;
 }
-declare const DynamicExperienceCardList: ({ experiences, initialItemsToShow, onCompanyClick, }: DynamicExperienceCardProps) => import("react/jsx-runtime").JSX.Element;
+declare const DynamicExperienceCardList: ({ experiences, initialItemsToShow, onCompanyClick, dataCy, }: DynamicExperienceCardProps) => import("react/jsx-runtime").JSX.Element;
 export default DynamicExperienceCardList;

package/dist/types/components/AssignmentIdealProfileSelectionCard/DynamicExperienceCard/index.js

@@ -4,7 +4,7 @@ import { useState } from "react";
 import { ClickableText } from "../..";
 import ExperienceCard from "../../ExperienceAndEducatioCard";
 import { isFirstExperience, isLastExperience } from "../../../utils";
-const DynamicExperienceCardList = ({ experiences, initialItemsToShow, onCompanyClick, }) => {
+const DynamicExperienceCardList = ({ experiences, initialItemsToShow, onCompanyClick, dataCy, }) => {
     const [count, setCount] = useState(initialItemsToShow);
     const [buttonText, setButtonText] = useState(`${experiences.length > initialItemsToShow
         ? experiences.length - initialItemsToShow
@@ -20,6 +20,6 @@ const DynamicExperienceCardList = ({ experiences, initialItemsToShow, onCompanyC
                             setCount(experiences.length === count
                                 ? initialItemsToShow
                                 : experiences.length);
-                        } })) })] }) }));
+                        }, dataCy: `${dataCy}-view-more-less` })) })] }) }));
 };
 export default DynamicExperienceCardList;

package/dist/types/components/AssignmentIdealProfileSelectionCard/NotesProspectiveList/index.d.ts

@@ -3,6 +3,7 @@ import "./style.scss";
 interface NoteProspectiveCardListProps {
     notes: ProfileNote[];
     onNotesViewAllClick: () => void;
+    dataCy?: string;
 }
-declare const NoteProspectiveCardList: ({ notes, onNotesViewAllClick, }: NoteProspectiveCardListProps) => import("react/jsx-runtime").JSX.Element;
+declare const NoteProspectiveCardList: ({ notes, onNotesViewAllClick, dataCy, }: NoteProspectiveCardListProps) => import("react/jsx-runtime").JSX.Element;
 export default NoteProspectiveCardList;

package/dist/types/components/AssignmentIdealProfileSelectionCard/NotesProspectiveList/index.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ClickableText } from "../..";
 import Note from "../Note";
 import "./style.scss";
-const NoteProspectiveCardList = ({ notes, onNotesViewAllClick, }) => {
+const NoteProspectiveCardList = ({ notes, onNotesViewAllClick, dataCy, }) => {
     const options = {
         month: "short",
         day: "numeric",
@@ -11,7 +11,7 @@ const NoteProspectiveCardList = ({ notes, onNotesViewAllClick, }) => {
         minute: "numeric",
         hour12: true,
     };
-    return (_jsxs("div", { className: "notes--container", children: [_jsxs("div", { className: "notes-header", children: [_jsxs("div", { className: "notes-info", children: ["Notes", notes && notes.length > 0 && (_jsx("div", { className: "count", children: notes.length }))] }), _jsx("span", { children: _jsx(ClickableText, { colorVariant: "gray", sizeVariant: "sm", text: notes && notes.length > 0 ? "View All" : "Add", onClick: onNotesViewAllClick }) })] }), _jsx("div", { className: "notesContainer", children: notes &&
+    return (_jsxs("div", { className: "notes--container", children: [_jsxs("div", { className: "notes-header", children: [_jsxs("div", { className: "notes-info", children: ["Notes", notes && notes.length > 0 && (_jsx("div", { className: "count", children: notes.length }))] }), _jsx("span", { children: _jsx(ClickableText, { colorVariant: "gray", sizeVariant: "sm", text: notes && notes.length > 0 ? "View All" : "Add", onClick: onNotesViewAllClick, dataCy: `${dataCy}-${notes && notes.length > 0 ? "view-all" : "add"}` }) })] }), _jsx("div", { className: "notesContainer", children: notes &&
                     notes.slice(0, 2).map((note) => {
                         const correctDateTime = note.updatedAt || note.createdAt;
                         const tranformedDataTime = new Date(correctDateTime)

package/dist/types/components/AssignmentIdealProfileSelectionCard/ProfileCard/index.d.ts

@@ -11,6 +11,7 @@ interface ChatClickableCardProps {
     recentCompany?: string;
     location?: string;
     onViewProfileButtonClick: () => void;
+    dataCy?: string;
 }
-declare const ProfileCard: ({ iconPath, iconSize, name, designation, universalName, urn, recentCompany, location, onViewProfileButtonClick, onCompanyNameClick, }: ChatClickableCardProps) => import("react/jsx-runtime").JSX.Element;
+declare const ProfileCard: ({ iconPath, iconSize, name, designation, universalName, urn, recentCompany, location, onViewProfileButtonClick, onCompanyNameClick, dataCy, }: ChatClickableCardProps) => import("react/jsx-runtime").JSX.Element;
 export default ProfileCard;

package/dist/types/components/AssignmentIdealProfileSelectionCard/ProfileCard/index.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CircularIcon, SecondaryButton } from "../..";
 import "./style.scss";
-const ProfileCard = ({ iconPath = "https://media.licdn.com/dms/image/C5603AQHn7tbH46HwRw/profile-displayphoto-shrink_100_100/0/1651460224714?e=1688601600&v=beta&t=Rp0HL0Q-b3zSydvEhWzj67pxqvi5lIRF-ZlLloVru4o", iconSize = "88", name = "Ethan Brown", designation = "VP Product @ Beyond Meat", universalName, urn, recentCompany, location, onViewProfileButtonClick, onCompanyNameClick, }) => {
-    return (_jsx("div", { className: "profileCard", children: _jsxs("span", { className: "body-profile-card", children: [_jsx("span", { children: _jsx(CircularIcon, { iconPath: iconPath, iconSize: iconSize, altImageType: "profile" }) }), _jsxs("span", { className: "profile-details-section", children: [_jsx("span", { className: "person-name", onClick: onViewProfileButtonClick, children: name }), _jsxs("span", { className: "designation", children: [`${designation} at `, _jsx("span", { className: "companyName", onClick: () => onCompanyNameClick(universalName, urn), children: recentCompany })] }), _jsx("span", { className: "location", children: location })] }), _jsx("span", { className: "view-profile-button-istcardcolum", children: _jsx(SecondaryButton, { text: "View Full Profile", colorVariant: "orange", onClick: onViewProfileButtonClick, sizeVariant: "sm" }) })] }) }));
+const ProfileCard = ({ iconPath = "https://media.licdn.com/dms/image/C5603AQHn7tbH46HwRw/profile-displayphoto-shrink_100_100/0/1651460224714?e=1688601600&v=beta&t=Rp0HL0Q-b3zSydvEhWzj67pxqvi5lIRF-ZlLloVru4o", iconSize = "88", name = "Ethan Brown", designation = "VP Product @ Beyond Meat", universalName, urn, recentCompany, location, onViewProfileButtonClick, onCompanyNameClick, dataCy, }) => {
+    return (_jsx("div", { className: "profileCard", children: _jsxs("span", { className: "body-profile-card", children: [_jsx("span", { children: _jsx(CircularIcon, { iconPath: iconPath, iconSize: iconSize, altImageType: "profile" }) }), _jsxs("span", { className: "profile-details-section", children: [_jsx("span", { className: "person-name", onClick: onViewProfileButtonClick, children: name }), _jsxs("span", { className: "designation", children: [`${designation} at `, _jsx("span", { className: "companyName", onClick: () => onCompanyNameClick(universalName, urn), children: recentCompany })] }), _jsx("span", { className: "location", children: location })] }), _jsx("span", { className: "view-profile-button-istcardcolum", children: _jsx(SecondaryButton, { text: "View Full Profile", colorVariant: "orange", onClick: onViewProfileButtonClick, sizeVariant: "sm", "data-cy": `${dataCy}-view-profile` }) })] }) }));
 };
 export default ProfileCard;

package/dist/types/components/AssignmentIdealProfileSelectionCard/ProfileIstSection/index.d.ts

@@ -25,6 +25,7 @@ interface ProfileCardIstSectionProps {
             isPaused: boolean;
         };
     };
+    dataCy?: string;
 }
-declare const ProfileCardIstSection: ({ profileIconPath, profileIconSize, personName, personDesignation, personRecentCompany, companyLocation, onNotesViewAllClick, onViewProfileButtonClick, universalName, urn, onCompanyNameClick, notes, campaign, onCampaignClick, }: ProfileCardIstSectionProps) => import("react/jsx-runtime").JSX.Element;
+declare const ProfileCardIstSection: ({ profileIconPath, profileIconSize, personName, personDesignation, personRecentCompany, companyLocation, onNotesViewAllClick, onViewProfileButtonClick, universalName, urn, onCompanyNameClick, notes, campaign, onCampaignClick, dataCy, }: ProfileCardIstSectionProps) => import("react/jsx-runtime").JSX.Element;
 export default ProfileCardIstSection;

package/dist/types/components/AssignmentIdealProfileSelectionCard/ProfileIstSection/index.js

@@ -3,7 +3,7 @@ import NoteProspectiveCardList from "../NotesProspectiveList";
 import ProfileCard from "../ProfileCard";
 import "./style.scss";
 import ProspectCampaign from "../../ProspectCampaign";
-const ProfileCardIstSection = ({ profileIconPath = "https://media.licdn.com/dms/image/C5603AQHn7tbH46HwRw/profile-displayphoto-shrink_100_100/0/1651460224714?e=1688601600&v=beta&t=Rp0HL0Q-b3zSydvEhWzj67pxqvi5lIRF-ZlLloVru4o", profileIconSize = "88", personName = "Ethan Brown", personDesignation = "VP Product @ Beyond Meat", personRecentCompany, companyLocation, onNotesViewAllClick, onViewProfileButtonClick = () => { }, universalName, urn, onCompanyNameClick, notes, campaign, onCampaignClick = () => { }, }) => {
-    return (_jsxs("div", { className: "profileCard--Generic", children: [_jsx("span", { children: _jsx(ProfileCard, { iconPath: profileIconPath, iconSize: profileIconSize, name: personName, universalName: universalName, urn: urn, onCompanyNameClick: onCompanyNameClick, designation: personDesignation, recentCompany: personRecentCompany, location: companyLocation, onViewProfileButtonClick: onViewProfileButtonClick }) }), !!campaign?.id && (_jsx("span", { children: _jsx(ProspectCampaign, { onCampaignClick: onCampaignClick, campaign: campaign }) })), _jsx("span", { children: _jsx(NoteProspectiveCardList, { notes: notes, onNotesViewAllClick: onNotesViewAllClick }) })] }));
+const ProfileCardIstSection = ({ profileIconPath = "https://media.licdn.com/dms/image/C5603AQHn7tbH46HwRw/profile-displayphoto-shrink_100_100/0/1651460224714?e=1688601600&v=beta&t=Rp0HL0Q-b3zSydvEhWzj67pxqvi5lIRF-ZlLloVru4o", profileIconSize = "88", personName = "Ethan Brown", personDesignation = "VP Product @ Beyond Meat", personRecentCompany, companyLocation, onNotesViewAllClick, onViewProfileButtonClick = () => { }, universalName, urn, onCompanyNameClick, notes, campaign, onCampaignClick = () => { }, dataCy, }) => {
+    return (_jsxs("div", { className: "profileCard--Generic", children: [_jsx("span", { children: _jsx(ProfileCard, { iconPath: profileIconPath, iconSize: profileIconSize, name: personName, universalName: universalName, urn: urn, onCompanyNameClick: onCompanyNameClick, designation: personDesignation, recentCompany: personRecentCompany, location: companyLocation, onViewProfileButtonClick: onViewProfileButtonClick, dataCy: dataCy }) }), !!campaign?.id && (_jsx("span", { children: _jsx(ProspectCampaign, { onCampaignClick: onCampaignClick, campaign: campaign }) })), _jsx("span", { children: _jsx(NoteProspectiveCardList, { notes: notes, onNotesViewAllClick: onNotesViewAllClick, dataCy: dataCy }) })] }));
 };
 export default ProfileCardIstSection;

package/dist/types/components/AssignmentIdealProfileSelectionCard/ProfileSecondSection/index.d.ts

@@ -27,6 +27,7 @@ interface ProfileCardSecondSectionProps {
     experiencesList: ExperienceList[];
     educationsList: EducationList[];
     onExpoerienceCompanyClick: (universalName: string, urn: string) => void;
+    dataCy?: string;
 }
-declare const ProfileCardSecondSection: ({ initialExperienceShow, initialEducationShow, experiencesList, educationsList, onExpoerienceCompanyClick, }: ProfileCardSecondSectionProps) => import("react/jsx-runtime").JSX.Element;
+declare const ProfileCardSecondSection: ({ initialExperienceShow, initialEducationShow, experiencesList, educationsList, onExpoerienceCompanyClick, dataCy, }: ProfileCardSecondSectionProps) => import("react/jsx-runtime").JSX.Element;
 export default ProfileCardSecondSection;

package/dist/types/components/AssignmentIdealProfileSelectionCard/ProfileSecondSection/index.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import DynamicEducationCard from "../DynamicEducationCard";
 import DynamicExperienceCardList from "../DynamicExperienceCard";
 import "./style.scss";
-const ProfileCardSecondSection = ({ initialExperienceShow = 3, initialEducationShow = 1, experiencesList, educationsList, onExpoerienceCompanyClick, }) => {
-    return (_jsx("div", { className: "profileDetailedCard--Generic", children: _jsxs("span", { className: "experenieceAndEducationSection", children: [_jsxs("span", { className: "profileDetailedCard-Experience", children: [_jsx("span", { className: "profileDetailedCard-DivisionHeading", children: "Experience" }), experiencesList?.length === 0 || !experiencesList ? (_jsx("div", { children: "No experiences found" })) : (_jsx(DynamicExperienceCardList, { experiences: experiencesList, initialItemsToShow: initialExperienceShow, onCompanyClick: onExpoerienceCompanyClick }))] }), _jsxs("span", { className: "profileDetailedCard-Education", children: [_jsx("span", { className: "profileDetailedCard-DivisionHeading", children: "Education" }), educationsList?.length === 0 || !educationsList ? (_jsx("div", { children: "No record of education found" })) : (_jsx(DynamicEducationCard, { educations: educationsList, initialItemsToShow: initialEducationShow }))] })] }) }));
+const ProfileCardSecondSection = ({ initialExperienceShow = 3, initialEducationShow = 1, experiencesList, educationsList, onExpoerienceCompanyClick, dataCy, }) => {
+    return (_jsx("div", { className: "profileDetailedCard--Generic", children: _jsxs("span", { className: "experenieceAndEducationSection", children: [_jsxs("span", { className: "profileDetailedCard-Experience", children: [_jsx("span", { className: "profileDetailedCard-DivisionHeading", children: "Experience" }), experiencesList?.length === 0 || !experiencesList ? (_jsx("div", { children: "No experiences found" })) : (_jsx(DynamicExperienceCardList, { experiences: experiencesList, initialItemsToShow: initialExperienceShow, onCompanyClick: onExpoerienceCompanyClick, dataCy: `${dataCy}-experience` }))] }), _jsxs("span", { className: "profileDetailedCard-Education", children: [_jsx("span", { className: "profileDetailedCard-DivisionHeading", children: "Education" }), educationsList?.length === 0 || !educationsList ? (_jsx("div", { children: "No record of education found" })) : (_jsx(DynamicEducationCard, { educations: educationsList, initialItemsToShow: initialEducationShow, dataCy: `${dataCy}-education` }))] })] }) }));
 };
 export default ProfileCardSecondSection;

package/dist/types/components/AssignmentIdealProfileSelectionCard/index.d.ts

@@ -49,6 +49,7 @@ export interface AssignmentIdealProfileCardProps {
             isPaused: boolean;
         };
     };
+    dataCy?: string;
 }
-declare const AssignmentIdealProfileCard: ({ profileIndex, id, profileIconPath, profileIconSize, personName, personDesignation, personRecentCompany, recentCompanyUniversalName, recentCompanyUrn, companyLocation, notes, onCheckboxSelected, onNotesViewAllClick, initialExperienceShow, initialEducationShow, skillsMissingList, skillsMatchingList, industryMissingList, industryMatchingList, experiencesList, educationsList, onViewDetailsClick, onCompanyClick, handleStarClick, starSelected, checkSelected, isStarIconShown, onCampaignClick, campaign, }: AssignmentIdealProfileCardProps) => import("react/jsx-runtime").JSX.Element;
+declare const AssignmentIdealProfileCard: ({ profileIndex, id, profileIconPath, profileIconSize, personName, personDesignation, personRecentCompany, recentCompanyUniversalName, recentCompanyUrn, companyLocation, notes, onCheckboxSelected, onNotesViewAllClick, initialExperienceShow, initialEducationShow, skillsMissingList, skillsMatchingList, industryMissingList, industryMatchingList, experiencesList, educationsList, onViewDetailsClick, onCompanyClick, handleStarClick, starSelected, checkSelected, isStarIconShown, onCampaignClick, campaign, dataCy, }: AssignmentIdealProfileCardProps) => import("react/jsx-runtime").JSX.Element;
 export default AssignmentIdealProfileCard;

package/dist/types/components/AssignmentIdealProfileSelectionCard/index.js

@@ -11,13 +11,13 @@ initialExperienceShow, initialEducationShow, skillsMissingList, skillsMatchingLi
 // onContextViewAllButton,
 onViewDetailsClick = (_p) => { }, onCompanyClick, 
 // breadCrumbItemsList,
-handleStarClick, starSelected = false, checkSelected = false, isStarIconShown = true, onCampaignClick = () => { }, campaign, }) => {
+handleStarClick, starSelected = false, checkSelected = false, isStarIconShown = true, onCampaignClick = () => { }, campaign, dataCy, }) => {
     const handleSlectedState = () => {
         onCheckboxSelected(id);
     };
     const handleStarState = () => {
         handleStarClick(id);
     };
-    return (_jsxs("span", { className: `assignment-ideal-profile-card--Generic ${checkSelected ? "checkboxChecked" : ""}`, children: [_jsxs("span", { className: "left-component-ideal-profile", children: [_jsxs("span", { className: "profilecard-header-checkboxandstar-emoji", children: [_jsxs("span", { className: "check-box--profilecard", children: [profileIndex && _jsxs("p", { children: [profileIndex, "."] }), _jsx(CheckboxComponent, { checked: checkSelected, onClick: handleSlectedState })] }), isStarIconShown && (_jsx("span", { className: `profilecard-header-star ${starSelected ? "" : "starNotChecked"}`, children: _jsx(IconButton, { shape: "circular", iconType: "star", variant: "tertiary", color: "gray", iconSize: "20", sizeVariant: "sm", onClick: handleStarState }) }))] }), _jsx(ProfileCardIstSection, { profileIconPath: profileIconPath, profileIconSize: profileIconSize, personName: personName, personDesignation: personDesignation, personRecentCompany: personRecentCompany, companyLocation: companyLocation, universalName: recentCompanyUniversalName, urn: recentCompanyUrn, notes: notes, onNotesViewAllClick: () => onNotesViewAllClick(id), onViewProfileButtonClick: () => onViewDetailsClick(id), onCompanyNameClick: onCompanyClick, onCampaignClick: onCampaignClick, campaign: campaign })] }), _jsx(ProfileCardSecondSection, { initialExperienceShow: initialExperienceShow, initialEducationShow: initialEducationShow, skillsMissingList: skillsMissingList, skillsMatchingList: skillsMatchingList, industryMissingList: industryMissingList, industryMatchingList: industryMatchingList, experiencesList: experiencesList, educationsList: educationsList, onExpoerienceCompanyClick: onCompanyClick })] }));
+    return (_jsxs("span", { className: `assignment-ideal-profile-card--Generic ${checkSelected ? "checkboxChecked" : ""}`, children: [_jsxs("span", { className: "left-component-ideal-profile", children: [_jsxs("span", { className: "profilecard-header-checkboxandstar-emoji", children: [_jsxs("span", { className: "check-box--profilecard", children: [profileIndex && _jsxs("p", { children: [profileIndex, "."] }), _jsx(CheckboxComponent, { checked: checkSelected, onClick: handleSlectedState, dataCy: `${dataCy}-checkbox` })] }), isStarIconShown && (_jsx("span", { className: `profilecard-header-star ${starSelected ? "" : "starNotChecked"}`, children: _jsx(IconButton, { shape: "circular", iconType: "star", variant: "tertiary", color: "gray", iconSize: "20", sizeVariant: "sm", onClick: handleStarState, "data-cy": `${dataCy}-star` }) }))] }), _jsx(ProfileCardIstSection, { profileIconPath: profileIconPath, profileIconSize: profileIconSize, personName: personName, personDesignation: personDesignation, personRecentCompany: personRecentCompany, companyLocation: companyLocation, universalName: recentCompanyUniversalName, urn: recentCompanyUrn, notes: notes, onNotesViewAllClick: () => onNotesViewAllClick(id), onViewProfileButtonClick: () => onViewDetailsClick(id), onCompanyNameClick: onCompanyClick, onCampaignClick: onCampaignClick, campaign: campaign, dataCy: dataCy })] }), _jsx(ProfileCardSecondSection, { initialExperienceShow: initialExperienceShow, initialEducationShow: initialEducationShow, skillsMissingList: skillsMissingList, skillsMatchingList: skillsMatchingList, industryMissingList: industryMissingList, industryMatchingList: industryMatchingList, experiencesList: experiencesList, educationsList: educationsList, onExpoerienceCompanyClick: onCompanyClick, dataCy: dataCy })] }));
 };
 export default AssignmentIdealProfileCard;

package/dist/types/components/BadgeWithCount/index.d.ts

@@ -8,6 +8,7 @@ type BadgeWithCountProps = {
     iconType?: IconType;
     iconSize?: IconSize;
     onClick?: () => void;
+    dataCy?: string;
 };
-declare const BadgeWithCount: ({ count, iconSize, iconType, toolTipPosition, toolTipContent, onClick, }: BadgeWithCountProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const BadgeWithCount: ({ count, iconSize, iconType, toolTipPosition, toolTipContent, onClick, dataCy, }: BadgeWithCountProps) => import("react/jsx-runtime").JSX.Element | null;
 export default BadgeWithCount;

package/dist/types/components/BadgeWithCount/index.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { GetSvgIcon, Tooltip } from "..";
 import "./style.scss";
-const BadgeWithCount = ({ count, iconSize = "16", iconType = "briefcase", toolTipPosition = "bottom", toolTipContent, onClick, }) => {
+const BadgeWithCount = ({ count, iconSize = "16", iconType = "briefcase", toolTipPosition = "bottom", toolTipContent, onClick, dataCy, }) => {
     if (count === undefined)
         return null;
-    return (_jsx("div", { className: "badgeWithCount", children: _jsx(Tooltip, { content: toolTipContent, toolTipPosition: toolTipPosition, isDisabled: !toolTipContent, children: _jsxs("div", { className: "badgeIconAndText", onClick: onClick, role: "button", onKeyDown: onClick, children: [_jsx(GetSvgIcon, { iconSize: iconSize, iconType: iconType }), _jsx("span", { className: "badgeText", children: count })] }) }) }));
+    return (_jsx("div", { className: "badgeWithCount", "data-cy": dataCy, children: _jsx(Tooltip, { content: toolTipContent, toolTipPosition: toolTipPosition, isDisabled: !toolTipContent, children: _jsxs("div", { className: "badgeIconAndText", onClick: onClick, role: "button", onKeyDown: onClick, children: [_jsx(GetSvgIcon, { iconSize: iconSize, iconType: iconType }), _jsx("span", { className: "badgeText", children: count })] }) }) }));
 };
 export default BadgeWithCount;

package/dist/types/components/BusinessUnitView/BusinessUnitViewTabsComponent/BusinessUnitViewTabsComponent.d.ts

@@ -5,6 +5,7 @@ type BusinessUnitViewTabsComponentProps = {
     }>;
     activeTab: BusinessUnitViewTabTypes;
     onClick: (tabName: BusinessUnitViewTabTypes) => void;
+    dataCy?: string;
 };
-declare function BusinessUnitViewTabsComponent({ tabs, activeTab, onClick, }: BusinessUnitViewTabsComponentProps): import("react/jsx-runtime").JSX.Element;
+declare function BusinessUnitViewTabsComponent({ tabs, activeTab, onClick, dataCy, }: BusinessUnitViewTabsComponentProps): import("react/jsx-runtime").JSX.Element;
 export default BusinessUnitViewTabsComponent;

package/dist/types/components/BusinessUnitView/BusinessUnitViewTabsComponent/BusinessUnitViewTabsComponent.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import styles from "./styles.module.scss";
 import clsx from "clsx";
 import { BusinessUnitViewTabs } from "../../../utils";
-function BusinessUnitViewTabsComponent({ tabs = BusinessUnitViewTabs, activeTab = "Summary", onClick, }) {
+function BusinessUnitViewTabsComponent({ tabs = BusinessUnitViewTabs, activeTab = "Summary", onClick, dataCy, }) {
     const getClassName = (tabName, activeTab) => {
         return clsx({
             [styles.tabButton]: true,
@@ -11,7 +11,7 @@ function BusinessUnitViewTabsComponent({ tabs = BusinessUnitViewTabs, activeTab
         });
     };
     return (_jsx("div", { className: styles.businessUnitViewTabs, children: tabs.map((entity, key) => {
-            return (_jsx("button", { onClick: () => onClick(entity.tabName), className: getClassName(entity.tabName, activeTab), children: entity.tabName.toUpperCase() }, key));
+            return (_jsx("button", { onClick: () => onClick(entity.tabName), className: getClassName(entity.tabName, activeTab), "data-cy": `${dataCy}-${entity.tabName.toLowerCase()}`, children: entity.tabName.toUpperCase() }, key));
         }) }));
 }
 export default BusinessUnitViewTabsComponent;

package/dist/types/components/ChatDropDown/index.d.ts

@@ -16,8 +16,11 @@ interface ChatDropDownProps<T extends {
     handleOptionClick: (option: T) => void;
     handleInputChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
     renderProps?: (props: T) => React.ReactElement;
+    dataCyInput?: string;
+    dataCySuggestion?: string;
+    dataCyCreate?: string;
 }
 declare const ChatDropDown: <T extends {
     label: string;
-}>({ value, isCreateShown, zIndex, placeholder, showSearchIcon, filteredOptions, isLoading, isReadOnly, showNoResults, handleCreateClick, handleOptionClick, handleInputChange, renderProps, }: ChatDropDownProps<T>) => import("react/jsx-runtime").JSX.Element;
+}>({ value, isCreateShown, zIndex, placeholder, showSearchIcon, filteredOptions, isLoading, isReadOnly, showNoResults, dataCyInput, dataCySuggestion, dataCyCreate, handleCreateClick, handleOptionClick, handleInputChange, renderProps, }: ChatDropDownProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default ChatDropDown;

package/dist/types/components/ChatDropDown/index.js

@@ -5,7 +5,7 @@ import "./style.scss";
 import { v4 as uuidv4 } from "uuid";
 import clsx from "clsx";
 import { Loader } from "..";
-const ChatDropDown = ({ value = "", isCreateShown = true, zIndex = 100, placeholder = "Search options", showSearchIcon = true, filteredOptions = [], isLoading = false, isReadOnly = false, showNoResults = false, handleCreateClick = (value) => {
+const ChatDropDown = ({ value = "", isCreateShown = true, zIndex = 100, placeholder = "Search options", showSearchIcon = true, filteredOptions = [], isLoading = false, isReadOnly = false, showNoResults = false, dataCyInput, dataCySuggestion, dataCyCreate, handleCreateClick = (value) => {
     console.log({ value });
 }, handleOptionClick = (value) => {
     console.log({ value });
@@ -66,8 +66,8 @@ const ChatDropDown = ({ value = "", isCreateShown = true, zIndex = 100, placehol
                 }), children: [showSearchIcon && _jsx(GetSvgIcon, { iconType: "search", iconSize: "24" }), _jsx("input", { type: "text", placeholder: placeholder, onChange: handleChange, onClick: () => setShowOptions(!!value), readOnly: isReadOnly, value: value, className: clsx({
                             "inputField--Generic": true,
                             [getWidthControl(showSearchIcon, isLoading)]: true,
-                        }) }), isLoading && _jsx(Loader, { height: "20", width: "20" })] }), (filteredOptions.length > 0 || isCreateShown || showNoResults) &&
-                showOptions && (_jsx("div", { ref: dropdownRef, children: _jsxs("ul", { className: "options-list", style: { zIndex }, children: [showNoResults && _jsx("p", { className: "noResults", children: "No Results Found" }), isCreateShown && (_jsx(_Fragment, { children: _jsx("li", { className: "create-section", onClick: (e) => {
+                        }), "data-cy": dataCyInput }), isLoading && _jsx(Loader, { height: "20", width: "20" })] }), (filteredOptions.length > 0 || isCreateShown || showNoResults) &&
+                showOptions && (_jsx("div", { ref: dropdownRef, children: _jsxs("ul", { className: "options-list", style: { zIndex }, children: [showNoResults && _jsx("p", { className: "noResults", children: "No Results Found" }), isCreateShown && (_jsx(_Fragment, { children: _jsx("li", { "data-cy": dataCyCreate, className: "create-section", onClick: (e) => {
                                     e.stopPropagation();
                                     setShowOptions(false);
                                     handleCreateClick(value);
@@ -75,6 +75,6 @@ const ChatDropDown = ({ value = "", isCreateShown = true, zIndex = 100, placehol
                                 e.stopPropagation();
                                 setShowOptions(false);
                                 handleOptionClick(props);
-                            }, children: renderProps(props) }, uuidv4())))] }) }))] }));
+                            }, "data-cy": dataCySuggestion, children: renderProps(props) }, uuidv4())))] }) }))] }));
 };
 export default ChatDropDown;

package/dist/types/components/CheckboxComponent/index.d.ts

@@ -6,6 +6,7 @@ interface CheckboxProps {
     sizeVariant?: "xs" | "sm" | "base" | "lg" | "xl";
     id?: string;
     isDisabled?: boolean;
+    dataCy?: string;
 }
 declare const CheckboxComponent: React.FC<CheckboxProps>;
 export default CheckboxComponent;

package/dist/types/components/CheckboxComponent/index.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import "./style.scss";
 import { v4 as uuidv4 } from "uuid";
-const CheckboxComponent = ({ checked = false, onClick, id = uuidv4(), sizeVariant = "sm", isDisabled = false, }) => {
+const CheckboxComponent = ({ checked = false, onClick, id = uuidv4(), sizeVariant = "sm", isDisabled = false, dataCy, }) => {
     const [isOn, setIsOn] = useState(checked);
     useEffect(() => {
         setIsOn(checked);
@@ -13,6 +13,6 @@ const CheckboxComponent = ({ checked = false, onClick, id = uuidv4(), sizeVarian
     };
     return (_jsx("input", { type: "checkbox", className: isDisabled
             ? `checkBoxComponent--Generic ${sizeVariant}SizeCheckBox disabled-CheckBox`
-            : `checkBoxComponent--Generic ${sizeVariant}SizeCheckBox notDisabled-CheckBox`, id: `${id}`, checked: isOn, onChange: handleToggle, disabled: isDisabled }));
+            : `checkBoxComponent--Generic ${sizeVariant}SizeCheckBox notDisabled-CheckBox`, id: `${id}`, checked: isOn, onChange: handleToggle, disabled: isDisabled, "data-cy": dataCy }));
 };
 export default CheckboxComponent;

package/dist/types/components/ChevronDropDown/index.d.ts

@@ -3,6 +3,9 @@ interface ChevronDropDownProps {
     dropdownItemList: string[];
     onLabelClick: (value: string) => void;
     name: string;
+    dataCyDropdown?: string;
+    dataCyChangePass?: string;
+    dataCySignout?: string;
 }
-declare const ChevronDropDown: ({ dropdownItemList, onLabelClick, name, }: ChevronDropDownProps) => import("react/jsx-runtime").JSX.Element;
+declare const ChevronDropDown: ({ dropdownItemList, onLabelClick, name, dataCyDropdown, dataCyChangePass, dataCySignout, }: ChevronDropDownProps) => import("react/jsx-runtime").JSX.Element;
 export default ChevronDropDown;

package/dist/types/components/ChevronDropDown/index.js

@@ -5,14 +5,21 @@ import { IconButton } from "..";
 import { getFirstName } from "../../utils";
 const ChevronDropDown = ({ dropdownItemList, onLabelClick, 
 // profileImage,
-name, }) => {
+name, dataCyDropdown, dataCyChangePass, dataCySignout, }) => {
     const [listShow, setListShow] = useState(false);
     const toggleListShow = () => {
         setListShow((prevState) => !prevState);
     };
-    return (_jsx("div", { className: "chevronButtondropdown--container", children: _jsxs("span", { className: "filterButtondropdown--dropdown", children: [_jsxs("div", { children: [_jsx("button", { onClick: toggleListShow, children: _jsx("p", { className: "first-name", children: getFirstName(name) }) }), _jsx("span", { className: "chevronButtondropdown--btn--dropdown", children: _jsx(IconButton, { shape: "circular", onClick: toggleListShow, sizeVariant: "base", color: "orange", variant: "primary", iconType: "arrowDown" }) })] }), _jsx("ul", { className: `filterButtondropdown--dropdown-list-${listShow ? "show" : "hide"}`, children: dropdownItemList.map((item, key) => (_jsx("li", { children: _jsx("button", { onClick: () => {
+    const selectDataCy = (item) => {
+        item === "Change Password" && dataCyChangePass
+            ? dataCyChangePass
+            : item === "Sign Out" && dataCySignout
+                ? dataCySignout
+                : "";
+    };
+    return (_jsx("div", { className: "chevronButtondropdown--container", children: _jsxs("span", { className: "filterButtondropdown--dropdown", children: [_jsxs("div", { children: [_jsx("button", { onClick: toggleListShow, "data-cy": dataCyDropdown, children: _jsx("p", { className: "first-name", children: getFirstName(name) }) }), _jsx("span", { className: "chevronButtondropdown--btn--dropdown", children: _jsx(IconButton, { shape: "circular", onClick: toggleListShow, sizeVariant: "base", color: "orange", variant: "primary", iconType: "arrowDown" }) })] }), _jsx("ul", { className: `filterButtondropdown--dropdown-list-${listShow ? "show" : "hide"}`, children: dropdownItemList.map((item, key) => (_jsx("li", { children: _jsx("button", { onClick: () => {
                                 setListShow(false);
                                 onLabelClick(item);
-                            }, children: item }) }, `${key}-${item}`))) })] }) }));
+                            }, "data-cy": selectDataCy(item), children: item }) }, `${key}-${item}`))) })] }) }));
 };
 export default ChevronDropDown;

package/dist/types/components/ClickableText/index.d.ts

@@ -12,6 +12,7 @@ interface ClickableTextProps {
     disabled?: boolean;
     props?: any;
     onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    dataCy?: string;
 }
-declare const ClickableText: ({ text, showIcon, iconOnLeft, iconType, sizeVariant, colorVariant, iconSize, props, disabled, onClick, }: ClickableTextProps) => import("react/jsx-runtime").JSX.Element;
+declare const ClickableText: ({ text, showIcon, iconOnLeft, iconType, sizeVariant, colorVariant, iconSize, props, disabled, onClick, dataCy, }: ClickableTextProps) => import("react/jsx-runtime").JSX.Element;
 export default ClickableText;

package/dist/types/components/ClickableText/index.js

@@ -2,13 +2,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import GetSvgIcon from "../GetSvgIcon";
 import "./style.scss";
-const ClickableText = ({ text = "String of Button", showIcon = false, iconOnLeft = false, iconType = "plus", sizeVariant = "xs", colorVariant = "orange", iconSize = "16", props = {}, disabled = false, onClick, }) => {
+const ClickableText = ({ text = "String of Button", showIcon = false, iconOnLeft = false, iconType = "plus", sizeVariant = "xs", colorVariant = "orange", iconSize = "16", props = {}, disabled = false, onClick, dataCy, }) => {
     const clickableTextClassName = clsx({
         clickableTextGeneric: true,
         [`${sizeVariant}SizeClickableText`]: true,
         [`${colorVariant}ClickableText`]: true,
         iconOnLeftClickableText: iconOnLeft,
     });
-    return (_jsxs("button", { disabled: disabled, onClick: onClick, className: clickableTextClassName, ...props, children: [text, showIcon && _jsx(GetSvgIcon, { iconType: iconType, iconSize: iconSize })] }));
+    return (_jsxs("button", { disabled: disabled, onClick: onClick, className: clickableTextClassName, ...props, "data-cy": dataCy, children: [text, showIcon && _jsx(GetSvgIcon, { iconType: iconType, iconSize: iconSize })] }));
 };
 export default ClickableText;

package/dist/types/components/ColoredButton/index.d.ts

@@ -6,6 +6,7 @@ interface ColoredButtonProps {
     colorVariant: "orange" | "green" | "teal" | "socialTwitter";
     isDisabled?: boolean;
     onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    dataCy?: string;
 }
-declare const ColoredButton: ({ text, sizeVariant, colorVariant, isDisabled, onClick, }: ColoredButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const ColoredButton: ({ text, sizeVariant, colorVariant, isDisabled, onClick, dataCy, }: ColoredButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default ColoredButton;

package/dist/types/components/ColoredButton/index.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import "./style.scss";
-const ColoredButton = ({ text = "16876", sizeVariant = "xs", colorVariant = "orange", isDisabled = false, onClick, }) => {
+const ColoredButton = ({ text = "16876", sizeVariant = "xs", colorVariant = "orange", isDisabled = false, onClick, dataCy, }) => {
     const className = clsx({
         "colored-button--Generic": true,
         [`${sizeVariant}Size--ColoredButton`]: true,
         [`${colorVariant}--ColoredButton`]: true,
     });
-    return (_jsx("button", { className: className, disabled: isDisabled, onClick: onClick, children: text }));
+    return (_jsx("button", { className: className, disabled: isDisabled, onClick: onClick, "data-cy": dataCy, children: text }));
 };
 export default ColoredButton;

package/dist/types/components/CompanyDetailsCard/index.d.ts

@@ -5,6 +5,7 @@ interface CompanyDetailsCardProps {
     viewMore: () => void;
     descriptionCollapseCount?: number;
     intialHeight?: string;
+    dataCy?: string;
 }
-declare const CompanyDetailsCard: ({ company, descriptionCollapseCount, viewMore, intialHeight, }: CompanyDetailsCardProps) => import("react/jsx-runtime").JSX.Element;
+declare const CompanyDetailsCard: ({ company, descriptionCollapseCount, viewMore, intialHeight, dataCy, }: CompanyDetailsCardProps) => import("react/jsx-runtime").JSX.Element;
 export default CompanyDetailsCard;

package/dist/types/components/CompanyDetailsCard/index.js

@@ -34,7 +34,7 @@ const getStatusText = (evalStatus) => {
             return null;
     }
 };
-const CompanyDetailsCard = ({ company, descriptionCollapseCount = 250, viewMore, intialHeight = "calc(100% - 84px)", }) => {
+const CompanyDetailsCard = ({ company, descriptionCollapseCount = 250, viewMore, intialHeight = "calc(100% - 84px)", dataCy, }) => {
     const topSectionRef = useRef(null);
     const [bodySectionHeight, setBodySectionHeight] = useState(intialHeight);
     const [descriptionCollapse, setDescriptionCollapse] = useState(company?.description?.length > descriptionCollapseCount);
@@ -56,12 +56,12 @@ const CompanyDetailsCard = ({ company, descriptionCollapseCount = 250, viewMore,
                                             (company.industries && company.staffcount ? " • " : "") +
                                             (company.staffcount
                                                 ? `${company?.staffcount?.toLocaleString()} Employees`
-                                                : "-") })), _jsx(ClickableText, { onClick: viewMore, sizeVariant: "sm", text: "View more details" })] })] }), company.evaluationStatus && (_jsxs("div", { className: company.evaluationStatus, children: [company.evaluationStatus !== "loading" ? (_jsx("p", { children: getStatusText(company.evaluationStatus) })) : (_jsx("p", { children: "Verifying" })), getStatusIcon(company.evaluationStatus)] }))] }), company.evaluating ? (_jsx("div", { className: "textShimmer" })) : company.evaluatedDescription &&
+                                                : "-") })), _jsx(ClickableText, { onClick: viewMore, sizeVariant: "sm", text: "View more details", dataCy: `${dataCy}-view-more-details` })] })] }), company.evaluationStatus && (_jsxs("div", { className: company.evaluationStatus, children: [company.evaluationStatus !== "loading" ? (_jsx("p", { children: getStatusText(company.evaluationStatus) })) : (_jsx("p", { children: "Verifying" })), getStatusIcon(company.evaluationStatus)] }))] }), company.evaluating ? (_jsx("div", { className: "textShimmer" })) : company.evaluatedDescription &&
                 company.evaluatedDescription.length > 0 ? (_jsx("div", { className: "evaluatedDescription", children: _jsxs("p", { className: "evaluatedData", children: [_jsx(GetSvgIcon, { iconType: "sparkles", iconSize: "20" }), company.evaluatedDescription ? company.evaluatedDescription : " "] }) })) : null, _jsxs("div", { className: "BodySection", style: { height: bodySectionHeight }, children: [_jsx("pre", { className: `CompanyDescription ${descriptionCollapse ? "CompanyDescriptionExpanded" : ""}`, contentEditable: "false", children: descriptionCollapse
                             ? company?.description?.slice(0, descriptionCollapseCount) + "..."
                             : company?.description || "" }), company?.description?.length > descriptionCollapseCount && (_jsx(ClickableText, { iconSize: "22", showIcon: true, iconType: descriptionCollapse ? "cheveronDown" : "cheveronUp", sizeVariant: "sm", text: descriptionCollapse ? "Show More" : `Show Less`, onClick: () => {
                             setDescriptionCollapse((prev) => !prev);
-                        } })), _jsxs("div", { className: "BottomSection", children: [_jsxs("div", { children: [_jsx("p", { className: "label", children: "Industry" }), _jsx("p", { className: "value", children: company?.industries || "" })] }), _jsxs("div", { children: [_jsx("p", { className: "label", children: "Sub-Industries" }), _jsx("p", { className: "value", children: Array.isArray(company?.specialities)
+                        }, dataCy: `${dataCy}-show-more-less` })), _jsxs("div", { className: "BottomSection", children: [_jsxs("div", { children: [_jsx("p", { className: "label", children: "Industry" }), _jsx("p", { className: "value", children: company?.industries || "" })] }), _jsxs("div", { children: [_jsx("p", { className: "label", children: "Sub-Industries" }), _jsx("p", { className: "value", children: Array.isArray(company?.specialities)
                                             ? company.specialities.join(", ")
                                             : "" })] }), _jsxs("div", { children: [_jsx("p", { className: "label", children: "Company Size" }), _jsx("p", { className: "value", children: company?.staffcount?.toLocaleString() || "" })] }), _jsxs("div", { children: [_jsx("p", { className: "label", children: "Website" }), _jsx("p", { onClick: () => window.open(company?.websiteUrl, "_blank"), className: "value link", children: company?.websiteUrl || "" })] }), _jsxs("div", { children: [_jsx("p", { className: "label", children: "Headquarters" }), _jsx("p", { className: "value", children: headquarter })] })] })] })] }));
 };

package/dist/types/components/CompanyLikePillSelectable/index.d.ts

@@ -10,6 +10,7 @@ interface CompanyLikePillSelectableProps {
     onEnter?: () => void;
     onLeave?: () => void;
     isDisabled?: boolean;
+    dataCy?: string;
 }
-declare const CompanyLikePillSelectable: ({ id, text, onClick, isSelected, props, highlight, onEnter, onLeave, isDisabled, }: CompanyLikePillSelectableProps) => import("react/jsx-runtime").JSX.Element;
+declare const CompanyLikePillSelectable: ({ id, text, onClick, isSelected, props, highlight, onEnter, onLeave, isDisabled, dataCy, }: CompanyLikePillSelectableProps) => import("react/jsx-runtime").JSX.Element;
 export default CompanyLikePillSelectable;

package/dist/types/components/CompanyLikePillSelectable/index.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import GetSvgIcon from "../GetSvgIcon";
 import "./style.scss";
-const CompanyLikePillSelectable = ({ id, text = "", onClick, isSelected = false, props = {}, highlight = false, onEnter = () => { }, onLeave = () => { }, isDisabled = false, }) => {
+const CompanyLikePillSelectable = ({ id, text = "", onClick, isSelected = false, props = {}, highlight = false, onEnter = () => { }, onLeave = () => { }, isDisabled = false, dataCy, }) => {
     const className = clsx({
         "companyLikePillSelectable--Generic": true,
         "companyLikePillSelectable--Selected": isSelected,
@@ -10,6 +10,6 @@ const CompanyLikePillSelectable = ({ id, text = "", onClick, isSelected = false,
         "companyLikePillSelectable--SelectedHover": isSelected && highlight,
         "companyLikePillSelectable--UnselectedHover": !isSelected && highlight,
     });
-    return (_jsxs("button", { id: id, disabled: isDisabled, className: className, onClick: onClick, ...props, onMouseEnter: onEnter, onMouseLeave: onLeave, children: [text, _jsx(GetSvgIcon, { iconType: "tick", iconSize: "24" })] }));
+    return (_jsxs("button", { id: id, disabled: isDisabled, className: className, onClick: onClick, ...props, onMouseEnter: onEnter, onMouseLeave: onLeave, "data-cy": dataCy, children: [text, _jsx(GetSvgIcon, { iconType: "tick", iconSize: "24" })] }));
 };
 export default CompanyLikePillSelectable;

package/dist/types/components/CompanyLogoPillSelectable/index.d.ts

@@ -10,6 +10,7 @@ interface CompanyLogoPillSelectableProps {
     isHoverShown?: boolean;
     props?: object;
     variant: SelectedUnselectedErrorVariant;
+    dataCy?: string;
 }
-declare const CompanyLogoPillSelectable: ({ text, variant, onClick, picturePath, props, svgType, isHoverShown, children, }: CompanyLogoPillSelectableProps) => import("react/jsx-runtime").JSX.Element;
+declare const CompanyLogoPillSelectable: ({ text, variant, onClick, picturePath, props, svgType, isHoverShown, children, dataCy, }: CompanyLogoPillSelectableProps) => import("react/jsx-runtime").JSX.Element;
 export default CompanyLogoPillSelectable;

package/dist/types/components/CompanyLogoPillSelectable/index.js

@@ -4,7 +4,7 @@ import CircularIcon from "../CircularIcon";
 import GetSvgIcon from "../GetSvgIcon";
 import "./style.scss";
 import { EllipsisText } from "..";
-const CompanyLogoPillSelectable = ({ text, variant = "selected", onClick, picturePath = "", props = {}, svgType = "thumb", isHoverShown = true, children, }) => {
+const CompanyLogoPillSelectable = ({ text, variant = "selected", onClick, picturePath = "", props = {}, svgType = "thumb", isHoverShown = true, children, dataCy, }) => {
     const className = clsx({
         "companyLogoPillSelectable--Generic": true,
         "companyLogoPillSelectable--Unselected": variant === "unselected",
@@ -12,6 +12,6 @@ const CompanyLogoPillSelectable = ({ text, variant = "selected", onClick, pictur
         "companyLogoPillSelectable--Error": variant === "error",
         "companyLogoPillSelectable--UnselectedHover": variant === "unselected" && isHoverShown,
     });
-    return (_jsxs("button", { className: className, onClick: onClick, type: "button", ...props, children: [variant === "error" ? (_jsx("span", { className: "errorSvg", children: _jsx(GetSvgIcon, { iconType: "excalamationCircle", iconSize: "24" }) })) : (_jsx("span", { className: "placeholderSvg", children: _jsx(CircularIcon, { iconSize: "24", errorImageContainerSize: "34", iconPath: picturePath, altImageType: "company" }) })), _jsx(EllipsisText, { maxWidth: "330px", toolTipPosition: "bottom", children: text }), _jsx("span", { className: "pillThumbSvg", children: _jsx(GetSvgIcon, { iconSize: "22", iconType: variant === "error" ? "cross" : svgType || "thumb" }) }), children] }));
+    return (_jsxs("button", { className: className, onClick: onClick, type: "button", ...props, "data-cy": dataCy, children: [variant === "error" ? (_jsx("span", { className: "errorSvg", children: _jsx(GetSvgIcon, { iconType: "excalamationCircle", iconSize: "24" }) })) : (_jsx("span", { className: "placeholderSvg", children: _jsx(CircularIcon, { iconSize: "24", errorImageContainerSize: "34", iconPath: picturePath, altImageType: "company" }) })), _jsx(EllipsisText, { maxWidth: "330px", toolTipPosition: "bottom", children: text }), _jsx("span", { className: "pillThumbSvg", children: _jsx(GetSvgIcon, { iconSize: "22", iconType: variant === "error" ? "cross" : svgType || "thumb" }) }), children] }));
 };
 export default CompanyLogoPillSelectable;

package/dist/types/components/CompanyView/CompanyViewHeader/index.d.ts

@@ -11,6 +11,7 @@ interface CompanyViewHeaderProps {
     onClose: () => void;
     onBack?: () => void;
     checkValue?: boolean;
+    dataCy?: string;
 }
 declare const CompanyViewHeader: React.FC<CompanyViewHeaderProps>;
 export default CompanyViewHeader;

package/dist/types/components/CompanyView/CompanyViewHeader/index.js

@@ -4,9 +4,9 @@ import CheckboxComponent from "../../CheckboxComponent";
 import CircularIcon from "../../CircularIcon";
 import { companyPic } from "../../../utils";
 import IconButton from "../../IconButton";
-const CompanyViewHeader = ({ companyLogo = companyPic, companyName = "Qlu.ai", employeeCount = 50, location = "Islamabad, Pakistan", universalName, onCheckClick, onClose, onBack, checkValue = false, }) => {
-    return (_jsxs("div", { className: "companyViewHeader--Generic", children: [_jsxs("span", { className: "companyViewHeader--Left", children: [onBack && (_jsx(IconButton, { color: "gray", variant: "tertiary", iconType: "arrowLeft", sizeVariant: "xs", iconSize: "20", onClick: onBack })), onCheckClick && (_jsx("div", { className: "companyViewHeaderCheckBoxLeft", children: _jsx(CheckboxComponent, { sizeVariant: "sm", checked: checkValue, onClick: (flag) => {
+const CompanyViewHeader = ({ companyLogo = companyPic, companyName = "Qlu.ai", employeeCount = 50, location = "Islamabad, Pakistan", universalName, onCheckClick, onClose, onBack, checkValue = false, dataCy, }) => {
+    return (_jsxs("div", { className: "companyViewHeader--Generic", children: [_jsxs("span", { className: "companyViewHeader--Left", children: [onBack && (_jsx(IconButton, { color: "gray", variant: "tertiary", iconType: "arrowLeft", sizeVariant: "xs", iconSize: "20", onClick: onBack, "data-cy": `${dataCy}-back` })), onCheckClick && (_jsx("div", { className: "companyViewHeaderCheckBoxLeft", children: _jsx(CheckboxComponent, { sizeVariant: "sm", checked: checkValue, onClick: (flag) => {
                                 onCheckClick(flag);
-                            } }) })), _jsx(CircularIcon, { iconPath: companyLogo, iconSize: "80", altImageType: "company" }, universalName), _jsxs("div", { className: "companyViewHeader--PersonDetails", children: [_jsx("h2", { children: companyName }), employeeCount && employeeCount !== 0 ? (_jsxs("span", { children: [employeeCount?.toLocaleString("en-US"), " Employees"] })) : (""), _jsx("h3", { children: location })] })] }), _jsx(IconButton, { color: "gray", variant: "tertiary", iconType: "cross", sizeVariant: "xs", iconSize: "20", onClick: onClose })] }));
+                            }, dataCy: `${dataCy}-checkbox` }) })), _jsx(CircularIcon, { iconPath: companyLogo, iconSize: "80", altImageType: "company" }, universalName), _jsxs("div", { className: "companyViewHeader--PersonDetails", children: [_jsx("h2", { children: companyName }), employeeCount && employeeCount !== 0 ? (_jsxs("span", { children: [employeeCount?.toLocaleString("en-US"), " Employees"] })) : (""), _jsx("h3", { children: location })] })] }), _jsx(IconButton, { color: "gray", variant: "tertiary", iconType: "cross", sizeVariant: "xs", iconSize: "20", onClick: onClose, "data-cy": `${dataCy}-cross` })] }));
 };
 export default CompanyViewHeader;

package/dist/types/components/CompanyView/CompanyViewTabsComponent/index.d.ts

@@ -7,6 +7,7 @@ interface CompanyViewTabsComponentProps {
     }[];
     activeCompanyViewTab: CompanyViewTabsTypes;
     onClick: (tabName: CompanyViewTabsTypes) => void;
+    dataCy?: string;
 }
 declare const CompanyViewTabsComponent: React.FC<CompanyViewTabsComponentProps>;
 export default CompanyViewTabsComponent;