codeforlife 2.11.5 → 2.11.6

package/dist/index-BIL7PoEV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BIL7PoEV.js","sources":["../src/components/form/ApiAutocompleteField.tsx","../src/components/form/AutocompleteField.tsx","../src/components/form/CheckboxField.tsx","../src/components/form/CountryField.tsx","../src/components/form/DatePickerField.tsx","../src/components/form/TextField.tsx","../src/components/form/EmailField.tsx","../src/components/form/FirstNameField.tsx","../src/components/form/Form.tsx","../src/components/form/OtpField.tsx","../src/components/form/RepeatField.tsx","../src/components/form/PasswordField.tsx","../src/components/form/SubmitButton.tsx","../src/components/form/UkCountyField.tsx"],"sourcesContent":["import { Button, type ChipTypeMap, CircularProgress } from \"@mui/material\"\nimport {\n  Children,\n  type ElementType,\n  type ForwardRefRenderFunction,\n  type HTMLAttributes,\n  type JSX,\n  forwardRef,\n  useEffect,\n  useState,\n} from \"react\"\nimport type { TypedUseLazyQuery } from \"@reduxjs/toolkit/query/react\"\n\nimport {\n  AutocompleteField,\n  type AutocompleteFieldProps,\n} from \"../../components/form\"\nimport type { ListArg, ListResult, ModelId } from \"../../utils/api\"\nimport SyncError from \"../SyncError\"\nimport { usePagination } from \"../../hooks/api\"\n\nexport interface ApiAutocompleteFieldProps<\n  SearchKey extends keyof Omit<QueryArg, \"limit\" | \"offset\">,\n  // api type args\n  QueryArg extends ListArg,\n  ResultType extends ListResult<any>,\n  // autocomplete type args\n  Multiple extends boolean | undefined = false,\n  DisableClearable extends boolean | undefined = false,\n  FreeSolo extends boolean | undefined = false,\n  ChipComponent extends ElementType = ChipTypeMap[\"defaultComponent\"],\n> extends Omit<\n    AutocompleteFieldProps<\n      ModelId,\n      Multiple,\n      DisableClearable,\n      FreeSolo,\n      ChipComponent\n    >,\n    | \"options\"\n    | \"ListboxComponent\"\n    | \"filterOptions\"\n    | \"getOptionLabel\"\n    | \"getOptionKey\"\n    | \"onInputChange\"\n  > {\n  useLazyListQuery: TypedUseLazyQuery<ResultType, QueryArg, any>\n  filterOptions?: Omit<QueryArg, \"limit\" | \"offset\" | SearchKey>\n  getOptionLabel: (result: ResultType[\"data\"][number]) => string\n  getOptionKey?: (result: ResultType[\"data\"][number]) => ModelId\n  searchKey: SearchKey\n}\n\nconst ApiAutocompleteField = <\n  SearchKey extends keyof Omit<QueryArg, \"limit\" | \"offset\">,\n  // api type args\n  QueryArg extends ListArg,\n  ResultType extends ListResult<any>,\n  // autocomplete type args\n  Multiple extends boolean | undefined = false,\n  DisableClearable extends boolean | undefined = false,\n  FreeSolo extends boolean | undefined = false,\n  ChipComponent extends ElementType = ChipTypeMap[\"defaultComponent\"],\n>({\n  useLazyListQuery,\n  filterOptions,\n  getOptionLabel,\n  getOptionKey = result => result.id as ModelId,\n  searchKey,\n  ...otherAutocompleteFieldProps\n}: ApiAutocompleteFieldProps<\n  SearchKey,\n  // api type args\n  QueryArg,\n  ResultType,\n  // autocomplete type args\n  Multiple,\n  DisableClearable,\n  FreeSolo,\n  ChipComponent\n>): JSX.Element => {\n  const [search, setSearch] = useState(\"\")\n  const [trigger, { isLoading, isError }] = useLazyListQuery()\n  const [{ limit, offset }, setPagination] = usePagination()\n  const [{ options, hasMore }, setState] = useState<{\n    options: Record<ModelId, ResultType[\"data\"][number]>\n    hasMore: boolean\n  }>({ options: {}, hasMore: true })\n\n  // Call api\n  useEffect(\n    () => {\n      const arg = { limit, offset, ...filterOptions } as QueryArg\n      // @ts-expect-error search key can index arg\n      if (search) arg[searchKey] = search\n\n      trigger(arg, true)\n        .unwrap()\n        .then(({ data, offset, limit, count }) => {\n          setState(({ options: previousOptions }) => {\n            const options = { ...previousOptions }\n            data.forEach(result => {\n              options[getOptionKey(result)] = result\n            })\n            return { options, hasMore: offset + limit < count }\n          })\n        })\n        .catch(error => {\n          if (error) console.error(error)\n          // TODO: gracefully handle error\n        })\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      trigger,\n      limit,\n      offset,\n      searchKey,\n      search,\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      ...Object.values(filterOptions || {}),\n    ],\n  )\n\n  // Get options keys\n  let optionKeys: ModelId[] = Object.keys(options)\n  if (!optionKeys.length) return <></>\n  if (typeof getOptionKey(Object.values(options)[0]) === \"number\") {\n    optionKeys = optionKeys.map(Number)\n  }\n\n  function loadNextPage() {\n    setPagination(({ page, limit }) => ({ page: page + 1, limit }))\n  }\n\n  const ListboxComponent: ForwardRefRenderFunction<\n    unknown,\n    HTMLAttributes<HTMLElement>\n  > = ({ children, ...props }, ref) => {\n    const listItems = Children.toArray(children)\n    if (isLoading) listItems.push(<CircularProgress key=\"is-loading\" />)\n    else {\n      if (isError) listItems.push(<SyncError key=\"is-error\" />)\n      if (hasMore) {\n        listItems.push(\n          <Button key=\"load-more\" onClick={loadNextPage}>\n            Load more\n          </Button>,\n        )\n      }\n    }\n\n    return (\n      <ul\n        {...props}\n        // @ts-expect-error ref is assignable\n        ref={ref}\n        onScroll={event => {\n          // If not already loading and scrolled to bottom\n          if (\n            !isLoading &&\n            event.currentTarget.clientHeight + event.currentTarget.scrollTop >=\n              event.currentTarget.scrollHeight\n          ) {\n            loadNextPage()\n          }\n        }}\n      >\n        {listItems}\n      </ul>\n    )\n  }\n\n  return (\n    <AutocompleteField\n      options={optionKeys}\n      getOptionLabel={id => getOptionLabel(options[id])}\n      onInputChange={(_, value, reason) => {\n        setSearch(reason === \"input\" ? value : \"\")\n      }}\n      ListboxComponent={forwardRef(ListboxComponent)}\n      {...otherAutocompleteFieldProps}\n    />\n  )\n}\n\nexport default ApiAutocompleteField\n","import {\n  Autocomplete,\n  type AutocompleteProps,\n  type ChipTypeMap,\n  TextField,\n  type TextFieldProps,\n} from \"@mui/material\"\nimport { type ElementType, type JSX } from \"react\"\nimport { Field, type FieldConfig, type FieldProps } from \"formik\"\nimport {\n  type ValidateOptions,\n  number as YupNumber,\n  string as YupString,\n} from \"yup\"\n\nimport { type FormValues, schemaToFieldValidator } from \"../../utils/form\"\nimport { getNestedProperty } from \"../../utils/general\"\n\nexport interface AutocompleteFieldProps<\n  Value extends string | number,\n  Multiple extends boolean | undefined = false,\n  DisableClearable extends boolean | undefined = false,\n  FreeSolo extends boolean | undefined = false,\n  ChipComponent extends ElementType = ChipTypeMap[\"defaultComponent\"],\n> extends Omit<\n    AutocompleteProps<\n      Value,\n      Multiple,\n      DisableClearable,\n      FreeSolo,\n      ChipComponent\n    >,\n    \"renderInput\" | \"defaultValue\" | \"onChange\" | \"onBlur\" | \"value\"\n  > {\n  textFieldProps: Omit<\n    TextFieldProps,\n    | \"name\"\n    | \"value\"\n    | \"onChange\"\n    | \"onBlur\"\n    | \"error\"\n    | \"helperText\"\n    | \"defaultValue\"\n    | \"type\"\n  > & {\n    name: string\n  }\n  validateOptions?: ValidateOptions\n}\n\nconst AutocompleteField = <\n  Value extends string | number,\n  Multiple extends boolean | undefined = false,\n  DisableClearable extends boolean | undefined = false,\n  FreeSolo extends boolean | undefined = false,\n  ChipComponent extends ElementType = ChipTypeMap[\"defaultComponent\"],\n>({\n  textFieldProps,\n  options,\n  validateOptions,\n  ...otherAutocompleteProps\n}: AutocompleteFieldProps<\n  Value,\n  Multiple,\n  DisableClearable,\n  FreeSolo,\n  ChipComponent\n>): JSX.Element => {\n  const { id, name, required, ...otherTextFieldProps } = textFieldProps\n\n  const dotPath = name.split(\".\")\n\n  const message = \"not a valid option\"\n  let schema =\n    typeof options[0] === \"string\"\n      ? YupString().oneOf(options as readonly string[], message)\n      : YupNumber().oneOf(options as readonly number[], message)\n  if (required) schema = schema.required()\n\n  const fieldConfig: FieldConfig = {\n    name,\n    type: typeof options[0] === \"string\" ? \"text\" : \"number\",\n    validate: schemaToFieldValidator(schema, validateOptions),\n  }\n\n  return (\n    <Field {...fieldConfig}>\n      {({ form, meta }: FieldProps) => {\n        const value = getNestedProperty(\n          form.values as FormValues,\n          dotPath,\n        ) as string\n        const touched = getNestedProperty(form.touched, dotPath) as boolean\n        const error = getNestedProperty(form.errors, dotPath) as\n          | string\n          | undefined\n\n        return (\n          <Autocomplete\n            options={options}\n            // @ts-expect-error value can be assigned\n            defaultValue={\n              meta.initialValue === \"\"\n                ? undefined\n                : (meta.initialValue as string)\n            }\n            renderInput={({\n              id: _, // eslint-disable-line @typescript-eslint/no-unused-vars\n              ...otherParams\n            }) => (\n              <TextField\n                id={id ?? name}\n                name={name}\n                required={required}\n                type=\"text\" // Force to be string to avoid number incrementor/decrementor\n                value={value}\n                error={touched && Boolean(error)}\n                helperText={touched && error}\n                {...otherTextFieldProps}\n                {...otherParams}\n              />\n            )}\n            onChange={(_, value) => {\n              void form.setFieldValue(name, value ?? undefined, true)\n            }}\n            onBlur={form.handleBlur}\n            {...otherAutocompleteProps}\n          />\n        )\n      }}\n    </Field>\n  )\n}\n\nexport default AutocompleteField\n","import {\n  Checkbox,\n  type CheckboxProps,\n  FormControl,\n  FormControlLabel,\n  type FormControlLabelProps,\n  FormHelperText,\n} from \"@mui/material\"\nimport { Field, type FieldConfig, type FieldProps } from \"formik\"\nimport { type ValidateOptions, bool as YupBool } from \"yup\"\nimport { type FC } from \"react\"\n\nimport { type FormValues, schemaToFieldValidator } from \"../../utils/form\"\nimport { getNestedProperty } from \"../../utils/general\"\n\nexport interface CheckboxFieldProps\n  extends Omit<\n    CheckboxProps,\n    \"defaultChecked\" | \"value\" | \"onChange\" | \"onBlur\"\n  > {\n  name: string\n  formControlLabelProps: Omit<FormControlLabelProps, \"control\">\n  errorMessage?: string\n  validateOptions?: ValidateOptions\n}\n\nconst CheckboxField: FC<CheckboxFieldProps> = ({\n  id,\n  name,\n  formControlLabelProps,\n  required = false,\n  errorMessage = \"this is a required field\",\n  validateOptions,\n  ...otherCheckboxProps\n}) => {\n  const dotPath = name.split(\".\")\n\n  let schema = YupBool()\n  if (required) schema = schema.oneOf([true], errorMessage)\n\n  const fieldConfig: FieldConfig = {\n    name,\n    type: \"checkbox\",\n    validate: schemaToFieldValidator(schema, validateOptions),\n  }\n\n  return (\n    <Field {...fieldConfig}>\n      {({ form, meta }: FieldProps) => {\n        const touched = getNestedProperty(form.touched, dotPath) as boolean\n        const error = getNestedProperty(form.errors, dotPath) as\n          | string\n          | undefined\n        const value = getNestedProperty(\n          form.values as FormValues,\n          dotPath,\n        ) as boolean\n\n        const hasError = touched && Boolean(error)\n\n        // https://mui.com/material-ui/react-checkbox/#formgroup\n        return (\n          <FormControl error={hasError} required={required}>\n            <FormControlLabel\n              control={\n                <Checkbox\n                  defaultChecked={meta.initialValue as boolean}\n                  id={id ?? name}\n                  name={name}\n                  value={value}\n                  onChange={form.handleChange}\n                  onBlur={form.handleBlur}\n                  {...otherCheckboxProps}\n                />\n              }\n              {...formControlLabelProps}\n            />\n            {hasError && <FormHelperText>{error}</FormHelperText>}\n          </FormControl>\n        )\n      }}\n    </Field>\n  )\n}\n\nexport default CheckboxField\n","import { type ElementType, type JSX } from \"react\"\nimport { type ChipTypeMap } from \"@mui/material\"\n\nimport AutocompleteField, {\n  type AutocompleteFieldProps,\n} from \"./AutocompleteField\"\nimport {\n  COUNTRY_ISO_CODES,\n  COUNTRY_ISO_CODE_MAPPING,\n  type CountryIsoCodes,\n} from \"../../utils/general\"\n\nexport interface CountryFieldProps<\n  Multiple extends boolean | undefined = false,\n  DisableClearable extends boolean | undefined = false,\n  FreeSolo extends boolean | undefined = false,\n  ChipComponent extends ElementType = ChipTypeMap[\"defaultComponent\"],\n> extends Omit<\n    AutocompleteFieldProps<\n      string,\n      Multiple,\n      DisableClearable,\n      FreeSolo,\n      ChipComponent\n    >,\n    \"options\" | \"textFieldProps\" | \"getOptionLabel\"\n  > {\n  textFieldProps?: Omit<\n    AutocompleteFieldProps<\n      string,\n      Multiple,\n      DisableClearable,\n      FreeSolo,\n      ChipComponent\n    >[\"textFieldProps\"],\n    \"name\"\n  > & {\n    name?: string\n  }\n}\n\nconst CountryField = <\n  Multiple extends boolean | undefined = false,\n  DisableClearable extends boolean | undefined = false,\n  FreeSolo extends boolean | undefined = false,\n  ChipComponent extends ElementType = ChipTypeMap[\"defaultComponent\"],\n>({\n  textFieldProps,\n  ...otherAutocompleteFieldProps\n}: CountryFieldProps<\n  Multiple,\n  DisableClearable,\n  FreeSolo,\n  ChipComponent\n>): JSX.Element => {\n  const {\n    name = \"country\",\n    label = \"Country\",\n    placeholder = \"Select your country\",\n    ...otherTextFieldProps\n  } = textFieldProps || {}\n\n  return (\n    <AutocompleteField\n      options={COUNTRY_ISO_CODES}\n      getOptionLabel={isoCode =>\n        COUNTRY_ISO_CODE_MAPPING[isoCode as CountryIsoCodes]\n      }\n      textFieldProps={{ name, label, placeholder, ...otherTextFieldProps }}\n      {...otherAutocompleteFieldProps}\n    />\n  )\n}\n\nexport default CountryField\n","import \"dayjs/locale/en-gb\"\nimport {\n  DatePicker,\n  type DatePickerProps,\n  LocalizationProvider,\n} from \"@mui/x-date-pickers\"\nimport { Field, type FieldConfig, type FieldProps } from \"formik\"\nimport { type ValidateOptions, date as YupDate } from \"yup\"\nimport dayjs, { type Dayjs } from \"dayjs\"\nimport { AdapterDayjs } from \"@mui/x-date-pickers/AdapterDayjs\"\nimport { type JSX } from \"react\"\n\nimport { type FormValues, schemaToFieldValidator } from \"../../utils/form\"\nimport { getNestedProperty } from \"../../utils/general\"\n\nexport interface DatePickerFieldProps<\n  TEnableAccessibleFieldDOMStructure extends boolean = true,\n> extends Omit<\n    DatePickerProps<TEnableAccessibleFieldDOMStructure>,\n    \"name\" | \"value\" | \"onChange\" | \"slotProps\"\n  > {\n  name: string\n  required?: boolean\n  validateOptions?: ValidateOptions\n}\n\nconst DatePickerField = <\n  TEnableAccessibleFieldDOMStructure extends boolean = false,\n>({\n  name,\n  required,\n  minDate,\n  maxDate,\n  validateOptions,\n  ...otherDatePickerProps\n}: DatePickerFieldProps<TEnableAccessibleFieldDOMStructure>): JSX.Element => {\n  const dotPath = name.split(\".\")\n\n  function dateToString(date: Dayjs) {\n    return date.locale(\"en-gb\").format(\"L\")\n  }\n\n  let schema = YupDate()\n  if (required) schema = schema.required()\n  if (minDate) {\n    schema = schema.min(\n      minDate,\n      `this field must be after or equal to ${dateToString(minDate)}`,\n    )\n  }\n  if (maxDate) {\n    schema = schema.max(\n      maxDate,\n      `this field must be before or equal to ${dateToString(maxDate)}`,\n    )\n  }\n\n  const fieldConfig: FieldConfig = {\n    name,\n    type: \"date\",\n    validate: schemaToFieldValidator(schema, validateOptions),\n  }\n\n  return (\n    <Field {...fieldConfig}>\n      {({ form }: FieldProps) => {\n        const error = getNestedProperty(form.errors, dotPath) as\n          | string\n          | undefined\n        const touched = getNestedProperty(form.touched, dotPath) as boolean\n        let value: Dayjs | null | string = getNestedProperty(\n          form.values as FormValues,\n          dotPath,\n        ) as string\n\n        value = value ? dayjs(value) : null\n\n        function handleChange(value: Dayjs | null) {\n          void form.setFieldValue(\n            name,\n            value && value.isValid() ? value.format(\"YYYY-MM-DD\") : null,\n            true,\n          )\n        }\n\n        return (\n          <LocalizationProvider\n            dateAdapter={AdapterDayjs}\n            adapterLocale=\"en-gb\"\n          >\n            <DatePicker\n              name={name}\n              value={value}\n              minDate={minDate}\n              maxDate={maxDate}\n              onChange={handleChange}\n              slotProps={{\n                textField: {\n                  id: name,\n                  // @ts-expect-error value is compatible\n                  onChange: value => {\n                    handleChange(value as Dayjs | null)\n                  },\n                  onBlur: form.handleBlur,\n                  required,\n                  error: touched && Boolean(error),\n                  helperText: (touched && error) as false | string,\n                },\n              }}\n              {...otherDatePickerProps}\n            />\n          </LocalizationProvider>\n        )\n      }}\n    </Field>\n  )\n}\n\nexport default DatePickerField\n","import { type FC, useEffect, useState } from \"react\"\nimport { Field, type FieldConfig, type FieldProps } from \"formik\"\nimport {\n  TextField as MuiTextField,\n  type TextFieldProps as MuiTextFieldProps,\n} from \"@mui/material\"\nimport { type StringSchema, type ValidateOptions, array as YupArray } from \"yup\"\n\nimport { type FormValues, schemaToFieldValidator } from \"../../utils/form\"\nimport { getNestedProperty } from \"../../utils/general\"\n\nexport type TextFieldProps = Omit<\n  MuiTextFieldProps,\n  | \"name\"\n  | \"value\"\n  | \"onChange\"\n  | \"onBlur\"\n  | \"error\"\n  | \"defaultValue\"\n  | \"helperText\"\n> & {\n  name: string\n  schema: StringSchema\n  validateOptions?: ValidateOptions\n  dirty?: boolean\n  split?: string | RegExp\n  unique?: boolean\n  uniqueCaseInsensitive?: boolean\n}\n\n// https://formik.org/docs/examples/with-material-ui\nconst TextField: FC<TextFieldProps> = ({\n  id,\n  name,\n  schema,\n  type = \"text\",\n  required = false,\n  dirty = false,\n  unique = false,\n  uniqueCaseInsensitive = false,\n  split,\n  validateOptions,\n  ...otherTextFieldProps\n}) => {\n  const [initialValue, setInitialValue] = useState<string | string[]>(\"\")\n\n  const dotPath = name.split(\".\")\n\n  function buildSchema() {\n    // Build a schema for a single string.\n    let stringSchema = schema\n    // 1: Validate string is required.\n    stringSchema = required ? stringSchema.required() : stringSchema.optional()\n    // 2: Validate string is dirty.\n    if (dirty && !split)\n      stringSchema = stringSchema.notOneOf(\n        [initialValue as string],\n        \"cannot be initial value\",\n      )\n    // Return a schema for a single string.\n    if (!split) return stringSchema\n\n    // Build a schema for an array of strings.\n    let arraySchema = YupArray().of(stringSchema)\n    // 1: Validate array has min one string.\n    arraySchema = required\n      ? arraySchema.required().min(1)\n      : arraySchema.optional()\n    // 2: Validate array has unique strings.\n    if (unique || uniqueCaseInsensitive)\n      arraySchema = arraySchema.test({\n        message: \"cannot have duplicates\",\n        test: values => {\n          if (\n            Array.isArray(values) &&\n            values.length >= 2 &&\n            values.every(value => typeof value === \"string\")\n          ) {\n            return (\n              new Set(\n                uniqueCaseInsensitive\n                  ? values.map(value => value.toLowerCase())\n                  : values,\n              ).size === values.length\n            )\n          }\n\n          return true\n        },\n      })\n    // 3: Validate array is dirty.\n    if (dirty)\n      arraySchema = arraySchema.notOneOf(\n        [initialValue as string[]],\n        \"cannot be initial value\",\n      )\n    // Return a schema for an array of strings.\n    return arraySchema\n  }\n\n  const fieldConfig: FieldConfig = {\n    name,\n    type,\n    validate: schemaToFieldValidator(buildSchema(), validateOptions),\n  }\n\n  const FieldInternal: FC<FieldProps> = ({ form }) => {\n    const initialValue = getNestedProperty(\n      form.initialValues as FormValues,\n      dotPath,\n    ) as string\n    const value = getNestedProperty(\n      form.values as FormValues,\n      dotPath,\n    ) as string\n    const error = getNestedProperty(form.errors, dotPath) as string | undefined\n    const touched = getNestedProperty(form.touched, dotPath) as boolean\n\n    useEffect(() => {\n      setInitialValue(initialValue)\n    }, [initialValue])\n\n    useEffect(() => {\n      void form.setFieldValue(\n        name,\n        split && typeof value === \"string\" ? value.split(split) : value,\n        true,\n      )\n    }, [value]) // eslint-disable-line react-hooks/exhaustive-deps\n\n    return (\n      <MuiTextField\n        id={id ?? name}\n        name={name}\n        type={type}\n        required={required}\n        value={value}\n        onChange={form.handleChange}\n        onBlur={form.handleBlur}\n        error={touched && Boolean(error)}\n        helperText={(touched && error) as false | string}\n        {...otherTextFieldProps}\n      />\n    )\n  }\n\n  return <Field {...fieldConfig}>{FieldInternal}</Field>\n}\n\nexport default TextField\n","import { EmailOutlined as EmailOutlinedIcon } from \"@mui/icons-material\"\nimport type { FC } from \"react\"\nimport { InputAdornment } from \"@mui/material\"\nimport { string as YupString } from \"yup\"\n\nimport TextField, { type TextFieldProps } from \"./TextField\"\n\nexport type EmailFieldProps = Omit<TextFieldProps, \"type\" | \"name\" | \"schema\"> &\n  Partial<Pick<TextFieldProps, \"name\">>\n\nconst EmailField: FC<EmailFieldProps> = ({\n  name = \"email\",\n  label = \"Email address\",\n  placeholder = \"Enter your email address\",\n  InputProps = {},\n  ...otherTextFieldProps\n}) => {\n  return (\n    <TextField\n      type=\"email\"\n      schema={YupString().email()}\n      name={name}\n      label={label}\n      placeholder={placeholder}\n      InputProps={{\n        endAdornment: (\n          <InputAdornment position=\"end\">\n            <EmailOutlinedIcon />\n          </InputAdornment>\n        ),\n        ...InputProps,\n      }}\n      {...otherTextFieldProps}\n    />\n  )\n}\n\nexport default EmailField\n","import type { FC } from \"react\"\nimport { InputAdornment } from \"@mui/material\"\nimport { PersonOutlined as PersonOutlinedIcon } from \"@mui/icons-material\"\n\nimport TextField, { type TextFieldProps } from \"./TextField\"\nimport { schemas } from \"../../api\"\n\nexport type FirstNameFieldProps = Omit<\n  TextFieldProps,\n  \"type\" | \"name\" | \"schema\"\n> &\n  Partial<Pick<TextFieldProps, \"name\">>\n\nconst FirstNameField: FC<FirstNameFieldProps> = ({\n  name = \"first_name\",\n  label = \"First name\",\n  placeholder = \"Enter your first name\",\n  InputProps = {},\n  ...otherTextFieldProps\n}) => {\n  return (\n    <TextField\n      schema={schemas.user.first_name}\n      name={name}\n      label={label}\n      placeholder={placeholder}\n      InputProps={{\n        endAdornment: (\n          <InputAdornment position=\"end\">\n            <PersonOutlinedIcon />\n          </InputAdornment>\n        ),\n        ...InputProps,\n      }}\n      {...otherTextFieldProps}\n    />\n  )\n}\n\nexport default FirstNameField\n","import {\n  type FC,\n  type JSX,\n  type ReactNode,\n  type RefObject,\n  useEffect,\n  useRef,\n} from \"react\"\nimport { FormHelperText, type FormHelperTextProps } from \"@mui/material\"\nimport {\n  Formik,\n  type FormikConfig,\n  type FormikErrors,\n  Form as FormikForm,\n  type FormikProps,\n} from \"formik\"\nimport type { TypedUseMutation } from \"@reduxjs/toolkit/query/react\"\n\nimport {\n  type FormValues,\n  type SubmitFormOptions,\n  submitForm,\n} from \"../../utils/form\"\nimport { getKeyPaths } from \"../../utils/general\"\n\nconst SCROLL_INTO_VIEW_OPTIONS: ScrollIntoViewOptions = {\n  behavior: \"smooth\",\n  block: \"start\",\n}\n\ntype NonFieldErrorsProps = Omit<FormHelperTextProps, \"error\" | \"ref\"> & {\n  scrollIntoViewOptions?: ScrollIntoViewOptions\n}\n\nconst NonFieldErrors: FC<NonFieldErrorsProps> = ({\n  scrollIntoViewOptions = SCROLL_INTO_VIEW_OPTIONS,\n  ...formHelperTextProps\n}) => {\n  const pRef = useRef<HTMLParagraphElement>(null)\n\n  useEffect(() => {\n    if (pRef.current) pRef.current.scrollIntoView(scrollIntoViewOptions)\n  }, [scrollIntoViewOptions])\n\n  return <FormHelperText ref={pRef} error {...formHelperTextProps} />\n}\n\nexport type FormErrors<Values> = FormikErrors<\n  Omit<Values, \"__all__\"> & { __all__: string }\n>\n\ntype _FormikProps<Values> = Omit<FormikProps<Values>, \"errors\"> & {\n  errors: FormErrors<Values>\n}\n\ntype BaseFormProps<Values> = Omit<FormikConfig<Values>, \"children\"> & {\n  children: ReactNode | ((props: _FormikProps<Values>) => ReactNode)\n  scrollIntoViewOptions?: ScrollIntoViewOptions\n  nonFieldErrorsProps?: Omit<NonFieldErrorsProps, \"children\">\n  fieldRefs?: Array<{\n    name: string\n    inputRef: RefObject<HTMLInputElement | null>\n  }>\n}\n\nconst BaseForm = <Values extends FormValues>({\n  children,\n  scrollIntoViewOptions = SCROLL_INTO_VIEW_OPTIONS,\n  nonFieldErrorsProps,\n  fieldRefs = [],\n  ...otherFormikProps\n}: BaseFormProps<Values>) => (\n  <Formik {...otherFormikProps}>\n    {/* @ts-expect-error value is assignable */}\n    {(formik: _FormikProps<Values>) => {\n      const hasErrors = Boolean(Object.keys(formik.errors).length)\n      const hasNonFieldErrors =\n        hasErrors && typeof formik.errors.__all__ === \"string\"\n\n      // If a submission was attempted and refs to the fields were provided.\n      if (\n        hasErrors &&\n        !hasNonFieldErrors &&\n        formik.isSubmitting &&\n        fieldRefs.length\n      ) {\n        const errorNames = getKeyPaths(formik.errors)\n\n        const input = fieldRefs.find(({ name }) => errorNames.includes(name))\n          ?.inputRef.current\n\n        if (input) input.scrollIntoView(scrollIntoViewOptions)\n      }\n\n      return (\n        <>\n          {hasNonFieldErrors && (\n            <NonFieldErrors {...nonFieldErrorsProps}>\n              {formik.errors.__all__ as string}\n            </NonFieldErrors>\n          )}\n          <FormikForm>\n            {typeof children === \"function\" ? children(formik) : children}\n          </FormikForm>\n        </>\n      )\n    }}\n  </Formik>\n)\n\ntype SubmitFormProps<\n  Values extends FormValues,\n  QueryArg extends FormValues,\n  ResultType,\n> = Omit<BaseFormProps<Values>, \"onSubmit\"> & {\n  useMutation: TypedUseMutation<ResultType, QueryArg, any>\n} & (Values extends QueryArg\n    ? { submitOptions?: SubmitFormOptions<Values, QueryArg, ResultType> }\n    : { submitOptions: SubmitFormOptions<Values, QueryArg, ResultType> })\n\nconst SubmitForm = <\n  Values extends FormValues,\n  QueryArg extends FormValues,\n  ResultType,\n>({\n  useMutation,\n  submitOptions,\n  ...baseFormProps\n}: SubmitFormProps<Values, QueryArg, ResultType>): JSX.Element => {\n  const [trigger] = useMutation()\n\n  return (\n    <BaseForm\n      {...baseFormProps}\n      onSubmit={submitForm<Values, QueryArg, ResultType>(\n        trigger,\n        baseFormProps.initialValues,\n        submitOptions as SubmitFormOptions<Values, QueryArg, ResultType>,\n      )}\n    />\n  )\n}\n\nexport type FormProps<\n  Values extends FormValues,\n  QueryArg extends FormValues,\n  ResultType,\n> = BaseFormProps<Values> | SubmitFormProps<Values, QueryArg, ResultType>\n\nconst Form: {\n  <Values extends FormValues>(props: BaseFormProps<Values>): JSX.Element\n  <Values extends FormValues, QueryArg extends FormValues, ResultType>(\n    props: SubmitFormProps<Values, QueryArg, ResultType>,\n  ): JSX.Element\n} = <\n  Values extends FormValues = FormValues,\n  QueryArg extends FormValues = FormValues,\n  ResultType = any,\n>(\n  props: FormProps<Values, QueryArg, ResultType>,\n): JSX.Element => {\n  return \"onSubmit\" in props ? <BaseForm {...props} /> : SubmitForm(props)\n}\n\nexport default Form\n","import { type FC } from \"react\"\nimport { string as YupString } from \"yup\"\n\nimport TextField, { type TextFieldProps } from \"./TextField\"\n\nexport type OtpFieldProps = Omit<\n  TextFieldProps,\n  \"name\" | \"schema\" | \"required\"\n> &\n  Partial<Pick<TextFieldProps, \"name\">>\n\nconst OtpField: FC<OtpFieldProps> = ({\n  name = \"otp\",\n  label = \"OTP\",\n  placeholder = \"Enter your OTP\",\n  ...otherTextFieldProps\n}) => (\n  <TextField\n    name={name}\n    label={label}\n    schema={YupString().matches(/^[0-9]{6}$/, \"Must be exactly 6 digits.\")}\n    placeholder={placeholder}\n    required\n    {...otherTextFieldProps}\n  />\n)\n\nexport default OtpField\n","import {\n  type Dispatch,\n  type FC,\n  type SetStateAction,\n  useEffect,\n  useState,\n} from \"react\"\nimport { Field, type FieldConfig, type FieldProps } from \"formik\"\nimport { TextField as MuiTextField, type TextFieldProps } from \"@mui/material\"\nimport { type ValidateOptions, string as YupString } from \"yup\"\n\nimport { type FormValues, schemaToFieldValidator } from \"../../utils/form\"\nimport { getNestedProperty } from \"../../utils/general\"\n\nexport type RepeatFieldProps = Omit<\n  TextFieldProps,\n  | \"name\"\n  | \"value\"\n  | \"onChange\"\n  | \"onBlur\"\n  | \"error\"\n  | \"helperText\"\n  | \"defaultValue\"\n  | \"required\"\n> & {\n  name: string\n  validateOptions?: ValidateOptions\n}\n\nconst TextField: FC<\n  RepeatFieldProps & {\n    repeatName: string\n    setValue: Dispatch<SetStateAction<string>>\n    fieldProps: FieldProps\n  }\n> = ({\n  id,\n  repeatName,\n  setValue,\n  fieldProps,\n  name,\n  label,\n  placeholder,\n  type,\n  ...otherTextFieldProps\n}) => {\n  const { form } = fieldProps\n\n  const dotPath = name.split(\".\")\n  const value = getNestedProperty(form.values as FormValues, dotPath) as string\n\n  const repeatDotPath = repeatName.split(\".\")\n  const repeatValue = getNestedProperty(\n    form.values as FormValues,\n    repeatDotPath,\n  ) as string\n  const repeatTouched = getNestedProperty(\n    form.touched,\n    repeatDotPath,\n  ) as boolean\n  const repeatError = getNestedProperty(form.errors, repeatDotPath) as\n    | string\n    | undefined\n\n  useEffect(() => {\n    setValue(value)\n  }, [setValue, value])\n\n  return (\n    <MuiTextField\n      required\n      type={type}\n      label={label ?? `Repeat ${name.replace(\"_\", \" \")}`}\n      placeholder={placeholder ?? `Enter your ${name.replace(\"_\", \" \")} again`}\n      id={id ?? repeatName}\n      name={repeatName}\n      value={repeatValue}\n      onChange={form.handleChange}\n      onBlur={form.handleBlur}\n      error={repeatTouched && Boolean(repeatError)}\n      helperText={(repeatTouched && repeatError) as false | string}\n      {...otherTextFieldProps}\n    />\n  )\n}\n\n// https://formik.org/docs/examples/with-material-ui\nconst RepeatField: FC<RepeatFieldProps> = ({\n  name,\n  type = \"text\",\n  validateOptions,\n  ...otherTextFieldProps\n}) => {\n  const [value, setValue] = useState(\"\")\n\n  const repeatName = `${name}_repeat`\n\n  const fieldConfig: FieldConfig = {\n    name: repeatName,\n    type,\n    validate: schemaToFieldValidator(\n      YupString().required().equals([value], \"does not match\"),\n      validateOptions,\n    ),\n  }\n\n  return (\n    <Field {...fieldConfig}>\n      {(fieldProps: FieldProps) => (\n        <TextField\n          name={name}\n          type={type}\n          repeatName={repeatName}\n          setValue={setValue}\n          fieldProps={fieldProps}\n          {...otherTextFieldProps}\n        />\n      )}\n    </Field>\n  )\n}\n\nexport default RepeatField\n","import { type FC, useState } from \"react\"\nimport { IconButton, InputAdornment } from \"@mui/material\"\nimport {\n  Visibility as VisibilityIcon,\n  VisibilityOff as VisibilityOffIcon,\n} from \"@mui/icons-material\"\nimport { string as YupString } from \"yup\"\n\nimport RepeatField, { type RepeatFieldProps } from \"./RepeatField\"\nimport TextField, { type TextFieldProps } from \"./TextField\"\n\nexport type PasswordFieldProps = Omit<\n  TextFieldProps,\n  \"type\" | \"name\" | \"schema\" | \"autoComplete\"\n> &\n  Partial<Pick<TextFieldProps, \"name\" | \"schema\">> & {\n    withRepeatField?: boolean\n    repeatFieldProps?: Omit<RepeatFieldProps, \"name\" | \"type\">\n  }\n\nconst PasswordField: FC<PasswordFieldProps> = ({\n  name = \"password\",\n  label = \"Password\",\n  placeholder = \"Enter your password\",\n  schema = YupString(),\n  InputProps = {},\n  withRepeatField = false,\n  repeatFieldProps = {},\n  ...otherTextFieldProps\n}) => {\n  const [isVisible, setIsVisible] = useState(false)\n\n  const type = isVisible ? \"text\" : \"password\"\n  const endAdornment = (\n    <InputAdornment position=\"end\">\n      <IconButton\n        onClick={() => {\n          setIsVisible(previousIsVisible => !previousIsVisible)\n        }}\n        edge=\"end\"\n      >\n        {isVisible ? <VisibilityIcon /> : <VisibilityOffIcon />}\n      </IconButton>\n    </InputAdornment>\n  )\n\n  return (\n    <>\n      <TextField\n        autoComplete=\"off\"\n        type={type}\n        name={name}\n        label={label}\n        schema={schema}\n        placeholder={placeholder}\n        InputProps={{ endAdornment, ...InputProps }}\n        {...otherTextFieldProps}\n      />\n      {withRepeatField && (\n        <RepeatField\n          name={name}\n          type={type}\n          {...repeatFieldProps}\n          InputProps={{ endAdornment, ...repeatFieldProps.InputProps }}\n        />\n      )}\n    </>\n  )\n}\n\nexport default PasswordField\n","import { Button, type ButtonProps } from \"@mui/material\"\nimport { Field, type FieldProps } from \"formik\"\nimport type { FC } from \"react\"\n\nimport { type FormValues } from \"../../utils/form\"\n\nexport interface SubmitButtonProps\n  extends Omit<ButtonProps, \"type\" | \"onClick\"> {}\n\nconst SubmitButton: FC<SubmitButtonProps> = ({\n  children = \"Submit\",\n  ...otherButtonProps\n}) => {\n  function getTouched(\n    values: Record<string, any>,\n    touched?: Record<string, any>,\n  ) {\n    touched = touched || {}\n    for (const key in values) {\n      const value: unknown = values[key]\n      touched[key] =\n        value instanceof Object && value.constructor === Object\n          ? getTouched(value, touched)\n          : true\n    }\n\n    return touched\n  }\n\n  return (\n    <Field name=\"submit\" type=\"submit\">\n      {({ form }: FieldProps) => (\n        <Button\n          type=\"button\"\n          onClick={() => {\n            void form\n              .setTouched(getTouched(form.values as FormValues), true)\n              .then(errors => {\n                const hasErrors = Boolean(errors && Object.keys(errors).length)\n                // If has errors, set isSubmitting=true so fields in the form are\n                // aware that a submission was attempted. Else, set\n                // isSubmitting=false as it will be set to true when calling\n                // submitForm().\n                form.setSubmitting(hasErrors)\n                if (!hasErrors) void form.submitForm()\n              })\n          }}\n          {...otherButtonProps}\n        >\n          {children}\n        </Button>\n      )}\n    </Field>\n  )\n}\n\nexport default SubmitButton\n","import { type ElementType, type JSX } from \"react\"\nimport { type ChipTypeMap } from \"@mui/material\"\n\nimport AutocompleteField, {\n  type AutocompleteFieldProps,\n} from \"./AutocompleteField\"\nimport { UK_COUNTIES } from \"../../utils/general\"\n\nexport interface UkCountyFieldProps<\n  Multiple extends boolean | undefined = false,\n  DisableClearable extends boolean | undefined = false,\n  FreeSolo extends boolean | undefined = false,\n  ChipComponent extends ElementType = ChipTypeMap[\"defaultComponent\"],\n> extends Omit<\n    AutocompleteFieldProps<\n      string,\n      Multiple,\n      DisableClearable,\n      FreeSolo,\n      ChipComponent\n    >,\n    \"options\" | \"textFieldProps\"\n  > {\n  textFieldProps?: Omit<\n    AutocompleteFieldProps<\n      string,\n      Multiple,\n      DisableClearable,\n      FreeSolo,\n      ChipComponent\n    >[\"textFieldProps\"],\n    \"name\"\n  > & {\n    name?: string\n  }\n}\n\nconst UkCountyField = <\n  Multiple extends boolean | undefined = false,\n  DisableClearable extends boolean | undefined = false,\n  FreeSolo extends boolean | undefined = false,\n  ChipComponent extends ElementType = ChipTypeMap[\"defaultComponent\"],\n>({\n  textFieldProps,\n  ...otherAutocompleteFieldProps\n}: UkCountyFieldProps<\n  Multiple,\n  DisableClearable,\n  FreeSolo,\n  ChipComponent\n>): JSX.Element => {\n  const {\n    name = \"uk_county\",\n    label = \"UK county\",\n    placeholder = \"Select your UK county\",\n    ...otherTextFieldProps\n  } = textFieldProps || {}\n\n  return (\n    <AutocompleteField\n      options={UK_COUNTIES}\n      textFieldProps={{ name, label, placeholder, ...otherTextFieldProps }}\n      {...otherAutocompleteFieldProps}\n    />\n  )\n}\n\nexport default UkCountyField\n"],"names":["ApiAutocompleteField","useLazyListQuery","filterOptions","getOptionLabel","getOptionKey","result","searchKey","otherAutocompleteFieldProps","search","setSearch","useState","trigger","isLoading","isError","limit","offset","setPagination","usePagination","options","hasMore","setState","useEffect","arg","data","count","previousOptions","error","optionKeys","jsx","Fragment","loadNextPage","page","AutocompleteField","id","_","value","reason","forwardRef","children","props","ref","listItems","Children","CircularProgress","SyncError","Button","event","textFieldProps","validateOptions","otherAutocompleteProps","name","required","otherTextFieldProps","dotPath","message","schema","YupString","YupNumber","fieldConfig","schemaToFieldValidator","Field","form","meta","getNestedProperty","touched","Autocomplete","otherParams","TextField","CheckboxField","formControlLabelProps","errorMessage","otherCheckboxProps","YupBool","hasError","jsxs","FormControl","FormControlLabel","Checkbox","FormHelperText","CountryField","label","placeholder","COUNTRY_ISO_CODES","isoCode","COUNTRY_ISO_CODE_MAPPING","DatePickerField","minDate","maxDate","otherDatePickerProps","dateToString","date","YupDate","dayjs","handleChange","LocalizationProvider","AdapterDayjs","DatePicker","type","dirty","unique","uniqueCaseInsensitive","split","initialValue","setInitialValue","buildSchema","stringSchema","arraySchema","YupArray","values","MuiTextField","EmailField","InputProps","InputAdornment","EmailOutlinedIcon","FirstNameField","schemas.user","PersonOutlinedIcon","SCROLL_INTO_VIEW_OPTIONS","NonFieldErrors","scrollIntoViewOptions","formHelperTextProps","pRef","useRef","BaseForm","nonFieldErrorsProps","fieldRefs","otherFormikProps","Formik","formik","hasErrors","hasNonFieldErrors","errorNames","getKeyPaths","input","FormikForm","SubmitForm","useMutation","submitOptions","baseFormProps","submitForm","Form","OtpField","repeatName","setValue","fieldProps","repeatDotPath","repeatValue","repeatTouched","repeatError","RepeatField","PasswordField","withRepeatField","repeatFieldProps","isVisible","setIsVisible","endAdornment","IconButton","previousIsVisible","VisibilityIcon","VisibilityOffIcon","SubmitButton","otherButtonProps","getTouched","key","errors","UkCountyField","UK_COUNTIES"],"mappings":"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"}

