From 8bfa024dc810354a1804d0111b325e4f5c0f4e62 Mon Sep 17 00:00:00 2001
From: Lucas Araujo <lucas.araujo@iohk.io>
Date: Wed, 20 Sep 2023 11:44:26 -0300
Subject: [PATCH 01/38] refactor: move logic out of component

---
 .../dapp/components/ConfirmTransaction.tsx    | 271 ------------------
 .../__tests__/ConfirmTransaction.test.tsx     |   2 +-
 .../ConfirmTransaction.module.scss            |   0
 .../ConfirmTransaction.tsx                    | 112 ++++++++
 .../components/confirm-transaction/hooks.ts   | 199 +++++++++++++
 .../components/confirm-transaction/utils.ts   |  37 +++
 .../src/features/dapp/config/ViewsConfig.tsx  |   2 +-
 7 files changed, 350 insertions(+), 273 deletions(-)
 delete mode 100644 apps/browser-extension-wallet/src/features/dapp/components/ConfirmTransaction.tsx
 rename apps/browser-extension-wallet/src/features/dapp/components/{ => confirm-transaction}/ConfirmTransaction.module.scss (100%)
 create mode 100644 apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransaction.tsx
 create mode 100644 apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/hooks.ts
 create mode 100644 apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/utils.ts

diff --git a/apps/browser-extension-wallet/src/features/dapp/components/ConfirmTransaction.tsx b/apps/browser-extension-wallet/src/features/dapp/components/ConfirmTransaction.tsx
deleted file mode 100644
index 5e7ca09fb1..0000000000
--- a/apps/browser-extension-wallet/src/features/dapp/components/ConfirmTransaction.tsx
+++ /dev/null
@@ -1,271 +0,0 @@
-import React, { useState, useEffect, useMemo, useCallback } from 'react';
-import { Button, useObservable } from '@lace/common';
-import { useTranslation } from 'react-i18next';
-import { DappTransaction } from '@lace/core';
-import { Layout } from './Layout';
-import { useViewsFlowContext } from '@providers/ViewFlowProvider';
-import { sectionTitle, DAPP_VIEWS } from '../config';
-import styles from './ConfirmTransaction.module.scss';
-import { Wallet } from '@lace/cardano';
-import { useAddressBookContext, withAddressBookContext } from '@src/features/address-book/context';
-import { useWalletStore } from '@stores';
-import { AddressListType } from '@views/browser/features/activity';
-import { consumeRemoteApi, exposeApi, RemoteApiPropertyType } from '@cardano-sdk/web-extension';
-import { DappDataService } from '@lib/scripts/types';
-import { DAPP_CHANNELS } from '@src/utils/constants';
-import { runtime } from 'webextension-polyfill';
-import { useRedirection } from '@hooks';
-import { assetsBurnedInspector, assetsMintedInspector, createTxInspector } from '@cardano-sdk/core';
-import { Skeleton } from 'antd';
-import { dAppRoutePaths } from '@routes';
-import { UserPromptService } from '@lib/scripts/background/services';
-import { of } from 'rxjs';
-import { CardanoTxOut } from '@src/types';
-import { getAssetsInformation, TokenInfo } from '@src/utils/get-assets-information';
-import * as HardwareLedger from '../../../../../../node_modules/@cardano-sdk/hardware-ledger/dist/cjs';
-
-const DAPP_TOAST_DURATION = 50;
-
-const dappDataApi = consumeRemoteApi<Pick<DappDataService, 'getSignTxData'>>(
-  {
-    baseChannel: DAPP_CHANNELS.dappData,
-    properties: {
-      getSignTxData: RemoteApiPropertyType.MethodReturningPromise
-    }
-  },
-  { logger: console, runtime }
-);
-
-// eslint-disable-next-line sonarjs/cognitive-complexity
-export const ConfirmTransaction = withAddressBookContext((): React.ReactElement => {
-  const {
-    utils: { setNextView }
-  } = useViewsFlowContext();
-  const { t } = useTranslation();
-  const {
-    walletInfo,
-    inMemoryWallet,
-    getKeyAgentType,
-    blockchainProvider: { assetProvider }
-  } = useWalletStore();
-  const { list: addressList } = useAddressBookContext();
-
-  const [tx, setTx] = useState<Wallet.Cardano.Tx>();
-  const assets = useObservable<TokenInfo | null>(inMemoryWallet.assetInfo$);
-  const [errorMessage, setErrorMessage] = useState<string>();
-  const redirectToSignFailure = useRedirection(dAppRoutePaths.dappTxSignFailure);
-  const [isConfirmingTx, setIsConfirmingTx] = useState<boolean>();
-  const keyAgentType = getKeyAgentType();
-  const isUsingHardwareWallet = useMemo(
-    () => keyAgentType !== Wallet.KeyManagement.KeyAgentType.InMemory,
-    [keyAgentType]
-  );
-  const [assetsInfo, setAssetsInfo] = useState<TokenInfo | null>();
-  const [dappInfo, setDappInfo] = useState<Wallet.DappInfo>();
-
-  const getTransactionAssetsId = (outputs: CardanoTxOut[]) => {
-    const assetIds: Wallet.Cardano.AssetId[] = [];
-    const assetMaps = outputs.map((output) => output.value.assets);
-    for (const asset of assetMaps) {
-      if (asset) {
-        for (const id of asset.keys()) {
-          !assetIds.includes(id) && assetIds.push(id);
-        }
-      }
-    }
-    return assetIds;
-  };
-
-  const assetIds = useMemo(() => tx?.body?.outputs && getTransactionAssetsId(tx.body.outputs), [tx?.body?.outputs]);
-
-  useEffect(() => {
-    if (assetIds?.length > 0) {
-      getAssetsInformation(assetIds, assets, {
-        assetProvider,
-        extraData: { nftMetadata: true, tokenMetadata: true }
-      })
-        .then((result) => setAssetsInfo(result))
-        .catch((error) => {
-          console.error(error);
-        });
-    }
-  }, [assetIds, assetProvider, assets]);
-
-  const cancelTransaction = useCallback((close = false) => {
-    exposeApi<Pick<UserPromptService, 'allowSignTx'>>(
-      {
-        api$: of({
-          async allowSignTx(): Promise<boolean> {
-            return Promise.reject();
-          }
-        }),
-        baseChannel: DAPP_CHANNELS.userPrompt,
-        properties: { allowSignTx: RemoteApiPropertyType.MethodReturningPromise }
-      },
-      { logger: console, runtime }
-    );
-    close && setTimeout(() => window.close(), DAPP_TOAST_DURATION);
-  }, []);
-
-  window.addEventListener('beforeunload', cancelTransaction);
-
-  const signWithHardwareWallet = async () => {
-    setIsConfirmingTx(true);
-    try {
-      HardwareLedger.LedgerKeyAgent.establishDeviceConnection(Wallet.KeyManagement.CommunicationType.Web)
-        .then(() => {
-          exposeApi<Pick<UserPromptService, 'allowSignTx'>>(
-            {
-              api$: of({
-                async allowSignTx(): Promise<boolean> {
-                  return Promise.resolve(true);
-                }
-              }),
-              baseChannel: DAPP_CHANNELS.userPrompt,
-              properties: { allowSignTx: RemoteApiPropertyType.MethodReturningPromise }
-            },
-            { logger: console, runtime }
-          );
-        })
-        .catch((error) => {
-          throw error;
-        });
-    } catch (error) {
-      console.error('error', error);
-      cancelTransaction(false);
-      redirectToSignFailure();
-    }
-  };
-
-  useEffect(() => {
-    dappDataApi
-      .getSignTxData()
-      .then(({ dappInfo: backgroundDappInfo, tx: backgroundTx }) => {
-        setDappInfo(backgroundDappInfo);
-        setTx(backgroundTx);
-      })
-      .catch((error) => {
-        setErrorMessage(error);
-        console.error(error);
-      });
-  }, []);
-
-  const createAssetList = useCallback(
-    (txAssets: Wallet.Cardano.TokenMap) => {
-      if (!assetsInfo) return [];
-      const assetList: Wallet.Cip30SignTxAssetItem[] = [];
-      // eslint-disable-next-line unicorn/no-array-for-each
-      txAssets.forEach(async (value, key) => {
-        const walletAsset = assets.get(key) || assetsInfo?.get(key);
-        assetList.push({
-          name: walletAsset.name.toString() || key.toString(),
-          ticker: walletAsset.tokenMetadata?.ticker || walletAsset.nftMetadata?.name,
-          amount: Wallet.util.calculateAssetBalance(value, walletAsset)
-        });
-      });
-      return assetList;
-    },
-    [assets, assetsInfo]
-  );
-
-  const addressToNameMap = useMemo(
-    () => new Map<string, string>(addressList?.map((item: AddressListType) => [item.address, item.name])),
-    [addressList]
-  );
-
-  const txSummary: Wallet.Cip30SignTxSummary | undefined = useMemo(() => {
-    if (!tx) return;
-    const inspector = createTxInspector({
-      minted: assetsMintedInspector,
-      burned: assetsBurnedInspector
-    });
-
-    const { minted, burned } = inspector(tx as Wallet.Cardano.HydratedTx);
-    const isMintTransaction = minted.length > 0;
-    const isBurnTransaction = burned.length > 0;
-
-    let txType: 'Send' | 'Mint' | 'Burn';
-    if (isMintTransaction) {
-      txType = 'Mint';
-    } else if (isBurnTransaction) {
-      txType = 'Burn';
-    } else {
-      txType = 'Send';
-    }
-
-    const externalOutputs = tx.body.outputs.filter((output) => {
-      if (txType === 'Send') {
-        return walletInfo.addresses.every((addr) => output.address !== addr.address);
-      }
-      return true;
-    });
-
-    // eslint-disable-next-line unicorn/no-array-reduce
-    const txSummaryOutputs: Wallet.Cip30SignTxSummary['outputs'] = externalOutputs.reduce((acc, txOut) => {
-      // Don't show withdrawl tx's etc
-      if (txOut.address.toString() === walletInfo.addresses[0].address.toString()) return acc;
-
-      return [
-        ...acc,
-        {
-          coins: Wallet.util.lovelacesToAdaString(txOut.value.coins.toString()),
-          recipient: addressToNameMap?.get(txOut.address.toString()) || txOut.address.toString(),
-          ...(txOut.value.assets?.size > 0 && { assets: createAssetList(txOut.value.assets) })
-        }
-      ];
-    }, []);
-
-    // eslint-disable-next-line consistent-return
-    return {
-      fee: Wallet.util.lovelacesToAdaString(tx.body.fee.toString()),
-      outputs: txSummaryOutputs,
-      type: txType
-    };
-  }, [tx, walletInfo.addresses, createAssetList, addressToNameMap]);
-
-  const translations = {
-    transaction: t('core.dappTransaction.transaction'),
-    amount: t('core.dappTransaction.amount'),
-    recipient: t('core.dappTransaction.recipient'),
-    fee: t('core.dappTransaction.fee'),
-    adaFollowingNumericValue: t('general.adaFollowingNumericValue')
-  };
-
-  return (
-    <Layout pageClassname={styles.spaceBetween} title={t(sectionTitle[DAPP_VIEWS.CONFIRM_TX])}>
-      {tx && txSummary ? (
-        <DappTransaction
-          transaction={txSummary}
-          dappInfo={dappInfo}
-          errorMessage={errorMessage}
-          translations={translations}
-        />
-      ) : (
-        <Skeleton loading />
-      )}
-      <div className={styles.actions}>
-        <Button
-          onClick={async () => {
-            isUsingHardwareWallet ? signWithHardwareWallet() : setNextView();
-          }}
-          disabled={!!errorMessage}
-          loading={isUsingHardwareWallet && isConfirmingTx}
-          data-testid="dapp-transaction-confirm"
-          className={styles.actionBtn}
-        >
-          {isUsingHardwareWallet
-            ? t('browserView.transaction.send.footer.confirmWithDevice', { hardwareWallet: keyAgentType })
-            : t('dapp.confirm.btn.confirm')}
-        </Button>
-        <Button
-          color="secondary"
-          data-testid="dapp-transaction-cancel"
-          onClick={cancelTransaction}
-          className={styles.actionBtn}
-        >
-          {t('dapp.confirm.btn.cancel')}
-        </Button>
-      </div>
-    </Layout>
-  );
-});
diff --git a/apps/browser-extension-wallet/src/features/dapp/components/__tests__/ConfirmTransaction.test.tsx b/apps/browser-extension-wallet/src/features/dapp/components/__tests__/ConfirmTransaction.test.tsx
index 9c0765fff2..edb09bc647 100644
--- a/apps/browser-extension-wallet/src/features/dapp/components/__tests__/ConfirmTransaction.test.tsx
+++ b/apps/browser-extension-wallet/src/features/dapp/components/__tests__/ConfirmTransaction.test.tsx
@@ -9,7 +9,7 @@ const mockConsumeRemoteApi = jest.fn().mockReturnValue({
 const mockCreateTxInspector = jest.fn().mockReturnValue(() => ({ minted: [] as any, burned: [] as any }));
 import * as React from 'react';
 import { cleanup, render, waitFor } from '@testing-library/react';
-import { ConfirmTransaction } from '../ConfirmTransaction';
+import { ConfirmTransaction } from '../confirm-transaction/ConfirmTransaction';
 import '@testing-library/jest-dom';
 import { I18nextProvider } from 'react-i18next';
 import { StoreProvider } from '@src/stores';
diff --git a/apps/browser-extension-wallet/src/features/dapp/components/ConfirmTransaction.module.scss b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransaction.module.scss
similarity index 100%
rename from apps/browser-extension-wallet/src/features/dapp/components/ConfirmTransaction.module.scss
rename to apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransaction.module.scss
diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransaction.tsx b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransaction.tsx
new file mode 100644
index 0000000000..3643fa9aaa
--- /dev/null
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransaction.tsx
@@ -0,0 +1,112 @@
+import React, { useMemo } from 'react';
+import { Button, useObservable } from '@lace/common';
+import { useTranslation } from 'react-i18next';
+import { DappTransaction } from '@lace/core';
+import { Layout } from '../Layout';
+import { useViewsFlowContext } from '@providers/ViewFlowProvider';
+import { sectionTitle, DAPP_VIEWS } from '../../config';
+import styles from './ConfirmTransaction.module.scss';
+import { Wallet } from '@lace/cardano';
+import { useAddressBookContext, withAddressBookContext } from '@src/features/address-book/context';
+import { useWalletStore } from '@stores';
+import { AddressListType } from '@views/browser/features/activity';
+import { consumeRemoteApi, RemoteApiPropertyType } from '@cardano-sdk/web-extension';
+import { DappDataService } from '@lib/scripts/types';
+import { DAPP_CHANNELS } from '@src/utils/constants';
+import { runtime } from 'webextension-polyfill';
+import { Skeleton } from 'antd';
+import { TokenInfo } from '@src/utils/get-assets-information';
+import { useCancelTx, useCreateAssetList, useSignTxData, useSignWithHardwareWallet, useTxSummary } from './hooks';
+
+const dappDataApi = consumeRemoteApi<Pick<DappDataService, 'getSignTxData'>>(
+  {
+    baseChannel: DAPP_CHANNELS.dappData,
+    properties: {
+      getSignTxData: RemoteApiPropertyType.MethodReturningPromise
+    }
+  },
+  { logger: console, runtime }
+);
+
+export const ConfirmTransaction = withAddressBookContext((): React.ReactElement => {
+  const {
+    utils: { setNextView }
+  } = useViewsFlowContext();
+  const { t } = useTranslation();
+  const {
+    walletInfo,
+    inMemoryWallet,
+    getKeyAgentType,
+    blockchainProvider: { assetProvider }
+  } = useWalletStore();
+  const { list: addressList } = useAddressBookContext() as { list: AddressListType[] };
+  const { signTxData, errorMessage } = useSignTxData(dappDataApi.getSignTxData);
+  const tx = signTxData?.tx;
+  const outputs = tx?.body?.outputs;
+  const assets = useObservable<TokenInfo | null>(inMemoryWallet.assetInfo$);
+  const availableBalance = useObservable(inMemoryWallet.balance.utxo.available$);
+  const keyAgentType = getKeyAgentType();
+  const isUsingHardwareWallet = useMemo(
+    () => keyAgentType !== Wallet.KeyManagement.KeyAgentType.InMemory,
+    [keyAgentType]
+  );
+  const cancelTransaction = useCancelTx();
+  const { isConfirmingTx, signWithHardwareWallet } = useSignWithHardwareWallet(cancelTransaction);
+  const createAssetList = useCreateAssetList({ outputs, assets, assetProvider });
+  const { txSummary, hasInsufficientFunds } = useTxSummary({
+    addressList,
+    createAssetList,
+    availableBalance,
+    tx,
+    walletInfo
+  });
+
+  const translations = {
+    transaction: t('core.dappTransaction.transaction'),
+    amount: t('core.dappTransaction.amount'),
+    recipient: t('core.dappTransaction.recipient'),
+    fee: t('core.dappTransaction.fee'),
+    insufficientFunds: t('core.dappTransaction.insufficientFunds'),
+    adaFollowingNumericValue: t('general.adaFollowingNumericValue')
+  };
+  window.addEventListener('beforeunload', cancelTransaction);
+
+  return (
+    <Layout pageClassname={styles.spaceBetween} title={t(sectionTitle[DAPP_VIEWS.CONFIRM_TX])}>
+      {tx && txSummary ? (
+        <DappTransaction
+          transaction={txSummary}
+          dappInfo={signTxData?.dappInfo}
+          errorMessage={errorMessage}
+          translations={translations}
+          hasInsufficientFunds={hasInsufficientFunds}
+        />
+      ) : (
+        <Skeleton loading />
+      )}
+      <div className={styles.actions}>
+        <Button
+          onClick={async () => {
+            isUsingHardwareWallet ? signWithHardwareWallet() : setNextView();
+          }}
+          disabled={!!errorMessage || hasInsufficientFunds}
+          loading={isUsingHardwareWallet && isConfirmingTx}
+          data-testid="dapp-transaction-confirm"
+          className={styles.actionBtn}
+        >
+          {isUsingHardwareWallet
+            ? t('browserView.transaction.send.footer.confirmWithDevice', { hardwareWallet: keyAgentType })
+            : t('dapp.confirm.btn.confirm')}
+        </Button>
+        <Button
+          color="secondary"
+          data-testid="dapp-transaction-cancel"
+          onClick={() => cancelTransaction(true)}
+          className={styles.actionBtn}
+        >
+          {t('dapp.confirm.btn.cancel')}
+        </Button>
+      </div>
+    </Layout>
+  );
+});
diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/hooks.ts b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/hooks.ts
new file mode 100644
index 0000000000..ea8069db55
--- /dev/null
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/hooks.ts
@@ -0,0 +1,199 @@
+import { AssetProvider } from '@cardano-sdk/core';
+import { RemoteApiPropertyType, exposeApi } from '@cardano-sdk/web-extension';
+import { useRedirection } from '@hooks';
+import { Wallet } from '@lace/cardano';
+import { UserPromptService } from '@lib/scripts/background/services';
+import { DappDataService } from '@lib/scripts/types';
+import { dAppRoutePaths } from '@routes';
+import { CardanoTxOut, WalletInfo } from '@src/types';
+import { DAPP_CHANNELS } from '@src/utils/constants';
+import { TokenInfo, getAssetsInformation } from '@src/utils/get-assets-information';
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { of } from 'rxjs';
+import { runtime } from 'webextension-polyfill';
+import * as HardwareLedger from '@cardano-sdk/hardware-ledger';
+import { getTransactionAssetsId, getTxType } from './utils';
+import { AddressListType } from '@src/views/browser-view/features/activity';
+
+const DAPP_TOAST_DURATION = 50;
+
+export const useCreateAssetList = ({
+  assets,
+  outputs,
+  assetProvider
+}: {
+  assets?: TokenInfo;
+  outputs?: CardanoTxOut[];
+  assetProvider: AssetProvider;
+}): ((txAssets: Wallet.Cardano.TokenMap) => Wallet.Cip30SignTxAssetItem[]) => {
+  const [assetsInfo, setAssetsInfo] = useState<TokenInfo | undefined>();
+  const assetIds = useMemo(() => outputs && getTransactionAssetsId(outputs), [outputs]);
+
+  useEffect(() => {
+    if (assetIds?.length > 0) {
+      getAssetsInformation(assetIds, assets, {
+        assetProvider,
+        extraData: { nftMetadata: true, tokenMetadata: true }
+      })
+        .then((result) => setAssetsInfo(result))
+        .catch((error) => {
+          console.error(error);
+        });
+    }
+  }, [assetIds, assetProvider, assets]);
+
+  return useCallback(
+    (txAssets: Wallet.Cardano.TokenMap) => {
+      if (!assetsInfo) return [];
+      const assetList: Wallet.Cip30SignTxAssetItem[] = [];
+      // eslint-disable-next-line unicorn/no-array-for-each
+      txAssets.forEach(async (value, key) => {
+        const walletAsset = assets.get(key) || assetsInfo?.get(key);
+        assetList.push({
+          name: walletAsset.name.toString() || key.toString(),
+          ticker: walletAsset.tokenMetadata?.ticker || walletAsset.nftMetadata?.name,
+          amount: Wallet.util.calculateAssetBalance(value, walletAsset)
+        });
+      });
+      return assetList;
+    },
+    [assets, assetsInfo]
+  );
+};
+
+type GetSignTxData = DappDataService['getSignTxData'];
+type SignTxData = { dappInfo: Wallet.DappInfo; tx: Wallet.Cardano.Tx };
+
+export const useSignTxData = (getSignTxData: GetSignTxData): { signTxData?: SignTxData; errorMessage?: string } => {
+  const [signTxData, setSignTxData] = useState<{ dappInfo: Wallet.DappInfo; tx: Wallet.Cardano.Tx }>();
+  const [errorMessage, setErrorMessage] = useState<string | undefined>();
+
+  useEffect(() => {
+    getSignTxData()
+      .then((result) => {
+        setSignTxData(result);
+      })
+      .catch((error) => {
+        setErrorMessage(error);
+        console.error(error);
+      });
+  }, [getSignTxData, setSignTxData, setErrorMessage]);
+
+  return { signTxData, errorMessage };
+};
+
+export const useCancelTx = (): ((close?: boolean) => void) =>
+  useCallback((close = false) => {
+    exposeApi<Pick<UserPromptService, 'allowSignTx'>>(
+      {
+        api$: of({
+          async allowSignTx(): Promise<boolean> {
+            return Promise.reject();
+          }
+        }),
+        baseChannel: DAPP_CHANNELS.userPrompt,
+        properties: { allowSignTx: RemoteApiPropertyType.MethodReturningPromise }
+      },
+      { logger: console, runtime }
+    );
+    close && setTimeout(() => window.close(), DAPP_TOAST_DURATION);
+  }, []);
+
+export const useSignWithHardwareWallet = (
+  cancelTransaction: (close?: boolean) => void
+): {
+  signWithHardwareWallet: () => Promise<void>;
+  isConfirmingTx: boolean;
+} => {
+  const redirectToSignFailure = useRedirection(dAppRoutePaths.dappTxSignFailure);
+  const [isConfirmingTx, setIsConfirmingTx] = useState<boolean>();
+  const signWithHardwareWallet = async () => {
+    setIsConfirmingTx(true);
+    try {
+      HardwareLedger.LedgerKeyAgent.establishDeviceConnection(Wallet.KeyManagement.CommunicationType.Web)
+        .then(() => {
+          exposeApi<Pick<UserPromptService, 'allowSignTx'>>(
+            {
+              api$: of({
+                async allowSignTx(): Promise<boolean> {
+                  return Promise.resolve(true);
+                }
+              }),
+              baseChannel: DAPP_CHANNELS.userPrompt,
+              properties: { allowSignTx: RemoteApiPropertyType.MethodReturningPromise }
+            },
+            { logger: console, runtime }
+          );
+        })
+        .catch((error) => {
+          throw error;
+        });
+    } catch (error) {
+      console.error('error', error);
+      cancelTransaction(false);
+      redirectToSignFailure();
+    }
+  };
+
+  return { isConfirmingTx, signWithHardwareWallet };
+};
+
+export const useTxSummary = ({
+  tx,
+  addressList,
+  availableBalance,
+  walletInfo,
+  createAssetList
+}: {
+  addressList: AddressListType[];
+  availableBalance: Wallet.Cardano.Value;
+  walletInfo: WalletInfo;
+  tx: Wallet.Cardano.Tx;
+  createAssetList: (txAssets: Wallet.Cardano.TokenMap) => Wallet.Cip30SignTxAssetItem[];
+}): { txSummary?: Wallet.Cip30SignTxSummary; hasInsufficientFunds: boolean } => {
+  const [hasInsufficientFunds, setInsufficientFunds] = useState(false);
+  const txSummary = useMemo((): Wallet.Cip30SignTxSummary | undefined => {
+    if (!tx) return undefined;
+    const txType = getTxType(tx);
+
+    const addressToNameMap = new Map<string, string>(
+      addressList?.map((item: AddressListType) => [item.address, item.name])
+    );
+
+    const externalOutputs = tx.body.outputs.filter((output) => {
+      if (txType === 'Send') {
+        return walletInfo.addresses.every((addr) => output.address !== addr.address);
+      }
+      return true;
+    });
+    let totalCoins = BigInt(0);
+
+    // eslint-disable-next-line unicorn/no-array-reduce
+    const txSummaryOutputs: Wallet.Cip30SignTxSummary['outputs'] = externalOutputs.reduce((acc, txOut) => {
+      // Don't show withdrawl tx's etc
+      if (txOut.address.toString() === walletInfo.addresses[0].address.toString()) return acc;
+      totalCoins += txOut.value.coins;
+      if (totalCoins >= availableBalance?.coins) {
+        setInsufficientFunds(true);
+      }
+
+      return [
+        ...acc,
+        {
+          coins: Wallet.util.lovelacesToAdaString(txOut.value.coins.toString()),
+          recipient: addressToNameMap?.get(txOut.address.toString()) || txOut.address.toString(),
+          ...(txOut.value.assets?.size > 0 && { assets: createAssetList(txOut.value.assets) })
+        }
+      ];
+    }, []);
+
+    // eslint-disable-next-line consistent-return
+    return {
+      fee: Wallet.util.lovelacesToAdaString(tx.body.fee.toString()),
+      outputs: txSummaryOutputs,
+      type: txType
+    };
+  }, [tx, availableBalance, walletInfo.addresses, createAssetList, addressList]);
+
+  return { txSummary, hasInsufficientFunds };
+};
diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/utils.ts b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/utils.ts
new file mode 100644
index 0000000000..755e3dd6f1
--- /dev/null
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/utils.ts
@@ -0,0 +1,37 @@
+import { Wallet } from '@lace/cardano';
+import { assetsBurnedInspector, assetsMintedInspector, createTxInspector } from '@cardano-sdk/core';
+import { CardanoTxOut } from '@src/types';
+
+export const getTransactionAssetsId = (outputs: CardanoTxOut[]): Wallet.Cardano.AssetId[] => {
+  const assetIds: Wallet.Cardano.AssetId[] = [];
+  const assetMaps = outputs.map((output) => output.value.assets);
+  for (const asset of assetMaps) {
+    if (asset) {
+      for (const id of asset.keys()) {
+        !assetIds.includes(id) && assetIds.push(id);
+      }
+    }
+  }
+  return assetIds;
+};
+
+export const getTxType = (tx: Wallet.Cardano.Tx): 'Send' | 'Mint' | 'Burn' => {
+  const inspector = createTxInspector({
+    minted: assetsMintedInspector,
+    burned: assetsBurnedInspector
+  });
+
+  const { minted, burned } = inspector(tx as Wallet.Cardano.HydratedTx);
+  const isMintTransaction = minted.length > 0;
+  const isBurnTransaction = burned.length > 0;
+
+  if (isMintTransaction) {
+    return 'Mint';
+  }
+
+  if (isBurnTransaction) {
+    return 'Burn';
+  }
+
+  return 'Send';
+};
diff --git a/apps/browser-extension-wallet/src/features/dapp/config/ViewsConfig.tsx b/apps/browser-extension-wallet/src/features/dapp/config/ViewsConfig.tsx
index 34624df137..dbb0144eff 100644
--- a/apps/browser-extension-wallet/src/features/dapp/config/ViewsConfig.tsx
+++ b/apps/browser-extension-wallet/src/features/dapp/config/ViewsConfig.tsx
@@ -1,5 +1,5 @@
 import { IViewsList } from '../../../types';
-import { ConfirmTransaction } from '../components/ConfirmTransaction';
+import { ConfirmTransaction } from '../components/confirm-transaction/ConfirmTransaction';
 import { SignTransaction } from '../components/SignTransaction';
 import { DappTransactionFail } from '../components/DappTransactionFail';
 import { IViewAction, IViewState } from '../../../providers';

From a7d8df5019e980bcc23a5c0ecd5b9038b269d61c Mon Sep 17 00:00:00 2001
From: Lucas Araujo <lucas.araujo@iohk.io>
Date: Wed, 20 Sep 2023 14:58:17 -0300
Subject: [PATCH 02/38] fix: file path

---
 .../confirm-transaction/ConfirmTransaction.module.scss        | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransaction.module.scss b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransaction.module.scss
index cfac6eebe5..50163e5e4c 100644
--- a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransaction.module.scss
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransaction.module.scss
@@ -1,5 +1,5 @@
-@import '../../../../../../packages/common/src/ui/styles/theme.scss';
-@import '../../../../src/styles/rules/flex.scss';
+@import '../../../../../../../packages/common/src/ui/styles/theme.scss';
+@import '../../../../../src/styles/rules/flex.scss';
 
 .actions {
   display: flex;

From 8ff038e90cf1b4f5694dd61720b36b3c55c14ecb Mon Sep 17 00:00:00 2001
From: Renan Ferreira <renan.ferreira@iohk.io>
Date: Fri, 22 Sep 2023 10:23:12 -0300
Subject: [PATCH 03/38] feat(core): setup storybook

---
 packages/core/.babelrc.json                   |   18 +
 packages/core/.storybook/main.ts              |   37 +
 packages/core/.storybook/preview.ts           |   18 +
 packages/core/.storybook/theme.scss           |   36 +
 packages/core/package.json                    |   17 +
 .../DappTransaction.stories.ts                |   64 +
 yarn.lock                                     | 4571 ++++++++++++++++-
 7 files changed, 4661 insertions(+), 100 deletions(-)
 create mode 100644 packages/core/.babelrc.json
 create mode 100644 packages/core/.storybook/main.ts
 create mode 100644 packages/core/.storybook/preview.ts
 create mode 100644 packages/core/.storybook/theme.scss
 create mode 100644 packages/core/src/ui/components/DappTransaction/DappTransaction.stories.ts

diff --git a/packages/core/.babelrc.json b/packages/core/.babelrc.json
new file mode 100644
index 0000000000..9164ce7ce4
--- /dev/null
+++ b/packages/core/.babelrc.json
@@ -0,0 +1,18 @@
+{
+  "sourceType": "unambiguous",
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "targets": {
+          "chrome": 100,
+          "safari": 15,
+          "firefox": 91
+        }
+      }
+    ],
+    "@babel/preset-typescript",
+    "@babel/preset-react"
+  ],
+  "plugins": []
+}
diff --git a/packages/core/.storybook/main.ts b/packages/core/.storybook/main.ts
new file mode 100644
index 0000000000..4b4aaa16c7
--- /dev/null
+++ b/packages/core/.storybook/main.ts
@@ -0,0 +1,37 @@
+import type { StorybookConfig } from '@storybook/react-webpack5';
+
+import { join, dirname } from 'path';
+
+/**
+ * This function is used to resolve the absolute path of a package.
+ * It is needed in projects that use Yarn PnP or are set up within a monorepo.
+ */
+function getAbsolutePath(value: string): any {
+  return dirname(require.resolve(join(value, 'package.json')));
+}
+const config: StorybookConfig = {
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+  addons: [
+    getAbsolutePath('@storybook/addon-links'),
+    getAbsolutePath('@storybook/addon-essentials'),
+    getAbsolutePath('@storybook/addon-onboarding'),
+    getAbsolutePath('@storybook/addon-interactions'),
+    {
+      name: '@storybook/addon-styling',
+      options: {
+        sass: {
+          // Require your Sass preprocessor here
+          implementation: require('sass')
+        }
+      }
+    }
+  ],
+  framework: {
+    name: getAbsolutePath('@storybook/react-webpack5'),
+    options: {}
+  },
+  docs: {
+    autodocs: 'tag'
+  }
+};
+export default config;
diff --git a/packages/core/.storybook/preview.ts b/packages/core/.storybook/preview.ts
new file mode 100644
index 0000000000..3f708890e3
--- /dev/null
+++ b/packages/core/.storybook/preview.ts
@@ -0,0 +1,18 @@
+import type { Preview } from '@storybook/react';
+import 'antd/dist/antd.css';
+import 'normalize.css';
+import './theme.scss';
+
+const preview: Preview = {
+  parameters: {
+    actions: { argTypesRegex: '^on[A-Z].*' },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/
+      }
+    }
+  }
+};
+
+export default preview;
diff --git a/packages/core/.storybook/theme.scss b/packages/core/.storybook/theme.scss
new file mode 100644
index 0000000000..853cd9dddd
--- /dev/null
+++ b/packages/core/.storybook/theme.scss
@@ -0,0 +1,36 @@
+@import '../../common/src/ui/styles/abstracts/mixins';
+@import '../../common/src/ui/styles/themes/dark';
+@import '../../common/src/ui/styles/themes/light';
+
+@mixin dark-theme {
+  /*
+    in case the theme provider is not being used, this media query allows us to use the theme set on the user system
+    */
+  @media (prefers-color-scheme: dark) {
+    :root {
+      @include theme-custom-properties($dark-theme);
+    }
+  }
+
+  html[data-theme='dark'] {
+    @include theme-custom-properties($dark-theme);
+  }
+}
+
+@mixin light-theme {
+  /*
+    in case the theme provider is not being used, this media query allows us to use the theme set on the user system
+    */
+  @media (prefers-color-scheme: light) {
+    :root {
+      @include theme-custom-properties($light-theme);
+    }
+  }
+
+  html[data-theme='light'] {
+    @include theme-custom-properties($light-theme);
+  }
+}
+
+@include dark-theme;
+@include light-theme;
diff --git a/packages/core/package.json b/packages/core/package.json
index a74b1549fc..b3875d00d2 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -27,11 +27,13 @@
   ],
   "scripts": {
     "build": "run -T rollup -c rollup.config.js",
+    "build-storybook": "storybook build",
     "cleanup": "yarn exec rm -rf dist node_modules coverage .rollup.cache src/dist",
     "lint": "cd ../.. && yarn core:lint",
     "prepack": "yarn build",
     "prestart": "yarn build",
     "start": "node dist/index.js",
+    "storybook": "storybook dev -p 6006",
     "test": "NODE_ENV=test run -T jest -c ./test/jest.config.js",
     "test:coverage": "yarn test --coverage",
     "watch": "yarn build --watch"
@@ -55,7 +57,22 @@
     "zxcvbn": "^4.4.2"
   },
   "devDependencies": {
+    "@babel/preset-env": "^7.22.20",
+    "@babel/preset-react": "^7.22.15",
+    "@babel/preset-typescript": "^7.22.15",
+    "@storybook/addon-essentials": "^7.4.3",
+    "@storybook/addon-interactions": "^7.4.3",
+    "@storybook/addon-links": "^7.4.3",
+    "@storybook/addon-onboarding": "^1.0.8",
+    "@storybook/addon-styling": "^1.3.7",
+    "@storybook/blocks": "^7.4.3",
+    "@storybook/react": "^7.4.3",
+    "@storybook/react-webpack5": "^7.4.3",
+    "@storybook/testing-library": "^0.2.1",
+    "@types/babel__preset-env": "^7",
     "@types/debounce-promise": "^3.1.6",
+    "sass": "^1.68.0",
+    "storybook": "^7.4.3",
     "typescript": "^4.3.5"
   },
   "peerDependencies": {
diff --git a/packages/core/src/ui/components/DappTransaction/DappTransaction.stories.ts b/packages/core/src/ui/components/DappTransaction/DappTransaction.stories.ts
new file mode 100644
index 0000000000..de653f4b8e
--- /dev/null
+++ b/packages/core/src/ui/components/DappTransaction/DappTransaction.stories.ts
@@ -0,0 +1,64 @@
+import type { Meta, StoryObj } from '@storybook/react';
+
+import { DappTransaction } from './DappTransaction';
+import { ComponentProps } from 'react';
+
+const meta: Meta<typeof DappTransaction> = {
+  title: 'DappTransaction',
+  component: DappTransaction,
+  parameters: {
+    layout: 'centered'
+  },
+  tags: ['autodocs']
+};
+
+export default meta;
+type Story = StoryObj<typeof DappTransaction>;
+
+const data: ComponentProps<typeof DappTransaction> = {
+  dappInfo: {
+    logo: 'https://cdn.mint.handle.me/favicon.png',
+    name: 'Mint',
+    url: 'https://preprod.mint.handle.me'
+  },
+  translations: {
+    recipient: 'Recipient',
+    amount: 'Amount',
+    adaFollowingNumericValue: 'ADA',
+    fee: 'Fee',
+    insufficientFunds: 'You do not have enough funds to complete the transaction',
+    transaction: 'Transaction'
+  },
+  transaction: {
+    fee: '0.17',
+    outputs: [
+      {
+        coins: '1',
+        recipient:
+          'addr_test1qrl0s3nqfljv8dfckn7c4wkzu5rl6wn4hakkddcz2mczt3szlqss933x0aag07qcgspcaglmay6ufl4y4lalmlpe02mqhl0fx2'
+      }
+    ],
+    type: 'Mint'
+  },
+  hasInsufficientFunds: false
+};
+
+export const Overview: Story = {
+  args: {
+    ...data
+  }
+};
+
+export const WithInsufficientFunds: Story = {
+  args: {
+    ...data,
+    hasInsufficientFunds: true
+  }
+};
+
+export const WithError: Story = {
+  args: {
+    ...data,
+    errorMessage: 'Something went wrong'
+  }
+};
diff --git a/yarn.lock b/yarn.lock
index 9364445cfd..8f26a22fdb 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -110,6 +110,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@aw-web-design/x-default-browser@npm:1.4.126":
+  version: 1.4.126
+  resolution: "@aw-web-design/x-default-browser@npm:1.4.126"
+  dependencies:
+    default-browser-id: 3.0.0
+  bin:
+    x-default-browser: bin/x-default-browser.js
+  checksum: f63b68a0ff41c8fe478b1b4822e169cac0d26c61b123c0400d5e16a8a5987732b85795aff16d6b21936f9c955f0d32bffbfc166890d3446f74a72a7a2c9633ea
+  languageName: node
+  linkType: hard
+
 "@babel/code-frame@npm:7.12.11":
   version: 7.12.11
   resolution: "@babel/code-frame@npm:7.12.11"
@@ -164,6 +175,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/code-frame@npm:^7.22.13":
+  version: 7.22.13
+  resolution: "@babel/code-frame@npm:7.22.13"
+  dependencies:
+    "@babel/highlight": ^7.22.13
+    chalk: ^2.4.2
+  checksum: 22e342c8077c8b77eeb11f554ecca2ba14153f707b85294fcf6070b6f6150aae88a7b7436dd88d8c9289970585f3fe5b9b941c5aa3aa26a6d5a8ef3f292da058
+  languageName: node
+  linkType: hard
+
 "@babel/code-frame@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/code-frame@npm:7.22.5"
@@ -215,6 +236,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/compat-data@npm:^7.22.20, @babel/compat-data@npm:^7.22.6, @babel/compat-data@npm:^7.22.9":
+  version: 7.22.20
+  resolution: "@babel/compat-data@npm:7.22.20"
+  checksum: efedd1d18878c10fde95e4d82b1236a9aba41395ef798cbb651f58dbf5632dbff475736c507b8d13d4c8f44809d41c0eb2ef0d694283af9ba5dd8339b6dab451
+  languageName: node
+  linkType: hard
+
 "@babel/compat-data@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/compat-data@npm:7.22.5"
@@ -315,6 +343,29 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/core@npm:^7.13.16, @babel/core@npm:^7.22.9":
+  version: 7.22.20
+  resolution: "@babel/core@npm:7.22.20"
+  dependencies:
+    "@ampproject/remapping": ^2.2.0
+    "@babel/code-frame": ^7.22.13
+    "@babel/generator": ^7.22.15
+    "@babel/helper-compilation-targets": ^7.22.15
+    "@babel/helper-module-transforms": ^7.22.20
+    "@babel/helpers": ^7.22.15
+    "@babel/parser": ^7.22.16
+    "@babel/template": ^7.22.15
+    "@babel/traverse": ^7.22.20
+    "@babel/types": ^7.22.19
+    convert-source-map: ^1.7.0
+    debug: ^4.1.0
+    gensync: ^1.0.0-beta.2
+    json5: ^2.2.3
+    semver: ^6.3.1
+  checksum: 73663a079194b5dc406b2e2e5e50db81977d443e4faf7ef2c27e5836cd9a359e81e551115193dc9b1a93471275351a972e54904f4d3aa6cb156f51e26abf6765
+  languageName: node
+  linkType: hard
+
 "@babel/core@npm:^7.15.5":
   version: 7.16.0
   resolution: "@babel/core@npm:7.16.0"
@@ -557,6 +608,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/generator@npm:^7.22.15, @babel/generator@npm:^7.22.9":
+  version: 7.22.15
+  resolution: "@babel/generator@npm:7.22.15"
+  dependencies:
+    "@babel/types": ^7.22.15
+    "@jridgewell/gen-mapping": ^0.3.2
+    "@jridgewell/trace-mapping": ^0.3.17
+    jsesc: ^2.5.1
+  checksum: 5b2a3ccdc3634f6ea86e0a442722bcd430238369432d31f15b428a4ee8013c2f4f917b5b135bf4fc1d0a3e2f87f10fd4ce5d07955ecc2d3b9400a05c2a481374
+  languageName: node
+  linkType: hard
+
 "@babel/generator@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/generator@npm:7.22.5"
@@ -608,6 +671,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-annotate-as-pure@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/helper-annotate-as-pure@npm:7.22.5"
+  dependencies:
+    "@babel/types": ^7.22.5
+  checksum: 53da330f1835c46f26b7bf4da31f7a496dee9fd8696cca12366b94ba19d97421ce519a74a837f687749318f94d1a37f8d1abcbf35e8ed22c32d16373b2f6198d
+  languageName: node
+  linkType: hard
+
 "@babel/helper-builder-binary-assignment-operator-visitor@npm:^7.14.5":
   version: 7.14.5
   resolution: "@babel/helper-builder-binary-assignment-operator-visitor@npm:7.14.5"
@@ -638,6 +710,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-builder-binary-assignment-operator-visitor@npm:^7.22.5":
+  version: 7.22.15
+  resolution: "@babel/helper-builder-binary-assignment-operator-visitor@npm:7.22.15"
+  dependencies:
+    "@babel/types": ^7.22.15
+  checksum: 639c697a1c729f9fafa2dd4c9af2e18568190299b5907bd4c2d0bc818fcbd1e83ffeecc2af24327a7faa7ac4c34edd9d7940510a5e66296c19bad17001cf5c7a
+  languageName: node
+  linkType: hard
+
 "@babel/helper-compilation-targets@npm:^7.13.0, @babel/helper-compilation-targets@npm:^7.14.5, @babel/helper-compilation-targets@npm:^7.15.0":
   version: 7.15.0
   resolution: "@babel/helper-compilation-targets@npm:7.15.0"
@@ -710,6 +791,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-compilation-targets@npm:^7.22.15, @babel/helper-compilation-targets@npm:^7.22.6":
+  version: 7.22.15
+  resolution: "@babel/helper-compilation-targets@npm:7.22.15"
+  dependencies:
+    "@babel/compat-data": ^7.22.9
+    "@babel/helper-validator-option": ^7.22.15
+    browserslist: ^4.21.9
+    lru-cache: ^5.1.1
+    semver: ^6.3.1
+  checksum: ce85196769e091ae54dd39e4a80c2a9df1793da8588e335c383d536d54f06baf648d0a08fc873044f226398c4ded15c4ae9120ee18e7dfd7c639a68e3cdc9980
+  languageName: node
+  linkType: hard
+
 "@babel/helper-compilation-targets@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/helper-compilation-targets@npm:7.22.5"
@@ -809,6 +903,25 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-create-class-features-plugin@npm:^7.22.11, @babel/helper-create-class-features-plugin@npm:^7.22.15, @babel/helper-create-class-features-plugin@npm:^7.22.5":
+  version: 7.22.15
+  resolution: "@babel/helper-create-class-features-plugin@npm:7.22.15"
+  dependencies:
+    "@babel/helper-annotate-as-pure": ^7.22.5
+    "@babel/helper-environment-visitor": ^7.22.5
+    "@babel/helper-function-name": ^7.22.5
+    "@babel/helper-member-expression-to-functions": ^7.22.15
+    "@babel/helper-optimise-call-expression": ^7.22.5
+    "@babel/helper-replace-supers": ^7.22.9
+    "@babel/helper-skip-transparent-expression-wrappers": ^7.22.5
+    "@babel/helper-split-export-declaration": ^7.22.6
+    semver: ^6.3.1
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 52c500d8d164abb3a360b1b7c4b8fff77bc4a5920d3a2b41ae6e1d30617b0dc0b972c1f5db35b1752007e04a748908b4a99bc872b73549ae837e87dcdde005a3
+  languageName: node
+  linkType: hard
+
 "@babel/helper-create-regexp-features-plugin@npm:^7.14.5":
   version: 7.14.5
   resolution: "@babel/helper-create-regexp-features-plugin@npm:7.14.5"
@@ -845,6 +958,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-create-regexp-features-plugin@npm:^7.22.5":
+  version: 7.22.15
+  resolution: "@babel/helper-create-regexp-features-plugin@npm:7.22.15"
+  dependencies:
+    "@babel/helper-annotate-as-pure": ^7.22.5
+    regexpu-core: ^5.3.1
+    semver: ^6.3.1
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 0243b8d4854f1dc8861b1029a46d3f6393ad72f366a5a08e36a4648aa682044f06da4c6e87a456260e1e1b33c999f898ba591a0760842c1387bcc93fbf2151a6
+  languageName: node
+  linkType: hard
+
 "@babel/helper-define-polyfill-provider@npm:^0.1.5":
   version: 0.1.5
   resolution: "@babel/helper-define-polyfill-provider@npm:0.1.5"
@@ -915,6 +1041,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-define-polyfill-provider@npm:^0.4.2":
+  version: 0.4.2
+  resolution: "@babel/helper-define-polyfill-provider@npm:0.4.2"
+  dependencies:
+    "@babel/helper-compilation-targets": ^7.22.6
+    "@babel/helper-plugin-utils": ^7.22.5
+    debug: ^4.1.1
+    lodash.debounce: ^4.0.8
+    resolve: ^1.14.2
+  peerDependencies:
+    "@babel/core": ^7.4.0 || ^8.0.0-0 <8.0.0
+  checksum: 1f6dec0c5d0876d278fe15b71238eccc5f74c4e2efa2c78aaafa8bc2cc96336b8e68d94cd1a78497356c96e8b91b8c1f4452179820624d1702aee2f9832e6569
+  languageName: node
+  linkType: hard
+
 "@babel/helper-environment-visitor@npm:^7.18.9":
   version: 7.18.9
   resolution: "@babel/helper-environment-visitor@npm:7.18.9"
@@ -929,6 +1070,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-environment-visitor@npm:^7.22.20":
+  version: 7.22.20
+  resolution: "@babel/helper-environment-visitor@npm:7.22.20"
+  checksum: d80ee98ff66f41e233f36ca1921774c37e88a803b2f7dca3db7c057a5fea0473804db9fb6729e5dbfd07f4bed722d60f7852035c2c739382e84c335661590b69
+  languageName: node
+  linkType: hard
+
 "@babel/helper-environment-visitor@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/helper-environment-visitor@npm:7.22.5"
@@ -1124,6 +1272,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-member-expression-to-functions@npm:^7.22.15":
+  version: 7.22.15
+  resolution: "@babel/helper-member-expression-to-functions@npm:7.22.15"
+  dependencies:
+    "@babel/types": ^7.22.15
+  checksum: c7c5d01c402dd8902c2ec3093f203ed0fc3bc5f669328a084d2e663c4c06dd0415480ee8220c6f96ba9b2dc49545c0078f221fc3900ab1e65de69a12fe7b361f
+  languageName: node
+  linkType: hard
+
 "@babel/helper-module-imports@npm:^7.0.0, @babel/helper-module-imports@npm:^7.18.6":
   version: 7.18.6
   resolution: "@babel/helper-module-imports@npm:7.18.6"
@@ -1160,6 +1317,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-module-imports@npm:^7.22.15":
+  version: 7.22.15
+  resolution: "@babel/helper-module-imports@npm:7.22.15"
+  dependencies:
+    "@babel/types": ^7.22.15
+  checksum: ecd7e457df0a46f889228f943ef9b4a47d485d82e030676767e6a2fdcbdaa63594d8124d4b55fd160b41c201025aec01fc27580352b1c87a37c9c6f33d116702
+  languageName: node
+  linkType: hard
+
 "@babel/helper-module-imports@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/helper-module-imports@npm:7.22.5"
@@ -1265,6 +1431,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-module-transforms@npm:^7.22.15, @babel/helper-module-transforms@npm:^7.22.20, @babel/helper-module-transforms@npm:^7.22.9":
+  version: 7.22.20
+  resolution: "@babel/helper-module-transforms@npm:7.22.20"
+  dependencies:
+    "@babel/helper-environment-visitor": ^7.22.20
+    "@babel/helper-module-imports": ^7.22.15
+    "@babel/helper-simple-access": ^7.22.5
+    "@babel/helper-split-export-declaration": ^7.22.6
+    "@babel/helper-validator-identifier": ^7.22.20
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 8fce25362df8711bd4620f41c5c18769edfeafe7f8f1dae9691966ef368e57f9da68dfa1707cd63c834c89dc4eaa82c26f12ea33e88fd262ac62844b11dcc389
+  languageName: node
+  linkType: hard
+
 "@babel/helper-module-transforms@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/helper-module-transforms@npm:7.22.5"
@@ -1308,6 +1489,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-optimise-call-expression@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/helper-optimise-call-expression@npm:7.22.5"
+  dependencies:
+    "@babel/types": ^7.22.5
+  checksum: c70ef6cc6b6ed32eeeec4482127e8be5451d0e5282d5495d5d569d39eb04d7f1d66ec99b327f45d1d5842a9ad8c22d48567e93fc502003a47de78d122e355f7c
+  languageName: node
+  linkType: hard
+
 "@babel/helper-plugin-utils@npm:7.10.4":
   version: 7.10.4
   resolution: "@babel/helper-plugin-utils@npm:7.10.4"
@@ -1336,6 +1526,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-plugin-utils@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/helper-plugin-utils@npm:7.22.5"
+  checksum: c0fc7227076b6041acd2f0e818145d2e8c41968cc52fb5ca70eed48e21b8fe6dd88a0a91cbddf4951e33647336eb5ae184747ca706817ca3bef5e9e905151ff5
+  languageName: node
+  linkType: hard
+
 "@babel/helper-remap-async-to-generator@npm:^7.14.5":
   version: 7.14.5
   resolution: "@babel/helper-remap-async-to-generator@npm:7.14.5"
@@ -1372,6 +1569,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-remap-async-to-generator@npm:^7.22.5, @babel/helper-remap-async-to-generator@npm:^7.22.9":
+  version: 7.22.20
+  resolution: "@babel/helper-remap-async-to-generator@npm:7.22.20"
+  dependencies:
+    "@babel/helper-annotate-as-pure": ^7.22.5
+    "@babel/helper-environment-visitor": ^7.22.20
+    "@babel/helper-wrap-function": ^7.22.20
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 2fe6300a6f1b58211dffa0aed1b45d4958506d096543663dba83bd9251fe8d670fa909143a65b45e72acb49e7e20fbdb73eae315d9ddaced467948c3329986e7
+  languageName: node
+  linkType: hard
+
 "@babel/helper-replace-supers@npm:^7.14.5, @babel/helper-replace-supers@npm:^7.15.0":
   version: 7.15.0
   resolution: "@babel/helper-replace-supers@npm:7.15.0"
@@ -1423,6 +1633,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-replace-supers@npm:^7.22.5, @babel/helper-replace-supers@npm:^7.22.9":
+  version: 7.22.20
+  resolution: "@babel/helper-replace-supers@npm:7.22.20"
+  dependencies:
+    "@babel/helper-environment-visitor": ^7.22.20
+    "@babel/helper-member-expression-to-functions": ^7.22.15
+    "@babel/helper-optimise-call-expression": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: a0008332e24daedea2e9498733e3c39b389d6d4512637e000f96f62b797e702ee24a407ccbcd7a236a551590a38f31282829a8ef35c50a3c0457d88218cae639
+  languageName: node
+  linkType: hard
+
 "@babel/helper-simple-access@npm:^7.14.8":
   version: 7.14.8
   resolution: "@babel/helper-simple-access@npm:7.14.8"
@@ -1495,6 +1718,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-skip-transparent-expression-wrappers@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/helper-skip-transparent-expression-wrappers@npm:7.22.5"
+  dependencies:
+    "@babel/types": ^7.22.5
+  checksum: 1012ef2295eb12dc073f2b9edf3425661e9b8432a3387e62a8bc27c42963f1f216ab3124228015c748770b2257b4f1fda882ca8fa34c0bf485e929ae5bc45244
+  languageName: node
+  linkType: hard
+
 "@babel/helper-split-export-declaration@npm:^7.14.5":
   version: 7.14.5
   resolution: "@babel/helper-split-export-declaration@npm:7.14.5"
@@ -1531,6 +1763,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-split-export-declaration@npm:^7.22.6":
+  version: 7.22.6
+  resolution: "@babel/helper-split-export-declaration@npm:7.22.6"
+  dependencies:
+    "@babel/types": ^7.22.5
+  checksum: e141cace583b19d9195f9c2b8e17a3ae913b7ee9b8120246d0f9ca349ca6f03cb2c001fd5ec57488c544347c0bb584afec66c936511e447fd20a360e591ac921
+  languageName: node
+  linkType: hard
+
 "@babel/helper-string-parser@npm:^7.18.10":
   version: 7.18.10
   resolution: "@babel/helper-string-parser@npm:7.18.10"
@@ -1594,6 +1835,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-validator-identifier@npm:^7.22.19, @babel/helper-validator-identifier@npm:^7.22.20":
+  version: 7.22.20
+  resolution: "@babel/helper-validator-identifier@npm:7.22.20"
+  checksum: 136412784d9428266bcdd4d91c32bcf9ff0e8d25534a9d94b044f77fe76bc50f941a90319b05aafd1ec04f7d127cd57a179a3716009ff7f3412ef835ada95bdc
+  languageName: node
+  linkType: hard
+
 "@babel/helper-validator-identifier@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/helper-validator-identifier@npm:7.22.5"
@@ -1622,6 +1870,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-validator-option@npm:^7.22.15":
+  version: 7.22.15
+  resolution: "@babel/helper-validator-option@npm:7.22.15"
+  checksum: 68da52b1e10002a543161494c4bc0f4d0398c8fdf361d5f7f4272e95c45d5b32d974896d44f6a0ea7378c9204988879d73613ca683e13bd1304e46d25ff67a8d
+  languageName: node
+  linkType: hard
+
 "@babel/helper-validator-option@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/helper-validator-option@npm:7.22.5"
@@ -1665,6 +1920,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-wrap-function@npm:^7.22.20":
+  version: 7.22.20
+  resolution: "@babel/helper-wrap-function@npm:7.22.20"
+  dependencies:
+    "@babel/helper-function-name": ^7.22.5
+    "@babel/template": ^7.22.15
+    "@babel/types": ^7.22.19
+  checksum: 221ed9b5572612aeb571e4ce6a256f2dee85b3c9536f1dd5e611b0255e5f59a3d0ec392d8d46d4152149156a8109f92f20379b1d6d36abb613176e0e33f05fca
+  languageName: node
+  linkType: hard
+
 "@babel/helpers@npm:^7.12.5":
   version: 7.15.3
   resolution: "@babel/helpers@npm:7.15.3"
@@ -1753,6 +2019,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helpers@npm:^7.22.15":
+  version: 7.22.15
+  resolution: "@babel/helpers@npm:7.22.15"
+  dependencies:
+    "@babel/template": ^7.22.15
+    "@babel/traverse": ^7.22.15
+    "@babel/types": ^7.22.15
+  checksum: 49f61a93cbae4df3328bda67af5db743fead659ae4242571226c3596b7df78546189cdf991fed1eca33b559de8abf396a90a001f474a1bab351418f07b7ae6ef
+  languageName: node
+  linkType: hard
+
 "@babel/helpers@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/helpers@npm:7.22.5"
@@ -1808,6 +2085,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/highlight@npm:^7.22.13":
+  version: 7.22.20
+  resolution: "@babel/highlight@npm:7.22.20"
+  dependencies:
+    "@babel/helper-validator-identifier": ^7.22.20
+    chalk: ^2.4.2
+    js-tokens: ^4.0.0
+  checksum: 84bd034dca309a5e680083cd827a766780ca63cef37308404f17653d32366ea76262bd2364b2d38776232f2d01b649f26721417d507e8b4b6da3e4e739f6d134
+  languageName: node
+  linkType: hard
+
 "@babel/highlight@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/highlight@npm:7.22.5"
@@ -1837,6 +2125,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/parser@npm:^7.13.16, @babel/parser@npm:^7.22.15, @babel/parser@npm:^7.22.16, @babel/parser@npm:^7.22.7":
+  version: 7.22.16
+  resolution: "@babel/parser@npm:7.22.16"
+  bin:
+    parser: ./bin/babel-parser.js
+  checksum: 944c756b5bdeb07b9fec16ecef6b3c61aff9d4c4b924abadcf01afa1840a740b8e2357ae00482b5b37daad6d2bfd848c947f27ad65138d687b6fdc924bc59edd
+  languageName: node
+  linkType: hard
+
 "@babel/parser@npm:^7.14.7, @babel/parser@npm:^7.18.10, @babel/parser@npm:^7.20.1, @babel/parser@npm:^7.20.2":
   version: 7.20.3
   resolution: "@babel/parser@npm:7.20.3"
@@ -1958,6 +2255,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:^7.22.15":
+  version: 7.22.15
+  resolution: "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:7.22.15"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 8910ca21a7ec7c06f7b247d4b86c97c5aa15ef321518f44f6f490c5912fdf82c605aaa02b90892e375d82ccbedeadfdeadd922c1b836c9dd4c596871bf654753
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:^7.14.5":
   version: 7.14.5
   resolution: "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:7.14.5"
@@ -1997,6 +2305,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:^7.22.15":
+  version: 7.22.15
+  resolution: "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:7.22.15"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/helper-skip-transparent-expression-wrappers": ^7.22.5
+    "@babel/plugin-transform-optional-chaining": ^7.22.15
+  peerDependencies:
+    "@babel/core": ^7.13.0
+  checksum: fbefedc0da014c37f1a50a8094ce7dbbf2181ae93243f23d6ecba2499b5b20196c2124d6a4dfe3e9e0125798e80593103e456352a4beb4e5c6f7c75efb80fdac
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-proposal-async-generator-functions@npm:^7.14.9":
   version: 7.14.9
   resolution: "@babel/plugin-proposal-async-generator-functions@npm:7.14.9"
@@ -2049,27 +2370,27 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-proposal-class-properties@npm:^7.16.0":
-  version: 7.16.0
-  resolution: "@babel/plugin-proposal-class-properties@npm:7.16.0"
+"@babel/plugin-proposal-class-properties@npm:^7.13.0, @babel/plugin-proposal-class-properties@npm:^7.18.6":
+  version: 7.18.6
+  resolution: "@babel/plugin-proposal-class-properties@npm:7.18.6"
   dependencies:
-    "@babel/helper-create-class-features-plugin": ^7.16.0
-    "@babel/helper-plugin-utils": ^7.14.5
+    "@babel/helper-create-class-features-plugin": ^7.18.6
+    "@babel/helper-plugin-utils": ^7.18.6
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: b1665ced553e5cdb95eec2fda321cb226c5f255edd1a94b226b9d81e97e026472184b6898af26f2bb9ee64101fad1afe215b6fc469d3103dec78c55e732e49aa
+  checksum: 49a78a2773ec0db56e915d9797e44fd079ab8a9b2e1716e0df07c92532f2c65d76aeda9543883916b8e0ff13606afeffa67c5b93d05b607bc87653ad18a91422
   languageName: node
   linkType: hard
 
-"@babel/plugin-proposal-class-properties@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-proposal-class-properties@npm:7.18.6"
+"@babel/plugin-proposal-class-properties@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-proposal-class-properties@npm:7.16.0"
   dependencies:
-    "@babel/helper-create-class-features-plugin": ^7.18.6
-    "@babel/helper-plugin-utils": ^7.18.6
+    "@babel/helper-create-class-features-plugin": ^7.16.0
+    "@babel/helper-plugin-utils": ^7.14.5
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 49a78a2773ec0db56e915d9797e44fd079ab8a9b2e1716e0df07c92532f2c65d76aeda9543883916b8e0ff13606afeffa67c5b93d05b607bc87653ad18a91422
+  checksum: b1665ced553e5cdb95eec2fda321cb226c5f255edd1a94b226b9d81e97e026472184b6898af26f2bb9ee64101fad1afe215b6fc469d3103dec78c55e732e49aa
   languageName: node
   linkType: hard
 
@@ -2306,27 +2627,27 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-proposal-nullish-coalescing-operator@npm:^7.16.0":
-  version: 7.16.0
-  resolution: "@babel/plugin-proposal-nullish-coalescing-operator@npm:7.16.0"
+"@babel/plugin-proposal-nullish-coalescing-operator@npm:^7.13.8, @babel/plugin-proposal-nullish-coalescing-operator@npm:^7.18.6":
+  version: 7.18.6
+  resolution: "@babel/plugin-proposal-nullish-coalescing-operator@npm:7.18.6"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.14.5
+    "@babel/helper-plugin-utils": ^7.18.6
     "@babel/plugin-syntax-nullish-coalescing-operator": ^7.8.3
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: e50f94929970cdc5c6ee22ec4c95c46ae25cdd8c391baf601f7f3d3a3cec417efc663a3fafa9ae5bca82a6815d49687b07cab9857f5a10e9ea862438ecb81e4a
+  checksum: 949c9ddcdecdaec766ee610ef98f965f928ccc0361dd87cf9f88cf4896a6ccd62fce063d4494778e50da99dea63d270a1be574a62d6ab81cbe9d85884bf55a7d
   languageName: node
   linkType: hard
 
-"@babel/plugin-proposal-nullish-coalescing-operator@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-proposal-nullish-coalescing-operator@npm:7.18.6"
+"@babel/plugin-proposal-nullish-coalescing-operator@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/plugin-proposal-nullish-coalescing-operator@npm:7.16.0"
   dependencies:
-    "@babel/helper-plugin-utils": ^7.18.6
+    "@babel/helper-plugin-utils": ^7.14.5
     "@babel/plugin-syntax-nullish-coalescing-operator": ^7.8.3
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 949c9ddcdecdaec766ee610ef98f965f928ccc0361dd87cf9f88cf4896a6ccd62fce063d4494778e50da99dea63d270a1be574a62d6ab81cbe9d85884bf55a7d
+  checksum: e50f94929970cdc5c6ee22ec4c95c46ae25cdd8c391baf601f7f3d3a3cec417efc663a3fafa9ae5bca82a6815d49687b07cab9857f5a10e9ea862438ecb81e4a
   languageName: node
   linkType: hard
 
@@ -2473,6 +2794,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-proposal-optional-chaining@npm:^7.13.12, @babel/plugin-proposal-optional-chaining@npm:^7.21.0":
+  version: 7.21.0
+  resolution: "@babel/plugin-proposal-optional-chaining@npm:7.21.0"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.20.2
+    "@babel/helper-skip-transparent-expression-wrappers": ^7.20.0
+    "@babel/plugin-syntax-optional-chaining": ^7.8.3
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 11c5449e01b18bb8881e8e005a577fa7be2fe5688e2382c8822d51f8f7005342a301a46af7b273b1f5645f9a7b894c428eee8526342038a275ef6ba4c8d8d746
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-proposal-optional-chaining@npm:^7.16.0":
   version: 7.16.0
   resolution: "@babel/plugin-proposal-optional-chaining@npm:7.16.0"
@@ -2499,19 +2833,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-proposal-optional-chaining@npm:^7.21.0":
-  version: 7.21.0
-  resolution: "@babel/plugin-proposal-optional-chaining@npm:7.21.0"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.20.2
-    "@babel/helper-skip-transparent-expression-wrappers": ^7.20.0
-    "@babel/plugin-syntax-optional-chaining": ^7.8.3
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 11c5449e01b18bb8881e8e005a577fa7be2fe5688e2382c8822d51f8f7005342a301a46af7b273b1f5645f9a7b894c428eee8526342038a275ef6ba4c8d8d746
-  languageName: node
-  linkType: hard
-
 "@babel/plugin-proposal-private-methods@npm:^7.12.1, @babel/plugin-proposal-private-methods@npm:^7.14.5":
   version: 7.14.5
   resolution: "@babel/plugin-proposal-private-methods@npm:7.14.5"
@@ -2548,6 +2869,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-proposal-private-property-in-object@npm:7.21.0-placeholder-for-preset-env.2":
+  version: 7.21.0-placeholder-for-preset-env.2
+  resolution: "@babel/plugin-proposal-private-property-in-object@npm:7.21.0-placeholder-for-preset-env.2"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: d97745d098b835d55033ff3a7fb2b895b9c5295b08a5759e4f20df325aa385a3e0bc9bd5ad8f2ec554a44d4e6525acfc257b8c5848a1345cb40f26a30e277e91
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-proposal-private-property-in-object@npm:^7.12.1":
   version: 7.18.6
   resolution: "@babel/plugin-proposal-private-property-in-object@npm:7.18.6"
@@ -2753,6 +3083,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-syntax-flow@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/plugin-syntax-flow@npm:7.22.5"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 84c8c40fcfe8e78cecdd6fb90e8f97f419e3f3b27a33de8324ae97d5ce1b87cdd98a636fa21a68d4d2c37c7d63f3a279bb84b6956b849921affed6b806b6ffe7
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-syntax-import-assertions@npm:^7.20.0":
   version: 7.20.0
   resolution: "@babel/plugin-syntax-import-assertions@npm:7.20.0"
@@ -2764,7 +3105,29 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-syntax-import-meta@npm:^7.8.3":
+"@babel/plugin-syntax-import-assertions@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/plugin-syntax-import-assertions@npm:7.22.5"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 2b8b5572db04a7bef1e6cd20debf447e4eef7cb012616f5eceb8fa3e23ce469b8f76ee74fd6d1e158ba17a8f58b0aec579d092fb67c5a30e83ccfbc5754916c1
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-import-attributes@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/plugin-syntax-import-attributes@npm:7.22.5"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 197b3c5ea2a9649347f033342cb222ab47f4645633695205c0250c6bf2af29e643753b8bb24a2db39948bef08e7c540babfd365591eb57fc110cb30b425ffc47
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-import-meta@npm:^7.10.4, @babel/plugin-syntax-import-meta@npm:^7.8.3":
   version: 7.10.4
   resolution: "@babel/plugin-syntax-import-meta@npm:7.10.4"
   dependencies:
@@ -2830,6 +3193,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-syntax-jsx@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/plugin-syntax-jsx@npm:7.22.5"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 8829d30c2617ab31393d99cec2978e41f014f4ac6f01a1cecf4c4dd8320c3ec12fdc3ce121126b2d8d32f6887e99ca1a0bad53dedb1e6ad165640b92b24980ce
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-syntax-logical-assignment-operators@npm:^7.10.4, @babel/plugin-syntax-logical-assignment-operators@npm:^7.8.3":
   version: 7.10.4
   resolution: "@babel/plugin-syntax-logical-assignment-operators@npm:7.10.4"
@@ -2951,6 +3325,29 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-syntax-typescript@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/plugin-syntax-typescript@npm:7.22.5"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 8ab7718fbb026d64da93681a57797d60326097fd7cb930380c8bffd9eb101689e90142c760a14b51e8e69c88a73ba3da956cb4520a3b0c65743aee5c71ef360a
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-unicode-sets-regex@npm:^7.18.6":
+  version: 7.18.6
+  resolution: "@babel/plugin-syntax-unicode-sets-regex@npm:7.18.6"
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin": ^7.18.6
+    "@babel/helper-plugin-utils": ^7.18.6
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: a651d700fe63ff0ddfd7186f4ebc24447ca734f114433139e3c027bc94a900d013cf1ef2e2db8430425ba542e39ae160c3b05f06b59fd4656273a3df97679e9c
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-arrow-functions@npm:^7.12.1, @babel/plugin-transform-arrow-functions@npm:^7.14.5":
   version: 7.14.5
   resolution: "@babel/plugin-transform-arrow-functions@npm:7.14.5"
@@ -2984,6 +3381,31 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-arrow-functions@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/plugin-transform-arrow-functions@npm:7.22.5"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 35abb6c57062802c7ce8bd96b2ef2883e3124370c688bbd67609f7d2453802fb73944df8808f893b6c67de978eb2bcf87bbfe325e46d6f39b5fcb09ece11d01a
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-async-generator-functions@npm:^7.22.15":
+  version: 7.22.15
+  resolution: "@babel/plugin-transform-async-generator-functions@npm:7.22.15"
+  dependencies:
+    "@babel/helper-environment-visitor": ^7.22.5
+    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/helper-remap-async-to-generator": ^7.22.9
+    "@babel/plugin-syntax-async-generators": ^7.8.4
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: fad98786b446ce63bde0d14a221e2617eef5a7bbca62b49d96f16ab5e1694521234cfba6145b830fbf9af16d60a8a3dbf148e8694830bd91796fe333b0599e73
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-async-to-generator@npm:^7.14.5":
   version: 7.14.5
   resolution: "@babel/plugin-transform-async-to-generator@npm:7.14.5"
@@ -3023,6 +3445,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-async-to-generator@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/plugin-transform-async-to-generator@npm:7.22.5"
+  dependencies:
+    "@babel/helper-module-imports": ^7.22.5
+    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/helper-remap-async-to-generator": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: b95f23f99dcb379a9f0a1c2a3bbea3f8dc0e1b16dc1ac8b484fe378370169290a7a63d520959a9ba1232837cf74a80e23f6facbe14fd42a3cda6d3c2d7168e62
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-block-scoped-functions@npm:^7.14.5":
   version: 7.14.5
   resolution: "@babel/plugin-transform-block-scoped-functions@npm:7.14.5"
@@ -3056,6 +3491,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-block-scoped-functions@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/plugin-transform-block-scoped-functions@npm:7.22.5"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 416b1341858e8ca4e524dee66044735956ced5f478b2c3b9bc11ec2285b0c25d7dbb96d79887169eb938084c95d0a89338c8b2fe70d473bd9dc92e5d9db1732c
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-block-scoping@npm:^7.12.12, @babel/plugin-transform-block-scoping@npm:^7.14.5":
   version: 7.15.3
   resolution: "@babel/plugin-transform-block-scoping@npm:7.15.3"
@@ -3100,6 +3546,42 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-block-scoping@npm:^7.22.15":
+  version: 7.22.15
+  resolution: "@babel/plugin-transform-block-scoping@npm:7.22.15"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: c7091dc000b854ce0c471588ca0704ef1ce78cff954584a9f21c1668fd0669e7c8d5396fb72fe49a2216d9b96a400d435f424f27e41a097ef6c855f9c57df195
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-class-properties@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/plugin-transform-class-properties@npm:7.22.5"
+  dependencies:
+    "@babel/helper-create-class-features-plugin": ^7.22.5
+    "@babel/helper-plugin-utils": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: b830152dfc2ff2f647f0abe76e6251babdfbef54d18c4b2c73a6bf76b1a00050a5d998dac80dc901a48514e95604324943a9dd39317073fe0928b559e0e0c579
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-class-static-block@npm:^7.22.11":
+  version: 7.22.11
+  resolution: "@babel/plugin-transform-class-static-block@npm:7.22.11"
+  dependencies:
+    "@babel/helper-create-class-features-plugin": ^7.22.11
+    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/plugin-syntax-class-static-block": ^7.14.5
+  peerDependencies:
+    "@babel/core": ^7.12.0
+  checksum: 69f040506fad66f1c6918d288d0e0edbc5c8a07c8b4462c1184ad2f9f08995d68b057126c213871c0853ae0c72afc60ec87492049dfacb20902e32346a448bcb
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-classes@npm:^7.12.1, @babel/plugin-transform-classes@npm:^7.14.9":
   version: 7.14.9
   resolution: "@babel/plugin-transform-classes@npm:7.14.9"
@@ -3172,6 +3654,25 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-classes@npm:^7.22.15":
+  version: 7.22.15
+  resolution: "@babel/plugin-transform-classes@npm:7.22.15"
+  dependencies:
+    "@babel/helper-annotate-as-pure": ^7.22.5
+    "@babel/helper-compilation-targets": ^7.22.15
+    "@babel/helper-environment-visitor": ^7.22.5
+    "@babel/helper-function-name": ^7.22.5
+    "@babel/helper-optimise-call-expression": ^7.22.5
+    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/helper-replace-supers": ^7.22.9
+    "@babel/helper-split-export-declaration": ^7.22.6
+    globals: ^11.1.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: d3f4d0c107dd8a3557ea3575cc777fab27efa92958b41e4a9822f7499725c1f554beae58855de16ddec0a7b694e45f59a26cea8fbde4275563f72f09c6e039a0
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-computed-properties@npm:^7.14.5":
   version: 7.14.5
   resolution: "@babel/plugin-transform-computed-properties@npm:7.14.5"
@@ -3206,6 +3707,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-computed-properties@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/plugin-transform-computed-properties@npm:7.22.5"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/template": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: c2a77a0f94ec71efbc569109ec14ea2aa925b333289272ced8b33c6108bdbb02caf01830ffc7e49486b62dec51911924d13f3a76f1149f40daace1898009e131
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-destructuring@npm:^7.12.1, @babel/plugin-transform-destructuring@npm:^7.14.7":
   version: 7.14.7
   resolution: "@babel/plugin-transform-destructuring@npm:7.14.7"
@@ -3250,6 +3763,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-destructuring@npm:^7.22.15":
+  version: 7.22.15
+  resolution: "@babel/plugin-transform-destructuring@npm:7.22.15"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 4bccb4765e5287f1d36119d930afb9941ea8f4f001bddb8febff716bac0e09dc58576624f3ec59470630513044dd342075fe11af16d8c1b234cb7406cffca9f0
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-dotall-regex@npm:^7.14.5, @babel/plugin-transform-dotall-regex@npm:^7.4.4":
   version: 7.14.5
   resolution: "@babel/plugin-transform-dotall-regex@npm:7.14.5"
@@ -3286,6 +3810,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-dotall-regex@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/plugin-transform-dotall-regex@npm:7.22.5"
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin": ^7.22.5
+    "@babel/helper-plugin-utils": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 409b658d11e3082c8f69e9cdef2d96e4d6d11256f005772425fb230cc48fd05945edbfbcb709dab293a1a2f01f9c8a5bb7b4131e632b23264039d9f95864b453
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-duplicate-keys@npm:^7.14.5":
   version: 7.14.5
   resolution: "@babel/plugin-transform-duplicate-keys@npm:7.14.5"
@@ -3319,6 +3855,29 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-duplicate-keys@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/plugin-transform-duplicate-keys@npm:7.22.5"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: bb1280fbabaab6fab2ede585df34900712698210a3bd413f4df5bae6d8c24be36b496c92722ae676a7a67d060a4624f4d6c23b923485f906bfba8773c69f55b4
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-dynamic-import@npm:^7.22.11":
+  version: 7.22.11
+  resolution: "@babel/plugin-transform-dynamic-import@npm:7.22.11"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/plugin-syntax-dynamic-import": ^7.8.3
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 78fc9c532210bf9e8f231747f542318568ac360ee6c27e80853962c984283c73da3f8f8aebe83c2096090a435b356b092ed85de617a156cbe0729d847632be45
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-exponentiation-operator@npm:^7.14.5":
   version: 7.14.5
   resolution: "@babel/plugin-transform-exponentiation-operator@npm:7.14.5"
@@ -3355,6 +3914,30 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-exponentiation-operator@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/plugin-transform-exponentiation-operator@npm:7.22.5"
+  dependencies:
+    "@babel/helper-builder-binary-assignment-operator-visitor": ^7.22.5
+    "@babel/helper-plugin-utils": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: f2d660c1b1d51ad5fec1cd5ad426a52187204068c4158f8c4aa977b31535c61b66898d532603eef21c15756827be8277f724c869b888d560f26d7fe848bb5eae
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-export-namespace-from@npm:^7.22.11":
+  version: 7.22.11
+  resolution: "@babel/plugin-transform-export-namespace-from@npm:7.22.11"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/plugin-syntax-export-namespace-from": ^7.8.3
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 73af5883a321ed56a4bfd43c8a7de0164faebe619287706896fc6ee2f7a4e69042adaa1338c0b8b4bdb9f7e5fdceb016fb1d40694cb43ca3b8827429e8aac4bf
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-flow-strip-types@npm:^7.14.5":
   version: 7.14.5
   resolution: "@babel/plugin-transform-flow-strip-types@npm:7.14.5"
@@ -3367,6 +3950,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-flow-strip-types@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/plugin-transform-flow-strip-types@npm:7.22.5"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/plugin-syntax-flow": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 1ba48187d6f33814be01c6870489f0b1858256cf2b9dd7e62f02af8b30049bf375112f1d44692c5fed3cb9cd26ee2fb32e358cd79b6ad2360a51e8f993e861bf
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-for-of@npm:^7.12.1, @babel/plugin-transform-for-of@npm:^7.14.5":
   version: 7.14.5
   resolution: "@babel/plugin-transform-for-of@npm:7.14.5"
@@ -3411,6 +4006,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-for-of@npm:^7.22.15":
+  version: 7.22.15
+  resolution: "@babel/plugin-transform-for-of@npm:7.22.15"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: f395ae7bce31e14961460f56cf751b5d6e37dd27d7df5b1f4e49fec1c11b6f9cf71991c7ffbe6549878591e87df0d66af798cf26edfa4bfa6b4c3dba1fb2f73a
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-function-name@npm:^7.14.5":
   version: 7.14.5
   resolution: "@babel/plugin-transform-function-name@npm:7.14.5"
@@ -3448,6 +4054,31 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-function-name@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/plugin-transform-function-name@npm:7.22.5"
+  dependencies:
+    "@babel/helper-compilation-targets": ^7.22.5
+    "@babel/helper-function-name": ^7.22.5
+    "@babel/helper-plugin-utils": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: cff3b876357999cb8ae30e439c3ec6b0491a53b0aa6f722920a4675a6dd5b53af97a833051df4b34791fe5b3dd326ccf769d5c8e45b322aa50ee11a660b17845
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-json-strings@npm:^7.22.11":
+  version: 7.22.11
+  resolution: "@babel/plugin-transform-json-strings@npm:7.22.11"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/plugin-syntax-json-strings": ^7.8.3
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 50665e5979e66358c50e90a26db53c55917f78175127ac2fa05c7888d156d418ffb930ec0a109353db0a7c5f57c756ce01bfc9825d24cbfd2b3ec453f2ed8cba
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-literals@npm:^7.14.5":
   version: 7.14.5
   resolution: "@babel/plugin-transform-literals@npm:7.14.5"
@@ -3481,6 +4112,29 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-literals@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/plugin-transform-literals@npm:7.22.5"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: ec37cc2ffb32667af935ab32fe28f00920ec8a1eb999aa6dc6602f2bebd8ba205a558aeedcdccdebf334381d5c57106c61f52332045730393e73410892a9735b
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-logical-assignment-operators@npm:^7.22.11":
+  version: 7.22.11
+  resolution: "@babel/plugin-transform-logical-assignment-operators@npm:7.22.11"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/plugin-syntax-logical-assignment-operators": ^7.10.4
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: c664e9798e85afa7f92f07b867682dee7392046181d82f5d21bae6f2ca26dfe9c8375cdc52b7483c3fc09a983c1989f60eff9fbc4f373b0c0a74090553d05739
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-member-expression-literals@npm:^7.14.5":
   version: 7.14.5
   resolution: "@babel/plugin-transform-member-expression-literals@npm:7.14.5"
@@ -3514,6 +4168,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-member-expression-literals@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/plugin-transform-member-expression-literals@npm:7.22.5"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: ec4b0e07915ddd4fda0142fd104ee61015c208608a84cfa13643a95d18760b1dc1ceb6c6e0548898b8c49e5959a994e46367260176dbabc4467f729b21868504
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-modules-amd@npm:^7.14.5":
   version: 7.14.5
   resolution: "@babel/plugin-transform-modules-amd@npm:7.14.5"
@@ -3552,6 +4217,31 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-modules-amd@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/plugin-transform-modules-amd@npm:7.22.5"
+  dependencies:
+    "@babel/helper-module-transforms": ^7.22.5
+    "@babel/helper-plugin-utils": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 7da4c4ebbbcf7d182abb59b2046b22d86eee340caf8a22a39ef6a727da2d8acfec1f714fcdcd5054110b280e4934f735e80a6848d192b6834c5d4459a014f04d
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-modules-commonjs@npm:^7.13.8, @babel/plugin-transform-modules-commonjs@npm:^7.22.15":
+  version: 7.22.15
+  resolution: "@babel/plugin-transform-modules-commonjs@npm:7.22.15"
+  dependencies:
+    "@babel/helper-module-transforms": ^7.22.15
+    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/helper-simple-access": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: f8fc85fefa6be8626a378ca38fb84c7359043e7c692c854e9ee250a05121553b7f4a58e127099efe12662ec6bebbfd304ce638a0b4563d7cbd5982f3d877321c
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-modules-commonjs@npm:^7.15.0":
   version: 7.15.0
   resolution: "@babel/plugin-transform-modules-commonjs@npm:7.15.0"
@@ -3650,6 +4340,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-modules-systemjs@npm:^7.22.11":
+  version: 7.22.11
+  resolution: "@babel/plugin-transform-modules-systemjs@npm:7.22.11"
+  dependencies:
+    "@babel/helper-hoist-variables": ^7.22.5
+    "@babel/helper-module-transforms": ^7.22.9
+    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/helper-validator-identifier": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: d0991e4bdc3352b6a9f4d12b6662e3645d892cd5c3c005ba5f14e65f1e218c6a8f7f4497e64a51d82a046e507aaa7db3143b800b0270dca1824cbd214ff3363d
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-modules-umd@npm:^7.14.5":
   version: 7.14.5
   resolution: "@babel/plugin-transform-modules-umd@npm:7.14.5"
@@ -3686,6 +4390,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-modules-umd@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/plugin-transform-modules-umd@npm:7.22.5"
+  dependencies:
+    "@babel/helper-module-transforms": ^7.22.5
+    "@babel/helper-plugin-utils": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 46622834c54c551b231963b867adbc80854881b3e516ff29984a8da989bd81665bd70e8cba6710345248e97166689310f544aee1a5773e262845a8f1b3e5b8b4
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-named-capturing-groups-regex@npm:^7.14.9":
   version: 7.14.9
   resolution: "@babel/plugin-transform-named-capturing-groups-regex@npm:7.14.9"
@@ -3720,6 +4436,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-named-capturing-groups-regex@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/plugin-transform-named-capturing-groups-regex@npm:7.22.5"
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin": ^7.22.5
+    "@babel/helper-plugin-utils": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 3ee564ddee620c035b928fdc942c5d17e9c4b98329b76f9cefac65c111135d925eb94ed324064cd7556d4f5123beec79abea1d4b97d1c8a2a5c748887a2eb623
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-new-target@npm:^7.14.5":
   version: 7.14.5
   resolution: "@babel/plugin-transform-new-target@npm:7.14.5"
@@ -3753,6 +4481,56 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-new-target@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/plugin-transform-new-target@npm:7.22.5"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 6b72112773487a881a1d6ffa680afde08bad699252020e86122180ee7a88854d5da3f15d9bca3331cf2e025df045604494a8208a2e63b486266b07c14e2ffbf3
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-nullish-coalescing-operator@npm:^7.22.11":
+  version: 7.22.11
+  resolution: "@babel/plugin-transform-nullish-coalescing-operator@npm:7.22.11"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/plugin-syntax-nullish-coalescing-operator": ^7.8.3
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 167babecc8b8fe70796a7b7d34af667ebbf43da166c21689502e5e8cc93180b7a85979c77c9f64b7cce431b36718bd0a6df9e5e0ffea4ae22afb22cfef886372
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-numeric-separator@npm:^7.22.11":
+  version: 7.22.11
+  resolution: "@babel/plugin-transform-numeric-separator@npm:7.22.11"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/plugin-syntax-numeric-separator": ^7.10.4
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: af064d06a4a041767ec396a5f258103f64785df290e038bba9f0ef454e6c914f2ac45d862bbdad8fac2c7ad47fa4e95356f29053c60c100a0160b02a995fe2a3
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-object-rest-spread@npm:^7.22.15":
+  version: 7.22.15
+  resolution: "@babel/plugin-transform-object-rest-spread@npm:7.22.15"
+  dependencies:
+    "@babel/compat-data": ^7.22.9
+    "@babel/helper-compilation-targets": ^7.22.15
+    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/plugin-syntax-object-rest-spread": ^7.8.3
+    "@babel/plugin-transform-parameters": ^7.22.15
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 62197a6f12289c1c1bd57f3bed9f0f765ca32390bfe91e0b5561dd94dd9770f4480c4162dec98da094bc0ba99d2c2ebba68de47c019454041b0b7a68ba2ec66d
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-object-super@npm:^7.14.5":
   version: 7.14.5
   resolution: "@babel/plugin-transform-object-super@npm:7.14.5"
@@ -3789,6 +4567,43 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-object-super@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/plugin-transform-object-super@npm:7.22.5"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/helper-replace-supers": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: b71887877d74cb64dbccb5c0324fa67e31171e6a5311991f626650e44a4083e5436a1eaa89da78c0474fb095d4ec322d63ee778b202d33aa2e4194e1ed8e62d7
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-optional-catch-binding@npm:^7.22.11":
+  version: 7.22.11
+  resolution: "@babel/plugin-transform-optional-catch-binding@npm:7.22.11"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/plugin-syntax-optional-catch-binding": ^7.8.3
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: f17abd90e1de67c84d63afea29c8021c74abb2794d3a6eeafb0bbe7372d3db32aefca386e392116ec63884537a4a2815d090d26264d259bacc08f6e3ed05294c
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-optional-chaining@npm:^7.22.15":
+  version: 7.22.15
+  resolution: "@babel/plugin-transform-optional-chaining@npm:7.22.15"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/helper-skip-transparent-expression-wrappers": ^7.22.5
+    "@babel/plugin-syntax-optional-chaining": ^7.8.3
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 6b97abe0e50ca2dd8684fcef2c8d12607637e707aa9d513b7035f5e812efbde9305736b438d422103a7844e04124cad5efa4ff0e6226a57afa1210a1c7485c8e
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-parameters@npm:^7.12.1, @babel/plugin-transform-parameters@npm:^7.14.5":
   version: 7.14.5
   resolution: "@babel/plugin-transform-parameters@npm:7.14.5"
@@ -3833,6 +4648,43 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-parameters@npm:^7.22.15":
+  version: 7.22.15
+  resolution: "@babel/plugin-transform-parameters@npm:7.22.15"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 541188bb7d1876cad87687b5c7daf90f63d8208ae83df24acb1e2b05020ad1c78786b2723ca4054a83fcb74fb6509f30c4cacc5b538ee684224261ad5fb047c1
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-private-methods@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/plugin-transform-private-methods@npm:7.22.5"
+  dependencies:
+    "@babel/helper-create-class-features-plugin": ^7.22.5
+    "@babel/helper-plugin-utils": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 321479b4fcb6d3b3ef622ab22fd24001e43d46e680e8e41324c033d5810c84646e470f81b44cbcbef5c22e99030784f7cac92f1829974da7a47a60a7139082c3
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-private-property-in-object@npm:^7.22.11":
+  version: 7.22.11
+  resolution: "@babel/plugin-transform-private-property-in-object@npm:7.22.11"
+  dependencies:
+    "@babel/helper-annotate-as-pure": ^7.22.5
+    "@babel/helper-create-class-features-plugin": ^7.22.11
+    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/plugin-syntax-private-property-in-object": ^7.14.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 4d029d84901e53c46dead7a46e2990a7bc62470f4e4ca58a0d063394f86652fd58fe4eea1eb941da3669cd536b559b9d058b342b59300026346b7a2a51badac8
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-property-literals@npm:^7.14.5":
   version: 7.14.5
   resolution: "@babel/plugin-transform-property-literals@npm:7.14.5"
@@ -3866,6 +4718,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-property-literals@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/plugin-transform-property-literals@npm:7.22.5"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 796176a3176106f77fcb8cd04eb34a8475ce82d6d03a88db089531b8f0453a2fb8b0c6ec9a52c27948bc0ea478becec449893741fc546dfc3930ab927e3f9f2e
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-react-constant-elements@npm:^7.14.5":
   version: 7.16.0
   resolution: "@babel/plugin-transform-react-constant-elements@npm:7.16.0"
@@ -3921,6 +4784,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-react-display-name@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/plugin-transform-react-display-name@npm:7.22.5"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: a12bfd1e4e93055efca3ace3c34722571bda59d9740dca364d225d9c6e3ca874f134694d21715c42cc63d79efd46db9665bd4a022998767f9245f1e29d5d204d
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-react-jsx-development@npm:^7.14.5":
   version: 7.14.5
   resolution: "@babel/plugin-transform-react-jsx-development@npm:7.14.5"
@@ -3954,6 +4828,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-react-jsx-development@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/plugin-transform-react-jsx-development@npm:7.22.5"
+  dependencies:
+    "@babel/plugin-transform-react-jsx": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 36bc3ff0b96bb0ef4723070a50cfdf2e72cfd903a59eba448f9fe92fea47574d6f22efd99364413719e1f3fb3c51b6c9b2990b87af088f8486a84b2a5f9e4560
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-react-jsx-self@npm:^7.18.6":
   version: 7.21.0
   resolution: "@babel/plugin-transform-react-jsx-self@npm:7.21.0"
@@ -4021,6 +4906,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-react-jsx@npm:^7.22.15, @babel/plugin-transform-react-jsx@npm:^7.22.5":
+  version: 7.22.15
+  resolution: "@babel/plugin-transform-react-jsx@npm:7.22.15"
+  dependencies:
+    "@babel/helper-annotate-as-pure": ^7.22.5
+    "@babel/helper-module-imports": ^7.22.15
+    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/plugin-syntax-jsx": ^7.22.5
+    "@babel/types": ^7.22.15
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 3899054e89550c3a0ef041af7c47ee266e2e934f498ee80fefeda778a6aa177b48aa8b4d2a8bf5848de977fec564571699ab952d9fa089c4c19b45ddb121df09
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-react-pure-annotations@npm:^7.14.5":
   version: 7.14.5
   resolution: "@babel/plugin-transform-react-pure-annotations@npm:7.14.5"
@@ -4057,6 +4957,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-react-pure-annotations@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/plugin-transform-react-pure-annotations@npm:7.22.5"
+  dependencies:
+    "@babel/helper-annotate-as-pure": ^7.22.5
+    "@babel/helper-plugin-utils": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 092021c4f404e267002099ec20b3f12dd730cb90b0d83c5feed3dc00dbe43b9c42c795a18e7c6c7d7bddea20c7dd56221b146aec81b37f2e7eb5137331c61120
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-regenerator@npm:^7.14.5":
   version: 7.14.5
   resolution: "@babel/plugin-transform-regenerator@npm:7.14.5"
@@ -4091,6 +5003,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-regenerator@npm:^7.22.10":
+  version: 7.22.10
+  resolution: "@babel/plugin-transform-regenerator@npm:7.22.10"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+    regenerator-transform: ^0.15.2
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: e13678d62d6fa96f11cb8b863f00e8693491e7adc88bfca3f2820f80cbac8336e7dec3a596eee6a1c4663b7ececc3564f2cd7fb44ed6d4ce84ac2bb7f39ecc6e
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-reserved-words@npm:^7.14.5":
   version: 7.14.5
   resolution: "@babel/plugin-transform-reserved-words@npm:7.14.5"
@@ -4124,6 +5048,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-reserved-words@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/plugin-transform-reserved-words@npm:7.22.5"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 3ffd7dbc425fe8132bfec118b9817572799cab1473113a635d25ab606c1f5a2341a636c04cf6b22df3813320365ed5a965b5eeb3192320a10e4cc2c137bd8bfc
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-runtime@npm:7.15.0":
   version: 7.15.0
   resolution: "@babel/plugin-transform-runtime@npm:7.15.0"
@@ -4173,6 +5108,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-shorthand-properties@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/plugin-transform-shorthand-properties@npm:7.22.5"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: a5ac902c56ea8effa99f681340ee61bac21094588f7aef0bc01dff98246651702e677552fa6d10e548c4ac22a3ffad047dd2f8c8f0540b68316c2c203e56818b
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-spread@npm:^7.12.1, @babel/plugin-transform-spread@npm:^7.14.6":
   version: 7.14.6
   resolution: "@babel/plugin-transform-spread@npm:7.14.6"
@@ -4209,6 +5155,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-spread@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/plugin-transform-spread@npm:7.22.5"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/helper-skip-transparent-expression-wrappers": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 5587f0deb60b3dfc9b274e269031cc45ec75facccf1933ea2ea71ced9fd3ce98ed91bb36d6cd26817c14474b90ed998c5078415f0eab531caf301496ce24c95c
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-sticky-regex@npm:^7.14.5":
   version: 7.14.5
   resolution: "@babel/plugin-transform-sticky-regex@npm:7.14.5"
@@ -4242,6 +5200,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-sticky-regex@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/plugin-transform-sticky-regex@npm:7.22.5"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 63b2c575e3e7f96c32d52ed45ee098fb7d354b35c2223b8c8e76840b32cc529ee0c0ceb5742fd082e56e91e3d82842a367ce177e82b05039af3d602c9627a729
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-template-literals@npm:^7.12.1, @babel/plugin-transform-template-literals@npm:^7.14.5":
   version: 7.14.5
   resolution: "@babel/plugin-transform-template-literals@npm:7.14.5"
@@ -4275,6 +5244,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-template-literals@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/plugin-transform-template-literals@npm:7.22.5"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 27e9bb030654cb425381c69754be4abe6a7c75b45cd7f962cd8d604b841b2f0fb7b024f2efc1c25cc53f5b16d79d5e8cfc47cacbdaa983895b3aeefa3e7e24ff
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-typeof-symbol@npm:^7.14.5":
   version: 7.14.5
   resolution: "@babel/plugin-transform-typeof-symbol@npm:7.14.5"
@@ -4308,6 +5288,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-typeof-symbol@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/plugin-transform-typeof-symbol@npm:7.22.5"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 82a53a63ffc3010b689ca9a54e5f53b2718b9f4b4a9818f36f9b7dba234f38a01876680553d2716a645a61920b5e6e4aaf8d4a0064add379b27ca0b403049512
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-typescript@npm:^7.15.0":
   version: 7.15.0
   resolution: "@babel/plugin-transform-typescript@npm:7.15.0"
@@ -4347,6 +5338,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-typescript@npm:^7.22.15":
+  version: 7.22.15
+  resolution: "@babel/plugin-transform-typescript@npm:7.22.15"
+  dependencies:
+    "@babel/helper-annotate-as-pure": ^7.22.5
+    "@babel/helper-create-class-features-plugin": ^7.22.15
+    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/plugin-syntax-typescript": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: c5d96cdbf0e1512707aa1c1e3ac6b370a25fd9c545d26008ce44eb13a47bd7fd67a1eb799c98b5ccc82e33a345fda55c0055e1fe3ed97646ed405dd13020b226
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-unicode-escapes@npm:^7.14.5":
   version: 7.14.5
   resolution: "@babel/plugin-transform-unicode-escapes@npm:7.14.5"
@@ -4380,6 +5385,29 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-unicode-escapes@npm:^7.22.10":
+  version: 7.22.10
+  resolution: "@babel/plugin-transform-unicode-escapes@npm:7.22.10"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 807f40ed1324c8cb107c45358f1903384ca3f0ef1d01c5a3c5c9b271c8d8eec66936a3dcc8d75ddfceea9421420368c2e77ae3adef0a50557e778dfe296bf382
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-unicode-property-regex@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/plugin-transform-unicode-property-regex@npm:7.22.5"
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin": ^7.22.5
+    "@babel/helper-plugin-utils": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 2495e5f663cb388e3d888b4ba3df419ac436a5012144ac170b622ddfc221f9ea9bdba839fa2bc0185cb776b578030666406452ec7791cbf0e7a3d4c88ae9574c
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-unicode-regex@npm:^7.14.5":
   version: 7.14.5
   resolution: "@babel/plugin-transform-unicode-regex@npm:7.14.5"
@@ -4416,6 +5444,30 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-unicode-regex@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/plugin-transform-unicode-regex@npm:7.22.5"
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin": ^7.22.5
+    "@babel/helper-plugin-utils": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 6b5d1404c8c623b0ec9bd436c00d885a17d6a34f3f2597996343ddb9d94f6379705b21582dfd4cec2c47fd34068872e74ab6b9580116c0566b3f9447e2a7fa06
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-unicode-sets-regex@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/plugin-transform-unicode-sets-regex@npm:7.22.5"
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin": ^7.22.5
+    "@babel/helper-plugin-utils": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: c042070f980b139547f8b0179efbc049ac5930abec7fc26ed7a41d89a048d8ab17d362200e204b6f71c3c20d6991a0e74415e1a412a49adc8131c2a40c04822e
+  languageName: node
+  linkType: hard
+
 "@babel/preset-env@npm:7.15.0, @babel/preset-env@npm:^7.12.11":
   version: 7.15.0
   resolution: "@babel/preset-env@npm:7.15.0"
@@ -4753,6 +5805,96 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/preset-env@npm:^7.22.20, @babel/preset-env@npm:^7.22.9":
+  version: 7.22.20
+  resolution: "@babel/preset-env@npm:7.22.20"
+  dependencies:
+    "@babel/compat-data": ^7.22.20
+    "@babel/helper-compilation-targets": ^7.22.15
+    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/helper-validator-option": ^7.22.15
+    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": ^7.22.15
+    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": ^7.22.15
+    "@babel/plugin-proposal-private-property-in-object": 7.21.0-placeholder-for-preset-env.2
+    "@babel/plugin-syntax-async-generators": ^7.8.4
+    "@babel/plugin-syntax-class-properties": ^7.12.13
+    "@babel/plugin-syntax-class-static-block": ^7.14.5
+    "@babel/plugin-syntax-dynamic-import": ^7.8.3
+    "@babel/plugin-syntax-export-namespace-from": ^7.8.3
+    "@babel/plugin-syntax-import-assertions": ^7.22.5
+    "@babel/plugin-syntax-import-attributes": ^7.22.5
+    "@babel/plugin-syntax-import-meta": ^7.10.4
+    "@babel/plugin-syntax-json-strings": ^7.8.3
+    "@babel/plugin-syntax-logical-assignment-operators": ^7.10.4
+    "@babel/plugin-syntax-nullish-coalescing-operator": ^7.8.3
+    "@babel/plugin-syntax-numeric-separator": ^7.10.4
+    "@babel/plugin-syntax-object-rest-spread": ^7.8.3
+    "@babel/plugin-syntax-optional-catch-binding": ^7.8.3
+    "@babel/plugin-syntax-optional-chaining": ^7.8.3
+    "@babel/plugin-syntax-private-property-in-object": ^7.14.5
+    "@babel/plugin-syntax-top-level-await": ^7.14.5
+    "@babel/plugin-syntax-unicode-sets-regex": ^7.18.6
+    "@babel/plugin-transform-arrow-functions": ^7.22.5
+    "@babel/plugin-transform-async-generator-functions": ^7.22.15
+    "@babel/plugin-transform-async-to-generator": ^7.22.5
+    "@babel/plugin-transform-block-scoped-functions": ^7.22.5
+    "@babel/plugin-transform-block-scoping": ^7.22.15
+    "@babel/plugin-transform-class-properties": ^7.22.5
+    "@babel/plugin-transform-class-static-block": ^7.22.11
+    "@babel/plugin-transform-classes": ^7.22.15
+    "@babel/plugin-transform-computed-properties": ^7.22.5
+    "@babel/plugin-transform-destructuring": ^7.22.15
+    "@babel/plugin-transform-dotall-regex": ^7.22.5
+    "@babel/plugin-transform-duplicate-keys": ^7.22.5
+    "@babel/plugin-transform-dynamic-import": ^7.22.11
+    "@babel/plugin-transform-exponentiation-operator": ^7.22.5
+    "@babel/plugin-transform-export-namespace-from": ^7.22.11
+    "@babel/plugin-transform-for-of": ^7.22.15
+    "@babel/plugin-transform-function-name": ^7.22.5
+    "@babel/plugin-transform-json-strings": ^7.22.11
+    "@babel/plugin-transform-literals": ^7.22.5
+    "@babel/plugin-transform-logical-assignment-operators": ^7.22.11
+    "@babel/plugin-transform-member-expression-literals": ^7.22.5
+    "@babel/plugin-transform-modules-amd": ^7.22.5
+    "@babel/plugin-transform-modules-commonjs": ^7.22.15
+    "@babel/plugin-transform-modules-systemjs": ^7.22.11
+    "@babel/plugin-transform-modules-umd": ^7.22.5
+    "@babel/plugin-transform-named-capturing-groups-regex": ^7.22.5
+    "@babel/plugin-transform-new-target": ^7.22.5
+    "@babel/plugin-transform-nullish-coalescing-operator": ^7.22.11
+    "@babel/plugin-transform-numeric-separator": ^7.22.11
+    "@babel/plugin-transform-object-rest-spread": ^7.22.15
+    "@babel/plugin-transform-object-super": ^7.22.5
+    "@babel/plugin-transform-optional-catch-binding": ^7.22.11
+    "@babel/plugin-transform-optional-chaining": ^7.22.15
+    "@babel/plugin-transform-parameters": ^7.22.15
+    "@babel/plugin-transform-private-methods": ^7.22.5
+    "@babel/plugin-transform-private-property-in-object": ^7.22.11
+    "@babel/plugin-transform-property-literals": ^7.22.5
+    "@babel/plugin-transform-regenerator": ^7.22.10
+    "@babel/plugin-transform-reserved-words": ^7.22.5
+    "@babel/plugin-transform-shorthand-properties": ^7.22.5
+    "@babel/plugin-transform-spread": ^7.22.5
+    "@babel/plugin-transform-sticky-regex": ^7.22.5
+    "@babel/plugin-transform-template-literals": ^7.22.5
+    "@babel/plugin-transform-typeof-symbol": ^7.22.5
+    "@babel/plugin-transform-unicode-escapes": ^7.22.10
+    "@babel/plugin-transform-unicode-property-regex": ^7.22.5
+    "@babel/plugin-transform-unicode-regex": ^7.22.5
+    "@babel/plugin-transform-unicode-sets-regex": ^7.22.5
+    "@babel/preset-modules": 0.1.6-no-external-plugins
+    "@babel/types": ^7.22.19
+    babel-plugin-polyfill-corejs2: ^0.4.5
+    babel-plugin-polyfill-corejs3: ^0.8.3
+    babel-plugin-polyfill-regenerator: ^0.5.2
+    core-js-compat: ^3.31.0
+    semver: ^6.3.1
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 99357a5cb30f53bacdc0d1cd6dff0f052ea6c2d1ba874d969bba69897ef716e87283e84a59dc52fb49aa31fd1b6f55ed756c64c04f5678380700239f6030b881
+  languageName: node
+  linkType: hard
+
 "@babel/preset-flow@npm:^7.12.1":
   version: 7.14.5
   resolution: "@babel/preset-flow@npm:7.14.5"
@@ -4766,6 +5908,32 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/preset-flow@npm:^7.13.13, @babel/preset-flow@npm:^7.22.5":
+  version: 7.22.15
+  resolution: "@babel/preset-flow@npm:7.22.15"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/helper-validator-option": ^7.22.15
+    "@babel/plugin-transform-flow-strip-types": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 17f8b80b1012802f983227b423c8823990db9748aec4f8bfd56ff774d8d954e9bdea67377788abac526754b3d307215c063c9beadf5f1b4331b30d4ba0593286
+  languageName: node
+  linkType: hard
+
+"@babel/preset-modules@npm:0.1.6-no-external-plugins":
+  version: 0.1.6-no-external-plugins
+  resolution: "@babel/preset-modules@npm:0.1.6-no-external-plugins"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.0.0
+    "@babel/types": ^7.4.4
+    esutils: ^2.0.2
+  peerDependencies:
+    "@babel/core": ^7.0.0-0 || ^8.0.0-0 <8.0.0
+  checksum: 4855e799bc50f2449fb5210f78ea9e8fd46cf4f242243f1e2ed838e2bd702e25e73e822e7f8447722a5f4baa5e67a8f7a0e403f3e7ce04540ff743a9c411c375
+  languageName: node
+  linkType: hard
+
 "@babel/preset-modules@npm:^0.1.4":
   version: 0.1.4
   resolution: "@babel/preset-modules@npm:0.1.4"
@@ -4844,6 +6012,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/preset-react@npm:^7.22.15, @babel/preset-react@npm:^7.22.5":
+  version: 7.22.15
+  resolution: "@babel/preset-react@npm:7.22.15"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/helper-validator-option": ^7.22.15
+    "@babel/plugin-transform-react-display-name": ^7.22.5
+    "@babel/plugin-transform-react-jsx": ^7.22.15
+    "@babel/plugin-transform-react-jsx-development": ^7.22.5
+    "@babel/plugin-transform-react-pure-annotations": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: c3ef99dfa2e9f57d2e08603e883aa20f47630a826c8e413888a93ae6e0084b5016871e463829be125329d40a1ba0a89f7c43d77b6dab52083c225cb43e63d10e
+  languageName: node
+  linkType: hard
+
 "@babel/preset-typescript@npm:7.15.0, @babel/preset-typescript@npm:^7.12.7":
   version: 7.15.0
   resolution: "@babel/preset-typescript@npm:7.15.0"
@@ -4857,6 +6041,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/preset-typescript@npm:^7.13.0, @babel/preset-typescript@npm:^7.22.15":
+  version: 7.22.15
+  resolution: "@babel/preset-typescript@npm:7.22.15"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.22.5
+    "@babel/helper-validator-option": ^7.22.15
+    "@babel/plugin-syntax-jsx": ^7.22.5
+    "@babel/plugin-transform-modules-commonjs": ^7.22.15
+    "@babel/plugin-transform-typescript": ^7.22.15
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 02ac4d5c812a52357c8f517f81584725f06f385d54ccfda89dd082e0ed89a94bd9f4d9b05fa1cbdcf426e3489c1921f04c93c5acc5deea83407a64c22ad2feb4
+  languageName: node
+  linkType: hard
+
 "@babel/preset-typescript@npm:^7.15.0, @babel/preset-typescript@npm:^7.16.0":
   version: 7.16.0
   resolution: "@babel/preset-typescript@npm:7.16.0"
@@ -4898,6 +6097,28 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/register@npm:^7.13.16":
+  version: 7.22.15
+  resolution: "@babel/register@npm:7.22.15"
+  dependencies:
+    clone-deep: ^4.0.1
+    find-cache-dir: ^2.0.0
+    make-dir: ^2.1.0
+    pirates: ^4.0.5
+    source-map-support: ^0.5.16
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 5497be6773608cd2d874210edd14499fce464ddbea170219da55955afe4c9173adb591164193458fd639e43b7d1314088a6186f4abf241476c59b3f0da6afd6f
+  languageName: node
+  linkType: hard
+
+"@babel/regjsgen@npm:^0.8.0":
+  version: 0.8.0
+  resolution: "@babel/regjsgen@npm:0.8.0"
+  checksum: 89c338fee774770e5a487382170711014d49a68eb281e74f2b5eac88f38300a4ad545516a7786a8dd5702e9cf009c94c2f582d200f077ac5decd74c56b973730
+  languageName: node
+  linkType: hard
+
 "@babel/runtime-corejs3@npm:^7.10.2":
   version: 7.15.3
   resolution: "@babel/runtime-corejs3@npm:7.15.3"
@@ -5026,6 +6247,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/template@npm:^7.22.15":
+  version: 7.22.15
+  resolution: "@babel/template@npm:7.22.15"
+  dependencies:
+    "@babel/code-frame": ^7.22.13
+    "@babel/parser": ^7.22.15
+    "@babel/types": ^7.22.15
+  checksum: 1f3e7dcd6c44f5904c184b3f7fe280394b191f2fed819919ffa1e529c259d5b197da8981b6ca491c235aee8dbad4a50b7e31304aa531271cb823a4a24a0dd8fd
+  languageName: node
+  linkType: hard
+
 "@babel/template@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/template@npm:7.22.5"
@@ -5197,6 +6429,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/traverse@npm:^7.22.15, @babel/traverse@npm:^7.22.20, @babel/traverse@npm:^7.22.8":
+  version: 7.22.20
+  resolution: "@babel/traverse@npm:7.22.20"
+  dependencies:
+    "@babel/code-frame": ^7.22.13
+    "@babel/generator": ^7.22.15
+    "@babel/helper-environment-visitor": ^7.22.20
+    "@babel/helper-function-name": ^7.22.5
+    "@babel/helper-hoist-variables": ^7.22.5
+    "@babel/helper-split-export-declaration": ^7.22.6
+    "@babel/parser": ^7.22.16
+    "@babel/types": ^7.22.19
+    debug: ^4.1.0
+    globals: ^11.1.0
+  checksum: 97da9afa7f8f505ce52c36ac2531129bc4a0e250880aaf9b467dc044f30a5bce2b756c1af4d961958bc225659546e811a7d536ab3d920fd60921087989b841b9
+  languageName: node
+  linkType: hard
+
 "@babel/traverse@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/traverse@npm:7.22.5"
@@ -5322,6 +6572,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/types@npm:^7.22.15, @babel/types@npm:^7.22.19":
+  version: 7.22.19
+  resolution: "@babel/types@npm:7.22.19"
+  dependencies:
+    "@babel/helper-string-parser": ^7.22.5
+    "@babel/helper-validator-identifier": ^7.22.19
+    to-fast-properties: ^2.0.0
+  checksum: 2d69740e69b55ba36ece0c17d5afb7b7213b34297157df39ef9ba24965aff677c56f014413052ecc5b2fbbf26910c63e5bb24a969df84d7a17153750cf75915e
+  languageName: node
+  linkType: hard
+
 "@babel/types@npm:^7.8.3":
   version: 7.22.10
   resolution: "@babel/types@npm:7.22.10"
@@ -6331,6 +7592,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@emotion/use-insertion-effect-with-fallbacks@npm:^1.0.0":
+  version: 1.0.1
+  resolution: "@emotion/use-insertion-effect-with-fallbacks@npm:1.0.1"
+  peerDependencies:
+    react: ">=16.8.0"
+  checksum: 700b6e5bbb37a9231f203bb3af11295eed01d73b2293abece0bc2a2237015e944d7b5114d4887ad9a79776504aa51ed2a8b0ddbc117c54495dd01a6b22f93786
+  languageName: node
+  linkType: hard
+
 "@emotion/utils@npm:0.11.3":
   version: 0.11.3
   resolution: "@emotion/utils@npm:0.11.3"
@@ -6404,6 +7674,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@esbuild/android-arm64@npm:0.18.20":
+  version: 0.18.20
+  resolution: "@esbuild/android-arm64@npm:0.18.20"
+  conditions: os=android & cpu=arm64
+  languageName: node
+  linkType: hard
+
 "@esbuild/android-arm@npm:0.16.17":
   version: 0.16.17
   resolution: "@esbuild/android-arm@npm:0.16.17"
@@ -6432,6 +7709,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@esbuild/android-arm@npm:0.18.20":
+  version: 0.18.20
+  resolution: "@esbuild/android-arm@npm:0.18.20"
+  conditions: os=android & cpu=arm
+  languageName: node
+  linkType: hard
+
 "@esbuild/android-x64@npm:0.16.17":
   version: 0.16.17
   resolution: "@esbuild/android-x64@npm:0.16.17"
@@ -6460,6 +7744,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@esbuild/android-x64@npm:0.18.20":
+  version: 0.18.20
+  resolution: "@esbuild/android-x64@npm:0.18.20"
+  conditions: os=android & cpu=x64
+  languageName: node
+  linkType: hard
+
 "@esbuild/darwin-arm64@npm:0.16.17":
   version: 0.16.17
   resolution: "@esbuild/darwin-arm64@npm:0.16.17"
@@ -6488,6 +7779,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@esbuild/darwin-arm64@npm:0.18.20":
+  version: 0.18.20
+  resolution: "@esbuild/darwin-arm64@npm:0.18.20"
+  conditions: os=darwin & cpu=arm64
+  languageName: node
+  linkType: hard
+
 "@esbuild/darwin-x64@npm:0.16.17":
   version: 0.16.17
   resolution: "@esbuild/darwin-x64@npm:0.16.17"
@@ -6516,6 +7814,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@esbuild/darwin-x64@npm:0.18.20":
+  version: 0.18.20
+  resolution: "@esbuild/darwin-x64@npm:0.18.20"
+  conditions: os=darwin & cpu=x64
+  languageName: node
+  linkType: hard
+
 "@esbuild/freebsd-arm64@npm:0.16.17":
   version: 0.16.17
   resolution: "@esbuild/freebsd-arm64@npm:0.16.17"
@@ -6544,6 +7849,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@esbuild/freebsd-arm64@npm:0.18.20":
+  version: 0.18.20
+  resolution: "@esbuild/freebsd-arm64@npm:0.18.20"
+  conditions: os=freebsd & cpu=arm64
+  languageName: node
+  linkType: hard
+
 "@esbuild/freebsd-x64@npm:0.16.17":
   version: 0.16.17
   resolution: "@esbuild/freebsd-x64@npm:0.16.17"
@@ -6572,6 +7884,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@esbuild/freebsd-x64@npm:0.18.20":
+  version: 0.18.20
+  resolution: "@esbuild/freebsd-x64@npm:0.18.20"
+  conditions: os=freebsd & cpu=x64
+  languageName: node
+  linkType: hard
+
 "@esbuild/linux-arm64@npm:0.16.17":
   version: 0.16.17
   resolution: "@esbuild/linux-arm64@npm:0.16.17"
@@ -6600,6 +7919,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@esbuild/linux-arm64@npm:0.18.20":
+  version: 0.18.20
+  resolution: "@esbuild/linux-arm64@npm:0.18.20"
+  conditions: os=linux & cpu=arm64
+  languageName: node
+  linkType: hard
+
 "@esbuild/linux-arm@npm:0.16.17":
   version: 0.16.17
   resolution: "@esbuild/linux-arm@npm:0.16.17"
@@ -6628,6 +7954,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@esbuild/linux-arm@npm:0.18.20":
+  version: 0.18.20
+  resolution: "@esbuild/linux-arm@npm:0.18.20"
+  conditions: os=linux & cpu=arm
+  languageName: node
+  linkType: hard
+
 "@esbuild/linux-ia32@npm:0.16.17":
   version: 0.16.17
   resolution: "@esbuild/linux-ia32@npm:0.16.17"
@@ -6656,6 +7989,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@esbuild/linux-ia32@npm:0.18.20":
+  version: 0.18.20
+  resolution: "@esbuild/linux-ia32@npm:0.18.20"
+  conditions: os=linux & cpu=ia32
+  languageName: node
+  linkType: hard
+
 "@esbuild/linux-loong64@npm:0.16.17":
   version: 0.16.17
   resolution: "@esbuild/linux-loong64@npm:0.16.17"
@@ -6684,6 +8024,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@esbuild/linux-loong64@npm:0.18.20":
+  version: 0.18.20
+  resolution: "@esbuild/linux-loong64@npm:0.18.20"
+  conditions: os=linux & cpu=loong64
+  languageName: node
+  linkType: hard
+
 "@esbuild/linux-mips64el@npm:0.16.17":
   version: 0.16.17
   resolution: "@esbuild/linux-mips64el@npm:0.16.17"
@@ -6712,6 +8059,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@esbuild/linux-mips64el@npm:0.18.20":
+  version: 0.18.20
+  resolution: "@esbuild/linux-mips64el@npm:0.18.20"
+  conditions: os=linux & cpu=mips64el
+  languageName: node
+  linkType: hard
+
 "@esbuild/linux-ppc64@npm:0.16.17":
   version: 0.16.17
   resolution: "@esbuild/linux-ppc64@npm:0.16.17"
@@ -6740,6 +8094,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@esbuild/linux-ppc64@npm:0.18.20":
+  version: 0.18.20
+  resolution: "@esbuild/linux-ppc64@npm:0.18.20"
+  conditions: os=linux & cpu=ppc64
+  languageName: node
+  linkType: hard
+
 "@esbuild/linux-riscv64@npm:0.16.17":
   version: 0.16.17
   resolution: "@esbuild/linux-riscv64@npm:0.16.17"
@@ -6768,6 +8129,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@esbuild/linux-riscv64@npm:0.18.20":
+  version: 0.18.20
+  resolution: "@esbuild/linux-riscv64@npm:0.18.20"
+  conditions: os=linux & cpu=riscv64
+  languageName: node
+  linkType: hard
+
 "@esbuild/linux-s390x@npm:0.16.17":
   version: 0.16.17
   resolution: "@esbuild/linux-s390x@npm:0.16.17"
@@ -6796,6 +8164,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@esbuild/linux-s390x@npm:0.18.20":
+  version: 0.18.20
+  resolution: "@esbuild/linux-s390x@npm:0.18.20"
+  conditions: os=linux & cpu=s390x
+  languageName: node
+  linkType: hard
+
 "@esbuild/linux-x64@npm:0.16.17":
   version: 0.16.17
   resolution: "@esbuild/linux-x64@npm:0.16.17"
@@ -6824,6 +8199,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@esbuild/linux-x64@npm:0.18.20":
+  version: 0.18.20
+  resolution: "@esbuild/linux-x64@npm:0.18.20"
+  conditions: os=linux & cpu=x64
+  languageName: node
+  linkType: hard
+
 "@esbuild/netbsd-x64@npm:0.16.17":
   version: 0.16.17
   resolution: "@esbuild/netbsd-x64@npm:0.16.17"
@@ -6852,6 +8234,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@esbuild/netbsd-x64@npm:0.18.20":
+  version: 0.18.20
+  resolution: "@esbuild/netbsd-x64@npm:0.18.20"
+  conditions: os=netbsd & cpu=x64
+  languageName: node
+  linkType: hard
+
 "@esbuild/openbsd-x64@npm:0.16.17":
   version: 0.16.17
   resolution: "@esbuild/openbsd-x64@npm:0.16.17"
@@ -6880,6 +8269,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@esbuild/openbsd-x64@npm:0.18.20":
+  version: 0.18.20
+  resolution: "@esbuild/openbsd-x64@npm:0.18.20"
+  conditions: os=openbsd & cpu=x64
+  languageName: node
+  linkType: hard
+
 "@esbuild/sunos-x64@npm:0.16.17":
   version: 0.16.17
   resolution: "@esbuild/sunos-x64@npm:0.16.17"
@@ -6908,6 +8304,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@esbuild/sunos-x64@npm:0.18.20":
+  version: 0.18.20
+  resolution: "@esbuild/sunos-x64@npm:0.18.20"
+  conditions: os=sunos & cpu=x64
+  languageName: node
+  linkType: hard
+
 "@esbuild/win32-arm64@npm:0.16.17":
   version: 0.16.17
   resolution: "@esbuild/win32-arm64@npm:0.16.17"
@@ -6936,6 +8339,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@esbuild/win32-arm64@npm:0.18.20":
+  version: 0.18.20
+  resolution: "@esbuild/win32-arm64@npm:0.18.20"
+  conditions: os=win32 & cpu=arm64
+  languageName: node
+  linkType: hard
+
 "@esbuild/win32-ia32@npm:0.16.17":
   version: 0.16.17
   resolution: "@esbuild/win32-ia32@npm:0.16.17"
@@ -6964,6 +8374,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@esbuild/win32-ia32@npm:0.18.20":
+  version: 0.18.20
+  resolution: "@esbuild/win32-ia32@npm:0.18.20"
+  conditions: os=win32 & cpu=ia32
+  languageName: node
+  linkType: hard
+
 "@esbuild/win32-x64@npm:0.16.17":
   version: 0.16.17
   resolution: "@esbuild/win32-x64@npm:0.16.17"
@@ -6992,6 +8409,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@esbuild/win32-x64@npm:0.18.20":
+  version: 0.18.20
+  resolution: "@esbuild/win32-x64@npm:0.18.20"
+  conditions: os=win32 & cpu=x64
+  languageName: node
+  linkType: hard
+
 "@eslint-community/eslint-utils@npm:^4.1.2":
   version: 4.2.0
   resolution: "@eslint-community/eslint-utils@npm:4.2.0"
@@ -7086,6 +8510,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@fal-works/esbuild-plugin-global-externals@npm:^2.1.2":
+  version: 2.1.2
+  resolution: "@fal-works/esbuild-plugin-global-externals@npm:2.1.2"
+  checksum: c59715902b9062aa7ff38973f298b509499fd146dbf564dc338b3f9e896da5bffb4ca676c27587fde79b3586003e24d65960acb62f009bca43dca34c76f8cbf7
+  languageName: node
+  linkType: hard
+
 "@figspec/components@npm:^1.0.0":
   version: 1.0.1
   resolution: "@figspec/components@npm:1.0.1"
@@ -7484,6 +8915,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jest/schemas@npm:^29.6.3":
+  version: 29.6.3
+  resolution: "@jest/schemas@npm:29.6.3"
+  dependencies:
+    "@sinclair/typebox": ^0.27.8
+  checksum: 910040425f0fc93cd13e68c750b7885590b8839066dfa0cd78e7def07bbb708ad869381f725945d66f2284de5663bbecf63e8fdd856e2ae6e261ba30b1687e93
+  languageName: node
+  linkType: hard
+
 "@jest/source-map@npm:^28.1.2":
   version: 28.1.2
   resolution: "@jest/source-map@npm:28.1.2"
@@ -7577,6 +9017,29 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jest/transform@npm:^29.3.1":
+  version: 29.7.0
+  resolution: "@jest/transform@npm:29.7.0"
+  dependencies:
+    "@babel/core": ^7.11.6
+    "@jest/types": ^29.6.3
+    "@jridgewell/trace-mapping": ^0.3.18
+    babel-plugin-istanbul: ^6.1.1
+    chalk: ^4.0.0
+    convert-source-map: ^2.0.0
+    fast-json-stable-stringify: ^2.1.0
+    graceful-fs: ^4.2.9
+    jest-haste-map: ^29.7.0
+    jest-regex-util: ^29.6.3
+    jest-util: ^29.7.0
+    micromatch: ^4.0.4
+    pirates: ^4.0.4
+    slash: ^3.0.0
+    write-file-atomic: ^4.0.2
+  checksum: 0f8ac9f413903b3cb6d240102db848f2a354f63971ab885833799a9964999dd51c388162106a807f810071f864302cdd8e3f0c241c29ce02d85a36f18f3f40ab
+  languageName: node
+  linkType: hard
+
 "@jest/types@npm:^24.9.0":
   version: 24.9.0
   resolution: "@jest/types@npm:24.9.0"
@@ -7683,6 +9146,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jest/types@npm:^29.6.3":
+  version: 29.6.3
+  resolution: "@jest/types@npm:29.6.3"
+  dependencies:
+    "@jest/schemas": ^29.6.3
+    "@types/istanbul-lib-coverage": ^2.0.0
+    "@types/istanbul-reports": ^3.0.0
+    "@types/node": "*"
+    "@types/yargs": ^17.0.8
+    chalk: ^4.0.0
+  checksum: a0bcf15dbb0eca6bdd8ce61a3fb055349d40268622a7670a3b2eb3c3dbafe9eb26af59938366d520b86907b9505b0f9b29b85cec11579a9e580694b87cd90fcc
+  languageName: node
+  linkType: hard
+
 "@jridgewell/gen-mapping@npm:^0.1.0":
   version: 0.1.1
   resolution: "@jridgewell/gen-mapping@npm:0.1.1"
@@ -7711,6 +9188,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jridgewell/resolve-uri@npm:^3.1.0":
+  version: 3.1.1
+  resolution: "@jridgewell/resolve-uri@npm:3.1.1"
+  checksum: f5b441fe7900eab4f9155b3b93f9800a916257f4e8563afbcd3b5a5337b55e52bd8ae6735453b1b745457d9f6cdb16d74cd6220bbdd98cf153239e13f6cbb653
+  languageName: node
+  linkType: hard
+
 "@jridgewell/set-array@npm:^1.0.0, @jridgewell/set-array@npm:^1.0.1":
   version: 1.1.2
   resolution: "@jridgewell/set-array@npm:1.1.2"
@@ -7735,7 +9219,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jridgewell/sourcemap-codec@npm:^1.4.13":
+"@jridgewell/sourcemap-codec@npm:^1.4.13, @jridgewell/sourcemap-codec@npm:^1.4.14":
   version: 1.4.15
   resolution: "@jridgewell/sourcemap-codec@npm:1.4.15"
   checksum: b881c7e503db3fc7f3c1f35a1dd2655a188cc51a3612d76efc8a6eb74728bef5606e6758ee77423e564092b4a518aba569bbb21c9bac5ab7a35b0c6ae7e344c8
@@ -7782,6 +9266,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jridgewell/trace-mapping@npm:^0.3.18":
+  version: 0.3.19
+  resolution: "@jridgewell/trace-mapping@npm:0.3.19"
+  dependencies:
+    "@jridgewell/resolve-uri": ^3.1.0
+    "@jridgewell/sourcemap-codec": ^1.4.14
+  checksum: 956a6f0f6fec060fb48c6bf1f5ec2064e13cd38c8be3873877d4b92b4a27ba58289a34071752671262a3e3c202abcc3fa2aac64d8447b4b0fa1ba3c9047f1c20
+  languageName: node
+  linkType: hard
+
 "@jridgewell/trace-mapping@npm:^0.3.9":
   version: 0.3.14
   resolution: "@jridgewell/trace-mapping@npm:0.3.14"
@@ -7792,6 +9286,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@juggle/resize-observer@npm:^3.3.1":
+  version: 3.4.0
+  resolution: "@juggle/resize-observer@npm:3.4.0"
+  checksum: 2505028c05cc2e17639fcad06218b1c4b60f932a4ebb4b41ab546ef8c157031ae377e3f560903801f6d01706dbefd4943b6c4704bf19ed86dfa1c62f1473a570
+  languageName: node
+  linkType: hard
+
 "@koralabs/handles-public-api-interfaces@npm:^1.6.6":
   version: 1.6.6
   resolution: "@koralabs/handles-public-api-interfaces@npm:1.6.6"
@@ -7939,7 +9440,20 @@ __metadata:
   resolution: "@lace/core@workspace:packages/core"
   dependencies:
     "@ant-design/icons": ^4.7.0
+    "@babel/preset-env": ^7.22.20
+    "@babel/preset-react": ^7.22.15
+    "@babel/preset-typescript": ^7.22.15
     "@lace/common": 0.1.0
+    "@storybook/addon-essentials": ^7.4.3
+    "@storybook/addon-interactions": ^7.4.3
+    "@storybook/addon-links": ^7.4.3
+    "@storybook/addon-onboarding": ^1.0.8
+    "@storybook/addon-styling": ^1.3.7
+    "@storybook/blocks": ^7.4.3
+    "@storybook/react": ^7.4.3
+    "@storybook/react-webpack5": ^7.4.3
+    "@storybook/testing-library": ^0.2.1
+    "@types/babel__preset-env": ^7
     "@types/debounce-promise": ^3.1.6
     antd: ^4.24.10
     axios: 0.21.4
@@ -7954,6 +9468,8 @@ __metadata:
     react-dom: 17.0.2
     react-i18next: 11.11.4
     react-infinite-scroll-component: ^6.1.0
+    sass: ^1.68.0
+    storybook: ^7.4.3
     typescript: ^4.3.5
     zxcvbn: ^4.4.2
   peerDependencies:
@@ -8330,7 +9846,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@mdx-js/react@npm:2.3.0":
+"@mdx-js/react@npm:2.3.0, @mdx-js/react@npm:^2.1.5":
   version: 2.3.0
   resolution: "@mdx-js/react@npm:2.3.0"
   dependencies:
@@ -8368,6 +9884,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@ndelangen/get-tarball@npm:^3.0.7":
+  version: 3.0.9
+  resolution: "@ndelangen/get-tarball@npm:3.0.9"
+  dependencies:
+    gunzip-maybe: ^1.4.2
+    pump: ^3.0.0
+    tar-fs: ^2.1.1
+  checksum: 7fa8ac40b4e85738a4ee6bf891bc27fce2445b65b4477e0ec86aed0fa62ab18bdf5d193ce04553ad9bfa639e1eef33b8b30da4ef3e7218f12bf95f24c8786e5b
+  languageName: node
+  linkType: hard
+
 "@noble/hashes@npm:^1.2.0":
   version: 1.3.1
   resolution: "@noble/hashes@npm:1.3.1"
@@ -8678,6 +10205,45 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@pmmmwh/react-refresh-webpack-plugin@npm:^0.5.5":
+  version: 0.5.11
+  resolution: "@pmmmwh/react-refresh-webpack-plugin@npm:0.5.11"
+  dependencies:
+    ansi-html-community: ^0.0.8
+    common-path-prefix: ^3.0.0
+    core-js-pure: ^3.23.3
+    error-stack-parser: ^2.0.6
+    find-up: ^5.0.0
+    html-entities: ^2.1.0
+    loader-utils: ^2.0.4
+    schema-utils: ^3.0.0
+    source-map: ^0.7.3
+  peerDependencies:
+    "@types/webpack": 4.x || 5.x
+    react-refresh: ">=0.10.0 <1.0.0"
+    sockjs-client: ^1.4.0
+    type-fest: ">=0.17.0 <5.0.0"
+    webpack: ">=4.43.0 <6.0.0"
+    webpack-dev-server: 3.x || 4.x
+    webpack-hot-middleware: 2.x
+    webpack-plugin-serve: 0.x || 1.x
+  peerDependenciesMeta:
+    "@types/webpack":
+      optional: true
+    sockjs-client:
+      optional: true
+    type-fest:
+      optional: true
+    webpack-dev-server:
+      optional: true
+    webpack-hot-middleware:
+      optional: true
+    webpack-plugin-serve:
+      optional: true
+  checksum: a82eced9519f4dcac424acae719f819ab4150bfcf2874ac7daaf25a4f1c409e3d8b9d693fea0c686c24d520a5473756df32da90d8b89739670f8f8084c600bb4
+  languageName: node
+  linkType: hard
+
 "@popperjs/core@npm:^2.5.4, @popperjs/core@npm:^2.6.0":
   version: 2.11.6
   resolution: "@popperjs/core@npm:2.11.6"
@@ -9444,6 +11010,34 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-roving-focus@npm:1.0.4":
+  version: 1.0.4
+  resolution: "@radix-ui/react-roving-focus@npm:1.0.4"
+  dependencies:
+    "@babel/runtime": ^7.13.10
+    "@radix-ui/primitive": 1.0.1
+    "@radix-ui/react-collection": 1.0.3
+    "@radix-ui/react-compose-refs": 1.0.1
+    "@radix-ui/react-context": 1.0.1
+    "@radix-ui/react-direction": 1.0.1
+    "@radix-ui/react-id": 1.0.1
+    "@radix-ui/react-primitive": 1.0.3
+    "@radix-ui/react-use-callback-ref": 1.0.1
+    "@radix-ui/react-use-controllable-state": 1.0.1
+  peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
+    react: ^16.8 || ^17.0 || ^18.0
+    react-dom: ^16.8 || ^17.0 || ^18.0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: 69b1c82c2d9db3ba71549a848f2704200dab1b2cd22d050c1e081a78b9a567dbfdc7fd0403ee010c19b79652de69924d8ca2076cd031d6552901e4213493ffc7
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-scroll-area@npm:^0.1.3":
   version: 0.1.4
   resolution: "@radix-ui/react-scroll-area@npm:0.1.4"
@@ -9464,6 +11058,66 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-select@npm:^1.2.2":
+  version: 1.2.2
+  resolution: "@radix-ui/react-select@npm:1.2.2"
+  dependencies:
+    "@babel/runtime": ^7.13.10
+    "@radix-ui/number": 1.0.1
+    "@radix-ui/primitive": 1.0.1
+    "@radix-ui/react-collection": 1.0.3
+    "@radix-ui/react-compose-refs": 1.0.1
+    "@radix-ui/react-context": 1.0.1
+    "@radix-ui/react-direction": 1.0.1
+    "@radix-ui/react-dismissable-layer": 1.0.4
+    "@radix-ui/react-focus-guards": 1.0.1
+    "@radix-ui/react-focus-scope": 1.0.3
+    "@radix-ui/react-id": 1.0.1
+    "@radix-ui/react-popper": 1.1.2
+    "@radix-ui/react-portal": 1.0.3
+    "@radix-ui/react-primitive": 1.0.3
+    "@radix-ui/react-slot": 1.0.2
+    "@radix-ui/react-use-callback-ref": 1.0.1
+    "@radix-ui/react-use-controllable-state": 1.0.1
+    "@radix-ui/react-use-layout-effect": 1.0.1
+    "@radix-ui/react-use-previous": 1.0.1
+    "@radix-ui/react-visually-hidden": 1.0.3
+    aria-hidden: ^1.1.1
+    react-remove-scroll: 2.5.5
+  peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
+    react: ^16.8 || ^17.0 || ^18.0
+    react-dom: ^16.8 || ^17.0 || ^18.0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: af7b63cc9e2c6006ec08163392d244941e9e03534e7add1b7c5a86059d0eb8a0398d4f3e80d43ff22126874a02b985e44f1722d1de9218922f7aa653d09412e3
+  languageName: node
+  linkType: hard
+
+"@radix-ui/react-separator@npm:1.0.3":
+  version: 1.0.3
+  resolution: "@radix-ui/react-separator@npm:1.0.3"
+  dependencies:
+    "@babel/runtime": ^7.13.10
+    "@radix-ui/react-primitive": 1.0.3
+  peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
+    react: ^16.8 || ^17.0 || ^18.0
+    react-dom: ^16.8 || ^17.0 || ^18.0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: 42f8c95e404de2ce9387040d78049808a48d423cd4c3bad8cca92c4b0bcbdcb3566b5b52a920d4e939a74b51188697f20a012221f0e630fc7f56de64096c15d2
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-slider@npm:^1.1.2":
   version: 1.1.2
   resolution: "@radix-ui/react-slider@npm:1.1.2"
@@ -9611,6 +11265,80 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-toggle-group@npm:1.0.4":
+  version: 1.0.4
+  resolution: "@radix-ui/react-toggle-group@npm:1.0.4"
+  dependencies:
+    "@babel/runtime": ^7.13.10
+    "@radix-ui/primitive": 1.0.1
+    "@radix-ui/react-context": 1.0.1
+    "@radix-ui/react-direction": 1.0.1
+    "@radix-ui/react-primitive": 1.0.3
+    "@radix-ui/react-roving-focus": 1.0.4
+    "@radix-ui/react-toggle": 1.0.3
+    "@radix-ui/react-use-controllable-state": 1.0.1
+  peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
+    react: ^16.8 || ^17.0 || ^18.0
+    react-dom: ^16.8 || ^17.0 || ^18.0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: b6c11fbbc3ca857ff68c0fa31f293c0d0111bcc8aa0cde2566214c090907530bfcb3b862f81585c2b02d8989b5c7971acff4d5c07c429870d80bd5602e30d376
+  languageName: node
+  linkType: hard
+
+"@radix-ui/react-toggle@npm:1.0.3":
+  version: 1.0.3
+  resolution: "@radix-ui/react-toggle@npm:1.0.3"
+  dependencies:
+    "@babel/runtime": ^7.13.10
+    "@radix-ui/primitive": 1.0.1
+    "@radix-ui/react-primitive": 1.0.3
+    "@radix-ui/react-use-controllable-state": 1.0.1
+  peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
+    react: ^16.8 || ^17.0 || ^18.0
+    react-dom: ^16.8 || ^17.0 || ^18.0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: ed5407f48254f20cda542017774f259d0b2c0007ea4bd7287d10d751016dbf269cb13d1142591432c269c3ab768cde2f1ba0344743027d36bbec10af909f19de
+  languageName: node
+  linkType: hard
+
+"@radix-ui/react-toolbar@npm:^1.0.4":
+  version: 1.0.4
+  resolution: "@radix-ui/react-toolbar@npm:1.0.4"
+  dependencies:
+    "@babel/runtime": ^7.13.10
+    "@radix-ui/primitive": 1.0.1
+    "@radix-ui/react-context": 1.0.1
+    "@radix-ui/react-direction": 1.0.1
+    "@radix-ui/react-primitive": 1.0.3
+    "@radix-ui/react-roving-focus": 1.0.4
+    "@radix-ui/react-separator": 1.0.3
+    "@radix-ui/react-toggle-group": 1.0.4
+  peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
+    react: ^16.8 || ^17.0 || ^18.0
+    react-dom: ^16.8 || ^17.0 || ^18.0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: 7ebee1f8add6510108979433c5b38627e2de9d48ef2172ca15274b9edbbc106ff43bcd47ff733b03ed2215b92e7af364ff82c79e5a1728374847e2b1e315552c
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-tooltip@npm:^1.0.6":
   version: 1.0.6
   resolution: "@radix-ui/react-tooltip@npm:1.0.6"
@@ -10242,6 +11970,38 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/addon-actions@npm:7.4.3":
+  version: 7.4.3
+  resolution: "@storybook/addon-actions@npm:7.4.3"
+  dependencies:
+    "@storybook/client-logger": 7.4.3
+    "@storybook/components": 7.4.3
+    "@storybook/core-events": 7.4.3
+    "@storybook/global": ^5.0.0
+    "@storybook/manager-api": 7.4.3
+    "@storybook/preview-api": 7.4.3
+    "@storybook/theming": 7.4.3
+    "@storybook/types": 7.4.3
+    dequal: ^2.0.2
+    lodash: ^4.17.21
+    polished: ^4.2.2
+    prop-types: ^15.7.2
+    react-inspector: ^6.0.0
+    telejson: ^7.2.0
+    ts-dedent: ^2.0.0
+    uuid: ^9.0.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+  peerDependenciesMeta:
+    react:
+      optional: true
+    react-dom:
+      optional: true
+  checksum: dcc4347d71a1e5f6c07b290b1ae8bc779266a48b0094972f099f210b1cc1cb17bd87bd3113a48851dea65ff12438bc8af414c68936cca5b0c0256429ea43ebfb
+  languageName: node
+  linkType: hard
+
 "@storybook/addon-backgrounds@npm:6.5.16":
   version: 6.5.16
   resolution: "@storybook/addon-backgrounds@npm:6.5.16"
@@ -10271,6 +12031,32 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/addon-backgrounds@npm:7.4.3":
+  version: 7.4.3
+  resolution: "@storybook/addon-backgrounds@npm:7.4.3"
+  dependencies:
+    "@storybook/client-logger": 7.4.3
+    "@storybook/components": 7.4.3
+    "@storybook/core-events": 7.4.3
+    "@storybook/global": ^5.0.0
+    "@storybook/manager-api": 7.4.3
+    "@storybook/preview-api": 7.4.3
+    "@storybook/theming": 7.4.3
+    "@storybook/types": 7.4.3
+    memoizerific: ^1.11.3
+    ts-dedent: ^2.0.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+  peerDependenciesMeta:
+    react:
+      optional: true
+    react-dom:
+      optional: true
+  checksum: e0842fdce0ebe2416456ba84e0f70d91e968a50bc70fec6d9799c6fb366b5365a723260889f8c882f36f50d614e48015d0f1a97df3947bad797a5055e7c09854
+  languageName: node
+  linkType: hard
+
 "@storybook/addon-controls@npm:6.5.16":
   version: 6.5.16
   resolution: "@storybook/addon-controls@npm:6.5.16"
@@ -10299,6 +12085,34 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/addon-controls@npm:7.4.3":
+  version: 7.4.3
+  resolution: "@storybook/addon-controls@npm:7.4.3"
+  dependencies:
+    "@storybook/blocks": 7.4.3
+    "@storybook/client-logger": 7.4.3
+    "@storybook/components": 7.4.3
+    "@storybook/core-common": 7.4.3
+    "@storybook/core-events": 7.4.3
+    "@storybook/manager-api": 7.4.3
+    "@storybook/node-logger": 7.4.3
+    "@storybook/preview-api": 7.4.3
+    "@storybook/theming": 7.4.3
+    "@storybook/types": 7.4.3
+    lodash: ^4.17.21
+    ts-dedent: ^2.0.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+  peerDependenciesMeta:
+    react:
+      optional: true
+    react-dom:
+      optional: true
+  checksum: 62e1ce4325a6ea22985bdb28687d40541cb5284c22a6cb576c15a382ff6e3eb25821aaf7dfde7318b2755a65ecd23827e525d85635ef3b464a1ce9db65fe8118
+  languageName: node
+  linkType: hard
+
 "@storybook/addon-docs@npm:6.5.16":
   version: 6.5.16
   resolution: "@storybook/addon-docs@npm:6.5.16"
@@ -10346,6 +12160,36 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/addon-docs@npm:7.4.3":
+  version: 7.4.3
+  resolution: "@storybook/addon-docs@npm:7.4.3"
+  dependencies:
+    "@jest/transform": ^29.3.1
+    "@mdx-js/react": ^2.1.5
+    "@storybook/blocks": 7.4.3
+    "@storybook/client-logger": 7.4.3
+    "@storybook/components": 7.4.3
+    "@storybook/csf-plugin": 7.4.3
+    "@storybook/csf-tools": 7.4.3
+    "@storybook/global": ^5.0.0
+    "@storybook/mdx2-csf": ^1.0.0
+    "@storybook/node-logger": 7.4.3
+    "@storybook/postinstall": 7.4.3
+    "@storybook/preview-api": 7.4.3
+    "@storybook/react-dom-shim": 7.4.3
+    "@storybook/theming": 7.4.3
+    "@storybook/types": 7.4.3
+    fs-extra: ^11.1.0
+    remark-external-links: ^8.0.0
+    remark-slug: ^6.0.0
+    ts-dedent: ^2.0.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+  checksum: 9e4647d1a6a20029955424062d5a495dc99762d81e509b7527ae702e24e15a447b5794f83a9232de08ddeaf0d8e5d6c55e86fd9908dde0af9684fdf0a9332bda
+  languageName: node
+  linkType: hard
+
 "@storybook/addon-essentials@npm:^6.5.16":
   version: 6.5.16
   resolution: "@storybook/addon-essentials@npm:6.5.16"
@@ -10406,6 +12250,42 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/addon-essentials@npm:^7.4.3":
+  version: 7.4.3
+  resolution: "@storybook/addon-essentials@npm:7.4.3"
+  dependencies:
+    "@storybook/addon-actions": 7.4.3
+    "@storybook/addon-backgrounds": 7.4.3
+    "@storybook/addon-controls": 7.4.3
+    "@storybook/addon-docs": 7.4.3
+    "@storybook/addon-highlight": 7.4.3
+    "@storybook/addon-measure": 7.4.3
+    "@storybook/addon-outline": 7.4.3
+    "@storybook/addon-toolbars": 7.4.3
+    "@storybook/addon-viewport": 7.4.3
+    "@storybook/core-common": 7.4.3
+    "@storybook/manager-api": 7.4.3
+    "@storybook/node-logger": 7.4.3
+    "@storybook/preview-api": 7.4.3
+    ts-dedent: ^2.0.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+  checksum: 748b22aa3c28a0b875e72edda5729dd31aa2d1688c06efd883bf1d43357e86db50a9ea50460d874dbfde496971304cd3f5c4c7b3d1be2c12a8c471bf73ea89be
+  languageName: node
+  linkType: hard
+
+"@storybook/addon-highlight@npm:7.4.3":
+  version: 7.4.3
+  resolution: "@storybook/addon-highlight@npm:7.4.3"
+  dependencies:
+    "@storybook/core-events": 7.4.3
+    "@storybook/global": ^5.0.0
+    "@storybook/preview-api": 7.4.3
+  checksum: 0be9c5add5fcc2a227b711848ad35856be44a070ead50a04d019cc4b519b63d2a96a3be406db57b65a58c6d158ea16cbf4589019814327d8294e70d6d4eb8286
+  languageName: node
+  linkType: hard
+
 "@storybook/addon-interactions@npm:^6.5.16":
   version: 6.5.16
   resolution: "@storybook/addon-interactions@npm:6.5.16"
@@ -10437,6 +12317,35 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/addon-interactions@npm:^7.4.3":
+  version: 7.4.3
+  resolution: "@storybook/addon-interactions@npm:7.4.3"
+  dependencies:
+    "@storybook/client-logger": 7.4.3
+    "@storybook/components": 7.4.3
+    "@storybook/core-common": 7.4.3
+    "@storybook/core-events": 7.4.3
+    "@storybook/global": ^5.0.0
+    "@storybook/instrumenter": 7.4.3
+    "@storybook/manager-api": 7.4.3
+    "@storybook/preview-api": 7.4.3
+    "@storybook/theming": 7.4.3
+    "@storybook/types": 7.4.3
+    jest-mock: ^27.0.6
+    polished: ^4.2.2
+    ts-dedent: ^2.2.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+  peerDependenciesMeta:
+    react:
+      optional: true
+    react-dom:
+      optional: true
+  checksum: 4737310d277a163d3dc0e4c0cf124773f47318e7f7f8bf352fffc712152f5db6d0418f815ad763e437740b27ec5777521644ae236fc9af9ecf47153de7f5b4d2
+  languageName: node
+  linkType: hard
+
 "@storybook/addon-links@npm:^6.5.16":
   version: 6.5.16
   resolution: "@storybook/addon-links@npm:6.5.16"
@@ -10465,6 +12374,32 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/addon-links@npm:^7.4.3":
+  version: 7.4.3
+  resolution: "@storybook/addon-links@npm:7.4.3"
+  dependencies:
+    "@storybook/client-logger": 7.4.3
+    "@storybook/core-events": 7.4.3
+    "@storybook/csf": ^0.1.0
+    "@storybook/global": ^5.0.0
+    "@storybook/manager-api": 7.4.3
+    "@storybook/preview-api": 7.4.3
+    "@storybook/router": 7.4.3
+    "@storybook/types": 7.4.3
+    prop-types: ^15.7.2
+    ts-dedent: ^2.0.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+  peerDependenciesMeta:
+    react:
+      optional: true
+    react-dom:
+      optional: true
+  checksum: 3338ff3601f506891e0824f0f3d3f50fbd6ea0d4c06e546f92449ba29579e6a03007f01787c94259289b1f5ff892e87619d9d894d58754cd7917a2189643bcd6
+  languageName: node
+  linkType: hard
+
 "@storybook/addon-measure@npm:6.5.16":
   version: 6.5.16
   resolution: "@storybook/addon-measure@npm:6.5.16"
@@ -10489,6 +12424,43 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/addon-measure@npm:7.4.3":
+  version: 7.4.3
+  resolution: "@storybook/addon-measure@npm:7.4.3"
+  dependencies:
+    "@storybook/client-logger": 7.4.3
+    "@storybook/components": 7.4.3
+    "@storybook/core-events": 7.4.3
+    "@storybook/global": ^5.0.0
+    "@storybook/manager-api": 7.4.3
+    "@storybook/preview-api": 7.4.3
+    "@storybook/types": 7.4.3
+    tiny-invariant: ^1.3.1
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+  peerDependenciesMeta:
+    react:
+      optional: true
+    react-dom:
+      optional: true
+  checksum: 3c250645928855f08ebd13a86e196b84c87427599fb3bc602e39e68078acff54f46a82b0a9d94a4fb7ef4d33e1ca7b0c8d0a1e6b0b3b3abcdb94f6f0ee9bb0aa
+  languageName: node
+  linkType: hard
+
+"@storybook/addon-onboarding@npm:^1.0.8":
+  version: 1.0.8
+  resolution: "@storybook/addon-onboarding@npm:1.0.8"
+  dependencies:
+    "@storybook/telemetry": ^7.1.0-alpha.32
+    react-confetti: ^6.1.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+  checksum: f7f27869a06fd84058d4144aa94d72ace862ef726a083dd0f3cffae9916d7264ef4e8d154585eb6143eda85e4b21ee784e9114b9ca7905b82baab77738f8d0cf
+  languageName: node
+  linkType: hard
+
 "@storybook/addon-outline@npm:6.5.16":
   version: 6.5.16
   resolution: "@storybook/addon-outline@npm:6.5.16"
@@ -10515,6 +12487,75 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/addon-outline@npm:7.4.3":
+  version: 7.4.3
+  resolution: "@storybook/addon-outline@npm:7.4.3"
+  dependencies:
+    "@storybook/client-logger": 7.4.3
+    "@storybook/components": 7.4.3
+    "@storybook/core-events": 7.4.3
+    "@storybook/global": ^5.0.0
+    "@storybook/manager-api": 7.4.3
+    "@storybook/preview-api": 7.4.3
+    "@storybook/types": 7.4.3
+    ts-dedent: ^2.0.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+  peerDependenciesMeta:
+    react:
+      optional: true
+    react-dom:
+      optional: true
+  checksum: 55093be7c0037b8b34441e43727fe13f5e894a6f572ccccf8019ea495b346d3043dcc0e30fa42eb0daefc2b1fc7b7fb73d71237ed85a3e783d643f0271b2174e
+  languageName: node
+  linkType: hard
+
+"@storybook/addon-styling@npm:^1.3.7":
+  version: 1.3.7
+  resolution: "@storybook/addon-styling@npm:1.3.7"
+  dependencies:
+    "@babel/template": ^7.20.7
+    "@babel/types": ^7.21.5
+    "@storybook/api": ^7.0.12
+    "@storybook/components": ^7.0.12
+    "@storybook/core-common": ^7.0.12
+    "@storybook/core-events": ^7.0.12
+    "@storybook/manager-api": ^7.0.12
+    "@storybook/node-logger": ^7.0.12
+    "@storybook/preview-api": ^7.0.12
+    "@storybook/theming": ^7.0.12
+    "@storybook/types": ^7.0.12
+    css-loader: ^6.7.3
+    less-loader: ^11.1.0
+    postcss-loader: ^7.2.4
+    prettier: ^2.8.0
+    resolve-url-loader: ^5.0.0
+    sass-loader: ^13.2.2
+    style-loader: ^3.3.2
+  peerDependencies:
+    less: ^3.5.0 || ^4.0.0
+    postcss: ^7.0.0 || ^8.0.1
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+    webpack: ^5.0.0
+  peerDependenciesMeta:
+    less:
+      optional: true
+    postcss:
+      optional: true
+    react:
+      optional: true
+    react-dom:
+      optional: true
+    webpack:
+      optional: true
+  bin:
+    addon-styling-setup: postinstall.js
+  checksum: 5bac1a4109d15a6371260270518b2eada77ab153ddd0b75bb3c4ae31ee8ea61b6acacbf258add5166ae8b8450654fffc6be105c08c2b0ebdc2540abf6dba15a1
+  languageName: node
+  linkType: hard
+
 "@storybook/addon-toolbars@npm:6.5.16":
   version: 6.5.16
   resolution: "@storybook/addon-toolbars@npm:6.5.16"
@@ -10538,6 +12579,27 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/addon-toolbars@npm:7.4.3":
+  version: 7.4.3
+  resolution: "@storybook/addon-toolbars@npm:7.4.3"
+  dependencies:
+    "@storybook/client-logger": 7.4.3
+    "@storybook/components": 7.4.3
+    "@storybook/manager-api": 7.4.3
+    "@storybook/preview-api": 7.4.3
+    "@storybook/theming": 7.4.3
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+  peerDependenciesMeta:
+    react:
+      optional: true
+    react-dom:
+      optional: true
+  checksum: 4d736f846768ffdccb4c001065e03c4c286f1f0c607d355f3725073e70e640d15de253616ab0718e1baf115c005172d842f7c17e5876526b72a7176ee6e08138
+  languageName: node
+  linkType: hard
+
 "@storybook/addon-viewport@npm:6.5.16":
   version: 6.5.16
   resolution: "@storybook/addon-viewport@npm:6.5.16"
@@ -10565,6 +12627,31 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/addon-viewport@npm:7.4.3":
+  version: 7.4.3
+  resolution: "@storybook/addon-viewport@npm:7.4.3"
+  dependencies:
+    "@storybook/client-logger": 7.4.3
+    "@storybook/components": 7.4.3
+    "@storybook/core-events": 7.4.3
+    "@storybook/global": ^5.0.0
+    "@storybook/manager-api": 7.4.3
+    "@storybook/preview-api": 7.4.3
+    "@storybook/theming": 7.4.3
+    memoizerific: ^1.11.3
+    prop-types: ^15.7.2
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+  peerDependenciesMeta:
+    react:
+      optional: true
+    react-dom:
+      optional: true
+  checksum: 4faacd24433e9807cfe19805f52fbcb4054aa14414bc8fb4d88092c3bf7ac409c039716ea42c7496e7d7cd6abdda33f4c4255b4bd3c987c4b8d8a63e2d475b00
+  languageName: node
+  linkType: hard
+
 "@storybook/addons@npm:6.5.10":
   version: 6.5.10
   resolution: "@storybook/addons@npm:6.5.10"
@@ -10631,6 +12718,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/addons@npm:7.4.3":
+  version: 7.4.3
+  resolution: "@storybook/addons@npm:7.4.3"
+  dependencies:
+    "@storybook/manager-api": 7.4.3
+    "@storybook/preview-api": 7.4.3
+    "@storybook/types": 7.4.3
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+  checksum: 6572fe0f389e6c9ec97e0f49a7212b0c9dd8196d794e0557d743397b6a69bc472638b879b63b61dc03d5dda78052d74d07460df62afea7cecbfb9d39eef35171
+  languageName: node
+  linkType: hard
+
 "@storybook/addons@npm:^6.4.19":
   version: 6.5.13
   resolution: "@storybook/addons@npm:6.5.13"
@@ -10816,6 +12917,82 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/api@npm:^7.0.12":
+  version: 7.4.3
+  resolution: "@storybook/api@npm:7.4.3"
+  dependencies:
+    "@storybook/client-logger": 7.4.3
+    "@storybook/manager-api": 7.4.3
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+  peerDependenciesMeta:
+    react:
+      optional: true
+    react-dom:
+      optional: true
+  checksum: bf1afa0ae75e6e959e2d19c0fac27e63ab2ba83e79cd4eac461c8eb216127b02741ad7ae75dae7353fed0192b3e1e76f69309de1fdbc6e110c7a28a1b9caa029
+  languageName: node
+  linkType: hard
+
+"@storybook/blocks@npm:7.4.3, @storybook/blocks@npm:^7.4.3":
+  version: 7.4.3
+  resolution: "@storybook/blocks@npm:7.4.3"
+  dependencies:
+    "@storybook/channels": 7.4.3
+    "@storybook/client-logger": 7.4.3
+    "@storybook/components": 7.4.3
+    "@storybook/core-events": 7.4.3
+    "@storybook/csf": ^0.1.0
+    "@storybook/docs-tools": 7.4.3
+    "@storybook/global": ^5.0.0
+    "@storybook/manager-api": 7.4.3
+    "@storybook/preview-api": 7.4.3
+    "@storybook/theming": 7.4.3
+    "@storybook/types": 7.4.3
+    "@types/lodash": ^4.14.167
+    color-convert: ^2.0.1
+    dequal: ^2.0.2
+    lodash: ^4.17.21
+    markdown-to-jsx: ^7.1.8
+    memoizerific: ^1.11.3
+    polished: ^4.2.2
+    react-colorful: ^5.1.2
+    telejson: ^7.2.0
+    tocbot: ^4.20.1
+    ts-dedent: ^2.0.0
+    util-deprecate: ^1.0.2
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+  checksum: 1a87c367078aa6efaad223902fc9f9e5137a108668e5d0dfe5a0eddd2cb3e5cff356e8dc52be0c5143f56865bf649730beefb9b53838bf49e1f10cd909c4d09e
+  languageName: node
+  linkType: hard
+
+"@storybook/builder-manager@npm:7.4.3":
+  version: 7.4.3
+  resolution: "@storybook/builder-manager@npm:7.4.3"
+  dependencies:
+    "@fal-works/esbuild-plugin-global-externals": ^2.1.2
+    "@storybook/core-common": 7.4.3
+    "@storybook/manager": 7.4.3
+    "@storybook/node-logger": 7.4.3
+    "@types/ejs": ^3.1.1
+    "@types/find-cache-dir": ^3.2.1
+    "@yarnpkg/esbuild-plugin-pnp": ^3.0.0-rc.10
+    browser-assert: ^1.2.1
+    ejs: ^3.1.8
+    esbuild: ^0.18.0
+    esbuild-plugin-alias: ^0.2.1
+    express: ^4.17.3
+    find-cache-dir: ^3.0.0
+    fs-extra: ^11.1.0
+    process: ^0.11.10
+    util: ^0.12.4
+  checksum: bdbdf39f997e088aac54591e0705300f21bb01b52df46f125beadb45f2f90fb8afbd35ae1e514cc4c29c9fb2105fa3697482712157196d628583249c2a2b5fa2
+  languageName: node
+  linkType: hard
+
 "@storybook/builder-webpack4@npm:6.5.10":
   version: 6.5.10
   resolution: "@storybook/builder-webpack4@npm:6.5.10"
@@ -10990,6 +13167,64 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/builder-webpack5@npm:7.4.3":
+  version: 7.4.3
+  resolution: "@storybook/builder-webpack5@npm:7.4.3"
+  dependencies:
+    "@babel/core": ^7.22.9
+    "@storybook/addons": 7.4.3
+    "@storybook/channels": 7.4.3
+    "@storybook/client-api": 7.4.3
+    "@storybook/client-logger": 7.4.3
+    "@storybook/components": 7.4.3
+    "@storybook/core-common": 7.4.3
+    "@storybook/core-events": 7.4.3
+    "@storybook/core-webpack": 7.4.3
+    "@storybook/global": ^5.0.0
+    "@storybook/manager-api": 7.4.3
+    "@storybook/node-logger": 7.4.3
+    "@storybook/preview": 7.4.3
+    "@storybook/preview-api": 7.4.3
+    "@storybook/router": 7.4.3
+    "@storybook/store": 7.4.3
+    "@storybook/theming": 7.4.3
+    "@swc/core": ^1.3.49
+    "@types/node": ^16.0.0
+    "@types/semver": ^7.3.4
+    babel-loader: ^9.0.0
+    babel-plugin-named-exports-order: ^0.0.2
+    browser-assert: ^1.2.1
+    case-sensitive-paths-webpack-plugin: ^2.4.0
+    constants-browserify: ^1.0.0
+    css-loader: ^6.7.1
+    express: ^4.17.3
+    fork-ts-checker-webpack-plugin: ^8.0.0
+    fs-extra: ^11.1.0
+    html-webpack-plugin: ^5.5.0
+    path-browserify: ^1.0.1
+    process: ^0.11.10
+    semver: ^7.3.7
+    style-loader: ^3.3.1
+    swc-loader: ^0.2.3
+    terser-webpack-plugin: ^5.3.1
+    ts-dedent: ^2.0.0
+    url: ^0.11.0
+    util: ^0.12.4
+    util-deprecate: ^1.0.2
+    webpack: 5
+    webpack-dev-middleware: ^6.1.1
+    webpack-hot-middleware: ^2.25.1
+    webpack-virtual-modules: ^0.5.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 1e4300427b59327fd369a165d0b33f16cdd70ca387d4c0eccd72f0170c6c535e44dbbb85b6bbba6496fdcd17816840753fea8a3ac3702c73a5a1fd4b0aeaaccd
+  languageName: node
+  linkType: hard
+
 "@storybook/channel-postmessage@npm:6.5.10":
   version: 6.5.10
   resolution: "@storybook/channel-postmessage@npm:6.5.10"
@@ -11122,6 +13357,72 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/channels@npm:7.4.3":
+  version: 7.4.3
+  resolution: "@storybook/channels@npm:7.4.3"
+  dependencies:
+    "@storybook/client-logger": 7.4.3
+    "@storybook/core-events": 7.4.3
+    "@storybook/global": ^5.0.0
+    qs: ^6.10.0
+    telejson: ^7.2.0
+    tiny-invariant: ^1.3.1
+  checksum: 4028d8c96dd71b72fc3d27d346ce88ea73c5042648da3ea80c960b4bfee99de1e782aed03b775023616b753e3c6089f3c305c5635da1af0040270cfddd768fdd
+  languageName: node
+  linkType: hard
+
+"@storybook/cli@npm:7.4.3":
+  version: 7.4.3
+  resolution: "@storybook/cli@npm:7.4.3"
+  dependencies:
+    "@babel/core": ^7.22.9
+    "@babel/preset-env": ^7.22.9
+    "@babel/types": ^7.22.5
+    "@ndelangen/get-tarball": ^3.0.7
+    "@storybook/codemod": 7.4.3
+    "@storybook/core-common": 7.4.3
+    "@storybook/core-events": 7.4.3
+    "@storybook/core-server": 7.4.3
+    "@storybook/csf-tools": 7.4.3
+    "@storybook/node-logger": 7.4.3
+    "@storybook/telemetry": 7.4.3
+    "@storybook/types": 7.4.3
+    "@types/semver": ^7.3.4
+    "@yarnpkg/fslib": 2.10.3
+    "@yarnpkg/libzip": 2.3.0
+    chalk: ^4.1.0
+    commander: ^6.2.1
+    cross-spawn: ^7.0.3
+    detect-indent: ^6.1.0
+    envinfo: ^7.7.3
+    execa: ^5.0.0
+    express: ^4.17.3
+    find-up: ^5.0.0
+    fs-extra: ^11.1.0
+    get-npm-tarball-url: ^2.0.3
+    get-port: ^5.1.1
+    giget: ^1.0.0
+    globby: ^11.0.2
+    jscodeshift: ^0.14.0
+    leven: ^3.1.0
+    ora: ^5.4.1
+    prettier: ^2.8.0
+    prompts: ^2.4.0
+    puppeteer-core: ^2.1.1
+    read-pkg-up: ^7.0.1
+    semver: ^7.3.7
+    simple-update-notifier: ^2.0.0
+    strip-json-comments: ^3.0.1
+    tempy: ^1.0.1
+    ts-dedent: ^2.0.0
+    util-deprecate: ^1.0.2
+  bin:
+    getstorybook: ./bin/index.js
+    sb: ./bin/index.js
+  checksum: cf762d80f422fa4bf448c080286b35b7081e274d7d432f7764cfbbe8f07af87fadd5eb81f7f6b73ff0c2a6d46e0d948514aee20ad0d51b1032ebc7e6de17ed97
+  languageName: node
+  linkType: hard
+
 "@storybook/client-api@npm:6.5.10":
   version: 6.5.10
   resolution: "@storybook/client-api@npm:6.5.10"
@@ -11184,6 +13485,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/client-api@npm:7.4.3":
+  version: 7.4.3
+  resolution: "@storybook/client-api@npm:7.4.3"
+  dependencies:
+    "@storybook/client-logger": 7.4.3
+    "@storybook/preview-api": 7.4.3
+  checksum: f23db6917ed3a12021732d096c1358ea75861bcfbad1d3a3e8df19c457b90f15fa5e3da06ce3eb22336cf3ed3b62e7b23c26ce4fbbbdab37cbabdaf8c066f368
+  languageName: node
+  linkType: hard
+
 "@storybook/client-logger@npm:6.3.13":
   version: 6.3.13
   resolution: "@storybook/client-logger@npm:6.3.13"
@@ -11243,6 +13554,37 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/client-logger@npm:7.4.3":
+  version: 7.4.3
+  resolution: "@storybook/client-logger@npm:7.4.3"
+  dependencies:
+    "@storybook/global": ^5.0.0
+  checksum: 442bd48c0b513c2bcce2d171e2ffc854f81a905597b1038fb384e2754a74bf1f59aa78d22480ad70fcb4efda0f5b70734021e8ee06cb77047a902eed37648ab1
+  languageName: node
+  linkType: hard
+
+"@storybook/codemod@npm:7.4.3":
+  version: 7.4.3
+  resolution: "@storybook/codemod@npm:7.4.3"
+  dependencies:
+    "@babel/core": ^7.22.9
+    "@babel/preset-env": ^7.22.9
+    "@babel/types": ^7.22.5
+    "@storybook/csf": ^0.1.0
+    "@storybook/csf-tools": 7.4.3
+    "@storybook/node-logger": 7.4.3
+    "@storybook/types": 7.4.3
+    "@types/cross-spawn": ^6.0.2
+    cross-spawn: ^7.0.3
+    globby: ^11.0.2
+    jscodeshift: ^0.14.0
+    lodash: ^4.17.21
+    prettier: ^2.8.0
+    recast: ^0.23.1
+  checksum: ba33c1497960c19c9873581412052c13c23565882fd57e17408fdb4094fa6d572a330ef624ef662954d7f46b8b4c9b4b0ebb0e6f24caa2927f4d03fa1f7c5b63
+  languageName: node
+  linkType: hard
+
 "@storybook/components@npm:6.5.10":
   version: 6.5.10
   resolution: "@storybook/components@npm:6.5.10"
@@ -11281,6 +13623,27 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/components@npm:7.4.3, @storybook/components@npm:^7.0.12":
+  version: 7.4.3
+  resolution: "@storybook/components@npm:7.4.3"
+  dependencies:
+    "@radix-ui/react-select": ^1.2.2
+    "@radix-ui/react-toolbar": ^1.0.4
+    "@storybook/client-logger": 7.4.3
+    "@storybook/csf": ^0.1.0
+    "@storybook/global": ^5.0.0
+    "@storybook/theming": 7.4.3
+    "@storybook/types": 7.4.3
+    memoizerific: ^1.11.3
+    use-resize-observer: ^9.1.0
+    util-deprecate: ^1.0.2
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+  checksum: e286bd716535fcbfb722d9da122c2563432a2ffb8131a7b0e8be576465aa424f5aa3b9245311edd8f58a3b04aff5d99e2ac30f7d684d88c4c532bd75e8757c3b
+  languageName: node
+  linkType: hard
+
 "@storybook/components@npm:~6.3.0":
   version: 6.3.13
   resolution: "@storybook/components@npm:6.3.13"
@@ -11386,6 +13749,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/core-client@npm:7.4.3":
+  version: 7.4.3
+  resolution: "@storybook/core-client@npm:7.4.3"
+  dependencies:
+    "@storybook/client-logger": 7.4.3
+    "@storybook/preview-api": 7.4.3
+  checksum: 5fb0176577fe90c1119c82874c67dbd0eb90425689958d6c6f0f75a0a0d27c2db81decabe8906f86506d7706807c0b01573608bfba79facc7122397e1ba436ec
+  languageName: node
+  linkType: hard
+
 "@storybook/core-common@npm:6.5.10":
   version: 6.5.10
   resolution: "@storybook/core-common@npm:6.5.10"
@@ -11514,6 +13887,37 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/core-common@npm:7.4.3, @storybook/core-common@npm:^7.0.12":
+  version: 7.4.3
+  resolution: "@storybook/core-common@npm:7.4.3"
+  dependencies:
+    "@storybook/core-events": 7.4.3
+    "@storybook/node-logger": 7.4.3
+    "@storybook/types": 7.4.3
+    "@types/find-cache-dir": ^3.2.1
+    "@types/node": ^16.0.0
+    "@types/node-fetch": ^2.6.4
+    "@types/pretty-hrtime": ^1.0.0
+    chalk: ^4.1.0
+    esbuild: ^0.18.0
+    esbuild-register: ^3.4.0
+    file-system-cache: 2.3.0
+    find-cache-dir: ^3.0.0
+    find-up: ^5.0.0
+    fs-extra: ^11.1.0
+    glob: ^10.0.0
+    handlebars: ^4.7.7
+    lazy-universal-dotenv: ^4.0.0
+    node-fetch: ^2.0.0
+    picomatch: ^2.3.0
+    pkg-dir: ^5.0.0
+    pretty-hrtime: ^1.0.3
+    resolve-from: ^5.0.0
+    ts-dedent: ^2.0.0
+  checksum: e81afc618648d9f41643eaeca68458bccdd350432023de43a4f3db1f5732e7d689e3527f077c2a2c48271918417684a303ee755b4a14e543edf0808c36295435
+  languageName: node
+  linkType: hard
+
 "@storybook/core-common@npm:^7.0.0-beta.0 || ^7.0.0-rc.0 || ^7.0.0":
   version: 7.0.2
   resolution: "@storybook/core-common@npm:7.0.2"
@@ -11593,6 +13997,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/core-events@npm:7.4.3, @storybook/core-events@npm:^7.0.12":
+  version: 7.4.3
+  resolution: "@storybook/core-events@npm:7.4.3"
+  dependencies:
+    ts-dedent: ^2.0.0
+  checksum: ffe6c5a0a7db32a42fcbe2fbe027977f071c458da621793468409ac29808a24573f94f083362200dde4b00bc14b00a66053ace4c9e3686b442ee2e4a126c9855
+  languageName: node
+  linkType: hard
+
 "@storybook/core-server@npm:6.5.10":
   version: 6.5.10
   resolution: "@storybook/core-server@npm:6.5.10"
@@ -11719,6 +14132,69 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/core-server@npm:7.4.3":
+  version: 7.4.3
+  resolution: "@storybook/core-server@npm:7.4.3"
+  dependencies:
+    "@aw-web-design/x-default-browser": 1.4.126
+    "@discoveryjs/json-ext": ^0.5.3
+    "@storybook/builder-manager": 7.4.3
+    "@storybook/channels": 7.4.3
+    "@storybook/core-common": 7.4.3
+    "@storybook/core-events": 7.4.3
+    "@storybook/csf": ^0.1.0
+    "@storybook/csf-tools": 7.4.3
+    "@storybook/docs-mdx": ^0.1.0
+    "@storybook/global": ^5.0.0
+    "@storybook/manager": 7.4.3
+    "@storybook/node-logger": 7.4.3
+    "@storybook/preview-api": 7.4.3
+    "@storybook/telemetry": 7.4.3
+    "@storybook/types": 7.4.3
+    "@types/detect-port": ^1.3.0
+    "@types/node": ^16.0.0
+    "@types/pretty-hrtime": ^1.0.0
+    "@types/semver": ^7.3.4
+    better-opn: ^3.0.2
+    chalk: ^4.1.0
+    cli-table3: ^0.6.1
+    compression: ^1.7.4
+    detect-port: ^1.3.0
+    express: ^4.17.3
+    fs-extra: ^11.1.0
+    globby: ^11.0.2
+    ip: ^2.0.0
+    lodash: ^4.17.21
+    open: ^8.4.0
+    pretty-hrtime: ^1.0.3
+    prompts: ^2.4.0
+    read-pkg-up: ^7.0.1
+    semver: ^7.3.7
+    serve-favicon: ^2.5.0
+    telejson: ^7.2.0
+    tiny-invariant: ^1.3.1
+    ts-dedent: ^2.0.0
+    util: ^0.12.4
+    util-deprecate: ^1.0.2
+    watchpack: ^2.2.0
+    ws: ^8.2.3
+  checksum: 4465b9285d2b6ff036e00f4c0e9100b84ced1c51a43d107c6cd618c366fe09cbb3f10aeb7d7b96aeb2afb255893ff077d2cad8f36cb61b81027fa7a8a908be0c
+  languageName: node
+  linkType: hard
+
+"@storybook/core-webpack@npm:7.4.3":
+  version: 7.4.3
+  resolution: "@storybook/core-webpack@npm:7.4.3"
+  dependencies:
+    "@storybook/core-common": 7.4.3
+    "@storybook/node-logger": 7.4.3
+    "@storybook/types": 7.4.3
+    "@types/node": ^16.0.0
+    ts-dedent: ^2.0.0
+  checksum: 70d5b23c32b14ba68f01dd1246e8d0244cef7f99d046589fb12efb25ebb613921ac2341847624798857735020f0fdb407200f4f31f1626c7f0e3efd70440d355
+  languageName: node
+  linkType: hard
+
 "@storybook/core@npm:6.5.10":
   version: 6.5.10
   resolution: "@storybook/core@npm:6.5.10"
@@ -11761,6 +14237,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/csf-plugin@npm:7.4.3":
+  version: 7.4.3
+  resolution: "@storybook/csf-plugin@npm:7.4.3"
+  dependencies:
+    "@storybook/csf-tools": 7.4.3
+    unplugin: ^1.3.1
+  checksum: 7ab96ef4aa7b8fbbdf6018a7c7a655905d644468abd46de00f619996504b2c4cbce666490d2804469caebd047aa575a55892c06097ad90479963794989e3174b
+  languageName: node
+  linkType: hard
+
 "@storybook/csf-tools@npm:6.5.10":
   version: 6.5.10
   resolution: "@storybook/csf-tools@npm:6.5.10"
@@ -11815,6 +14301,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/csf-tools@npm:7.4.3":
+  version: 7.4.3
+  resolution: "@storybook/csf-tools@npm:7.4.3"
+  dependencies:
+    "@babel/generator": ^7.22.9
+    "@babel/parser": ^7.22.7
+    "@babel/traverse": ^7.22.8
+    "@babel/types": ^7.22.5
+    "@storybook/csf": ^0.1.0
+    "@storybook/types": 7.4.3
+    fs-extra: ^11.1.0
+    recast: ^0.23.1
+    ts-dedent: ^2.0.0
+  checksum: 6910d1613c8fa1b411bda1d23e4d03259152b03589b56e952165d3586bebfdd1d70b8dfba3ed8a2e67dbec4da6f48804ff448d58dab14e94c945decf1c264475
+  languageName: node
+  linkType: hard
+
 "@storybook/csf-tools@npm:^7.0.0-beta.0 || ^7.0.0-rc.0 || ^7.0.0":
   version: 7.0.2
   resolution: "@storybook/csf-tools@npm:7.0.2"
@@ -11859,6 +14362,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/docs-mdx@npm:^0.1.0":
+  version: 0.1.0
+  resolution: "@storybook/docs-mdx@npm:0.1.0"
+  checksum: a7770842c3947a761bcbe776a9c4fd35163d30c3274fca034169f69ff614242eaa4cacaa2c95fd215827081ef9a43f4774d521a6f43a4d063ea5f4ea14b1d69a
+  languageName: node
+  linkType: hard
+
 "@storybook/docs-tools@npm:6.5.10":
   version: 6.5.10
   resolution: "@storybook/docs-tools@npm:6.5.10"
@@ -11889,6 +14399,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/docs-tools@npm:7.4.3":
+  version: 7.4.3
+  resolution: "@storybook/docs-tools@npm:7.4.3"
+  dependencies:
+    "@storybook/core-common": 7.4.3
+    "@storybook/preview-api": 7.4.3
+    "@storybook/types": 7.4.3
+    "@types/doctrine": ^0.0.3
+    doctrine: ^3.0.0
+    lodash: ^4.17.21
+  checksum: 4859a99719ed6e3934e3db3b0618c4534aedea3f4752c2a0e0ecbaea1553e8e4b5e8c1d91bb49b7a42d2850d45fffa36de2780871d20677fe7acbe17f85634f0
+  languageName: node
+  linkType: hard
+
 "@storybook/expect@storybook-jest":
   version: 27.5.2-0
   resolution: "@storybook/expect@npm:27.5.2-0"
@@ -11918,6 +14442,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/instrumenter@npm:7.4.3":
+  version: 7.4.3
+  resolution: "@storybook/instrumenter@npm:7.4.3"
+  dependencies:
+    "@storybook/channels": 7.4.3
+    "@storybook/client-logger": 7.4.3
+    "@storybook/core-events": 7.4.3
+    "@storybook/global": ^5.0.0
+    "@storybook/preview-api": 7.4.3
+  checksum: e3a9e282a94836e8aab7629eef8724bd7adccaa5580ce2be617c16924996af6b4231a74391d8bb14cc6aedd9a654ce5e68fb4aea6cdfdda6dc7a66e093dbec26
+  languageName: node
+  linkType: hard
+
 "@storybook/instrumenter@npm:^6.4.0":
   version: 6.5.12
   resolution: "@storybook/instrumenter@npm:6.5.12"
@@ -11943,6 +14480,32 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/manager-api@npm:7.4.3, @storybook/manager-api@npm:^7.0.12":
+  version: 7.4.3
+  resolution: "@storybook/manager-api@npm:7.4.3"
+  dependencies:
+    "@storybook/channels": 7.4.3
+    "@storybook/client-logger": 7.4.3
+    "@storybook/core-events": 7.4.3
+    "@storybook/csf": ^0.1.0
+    "@storybook/global": ^5.0.0
+    "@storybook/router": 7.4.3
+    "@storybook/theming": 7.4.3
+    "@storybook/types": 7.4.3
+    dequal: ^2.0.2
+    lodash: ^4.17.21
+    memoizerific: ^1.11.3
+    semver: ^7.3.7
+    store2: ^2.14.2
+    telejson: ^7.2.0
+    ts-dedent: ^2.0.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+  checksum: 211289ba595c2cbb18dc2d6d993270f3cbae330ab359fb52898f776bace41cb4363bdac8feaa56f399bb3b048892eec932e620cc0fe7e50e2d9043e1de7a854d
+  languageName: node
+  linkType: hard
+
 "@storybook/manager-webpack4@npm:6.5.10":
   version: 6.5.10
   resolution: "@storybook/manager-webpack4@npm:6.5.10"
@@ -12087,6 +14650,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/manager@npm:7.4.3":
+  version: 7.4.3
+  resolution: "@storybook/manager@npm:7.4.3"
+  checksum: f7f78da50150dfc679242db97c8ebdf1da0592c6bf91e2c2daa70a263cd9e61a51e6d26cf331c3350b445bf5f3dd9f0a1e461c085fd2aaa52f35db4669be90d2
+  languageName: node
+  linkType: hard
+
 "@storybook/mdx1-csf@npm:^0.0.1":
   version: 0.0.1
   resolution: "@storybook/mdx1-csf@npm:0.0.1"
@@ -12106,6 +14676,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/mdx2-csf@npm:^1.0.0":
+  version: 1.1.0
+  resolution: "@storybook/mdx2-csf@npm:1.1.0"
+  checksum: 5ccdb13f4e59b989499f76e54ffaffb96b5710a696346efe19989b3373f375703adf516780894b270fa64a7e765b55274dc18575fc4a84e7fa92b844a4467c5d
+  languageName: node
+  linkType: hard
+
 "@storybook/node-logger@npm:6.5.10":
   version: 6.5.10
   resolution: "@storybook/node-logger@npm:6.5.10"
@@ -12144,6 +14721,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/node-logger@npm:7.4.3, @storybook/node-logger@npm:^7.0.12":
+  version: 7.4.3
+  resolution: "@storybook/node-logger@npm:7.4.3"
+  checksum: 3d067b5e51f52622f4f950fb9bc3584dddc80e30cfd5348936c361ad6ea3006c99fcb23a29f57290b77c770c082f766ede177405d57a7fd68fad7881f6844bfc
+  languageName: node
+  linkType: hard
+
 "@storybook/postinstall@npm:6.5.16":
   version: 6.5.16
   resolution: "@storybook/postinstall@npm:6.5.16"
@@ -12153,6 +14737,68 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/postinstall@npm:7.4.3":
+  version: 7.4.3
+  resolution: "@storybook/postinstall@npm:7.4.3"
+  checksum: 5a4a9653db29e6490145d29d2c39d6dcca86f884d4fd25d3808fcce574d38549788f20c5164e4796b4b9358103c999b202d16471b4f1d9e54288a92a88b75a8b
+  languageName: node
+  linkType: hard
+
+"@storybook/preset-react-webpack@npm:7.4.3":
+  version: 7.4.3
+  resolution: "@storybook/preset-react-webpack@npm:7.4.3"
+  dependencies:
+    "@babel/preset-flow": ^7.22.5
+    "@babel/preset-react": ^7.22.5
+    "@pmmmwh/react-refresh-webpack-plugin": ^0.5.5
+    "@storybook/core-webpack": 7.4.3
+    "@storybook/docs-tools": 7.4.3
+    "@storybook/node-logger": 7.4.3
+    "@storybook/react": 7.4.3
+    "@storybook/react-docgen-typescript-plugin": 1.0.6--canary.9.0c3f3b7.0
+    "@types/node": ^16.0.0
+    "@types/semver": ^7.3.4
+    babel-plugin-add-react-displayname: ^0.0.5
+    babel-plugin-react-docgen: ^4.2.1
+    fs-extra: ^11.1.0
+    react-refresh: ^0.11.0
+    semver: ^7.3.7
+    webpack: 5
+  peerDependencies:
+    "@babel/core": ^7.22.0
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+  peerDependenciesMeta:
+    "@babel/core":
+      optional: true
+    typescript:
+      optional: true
+  checksum: a3172cfe365bd47fbd77c426102445f14967d14343cfaf2cdd611608b6293a0bef55c7a63165ec9c430595c04131c23d340c6c5ab04b8bdd5b4b65d32961fbbb
+  languageName: node
+  linkType: hard
+
+"@storybook/preview-api@npm:7.4.3, @storybook/preview-api@npm:^7.0.12":
+  version: 7.4.3
+  resolution: "@storybook/preview-api@npm:7.4.3"
+  dependencies:
+    "@storybook/channels": 7.4.3
+    "@storybook/client-logger": 7.4.3
+    "@storybook/core-events": 7.4.3
+    "@storybook/csf": ^0.1.0
+    "@storybook/global": ^5.0.0
+    "@storybook/types": 7.4.3
+    "@types/qs": ^6.9.5
+    dequal: ^2.0.2
+    lodash: ^4.17.21
+    memoizerific: ^1.11.3
+    qs: ^6.10.0
+    synchronous-promise: ^2.0.15
+    ts-dedent: ^2.0.0
+    util-deprecate: ^1.0.2
+  checksum: 2347e122283847c4b02741e487f121a929288b0fcad589f2ef07b8b42352c0d652a33a31c44cbe492176a691929e3d27936232f53bed2834bb67146a2101f470
+  languageName: node
+  linkType: hard
+
 "@storybook/preview-api@npm:^7.0.0-beta.0 || ^7.0.0-rc.0 || ^7.0.0":
   version: 7.0.2
   resolution: "@storybook/preview-api@npm:7.0.2"
@@ -12230,6 +14876,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/preview@npm:7.4.3":
+  version: 7.4.3
+  resolution: "@storybook/preview@npm:7.4.3"
+  checksum: 27e5593d667adf1876f8b5f733f52e1b531017f424d9e696f2e46ced2a1eca2b32e8131f7a3450f494471ee0262d07ab8785f02b7bf3663f2746dfdbfc1e783b
+  languageName: node
+  linkType: hard
+
 "@storybook/react-docgen-typescript-plugin@npm:1.0.6--canary.9.f9c48c0.0":
   version: 1.0.6--canary.9.f9c48c0.0
   resolution: "@storybook/react-docgen-typescript-plugin@npm:1.0.6--canary.9.f9c48c0.0"
@@ -12257,6 +14910,74 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/react-dom-shim@npm:7.4.3":
+  version: 7.4.3
+  resolution: "@storybook/react-dom-shim@npm:7.4.3"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+  checksum: 29d62daac74db590880bc4074ef6350a856e12ca31fa07aaac336d9bed131a37d8d2cf2245db055b9b06608de4fb3937a12bc4fe12564397d61ec7f52d7c9364
+  languageName: node
+  linkType: hard
+
+"@storybook/react-webpack5@npm:^7.4.3":
+  version: 7.4.3
+  resolution: "@storybook/react-webpack5@npm:7.4.3"
+  dependencies:
+    "@storybook/builder-webpack5": 7.4.3
+    "@storybook/preset-react-webpack": 7.4.3
+    "@storybook/react": 7.4.3
+    "@types/node": ^16.0.0
+  peerDependencies:
+    "@babel/core": ^7.22.0
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+    typescript: "*"
+  peerDependenciesMeta:
+    "@babel/core":
+      optional: true
+    typescript:
+      optional: true
+  checksum: 7fc69e62fbbdd5d83cf66237d81c35193efa50558a02f5f4fecc7803eec4a3da458d3d2c192fbbd0bde3cf884e96f6eab59f3b3ebd54417219263a1aeedf1ad9
+  languageName: node
+  linkType: hard
+
+"@storybook/react@npm:7.4.3, @storybook/react@npm:^7.4.3":
+  version: 7.4.3
+  resolution: "@storybook/react@npm:7.4.3"
+  dependencies:
+    "@storybook/client-logger": 7.4.3
+    "@storybook/core-client": 7.4.3
+    "@storybook/docs-tools": 7.4.3
+    "@storybook/global": ^5.0.0
+    "@storybook/preview-api": 7.4.3
+    "@storybook/react-dom-shim": 7.4.3
+    "@storybook/types": 7.4.3
+    "@types/escodegen": ^0.0.6
+    "@types/estree": ^0.0.51
+    "@types/node": ^16.0.0
+    acorn: ^7.4.1
+    acorn-jsx: ^5.3.1
+    acorn-walk: ^7.2.0
+    escodegen: ^2.1.0
+    html-tags: ^3.1.0
+    lodash: ^4.17.21
+    prop-types: ^15.7.2
+    react-element-to-jsx-string: ^15.0.0
+    ts-dedent: ^2.0.0
+    type-fest: ~2.19
+    util-deprecate: ^1.0.2
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+    typescript: "*"
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: d57df8e2cea2a3f4accac678af464be3119fcd1038285411f15e1765c8ea378ab5ddd2a5331e310b4d0cad246f595bdf5c33b348905b5b3addd65cd2aba67f10
+  languageName: node
+  linkType: hard
+
 "@storybook/react@npm:^6.5.16":
   version: 6.5.16
   resolution: "@storybook/react@npm:6.5.16"
@@ -12472,6 +15193,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/router@npm:7.4.3":
+  version: 7.4.3
+  resolution: "@storybook/router@npm:7.4.3"
+  dependencies:
+    "@storybook/client-logger": 7.4.3
+    memoizerific: ^1.11.3
+    qs: ^6.10.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+  checksum: cf95c32715688a70d06242116762a070ca209af80d73a17f04e8fc0e08c043f0a7bb1e927843e0a589962418715d63f3c8e0c579e9701f799433a459066b3a4d
+  languageName: node
+  linkType: hard
+
 "@storybook/semver@npm:^7.3.2":
   version: 7.3.2
   resolution: "@storybook/semver@npm:7.3.2"
@@ -12557,6 +15292,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/store@npm:7.4.3":
+  version: 7.4.3
+  resolution: "@storybook/store@npm:7.4.3"
+  dependencies:
+    "@storybook/client-logger": 7.4.3
+    "@storybook/preview-api": 7.4.3
+  checksum: ea157f0d59fffee7f397958b6ae73dd8434c3a01d977e72f22d83ae37617146e4fee3d983d6d08ba88cbe0553b96ddd75c5dfe555cc21cd022574e34968469ba
+  languageName: node
+  linkType: hard
+
 "@storybook/telemetry@npm:6.5.10":
   version: 6.5.10
   resolution: "@storybook/telemetry@npm:6.5.10"
@@ -12597,6 +15342,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/telemetry@npm:7.4.3, @storybook/telemetry@npm:^7.1.0-alpha.32":
+  version: 7.4.3
+  resolution: "@storybook/telemetry@npm:7.4.3"
+  dependencies:
+    "@storybook/client-logger": 7.4.3
+    "@storybook/core-common": 7.4.3
+    "@storybook/csf-tools": 7.4.3
+    chalk: ^4.1.0
+    detect-package-manager: ^2.0.1
+    fetch-retry: ^5.0.2
+    fs-extra: ^11.1.0
+    read-pkg-up: ^7.0.1
+  checksum: e2ecd2d6644cd0536554e270c552d45936c70d26230e24cc839a51c70340fdae3575017388a613ff549d5577238d748ca53ac8a1e9095ee76db291b3f0793b45
+  languageName: node
+  linkType: hard
+
 "@storybook/test-runner@npm:^0.10.0":
   version: 0.10.0
   resolution: "@storybook/test-runner@npm:0.10.0"
@@ -12650,6 +15411,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/testing-library@npm:^0.2.1":
+  version: 0.2.1
+  resolution: "@storybook/testing-library@npm:0.2.1"
+  dependencies:
+    "@testing-library/dom": ^9.0.0
+    "@testing-library/user-event": ~14.4.0
+    ts-dedent: ^2.2.0
+  checksum: 2688361b634921219e4dc8e4acbc6622cfba6c224bd9bf17bf9bfb3655c906129cc82edd69354b9b1889b6f43c9c5e74bd51adb4407b68033d78279b93aee457
+  languageName: node
+  linkType: hard
+
 "@storybook/theming@npm:6.3.13":
   version: 6.3.13
   resolution: "@storybook/theming@npm:6.3.13"
@@ -12733,6 +15505,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/theming@npm:7.4.3, @storybook/theming@npm:^7.0.12":
+  version: 7.4.3
+  resolution: "@storybook/theming@npm:7.4.3"
+  dependencies:
+    "@emotion/use-insertion-effect-with-fallbacks": ^1.0.0
+    "@storybook/client-logger": 7.4.3
+    "@storybook/global": ^5.0.0
+    memoizerific: ^1.11.3
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+  checksum: d75f6105daabe214938040c2d4a2a69319aa54da76e8833d04346f042a0a3ff498adb25e9ef8884cd7e918fac51c16b9b4ea872beb7611b410663887628c1772
+  languageName: node
+  linkType: hard
+
 "@storybook/types@npm:7.0.2":
   version: 7.0.2
   resolution: "@storybook/types@npm:7.0.2"
@@ -12745,6 +15532,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/types@npm:7.4.3, @storybook/types@npm:^7.0.12":
+  version: 7.4.3
+  resolution: "@storybook/types@npm:7.4.3"
+  dependencies:
+    "@storybook/channels": 7.4.3
+    "@types/babel__core": ^7.0.0
+    "@types/express": ^4.7.0
+    file-system-cache: 2.3.0
+  checksum: 4108d185086884b742258edc67b9f3837099e63f3b902889f927e0e9cb34ba4da37fbcbe94235388672ba20eefac6f397cd0113e8e873538f31eda521dfb1365
+  languageName: node
+  linkType: hard
+
 "@storybook/ui@npm:6.5.10":
   version: 6.5.10
   resolution: "@storybook/ui@npm:6.5.10"
@@ -13441,6 +16240,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@swc/core-darwin-arm64@npm:1.3.86":
+  version: 1.3.86
+  resolution: "@swc/core-darwin-arm64@npm:1.3.86"
+  conditions: os=darwin & cpu=arm64
+  languageName: node
+  linkType: hard
+
 "@swc/core-darwin-x64@npm:1.3.11":
   version: 1.3.11
   resolution: "@swc/core-darwin-x64@npm:1.3.11"
@@ -13455,6 +16261,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@swc/core-darwin-x64@npm:1.3.86":
+  version: 1.3.86
+  resolution: "@swc/core-darwin-x64@npm:1.3.86"
+  conditions: os=darwin & cpu=x64
+  languageName: node
+  linkType: hard
+
 "@swc/core-freebsd-x64@npm:1.3.11":
   version: 1.3.11
   resolution: "@swc/core-freebsd-x64@npm:1.3.11"
@@ -13480,6 +16293,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@swc/core-linux-arm-gnueabihf@npm:1.3.86":
+  version: 1.3.86
+  resolution: "@swc/core-linux-arm-gnueabihf@npm:1.3.86"
+  conditions: os=linux & cpu=arm
+  languageName: node
+  linkType: hard
+
 "@swc/core-linux-arm64-gnu@npm:1.3.11":
   version: 1.3.11
   resolution: "@swc/core-linux-arm64-gnu@npm:1.3.11"
@@ -13494,6 +16314,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@swc/core-linux-arm64-gnu@npm:1.3.86":
+  version: 1.3.86
+  resolution: "@swc/core-linux-arm64-gnu@npm:1.3.86"
+  conditions: os=linux & cpu=arm64 & libc=glibc
+  languageName: node
+  linkType: hard
+
 "@swc/core-linux-arm64-musl@npm:1.3.11":
   version: 1.3.11
   resolution: "@swc/core-linux-arm64-musl@npm:1.3.11"
@@ -13508,6 +16335,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@swc/core-linux-arm64-musl@npm:1.3.86":
+  version: 1.3.86
+  resolution: "@swc/core-linux-arm64-musl@npm:1.3.86"
+  conditions: os=linux & cpu=arm64 & libc=musl
+  languageName: node
+  linkType: hard
+
 "@swc/core-linux-x64-gnu@npm:1.3.11":
   version: 1.3.11
   resolution: "@swc/core-linux-x64-gnu@npm:1.3.11"
@@ -13522,6 +16356,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@swc/core-linux-x64-gnu@npm:1.3.86":
+  version: 1.3.86
+  resolution: "@swc/core-linux-x64-gnu@npm:1.3.86"
+  conditions: os=linux & cpu=x64 & libc=glibc
+  languageName: node
+  linkType: hard
+
 "@swc/core-linux-x64-musl@npm:1.3.11":
   version: 1.3.11
   resolution: "@swc/core-linux-x64-musl@npm:1.3.11"
@@ -13536,6 +16377,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@swc/core-linux-x64-musl@npm:1.3.86":
+  version: 1.3.86
+  resolution: "@swc/core-linux-x64-musl@npm:1.3.86"
+  conditions: os=linux & cpu=x64 & libc=musl
+  languageName: node
+  linkType: hard
+
 "@swc/core-win32-arm64-msvc@npm:1.3.11":
   version: 1.3.11
   resolution: "@swc/core-win32-arm64-msvc@npm:1.3.11"
@@ -13552,6 +16400,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@swc/core-win32-arm64-msvc@npm:1.3.86":
+  version: 1.3.86
+  resolution: "@swc/core-win32-arm64-msvc@npm:1.3.86"
+  conditions: os=win32 & cpu=arm64
+  languageName: node
+  linkType: hard
+
 "@swc/core-win32-ia32-msvc@npm:1.3.11":
   version: 1.3.11
   resolution: "@swc/core-win32-ia32-msvc@npm:1.3.11"
@@ -13568,6 +16423,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@swc/core-win32-ia32-msvc@npm:1.3.86":
+  version: 1.3.86
+  resolution: "@swc/core-win32-ia32-msvc@npm:1.3.86"
+  conditions: os=win32 & cpu=ia32
+  languageName: node
+  linkType: hard
+
 "@swc/core-win32-x64-msvc@npm:1.3.11":
   version: 1.3.11
   resolution: "@swc/core-win32-x64-msvc@npm:1.3.11"
@@ -13582,6 +16444,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@swc/core-win32-x64-msvc@npm:1.3.86":
+  version: 1.3.86
+  resolution: "@swc/core-win32-x64-msvc@npm:1.3.86"
+  conditions: os=win32 & cpu=x64
+  languageName: node
+  linkType: hard
+
 "@swc/core@npm:1.3.11":
   version: 1.3.11
   resolution: "@swc/core@npm:1.3.11"
@@ -13676,6 +16545,58 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@swc/core@npm:^1.3.49":
+  version: 1.3.86
+  resolution: "@swc/core@npm:1.3.86"
+  dependencies:
+    "@swc/core-darwin-arm64": 1.3.86
+    "@swc/core-darwin-x64": 1.3.86
+    "@swc/core-linux-arm-gnueabihf": 1.3.86
+    "@swc/core-linux-arm64-gnu": 1.3.86
+    "@swc/core-linux-arm64-musl": 1.3.86
+    "@swc/core-linux-x64-gnu": 1.3.86
+    "@swc/core-linux-x64-musl": 1.3.86
+    "@swc/core-win32-arm64-msvc": 1.3.86
+    "@swc/core-win32-ia32-msvc": 1.3.86
+    "@swc/core-win32-x64-msvc": 1.3.86
+    "@swc/types": ^0.1.4
+  peerDependencies:
+    "@swc/helpers": ^0.5.0
+  dependenciesMeta:
+    "@swc/core-darwin-arm64":
+      optional: true
+    "@swc/core-darwin-x64":
+      optional: true
+    "@swc/core-linux-arm-gnueabihf":
+      optional: true
+    "@swc/core-linux-arm64-gnu":
+      optional: true
+    "@swc/core-linux-arm64-musl":
+      optional: true
+    "@swc/core-linux-x64-gnu":
+      optional: true
+    "@swc/core-linux-x64-musl":
+      optional: true
+    "@swc/core-win32-arm64-msvc":
+      optional: true
+    "@swc/core-win32-ia32-msvc":
+      optional: true
+    "@swc/core-win32-x64-msvc":
+      optional: true
+  peerDependenciesMeta:
+    "@swc/helpers":
+      optional: true
+  checksum: e2792b836446f2d2c002f7170e5a20aae9d0ca2ef316bef17918a1c87744c354c0c0afd8e2a97312cc017d2253fa60397478a5fe8c1ba12f84e7a293db9df5a5
+  languageName: node
+  linkType: hard
+
+"@swc/types@npm:^0.1.4":
+  version: 0.1.5
+  resolution: "@swc/types@npm:0.1.5"
+  checksum: 6aee11f62d3d805a64848e0bd5f0e0e615f958e327a9e1260056c368d7d28764d89e38bd8005a536c9bf18afbcd303edd84099d60df34a2975d62540f61df13b
+  languageName: node
+  linkType: hard
+
 "@swc/wasm@npm:1.2.122":
   version: 1.2.122
   resolution: "@swc/wasm@npm:1.2.122"
@@ -13738,6 +16659,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@testing-library/dom@npm:^9.0.0":
+  version: 9.3.3
+  resolution: "@testing-library/dom@npm:9.3.3"
+  dependencies:
+    "@babel/code-frame": ^7.10.4
+    "@babel/runtime": ^7.12.5
+    "@types/aria-query": ^5.0.1
+    aria-query: 5.1.3
+    chalk: ^4.1.0
+    dom-accessibility-api: ^0.5.9
+    lz-string: ^1.5.0
+    pretty-format: ^27.0.2
+  checksum: 34e0a564da7beb92aa9cc44a9080221e2412b1a132eb37be3d513fe6c58027674868deb9f86195756d98d15ba969a30fe00632a4e26e25df2a5a4f6ac0686e37
+  languageName: node
+  linkType: hard
+
 "@testing-library/jest-dom@npm:5.14.1":
   version: 5.14.1
   resolution: "@testing-library/jest-dom@npm:5.14.1"
@@ -13840,7 +16777,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@testing-library/user-event@npm:^14.4.3":
+"@testing-library/user-event@npm:^14.4.3, @testing-library/user-event@npm:~14.4.0":
   version: 14.4.3
   resolution: "@testing-library/user-event@npm:14.4.3"
   peerDependencies:
@@ -14098,6 +17035,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/aria-query@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "@types/aria-query@npm:5.0.1"
+  checksum: 69fd7cceb6113ed370591aef04b3fd0742e9a1b06dd045c43531448847b85de181495e4566f98e776b37c422a12fd71866e0a1dfd904c5ec3f84d271682901de
+  languageName: node
+  linkType: hard
+
 "@types/babel__core@npm:^7.0.0":
   version: 7.1.20
   resolution: "@types/babel__core@npm:7.1.20"
@@ -14133,6 +17077,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/babel__preset-env@npm:^7":
+  version: 7.9.3
+  resolution: "@types/babel__preset-env@npm:7.9.3"
+  checksum: 7e89a37c4a7ebe841e0bc610e19497fe0642d741e8651c52ea4727782e46ea47d2aaf2656927a684c6618d8981b0febc1fc8c82c4a1d84b4ec5793a283e1ef7f
+  languageName: node
+  linkType: hard
+
 "@types/babel__template@npm:*":
   version: 7.4.1
   resolution: "@types/babel__template@npm:7.4.1"
@@ -14250,6 +17201,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/cross-spawn@npm:^6.0.2":
+  version: 6.0.3
+  resolution: "@types/cross-spawn@npm:6.0.3"
+  dependencies:
+    "@types/node": "*"
+  checksum: 06d50fa1e1370ef60b9c9085b76adec7d7bc20728fbb02b3c2061d4d922312acf1ba56a7c94d88c27a22fc6241ab6b970c936f3294038a9c97a719fbc8eb8a76
+  languageName: node
+  linkType: hard
+
 "@types/d3-array@npm:^3.0.3":
   version: 3.0.5
   resolution: "@types/d3-array@npm:3.0.5"
@@ -14335,6 +17295,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/detect-port@npm:^1.3.0":
+  version: 1.3.3
+  resolution: "@types/detect-port@npm:1.3.3"
+  checksum: 0dadb520286a5cfd2832d12189dc795cc3589dfd9166d1b033453fb94b0212c4067a847045833e85b0f7c73135c944cb4ccb49c8e683491845c2e8a3da5d5c1c
+  languageName: node
+  linkType: hard
+
 "@types/docker-modem@npm:*":
   version: 3.0.2
   resolution: "@types/docker-modem@npm:3.0.2"
@@ -14355,6 +17322,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/doctrine@npm:^0.0.3":
+  version: 0.0.3
+  resolution: "@types/doctrine@npm:0.0.3"
+  checksum: 7ca9c8ff4d2da437785151c9eef0dd80b8fa12e0ff0fcb988458a78de4b6f0fc92727ba5bbee446e1df615a91f03053c5783b30b7c21ab6ceab6a42557e93e50
+  languageName: node
+  linkType: hard
+
 "@types/dotenv-webpack@npm:7.0.3":
   version: 7.0.3
   resolution: "@types/dotenv-webpack@npm:7.0.3"
@@ -14366,6 +17340,27 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/ejs@npm:^3.1.1":
+  version: 3.1.2
+  resolution: "@types/ejs@npm:3.1.2"
+  checksum: e4f0745b6ed53a63c08bdfdeb019a7d0e0c400896722b44d6732b4ee6bf6061d2dc965206186b8b0ae2ecd71303c29f1af1feddbca2df0acbd7bd234a74ca518
+  languageName: node
+  linkType: hard
+
+"@types/emscripten@npm:^1.39.6":
+  version: 1.39.7
+  resolution: "@types/emscripten@npm:1.39.7"
+  checksum: 9871e4495358cc06cc45b2798022cd097d8ac2eb5b2fae7c276c6c5cadea05507150fad053c73ed346d4cbd844c50a3438604e5d7c3c2a7446b703cacb1ce172
+  languageName: node
+  linkType: hard
+
+"@types/escodegen@npm:^0.0.6":
+  version: 0.0.6
+  resolution: "@types/escodegen@npm:0.0.6"
+  checksum: 7b25aeedd48dbef68345224082c6bc774845cbfc1d9b2ce91a477130fe7ccabf33da126c1d6d55e5dfd838db429a7c80890628a167e5aa55b6a4620974da38d3
+  languageName: node
+  linkType: hard
+
 "@types/eslint-scope@npm:^3.7.0":
   version: 3.7.1
   resolution: "@types/eslint-scope@npm:3.7.1"
@@ -14505,6 +17500,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/find-cache-dir@npm:^3.2.1":
+  version: 3.2.1
+  resolution: "@types/find-cache-dir@npm:3.2.1"
+  checksum: bf5c4e96da40247cd9e6327f54dfccda961a0fb2d70e3c71bd05def94de4c2e6fb310fe8ecb0f04ecf5dbc52214e184b55a2337b0f87250d4ae1e2e7d58321e4
+  languageName: node
+  linkType: hard
+
 "@types/flat@npm:5.0.2":
   version: 5.0.2
   resolution: "@types/flat@npm:5.0.2"
@@ -14753,6 +17755,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/mime-types@npm:^2.1.0":
+  version: 2.1.1
+  resolution: "@types/mime-types@npm:2.1.1"
+  checksum: 106b5d556add46446a579ad25ff15d6b421851790d887edcad558c90c1e64b1defc72bfbaf4b08f208916e21d9cc45cdb951d77be51268b18221544cfe054a3c
+  languageName: node
+  linkType: hard
+
 "@types/mime@npm:*":
   version: 3.0.1
   resolution: "@types/mime@npm:3.0.1"
@@ -14798,6 +17807,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/node-fetch@npm:^2.6.4":
+  version: 2.6.5
+  resolution: "@types/node-fetch@npm:2.6.5"
+  dependencies:
+    "@types/node": "*"
+    form-data: ^4.0.0
+  checksum: 686ee0d52bb82d73f82c0da0bb025d4af1ba7bd8df4edd09336f6179eb838b6d4b5f0a524677a8faec2b00918d1b08a1690d50fa592c9741a5df6a8041a52495
+  languageName: node
+  linkType: hard
+
 "@types/node@npm:*":
   version: 16.4.13
   resolution: "@types/node@npm:16.4.13"
@@ -15131,6 +18150,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/semver@npm:^7.3.4":
+  version: 7.5.2
+  resolution: "@types/semver@npm:7.5.2"
+  checksum: 743aa8a2b58e20b329c19bd2459152cb049d12fafab7279b90ac11e0f268c97efbcb606ea0c681cca03f79015381b40d9b1244349b354270bec3f939ed49f6e9
+  languageName: node
+  linkType: hard
+
 "@types/serve-index@npm:^1.9.1":
   version: 1.9.1
   resolution: "@types/serve-index@npm:1.9.1"
@@ -16921,6 +19947,37 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@yarnpkg/esbuild-plugin-pnp@npm:^3.0.0-rc.10":
+  version: 3.0.0-rc.15
+  resolution: "@yarnpkg/esbuild-plugin-pnp@npm:3.0.0-rc.15"
+  dependencies:
+    tslib: ^2.4.0
+  peerDependencies:
+    esbuild: ">=0.10.0"
+  checksum: 04da15355a99773b441742814ba4d0f3453a83df47aa07e215f167e156f109ab8e971489c8b1a4ddf3c79d568d35213f496ad52e97298228597e1aacc22680aa
+  languageName: node
+  linkType: hard
+
+"@yarnpkg/fslib@npm:2.10.3":
+  version: 2.10.3
+  resolution: "@yarnpkg/fslib@npm:2.10.3"
+  dependencies:
+    "@yarnpkg/libzip": ^2.3.0
+    tslib: ^1.13.0
+  checksum: 0ca693f61d47bcf165411a121ed9123f512b1b5bfa5e1c6c8f280b4ffdbea9bf2a6db418f99ecfc9624587fdc695b2b64eb0fe7b4028e44095914b25ca99655e
+  languageName: node
+  linkType: hard
+
+"@yarnpkg/libzip@npm:2.3.0, @yarnpkg/libzip@npm:^2.3.0":
+  version: 2.3.0
+  resolution: "@yarnpkg/libzip@npm:2.3.0"
+  dependencies:
+    "@types/emscripten": ^1.39.6
+    tslib: ^1.13.0
+  checksum: 533a4883f69bb013f955d80dc19719881697e6849ea5f0cbe6d87ef1d582b05cbae8a453802f92ad0c852f976296cac3ff7834be79a7e415b65cdf213e448110
+  languageName: node
+  linkType: hard
+
 "@zxing/text-encoding@npm:0.9.0":
   version: 0.9.0
   resolution: "@zxing/text-encoding@npm:0.9.0"
@@ -17101,6 +20158,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"acorn@npm:^8.10.0":
+  version: 8.10.0
+  resolution: "acorn@npm:8.10.0"
+  bin:
+    acorn: bin/acorn
+  checksum: 538ba38af0cc9e5ef983aee196c4b8b4d87c0c94532334fa7e065b2c8a1f85863467bb774231aae91613fcda5e68740c15d97b1967ae3394d20faddddd8af61d
+  languageName: node
+  linkType: hard
+
 "acorn@npm:^8.4.1":
   version: 8.4.1
   resolution: "acorn@npm:8.4.1"
@@ -17142,6 +20208,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"adjust-sourcemap-loader@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "adjust-sourcemap-loader@npm:4.0.0"
+  dependencies:
+    loader-utils: ^2.0.0
+    regex-parser: ^2.2.11
+  checksum: d524ae23582f41e2275af5d88faab7a9dc09770ed588244e0a76d3196d0d6a90bf02760c71bc6213dbfef3aef4a86232ac9521bfd629752c32b7af37bc74c660
+  languageName: node
+  linkType: hard
+
+"agent-base@npm:5":
+  version: 5.1.1
+  resolution: "agent-base@npm:5.1.1"
+  checksum: 61ae789f3019f1dc10e8cba6d3ae9826949299a4e54aaa1cfa2fa37c95a108e70e95423b963bb987d7891a703fd9a5c383a506f4901819f3ee56f3147c0aa8ab
+  languageName: node
+  linkType: hard
+
 "agent-base@npm:6, agent-base@npm:^6.0.2":
   version: 6.0.2
   resolution: "agent-base@npm:6.0.2"
@@ -17778,6 +20861,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"aria-query@npm:5.1.3":
+  version: 5.1.3
+  resolution: "aria-query@npm:5.1.3"
+  dependencies:
+    deep-equal: ^2.0.5
+  checksum: 929ff95f02857b650fb4cbcd2f41072eee2f46159a6605ea03bf63aa572e35ffdff43d69e815ddc462e16e07de8faba3978afc2813650b4448ee18c9895d982b
+  languageName: node
+  linkType: hard
+
 "aria-query@npm:^4.2.2":
   version: 4.2.2
   resolution: "aria-query@npm:4.2.2"
@@ -17816,6 +20908,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"array-buffer-byte-length@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "array-buffer-byte-length@npm:1.0.0"
+  dependencies:
+    call-bind: ^1.0.2
+    is-array-buffer: ^3.0.1
+  checksum: 044e101ce150f4804ad19c51d6c4d4cfa505c5b2577bd179256e4aa3f3f6a0a5e9874c78cd428ee566ac574c8a04d7ce21af9fe52e844abfdccb82b33035a7c3
+  languageName: node
+  linkType: hard
+
 "array-find-index@npm:^1.0.1":
   version: 1.0.2
   resolution: "array-find-index@npm:1.0.2"
@@ -18056,6 +21158,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ast-types@npm:0.15.2":
+  version: 0.15.2
+  resolution: "ast-types@npm:0.15.2"
+  dependencies:
+    tslib: ^2.0.1
+  checksum: 24f0d86bf9e4c8dae16fa24b13c1776f2c2677040bcfbd4eb4f27911db49020be4876885e45e6cfcc548ed4dfea3a0742d77e3346b84fae47379cb0b89e9daa0
+  languageName: node
+  linkType: hard
+
 "ast-types@npm:^0.13.4":
   version: 0.13.4
   resolution: "ast-types@npm:0.13.4"
@@ -18120,6 +21231,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"async-limiter@npm:~1.0.0":
+  version: 1.0.1
+  resolution: "async-limiter@npm:1.0.1"
+  checksum: 2b849695b465d93ad44c116220dee29a5aeb63adac16c1088983c339b0de57d76e82533e8e364a93a9f997f28bbfc6a92948cefc120652bd07f3b59f8d75cf2b
+  languageName: node
+  linkType: hard
+
 "async-validator@npm:^4.0.2":
   version: 4.0.7
   resolution: "async-validator@npm:4.0.7"
@@ -18270,6 +21388,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"babel-core@npm:^7.0.0-bridge.0":
+  version: 7.0.0-bridge.0
+  resolution: "babel-core@npm:7.0.0-bridge.0"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 2a1cb879019dffb08d17bec36e13c3a6d74c94773f41c1fd8b14de13f149cc34b705b0a1e07b42fcf35917b49d78db6ff0c5c3b00b202a5235013d517b5c6bbb
+  languageName: node
+  linkType: hard
+
 "babel-eslint@npm:10.0.3":
   version: 10.0.3
   resolution: "babel-eslint@npm:10.0.3"
@@ -18348,6 +21475,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"babel-loader@npm:^9.0.0":
+  version: 9.1.3
+  resolution: "babel-loader@npm:9.1.3"
+  dependencies:
+    find-cache-dir: ^4.0.0
+    schema-utils: ^4.0.0
+  peerDependencies:
+    "@babel/core": ^7.12.0
+    webpack: ">=5"
+  checksum: b168dde5b8cf11206513371a79f86bb3faa7c714e6ec9fffd420876b61f3d7f5f4b976431095ef6a14bc4d324505126deb91045fd41e312ba49f4deaa166fe28
+  languageName: node
+  linkType: hard
+
 "babel-plugin-add-react-displayname@npm:^0.0.5":
   version: 0.0.5
   resolution: "babel-plugin-add-react-displayname@npm:0.0.5"
@@ -18509,6 +21649,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"babel-plugin-polyfill-corejs2@npm:^0.4.5":
+  version: 0.4.5
+  resolution: "babel-plugin-polyfill-corejs2@npm:0.4.5"
+  dependencies:
+    "@babel/compat-data": ^7.22.6
+    "@babel/helper-define-polyfill-provider": ^0.4.2
+    semver: ^6.3.1
+  peerDependencies:
+    "@babel/core": ^7.4.0 || ^8.0.0-0 <8.0.0
+  checksum: 33a8e06aa54e2858d211c743d179f0487b03222f9ca1bfd7c4865bca243fca942a3358cb75f6bb894ed476cbddede834811fbd6903ff589f055821146f053e1a
+  languageName: node
+  linkType: hard
+
 "babel-plugin-polyfill-corejs3@npm:^0.1.0":
   version: 0.1.7
   resolution: "babel-plugin-polyfill-corejs3@npm:0.1.7"
@@ -18557,6 +21710,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"babel-plugin-polyfill-corejs3@npm:^0.8.3":
+  version: 0.8.3
+  resolution: "babel-plugin-polyfill-corejs3@npm:0.8.3"
+  dependencies:
+    "@babel/helper-define-polyfill-provider": ^0.4.2
+    core-js-compat: ^3.31.0
+  peerDependencies:
+    "@babel/core": ^7.4.0 || ^8.0.0-0 <8.0.0
+  checksum: dcbb30e551702a82cfd4d2c375da2c317658e55f95e9edcda93b9bbfdcc8fb6e5344efcb144e04d3406859e7682afce7974c60ededd9f12072a48a83dd22a0da
+  languageName: node
+  linkType: hard
+
 "babel-plugin-polyfill-regenerator@npm:^0.2.2":
   version: 0.2.2
   resolution: "babel-plugin-polyfill-regenerator@npm:0.2.2"
@@ -18590,6 +21755,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"babel-plugin-polyfill-regenerator@npm:^0.5.2":
+  version: 0.5.2
+  resolution: "babel-plugin-polyfill-regenerator@npm:0.5.2"
+  dependencies:
+    "@babel/helper-define-polyfill-provider": ^0.4.2
+  peerDependencies:
+    "@babel/core": ^7.4.0 || ^8.0.0-0 <8.0.0
+  checksum: d962200f604016a9a09bc9b4aaf60a3db7af876bb65bcefaeac04d44ac9d9ec4037cf24ce117760cc141d7046b6394c7eb0320ba9665cb4a2ee64df2be187c93
+  languageName: node
+  linkType: hard
+
 "babel-plugin-react-docgen@npm:^4.2.1":
   version: 4.2.1
   resolution: "babel-plugin-react-docgen@npm:4.2.1"
@@ -18823,6 +21999,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"better-opn@npm:^3.0.2":
+  version: 3.0.2
+  resolution: "better-opn@npm:3.0.2"
+  dependencies:
+    open: ^8.0.4
+  checksum: 1471552fa7f733561e7f49e812be074b421153006ca744de985fb6d38939807959fc5fe9cb819cf09f864782e294704fd3b31711ea14c115baf3330a2f1135de
+  languageName: node
+  linkType: hard
+
 "big-integer@npm:1.6.36":
   version: 1.6.36
   resolution: "big-integer@npm:1.6.36"
@@ -19305,6 +22490,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"browserify-zlib@npm:^0.1.4":
+  version: 0.1.4
+  resolution: "browserify-zlib@npm:0.1.4"
+  dependencies:
+    pako: ~0.2.0
+  checksum: abee4cb4349e8a21391fd874564f41b113fe691372913980e6fa06a777e4ea2aad4e942af14ab99bce190d5ac8f5328201432f4ef0eae48c6d02208bc212976f
+  languageName: node
+  linkType: hard
+
 "browserify-zlib@npm:^0.2.0":
   version: 0.2.0
   resolution: "browserify-zlib@npm:0.2.0"
@@ -19359,6 +22553,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"browserslist@npm:^4.21.10, browserslist@npm:^4.21.9":
+  version: 4.21.10
+  resolution: "browserslist@npm:4.21.10"
+  dependencies:
+    caniuse-lite: ^1.0.30001517
+    electron-to-chromium: ^1.4.477
+    node-releases: ^2.0.13
+    update-browserslist-db: ^1.0.11
+  bin:
+    browserslist: cli.js
+  checksum: 1e27c0f111a35d1dd0e8fc2c61781b0daefabc2c9471b0b10537ce54843014bceb2a1ce4571af1a82b2bf1e6e6e05d38865916689a158f03bc2c7a4ec2577db8
+  languageName: node
+  linkType: hard
+
 "browserslist@npm:^4.21.3, browserslist@npm:^4.21.4":
   version: 4.21.4
   resolution: "browserslist@npm:4.21.4"
@@ -19976,7 +23184,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"caniuse-lite@npm:^1.0.0, caniuse-lite@npm:^1.0.30001109, caniuse-lite@npm:^1.0.30001248, caniuse-lite@npm:^1.0.30001251, caniuse-lite@npm:^1.0.30001280, caniuse-lite@npm:^1.0.30001400":
+"caniuse-lite@npm:^1.0.0, caniuse-lite@npm:^1.0.30001109, caniuse-lite@npm:^1.0.30001248, caniuse-lite@npm:^1.0.30001251, caniuse-lite@npm:^1.0.30001280, caniuse-lite@npm:^1.0.30001400, caniuse-lite@npm:^1.0.30001517":
   version: 1.0.30001538
   resolution: "caniuse-lite@npm:1.0.30001538"
   checksum: 94c5d55757a339c7cc175f08a024671e2b4e7c04f130b1015793303d637061347efb6ad84447c3b8137333e742d150b8ad9672716bbf2482646c2e63a56f6c55
@@ -20012,7 +23220,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"case-sensitive-paths-webpack-plugin@npm:^2.3.0":
+"case-sensitive-paths-webpack-plugin@npm:^2.3.0, case-sensitive-paths-webpack-plugin@npm:^2.4.0":
   version: 2.4.0
   resolution: "case-sensitive-paths-webpack-plugin@npm:2.4.0"
   checksum: bcf469446eeee9ac0046e30860074ebb9aa4803aab9140e6bb72b600b23b1d70635690754be4504ce35cd99cdf05226bee8d894ba362a3f5485d5f6310fc6d02
@@ -21088,7 +24296,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"concat-stream@npm:^1.5.0":
+"concat-stream@npm:^1.5.0, concat-stream@npm:^1.6.2":
   version: 1.6.2
   resolution: "concat-stream@npm:1.6.2"
   dependencies:
@@ -21499,6 +24707,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"convert-source-map@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "convert-source-map@npm:2.0.0"
+  checksum: 63ae9933be5a2b8d4509daca5124e20c14d023c820258e484e32dc324d34c2754e71297c94a05784064ad27615037ef677e3f0c00469fb55f409d2bb21261035
+  languageName: node
+  linkType: hard
+
 "cookie-signature@npm:1.0.6":
   version: 1.0.6
   resolution: "cookie-signature@npm:1.0.6"
@@ -21622,6 +24837,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"core-js-compat@npm:^3.31.0":
+  version: 3.32.2
+  resolution: "core-js-compat@npm:3.32.2"
+  dependencies:
+    browserslist: ^4.21.10
+  checksum: efca146ad71a542e6f196db5ba5aed617e48c615bdf1fbb065471b3267f833ac545bd5fc5ad0642c3d3974b955f0684ff0863d7471d7050ee0284e0a1313942e
+  languageName: node
+  linkType: hard
+
 "core-js-compat@npm:^3.8.1":
   version: 3.16.3
   resolution: "core-js-compat@npm:3.16.3"
@@ -21639,6 +24863,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"core-js-pure@npm:^3.23.3":
+  version: 3.32.2
+  resolution: "core-js-pure@npm:3.32.2"
+  checksum: 19e781c624aee4003f8980f3c4fc441c16ef671473151affe114dc37cfe18958acdb42241b14827f62277f2d6eea73658f6c2e09131be20619e2859426bd03b4
+  languageName: node
+  linkType: hard
+
 "core-js-pure@npm:^3.8.1":
   version: 3.24.1
   resolution: "core-js-pure@npm:3.24.1"
@@ -21744,6 +24975,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"cosmiconfig@npm:^8.2.0":
+  version: 8.3.6
+  resolution: "cosmiconfig@npm:8.3.6"
+  dependencies:
+    import-fresh: ^3.3.0
+    js-yaml: ^4.1.0
+    parse-json: ^5.2.0
+    path-type: ^4.0.0
+  peerDependencies:
+    typescript: ">=4.9.5"
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: dc339ebea427898c9e03bf01b56ba7afbac07fc7d2a2d5a15d6e9c14de98275a9565da949375aee1809591c152c0a3877bb86dbeaf74d5bd5aaa79955ad9e7a0
+  languageName: node
+  linkType: hard
+
 "cp-file@npm:^7.0.0":
   version: 7.0.0
   resolution: "cp-file@npm:7.0.0"
@@ -22039,6 +25287,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"css-loader@npm:^6.7.1, css-loader@npm:^6.7.3":
+  version: 6.8.1
+  resolution: "css-loader@npm:6.8.1"
+  dependencies:
+    icss-utils: ^5.1.0
+    postcss: ^8.4.21
+    postcss-modules-extract-imports: ^3.0.0
+    postcss-modules-local-by-default: ^4.0.3
+    postcss-modules-scope: ^3.0.0
+    postcss-modules-values: ^4.0.0
+    postcss-value-parser: ^4.2.0
+    semver: ^7.3.8
+  peerDependencies:
+    webpack: ^5.0.0
+  checksum: 7c1784247bdbe76dc5c55fb1ac84f1d4177a74c47259942c9cfdb7a8e6baef11967a0bc85ac285f26bd26d5059decb848af8154a03fdb4f4894f41212f45eef3
+  languageName: node
+  linkType: hard
+
 "css-mediaquery@npm:^0.1.2":
   version: 0.1.2
   resolution: "css-mediaquery@npm:0.1.2"
@@ -22608,6 +25874,32 @@ __metadata:
   languageName: node
   linkType: hard
 
+"deep-equal@npm:^2.0.5":
+  version: 2.2.2
+  resolution: "deep-equal@npm:2.2.2"
+  dependencies:
+    array-buffer-byte-length: ^1.0.0
+    call-bind: ^1.0.2
+    es-get-iterator: ^1.1.3
+    get-intrinsic: ^1.2.1
+    is-arguments: ^1.1.1
+    is-array-buffer: ^3.0.2
+    is-date-object: ^1.0.5
+    is-regex: ^1.1.4
+    is-shared-array-buffer: ^1.0.2
+    isarray: ^2.0.5
+    object-is: ^1.1.5
+    object-keys: ^1.1.1
+    object.assign: ^4.1.4
+    regexp.prototype.flags: ^1.5.0
+    side-channel: ^1.0.4
+    which-boxed-primitive: ^1.0.2
+    which-collection: ^1.0.1
+    which-typed-array: ^1.1.9
+  checksum: eb61c35157b6ecb96a5359b507b083fbff8ddb4c86a78a781ee38485f77a667465e45d63ee2ebd8a00e86d94c80e499906900cd82c2debb400237e1662cd5397
+  languageName: node
+  linkType: hard
+
 "deep-equal@npm:~1.0.1":
   version: 1.0.1
   resolution: "deep-equal@npm:1.0.1"
@@ -22657,6 +25949,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"default-browser-id@npm:3.0.0, default-browser-id@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "default-browser-id@npm:3.0.0"
+  dependencies:
+    bplist-parser: ^0.2.0
+    untildify: ^4.0.0
+  checksum: 279c7ad492542e5556336b6c254a4eaf31b2c63a5433265655ae6e47301197b6cfb15c595a6fdc6463b2ff8e1a1a1ed3cba56038a60e1527ba4ab1628c6b9941
+  languageName: node
+  linkType: hard
+
 "default-browser-id@npm:^1.0.4":
   version: 1.0.4
   resolution: "default-browser-id@npm:1.0.4"
@@ -22670,16 +25972,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"default-browser-id@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "default-browser-id@npm:3.0.0"
-  dependencies:
-    bplist-parser: ^0.2.0
-    untildify: ^4.0.0
-  checksum: 279c7ad492542e5556336b6c254a4eaf31b2c63a5433265655ae6e47301197b6cfb15c595a6fdc6463b2ff8e1a1a1ed3cba56038a60e1527ba4ab1628c6b9941
-  languageName: node
-  linkType: hard
-
 "default-browser@npm:^4.0.0":
   version: 4.0.0
   resolution: "default-browser@npm:4.0.0"
@@ -22736,6 +26028,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"define-data-property@npm:^1.0.1":
+  version: 1.1.0
+  resolution: "define-data-property@npm:1.1.0"
+  dependencies:
+    get-intrinsic: ^1.2.1
+    gopd: ^1.0.1
+    has-property-descriptors: ^1.0.0
+  checksum: 7ad4ee84cca8ad427a4831f5693526804b62ce9dfd4efac77214e95a4382aed930072251d4075dc8dc9fc949a353ed51f19f5285a84a788ba9216cc51472a093
+  languageName: node
+  linkType: hard
+
 "define-lazy-prop@npm:^2.0.0":
   version: 2.0.0
   resolution: "define-lazy-prop@npm:2.0.0"
@@ -22769,6 +26072,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"define-properties@npm:^1.2.0":
+  version: 1.2.1
+  resolution: "define-properties@npm:1.2.1"
+  dependencies:
+    define-data-property: ^1.0.1
+    has-property-descriptors: ^1.0.0
+    object-keys: ^1.1.1
+  checksum: b4ccd00597dd46cb2d4a379398f5b19fca84a16f3374e2249201992f36b30f6835949a9429669ee6b41b6e837205a163eadd745e472069e70dfc10f03e5fcc12
+  languageName: node
+  linkType: hard
+
 "define-property@npm:^0.2.5":
   version: 0.2.5
   resolution: "define-property@npm:0.2.5"
@@ -22797,6 +26111,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"defu@npm:^6.1.2":
+  version: 6.1.2
+  resolution: "defu@npm:6.1.2"
+  checksum: 2ec0ff8414d5a1ab2b8c7e9a79bbad6d97d23ea7ebf5dcf80c3c7ffd9715c30f84a3cc47b917379ea756b3db0dc4701ce6400e493a1ae1688dffcd0f884233b2
+  languageName: node
+  linkType: hard
+
 "degenerator@npm:^5.0.0":
   version: 5.0.1
   resolution: "degenerator@npm:5.0.1"
@@ -22914,7 +26235,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"detect-indent@npm:^6.0.0":
+"detect-indent@npm:^6.0.0, detect-indent@npm:^6.1.0":
   version: 6.1.0
   resolution: "detect-indent@npm:6.1.0"
   checksum: ab953a73c72dbd4e8fc68e4ed4bfd92c97eb6c43734af3900add963fd3a9316f3bc0578b018b24198d4c31a358571eff5f0656e81a1f3b9ad5c547d58b2d093d
@@ -23474,7 +26795,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"duplexify@npm:^3.4.2, duplexify@npm:^3.6.0":
+"duplexify@npm:^3.4.2, duplexify@npm:^3.5.0, duplexify@npm:^3.6.0":
   version: 3.7.1
   resolution: "duplexify@npm:3.7.1"
   dependencies:
@@ -23549,7 +26870,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ejs@npm:^3.1.9":
+"ejs@npm:^3.1.8, ejs@npm:^3.1.9":
   version: 3.1.9
   resolution: "ejs@npm:3.1.9"
   dependencies:
@@ -23588,6 +26909,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"electron-to-chromium@npm:^1.4.477":
+  version: 1.4.526
+  resolution: "electron-to-chromium@npm:1.4.526"
+  checksum: db37adc0b39b8d3f600e86f5f451744025a174fbe2e42ac4a7dbda809d7b417a0624d2570a8df5cb8f9f1e30d6b9ca9a5079eb09288ddd4a9588c6a39e3c3a0a
+  languageName: node
+  linkType: hard
+
 "elliptic@npm:^6.4.0, elliptic@npm:^6.5.3, elliptic@npm:^6.5.4":
   version: 6.5.4
   resolution: "elliptic@npm:6.5.4"
@@ -23754,6 +27082,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"enhanced-resolve@npm:^5.15.0":
+  version: 5.15.0
+  resolution: "enhanced-resolve@npm:5.15.0"
+  dependencies:
+    graceful-fs: ^4.2.4
+    tapable: ^2.2.0
+  checksum: fbd8cdc9263be71cc737aa8a7d6c57b43d6aa38f6cc75dde6fcd3598a130cc465f979d2f4d01bb3bf475acb43817749c79f8eef9be048683602ca91ab52e4f11
+  languageName: node
+  linkType: hard
+
 "enhanced-resolve@npm:^5.7.0, enhanced-resolve@npm:^5.8.3":
   version: 5.8.3
   resolution: "enhanced-resolve@npm:5.8.3"
@@ -24026,6 +27364,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"es-get-iterator@npm:^1.1.3":
+  version: 1.1.3
+  resolution: "es-get-iterator@npm:1.1.3"
+  dependencies:
+    call-bind: ^1.0.2
+    get-intrinsic: ^1.1.3
+    has-symbols: ^1.0.3
+    is-arguments: ^1.1.1
+    is-map: ^2.0.2
+    is-set: ^2.0.2
+    is-string: ^1.0.7
+    isarray: ^2.0.5
+    stop-iteration-iterator: ^1.0.0
+  checksum: 8fa118da42667a01a7c7529f8a8cca514feeff243feec1ce0bb73baaa3514560bd09d2b3438873cf8a5aaec5d52da248131de153b28e2638a061b6e4df13267d
+  languageName: node
+  linkType: hard
+
 "es-module-lexer@npm:^0.9.0":
   version: 0.9.3
   resolution: "es-module-lexer@npm:0.9.3"
@@ -24088,6 +27443,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"esbuild-plugin-alias@npm:^0.2.1":
+  version: 0.2.1
+  resolution: "esbuild-plugin-alias@npm:0.2.1"
+  checksum: afe2d2c8b5f09d5321cb8d9c0825e8a9f6e03c2d50df92f953a291d4620cc29eddb3da9e33b238f6d8f77738e0277bdcb831f127399449fecf78fb84c04e5da9
+  languageName: node
+  linkType: hard
+
 "esbuild-plugin-svgr@npm:^2.0.0":
   version: 2.0.0
   resolution: "esbuild-plugin-svgr@npm:2.0.0"
@@ -24429,6 +27791,83 @@ __metadata:
   languageName: node
   linkType: hard
 
+"esbuild@npm:^0.18.0":
+  version: 0.18.20
+  resolution: "esbuild@npm:0.18.20"
+  dependencies:
+    "@esbuild/android-arm": 0.18.20
+    "@esbuild/android-arm64": 0.18.20
+    "@esbuild/android-x64": 0.18.20
+    "@esbuild/darwin-arm64": 0.18.20
+    "@esbuild/darwin-x64": 0.18.20
+    "@esbuild/freebsd-arm64": 0.18.20
+    "@esbuild/freebsd-x64": 0.18.20
+    "@esbuild/linux-arm": 0.18.20
+    "@esbuild/linux-arm64": 0.18.20
+    "@esbuild/linux-ia32": 0.18.20
+    "@esbuild/linux-loong64": 0.18.20
+    "@esbuild/linux-mips64el": 0.18.20
+    "@esbuild/linux-ppc64": 0.18.20
+    "@esbuild/linux-riscv64": 0.18.20
+    "@esbuild/linux-s390x": 0.18.20
+    "@esbuild/linux-x64": 0.18.20
+    "@esbuild/netbsd-x64": 0.18.20
+    "@esbuild/openbsd-x64": 0.18.20
+    "@esbuild/sunos-x64": 0.18.20
+    "@esbuild/win32-arm64": 0.18.20
+    "@esbuild/win32-ia32": 0.18.20
+    "@esbuild/win32-x64": 0.18.20
+  dependenciesMeta:
+    "@esbuild/android-arm":
+      optional: true
+    "@esbuild/android-arm64":
+      optional: true
+    "@esbuild/android-x64":
+      optional: true
+    "@esbuild/darwin-arm64":
+      optional: true
+    "@esbuild/darwin-x64":
+      optional: true
+    "@esbuild/freebsd-arm64":
+      optional: true
+    "@esbuild/freebsd-x64":
+      optional: true
+    "@esbuild/linux-arm":
+      optional: true
+    "@esbuild/linux-arm64":
+      optional: true
+    "@esbuild/linux-ia32":
+      optional: true
+    "@esbuild/linux-loong64":
+      optional: true
+    "@esbuild/linux-mips64el":
+      optional: true
+    "@esbuild/linux-ppc64":
+      optional: true
+    "@esbuild/linux-riscv64":
+      optional: true
+    "@esbuild/linux-s390x":
+      optional: true
+    "@esbuild/linux-x64":
+      optional: true
+    "@esbuild/netbsd-x64":
+      optional: true
+    "@esbuild/openbsd-x64":
+      optional: true
+    "@esbuild/sunos-x64":
+      optional: true
+    "@esbuild/win32-arm64":
+      optional: true
+    "@esbuild/win32-ia32":
+      optional: true
+    "@esbuild/win32-x64":
+      optional: true
+  bin:
+    esbuild: bin/esbuild
+  checksum: 5d253614e50cdb6ec22095afd0c414f15688e7278a7eb4f3720a6dd1306b0909cf431e7b9437a90d065a31b1c57be60130f63fe3e8d0083b588571f31ee6ec7b
+  languageName: node
+  linkType: hard
+
 "escalade@npm:^3.1.1":
   version: 3.1.1
   resolution: "escalade@npm:3.1.1"
@@ -25770,6 +29209,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"extract-zip@npm:^1.6.6":
+  version: 1.7.0
+  resolution: "extract-zip@npm:1.7.0"
+  dependencies:
+    concat-stream: ^1.6.2
+    debug: ^2.6.9
+    mkdirp: ^0.5.4
+    yauzl: ^2.10.0
+  bin:
+    extract-zip: cli.js
+  checksum: 011bab660d738614555773d381a6ba4815d98c1cfcdcdf027e154ebcc9fc8c9ef637b3ea5c9b2144013100071ee41722ed041fc9aacc60f6198ef747cac0c073
+  languageName: node
+  linkType: hard
+
 "extsprintf@npm:1.3.0":
   version: 1.3.0
   resolution: "extsprintf@npm:1.3.0"
@@ -25896,7 +29349,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fast-json-stable-stringify@npm:2.x, fast-json-stable-stringify@npm:^2.0.0":
+"fast-json-stable-stringify@npm:2.x, fast-json-stable-stringify@npm:^2.0.0, fast-json-stable-stringify@npm:^2.1.0":
   version: 2.1.0
   resolution: "fast-json-stable-stringify@npm:2.1.0"
   checksum: b191531e36c607977e5b1c47811158733c34ccb3bfde92c44798929e9b4154884378536d26ad90dfecd32e1ffc09c545d23535ad91b3161a27ddbb8ebe0cbecb
@@ -26048,6 +29501,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"file-system-cache@npm:2.3.0":
+  version: 2.3.0
+  resolution: "file-system-cache@npm:2.3.0"
+  dependencies:
+    fs-extra: 11.1.1
+    ramda: 0.29.0
+  checksum: 74afa2870a062500643d41e02d1fbd47a3f30100f9e153dec5233d59f05545f4c8ada6085629d624e043479ac28c0cafc31824f7b49a3f997efab8cc5d05bfee
+  languageName: node
+  linkType: hard
+
 "file-system-cache@npm:^1.0.5":
   version: 1.0.5
   resolution: "file-system-cache@npm:1.0.5"
@@ -26154,7 +29617,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"find-cache-dir@npm:^3.2.0":
+"find-cache-dir@npm:^3.0.0, find-cache-dir@npm:^3.2.0":
   version: 3.3.2
   resolution: "find-cache-dir@npm:3.3.2"
   dependencies:
@@ -26176,6 +29639,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"find-cache-dir@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "find-cache-dir@npm:4.0.0"
+  dependencies:
+    common-path-prefix: ^3.0.0
+    pkg-dir: ^7.0.0
+  checksum: 52a456a80deeb27daa3af6e06059b63bdb9cc4af4d845fc6d6229887e505ba913cd56000349caa60bc3aa59dacdb5b4c37903d4ba34c75102d83cab330b70d2f
+  languageName: node
+  linkType: hard
+
 "find-file-up@npm:^0.1.2":
   version: 0.1.3
   resolution: "find-file-up@npm:0.1.3"
@@ -26299,6 +29772,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"flow-parser@npm:0.*":
+  version: 0.216.1
+  resolution: "flow-parser@npm:0.216.1"
+  checksum: c3966f376b20763c842f84aa93f0d7a6014682823adc283715b3025263a5a0ab0acc0d4a9582ec512051936ce5a68c6c2d19cfb5e95356b992200daeeda1a72e
+  languageName: node
+  linkType: hard
+
 "flush-write-stream@npm:^1.0.0":
   version: 1.1.1
   resolution: "flush-write-stream@npm:1.1.1"
@@ -26433,6 +29913,29 @@ __metadata:
   languageName: node
   linkType: hard
 
+"fork-ts-checker-webpack-plugin@npm:^8.0.0":
+  version: 8.0.0
+  resolution: "fork-ts-checker-webpack-plugin@npm:8.0.0"
+  dependencies:
+    "@babel/code-frame": ^7.16.7
+    chalk: ^4.1.2
+    chokidar: ^3.5.3
+    cosmiconfig: ^7.0.1
+    deepmerge: ^4.2.2
+    fs-extra: ^10.0.0
+    memfs: ^3.4.1
+    minimatch: ^3.0.4
+    node-abort-controller: ^3.0.1
+    schema-utils: ^3.1.1
+    semver: ^7.3.5
+    tapable: ^2.2.1
+  peerDependencies:
+    typescript: ">3.6.0"
+    webpack: ^5.11.0
+  checksum: aad4cbc5b802e6281a2700a379837697c93ad95288468f9595219d91d9c26674736d37852bb4c4341e9122f26181e9e05fc1a362e8d029fdd88e99de7816037b
+  languageName: node
+  linkType: hard
+
 "form-data@npm:^3.0.0":
   version: 3.0.1
   resolution: "form-data@npm:3.0.1"
@@ -26543,6 +30046,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"fs-extra@npm:11.1.1, fs-extra@npm:^11.1.0":
+  version: 11.1.1
+  resolution: "fs-extra@npm:11.1.1"
+  dependencies:
+    graceful-fs: ^4.2.0
+    jsonfile: ^6.0.1
+    universalify: ^2.0.0
+  checksum: fb883c68245b2d777fbc1f2082c9efb084eaa2bbf9fddaa366130d196c03608eebef7fb490541276429ee1ca99f317e2d73e96f5ca0999eefedf5a624ae1edfd
+  languageName: node
+  linkType: hard
+
 "fs-extra@npm:^0.30.0":
   version: 0.30.0
   resolution: "fs-extra@npm:0.30.0"
@@ -26567,17 +30081,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fs-extra@npm:^11.1.0":
-  version: 11.1.1
-  resolution: "fs-extra@npm:11.1.1"
-  dependencies:
-    graceful-fs: ^4.2.0
-    jsonfile: ^6.0.1
-    universalify: ^2.0.0
-  checksum: fb883c68245b2d777fbc1f2082c9efb084eaa2bbf9fddaa366130d196c03608eebef7fb490541276429ee1ca99f317e2d73e96f5ca0999eefedf5a624ae1edfd
-  languageName: node
-  linkType: hard
-
 "fs-extra@npm:^8.1.0":
   version: 8.1.0
   resolution: "fs-extra@npm:8.1.0"
@@ -26633,6 +30136,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"fs-monkey@npm:^1.0.4":
+  version: 1.0.4
+  resolution: "fs-monkey@npm:1.0.4"
+  checksum: 8b254c982905c0b7e028eab22b410dc35a5c0019c1c860456f5f54ae6a61666e1cb8c6b700d6c88cc873694c00953c935847b9959cc4dcf274aacb8673c1e8bf
+  languageName: node
+  linkType: hard
+
 "fs-write-stream-atomic@npm:^1.0.8":
   version: 1.0.10
   resolution: "fs-write-stream-atomic@npm:1.0.10"
@@ -26749,6 +30259,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"functions-have-names@npm:^1.2.3":
+  version: 1.2.3
+  resolution: "functions-have-names@npm:1.2.3"
+  checksum: c3f1f5ba20f4e962efb71344ce0a40722163e85bee2101ce25f88214e78182d2d2476aa85ef37950c579eb6cf6ee811c17b3101bb84004bb75655f3e33f3fdb5
+  languageName: node
+  linkType: hard
+
 "gauge@npm:^3.0.0":
   version: 3.0.2
   resolution: "gauge@npm:3.0.2"
@@ -26886,6 +30403,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"get-intrinsic@npm:^1.2.0, get-intrinsic@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "get-intrinsic@npm:1.2.1"
+  dependencies:
+    function-bind: ^1.1.1
+    has: ^1.0.3
+    has-proto: ^1.0.1
+    has-symbols: ^1.0.3
+  checksum: 5b61d88552c24b0cf6fa2d1b3bc5459d7306f699de060d76442cce49a4721f52b8c560a33ab392cf5575b7810277d54ded9d4d39a1ea61855619ebc005aa7e5f
+  languageName: node
+  linkType: hard
+
 "get-nonce@npm:^1.0.0":
   version: 1.0.1
   resolution: "get-nonce@npm:1.0.1"
@@ -26893,6 +30422,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"get-npm-tarball-url@npm:^2.0.3":
+  version: 2.0.3
+  resolution: "get-npm-tarball-url@npm:2.0.3"
+  checksum: 8ad48a6f1126697665e12ebf053e0d1c3b15b3c4f29ea6c458387ac68d044ea1c08f0f2eb5c0fe35447fdd2da4f2fb5c9882feb5a2ea195c773f94e762c9b886
+  languageName: node
+  linkType: hard
+
 "get-own-enumerable-property-symbols@npm:^3.0.0":
   version: 3.0.2
   resolution: "get-own-enumerable-property-symbols@npm:3.0.2"
@@ -26930,6 +30466,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"get-port@npm:^5.1.1":
+  version: 5.1.1
+  resolution: "get-port@npm:5.1.1"
+  checksum: 0162663ffe5c09e748cd79d97b74cd70e5a5c84b760a475ce5767b357fb2a57cb821cee412d646aa8a156ed39b78aab88974eddaa9e5ee926173c036c0713787
+  languageName: node
+  linkType: hard
+
 "get-port@npm:^6.1.2":
   version: 6.1.2
   resolution: "get-port@npm:6.1.2"
@@ -27044,6 +30587,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"giget@npm:^1.0.0":
+  version: 1.1.2
+  resolution: "giget@npm:1.1.2"
+  dependencies:
+    colorette: ^2.0.19
+    defu: ^6.1.2
+    https-proxy-agent: ^5.0.1
+    mri: ^1.2.0
+    node-fetch-native: ^1.0.2
+    pathe: ^1.1.0
+    tar: ^6.1.13
+  bin:
+    giget: dist/cli.mjs
+  checksum: 76ad0f7e792ee95dd6c4e1096697fdcce61a2a3235a6c21761fc3e0d1053342074ce71c80059d6d4363fd34152e5d7b2e58221412f300c852ff7d4a12d0321fe
+  languageName: node
+  linkType: hard
+
 "git-hooks-list@npm:^3.0.0":
   version: 3.1.0
   resolution: "git-hooks-list@npm:3.1.0"
@@ -27192,6 +30752,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"glob@npm:^10.0.0":
+  version: 10.3.5
+  resolution: "glob@npm:10.3.5"
+  dependencies:
+    foreground-child: ^3.1.0
+    jackspeak: ^2.0.3
+    minimatch: ^9.0.1
+    minipass: ^5.0.0 || ^6.0.2 || ^7.0.0
+    path-scurry: ^1.10.1
+  bin:
+    glob: dist/cjs/src/bin.js
+  checksum: 564f4799cae48c0bcc841c88a20b539b5701c27ed5596f8623f588b3c523262d3fc20eb1ea89cab9c75b0912faf40ca5501fc835f982225d0d0599282b09e97a
+  languageName: node
+  linkType: hard
+
 "glob@npm:^10.2.2":
   version: 10.3.3
   resolution: "glob@npm:10.3.3"
@@ -27614,6 +31189,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"gunzip-maybe@npm:^1.4.2":
+  version: 1.4.2
+  resolution: "gunzip-maybe@npm:1.4.2"
+  dependencies:
+    browserify-zlib: ^0.1.4
+    is-deflate: ^1.0.0
+    is-gzip: ^1.0.0
+    peek-stream: ^1.1.0
+    pumpify: ^1.3.3
+    through2: ^2.0.3
+  bin:
+    gunzip-maybe: bin.js
+  checksum: bc4d4977c24a2860238df271de75d53dd72a359d19f1248d1c613807dc221d3b8ae09624e3085c8106663e3e1b59db62a85b261d1138c2cc24efad9df577d4e1
+  languageName: node
+  linkType: hard
+
 "handle-thing@npm:^2.0.0":
   version: 2.0.1
   resolution: "handle-thing@npm:2.0.1"
@@ -27741,6 +31332,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"has-proto@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "has-proto@npm:1.0.1"
+  checksum: febc5b5b531de8022806ad7407935e2135f1cc9e64636c3916c6842bd7995994ca3b29871ecd7954bd35f9e2986c17b3b227880484d22259e2f8e6ce63fd383e
+  languageName: node
+  linkType: hard
+
 "has-symbols@npm:^1.0.1, has-symbols@npm:^1.0.2":
   version: 1.0.2
   resolution: "has-symbols@npm:1.0.2"
@@ -28304,6 +31902,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"html-webpack-plugin@npm:^5.5.0":
+  version: 5.5.3
+  resolution: "html-webpack-plugin@npm:5.5.3"
+  dependencies:
+    "@types/html-minifier-terser": ^6.0.0
+    html-minifier-terser: ^6.0.2
+    lodash: ^4.17.21
+    pretty-error: ^4.0.0
+    tapable: ^2.0.0
+  peerDependencies:
+    webpack: ^5.20.0
+  checksum: ccf685195739c372ad641bbd0c9100a847904f34eedc7aff3ece7856cd6c78fd3746d2d615af1bb71e5727993fe711b89e9b744f033ed3fde646540bf5d5e954
+  languageName: node
+  linkType: hard
+
 "htmlparser2@npm:^3.9.2":
   version: 3.10.1
   resolution: "htmlparser2@npm:3.10.1"
@@ -28544,7 +32157,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"https-proxy-agent@npm:5.0.1":
+"https-proxy-agent@npm:5.0.1, https-proxy-agent@npm:^5.0.1":
   version: 5.0.1
   resolution: "https-proxy-agent@npm:5.0.1"
   dependencies:
@@ -28554,6 +32167,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"https-proxy-agent@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "https-proxy-agent@npm:4.0.0"
+  dependencies:
+    agent-base: 5
+    debug: 4
+  checksum: 19471d5aae3e747b1c98b17556647e2a1362e68220c6b19585a8527498f32e62e03c41d2872d059d8720d56846bd7460a80ac06f876bccfa786468ff40dd5eef
+  languageName: node
+  linkType: hard
+
 "https-proxy-agent@npm:^5.0.0":
   version: 5.0.0
   resolution: "https-proxy-agent@npm:5.0.0"
@@ -28776,7 +32399,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"import-fresh@npm:^3.0.0, import-fresh@npm:^3.1.0, import-fresh@npm:^3.2.1":
+"import-fresh@npm:^3.0.0, import-fresh@npm:^3.1.0, import-fresh@npm:^3.2.1, import-fresh@npm:^3.3.0":
   version: 3.3.0
   resolution: "import-fresh@npm:3.3.0"
   dependencies:
@@ -29008,6 +32631,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"internal-slot@npm:^1.0.4":
+  version: 1.0.5
+  resolution: "internal-slot@npm:1.0.5"
+  dependencies:
+    get-intrinsic: ^1.2.0
+    has: ^1.0.3
+    side-channel: ^1.0.4
+  checksum: 97e84046bf9e7574d0956bd98d7162313ce7057883b6db6c5c7b5e5f05688864b0978ba07610c726d15d66544ffe4b1050107d93f8a39ebc59b15d8b429b497a
+  languageName: node
+  linkType: hard
+
 "internmap@npm:1 - 2":
   version: 2.0.3
   resolution: "internmap@npm:2.0.3"
@@ -29165,7 +32799,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-arguments@npm:^1.0.4, is-arguments@npm:^1.1.0":
+"is-arguments@npm:^1.0.4, is-arguments@npm:^1.1.0, is-arguments@npm:^1.1.1":
   version: 1.1.1
   resolution: "is-arguments@npm:1.1.1"
   dependencies:
@@ -29175,6 +32809,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-array-buffer@npm:^3.0.1, is-array-buffer@npm:^3.0.2":
+  version: 3.0.2
+  resolution: "is-array-buffer@npm:3.0.2"
+  dependencies:
+    call-bind: ^1.0.2
+    get-intrinsic: ^1.2.0
+    is-typed-array: ^1.1.10
+  checksum: dcac9dda66ff17df9cabdc58214172bf41082f956eab30bb0d86bc0fab1e44b690fc8e1f855cf2481245caf4e8a5a006a982a71ddccec84032ed41f9d8da8c14
+  languageName: node
+  linkType: hard
+
 "is-arrayish@npm:^0.2.1":
   version: 0.2.1
   resolution: "is-arrayish@npm:0.2.1"
@@ -29328,7 +32973,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-date-object@npm:^1.0.1":
+"is-date-object@npm:^1.0.1, is-date-object@npm:^1.0.5":
   version: 1.0.5
   resolution: "is-date-object@npm:1.0.5"
   dependencies:
@@ -29351,6 +32996,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-deflate@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "is-deflate@npm:1.0.0"
+  checksum: c2f9f2d3db79ac50c5586697d1e69a55282a2b0cc5e437b3c470dd47f24e40b6216dcd7e024511e21381607bf57afa019343e3bd0e08a119032818b596004262
+  languageName: node
+  linkType: hard
+
 "is-descriptor@npm:^0.1.0":
   version: 0.1.6
   resolution: "is-descriptor@npm:0.1.6"
@@ -29495,6 +33147,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-gzip@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "is-gzip@npm:1.0.0"
+  checksum: 0d28931c1f445fa29c900cf9f48e06e9d1d477a3bf7bd7332e7ce68f1333ccd8cb381de2f0f62a9a262d9c0912608a9a71b4a40e788e201b3dbd67072bb20d86
+  languageName: node
+  linkType: hard
+
 "is-hexadecimal@npm:^1.0.0":
   version: 1.0.4
   resolution: "is-hexadecimal@npm:1.0.4"
@@ -29565,7 +33224,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-map@npm:^2.0.2":
+"is-map@npm:^2.0.1, is-map@npm:^2.0.2":
   version: 2.0.2
   resolution: "is-map@npm:2.0.2"
   checksum: ace3d0ecd667bbdefdb1852de601268f67f2db725624b1958f279316e13fecb8fa7df91fd60f690d7417b4ec180712f5a7ee967008e27c65cfd475cc84337728
@@ -29788,7 +33447,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-set@npm:^2.0.2":
+"is-set@npm:^2.0.1, is-set@npm:^2.0.2":
   version: 2.0.2
   resolution: "is-set@npm:2.0.2"
   checksum: b64343faf45e9387b97a6fd32be632ee7b269bd8183701f3b3f5b71a7cf00d04450ed8669d0bd08753e08b968beda96fca73a10fd0ff56a32603f64deba55a57
@@ -29859,6 +33518,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-typed-array@npm:^1.1.10":
+  version: 1.1.12
+  resolution: "is-typed-array@npm:1.1.12"
+  dependencies:
+    which-typed-array: ^1.1.11
+  checksum: 4c89c4a3be07186caddadf92197b17fda663a9d259ea0d44a85f171558270d36059d1c386d34a12cba22dfade5aba497ce22778e866adc9406098c8fc4771796
+  languageName: node
+  linkType: hard
+
 "is-typed-array@npm:^1.1.3, is-typed-array@npm:^1.1.9":
   version: 1.1.9
   resolution: "is-typed-array@npm:1.1.9"
@@ -29900,6 +33568,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-weakmap@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "is-weakmap@npm:2.0.1"
+  checksum: 1222bb7e90c32bdb949226e66d26cb7bce12e1e28e3e1b40bfa6b390ba3e08192a8664a703dff2a00a84825f4e022f9cd58c4599ff9981ab72b1d69479f4f7f6
+  languageName: node
+  linkType: hard
+
 "is-weakref@npm:^1.0.1":
   version: 1.0.1
   resolution: "is-weakref@npm:1.0.1"
@@ -29918,6 +33593,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-weakset@npm:^2.0.1":
+  version: 2.0.2
+  resolution: "is-weakset@npm:2.0.2"
+  dependencies:
+    call-bind: ^1.0.2
+    get-intrinsic: ^1.1.1
+  checksum: 5d8698d1fa599a0635d7ca85be9c26d547b317ed8fd83fc75f03efbe75d50001b5eececb1e9971de85fcde84f69ae6f8346bc92d20d55d46201d328e4c74a367
+  languageName: node
+  linkType: hard
+
 "is-whitespace-character@npm:^1.0.0":
   version: 1.0.4
   resolution: "is-whitespace-character@npm:1.0.4"
@@ -30544,6 +34229,29 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-haste-map@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-haste-map@npm:29.7.0"
+  dependencies:
+    "@jest/types": ^29.6.3
+    "@types/graceful-fs": ^4.1.3
+    "@types/node": "*"
+    anymatch: ^3.0.3
+    fb-watchman: ^2.0.0
+    fsevents: ^2.3.2
+    graceful-fs: ^4.2.9
+    jest-regex-util: ^29.6.3
+    jest-util: ^29.7.0
+    jest-worker: ^29.7.0
+    micromatch: ^4.0.4
+    walker: ^1.0.8
+  dependenciesMeta:
+    fsevents:
+      optional: true
+  checksum: c2c8f2d3e792a963940fbdfa563ce14ef9e14d4d86da645b96d3cd346b8d35c5ce0b992ee08593939b5f718cf0a1f5a90011a056548a1dbf58397d4356786f01
+  languageName: node
+  linkType: hard
+
 "jest-image-snapshot@npm:^6.1.0":
   version: 6.1.0
   resolution: "jest-image-snapshot@npm:6.1.0"
@@ -30801,6 +34509,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-regex-util@npm:^29.6.3":
+  version: 29.6.3
+  resolution: "jest-regex-util@npm:29.6.3"
+  checksum: 0518beeb9bf1228261695e54f0feaad3606df26a19764bc19541e0fc6e2a3737191904607fb72f3f2ce85d9c16b28df79b7b1ec9443aa08c3ef0e9efda6f8f2a
+  languageName: node
+  linkType: hard
+
 "jest-resolve-dependencies@npm:^28.1.3":
   version: 28.1.3
   resolution: "jest-resolve-dependencies@npm:28.1.3"
@@ -31007,6 +34722,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-util@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-util@npm:29.7.0"
+  dependencies:
+    "@jest/types": ^29.6.3
+    "@types/node": "*"
+    chalk: ^4.0.0
+    ci-info: ^3.2.0
+    graceful-fs: ^4.2.9
+    picomatch: ^2.2.3
+  checksum: 042ab4980f4ccd4d50226e01e5c7376a8556b472442ca6091a8f102488c0f22e6e8b89ea874111d2328a2080083bf3225c86f3788c52af0bd0345a00eb57a3ca
+  languageName: node
+  linkType: hard
+
 "jest-validate@npm:^28.1.3":
   version: 28.1.3
   resolution: "jest-validate@npm:28.1.3"
@@ -31121,6 +34850,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jest-worker@npm:^29.7.0":
+  version: 29.7.0
+  resolution: "jest-worker@npm:29.7.0"
+  dependencies:
+    "@types/node": "*"
+    jest-util: ^29.7.0
+    merge-stream: ^2.0.0
+    supports-color: ^8.0.0
+  checksum: 30fff60af49675273644d408b650fc2eb4b5dcafc5a0a455f238322a8f9d8a98d847baca9d51ff197b6747f54c7901daa2287799230b856a0f48287d131f8c13
+  languageName: node
+  linkType: hard
+
 "jest@npm:28.1.3, jest@npm:^28.0.0":
   version: 28.1.3
   resolution: "jest@npm:28.1.3"
@@ -31140,6 +34881,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jiti@npm:^1.18.2":
+  version: 1.20.0
+  resolution: "jiti@npm:1.20.0"
+  bin:
+    jiti: bin/jiti.js
+  checksum: 7924062b5675142e3e272a27735be84b7bfc0a0eb73217fc2dcafa034f37c4f7b4b9ffc07dd98bcff0f739a8811ce1544db205ae7e97b1c86f0df92c65ce3c72
+  languageName: node
+  linkType: hard
+
 "joi@npm:^17.3.0":
   version: 17.9.1
   resolution: "joi@npm:17.9.1"
@@ -31252,6 +35002,37 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jscodeshift@npm:^0.14.0":
+  version: 0.14.0
+  resolution: "jscodeshift@npm:0.14.0"
+  dependencies:
+    "@babel/core": ^7.13.16
+    "@babel/parser": ^7.13.16
+    "@babel/plugin-proposal-class-properties": ^7.13.0
+    "@babel/plugin-proposal-nullish-coalescing-operator": ^7.13.8
+    "@babel/plugin-proposal-optional-chaining": ^7.13.12
+    "@babel/plugin-transform-modules-commonjs": ^7.13.8
+    "@babel/preset-flow": ^7.13.13
+    "@babel/preset-typescript": ^7.13.0
+    "@babel/register": ^7.13.16
+    babel-core: ^7.0.0-bridge.0
+    chalk: ^4.1.2
+    flow-parser: 0.*
+    graceful-fs: ^4.2.4
+    micromatch: ^4.0.4
+    neo-async: ^2.5.0
+    node-dir: ^0.1.17
+    recast: ^0.21.0
+    temp: ^0.8.4
+    write-file-atomic: ^2.3.0
+  peerDependencies:
+    "@babel/preset-env": ^7.1.6
+  bin:
+    jscodeshift: bin/jscodeshift.js
+  checksum: 54ea6d639455883336f80b38a70648821c88b7942315dc0fbab01bc34a9ad0f0f78e3bd69304b5ab167e4262d6ed7e6284c6d32525ab01c89d9118df89b3e2a0
+  languageName: node
+  linkType: hard
+
 "jsdom@npm:^19.0.0":
   version: 19.0.0
   resolution: "jsdom@npm:19.0.0"
@@ -31897,6 +35678,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"less-loader@npm:^11.1.0":
+  version: 11.1.3
+  resolution: "less-loader@npm:11.1.3"
+  peerDependencies:
+    less: ^3.5.0 || ^4.0.0
+    webpack: ^5.0.0
+  checksum: fe0de6b5ab930a4521d04555d9bd77723164bfa0f71eb5724d91c45090af544000e2d7f598cd83ec4e1445e6b943cc0c0dd1445fb2e83fd7c12f4ad3a0db05c5
+  languageName: node
+  linkType: hard
+
 "level-codec@npm:9.0.2, level-codec@npm:^9.0.0":
   version: 9.0.2
   resolution: "level-codec@npm:9.0.2"
@@ -32944,6 +36735,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"lz-string@npm:^1.5.0":
+  version: 1.5.0
+  resolution: "lz-string@npm:1.5.0"
+  bin:
+    lz-string: bin/bin.js
+  checksum: 1ee98b4580246fd90dd54da6e346fb1caefcf05f677c686d9af237a157fdea3fd7c83a4bc58f858cd5b10a34d27afe0fdcbd0505a47e0590726a873dc8b8f65d
+  languageName: node
+  linkType: hard
+
 "madr-tools@npm:^1.0.0":
   version: 1.0.0
   resolution: "madr-tools@npm:1.0.0"
@@ -33189,6 +36989,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"markdown-to-jsx@npm:^7.1.8":
+  version: 7.3.2
+  resolution: "markdown-to-jsx@npm:7.3.2"
+  peerDependencies:
+    react: ">= 0.14.0"
+  checksum: 8885c6343b71570b0a7ec16cd85a49b853a830234790ee7430e2517ea5d8d361ff138bd52147f650790f3e7b3a28a15c755fc16f8856dd01ddf09a6161782e06
+  languageName: node
+  linkType: hard
+
 "markdownlint-cli@npm:^0.31.1":
   version: 0.31.1
   resolution: "markdownlint-cli@npm:0.31.1"
@@ -33661,6 +37470,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"memfs@npm:^3.4.12":
+  version: 3.5.3
+  resolution: "memfs@npm:3.5.3"
+  dependencies:
+    fs-monkey: ^1.0.4
+  checksum: 18dfdeacad7c8047b976a6ccd58bc98ba76e122ad3ca0e50a21837fe2075fc0d9aafc58ab9cf2576c2b6889da1dd2503083f2364191b695273f40969db2ecc44
+  languageName: node
+  linkType: hard
+
 "memfs@npm:^3.4.3":
   version: 3.4.7
   resolution: "memfs@npm:3.4.7"
@@ -34341,7 +38159,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mime-types@npm:^2.1.18, mime-types@npm:^2.1.30, mime-types@npm:^2.1.31, mime-types@npm:~2.1.19, mime-types@npm:~2.1.34":
+"mime-types@npm:^2.1.18, mime-types@npm:^2.1.25, mime-types@npm:^2.1.30, mime-types@npm:^2.1.31, mime-types@npm:~2.1.19, mime-types@npm:~2.1.34":
   version: 2.1.35
   resolution: "mime-types@npm:2.1.35"
   dependencies:
@@ -34359,6 +38177,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"mime@npm:^2.0.3":
+  version: 2.6.0
+  resolution: "mime@npm:2.6.0"
+  bin:
+    mime: cli.js
+  checksum: 1497ba7b9f6960694268a557eae24b743fd2923da46ec392b042469f4b901721ba0adcf8b0d3c2677839d0e243b209d76e5edcbd09cfdeffa2dfb6bb4df4b862
+  languageName: node
+  linkType: hard
+
 "mime@npm:^2.4.4":
   version: 2.5.2
   resolution: "mime@npm:2.5.2"
@@ -34702,7 +38529,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mkdirp@npm:>=0.5 0, mkdirp@npm:^0.5.6":
+"mkdirp@npm:>=0.5 0, mkdirp@npm:^0.5.4, mkdirp@npm:^0.5.6":
   version: 0.5.6
   resolution: "mkdirp@npm:0.5.6"
   dependencies:
@@ -34817,7 +38644,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mri@npm:^1.1.0":
+"mri@npm:^1.1.0, mri@npm:^1.2.0":
   version: 1.2.0
   resolution: "mri@npm:1.2.0"
   checksum: 83f515abbcff60150873e424894a2f65d68037e5a7fcde8a9e2b285ee9c13ac581b63cfc1e6826c4732de3aeb84902f7c1e16b7aff46cd3f897a0f757a894e85
@@ -35043,7 +38870,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"node-abort-controller@npm:^3.1.1":
+"node-abort-controller@npm:^3.0.1, node-abort-controller@npm:^3.1.1":
   version: 3.1.1
   resolution: "node-abort-controller@npm:3.1.1"
   checksum: 2c340916af9710328b11c0828223fc65ba320e0d082214a211311bf64c2891028e42ef276b9799188c4ada9e6e1c54cf7a0b7c05dd9d59fcdc8cd633304c8047
@@ -35059,7 +38886,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"node-dir@npm:^0.1.10":
+"node-dir@npm:^0.1.10, node-dir@npm:^0.1.17":
   version: 0.1.17
   resolution: "node-dir@npm:0.1.17"
   dependencies:
@@ -35068,6 +38895,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"node-fetch-native@npm:^1.0.2":
+  version: 1.4.0
+  resolution: "node-fetch-native@npm:1.4.0"
+  checksum: 92d25d3d480709bf110642876f0d12222641795d266a7730a10a5f117a6d4071ca6e205fba4e76347a29786c7bcce94956a5f2b212607064e81950b35f1af0ae
+  languageName: node
+  linkType: hard
+
 "node-fetch@npm:^2.6.7":
   version: 2.6.7
   resolution: "node-fetch@npm:2.6.7"
@@ -35261,6 +39095,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"node-releases@npm:^2.0.13":
+  version: 2.0.13
+  resolution: "node-releases@npm:2.0.13"
+  checksum: 17ec8f315dba62710cae71a8dad3cd0288ba943d2ece43504b3b1aa8625bf138637798ab470b1d9035b0545996f63000a8a926e0f6d35d0996424f8b6d36dda3
+  languageName: node
+  linkType: hard
+
 "node-releases@npm:^2.0.6":
   version: 2.0.6
   resolution: "node-releases@npm:2.0.6"
@@ -35796,7 +39637,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"object-is@npm:^1.0.1":
+"object-is@npm:^1.0.1, object-is@npm:^1.1.5":
   version: 1.1.5
   resolution: "object-is@npm:1.1.5"
   dependencies:
@@ -36035,6 +39876,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"open@npm:^8.0.4":
+  version: 8.4.2
+  resolution: "open@npm:8.4.2"
+  dependencies:
+    define-lazy-prop: ^2.0.0
+    is-docker: ^2.1.1
+    is-wsl: ^2.2.0
+  checksum: 6388bfff21b40cb9bd8f913f9130d107f2ed4724ea81a8fd29798ee322b361ca31fa2cdfb491a5c31e43a3996cfe9566741238c7a741ada8d7af1cb78d85cf26
+  languageName: node
+  linkType: hard
+
 "open@npm:^8.0.9, open@npm:^8.4.0":
   version: 8.4.0
   resolution: "open@npm:8.4.0"
@@ -36479,6 +40331,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"pako@npm:~0.2.0":
+  version: 0.2.9
+  resolution: "pako@npm:0.2.9"
+  checksum: 055f9487cd57fbb78df84315873bbdd089ba286f3499daed47d2effdc6253e981f5db6898c23486de76d4a781559f890d643bd3a49f70f1b4a18019c98aa5125
+  languageName: node
+  linkType: hard
+
 "pako@npm:~1.0.5":
   version: 1.0.11
   resolution: "pako@npm:1.0.11"
@@ -36839,6 +40698,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"peek-stream@npm:^1.1.0":
+  version: 1.1.3
+  resolution: "peek-stream@npm:1.1.3"
+  dependencies:
+    buffer-from: ^1.0.0
+    duplexify: ^3.5.0
+    through2: ^2.0.3
+  checksum: a0e09d6d1a8a01158a3334f20d6b1cdd91747eba24eb06a1d742eefb620385593121a76d4378cc81f77cdce6a66df0575a41041b1189c510254aec91878afc99
+  languageName: node
+  linkType: hard
+
 "pend@npm:~1.2.0":
   version: 1.2.0
   resolution: "pend@npm:1.2.0"
@@ -37001,6 +40871,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"pkg-dir@npm:^7.0.0":
+  version: 7.0.0
+  resolution: "pkg-dir@npm:7.0.0"
+  dependencies:
+    find-up: ^6.3.0
+  checksum: 94298b20a446bfbbd66604474de8a0cdd3b8d251225170970f15d9646f633e056c80520dd5b4c1d1050c9fed8f6a9e5054b141c93806439452efe72e57562c03
+  languageName: node
+  linkType: hard
+
 "pkg-install@npm:1.0.0":
   version: 1.0.0
   resolution: "pkg-install@npm:1.0.0"
@@ -37259,6 +41138,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"postcss-loader@npm:^7.2.4":
+  version: 7.3.3
+  resolution: "postcss-loader@npm:7.3.3"
+  dependencies:
+    cosmiconfig: ^8.2.0
+    jiti: ^1.18.2
+    semver: ^7.3.8
+  peerDependencies:
+    postcss: ^7.0.0 || ^8.0.1
+    webpack: ^5.0.0
+  checksum: c724044d6ae56334535c26bb4efc9c151431d44d60bc8300157c760747281a242757d8dab32db72738434531175b38a408cb0b270bb96207c07584dcfcd899ff
+  languageName: node
+  linkType: hard
+
 "postcss-media-query-parser@npm:^0.2.3":
   version: 0.2.3
   resolution: "postcss-media-query-parser@npm:0.2.3"
@@ -37388,6 +41281,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"postcss-modules-local-by-default@npm:^4.0.3":
+  version: 4.0.3
+  resolution: "postcss-modules-local-by-default@npm:4.0.3"
+  dependencies:
+    icss-utils: ^5.0.0
+    postcss-selector-parser: ^6.0.2
+    postcss-value-parser: ^4.1.0
+  peerDependencies:
+    postcss: ^8.1.0
+  checksum: 2f8083687f3d6067885f8863dd32dbbb4f779cfcc7e52c17abede9311d84faf6d3ed8760e7c54c6380281732ae1f78e5e56a28baf3c271b33f450a11c9e30485
+  languageName: node
+  linkType: hard
+
 "postcss-modules-scope@npm:^2.2.0":
   version: 2.2.0
   resolution: "postcss-modules-scope@npm:2.2.0"
@@ -37737,6 +41643,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"postcss@npm:^8.2.14":
+  version: 8.4.30
+  resolution: "postcss@npm:8.4.30"
+  dependencies:
+    nanoid: ^3.3.6
+    picocolors: ^1.0.0
+    source-map-js: ^1.0.2
+  checksum: 6c810c10c9bd3e03ca016e0b6b6756261e640aba1a9a7b1200b55502bc34b9165e38f590aef3493afc2f30ab55cdfcd43fd0f8408d69a77318ddbcf2a8ad164b
+  languageName: node
+  linkType: hard
+
 "postcss@npm:^8.3.5":
   version: 8.4.20
   resolution: "postcss@npm:8.4.20"
@@ -37888,6 +41805,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"prettier@npm:^2.8.0":
+  version: 2.8.8
+  resolution: "prettier@npm:2.8.8"
+  bin:
+    prettier: bin-prettier.js
+  checksum: b49e409431bf129dd89238d64299ba80717b57ff5a6d1c1a8b1a28b590d998a34e083fa13573bc732bb8d2305becb4c9a4407f8486c81fa7d55100eb08263cf8
+  languageName: node
+  linkType: hard
+
 "pretty-error@npm:^2.1.1":
   version: 2.1.2
   resolution: "pretty-error@npm:2.1.2"
@@ -38067,7 +41993,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"progress@npm:2.0.3, progress@npm:^2.0.0, progress@npm:^2.0.3":
+"progress@npm:2.0.3, progress@npm:^2.0.0, progress@npm:^2.0.1, progress@npm:^2.0.3":
   version: 2.0.3
   resolution: "progress@npm:2.0.3"
   checksum: f67403fe7b34912148d9252cb7481266a354bd99ce82c835f79070643bb3c6583d10dbcfda4d41e04bbc1d8437e9af0fb1e1f2135727878f5308682a579429b7
@@ -38280,7 +42206,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"proxy-from-env@npm:1.1.0, proxy-from-env@npm:^1.1.0":
+"proxy-from-env@npm:1.1.0, proxy-from-env@npm:^1.0.0, proxy-from-env@npm:^1.1.0":
   version: 1.1.0
   resolution: "proxy-from-env@npm:1.1.0"
   checksum: ed7fcc2ba0a33404958e34d95d18638249a68c430e30fcb6c478497d72739ba64ce9810a24f53a7d921d0c065e5b78e3822759800698167256b04659366ca4d4
@@ -38416,6 +42342,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"puppeteer-core@npm:^2.1.1":
+  version: 2.1.1
+  resolution: "puppeteer-core@npm:2.1.1"
+  dependencies:
+    "@types/mime-types": ^2.1.0
+    debug: ^4.1.0
+    extract-zip: ^1.6.6
+    https-proxy-agent: ^4.0.0
+    mime: ^2.0.3
+    mime-types: ^2.1.25
+    progress: ^2.0.1
+    proxy-from-env: ^1.0.0
+    rimraf: ^2.6.1
+    ws: ^6.1.0
+  checksum: 2ddb597ef1b2d162b4aa49833b977734129edf7c8fa558fc38c59d273e79aa1bd079481c642de87f7163665f7f37aa52683da2716bafb7d3cab68c262c36ec28
+  languageName: node
+  linkType: hard
+
 "puppeteer-core@npm:^20.9.0":
   version: 20.9.0
   resolution: "puppeteer-core@npm:20.9.0"
@@ -38591,6 +42535,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ramda@npm:0.29.0":
+  version: 0.29.0
+  resolution: "ramda@npm:0.29.0"
+  checksum: 9ab26c06eb7545cbb7eebcf75526d6ee2fcaae19e338f165b2bf32772121e7b28192d6664d1ba222ff76188ba26ab307342d66e805dbb02c860560adc4d5dd57
+  languageName: node
+  linkType: hard
+
 "ramda@npm:^0.21.0":
   version: 0.21.0
   resolution: "ramda@npm:0.21.0"
@@ -39716,6 +43667,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-confetti@npm:^6.1.0":
+  version: 6.1.0
+  resolution: "react-confetti@npm:6.1.0"
+  dependencies:
+    tween-functions: ^1.2.0
+  peerDependencies:
+    react: ^16.3.0 || ^17.0.1 || ^18.0.0
+  checksum: 24b6975df144d2bf09d8e1c95ddc49e547775f911efaa8d96b49e522659d931539e9d9e48cc0db3a01f3a671be7e3824e6e728db85096f5527db5d1c69ebb153
+  languageName: node
+  linkType: hard
+
 "react-copy-to-clipboard@npm:5.0.4":
   version: 5.0.4
   resolution: "react-copy-to-clipboard@npm:5.0.4"
@@ -39787,6 +43749,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-element-to-jsx-string@npm:^15.0.0":
+  version: 15.0.0
+  resolution: "react-element-to-jsx-string@npm:15.0.0"
+  dependencies:
+    "@base2/pretty-print-object": 1.0.1
+    is-plain-object: 5.0.0
+    react-is: 18.1.0
+  peerDependencies:
+    react: ^0.14.8 || ^15.0.1 || ^16.0.0 || ^17.0.1 || ^18.0.0
+    react-dom: ^0.14.8 || ^15.0.1 || ^16.0.0 || ^17.0.1 || ^18.0.0
+  checksum: c3907cc4c1d3e9ecc8ca7727058ebcba6ec89848d9e07bfd2c77ee8f28f1ad99bf55e38359dec8a1125de83d41ac09a2874f53c41415edc86ffa9840fa1b7856
+  languageName: node
+  linkType: hard
+
 "react-error-boundary@npm:^3.1.0":
   version: 3.1.3
   resolution: "react-error-boundary@npm:3.1.3"
@@ -39871,6 +43847,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-inspector@npm:^6.0.0":
+  version: 6.0.2
+  resolution: "react-inspector@npm:6.0.2"
+  peerDependencies:
+    react: ^16.8.4 || ^17.0.0 || ^18.0.0
+  checksum: dab7a7daf570c283fdc5d4e07ee8941ee8670af698ab5a27a704602b248e29ab911b117310d64c30a4af93931b2d6ee2a729369e3f5ab7f02df4651692e195a5
+  languageName: node
+  linkType: hard
+
 "react-inspector@npm:^6.0.1":
   version: 6.0.1
   resolution: "react-inspector@npm:6.0.1"
@@ -39887,6 +43872,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-is@npm:18.1.0":
+  version: 18.1.0
+  resolution: "react-is@npm:18.1.0"
+  checksum: d206a0fe6790851bff168727bfb896de02c5591695afb0c441163e8630136a3e13ee1a7ddd59fdccddcc93968b4721ae112c10f790b194b03b35a3dc13a355ef
+  languageName: node
+  linkType: hard
+
 "react-is@npm:^16.10.2, react-is@npm:^16.12.0, react-is@npm:^16.13.1, react-is@npm:^16.6.0, react-is@npm:^16.7.0, react-is@npm:^16.8.1":
   version: 16.13.1
   resolution: "react-is@npm:16.13.1"
@@ -40420,6 +44412,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"recast@npm:^0.21.0":
+  version: 0.21.5
+  resolution: "recast@npm:0.21.5"
+  dependencies:
+    ast-types: 0.15.2
+    esprima: ~4.0.0
+    source-map: ~0.6.1
+    tslib: ^2.0.1
+  checksum: 03cc7f57562238ba258d468be67bf7446ce7a707bc87a087891dad15afead46c36e9aaeedf2130e2ab5a465244a9c62bfd4127849761cf8f4085abe2f3e5f485
+  languageName: node
+  linkType: hard
+
 "recast@npm:^0.23.1":
   version: 0.23.1
   resolution: "recast@npm:0.23.1"
@@ -40622,6 +44626,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"regenerator-transform@npm:^0.15.2":
+  version: 0.15.2
+  resolution: "regenerator-transform@npm:0.15.2"
+  dependencies:
+    "@babel/runtime": ^7.8.4
+  checksum: 20b6f9377d65954980fe044cfdd160de98df415b4bff38fbade67b3337efaf078308c4fed943067cd759827cc8cfeca9cb28ccda1f08333b85d6a2acbd022c27
+  languageName: node
+  linkType: hard
+
 "regex-not@npm:^1.0.0, regex-not@npm:^1.0.2":
   version: 1.0.2
   resolution: "regex-not@npm:1.0.2"
@@ -40632,6 +44645,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"regex-parser@npm:^2.2.11":
+  version: 2.2.11
+  resolution: "regex-parser@npm:2.2.11"
+  checksum: 78200331ec0cc372302d287a4946c38681eb5fe435453fca572cb53cac0ba579e5eb3b9e25eac24c0c80a555fb3ea7a637814a35da1e9bc88e8819110ae5de24
+  languageName: node
+  linkType: hard
+
 "regexp-match-indices@npm:1.0.2":
   version: 1.0.2
   resolution: "regexp-match-indices@npm:1.0.2"
@@ -40689,6 +44709,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"regexp.prototype.flags@npm:^1.5.0":
+  version: 1.5.1
+  resolution: "regexp.prototype.flags@npm:1.5.1"
+  dependencies:
+    call-bind: ^1.0.2
+    define-properties: ^1.2.0
+    set-function-name: ^2.0.0
+  checksum: 869edff00288442f8d7fa4c9327f91d85f3b3acf8cbbef9ea7a220345cf23e9241b6def9263d2c1ebcf3a316b0aa52ad26a43a84aa02baca3381717b3e307f47
+  languageName: node
+  linkType: hard
+
 "regexpp@npm:^3.1.0, regexpp@npm:^3.2.0":
   version: 3.2.0
   resolution: "regexpp@npm:3.2.0"
@@ -40724,6 +44755,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"regexpu-core@npm:^5.3.1":
+  version: 5.3.2
+  resolution: "regexpu-core@npm:5.3.2"
+  dependencies:
+    "@babel/regjsgen": ^0.8.0
+    regenerate: ^1.4.2
+    regenerate-unicode-properties: ^10.1.0
+    regjsparser: ^0.9.1
+    unicode-match-property-ecmascript: ^2.0.0
+    unicode-match-property-value-ecmascript: ^2.1.0
+  checksum: 95bb97088419f5396e07769b7de96f995f58137ad75fac5811fb5fe53737766dfff35d66a0ee66babb1eb55386ef981feaef392f9df6d671f3c124812ba24da2
+  languageName: node
+  linkType: hard
+
 "registry-auth-token@npm:^4.0.0":
   version: 4.2.2
   resolution: "registry-auth-token@npm:4.2.2"
@@ -41135,6 +45180,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"resolve-url-loader@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "resolve-url-loader@npm:5.0.0"
+  dependencies:
+    adjust-sourcemap-loader: ^4.0.0
+    convert-source-map: ^1.7.0
+    loader-utils: ^2.0.0
+    postcss: ^8.2.14
+    source-map: 0.6.1
+  checksum: 6d483733a4c26f75ce930a61943113bf730b5ba33a7186791cf1ae9c2ca02c3e94610bc6484ca008a372ee9e31750eccea74856a89daf1a29b8437ff564d27f2
+  languageName: node
+  linkType: hard
+
 "resolve-url@npm:^0.2.1":
   version: 0.2.1
   resolution: "resolve-url@npm:0.2.1"
@@ -41278,7 +45336,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"rimraf@npm:2, rimraf@npm:^2.2.8, rimraf@npm:^2.5.4, rimraf@npm:^2.6.2, rimraf@npm:^2.6.3":
+"rimraf@npm:2, rimraf@npm:^2.2.8, rimraf@npm:^2.5.4, rimraf@npm:^2.6.1, rimraf@npm:^2.6.2, rimraf@npm:^2.6.3":
   version: 2.7.1
   resolution: "rimraf@npm:2.7.1"
   dependencies:
@@ -41300,6 +45358,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"rimraf@npm:~2.6.2":
+  version: 2.6.3
+  resolution: "rimraf@npm:2.6.3"
+  dependencies:
+    glob: ^7.1.3
+  bin:
+    rimraf: ./bin.js
+  checksum: 3ea587b981a19016297edb96d1ffe48af7e6af69660e3b371dbfc73722a73a0b0e9be5c88089fbeeb866c389c1098e07f64929c7414290504b855f54f901ab10
+  languageName: node
+  linkType: hard
+
 "ripemd160@npm:^2.0.0, ripemd160@npm:^2.0.1":
   version: 2.0.2
   resolution: "ripemd160@npm:2.0.2"
@@ -41782,6 +45851,30 @@ __metadata:
   languageName: node
   linkType: hard
 
+"sass-loader@npm:^13.2.2":
+  version: 13.3.2
+  resolution: "sass-loader@npm:13.3.2"
+  dependencies:
+    neo-async: ^2.6.2
+  peerDependencies:
+    fibers: ">= 3.1.0"
+    node-sass: ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0 || ^9.0.0
+    sass: ^1.3.0
+    sass-embedded: "*"
+    webpack: ^5.0.0
+  peerDependenciesMeta:
+    fibers:
+      optional: true
+    node-sass:
+      optional: true
+    sass:
+      optional: true
+    sass-embedded:
+      optional: true
+  checksum: 7394a8d1b818a289b9caabd979543c907b83e28ae08bc80ccb836e0ccabc4ae574c077ab2fa520ba5fb8abb2ec3e7c9822a1cbd8c58a28ff30018be9d1dc6c27
+  languageName: node
+  linkType: hard
+
 "sass@npm:^1.35.2":
   version: 1.62.1
   resolution: "sass@npm:1.62.1"
@@ -41795,6 +45888,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"sass@npm:^1.68.0":
+  version: 1.68.0
+  resolution: "sass@npm:1.68.0"
+  dependencies:
+    chokidar: ">=3.0.0 <4.0.0"
+    immutable: ^4.0.0
+    source-map-js: ">=0.6.2 <2.0.0"
+  bin:
+    sass: sass.js
+  checksum: 65ccede83c96768beeb8dcaf67957b7c76b12ff1276bfd2849d7be151d46ba1400048a67717e6e5e4969bc75e87348e5530f5f272833f2e60a891c21a33d8ab0
+  languageName: node
+  linkType: hard
+
 "saxes@npm:^5.0.1":
   version: 5.0.1
   resolution: "saxes@npm:5.0.1"
@@ -41881,6 +45987,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"schema-utils@npm:^3.2.0":
+  version: 3.3.0
+  resolution: "schema-utils@npm:3.3.0"
+  dependencies:
+    "@types/json-schema": ^7.0.8
+    ajv: ^6.12.5
+    ajv-keywords: ^3.5.2
+  checksum: ea56971926fac2487f0757da939a871388891bc87c6a82220d125d587b388f1704788f3706e7f63a7b70e49fc2db974c41343528caea60444afd5ce0fe4b85c0
+  languageName: node
+  linkType: hard
+
 "scroll-into-view-if-needed@npm:^2.2.25":
   version: 2.2.28
   resolution: "scroll-into-view-if-needed@npm:2.2.28"
@@ -42004,6 +46121,26 @@ __metadata:
   languageName: node
   linkType: hard
 
+"semver@npm:^6.3.1":
+  version: 6.3.1
+  resolution: "semver@npm:6.3.1"
+  bin:
+    semver: bin/semver.js
+  checksum: ae47d06de28836adb9d3e25f22a92943477371292d9b665fb023fae278d345d508ca1958232af086d85e0155aee22e313e100971898bbb8d5d89b8b1d4054ca2
+  languageName: node
+  linkType: hard
+
+"semver@npm:^7.5.3":
+  version: 7.5.4
+  resolution: "semver@npm:7.5.4"
+  dependencies:
+    lru-cache: ^6.0.0
+  bin:
+    semver: bin/semver.js
+  checksum: 12d8ad952fa353b0995bf180cdac205a4068b759a140e5d3c608317098b3575ac2f1e09182206bf2eb26120e1c0ed8fb92c48c592f6099680de56bb071423ca3
+  languageName: node
+  linkType: hard
+
 "send@npm:0.17.1":
   version: 0.17.1
   resolution: "send@npm:0.17.1"
@@ -42159,6 +46296,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"set-function-name@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "set-function-name@npm:2.0.1"
+  dependencies:
+    define-data-property: ^1.0.1
+    functions-have-names: ^1.2.3
+    has-property-descriptors: ^1.0.0
+  checksum: 4975d17d90c40168eee2c7c9c59d023429f0a1690a89d75656306481ece0c3c1fb1ebcc0150ea546d1913e35fbd037bace91372c69e543e51fc5d1f31a9fa126
+  languageName: node
+  linkType: hard
+
 "set-value@npm:^2.0.0, set-value@npm:^2.0.1":
   version: 2.0.1
   resolution: "set-value@npm:2.0.1"
@@ -42380,6 +46528,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"simple-update-notifier@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "simple-update-notifier@npm:2.0.0"
+  dependencies:
+    semver: ^7.5.3
+  checksum: 9ba00d38ce6a29682f64a46213834e4eb01634c2f52c813a9a7b8873ca49cdbb703696f3290f3b27dc067de6d9418b0b84bef22c3eb074acf352529b2d6c27fd
+  languageName: node
+  linkType: hard
+
 "sisteransi@npm:^1.0.5":
   version: 1.0.5
   resolution: "sisteransi@npm:1.0.5"
@@ -42668,6 +46825,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"source-map@npm:0.6.1, source-map@npm:^0.6.0, source-map@npm:^0.6.1, source-map@npm:~0.6.0, source-map@npm:~0.6.1":
+  version: 0.6.1
+  resolution: "source-map@npm:0.6.1"
+  checksum: 59ce8640cf3f3124f64ac289012c2b8bd377c238e316fb323ea22fbfe83da07d81e000071d7242cad7a23cd91c7de98e4df8830ec3f133cb6133a5f6e9f67bc2
+  languageName: node
+  linkType: hard
+
 "source-map@npm:0.8.0-beta.0":
   version: 0.8.0-beta.0
   resolution: "source-map@npm:0.8.0-beta.0"
@@ -42684,13 +46848,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"source-map@npm:^0.6.0, source-map@npm:^0.6.1, source-map@npm:~0.6.0, source-map@npm:~0.6.1":
-  version: 0.6.1
-  resolution: "source-map@npm:0.6.1"
-  checksum: 59ce8640cf3f3124f64ac289012c2b8bd377c238e316fb323ea22fbfe83da07d81e000071d7242cad7a23cd91c7de98e4df8830ec3f133cb6133a5f6e9f67bc2
-  languageName: node
-  linkType: hard
-
 "source-map@npm:^0.7.0, source-map@npm:^0.7.4":
   version: 0.7.4
   resolution: "source-map@npm:0.7.4"
@@ -43120,6 +47277,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"stop-iteration-iterator@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "stop-iteration-iterator@npm:1.0.0"
+  dependencies:
+    internal-slot: ^1.0.4
+  checksum: d04173690b2efa40e24ab70e5e51a3ff31d56d699550cfad084104ab3381390daccb36652b25755e420245f3b0737de66c1879eaa2a8d4fc0a78f9bf892fcb42
+  languageName: node
+  linkType: hard
+
 "store2@npm:^2.12.0":
   version: 2.12.0
   resolution: "store2@npm:2.12.0"
@@ -43127,6 +47293,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"store2@npm:^2.14.2":
+  version: 2.14.2
+  resolution: "store2@npm:2.14.2"
+  checksum: 6f270fc5bab99b63f45fcc7bd8b99c2714b4adf880f557ed7ffb5ed3987131251165bccde425a00928aaf044870aee79ddeef548576d093c68703ed2edec45d7
+  languageName: node
+  linkType: hard
+
 "storybook-addon-designs@npm:^6.3.1":
   version: 6.3.1
   resolution: "storybook-addon-designs@npm:6.3.1"
@@ -43219,6 +47392,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"storybook@npm:^7.4.3":
+  version: 7.4.3
+  resolution: "storybook@npm:7.4.3"
+  dependencies:
+    "@storybook/cli": 7.4.3
+  bin:
+    sb: ./index.js
+    storybook: ./index.js
+  checksum: 91395d18f545dfa8ffe8f1e70e248f03f85e5a3cc55d07127228480379095efa23cb499265de5e751c2c853d39c1a45ad85d3a3a4d359df61c65df81afab37a0
+  languageName: node
+  linkType: hard
+
 "stream-browserify@npm:^2.0.1":
   version: 2.0.2
   resolution: "stream-browserify@npm:2.0.2"
@@ -43670,7 +47855,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"strip-json-comments@npm:^3.1.0, strip-json-comments@npm:^3.1.1, strip-json-comments@npm:~3.1.1":
+"strip-json-comments@npm:^3.0.1, strip-json-comments@npm:^3.1.0, strip-json-comments@npm:^3.1.1, strip-json-comments@npm:~3.1.1":
   version: 3.1.1
   resolution: "strip-json-comments@npm:3.1.1"
   checksum: 492f73e27268f9b1c122733f28ecb0e7e8d8a531a6662efbd08e22cccb3f9475e90a1b82cab06a392f6afae6d2de636f977e231296400d0ec5304ba70f166443
@@ -43733,6 +47918,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"style-loader@npm:^3.3.1, style-loader@npm:^3.3.2":
+  version: 3.3.3
+  resolution: "style-loader@npm:3.3.3"
+  peerDependencies:
+    webpack: ^5.0.0
+  checksum: f59c953f56f6a935bd6a1dfa409f1128fed2b66b48ce4a7a75b85862a7156e5e90ab163878962762f528ec4d510903d828da645e143fbffd26f055dc1c094078
+  languageName: node
+  linkType: hard
+
 "style-search@npm:^0.1.0":
   version: 0.1.0
   resolution: "style-search@npm:0.1.0"
@@ -44059,7 +48253,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"swc-loader@npm:0.2.3":
+"swc-loader@npm:0.2.3, swc-loader@npm:^0.2.3":
   version: 0.2.3
   resolution: "swc-loader@npm:0.2.3"
   peerDependencies:
@@ -44153,7 +48347,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tar-fs@npm:2.1.1, tar-fs@npm:^2.0.0":
+"tar-fs@npm:2.1.1, tar-fs@npm:^2.0.0, tar-fs@npm:^2.1.1":
   version: 2.1.1
   resolution: "tar-fs@npm:2.1.1"
   dependencies:
@@ -44267,6 +48461,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"telejson@npm:^7.2.0":
+  version: 7.2.0
+  resolution: "telejson@npm:7.2.0"
+  dependencies:
+    memoizerific: ^1.11.3
+  checksum: 55a3380c9ff3c5ad84581bb6bda28fc33c6b7c4a0c466894637da687639b8db0d21b0ff4c1bc1a7a92ae6b70662549d09e7b9e8b1ec334b2ef93078762ecdfb9
+  languageName: node
+  linkType: hard
+
 "temp-dir@npm:^2.0.0":
   version: 2.0.0
   resolution: "temp-dir@npm:2.0.0"
@@ -44274,6 +48477,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"temp@npm:^0.8.4":
+  version: 0.8.4
+  resolution: "temp@npm:0.8.4"
+  dependencies:
+    rimraf: ~2.6.2
+  checksum: f35bed78565355dfdf95f730b7b489728bd6b7e35071bcc6497af7c827fb6c111fbe9063afc7b8cbc19522a072c278679f9a0ee81e684aa2c8617cc0f2e9c191
+  languageName: node
+  linkType: hard
+
 "tempy@npm:^1.0.1":
   version: 1.0.1
   resolution: "tempy@npm:1.0.1"
@@ -44364,7 +48576,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"terser-webpack-plugin@npm:^5.0.3, terser-webpack-plugin@npm:^5.3.7":
+"terser-webpack-plugin@npm:^5.0.3, terser-webpack-plugin@npm:^5.3.1, terser-webpack-plugin@npm:^5.3.7":
   version: 5.3.9
   resolution: "terser-webpack-plugin@npm:5.3.9"
   dependencies:
@@ -44490,7 +48702,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"through2@npm:^2.0.0":
+"through2@npm:^2.0.0, through2@npm:^2.0.3":
   version: 2.0.5
   resolution: "through2@npm:2.0.5"
   dependencies:
@@ -44567,7 +48779,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tiny-invariant@npm:^1.1.0":
+"tiny-invariant@npm:^1.1.0, tiny-invariant@npm:^1.3.1":
   version: 1.3.1
   resolution: "tiny-invariant@npm:1.3.1"
   checksum: 872dbd1ff20a21303a2fd20ce3a15602cfa7fcf9b228bd694a52e2938224313b5385a1078cb667ed7375d1612194feaca81c4ecbe93121ca1baebe344de4f84c
@@ -44709,6 +48921,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"tocbot@npm:^4.20.1":
+  version: 4.21.1
+  resolution: "tocbot@npm:4.21.1"
+  checksum: c1cdccae0139a731ab007b7537b7cc71229beb0a7ad9b20bd277db2915808855720d256bfa76a868fbd608e8aab02d9fcc38a93a7beebd869cb7816a66acc148
+  languageName: node
+  linkType: hard
+
 "toggle-selection@npm:^1.0.6":
   version: 1.0.6
   resolution: "toggle-selection@npm:1.0.6"
@@ -45086,7 +49305,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tslib@npm:^1.8.1, tslib@npm:^1.9.0, tslib@npm:^1.9.3":
+"tslib@npm:^1.13.0, tslib@npm:^1.8.1, tslib@npm:^1.9.0, tslib@npm:^1.9.3":
   version: 1.14.1
   resolution: "tslib@npm:1.14.1"
   checksum: dbe628ef87f66691d5d2959b3e41b9ca0045c3ee3c7c7b906cc1e328b39f199bb1ad9e671c39025bd56122ac57dfbf7385a94843b1cc07c60a4db74795829acd
@@ -45194,6 +49413,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"tween-functions@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "tween-functions@npm:1.2.0"
+  checksum: 880708d680eff5c347ddcb9f922ad121703a91c78ce308ed309073e73a794b633eb0b80589a839365803f150515ad34c9646809ae8a0e90f09e62686eefb1ab6
+  languageName: node
+  linkType: hard
+
 "tweetnacl@npm:^0.14.3, tweetnacl@npm:~0.14.0":
   version: 0.14.5
   resolution: "tweetnacl@npm:0.14.5"
@@ -45282,7 +49508,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"type-fest@npm:^2.0.0, type-fest@npm:^2.12.2, type-fest@npm:^2.13.0, type-fest@npm:^2.19.0, type-fest@npm:^2.5.0":
+"type-fest@npm:^2.0.0, type-fest@npm:^2.12.2, type-fest@npm:^2.13.0, type-fest@npm:^2.19.0, type-fest@npm:^2.5.0, type-fest@npm:~2.19":
   version: 2.19.0
   resolution: "type-fest@npm:2.19.0"
   checksum: a4ef07ece297c9fba78fc1bd6d85dff4472fe043ede98bd4710d2615d15776902b595abf62bd78339ed6278f021235fb28a96361f8be86ed754f778973a0d278
@@ -45973,6 +50199,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"unplugin@npm:^1.3.1":
+  version: 1.5.0
+  resolution: "unplugin@npm:1.5.0"
+  dependencies:
+    acorn: ^8.10.0
+    chokidar: ^3.5.3
+    webpack-sources: ^3.2.3
+    webpack-virtual-modules: ^0.5.0
+  checksum: fd3675aef99098741c2f0c4a33726d88230b60962fe9ceeb665e5596eb65e540e1e2d7a6e09132d821093e3d6918296c64311f73a947a9374f1b826017d05f63
+  languageName: node
+  linkType: hard
+
 "unset-value@npm:^1.0.0":
   version: 1.0.0
   resolution: "unset-value@npm:1.0.0"
@@ -46024,6 +50262,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"update-browserslist-db@npm:^1.0.11":
+  version: 1.0.13
+  resolution: "update-browserslist-db@npm:1.0.13"
+  dependencies:
+    escalade: ^3.1.1
+    picocolors: ^1.0.0
+  peerDependencies:
+    browserslist: ">= 4.21.0"
+  bin:
+    update-browserslist-db: cli.js
+  checksum: 1e47d80182ab6e4ad35396ad8b61008ae2a1330221175d0abd37689658bdb61af9b705bfc41057fd16682474d79944fb2d86767c5ed5ae34b6276b9bed353322
+  languageName: node
+  linkType: hard
+
 "update-browserslist-db@npm:^1.0.9":
   version: 1.0.10
   resolution: "update-browserslist-db@npm:1.0.10"
@@ -46178,6 +50430,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"use-resize-observer@npm:^9.1.0":
+  version: 9.1.0
+  resolution: "use-resize-observer@npm:9.1.0"
+  dependencies:
+    "@juggle/resize-observer": ^3.3.1
+  peerDependencies:
+    react: 16.8.0 - 18
+    react-dom: 16.8.0 - 18
+  checksum: 92be0ac34a3b3cf884cd55847c90792b5b44833dc258e96d650152815ad246afe45825aa223332203004d836535a927ab74f18dc0313229e2c7c69510eddf382
+  languageName: node
+  linkType: hard
+
 "use-sidecar@npm:^1.1.2":
   version: 1.1.2
   resolution: "use-sidecar@npm:1.1.2"
@@ -46259,7 +50523,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"util@npm:^0.12.0, util@npm:^0.12.3":
+"util@npm:^0.12.0, util@npm:^0.12.3, util@npm:^0.12.4":
   version: 0.12.5
   resolution: "util@npm:0.12.5"
   dependencies:
@@ -47415,6 +51679,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"webpack-dev-middleware@npm:^6.1.1":
+  version: 6.1.1
+  resolution: "webpack-dev-middleware@npm:6.1.1"
+  dependencies:
+    colorette: ^2.0.10
+    memfs: ^3.4.12
+    mime-types: ^2.1.31
+    range-parser: ^1.2.1
+    schema-utils: ^4.0.0
+  peerDependencies:
+    webpack: ^5.0.0
+  peerDependenciesMeta:
+    webpack:
+      optional: true
+  checksum: 3bced6ef644b20f2e76df9db1c5209f4a73761d7d307fe29ae20bc00397d4f9727af2607f98794c6c7c57d5c1a48bfa12690168b08f5d46820b07aab2c63640c
+  languageName: node
+  linkType: hard
+
 "webpack-dev-server@npm:^4.11.1":
   version: 4.11.1
   resolution: "webpack-dev-server@npm:4.11.1"
@@ -47599,6 +51881,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"webpack-virtual-modules@npm:^0.5.0":
+  version: 0.5.0
+  resolution: "webpack-virtual-modules@npm:0.5.0"
+  checksum: 22b59257b55c89d11ae295b588b683ee9fdf3aeb591bc7b6f88ac1d69cb63f4fcb507666ea986866dfae161a1fa534ad6fb4e2ea91bbcd0a6d454368d7d4c64b
+  languageName: node
+  linkType: hard
+
 "webpack@npm:4":
   version: 4.46.0
   resolution: "webpack@npm:4.46.0"
@@ -47637,6 +51926,43 @@ __metadata:
   languageName: node
   linkType: hard
 
+"webpack@npm:5":
+  version: 5.88.2
+  resolution: "webpack@npm:5.88.2"
+  dependencies:
+    "@types/eslint-scope": ^3.7.3
+    "@types/estree": ^1.0.0
+    "@webassemblyjs/ast": ^1.11.5
+    "@webassemblyjs/wasm-edit": ^1.11.5
+    "@webassemblyjs/wasm-parser": ^1.11.5
+    acorn: ^8.7.1
+    acorn-import-assertions: ^1.9.0
+    browserslist: ^4.14.5
+    chrome-trace-event: ^1.0.2
+    enhanced-resolve: ^5.15.0
+    es-module-lexer: ^1.2.1
+    eslint-scope: 5.1.1
+    events: ^3.2.0
+    glob-to-regexp: ^0.4.1
+    graceful-fs: ^4.2.9
+    json-parse-even-better-errors: ^2.3.1
+    loader-runner: ^4.2.0
+    mime-types: ^2.1.27
+    neo-async: ^2.6.2
+    schema-utils: ^3.2.0
+    tapable: ^2.1.1
+    terser-webpack-plugin: ^5.3.7
+    watchpack: ^2.4.0
+    webpack-sources: ^3.2.3
+  peerDependenciesMeta:
+    webpack-cli:
+      optional: true
+  bin:
+    webpack: bin/webpack.js
+  checksum: 79476a782da31a21f6dd38fbbd06b68da93baf6a62f0d08ca99222367f3b8668f5a1f2086b7bb78e23172e31fa6df6fa7ab09b25e827866c4fc4dc2b30443ce2
+  languageName: node
+  linkType: hard
+
 "webpack@npm:5.76.0":
   version: 5.76.0
   resolution: "webpack@npm:5.76.0"
@@ -47928,6 +52254,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"which-collection@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "which-collection@npm:1.0.1"
+  dependencies:
+    is-map: ^2.0.1
+    is-set: ^2.0.1
+    is-weakmap: ^2.0.1
+    is-weakset: ^2.0.1
+  checksum: c815bbd163107ef9cb84f135e6f34453eaf4cca994e7ba85ddb0d27cea724c623fae2a473ceccfd5549c53cc65a5d82692de418166df3f858e1e5dc60818581c
+  languageName: node
+  linkType: hard
+
 "which-module@npm:^2.0.0":
   version: 2.0.0
   resolution: "which-module@npm:2.0.0"
@@ -47935,6 +52273,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"which-typed-array@npm:^1.1.11, which-typed-array@npm:^1.1.9":
+  version: 1.1.11
+  resolution: "which-typed-array@npm:1.1.11"
+  dependencies:
+    available-typed-arrays: ^1.0.5
+    call-bind: ^1.0.2
+    for-each: ^0.3.3
+    gopd: ^1.0.1
+    has-tostringtag: ^1.0.0
+  checksum: 711ffc8ef891ca6597b19539075ec3e08bb9b4c2ca1f78887e3c07a977ab91ac1421940505a197758fb5939aa9524976d0a5bbcac34d07ed6faa75cedbb17206
+  languageName: node
+  linkType: hard
+
 "which-typed-array@npm:^1.1.2":
   version: 1.1.8
   resolution: "which-typed-array@npm:1.1.8"
@@ -48131,6 +52482,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"write-file-atomic@npm:^2.3.0":
+  version: 2.4.3
+  resolution: "write-file-atomic@npm:2.4.3"
+  dependencies:
+    graceful-fs: ^4.1.11
+    imurmurhash: ^0.1.4
+    signal-exit: ^3.0.2
+  checksum: 2db81f92ae974fd87ab4a5e7932feacaca626679a7c98fcc73ad8fcea5a1950eab32fa831f79e9391ac99b562ca091ad49be37a79045bd65f595efbb8f4596ae
+  languageName: node
+  linkType: hard
+
 "write-file-atomic@npm:^3.0.0":
   version: 3.0.3
   resolution: "write-file-atomic@npm:3.0.3"
@@ -48143,7 +52505,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"write-file-atomic@npm:^4.0.1":
+"write-file-atomic@npm:^4.0.1, write-file-atomic@npm:^4.0.2":
   version: 4.0.2
   resolution: "write-file-atomic@npm:4.0.2"
   dependencies:
@@ -48212,6 +52574,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ws@npm:^6.1.0":
+  version: 6.2.2
+  resolution: "ws@npm:6.2.2"
+  dependencies:
+    async-limiter: ~1.0.0
+  checksum: aec3154ec51477c094ac2cb5946a156e17561a581fa27005cbf22c53ac57f8d4e5f791dd4bbba6a488602cb28778c8ab7df06251d590507c3c550fd8ebeee949
+  languageName: node
+  linkType: hard
+
 "ws@npm:^7.4.6":
   version: 7.5.3
   resolution: "ws@npm:7.5.3"

From f601e088b526d686db6e8c3103b2e88ef1d8593c Mon Sep 17 00:00:00 2001
From: Renan Ferreira <renan.ferreira@iohk.io>
Date: Fri, 22 Sep 2023 10:35:20 -0300
Subject: [PATCH 04/38] refactor(ui): extract insufficient funds warning
 component

---
 .../InsufficientFundsWarning.module.scss      | 23 +++++++++++++++++++
 .../InsufficientFundsWarning.tsx              | 15 ++++++++++++
 .../InsufficientFundsWarning/index.ts         |  1 +
 3 files changed, 39 insertions(+)
 create mode 100644 packages/core/src/ui/components/InsufficientFundsWarning/InsufficientFundsWarning.module.scss
 create mode 100644 packages/core/src/ui/components/InsufficientFundsWarning/InsufficientFundsWarning.tsx
 create mode 100644 packages/core/src/ui/components/InsufficientFundsWarning/index.ts

diff --git a/packages/core/src/ui/components/InsufficientFundsWarning/InsufficientFundsWarning.module.scss b/packages/core/src/ui/components/InsufficientFundsWarning/InsufficientFundsWarning.module.scss
new file mode 100644
index 0000000000..303cbebf6d
--- /dev/null
+++ b/packages/core/src/ui/components/InsufficientFundsWarning/InsufficientFundsWarning.module.scss
@@ -0,0 +1,23 @@
+@import '../../styles/theme.scss';
+@import '../../../../../common/src/ui/styles/abstracts/_typography.scss';
+
+.warningAlert {
+  flex-direction: row;
+  background: var(--lace-cream);
+  display: flex;
+  align-items: center;
+  border-radius: size_unit(2);
+  padding: size_unit(2) size_unit(3);
+  gap: size_unit(3);
+
+  svg {
+    height: size_unit(3);
+    width: size_unit(3);
+    color: var(--data-orange);
+  }
+
+  p {
+    @include text-body-semi-bold;
+    margin: 0;
+  }
+}
diff --git a/packages/core/src/ui/components/InsufficientFundsWarning/InsufficientFundsWarning.tsx b/packages/core/src/ui/components/InsufficientFundsWarning/InsufficientFundsWarning.tsx
new file mode 100644
index 0000000000..7823ca8d43
--- /dev/null
+++ b/packages/core/src/ui/components/InsufficientFundsWarning/InsufficientFundsWarning.tsx
@@ -0,0 +1,15 @@
+import React from 'react';
+import styles from './InsufficientFundsWarning.module.scss';
+import { ReactComponent as WarningIcon } from '../../assets/icons/warning-icon.component.svg';
+import Icon from '@ant-design/icons';
+
+export interface DappTransactionProps {
+  translations: string;
+}
+
+export const InsufficientFundsWarning = ({ translations }: DappTransactionProps): React.ReactElement => (
+  <div className={styles.warningAlert}>
+    <Icon component={WarningIcon} />
+    <p>{translations}</p>
+  </div>
+);
diff --git a/packages/core/src/ui/components/InsufficientFundsWarning/index.ts b/packages/core/src/ui/components/InsufficientFundsWarning/index.ts
new file mode 100644
index 0000000000..fdd126c9d8
--- /dev/null
+++ b/packages/core/src/ui/components/InsufficientFundsWarning/index.ts
@@ -0,0 +1 @@
+export * from './InsufficientFundsWarning';

From 5e3340356e7d0043dabf4efdb0aeca39595b97d9 Mon Sep 17 00:00:00 2001
From: Renan Ferreira <renan.ferreira@iohk.io>
Date: Fri, 22 Sep 2023 13:14:24 -0300
Subject: [PATCH 05/38] feat(core): add lace/ui package

---
 packages/core/.storybook/{preview.ts => preview.tsx} | 11 ++++++++++-
 packages/core/package.json                           |  1 +
 yarn.lock                                            |  1 +
 3 files changed, 12 insertions(+), 1 deletion(-)
 rename packages/core/.storybook/{preview.ts => preview.tsx} (59%)

diff --git a/packages/core/.storybook/preview.ts b/packages/core/.storybook/preview.tsx
similarity index 59%
rename from packages/core/.storybook/preview.ts
rename to packages/core/.storybook/preview.tsx
index 3f708890e3..397dbf0f0d 100644
--- a/packages/core/.storybook/preview.ts
+++ b/packages/core/.storybook/preview.tsx
@@ -1,7 +1,9 @@
+import React from 'react';
 import type { Preview } from '@storybook/react';
 import 'antd/dist/antd.css';
 import 'normalize.css';
 import './theme.scss';
+import { ThemeColorScheme, ThemeProvider } from '@lace/ui';
 
 const preview: Preview = {
   parameters: {
@@ -12,7 +14,14 @@ const preview: Preview = {
         date: /Date$/
       }
     }
-  }
+  },
+  decorators: [
+    (Story) => (
+      <ThemeProvider colorScheme={ThemeColorScheme.Light}>
+        <Story />
+      </ThemeProvider>
+    )
+  ]
 };
 
 export default preview;
diff --git a/packages/core/package.json b/packages/core/package.json
index b3875d00d2..c0fc91b079 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -41,6 +41,7 @@
   "dependencies": {
     "@ant-design/icons": "^4.7.0",
     "@lace/common": "0.1.0",
+    "@lace/ui": "^0.1.0",
     "antd": "^4.24.10",
     "axios": "0.21.4",
     "axios-cache-adapter": "2.7.3",
diff --git a/yarn.lock b/yarn.lock
index 8f26a22fdb..6e3f9966ef 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -9444,6 +9444,7 @@ __metadata:
     "@babel/preset-react": ^7.22.15
     "@babel/preset-typescript": ^7.22.15
     "@lace/common": 0.1.0
+    "@lace/ui": ^0.1.0
     "@storybook/addon-essentials": ^7.4.3
     "@storybook/addon-interactions": ^7.4.3
     "@storybook/addon-links": ^7.4.3

From b53cbd9e078f1c1a921c43c56f1c2b1e5437d6e6 Mon Sep 17 00:00:00 2001
From: Renan Ferreira <renan.ferreira@iohk.io>
Date: Fri, 22 Sep 2023 13:21:49 -0300
Subject: [PATCH 06/38] feat(core): create ConfirmDRepRegistration component

---
 packages/core/src/index.ts                    |  1 +
 .../ConfirmDRepRegistration.stories.ts        | 61 +++++++++++++++++
 .../ConfirmDRepRegistration.tsx               | 67 +++++++++++++++++++
 .../ConfirmDRepRegistration/index.ts          |  1 +
 4 files changed, 130 insertions(+)
 create mode 100644 packages/core/src/ui/components/ConfirmDRepRegistration/ConfirmDRepRegistration.stories.ts
 create mode 100644 packages/core/src/ui/components/ConfirmDRepRegistration/ConfirmDRepRegistration.tsx
 create mode 100644 packages/core/src/ui/components/ConfirmDRepRegistration/index.ts

diff --git a/packages/core/src/index.ts b/packages/core/src/index.ts
index cfa538d6bb..ea2b74779f 100644
--- a/packages/core/src/index.ts
+++ b/packages/core/src/index.ts
@@ -28,3 +28,4 @@ export * from '@ui/components/DappTransaction';
 export * from '@ui/components/Send/SendTransactionCost';
 export * from '@ui/components/MnemonicWordsAutoComplete';
 export * from '@ui/components/AddressCard';
+export * from '@ui/components/ConfirmDRepRegistration';
diff --git a/packages/core/src/ui/components/ConfirmDRepRegistration/ConfirmDRepRegistration.stories.ts b/packages/core/src/ui/components/ConfirmDRepRegistration/ConfirmDRepRegistration.stories.ts
new file mode 100644
index 0000000000..1dc9d05969
--- /dev/null
+++ b/packages/core/src/ui/components/ConfirmDRepRegistration/ConfirmDRepRegistration.stories.ts
@@ -0,0 +1,61 @@
+import type { Meta, StoryObj } from '@storybook/react';
+
+import { ConfirmDRepRegistration } from './ConfirmDRepRegistration';
+import { ComponentProps } from 'react';
+
+const meta: Meta<typeof ConfirmDRepRegistration> = {
+  title: 'ConfirmDRepRegistration',
+  component: ConfirmDRepRegistration,
+  parameters: {
+    layout: 'centered'
+  },
+  tags: ['autodocs']
+};
+
+export default meta;
+type Story = StoryObj<typeof ConfirmDRepRegistration>;
+
+const data: ComponentProps<typeof ConfirmDRepRegistration> = {
+  dappInfo: {
+    logo: 'https://cdn.mint.handle.me/favicon.png',
+    name: 'Mint',
+    url: 'https://preprod.mint.handle.me'
+  },
+  translations: {
+    labels: {
+      depositPaid: 'Deposit paid',
+      drepId: 'Drep ID',
+      hash: 'Hash',
+      url: 'URL'
+    },
+    metadata: 'Metadata',
+    insufficientFundsWarning: 'You do not have enough funds to complete the transaction'
+  },
+  metadata: {
+    depositPaid: '0.35 ADA',
+    drepId: '65ge6g54g5dd5',
+    hash: '9bba8233cdd086f0325daba465d568a88970d42536f9e71e92a80d5922ded885',
+    url: 'https://raw.githubusercontent.com/Ryun1/gov-metadata/main/governace-action/metadata.jsonldr1q99...uqvzlalu'
+  },
+  hasInsufficientFunds: false
+};
+
+export const Overview: Story = {
+  args: {
+    ...data
+  }
+};
+
+export const WithInsufficientFunds: Story = {
+  args: {
+    ...data,
+    hasInsufficientFunds: true
+  }
+};
+
+export const WithError: Story = {
+  args: {
+    ...data,
+    errorMessage: 'Something went wrong'
+  }
+};
diff --git a/packages/core/src/ui/components/ConfirmDRepRegistration/ConfirmDRepRegistration.tsx b/packages/core/src/ui/components/ConfirmDRepRegistration/ConfirmDRepRegistration.tsx
new file mode 100644
index 0000000000..2c44bad1b7
--- /dev/null
+++ b/packages/core/src/ui/components/ConfirmDRepRegistration/ConfirmDRepRegistration.tsx
@@ -0,0 +1,67 @@
+import React from 'react';
+import { Box, Text, TransactionSummary } from '@lace/ui';
+import { DappInfo, DappInfoProps } from '../DappInfo';
+import { InsufficientFundsWarning } from '../InsufficientFundsWarning';
+import { ErrorPane } from '@lace/common';
+interface Props {
+  dappInfo: Omit<DappInfoProps, 'className'>;
+  errorMessage?: string;
+  translations: {
+    labels: {
+      url: string;
+      hash: string;
+      drepId: string;
+      depositPaid: string;
+    };
+    insufficientFundsWarning: string;
+    metadata: string;
+  };
+  hasInsufficientFunds: boolean;
+  metadata: {
+    url: string;
+    hash: string;
+    drepId: string;
+    depositPaid: string;
+  };
+}
+
+export const ConfirmDRepRegistration = ({
+  dappInfo,
+  hasInsufficientFunds,
+  errorMessage,
+  translations,
+  metadata
+}: Props): JSX.Element => (
+  <Box
+    h="$fill"
+    style={{
+      maxWidth: '360px'
+    }}
+  >
+    <Box mb={'$28'} mt={'$32'}>
+      <DappInfo {...dappInfo} />
+    </Box>
+    {hasInsufficientFunds && (
+      <Box mb={'$24'}>
+        <InsufficientFundsWarning translations={translations.insufficientFundsWarning} />
+      </Box>
+    )}
+    {errorMessage && (
+      <Box my={'$16'}>
+        <ErrorPane error={errorMessage} />
+      </Box>
+    )}
+    <Box mb={'$24'}>
+      <Text.Body.Large data-testid="section-title" weight="$bold">
+        {translations.metadata}
+      </Text.Body.Large>
+    </Box>
+    <TransactionSummary.Address label={translations.labels.url} address={metadata.url} />
+    <Box mb={'$24'} />
+    <TransactionSummary.Address label={translations.labels.hash} address={metadata.hash} />
+    <Box mb={'$24'} />
+    <TransactionSummary.Address label={translations.labels.drepId} address={metadata.drepId} />
+    <Box mb={'$24'} />
+    <TransactionSummary.Address label={translations.labels.depositPaid} address={metadata.depositPaid} />
+  </Box>
+);
diff --git a/packages/core/src/ui/components/ConfirmDRepRegistration/index.ts b/packages/core/src/ui/components/ConfirmDRepRegistration/index.ts
new file mode 100644
index 0000000000..cf5bded0ee
--- /dev/null
+++ b/packages/core/src/ui/components/ConfirmDRepRegistration/index.ts
@@ -0,0 +1 @@
+export { ConfirmDRepRegistration } from './ConfirmDRepRegistration';

From ae715d3f8e2e662c9900e5098793e611e9bd23e4 Mon Sep 17 00:00:00 2001
From: Renan Ferreira <renan.ferreira@iohk.io>
Date: Fri, 22 Sep 2023 13:31:27 -0300
Subject: [PATCH 07/38] feat(extension): install @lace/ui

---
 apps/browser-extension-wallet/package.json      |  1 +
 .../src/dapp-connector.tsx                      |  5 ++++-
 .../src/providers/UIThemeProvider/context.tsx   | 17 +++++++++++++++++
 .../src/providers/UIThemeProvider/index.ts      |  1 +
 yarn.lock                                       |  1 +
 5 files changed, 24 insertions(+), 1 deletion(-)
 create mode 100644 apps/browser-extension-wallet/src/providers/UIThemeProvider/context.tsx
 create mode 100644 apps/browser-extension-wallet/src/providers/UIThemeProvider/index.ts

diff --git a/apps/browser-extension-wallet/package.json b/apps/browser-extension-wallet/package.json
index d025c8d483..29c9e2a507 100644
--- a/apps/browser-extension-wallet/package.json
+++ b/apps/browser-extension-wallet/package.json
@@ -54,6 +54,7 @@
     "@lace/common": "0.1.0",
     "@lace/core": "0.1.0",
     "@lace/staking": "0.1.0",
+    "@lace/ui": "^0.1.0",
     "@react-rxjs/core": "^0.9.8",
     "@react-rxjs/utils": "^0.9.5",
     "@vespaiach/axios-fetch-adapter": "^0.3.0",
diff --git a/apps/browser-extension-wallet/src/dapp-connector.tsx b/apps/browser-extension-wallet/src/dapp-connector.tsx
index 79e8ea42fa..d8a474b82a 100644
--- a/apps/browser-extension-wallet/src/dapp-connector.tsx
+++ b/apps/browser-extension-wallet/src/dapp-connector.tsx
@@ -14,6 +14,7 @@ import {
 } from '@providers';
 import { HashRouter } from 'react-router-dom';
 import { ThemeProvider } from '@providers/ThemeProvider';
+import { UIThemeProvider } from '@providers/UIThemeProvider';
 import { BackgroundServiceAPIProvider } from '@providers/BackgroundServiceAPI';
 import { APP_MODE_POPUP } from './utils/constants';
 import { PostHogClientProvider } from '@providers/PostHogClientProvider';
@@ -32,7 +33,9 @@ const App = (): React.ReactElement => (
                     <ExperimentsProvider>
                       <AnalyticsProvider>
                         <ThemeProvider>
-                          <DappConnectorView />
+                          <UIThemeProvider>
+                            <DappConnectorView />
+                          </UIThemeProvider>
                         </ThemeProvider>
                       </AnalyticsProvider>
                     </ExperimentsProvider>
diff --git a/apps/browser-extension-wallet/src/providers/UIThemeProvider/context.tsx b/apps/browser-extension-wallet/src/providers/UIThemeProvider/context.tsx
new file mode 100644
index 0000000000..b5a0cdff17
--- /dev/null
+++ b/apps/browser-extension-wallet/src/providers/UIThemeProvider/context.tsx
@@ -0,0 +1,17 @@
+import React from 'react';
+import { ThemeColorScheme, ThemeProvider } from '@lace/ui';
+
+import { useTheme } from '@providers/ThemeProvider';
+
+interface Props {
+  children: React.ReactNode;
+}
+
+export const UIThemeProvider = ({ children }: Props): React.ReactElement => {
+  const { theme } = useTheme();
+  return (
+    <ThemeProvider colorScheme={theme.name === 'light' ? ThemeColorScheme.Light : ThemeColorScheme.Dark}>
+      {children}
+    </ThemeProvider>
+  );
+};
diff --git a/apps/browser-extension-wallet/src/providers/UIThemeProvider/index.ts b/apps/browser-extension-wallet/src/providers/UIThemeProvider/index.ts
new file mode 100644
index 0000000000..c38e8e8215
--- /dev/null
+++ b/apps/browser-extension-wallet/src/providers/UIThemeProvider/index.ts
@@ -0,0 +1 @@
+export * from './context';
diff --git a/yarn.lock b/yarn.lock
index 6e3f9966ef..645f803492 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -9321,6 +9321,7 @@ __metadata:
     "@lace/common": 0.1.0
     "@lace/core": 0.1.0
     "@lace/staking": 0.1.0
+    "@lace/ui": ^0.1.0
     "@react-rxjs/core": ^0.9.8
     "@react-rxjs/utils": ^0.9.5
     "@types/dotenv-webpack": 7.0.3

From 0ebcec6e9ab7a5753bb5bc6faa4777215bc836a3 Mon Sep 17 00:00:00 2001
From: Lucas Araujo <lucas.araujo@iohk.io>
Date: Thu, 21 Sep 2023 09:32:38 -0300
Subject: [PATCH 08/38] refactor: move functions to utils

---
 .../ConfirmTransaction.tsx                    |  8 +--
 .../components/confirm-transaction/hooks.ts   | 56 ++++---------------
 .../components/confirm-transaction/utils.ts   | 38 +++++++++++++
 3 files changed, 52 insertions(+), 50 deletions(-)

diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransaction.tsx b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransaction.tsx
index 3643fa9aaa..c78d7f32ac 100644
--- a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransaction.tsx
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransaction.tsx
@@ -16,7 +16,7 @@ import { DAPP_CHANNELS } from '@src/utils/constants';
 import { runtime } from 'webextension-polyfill';
 import { Skeleton } from 'antd';
 import { TokenInfo } from '@src/utils/get-assets-information';
-import { useCancelTx, useCreateAssetList, useSignTxData, useSignWithHardwareWallet, useTxSummary } from './hooks';
+import { useCreateAssetList, useDisallowSignTx, useSignTxData, useSignWithHardwareWallet, useTxSummary } from './hooks';
 
 const dappDataApi = consumeRemoteApi<Pick<DappDataService, 'getSignTxData'>>(
   {
@@ -50,8 +50,8 @@ export const ConfirmTransaction = withAddressBookContext((): React.ReactElement
     () => keyAgentType !== Wallet.KeyManagement.KeyAgentType.InMemory,
     [keyAgentType]
   );
-  const cancelTransaction = useCancelTx();
-  const { isConfirmingTx, signWithHardwareWallet } = useSignWithHardwareWallet(cancelTransaction);
+  const disallowSignTx = useDisallowSignTx();
+  const { isConfirmingTx, signWithHardwareWallet } = useSignWithHardwareWallet();
   const createAssetList = useCreateAssetList({ outputs, assets, assetProvider });
   const { txSummary, hasInsufficientFunds } = useTxSummary({
     addressList,
@@ -101,7 +101,7 @@ export const ConfirmTransaction = withAddressBookContext((): React.ReactElement
         <Button
           color="secondary"
           data-testid="dapp-transaction-cancel"
-          onClick={() => cancelTransaction(true)}
+          onClick={() => disallowSignTx(true)}
           className={styles.actionBtn}
         >
           {t('dapp.confirm.btn.cancel')}
diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/hooks.ts b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/hooks.ts
index ea8069db55..52e51608bc 100644
--- a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/hooks.ts
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/hooks.ts
@@ -1,22 +1,15 @@
 import { AssetProvider } from '@cardano-sdk/core';
-import { RemoteApiPropertyType, exposeApi } from '@cardano-sdk/web-extension';
 import { useRedirection } from '@hooks';
 import { Wallet } from '@lace/cardano';
-import { UserPromptService } from '@lib/scripts/background/services';
 import { DappDataService } from '@lib/scripts/types';
 import { dAppRoutePaths } from '@routes';
 import { CardanoTxOut, WalletInfo } from '@src/types';
-import { DAPP_CHANNELS } from '@src/utils/constants';
 import { TokenInfo, getAssetsInformation } from '@src/utils/get-assets-information';
 import { useCallback, useEffect, useMemo, useState } from 'react';
-import { of } from 'rxjs';
-import { runtime } from 'webextension-polyfill';
 import * as HardwareLedger from '@cardano-sdk/hardware-ledger';
-import { getTransactionAssetsId, getTxType } from './utils';
+import { allowSignTx, disallowSignTx, getTransactionAssetsId, getTxType } from './utils';
 import { AddressListType } from '@src/views/browser-view/features/activity';
 
-const DAPP_TOAST_DURATION = 50;
-
 export const useCreateAssetList = ({
   assets,
   outputs,
@@ -82,55 +75,26 @@ export const useSignTxData = (getSignTxData: GetSignTxData): { signTxData?: Sign
   return { signTxData, errorMessage };
 };
 
-export const useCancelTx = (): ((close?: boolean) => void) =>
-  useCallback((close = false) => {
-    exposeApi<Pick<UserPromptService, 'allowSignTx'>>(
-      {
-        api$: of({
-          async allowSignTx(): Promise<boolean> {
-            return Promise.reject();
-          }
-        }),
-        baseChannel: DAPP_CHANNELS.userPrompt,
-        properties: { allowSignTx: RemoteApiPropertyType.MethodReturningPromise }
-      },
-      { logger: console, runtime }
-    );
-    close && setTimeout(() => window.close(), DAPP_TOAST_DURATION);
-  }, []);
+export const useDisallowSignTx = (): ((close?: boolean) => void) => useCallback(disallowSignTx, []);
+
+export const useAllowSignTx = (): (() => void) => useCallback(allowSignTx, []);
 
-export const useSignWithHardwareWallet = (
-  cancelTransaction: (close?: boolean) => void
-): {
+export const useSignWithHardwareWallet = (): {
   signWithHardwareWallet: () => Promise<void>;
   isConfirmingTx: boolean;
 } => {
+  const allow = useAllowSignTx();
+  const disallow = useDisallowSignTx();
   const redirectToSignFailure = useRedirection(dAppRoutePaths.dappTxSignFailure);
   const [isConfirmingTx, setIsConfirmingTx] = useState<boolean>();
   const signWithHardwareWallet = async () => {
     setIsConfirmingTx(true);
     try {
-      HardwareLedger.LedgerKeyAgent.establishDeviceConnection(Wallet.KeyManagement.CommunicationType.Web)
-        .then(() => {
-          exposeApi<Pick<UserPromptService, 'allowSignTx'>>(
-            {
-              api$: of({
-                async allowSignTx(): Promise<boolean> {
-                  return Promise.resolve(true);
-                }
-              }),
-              baseChannel: DAPP_CHANNELS.userPrompt,
-              properties: { allowSignTx: RemoteApiPropertyType.MethodReturningPromise }
-            },
-            { logger: console, runtime }
-          );
-        })
-        .catch((error) => {
-          throw error;
-        });
+      await HardwareLedger.LedgerKeyAgent.establishDeviceConnection(Wallet.KeyManagement.CommunicationType.Web);
+      allow();
     } catch (error) {
       console.error('error', error);
-      cancelTransaction(false);
+      disallow(false);
       redirectToSignFailure();
     }
   };
diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/utils.ts b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/utils.ts
index 755e3dd6f1..874bce81ce 100644
--- a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/utils.ts
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/utils.ts
@@ -1,6 +1,44 @@
 import { Wallet } from '@lace/cardano';
 import { assetsBurnedInspector, assetsMintedInspector, createTxInspector } from '@cardano-sdk/core';
 import { CardanoTxOut } from '@src/types';
+import { RemoteApiPropertyType, exposeApi } from '@cardano-sdk/web-extension';
+import { UserPromptService } from '@lib/scripts/background/services';
+import { DAPP_CHANNELS } from '@src/utils/constants';
+import { runtime } from 'webextension-polyfill';
+import { of } from 'rxjs';
+
+const DAPP_TOAST_DURATION = 50;
+
+export const disallowSignTx = (close = false): void => {
+  exposeApi<Pick<UserPromptService, 'allowSignTx'>>(
+    {
+      api$: of({
+        async allowSignTx(): Promise<boolean> {
+          return Promise.reject();
+        }
+      }),
+      baseChannel: DAPP_CHANNELS.userPrompt,
+      properties: { allowSignTx: RemoteApiPropertyType.MethodReturningPromise }
+    },
+    { logger: console, runtime }
+  );
+  close && setTimeout(() => window.close(), DAPP_TOAST_DURATION);
+};
+
+export const allowSignTx = (): void => {
+  exposeApi<Pick<UserPromptService, 'allowSignTx'>>(
+    {
+      api$: of({
+        async allowSignTx(): Promise<boolean> {
+          return Promise.resolve(true);
+        }
+      }),
+      baseChannel: DAPP_CHANNELS.userPrompt,
+      properties: { allowSignTx: RemoteApiPropertyType.MethodReturningPromise }
+    },
+    { logger: console, runtime }
+  );
+};
 
 export const getTransactionAssetsId = (outputs: CardanoTxOut[]): Wallet.Cardano.AssetId[] => {
   const assetIds: Wallet.Cardano.AssetId[] = [];

From 99e7403862e0f07716c82fb5efced48354ddd429 Mon Sep 17 00:00:00 2001
From: Lucas Araujo <lucas.araujo@iohk.io>
Date: Thu, 21 Sep 2023 21:54:44 -0300
Subject: [PATCH 09/38] fix: type

---
 .../src/features/dapp/components/confirm-transaction/hooks.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/hooks.ts b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/hooks.ts
index 52e51608bc..e043477f31 100644
--- a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/hooks.ts
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/hooks.ts
@@ -85,7 +85,7 @@ export const useSignWithHardwareWallet = (): {
 } => {
   const allow = useAllowSignTx();
   const disallow = useDisallowSignTx();
-  const redirectToSignFailure = useRedirection(dAppRoutePaths.dappTxSignFailure);
+  const redirectToSignFailure = useRedirection<Record<string, never>>(dAppRoutePaths.dappTxSignFailure);
   const [isConfirmingTx, setIsConfirmingTx] = useState<boolean>();
   const signWithHardwareWallet = async () => {
     setIsConfirmingTx(true);
@@ -95,7 +95,7 @@ export const useSignWithHardwareWallet = (): {
     } catch (error) {
       console.error('error', error);
       disallow(false);
-      redirectToSignFailure();
+      redirectToSignFailure({});
     }
   };
 

From c1d131c2a77970565d775dd35f9577da15e9b27e Mon Sep 17 00:00:00 2001
From: Lucas Araujo <lucas.araujo@iohk.io>
Date: Thu, 21 Sep 2023 21:55:26 -0300
Subject: [PATCH 10/38] refactor: types file

---
 .../features/dapp/components/confirm-transaction/hooks.ts   | 6 +-----
 .../features/dapp/components/confirm-transaction/types.ts   | 5 +++++
 2 files changed, 6 insertions(+), 5 deletions(-)
 create mode 100644 apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/types.ts

diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/hooks.ts b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/hooks.ts
index e043477f31..50ab8477aa 100644
--- a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/hooks.ts
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/hooks.ts
@@ -1,7 +1,6 @@
 import { AssetProvider } from '@cardano-sdk/core';
 import { useRedirection } from '@hooks';
 import { Wallet } from '@lace/cardano';
-import { DappDataService } from '@lib/scripts/types';
 import { dAppRoutePaths } from '@routes';
 import { CardanoTxOut, WalletInfo } from '@src/types';
 import { TokenInfo, getAssetsInformation } from '@src/utils/get-assets-information';
@@ -9,6 +8,7 @@ import { useCallback, useEffect, useMemo, useState } from 'react';
 import * as HardwareLedger from '@cardano-sdk/hardware-ledger';
 import { allowSignTx, disallowSignTx, getTransactionAssetsId, getTxType } from './utils';
 import { AddressListType } from '@src/views/browser-view/features/activity';
+import { GetSignTxData, SignTxData } from './types';
 
 export const useCreateAssetList = ({
   assets,
@@ -53,10 +53,6 @@ export const useCreateAssetList = ({
     [assets, assetsInfo]
   );
 };
-
-type GetSignTxData = DappDataService['getSignTxData'];
-type SignTxData = { dappInfo: Wallet.DappInfo; tx: Wallet.Cardano.Tx };
-
 export const useSignTxData = (getSignTxData: GetSignTxData): { signTxData?: SignTxData; errorMessage?: string } => {
   const [signTxData, setSignTxData] = useState<{ dappInfo: Wallet.DappInfo; tx: Wallet.Cardano.Tx }>();
   const [errorMessage, setErrorMessage] = useState<string | undefined>();
diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/types.ts b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/types.ts
new file mode 100644
index 0000000000..b6c1da3998
--- /dev/null
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/types.ts
@@ -0,0 +1,5 @@
+import { Wallet } from '@lace/cardano';
+import { DappDataService } from '@lib/scripts/types';
+
+export type GetSignTxData = DappDataService['getSignTxData'];
+export type SignTxData = { dappInfo: Wallet.DappInfo; tx: Wallet.Cardano.Tx };

From 64f8f59395eaddce2740202faddfa011c99ecbc5 Mon Sep 17 00:00:00 2001
From: Lucas Araujo <lucas.araujo@iohk.io>
Date: Thu, 21 Sep 2023 22:02:29 -0300
Subject: [PATCH 11/38] feat: check for DRep transaction

---
 .../ConfirmTransaction.tsx                    | 80 ++++++-------------
 .../DRepRegistrationContainer.tsx             | 11 +++
 .../confirm-transaction/SendContainer.tsx     | 72 +++++++++++++++++
 3 files changed, 109 insertions(+), 54 deletions(-)
 create mode 100644 apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/DRepRegistrationContainer.tsx
 create mode 100644 apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/SendContainer.tsx

diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransaction.tsx b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransaction.tsx
index c78d7f32ac..fd10e7f77b 100644
--- a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransaction.tsx
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransaction.tsx
@@ -1,22 +1,20 @@
-import React, { useMemo } from 'react';
-import { Button, useObservable } from '@lace/common';
+import React, { useState } from 'react';
+import { Button } from '@lace/common';
 import { useTranslation } from 'react-i18next';
-import { DappTransaction } from '@lace/core';
 import { Layout } from '../Layout';
 import { useViewsFlowContext } from '@providers/ViewFlowProvider';
 import { sectionTitle, DAPP_VIEWS } from '../../config';
 import styles from './ConfirmTransaction.module.scss';
 import { Wallet } from '@lace/cardano';
-import { useAddressBookContext, withAddressBookContext } from '@src/features/address-book/context';
 import { useWalletStore } from '@stores';
-import { AddressListType } from '@views/browser/features/activity';
+import { useDisallowSignTx, useSignWithHardwareWallet, useSignTxData } from './hooks';
 import { consumeRemoteApi, RemoteApiPropertyType } from '@cardano-sdk/web-extension';
 import { DappDataService } from '@lib/scripts/types';
 import { DAPP_CHANNELS } from '@src/utils/constants';
 import { runtime } from 'webextension-polyfill';
 import { Skeleton } from 'antd';
-import { TokenInfo } from '@src/utils/get-assets-information';
-import { useCreateAssetList, useDisallowSignTx, useSignTxData, useSignWithHardwareWallet, useTxSummary } from './hooks';
+import { DRepRegistrationContent } from './DRepRegistrationContainer';
+import { SendContent } from './SendContainer';
 
 const dappDataApi = consumeRemoteApi<Pick<DappDataService, 'getSignTxData'>>(
   {
@@ -28,68 +26,42 @@ const dappDataApi = consumeRemoteApi<Pick<DappDataService, 'getSignTxData'>>(
   { logger: console, runtime }
 );
 
-export const ConfirmTransaction = withAddressBookContext((): React.ReactElement => {
+export const ConfirmTransaction = (): React.ReactElement => {
   const {
     utils: { setNextView }
   } = useViewsFlowContext();
   const { t } = useTranslation();
-  const {
-    walletInfo,
-    inMemoryWallet,
-    getKeyAgentType,
-    blockchainProvider: { assetProvider }
-  } = useWalletStore();
-  const { list: addressList } = useAddressBookContext() as { list: AddressListType[] };
+  const { getKeyAgentType } = useWalletStore();
   const { signTxData, errorMessage } = useSignTxData(dappDataApi.getSignTxData);
-  const tx = signTxData?.tx;
-  const outputs = tx?.body?.outputs;
-  const assets = useObservable<TokenInfo | null>(inMemoryWallet.assetInfo$);
-  const availableBalance = useObservable(inMemoryWallet.balance.utxo.available$);
+
   const keyAgentType = getKeyAgentType();
-  const isUsingHardwareWallet = useMemo(
-    () => keyAgentType !== Wallet.KeyManagement.KeyAgentType.InMemory,
-    [keyAgentType]
-  );
+  const isUsingHardwareWallet = keyAgentType !== Wallet.KeyManagement.KeyAgentType.InMemory;
   const disallowSignTx = useDisallowSignTx();
   const { isConfirmingTx, signWithHardwareWallet } = useSignWithHardwareWallet();
-  const createAssetList = useCreateAssetList({ outputs, assets, assetProvider });
-  const { txSummary, hasInsufficientFunds } = useTxSummary({
-    addressList,
-    createAssetList,
-    availableBalance,
-    tx,
-    walletInfo
-  });
-
-  const translations = {
-    transaction: t('core.dappTransaction.transaction'),
-    amount: t('core.dappTransaction.amount'),
-    recipient: t('core.dappTransaction.recipient'),
-    fee: t('core.dappTransaction.fee'),
-    insufficientFunds: t('core.dappTransaction.insufficientFunds'),
-    adaFollowingNumericValue: t('general.adaFollowingNumericValue')
-  };
-  window.addEventListener('beforeunload', cancelTransaction);
+  const [isConfirmBtnDisabled, setConfirmBtnDisabled] = useState(true);
+  const isDRepRegistration = false; // signTxData?.tx.body.certificates.some(
+  //  ({ __typename }) => __typename === Wallet.Cardano.CertificateType.RegisterDelegateRepresentative
+  // );
 
   return (
     <Layout pageClassname={styles.spaceBetween} title={t(sectionTitle[DAPP_VIEWS.CONFIRM_TX])}>
-      {tx && txSummary ? (
-        <DappTransaction
-          transaction={txSummary}
-          dappInfo={signTxData?.dappInfo}
-          errorMessage={errorMessage}
-          translations={translations}
-          hasInsufficientFunds={hasInsufficientFunds}
-        />
-      ) : (
-        <Skeleton loading />
-      )}
+      {!signTxData && <Skeleton loading />}
+      {signTxData &&
+        (isDRepRegistration ? (
+          <DRepRegistrationContent signTxData={signTxData} />
+        ) : (
+          <SendContent
+            signTxData={signTxData}
+            errorMessage={errorMessage}
+            disableConfirmationBtn={setConfirmBtnDisabled}
+          />
+        ))}
       <div className={styles.actions}>
         <Button
           onClick={async () => {
             isUsingHardwareWallet ? signWithHardwareWallet() : setNextView();
           }}
-          disabled={!!errorMessage || hasInsufficientFunds}
+          disabled={isConfirmBtnDisabled}
           loading={isUsingHardwareWallet && isConfirmingTx}
           data-testid="dapp-transaction-confirm"
           className={styles.actionBtn}
@@ -109,4 +81,4 @@ export const ConfirmTransaction = withAddressBookContext((): React.ReactElement
       </div>
     </Layout>
   );
-});
+};
diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/DRepRegistrationContainer.tsx b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/DRepRegistrationContainer.tsx
new file mode 100644
index 0000000000..74f38a9c84
--- /dev/null
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/DRepRegistrationContainer.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+// import { useTranslation } from 'react-i18next';
+import { Skeleton } from 'antd';
+import { SignTxData } from './types';
+
+export const DRepRegistrationContent = ({ signTxData }: { signTxData: SignTxData }): React.ReactElement => {
+  // const { t } = useTranslation();
+  const tx = signTxData?.tx;
+
+  return <>{tx ? <></> : <Skeleton loading />}</>;
+};
diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/SendContainer.tsx b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/SendContainer.tsx
new file mode 100644
index 0000000000..e693d69e2b
--- /dev/null
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/SendContainer.tsx
@@ -0,0 +1,72 @@
+import React, { useEffect } from 'react';
+import { useObservable } from '@lace/common';
+import { useTranslation } from 'react-i18next';
+import { DappTransaction } from '@lace/core';
+import { useAddressBookContext, withAddressBookContext } from '@src/features/address-book/context';
+import { useWalletStore } from '@stores';
+import { AddressListType } from '@views/browser/features/activity';
+import { Skeleton } from 'antd';
+import { TokenInfo } from '@src/utils/get-assets-information';
+import { useCreateAssetList, useTxSummary } from './hooks';
+import { SignTxData } from './types';
+
+export const SendContent = withAddressBookContext(
+  ({
+    signTxData,
+    errorMessage,
+    disableConfirmationBtn
+  }: {
+    signTxData: SignTxData;
+    disableConfirmationBtn: (disable: boolean) => void;
+    errorMessage?: string;
+  }): React.ReactElement => {
+    const { t } = useTranslation();
+    const {
+      walletInfo,
+      inMemoryWallet,
+      blockchainProvider: { assetProvider }
+    } = useWalletStore();
+    const { list: addressList } = useAddressBookContext() as { list: AddressListType[] };
+    const tx = signTxData.tx;
+    const outputs = tx.body.outputs;
+    const assets = useObservable<TokenInfo | null>(inMemoryWallet.assetInfo$);
+    const availableBalance = useObservable(inMemoryWallet.balance.utxo.available$);
+    const createAssetList = useCreateAssetList({ outputs, assets, assetProvider });
+    const { txSummary, hasInsufficientFunds } = useTxSummary({
+      addressList,
+      createAssetList,
+      availableBalance,
+      tx,
+      walletInfo
+    });
+
+    useEffect(() => {
+      disableConfirmationBtn(hasInsufficientFunds);
+    }, [disableConfirmationBtn, hasInsufficientFunds]);
+
+    const translations = {
+      transaction: t('core.dappTransaction.transaction'),
+      amount: t('core.dappTransaction.amount'),
+      recipient: t('core.dappTransaction.recipient'),
+      fee: t('core.dappTransaction.fee'),
+      insufficientFunds: t('core.dappTransaction.insufficientFunds'),
+      adaFollowingNumericValue: t('general.adaFollowingNumericValue')
+    };
+
+    return (
+      <>
+        {txSummary ? (
+          <DappTransaction
+            transaction={txSummary}
+            dappInfo={signTxData?.dappInfo}
+            errorMessage={errorMessage}
+            translations={translations}
+            hasInsufficientFunds={hasInsufficientFunds}
+          />
+        ) : (
+          <Skeleton loading />
+        )}
+      </>
+    );
+  }
+);

From 15a66e443c701fd3311a33fb0edebceb3f46e76b Mon Sep 17 00:00:00 2001
From: Lucas Araujo <lucas.araujo@iohk.io>
Date: Mon, 25 Sep 2023 11:48:17 -0300
Subject: [PATCH 12/38] feat: integrate confirm drep registration component

---
 .../ConfirmTransaction.tsx                    | 86 +++++++++++++++----
 .../DRepRegistrationContainer.tsx             | 11 ---
 .../confirm-transaction/SendContainer.tsx     | 72 ----------------
 .../src/lib/translations/en.json              |  9 ++
 4 files changed, 76 insertions(+), 102 deletions(-)
 delete mode 100644 apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/DRepRegistrationContainer.tsx
 delete mode 100644 apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/SendContainer.tsx

diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransaction.tsx b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransaction.tsx
index fd10e7f77b..35faeb0aaa 100644
--- a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransaction.tsx
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransaction.tsx
@@ -1,5 +1,5 @@
-import React, { useState } from 'react';
-import { Button } from '@lace/common';
+import React from 'react';
+import { Button, useObservable } from '@lace/common';
 import { useTranslation } from 'react-i18next';
 import { Layout } from '../Layout';
 import { useViewsFlowContext } from '@providers/ViewFlowProvider';
@@ -7,14 +7,16 @@ import { sectionTitle, DAPP_VIEWS } from '../../config';
 import styles from './ConfirmTransaction.module.scss';
 import { Wallet } from '@lace/cardano';
 import { useWalletStore } from '@stores';
-import { useDisallowSignTx, useSignWithHardwareWallet, useSignTxData } from './hooks';
+import { useDisallowSignTx, useSignWithHardwareWallet, useSignTxData, useCreateAssetList, useTxSummary } from './hooks';
 import { consumeRemoteApi, RemoteApiPropertyType } from '@cardano-sdk/web-extension';
 import { DappDataService } from '@lib/scripts/types';
 import { DAPP_CHANNELS } from '@src/utils/constants';
 import { runtime } from 'webextension-polyfill';
 import { Skeleton } from 'antd';
-import { DRepRegistrationContent } from './DRepRegistrationContainer';
-import { SendContent } from './SendContainer';
+import { ConfirmDRepRegistration, DappTransaction } from '@lace/core';
+import { TokenInfo } from '@src/utils/get-assets-information';
+import { useAddressBookContext, withAddressBookContext } from '@src/features/address-book/context';
+import { AddressListType } from '@src/views/browser-view/features/activity';
 
 const dappDataApi = consumeRemoteApi<Pick<DappDataService, 'getSignTxData'>>(
   {
@@ -26,34 +28,80 @@ const dappDataApi = consumeRemoteApi<Pick<DappDataService, 'getSignTxData'>>(
   { logger: console, runtime }
 );
 
-export const ConfirmTransaction = (): React.ReactElement => {
+export const ConfirmTransaction = withAddressBookContext((): React.ReactElement => {
+  const { t } = useTranslation();
   const {
     utils: { setNextView }
   } = useViewsFlowContext();
-  const { t } = useTranslation();
-  const { getKeyAgentType } = useWalletStore();
+  const {
+    walletInfo,
+    inMemoryWallet,
+    blockchainProvider: { assetProvider },
+    getKeyAgentType
+  } = useWalletStore();
+  const { list: addressList } = useAddressBookContext() as { list: AddressListType[] };
   const { signTxData, errorMessage } = useSignTxData(dappDataApi.getSignTxData);
-
+  const tx = signTxData?.tx;
+  const outputs = tx?.body.outputs;
+  const assets = useObservable<TokenInfo | null>(inMemoryWallet.assetInfo$);
+  const availableBalance = useObservable(inMemoryWallet.balance.utxo.available$);
+  const createAssetList = useCreateAssetList({ outputs, assets, assetProvider });
   const keyAgentType = getKeyAgentType();
   const isUsingHardwareWallet = keyAgentType !== Wallet.KeyManagement.KeyAgentType.InMemory;
   const disallowSignTx = useDisallowSignTx();
   const { isConfirmingTx, signWithHardwareWallet } = useSignWithHardwareWallet();
-  const [isConfirmBtnDisabled, setConfirmBtnDisabled] = useState(true);
-  const isDRepRegistration = false; // signTxData?.tx.body.certificates.some(
+  const { txSummary, hasInsufficientFunds } = useTxSummary({
+    addressList,
+    createAssetList,
+    availableBalance,
+    tx,
+    walletInfo
+  });
+  const isLoading = !signTxData || !txSummary;
+  const isDRepRegistration = true; // tx?.body.certificates.some(
   //  ({ __typename }) => __typename === Wallet.Cardano.CertificateType.RegisterDelegateRepresentative
   // );
 
   return (
     <Layout pageClassname={styles.spaceBetween} title={t(sectionTitle[DAPP_VIEWS.CONFIRM_TX])}>
-      {!signTxData && <Skeleton loading />}
-      {signTxData &&
+      {isLoading && <Skeleton loading />}
+      {!isLoading &&
         (isDRepRegistration ? (
-          <DRepRegistrationContent signTxData={signTxData} />
+          <ConfirmDRepRegistration
+            dappInfo={signTxData.dappInfo}
+            hasInsufficientFunds={hasInsufficientFunds}
+            metadata={{
+              depositPaid: 'depositPaid',
+              drepId: 'drepId',
+              hash: 'hash',
+              url: 'url'
+            }}
+            translations={{
+              insufficientFundsWarning: t('core.drepRegistration.insufficientFunds'),
+              metadata: t('core.drepRegistration.metadata'),
+              labels: {
+                depositPaid: t('core.drepRegistration.depositPaid'),
+                drepId: t('core.drepRegistration.drepId'),
+                hash: t('core.drepRegistration.hash'),
+                url: t('core.drepRegistration.url')
+              }
+            }}
+            errorMessage={errorMessage}
+          />
         ) : (
-          <SendContent
-            signTxData={signTxData}
+          <DappTransaction
+            transaction={txSummary}
+            dappInfo={signTxData?.dappInfo}
             errorMessage={errorMessage}
-            disableConfirmationBtn={setConfirmBtnDisabled}
+            hasInsufficientFunds={hasInsufficientFunds}
+            translations={{
+              transaction: t('core.dappTransaction.transaction'),
+              amount: t('core.dappTransaction.amount'),
+              recipient: t('core.dappTransaction.recipient'),
+              fee: t('core.dappTransaction.fee'),
+              insufficientFunds: t('core.dappTransaction.insufficientFunds'),
+              adaFollowingNumericValue: t('general.adaFollowingNumericValue')
+            }}
           />
         ))}
       <div className={styles.actions}>
@@ -61,7 +109,7 @@ export const ConfirmTransaction = (): React.ReactElement => {
           onClick={async () => {
             isUsingHardwareWallet ? signWithHardwareWallet() : setNextView();
           }}
-          disabled={isConfirmBtnDisabled}
+          disabled={!!errorMessage || hasInsufficientFunds}
           loading={isUsingHardwareWallet && isConfirmingTx}
           data-testid="dapp-transaction-confirm"
           className={styles.actionBtn}
@@ -81,4 +129,4 @@ export const ConfirmTransaction = (): React.ReactElement => {
       </div>
     </Layout>
   );
-};
+});
diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/DRepRegistrationContainer.tsx b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/DRepRegistrationContainer.tsx
deleted file mode 100644
index 74f38a9c84..0000000000
--- a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/DRepRegistrationContainer.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-// import { useTranslation } from 'react-i18next';
-import { Skeleton } from 'antd';
-import { SignTxData } from './types';
-
-export const DRepRegistrationContent = ({ signTxData }: { signTxData: SignTxData }): React.ReactElement => {
-  // const { t } = useTranslation();
-  const tx = signTxData?.tx;
-
-  return <>{tx ? <></> : <Skeleton loading />}</>;
-};
diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/SendContainer.tsx b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/SendContainer.tsx
deleted file mode 100644
index e693d69e2b..0000000000
--- a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/SendContainer.tsx
+++ /dev/null
@@ -1,72 +0,0 @@
-import React, { useEffect } from 'react';
-import { useObservable } from '@lace/common';
-import { useTranslation } from 'react-i18next';
-import { DappTransaction } from '@lace/core';
-import { useAddressBookContext, withAddressBookContext } from '@src/features/address-book/context';
-import { useWalletStore } from '@stores';
-import { AddressListType } from '@views/browser/features/activity';
-import { Skeleton } from 'antd';
-import { TokenInfo } from '@src/utils/get-assets-information';
-import { useCreateAssetList, useTxSummary } from './hooks';
-import { SignTxData } from './types';
-
-export const SendContent = withAddressBookContext(
-  ({
-    signTxData,
-    errorMessage,
-    disableConfirmationBtn
-  }: {
-    signTxData: SignTxData;
-    disableConfirmationBtn: (disable: boolean) => void;
-    errorMessage?: string;
-  }): React.ReactElement => {
-    const { t } = useTranslation();
-    const {
-      walletInfo,
-      inMemoryWallet,
-      blockchainProvider: { assetProvider }
-    } = useWalletStore();
-    const { list: addressList } = useAddressBookContext() as { list: AddressListType[] };
-    const tx = signTxData.tx;
-    const outputs = tx.body.outputs;
-    const assets = useObservable<TokenInfo | null>(inMemoryWallet.assetInfo$);
-    const availableBalance = useObservable(inMemoryWallet.balance.utxo.available$);
-    const createAssetList = useCreateAssetList({ outputs, assets, assetProvider });
-    const { txSummary, hasInsufficientFunds } = useTxSummary({
-      addressList,
-      createAssetList,
-      availableBalance,
-      tx,
-      walletInfo
-    });
-
-    useEffect(() => {
-      disableConfirmationBtn(hasInsufficientFunds);
-    }, [disableConfirmationBtn, hasInsufficientFunds]);
-
-    const translations = {
-      transaction: t('core.dappTransaction.transaction'),
-      amount: t('core.dappTransaction.amount'),
-      recipient: t('core.dappTransaction.recipient'),
-      fee: t('core.dappTransaction.fee'),
-      insufficientFunds: t('core.dappTransaction.insufficientFunds'),
-      adaFollowingNumericValue: t('general.adaFollowingNumericValue')
-    };
-
-    return (
-      <>
-        {txSummary ? (
-          <DappTransaction
-            transaction={txSummary}
-            dappInfo={signTxData?.dappInfo}
-            errorMessage={errorMessage}
-            translations={translations}
-            hasInsufficientFunds={hasInsufficientFunds}
-          />
-        ) : (
-          <Skeleton loading />
-        )}
-      </>
-    );
-  }
-);
diff --git a/apps/browser-extension-wallet/src/lib/translations/en.json b/apps/browser-extension-wallet/src/lib/translations/en.json
index 4c090b45f5..5ee1b2594a 100644
--- a/apps/browser-extension-wallet/src/lib/translations/en.json
+++ b/apps/browser-extension-wallet/src/lib/translations/en.json
@@ -1105,6 +1105,15 @@
       "tryingToUseAssetNotInWallet": "This DApp is trying to use token not held in your wallet.",
       "noCollateral": "Wallet should not be able to sign dapp txs without collateral."
     },
+    "drepRegistration": {
+      "title": "Confirm DRep registration",
+      "metadata": "Metadata",
+      "url": "URL",
+      "hash": "Hash",
+      "drepId": "Drep ID",
+      "depositPaid": "Deposit Paid",
+      "insufficientFunds": "You do not have enough funds to complete the transaction"
+    },
     "destinationAddressInput": {
       "recipientAddress": "Recipient's address or $handle"
     },

From 389d5897b6af8f60ada22f1c61116a7ab29eec8c Mon Sep 17 00:00:00 2001
From: Renan Ferreira <renan.ferreira@iohk.io>
Date: Mon, 25 Sep 2023 13:52:30 -0300
Subject: [PATCH 13/38] refactor(core): use Metadata component

---
 .../ConfirmDRepRegistration/ConfirmDRepRegistration.tsx       | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/packages/core/src/ui/components/ConfirmDRepRegistration/ConfirmDRepRegistration.tsx b/packages/core/src/ui/components/ConfirmDRepRegistration/ConfirmDRepRegistration.tsx
index 2c44bad1b7..8291e9a710 100644
--- a/packages/core/src/ui/components/ConfirmDRepRegistration/ConfirmDRepRegistration.tsx
+++ b/packages/core/src/ui/components/ConfirmDRepRegistration/ConfirmDRepRegistration.tsx
@@ -52,9 +52,7 @@ export const ConfirmDRepRegistration = ({
       </Box>
     )}
     <Box mb={'$24'}>
-      <Text.Body.Large data-testid="section-title" weight="$bold">
-        {translations.metadata}
-      </Text.Body.Large>
+      <TransactionSummary.Metadata label={translations.metadata} text="" />
     </Box>
     <TransactionSummary.Address label={translations.labels.url} address={metadata.url} />
     <Box mb={'$24'} />

From 839f46b3004e5be62183326b9f10ab5758689218 Mon Sep 17 00:00:00 2001
From: Renan Ferreira <renan.ferreira@iohk.io>
Date: Mon, 25 Sep 2023 15:05:00 -0300
Subject: [PATCH 14/38] refactor(core): use flexbox

---
 .../ConfirmDRepRegistration.tsx               | 38 ++++++++++---------
 1 file changed, 20 insertions(+), 18 deletions(-)

diff --git a/packages/core/src/ui/components/ConfirmDRepRegistration/ConfirmDRepRegistration.tsx b/packages/core/src/ui/components/ConfirmDRepRegistration/ConfirmDRepRegistration.tsx
index 8291e9a710..086831ab45 100644
--- a/packages/core/src/ui/components/ConfirmDRepRegistration/ConfirmDRepRegistration.tsx
+++ b/packages/core/src/ui/components/ConfirmDRepRegistration/ConfirmDRepRegistration.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Box, Text, TransactionSummary } from '@lace/ui';
+import { Box, Cell, Grid, TransactionSummary, Flex } from '@lace/ui';
 import { DappInfo, DappInfoProps } from '../DappInfo';
 import { InsufficientFundsWarning } from '../InsufficientFundsWarning';
 import { ErrorPane } from '@lace/common';
@@ -32,12 +32,7 @@ export const ConfirmDRepRegistration = ({
   translations,
   metadata
 }: Props): JSX.Element => (
-  <Box
-    h="$fill"
-    style={{
-      maxWidth: '360px'
-    }}
-  >
+  <Flex h="$fill" flexDirection="column">
     <Box mb={'$28'} mt={'$32'}>
       <DappInfo {...dappInfo} />
     </Box>
@@ -51,15 +46,22 @@ export const ConfirmDRepRegistration = ({
         <ErrorPane error={errorMessage} />
       </Box>
     )}
-    <Box mb={'$24'}>
-      <TransactionSummary.Metadata label={translations.metadata} text="" />
-    </Box>
-    <TransactionSummary.Address label={translations.labels.url} address={metadata.url} />
-    <Box mb={'$24'} />
-    <TransactionSummary.Address label={translations.labels.hash} address={metadata.hash} />
-    <Box mb={'$24'} />
-    <TransactionSummary.Address label={translations.labels.drepId} address={metadata.drepId} />
-    <Box mb={'$24'} />
-    <TransactionSummary.Address label={translations.labels.depositPaid} address={metadata.depositPaid} />
-  </Box>
+    <Grid columns="$1" gutters="$0">
+      <Cell>
+        <TransactionSummary.Metadata label={translations.metadata} text="" />
+      </Cell>
+      <Cell>
+        <TransactionSummary.Address label={translations.labels.url} address={metadata.url} />
+      </Cell>
+      <Cell>
+        <TransactionSummary.Address label={translations.labels.hash} address={metadata.hash} />
+      </Cell>
+      <Cell>
+        <TransactionSummary.Address label={translations.labels.drepId} address={metadata.drepId} />
+      </Cell>
+      <Cell>
+        <TransactionSummary.Address label={translations.labels.depositPaid} address={metadata.depositPaid} />
+      </Cell>
+    </Grid>
+  </Flex>
 );

From 463f73e090c5300555873832695f3ed0978f595b Mon Sep 17 00:00:00 2001
From: Renan Ferreira <renan.ferreira@iohk.io>
Date: Tue, 26 Sep 2023 13:28:59 -0300
Subject: [PATCH 15/38] refactor(core): remove insufficient funds message

---
 .../ConfirmDRepRegistration.stories.ts           | 14 ++------------
 .../ConfirmDRepRegistration.tsx                  | 16 +---------------
 2 files changed, 3 insertions(+), 27 deletions(-)

diff --git a/packages/core/src/ui/components/ConfirmDRepRegistration/ConfirmDRepRegistration.stories.ts b/packages/core/src/ui/components/ConfirmDRepRegistration/ConfirmDRepRegistration.stories.ts
index 1dc9d05969..6d4d3d120f 100644
--- a/packages/core/src/ui/components/ConfirmDRepRegistration/ConfirmDRepRegistration.stories.ts
+++ b/packages/core/src/ui/components/ConfirmDRepRegistration/ConfirmDRepRegistration.stories.ts
@@ -28,16 +28,14 @@ const data: ComponentProps<typeof ConfirmDRepRegistration> = {
       hash: 'Hash',
       url: 'URL'
     },
-    metadata: 'Metadata',
-    insufficientFundsWarning: 'You do not have enough funds to complete the transaction'
+    metadata: 'Metadata'
   },
   metadata: {
     depositPaid: '0.35 ADA',
     drepId: '65ge6g54g5dd5',
     hash: '9bba8233cdd086f0325daba465d568a88970d42536f9e71e92a80d5922ded885',
     url: 'https://raw.githubusercontent.com/Ryun1/gov-metadata/main/governace-action/metadata.jsonldr1q99...uqvzlalu'
-  },
-  hasInsufficientFunds: false
+  }
 };
 
 export const Overview: Story = {
@@ -45,14 +43,6 @@ export const Overview: Story = {
     ...data
   }
 };
-
-export const WithInsufficientFunds: Story = {
-  args: {
-    ...data,
-    hasInsufficientFunds: true
-  }
-};
-
 export const WithError: Story = {
   args: {
     ...data,
diff --git a/packages/core/src/ui/components/ConfirmDRepRegistration/ConfirmDRepRegistration.tsx b/packages/core/src/ui/components/ConfirmDRepRegistration/ConfirmDRepRegistration.tsx
index 086831ab45..3a8b31aa64 100644
--- a/packages/core/src/ui/components/ConfirmDRepRegistration/ConfirmDRepRegistration.tsx
+++ b/packages/core/src/ui/components/ConfirmDRepRegistration/ConfirmDRepRegistration.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import { Box, Cell, Grid, TransactionSummary, Flex } from '@lace/ui';
 import { DappInfo, DappInfoProps } from '../DappInfo';
-import { InsufficientFundsWarning } from '../InsufficientFundsWarning';
 import { ErrorPane } from '@lace/common';
 interface Props {
   dappInfo: Omit<DappInfoProps, 'className'>;
@@ -13,10 +12,8 @@ interface Props {
       drepId: string;
       depositPaid: string;
     };
-    insufficientFundsWarning: string;
     metadata: string;
   };
-  hasInsufficientFunds: boolean;
   metadata: {
     url: string;
     hash: string;
@@ -25,22 +22,11 @@ interface Props {
   };
 }
 
-export const ConfirmDRepRegistration = ({
-  dappInfo,
-  hasInsufficientFunds,
-  errorMessage,
-  translations,
-  metadata
-}: Props): JSX.Element => (
+export const ConfirmDRepRegistration = ({ dappInfo, errorMessage, translations, metadata }: Props): JSX.Element => (
   <Flex h="$fill" flexDirection="column">
     <Box mb={'$28'} mt={'$32'}>
       <DappInfo {...dappInfo} />
     </Box>
-    {hasInsufficientFunds && (
-      <Box mb={'$24'}>
-        <InsufficientFundsWarning translations={translations.insufficientFundsWarning} />
-      </Box>
-    )}
     {errorMessage && (
       <Box my={'$16'}>
         <ErrorPane error={errorMessage} />

From 0de8546a5e7139b7753abeb7903d58e3dc975c58 Mon Sep 17 00:00:00 2001
From: Renan Ferreira <renan.ferreira@iohk.io>
Date: Tue, 26 Sep 2023 13:34:33 -0300
Subject: [PATCH 16/38] refactor(core): create ConfirmDRepRetirement

---
 packages/core/src/index.ts                    |  1 +
 .../ConfirmDRepRetirement.stories.ts          | 47 +++++++++++++++++++
 .../ConfirmDRepRetirement.tsx                 | 44 +++++++++++++++++
 .../components/ConfirmDRepRetirement/index.ts |  1 +
 4 files changed, 93 insertions(+)
 create mode 100644 packages/core/src/ui/components/ConfirmDRepRetirement/ConfirmDRepRetirement.stories.ts
 create mode 100644 packages/core/src/ui/components/ConfirmDRepRetirement/ConfirmDRepRetirement.tsx
 create mode 100644 packages/core/src/ui/components/ConfirmDRepRetirement/index.ts

diff --git a/packages/core/src/index.ts b/packages/core/src/index.ts
index ea2b74779f..bfab885eb9 100644
--- a/packages/core/src/index.ts
+++ b/packages/core/src/index.ts
@@ -29,3 +29,4 @@ export * from '@ui/components/Send/SendTransactionCost';
 export * from '@ui/components/MnemonicWordsAutoComplete';
 export * from '@ui/components/AddressCard';
 export * from '@ui/components/ConfirmDRepRegistration';
+export * from '@ui/components/ConfirmDRepRetirement';
diff --git a/packages/core/src/ui/components/ConfirmDRepRetirement/ConfirmDRepRetirement.stories.ts b/packages/core/src/ui/components/ConfirmDRepRetirement/ConfirmDRepRetirement.stories.ts
new file mode 100644
index 0000000000..0fbdfc3633
--- /dev/null
+++ b/packages/core/src/ui/components/ConfirmDRepRetirement/ConfirmDRepRetirement.stories.ts
@@ -0,0 +1,47 @@
+import type { Meta, StoryObj } from '@storybook/react';
+
+import { ConfirmDRepRetirement } from './ConfirmDRepRetirement';
+import { ComponentProps } from 'react';
+
+const meta: Meta<typeof ConfirmDRepRetirement> = {
+  title: 'ConfirmDRepRetirement',
+  component: ConfirmDRepRetirement,
+  parameters: {
+    layout: 'centered'
+  },
+  tags: ['autodocs']
+};
+
+export default meta;
+type Story = StoryObj<typeof ConfirmDRepRetirement>;
+
+const data: ComponentProps<typeof ConfirmDRepRetirement> = {
+  dappInfo: {
+    logo: 'https://cdn.mint.handle.me/favicon.png',
+    name: 'Mint',
+    url: 'https://preprod.mint.handle.me'
+  },
+  translations: {
+    labels: {
+      depositReturned: 'Deposit paid',
+      drepId: 'Drep ID'
+    },
+    metadata: 'Metadata'
+  },
+  metadata: {
+    depositReturned: '0.35 ADA',
+    drepId: '65ge6g54g5dd5'
+  }
+};
+
+export const Overview: Story = {
+  args: {
+    ...data
+  }
+};
+export const WithError: Story = {
+  args: {
+    ...data,
+    errorMessage: 'Something went wrong'
+  }
+};
diff --git a/packages/core/src/ui/components/ConfirmDRepRetirement/ConfirmDRepRetirement.tsx b/packages/core/src/ui/components/ConfirmDRepRetirement/ConfirmDRepRetirement.tsx
new file mode 100644
index 0000000000..b658e268e6
--- /dev/null
+++ b/packages/core/src/ui/components/ConfirmDRepRetirement/ConfirmDRepRetirement.tsx
@@ -0,0 +1,44 @@
+import React from 'react';
+import { Box, Cell, Grid, TransactionSummary, Flex } from '@lace/ui';
+import { DappInfo, DappInfoProps } from '../DappInfo';
+import { ErrorPane } from '@lace/common';
+
+interface Props {
+  dappInfo: Omit<DappInfoProps, 'className'>;
+  errorMessage?: string;
+  translations: {
+    labels: {
+      drepId: string;
+      depositReturned: string;
+    };
+    metadata: string;
+  };
+  metadata: {
+    drepId: string;
+    depositReturned: string;
+  };
+}
+
+export const ConfirmDRepRetirement = ({ dappInfo, errorMessage, translations, metadata }: Props): JSX.Element => (
+  <Flex h="$fill" flexDirection="column">
+    <Box mb={'$28'} mt={'$32'}>
+      <DappInfo {...dappInfo} />
+    </Box>
+    {errorMessage && (
+      <Box my={'$16'}>
+        <ErrorPane error={errorMessage} />
+      </Box>
+    )}
+    <Grid columns="$1" gutters="$0">
+      <Cell>
+        <TransactionSummary.Metadata label={translations.metadata} text="" />
+      </Cell>
+      <Cell>
+        <TransactionSummary.Address label={translations.labels.drepId} address={metadata.drepId} />
+      </Cell>
+      <Cell>
+        <TransactionSummary.Address label={translations.labels.depositReturned} address={metadata.depositReturned} />
+      </Cell>
+    </Grid>
+  </Flex>
+);
diff --git a/packages/core/src/ui/components/ConfirmDRepRetirement/index.ts b/packages/core/src/ui/components/ConfirmDRepRetirement/index.ts
new file mode 100644
index 0000000000..cb0e8d0d15
--- /dev/null
+++ b/packages/core/src/ui/components/ConfirmDRepRetirement/index.ts
@@ -0,0 +1 @@
+export { ConfirmDRepRetirement } from './ConfirmDRepRetirement';

From a8da5c30c453f0fc727aaa5808966be65490754c Mon Sep 17 00:00:00 2001
From: Lucas Araujo <lucas.araujo@iohk.io>
Date: Tue, 26 Sep 2023 14:49:04 -0300
Subject: [PATCH 17/38] refactor: remove insufficient funds warning; break down
 main component

---
 .../ConfirmDRepRegistrationContainer.tsx      | 36 +++++++++
 .../ConfirmTransaction.tsx                    | 81 +++----------------
 .../DappTransactionContainer.tsx              | 60 ++++++++++++++
 .../components/confirm-transaction/hooks.ts   | 17 +---
 .../components/confirm-transaction/utils.ts   |  5 ++
 .../src/lib/translations/en.json              |  3 +-
 6 files changed, 118 insertions(+), 84 deletions(-)
 create mode 100644 apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRegistrationContainer.tsx
 create mode 100644 apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/DappTransactionContainer.tsx

diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRegistrationContainer.tsx b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRegistrationContainer.tsx
new file mode 100644
index 0000000000..b8618c71d6
--- /dev/null
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRegistrationContainer.tsx
@@ -0,0 +1,36 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { ConfirmDRepRegistration } from '@lace/core';
+import { SignTxData } from './types';
+
+interface Props {
+  signTxData: SignTxData;
+  errorMessage?: string;
+}
+
+export const ConfirmDRepRegistrationContainer = ({ signTxData, errorMessage }: Props): React.ReactElement => {
+  const { t } = useTranslation();
+  const tx = signTxData?.tx;
+
+  return (
+    <ConfirmDRepRegistration
+      dappInfo={signTxData.dappInfo}
+      metadata={{
+        depositPaid: 'depositPaid',
+        drepId: 'drepId',
+        hash: 'hash',
+        url: 'url'
+      }}
+      translations={{
+        metadata: t('core.drepRegistration.metadata'),
+        labels: {
+          depositPaid: t('core.drepRegistration.depositPaid'),
+          drepId: t('core.drepRegistration.drepId'),
+          hash: t('core.drepRegistration.hash'),
+          url: t('core.drepRegistration.url')
+        }
+      }}
+      errorMessage={errorMessage}
+    />
+  );
+};
diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransaction.tsx b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransaction.tsx
index 35faeb0aaa..146262c16f 100644
--- a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransaction.tsx
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransaction.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Button, useObservable } from '@lace/common';
+import { Button } from '@lace/common';
 import { useTranslation } from 'react-i18next';
 import { Layout } from '../Layout';
 import { useViewsFlowContext } from '@providers/ViewFlowProvider';
@@ -7,16 +7,15 @@ import { sectionTitle, DAPP_VIEWS } from '../../config';
 import styles from './ConfirmTransaction.module.scss';
 import { Wallet } from '@lace/cardano';
 import { useWalletStore } from '@stores';
-import { useDisallowSignTx, useSignWithHardwareWallet, useSignTxData, useCreateAssetList, useTxSummary } from './hooks';
+import { useDisallowSignTx, useSignWithHardwareWallet, useSignTxData } from './hooks';
 import { consumeRemoteApi, RemoteApiPropertyType } from '@cardano-sdk/web-extension';
 import { DappDataService } from '@lib/scripts/types';
 import { DAPP_CHANNELS } from '@src/utils/constants';
 import { runtime } from 'webextension-polyfill';
 import { Skeleton } from 'antd';
-import { ConfirmDRepRegistration, DappTransaction } from '@lace/core';
-import { TokenInfo } from '@src/utils/get-assets-information';
-import { useAddressBookContext, withAddressBookContext } from '@src/features/address-book/context';
-import { AddressListType } from '@src/views/browser-view/features/activity';
+import { ConfirmDRepRegistrationContainer } from './ConfirmDRepRegistrationContainer';
+import { DappTransactionContainer } from './DappTransactionContainer';
+import { isDRepRegistration } from './utils';
 
 const dappDataApi = consumeRemoteApi<Pick<DappDataService, 'getSignTxData'>>(
   {
@@ -28,88 +27,34 @@ const dappDataApi = consumeRemoteApi<Pick<DappDataService, 'getSignTxData'>>(
   { logger: console, runtime }
 );
 
-export const ConfirmTransaction = withAddressBookContext((): React.ReactElement => {
+export const ConfirmTransaction = (): React.ReactElement => {
   const { t } = useTranslation();
   const {
     utils: { setNextView }
   } = useViewsFlowContext();
-  const {
-    walletInfo,
-    inMemoryWallet,
-    blockchainProvider: { assetProvider },
-    getKeyAgentType
-  } = useWalletStore();
-  const { list: addressList } = useAddressBookContext() as { list: AddressListType[] };
+  const { getKeyAgentType } = useWalletStore();
   const { signTxData, errorMessage } = useSignTxData(dappDataApi.getSignTxData);
-  const tx = signTxData?.tx;
-  const outputs = tx?.body.outputs;
-  const assets = useObservable<TokenInfo | null>(inMemoryWallet.assetInfo$);
-  const availableBalance = useObservable(inMemoryWallet.balance.utxo.available$);
-  const createAssetList = useCreateAssetList({ outputs, assets, assetProvider });
   const keyAgentType = getKeyAgentType();
   const isUsingHardwareWallet = keyAgentType !== Wallet.KeyManagement.KeyAgentType.InMemory;
   const disallowSignTx = useDisallowSignTx();
   const { isConfirmingTx, signWithHardwareWallet } = useSignWithHardwareWallet();
-  const { txSummary, hasInsufficientFunds } = useTxSummary({
-    addressList,
-    createAssetList,
-    availableBalance,
-    tx,
-    walletInfo
-  });
-  const isLoading = !signTxData || !txSummary;
-  const isDRepRegistration = true; // tx?.body.certificates.some(
-  //  ({ __typename }) => __typename === Wallet.Cardano.CertificateType.RegisterDelegateRepresentative
-  // );
+  const isLoading = !signTxData;
 
   return (
     <Layout pageClassname={styles.spaceBetween} title={t(sectionTitle[DAPP_VIEWS.CONFIRM_TX])}>
       {isLoading && <Skeleton loading />}
       {!isLoading &&
-        (isDRepRegistration ? (
-          <ConfirmDRepRegistration
-            dappInfo={signTxData.dappInfo}
-            hasInsufficientFunds={hasInsufficientFunds}
-            metadata={{
-              depositPaid: 'depositPaid',
-              drepId: 'drepId',
-              hash: 'hash',
-              url: 'url'
-            }}
-            translations={{
-              insufficientFundsWarning: t('core.drepRegistration.insufficientFunds'),
-              metadata: t('core.drepRegistration.metadata'),
-              labels: {
-                depositPaid: t('core.drepRegistration.depositPaid'),
-                drepId: t('core.drepRegistration.drepId'),
-                hash: t('core.drepRegistration.hash'),
-                url: t('core.drepRegistration.url')
-              }
-            }}
-            errorMessage={errorMessage}
-          />
+        (isDRepRegistration(signTxData.tx) ? (
+          <ConfirmDRepRegistrationContainer signTxData={signTxData} errorMessage={errorMessage} />
         ) : (
-          <DappTransaction
-            transaction={txSummary}
-            dappInfo={signTxData?.dappInfo}
-            errorMessage={errorMessage}
-            hasInsufficientFunds={hasInsufficientFunds}
-            translations={{
-              transaction: t('core.dappTransaction.transaction'),
-              amount: t('core.dappTransaction.amount'),
-              recipient: t('core.dappTransaction.recipient'),
-              fee: t('core.dappTransaction.fee'),
-              insufficientFunds: t('core.dappTransaction.insufficientFunds'),
-              adaFollowingNumericValue: t('general.adaFollowingNumericValue')
-            }}
-          />
+          <DappTransactionContainer signTxData={signTxData} errorMessage={errorMessage} />
         ))}
       <div className={styles.actions}>
         <Button
           onClick={async () => {
             isUsingHardwareWallet ? signWithHardwareWallet() : setNextView();
           }}
-          disabled={!!errorMessage || hasInsufficientFunds}
+          disabled={!!errorMessage}
           loading={isUsingHardwareWallet && isConfirmingTx}
           data-testid="dapp-transaction-confirm"
           className={styles.actionBtn}
@@ -129,4 +74,4 @@ export const ConfirmTransaction = withAddressBookContext((): React.ReactElement
       </div>
     </Layout>
   );
-});
+};
diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/DappTransactionContainer.tsx b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/DappTransactionContainer.tsx
new file mode 100644
index 0000000000..f2e3417fd8
--- /dev/null
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/DappTransactionContainer.tsx
@@ -0,0 +1,60 @@
+import React from 'react';
+import { useObservable } from '@lace/common';
+import { useTranslation } from 'react-i18next';
+import { useWalletStore } from '@stores';
+import { useCreateAssetList, useTxSummary } from './hooks';
+import { Skeleton } from 'antd';
+import { DappTransaction } from '@lace/core';
+import { TokenInfo } from '@src/utils/get-assets-information';
+import { useAddressBookContext, withAddressBookContext } from '@src/features/address-book/context';
+import { AddressListType } from '@src/views/browser-view/features/activity';
+import { SignTxData } from './types';
+
+interface Props {
+  signTxData: SignTxData;
+  errorMessage?: string;
+}
+
+export const DappTransactionContainer = withAddressBookContext(
+  ({ signTxData, errorMessage }: Props): React.ReactElement => {
+    const { t } = useTranslation();
+    const {
+      walletInfo,
+      inMemoryWallet,
+      blockchainProvider: { assetProvider }
+    } = useWalletStore();
+    const { list: addressList } = useAddressBookContext() as { list: AddressListType[] };
+    const assets = useObservable<TokenInfo | null>(inMemoryWallet.assetInfo$);
+    const createAssetList = useCreateAssetList({
+      outputs: signTxData.tx.body.outputs,
+      assets,
+      assetProvider
+    });
+    const txSummary = useTxSummary({
+      addressList,
+      createAssetList,
+      tx: signTxData.tx,
+      walletInfo
+    });
+
+    if (!txSummary) {
+      return <Skeleton />;
+    }
+
+    return (
+      <DappTransaction
+        transaction={txSummary}
+        dappInfo={signTxData?.dappInfo}
+        errorMessage={errorMessage}
+        translations={{
+          transaction: t('core.dappTransaction.transaction'),
+          amount: t('core.dappTransaction.amount'),
+          recipient: t('core.dappTransaction.recipient'),
+          fee: t('core.dappTransaction.fee'),
+          insufficientFunds: t('core.dappTransaction.insufficientFunds'),
+          adaFollowingNumericValue: t('general.adaFollowingNumericValue')
+        }}
+      />
+    );
+  }
+);
diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/hooks.ts b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/hooks.ts
index 50ab8477aa..713c2fea43 100644
--- a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/hooks.ts
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/hooks.ts
@@ -101,18 +101,15 @@ export const useSignWithHardwareWallet = (): {
 export const useTxSummary = ({
   tx,
   addressList,
-  availableBalance,
   walletInfo,
   createAssetList
 }: {
   addressList: AddressListType[];
-  availableBalance: Wallet.Cardano.Value;
   walletInfo: WalletInfo;
   tx: Wallet.Cardano.Tx;
   createAssetList: (txAssets: Wallet.Cardano.TokenMap) => Wallet.Cip30SignTxAssetItem[];
-}): { txSummary?: Wallet.Cip30SignTxSummary; hasInsufficientFunds: boolean } => {
-  const [hasInsufficientFunds, setInsufficientFunds] = useState(false);
-  const txSummary = useMemo((): Wallet.Cip30SignTxSummary | undefined => {
+}): Wallet.Cip30SignTxSummary | undefined =>
+  useMemo((): Wallet.Cip30SignTxSummary | undefined => {
     if (!tx) return undefined;
     const txType = getTxType(tx);
 
@@ -126,16 +123,11 @@ export const useTxSummary = ({
       }
       return true;
     });
-    let totalCoins = BigInt(0);
 
     // eslint-disable-next-line unicorn/no-array-reduce
     const txSummaryOutputs: Wallet.Cip30SignTxSummary['outputs'] = externalOutputs.reduce((acc, txOut) => {
       // Don't show withdrawl tx's etc
       if (txOut.address.toString() === walletInfo.addresses[0].address.toString()) return acc;
-      totalCoins += txOut.value.coins;
-      if (totalCoins >= availableBalance?.coins) {
-        setInsufficientFunds(true);
-      }
 
       return [
         ...acc,
@@ -153,7 +145,4 @@ export const useTxSummary = ({
       outputs: txSummaryOutputs,
       type: txType
     };
-  }, [tx, availableBalance, walletInfo.addresses, createAssetList, addressList]);
-
-  return { txSummary, hasInsufficientFunds };
-};
+  }, [tx, walletInfo.addresses, createAssetList, addressList]);
diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/utils.ts b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/utils.ts
index 874bce81ce..d336ba41f6 100644
--- a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/utils.ts
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/utils.ts
@@ -73,3 +73,8 @@ export const getTxType = (tx: Wallet.Cardano.Tx): 'Send' | 'Mint' | 'Burn' => {
 
   return 'Send';
 };
+
+export const isDRepRegistration = (tx: Wallet.Cardano.Tx | undefined): boolean =>
+  tx?.body.certificates.some(
+    ({ __typename }) => __typename === Wallet.Cardano.CertificateType.RegisterDelegateRepresentative
+  );
diff --git a/apps/browser-extension-wallet/src/lib/translations/en.json b/apps/browser-extension-wallet/src/lib/translations/en.json
index 5ee1b2594a..603e9103c1 100644
--- a/apps/browser-extension-wallet/src/lib/translations/en.json
+++ b/apps/browser-extension-wallet/src/lib/translations/en.json
@@ -1111,8 +1111,7 @@
       "url": "URL",
       "hash": "Hash",
       "drepId": "Drep ID",
-      "depositPaid": "Deposit Paid",
-      "insufficientFunds": "You do not have enough funds to complete the transaction"
+      "depositPaid": "Deposit Paid"
     },
     "destinationAddressInput": {
       "recipientAddress": "Recipient's address or $handle"

From 752a66928c194aba72199ef782144a79fbc108c8 Mon Sep 17 00:00:00 2001
From: Lucas Araujo <lucas.araujo@iohk.io>
Date: Wed, 27 Sep 2023 13:40:04 -0300
Subject: [PATCH 18/38] feat: add certificate data

---
 .../ConfirmDRepRegistrationContainer.tsx           | 11 ++++++-----
 .../dapp/components/confirm-transaction/utils.ts   | 14 +++++++++++---
 2 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRegistrationContainer.tsx b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRegistrationContainer.tsx
index b8618c71d6..88116cdf27 100644
--- a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRegistrationContainer.tsx
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRegistrationContainer.tsx
@@ -2,6 +2,7 @@ import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { ConfirmDRepRegistration } from '@lace/core';
 import { SignTxData } from './types';
+import { getDRepCertificate } from './utils';
 
 interface Props {
   signTxData: SignTxData;
@@ -10,16 +11,16 @@ interface Props {
 
 export const ConfirmDRepRegistrationContainer = ({ signTxData, errorMessage }: Props): React.ReactElement => {
   const { t } = useTranslation();
-  const tx = signTxData?.tx;
+  const certificate = getDRepCertificate(signTxData.tx);
 
   return (
     <ConfirmDRepRegistration
       dappInfo={signTxData.dappInfo}
       metadata={{
-        depositPaid: 'depositPaid',
-        drepId: 'drepId',
-        hash: 'hash',
-        url: 'url'
+        depositPaid: certificate.deposit.toString(),
+        drepId: certificate.dRepCredential.hash,
+        hash: certificate.anchor.dataHash,
+        url: certificate.anchor.url
       }}
       translations={{
         metadata: t('core.drepRegistration.metadata'),
diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/utils.ts b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/utils.ts
index d336ba41f6..9d64a22ddf 100644
--- a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/utils.ts
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/utils.ts
@@ -74,7 +74,15 @@ export const getTxType = (tx: Wallet.Cardano.Tx): 'Send' | 'Mint' | 'Burn' => {
   return 'Send';
 };
 
+const isDRepRegistrationCertificate = (type: Wallet.Cardano.CertificateType) =>
+  type === Wallet.Cardano.CertificateType.RegisterDelegateRepresentative;
+
+export const getDRepCertificate = (
+  tx: Wallet.Cardano.Tx
+): Wallet.Cardano.RegisterDelegateRepresentativeCertificate | undefined =>
+  tx?.body.certificates.find(({ __typename }) => isDRepRegistrationCertificate(__typename)) as
+    | Wallet.Cardano.RegisterDelegateRepresentativeCertificate
+    | undefined;
+
 export const isDRepRegistration = (tx: Wallet.Cardano.Tx | undefined): boolean =>
-  tx?.body.certificates.some(
-    ({ __typename }) => __typename === Wallet.Cardano.CertificateType.RegisterDelegateRepresentative
-  );
+  tx?.body.certificates.some(({ __typename }) => isDRepRegistrationCertificate(__typename));

From 466653bc1868d6c9f22b713c9d8290664a7d5516 Mon Sep 17 00:00:00 2001
From: Lucas Araujo <lucas.araujo@iohk.io>
Date: Thu, 28 Sep 2023 09:54:38 -0300
Subject: [PATCH 19/38] feat: add drep retirement container

---
 .../ConfirmDRepRegistrationContainer.tsx      |  7 +-
 .../ConfirmDRepRetirementContainer.tsx        | 34 ++++++++
 .../ConfirmTransaction.tsx                    | 20 ++---
 .../ConfirmTransactionContent.tsx             | 27 +++++++
 .../components/confirm-transaction/hooks.ts   |  4 +-
 .../components/confirm-transaction/utils.ts   | 77 ++++++++++++++-----
 .../src/lib/translations/en.json              |  6 ++
 7 files changed, 138 insertions(+), 37 deletions(-)
 create mode 100644 apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRetirementContainer.tsx
 create mode 100644 apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransactionContent.tsx

diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRegistrationContainer.tsx b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRegistrationContainer.tsx
index 88116cdf27..285cfce8c9 100644
--- a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRegistrationContainer.tsx
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRegistrationContainer.tsx
@@ -2,7 +2,8 @@ import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { ConfirmDRepRegistration } from '@lace/core';
 import { SignTxData } from './types';
-import { getDRepCertificate } from './utils';
+import { dRepRegistrationInspector } from './utils';
+import { Wallet } from '@lace/cardano';
 
 interface Props {
   signTxData: SignTxData;
@@ -11,13 +12,13 @@ interface Props {
 
 export const ConfirmDRepRegistrationContainer = ({ signTxData, errorMessage }: Props): React.ReactElement => {
   const { t } = useTranslation();
-  const certificate = getDRepCertificate(signTxData.tx);
+  const certificate = dRepRegistrationInspector(signTxData.tx);
 
   return (
     <ConfirmDRepRegistration
       dappInfo={signTxData.dappInfo}
       metadata={{
-        depositPaid: certificate.deposit.toString(),
+        depositPaid: Wallet.util.lovelacesToAdaString(certificate.deposit.toString()),
         drepId: certificate.dRepCredential.hash,
         hash: certificate.anchor.dataHash,
         url: certificate.anchor.url
diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRetirementContainer.tsx b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRetirementContainer.tsx
new file mode 100644
index 0000000000..c58f29060d
--- /dev/null
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRetirementContainer.tsx
@@ -0,0 +1,34 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { ConfirmDRepRetirement } from '@lace/core';
+import { SignTxData } from './types';
+import { dRepRetirementInspector } from './utils';
+import { Wallet } from '@lace/cardano';
+
+interface Props {
+  signTxData: SignTxData;
+  errorMessage?: string;
+}
+
+export const ConfirmDRepRetirementContainer = ({ signTxData, errorMessage }: Props): React.ReactElement => {
+  const { t } = useTranslation();
+  const certificate = dRepRetirementInspector(signTxData.tx);
+
+  return (
+    <ConfirmDRepRetirement
+      dappInfo={signTxData.dappInfo}
+      metadata={{
+        depositReturned: Wallet.util.lovelacesToAdaString(certificate.deposit.toString()),
+        drepId: certificate.dRepCredential.hash
+      }}
+      translations={{
+        metadata: t('core.drepRetirement.metadata'),
+        labels: {
+          depositReturned: t('core.drepRetirement.depositReturned'),
+          drepId: t('core.drepRetirement.drepId')
+        }
+      }}
+      errorMessage={errorMessage}
+    />
+  );
+};
diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransaction.tsx b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransaction.tsx
index 146262c16f..cbad0af119 100644
--- a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransaction.tsx
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransaction.tsx
@@ -3,7 +3,6 @@ import { Button } from '@lace/common';
 import { useTranslation } from 'react-i18next';
 import { Layout } from '../Layout';
 import { useViewsFlowContext } from '@providers/ViewFlowProvider';
-import { sectionTitle, DAPP_VIEWS } from '../../config';
 import styles from './ConfirmTransaction.module.scss';
 import { Wallet } from '@lace/cardano';
 import { useWalletStore } from '@stores';
@@ -12,10 +11,8 @@ import { consumeRemoteApi, RemoteApiPropertyType } from '@cardano-sdk/web-extens
 import { DappDataService } from '@lib/scripts/types';
 import { DAPP_CHANNELS } from '@src/utils/constants';
 import { runtime } from 'webextension-polyfill';
-import { Skeleton } from 'antd';
-import { ConfirmDRepRegistrationContainer } from './ConfirmDRepRegistrationContainer';
-import { DappTransactionContainer } from './DappTransactionContainer';
-import { isDRepRegistration } from './utils';
+import { getTitleKey, getTxType } from './utils';
+import { ConfirmTransactionContent } from './ConfirmTransactionContent';
 
 const dappDataApi = consumeRemoteApi<Pick<DappDataService, 'getSignTxData'>>(
   {
@@ -38,17 +35,12 @@ export const ConfirmTransaction = (): React.ReactElement => {
   const isUsingHardwareWallet = keyAgentType !== Wallet.KeyManagement.KeyAgentType.InMemory;
   const disallowSignTx = useDisallowSignTx();
   const { isConfirmingTx, signWithHardwareWallet } = useSignWithHardwareWallet();
-  const isLoading = !signTxData;
+  const txType = !signTxData ? getTxType(signTxData.tx) : undefined;
+  const title = txType ? t(getTitleKey(txType)) : '';
 
   return (
-    <Layout pageClassname={styles.spaceBetween} title={t(sectionTitle[DAPP_VIEWS.CONFIRM_TX])}>
-      {isLoading && <Skeleton loading />}
-      {!isLoading &&
-        (isDRepRegistration(signTxData.tx) ? (
-          <ConfirmDRepRegistrationContainer signTxData={signTxData} errorMessage={errorMessage} />
-        ) : (
-          <DappTransactionContainer signTxData={signTxData} errorMessage={errorMessage} />
-        ))}
+    <Layout pageClassname={styles.spaceBetween} title={title}>
+      <ConfirmTransactionContent txType={txType} signTxData={signTxData} errorMessage={errorMessage} />
       <div className={styles.actions}>
         <Button
           onClick={async () => {
diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransactionContent.tsx b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransactionContent.tsx
new file mode 100644
index 0000000000..8cee30714e
--- /dev/null
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransactionContent.tsx
@@ -0,0 +1,27 @@
+import React from 'react';
+import { Skeleton } from 'antd';
+import { ConfirmDRepRegistrationContainer } from './ConfirmDRepRegistrationContainer';
+import { DappTransactionContainer } from './DappTransactionContainer';
+import { TxType } from './utils';
+import { SignTxData } from './types';
+import { ConfirmDRepRetirementContainer } from './ConfirmDRepRetirementContainer';
+
+interface Props {
+  txType?: TxType;
+  signTxData?: SignTxData;
+  errorMessage?: string;
+}
+
+export const ConfirmTransactionContent = ({ txType, signTxData, errorMessage }: Props): React.ReactElement => {
+  if (!signTxData) {
+    return <Skeleton loading />;
+  }
+  if (txType === TxType.DRepRegistration) {
+    return <ConfirmDRepRegistrationContainer signTxData={signTxData} errorMessage={errorMessage} />;
+  }
+  if (txType === TxType.DRepRetirement) {
+    return <ConfirmDRepRetirementContainer signTxData={signTxData} errorMessage={errorMessage} />;
+  }
+
+  return <DappTransactionContainer signTxData={signTxData} errorMessage={errorMessage} />;
+};
diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/hooks.ts b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/hooks.ts
index 713c2fea43..6e24bfb2ee 100644
--- a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/hooks.ts
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/hooks.ts
@@ -6,7 +6,7 @@ import { CardanoTxOut, WalletInfo } from '@src/types';
 import { TokenInfo, getAssetsInformation } from '@src/utils/get-assets-information';
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import * as HardwareLedger from '@cardano-sdk/hardware-ledger';
-import { allowSignTx, disallowSignTx, getTransactionAssetsId, getTxType } from './utils';
+import { TxType, allowSignTx, disallowSignTx, getTransactionAssetsId, getTxType } from './utils';
 import { AddressListType } from '@src/views/browser-view/features/activity';
 import { GetSignTxData, SignTxData } from './types';
 
@@ -118,7 +118,7 @@ export const useTxSummary = ({
     );
 
     const externalOutputs = tx.body.outputs.filter((output) => {
-      if (txType === 'Send') {
+      if (txType === TxType.Send) {
         return walletInfo.addresses.every((addr) => output.address !== addr.address);
       }
       return true;
diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/utils.ts b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/utils.ts
index 9d64a22ddf..39e3a29b09 100644
--- a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/utils.ts
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/utils.ts
@@ -6,9 +6,30 @@ import { UserPromptService } from '@lib/scripts/background/services';
 import { DAPP_CHANNELS } from '@src/utils/constants';
 import { runtime } from 'webextension-polyfill';
 import { of } from 'rxjs';
+import { sectionTitle, DAPP_VIEWS } from '../../config';
 
 const DAPP_TOAST_DURATION = 50;
 
+export enum TxType {
+  Send = 'Send',
+  Mint = 'Mint',
+  Burn = 'Burn',
+  DRepRegistration = 'DRepRegistration',
+  DRepRetirement = 'DRepRetirement'
+}
+
+export const getTitleKey = (txType: TxType): string => {
+  if (txType === TxType.DRepRegistration) {
+    return 'core.drepRegistration.title';
+  }
+
+  if (txType === TxType.DRepRetirement) {
+    return 'core.drepRetirement.title';
+  }
+
+  return sectionTitle[DAPP_VIEWS.CONFIRM_TX];
+};
+
 export const disallowSignTx = (close = false): void => {
   exposeApi<Pick<UserPromptService, 'allowSignTx'>>(
     {
@@ -53,36 +74,56 @@ export const getTransactionAssetsId = (outputs: CardanoTxOut[]): Wallet.Cardano.
   return assetIds;
 };
 
-export const getTxType = (tx: Wallet.Cardano.Tx): 'Send' | 'Mint' | 'Burn' => {
+const isDRepRegistrationCertificate = (type: Wallet.Cardano.CertificateType) =>
+  type === Wallet.Cardano.CertificateType.RegisterDelegateRepresentative;
+
+const isDRepRetirementCertificate = (type: Wallet.Cardano.CertificateType) =>
+  type === Wallet.Cardano.CertificateType.UnregisterDelegateRepresentative;
+
+export const dRepRegistrationInspector = (
+  tx: Wallet.Cardano.Tx
+): Wallet.Cardano.RegisterDelegateRepresentativeCertificate | undefined =>
+  tx?.body.certificates.find(({ __typename }) => isDRepRegistrationCertificate(__typename)) as
+    | Wallet.Cardano.RegisterDelegateRepresentativeCertificate
+    | undefined;
+
+export const dRepRetirementInspector = (
+  tx: Wallet.Cardano.Tx
+): Wallet.Cardano.UnRegisterDelegateRepresentativeCertificate | undefined =>
+  tx?.body.certificates.find(({ __typename }) => isDRepRetirementCertificate(__typename)) as
+    | Wallet.Cardano.UnRegisterDelegateRepresentativeCertificate
+    | undefined;
+
+export const isDRepRegistration = (tx: Wallet.Cardano.Tx | undefined): boolean =>
+  tx?.body.certificates.some(({ __typename }) => isDRepRegistrationCertificate(__typename));
+
+export const getTxType = (tx: Wallet.Cardano.Tx): TxType => {
   const inspector = createTxInspector({
     minted: assetsMintedInspector,
-    burned: assetsBurnedInspector
+    burned: assetsBurnedInspector,
+    dRepRegistration: dRepRegistrationInspector,
+    dRepRetirement: dRepRetirementInspector
   });
 
-  const { minted, burned } = inspector(tx as Wallet.Cardano.HydratedTx);
+  const { minted, burned, dRepRegistration, dRepRetirement } = inspector(tx as Wallet.Cardano.HydratedTx);
   const isMintTransaction = minted.length > 0;
   const isBurnTransaction = burned.length > 0;
 
   if (isMintTransaction) {
-    return 'Mint';
+    return TxType.Mint;
   }
 
   if (isBurnTransaction) {
-    return 'Burn';
+    return TxType.Burn;
   }
 
-  return 'Send';
-};
-
-const isDRepRegistrationCertificate = (type: Wallet.Cardano.CertificateType) =>
-  type === Wallet.Cardano.CertificateType.RegisterDelegateRepresentative;
+  if (dRepRegistration) {
+    return TxType.DRepRegistration;
+  }
 
-export const getDRepCertificate = (
-  tx: Wallet.Cardano.Tx
-): Wallet.Cardano.RegisterDelegateRepresentativeCertificate | undefined =>
-  tx?.body.certificates.find(({ __typename }) => isDRepRegistrationCertificate(__typename)) as
-    | Wallet.Cardano.RegisterDelegateRepresentativeCertificate
-    | undefined;
+  if (dRepRetirement) {
+    return TxType.DRepRetirement;
+  }
 
-export const isDRepRegistration = (tx: Wallet.Cardano.Tx | undefined): boolean =>
-  tx?.body.certificates.some(({ __typename }) => isDRepRegistrationCertificate(__typename));
+  return TxType.Send;
+};
diff --git a/apps/browser-extension-wallet/src/lib/translations/en.json b/apps/browser-extension-wallet/src/lib/translations/en.json
index 603e9103c1..0c7fde5f79 100644
--- a/apps/browser-extension-wallet/src/lib/translations/en.json
+++ b/apps/browser-extension-wallet/src/lib/translations/en.json
@@ -1113,6 +1113,12 @@
       "drepId": "Drep ID",
       "depositPaid": "Deposit Paid"
     },
+    "drepRetirement": {
+      "title": "Confirm DRep retirement",
+      "metadata": "Metadata",
+      "drepId": "Drep ID",
+      "depositReturned": "Deposit returned"
+    },
     "destinationAddressInput": {
       "recipientAddress": "Recipient's address or $handle"
     },

From d242fb28448673c2e16f09569f3521cc6703b1ab Mon Sep 17 00:00:00 2001
From: Lucas Araujo <lucas.araujo@iohk.io>
Date: Thu, 28 Sep 2023 11:33:39 -0300
Subject: [PATCH 20/38] fix: condition

---
 .../dapp/components/confirm-transaction/ConfirmTransaction.tsx  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransaction.tsx b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransaction.tsx
index cbad0af119..4f0d371d1c 100644
--- a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransaction.tsx
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransaction.tsx
@@ -35,7 +35,7 @@ export const ConfirmTransaction = (): React.ReactElement => {
   const isUsingHardwareWallet = keyAgentType !== Wallet.KeyManagement.KeyAgentType.InMemory;
   const disallowSignTx = useDisallowSignTx();
   const { isConfirmingTx, signWithHardwareWallet } = useSignWithHardwareWallet();
-  const txType = !signTxData ? getTxType(signTxData.tx) : undefined;
+  const txType = signTxData ? getTxType(signTxData.tx) : undefined;
   const title = txType ? t(getTitleKey(txType)) : '';
 
   return (

From 0ba6b887c2bc90b91ba7b9e80ae44ec504dcfb94 Mon Sep 17 00:00:00 2001
From: Lucas Araujo <lucas.araujo@iohk.io>
Date: Thu, 28 Sep 2023 11:34:13 -0300
Subject: [PATCH 21/38] fix: type

---
 .../src/features/dapp/components/confirm-transaction/hooks.ts | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/hooks.ts b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/hooks.ts
index 6e24bfb2ee..6b36bf4084 100644
--- a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/hooks.ts
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/hooks.ts
@@ -110,7 +110,6 @@ export const useTxSummary = ({
   createAssetList: (txAssets: Wallet.Cardano.TokenMap) => Wallet.Cip30SignTxAssetItem[];
 }): Wallet.Cip30SignTxSummary | undefined =>
   useMemo((): Wallet.Cip30SignTxSummary | undefined => {
-    if (!tx) return undefined;
     const txType = getTxType(tx);
 
     const addressToNameMap = new Map<string, string>(
@@ -139,10 +138,9 @@ export const useTxSummary = ({
       ];
     }, []);
 
-    // eslint-disable-next-line consistent-return
     return {
       fee: Wallet.util.lovelacesToAdaString(tx.body.fee.toString()),
       outputs: txSummaryOutputs,
-      type: txType
+      type: txType.toString() as 'Send' | 'Mint' | 'Burn'
     };
   }, [tx, walletInfo.addresses, createAssetList, addressList]);

From 1a9b45ebe3c2b8c25a7b5e9b9058f0ab6e540457 Mon Sep 17 00:00:00 2001
From: Lucas Araujo <lucas.araujo@iohk.io>
Date: Thu, 28 Sep 2023 11:34:32 -0300
Subject: [PATCH 22/38] fix: style

---
 .../ConfirmDRepRegistration/ConfirmDRepRegistration.tsx         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/core/src/ui/components/ConfirmDRepRegistration/ConfirmDRepRegistration.tsx b/packages/core/src/ui/components/ConfirmDRepRegistration/ConfirmDRepRegistration.tsx
index 3a8b31aa64..c1914b4fb4 100644
--- a/packages/core/src/ui/components/ConfirmDRepRegistration/ConfirmDRepRegistration.tsx
+++ b/packages/core/src/ui/components/ConfirmDRepRegistration/ConfirmDRepRegistration.tsx
@@ -32,7 +32,7 @@ export const ConfirmDRepRegistration = ({ dappInfo, errorMessage, translations,
         <ErrorPane error={errorMessage} />
       </Box>
     )}
-    <Grid columns="$1" gutters="$0">
+    <Grid columns="$1" gutters="$20">
       <Cell>
         <TransactionSummary.Metadata label={translations.metadata} text="" />
       </Cell>

From 9b11b6748645d6cb5595153fcdc022e1039f444b Mon Sep 17 00:00:00 2001
From: Lucas Araujo <lucas.araujo@iohk.io>
Date: Mon, 2 Oct 2023 11:57:05 -0300
Subject: [PATCH 23/38] fix: check for anchor

---
 .../confirm-transaction/ConfirmDRepRegistrationContainer.tsx  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRegistrationContainer.tsx b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRegistrationContainer.tsx
index 285cfce8c9..07a8bb3ece 100644
--- a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRegistrationContainer.tsx
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRegistrationContainer.tsx
@@ -20,8 +20,8 @@ export const ConfirmDRepRegistrationContainer = ({ signTxData, errorMessage }: P
       metadata={{
         depositPaid: Wallet.util.lovelacesToAdaString(certificate.deposit.toString()),
         drepId: certificate.dRepCredential.hash,
-        hash: certificate.anchor.dataHash,
-        url: certificate.anchor.url
+        hash: certificate.anchor?.dataHash,
+        url: certificate.anchor?.url
       }}
       translations={{
         metadata: t('core.drepRegistration.metadata'),

From a7ef4bd1794ab64de47b1777d22598c0fb815e66 Mon Sep 17 00:00:00 2001
From: Lucas Araujo <lucas.araujo@iohk.io>
Date: Thu, 5 Oct 2023 11:03:53 -0300
Subject: [PATCH 24/38] fix: check for undefined certificates

---
 .../features/dapp/components/confirm-transaction/utils.ts  | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/utils.ts b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/utils.ts
index 39e3a29b09..edf93beb2a 100644
--- a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/utils.ts
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/utils.ts
@@ -83,20 +83,17 @@ const isDRepRetirementCertificate = (type: Wallet.Cardano.CertificateType) =>
 export const dRepRegistrationInspector = (
   tx: Wallet.Cardano.Tx
 ): Wallet.Cardano.RegisterDelegateRepresentativeCertificate | undefined =>
-  tx?.body.certificates.find(({ __typename }) => isDRepRegistrationCertificate(__typename)) as
+  tx?.body?.certificates?.find(({ __typename }) => isDRepRegistrationCertificate(__typename)) as
     | Wallet.Cardano.RegisterDelegateRepresentativeCertificate
     | undefined;
 
 export const dRepRetirementInspector = (
   tx: Wallet.Cardano.Tx
 ): Wallet.Cardano.UnRegisterDelegateRepresentativeCertificate | undefined =>
-  tx?.body.certificates.find(({ __typename }) => isDRepRetirementCertificate(__typename)) as
+  tx?.body?.certificates?.find(({ __typename }) => isDRepRetirementCertificate(__typename)) as
     | Wallet.Cardano.UnRegisterDelegateRepresentativeCertificate
     | undefined;
 
-export const isDRepRegistration = (tx: Wallet.Cardano.Tx | undefined): boolean =>
-  tx?.body.certificates.some(({ __typename }) => isDRepRegistrationCertificate(__typename));
-
 export const getTxType = (tx: Wallet.Cardano.Tx): TxType => {
   const inspector = createTxInspector({
     minted: assetsMintedInspector,

From 0b9394fb16704ef0aaf2b9b4ae472ab22c4672f2 Mon Sep 17 00:00:00 2001
From: Lucas Araujo <lucas.araujo@iohk.io>
Date: Wed, 11 Oct 2023 09:35:53 -0300
Subject: [PATCH 25/38] fix: merge conflict

---
 .../confirm-transaction/ConfirmTransaction.tsx           | 4 +++-
 .../dapp/components/confirm-transaction/hooks.ts         | 9 +++++++++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransaction.tsx b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransaction.tsx
index 4f0d371d1c..ee3ce584af 100644
--- a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransaction.tsx
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransaction.tsx
@@ -6,7 +6,7 @@ import { useViewsFlowContext } from '@providers/ViewFlowProvider';
 import styles from './ConfirmTransaction.module.scss';
 import { Wallet } from '@lace/cardano';
 import { useWalletStore } from '@stores';
-import { useDisallowSignTx, useSignWithHardwareWallet, useSignTxData } from './hooks';
+import { useDisallowSignTx, useSignWithHardwareWallet, useSignTxData, useOnBeforeUnload } from './hooks';
 import { consumeRemoteApi, RemoteApiPropertyType } from '@cardano-sdk/web-extension';
 import { DappDataService } from '@lib/scripts/types';
 import { DAPP_CHANNELS } from '@src/utils/constants';
@@ -38,6 +38,8 @@ export const ConfirmTransaction = (): React.ReactElement => {
   const txType = signTxData ? getTxType(signTxData.tx) : undefined;
   const title = txType ? t(getTitleKey(txType)) : '';
 
+  useOnBeforeUnload(disallowSignTx);
+
   return (
     <Layout pageClassname={styles.spaceBetween} title={title}>
       <ConfirmTransactionContent txType={txType} signTxData={signTxData} errorMessage={errorMessage} />
diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/hooks.ts b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/hooks.ts
index 6b36bf4084..7d5dd14643 100644
--- a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/hooks.ts
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/hooks.ts
@@ -144,3 +144,12 @@ export const useTxSummary = ({
       type: txType.toString() as 'Send' | 'Mint' | 'Burn'
     };
   }, [tx, walletInfo.addresses, createAssetList, addressList]);
+
+export const useOnBeforeUnload = (callBack: () => void): void => {
+  useEffect(() => {
+    window.addEventListener('beforeunload', callBack);
+    return () => {
+      window.removeEventListener('beforeunload', callBack);
+    };
+  }, [callBack]);
+};

From ff732da1edb96416a998743145e6f0694a72a32e Mon Sep 17 00:00:00 2001
From: Lucas Araujo <lucas.araujo@iohk.io>
Date: Wed, 11 Oct 2023 09:49:34 -0300
Subject: [PATCH 26/38] fix: type error

---
 .../confirm-transaction/DappTransactionContainer.tsx       | 1 -
 .../components/DappTransaction/DappTransaction.stories.ts  | 7 ++-----
 2 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/DappTransactionContainer.tsx b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/DappTransactionContainer.tsx
index f2e3417fd8..75b91c4412 100644
--- a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/DappTransactionContainer.tsx
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/DappTransactionContainer.tsx
@@ -51,7 +51,6 @@ export const DappTransactionContainer = withAddressBookContext(
           amount: t('core.dappTransaction.amount'),
           recipient: t('core.dappTransaction.recipient'),
           fee: t('core.dappTransaction.fee'),
-          insufficientFunds: t('core.dappTransaction.insufficientFunds'),
           adaFollowingNumericValue: t('general.adaFollowingNumericValue')
         }}
       />
diff --git a/packages/core/src/ui/components/DappTransaction/DappTransaction.stories.ts b/packages/core/src/ui/components/DappTransaction/DappTransaction.stories.ts
index de653f4b8e..abb9bcdde0 100644
--- a/packages/core/src/ui/components/DappTransaction/DappTransaction.stories.ts
+++ b/packages/core/src/ui/components/DappTransaction/DappTransaction.stories.ts
@@ -26,7 +26,6 @@ const data: ComponentProps<typeof DappTransaction> = {
     amount: 'Amount',
     adaFollowingNumericValue: 'ADA',
     fee: 'Fee',
-    insufficientFunds: 'You do not have enough funds to complete the transaction',
     transaction: 'Transaction'
   },
   transaction: {
@@ -39,8 +38,7 @@ const data: ComponentProps<typeof DappTransaction> = {
       }
     ],
     type: 'Mint'
-  },
-  hasInsufficientFunds: false
+  }
 };
 
 export const Overview: Story = {
@@ -51,8 +49,7 @@ export const Overview: Story = {
 
 export const WithInsufficientFunds: Story = {
   args: {
-    ...data,
-    hasInsufficientFunds: true
+    ...data
   }
 };
 

From 72852645028999114d6bdda40b2b01cfb224366d Mon Sep 17 00:00:00 2001
From: Lucas Araujo <lucas.araujo@iohk.io>
Date: Wed, 11 Oct 2023 12:07:45 -0300
Subject: [PATCH 27/38] feat: temp env changes

---
 .github/workflows/e2e-tests-linux.yml | 6 +++---
 .github/workflows/smoke-tests.yml     | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/.github/workflows/e2e-tests-linux.yml b/.github/workflows/e2e-tests-linux.yml
index 613dc181f7..c9eac3632d 100644
--- a/.github/workflows/e2e-tests-linux.yml
+++ b/.github/workflows/e2e-tests-linux.yml
@@ -50,9 +50,9 @@ jobs:
         uses: ./.github/shared/build
         with:
           LACE_EXTENSION_KEY: ${{ secrets.MANIFEST_PUBLIC_KEY }}
-          CARDANO_SERVICES_URL_MAINNET: ${{ secrets.CARDANO_SERVICES_URL_MAINNET }}
-          CARDANO_SERVICES_URL_PREPROD: ${{ secrets.CARDANO_SERVICES_URL_PREPROD }}
-          CARDANO_SERVICES_URL_PREVIEW: ${{ secrets.CARDANO_SERVICES_URL_PREVIEW }}
+          CARDANO_SERVICES_URL_MAINNET: ${{ secrets.CARDANO_SERVICES_DEV_URL_MAINNET }}
+          CARDANO_SERVICES_URL_PREPROD: ${{ secrets.CARDANO_SERVICES_DEV_URL_PREPROD }}
+          CARDANO_SERVICES_URL_PREVIEW: ${{ secrets.CARDANO_SERVICES_DEV_URL_PREVIEW }}
       - name: Start XVFB
         run: |
           Xvfb :99 &
diff --git a/.github/workflows/smoke-tests.yml b/.github/workflows/smoke-tests.yml
index ffbec68a30..46aa605543 100644
--- a/.github/workflows/smoke-tests.yml
+++ b/.github/workflows/smoke-tests.yml
@@ -26,9 +26,9 @@ jobs:
         uses: ./.github/shared/build
         with:
           LACE_EXTENSION_KEY: ${{ secrets.MANIFEST_PUBLIC_KEY }}
-          CARDANO_SERVICES_URL_MAINNET: ${{ secrets.CARDANO_SERVICES_URL_MAINNET }}
-          CARDANO_SERVICES_URL_PREPROD: ${{ secrets.CARDANO_SERVICES_URL_PREPROD }}
-          CARDANO_SERVICES_URL_PREVIEW: ${{ secrets.CARDANO_SERVICES_URL_PREVIEW }}
+          CARDANO_SERVICES_URL_MAINNET: ${{ secrets.CARDANO_SERVICES_DEV_URL_MAINNET }}
+          CARDANO_SERVICES_URL_PREPROD: ${{ secrets.CARDANO_SERVICES_DEV_URL_PREPROD }}
+          CARDANO_SERVICES_URL_PREVIEW: ${{ secrets.CARDANO_SERVICES_DEV_URL_PREVIEW }}
       - name: Start XVFB
         run: |
           Xvfb :99 &

From da51bc8ef8b5cdfb21ab699660295b17b2fe1de6 Mon Sep 17 00:00:00 2001
From: Michael Chappell <7581002+mchappell@users.noreply.github.com>
Date: Thu, 12 Oct 2023 10:12:06 +0100
Subject: [PATCH 28/38] feat(extension): use consistent naming of DRep ID

---
 apps/browser-extension-wallet/src/lib/translations/en.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/browser-extension-wallet/src/lib/translations/en.json b/apps/browser-extension-wallet/src/lib/translations/en.json
index 0c7fde5f79..73c2d7f992 100644
--- a/apps/browser-extension-wallet/src/lib/translations/en.json
+++ b/apps/browser-extension-wallet/src/lib/translations/en.json
@@ -1116,7 +1116,7 @@
     "drepRetirement": {
       "title": "Confirm DRep retirement",
       "metadata": "Metadata",
-      "drepId": "Drep ID",
+      "drepId": "DRep ID",
       "depositReturned": "Deposit returned"
     },
     "destinationAddressInput": {

From 69263359046399061591d32114f3f750f28def00 Mon Sep 17 00:00:00 2001
From: Michael Chappell <7581002+mchappell@users.noreply.github.com>
Date: Thu, 12 Oct 2023 10:12:22 +0100
Subject: [PATCH 29/38] feat(extension): show anchor metadata if exists

---
 .../ConfirmDRepRegistration.tsx                  | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/packages/core/src/ui/components/ConfirmDRepRegistration/ConfirmDRepRegistration.tsx b/packages/core/src/ui/components/ConfirmDRepRegistration/ConfirmDRepRegistration.tsx
index c1914b4fb4..7041015050 100644
--- a/packages/core/src/ui/components/ConfirmDRepRegistration/ConfirmDRepRegistration.tsx
+++ b/packages/core/src/ui/components/ConfirmDRepRegistration/ConfirmDRepRegistration.tsx
@@ -36,12 +36,16 @@ export const ConfirmDRepRegistration = ({ dappInfo, errorMessage, translations,
       <Cell>
         <TransactionSummary.Metadata label={translations.metadata} text="" />
       </Cell>
-      <Cell>
-        <TransactionSummary.Address label={translations.labels.url} address={metadata.url} />
-      </Cell>
-      <Cell>
-        <TransactionSummary.Address label={translations.labels.hash} address={metadata.hash} />
-      </Cell>
+      {metadata.url && (
+        <Cell>
+          <TransactionSummary.Address label={translations.labels.url} address={metadata.url} />
+        </Cell>
+      )}
+      {metadata.hash && (
+        <Cell>
+          <TransactionSummary.Address label={translations.labels.hash} address={metadata.hash} />
+        </Cell>
+      )}
       <Cell>
         <TransactionSummary.Address label={translations.labels.drepId} address={metadata.drepId} />
       </Cell>

From e8cfe53cfda43fa0fdb4df5536a3c86b13ee4999 Mon Sep 17 00:00:00 2001
From: Michael Chappell <7581002+mchappell@users.noreply.github.com>
Date: Thu, 12 Oct 2023 11:01:03 +0100
Subject: [PATCH 30/38] feat(extension): convert user facing DRepID to bech32

---
 .../confirm-transaction/ConfirmDRepRegistrationContainer.tsx  | 4 ++--
 .../confirm-transaction/ConfirmDRepRetirementContainer.tsx    | 4 ++--
 .../src/features/dapp/components/confirm-transaction/utils.ts | 3 +++
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRegistrationContainer.tsx b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRegistrationContainer.tsx
index 07a8bb3ece..d0ac924f22 100644
--- a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRegistrationContainer.tsx
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRegistrationContainer.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { ConfirmDRepRegistration } from '@lace/core';
 import { SignTxData } from './types';
-import { dRepRegistrationInspector } from './utils';
+import { dRepRegistrationInspector, drepIDasBech32FromHash } from './utils';
 import { Wallet } from '@lace/cardano';
 
 interface Props {
@@ -19,7 +19,7 @@ export const ConfirmDRepRegistrationContainer = ({ signTxData, errorMessage }: P
       dappInfo={signTxData.dappInfo}
       metadata={{
         depositPaid: Wallet.util.lovelacesToAdaString(certificate.deposit.toString()),
-        drepId: certificate.dRepCredential.hash,
+        drepId: drepIDasBech32FromHash(certificate.dRepCredential.hash),
         hash: certificate.anchor?.dataHash,
         url: certificate.anchor?.url
       }}
diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRetirementContainer.tsx b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRetirementContainer.tsx
index c58f29060d..28d4a3386f 100644
--- a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRetirementContainer.tsx
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRetirementContainer.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { ConfirmDRepRetirement } from '@lace/core';
 import { SignTxData } from './types';
-import { dRepRetirementInspector } from './utils';
+import { dRepRetirementInspector, drepIDasBech32FromHash } from './utils';
 import { Wallet } from '@lace/cardano';
 
 interface Props {
@@ -19,7 +19,7 @@ export const ConfirmDRepRetirementContainer = ({ signTxData, errorMessage }: Pro
       dappInfo={signTxData.dappInfo}
       metadata={{
         depositReturned: Wallet.util.lovelacesToAdaString(certificate.deposit.toString()),
-        drepId: certificate.dRepCredential.hash
+        drepId: drepIDasBech32FromHash(certificate.dRepCredential.hash)
       }}
       translations={{
         metadata: t('core.drepRetirement.metadata'),
diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/utils.ts b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/utils.ts
index edf93beb2a..1aff4f81c3 100644
--- a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/utils.ts
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/utils.ts
@@ -124,3 +124,6 @@ export const getTxType = (tx: Wallet.Cardano.Tx): TxType => {
 
   return TxType.Send;
 };
+
+export const drepIDasBech32FromHash = (value: Wallet.Crypto.Hash28ByteBase16) =>
+  Wallet.Cardano.DRepID(Wallet.HexBlob.toTypedBech32('drep', Wallet.HexBlob(value)));

From 587fed0f943b41e18ee8bd612a2b8430ffdafdf3 Mon Sep 17 00:00:00 2001
From: Michael Chappell <7581002+mchappell@users.noreply.github.com>
Date: Thu, 12 Oct 2023 14:29:19 +0100
Subject: [PATCH 31/38] fix: add cardano symbol to deposit amount

---
 .../ConfirmDRepRegistrationContainer.tsx               | 10 +++++++++-
 .../ConfirmDRepRetirementContainer.tsx                 | 10 +++++++++-
 .../src/lib/translations/en.json                       |  2 +-
 3 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRegistrationContainer.tsx b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRegistrationContainer.tsx
index d0ac924f22..f9a32a49c9 100644
--- a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRegistrationContainer.tsx
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRegistrationContainer.tsx
@@ -4,6 +4,7 @@ import { ConfirmDRepRegistration } from '@lace/core';
 import { SignTxData } from './types';
 import { dRepRegistrationInspector, drepIDasBech32FromHash } from './utils';
 import { Wallet } from '@lace/cardano';
+import { useWalletStore } from '@src/stores';
 
 interface Props {
   signTxData: SignTxData;
@@ -13,12 +14,19 @@ interface Props {
 export const ConfirmDRepRegistrationContainer = ({ signTxData, errorMessage }: Props): React.ReactElement => {
   const { t } = useTranslation();
   const certificate = dRepRegistrationInspector(signTxData.tx);
+  const {
+    walletUI: { cardanoCoin }
+  } = useWalletStore();
+
+  const depositPaidWithCardanoSymbol = `${Wallet.util.lovelacesToAdaString(certificate.deposit.toString())} ${
+    cardanoCoin.symbol
+  }`;
 
   return (
     <ConfirmDRepRegistration
       dappInfo={signTxData.dappInfo}
       metadata={{
-        depositPaid: Wallet.util.lovelacesToAdaString(certificate.deposit.toString()),
+        depositPaid: depositPaidWithCardanoSymbol,
         drepId: drepIDasBech32FromHash(certificate.dRepCredential.hash),
         hash: certificate.anchor?.dataHash,
         url: certificate.anchor?.url
diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRetirementContainer.tsx b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRetirementContainer.tsx
index 28d4a3386f..8b73dd24e4 100644
--- a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRetirementContainer.tsx
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRetirementContainer.tsx
@@ -4,6 +4,7 @@ import { ConfirmDRepRetirement } from '@lace/core';
 import { SignTxData } from './types';
 import { dRepRetirementInspector, drepIDasBech32FromHash } from './utils';
 import { Wallet } from '@lace/cardano';
+import { useWalletStore } from '@src/stores';
 
 interface Props {
   signTxData: SignTxData;
@@ -13,12 +14,19 @@ interface Props {
 export const ConfirmDRepRetirementContainer = ({ signTxData, errorMessage }: Props): React.ReactElement => {
   const { t } = useTranslation();
   const certificate = dRepRetirementInspector(signTxData.tx);
+  const {
+    walletUI: { cardanoCoin }
+  } = useWalletStore();
+
+  const depositPaidWithCardanoSymbol = `${Wallet.util.lovelacesToAdaString(certificate.deposit.toString())} ${
+    cardanoCoin.symbol
+  }`;
 
   return (
     <ConfirmDRepRetirement
       dappInfo={signTxData.dappInfo}
       metadata={{
-        depositReturned: Wallet.util.lovelacesToAdaString(certificate.deposit.toString()),
+        depositReturned: depositPaidWithCardanoSymbol,
         drepId: drepIDasBech32FromHash(certificate.dRepCredential.hash)
       }}
       translations={{
diff --git a/apps/browser-extension-wallet/src/lib/translations/en.json b/apps/browser-extension-wallet/src/lib/translations/en.json
index 73c2d7f992..d5e5453b83 100644
--- a/apps/browser-extension-wallet/src/lib/translations/en.json
+++ b/apps/browser-extension-wallet/src/lib/translations/en.json
@@ -1111,7 +1111,7 @@
       "url": "URL",
       "hash": "Hash",
       "drepId": "Drep ID",
-      "depositPaid": "Deposit Paid"
+      "depositPaid": "Deposit paid"
     },
     "drepRetirement": {
       "title": "Confirm DRep retirement",

From e4b30d43e148e0c2b5add56909dc74af5493cdd6 Mon Sep 17 00:00:00 2001
From: Renan Ferreira <renan.ferreira@iohk.io>
Date: Wed, 18 Oct 2023 11:24:08 -0300
Subject: [PATCH 32/38] chore(core): downgrade storybook to v6

---
 packages/core/.storybook/main.js              |   51 +
 packages/core/.storybook/main.ts              |   37 -
 packages/core/.storybook/preview-head.html    |    6 +
 .../.storybook/{preview.tsx => preview.js}    |    3 +-
 packages/core/package.json                    |   22 +-
 yarn.lock                                     | 1707 ++---------------
 6 files changed, 273 insertions(+), 1553 deletions(-)
 create mode 100644 packages/core/.storybook/main.js
 delete mode 100644 packages/core/.storybook/main.ts
 create mode 100644 packages/core/.storybook/preview-head.html
 rename packages/core/.storybook/{preview.tsx => preview.js} (87%)

diff --git a/packages/core/.storybook/main.js b/packages/core/.storybook/main.js
new file mode 100644
index 0000000000..0670843c07
--- /dev/null
+++ b/packages/core/.storybook/main.js
@@ -0,0 +1,51 @@
+module.exports = {
+  stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
+  addons: [
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/addon-interactions',
+    'storybook-addon-pseudo-states',
+    {
+      name: '@storybook/addon-styling',
+      options: {
+        sass: {
+          // Require your Sass preprocessor here
+          implementation: require('sass')
+        }
+      }
+    }
+  ],
+  framework: '@storybook/react',
+  webpackFinal: (config) => {
+    const fileLoaderRule = config.module.rules.find((rule) => rule.test?.test('.svg'));
+    fileLoaderRule.exclude = /\.svg$/;
+
+    config.module.rules.push({
+      test: /\.svg$/i,
+      issuer: /\.[jt]sx?$/,
+      use: [
+        {
+          loader: '@svgr/webpack',
+          options: {
+            icon: true,
+            exportType: 'named'
+          }
+        }
+      ]
+    });
+
+    config.resolve.extensions.push('.svg');
+
+    return config;
+  },
+  core: {
+    builder: 'webpack5',
+    options: {
+      lazyCompilation: true,
+      fsCache: true
+    }
+  },
+  features: {
+    interactionsDebugger: true
+  }
+};
diff --git a/packages/core/.storybook/main.ts b/packages/core/.storybook/main.ts
deleted file mode 100644
index 4b4aaa16c7..0000000000
--- a/packages/core/.storybook/main.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import type { StorybookConfig } from '@storybook/react-webpack5';
-
-import { join, dirname } from 'path';
-
-/**
- * This function is used to resolve the absolute path of a package.
- * It is needed in projects that use Yarn PnP or are set up within a monorepo.
- */
-function getAbsolutePath(value: string): any {
-  return dirname(require.resolve(join(value, 'package.json')));
-}
-const config: StorybookConfig = {
-  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
-  addons: [
-    getAbsolutePath('@storybook/addon-links'),
-    getAbsolutePath('@storybook/addon-essentials'),
-    getAbsolutePath('@storybook/addon-onboarding'),
-    getAbsolutePath('@storybook/addon-interactions'),
-    {
-      name: '@storybook/addon-styling',
-      options: {
-        sass: {
-          // Require your Sass preprocessor here
-          implementation: require('sass')
-        }
-      }
-    }
-  ],
-  framework: {
-    name: getAbsolutePath('@storybook/react-webpack5'),
-    options: {}
-  },
-  docs: {
-    autodocs: 'tag'
-  }
-};
-export default config;
diff --git a/packages/core/.storybook/preview-head.html b/packages/core/.storybook/preview-head.html
new file mode 100644
index 0000000000..7819a8476c
--- /dev/null
+++ b/packages/core/.storybook/preview-head.html
@@ -0,0 +1,6 @@
+<meta charset="UTF-8" />
+<meta http-equiv="X-UA-Compatible" content="IE=edge" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<link rel="preconnect" href="https://use.typekit.net" crossorigin />
+<link rel="stylesheet" href="https://use.typekit.net/ksk5ywd.css" />
+<title>Lace UI toolkit</title>
diff --git a/packages/core/.storybook/preview.tsx b/packages/core/.storybook/preview.js
similarity index 87%
rename from packages/core/.storybook/preview.tsx
rename to packages/core/.storybook/preview.js
index 397dbf0f0d..8a971ba68f 100644
--- a/packages/core/.storybook/preview.tsx
+++ b/packages/core/.storybook/preview.js
@@ -1,11 +1,10 @@
 import React from 'react';
-import type { Preview } from '@storybook/react';
 import 'antd/dist/antd.css';
 import 'normalize.css';
 import './theme.scss';
 import { ThemeColorScheme, ThemeProvider } from '@lace/ui';
 
-const preview: Preview = {
+const preview = {
   parameters: {
     actions: { argTypesRegex: '^on[A-Z].*' },
     controls: {
diff --git a/packages/core/package.json b/packages/core/package.json
index c0fc91b079..c1a1678406 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -33,7 +33,7 @@
     "prepack": "yarn build",
     "prestart": "yarn build",
     "start": "node dist/index.js",
-    "storybook": "storybook dev -p 6006",
+    "storybook": "NODE_OPTIONS=--openssl-legacy-provider; start-storybook -p 6006",
     "test": "NODE_ENV=test run -T jest -c ./test/jest.config.js",
     "test:coverage": "yarn test --coverage",
     "watch": "yarn build --watch"
@@ -61,15 +61,19 @@
     "@babel/preset-env": "^7.22.20",
     "@babel/preset-react": "^7.22.15",
     "@babel/preset-typescript": "^7.22.15",
-    "@storybook/addon-essentials": "^7.4.3",
-    "@storybook/addon-interactions": "^7.4.3",
-    "@storybook/addon-links": "^7.4.3",
-    "@storybook/addon-onboarding": "^1.0.8",
+    "@storybook/addon-actions": "^6.5.16",
+    "@storybook/addon-essentials": "^6.5.16",
+    "@storybook/addon-interactions": "^6.5.16",
+    "@storybook/addon-links": "^6.5.16",
     "@storybook/addon-styling": "^1.3.7",
-    "@storybook/blocks": "^7.4.3",
-    "@storybook/react": "^7.4.3",
-    "@storybook/react-webpack5": "^7.4.3",
-    "@storybook/testing-library": "^0.2.1",
+    "@storybook/addon-styling-webpack": "^0.0.5",
+    "@storybook/builder-webpack5": "6.5.16",
+    "@storybook/core-events": "^6.5.16",
+    "@storybook/jest": "^0.0.10",
+    "@storybook/manager-webpack5": "6.5.16",
+    "@storybook/react": "^6.5.16",
+    "@storybook/test-runner": "^0.10.0",
+    "@storybook/testing-library": "^0.0.13",
     "@types/babel__preset-env": "^7",
     "@types/debounce-promise": "^3.1.6",
     "sass": "^1.68.0",
diff --git a/yarn.lock b/yarn.lock
index 645f803492..8320c9b88f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5908,7 +5908,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/preset-flow@npm:^7.13.13, @babel/preset-flow@npm:^7.22.5":
+"@babel/preset-flow@npm:^7.13.13":
   version: 7.22.15
   resolution: "@babel/preset-flow@npm:7.22.15"
   dependencies:
@@ -6012,7 +6012,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/preset-react@npm:^7.22.15, @babel/preset-react@npm:^7.22.5":
+"@babel/preset-react@npm:^7.22.15":
   version: 7.22.15
   resolution: "@babel/preset-react@npm:7.22.15"
   dependencies:
@@ -8915,15 +8915,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/schemas@npm:^29.6.3":
-  version: 29.6.3
-  resolution: "@jest/schemas@npm:29.6.3"
-  dependencies:
-    "@sinclair/typebox": ^0.27.8
-  checksum: 910040425f0fc93cd13e68c750b7885590b8839066dfa0cd78e7def07bbb708ad869381f725945d66f2284de5663bbecf63e8fdd856e2ae6e261ba30b1687e93
-  languageName: node
-  linkType: hard
-
 "@jest/source-map@npm:^28.1.2":
   version: 28.1.2
   resolution: "@jest/source-map@npm:28.1.2"
@@ -9017,29 +9008,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/transform@npm:^29.3.1":
-  version: 29.7.0
-  resolution: "@jest/transform@npm:29.7.0"
-  dependencies:
-    "@babel/core": ^7.11.6
-    "@jest/types": ^29.6.3
-    "@jridgewell/trace-mapping": ^0.3.18
-    babel-plugin-istanbul: ^6.1.1
-    chalk: ^4.0.0
-    convert-source-map: ^2.0.0
-    fast-json-stable-stringify: ^2.1.0
-    graceful-fs: ^4.2.9
-    jest-haste-map: ^29.7.0
-    jest-regex-util: ^29.6.3
-    jest-util: ^29.7.0
-    micromatch: ^4.0.4
-    pirates: ^4.0.4
-    slash: ^3.0.0
-    write-file-atomic: ^4.0.2
-  checksum: 0f8ac9f413903b3cb6d240102db848f2a354f63971ab885833799a9964999dd51c388162106a807f810071f864302cdd8e3f0c241c29ce02d85a36f18f3f40ab
-  languageName: node
-  linkType: hard
-
 "@jest/types@npm:^24.9.0":
   version: 24.9.0
   resolution: "@jest/types@npm:24.9.0"
@@ -9146,20 +9114,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/types@npm:^29.6.3":
-  version: 29.6.3
-  resolution: "@jest/types@npm:29.6.3"
-  dependencies:
-    "@jest/schemas": ^29.6.3
-    "@types/istanbul-lib-coverage": ^2.0.0
-    "@types/istanbul-reports": ^3.0.0
-    "@types/node": "*"
-    "@types/yargs": ^17.0.8
-    chalk: ^4.0.0
-  checksum: a0bcf15dbb0eca6bdd8ce61a3fb055349d40268622a7670a3b2eb3c3dbafe9eb26af59938366d520b86907b9505b0f9b29b85cec11579a9e580694b87cd90fcc
-  languageName: node
-  linkType: hard
-
 "@jridgewell/gen-mapping@npm:^0.1.0":
   version: 0.1.1
   resolution: "@jridgewell/gen-mapping@npm:0.1.1"
@@ -9188,13 +9142,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jridgewell/resolve-uri@npm:^3.1.0":
-  version: 3.1.1
-  resolution: "@jridgewell/resolve-uri@npm:3.1.1"
-  checksum: f5b441fe7900eab4f9155b3b93f9800a916257f4e8563afbcd3b5a5337b55e52bd8ae6735453b1b745457d9f6cdb16d74cd6220bbdd98cf153239e13f6cbb653
-  languageName: node
-  linkType: hard
-
 "@jridgewell/set-array@npm:^1.0.0, @jridgewell/set-array@npm:^1.0.1":
   version: 1.1.2
   resolution: "@jridgewell/set-array@npm:1.1.2"
@@ -9219,7 +9166,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jridgewell/sourcemap-codec@npm:^1.4.13, @jridgewell/sourcemap-codec@npm:^1.4.14":
+"@jridgewell/sourcemap-codec@npm:^1.4.13":
   version: 1.4.15
   resolution: "@jridgewell/sourcemap-codec@npm:1.4.15"
   checksum: b881c7e503db3fc7f3c1f35a1dd2655a188cc51a3612d76efc8a6eb74728bef5606e6758ee77423e564092b4a518aba569bbb21c9bac5ab7a35b0c6ae7e344c8
@@ -9266,16 +9213,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jridgewell/trace-mapping@npm:^0.3.18":
-  version: 0.3.19
-  resolution: "@jridgewell/trace-mapping@npm:0.3.19"
-  dependencies:
-    "@jridgewell/resolve-uri": ^3.1.0
-    "@jridgewell/sourcemap-codec": ^1.4.14
-  checksum: 956a6f0f6fec060fb48c6bf1f5ec2064e13cd38c8be3873877d4b92b4a27ba58289a34071752671262a3e3c202abcc3fa2aac64d8447b4b0fa1ba3c9047f1c20
-  languageName: node
-  linkType: hard
-
 "@jridgewell/trace-mapping@npm:^0.3.9":
   version: 0.3.14
   resolution: "@jridgewell/trace-mapping@npm:0.3.14"
@@ -9446,15 +9383,19 @@ __metadata:
     "@babel/preset-typescript": ^7.22.15
     "@lace/common": 0.1.0
     "@lace/ui": ^0.1.0
-    "@storybook/addon-essentials": ^7.4.3
-    "@storybook/addon-interactions": ^7.4.3
-    "@storybook/addon-links": ^7.4.3
-    "@storybook/addon-onboarding": ^1.0.8
+    "@storybook/addon-actions": ^6.5.16
+    "@storybook/addon-essentials": ^6.5.16
+    "@storybook/addon-interactions": ^6.5.16
+    "@storybook/addon-links": ^6.5.16
     "@storybook/addon-styling": ^1.3.7
-    "@storybook/blocks": ^7.4.3
-    "@storybook/react": ^7.4.3
-    "@storybook/react-webpack5": ^7.4.3
-    "@storybook/testing-library": ^0.2.1
+    "@storybook/addon-styling-webpack": ^0.0.5
+    "@storybook/builder-webpack5": 6.5.16
+    "@storybook/core-events": ^6.5.16
+    "@storybook/jest": ^0.0.10
+    "@storybook/manager-webpack5": 6.5.16
+    "@storybook/react": ^6.5.16
+    "@storybook/test-runner": ^0.10.0
+    "@storybook/testing-library": ^0.0.13
     "@types/babel__preset-env": ^7
     "@types/debounce-promise": ^3.1.6
     antd: ^4.24.10
@@ -9602,6 +9543,7 @@ __metadata:
     "@storybook/addon-interactions": ^6.5.16
     "@storybook/addon-links": ^6.5.16
     "@storybook/builder-webpack5": 6.5.16
+    "@storybook/core-events": ^6.5.16
     "@storybook/jest": ^0.0.10
     "@storybook/manager-webpack5": 6.5.16
     "@storybook/react": ^6.5.16
@@ -9848,7 +9790,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@mdx-js/react@npm:2.3.0, @mdx-js/react@npm:^2.1.5":
+"@mdx-js/react@npm:2.3.0":
   version: 2.3.0
   resolution: "@mdx-js/react@npm:2.3.0"
   dependencies:
@@ -10207,45 +10149,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@pmmmwh/react-refresh-webpack-plugin@npm:^0.5.5":
-  version: 0.5.11
-  resolution: "@pmmmwh/react-refresh-webpack-plugin@npm:0.5.11"
-  dependencies:
-    ansi-html-community: ^0.0.8
-    common-path-prefix: ^3.0.0
-    core-js-pure: ^3.23.3
-    error-stack-parser: ^2.0.6
-    find-up: ^5.0.0
-    html-entities: ^2.1.0
-    loader-utils: ^2.0.4
-    schema-utils: ^3.0.0
-    source-map: ^0.7.3
-  peerDependencies:
-    "@types/webpack": 4.x || 5.x
-    react-refresh: ">=0.10.0 <1.0.0"
-    sockjs-client: ^1.4.0
-    type-fest: ">=0.17.0 <5.0.0"
-    webpack: ">=4.43.0 <6.0.0"
-    webpack-dev-server: 3.x || 4.x
-    webpack-hot-middleware: 2.x
-    webpack-plugin-serve: 0.x || 1.x
-  peerDependenciesMeta:
-    "@types/webpack":
-      optional: true
-    sockjs-client:
-      optional: true
-    type-fest:
-      optional: true
-    webpack-dev-server:
-      optional: true
-    webpack-hot-middleware:
-      optional: true
-    webpack-plugin-serve:
-      optional: true
-  checksum: a82eced9519f4dcac424acae719f819ab4150bfcf2874ac7daaf25a4f1c409e3d8b9d693fea0c686c24d520a5473756df32da90d8b89739670f8f8084c600bb4
-  languageName: node
-  linkType: hard
-
 "@popperjs/core@npm:^2.5.4, @popperjs/core@npm:^2.6.0":
   version: 2.11.6
   resolution: "@popperjs/core@npm:2.11.6"
@@ -11972,38 +11875,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/addon-actions@npm:7.4.3":
-  version: 7.4.3
-  resolution: "@storybook/addon-actions@npm:7.4.3"
-  dependencies:
-    "@storybook/client-logger": 7.4.3
-    "@storybook/components": 7.4.3
-    "@storybook/core-events": 7.4.3
-    "@storybook/global": ^5.0.0
-    "@storybook/manager-api": 7.4.3
-    "@storybook/preview-api": 7.4.3
-    "@storybook/theming": 7.4.3
-    "@storybook/types": 7.4.3
-    dequal: ^2.0.2
-    lodash: ^4.17.21
-    polished: ^4.2.2
-    prop-types: ^15.7.2
-    react-inspector: ^6.0.0
-    telejson: ^7.2.0
-    ts-dedent: ^2.0.0
-    uuid: ^9.0.0
-  peerDependencies:
-    react: ^16.8.0 || ^17.0.0 || ^18.0.0
-    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-  peerDependenciesMeta:
-    react:
-      optional: true
-    react-dom:
-      optional: true
-  checksum: dcc4347d71a1e5f6c07b290b1ae8bc779266a48b0094972f099f210b1cc1cb17bd87bd3113a48851dea65ff12438bc8af414c68936cca5b0c0256429ea43ebfb
-  languageName: node
-  linkType: hard
-
 "@storybook/addon-backgrounds@npm:6.5.16":
   version: 6.5.16
   resolution: "@storybook/addon-backgrounds@npm:6.5.16"
@@ -12033,32 +11904,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/addon-backgrounds@npm:7.4.3":
-  version: 7.4.3
-  resolution: "@storybook/addon-backgrounds@npm:7.4.3"
-  dependencies:
-    "@storybook/client-logger": 7.4.3
-    "@storybook/components": 7.4.3
-    "@storybook/core-events": 7.4.3
-    "@storybook/global": ^5.0.0
-    "@storybook/manager-api": 7.4.3
-    "@storybook/preview-api": 7.4.3
-    "@storybook/theming": 7.4.3
-    "@storybook/types": 7.4.3
-    memoizerific: ^1.11.3
-    ts-dedent: ^2.0.0
-  peerDependencies:
-    react: ^16.8.0 || ^17.0.0 || ^18.0.0
-    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-  peerDependenciesMeta:
-    react:
-      optional: true
-    react-dom:
-      optional: true
-  checksum: e0842fdce0ebe2416456ba84e0f70d91e968a50bc70fec6d9799c6fb366b5365a723260889f8c882f36f50d614e48015d0f1a97df3947bad797a5055e7c09854
-  languageName: node
-  linkType: hard
-
 "@storybook/addon-controls@npm:6.5.16":
   version: 6.5.16
   resolution: "@storybook/addon-controls@npm:6.5.16"
@@ -12087,34 +11932,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/addon-controls@npm:7.4.3":
-  version: 7.4.3
-  resolution: "@storybook/addon-controls@npm:7.4.3"
-  dependencies:
-    "@storybook/blocks": 7.4.3
-    "@storybook/client-logger": 7.4.3
-    "@storybook/components": 7.4.3
-    "@storybook/core-common": 7.4.3
-    "@storybook/core-events": 7.4.3
-    "@storybook/manager-api": 7.4.3
-    "@storybook/node-logger": 7.4.3
-    "@storybook/preview-api": 7.4.3
-    "@storybook/theming": 7.4.3
-    "@storybook/types": 7.4.3
-    lodash: ^4.17.21
-    ts-dedent: ^2.0.0
-  peerDependencies:
-    react: ^16.8.0 || ^17.0.0 || ^18.0.0
-    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-  peerDependenciesMeta:
-    react:
-      optional: true
-    react-dom:
-      optional: true
-  checksum: 62e1ce4325a6ea22985bdb28687d40541cb5284c22a6cb576c15a382ff6e3eb25821aaf7dfde7318b2755a65ecd23827e525d85635ef3b464a1ce9db65fe8118
-  languageName: node
-  linkType: hard
-
 "@storybook/addon-docs@npm:6.5.16":
   version: 6.5.16
   resolution: "@storybook/addon-docs@npm:6.5.16"
@@ -12162,36 +11979,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/addon-docs@npm:7.4.3":
-  version: 7.4.3
-  resolution: "@storybook/addon-docs@npm:7.4.3"
-  dependencies:
-    "@jest/transform": ^29.3.1
-    "@mdx-js/react": ^2.1.5
-    "@storybook/blocks": 7.4.3
-    "@storybook/client-logger": 7.4.3
-    "@storybook/components": 7.4.3
-    "@storybook/csf-plugin": 7.4.3
-    "@storybook/csf-tools": 7.4.3
-    "@storybook/global": ^5.0.0
-    "@storybook/mdx2-csf": ^1.0.0
-    "@storybook/node-logger": 7.4.3
-    "@storybook/postinstall": 7.4.3
-    "@storybook/preview-api": 7.4.3
-    "@storybook/react-dom-shim": 7.4.3
-    "@storybook/theming": 7.4.3
-    "@storybook/types": 7.4.3
-    fs-extra: ^11.1.0
-    remark-external-links: ^8.0.0
-    remark-slug: ^6.0.0
-    ts-dedent: ^2.0.0
-  peerDependencies:
-    react: ^16.8.0 || ^17.0.0 || ^18.0.0
-    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-  checksum: 9e4647d1a6a20029955424062d5a495dc99762d81e509b7527ae702e24e15a447b5794f83a9232de08ddeaf0d8e5d6c55e86fd9908dde0af9684fdf0a9332bda
-  languageName: node
-  linkType: hard
-
 "@storybook/addon-essentials@npm:^6.5.16":
   version: 6.5.16
   resolution: "@storybook/addon-essentials@npm:6.5.16"
@@ -12252,42 +12039,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/addon-essentials@npm:^7.4.3":
-  version: 7.4.3
-  resolution: "@storybook/addon-essentials@npm:7.4.3"
-  dependencies:
-    "@storybook/addon-actions": 7.4.3
-    "@storybook/addon-backgrounds": 7.4.3
-    "@storybook/addon-controls": 7.4.3
-    "@storybook/addon-docs": 7.4.3
-    "@storybook/addon-highlight": 7.4.3
-    "@storybook/addon-measure": 7.4.3
-    "@storybook/addon-outline": 7.4.3
-    "@storybook/addon-toolbars": 7.4.3
-    "@storybook/addon-viewport": 7.4.3
-    "@storybook/core-common": 7.4.3
-    "@storybook/manager-api": 7.4.3
-    "@storybook/node-logger": 7.4.3
-    "@storybook/preview-api": 7.4.3
-    ts-dedent: ^2.0.0
-  peerDependencies:
-    react: ^16.8.0 || ^17.0.0 || ^18.0.0
-    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-  checksum: 748b22aa3c28a0b875e72edda5729dd31aa2d1688c06efd883bf1d43357e86db50a9ea50460d874dbfde496971304cd3f5c4c7b3d1be2c12a8c471bf73ea89be
-  languageName: node
-  linkType: hard
-
-"@storybook/addon-highlight@npm:7.4.3":
-  version: 7.4.3
-  resolution: "@storybook/addon-highlight@npm:7.4.3"
-  dependencies:
-    "@storybook/core-events": 7.4.3
-    "@storybook/global": ^5.0.0
-    "@storybook/preview-api": 7.4.3
-  checksum: 0be9c5add5fcc2a227b711848ad35856be44a070ead50a04d019cc4b519b63d2a96a3be406db57b65a58c6d158ea16cbf4589019814327d8294e70d6d4eb8286
-  languageName: node
-  linkType: hard
-
 "@storybook/addon-interactions@npm:^6.5.16":
   version: 6.5.16
   resolution: "@storybook/addon-interactions@npm:6.5.16"
@@ -12319,35 +12070,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/addon-interactions@npm:^7.4.3":
-  version: 7.4.3
-  resolution: "@storybook/addon-interactions@npm:7.4.3"
-  dependencies:
-    "@storybook/client-logger": 7.4.3
-    "@storybook/components": 7.4.3
-    "@storybook/core-common": 7.4.3
-    "@storybook/core-events": 7.4.3
-    "@storybook/global": ^5.0.0
-    "@storybook/instrumenter": 7.4.3
-    "@storybook/manager-api": 7.4.3
-    "@storybook/preview-api": 7.4.3
-    "@storybook/theming": 7.4.3
-    "@storybook/types": 7.4.3
-    jest-mock: ^27.0.6
-    polished: ^4.2.2
-    ts-dedent: ^2.2.0
-  peerDependencies:
-    react: ^16.8.0 || ^17.0.0 || ^18.0.0
-    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-  peerDependenciesMeta:
-    react:
-      optional: true
-    react-dom:
-      optional: true
-  checksum: 4737310d277a163d3dc0e4c0cf124773f47318e7f7f8bf352fffc712152f5db6d0418f815ad763e437740b27ec5777521644ae236fc9af9ecf47153de7f5b4d2
-  languageName: node
-  linkType: hard
-
 "@storybook/addon-links@npm:^6.5.16":
   version: 6.5.16
   resolution: "@storybook/addon-links@npm:6.5.16"
@@ -12376,32 +12098,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/addon-links@npm:^7.4.3":
-  version: 7.4.3
-  resolution: "@storybook/addon-links@npm:7.4.3"
-  dependencies:
-    "@storybook/client-logger": 7.4.3
-    "@storybook/core-events": 7.4.3
-    "@storybook/csf": ^0.1.0
-    "@storybook/global": ^5.0.0
-    "@storybook/manager-api": 7.4.3
-    "@storybook/preview-api": 7.4.3
-    "@storybook/router": 7.4.3
-    "@storybook/types": 7.4.3
-    prop-types: ^15.7.2
-    ts-dedent: ^2.0.0
-  peerDependencies:
-    react: ^16.8.0 || ^17.0.0 || ^18.0.0
-    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-  peerDependenciesMeta:
-    react:
-      optional: true
-    react-dom:
-      optional: true
-  checksum: 3338ff3601f506891e0824f0f3d3f50fbd6ea0d4c06e546f92449ba29579e6a03007f01787c94259289b1f5ff892e87619d9d894d58754cd7917a2189643bcd6
-  languageName: node
-  linkType: hard
-
 "@storybook/addon-measure@npm:6.5.16":
   version: 6.5.16
   resolution: "@storybook/addon-measure@npm:6.5.16"
@@ -12426,43 +12122,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/addon-measure@npm:7.4.3":
-  version: 7.4.3
-  resolution: "@storybook/addon-measure@npm:7.4.3"
-  dependencies:
-    "@storybook/client-logger": 7.4.3
-    "@storybook/components": 7.4.3
-    "@storybook/core-events": 7.4.3
-    "@storybook/global": ^5.0.0
-    "@storybook/manager-api": 7.4.3
-    "@storybook/preview-api": 7.4.3
-    "@storybook/types": 7.4.3
-    tiny-invariant: ^1.3.1
-  peerDependencies:
-    react: ^16.8.0 || ^17.0.0 || ^18.0.0
-    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-  peerDependenciesMeta:
-    react:
-      optional: true
-    react-dom:
-      optional: true
-  checksum: 3c250645928855f08ebd13a86e196b84c87427599fb3bc602e39e68078acff54f46a82b0a9d94a4fb7ef4d33e1ca7b0c8d0a1e6b0b3b3abcdb94f6f0ee9bb0aa
-  languageName: node
-  linkType: hard
-
-"@storybook/addon-onboarding@npm:^1.0.8":
-  version: 1.0.8
-  resolution: "@storybook/addon-onboarding@npm:1.0.8"
-  dependencies:
-    "@storybook/telemetry": ^7.1.0-alpha.32
-    react-confetti: ^6.1.0
-  peerDependencies:
-    react: ^16.8.0 || ^17.0.0 || ^18.0.0
-    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-  checksum: f7f27869a06fd84058d4144aa94d72ace862ef726a083dd0f3cffae9916d7264ef4e8d154585eb6143eda85e4b21ee784e9114b9ca7905b82baab77738f8d0cf
-  languageName: node
-  linkType: hard
-
 "@storybook/addon-outline@npm:6.5.16":
   version: 6.5.16
   resolution: "@storybook/addon-outline@npm:6.5.16"
@@ -12489,27 +12148,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/addon-outline@npm:7.4.3":
-  version: 7.4.3
-  resolution: "@storybook/addon-outline@npm:7.4.3"
+"@storybook/addon-styling-webpack@npm:^0.0.5":
+  version: 0.0.5
+  resolution: "@storybook/addon-styling-webpack@npm:0.0.5"
   dependencies:
-    "@storybook/client-logger": 7.4.3
-    "@storybook/components": 7.4.3
-    "@storybook/core-events": 7.4.3
-    "@storybook/global": ^5.0.0
-    "@storybook/manager-api": 7.4.3
-    "@storybook/preview-api": 7.4.3
-    "@storybook/types": 7.4.3
-    ts-dedent: ^2.0.0
+    "@storybook/node-logger": ^7.0.12
   peerDependencies:
-    react: ^16.8.0 || ^17.0.0 || ^18.0.0
-    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-  peerDependenciesMeta:
-    react:
-      optional: true
-    react-dom:
-      optional: true
-  checksum: 55093be7c0037b8b34441e43727fe13f5e894a6f572ccccf8019ea495b346d3043dcc0e30fa42eb0daefc2b1fc7b7fb73d71237ed85a3e783d643f0271b2174e
+    webpack: ^5.0.0
+  checksum: 43462f6b05b660f9e6a8d70640efeedfaad314ebe65d7a172d84213c9ff9f1f78d69ec5d242914ea704ec6ae9c4fc12cf0a7130d10d29367397e5e2babe2b2ed
   languageName: node
   linkType: hard
 
@@ -12581,27 +12227,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/addon-toolbars@npm:7.4.3":
-  version: 7.4.3
-  resolution: "@storybook/addon-toolbars@npm:7.4.3"
-  dependencies:
-    "@storybook/client-logger": 7.4.3
-    "@storybook/components": 7.4.3
-    "@storybook/manager-api": 7.4.3
-    "@storybook/preview-api": 7.4.3
-    "@storybook/theming": 7.4.3
-  peerDependencies:
-    react: ^16.8.0 || ^17.0.0 || ^18.0.0
-    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-  peerDependenciesMeta:
-    react:
-      optional: true
-    react-dom:
-      optional: true
-  checksum: 4d736f846768ffdccb4c001065e03c4c286f1f0c607d355f3725073e70e640d15de253616ab0718e1baf115c005172d842f7c17e5876526b72a7176ee6e08138
-  languageName: node
-  linkType: hard
-
 "@storybook/addon-viewport@npm:6.5.16":
   version: 6.5.16
   resolution: "@storybook/addon-viewport@npm:6.5.16"
@@ -12629,31 +12254,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/addon-viewport@npm:7.4.3":
-  version: 7.4.3
-  resolution: "@storybook/addon-viewport@npm:7.4.3"
-  dependencies:
-    "@storybook/client-logger": 7.4.3
-    "@storybook/components": 7.4.3
-    "@storybook/core-events": 7.4.3
-    "@storybook/global": ^5.0.0
-    "@storybook/manager-api": 7.4.3
-    "@storybook/preview-api": 7.4.3
-    "@storybook/theming": 7.4.3
-    memoizerific: ^1.11.3
-    prop-types: ^15.7.2
-  peerDependencies:
-    react: ^16.8.0 || ^17.0.0 || ^18.0.0
-    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-  peerDependenciesMeta:
-    react:
-      optional: true
-    react-dom:
-      optional: true
-  checksum: 4faacd24433e9807cfe19805f52fbcb4054aa14414bc8fb4d88092c3bf7ac409c039716ea42c7496e7d7cd6abdda33f4c4255b4bd3c987c4b8d8a63e2d475b00
-  languageName: node
-  linkType: hard
-
 "@storybook/addons@npm:6.5.10":
   version: 6.5.10
   resolution: "@storybook/addons@npm:6.5.10"
@@ -12720,20 +12320,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/addons@npm:7.4.3":
-  version: 7.4.3
-  resolution: "@storybook/addons@npm:7.4.3"
-  dependencies:
-    "@storybook/manager-api": 7.4.3
-    "@storybook/preview-api": 7.4.3
-    "@storybook/types": 7.4.3
-  peerDependencies:
-    react: ^16.8.0 || ^17.0.0 || ^18.0.0
-    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-  checksum: 6572fe0f389e6c9ec97e0f49a7212b0c9dd8196d794e0557d743397b6a69bc472638b879b63b61dc03d5dda78052d74d07460df62afea7cecbfb9d39eef35171
-  languageName: node
-  linkType: hard
-
 "@storybook/addons@npm:^6.4.19":
   version: 6.5.13
   resolution: "@storybook/addons@npm:6.5.13"
@@ -12920,11 +12506,11 @@ __metadata:
   linkType: hard
 
 "@storybook/api@npm:^7.0.12":
-  version: 7.4.3
-  resolution: "@storybook/api@npm:7.4.3"
+  version: 7.5.0
+  resolution: "@storybook/api@npm:7.5.0"
   dependencies:
-    "@storybook/client-logger": 7.4.3
-    "@storybook/manager-api": 7.4.3
+    "@storybook/client-logger": 7.5.0
+    "@storybook/manager-api": 7.5.0
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
     react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -12933,41 +12519,7 @@ __metadata:
       optional: true
     react-dom:
       optional: true
-  checksum: bf1afa0ae75e6e959e2d19c0fac27e63ab2ba83e79cd4eac461c8eb216127b02741ad7ae75dae7353fed0192b3e1e76f69309de1fdbc6e110c7a28a1b9caa029
-  languageName: node
-  linkType: hard
-
-"@storybook/blocks@npm:7.4.3, @storybook/blocks@npm:^7.4.3":
-  version: 7.4.3
-  resolution: "@storybook/blocks@npm:7.4.3"
-  dependencies:
-    "@storybook/channels": 7.4.3
-    "@storybook/client-logger": 7.4.3
-    "@storybook/components": 7.4.3
-    "@storybook/core-events": 7.4.3
-    "@storybook/csf": ^0.1.0
-    "@storybook/docs-tools": 7.4.3
-    "@storybook/global": ^5.0.0
-    "@storybook/manager-api": 7.4.3
-    "@storybook/preview-api": 7.4.3
-    "@storybook/theming": 7.4.3
-    "@storybook/types": 7.4.3
-    "@types/lodash": ^4.14.167
-    color-convert: ^2.0.1
-    dequal: ^2.0.2
-    lodash: ^4.17.21
-    markdown-to-jsx: ^7.1.8
-    memoizerific: ^1.11.3
-    polished: ^4.2.2
-    react-colorful: ^5.1.2
-    telejson: ^7.2.0
-    tocbot: ^4.20.1
-    ts-dedent: ^2.0.0
-    util-deprecate: ^1.0.2
-  peerDependencies:
-    react: ^16.8.0 || ^17.0.0 || ^18.0.0
-    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-  checksum: 1a87c367078aa6efaad223902fc9f9e5137a108668e5d0dfe5a0eddd2cb3e5cff356e8dc52be0c5143f56865bf649730beefb9b53838bf49e1f10cd909c4d09e
+  checksum: 82fafa5963324d33f4860d2938dd8a4b6d70b810e5ec7678f676a0f288dfd9a5f1265a122d6341c9fff19be63cd2b0dcb0cc6549c840a1d6928290a3ffcda52f
   languageName: node
   linkType: hard
 
@@ -13169,64 +12721,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/builder-webpack5@npm:7.4.3":
-  version: 7.4.3
-  resolution: "@storybook/builder-webpack5@npm:7.4.3"
-  dependencies:
-    "@babel/core": ^7.22.9
-    "@storybook/addons": 7.4.3
-    "@storybook/channels": 7.4.3
-    "@storybook/client-api": 7.4.3
-    "@storybook/client-logger": 7.4.3
-    "@storybook/components": 7.4.3
-    "@storybook/core-common": 7.4.3
-    "@storybook/core-events": 7.4.3
-    "@storybook/core-webpack": 7.4.3
-    "@storybook/global": ^5.0.0
-    "@storybook/manager-api": 7.4.3
-    "@storybook/node-logger": 7.4.3
-    "@storybook/preview": 7.4.3
-    "@storybook/preview-api": 7.4.3
-    "@storybook/router": 7.4.3
-    "@storybook/store": 7.4.3
-    "@storybook/theming": 7.4.3
-    "@swc/core": ^1.3.49
-    "@types/node": ^16.0.0
-    "@types/semver": ^7.3.4
-    babel-loader: ^9.0.0
-    babel-plugin-named-exports-order: ^0.0.2
-    browser-assert: ^1.2.1
-    case-sensitive-paths-webpack-plugin: ^2.4.0
-    constants-browserify: ^1.0.0
-    css-loader: ^6.7.1
-    express: ^4.17.3
-    fork-ts-checker-webpack-plugin: ^8.0.0
-    fs-extra: ^11.1.0
-    html-webpack-plugin: ^5.5.0
-    path-browserify: ^1.0.1
-    process: ^0.11.10
-    semver: ^7.3.7
-    style-loader: ^3.3.1
-    swc-loader: ^0.2.3
-    terser-webpack-plugin: ^5.3.1
-    ts-dedent: ^2.0.0
-    url: ^0.11.0
-    util: ^0.12.4
-    util-deprecate: ^1.0.2
-    webpack: 5
-    webpack-dev-middleware: ^6.1.1
-    webpack-hot-middleware: ^2.25.1
-    webpack-virtual-modules: ^0.5.0
-  peerDependencies:
-    react: ^16.8.0 || ^17.0.0 || ^18.0.0
-    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-  peerDependenciesMeta:
-    typescript:
-      optional: true
-  checksum: 1e4300427b59327fd369a165d0b33f16cdd70ca387d4c0eccd72f0170c6c535e44dbbb85b6bbba6496fdcd17816840753fea8a3ac3702c73a5a1fd4b0aeaaccd
-  languageName: node
-  linkType: hard
-
 "@storybook/channel-postmessage@npm:6.5.10":
   version: 6.5.10
   resolution: "@storybook/channel-postmessage@npm:6.5.10"
@@ -13373,6 +12867,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/channels@npm:7.5.0":
+  version: 7.5.0
+  resolution: "@storybook/channels@npm:7.5.0"
+  dependencies:
+    "@storybook/client-logger": 7.5.0
+    "@storybook/core-events": 7.5.0
+    "@storybook/global": ^5.0.0
+    qs: ^6.10.0
+    telejson: ^7.2.0
+    tiny-invariant: ^1.3.1
+  checksum: dd318b3ab8c615b63b7f1d1c1b05ca31fb4985ba527a0ebb47d02498c18a826c78241985c644deaeaab32a4869e1cf67d40b2c7638905c01cf9942d30c0eb16d
+  languageName: node
+  linkType: hard
+
 "@storybook/cli@npm:7.4.3":
   version: 7.4.3
   resolution: "@storybook/cli@npm:7.4.3"
@@ -13487,16 +12995,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/client-api@npm:7.4.3":
-  version: 7.4.3
-  resolution: "@storybook/client-api@npm:7.4.3"
-  dependencies:
-    "@storybook/client-logger": 7.4.3
-    "@storybook/preview-api": 7.4.3
-  checksum: f23db6917ed3a12021732d096c1358ea75861bcfbad1d3a3e8df19c457b90f15fa5e3da06ce3eb22336cf3ed3b62e7b23c26ce4fbbbdab37cbabdaf8c066f368
-  languageName: node
-  linkType: hard
-
 "@storybook/client-logger@npm:6.3.13":
   version: 6.3.13
   resolution: "@storybook/client-logger@npm:6.3.13"
@@ -13565,6 +13063,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/client-logger@npm:7.5.0":
+  version: 7.5.0
+  resolution: "@storybook/client-logger@npm:7.5.0"
+  dependencies:
+    "@storybook/global": ^5.0.0
+  checksum: 00f976e0d71107f9f07d98d3c1741ebb647cb50f3448377be481633198742a335a7178414cad5cb30f8327cfc5842f2726fbe5e5a7eafeed999a6f7cdab77e41
+  languageName: node
+  linkType: hard
+
 "@storybook/codemod@npm:7.4.3":
   version: 7.4.3
   resolution: "@storybook/codemod@npm:7.4.3"
@@ -13625,24 +13132,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/components@npm:7.4.3, @storybook/components@npm:^7.0.12":
-  version: 7.4.3
-  resolution: "@storybook/components@npm:7.4.3"
+"@storybook/components@npm:^7.0.12":
+  version: 7.5.0
+  resolution: "@storybook/components@npm:7.5.0"
   dependencies:
     "@radix-ui/react-select": ^1.2.2
     "@radix-ui/react-toolbar": ^1.0.4
-    "@storybook/client-logger": 7.4.3
+    "@storybook/client-logger": 7.5.0
     "@storybook/csf": ^0.1.0
     "@storybook/global": ^5.0.0
-    "@storybook/theming": 7.4.3
-    "@storybook/types": 7.4.3
+    "@storybook/theming": 7.5.0
+    "@storybook/types": 7.5.0
     memoizerific: ^1.11.3
     use-resize-observer: ^9.1.0
     util-deprecate: ^1.0.2
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
     react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-  checksum: e286bd716535fcbfb722d9da122c2563432a2ffb8131a7b0e8be576465aa424f5aa3b9245311edd8f58a3b04aff5d99e2ac30f7d684d88c4c532bd75e8757c3b
+  checksum: 5c8e194c2a827e9bf48f4237d00b4875022f1ad12855031a76f069cb4a679bc3a53ae6dfd15fe779578de8fdcaf3fbc28f2e0d681a2d8a2581ee39a5a29a020e
   languageName: node
   linkType: hard
 
@@ -13751,16 +13258,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/core-client@npm:7.4.3":
-  version: 7.4.3
-  resolution: "@storybook/core-client@npm:7.4.3"
-  dependencies:
-    "@storybook/client-logger": 7.4.3
-    "@storybook/preview-api": 7.4.3
-  checksum: 5fb0176577fe90c1119c82874c67dbd0eb90425689958d6c6f0f75a0a0d27c2db81decabe8906f86506d7706807c0b01573608bfba79facc7122397e1ba436ec
-  languageName: node
-  linkType: hard
-
 "@storybook/core-common@npm:6.5.10":
   version: 6.5.10
   resolution: "@storybook/core-common@npm:6.5.10"
@@ -13889,7 +13386,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/core-common@npm:7.4.3, @storybook/core-common@npm:^7.0.12":
+"@storybook/core-common@npm:7.4.3":
   version: 7.4.3
   resolution: "@storybook/core-common@npm:7.4.3"
   dependencies:
@@ -13947,6 +13444,37 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/core-common@npm:^7.0.12":
+  version: 7.5.0
+  resolution: "@storybook/core-common@npm:7.5.0"
+  dependencies:
+    "@storybook/core-events": 7.5.0
+    "@storybook/node-logger": 7.5.0
+    "@storybook/types": 7.5.0
+    "@types/find-cache-dir": ^3.2.1
+    "@types/node": ^18.0.0
+    "@types/node-fetch": ^2.6.4
+    "@types/pretty-hrtime": ^1.0.0
+    chalk: ^4.1.0
+    esbuild: ^0.18.0
+    esbuild-register: ^3.5.0
+    file-system-cache: 2.3.0
+    find-cache-dir: ^3.0.0
+    find-up: ^5.0.0
+    fs-extra: ^11.1.0
+    glob: ^10.0.0
+    handlebars: ^4.7.7
+    lazy-universal-dotenv: ^4.0.0
+    node-fetch: ^2.0.0
+    picomatch: ^2.3.0
+    pkg-dir: ^5.0.0
+    pretty-hrtime: ^1.0.3
+    resolve-from: ^5.0.0
+    ts-dedent: ^2.0.0
+  checksum: 88300d4a8fc61c2dcc87a24ed54d61d5a9591655694e59b4bad67fd053b8db842500082bf5487ca477209e8dc1fe35a2127958342d4b41ce5c6c2584a59995f7
+  languageName: node
+  linkType: hard
+
 "@storybook/core-events@npm:6.3.13, @storybook/core-events@npm:~6.3.0":
   version: 6.3.13
   resolution: "@storybook/core-events@npm:6.3.13"
@@ -13983,7 +13511,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/core-events@npm:6.5.16":
+"@storybook/core-events@npm:6.5.16, @storybook/core-events@npm:^6.5.16":
   version: 6.5.16
   resolution: "@storybook/core-events@npm:6.5.16"
   dependencies:
@@ -13999,7 +13527,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/core-events@npm:7.4.3, @storybook/core-events@npm:^7.0.12":
+"@storybook/core-events@npm:7.4.3":
   version: 7.4.3
   resolution: "@storybook/core-events@npm:7.4.3"
   dependencies:
@@ -14008,6 +13536,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/core-events@npm:7.5.0, @storybook/core-events@npm:^7.0.12":
+  version: 7.5.0
+  resolution: "@storybook/core-events@npm:7.5.0"
+  dependencies:
+    ts-dedent: ^2.0.0
+  checksum: 829321419c5e5e21c17e72c4006004e73b24648e065ed5b278074317f5d57ce896a1a28deff51184ae44fd8a9d463519ab261bbe5a17736ca50ff7c5bbcb44f9
+  languageName: node
+  linkType: hard
+
 "@storybook/core-server@npm:6.5.10":
   version: 6.5.10
   resolution: "@storybook/core-server@npm:6.5.10"
@@ -14184,19 +13721,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/core-webpack@npm:7.4.3":
-  version: 7.4.3
-  resolution: "@storybook/core-webpack@npm:7.4.3"
-  dependencies:
-    "@storybook/core-common": 7.4.3
-    "@storybook/node-logger": 7.4.3
-    "@storybook/types": 7.4.3
-    "@types/node": ^16.0.0
-    ts-dedent: ^2.0.0
-  checksum: 70d5b23c32b14ba68f01dd1246e8d0244cef7f99d046589fb12efb25ebb613921ac2341847624798857735020f0fdb407200f4f31f1626c7f0e3efd70440d355
-  languageName: node
-  linkType: hard
-
 "@storybook/core@npm:6.5.10":
   version: 6.5.10
   resolution: "@storybook/core@npm:6.5.10"
@@ -14239,16 +13763,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/csf-plugin@npm:7.4.3":
-  version: 7.4.3
-  resolution: "@storybook/csf-plugin@npm:7.4.3"
-  dependencies:
-    "@storybook/csf-tools": 7.4.3
-    unplugin: ^1.3.1
-  checksum: 7ab96ef4aa7b8fbbdf6018a7c7a655905d644468abd46de00f619996504b2c4cbce666490d2804469caebd047aa575a55892c06097ad90479963794989e3174b
-  languageName: node
-  linkType: hard
-
 "@storybook/csf-tools@npm:6.5.10":
   version: 6.5.10
   resolution: "@storybook/csf-tools@npm:6.5.10"
@@ -14401,20 +13915,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/docs-tools@npm:7.4.3":
-  version: 7.4.3
-  resolution: "@storybook/docs-tools@npm:7.4.3"
-  dependencies:
-    "@storybook/core-common": 7.4.3
-    "@storybook/preview-api": 7.4.3
-    "@storybook/types": 7.4.3
-    "@types/doctrine": ^0.0.3
-    doctrine: ^3.0.0
-    lodash: ^4.17.21
-  checksum: 4859a99719ed6e3934e3db3b0618c4534aedea3f4752c2a0e0ecbaea1553e8e4b5e8c1d91bb49b7a42d2850d45fffa36de2780871d20677fe7acbe17f85634f0
-  languageName: node
-  linkType: hard
-
 "@storybook/expect@storybook-jest":
   version: 27.5.2-0
   resolution: "@storybook/expect@npm:27.5.2-0"
@@ -14444,19 +13944,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/instrumenter@npm:7.4.3":
-  version: 7.4.3
-  resolution: "@storybook/instrumenter@npm:7.4.3"
-  dependencies:
-    "@storybook/channels": 7.4.3
-    "@storybook/client-logger": 7.4.3
-    "@storybook/core-events": 7.4.3
-    "@storybook/global": ^5.0.0
-    "@storybook/preview-api": 7.4.3
-  checksum: e3a9e282a94836e8aab7629eef8724bd7adccaa5580ce2be617c16924996af6b4231a74391d8bb14cc6aedd9a654ce5e68fb4aea6cdfdda6dc7a66e093dbec26
-  languageName: node
-  linkType: hard
-
 "@storybook/instrumenter@npm:^6.4.0":
   version: 6.5.12
   resolution: "@storybook/instrumenter@npm:6.5.12"
@@ -14482,18 +13969,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/manager-api@npm:7.4.3, @storybook/manager-api@npm:^7.0.12":
-  version: 7.4.3
-  resolution: "@storybook/manager-api@npm:7.4.3"
+"@storybook/manager-api@npm:7.5.0, @storybook/manager-api@npm:^7.0.12":
+  version: 7.5.0
+  resolution: "@storybook/manager-api@npm:7.5.0"
   dependencies:
-    "@storybook/channels": 7.4.3
-    "@storybook/client-logger": 7.4.3
-    "@storybook/core-events": 7.4.3
+    "@storybook/channels": 7.5.0
+    "@storybook/client-logger": 7.5.0
+    "@storybook/core-events": 7.5.0
     "@storybook/csf": ^0.1.0
     "@storybook/global": ^5.0.0
-    "@storybook/router": 7.4.3
-    "@storybook/theming": 7.4.3
-    "@storybook/types": 7.4.3
+    "@storybook/router": 7.5.0
+    "@storybook/theming": 7.5.0
+    "@storybook/types": 7.5.0
     dequal: ^2.0.2
     lodash: ^4.17.21
     memoizerific: ^1.11.3
@@ -14504,7 +13991,7 @@ __metadata:
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
     react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-  checksum: 211289ba595c2cbb18dc2d6d993270f3cbae330ab359fb52898f776bace41cb4363bdac8feaa56f399bb3b048892eec932e620cc0fe7e50e2d9043e1de7a854d
+  checksum: c651ed1594f7bd704a846c2ba782785a0fdf83779d10b400b034711e65e40975e67d8cc484d5753523d2341112dd7e63b49dc71b04803b7a718b793b08adabf7
   languageName: node
   linkType: hard
 
@@ -14678,13 +14165,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/mdx2-csf@npm:^1.0.0":
-  version: 1.1.0
-  resolution: "@storybook/mdx2-csf@npm:1.1.0"
-  checksum: 5ccdb13f4e59b989499f76e54ffaffb96b5710a696346efe19989b3373f375703adf516780894b270fa64a7e765b55274dc18575fc4a84e7fa92b844a4467c5d
-  languageName: node
-  linkType: hard
-
 "@storybook/node-logger@npm:6.5.10":
   version: 6.5.10
   resolution: "@storybook/node-logger@npm:6.5.10"
@@ -14723,13 +14203,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/node-logger@npm:7.4.3, @storybook/node-logger@npm:^7.0.12":
+"@storybook/node-logger@npm:7.4.3":
   version: 7.4.3
   resolution: "@storybook/node-logger@npm:7.4.3"
   checksum: 3d067b5e51f52622f4f950fb9bc3584dddc80e30cfd5348936c361ad6ea3006c99fcb23a29f57290b77c770c082f766ede177405d57a7fd68fad7881f6844bfc
   languageName: node
   linkType: hard
 
+"@storybook/node-logger@npm:7.5.0, @storybook/node-logger@npm:^7.0.12":
+  version: 7.5.0
+  resolution: "@storybook/node-logger@npm:7.5.0"
+  checksum: e6288f345f2a0a1db7fb3a6605910b37d844d4e4fedc2459ae2825a924e8c15453436d074fd1d87e89e82108eab6f32bd3870402ec25f381f572024f73b67319
+  languageName: node
+  linkType: hard
+
 "@storybook/postinstall@npm:6.5.16":
   version: 6.5.16
   resolution: "@storybook/postinstall@npm:6.5.16"
@@ -14739,47 +14226,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/postinstall@npm:7.4.3":
-  version: 7.4.3
-  resolution: "@storybook/postinstall@npm:7.4.3"
-  checksum: 5a4a9653db29e6490145d29d2c39d6dcca86f884d4fd25d3808fcce574d38549788f20c5164e4796b4b9358103c999b202d16471b4f1d9e54288a92a88b75a8b
-  languageName: node
-  linkType: hard
-
-"@storybook/preset-react-webpack@npm:7.4.3":
-  version: 7.4.3
-  resolution: "@storybook/preset-react-webpack@npm:7.4.3"
-  dependencies:
-    "@babel/preset-flow": ^7.22.5
-    "@babel/preset-react": ^7.22.5
-    "@pmmmwh/react-refresh-webpack-plugin": ^0.5.5
-    "@storybook/core-webpack": 7.4.3
-    "@storybook/docs-tools": 7.4.3
-    "@storybook/node-logger": 7.4.3
-    "@storybook/react": 7.4.3
-    "@storybook/react-docgen-typescript-plugin": 1.0.6--canary.9.0c3f3b7.0
-    "@types/node": ^16.0.0
-    "@types/semver": ^7.3.4
-    babel-plugin-add-react-displayname: ^0.0.5
-    babel-plugin-react-docgen: ^4.2.1
-    fs-extra: ^11.1.0
-    react-refresh: ^0.11.0
-    semver: ^7.3.7
-    webpack: 5
-  peerDependencies:
-    "@babel/core": ^7.22.0
-    react: ^16.8.0 || ^17.0.0 || ^18.0.0
-    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-  peerDependenciesMeta:
-    "@babel/core":
-      optional: true
-    typescript:
-      optional: true
-  checksum: a3172cfe365bd47fbd77c426102445f14967d14343cfaf2cdd611608b6293a0bef55c7a63165ec9c430595c04131c23d340c6c5ab04b8bdd5b4b65d32961fbbb
-  languageName: node
-  linkType: hard
-
-"@storybook/preview-api@npm:7.4.3, @storybook/preview-api@npm:^7.0.12":
+"@storybook/preview-api@npm:7.4.3":
   version: 7.4.3
   resolution: "@storybook/preview-api@npm:7.4.3"
   dependencies:
@@ -14824,6 +14271,28 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/preview-api@npm:^7.0.12":
+  version: 7.5.0
+  resolution: "@storybook/preview-api@npm:7.5.0"
+  dependencies:
+    "@storybook/channels": 7.5.0
+    "@storybook/client-logger": 7.5.0
+    "@storybook/core-events": 7.5.0
+    "@storybook/csf": ^0.1.0
+    "@storybook/global": ^5.0.0
+    "@storybook/types": 7.5.0
+    "@types/qs": ^6.9.5
+    dequal: ^2.0.2
+    lodash: ^4.17.21
+    memoizerific: ^1.11.3
+    qs: ^6.10.0
+    synchronous-promise: ^2.0.15
+    ts-dedent: ^2.0.0
+    util-deprecate: ^1.0.2
+  checksum: 43984ba7e3aafe3b32ac88adebb2dc898d5f96a991fe98a37524b02c2e8f887d4757d5b12ea5c5b812db173310076f2367e46f85ba21c4005591e87a100debc5
+  languageName: node
+  linkType: hard
+
 "@storybook/preview-web@npm:6.5.10":
   version: 6.5.10
   resolution: "@storybook/preview-web@npm:6.5.10"
@@ -14878,13 +14347,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/preview@npm:7.4.3":
-  version: 7.4.3
-  resolution: "@storybook/preview@npm:7.4.3"
-  checksum: 27e5593d667adf1876f8b5f733f52e1b531017f424d9e696f2e46ced2a1eca2b32e8131f7a3450f494471ee0262d07ab8785f02b7bf3663f2746dfdbfc1e783b
-  languageName: node
-  linkType: hard
-
 "@storybook/react-docgen-typescript-plugin@npm:1.0.6--canary.9.f9c48c0.0":
   version: 1.0.6--canary.9.f9c48c0.0
   resolution: "@storybook/react-docgen-typescript-plugin@npm:1.0.6--canary.9.f9c48c0.0"
@@ -14912,74 +14374,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/react-dom-shim@npm:7.4.3":
-  version: 7.4.3
-  resolution: "@storybook/react-dom-shim@npm:7.4.3"
-  peerDependencies:
-    react: ^16.8.0 || ^17.0.0 || ^18.0.0
-    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-  checksum: 29d62daac74db590880bc4074ef6350a856e12ca31fa07aaac336d9bed131a37d8d2cf2245db055b9b06608de4fb3937a12bc4fe12564397d61ec7f52d7c9364
-  languageName: node
-  linkType: hard
-
-"@storybook/react-webpack5@npm:^7.4.3":
-  version: 7.4.3
-  resolution: "@storybook/react-webpack5@npm:7.4.3"
-  dependencies:
-    "@storybook/builder-webpack5": 7.4.3
-    "@storybook/preset-react-webpack": 7.4.3
-    "@storybook/react": 7.4.3
-    "@types/node": ^16.0.0
-  peerDependencies:
-    "@babel/core": ^7.22.0
-    react: ^16.8.0 || ^17.0.0 || ^18.0.0
-    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-    typescript: "*"
-  peerDependenciesMeta:
-    "@babel/core":
-      optional: true
-    typescript:
-      optional: true
-  checksum: 7fc69e62fbbdd5d83cf66237d81c35193efa50558a02f5f4fecc7803eec4a3da458d3d2c192fbbd0bde3cf884e96f6eab59f3b3ebd54417219263a1aeedf1ad9
-  languageName: node
-  linkType: hard
-
-"@storybook/react@npm:7.4.3, @storybook/react@npm:^7.4.3":
-  version: 7.4.3
-  resolution: "@storybook/react@npm:7.4.3"
-  dependencies:
-    "@storybook/client-logger": 7.4.3
-    "@storybook/core-client": 7.4.3
-    "@storybook/docs-tools": 7.4.3
-    "@storybook/global": ^5.0.0
-    "@storybook/preview-api": 7.4.3
-    "@storybook/react-dom-shim": 7.4.3
-    "@storybook/types": 7.4.3
-    "@types/escodegen": ^0.0.6
-    "@types/estree": ^0.0.51
-    "@types/node": ^16.0.0
-    acorn: ^7.4.1
-    acorn-jsx: ^5.3.1
-    acorn-walk: ^7.2.0
-    escodegen: ^2.1.0
-    html-tags: ^3.1.0
-    lodash: ^4.17.21
-    prop-types: ^15.7.2
-    react-element-to-jsx-string: ^15.0.0
-    ts-dedent: ^2.0.0
-    type-fest: ~2.19
-    util-deprecate: ^1.0.2
-  peerDependencies:
-    react: ^16.8.0 || ^17.0.0 || ^18.0.0
-    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-    typescript: "*"
-  peerDependenciesMeta:
-    typescript:
-      optional: true
-  checksum: d57df8e2cea2a3f4accac678af464be3119fcd1038285411f15e1765c8ea378ab5ddd2a5331e310b4d0cad246f595bdf5c33b348905b5b3addd65cd2aba67f10
-  languageName: node
-  linkType: hard
-
 "@storybook/react@npm:^6.5.16":
   version: 6.5.16
   resolution: "@storybook/react@npm:6.5.16"
@@ -15195,17 +14589,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/router@npm:7.4.3":
-  version: 7.4.3
-  resolution: "@storybook/router@npm:7.4.3"
+"@storybook/router@npm:7.5.0":
+  version: 7.5.0
+  resolution: "@storybook/router@npm:7.5.0"
   dependencies:
-    "@storybook/client-logger": 7.4.3
+    "@storybook/client-logger": 7.5.0
     memoizerific: ^1.11.3
     qs: ^6.10.0
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
     react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-  checksum: cf95c32715688a70d06242116762a070ca209af80d73a17f04e8fc0e08c043f0a7bb1e927843e0a589962418715d63f3c8e0c579e9701f799433a459066b3a4d
+  checksum: be37e8e525c1c2d7ad6da883a1d588dbf3fe182143dc02222f10a43baaed3b7259e8c7c7bf32ac54e26bdc58cfb040bb418d898d8d97e8107a83a9d3c7ccd139
   languageName: node
   linkType: hard
 
@@ -15294,16 +14688,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/store@npm:7.4.3":
-  version: 7.4.3
-  resolution: "@storybook/store@npm:7.4.3"
-  dependencies:
-    "@storybook/client-logger": 7.4.3
-    "@storybook/preview-api": 7.4.3
-  checksum: ea157f0d59fffee7f397958b6ae73dd8434c3a01d977e72f22d83ae37617146e4fee3d983d6d08ba88cbe0553b96ddd75c5dfe555cc21cd022574e34968469ba
-  languageName: node
-  linkType: hard
-
 "@storybook/telemetry@npm:6.5.10":
   version: 6.5.10
   resolution: "@storybook/telemetry@npm:6.5.10"
@@ -15344,7 +14728,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/telemetry@npm:7.4.3, @storybook/telemetry@npm:^7.1.0-alpha.32":
+"@storybook/telemetry@npm:7.4.3":
   version: 7.4.3
   resolution: "@storybook/telemetry@npm:7.4.3"
   dependencies:
@@ -15413,17 +14797,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/testing-library@npm:^0.2.1":
-  version: 0.2.1
-  resolution: "@storybook/testing-library@npm:0.2.1"
-  dependencies:
-    "@testing-library/dom": ^9.0.0
-    "@testing-library/user-event": ~14.4.0
-    ts-dedent: ^2.2.0
-  checksum: 2688361b634921219e4dc8e4acbc6622cfba6c224bd9bf17bf9bfb3655c906129cc82edd69354b9b1889b6f43c9c5e74bd51adb4407b68033d78279b93aee457
-  languageName: node
-  linkType: hard
-
 "@storybook/theming@npm:6.3.13":
   version: 6.3.13
   resolution: "@storybook/theming@npm:6.3.13"
@@ -15507,18 +14880,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/theming@npm:7.4.3, @storybook/theming@npm:^7.0.12":
-  version: 7.4.3
-  resolution: "@storybook/theming@npm:7.4.3"
+"@storybook/theming@npm:7.5.0, @storybook/theming@npm:^7.0.12":
+  version: 7.5.0
+  resolution: "@storybook/theming@npm:7.5.0"
   dependencies:
     "@emotion/use-insertion-effect-with-fallbacks": ^1.0.0
-    "@storybook/client-logger": 7.4.3
+    "@storybook/client-logger": 7.5.0
     "@storybook/global": ^5.0.0
     memoizerific: ^1.11.3
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
     react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-  checksum: d75f6105daabe214938040c2d4a2a69319aa54da76e8833d04346f042a0a3ff498adb25e9ef8884cd7e918fac51c16b9b4ea872beb7611b410663887628c1772
+  checksum: d7e94fb094daf3a064ab5ad65104f60d82ccf3cf7a9b194174725d9e96f888f1c3378e59a3c7dfc4a7e745354f504fd6f5e3145e69e315470ca6c004c3a7fdc5
   languageName: node
   linkType: hard
 
@@ -15534,7 +14907,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/types@npm:7.4.3, @storybook/types@npm:^7.0.12":
+"@storybook/types@npm:7.4.3":
   version: 7.4.3
   resolution: "@storybook/types@npm:7.4.3"
   dependencies:
@@ -15546,6 +14919,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/types@npm:7.5.0, @storybook/types@npm:^7.0.12":
+  version: 7.5.0
+  resolution: "@storybook/types@npm:7.5.0"
+  dependencies:
+    "@storybook/channels": 7.5.0
+    "@types/babel__core": ^7.0.0
+    "@types/express": ^4.7.0
+    file-system-cache: 2.3.0
+  checksum: e74f807660eb9a626c3aea1822d7eb412b4ea129e5254e4e2b8e6f2af292d4ea797ad73e1b64e36ba44fdd3015297f2fde095fdc80690f56f5e050fc1d5576f7
+  languageName: node
+  linkType: hard
+
 "@storybook/ui@npm:6.5.10":
   version: 6.5.10
   resolution: "@storybook/ui@npm:6.5.10"
@@ -16242,13 +15627,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@swc/core-darwin-arm64@npm:1.3.86":
-  version: 1.3.86
-  resolution: "@swc/core-darwin-arm64@npm:1.3.86"
-  conditions: os=darwin & cpu=arm64
-  languageName: node
-  linkType: hard
-
 "@swc/core-darwin-x64@npm:1.3.11":
   version: 1.3.11
   resolution: "@swc/core-darwin-x64@npm:1.3.11"
@@ -16263,13 +15641,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@swc/core-darwin-x64@npm:1.3.86":
-  version: 1.3.86
-  resolution: "@swc/core-darwin-x64@npm:1.3.86"
-  conditions: os=darwin & cpu=x64
-  languageName: node
-  linkType: hard
-
 "@swc/core-freebsd-x64@npm:1.3.11":
   version: 1.3.11
   resolution: "@swc/core-freebsd-x64@npm:1.3.11"
@@ -16295,13 +15666,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@swc/core-linux-arm-gnueabihf@npm:1.3.86":
-  version: 1.3.86
-  resolution: "@swc/core-linux-arm-gnueabihf@npm:1.3.86"
-  conditions: os=linux & cpu=arm
-  languageName: node
-  linkType: hard
-
 "@swc/core-linux-arm64-gnu@npm:1.3.11":
   version: 1.3.11
   resolution: "@swc/core-linux-arm64-gnu@npm:1.3.11"
@@ -16316,13 +15680,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@swc/core-linux-arm64-gnu@npm:1.3.86":
-  version: 1.3.86
-  resolution: "@swc/core-linux-arm64-gnu@npm:1.3.86"
-  conditions: os=linux & cpu=arm64 & libc=glibc
-  languageName: node
-  linkType: hard
-
 "@swc/core-linux-arm64-musl@npm:1.3.11":
   version: 1.3.11
   resolution: "@swc/core-linux-arm64-musl@npm:1.3.11"
@@ -16337,13 +15694,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@swc/core-linux-arm64-musl@npm:1.3.86":
-  version: 1.3.86
-  resolution: "@swc/core-linux-arm64-musl@npm:1.3.86"
-  conditions: os=linux & cpu=arm64 & libc=musl
-  languageName: node
-  linkType: hard
-
 "@swc/core-linux-x64-gnu@npm:1.3.11":
   version: 1.3.11
   resolution: "@swc/core-linux-x64-gnu@npm:1.3.11"
@@ -16358,13 +15708,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@swc/core-linux-x64-gnu@npm:1.3.86":
-  version: 1.3.86
-  resolution: "@swc/core-linux-x64-gnu@npm:1.3.86"
-  conditions: os=linux & cpu=x64 & libc=glibc
-  languageName: node
-  linkType: hard
-
 "@swc/core-linux-x64-musl@npm:1.3.11":
   version: 1.3.11
   resolution: "@swc/core-linux-x64-musl@npm:1.3.11"
@@ -16379,13 +15722,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@swc/core-linux-x64-musl@npm:1.3.86":
-  version: 1.3.86
-  resolution: "@swc/core-linux-x64-musl@npm:1.3.86"
-  conditions: os=linux & cpu=x64 & libc=musl
-  languageName: node
-  linkType: hard
-
 "@swc/core-win32-arm64-msvc@npm:1.3.11":
   version: 1.3.11
   resolution: "@swc/core-win32-arm64-msvc@npm:1.3.11"
@@ -16402,13 +15738,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@swc/core-win32-arm64-msvc@npm:1.3.86":
-  version: 1.3.86
-  resolution: "@swc/core-win32-arm64-msvc@npm:1.3.86"
-  conditions: os=win32 & cpu=arm64
-  languageName: node
-  linkType: hard
-
 "@swc/core-win32-ia32-msvc@npm:1.3.11":
   version: 1.3.11
   resolution: "@swc/core-win32-ia32-msvc@npm:1.3.11"
@@ -16425,13 +15754,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@swc/core-win32-ia32-msvc@npm:1.3.86":
-  version: 1.3.86
-  resolution: "@swc/core-win32-ia32-msvc@npm:1.3.86"
-  conditions: os=win32 & cpu=ia32
-  languageName: node
-  linkType: hard
-
 "@swc/core-win32-x64-msvc@npm:1.3.11":
   version: 1.3.11
   resolution: "@swc/core-win32-x64-msvc@npm:1.3.11"
@@ -16446,13 +15768,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@swc/core-win32-x64-msvc@npm:1.3.86":
-  version: 1.3.86
-  resolution: "@swc/core-win32-x64-msvc@npm:1.3.86"
-  conditions: os=win32 & cpu=x64
-  languageName: node
-  linkType: hard
-
 "@swc/core@npm:1.3.11":
   version: 1.3.11
   resolution: "@swc/core@npm:1.3.11"
@@ -16547,58 +15862,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@swc/core@npm:^1.3.49":
-  version: 1.3.86
-  resolution: "@swc/core@npm:1.3.86"
-  dependencies:
-    "@swc/core-darwin-arm64": 1.3.86
-    "@swc/core-darwin-x64": 1.3.86
-    "@swc/core-linux-arm-gnueabihf": 1.3.86
-    "@swc/core-linux-arm64-gnu": 1.3.86
-    "@swc/core-linux-arm64-musl": 1.3.86
-    "@swc/core-linux-x64-gnu": 1.3.86
-    "@swc/core-linux-x64-musl": 1.3.86
-    "@swc/core-win32-arm64-msvc": 1.3.86
-    "@swc/core-win32-ia32-msvc": 1.3.86
-    "@swc/core-win32-x64-msvc": 1.3.86
-    "@swc/types": ^0.1.4
-  peerDependencies:
-    "@swc/helpers": ^0.5.0
-  dependenciesMeta:
-    "@swc/core-darwin-arm64":
-      optional: true
-    "@swc/core-darwin-x64":
-      optional: true
-    "@swc/core-linux-arm-gnueabihf":
-      optional: true
-    "@swc/core-linux-arm64-gnu":
-      optional: true
-    "@swc/core-linux-arm64-musl":
-      optional: true
-    "@swc/core-linux-x64-gnu":
-      optional: true
-    "@swc/core-linux-x64-musl":
-      optional: true
-    "@swc/core-win32-arm64-msvc":
-      optional: true
-    "@swc/core-win32-ia32-msvc":
-      optional: true
-    "@swc/core-win32-x64-msvc":
-      optional: true
-  peerDependenciesMeta:
-    "@swc/helpers":
-      optional: true
-  checksum: e2792b836446f2d2c002f7170e5a20aae9d0ca2ef316bef17918a1c87744c354c0c0afd8e2a97312cc017d2253fa60397478a5fe8c1ba12f84e7a293db9df5a5
-  languageName: node
-  linkType: hard
-
-"@swc/types@npm:^0.1.4":
-  version: 0.1.5
-  resolution: "@swc/types@npm:0.1.5"
-  checksum: 6aee11f62d3d805a64848e0bd5f0e0e615f958e327a9e1260056c368d7d28764d89e38bd8005a536c9bf18afbcd303edd84099d60df34a2975d62540f61df13b
-  languageName: node
-  linkType: hard
-
 "@swc/wasm@npm:1.2.122":
   version: 1.2.122
   resolution: "@swc/wasm@npm:1.2.122"
@@ -16661,22 +15924,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@testing-library/dom@npm:^9.0.0":
-  version: 9.3.3
-  resolution: "@testing-library/dom@npm:9.3.3"
-  dependencies:
-    "@babel/code-frame": ^7.10.4
-    "@babel/runtime": ^7.12.5
-    "@types/aria-query": ^5.0.1
-    aria-query: 5.1.3
-    chalk: ^4.1.0
-    dom-accessibility-api: ^0.5.9
-    lz-string: ^1.5.0
-    pretty-format: ^27.0.2
-  checksum: 34e0a564da7beb92aa9cc44a9080221e2412b1a132eb37be3d513fe6c58027674868deb9f86195756d98d15ba969a30fe00632a4e26e25df2a5a4f6ac0686e37
-  languageName: node
-  linkType: hard
-
 "@testing-library/jest-dom@npm:5.14.1":
   version: 5.14.1
   resolution: "@testing-library/jest-dom@npm:5.14.1"
@@ -16779,7 +16026,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@testing-library/user-event@npm:^14.4.3, @testing-library/user-event@npm:~14.4.0":
+"@testing-library/user-event@npm:^14.4.3":
   version: 14.4.3
   resolution: "@testing-library/user-event@npm:14.4.3"
   peerDependencies:
@@ -17037,13 +16284,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/aria-query@npm:^5.0.1":
-  version: 5.0.1
-  resolution: "@types/aria-query@npm:5.0.1"
-  checksum: 69fd7cceb6113ed370591aef04b3fd0742e9a1b06dd045c43531448847b85de181495e4566f98e776b37c422a12fd71866e0a1dfd904c5ec3f84d271682901de
-  languageName: node
-  linkType: hard
-
 "@types/babel__core@npm:^7.0.0":
   version: 7.1.20
   resolution: "@types/babel__core@npm:7.1.20"
@@ -17324,13 +16564,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/doctrine@npm:^0.0.3":
-  version: 0.0.3
-  resolution: "@types/doctrine@npm:0.0.3"
-  checksum: 7ca9c8ff4d2da437785151c9eef0dd80b8fa12e0ff0fcb988458a78de4b6f0fc92727ba5bbee446e1df615a91f03053c5783b30b7c21ab6ceab6a42557e93e50
-  languageName: node
-  linkType: hard
-
 "@types/dotenv-webpack@npm:7.0.3":
   version: 7.0.3
   resolution: "@types/dotenv-webpack@npm:7.0.3"
@@ -17356,13 +16589,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/escodegen@npm:^0.0.6":
-  version: 0.0.6
-  resolution: "@types/escodegen@npm:0.0.6"
-  checksum: 7b25aeedd48dbef68345224082c6bc774845cbfc1d9b2ce91a477130fe7ccabf33da126c1d6d55e5dfd838db429a7c80890628a167e5aa55b6a4620974da38d3
-  languageName: node
-  linkType: hard
-
 "@types/eslint-scope@npm:^3.7.0":
   version: 3.7.1
   resolution: "@types/eslint-scope@npm:3.7.1"
@@ -17868,6 +17094,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/node@npm:^18.0.0":
+  version: 18.18.6
+  resolution: "@types/node@npm:18.18.6"
+  checksum: a847639b8455fd3dfa6dbc2917274c82c9db789f1d41aaf69f94ac6c9e54c3c1dd29be6e1e1ccd7c17e54db3d78d7011bc4e70544c6447ceca253dccc0a187e1
+  languageName: node
+  linkType: hard
+
 "@types/node@npm:^18.11.18":
   version: 18.15.0
   resolution: "@types/node@npm:18.15.0"
@@ -20160,15 +19393,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"acorn@npm:^8.10.0":
-  version: 8.10.0
-  resolution: "acorn@npm:8.10.0"
-  bin:
-    acorn: bin/acorn
-  checksum: 538ba38af0cc9e5ef983aee196c4b8b4d87c0c94532334fa7e065b2c8a1f85863467bb774231aae91613fcda5e68740c15d97b1967ae3394d20faddddd8af61d
-  languageName: node
-  linkType: hard
-
 "acorn@npm:^8.4.1":
   version: 8.4.1
   resolution: "acorn@npm:8.4.1"
@@ -20863,15 +20087,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"aria-query@npm:5.1.3":
-  version: 5.1.3
-  resolution: "aria-query@npm:5.1.3"
-  dependencies:
-    deep-equal: ^2.0.5
-  checksum: 929ff95f02857b650fb4cbcd2f41072eee2f46159a6605ea03bf63aa572e35ffdff43d69e815ddc462e16e07de8faba3978afc2813650b4448ee18c9895d982b
-  languageName: node
-  linkType: hard
-
 "aria-query@npm:^4.2.2":
   version: 4.2.2
   resolution: "aria-query@npm:4.2.2"
@@ -20910,16 +20125,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"array-buffer-byte-length@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "array-buffer-byte-length@npm:1.0.0"
-  dependencies:
-    call-bind: ^1.0.2
-    is-array-buffer: ^3.0.1
-  checksum: 044e101ce150f4804ad19c51d6c4d4cfa505c5b2577bd179256e4aa3f3f6a0a5e9874c78cd428ee566ac574c8a04d7ce21af9fe52e844abfdccb82b33035a7c3
-  languageName: node
-  linkType: hard
-
 "array-find-index@npm:^1.0.1":
   version: 1.0.2
   resolution: "array-find-index@npm:1.0.2"
@@ -21477,19 +20682,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"babel-loader@npm:^9.0.0":
-  version: 9.1.3
-  resolution: "babel-loader@npm:9.1.3"
-  dependencies:
-    find-cache-dir: ^4.0.0
-    schema-utils: ^4.0.0
-  peerDependencies:
-    "@babel/core": ^7.12.0
-    webpack: ">=5"
-  checksum: b168dde5b8cf11206513371a79f86bb3faa7c714e6ec9fffd420876b61f3d7f5f4b976431095ef6a14bc4d324505126deb91045fd41e312ba49f4deaa166fe28
-  languageName: node
-  linkType: hard
-
 "babel-plugin-add-react-displayname@npm:^0.0.5":
   version: 0.0.5
   resolution: "babel-plugin-add-react-displayname@npm:0.0.5"
@@ -23222,7 +22414,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"case-sensitive-paths-webpack-plugin@npm:^2.3.0, case-sensitive-paths-webpack-plugin@npm:^2.4.0":
+"case-sensitive-paths-webpack-plugin@npm:^2.3.0":
   version: 2.4.0
   resolution: "case-sensitive-paths-webpack-plugin@npm:2.4.0"
   checksum: bcf469446eeee9ac0046e30860074ebb9aa4803aab9140e6bb72b600b23b1d70635690754be4504ce35cd99cdf05226bee8d894ba362a3f5485d5f6310fc6d02
@@ -24709,13 +23901,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"convert-source-map@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "convert-source-map@npm:2.0.0"
-  checksum: 63ae9933be5a2b8d4509daca5124e20c14d023c820258e484e32dc324d34c2754e71297c94a05784064ad27615037ef677e3f0c00469fb55f409d2bb21261035
-  languageName: node
-  linkType: hard
-
 "cookie-signature@npm:1.0.6":
   version: 1.0.6
   resolution: "cookie-signature@npm:1.0.6"
@@ -24865,13 +24050,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"core-js-pure@npm:^3.23.3":
-  version: 3.32.2
-  resolution: "core-js-pure@npm:3.32.2"
-  checksum: 19e781c624aee4003f8980f3c4fc441c16ef671473151affe114dc37cfe18958acdb42241b14827f62277f2d6eea73658f6c2e09131be20619e2859426bd03b4
-  languageName: node
-  linkType: hard
-
 "core-js-pure@npm:^3.8.1":
   version: 3.24.1
   resolution: "core-js-pure@npm:3.24.1"
@@ -25289,7 +24467,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"css-loader@npm:^6.7.1, css-loader@npm:^6.7.3":
+"css-loader@npm:^6.7.3":
   version: 6.8.1
   resolution: "css-loader@npm:6.8.1"
   dependencies:
@@ -25876,32 +25054,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"deep-equal@npm:^2.0.5":
-  version: 2.2.2
-  resolution: "deep-equal@npm:2.2.2"
-  dependencies:
-    array-buffer-byte-length: ^1.0.0
-    call-bind: ^1.0.2
-    es-get-iterator: ^1.1.3
-    get-intrinsic: ^1.2.1
-    is-arguments: ^1.1.1
-    is-array-buffer: ^3.0.2
-    is-date-object: ^1.0.5
-    is-regex: ^1.1.4
-    is-shared-array-buffer: ^1.0.2
-    isarray: ^2.0.5
-    object-is: ^1.1.5
-    object-keys: ^1.1.1
-    object.assign: ^4.1.4
-    regexp.prototype.flags: ^1.5.0
-    side-channel: ^1.0.4
-    which-boxed-primitive: ^1.0.2
-    which-collection: ^1.0.1
-    which-typed-array: ^1.1.9
-  checksum: eb61c35157b6ecb96a5359b507b083fbff8ddb4c86a78a781ee38485f77a667465e45d63ee2ebd8a00e86d94c80e499906900cd82c2debb400237e1662cd5397
-  languageName: node
-  linkType: hard
-
 "deep-equal@npm:~1.0.1":
   version: 1.0.1
   resolution: "deep-equal@npm:1.0.1"
@@ -26030,17 +25182,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"define-data-property@npm:^1.0.1":
-  version: 1.1.0
-  resolution: "define-data-property@npm:1.1.0"
-  dependencies:
-    get-intrinsic: ^1.2.1
-    gopd: ^1.0.1
-    has-property-descriptors: ^1.0.0
-  checksum: 7ad4ee84cca8ad427a4831f5693526804b62ce9dfd4efac77214e95a4382aed930072251d4075dc8dc9fc949a353ed51f19f5285a84a788ba9216cc51472a093
-  languageName: node
-  linkType: hard
-
 "define-lazy-prop@npm:^2.0.0":
   version: 2.0.0
   resolution: "define-lazy-prop@npm:2.0.0"
@@ -26074,17 +25215,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"define-properties@npm:^1.2.0":
-  version: 1.2.1
-  resolution: "define-properties@npm:1.2.1"
-  dependencies:
-    define-data-property: ^1.0.1
-    has-property-descriptors: ^1.0.0
-    object-keys: ^1.1.1
-  checksum: b4ccd00597dd46cb2d4a379398f5b19fca84a16f3374e2249201992f36b30f6835949a9429669ee6b41b6e837205a163eadd745e472069e70dfc10f03e5fcc12
-  languageName: node
-  linkType: hard
-
 "define-property@npm:^0.2.5":
   version: 0.2.5
   resolution: "define-property@npm:0.2.5"
@@ -27084,16 +26214,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"enhanced-resolve@npm:^5.15.0":
-  version: 5.15.0
-  resolution: "enhanced-resolve@npm:5.15.0"
-  dependencies:
-    graceful-fs: ^4.2.4
-    tapable: ^2.2.0
-  checksum: fbd8cdc9263be71cc737aa8a7d6c57b43d6aa38f6cc75dde6fcd3598a130cc465f979d2f4d01bb3bf475acb43817749c79f8eef9be048683602ca91ab52e4f11
-  languageName: node
-  linkType: hard
-
 "enhanced-resolve@npm:^5.7.0, enhanced-resolve@npm:^5.8.3":
   version: 5.8.3
   resolution: "enhanced-resolve@npm:5.8.3"
@@ -27366,23 +26486,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"es-get-iterator@npm:^1.1.3":
-  version: 1.1.3
-  resolution: "es-get-iterator@npm:1.1.3"
-  dependencies:
-    call-bind: ^1.0.2
-    get-intrinsic: ^1.1.3
-    has-symbols: ^1.0.3
-    is-arguments: ^1.1.1
-    is-map: ^2.0.2
-    is-set: ^2.0.2
-    is-string: ^1.0.7
-    isarray: ^2.0.5
-    stop-iteration-iterator: ^1.0.0
-  checksum: 8fa118da42667a01a7c7529f8a8cca514feeff243feec1ce0bb73baaa3514560bd09d2b3438873cf8a5aaec5d52da248131de153b28e2638a061b6e4df13267d
-  languageName: node
-  linkType: hard
-
 "es-module-lexer@npm:^0.9.0":
   version: 0.9.3
   resolution: "es-module-lexer@npm:0.9.3"
@@ -27472,6 +26575,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"esbuild-register@npm:^3.5.0":
+  version: 3.5.0
+  resolution: "esbuild-register@npm:3.5.0"
+  dependencies:
+    debug: ^4.3.4
+  peerDependencies:
+    esbuild: ">=0.12 <1"
+  checksum: f4307753c9672a2c901d04a1165031594a854f0a4c6f4c1db08aa393b68a193d38f2df483dc8ca0513e89f7b8998415e7e26fb9830989fb8cdccc5fb5f181c6b
+  languageName: node
+  linkType: hard
+
 "esbuild-scss-modules-plugin@npm:^1.1.1":
   version: 1.1.1
   resolution: "esbuild-scss-modules-plugin@npm:1.1.1"
@@ -29351,7 +28465,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fast-json-stable-stringify@npm:2.x, fast-json-stable-stringify@npm:^2.0.0, fast-json-stable-stringify@npm:^2.1.0":
+"fast-json-stable-stringify@npm:2.x, fast-json-stable-stringify@npm:^2.0.0":
   version: 2.1.0
   resolution: "fast-json-stable-stringify@npm:2.1.0"
   checksum: b191531e36c607977e5b1c47811158733c34ccb3bfde92c44798929e9b4154884378536d26ad90dfecd32e1ffc09c545d23535ad91b3161a27ddbb8ebe0cbecb
@@ -29641,16 +28755,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"find-cache-dir@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "find-cache-dir@npm:4.0.0"
-  dependencies:
-    common-path-prefix: ^3.0.0
-    pkg-dir: ^7.0.0
-  checksum: 52a456a80deeb27daa3af6e06059b63bdb9cc4af4d845fc6d6229887e505ba913cd56000349caa60bc3aa59dacdb5b4c37903d4ba34c75102d83cab330b70d2f
-  languageName: node
-  linkType: hard
-
 "find-file-up@npm:^0.1.2":
   version: 0.1.3
   resolution: "find-file-up@npm:0.1.3"
@@ -29915,29 +29019,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fork-ts-checker-webpack-plugin@npm:^8.0.0":
-  version: 8.0.0
-  resolution: "fork-ts-checker-webpack-plugin@npm:8.0.0"
-  dependencies:
-    "@babel/code-frame": ^7.16.7
-    chalk: ^4.1.2
-    chokidar: ^3.5.3
-    cosmiconfig: ^7.0.1
-    deepmerge: ^4.2.2
-    fs-extra: ^10.0.0
-    memfs: ^3.4.1
-    minimatch: ^3.0.4
-    node-abort-controller: ^3.0.1
-    schema-utils: ^3.1.1
-    semver: ^7.3.5
-    tapable: ^2.2.1
-  peerDependencies:
-    typescript: ">3.6.0"
-    webpack: ^5.11.0
-  checksum: aad4cbc5b802e6281a2700a379837697c93ad95288468f9595219d91d9c26674736d37852bb4c4341e9122f26181e9e05fc1a362e8d029fdd88e99de7816037b
-  languageName: node
-  linkType: hard
-
 "form-data@npm:^3.0.0":
   version: 3.0.1
   resolution: "form-data@npm:3.0.1"
@@ -30138,13 +29219,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fs-monkey@npm:^1.0.4":
-  version: 1.0.4
-  resolution: "fs-monkey@npm:1.0.4"
-  checksum: 8b254c982905c0b7e028eab22b410dc35a5c0019c1c860456f5f54ae6a61666e1cb8c6b700d6c88cc873694c00953c935847b9959cc4dcf274aacb8673c1e8bf
-  languageName: node
-  linkType: hard
-
 "fs-write-stream-atomic@npm:^1.0.8":
   version: 1.0.10
   resolution: "fs-write-stream-atomic@npm:1.0.10"
@@ -30261,13 +29335,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"functions-have-names@npm:^1.2.3":
-  version: 1.2.3
-  resolution: "functions-have-names@npm:1.2.3"
-  checksum: c3f1f5ba20f4e962efb71344ce0a40722163e85bee2101ce25f88214e78182d2d2476aa85ef37950c579eb6cf6ee811c17b3101bb84004bb75655f3e33f3fdb5
-  languageName: node
-  linkType: hard
-
 "gauge@npm:^3.0.0":
   version: 3.0.2
   resolution: "gauge@npm:3.0.2"
@@ -30405,18 +29472,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"get-intrinsic@npm:^1.2.0, get-intrinsic@npm:^1.2.1":
-  version: 1.2.1
-  resolution: "get-intrinsic@npm:1.2.1"
-  dependencies:
-    function-bind: ^1.1.1
-    has: ^1.0.3
-    has-proto: ^1.0.1
-    has-symbols: ^1.0.3
-  checksum: 5b61d88552c24b0cf6fa2d1b3bc5459d7306f699de060d76442cce49a4721f52b8c560a33ab392cf5575b7810277d54ded9d4d39a1ea61855619ebc005aa7e5f
-  languageName: node
-  linkType: hard
-
 "get-nonce@npm:^1.0.0":
   version: 1.0.1
   resolution: "get-nonce@npm:1.0.1"
@@ -31334,13 +30389,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"has-proto@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "has-proto@npm:1.0.1"
-  checksum: febc5b5b531de8022806ad7407935e2135f1cc9e64636c3916c6842bd7995994ca3b29871ecd7954bd35f9e2986c17b3b227880484d22259e2f8e6ce63fd383e
-  languageName: node
-  linkType: hard
-
 "has-symbols@npm:^1.0.1, has-symbols@npm:^1.0.2":
   version: 1.0.2
   resolution: "has-symbols@npm:1.0.2"
@@ -31904,21 +30952,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"html-webpack-plugin@npm:^5.5.0":
-  version: 5.5.3
-  resolution: "html-webpack-plugin@npm:5.5.3"
-  dependencies:
-    "@types/html-minifier-terser": ^6.0.0
-    html-minifier-terser: ^6.0.2
-    lodash: ^4.17.21
-    pretty-error: ^4.0.0
-    tapable: ^2.0.0
-  peerDependencies:
-    webpack: ^5.20.0
-  checksum: ccf685195739c372ad641bbd0c9100a847904f34eedc7aff3ece7856cd6c78fd3746d2d615af1bb71e5727993fe711b89e9b744f033ed3fde646540bf5d5e954
-  languageName: node
-  linkType: hard
-
 "htmlparser2@npm:^3.9.2":
   version: 3.10.1
   resolution: "htmlparser2@npm:3.10.1"
@@ -32633,17 +31666,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"internal-slot@npm:^1.0.4":
-  version: 1.0.5
-  resolution: "internal-slot@npm:1.0.5"
-  dependencies:
-    get-intrinsic: ^1.2.0
-    has: ^1.0.3
-    side-channel: ^1.0.4
-  checksum: 97e84046bf9e7574d0956bd98d7162313ce7057883b6db6c5c7b5e5f05688864b0978ba07610c726d15d66544ffe4b1050107d93f8a39ebc59b15d8b429b497a
-  languageName: node
-  linkType: hard
-
 "internmap@npm:1 - 2":
   version: 2.0.3
   resolution: "internmap@npm:2.0.3"
@@ -32801,7 +31823,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-arguments@npm:^1.0.4, is-arguments@npm:^1.1.0, is-arguments@npm:^1.1.1":
+"is-arguments@npm:^1.0.4, is-arguments@npm:^1.1.0":
   version: 1.1.1
   resolution: "is-arguments@npm:1.1.1"
   dependencies:
@@ -32811,17 +31833,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-array-buffer@npm:^3.0.1, is-array-buffer@npm:^3.0.2":
-  version: 3.0.2
-  resolution: "is-array-buffer@npm:3.0.2"
-  dependencies:
-    call-bind: ^1.0.2
-    get-intrinsic: ^1.2.0
-    is-typed-array: ^1.1.10
-  checksum: dcac9dda66ff17df9cabdc58214172bf41082f956eab30bb0d86bc0fab1e44b690fc8e1f855cf2481245caf4e8a5a006a982a71ddccec84032ed41f9d8da8c14
-  languageName: node
-  linkType: hard
-
 "is-arrayish@npm:^0.2.1":
   version: 0.2.1
   resolution: "is-arrayish@npm:0.2.1"
@@ -32975,7 +31986,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-date-object@npm:^1.0.1, is-date-object@npm:^1.0.5":
+"is-date-object@npm:^1.0.1":
   version: 1.0.5
   resolution: "is-date-object@npm:1.0.5"
   dependencies:
@@ -33226,7 +32237,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-map@npm:^2.0.1, is-map@npm:^2.0.2":
+"is-map@npm:^2.0.2":
   version: 2.0.2
   resolution: "is-map@npm:2.0.2"
   checksum: ace3d0ecd667bbdefdb1852de601268f67f2db725624b1958f279316e13fecb8fa7df91fd60f690d7417b4ec180712f5a7ee967008e27c65cfd475cc84337728
@@ -33449,7 +32460,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-set@npm:^2.0.1, is-set@npm:^2.0.2":
+"is-set@npm:^2.0.2":
   version: 2.0.2
   resolution: "is-set@npm:2.0.2"
   checksum: b64343faf45e9387b97a6fd32be632ee7b269bd8183701f3b3f5b71a7cf00d04450ed8669d0bd08753e08b968beda96fca73a10fd0ff56a32603f64deba55a57
@@ -33520,15 +32531,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-typed-array@npm:^1.1.10":
-  version: 1.1.12
-  resolution: "is-typed-array@npm:1.1.12"
-  dependencies:
-    which-typed-array: ^1.1.11
-  checksum: 4c89c4a3be07186caddadf92197b17fda663a9d259ea0d44a85f171558270d36059d1c386d34a12cba22dfade5aba497ce22778e866adc9406098c8fc4771796
-  languageName: node
-  linkType: hard
-
 "is-typed-array@npm:^1.1.3, is-typed-array@npm:^1.1.9":
   version: 1.1.9
   resolution: "is-typed-array@npm:1.1.9"
@@ -33570,13 +32572,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-weakmap@npm:^2.0.1":
-  version: 2.0.1
-  resolution: "is-weakmap@npm:2.0.1"
-  checksum: 1222bb7e90c32bdb949226e66d26cb7bce12e1e28e3e1b40bfa6b390ba3e08192a8664a703dff2a00a84825f4e022f9cd58c4599ff9981ab72b1d69479f4f7f6
-  languageName: node
-  linkType: hard
-
 "is-weakref@npm:^1.0.1":
   version: 1.0.1
   resolution: "is-weakref@npm:1.0.1"
@@ -33595,16 +32590,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-weakset@npm:^2.0.1":
-  version: 2.0.2
-  resolution: "is-weakset@npm:2.0.2"
-  dependencies:
-    call-bind: ^1.0.2
-    get-intrinsic: ^1.1.1
-  checksum: 5d8698d1fa599a0635d7ca85be9c26d547b317ed8fd83fc75f03efbe75d50001b5eececb1e9971de85fcde84f69ae6f8346bc92d20d55d46201d328e4c74a367
-  languageName: node
-  linkType: hard
-
 "is-whitespace-character@npm:^1.0.0":
   version: 1.0.4
   resolution: "is-whitespace-character@npm:1.0.4"
@@ -34231,29 +33216,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-haste-map@npm:^29.7.0":
-  version: 29.7.0
-  resolution: "jest-haste-map@npm:29.7.0"
-  dependencies:
-    "@jest/types": ^29.6.3
-    "@types/graceful-fs": ^4.1.3
-    "@types/node": "*"
-    anymatch: ^3.0.3
-    fb-watchman: ^2.0.0
-    fsevents: ^2.3.2
-    graceful-fs: ^4.2.9
-    jest-regex-util: ^29.6.3
-    jest-util: ^29.7.0
-    jest-worker: ^29.7.0
-    micromatch: ^4.0.4
-    walker: ^1.0.8
-  dependenciesMeta:
-    fsevents:
-      optional: true
-  checksum: c2c8f2d3e792a963940fbdfa563ce14ef9e14d4d86da645b96d3cd346b8d35c5ce0b992ee08593939b5f718cf0a1f5a90011a056548a1dbf58397d4356786f01
-  languageName: node
-  linkType: hard
-
 "jest-image-snapshot@npm:^6.1.0":
   version: 6.1.0
   resolution: "jest-image-snapshot@npm:6.1.0"
@@ -34511,13 +33473,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-regex-util@npm:^29.6.3":
-  version: 29.6.3
-  resolution: "jest-regex-util@npm:29.6.3"
-  checksum: 0518beeb9bf1228261695e54f0feaad3606df26a19764bc19541e0fc6e2a3737191904607fb72f3f2ce85d9c16b28df79b7b1ec9443aa08c3ef0e9efda6f8f2a
-  languageName: node
-  linkType: hard
-
 "jest-resolve-dependencies@npm:^28.1.3":
   version: 28.1.3
   resolution: "jest-resolve-dependencies@npm:28.1.3"
@@ -34724,20 +33679,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-util@npm:^29.7.0":
-  version: 29.7.0
-  resolution: "jest-util@npm:29.7.0"
-  dependencies:
-    "@jest/types": ^29.6.3
-    "@types/node": "*"
-    chalk: ^4.0.0
-    ci-info: ^3.2.0
-    graceful-fs: ^4.2.9
-    picomatch: ^2.2.3
-  checksum: 042ab4980f4ccd4d50226e01e5c7376a8556b472442ca6091a8f102488c0f22e6e8b89ea874111d2328a2080083bf3225c86f3788c52af0bd0345a00eb57a3ca
-  languageName: node
-  linkType: hard
-
 "jest-validate@npm:^28.1.3":
   version: 28.1.3
   resolution: "jest-validate@npm:28.1.3"
@@ -34852,18 +33793,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-worker@npm:^29.7.0":
-  version: 29.7.0
-  resolution: "jest-worker@npm:29.7.0"
-  dependencies:
-    "@types/node": "*"
-    jest-util: ^29.7.0
-    merge-stream: ^2.0.0
-    supports-color: ^8.0.0
-  checksum: 30fff60af49675273644d408b650fc2eb4b5dcafc5a0a455f238322a8f9d8a98d847baca9d51ff197b6747f54c7901daa2287799230b856a0f48287d131f8c13
-  languageName: node
-  linkType: hard
-
 "jest@npm:28.1.3, jest@npm:^28.0.0":
   version: 28.1.3
   resolution: "jest@npm:28.1.3"
@@ -36737,15 +35666,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lz-string@npm:^1.5.0":
-  version: 1.5.0
-  resolution: "lz-string@npm:1.5.0"
-  bin:
-    lz-string: bin/bin.js
-  checksum: 1ee98b4580246fd90dd54da6e346fb1caefcf05f677c686d9af237a157fdea3fd7c83a4bc58f858cd5b10a34d27afe0fdcbd0505a47e0590726a873dc8b8f65d
-  languageName: node
-  linkType: hard
-
 "madr-tools@npm:^1.0.0":
   version: 1.0.0
   resolution: "madr-tools@npm:1.0.0"
@@ -36991,15 +35911,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"markdown-to-jsx@npm:^7.1.8":
-  version: 7.3.2
-  resolution: "markdown-to-jsx@npm:7.3.2"
-  peerDependencies:
-    react: ">= 0.14.0"
-  checksum: 8885c6343b71570b0a7ec16cd85a49b853a830234790ee7430e2517ea5d8d361ff138bd52147f650790f3e7b3a28a15c755fc16f8856dd01ddf09a6161782e06
-  languageName: node
-  linkType: hard
-
 "markdownlint-cli@npm:^0.31.1":
   version: 0.31.1
   resolution: "markdownlint-cli@npm:0.31.1"
@@ -37472,15 +36383,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"memfs@npm:^3.4.12":
-  version: 3.5.3
-  resolution: "memfs@npm:3.5.3"
-  dependencies:
-    fs-monkey: ^1.0.4
-  checksum: 18dfdeacad7c8047b976a6ccd58bc98ba76e122ad3ca0e50a21837fe2075fc0d9aafc58ab9cf2576c2b6889da1dd2503083f2364191b695273f40969db2ecc44
-  languageName: node
-  linkType: hard
-
 "memfs@npm:^3.4.3":
   version: 3.4.7
   resolution: "memfs@npm:3.4.7"
@@ -38872,7 +37774,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"node-abort-controller@npm:^3.0.1, node-abort-controller@npm:^3.1.1":
+"node-abort-controller@npm:^3.1.1":
   version: 3.1.1
   resolution: "node-abort-controller@npm:3.1.1"
   checksum: 2c340916af9710328b11c0828223fc65ba320e0d082214a211311bf64c2891028e42ef276b9799188c4ada9e6e1c54cf7a0b7c05dd9d59fcdc8cd633304c8047
@@ -39639,7 +38541,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"object-is@npm:^1.0.1, object-is@npm:^1.1.5":
+"object-is@npm:^1.0.1":
   version: 1.1.5
   resolution: "object-is@npm:1.1.5"
   dependencies:
@@ -40873,15 +39775,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"pkg-dir@npm:^7.0.0":
-  version: 7.0.0
-  resolution: "pkg-dir@npm:7.0.0"
-  dependencies:
-    find-up: ^6.3.0
-  checksum: 94298b20a446bfbbd66604474de8a0cdd3b8d251225170970f15d9646f633e056c80520dd5b4c1d1050c9fed8f6a9e5054b141c93806439452efe72e57562c03
-  languageName: node
-  linkType: hard
-
 "pkg-install@npm:1.0.0":
   version: 1.0.0
   resolution: "pkg-install@npm:1.0.0"
@@ -41646,13 +40539,13 @@ __metadata:
   linkType: hard
 
 "postcss@npm:^8.2.14":
-  version: 8.4.30
-  resolution: "postcss@npm:8.4.30"
+  version: 8.4.31
+  resolution: "postcss@npm:8.4.31"
   dependencies:
     nanoid: ^3.3.6
     picocolors: ^1.0.0
     source-map-js: ^1.0.2
-  checksum: 6c810c10c9bd3e03ca016e0b6b6756261e640aba1a9a7b1200b55502bc34b9165e38f590aef3493afc2f30ab55cdfcd43fd0f8408d69a77318ddbcf2a8ad164b
+  checksum: 1d8611341b073143ad90486fcdfeab49edd243377b1f51834dc4f6d028e82ce5190e4f11bb2633276864503654fb7cab28e67abdc0fbf9d1f88cad4a0ff0beea
   languageName: node
   linkType: hard
 
@@ -43669,17 +42562,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-confetti@npm:^6.1.0":
-  version: 6.1.0
-  resolution: "react-confetti@npm:6.1.0"
-  dependencies:
-    tween-functions: ^1.2.0
-  peerDependencies:
-    react: ^16.3.0 || ^17.0.1 || ^18.0.0
-  checksum: 24b6975df144d2bf09d8e1c95ddc49e547775f911efaa8d96b49e522659d931539e9d9e48cc0db3a01f3a671be7e3824e6e728db85096f5527db5d1c69ebb153
-  languageName: node
-  linkType: hard
-
 "react-copy-to-clipboard@npm:5.0.4":
   version: 5.0.4
   resolution: "react-copy-to-clipboard@npm:5.0.4"
@@ -43751,20 +42633,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-element-to-jsx-string@npm:^15.0.0":
-  version: 15.0.0
-  resolution: "react-element-to-jsx-string@npm:15.0.0"
-  dependencies:
-    "@base2/pretty-print-object": 1.0.1
-    is-plain-object: 5.0.0
-    react-is: 18.1.0
-  peerDependencies:
-    react: ^0.14.8 || ^15.0.1 || ^16.0.0 || ^17.0.1 || ^18.0.0
-    react-dom: ^0.14.8 || ^15.0.1 || ^16.0.0 || ^17.0.1 || ^18.0.0
-  checksum: c3907cc4c1d3e9ecc8ca7727058ebcba6ec89848d9e07bfd2c77ee8f28f1ad99bf55e38359dec8a1125de83d41ac09a2874f53c41415edc86ffa9840fa1b7856
-  languageName: node
-  linkType: hard
-
 "react-error-boundary@npm:^3.1.0":
   version: 3.1.3
   resolution: "react-error-boundary@npm:3.1.3"
@@ -43849,15 +42717,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-inspector@npm:^6.0.0":
-  version: 6.0.2
-  resolution: "react-inspector@npm:6.0.2"
-  peerDependencies:
-    react: ^16.8.4 || ^17.0.0 || ^18.0.0
-  checksum: dab7a7daf570c283fdc5d4e07ee8941ee8670af698ab5a27a704602b248e29ab911b117310d64c30a4af93931b2d6ee2a729369e3f5ab7f02df4651692e195a5
-  languageName: node
-  linkType: hard
-
 "react-inspector@npm:^6.0.1":
   version: 6.0.1
   resolution: "react-inspector@npm:6.0.1"
@@ -43874,13 +42733,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-is@npm:18.1.0":
-  version: 18.1.0
-  resolution: "react-is@npm:18.1.0"
-  checksum: d206a0fe6790851bff168727bfb896de02c5591695afb0c441163e8630136a3e13ee1a7ddd59fdccddcc93968b4721ae112c10f790b194b03b35a3dc13a355ef
-  languageName: node
-  linkType: hard
-
 "react-is@npm:^16.10.2, react-is@npm:^16.12.0, react-is@npm:^16.13.1, react-is@npm:^16.6.0, react-is@npm:^16.7.0, react-is@npm:^16.8.1":
   version: 16.13.1
   resolution: "react-is@npm:16.13.1"
@@ -44711,17 +43563,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"regexp.prototype.flags@npm:^1.5.0":
-  version: 1.5.1
-  resolution: "regexp.prototype.flags@npm:1.5.1"
-  dependencies:
-    call-bind: ^1.0.2
-    define-properties: ^1.2.0
-    set-function-name: ^2.0.0
-  checksum: 869edff00288442f8d7fa4c9327f91d85f3b3acf8cbbef9ea7a220345cf23e9241b6def9263d2c1ebcf3a316b0aa52ad26a43a84aa02baca3381717b3e307f47
-  languageName: node
-  linkType: hard
-
 "regexpp@npm:^3.1.0, regexpp@npm:^3.2.0":
   version: 3.2.0
   resolution: "regexpp@npm:3.2.0"
@@ -45989,17 +44830,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"schema-utils@npm:^3.2.0":
-  version: 3.3.0
-  resolution: "schema-utils@npm:3.3.0"
-  dependencies:
-    "@types/json-schema": ^7.0.8
-    ajv: ^6.12.5
-    ajv-keywords: ^3.5.2
-  checksum: ea56971926fac2487f0757da939a871388891bc87c6a82220d125d587b388f1704788f3706e7f63a7b70e49fc2db974c41343528caea60444afd5ce0fe4b85c0
-  languageName: node
-  linkType: hard
-
 "scroll-into-view-if-needed@npm:^2.2.25":
   version: 2.2.28
   resolution: "scroll-into-view-if-needed@npm:2.2.28"
@@ -46298,17 +45128,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"set-function-name@npm:^2.0.0":
-  version: 2.0.1
-  resolution: "set-function-name@npm:2.0.1"
-  dependencies:
-    define-data-property: ^1.0.1
-    functions-have-names: ^1.2.3
-    has-property-descriptors: ^1.0.0
-  checksum: 4975d17d90c40168eee2c7c9c59d023429f0a1690a89d75656306481ece0c3c1fb1ebcc0150ea546d1913e35fbd037bace91372c69e543e51fc5d1f31a9fa126
-  languageName: node
-  linkType: hard
-
 "set-value@npm:^2.0.0, set-value@npm:^2.0.1":
   version: 2.0.1
   resolution: "set-value@npm:2.0.1"
@@ -47279,15 +46098,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"stop-iteration-iterator@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "stop-iteration-iterator@npm:1.0.0"
-  dependencies:
-    internal-slot: ^1.0.4
-  checksum: d04173690b2efa40e24ab70e5e51a3ff31d56d699550cfad084104ab3381390daccb36652b25755e420245f3b0737de66c1879eaa2a8d4fc0a78f9bf892fcb42
-  languageName: node
-  linkType: hard
-
 "store2@npm:^2.12.0":
   version: 2.12.0
   resolution: "store2@npm:2.12.0"
@@ -47920,7 +46730,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"style-loader@npm:^3.3.1, style-loader@npm:^3.3.2":
+"style-loader@npm:^3.3.2":
   version: 3.3.3
   resolution: "style-loader@npm:3.3.3"
   peerDependencies:
@@ -48255,7 +47065,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"swc-loader@npm:0.2.3, swc-loader@npm:^0.2.3":
+"swc-loader@npm:0.2.3":
   version: 0.2.3
   resolution: "swc-loader@npm:0.2.3"
   peerDependencies:
@@ -48578,7 +47388,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"terser-webpack-plugin@npm:^5.0.3, terser-webpack-plugin@npm:^5.3.1, terser-webpack-plugin@npm:^5.3.7":
+"terser-webpack-plugin@npm:^5.0.3, terser-webpack-plugin@npm:^5.3.7":
   version: 5.3.9
   resolution: "terser-webpack-plugin@npm:5.3.9"
   dependencies:
@@ -48923,13 +47733,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tocbot@npm:^4.20.1":
-  version: 4.21.1
-  resolution: "tocbot@npm:4.21.1"
-  checksum: c1cdccae0139a731ab007b7537b7cc71229beb0a7ad9b20bd277db2915808855720d256bfa76a868fbd608e8aab02d9fcc38a93a7beebd869cb7816a66acc148
-  languageName: node
-  linkType: hard
-
 "toggle-selection@npm:^1.0.6":
   version: 1.0.6
   resolution: "toggle-selection@npm:1.0.6"
@@ -49415,13 +48218,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tween-functions@npm:^1.2.0":
-  version: 1.2.0
-  resolution: "tween-functions@npm:1.2.0"
-  checksum: 880708d680eff5c347ddcb9f922ad121703a91c78ce308ed309073e73a794b633eb0b80589a839365803f150515ad34c9646809ae8a0e90f09e62686eefb1ab6
-  languageName: node
-  linkType: hard
-
 "tweetnacl@npm:^0.14.3, tweetnacl@npm:~0.14.0":
   version: 0.14.5
   resolution: "tweetnacl@npm:0.14.5"
@@ -49510,7 +48306,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"type-fest@npm:^2.0.0, type-fest@npm:^2.12.2, type-fest@npm:^2.13.0, type-fest@npm:^2.19.0, type-fest@npm:^2.5.0, type-fest@npm:~2.19":
+"type-fest@npm:^2.0.0, type-fest@npm:^2.12.2, type-fest@npm:^2.13.0, type-fest@npm:^2.19.0, type-fest@npm:^2.5.0":
   version: 2.19.0
   resolution: "type-fest@npm:2.19.0"
   checksum: a4ef07ece297c9fba78fc1bd6d85dff4472fe043ede98bd4710d2615d15776902b595abf62bd78339ed6278f021235fb28a96361f8be86ed754f778973a0d278
@@ -50201,18 +48997,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"unplugin@npm:^1.3.1":
-  version: 1.5.0
-  resolution: "unplugin@npm:1.5.0"
-  dependencies:
-    acorn: ^8.10.0
-    chokidar: ^3.5.3
-    webpack-sources: ^3.2.3
-    webpack-virtual-modules: ^0.5.0
-  checksum: fd3675aef99098741c2f0c4a33726d88230b60962fe9ceeb665e5596eb65e540e1e2d7a6e09132d821093e3d6918296c64311f73a947a9374f1b826017d05f63
-  languageName: node
-  linkType: hard
-
 "unset-value@npm:^1.0.0":
   version: 1.0.0
   resolution: "unset-value@npm:1.0.0"
@@ -51681,24 +50465,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"webpack-dev-middleware@npm:^6.1.1":
-  version: 6.1.1
-  resolution: "webpack-dev-middleware@npm:6.1.1"
-  dependencies:
-    colorette: ^2.0.10
-    memfs: ^3.4.12
-    mime-types: ^2.1.31
-    range-parser: ^1.2.1
-    schema-utils: ^4.0.0
-  peerDependencies:
-    webpack: ^5.0.0
-  peerDependenciesMeta:
-    webpack:
-      optional: true
-  checksum: 3bced6ef644b20f2e76df9db1c5209f4a73761d7d307fe29ae20bc00397d4f9727af2607f98794c6c7c57d5c1a48bfa12690168b08f5d46820b07aab2c63640c
-  languageName: node
-  linkType: hard
-
 "webpack-dev-server@npm:^4.11.1":
   version: 4.11.1
   resolution: "webpack-dev-server@npm:4.11.1"
@@ -51883,13 +50649,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"webpack-virtual-modules@npm:^0.5.0":
-  version: 0.5.0
-  resolution: "webpack-virtual-modules@npm:0.5.0"
-  checksum: 22b59257b55c89d11ae295b588b683ee9fdf3aeb591bc7b6f88ac1d69cb63f4fcb507666ea986866dfae161a1fa534ad6fb4e2ea91bbcd0a6d454368d7d4c64b
-  languageName: node
-  linkType: hard
-
 "webpack@npm:4":
   version: 4.46.0
   resolution: "webpack@npm:4.46.0"
@@ -51928,43 +50687,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"webpack@npm:5":
-  version: 5.88.2
-  resolution: "webpack@npm:5.88.2"
-  dependencies:
-    "@types/eslint-scope": ^3.7.3
-    "@types/estree": ^1.0.0
-    "@webassemblyjs/ast": ^1.11.5
-    "@webassemblyjs/wasm-edit": ^1.11.5
-    "@webassemblyjs/wasm-parser": ^1.11.5
-    acorn: ^8.7.1
-    acorn-import-assertions: ^1.9.0
-    browserslist: ^4.14.5
-    chrome-trace-event: ^1.0.2
-    enhanced-resolve: ^5.15.0
-    es-module-lexer: ^1.2.1
-    eslint-scope: 5.1.1
-    events: ^3.2.0
-    glob-to-regexp: ^0.4.1
-    graceful-fs: ^4.2.9
-    json-parse-even-better-errors: ^2.3.1
-    loader-runner: ^4.2.0
-    mime-types: ^2.1.27
-    neo-async: ^2.6.2
-    schema-utils: ^3.2.0
-    tapable: ^2.1.1
-    terser-webpack-plugin: ^5.3.7
-    watchpack: ^2.4.0
-    webpack-sources: ^3.2.3
-  peerDependenciesMeta:
-    webpack-cli:
-      optional: true
-  bin:
-    webpack: bin/webpack.js
-  checksum: 79476a782da31a21f6dd38fbbd06b68da93baf6a62f0d08ca99222367f3b8668f5a1f2086b7bb78e23172e31fa6df6fa7ab09b25e827866c4fc4dc2b30443ce2
-  languageName: node
-  linkType: hard
-
 "webpack@npm:5.76.0":
   version: 5.76.0
   resolution: "webpack@npm:5.76.0"
@@ -52256,18 +50978,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"which-collection@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "which-collection@npm:1.0.1"
-  dependencies:
-    is-map: ^2.0.1
-    is-set: ^2.0.1
-    is-weakmap: ^2.0.1
-    is-weakset: ^2.0.1
-  checksum: c815bbd163107ef9cb84f135e6f34453eaf4cca994e7ba85ddb0d27cea724c623fae2a473ceccfd5549c53cc65a5d82692de418166df3f858e1e5dc60818581c
-  languageName: node
-  linkType: hard
-
 "which-module@npm:^2.0.0":
   version: 2.0.0
   resolution: "which-module@npm:2.0.0"
@@ -52275,19 +50985,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"which-typed-array@npm:^1.1.11, which-typed-array@npm:^1.1.9":
-  version: 1.1.11
-  resolution: "which-typed-array@npm:1.1.11"
-  dependencies:
-    available-typed-arrays: ^1.0.5
-    call-bind: ^1.0.2
-    for-each: ^0.3.3
-    gopd: ^1.0.1
-    has-tostringtag: ^1.0.0
-  checksum: 711ffc8ef891ca6597b19539075ec3e08bb9b4c2ca1f78887e3c07a977ab91ac1421940505a197758fb5939aa9524976d0a5bbcac34d07ed6faa75cedbb17206
-  languageName: node
-  linkType: hard
-
 "which-typed-array@npm:^1.1.2":
   version: 1.1.8
   resolution: "which-typed-array@npm:1.1.8"
@@ -52507,7 +51204,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"write-file-atomic@npm:^4.0.1, write-file-atomic@npm:^4.0.2":
+"write-file-atomic@npm:^4.0.1":
   version: 4.0.2
   resolution: "write-file-atomic@npm:4.0.2"
   dependencies:

From a7b0fbd7006fdfd14bef9507100755db93ad9809 Mon Sep 17 00:00:00 2001
From: Lucas Araujo <lucas.araujo@iohk.io>
Date: Wed, 18 Oct 2023 13:30:48 -0300
Subject: [PATCH 33/38] fix: update lock file

---
 yarn.lock | 1 -
 1 file changed, 1 deletion(-)

diff --git a/yarn.lock b/yarn.lock
index 8320c9b88f..9e7e906796 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -9543,7 +9543,6 @@ __metadata:
     "@storybook/addon-interactions": ^6.5.16
     "@storybook/addon-links": ^6.5.16
     "@storybook/builder-webpack5": 6.5.16
-    "@storybook/core-events": ^6.5.16
     "@storybook/jest": ^0.0.10
     "@storybook/manager-webpack5": 6.5.16
     "@storybook/react": ^6.5.16

From f29f7b9a9fd708702851d57f0444dacd71f1604a Mon Sep 17 00:00:00 2001
From: Lucas Araujo <lucas.araujo@iohk.io>
Date: Wed, 18 Oct 2023 14:55:20 -0300
Subject: [PATCH 34/38] fix: styles and text

---
 .../confirm-transaction/ConfirmTransaction.module.scss      | 2 +-
 apps/browser-extension-wallet/src/lib/translations/en.json  | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransaction.module.scss b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransaction.module.scss
index 50163e5e4c..9a02141f0c 100644
--- a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransaction.module.scss
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmTransaction.module.scss
@@ -20,7 +20,7 @@
   gap: size_unit(1);
   padding: size_unit(2) size_unit(3) size_unit(2) size_unit(3);
   border-top: 2px solid var(--light-mode-light-grey-plus, var(--dark-mode-mid-grey));
-  margin: 0 size_unit(-3) size_unit(-2) size_unit(-3);
+  margin: size_unit(4) size_unit(-3) size_unit(-2) size_unit(-3);
   position: sticky;
   bottom: 0;
   .actionBtn {
diff --git a/apps/browser-extension-wallet/src/lib/translations/en.json b/apps/browser-extension-wallet/src/lib/translations/en.json
index d5e5453b83..743e12bd5b 100644
--- a/apps/browser-extension-wallet/src/lib/translations/en.json
+++ b/apps/browser-extension-wallet/src/lib/translations/en.json
@@ -1106,7 +1106,7 @@
       "noCollateral": "Wallet should not be able to sign dapp txs without collateral."
     },
     "drepRegistration": {
-      "title": "Confirm DRep registration",
+      "title": "Confirm DRep Registration",
       "metadata": "Metadata",
       "url": "URL",
       "hash": "Hash",
@@ -1114,9 +1114,9 @@
       "depositPaid": "Deposit paid"
     },
     "drepRetirement": {
-      "title": "Confirm DRep retirement",
+      "title": "Confirm DRep Retirement",
       "metadata": "Metadata",
-      "drepId": "DRep ID",
+      "drepId": "Drep ID",
       "depositReturned": "Deposit returned"
     },
     "destinationAddressInput": {

From 4012f845f9009568b54fc6e3fe31fb3e3c8579ff Mon Sep 17 00:00:00 2001
From: Lucas Araujo <lucas.araujo@iohk.io>
Date: Wed, 18 Oct 2023 15:34:54 -0300
Subject: [PATCH 35/38] fix: storybook build

---
 .../ConfirmDRepRegistration/ConfirmDRepRegistration.stories.ts | 3 +--
 .../ConfirmDRepRetirement/ConfirmDRepRetirement.stories.ts     | 3 +--
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/packages/core/src/ui/components/ConfirmDRepRegistration/ConfirmDRepRegistration.stories.ts b/packages/core/src/ui/components/ConfirmDRepRegistration/ConfirmDRepRegistration.stories.ts
index 6d4d3d120f..6434e8d54b 100644
--- a/packages/core/src/ui/components/ConfirmDRepRegistration/ConfirmDRepRegistration.stories.ts
+++ b/packages/core/src/ui/components/ConfirmDRepRegistration/ConfirmDRepRegistration.stories.ts
@@ -8,8 +8,7 @@ const meta: Meta<typeof ConfirmDRepRegistration> = {
   component: ConfirmDRepRegistration,
   parameters: {
     layout: 'centered'
-  },
-  tags: ['autodocs']
+  }
 };
 
 export default meta;
diff --git a/packages/core/src/ui/components/ConfirmDRepRetirement/ConfirmDRepRetirement.stories.ts b/packages/core/src/ui/components/ConfirmDRepRetirement/ConfirmDRepRetirement.stories.ts
index 0fbdfc3633..6323a43ec5 100644
--- a/packages/core/src/ui/components/ConfirmDRepRetirement/ConfirmDRepRetirement.stories.ts
+++ b/packages/core/src/ui/components/ConfirmDRepRetirement/ConfirmDRepRetirement.stories.ts
@@ -8,8 +8,7 @@ const meta: Meta<typeof ConfirmDRepRetirement> = {
   component: ConfirmDRepRetirement,
   parameters: {
     layout: 'centered'
-  },
-  tags: ['autodocs']
+  }
 };
 
 export default meta;

From e3dbd713d60fc71942859c0e75a294786cc4efc4 Mon Sep 17 00:00:00 2001
From: Lucas Araujo <lucas.araujo@iohk.io>
Date: Wed, 18 Oct 2023 22:33:54 -0300
Subject: [PATCH 36/38] fix: storybook build

---
 .../ui/components/DappTransaction/DappTransaction.stories.ts   | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/core/src/ui/components/DappTransaction/DappTransaction.stories.ts b/packages/core/src/ui/components/DappTransaction/DappTransaction.stories.ts
index abb9bcdde0..56f29d0531 100644
--- a/packages/core/src/ui/components/DappTransaction/DappTransaction.stories.ts
+++ b/packages/core/src/ui/components/DappTransaction/DappTransaction.stories.ts
@@ -8,8 +8,7 @@ const meta: Meta<typeof DappTransaction> = {
   component: DappTransaction,
   parameters: {
     layout: 'centered'
-  },
-  tags: ['autodocs']
+  }
 };
 
 export default meta;

From 66a1c8083588b738c693c8ead04c208a70b3e022 Mon Sep 17 00:00:00 2001
From: Lucas Araujo <lucas.araujo@iohk.io>
Date: Wed, 18 Oct 2023 22:57:55 -0300
Subject: [PATCH 37/38] feat: check retired drep key

---
 .../ConfirmDRepRetirementContainer.tsx        | 17 +++++++++--
 .../components/confirm-transaction/hooks.ts   | 29 ++++++++++++++++++-
 .../components/confirm-transaction/utils.ts   | 18 ++++++++++++
 3 files changed, 61 insertions(+), 3 deletions(-)

diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRetirementContainer.tsx b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRetirementContainer.tsx
index 8b73dd24e4..990069222f 100644
--- a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRetirementContainer.tsx
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRetirementContainer.tsx
@@ -5,6 +5,7 @@ import { SignTxData } from './types';
 import { dRepRetirementInspector, drepIDasBech32FromHash } from './utils';
 import { Wallet } from '@lace/cardano';
 import { useWalletStore } from '@src/stores';
+import { useIsOwnPubDRepKey } from './hooks';
 
 interface Props {
   signTxData: SignTxData;
@@ -15,13 +16,21 @@ export const ConfirmDRepRetirementContainer = ({ signTxData, errorMessage }: Pro
   const { t } = useTranslation();
   const certificate = dRepRetirementInspector(signTxData.tx);
   const {
-    walletUI: { cardanoCoin }
+    walletUI: { cardanoCoin },
+    inMemoryWallet,
+    currentChain
   } = useWalletStore();
 
   const depositPaidWithCardanoSymbol = `${Wallet.util.lovelacesToAdaString(certificate.deposit.toString())} ${
     cardanoCoin.symbol
   }`;
 
+  const isOwnRetirment = useIsOwnPubDRepKey(
+    inMemoryWallet.getPubDRepKey,
+    currentChain,
+    certificate.dRepCredential.hash
+  );
+
   return (
     <ConfirmDRepRetirement
       dappInfo={signTxData.dappInfo}
@@ -36,7 +45,11 @@ export const ConfirmDRepRetirementContainer = ({ signTxData, errorMessage }: Pro
           drepId: t('core.drepRetirement.drepId')
         }
       }}
-      errorMessage={errorMessage}
+      errorMessage={
+        errorMessage || isOwnRetirment
+          ? 'This is your DRep retirement.'
+          : "The presented DRepID does not match your wallet's DRepID."
+      }
     />
   );
 };
diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/hooks.ts b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/hooks.ts
index 7d5dd14643..7c0ff88aeb 100644
--- a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/hooks.ts
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/hooks.ts
@@ -6,7 +6,15 @@ import { CardanoTxOut, WalletInfo } from '@src/types';
 import { TokenInfo, getAssetsInformation } from '@src/utils/get-assets-information';
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import * as HardwareLedger from '@cardano-sdk/hardware-ledger';
-import { TxType, allowSignTx, disallowSignTx, getTransactionAssetsId, getTxType } from './utils';
+import {
+  TxType,
+  allowSignTx,
+  buildDRepIDFromDRepKey,
+  disallowSignTx,
+  drepIDasBech32FromHash,
+  getTransactionAssetsId,
+  getTxType
+} from './utils';
 import { AddressListType } from '@src/views/browser-view/features/activity';
 import { GetSignTxData, SignTxData } from './types';
 
@@ -153,3 +161,22 @@ export const useOnBeforeUnload = (callBack: () => void): void => {
     };
   }, [callBack]);
 };
+
+export const useIsOwnPubDRepKey = (
+  getPubDRepKey: () => Promise<Wallet.Crypto.Ed25519PublicKeyHex>,
+  currentChain: Wallet.Cardano.ChainId,
+  drepHash: Wallet.Crypto.Hash28ByteBase16
+): boolean => {
+  const [isOwnDRepKey, setIsOwnDRepKey] = useState<boolean>();
+
+  useEffect(() => {
+    const get = async () => {
+      const ownDrepKey = await getPubDRepKey();
+      setIsOwnDRepKey(drepIDasBech32FromHash(drepHash) === buildDRepIDFromDRepKey(ownDrepKey, currentChain.networkId));
+    };
+
+    get();
+  }, [getPubDRepKey, drepHash, currentChain]);
+
+  return isOwnDRepKey;
+};
diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/utils.ts b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/utils.ts
index 1aff4f81c3..6f938fc04c 100644
--- a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/utils.ts
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/utils.ts
@@ -127,3 +127,21 @@ export const getTxType = (tx: Wallet.Cardano.Tx): TxType => {
 
 export const drepIDasBech32FromHash = (value: Wallet.Crypto.Hash28ByteBase16) =>
   Wallet.Cardano.DRepID(Wallet.HexBlob.toTypedBech32('drep', Wallet.HexBlob(value)));
+
+export const buildDRepIDFromDRepKey = (
+  dRepKey: Wallet.Crypto.Ed25519PublicKeyHex,
+  networkId: Wallet.Cardano.NetworkId = Wallet.Cardano.NetworkId.Testnet
+): Wallet.Cardano.DRepID => {
+  const dRepKeyBytes = Buffer.from(dRepKey, 'hex');
+  // eslint-disable-next-line no-magic-numbers
+  const dRepIdHex = Wallet.Crypto.blake2b(28).update(dRepKeyBytes).digest('hex');
+  const paymentAddress = Wallet.Cardano.EnterpriseAddress.packParts({
+    networkId,
+    paymentPart: {
+      hash: Wallet.Crypto.Hash28ByteBase16(dRepIdHex),
+      type: Wallet.Cardano.CredentialType.KeyHash
+    },
+    type: Wallet.Cardano.AddressType.EnterpriseKey
+  });
+  return Wallet.HexBlob.toTypedBech32<Wallet.Cardano.DRepID>('drep', Wallet.HexBlob.fromBytes(paymentAddress));
+};

From c151b5288ba5f587c3022c0c97c7f9a984bb4959 Mon Sep 17 00:00:00 2001
From: Lucas Araujo <lucas.araujo@iohk.io>
Date: Thu, 19 Oct 2023 09:56:47 -0300
Subject: [PATCH 38/38] fix: check retired drep key

---
 .../ConfirmDRepRetirementContainer.tsx        | 18 +++--------
 .../components/confirm-transaction/hooks.ts   | 21 +++++--------
 .../components/confirm-transaction/utils.ts   | 31 +++++++++----------
 .../src/lib/translations/en.json              |  4 ++-
 4 files changed, 29 insertions(+), 45 deletions(-)

diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRetirementContainer.tsx b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRetirementContainer.tsx
index 990069222f..1bb2cb14ab 100644
--- a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRetirementContainer.tsx
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRetirementContainer.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { ConfirmDRepRetirement } from '@lace/core';
 import { SignTxData } from './types';
-import { dRepRetirementInspector, drepIDasBech32FromHash } from './utils';
+import { dRepRetirementInspector, drepIDasBech32FromHash, getOwnRetirementMessageKey } from './utils';
 import { Wallet } from '@lace/cardano';
 import { useWalletStore } from '@src/stores';
 import { useIsOwnPubDRepKey } from './hooks';
@@ -17,19 +17,15 @@ export const ConfirmDRepRetirementContainer = ({ signTxData, errorMessage }: Pro
   const certificate = dRepRetirementInspector(signTxData.tx);
   const {
     walletUI: { cardanoCoin },
-    inMemoryWallet,
-    currentChain
+    inMemoryWallet
   } = useWalletStore();
 
   const depositPaidWithCardanoSymbol = `${Wallet.util.lovelacesToAdaString(certificate.deposit.toString())} ${
     cardanoCoin.symbol
   }`;
 
-  const isOwnRetirment = useIsOwnPubDRepKey(
-    inMemoryWallet.getPubDRepKey,
-    currentChain,
-    certificate.dRepCredential.hash
-  );
+  const isOwnRetirement = useIsOwnPubDRepKey(inMemoryWallet.getPubDRepKey, certificate.dRepCredential.hash);
+  const ownRetirementMessageKey = getOwnRetirementMessageKey(isOwnRetirement);
 
   return (
     <ConfirmDRepRetirement
@@ -45,11 +41,7 @@ export const ConfirmDRepRetirementContainer = ({ signTxData, errorMessage }: Pro
           drepId: t('core.drepRetirement.drepId')
         }
       }}
-      errorMessage={
-        errorMessage || isOwnRetirment
-          ? 'This is your DRep retirement.'
-          : "The presented DRepID does not match your wallet's DRepID."
-      }
+      errorMessage={errorMessage || t(ownRetirementMessageKey)}
     />
   );
 };
diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/hooks.ts b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/hooks.ts
index 7c0ff88aeb..df53acc898 100644
--- a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/hooks.ts
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/hooks.ts
@@ -6,15 +6,7 @@ import { CardanoTxOut, WalletInfo } from '@src/types';
 import { TokenInfo, getAssetsInformation } from '@src/utils/get-assets-information';
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import * as HardwareLedger from '@cardano-sdk/hardware-ledger';
-import {
-  TxType,
-  allowSignTx,
-  buildDRepIDFromDRepKey,
-  disallowSignTx,
-  drepIDasBech32FromHash,
-  getTransactionAssetsId,
-  getTxType
-} from './utils';
+import { TxType, allowSignTx, pubDRepKeyToHash, disallowSignTx, getTransactionAssetsId, getTxType } from './utils';
 import { AddressListType } from '@src/views/browser-view/features/activity';
 import { GetSignTxData, SignTxData } from './types';
 
@@ -163,20 +155,21 @@ export const useOnBeforeUnload = (callBack: () => void): void => {
 };
 
 export const useIsOwnPubDRepKey = (
-  getPubDRepKey: () => Promise<Wallet.Crypto.Ed25519PublicKeyHex>,
-  currentChain: Wallet.Cardano.ChainId,
+  getOwnPubDRepKey: () => Promise<Wallet.Crypto.Ed25519PublicKeyHex>,
   drepHash: Wallet.Crypto.Hash28ByteBase16
 ): boolean => {
   const [isOwnDRepKey, setIsOwnDRepKey] = useState<boolean>();
 
   useEffect(() => {
     const get = async () => {
-      const ownDrepKey = await getPubDRepKey();
-      setIsOwnDRepKey(drepIDasBech32FromHash(drepHash) === buildDRepIDFromDRepKey(ownDrepKey, currentChain.networkId));
+      const ownPubDRepKey = await getOwnPubDRepKey();
+      const ownDRepKeyHash = await pubDRepKeyToHash(ownPubDRepKey);
+
+      setIsOwnDRepKey(drepHash === ownDRepKeyHash);
     };
 
     get();
-  }, [getPubDRepKey, drepHash, currentChain]);
+  }, [getOwnPubDRepKey, drepHash]);
 
   return isOwnDRepKey;
 };
diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/utils.ts b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/utils.ts
index 6f938fc04c..6b6611499d 100644
--- a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/utils.ts
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/utils.ts
@@ -125,23 +125,20 @@ export const getTxType = (tx: Wallet.Cardano.Tx): TxType => {
   return TxType.Send;
 };
 
-export const drepIDasBech32FromHash = (value: Wallet.Crypto.Hash28ByteBase16) =>
+export const drepIDasBech32FromHash = (value: Wallet.Crypto.Hash28ByteBase16): Wallet.Cardano.DRepID =>
   Wallet.Cardano.DRepID(Wallet.HexBlob.toTypedBech32('drep', Wallet.HexBlob(value)));
 
-export const buildDRepIDFromDRepKey = (
-  dRepKey: Wallet.Crypto.Ed25519PublicKeyHex,
-  networkId: Wallet.Cardano.NetworkId = Wallet.Cardano.NetworkId.Testnet
-): Wallet.Cardano.DRepID => {
-  const dRepKeyBytes = Buffer.from(dRepKey, 'hex');
-  // eslint-disable-next-line no-magic-numbers
-  const dRepIdHex = Wallet.Crypto.blake2b(28).update(dRepKeyBytes).digest('hex');
-  const paymentAddress = Wallet.Cardano.EnterpriseAddress.packParts({
-    networkId,
-    paymentPart: {
-      hash: Wallet.Crypto.Hash28ByteBase16(dRepIdHex),
-      type: Wallet.Cardano.CredentialType.KeyHash
-    },
-    type: Wallet.Cardano.AddressType.EnterpriseKey
-  });
-  return Wallet.HexBlob.toTypedBech32<Wallet.Cardano.DRepID>('drep', Wallet.HexBlob.fromBytes(paymentAddress));
+export const pubDRepKeyToHash = async (
+  pubDRepKeyHex: Wallet.Crypto.Ed25519PublicKeyHex
+): Promise<Wallet.Crypto.Hash28ByteBase16> => {
+  const pubDRepKey = await Wallet.Crypto.Ed25519PublicKey.fromHex(pubDRepKeyHex);
+  const drepKeyHex = (await pubDRepKey.hash()).hex();
+  return Wallet.Crypto.Hash28ByteBase16.fromEd25519KeyHashHex(drepKeyHex);
+};
+
+export const getOwnRetirementMessageKey = (isOwnRetirement: boolean | undefined): string => {
+  if (isOwnRetirement === undefined) {
+    return '';
+  }
+  return isOwnRetirement ? 'core.drepRetirement.isOwnRetirement' : 'core.drepRetirement.isNotOwnRetirement';
 };
diff --git a/apps/browser-extension-wallet/src/lib/translations/en.json b/apps/browser-extension-wallet/src/lib/translations/en.json
index 743e12bd5b..4ecc80854f 100644
--- a/apps/browser-extension-wallet/src/lib/translations/en.json
+++ b/apps/browser-extension-wallet/src/lib/translations/en.json
@@ -1117,7 +1117,9 @@
       "title": "Confirm DRep Retirement",
       "metadata": "Metadata",
       "drepId": "Drep ID",
-      "depositReturned": "Deposit returned"
+      "depositReturned": "Deposit returned",
+      "isOwnRetirement": "This is your DRep retirement.",
+      "isNotOwnRetirement": "The presented DRepID does not match your wallet's DRepID."
     },
     "destinationAddressInput": {
       "recipientAddress": "Recipient's address or $handle"