diff --git a/apps/emails-and-messages/package.json b/apps/emails-and-messages/package.json
index bb4b70d..6dfd4e9 100644
--- a/apps/emails-and-messages/package.json
+++ b/apps/emails-and-messages/package.json
@@ -16,13 +16,10 @@
     "schemaVersion": "3.11.7"
   },
   "dependencies": {
-    "@material-ui/core": "^4.12.4",
-    "@material-ui/icons": "^4.11.3",
-    "@material-ui/lab": "4.0.0-alpha.61",
     "@monaco-editor/react": "^4.4.6",
     "@saleor/app-sdk": "0.38.0",
     "@saleor/apps-shared": "workspace:*",
-    "@saleor/macaw-ui": "^0.7.2",
+    "@saleor/macaw-ui": "0.8.0-pre.72",
     "@sendgrid/client": "^7.7.0",
     "@sendgrid/mail": "^7.7.0",
     "@sentry/nextjs": "^7.52.1",
diff --git a/apps/emails-and-messages/src/lib/theme-synchronizer.tsx b/apps/emails-and-messages/src/lib/theme-synchronizer.tsx
index 7e5ce17..604dc26 100644
--- a/apps/emails-and-messages/src/lib/theme-synchronizer.tsx
+++ b/apps/emails-and-messages/src/lib/theme-synchronizer.tsx
@@ -1,33 +1,24 @@
 import { useAppBridge } from "@saleor/app-sdk/app-bridge";
-import { useTheme } from "@saleor/macaw-ui";
-import { memo, useEffect } from "react";
+import { useTheme } from "@saleor/macaw-ui/next";
+import { useEffect } from "react";
 
-/**
- * Macaw-ui stores its theme mode in memory and local storage. To synchronize App with Dashboard,
- * Macaw must be informed about this change from AppBridge.
- *
- * If you are not using Macaw, you can remove this.
- */
-function _ThemeSynchronizer() {
+export function ThemeSynchronizer() {
   const { appBridgeState } = useAppBridge();
-  const { setTheme, themeType } = useTheme();
+  const { setTheme } = useTheme();
 
   useEffect(() => {
     if (!setTheme || !appBridgeState?.theme) {
       return;
     }
 
-    if (themeType !== appBridgeState?.theme) {
-      setTheme(appBridgeState.theme);
-      /**
-       * Hack to fix macaw, which is going into infinite loop on light mode (probably de-sync local storage with react state)
-       * TODO Fix me when Macaw 2.0 is shipped
-       */
-      window.localStorage.setItem("macaw-ui-theme", appBridgeState.theme);
+    if (appBridgeState.theme === "light") {
+      setTheme("defaultLight");
     }
-  }, [appBridgeState?.theme, setTheme, themeType]);
+
+    if (appBridgeState.theme === "dark") {
+      setTheme("defaultDark");
+    }
+  }, [appBridgeState?.theme, setTheme]);
 
   return null;
 }
-
-export const ThemeSynchronizer = memo(_ThemeSynchronizer);
diff --git a/apps/emails-and-messages/src/modules/app-configuration/ui/instructions.tsx b/apps/emails-and-messages/src/modules/app-configuration/ui/instructions.tsx
deleted file mode 100644
index e091880..0000000
--- a/apps/emails-and-messages/src/modules/app-configuration/ui/instructions.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import { Paper, Typography } from "@material-ui/core";
-import { makeStyles } from "@saleor/macaw-ui";
-
-const useStyles = makeStyles((theme) => {
-  return {
-    instructionsContainer: {
-      padding: 15,
-    },
-  };
-});
-
-export const Instructions = () => {
-  const styles = useStyles();
-
-  return (
-    <Paper elevation={0} className={styles.instructionsContainer}>
-      <Typography paragraph variant="h4">
-        Welcome to Emails and Messages App!
-      </Typography>
-      <Typography paragraph>
-        The application will allow you to send emails and messages to your customers using different
-        services.
-      </Typography>
-
-      <Typography paragraph variant="h4">
-        How to configure the app
-      </Typography>
-      <Typography paragraph>
-        Start by creating a new configuration for provider of your choice. You can create multiple
-        configurations and then assign them to channels. Navigate to the relevant tab to configure
-        the provider.
-      </Typography>
-    </Paper>
-  );
-};
diff --git a/apps/emails-and-messages/src/modules/app-configuration/ui/provider-selection-box.tsx b/apps/emails-and-messages/src/modules/app-configuration/ui/provider-selection-box.tsx
new file mode 100644
index 0000000..3124a9f
--- /dev/null
+++ b/apps/emails-and-messages/src/modules/app-configuration/ui/provider-selection-box.tsx
@@ -0,0 +1,36 @@
+import { Box, Button, Text } from "@saleor/macaw-ui/next";
+import { BoxWithBorder } from "../../../components/box-with-border";
+import { defaultPadding } from "../../../components/ui-defaults";
+import { BoxFooter } from "../../../components/box-footer";
+
+interface ProviderSelectionBoxProps {
+  providerName: string;
+  providerDescription: string;
+  onClick: () => void;
+}
+
+export const ProviderSelectionBox = (props: ProviderSelectionBoxProps) => {
+  return (
+    <BoxWithBorder display={"grid"} alignItems={"center"} justifyContent={"center"}>
+      <Box
+        padding={defaultPadding}
+        display={"grid"}
+        alignItems={"center"}
+        justifyContent={"center"}
+      >
+        <Text variant="heading">{props.providerName}</Text>
+      </Box>
+      <Box
+        padding={defaultPadding}
+        display={"grid"}
+        alignItems={"center"}
+        justifyContent={"center"}
+      >
+        <Text>{props.providerDescription}</Text>
+      </Box>
+      <BoxFooter justifyContent={"center"} alignItems={"center"}>
+        <Button onClick={props.onClick}>Choose</Button>
+      </BoxFooter>
+    </BoxWithBorder>
+  );
+};
diff --git a/apps/emails-and-messages/src/modules/mjml/configuration/ui/mjml-configuration-form.tsx b/apps/emails-and-messages/src/modules/mjml/configuration/ui/mjml-configuration-form.tsx
deleted file mode 100644
index f30bc02..0000000
--- a/apps/emails-and-messages/src/modules/mjml/configuration/ui/mjml-configuration-form.tsx
+++ /dev/null
@@ -1,303 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import { Divider, TextField, TextFieldProps, Typography } from "@material-ui/core";
-import { Button, makeStyles, SwitchSelector, SwitchSelectorButton } from "@saleor/macaw-ui";
-import React, { useEffect } from "react";
-import { MjmlConfiguration, smtpEncryptionTypes } from "../mjml-config";
-import { trpcClient } from "../../../trpc/trpc-client";
-import { useAppBridge, actions } from "@saleor/app-sdk/app-bridge";
-import { useQueryClient } from "@tanstack/react-query";
-import { useDashboardNotification } from "@saleor/apps-shared";
-
-const useStyles = makeStyles((theme) => ({
-  field: {
-    marginBottom: 20,
-  },
-  editor: {
-    marginBottom: 20,
-  },
-  preview: {
-    marginBottom: 20,
-  },
-  sectionHeader: {
-    marginTop: 20,
-  },
-}));
-
-type Props = {
-  onConfigurationSaved: () => void;
-  initialData: MjmlConfiguration;
-  configurationId?: string;
-};
-
-export const MjmlConfigurationForm = (props: Props) => {
-  const styles = useStyles();
-  const { notifySuccess, notifyError } = useDashboardNotification();
-
-  const { handleSubmit, control, reset, setError } = useForm<MjmlConfiguration>({
-    defaultValues: props.initialData,
-  });
-
-  const queryClient = useQueryClient();
-
-  const { mutate: createOrUpdateConfiguration } =
-    trpcClient.mjmlConfiguration.updateOrCreateConfiguration.useMutation({
-      onSuccess: async (data, variables) => {
-        await queryClient.cancelQueries({ queryKey: ["mjmlConfiguration", "getConfigurations"] });
-
-        // Optimistically update to the new value
-        queryClient.setQueryData<Array<MjmlConfiguration>>(
-          ["mjmlConfiguration", "getConfigurations", undefined],
-          (old) => {
-            if (old) {
-              const index = old.findIndex((c) => c.id === data.id);
-              // If thats an update, replace the old one
-              if (index !== -1) {
-                old[index] = data;
-                return [...old];
-              } else {
-                return [...old, data];
-              }
-            } else {
-              return [data];
-            }
-          }
-        );
-
-        // Trigger refetch to make sure we have a fresh data
-        props.onConfigurationSaved();
-        notifySuccess("Configuration saved");
-      },
-      onError(error) {
-        let isFieldErrorSet = false;
-        const fieldErrors = error.data?.zodError?.fieldErrors || {};
-        for (const fieldName in fieldErrors) {
-          for (const message of fieldErrors[fieldName] || []) {
-            isFieldErrorSet = true;
-            setError(fieldName as keyof MjmlConfiguration, {
-              type: "manual",
-              message,
-            });
-          }
-        }
-        const formErrors = error.data?.zodError?.formErrors || [];
-        const formErrorMessage = formErrors.length ? formErrors.join("\n") : undefined;
-        notifyError(
-          "Could not save the configuration",
-          isFieldErrorSet ? "Submitted form contain errors" : "Error saving configuration",
-          formErrorMessage
-        );
-      },
-    });
-
-  // when the configuration tab is changed, initialData change and form has to be updated
-  useEffect(() => {
-    reset(props.initialData);
-  }, [props.initialData, props.configurationId, reset]);
-
-  const CommonFieldProps: TextFieldProps = {
-    className: styles.field,
-    fullWidth: true,
-  };
-
-  const isNewConfiguration = !props.configurationId;
-
-  return (
-    <form
-      onSubmit={handleSubmit((data, event) => {
-        createOrUpdateConfiguration({
-          ...data,
-        });
-      })}
-    >
-      {isNewConfiguration ? (
-        <Typography variant="h2" paragraph>
-          Create a new configuration
-        </Typography>
-      ) : (
-        <Typography variant="h2" paragraph>
-          Configuration
-          <strong>{` ${props.initialData.configurationName} `}</strong>
-        </Typography>
-      )}
-
-      <Controller
-        name="configurationName"
-        control={control}
-        render={({ field: { onChange, value }, fieldState: { error }, formState: { errors } }) => (
-          <TextField
-            label="Configuration name"
-            value={value}
-            onChange={onChange}
-            error={!!error}
-            helperText={
-              error?.message || "Name of the configuration, for example 'Production' or 'Test'"
-            }
-            {...CommonFieldProps}
-          />
-        )}
-      />
-
-      <Controller
-        control={control}
-        name="active"
-        render={({ field: { value, name, onChange } }) => (
-          <div className={styles.field}>
-            {/* TODO: fix types in the MacawUI */}
-            {/* @ts-ignore: MacawUI use wrong type for */}
-            <SwitchSelector key={name} className={styles.field}>
-              {[
-                { label: "Active", value: true },
-                { label: "Disabled", value: false },
-              ].map((button) => (
-                // @ts-ignore: MacawUI use wrong type for SwitchSelectorButton
-                <SwitchSelectorButton
-                  value={button.value.toString()}
-                  onClick={() => onChange(button.value)}
-                  activeTab={value.toString()}
-                  key={button.label}
-                >
-                  {button.label}
-                </SwitchSelectorButton>
-              ))}
-            </SwitchSelector>
-          </div>
-        )}
-      />
-
-      <Divider />
-
-      <Typography variant="h3" paragraph className={styles.sectionHeader}>
-        Sender details
-      </Typography>
-
-      <Controller
-        name="senderName"
-        control={control}
-        render={({ field: { onChange, value }, fieldState: { error } }) => (
-          <TextField
-            label="Sender name"
-            error={!!error}
-            helperText={error?.message || "Name which will be presented as author of the email"}
-            value={value}
-            onChange={onChange}
-            {...CommonFieldProps}
-          />
-        )}
-      />
-
-      <Controller
-        name="senderEmail"
-        control={control}
-        render={({ field: { onChange, value }, fieldState: { error } }) => (
-          <>
-            <TextField
-              label="Sender email"
-              value={value}
-              helperText={error?.message || "Email which will be presented as author of the email"}
-              error={!!error}
-              onChange={onChange}
-              {...CommonFieldProps}
-            />
-          </>
-        )}
-      />
-
-      <Divider />
-
-      <Typography variant="h3" paragraph className={styles.sectionHeader}>
-        SMTP server configuration
-      </Typography>
-
-      <Controller
-        name="smtpHost"
-        control={control}
-        render={({ field: { onChange, value }, fieldState: { error } }) => (
-          <TextField
-            label="SMTP server host"
-            value={value}
-            onChange={onChange}
-            helperText={
-              error?.message ||
-              "Address of the SMTP server, without the protocol. For example 'smtp.example.com'"
-            }
-            error={!!error}
-            {...CommonFieldProps}
-          />
-        )}
-      />
-
-      <Controller
-        name="smtpPort"
-        control={control}
-        render={({ field: { onChange, value }, fieldState: { error } }) => (
-          <TextField
-            label="SMTP server port"
-            helperText={error?.message}
-            error={!!error}
-            value={value}
-            onChange={onChange}
-            {...CommonFieldProps}
-          />
-        )}
-      />
-
-      <Controller
-        name="smtpUser"
-        control={control}
-        render={({ field: { onChange, value }, fieldState: { error } }) => (
-          <TextField
-            label="SMTP server user"
-            value={value}
-            helperText={error?.message}
-            error={!!error}
-            onChange={onChange}
-            {...CommonFieldProps}
-          />
-        )}
-      />
-
-      <Controller
-        name="smtpPassword"
-        control={control}
-        render={({ field: { onChange, value }, fieldState: { error } }) => (
-          <TextField
-            label="SMTP server password"
-            value={value}
-            helperText={error?.message}
-            error={!!error}
-            onChange={onChange}
-            {...CommonFieldProps}
-          />
-        )}
-      />
-
-      <Controller
-        control={control}
-        name="encryption"
-        render={({ field: { value, name, onChange } }) => (
-          <div className={styles.field}>
-            {/* TODO: fix types in the MacawUI */}
-            {/* @ts-ignore: MacawUI use wrong type for SwitchSelector */}
-            <SwitchSelector key={name}>
-              {smtpEncryptionTypes.map((encryptionType) => (
-                // @ts-ignore: MacawUI use wrong type for SwitchSelectorButton
-                <SwitchSelectorButton
-                  value={encryptionType}
-                  onClick={() => onChange(encryptionType)}
-                  activeTab={value}
-                  key={encryptionType}
-                >
-                  {encryptionType === "NONE" ? "No encryption" : encryptionType}
-                </SwitchSelectorButton>
-              ))}
-            </SwitchSelector>
-          </div>
-        )}
-      />
-
-      <Button type="submit" fullWidth variant="primary">
-        Save configuration
-      </Button>
-    </form>
-  );
-};
diff --git a/apps/emails-and-messages/src/modules/mjml/configuration/ui/mjml-configuration-tab.tsx b/apps/emails-and-messages/src/modules/mjml/configuration/ui/mjml-configuration-tab.tsx
deleted file mode 100644
index 0ceef17..0000000
--- a/apps/emails-and-messages/src/modules/mjml/configuration/ui/mjml-configuration-tab.tsx
+++ /dev/null
@@ -1,104 +0,0 @@
-import React from "react";
-import { makeStyles } from "@saleor/macaw-ui";
-import { AppColumnsLayout } from "../../../ui/app-columns-layout";
-import { trpcClient } from "../../../trpc/trpc-client";
-import { MjmlConfigurationForm } from "./mjml-configuration-form";
-import { getDefaultEmptyConfiguration } from "../mjml-config-container";
-import { NextRouter, useRouter } from "next/router";
-import { mjmlUrls } from "../../urls";
-import { MjmlTemplatesCard } from "./mjml-templates-card";
-import { MjmlConfiguration } from "../mjml-config";
-import { LoadingIndicator } from "../../../ui/loading-indicator";
-import { MjmlInstructions } from "./mjml-instructions";
-import { useDashboardNotification } from "@saleor/apps-shared";
-
-const useStyles = makeStyles((theme) => {
-  return {
-    formContainer: {
-      top: 0,
-    },
-    instructionsContainer: {
-      padding: 15,
-    },
-    configurationColumn: {
-      display: "flex",
-      flexDirection: "column",
-      gap: 20,
-      maxWidth: 600,
-    },
-  };
-});
-
-interface MjmlConfigurationTabProps {
-  configurationId?: string;
-}
-
-const navigateToFirstConfiguration = (router: NextRouter, configurations?: MjmlConfiguration[]) => {
-  if (!configurations || !configurations?.length) {
-    router.replace(mjmlUrls.configuration());
-    return;
-  }
-  const firstConfigurationId = configurations[0]?.id;
-
-  if (firstConfigurationId) {
-    router.replace(mjmlUrls.configuration(firstConfigurationId));
-    return;
-  }
-};
-
-export const MjmlConfigurationTab = ({ configurationId }: MjmlConfigurationTabProps) => {
-  const styles = useStyles();
-  const router = useRouter();
-
-  const {
-    data: configurations,
-    refetch: refetchConfigurations,
-    isLoading: configurationsIsLoading,
-    isFetching: configurationsIsFetching,
-  } = trpcClient.mjmlConfiguration.getConfigurations.useQuery(undefined, {
-    onSuccess(data) {
-      if (!configurationId) {
-        console.log("no conf id! navigate to first");
-        navigateToFirstConfiguration(router, data);
-      }
-    },
-  });
-
-  if (configurationsIsLoading || configurationsIsFetching) {
-    return <LoadingIndicator />;
-  }
-
-  const configuration = configurations?.find((c) => c.id === configurationId?.toString());
-
-  if (configurationId && !configuration) {
-    return <div>Configuration not found</div>;
-  }
-
-  return (
-    <AppColumnsLayout>
-      <div className={styles.configurationColumn}>
-        {configurationsIsLoading || configurationsIsFetching ? (
-          <LoadingIndicator />
-        ) : (
-          <>
-            <MjmlConfigurationForm
-              onConfigurationSaved={() => refetchConfigurations()}
-              initialData={configuration || getDefaultEmptyConfiguration()}
-              configurationId={configurationId}
-            />
-            {!!configurationId && !!configuration && (
-              <MjmlTemplatesCard
-                configurationId={configurationId}
-                configuration={configuration}
-                onEventChanged={() => {
-                  refetchConfigurations();
-                }}
-              />
-            )}
-          </>
-        )}
-      </div>
-      <MjmlInstructions />
-    </AppColumnsLayout>
-  );
-};
diff --git a/apps/emails-and-messages/src/modules/mjml/configuration/ui/mjml-event-configuration-form.tsx b/apps/emails-and-messages/src/modules/mjml/configuration/ui/mjml-event-configuration-form.tsx
deleted file mode 100644
index 069a336..0000000
--- a/apps/emails-and-messages/src/modules/mjml/configuration/ui/mjml-event-configuration-form.tsx
+++ /dev/null
@@ -1,271 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import { CircularProgress, Grid, TextField, TextFieldProps, Typography } from "@material-ui/core";
-import {
-  BackSmallIcon,
-  Button,
-  IconButton,
-  makeStyles,
-  SwitchSelector,
-  SwitchSelectorButton,
-} from "@saleor/macaw-ui";
-import React, { useEffect, useState } from "react";
-import { MjmlEventConfiguration } from "../mjml-config";
-import { CodeEditor } from "../../../ui/code-editor";
-import { MjmlPreview } from "./mjml-preview";
-import {
-  MessageEventTypes,
-  messageEventTypesLabels,
-} from "../../../event-handlers/message-event-types";
-import { trpcClient } from "../../../trpc/trpc-client";
-import { useDebounce } from "usehooks-ts";
-import { useRouter } from "next/router";
-import { mjmlUrls } from "../../urls";
-import { useAppBridge, actions } from "@saleor/app-sdk/app-bridge";
-import { examplePayloads } from "../../../event-handlers/default-payloads";
-import { useDashboardNotification } from "@saleor/apps-shared";
-
-const PREVIEW_DEBOUNCE_DELAY = 500;
-
-const useStyles = makeStyles((theme) => ({
-  viewContainer: {
-    padding: theme.spacing(2),
-  },
-  header: {
-    display: "flex",
-    justifyContent: "flex-start",
-    alignItems: "center",
-    gap: theme.spacing(2),
-    marginBottom: theme.spacing(2),
-    margin: "0 auto",
-  },
-  previewHeader: {
-    display: "flex",
-    justifyContent: "space-between",
-    alignItems: "center",
-    gap: theme.spacing(1),
-    marginTop: theme.spacing(2),
-    marginBottom: theme.spacing(2),
-  },
-
-  field: {
-    marginBottom: theme.spacing(3),
-  },
-  editor: {
-    marginBottom: theme.spacing(3),
-  },
-  preview: {
-    marginBottom: theme.spacing(3),
-  },
-  form: {
-    maxWidth: 800,
-  },
-}));
-
-type EventConfigurationFormProps = {
-  initialData: MjmlEventConfiguration;
-  configurationId: string;
-  eventType: MessageEventTypes;
-};
-
-export const EventConfigurationForm = ({
-  initialData,
-  configurationId,
-  eventType,
-}: EventConfigurationFormProps) => {
-  const { notifySuccess, notifyError } = useDashboardNotification();
-  const router = useRouter();
-  const { appBridge } = useAppBridge();
-  const { handleSubmit, control, getValues, setError } = useForm<MjmlEventConfiguration>({
-    defaultValues: initialData,
-  });
-
-  const [lastValidRenderedTemplate, setLastValidRenderedTemplate] = useState("");
-
-  const [lastValidRenderedSubject, setLastValidRenderedSubject] = useState("");
-
-  const [payload, setPayload] = useState<string>(
-    JSON.stringify(examplePayloads[eventType], undefined, 2)
-  );
-
-  const { template, subject } = getValues();
-  const debouncedMutationVariables = useDebounce(
-    { template, subject, payload },
-    PREVIEW_DEBOUNCE_DELAY
-  );
-
-  const styles = useStyles();
-
-  const CommonFieldProps: TextFieldProps = {
-    className: styles.field,
-    fullWidth: true,
-  };
-
-  const { mutate: fetchTemplatePreview, isLoading: isFetchingTemplatePreview } =
-    trpcClient.mjmlConfiguration.renderTemplate.useMutation({
-      onSuccess: (data) => {
-        if (data.renderedEmailBody) {
-          setLastValidRenderedTemplate(data.renderedEmailBody);
-        }
-        if (data.renderedSubject) {
-          setLastValidRenderedSubject(data.renderedSubject);
-        }
-      },
-    });
-
-  const { mutate: updateEventConfiguration } =
-    trpcClient.mjmlConfiguration.updateEventConfiguration.useMutation({
-      onSuccess: (data) => {
-        notifySuccess("Success", "Configuration saved");
-      },
-      onError: (error) => {
-        let isFieldErrorSet = false;
-        const fieldErrors = error.data?.zodError?.fieldErrors || {};
-        for (const fieldName in fieldErrors) {
-          for (const message of fieldErrors[fieldName] || []) {
-            isFieldErrorSet = true;
-            setError(fieldName as keyof MjmlEventConfiguration, {
-              type: "manual",
-              message,
-            });
-          }
-        }
-        const formErrors = error.data?.zodError?.formErrors || [];
-        const formErrorMessage = formErrors.length ? formErrors.join("\n") : undefined;
-
-        notifyError(
-          "Could not save the configuration",
-          isFieldErrorSet ? "Submitted form contain errors" : "Error saving configuration",
-          formErrorMessage
-        );
-      },
-    });
-
-  const {
-    template: debouncedTemplate,
-    subject: debouncedSubject,
-    payload: debouncedPayload,
-  } = debouncedMutationVariables;
-  useEffect(() => {
-    fetchTemplatePreview({
-      template: debouncedTemplate,
-      subject: debouncedSubject,
-      payload: debouncedPayload,
-    });
-  }, [debouncedPayload, debouncedSubject, debouncedTemplate, fetchTemplatePreview]);
-
-  return (
-    <div className={styles.viewContainer}>
-      <div className={styles.header}>
-        <IconButton
-          variant="secondary"
-          onClick={() => {
-            router.push(mjmlUrls.configuration(configurationId));
-          }}
-        >
-          <BackSmallIcon />
-        </IconButton>
-        <Typography variant="h2">
-          {messageEventTypesLabels[eventType]} event configuration
-        </Typography>
-      </div>
-      <Grid container spacing={2}>
-        <Grid item xs={12} lg={7}>
-          <form
-            onSubmit={handleSubmit((data, event) => {
-              updateEventConfiguration({ ...data, configurationId });
-            })}
-            className={styles.form}
-          >
-            <Controller
-              control={control}
-              name="active"
-              render={({ field: { value, name, onChange } }) => (
-                <div className={styles.field}>
-                  {/* TODO: fix types in the MacawUI */}
-                  {/* @ts-ignore: MacawUI use wrong type for */}
-                  <SwitchSelector key={name} className={styles.field}>
-                    {[
-                      { label: "Active", value: true },
-                      { label: "Disabled", value: false },
-                    ].map((button) => (
-                      // @ts-ignore: MacawUI use wrong type for SwitchSelectorButton
-                      <SwitchSelectorButton
-                        value={button.value.toString()}
-                        onClick={() => onChange(button.value)}
-                        activeTab={value.toString()}
-                        key={button.label}
-                      >
-                        {button.label}
-                      </SwitchSelectorButton>
-                    ))}
-                  </SwitchSelector>
-                </div>
-              )}
-            />
-
-            <Controller
-              name="subject"
-              control={control}
-              render={({ field: { onChange, value }, fieldState: { error } }) => (
-                <TextField
-                  label="Email subject"
-                  value={value}
-                  onChange={onChange}
-                  error={!!error}
-                  helperText={
-                    !error
-                      ? "You can use variables like {{ order.number }} or {{ order.userEmail }}"
-                      : error.message
-                  }
-                  {...CommonFieldProps}
-                />
-              )}
-            />
-
-            <Controller
-              control={control}
-              name="template"
-              render={({ field: { value, onChange } }) => {
-                return (
-                  <>
-                    <div className={styles.editor}>
-                      <CodeEditor
-                        initialTemplate={value}
-                        value={value}
-                        onChange={onChange}
-                        language="xml"
-                      />
-                    </div>
-                  </>
-                );
-              }}
-            />
-            <Button type="submit" fullWidth variant="primary">
-              Save configuration
-            </Button>
-          </form>
-        </Grid>
-        <Grid item xs={12} lg={5}>
-          <div>
-            <div className={styles.previewHeader}>
-              <Typography variant="h2">Preview</Typography>
-              {isFetchingTemplatePreview && <CircularProgress size="3rem" color="primary" />}
-            </div>
-            <Typography variant="h3" paragraph>
-              Subject: {lastValidRenderedSubject}
-            </Typography>
-            <div className={styles.preview}>
-              <MjmlPreview value={lastValidRenderedTemplate} />
-            </div>
-            <CodeEditor
-              initialTemplate={payload}
-              value={payload}
-              onChange={setPayload}
-              language="json"
-            />
-          </div>
-        </Grid>
-      </Grid>
-    </div>
-  );
-};
diff --git a/apps/emails-and-messages/src/modules/mjml/configuration/ui/mjml-instructions.tsx b/apps/emails-and-messages/src/modules/mjml/configuration/ui/mjml-instructions.tsx
deleted file mode 100644
index c63b3ec..0000000
--- a/apps/emails-and-messages/src/modules/mjml/configuration/ui/mjml-instructions.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import { Link, Paper, Typography } from "@material-ui/core";
-import { actions, useAppBridge } from "@saleor/app-sdk/app-bridge";
-import { makeStyles } from "@saleor/macaw-ui";
-
-const useStyles = makeStyles((theme) => {
-  return {
-    instructionsContainer: {
-      padding: 15,
-    },
-  };
-});
-
-export const MjmlInstructions = () => {
-  const styles = useStyles();
-
-  const { appBridge } = useAppBridge();
-
-  return (
-    <Paper elevation={0} className={styles.instructionsContainer}>
-      <Typography paragraph variant="h4">
-        MJML Provider
-      </Typography>
-      <Typography paragraph>
-        You can use this provider to send emails using MJML as a template language. The emails are
-        then sent using the SMTP.
-      </Typography>
-
-      <Typography paragraph>
-        <Link
-          href="https://mjml.io/"
-          onClick={(event) => {
-            event.preventDefault();
-            appBridge?.dispatch(
-              actions.Redirect({
-                to: "https://mjml.io/",
-                newContext: true,
-              })
-            );
-          }}
-        >
-          Visit the MJML Homepage
-        </Link>
-      </Typography>
-      <Typography paragraph variant="h4">
-        How to configure
-      </Typography>
-      <Typography paragraph>
-        Create a new configuration and fill in the required fields. After the configuration is
-        saved, you will be able to modify the email templates.
-      </Typography>
-    </Paper>
-  );
-};
diff --git a/apps/emails-and-messages/src/modules/mjml/configuration/ui/mjml-preview.tsx b/apps/emails-and-messages/src/modules/mjml/configuration/ui/mjml-preview.tsx
deleted file mode 100644
index 8347fe3..0000000
--- a/apps/emails-and-messages/src/modules/mjml/configuration/ui/mjml-preview.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { Card } from "@material-ui/core";
-import React from "react";
-
-type Props = {
-  value?: string;
-};
-
-export const MjmlPreview = ({ value }: Props) => {
-  return (
-    <Card style={{ padding: "2rem", width: "100%" }}>
-      {value?.length ? (
-        <div dangerouslySetInnerHTML={{ __html: value }} />
-      ) : (
-        <p>No template preview</p>
-      )}
-    </Card>
-  );
-};
diff --git a/apps/emails-and-messages/src/modules/mjml/configuration/ui/mjml-templates-card.tsx b/apps/emails-and-messages/src/modules/mjml/configuration/ui/mjml-templates-card.tsx
deleted file mode 100644
index 91b18f1..0000000
--- a/apps/emails-and-messages/src/modules/mjml/configuration/ui/mjml-templates-card.tsx
+++ /dev/null
@@ -1,128 +0,0 @@
-import { Divider, Paper, Typography } from "@material-ui/core";
-import React from "react";
-import {
-  EditIcon,
-  IconButton,
-  List,
-  ListHeader,
-  ListItem,
-  ListItemCell,
-  makeStyles,
-  SwitchSelector,
-  SwitchSelectorButton,
-} from "@saleor/macaw-ui";
-import { useRouter } from "next/router";
-import { mjmlUrls } from "../../urls";
-import { messageEventTypesLabels } from "../../../event-handlers/message-event-types";
-import { MjmlConfiguration } from "../mjml-config";
-import { trpcClient } from "../../../trpc/trpc-client";
-import { useDashboardNotification } from "@saleor/apps-shared";
-
-const useStyles = makeStyles((theme) => {
-  return {
-    spaceBetween: {
-      display: "flex",
-      justifyContent: "space-between",
-      alignItems: "center",
-    },
-    rowActions: {
-      display: "flex",
-      justifyContent: "flex-end",
-      gap: theme.spacing(1),
-    },
-    tableRow: {
-      minHeight: "48px",
-      "&::after": {
-        display: "none",
-      },
-    },
-  };
-});
-
-interface MjmlTemplatesCardProps {
-  configurationId: string;
-  configuration: MjmlConfiguration;
-  onEventChanged: () => void;
-}
-
-export const MjmlTemplatesCard = ({
-  configurationId,
-  configuration,
-  onEventChanged,
-}: MjmlTemplatesCardProps) => {
-  const classes = useStyles();
-  const router = useRouter();
-  const { notifySuccess } = useDashboardNotification();
-
-  const { mutate: updateEventConfiguration } =
-    trpcClient.mjmlConfiguration.updateEventConfiguration.useMutation({
-      onSuccess(data, variables) {
-        onEventChanged();
-
-        notifySuccess(variables.active ? "Event enabled" : "Event disabled");
-      },
-    });
-
-  return (
-    <Paper elevation={0}>
-      <ListHeader>
-        <ListItem className={classes.tableRow}>
-          <ListItemCell>Supported events and templates</ListItemCell>
-        </ListItem>
-      </ListHeader>
-      <List gridTemplate={["1fr"]}>
-        <Divider />
-        {configuration.events.map((eventConfiguration) => (
-          <React.Fragment key={eventConfiguration.eventType}>
-            <ListItem className={classes.tableRow}>
-              <ListItemCell>
-                <div className={classes.spaceBetween}>
-                  <Typography>{messageEventTypesLabels[eventConfiguration.eventType]}</Typography>
-                  <div className={classes.rowActions}>
-                    {/* TODO: fix types in the MacawUI */}
-                    {/* @ts-ignore: MacawUI use wrong type for */}
-                    <SwitchSelector key={eventConfiguration.eventType}>
-                      {[
-                        { label: "Active", value: true },
-                        { label: "Disabled", value: false },
-                      ].map((button) => (
-                        // @ts-ignore: MacawUI use wrong type for SwitchSelectorButton
-                        <SwitchSelectorButton
-                          value={button.value.toString()}
-                          onClick={() => {
-                            updateEventConfiguration({
-                              configurationId,
-                              ...eventConfiguration,
-                              active: button.value,
-                            });
-                          }}
-                          activeTab={eventConfiguration.active.toString()}
-                          key={button.label}
-                        >
-                          {button.label}
-                        </SwitchSelectorButton>
-                      ))}
-                    </SwitchSelector>
-                    <IconButton
-                      variant="secondary"
-                      onClick={(event) => {
-                        event.stopPropagation();
-                        event.preventDefault();
-                        router.push(
-                          mjmlUrls.eventConfiguration(configurationId, eventConfiguration.eventType)
-                        );
-                      }}
-                    >
-                      <EditIcon />
-                    </IconButton>
-                  </div>
-                </div>
-              </ListItemCell>
-            </ListItem>
-            <Divider />
-          </React.Fragment>
-        ))}
-      </List>
-    </Paper>
-  );
-};
diff --git a/apps/emails-and-messages/src/modules/sendgrid/configuration/ui/sendgrid-configuration-form.tsx b/apps/emails-and-messages/src/modules/sendgrid/configuration/ui/sendgrid-configuration-form.tsx
deleted file mode 100644
index f717357..0000000
--- a/apps/emails-and-messages/src/modules/sendgrid/configuration/ui/sendgrid-configuration-form.tsx
+++ /dev/null
@@ -1,342 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import {
-  Divider,
-  FormControl,
-  InputLabel,
-  MenuItem,
-  Select,
-  TextField,
-  TextFieldProps,
-  Typography,
-} from "@material-ui/core";
-import { Button, makeStyles, SwitchSelector, SwitchSelectorButton } from "@saleor/macaw-ui";
-import React, { useEffect, useState } from "react";
-import { SendgridConfiguration } from "../sendgrid-config";
-import { trpcClient } from "../../../trpc/trpc-client";
-import { useAppBridge, actions } from "@saleor/app-sdk/app-bridge";
-import { useQuery, useQueryClient } from "@tanstack/react-query";
-import { fetchSenders } from "../../sendgrid-api";
-import { useDashboardNotification } from "@saleor/apps-shared";
-
-const useStyles = makeStyles((theme) => ({
-  field: {
-    marginBottom: 20,
-  },
-  editor: {
-    marginBottom: 20,
-  },
-  preview: {
-    marginBottom: 20,
-  },
-  sectionHeader: {
-    marginTop: 20,
-  },
-}));
-
-type Props = {
-  onConfigurationSaved: () => void;
-  initialData: SendgridConfiguration;
-  configurationId?: string;
-};
-
-export const SendgridConfigurationForm = (props: Props) => {
-  const styles = useStyles();
-  const { appBridge } = useAppBridge();
-  const { notifySuccess, notifyError } = useDashboardNotification();
-  const [senderId, setSenderId] = useState<string | undefined>(undefined);
-
-  const { handleSubmit, control, reset, setError, setValue } = useForm<SendgridConfiguration>({
-    defaultValues: props.initialData,
-  });
-
-  const { data: sendersChoices, isLoading: isSendersChoicesLoading } = useQuery({
-    queryKey: ["sendgridSenders"],
-    queryFn: fetchSenders({ apiKey: props.initialData.apiKey }),
-    enabled: !!props.initialData.apiKey?.length,
-    onSuccess(data) {
-      // we are not keeping senders ID in the database, so we need to find the ID of the sender
-      // configuration contains nickname and email set up in the Sendgrid account
-      if (data.length) {
-        const sender = data?.find((sender) => sender.from_email === props.initialData.senderEmail);
-        if (sender?.value) {
-          setSenderId(sender?.value);
-        }
-      }
-    },
-  });
-
-  const queryClient = useQueryClient();
-
-  const { mutate: createOrUpdateConfiguration } =
-    trpcClient.sendgridConfiguration.updateOrCreateConfiguration.useMutation({
-      onSuccess: async (data, variables) => {
-        await queryClient.cancelQueries({
-          queryKey: ["sendgridConfiguration", "getConfigurations"],
-        });
-
-        // Optimistically update to the new value
-        queryClient.setQueryData<Array<SendgridConfiguration>>(
-          ["sendgridConfiguration", "getConfigurations", undefined],
-          (old) => {
-            if (old) {
-              const index = old.findIndex((c) => c.id === data.id);
-              // If thats an update, replace the old one
-              if (index !== -1) {
-                old[index] = data;
-                return [...old];
-              } else {
-                return [...old, data];
-              }
-            } else {
-              return [data];
-            }
-          }
-        );
-
-        // Trigger refetch to make sure we have a fresh data
-        props.onConfigurationSaved();
-        notifySuccess("Configuration saved");
-      },
-      onError(error) {
-        let isFieldErrorSet = false;
-        const fieldErrors = error.data?.zodError?.fieldErrors || {};
-        for (const fieldName in fieldErrors) {
-          for (const message of fieldErrors[fieldName] || []) {
-            isFieldErrorSet = true;
-            setError(fieldName as keyof SendgridConfiguration, {
-              type: "manual",
-              message,
-            });
-          }
-        }
-        const formErrors = error.data?.zodError?.formErrors || [];
-        const formErrorMessage = formErrors.length ? formErrors.join("\n") : undefined;
-
-        notifyError(
-          "Could not save the configuration",
-          isFieldErrorSet ? "Submitted form contain errors" : "Error saving configuration",
-          formErrorMessage
-        );
-      },
-    });
-
-  // when the configuration tab is changed, initialData change and form has to be updated
-  useEffect(() => {
-    reset(props.initialData);
-  }, [props.initialData, props.configurationId, reset]);
-
-  // fill sender email and name when sender is changed
-  useEffect(() => {
-    const sender = sendersChoices?.find((choice) => choice.value === senderId);
-    if (sender) {
-      setValue("senderName", sender.nickname);
-      setValue("senderEmail", sender.from_email);
-    } else {
-      setValue("senderName", undefined);
-      setValue("senderEmail", undefined);
-    }
-  }, [senderId, sendersChoices]);
-
-  const CommonFieldProps: TextFieldProps = {
-    className: styles.field,
-    fullWidth: true,
-  };
-
-  const isNewConfiguration = !props.configurationId;
-
-  return (
-    <form
-      onSubmit={handleSubmit((data, event) => {
-        createOrUpdateConfiguration({
-          ...data,
-        });
-      })}
-    >
-      {isNewConfiguration ? (
-        <Typography variant="h2" paragraph>
-          Create a new configuration
-        </Typography>
-      ) : (
-        <Typography variant="h2" paragraph>
-          Configuration
-          <strong>{` ${props.initialData.configurationName} `}</strong>
-        </Typography>
-      )}
-
-      <Controller
-        name="configurationName"
-        control={control}
-        render={({ field: { onChange, value }, fieldState: { error }, formState: { errors } }) => (
-          <TextField
-            label="Configuration name"
-            value={value}
-            onChange={onChange}
-            error={!!error}
-            helperText={
-              error?.message || "Name of the configuration, for example 'Production' or 'Test'"
-            }
-            {...CommonFieldProps}
-          />
-        )}
-      />
-
-      <Controller
-        control={control}
-        name="active"
-        render={({ field: { value, name, onChange } }) => (
-          <div className={styles.field}>
-            {/* TODO: fix types in the MacawUI */}
-            {/* @ts-ignore: MacawUI use wrong type for */}
-            <SwitchSelector key={name} className={styles.field}>
-              {[
-                { label: "Active", value: true },
-                { label: "Disabled", value: false },
-              ].map((button) => (
-                // @ts-ignore: MacawUI use wrong type for SwitchSelectorButton
-                <SwitchSelectorButton
-                  value={button.value.toString()}
-                  onClick={() => onChange(button.value)}
-                  activeTab={value.toString()}
-                  key={button.label}
-                >
-                  {button.label}
-                </SwitchSelectorButton>
-              ))}
-            </SwitchSelector>
-          </div>
-        )}
-      />
-
-      <Divider />
-
-      <Typography variant="h3" paragraph className={styles.sectionHeader}>
-        API configuration
-      </Typography>
-
-      <Controller
-        name="apiKey"
-        control={control}
-        render={({ field: { onChange, value }, fieldState: { error } }) => (
-          <TextField
-            label="Sendgrid API key"
-            value={value}
-            onChange={onChange}
-            helperText={
-              error?.message ||
-              "The API key can be generated at Sendgrid dashboard, in the Settings / API Keys section"
-            }
-            error={!!error}
-            {...CommonFieldProps}
-          />
-        )}
-      />
-
-      <Controller
-        control={control}
-        name="sandboxMode"
-        render={({ field: { value, name, onChange } }) => (
-          <div className={styles.field}>
-            {/* TODO: fix types in the MacawUI */}
-            {/* @ts-ignore: MacawUI use wrong type for */}
-            <SwitchSelector key={name} className={styles.field}>
-              {[
-                { label: "Live", value: false },
-                { label: "Sandbox", value: true },
-              ].map((button) => (
-                // @ts-ignore: MacawUI use wrong type for SwitchSelectorButton
-                <SwitchSelectorButton
-                  value={button.value.toString()}
-                  onClick={() => onChange(button.value)}
-                  activeTab={value.toString()}
-                  key={button.label}
-                >
-                  {button.label}
-                </SwitchSelectorButton>
-              ))}
-            </SwitchSelector>
-          </div>
-        )}
-      />
-
-      <Divider />
-
-      {/* Sender can be chosen after the API key is saved in the configuration */}
-      {!isNewConfiguration && (
-        <>
-          <Typography variant="h3" paragraph className={styles.sectionHeader}>
-            Sender details
-          </Typography>
-
-          <FormControl className={styles.field} fullWidth>
-            <InputLabel>Sender</InputLabel>
-            <Select
-              variant="outlined"
-              value={senderId}
-              disabled={isSendersChoicesLoading}
-              onChange={(event, val) => {
-                if (val) {
-                  const node = val as React.ReactElement;
-                  setSenderId(node.props.value);
-                  return;
-                }
-                setSenderId(undefined);
-              }}
-            >
-              <MenuItem key="none" value={undefined}>
-                No sender
-              </MenuItem>
-              {!!sendersChoices &&
-                sendersChoices.map((choice) => (
-                  <MenuItem key={choice.value} value={choice.value}>
-                    {choice.label}
-                  </MenuItem>
-                ))}
-            </Select>
-            {!sendersChoices?.length && (
-              <Typography variant="caption" color="textSecondary">
-                Please set up and verify senders in your Sendgrid dashboard.
-              </Typography>
-            )}
-          </FormControl>
-
-          <Controller
-            name="senderName"
-            control={control}
-            render={({ field: { onChange, value }, fieldState: { error } }) => (
-              <TextField
-                label="Sender name"
-                disabled={true}
-                error={!!error}
-                helperText={error?.message}
-                value={value}
-                onChange={onChange}
-                {...CommonFieldProps}
-              />
-            )}
-          />
-
-          <Controller
-            name="senderEmail"
-            control={control}
-            render={({ field: { onChange, value }, fieldState: { error } }) => (
-              <>
-                <TextField
-                  label="Sender email"
-                  value={value}
-                  disabled={true}
-                  helperText={error?.message}
-                  error={!!error}
-                  onChange={onChange}
-                  {...CommonFieldProps}
-                />
-              </>
-            )}
-          />
-        </>
-      )}
-      <Button type="submit" fullWidth variant="primary">
-        Save configuration
-      </Button>
-    </form>
-  );
-};
diff --git a/apps/emails-and-messages/src/modules/sendgrid/configuration/ui/sendgrid-configuration-tab.tsx b/apps/emails-and-messages/src/modules/sendgrid/configuration/ui/sendgrid-configuration-tab.tsx
deleted file mode 100644
index c78e1c4..0000000
--- a/apps/emails-and-messages/src/modules/sendgrid/configuration/ui/sendgrid-configuration-tab.tsx
+++ /dev/null
@@ -1,106 +0,0 @@
-import React from "react";
-import { makeStyles } from "@saleor/macaw-ui";
-import { AppColumnsLayout } from "../../../ui/app-columns-layout";
-import { trpcClient } from "../../../trpc/trpc-client";
-import { SendgridConfigurationForm } from "./sendgrid-configuration-form";
-import { getDefaultEmptyConfiguration } from "../sendgrid-config-container";
-import { NextRouter, useRouter } from "next/router";
-import { SendgridConfiguration } from "../sendgrid-config";
-import { LoadingIndicator } from "../../../ui/loading-indicator";
-import { sendgridUrls } from "../../urls";
-import { SendgridTemplatesCard } from "./sendgrid-templates-card";
-import { SendgridInstructions } from "./sendgrid-instructions";
-
-const useStyles = makeStyles((theme) => {
-  return {
-    formContainer: {
-      top: 0,
-    },
-    instructionsContainer: {
-      padding: 15,
-    },
-    configurationColumn: {
-      display: "flex",
-      flexDirection: "column",
-      gap: 20,
-      maxWidth: 700,
-    },
-  };
-});
-
-interface SendgridConfigurationTabProps {
-  configurationId?: string;
-}
-
-const navigateToFirstConfiguration = (
-  router: NextRouter,
-  configurations?: SendgridConfiguration[]
-) => {
-  if (!configurations || !configurations?.length) {
-    router.replace(sendgridUrls.configuration());
-    return;
-  }
-  const firstConfigurationId = configurations[0]?.id;
-
-  if (firstConfigurationId) {
-    router.replace(sendgridUrls.configuration(firstConfigurationId));
-    return;
-  }
-};
-
-export const SendgridConfigurationTab = ({ configurationId }: SendgridConfigurationTabProps) => {
-  const styles = useStyles();
-  const router = useRouter();
-
-  const {
-    data: configurations,
-    refetch: refetchConfigurations,
-    isLoading: configurationsIsLoading,
-    isFetching: configurationsIsFetching,
-  } = trpcClient.sendgridConfiguration.getConfigurations.useQuery(undefined, {
-    onSuccess(data) {
-      if (!configurationId) {
-        console.log("no conf id! navigate to first");
-        navigateToFirstConfiguration(router, data);
-      }
-    },
-  });
-
-  if (configurationsIsLoading || configurationsIsFetching) {
-    return <LoadingIndicator />;
-  }
-
-  const configuration = configurations?.find((c) => c.id === configurationId?.toString());
-
-  if (configurationId && !configuration) {
-    return <div>Configuration not found</div>;
-  }
-
-  return (
-    <AppColumnsLayout>
-      <div className={styles.configurationColumn}>
-        {configurationsIsLoading || configurationsIsFetching ? (
-          <LoadingIndicator />
-        ) : (
-          <>
-            <SendgridConfigurationForm
-              onConfigurationSaved={() => refetchConfigurations()}
-              initialData={configuration || getDefaultEmptyConfiguration()}
-              configurationId={configurationId}
-            />
-            {!!configurationId && !!configuration && (
-              <SendgridTemplatesCard
-                configurationId={configurationId}
-                configuration={configuration}
-                onEventChanged={() => {
-                  refetchConfigurations();
-                }}
-              />
-            )}
-          </>
-        )}
-      </div>
-      <SendgridInstructions />
-    </AppColumnsLayout>
-  );
-};
diff --git a/apps/emails-and-messages/src/modules/sendgrid/configuration/ui/sendgrid-event-configuration-form.tsx b/apps/emails-and-messages/src/modules/sendgrid/configuration/ui/sendgrid-event-configuration-form.tsx
deleted file mode 100644
index fa19867..0000000
--- a/apps/emails-and-messages/src/modules/sendgrid/configuration/ui/sendgrid-event-configuration-form.tsx
+++ /dev/null
@@ -1,219 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import {
-  FormControl,
-  Grid,
-  InputLabel,
-  MenuItem,
-  Select,
-  TextFieldProps,
-  Typography,
-} from "@material-ui/core";
-import {
-  BackSmallIcon,
-  Button,
-  IconButton,
-  makeStyles,
-  SwitchSelector,
-  SwitchSelectorButton,
-} from "@saleor/macaw-ui";
-import React from "react";
-import { SendgridConfiguration, SendgridEventConfiguration } from "../sendgrid-config";
-import {
-  MessageEventTypes,
-  messageEventTypesLabels,
-} from "../../../event-handlers/message-event-types";
-import { trpcClient } from "../../../trpc/trpc-client";
-import { useRouter } from "next/router";
-import { sendgridUrls } from "../../urls";
-import { useQuery } from "@tanstack/react-query";
-import { fetchTemplates } from "../../sendgrid-api";
-import { useDashboardNotification } from "@saleor/apps-shared";
-
-const useStyles = makeStyles((theme) => ({
-  viewContainer: {
-    padding: theme.spacing(2),
-  },
-  header: {
-    display: "flex",
-    justifyContent: "flex-start",
-    alignItems: "center",
-    gap: theme.spacing(2),
-    marginBottom: theme.spacing(2),
-    margin: "0 auto",
-  },
-  previewHeader: {
-    display: "flex",
-    justifyContent: "space-between",
-    alignItems: "center",
-    gap: theme.spacing(1),
-    marginTop: theme.spacing(2),
-    marginBottom: theme.spacing(2),
-  },
-
-  field: {
-    marginBottom: theme.spacing(3),
-  },
-  editor: {
-    marginBottom: theme.spacing(3),
-  },
-  preview: {
-    marginBottom: theme.spacing(3),
-  },
-  form: {
-    maxWidth: 800,
-  },
-}));
-
-type EventConfigurationFormProps = {
-  initialData: SendgridEventConfiguration;
-  configurationId: string;
-  eventType: MessageEventTypes;
-  configuration: SendgridConfiguration;
-};
-
-export const EventConfigurationForm = ({
-  initialData,
-  configurationId,
-  eventType,
-  configuration,
-}: EventConfigurationFormProps) => {
-  const router = useRouter();
-  const { notifySuccess, notifyError } = useDashboardNotification();
-
-  const { handleSubmit, control, getValues, setError } = useForm<SendgridEventConfiguration>({
-    defaultValues: initialData,
-  });
-
-  const styles = useStyles();
-
-  const { data: templateChoices, isLoading: isTemplateChoicesLoading } = useQuery({
-    queryKey: ["sendgridTemplates"],
-    queryFn: fetchTemplates({ apiKey: configuration.apiKey }),
-    enabled: !!configuration.apiKey?.length,
-  });
-
-  const CommonFieldProps: TextFieldProps = {
-    className: styles.field,
-    fullWidth: true,
-  };
-
-  const { mutate: updateEventConfiguration } =
-    trpcClient.sendgridConfiguration.updateEventConfiguration.useMutation({
-      onSuccess: (data) => {
-        notifySuccess("Configuration saved");
-      },
-      onError: (error) => {
-        let isFieldErrorSet = false;
-        const fieldErrors = error.data?.zodError?.fieldErrors || {};
-        for (const fieldName in fieldErrors) {
-          for (const message of fieldErrors[fieldName] || []) {
-            isFieldErrorSet = true;
-            setError(fieldName as keyof SendgridEventConfiguration, {
-              type: "manual",
-              message,
-            });
-          }
-        }
-        const formErrors = error.data?.zodError?.formErrors || [];
-        const formErrorMessage = formErrors.length ? formErrors.join("\n") : undefined;
-        notifyError(
-          "Could not save the configuration",
-          isFieldErrorSet ? "Submitted form contain errors" : "Error saving configuration",
-          formErrorMessage
-        );
-      },
-    });
-
-  return (
-    <div className={styles.viewContainer}>
-      <div className={styles.header}>
-        <IconButton
-          variant="secondary"
-          onClick={() => {
-            router.push(sendgridUrls.configuration(configurationId));
-          }}
-        >
-          <BackSmallIcon />
-        </IconButton>
-        <Typography variant="h2">
-          {messageEventTypesLabels[eventType]} event configuration
-        </Typography>
-      </div>
-      <Grid container spacing={2}>
-        <Grid item xs={12} lg={7}>
-          <form
-            onSubmit={handleSubmit((data, event) => {
-              updateEventConfiguration({ ...data, configurationId });
-            })}
-            className={styles.form}
-          >
-            <Controller
-              control={control}
-              name="active"
-              render={({ field: { value, name, onChange } }) => (
-                <div className={styles.field}>
-                  {/* TODO: fix types in the MacawUI */}
-                  {/* @ts-ignore: MacawUI use wrong type for */}
-                  <SwitchSelector key={name} className={styles.field}>
-                    {[
-                      { label: "Active", value: true },
-                      { label: "Disabled", value: false },
-                    ].map((button) => (
-                      // @ts-ignore: MacawUI use wrong type for SwitchSelectorButton
-                      <SwitchSelectorButton
-                        value={button.value.toString()}
-                        onClick={() => onChange(button.value)}
-                        activeTab={value.toString()}
-                        key={button.label}
-                      >
-                        {button.label}
-                      </SwitchSelectorButton>
-                    ))}
-                  </SwitchSelector>
-                </div>
-              )}
-            />
-
-            <Controller
-              control={control}
-              name="template"
-              render={({ field: { value, onChange } }) => {
-                return (
-                  <FormControl className={styles.field} fullWidth>
-                    <InputLabel>Template</InputLabel>
-                    <Select
-                      variant="outlined"
-                      value={value}
-                      onChange={(event, val) => {
-                        onChange(event.target.value);
-                      }}
-                    >
-                      <MenuItem key="none" value={undefined}>
-                        No template
-                      </MenuItem>
-                      {!!templateChoices &&
-                        templateChoices.map((choice) => (
-                          <MenuItem key={choice.value} value={choice.value}>
-                            {choice.label}
-                          </MenuItem>
-                        ))}
-                    </Select>
-                    {!templateChoices?.length && (
-                      <Typography variant="caption" color="textSecondary">
-                        No templates found in your account. Visit Sendgrid dashboard and create one.
-                      </Typography>
-                    )}
-                  </FormControl>
-                );
-              }}
-            />
-
-            <Button type="submit" fullWidth variant="primary">
-              Save configuration
-            </Button>
-          </form>
-        </Grid>
-      </Grid>
-    </div>
-  );
-};
diff --git a/apps/emails-and-messages/src/modules/sendgrid/configuration/ui/sendgrid-instructions.tsx b/apps/emails-and-messages/src/modules/sendgrid/configuration/ui/sendgrid-instructions.tsx
deleted file mode 100644
index bfcb643..0000000
--- a/apps/emails-and-messages/src/modules/sendgrid/configuration/ui/sendgrid-instructions.tsx
+++ /dev/null
@@ -1,103 +0,0 @@
-import { Link, Paper, Typography } from "@material-ui/core";
-import { actions, useAppBridge } from "@saleor/app-sdk/app-bridge";
-import { makeStyles } from "@saleor/macaw-ui";
-
-const useStyles = makeStyles((theme) => {
-  return {
-    instructionsContainer: {
-      padding: 15,
-    },
-  };
-});
-
-export const SendgridInstructions = () => {
-  const styles = useStyles();
-
-  const { appBridge } = useAppBridge();
-
-  return (
-    <Paper elevation={0} className={styles.instructionsContainer}>
-      <Typography paragraph variant="h4">
-        Sendgrid Provider
-      </Typography>
-      <Typography paragraph>
-        The integration uses dynamic email templates to send the messages to your customers.
-      </Typography>
-
-      <Typography paragraph>
-        <Link
-          href="https://sendgrid.com/"
-          onClick={(event) => {
-            event.preventDefault();
-            appBridge?.dispatch(
-              actions.Redirect({
-                to: "https://sendgrid.com/",
-                newContext: true,
-              })
-            );
-          }}
-        >
-          Visit the Sendgrid Homepage
-        </Link>
-      </Typography>
-      <Typography paragraph variant="h4">
-        How to configure
-      </Typography>
-
-      <Typography paragraph>
-        Before configuring the app, make sure you have a Sendgrid account set up. To proceed you
-        will need:
-        <br />
-        <Link
-          href="https://app.sendgrid.com/settings/api_keys"
-          onClick={(event) => {
-            event.preventDefault();
-            appBridge?.dispatch(
-              actions.Redirect({
-                to: "https://app.sendgrid.com/settings/api_keys",
-                newContext: true,
-              })
-            );
-          }}
-        >
-          API key which can be generated in the Sendgrid dashboard
-        </Link>
-        <br />
-        <Link
-          href="https://app.sendgrid.com/settings/sender_auth"
-          onClick={(event) => {
-            event.preventDefault();
-            appBridge?.dispatch(
-              actions.Redirect({
-                to: "https://app.sendgrid.com/settings/sender_auth",
-                newContext: true,
-              })
-            );
-          }}
-        >
-          Verified sender account
-        </Link>
-        <br />
-        <Link
-          href="https://mc.sendgrid.com/dynamic-templates"
-          onClick={(event) => {
-            event.preventDefault();
-            appBridge?.dispatch(
-              actions.Redirect({
-                to: "https://mc.sendgrid.com/dynamic-templates",
-                newContext: true,
-              })
-            );
-          }}
-        >
-          Created dynamic email templates
-        </Link>
-      </Typography>
-
-      <Typography paragraph>
-        Create a new configuration and fill in the required fields. After the configuration is
-        saved, you will be able to assign the email template to each of the events.
-      </Typography>
-    </Paper>
-  );
-};
diff --git a/apps/emails-and-messages/src/modules/sendgrid/configuration/ui/sendgrid-templates-card.tsx b/apps/emails-and-messages/src/modules/sendgrid/configuration/ui/sendgrid-templates-card.tsx
deleted file mode 100644
index 0b0ca85..0000000
--- a/apps/emails-and-messages/src/modules/sendgrid/configuration/ui/sendgrid-templates-card.tsx
+++ /dev/null
@@ -1,131 +0,0 @@
-import { Divider, Paper, Typography } from "@material-ui/core";
-import React from "react";
-import {
-  EditIcon,
-  IconButton,
-  List,
-  ListHeader,
-  ListItem,
-  ListItemCell,
-  makeStyles,
-  SwitchSelector,
-  SwitchSelectorButton,
-} from "@saleor/macaw-ui";
-import { useRouter } from "next/router";
-import { messageEventTypesLabels } from "../../../event-handlers/message-event-types";
-import { trpcClient } from "../../../trpc/trpc-client";
-import { useAppBridge, actions } from "@saleor/app-sdk/app-bridge";
-import { SendgridConfiguration } from "../sendgrid-config";
-import { sendgridUrls } from "../../urls";
-import { useDashboardNotification } from "@saleor/apps-shared";
-
-const useStyles = makeStyles((theme) => {
-  return {
-    spaceBetween: {
-      display: "flex",
-      justifyContent: "space-between",
-      alignItems: "center",
-    },
-    rowActions: {
-      display: "flex",
-      justifyContent: "flex-end",
-      gap: theme.spacing(1),
-    },
-    tableRow: {
-      minHeight: "48px",
-      "&::after": {
-        display: "none",
-      },
-    },
-  };
-});
-
-interface SendgridTemplatesCardProps {
-  configurationId: string;
-  configuration: SendgridConfiguration;
-  onEventChanged: () => void;
-}
-
-export const SendgridTemplatesCard = ({
-  configurationId,
-  configuration,
-  onEventChanged,
-}: SendgridTemplatesCardProps) => {
-  const classes = useStyles();
-  const router = useRouter();
-  const { notifySuccess } = useDashboardNotification();
-
-  const { mutate: updateEventConfiguration } =
-    trpcClient.sendgridConfiguration.updateEventConfiguration.useMutation({
-      onSuccess(_data, variables) {
-        onEventChanged();
-        notifySuccess(variables.active ? "Event enabled" : "Event disabled");
-      },
-    });
-
-  return (
-    <Paper elevation={0}>
-      <ListHeader>
-        <ListItem className={classes.tableRow}>
-          <ListItemCell>Supported events and templates</ListItemCell>
-        </ListItem>
-      </ListHeader>
-      <List gridTemplate={["1fr"]}>
-        <Divider />
-        {configuration.events.map((eventConfiguration) => (
-          <React.Fragment key={eventConfiguration.eventType}>
-            <ListItem className={classes.tableRow}>
-              <ListItemCell>
-                <div className={classes.spaceBetween}>
-                  <Typography>{messageEventTypesLabels[eventConfiguration.eventType]}</Typography>
-                  <div className={classes.rowActions}>
-                    {/* TODO: fix types in the MacawUI */}
-                    {/* @ts-ignore: MacawUI use wrong type for */}
-                    <SwitchSelector key={eventConfiguration.eventType}>
-                      {[
-                        { label: "Active", value: true },
-                        { label: "Disabled", value: false },
-                      ].map((button) => (
-                        // @ts-ignore: MacawUI use wrong type for SwitchSelectorButton
-                        <SwitchSelectorButton
-                          value={button.value.toString()}
-                          onClick={() => {
-                            updateEventConfiguration({
-                              configurationId,
-                              ...eventConfiguration,
-                              active: button.value,
-                            });
-                          }}
-                          activeTab={eventConfiguration.active.toString()}
-                          key={button.label}
-                        >
-                          {button.label}
-                        </SwitchSelectorButton>
-                      ))}
-                    </SwitchSelector>
-                    <IconButton
-                      variant="secondary"
-                      onClick={(event) => {
-                        event.stopPropagation();
-                        event.preventDefault();
-                        router.push(
-                          sendgridUrls.eventConfiguration(
-                            configurationId,
-                            eventConfiguration.eventType
-                          )
-                        );
-                      }}
-                    >
-                      <EditIcon />
-                    </IconButton>
-                  </div>
-                </div>
-              </ListItemCell>
-            </ListItem>
-            <Divider />
-          </React.Fragment>
-        ))}
-      </List>
-    </Paper>
-  );
-};
diff --git a/apps/emails-and-messages/src/modules/sendgrid/configuration/ui/template-selection-field.tsx b/apps/emails-and-messages/src/modules/sendgrid/configuration/ui/template-selection-field.tsx
deleted file mode 100644
index 5768b1d..0000000
--- a/apps/emails-and-messages/src/modules/sendgrid/configuration/ui/template-selection-field.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import { MenuItem, Select } from "@material-ui/core";
-
-interface TemplateSelectionFieldProps {
-  templateChoices?: { label: string; value: string }[];
-  value?: string;
-  onChange: (value: unknown) => void;
-}
-
-export const TemplateSelectionField = ({
-  value,
-  onChange,
-  templateChoices,
-}: TemplateSelectionFieldProps) => {
-  return (
-    <Select
-      variant="outlined"
-      value={value}
-      onChange={(event, val) => onChange(event.target.value)}
-    >
-      {!templateChoices?.length ? (
-        <MenuItem value="">No templates available</MenuItem>
-      ) : (
-        templateChoices.map((choice) => (
-          <MenuItem key={choice.value} value={choice.value}>
-            {choice.label}
-          </MenuItem>
-        ))
-      )}
-    </Select>
-  );
-};
diff --git a/apps/emails-and-messages/src/modules/ui/app-columns-layout.tsx b/apps/emails-and-messages/src/modules/ui/app-columns-layout.tsx
deleted file mode 100644
index ca26174..0000000
--- a/apps/emails-and-messages/src/modules/ui/app-columns-layout.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { makeStyles } from "@saleor/macaw-ui";
-import { PropsWithChildren } from "react";
-
-const useStyles = makeStyles((theme) => ({
-  root: {
-    display: "grid",
-    gridTemplateColumns: "auto 400px",
-    alignItems: "start",
-    gap: theme.spacing(3),
-    padding: "20px 0",
-  },
-}));
-
-type AppColumnsLayoutProps = PropsWithChildren<{}>;
-
-export const AppColumnsLayout = ({ children }: AppColumnsLayoutProps) => {
-  const styles = useStyles();
-
-  return <div className={styles.root}>{children}</div>;
-};
diff --git a/apps/emails-and-messages/src/modules/ui/code-editor.tsx b/apps/emails-and-messages/src/modules/ui/code-editor.tsx
deleted file mode 100644
index d8d0947..0000000
--- a/apps/emails-and-messages/src/modules/ui/code-editor.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import React, { useCallback, useRef } from "react";
-
-import Editor from "@monaco-editor/react";
-import { useTheme } from "@saleor/macaw-ui";
-
-type Props = {
-  onChange(value: string): void;
-  initialTemplate: string;
-  value: string;
-  language: string;
-};
-
-export const CodeEditor = ({ initialTemplate, onChange, value, language }: Props) => {
-  const { themeType } = useTheme();
-  const editorRef = useRef(null);
-
-  // @ts-ignore
-  function handleEditorDidMount(editor, monaco) {
-    editorRef.current = editor;
-  }
-
-  const handleOnChange = useCallback(
-    (value?: string) => {
-      onChange(value ?? "");
-    },
-    [value]
-  );
-
-  return (
-    <>
-      <Editor
-        height="600px"
-        value={value}
-        theme={themeType === "dark" ? "vs-dark" : "vs-light"}
-        defaultLanguage={language}
-        defaultValue={initialTemplate}
-        onMount={handleEditorDidMount}
-        onChange={handleOnChange}
-      />
-    </>
-  );
-};
diff --git a/apps/emails-and-messages/src/modules/ui/configuration-page-base-layout.tsx b/apps/emails-and-messages/src/modules/ui/configuration-page-base-layout.tsx
deleted file mode 100644
index 06b9b19..0000000
--- a/apps/emails-and-messages/src/modules/ui/configuration-page-base-layout.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import React, { PropsWithChildren } from "react";
-import { makeStyles, PageTab, PageTabs } from "@saleor/macaw-ui";
-import { useRouter } from "next/router";
-
-const useStyles = makeStyles((theme) => ({
-  appContainer: {
-    marginTop: theme.spacing(3),
-    marginLeft: theme.spacing(3),
-  },
-}));
-
-type Props = PropsWithChildren<{}>;
-
-export const ConfigurationPageBaseLayout = ({ children }: Props) => {
-  const styles = useStyles();
-
-  const router = useRouter();
-  const tabs = [
-    {
-      key: "channels",
-      label: "Channels",
-      url: "/configuration/channels",
-    },
-    { key: "mjml", label: "MJML", url: "/configuration/mjml" },
-    {
-      key: "sendgrid",
-      label: "Sendgrid",
-      url: "/configuration/sendgrid",
-    },
-  ];
-
-  const activePath = tabs.find((tab) => router.pathname.startsWith(tab.url))?.key;
-
-  const navigateToTab = (value: string) => {
-    const redirectionUrl = tabs.find((tab) => tab.key === value)?.url;
-    if (redirectionUrl) {
-      router.push(redirectionUrl);
-    }
-  };
-  return (
-    <div className={styles.appContainer}>
-      <PageTabs value={activePath} onChange={navigateToTab}>
-        {tabs.map((tab) => (
-          <PageTab key={tab.key} value={tab.key} label={tab.label} />
-        ))}
-      </PageTabs>
-      {children}
-    </div>
-  );
-};
diff --git a/apps/emails-and-messages/src/modules/ui/loading-indicator.tsx b/apps/emails-and-messages/src/modules/ui/loading-indicator.tsx
deleted file mode 100644
index 982a90a..0000000
--- a/apps/emails-and-messages/src/modules/ui/loading-indicator.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { CircularProgress } from "@material-ui/core";
-import { makeStyles } from "@saleor/macaw-ui";
-
-const useStyles = makeStyles((theme) => {
-  return {
-    loaderContainer: {
-      margin: "50px auto",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-    },
-  };
-});
-
-export const LoadingIndicator = () => {
-  const styles = useStyles();
-  return (
-    <div className={styles.loaderContainer}>
-      <CircularProgress color="primary" />
-    </div>
-  );
-};
diff --git a/apps/emails-and-messages/src/not-ready.tsx b/apps/emails-and-messages/src/not-ready.tsx
index daa4739..d13a713 100644
--- a/apps/emails-and-messages/src/not-ready.tsx
+++ b/apps/emails-and-messages/src/not-ready.tsx
@@ -1,6 +1,4 @@
-import { AlertBase, Button } from "@saleor/macaw-ui";
 import React from "react";
-import { Typography } from "@material-ui/core";
 import { actions, useAppBridge } from "@saleor/app-sdk/app-bridge";
 import { appName } from "./const";
 
@@ -10,26 +8,7 @@ export const NotReadyPage = () => {
   return (
     <div>
       <h1>{appName}</h1>
-      <AlertBase variant="error">
-        <Typography variant="h3" paragraph>
-          App can not be used
-        </Typography>
-        <Typography paragraph>
-          To configure the app you need to create at least 1 channel
-        </Typography>
-        <Button
-          variant="primary"
-          onClick={() => {
-            appBridge?.dispatch(
-              actions.Redirect({
-                to: `/channels/add`,
-              })
-            );
-          }}
-        >
-          Set up channel
-        </Button>
-      </AlertBase>
+      App can not be used
     </div>
   );
 };
diff --git a/apps/emails-and-messages/src/pages/configuration/channels/index.tsx b/apps/emails-and-messages/src/pages/configuration/channels/index.tsx
deleted file mode 100644
index adbcf77..0000000
--- a/apps/emails-and-messages/src/pages/configuration/channels/index.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import { NextPage } from "next";
-import React, { useEffect } from "react";
-import { useRouter } from "next/router";
-import { trpcClient } from "../../../modules/trpc/trpc-client";
-import { ConfigurationPageBaseLayout } from "../../../modules/ui/configuration-page-base-layout";
-
-const ChannelsConfigurationPage: NextPage = () => {
-  const channels = trpcClient.channels.fetch.useQuery();
-  const router = useRouter();
-
-  const sendgridConfigurations = trpcClient.sendgridConfiguration.getConfigurations.useQuery();
-  const mjmlConfigurations = trpcClient.mjmlConfiguration.getConfigurations.useQuery();
-
-  useEffect(() => {
-    if (router && channels.isSuccess && channels.data.length === 0) {
-      router.push("/not-ready");
-    }
-  }, [channels.data, channels.isSuccess, router]);
-  return (
-    <ConfigurationPageBaseLayout>
-      Sendgrid configurations:
-      <ul>
-        {sendgridConfigurations.data?.map((c) => (
-          <li key={c.id}>{c.configurationName}</li>
-        ))}
-      </ul>
-      MJML configurations:
-      <ul>
-        {mjmlConfigurations.data?.map((c) => (
-          <li key={c.id}>{c.configurationName}</li>
-        ))}
-      </ul>
-    </ConfigurationPageBaseLayout>
-  );
-};
-
-export default ChannelsConfigurationPage;
diff --git a/apps/emails-and-messages/src/pages/configuration/mjml/[[...configurationId]].tsx b/apps/emails-and-messages/src/pages/configuration/mjml/[[...configurationId]].tsx
deleted file mode 100644
index 0a76a17..0000000
--- a/apps/emails-and-messages/src/pages/configuration/mjml/[[...configurationId]].tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { NextPage } from "next";
-import React from "react";
-import { useRouter } from "next/router";
-import { ConfigurationPageBaseLayout } from "../../../modules/ui/configuration-page-base-layout";
-import { MjmlConfigurationTab } from "../../../modules/mjml/configuration/ui/mjml-configuration-tab";
-
-const MjmlConfigurationPage: NextPage = () => {
-  const router = useRouter();
-  const configurationId = router.query.configurationId
-    ? router.query.configurationId[0] // optional routes are passed as an array
-    : undefined;
-  return (
-    <ConfigurationPageBaseLayout>
-      <MjmlConfigurationTab configurationId={configurationId} />
-    </ConfigurationPageBaseLayout>
-  );
-};
-
-export default MjmlConfigurationPage;
diff --git a/apps/emails-and-messages/src/pages/configuration/mjml/[configurationId]/event/[eventType].tsx b/apps/emails-and-messages/src/pages/configuration/mjml/[configurationId]/event/[eventType].tsx
deleted file mode 100644
index 776b8e6..0000000
--- a/apps/emails-and-messages/src/pages/configuration/mjml/[configurationId]/event/[eventType].tsx
+++ /dev/null
@@ -1,69 +0,0 @@
-import { NextPage } from "next";
-import React from "react";
-import { useRouter } from "next/router";
-import { trpcClient } from "../../../../../modules/trpc/trpc-client";
-
-import { parseMessageEventType } from "../../../../../modules/event-handlers/parse-message-event-type";
-import { ConfigurationPageBaseLayout } from "../../../../../modules/ui/configuration-page-base-layout";
-import { EventConfigurationForm } from "../../../../../modules/mjml/configuration/ui/mjml-event-configuration-form";
-import { LoadingIndicator } from "../../../../../modules/ui/loading-indicator";
-
-const EventConfigurationPage: NextPage = () => {
-  const router = useRouter();
-
-  const configurationId = router.query.configurationId as string;
-  const eventTypeFromQuery = router.query.eventType as string | undefined;
-  const eventType = parseMessageEventType(eventTypeFromQuery);
-
-  const {
-    data: configuration,
-    isError,
-    isFetched,
-    isLoading,
-    error,
-  } = trpcClient.mjmlConfiguration.getEventConfiguration.useQuery(
-    {
-      configurationId,
-      // if event type is not valid, it calling the query will not be enabled
-      // so we can safely cast it
-      eventType: eventType!,
-    },
-    {
-      enabled: !!configurationId && !!eventType,
-    }
-  );
-
-  // TODO: better error messages
-  if (!eventType || !configurationId) {
-    return <>Error: no event type or configuration id</>;
-  }
-  if (isLoading) {
-    return (
-      <ConfigurationPageBaseLayout>
-        <LoadingIndicator />
-      </ConfigurationPageBaseLayout>
-    );
-  }
-
-  if (isError) {
-    return (
-      <>
-        Error: could not load the config: fetched: {isFetched} is error {isError}
-      </>
-    );
-  }
-  if (!configuration) {
-    return <>Error: no configuration with given id</>;
-  }
-  return (
-    <ConfigurationPageBaseLayout>
-      <EventConfigurationForm
-        initialData={configuration}
-        configurationId={configurationId}
-        eventType={eventType}
-      />
-    </ConfigurationPageBaseLayout>
-  );
-};
-
-export default EventConfigurationPage;
diff --git a/apps/emails-and-messages/src/pages/configuration/sendgrid/[[...configurationId]].tsx b/apps/emails-and-messages/src/pages/configuration/sendgrid/[[...configurationId]].tsx
deleted file mode 100644
index 203aa0b..0000000
--- a/apps/emails-and-messages/src/pages/configuration/sendgrid/[[...configurationId]].tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { NextPage } from "next";
-import React from "react";
-import { useRouter } from "next/router";
-import { ConfigurationPageBaseLayout } from "../../../modules/ui/configuration-page-base-layout";
-import { SendgridConfigurationTab } from "../../../modules/sendgrid/configuration/ui/sendgrid-configuration-tab";
-
-const SendgridConfigurationPage: NextPage = () => {
-  const router = useRouter();
-  const configurationId = router.query.configurationId
-    ? router.query.configurationId[0] // optional routes are passed as an array
-    : undefined;
-  return (
-    <ConfigurationPageBaseLayout>
-      <SendgridConfigurationTab configurationId={configurationId} />
-    </ConfigurationPageBaseLayout>
-  );
-};
-
-export default SendgridConfigurationPage;
diff --git a/apps/emails-and-messages/src/pages/configuration/sendgrid/[configurationId]/event/[eventType].tsx b/apps/emails-and-messages/src/pages/configuration/sendgrid/[configurationId]/event/[eventType].tsx
deleted file mode 100644
index 122c0e7..0000000
--- a/apps/emails-and-messages/src/pages/configuration/sendgrid/[configurationId]/event/[eventType].tsx
+++ /dev/null
@@ -1,77 +0,0 @@
-import { NextPage } from "next";
-import React from "react";
-import { useRouter } from "next/router";
-import { trpcClient } from "../../../../../modules/trpc/trpc-client";
-
-import { parseMessageEventType } from "../../../../../modules/event-handlers/parse-message-event-type";
-import { ConfigurationPageBaseLayout } from "../../../../../modules/ui/configuration-page-base-layout";
-import { LoadingIndicator } from "../../../../../modules/ui/loading-indicator";
-import { EventConfigurationForm } from "../../../../../modules/sendgrid/configuration/ui/sendgrid-event-configuration-form";
-
-const EventConfigurationPage: NextPage = () => {
-  const router = useRouter();
-
-  const configurationId = router.query.configurationId as string;
-  const eventTypeFromQuery = router.query.eventType as string | undefined;
-  const eventType = parseMessageEventType(eventTypeFromQuery);
-
-  const {
-    data: eventConfiguration,
-    isError,
-    isFetched,
-    isLoading,
-  } = trpcClient.sendgridConfiguration.getEventConfiguration.useQuery(
-    {
-      configurationId,
-      // if event type is not valid, it calling the query will not be enabled
-      // so we can safely cast it
-      eventType: eventType!,
-    },
-    {
-      enabled: !!configurationId && !!eventType,
-    }
-  );
-
-  const { data: configuration } = trpcClient.sendgridConfiguration.getConfiguration.useQuery(
-    {
-      id: configurationId,
-    },
-    {
-      enabled: !!configurationId,
-    }
-  );
-
-  if (!eventType || !configurationId) {
-    return <>Error: no event type or configuration id</>;
-  }
-  if (isLoading) {
-    return (
-      <ConfigurationPageBaseLayout>
-        <LoadingIndicator />
-      </ConfigurationPageBaseLayout>
-    );
-  }
-
-  if (isError) {
-    return (
-      <>
-        Error: could not load the config: fetched: {isFetched} is error {isError}
-      </>
-    );
-  }
-  if (!eventConfiguration || !configuration) {
-    return <>Error: no configuration with given id</>;
-  }
-  return (
-    <ConfigurationPageBaseLayout>
-      <EventConfigurationForm
-        initialData={eventConfiguration}
-        configurationId={configurationId}
-        configuration={configuration}
-        eventType={eventType}
-      />
-    </ConfigurationPageBaseLayout>
-  );
-};
-
-export default EventConfigurationPage;
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 994bb22..e01e0a5 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -102,7 +102,7 @@ importers:
         version: 9.0.0
       vite:
         specifier: ^4.3.1
-        version: 4.3.6(@types/node@18.13.0)
+        version: 4.3.1(@types/node@18.13.0)
       zod:
         specifier: ^3.19.1
         version: 3.20.2
@@ -148,7 +148,7 @@ importers:
         version: 8.3.4
       '@vitejs/plugin-react':
         specifier: ^3.1.0
-        version: 3.1.0(vite@4.3.6)
+        version: 3.1.0(vite@4.3.1)
       eslint:
         specifier: 8.25.0
         version: 8.25.0
@@ -208,7 +208,7 @@ importers:
         version: 1.0.0(graphql@16.6.0)
       '@vitejs/plugin-react':
         specifier: ^3.0.1
-        version: 3.1.0(vite@4.3.6)
+        version: 3.1.0(vite@4.3.1)
       clsx:
         specifier: ^1.2.1
         version: 1.2.1
@@ -253,7 +253,7 @@ importers:
         version: 2.9.1(react-dom@18.2.0)(react@18.2.0)
       vite:
         specifier: ^4.3.1
-        version: 4.3.6(@types/node@18.13.0)
+        version: 4.3.1(@types/node@18.13.0)
       vitest:
         specifier: ^0.30.1
         version: 0.30.1(jsdom@20.0.3)
@@ -353,7 +353,7 @@ importers:
         version: 1.0.0(graphql@16.6.0)
       '@vitejs/plugin-react':
         specifier: ^3.1.0
-        version: 3.1.0(vite@4.3.6)
+        version: 3.1.0(vite@4.3.1)
       clsx:
         specifier: ^1.2.1
         version: 1.2.1
@@ -398,7 +398,7 @@ importers:
         version: 2.9.1(react-dom@18.2.0)(react@18.2.0)
       vite:
         specifier: ^4.3.1
-        version: 4.3.6(@types/node@18.13.0)
+        version: 4.3.1(@types/node@18.13.0)
       vitest:
         specifier: ^0.30.1
         version: 0.30.1(jsdom@20.0.3)
@@ -466,15 +466,6 @@ importers:
 
   apps/emails-and-messages:
     dependencies:
-      '@material-ui/core':
-        specifier: ^4.12.4
-        version: 4.12.4(@types/react@18.0.27)(react-dom@18.2.0)(react@18.2.0)
-      '@material-ui/icons':
-        specifier: ^4.11.3
-        version: 4.11.3(@material-ui/core@4.12.4)(@types/react@18.0.27)(react-dom@18.2.0)(react@18.2.0)
-      '@material-ui/lab':
-        specifier: 4.0.0-alpha.61
-        version: 4.0.0-alpha.61(@material-ui/core@4.12.4)(@types/react@18.0.27)(react-dom@18.2.0)(react@18.2.0)
       '@monaco-editor/react':
         specifier: ^4.4.6
         version: 4.4.6(monaco-editor@0.38.0)(react-dom@18.2.0)(react@18.2.0)
@@ -485,8 +476,8 @@ importers:
         specifier: workspace:*
         version: link:../../packages/shared
       '@saleor/macaw-ui':
-        specifier: ^0.7.2
-        version: 0.7.2(@material-ui/core@4.12.4)(@material-ui/icons@4.11.3)(@material-ui/lab@4.0.0-alpha.61)(@types/react@18.0.27)(react-dom@18.2.0)(react-helmet@6.1.0)(react@18.2.0)
+        specifier: 0.8.0-pre.72
+        version: 0.8.0-pre.72(@types/react@18.0.27)(react-dom@18.2.0)(react@18.2.0)
       '@sendgrid/client':
         specifier: ^7.7.0
         version: 7.7.0
@@ -516,7 +507,7 @@ importers:
         version: 1.0.0(graphql@16.6.0)
       '@vitejs/plugin-react':
         specifier: ^3.0.1
-        version: 3.1.0(vite@4.3.6)
+        version: 3.1.0(vite@4.3.1)
       clsx:
         specifier: ^1.2.1
         version: 1.2.1
@@ -576,7 +567,7 @@ importers:
         version: 2.9.1(react-dom@18.2.0)(react@18.2.0)
       vite:
         specifier: ^4.3.1
-        version: 4.3.6(@types/node@18.13.0)
+        version: 4.3.1(@types/node@18.13.0)
       vitest:
         specifier: ^0.30.1
         version: 0.30.1(jsdom@20.0.3)
@@ -779,7 +770,7 @@ importers:
         version: 3.0.2
       '@vitejs/plugin-react':
         specifier: ^3.0.0
-        version: 3.1.0(vite@4.3.6)
+        version: 3.1.0(vite@4.3.1)
       '@vitest/coverage-c8':
         specifier: ^0.28.4
         version: 0.28.4(jsdom@20.0.3)
@@ -800,7 +791,7 @@ importers:
         version: 4.9.5
       vite:
         specifier: ^4.3.1
-        version: 4.3.6(@types/node@18.13.0)
+        version: 4.3.1(@types/node@18.13.0)
       vitest:
         specifier: ^0.30.1
         version: 0.30.1(jsdom@20.0.3)
@@ -960,7 +951,7 @@ importers:
         version: 1.0.0(graphql@16.6.0)
       '@vitejs/plugin-react':
         specifier: ^3.0.1
-        version: 3.1.0(vite@4.3.6)
+        version: 3.1.0(vite@4.3.1)
       clsx:
         specifier: ^1.2.1
         version: 1.2.1
@@ -996,7 +987,7 @@ importers:
         version: 3.0.3(graphql@16.6.0)(react@18.2.0)
       vite:
         specifier: ^4.3.1
-        version: 4.3.6(@types/node@18.13.0)
+        version: 4.3.1(@types/node@18.13.0)
       vitest:
         specifier: ^0.30.1
         version: 0.30.1(jsdom@20.0.3)
@@ -1111,7 +1102,7 @@ importers:
         version: 1.0.0(graphql@16.6.0)
       '@vitejs/plugin-react':
         specifier: ^3.0.1
-        version: 3.1.0(vite@4.3.6)
+        version: 3.1.0(vite@4.3.1)
       clsx:
         specifier: ^1.2.1
         version: 1.2.1
@@ -1159,7 +1150,7 @@ importers:
         version: 2.9.1(react-dom@18.2.0)(react@18.2.0)
       vite:
         specifier: ^4.3.1
-        version: 4.3.6(@types/node@18.13.0)
+        version: 4.3.1(@types/node@18.13.0)
       vitest:
         specifier: ^0.30.1
         version: 0.30.1(jsdom@20.0.3)
@@ -1344,7 +1335,7 @@ importers:
         version: 18.0.10
       '@vitejs/plugin-react':
         specifier: ^4.0.0
-        version: 4.0.0(vite@4.3.6)
+        version: 4.0.0(vite@4.3.1)
       eslint:
         specifier: 8.27.0
         version: 8.27.0
@@ -1368,7 +1359,7 @@ importers:
         version: 4.8.4
       vite:
         specifier: ^4.3.1
-        version: 4.3.6(@types/node@18.13.0)
+        version: 4.3.1(@types/node@18.13.0)
       vitest:
         specifier: ^0.30.1
         version: 0.30.1(jsdom@20.0.3)
@@ -1600,7 +1591,7 @@ importers:
         version: 2.9.1(react-dom@18.2.0)(react@18.2.0)
       vite:
         specifier: ^4.3.1
-        version: 4.3.6(@types/node@18.13.0)
+        version: 4.3.1(@types/node@18.13.0)
       vitest:
         specifier: ^0.30.1
         version: 0.30.1(jsdom@20.0.3)
@@ -1652,7 +1643,7 @@ importers:
         version: 18.0.10
       '@vitejs/plugin-react':
         specifier: ^3.1.0
-        version: 3.1.0(vite@4.3.6)
+        version: 3.1.0(vite@4.3.1)
       eslint:
         specifier: 8.25.0
         version: 8.25.0
@@ -1819,7 +1810,7 @@ importers:
         version: 18.2.0(react@18.2.0)
       vite:
         specifier: ^4.3.1
-        version: 4.3.1(@types/node@18.13.0)
+        version: 4.3.1(@types/node@18.0.1)
       vitest:
         specifier: ^0.30.1
         version: 0.30.1(jsdom@20.0.3)
@@ -1972,9 +1963,9 @@ packages:
       graphql: '*'
     dependencies:
       '@babel/core': 7.21.8
-      '@babel/generator': 7.21.5
-      '@babel/parser': 7.21.8
-      '@babel/runtime': 7.21.5
+      '@babel/generator': 7.21.9
+      '@babel/parser': 7.21.9
+      '@babel/runtime': 7.20.13
       '@babel/traverse': 7.21.5
       '@babel/types': 7.21.5
       babel-preset-fbjs: 3.4.0(@babel/core@7.21.8)
@@ -2959,14 +2950,24 @@ packages:
       tslib: 2.5.0
     dev: false
 
+  /@babel/code-frame@7.18.6:
+    resolution: {integrity: sha512-TDCmlK5eOvH+eH7cdAFlNXeVJqWIQ7gW9tY1GJIpUtFb6CmjVyq2VM3u71bOyR8CRihcCgMUYoDNyLXao3+70Q==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/highlight': 7.18.6
+
   /@babel/code-frame@7.21.4:
     resolution: {integrity: sha512-LYvhNKfwWSPpocw8GI7gpK2nq3HSDuEPC/uSYaALSJu9xjsalaaYFOq0Pwt5KmVqwEbZlDu81aLXwBOmD/Fv9g==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/highlight': 7.18.6
 
-  /@babel/compat-data@7.21.7:
-    resolution: {integrity: sha512-KYMqFYTaenzMK4yUtf4EW9wc4N9ef80FsbMtkwool5zpwl4YrT1SdWYSTRcT94KO4hannogdS+LxY7L+arP3gA==}
+  /@babel/compat-data@7.20.14:
+    resolution: {integrity: sha512-0YpKHD6ImkWMEINCyDAD0HLLUH/lPCefG8ld9it8DJB2wnApraKuhgYTvTY1z7UFIfBTGy5LwncZ+5HWWGbhFw==}
+    engines: {node: '>=6.9.0'}
+
+  /@babel/compat-data@7.21.9:
+    resolution: {integrity: sha512-FUGed8kfhyWvbYug/Un/VPJD41rDIgoVVcR+FuzhzOYyRz5uED+Gd3SLZml0Uw2l2aHFb7ZgdW5mGA3G2cCCnQ==}
     engines: {node: '>=6.9.0'}
 
   /@babel/core@7.20.12:
@@ -2974,15 +2975,15 @@ packages:
     engines: {node: '>=6.9.0'}
     dependencies:
       '@ampproject/remapping': 2.2.0
-      '@babel/code-frame': 7.21.4
-      '@babel/generator': 7.21.5
-      '@babel/helper-compilation-targets': 7.21.5(@babel/core@7.20.12)
-      '@babel/helper-module-transforms': 7.21.5
-      '@babel/helpers': 7.21.5
-      '@babel/parser': 7.21.8
+      '@babel/code-frame': 7.18.6
+      '@babel/generator': 7.20.14
+      '@babel/helper-compilation-targets': 7.20.7(@babel/core@7.20.12)
+      '@babel/helper-module-transforms': 7.20.11
+      '@babel/helpers': 7.20.13
+      '@babel/parser': 7.20.15
       '@babel/template': 7.20.7
-      '@babel/traverse': 7.21.5
-      '@babel/types': 7.21.5
+      '@babel/traverse': 7.20.13
+      '@babel/types': 7.20.7
       convert-source-map: 1.9.0
       debug: 4.3.4
       gensync: 1.0.0-beta.2
@@ -2997,11 +2998,11 @@ packages:
     dependencies:
       '@ampproject/remapping': 2.2.0
       '@babel/code-frame': 7.21.4
-      '@babel/generator': 7.21.5
+      '@babel/generator': 7.21.9
       '@babel/helper-compilation-targets': 7.21.5(@babel/core@7.21.8)
       '@babel/helper-module-transforms': 7.21.5
       '@babel/helpers': 7.21.5
-      '@babel/parser': 7.21.8
+      '@babel/parser': 7.21.9
       '@babel/template': 7.20.7
       '@babel/traverse': 7.21.5
       '@babel/types': 7.21.5
@@ -3017,13 +3018,12 @@ packages:
     resolution: {integrity: sha512-AEmuXHdcD3A52HHXxaTmYlb8q/xMEhoRP67B3T4Oq7lbmSoqroMZzjnGj3+i1io3pdnF8iBYVu4Ilj+c4hBxYg==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.21.5
+      '@babel/types': 7.20.7
       '@jridgewell/gen-mapping': 0.3.2
       jsesc: 2.5.2
-    dev: true
 
-  /@babel/generator@7.21.5:
-    resolution: {integrity: sha512-SrKK/sRv8GesIW1bDagf9cCG38IOMYZusoe1dfg0D8aiUe3Amvoj1QtjTPAWcfrZFvIwlleLb0gxzQidL9w14w==}
+  /@babel/generator@7.21.9:
+    resolution: {integrity: sha512-F3fZga2uv09wFdEjEQIJxXALXfz0+JaOb7SabvVMmjHxeVTuGW8wgE8Vp1Hd7O+zMTYtcfEISGRzPkeiaPPsvg==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/types': 7.21.5
@@ -3045,15 +3045,15 @@ packages:
       '@babel/types': 7.21.5
     dev: true
 
-  /@babel/helper-compilation-targets@7.21.5(@babel/core@7.20.12):
-    resolution: {integrity: sha512-1RkbFGUKex4lvsB9yhIfWltJM5cZKUftB2eNajaDv3dCMEp49iBG0K14uH8NnX9IPux2+mK7JGEOB0jn48/J6w==}
+  /@babel/helper-compilation-targets@7.20.7(@babel/core@7.20.12):
+    resolution: {integrity: sha512-4tGORmfQcrc+bvrjb5y3dG9Mx1IOZjsHqQVUz7XCNHO+iTmqxWnVg3KRygjGmpRLJGdQSKuvFinbIb0CnZwHAQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/compat-data': 7.21.7
+      '@babel/compat-data': 7.20.14
       '@babel/core': 7.20.12
-      '@babel/helper-validator-option': 7.21.0
+      '@babel/helper-validator-option': 7.18.6
       browserslist: 4.21.5
       lru-cache: 5.1.1
       semver: 6.3.0
@@ -3064,7 +3064,7 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/compat-data': 7.21.7
+      '@babel/compat-data': 7.21.9
       '@babel/core': 7.21.8
       '@babel/helper-validator-option': 7.21.0
       browserslist: 4.21.5
@@ -3081,7 +3081,7 @@ packages:
       '@babel/helper-annotate-as-pure': 7.18.6
       '@babel/helper-environment-visitor': 7.21.5
       '@babel/helper-function-name': 7.21.0
-      '@babel/helper-member-expression-to-functions': 7.21.5
+      '@babel/helper-member-expression-to-functions': 7.20.7
       '@babel/helper-optimise-call-expression': 7.18.6
       '@babel/helper-replace-supers': 7.20.7
       '@babel/helper-skip-transparent-expression-wrappers': 7.20.0
@@ -3138,10 +3138,21 @@ packages:
       - supports-color
     dev: true
 
+  /@babel/helper-environment-visitor@7.18.9:
+    resolution: {integrity: sha512-3r/aACDJ3fhQ/EVgFy0hpj8oHyHpQc+LPtJoY9SzTThAsStm4Ptegq92vqKoE3vD706ZVFWITnMnxucw+S9Ipg==}
+    engines: {node: '>=6.9.0'}
+
   /@babel/helper-environment-visitor@7.21.5:
     resolution: {integrity: sha512-IYl4gZ3ETsWocUWgsFZLM5i1BYx9SoemminVEXadgLBa9TdeorzgLKm8wWLA6J1N/kT3Kch8XIk1laNzYoHKvQ==}
     engines: {node: '>=6.9.0'}
 
+  /@babel/helper-function-name@7.19.0:
+    resolution: {integrity: sha512-WAwHBINyrpqywkUH0nTnNgI5ina5TFn85HKS0pbPDfxFfhyR/aNQEn4hGi1P1JyT//I0t4OgXUlofzWILRvS5w==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/template': 7.20.7
+      '@babel/types': 7.21.5
+
   /@babel/helper-function-name@7.21.0:
     resolution: {integrity: sha512-HfK1aMRanKHpxemaY2gqBmL04iAPOPRj7DxtNbiDOrJK+gdwkiNRVpCpUJYbUT+aZyemKN8brqTOxzCaG6ExRg==}
     engines: {node: '>=6.9.0'}
@@ -3155,6 +3166,13 @@ packages:
     dependencies:
       '@babel/types': 7.21.5
 
+  /@babel/helper-member-expression-to-functions@7.20.7:
+    resolution: {integrity: sha512-9J0CxJLq315fEdi4s7xK5TQaNYjZw+nDVpVqr1axNGKzdrdwYBD5b4uKv3n75aABG0rCCTK8Im8Ww7eYfMrZgw==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': 7.21.5
+    dev: true
+
   /@babel/helper-member-expression-to-functions@7.21.5:
     resolution: {integrity: sha512-nIcGfgwpH2u4n9GG1HpStW5Ogx7x7ekiFHbjjFRKXbn5zUvqO9ZgotCO4x1aNbKn/x/xOUaXEhyNHCwtFCpxWg==}
     engines: {node: '>=6.9.0'}
@@ -3162,12 +3180,33 @@ packages:
       '@babel/types': 7.21.5
     dev: true
 
+  /@babel/helper-module-imports@7.18.6:
+    resolution: {integrity: sha512-0NFvs3VkuSYbFi1x2Vd6tKrywq+z/cLeYC/RJNFrIX/30Bf5aiGYbtvGXolEktzJH8o5E5KJ3tT+nkxuuZFVlA==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': 7.21.5
+
   /@babel/helper-module-imports@7.21.4:
     resolution: {integrity: sha512-orajc5T2PsRYUN3ZryCEFeMDYwyw09c/pZeaQEZPH0MpKzSvn3e0uXsDBu3k03VI+9DBiRo+l22BfKTpKwa/Wg==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/types': 7.21.5
 
+  /@babel/helper-module-transforms@7.20.11:
+    resolution: {integrity: sha512-uRy78kN4psmji1s2QtbtcCSaj/LILFDp0f/ymhpQH5QY3nljUZCaNWz9X1dEj/8MBdBEFECs7yRhKn8i7NjZgg==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/helper-environment-visitor': 7.18.9
+      '@babel/helper-module-imports': 7.18.6
+      '@babel/helper-simple-access': 7.20.2
+      '@babel/helper-split-export-declaration': 7.18.6
+      '@babel/helper-validator-identifier': 7.19.1
+      '@babel/template': 7.20.7
+      '@babel/traverse': 7.21.5
+      '@babel/types': 7.21.5
+    transitivePeerDependencies:
+      - supports-color
+
   /@babel/helper-module-transforms@7.21.5:
     resolution: {integrity: sha512-bI2Z9zBGY2q5yMHoBvJ2a9iX3ZOAzJPm7Q8Yz6YeoUjU/Cvhmi2G4QyTNyPBqqXSgTjUxRg3L0xV45HvkNWWBw==}
     engines: {node: '>=6.9.0'}
@@ -3197,6 +3236,7 @@ packages:
   /@babel/helper-plugin-utils@7.21.5:
     resolution: {integrity: sha512-0WDaIlXKOX/3KfBK/dwP1oQGiPh6rjMkT7HIRv7i5RR2VUMwrx5ZL0dwBkKx7+SW1zwNdgjHd34IMk5ZjTeHVg==}
     engines: {node: '>=6.9.0'}
+    dev: true
 
   /@babel/helper-remap-async-to-generator@7.18.9(@babel/core@7.21.8):
     resolution: {integrity: sha512-dI7q50YKd8BAv3VEfgg7PS7yD3Rtbi2J1XMXaalXO0W0164hYLnh8zpjRS0mte9MfVp/tltvr/cfdXPvJr1opA==}
@@ -3218,7 +3258,7 @@ packages:
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/helper-environment-visitor': 7.21.5
-      '@babel/helper-member-expression-to-functions': 7.21.5
+      '@babel/helper-member-expression-to-functions': 7.20.7
       '@babel/helper-optimise-call-expression': 7.18.6
       '@babel/template': 7.20.7
       '@babel/traverse': 7.21.5
@@ -3241,6 +3281,12 @@ packages:
       - supports-color
     dev: true
 
+  /@babel/helper-simple-access@7.20.2:
+    resolution: {integrity: sha512-+0woI/WPq59IrqDYbVGfshjT5Dmk/nnbdpcF8SnMhhXObpTq2KNBdLFRFrkVdbDOyUmHBCxzm5FHV1rACIkIbA==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': 7.21.5
+
   /@babel/helper-simple-access@7.21.5:
     resolution: {integrity: sha512-ENPDAMC1wAjR0uaCUwliBdiSl1KBJAVnMTzXqi64c2MG8MPR6ii4qf7bSXDqSFbr4W6W028/rf5ivoHop5/mkg==}
     engines: {node: '>=6.9.0'}
@@ -3263,7 +3309,6 @@ packages:
   /@babel/helper-string-parser@7.19.4:
     resolution: {integrity: sha512-nHtDoQcuqFmwYNYPz3Rah5ph2p8PFeFCsZk9A/48dPc/rGocJ5J3hAAZ7pb76VWX3fZKu+uEr/FhH5jLx7umrw==}
     engines: {node: '>=6.9.0'}
-    dev: true
 
   /@babel/helper-string-parser@7.21.5:
     resolution: {integrity: sha512-5pTUx3hAJaZIdW99sJ6ZUUgWq/Y+Hja7TowEnLNMm1VivRgZQL3vpBY3qUACVsvw+yQU6+YgfBVmcbLaZtrA1w==}
@@ -3273,6 +3318,10 @@ packages:
     resolution: {integrity: sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w==}
     engines: {node: '>=6.9.0'}
 
+  /@babel/helper-validator-option@7.18.6:
+    resolution: {integrity: sha512-XO7gESt5ouv/LRJdrVjkShckw6STTaB7l9BrpBaAHDeF5YZT+01PCwmR0SJHnkW6i8OwW/EVWRShfi4j2x+KQw==}
+    engines: {node: '>=6.9.0'}
+
   /@babel/helper-validator-option@7.21.0:
     resolution: {integrity: sha512-rmL/B8/f0mKS2baE9ZpyTcTavvEuWhTTW8amjzXNvYG4AwBsqTLikfXsEofsJEfKHf+HQVQbFOHy6o+4cnC/fQ==}
     engines: {node: '>=6.9.0'}
@@ -3289,6 +3338,16 @@ packages:
       - supports-color
     dev: true
 
+  /@babel/helpers@7.20.13:
+    resolution: {integrity: sha512-nzJ0DWCL3gB5RCXbUO3KIMMsBY2Eqbx8mBpKGE/02PgyRQFcPQLbkQ1vyy596mZLaP+dAfD+R4ckASzNVmW3jg==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/template': 7.20.7
+      '@babel/traverse': 7.21.5
+      '@babel/types': 7.21.5
+    transitivePeerDependencies:
+      - supports-color
+
   /@babel/helpers@7.21.5:
     resolution: {integrity: sha512-BSY+JSlHxOmGsPTydUkPf1MdMQ3M81x5xGCOVgWM3G8XH77sJ292Y2oqcp0CbbgxhqBuI46iUz1tT7hqP7EfgA==}
     engines: {node: '>=6.9.0'}
@@ -3307,8 +3366,15 @@ packages:
       chalk: 2.4.2
       js-tokens: 4.0.0
 
-  /@babel/parser@7.21.8:
-    resolution: {integrity: sha512-6zavDGdzG3gUqAdWvlLFfk+36RilI+Pwyuuh7HItyeScCWP3k6i8vKclAQ0bM/0y/Kz/xiwvxhMv9MgTJP5gmA==}
+  /@babel/parser@7.20.15:
+    resolution: {integrity: sha512-DI4a1oZuf8wC+oAJA9RW6ga3Zbe8RZFt7kD9i4qAspz3I/yHet1VvC3DiSy/fsUvv5pvJuNPh0LPOdCcqinDPg==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+    dependencies:
+      '@babel/types': 7.20.7
+
+  /@babel/parser@7.21.9:
+    resolution: {integrity: sha512-q5PNg/Bi1OpGgx5jYlvWZwAorZepEudDMCLtj967aeS7WMont7dUZI46M2XwcIQqvUlMxWfdLFu4S/qSxeUu5g==}
     engines: {node: '>=6.0.0'}
     hasBin: true
     dependencies:
@@ -3450,7 +3516,7 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/compat-data': 7.21.7
+      '@babel/compat-data': 7.21.9
       '@babel/core': 7.21.8
       '@babel/helper-compilation-targets': 7.21.5(@babel/core@7.21.8)
       '@babel/helper-plugin-utils': 7.21.5
@@ -3488,7 +3554,7 @@ packages:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.21.8
-      '@babel/helper-create-class-features-plugin': 7.21.8(@babel/core@7.21.8)
+      '@babel/helper-create-class-features-plugin': 7.20.12(@babel/core@7.21.8)
       '@babel/helper-plugin-utils': 7.21.5
     transitivePeerDependencies:
       - supports-color
@@ -3604,6 +3670,15 @@ packages:
       '@babel/helper-plugin-utils': 7.21.5
     dev: true
 
+  /@babel/plugin-syntax-jsx@7.18.6(@babel/core@7.21.8):
+    resolution: {integrity: sha512-6mmljtAedFGTWu2p/8WIORGwy+61PLgOMPOdazc7YoJ9ZCWUyFy3A6CpPkRKLKD1ToAesxX8KGEViAiLo9N+7Q==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.21.8
+      '@babel/helper-plugin-utils': 7.20.2
+
   /@babel/plugin-syntax-jsx@7.21.4(@babel/core@7.21.8):
     resolution: {integrity: sha512-5hewiLct5OKyh6PLKEYaFclcqtIgCb6bmELouxjF6up5q3Sov7rOayW4RwhbaBL0dit8rA80GNfY+UuDp2mBbQ==}
     engines: {node: '>=6.9.0'}
@@ -3612,6 +3687,7 @@ packages:
     dependencies:
       '@babel/core': 7.21.8
       '@babel/helper-plugin-utils': 7.21.5
+    dev: true
 
   /@babel/plugin-syntax-logical-assignment-operators@7.10.4(@babel/core@7.21.8):
     resolution: {integrity: sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==}
@@ -3694,7 +3770,7 @@ packages:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.21.8
-      '@babel/helper-plugin-utils': 7.21.5
+      '@babel/helper-plugin-utils': 7.20.2
     dev: true
 
   /@babel/plugin-transform-arrow-functions@7.21.5(@babel/core@7.21.8):
@@ -3814,6 +3890,17 @@ packages:
       '@babel/helper-plugin-utils': 7.21.5
     dev: true
 
+  /@babel/plugin-transform-flow-strip-types@7.19.0(@babel/core@7.21.8):
+    resolution: {integrity: sha512-sgeMlNaQVbCSpgLSKP4ZZKfsJVnFnNQlUSk6gPYzR/q7tzCgQF2t8RBKAP6cKJeZdveei7Q7Jm527xepI8lNLg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.21.8
+      '@babel/helper-plugin-utils': 7.21.5
+      '@babel/plugin-syntax-flow': 7.18.6(@babel/core@7.21.8)
+    dev: true
+
   /@babel/plugin-transform-flow-strip-types@7.21.0(@babel/core@7.21.8):
     resolution: {integrity: sha512-FlFA2Mj87a6sDkW4gfGrQQqwY/dLlBAyJa2dJEZ+FHXUVHBflO2wyKvg+OOEzXfrKYIa4HWl0mgmbCzt0cMb7w==}
     engines: {node: '>=6.9.0'}
@@ -3880,20 +3967,6 @@ packages:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-modules-commonjs@7.20.11(@babel/core@7.21.8):
-    resolution: {integrity: sha512-S8e1f7WQ7cimJQ51JkAaDrEtohVEitXjgCGAS2N8S31Y42E+kWwfSz83LYz57QdBm7q9diARVqanIaH2oVgQnw==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.21.8
-      '@babel/helper-module-transforms': 7.21.5
-      '@babel/helper-plugin-utils': 7.21.5
-      '@babel/helper-simple-access': 7.21.5
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /@babel/plugin-transform-modules-commonjs@7.21.5(@babel/core@7.21.8):
     resolution: {integrity: sha512-OVryBEgKUbtqMoB7eG2rs6UFexJi6Zj6FDXx+esBLPTCxCNxAY9o+8Di7IsUGJ+AVhp5ncK0fxWUBd0/1gPhrQ==}
     engines: {node: '>=6.9.0'}
@@ -4016,7 +4089,7 @@ packages:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/core': 7.21.8
-      '@babel/helper-plugin-utils': 7.21.5
+      '@babel/helper-plugin-utils': 7.20.2
     dev: true
 
   /@babel/plugin-transform-react-jsx-source@7.19.6(@babel/core@7.20.12):
@@ -4047,8 +4120,8 @@ packages:
       '@babel/core': 7.21.8
       '@babel/helper-annotate-as-pure': 7.18.6
       '@babel/helper-module-imports': 7.21.4
-      '@babel/helper-plugin-utils': 7.21.5
-      '@babel/plugin-syntax-jsx': 7.21.4(@babel/core@7.21.8)
+      '@babel/helper-plugin-utils': 7.20.2
+      '@babel/plugin-syntax-jsx': 7.18.6(@babel/core@7.21.8)
       '@babel/types': 7.21.5
     dev: true
 
@@ -4166,7 +4239,7 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/compat-data': 7.21.7
+      '@babel/compat-data': 7.21.9
       '@babel/core': 7.21.8
       '@babel/helper-compilation-targets': 7.21.5(@babel/core@7.21.8)
       '@babel/helper-plugin-utils': 7.21.5
@@ -4312,31 +4385,42 @@ packages:
     dependencies:
       regenerator-runtime: 0.13.11
 
-  /@babel/runtime@7.21.5:
-    resolution: {integrity: sha512-8jI69toZqqcsnqGGqwGS4Qb1VwLOEp4hz+CXPywcvjs60u3B4Pom/U/7rm4W8tMOYEB+E9wgD0mW1l3r8qlI9Q==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      regenerator-runtime: 0.13.11
-
   /@babel/template@7.20.7:
     resolution: {integrity: sha512-8SegXApWe6VoNw0r9JHpSteLKTpTiLZ4rMlGIm9JQ18KiCtyQiAMEazujAHrUS5flrcqYZa75ukev3P6QmUwUw==}
     engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/code-frame': 7.18.6
+      '@babel/parser': 7.20.15
+      '@babel/types': 7.20.7
+
+  /@babel/traverse@7.20.13:
+    resolution: {integrity: sha512-kMJXfF0T6DIS9E8cgdLCSAL+cuCK+YEZHWiLK0SXpTo8YRj5lpJu3CDNKiIBCne4m9hhTIqUg6SYTAI39tAiVQ==}
+    engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/code-frame': 7.21.4
-      '@babel/parser': 7.21.8
+      '@babel/generator': 7.21.9
+      '@babel/helper-environment-visitor': 7.18.9
+      '@babel/helper-function-name': 7.19.0
+      '@babel/helper-hoist-variables': 7.18.6
+      '@babel/helper-split-export-declaration': 7.18.6
+      '@babel/parser': 7.21.9
       '@babel/types': 7.21.5
+      debug: 4.3.4
+      globals: 11.12.0
+    transitivePeerDependencies:
+      - supports-color
 
   /@babel/traverse@7.21.5:
     resolution: {integrity: sha512-AhQoI3YjWi6u/y/ntv7k48mcrCXmus0t79J9qPNlk/lAsFlCiJ047RmbfMOawySTHtywXhbXgpx/8nXMYd+oFw==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/code-frame': 7.21.4
-      '@babel/generator': 7.21.5
+      '@babel/generator': 7.21.9
       '@babel/helper-environment-visitor': 7.21.5
       '@babel/helper-function-name': 7.21.0
       '@babel/helper-hoist-variables': 7.18.6
       '@babel/helper-split-export-declaration': 7.18.6
-      '@babel/parser': 7.21.8
+      '@babel/parser': 7.21.9
       '@babel/types': 7.21.5
       debug: 4.3.4
       globals: 11.12.0
@@ -4350,7 +4434,6 @@ packages:
       '@babel/helper-string-parser': 7.19.4
       '@babel/helper-validator-identifier': 7.19.1
       to-fast-properties: 2.0.0
-    dev: true
 
   /@babel/types@7.21.5:
     resolution: {integrity: sha512-m4AfNvVF2mVC/F7fDEdH2El3HzUg9It/XsCxZiOTTA3m3qYfcSVSbTfM6Q9xG+hYDniZssYhlXKKUMD5m8tF4Q==}
@@ -4371,7 +4454,7 @@ packages:
   /@changesets/apply-release-plan@6.1.3:
     resolution: {integrity: sha512-ECDNeoc3nfeAe1jqJb5aFQX7CqzQhD2klXRez2JDb/aVpGUbX673HgKrnrgJRuQR/9f2TtLoYIzrGB9qwD77mg==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@changesets/config': 2.3.0
       '@changesets/get-version-range-type': 0.3.2
       '@changesets/git': 2.0.0
@@ -4388,7 +4471,7 @@ packages:
   /@changesets/assemble-release-plan@5.2.3:
     resolution: {integrity: sha512-g7EVZCmnWz3zMBAdrcKhid4hkHT+Ft1n0mLussFMcB1dE2zCuwcvGoy9ec3yOgPGF4hoMtgHaMIk3T3TBdvU9g==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@changesets/errors': 0.1.4
       '@changesets/get-dependents-graph': 1.3.5
       '@changesets/types': 5.2.1
@@ -4466,7 +4549,7 @@ packages:
   /@changesets/get-release-plan@3.0.16:
     resolution: {integrity: sha512-OpP9QILpBp1bY2YNIKFzwigKh7Qe9KizRsZomzLe6pK8IUo8onkAAVUD8+JRKSr8R7d4+JRuQrfSSNlEwKyPYg==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@changesets/assemble-release-plan': 5.2.3
       '@changesets/config': 2.3.0
       '@changesets/pre': 1.0.14
@@ -4480,7 +4563,7 @@ packages:
   /@changesets/git@2.0.0:
     resolution: {integrity: sha512-enUVEWbiqUTxqSnmesyJGWfzd51PY4H7mH9yUw0hPVpZBJ6tQZFMU3F3mT/t9OJ/GjyiM4770i+sehAn6ymx6A==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@changesets/errors': 0.1.4
       '@changesets/types': 5.2.1
       '@manypkg/get-packages': 1.1.3
@@ -4502,7 +4585,7 @@ packages:
   /@changesets/pre@1.0.14:
     resolution: {integrity: sha512-dTsHmxQWEQekHYHbg+M1mDVYFvegDh9j/kySNuDKdylwfMEevTeDouR7IfHNyVodxZXu17sXoJuf2D0vi55FHQ==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@changesets/errors': 0.1.4
       '@changesets/types': 5.2.1
       '@manypkg/get-packages': 1.1.3
@@ -4511,7 +4594,7 @@ packages:
   /@changesets/read@0.5.9:
     resolution: {integrity: sha512-T8BJ6JS6j1gfO1HFq50kU3qawYxa4NTbI/ASNVVCBTsKquy2HYwM9r7ZnzkiMe8IEObAJtUVGSrePCOxAK2haQ==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@changesets/git': 2.0.0
       '@changesets/logger': 0.0.5
       '@changesets/parse': 0.3.16
@@ -4529,7 +4612,7 @@ packages:
   /@changesets/write@0.2.3:
     resolution: {integrity: sha512-Dbamr7AIMvslKnNYsLFafaVORx4H0pvCA2MHqgtNCySMe1blImEyAEOzDmcgKAkgz4+uwoLz7demIrX+JBr/Xw==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@changesets/types': 5.2.1
       fs-extra: 7.0.1
       human-id: 1.0.2
@@ -4593,9 +4676,9 @@ packages:
       '@babel/core': ^7.0.0
     dependencies:
       '@babel/core': 7.21.8
-      '@babel/helper-module-imports': 7.21.4
-      '@babel/plugin-syntax-jsx': 7.21.4(@babel/core@7.21.8)
-      '@babel/runtime': 7.21.5
+      '@babel/helper-module-imports': 7.18.6
+      '@babel/plugin-syntax-jsx': 7.18.6(@babel/core@7.21.8)
+      '@babel/runtime': 7.20.13
       '@emotion/hash': 0.9.0
       '@emotion/memoize': 0.8.0
       '@emotion/serialize': 1.1.1
@@ -5911,10 +5994,10 @@ packages:
     peerDependencies:
       graphql: ^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0
     dependencies:
-      '@babel/parser': 7.21.8
+      '@babel/parser': 7.20.15
       '@babel/plugin-syntax-import-assertions': 7.20.0(@babel/core@7.21.8)
-      '@babel/traverse': 7.21.5
-      '@babel/types': 7.21.5
+      '@babel/traverse': 7.20.13
+      '@babel/types': 7.20.7
       '@graphql-tools/utils': 9.2.1(graphql@16.6.0)
       graphql: 16.6.0
       tslib: 2.5.0
@@ -6409,7 +6492,7 @@ packages:
   /@manypkg/find-root@1.1.0:
     resolution: {integrity: sha512-mki5uBvhHzO8kYYix/WRy2WX8S3B5wdVSc9D6KcU5lQNglP2yt58/VfLuAK49glRXChosY8ap2oJ1qgma3GUVA==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@types/node': 12.20.55
       find-up: 4.1.0
       fs-extra: 8.1.0
@@ -6417,7 +6500,7 @@ packages:
   /@manypkg/get-packages@1.1.3:
     resolution: {integrity: sha512-fo+QhuU3qE/2TQMQmbVMqaQ6EWbMhi4ABWP+O4AM1NqPBuy0OrApV5LO6BrrgnhtAHS2NH6RrVk9OL181tTi8A==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@changesets/types': 4.1.0
       '@manypkg/find-root': 1.1.0
       fs-extra: 8.1.0
@@ -6577,7 +6660,7 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@emotion/hash': 0.8.0
       '@material-ui/types': 5.1.0(@types/react@18.0.14)
       '@material-ui/utils': 4.11.3(react-dom@18.2.0)(react@18.2.0)
@@ -6610,7 +6693,7 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@emotion/hash': 0.8.0
       '@material-ui/types': 5.1.0(@types/react@18.0.27)
       '@material-ui/utils': 4.11.3(react-dom@18.2.0)(react@18.2.0)
@@ -6641,7 +6724,7 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@material-ui/utils': 4.11.3(react-dom@18.2.0)(react@18.2.0)
       '@types/react': 18.0.14
       csstype: 2.6.21
@@ -6661,7 +6744,7 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@material-ui/utils': 4.11.3(react-dom@18.2.0)(react@18.2.0)
       '@types/react': 18.0.27
       csstype: 2.6.21
@@ -6697,7 +6780,7 @@ packages:
       react: ^16.8.0 || ^17.0.0
       react-dom: ^16.8.0 || ^17.0.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       prop-types: 15.8.1
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
@@ -6913,12 +6996,12 @@ packages:
   /@radix-ui/number@1.0.0:
     resolution: {integrity: sha512-Ofwh/1HX69ZfJRiRBMTy7rgjAzHmwe4kW9C9Y99HTRUcYLUuVT0KESFj15rPjRgKJs20GPq8Bm5aEDJ8DuA3vA==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
 
   /@radix-ui/primitive@1.0.0:
     resolution: {integrity: sha512-3e7rn8FDMin4CgeL7Z/49smCA3rFYY3Ha2rUQ7HRWFadS5iCRw08ZgVT1LaNTCNqgvrUiyczLflrVrF0SRQtNA==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
 
   /@radix-ui/react-accordion@1.1.1(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-TQtyyRubYe8DD6DYCovNLTjd2D+TFrNCpr99T5M3cYUbR7BsRxWsxfInjbQ1nHsdy2uPTcnJS5npyXPVfP0piw==}
@@ -6926,7 +7009,7 @@ packages:
       react: ^16.8 || ^17.0 || ^18.0
       react-dom: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@radix-ui/primitive': 1.0.0
       '@radix-ui/react-collapsible': 1.0.2(react-dom@18.2.0)(react@18.2.0)
       '@radix-ui/react-collection': 1.0.2(react-dom@18.2.0)(react@18.2.0)
@@ -6945,7 +7028,7 @@ packages:
       react: ^16.8 || ^17.0 || ^18.0
       react-dom: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@radix-ui/react-primitive': 1.0.2(react-dom@18.2.0)(react@18.2.0)
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
@@ -6956,7 +7039,7 @@ packages:
       react: ^16.8 || ^17.0 || ^18.0
       react-dom: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@radix-ui/primitive': 1.0.0
       '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
       '@radix-ui/react-context': 1.0.0(react@18.2.0)
@@ -6974,7 +7057,7 @@ packages:
       react: ^16.8 || ^17.0 || ^18.0
       react-dom: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@radix-ui/primitive': 1.0.0
       '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
       '@radix-ui/react-context': 1.0.0(react@18.2.0)
@@ -6992,7 +7075,7 @@ packages:
       react: ^16.8 || ^17.0 || ^18.0
       react-dom: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
       '@radix-ui/react-context': 1.0.0(react@18.2.0)
       '@radix-ui/react-primitive': 1.0.2(react-dom@18.2.0)(react@18.2.0)
@@ -7005,7 +7088,7 @@ packages:
     peerDependencies:
       react: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       react: 18.2.0
 
   /@radix-ui/react-context@1.0.0(react@18.2.0):
@@ -7013,7 +7096,7 @@ packages:
     peerDependencies:
       react: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       react: 18.2.0
 
   /@radix-ui/react-dialog@1.0.3(@types/react@18.0.27)(react-dom@18.2.0)(react@18.2.0):
@@ -7022,7 +7105,7 @@ packages:
       react: ^16.8 || ^17.0 || ^18.0
       react-dom: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@radix-ui/primitive': 1.0.0
       '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
       '@radix-ui/react-context': 1.0.0(react@18.2.0)
@@ -7049,7 +7132,7 @@ packages:
       react: ^16.8 || ^17.0 || ^18.0
       react-dom: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@radix-ui/primitive': 1.0.0
       '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
       '@radix-ui/react-context': 1.0.0(react@18.2.0)
@@ -7074,7 +7157,7 @@ packages:
     peerDependencies:
       react: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       react: 18.2.0
 
   /@radix-ui/react-dismissable-layer@1.0.3(react-dom@18.2.0)(react@18.2.0):
@@ -7083,7 +7166,7 @@ packages:
       react: ^16.8 || ^17.0 || ^18.0
       react-dom: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@radix-ui/primitive': 1.0.0
       '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
       '@radix-ui/react-primitive': 1.0.2(react-dom@18.2.0)(react@18.2.0)
@@ -7098,7 +7181,7 @@ packages:
       react: ^16.8 || ^17.0 || ^18.0
       react-dom: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@radix-ui/primitive': 1.0.0
       '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
       '@radix-ui/react-context': 1.0.0(react@18.2.0)
@@ -7118,7 +7201,7 @@ packages:
       react: ^16.8 || ^17.0 || ^18.0
       react-dom: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@radix-ui/primitive': 1.0.0
       '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
       '@radix-ui/react-context': 1.0.0(react@18.2.0)
@@ -7136,7 +7219,7 @@ packages:
     peerDependencies:
       react: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       react: 18.2.0
 
   /@radix-ui/react-focus-scope@1.0.2(react-dom@18.2.0)(react@18.2.0):
@@ -7145,7 +7228,7 @@ packages:
       react: ^16.8 || ^17.0 || ^18.0
       react-dom: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
       '@radix-ui/react-primitive': 1.0.2(react-dom@18.2.0)(react@18.2.0)
       '@radix-ui/react-use-callback-ref': 1.0.0(react@18.2.0)
@@ -7157,7 +7240,7 @@ packages:
     peerDependencies:
       react: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@radix-ui/react-use-layout-effect': 1.0.0(react@18.2.0)
       react: 18.2.0
 
@@ -7167,7 +7250,7 @@ packages:
       react: ^16.8 || ^17.0 || ^18.0
       react-dom: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@radix-ui/primitive': 1.0.0
       '@radix-ui/react-collection': 1.0.2(react-dom@18.2.0)(react@18.2.0)
       '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
@@ -7198,7 +7281,7 @@ packages:
       react: ^16.8 || ^17.0 || ^18.0
       react-dom: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@radix-ui/primitive': 1.0.0
       '@radix-ui/react-collection': 1.0.2(react-dom@18.2.0)(react@18.2.0)
       '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
@@ -7228,7 +7311,7 @@ packages:
       react: ^16.8 || ^17.0 || ^18.0
       react-dom: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@radix-ui/primitive': 1.0.0
       '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
       '@radix-ui/react-context': 1.0.0(react@18.2.0)
@@ -7256,7 +7339,7 @@ packages:
       react: ^16.8 || ^17.0 || ^18.0
       react-dom: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@radix-ui/primitive': 1.0.0
       '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
       '@radix-ui/react-context': 1.0.0(react@18.2.0)
@@ -7283,7 +7366,7 @@ packages:
       react: ^16.8 || ^17.0 || ^18.0
       react-dom: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@floating-ui/react-dom': 0.7.2(@types/react@18.0.27)(react-dom@18.2.0)(react@18.2.0)
       '@radix-ui/react-arrow': 1.0.2(react-dom@18.2.0)(react@18.2.0)
       '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
@@ -7306,7 +7389,7 @@ packages:
       react: ^16.8 || ^17.0 || ^18.0
       react-dom: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@floating-ui/react-dom': 0.7.2(@types/react@18.0.38)(react-dom@18.2.0)(react@18.2.0)
       '@radix-ui/react-arrow': 1.0.2(react-dom@18.2.0)(react@18.2.0)
       '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
@@ -7328,7 +7411,7 @@ packages:
       react: ^16.8 || ^17.0 || ^18.0
       react-dom: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@radix-ui/react-primitive': 1.0.2(react-dom@18.2.0)(react@18.2.0)
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
@@ -7339,7 +7422,7 @@ packages:
       react: ^16.8 || ^17.0 || ^18.0
       react-dom: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
       '@radix-ui/react-use-layout-effect': 1.0.0(react@18.2.0)
       react: 18.2.0
@@ -7351,7 +7434,7 @@ packages:
       react: ^16.8 || ^17.0 || ^18.0
       react-dom: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@radix-ui/react-slot': 1.0.1(react@18.2.0)
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
@@ -7362,7 +7445,7 @@ packages:
       react: ^16.8 || ^17.0 || ^18.0
       react-dom: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@radix-ui/primitive': 1.0.0
       '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
       '@radix-ui/react-context': 1.0.0(react@18.2.0)
@@ -7382,7 +7465,7 @@ packages:
       react: ^16.8 || ^17.0 || ^18.0
       react-dom: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@radix-ui/primitive': 1.0.0
       '@radix-ui/react-collection': 1.0.2(react-dom@18.2.0)(react@18.2.0)
       '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
@@ -7401,7 +7484,7 @@ packages:
       react: ^16.8 || ^17.0 || ^18.0
       react-dom: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@radix-ui/number': 1.0.0
       '@radix-ui/primitive': 1.0.0
       '@radix-ui/react-collection': 1.0.2(react-dom@18.2.0)(react@18.2.0)
@@ -7435,7 +7518,7 @@ packages:
       react: ^16.8 || ^17.0 || ^18.0
       react-dom: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@radix-ui/number': 1.0.0
       '@radix-ui/primitive': 1.0.0
       '@radix-ui/react-collection': 1.0.2(react-dom@18.2.0)(react@18.2.0)
@@ -7467,7 +7550,7 @@ packages:
     peerDependencies:
       react: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
       react: 18.2.0
 
@@ -7477,7 +7560,7 @@ packages:
       react: ^16.8 || ^17.0 || ^18.0
       react-dom: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@radix-ui/primitive': 1.0.0
       '@radix-ui/react-primitive': 1.0.2(react-dom@18.2.0)(react@18.2.0)
       '@radix-ui/react-use-controllable-state': 1.0.0(react@18.2.0)
@@ -7490,7 +7573,7 @@ packages:
       react: ^16.8 || ^17.0 || ^18.0
       react-dom: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@radix-ui/primitive': 1.0.0
       '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
       '@radix-ui/react-context': 1.0.0(react@18.2.0)
@@ -7515,7 +7598,7 @@ packages:
       react: ^16.8 || ^17.0 || ^18.0
       react-dom: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@radix-ui/primitive': 1.0.0
       '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
       '@radix-ui/react-context': 1.0.0(react@18.2.0)
@@ -7538,7 +7621,7 @@ packages:
     peerDependencies:
       react: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       react: 18.2.0
 
   /@radix-ui/react-use-controllable-state@1.0.0(react@18.2.0):
@@ -7546,7 +7629,7 @@ packages:
     peerDependencies:
       react: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@radix-ui/react-use-callback-ref': 1.0.0(react@18.2.0)
       react: 18.2.0
 
@@ -7555,7 +7638,7 @@ packages:
     peerDependencies:
       react: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@radix-ui/react-use-callback-ref': 1.0.0(react@18.2.0)
       react: 18.2.0
 
@@ -7564,7 +7647,7 @@ packages:
     peerDependencies:
       react: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       react: 18.2.0
 
   /@radix-ui/react-use-previous@1.0.0(react@18.2.0):
@@ -7572,7 +7655,7 @@ packages:
     peerDependencies:
       react: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       react: 18.2.0
 
   /@radix-ui/react-use-rect@1.0.0(react@18.2.0):
@@ -7580,7 +7663,7 @@ packages:
     peerDependencies:
       react: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@radix-ui/rect': 1.0.0
       react: 18.2.0
 
@@ -7589,7 +7672,7 @@ packages:
     peerDependencies:
       react: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@radix-ui/react-use-layout-effect': 1.0.0(react@18.2.0)
       react: 18.2.0
 
@@ -7599,7 +7682,7 @@ packages:
       react: ^16.8 || ^17.0 || ^18.0
       react-dom: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@radix-ui/react-primitive': 1.0.2(react-dom@18.2.0)(react@18.2.0)
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
@@ -7607,7 +7690,7 @@ packages:
   /@radix-ui/rect@1.0.0:
     resolution: {integrity: sha512-d0O68AYy/9oeEy1DdC07bz1/ZXX+DqCskRd3i4JzLSTXwefzaepQrKjXC7aNM8lTHjFLDO0pDgaEiQ7jEk+HVg==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
 
   /@remix-run/router@1.3.2:
     resolution: {integrity: sha512-t54ONhl/h75X94SWsHGQ4G/ZrCEguKSRQr7DrjTciJXW0YU1QhlwYeycvK5JgkzlxmvrK7wq1NB/PLtHxoiDcA==}
@@ -7758,6 +7841,38 @@ packages:
     transitivePeerDependencies:
       - '@types/react'
 
+  /@saleor/macaw-ui@0.8.0-pre.72(@types/react@18.0.27)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-9lcFkzf81q9Mxjqd00rWUUvom26YK3WCu8GCcmpqcEFu723/H76hxg2/LUd2cpqARavS1FgO+Vri7jkxkSz7sQ==}
+    engines: {node: '>=16 <19', pnpm: '>=8'}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      '@dessert-box/react': 0.4.0(react@18.2.0)
+      '@floating-ui/react-dom-interactions': 0.5.0(@types/react@18.0.27)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-accordion': 1.1.1(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-checkbox': 1.0.3(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-dialog': 1.0.3(@types/react@18.0.27)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-dropdown-menu': 2.0.4(@types/react@18.0.27)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-popover': 1.0.5(@types/react@18.0.27)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-portal': 1.0.2(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-radio-group': 1.1.2(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-select': 1.2.1(@types/react@18.0.27)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-toggle': 1.0.2(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-tooltip': 1.0.5(@types/react@18.0.27)(react-dom@18.2.0)(react@18.2.0)
+      '@vanilla-extract/css-utils': 0.1.3
+      clsx: 1.2.1
+      downshift: 6.1.12(react@18.2.0)
+      downshift7: /downshift@7.6.0(react@18.2.0)
+      lodash: 4.17.21
+      lodash-es: 4.17.21
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      react-inlinesvg: 3.0.1(react@18.2.0)
+    transitivePeerDependencies:
+      - '@types/react'
+    dev: false
+
   /@saleor/macaw-ui@0.8.0-pre.84(@types/react@18.0.27)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-VkkMmr9wZhZHc/r0bP8PVbuDPc+tnhC4pKJMwW9fP4uhNcdTYkKUraPJUxXO6OYkxjyyQBzza3uY9d/7fw48gQ==}
     engines: {node: '>=16 <19', pnpm: '>=8'}
@@ -9012,7 +9127,7 @@ packages:
       magic-string: 0.27.0
       remark-external-links: 8.0.0
       remark-slug: 6.1.0
-      rollup: 3.21.7
+      rollup: 3.23.0
       typescript: 5.0.4
       vite: 4.3.6(@types/node@18.13.0)
     transitivePeerDependencies:
@@ -9030,6 +9145,17 @@ packages:
       telejson: 7.1.0
     dev: true
 
+  /@storybook/channel-postmessage@7.0.17:
+    resolution: {integrity: sha512-vkE4u0l9hPRRI22QLGdR/T1uk38GdcYbjyXAZeG7EFtf9kLOwv7cY4YTTsCC+6Te9cNA4sqXLku2njwbuKBS0w==}
+    dependencies:
+      '@storybook/channels': 7.0.17
+      '@storybook/client-logger': 7.0.17
+      '@storybook/core-events': 7.0.17
+      '@storybook/global': 5.0.0
+      qs: 6.11.2
+      telejson: 7.1.0
+    dev: true
+
   /@storybook/channel-websocket@7.0.12:
     resolution: {integrity: sha512-UV6b9gX2mQLtXlKaFKCHcy+6MaK2od6BYqSJfainnBjDsMIXyhcf7fJaj0XQkJrbNnRBwGhw+6s8JxL98xp7Ew==}
     dependencies:
@@ -9043,6 +9169,10 @@ packages:
     resolution: {integrity: sha512-KDdDmDs8kxAJU+vndTqTNazjLO+XoIPiTRlfP7mk7cgHiQXSjMYy3JSCQ7W0of0Q+9VSl/ve9CNbnGbcQF7rNQ==}
     dev: true
 
+  /@storybook/channels@7.0.17:
+    resolution: {integrity: sha512-kALTiyX7iaqUuV/70bq6sIs0abyzQSyH6WtAkjRmZLR9SxD0dLf4r+FpmxmPjbM8kguVx/nbdGX5zh2Bf7aZ/g==}
+    dev: true
+
   /@storybook/cli@7.0.12:
     resolution: {integrity: sha512-OABCRIujxsszIJ0CCpKg8Uj4C1UlAwBpBQhv2aMX3lA/pur6Od524syv2ypWu6J2FyvK/ooeyMbjoP7330cIuA==}
     hasBin: true
@@ -9078,7 +9208,7 @@ packages:
       prompts: 2.4.2
       puppeteer-core: 2.1.1
       read-pkg-up: 7.0.1
-      semver: 7.3.8
+      semver: 7.5.1
       shelljs: 0.8.5
       simple-update-notifier: 1.1.0
       strip-json-comments: 3.1.1
@@ -9098,6 +9228,12 @@ packages:
       '@storybook/global': 5.0.0
     dev: true
 
+  /@storybook/client-logger@7.0.17:
+    resolution: {integrity: sha512-1u313wdESQqN08DLfdB1tNMdsk3JExWU1ZlViCwK8cFPZaWgjts1vLcilWtYJBK28yEO/vS4H+lgwSm+oVQXVA==}
+    dependencies:
+      '@storybook/global': 5.0.0
+    dev: true
+
   /@storybook/codemod@7.0.12:
     resolution: {integrity: sha512-eGbGZSglvbnY1omzRyEC4XP0FbpuCFKgjXmdHn9faGQUU5EJHwcGYYrRW8JZL3nEVIvNDuRAKzM3p0BVo1xeSQ==}
     dependencies:
@@ -9173,6 +9309,10 @@ packages:
     resolution: {integrity: sha512-VTmb/zjbz3o1bg+bATzLigVXMVDC/S1FP8CqIrz4mkiys52139FGzMandL2Y2AecPZPGss7ZRdfma28HKVYTRg==}
     dev: true
 
+  /@storybook/core-events@7.0.17:
+    resolution: {integrity: sha512-ZqgMe5lbTEe4Bg2A55oYTL8lCRSLuguS9+7rxOWBCwvptF6UXPSqlEj5tr2+6IDJy6WCVAqd6Q+Y/ZCfs5Bifw==}
+    dev: true
+
   /@storybook/core-server@7.0.12:
     resolution: {integrity: sha512-X35Kmg7y35Ph4J+gCDJrnVgBwlz4/DzOQofUS6rAbi4KvrPWDJXeM2OzOgx6B0abKl4CeMmjuc0tjbg4vbUFuA==}
     dependencies:
@@ -9211,7 +9351,7 @@ packages:
       pretty-hrtime: 1.0.3
       prompts: 2.4.2
       read-pkg-up: 7.0.1
-      semver: 7.3.8
+      semver: 7.5.1
       serve-favicon: 2.5.0
       telejson: 7.1.0
       ts-dedent: 2.2.0
@@ -9237,8 +9377,8 @@ packages:
   /@storybook/csf-tools@7.0.12:
     resolution: {integrity: sha512-EcDzKeENzs4awyjx0VxlONDLibiEtIPDP1XdOCcZGtv3nXXBFtS2WDsYhJHkwyvE37jWTyw2e4xKQmBi0Hjvbw==}
     dependencies:
-      '@babel/generator': 7.21.5
-      '@babel/parser': 7.21.8
+      '@babel/generator': 7.21.9
+      '@babel/parser': 7.21.9
       '@babel/traverse': 7.21.5
       '@babel/types': 7.21.5
       '@storybook/csf': 0.1.0
@@ -9288,6 +9428,16 @@ packages:
       '@storybook/preview-api': 7.0.12
     dev: true
 
+  /@storybook/instrumenter@7.0.17:
+    resolution: {integrity: sha512-TQkoYMbwmCQXAUgNhwAglXxTJTwtSKbDNRlpccZVIywFvnyiXZNns2NG7VE3xIV3WLcFCg3SAtj52yFGArMnuA==}
+    dependencies:
+      '@storybook/channels': 7.0.17
+      '@storybook/client-logger': 7.0.17
+      '@storybook/core-events': 7.0.17
+      '@storybook/global': 5.0.0
+      '@storybook/preview-api': 7.0.17
+    dev: true
+
   /@storybook/manager-api@7.0.12(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-3QXARtxpc6Xxqf5pviUw2UuhK53+IsINSljeWhAqdQ1Gzbywl67TpibTd7xVN6NKxhUH5Bzo9bIZTAzMZGqaKw==}
     peerDependencies:
@@ -9307,7 +9457,7 @@ packages:
       memoizerific: 1.11.3
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
-      semver: 7.3.8
+      semver: 7.5.1
       store2: 2.14.2
       telejson: 7.1.0
       ts-dedent: 2.2.0
@@ -9354,6 +9504,26 @@ packages:
       util-deprecate: 1.0.2
     dev: true
 
+  /@storybook/preview-api@7.0.17:
+    resolution: {integrity: sha512-KNouqNFzTpd9EAmRZNiuSVOuUjFKqeMznXNTUScbaPMuLrypmYP/e0qT+Jl7XP1HQQS4v2xf/vVxinb6/YDnlA==}
+    dependencies:
+      '@storybook/channel-postmessage': 7.0.17
+      '@storybook/channels': 7.0.17
+      '@storybook/client-logger': 7.0.17
+      '@storybook/core-events': 7.0.17
+      '@storybook/csf': 0.1.0
+      '@storybook/global': 5.0.0
+      '@storybook/types': 7.0.17
+      '@types/qs': 6.9.7
+      dequal: 2.0.3
+      lodash: 4.17.21
+      memoizerific: 1.11.3
+      qs: 6.11.2
+      synchronous-promise: 2.0.17
+      ts-dedent: 2.2.0
+      util-deprecate: 1.0.2
+    dev: true
+
   /@storybook/preview@7.0.12:
     resolution: {integrity: sha512-za8El/nnkyAo/uqyqAg7PMuP6DSdPoEnDRyIk4LzY7sAGly6i4Uge377cdo1nUBQLS5S4kKIc4xf8TUegb3G1Q==}
     dev: true
@@ -9466,8 +9636,8 @@ packages:
   /@storybook/testing-library@0.0.14-next.2:
     resolution: {integrity: sha512-i/SLSGm0o978ELok/SB4Qg1sZ3zr+KuuCkzyFqcCD0r/yf+bG35aQGkFqqxfSAdDxuQom0NO02FE+qys5Eapdg==}
     dependencies:
-      '@storybook/client-logger': 7.0.12
-      '@storybook/instrumenter': 7.0.12
+      '@storybook/client-logger': 7.0.17
+      '@storybook/instrumenter': 7.0.17
       '@testing-library/dom': 8.20.0
       '@testing-library/user-event': 13.5.0(@testing-library/dom@8.20.0)
       ts-dedent: 2.2.0
@@ -9496,6 +9666,15 @@ packages:
       file-system-cache: 2.3.0
     dev: true
 
+  /@storybook/types@7.0.17:
+    resolution: {integrity: sha512-orjuWtGIIW/S+dvEtA+aqByh4tTHpsNGqJMGcI0Ec6wW4Wv7s62pFvIuU0lWC/fL6Hot/bTY7tSeqrQrTLplog==}
+    dependencies:
+      '@storybook/channels': 7.0.17
+      '@types/babel__core': 7.20.0
+      '@types/express': 4.17.17
+      file-system-cache: 2.3.0
+    dev: true
+
   /@swc/core-darwin-arm64@1.3.32:
     resolution: {integrity: sha512-o19bhlxuUgjUElm6i+QhXgZ0vD6BebiB/gQpK3en5aAwhOvinwr4sah3GqFXsQzz/prKVDuMkj9SW6F/Ug5hgg==}
     engines: {node: '>=10'}
@@ -9669,8 +9848,8 @@ packages:
     resolution: {integrity: sha512-d9ULIT+a4EXLX3UU8FBjauG9NnsZHkHztXoIcTsOKoOw030fyjheN9svkTULjJxtYag9DZz5Jz5qkWZDPxTFwA==}
     engines: {node: '>=12'}
     dependencies:
-      '@babel/code-frame': 7.21.4
-      '@babel/runtime': 7.21.5
+      '@babel/code-frame': 7.18.6
+      '@babel/runtime': 7.20.13
       '@types/aria-query': 5.0.1
       aria-query: 5.1.3
       chalk: 4.1.2
@@ -9722,7 +9901,7 @@ packages:
     peerDependencies:
       '@testing-library/dom': '>=7.21.4'
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@testing-library/dom': 8.20.0
     dev: true
 
@@ -9884,7 +10063,7 @@ packages:
   /@types/babel__core@7.20.0:
     resolution: {integrity: sha512-+n8dL/9GWblDO0iU6eZAwEIJVr5DWigtle+Q6HLOrh/pdbXOhOtqzq8VPPE2zvNJzSKY4vH/z3iT3tn0A3ypiQ==}
     dependencies:
-      '@babel/parser': 7.21.8
+      '@babel/parser': 7.21.9
       '@babel/types': 7.21.5
       '@types/babel__generator': 7.6.4
       '@types/babel__template': 7.4.1
@@ -9900,7 +10079,7 @@ packages:
   /@types/babel__template@7.4.1:
     resolution: {integrity: sha512-azBFKemX6kMg5Io+/rdGT0dkGreboUVR0Cdm3fz9QJWpaQGJRQXl7C+6hOTCZcMll7KFyEQpgbYI2lHdsS4U7g==}
     dependencies:
-      '@babel/parser': 7.21.8
+      '@babel/parser': 7.21.9
       '@babel/types': 7.21.5
     dev: true
 
@@ -9969,12 +10148,12 @@ packages:
   /@types/eslint-scope@3.7.4:
     resolution: {integrity: sha512-9K4zoImiZc3HlIp6AVUDE4CWYx22a+lhSZMYNpbjW04+YF0KWj4pJXnEMjdnFTiQibFFmElcsasJXDbdI/EPhA==}
     dependencies:
-      '@types/eslint': 8.37.0
+      '@types/eslint': 8.40.0
       '@types/estree': 1.0.0
     dev: true
 
-  /@types/eslint@8.37.0:
-    resolution: {integrity: sha512-Piet7dG2JBuDIfohBngQ3rCt7MgO9xCO4xIMKxBThCq5PNRB91IjlJ10eJVwfoNtvTErmxLzwBZ7rHZtbOMmFQ==}
+  /@types/eslint@8.40.0:
+    resolution: {integrity: sha512-nbq2mvc/tBrK9zQQuItvjJl++GTN5j06DaPtp3hZCpngmG6Q3xoyEmd0TwZI0gAy/G1X0zhGBbr2imsGFdFV0g==}
     dependencies:
       '@types/estree': 1.0.0
       '@types/json-schema': 7.0.11
@@ -10724,8 +10903,8 @@ packages:
     dependencies:
       '@vanilla-extract/integration': 6.2.1
       outdent: 0.8.0
-      postcss: 8.4.23
-      postcss-load-config: 3.1.4(postcss@8.4.23)
+      postcss: 8.4.21
+      postcss-load-config: 3.1.4(postcss@8.4.21)
       vite: 4.3.6(@types/node@18.13.0)
     transitivePeerDependencies:
       - '@types/node'
@@ -10738,6 +10917,21 @@ packages:
       - ts-node
     dev: true
 
+  /@vitejs/plugin-react@3.1.0(vite@4.3.1):
+    resolution: {integrity: sha512-AfgcRL8ZBhAlc3BFdigClmTUMISmmzHn7sB2h9U1odvc5U/MjWXsAaz18b/WoppUTDBzxOJwo2VdClfUcItu9g==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      vite: ^4.1.0-beta.0
+    dependencies:
+      '@babel/core': 7.20.12
+      '@babel/plugin-transform-react-jsx-self': 7.18.6(@babel/core@7.20.12)
+      '@babel/plugin-transform-react-jsx-source': 7.19.6(@babel/core@7.20.12)
+      magic-string: 0.27.0
+      react-refresh: 0.14.0
+      vite: 4.3.1(@types/node@18.13.0)
+    transitivePeerDependencies:
+      - supports-color
+
   /@vitejs/plugin-react@3.1.0(vite@4.3.6):
     resolution: {integrity: sha512-AfgcRL8ZBhAlc3BFdigClmTUMISmmzHn7sB2h9U1odvc5U/MjWXsAaz18b/WoppUTDBzxOJwo2VdClfUcItu9g==}
     engines: {node: ^14.18.0 || >=16.0.0}
@@ -10752,8 +10946,9 @@ packages:
       vite: 4.3.6(@types/node@18.13.0)
     transitivePeerDependencies:
       - supports-color
+    dev: true
 
-  /@vitejs/plugin-react@4.0.0(vite@4.3.6):
+  /@vitejs/plugin-react@4.0.0(vite@4.3.1):
     resolution: {integrity: sha512-HX0XzMjL3hhOYm+0s95pb0Z7F8O81G7joUHgfDd/9J/ZZf5k4xX6QAMFkKsHFxaHlf6X7GD7+XuaZ66ULiJuhQ==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
@@ -10763,7 +10958,7 @@ packages:
       '@babel/plugin-transform-react-jsx-self': 7.21.0(@babel/core@7.21.8)
       '@babel/plugin-transform-react-jsx-source': 7.19.6(@babel/core@7.21.8)
       react-refresh: 0.14.0
-      vite: 4.3.6(@types/node@18.13.0)
+      vite: 4.3.1(@types/node@18.13.0)
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -11682,7 +11877,7 @@ packages:
     resolution: {integrity: sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==}
     engines: {node: '>=10', npm: '>=6'}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       cosmiconfig: 7.1.0
       resolve: 1.22.1
     dev: false
@@ -11692,7 +11887,7 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/compat-data': 7.21.7
+      '@babel/compat-data': 7.21.9
       '@babel/core': 7.21.8
       '@babel/helper-define-polyfill-provider': 0.3.3(@babel/core@7.21.8)
       semver: 6.3.0
@@ -11745,7 +11940,7 @@ packages:
       '@babel/plugin-transform-classes': 7.21.0(@babel/core@7.21.8)
       '@babel/plugin-transform-computed-properties': 7.21.5(@babel/core@7.21.8)
       '@babel/plugin-transform-destructuring': 7.21.3(@babel/core@7.21.8)
-      '@babel/plugin-transform-flow-strip-types': 7.21.0(@babel/core@7.21.8)
+      '@babel/plugin-transform-flow-strip-types': 7.19.0(@babel/core@7.21.8)
       '@babel/plugin-transform-for-of': 7.21.5(@babel/core@7.21.8)
       '@babel/plugin-transform-function-name': 7.18.9(@babel/core@7.21.8)
       '@babel/plugin-transform-literals': 7.18.9(@babel/core@7.21.8)
@@ -11909,7 +12104,7 @@ packages:
   /broadcast-channel@3.7.0:
     resolution: {integrity: sha512-cIAKJXAxGJceNZGTZSBzMxzyOn72cVgPnKx4dc6LRjQgbaJUQqhy5rzL3zbMxkMWsGKkv2hSFkPRMEXfoMZ2Mg==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       detect-node: 2.1.0
       js-sha3: 0.8.0
       microseconds: 0.2.0
@@ -12734,7 +12929,7 @@ packages:
   /css-vendor@2.0.8:
     resolution: {integrity: sha512-x9Aq0XTInxrkuFeHKbYC7zWY8ai7qJ04Kxd9MnvbC1uO5DagxoHQjm4JvG+vCdXOoFtCjbL2XSZfxmoYa9uQVQ==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       is-in-browser: 1.1.3
 
   /css-what@5.1.0:
@@ -13088,7 +13283,7 @@ packages:
   /dom-helpers@5.2.1:
     resolution: {integrity: sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       csstype: 3.1.1
 
   /dom-serializer@1.4.1:
@@ -13193,7 +13388,7 @@ packages:
     peerDependencies:
       react: '>=16.12.0'
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       compute-scroll-into-view: 1.0.20
       prop-types: 15.8.1
       react: 18.2.0
@@ -13205,7 +13400,7 @@ packages:
     peerDependencies:
       react: '>=16.12.0'
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       compute-scroll-into-view: 2.0.4
       prop-types: 15.8.1
       react: 18.2.0
@@ -13290,12 +13485,20 @@ packages:
     dependencies:
       once: 1.4.0
 
+  /enhanced-resolve@5.12.0:
+    resolution: {integrity: sha512-QHTXI/sZQmko1cbDoNAa3mJ5qhWUUNAq3vR0/YiD379fWQrcfuoX1+HW2S0MTt7XmoPLapdaDKUtelUSPic7hQ==}
+    engines: {node: '>=10.13.0'}
+    dependencies:
+      graceful-fs: 4.2.10
+      tapable: 2.2.1
+
   /enhanced-resolve@5.14.0:
     resolution: {integrity: sha512-+DCows0XNwLDcUhbFJPdlQEVnT2zXlCv7hPxemTz86/O+B/hCQ+mb7ydkPKiflpVraqLPCAfu7lDy+hBXueojw==}
     engines: {node: '>=10.13.0'}
     dependencies:
       graceful-fs: 4.2.10
       tapable: 2.2.1
+    dev: true
 
   /enquirer@2.3.6:
     resolution: {integrity: sha512-yjNnPr315/FjS4zIsUxYguYUPP2e1NK4d7E7ZOLiyYCcbFBiTMyID+2wvm2w6+pZ/odMA7cRkjhsPbltwBOrLg==}
@@ -13742,7 +13945,7 @@ packages:
       eslint-plugin-import: '*'
     dependencies:
       debug: 4.3.4
-      enhanced-resolve: 5.14.0
+      enhanced-resolve: 5.12.0
       eslint: 8.31.0
       eslint-plugin-import: 2.27.5(@typescript-eslint/parser@5.51.0)(eslint-import-resolver-typescript@3.5.3)(eslint@8.33.0)
       get-tsconfig: 4.4.0
@@ -13762,7 +13965,7 @@ packages:
       eslint-plugin-import: '*'
     dependencies:
       debug: 4.3.4
-      enhanced-resolve: 5.14.0
+      enhanced-resolve: 5.12.0
       eslint: 8.33.0
       eslint-plugin-import: 2.27.5(@typescript-eslint/parser@5.51.0)(eslint-import-resolver-typescript@3.5.3)(eslint@8.33.0)
       get-tsconfig: 4.4.0
@@ -13840,7 +14043,7 @@ packages:
     peerDependencies:
       eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       aria-query: 5.1.3
       array-includes: 3.1.6
       array.prototype.flatmap: 1.3.1
@@ -13865,7 +14068,7 @@ packages:
     peerDependencies:
       eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       aria-query: 5.1.3
       array-includes: 3.1.6
       array.prototype.flatmap: 1.3.1
@@ -13890,7 +14093,7 @@ packages:
     peerDependencies:
       eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       aria-query: 5.1.3
       array-includes: 3.1.6
       array.prototype.flatmap: 1.3.1
@@ -13915,7 +14118,7 @@ packages:
     peerDependencies:
       eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       aria-query: 5.1.3
       array-includes: 3.1.6
       array.prototype.flatmap: 1.3.1
@@ -14835,7 +15038,7 @@ packages:
   /final-form@4.20.9:
     resolution: {integrity: sha512-shA1X/7v8RmukWMNRHx0l7+Bm41hOivY78IvOiBrPVHjyWFIyqqIEMCz7yTVRc9Ea+EU4WkZ5r4MH6whSo5taw==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
     dev: false
 
   /finalhandler@1.2.0:
@@ -15743,7 +15946,7 @@ packages:
   /i18next@21.10.0:
     resolution: {integrity: sha512-YeuIBmFsGjUfO3qBmMOc0rQaun4mIpGKET5WDwvu8lU7gvwpcariZLNtL0Fzj+zazcHUrlXHiptcFhBMFaxzfg==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
     dev: false
 
   /iconv-lite@0.4.24:
@@ -16232,7 +16435,7 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       '@babel/core': 7.21.8
-      '@babel/parser': 7.21.8
+      '@babel/parser': 7.21.9
       '@istanbuljs/schema': 0.1.3
       istanbul-lib-coverage: 3.2.0
       semver: 6.3.0
@@ -16418,11 +16621,11 @@ packages:
       '@babel/preset-env': ^7.1.6
     dependencies:
       '@babel/core': 7.21.8
-      '@babel/parser': 7.21.8
+      '@babel/parser': 7.21.9
       '@babel/plugin-proposal-class-properties': 7.18.6(@babel/core@7.21.8)
       '@babel/plugin-proposal-nullish-coalescing-operator': 7.18.6(@babel/core@7.21.8)
       '@babel/plugin-proposal-optional-chaining': 7.21.0(@babel/core@7.21.8)
-      '@babel/plugin-transform-modules-commonjs': 7.20.11(@babel/core@7.21.8)
+      '@babel/plugin-transform-modules-commonjs': 7.21.5(@babel/core@7.21.8)
       '@babel/preset-env': 7.21.5(@babel/core@7.21.8)
       '@babel/preset-flow': 7.21.4(@babel/core@7.21.8)
       '@babel/preset-typescript': 7.21.5(@babel/core@7.21.8)
@@ -16584,53 +16787,53 @@ packages:
   /jss-plugin-camel-case@10.9.2:
     resolution: {integrity: sha512-wgBPlL3WS0WDJ1lPJcgjux/SHnDuu7opmgQKSraKs4z8dCCyYMx9IDPFKBXQ8Q5dVYij1FFV0WdxyhuOOAXuTg==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       hyphenate-style-name: 1.0.4
       jss: 10.9.2
 
   /jss-plugin-default-unit@10.9.2:
     resolution: {integrity: sha512-pYg0QX3bBEFtTnmeSI3l7ad1vtHU42YEEpgW7pmIh+9pkWNWb5dwS/4onSfAaI0kq+dOZHzz4dWe+8vWnanoSg==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       jss: 10.9.2
 
   /jss-plugin-global@10.9.2:
     resolution: {integrity: sha512-GcX0aE8Ef6AtlasVrafg1DItlL/tWHoC4cGir4r3gegbWwF5ZOBYhx04gurPvWHC8F873aEGqge7C17xpwmp2g==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       jss: 10.9.2
 
   /jss-plugin-nested@10.9.2:
     resolution: {integrity: sha512-VgiOWIC6bvgDaAL97XCxGD0BxOKM0K0zeB/ECyNaVF6FqvdGB9KBBWRdy2STYAss4VVA7i5TbxFZN+WSX1kfQA==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       jss: 10.9.2
       tiny-warning: 1.0.3
 
   /jss-plugin-props-sort@10.9.2:
     resolution: {integrity: sha512-AP1AyUTbi2szylgr+O0OB7gkIxEGzySLITZ2GpsaoX72YMCGI2jYAc+WUhPfvUnZYiauF4zTnN4V4TGuvFjJlw==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       jss: 10.9.2
 
   /jss-plugin-rule-value-function@10.9.2:
     resolution: {integrity: sha512-vf5ms8zvLFMub6swbNxvzsurHfUZ5Shy5aJB2gIpY6WNA3uLinEcxYyraQXItRHi5ivXGqYciFDRM2ZoVoRZ4Q==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       jss: 10.9.2
       tiny-warning: 1.0.3
 
   /jss-plugin-vendor-prefixer@10.9.2:
     resolution: {integrity: sha512-SxcEoH+Rttf9fEv6KkiPzLdXRmI6waOTcMkbbEFgdZLDYNIP9UKNHFy6thhbRKqv0XMQZdrEsbDyV464zE/dUA==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       css-vendor: 2.0.8
       jss: 10.9.2
 
   /jss@10.9.2:
     resolution: {integrity: sha512-b8G6rWpYLR4teTUbGd4I4EsnWjg7MN0Q5bSsjKhVkJVjhQDy2KzkbD2AW3TuT0RYZVmZZHKIrXDn6kjU14qkUg==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       csstype: 3.1.1
       is-in-browser: 1.1.3
       tiny-warning: 1.0.3
@@ -17117,7 +17320,7 @@ packages:
   /match-sorter@6.3.1:
     resolution: {integrity: sha512-mxybbo3pPNuA+ZuCUhm5bwNkXrJTbsk5VWbR5wiwz/GC6LIiegBGn2w3O08UG/jdbYLinw51fSQ5xNU1U3MgBw==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       remove-accents: 0.4.2
     dev: false
 
@@ -17196,7 +17399,7 @@ packages:
   /media-query-parser@2.0.2:
     resolution: {integrity: sha512-1N4qp+jE0pL5Xv4uEcwVUhIkwdUO3S/9gML90nqKA7v7FcOS5vUtatfzok9S9U1EJU8dHWlcv95WLnKmmxZI9w==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
     dev: true
 
   /media-typer@0.3.0:
@@ -17570,7 +17773,7 @@ packages:
   /mjml-accordion@4.13.0:
     resolution: {integrity: sha512-E3yihZW5Oq2p+sWOcr8kWeRTROmiTYOGxB4IOxW/jTycdY07N3FX3e6vuh7Fv3rryHEUaydUQYto3ICVyctI7w==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       lodash: 4.17.21
       mjml-core: 4.13.0
     transitivePeerDependencies:
@@ -17580,7 +17783,7 @@ packages:
   /mjml-body@4.13.0:
     resolution: {integrity: sha512-S4HgwAuO9dEsyX9sr6WBf9/xr+H2ASVaLn22aurJm1S2Lvc1wifLPYBQgFmNdCjaesTCNtOMUDpG+Rbnavyaqg==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       lodash: 4.17.21
       mjml-core: 4.13.0
     transitivePeerDependencies:
@@ -17590,7 +17793,7 @@ packages:
   /mjml-button@4.13.0:
     resolution: {integrity: sha512-3y8IAHCCxh7ESHh1aOOqobZKUgyNxOKAGQ9TlJoyaLpsKUFzkN8nmrD0KXF0ADSuzvhMZ1CdRIJuZ5mjv2TwWQ==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       lodash: 4.17.21
       mjml-core: 4.13.0
     transitivePeerDependencies:
@@ -17600,7 +17803,7 @@ packages:
   /mjml-carousel@4.13.0:
     resolution: {integrity: sha512-ORSY5bEYlMlrWSIKI/lN0Tz3uGltWAjG8DQl2Yr3pwjwOaIzGE+kozrDf+T9xItfiIIbvKajef1dg7B7XgP0zg==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       lodash: 4.17.21
       mjml-core: 4.13.0
     transitivePeerDependencies:
@@ -17611,7 +17814,7 @@ packages:
     resolution: {integrity: sha512-kAZxpH0QqlTF/CcLzELgKw1ljKRxrmWJ310CJQhbPAxHvwQ/nIb+q82U+zRJAelRPPKjnOb+hSrMRqTgk9rH3w==}
     hasBin: true
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       chokidar: 3.5.3
       glob: 7.2.3
       html-minifier: 4.0.0
@@ -17629,7 +17832,7 @@ packages:
   /mjml-column@4.13.0:
     resolution: {integrity: sha512-O8FrWKK/bCy9XpKxrKRYWNdgWNaVd4TK4RqMeVI/I70IbnYnc1uf15jnsPMxCBSbT+NyXyk8k7fn099797uwpw==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       lodash: 4.17.21
       mjml-core: 4.13.0
     transitivePeerDependencies:
@@ -17639,7 +17842,7 @@ packages:
   /mjml-core@4.13.0:
     resolution: {integrity: sha512-kU5AoVTlZaXR/EDi3ix66xpzUe+kScYus71lBH/wo/B+LZW70GHE1AYWtsog5oJp1MuTHpMFTNuBD/wePeEgWg==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       cheerio: 1.0.0-rc.10
       detect-node: 2.0.4
       html-minifier: 4.0.0
@@ -17656,7 +17859,7 @@ packages:
   /mjml-divider@4.13.0:
     resolution: {integrity: sha512-ooPCwfmxEC+wJduqObYezMp7W5UCHjL9Y1LPB5FGna2FrOejgfd6Ix3ij8Wrmycmlol7E2N4D7c5NDH5DbRCJg==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       lodash: 4.17.21
       mjml-core: 4.13.0
     transitivePeerDependencies:
@@ -17666,7 +17869,7 @@ packages:
   /mjml-group@4.13.0:
     resolution: {integrity: sha512-U7E8m8aaoAE/dMqjqXPjjrKcwO36B4cquAy9ASldECrIZJBcpFYO6eYf5yLXrNCUM2P0id8pgVjrUq23s00L7Q==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       lodash: 4.17.21
       mjml-core: 4.13.0
     transitivePeerDependencies:
@@ -17676,7 +17879,7 @@ packages:
   /mjml-head-attributes@4.13.0:
     resolution: {integrity: sha512-haggCafno+0lQylxJStkINCVCPMwfTpwE6yjCHeGOpQl/TkoNmjNkDr7DEEbNTZbt4Ekg070lQFn7clDy38EoA==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       lodash: 4.17.21
       mjml-core: 4.13.0
     transitivePeerDependencies:
@@ -17686,7 +17889,7 @@ packages:
   /mjml-head-breakpoint@4.13.0:
     resolution: {integrity: sha512-D2iPDeUKQK1+rYSNa2HGOvgfPxZhNyndTG0iBEb/FxdGge2hbeDCZEN0mwDYE3wWB+qSBqlCuMI+Vr4pEjZbKg==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       lodash: 4.17.21
       mjml-core: 4.13.0
     transitivePeerDependencies:
@@ -17696,7 +17899,7 @@ packages:
   /mjml-head-font@4.13.0:
     resolution: {integrity: sha512-mYn8aWnbrEap5vX2b4662hkUv6WifcYzYn++Yi6OHrJQi55LpzcU+myAGpfQEXXrpU8vGwExMTFKsJq5n2Kaow==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       lodash: 4.17.21
       mjml-core: 4.13.0
     transitivePeerDependencies:
@@ -17706,7 +17909,7 @@ packages:
   /mjml-head-html-attributes@4.13.0:
     resolution: {integrity: sha512-m30Oro297+18Zou/1qYjagtmCOWtYXeoS38OABQ5zOSzMItE3TcZI9JNcOueIIWIyFCETe8StrTAKcQ2GHwsDw==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       lodash: 4.17.21
       mjml-core: 4.13.0
     transitivePeerDependencies:
@@ -17716,7 +17919,7 @@ packages:
   /mjml-head-preview@4.13.0:
     resolution: {integrity: sha512-v0K/NocjFCbaoF/0IMVNmiqov91HxqT07vNTEl0Bt9lKFrTKVC01m1S4K7AB78T/bEeJ/HwmNjr1+TMtVNGGow==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       lodash: 4.17.21
       mjml-core: 4.13.0
     transitivePeerDependencies:
@@ -17726,7 +17929,7 @@ packages:
   /mjml-head-style@4.13.0:
     resolution: {integrity: sha512-tBa33GL9Atn5bAM2UwE+uxv4rI29WgX/e5lXX+5GWlsb4thmiN6rxpFTNqBqWbBNRbZk4UEZF78M7Da8xC1ZGQ==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       lodash: 4.17.21
       mjml-core: 4.13.0
     transitivePeerDependencies:
@@ -17736,7 +17939,7 @@ packages:
   /mjml-head-title@4.13.0:
     resolution: {integrity: sha512-Mq0bjuZXJlwxfVcjuYihQcigZSDTKeQaG3nORR1D0jsOH2BXU4XgUK1UOcTXn2qCBIfRoIMq7rfzYs+L0CRhdw==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       lodash: 4.17.21
       mjml-core: 4.13.0
     transitivePeerDependencies:
@@ -17746,7 +17949,7 @@ packages:
   /mjml-head@4.13.0:
     resolution: {integrity: sha512-sL2qQuoVALXBCiemu4DPo9geDr8DuUdXVJxm+4nd6k5jpLCfSDmFlNhgSsLPzsYn7VEac3/sxsjLtomQ+6/BHg==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       lodash: 4.17.21
       mjml-core: 4.13.0
     transitivePeerDependencies:
@@ -17756,7 +17959,7 @@ packages:
   /mjml-hero@4.13.0:
     resolution: {integrity: sha512-aWEOScdrhyjwdKBWG4XQaElRHP8LU5PtktkpMeBXa4yxrxNs25qRnDqMNkjSrnnmFKWZmQ166tfboY6RBNf0UA==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       lodash: 4.17.21
       mjml-core: 4.13.0
     transitivePeerDependencies:
@@ -17766,7 +17969,7 @@ packages:
   /mjml-image@4.13.0:
     resolution: {integrity: sha512-agMmm2wRZTIrKwrUnYFlnAbtrKYSP0R2en+Vf92HPspAwmaw3/AeOW/QxmSiMhfGf+xsEJyzVvR/nd33jbT3sg==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       lodash: 4.17.21
       mjml-core: 4.13.0
     transitivePeerDependencies:
@@ -17777,7 +17980,7 @@ packages:
     resolution: {integrity: sha512-I1euHiAyNpaz+B5vH+Z4T+hg/YtI5p3PqQ3/zTLv8gi24V6BILjTaftWhH5+3R/gQkQhH0NUaWNnRmds+Mq5DQ==}
     hasBin: true
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       js-beautify: 1.14.7
       lodash: 4.17.21
       mjml-core: 4.13.0
@@ -17790,7 +17993,7 @@ packages:
   /mjml-navbar@4.13.0:
     resolution: {integrity: sha512-0Oqyyk+OdtXfsjswRb/7Ql1UOjN4MbqFPKoyltJqtj+11MRpF5+Wjd74Dj9H7l81GFwkIB9OaP+ZMiD+TPECgg==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       lodash: 4.17.21
       mjml-core: 4.13.0
     transitivePeerDependencies:
@@ -17800,7 +18003,7 @@ packages:
   /mjml-parser-xml@4.13.0:
     resolution: {integrity: sha512-phljtI8DaW++q0aybR/Ykv9zCyP/jCFypxVNo26r2IQo//VYXyc7JuLZZT8N/LAI8lZcwbTVxQPBzJTmZ5IfwQ==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       detect-node: 2.0.4
       htmlparser2: 4.1.0
       lodash: 4.17.21
@@ -17809,7 +18012,7 @@ packages:
   /mjml-preset-core@4.13.0:
     resolution: {integrity: sha512-gxzYaKkvUrHuzT1oqjEPSDtdmgEnN99Hf5f1r2CR5aMOB1x66EA3T8ATvF1o7qrBTVV4KMVlQem3IubMSYJZRw==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       mjml-accordion: 4.13.0
       mjml-body: 4.13.0
       mjml-button: 4.13.0
@@ -17842,7 +18045,7 @@ packages:
   /mjml-raw@4.13.0:
     resolution: {integrity: sha512-JbBYxwX1a/zbqnCrlDCRNqov2xqUrMCaEdTHfqE2athj479aQXvLKFM20LilTMaClp/dR0yfvFLfFVrC5ej4FQ==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       lodash: 4.17.21
       mjml-core: 4.13.0
     transitivePeerDependencies:
@@ -17852,7 +18055,7 @@ packages:
   /mjml-section@4.13.0:
     resolution: {integrity: sha512-BLcqlhavtRakKtzDQPLv6Ae4Jt4imYWq/P0jo+Sjk7tP4QifgVA2KEQOirPK5ZUqw/lvK7Afhcths5rXZ2ItnQ==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       lodash: 4.17.21
       mjml-core: 4.13.0
     transitivePeerDependencies:
@@ -17862,7 +18065,7 @@ packages:
   /mjml-social@4.13.0:
     resolution: {integrity: sha512-zL2a7Wwsk8OXF0Bqu+1B3La1UPwdTMcEXptO8zdh2V5LL6Xb7Gfyvx6w0CmmBtG5IjyCtqaKy5wtrcpG9Hvjfg==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       lodash: 4.17.21
       mjml-core: 4.13.0
     transitivePeerDependencies:
@@ -17872,7 +18075,7 @@ packages:
   /mjml-spacer@4.13.0:
     resolution: {integrity: sha512-Acw4QJ0MJ38W4IewXuMX7hLaW1BZaln+gEEuTfrv0xwPdTxX1ILqz4r+s9mYMxYkIDLWMCjBvXyQK6aWlid13A==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       lodash: 4.17.21
       mjml-core: 4.13.0
     transitivePeerDependencies:
@@ -17882,7 +18085,7 @@ packages:
   /mjml-table@4.13.0:
     resolution: {integrity: sha512-UAWPVMaGReQhf776DFdiwdcJTIHTek3zzQ1pb+E7VlypEYgIpFvdUJ39UIiiflhqtdBATmHwKBOtePwU0MzFMg==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       lodash: 4.17.21
       mjml-core: 4.13.0
     transitivePeerDependencies:
@@ -17892,7 +18095,7 @@ packages:
   /mjml-text@4.13.0:
     resolution: {integrity: sha512-uDuraaQFdu+6xfuigCimbeznnOnJfwRdcCL1lTBTusTuEvW/5Va6m2D3mnMeEpl+bp4+cxesXIz9st6A9pcg5A==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       lodash: 4.17.21
       mjml-core: 4.13.0
     transitivePeerDependencies:
@@ -17902,13 +18105,13 @@ packages:
   /mjml-validator@4.13.0:
     resolution: {integrity: sha512-uURYfyQYtHJ6Qz/1A7/+E9ezfcoISoLZhYK3olsxKRViwaA2Mm8gy/J3yggZXnsUXWUns7Qymycm5LglLEIiQg==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
     dev: false
 
   /mjml-wrapper@4.13.0:
     resolution: {integrity: sha512-p/44JvHg04rAFR7QDImg8nZucEokIjFH6KJMHxsO0frJtLZ+IuakctzlZAADHsqiR52BwocDsXSa+o9SE2l6Ng==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       lodash: 4.17.21
       mjml-core: 4.13.0
       mjml-section: 4.13.0
@@ -18027,7 +18230,6 @@ packages:
     resolution: {integrity: sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
-    dev: true
 
   /nanoid@3.3.6:
     resolution: {integrity: sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==}
@@ -18632,7 +18834,7 @@ packages:
     resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
     engines: {node: '>=8'}
     dependencies:
-      '@babel/code-frame': 7.21.4
+      '@babel/code-frame': 7.18.6
       error-ex: 1.3.2
       json-parse-even-better-errors: 2.3.1
       lines-and-columns: 1.2.4
@@ -18867,13 +19069,13 @@ packages:
     resolution: {integrity: sha512-Sz2Lkdxz6F2Pgnpi9U5Ng/WdWAUZxmHrNPoVlm3aAemxoy2Qy7LGjQg4uf8qKelDAUW94F4np3iH2YPf2qefcQ==}
     engines: {node: '>=10'}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
     dev: true
 
   /popper.js@1.16.1-lts:
     resolution: {integrity: sha512-Kjw8nKRl1m+VrSFCoVGPph93W/qrSO7ZkqPpTf7F4bk/sqcfWK019dWBUpE/fBOsOQY1dks/Bmcbfn1heM/IsA==}
 
-  /postcss-load-config@3.1.4(postcss@8.4.23):
+  /postcss-load-config@3.1.4(postcss@8.4.21):
     resolution: {integrity: sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==}
     engines: {node: '>= 10'}
     peerDependencies:
@@ -18886,7 +19088,7 @@ packages:
         optional: true
     dependencies:
       lilconfig: 2.0.6
-      postcss: 8.4.23
+      postcss: 8.4.21
       yaml: 1.10.2
     dev: true
 
@@ -18898,7 +19100,7 @@ packages:
     resolution: {integrity: sha512-E398TUmfAYFPBSdzgeieK2Y1+1cpdxJx8yXbK/m57nRhKSmk1GB2tO4lbLBtlkfPQTDKfe4Xqv1ASWPpayPEig==}
     engines: {node: ^10 || ^12 || >=14}
     dependencies:
-      nanoid: 3.3.6
+      nanoid: 3.3.4
       picocolors: 1.0.0
       source-map-js: 1.0.2
 
@@ -18909,7 +19111,6 @@ packages:
       nanoid: 3.3.4
       picocolors: 1.0.0
       source-map-js: 1.0.2
-    dev: true
 
   /postcss@8.4.23:
     resolution: {integrity: sha512-bQ3qMcpF6A/YjR55xtoTr0jGOlnPOKAIMdOWiv0EIT6HVPEaJiJB4NLljSbiHoC2RX7DN5Uvjtpbg1NPdwv1oA==}
@@ -19127,12 +19328,18 @@ packages:
     engines: {node: '>=0.6'}
     dependencies:
       side-channel: 1.0.4
+    dev: true
 
   /qs@6.5.3:
     resolution: {integrity: sha512-qxXIEh4pCGfHICj1mAJQ2/2XVZkjCDTcEgfoSQxc/fYivUZxTkk7L3bDBJSoNrEzXI17oUO5Dp07ktqE5KzczA==}
     engines: {node: '>=0.6'}
     dev: false
 
+  /qs@6.9.7:
+    resolution: {integrity: sha512-IhMFgUmuNpyRfxA90umL7ByLlgRXu6tIfKPpF5TmcfRLlLCckfP/g3IQmju6jjpu+Hh8rA+2p6A27ZSPOOHdKw==}
+    engines: {node: '>=0.6'}
+    dev: false
+
   /querystringify@2.2.0:
     resolution: {integrity: sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==}
 
@@ -19211,7 +19418,7 @@ packages:
     hasBin: true
     dependencies:
       '@babel/core': 7.21.8
-      '@babel/generator': 7.21.5
+      '@babel/generator': 7.21.9
       ast-types: 0.14.2
       commander: 2.20.3
       doctrine: 3.0.0
@@ -19264,7 +19471,7 @@ packages:
     peerDependencies:
       react: '>=16.13.1'
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       react: 18.2.0
     dev: true
 
@@ -19279,7 +19486,7 @@ packages:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
       react-final-form: ^6.2.1
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       final-form: 4.20.9
       final-form-arrays: 3.1.0(final-form@4.20.9)
       react: 18.2.0
@@ -19292,7 +19499,7 @@ packages:
       final-form: ^4.20.4
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       final-form: 4.20.9
       react: 18.2.0
     dev: false
@@ -19345,7 +19552,7 @@ packages:
       react-native:
         optional: true
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       html-parse-stringify: 3.0.1
       i18next: 21.10.0
       react: 18.2.0
@@ -19624,7 +19831,7 @@ packages:
       react: '>=16.6.0'
       react-dom: '>=16.6.0'
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       dom-helpers: 5.2.1
       loose-envify: 1.4.0
       prop-types: 15.8.1
@@ -19695,7 +19902,7 @@ packages:
       react: ^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0
       react-dom: ^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       memoize-one: 5.2.1
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
@@ -19831,7 +20038,7 @@ packages:
   /regenerator-transform@0.15.1:
     resolution: {integrity: sha512-knzmNAcuyxV+gQCufkYcvOqX/qIIfHLv0u5x79kRxuGojfYVky1f15TzZEu2Avte8QGepvUNTnLskf8E6X6Vyg==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
     dev: true
 
   /regexp-to-ast@0.4.0:
@@ -19878,7 +20085,7 @@ packages:
   /relay-runtime@12.0.0:
     resolution: {integrity: sha512-QU6JKr1tMsry22DXNy9Whsq5rmvwr3LSZiiWV/9+DFpuTWvp+WFhobWMc8TC4OjKFfNhEZy7mOiqUAn5atQtug==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       fbjs: 3.0.4
       invariant: 2.2.4
     transitivePeerDependencies:
@@ -20093,8 +20300,15 @@ packages:
       fsevents: 2.3.2
     dev: false
 
-  /rollup@3.21.7:
-    resolution: {integrity: sha512-KXPaEuR8FfUoK2uHwNjxTmJ18ApyvD6zJpYv9FOJSqLStmt6xOY84l1IjK2dSolQmoXknrhEFRaPRgOPdqCT5w==}
+  /rollup@3.20.5:
+    resolution: {integrity: sha512-Mx6NE3nLPIP6a9ReV4dTPOYYmDiyarJNtSbc37Jx0jvh8SHySoFPgyZAp9aDP3LnYvaJOrz+fclcwq3oZDzlnA==}
+    engines: {node: '>=14.18.0', npm: '>=8.0.0'}
+    hasBin: true
+    optionalDependencies:
+      fsevents: 2.3.2
+
+  /rollup@3.23.0:
+    resolution: {integrity: sha512-h31UlwEi7FHihLe1zbk+3Q7z1k/84rb9BSwmBSr/XjOCEaBJ2YyedQDuM0t/kfOS0IxM+vk1/zI9XxYj9V+NJQ==}
     engines: {node: '>=14.18.0', npm: '>=8.0.0'}
     hasBin: true
     optionalDependencies:
@@ -20103,7 +20317,7 @@ packages:
   /rtl-css-js@1.16.1:
     resolution: {integrity: sha512-lRQgou1mu19e+Ya0LsTvKrVJ5TYUbqCVPAiImX3UfLTenarvPUl1QFdvu5Z3PYmHT9RCcwIfbjRQBntExyj3Zg==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
     dev: false
 
   /run-async@2.4.1:
@@ -20818,7 +21032,7 @@ packages:
       formidable: 1.2.6
       methods: 1.1.2
       mime: 1.6.0
-      qs: 6.11.2
+      qs: 6.9.7
       readable-stream: 2.3.7
     transitivePeerDependencies:
       - supports-color
@@ -20964,12 +21178,12 @@ packages:
       jest-worker: 27.5.1
       schema-utils: 3.1.2
       serialize-javascript: 6.0.1
-      terser: 5.17.5
+      terser: 5.17.6
       webpack: 5.82.1(esbuild@0.17.17)
     dev: true
 
-  /terser@5.17.5:
-    resolution: {integrity: sha512-NqFkzBX34WExkCbk3K5urmNCpEWqMPZnwGI1pMHwqvJ/zDlXC75u3NI7BrzoR8/pryy8Abx2e1i8ChrWkhH1Hg==}
+  /terser@5.17.6:
+    resolution: {integrity: sha512-V8QHcs8YuyLkLHsJO5ucyff1ykrLVsR4dNnS//L5Y3NiSXpbK1J+WMVUs67eI0KTxs9JtHhgEQpXQVHlHI92DQ==}
     engines: {node: '>=10'}
     hasBin: true
     dependencies:
@@ -21599,7 +21813,7 @@ packages:
   /unload@2.2.0:
     resolution: {integrity: sha512-B60uB5TNBLtN6/LsgAf3udH9saB5p7gqJwcFfbOEZ8BcBHnGwCf6G/TGiEqkRAxX7zAFIUtzdrXQSdL3Q/wqNA==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       detect-node: 2.1.0
     dev: false
 
@@ -22024,10 +22238,9 @@ packages:
       '@types/node': 18.0.1
       esbuild: 0.17.17
       postcss: 8.4.23
-      rollup: 3.21.7
+      rollup: 3.23.0
     optionalDependencies:
       fsevents: 2.3.2
-    dev: false
 
   /vite@4.3.1(@types/node@18.13.0):
     resolution: {integrity: sha512-EPmfPLAI79Z/RofuMvkIS0Yr091T2ReUoXQqc5ppBX/sjFRhHKiPPF/R46cTdoci/XgeQpB23diiJxq5w30vdg==}
@@ -22056,8 +22269,8 @@ packages:
     dependencies:
       '@types/node': 18.13.0
       esbuild: 0.17.17
-      postcss: 8.4.23
-      rollup: 3.21.7
+      postcss: 8.4.21
+      rollup: 3.20.5
     optionalDependencies:
       fsevents: 2.3.2
 
@@ -22089,7 +22302,7 @@ packages:
       '@types/node': 18.13.0
       esbuild: 0.17.17
       postcss: 8.4.23
-      rollup: 3.21.7
+      rollup: 3.23.0
     optionalDependencies:
       fsevents: 2.3.2
 
@@ -22658,7 +22871,7 @@ packages:
     resolution: {integrity: sha512-Z2Fe1bn+eLstG8DRR6FTavGD+MeAwyfmouhHsIUgaADz8jvFKbO/fXc2trJKZg+5EBjh4gGm3iU/t3onKlXHIg==}
     engines: {node: '>=10'}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.20.13
       '@types/lodash': 4.14.191
       lodash: 4.17.21
       lodash-es: 4.17.21