@clickview/lite 0.83.2 → 0.84.0-rc.1

package/dist/scripts/9098-02be893b58-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/9098-02be893b58-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/components/forms/form-buttons/FormButtons.tsx","file:///app/packages/libs/shared/src/components/forms/form-checkbox/FormCheckbox.tsx","file:///app/packages/libs/shared/src/components/forms/form-field/CharacterCounter.tsx","file:///app/packages/libs/shared/src/components/forms/form-field/form-field.scss","file:///app/packages/libs/shared/src/components/forms/form-field/FormField.tsx","file:///app/packages/libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx","file:///app/packages/libs/shared/src/components/pill-tab-selector/PillTabSelector.tsx","file:///app/packages/libs/shared/src/components/rostering/rostering-header/RosteringSettingHeader.tsx","file:///app/packages/libs/shared/src/components/rostering/sync-action-button-group/sync-action-button-group.scss","file:///app/packages/libs/shared/src/components/rostering/sync-action-button-group/SyncActionButtonGroup.tsx","file:///app/packages/libs/shared/src/components/rostering/utils/RosteringHelper.ts","file:///app/packages/libs/shared/src/flight-requests/RosteringRequests.ts","file:///app/packages/libs/shared/src/utils/FormHelper.ts","file:///app/packages/projects/lite/src/apps/settings/components/settings-layout/SettingsLayout.tsx","file:///app/packages/projects/lite/src/apps/settings/views/rostering/rostering-sync-list/requires-set-up-empty-state/RequiresSetUpEmptyState.tsx","file:///app/packages/libs/shared/src/components/dropdown-container/DropdownContainer.tsx","file:///app/packages/libs/shared/src/components/rostering/settings/schedule-setting/schedule-setting.scss","file:///app/packages/libs/shared/src/components/rostering/settings/schedule-setting/ScheduleForm.tsx","file:///app/packages/libs/shared/src/components/rostering/settings/schedule-setting/validation/ScheduleSchema.ts","file:///app/packages/libs/shared/src/components/rostering/settings/schedule-setting/ScheduleSetting.tsx","file:///app/packages/projects/lite/src/apps/settings/views/rostering/rostering-sync-settings/rostering-sync-settings.scss","file:///app/packages/projects/lite/src/apps/settings/views/rostering/rostering-sync-settings/RosteringSyncSettingsView.tsx","file:///app/packages/projects/lite/src/apps/settings/views/rostering/utils/useSyncRostering.ts","file:///app/packages/libs/shared/src/components/pill-tab-selector/pill-tab-selector.scss"],"sourcesContent":["import * as React from 'react';\nimport { ButtonProps } from 'react-bootstrap';\nimport { useFormikContext } from 'formik';\n\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { FormSize } from 'libs/shared/components/forms/form-field/FormField';\nimport { SpinnerButton } from 'libs/shared/components/spinner-button/SpinnerButton';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { useCanSubmitForm } from 'libs/shared/hooks/UseCanSubmitForm';\n\nconst namespace = 'shared.formButtons';\n\ninterface FormButtonsProps {\n  isNew?: boolean;\n  submitText?: string;\n  variant?: ButtonProps['variant'];\n  size?: FormSize;\n  className?: string;\n}\n\nexport function FormButtons<Values extends HashObject>(props: FormButtonsProps): JSX.Element {\n  const formikProps = useFormikContext<Values>();\n\n  const canSubmit = useCanSubmitForm(formikProps);\n\n  return (\n    <SpinnerButton\n      variant={props.variant || 'primary'}\n      type='submit'\n      disabled={!canSubmit}\n      size={props.size}\n      className={props.className ? props.className : ''}\n      showSpinner={formikProps.isSubmitting}\n    >\n      {props.submitText\n        ? <>{props.submitText}</>\n        : <Text namespace={namespace} phrase={props.isNew ? 'create' : 'save'} />}\n    </SpinnerButton>\n  );\n}\n","import * as React from 'react';\nimport { Form } from 'react-bootstrap';\nimport { FieldAttributes } from 'formik';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\n\nimport { FieldWrapper, FormFieldProps } from '../form-field/FormField';\n\n/**\n * Use this checkbox within Formik contexts\n */\nexport function FormCheckbox(props: FieldAttributes<FormFieldProps>): JSX.Element {\n  const { label, checkboxLabelClassName, checkboxLabelFontWeight, className, ...fieldProps } = props;\n\n  return (\n    <Form.Group className='form-group'>\n      <div className={`form-check ${className || ''}`}>\n        <FieldWrapper className='form-check-input' {...fieldProps} />\n        <Form.Label\n          className={`form-check-label cursor-pointer ${checkboxLabelFontWeight === 'normal' ? 'fw-normal' : ''} \n          ${checkboxLabelClassName}`}\n          htmlFor={fieldProps.id}\n        >\n          {label}\n        </Form.Label>\n        {props.checkboxAppLink && props.checkboxAppLinkText && (\n          <>\n            <span>&nbsp;</span>\n            <AppLink appLink={props.checkboxAppLink} className='info-link'>\n              {props.checkboxAppLinkText}\n            </AppLink>\n          </>\n        )}\n      </div>\n    </Form.Group>\n  );\n}\n\n","import * as React from 'react';\nimport { useFormikContext } from 'formik';\n\nimport { HashObject } from 'libs/common/react/interfaces';\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\n\ninterface CharacterCounterProps<Values extends HashObject> {\n  fieldName: keyof Values;\n  limit: number;\n}\n\nexport function CharacterCounter<Values extends HashObject>(props: CharacterCounterProps<Values>): JSX.Element {\n  const { values } = useFormikContext<Values>();\n\n  const field = ObjectHelper.get(values, props.fieldName as string);\n\n  if (typeof field !== 'string')\n    return <></>;\n\n  return (\n    <div className='float-end text-secondary fw-normal'>\n      {field.length}/{props.limit} characters\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"revealPassword\":\"jCfI0\",\"passwordInput\":\"RBJnf\",\"passwordContainer\":\"d78lK\",\"passwordContainerDisabled\":\"asbVo\",\"infoTooltip\":\"wzyOG\",\"spinner\":\"CycFx\"};","import * as React from 'react';\nimport { Form, Spinner } from 'react-bootstrap';\nimport { Placement } from 'react-bootstrap/esm/types';\nimport { ErrorMessage, Field, FieldAttributes, FieldProps, useFormikContext } from 'formik';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { HashObject } from 'libs/common/react/interfaces';\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\n\nimport { FormCheckbox } from 'libs/shared/components/forms/form-checkbox/FormCheckbox';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { FormHelper } from 'libs/shared/utils/FormHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { CharacterCounter } from './CharacterCounter';\n\nimport styles from './form-field.scss';\n\nconst namespace = 'shared.formField';\n\nexport type FormSize = 'lg' | 'sm';\n\n// If checkboxLabelFontWeight is not specified, it will be bold by default\nexport type CheckboxLabelFontWeight = 'normal' | 'bold'\n\nexport interface FormFieldProps {\n  /**\n   * The name prop MUST be the same as the attribute\n   * name of the value that the field is bound to.\n   */\n  name: string;\n  label?: string;\n  description?: string;\n  children?: any;\n  showCharacterCounter?: boolean;\n  showRequiredStar?: boolean;\n  checkboxAppLink?: Core.AppLink;\n  checkboxAppLinkText?: string;\n  checkboxLabelClassName?: string;\n  checkboxLabelFontWeight?: CheckboxLabelFontWeight\n  infoTooltip?: string;\n  infoTooltipPlacement?: Placement;\n  infoText?: string;\n  formSize?: FormSize;\n  showOptionalLabel?: boolean;\n  showLoadingSpinner?: boolean;\n  formGroupClassname?: string;\n  labelClassName?: string;\n}\n\nFieldWrapper.defaultProps = {\n  autoComplete: 'off'\n};\n\nexport function FieldWrapper(\n  props: FieldAttributes<FormFieldProps> & { className: string }\n): React.ReactElement {\n  const { children, showLoadingSpinner, ...fieldProps } = props;\n\n  const [ type, setType ] = React.useState(props.type);\n\n  function onClickTogglePassword(): void {\n    if (type === 'password')\n      setType('text');\n    else\n      setType('password');\n  }\n\n  const resolvedChildren = FunctionHelper.isFunction(children)\n    ? (f: FieldProps) => children(f)\n    : React.Children.count(children) ? children : null;\n\n  if (fieldProps.type !== 'password') {\n    if (showLoadingSpinner) {\n      return (\n        <div className='position-relative'>\n          <Field {...(ObjectHelper.omit(fieldProps, ['formSize']))}>\n            {resolvedChildren}\n          </Field>\n\n          <div className={styles.spinner}>\n            <Spinner animation='border' size='sm' />\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <Field {...(ObjectHelper.omit(fieldProps, ['formSize']))}>\n        {resolvedChildren}\n      </Field>\n    );\n  }\n\n  let containerClassName = `position-relative ${styles.passwordContainer}`;\n\n  if (fieldProps.className)\n    containerClassName += ` ${fieldProps.className}`;\n\n  if (fieldProps.disabled)\n    containerClassName += ` ${styles.passwordContainerDisabled}`;\n\n  /**\n   * We need to wrap out input with a relatively positioned element in order to absolutely\n   * position our visibility icon to reveal the password - Sha\n   */\n  return (\n    <div className={containerClassName}>\n      <Field\n        {...(ObjectHelper.omit(fieldProps, [ 'formSize', 'type', 'className' ]))}\n        type={type}\n        className={`${styles.passwordInput} border-0 w-100 h-100 outline-none rounded`}\n      >\n        {resolvedChildren}\n      </Field>\n      {fieldProps.type === 'password' &&\n        <SvgContainer\n          svgName={type === 'password' ? cvSvgLibrary.VisibleOn : cvSvgLibrary.VisibleOff}\n          className={`svg-container cursor-pointer ${styles.revealPassword}`}\n          onClick={onClickTogglePassword}\n        />\n      }\n    </div>\n  );\n}\n\nFormField.defaultProps = {\n  autoComplete: 'off',\n  infoTooltipPlacement: 'top'\n};\n\nexport function FormField<Values extends HashObject>(props: FieldAttributes<FormFieldProps>): React.ReactElement {\n  const {\n    label,\n    className,\n    showCharacterCounter,\n    showRequiredStar,\n    infoTooltip,\n    infoTooltipPlacement,\n    infoText,\n    formSize,\n    showOptionalLabel,\n    formGroupClassname,\n    labelClassName: labelGlassName,\n    ...fieldProps\n  } = props;\n\n  const { errors, touched } = useFormikContext<Values>();\n\n  // This function overwrites the default `onChange` function whenever `props.disabled` is set.\n  // This prevents users from \"undisabling\" form fields via inspect element, then editing the field.\n  const disabledOnChange = () => {};\n\n  if (fieldProps.type === 'checkbox') {\n    const _props = ObjectHelper.omit(props, [ 'formSize', 'infoTooltipPlacement' ]);\n\n    if (props.disabled)\n      _props.onChange = disabledOnChange;\n\n    return <FormCheckbox {..._props} />;\n  }\n\n  const fieldWrapperProps = {\n    ...fieldProps,\n    className: FormHelper.getCustomFormControlClassName(\n      errors,\n      touched,\n      fieldProps.name,\n      formSize,\n      className,\n      typeof props.as === 'string' ? props.as : null\n    )\n  };\n\n  if (props.disabled)\n    fieldWrapperProps.onChange = disabledOnChange;\n\n  return (\n    <Form.Group className={`form-group ${formGroupClassname}`}>\n      {!!label && (\n        <Form.Label htmlFor={fieldProps.id} className={`d-flex align-items-center ${labelGlassName}`}>\n          {label}\n          {showRequiredStar && <span className='text-danger'>*</span>}\n          {infoTooltip && (\n            <SvgContainer\n              className={`svg-container text-secondary ${styles.infoTooltip}`}\n              svgName={cvSvgLibrary.Info}\n              title={infoTooltip}\n              tooltipPlacement={infoTooltipPlacement}\n              tooltipSpanHack\n            />\n          )}\n          {showOptionalLabel && <span className='text-secondary'>&nbsp;<Text namespace={namespace} phrase='optional' /></span>}\n          \n          {!!showCharacterCounter && !!(fieldProps as React.HTMLProps<HTMLInputElement>).maxLength &&\n            <div className='ms-auto'>\n              <CharacterCounter\n                fieldName={(fieldProps.name as keyof Values)}\n                limit={(fieldProps as React.HTMLProps<HTMLInputElement>).maxLength}\n              />\n            </div>\n          }\n        </Form.Label>\n      )}\n      {props.description &&\n        <p>\n          {props.description}\n        </p>\n      }\n\n      <FieldWrapper {...fieldWrapperProps} aria-errormessage={`${fieldProps.name}Error`} />\n\n      {!!infoText &&\n        <Form.Text className='text-secondary'>\n          {infoText}\n        </Form.Text>\n      }\n\n      <ErrorMessage name={fieldProps.name}>\n        {(errorMessage: string) => <Form.Control.Feedback id={`${fieldProps.name}Error`} type='invalid' role='status'>{errorMessage}</Form.Control.Feedback>}\n      </ErrorMessage>\n    </Form.Group>\n  );\n}","import * as React from 'react';\nimport { Formik, FormikConfig, FormikContextType, FormikErrors, FormikHelpers, FormikProps, FormikValues, useFormikContext } from 'formik';\n\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { HashObject } from 'libs/common/react/interfaces';\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\n\n/**\n * Note: This currently doesn't support arrays, but the need for arrays as initial\n * form data has not yet come up\n */\nfunction omitNullInitialValues<Values extends FormikValues>(initialValues: Values): Values {\n  if (!initialValues)\n    return {} as Values;\n\n  const values = ObjectHelper.deepClone(initialValues);\n\n  function omitChildValues(child: Values): void {\n    Object.keys(values).forEach((key: keyof Values) => {\n      if (!values.hasOwnProperty(key))\n        return;\n  \n      if (ObjectHelper.isObject(child[key]))\n        omitChildValues(child[key]);\n      else if (values[key] === null)\n        delete values[key];\n    });\n  }\n\n  omitChildValues(values);\n  return values;\n}\n\n// Omit attributes from FormikConfig that are defined in FormWrapperProps.\ntype ModifiedFormikConfig<Values extends FormikValues> = Omit<FormikConfig<Values>, 'initialValues' | 'onSubmit'>;\n\ninterface InitialStatus {\n  allowInitialSubmit: boolean;\n}\n\nexport type FormSubmissionOptions<FormValues = FormikValues> = {\n  reset?: boolean;\n  errors?: FormikErrors<FormValues>;\n};\n\ninterface FormWrapperProps<FormValues extends FormikValues, ApiValues extends FormikValues> {\n  initialValues: Partial<FormValues | ApiValues>;\n  onSubmit: (data: FormValues, onDone: (options?: FormSubmissionOptions<FormValues>) => void) => void;\n  castInitialValues?: boolean; // cast to validationSchema\n  castValuesOnSubmit?: boolean; // cast to validationSchema\n  allowInitialSubmit?: boolean; // if true, useCanSubmitForm will allow submit without any user changes.\n}\n\nFormWrapper.defaultProps = {\n  castInitialValues: true,\n  castValuesOnSubmit: true\n};\n\nexport function FormWrapper<\n  FormValues extends FormikValues = FormikValues,\n  ApiValues extends FormikValues = FormValues,\n  ExtraProps = HashObject\n>(props: ModifiedFormikConfig<FormValues> & ExtraProps & FormWrapperProps<FormValues, ApiValues>): JSX.Element {\n  const { castInitialValues, castValuesOnSubmit, initialValues, onSubmit, ...formikProps } = props;\n\n  /**\n   * If castInitialValues is true, cast initialValues to the validationSchema.\n   * This will ensure that any data fetched from the api conforms to the expected form data shape.\n   */\n  const formattedInitialValues: FormValues = castInitialValues && props.validationSchema\n    ? props.validationSchema.cast(omitNullInitialValues(initialValues))\n    : initialValues;\n\n  const onSubmitHandler = (\n    values: FormValues,\n    { setSubmitting, resetForm, setFieldError }: FormikHelpers<FormValues>\n  ) => {\n    /**\n     * validationSchema.cast will coerce the values to the types defined in validationSchema.\n     * This is useful for trimming inputs:\n     * e.g. if a value field has type Yup.string().trim(), it will be automatically trimmed.\n     */\n    const formattedData = castValuesOnSubmit && props.validationSchema\n      ? props.validationSchema.cast(values)\n      : values;\n\n    onSubmit(formattedData, (options: FormSubmissionOptions<FormValues> = {}) => {\n      options.reset && resetForm();\n\n      if (options.errors) {\n        for (const [ key, value ] of Object.entries(options.errors)) {\n          setFieldError(key, value);\n        }\n      }\n\n      setSubmitting(false);\n    });\n  };\n\n  const initialStatus: InitialStatus = {\n    allowInitialSubmit: props.allowInitialSubmit\n  };\n\n  return (\n    <Formik<FormValues, ExtraProps>\n      enableReinitialize\n      {...(formikProps as ModifiedFormikConfig<FormValues> & ExtraProps)}\n      initialValues={formattedInitialValues}\n      onSubmit={onSubmitHandler}\n      initialStatus={initialStatus}\n    >\n      {FunctionHelper.isFunction(props.children)\n        ? (f: FormikProps<FormValues>) => (props.children as (f: FormikProps<FormValues>) => React.ReactNode)(f)\n        : React.Children.count(props.children) ? props.children : null\n      }\n    </Formik>\n  );\n}\n\nexport function useFormikContextWrapper<T>(): FormikContextType<T> {\n  return useFormikContext<T>();\n}","import React from 'react';\n\nimport { Core } from 'libs/common/core';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { AnalyticsOptions } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { Badge, BadgeType } from 'libs/shared/components/badges/Badge';\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\n\nimport { SvgContainer } from '../svg-container/SvgContainer';\n\nimport styles from './pill-tab-selector.scss';\n\ninterface TabContentsProps {\n  tab: PillTab;\n}\n\nfunction TabContents(props: TabContentsProps): JSX.Element {\n  return (\n    <>\n      {!!props.tab.svgName && (\n        <div className={props.tab.name ? 'pe-1' : ''}>\n          <SvgContainer svgName={props.tab.svgName} />\n        </div>\n      )}\n\n      {props.tab.name}\n\n      {typeof (props.tab.count) === 'number' && (\n        <div className='ps-2'>\n          <Badge type={BadgeType.Count} data={props.tab.count} />\n        </div>\n      )}\n    </>\n  );\n}\n\nexport interface PillTab {\n  name: string;\n  active: boolean;\n  svgName?: string;\n\n  className?: string;\n\n  appLink?: Core.AppLink;\n  onSelect?: () => void;\n\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n\n  count?: number;\n}\n\ninterface PillTabSelectorProps {\n  tabs: PillTab[];\n  containerRef?: (el: HTMLElement) => void;\n  listClassName?: string;\n  className?: string;\n  borderRadius?: 'sm' | 'lg'\n}\n\nPillTabSelector.defaultProps = {\n  borderRadius: 'lg'\n};\n\nexport function PillTabSelector(props: PillTabSelectorProps): JSX.Element {\n  function onSelectTab(tab: PillTab): void {\n    if (tab.active || !tab.onSelect)\n      return;\n\n    tab.onSelect();\n\n    if (tab.analyticsData && tab.analyticsOptions)\n      AnalyticsHelper.logUserAction(tab.analyticsData, tab.analyticsOptions);\n  }\n\n  return (\n    <nav className={props.className ?? ''} ref={props.containerRef}>\n      <ul className={`\n        list-unstyled d-inline-block m-0 ${styles.pillTabSelector}\n        ${props.borderRadius ? styles.radiusSmall : ''}\n        ${props.listClassName}\n      `}>\n        {props.tabs.map((tab, index) => {\n          return (\n            <li\n              className={`\n                p-0 ${styles.tab} ${tab.active ? 'btn btn-dark' : 'btn btn-outline-dark'}\n                ${tab.name ? styles.minWidth : ''} ${tab.className}\n              `}\n              key={index}\n            >\n              {tab.appLink ? (\n                <AppLink\n                  appLink={tab.appLink}\n                  analyticsData={tab.analyticsData}\n                  analyticsOptions={tab.analyticsOptions}\n                  className={`\n                    cursor-pointer d-flex align-items-center justify-content-center\n                    text-decoration-none text-reset px-2 text-nowrap ${styles.tabLink}\n                  `}\n                >\n                  <TabContents tab={tab} />\n                </AppLink>\n              ) : (\n                <DivButton\n                  className={`\n                    cursor-pointer d-flex align-items-center justify-content-center\n                    text-decoration-none text-reset px-2 text-nowrap ${styles.tabLink}\n                  `}\n                  onClick={() => onSelectTab(tab)}\n                >\n                  <TabContents tab={tab} />\n                </DivButton>\n              )}\n            </li>\n          );\n        })}\n      </ul>\n    </nav>\n  );\n}\n","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { PillTabSelector } from 'libs/shared/components/pill-tab-selector/PillTabSelector';\n\nconst namespace = 'rostering.settingHeader';\n\nexport interface RosteringSettingHeaderAppLinks {\n  syncJobs: Core.AppLink;\n  settings: Core.AppLink;\n}\n\ninterface RosteringSettingHeaderProps {\n  appLinks?: RosteringSettingHeaderAppLinks;\n  active: keyof RosteringSettingHeaderAppLinks;\n  className?: string;\n}\n\nexport function RosteringSettingHeader(props: RosteringSettingHeaderProps): JSX.Element {\n  const tabs = [{\n    name: LanguageService.getPhrase(namespace, 'syncJobs'),\n    appLink: props.appLinks?.syncJobs,\n    active: props.active === 'syncJobs'\n   \n  }, {\n    name: LanguageService.getPhrase(namespace, 'settings'),\n    appLink: props.appLinks?.settings,\n    active: props.active === 'settings'\n    \n  }];\n\n  return (\n    <div className={props.className}>\n      <PillTabSelector tabs={tabs} />\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"rightButton\":\"GcqRT\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\n\nimport styles from './sync-action-button-group.scss';\n\nconst namespace = 'rostering.syncActionButtonGroup';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface SyncActionButtonGroupProps {\n  onSyncNow?: () => void;\n  onFullSync?: () => void;\n}\n\nexport function SyncActionButtonGroup(props: SyncActionButtonGroupProps): JSX.Element {\n  return (\n    <div className='btn-group px-2' role='group'>\n      <Tooltip title={getPhrase('syncNowTooltip')} spanHack placement='left' spanHackClassName={styles.buttonBorder}>\n        <button type='button' className={`btn btn-outline-dark ${styles.leftButton}`} onClick={props?.onSyncNow}>{getPhrase('syncNow')}</button>\n      </Tooltip>\n      {/* todo hide the dropdown for v1 */}\n      {/* <button type='button' className={`btn  dropdown-toggle btn-outline-dark ${styles.rightButton}`} data-bs-toggle='dropdown'>\n      </button>\n      <div className='dropdown-menu'>\n        <Tooltip title={getPhrase('fullSyncTooltip')} spanHack placement='left' >\n          <div className='dropdown-item cursor-pointer' onClick={props?.onFullSync}>{getPhrase('fullSync')}</div>\n        </Tooltip>\n      </div> */}\n    </div>\n  );\n}","import { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\n\nimport { IScheduleSetting } from 'libs/shared/components/rostering/settings/schedule-setting/ScheduleSetting';\nimport { ScheduleSettingResponse } from 'libs/shared/interfaces';\nimport { FullRosterSyncSchedule, ScheduleSettingRequest } from 'libs/shared/interfaces';\n\nconst now = new Date();\n\nexport const RosteringHelper = {\n  parseUTCToLocal(\n    {\n      utcHour,\n      utcWeekdays,\n      utcMinute = 0\n    }: {\n    utcHour: number,\n    utcWeekdays: number[],\n    utcMinute: number\n  }\n  ) {\n    const local = utcWeekdays.map(weekday => DateHelper.buildLocalDateFromUTC(weekday, utcHour, utcMinute));\n\n    const localWeekdays = local.map(w => w.getDay());\n    const localHour = DateHelper.format(ArrayHelper.first(local), 'HH');\n    return { hour: +localHour, daysOfWeek: localWeekdays, minute: utcMinute };\n  },\n\n  // calculating next scheduled job by schedule setting\n  getScheduledJobBySetting (setting: ScheduleSettingResponse): Date | null {\n    if (!setting || !setting.fullSyncSchedule || !setting.fullSyncSchedule.enabled)\n      return null;\n\n    const schedule = RosteringHelper.parseUTCToLocal({\n      utcHour: setting.fullSyncSchedule.hour,\n      utcWeekdays: setting.fullSyncSchedule.daysOfWeek,\n      utcMinute: setting.fullSyncSchedule.minute\n    });\n    const scheduledDate = new Date();\n    const weekdayOfToday = now.getDay();\n\n    const scheduledWeekday = schedule.daysOfWeek.sort((a, b) => a - b);\n    const scheduledToday = schedule.daysOfWeek.includes(weekdayOfToday);\n    const hour = schedule.hour;\n    const minute = schedule?.minute ?? 0;\n\n    if (scheduledToday) {\n      scheduledDate.setHours(hour, minute, 0, 0);\n      if (now < scheduledDate) {\n        return scheduledDate;\n      }\n    }\n\n    const nextScheduledDate = new Date();\n    let nextScheduledWeekday = scheduledWeekday.find(d => d > weekdayOfToday);\n    if (!nextScheduledWeekday) {\n      // cannot find next scheduled date in the current week, must be next week\n      nextScheduledWeekday = scheduledWeekday[0];\n    }\n    // use absolute value of gap to make sure next scheduled date is in the futrue\n    const gap = Math.abs(nextScheduledWeekday - weekdayOfToday);\n    nextScheduledDate.setDate(now.getDate() + gap);\n    nextScheduledDate.setHours(hour, 0, 0, 0);\n    return nextScheduledDate;\n  },\n\n  parseFormToPayload(val: IScheduleSetting): Omit<ScheduleSettingRequest, 'userId'|'customerId'> {\n    const utc = RosteringHelper.parseLocalToUTC({ hour: val.startAt, weekdays: val.daysOfWeek, minute: 0 });\n\n    return {\n      fullSyncSchedule: {\n        daysOfWeek: val.repeat === 'daily' ? [ 0, 1, 2, 3, 4, 5, 6 ] : utc.daysOfWeek,\n        hour: utc.hour,\n        minute: utc.minute,\n        enabled: val.enabled\n      }\n    };\n  },\n\n  parseValueToForm(schedule: FullRosterSyncSchedule): IScheduleSetting {\n    const { hour, daysOfWeek } = RosteringHelper.parseUTCToLocal({\n      utcHour: schedule.hour,\n      utcWeekdays: schedule.daysOfWeek,\n      utcMinute: schedule.minute\n    });\n\n    return {\n      startAt: hour,\n      daysOfWeek: daysOfWeek,\n      repeat: schedule.daysOfWeek.length === 7 ? 'daily' : 'weekly',\n      enabled: schedule.enabled\n    };\n  },\n\n  parseLocalToUTC(\n    {\n      hour,\n      weekdays,\n      minute\n    }: {\n    hour: number,\n    weekdays: number[],\n    minute: number\n}\n  ): Omit<FullRosterSyncSchedule, 'enabled'> {\n    const utc = weekdays.map(weekday => DateHelper.buildUTCDate(weekday, hour, minute));\n    const utcHour = DateHelper.format(ArrayHelper.first(utc), 'HH');\n    const utcWeekday = utc.map(w => w.getDay());\n    const utcMinute = DateHelper.format(ArrayHelper.first(utc), 'mm');\n\n    return { hour: +utcHour, daysOfWeek: utcWeekday, minute: +utcMinute };\n  }\n};","import { HttpVerbs } from 'libs/common/backbone/enums/HttpVerbs';\nimport { UrlHelper } from 'libs/common/backbone/utils/UrlHelper';\nimport { Flight } from 'libs/common/flight';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { BulkJobsQueryParams } from 'libs/shared/components/bulk-jobs-filters/BulkJobsFilters';\nimport { BatchJobStatus } from 'libs/shared/enums/BatchJobStatus';\nimport { BatchJobType } from 'libs/shared/enums/BatchJobType';\nimport { BatchJob, ScheduleSettingRequest } from 'libs/shared/interfaces';\nimport { CreateBatchJobRequest } from 'libs/shared/interfaces';\n\nexport const RosteringRequests = {\n  getRostering(): Flight.Request {\n    return {\n      url: `{gateway}/v1/users/me/rostering`,\n      key: `rostering`\n    };\n  },\n\n  getSyncList(queryParams: BulkJobsQueryParams): Flight.Request {\n    const params: HashObject = {};\n    if (queryParams.cursor)\n      params.cursor = queryParams.cursor;\n\n    if (queryParams.sort) {\n      if (queryParams.sort === 'oldest')\n        params.order = 'ASC';\n      else\n        params.order = 'DESC';\n    }\n\n    if (queryParams.jobStatus) {\n      const statuses = [];\n      if (queryParams.jobStatus.includes('completed')) {\n        statuses.push(...[ BatchJobStatus.Completed, BatchJobStatus.CompletedWithError ]);\n      }\n      if (queryParams.jobStatus.includes('failed')) {\n        statuses.push(BatchJobStatus.Failed);\n      }\n      if (queryParams.jobStatus.includes('inProgress')) {\n        statuses.push(...[\n          BatchJobStatus.Submitted,\n          BatchJobStatus.Queued,\n          BatchJobStatus.Pending,\n          BatchJobStatus.InProgress ]);\n      }\n      params.status = statuses;\n    }\n\n    params.type = BatchJobType.Rostering;\n\n    return {\n      url: UrlHelper.urlBuilder('{gateway}/v1/batch/jobs', params),\n      key: `rostering:sync:${queryParams.cursor}:${queryParams.sort}:${queryParams.jobStatus}`\n    };\n  },\n\n  createJob(\n    data: CreateBatchJobRequest,\n    success?: (job: BatchJob) => void,\n    error?: () => void\n  ): Flight.Request {\n    return {\n      url: '{gateway}/v1/batch/jobs',\n      key: 'rostering:sync',\n      type: HttpVerbs.POST,\n      invalidationKeys: ['rostering:sync'],\n      data,\n      success,\n      error\n    };\n  },\n\n  getJobSummary(id: string): Flight.Request {\n    return {\n      url: `{gateway}/v1/batch/jobs/${id}/summary`,\n      key: `job:summary:${id}`\n    };\n  },\n\n  getSyncScheduleSettings(integrationId: string): Flight.SimulatedRequest {\n    return {\n      url: `{gateway}/v1/rostering/${integrationId}/schedule`,\n      key: `sync-settings:${integrationId}`\n    };\n  },\n\n  updateScheduleSetting(\n    data: ScheduleSettingRequest,\n    integrationId: string,\n    success?: () => void,\n    error?: () => void,\n    always?: () => void\n  ): Flight.Request {\n    return {\n      type: HttpVerbs.PUT,\n      url: `{gateway}/v1/rostering/${integrationId}/schedule`,\n      key: `update:sync-settings:${data.customerId}:${integrationId}`,\n      invalidationKeys: [`sync-settings:${integrationId}`],\n      data,\n      success,\n      error,\n      always\n    };\n  }\n};","import { FormikErrors, FormikTouched, getIn } from 'formik';\n\nimport { FormSize } from 'libs/shared/components/forms/form-field/FormField';\n\nfunction getTypeSize(type: string, size: FormSize) {\n  let className = '';\n\n  switch (type) {\n    case 'select':\n      className = 'form-select';\n      break;\n    default:\n      className = 'form-control';\n  }\n\n  if (size === 'sm')\n    className += ` ${className}-sm`;\n\n  if (size === 'lg')\n    className += ` ${className}-lg`;\n\n  return className;\n}\n\nexport const FormHelper = {\n  getCustomFormControlClassName<T>(\n    errors: FormikErrors<T>,\n    touched: FormikTouched<T>,\n    attribute: string,\n    size?: FormSize,\n    additionalClassName?: string,\n    type?: string\n  ): string {\n    let className = '';\n\n    className = getTypeSize(type, size);\n\n    // Using getIn as it supports dot notation\n    if (getIn(touched, attribute) && getIn(errors, attribute))\n      className += ' is-invalid';\n\n    if (additionalClassName)\n      className += ` ${additionalClassName}`;\n\n    return className;\n  }\n};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { Breadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport { useGetSettingsGroups } from 'apps/settings/hooks/useGetSettingsGroups';\n\nconst namespace = 'settings.settingsLayout';\n\n/**\n * Checks if the current user has permission to access the settings module\n */\nexport const useCanAccessSettings = (requiredPermissions: PermissionName | PermissionName[]): boolean => {\n  const { hasPermissions } = usePermissions();\n  const settingsGroups = useGetSettingsGroups();\n\n  /**\n   * TODO: Update all settings pages to pasas required permissions, because checking the \n   * `useGetSettingsGroups()` values clearly doesnt work for settings pages with multiple\n   * applinks inside of them. - Sha\n   */\n  if (requiredPermissions)\n    return hasPermissions(requiredPermissions);\n\n  const currentRoute = Core.AppLinkHelper.getCurrentAppLink();\n\n  /**\n   * Allows us to have popups sitting in other locations be used\n   * by our settings pages. For example the manage video access popup\n   * in the \"videos with restricted access\" page - Sha\n   */\n  if (currentRoute.application !== AppChannels.SETTINGS)\n    return true;\n\n  return settingsGroups.some(group => {\n    return group.modules.some(settingsModule => {\n      if ('appLink' in settingsModule) {\n        return settingsModule.appLink.action === currentRoute.action;\n      }\n\n      return false;\n    });\n  });\n};\n\ninterface SettingsLayoutProps {\n  heading: string;\n  breadcrumbs: string[];\n  description?: string;\n  requiredPermissions?: PermissionName | PermissionName[];\n  headingButton?: () => JSX.Element;\n}\n\nexport function SettingsLayout(props: React.PropsWithChildren<SettingsLayoutProps>): JSX.Element {\n  const canAccess = useCanAccessSettings(props.requiredPermissions);\n\n  React.useEffect(() => {\n    if (!canAccess) {\n      Core.AppLinkHelper.trigger({\n        application: AppChannels.SETTINGS,\n        action: Actions.Settings.HOME\n      }, { replace: true });\n    }\n  }, [canAccess]);\n\n  if (!canAccess)\n    return <></>;\n\n  const breadcrumbs = props.breadcrumbs.map((name, i) => ({\n    name,\n    appLink: {\n      application: AppChannels.SETTINGS,\n      action: Actions.Settings.HOME\n    },\n    active: i === props.breadcrumbs.length - 1\n  }));\n\n  return (\n    <div className='px-3'>\n      <div className='d-flex align-items-center justify-content-between'>\n        <h1 className='h2'>{props.heading}</h1>\n        {props.headingButton?.()}\n      </div>\n      <div className='pb-3'>\n        <Breadcrumbs\n          breadcrumbs={[\n            {\n              name: LanguageService.getPhrase(namespace, 'settingsBreadcrumb'),\n              appLink: {\n                application: AppChannels.SETTINGS,\n                action: Actions.Settings.HOME\n              }\n            },\n            ...breadcrumbs\n          ]}\n        />\n      </div>\n      {props.description &&\n        <>\n          <p>{props.description}</p>\n          <hr />\n        </>\n      }\n\n      {props.children}\n    </div>\n  );\n}","import React from 'react';\n\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\nimport { ExternalLink } from 'libs/shared/components/external-link/ExternalLink';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { ArticleHelper } from 'libs/shared/utils/ArticleHelper';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\n\nconst namespace = 'rostering.requiresSetUp';\n\nexport function RequiresSetUpEmptyState(): JSX.Element {\n  return (\n    <EmptyState>\n      <EmptyState.Image src={ImageUrls.EmptyStates.Rostering.REQUIRES_SET_UP} />\n      <EmptyState.Heading><Text namespace={namespace} phrase='emptyHeading' /></EmptyState.Heading>\n      <EmptyState.Info className='w-50 mb-3'><Text namespace={namespace} phrase='emptyInfo' /></EmptyState.Info>\n      \n      {/* <EmptyState.Cta\n        href={href}\n        text={getPhrase('emptyCta')}\n        className='btn btn-link info-link'\n        openInNewTab\n      /> */}\n  \n      <ExternalLink\n        className='btn btn-dark'\n        href={ArticleHelper.getSupportRequestUrl()}\n        newTab\n      >\n        <Text namespace={namespace} phrase='button'/>\n      </ExternalLink>\n      \n    </EmptyState>\n  );\n}","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { classNames } from 'libs/common/react/utils/ClassNameHelper';\n\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\ninterface DropdownContainerProps {\n  heading: React.ReactNode;\n  children: React.ReactNode;\n  button?: React.ReactNode;\n  buttonText?: string;\n  onClick?: () => void;\n  buttonAppLink?: Core.AppLink;\n  disableCollapse?: boolean;\n  svgName?: string;\n  className?: string;\n  innerContainerClassName?: string;\n  buttonClassname?: string;\n  defaultIsCollapsed?: boolean;\n}\n\nexport function DropdownContainer(props: DropdownContainerProps) {\n  const [ isCollapsed, setIsCollapsed ] = React.useState(!!props.defaultIsCollapsed);\n\n  return (\n    <div className={classNames('border rounded-3 mb-3', props.className)}>\n      <div\n        className={classNames('d-flex justify-content-between align-items-center p-3 bg-light rounded-top-3', isCollapsed ? 'border-bottom' : '', props.innerContainerClassName)}\n      >\n        <div className='d-flex align-items-center justify-content-between w-100'>\n          {props.heading}\n          {(props.onClick || props.buttonAppLink) && (\n            <IconButton\n              svgName={props.svgName || cvSvgLibrary.Plus}\n              onClick={props.onClick}\n              appLink={props.buttonAppLink}\n              className={props.buttonClassname || 'btn btn-outline-dark'}\n            >\n              {props.buttonText}\n            </IconButton>\n          )}\n          {props.button && props.button}\n        </div>\n        {!props.disableCollapse && (\n          <DivButton onClick={() => setIsCollapsed(!isCollapsed)}>\n            <SvgContainer svgName={isCollapsed ? cvSvgLibrary.ChevronDown : cvSvgLibrary.ChevronUp} />\n          </DivButton>\n        )}\n      </div>\n      {!isCollapsed && props.children}\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"select\":\"eHERO\",\"sourceLabel\":\"P7yI8\",\"source\":\"dsINO\",\"logoWrapper\":\"kPI9A\",\"wrapper\":\"PYTsc\",\"weekdaysPicker\":\"W8qyy\",\"disabledContainer\":\"RilAd\",\"disabled\":\"INiZU\",\"disabledMask\":\"LCFHU\"};","import React from 'react';\nimport { Form, useFormikContext } from 'formik';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { DropdownContainer } from 'libs/shared/components/dropdown-container/DropdownContainer';\nimport { FormButtons } from 'libs/shared/components/forms/form-buttons/FormButtons';\nimport { FormField } from 'libs/shared/components/forms/form-field/FormField';\nimport { IScheduleSetting } from 'libs/shared/components/rostering/settings/schedule-setting/ScheduleSetting';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { ToggleSwitch } from 'libs/shared/components/toggle-switch/ToggleSwitch';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { useNavLock } from 'libs/shared/hooks/useNavLock';\n\nimport styles from './schedule-setting.scss';\n\nconst namespace = 'rostering.settings.schedule';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\nconst SCHEDULE_SETTING_NAV_LOCK_ID = 'schedule-setting';\n\n// constant to build dropdown\nconst TIMES = new Array(24).fill(0).map((_, i) => i);\nconst REPEATS = [ 'daily', 'weekly' ];\nconst WEEK_DAYS = [ 1, 2, 3, 4, 5, 6, 0 ];\nconst date = new Date();\n\nfunction formatTime (number: number) {\n  if (number === 0)\n    return '12:00 AM';\n\n  const isAm = number / 12 < 1;\n  const time = number === 12 ? 12 : number % 12;\n\n  if (isAm)\n    return time < 10 ? `0${time}:00 AM` : `${time}:00 AM`;\n  \n\n  return time < 10 ? `0${time}:00 PM` : `${time}:00 PM`;\n}\n\nfunction parseWeekdayNumber(w: number): string {\n  return DateHelper.format(DateHelper.weekday(date, w), 'ddd');\n}\n\nfunction getAlertContent(values: IScheduleSetting): string {\n  if (!values.enabled) {\n    return getPhrase('disabled');\n  }\n\n  switch (values.repeat) {\n    case 'daily':\n      return getPhrase('summary', { time: formatTime(values.startAt), repeat: values.repeat });\n    case 'weekly':\n      const sortedWeekDays = WEEK_DAYS.filter(v => values.daysOfWeek.includes(v)).map(w => parseWeekdayNumber(w));\n\n      let str = '';\n      if (sortedWeekDays.length >= 2) {\n        const firstPart = sortedWeekDays.slice(0, sortedWeekDays.length - 1).join(', ');\n        const lastPart = 'and ' + sortedWeekDays[sortedWeekDays.length - 1];\n        str = firstPart + ', ' + lastPart;\n      } else {\n        str = sortedWeekDays.join(', ');\n      }\n\n      return getPhrase('weeklySummary', {\n        weekdays: str,\n        time: formatTime(values.startAt),\n        repeat: values.repeat\n      });\n  }\n}\n\nexport function ScheduleForm(props: {hideToggle: boolean}): JSX.Element {\n  const formikProps = useFormikContext<IScheduleSetting>();\n  const isDisabled = !formikProps.values.enabled;\n  const navLock = useNavLock();\n\n  React.useEffect(() => {\n    if (formikProps.dirty) {\n      navLock.lock({\n        id: SCHEDULE_SETTING_NAV_LOCK_ID,\n        title: getPhrase('navLockTitle'),\n        text: getPhrase('navLockBody')\n      });\n    } else {\n      navLock.unlock(SCHEDULE_SETTING_NAV_LOCK_ID);\n    }\n\n    return () => {\n      navLock.unlock(SCHEDULE_SETTING_NAV_LOCK_ID);\n    };\n  }, [formikProps.dirty]);\n\n  function getButtonClassName(day: number): string {\n    let className = 'btn border';\n\n    if (formikProps.values.daysOfWeek.includes(day))\n      className += ' btn-dark';\n    else\n      className += ' btn-outline-dark';\n\n    return className;\n  }\n\n  function onClick(e: React.MouseEvent, day: number): void {\n    e.preventDefault();\n\n    const nextValue = formikProps.values.daysOfWeek.includes(day)\n      ? formikProps.values.daysOfWeek.filter(v => v !== day)\n      : [ ...formikProps.values.daysOfWeek, day ];\n    // don't allow an empty array, user have to select at least one weekday\n    if (nextValue.length === 0) return;\n\n    formikProps.setFieldValue('daysOfWeek', nextValue);\n  }\n  // display current timezone based on browser\n  const timeZone = `(${new Intl.DateTimeFormat('en', { timeZoneName: 'long' }).formatToParts(date).find(part => part.type === 'timeZoneName')?.value?.split(' ').map(word => word.charAt(0)).join('') || 'Local'} UTC${DateHelper.format(date, 'Z')})`;\n  const location = Intl.DateTimeFormat().resolvedOptions().timeZone.replace('/', ' - ');\n\n  return (\n    <Form>\n      <DropdownContainer\n        disableCollapse\n        heading='Scheduling roster sync'\n        button={!props.hideToggle &&\n          <ToggleSwitch\n            on={formikProps.values.enabled}\n            onClick={() => formikProps.setFieldValue('enabled', !formikProps.values.enabled)} />\n        }\n      >\n        <Tooltip\n          title={isDisabled ? 'Please switch on schedule sync first to edit' : ''}\n          spanHack\n          // reset spankHack classname\n          spanHackClassName=''\n        >\n          <div\n            className={`p-3 position-relative ${styles.disabledContainer} ${isDisabled ? `text-muted ${styles.disabled}` : ''}`}\n          >\n            <div>\n              <p><Text namespace={namespace} phrase='info' /></p>\n\n              <div className='row align-items-center'>\n                <p className='col col-3'>{getPhrase('start')}</p>\n                <div className='col'>\n                  <div className='d-flex align-items-center flex-gap'>\n                    <FormField\n                      className={`${styles.select} me-2`}\n                      id='start'\n                      name='startAt'\n                      as='select'\n                      value={formikProps.values.startAt ?? 2}\n                    >\n                      {TIMES.map(i => <option className='text-dark' value={i} key={i}>{formatTime(i)}</option>)}\n                    </FormField>\n                    <p>{timeZone} {location}</p>\n                  </div>\n                </div>\n          \n              </div>\n\n              <div className='row align-items-center'>\n                <p className='col col-3'>{getPhrase('repeat')}</p>\n                <div className={`col ${styles.wrapper} position-relative`}>\n                  <FormField\n                    className={`${styles.select} d-inline-block`}\n                    id='repeat'\n                    name='repeat'\n                    as='select'\n                    value={formikProps.values.repeat}\n                  >\n                    {REPEATS.map(i => <option className='text-dark' value={i} key={i}>{TextHelper.toTitleCase(i)}</option>)}\n                  </FormField>\n\n                  {formikProps.values.repeat === 'weekly' && (\n                    <div className={`d-flex align-items-center position-absolute ${styles.weekdaysPicker}`}>\n                      <span className='ms-2 me-3'>{getPhrase('on')}</span>\n                      <div className='btn-group mb-1'>\n                        {WEEK_DAYS.map(option => {\n                          return (\n                            <button\n                              key={option}\n                              className={getButtonClassName(option)}\n                              onClick={e => {\n                                onClick(e, option);\n                              }}\n                              type='button'\n                            >\n                              {parseWeekdayNumber(option).charAt(0)}\n                            </button>\n                          );\n                        })}\n                      </div>\n                    </div>)}\n                </div>\n              </div>\n              {isDisabled && (\n                <div className={styles.disabledMask} />\n              )}\n            </div>\n\n            <div className='rounded p-2 bg-light-blue text-info fw-semibold'>\n              {getAlertContent(formikProps.values)}\n            </div>\n          </div>\n        </Tooltip>\n      </DropdownContainer>\n\n      <FormButtons<IScheduleSetting>\n        isNew={false}\n        variant='outline-dark'\n        className='w-fit'\n      />\n    </Form>\n  );\n}","import * as Yup from 'yup';\n\nimport { IScheduleSetting } from 'libs/shared/components/rostering/settings/schedule-setting/ScheduleSetting';\n\nexport const ScheduleSchema = Yup.object().shape<IScheduleSetting>({\n  daysOfWeek: Yup.array<number>().min(1),\n  startAt: Yup.number().min(0).max(23).required(),\n  repeat: Yup.mixed<'daily' | 'weekly'>().oneOf([ 'daily', 'weekly' ]).default('daily'),\n  enabled: Yup.boolean().default(false)\n});","import React from 'react';\n\nimport { FormWrapper } from 'libs/shared/components/forms/form-wrapper/FormWrapper';\nimport { ScheduleForm } from 'libs/shared/components/rostering/settings/schedule-setting/ScheduleForm';\nimport { ScheduleSchema } from 'libs/shared/components/rostering/settings/schedule-setting/validation/ScheduleSchema';\nimport { RosteringHelper } from 'libs/shared/components/rostering/utils/RosteringHelper';\nimport { ScheduleSettingRequest, ScheduleSettingResponse } from 'libs/shared/interfaces';\n\ninterface ScheduleSettingProps {\n  onSave: (val: Partial<ScheduleSettingRequest>, onDone?: () => void) => any;\n  settings: ScheduleSettingResponse;\n  hideToggle: boolean;\n}\n\nexport interface IScheduleSetting {\n  startAt: number;\n  repeat: 'daily' | 'weekly';\n  daysOfWeek: number[];\n  enabled: boolean;\n}\n\nexport function ScheduleSetting(props: ScheduleSettingProps): JSX.Element {\n  function onSave(val: IScheduleSetting, onDone: () => void) {\n    props.onSave(RosteringHelper.parseFormToPayload(val), onDone);\n  }\n  return (\n    <FormWrapper<IScheduleSetting>\n      initialValues={RosteringHelper.parseValueToForm(props.settings.fullSyncSchedule)}\n      onSubmit={onSave}\n      validationSchema={ScheduleSchema}\n    >\n      <ScheduleForm hideToggle={props.hideToggle} />\n    </FormWrapper>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"settings\":\"K6Qs1\",\"spinner\":\"PDZWp\"};","import React from 'react';\nimport { Spinner } from 'react-bootstrap';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\n\nimport { RosteringSettingHeader } from 'libs/shared/components/rostering/rostering-header/RosteringSettingHeader';\nimport { ScheduleSetting } from 'libs/shared/components/rostering/settings/schedule-setting/ScheduleSetting';\nimport { SyncActionButtonGroup } from 'libs/shared/components/rostering/sync-action-button-group/SyncActionButtonGroup';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { RosteringRequests } from 'libs/shared/flight-requests/RosteringRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { CurrentUser, RosteringResponse, ScheduleSettingRequest, ScheduleSettingResponse } from 'libs/shared/interfaces';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport { SettingsLayout } from 'apps/settings/components/settings-layout/SettingsLayout';\nimport { RequiresSetUpEmptyState } from 'apps/settings/views/rostering/rostering-sync-list/requires-set-up-empty-state/RequiresSetUpEmptyState';\nimport { useSyncRostering } from 'apps/settings/views/rostering/utils/useSyncRostering';\n\nimport styles from './rostering-sync-settings.scss';\n\nconst namespace = 'rostering.rosteringSyncSettings';\n\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport function RosteringSyncSettingsView(): JSX.Element {\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const rostering = Flight.useBasicFetch<RosteringResponse>(RosteringRequests.getRostering());\n  const settings = Flight.useBasicFetch<ScheduleSettingResponse>(rostering.data?.id &&\n    RosteringRequests.getSyncScheduleSettings(rostering.data.id));\n\n  const fetch = Flight.useGetFetch();\n  const alerts = useAlerts();\n\n  useSetPageMetadata({ title: getPhrase('pageTitle') });\n\n  function onSave(val: Omit<ScheduleSettingRequest, 'userId'|'customerId'>, onDone?: () => void) {\n    const payload = { ...val, userId: currentUser.data.id, customerId: currentUser.data.customerId };\n\n    fetch(\n      RosteringRequests.updateScheduleSetting(\n        payload,\n        rostering.data.id,\n        () => alerts.success(getPhrase('success')),\n        () => alerts.error(getPhrase('error')),\n        () => onDone?.()\n      )\n    );\n  }\n\n  const { syncNow, fullSync } = useSyncRostering(currentUser.data);\n\n  function renderButton() {\n    if (rostering.data?.status !== 'Active')\n      return <></>;\n    return <SyncActionButtonGroup onSyncNow={syncNow} onFullSync={fullSync}/>;\n  }\n\n  return (\n    <SettingsLayout\n      heading={getPhrase('heading')}\n      breadcrumbs={[getPhrase('breadcrumb')]}\n      headingButton={renderButton}\n      requiredPermissions={PermissionName.Rostering}\n    >\n  \n      {rostering.data?.status === 'Active' && (\n        <RosteringSettingHeader\n          active='settings'\n          appLinks={{\n            syncJobs: { application: AppChannels.SETTINGS, action: Actions.Settings.ROSTERING },\n            settings: { application: AppChannels.SETTINGS, action: Actions.Settings.ROSTERING_SETTINGS }\n          }}\n        />\n      )}\n      {rostering.data && rostering.data?.status !== 'Active' && (\n        <RequiresSetUpEmptyState />\n      )}\n\n      <div className={`d-flex flex-column align-items-center justify-content-center ${styles.settings}`}>\n        {settings.data ? (\n          <div className='py-3 w-100'>\n            <ScheduleSetting onSave={onSave} settings={settings.data} hideToggle />\n            {/* todo uncomment these form when backend supports */}\n            {/* <CheckUpdatesSetting onSave={onSave}/>\n                    <ClassroomCreationSetting onSave={onSave}/>\n                    <EmailNotificationSetting onSave={onSave}/> */}\n          </div>\n        ) : (\n          <div className={styles.spinner}>\n            <Spinner as='div' animation='border' role='status' />\n          </div>\n        )}\n      </div>\n\n    </SettingsLayout>\n  );\n}","import { AlertType, BaseAlert } from 'libs/common/backbone/services/BaseAlertService';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\n\nimport { BatchDataType } from 'libs/shared/enums/BatchDataType';\nimport { BatchJobName } from 'libs/shared/enums/BatchJobName';\nimport { BatchJobType } from 'libs/shared/enums/BatchJobType';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { RosteringRequests } from 'libs/shared/flight-requests/RosteringRequests';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { CurrentUser } from 'libs/shared/interfaces';\n\nconst namespace = 'rostering.syncUtils';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport const useSyncRostering = (currentUser: CurrentUser) => {\n  const fetchAsync = Flight.useGetFetchAsync();\n\n  const alerts = useAlerts();\n\n  if (!currentUser) {\n    return { syncNow: () => {}, fullSync: () => {} };\n  }\n\n  function syncNow() {\n    const alert: BaseAlert = {\n      type: AlertType.Success,\n      heading: getPhrase('startSyncAlertHeading'),\n      message: getPhrase('startSyncAlertBody'),\n      appLinkText: getPhrase('startSyncAlertAppLinkText'),\n      appLinkClassName: 'info-link'\n    };\n\n    const data = {\n      name: BatchJobName.Rostering,\n      type: BatchJobType.Rostering,\n      metadata: {\n        targetMasterId: currentUser.customerId,\n        targetMasterType: MasterType.Customer\n      },\n      customerId: currentUser.customerId,\n      dataType: BatchDataType.Learner\n    };\n    fetchAsync(RosteringRequests.createJob(\n      data,\n      () => {\n        alerts.success(alert);\n      },\n      () => {\n        alerts.error(getPhrase('error'));\n      }\n    ));\n  }\n\n  function fullSync() {\n    // todo\n  }\n  return { fullSync, syncNow };\n};","// extracted by mini-css-extract-plugin\nexport default {\"pillTabSelector\":\"Hdi6o\",\"tab\":\"RvNxr\",\"minWidth\":\"GHSz9\",\"radiusSmall\":\"VhJJa\",\"tabLink\":\"WFyvo\"};"],"names":["namespace","FormButtons","props","formikProps","canSubmit","variant","type","disabled","size","className","showSpinner","isSubmitting","submitText","phrase","isNew","FormCheckbox","label","checkboxLabelClassName","checkboxLabelFontWeight","fieldProps","Form","FieldWrapper","htmlFor","id","checkboxAppLink","checkboxAppLinkText","AppLink","appLink","CharacterCounter","values","field","ObjectHelper","fieldName","length","limit","children","showLoadingSpinner","setType","resolvedChildren","FunctionHelper","f","Spinner","animation","containerClassName","SvgContainer","svgName","onClick","FormField","showCharacterCounter","showRequiredStar","infoTooltip","infoTooltipPlacement","infoText","formSize","showOptionalLabel","formGroupClassname","labelGlassName","labelClassName","errors","touched","disabledOnChange","_props","onChange","fieldWrapperProps","FormHelper","name","as","title","tooltipPlacement","tooltipSpanHack","Text","maxLength","description","errorMessage","role","defaultProps","autoComplete","FormWrapper","castInitialValues","castValuesOnSubmit","initialValues","onSubmit","formattedInitialValues","validationSchema","cast","omitChildValues","child","Object","keys","forEach","key","hasOwnProperty","omitNullInitialValues","initialStatus","allowInitialSubmit","enableReinitialize","setSubmitting","resetForm","setFieldError","formattedData","options","reset","entries","value","useFormikContextWrapper","TabContents","tab","count","data","PillTabSelector","ref","containerRef","borderRadius","listClassName","tabs","map","index","active","analyticsData","analyticsOptions","onSelect","onSelectTab","RosteringSettingHeader","appLinks","syncJobs","settings","getPhrase","LanguageService","SyncActionButtonGroup","Tooltip","spanHack","placement","spanHackClassName","onSyncNow","now","Date","RosteringHelper","parseUTCToLocal","utcHour","utcWeekdays","utcMinute","local","weekday","localWeekdays","w","getDay","hour","daysOfWeek","minute","getScheduledJobBySetting","setting","fullSyncSchedule","enabled","schedule","scheduledDate","weekdayOfToday","scheduledWeekday","sort","a","b","scheduledToday","includes","setHours","nextScheduledDate","nextScheduledWeekday","find","d","gap","Math","abs","setDate","getDate","parseFormToPayload","val","utc","parseLocalToUTC","startAt","weekdays","repeat","parseValueToForm","RosteringRequests","getRostering","url","getSyncList","queryParams","params","cursor","order","jobStatus","statuses","push","status","createJob","success","error","invalidationKeys","getJobSummary","getSyncScheduleSettings","integrationId","updateScheduleSetting","always","customerId","getCustomFormControlClassName","attribute","additionalClassName","getTypeSize","useCanAccessSettings","requiredPermissions","hasPermissions","settingsGroups","currentRoute","application","some","group","modules","settingsModule","action","SettingsLayout","canAccess","replace","breadcrumbs","i","heading","headingButton","RequiresSetUpEmptyState","src","href","newTab","DropdownContainer","defaultIsCollapsed","isCollapsed","setIsCollapsed","innerContainerClassName","buttonAppLink","IconButton","buttonClassname","buttonText","button","disableCollapse","DivButton","SCHEDULE_SETTING_NAV_LOCK_ID","TIMES","Array","fill","_","REPEATS","WEEK_DAYS","date","formatTime","number","time","parseWeekdayNumber","DateHelper","ScheduleForm","isDisabled","navLock","useNavLock","dirty","lock","text","unlock","timeZone","Intl","DateTimeFormat","timeZoneName","formatToParts","part","split","word","charAt","join","location","resolvedOptions","hideToggle","ToggleSwitch","on","setFieldValue","TextHelper","option","day","e","preventDefault","nextValue","filter","v","str","sortedWeekDays","slice","firstPart","getAlertContent","ScheduleSchema","shape","min","max","required","oneOf","ScheduleSetting","onDone","onSave","RosteringSyncSettingsView","currentUser","UserRequests","rostering","fetch","alerts","useSetPageMetadata","useSyncRostering","syncNow","fullSync","onFullSync","PermissionName","payload","userId","fetchAsync","alert","message","appLinkText","appLinkClassName","metadata","targetMasterId","targetMasterType","dataType","B"],"sourceRoot":""}

