codeforlife 2.11.4 → 2.11.6

package/dist/{index-5C9hpxRF.cjs.map → index-B3QkMBQe.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-5C9hpxRF.cjs","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-B3QkMBQe.cjs","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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"}

package/dist/index-BIL7PoEV.js

@@ -0,0 +1,622 @@
+import { jsx as o, Fragment as j, jsxs as k } from "react/jsx-runtime";
+import { CircularProgress as H, Button as M, Autocomplete as K, TextField as N, FormControl as G, FormControlLabel as W, Checkbox as J, FormHelperText as U, InputAdornment as w, IconButton as Q } from "@mui/material";
+import { useState as E, useEffect as B, forwardRef as X, Children as Z, useRef as ee } from "react";
+import { S as te } from "./api-uh8UKwsU.js";
+import { u as re } from "./api-Cs4Y-WeI.js";
+import { Field as T, Formik as oe, Form as ne } from "formik";
+import { string as I, number as ie, bool as se, date as le, array as ae } from "yup";
+import { schemaToFieldValidator as V, submitForm as ce } from "./utils/form.es.js";
+import { getNestedProperty as y, COUNTRY_ISO_CODE_MAPPING as ue, COUNTRY_ISO_CODES as de, getKeyPaths as he, UK_COUNTIES as pe } from "./utils/general.es.js";
+import "dayjs/locale/en-gb";
+import { LocalizationProvider as fe, DatePicker as me } from "@mui/x-date-pickers";
+import ge from "dayjs";
+import { AdapterDayjs as be } from "@mui/x-date-pickers/AdapterDayjs";
+import { EmailOutlined as ye, PersonOutlined as Fe, Visibility as Ce, VisibilityOff as Pe } from "@mui/icons-material";
+import "@reduxjs/toolkit/query/react";
+import "./settings/index.es.js";
+import "./session-oI-Ht2C8.js";
+import "js-cookie";
+import { u as Oe } from "./schemas-UIk-meAN.js";
+import "./urls-BG788CnL.js";
+const xe = ({
+  useLazyListQuery: t,
+  filterOptions: e,
+  getOptionLabel: n,
+  getOptionKey: r = (l) => l.id,
+  searchKey: i,
+  ...s
+}) => {
+  const [l, d] = E(""), [a, { isLoading: u, isError: c }] = t(), [{ limit: m, offset: p }, f] = re(), [{ options: C, hasMore: g }, _] = E({ options: {}, hasMore: !0 });
+  B(
+    () => {
+      const F = { limit: m, offset: p, ...e };
+      l && (F[i] = l), a(F, !0).unwrap().then(({ data: O, offset: S, limit: x, count: v }) => {
+        _(({ options: D }) => {
+          const R = { ...D };
+          return O.forEach(($) => {
+            R[r($)] = $;
+          }), { options: R, hasMore: S + x < v };
+        });
+      }).catch((O) => {
+        O && console.error(O);
+      });
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+      a,
+      m,
+      p,
+      i,
+      l,
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      ...Object.values(e || {})
+    ]
+  );
+  let h = Object.keys(C);
+  if (!h.length) return /* @__PURE__ */ o(j, {});
+  typeof r(Object.values(C)[0]) == "number" && (h = h.map(Number));
+  function b() {
+    f(({ page: F, limit: O }) => ({ page: F + 1, limit: O }));
+  }
+  return /* @__PURE__ */ o(
+    L,
+    {
+      options: h,
+      getOptionLabel: (F) => n(C[F]),
+      onInputChange: (F, O, S) => {
+        d(S === "input" ? O : "");
+      },
+      ListboxComponent: X(({ children: F, ...O }, S) => {
+        const x = Z.toArray(F);
+        return u ? x.push(/* @__PURE__ */ o(H, {}, "is-loading")) : (c && x.push(/* @__PURE__ */ o(te, {}, "is-error")), g && x.push(
+          /* @__PURE__ */ o(M, { onClick: b, children: "Load more" }, "load-more")
+        )), /* @__PURE__ */ o(
+          "ul",
+          {
+            ...O,
+            ref: S,
+            onScroll: (v) => {
+              !u && v.currentTarget.clientHeight + v.currentTarget.scrollTop >= v.currentTarget.scrollHeight && b();
+            },
+            children: x
+          }
+        );
+      }),
+      ...s
+    }
+  );
+}, L = ({
+  textFieldProps: t,
+  options: e,
+  validateOptions: n,
+  ...r
+}) => {
+  const { id: i, name: s, required: l, ...d } = t, a = s.split("."), u = "not a valid option";
+  let c = typeof e[0] == "string" ? I().oneOf(e, u) : ie().oneOf(e, u);
+  l && (c = c.required());
+  const m = {
+    name: s,
+    type: typeof e[0] == "string" ? "text" : "number",
+    validate: V(c, n)
+  };
+  return /* @__PURE__ */ o(T, { ...m, children: ({ form: p, meta: f }) => {
+    const C = y(
+      p.values,
+      a
+    ), g = y(p.touched, a), _ = y(p.errors, a);
+    return /* @__PURE__ */ o(
+      K,
+      {
+        options: e,
+        defaultValue: f.initialValue === "" ? void 0 : f.initialValue,
+        renderInput: ({
+          id: h,
+          // eslint-disable-line @typescript-eslint/no-unused-vars
+          ...b
+        }) => /* @__PURE__ */ o(
+          N,
+          {
+            id: i ?? s,
+            name: s,
+            required: l,
+            type: "text",
+            value: C,
+            error: g && !!_,
+            helperText: g && _,
+            ...d,
+            ...b
+          }
+        ),
+        onChange: (h, b) => {
+          p.setFieldValue(s, b ?? void 0, !0);
+        },
+        onBlur: p.handleBlur,
+        ...r
+      }
+    );
+  } });
+}, Te = ({
+  id: t,
+  name: e,
+  formControlLabelProps: n,
+  required: r = !1,
+  errorMessage: i = "this is a required field",
+  validateOptions: s,
+  ...l
+}) => {
+  const d = e.split(".");
+  let a = se();
+  r && (a = a.oneOf([!0], i));
+  const u = {
+    name: e,
+    type: "checkbox",
+    validate: V(a, s)
+  };
+  return /* @__PURE__ */ o(T, { ...u, children: ({ form: c, meta: m }) => {
+    const p = y(c.touched, d), f = y(c.errors, d), C = y(
+      c.values,
+      d
+    ), g = p && !!f;
+    return /* @__PURE__ */ k(G, { error: g, required: r, children: [
+      /* @__PURE__ */ o(
+        W,
+        {
+          control: /* @__PURE__ */ o(
+            J,
+            {
+              defaultChecked: m.initialValue,
+              id: t ?? e,
+              name: e,
+              value: C,
+              onChange: c.handleChange,
+              onBlur: c.handleBlur,
+              ...l
+            }
+          ),
+          ...n
+        }
+      ),
+      g && /* @__PURE__ */ o(U, { children: f })
+    ] });
+  } });
+}, _e = ({
+  textFieldProps: t,
+  ...e
+}) => {
+  const {
+    name: n = "country",
+    label: r = "Country",
+    placeholder: i = "Select your country",
+    ...s
+  } = t || {};
+  return /* @__PURE__ */ o(
+    L,
+    {
+      options: de,
+      getOptionLabel: (l) => ue[l],
+      textFieldProps: { name: n, label: r, placeholder: i, ...s },
+      ...e
+    }
+  );
+}, Se = ({
+  name: t,
+  required: e,
+  minDate: n,
+  maxDate: r,
+  validateOptions: i,
+  ...s
+}) => {
+  const l = t.split(".");
+  function d(c) {
+    return c.locale("en-gb").format("L");
+  }
+  let a = le();
+  e && (a = a.required()), n && (a = a.min(
+    n,
+    `this field must be after or equal to ${d(n)}`
+  )), r && (a = a.max(
+    r,
+    `this field must be before or equal to ${d(r)}`
+  ));
+  const u = {
+    name: t,
+    type: "date",
+    validate: V(a, i)
+  };
+  return /* @__PURE__ */ o(T, { ...u, children: ({ form: c }) => {
+    const m = y(c.errors, l), p = y(c.touched, l);
+    let f = y(
+      c.values,
+      l
+    );
+    f = f ? ge(f) : null;
+    function C(g) {
+      c.setFieldValue(
+        t,
+        g && g.isValid() ? g.format("YYYY-MM-DD") : null,
+        !0
+      );
+    }
+    return /* @__PURE__ */ o(
+      fe,
+      {
+        dateAdapter: be,
+        adapterLocale: "en-gb",
+        children: /* @__PURE__ */ o(
+          me,
+          {
+            name: t,
+            value: f,
+            minDate: n,
+            maxDate: r,
+            onChange: C,
+            slotProps: {
+              textField: {
+                id: t,
+                // @ts-expect-error value is compatible
+                onChange: (g) => {
+                  C(g);
+                },
+                onBlur: c.handleBlur,
+                required: e,
+                error: p && !!m,
+                helperText: p && m
+              }
+            },
+            ...s
+          }
+        )
+      }
+    );
+  } });
+}, A = ({
+  id: t,
+  name: e,
+  schema: n,
+  type: r = "text",
+  required: i = !1,
+  dirty: s = !1,
+  unique: l = !1,
+  uniqueCaseInsensitive: d = !1,
+  split: a,
+  validateOptions: u,
+  ...c
+}) => {
+  const [m, p] = E(""), f = e.split(".");
+  function C() {
+    let h = n;
+    if (h = i ? h.required() : h.optional(), s && !a && (h = h.notOneOf(
+      [m],
+      "cannot be initial value"
+    )), !a) return h;
+    let b = ae().of(h);
+    return b = i ? b.required().min(1) : b.optional(), (l || d) && (b = b.test({
+      message: "cannot have duplicates",
+      test: (P) => Array.isArray(P) && P.length >= 2 && P.every((F) => typeof F == "string") ? new Set(
+        d ? P.map((F) => F.toLowerCase()) : P
+      ).size === P.length : !0
+    })), s && (b = b.notOneOf(
+      [m],
+      "cannot be initial value"
+    )), b;
+  }
+  const g = {
+    name: e,
+    type: r,
+    validate: V(C(), u)
+  };
+  return /* @__PURE__ */ o(T, { ...g, children: ({ form: h }) => {
+    const b = y(
+      h.initialValues,
+      f
+    ), P = y(
+      h.values,
+      f
+    ), F = y(h.errors, f), O = y(h.touched, f);
+    return B(() => {
+      p(b);
+    }, [b]), B(() => {
+      h.setFieldValue(
+        e,
+        a && typeof P == "string" ? P.split(a) : P,
+        !0
+      );
+    }, [P]), /* @__PURE__ */ o(
+      N,
+      {
+        id: t ?? e,
+        name: e,
+        type: r,
+        required: i,
+        value: P,
+        onChange: h.handleChange,
+        onBlur: h.handleBlur,
+        error: O && !!F,
+        helperText: O && F,
+        ...c
+      }
+    );
+  } });
+}, ve = ({
+  name: t = "email",
+  label: e = "Email address",
+  placeholder: n = "Enter your email address",
+  InputProps: r = {},
+  ...i
+}) => /* @__PURE__ */ o(
+  A,
+  {
+    type: "email",
+    schema: I().email(),
+    name: t,
+    label: e,
+    placeholder: n,
+    InputProps: {
+      endAdornment: /* @__PURE__ */ o(w, { position: "end", children: /* @__PURE__ */ o(ye, {}) }),
+      ...r
+    },
+    ...i
+  }
+), Ee = ({
+  name: t = "first_name",
+  label: e = "First name",
+  placeholder: n = "Enter your first name",
+  InputProps: r = {},
+  ...i
+}) => /* @__PURE__ */ o(
+  A,
+  {
+    schema: Oe.first_name,
+    name: t,
+    label: e,
+    placeholder: n,
+    InputProps: {
+      endAdornment: /* @__PURE__ */ o(w, { position: "end", children: /* @__PURE__ */ o(Fe, {}) }),
+      ...r
+    },
+    ...i
+  }
+), q = {
+  behavior: "smooth",
+  block: "start"
+}, Be = ({
+  scrollIntoViewOptions: t = q,
+  ...e
+}) => {
+  const n = ee(null);
+  return B(() => {
+    n.current && n.current.scrollIntoView(t);
+  }, [t]), /* @__PURE__ */ o(U, { ref: n, error: !0, ...e });
+}, Y = ({
+  children: t,
+  scrollIntoViewOptions: e = q,
+  nonFieldErrorsProps: n,
+  fieldRefs: r = [],
+  ...i
+}) => /* @__PURE__ */ o(oe, { ...i, children: (s) => {
+  const l = !!Object.keys(s.errors).length, d = l && typeof s.errors.__all__ == "string";
+  if (l && !d && s.isSubmitting && r.length) {
+    const a = he(s.errors), u = r.find(({ name: c }) => a.includes(c))?.inputRef.current;
+    u && u.scrollIntoView(e);
+  }
+  return /* @__PURE__ */ k(j, { children: [
+    d && /* @__PURE__ */ o(Be, { ...n, children: s.errors.__all__ }),
+    /* @__PURE__ */ o(ne, { children: typeof t == "function" ? t(s) : t })
+  ] });
+} }), Ie = ({
+  useMutation: t,
+  submitOptions: e,
+  ...n
+}) => {
+  const [r] = t();
+  return /* @__PURE__ */ o(
+    Y,
+    {
+      ...n,
+      onSubmit: ce(
+        r,
+        n.initialValues,
+        e
+      )
+    }
+  );
+}, Ve = (t) => "onSubmit" in t ? /* @__PURE__ */ o(Y, { ...t }) : Ie(t), Ae = ({
+  name: t = "otp",
+  label: e = "OTP",
+  placeholder: n = "Enter your OTP",
+  ...r
+}) => /* @__PURE__ */ o(
+  A,
+  {
+    name: t,
+    label: e,
+    schema: I().matches(/^[0-9]{6}$/, "Must be exactly 6 digits."),
+    placeholder: n,
+    required: !0,
+    ...r
+  }
+), Le = ({
+  id: t,
+  repeatName: e,
+  setValue: n,
+  fieldProps: r,
+  name: i,
+  label: s,
+  placeholder: l,
+  type: d,
+  ...a
+}) => {
+  const { form: u } = r, c = i.split("."), m = y(u.values, c), p = e.split("."), f = y(
+    u.values,
+    p
+  ), C = y(
+    u.touched,
+    p
+  ), g = y(u.errors, p);
+  return B(() => {
+    n(m);
+  }, [n, m]), /* @__PURE__ */ o(
+    N,
+    {
+      required: !0,
+      type: d,
+      label: s ?? `Repeat ${i.replace("_", " ")}`,
+      placeholder: l ?? `Enter your ${i.replace("_", " ")} again`,
+      id: t ?? e,
+      name: e,
+      value: f,
+      onChange: u.handleChange,
+      onBlur: u.handleBlur,
+      error: C && !!g,
+      helperText: C && g,
+      ...a
+    }
+  );
+}, z = ({
+  name: t,
+  type: e = "text",
+  validateOptions: n,
+  ...r
+}) => {
+  const [i, s] = E(""), l = `${t}_repeat`, d = {
+    name: l,
+    type: e,
+    validate: V(
+      I().required().equals([i], "does not match"),
+      n
+    )
+  };
+  return /* @__PURE__ */ o(T, { ...d, children: (a) => /* @__PURE__ */ o(
+    Le,
+    {
+      name: t,
+      type: e,
+      repeatName: l,
+      setValue: s,
+      fieldProps: a,
+      ...r
+    }
+  ) });
+}, je = ({
+  name: t = "password",
+  label: e = "Password",
+  placeholder: n = "Enter your password",
+  schema: r = I(),
+  InputProps: i = {},
+  withRepeatField: s = !1,
+  repeatFieldProps: l = {},
+  ...d
+}) => {
+  const [a, u] = E(!1), c = a ? "text" : "password", m = /* @__PURE__ */ o(w, { position: "end", children: /* @__PURE__ */ o(
+    Q,
+    {
+      onClick: () => {
+        u((p) => !p);
+      },
+      edge: "end",
+      children: a ? /* @__PURE__ */ o(Ce, {}) : /* @__PURE__ */ o(Pe, {})
+    }
+  ) });
+  return /* @__PURE__ */ k(j, { children: [
+    /* @__PURE__ */ o(
+      A,
+      {
+        autoComplete: "off",
+        type: c,
+        name: t,
+        label: e,
+        schema: r,
+        placeholder: n,
+        InputProps: { endAdornment: m, ...i },
+        ...d
+      }
+    ),
+    s && /* @__PURE__ */ o(
+      z,
+      {
+        name: t,
+        type: c,
+        ...l,
+        InputProps: { endAdornment: m, ...l.InputProps }
+      }
+    )
+  ] });
+}, ke = ({
+  children: t = "Submit",
+  ...e
+}) => {
+  function n(r, i) {
+    i = i || {};
+    for (const s in r) {
+      const l = r[s];
+      i[s] = l instanceof Object && l.constructor === Object ? n(l, i) : !0;
+    }
+    return i;
+  }
+  return /* @__PURE__ */ o(T, { name: "submit", type: "submit", children: ({ form: r }) => /* @__PURE__ */ o(
+    M,
+    {
+      type: "button",
+      onClick: () => {
+        r.setTouched(n(r.values), !0).then((i) => {
+          const s = !!(i && Object.keys(i).length);
+          r.setSubmitting(s), s || r.submitForm();
+        });
+      },
+      ...e,
+      children: t
+    }
+  ) });
+}, Ne = ({
+  textFieldProps: t,
+  ...e
+}) => {
+  const {
+    name: n = "uk_county",
+    label: r = "UK county",
+    placeholder: i = "Select your UK county",
+    ...s
+  } = t || {};
+  return /* @__PURE__ */ o(
+    L,
+    {
+      options: pe,
+      textFieldProps: { name: n, label: r, placeholder: i, ...s },
+      ...e
+    }
+  );
+}, ot = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  ApiAutocompleteField: xe,
+  AutocompleteField: L,
+  CheckboxField: Te,
+  CountryField: _e,
+  DatePickerField: Se,
+  EmailField: ve,
+  FirstNameField: Ee,
+  Form: Ve,
+  OtpField: Ae,
+  PasswordField: je,
+  RepeatField: z,
+  SubmitButton: ke,
+  TextField: A,
+  UkCountyField: Ne
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  xe as A,
+  Te as C,
+  Se as D,
+  ve as E,
+  Ee as F,
+  Ae as O,
+  je as P,
+  z as R,
+  ke as S,
+  A as T,
+  Ne as U,
+  L as a,
+  _e as b,
+  Ve as c,
+  ot as i
+};
+//# sourceMappingURL=index-BIL7PoEV.js.map