import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { CheckboxComponent, IconButton, Tooltip } from "..";
import ProfileCardIstSection from "./ProfileIstSection";
import ProfileCardSecondSection from "./ProfileSecondSection";
import "./style.scss";
const AssignmentIdealProfileCard = ({ 
// Ist Section Column
profileIndex, id, profileIconPath, profileIconSize, personName, personDesignation, personRecentCompany, recentCompanyUniversalName, recentCompanyUrn, companyLocation, notes, onCheckboxSelected, onNotesViewAllClick, onAddNotesClick, 
// Second Section Values
initialExperienceShow, initialEducationShow, skillsMissingList, skillsMatchingList, industryMissingList, industryMatchingList, experiencesList, educationsList, 
// onContextViewAllButton,
onViewDetailsClick = (_p) => { }, onCompanyClick, 
// breadCrumbItemsList,
handleStarClick, starSelected = false, checkSelected = false, checkboxTooltipContent = "", isCheckboxDisabled = false, isStarIconShown = true, onCampaignClick = () => { }, campaign, dataCy, enrichmentStatus = "allEnriched", }) => {
    const handleSlectedState = () => {
        onCheckboxSelected(id);
    };
    const handleStarState = () => {
        handleStarClick(id);
    };
    let enrichmentStatusText = null;
    let enrichmentStatusColor = null;
    if (enrichmentStatus === "allEnriched") {
        enrichmentStatusText = "Contacts Enriched";
        enrichmentStatusColor = "green";
    }
    else if (enrichmentStatus === "someEnriched") {
        enrichmentStatusText = "Partially Enriched";
        enrichmentStatusColor = "gray";
    }
    else if (enrichmentStatus === "enriching") {
        enrichmentStatusText = "Enriching Contacts...";
        enrichmentStatusColor = "gray";
    }
    else {
        enrichmentStatusText = "";
    }
    const enrichmentStatusClass = `enrichment-status-container ${enrichmentStatusColor}`;
    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: [enrichmentStatus !== "noneEnriched" && (_jsx("div", { className: enrichmentStatusClass, children: enrichmentStatusText })), _jsxs("span", { className: "check-box--profilecard", children: [profileIndex && _jsxs("p", { children: [profileIndex, "."] }), _jsx(Tooltip, { content: checkboxTooltipContent, isDisabled: !isCheckboxDisabled, children: _jsx(CheckboxComponent, { checked: checkSelected, onClick: handleSlectedState, isDisabled: isCheckboxDisabled, 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), onAddNotesClick: () => onAddNotesClick(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;