package/dist/scripts/{9348-8e9427fd84-lite.chunk.js → 9348-732ab2602d-lite.chunk.js}

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[9348],{14604:(e,t,n)=>{n.d(t,{W:()=>o});var r=n(32735),a=n(83914),i=n(35223);const l={icon:"eCi4v"};function o(e){return r.createElement("div",{className:"alert alert-warning d-flex align-items-center px-2 mb-3 ".concat(e.className||"")},r.createElement(a.x,{svgName:i.vn.WarningOutline,className:"svg-container me-2 ".concat(l.icon)}),r.createElement("div",null,e.children))}},26055:(e,t,n)=>{n.d(t,{A:()=>r});var r=n(32735).createContext(null)},61104:(e,t,n)=>{n.d(t,{E:()=>u});var r=n(32735),a=n(9111),i=n(13876),l=n(11607);const o={selected:"zWik0",disabled:"bMSMv"};function s(e){var t,n,a,i,s,c="text-center cursor-pointer p-3 border rounded-3 mx-2 user-select-none w-50";return e.selected&&(c+=" border-info ".concat(o.selected)),(null===(t=e.option)||void 0===t?void 0:t.disabled)&&(c+=" ".concat(o.disabled)),r.createElement(l.L,{onClick:function(){var t;(null===(t=e.option)||void 0===t?void 0:t.disabled)||e.onSelect(e.option)},className:c},(null===(n=e.option)||void 0===n?void 0:n.imageUrl)&&r.createElement("img",{src:e.option.imageUrl,className:"img-fluid my-3 ".concat(null!==(a=e.option.imageClassName)&&void 0!==a?a:""),draggable:!1}),(null===(i=e.option)||void 0===i?void 0:i.title)&&r.createElement("h2",{className:"h3"},e.option.title),(null===(s=e.option)||void 0===s?void 0:s.description)&&r.createElement("p",{className:"mb-0",dangerouslySetInnerHTML:{__html:e.option.description}}),e.children)}function c(e){return r.createElement("div",{className:"d-flex mb-3 mx-n2"},e.options.map(function(t){var n;return r.createElement(s,{key:t.id,option:t,selected:(null===(n=e.selection)||void 0===n?void 0:n.id)===t.id,onSelect:e.selectOption})}))}function u(e){return r.createElement(a.G,{size:"lg",title:e.title,showLoadingSpinner:e.showLoadingSpinner,closePopup:e.closePopup},r.createElement(r.Fragment,null,!!e.warningComponent&&e.warningComponent,e.question&&r.createElement("h2",{className:"h5 text-center fw-semibold mb-3"},e.question),r.createElement(c,{options:e.options,selection:e.selection,selectOption:e.selectOption}),r.createElement(i.u,null,e.cancelButtonProps&&r.createElement(i.u.Cancel,Object.assign({},e.cancelButtonProps)),e.submitButtonProps&&r.createElement(i.u.Submit,Object.assign({},e.submitButtonProps)))))}},79348:(e,t,n)=>{n.r(t),n.d(t,{AddNewUsersView:()=>U});var r=n(32735),a=n(20354),i=n(23481),l=n(81886),o=n(49985),s=n(65858),c=n(61104),u=n(76881),p=n(83345),d=n(26055),m=n(43820),g=n(14604),f="userManager.editSsoUserWarning";function v(e){var t=r.useContext(d.A);return r.createElement(g.W,null,r.createElement(p.x,{namespace:f,phrase:e.isNew?t===m.a.Curator?"ssoWarningCreateCurator":e.userType===u.Y.Learner?"ssoWarningCreateStudent":"ssoWarningCreateStaff":t===m.a.Curator?"ssoWarningEditCurator":"ssoWarningEditUser"}),!!e.helpArticle&&r.createElement("a",{className:"info-link d-block",href:e.helpArticle,target:"_blank"},r.createElement(p.x,{namespace:f,phrase:e.isNew?"kbArticleEdit":"kbArticleCreate"})))}const y={optionImage:"XpfxM"};function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var h=i.T.encloseNamespace("userManager.addNewUsers");function E(e){var t,n,a=s.LZ[e.userType===u.Y.Learner?"StudentManager":"StaffManager"],i=(t=r.useState(null),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],s=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);s=!0);}catch(e){c=!0,a=e}finally{try{if(!s&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw a}}return o}}(t,n)||function(e,t){if(e){if("string"==typeof e)return b(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?b(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),p=i[0],d=i[1],m=[{id:"create-manually",title:h("createManuallyTitle"),description:h(e.userType===u.Y.Learner?"createManuallyDescStudents":"createManuallyDescStaff"),imageUrl:e.createManuallyImageUrl,imageClassName:e.isLite?y.optionImage:""},{id:"upload-spreadsheet",title:h("uploadSpreadsheetTitle"),description:h(e.userType===u.Y.Learner?"uploadSpreadsheetDescStudents":"uploadSpreadsheetDescStaff"),imageUrl:e.uploadSpreadsheetImageUrl,imageClassName:e.isLite?y.optionImage:""}];return r.createElement(c.E,{title:h(e.userType===u.Y.Learner?"titleStudents":"titleStaff"),closePopup:e.closePopup,options:m,selection:p,selectOption:d,cancelButtonProps:{onClick:e.closePopup,text:h("cancel"),variant:"link"},submitButtonProps:{onClick:function(){if("create-manually"===p.id)return o.k.logUserAction({},{workflowPhase:s.eu.Start,actionType:s.Vw.Create,entity:s.py.User,location:a}),void l.Q.C$.trigger(e.appLinks.newUser);l.Q.C$.trigger(e.appLinks.userUploadPopup)},text:h("continue"),variant:"dark",disabled:!p},warningComponent:e.customerHasSso&&!e.isLite&&r.createElement(v,{isNew:!0,userType:e.userType,helpArticle:e.ssoHelpArticle})})}var S=n(99705),C=n(31949),w=n(12778),A=n(99742),k=n(47288),N=n(18087);function U(e){var t,n=a.a.useBasicFetch(C.N.currentUser()),i=a.a.useBasicFetch(!!n.data&&k.N.getIdentityProviders(n.data.customerId)),l=(0,N.Y)(e.userType);return r.createElement(E,{userType:e.userType,appLinks:l,closePopup:e.closePopup,createManuallyImageUrl:A.W.UserManager.CREATE_MANUALLY,uploadSpreadsheetImageUrl:A.W.UserManager.UPLOAD_SPREADSHEET,customerHasSso:!!(null===(t=i.data)||void 0===t?void 0:t.length),ssoHelpArticle:w.o.getLiteArticle(S.b.EditSsoAccounts),isLite:!0})}}}]);
-//# sourceMappingURL=9348-8e9427fd84-lite.chunk.js.map
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[9348],{14604:(e,t,n)=>{n.d(t,{W:()=>o});var r=n(32735),a=n(83914),i=n(35223);const l={icon:"eCi4v"};function o(e){return r.createElement("div",{className:"alert alert-warning d-flex align-items-center px-2 mb-3 ".concat(e.className||"")},r.createElement(a.x,{svgName:i.vn.WarningOutline,className:"svg-container me-2 ".concat(l.icon)}),r.createElement("div",null,e.children))}},26055:(e,t,n)=>{n.d(t,{A:()=>r});var r=n(32735).createContext(null)},61104:(e,t,n)=>{n.d(t,{E:()=>u});var r=n(32735),a=n(9111),i=n(13876),l=n(11607);const o={selected:"zWik0",disabled:"bMSMv"};function s(e){var t,n,a,i,s,c="text-center cursor-pointer p-3 border rounded-3 mx-2 user-select-none w-50";return e.selected&&(c+=" border-info ".concat(o.selected)),(null===(t=e.option)||void 0===t?void 0:t.disabled)&&(c+=" ".concat(o.disabled)),r.createElement(l.L,{onClick:function(){var t;(null===(t=e.option)||void 0===t?void 0:t.disabled)||e.onSelect(e.option)},className:c},(null===(n=e.option)||void 0===n?void 0:n.imageUrl)&&r.createElement("img",{src:e.option.imageUrl,className:"img-fluid my-3 ".concat(null!==(a=e.option.imageClassName)&&void 0!==a?a:""),draggable:!1}),(null===(i=e.option)||void 0===i?void 0:i.title)&&r.createElement("h2",{className:"h3"},e.option.title),(null===(s=e.option)||void 0===s?void 0:s.description)&&r.createElement("p",{className:"mb-0",dangerouslySetInnerHTML:{__html:e.option.description}}),e.children)}function c(e){return r.createElement("div",{className:"d-flex mb-3 mx-n2"},e.options.map(function(t){var n;return r.createElement(s,{key:t.id,option:t,selected:(null===(n=e.selection)||void 0===n?void 0:n.id)===t.id,onSelect:e.selectOption})}))}function u(e){return r.createElement(a.G,{size:"lg",title:e.title,showLoadingSpinner:e.showLoadingSpinner,closePopup:e.closePopup},r.createElement(r.Fragment,null,!!e.warningComponent&&e.warningComponent,e.question&&r.createElement("h2",{className:"h5 text-center fw-semibold mb-3"},e.question),r.createElement(c,{options:e.options,selection:e.selection,selectOption:e.selectOption}),r.createElement(i.u,null,e.cancelButtonProps&&r.createElement(i.u.Cancel,Object.assign({},e.cancelButtonProps)),e.submitButtonProps&&r.createElement(i.u.Submit,Object.assign({},e.submitButtonProps)))))}},79348:(e,t,n)=>{n.r(t),n.d(t,{AddNewUsersView:()=>U});var r=n(32735),a=n(20354),i=n(23481),l=n(81886),o=n(49985),s=n(65858),c=n(61104),u=n(76881),p=n(83345),d=n(26055),m=n(43820),g=n(14604),f="userManager.editSsoUserWarning";function v(e){var t=r.useContext(d.A);return r.createElement(g.W,null,r.createElement(p.x,{namespace:f,phrase:e.isNew?t===m.a.Curator?"ssoWarningCreateCurator":e.userType===u.Y.Learner?"ssoWarningCreateStudent":"ssoWarningCreateStaff":t===m.a.Curator?"ssoWarningEditCurator":"ssoWarningEditUser"}),!!e.helpArticle&&r.createElement("a",{className:"info-link d-block",href:e.helpArticle,target:"_blank"},r.createElement(p.x,{namespace:f,phrase:e.isNew?"kbArticleEdit":"kbArticleCreate"})))}const h={optionImage:"XpfxM"};function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var b=i.T.encloseNamespace("userManager.addNewUsers");function E(e){var t,n,a=s.LZ[e.userType===u.Y.Learner?"StudentManager":"StaffManager"],i=(t=r.useState(null),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],s=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);s=!0);}catch(e){c=!0,a=e}finally{try{if(!s&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw a}}return o}}(t,n)||function(e,t){if(e){if("string"==typeof e)return y(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?y(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),p=i[0],d=i[1],m=[{id:"create-manually",title:b("createManuallyTitle"),description:b(e.userType===u.Y.Learner?"createManuallyDescStudents":"createManuallyDescStaff"),imageUrl:e.createManuallyImageUrl,imageClassName:e.isLite?h.optionImage:""},{id:"upload-spreadsheet",title:b("uploadSpreadsheetTitle"),description:b(e.userType===u.Y.Learner?"uploadSpreadsheetDescStudents":"uploadSpreadsheetDescStaff"),imageUrl:e.uploadSpreadsheetImageUrl,imageClassName:e.isLite?h.optionImage:""}];return r.createElement(c.E,{title:b(e.userType===u.Y.Learner?"titleStudents":"titleStaff"),closePopup:e.closePopup,options:m,selection:p,selectOption:d,cancelButtonProps:{onClick:e.closePopup,text:b("cancel"),variant:"link"},submitButtonProps:{onClick:function(){if("create-manually"===p.id)return o.k.logUserAction({},{workflowPhase:s.eu.Start,actionType:s.Vw.Create,entity:s.py.User,location:a}),void l.Q.C$.trigger(e.appLinks.newUser);l.Q.C$.trigger(e.appLinks.userUploadPopup)},text:b("continue"),variant:"dark",disabled:!p},warningComponent:e.customerHasSso&&!e.isLite&&r.createElement(v,{isNew:!0,userType:e.userType,helpArticle:e.ssoHelpArticle})})}var S=n(99705),C=n(31949),w=n(12778),A=n(99742),k=n(47288),N=n(18087);function U(e){var t,n=a.a.useBasicFetch(C.N.currentUser()),i=a.a.useBasicFetch(!!n.data&&k.N.getAuthenticationMethods(n.data.customerId)),l=(0,N.Y)(e.userType);return r.createElement(E,{userType:e.userType,appLinks:l,closePopup:e.closePopup,createManuallyImageUrl:A.W.UserManager.CREATE_MANUALLY,uploadSpreadsheetImageUrl:A.W.UserManager.UPLOAD_SPREADSHEET,customerHasSso:!!(null===(t=i.data)||void 0===t?void 0:t.length),ssoHelpArticle:w.o.getLiteArticle(S.b.EditSsoAccounts),isLite:!0})}}}]);
+//# sourceMappingURL=9348-732ab2602d-lite.chunk.js.map

