\r\n
\r\n
\r\n \r\n \r\n
\r\n {!!errors && !!errors.fullName && (
{errors.fullName?.message})}\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n {!!errors && !!errors.skypeId && (
{errors.skypeId?.message})}\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n {!!errors && !!errors.phoneNumber && (
{errors.phoneNumber?.message})}\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n `${option.id}`}\r\n isSearchable={true}\r\n isLoading={isLoading}\r\n loadingMessage={() => 'Select option is loading...'}\r\n options={state.locationOptions}\r\n getOptionLabel={option => `${option.LocationName}`}\r\n getOptionValue={option => `${option.ID}`}\r\n styles={appSettings.selectStyle}\r\n placeholder=\"Select your location...\"\r\n className={`${!!errors && !!errors.location ? 'error-form' : ''}`}\r\n />\r\n }\r\n control={control}\r\n name=\"location\" />\r\n\r\n \r\n
\r\n {!!errors && !!errors.location && (
{errors.location?.message})}\r\n
\r\n
\r\n
\r\n `${option.id}`}\r\n isSearchable={true}\r\n isLoading={!optionLoaded}\r\n loadingMessage={() => 'Select option is loading...'}\r\n options={state.stateOptions}\r\n getOptionLabel={option => `${option.StateName}`}\r\n getOptionValue={option => `${option.ID}`}\r\n styles={appSettings.selectStyle}\r\n placeholder=\"Select state...\"\r\n className={`${!!errors && !!errors.state ? 'error-form' : ''}`}\r\n />\r\n }\r\n control={control}\r\n name=\"state\" />\r\n \r\n
\r\n {!!errors && !!errors.state && (
{errors.state?.message})}\r\n
\r\n\r\n
\r\n
\r\n `${option.id}`}\r\n isSearchable={true}\r\n isLoading={state.timeZoneOptions.length > 0 ? false : true}\r\n loadingMessage={() => 'Loading options...'}\r\n options={state.timeZoneOptions}\r\n getOptionLabel={option => `${option.TimeZoneName}`}\r\n getOptionValue={option => `${option.ID}`}\r\n styles={appSettings.selectStyle}\r\n placeholder=\"Select timezone...\"\r\n menuPortalTarget={document.body}\r\n className={`${!!errors && !!errors.timeZone ? 'error-form' : ''}`}\r\n />\r\n }\r\n control={control}\r\n name=\"timeZone\" />\r\n\r\n \r\n
\r\n {!!errors && !!errors.timeZone && (
{errors.timeZone?.message})}\r\n
\r\n
\r\n
\r\n `${option.id}`}\r\n isSearchable={false}\r\n isLoading={isLoading}\r\n loadingMessage={() => 'Loading options...'}\r\n options={state.levelOfPurposeOptions}\r\n getOptionLabel={option => `${option.PurposeLevelName}`}\r\n getOptionValue={option => `${option.ID}`}\r\n styles={appSettings.selectStyle}\r\n menuPortalTarget={document.body}\r\n className={`${!!errors && !!errors.levelOfPurpose ? 'error-form' : ''}`}\r\n />\r\n }\r\n control={control}\r\n name=\"levelOfPurpose\" />\r\n\r\n \r\n
\r\n {!!errors && !!errors.levelOfPurpose && (
{errors.levelOfPurpose?.message})}\r\n
\r\n
\r\n
\r\n
\r\n `${option.id}`}\r\n isSearchable={false}\r\n isLoading={isLoading}\r\n loadingMessage={() => 'Loading options...'}\r\n options={state.levelOfEducationOptions}\r\n getOptionLabel={option => `${option.LevelOfEducationName}`}\r\n getOptionValue={option => `${option.ID}`}\r\n styles={appSettings.selectStyle}\r\n placeholder=\"Select level...\"\r\n menuPortalTarget={document.body}\r\n className={`${!!errors && !!errors.levelOfEducation ? 'error-form' : ''}`}\r\n />\r\n }\r\n control={control}\r\n name=\"levelOfEducation\" />\r\n\r\n \r\n
\r\n {!!errors && !!errors.levelOfEducation && (
{errors.levelOfEducation?.message})}\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n\r\n \r\n
\r\n
\r\n
\r\n
\r\n `${option.id}`}\r\n isSearchable={false}\r\n isLoading={isLoading}\r\n loadingMessage={() => 'Loading options...'}\r\n options={state.englishProficienOptions}\r\n getOptionLabel={option => `${option.EnglishProficiencyName}`}\r\n getOptionValue={option => `${option.ID}`}\r\n styles={appSettings.selectStyle}\r\n placeholder=\"Select proficiency...\"\r\n menuPortalTarget={document.body}\r\n className={`${!!errors && !!errors.englishProficien ? 'error-form' : ''}`}\r\n />\r\n }\r\n control={control}\r\n name=\"englishProficien\" />\r\n\r\n \r\n
\r\n {!!errors && !!errors.englishProficien && (
{errors.englishProficien?.message})}\r\n
\r\n