{"version":3,"sources":["components/Forms/ModalForm.tsx","components/Settings/Users/UserListQuery.tsx","components/CustomDatePicker.tsx","components/shared/PeriodPicker.tsx","components/RegionalSalesManagers/RegionalSalesManagerQuery.tsx","components/Settings/Users/userProfileValidationSchema.ts","components/Dealers/DealerContactList/DealerContactListQuery.tsx","components/RegionalSalesManagers/RegionalSalesManagerSelect.tsx","components/Settings/Users/CreateUserMutation.tsx","components/Settings/Users/CreateUserModal.tsx","components/RegionalSalesManagers/fragments.ts","components/Settings/Users/UserQuery.tsx","components/Settings/Users/IdentityProviderUserListQuery.tsx","components/Settings/Users/IdentityProviderUserQuery.tsx","components/Settings/Users/IdentityProviderUserSelect.tsx","components/Settings/Users/CreateUserFormInner.tsx","components/Settings/Users/CreateUserForm.tsx","components/RegionalSalesManagers/RegionalSalesManagerListQuery.tsx","components/Forms/EditForm.tsx"],"names":["ModalForm","isOpen","toggle","headerText","onSubmit","initialValues","children","submitButtonText","validationSchema","context","centered","modalTransition","timeout","merge","default","values","then","formikProps","handleSubmit","formSize","FormSize","NARROW","color","outline","onClick","type","USER_LIST","gql","UserShallowFragment","useUserList","input","useQuery","variables","loading","data","users","UserListQuery","query","MyDatePicker","DatePicker","CustomDatePicker","className","selected","onDayChange","selectsStart","selectsEnd","startDate","endDate","placeholder","showMonthYearPicker","dateFormat","inputStyle","minDate","maxDate","showTimes","disabled","moment","toDate","undefined","onChange","date","customInput","style","placeholderText","showTimeSelect","buttonOptions","label","value","start","end","editDates","divider","getMonthDateRange","subtract","getCurrentQuarter","add","startOf","toISOString","endOf","getYearDateRange","format","getFinancialYearDateRange","getPeriodDescription","range","find","opt","PeriodPicker","props","getDateRange","bind","this","compactView","monthsOnly","dateRange","x","isEqual","classNames","caret","map","i","key","active","onSelectMonth","width","fixStartDate","roundToUnit","startAdjusted","endAdjusted","isBefore","React","GET_REGIONAL_SALES_MANAGER","RegionalSalesManagerFragment","useRegionalSalesManager","id","skip","regionalSalesManager","RegionalSalesManagerQuery","result","userProfileValidationSchema","Yup","shape","nullable","forename","max","when","is","create","required","surname","email","identityProviderUserId","createNewLogin","roles","of","min","setPassword1","setPwd","test","validatePassword","setPassword2","pwd","oneOf","dealerId","includes","UserRoles","dealer","moreThan","accountManagerId","account_manager","accountManagerRegionalSalesManagerId","regionalSalesManagerId","regional_sales_manager","regionalSalesManagerRegion","mobile","telephoneValidationSchema","FORMSTATE_createNewLogin","FORMSTATE_enableLinkToExistingLogin","FORMSTATE_setPassword","FORMSTATE_create","DEALER_CONTACT_LIST","DealerContactFragment","DEALER_CONTACT_QUERY","DealerContactQuery","dealerContact","useDealerContact","RegionalSalesManagerSelect","state","onSelectRegionalSalesManager","autoFocus","isClearable","isDisabled","userData","q","length","options","regionalSalesManagers","edges","node","name","selectedOption","inputValue","onInputChange","setState","filterOption","noOptionsMessage","CREATE_USER","UserFragment","CreateUser","mutation","withRouter","display","dealerContactId","fixedRole","history","Modal","CreateUserMutation","CreateUserForm","defaults","payload","cleanFormData","refetchQueries","page","pageSize","includeSuspended","createUser","user","push","ModalHeader","ContextNames","ACCOUNT_MANAGER","ModalBody","CreateUserFormInner","ModalFooter","Button","GET_USER","GET_USER_SHALLOW","useUser","useUserShallow","UserQuery","loggedInUser","IDENTITY_PROVIDER_USER_LIST","IdentityProviderUserFragment","IdentityProviderUserListQuery","debounceKey","DebounceKeys","SEARCH_IDENTITY_PROVIDER_USERS","debounceTimeout","GET_IDENTITY_PROVIDER_USER","IdentityProviderUserQuery","IdentityProviderUserSelect","onSelectIdentityProviderUser","useState","updateQuery","identityProviderUsers","username","identityProviderUser","CustomSelect","roleOptions","Object","keys","k","formatEnumValue","RegionalSalesManagerField","field","form","FormGroupWrapper","title","rsmId","setFieldTouched","setFieldValue","narrowCol","wideCol","isDealer","isAccountManager","isRegionalSalesManager","FormikEffects","prev","current","clearField","f","forEach","Row","Col","lg","FormGroup","Label","Input","readOnly","FormFieldWrapper","colSize","option","onBlur","DealerSelect","onSelectDealer","did","component","FormInputField","REGIONAL_SALES_MANAGER","AccountManagerSelect","onSelectAccountManager","amId","RadioField","vertical","userProfile","setTimeout","validateForm","readonly","description","validateOnChange","REGIONAL_SALES_MANAGER_LIST","RegionalSalesManagerListQuery","EditButton","memo","icon","faEdit","SaveChangesButtons","onCancel","isSubmitting","faSpinner","spin","EditForm","Summary","summary","disableEditing","isEditing","setIsEditing","handleStopEditing","useCallback","handleStartEditing","handleFormikSubmit","formValues","WIDE"],"mappings":"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","file":"static/js/4.2ae49b15.chunk.js","sourcesContent":["import { Formik, FormikProps } from \"formik\";\nimport { merge } from \"lodash\";\nimport * as React from \"react\";\nimport {\n  Button,\n  Form,\n  Modal,\n  ModalBody,\n  ModalFooter,\n  ModalHeader\n} from \"reactstrap\";\nimport * as Yup from \"yup\";\nimport { ContextNames, FormSize } from \"../types\";\n\ninterface ModalFormProps<Values extends {}> {\n  initialValues?: Partial<Values>;\n  isLoading?: boolean;\n  onSubmit: (values: Values) => Promise<any>;\n  headerText: string;\n  submitButtonText?: string;\n  children: (\n    props: FormikProps<Values> & { context?: ContextNames; formSize?: FormSize }\n  ) => JSX.Element;\n  validationSchema?: Yup.ObjectSchema<any>;\n  isOpen: boolean;\n  toggle: () => void;\n  context?: ContextNames;\n}\n\nconst ModalForm = <Values extends {}>({\n  isOpen,\n  toggle,\n  headerText,\n  onSubmit,\n  initialValues,\n  children,\n  submitButtonText,\n  validationSchema,\n  context\n}: ModalFormProps<Values>) => {\n  return (\n    <Modal\n      isOpen={isOpen}\n      toggle={toggle}\n      centered={false}\n      modalTransition={{ timeout: 100 }}\n    >\n      <Formik\n        initialValues={merge({}, validationSchema?.default(), initialValues)}\n        onSubmit={values => onSubmit(values).then(toggle)}\n        validationSchema={validationSchema}\n      >\n        {formikProps => (\n          <Form onSubmit={formikProps.handleSubmit}>\n            <ModalHeader toggle={toggle}>{headerText}</ModalHeader>\n            <ModalBody>\n              {children({ ...formikProps, context, formSize: FormSize.NARROW })}\n            </ModalBody>\n            <ModalFooter>\n              <Button color=\"secondary\" outline={true} onClick={toggle}>\n                Cancel\n              </Button>\n              <Button color=\"primary\" type=\"submit\">\n                {submitButtonText || \"Submit\"}\n              </Button>\n            </ModalFooter>\n          </Form>\n        )}\n      </Formik>\n    </Modal>\n  );\n};\n\nexport default ModalForm;\n","import gql from \"graphql-tag\";\nimport * as React from \"react\";\nimport { Query, QueryResult, useQuery } from \"react-apollo\";\nimport { SearchArgs, SearchResults, User } from \"../../types\";\nimport { UserShallowFragment } from \"./fragments\";\n\nimport { UserProfile, UserSearchArgs } from \"./types\";\n\nexport interface UserListData {\n  loggedInUser: User;\n  users: SearchResults<UserProfile>;\n}\n\nexport const USER_LIST = gql`\n  query UserListQuery($input: UserSearchArgsInput) {\n    loggedInUser {\n      id\n      roles\n      username\n    }\n    users(input: $input) {\n      pageInfo {\n        hasMorePages\n        totalResults\n        page\n        pageSize\n        first\n        last\n      }\n      edges {\n        node {\n          ...UserShallowFragment\n        }\n      }\n    }\n  }\n  ${UserShallowFragment}\n`;\n\nconst UserListQuery = ({\n  children,\n  ...input\n}: SearchArgs & {\n  children: (\n    result: QueryResult<UserListData, { input: UserSearchArgs }>\n  ) => JSX.Element | null;\n}) => (\n  <Query<UserListData, { input: SearchArgs }>\n    query={USER_LIST}\n    variables={{ input }}\n  >\n    {children}\n  </Query>\n);\n\nexport const useUserList = (input: UserSearchArgs) => {\n  const { loading, data } = useQuery<UserListData, { input: UserSearchArgs }>(\n    USER_LIST,\n    { variables: { input } }\n  );\n\n  return { loading, users: data?.users };\n};\n\nexport default UserListQuery;\n","import moment from \"moment\";\nimport * as React from \"react\";\nimport DatePicker from \"react-datepicker\";\n// tslint:disable-next-line:no-submodule-imports\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport { Input } from \"reactstrap\";\nconst MyDatePicker: React.ComponentType<any> = DatePicker;\n\nconst CustomDatePicker = ({\n  className,\n  selected,\n  onDayChange,\n  selectsStart,\n  selectsEnd,\n  startDate,\n  endDate,\n  placeholder,\n  showMonthYearPicker,\n  dateFormat,\n  inputStyle,\n  minDate,\n  maxDate,\n  showTimes,\n  disabled\n}: {\n  className?: string;\n  selected?: Date | string;\n  selectsStart?: boolean;\n  selectsEnd?: boolean;\n  startDate?: Date | string;\n  endDate?: Date | string;\n  placeholder?: string;\n  showMonthYearPicker?: boolean;\n  dateFormat?: string;\n  inputStyle?: React.CSSProperties;\n  minDate?: Date | null;\n  maxDate?: Date | null;\n  showTimes?: boolean;\n  disabled?: boolean;\n  onDayChange(day?: Date): void;\n}) => (\n  <MyDatePicker\n    className={className}\n    disabled={disabled}\n    selected={selected ? moment(selected).toDate() : undefined}\n    onChange={(date: any) => onDayChange(date || undefined)}\n    dateFormat={dateFormat ? dateFormat : \"dd/MM/yyyy\"}\n    customInput={<Input style={inputStyle} />}\n    selectsStart={selectsStart}\n    selectsEnd={selectsEnd}\n    startDate={startDate ? moment(startDate).toDate() : undefined}\n    endDate={endDate ? moment(endDate).toDate() : undefined}\n    placeholderText={placeholder}\n    showMonthYearPicker={showMonthYearPicker}\n    minDate={minDate ? moment(minDate).toDate() : null}\n    maxDate={maxDate ? moment(maxDate).toDate() : null}\n    showTimeSelect={showTimes}\n  />\n);\n\nexport default CustomDatePicker;\n","import classNames from \"classnames\";\nimport { isEqual } from \"lodash\";\nimport moment from \"moment\";\nimport * as React from \"react\";\nimport {\n  DropdownItem,\n  DropdownMenu,\n  DropdownToggle,\n  UncontrolledDropdown\n} from \"reactstrap\";\nimport {\n  getCurrentQuarter,\n  getFinancialYearDateRange,\n  getMonthDateRange,\n  getYearDateRange\n} from \"../../utils\";\nimport CustomDatePicker from \"../CustomDatePicker\";\n\nexport interface PeriodPickerProps {\n  monthsOnly?: boolean;\n  editDates?: boolean;\n  compactView?: boolean;\n  startDate?: Date | string;\n  endDate?: Date | string;\n  disabled?: boolean;\n  onSelectMonth: (\n    startDate?: Date,\n    endDate?: Date,\n    editDates?: boolean\n  ) => void;\n  className?: string;\n}\n\nconst buttonOptions = [\n  {\n    label: \"All time\",\n    value: { start: undefined, end: undefined }\n  },\n  {\n    label: \"Custom dates\",\n    value: { start: undefined, end: undefined },\n    editDates: true\n  },\n  {\n    divider: true\n  },\n  {\n    ...getMonthDateRange(moment()),\n    label: \"This month\"\n  },\n  {\n    ...getMonthDateRange(moment().subtract(1, \"month\")),\n    label: \"Last month\"\n  },\n  {\n    ...getMonthDateRange(moment().subtract(2, \"month\"))\n  },\n  {\n    ...getMonthDateRange(moment().subtract(3, \"month\"))\n  },\n  {\n    ...getMonthDateRange(moment().subtract(4, \"month\"))\n  },\n  {\n    ...getMonthDateRange(moment().subtract(5, \"month\"))\n  },\n  {\n    divider: true\n  },\n  {\n    ...getCurrentQuarter(moment()),\n    label: \"Current quarter\"\n  },\n  {\n    ...getCurrentQuarter(moment().subtract(1, 'Q')),\n    label: \"Previous quarter\"\n  },\n  {\n    divider: true\n  },\n  {\n    label: \"Last 12 months\",\n    value: {\n      start: moment()\n      .add(1, \"day\")\n      .startOf(\"month\")\n      .subtract(1, \"year\")\n      .toISOString(true),\n      end: moment()\n      .add(1, \"day\")\n      .endOf(\"month\")\n      .endOf(\"day\")\n      .toISOString(true)\n    }\n  },\n  {\n    ...getYearDateRange(moment()),\n    label: \"This year\"\n  },\n  {\n    ...getYearDateRange(moment().subtract(1, \"year\")),\n    label: `Last year (${moment()\n      .subtract(1, \"year\")\n      .format(\"YYYY\")})`\n  },\n  {\n    ...getFinancialYearDateRange(moment())\n  },\n  {\n    ...getFinancialYearDateRange(moment().subtract(1, \"year\"))\n  }\n];\n\nexport const getPeriodDescription = (\n  start?: string | Date,\n  end?: string | Date\n) => {\n  const startDate = start ? moment(start).toISOString(true) : undefined;\n  const endDate = end ? moment(end).toISOString(true) : undefined;\n\n  const range = buttonOptions.find(\n    opt =>\n      opt.value && opt.value.start === startDate && opt.value.end === endDate\n  );\n\n  if (range) {\n    return range.label;\n  }\n\n  if (!startDate && !endDate) {\n    return \"All time\";\n  }\n\n  if (startDate) {\n    if (endDate) {\n      return `${moment(start).format(\"LL\")}-${moment(end).format(\"LL\")}`;\n    }\n    return `On or after ${moment(start).format(\"LL\")}`;\n  }\n  return `On or before ${moment(end).format(\"LL\")}`;\n};\n\nclass PeriodPicker extends React.Component<PeriodPickerProps> {\n  constructor(props: PeriodPickerProps) {\n    super(props);\n    this.getDateRange = this.getDateRange.bind(this);\n  }\n\n  public render() {\n    const {\n      editDates,\n      compactView,\n      monthsOnly,\n      disabled,\n      className\n    } = this.props;\n    const dateRange = {\n      start: this.props.startDate\n        ? moment(this.props.startDate).toISOString(true)\n        : undefined,\n      end: this.props.endDate\n        ? moment(this.props.endDate).endOf(\"day\").toISOString(true)\n        : undefined\n    };\n\n    const selected = buttonOptions.find(x =>\n      editDates\n        ? x.editDates === true\n        : !x.editDates && isEqual(dateRange, x.value)\n    );\n           \n    const dateFormat = monthsOnly ? \"MMM yyyy\" : \"dd/MM/yyyy\";\n\n    return (\n      <div className={classNames(\"period-picker\", className)}>\n        <UncontrolledDropdown>\n          <DropdownToggle\n            disabled={!!disabled}\n            caret={true}\n            color={compactView ? \"link\" : \"secondary\"}\n            className={classNames(\"mr-0\", { \"pl-0\": compactView })}\n          >\n            {selected ? selected.label : \"Custom date\"}\n          </DropdownToggle>\n          <DropdownMenu>\n            {buttonOptions.map((x, i) =>\n              x.divider ? (\n                <DropdownItem key={i} divider={true} />\n              ) : (\n                <DropdownItem\n                  key={i}\n                  active={isEqual(x, selected)}\n                  onClick={() => {\n                    const start = x.editDates\n                      ? this.props.startDate\n                      : x.value && x.value.start;\n                    const end = x.editDates\n                      ? this.props.endDate\n                      : x.value && x.value.end;\n                    const { startDate, endDate } = this.getDateRange(\n                      start,\n                      end,\n                      true,\n                      !!monthsOnly\n                    );\n\n                    this.props.onSelectMonth(\n                      startDate ? moment(startDate).toDate() : undefined,\n                      endDate ? moment(endDate).toDate() : undefined,\n                      !!x.editDates\n                    );\n                  }}\n                >\n                  {x.label}\n                </DropdownItem>\n              )\n            )}\n          </DropdownMenu>\n        </UncontrolledDropdown>\n        {(!compactView || editDates) && (\n          <>\n            <CustomDatePicker\n              disabled={!!disabled}\n              key=\"start-date\"\n              placeholder=\"Start date\"\n              selected={dateRange.start}\n              dateFormat={dateFormat}\n              maxDate={\n                this.props.endDate\n                  ? moment(this.props.endDate).toDate()\n                  : undefined\n              }\n              onDayChange={date => {\n                const { startDate, endDate } = this.getDateRange(\n                  date,\n                  this.props.endDate,\n                  true,\n                  !!monthsOnly\n                );\n\n                this.props.onSelectMonth(startDate, endDate, true);\n              }}\n              showMonthYearPicker={!!monthsOnly}\n              inputStyle={{ width: 120 }}\n            />\n            <CustomDatePicker\n              disabled={!!disabled}\n              key=\"end-date\"\n              placeholder=\"End date\"\n              className=\"mr-0\"\n              selected={\n                this.props.endDate\n                  ? moment(this.props.endDate)\n                      .startOf(monthsOnly ? \"month\" : \"day\")\n                      .toISOString(true)\n                  : undefined\n              }\n              dateFormat={dateFormat}\n              minDate={\n                this.props.startDate\n                  ? moment(this.props.startDate).toDate()\n                  : undefined\n              }\n              onDayChange={date => {\n                const { startDate, endDate } = this.getDateRange(\n                  this.props.startDate,\n                  date,\n                  false,\n                  !!monthsOnly\n                );\n\n                this.props.onSelectMonth(startDate, endDate, true);\n              }}\n              showMonthYearPicker={!!monthsOnly}\n              inputStyle={{ width: 120 }}\n            />\n          </>\n        )}\n      </div>\n    );\n  }\n\n  private getDateRange(\n    startDate: Date | string | null | undefined,\n    endDate: Date | string | null | undefined,\n    fixStartDate: boolean,\n    monthsOnly: boolean\n  ) {\n    const roundToUnit = monthsOnly ? \"month\" : \"day\";\n    let startAdjusted = startDate\n      ? moment(startDate).startOf(roundToUnit)\n      : undefined;\n\n    let endAdjusted = endDate\n      ? moment(endDate).startOf(roundToUnit)\n      : undefined;\n\n    if (startAdjusted && endAdjusted && endAdjusted.isBefore(startAdjusted)) {\n      if (fixStartDate) {\n        endAdjusted = moment(startAdjusted);\n      } else {\n        startAdjusted = moment(endAdjusted);\n      }\n    }\n\n    return {\n      startDate: startAdjusted ? startAdjusted.toDate() : undefined,\n      endDate: endAdjusted\n        ? endAdjusted\n            .add(1, roundToUnit)\n            .subtract(1, \"day\")\n            .endOf(\"day\")\n            .toDate()\n        : undefined\n    };\n  }\n}\n\nexport default PeriodPicker;\n","import gql from \"graphql-tag\";\nimport * as React from \"react\";\nimport { Query, QueryResult, useQuery } from \"react-apollo\";\nimport { User } from \"../types\";\nimport { RegionalSalesManagerFragment } from \"./fragments\";\nimport { RegionalSalesManager } from \"./types\";\n\nexport interface LoggedInRegionalSalesManagerProps {\n  loggedInUser: User;\n}\n\nexport interface RegionalSalesManagerProps {\n  loggedInUser: User;\n  regionalSalesManager: RegionalSalesManager;\n}\n\ninterface RegionalSalesManagerData {\n  loggedInRegionalSalesManager: RegionalSalesManager;\n  regionalSalesManager: RegionalSalesManager;\n}\n\ninterface RegionalSalesManagerArgs {\n  id?: string;\n}\n\nexport const GET_REGIONAL_SALES_MANAGER = gql`\n  query RegionalSalesManagerQuery($id: ID!) {\n    loggedInUser {\n      id\n      username\n      roles\n    }\n    regionalSalesManager(id: $id) {\n      ...RegionalSalesManagerFragment\n    }\n  }\n  ${RegionalSalesManagerFragment}\n`;\n\nconst RegionalSalesManagerQuery = ({\n  query,\n  children,\n  id\n}: RegionalSalesManagerArgs & {\n  query?: object;\n  children: (\n    result: QueryResult<RegionalSalesManagerData, RegionalSalesManagerArgs> & {\n      regionalSalesManager?: RegionalSalesManager;\n    }\n  ) => JSX.Element | null;\n}) => (\n  <Query<RegionalSalesManagerData, RegionalSalesManagerArgs>\n    query={query || GET_REGIONAL_SALES_MANAGER}\n    variables={{ id }}\n    skip={!id}\n  >\n    {result =>\n      children({\n        ...result,\n        regionalSalesManager: result?.data?.regionalSalesManager\n      })\n    }\n  </Query>\n);\n\nexport const useRegionalSalesManager = (id?: string) => {\n  const { loading, data } = useQuery<\n    RegionalSalesManagerData,\n    RegionalSalesManagerArgs\n  >(GET_REGIONAL_SALES_MANAGER, { variables: { id }, skip: !id });\n\n  return { loading, regionalSalesManager: data?.regionalSalesManager };\n};\n\nexport default RegionalSalesManagerQuery;\n","import * as Yup from \"yup\";\nimport { validatePassword } from \"../../../utils\";\nimport telephoneValidationSchema from \"../../Forms/telephoneValidationSchema\";\nimport { UserRoles } from \"../../types\";\nimport { UserProfileInput } from \"./types\";\n\nconst userProfileValidationSchema = Yup.object<UserProfileInput>().shape({\n  id: Yup.string()\n    .nullable(true)\n    .default(undefined),\n  forename: Yup.string()\n    .label(\"First name\")\n    .max(50)\n    .nullable(true)\n    .when([\"FORMSTATE_createNewLogin\", \"id\"], {\n      is: (create: boolean, id?: string) => create && !id,\n      then: Yup.string().required()\n    }),\n  surname: Yup.string()\n    .label(\"Last name\")\n    .max(50)\n    .nullable(true)\n    .when([\"FORMSTATE_createNewLogin\", \"id\"], {\n      is: (create: boolean, id?: string) => create && !id,\n      then: Yup.string().required()\n    }),\n  email: Yup.string()\n    .email()\n    .max(255)\n    .label(\"Email\")\n    .nullable(true)\n    .required(),\n  identityProviderUserId: Yup.string()\n    .nullable(true)\n    .default(undefined)\n    .label(\"Auth0 user\")\n    .when([\"FORMSTATE_createNewLogin\", \"FORMSTATE_create\"], {\n      is: (createNewLogin: boolean, create: boolean) =>\n        !createNewLogin && create,\n      then: Yup.string().required()\n    }),\n  roles: Yup.array()\n    .of(Yup.string().min(1))\n    .default(undefined)\n    .required()\n    .label(\"Role\")\n    .min(1, \"At least one role must be specified\"),\n  setPassword1: Yup.string()\n    .max(100)\n    .default(undefined)\n    .label(\"Password\")\n    .nullable(true)\n    .when([\"FORMSTATE_createNewLogin\", \"FORMSTATE_setPassword\"], {\n      is: (create: boolean, setPwd: boolean) => create && setPwd,\n      then: Yup.string().required()\n    })\n    .test(\n      \"password-complexity\",\n      \"Password does not meet complexity requirements\",\n      value => !value || validatePassword(value, 3, 8)\n    ),\n  setPassword2: Yup.string()\n    .max(100)\n    .default(undefined)\n    .label(\"Confirm password\")\n    .nullable(true)\n    .when(\"setPassword1\", {\n      is: (pwd: string) => !!pwd,\n      then: Yup.string()\n        .required()\n        .oneOf([Yup.ref(\"setPassword1\")], \"Passwords must match\")\n    }),\n  dealerId: Yup.number()\n    .label(\"Dealer\")\n    .nullable(true)\n    .default(undefined)\n    .when(\"roles\", {\n      is: (roles: UserRoles[]) => roles && roles.includes(UserRoles.dealer),\n      then: Yup.number()\n        .required()\n        .moreThan(0)\n    }),\n  accountManagerId: Yup.string()\n    .label(\"Account manager\")\n    .nullable(true)\n    .default(undefined)\n    .max(10)\n    .when(\"roles\", {\n      is: (roles: UserRoles[]) =>\n        roles && roles.includes(UserRoles.account_manager),\n      then: Yup.string().required()\n    }),\n  accountManagerRegionalSalesManagerId: Yup.string()\n    .label(\"Regional sales manager\")\n    .nullable(true)\n    .default(undefined)\n    .when([\"roles\", \"FORMSTATE_create\"], {\n      is: (roles: UserRoles[], create: boolean) =>\n        create && roles && roles.includes(UserRoles.account_manager),\n      then: Yup.string().required()\n    }),\n  regionalSalesManagerId: Yup.string()\n    .nullable(true)\n    .default(undefined)\n    .label(\"Regional sales manager\")\n    .when([\"roles\", \"FORMSTATE_create\"], {\n      is: (roles: UserRoles[], create: boolean) =>\n        !create && roles && roles.includes(UserRoles.regional_sales_manager),\n      then: Yup.string().required()\n    }),\n  regionalSalesManagerRegion: Yup.string()\n    .label(\"Region name\")\n    .nullable(true)\n    .default(undefined)\n    .when([\"roles\", \"FORMSTATE_create\"], {\n      is: (roles: UserRoles[], create: boolean) =>\n        create && roles && roles.includes(UserRoles.regional_sales_manager),\n      then: Yup.string().required()\n    }),\n  mobile: telephoneValidationSchema.label(\"Mobile\"),\n  FORMSTATE_createNewLogin: Yup.boolean()\n    .required()\n    .default(true),\n  FORMSTATE_enableLinkToExistingLogin: Yup.boolean()\n    .required()\n    .default(true),\n  FORMSTATE_setPassword: Yup.boolean()\n    .required()\n    .default(false),\n  FORMSTATE_create: Yup.boolean().default(true)\n});\n\nexport default userProfileValidationSchema;\n","import gql from \"graphql-tag\";\nimport * as React from \"react\";\nimport { Query, QueryResult, useQuery } from \"react-apollo\";\nimport { SearchResults, User } from \"../../types\";\nimport { DealerContactFragment } from \"../fragments\";\nimport { DealerContact, DealerContactSearchArgs } from \"../types\";\n\nexport interface DealerContactListData {\n  loggedInUser: User;\n  dealer: {\n    id?: number;\n    contacts: SearchResults<DealerContact>;\n  };\n}\n\ninterface DealerContactListVariables {\n  dealerId: number;\n  input: DealerContactSearchArgs;\n}\n\ninterface DealerContactData {\n  dealerContact: DealerContact;\n}\n\nexport const DEALER_CONTACT_LIST = gql`\n  query DealerContactListQuery(\n    $dealerId: Int\n    $input: DealerContactSearchArgsInput\n  ) {\n    loggedInUser {\n      id\n      username\n      roles\n    }\n    dealer(id: $dealerId) {\n      id\n      contacts(input: $input) {\n        pageInfo {\n          hasMorePages\n          totalResults\n          page\n          pageSize\n          first\n          last\n        }\n        edges {\n          node {\n            ...DealerContactFragment\n          }\n        }\n      }\n    }\n  }\n  ${DealerContactFragment}\n`;\n\nconst DealerContactListQuery = ({\n  children,\n  variables\n}: {\n  variables: DealerContactListVariables;\n  children: (\n    result: QueryResult<DealerContactListData, DealerContactListVariables>\n  ) => JSX.Element | null;\n}) => (\n  <Query<DealerContactListData, DealerContactListVariables>\n    query={DEALER_CONTACT_LIST}\n    variables={variables}\n  >\n    {children as any}\n  </Query>\n);\n\nconst DEALER_CONTACT_QUERY = gql`\n  query DealerContactQuery($id: Int!) {\n    dealerContact(id: $id) {\n      ...DealerContactFragment\n    }\n  }\n  ${DealerContactFragment}\n`;\n\nexport const DealerContactQuery = ({\n  children,\n  id\n}: {\n  id?: number;\n  children: (\n    result: QueryResult<DealerContactData, { id?: number }> & {\n      dealerContact?: DealerContact;\n    }\n  ) => JSX.Element | null;\n}) => (\n  <Query<DealerContactData, { id?: number }>\n    skip={!id}\n    query={DEALER_CONTACT_QUERY}\n    variables={{ id }}\n  >\n    {result =>\n      children({\n        ...result,\n        dealerContact: result?.data?.dealerContact\n      } as any)\n    }\n  </Query>\n);\n\nexport const useDealerContact = (id?: number) => {\n  const { loading, data } = useQuery<DealerContactData, { id?: number }>(\n    DEALER_CONTACT_QUERY,\n    { variables: { id }, skip: !id }\n  );\n\n  return { loading, dealerContact: data?.dealerContact };\n};\n\nexport default DealerContactListQuery;\n","import * as React from \"react\";\nimport CustomSelect from \"../Forms/CustomSelect\";\nimport RegionalSalesManagerListQuery from \"./RegionalSalesManagerListQuery\";\nimport RegionalSalesManagerQuery from \"./RegionalSalesManagerQuery\";\n\ninterface RegionalSalesManagerSelectProps {\n  regionalSalesManagerId?: string;\n  onSelectRegionalSalesManager: (id: string) => void;\n  autoFocus?: boolean;\n  isClearable?: boolean;\n  isDisabled?: boolean;\n}\n\ninterface RegionalSalesManagerSelectState {\n  query?: string;\n}\n\nclass RegionalSalesManagerSelect extends React.Component<\n  RegionalSalesManagerSelectProps,\n  RegionalSalesManagerSelectState\n> {\n  constructor(props: RegionalSalesManagerSelectProps) {\n    super(props);\n    this.state = {};\n  }\n\n  public render() {\n    const {\n      regionalSalesManagerId,\n      onSelectRegionalSalesManager,\n      autoFocus,\n      isClearable,\n      isDisabled\n    } = this.props;\n    const { query } = this.state;\n\n    return (\n      <RegionalSalesManagerQuery id={regionalSalesManagerId}>\n        {({ data: userData }) => (\n          <RegionalSalesManagerListQuery\n            q={query && query.length >= 3 ? query : undefined}\n          >\n            {({ data, loading }) => {\n              const options =\n                loading || !data || !data.regionalSalesManagers\n                  ? []\n                  : data.regionalSalesManagers.edges.map(\n                      ({ node: { name, id } }) => ({\n                        label: name,\n                        value: id\n                      })\n                    );\n\n              const selectedOption =\n                userData && userData.regionalSalesManager\n                  ? {\n                      label: userData.regionalSalesManager.name,\n                      value: userData.regionalSalesManager.id\n                    }\n                  : null;\n\n              return (\n                <CustomSelect\n                  value={selectedOption}\n                  inputValue={query}\n                  onInputChange={value => this.setState({ query: value })}\n                  options={options}\n                  filterOption={() => true}\n                  onChange={(value: any) =>\n                    onSelectRegionalSalesManager(\n                      value ? value.value : undefined\n                    )\n                  }\n                  noOptionsMessage={() =>\n                    loading ? \"Loading...\" : \"No regional sales managers found\"\n                  }\n                  placeholder={\"Select a regional sales manager\"}\n                  autoFocus={autoFocus}\n                  isClearable={!!isClearable}\n                  isDisabled={!!isDisabled}\n                />\n              );\n            }}\n          </RegionalSalesManagerListQuery>\n        )}\n      </RegionalSalesManagerQuery>\n    );\n  }\n}\n\nexport default RegionalSalesManagerSelect;\n","import gql from \"graphql-tag\";\nimport * as React from \"react\";\nimport { Mutation, MutationFunction, MutationResult } from \"react-apollo\";\nimport { UserFragment } from \"./fragments\";\nimport { UserProfile, UserProfileInput } from \"./types\";\n\ninterface UserData {\n  createUser: UserProfile;\n}\n\ninterface UserVariables {\n  input: UserProfileInput;\n}\n\nexport const CREATE_USER = gql`\n  mutation CreateUser($input: UserInput) {\n    createUser(input: $input) {\n      ...UserFragment\n    }\n  }\n  ${UserFragment}\n`;\n\nconst CreateUser = ({\n  children\n}: {\n  children: (\n    mutationFunction: MutationFunction<UserData, UserVariables>,\n    result: MutationResult<UserData>\n  ) => JSX.Element | null;\n}) => <Mutation mutation={CREATE_USER}>{children}</Mutation>;\n\nexport default CreateUser;\n","import { defaults } from \"lodash\";\nimport * as React from \"react\";\nimport { RouteComponentProps, withRouter } from \"react-router\";\nimport { Button, Modal, ModalBody, ModalFooter, ModalHeader } from \"reactstrap\";\nimport { cleanFormData } from \"../../../utils\";\nimport { DealerContactQuery } from \"../../Dealers/DealerContactList/DealerContactListQuery\";\nimport { ContextNames, FormSize, UserRoles } from \"../../types\";\nimport CreateUserForm from \"./CreateUserForm\";\nimport CreateUserFormInner from \"./CreateUserFormInner\";\nimport CreateUserMutation from \"./CreateUserMutation\";\nimport { UserProfileInput } from \"./types\";\nimport { USER_LIST } from \"./UserListQuery\";\nimport userProfileValidationSchema from \"./userProfileValidationSchema\";\n\ninterface CreateUserModalProps {\n  dealerId?: number;\n  dealerContactId?: number;\n  regionalSalesManagerId?: string;\n  fixedRole?: UserRoles;\n  display: boolean;\n  context?: ContextNames;\n  toggle: () => void;\n}\n\nconst CreateUserModal = ({\n  display,\n  toggle,\n  dealerId,\n  dealerContactId,\n  regionalSalesManagerId,\n  fixedRole,\n  context,\n  history\n}: CreateUserModalProps & RouteComponentProps) => {\n  return (\n    <Modal\n      isOpen={display}\n      toggle={toggle}\n      centered={false}\n      modalTransition={{ timeout: 100 }}\n    >\n      <DealerContactQuery id={dealerContactId}>\n        {({ dealerContact }) => (\n          <CreateUserMutation>\n            {mutation => (\n              <CreateUserForm\n                context={context}\n                formSize={FormSize.NARROW}\n                initialValues={\n                  defaults(\n                    {},\n                    {\n                      FORMSTATE_enableLinkToExistingLogin: !dealerContact,\n                      dealerId,\n                      forename: dealerContact && dealerContact.forename,\n                      surname: dealerContact && dealerContact.surname,\n                      email: dealerContact && dealerContact.email,\n                      roles: fixedRole ? [fixedRole] : [],\n                      accountManagerRegionalSalesManagerId:\n                        fixedRole === UserRoles.account_manager\n                          ? regionalSalesManagerId\n                          : undefined\n                    },\n                    userProfileValidationSchema.default()\n                  ) as any\n                }\n                onSubmit={(values: UserProfileInput) => {\n                  toggle();\n\n                  const payload: UserProfileInput = cleanFormData(values);\n\n                  return mutation({\n                    variables: { input: { ...payload } },\n                    refetchQueries: [\n                      {\n                        query: USER_LIST,\n                        variables: {\n                          input: {\n                            page: 1,\n                            pageSize: 10,\n                            q: \"\",\n                            includeSuspended: true\n                          }\n                        }\n                      }\n                    ]\n                  }).then(result => {\n                    if (result && result.data && result.data.createUser) {\n                      const user = result.data.createUser;\n                      history.push(`/settings/users/${user.id}`);\n                    }\n                  });\n                }}\n              >\n                {formikProps => (\n                  <>\n                    <ModalHeader toggle={toggle}>\n                      {context === ContextNames.ACCOUNT_MANAGER\n                        ? \"New account manager\"\n                        : \"New user\"}\n                    </ModalHeader>\n                    <ModalBody>\n                      <CreateUserFormInner\n                        context={context}\n                        fixedRole={fixedRole}\n                        {...formikProps}\n                      />\n                    </ModalBody>\n                    <ModalFooter>\n                      <Button color=\"secondary\" outline={true} onClick={toggle}>\n                        Cancel\n                      </Button>\n                      <Button color=\"primary\" type=\"submit\">\n                        {context === ContextNames.ACCOUNT_MANAGER\n                          ? \"Save new account manager\"\n                          : \"Save new user\"}\n                      </Button>\n                    </ModalFooter>\n                  </>\n                )}\n              </CreateUserForm>\n            )}\n          </CreateUserMutation>\n        )}\n      </DealerContactQuery>\n    </Modal>\n  );\n};\n\nexport default withRouter(CreateUserModal);\n","import gql from \"graphql-tag\";\n\nexport const RegionalSalesManagerFragment = gql`\n  fragment RegionalSalesManagerFragment on RegionalSalesManager {\n    id\n    name\n    region\n    email\n    mobile\n    isSuspended\n    user {\n      id\n      username\n    }\n  }\n`;\n","import gql from \"graphql-tag\";\nimport * as React from \"react\";\nimport { Query, QueryResult, useQuery } from \"react-apollo\";\nimport { User } from \"../../types\";\nimport { UserFragment, UserShallowFragment } from \"./fragments\";\nimport { UserProfile } from \"./types\";\n\nexport interface LoggedInUserProps {\n  loggedInUser: User;\n}\n\nexport interface UserProps {\n  loggedInUser: User;\n  user: UserProfile;\n}\n\ninterface UserData {\n  loggedInUser: User;\n  user: UserProfile;\n}\n\ninterface UserArgs {\n  id?: string;\n}\n\nexport const GET_USER = gql`\n  query UserQuery($id: ID!) {\n    loggedInUser {\n      id\n      username\n      roles\n    }\n    user(id: $id) {\n      ...UserFragment\n    }\n  }\n  ${UserFragment}\n`;\n\nexport const GET_USER_SHALLOW = gql`\n  query UserQuery($id: ID!) {\n    user(id: $id) {\n      ...UserShallowFragment\n    }\n  }\n  ${UserShallowFragment}\n`;\n\nconst UserQuery = ({\n  children,\n  id\n}: UserArgs & {\n  children: (\n    result: QueryResult<UserData, UserArgs> & {\n      loggedInUser?: User;\n      user?: UserProfile;\n    }\n  ) => JSX.Element | null;\n}) => (\n  <Query<UserData, UserArgs> query={GET_USER} variables={{ id }} skip={!id}>\n    {result =>\n      children({\n        ...result,\n        loggedInUser: result?.data?.loggedInUser,\n        user: result?.data?.user\n      })\n    }\n  </Query>\n);\n\nexport const useUser = (id?: string) => {\n  const { loading, data } = useQuery<UserData, UserArgs>(GET_USER, {\n    variables: { id },\n    skip: !id\n  });\n  return { loading, user: data?.user };\n};\n\nexport const useUserShallow = (id?: string) => {\n  const { loading, data } = useQuery<UserData, UserArgs>(GET_USER_SHALLOW, {\n    variables: { id },\n    skip: !id\n  });\n  return { loading, user: data?.user };\n};\nexport default UserQuery;\n","import gql from \"graphql-tag\";\nimport * as React from \"react\";\nimport { Query, QueryResult } from \"react-apollo\";\nimport { DebounceKeys, SearchArgs, SearchResults, User } from \"../../types\";\nimport { IdentityProviderUserFragment } from \"./fragments\";\nimport { UserProfile } from \"./types\";\n\nexport interface IdentityProviderUserListData {\n  loggedInUser: User;\n  identityProviderUsers: SearchResults<UserProfile>;\n}\n\nexport const IDENTITY_PROVIDER_USER_LIST = gql`\n  query IdentityProviderUserListQuery(\n    $input: IdentityProviderUserSearchArgsInput\n  ) {\n    loggedInUser {\n      id\n      roles\n      username\n    }\n    identityProviderUsers(input: $input) {\n      pageInfo {\n        hasMorePages\n        totalResults\n        page\n        pageSize\n        first\n        last\n      }\n      edges {\n        node {\n          ...IdentityProviderUserFragment\n        }\n      }\n    }\n  }\n  ${IdentityProviderUserFragment}\n`;\n\nconst IdentityProviderUserListQuery = ({\n  children,\n  ...input\n}: SearchArgs & {\n  children: (\n    result: QueryResult<IdentityProviderUserListData, { input: SearchArgs }>\n  ) => JSX.Element | null;\n}) => (\n  <Query<IdentityProviderUserListData, { input: SearchArgs }>\n    query={IDENTITY_PROVIDER_USER_LIST}\n    variables={{ input }}\n    context={{\n      debounceKey: DebounceKeys.SEARCH_IDENTITY_PROVIDER_USERS,\n      debounceTimeout: 300\n    }}\n  >\n    {children}\n  </Query>\n);\n\nexport default IdentityProviderUserListQuery;\n","import gql from \"graphql-tag\";\nimport * as React from \"react\";\nimport { Query, QueryResult } from \"react-apollo\";\nimport { User } from \"../../types\";\nimport { IdentityProviderUserFragment } from \"./fragments\";\nimport { IdentityProviderUser } from \"./types\";\n\nexport interface LoggedInUserProps {\n  loggedInUser: User;\n}\n\nexport interface IdentityProviderUserProps {\n  loggedInUser: User;\n  identityProviderUser: IdentityProviderUser;\n}\n\ninterface IdentityProviderUserData {\n  loggedInUser: User;\n  identityProviderUser: IdentityProviderUser;\n}\n\ninterface IdentityProviderUserArgs {\n  id?: string;\n}\n\nexport const GET_IDENTITY_PROVIDER_USER = gql`\n  query IdentityProviderUserQuery($id: String!) {\n    loggedInUser {\n      id\n      username\n      roles\n    }\n    identityProviderUser(id: $id) {\n      ...IdentityProviderUserFragment\n    }\n  }\n  ${IdentityProviderUserFragment}\n`;\n\nconst IdentityProviderUserQuery = ({\n  children,\n  id\n}: IdentityProviderUserArgs & {\n  children: (\n    result: QueryResult<IdentityProviderUserData, IdentityProviderUserArgs>\n  ) => JSX.Element | null;\n}) => (\n  <Query<IdentityProviderUserData, IdentityProviderUserArgs>\n    query={GET_IDENTITY_PROVIDER_USER}\n    variables={{ id }}\n    skip={!id}\n  >\n    {children}\n  </Query>\n);\n\nexport default IdentityProviderUserQuery;\n","import React, { useState } from \"react\";\nimport CustomSelect from \"../../Forms/CustomSelect\";\nimport IdentityProviderUserListQuery from \"./IdentityProviderUserListQuery\";\nimport IdentityProviderUserQuery from \"./IdentityProviderUserQuery\";\nimport { UserProfile } from \"./types\";\n\ninterface IdentityProviderUserSelectProps {\n  id?: string;\n  onSelectIdentityProviderUser: (user: UserProfile) => void;\n  autoFocus?: boolean;\n}\n\nconst IdentityProviderUserSelect = ({\n  id,\n  onSelectIdentityProviderUser,\n  autoFocus\n}: IdentityProviderUserSelectProps) => {\n  const [query, updateQuery] = useState<string | undefined>(undefined);\n\n  return (\n    <IdentityProviderUserQuery id={id}>\n      {({ data: userData }) => (\n        <IdentityProviderUserListQuery\n          q={query && query.length >= 3 ? query : undefined}\n        >\n          {({ data, loading }) => {\n            const options =\n              loading || !data || !data.identityProviderUsers\n                ? []\n                : data.identityProviderUsers.edges.map(({ node: user }) => ({\n                    label: user.username,\n                    value: user\n                  }));\n\n            const selectedOption =\n              userData && userData.identityProviderUser\n                ? {\n                    label: userData.identityProviderUser.username,\n                    value: userData.identityProviderUser\n                  }\n                : null;\n\n            return (\n              <CustomSelect\n                value={selectedOption}\n                inputValue={query}\n                onInputChange={value => updateQuery(value)}\n                options={options}\n                onChange={(value: any) =>\n                  onSelectIdentityProviderUser(value ? value.value : undefined)\n                }\n                filterOption={() => true}\n                noOptionsMessage={() =>\n                  loading ? \"Loading...\" : \"No users found\"\n                }\n                placeholder={\"Select an existing Auth0 user...\"}\n                autoFocus={autoFocus}\n                isClearable={true}\n              />\n            );\n          }}\n        </IdentityProviderUserListQuery>\n      )}\n    </IdentityProviderUserQuery>\n  );\n};\n\nexport default IdentityProviderUserSelect;\n","import { Field, FieldProps, FormikProps } from \"formik\";\nimport * as React from \"react\";\nimport { Col, FormGroup, Input, Label, Row } from \"reactstrap\";\nimport { formatEnumValue } from \"../../../utils\";\nimport AccountManagerSelect from \"../../AccountManagers/AccountManagerSelect\";\nimport DealerSelect from \"../../Dealers/DealerSelect\";\nimport CustomSelect from \"../../Forms/CustomSelect\";\nimport FormFieldWrapper from \"../../Forms/FormFieldWrapper\";\nimport FormGroupWrapper from \"../../Forms/FormGroupWrapper\";\nimport FormikEffects from \"../../Forms/FormikEffects\";\nimport FormInputField from \"../../Forms/FormInputField\";\nimport RadioField from \"../../Forms/RadioField\";\nimport RegionalSalesManagerSelect from \"../../RegionalSalesManagers/RegionalSalesManagerSelect\";\nimport { ContextNames, FormSize, UserRoles } from \"../../types\";\nimport IdentityProviderUserSelect from \"./IdentityProviderUserSelect\";\nimport { UserProfileInput } from \"./types\";\n\ninterface CreateUserFormInnerProps {\n  context?: ContextNames;\n  fixedRole?: UserRoles;\n  formSize?: FormSize;\n}\n\ntype CreateUserFormInnerPropsEnhanced = FormikProps<UserProfileInput> &\n  CreateUserFormInnerProps;\n\nconst roleOptions = Object.keys(UserRoles).map(k => ({\n  value: [k],\n  label: formatEnumValue(k)\n}));\n\nconst RegionalSalesManagerField = ({\n  name,\n  isDisabled\n}: {\n  name: string;\n  isDisabled: boolean;\n}) => (\n  <Field name={name}>\n    {({ field, form }: FieldProps<UserProfileInput>) => (\n      <FormGroupWrapper {...{ field, form }} title=\"Regional sales manager\">\n        <RegionalSalesManagerSelect\n          regionalSalesManagerId={field.value}\n          onSelectRegionalSalesManager={rsmId => {\n            form.setFieldTouched(field.name, true);\n            form.setFieldValue(field.name, rsmId);\n          }}\n          isDisabled={isDisabled}\n          isClearable={true}\n        />\n      </FormGroupWrapper>\n    )}\n  </Field>\n);\n\nconst CreateUserFormInner = (props: CreateUserFormInnerPropsEnhanced) => {\n  const {\n    context,\n    fixedRole,\n    formSize,\n    setFieldValue,\n    setFieldTouched,\n    values: {\n      FORMSTATE_create: create,\n      FORMSTATE_createNewLogin,\n      FORMSTATE_enableLinkToExistingLogin,\n      FORMSTATE_setPassword,\n      roles,\n      dealerId,\n      accountManagerRegionalSalesManagerId,\n      email,\n      identityProviderUserId\n    }\n  } = props;\n\n  const narrowCol = formSize === FormSize.NARROW ? 8 : 6;\n  const wideCol = formSize === FormSize.NARROW ? 12 : 8;\n\n  const isDealer = roles && roles.includes(UserRoles.dealer);\n  const isAccountManager = roles && roles.includes(UserRoles.account_manager);\n  const isRegionalSalesManager =\n    roles && roles.includes(UserRoles.regional_sales_manager);\n\n  return (\n    <>\n      <FormikEffects\n        onChange={(prev: UserProfileInput, current: UserProfileInput) => {\n          const clearField = (f: string) => {\n            props.setFieldValue(f, null);\n            props.setFieldTouched(f, false);\n          };\n\n          if (\n            current.roles &&\n            current.roles.length &&\n            prev.roles &&\n            prev.roles.length &&\n            current.roles[0] !== prev.roles[0]\n          ) {\n            [\n              \"dealerId\",\n              \"accountManagerId\",\n              \"regionalSalesManagerId\",\n              \"accountManagerRegionalSalesManagerId\",\n              \"regionalSalesManagerRegion\",\n              \"mobile\"\n            ].forEach(clearField);\n          }\n\n          if (!current.FORMSTATE_setPassword && prev.FORMSTATE_setPassword) {\n            [\"setPassword1\", \"setPassword2\"].forEach(clearField);\n          }\n\n          if (\n            current.FORMSTATE_createNewLogin !== prev.FORMSTATE_createNewLogin\n          ) {\n            [\n              \"setPassword1\",\n              \"setPassword2\",\n              \"email\",\n              \"identityProviderUserId\"\n            ].forEach(clearField);\n          }\n        }}\n      />\n      {create && fixedRole ? (\n        <Row key=\"fixed-role\">\n          <Col lg={narrowCol}>\n            <FormGroup>\n              <Label>User role</Label>\n              <Input\n                type=\"text\"\n                value={formatEnumValue(fixedRole)}\n                readOnly={true}\n              />\n            </FormGroup>\n          </Col>\n        </Row>\n      ) : (\n        <Row key=\"roles\">\n          <Field name=\"roles\">\n            {({ field, form }: FieldProps<any>) => {\n              return (\n                <FormFieldWrapper\n                  title=\"User role\"\n                  colSize={narrowCol}\n                  field={field}\n                  form={form}\n                >\n                  <CustomSelect\n                    name={field.name}\n                    value={\n                      field.value && field.value.length\n                        ? {\n                            label: formatEnumValue(field.value[0]),\n                            value: field.value\n                          }\n                        : null\n                    }\n                    onChange={option => {\n                      form.setFieldValue(field.name, (option as any).value);\n                    }}\n                    onBlur={() => form.setFieldTouched(field.name, true)}\n                    options={roleOptions}\n                    placeholder={\"Select a user role\"}\n                  />\n                </FormFieldWrapper>\n              );\n            }}\n          </Field>\n        </Row>\n      )}\n      {(!fixedRole || !create) && isDealer && (\n        <div className=\"follow-up-questions mt-1\">\n          <Row key=\"dealers\">\n            <Col lg={wideCol}>\n              <Field name=\"dealerId\">\n                {(formikProps: any) => (\n                  <FormGroupWrapper {...formikProps} title=\"Dealer\">\n                    <DealerSelect\n                      dealerId={dealerId}\n                      onSelectDealer={did => {\n                        setFieldTouched(\"dealerId\", true);\n                        setFieldValue(\"dealerId\", did);\n                      }}\n                      autoFocus={true}\n                      isClearable={true}\n                    />\n                  </FormGroupWrapper>\n                )}\n              </Field>\n            </Col>\n          </Row>\n        </div>\n      )}\n      {isAccountManager && (\n        <div className=\"follow-up-questions mt-1\">\n          {create ? (\n            <>\n              <Row key=\"accountManagerId\">\n                <Field\n                  colSize={narrowCol}\n                  name={\"accountManagerId\"}\n                  type=\"text\"\n                  title=\"Account manager initials (must be unique)\"\n                  component={FormInputField}\n                  autoFocus={true}\n                />\n              </Row>\n              <Row key=\"mobile\">\n                <Field\n                  colSize={narrowCol}\n                  name={\"mobile\"}\n                  type=\"text\"\n                  title=\"Mobile\"\n                  component={FormInputField}\n                />\n              </Row>\n              <Row key=\"accountManagerRegionalsalesmanagers\">\n                <Col lg={wideCol}>\n                  <RegionalSalesManagerField\n                    name=\"accountManagerRegionalSalesManagerId\"\n                    isDisabled={\n                      !!accountManagerRegionalSalesManagerId &&\n                      context === ContextNames.REGIONAL_SALES_MANAGER &&\n                      fixedRole === UserRoles.account_manager\n                    }\n                  />\n                </Col>\n              </Row>\n            </>\n          ) : (\n            <Row>\n              <Col lg={wideCol}>\n                <Field name=\"accountManagerId\">\n                  {({ field, form }: FieldProps<UserProfileInput>) => (\n                    <FormGroupWrapper\n                      {...{ field, form }}\n                      title=\"Account manager\"\n                    >\n                      <AccountManagerSelect\n                        accountManagerId={field.value}\n                        onSelectAccountManager={amId => {\n                          form.setFieldTouched(field.name, true);\n                          form.setFieldValue(field.name, amId);\n                        }}\n                        isClearable={true}\n                      />\n                    </FormGroupWrapper>\n                  )}\n                </Field>\n              </Col>\n            </Row>\n          )}\n        </div>\n      )}\n\n      {isRegionalSalesManager && (\n        <div className=\"follow-up-questions mt-1\" key=\"rsm-fields\">\n          {create ? (\n            <>\n              <Row>\n                <Field\n                  colSize={narrowCol}\n                  name={\"regionalSalesManagerRegion\"}\n                  type=\"text\"\n                  title=\"Region name\"\n                  component={FormInputField}\n                  autoFocus={true}\n                />\n              </Row>\n              <Row key=\"mobile\">\n                <Field\n                  colSize={narrowCol}\n                  name={\"mobile\"}\n                  type=\"text\"\n                  title=\"Mobile\"\n                  component={FormInputField}\n                />\n              </Row>\n            </>\n          ) : (\n            <Row>\n              <Col lg={wideCol}>\n                <RegionalSalesManagerField\n                  name=\"regionalSalesManagerId\"\n                  isDisabled={false}\n                />\n              </Col>\n            </Row>\n          )}\n        </div>\n      )}\n\n      {create && FORMSTATE_enableLinkToExistingLogin && (\n        <Row key=\"login-options\">\n          <RadioField\n            colSize={wideCol}\n            options={[\n              {\n                label: \"Create a new login\",\n                value: true\n              },\n              {\n                label: \"Link to an existing login\",\n                value: false\n              }\n            ]}\n            name=\"FORMSTATE_createNewLogin\"\n            vertical={false}\n          />\n        </Row>\n      )}\n\n      {!FORMSTATE_createNewLogin ? (\n        <>\n          <Row key=\"existinguser\">\n            <Col lg={narrowCol}>\n              <Field name=\"identityProviderUserId\">\n                {({ field, form }: FieldProps<UserProfileInput>) => (\n                  <FormGroupWrapper {...{ field, form }} title=\"Auth0 user\">\n                    <IdentityProviderUserSelect\n                      id={identityProviderUserId}\n                      onSelectIdentityProviderUser={userProfile => {\n                        const id = userProfile ? userProfile.id : undefined;\n                        const { forename, surname, username } = userProfile || {\n                          ...form.initialValues,\n                          username: form.initialValues.email\n                        };\n\n                        setFieldTouched(\"identityProviderUserId\", true, false);\n                        setFieldValue(\"identityProviderUserId\", id, false);\n\n                        setFieldValue(\"email\", username, false);\n                        setFieldValue(\"forename\", forename, false);\n                        setFieldValue(\"surname\", surname, false);\n\n                        setTimeout(form.validateForm, 0);\n                      }}\n                      autoFocus={true}\n                    />\n                  </FormGroupWrapper>\n                )}\n              </Field>\n            </Col>\n          </Row>\n          {!create && (\n            <Row>\n              <Col lg={narrowCol}>\n                <FormGroup>\n                  <Label>Auth0 ID</Label>\n                  <Input\n                    type=\"text\"\n                    readOnly={true}\n                    value={identityProviderUserId || \"\"}\n                  />\n                </FormGroup>\n              </Col>\n            </Row>\n          )}\n        </>\n      ) : null}\n\n      {FORMSTATE_createNewLogin || !create ? (\n        <Row key=\"email\">\n          <Field\n            colSize={narrowCol}\n            name={\"email\"}\n            type=\"text\"\n            title=\"Email\"\n            placeholder=\"example@example.com\"\n            component={FormInputField}\n            readonly={email && !FORMSTATE_enableLinkToExistingLogin}\n            description={\n              !create && identityProviderUserId ? (\n                <p className=\"text-info small mt-2\">\n                  Editing the email address will also update the username in\n                  Auth0.\n                </p>\n              ) : null\n            }\n          />\n        </Row>\n      ) : null}\n\n      <Row key=\"forename\">\n        <Field\n          colSize={narrowCol}\n          name={\"forename\"}\n          type=\"text\"\n          title=\"First name\"\n          component={FormInputField}\n          readonly={!FORMSTATE_createNewLogin}\n        />\n      </Row>\n      <Row key=\"surname\">\n        <Field\n          colSize={narrowCol}\n          name={\"surname\"}\n          type=\"text\"\n          title=\"Last name\"\n          component={FormInputField}\n          readonly={!FORMSTATE_createNewLogin}\n        />\n      </Row>\n      {FORMSTATE_createNewLogin && (\n        <>\n          <Row key=\"setPassword\">\n            <RadioField\n              colSize={wideCol}\n              options={[\n                {\n                  label: \"Send the user a password reset email\",\n                  value: false\n                },\n                {\n                  label: \"Set the user's password manually\",\n                  value: true\n                }\n              ]}\n              vertical={false}\n              name=\"FORMSTATE_setPassword\"\n            />\n          </Row>\n          {FORMSTATE_setPassword && (\n            <>\n              <Row key=\"setPassword1\">\n                <Field\n                  colSize={narrowCol}\n                  name={\"setPassword1\"}\n                  type=\"password\"\n                  title=\"Password\"\n                  component={FormInputField}\n                  description=\"Password must be at least 8 characters long and contain any three of: lower case letters, upper case letters, numbers or symbols\"\n                />\n              </Row>\n              <Row key=\"setPassword2\">\n                <Field\n                  colSize={narrowCol}\n                  name={\"setPassword2\"}\n                  type=\"password\"\n                  title=\"Confirm password\"\n                  component={FormInputField}\n                />\n              </Row>\n            </>\n          )}\n        </>\n      )}\n    </>\n  );\n};\n\nexport default CreateUserFormInner;\n","import { Formik, FormikProps } from \"formik\";\nimport * as React from \"react\";\nimport { Form } from \"reactstrap\";\nimport { ContextNames, FormSize } from \"../../types\";\nimport { UserProfileInput } from \"./types\";\nimport userProfileValidationSchema from \"./userProfileValidationSchema\";\n\ninterface CreateUserFormProps {\n  initialValues: UserProfileInput;\n  onSubmit: (value: UserProfileInput) => void;\n  dealerId?: string;\n  userId?: string;\n  context?: ContextNames;\n  formSize?: FormSize;\n  children: (\n    props: FormikProps<UserProfileInput> & {\n      context?: ContextNames;\n      formSize?: FormSize;\n    }\n  ) => JSX.Element | null;\n}\n\nconst CreateUserForm = ({\n  initialValues,\n  onSubmit,\n  context,\n  formSize,\n  children\n}: CreateUserFormProps) => (\n  <Formik\n    initialValues={initialValues}\n    onSubmit={onSubmit}\n    validationSchema={userProfileValidationSchema}\n    validateOnChange={true}\n  >\n    {props => {\n      return (\n        <Form onSubmit={props.handleSubmit}>\n          {children({ ...props, context, formSize })}\n        </Form>\n      );\n    }}\n  </Formik>\n);\n\nexport default CreateUserForm;\n","import gql from \"graphql-tag\";\nimport * as React from \"react\";\nimport { Query, QueryResult } from \"react-apollo\";\nimport { SearchResults, User } from \"../types\";\nimport { RegionalSalesManagerFragment } from \"./fragments\";\nimport { RegionalSalesManager, RegionalSalesManagerSearchArgs } from \"./types\";\n\nexport interface RegionalSalesManagerListData {\n  loggedInUser: User;\n  regionalSalesManagers: SearchResults<RegionalSalesManager>;\n}\n\nexport const REGIONAL_SALES_MANAGER_LIST = gql`\n  query RegionalSalesManagerListQuery(\n    $input: RegionalSalesManagerSearchArgsInput\n  ) {\n    loggedInUser {\n      id\n      roles\n      username\n    }\n    regionalSalesManagers(input: $input) {\n      pageInfo {\n        hasMorePages\n        totalResults\n        page\n        pageSize\n        first\n        last\n      }\n      edges {\n        node {\n          ...RegionalSalesManagerFragment\n        }\n      }\n    }\n  }\n  ${RegionalSalesManagerFragment}\n`;\n\nconst RegionalSalesManagerListQuery = ({\n  children,\n  ...input\n}: RegionalSalesManagerSearchArgs & {\n  children: (\n    result: QueryResult<\n      RegionalSalesManagerListData,\n      { input: RegionalSalesManagerSearchArgs }\n    >\n  ) => JSX.Element | null;\n}) => (\n  <Query<\n    RegionalSalesManagerListData,\n    { input: RegionalSalesManagerSearchArgs }\n  >\n    query={REGIONAL_SALES_MANAGER_LIST}\n    variables={{ input }}\n  >\n    {children}\n  </Query>\n);\n\nexport default RegionalSalesManagerListQuery;\n","import { faEdit, faSpinner } from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { Formik, FormikProps } from \"formik\";\nimport React, { useState } from \"react\";\nimport { Button, Card, CardBody, Col, Form, Row } from \"reactstrap\";\nimport { ContextNames, FormSize } from \"../types\";\n\ninterface EditFormProps<Values> {\n  values: Values;\n  onSubmit: (values: Values) => Promise<any>;\n  summary: React.ComponentType<{ values: Values }>;\n  children: (\n    props: FormikProps<Values> & { context?: ContextNames; formSize?: FormSize }\n  ) => JSX.Element;\n  validationSchema: any;\n  disableEditing?: boolean;\n  context?: ContextNames;\n}\n\nconst EditButton = React.memo(({ onClick }: { onClick: () => void }) => (\n  <Button onClick={onClick} outline={true}>\n    <FontAwesomeIcon icon={faEdit} className=\"mr-2\" />\n    Edit\n  </Button>\n));\n\nconst SaveChangesButtons = React.memo(\n  ({\n    onCancel,\n    isSubmitting\n  }: {\n    onCancel: () => void;\n    isSubmitting: boolean;\n  }) => (\n    <Row>\n      <Col lg={12}>\n        <div className=\"float-right\">\n          <Button type=\"submit\" color=\"primary\" outline={true} className=\"mr-2\">\n            {isSubmitting && (\n              <FontAwesomeIcon icon={faSpinner} spin={true} className=\"mr-2\" />\n            )}\n            Save changes\n          </Button>\n          <Button color=\"link\" onClick={onCancel}>\n            Cancel\n          </Button>\n        </div>\n      </Col>\n    </Row>\n  )\n);\n\nconst EditForm = <Values extends {}>({\n  values,\n  onSubmit,\n  summary: Summary,\n  children,\n  validationSchema,\n  disableEditing\n}: EditFormProps<Values>) => {\n  const [isEditing, setIsEditing] = useState(false);\n\n  const handleStopEditing = React.useCallback(() => setIsEditing(false), [\n    setIsEditing\n  ]);\n  const handleStartEditing = React.useCallback(() => setIsEditing(true), [\n    setIsEditing\n  ]);\n\n  const handleFormikSubmit = React.useCallback(\n    (formValues: Values) => onSubmit(formValues).then(handleStopEditing),\n    [onSubmit, handleStopEditing]\n  );\n\n  return (\n    <Row className=\"mb-3\">\n      <Col lg={9}>\n        <Card className=\"form-section\">\n          <CardBody>\n            {!disableEditing && isEditing ? (\n              <Formik\n                initialValues={values}\n                onSubmit={handleFormikSubmit}\n                validationSchema={validationSchema}\n              >\n                {formikProps => (\n                  <Form onSubmit={formikProps.handleSubmit}>\n                    <SaveChangesButtons\n                      onCancel={handleStopEditing}\n                      isSubmitting={formikProps.isSubmitting}\n                    />\n                    {children({ ...formikProps, formSize: FormSize.WIDE })}\n                    <SaveChangesButtons\n                      onCancel={handleStopEditing}\n                      isSubmitting={formikProps.isSubmitting}\n                    />\n                  </Form>\n                )}\n              </Formik>\n            ) : (\n              <>\n                {!disableEditing && (\n                  <Row>\n                    <Col lg={12}>\n                      <div className=\"float-right\">\n                        <EditButton onClick={handleStartEditing} />\n                      </div>\n                    </Col>\n                  </Row>\n                )}\n                <Summary values={values} />\n              </>\n            )}\n          </CardBody>\n        </Card>\n      </Col>\n    </Row>\n  );\n};\n\nexport default EditForm;\n"],"sourceRoot":""}