package/dist/scripts/9348-732ab2602d-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/9348-732ab2602d-lite.chunk.js","mappings":"yKACA,SAAgB,KAAO,SCcjB,SAAUA,EAAaC,GAC3B,OACE,uBAAKC,UAAS,kEAA6DD,EAAMC,WAAa,KAC5F,gBAACC,EAAA,EAAY,CACXC,QAAS,oBACTF,UAAS,6BAAwB,UAEnC,2BACGD,EAAMI,UAIf,C,uCCvBaC,E,SAA2B,cAAuC,K,kFCH/E,SAAgB,SAAW,QAAQ,SAAW,SCqBxC,SAAUC,EAAON,G,cAQjBC,EAAY,6EAQhB,OANID,EAAMO,WACRN,GAAa,gBAAJ,OAAoB,cAEf,QAAZ,EAAAD,EAAMQ,cAAM,eAAEC,YAChBR,GAAa,IAAJ,OAAQ,aAGjB,gBAACS,EAAA,EAAS,CAACC,QAhBb,W,OACkB,QAAZ,EAAAX,EAAMQ,cAAM,eAAEC,WAGlBT,EAAMY,SAASZ,EAAMQ,OACvB,EAWgCP,UAAWA,IAC1B,QAAZ,EAAAD,EAAMQ,cAAM,eAAEK,WAAY,uBAAKC,IAAKd,EAAMQ,OAAOK,SAAUZ,UAAS,yBAA+C,QAA3B,EAAAD,EAAMQ,OAAOO,sBAAc,QAAI,IAAMC,WAAW,KAC5H,QAAZ,EAAAhB,EAAMQ,cAAM,eAAES,QAAS,sBAAIhB,UAAU,MAAMD,EAAMQ,OAAOS,QAC5C,QAAZ,EAAAjB,EAAMQ,cAAM,eAAEU,cAAe,qBAAGjB,UAAU,OAAOkB,wBAAyB,CAAEC,OAAQpB,EAAMQ,OAAOU,eACjGlB,EAAMI,SAGb,CAQM,SAAUiB,EAAQrB,GACtB,OACE,uBAAKC,UAAU,qBACZD,EAAMsB,QAAQC,IAAI,SAAAC,G,MAAK,OACtB,gBAAClB,EAAM,CACLmB,IAAKD,EAAEE,GACPlB,OAAQgB,EACRjB,UAAyB,QAAf,EAAAP,EAAM2B,iBAAS,eAAED,MAAOF,EAAEE,GACpCd,SAAUZ,EAAM4B,c,GAK1B,CC5CM,SAAUC,EAAa7B,GAC3B,OACE,gBAAC8B,EAAA,EAAK,CACJC,KAAK,KACLd,MAAOjB,EAAMiB,MACbe,mBAAoBhC,EAAMgC,mBAC1BC,WAAYjC,EAAMiC,YAElB,kCACKjC,EAAMkC,kBAAoBlC,EAAMkC,iBAElClC,EAAMmC,UACL,sBAAIlC,UAAU,mCAAmCD,EAAMmC,UAGzD,gBAACd,EAAO,CACNC,QAAStB,EAAMsB,QACfK,UAAW3B,EAAM2B,UACjBC,aAAc5B,EAAM4B,eAGtB,gBAACQ,EAAA,EAAY,KACVpC,EAAMqC,mBAAqB,gBAACD,EAAA,SAAmB,iBAAKpC,EAAMqC,oBAC1DrC,EAAMsC,mBAAqB,gBAACF,EAAA,SAAmB,iBAAKpC,EAAMsC,sBAKrE,C,gMC1CMC,EAAY,iCAQZ,SAAUC,EAAmBxC,GACjC,IAAMyC,EAAS,aAAoCpC,EAAA,GAanD,OACE,gBAACN,EAAA2C,EAAY,KACX,gBAACC,EAAA,EAAI,CACHJ,UAAWA,EACXK,OAdA5C,EAAM6C,MACJJ,IAAWK,EAAA,UACN,0BAEF9C,EAAM+C,WAAaC,EAAA,UAAoB,0BAA4B,wBAGrEP,IAAWK,EAAA,UAA4B,wBAA0B,yBASnE9C,EAAMiD,aACP,qBACEhD,UAAU,oBACViD,KAAMlD,EAAMiD,YACZE,OAAO,UAEP,gBAACR,EAAA,EAAI,CAACJ,UAAWA,EAAWK,OAAQ5C,EAAM6C,MAAQ,gBAAkB,qBAK9E,CC/CA,SAAgB,YAAc,S,sGCiB9B,IACMO,EAAYC,EAAA,mBADA,2BAaZ,SAAUC,EAAYtD,GAC1B,I,IAAMuD,EAAoB,KAAgBvD,EAAM+C,WAAaC,EAAA,UAAoB,iBAAmB,gBAEzB,G,EAAvC,WAAkC,M,EAAK,E,o4BAAnErB,EAAS,KAAE6B,EAAY,KAkBzBlC,EAAkD,CAAC,CACvDI,GAAI,kBACJT,MAAOmC,EAAU,uBACjBlC,YAAakC,EAAUpD,EAAM+C,WAAaC,EAAA,UAAoB,6BAA+B,2BAC7FnC,SAAUb,EAAMyD,uBAChB1C,eAAgBf,EAAM0D,OAAS,cAAqB,IACnD,CACDhC,GAAI,qBACJT,MAAOmC,EAAU,0BACjBlC,YAAakC,EAAUpD,EAAM+C,WAAaC,EAAA,UAAoB,gCAAkC,8BAChGnC,SAAUb,EAAM2D,0BAChB5C,eAAgBf,EAAM0D,OAAS,cAAqB,KAGtD,OACE,gBAAC7B,EAAA,EAAY,CACXZ,MAAOmC,EAAUpD,EAAM+C,WAAaC,EAAA,UAAoB,gBAAkB,cAC1Ef,WAAYjC,EAAMiC,WAClBX,QAASA,EACTK,UAAWA,EACXC,aAAc4B,EACdnB,kBAAmB,CACjB1B,QAASX,EAAMiC,WACf2B,KAAMR,EAAU,UAChBS,QAAS,QAEXvB,kBAAmB,CACjB3B,QA3CN,WACE,GAAqB,oBAAjBgB,EAAUD,GASZ,OARAoC,EAAA,gBAA8B,CAAC,EAAG,CAChCC,cAAe,WACfC,WAAY,YACZC,OAAQ,UACRC,SAAUX,SAGZ,eAA2BvD,EAAMmE,SAASC,SAI5C,eAA2BpE,EAAMmE,SAASE,gBAC5C,EA8BMT,KAAMR,EAAU,YAChBS,QAAS,OACTpD,UAAWkB,GAEbO,iBAAkBlC,EAAMsE,iBAAmBtE,EAAM0D,QAC/C,gBAAClB,EAAkB,CAACK,OAAK,EAACE,SAAU/C,EAAM+C,SAAUE,YAAajD,EAAMuE,kBAG/E,C,sEClEM,SAAUC,EAAgBxE,G,MACxByE,EAAc,kBAAkCC,EAAA,iBAChDC,EAAc,oBAAyDF,EAAYG,MACvFC,EAAA,2BAA6CJ,EAAYG,KAAKE,aAE1DX,GAAW,OAAuBnE,EAAM+C,UAE9C,OACE,gBAACO,EAAW,CACVP,SAAU/C,EAAM+C,SAChBoB,SAAUA,EACVlC,WAAYjC,EAAMiC,WAClBwB,uBAAwBsB,EAAA,8BACxBpB,0BAA2BoB,EAAA,iCAC3BT,kBAAkC,QAAhB,EAAAK,EAAYC,YAAI,eAAEI,QACpCT,eAAgBU,EAAA,iBAA6B,qBAC7CvB,QAAM,GAGZ,C","sources":["file:///app/packages/libs/shared/src/apps/user-manager/components/warning-alert/warning-alert.scss","file:///app/packages/libs/shared/src/apps/user-manager/components/warning-alert/WarningAlert.tsx","file:///app/packages/libs/shared/src/apps/user-manager/context/UserManagerClientContext.ts","file:///app/packages/libs/shared/src/components/choices-popup/components/choices/choices.scss","file:///app/packages/libs/shared/src/components/choices-popup/components/choices/Choices.tsx","file:///app/packages/libs/shared/src/components/choices-popup/ChoicesPopup.tsx","file:///app/packages/libs/shared/src/apps/user-manager/components/edit-user-details/components/EditSsoUserWarning.tsx","file:///app/packages/libs/shared/src/apps/user-manager/components/add-new-users/add-new-user.scss","file:///app/packages/libs/shared/src/apps/user-manager/components/add-new-users/AddNewUsers.tsx","file:///app/packages/projects/lite/src/apps/user-manager/views/add-new-users/AddNewUsersView.tsx"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"icon\":\"eCi4v\"};","import React from 'react';\n\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './warning-alert.scss';\n\ninterface Props extends HashObject {\n  className?: string;\n}\n\ntype WarningAlertProps = React.PropsWithChildren<Props>;\n\nexport function WarningAlert(props: WarningAlertProps): JSX.Element {\n  return (\n    <div className={`alert alert-warning d-flex align-items-center px-2 mb-3 ${props.className || ''}`}>\n      <SvgContainer\n        svgName={cvSvgLibrary.WarningOutline}\n        className={`svg-container me-2 ${styles.icon}`}\n      />\n      <div>\n        {props.children}\n      </div>\n    </div>\n  );\n}","import React from 'react';\n\nimport { UserManagerClient } from 'libs/shared/apps/user-manager/enums/UserManagerClient';\n\nexport const UserManagerClientContext = React.createContext<UserManagerClient>(null);","// extracted by mini-css-extract-plugin\nexport default {\"selected\":\"zWik0\",\"disabled\":\"bMSMv\"};","import React from 'react';\n\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\n\nimport styles from './choices.scss';\n\nexport interface ChoicePopupOption {\n  id: string;\n  title?: string;\n  description?: string;\n  imageUrl?: string;\n  disabled?: boolean;\n  imageClassName?: string;\n}\n\n\ninterface ChoiceProps {\n  option?: ChoicePopupOption;\n  selected: boolean | ((selectedChoice: boolean) => boolean);\n  onSelect: (option: ChoicePopupOption) => void;\n}\n\nexport function Choice(props: React.PropsWithChildren<ChoiceProps>): React.ReactElement {\n  function onSelect(): void {\n    if (props.option?.disabled)\n      return;\n\n    props.onSelect(props.option);\n  }\n\n  let className = 'text-center cursor-pointer p-3 border rounded-3 mx-2 user-select-none w-50';\n\n  if (props.selected)\n    className += ` border-info ${styles.selected}`;\n\n  if (props.option?.disabled)\n    className += ` ${styles.disabled}`;\n\n  return (\n    <DivButton onClick={onSelect} className={className}>\n      {props.option?.imageUrl && <img src={props.option.imageUrl} className={`img-fluid my-3 ${props.option.imageClassName ?? ''}`} draggable={false} />}\n      {props.option?.title && <h2 className='h3'>{props.option.title}</h2>}\n      {props.option?.description && <p className='mb-0' dangerouslySetInnerHTML={{ __html: props.option.description }}></p>}\n      {props.children}\n    </DivButton>\n  );\n}\n\ninterface ChoicesProps {\n  options: [ChoicePopupOption, ChoicePopupOption];\n  selection: ChoicePopupOption | null;\n  selectOption: (option: ChoicePopupOption) => void;\n}\n\nexport function Choices(props: ChoicesProps): React.ReactElement {\n  return (\n    <div className='d-flex mb-3 mx-n2'>\n      {props.options.map(o => (\n        <Choice\n          key={o.id}\n          option={o}\n          selected={props.selection?.id === o.id}\n          onSelect={props.selectOption}\n        />\n      ))}\n    </div>\n  );\n}","import React from 'react';\n\nimport { Popup } from 'libs/shared/components/popup/Popup';\nimport { PopupViewProps } from 'libs/shared/interfaces';\n\nimport { PopupButtons, PopupCancelButtonProps, PopupSubmitButtonProps } from '../popup/PopupButtons';\n\nimport { ChoicePopupOption, Choices } from './components/choices/Choices';\n\ninterface ChoicesPopupProps {\n  title: string;\n  options: [ChoicePopupOption, ChoicePopupOption];\n  selection: ChoicePopupOption | null;\n  selectOption: (choice: ChoicePopupOption) => void;\n  question?: string;\n  showLoadingSpinner?: boolean;\n  submitButtonProps?: PopupSubmitButtonProps;\n  cancelButtonProps?: PopupCancelButtonProps;\n  warningComponent?: JSX.Element;\n}\n\ntype PropTypes = ChoicesPopupProps & PopupViewProps;\n\nexport function ChoicesPopup(props: PropTypes): JSX.Element {\n  return (\n    <Popup\n      size='lg'\n      title={props.title}\n      showLoadingSpinner={props.showLoadingSpinner}\n      closePopup={props.closePopup}\n    >\n      <>\n        {!!props.warningComponent && props.warningComponent}\n\n        {props.question &&\n          <h2 className='h5 text-center fw-semibold mb-3'>{props.question}</h2>\n        }\n\n        <Choices\n          options={props.options}\n          selection={props.selection}\n          selectOption={props.selectOption}\n        />\n\n        <PopupButtons>\n          {props.cancelButtonProps && <PopupButtons.Cancel {...props.cancelButtonProps} />}\n          {props.submitButtonProps && <PopupButtons.Submit {...props.submitButtonProps} />}\n        </PopupButtons>\n      </>\n    </Popup>\n  );\n}","import React from 'react';\n\nimport { Text } from 'libs/shared/components/text/Text';\nimport { UserGroup } from 'libs/shared/enums/UserGroup';\n\nimport { UserManagerClientContext } from '../../../context/UserManagerClientContext';\nimport { UserManagerClient } from '../../../enums/UserManagerClient';\nimport { WarningAlert } from '../../warning-alert/WarningAlert';\n\nconst namespace = 'userManager.editSsoUserWarning';\n\ninterface EditSsoUserWarningProps {\n  isNew: boolean;\n  userType: UserGroup;\n  helpArticle?: string;\n}\n\nexport function EditSsoUserWarning(props: EditSsoUserWarningProps): JSX.Element {\n  const client = React.useContext<UserManagerClient>(UserManagerClientContext);\n\n  function getPhraseKey(): string {\n    if (props.isNew) {\n      if (client === UserManagerClient.Curator)\n        return 'ssoWarningCreateCurator';\n\n      return props.userType === UserGroup.Learner ? 'ssoWarningCreateStudent' : 'ssoWarningCreateStaff';\n    }\n\n    return client === UserManagerClient.Curator ? 'ssoWarningEditCurator' : 'ssoWarningEditUser';\n  }\n\n  return (\n    <WarningAlert>\n      <Text\n        namespace={namespace}\n        phrase={getPhraseKey()}\n      />\n      {!!props.helpArticle && (\n        <a\n          className='info-link d-block'\n          href={props.helpArticle}\n          target='_blank'\n        >\n          <Text namespace={namespace} phrase={props.isNew ? 'kbArticleEdit' : 'kbArticleCreate'} />\n        </a>\n      )}\n    </WarningAlert>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"optionImage\":\"XpfxM\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { EntityType, LocationContext, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { UserManagerAppLinks } from 'libs/shared/apps/user-manager/interfaces';\nimport { ChoicesPopup } from 'libs/shared/components/choices-popup/ChoicesPopup';\nimport { ChoicePopupOption } from 'libs/shared/components/choices-popup/components/choices/Choices';\nimport { UserGroup } from 'libs/shared/enums/UserGroup';\nimport { PropsWithPopupViewProps } from 'libs/shared/interfaces';\n\nimport { EditSsoUserWarning } from '../edit-user-details/components/EditSsoUserWarning';\n\nimport styles from './add-new-user.scss';\n\nconst namespace = 'userManager.addNewUsers';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface AddNewUsersProps {\n  appLinks: UserManagerAppLinks;\n  userType: UserGroup;\n  createManuallyImageUrl: string;\n  uploadSpreadsheetImageUrl: string;\n  customerHasSso: boolean;\n  ssoHelpArticle?: string;\n  isLite?: boolean;\n}\n\nexport function AddNewUsers(props: PropsWithPopupViewProps<AddNewUsersProps>): JSX.Element {\n  const analyticsLocation = LocationContext[props.userType === UserGroup.Learner ? 'StudentManager' : 'StaffManager'];\n\n  const [ selection, setSelection ] = React.useState<ChoicePopupOption>(null);\n\n  function onClickContinue(): void {\n    if (selection.id === 'create-manually') {\n      AnalyticsHelper.logUserAction({}, {\n        workflowPhase: WorkflowPhase.Start,\n        actionType: UserAction.Create,\n        entity: EntityType.User,\n        location: analyticsLocation\n      });\n\n      Core.AppLinkHelper.trigger(props.appLinks.newUser);\n      return;\n    }\n\n    Core.AppLinkHelper.trigger(props.appLinks.userUploadPopup);\n  }\n\n  const options: [ChoicePopupOption, ChoicePopupOption] = [{\n    id: 'create-manually',\n    title: getPhrase('createManuallyTitle'),\n    description: getPhrase(props.userType === UserGroup.Learner ? 'createManuallyDescStudents' : 'createManuallyDescStaff'),\n    imageUrl: props.createManuallyImageUrl,\n    imageClassName: props.isLite ? styles.optionImage : ''\n  }, {\n    id: 'upload-spreadsheet',\n    title: getPhrase('uploadSpreadsheetTitle'),\n    description: getPhrase(props.userType === UserGroup.Learner ? 'uploadSpreadsheetDescStudents' : 'uploadSpreadsheetDescStaff'),\n    imageUrl: props.uploadSpreadsheetImageUrl,\n    imageClassName: props.isLite ? styles.optionImage : ''\n  }];\n\n  return (\n    <ChoicesPopup\n      title={getPhrase(props.userType === UserGroup.Learner ? 'titleStudents' : 'titleStaff')}\n      closePopup={props.closePopup}\n      options={options}\n      selection={selection}\n      selectOption={setSelection}\n      cancelButtonProps={{\n        onClick: props.closePopup,\n        text: getPhrase('cancel'),\n        variant: 'link'\n      }}\n      submitButtonProps={{\n        onClick: onClickContinue,\n        text: getPhrase('continue'),\n        variant: 'dark',\n        disabled: !selection\n      }}\n      warningComponent={props.customerHasSso && !props.isLite &&\n        <EditSsoUserWarning isNew userType={props.userType} helpArticle={props.ssoHelpArticle} />}\n    />\n  );\n}","import React from 'react';\n\nimport { Flight } from 'libs/common/flight';\n\nimport { AddNewUsers } from 'libs/shared/apps/user-manager/components/add-new-users/AddNewUsers';\nimport { GetAuthenticationMethodsResponse } from 'libs/shared/apps/user-manager/interfaces/GetAuthenticationMethodsResponse';\nimport { LiteSupportArticle } from 'libs/shared/enums/SupportArticle';\nimport { UserGroup } from 'libs/shared/enums/UserGroup';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { CurrentUser, PropsWithPopupViewProps } from 'libs/shared/interfaces';\nimport { ArticleHelper } from 'libs/shared/utils/ArticleHelper';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\n\nimport { UserManagerRequests } from 'apps/user-manager/flight-requests/UserManagerRequests';\nimport { getUserManagerAppLinks } from 'apps/user-manager/utils/LiteUserManagerAppLinks';\n\ninterface AddNewUsersViewProps {\n  userType: UserGroup;\n}\n\n// eslint-disable-next-line rulesdir/require-view-title\nexport function AddNewUsersView(props: PropsWithPopupViewProps<AddNewUsersViewProps>): JSX.Element {\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const authMethods = Flight.useBasicFetch<GetAuthenticationMethodsResponse>(!!currentUser.data &&\n    UserManagerRequests.getAuthenticationMethods(currentUser.data.customerId));\n\n  const appLinks = getUserManagerAppLinks(props.userType);\n\n  return (\n    <AddNewUsers\n      userType={props.userType}\n      appLinks={appLinks}\n      closePopup={props.closePopup}\n      createManuallyImageUrl={ImageUrls.UserManager.CREATE_MANUALLY}\n      uploadSpreadsheetImageUrl={ImageUrls.UserManager.UPLOAD_SPREADSHEET}\n      customerHasSso={!!authMethods.data?.length}\n      ssoHelpArticle={ArticleHelper.getLiteArticle(LiteSupportArticle.EditSsoAccounts)}\n      isLite\n    />\n  );\n}"],"names":["WarningAlert","props","className","SvgContainer","svgName","children","UserManagerClientContext","Choice","selected","option","disabled","DivButton","onClick","onSelect","imageUrl","src","imageClassName","draggable","title","description","dangerouslySetInnerHTML","__html","Choices","options","map","o","key","id","selection","selectOption","ChoicesPopup","Popup","size","showLoadingSpinner","closePopup","warningComponent","question","PopupButtons","cancelButtonProps","submitButtonProps","namespace","EditSsoUserWarning","client","W","Text","phrase","isNew","UserManagerClient","userType","UserGroup","helpArticle","href","target","getPhrase","LanguageService","AddNewUsers","analyticsLocation","setSelection","createManuallyImageUrl","isLite","uploadSpreadsheetImageUrl","text","variant","AnalyticsHelper","workflowPhase","actionType","entity","location","appLinks","newUser","userUploadPopup","customerHasSso","ssoHelpArticle","AddNewUsersView","currentUser","UserRequests","authMethods","data","UserManagerRequests","customerId","ImageUrls","length","ArticleHelper"],"sourceRoot":""}