package/dist/index-C08WO83n.js

@@ -0,0 +1,237 @@
+import { jsx as r, Fragment as d, jsxs as p } from "react/jsx-runtime";
+import { Box as B, Container as L, Stack as h, Typography as x, IconButton as T, Tabs as j, Tab as I } from "@mui/material";
+import { I as N } from "./Image-mkNhOo5p.js";
+import { useState as S, useEffect as g, Children as k } from "react";
+import { useLocation as P, useParams as Y, useNavigate as E, generatePath as R } from "react-router";
+import { ErrorOutline as A, InfoOutlined as V, CloseOutlined as q, ChevronLeft as z, ChevronRight as F } from "@mui/icons-material";
+import { p as _, t as M, s as W, a as v } from "./palette-CYwuLBW7.js";
+import { a as D } from "./auth-B6anBtxF.js";
+import { L as C } from "./LinkButton-CRDs950E.js";
+import { object as G, string as H } from "yup";
+import { tryValidateSync as J } from "./utils/schema.es.js";
+const m = ({ boxProps: o, ...e }) => /* @__PURE__ */ r(B, { ...o, children: /* @__PURE__ */ r(L, { ...e }) }), O = ({
+  open: o = !0,
+  error: e = !1,
+  onClose: l,
+  children: t,
+  bgcolor: n = "secondary"
+}) => {
+  const [c, s] = S(o);
+  if (g(() => {
+    s(o);
+  }, [o]), !c) return /* @__PURE__ */ r(d, {});
+  const a = _[n].contrastText;
+  return /* @__PURE__ */ r(
+    m,
+    {
+      boxProps: {
+        bgcolor: {
+          secondary: "#ffd23b",
+          tertiary: "#08bafc"
+        }[n]
+      },
+      sx: { paddingY: "5px" },
+      children: /* @__PURE__ */ p(h, { direction: "row", alignItems: "center", gap: 2, children: [
+        e ? /* @__PURE__ */ r(A, { htmlColor: a }) : /* @__PURE__ */ r(V, { htmlColor: a }),
+        /* @__PURE__ */ r(x, { variant: "body2", color: a, mb: 0, children: t }),
+        /* @__PURE__ */ r(
+          T,
+          {
+            style: { marginLeft: "auto" },
+            onClick: () => {
+              s(!1), l !== void 0 && l();
+            },
+            children: /* @__PURE__ */ r(q, { htmlColor: a })
+          }
+        )
+      ] })
+    }
+  );
+}, K = ({
+  children: o,
+  session: e
+}) => {
+  const { state: l } = P();
+  let { scroll: t, notifications: n } = l || {};
+  return t = t || { x: 0, y: 0 }, n = n || [], g(() => {
+    window.scroll(t.x, t.y);
+  }, [t.x, t.y]), /* @__PURE__ */ r(d, { children: D((c) => {
+    if (typeof o == "function" && (o = o(c)), n.length) {
+      const s = k.toArray(o);
+      return n.forEach((a, y) => {
+        s.splice(
+          a.index ?? y,
+          0,
+          /* @__PURE__ */ r(O, { ...a.props })
+        );
+      }), s;
+    }
+    return o;
+  }, e) });
+}, Q = ({
+  header: o,
+  subheader: e,
+  textAlign: l = "start",
+  imageProps: t,
+  button1Props: n,
+  button2Props: c,
+  bgcolor: s = "primary"
+}) => {
+  const a = _[s].contrastText;
+  return /* @__PURE__ */ r(
+    m,
+    {
+      boxProps: {
+        bgcolor: {
+          primary: v[500],
+          secondary: W[500],
+          tertiary: M[500]
+        }[s]
+      },
+      sx: { paddingY: 0 },
+      children: /* @__PURE__ */ p(
+        h,
+        {
+          direction: "row",
+          alignItems: "center",
+          justifyContent: l,
+          gap: 2,
+          children: [
+            /* @__PURE__ */ p(
+              h,
+              {
+                py: {
+                  xs: "80px",
+                  md: t !== void 0 ? 0 : "100px"
+                },
+                textAlign: l,
+                children: [
+                  /* @__PURE__ */ r(
+                    x,
+                    {
+                      variant: "h2",
+                      color: a,
+                      mb: e !== void 0 ? void 0 : 0,
+                      children: o
+                    }
+                  ),
+                  e !== void 0 && /* @__PURE__ */ r(
+                    x,
+                    {
+                      color: a,
+                      variant: "h4",
+                      mb: n !== void 0 ? void 0 : 0,
+                      children: e
+                    }
+                  ),
+                  /* @__PURE__ */ p(h, { direction: "row", gap: 2, children: [
+                    n !== void 0 && /* @__PURE__ */ r(C, { ...n }),
+                    c !== void 0 && /* @__PURE__ */ r(C, { ...c })
+                  ] })
+                ]
+              }
+            ),
+            t !== void 0 && /* @__PURE__ */ r(
+              N,
+              {
+                ...t,
+                display: { xs: "none", md: "block" },
+                maxWidth: "320px",
+                marginLeft: "auto"
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}, U = ({ header: o, tabs: e, originalPath: l, value: t = 0 }) => {
+  const n = Y(), c = E(), [s, a] = S(
+    t < 0 ? 0 : t >= e.length ? e.length - 1 : t
+  ), y = e.map((i) => i.label), w = e.map((i) => i.children), f = e.map((i) => i.path);
+  return g(() => {
+    a(t);
+  }, [t]), g(() => {
+    const i = J(
+      n,
+      G({
+        tab: H().oneOf(f).required()
+      })
+    )?.tab;
+    i !== void 0 && a(f.indexOf(i));
+  }, [n, f]), /* @__PURE__ */ p(d, { children: [
+    /* @__PURE__ */ r(
+      m,
+      {
+        boxProps: { bgcolor: v[500] },
+        sx: { paddingY: "100px" },
+        className: "flex-center",
+        children: /* @__PURE__ */ r(
+          x,
+          {
+            textAlign: "center",
+            variant: "h2",
+            style: { color: "white" },
+            mb: 0,
+            children: o
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ r(
+      m,
+      {
+        boxProps: { bgcolor: v[300] },
+        sx: { paddingY: "6px" },
+        className: "flex-center",
+        children: /* @__PURE__ */ r(
+          j,
+          {
+            value: s,
+            onChange: (i, u) => {
+              c(
+                R(l, {
+                  tab: f[u]
+                })
+              );
+            },
+            ScrollButtonComponent: ({
+              disabled: i,
+              onClick: u,
+              direction: b
+            }) => /* @__PURE__ */ r(d, { children: i === !1 && /* @__PURE__ */ r(
+              T,
+              {
+                onClick: u,
+                style: {
+                  padding: 0,
+                  [b === "left" ? "marginRight" : "marginLeft"]: "15px",
+                  color: "white"
+                },
+                children: b === "left" ? /* @__PURE__ */ r(d, { children: /* @__PURE__ */ r(z, {}) }) : /* @__PURE__ */ r(d, { children: /* @__PURE__ */ r(F, {}) })
+              }
+            ) }),
+            children: y.map((i) => /* @__PURE__ */ r(I, { disableRipple: !0, label: i }, i))
+          }
+        )
+      }
+    ),
+    w[s]
+  ] });
+}, cr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Banner: Q,
+  Notification: O,
+  Page: K,
+  Section: m,
+  TabBar: U
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Q as B,
+  O as N,
+  K as P,
+  m as S,
+  U as T,
+  cr as i
+};
+//# sourceMappingURL=index-C08WO83n.js.map

package/dist/{index-hdS8RgRc.js.map → index-C08WO83n.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-hdS8RgRc.js","sources":["../src/components/page/Section.tsx","../src/components/page/Notification.tsx","../src/components/page/Page.tsx","../src/components/page/Banner.tsx","../src/components/page/TabBar.tsx"],"sourcesContent":["import {\n  Box,\n  type BoxProps,\n  Container,\n  type ContainerProps,\n} from \"@mui/material\"\nimport type { FC } from \"react\"\n\nexport interface SectionProps extends ContainerProps {\n  boxProps?: Omit<BoxProps, \"children\">\n}\n\nconst Section: FC<SectionProps> = ({ boxProps, ...containerProps }) => {\n  return (\n    <Box {...boxProps}>\n      <Container {...containerProps} />\n    </Box>\n  )\n}\n\nexport default Section\n","import {\n  CloseOutlined as CloseOutlinedIcon,\n  ErrorOutline as ErrorOutlineIcon,\n  InfoOutlined as InfoOutlinedIcon,\n} from \"@mui/icons-material\"\nimport { type FC, type ReactNode, useEffect, useState } from \"react\"\nimport { IconButton, Stack, Typography } from \"@mui/material\"\n\nimport Section from \"./Section\"\nimport palette from \"../../theme/palette\"\n\nexport interface NotificationProps {\n  open?: boolean\n  error?: boolean\n  onClose?: () => void\n  children: ReactNode\n  bgcolor?: \"secondary\" | \"tertiary\"\n}\n\nconst Notification: FC<NotificationProps> = ({\n  open = true,\n  error = false,\n  onClose,\n  children,\n  bgcolor = \"secondary\",\n}) => {\n  const [_open, _setOpen] = useState(open)\n\n  useEffect(() => {\n    _setOpen(open)\n  }, [open])\n\n  if (!_open) return <></>\n\n  // @ts-expect-error guaranteed to be in palette\n  const contrastText = palette[bgcolor].contrastText as string\n\n  return (\n    <Section\n      boxProps={{\n        bgcolor: {\n          secondary: \"#ffd23b\",\n          tertiary: \"#08bafc\",\n        }[bgcolor],\n      }}\n      sx={{ paddingY: \"5px\" }}\n    >\n      <Stack direction=\"row\" alignItems=\"center\" gap={2}>\n        {error ? (\n          <ErrorOutlineIcon htmlColor={contrastText} />\n        ) : (\n          <InfoOutlinedIcon htmlColor={contrastText} />\n        )}\n        <Typography variant=\"body2\" color={contrastText} mb={0}>\n          {children}\n        </Typography>\n        <IconButton\n          style={{ marginLeft: \"auto\" }}\n          onClick={() => {\n            _setOpen(false)\n            if (onClose !== undefined) onClose()\n          }}\n        >\n          <CloseOutlinedIcon htmlColor={contrastText} />\n        </IconButton>\n      </Stack>\n    </Section>\n  )\n}\n\nexport default Notification\n","import { Children, type JSX, useEffect } from \"react\"\nimport { type Location, useLocation } from \"react-router\"\n\nimport Notification, { type NotificationProps } from \"./Notification\"\nimport {\n  type SessionMetadata,\n  type UseSessionChildren,\n  type UseSessionChildrenFunction,\n  type UseSessionOptions,\n  useSession,\n} from \"../../hooks/auth\"\n\nexport type PageState = {\n  notifications: Array<{\n    index?: number\n    props: NotificationProps\n  }>\n  scroll: { x: number; y: number }\n}\n\nexport interface PageProps<\n  SessionUserType extends SessionMetadata[\"user_type\"] | undefined,\n> {\n  children: UseSessionChildren<SessionUserType>\n  session?: UseSessionOptions<SessionUserType>\n}\n\nconst Page = <\n  SessionUserType extends SessionMetadata[\"user_type\"] | undefined = undefined,\n>({\n  children,\n  session,\n}: PageProps<SessionUserType>): JSX.Element => {\n  const { state } = useLocation() as Location<null | Partial<PageState>>\n\n  let { scroll, notifications } = state || {}\n  scroll = scroll || { x: 0, y: 0 }\n  notifications = notifications || []\n\n  useEffect(() => {\n    window.scroll(scroll.x, scroll.y)\n  }, [scroll.x, scroll.y])\n\n  return (\n    <>\n      {useSession((metadata?: SessionMetadata) => {\n        if (typeof children === \"function\") {\n          children = metadata\n            ? (children as UseSessionChildrenFunction<true>)(metadata)\n            : (children as UseSessionChildrenFunction<false>)(metadata)\n        }\n\n        if (notifications.length) {\n          const childrenArray = Children.toArray(children)\n\n          notifications.forEach((notification, index) => {\n            void childrenArray.splice(\n              notification.index ?? index,\n              0,\n              <Notification {...notification.props} />,\n            )\n          })\n\n          return childrenArray\n        }\n\n        return children\n      }, session)}\n    </>\n  )\n}\n\nexport default Page\n","import { Stack, Typography } from \"@mui/material\"\n\nimport Image, { type ImageProps } from \"../Image\"\nimport { LinkButton, type LinkButtonProps } from \"../router\"\nimport { primary, secondary, tertiary } from \"../../theme/colors\"\nimport Section from \"./Section\"\nimport palette from \"../../theme/palette\"\n\nexport interface BannerProps<\n  Button1State extends Record<string, any> = Record<string, any>,\n  Button2State extends Record<string, any> = Record<string, any>,\n> {\n  header: string\n  subheader?: string\n  textAlign?: \"start\" | \"center\"\n  imageProps?: ImageProps\n  button1Props?: LinkButtonProps<\"to\", Button1State>\n  button2Props?: LinkButtonProps<\"to\", Button2State>\n  bgcolor?: \"primary\" | \"secondary\" | \"tertiary\"\n}\n\nconst Banner = <\n  Button1State extends Record<string, any> = Record<string, any>,\n  Button2State extends Record<string, any> = Record<string, any>,\n>({\n  header,\n  subheader,\n  textAlign = \"start\",\n  imageProps,\n  button1Props,\n  button2Props,\n  bgcolor = \"primary\",\n}: BannerProps<Button1State, Button2State>) => {\n  // @ts-expect-error guaranteed to be in palette\n  const contrastText = palette[bgcolor].contrastText as string\n\n  return (\n    <Section\n      boxProps={{\n        bgcolor: {\n          primary: primary[500],\n          secondary: secondary[500],\n          tertiary: tertiary[500],\n        }[bgcolor],\n      }}\n      sx={{ paddingY: 0 }}\n    >\n      <Stack\n        direction=\"row\"\n        alignItems=\"center\"\n        justifyContent={textAlign}\n        gap={2}\n      >\n        <Stack\n          py={{\n            xs: \"80px\",\n            md: imageProps !== undefined ? 0 : \"100px\",\n          }}\n          textAlign={textAlign}\n        >\n          <Typography\n            variant=\"h2\"\n            color={contrastText}\n            mb={subheader !== undefined ? undefined : 0}\n          >\n            {header}\n          </Typography>\n          {subheader !== undefined && (\n            <Typography\n              color={contrastText}\n              variant=\"h4\"\n              mb={button1Props !== undefined ? undefined : 0}\n            >\n              {subheader}\n            </Typography>\n          )}\n          <Stack direction=\"row\" gap={2}>\n            {button1Props !== undefined && <LinkButton {...button1Props} />}\n            {button2Props !== undefined && <LinkButton {...button2Props} />}\n          </Stack>\n        </Stack>\n        {imageProps !== undefined && (\n          <Image\n            {...imageProps}\n            display={{ xs: \"none\", md: \"block\" }}\n            maxWidth=\"320px\"\n            marginLeft=\"auto\"\n          />\n        )}\n      </Stack>\n    </Section>\n  )\n}\n\nexport default Banner\n","import {\n  ChevronLeft as ChevronLeftIcon,\n  ChevronRight as ChevronRightIcon,\n} from \"@mui/icons-material\"\nimport { type FC, type ReactNode, useEffect, useState } from \"react\"\nimport {\n  IconButton,\n  Tab,\n  type TabScrollButtonProps,\n  Tabs,\n  Typography,\n} from \"@mui/material\"\nimport { object as YupObject, string as YupString } from \"yup\"\nimport { generatePath, useNavigate, useParams } from \"react-router\"\n\nimport Section from \"./Section\"\nimport { primary } from \"../../theme/colors\"\nimport { tryValidateSync } from \"../../utils/schema\"\n\nexport interface TabBarProps {\n  header: string\n  tabs: Array<{\n    label: string\n    children: ReactNode\n    path: string\n  }>\n  originalPath: string\n  value?: number\n}\n\nconst TabBar: FC<TabBarProps> = ({ header, tabs, originalPath, value = 0 }) => {\n  const params = useParams()\n  const navigate = useNavigate()\n  const [_value, _setValue] = useState(\n    value < 0 ? 0 : value >= tabs.length ? tabs.length - 1 : value,\n  )\n\n  const labels = tabs.map(tab => tab.label)\n  const children = tabs.map(tab => tab.children)\n  const paths = tabs.map(tab => tab.path)\n\n  useEffect(() => {\n    _setValue(value)\n  }, [value])\n\n  useEffect(() => {\n    const tab = tryValidateSync(\n      params,\n      YupObject({\n        tab: YupString().oneOf(paths).required(),\n      }),\n    )?.tab\n\n    if (tab !== undefined) {\n      _setValue(paths.indexOf(tab))\n    }\n  }, [params, paths])\n\n  return (\n    <>\n      <Section\n        boxProps={{ bgcolor: primary[500] }}\n        sx={{ paddingY: \"100px\" }}\n        className=\"flex-center\"\n      >\n        <Typography\n          textAlign=\"center\"\n          variant=\"h2\"\n          style={{ color: \"white\" }}\n          mb={0}\n        >\n          {header}\n        </Typography>\n      </Section>\n      <Section\n        boxProps={{ bgcolor: primary[300] }}\n        sx={{ paddingY: \"6px\" }}\n        className=\"flex-center\"\n      >\n        <Tabs\n          value={_value}\n          onChange={(_, value: number) => {\n            void navigate(\n              generatePath(originalPath, {\n                tab: paths[value],\n              }),\n            )\n          }}\n          ScrollButtonComponent={({\n            disabled,\n            onClick,\n            direction,\n          }: TabScrollButtonProps) => {\n            return (\n              <>\n                {disabled === false && (\n                  <IconButton\n                    onClick={onClick}\n                    style={{\n                      padding: 0,\n                      [direction === \"left\" ? \"marginRight\" : \"marginLeft\"]:\n                        \"15px\",\n                      color: \"white\",\n                    }}\n                  >\n                    {direction === \"left\" ? (\n                      <>\n                        <ChevronLeftIcon />\n                      </>\n                    ) : (\n                      <>\n                        <ChevronRightIcon />\n                      </>\n                    )}\n                  </IconButton>\n                )}\n              </>\n            )\n          }}\n        >\n          {labels.map(label => (\n            <Tab disableRipple key={label} label={label} />\n          ))}\n        </Tabs>\n      </Section>\n      {children[_value]}\n    </>\n  )\n}\n\nexport default TabBar\n"],"names":["Section","boxProps","containerProps","jsx","Box","Container","Notification","open","error","onClose","children","bgcolor","_open","_setOpen","useState","useEffect","Fragment","contrastText","palette","Stack","ErrorOutlineIcon","InfoOutlinedIcon","Typography","IconButton","CloseOutlinedIcon","Page","session","state","useLocation","scroll","notifications","useSession","metadata","childrenArray","Children","notification","index","Banner","header","subheader","textAlign","imageProps","button1Props","button2Props","primary","secondary","tertiary","jsxs","LinkButton","Image","TabBar","tabs","originalPath","value","params","useParams","navigate","useNavigate","_value","_setValue","labels","tab","paths","tryValidateSync","YupObject","YupString","Tabs","_","generatePath","disabled","onClick","direction","ChevronLeftIcon","ChevronRightIcon","label","Tab"],"mappings":"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"}
+{"version":3,"file":"index-C08WO83n.js","sources":["../src/components/page/Section.tsx","../src/components/page/Notification.tsx","../src/components/page/Page.tsx","../src/components/page/Banner.tsx","../src/components/page/TabBar.tsx"],"sourcesContent":["import {\n  Box,\n  type BoxProps,\n  Container,\n  type ContainerProps,\n} from \"@mui/material\"\nimport type { FC } from \"react\"\n\nexport interface SectionProps extends ContainerProps {\n  boxProps?: Omit<BoxProps, \"children\">\n}\n\nconst Section: FC<SectionProps> = ({ boxProps, ...containerProps }) => {\n  return (\n    <Box {...boxProps}>\n      <Container {...containerProps} />\n    </Box>\n  )\n}\n\nexport default Section\n","import {\n  CloseOutlined as CloseOutlinedIcon,\n  ErrorOutline as ErrorOutlineIcon,\n  InfoOutlined as InfoOutlinedIcon,\n} from \"@mui/icons-material\"\nimport { type FC, type ReactNode, useEffect, useState } from \"react\"\nimport { IconButton, Stack, Typography } from \"@mui/material\"\n\nimport Section from \"./Section\"\nimport palette from \"../../theme/palette\"\n\nexport interface NotificationProps {\n  open?: boolean\n  error?: boolean\n  onClose?: () => void\n  children: ReactNode\n  bgcolor?: \"secondary\" | \"tertiary\"\n}\n\nconst Notification: FC<NotificationProps> = ({\n  open = true,\n  error = false,\n  onClose,\n  children,\n  bgcolor = \"secondary\",\n}) => {\n  const [_open, _setOpen] = useState(open)\n\n  useEffect(() => {\n    _setOpen(open)\n  }, [open])\n\n  if (!_open) return <></>\n\n  // @ts-expect-error guaranteed to be in palette\n  const contrastText = palette[bgcolor].contrastText as string\n\n  return (\n    <Section\n      boxProps={{\n        bgcolor: {\n          secondary: \"#ffd23b\",\n          tertiary: \"#08bafc\",\n        }[bgcolor],\n      }}\n      sx={{ paddingY: \"5px\" }}\n    >\n      <Stack direction=\"row\" alignItems=\"center\" gap={2}>\n        {error ? (\n          <ErrorOutlineIcon htmlColor={contrastText} />\n        ) : (\n          <InfoOutlinedIcon htmlColor={contrastText} />\n        )}\n        <Typography variant=\"body2\" color={contrastText} mb={0}>\n          {children}\n        </Typography>\n        <IconButton\n          style={{ marginLeft: \"auto\" }}\n          onClick={() => {\n            _setOpen(false)\n            if (onClose !== undefined) onClose()\n          }}\n        >\n          <CloseOutlinedIcon htmlColor={contrastText} />\n        </IconButton>\n      </Stack>\n    </Section>\n  )\n}\n\nexport default Notification\n","import { Children, type JSX, useEffect } from \"react\"\nimport { type Location, useLocation } from \"react-router\"\n\nimport Notification, { type NotificationProps } from \"./Notification\"\nimport {\n  type SessionMetadata,\n  type UseSessionChildren,\n  type UseSessionChildrenFunction,\n  type UseSessionOptions,\n  useSession,\n} from \"../../hooks/auth\"\n\nexport type PageState = {\n  notifications: Array<{\n    index?: number\n    props: NotificationProps\n  }>\n  scroll: { x: number; y: number }\n}\n\nexport interface PageProps<\n  SessionUserType extends SessionMetadata[\"user_type\"] | undefined,\n> {\n  children: UseSessionChildren<SessionUserType>\n  session?: UseSessionOptions<SessionUserType>\n}\n\nconst Page = <\n  SessionUserType extends SessionMetadata[\"user_type\"] | undefined = undefined,\n>({\n  children,\n  session,\n}: PageProps<SessionUserType>): JSX.Element => {\n  const { state } = useLocation() as Location<null | Partial<PageState>>\n\n  let { scroll, notifications } = state || {}\n  scroll = scroll || { x: 0, y: 0 }\n  notifications = notifications || []\n\n  useEffect(() => {\n    window.scroll(scroll.x, scroll.y)\n  }, [scroll.x, scroll.y])\n\n  return (\n    <>\n      {useSession((metadata?: SessionMetadata) => {\n        if (typeof children === \"function\") {\n          children = metadata\n            ? (children as UseSessionChildrenFunction<true>)(metadata)\n            : (children as UseSessionChildrenFunction<false>)(metadata)\n        }\n\n        if (notifications.length) {\n          const childrenArray = Children.toArray(children)\n\n          notifications.forEach((notification, index) => {\n            void childrenArray.splice(\n              notification.index ?? index,\n              0,\n              <Notification {...notification.props} />,\n            )\n          })\n\n          return childrenArray\n        }\n\n        return children\n      }, session)}\n    </>\n  )\n}\n\nexport default Page\n","import { Stack, Typography } from \"@mui/material\"\n\nimport Image, { type ImageProps } from \"../Image\"\nimport { LinkButton, type LinkButtonProps } from \"../router\"\nimport { primary, secondary, tertiary } from \"../../theme/colors\"\nimport Section from \"./Section\"\nimport palette from \"../../theme/palette\"\n\nexport interface BannerProps<\n  Button1State extends Record<string, any> = Record<string, any>,\n  Button2State extends Record<string, any> = Record<string, any>,\n> {\n  header: string\n  subheader?: string\n  textAlign?: \"start\" | \"center\"\n  imageProps?: ImageProps\n  button1Props?: LinkButtonProps<\"to\", Button1State>\n  button2Props?: LinkButtonProps<\"to\", Button2State>\n  bgcolor?: \"primary\" | \"secondary\" | \"tertiary\"\n}\n\nconst Banner = <\n  Button1State extends Record<string, any> = Record<string, any>,\n  Button2State extends Record<string, any> = Record<string, any>,\n>({\n  header,\n  subheader,\n  textAlign = \"start\",\n  imageProps,\n  button1Props,\n  button2Props,\n  bgcolor = \"primary\",\n}: BannerProps<Button1State, Button2State>) => {\n  // @ts-expect-error guaranteed to be in palette\n  const contrastText = palette[bgcolor].contrastText as string\n\n  return (\n    <Section\n      boxProps={{\n        bgcolor: {\n          primary: primary[500],\n          secondary: secondary[500],\n          tertiary: tertiary[500],\n        }[bgcolor],\n      }}\n      sx={{ paddingY: 0 }}\n    >\n      <Stack\n        direction=\"row\"\n        alignItems=\"center\"\n        justifyContent={textAlign}\n        gap={2}\n      >\n        <Stack\n          py={{\n            xs: \"80px\",\n            md: imageProps !== undefined ? 0 : \"100px\",\n          }}\n          textAlign={textAlign}\n        >\n          <Typography\n            variant=\"h2\"\n            color={contrastText}\n            mb={subheader !== undefined ? undefined : 0}\n          >\n            {header}\n          </Typography>\n          {subheader !== undefined && (\n            <Typography\n              color={contrastText}\n              variant=\"h4\"\n              mb={button1Props !== undefined ? undefined : 0}\n            >\n              {subheader}\n            </Typography>\n          )}\n          <Stack direction=\"row\" gap={2}>\n            {button1Props !== undefined && <LinkButton {...button1Props} />}\n            {button2Props !== undefined && <LinkButton {...button2Props} />}\n          </Stack>\n        </Stack>\n        {imageProps !== undefined && (\n          <Image\n            {...imageProps}\n            display={{ xs: \"none\", md: \"block\" }}\n            maxWidth=\"320px\"\n            marginLeft=\"auto\"\n          />\n        )}\n      </Stack>\n    </Section>\n  )\n}\n\nexport default Banner\n","import {\n  ChevronLeft as ChevronLeftIcon,\n  ChevronRight as ChevronRightIcon,\n} from \"@mui/icons-material\"\nimport { type FC, type ReactNode, useEffect, useState } from \"react\"\nimport {\n  IconButton,\n  Tab,\n  type TabScrollButtonProps,\n  Tabs,\n  Typography,\n} from \"@mui/material\"\nimport { object as YupObject, string as YupString } from \"yup\"\nimport { generatePath, useNavigate, useParams } from \"react-router\"\n\nimport Section from \"./Section\"\nimport { primary } from \"../../theme/colors\"\nimport { tryValidateSync } from \"../../utils/schema\"\n\nexport interface TabBarProps {\n  header: string\n  tabs: Array<{\n    label: string\n    children: ReactNode\n    path: string\n  }>\n  originalPath: string\n  value?: number\n}\n\nconst TabBar: FC<TabBarProps> = ({ header, tabs, originalPath, value = 0 }) => {\n  const params = useParams()\n  const navigate = useNavigate()\n  const [_value, _setValue] = useState(\n    value < 0 ? 0 : value >= tabs.length ? tabs.length - 1 : value,\n  )\n\n  const labels = tabs.map(tab => tab.label)\n  const children = tabs.map(tab => tab.children)\n  const paths = tabs.map(tab => tab.path)\n\n  useEffect(() => {\n    _setValue(value)\n  }, [value])\n\n  useEffect(() => {\n    const tab = tryValidateSync(\n      params,\n      YupObject({\n        tab: YupString().oneOf(paths).required(),\n      }),\n    )?.tab\n\n    if (tab !== undefined) {\n      _setValue(paths.indexOf(tab))\n    }\n  }, [params, paths])\n\n  return (\n    <>\n      <Section\n        boxProps={{ bgcolor: primary[500] }}\n        sx={{ paddingY: \"100px\" }}\n        className=\"flex-center\"\n      >\n        <Typography\n          textAlign=\"center\"\n          variant=\"h2\"\n          style={{ color: \"white\" }}\n          mb={0}\n        >\n          {header}\n        </Typography>\n      </Section>\n      <Section\n        boxProps={{ bgcolor: primary[300] }}\n        sx={{ paddingY: \"6px\" }}\n        className=\"flex-center\"\n      >\n        <Tabs\n          value={_value}\n          onChange={(_, value: number) => {\n            void navigate(\n              generatePath(originalPath, {\n                tab: paths[value],\n              }),\n            )\n          }}\n          ScrollButtonComponent={({\n            disabled,\n            onClick,\n            direction,\n          }: TabScrollButtonProps) => {\n            return (\n              <>\n                {disabled === false && (\n                  <IconButton\n                    onClick={onClick}\n                    style={{\n                      padding: 0,\n                      [direction === \"left\" ? \"marginRight\" : \"marginLeft\"]:\n                        \"15px\",\n                      color: \"white\",\n                    }}\n                  >\n                    {direction === \"left\" ? (\n                      <>\n                        <ChevronLeftIcon />\n                      </>\n                    ) : (\n                      <>\n                        <ChevronRightIcon />\n                      </>\n                    )}\n                  </IconButton>\n                )}\n              </>\n            )\n          }}\n        >\n          {labels.map(label => (\n            <Tab disableRipple key={label} label={label} />\n          ))}\n        </Tabs>\n      </Section>\n      {children[_value]}\n    </>\n  )\n}\n\nexport default TabBar\n"],"names":["Section","boxProps","containerProps","jsx","Box","Container","Notification","open","error","onClose","children","bgcolor","_open","_setOpen","useState","useEffect","Fragment","contrastText","palette","Stack","ErrorOutlineIcon","InfoOutlinedIcon","Typography","IconButton","CloseOutlinedIcon","Page","session","state","useLocation","scroll","notifications","useSession","metadata","childrenArray","Children","notification","index","Banner","header","subheader","textAlign","imageProps","button1Props","button2Props","primary","secondary","tertiary","jsxs","LinkButton","Image","TabBar","tabs","originalPath","value","params","useParams","navigate","useNavigate","_value","_setValue","labels","tab","paths","tryValidateSync","YupObject","YupString","Tabs","_","generatePath","disabled","onClick","direction","ChevronLeftIcon","ChevronRightIcon","label","Tab"],"mappings":"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"}