{"version":3,"file":"static/js/app-f20e867b_49cd6db2ef264e3a1cd5.js","mappings":"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","sources":["file:////home/runner/work/platform/platform/apps/front-end/src/components/ProfilePreview/index.tsx","file:////home/runner/work/platform/platform/apps/front-end/src/components/ProgramManageGuideDescription/index.tsx","file:////home/runner/work/platform/platform/apps/front-end/src/components/ProgramManageGuideField/index.tsx","file:////home/runner/work/platform/platform/apps/front-end/src/components/ProgramManageGuideFields/index.tsx","file:////home/runner/work/platform/platform/apps/front-end/src/components/ProgramManageGuideSkills/index.tsx","file:////home/runner/work/platform/platform/apps/front-end/src/components/ProgramManageGuideTitle/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';\nimport { useEffect } from 'react';\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  ICustomField,\n  IMembership,\n  IProfile,\n} from '@guider-global/shared-types';\nimport { LinkedInIcon } from '@guider-global/ui';\nimport { 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';\nimport {\n  useSanityBaseLanguage,\n  useSanityOrganization,\n  useSanityOrganizationPrograms,\n} from '@guider-global/sanity-hooks';\nimport { interpolate } from 'functions';\nimport { useNavigate } from 'react-router-dom';\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    >\n  > {\n  pictures: {\n    profile?: string;\n    user?: string;\n  };\n}\n\nexport interface MembershipDataProps {\n  skills: string[];\n  membership: IMembership[];\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  const navigate = useNavigate();\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 { getOrganization } = useSanityOrganization({\n    getSilently: false,\n    organizationSlug,\n  });\n\n  const { getBaseLanguage } = useSanityBaseLanguage({});\n  const baseLanguage = getBaseLanguage();\n  const LinkedInButtonLabel =\n    baseLanguage.programs.program_registration.linkedin_profile_button_label;\n\n  const organization = getOrganization();\n  const isLinkedInEnabled =\n    organization?.personal_details?.linkedin_url?.enabled ?? false;\n\n  // program\n  const { getProgram } = useSanityOrganizationPrograms({});\n  const program = getProgram(programSlug);\n\n  const skillsConfig = program?.registration?.skills;\n  const isSkillsEnabled = skillsConfig?.enable_skills_question;\n\n  const skillSlugs = membershipData?.skills ?? [];\n\n  const membership = membershipData.membership.at(0);\n\n  useEffect(() => {\n    if (!program || !membershipData) {\n      navigate('/programs');\n    }\n  }, [membershipData, navigate, program]);\n\n  const { getProfileImage } = useProfileImage();\n\n  if (!program || !membershipData || !membership || !profileData) {\n    return <></>;\n  }\n\n  const customFields = getFormattedProgramFields(membership, program);\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 ICustomField[],\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 && (\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        {isSkillsEnabled && 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?.[userRole].question_heading ??\n                skillsConfig?.text?.input_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                <Chip\n                  key={`skills-chip-${skill}-${index}`}\n                  label={\n                    skillsConfig?.options?.find(\n                      (option) => option.id.current === skill,\n                    )?.label\n                  }\n                  {...chipProps}\n                />\n              ))}\n            </Box>\n          </Box>\n        )}\n        {customFields?.map((field, index) => {\n          return (\n            <Box\n              sx={{\n                mt: isSkillsEnabled && 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","import { Box, Typography } from '@mui/material';\nimport { ProgramRegistration } from '@guider-global/shared-types';\nimport { Control, FieldErrors } from 'react-hook-form';\nimport { Asterisk } from 'components/Asterisk';\nimport { FormTextFieldTyped } from 'components/FormTextFieldTyped';\n\nexport interface ProgramManageGuideDescriptionProps {\n  programRegistration: ProgramRegistration | undefined;\n  pageName: string;\n  control: Control;\n  errors: FieldErrors;\n}\n\nexport function ProgramManageGuideDescription({\n  programRegistration,\n  pageName,\n  control,\n  errors,\n}: ProgramManageGuideDescriptionProps) {\n  return (\n    <Box sx={{ my: 6 }} key={`program-registration-question-description`}>\n      <Typography variant=\"h6\">\n        {`2. `}\n        {\n          programRegistration?.registration_group?.group_description\n            .question_title\n        }\n        <Asterisk />\n      </Typography>\n      <Typography variant=\"subtitle2\" color=\"text.secondary\">\n        {\n          programRegistration?.registration_group?.group_description\n            .question_description\n        }\n      </Typography>\n      <FormTextFieldTyped\n        name=\"description\"\n        control={control}\n        label={\n          programRegistration?.registration_group?.group_description.input_label\n        }\n        errors={errors}\n        rows={2}\n        rules={{\n          required: true,\n          minLength:\n            programRegistration?.registration_group?.group_description\n              .minimum_length,\n          maxLength:\n            programRegistration?.registration_group?.group_description\n              .maximum_length,\n        }}\n        requiredErrorMessage={\n          programRegistration?.registration_group?.group_description\n            .required_validation_error_text\n        }\n        minLengthErrorMessage={\n          programRegistration?.registration_group?.group_description\n            .minimum_length_not_met_validation_error\n        }\n        maxLengthErrorMessage={\n          programRegistration?.registration_group?.group_description\n            .maximum_length_not_met_validation_error\n        }\n        data-cy=\"group-description\"\n      />\n    </Box>\n  );\n}\n","import { FC } from 'react';\n\nimport { ProgramRegistrationQuestion } from '@guider-global/shared-types';\n\nimport { FormTextFieldTyped, FormAutocomplete } from 'components';\nimport { BaseReactHookFormComponentProps } from '../../pages/Programs/ProgramManageGuidePage';\n\nexport interface ProgramManageGuideFieldProps\n  extends BaseReactHookFormComponentProps {\n  question: ProgramRegistrationQuestion;\n}\n\nconst ProgramManageGuideField: FC<ProgramManageGuideFieldProps> = ({\n  control,\n  errors,\n  question,\n}) => {\n  const questionId = question.id.current;\n  const questionType = question.type;\n  const questionLabel = question?.text?.input_label ?? '';\n  const isRequired = question.required;\n\n  if (questionType === 'free-text') {\n    const freeTextConfig = question?.free_text_config;\n    const rows = freeTextConfig?.text_area_size === 'multiline' ? 4 : 1;\n\n    return (\n      <FormTextFieldTyped\n        name={questionId}\n        control={control}\n        label={questionLabel}\n        errors={errors}\n        rows={rows}\n        required={isRequired}\n      />\n    );\n  }\n\n  if (questionType === 'select') {\n    const questionOptions =\n      question?.options?.map((option) => ({\n        label: option.label ?? '',\n        value: option.id.current ?? '',\n      })) ?? [];\n\n    return (\n      <FormAutocomplete\n        defaultValue={''}\n        name={questionId}\n        control={control}\n        label={questionLabel}\n        errors={errors}\n        options={questionOptions}\n        rules={{ required: isRequired }}\n      />\n    );\n  }\n\n  if (questionType === 'multi-select') {\n    const questionOptions =\n      question?.options?.map((option) => ({\n        label: option.label ?? '',\n        value: option.id.current ?? '',\n      })) ?? [];\n\n    const maximum_selections =\n      question?.multi_select_config?.maximum_selections ?? 5;\n    const minimum_selections =\n      question?.multi_select_config?.minimum_selections ?? 0;\n    const errorText = question?.multi_select_config?.text;\n\n    const minimumSelectionsNotMetValidationError =\n      errorText?.minimum_selections_not_met_validation_error;\n    const maximumSelectionsExceededValidationError =\n      errorText?.maximum_selections_exceeded_validation_error;\n    // Events\n    const multiSelectValidate = (value: unknown) => {\n      if (question.type === 'multi-select') {\n        const valueLength = (value as string[]).length;\n        if (valueLength > maximum_selections)\n          return maximumSelectionsExceededValidationError;\n        if (valueLength < minimum_selections)\n          return minimumSelectionsNotMetValidationError;\n        return true;\n      }\n    };\n\n    return (\n      <FormAutocomplete\n        multiple\n        defaultValue={[]}\n        name={questionId}\n        control={control}\n        label={questionLabel}\n        errors={errors}\n        options={questionOptions}\n        rules={{ required: isRequired, validate: multiSelectValidate }}\n      />\n    );\n  }\n\n  return <></>;\n};\n\nexport default ProgramManageGuideField;\n","import { Box, Typography } from '@mui/material';\nimport { FC } from 'react';\n\nimport ProgramManageGuideField from '../ProgramManageGuideField';\n\nimport { Asterisk } from 'components';\n\nimport {\n  BaseReactHookFormComponentProps,\n  ProgramManageGuidePageRole,\n} from 'pages/Programs/ProgramManageGuidePage';\nimport { Program } from '@guider-global/shared-types';\n\nexport interface ProgramManageGuideFieldsProps\n  extends BaseReactHookFormComponentProps {\n  role: ProgramManageGuidePageRole;\n  program: Program;\n  isSkillsEnabled: boolean;\n  isGroupProgram: boolean;\n}\n\nconst ProgramManageGuideFields: FC<ProgramManageGuideFieldsProps> = ({\n  role,\n  program,\n  isSkillsEnabled,\n  control,\n  errors,\n  isGroupProgram,\n}) => {\n  const questionIndexOffset = isGroupProgram ? 2 : 0; // guide has 2 extra required questions\n\n  const registrationQuestions =\n    program?.registration?.registration_questions?.filter(\n      (registrationQuestion) =>\n        [role, 'both'].includes(registrationQuestion.audience),\n    );\n\n  return (\n    <Box\n      sx={{\n        mt: isSkillsEnabled ? 6 : 0,\n        display: 'flex',\n        flexFlow: 'column nowrap',\n        gap: 6,\n      }}\n    >\n      {registrationQuestions?.map((question, index) => {\n        const questionIndex =\n          index + (isSkillsEnabled ? 3 : 2) + questionIndexOffset;\n        const isRequired = question.required;\n\n        return (\n          <Box key={`program-registration-question-${index}`}>\n            <Typography variant=\"h6\">\n              {`${questionIndex}. `}\n              {question[role]?.question_title}\n              {isRequired && <Asterisk />}\n            </Typography>\n            <Typography\n              variant=\"subtitle2\"\n              sx={{ whiteSpace: 'pre-line' }}\n              color=\"text.secondary\"\n            >\n              {question[role]?.question_description}\n            </Typography>\n            <ProgramManageGuideField\n              control={control}\n              errors={errors}\n              question={question}\n            />\n          </Box>\n        );\n      })}\n    </Box>\n  );\n};\n\nexport default ProgramManageGuideFields;\n","import { Typography } from '@mui/material';\nimport { FC } from 'react';\nimport { Control, FieldErrors } from 'react-hook-form';\n\nimport { ProgramRegistrationSkills } from '@guider-global/shared-types';\n\nimport { Asterisk, FormAutocomplete } from 'components';\nimport { ProgramManageGuidePageRole } from 'pages/Programs/ProgramManageGuidePage';\n\nexport interface ProgramManageGuideSkillsProps {\n  control: Control;\n  errors: FieldErrors;\n  skillsConfig: ProgramRegistrationSkills | undefined;\n  role: ProgramManageGuidePageRole;\n  isGroupProgram: boolean;\n}\n\nconst ProgramManageGuideSkills: FC<ProgramManageGuideSkillsProps> = ({\n  control,\n  errors,\n  skillsConfig,\n  role,\n  isGroupProgram,\n}) => {\n  if (!skillsConfig?.enable_skills_question) {\n    return <></>;\n  }\n\n  const questionIndexOffset = isGroupProgram ? 2 : 0; // guide has 2 extra required questions\n  const questionIndex = 1 + questionIndexOffset;\n\n  const skillsOptions =\n    skillsConfig?.options?.map((skill) => ({\n      label: skill.label ?? '',\n      value: skill.id.current ?? '',\n    })) ?? [];\n\n  const maximumSelections =\n    skillsConfig?.multi_select_config?.maximum_selections ?? 5;\n  const minimumSelections =\n    skillsConfig?.multi_select_config?.minimum_selections ?? 0;\n  const errorText = skillsConfig?.multi_select_config?.text;\n\n  const minimumSelectionsNotMetValidationError =\n    errorText?.minimum_selections_not_met_validation_error;\n  const maximumSelectionsExceededValidationError =\n    errorText?.maximum_selections_exceeded_validation_error;\n\n  // Events\n  const multiSelectValidate = (value: unknown) => {\n    const valueLength = (value as string[]).length;\n    if (valueLength > maximumSelections)\n      return maximumSelectionsExceededValidationError;\n    if (valueLength < minimumSelections)\n      return minimumSelectionsNotMetValidationError;\n    return true;\n  };\n\n  return (\n    <>\n      <Typography variant=\"h6\">\n        {`${questionIndex}. `}\n        {skillsConfig?.[role].question_title}\n        <Asterisk />\n      </Typography>\n      <Typography\n        variant=\"subtitle2\"\n        color=\"text.secondary\"\n        sx={{ whiteSpace: 'pre-line' }}\n      >\n        {skillsConfig?.[role].question_description}\n      </Typography>\n\n      <FormAutocomplete\n        multiple\n        defaultValue={[]}\n        name={'skills'}\n        control={control}\n        label={skillsConfig?.text?.input_label ?? ''}\n        errors={errors}\n        options={skillsOptions}\n        rules={{\n          required: skillsConfig?.required,\n          validate: multiSelectValidate,\n        }}\n        data-cy=\"pages_GuideRegistrationAboutYouPage_skills-field\"\n      />\n    </>\n  );\n};\n\nexport default ProgramManageGuideSkills;\n","import { Box, Typography } from '@mui/material';\nimport { ProgramRegistration } from '@guider-global/shared-types';\nimport { Control, FieldErrors } from 'react-hook-form';\nimport { Asterisk } from 'components/Asterisk';\nimport { FormTextFieldTyped } from 'components/FormTextFieldTyped';\n\nexport interface ProgramManageGuideTitleProps {\n  programRegistration: ProgramRegistration | undefined;\n  pageName: string;\n  control: Control;\n  errors: FieldErrors;\n}\n\nexport function ProgramManageGuideTitle({\n  programRegistration,\n  pageName,\n  control,\n  errors,\n}: ProgramManageGuideTitleProps) {\n  return (\n    <Box sx={{ mt: 0 }} key={`program-registration-question-title`}>\n      <Typography variant=\"h6\">\n        {`1. `}\n        {programRegistration?.registration_group?.group_title.question_title}\n        <Asterisk />\n      </Typography>\n      <Typography variant=\"subtitle2\" color=\"text.secondary\">\n        {\n          programRegistration?.registration_group?.group_title\n            .question_description\n        }\n      </Typography>\n      <FormTextFieldTyped\n        name=\"title\"\n        control={control}\n        label={programRegistration?.registration_group?.group_title.input_label}\n        errors={errors}\n        rules={{\n          required: true,\n          minLength:\n            programRegistration?.registration_group?.group_title.minimum_length,\n          maxLength:\n            programRegistration?.registration_group?.group_title.maximum_length,\n        }}\n        requiredErrorMessage={\n          programRegistration?.registration_group?.group_title\n            .required_validation_error_text\n        }\n        minLengthErrorMessage={\n          programRegistration?.registration_group?.group_title\n            .minimum_length_not_met_validation_error\n        }\n        maxLengthErrorMessage={\n          programRegistration?.registration_group?.group_title\n            .maximum_length_not_met_validation_error\n        }\n        data-cy=\"group-title\"\n      />\n    </Box>\n  );\n}\n"],"names":["ProfilePreview","disabled","programSlug","profileData","membershipData","showBestMatch","userRole","action","isLoading","sxProps","organizationSlug","getSubDomain","navigate","theme","isMobile","chipProps","size","sx","backgroundColor","palette","info","main","mr","mb","getOrganization","useSanityOrganization","getSilently","getBaseLanguage","useSanityBaseLanguage","baseLanguage","LinkedInButtonLabel","programs","program_registration","linkedin_profile_button_label","organization","isLinkedInEnabled","personal_details","linkedin_url","enabled","getProgram","useSanityOrganizationPrograms","program","skillsConfig","registration","skills","isSkillsEnabled","enable_skills_question","skillSlugs","membership","at","useEffect","getProfileImage","useProfileImage","customFields","getFormattedProgramFields","programType","program_details","program_type","programVariation","program_type_text","variations","individual","profileFields","getVisibleProfileFields","profile_fields","organizationFields","image","profilePicture","pictures","profile","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","map","field","index","_a","label","name","icon","linkedInUrl","viewBox","href","includes","underline","target","onClick","loading","registration_trainee","registration_trainee_choose_a_guide","registration_trainee_choose_a_guide_choose_guide_button_label","firstName","question_heading","text","input_label","flexWrap","skill","_b","options","find","option","id","current","noWrap","wordBreak","value","ProgramManageGuideDescription","programRegistration","pageName","control","errors","my","registration_group","group_description","question_title","question_description","rows","rules","required","minLength","minimum_length","maxLength","maximum_length","requiredErrorMessage","required_validation_error_text","minLengthErrorMessage","minimum_length_not_met_validation_error","maxLengthErrorMessage","maximum_length_not_met_validation_error","question","questionId","questionType","type","questionLabel","isRequired","freeTextConfig","free_text_config","text_area_size","questionOptions","defaultValue","maximum_selections","multi_select_config","minimum_selections","errorText","minimumSelectionsNotMetValidationError","minimum_selections_not_met_validation_error","maximumSelectionsExceededValidationError","maximum_selections_exceeded_validation_error","multiSelectValidate","valueLength","length","multiple","validate","role","isGroupProgram","questionIndexOffset","registrationQuestions","registration_questions","filter","registrationQuestion","audience","Box","flexFlow","gap","questionIndex","Typography","whiteSpace","skillsOptions","maximumSelections","minimumSelections","ProgramManageGuideTitle","group_title"],"sourceRoot":""}