{"version":3,"file":"static/js/app-f20e867b_714cb22c57729a2a676d.js","mappings":"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","sources":["file:////home/runner/work/platform/platform/apps/front-end/src/components/ProfilePreview/index.tsx"],"sourcesContent":["// external\nimport {\n  Avatar,\n  Box,\n  Card,\n  Chip,\n  ChipProps,\n  Link,\n  SxProps,\n  Theme,\n  Typography,\n  useTheme,\n} from '@mui/material';\n\nimport LocationOn from '@mui/icons-material/LocationOn';\nimport Star from '@mui/icons-material/Star';\nimport { LoadingButton } from '@mui/lab';\n\n// internal\nimport {\n  EProgramVariation,\n  IOrganizationField,\n  IGroup,\n  IMembership,\n  IProfile,\n  ISkill,\n  ProfileSkill,\n} from '@guider-global/shared-types';\nimport { LinkedInIcon } from '@guider-global/ui';\nimport { useLocalization, useMobileMediaQuery } from 'hooks';\nimport { hexToRGB } from 'utils';\n\n// components\nimport { MDIcons, SanityIcon } from 'components';\n\n// store\nimport { useProfileImage } from '@guider-global/azure-storage-hooks';\nimport {\n  getFormattedProgramFields,\n  getSubDomain,\n  getVisibleProfileFields,\n} from '@guider-global/front-end-utils';\n\nimport { useProfiles } from '@guider-global/front-end-hooks';\nimport {\n  useBaseLanguage,\n  useOrganization,\n  useOrganizationPrograms,\n} from '@guider-global/sanity-hooks';\nimport { interpolate } from 'functions';\n\nexport interface ProfilePreviewProfileData\n  extends Partial<\n    Pick<\n      IProfile,\n      | 'displayName'\n      | 'firstName'\n      | 'lastName'\n      | 'jobTitle'\n      | 'townOrCity'\n      | 'linkedInUrl'\n      | 'organizationFields'\n      | 'id'\n    >\n  > {\n  pictures: {\n    profile?: string;\n    user?: string;\n  };\n}\n\nexport interface MembershipDataProps {\n  skills: string[];\n  membership: IMembership[];\n  groupSkills?: ISkill[];\n  group?: IGroup;\n}\ninterface ProfilePreviewProps {\n  programSlug: string | undefined;\n  userRole: 'guide' | 'trainee';\n  membershipData: MembershipDataProps;\n  profileData: ProfilePreviewProfileData;\n  showBestMatch?: boolean;\n  action?: () => void;\n  isLoading?: boolean;\n  sxProps?: SxProps<Theme>;\n  disabled?: boolean;\n}\n\nexport const ProfilePreview: React.FC<ProfilePreviewProps> = ({\n  disabled = false,\n  programSlug,\n  profileData,\n  membershipData,\n  showBestMatch = false,\n  userRole,\n  action,\n  isLoading,\n  sxProps = {},\n}) => {\n  const organizationSlug = getSubDomain();\n  // style\n  const theme = useTheme();\n  const isMobile = useMobileMediaQuery();\n  const chipProps: Partial<ChipProps> = {\n    size: 'small',\n    sx: {\n      backgroundColor: `rgba(${hexToRGB(theme.palette.info.main)}, 0.08)`,\n      mr: 1,\n      mb: 1,\n    },\n  };\n\n  const { localeCode } = useLocalization(organizationSlug);\n  const { baseLanguage } = useBaseLanguage({ localeCode });\n\n  const { organization } = useOrganization({\n    organizationSlug,\n    localeCode,\n  });\n  const LinkedInButtonLabel =\n    baseLanguage?.programs?.program_registration?.linkedin_profile_button_label;\n\n  const isLinkedInEnabled =\n    organization?.personal_details?.linkedin_url?.enabled ?? false;\n\n  // Own profile\n  const { profiles } = useProfiles({});\n  const profile = profiles?.at(0);\n  const profileId = profile?.id;\n\n  // program\n  const { getProgram } = useOrganizationPrograms({\n    organizationSlug,\n    localeCode,\n    includeUnlistedPrograms: true,\n  });\n\n  const program = getProgram(programSlug ?? '');\n\n  const { getProfileImage } = useProfileImage();\n\n  const skillsConfig = program?.skills;\n\n  const membership = membershipData?.membership?.at(0);\n\n  const allSkills = [\n    ...(skillsConfig?.soft_skills?.flatMap((skill) => skill?.skills) ?? []),\n    ...(skillsConfig?.hard_skills?.flatMap((skill) => skill?.skills) ?? []),\n  ] as ProfileSkill[];\n\n  const isSkillsDisabled = skillsConfig?.disable_skills_question;\n\n  const isOwnProfile = profileId === profileData?.id;\n\n  const isGroup =\n    program?.program_details?.program_variation === EProgramVariation.Group;\n\n  const isGroupMentor = membership?.role === 'guide' && isGroup;\n\n  if (isGroupMentor) {\n    var skillSlugs =\n      membershipData?.groupSkills?.map((skill) => skill?.fieldSlug) ?? [];\n  } else {\n    skillSlugs = membershipData?.skills ?? [];\n  }\n\n  const customFields = program\n    ? getFormattedProgramFields(membership, program)\n    : [];\n\n  //program type\n  const programType = program?.program_details?.program_type;\n  const programVariation =\n    programType?.program_type_text?.variations?.individual;\n\n  const profileFields = getVisibleProfileFields(\n    organization?.profile_fields,\n    profileData.organizationFields as IOrganizationField[],\n  );\n\n  const image = getProfileImage({\n    profilePicture: profileData?.pictures.profile,\n    userPicture: profileData?.pictures.user,\n  });\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: { xs: 'column', md: 'row' },\n        ...sxProps,\n      }}\n    >\n      <Box\n        sx={{\n          position: 'relative',\n          display: 'flex',\n          flexDirection: 'column',\n          justifyContent: 'flex-start',\n          alignItems: 'center',\n          width: { md: '270px' },\n          minWidth: { md: '270px' },\n          maxWidth: { xs: '100vw', md: '270px' },\n          backgroundColor: `rgba(${hexToRGB(theme.palette.info.main)}, 0.08)`,\n          p: 3,\n          overflow: 'hidden',\n          ...(showBestMatch && { pt: 7 }),\n        }}\n      >\n        {showBestMatch && (\n          <Box\n            sx={{\n              width: '100%',\n              backgroundColor: theme.palette.success.main,\n              display: 'flex',\n              justifyContent: 'center',\n              alignItems: 'center',\n              p: 0.5,\n              position: 'absolute',\n              top: 0,\n              zIndex: 1,\n            }}\n          >\n            <Star sx={{ mr: 1, color: 'white', fontSize: '16px' }} />\n            <Typography sx={{ color: 'white' }}>\n              {baseLanguage?.programs?.program_registration?.best_match_label}\n            </Typography>\n          </Box>\n        )}\n        <Box\n          sx={{\n            top: '-60px',\n            left: '-15%',\n            position: 'absolute',\n            width: '130%',\n            height: '175px',\n            borderRadius: '100%',\n            backgroundColor: `rgba(${hexToRGB(theme.palette.info.light)}, 0.5)`,\n          }}\n        />\n        <Card>\n          <Avatar\n            src={image}\n            sx={{ width: '150px', height: '150px', backgroundColor: 'white' }}\n            variant=\"rounded\"\n          />\n        </Card>\n        <Typography variant=\"h5\" sx={{ mt: 2, mb: 1, textAlign: 'center' }}>\n          {profileData?.displayName}\n        </Typography>\n        {profileData?.jobTitle && (\n          <Typography variant=\"subtitle2\" color=\"text.secondary\">\n            {profileData?.jobTitle}\n          </Typography>\n        )}\n        {profileData?.townOrCity && (\n          <Box\n            sx={{\n              display: 'flex',\n              justifyContent: 'center',\n              alignItems: 'center',\n              mt: 1,\n            }}\n          >\n            <LocationOn color=\"info\" sx={{ fontSize: 20, mr: 0.5 }} />\n            <Typography variant=\"caption\" color=\"text.secondary\">\n              {profileData?.townOrCity}\n            </Typography>\n          </Box>\n        )}\n        {profileFields?.map((field, index) => {\n          if (field?.label) {\n            return (\n              <Box\n                key={`preview-profile-field-${index}`}\n                sx={{\n                  display: 'flex',\n                  justifyContent: 'center',\n                  alignItems: 'center',\n                  mt: 1,\n                }}\n              >\n                <Box\n                  sx={{\n                    display: 'flex',\n                    alignItems: 'center',\n                    flexDirection: 'row',\n                    color: theme.palette.info.main,\n                    fontSize: 20,\n                    p: 0,\n                    mr: 0.5,\n                  }}\n                >\n                  <SanityIcon name={field?.icon?.name as MDIcons} />\n                </Box>\n                <Typography variant=\"caption\" color=\"text.secondary\">\n                  {field.label}\n                </Typography>\n              </Box>\n            );\n          }\n          return undefined;\n        })}\n        {isLinkedInEnabled && profileData?.linkedInUrl && (\n          <Box\n            sx={{\n              display: 'flex',\n              justifyContent: 'center',\n              alignItems: 'center',\n              mt: 1,\n            }}\n          >\n            <LinkedInIcon viewBox=\"0 0 15 15\" sx={{ fontSize: 15, mr: 1 }} />\n            <Link\n              href={\n                profileData?.linkedInUrl.includes('http')\n                  ? profileData?.linkedInUrl\n                  : `http://${profileData?.linkedInUrl}`\n              }\n              color=\"info.main\"\n              underline=\"none\"\n              variant=\"caption\"\n              sx={{\n                ':hover': {\n                  color: 'info.dark',\n                },\n              }}\n              target=\"_blank\"\n            >\n              {LinkedInButtonLabel}\n            </Link>\n          </Box>\n        )}\n        {action && !isOwnProfile && (\n          <LoadingButton\n            data-cy=\"components_Guide_GuideCard_connect-button\"\n            variant=\"contained\"\n            color=\"info\"\n            sx={{ mt: 2 }}\n            onClick={action}\n            loading={isLoading}\n            disabled={disabled}\n          >\n            {interpolate(\n              programVariation?.registration?.registration_trainee\n                ?.registration_trainee_choose_a_guide\n                ?.registration_trainee_choose_a_guide_choose_guide_button_label ??\n                '',\n              { name: profileData?.firstName || '' },\n              'Connect',\n            )}\n          </LoadingButton>\n        )}\n      </Box>\n      <Box sx={{ width: 'auto', p: 3 }}>\n        {!isSkillsDisabled && skillSlugs && (\n          <Box\n            sx={{\n              display: 'flex',\n              flexDirection: 'column',\n              alignItems: isMobile ? 'center' : 'flex-start',\n            }}\n          >\n            <Typography variant=\"body1\" sx={{ mb: 0.5 }}>\n              {skillsConfig?.text?.[userRole].question_heading ??\n                baseLanguage?.globals?.skills?.skills_label ??\n                ''}\n            </Typography>\n            <Box\n              sx={{\n                display: 'flex',\n                justifyContent: isMobile ? 'center' : 'flex-start',\n                alignItems: 'flex-start',\n                flexWrap: 'wrap',\n              }}\n            >\n              {skillSlugs?.map((skill, index) => {\n                let label =\n                  allSkills?.find((s) => s?.slug === skill)?.label ?? undefined;\n\n                if (label === '' || !label) {\n                  label =\n                    program?.registration?.skills?.options?.find(\n                      (s) => s?.id?.current === skill,\n                    )?.label ?? undefined;\n                }\n\n                if (!label) return <></>;\n\n                return (\n                  <Chip\n                    key={`skills-chip-${skill}-${index}`}\n                    label={label}\n                    {...chipProps}\n                  />\n                );\n              })}\n            </Box>\n          </Box>\n        )}\n        {customFields?.map((field, index) => {\n          return (\n            <Box\n              sx={{\n                mt: isSkillsDisabled && index === 0 ? 2 : 3,\n                display: 'flex',\n                flexDirection: 'column',\n                alignItems: isMobile ? 'center' : 'flex-start',\n                textAlign: isMobile ? 'center' : 'left',\n              }}\n              key={`guide-card-question-${index + 1}`}\n            >\n              <Typography variant=\"body1\">{field.label}</Typography>\n              <Typography\n                variant=\"body2\"\n                color=\"text.secondary\"\n                noWrap={false}\n                sx={{\n                  wordBreak: 'break-word',\n                }}\n              >\n                {field.value}\n              </Typography>\n            </Box>\n          );\n        })}\n      </Box>\n    </Box>\n  );\n};\n"],"names":["ProfilePreview","disabled","programSlug","profileData","membershipData","showBestMatch","userRole","action","isLoading","sxProps","organizationSlug","getSubDomain","theme","isMobile","chipProps","size","sx","backgroundColor","palette","info","main","mr","mb","localeCode","baseLanguage","useBaseLanguage","organization","useOrganization","LinkedInButtonLabel","programs","program_registration","linkedin_profile_button_label","isLinkedInEnabled","personal_details","linkedin_url","enabled","profiles","useProfiles","profile","at","profileId","id","getProgram","useOrganizationPrograms","includeUnlistedPrograms","program","getProfileImage","useProfileImage","skillsConfig","skills","membership","allSkills","soft_skills","flatMap","skill","hard_skills","isSkillsDisabled","disable_skills_question","isOwnProfile","isGroup","program_details","program_variation","EProgramVariation","role","skillSlugs","groupSkills","map","fieldSlug","customFields","getFormattedProgramFields","programType","program_type","programVariation","program_type_text","variations","individual","profileFields","getVisibleProfileFields","profile_fields","organizationFields","image","profilePicture","pictures","userPicture","user","display","flexDirection","xs","md","position","justifyContent","alignItems","width","minWidth","maxWidth","p","overflow","pt","success","top","zIndex","color","fontSize","best_match_label","left","height","borderRadius","light","src","variant","mt","textAlign","displayName","jobTitle","townOrCity","field","index","_a","label","name","icon","linkedInUrl","viewBox","href","includes","underline","target","onClick","loading","registration","registration_trainee","registration_trainee_choose_a_guide","registration_trainee_choose_a_guide_choose_guide_button_label","firstName","text","question_heading","globals","skills_label","flexWrap","_b","_c","_d","_e","_f","_g","find","s","slug","options","current","noWrap","wordBreak","value"],"sourceRoot":""}